From 6cf0462819ff7df2621bd88e3646e740d628ede0 Mon Sep 17 00:00:00 2001
From: Andy Hanson <anhans@microsoft.com>
Date: Wed, 19 Apr 2017 10:23:24 -0700
Subject: [PATCH 001/321] react-redux: Remove test which does not compile in
 TypeScript 2.3

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

diff --git a/types/react-redux/react-redux-tests.tsx b/types/react-redux/react-redux-tests.tsx
index 4c7a55ea7b..543e5565ea 100644
--- a/types/react-redux/react-redux-tests.tsx
+++ b/types/react-redux/react-redux-tests.tsx
@@ -361,8 +361,8 @@ namespace TestTOwnPropsInference {
     const ConnectedWithOwnProps = connect(mapStateToPropsWithOwnProps)(OwnPropsComponent);
     const ConnectedWithTypeHint = connect<StateProps, {}, OwnProps>(mapStateToPropsWithoutOwnProps)(OwnPropsComponent);
 
-    // This compiles, which is bad.
-    React.createElement(ConnectedWithoutOwnProps, { anything: 'goes!' });
+    // This should not compile, which is good.
+    // React.createElement(ConnectedWithoutOwnProps, { anything: 'goes!' });
 
     // This compiles, as expected.
     React.createElement(ConnectedWithOwnProps, { own: 'string' });

From 95317ca2cba7bca6edce2c769f509999e1ce9507 Mon Sep 17 00:00:00 2001
From: Mitchell Wills <mwills@google.com>
Date: Wed, 19 Apr 2017 11:20:02 -0700
Subject: [PATCH 002/321] Fix types of some fields in gapi.auth2.AuthResponse

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

diff --git a/types/gapi.auth2/index.d.ts b/types/gapi.auth2/index.d.ts
index 402da68699..ee727ed27a 100644
--- a/types/gapi.auth2/index.d.ts
+++ b/types/gapi.auth2/index.d.ts
@@ -131,9 +131,9 @@ declare namespace gapi.auth2 {
     id_token: string;
     login_hint: string;
     scope: string;
-    expires_in: string;
-    first_issued_at: string;
-    expires_at: string;
+    expires_in: number;
+    first_issued_at: number;
+    expires_at: number;
   }
 
   /**

From 4cb5f8c313ec0a2671735cb19a8faf8bfdf435ad Mon Sep 17 00:00:00 2001
From: Andy Hanson <anhans@microsoft.com>
Date: Wed, 19 Apr 2017 13:11:17 -0700
Subject: [PATCH 003/321] isomorphic-fetch: Just use fetch `--lib dom`.

---
 types/isomorphic-fetch/index.d.ts             | 116 +-----------------
 .../isomorphic-fetch-tests.ts                 |  38 +++---
 types/isomorphic-fetch/tslint.json            |   1 +
 3 files changed, 23 insertions(+), 132 deletions(-)
 create mode 100644 types/isomorphic-fetch/tslint.json

diff --git a/types/isomorphic-fetch/index.d.ts b/types/isomorphic-fetch/index.d.ts
index 00b40fe911..7fbc0d8ed2 100644
--- a/types/isomorphic-fetch/index.d.ts
+++ b/types/isomorphic-fetch/index.d.ts
@@ -2,116 +2,8 @@
 // Project: https://github.com/matthew-andrews/isomorphic-fetch
 // Definitions by: Todd Lucas <https://github.com/toddlucas>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+// TypeScript Version: 2.2
 
-interface ForEachCallback {
-    (keyId: any, status: string): void;
-}
-
-interface Headers {
-    append(name: string, value: string): void;
-    delete(name: string): void;
-    forEach(callback: ForEachCallback): void;
-    get(name: string): string | null;
-    has(name: string): boolean;
-    set(name: string, value: string): void;
-}
-
-declare var Headers: {
-    prototype: Headers;
-    new(init?: any): Headers;
-}
-
-interface Blob {
-    readonly size: number;
-    readonly type: string;
-    msClose(): void;
-    msDetachStream(): any;
-    slice(start?: number, end?: number, contentType?: string): Blob;
-}
-
-interface Body {
-    readonly bodyUsed: boolean;
-    arrayBuffer(): Promise<ArrayBuffer>;
-    blob(): Promise<Blob>;
-    json(): Promise<any>;
-    text(): Promise<string>;
-}
-
-interface RequestInit {
-    method?: string;
-    headers?: any;
-    body?: any;
-    referrer?: string;
-    referrerPolicy?: string;
-    mode?: string;
-    credentials?: string;
-    cache?: string;
-    redirect?: string;
-    integrity?: string;
-    keepalive?: boolean;
-    window?: any;
-}
-
-interface Request extends Object, Body {
-    readonly cache: string;
-    readonly credentials: string;
-    readonly destination: string;
-    readonly headers: Headers;
-    readonly integrity: string;
-    readonly keepalive: boolean;
-    readonly method: string;
-    readonly mode: string;
-    readonly redirect: string;
-    readonly referrer: string;
-    readonly referrerPolicy: string;
-    readonly type: string;
-    readonly url: string;
-    clone(): Request;
-}
-
-declare var Request: {
-    prototype: Request;
-    new(input: Request | string, init?: RequestInit): Request;
-}
-
-interface ReadableStream {
-    readonly locked: boolean;
-    cancel(): Promise<void>;
-}
-
-interface ResponseInit {
-    status?: number;
-    statusText?: string;
-    headers?: any;
-}
-
-interface Response extends Object, Body {
-    readonly body: ReadableStream | null;
-    readonly headers: Headers;
-    readonly ok: boolean;
-    readonly status: number;
-    readonly statusText: string;
-    readonly type: string;
-    readonly url: string;
-    clone(): Response;
-}
-
-declare var Response: {
-    prototype: Response;
-    new(body?: any, init?: ResponseInit): Response;
-}
-
-interface GlobalFetch {
-    fetch(input: Request | string, init?: RequestInit): Promise<Response>;
-}
-
-interface Window extends GlobalFetch {
-}
-
-declare function fetch(input: Request | string, init?: RequestInit): Promise<Response>;
-
-declare module "isomorphic-fetch" {
-    namespace _fetch { }
-    const _fetch: typeof fetch;
-    export = _fetch;
-}
+declare namespace _fetch { }
+declare const _fetch: typeof fetch;
+export = _fetch;
diff --git a/types/isomorphic-fetch/isomorphic-fetch-tests.ts b/types/isomorphic-fetch/isomorphic-fetch-tests.ts
index ac1a008350..6c5ad99a68 100644
--- a/types/isomorphic-fetch/isomorphic-fetch-tests.ts
+++ b/types/isomorphic-fetch/isomorphic-fetch-tests.ts
@@ -1,4 +1,3 @@
-/// <reference types="bluebird" />
 import fetchImportedViaCommonJS = require('isomorphic-fetch');
 import * as fetchImportedViaES6Module from 'isomorphic-fetch';
 
@@ -35,13 +34,12 @@ function test_isomorphicFetchTestCases_es6() {
         });
 }
 
-
 function test_whatwgTestCases_ambient() {
-    var headers = new Headers();
+    const headers = new Headers();
     headers.append("Content-Type", "application/json");
-    var requestOptions: RequestInit = {
+    let requestOptions: RequestInit = {
         method: "POST",
-        headers: headers,
+        headers,
         mode: 'same-origin',
         credentials: 'omit',
         cache: 'default'
@@ -49,7 +47,7 @@ function test_whatwgTestCases_ambient() {
 
     expectSuccess(fetch('http://localhost:3000/poster', requestOptions), 'Post response:');
 
-    var requestOptions: RequestInit = {
+    requestOptions = {
         method: "POST",
         headers: {
             'Content-Type': 'application/json'
@@ -58,23 +56,23 @@ function test_whatwgTestCases_ambient() {
 
     expectSuccess(fetch('http://localhost:3000/poster', requestOptions), 'Post response:');
 
-    var requestOptions: RequestInit = {
+    requestOptions = {
         method: "POST",
         headers: {
             'Content-Type': 'application/json'
         }
     };
-    var request: Request = new Request('http://localhost:3000/poster', requestOptions);
+    const request: Request = new Request('http://localhost:3000/poster', requestOptions);
 
     expectSuccess(fetch(request), 'Post response:');
 }
 
 function test_whatwgTestCases_commonjs() {
-    var headers = new Headers();
+    const headers = new Headers();
     headers.append("Content-Type", "application/json");
-    var requestOptions: RequestInit = {
+    let requestOptions: RequestInit = {
         method: "POST",
-        headers: headers,
+        headers,
         mode: 'same-origin',
         credentials: 'omit',
         cache: 'default'
@@ -82,7 +80,7 @@ function test_whatwgTestCases_commonjs() {
 
     expectSuccess(fetchImportedViaCommonJS('http://localhost:3000/poster', requestOptions), 'Post response:');
 
-    var requestOptions: RequestInit = {
+    requestOptions = {
         method: "POST",
         headers: {
             'Content-Type': 'application/json'
@@ -91,23 +89,23 @@ function test_whatwgTestCases_commonjs() {
 
     expectSuccess(fetchImportedViaCommonJS('http://localhost:3000/poster', requestOptions), 'Post response:');
 
-    var requestOptions: RequestInit = {
+    requestOptions = {
         method: "POST",
         headers: {
             'Content-Type': 'application/json'
         }
     };
-    var request: Request = new Request('http://localhost:3000/poster', requestOptions);
+    const request: Request = new Request('http://localhost:3000/poster', requestOptions);
 
     expectSuccess(fetchImportedViaCommonJS(request), 'Post response:');
 }
 
 function test_whatwgTestCases_es6() {
-    var headers = new Headers();
+    const headers = new Headers();
     headers.append("Content-Type", "application/json");
-    var requestOptions: RequestInit = {
+    let requestOptions: RequestInit = {
         method: "POST",
-        headers: headers,
+        headers,
         mode: 'same-origin',
         credentials: 'omit',
         cache: 'default'
@@ -115,7 +113,7 @@ function test_whatwgTestCases_es6() {
 
     expectSuccess(fetchImportedViaES6Module('http://localhost:3000/poster', requestOptions), 'Post response:');
 
-    var requestOptions: RequestInit = {
+    requestOptions = {
         method: "POST",
         headers: {
             'Content-Type': 'application/json'
@@ -124,13 +122,13 @@ function test_whatwgTestCases_es6() {
 
     expectSuccess(fetchImportedViaES6Module('http://localhost:3000/poster', requestOptions), 'Post response:');
 
-    var requestOptions: RequestInit = {
+    requestOptions = {
         method: "POST",
         headers: {
             'Content-Type': 'application/json'
         }
     };
-    var request: Request = new Request('http://localhost:3000/poster', requestOptions);
+    const request: Request = new Request('http://localhost:3000/poster', requestOptions);
 
     expectSuccess(fetchImportedViaES6Module(request), 'Post response:');
 }
diff --git a/types/isomorphic-fetch/tslint.json b/types/isomorphic-fetch/tslint.json
new file mode 100644
index 0000000000..3db14f85ea
--- /dev/null
+++ b/types/isomorphic-fetch/tslint.json
@@ -0,0 +1 @@
+{ "extends": "dtslint/dt.json" }

From 648ab290969828f8b926b873b69e2f6acf20936d Mon Sep 17 00:00:00 2001
From: Greg Smith <smr.kyu@gmail.com>
Date: Wed, 19 Apr 2017 15:23:44 -0500
Subject: [PATCH 004/321] Update react-datepicker typings for 0.46

---
 types/react-datepicker/index.d.ts             | 123 +++++++++---------
 .../react-datepicker-tests.tsx                |  50 ++++---
 2 files changed, 88 insertions(+), 85 deletions(-)

diff --git a/types/react-datepicker/index.d.ts b/types/react-datepicker/index.d.ts
index 467981c2fc..ab6242b2b0 100644
--- a/types/react-datepicker/index.d.ts
+++ b/types/react-datepicker/index.d.ts
@@ -1,65 +1,70 @@
-// Type definitions for react-datepicker v0.40.0
+// Type definitions for react-datepicker 0.46
 // Project: https://github.com/Hacker0x01/react-datepicker
-// Definitions by: Rajab Shakirov <https://github.com/radziksh>, Andrey Balokha <https://github.com/andrewBalekha>
+// Definitions by: Rajab Shakirov <https://github.com/radziksh>,
+//     Andrey Balokha <https://github.com/andrewBalekha>,
+//     Greg Smith <https://github.com/smrq>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 // TypeScript Version: 2.1
 
-declare module "react-datepicker" {
-    import * as React from "react";
-    import * as moment from "moment";
+import * as React from "react";
+import * as moment from "moment";
 
-    interface ReactDatePickerProps {
-        autoComplete?: string;
-        autoFocus?: boolean;
-        className?: string;
-        customInput?: React.ReactNode;
-        dateFormat?: string;
-        dateFormatCalendar?: string;
-        disabled?: boolean;
-        dropdownMode?: string;
-        endDate?: moment.Moment;
-        excludeDates?: any[];
-        filterDate?(): any;
-        fixedHeight?: boolean;
-        forceShowMonthNavigation?: boolean;
-        highlightDates?: any[];
-        id?: string;
-        includeDates?: any[];
-        inline?: boolean;
-        isClearable?: boolean;
-        locale?: string;
-        maxDate?: moment.Moment;
-        minDate?: moment.Moment;
-        monthsShown?: number;
-        name?: string;
-        onBlur?(event: React.FocusEvent<HTMLInputElement>): void;
-        onChange(date: moment.Moment | null, event: React.SyntheticEvent<any> | undefined): any;
-        onChangeRaw?(event: React.FocusEvent<HTMLInputElement>): void;
-        onFocus?(event: React.FocusEvent<HTMLInputElement>): void;
-        onMonthChange?(date: moment.Moment): void;
-        openToDate?: moment.Moment;
-        peekNextMonth?: boolean;
-        placeholderText?: string;
-        popoverAttachment?: string;
-        popoverTargetAttachment?: string;
-        popoverTargetOffset?: string;
-        readOnly?: boolean;
-        renderCalendarTo?: any;
-        required?: boolean;
-        scrollableYearDropdown?: boolean;
-        selected?: moment.Moment | null;
-        selectsEnd?: boolean;
-        selectsStart?: boolean;
-        showMonthDropdown?: boolean;
-        showYearDropdown?: boolean;
-        showWeekNumbers?: boolean;
-        startDate?: moment.Moment;
-        tabIndex?: number;
-        tetherConstraints?: any[];
-        title?: string;
-        todayButton?: string;
-        utcOffset?: number;
-    }
-    let ReactDatePicker: React.ClassicComponentClass<ReactDatePickerProps>;
-    export = ReactDatePicker;
+interface ReactDatePickerProps {
+	autoComplete?: string;
+	autoFocus?: boolean;
+	calendarClassName?: string;
+	className?: string;
+	customInput?: React.ReactNode;
+	dateFormat?: string | string[];
+	dateFormatCalendar?: string;
+	disabled?: boolean;
+	disabledKeyboardNavigation?: boolean;
+	dropdownMode?: string;
+	endDate?: moment.Moment;
+	excludeDates?: any[];
+	filterDate?(): any;
+	fixedHeight?: boolean;
+	forceShowMonthNavigation?: boolean;
+	highlightDates?: any[];
+	id?: string;
+	includeDates?: any[];
+	inline?: boolean;
+	isClearable?: boolean;
+	locale?: string;
+	maxDate?: moment.Moment;
+	minDate?: moment.Moment;
+	monthsShown?: number;
+	name?: string;
+	onBlur?(event: React.FocusEvent<HTMLInputElement>): void;
+	onChange(date: moment.Moment | null, event: React.SyntheticEvent<any> | undefined): any;
+	onChangeRaw?(event: React.FocusEvent<HTMLInputElement>): void;
+	onClickOutside?(event: React.MouseEvent<HTMLDivElement>): void;
+	onFocus?(event: React.FocusEvent<HTMLInputElement>): void;
+	onMonthChange?(date: moment.Moment): void;
+	openToDate?: moment.Moment;
+	peekNextMonth?: boolean;
+	placeholderText?: string;
+	popoverAttachment?: string;
+	popoverTargetAttachment?: string;
+	popoverTargetOffset?: string;
+	readOnly?: boolean;
+	renderCalendarTo?: any;
+	required?: boolean;
+	scrollableYearDropdown?: boolean;
+	selected?: moment.Moment | null;
+	selectsEnd?: boolean;
+	selectsStart?: boolean;
+	showMonthDropdown?: boolean;
+	showWeekNumbers?: boolean;
+	showYearDropdown?: boolean;
+	startDate?: moment.Moment;
+	tabIndex?: number;
+	tetherConstraints?: any[];
+	title?: string;
+	todayButton?: string;
+	utcOffset?: number;
+	value?: string;
+	withPortal?: boolean;
 }
+declare const ReactDatePicker: React.ClassicComponentClass<ReactDatePickerProps>;
+export default ReactDatePicker;
diff --git a/types/react-datepicker/react-datepicker-tests.tsx b/types/react-datepicker/react-datepicker-tests.tsx
index df1b02dacf..5a29b38149 100644
--- a/types/react-datepicker/react-datepicker-tests.tsx
+++ b/types/react-datepicker/react-datepicker-tests.tsx
@@ -1,30 +1,28 @@
-import * as React from "react";
+import * as React from 'react';
 import * as moment from 'moment';
-import * as DatePicker from 'react-datepicker';
+import DatePicker from 'react-datepicker';
 
-class ReactDatePicker extends React.Component<{}, { startDate: moment.Moment; displayName:string; }> {
-     constructor(props: {}) {
-        super();
-        this.state = {
-          startDate: moment(),
-          displayName: 'Example'
-        }
-        this.handleChange = this.handleChange.bind(this);
-     }
+class ReactDatePicker extends React.Component<{}, { startDate: moment.Moment; displayName: string; }> {
+	constructor(props: {}) {
+		super();
+		this.state = {
+			startDate: moment(),
+			displayName: 'Example'
+		};
+		this.handleChange = this.handleChange.bind(this);
+	}
 
-     handleChange = function(date?: moment.Moment | null) {
-        this.setState({
-          startDate: date
-        });
-     }
+	handleChange = function(date?: moment.Moment | null) {
+		this.setState({
+			startDate: date
+		});
+	};
 
-     render(){
-         return (
-           <div>
-             <DatePicker
-                 selected={this.state.startDate}
-                 onChange={this.handleChange} />
-           </div>
-         );
-    }
-};
\ No newline at end of file
+	render() {
+		return (
+			<DatePicker
+				selected={this.state.startDate}
+				onChange={this.handleChange} />
+		);
+	}
+}

From 9ab9dd2efc0197aec5f5378b4cfc67f1587fb6d8 Mon Sep 17 00:00:00 2001
From: Greg Smith <smr.kyu@gmail.com>
Date: Wed, 19 Apr 2017 15:24:00 -0500
Subject: [PATCH 005/321] Add tslint configuration to react-datepicker

---
 types/react-datepicker/tslint.json | 1 +
 1 file changed, 1 insertion(+)
 create mode 100644 types/react-datepicker/tslint.json

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

From fae193727af1273cfe58a400cf6435e9009fbcc8 Mon Sep 17 00:00:00 2001
From: Andy Hanson <anhans@microsoft.com>
Date: Wed, 19 Apr 2017 13:44:36 -0700
Subject: [PATCH 006/321] backlog-js should use lib instead of isomorphic-fetch

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

diff --git a/types/backlog-js/index.d.ts b/types/backlog-js/index.d.ts
index d06f764baa..e0742c39dd 100644
--- a/types/backlog-js/index.d.ts
+++ b/types/backlog-js/index.d.ts
@@ -2,9 +2,9 @@
 // Project: https://github.com/nulab/backlog-js
 // Definitions by: Yuichi Watanabe <https://github.com/vvatanabe>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+// TypeScript Version: 2.2
 
 /// <reference types="node" />
-/// <reference types="isomorphic-fetch" />
 
 declare class Request {
     private configure;

From 0ddf761d3b55c3bdcc739c59b0614f8695cf7295 Mon Sep 17 00:00:00 2001
From: Kanchalai Tanglertsampan <yuisu@microsoft.com>
Date: Wed, 19 Apr 2017 16:28:09 -0700
Subject: [PATCH 007/321] Update test error when using 2.3 compiler

---
 types/fixed-data-table/fixed-data-table-tests.tsx | 12 ++++++++++--
 1 file changed, 10 insertions(+), 2 deletions(-)

diff --git a/types/fixed-data-table/fixed-data-table-tests.tsx b/types/fixed-data-table/fixed-data-table-tests.tsx
index f57ff3d946..66e85cd6b5 100644
--- a/types/fixed-data-table/fixed-data-table-tests.tsx
+++ b/types/fixed-data-table/fixed-data-table-tests.tsx
@@ -93,7 +93,11 @@ class MyTextCell extends React.Component<MyCellProps, {}> {
         const {rowIndex, field, myData} = this.props;
 
         return (
-                <Cell {...this.props} className="text-cell">
+                <Cell height={this.props.height}
+                      width={this.props.height}
+                      columnKey={this.props.columnKey}
+                      rowIndex={this.props.rowIndex}
+                      className="text-cell">
                     {myData[rowIndex][field]}
                 </Cell>
             );
@@ -106,7 +110,11 @@ class MyLinkCell extends React.Component<MyCellProps, {}> {
         const link: string = myData[rowIndex][field];
 
         return (
-            <Cell {...this.props} className="link-cell">
+            <Cell width={this.props.width}
+                      height={this.props.height}
+                      rowIndex={this.props.rowIndex}
+                      columnKey={this.props.columnKey}
+                      className="link-cell">
                 <a href={link}>{link}</a>
             </Cell>
         );

From 029797d3158f20521dbf1453d72cea6b29266e29 Mon Sep 17 00:00:00 2001
From: Kanchalai Tanglertsampan <yuisu@microsoft.com>
Date: Wed, 19 Apr 2017 16:29:34 -0700
Subject: [PATCH 008/321] Update react-helmet return type of toComponent()
 according to
 https://github.com/nfl/react-helmet/blob/master/src/HelmetUtils.js

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

diff --git a/types/react-helmet/index.d.ts b/types/react-helmet/index.d.ts
index aa80c77b3b..f8a96617b6 100644
--- a/types/react-helmet/index.d.ts
+++ b/types/react-helmet/index.d.ts
@@ -32,8 +32,8 @@ export class Helmet extends React.Component<HelmetProps, any> {
 
 export interface HelmetData {
     base: HelmetDatum;
-    bodyAttributes: HelmetDatum;
-    htmlAttributes: HelmetDatum;
+    bodyAttributes: HelmetAttributesTagObject;
+    htmlAttributes: HelmetAttributesTagObject;
     link: HelmetDatum;
     meta: HelmetDatum;
     noscript: HelmetDatum;
@@ -48,6 +48,11 @@ export interface HelmetDatum {
     toComponent(): React.Component<any, any>;
 }
 
+export interface HelmetAttributesTagObject {
+    toString(): string;
+    toComponent(): React.HTMLAttributes<HTMLBodyElement | HTMLElement>;
+}
+
 export const peek: () => HelmetData;
 export const rewind: () => HelmetData;
 export const renderStatic: () => HelmetData;

From 12511d4ab20d875f7757ecfebcbc995ad44a545d Mon Sep 17 00:00:00 2001
From: Casey Link <casey@cropster.com>
Date: Thu, 20 Apr 2017 10:08:54 +0200
Subject: [PATCH 009/321] Add screeps-profiler package

---
 types/screeps-profiler/index.d.ts             | 132 ++++++++++++++++++
 .../screeps-profiler-tests.ts                 |  42 ++++++
 types/screeps-profiler/tsconfig.json          |  22 +++
 types/screeps-profiler/tslint.json            |   1 +
 4 files changed, 197 insertions(+)
 create mode 100644 types/screeps-profiler/index.d.ts
 create mode 100644 types/screeps-profiler/screeps-profiler-tests.ts
 create mode 100644 types/screeps-profiler/tsconfig.json
 create mode 100644 types/screeps-profiler/tslint.json

diff --git a/types/screeps-profiler/index.d.ts b/types/screeps-profiler/index.d.ts
new file mode 100644
index 0000000000..6ce153c7de
--- /dev/null
+++ b/types/screeps-profiler/index.d.ts
@@ -0,0 +1,132 @@
+// Type definitions for screeps-profiler 1.2
+// Project: https://github.com/gdborton/screeps-profiler
+// Definitions by: Casey Link <https://github.com/ramblurr>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+
+/**
+ * The Screeps Profiler is a library that helps to understand where your CPU is being spent in
+ * the game of Screeps.
+ * It works by monkey patching functions on the Global game object prototypes, with a function that
+ * record how long each function takes. The primary benefit of using this profiler is that you can
+ * get a clear picture of where your CPU is being used over time, and optimize some of the heavier functions.
+ * While it works best for players that heavily employ prototypes in their code, it should work
+ * to some degree for all players.
+ *
+ * Any modules that you use that modify the game's prototypes should be imported
+ * before you require the profiler.
+ *
+ * @see More information at https://github.com/gdborton/screeps-profiler
+ */
+interface ScreepsGameProfiler {
+    /**
+     * Will run for the given number of ticks then will output the gathered information to the console.
+     *
+     * @param {number} ticks - controls how long the profiler should run before stopping
+     * @param {string} [functionFilter] - parameter will limit the scope of the profiler to a specific function name
+     */
+    profile(ticks: number, functionFilter?: string): void;
+
+    /**
+     * Will run for the given number of ticks, and will output the gathered information each tick to
+     * the console. The can sometimes be useful for seeing spikes in performance.
+     *
+     * @param {number} ticks - controls how long the profiler should run before stopping
+     * @param {string} [functionFilter] - parameter will limit the scope of the profiler to a specific function name
+     */
+    stream(ticks: number, functionFilter?: string): void;
+
+    /**
+     * This will run for the given number of ticks, and will email the output to your registered
+     * Screeps email address. Very useful for long running profiles.
+     *
+     * @param {number} ticks - controls how long the profiler should run before stopping
+     * @param {string} [functionFilter] - parameter will limit the scope of the profiler to a specific function name
+     */
+    email(ticks: number, functionFilter?: string): void;
+
+    /**
+     * This will run indefinitely, and will only output data when the output console command is run.
+     * Very useful for long running profiles with lots of function calls.
+     *
+     * @param {string} [functionFilter] - parameter will limit the scope of the profiler to a specific function name
+     */
+    background(functionFilter?: string): void;
+
+    /**
+     * Print a report based on the current tick. The profiler will continue to operate normally.
+     * This is currently the only way to get data from the background profile.
+     *
+     * @param {number} [lineCount=20] the number of lines to output
+     */
+    output(lineCount?: number): void;
+
+    /**
+     * Stops the profiler and resets its memory. This is currently the only way to stop a background profile.
+     */
+    reset(): void;
+
+    /**
+     *  Restarts the profiler using the same options previously used to start it.
+     */
+    restart(): void;
+}
+
+interface ScreepsProfilerStatic {
+    /**
+     * This line monkey patches the global prototypes. Should be called before and outside your main loop.
+     */
+    enable(): void;
+
+    /**
+     * Wrap your main loop with this function.
+     *
+     * @param {function} callback - your main loop function
+     */
+    // tslint:disable-next-line ban-types
+    wrap(callback: Function): Function;
+
+    /**
+     * Register a class to be profiled. Each of the functions on this class will be replaced with
+     * a profiler wrapper
+     * @param  {Object} clazz constructor
+     * @param {string} className - The name of the class, a label used in output
+     */
+    // tslint:disable-next-line ban-types
+    registerClass(constructor: Function, className: string): void;
+
+    /**
+     * Each of the functions on this object will be replaced with a profiler wrapper.
+     * @param {Object} object
+     * @param {string} objectName - Name of the object, a label used in output
+     */
+    registerObject(object: any, objectName: string): void;
+
+    /**
+     * Wraps a function for profiling, returns the wrapped function.
+     *
+     * Be sure to reassign the function, we can't alter functions that are passed.
+     *
+     * The second param is optional if you pass a named function function x() {}, but required if
+     * you pass an anonymous function var x = function(){}.
+     *
+     * @param {string} [fnName] - Name of the function, used as a label in output
+     * @return {function} the original function wrapped for profiling
+     */
+    // tslint:disable-next-line ban-types
+    registerFN(fn: Function, fnName?: string): Function;
+}
+
+declare global {
+    /**
+     * screeps-profiler extends the Game interface with itself
+     * @see http://docs.screeps.com/api/#Game
+     */
+    interface Game {
+        profiler: ScreepsGameProfiler;
+    }
+    var Game: Game;
+}
+
+declare var profiler: ScreepsProfilerStatic;
+
+export = profiler;
diff --git a/types/screeps-profiler/screeps-profiler-tests.ts b/types/screeps-profiler/screeps-profiler-tests.ts
new file mode 100644
index 0000000000..bae26d3e91
--- /dev/null
+++ b/types/screeps-profiler/screeps-profiler-tests.ts
@@ -0,0 +1,42 @@
+import profiler = require("screeps-profiler");
+
+function testFunction() {
+}
+
+class TestClass {
+    private dummy: string;
+}
+
+const testObj = {
+    foo() {
+    },
+};
+
+profiler.enable();
+profiler.wrap(testFunction);
+profiler.registerClass(TestClass, "TestClass");
+profiler.registerObject(testObj, "testObj");
+profiler.registerFN(testFunction);
+profiler.registerFN(testFunction, "testFunction");
+
+const ticks: number = 100;
+const filterName: string = "test";
+
+Game.profiler.profile(ticks);
+Game.profiler.profile(ticks, filterName);
+
+Game.profiler.stream(ticks);
+Game.profiler.stream(ticks, filterName);
+
+Game.profiler.email(ticks);
+Game.profiler.email(ticks, filterName);
+
+Game.profiler.background();
+Game.profiler.background(filterName);
+
+Game.profiler.output();
+Game.profiler.output(100);
+
+Game.profiler.reset();
+
+Game.profiler.restart();
diff --git a/types/screeps-profiler/tsconfig.json b/types/screeps-profiler/tsconfig.json
new file mode 100644
index 0000000000..4334877022
--- /dev/null
+++ b/types/screeps-profiler/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",
+        "screeps-profiler-tests.ts"
+    ]
+}
diff --git a/types/screeps-profiler/tslint.json b/types/screeps-profiler/tslint.json
new file mode 100644
index 0000000000..3db14f85ea
--- /dev/null
+++ b/types/screeps-profiler/tslint.json
@@ -0,0 +1 @@
+{ "extends": "dtslint/dt.json" }

From 5966c451330e8db7d5243b0029f610843b5a51ed Mon Sep 17 00:00:00 2001
From: Hongbo Miao <Hongbo.Miao@outlook.com>
Date: Fri, 21 Apr 2017 23:25:11 -0700
Subject: [PATCH 010/321] chance: add gender

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

diff --git a/types/chance/index.d.ts b/types/chance/index.d.ts
index 10538b747c..fc5347e859 100644
--- a/types/chance/index.d.ts
+++ b/types/chance/index.d.ts
@@ -39,6 +39,7 @@ declare namespace Chance {
 
         // Person
         age(opts?: Options): number;
+        gender(): string;
         birthday(): Date;
         birthday(opts?: Options): Date|string;
         cpf(): string;

From b8848ee8cacbcf3a5b6de3eb08a772061eda1e8f Mon Sep 17 00:00:00 2001
From: Kanchalai Tanglertsampan <yuisu@microsoft.com>
Date: Mon, 24 Apr 2017 14:47:56 -0700
Subject: [PATCH 011/321] update header

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

diff --git a/types/react-helmet/index.d.ts b/types/react-helmet/index.d.ts
index f8a96617b6..fc44177f51 100644
--- a/types/react-helmet/index.d.ts
+++ b/types/react-helmet/index.d.ts
@@ -1,6 +1,6 @@
 // Type definitions for react-helmet 5.0
 // Project: https://github.com/nfl/react-helmet
-// Definitions by: Evan Bremer <https://github.com/evanbb>, Isman Usoh <https://github.com/isman-usoh>, François Nguyen <https://github.com/lith-light-g>, Kok Sam <https://github.com/sammkj>
+// Definitions by: Evan Bremer <https://github.com/evanbb>, Isman Usoh <https://github.com/isman-usoh>, François Nguyen <https://github.com/lith-light-g>, Kok Sam <https://github.com/sammkj>, Yui T. <https://github.com/yuit>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 // TypeScript Version: 2.1
 

From 37af92fb27cabd477ab7f82e0940c8546ab24fba Mon Sep 17 00:00:00 2001
From: Daniel Perez Alvarez <unindented@gmail.com>
Date: Tue, 25 Apr 2017 08:49:27 -0700
Subject: [PATCH 012/321] Add types for redux-devtools-extension (#16089)

---
 types/redux-devtools-extension/index.d.ts     | 146 ++++++++++++++++++
 types/redux-devtools-extension/package.json   |   5 +
 .../redux-devtools-extension-tests.ts         |  90 +++++++++++
 types/redux-devtools-extension/tsconfig.json  |  22 +++
 types/redux-devtools-extension/tslint.json    |   1 +
 5 files changed, 264 insertions(+)
 create mode 100644 types/redux-devtools-extension/index.d.ts
 create mode 100644 types/redux-devtools-extension/package.json
 create mode 100644 types/redux-devtools-extension/redux-devtools-extension-tests.ts
 create mode 100644 types/redux-devtools-extension/tsconfig.json
 create mode 100644 types/redux-devtools-extension/tslint.json

diff --git a/types/redux-devtools-extension/index.d.ts b/types/redux-devtools-extension/index.d.ts
new file mode 100644
index 0000000000..6ef19104c4
--- /dev/null
+++ b/types/redux-devtools-extension/index.d.ts
@@ -0,0 +1,146 @@
+// Type definitions for redux-devtools-extension 2.13
+// Project: https://github.com/zalmoxisus/redux-devtools-extension
+// Definitions by: Daniel Perez Alvarez <https://github.com/unindented>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+
+import {
+  Action,
+  ActionCreator,
+  ActionCreatorsMapObject,
+  GenericStoreEnhancer
+} from "redux";
+
+export interface ReduxDevToolsSerializeOptions {
+  /** Serialization mode. */
+  options?: any;
+  /** JSON replacer function used for both actions and states stringify. */
+  replacer?(key: any, value: any): any;
+  /** JSON reviver function used for parsing the imported actions and states. */
+  reviver?(key: any, value: any): any;
+  /**
+   * Automatically serialize/deserialize Immutable.js via
+   * `remotedev-serialize`.
+   */
+  immutable?: any;
+  /**
+   * Immutable.js `Record` classes used to make possible restore its
+   * instances back when importing, persisting, etc.
+   */
+  refs?: any[];
+}
+
+export interface ReduxDevToolsFeaturesOptions {
+  /** Start/pause recording of dispatched actions */
+  pause?: boolean;
+  /** Lock/unlock dispatching actions and side effects */
+  lock?: boolean;
+  /** Persist states on page reloading */
+  persist?: boolean;
+  /** Export history of actions in a file */
+  export?: boolean | 'custom';
+  /** Import history of actions from a file */
+  import?: boolean | 'custom';
+  /** Jump back and forth (time travelling) */
+  jump?: boolean;
+  /** Skip (cancel) actions */
+  skip?: boolean;
+  /** Drag and drop actions in the history list */
+  reorder?: boolean;
+  /** Dispatch custom actions or action creators */
+  dispatch?: boolean;
+  /** Generate tests for the selected actions */
+  test?: boolean;
+}
+
+export interface ReduxDevToolsOptions {
+  /** The instance name to be showed on the monitor page. */
+  name?: string;
+  /** Action creators functions to be available in the dispatcher. */
+  actionCreators?: Array<ActionCreator<any>> | ActionCreatorsMapObject;
+  /**
+   * If more than one action is dispatched in the indicated interval in ms,
+   * all new actions will be collected and sent at once. It is the joint
+   * between performance and speed. When set to `0`, all actions will be sent
+   * instantly. Set it to a higher value when experiencing perf issues (also
+   * `maxAge` to a lower value).
+   */
+  latency?: number;
+  /**
+   * Maximum allowed actions to be stored in the history tree. The oldest
+   * actions are removed once `maxAge` is reached. It's critical for
+   * performance.
+   */
+  maxAge?: number;
+  /** Serialization options. */
+  serialize?: ReduxDevToolsSerializeOptions;
+  /**
+   * Function which takes `action` object as argument, and should return
+   * `action` object back.
+   */
+  actionSanitizer?(action: any): any;
+  /**
+   * Function which takes `state` object as argument, and should return
+   * `state` object back.
+   */
+  stateSanitizer?(state: any): any;
+  /**
+   * Actions types to be hidden in the monitors (while passed to the
+   * reducers). If `actionsWhitelist` specified, `actionsBlacklist` is ignored.
+   */
+  actionsBlacklist?: string | string[];
+  /**
+   * Actions types to be shown in the monitors (while passed to the reducers).
+   * If `actionsWhitelist` specified, `actionsBlacklist` is ignored.
+   */
+  actionsWhitelist?: string | string[];
+  /**
+   * Called for every action before sending, takes `state` and `action`
+   * object, and returns `true` in case it allows sending the current data to
+   * the monitor. Use it as a more advanced version of
+   * `actionsBlacklist`/`actionsWhitelist` parameters.
+   */
+  predicate?(state: any, action: any): boolean;
+  /**
+   * If specified as `false`, it will not record the changes till clicking on
+   * *Start recording* button. Available only for Redux enhancer, for others
+   * use `autoPause`.
+   */
+  shouldRecordChanges?: boolean;
+  /**
+   * If specified, whenever clicking on *Pause recording* button and there are
+   * actions in the history log, will add this action type. If not specified,
+   * will commit when paused. Available only for Redux enhancer.
+   */
+  pauseActionType?: string;
+  /**
+   * Auto-pauses when the extension’s window is not opened, and so has zero
+   * impact on your app when not in use. Not available for Redux enhancer (as
+   * it already does it but storing the data to be sent).
+   */
+  autoPause?: boolean;
+  /**
+   * If specified as `true`, it will not allow any non-monitor actions to be
+   * dispatched till clicking on *Unlock changes* button. Available only for
+   * Redux enhancer.
+   */
+  shouldStartLocked?: boolean;
+  /**
+   * If set to `false`, will not recompute the states on hot reloading (or on
+   * replacing the reducers). Available only for Redux enhancer.
+   */
+  shouldHotReload?: boolean;
+  /**
+   * If specified as `true`, whenever there's an exception in reducers, the
+   * monitors will show the error message, and next actions will not be
+   * dispatched.
+   */
+  shouldCatchErrors?: boolean;
+  /**
+   * If you want to restrict the extension, just specify the features you
+   * allow.
+   */
+  features?: ReduxDevToolsFeaturesOptions;
+}
+
+export function composeWithDevTools(options?: ReduxDevToolsOptions): (...funcs: GenericStoreEnhancer[]) => GenericStoreEnhancer;
+export function composeWithDevTools(...funcs: GenericStoreEnhancer[]): GenericStoreEnhancer;
diff --git a/types/redux-devtools-extension/package.json b/types/redux-devtools-extension/package.json
new file mode 100644
index 0000000000..36ce503807
--- /dev/null
+++ b/types/redux-devtools-extension/package.json
@@ -0,0 +1,5 @@
+{
+  "dependencies": {
+    "redux": "^3.6.0"
+  }
+}
diff --git a/types/redux-devtools-extension/redux-devtools-extension-tests.ts b/types/redux-devtools-extension/redux-devtools-extension-tests.ts
new file mode 100644
index 0000000000..45ac5c2651
--- /dev/null
+++ b/types/redux-devtools-extension/redux-devtools-extension-tests.ts
@@ -0,0 +1,90 @@
+import {
+  Action,
+  Middleware,
+  Reducer,
+  applyMiddleware,
+  createStore
+} from 'redux';
+import { composeWithDevTools } from 'redux-devtools-extension';
+
+const composeEnhancers = composeWithDevTools();
+
+const reducer: Reducer<{}> = () => ({});
+const middleware: Middleware[] = [];
+const store = createStore(reducer, composeEnhancers(
+  applyMiddleware(...middleware)
+));
+
+const store2 = createStore(reducer, composeWithDevTools({
+  serialize: {
+    options: {
+      undefined: true,
+      function: (fn: any) => fn.toString()
+    }
+  }
+}));
+
+const store3 = createStore(reducer, composeWithDevTools({
+  serialize: {
+    replacer: (key, value) => 'foo'
+  }
+}));
+
+const store4 = createStore(reducer, composeWithDevTools({
+  serialize: {
+    replacer: (key, value) => 'bar'
+  }
+}));
+
+const store5 = createStore(reducer, composeWithDevTools({
+  serialize: {
+    reviver: (key, value) => 'baz'
+  }
+}));
+
+const store6 = createStore(reducer, composeWithDevTools({
+  serialize: {
+    immutable: /* Immutable */ {}
+  }
+}));
+
+const store7 = createStore(reducer, composeWithDevTools({
+  serialize: {
+    immutable: /* Immutable */ {},
+    refs: [/* Record */ {}]
+  }
+}));
+
+const store8 = createStore(reducer, composeWithDevTools({
+  actionSanitizer: (action) => action,
+  stateSanitizer: (state) => state
+}));
+
+const store9 = createStore(reducer, composeWithDevTools({
+  actionsBlacklist: 'SOME_ACTION'
+}));
+
+const store10 = createStore(reducer, composeWithDevTools({
+  predicate: (state, action) => state.dev.logLevel === 'VERBOSE' && !action.forwarded
+}));
+
+const store11 = createStore(reducer, composeWithDevTools({
+  shouldRecordChanges: true,
+  pauseActionType: '@@PAUSE',
+  autoPause: true,
+  shouldStartLocked: true,
+  shouldHotReload: true,
+  shouldCatchErrors: true,
+  features: {
+    pause: true, // start/pause recording of dispatched actions
+    lock: true, // lock/unlock dispatching actions and side effects
+    persist: true, // persist states on page reloading
+    export: 'custom', // export history of actions in a file
+    import: 'custom', // import history of actions from a file
+    jump: true, // jump back and forth (time travelling)
+    skip: true, // skip (cancel) actions
+    reorder: true, // drag and drop actions in the history list
+    dispatch: true, // dispatch custom actions or action creators
+    test: true // generate tests for the selected actions
+  }
+}));
diff --git a/types/redux-devtools-extension/tsconfig.json b/types/redux-devtools-extension/tsconfig.json
new file mode 100644
index 0000000000..6d8d644ea6
--- /dev/null
+++ b/types/redux-devtools-extension/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",
+        "redux-devtools-extension-tests.ts"
+    ]
+}
diff --git a/types/redux-devtools-extension/tslint.json b/types/redux-devtools-extension/tslint.json
new file mode 100644
index 0000000000..3db14f85ea
--- /dev/null
+++ b/types/redux-devtools-extension/tslint.json
@@ -0,0 +1 @@
+{ "extends": "dtslint/dt.json" }

From b6746d73a2ddf103c6825449ee2b0953f716d994 Mon Sep 17 00:00:00 2001
From: Tom Wanzek <tomwanzek@gmail.com>
Date: Tue, 25 Apr 2017 12:45:20 -0400
Subject: [PATCH 013/321] D3 Update to 4.8.0 (d3-array 1.2 [Feature/Fix] and
 d3-format 1.2 [Feature]) (#15904)

* Update d3-format to v1.2
* [Feature] Adds support for optional "percent" suffix in locale definition.
* Added tslint.json file

* [d3-array] Update to version 1.2
* [Feature]: Add `tickIncrement(...)`
* [Fix]: Fix incorrect  return type of tickStep(...). The correct return type is `number` instead of `number[]`
* [Chore]: Updated related comments

* [d3] Update minor version to 4.8

* Fix d3-format related linting errors.
---
 types/d3-array/d3-array-tests.ts   |  6 +++-
 types/d3-array/index.d.ts          | 54 +++++++++++++++++++++++++++---
 types/d3-format/d3-format-tests.ts | 14 ++++++--
 types/d3-format/index.d.ts         | 12 ++++---
 types/d3-format/tslint.json        |  3 ++
 types/d3/index.d.ts                |  2 +-
 6 files changed, 76 insertions(+), 15 deletions(-)
 create mode 100644 types/d3-format/tslint.json

diff --git a/types/d3-array/d3-array-tests.ts b/types/d3-array/d3-array-tests.ts
index bb713192e8..b95da5774f 100644
--- a/types/d3-array/d3-array-tests.ts
+++ b/types/d3-array/d3-array-tests.ts
@@ -389,9 +389,13 @@ mergedArray = d3Array.shuffle(mergedArray, 1, 3);
 
 numbersArray = d3Array.ticks(1, 10, 5);
 
+// tickIncrement() ------------------------------------------------------------------
+
+let numDiff: number = d3Array.tickIncrement(1, 10, 5);
+
 // tickStep() ------------------------------------------------------------------
 
-numbersArray = d3Array.tickStep(1, 10, 5);
+numDiff = d3Array.tickStep(1, 10, 5);
 
 // transpose() -----------------------------------------------------------------
 
diff --git a/types/d3-array/index.d.ts b/types/d3-array/index.d.ts
index 74ecbb0e36..aee2ef38c7 100644
--- a/types/d3-array/index.d.ts
+++ b/types/d3-array/index.d.ts
@@ -1,9 +1,9 @@
-// Type definitions for D3JS d3-array module 1.1
+// Type definitions for D3JS d3-array module 1.2
 // Project: https://github.com/d3/d3-array
 // Definitions by: Alex Ford <https://github.com/gustavderdrache>, Boris Yankov <https://github.com/borisyankov>, Tom Wanzek <https://github.com/tomwanzek>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 
-// Last module patch version validated against: 1.1.0
+// Last module patch version validated against: 1.2.0
 
 // --------------------------------------------------------------------------
 // Shared Types and Interfaces
@@ -246,14 +246,45 @@ export function shuffle<T>(array: T[], lo?: number, hi?: number): T[];
 
 /**
  * Generate an array of approximately count + 1 uniformly-spaced, nicely-rounded values between start and stop (inclusive).
+ * Each value is a power of ten multiplied by 1, 2 or 5. See also d3.tickIncrement, d3.tickStep and linear.ticks.
+ *
+ * Ticks are inclusive in the sense that they may include the specified start and stop values if (and only if) they are exact,
+ * nicely-rounded values consistent with the inferred step. More formally, each returned tick t satisfies start ≤ t and t ≤ stop.
+ *
+ * @param start Start value for ticks
+ * @param stop Stop value for ticks
+ * @param count count + 1 is the approximate number of ticks to be returned by d3.ticks.
  */
 export function ticks(start: number, stop: number, count: number): number[];
 
 /**
- * Generate an array of with the differences between adjecent ticks, had the same arguments
- * been passed to ticks(start, stop, count)
+ * Returns the difference between adjacent tick values if the same arguments were passed to d3.ticks:
+ * a nicely-rounded value that is a power of ten multiplied by 1, 2 or 5.
+ *
+ * Like d3.tickStep, except requires that start is always less than or equal to step, and if the tick step for the given start,
+ * stop and count would be less than one, returns the negative inverse tick step instead.
+ *
+ * This method is always guaranteed to return an integer, and is used by d3.ticks to avoid guarantee that the returned tick values
+ * are represented as precisely as possible in IEEE 754 floating point.
+ *
+ * @param start Start value for ticks
+ * @param stop Stop value for ticks
+ * @param count count + 1 is the approximate number of ticks to be returned by d3.ticks.
  */
-export function tickStep(start: number, stop: number, count: number): number[];
+export function tickIncrement(start: number, stop: number, count: number): number;
+
+/**
+ * Returns the difference between adjacent tick values if the same arguments were passed to d3.ticks:
+ * a nicely-rounded value that is a power of ten multiplied by 1, 2 or 5.
+ *
+ * Note that due to the limited precision of IEEE 754 floating point, the returned value may not be exact decimals;
+ * use d3-format to format numbers for human consumption.
+ *
+ * @param start Start value for ticks
+ * @param stop Stop value for ticks
+ * @param count count + 1 is the approximate number of ticks to be returned by d3.ticks.
+ */
+export function tickStep(start: number, stop: number, count: number): number;
 
 /**
  * Transpose a matrix provided in Array of Arrays format.
@@ -298,6 +329,9 @@ export interface HistogramGenerator<Datum, Value extends number | Date> {
      * Divide the domain uniformly into approximately count bins. IMPORTANT: This threshold
      * setting approach only works, when the materialized values are numbers!
      *
+     * Any threshold values outside the domain are ignored. The first bin.x0 is always equal to the minimum domain value,
+     * and the last bin.x1 is always equal to the maximum domain value.
+     *
      * @param count The desired number of uniform bins.
      */
     thresholds(count: number): this;
@@ -306,6 +340,9 @@ export interface HistogramGenerator<Datum, Value extends number | Date> {
      * Divides the domain uniformly into approximately count bins. IMPORTANT: This threshold
      * setting approach only works, when the materialized values are numbers!
      *
+     * Any threshold values outside the domain are ignored. The first bin.x0 is always equal to the minimum domain value,
+     * and the last bin.x1 is always equal to the maximum domain value.
+     *
      * @param count A function which accepts as arguments the array of materialized values, and
      * optionally the domain minimum and maximum. The function calcutates and returns the suggested
      * number of bins.
@@ -313,6 +350,10 @@ export interface HistogramGenerator<Datum, Value extends number | Date> {
     thresholds(count: ThresholdCountGenerator): this;
     /**
      * Set the array of values to be used as thresholds in determining the bins.
+     *
+     * Any threshold values outside the domain are ignored. The first bin.x0 is always equal to the minimum domain value,
+     * and the last bin.x1 is always equal to the maximum domain value.
+     *
      * @param thresholds Array of threshold values used for binning. The elements must
      * be of the same type as the materialized values of the histogram.
      */
@@ -321,6 +362,9 @@ export interface HistogramGenerator<Datum, Value extends number | Date> {
      * Set a threshold accessor function, which returns the array of values to be used as
      * thresholds in determining the bins.
      *
+     * Any threshold values outside the domain are ignored. The first bin.x0 is always equal to the minimum domain value,
+     * and the last bin.x1 is always equal to the maximum domain value.
+     *
      * @param thresholds A function which accepts as arguments the array of materialized values, and
      * optionally the domain minimum and maximum. The function calcutates and returns the array of values to be used as
      * thresholds in determining the bins.
diff --git a/types/d3-format/d3-format-tests.ts b/types/d3-format/d3-format-tests.ts
index 57a98e26c6..9c11d07c70 100644
--- a/types/d3-format/d3-format-tests.ts
+++ b/types/d3-format/d3-format-tests.ts
@@ -48,7 +48,6 @@ let type: 'e' | 'f' | 'g' | 'r' | 's' | '%' | 'p' | 'b' | 'o' | 'd' | 'x' | 'X'
 
 let formatString: string = specifier.toString();
 
-
 // ----------------------------------------------------------------------
 // Test Precision Suggestors
 // ----------------------------------------------------------------------
@@ -76,13 +75,22 @@ localeDef = {
   grouping: [3],
   currency: ["", ""],
   numerals : ["\u0660", "\u0661", "\u0662", "\u0663", "\u0664", "\u0665", "\u0666", "\u0667", "\u0668", "\u0669"]
-}
+};
+
+localeDef = {
+  decimal: "\u066b",
+  thousands: "\u066c",
+  grouping: [3],
+  currency: ["", ""],
+  percent : "\u202f%"
+};
 
 let decimal: string = localeDef.decimal;
 let thousands: string = localeDef.thousands;
-let grouping: Array<number> = localeDef.grouping;
+let grouping: number[] = localeDef.grouping;
 let currency: [string, string] = localeDef.currency;
 let numerals: string[] | undefined = localeDef.numerals;
+let percent: string | undefined = localeDef.percent;
 
 localeObj = d3Format.formatLocale(localeDef);
 
diff --git a/types/d3-format/index.d.ts b/types/d3-format/index.d.ts
index be6c2b9a99..34cf80c047 100644
--- a/types/d3-format/index.d.ts
+++ b/types/d3-format/index.d.ts
@@ -1,9 +1,9 @@
-// Type definitions for D3JS d3-format module 1.1
+// Type definitions for D3JS d3-format module 1.2
 // Project: https://github.com/d3/d3-format/
 // Definitions by: Tom Wanzek <https://github.com/tomwanzek>, Alex Ford <https://github.com/gustavderdrache>, Boris Yankov <https://github.com/borisyankov>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 
-// Last module patch version validated against: 1.1.0
+// Last module patch version validated against: 1.2.0
 
 /**
  * Specification of locale to use when creating a new FormatLocaleObject
@@ -27,16 +27,19 @@ export interface FormatLocaleDefinition {
      */
     currency: [string, string];
     /**
-     * An array of ten strings to replace the numerals 0-9.
+     * An optional array of ten strings to replace the numerals 0-9.
      */
     numerals?: string[];
+    /**
+     * An optional symbol to replace the `percent` suffix; the percent suffix (defaults to "%")
+     */
+    percent?: string;
 }
 
 /**
  * A Format Locale Object
  */
 export interface FormatLocaleObject {
-
     /**
      * Returns a new format function for the given string specifier. The returned function
      * takes a number as the only argument, and returns a string representing the formatted number.
@@ -219,7 +222,6 @@ export function precisionFixed(step: number): number;
  */
 export function precisionPrefix(step: number, value: number): number;
 
-
 /**
  * Returns a suggested decimal precision for format types that round to significant digits
  * given the specified numeric step and max values.
diff --git a/types/d3-format/tslint.json b/types/d3-format/tslint.json
new file mode 100644
index 0000000000..f93cf8562a
--- /dev/null
+++ b/types/d3-format/tslint.json
@@ -0,0 +1,3 @@
+{
+    "extends": "dtslint/dt.json"
+}
diff --git a/types/d3/index.d.ts b/types/d3/index.d.ts
index 525c4dbfd3..29d4a7c861 100644
--- a/types/d3/index.d.ts
+++ b/types/d3/index.d.ts
@@ -1,4 +1,4 @@
-// Type definitions for D3JS d3 standard bundle 4.7
+// Type definitions for D3JS d3 standard bundle 4.8
 // Project: https://github.com/d3/d3
 // Definitions by: Tom Wanzek <https://github.com/tomwanzek>, Alex Ford <https://github.com/gustavderdrache>, Boris Yankov <https://github.com/borisyankov>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped

From 80729fa6cae9876e186f266ebb296177e28e51f7 Mon Sep 17 00:00:00 2001
From: Jan Wolf <mail@jan-wolf.de>
Date: Tue, 25 Apr 2017 18:48:10 +0200
Subject: [PATCH 014/321] Add typings for auto-sni (#16081)

* no message

* Added more specific types
---
 types/auto-sni/auto-sni-tests.ts |  6 ++++++
 types/auto-sni/index.d.ts        | 25 +++++++++++++++++++++++++
 types/auto-sni/tsconfig.json     | 22 ++++++++++++++++++++++
 types/auto-sni/tslint.json       |  3 +++
 4 files changed, 56 insertions(+)
 create mode 100644 types/auto-sni/auto-sni-tests.ts
 create mode 100644 types/auto-sni/index.d.ts
 create mode 100644 types/auto-sni/tsconfig.json
 create mode 100644 types/auto-sni/tslint.json

diff --git a/types/auto-sni/auto-sni-tests.ts b/types/auto-sni/auto-sni-tests.ts
new file mode 100644
index 0000000000..a271a1a1ad
--- /dev/null
+++ b/types/auto-sni/auto-sni-tests.ts
@@ -0,0 +1,6 @@
+import * as autosni from "auto-sni";
+let a = autosni({
+	agreeTos: true,
+	email: '',
+	domains: ['']
+});
diff --git a/types/auto-sni/index.d.ts b/types/auto-sni/index.d.ts
new file mode 100644
index 0000000000..075f093f0b
--- /dev/null
+++ b/types/auto-sni/index.d.ts
@@ -0,0 +1,25 @@
+// Type definitions for auto-sni v2.1.1
+// Project: https://www.npmjs.com/package/auto-sni
+// Definitions by: Jan Wolf <https://github.com/janwo>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+
+/// <reference types="node" />
+
+import {Server} from "https";
+
+declare namespace createServer {
+
+}
+
+declare function createServer(opts: {
+	email: string,
+	agreeTos: boolean,
+	domains: Array<string|string[]>,
+	ports?: {
+		http?: number,
+		https?: number
+	},
+	debug?: boolean
+}, app?: any): Server;
+
+export = createServer;
diff --git a/types/auto-sni/tsconfig.json b/types/auto-sni/tsconfig.json
new file mode 100644
index 0000000000..715f315867
--- /dev/null
+++ b/types/auto-sni/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",
+    "auto-sni-tests.ts"
+  ]
+}
diff --git a/types/auto-sni/tslint.json b/types/auto-sni/tslint.json
new file mode 100644
index 0000000000..d88586e5bd
--- /dev/null
+++ b/types/auto-sni/tslint.json
@@ -0,0 +1,3 @@
+{
+  "extends": "dtslint/dt.json"
+}

From 031d1a1b33722c1ef713c6b5f7451aed79fc0249 Mon Sep 17 00:00:00 2001
From: Cyril Schumacher <cyril_schumacher@live.fr>
Date: Tue, 25 Apr 2017 18:50:25 +0200
Subject: [PATCH 015/321] Add definition for "throng" (#16123)

* Add definition for "throng".

* Fix tslint errors.

* Fix mistakes.

* Fix mistake.

* Replace "class" by "interface".
---
 types/throng/index.d.ts      | 20 ++++++++++++++++++++
 types/throng/throng-tests.ts | 30 ++++++++++++++++++++++++++++++
 types/throng/tsconfig.json   | 22 ++++++++++++++++++++++
 types/throng/tslint.json     |  3 +++
 4 files changed, 75 insertions(+)
 create mode 100644 types/throng/index.d.ts
 create mode 100644 types/throng/throng-tests.ts
 create mode 100644 types/throng/tsconfig.json
 create mode 100644 types/throng/tslint.json

diff --git a/types/throng/index.d.ts b/types/throng/index.d.ts
new file mode 100644
index 0000000000..ac4712be77
--- /dev/null
+++ b/types/throng/index.d.ts
@@ -0,0 +1,20 @@
+// Type definitions for throng 4.0
+// Project: https://github.com/hunterloftis/throng
+// Definitions by: Cyril Schumacher <https://github.com/cyrilschumacher/>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+
+declare function throng(options: throng.WorkerCallback | throng.Options | number, startFunction?: throng.WorkerCallback): void;
+declare namespace throng {
+    type WorkerCallback = (id: number) => void;
+
+    interface Options {
+        grace?: number;
+        lifetime?: number;
+        master(): void;
+        start: WorkerCallback;
+        workers: number;
+    }
+}
+
+export = throng;
+export as namespace throng;
diff --git a/types/throng/throng-tests.ts b/types/throng/throng-tests.ts
new file mode 100644
index 0000000000..64a1d57845
--- /dev/null
+++ b/types/throng/throng-tests.ts
@@ -0,0 +1,30 @@
+import throng = require("throng");
+
+function masterFunction() { }
+function startFunction(id: number) { }
+
+throng((id: number) => {});
+
+throng(startFunction);
+throng(3, startFunction);
+
+throng({
+    workers: 4,
+    master: masterFunction,
+    start: startFunction
+});
+
+throng({
+    workers: 16,
+    grace: 1000,
+    master: masterFunction,
+    start: startFunction
+});
+
+throng({
+    workers: 4,
+    lifetime: 10000,
+    grace: 4000,
+    master: masterFunction,
+    start: startFunction
+});
diff --git a/types/throng/tsconfig.json b/types/throng/tsconfig.json
new file mode 100644
index 0000000000..e462697395
--- /dev/null
+++ b/types/throng/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",
+        "throng-tests.ts"
+    ]
+}
diff --git a/types/throng/tslint.json b/types/throng/tslint.json
new file mode 100644
index 0000000000..e60c15844f
--- /dev/null
+++ b/types/throng/tslint.json
@@ -0,0 +1,3 @@
+{
+    "extends": "dtslint/dt.json"
+}
\ No newline at end of file

From 49b9b5a2a281c3b1f52089b4438fc4597dece9fd Mon Sep 17 00:00:00 2001
From: Kanchalai Tanglertsampan <yuisu@microsoft.com>
Date: Tue, 25 Apr 2017 09:55:51 -0700
Subject: [PATCH 016/321] Address PR: split BodyAttribute data and HTMLElement
 data

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

diff --git a/types/react-helmet/index.d.ts b/types/react-helmet/index.d.ts
index fc44177f51..0d4a75878b 100644
--- a/types/react-helmet/index.d.ts
+++ b/types/react-helmet/index.d.ts
@@ -32,8 +32,8 @@ export class Helmet extends React.Component<HelmetProps, any> {
 
 export interface HelmetData {
     base: HelmetDatum;
-    bodyAttributes: HelmetAttributesTagObject;
-    htmlAttributes: HelmetAttributesTagObject;
+    bodyAttributes: HelmetHTMLBodyDatum;
+    htmlAttributes: HelmetHTMLElementDatum;
     link: HelmetDatum;
     meta: HelmetDatum;
     noscript: HelmetDatum;
@@ -48,9 +48,14 @@ export interface HelmetDatum {
     toComponent(): React.Component<any, any>;
 }
 
-export interface HelmetAttributesTagObject {
+export interface HelmetHTMLBodyDatum {
     toString(): string;
-    toComponent(): React.HTMLAttributes<HTMLBodyElement | HTMLElement>;
+    toComponent(): React.HTMLAttributes<HTMLBodyElement>;
+}
+
+export interface HelmetHTMLElementDatum {
+    toString(): string;
+    toComponent(): React.HTMLAttributes<HTMLElement>;
 }
 
 export const peek: () => HelmetData;

From 21a88925d2e18acee9764b4977d2c4666053a2ac Mon Sep 17 00:00:00 2001
From: Kanchalai Tanglertsampan <yuisu@microsoft.com>
Date: Tue, 25 Apr 2017 09:58:25 -0700
Subject: [PATCH 017/321] Fix indentation

---
 types/fixed-data-table/fixed-data-table-tests.tsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/types/fixed-data-table/fixed-data-table-tests.tsx b/types/fixed-data-table/fixed-data-table-tests.tsx
index 66e85cd6b5..64b622b21f 100644
--- a/types/fixed-data-table/fixed-data-table-tests.tsx
+++ b/types/fixed-data-table/fixed-data-table-tests.tsx
@@ -111,10 +111,10 @@ class MyLinkCell extends React.Component<MyCellProps, {}> {
 
         return (
             <Cell width={this.props.width}
-                      height={this.props.height}
-                      rowIndex={this.props.rowIndex}
-                      columnKey={this.props.columnKey}
-                      className="link-cell">
+                  height={this.props.height}
+                  rowIndex={this.props.rowIndex}
+                  columnKey={this.props.columnKey}
+                  className="link-cell">
                 <a href={link}>{link}</a>
             </Cell>
         );

From 4bf3c5c9265e0cd615c6c9f3cb662f2ac1823cee Mon Sep 17 00:00:00 2001
From: Cyril Schumacher <cyril_schumacher@live.fr>
Date: Tue, 25 Apr 2017 19:28:28 +0200
Subject: [PATCH 018/321] Add definition for "pidusage". (#16126)

* Add definition for "throng".

* Fix tslint errors.

* Add definition for "pidusage".

* Remove definition for "throng".

* Fix mistakes.
---
 types/pidusage/index.d.ts        | 12 ++++++++++++
 types/pidusage/pidusage-tests.ts |  8 ++++++++
 types/pidusage/tsconfig.json     | 22 ++++++++++++++++++++++
 types/pidusage/tslint.json       |  3 +++
 4 files changed, 45 insertions(+)
 create mode 100644 types/pidusage/index.d.ts
 create mode 100644 types/pidusage/pidusage-tests.ts
 create mode 100644 types/pidusage/tsconfig.json
 create mode 100644 types/pidusage/tslint.json

diff --git a/types/pidusage/index.d.ts b/types/pidusage/index.d.ts
new file mode 100644
index 0000000000..813bbaa6a4
--- /dev/null
+++ b/types/pidusage/index.d.ts
@@ -0,0 +1,12 @@
+// Type definitions for pidusage 1.1
+// Project: https://github.com/soyuka/pidusage
+// Definitions by: Cyril Schumacher <https://github.com/cyrilschumacher/>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+
+export interface Stat {
+    cpu: number;
+    memory: number;
+}
+
+export function stat(pid: number, callback: (error: Error, stat: Stat) => void): void;
+export function unmonitor(pid: number): void;
diff --git a/types/pidusage/pidusage-tests.ts b/types/pidusage/pidusage-tests.ts
new file mode 100644
index 0000000000..b1d16cbc16
--- /dev/null
+++ b/types/pidusage/pidusage-tests.ts
@@ -0,0 +1,8 @@
+import pusage = require("pidusage");
+
+pusage.stat(0, (err: Error, stat: pusage.Stat) => {
+	const cpu = stat.cpu;
+	const memory = stat.memory;
+});
+
+pusage.unmonitor(0);
diff --git a/types/pidusage/tsconfig.json b/types/pidusage/tsconfig.json
new file mode 100644
index 0000000000..275e85d949
--- /dev/null
+++ b/types/pidusage/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",
+        "pidusage-tests.ts"
+    ]
+}
diff --git a/types/pidusage/tslint.json b/types/pidusage/tslint.json
new file mode 100644
index 0000000000..e60c15844f
--- /dev/null
+++ b/types/pidusage/tslint.json
@@ -0,0 +1,3 @@
+{
+    "extends": "dtslint/dt.json"
+}
\ No newline at end of file

From 8712d50b29abea34a4745bb897ac8416a4139767 Mon Sep 17 00:00:00 2001
From: Cyril Schumacher <cyril_schumacher@live.fr>
Date: Tue, 25 Apr 2017 19:29:25 +0200
Subject: [PATCH 019/321] Add definition for procfs-stats (#16127)

* Add definition for "throng".

* Add definition for procfs-stats.

* Update definition header.

* Fix mistake.
---
 types/procfs-stats/index.d.ts            | 330 +++++++++++++++++++++++
 types/procfs-stats/procfs-stats-tests.ts |  27 ++
 types/procfs-stats/tsconfig.json         |  22 ++
 types/procfs-stats/tslint.json           |   3 +
 4 files changed, 382 insertions(+)
 create mode 100644 types/procfs-stats/index.d.ts
 create mode 100644 types/procfs-stats/procfs-stats-tests.ts
 create mode 100644 types/procfs-stats/tsconfig.json
 create mode 100644 types/procfs-stats/tslint.json

diff --git a/types/procfs-stats/index.d.ts b/types/procfs-stats/index.d.ts
new file mode 100644
index 0000000000..f0028fb236
--- /dev/null
+++ b/types/procfs-stats/index.d.ts
@@ -0,0 +1,330 @@
+// Type definitions for procfs-stats 1.0
+// Project: https://github.com/soldair/node-procfs-stats
+// Definitions by: Cyril Schumacher <https://github.com/cyrilschumacher/>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+
+declare function procfs(pid: number): procfs.StatStatic;
+declare namespace procfs {
+    type Callback<Value> = (error: any, value: Value) => void;
+
+    interface Cpu {
+        cpu: CpuDetail;
+        intr: string;
+        ctxt: string;
+        btime: string;
+        processes: string;
+        procs_running: string;
+        procs_blocked: string;
+        softirq: string;
+    }
+
+    interface CpuDetail {
+        user: string;
+        nice: string;
+        system: string;
+        idle: string;
+        iowait: string;
+        irq: string;
+        softirq: string;
+        steal: string;
+        guest: string;
+        guest_nice: string;
+    }
+
+    interface DiskStat {
+        device_number: string;
+        device_number_minor: string;
+        device: string;
+        reads_completed: string;
+        reads_merged: string;
+        sectors_read: string;
+        ms_reading: string;
+        writes_completed: string;
+        writes_merged: string;
+        sectors_written: string;
+        ms_writing: string;
+        ios_pending: string;
+        ms_io: string;
+        ms_weighted_io: string;
+    }
+
+    interface FileDescriptor {
+        fd?: string;
+        path: string;
+        info: FileDescriptorInfo;
+        stat: FileDescriptorStat | boolean;
+    }
+
+    interface FileDescriptorInfo {
+        pos: string;
+        flags: string;
+    }
+
+    interface FileDescriptorStat {
+        dev: number;
+        mode: number;
+        nlink: number;
+        uid: number;
+        gid: number;
+        rdev: number;
+        blksize: number;
+        ino: number;
+        size: number;
+        blocks: number;
+        atime: Date;
+        mtime: Date;
+        ctime: Date;
+    }
+
+    interface MemoryInfo {
+        MemTotal: string;
+        MemFree: string;
+        MemAvailable: string;
+        Buffers: string;
+        Cached: string;
+        SwapCached: string;
+        Active: string;
+        Inactive: '136524';
+        'Active(anon)': string;
+        'Inactive(anon)': string;
+        'Active(file)': string;
+        'Inactive(file)': string;
+        Unevictable: string;
+        Mlocked: string;
+        SwapTotal: string;
+        SwapFree: string;
+        Dirty: string;
+        Writeback: string;
+        AnonPages: string;
+        Mapped: string;
+        Shmem: string;
+        Slab: string;
+        SReclaimable: string;
+        SUnreclaim: string;
+        KernelStack: string;
+        PageTables: string;
+        NFS_Unstable: string;
+        Bounce: string;
+        WritebackTmp: string;
+        CommitLimit: string;
+        Committed_AS: string;
+        VmallocTotal: string;
+        VmallocUsed: string;
+        VmallocChunk: string;
+        AnonHugePages: string;
+        HugePages_Total: string;
+        HugePages_Free: string;
+        HugePages_Rsvd: string;
+        HugePages_Surp: string;
+        Hugepagesize: string;
+        DirectMap4k: string;
+        DirectMap2M: string;
+    }
+
+    interface MemoryStat {
+        size: string;
+        resident: string;
+        share: string;
+        text: string;
+        lib: string;
+        data: string;
+        dt: string;
+    }
+
+    interface Net {
+        Interface: string;
+        bytes: { Receive: string; Transmit: string; };
+        packets: { Receive: string; Transmit: string; };
+        errs: { Receive: string; Transmit: string; };
+        drop: { Receive: string; Transmit: string; };
+        fifo: { Receive: string; Transmit: string; };
+        frame: { Receive: string; };
+        compressed: { Receive: string; Transmit: string; };
+        multicast: { Receive: string; };
+        colls: { Transmit: string; };
+        carrier: { Transmit: string; };
+    }
+
+    interface Io {
+        cancelled_write_bytes: string;
+        rchar: string;
+        read_bytes: string;
+        syscr: string;
+        syscw: string;
+        wchar: string;
+        write_bytes: string;
+    }
+
+    interface Stat {
+        pid: string;
+        comm: string;
+        state: string;
+        ppid: string;
+        pgrp: string;
+        session: string;
+        tty_nr: string;
+        tpgid: string;
+        flags: string;
+        minflt: string;
+        cminflt: string;
+        majflt: string;
+        cmajflt: string;
+        utime: string;
+        stime: string;
+        cutime: string;
+        cstime: string;
+        priority: string;
+        nice: string;
+        num_threads: string;
+        itrealvalue: string;
+        starttime: string;
+        vsize: string;
+        rss: string;
+        rsslim: string;
+        startcode: string;
+        endcode: string;
+        startstack: string;
+        kstkesp: string;
+        kstkeip: string;
+        signal: string;
+        blocked: string;
+        sigignore: string;
+        sigcatch: string;
+        wchan: string;
+        nswap: string;
+        cnswap: string;
+        exit_signal: string;
+        processor: string;
+        rt_priority: string;
+        policy: string;
+        delayacct_blkio_ticks: string;
+        guest_time: string;
+        cguest_time: string;
+    }
+
+    interface Status {
+        Name: string;
+        State: string;
+        Tgid: string;
+        Pid: string;
+        PPid: string;
+        TracerPid: string;
+        Uid: string;
+        Gid: string;
+        FDSize: string;
+        Groups: string;
+        VmPeak: string;
+        VmSize: string;
+        VmLck: string;
+        VmPin: string;
+        VmHWM: string;
+        VmRSS: string;
+        VmData: string;
+        VmStk: string;
+        VmExe: string;
+        VmLib: string;
+        VmPTE: string;
+        VmSwap: string;
+        Threads: string;
+        SigQ: string;
+        SigPnd: string;
+        ShdPnd: string;
+        SigBlk: string;
+        SigIgn: string;
+        SigCgt: string;
+        CapInh: string;
+        CapPrm: string;
+        CapEff: string;
+        CapBnd: string;
+        Cpus_allowed: string;
+        Cpus_allowed_list: string;
+        Mems_allowed: string;
+        Mems_allowed_list: string;
+        voluntary_ctxt_switches: string;
+        nonvoluntary_ctxt_switches: string;
+    }
+
+    interface Tcp {
+        sl: string;
+        local_address: string;
+        rem_address: string;
+        st: string;
+        tx_queue: string;
+        rx_queue: string;
+        tr: string;
+        'tm->when': string;
+        retrnsmt: string;
+        uid: string;
+        timeout: string;
+        inode: string;
+        _: { [key: string]: string; };
+    }
+
+    interface Udp {
+        sl: string;
+        local_address: string;
+        rem_address: string;
+        st: string;
+        tx_queue: string;
+        rx_queue: string;
+        tr: string;
+        'tm->when': string;
+        retrnsmt: string;
+        uid: string;
+        timeout: string;
+        inode: string;
+        ref: string;
+        pointer: string;
+        drops: string;
+    }
+
+    interface UnixSocket {
+        Num: string;
+        RefCount: string;
+        Protocol: string;
+        Flags: string;
+        Type: string;
+        St: string;
+        Inode: string;
+        Path: string;
+    }
+
+    interface Wifi {
+        Interface: string;
+        status: string;
+        link: { Quality: string };
+        level: { Quality: string };
+        noise: { Quality: string };
+        nwid: { 'Discarded packets': string };
+        crypt: { 'Discarded packets': string };
+        frag: { 'Discarded packets': string };
+        retry: { 'Discarded packets': string };
+        misc: { 'Discarded packets': string };
+        beacon: { Missed: string };
+    }
+
+    class StatStatic {
+        argv(callback: Callback<string[]>): never;
+        cpu(callback: Callback<Cpu>): never;
+        cwd(callback: Callback<string>): never;
+        disk(callback: Callback<DiskStat[]>): never;
+        env(callback: Callback<string[]>): never;
+        fd(fdPath: string, callback: Callback<FileDescriptor>): never;
+        fds(callback: Callback<string[]>): never;
+        meminfo(callback: Callback<MemoryInfo>): never;
+        net(callback: Callback<Net[]>): never;
+        io(callback: Callback<Io>): never;
+        stat(callback: Callback<Stat>): never;
+        statm(callback: Callback<MemoryStat>): never;
+        status(callback: Callback<Status>): never;
+        tcp(callback: Callback<Tcp[]>): never;
+        thread(tid: number): Stat;
+        threads(callback: Callback<string[]>): never;
+        udp(callback: Callback<Udp[]>): never;
+        unix(callback: Callback<UnixSocket[]>): never;
+        wifi(callback: Callback<Wifi[]>): never;
+        works: boolean;
+    }
+}
+
+export = procfs;
diff --git a/types/procfs-stats/procfs-stats-tests.ts b/types/procfs-stats/procfs-stats-tests.ts
new file mode 100644
index 0000000000..6f614bd00c
--- /dev/null
+++ b/types/procfs-stats/procfs-stats-tests.ts
@@ -0,0 +1,27 @@
+import procfs = require("procfs-stats");
+
+const ps = procfs(0);
+
+ps.io((error: Error, io: procfs.Io) => { });
+ps.stat((error: Error, stat: procfs.Stat) => { });
+ps.statm((error: any, statm: procfs.MemoryStat) => { });
+ps.status((error: Error, status: procfs.Status) => { });
+ps.env((error: Error, env: string[]) => { });
+ps.cwd((error: Error, cwd: string) => { });
+ps.argv((error: Error, argv: string[]) => { });
+ps.fds((error: Error, fds: string[]) => { });
+ps.threads((error: Error, threads: string[]) => { });
+
+const stat = ps.thread(0);
+
+ps.cpu((error: Error, cpus: procfs.Cpu) => { });
+ps.meminfo((error: Error, meminfo: procfs.MemoryInfo) => { });
+ps.fd("path", (error: Error, fd: procfs.FileDescriptor) => { });
+ps.tcp((error: Error, tcp: procfs.Tcp[]) => { });
+ps.udp((error: Error, udp: procfs.Udp[]) => { });
+ps.unix((error: Error, unix: procfs.UnixSocket[]) => { });
+ps.net((error: Error, net: procfs.Net[]) => { });
+ps.disk((error: Error, disk: procfs.DiskStat[]) => { });
+ps.wifi((error: Error, wifi: procfs.Wifi[]) => { });
+
+const works = ps.works;
diff --git a/types/procfs-stats/tsconfig.json b/types/procfs-stats/tsconfig.json
new file mode 100644
index 0000000000..b59378a269
--- /dev/null
+++ b/types/procfs-stats/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",
+        "procfs-stats-tests.ts"
+    ]
+}
diff --git a/types/procfs-stats/tslint.json b/types/procfs-stats/tslint.json
new file mode 100644
index 0000000000..e60c15844f
--- /dev/null
+++ b/types/procfs-stats/tslint.json
@@ -0,0 +1,3 @@
+{
+    "extends": "dtslint/dt.json"
+}
\ No newline at end of file

From e4e4d4223f7fe00cd918aea397188da59ed8dab6 Mon Sep 17 00:00:00 2001
From: Denis <carriere.denis@gmail.com>
Date: Tue, 25 Apr 2017 13:53:46 -0400
Subject: [PATCH 020/321] Publish kdbush definition (#16107)

* Publish kdbush definition

* Definition changes based on comments
@andy-ms

* Add semi-colon
---
 types/kdbush/index.d.ts      | 26 ++++++++++++++++++++++++++
 types/kdbush/kdbush-tests.ts | 35 +++++++++++++++++++++++++++++++++++
 types/kdbush/tsconfig.json   | 22 ++++++++++++++++++++++
 types/kdbush/tslint.json     |  1 +
 4 files changed, 84 insertions(+)
 create mode 100644 types/kdbush/index.d.ts
 create mode 100644 types/kdbush/kdbush-tests.ts
 create mode 100644 types/kdbush/tsconfig.json
 create mode 100644 types/kdbush/tslint.json

diff --git a/types/kdbush/index.d.ts b/types/kdbush/index.d.ts
new file mode 100644
index 0000000000..fa1581d09c
--- /dev/null
+++ b/types/kdbush/index.d.ts
@@ -0,0 +1,26 @@
+// Type definitions for kdbush 1.0
+// Project: https://github.com/mourner/kdbush
+// Definitions by: DenisCarriere <https://github.com/DenisCarriere>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+
+type Points = number[][];
+type Get<T> = (point: T) => number;
+type ArrayType = typeof Int32Array | typeof Array;
+
+declare class KDBush<T> {
+  ids: number[];
+  coords: number[];
+  nodeSize: number;
+  points: T[];
+  range(minX: number, minY: number, maxX: number, maxY: number): number[];
+  within(x: number, y: number, r: number): number[];
+}
+
+interface KDBushStatic {
+  (points: Points): KDBush<Points>;
+  <T>(points: T[], getX: Get<T>, getY: Get<T>, nodeSize?: number, ArrayType?: ArrayType): KDBush<T>;
+}
+
+declare const kdbush: KDBushStatic;
+declare namespace kdbush {}
+export = kdbush;
diff --git a/types/kdbush/kdbush-tests.ts b/types/kdbush/kdbush-tests.ts
new file mode 100644
index 0000000000..c9fd8ae11f
--- /dev/null
+++ b/types/kdbush/kdbush-tests.ts
@@ -0,0 +1,35 @@
+import * as kdbush from 'kdbush';
+
+// API
+const points = [[110, 60], [130, 40]];
+const index = kdbush(points);
+
+// properties
+index.nodeSize;
+index.points;
+index.ids;
+index.coords;
+
+// range
+index.range(10, 10, 20, 20);
+index.range(10, 10, 20, 20).map(id => points[id]);
+
+// within
+index.within(10, 10, 5);
+index.within(10, 10, 5).map(id => points[id]);
+
+// custom points (object)
+const xy = [{x: 110, y: 60}, {x: 130, y: 40}];
+const index2 = kdbush(xy, p => p.x, p => p.y);
+index2.points[0].x;
+index2.points[0].y;
+index2.points.map(p => [p.x, p.y]);
+
+// custom points (latlng)
+const latlng = [[60, 110], [40, 130]];
+kdbush(latlng, p => p[1], p => p[0]);
+kdbush(latlng, p => p[1], p => p[0], 64, Int32Array);
+
+// z coordinate (does not require Get callbacks)
+const pointsZ = [[110, 60, 4000], [130, 40, 3000]];
+kdbush(pointsZ);
diff --git a/types/kdbush/tsconfig.json b/types/kdbush/tsconfig.json
new file mode 100644
index 0000000000..16814b627e
--- /dev/null
+++ b/types/kdbush/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",
+        "kdbush-tests.ts"
+    ]
+}
diff --git a/types/kdbush/tslint.json b/types/kdbush/tslint.json
new file mode 100644
index 0000000000..3db14f85ea
--- /dev/null
+++ b/types/kdbush/tslint.json
@@ -0,0 +1 @@
+{ "extends": "dtslint/dt.json" }

From d07ac371fa5ca1999e6bf62f31b8c85753d48f22 Mon Sep 17 00:00:00 2001
From: Akshar Patel <akshar.patel.47@gmail.com>
Date: Wed, 26 Apr 2017 01:26:18 +0530
Subject: [PATCH 021/321] node.js: Add type guards as return types of util
 methods (#16011)

* node.js: Add type guards for return types of util methods

* use object instead of Object in isObject typeguard

* use es2016 as target for Node 7 types

Node 7 supports almost 99% of ES2015 and 100% of ES2016. Hence, its safe
to use the target of es2016 in tsconfig.json

* remove typeguard from isObject function

* rename Symbol to symbol

* remove es2016 target in tsconfig.json
---
 types/node/index.d.ts    | 24 ++++++++++++------------
 types/node/tsconfig.json |  2 +-
 2 files changed, 13 insertions(+), 13 deletions(-)

diff --git a/types/node/index.d.ts b/types/node/index.d.ts
index 7805819383..0f2a6e663e 100644
--- a/types/node/index.d.ts
+++ b/types/node/index.d.ts
@@ -3650,23 +3650,23 @@ declare module "util" {
     export function log(string: string): void;
     export function inspect(object: any, showHidden?: boolean, depth?: number, color?: boolean): string;
     export function inspect(object: any, options: InspectOptions): string;
-    export function isArray(object: any): boolean;
-    export function isRegExp(object: any): boolean;
-    export function isDate(object: any): boolean;
-    export function isError(object: any): boolean;
+    export function isArray(object: any): object is any[];
+    export function isRegExp(object: any): object is RegExp;
+    export function isDate(object: any): object is Date;
+    export function isError(object: any): object is Error;
     export function inherits(constructor: any, superConstructor: any): void;
     export function debuglog(key: string): (msg: string, ...param: any[]) => void;
-    export function isBoolean(object: any): boolean;
-    export function isBuffer(object: any): boolean;
+    export function isBoolean(object: any): object is boolean;
+    export function isBuffer(object: any): object is Buffer;
     export function isFunction(object: any): boolean;
-    export function isNull(object: any): boolean;
-    export function isNullOrUndefined(object: any): boolean;
-    export function isNumber(object: any): boolean;
+    export function isNull(object: any): object is null;
+    export function isNullOrUndefined(object: any): object is null | undefined;
+    export function isNumber(object: any): object is number;
     export function isObject(object: any): boolean;
     export function isPrimitive(object: any): boolean;
-    export function isString(object: any): boolean;
-    export function isSymbol(object: any): boolean;
-    export function isUndefined(object: any): boolean;
+    export function isString(object: any): object is string;
+    export function isSymbol(object: any): object is symbol;
+    export function isUndefined(object: any): object is undefined;
     export function deprecate(fn: Function, message: string): Function;
 }
 
diff --git a/types/node/tsconfig.json b/types/node/tsconfig.json
index 5914d22a4c..8cb1452030 100644
--- a/types/node/tsconfig.json
+++ b/types/node/tsconfig.json
@@ -20,4 +20,4 @@
         "forceConsistentCasingInFileNames": true,
         "isolatedModules": true
     }
-}
\ No newline at end of file
+}

From 2b13252c870023c8e3b57814d20bd8b093527c3b Mon Sep 17 00:00:00 2001
From: Andy <anhans@microsoft.com>
Date: Tue, 25 Apr 2017 15:10:13 -0700
Subject: [PATCH 022/321] auto-sni: Fix lint (#16132)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Add an optional extended description…
---
 types/auto-sni/index.d.ts | 24 ++++++++++++------------
 1 file changed, 12 insertions(+), 12 deletions(-)

diff --git a/types/auto-sni/index.d.ts b/types/auto-sni/index.d.ts
index 075f093f0b..bc252831ca 100644
--- a/types/auto-sni/index.d.ts
+++ b/types/auto-sni/index.d.ts
@@ -1,4 +1,4 @@
-// Type definitions for auto-sni v2.1.1
+// Type definitions for auto-sni 2.1
 // Project: https://www.npmjs.com/package/auto-sni
 // Definitions by: Jan Wolf <https://github.com/janwo>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
@@ -8,18 +8,18 @@
 import {Server} from "https";
 
 declare namespace createServer {
-
+	interface Options {
+		email: string;
+		agreeTos: boolean;
+		domains: Array<string | string[]>;
+		ports?: {
+			http?: number,
+			https?: number
+		};
+		debug?: boolean;
+	}
 }
 
-declare function createServer(opts: {
-	email: string,
-	agreeTos: boolean,
-	domains: Array<string|string[]>,
-	ports?: {
-		http?: number,
-		https?: number
-	},
-	debug?: boolean
-}, app?: any): Server;
+declare function createServer(opts: createServer.Options, app?: any): Server;
 
 export = createServer;

From 514f16f2a47817070321bd9167be50d8b9a309ad Mon Sep 17 00:00:00 2001
From: Louis Orleans <louis@orleans.io>
Date: Tue, 25 Apr 2017 15:33:21 -0700
Subject: [PATCH 023/321] Fixing Blessed scroll typings (#15852)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

* 🎨 Removing trailing whitespace

This was caused by my editor

* 🐛 scroll getters return numbers, not void
Box::getScroll returns a number according to the documentation
Box::getScrollHeight returns a number according to the documentation
Box::getScrollPerc returns a number according to the documentation
---
 types/blessed/index.d.ts | 884 +++++++++++++++++++--------------------
 1 file changed, 442 insertions(+), 442 deletions(-)

diff --git a/types/blessed/index.d.ts b/types/blessed/index.d.ts
index 24b6fddaf3..b08f77b3b1 100644
--- a/types/blessed/index.d.ts
+++ b/types/blessed/index.d.ts
@@ -44,7 +44,7 @@ declare namespace Blessed {
                 track?: {bg?: string; fg?: string;};
                 scrollbar?: {bg?: string; fg?: string;};
             }
-            
+
             export type TBorder = {
                 /**
                  * Type of border (line or bg). bg by default.
@@ -57,15 +57,15 @@ declare namespace Blessed {
                 /**
                  * Border foreground and background, must be numbers (-1 for default).
                 */
-                bg?: number; 
+                bg?: number;
                 fg?: number;
                 /**
                  * Border attributes.
                 */
-                bold?: string; 
+                bold?: string;
                 underline?: string;
             }
-            
+
             export type TCursor = {
                 /**
                  * Have blessed draw a custom cursor and hide the terminal cursor (experimental).
@@ -85,26 +85,26 @@ declare namespace Blessed {
                 color: string;
             }
 
-            export type TAlign = "left" | "center" | "right"; 
+            export type TAlign = "left" | "center" | "right";
 
-            export type ListbarCommand = { 
-                key: string; 
+            export type ListbarCommand = {
+                key: string;
                 callback: () => void;
-            }; 
+            };
 
             export type TImage = {
                 /**
                  * Pixel width.
                 */
-                width: number; 
+                width: number;
                 /**
                  * Pixel height.
                 */
                 height: number;
                 /**
                  * Image bitmap.
-                 * */ 
-                bmp: any; 
+                 * */
+                bmp: any;
                 /**
                  * Image cellmap (bitmap scaled down to cell size).
                 */
@@ -132,13 +132,13 @@ declare namespace Blessed {
         }
 
         export module Events {
-            
+
             export interface IMouseEventArg {
                 x: number;
                 y: number;
                 action: Types.TMouseAction;
             }
-            
+
             export interface IKeyEventArg {
                 full: string;
                 name: string;
@@ -148,7 +148,7 @@ declare namespace Blessed {
                 sequence: string;
             }
         }
-        
+
         export interface NodeChildProcessExecOptions {
             cwd?: string;
             stdio?: any;
@@ -163,14 +163,14 @@ declare namespace Blessed {
         export interface IDestroyable {
             destroy(): void;
         }
-        
+
         export interface IOptions {
         }
-        
+
         export interface IHasOptions<T extends IOptions> {
             options: T;
         }
-        
+
         export interface TputsOptions extends IOptions {
             terminal?: string;
             extended?: boolean;
@@ -201,7 +201,7 @@ declare namespace Blessed {
             termcapFile: string;
             error: Error;
             terminal: string;
-            
+
             setup(): void;
             term(is: any): boolean;
             readTerminfo(term: string): string;
@@ -233,11 +233,11 @@ declare namespace Blessed {
                 strings: Object;
             };
         }
-        
+
         export interface IDestroyable {
             destroy(): void;
         }
-        
+
         export interface INodeOptions extends IOptions {
             name?: string;
             screen?: Screen;
@@ -245,7 +245,7 @@ declare namespace Blessed {
             children?: Node[];
             focusable?: boolean;
         }
-                
+
         export abstract class Node extends EventEmitter implements IHasOptions<INodeOptions>, IDestroyable {
             constructor(options: INodeOptions);
 
@@ -257,7 +257,7 @@ declare namespace Blessed {
              * Original options object.
             */
             options: INodeOptions;
-            
+
             /**
              * An object for any miscellanous user data.
             */
@@ -290,7 +290,7 @@ declare namespace Blessed {
              * Array of node's children.
             */
             children: Node[];
-            
+
             // ** methods ** //
 
             /**
@@ -398,7 +398,7 @@ declare namespace Blessed {
             */
             on(event: "detach", callback: (arg: Node) => void): this;
         }
-        
+
         export class NodeWithEvents extends Node {
             // ** methods ** //
 
@@ -417,7 +417,7 @@ declare namespace Blessed {
             removeKey(name: string, listener: Function): void;
 
             // ** events ** //
-            
+
             on(event: string, listener: Function): this;
             /**
              * Received on screen resize.
@@ -451,12 +451,12 @@ declare namespace Blessed {
             */
             //on(event: "key", callback: (arg: BlessedScreen) => void): this;
             /**
-             * Received when the terminal window focuses/blurs. Requires a terminal supporting the 
+             * Received when the terminal window focuses/blurs. Requires a terminal supporting the
              * focus protocol and focus needs to be passed to program.enableMouse().
             */
             on(event: "focus", callback: (arg: Screen) => void): this;
             /**
-             * Received when the terminal window focuses/blurs. Requires a terminal supporting the 
+             * Received when the terminal window focuses/blurs. Requires a terminal supporting the
              * focus protocol and focus needs to be passed to program.enableMouse().
             */
             on(event: "blur", callback: (arg: Screen) => void): this;
@@ -492,31 +492,31 @@ declare namespace Blessed {
              * Received when element becomes hidden.
             */
             on(event: "hide", callback: () => void): this;
-            
+
             on(event: "set content", callback: () => void): this;
             on(event: "parsed content", callback: () => void): this;
         }
-                
+
         export interface IScreenOptions extends INodeOptions {
             /**
              * The blessed Program to be associated with. Will be automatically instantiated if none is provided.
             */
             program?: BlessedProgram;
             /**
-             * Attempt to perform CSR optimization on all possible elements (not just full-width ones, elements with 
-             * uniform cells to their sides). This is known to cause flickering with elements that are not full-width, 
+             * Attempt to perform CSR optimization on all possible elements (not just full-width ones, elements with
+             * uniform cells to their sides). This is known to cause flickering with elements that are not full-width,
              * however, it is more optimal for terminal rendering.
             */
             smartCSR?: boolean;
             /**
-             * Do CSR on any element within 20 cols of the screen edge on either side. Faster than smartCSR, 
+             * Do CSR on any element within 20 cols of the screen edge on either side. Faster than smartCSR,
              * but may cause flickering depending on what is on each side of the element.
             */
             fastCSR?: boolean;
             /**
-             * Attempt to perform back_color_erase optimizations for terminals that support it. It will also work 
-             * with terminals that don't support it, but only on lines with the default background color. As it 
-             * stands with the current implementation, it's uncertain how much terminal performance this adds at 
+             * Attempt to perform back_color_erase optimizations for terminals that support it. It will also work
+             * with terminals that don't support it, but only on lines with the default background color. As it
+             * stands with the current implementation, it's uncertain how much terminal performance this adds at
              * the cost of overhead within node.
             */
             useBCE?: boolean;
@@ -529,13 +529,13 @@ declare namespace Blessed {
             */
             tabSize?: number;
             /**
-             * Automatically position child elements with border and padding in mind (NOTE: this is a recommended 
+             * Automatically position child elements with border and padding in mind (NOTE: this is a recommended
              * option. It may become default in the future).
             */
             autoPadding?: boolean;
-            
+
             cursor?: Types.TCursor;
-            
+
             /**
              * Create a log file. See log method.
             */
@@ -545,31 +545,31 @@ declare namespace Blessed {
             */
             dump?: string;
             /**
-             * Debug mode. Enables usage of the debug method. Also creates a debug console which will display when 
+             * Debug mode. Enables usage of the debug method. Also creates a debug console which will display when
              * pressing F12. It will display all log and debug messages.
             */
             debug?: (...msg: string[]) => void;
             /**
-             * Array of keys in their full format (e.g. C-c) to ignore when keys are locked or grabbed. Useful 
+             * Array of keys in their full format (e.g. C-c) to ignore when keys are locked or grabbed. Useful
              * for creating a key that will always exit no matter whether the keys are locked.
             */
             ignoreLocked?: boolean;
             /**
-             * Automatically "dock" borders with other elements instead of overlapping, depending on position 
+             * Automatically "dock" borders with other elements instead of overlapping, depending on position
              * (experimental). For example: These border-overlapped elements:
             */
             dockBorders?: boolean;
             /**
-             * Normally, dockable borders will not dock if the colors or attributes are different. This option 
+             * Normally, dockable borders will not dock if the colors or attributes are different. This option
              * will allow them to dock regardless. It may produce some odd looking multi-colored borders though.
             */
             ignoreDockContrast?: boolean;
             /**
-             * Allow for rendering of East Asian double-width characters, utf-16 surrogate pairs, and unicode 
-             * combining characters. This allows you to display text above the basic multilingual plane. This 
-             * is behind an option because it may affect performance slightly negatively. Without this option 
-             * enabled, all double-width, surrogate pair, and combining characters will be replaced by '??', 
-             * '?', '' respectively. (NOTE: iTerm2 cannot display combining characters properly. Blessed simply 
+             * Allow for rendering of East Asian double-width characters, utf-16 surrogate pairs, and unicode
+             * combining characters. This allows you to display text above the basic multilingual plane. This
+             * is behind an option because it may affect performance slightly negatively. Without this option
+             * enabled, all double-width, surrogate pair, and combining characters will be replaced by '??',
+             * '?', '' respectively. (NOTE: iTerm2 cannot display combining characters properly. Blessed simply
              * removes them from an element's content if iTerm2 is detected).
             */
             fullUnicode?: boolean;
@@ -582,17 +582,17 @@ declare namespace Blessed {
             */
             warnings?: boolean;
             /**
-             * Force blessed to use unicode even if it is not detected via terminfo, env variables, or windows code page. 
+             * Force blessed to use unicode even if it is not detected via terminfo, env variables, or windows code page.
              * If value is true unicode is forced. If value is false non-unicode is forced (default: null).
             */
             forceUnicode?: boolean;
             /**
-             * Input and output streams. process.stdin/process.stdout by default, however, it could be a 
+             * Input and output streams. process.stdin/process.stdout by default, however, it could be a
              * net.Socket if you want to make a program that runs over telnet or something of that nature.
              * */
             input?: stream.Writable;
             /**
-             * Input and output streams. process.stdin/process.stdout by default, however, it could be a 
+             * Input and output streams. process.stdin/process.stdout by default, however, it could be a
              * net.Socket if you want to make a program that runs over telnet or something of that nature.
              * */
             output?: stream.Readable;
@@ -673,13 +673,13 @@ declare namespace Blessed {
             */
             title?: string;
         }
- 
+
         export class Screen extends NodeWithEvents implements IHasOptions<IScreenOptions> {
             constructor(opts: IScreenOptions);
 
             // ** properties ** //
             cleanSides: any;
-            
+
             /**
              * Original options object.
             */
@@ -690,20 +690,20 @@ declare namespace Blessed {
             */
             program: BlessedProgram;
             /**
-             * Attempt to perform CSR optimization on all possible elements (not just full-width ones, elements with 
-             * uniform cells to their sides). This is known to cause flickering with elements that are not full-width, 
+             * Attempt to perform CSR optimization on all possible elements (not just full-width ones, elements with
+             * uniform cells to their sides). This is known to cause flickering with elements that are not full-width,
              * however, it is more optimal for terminal rendering.
             */
             smartCSR: boolean;
             /**
-             * Do CSR on any element within 20 cols of the screen edge on either side. Faster than smartCSR, 
+             * Do CSR on any element within 20 cols of the screen edge on either side. Faster than smartCSR,
              * but may cause flickering depending on what is on each side of the element.
             */
             fastCSR: boolean;
             /**
-             * Attempt to perform back_color_erase optimizations for terminals that support it. It will also work 
-             * with terminals that don't support it, but only on lines with the default background color. As it 
-             * stands with the current implementation, it's uncertain how much terminal performance this adds at 
+             * Attempt to perform back_color_erase optimizations for terminals that support it. It will also work
+             * with terminals that don't support it, but only on lines with the default background color. As it
+             * stands with the current implementation, it's uncertain how much terminal performance this adds at
              * the cost of overhead within node.
             */
             useBCE: boolean;
@@ -716,38 +716,38 @@ declare namespace Blessed {
             */
             tabSize: number;
             /**
-             * Automatically position child elements with border and padding in mind (NOTE: this is a recommended 
+             * Automatically position child elements with border and padding in mind (NOTE: this is a recommended
              * option. It may become default in the future).
             */
             autoPadding: boolean;
-            
+
             cursor: Types.TCursor;
-            
+
             /**
              * Dump all output and input to desired file. Can be used together with log option if set as a boolean.
             */
             dump: string;
             /**
-             * Array of keys in their full format (e.g. C-c) to ignore when keys are locked or grabbed. Useful 
+             * Array of keys in their full format (e.g. C-c) to ignore when keys are locked or grabbed. Useful
              * for creating a key that will always exit no matter whether the keys are locked.
             */
             ignoreLocked: boolean;
             /**
-             * Automatically "dock" borders with other elements instead of overlapping, depending on position 
+             * Automatically "dock" borders with other elements instead of overlapping, depending on position
              * (experimental). For example: These border-overlapped elements:
             */
             dockBorders: boolean;
             /**
-             * Normally, dockable borders will not dock if the colors or attributes are different. This option 
+             * Normally, dockable borders will not dock if the colors or attributes are different. This option
              * will allow them to dock regardless. It may produce some odd looking multi-colored borders though.
             */
             ignoreDockContrast: boolean;
             /**
-             * Allow for rendering of East Asian double-width characters, utf-16 surrogate pairs, and unicode 
-             * combining characters. This allows you to display text above the basic multilingual plane. This 
-             * is behind an option because it may affect performance slightly negatively. Without this option 
-             * enabled, all double-width, surrogate pair, and combining characters will be replaced by '??', 
-             * '?', '' respectively. (NOTE: iTerm2 cannot display combining characters properly. Blessed simply 
+             * Allow for rendering of East Asian double-width characters, utf-16 surrogate pairs, and unicode
+             * combining characters. This allows you to display text above the basic multilingual plane. This
+             * is behind an option because it may affect performance slightly negatively. Without this option
+             * enabled, all double-width, surrogate pair, and combining characters will be replaced by '??',
+             * '?', '' respectively. (NOTE: iTerm2 cannot display combining characters properly. Blessed simply
              * removes them from an element's content if iTerm2 is detected).
             */
             fullUnicode: boolean;
@@ -760,17 +760,17 @@ declare namespace Blessed {
             */
             warnings: boolean;
             /**
-             * Force blessed to use unicode even if it is not detected via terminfo, env variables, or windows code page. 
+             * Force blessed to use unicode even if it is not detected via terminfo, env variables, or windows code page.
              * If value is true unicode is forced. If value is false non-unicode is forced (default: null).
             */
             forceUnicode: boolean;
             /**
-             * Input and output streams. process.stdin/process.stdout by default, however, it could be a 
+             * Input and output streams. process.stdin/process.stdout by default, however, it could be a
              * net.Socket if you want to make a program that runs over telnet or something of that nature.
              * */
             input: stream.Writable;
             /**
-             * Input and output streams. process.stdin/process.stdout by default, however, it could be a 
+             * Input and output streams. process.stdin/process.stdout by default, however, it could be a
              * net.Socket if you want to make a program that runs over telnet or something of that nature.
              * */
             output: stream.Readable;
@@ -850,9 +850,9 @@ declare namespace Blessed {
              * Set or get window title.
             */
             title: string;
-            
+
             // ** methods ** //
-            
+
             /**
              * Write string to the log file if one was created.
             */
@@ -860,7 +860,7 @@ declare namespace Blessed {
             /**
              * Same as the log method, but only gets called if the debug option was set.
             */
-            debug(...msg: string[]): void; 
+            debug(...msg: string[]): void;
             /**
              * Allocate a new pending screen buffer and a new output screen buffer.
             */
@@ -959,13 +959,13 @@ declare namespace Blessed {
             */
             deleteTop(top: number, bottom: number): void;
             /**
-             * Enable mouse events for the screen and optionally an element (automatically called when a form of 
+             * Enable mouse events for the screen and optionally an element (automatically called when a form of
              * on('mouse') is bound).
             */
             enableMouse(el: BlessedElement): void;
             enableMouse(): void;
             /**
-             * Enable keypress events for the screen and optionally an element (automatically called when a form of 
+             * Enable keypress events for the screen and optionally an element (automatically called when a form of
              * on('keypress') is bound).
             */
             enableKeys(el: BlessedElement): void;
@@ -980,7 +980,7 @@ declare namespace Blessed {
             */
             copyToClipboard(text: string): void;
             /**
-             * Attempt to change cursor shape. Will not work in all terminals (see artificial cursors for a solution 
+             * Attempt to change cursor shape. Will not work in all terminals (see artificial cursors for a solution
              * to this). Returns true if successful.
             */
             cursorShape(shape: boolean, blink: boolean): any;
@@ -993,14 +993,14 @@ declare namespace Blessed {
             */
             cursorReset(): void;
             /**
-             * Take an SGR screenshot of the screen within the region. Returns a string containing only 
+             * Take an SGR screenshot of the screen within the region. Returns a string containing only
              * characters and SGR codes. Can be displayed by simply echoing it in a terminal.
             */
             screenshot(xi: number, xl: number, yi: number, yl: number): string;
             screenshot(): void;
             /**
-             * Destroy the screen object and remove it from the global list. Also remove all global events relevant 
-             * to the screen object. If all screen objects are destroyed, the node process is essentially reset 
+             * Destroy the screen object and remove it from the global list. Also remove all global events relevant
+             * to the screen object. If all screen objects are destroyed, the node process is essentially reset
              * to its initial state.
             */
             destroy(): void;
@@ -1043,23 +1043,23 @@ declare namespace Blessed {
             /**
              * Border foreground and background, must be numbers (-1 for default).
             */
-            bg?: number; 
+            bg?: number;
             fg?: number;
             /**
              * Border attributes.
             */
-            bold?: string; 
+            bold?: string;
             underline?: string;
         }
 
         export interface ElementOptions extends INodeOptions {
             tags?: boolean;
-            
-            fg?: string; 
-            bg?: string; 
-            bold?: string; 
+
+            fg?: string;
+            bg?: string;
+            bold?: string;
             underline?: string;
-            
+
             style?: any;
             /**
              * Border object, see below.
@@ -1107,24 +1107,24 @@ declare namespace Blessed {
             */
             shrink?: boolean;
             /**
-             * Amount of padding on the inside of the element. Can be a number or an object containing 
+             * Amount of padding on the inside of the element. Can be a number or an object containing
              * the properties: left, right, top, and bottom.
             */
             padding?: number | Padding;
-            
+
             top?: Types.TTopLeft;
             left?: Types.TTopLeft;
             right?: Types.TPosition;
             bottom?: Types.TPosition;
-            
+
             /**
-             * Width/height of the element, can be a number, percentage (0-100%), or keyword (half or shrink). 
+             * Width/height of the element, can be a number, percentage (0-100%), or keyword (half or shrink).
              * Percentages can also have offsets (50%+1, 50%-1).
             */
             width?: number | string;
             /**
-             * Offsets of the element relative to its parent. Can be a number, percentage (0-100%), or 
-             * keyword (center). right and bottom do not accept keywords. Percentages can also have 
+             * Offsets of the element relative to its parent. Can be a number, percentage (0-100%), or
+             * keyword (center). right and bottom do not accept keywords. Percentages can also have
              * offsets (50%+1, 50%-1).
             */
             height?: number | string;
@@ -1171,7 +1171,7 @@ declare namespace Blessed {
         // TODO: scrollable - Note: If the scrollable option is enabled, Element inherits all methods from ScrollableBox.
         export abstract class BlessedElement extends NodeWithEvents implements IHasOptions<ElementOptions> {
             constructor(opts: ElementOptions);
-            
+
             // ** properties ** //
 
             /**
@@ -1196,28 +1196,28 @@ declare namespace Blessed {
             /**
              * Border foreground and background, must be numbers (-1 for default).
             */
-            bg: number; 
+            bg: number;
             fg: number;
             /**
              * Border attributes.
             */
-            bold: string; 
+            bold: string;
             underline: string;
             /**
              * Calculated width.
             */
-            width: number | string; 
+            width: number | string;
             /**
              * Calculated height.
             */
             height: number | string;
             /**
-             * Calculated relative top offset.*/ 
-            top: Types.TTopLeft; 
+             * Calculated relative top offset.*/
+            top: Types.TTopLeft;
             /**
              * Calculated relative left offset.
-            */ 
-            left: Types.TTopLeft; 
+            */
+            left: Types.TTopLeft;
             /**
              * Calculated relative right offset.
             */
@@ -1228,12 +1228,12 @@ declare namespace Blessed {
             bottom: Types.TPosition;
             /**
              * Calculated absolute top offset.
-            */ 
-            atop: Types.TTopLeft; 
+            */
+            atop: Types.TTopLeft;
             /**
              * Calculated absolute left offset.
-            */ 
-            aleft: Types.TTopLeft; 
+            */
+            aleft: Types.TTopLeft;
             /**
              * Calculated absolute right offset.
             */
@@ -1241,13 +1241,13 @@ declare namespace Blessed {
             /**
              * Calculated absolute bottom offset.
             */
-            abottom: Types.TPosition; 
+            abottom: Types.TPosition;
 
             /**
              * Whether the element is draggable. Set to true to allow dragging.
             */
-            draggable: boolean; 
-            
+            draggable: boolean;
+
             itop: Types.TTopLeft;
             ileft: Types.TTopLeft;
             iheight: Types.TPosition;
@@ -1255,115 +1255,115 @@ declare namespace Blessed {
 
             /**
              * Calculated relative top offset.
-            */ 
+            */
             rtop: Types.TTopLeft;
             /**
              * Calculated relative left offset.
-            */ 
+            */
             rleft: Types.TTopLeft;
             /**
              * Calculated relative right offset.
-            */ 
+            */
             rright: Types.TPosition;
             /**
              * Calculated relative bottom offset.
-            */ 
+            */
             rbottom: Types.TPosition;
-            
+
             lpos: PositionCoords;
-            
+
             // ** methods ** //
-            
+
             /**
              * Write content and children to the screen buffer.
             */
             render(): Coords;
             /**
-             * Hide element.*/ 
-            hide(): void; 
+             * Hide element.*/
+            hide(): void;
             /**
              * Show element.
             */
-            show(): void; 
+            show(): void;
             /**
              * Toggle hidden/shown.
             */
             toggle(): void;
             /**
              * Focus element.
-            */ 
-            focus(): void; 
+            */
+            focus(): void;
             /**
-             * Same asel.on('screen', ...) except this will automatically keep track of which listeners 
+             * Same asel.on('screen', ...) except this will automatically keep track of which listeners
              * are bound to the screen object. For use with removeScreenEvent(), free(), and destroy().
             */
-            onScreenEvent(type: string, handler: Function): void; 
+            onScreenEvent(type: string, handler: Function): void;
             /**
-             * Same asel.removeListener('screen', ...) except this will automatically keep track of which 
+             * Same asel.removeListener('screen', ...) except this will automatically keep track of which
              * listeners are bound to the screen object. For use with onScreenEvent(), free(), and destroy().
             */
             removeScreenEvent(type: string, handler: Function): void;
             /**
-             * Free up the element. Automatically unbind all events that may have been bound to the screen 
-             * object. This prevents memory leaks. For use with onScreenEvent(), removeScreenEvent(), 
+             * Free up the element. Automatically unbind all events that may have been bound to the screen
+             * object. This prevents memory leaks. For use with onScreenEvent(), removeScreenEvent(),
              * and destroy().
-            */ 
-            free(): void; 
+            */
+            free(): void;
             /**
-             * Same as the detach() method, except this will automatically call free() and unbind any screen 
+             * Same as the detach() method, except this will automatically call free() and unbind any screen
              * events to prevent memory leaks. for use with onScreenEvent(), removeScreenEvent(), and free().
             */
-            destroy(): void; 
+            destroy(): void;
             /**
              * Set the z-index of the element (changes rendering order).
             */
             setIndex(z: number): void;
             /**
-             * Put the element in front of its siblings.*/ 
-            setFront(): void; 
+             * Put the element in front of its siblings.*/
+            setFront(): void;
             /**
              * Put the element in back of its siblings.
             */
-            setBack(): void; 
+            setBack(): void;
             /**
              * text/options - Set the label text for the top-left corner. Example options: {text:'foo',side:'left'}
             */
             setLabel(arg: string | LabelOptions): void;
             /**
              * Remove the label completely.
-            */ 
-            removeLabel(): any; 
+            */
+            removeLabel(): any;
             /**
-             * text/options - Set a hover text box to follow the cursor. Similar to the "title" DOM attribute 
+             * text/options - Set a hover text box to follow the cursor. Similar to the "title" DOM attribute
              * in the browser. Example options: {text:'foo'}
             */
             setHover(arg: string | LabelOptions): void;
             /**
              * Remove the hover label completely.
-            */ 
-            removeHover(): void; 
+            */
+            removeHover(): void;
             /**
              * Enable mouse events for the element (automatically called when a form of on('mouse') is bound).
             */
             enableMouse(): void;
             /**
              * Enable keypress events for the element (automatically called when a form of on('keypress') is bound).
-            */ 
-            enableKeys(): void; 
+            */
+            enableKeys(): void;
             /**
              * Enable key and mouse events. Calls bot enableMouse and enableKeys.
             */
             enableInput(): void;
             /**
              * Enable dragging of the element.
-            */ 
-            enableDrag(): void; 
+            */
+            enableDrag(): void;
             /**
              * Disable dragging of the element.
             */
-            disableDrag(): void; 
+            disableDrag(): void;
             /**
-             * Take an SGR screenshot of the screen within the region. Returns a string containing only 
+             * Take an SGR screenshot of the screen within the region. Returns a string containing only
              * characters and SGR codes. Can be displayed by simply echoing it in a terminal.
             */
             screenshot(xi: number, xl: number, yi: number, yl: number): string;
@@ -1372,132 +1372,132 @@ declare namespace Blessed {
             /*
                 Content Methods
 
-                Methods for dealing with text content, line by line. Useful for writing a text editor, 
+                Methods for dealing with text content, line by line. Useful for writing a text editor,
                 irc client, etc.
 
-                Note: All of these methods deal with pre-aligned, pre-wrapped text. If you use deleteTop() 
-                on a box with a wrapped line at the top, it may remove 3-4 "real" lines (rows) depending 
+                Note: All of these methods deal with pre-aligned, pre-wrapped text. If you use deleteTop()
+                on a box with a wrapped line at the top, it may remove 3-4 "real" lines (rows) depending
                 on how long the original line was.
 
-                The lines parameter can be a string or an array of strings. The line parameter must 
+                The lines parameter can be a string or an array of strings. The line parameter must
                 be a string.
             */
 
             /**
-             * Set the content. Note: When text is input, it will be stripped of all non-SGR 
-             * escape codes, tabs will be replaced with 8 spaces, and tags will be replaced 
+             * Set the content. Note: When text is input, it will be stripped of all non-SGR
+             * escape codes, tabs will be replaced with 8 spaces, and tags will be replaced
              * with SGR codes (if enabled).
             */
             setContent(text: string): void;
             /**
              * Return content, slightly different from el.content. Assume the above formatting.
-            */ 
-            getContent(): string; 
+            */
+            getContent(): string;
             /**
              * Similar to setContent, but ignore tags and remove escape codes.
             */
             setText(text: string): void;
             /**
              * Similar to getContent, but return content with tags and escape codes removed.
-            */ 
-            getText(): string; 
+            */
+            getText(): string;
             /**
              * Insert a line into the box's content.
             */
             insertLine(i: number, lines: string | string[]): void;
             /**
              * Delete a line from the box's content.
-            */ 
-            deleteLine(i: number): void; 
+            */
+            deleteLine(i: number): void;
             /**
              * Get a line from the box's content.
             */
-            getLine(i: number): string; 
+            getLine(i: number): string;
             /**
              * Get a line from the box's content from the visible top.
             */
-            getBaseLine(i: number): string; 
+            getBaseLine(i: number): string;
             /**
              * Set a line in the box's content.
             */
-            setLine(i: number, line: string | string[]): void; 
+            setLine(i: number, line: string | string[]): void;
             /**
              * Set a line in the box's content from the visible top.
             */
             setBaseLine(i: number, line: string | string[]): void;
             /**
              * Clear a line from the box's content.
-            */ 
-            clearLine(i: number): void; 
+            */
+            clearLine(i: number): void;
             /**
              * Clear a line from the box's content from the visible top.
             */
-            clearBaseLine(i: number): void; 
+            clearBaseLine(i: number): void;
             /**
              * Insert a line at the top of the box.
             */
-            insertTop(lines: string | string[]): void; 
+            insertTop(lines: string | string[]): void;
             /**
              * Insert a line at the bottom of the box.
             */
             insertBottom(lines: string | string[]): void;
             /**
              * Delete a line at the top of the box.
-            */ 
-            deleteTop(): void; 
+            */
+            deleteTop(): void;
             /**
              * Delete a line at the bottom of the box.
             */
-            deleteBottom(): void; 
+            deleteBottom(): void;
             /**
              * Unshift a line onto the top of the content.
             */
             unshiftLine(lines: string | string[]): void;
             /**
              * Shift a line off the top of the content.
-            */ 
-            shiftLine(i: number): void; 
+            */
+            shiftLine(i: number): void;
             /**
              * Push a line onto the bottom of the content.
             */
             pushLine(lines: string | string[]): void;
             /**
              * Pop a line off the bottom of the content.
-            */ 
+            */
             popLine(i: number): string;
             /**
              * An array containing the content lines.
-            */ 
-            getLines(): string[]; 
+            */
+            getLines(): string[];
             /**
              * An array containing the lines as they are displayed on the screen.
             */
-            getScreenLines(): string[]; 
+            getScreenLines(): string[];
             /**
-             * Get a string's displayed width, taking into account double-width, surrogate pairs, 
+             * Get a string's displayed width, taking into account double-width, surrogate pairs,
              * combining characters, tags, and SGR escape codes.
             */
-            strWidth(text: string): string; 
+            strWidth(text: string): string;
 
             // ** events ** //
         }
-              
+
         export interface ScrollableBoxOptions extends ElementOptions {
             /**
              * A limit to the childBase. Default is Infinity.
             */
-            baseLimit?: number; 
+            baseLimit?: number;
             /**
-             * A option which causes the ignoring of childOffset. This in turn causes the 
+             * A option which causes the ignoring of childOffset. This in turn causes the
              * childBase to change every time the element is scrolled.
             */
-            alwaysScroll?: boolean; 
+            alwaysScroll?: boolean;
             /**
              * Object enabling a scrollbar.
              * Style of the scrollbar track if present (takes regular style options).
             */
             scrollbar?: { style?: any; track?: any; ch?: string; }
-        } 
+        }
 
         export interface ScrollableTextOptions extends ScrollableBoxOptions {
             /**
@@ -1507,18 +1507,18 @@ declare namespace Blessed {
             mouse?: boolean | (() => void);
             /**
              * Use pre-defined keys (i or enter for insert, e for editor, C-e for editor while inserting).
-            */ 
-            keys?: string | string[] | boolean; 
+            */
+            keys?: string | string[] | boolean;
             /**
              * Use vi keys with the keys option.
             */
             vi?: boolean;
         }
-        
+
         export interface BoxOptions extends ScrollableTextOptions {
             bindings?: any;
         }
-        
+
         /**
          * DEPRECATED - Use Box with the scrollable option instead. A box with scrollable content.
         */
@@ -1526,60 +1526,60 @@ declare namespace Blessed {
             /**
              * The offset of the top of the scroll content.
             */
-            childBase: number; 
+            childBase: number;
             /**
              * The offset of the chosen item/line.
             */
             childOffset: number;
-            
+
             /**
              * Scroll the content by a relative offset.
             */
-            scroll(offset: number, always?: boolean): void; 
+            scroll(offset: number, always?: boolean): void;
             /**
              * Scroll the content to an absolute index.
             */
-            scrollTo(index: number): void; 
+            scrollTo(index: number): void;
             /**
              * Same as scrollTo.
             */
-            setScroll(index: number): void; 
+            setScroll(index: number): void;
             /**
              * Set the current scroll index in percentage (0-100).
             */
             setScrollPerc(perc: number): void;
             /**
              * Get the current scroll index in lines.
-            */ 
-            getScroll(): void; 
+            */
+            getScroll(): number;
             /**
              * Get the actual height of the scrolling area.
             */
-            getScrollHeight(): void;
+            getScrollHeight(): number;
             /**
              * Get the current scroll index in percentage.
-            */ 
-            getScrollPerc(): void;
+            */
+            getScrollPerc(): number;
             /**
              * Reset the scroll index to its initial state.
-            */ 
-            resetScroll(): void; 
-            
+            */
+            resetScroll(): void;
+
             on(event: string, listener: Function): this;
             /**
              * Received when the element is scrolled.
             */
             on(event: "scroll", callback: () => void): this;
         }
-        
+
         /**
          * DEPRECATED - Use Box with the scrollable and alwaysScroll options instead.
-         * A scrollable text box which can display and scroll text, as well as handle 
+         * A scrollable text box which can display and scroll text, as well as handle
          * pre-existing newlines and escape codes.
         */
         export class ScrollableTextElement extends ScrollableBoxElement {
         }
-        
+
         /**
          * A box element which draws a simple box containing content or other elements.
         */
@@ -1594,7 +1594,7 @@ declare namespace Blessed {
 
         export interface TextOptions extends ElementOptions {
             /**
-             * Fill the entire line with chosen bg until parent bg ends, even if there 
+             * Fill the entire line with chosen bg until parent bg ends, even if there
              * is not enough text to fill the entire width.
             */
             fill?: boolean;
@@ -1609,13 +1609,13 @@ declare namespace Blessed {
         */
         export class TextElement extends BlessedElement implements IHasOptions<TextOptions> {
             constructor(opts: TextOptions);
-            
+
             /**
              * Original options object.
             */
             options: TextOptions;
         }
-        
+
         /**
          * A simple line which can be line or bg styled.
         */
@@ -1632,51 +1632,51 @@ declare namespace Blessed {
             fg?: string;
             ch?: string;
         }
-        
+
         /**
          * A simple line which can be line or bg styled.
         */
         export class LineElement extends BoxElement implements IHasOptions<LineOptions> {
             constructor(opts: LineOptions);
-            
+
             /**
              * Original options object.
             */
             options: LineOptions;
         }
-        
+
         export interface BigTextOptions extends BoxOptions {
             /**
              * bdf->json font file to use (see ttystudio for instructions on compiling BDFs to JSON).
             */
-            font?: string; 
+            font?: string;
             /**
              * bdf->json bold font file to use (see ttystudio for instructions on compiling BDFs to JSON).
             */
             fontBold?: string;
             /**
              * foreground character. (default: ' ')
-            */ 
+            */
             fch?: string;
         }
-        
+
         /**
          * A box which can render content drawn as 8x14 cell characters using the terminus font.
         */
         export class BigTextElement extends BoxElement implements IHasOptions<BigTextOptions> {
             constructor(opts: BigTextOptions);
-            
+
             /**
              * Original options object.
             */
             options: BigTextOptions;
         }
-        
+
         export interface ListElementStyle {
             selected?: any;
             item?: any;
         }
-        
+
         export interface ListOptions<TStyle extends ListElementStyle> extends BoxOptions {
             /**
              * Style for a selected item. Style for an unselected item.
@@ -1687,9 +1687,9 @@ declare namespace Blessed {
             */
             items?: string[];
             /**
-             * A function that is called when vi mode is enabled and the key / is pressed. This function accepts a 
-             * callback function which should be called with the search string. The search string is then used to 
-             * jump to an item that is found in items. 
+             * A function that is called when vi mode is enabled and the key / is pressed. This function accepts a
+             * callback function which should be called with the search string. The search string is then used to
+             * jump to an item that is found in items.
             */
             search?: () => void;
             /**
@@ -1701,10 +1701,10 @@ declare namespace Blessed {
             */
             invertSelected?: boolean;
         }
-        
+
         export class ListElement extends BoxElement implements IHasOptions<ListOptions<ListElementStyle>> {
             constructor(opts: ListOptions<ListElementStyle>);
-            
+
             /**
              * Original options object.
             */
@@ -1712,11 +1712,11 @@ declare namespace Blessed {
 
             /**
              * Add an item based on a string.
-            */            
+            */
             add(text: string): void;
             /**
              * Add an item based on a string.
-            */            
+            */
             addItem(text: string): void;
             /**
              * Removes an item from the list. Child can be an element, index, or string.
@@ -1724,75 +1724,75 @@ declare namespace Blessed {
             removeItem(child: BlessedElement): BlessedElement;
             /**
              * Push an item onto the list.
-             * */ 
+             * */
             pushItem(child: BlessedElement): number;
             /**
              * Pop an item off the list.
-             * */ 
-            popItem(): BlessedElement; 
+             * */
+            popItem(): BlessedElement;
             /**
              * Unshift an item onto the list.
             */
             unshiftItem(child: BlessedElement): number;
             /**
              * Shift an item off the list.
-             * */ 
-            shiftItem(): BlessedElement; 
+             * */
+            shiftItem(): BlessedElement;
             /**
              * Inserts an item to the list. Child can be an element, index, or string.
             */
-            insertItem(i: number, child: BlessedElement): void; 
+            insertItem(i: number, child: BlessedElement): void;
             /**
              * Returns the item element. Child can be an element, index, or string.
             */
-            getItem(child: BlessedElement): BlessedElement; 
+            getItem(child: BlessedElement): BlessedElement;
             /**
              * Set item to content.
             */
             setItem(child: BlessedElement, content: BlessedElement | string): void;
             /**
              * Remove and insert items to the list.
-             * */ 
+             * */
             spliceItem(i: number, n: number, ...items: BlessedElement[]): void;
             /**
              * Clears all items from the list.
-             * */ 
-            clearItems(): void; 
+             * */
+            clearItems(): void;
             /**
              * Sets the list items to multiple strings.
             */
-            setItems(items: BlessedElement[]): void; 
+            setItems(items: BlessedElement[]): void;
             /**
              * Returns the item index from the list. Child can be an element, index, or string.
             */
             getItemIndex(child: BlessedElement): number;
             /**
              * Select an index of an item.
-             * */ 
+             * */
             select(index: number): void;
             /**
              * Select item based on current offset.
-             * */ 
+             * */
             move(offset: number): void;
             /**
              * Select item above selected.
-             * */ 
-            up(amount: number): void; 
+             * */
+            up(amount: number): void;
             /**
              * Select item below selected.
             */
-            down(amount: number): void; 
+            down(amount: number): void;
             /**
              * Show/focus list and pick an item. The callback is executed with the result.
             */
-            pick(callback: () => void): void; 
+            pick(callback: () => void): void;
             /**
              * Find an item based on its text content.
             */
-            fuzzyFind(arg: string | RegExp | (() => void)): void; 
-            
+            fuzzyFind(arg: string | RegExp | (() => void)): void;
+
             // ** events ** //
-            
+
             on(event: string, listener: Function): this;
             /**
              * Received when an item is selected.
@@ -1806,7 +1806,7 @@ declare namespace Blessed {
              * Either a select or a cancel event was received.
             */
             on(event: "action", callback: () => void): this;
-            
+
             on(event: "create item", callback: () => void): this;
             on(event: "add item", callback: () => void): this;
             on(event: "remove item", callback: () => void): this;
@@ -1814,17 +1814,17 @@ declare namespace Blessed {
             on(event: "set items", callback: () => void): this;
             on(event: "select item", callback: (item: BlessedElement, index: number) => void): this;
         }
-        
+
         export interface FileManagerOptions extends ListOptions<ListElementStyle> {
             /**
              * Current working directory.
             */
             cwd?: string;
         }
-        
+
         export class FileManagerElement extends ListElement implements IHasOptions<FileManagerOptions> {
             constructor(opts: FileManagerOptions);
-            
+
             /**
              * Original options object.
             */
@@ -1833,7 +1833,7 @@ declare namespace Blessed {
              * Current working directory.
             */
             cwd: string;
-            
+
             /**
              * Refresh the file list (perform a readdir on cwd and update the list items).
             */
@@ -1851,9 +1851,9 @@ declare namespace Blessed {
             reset(cwd:string, callback: () => void): void;
             reset(callback: () => void): void;
             reset(): void;
-            
+
             // ** events ** //
-            
+
             on(event: string, listener: Function): this;
             /**
              * Received when an item is selected.
@@ -1863,11 +1863,11 @@ declare namespace Blessed {
              * Received when an item is selected.
             */
             on(event: "file", callback: (file: string) => void): this;
-            
+
             on(event: "error", callback: (err: any, file: string) => void): this;
             on(event: "refresh", callback: () => void): this;
         }
-        
+
         export interface StyleListTable extends ListElementStyle {
             /**
              * Header style.
@@ -1878,7 +1878,7 @@ declare namespace Blessed {
             */
             cell?: any;
         }
-        
+
         export interface ListTableOptions extends ListOptions<StyleListTable> {
             /**
              * Array of array of strings representing rows.
@@ -1886,7 +1886,7 @@ declare namespace Blessed {
             rows?: string[];
             data?: string[][];
             /**
-             * Spaces to attempt to pad on the sides of each cell. 2 by default: one space on each side 
+             * Spaces to attempt to pad on the sides of each cell. 2 by default: one space on each side
              * (only useful if the width is shrunken).
             */
             pad?: number;
@@ -1894,22 +1894,22 @@ declare namespace Blessed {
              * Do not draw inner cells.
             */
             noCellBorders?: boolean;
-            
+
             style?: StyleListTable;
         }
-        
+
         export class ListTableElement extends ListElement implements IHasOptions<ListTableOptions> {
             constructor(opts: ListTableOptions);
-            
+
             /**
              * Original options object.
             */
             options: ListTableOptions;
-            
+
             /**
              * Set rows in table. Array of arrays of strings.
              * @example:
-             * 
+             *
              * table.setData([
                     [ 'Animals',  'Foods'  ],
                     [ 'Elephant', 'Apple'  ],
@@ -1920,7 +1920,7 @@ declare namespace Blessed {
             /**
              * Set rows in table. Array of arrays of strings.
              * @example:
-             * 
+             *
              * table.setData([
                     [ 'Animals',  'Foods'  ],
                     [ 'Elephant', 'Apple'  ],
@@ -1929,11 +1929,11 @@ declare namespace Blessed {
             */
             setData(rows: string[][]): void;
         }
-        
+
         export interface ListbarOptions extends BoxOptions {
             style?: ListElementStyle;
             /**
-             * Set buttons using an object with keys as titles of buttons, containing of objects 
+             * Set buttons using an object with keys as titles of buttons, containing of objects
              * containing keys of keys and callback.
             */
             commands: Types.ListbarCommand[];
@@ -1943,15 +1943,15 @@ declare namespace Blessed {
             */
             autoCommandKeys: boolean;
         }
-        
+
         export class ListbarElement extends BoxElement implements IHasOptions<ListbarOptions> {
             constructor(opts: ListbarOptions);
-            
+
             /**
              * Original options object.
             */
             options: ListbarOptions;
-            
+
             /**
              * Set commands (see commands option above).
             */
@@ -1990,18 +1990,18 @@ declare namespace Blessed {
             moveRight(offset: number): void;
             /**
              * Select button and execute its callback.
-            */ 
+            */
             selectTab(index: number): void;
-            
+
             // ** events ** //
-            
+
             on(event: string, listener: Function): this;
 
             on(event: "set items", callback: () => void): this;
             on(event: "remove item", callback: () => void): this;
             on(event: "select tab", callback: () => void): this;
         }
-        
+
         export interface FormOptions extends BoxOptions {
             /**
              * Allow default keys (tab, vi keys, enter).
@@ -2015,7 +2015,7 @@ declare namespace Blessed {
 
         export class FormElement<TFormData> extends BoxElement implements IHasOptions<FormOptions> {
             constructor(opts: FormOptions);
-            
+
             /**
              * Original options object.
             */
@@ -2024,7 +2024,7 @@ declare namespace Blessed {
              * Last submitted data.
             */
             submission: TFormData;
-            
+
             /**
              * Focus next form element.
             */
@@ -2045,9 +2045,9 @@ declare namespace Blessed {
              * Clear the form.
             */
             reset(): void;
-            
+
             // ** events ** //
-            
+
             on(event: string, listener: Function): this;
             /**
              * Form is submitted. Receives a data object.
@@ -2062,7 +2062,7 @@ declare namespace Blessed {
             */
             on(event: "reset", callback: () => void): this;
         }
-        
+
         export interface InputOptions extends BoxOptions { }
 
         export abstract class InputElement extends BoxElement {
@@ -2078,20 +2078,20 @@ declare namespace Blessed {
             */
             inputOnFocus?: boolean;
         }
-        
+
         export class TextareaElement extends InputElement implements IHasOptions<TextareaOptions> {
             constructor(opts: TextareaOptions);
-            
+
             /**
              * Original options object.
             */
             options: TextareaOptions;
-            
+
             /**
              * The input text. read-only.
             */
             value: string;
-            
+
             /**
              * Submit the textarea (emits submit).
             */
@@ -2101,32 +2101,32 @@ declare namespace Blessed {
             */
             cancel(): void;
             /**
-             * Grab key events and start reading text from the keyboard. Takes a callback which receives 
+             * Grab key events and start reading text from the keyboard. Takes a callback which receives
              * the final value.
             */
             readInput(callback?: (err: any, value?: string) => void): void;
             /**
-             * Grab key events and start reading text from the keyboard. Takes a callback which receives 
+             * Grab key events and start reading text from the keyboard. Takes a callback which receives
              * the final value.
             */
             input(callback: (err: any, value?: string) => void): void;
             /**
-             * Grab key events and start reading text from the keyboard. Takes a callback which receives 
+             * Grab key events and start reading text from the keyboard. Takes a callback which receives
              * the final value.
             */
             setInput(callback: (err: any, value?: string) => void): void;
             /**
-             * Open text editor in $EDITOR, read the output from the resulting file. Takes a callback which 
+             * Open text editor in $EDITOR, read the output from the resulting file. Takes a callback which
              * receives the final value.
             */
             readEditor(callback: (err: any, value?: string) => void): void;
             /**
-             * Open text editor in $EDITOR, read the output from the resulting file. Takes a callback which 
+             * Open text editor in $EDITOR, read the output from the resulting file. Takes a callback which
              * receives the final value.
             */
             editor(callback: (err: any, value?: string) => void): void;
             /**
-             * Open text editor in $EDITOR, read the output from the resulting file. Takes a callback which 
+             * Open text editor in $EDITOR, read the output from the resulting file. Takes a callback which
              * receives the final value.
             */
             setEditor(callback: (err: any, value?: string) => void): void;
@@ -2142,9 +2142,9 @@ declare namespace Blessed {
              * Set value.
             */
             setValue(text: string): void;
-            
+
             // ** events ** //
-            
+
             on(event: string, listener: Function): this;
 
             on(event: "error", callback: (err: any) => void): this;
@@ -2162,7 +2162,7 @@ declare namespace Blessed {
             */
             on(event: "action", callback: (value: any) => void): this;
         }
-        
+
         export interface TextboxOptions extends TextareaOptions {
             /**
              * Completely hide text.
@@ -2173,10 +2173,10 @@ declare namespace Blessed {
             */
             censor?: boolean;
         }
-        
+
         export class TextboxElement extends TextareaElement implements IHasOptions<TextboxOptions> {
             constructor(opts: TextboxOptions);
-            
+
             /**
              * Original options object.
             */
@@ -2189,14 +2189,14 @@ declare namespace Blessed {
             /**
              * Replace text with asterisks (*).
             */
-            censor: boolean;            
+            censor: boolean;
         }
-        
+
         export interface ButtonOptions extends BoxOptions { }
 
         export class ButtonElement extends InputElement implements IHasOptions<ButtonOptions> {
             constructor(opts: ButtonOptions);
-            
+
             /**
              * Original options object.
             */
@@ -2206,25 +2206,25 @@ declare namespace Blessed {
              * Press button. Emits press.
             */
             press(): void;
-            
+
             on(event: string, listener: Function): this;
 
             on(event: "press", callback: () => void): this;
         }
-        
+
         export interface CheckboxOptions extends BoxOptions {
-            /** 
-             * whether the element is checked or not. 
+            /**
+             * whether the element is checked or not.
              * */
             checked?: boolean;
-            /** 
-             * enable mouse support. 
+            /**
+             * enable mouse support.
              * */
             mouse?: boolean;
         }
-        
-        /** 
-         * A checkbox which can be used in a form element. 
+
+        /**
+         * A checkbox which can be used in a form element.
          * */
         export class CheckboxElement extends InputElement implements IHasOptions<CheckboxOptions> {
             constructor(options?: CheckboxOptions);
@@ -2234,39 +2234,39 @@ declare namespace Blessed {
             */
             options: CheckboxOptions;
 
-            /** 
-             * the text next to the checkbox (do not use setcontent, use `check.text = ''`). 
+            /**
+             * the text next to the checkbox (do not use setcontent, use `check.text = ''`).
              * */
             text: string;
-            /** 
-             * whether the element is checked or not. 
+            /**
+             * whether the element is checked or not.
              * */
             checked: boolean;
-            /** 
-             * same as `checked`. 
+            /**
+             * same as `checked`.
              * */
             value: boolean;
 
-            /** 
-             * check the element. 
+            /**
+             * check the element.
              * */
             check(): void;
-            /** 
-             * uncheck the element. 
+            /**
+             * uncheck the element.
              * */
             uncheck(): void;
-            /** 
-             * toggle checked state. 
+            /**
+             * toggle checked state.
              * */
             toggle(): void;
-        }        
+        }
 
         export interface RadioSetOptions extends BoxOptions { }
 
         /**
-         * An element wrapping RadioButtons. RadioButtons within this element will be mutually exclusive 
+         * An element wrapping RadioButtons. RadioButtons within this element will be mutually exclusive
          * with each other.
-         * */        
+         * */
         export abstract class RadioSetElement extends BoxElement {
             constructor(opts: RadioSetOptions);
         }
@@ -2279,7 +2279,7 @@ declare namespace Blessed {
         export abstract class RadioButtonElement extends CheckboxElement {
             constructor(opts: RadioButtonOptions);
         }
-        
+
         export interface PromptOptions extends BoxOptions { }
 
         /**
@@ -2297,7 +2297,7 @@ declare namespace Blessed {
             setInput(text: string, value: string, callback: (err: any, value: string) => void): void;
             readInput(text: string, value: string, callback: (err: any, value: string) => void): void;
         }
-        
+
         export interface QuestionOptions extends BoxOptions { }
 
         /**
@@ -2307,13 +2307,13 @@ declare namespace Blessed {
             constructor(opts: QuestionOptions);
 
             options: QuestionOptions;
-            
+
             /**
              * Ask a question. callback will yield the result.
             */
             ask(question: string, callback: (err: any, value: string) => void): void;
         }
-        
+
         export interface MessageOptions extends BoxOptions { }
 
         /**
@@ -2331,14 +2331,14 @@ declare namespace Blessed {
             log(text: string, callback: (err: any) => void): void;
             display(text: string, time: number, callback: (err: any) => void): void;
             display(text: string, callback: (err: any) => void): void;
-            
+
             /**
              * Display an error in the same way.
             */
             error(text: string, time: number, callback: () => void): void;
             error(text: string, callback: () => void): void;
         }
-        
+
         export interface LoadingOptions extends BoxOptions { }
 
         /**
@@ -2360,32 +2360,32 @@ declare namespace Blessed {
         }
 
         export interface ProgressBarOptions extends BoxOptions {
-            /** 
-             * can be `horizontal` or `vertical`. 
+            /**
+             * can be `horizontal` or `vertical`.
              * */
             orientation: string;
-            /** 
-             * the character to fill the bar with (default is space). 
+            /**
+             * the character to fill the bar with (default is space).
              * */
             pch: string;
-            /** 
-             * the amount filled (0 - 100). 
+            /**
+             * the amount filled (0 - 100).
              * */
             filled: number;
-            /** 
-             * same as `filled`. 
+            /**
+             * same as `filled`.
              * */
             value: number;
-            /** 
-             * enable key support. 
+            /**
+             * enable key support.
              * */
             keys: boolean;
-            /** 
-             * enable mouse support. 
+            /**
+             * enable mouse support.
              * */
             mouse: boolean;
         }
-        
+
         /**
          * A progress bar allowing various styles. This can also be used as a form input.
         */
@@ -2394,19 +2394,19 @@ declare namespace Blessed {
 
             options: ProgressBarOptions;
 
-            /** 
-             * progress the bar by a fill amount. 
+            /**
+             * progress the bar by a fill amount.
              * */
             progress(amount:number): void;
-            /** 
-             * set progress to specific amount. 
+            /**
+             * set progress to specific amount.
              * */
             setProgress(amount:number): void;
-            /** 
-             * reset the bar. 
+            /**
+             * reset the bar.
              * */
             reset(): void;
-            
+
             on(event: string, listener: Function): this;
             /**
              * Bar was reset.
@@ -2419,104 +2419,104 @@ declare namespace Blessed {
         }
 
         export interface LogOptions extends ScrollableTextOptions {
-            /** 
-             * amount of scrollback allowed. default: Infinity. 
+            /**
+             * amount of scrollback allowed. default: Infinity.
              * */
             scrollback?: number;
-            /** 
-             * scroll to bottom on input even if the user has scrolled up. default: false. 
+            /**
+             * scroll to bottom on input even if the user has scrolled up. default: false.
              * */
             scrollOnInput?: boolean;
         }
-                
-        /** 
-         * A log permanently scrolled to the bottom. 
+
+        /**
+         * A log permanently scrolled to the bottom.
          * */
         export class Log extends ScrollableTextElement implements IHasOptions<LogOptions> {
             constructor(options?: LogOptions);
 
             options: LogOptions;
 
-            /** 
-             * amount of scrollback allowed. default: Infinity. 
+            /**
+             * amount of scrollback allowed. default: Infinity.
              * */
             scrollback: number;
-            /** 
-             * scroll to bottom on input even if the user has scrolled up. default: false. 
+            /**
+             * scroll to bottom on input even if the user has scrolled up. default: false.
              * */
             scrollOnInput: boolean;
 
-            /** 
-             * add a log line. 
+            /**
+             * add a log line.
              * */
             log(text:string): void;
-            /** 
-             * add a log line. 
+            /**
+             * add a log line.
              * */
             add(text:string): void;
         }
 
         export interface TableOptions extends BoxOptions {
-            /** 
-             * array of array of strings representing rows (same as `data`). 
+            /**
+             * array of array of strings representing rows (same as `data`).
              * */
             rows?: string[][];
-            /** 
-             * array of array of strings representing rows (same as `rows`). 
+            /**
+             * array of array of strings representing rows (same as `rows`).
              * */
             data?: string[][];
-            /** 
-             * spaces to attempt to pad on the sides of each cell. `2` by default: one space on each side (only useful if the width is shrunken). 
+            /**
+             * spaces to attempt to pad on the sides of each cell. `2` by default: one space on each side (only useful if the width is shrunken).
              * */
             pad?: number;
-            /** 
-             * do not draw inner cells. 
+            /**
+             * do not draw inner cells.
              * */
             noCellBorders?: boolean;
-            /** 
-             * fill cell borders with the adjacent background color. 
+            /**
+             * fill cell borders with the adjacent background color.
              * */
             fillCellBorders?: boolean;
         }
 
-        /** 
-         * A stylized table of text elements. 
-         * */ 
+        /**
+         * A stylized table of text elements.
+         * */
         export class TableElement extends BoxElement implements IHasOptions<TableOptions> {
             constructor(opts: TableOptions);
 
             options: TableOptions;
 
-            /** 
-             * set rows in table. array of arrays of strings. 
+            /**
+             * set rows in table. array of arrays of strings.
              * */
             setData(rows: string[][]): void;
-            /** 
-             * set rows in table. array of arrays of strings. 
+            /**
+             * set rows in table. array of arrays of strings.
              * */
             setRows(rows: string[][]): void;
         }
 
         export interface TerminalOptions extends BoxOptions {
-            /** 
-             * handler for input data. 
+            /**
+             * handler for input data.
              * */
             handler?: (userInput:Buffer) => void;
-            /** 
-             * name of shell. $SHELL by default. 
+            /**
+             * name of shell. $SHELL by default.
              * */
             shell?:string;
-            /** 
-             * args for shell. 
+            /**
+             * args for shell.
              * */
             args?:any;
-            /** 
-             * can be line, underline, and block. 
+            /**
+             * can be line, underline, and block.
              * */
             cursor?: 'line'|'underline'|'block';
-            
+
             terminal?: string;
-            
+
             /**
              * Object for process env.
             */
@@ -2528,39 +2528,39 @@ declare namespace Blessed {
 
             options: TerminalOptions;
 
-            /** 
+            /**
              * reference to the headless term.js terminal.
              * */
             term: any;
-            /** 
-             * reference to the pty.js pseudo terminal. 
+            /**
+             * reference to the pty.js pseudo terminal.
              * */
             pty: any;
 
-            /** 
-             * write data to the terminal. 
+            /**
+             * write data to the terminal.
              * */
             write(data:string): void;
 
-            /** 
-             * nearly identical to `element.screenshot`, however, the specified region includes the terminal's _entire_ scrollback, rather than just what is visible on the screen. 
+            /**
+             * nearly identical to `element.screenshot`, however, the specified region includes the terminal's _entire_ scrollback, rather than just what is visible on the screen.
              * */
             screenshot(xi?:number, xl?:number, yi?:number, yl?:number): string;
         }
 
         export interface ImageOptions extends BoxOptions {
-            /** 
-             * path to image. 
+            /**
+             * path to image.
              * */
             file: string;
-            /** 
-             * path to w3mimgdisplay. if a proper w3mimgdisplay path is not given, blessed will search the entire disk for the binary. 
+            /**
+             * path to w3mimgdisplay. if a proper w3mimgdisplay path is not given, blessed will search the entire disk for the binary.
              * */
             type: "ansi" | "overlay" | "w3m";
         }
-        
-        /** 
-         * Display an image in the terminal (jpeg, png, gif) using w3mimgdisplay. Requires w3m to be installed. X11 required: works in xterm, urxvt, and possibly other terminals. 
+
+        /**
+         * Display an image in the terminal (jpeg, png, gif) using w3mimgdisplay. Requires w3m to be installed. X11 required: works in xterm, urxvt, and possibly other terminals.
          * */
         export class ImageElement extends BoxElement implements IHasOptions<ImageOptions> {
             constructor(options?: ImageOptions);
@@ -2569,44 +2569,44 @@ declare namespace Blessed {
         }
 
         export interface ANSIImageOptions extends BoxOptions {
-            /** 
-             * URL or path to PNG/GIF file. Can also be a buffer. 
+            /**
+             * URL or path to PNG/GIF file. Can also be a buffer.
              * */
             file: string;
-            /** 
-             * Scale cellmap down (0-1.0) from its original pixel width/height (Default: 1.0). 
+            /**
+             * Scale cellmap down (0-1.0) from its original pixel width/height (Default: 1.0).
              * */
             scale: number;
 
             /**
              * This differs from other element's width or height in that only one of them is needed: blessed will maintain the aspect ratio of the image as it scales down to the proper number of cells. NOTE: PNG/GIF's are always automatically shrunken to size (based on scale) if a width or height is not given.
-             * */            
+             * */
             width: number | string;
             height: number | string;
-            
+
             /**
              * Add various "density" ASCII characters over the rendering to give the image more detail, similar to libcaca/libcucul (the library mplayer uses to display videos in the terminal).
             */
             ascii: string;
-            
+
             /**
              * Whether to animate if the image is an APNG/animating GIF. If false, only display the first frame or IDAT (Default: true).
             */
             animate: boolean;
-            
+
             /**
              * Set the speed of animation. Slower: 0.0-1.0. Faster: 1-1000. It cannot go faster than 1 frame per millisecond, so 1000 is the fastest. (Default: 1.0)
             */
-            speed: number; 
-            
+            speed: number;
+
             /**
              * mem or cpu. If optimizing for memory, animation frames will be rendered to bitmaps as the animation plays, using less memory. Optimizing for cpu will precompile all bitmaps beforehand, which may be faster, but might also OOM the process on large images. (Default: mem).
             */
             optimization: "mem" | "cpu";
         }
-        
-        /** 
-         * Convert any .png file (or .gif, see below) to an ANSI image and display it as an element. 
+
+        /**
+         * Convert any .png file (or .gif, see below) to an ANSI image and display it as an element.
          * */
         export class ANSIImageElement extends BoxElement implements IHasOptions<ANSIImageOptions> {
             constructor(options?:ANSIImageOptions);
@@ -2618,18 +2618,18 @@ declare namespace Blessed {
             */
             img: Types.TImage;
 
-            /** 
-             * set the image in the box to a new path. 
+            /**
+             * set the image in the box to a new path.
              * */
             setImage(img: string, callback: () => void): void;
-            /** 
-             * clear the current image. 
+            /**
+             * clear the current image.
              * */
             clearImage(callback: () => void): void;
             /**
              * Play animation if it has been paused or stopped.
             */
-            play(): void; 
+            play(): void;
             /**
              * Pause animation.
             */
@@ -2644,7 +2644,7 @@ declare namespace Blessed {
             /**
              * Path to image.
             */
-            file: string; 
+            file: string;
             /**
              * Render the file as ANSI art instead of using w3m to overlay Internally uses the ANSIImage element. See the ANSIImage element for more information/options. (Default: true).
             */
@@ -2652,39 +2652,39 @@ declare namespace Blessed {
             /**
              * Path to w3mimgdisplay. If a proper w3mimgdisplay path is not given, blessed will search the entire disk for the binary.
             */
-            w3m: string; 
+            w3m: string;
             /**
              * Whether to search /usr, /bin, and /lib for w3mimgdisplay (Default: true).
             */
             search: string;
         }
 
-        /** 
-         * Convert any .png file (or .gif, see below) to an ANSI image and display it as an element. 
+        /**
+         * Convert any .png file (or .gif, see below) to an ANSI image and display it as an element.
          * */
         export class OverlayImageElement extends BoxElement implements IHasOptions<OverlayImageOptions> {
             constructor(options?: OverlayImageOptions);
-            
+
             options: OverlayImageOptions;
 
-            /** 
-             * set the image in the box to a new path. 
+            /**
+             * set the image in the box to a new path.
              * */
             setImage(img: string, callback: () => void): void;
-            /** 
-             * clear the current image. 
+            /**
+             * clear the current image.
              * */
             clearImage(callback: () => void): void;
-            /** 
-             * get the size of an image file in pixels. 
+            /**
+             * get the size of an image file in pixels.
              * */
             imageSize(img:string, callback: () => void): void;
-            /** 
-             * get the size of the terminal in pixels. 
+            /**
+             * get the size of the terminal in pixels.
              * */
             termSize(callback: () => void): void;
-            /** 
-             * get the pixel to cell ratio for the terminal. 
+            /**
+             * get the pixel to cell ratio for the terminal.
              * */
             getPixelRatio(callback: () => void): void;
         }
@@ -2697,30 +2697,30 @@ declare namespace Blessed {
             /**
              * Start time in seconds.
             */
-            start: number; 
+            start: number;
         }
-        
+
         export class VideoElement extends BoxElement implements IHasOptions<VideoOptions> {
             constructor(options?: VideoOptions);
 
             options: VideoOptions;
-            
+
             /**
              * The terminal element running mplayer or mpv.
             */
             tty: any;
         }
-        
+
         export interface LayoutOptions extends ElementOptions {
             /**
-             * A callback which is called right before the children are iterated over to be rendered. Should return an 
+             * A callback which is called right before the children are iterated over to be rendered. Should return an
              * iterator callback which is called on each child element: iterator(el, i).
             */
             renderer?: () => void;
 
             /**
-             * Using the default renderer, it provides two layouts: inline, and grid. inline is the default and will render 
-             * akin to inline-block. grid will create an automatic grid based on element dimensions. The grid cells' 
+             * Using the default renderer, it provides two layouts: inline, and grid. inline is the default and will render
+             * akin to inline-block. grid will create an automatic grid based on element dimensions. The grid cells'
              * width and height are always determined by the largest children in the layout.
             */
             layout: "inline" | "inline-block" | "grid";
@@ -2732,25 +2732,25 @@ declare namespace Blessed {
             options: LayoutOptions;
 
             /**
-             * A callback which is called right before the children are iterated over to be rendered. Should return an 
+             * A callback which is called right before the children are iterated over to be rendered. Should return an
              * iterator callback which is called on each child element: iterator(el, i).
             */
             renderer(coords: PositionCoords): void;
             /**
-             * Check to see if a previous child element has been rendered and is visible on screen. This is only useful 
+             * Check to see if a previous child element has been rendered and is visible on screen. This is only useful
              * for checking child elements that have already been attempted to be rendered! see the example below.
             */
             isRendered(el: BlessedElement): boolean;
             /**
-             * Get the last rendered and visible child element based on an index. This is useful for basing the position 
+             * Get the last rendered and visible child element based on an index. This is useful for basing the position
              * of the current child element on the position of the last child element.
             */
             getLast(i: number): Element;
             /**
-             * Get the last rendered and visible child element coords based on an index. This is useful for basing the position 
+             * Get the last rendered and visible child element coords based on an index. This is useful for basing the position
              * of the current child element on the position of the last child element. See the example below.
             */
-            getLastCoords(i: number): PositionCoords; 
+            getLastCoords(i: number): PositionCoords;
         }
 
         export class Program {
@@ -2816,21 +2816,21 @@ declare namespace Blessed {
     export function radiobutton(options?: Widgets.RadioButtonOptions): Widgets.RadioButtonElement;
 
     export function table(options?: Widgets.TableOptions): Widgets.TableElement;
-    
+
     export function prompt(options?: Widgets.PromptOptions): Widgets.PromptElement;
     export function question(options?: Widgets.QuestionOptions): Widgets.QuestionElement;
     export function message(options?: Widgets.MessageOptions): Widgets.MessageElement;
     export function loading(options?: Widgets.LoadingOptions): Widgets.LoadingElement;
-    
+
     export function progressbar(options?: Widgets.ProgressBarOptions): Widgets.ProgressBarElement;
     export function terminal(options?: Widgets.TerminalOptions): Widgets.TerminalElement;
 
     export function layout(options?: Widgets.LayoutOptions): Widgets.LayoutElement;
-    
+
     export function escape(item: any): any;
     export const colors: {
         match: (hexColor: string) => string
     }
 }
 
-export = Blessed;
\ No newline at end of file
+export = Blessed;

From d2f5ddec1e515b2624d8efb47ffb5afaa4432853 Mon Sep 17 00:00:00 2001
From: Dan Corder <DanCorder@users.noreply.github.com>
Date: Tue, 25 Apr 2017 23:50:17 +0100
Subject: [PATCH 024/321] Add missing props parameter to onSubmitFail and
 onSubmitSuccess in redux-form (#16108)

* Add missing props parameter to onSubmitFail and onSubmitSuccess

* Update comments
---
 types/redux-form/lib/reduxForm.d.ts | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/types/redux-form/lib/reduxForm.d.ts b/types/redux-form/lib/reduxForm.d.ts
index 0912233154..61fb88ac23 100644
--- a/types/redux-form/lib/reduxForm.d.ts
+++ b/types/redux-form/lib/reduxForm.d.ts
@@ -119,13 +119,18 @@ export interface Config<FormData extends DataShape, P, S> {
      * @param dispatch    The Redux `dispatch` function.
      * @param submitError The error object that caused the submission to fail. If `errors` is set this will be most
      *                    likely a `SubmissionError`, otherwise it can be any error or null.
+     * @param props       The props passed into your decorated component.
      */
-    onSubmitFail?(errors: FormErrors<FormData>, dispatch: Dispatch<S>, submitError: any): void;
+    onSubmitFail?(errors: FormErrors<FormData>, dispatch: Dispatch<S>, submitError: any, props: P): void;
 
     /**
      * A callback function that will be called when a submission succeeds.
+     *
+     * @param result      Any result that onSubmit has returned
+     * @param dispatch    The Redux dispatch function
+     * @param props       The props passed into your decorated component
      */
-    onSubmitSuccess?(result: any, dispatch: Dispatch<S>): void;
+    onSubmitSuccess?(result: any, dispatch: Dispatch<S>, props: P): void;
 
     /**
      * If specified, all the props normally passed into your decorated

From fb21b2cc53eac8a899787b29e0a2748d68bd00c2 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Aur=C3=A9lien=20Allienne?= <aurelien.allienne@gmail.com>
Date: Wed, 26 Apr 2017 00:58:48 +0200
Subject: [PATCH 025/321] Button have a className property (#16098)

According to material-ui documentation, buttons have className property
For example : http://www.material-ui.com/#/components/flat-button
---
 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 b6919280d3..24ce477dbe 100644
--- a/types/material-ui/index.d.ts
+++ b/types/material-ui/index.d.ts
@@ -627,6 +627,7 @@ declare namespace __MaterialUI {
     // non generally overridden elements of EnhancedButton
     interface SharedEnhancedButtonProps<T> {
         centerRipple?: boolean;
+        className?: string;
         disableFocusRipple?: boolean;
         disableKeyboardFocus?: boolean;
         disableTouchRipple?: boolean;

From 2eae6bc17304c37d3ef0f5a2efb678a61bf7db28 Mon Sep 17 00:00:00 2001
From: Ivan Nikolaev <voidexp@gmail.com>
Date: Wed, 26 Apr 2017 17:03:17 +0200
Subject: [PATCH 026/321] Fix Triangle.closestPointToPoint() prototype (#16141)

---
 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 56e9dc3aba..8f3cc5ce7f 100644
--- a/types/three/three-core.d.ts
+++ b/types/three/three-core.d.ts
@@ -3922,7 +3922,7 @@ export class Triangle {
     plane(optionalTarget?: Vector3): Plane;
     barycoordFromPoint(point: Vector3, optionalTarget?: Vector3): Vector3;
     containsPoint(point: Vector3): boolean;
-    closestPointToPoint(): Vector3;
+    closestPointToPoint(point: Vector3, optionalTarget?: Vector3): Vector3;
     equals(triangle: Triangle): boolean;
 
     static normal(a: Vector3, b: Vector3, c: Vector3, optionalTarget?: Vector3): Vector3;

From bf2a72285c0d2e24b45e11bd1412b031e573b158 Mon Sep 17 00:00:00 2001
From: Diogo Franco <diogomfranco@gmail.com>
Date: Thu, 27 Apr 2017 00:05:55 +0900
Subject: [PATCH 027/321] Add type definitions for react-loadable (#16118)

* Add definitions for react-loadable

* Add react-loadable/babel

* Add explicit export
---
 types/react-loadable/babel.d.ts               |   3 +
 types/react-loadable/index.d.ts               | 117 ++++++++++++++++++
 types/react-loadable/react-loadable-tests.tsx |  51 ++++++++
 types/react-loadable/tsconfig.json            |  24 ++++
 types/react-loadable/tslint.json              |   1 +
 5 files changed, 196 insertions(+)
 create mode 100644 types/react-loadable/babel.d.ts
 create mode 100644 types/react-loadable/index.d.ts
 create mode 100644 types/react-loadable/react-loadable-tests.tsx
 create mode 100644 types/react-loadable/tsconfig.json
 create mode 100644 types/react-loadable/tslint.json

diff --git a/types/react-loadable/babel.d.ts b/types/react-loadable/babel.d.ts
new file mode 100644
index 0000000000..a9f18c2e00
--- /dev/null
+++ b/types/react-loadable/babel.d.ts
@@ -0,0 +1,3 @@
+import * as babel from 'babel-core';
+
+export default function(context: Pick<typeof babel, 'types'|'template'>): { visitor: any };
diff --git a/types/react-loadable/index.d.ts b/types/react-loadable/index.d.ts
new file mode 100644
index 0000000000..bbe7d1aac4
--- /dev/null
+++ b/types/react-loadable/index.d.ts
@@ -0,0 +1,117 @@
+// Type definitions for react-loadable 3.3
+// Project: https://github.com/thejameskyle/react-loadable#readme
+// Definitions by: Diogo Franco <https://github.com/Kovensky>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+// TypeScript Version: 2.2
+
+import * as React from 'react';
+
+export type LoadedComponent<Props> = React.ComponentClass<Props> | React.SFC<Props>;
+
+export interface LoadingComponentProps {
+    isLoading: boolean;
+    pastDelay: boolean;
+    error: any;
+}
+
+export type Options<Props, T extends object> = OptionsWithoutResolve<Props> | OptionsWithResolve<Props, T>;
+
+export interface CommonOptions {
+    /**
+     * React component displayed after delay until loader() succeeds. Also responsible for displaying errors.
+     *
+     * If you don't want to render anything you can pass a function that returns null
+     * (this is considered a valid React component).
+     */
+    // NOTE: () => null is only needed until React.SFC supports components returning null
+    LoadingComponent: React.ComponentClass<LoadingComponentProps> | React.SFC<LoadingComponentProps> | (() => null);
+    /**
+     * Defaults to 200, in milliseconds
+     *
+     * Only show the LoadingComponent if the loader() has taken this long to succeed or error.
+     */
+    delay?: number;
+    /**
+     * When rendering server-side, require() this path to load the component instead, this way it happens
+     * synchronously. If you are rendering server-side you should use this option.
+     *
+     * If you are using Babel, you might want to use the Babel plugin to add this option automatically.
+     */
+    serverSideRequirePath?: string;
+    /**
+     * In order for Loadable to require() a component synchronously (when possible) instead of waiting for
+     * the promise returned by import() to resolve. If you are using Webpack you should use this option.
+     *
+     * ```ts
+     * Loadable({
+     *     // ...
+     *     webpackRequireWeakId: () => require.resolveWeak('./MyComponent')
+     * });
+     * ```
+     *
+     * If you are using Babel, you might want to use the Babel plugin to add this option automatically.
+     */
+    webpackRequireWeakId?(): number|string;
+}
+
+export interface OptionsWithoutResolve<Props> extends CommonOptions {
+    /**
+     * Function returning promise returning a React component displayed on success.
+     *
+     * Resulting React component receives all the props passed to the generated component.
+     */
+    loader(): Promise<LoadedComponent<Props> | { default: LoadedComponent<Props> }>;
+}
+
+export interface OptionsWithResolve<Props, T extends object> extends CommonOptions {
+    /**
+     * Function returning promise returning a React component displayed on success.
+     *
+     * Resulting React component receives all the props passed to the generated component.
+     */
+    loader(): Promise<T>;
+    /**
+     * If the component that you want to load is not the default exported from a module you can use this
+     * function to resolve it.
+     *
+     * ```ts
+     * Loadable({
+     *     // ...
+     *     resolveModule: module => module.MyComponent
+     * });
+     * ```
+     */
+    resolveModule(obj: T): LoadedComponent<Props>;
+}
+
+export interface LoadableComponent {
+    /**
+     * The generated component has a static method preload() for calling the loader function ahead of time.
+     * This is useful for scenarios where you think the user might do something next and want to load the
+     * next component eagerly.
+     *
+     * Note: preload() intentionally does not return a promise. You should not be depending on the timing of
+     * preload(). It's meant as a performance optimization, not for creating UI logic.
+     */
+    preload(): void;
+}
+
+export default function Loadable<Props, T extends object>(options: Options<Props, T>): LoadedComponent<Props> & LoadableComponent;
+
+/**
+ * In case you are rendering server-side and want to find out after a render cycle which
+ * serverSideRequirePath's and webpackRequireWeakId's were actually rendered, you can use
+ * flushServerSideRequirePaths or flushWebpackRequireWeakIds to get an array of them.
+ *
+ * Note: These are flushed individually, one does not affect the other.
+ */
+export function flushServerSideRequirePaths(): string[];
+
+/**
+ * In case you are rendering server-side and want to find out after a render cycle which
+ * serverSideRequirePath's and webpackRequireWeakId's were actually rendered, you can use
+ * flushServerSideRequirePaths or flushWebpackRequireWeakIds to get an array of them.
+ *
+ * Note: These are flushed individually, one does not affect the other.
+ */
+export function flushWebpackRequireWeakIds(): string[]|number[];
diff --git a/types/react-loadable/react-loadable-tests.tsx b/types/react-loadable/react-loadable-tests.tsx
new file mode 100644
index 0000000000..3455a7b23a
--- /dev/null
+++ b/types/react-loadable/react-loadable-tests.tsx
@@ -0,0 +1,51 @@
+import * as React from 'react';
+import Loadable, { LoadingComponentProps } from 'react-loadable';
+
+class LoadingComponent extends React.Component<LoadingComponentProps, {}> {
+  render() {
+    return <div>{this.props.isLoading}</div>;
+  }
+}
+
+interface ComponentProps {
+  text: string;
+}
+
+const Component: React.SFC<ComponentProps> = ({ text }) => <div>{text}</div>;
+
+const Loadable100 = Loadable({
+  // a module shape with 'export = Component' / 'module.exports = Component'
+  loader: () => Promise.resolve(Component),
+  LoadingComponent,
+  delay: 100
+});
+
+const Loadable200 = Loadable({
+  // a module shape with 'export default Component'
+  loader: () => Promise.resolve({ default: Component }),
+  LoadingComponent,
+  delay: 200
+});
+
+const Loadable300 = Loadable({
+  // a module shape with 'export { Component }'
+  loader: () => Promise.resolve({ Component }),
+  LoadingComponent,
+  delay: 300,
+  resolveModule: shape => shape.Component
+});
+
+const Loadable400 = Loadable({
+  // a module shape with both 'export default Component' and 'export { Component }'
+  loader: () => Promise.resolve({ default: Component, Component }),
+  LoadingComponent: () => null,
+  delay: 300,
+  resolveModule: shape => shape.Component
+});
+
+const used100 = <Loadable100 text='100'/>;
+const used200 = <Loadable200 text='200'/>;
+const used300 = <Loadable300 text='300'/>;
+const used400 = <Loadable400 text='400'/>;
+
+Loadable100.preload();
diff --git a/types/react-loadable/tsconfig.json b/types/react-loadable/tsconfig.json
new file mode 100644
index 0000000000..bf26cfdbc5
--- /dev/null
+++ b/types/react-loadable/tsconfig.json
@@ -0,0 +1,24 @@
+{
+    "compilerOptions": {
+        "module": "commonjs",
+        "lib": [
+            "es6"
+        ],
+        "jsx": "react",
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictNullChecks": true,
+        "baseUrl": "../",
+        "typeRoots": [
+            "../"
+        ],
+        "types": [],
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true
+    },
+    "files": [
+        "index.d.ts",
+        "babel.d.ts",
+        "react-loadable-tests.tsx"
+    ]
+}
diff --git a/types/react-loadable/tslint.json b/types/react-loadable/tslint.json
new file mode 100644
index 0000000000..3db14f85ea
--- /dev/null
+++ b/types/react-loadable/tslint.json
@@ -0,0 +1 @@
+{ "extends": "dtslint/dt.json" }

From fc7212862d74f9b2822c67556fbd1bf9306e7522 Mon Sep 17 00:00:00 2001
From: Jakub Sedlacek <sedlacek.jakub@gmail.com>
Date: Wed, 26 Apr 2017 19:03:41 +0200
Subject: [PATCH 028/321] mongodb: add partialFilterExpression to indexOptions
 (#16109)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Add an optional extended description…
---
 types/mongodb/index.d.ts       | 10 ++++++----
 types/mongodb/mongodb-tests.ts |  2 ++
 2 files changed, 8 insertions(+), 4 deletions(-)

diff --git a/types/mongodb/index.d.ts b/types/mongodb/index.d.ts
index 6f4f5624e1..859dc87b26 100644
--- a/types/mongodb/index.d.ts
+++ b/types/mongodb/index.d.ts
@@ -1,9 +1,9 @@
-// Type definitions for MongoDB v2.1
-// Project: https://github.com/mongodb/node-mongodb-native/tree/2.1
+// Type definitions for MongoDB v2.2
+// Project: https://github.com/mongodb/node-mongodb-native/tree/2.2
 // Definitions by: Federico Caselli <https://github.com/CaselIT>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 
-// Documentation : http://mongodb.github.io/node-mongodb-native/2.1/api/
+// Documentation : http://mongodb.github.io/node-mongodb-native/2.2/api/
 
 /// <reference types="node" />
 /// <reference types="bson" />
@@ -303,7 +303,7 @@ export interface DbCollectionOptions {
     readConcern?: { level: Object };
 }
 
-//http://mongodb.github.io/node-mongodb-native/2.1/api/Db.html#createIndex
+//http://mongodb.github.io/node-mongodb-native/2.2/api/Db.html#createIndex
 export interface IndexOptions {
     // The write concern.
     w?: number | string;
@@ -331,6 +331,8 @@ export interface IndexOptions {
     expireAfterSeconds?: number;
     // Override the auto generated index name (useful if the resulting name is larger than 128 bytes)
     name?: string;
+    // Creates a partial index based on the given filter object (MongoDB 3.2 or higher)
+    partialFilterExpression?: any;
 }
 
 // http://mongodb.github.io/node-mongodb-native/2.1/api/Admin.html
diff --git a/types/mongodb/mongodb-tests.ts b/types/mongodb/mongodb-tests.ts
index cba7f9a212..bf3f3e653f 100644
--- a/types/mongodb/mongodb-tests.ts
+++ b/types/mongodb/mongodb-tests.ts
@@ -24,6 +24,8 @@ MongoClient.connect('mongodb://127.0.0.1:27017/test', function(err: mongodb.Mong
         collection.stats(function(err: mongodb.MongoError, stats: any) {
             console.log(stats.count + " documents");
         });
+
+        collection.createIndex({}, {partialFilterExpression: {rating: {$exists: 1}}})
     });
 
     {

From 99d153dd1b0e48c0888b4f1971a646e98c67e132 Mon Sep 17 00:00:00 2001
From: Lionel <lionel@lumographe.fr>
Date: Wed, 26 Apr 2017 19:04:04 +0200
Subject: [PATCH 029/321] screenfull: update type definitions for v3.2 (#16097)

---
 types/screenfull/index.d.ts          |  6 ++++--
 types/screenfull/screenfull-tests.ts | 23 +++++++++++++++++++++--
 2 files changed, 25 insertions(+), 4 deletions(-)

diff --git a/types/screenfull/index.d.ts b/types/screenfull/index.d.ts
index 80d13aa54a..ad5c76037b 100644
--- a/types/screenfull/index.d.ts
+++ b/types/screenfull/index.d.ts
@@ -1,6 +1,6 @@
-// Type definitions for screenfull.js 3.0.0
+// Type definitions for screenfull.js 3.2.0
 // Project: https://github.com/sindresorhus/screenfull.js
-// Definitions by: Ilia Choly <http://github.com/icholy>
+// Definitions by: Ilia Choly <http://github.com/icholy>, lionelb <https://github.com/lionelb>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 
 
@@ -23,6 +23,8 @@ interface IScreenfull {
   request(elem?: Element): void;
   toggle(elem?: Element): void;
   exit(): void;
+  onchange(handler: () => void): void;
+  onerror(handler: (event: Event) => void): void;
 }
 
 export = screenfull;
diff --git a/types/screenfull/screenfull-tests.ts b/types/screenfull/screenfull-tests.ts
index f2fcc2773a..e5efa0bcc0 100644
--- a/types/screenfull/screenfull-tests.ts
+++ b/types/screenfull/screenfull-tests.ts
@@ -31,7 +31,7 @@ function test_exit() {
   })
 }
 
-function test_detect_change() {
+function test_raw_detect_change() {
   if (screenfull.enabled) {
     document.addEventListener(screenfull.raw.fullscreenchange, function () {
       if (screenfull.isFullscreen) {
@@ -43,13 +43,32 @@ function test_detect_change() {
   }
 }
 
-function test_detect_error() {
+function test_raw_error() {
   if (screenfull.enabled) {
     document.addEventListener(screenfull.raw.fullscreenerror, function (event) {
       console.error('Failed to enable fullscreen', event);
     });
   }
 }
+function test_detect_change() {
+  if (screenfull.enabled) {
+    screenfull.onchange(function () {
+      if (screenfull.isFullscreen) {
+        console.log('fullscreen');
+      } else {
+        console.log('not fullscreen');
+      }
+    });
+  }
+}
+
+function test_detect_error() {
+  if (screenfull.enabled) {
+    screenfull.onerror(function (event) {
+      console.error('Failed to enable fullscreen', event);
+    });
+  }
+}
 
 function test_access_element() {
   var elem = document.getElementById('target');

From 0baf4fe3f11ed33d2cb8830adb5aa48e1a115f03 Mon Sep 17 00:00:00 2001
From: Krzysztof Rzymkowski <rzymek@gmail.com>
Date: Wed, 26 Apr 2017 19:04:54 +0200
Subject: [PATCH 030/321] [openlayers] ol.interaction.Draw.createBox() (#16130)

---
 types/openlayers/index.d.ts          | 9 +++++++++
 types/openlayers/openlayers-tests.ts | 6 ++++++
 2 files changed, 15 insertions(+)

diff --git a/types/openlayers/index.d.ts b/types/openlayers/index.d.ts
index 2b721ab7ca..e863a28ad3 100644
--- a/types/openlayers/index.d.ts
+++ b/types/openlayers/index.d.ts
@@ -5255,6 +5255,15 @@ declare module ol {
              */
             extend(feature: ol.Feature): void;
 
+            /**
+             * Create a `geometryFunction` that will create a box-shaped polygon (aligned
+             * with the coordinate system axes).  Use this with the draw interaction and
+             * `type: 'Circle'` to return a box instead of a circle geometry.
+             * @return {ol.DrawGeometryFunctionType} Function that draws a box-shaped polygon.
+             * @api
+             */
+            static createBox(): ol.DrawGeometryFunctionType;
+
             /**
              * Create a `geometryFunction` for `mode: 'Circle'` that will create a regular
              * polygon with a user specified number of sides and start angle instead of an
diff --git a/types/openlayers/openlayers-tests.ts b/types/openlayers/openlayers-tests.ts
index ca74a6bbc2..01d12bf1b6 100644
--- a/types/openlayers/openlayers-tests.ts
+++ b/types/openlayers/openlayers-tests.ts
@@ -662,6 +662,12 @@ draw = new ol.interaction.Draw({
     type: "Point",
     style: styleFunctionAsStyle
 });
+ol.interaction.Draw.createBox();
+ol.interaction.Draw.createRegularPolygon();
+ol.interaction.Draw.createRegularPolygon(4);
+ol.interaction.Draw.createRegularPolygon(4,0);
+
+
 let styleFunctionAsArray = function(feature: ol.Feature, resolution: number): ol.style.Style[] { return styleArray; }
 draw = new ol.interaction.Draw({
     type: "Point",

From b2db59fb24ab7b5535d7f2d38066109312d656a9 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Aur=C3=A9lien=20Allienne?= <aurelien.allienne@gmail.com>
Date: Wed, 26 Apr 2017 19:27:42 +0200
Subject: [PATCH 031/321] Move className from SharedEnhancedButtonProps to
 FlatButtonProps and increase minor version (#16142)

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

diff --git a/types/material-ui/index.d.ts b/types/material-ui/index.d.ts
index 24ce477dbe..727fc433c8 100644
--- a/types/material-ui/index.d.ts
+++ b/types/material-ui/index.d.ts
@@ -1,6 +1,6 @@
-// Type definitions for material-ui v0.17.4
+// Type definitions for material-ui v0.17.5
 // Project: https://github.com/callemall/material-ui
-// Definitions by: Nathan Brown <https://github.com/ngbrown>, Igor Belagorudsky <https://github.com/theigor>, Ali Taheri Moghaddar <https://github.com/alitaheri>, Oliver Herrmann <https://github.com/herrmanno>, Daniel Roth <https://github.com/DaIgeb>
+// Definitions by: Nathan Brown <https://github.com/ngbrown>, Igor Belagorudsky <https://github.com/theigor>, Ali Taheri Moghaddar <https://github.com/alitaheri>, Oliver Herrmann <https://github.com/herrmanno>, Daniel Roth <https://github.com/DaIgeb>, Aurelién Allienne <https://github.com/allienna>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 // TypeScript Version: 2.2
 
@@ -627,7 +627,6 @@ declare namespace __MaterialUI {
     // non generally overridden elements of EnhancedButton
     interface SharedEnhancedButtonProps<T> {
         centerRipple?: boolean;
-        className?: string;
         disableFocusRipple?: boolean;
         disableKeyboardFocus?: boolean;
         disableTouchRipple?: boolean;
@@ -662,6 +661,7 @@ declare namespace __MaterialUI {
     interface FlatButtonProps extends React.DOMAttributes<{}>, SharedEnhancedButtonProps<FlatButton> {
         // <EnhancedButton/> is the element that get the 'other' properties
         backgroundColor?: string;
+        className?: string;
         disabled?: boolean;
         fullWidth?: boolean;
         hoverColor?: string;

From 737835c162b35598ae38d4ef9c976e8f52f54113 Mon Sep 17 00:00:00 2001
From: Christian <chr.vadala@gmail.com>
Date: Wed, 26 Apr 2017 19:28:20 +0200
Subject: [PATCH 032/321] [react-svg-pan-zoom] fix background type
 https://github.com/chrvadala/react-svg-pan-zoom/issues/35 (#16143)

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

diff --git a/types/react-svg-pan-zoom/index.d.ts b/types/react-svg-pan-zoom/index.d.ts
index 31559cc4a8..08b0db82b6 100644
--- a/types/react-svg-pan-zoom/index.d.ts
+++ b/types/react-svg-pan-zoom/index.d.ts
@@ -51,7 +51,7 @@ export type ToolbarPosition = typeof POSITION_NONE | typeof POSITION_TOP | typeo
 
 export interface OptionalProps {
 	// background of the viewer
-	background: React.CSSProperties;
+	background: string;
 
 	// background of the svg
 	SVGBackground: string;

From a834a66304f97b02fd9a3554640dd70936cb4d40 Mon Sep 17 00:00:00 2001
From: infernaldawn <infernaldawn@users.noreply.github.com>
Date: Wed, 26 Apr 2017 19:29:41 +0200
Subject: [PATCH 033/321] Use union types instead of overloads (#16144)

---
 types/memcached/index.d.ts  | 69 ++++++++++++++++---------------------
 types/memcached/tslint.json |  5 +--
 2 files changed, 31 insertions(+), 43 deletions(-)

diff --git a/types/memcached/index.d.ts b/types/memcached/index.d.ts
index 24aa6beb3e..3c46efe396 100644
--- a/types/memcached/index.d.ts
+++ b/types/memcached/index.d.ts
@@ -13,25 +13,11 @@ declare class Memcached extends events.EventEmitter {
     static config: Memcached.options;
 
     /**
-     * Connect to a single server.
-     * @param location Server location e.g. "127.0.0.1:11211"
+     * Connect to a single Memcached server or cluster
+     * @param location Server locations
      * @param options options
      */
-    constructor(location: string, options?: Memcached.options);
-
-    /**
-     * Connect to a cluster of Memcached servers.
-     * @param location Server locations e.g. ["127.0.0.1:11211","127.0.0.1:11212"]
-     * @param options options
-     */
-    constructor(location: string[], options?: Memcached.options);
-
-    /**
-     * Connect to servers with weight.
-     * @param location Server locations e.g. {"127.0.0.1:11211": 1,"127.0.0.1:11212": 2}
-     * @param options options
-     */
-    constructor(location: {[server: string]: number}, options ?: Memcached.options);
+    constructor(location: Memcached.Location, options?: Memcached.options);
 
     /**
      * Touches the given key.
@@ -185,29 +171,9 @@ declare class Memcached extends events.EventEmitter {
     flush(cb: (this: undefined, err: any, results: boolean[]) => void): void;
 
     /**
-     * a issue occurred on one a server, we are going to attempt a retry next.
+     * Register event listener
      */
-    on(event: "issue", cb: (err: Memcached.IssueData) => void): this;
-
-    /**
-     * a server has been marked as failure or dead.
-     */
-    on(event: "failure", cb: (err: Memcached.IssueData) => void): this;
-
-    /**
-     * we are going to attempt to reconnect the to the failed server.
-     */
-    on(event: "reconnecting", cb: (err: Memcached.IssueData) => void): this;
-
-    /**
-     * successfully reconnected to the memcached server.
-     */
-    on(event: "reconnect", cb: (err: Memcached.IssueData) => void): this;
-
-    /**
-     * removing the server from our consistent hashing.
-     */
-    on( event: "remove", cb: (err: Memcached.IssueData) => void): this;
+    on(event: Memcached.EventNames, cb: (err: Memcached.IssueData) => void): this;
 
     /**
      * Closes all active memcached connections.
@@ -260,6 +226,31 @@ declare namespace Memcached {
         s: number;
     }
 
+    /**
+     * <ul>
+     *     <li><b>issue</b> a issue occurred on a server, we are going to attempt a retry next.</li>
+     *     <li><b>failure</b> a server has been marked as failure or dead.</li>
+     *     <li><b>reconnecting</b> we are going to attempt to reconnect the to the failed server.</li>
+     *     <li><b>reconnect</b> successfully reconnected to the memcached server.</li>
+     *     <li><b>remove</b> removing the server from our consistent hashing.</li>
+     * </ul>
+     */
+    type EventNames = "issue" | "failure" | "reconnecting" | "reconnect" | "remove";
+
+    /**
+     * Declaration for single server or Memcached cluster location
+     *
+     * to connect to a single server use
+     * "127.0.0.1:11211"
+     *
+     * to connect to a cluster of Memcached servers use
+     * ["127.0.0.1:11211","127.0.0.1:11212"]
+     *
+     * to connect to servers with weight use
+     * {"127.0.0.1:11211": 1,"127.0.0.1:11212": 2}
+     */
+    type Location = string | string[] | {[server: string]: number};
+
     interface options {
         /**
          * 250, the maximum key size allowed.
diff --git a/types/memcached/tslint.json b/types/memcached/tslint.json
index 08b1465cd6..f93cf8562a 100644
--- a/types/memcached/tslint.json
+++ b/types/memcached/tslint.json
@@ -1,6 +1,3 @@
 {
-    "extends": "dtslint/dt.json",
-    "rules": {
-        "unified-signatures": false
-    }
+    "extends": "dtslint/dt.json"
 }

From 00ac5257cb11f401c00c3689de5651b686734127 Mon Sep 17 00:00:00 2001
From: Tim Brust <ratchet.player@gmx.de>
Date: Wed, 26 Apr 2017 19:50:51 +0200
Subject: [PATCH 034/321] feat(webdriverio): add toggleTouchIdEnrollment
 function (#16147)

style(webdriverio): add linting and correct reported issues
test(webdriverio): update GitHub test case
---
 types/webdriverio/index.d.ts           | 289 +++++++++++++------------
 types/webdriverio/tsconfig.json        |   9 +-
 types/webdriverio/tslint.json          |   7 +
 types/webdriverio/webdriverio-tests.ts |  67 +++---
 4 files changed, 186 insertions(+), 186 deletions(-)
 create mode 100644 types/webdriverio/tslint.json

diff --git a/types/webdriverio/index.d.ts b/types/webdriverio/index.d.ts
index e74b4712a5..5c856575b2 100644
--- a/types/webdriverio/index.d.ts
+++ b/types/webdriverio/index.d.ts
@@ -1,14 +1,14 @@
-// Type definitions for webdriverio 4.6
+// Type definitions for WebdriverIO 4.7
 // Project: http://www.webdriver.io/
-// Definitions by: Nick Malaguti <https://github.com/nmalaguti/>
+// Definitions by: Nick Malaguti <https://github.com/nmalaguti/>, Tim Brust <https://github.com/timbru31>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 
 /// <reference types="node"/>
 
 declare namespace WebdriverIO {
-    export type Method = 'POST' | 'GET' | 'DELETE';
+    type Method = 'POST' | 'GET' | 'DELETE';
 
-    export interface RawResult<T> {
+    interface RawResult<T> {
         sessionId: string;
         value: T;
         state: 'failure' | 'success';
@@ -19,19 +19,19 @@ declare namespace WebdriverIO {
         error?: string;
     }
 
-    export type ElementId = string;
+    type ElementId = string;
 
-    export interface Element {
+    interface Element {
         ELEMENT: ElementId;
     }
 
-    export interface CssProperty {
+    interface CssProperty {
         property: string;
         value: string;
         parsed: ParsedCssProperty;
     }
 
-    export interface ParsedCssProperty {
+    interface ParsedCssProperty {
         type: string;
         string: string;
         quote: string;
@@ -39,24 +39,24 @@ declare namespace WebdriverIO {
         value: string | number | string[] | number[];
     }
 
-    export interface Size {
+    interface Size {
         width: number;
         height: number;
     }
 
-    export interface Position {
+    interface Position {
         x: number;
         y: number;
     }
 
-    export interface DOMRect {
+    interface DOMRect {
         width: number;
         height: number;
         x: number;
         y: number;
     }
 
-    export enum ApplicationCacheStatus {
+    enum ApplicationCacheStatus {
         UNCACHED = 0,
         IDLE = 1,
         CHECKING = 2,
@@ -65,13 +65,13 @@ declare namespace WebdriverIO {
         OBSOLETE = 5
     }
 
-    export enum Button {
+    enum Button {
         left = 0,
         middle = 1,
         right = 2
     }
 
-    export interface Status {
+    interface Status {
         build?: {
             version: string;
             revision?: string;
@@ -89,50 +89,50 @@ declare namespace WebdriverIO {
         };
     }
 
-    export interface StorageItem {
+    interface StorageItem {
         key: string;
         value: any;
     }
 
-    export interface StorageItems {
+    interface StorageItems {
         [key: string]: any;
     }
 
-    export interface GeoLocation {
+    interface GeoLocation {
         latitude: number;
         longitude: number;
         altitude: number;
     }
 
-    export interface CommandHistoryEntry {
+    interface CommandHistoryEntry {
         command: string;
         args: any[];
     }
 
-    export type Axis = 'x' | 'y';
+    type Axis = 'x' | 'y';
 
-    export type Timeouts = 'script' | 'pageLoad' | 'implicit';
+    type Timeouts = 'script' | 'pageLoad' | 'implicit';
 
-    export type PageLoadingStrategy = 'none' | 'eager' | 'normal';
+    type PageLoadingStrategy = 'none' | 'eager' | 'normal';
 
-    export type LocatorStrategy = 'css selector'
-                                | 'link text'
-                                | 'partial link text'
-                                | 'tag name'
-                                | 'xpath';
+    type LocatorStrategy = 'css selector'
+        | 'link text'
+        | 'partial link text'
+        | 'tag name'
+        | 'xpath';
 
-    export interface LogEntry {
+    interface LogEntry {
         timestamp: number;
         level: string;
         message: string;
     }
 
-    export type LoggingPreferenceType =
-        'OFF'   | 'SEVERE' | 'WARNING' |
-        'INFO'  | 'CONFIG' | 'FINE' |
+    type LoggingPreferenceType =
+        'OFF' | 'SEVERE' | 'WARNING' |
+        'INFO' | 'CONFIG' | 'FINE' |
         'FINER' | 'FINEST' | 'ALL';
 
-    export interface LoggingPreferences {
+    interface LoggingPreferences {
         browser?: LoggingPreferenceType;
         driver?: LoggingPreferenceType;
         server?: LoggingPreferenceType;
@@ -155,12 +155,12 @@ declare namespace WebdriverIO {
         socksPassword?: string;
     }
 
-    export interface Session {
+    interface Session {
         id: string;
         capabilities: DesiredCapabilities;
     }
 
-    export interface Capabilities {
+    interface Capabilities {
         browserName: string;
         acceptInsecureCerts?: boolean;
         browserVersion?: string;
@@ -172,7 +172,7 @@ declare namespace WebdriverIO {
         unhandledPromptBehavior?: string;
     }
 
-    export interface DesiredCapabilities extends Capabilities {
+    interface DesiredCapabilities extends Capabilities {
         // Read-only capabilities
         cssSelectorsEnabled?: boolean;
         handlesAlerts?: boolean;
@@ -302,7 +302,7 @@ declare namespace WebdriverIO {
         ensureCleanSession?: boolean;
     }
 
-    export interface Cookie extends RawResult<string> {
+    interface Cookie extends RawResult<string> {
         name: string;
         value: string;
         path?: string;
@@ -311,7 +311,7 @@ declare namespace WebdriverIO {
         secure: boolean;
     }
 
-    export interface Suite {
+    interface Suite {
         file: string;
         parent: string;
         pending: boolean;
@@ -319,13 +319,13 @@ declare namespace WebdriverIO {
         type: string;
     }
 
-    export interface Test extends Suite {
+    interface Test extends Suite {
         currentTest: string;
         passed: boolean;
         duration: any;
     }
 
-    export interface Hooks {
+    interface Hooks {
         onError<T>(error: Error): Promise<T> & undefined;
 
         onPrepare<T>(
@@ -387,7 +387,7 @@ declare namespace WebdriverIO {
         afterFeature<T>(feature: string): Promise<T> & undefined;
     }
 
-    export interface Options {
+    interface Options {
         baseUrl?: string;
         bail?: number;
         coloredLogs?: boolean;
@@ -426,43 +426,43 @@ declare namespace WebdriverIO {
         key?: string;
     }
 
-   export interface UnknownOptions {
-     [name: string]: any;
-   }
+    interface UnknownOptions {
+        [name: string]: any;
+    }
 
-    export interface MultiRemoteOptions {
+    interface MultiRemoteOptions {
         [name: string]: Options;
     }
 
-    export interface Config extends Options, Hooks {}
+    interface Config extends Options, Hooks { }
 
-    export interface Client<T> {
+    interface Client<T> {
         desiredCapabilities: DesiredCapabilities;
     }
 
-    export interface Client<T> {
+    interface Client<T> {
         sessionId: string;
     }
 
     // Options
-    export interface Client<T> {
+    interface Client<T> {
         options: Options;
     }
 
-    export class Launcher {
+    class Launcher {
         constructor(file: string, data: Options);
         run(): Promise<any>;
     }
 
-    export class ErrorHandler {
+    class ErrorHandler {
         constructor(type: string, msg: string | number);
     }
 
-    export function multiremote(options: MultiRemoteOptions): Client<void>;
-    export function remote(options?: Options, modifier?: (...args: any[]) => any): Client<void>;
+    function multiremote(options: MultiRemoteOptions): Client<void>;
+    function remote(options?: Options, modifier?: (...args: any[]) => any): Client<void>;
 
     // EventEmitter
-    export interface Client<T> {
+    interface Client<T> {
         addListener(
             event: string,
             listener: (...args: any[]) => void
@@ -470,7 +470,7 @@ declare namespace WebdriverIO {
 
         on(
             event: string,
-           listener: (...args: any[]) => void
+            listener: (...args: any[]) => void
         ): Client<T>;
 
         once(
@@ -488,12 +488,12 @@ declare namespace WebdriverIO {
         listeners(event: string): Client<T>;
         emit(
             event: string,
-             ...args: any[]
+            ...args: any[]
         ): Client<T>;
     }
 
     // Promise
-    export interface Client<T> {
+    interface Client<T> {
         finally(callback: (...args: any[]) => void): Client<T>;
 
         then<P>(
@@ -512,7 +512,7 @@ declare namespace WebdriverIO {
         };
     }
 
-    export interface Client<T> {
+    interface Client<T> {
         addValue(
             selector: string,
             value: string | number
@@ -758,7 +758,7 @@ declare namespace WebdriverIO {
     }
 
     // Cookie
-    export interface Client<T> {
+    interface Client<T> {
         deleteCookie(name?: string): Client<RawResult<null>> & RawResult<null>;
         deleteCookie<P>(name?: string): Client<P>;
 
@@ -771,7 +771,7 @@ declare namespace WebdriverIO {
     }
 
     // Grid
-    export interface Client<T> {
+    interface Client<T> {
         getGridNodeDetails(): Client<UnknownOptions> & UnknownOptions;
         getGridNodeDetails<P>(): Client<P>;
 
@@ -783,7 +783,7 @@ declare namespace WebdriverIO {
     }
 
     // Mobile
-    export interface Client<T> {
+    interface Client<T> {
         background(seconds: number): Client<T>;
         closeApp(): Client<T>;
         context(id?: string): Client<T>;
@@ -848,6 +848,7 @@ declare namespace WebdriverIO {
         toggleAirplaneMode(): Client<T>;
         toggleData(): Client<T>;
         toggleLocationServices(): Client<T>;
+        toggleTouchIdEnrollment(match: boolean): Client<T>;
         toggleWiFi(): Client<T>;
         touch(selector: string, longClick: boolean): Client<T>;
         touchAction(selector: string, action: 'tap' | 'press'): Client<T>;
@@ -858,7 +859,7 @@ declare namespace WebdriverIO {
     }
 
     // Property
-    export interface Client<T> {
+    interface Client<T> {
         getAttribute(
             selector: string,
             attributeName: string
@@ -987,7 +988,7 @@ declare namespace WebdriverIO {
     }
 
     // Protocol
-    export interface Client<T> {
+    interface Client<T> {
         alertAccept(): Client<RawResult<null>>;
         alertAccept<P>(): Client<P>;
 
@@ -1105,8 +1106,8 @@ declare namespace WebdriverIO {
         /** @deprecated in favour of elementIdRect */
         elementIdLocationInView(id: ElementId): Client<RawResult<Position>> & RawResult<Position> & never;
 
-         /** @deprecated in favour of elementIdRect */
-       elementIdLocationInView<P>(id: ElementId): Client<P>;
+        /** @deprecated in favour of elementIdRect */
+        elementIdLocationInView<P>(id: ElementId): Client<P>;
 
         elementIdName(id: ElementId): Client<RawResult<string>> & RawResult<string>;
         elementIdName<P>(id: ElementId): Client<P>;
@@ -1117,10 +1118,10 @@ declare namespace WebdriverIO {
         elementIdSelected(id: ElementId): Client<RawResult<boolean>> & RawResult<boolean>;
         elementIdSelected<P>(id: ElementId): Client<P>;
 
-         /** @deprecated in favour of elementIdRect */
+        /** @deprecated in favour of elementIdRect */
         elementIdSize(id: ElementId): Client<RawResult<Size>> & RawResult<Size> & never;
 
-         /** @deprecated in favour of elementIdRect */
+        /** @deprecated in favour of elementIdRect */
         elementIdSize<P>(id: ElementId): Client<P>;
 
         elementIdText(id: ElementId): Client<RawResult<string>> & RawResult<string>;
@@ -1149,10 +1150,10 @@ declare namespace WebdriverIO {
             ...args: any[]
         ): Client<RawResult<any>> & RawResult<any>;
 
-         /** @deprecated */
+        /** @deprecated */
         file(date: string): Client<RawResult<null>> & never;
 
-         /** @deprecated */
+        /** @deprecated */
         file<P>(date: string): Client<P> & never;
 
         forward(): Client<RawResult<null>> & RawResult<null>;
@@ -1164,110 +1165,110 @@ declare namespace WebdriverIO {
         frameParent(): Client<RawResult<null>> & RawResult<null>;
         frameParent<P>(): Client<P>;
 
-         /** @deprecated */
+        /** @deprecated */
         imeActivate(engine: string): Client<RawResult<null>> & RawResult<null> & never;
 
-         /** @deprecated */
+        /** @deprecated */
         imeActivate<P>(engine: string): Client<P> & never;
 
-         /** @deprecated */
+        /** @deprecated */
         imeActivated(): Client<RawResult<boolean>> & RawResult<boolean> & never;
 
-         /** @deprecated */
+        /** @deprecated */
         imeActivated<P>(): Client<P>;
 
-         /** @deprecated */
+        /** @deprecated */
         imeActiveEngine(): Client<RawResult<string>> & string & never;
 
-         /** @deprecated */
+        /** @deprecated */
         imeActiveEngine<P>(): Client<P>;
 
-         /** @deprecated */
+        /** @deprecated */
         imeAvailableEngines(): Client<RawResult<string[]>> & RawResult<string[]> & never;
 
-         /** @deprecated */
+        /** @deprecated */
         imeAvailableEngines<P>(): Client<P>;
 
-         /** @deprecated */
+        /** @deprecated */
         imeDeactivated(): Client<RawResult<null>> & RawResult<null> & never;
 
-         /** @deprecated */
+        /** @deprecated */
         imeDeactivated<P>(): Client<P>;
 
         init(capabilities?: DesiredCapabilities): Client<RawResult<null>> & RawResult<null>;
         init<P>(capabilities?: DesiredCapabilities): Client<P>;
 
-         /** @deprecated in favour of Actions.keyDown */
+        /** @deprecated in favour of Actions.keyDown */
         keys(value: string | string[]): Client<RawResult<null>> & RawResult<null> & never;
 
-         /** @deprecated in favour of Actions.keyDown */
+        /** @deprecated in favour of Actions.keyDown */
         keys<P>(value: string | string[]): Client<P>;
 
-         /** @deprecated */
+        /** @deprecated */
         localStorage(): Client<RawResult<StorageItems[]>> & RawResult<StorageItems[]>;
 
-         /** @deprecated */
+        /** @deprecated */
         localStorage<P>(): Client<P>;
 
-         /** @deprecated */
+        /** @deprecated */
         localStorage(
             method: Method,
             key?: string
         ): Client<RawResult<StorageItems[]>> & RawResult<StorageItems[]> & never;
 
-         /** @deprecated */
+        /** @deprecated */
         localStorage(
             method: Method,
             key?: string
         ): Client<RawResult<null>> & RawResult<null> & never;
 
-         /** @deprecated */
+        /** @deprecated */
         localStorage<P>(
             method: Method,
             key?: string | StorageItems
         ): Client<P>;
 
-         /** @deprecated */
+        /** @deprecated */
         localStorageSize(): Client<RawResult<number>> & RawResult<number> & never;
 
-         /** @deprecated */
+        /** @deprecated */
         localStorageSize<P>(): Client<P>;
 
-         /** @deprecated in favour of elementIdRect */
+        /** @deprecated in favour of elementIdRect */
         location(type: GeoLocation): Client<RawResult<number>> & RawResult<number> & never;
 
-         /** @deprecated in favour of elementIdRect */
+        /** @deprecated in favour of elementIdRect */
         location<P>(type: GeoLocation): Client<P>;
 
-         /** @deprecated */
+        /** @deprecated */
         log(type: LoggingPreferences): Client<RawResult<LogEntry[]>> & never;
 
-         /** @deprecated */
+        /** @deprecated */
         log<P>(type: LoggingPreferences): Client<P>;
 
-         /** @deprecated */
+        /** @deprecated */
         logTypes(): Client<RawResult<LoggingPreferences[]>> & RawResult<LoggingPreferences[]> & never;
 
-         /** @deprecated */
+        /** @deprecated */
         logTypes<P>(): Client<P>;
 
-         /** @deprecated in favour of Actions.pointerMove */
+        /** @deprecated in favour of Actions.pointerMove */
         moveTo(
             id: ElementId,
             xoffset: number,
             yoffset: number
         ): Client<RawResult<null>> & RawResult<null> & never;
 
-         /** @deprecated in favour of Actions.pointerMove */
+        /** @deprecated in favour of Actions.pointerMove */
         moveTo(
             xoffset: number,
             yoffset: number
         ): Client<RawResult<null>> & RawResult<null> & never;
 
-         /** @deprecated in favour of Actions.pointerMove */
+        /** @deprecated in favour of Actions.pointerMove */
         moveTo<P>(id: ElementId): Client<P>;
 
-         /** @deprecated in favour of Actions.pointerMove */
+        /** @deprecated in favour of Actions.pointerMove */
         moveTo<P>(
             id: ElementId,
             xoffset: number,
@@ -1293,61 +1294,61 @@ declare namespace WebdriverIO {
             sessionId?: string
         ): Client<P> & null;
 
-         /** @deprecated */
+        /** @deprecated */
         sessions(): Client<RawResult<Session[]>> & RawResult<Session[]> & never;
 
-         /** @deprecated */
+        /** @deprecated */
         sessions<P>(): Client<P>;
 
-         /** @deprecated */
+        /** @deprecated */
         sessionStorage(): Client<RawResult<StorageItems>> & RawResult<StorageItems> & never;
 
-         /** @deprecated */
+        /** @deprecated */
         sessionStorage<P>(): Client<P>;
 
-         /** @deprecated */
+        /** @deprecated */
         sessionStorage(method: Method): Client<RawResult<string[]>> & RawResult<string[]> & never;
 
-         /** @deprecated */
+        /** @deprecated */
         sessionStorage(method: Method): Client<RawResult<null>> & RawResult<null> & never;
 
-         /** @deprecated */
+        /** @deprecated */
         sessionStorage<P>(method: Method): Client<P>;
 
-         /** @deprecated */
+        /** @deprecated */
         sessionStorage(
             method: Method,
             key: string
         ): Client<RawResult<string[]>> & RawResult<string[]> & never;
 
-         /** @deprecated */
+        /** @deprecated */
         sessionStorage(
             method: Method,
             key: string
         ): Client<RawResult<null>> & RawResult<null> & never;
 
-         /** @deprecated */
+        /** @deprecated */
         sessionStorage<P>(
             method: Method,
             key: string
         ): Client<P>;
 
-         /** @deprecated */
+        /** @deprecated */
         sessionStorage(
             method: Method,
             key: StorageItems
         ): Client<RawResult<null>> & RawResult<null>;
 
-         /** @deprecated */
+        /** @deprecated */
         sessionStorage<P>(
             method: Method,
             key: StorageItems
         ): Client<P>;
 
-         /** @deprecated */
+        /** @deprecated */
         sessionStorageSize(): Client<RawResult<number>> & RawResult<number> & never;
 
-         /** @deprecated */
+        /** @deprecated */
         sessionStorageSize<P>(): Client<P>;
 
         source(): Client<RawResult<string>> & RawResult<string>;
@@ -1356,24 +1357,24 @@ declare namespace WebdriverIO {
         status(): Client<RawResult<Status>> & RawResult<Status>;
         status(): Client<string>;
 
-         /** @deprecated */
+        /** @deprecated */
         submit(id: ElementId): Client<RawResult<null>> & RawResult<null> & never;
 
-         /** @deprecated */
+        /** @deprecated */
         submit<P>(id: ElementId): Client<P>;
 
         timeouts<P>(type: Timeouts, ms: number): Client<RawResult<null>> & RawResult<null>;
 
-         /** @deprecated in favour of timeouts */
+        /** @deprecated in favour of timeouts */
         timeoutsAsyncScript(ms: number): Client<RawResult<null>> & RawResult<null> & never;
 
-         /** @deprecated in favour of timeouts */
+        /** @deprecated in favour of timeouts */
         timeoutsAsyncScript<P>(ms: number): Client<P>;
 
-         /** @deprecated in favour of timeouts */
+        /** @deprecated in favour of timeouts */
         timeoutsImplicitWait(ms: number): Client<RawResult<null>> & RawResult<null> & never;
 
-         /** @deprecated in favour of timeouts */
+        /** @deprecated in favour of timeouts */
         timeoutsImplicitWait<P>(ms: number): Client<P>;
 
         url(): Client<RawResult<string>> & RawResult<string>;
@@ -1383,25 +1384,25 @@ declare namespace WebdriverIO {
         title(): Client<RawResult<string>> & RawResult<string>;
         title<P>(): Client<P>;
 
-         /** @deprecated in favour of Actions.pointerDown */
+        /** @deprecated in favour of Actions.pointerDown */
         touchClick(id: ElementId): Client<RawResult<null>> & RawResult<null> & never;
 
-         /** @deprecated in favour of Actions.pointerDown */
+        /** @deprecated in favour of Actions.pointerDown */
         touchClick<P>(id: ElementId): Client<P>;
 
-         /** @deprecated in favour of Actions.pointerDown */
+        /** @deprecated in favour of Actions.pointerDown */
         touchDown(
             xoffset: number,
             yoffset: number
         ): Client<RawResult<null>> & RawResult<null> & never;
 
-         /** @deprecated in favour of Actions.pointerDown */
+        /** @deprecated in favour of Actions.pointerDown */
         touchDown<P>(
             xoffset: number,
             yoffset: number
         ): Client<P>;
 
-         /** @deprecated in favour of Actions.perform */
+        /** @deprecated in favour of Actions.perform */
         touchFlick(
             id: ElementId,
             xoffset: number,
@@ -1409,7 +1410,7 @@ declare namespace WebdriverIO {
             speed: number
         ): Client<RawResult<null>> & RawResult<null> & never;
 
-         /** @deprecated in favour of Actions.perform */
+        /** @deprecated in favour of Actions.perform */
         touchFlick<P>(
             id: ElementId,
             xoffset: number,
@@ -1417,45 +1418,45 @@ declare namespace WebdriverIO {
             speed: number
         ): Client<P>;
 
-         /** @deprecated in favour of Actions.perform */
+        /** @deprecated in favour of Actions.perform */
         touchLongClick(id: ElementId): Client<RawResult<null>> & RawResult<null> & never;
 
-         /** @deprecated in favour of Actions.perform */
+        /** @deprecated in favour of Actions.perform */
         touchLongClick<P>(id: ElementId): Client<P>;
 
-         /** @deprecated in favour of Actions.pointerMove */
+        /** @deprecated in favour of Actions.pointerMove */
         touchMove(
             xoffset: number,
             yoffset: number
         ): Client<RawResult<null>> & RawResult<null> & never;
 
-         /** @deprecated in favour of Actions.pointerMove */
+        /** @deprecated in favour of Actions.pointerMove */
         touchMove<P>(
             xoffset: number,
             yoffset: number
         ): Client<P>;
 
-         /** @deprecated in favour of Actions.perform */
+        /** @deprecated in favour of Actions.perform */
         touchScroll(
             id: ElementId,
             xoffset: number,
             yoffset: number,
         ): Client<RawResult<null>> & RawResult<null> & never;
 
-         /** @deprecated in favour of Actions.perform */
+        /** @deprecated in favour of Actions.perform */
         touchScroll<P>(
             id: ElementId,
             xoffset: number,
             yoffset: number,
         ): Client<P>;
 
-         /** @deprecated in favour of Actions.pointerUp */
+        /** @deprecated in favour of Actions.pointerUp */
         touchUp(
             xoffset: number,
             yoffset: number,
         ): Client<RawResult<null>> & RawResult<null> & never;
 
-         /** @deprecated in favour of Actions.pointerUp */
+        /** @deprecated in favour of Actions.pointerUp */
         touchUp<P>(
             xoffset: number,
             yoffset: number,
@@ -1473,59 +1474,59 @@ declare namespace WebdriverIO {
         windowHandleMaximize(): Client<RawResult<string>> & RawResult<string>;
         windowHandleMaximize<P>(): Client<P>;
 
-         /** @deprecated in favour of /session/{session id}/window/rect */
+        /** @deprecated in favour of /session/{session id}/window/rect */
         windowHandlePosition(
             windowHandle?: string,
             position?: Position
         ): Client<RawResult<Position>> & RawResult<Position> & never;
 
-         /** @deprecated in favour of /session/{session id}/window/rect */
+        /** @deprecated in favour of /session/{session id}/window/rect */
         windowHandlePosition(
             position: Position
         ): Client<RawResult<Position>> & RawResult<Position> & never;
 
-         /** @deprecated in favour of /session/{session id}/window/rect */
+        /** @deprecated in favour of /session/{session id}/window/rect */
         windowHandlePosition<P>(
             windowHandle?: string,
             position?: Position
         ): Client<P>;
 
-         /** @deprecated in favour of /session/{session id}/window/rect */
+        /** @deprecated in favour of /session/{session id}/window/rect */
         windowHandlePosition<P>(
             position: Position
         ): Client<P>;
 
-         /** @deprecated in favour of /session/{session id}/window/rect */
+        /** @deprecated in favour of /session/{session id}/window/rect */
         windowHandleSize(
             windowHandle?: string,
             dimension?: Size
         ): Client<RawResult<Size>> & RawResult<Size> & never;
 
-         /** @deprecated in favour of /session/{session id}/window/rect */
+        /** @deprecated in favour of /session/{session id}/window/rect */
         windowHandleSize(
             dimension: Size
         ): Client<RawResult<Size>> & RawResult<Size> & never;
 
-         /** @deprecated in favour of /session/{session id}/window/rect */
+        /** @deprecated in favour of /session/{session id}/window/rect */
         windowHandleSize<P>(
             windowHandle?: string,
             dimension?: Size
         ): Client<P>;
 
-         /** @deprecated in favour of /session/{session id}/window/rect */
+        /** @deprecated in favour of /session/{session id}/window/rect */
         windowHandleSize<P>(
             dimension?: Size
         ): Client<P>;
 
-         /** @deprecated */
+        /** @deprecated */
         windowHandles(): Client<RawResult<string[]>> & RawResult<string[]> & never;
 
-         /** @deprecated */
+        /** @deprecated */
         windowHandles<P>(): Client<P> & never;
     }
 
     // State
-    export interface Client<T> {
+    interface Client<T> {
         hasFocus(selector?: string): Client<boolean> & boolean;
         hasFocus<P>(selector?: string): Client<P>;
 
@@ -1546,7 +1547,7 @@ declare namespace WebdriverIO {
     }
 
     // Utility
-    export interface Client<T> {
+    interface Client<T> {
         $(selector: string): Client<RawResult<Element>> & RawResult<Element>;
         $<P>(selector: string): Client<P>;
 
@@ -1833,7 +1834,7 @@ declare namespace WebdriverIO {
     }
 
     // Window
-    export interface Client<T> {
+    interface Client<T> {
         close(windowHandle?: string): Client<RawResult<null>> & RawResult<null>;
         close<P>(windowHandle?: string): Client<P>;
 
@@ -1873,7 +1874,7 @@ declare namespace WebdriverIO {
         switchTab<P>(windowHandle?: string): Client<P>;
     }
 
-    export var VERSION: string;
+    const VERSION: string;
 }
 
 declare var browser: WebdriverIO.Client<void>;
diff --git a/types/webdriverio/tsconfig.json b/types/webdriverio/tsconfig.json
index 1d911f125a..53b3c26236 100644
--- a/types/webdriverio/tsconfig.json
+++ b/types/webdriverio/tsconfig.json
@@ -6,18 +6,19 @@
             "dom"
         ],
         "noImplicitAny": true,
-        "noImplicitThis": false,
-        "strictNullChecks": false,
+        "noImplicitThis": true,
+        "strictNullChecks": true,
         "baseUrl": "../",
         "typeRoots": [
             "../"
         ],
         "types": [],
         "noEmit": true,
-        "forceConsistentCasingInFileNames": true
+        "forceConsistentCasingInFileNames": true,
+        "target": "es2015"
     },
     "files": [
         "index.d.ts",
         "webdriverio-tests.ts"
     ]
-}
\ No newline at end of file
+}
diff --git a/types/webdriverio/tslint.json b/types/webdriverio/tslint.json
new file mode 100644
index 0000000000..a0c383f962
--- /dev/null
+++ b/types/webdriverio/tslint.json
@@ -0,0 +1,7 @@
+{
+  "extends": "dtslint/dt.json",
+  "rules": {
+    "no-single-declare-module": false,
+    "unified-signatures": false
+  }
+}
diff --git a/types/webdriverio/webdriverio-tests.ts b/types/webdriverio/webdriverio-tests.ts
index 826e2f1811..b914cb50cb 100644
--- a/types/webdriverio/webdriverio-tests.ts
+++ b/types/webdriverio/webdriverio-tests.ts
@@ -1,69 +1,60 @@
-
 /// <reference types="mocha" />
 
-import {assert} from "chai";
+import * as webdriverio from "webdriverio";
+import { assert } from "chai";
 
-describe("webdriver.io page", function() {
-
-    it("should have the right title - the good old callback way", function() {
+describe("webdriver.io page", () => {
+    it("should have the right title - the good old callback way", () => {
         assert.equal(
             browser
                 .url("/")
                 .getTitle(),
             "WebdriverIO - Selenium 2.0 javascript bindings for nodejs"
         );
-
     });
 
-    it("should have the right title - the promise way", function() {
-
+    it("should have the right title - the promise way", () => {
         return browser
             .url("/")
-            .getTitle().then(function(title) {
+            .getTitle().then((title) => {
                 assert.equal(title, "WebdriverIO - Selenium 2.0 javascript bindings for nodejs");
             });
-
     });
 });
 
-import * as webdriverio from "webdriverio";
+describe.only("my webdriverio tests", () => {
+    let client: webdriverio.Client<void>;
 
-describe("my webdriverio tests", function(){
-
-    this.timeout(99999999);
-    var client: webdriverio.Client<void>;
-
-    before(function() {
+    before(async () => {
         client = webdriverio.remote({ desiredCapabilities: { browserName: "phantomjs" } });
-        client.init();
+        await client.init();
     });
 
-    it("Github test", function() {
-        client.url("https://github.com/");
+    it("Github test", async () => {
+        await client.url("https://github.com/");
+        await client.waitForVisible('.header-logo-invertocat');
 
-        var elementSize = client.getElementSize(".header-logo-wordmark");
-
-        var foo = client.getElementSize('div');
+        const elementSize = await client.getElementSize(".header-logo-invertocat");
 
         assert.isNumber(elementSize.height);
         assert.isNumber(elementSize.width);
-        assert.strictEqual(elementSize.height, 26);
-        assert.strictEqual(elementSize.width, 89);
+        assert.strictEqual(elementSize.height, 32);
+        assert.strictEqual(elementSize.width, 32);
 
-        var title = client.getTitle();
+        const title = await client.getTitle();
         assert.isString(title);
-        assert.strictEqual(title, "GitHub · Where software is built");
+        assert.strictEqual(title, "The world's leading software development platform · GitHub");
 
-        var cssProperty = client.getCssProperty("a[href='/plans']", "color");
-        assert.strictEqual(cssProperty.value, "rgba(64,120,192,1)");
+        const cssProperty = await client.getCssProperty("a[href='/pricing']", "color");
+        assert.strictEqual(cssProperty.value, "rgba(255,255,255,1)");
     });
 
-    after(function() {
-        client.end();
+    after(async () => {
+        await client.end();
     });
 });
 
-var matrix = webdriverio.multiremote({
+const matrix = webdriverio.multiremote({
         browserA: {
             desiredCapabilities: {
                 browserName: "chrome",
@@ -88,7 +79,7 @@ var matrix = webdriverio.multiremote({
         }
     });
 
-var channel = Math.round(Math.random() * 100000000000);
+const channel = Math.round(Math.random() * 100000000000);
 
 matrix
     .init()
@@ -97,7 +88,7 @@ matrix
     .pause(5000)
     .end();
 
-var options = {
+const options = {
     desiredCapabilities: {
         browserName: "chrome"
     }
@@ -107,10 +98,10 @@ webdriverio
     .remote(options)
     .init()
     .url("https://news.ycombinator.com/")
-    .selectorExecute("//div", function(inputs: HTMLElement[], message: string) {
+    .selectorExecute("//div", (inputs: HTMLElement[], message: string) => {
         return inputs.length + " " + message;
     }, "divs on the page")
-    .then(function(res: string) {
+    .then((res: string) => {
         console.log(res);
     })
     .end();
@@ -120,7 +111,7 @@ webdriverio
     .init()
     .url("http://www.google.com/")
     .waitForVisible("//input[@type='submit']", 5000)
-    .then(function(visible){
-        console.log(visible); //Should return true
+    .then((visible) => {
+        console.log(visible); // Should return true
     })
     .end();

From 9667b739e2137c08121c5e78dd7ee3fa7c1180e4 Mon Sep 17 00:00:00 2001
From: Michael Strobel <kryops@users.noreply.github.com>
Date: Thu, 27 Apr 2017 02:11:08 +0800
Subject: [PATCH 035/321] [dotenv] Add types for v4.0.0 (#16087)

---
 types/dotenv/dotenv-tests.ts    | 12 ++--------
 types/dotenv/index.d.ts         | 24 +++++++++++--------
 types/dotenv/v2/dotenv-tests.ts | 26 ++++++++++++++++++++
 types/dotenv/v2/index.d.ts      | 42 +++++++++++++++++++++++++++++++++
 types/dotenv/v2/tsconfig.json   | 25 ++++++++++++++++++++
 types/dotenv/v2/tslint.json     |  1 +
 6 files changed, 110 insertions(+), 20 deletions(-)
 create mode 100644 types/dotenv/v2/dotenv-tests.ts
 create mode 100644 types/dotenv/v2/index.d.ts
 create mode 100644 types/dotenv/v2/tsconfig.json
 create mode 100644 types/dotenv/v2/tslint.json

diff --git a/types/dotenv/dotenv-tests.ts b/types/dotenv/dotenv-tests.ts
index f609dd4745..df05475c17 100644
--- a/types/dotenv/dotenv-tests.ts
+++ b/types/dotenv/dotenv-tests.ts
@@ -1,15 +1,7 @@
 import dotenv = require('dotenv');
 
-// typically, result will be an Object
-const env = dotenv.config({
-    silent: true
-});
-const dbUrl: string | null = !env ? null : env['DATABASE_URL'];
-
-// ... but it might also be `false`
-const result = dotenv.config({
-    path: '.non-existing-env'
-});
+const env = dotenv.config();
+const dbUrl: string | null = env.error || !env.parsed ? null : env.parsed['DATABASE_URL'];
 
 dotenv.config({
     path: '.env'
diff --git a/types/dotenv/index.d.ts b/types/dotenv/index.d.ts
index 7e015ca8cd..92e15c1637 100644
--- a/types/dotenv/index.d.ts
+++ b/types/dotenv/index.d.ts
@@ -1,4 +1,4 @@
-// Type definitions for dotenv 2.0
+// Type definitions for dotenv 4.0
 // Project: https://github.com/motdotla/dotenv
 // Definitions by: Jussi Kinnula <https://github.com/jussikinnula/>, Borek Bernard <https://github.com/borekb>, Eric Naeseth <https://github.com/enaeseth>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
@@ -14,18 +14,15 @@ export function parse(src: string | Buffer): {[name: string]: string};
  * Loads `.env` into `process.env`.
  *
  * @param options
- * @return Object Object with the parsed keys and values, e.g., 'KEY=value' becomes { KEY: 'value' }
+ * @return Object Object with either
+ * - "parsed" containing the parsed keys and values or
+ * - "error" containing an Error object
+ *
+ * Example: 'KEY=value' becomes { parsed: { KEY: 'value' } }
  */
-export function config(options?: DotenvOptions): {[name: string]: string} | false;
+export function config(options?: DotenvOptions): DotenvResult;
 
 export interface DotenvOptions {
-    /**
-     * Dotenv outputs a warning to your console if missing a .env file. Suppress this warning using silent.
-     *
-     * @default false
-     */
-    silent?: boolean;
-
     /**
      * You can specify a custom path if your file containing environment variables is named or located differently.
      *
@@ -40,3 +37,10 @@ export interface DotenvOptions {
      */
     encoding?: string;
 }
+
+export interface DotenvResult {
+    error?: Error;
+    parsed?: {
+        [name: string]: string;
+    };
+}
diff --git a/types/dotenv/v2/dotenv-tests.ts b/types/dotenv/v2/dotenv-tests.ts
new file mode 100644
index 0000000000..f609dd4745
--- /dev/null
+++ b/types/dotenv/v2/dotenv-tests.ts
@@ -0,0 +1,26 @@
+import dotenv = require('dotenv');
+
+// typically, result will be an Object
+const env = dotenv.config({
+    silent: true
+});
+const dbUrl: string | null = !env ? null : env['DATABASE_URL'];
+
+// ... but it might also be `false`
+const result = dotenv.config({
+    path: '.non-existing-env'
+});
+
+dotenv.config({
+    path: '.env'
+});
+
+dotenv.config({
+    encoding: 'utf8'
+});
+
+const parsed = dotenv.parse("ENVIRONMENT=production\nDEBUG=no\n");
+const debug: string = parsed['DEBUG'];
+
+const parsedFromBuffer = dotenv.parse(new Buffer("JUSTICE=league\n"));
+const justice: string = parsedFromBuffer['JUSTICE'];
diff --git a/types/dotenv/v2/index.d.ts b/types/dotenv/v2/index.d.ts
new file mode 100644
index 0000000000..7e015ca8cd
--- /dev/null
+++ b/types/dotenv/v2/index.d.ts
@@ -0,0 +1,42 @@
+// Type definitions for dotenv 2.0
+// Project: https://github.com/motdotla/dotenv
+// Definitions by: Jussi Kinnula <https://github.com/jussikinnula/>, Borek Bernard <https://github.com/borekb>, Eric Naeseth <https://github.com/enaeseth>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+
+/// <reference types="node" />
+
+/**
+ * Parses a string or buffer in the .env file format into an object.
+ */
+export function parse(src: string | Buffer): {[name: string]: string};
+
+/**
+ * Loads `.env` into `process.env`.
+ *
+ * @param options
+ * @return Object Object with the parsed keys and values, e.g., 'KEY=value' becomes { KEY: 'value' }
+ */
+export function config(options?: DotenvOptions): {[name: string]: string} | false;
+
+export interface DotenvOptions {
+    /**
+     * Dotenv outputs a warning to your console if missing a .env file. Suppress this warning using silent.
+     *
+     * @default false
+     */
+    silent?: boolean;
+
+    /**
+     * You can specify a custom path if your file containing environment variables is named or located differently.
+     *
+     * @default '.env'
+     */
+    path?: string;
+
+    /**
+     * You may specify the encoding of your file containing environment variables using this option.
+     *
+     * @default 'utf8'
+     */
+    encoding?: string;
+}
diff --git a/types/dotenv/v2/tsconfig.json b/types/dotenv/v2/tsconfig.json
new file mode 100644
index 0000000000..efaf5860d4
--- /dev/null
+++ b/types/dotenv/v2/tsconfig.json
@@ -0,0 +1,25 @@
+{
+    "compilerOptions": {
+        "module": "commonjs",
+        "lib": [
+            "es6"
+        ],
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictNullChecks": true,
+        "baseUrl": "../../",
+        "typeRoots": [
+            "../../"
+        ],
+        "paths": {
+            "dotenv": [ "dotenv/v2" ]
+        },
+        "types": [],
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true
+    },
+    "files": [
+        "index.d.ts",
+        "dotenv-tests.ts"
+    ]
+}
diff --git a/types/dotenv/v2/tslint.json b/types/dotenv/v2/tslint.json
new file mode 100644
index 0000000000..3db14f85ea
--- /dev/null
+++ b/types/dotenv/v2/tslint.json
@@ -0,0 +1 @@
+{ "extends": "dtslint/dt.json" }

From 238ce6d05ddf307278e9df912cadea48715c953e Mon Sep 17 00:00:00 2001
From: Gaspar Zaragoza <gasparmdq@gmail.com>
Date: Thu, 27 Apr 2017 06:12:18 +1200
Subject: [PATCH 036/321] Add missing typing (#16085)

freehand option was missing from DrawOptions.
Source: https://openlayers.org/en/latest/apidoc/ol.interaction.Draw.html
---
 types/openlayers/index.d.ts | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/types/openlayers/index.d.ts b/types/openlayers/index.d.ts
index e863a28ad3..b9d2c55ef6 100644
--- a/types/openlayers/index.d.ts
+++ b/types/openlayers/index.d.ts
@@ -12470,6 +12470,7 @@ declare module olx {
          *     geometryName: (string|undefined),
          *     condition: (ol.EventsConditionType|undefined),
          *     freehandCondition: (ol.EventsConditionType|undefined),
+         *     freehand: (boolean|undefined)
          *     wrapX: (boolean|undefined)}}
          */
         interface DrawOptions {
@@ -12486,6 +12487,7 @@ declare module olx {
             geometryName?: string;
             condition?: ol.EventsConditionType;
             freehandCondition?: ol.EventsConditionType;
+            freehand?:boolean;
             wrapX?: boolean;
         }
 

From 1ed019e8ad8d5ef7fa787391b694f282d585e7e4 Mon Sep 17 00:00:00 2001
From: Hari Juturu <juturu@live.com>
Date: Wed, 26 Apr 2017 11:16:48 -0700
Subject: [PATCH 037/321] Updating keytar typings for v4.0.2 (#16082)

* Updating keytar typings for v4.0.2

* Updating the return types

* Adding null return for get/find password
---
 types/keytar/index.d.ts      | 34 ++++++++++------------------------
 types/keytar/keytar-tests.ts |  8 ++++----
 2 files changed, 14 insertions(+), 28 deletions(-)

diff --git a/types/keytar/index.d.ts b/types/keytar/index.d.ts
index 5a27c0c984..f807b19a9f 100644
--- a/types/keytar/index.d.ts
+++ b/types/keytar/index.d.ts
@@ -1,6 +1,6 @@
-// Type definitions for keytar 3.0.2
+// Type definitions for keytar 4.0.2
 // Project: http://atom.github.io/node-keytar/
-// Definitions by: Milan Burda <https://github.com/miniak/>, Brendan Forster <https://github.com/shiftkey/>
+// Definitions by: Milan Burda <https://github.com/miniak/>, Brendan Forster <https://github.com/shiftkey/>, Hari Juturu <https://github.com/juturu/>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 
 
@@ -10,9 +10,9 @@
  * @param service The string service name.
  * @param account The string account name.
  *
- * @returns the string password or null on failures.
+ * @returns A promise for the password string.
  */
-export declare function getPassword(service: string, account: string): string | null;
+export declare function getPassword(service: string, account: string): Promise<string | null>;
 
 /**
  * Add the password for the service and account to the keychain.
@@ -21,9 +21,9 @@ export declare function getPassword(service: string, account: string): string |
  * @param account The string account name.
  * @param password The string password.
  *
- * @returns true on success, false on failure.
+ * @returns A promise for the set password completion.
  */
-export declare function addPassword(service: string, account: string, password: string): boolean;
+export declare function setPassword(service: string, account: string, password: string): Promise<void>;
 
 /**
  * Delete the stored password for the service and account.
@@ -31,29 +31,15 @@ export declare function addPassword(service: string, account: string, password:
  * @param service The string service name.
  * @param account The string account name.
  *
- * @returns true on success, false on failure
+ * @returns A promise for the deletion status. True on success.
  */
-export declare function deletePassword(service: string, account: string): boolean;
-
-/**
- * Replace the password for the service and account in the keychain.
- *
- * This is a simple convenience function that internally calls deletePassword(service, account)
- * followed by addPassword(service, account, password).
- *
- * @param service The string service name.
- * @param account The string account name.
- * @param password The string password.
- *
- * @returns true on success, false on failure.
- */
-export declare function replacePassword(service: string, account: string, password: string): boolean;
+export declare function deletePassword(service: string, account: string): Promise<boolean>;
 
 /**
  * Find a password for the service in the keychain.
  *
  * @param service The string service name.
  *
- * @returns the string password or null on failures.
+ * @returns A promise for the password string.
  */
-export declare function findPassword(service: string): string | null;
+export declare function findPassword(service: string): Promise<string | null>;
diff --git a/types/keytar/keytar-tests.ts b/types/keytar/keytar-tests.ts
index d523050650..f6873838c2 100644
--- a/types/keytar/keytar-tests.ts
+++ b/types/keytar/keytar-tests.ts
@@ -1,13 +1,13 @@
 
 import keytar = require('keytar');
 
-let success: boolean = false;
+let setResult: Promise<void>;
+setResult = keytar.setPassword('keytar-tests', 'username', 'password');
 
-success = keytar.addPassword('keytar-tests', 'username', 'password');
+let success: Promise<boolean>;
 success = keytar.deletePassword('keytar-tests', 'username');
-success = keytar.replacePassword('keytar-tests', 'username', 'password');
 
-let password: string = '';
+let password: Promise<string | null>;
 
 password = keytar.findPassword('keytar-tests');
 password = keytar.getPassword('keytar-tests', 'username');

From 0cc7d8bb6217ade475b9af3ce026d687c6979079 Mon Sep 17 00:00:00 2001
From: Eward Song <eward.song@gmail.com>
Date: Thu, 27 Apr 2017 02:18:50 +0800
Subject: [PATCH 038/321] chore(egg): change interface name (#16076)

---
 types/egg/egg-tests.ts |  4 ++--
 types/egg/index.d.ts   | 14 +++++++-------
 2 files changed, 9 insertions(+), 9 deletions(-)

diff --git a/types/egg/egg-tests.ts b/types/egg/egg-tests.ts
index 921ad35dd7..8caf5f0ac5 100644
--- a/types/egg/egg-tests.ts
+++ b/types/egg/egg-tests.ts
@@ -9,10 +9,10 @@ class FooController extends Controller {
 
 // add user controller and service
 declare module 'egg' {
-  interface Controllers {
+  interface IController { // tslint:disable-line
     foo: FooController;
   }
-  interface Services {
+  interface IService { // tslint:disable-line
     foo: FooService;
   }
 }
diff --git a/types/egg/index.d.ts b/types/egg/index.d.ts
index 065c4ee92f..b7746bca0b 100644
--- a/types/egg/index.d.ts
+++ b/types/egg/index.d.ts
@@ -32,7 +32,7 @@ declare class BaseContextClass { // tslint:disable-line
   /**
    * service
    */
-  service: Services;
+  service: IService;
 
   constructor(ctx: Context);
 }
@@ -528,7 +528,7 @@ export interface Application extends EggApplication {
 
   redirect(path: string, redirectPath: string): void;
 
-  controller: Controllers;
+  controller: IController;
 
   Controller: Controller;
 }
@@ -540,7 +540,7 @@ interface FileStream extends Readable { // tslint:disable-line
 export interface Context extends KoaApplication.Context {
   app: Application;
 
-  service: Services;
+  service: IService;
 
   request: Request;
 
@@ -762,7 +762,7 @@ export class Controller extends BaseContextClass { }
 export class Service extends BaseContextClass { }
 
 /**
- * The empty interface `Services` is an placehoder, for egg
+ * The empty interface `IService` is an placehoder, for egg
  * to auto injection service to ctx.service
  *
  * @example
@@ -773,13 +773,13 @@ export class Service extends BaseContextClass { }
  * }
  *
  * declare module 'egg' {
- *   export interface service {
+ *   export interface IService {
  *     foo: FooService;
  *   }
  * }
  *
  * Now I can get ctx.service.foo at controller and other service file.
  */
-export interface Services { }// tslint:disable-line
+export interface IService { }// tslint:disable-line
 
-export interface Controllers { } // tslint:disable-line
+export interface IController { } // tslint:disable-line

From 53ada7c0c25ea9b8a5641db88a6ded8afc3b52fe Mon Sep 17 00:00:00 2001
From: Mykhailo96 <Mykhailoblack@ukr.net>
Date: Wed, 26 Apr 2017 21:34:36 +0300
Subject: [PATCH 039/321] reloadAuthResponse for gapi.auth2 (#16061)

---
 types/gapi.auth2/gapi.auth2-tests.ts | 20 ++++++++++++++------
 types/gapi.auth2/index.d.ts          |  5 +++++
 2 files changed, 19 insertions(+), 6 deletions(-)

diff --git a/types/gapi.auth2/gapi.auth2-tests.ts b/types/gapi.auth2/gapi.auth2-tests.ts
index 1d389d59e9..0766f3b914 100644
--- a/types/gapi.auth2/gapi.auth2-tests.ts
+++ b/types/gapi.auth2/gapi.auth2-tests.ts
@@ -41,6 +41,14 @@ function test_getAuthResponse() {
   var authResponseWithAuth = user.getAuthResponse(true);
 }
 
+function test_reloadAuthResponse() {
+  gapi.auth2.getAuthInstance().currentUser.get().reloadAuthResponse()
+    .then(response => {
+      let token = response.access_token;
+      let expires_in = response.expires_in
+    })
+}
+
 function test_render() {
   var success = (googleUser: gapi.auth2.GoogleUser): void => {
     console.log(googleUser);
@@ -103,10 +111,10 @@ function handleClientLoad() {
 }
 function initClient() {
   gapi.client.init({
-      apiKey: apiKey,
-      discoveryDocs: discoveryDocs,
-      clientId: clientId,
-      scope: scopes
+    apiKey: apiKey,
+    discoveryDocs: discoveryDocs,
+    clientId: clientId,
+    scope: scopes
   }).then(function () {
     // Listen for sign-in state changes.
     gapi.auth2.getAuthInstance().isSignedIn.listen(updateSigninStatus);
@@ -136,10 +144,10 @@ function handleSignoutClick(event: MouseEvent) {
 function makeApiCall() {
   gapi.client.people.people.get({
     resourceName: 'people/me'
-  }).then(function(resp) {
+  }).then(function (resp) {
     var p = document.createElement('p');
     var name = resp.result.names[0].givenName;
-    p.appendChild(document.createTextNode('Hello, '+name+'!'));
+    p.appendChild(document.createTextNode('Hello, ' + name + '!'));
     document.getElementById('content').appendChild(p);
   });
 }
diff --git a/types/gapi.auth2/index.d.ts b/types/gapi.auth2/index.d.ts
index ee727ed27a..de75d26ca2 100644
--- a/types/gapi.auth2/index.d.ts
+++ b/types/gapi.auth2/index.d.ts
@@ -170,6 +170,11 @@ declare namespace gapi.auth2 {
      */
     getAuthResponse(includeAuthorizationData?: boolean): AuthResponse;
 
+    /**
+     * Forces a refresh of the access token, and then returns a Promise for the new AuthResponse.
+     */
+    reloadAuthResponse(): Promise<AuthResponse>;
+    
     /**
      * Returns true if the user granted the specified scopes.
      */

From 2971c4624aec5ff76558435aebf4cc71c42a56d9 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Rados=C5=82aw=20Krzepkowski?= <krzepa@gmail.com>
Date: Wed, 26 Apr 2017 20:43:12 +0200
Subject: [PATCH 040/321] [angular-local-storage] updates definition to reflect
 latest changes (#16047)

* updates definition to reflect latest changes

In latest versions of angular-local-storage library it is possible now to pass type of storage to some methods e.g.
https://github.com/grevory/angular-local-storage/blob/master/src/angular-local-storage.js#L147

* improves formatting
---
 types/angular-local-storage/index.d.ts | 39 +++++++++++++-------------
 1 file changed, 20 insertions(+), 19 deletions(-)

diff --git a/types/angular-local-storage/index.d.ts b/types/angular-local-storage/index.d.ts
index a3bd35d048..f403126d7a 100644
--- a/types/angular-local-storage/index.d.ts
+++ b/types/angular-local-storage/index.d.ts
@@ -1,4 +1,4 @@
-// Type definitions for angular-local-storage v0.1.5
+// Type definitions for angular-local-storage v0.1.6
 // Project: https://github.com/grevory/angular-local-storage
 // Definitions by: Ken Fukuyama <https://github.com/kenfdev>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
@@ -60,19 +60,19 @@ declare module 'angular' {
              */
             set(key: string, val: string): boolean;
             /**
-     * Directly adds a value to cookies with an expiration.
-     * Note: Typically used as a fallback if local storage is not supported.
-     * Returns: Boolean
-     * @param key
-     * @param val
-     * @param daysToExpiry
-     */
+             * Directly adds a value to cookies with an expiration.
+             * Note: Typically used as a fallback if local storage is not supported.
+             * Returns: Boolean
+             * @param key
+             * @param val
+             * @param daysToExpiry
+             */
             set(key: string, val: string, daysToExpiry: number): boolean;
             /**
-                     * Directly get a value from a cookie.
-                     * Returns: value from local storage
-                     * @param key
-                     */
+             * Directly get a value from a cookie.
+             * Returns: value from local storage
+             * @param key
+             */
             get(key: string): string;
             /**
              * Remove directly value from a cookie.
@@ -84,8 +84,9 @@ declare module 'angular' {
              * Remove all data for this app from cookie.
              */
             clearAll(): any;
-
         }
+        
+        type StorageType = 'localStorage' | 'sessionStorage';
 
         interface ILocalStorageService {
             /**
@@ -104,19 +105,19 @@ declare module 'angular' {
              * @param key
              * @param value
              */
-            set<T>(key: string, value: T): boolean;
+            set<T>(key: string, value: T, storageType?: StorageType): boolean;
             /**
              * Directly get a value from local storage.
              * If local storage is not supported, use cookies instead.
              * Returns: value from local storage
              * @param key
              */
-            get<T>(key: string): T;
+            get<T>(key: string, storageType?: StorageType): T;
             /**
              * Return array of keys for local storage, ignore keys that not owned.
              * Returns: value from local storage
              */
-            keys(): string[];
+            keys(storageType?: StorageType): string[];
             /**
              * Remove an item from local storage by key.
              * If local storage is not supported, use cookies instead.
@@ -131,7 +132,7 @@ declare module 'angular' {
              * Returns: Boolean
              * @param regularExpression
              */
-            clearAll(regularExpression?: RegExp): boolean;
+            clearAll(regularExpression?: RegExp, storageType?: StorageType): boolean;
             /**
              * Bind $scope key to localStorageService.
              * Usage: localStorageService.bind(scope, property, value[optional], key[optional])
@@ -141,7 +142,7 @@ declare module 'angular' {
              * @param value optional
              * @param key The corresponding key used in local storage
              */
-            bind(scope: angular.IScope, property: string, value?: any, key?: string): Function;
+            bind(scope: angular.IScope, property: string, value?: any, key?: string, storageType?: StorageType): Function;
             /**
              * Return the derive key
              * Returns String
@@ -152,7 +153,7 @@ declare module 'angular' {
              * Return localStorageService.length, ignore keys that not owned.
              * Returns Number
              */
-            length(): number;
+            length(storageType?: StorageType): number;
             /**
              * Deal with browser's cookies directly.
              */

From ecd2bdb3041c8c432f609d460801d5fd159e38e1 Mon Sep 17 00:00:00 2001
From: DaIgeb <DaIgeb@users.noreply.github.com>
Date: Wed, 26 Apr 2017 20:43:48 +0200
Subject: [PATCH 041/321] file-saver: Allow saving files directly (#16045)

As documented on https://github.com/eligrey/FileSaver.js/ saving a file
without using the Blob object should be possible
---
 types/file-saver/file-saver-tests.ts |  9 +++++++++
 types/file-saver/index.d.ts          | 10 +++++++++-
 2 files changed, 18 insertions(+), 1 deletion(-)

diff --git a/types/file-saver/file-saver-tests.ts b/types/file-saver/file-saver-tests.ts
index aefc9dca7f..c76815a6fb 100644
--- a/types/file-saver/file-saver-tests.ts
+++ b/types/file-saver/file-saver-tests.ts
@@ -19,3 +19,12 @@ function testSaveAs() {
 
     saveAs(data, filename, disableAutoBOM);
 }
+
+/**
+ * @summary Test for "saveAs" function.
+ */
+function testSaveAsFile() {
+    const data = new File(["Hello, world!"], "hello world.txt" ,{type: "text/plain;charset=utf-8"});
+    
+    saveAs(data);
+}
diff --git a/types/file-saver/index.d.ts b/types/file-saver/index.d.ts
index 31188a0c7a..8d78e10682 100644
--- a/types/file-saver/index.d.ts
+++ b/types/file-saver/index.d.ts
@@ -1,6 +1,6 @@
 // Type definitions for FileSaver.js
 // Project: https://github.com/eligrey/FileSaver.js/
-// Definitions by: Cyril Schumacher <https://github.com/cyrilschumacher>
+// Definitions by: Cyril Schumacher <https://github.com/cyrilschumacher>, Daniel Roth <https://github.com/DaIgeb>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 
 /**
@@ -28,6 +28,14 @@ interface FileSaver {
         */
         disableAutoBOM?: boolean
     ): void
+
+    (
+        /**
+         * @summary File.
+         * @type {File}
+         */
+        data: File
+    ): void
 }
 
 declare var saveAs: FileSaver;

From d5240b6d9cc209a7ae89d955dde6fb7024751b3d Mon Sep 17 00:00:00 2001
From: Mateusz <mateuszg@gmail.com>
Date: Wed, 26 Apr 2017 20:47:36 +0200
Subject: [PATCH 042/321] Re-add generic Function type to IInjector.invoke()
 sygnature. (#16042)

Looks like it is used in some projects. 'Function' should be treated
as a function with '(..args: any[]) => any' signature.
---
 types/angular/angular-tests.ts | 9 ++++++++-
 types/angular/index.d.ts       | 1 +
 2 files changed, 9 insertions(+), 1 deletion(-)

diff --git a/types/angular/angular-tests.ts b/types/angular/angular-tests.ts
index e6be93a6af..d01dbd25b8 100644
--- a/types/angular/angular-tests.ts
+++ b/types/angular/angular-tests.ts
@@ -484,7 +484,14 @@ namespace TestInjector {
         function foobar(v: boolean): number {
             return 7;
         }
-        let result: number = $injector.invoke(foobar);
+        let result = $injector.invoke(foobar);
+        if (!(typeof result === 'number')) {
+            // This fails to compile if 'result' is not exactly a number.
+            let expectNever: never = result;
+        }
+
+        let anyFunction: Function = foobar;
+        let anyResult: string = $injector.invoke(anyFunction);
     }
 }
 
diff --git a/types/angular/index.d.ts b/types/angular/index.d.ts
index 194ccf8205..1d59854d9d 100644
--- a/types/angular/index.d.ts
+++ b/types/angular/index.d.ts
@@ -1981,6 +1981,7 @@ declare namespace angular {
             instantiate<T>(typeConstructor: {new(...args: any[]): T}, locals?: any): T;
             invoke(inlineAnnotatedFunction: any[]): any;
             invoke<T>(func: (...args: any[]) => T, context?: any, locals?: any): T;
+            invoke(func: Function, context?: any, locals?: any): any;
             strictDi: boolean;
         }
 

From f9bf70b08f2946120d22eb2586110dbeb20eab05 Mon Sep 17 00:00:00 2001
From: Troy McKinnon <troy.t.mckinnon@gmail.com>
Date: Wed, 26 Apr 2017 13:49:22 -0500
Subject: [PATCH 043/321] Angular-toastr: expand function types (#16034)

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

diff --git a/types/angular-toastr/index.d.ts b/types/angular-toastr/index.d.ts
index 7a10587e9b..83c42045d1 100644
--- a/types/angular-toastr/index.d.ts
+++ b/types/angular-toastr/index.d.ts
@@ -1,6 +1,6 @@
 // Type definitions for Angular Toastr v1.6.0
 // Project: https://github.com/Foxandxss/angular-toastr
-// Definitions by: Niko Kovačič <https://github.com/nkovacic>
+// Definitions by: Niko Kovačič <https://github.com/nkovacic>, Troy McKinnon <https://github.com/trodi>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 
 /// <reference types="angular" />
@@ -15,9 +15,9 @@ declare module 'angular' {
             closeHtml?: string;
             extendedTimeOut?: number;
             messageClass?: string;
-            onHidden?: Function;
-            onShown?: Function;
-            onTap?: Function;
+            onHidden?: (wasClicked: boolean, toast: angular.toastr.IToast) => void;
+            onShown?: (toast: angular.toastr.IToast) => void;
+            onTap?: (toast: angular.toastr.IToast) => void;
             progressBar?: boolean;
             tapToDismiss?: boolean;
             templates?: {

From 10a204d02dc18a557e6e1b198a278d0ced5fab21 Mon Sep 17 00:00:00 2001
From: Thomas Hasner <thasner@palantir.com>
Date: Wed, 26 Apr 2017 14:52:32 -0400
Subject: [PATCH 044/321] Add overloads to account for `mergeProps` (#16024)

* Add overloads to account for `mergeProps`

This also provides better typings for users of `strictNullChecks`

* more overloads and tests

* accept `null | undefined`

* allow placeholder typings

* tests

* one `ComponentDecorator`

* tests

* no keyword
---
 types/react-redux/index.d.ts            | 81 ++++++++++++++++++++++---
 types/react-redux/react-redux-tests.tsx | 71 +++++++++++++++++++---
 2 files changed, 136 insertions(+), 16 deletions(-)

diff --git a/types/react-redux/index.d.ts b/types/react-redux/index.d.ts
index dc85bc86eb..42d84b4a0d 100644
--- a/types/react-redux/index.d.ts
+++ b/types/react-redux/index.d.ts
@@ -15,8 +15,8 @@ type Store<S> = Redux.Store<S>;
 type Dispatch<S> = Redux.Dispatch<S>;
 type ActionCreator<A> = Redux.ActionCreator<A>;
 
-interface ComponentDecorator<TStateProps, TDispatchProps, TOwnProps> {
-    (component: Component<TStateProps & TDispatchProps & TOwnProps>): ComponentClass<TOwnProps>;
+interface ComponentDecorator<TOwnProps, TMergedProps> {
+    (component: Component<TMergedProps>): ComponentClass<TOwnProps>;
 }
 
 /**
@@ -49,12 +49,71 @@ export interface InferableComponentDecorator<TOwnProps> {
  */
 export declare function connect<TOwnProps>(): InferableComponentDecorator<TOwnProps>;
 
+export declare function connect<TStateProps, no_dispatch, TOwnProps>(
+    mapStateToProps: MapStateToPropsParam<TStateProps, TOwnProps>
+): ComponentDecorator<TOwnProps, TStateProps & TOwnProps>;
+
+export declare function connect<no_state, TDispatchProps, TOwnProps>(
+    mapStateToProps: null | undefined,
+    mapDispatchToProps: MapDispatchToPropsParam<TDispatchProps, TOwnProps>
+): ComponentDecorator<TOwnProps, TDispatchProps & TOwnProps>;
+
 export declare function connect<TStateProps, TDispatchProps, TOwnProps>(
-    mapStateToProps?: MapStateToProps<TStateProps, TOwnProps> | MapStateToPropsFactory<TStateProps, TOwnProps>,
-    mapDispatchToProps?: MapDispatchToProps<TDispatchProps, TOwnProps> | MapDispatchToPropsFactory<TDispatchProps, TOwnProps>,
-    mergeProps?: MergeProps<TStateProps, TDispatchProps, TOwnProps>,
-    options?: Options
-): ComponentDecorator<TStateProps, TDispatchProps, TOwnProps>;
+    mapStateToProps: MapStateToPropsParam<TStateProps, TOwnProps>,
+    mapDispatchToProps: MapDispatchToPropsParam<TDispatchProps, TOwnProps>
+): ComponentDecorator<TOwnProps, TStateProps & TDispatchProps & TOwnProps>;
+
+export declare function connect<TStateProps, no_dispatch, TOwnProps, TMergedProps>(
+    mapStateToProps: MapStateToPropsParam<TStateProps, TOwnProps>,
+    mapDispatchToProps: null | undefined,
+    mergeProps: MergeProps<TStateProps, undefined, TOwnProps, TMergedProps>,
+): ComponentDecorator<TOwnProps, TMergedProps>;
+
+export declare function connect<no_state, TDispatchProps, TOwnProps, TMergedProps>(
+    mapStateToProps: null | undefined,
+    mapDispatchToProps: MapDispatchToPropsParam<TDispatchProps, TOwnProps>,
+    mergeProps: MergeProps<undefined, TDispatchProps, TOwnProps, TMergedProps>,
+): ComponentDecorator<TOwnProps, TMergedProps>;
+
+export declare function connect<no_state, no_dispatch, TOwnProps, TMergedProps>(
+    mapStateToProps: null | undefined,
+    mapDispatchToProps: null | undefined,
+    mergeProps: MergeProps<undefined, undefined, TOwnProps, TMergedProps>,
+): ComponentDecorator<TOwnProps, TMergedProps>;
+
+export declare function connect<TStateProps, TDispatchProps, TOwnProps, TMergedProps>(
+    mapStateToProps: MapStateToPropsParam<TStateProps, TOwnProps>,
+    mapDispatchToProps: MapDispatchToPropsParam<TDispatchProps, TOwnProps>,
+    mergeProps: MergeProps<TStateProps, TDispatchProps, TOwnProps, TMergedProps>,
+): ComponentDecorator<TOwnProps, TMergedProps>;
+
+export declare function connect<TStateProps, no_dispatch, TOwnProps>(
+    mapStateToProps: MapStateToPropsParam<TStateProps, TOwnProps>,
+    mapDispatchToProps: null | undefined,
+    mergeProps: null | undefined,
+    options: Options
+): ComponentDecorator<TOwnProps, TStateProps & TOwnProps>;
+
+export declare function connect<no_state, TDispatchProps, TOwnProps>(
+    mapStateToProps: null | undefined,
+    mapDispatchToProps: MapDispatchToPropsParam<TDispatchProps, TOwnProps>,
+    mergeProps: null | undefined,
+    options: Options
+): ComponentDecorator<TOwnProps, TDispatchProps & TOwnProps>;
+
+export declare function connect<TStateProps, TDispatchProps, TOwnProps>(
+    mapStateToProps: MapStateToPropsParam<TStateProps, TOwnProps>,
+    mapDispatchToProps: MapDispatchToPropsParam<TDispatchProps, TOwnProps>,
+    mergeProps: null | undefined,
+    options: Options
+): ComponentDecorator<TOwnProps, TStateProps & TDispatchProps & TOwnProps>;
+
+export declare function connect<TStateProps, TDispatchProps, TOwnProps, TMergedProps>(
+    mapStateToProps: MapStateToPropsParam<TStateProps, TOwnProps>,
+    mapDispatchToProps: MapDispatchToPropsParam<TDispatchProps, TOwnProps>,
+    mergeProps: MergeProps<TStateProps, TDispatchProps, TOwnProps, TMergedProps>,
+    options: Options
+): ComponentDecorator<TOwnProps, TMergedProps>;
 
 interface MapStateToProps<TStateProps, TOwnProps> {
     (state: any, ownProps?: TOwnProps): TStateProps;
@@ -64,6 +123,8 @@ interface MapStateToPropsFactory<TStateProps, TOwnProps> {
     (initialState: any, ownProps?: TOwnProps): MapStateToProps<TStateProps, TOwnProps>;
 }
 
+type MapStateToPropsParam<TStateProps, TOwnProps> = MapStateToProps<TStateProps, TOwnProps> | MapStateToPropsFactory<TStateProps, TOwnProps>;
+
 interface MapDispatchToPropsFunction<TDispatchProps, TOwnProps> {
     (dispatch: Dispatch<any>, ownProps?: TOwnProps): TDispatchProps;
 }
@@ -79,8 +140,10 @@ interface MapDispatchToPropsFactory<TDispatchProps, TOwnProps> {
     (dispatch: Dispatch<any>, ownProps?: TOwnProps): MapDispatchToProps<TDispatchProps, TOwnProps>;
 }
 
-interface MergeProps<TStateProps, TDispatchProps, TOwnProps> {
-    (stateProps: TStateProps, dispatchProps: TDispatchProps, ownProps: TOwnProps): TStateProps & TDispatchProps;
+type MapDispatchToPropsParam<TDispatchProps, TOwnProps> = MapDispatchToProps<TDispatchProps, TOwnProps> | MapDispatchToPropsFactory<TDispatchProps, TOwnProps>;
+
+interface MergeProps<TStateProps, TDispatchProps, TOwnProps, TMergedProps> {
+    (stateProps: TStateProps, dispatchProps: TDispatchProps, ownProps: TOwnProps): TMergedProps;
 }
 
 interface Options {
diff --git a/types/react-redux/react-redux-tests.tsx b/types/react-redux/react-redux-tests.tsx
index 6afbe466c5..e8de2b1291 100644
--- a/types/react-redux/react-redux-tests.tsx
+++ b/types/react-redux/react-redux-tests.tsx
@@ -76,7 +76,7 @@ connect<ICounterStateProps, ICounterDispatchProps, {}>(
     () => mapDispatchToProps
 )(Counter);
 // with extra arguments
-connect<ICounterStateProps, ICounterDispatchProps, {}>(
+connect<ICounterStateProps, ICounterDispatchProps, {}, ICounterStateProps & ICounterDispatchProps>(
     () => mapStateToProps,
     () => mapDispatchToProps,
     (s: ICounterStateProps, d: ICounterDispatchProps) =>
@@ -129,10 +129,10 @@ declare var todoActionCreators: { [type: string]: (...args: any[]) => any; };
 declare var counterActionCreators: { [type: string]: (...args: any[]) => any; };
 
 ReactDOM.render(
-  <Provider store={store}>
-    {() => <MyRootComponent />}
-  </Provider>,
-  document.body
+    <Provider store={store}>
+        {() => <MyRootComponent />}
+    </Provider>,
+    document.body
 );
 
 //TODO: for React Router 0.13
@@ -368,11 +368,68 @@ namespace TestTOwnPropsInference {
     React.createElement(ConnectedWithOwnProps, { own: 'string' });
 
     // This should not compile, which is good.
-    // React.createElement(ConnectedWithOwnProps, { missingOwn: true });
+    // React.createElement(ConnectedWithOwnProps, { anything: 'goes!' });
 
     // This compiles, as expected.
     React.createElement(ConnectedWithTypeHint, { own: 'string' });
 
     // This should not compile, which is good.
-    // React.createElement(ConnectedWithTypeHint, { missingOwn: true });
+    // React.createElement(ConnectedWithTypeHint, { anything: 'goes!' });
+}
+
+// https://github.com/DefinitelyTyped/DefinitelyTyped/issues/16021
+namespace TestMergedPropsInference {
+    interface StateProps {
+        state: string;
+    }
+
+    interface DispatchProps {
+        dispatch: string;
+    }
+
+    interface OwnProps {
+        own: string;
+    }
+
+    interface MergedProps {
+        merged: string;
+    }
+
+    class MergedPropsComponent extends React.Component<MergedProps, void> {
+        render() {
+            return <div/>;
+        }
+    }
+
+    function mapStateToProps(state: any): StateProps {
+        return { state: 'string' };
+    }
+
+    function mapDispatchToProps(dispatch: Dispatch<any>): DispatchProps {
+        return { dispatch: 'string' };
+    }
+
+    const ConnectedWithOwnAndState: React.ComponentClass<OwnProps> = connect<StateProps, void, OwnProps, MergedProps>(
+        mapStateToProps,
+        undefined,
+        (stateProps: StateProps) => ({
+            merged: "merged",
+        }),
+    )(MergedPropsComponent);
+
+    const ConnectedWithOwnAndDispatch: React.ComponentClass<OwnProps> = connect<void, DispatchProps, OwnProps, MergedProps>(
+        undefined,
+        mapDispatchToProps,
+        (stateProps: undefined, dispatchProps: DispatchProps) => ({
+            merged: "merged",
+        }),
+    )(MergedPropsComponent);
+
+    const ConnectedWithOwn: React.ComponentClass<OwnProps> = connect<void, void, OwnProps, MergedProps>(
+        undefined,
+        undefined,
+        () => ({
+            merged: "merged",
+        }),
+    )(MergedPropsComponent);
 }

From 141f50ad4594d7d0a37c6711c1f2e4e93fdc255f Mon Sep 17 00:00:00 2001
From: Jordan Farrer <jordan.farrer@gmail.com>
Date: Wed, 26 Apr 2017 13:04:14 -0600
Subject: [PATCH 045/321] mailgen: Add missing members to ContentBody and
 Product, fix type of several existing members (#16000)

---
 types/mailgen/index.d.ts | 33 ++++++++++++++++++++++++++++-----
 1 file changed, 28 insertions(+), 5 deletions(-)

diff --git a/types/mailgen/index.d.ts b/types/mailgen/index.d.ts
index 1db097ffad..40eca3e1fd 100644
--- a/types/mailgen/index.d.ts
+++ b/types/mailgen/index.d.ts
@@ -1,6 +1,6 @@
 // Type definitions for mailgen 2.0
 // Project: https://github.com/eladnava/mailgen#readme
-// Definitions by: Kiet Thanh Vo <https://github.com/vothanhkiet>
+// Definitions by: Kiet Thanh Vo <https://github.com/vothanhkiet>, Jordan Farrer <https://github.com/jordanfarrer>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 import Option = Mailgen.Option;
 import Content = Mailgen.Content;
@@ -29,6 +29,7 @@ declare namespace Mailgen {
         name: string;
         link: string;
         logo?: string;
+        copyright?: string;
     }
 
     interface Content {
@@ -36,10 +37,32 @@ declare namespace Mailgen {
     }
 
     interface ContentBody {
-        name: string;
-        intro: string;
-        action?: Action;
-        outro: string;
+        name?: string;
+        greeting?: string;
+        signature?: string;
+        title?: string;
+        intro?: string | string[];
+        action?: Action | Action[];
+        table?: Table;
+        dictionary?: any;
+        goToAction?: GoToAction;
+        outro?: string | string[];
+    }
+
+    interface Table {
+        data: any[];
+        columns?: ColumnOptions[];
+    }
+
+    interface ColumnOptions {
+        customWidth: any;
+        customAlignment: any;
+    }
+
+    interface GoToAction {
+        text: string;
+        link: string;
+        description: string;
     }
 
     interface Action {

From ef5ec2e2739ae6cab0bd6c119f3609a246fcbc07 Mon Sep 17 00:00:00 2001
From: Gustav Bylund <maistho@gmail.com>
Date: Wed, 26 Apr 2017 21:05:22 +0200
Subject: [PATCH 046/321] Set optional parameters for paypal.tokenize (#15999)

As described in https://braintree.github.io/braintree-web/current/PayPal.html#tokenize
---
 types/braintree-web/index.d.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/types/braintree-web/index.d.ts b/types/braintree-web/index.d.ts
index a30a880684..46f16e072b 100644
--- a/types/braintree-web/index.d.ts
+++ b/types/braintree-web/index.d.ts
@@ -1087,7 +1087,7 @@ declare namespace braintree {
      * });
      * @returns {PayPal~tokenizeReturn} A handle to close the PayPal checkout frame.
      */
-    tokenize(options: { flow: string, intent: string, offerCredit: boolean, useraction: string, amount: (string | number), currency: string, displayName: string, locale: string, enableShippingAddress: boolean, shippingAddressOverride: PayPalShippingAddress, shippingAddressEditable: boolean, billingAgreementDescription: string }, callback: callback): PayPalTokenizeReturn;
+    tokenize(options: { flow: string, intent?: string, offerCredit?: boolean, useraction?: string, amount?: (string | number), currency?: string, displayName?: string, locale?: string, enableShippingAddress?: boolean, shippingAddressOverride?: PayPalShippingAddress, shippingAddressEditable?: boolean, billingAgreementDescription?: string }, callback: callback): PayPalTokenizeReturn;
 
     /**
      * Cleanly tear down anything set up by {@link module:braintree-web/paypal.create|create}.

From 1b390ec9a28904031131a73c69d49db43afd49b3 Mon Sep 17 00:00:00 2001
From: Danny Arnold <despair.blue@gmail.com>
Date: Wed, 26 Apr 2017 21:10:29 +0200
Subject: [PATCH 047/321] make types compliant with strictNullChecks (#15975)

---
 types/azure/index.d.ts    | 2 +-
 types/azure/tsconfig.json | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/types/azure/index.d.ts b/types/azure/index.d.ts
index 59d1b9d114..8e7a321713 100644
--- a/types/azure/index.d.ts
+++ b/types/azure/index.d.ts
@@ -1627,7 +1627,7 @@ export interface Entity {
     RowKey: string;
     Timestamp?: Date;
     etag?: string;
-    [property: string]: string | number | boolean | Date;
+    [property: string]: string | number | boolean | Date | undefined;
 }
 //#endregion
 //#region BlobService Interfaces
diff --git a/types/azure/tsconfig.json b/types/azure/tsconfig.json
index 5f058966d7..15e71337b2 100644
--- a/types/azure/tsconfig.json
+++ b/types/azure/tsconfig.json
@@ -6,7 +6,7 @@
         ],
         "noImplicitAny": true,
         "noImplicitThis": true,
-        "strictNullChecks": false,
+        "strictNullChecks": true,
         "baseUrl": "../",
         "typeRoots": [
             "../"

From d286c0ac79400cf9187fadba10d0d7b0daa9d1ab Mon Sep 17 00:00:00 2001
From: Ben Robinson <brobinson@5amsolutions.com>
Date: Wed, 26 Apr 2017 15:13:07 -0400
Subject: [PATCH 048/321] adding OAuth2 options to AuthOptions interface
 (#16149)

---
 types/nodemailer-smtp-transport/index.d.ts    | 24 +++++++++++++++++++
 .../nodemailer-smtp-transport-tests.ts        | 16 ++++++++++++-
 2 files changed, 39 insertions(+), 1 deletion(-)

diff --git a/types/nodemailer-smtp-transport/index.d.ts b/types/nodemailer-smtp-transport/index.d.ts
index da3bd13f31..7f0f8d7cca 100644
--- a/types/nodemailer-smtp-transport/index.d.ts
+++ b/types/nodemailer-smtp-transport/index.d.ts
@@ -18,6 +18,30 @@ declare namespace smtpTransport {
 
         /** indicates the authetication type, defaults to ‘login’, other option is ‘oauth2’ */
         type?: any;
+
+        /** is the registered client id of the application */
+        clientId?: string;
+
+        /** is the registered client secret of the application */
+        clientSecret?: string;
+        
+        /** is an optional refresh token. If it is provided then Nodemailer tries to generate a new access token if existing one expires or fails */
+        refreshToken?: string;
+        
+        /** is the access token for the user. Required only if refreshToken is not available and there is no token refresh callback specified */
+        accessToken?: string;
+        
+        /** is an optional expiration time for the current accessToken */
+        expires?: number;
+        
+        /** is an optional HTTP endpoint for requesting new access tokens. This value defaults to Gmail */
+        accessUrl?: string;
+
+        /** service client id, you can find it from the “client_id” field in the service key file */
+        serviceClient?: string;
+
+        /** is the private key contents, you can find it from the “private_key” field in the service key file */
+        privateKey?: string;
     }
 
     export interface SmtpOptions {
diff --git a/types/nodemailer-smtp-transport/nodemailer-smtp-transport-tests.ts b/types/nodemailer-smtp-transport/nodemailer-smtp-transport-tests.ts
index 45b8a3a24d..ccbffcef5a 100644
--- a/types/nodemailer-smtp-transport/nodemailer-smtp-transport-tests.ts
+++ b/types/nodemailer-smtp-transport/nodemailer-smtp-transport-tests.ts
@@ -4,7 +4,21 @@ import nodemailer = require('nodemailer');
 
 var opts: smtpTransport.SmtpOptions = {
 	host: "localhost",
-	port: 25
+	port: 25,
+    auth: {
+        type: 'OAuth2',
+        user: 'user@example.com',
+        // 3LO auth
+        clientId: '000000000000-xxx0.apps.googleusercontent.com',
+        clientSecret: 'XxxxxXXxX0xxxxxxxx0XXxX0',
+        refreshToken: '1/XXxXxsss-xxxXXXXXxXxx0XXXxxXXx0x00xxx',
+        accessToken: 'ya29.Xx_XX0xxxxx-xX0X0XxXXxXxXXXxX0x',
+        expires: 1484314697598,
+        // 2LO auth (test only, dont mix with 3LO)
+        serviceClient: '113600000000000000000',
+        privateKey: '-----BEGIN PRIVATE KEY-----\nMIIEvgIBADANBg...',
+    },
+    service: 'Gmail'
 };
 
 var transport: nodemailer.Transport = smtpTransport(opts);

From 94f553150d85dc54c34ce280cec58f7bb209ffaa Mon Sep 17 00:00:00 2001
From: Giedrius Grabauskas <GiedriusGrabauskas@users.noreply.github.com>
Date: Wed, 26 Apr 2017 22:13:40 +0300
Subject: [PATCH 049/321] Types for undertaker-registry@1.0 (#16146)

* undertaker-registry initial commit.

* Created index.d.ts for undertaker-registry

* Created tslint.json for undertaker-registry

* Created tests for undertaker-registry.
---
 types/undertaker-registry/index.d.ts          | 43 +++++++++++++++++++
 types/undertaker-registry/tsconfig.json       | 22 ++++++++++
 types/undertaker-registry/tslint.json         |  1 +
 .../undertaker-registry-tests.ts              | 37 ++++++++++++++++
 4 files changed, 103 insertions(+)
 create mode 100644 types/undertaker-registry/index.d.ts
 create mode 100644 types/undertaker-registry/tsconfig.json
 create mode 100644 types/undertaker-registry/tslint.json
 create mode 100644 types/undertaker-registry/undertaker-registry-tests.ts

diff --git a/types/undertaker-registry/index.d.ts b/types/undertaker-registry/index.d.ts
new file mode 100644
index 0000000000..02bff9fab3
--- /dev/null
+++ b/types/undertaker-registry/index.d.ts
@@ -0,0 +1,43 @@
+// Type definitions for undertaker-registry 1.0
+// Project: https://github.com/gulpjs/undertaker-registry
+// Definitions by: Giedrius Grabauskas <https://github.com/GiedriusGrabauskas>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+
+declare class UndertakerRegistry {
+    /**
+     * Returns the task with that name or undefined if no task is registered with that name.
+     * Useful for custom task storage.
+     * Custom registries can override this method when inheriting from this default registry.
+     * @param taskName {string} - Name of task.
+     */
+    get<TTaskFunction>(taskName: string): TTaskFunction;
+
+    /**
+     * No-op method that receives the undertaker instance.
+     * Useful to set pre-defined tasks using the undertaker.task(taskName, fn) method.
+     * Custom registries can override this method when inheriting from this default registry.
+     * @param taker {any} - Instance of undertaker.
+     */
+    init(taker: any): void;
+
+    /**
+     * Adds a task to the registry.
+     * If set modifies a task, it should return the new task so Undertaker can properly maintain metadata for the task.
+     * Useful for adding custom behavior to every task as it is registered in the system.
+     * Custom registries can override this method when inheriting from this default registry.
+     * @param taskName {string} - Name of task.
+     * @param fn {UndertakerRegistry.TaskFunction} - Task function.
+     */
+    set<TTaskFunction>(taskName: string, fn: TTaskFunction): TTaskFunction;
+
+    /**
+     * Returns an object listing all tasks in the registry.
+     * Necessary to override if the get method is overridden for custom task storage.
+     * Custom registries can override this when when inheriting from this default registry.
+     */
+    tasks(): { [taskName: string]: (...args: any[]) => any };
+}
+
+declare namespace UndertakerRegistry { }
+
+export = UndertakerRegistry;
diff --git a/types/undertaker-registry/tsconfig.json b/types/undertaker-registry/tsconfig.json
new file mode 100644
index 0000000000..f3fbd2389f
--- /dev/null
+++ b/types/undertaker-registry/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",
+        "undertaker-registry-tests.ts"
+    ]
+}
diff --git a/types/undertaker-registry/tslint.json b/types/undertaker-registry/tslint.json
new file mode 100644
index 0000000000..3db14f85ea
--- /dev/null
+++ b/types/undertaker-registry/tslint.json
@@ -0,0 +1 @@
+{ "extends": "dtslint/dt.json" }
diff --git a/types/undertaker-registry/undertaker-registry-tests.ts b/types/undertaker-registry/undertaker-registry-tests.ts
new file mode 100644
index 0000000000..4a6201c14f
--- /dev/null
+++ b/types/undertaker-registry/undertaker-registry-tests.ts
@@ -0,0 +1,37 @@
+import * as UndertakerRegistry from "undertaker-registry";
+
+const ArgTask = (firstArg: string, secondArg: number) => {
+    // Task
+};
+
+const NoArgTask = () => {
+    // Task without arguments
+};
+
+const registryInstance = new UndertakerRegistry();
+
+const setTask = registryInstance.set("task", ArgTask);
+setTask("string", 123);
+
+const getTask = registryInstance.get<typeof ArgTask>("taskName");
+getTask("string", 123);
+
+const tasks = registryInstance.tasks();
+const taskFromTasks = tasks["task"] as typeof ArgTask;
+taskFromTasks("string", 123);
+
+class MyRegistry extends UndertakerRegistry { }
+
+registryInstance.init(MyRegistry);
+
+const myRegistryInstance = new MyRegistry();
+
+const setTask2 = registryInstance.set("task", NoArgTask);
+setTask2();
+
+const getTask2 = registryInstance.get<typeof NoArgTask>("taskName");
+getTask2();
+
+const tasks2 = registryInstance.tasks();
+const taskFromTasks2 = tasks["task"] as typeof NoArgTask;
+taskFromTasks2();

From c4077c19e47d0cd277c7aa271afd026d0e36e51c Mon Sep 17 00:00:00 2001
From: arlecchino <kolbma@users.noreply.github.com>
Date: Wed, 26 Apr 2017 23:35:30 +0200
Subject: [PATCH 050/321] @types/bluebird: Make AggregateError ArrayLike
 (#16148)

* Make AggregateError ArrayLike

For simplification extend AggregateError from Array<Error>

* Make AggregateError implementing ArrayLike

AggregateError should be an Error and also an ArrayLike of Errors with a bunch of Array-methods.
---
 types/bluebird/index.d.ts | 23 ++++++++++++++++++++++-
 1 file changed, 22 insertions(+), 1 deletion(-)

diff --git a/types/bluebird/index.d.ts b/types/bluebird/index.d.ts
index e9a79d8834..cceb0ebc54 100644
--- a/types/bluebird/index.d.ts
+++ b/types/bluebird/index.d.ts
@@ -726,7 +726,28 @@ declare namespace Bluebird {
    *
    * `Promise.some` and `Promise.any` use `AggregateError` as rejection reason when they fail.
    */
-  export class AggregateError extends Error {}
+  export class AggregateError extends Error implements ArrayLike<Error> {
+    length: number;
+    [index: number]: Error;
+    join(separator?: string): string;
+    pop(): Error;
+    push(...errors: Error[]): number;
+    shift(): Error;
+    unshift(...errors: Error[]): number;
+    slice(begin?: number, end?: number): AggregateError;
+    filter(callback: (element: Error, index: number, array: AggregateError) => boolean, thisArg?: any): AggregateError;
+    forEach(callback: (element: Error, index: number, array: AggregateError) => void, thisArg?: any): undefined;
+    some(callback: (element: Error, index: number, array: AggregateError) => boolean, thisArg?: any): boolean;
+    every(callback: (element: Error, index: number, array: AggregateError) => boolean, thisArg?: any): boolean;
+    map(callback: (element: Error, index: number, array: AggregateError) => boolean, thisArg?: any): AggregateError;
+    indexOf(searchElement: Error, fromIndex?: number): number;
+    lastIndexOf(searchElement: Error, fromIndex?: number): number;
+    reduce(callback: (accumulator: any, element: Error, index: number, array: AggregateError) => any, initialValue?: any): any;
+    reduceRight(callback: (previousValue: any, element: Error, index: number, array: AggregateError) => any, initialValue?: any): any;
+    sort(compareFunction?: (errLeft: Error, errRight: Error) => number): AggregateError;
+    reverse(): AggregateError;
+  }
+
 
   /**
    * returned by `Bluebird.disposer()`.

From 8e246946208180a7e91c4e37f70894e807c39e8c Mon Sep 17 00:00:00 2001
From: Jan Klimke <jklimke@users.noreply.github.com>
Date: Wed, 26 Apr 2017 23:35:57 +0200
Subject: [PATCH 051/321] Updated 18next exists method and added ability to use
 string interpolation arguments (#16124)

* Updated i18next extists function definition

and allow for additional interpolation options to be passed as TranslationOptions

* Updated 18next test

* i18next fixed typing of exists key parameter

* i18next Fixed test typo
---
 types/i18next/i18next-tests.ts | 14 ++++++++++++--
 types/i18next/index.d.ts       |  4 +++-
 2 files changed, 15 insertions(+), 3 deletions(-)

diff --git a/types/i18next/i18next-tests.ts b/types/i18next/i18next-tests.ts
index 23c67cc742..e51f2f495c 100644
--- a/types/i18next/i18next-tests.ts
+++ b/types/i18next/i18next-tests.ts
@@ -10,12 +10,14 @@ i18n.init({
     resources: {
         en: {
             translation: {
-                helloWorld: 'Hello, world!'
+                helloWorld: 'Hello, world!',
+                helloWorldInterpolated: 'Hello, {{name}}!'
             }
         },
         ru: {
             translation: {
-                helloWorld: 'Привет, мир!'
+                helloWorld: 'Привет, мир!',
+                helloWorldInterpolated: 'Привет, {{name}}!'
             }
         }
     },
@@ -61,6 +63,14 @@ i18n.t('helloWorld', <i18n.TranslationOptions> {
     count: 10
 });
 
+i18n.t('helloWorldInterpolated', <i18n.TranslationOptions> {
+    defaultValue: 'default',
+    count: 10,
+    name: "world"
+});
+
+i18n.exists("helloWorld");
+
 const options:i18n.Options = i18n.options;
 const currentLanguage:string = i18n.language;
 const userLanguageCodes:string[] = i18n.languages;
diff --git a/types/i18next/index.d.ts b/types/i18next/index.d.ts
index 958bff12a6..ee06d8d18c 100644
--- a/types/i18next/index.d.ts
+++ b/types/i18next/index.d.ts
@@ -49,6 +49,8 @@ declare namespace i18n {
         joinArrays?: string;
         postProcess?: string | any[];
         interpolation?: InterpolationOptions;
+        //add an indexer to assure that interpolation arguments can be passed
+        [x: string]: any;
     }
 
     interface Options {
@@ -106,7 +108,7 @@ declare namespace i18n {
 
         t(key: string, options?: TranslationOptions): string | any | Array<any>;
 
-        exists(): boolean;
+        exists(key: string, options?: TranslationOptions): boolean;
 
         setDefaultNamespace(ns: string): void;
 

From b86db170281cae1fdba08e9f6d51b1248bc54405 Mon Sep 17 00:00:00 2001
From: troywweber7 <troywweber@gmail.com>
Date: Wed, 26 Apr 2017 14:37:53 -0700
Subject: [PATCH 052/321] mistake, can't use ts enums because objects don't
 exist (#16153)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Add an optional extended description…
---
 types/firmata/index.d.ts | 22 +++++++++++-----------
 1 file changed, 11 insertions(+), 11 deletions(-)

diff --git a/types/firmata/index.d.ts b/types/firmata/index.d.ts
index f18294d110..8f0457d46e 100644
--- a/types/firmata/index.d.ts
+++ b/types/firmata/index.d.ts
@@ -259,7 +259,7 @@ declare namespace Board {
 	}
 
 	// https://github.com/firmata/firmata.js/blob/v0.15.0/lib/firmata.js#L449-L464
-	enum PIN_MODE {
+	const enum PIN_MODE {
 		INPUT = 0x00,
 		OUTPUT = 0x01,
 		ANALOG = 0x02,
@@ -276,30 +276,30 @@ declare namespace Board {
 		UNKNOWN = 0x10,
 	}
 
-	enum PIN_STATE {
+	const enum PIN_STATE {
 		LOW = 0,
 		HIGH = 1
 	}
 
-	enum REPORTING {
+	const enum REPORTING {
 		ON = 1,
 		OFF = 0,
 	}
 
-	enum PULLUP_STATE {
+	const enum PULLUP_STATE {
 		ENABLED = 1,
 		DISABLED = 0,
 	}
 
 	// https://github.com/firmata/firmata.js/blob/v0.15.0/lib/firmata.js#L474-L478
-	enum STEPPER_TYPE {
+	const enum STEPPER_TYPE {
 		DRIVER = 1,
 		TWO_WIRE = 2,
 		FOUR_WIRE = 4,
 	}
 
 	// https://github.com/firmata/firmata.js/blob/v0.15.0/lib/firmata.js#L479-L484
-	enum STEPPER_RUN_STATE {
+	const enum STEPPER_RUN_STATE {
 		STOP = 0,
 		ACCEL = 1,
 		DECEL = 2,
@@ -307,13 +307,13 @@ declare namespace Board {
 	}
 
 	// https://github.com/firmata/firmata.js/blob/v0.15.0/lib/firmata.js#L485-L488
-	enum STEPPER_DIRECTION {
+	const enum STEPPER_DIRECTION {
 		CCW = 0,
 		CW = 1,
 	}
 
 	// https://github.com/firmata/firmata.js/blob/v0.15.0/lib/firmata.js#L466-L471
-	enum I2C_MODE {
+	const enum I2C_MODE {
 		WRITE = 0,
 		READ = 1,
 		CONTINUOUS_READ = 2,
@@ -321,13 +321,13 @@ declare namespace Board {
 	}
 
 	// https://github.com/firmata/firmata.js/blob/v0.15.0/lib/firmata.js#L491-L494
-	enum SERIAL_MODE {
+	const enum SERIAL_MODE {
 		CONTINUOUS_READ = 0x00,
 		STOP_READING = 0x01,
 	}
 
 	// https://github.com/firmata/firmata.js/blob/v0.15.0/lib/firmata.js#L497-L512
-	enum SERIAL_PORT_ID {
+	const enum SERIAL_PORT_ID {
 		HW_SERIAL0 = 0x00,
 		HW_SERIAL1 = 0x01,
 		HW_SERIAL2 = 0x02,
@@ -340,7 +340,7 @@ declare namespace Board {
 	}
 
 	// https://github.com/firmata/firmata.js/blob/v0.15.0/lib/firmata.js#L515-L524
-	enum SERIAL_PIN_TYPE {
+	const enum SERIAL_PIN_TYPE {
 		RES_RX0 = 0x00,
 		RES_TX0 = 0x01,
 		RES_RX1 = 0x02,

From 2a78cc163a687f44b25870e4e8dafbba7279b02e Mon Sep 17 00:00:00 2001
From: Frederick Fogerty <frederick.fogerty@gmail.com>
Date: Thu, 27 Apr 2017 09:47:50 +1200
Subject: [PATCH 053/321] Add types for capitalize (#16156)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Add an optional extended description…
---
 types/capitalize/capitalize-tests.ts | 12 ++++++++++++
 types/capitalize/index.d.ts          | 19 +++++++++++++++++++
 types/capitalize/tsconfig.json       | 22 ++++++++++++++++++++++
 types/capitalize/tslint.json         |  1 +
 4 files changed, 54 insertions(+)
 create mode 100644 types/capitalize/capitalize-tests.ts
 create mode 100644 types/capitalize/index.d.ts
 create mode 100644 types/capitalize/tsconfig.json
 create mode 100644 types/capitalize/tslint.json

diff --git a/types/capitalize/capitalize-tests.ts b/types/capitalize/capitalize-tests.ts
new file mode 100644
index 0000000000..5e74a594d0
--- /dev/null
+++ b/types/capitalize/capitalize-tests.ts
@@ -0,0 +1,12 @@
+import * as capitalize from "capitalize";
+import { words } from "capitalize";
+
+capitalize("united states");
+
+capitalize.words("united states");
+
+capitalize.words('hello-cañapolísas');
+
+capitalize.words("it's a nice day");
+
+words("united states");
diff --git a/types/capitalize/index.d.ts b/types/capitalize/index.d.ts
new file mode 100644
index 0000000000..b844784757
--- /dev/null
+++ b/types/capitalize/index.d.ts
@@ -0,0 +1,19 @@
+// Type definitions for capitalize 1.0
+// Project: https://github.com/grncdr/js-capitalize
+// Definitions by: Frederick Fogerty <https://github.com/frederickfogerty/>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+// TypeScript Version: 2.2
+
+/**
+ * Capitalize the first letter of a string
+ * @param input the string to capitalize
+ */
+declare function capitalize(input: string): string;
+declare namespace capitalize {
+	/**
+	 * Capitalize each word in a string
+	 * @param input the string to capitalize
+	 */
+	function words(input: string): string;
+}
+export = capitalize;
diff --git a/types/capitalize/tsconfig.json b/types/capitalize/tsconfig.json
new file mode 100644
index 0000000000..d196ac1315
--- /dev/null
+++ b/types/capitalize/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",
+        "capitalize-tests.ts"
+    ]
+}
\ No newline at end of file
diff --git a/types/capitalize/tslint.json b/types/capitalize/tslint.json
new file mode 100644
index 0000000000..2750cc0197
--- /dev/null
+++ b/types/capitalize/tslint.json
@@ -0,0 +1 @@
+{ "extends": "dtslint/dt.json" }
\ No newline at end of file

From fac0ab9e379ddb97e9de5097645babe0e96bbd22 Mon Sep 17 00:00:00 2001
From: ghybs <ghybs@users.noreply.github.com>
Date: Thu, 27 Apr 2017 01:55:47 +0400
Subject: [PATCH 054/321] Fix(moment-duration-format): trim "right" (#15970)

is a valid value for `DurationFormatSettings.trim` option.
See https://github.com/jsmreese/moment-duration-format#trim, `trim` can be a `boolean` or the `"right"` string value.
---
 types/moment-duration-format/index.d.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/types/moment-duration-format/index.d.ts b/types/moment-duration-format/index.d.ts
index 41b36bc34d..76eb839cbd 100644
--- a/types/moment-duration-format/index.d.ts
+++ b/types/moment-duration-format/index.d.ts
@@ -15,7 +15,7 @@ declare module "moment" {
     interface DurationFormatSettings {
         template?: string;
         precision?: number;
-        trim?: boolean;
+        trim?: boolean | "right";
         forceLength?: boolean;
     }
 }

From 86d6ae08baa3f72397cfc503fb184c252ba04ca6 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Martynas=20Kunig=C4=97lis?= <martynas@ignitenet.com>
Date: Thu, 27 Apr 2017 00:57:43 +0300
Subject: [PATCH 055/321] knex: added declarations for with(), withRaw() and
 withWrapped() (#15966)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Add an optional extended description…
---
 types/knex/index.d.ts    | 17 +++++++++++++++++
 types/knex/knex-tests.ts | 23 +++++++++++++++++++++++
 2 files changed, 40 insertions(+)

diff --git a/types/knex/index.d.ts b/types/knex/index.d.ts
index 5e926679b1..0b107481f7 100644
--- a/types/knex/index.d.ts
+++ b/types/knex/index.d.ts
@@ -64,6 +64,11 @@ declare namespace Knex {
         fullOuterJoin: Join;
         crossJoin: Join;
 
+        // Withs
+        with: With;
+        withRaw: WithRaw;
+        withWrapped: WithWrapped;
+
         // Wheres
         where: Where;
         andWhere: Where;
@@ -203,6 +208,18 @@ declare namespace Knex {
         (tableName: string, binding?: Value): QueryBuilder;
     }
 
+    interface With extends WithRaw, WithWrapped {
+    }
+
+    interface WithRaw {
+        (alias: string, raw: Raw): QueryBuilder;
+        (alias: string, sql: string, bindings?: Value[] | Object): QueryBuilder;
+    }
+
+    interface WithWrapped {
+        (alias: string, callback: (queryBuilder: QueryBuilder) => any): QueryBuilder;
+    }
+
     interface Where extends WhereRaw, WhereWrapped, WhereNull {
         (raw: Raw): QueryBuilder;
         (callback: (queryBuilder: QueryBuilder) => any): QueryBuilder;
diff --git a/types/knex/knex-tests.ts b/types/knex/knex-tests.ts
index 67b07f263b..1c2d5c4b4a 100644
--- a/types/knex/knex-tests.ts
+++ b/types/knex/knex-tests.ts
@@ -315,6 +315,29 @@ knex('accounts').where('activated', false).delete();
 knex('accounts').where('activated', false).delete('id');
 knex('accounts').where('activated', false).delete(['id', 'title']);
 
+knex.with('old_books', function(qb) {
+  qb.select('*').from('books').where('published_date', '<', 1970);
+}).select('*').from('old_books');
+
+knex.with('new_books', knex.raw('select * from books where published_date >= 2016'))
+  .select('*').from('new_books');
+
+knex.with('new_books', 'select * from books where published_date >= :year', { year: 2016 })
+  .select('*').from('new_books');
+
+knex.with('new_books', 'select * from books where published_date >= ?', [2016])
+  .select('*').from('new_books');
+
+knex.withRaw('recent_books', 'select * from books where published_date >= :year', { year: 2013 })
+  .select('*').from('recent_books');
+
+knex.withRaw('recent_books', knex.raw('select * from books where published_date >= ?', [2013]))
+  .select('*').from('recent_books');
+
+knex.withWrapped("antique_books", function (qb) {
+  qb.select('*').from('books').where('published_date', '<', 1899);
+}).select('*').from('antique_books');
+
 var someExternalMethod: Function;
 
 knex.transaction(function(trx) {

From ea0a353f21ab09fe70b683b8fc9589e2ce0495ca Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Martin=20Nov=C3=A1k?= <martinnovak@outlook.com>
Date: Thu, 27 Apr 2017 00:02:03 +0200
Subject: [PATCH 056/321] React-data-grid: adding Data and DraggableHeader
 (#15941)

* added Data + DraggableHeader in react-data-grid-addons types

* React-data-grid: adding Data and DraggableHeader

* edit test + more specific Selectors

* change Object to object
---
 types/react-data-grid/index.d.ts              | 21 ++++++++++++++++---
 .../react-data-grid/react-data-grid-tests.tsx |  9 +++++++-
 2 files changed, 26 insertions(+), 4 deletions(-)

diff --git a/types/react-data-grid/index.d.ts b/types/react-data-grid/index.d.ts
index 3db701477b..e22d8743a3 100644
--- a/types/react-data-grid/index.d.ts
+++ b/types/react-data-grid/index.d.ts
@@ -1,6 +1,6 @@
 // Type definitions for react-data-grid 2.0
 // Project: https://github.com/adazzle/react-data-grid.git
-// Definitions by: Simon Gellis <https://github.com/SupernaviX>, Kieran Peat <https://github.com/KieranPeat>
+// Definitions by: Simon Gellis <https://github.com/SupernaviX>, Kieran Peat <https://github.com/KieranPeat>, Martin Novak <https://github.com/martinnov92/>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 // TypeScript Version: 2.2
 
@@ -464,6 +464,15 @@ declare namespace AdazzleReactDataGridPlugins {
         export class DropDownFormatter extends React.Component<any, {}> { }
     }
     export class Toolbar extends React.Component<any, any> {}
+    export namespace DraggableHeader {
+        export class DraggableContainer extends React.Component<any, any>{ }
+    }
+    export namespace Data {
+        export const Selectors: {
+            getRows: (state: object) => object[];
+            getSelectedRowsByKey: (state: object) => object[];
+        }
+    }
     // TODO: re-export the react-contextmenu typings once those exist
     // https://github.com/vkbansal/react-contextmenu/issues/10
     export namespace Menu {
@@ -497,13 +506,17 @@ declare module "react-data-grid-addons" {
     import Formatters = Plugins.Formatters;
     import Toolbar = Plugins.Toolbar;
     import Menu = Plugins.Menu;
+    import Data = Plugins.Data;
+    import DraggableHeader = Plugins.DraggableHeader;
 
     // ES6 named exports
     export {
         Editors,
         Formatters,
         Toolbar,
-        Menu
+        Menu,
+        Data,
+        DraggableHeader
     }
 
     // attach to window
@@ -513,7 +526,9 @@ declare module "react-data-grid-addons" {
                 Editors: typeof Editors
                 Formatters: typeof Formatters
                 Toolbar: typeof Toolbar
-                Menu: typeof Menu
+                Menu: typeof Menu,
+                Data: typeof Data,
+                DraggableHeader: typeof DraggableHeader
             }
         }
     }
diff --git a/types/react-data-grid/react-data-grid-tests.tsx b/types/react-data-grid/react-data-grid-tests.tsx
index 287a74c449..6d5ff3b4da 100644
--- a/types/react-data-grid/react-data-grid-tests.tsx
+++ b/types/react-data-grid/react-data-grid-tests.tsx
@@ -7,7 +7,7 @@ var Editors = ReactDataGridPlugins.Editors;
 var Toolbar = ReactDataGridPlugins.Toolbar;
 var AutoCompleteEditor = Editors.AutoComplete;
 var DropDownEditor = Editors.DropDownEditor;
-
+var { Selectors } = ReactDataGridPlugins.Data;
 
 class CustomFilterHeaderCell extends React.Component<any, any> {
    constructor(props: any, context: any) {
@@ -253,6 +253,12 @@ class Example extends React.Component<any, any> {
         // Do nothing, just test that it accepts an event
     }
 
+    getRows() {
+        const rows = Selectors.getRows(this.state);
+        console.log(rows);
+        return rows;
+    }
+
     handleAddRow(e:any) {
         var newRow = {
             value: e.newRowIndex,
@@ -266,6 +272,7 @@ class Example extends React.Component<any, any> {
     }
 
     getRowAt(index:number) {
+        this.getRows();
         if (index < 0 || index > this.getSize()) {
             return undefined;
         }

From 73a64f4abac50fb07a41f1613cc10fdb1a197ade Mon Sep 17 00:00:00 2001
From: Travis Sturzl <travissturzl@gmail.com>
Date: Wed, 26 Apr 2017 16:09:45 -0600
Subject: [PATCH 057/321] [hashids] Use class instead of interface (#15920)

* Use class instead of interface

Allows hashids to be used as a type in a property `public hasher: Hashids;` and as a class `this.hasher = new Hashids()`;

* modify tests

* No need for module declaration

* modify tests
---
 types/hashids/hashids-tests.ts |  2 +-
 types/hashids/index.d.ts       | 46 +++++++++++++++-------------------
 2 files changed, 21 insertions(+), 27 deletions(-)

diff --git a/types/hashids/hashids-tests.ts b/types/hashids/hashids-tests.ts
index e1a6c094ec..e08465d01e 100644
--- a/types/hashids/hashids-tests.ts
+++ b/types/hashids/hashids-tests.ts
@@ -1,7 +1,7 @@
 
 
 /* require hashids */
-import Hashids = require("hashids");
+import Hashids from 'hashids';
 
 /* creating class object */
 var hashids = new Hashids("this is my salt");
diff --git a/types/hashids/index.d.ts b/types/hashids/index.d.ts
index d7c5ec56b7..8a3456a1f8 100644
--- a/types/hashids/index.d.ts
+++ b/types/hashids/index.d.ts
@@ -5,30 +5,24 @@
 
 /// <reference types="node" />
 
-declare namespace Hashids {
-
-    export interface IHashids {
-        new(salt: string, minHashLength?: number, alphabet?: string): IHashids;
-        version: string;
-        minAlphabetLength: number;
-        sepDiv: number;
-        guardDiv: number;
-        errorAlphabetLength: string;
-        errorAlphabetSpace: string;
-        alphabet: string[];
-        seps: string;
-        minHashLength: number;
-        salt: string;
-        decode(hash: string): number[];
-        encode(arg: number): string;
-        encode(arg: number[]): string;
-        encode(...args: number[]): string;
-        encodeHex(str: string): string;
-        decodeHex(hash: string): string;
-        hash(input: number, alphabet: string): string;
-        unhash(input: string[], alphabet: string): number;
-    }
+export default class Hashids {
+    private version: string;
+    private minAlphabetLength: number;
+    private sepDiv: number;
+    private guardDiv: number;
+    private errorAlphabetLength: string;
+    private errorAlphabetSpace: string;
+    private alphabet: string[];
+    private seps: string;
+    private minHashLength: number;
+    private salt: string;
+    constructor(salt: string, minHashLength?: number, alphabet?: string);
+    public decode(hash: string): number[];
+    public encode(arg: number): string;
+    public encode(arg: number[]): string;
+    public encode(...args: number[]): string;
+    public encodeHex(str: string): string;
+    public decodeHex(hash: string): string;
+    public hash(input: number, alphabet: string): string;
+    public unhash(input: string[], alphabet: string): number;
 }
-
-declare var hashids: Hashids.IHashids;
-export = hashids;

From 250b32ce860509c14dd1be7cf02468495fb1b305 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Ciar=C3=A1n=20Curley?= <ciaran.curley.11.11@gmail.com>
Date: Wed, 26 Apr 2017 23:10:05 +0100
Subject: [PATCH 058/321] radium: Add radiumConfig prop to StyleRoot (#15916)

* Add radiumConfig to StyleRoot

* Made prop optional

* Add tests
---
 types/radium/index.d.ts       |  1 +
 types/radium/radium-tests.tsx | 55 ++++++++++++++++++++++++++++-------
 2 files changed, 45 insertions(+), 11 deletions(-)

diff --git a/types/radium/index.d.ts b/types/radium/index.d.ts
index 8345b9516f..58f9045923 100644
--- a/types/radium/index.d.ts
+++ b/types/radium/index.d.ts
@@ -44,6 +44,7 @@ declare namespace Radium {
      * StyleRoot component properties
      */
     export interface StyleRootProps extends React.HTMLProps<StyleRoot> {
+         radiumConfig?: RadiumConfig
     }
     /**
      * <StyleRoot />
diff --git a/types/radium/radium-tests.tsx b/types/radium/radium-tests.tsx
index 45d670a98b..7fffa1b187 100644
--- a/types/radium/radium-tests.tsx
+++ b/types/radium/radium-tests.tsx
@@ -5,19 +5,19 @@ import * as Radium from 'radium';
 @Radium
 class TestComponent extends React.Component<{ a: number }, any> {
 
-	render() {
-		return (
-			<div >
-				Test with Radium
+    render() {
+        return (
+            <div >
+                Test with Radium
 			</div>
-		);
-	}
+        );
+    }
 }
 
-let TestStatelessComponent = (props: { a: number }) => <div/>;
+let TestStatelessComponent = (props: { a: number }) => <div />;
 TestStatelessComponent = Radium(TestStatelessComponent);
 
-<TestStatelessComponent a={5}/>
+<TestStatelessComponent a={5} />
 
 
 @Radium({
@@ -38,19 +38,52 @@ class TestComponentWithConfig extends React.Component<{ a?: number }, {}> {
                                 textAlign: "center"
                             }
                         }}
-                        >
+                    >
                     </Style>
                     <Style scopeSelector="test"
                         rules={{
                             background: "green"
                         }}
-                        >
+                    >
                     </Style>
                 </Radium.StyleRoot>
             </div>
         )
     }
 }
-<TestComponentWithConfig a={5}/>
+<TestComponentWithConfig a={5} />
+
+class TestComponentWithConfigInStyleRoot
+    extends React.Component<{ a?: number }, {}> {
+    render() {
+        return (
+            <div>
+                <Radium.StyleRoot radiumConfig={{
+                    userAgent: "test",
+                    matchMedia: window.matchMedia
+                }} >
+                    <Style scopeSelector="test"
+                        rules={{
+                            a: {
+                                background: "green"
+                            },
+                            body: {
+                                textAlign: "center"
+                            }
+                        }}
+                    >
+                    </Style>
+                    <Style scopeSelector="test"
+                        rules={{
+                            background: "green"
+                        }}
+                    >
+                    </Style>
+                </Radium.StyleRoot>
+            </div>
+        )
+    }
+}
+<TestComponentWithConfigInStyleRoot a={5} />
 
 Radium.TestMode.enable();

From 898f68df32d0f50c654e03a15b163e8469994b7d Mon Sep 17 00:00:00 2001
From: Alan Agius <alan.agius4@gmail.com>
Date: Thu, 27 Apr 2017 00:10:29 +0200
Subject: [PATCH 059/321] fix(fs-extra-promise): add missing version (#15915)

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

diff --git a/types/fs-extra-promise/index.d.ts b/types/fs-extra-promise/index.d.ts
index a4d34126ea..a03512a577 100644
--- a/types/fs-extra-promise/index.d.ts
+++ b/types/fs-extra-promise/index.d.ts
@@ -1,4 +1,4 @@
-// Type definitions for fs-extra-promise
+// Type definitions for fs-extra-promise 1.0
 // Project: https://github.com/overlookmotel/fs-extra-promise
 // Definitions by: midknight41 <https://github.com/midknight41>, Jason Swearingen <https://github.com/jasonswearingen>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped

From 908dc2e25977e920a1643f70ef5d6c9a35b84f65 Mon Sep 17 00:00:00 2001
From: iislucas <ldixon@google.com>
Date: Wed, 26 Apr 2017 18:11:38 -0400
Subject: [PATCH 060/321] Added missing url/metadata objects for photos.
 (#15903)

---
 types/gapi.people/index.d.ts | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/types/gapi.people/index.d.ts b/types/gapi.people/index.d.ts
index 86bf930beb..894dd8a0d1 100644
--- a/types/gapi.people/index.d.ts
+++ b/types/gapi.people/index.d.ts
@@ -117,11 +117,15 @@ declare namespace gapi.client.people {
     value: string;
     type: NicknameType;
   }
-
+  
   interface CoverPhoto {
+    metadata: FieldMetadata;
+    url: string;
   }
 
   interface Photo {
+    metadata: FieldMetadata;
+    url: string;
   }
 
   interface Gender {

From 692a3c7637995a305b8a0e5f8089711ff2037cfb Mon Sep 17 00:00:00 2001
From: Jeff Kenney <jeffkenney@users.noreply.github.com>
Date: Wed, 26 Apr 2017 15:18:33 -0700
Subject: [PATCH 061/321] hapi: set IServerInjectResponse.result to any type
 since it is a pre-serialization response (#15794)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Add an optional extended description…
---
 types/hapi/index.d.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/types/hapi/index.d.ts b/types/hapi/index.d.ts
index 3715fef37c..d4c8861a78 100644
--- a/types/hapi/index.d.ts
+++ b/types/hapi/index.d.ts
@@ -1008,7 +1008,7 @@ export interface IServerInjectResponse {
 		req: http.IncomingMessage;
 		res: http.ServerResponse
 	};
-	result: string;
+	result: any;
 	request: Request;
 }
 

From c340b2e633af705e01a6837324879ee0dea8be2f Mon Sep 17 00:00:00 2001
From: Nicholas Simmons <nick.simmons@shopify.com>
Date: Wed, 26 Apr 2017 18:21:38 -0400
Subject: [PATCH 062/321] Add koa-generic-session types (#16155)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Add an optional extended description…
---
 types/koa-generic-session/index.d.ts          | 54 +++++++++++++++++++
 .../koa-generic-session-tests.ts              | 35 ++++++++++++
 types/koa-generic-session/tsconfig.json       | 22 ++++++++
 types/koa-generic-session/tslint.json         |  1 +
 4 files changed, 112 insertions(+)
 create mode 100644 types/koa-generic-session/index.d.ts
 create mode 100644 types/koa-generic-session/koa-generic-session-tests.ts
 create mode 100644 types/koa-generic-session/tsconfig.json
 create mode 100644 types/koa-generic-session/tslint.json

diff --git a/types/koa-generic-session/index.d.ts b/types/koa-generic-session/index.d.ts
new file mode 100644
index 0000000000..f3a84e7b20
--- /dev/null
+++ b/types/koa-generic-session/index.d.ts
@@ -0,0 +1,54 @@
+// Type definitions for koa-generic-session 1.x
+// Project: https://github.com/koajs/generic-session
+// Definitions by: Nick Simmons <https://github.com/nsimmons/>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+
+import * as Koa from "koa";
+
+declare namespace koaSession {
+    interface Session {
+        cookie: any;
+    }
+
+    interface SessionIdStore {
+        get(): any;
+        set(sid: string, session: Session): void;
+        reset(): void;
+    }
+
+    interface SessionStore {
+        (): SessionStore;
+        get(sid: string): any;
+        set(sid: string, session: Session, ttl: number): void;
+        destroy(sid: string): void;
+    }
+
+    interface SessionOptions {
+        key?: string;
+        store?: SessionStore;
+        ttl?: number;
+        prefix?: string;
+        cookie?: {
+            path?: string;
+            rewrite?: boolean;
+            signed?: boolean;
+            maxAge?: number;
+            secure?: boolean;
+            httpOnly?: boolean;
+        };
+        allowEmpty?: boolean;
+        defer?: boolean;
+        reconnectTimeout?: number;
+        rolling?: boolean;
+        sessionIdStore?: SessionIdStore;
+        genSid?(length: number): string;
+        errorHandler?(error: Error, type: string, ctx: Koa.Context): void;
+        valid?(ctx: Koa.Context, session: Session): boolean;
+        beforeSave?(ctx: Koa.Context, session: Session): void;
+    }
+
+    const MemoryStore: SessionStore;
+}
+
+declare function koaSession(options: koaSession.SessionOptions): Koa.Middleware;
+export = koaSession;
diff --git a/types/koa-generic-session/koa-generic-session-tests.ts b/types/koa-generic-session/koa-generic-session-tests.ts
new file mode 100644
index 0000000000..fb8d69b0e0
--- /dev/null
+++ b/types/koa-generic-session/koa-generic-session-tests.ts
@@ -0,0 +1,35 @@
+import * as Koa from "koa";
+import {MemoryStore, Session} from "koa-generic-session";
+import session = require("koa-generic-session");
+
+const app = new Koa();
+
+app.use(session({
+    key: 'sessionKey',
+    store: MemoryStore(),
+    ttl: 60 * 60,
+    prefix: 'a-prefix',
+    cookie: {
+        path: '/test',
+        rewrite: false,
+        signed: false,
+        maxAge: 60 * 60,
+        secure: true,
+        httpOnly: true,
+    },
+    allowEmpty: false,
+    defer: false,
+    reconnectTimeout: 100,
+    rolling: false,
+    sessionIdStore: {
+        get: () => 'something',
+        set: (sid: string, session: Session) => {},
+        reset: () => {}
+    },
+    genSid: (length: number) => 'aSid',
+    errorHandler: (error: Error, type: string, ctx: Koa.Context) => {},
+    valid: (ctx: Koa.Context, session: Session) => true,
+    beforeSave: (ctx: Koa.Context, session: Session) => {}
+}));
+
+app.listen(80);
diff --git a/types/koa-generic-session/tsconfig.json b/types/koa-generic-session/tsconfig.json
new file mode 100644
index 0000000000..b4cf43dab8
--- /dev/null
+++ b/types/koa-generic-session/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",
+        "koa-generic-session-tests.ts"
+    ]
+}
\ No newline at end of file
diff --git a/types/koa-generic-session/tslint.json b/types/koa-generic-session/tslint.json
new file mode 100644
index 0000000000..2750cc0197
--- /dev/null
+++ b/types/koa-generic-session/tslint.json
@@ -0,0 +1 @@
+{ "extends": "dtslint/dt.json" }
\ No newline at end of file

From 05efee5a4ec955309880139795de2e2b583b469c Mon Sep 17 00:00:00 2001
From: Karol Janyst <lapkom@gmail.com>
Date: Thu, 27 Apr 2017 23:16:54 +0900
Subject: [PATCH 063/321] Add definitions for react-transition-group (#16117)

* Add definitions for react-transition-group

* Change authors in header
---
 .../CSSTransitionGroup.d.ts                   | 27 +++++++
 .../TransitionGroup.d.ts                      | 19 +++++
 types/react-transition-group/index.d.ts       | 29 ++++++++
 .../react-transition-group-tests.tsx          | 73 +++++++++++++++++++
 types/react-transition-group/tsconfig.json    | 25 +++++++
 types/react-transition-group/tslint.json      |  1 +
 6 files changed, 174 insertions(+)
 create mode 100644 types/react-transition-group/CSSTransitionGroup.d.ts
 create mode 100644 types/react-transition-group/TransitionGroup.d.ts
 create mode 100644 types/react-transition-group/index.d.ts
 create mode 100644 types/react-transition-group/react-transition-group-tests.tsx
 create mode 100644 types/react-transition-group/tsconfig.json
 create mode 100644 types/react-transition-group/tslint.json

diff --git a/types/react-transition-group/CSSTransitionGroup.d.ts b/types/react-transition-group/CSSTransitionGroup.d.ts
new file mode 100644
index 0000000000..0069962eb9
--- /dev/null
+++ b/types/react-transition-group/CSSTransitionGroup.d.ts
@@ -0,0 +1,27 @@
+import { Component } from "react";
+import { HTMLTransitionGroupProps } from "./index";
+
+declare namespace CSSTransitionGroup {
+    interface CSSTransitionGroupTransitionName {
+        enter: string;
+        enterActive?: string;
+        leave: string;
+        leaveActive?: string;
+        appear?: string;
+        appearActive?: string;
+    }
+
+    interface CSSTransitionGroupProps extends HTMLTransitionGroupProps<CSSTransitionGroup> {
+        transitionName: string | CSSTransitionGroupTransitionName;
+        transitionAppear?: boolean;
+        transitionAppearTimeout?: number;
+        transitionEnter?: boolean;
+        transitionEnterTimeout?: number;
+        transitionLeave?: boolean;
+        transitionLeaveTimeout?: number;
+    }
+}
+
+declare class CSSTransitionGroup extends Component<CSSTransitionGroup.CSSTransitionGroupProps, any> {}
+
+export = CSSTransitionGroup;
diff --git a/types/react-transition-group/TransitionGroup.d.ts b/types/react-transition-group/TransitionGroup.d.ts
new file mode 100644
index 0000000000..04d218399c
--- /dev/null
+++ b/types/react-transition-group/TransitionGroup.d.ts
@@ -0,0 +1,19 @@
+import { Component, HTMLAttributes, ReactElement, ReactType } from "react";
+import { HTMLTransitionGroupProps } from "./index";
+
+declare namespace TransitionGroup {
+    interface TransitionGroupChildLifecycle {
+        componentWillAppear?(callback: () => void): void;
+        componentDidAppear?(): void;
+        componentWillEnter?(callback: () => void): void;
+        componentDidEnter?(): void;
+        componentWillLeave?(callback: () => void): void;
+        componentDidLeave?(): void;
+    }
+
+    type TransitionGroupProps = HTMLTransitionGroupProps<TransitionGroup>;
+}
+
+declare class TransitionGroup extends Component<TransitionGroup.TransitionGroupProps, any> {}
+
+export = TransitionGroup;
diff --git a/types/react-transition-group/index.d.ts b/types/react-transition-group/index.d.ts
new file mode 100644
index 0000000000..5faf397a34
--- /dev/null
+++ b/types/react-transition-group/index.d.ts
@@ -0,0 +1,29 @@
+// Type definitions for react-transition-group 1.1
+// Project: https://github.com/reactjs/react-transition-group
+// Definitions by: Karol Janyst <https://github.com/LKay>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+// TypeScript Version: 2.1
+
+import { HTMLAttributes, ReactElement, ReactType } from "react";
+
+export interface HTMLTransitionGroupProps<T> extends HTMLAttributes<T> {
+    component?: ReactType;
+    childFactory?(child: ReactElement<any>): ReactElement<any>;
+}
+
+import * as TransitionGroup from "./TransitionGroup";
+export {
+    TransitionGroupProps,
+    TransitionGroupChildLifecycle
+} from "./TransitionGroup";
+
+import * as CSSTransitionGroup from "./CSSTransitionGroup";
+export {
+    CSSTransitionGroupProps,
+    CSSTransitionGroupTransitionName
+} from "./CSSTransitionGroup";
+
+export {
+    TransitionGroup,
+    CSSTransitionGroup
+};
diff --git a/types/react-transition-group/react-transition-group-tests.tsx b/types/react-transition-group/react-transition-group-tests.tsx
new file mode 100644
index 0000000000..4046adafdd
--- /dev/null
+++ b/types/react-transition-group/react-transition-group-tests.tsx
@@ -0,0 +1,73 @@
+import * as React from "react";
+import * as TransitionGroup from "react-transition-group/TransitionGroup";
+import * as CSSTransitionGroup from "react-transition-group/CSSTransitionGroup";
+import { CSSTransitionGroupProps, TransitionGroupProps, TransitionGroupChildLifecycle } from "react-transition-group";
+
+class TestChild extends React.Component<any, any> implements TransitionGroupChildLifecycle {
+    componentWillAppear(callback: () => void) {
+        callback();
+    }
+
+    componentDidAppear() {}
+
+    componentWillEnter(callback: () => void) {
+        callback();
+    }
+
+    componentDidEnter() {}
+
+    componentWillLeave(callback: () => void) {
+        callback();
+    }
+
+    componentDidLeave() {}
+
+    render() {
+        return (<li>{ "Test" }</li>);
+    }
+}
+
+const Test: React.StatelessComponent<any> = () => {
+    return (
+        <div>
+            <TransitionGroup component="ul" className="animated-list">
+                <TestChild />
+            </TransitionGroup>
+
+            <CSSTransitionGroup
+                transitionName="example"
+                transitionAppear={ true }
+                transitionAppearTimeout={ 500 }
+                transitionEnter={ true }
+                transitionEnterTimeout={ 500 }
+                transitionLeave={ true }
+                transitionLeaveTimeout={ 500 }
+            >
+                <div>{ "test" }</div>
+            </CSSTransitionGroup>
+
+            <CSSTransitionGroup
+                transitionName={ {
+                    enter: "enter",
+                    enterActive: "enterActive",
+                    leave: "leave",
+                    leaveActive: "leaveActive",
+                    appear: "appear",
+                    appearActive: "appearActive"
+                } }
+            >
+                <div>{ "test" }</div>
+            </CSSTransitionGroup>
+
+            <CSSTransitionGroup
+                transitionName={ {
+                    enter: "enter",
+                    leave: "leave",
+                    appear: "appear"
+                } }
+            >
+                <div>{ "test" }</div>
+            </CSSTransitionGroup>
+        </div>
+    );
+};
diff --git a/types/react-transition-group/tsconfig.json b/types/react-transition-group/tsconfig.json
new file mode 100644
index 0000000000..1fbbc5df49
--- /dev/null
+++ b/types/react-transition-group/tsconfig.json
@@ -0,0 +1,25 @@
+{
+    "compilerOptions": {
+        "module": "commonjs",
+        "lib": [
+            "es6"
+        ],
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictNullChecks": true,
+        "jsx": "react",
+        "baseUrl": "../",
+        "typeRoots": [
+            "../"
+        ],
+        "types": [],
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true
+    },
+    "files": [
+        "index.d.ts",
+        "CSSTransitionGroup.d.ts",
+        "TransitionGroup.d.ts",
+        "react-transition-group-tests.tsx"
+    ]
+}
diff --git a/types/react-transition-group/tslint.json b/types/react-transition-group/tslint.json
new file mode 100644
index 0000000000..3db14f85ea
--- /dev/null
+++ b/types/react-transition-group/tslint.json
@@ -0,0 +1 @@
+{ "extends": "dtslint/dt.json" }

From cff3ba94792716263ce058aceb2f16bafca28310 Mon Sep 17 00:00:00 2001
From: John Reilly <johnr@hq.trayport.com>
Date: Thu, 27 Apr 2017 15:26:51 +0100
Subject: [PATCH 064/321] [React] Moved shallowRenderer into
 react-test-renderer as per
 https://facebook.github.io/react/blog/2017/04/07/react-v15.5.0.html#react-test-utils

---
 types/react-test-renderer/index.d.ts          |  4 ++--
 .../react-test-renderer-tests.ts              |  8 +++++++
 types/react-test-renderer/shallow/index.d.ts  | 22 +++++++++++++++++++
 3 files changed, 32 insertions(+), 2 deletions(-)
 create mode 100644 types/react-test-renderer/shallow/index.d.ts

diff --git a/types/react-test-renderer/index.d.ts b/types/react-test-renderer/index.d.ts
index f87254fe23..e967fde49c 100644
--- a/types/react-test-renderer/index.d.ts
+++ b/types/react-test-renderer/index.d.ts
@@ -1,6 +1,6 @@
-// Type definitions for react-test-renderer 15.4
+// Type definitions for react-test-renderer 15.5
 // Project: https://facebook.github.io/react/
-// Definitions by: Arvitaly <https://github.com/arvitaly>, Lochbrunner <https://github.com/lochbrunner>
+// Definitions by: Arvitaly <https://github.com/arvitaly>, Lochbrunner <https://github.com/lochbrunner>, Lochbrunner <https://github.com/lochbrunner>, John Reilly <https://github.com/johnnyreilly/>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 // TypeScript Version: 2.1
 
diff --git a/types/react-test-renderer/react-test-renderer-tests.ts b/types/react-test-renderer/react-test-renderer-tests.ts
index 790d0b0d92..a59dbc158a 100644
--- a/types/react-test-renderer/react-test-renderer-tests.ts
+++ b/types/react-test-renderer/react-test-renderer-tests.ts
@@ -1,5 +1,6 @@
 import React = require("react");
 import { create } from "react-test-renderer";
+import * as ReactTestUtils from './shallow';
 
 const tree = create(React.createElement("div"), {
     createNodeMock: (el: React.ReactElement<any>) => {
@@ -13,3 +14,10 @@ tree.props = {
 };
 tree.children = [tree];
 tree.$$typeof = "t";
+
+class TestComponent extends React.Component<{}, {}> { }
+
+const component = React.createElement(TestComponent);
+const shallowRenderer = ReactTestUtils.createRenderer();
+shallowRenderer.render(component);
+shallowRenderer.getRenderOutput();
diff --git a/types/react-test-renderer/shallow/index.d.ts b/types/react-test-renderer/shallow/index.d.ts
new file mode 100644
index 0000000000..493ad4a777
--- /dev/null
+++ b/types/react-test-renderer/shallow/index.d.ts
@@ -0,0 +1,22 @@
+import { ReactElement } from 'react';
+
+export interface ShallowRenderer {
+    /**
+     * After `shallowRenderer.render()` has been called, returns shallowly rendered output.
+     */
+    getRenderOutput<E extends ReactElement<any>>(): E;
+    /**
+     * After `shallowRenderer.render()` has been called, returns shallowly rendered output.
+     */
+    getRenderOutput(): ReactElement<any>;
+    /**
+     * Similar to `ReactDOM.render` but it doesn't require DOM and only renders a single level deep.
+     */
+    render(element: ReactElement<any>, context?: any): void;
+    unmount(): void;
+}
+
+/**
+ * Call this in your tests to create a shallow renderer.
+ */
+export function createRenderer(): ShallowRenderer;

From 395180292667ff17a97daae3f1eac588e8096a9d Mon Sep 17 00:00:00 2001
From: John Reilly <johnr@hq.trayport.com>
Date: Thu, 27 Apr 2017 15:39:05 +0100
Subject: [PATCH 065/321] change reference

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

diff --git a/types/react-test-renderer/react-test-renderer-tests.ts b/types/react-test-renderer/react-test-renderer-tests.ts
index a59dbc158a..c93b27e0b2 100644
--- a/types/react-test-renderer/react-test-renderer-tests.ts
+++ b/types/react-test-renderer/react-test-renderer-tests.ts
@@ -1,6 +1,6 @@
 import React = require("react");
 import { create } from "react-test-renderer";
-import * as ReactTestUtils from './shallow';
+import { createRenderer } from 'react-test-renderer/shallow';
 
 const tree = create(React.createElement("div"), {
     createNodeMock: (el: React.ReactElement<any>) => {
@@ -18,6 +18,6 @@ tree.$$typeof = "t";
 class TestComponent extends React.Component<{}, {}> { }
 
 const component = React.createElement(TestComponent);
-const shallowRenderer = ReactTestUtils.createRenderer();
+const shallowRenderer = createRenderer();
 shallowRenderer.render(component);
 shallowRenderer.getRenderOutput();

From ca84513e8400c390e1d1ca713edab3cef8f43060 Mon Sep 17 00:00:00 2001
From: John Reilly <johnr@hq.trayport.com>
Date: Thu, 27 Apr 2017 15:46:14 +0100
Subject: [PATCH 066/321] include missing file

---
 types/react-test-renderer/tsconfig.json | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/types/react-test-renderer/tsconfig.json b/types/react-test-renderer/tsconfig.json
index 0bff5e3068..568caa6698 100644
--- a/types/react-test-renderer/tsconfig.json
+++ b/types/react-test-renderer/tsconfig.json
@@ -18,6 +18,7 @@
     },
     "files": [
         "index.d.ts",
+        "shallow/index.d.ts",
         "react-test-renderer-tests.ts"
     ]
-}
\ No newline at end of file
+}

From e44c291ab7398c46efd9b1e884fd993ad9ecee53 Mon Sep 17 00:00:00 2001
From: Mark Crawshaw <mark.crawshaw@memento.net.au>
Date: Fri, 28 Apr 2017 02:50:26 +1000
Subject: [PATCH 067/321] Allow 'styleName' for SVG elements via react module
 augment (#16004)

---
 types/react-css-modules/index.d.ts            |  5 ++++-
 .../react-css-modules-tests.tsx               | 20 +++++++++++++++++++
 2 files changed, 24 insertions(+), 1 deletion(-)

diff --git a/types/react-css-modules/index.d.ts b/types/react-css-modules/index.d.ts
index d569850f99..32835f0c1d 100644
--- a/types/react-css-modules/index.d.ts
+++ b/types/react-css-modules/index.d.ts
@@ -1,4 +1,4 @@
-// Type definitions for react-css-modules 3.7.9
+// Type definitions for react-css-modules 4.2.0
 // Project: https://github.com/gajus/react-css-modules
 // Definitions by: Kostya Esmukov <https://github.com/KostyaEsmukov>, Tadas Dailyda <https://github.com/skirsdeda>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
@@ -33,4 +33,7 @@ declare module 'react' {
     interface HTMLAttributes<T> {
         styleName?: string;
     }
+    interface SVGAttributes<T> {
+        styleName?: string;
+    }
 }
diff --git a/types/react-css-modules/react-css-modules-tests.tsx b/types/react-css-modules/react-css-modules-tests.tsx
index 62a3470dcb..18f4cd04e3 100644
--- a/types/react-css-modules/react-css-modules-tests.tsx
+++ b/types/react-css-modules/react-css-modules-tests.tsx
@@ -41,3 +41,23 @@ class TableDecorated extends React.Component<TableDecoratedProps, {}> {
         </div>;
     }
 }
+
+
+interface TableProps extends CSSModules.InjectedCSSModuleProps {
+
+}
+
+class Svg extends React.Component<TableProps, {}> {
+    render () {
+        const { styles } = this.props;
+
+        return <svg styleName='table'>
+            <g styleName='row'>
+                <rect styleName='cell' />
+                <rect styleName='cell' />
+            </g>
+        </svg>;
+    }
+}
+
+const SvgHOC = CSSModules(Svg, styles);

From 2c5a92b5e284e2e42c24a266e0f0cf459994ef98 Mon Sep 17 00:00:00 2001
From: Katsuya Hino <dobogo0@gmail.com>
Date: Fri, 28 Apr 2017 01:51:24 +0900
Subject: [PATCH 068/321] Add missing "multiple" prop to SelectField of
 material-ui (#15935)

* Add missing "multiple" prop to SelectField

* Add "selectionRenderer" prop to SelectField
---
 types/material-ui/index.d.ts            |   2 +
 types/material-ui/material-ui-tests.tsx | 109 ++++++++++++++++++++++++
 2 files changed, 111 insertions(+)

diff --git a/types/material-ui/index.d.ts b/types/material-ui/index.d.ts
index 727fc433c8..9c815ada38 100644
--- a/types/material-ui/index.d.ts
+++ b/types/material-ui/index.d.ts
@@ -1343,10 +1343,12 @@ declare namespace __MaterialUI {
         iconStyle?: React.CSSProperties;
         id?: string;
         labelStyle?: React.CSSProperties;
+        multiple?: boolean;
         onBlur?: React.FocusEventHandler<{}>;
         onChange?: (e: TouchTapEvent, index: number, menuItemValue: any) => void;
         onFocus?: React.FocusEventHandler<{}>;
         selectFieldRoot?: React.CSSProperties;
+        selectionRenderer?: (value: any) => React.ReactNode;
         style?: React.CSSProperties;
         underlineDisabledStyle?: React.CSSProperties;
         underlineFocusStyle?: React.CSSProperties;
diff --git a/types/material-ui/material-ui-tests.tsx b/types/material-ui/material-ui-tests.tsx
index d1a6397f42..87908cd6ec 100644
--- a/types/material-ui/material-ui-tests.tsx
+++ b/types/material-ui/material-ui-tests.tsx
@@ -3453,6 +3453,115 @@ class SelectFieldExampleError extends React.Component<{}, {value?: number}> {
   }
 }
 
+const names = [
+  'Oliver Hansen',
+  'Van Henry',
+  'April Tucker',
+  'Ralph Hubbard',
+  'Omar Alexander',
+  'Carlos Abbott',
+  'Miriam Wagner',
+  'Bradley Wilkerson',
+  'Virginia Andrews',
+  'Kelly Snyder',
+];
+
+class SelectFieldExampleMultiSelect extends React.Component<{}, {values?: string[]}> {
+
+  constructor(props) {
+    super(props);
+    this.state = {values: []};
+  }
+
+  handleChange = (event, index, values) => this.setState({values});
+
+  menuItems(values) {
+    return names.map((name) => (
+      <MenuItem
+        key={name}
+        insetChildren={true}
+        checked={values && values.includes(name)}
+        value={name}
+        primaryText={name}
+      />
+    ));
+  }
+
+  render() {
+    const {values} = this.state;
+    return (
+      <SelectField
+        multiple={true}
+        hintText="Select a name"
+        value={values}
+        onChange={this.handleChange}
+      >
+        {this.menuItems(values)}
+      </SelectField>
+    );
+  }
+}
+
+const persons = [
+  {value: 0, name: 'Oliver Hansen'},
+  {value: 1, name: 'Van Henry'},
+  {value: 2, name: 'April Tucker'},
+  {value: 3, name: 'Ralph Hubbard'},
+  {value: 4, name: 'Omar Alexander'},
+  {value: 5, name: 'Carlos Abbott'},
+  {value: 6, name: 'Miriam Wagner'},
+  {value: 7, name: 'Bradley Wilkerson'},
+  {value: 8, name: 'Virginia Andrews'},
+  {value: 9, name: 'Kelly Snyder'},
+];
+
+class SelectFieldExampleSelectionRenderer extends React.Component<{}, {values?: string[]}> {
+
+  constructor(props) {
+    super(props);
+    this.state = {values: []};
+  }
+
+  handleChange = (event, index, values) => this.setState({values});
+
+  selectionRenderer = (values) => {
+    switch (values.length) {
+      case 0:
+        return '';
+      case 1:
+        return persons[values[0]].name;
+      default:
+        return `${values.length} names selected`;
+    }
+  }
+
+  menuItems(persons) {
+    return persons.map((person) => (
+      <MenuItem
+        key={person.value}
+        insetChildren={true}
+        checked={this.state.values.indexOf(person.value) >= 0}
+        value={person.value}
+        primaryText={person.name}
+      />
+    ));
+  }
+
+  render() {
+    return (
+      <SelectField
+        multiple={true}
+        hintText="Select a name"
+        value={this.state.values}
+        onChange={this.handleChange}
+        selectionRenderer={this.selectionRenderer}
+      >
+        {this.menuItems(persons)}
+      </SelectField>
+    );
+  }
+}
+
 
 // "http://www.material-ui.com/#/components/slider"
 const SliderExampleSimple = () => (

From 54017f4f76d69e2b360443f523f2d072f44c2417 Mon Sep 17 00:00:00 2001
From: Nicholas Simmons <nick.simmons@shopify.com>
Date: Thu, 27 Apr 2017 12:52:24 -0400
Subject: [PATCH 069/321] Add referrerPolicy to helmet type definition (#16134)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Add an optional extended description…
---
 types/helmet/helmet-tests.ts |  7 +++++++
 types/helmet/index.d.ts      | 10 ++++++++++
 2 files changed, 17 insertions(+)

diff --git a/types/helmet/helmet-tests.ts b/types/helmet/helmet-tests.ts
index 1968c8f848..38fa53828f 100644
--- a/types/helmet/helmet-tests.ts
+++ b/types/helmet/helmet-tests.ts
@@ -190,6 +190,13 @@ function noSniffTest() {
     app.use(helmet.noSniff());
 }
 
+/**
+ * @summary Test for {@see helmet#referrerPolicy} function.
+ */
+function referrerPolicyTest() {
+    app.use(helmet.referrerPolicy({ policy: 'same-origin' }))
+}
+
 /**
  * @summary Test for {@see helmet#xssFilter} function.
  */
diff --git a/types/helmet/index.d.ts b/types/helmet/index.d.ts
index 1dc8882608..ee37b7d298 100644
--- a/types/helmet/index.d.ts
+++ b/types/helmet/index.d.ts
@@ -88,6 +88,10 @@ declare namespace helmet {
         force?: boolean;
     }
 
+    export interface IHelmetReferrerPolicyConfiguration {
+        policy?: string;
+    }
+
     export interface IHelmetXssFilterConfiguration {
         setOnOldIE?: boolean;
     }
@@ -163,6 +167,12 @@ declare namespace helmet {
          */
         noSniff(): express.RequestHandler;
 
+        /**
+         * @summary Adds the "Referrer-Policy" header.
+         * @return {RequestHandler} The Request handler.
+         */
+        referrerPolicy(options?: IHelmetReferrerPolicyConfiguration): express.RequestHandler;
+
         /**
          * @summary Mitigate cross-site scripting attacks with the "X-XSS-Protection" header.
          * @param {IHelmetXssFilterConfiguration} options The options

From fc63d5f5cc81ab2370b7bc243bfd2960ea45cc7b Mon Sep 17 00:00:00 2001
From: Anthony Rosequist <arosequist@users.noreply.github.com>
Date: Thu, 27 Apr 2017 11:53:33 -0500
Subject: [PATCH 070/321] Added Question.pageSize and enhancing
 Question.validate in Inquirer (#16160)

* Added pageSize to the Question interface in Inquirer

* Added answers to Question.validate() in Inquirer
---
 types/inquirer/index.d.ts | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/types/inquirer/index.d.ts b/types/inquirer/index.d.ts
index 1909781f88..dd2f4ad3c7 100644
--- a/types/inquirer/index.d.ts
+++ b/types/inquirer/index.d.ts
@@ -94,7 +94,7 @@ declare namespace inquirer {
          * Receive the user input and should return true if the value is valid, and an error message (String)
          * otherwise. If false is returned, a default error message is provided.
          */
-        validate?(input: string): boolean | string;
+        validate?(input: string, answers?: Answers): boolean | string;
         /**
          * Receive the user input and return the filtered value to be used inside the program.
          * The value returned will be added to the Answers hash.
@@ -106,6 +106,10 @@ declare namespace inquirer {
          */
         when?: boolean | ((answers: Answers) => boolean);
         paginated?: boolean;
+        /**
+         * Change the number of lines that will be rendered when using list, rawList, expand or checkbox.
+         */
+        pageSize?: number;
     }
 
     /**

From 7b2edf2aacdaa985c03f7ebfe2f9c9add063815c Mon Sep 17 00:00:00 2001
From: Frederick Fogerty <frederick.fogerty@gmail.com>
Date: Fri, 28 Apr 2017 05:04:15 +1200
Subject: [PATCH 071/321] Add types for number-to-words (#16162)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Add an optional extended description…
---
 types/number-to-words/index.d.ts              | 17 ++++++++++++++
 .../number-to-words/number-to-words-tests.ts  |  7 ++++++
 types/number-to-words/tsconfig.json           | 22 +++++++++++++++++++
 types/number-to-words/tslint.json             |  1 +
 4 files changed, 47 insertions(+)
 create mode 100644 types/number-to-words/index.d.ts
 create mode 100644 types/number-to-words/number-to-words-tests.ts
 create mode 100644 types/number-to-words/tsconfig.json
 create mode 100644 types/number-to-words/tslint.json

diff --git a/types/number-to-words/index.d.ts b/types/number-to-words/index.d.ts
new file mode 100644
index 0000000000..1d1caeb398
--- /dev/null
+++ b/types/number-to-words/index.d.ts
@@ -0,0 +1,17 @@
+// Type definitions for number-to-words 1.2
+// Project: https://github.com/marlun78/number-to-words
+// Definitions by: Frederick Fogerty <https://github.com/frederickfogerty>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+
+/**
+ * Converts an integer into a string with an ordinal postfix. If number is decimal, the decimals will be removed.
+ */
+export function toOrdinal(number: number): string;
+/**
+ * Converts an integer into words. If number is decimal, the decimals will be removed.
+ */
+export function toWords(number: number): string;
+/**
+ * Converts a number into ordinal words. If number is decimal, the decimals will be removed.
+ */
+export function toWordsOrdinal(number: number): string;
diff --git a/types/number-to-words/number-to-words-tests.ts b/types/number-to-words/number-to-words-tests.ts
new file mode 100644
index 0000000000..1c45936a78
--- /dev/null
+++ b/types/number-to-words/number-to-words-tests.ts
@@ -0,0 +1,7 @@
+import * as converter from 'number-to-words';
+
+converter.toOrdinal(21);
+
+converter.toWords(13);
+
+converter.toWordsOrdinal(21);
diff --git a/types/number-to-words/tsconfig.json b/types/number-to-words/tsconfig.json
new file mode 100644
index 0000000000..c7d9661c4d
--- /dev/null
+++ b/types/number-to-words/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",
+        "number-to-words-tests.ts"
+    ]
+}
diff --git a/types/number-to-words/tslint.json b/types/number-to-words/tslint.json
new file mode 100644
index 0000000000..3db14f85ea
--- /dev/null
+++ b/types/number-to-words/tslint.json
@@ -0,0 +1 @@
+{ "extends": "dtslint/dt.json" }

From 0e13b978200815e0f2d35193323ed7df5fb0d692 Mon Sep 17 00:00:00 2001
From: David Fox <djfox14@gmail.com>
Date: Thu, 27 Apr 2017 12:43:54 -0500
Subject: [PATCH 072/321] Use correct response typings in
 request-promise-native (#16114)

* Use correct response typings

Use `request.RequestResponse` instead of `any`

* Export an alias for request.RequestReponse
---
 types/request-promise-native/index.d.ts | 1 +
 1 file changed, 1 insertion(+)

diff --git a/types/request-promise-native/index.d.ts b/types/request-promise-native/index.d.ts
index 7eadce54aa..05eedaab72 100644
--- a/types/request-promise-native/index.d.ts
+++ b/types/request-promise-native/index.d.ts
@@ -22,6 +22,7 @@ declare namespace requestPromise {
         resolveWithFullResponse?: boolean;
     }
 
+    export type FullResponse = request.RequestResponse;
     export type OptionsWithUri = request.UriOptions & RequestPromiseOptions;
     export type OptionsWithUrl = request.UrlOptions & RequestPromiseOptions;
     export type Options = OptionsWithUri | OptionsWithUrl;

From 2ca253abd446f3c259f23d5b7e538019910aed4b Mon Sep 17 00:00:00 2001
From: Martin Braun <martin.braun@yworks.com>
Date: Thu, 27 Apr 2017 19:57:18 +0200
Subject: [PATCH 073/321] Updated type definitions to yFiles for HTML 2.0.1
 (#15944)

---
 types/yfiles/index.d.ts      | 69082 ++++++++++++++++-----------------
 types/yfiles/yfiles-tests.ts |     1 +
 2 files changed, 34345 insertions(+), 34738 deletions(-)

diff --git a/types/yfiles/index.d.ts b/types/yfiles/index.d.ts
index 32f42f12ab..a2b21ef530 100644
--- a/types/yfiles/index.d.ts
+++ b/types/yfiles/index.d.ts
@@ -1,4 +1,4 @@
-// Type definitions for yFiles for HTML 2.0.0.1
+// Type definitions for yFiles for HTML 2.0.1
 // Project: http://www.yworks.com/products/yfiles-for-html
 // Definitions by: yWorks GmbH HTML Team <https://github.com/yGuy>
 // Definitions: https://github.com/yWorks/DefinitelyTyped
@@ -9,7 +9,7 @@
  **
  ** yWorks proprietary/confidential. Use is subject to license terms.
  **
- ** Copyright (c) 2015 by yWorks GmbH, Vor dem Kreuzberg 28,
+ ** Copyright (c) 2017 by yWorks GmbH, Vor dem Kreuzberg 28,
  ** 72070 Tuebingen, Germany. All rights reserved.
  **
  ***************************************************************************/
@@ -23,8 +23,7 @@ declare namespace yfiles{
   }
 }
 
-declare namespace system{
-}declare namespace yfiles{
+declare namespace yfiles{
   export namespace lang{
     /**
      * The root of the class hierarchy of the yFiles for HTML class framework.
@@ -38,27 +37,27 @@ declare namespace system{
      * <p>
      * The other methods are part of the {@link yfiles.lang.Object_Interface} type, only.
      * </p>
-     * @class yfiles.lang.Object_Interface
+     * @class
      */
     export interface Object_Interface extends Object{}
     export class Object_Interface {
       /**
        * Tests whether this object and the other object are equal.
-       * @param {Object} other The tested object.
-       * @returns {boolean} <code>true</code>, if the objects are equal; <code>false</code> otherwise.
+       * @param other The tested object.
+       * @returns <code>true</code>, if the objects are equal; <code>false</code> otherwise.
        */
       equals(other:Object):boolean;
       /**
        * Tests if two objects are equal.
-       * @param {Object} a One of the objects. Can be null or of any type.
-       * @param {Object} b One of the objects. Can be null or of any type.
-       * @returns {boolean} <code>true</code>, if the objects are equal; <code>false</code> otherwise.
+       * @param a One of the objects. Can be null or of any type.
+       * @param b One of the objects. Can be null or of any type.
+       * @returns <code>true</code>, if the objects are equal; <code>false</code> otherwise.
        * @static
        */
       static equals(a:Object,b:Object):boolean;
       /**
        * Returns the type of this object.
-       * @returns {yfiles.lang.Class} The type of this object.
+       * @returns The type of this object.
        */
       getClass():yfiles.lang.Class;
       /**
@@ -66,16 +65,16 @@ declare namespace system{
        * <p>
        * The requested <code>name</code> must be a property (with getter and/or setter).
        * </p>
-       * @param {string} name The name of the property.
-       * @param {boolean} bound If <code>true</code>, then the get/set methods of the returned object will be bound to this instance.
-       * @returns {Object} An object with a get and/or set method that reads/writes to the specified field.
+       * @param name The name of the property.
+       * @param bound If <code>true</code>, then the get/set methods of the returned object will be bound to this instance.
+       * @returns An object with a get and/or set method that reads/writes to the specified field.
        */
       getOwnProperty(name:string,bound:boolean):Object;
       /**
        * Returns the most recently defined property descriptor in the prototype chain of the given object.
-       * @param {Object} o The object that the property belongs to
-       * @param {string} name The name of the property.
-       * @returns {Object} The most recently defined property descriptor in the prototype chain of the given object.
+       * @param o The object that the property belongs to
+       * @param name The name of the property.
+       * @returns The most recently defined property descriptor in the prototype chain of the given object.
        * @static
        */
       static getPropertyDescriptor(o:Object,name:string):Object;
@@ -84,7 +83,7 @@ declare namespace system{
        * <p>
        * If two objects are {@link yfiles.lang.Object_Interface#equals equal}, then they must have the same hash code.
        * </p>
-       * @returns {number} The hash code of this object.
+       * @returns The hash code of this object.
        */
       hashCode():number;
       /**
@@ -92,34 +91,34 @@ declare namespace system{
        * <p>
        * It will also clone any value types.
        * </p>
-       * @returns {Object} A cloned instance of the same type.
+       * @returns A cloned instance of the same type.
        */
       memberwiseClone():Object;
       /**
        * Tests if two objects are identical.
-       * @param {Object} a One of the objects.
-       * @param {Object} b One of the objects.
-       * @returns {boolean} <code>true</code>, if the objects are the identical; <code>false</code> otherwise.
+       * @param a One of the objects.
+       * @param b One of the objects.
+       * @returns <code>true</code>, if the objects are the identical; <code>false</code> otherwise.
        * @static
        */
       static referenceEquals(a:Object,b:Object):boolean;
       /**
        * Displays the textual representation of the object.
-       * @returns {string} The textual representation of this object.
+       * @returns The textual representation of this object.
        */
       toString():string;
       static $class:yfiles.lang.Class;
     }
     /**
      * This type represents an abstract value, that is a function that is not implemented.
-     * @class yfiles.lang.Abstract
+     * @class
      */
     export interface Abstract extends Object{}
     export class Abstract {
       /**
        * Tests whether the given object or property descriptor is a representation of an abstract value.
-       * @param {Object} o The object to test.
-       * @returns {boolean} <code>true</code>, if the object is abstract; <code>false</code> otherwise.
+       * @param o The object to test.
+       * @returns <code>true</code>, if the object is abstract; <code>false</code> otherwise.
        * @static
        */
       static isAbstract(o:Object):boolean;
@@ -220,36 +219,36 @@ declare namespace system{
      * <li><code>$class</code>: a reference to the {@link yfiles.lang.Class} instance that provides reflective information about this type.</li>
      * <li><code>$super</code>: the parent class.</li>
      * </ul>
-     * @class yfiles.lang.Class
+     * @class
      */
     export interface Class extends Object{}
     export class Class {
       /**
        * Returns the class object for the given name, or <code>null</code> if no such class exists.
-       * @param {string} name The name of the requested class.
-       * @returns {yfiles.lang.Class} The class object or <code>null</code>, if no such class exists.
+       * @param name The name of the requested class.
+       * @returns The class object or <code>null</code>, if no such class exists.
        * @static
        */
       static forName(name:string):yfiles.lang.Class;
       /**
        * Returns all attributes that belong to this type.
-       * @param {boolean} [inherited=true] If <code>true</code>, then the attributes of the parent types are also added to the list. Default value is <code>false</code>.
-       * @returns {Array.<yfiles.lang.Attribute>} An array of attributes that belong to this type.
+       * @param [inherited=true] If <code>true</code>, then the attributes of the parent types are also added to the list. Default value is <code>false</code>.
+       * @returns An array of attributes that belong to this type.
        */
       getAttributes(inherited?:boolean):yfiles.lang.Attribute[];
       /**
        * Returns an array of all properties of the type.
-       * @param {boolean} [inherited=true]
-       * @param {boolean} [staticProperties=false]
-       * @returns {Array.<yfiles.lang.PropertyInfo>} An array of properties.
+       * @param [inherited=true]
+       * @param [staticProperties=false]
+       * @returns An array of properties.
        */
       getProperties(inherited?:boolean,staticProperties?:boolean):yfiles.lang.PropertyInfo[];
       /**
        * Returns an array of all properties of the type.
        * @param {Object} options The parameters to pass.
-       * @param {boolean} [options.inherited=true]
-       * @param {boolean} [options.staticProperties=false]
-       * @returns {Array.<yfiles.lang.PropertyInfo>} An array of properties.
+       * @param [options.inherited=true]
+       * @param [options.staticProperties=false]
+       * @returns An array of properties.
        */
       getProperties(options:{inherited?:boolean,staticProperties?:boolean}):yfiles.lang.PropertyInfo[];
       /**
@@ -314,8 +313,8 @@ declare namespace system{
        * graphEditorInputMode.clickInputMode.validClickHitTestable = myHitTestable;
        * </pre>
        * 
-       * @param {Object} obj The object to modify.
-       * @param {...Object} traits Array or variable number of {@link yfiles.lang.Trait}s, {@link yfiles.lang.Class} objects of traits or fully qualified string names of
+       * @param obj The object to modify.
+       * @param traits Array or variable number of {@link }s, {@link } objects of traits or fully qualified string names of
        * traits.
        * @static
        */
@@ -325,13 +324,13 @@ declare namespace system{
        * <p>
        * This is the only way to test if an object implements a {@link yfiles.lang.Trait}.
        * </p>
-       * @param {Object} o The object that may be an instance of this type.
-       * @returns {boolean} <code>true</code>, if the object is an instance of this type; <code>false</code> otherwise.
+       * @param o The object that may be an instance of this type.
+       * @returns <code>true</code>, if the object is an instance of this type; <code>false</code> otherwise.
        */
       isInstance(o:Object):boolean;
       /**
        * Creates a new instance of this type using its default constructor.
-       * @returns {Object} A new instance of this type using its default constructor.
+       * @returns A new instance of this type using its default constructor.
        */
       newInstance():Object;
       /**
@@ -369,45 +368,45 @@ declare namespace system{
     }
     /**
      * Wrapper class for the JavaScript <code>number</code> primitive type.
-     * @class yfiles.lang.Number
+     * @class
      * @implements {yfiles.lang.IComparable}
      */
     export interface Number extends Object,yfiles.lang.IComparable{}
     export class Number {
       /**
        * Compares this number with another one.
-       * @param {Object} obj The other number to compare with.
-       * @returns {number} <code>0</code> if both numbers are equal, <code>-1</code> if this number is smaller than the other one, <code>1</code> otherwise.
+       * @param obj The other number to compare with.
+       * @returns <code>0</code> if both numbers are equal, <code>-1</code> if this number is smaller than the other one, <code>1</code> otherwise.
        */
       compareTo(obj:Object):number;
       static $class:yfiles.lang.Class;
     }
     /**
      * Wrapper class for the JavaScript <code>string</code> primitive type.
-     * @class yfiles.lang.String
+     * @class
      * @implements {yfiles.lang.IComparable}
      */
     export interface String extends Object,yfiles.lang.IComparable{}
     export class String {
       /**
        * Compares this string with another one.
-       * @param {Object} obj The other string to compare with.
-       * @returns {number} <code>0</code> if both strings are equal, <code>-1</code> if this string comes before the other one in lexicographic sort order, <code>1</code> otherwise.
+       * @param obj The other string to compare with.
+       * @returns <code>0</code> if both strings are equal, <code>-1</code> if this string comes before the other one in lexicographic sort order, <code>1</code> otherwise.
        */
       compareTo(obj:Object):number;
       static $class:yfiles.lang.Class;
     }
     /**
      * Wrapper class for the JavaScript <code>boolean</code> primitive type.
-     * @class yfiles.lang.Boolean
+     * @class
      * @implements {yfiles.lang.IComparable}
      */
     export interface Boolean extends Object,yfiles.lang.IComparable{}
     export class Boolean {
       /**
        * Compares this boolean with another one.
-       * @param {Object} obj The other boolean to compare with.
-       * @returns {number} <code>0</code> if both booleans are equal, <code>-1</code> if this boolean is <code>false</code> and the other is <code>true</code>, <code>1</code> otherwise.
+       * @param obj The other boolean to compare with.
+       * @returns <code>0</code> if both booleans are equal, <code>-1</code> if this boolean is <code>false</code> and the other is <code>true</code>, <code>1</code> otherwise.
        */
       compareTo(obj:Object):number;
       static $class:yfiles.lang.Class;
@@ -424,14 +423,14 @@ declare namespace system{
      * with <code>a instanceof A</code> and <code>A.$class.isInstance(a)</code>.
      * </p>
      * @see yfiles.lang.Struct#createDefault
-     * @class yfiles.lang.Struct
+     * @class
      */
     export interface Struct extends Object{}
     export class Struct {
       /**
        * This methods creates an instance of the struct in which all of its values are set to their default values without using
        * any of its constructors.
-       * @returns {Object} 
+       * @returns 
        * @static
        */
       static createDefault():Object;
@@ -441,13 +440,13 @@ declare namespace system{
        * As opposed to the implementation of
        * {@link yfiles.lang.Object_Interface#equals}, this implementation tests the members of both objects to determine equality.
        * </p>
-       * @param {Object} other The other struct.
-       * @returns {boolean} <code>true</code>, if both objects are equal; <code>false</code> otherwise.
+       * @param other The other struct.
+       * @returns <code>true</code>, if both objects are equal; <code>false</code> otherwise.
        */
       equals(other:Object):boolean;
       /**
        * Calculates the hash code of this struct based on its members.
-       * @returns {number} The hash code.
+       * @returns The hash code.
        */
       hashCode():number;
       static $class:yfiles.lang.Class;
@@ -470,38 +469,38 @@ declare namespace system{
      *    if(state === RequestState.FAILED) { ... }
      * </pre>
      * 
-     * @class yfiles.lang.Enum
+     * @class
      */
     export interface Enum extends Object{}
     export class Enum {
       /**
        * Returns the name of an enum value.
-       * @param {yfiles.lang.Class} type The type of the enum.
-       * @param {yfiles.lang.Enum} value The value of the field.
-       * @returns {string} The name of the field.
+       * @param type The type of the enum.
+       * @param value The value of the field.
+       * @returns The name of the field.
        * @static
        */
       static getName(type:yfiles.lang.Class,value:yfiles.lang.Enum):string;
       /**
        * Returns a list of all field names that represent an enum value.
-       * @param {yfiles.lang.Class} type The type of the enum.
-       * @returns {yfiles.collections.IEnumerable.<Object>} A list of all field names that represent an enum value.
+       * @param type The type of the enum.
+       * @returns A list of all field names that represent an enum value.
        * @static
        */
       static getValueNames(type:yfiles.lang.Class):yfiles.collections.IEnumerable<Object>;
       /**
        * Returns a list of all numeric values.
-       * @param {yfiles.lang.Class} type The type of the enum.
-       * @returns {yfiles.collections.IEnumerable.<Object>} A list of all numeric values.
+       * @param type The type of the enum.
+       * @returns A list of all numeric values.
        * @static
        */
       static getValues(type:yfiles.lang.Class):yfiles.collections.IEnumerable<Object>;
       /**
        * Returns the value of the field with the given ID.
-       * @param {yfiles.lang.Class} type The type of the enum.
-       * @param {string} id The name of the field.
-       * @param {boolean} ignoreCase If <code>true</code>, then the case of the field will be ignored and the search is case-insensitive.
-       * @returns {yfiles.lang.Enum} The value of the field with the given ID.
+       * @param type The type of the enum.
+       * @param id The name of the field.
+       * @param ignoreCase If <code>true</code>, then the case of the field will be ignored and the search is case-insensitive.
+       * @returns The value of the field with the given ID.
        * @static
        */
       static parse(type:yfiles.lang.Class,id:string,ignoreCase:boolean):yfiles.lang.Enum;
@@ -516,15 +515,15 @@ declare namespace system{
      * <li>delegates can be bound to a different target, which acts as <code>this</code> in the delegate function body,</li>
      * <li>multiple delegates can be combined into a single delegate instance, which provides multicast functionality.</li>
      * </ul>
-     * @class yfiles.lang.delegate
+     * @class
      */
     export interface delegate extends Object{}
     export class delegate {
       /**
        * Combines two delegates into a single one.
-       * @param {yfiles.lang.delegate} d1 One of the delegates to combine.
-       * @param {yfiles.lang.delegate} d2 One of the delegates to combine.
-       * @returns {yfiles.lang.delegate} A delegate that combines both original delegates.
+       * @param d1 One of the delegates to combine.
+       * @param d2 One of the delegates to combine.
+       * @returns A delegate that combines both original delegates.
        * @static
        */
       static combine(d1:Function,d2:Function):Function;
@@ -534,40 +533,40 @@ declare namespace system{
        * When the delegate is executed, the <code>functions</code> will be <code>applied</code> on
        * <code>target</code>, independent from the current closure. If multiple functions are specified, they will all be applied in order.
        * </p>
-       * @param {Array.<yfiles.lang.delegate>} functions The functions from which the delegate should be created.
-       * @param {Object} target The target object on which the <code>functions</code> should be applied.
-       * @returns {yfiles.lang.delegate} A new delegate.
+       * @param functions The functions from which the delegate should be created.
+       * @param target The target object on which the <code>functions</code> should be applied.
+       * @returns A new delegate.
        * @static
        */
       static createDelegate(functions:Function[],target:Object):Function;
       /**
        * Apply <code>function</code> in the <b>current</b> execution context.
-       * @param {yfiles.lang.delegate} function2 The function to execute.
-       * @param {...Object} args Optional function arguments.
-       * @returns {Object} The result from invoking <code>function</code>.
+       * @param function2 The function to execute.
+       * @param args Optional function arguments.
+       * @returns The result from invoking <code>function</code>.
        * @static
        */
       static dynamicInvoke(function2:Function,...args:Object[]):Object;
       /**
        * Return a list of all delegates that are combined into <code>del</code>.
-       * @param {yfiles.lang.delegate} del The delegate to test.
-       * @returns {Array.<yfiles.lang.delegate>} A list of all delegates that are combined into <code>del</code>.
+       * @param del The delegate to test.
+       * @returns A list of all delegates that are combined into <code>del</code>.
        * @static
        */
       static getInvocationList(del:Function):Function[];
       /**
        * Removes the first occurrence of <code>d2</code> from the {@link yfiles.lang.delegate#getInvocationList invocation list} of <code>d1</code>.
-       * @param {yfiles.lang.delegate} d1 The delegate that should be modified.
-       * @param {yfiles.lang.delegate} d2 The delegate that should be removed.
-       * @returns {yfiles.lang.delegate} The modified delegate <code>d1</code>.
+       * @param d1 The delegate that should be modified.
+       * @param d2 The delegate that should be removed.
+       * @returns The modified delegate <code>d1</code>.
        * @static
        */
       static remove(d1:Function,d2:Function):Function;
       /**
        * Removes all occurrences of <code>d2</code> from the {@link yfiles.lang.delegate#getInvocationList invocation list} of <code>d1</code>.
-       * @param {yfiles.lang.delegate} d1 The delegate that should be modified.
-       * @param {yfiles.lang.delegate} d2 The delegate that should be removed.
-       * @returns {yfiles.lang.delegate} The modified delegate <code>d1</code>.
+       * @param d1 The delegate that should be modified.
+       * @param d2 The delegate that should be removed.
+       * @returns The modified delegate <code>d1</code>.
        * @static
        */
       static removeAll(d1:Function,d2:Function):Function;
@@ -597,7 +596,7 @@ declare namespace system{
      * All trait types have a <code>$class</code> property, which contains their {@link yfiles.lang.Class type}, and a static {@link yfiles.lang.Trait#isTrait} method that
      * can be used to test whether an object implements the trait.
      * </p>
-     * @class yfiles.lang.Trait
+     * @class
      */
     export interface Trait extends Object{}
     export class Trait {
@@ -606,8 +605,8 @@ declare namespace system{
        * <p>
        * This method is equivalent to using <code>obj.$class.isTrait</code> but safe in case the object does not have a <code>$class</code> property.
        * </p>
-       * @param {Object} o The trait candidate.
-       * @returns {boolean} <code>true</code>, if the object is a trait; <code>false</code> otherwise.
+       * @param o The trait candidate.
+       * @returns <code>true</code>, if the object is a trait; <code>false</code> otherwise.
        * @static
        */
       static isTrait(o:Object):boolean;
@@ -647,7 +646,7 @@ declare namespace system{
      * <p>
      * <b>Note:</b> Attribute constructors are always called <b>without</b> the <code>new</code> keyword.
      * </p>
-     * @class yfiles.lang.Attribute
+     * @class
      */
     export interface Attribute extends Object{}
     export class Attribute {
@@ -655,70 +654,65 @@ declare namespace system{
     }
     /**
      * A lazy class type which delays the creation of the class until it is used.
-     * @class yfiles.lang.ClassDefinition
+     * @class
      */
     export interface ClassDefinition extends Object{}
     export class ClassDefinition {
       /**
        * A lazy class type which delays the creation of the class until it is used.
-       * @param {function(): Object} callback Returns the class definition as required by {@link yfiles.lang.Class}.
-       * @constructor
+       * @param callback Returns the class definition as required by {@link }.
        */
       constructor(callback:()=>Object);
       static $class:yfiles.lang.Class;
     }
     /**
      * A lazy interface type which delays the creation of the interface until it is used.
-     * @class yfiles.lang.InterfaceDefinition
+     * @class
      */
     export interface InterfaceDefinition extends Object{}
     export class InterfaceDefinition {
       /**
        * A lazy interface type which delays the creation of the interface until it is used.
-       * @param {function(): Object} callback Returns the interface definition as required by {@link yfiles.lang.Trait}.
-       * @constructor
+       * @param callback Returns the interface definition as required by {@link }.
        */
       constructor(callback:()=>Object);
       static $class:yfiles.lang.Class;
     }
     /**
      * A lazy struct type which delays the creation of the struct until it is used.
-     * @class yfiles.lang.StructDefinition
+     * @class
      */
     export interface StructDefinition extends Object{}
     export class StructDefinition {
       /**
        * A lazy struct type which delays the creation of the struct until it is used.
-       * @param {function(): Object} callback Returns the struct definition as required by {@link yfiles.lang.Struct}.
-       * @constructor
+       * @param callback Returns the struct definition as required by {@link }.
        */
       constructor(callback:()=>Object);
       static $class:yfiles.lang.Class;
     }
     /**
      * A lazy enum type which delays the creation of the enum until it is used.
-     * @class yfiles.lang.EnumDefinition
+     * @class
      */
     export interface EnumDefinition extends Object{}
     export class EnumDefinition {
       /**
        * A lazy enum type which delays the creation of the enum until it is used.
-       * @param {function(): Object} callback Returns the enum definition as required by {@link yfiles.lang.Enum}.
-       * @constructor
+       * @param callback Returns the enum definition as required by {@link }.
        */
       constructor(callback:()=>Object);
       static $class:yfiles.lang.Class;
     }
     /**
      * A lazy attribute definition which delays the creation of the attribute until it is used.
-     * @class yfiles.lang.AttributeDefinition
+     * @class
      */
     export interface AttributeDefinition extends Object{}
     export class AttributeDefinition {
       /**
        * A lazy attribute definition which delays the creation of the attribute until it is used.
-       * @param {function(): Object} callback Returns the attribute definition as required by {@link yfiles.lang.Attribute}.
-       * @constructor
+       * @param callback Returns the attribute definition as required by {@link }.
        */
       constructor(callback:()=>Object);
       static $class:yfiles.lang.Class;
@@ -726,7 +720,7 @@ declare namespace system{
     /**
      * Subclasses of {@link yfiles.lang.EventArgs} are passed to event handlers to provide the information they need to handle an
      * event.
-     * @class yfiles.lang.EventArgs
+     * @class
      */
     export interface EventArgs extends Object{}
     export class EventArgs {
@@ -742,15 +736,14 @@ declare namespace system{
     /**
      * Event arguments which contain information for a {@link yfiles.lang.IPropertyObservable#addPropertyChangedListener PropertyChanged}
      * event.
-     * @class yfiles.lang.PropertyChangedEventArgs
+     * @class
      * @extends {yfiles.lang.EventArgs}
      */
     export interface PropertyChangedEventArgs extends yfiles.lang.EventArgs{}
     export class PropertyChangedEventArgs {
       /**
        * Creates a new instance.
-       * @param {string} propertyName The name of the changed property.
-       * @constructor
+       * @param propertyName The name of the changed property.
        */
       constructor(propertyName:string);
       /**
@@ -767,14 +760,14 @@ declare namespace system{
     export interface IPropertyObservable extends Object{
       /**
        * Adds the given listener for the <code>PropertyChanged</code> event that occurs when a property changes.
-       * @param {function(Object, yfiles.lang.PropertyChangedEventArgs): void} listener The listener to add.
+       * @param listener The listener to add.
        * @see yfiles.lang.IPropertyObservable#removePropertyChangedListener
        * @abstract
        */
       addPropertyChangedListener(listener:(sender:Object,args:yfiles.lang.PropertyChangedEventArgs)=>void):void;
       /**
        * Removes the given listener for the <code>PropertyChanged</code> event that occurs when a property changes.
-       * @param {function(Object, yfiles.lang.PropertyChangedEventArgs): void} listener The listener to remove.
+       * @param listener The listener to remove.
        * @see yfiles.lang.IPropertyObservable#addPropertyChangedListener
        * @abstract
        */
@@ -786,27 +779,27 @@ declare namespace system{
     };
     /**
      * Contains information about a property.
-     * @class yfiles.lang.PropertyInfo
+     * @class
      * @final
      */
     export interface PropertyInfo extends Object{}
     export class PropertyInfo {
       /**
        * Gets the attributes associated with this property.
-       * @param {boolean} [inherit=true] if set to <code>true</code> inherited attributes will also be returned.
-       * @returns {Array.<yfiles.lang.Attribute>} The attributes or an empty array.
+       * @param [inherit=true] if set to <code>true</code> inherited attributes will also be returned.
+       * @returns The attributes or an empty array.
        */
       getAttributes(inherit?:boolean):yfiles.lang.Attribute[];
       /**
        * Gets the value of the property from the given object.
-       * @param {Object} obj The object which has the property, <code>null</code> for static properties.
-       * @returns {Object} The value of the property from the given object.
+       * @param obj The object which has the property, <code>null</code> for static properties.
+       * @returns The value of the property from the given object.
        */
       getValue(obj:Object):Object;
       /**
        * Sets the value of the property on the given object.
-       * @param {Object} obj The object whose property should be written, <code>null</code> for static properties.
-       * @param {Object} value
+       * @param obj The object whose property should be written, <code>null</code> for static properties.
+       * @param value
        */
       setValue(obj:Object,value:Object):void;
       /**
@@ -848,8 +841,8 @@ declare namespace system{
     export interface IComparable extends Object{
       /**
        * Compares this object to the given object of the same type.
-       * @param {Object} obj The object to compare this to.
-       * @returns {number} 
+       * @param obj The object to compare this to.
+       * @returns 
        * <ul>
        * <li>-1: this is less than <code>obj</code></li>
        * <li>0: this is equal to <code>obj</code></li>
@@ -870,7 +863,7 @@ declare namespace system{
     export interface ICloneable extends Object{
       /**
        * Create a clone of this object.
-       * @returns {Object} A clone of this object.
+       * @returns A clone of this object.
        * @abstract
        */
       clone():Object;
@@ -881,7 +874,7 @@ declare namespace system{
     };
     /**
      * A structure which represents a time span.
-     * @class yfiles.lang.TimeSpan
+     * @class
      * @implements {yfiles.lang.IComparable}
      * @final
      */
@@ -889,44 +882,42 @@ declare namespace system{
     export class TimeSpan {
       /**
        * Creates a new time span with a given length.
-       * @param {number} days The days part of the time span.
-       * @param {number} hours The hour part of the time span.
-       * @param {number} minutes The minute part of the time span.
-       * @param {number} seconds The seconds part of the time span.
-       * @param {number} millis The milliseconds part of the time span.
-       * @constructor
+       * @param days The days part of the time span.
+       * @param hours The hour part of the time span.
+       * @param minutes The minute part of the time span.
+       * @param seconds The seconds part of the time span.
+       * @param millis The milliseconds part of the time span.
        */
       constructor(days:number,hours:number,minutes:number,seconds:number,millis:number);
       /**
        * Creates a new time span which is <code>ticks</code> milliseconds long.
-       * @param {number} ticks The length of the time span in milliseconds.
-       * @constructor
+       * @param ticks The length of the time span in milliseconds.
        */
       constructor(ticks:number);
       /**
        * 
-       * @param {Object} obj
-       * @returns {number} 
+       * @param obj
+       * @returns 
        */
       compareTo(obj:Object):number;
       /**
        * Creates a new time span with the given length in milliseconds.
-       * @param {number} milliseconds The length of the time span in milliseconds.
-       * @returns {yfiles.lang.TimeSpan} A newly created time span.
+       * @param milliseconds The length of the time span in milliseconds.
+       * @returns A newly created time span.
        * @static
        */
       static fromMilliseconds(milliseconds:number):yfiles.lang.TimeSpan;
       /**
        * Creates a new time span with the given length in minutes.
-       * @param {number} minutes The length of the time span in minutes.
-       * @returns {yfiles.lang.TimeSpan} A newly created time span.
+       * @param minutes The length of the time span in minutes.
+       * @returns A newly created time span.
        * @static
        */
       static fromMinutes(minutes:number):yfiles.lang.TimeSpan;
       /**
        * Creates a new time span with the given length in seconds.
-       * @param {number} seconds The length of the time span in seconds.
-       * @returns {yfiles.lang.TimeSpan} A newly created time span.
+       * @param seconds The length of the time span in seconds.
+       * @returns A newly created time span.
        * @static
        */
       static fromSeconds(seconds:number):yfiles.lang.TimeSpan;
@@ -983,35 +974,35 @@ declare namespace system{
      * function, which calls the {@link yfiles.lang.Exception#handler} function, if it has been set. Note that for some browsers/plugins, try/catch blocks prevent
      * error debugging functionality. Hence, {@link yfiles.lang.Exception#catchErrors} should be turned off while debugging.
      * </p>
-     * @class yfiles.lang.Exception
+     * @class
      * @extends {Error}
      */
     export interface Exception extends Error{}
     export class Exception {
       /**
        * Creates a new exception with the given {@link yfiles.lang.Exception#message} and an optional error {@link yfiles.lang.Exception#name}.
-       * @param {string} [message=null] The exception message.
-       * @param {string} [name=null] The exception name. This name can be used in try...catch statements to distinguish between different types of errors.
+       * @param [message=null] The exception message.
+       * @param [name=null] The exception name. This name can be used in try...catch statements to distinguish between different types of errors.
+       * @param [innerException=null] The inner exception, if another exception was wrapped.
        * @see yfiles.lang.Exception#message
-       * @constructor
        */
-      constructor(message?:string,name?:string);
+      constructor(message?:string,name?:string,innerException?:yfiles.lang.Exception);
       /**
        * Creates a new exception with the given {@link yfiles.lang.Exception#message} and an optional error {@link yfiles.lang.Exception#name}.
        * @param {Object} options The parameters to pass.
-       * @param {string} [options.message=null] The exception message.
-       * @param {string} [options.name=null] The exception name. This name can be used in try...catch statements to distinguish between different types of errors.
+       * @param [options.message=null] The exception message.
+       * @param [options.name=null] The exception name. This name can be used in try...catch statements to distinguish between different types of errors.
+       * @param [options.innerException=null] The inner exception, if another exception was wrapped.
        * @see yfiles.lang.Exception#message
-       * @constructor
        */
-      constructor(options:{message?:string,name?:string});
+      constructor(options:{message?:string,name?:string,innerException?:yfiles.lang.Exception});
       /**
        * This function is called in catch blocks in the library if {@link yfiles.lang.Exception#catchErrors} is enabled.
        * <p>
        * If a {@link yfiles.lang.Exception#handler} is registered, the error is passed to the error handler, otherwise if {@link yfiles.lang.Exception#catchErrors} is set to <code>true</code> the error is logged to the
        * console using <code>console.warn</code> if available.
        * </p>
-       * @param {Object} error The error object that has been caught
+       * @param error The error object that has been caught
        * @static
        */
       static handleError(error:Object):void;
@@ -1025,6 +1016,11 @@ declare namespace system{
        * @type {string}
        */
       name:string;
+      /**
+       * The inner exception, if another exception was wrapped.
+       * @type {yfiles.lang.Exception}
+       */
+      innerException:yfiles.lang.Exception;
       /**
        * Whether to use try/catch blocks when invoking event handlers.
        * <p>
@@ -1047,31 +1043,1238 @@ declare namespace system{
       static handler:(obj:Object)=>void;
       static $class:yfiles.lang.Class;
     }
-  }export namespace graphml{
-    export enum GraphMLMemberVisibility{
+  }export namespace collections{
+    /**
+     * The default implementation for {@link yfiles.collections.IMap.<TKey,TValue>}.
+     * Type parameter <code>TKey</code>: The type of the key elements of this dictionary.
+     * Type parameter <code>TValue</code>: The type of the value elements of this dictionary.
+     * @class
+     * @implements {yfiles.collections.IMap.<TKey,TValue>}
+     * @implements {yfiles.collections.ICollection.<yfiles.collections.MapEntry.<TKey,TValue>>}
+     * @implements {yfiles.collections.IEnumerable.<yfiles.collections.MapEntry.<TKey,TValue>>}
+     * @template TKey,TValue
+     */
+    export interface Map<TKey,TValue> extends Object,yfiles.collections.IMap<TKey,TValue>,yfiles.collections.ICollection<yfiles.collections.MapEntry<TKey,TValue>>,yfiles.collections.IEnumerable<yfiles.collections.MapEntry<TKey,TValue>>{}
+    export class Map<TKey,TValue> {
       /**
-       * The member is ignored by GraphML.
+       * Creates a new instance.
+       * @param {Object} [options=null] The parameters to pass.
+       * @param options.entries An array of items which are added to this map. Each item will be added via the {@link #add} method.
        */
-      HIDDEN,
+      constructor(options?:{entries?:Array<any>});
       /**
-       * The member is treated according to the normal XAML serialization rules
+       * 
+       * @param item
        */
-      VISIBLE,
+      add(item:yfiles.collections.MapEntry<TKey,TValue>):void;
       /**
-       * Only the content of a member value is read or written, without an enclosing excplicit container object.
+       * 
+       */
+      clear():void;
+      /**
+       * Whether this dictionary contains the given <code>value</code>.
+       * @param value The value to search for.
+       * @returns <code>true</code> if this dictionary contains the given value.
+       */
+      containsValue(value:TValue):boolean;
+      /**
+       * 
+       * @param array
+       * @param arrayIndex
+       */
+      copyTo(array:yfiles.collections.MapEntry<TKey,TValue>[],arrayIndex:number):void;
+      /**
+       * 
+       * @param key
+       * @returns 
+       */
+      delete(key:TKey):boolean;
+      /**
+       * 
+       * @param key
+       * @returns 
+       */
+      get(key:TKey):TValue;
+      /**
+       * 
+       * @returns 
+       */
+      getEnumerator():yfiles.collections.IEnumerator<yfiles.collections.MapEntry<TKey,TValue>>;
+      /**
+       * 
+       * @param key
+       * @returns 
+       */
+      has(key:TKey):boolean;
+      /**
+       * 
+       * @param item
+       * @returns 
+       */
+      includes(item:yfiles.collections.MapEntry<TKey,TValue>):boolean;
+      /**
+       * 
+       * @param item
+       * @returns 
+       */
+      remove(item:yfiles.collections.MapEntry<TKey,TValue>):boolean;
+      /**
+       * 
+       * @param key
+       * @param value
+       */
+      set(key:TKey,value:TValue):void;
+      /**
+       * 
+       * @type {number}
+       */
+      size:number;
+      /**
+       * 
+       * @type {boolean}
+       */
+      isReadOnly:boolean;
+      /**
+       * 
+       * @type {yfiles.collections.ICollection.<TKey>}
+       */
+      keys:yfiles.collections.ICollection<TKey>;
+      /**
+       * 
+       * @type {yfiles.collections.ICollection.<TValue>}
+       */
+      values:yfiles.collections.ICollection<TValue>;
+      static $class:yfiles.lang.Class;
+    }
+    /**
+     * Defines methods to manipulate a collection of objects with the same type.
+     * Type parameter <code>T</code>: The type of the elements in the collection.
+     * @interface
+     * @implements {yfiles.collections.IEnumerable.<T>}
+     * @template T
+     */
+    export interface ICollection<T> extends Object,yfiles.collections.IEnumerable<T>{
+      /**
+       * Adds the given <code>item</code> to the collection.
+       * @param item
+       * @abstract
+       */
+      add(item:T):void;
+      /**
+       * Removes all items from this collection.
+       * @abstract
+       */
+      clear():void;
+      /**
+       * Copies all elements of this collection into the given array.
+       * @param array The array to copy the elements to.
+       * @param arrayIndex The index in the given array where the first element should be copied to.
+       * @abstract
+       */
+      copyTo(array:T[],arrayIndex:number):void;
+      /**
+       * Whether the given <code>item</code> is contained in this collection.
+       * @param item The item to search for.
+       * @returns <code>true</code> if the given <code>item</code> is contained in this collection.
+       * @abstract
+       */
+      includes(item:T):boolean;
+      /**
+       * Removes the given <code>item</code> from this collection.
+       * @param item The item to remove.
+       * @returns Whether the item was removed from the collection.
+       * @abstract
+       */
+      remove(item:T):boolean;
+      /**
+       * The number of elements in this collection.
+       * @abstract
+       * @type {number}
+       */
+      size:number;
+      /**
+       * Whether this collection is read-only.
+       * @abstract
+       * @type {boolean}
+       */
+      isReadOnly:boolean;
+    }
+    var ICollection:{
+      $class:yfiles.lang.Class;
+      isInstance(o:Object):boolean;
+    };
+    /**
+     * A collection of value objects which are mapped to key objects and can be queried using their keys.
+     * <p>
+     * The keys must have a well defined <code>hashCode</code> method that must not change between registering a value for the key and
+     * retrieving a value using the key. Thus it is advisable to use stable, i.e. immutable, objects as the key.
+     * </p>
+     * Type parameter <code>TKey</code>: The type of the keys.
+     * Type parameter <code>TValue</code>: The type of the values.
+     * @interface
+     * @implements {yfiles.collections.ICollection.<yfiles.collections.MapEntry.<TKey,TValue>>}
+     * @template TKey,TValue
+     */
+    export interface IMap<TKey,TValue> extends Object,yfiles.collections.ICollection<yfiles.collections.MapEntry<TKey,TValue>>{
+      /**
+       * Removes the key/value pair which is represented by the given <code>key</code>.
+       * @param key The key of the key/value pair to remove.
+       * @returns <code>true</code> if a key/value pair with the given key was removed from this collection.
+       * @abstract
+       */
+      delete(key:TKey):boolean;
+      /**
+       * Gets the value of the key/value pair with the given key.
        * <p>
-       * This only makes a difference when the member value is a container object, such as a collection or map.
+       * Setter: if there is already a key/value pair with the given key in the dictionary its value will be overridden. If not a
+       * new key/value pair will be added.
+       * <br />
+       * Getter: if there is no key/value pair with the given key in this dictionary <code>null</code> will be returned.
+       * </p>
+       * @param key
+       * @returns 
+       * @see yfiles.collections.IMap.<TKey,TValue>#set
+       * @abstract
+       */
+      get(key:TKey):TValue;
+      /**
+       * Whether this dictionary's key collection contains the given key.
+       * @param key The key to search for.
+       * @returns <code>true</code> if this dictionary contains the given <code>key</code>.
+       * @abstract
+       */
+      has(key:TKey):boolean;
+      /**
+       * Sets the value of the key/value pair with the given key.
+       * <p>
+       * Setter: if there is already a key/value pair with the given key in the dictionary its value will be overridden. If not a
+       * new key/value pair will be added.
+       * <br />
+       * Getter: if there is no key/value pair with the given key in this dictionary <code>null</code> will be returned.
+       * </p>
+       * @param key
+       * @param value
+       * @see yfiles.collections.IMap.<TKey,TValue>#get
+       * @abstract
+       */
+      set(key:TKey,value:TValue):void;
+      /**
+       * A {@link yfiles.collections.ICollection.<T>} of the keys of this dictionary.
+       * @abstract
+       * @type {yfiles.collections.ICollection.<TKey>}
+       */
+      keys:yfiles.collections.ICollection<TKey>;
+      /**
+       * A {@link yfiles.collections.ICollection.<T>} of the values of this dictionary.
+       * @abstract
+       * @type {yfiles.collections.ICollection.<TValue>}
+       */
+      values:yfiles.collections.ICollection<TValue>;
+    }
+    var IMap:{
+      $class:yfiles.lang.Class;
+      isInstance(o:Object):boolean;
+    };
+    /**
+     * Defines ways to iterate over the items contained in this type by providing a method to get an {@link yfiles.collections.IEnumerator.<T>}.
+     * Type parameter <code>T</code>: The type of the enumerable objects.
+     * @interface
+     * @template T
+     */
+    export interface IEnumerable<T> extends Object{
+      /**
+       * 
+       * @param enumerable
+       * @returns 
+       */
+      concat?(enumerable:yfiles.collections.IEnumerable<T>):yfiles.collections.IEnumerable<T>;
+      /**
+       * Returns the element at the given <code>index</code> in the enumerable.
+       * @param index The index of the element to return.
+       * @returns The element at the given <code>index</code>.
+       * @throws {Stubs.Exceptions.ArgumentError} If the <code>index</code> is not within the enumerable's range.
+       */
+      elementAt?(index:number):T;
+      /**
+       * Whether all elements of the enumerable match the given <code>predicate</code>.
+       * @param predicate A function with the signature <code>function(element):boolean</code> which returns <code>true</code> if the element matches a condition.
+       * @param [thisArg=null]
+       * @returns Whether all elements of the enumerable match the given <code>predicate</code>.
+       * @throws {Stubs.Exceptions.ArgumentError} <code>e</code> is <code>null</code>.
+       * @throws {Stubs.Exceptions.ArgumentError} <code>predicate</code> is <code>null</code>.
+       */
+      every?(predicate:(arg1:T,arg2:number,arg3:yfiles.collections.IEnumerable<T>)=>boolean,thisArg?:Object):boolean;
+      /**
+       * Returns an enumerable which only contains elements of the source enumerable which match a given <code>predicate</code>.
+       * @param predicate A function with the signature <code>function(element):boolean</code> which returns <code>true</code> if the given element should be included in
+       * the resulting enumerable.
+       * @param [thisArg=null]
+       * @returns An enumerable which contains the elements of the source enumeration which match the given <code>predicate</code>.
+       */
+      filter?(predicate:(arg1:T,arg2:number,arg3:yfiles.collections.IEnumerable<T>)=>boolean,thisArg?:Object):yfiles.collections.IEnumerable<T>;
+      /**
+       * Returns the first element of the enumerable which matches a given filter.
+       * @param [predicate=null] A function with the signature <code>function(element):boolean</code> which returns <code>true</code> if the given element should be returned
+       * @param [thisArg=null]
+       * @returns The first matching element of the enumerable.
+       * @throws {Stubs.Exceptions.ArgumentError} If the given enumerable is <code>null</code>.
+       * @throws {Stubs.Exceptions.InvalidOperationError} If the enumerable does not contain a matching element.
+       */
+      first?(predicate?:(arg1:T,arg2:number,arg3:yfiles.collections.IEnumerable<T>)=>boolean,thisArg?:Object):T;
+      /**
+       * Returns the first element of the enumerable which matches a given filter.
+       * @param {Object} options The parameters to pass.
+       * @param [options.predicate=null] A function with the signature <code>function(element):boolean</code> which returns <code>true</code> if the given element should be returned
+       * @param [options.thisArg=null]
+       * @returns The first matching element of the enumerable.
+       * @throws {Stubs.Exceptions.ArgumentError} If the given enumerable is <code>null</code>.
+       * @throws {Stubs.Exceptions.InvalidOperationError} If the enumerable does not contain a matching element.
+       */
+      first?(options:{predicate?:(arg1:T,arg2:number,arg3:yfiles.collections.IEnumerable<T>)=>boolean,thisArg?:Object}):T;
+      /**
+       * Returns the first element of the enumerable, the first element of the enumerable which matches a given filter if
+       * sepcified, or <code>null</code> if there is no such element.
+       * @param [predicate=null] A function with the signature <code>function(element):boolean</code> which returns <code>true</code> if the given element should be returned
+       * @param [thisArg=null]
+       * @returns The first element of the enumerable or <code>null</code>.
+       * @throws {Stubs.Exceptions.ArgumentError} If the given enumerable is <code>null</code>.
+       */
+      firstOrDefault?(predicate?:(arg1:T,arg2:number,arg3:yfiles.collections.IEnumerable<T>)=>boolean,thisArg?:Object):T;
+      /**
+       * Returns the first element of the enumerable, the first element of the enumerable which matches a given filter if
+       * sepcified, or <code>null</code> if there is no such element.
+       * @param {Object} options The parameters to pass.
+       * @param [options.predicate=null] A function with the signature <code>function(element):boolean</code> which returns <code>true</code> if the given element should be returned
+       * @param [options.thisArg=null]
+       * @returns The first element of the enumerable or <code>null</code>.
+       * @throws {Stubs.Exceptions.ArgumentError} If the given enumerable is <code>null</code>.
+       */
+      firstOrDefault?(options:{predicate?:(arg1:T,arg2:number,arg3:yfiles.collections.IEnumerable<T>)=>boolean,thisArg?:Object}):T;
+      /**
+       * Iterates over the enumerable and invokes the action for each element passing the value and index as arguments.
+       * @param action The delegate to call.
+       * @param [thisArg=null]
+       */
+      forEach?(action:(arg1:T,arg2:number,arg3:yfiles.collections.IEnumerable<T>)=>void,thisArg?:Object):void;
+      /**
+       * Gets an {@link yfiles.collections.IEnumerator.<T>} which can be used to iterate over the items in this instance
+       * @returns The {@link } which can be used to iterate over the items in this instance
+       * @abstract
+       */
+      getEnumerator():yfiles.collections.IEnumerator<T>;
+      /**
+       * Whether the given value is contained in the enumerable.
+       * @param value The value to search for.
+       * @returns <code>true</code> if the enumerable contains the given value.
+       */
+      includes?(value:T):boolean;
+      /**
+       * Returns the last element of the enumerable.
+       * @returns The last element of the enumerable.
+       * @throws {Stubs.Exceptions.ArgumentError} If the given enumerable is <code>null</code>.
+       * @throws {Stubs.Exceptions.InvalidOperationError} If the enumerable is empty.
+       */
+      last?():T;
+      /**
+       * Returns the last element of the enumerable or <code>null</code> if the enumerable is empty.
+       * @returns The last element of the enumerable or <code>null</code>.
+       * @throws {Stubs.Exceptions.ArgumentError} If the given enumerable is <code>null</code>.
+       */
+      lastOrDefault?():T;
+      /**
+       * Maps each element of the enumerable into a new element in a new enumerable.
+       * Type parameter <code>TResult</code>: The type of the mapped elements.
+       * @param selector A function with the signature <code>function(element, index):TResult</code> which converts each element into a new element of the
+       * type <code>TResult</code> depending on the element's index.
+       * @param [thisArg=null] The optional value to use as <code>this</code> when executing the <code>selector</code>.
+       * @returns A projection of the original enumerable.
+       * @template TResult
+       */
+      map?<TResult>(selector:(arg1:T,arg2:number,arg3:yfiles.collections.IEnumerable<T>)=>TResult,thisArg?:Object):yfiles.collections.IEnumerable<TResult>;
+      /**
+       * Converts a untyped enumerable into an enumerable with the given type.
+       * <p>
+       * The source enumerable may contain elements which are not of the given type. Those elements will not be contained in the
+       * returned enumerable.
+       * </p>
+       * Type parameter <code>TResult</code>.
+       * @returns A typed enumerable.
+       * @template TResult
+       */
+      ofType?<TResult>(resultType:yfiles.lang.Class):yfiles.collections.IEnumerable<TResult>;
+      /**
+       * Applies an <code>func</code> function over the enumerable's elements.
+       * Type parameter <code>TAccumulate</code>: The type of the accumulated value.
+       * @param seed The start value for the accumulator.
+       * @param func A function with the signature <code>function(seed,element):TAccumulate</code> which "adds" (accumulates) a value depending on the
+       * element to the seed value and returns the result.
+       * @returns The final value of the accumulator.
+       * @template TAccumulate
+       */
+      reduce?<TAccumulate>(seed:TAccumulate,func:(arg1:TAccumulate,arg2:T,arg3:number,arg4:yfiles.collections.IEnumerable<T>)=>TAccumulate):TAccumulate;
+      /**
+       * Creates a flattened view of a given enumerable using the given <code>selector</code> function which returns an enumerable for each
+       * element of the source enumerable.
+       * Type parameter <code>TResult</code>.
+       * @param selector A function with the signature <code>function(element):IEnumerable</code> which returns an enumerable for each element of the source
+       * enumerable.
+       * @param [thisArg=null]
+       * @returns A flattened view of the given enumerable. The enumerables which are returned by the <code>selector</code> method for each element are
+       * concatenated in the result.
+       * @template TResult
+       */
+      selectMany?<TResult>(selector:(arg1:T,arg2:number,arg3:yfiles.collections.IEnumerable<T>)=>yfiles.collections.IEnumerable<TResult>,thisArg?:Object):yfiles.collections.IEnumerable<TResult>;
+      /**
+       * Whether the enumerable contains any elements matching the given <code>predicate</code>.
+       * @param [predicate=null] A function with the signature <code>function(element):boolean</code> which returns <code>true</code> if the element matches a condition.
+       * @param [thisArg=null]
+       * @returns Whether the enumerable contains any elements matching the given <code>predicate</code>.
+       * @throws {Stubs.Exceptions.ArgumentError} <code>e</code> is <code>null</code>.
+       */
+      some?(predicate?:(arg1:T,arg2:number,arg3:yfiles.collections.IEnumerable<T>)=>boolean,thisArg?:Object):boolean;
+      /**
+       * Whether the enumerable contains any elements matching the given <code>predicate</code>.
+       * @param {Object} options The parameters to pass.
+       * @param [options.predicate=null] A function with the signature <code>function(element):boolean</code> which returns <code>true</code> if the element matches a condition.
+       * @param [options.thisArg=null]
+       * @returns Whether the enumerable contains any elements matching the given <code>predicate</code>.
+       * @throws {Stubs.Exceptions.ArgumentError} <code>e</code> is <code>null</code>.
+       */
+      some?(options:{predicate?:(arg1:T,arg2:number,arg3:yfiles.collections.IEnumerable<T>)=>boolean,thisArg?:Object}):boolean;
+      /**
+       * Calculates the sum of the elements of the enumerable.
+       * @param selector A function with the signature <code>function(element):Number</code> which returns a numeric value for the given element.
+       * @param [thisArg=null]
+       * @returns The sum of the elements of the enumerable.
+       */
+      sum?(selector:(arg1:T,arg2:number,arg3:yfiles.collections.IEnumerable<T>)=>number,thisArg?:Object):number;
+      /**
+       * Returns elements from an enumerable as long as the given <code>predicate</code> is <code>true</code>.
+       * @param predicate A function with the signature <code>function(element):boolean</code> which returns <code>true</code> as long as the elements should be added to
+       * the returned enumerable.
+       * @param [thisArg=null]
+       * @returns A subset of the original enumerable.
+       */
+      takeWhile?(predicate:(arg1:T,arg2:number,arg3:yfiles.collections.IEnumerable<T>)=>boolean,thisArg?:Object):yfiles.collections.IEnumerable<T>;
+      /**
+       * Creates an array with the values of the enumerable.
+       * @returns An array with the enumerable's elements.
+       */
+      toArray?():T[];
+      /**
+       * Creates a {@link yfiles.collections.List.<T>} with the values of the enumerable.
+       * @returns An {@link } with the enumerable's elements.
+       */
+      toList?():yfiles.collections.List<T>;
+      /**
+       * Returns an enumerable which contains the elements of the original enumerable in reverse order.
+       * @returns An enumerable which contains the elements of the original enumerable in reverse order.
+       */
+      toReversed?():yfiles.collections.IEnumerable<T>;
+      /**
+       * Returns the number of elements contained in the enumerable.
+       * @type {number}
+       */
+      size?:number;
+    }
+    var IEnumerable:{
+      $class:yfiles.lang.Class;
+      isInstance(o:Object):boolean;
+    };
+    /**
+     * Provides methods to iterate over a collection or list of elements of the same type.
+     * <pre>
+     * var e = someList.getEnumerator();
+     * // always move before you access
+     * while(e.moveNext()) {
+     *   // get the current element
+     *   var current = e.current;
+     * }
+     * </pre>
+     * 
+     * Type parameter <code>T</code>.
+     * @interface
+     * @template T
+     */
+    export interface IEnumerator<T> extends Object{
+      /**
+       * Moves this enumerator to the next element.
+       * <p>
+       * A newly created enumerator's {@link yfiles.collections.IEnumerator.<T>#current current position} is before the first element. Thus, this method must be called before first
+       * access to the {@link yfiles.collections.IEnumerator.<T>#current} property. The same applies to the state after calling {@link yfiles.collections.IEnumerator.<T>#reset}.
+       * </p>
+       * @returns <code>true</code> if the enumerator was moved to a valid position
+       * @abstract
+       */
+      moveNext():boolean;
+      /**
+       * Resets the enumerator to its starting state.
+       * <p>
+       * In other words: sets the current position before the first element.
+       * </p>
+       * @abstract
+       */
+      reset():void;
+      /**
+       * Gets the element at the enumerator's current position.
+       * <p>
+       * This value is undefined if the enumerator is in initial state (after creation or
+       * {@link yfiles.collections.IEnumerator.<T>#reset}) or has been moved past the end of the represented collection.
+       * </p>
+       * @abstract
+       * @type {T}
+       */
+      current:T;
+    }
+    var IEnumerator:{
+      $class:yfiles.lang.Class;
+      isInstance(o:Object):boolean;
+    };
+    /**
+     * A read-write collection of objects of the same type.
+     * Type parameter <code>T</code>: The type of objects in the list.
+     * @interface
+     * @implements {yfiles.collections.ICollection.<T>}
+     * @template T
+     */
+    export interface IList<T> extends Object,yfiles.collections.ICollection<T>{
+      /**
+       * Gets the item at the given index.
+       * @param index The index of the item to access.
+       * @returns The item at the given index.
+       * @see yfiles.collections.IList.<T>#set
+       * @abstract
+       */
+      get(index:number):T;
+      /**
+       * The index of the given item in the list.
+       * @param item The item to search for.
+       * @returns The index of the given item in the list. <code>-1</code> if the item is not in the list.
+       * @abstract
+       */
+      indexOf(item:T):number;
+      /**
+       * Inserts the given <code>item</code> at the given <code>index</code>.
+       * @param index The index to insert the item at.
+       * @param item The item to insert.
+       * @abstract
+       */
+      insert(index:number,item:T):void;
+      /**
+       * Removes the item at the given index from the list.
+       * @param index The index of the item to remove.
+       * @abstract
+       */
+      removeAt(index:number):void;
+      /**
+       * Sets the item at the given index.
+       * @param index The index of the item to access.
+       * @param value The item at the given index.
+       * @see yfiles.collections.IList.<T>#get
+       * @abstract
+       */
+      set(index:number,value:T):void;
+    }
+    var IList:{
+      $class:yfiles.lang.Class;
+      isInstance(o:Object):boolean;
+    };
+    /**
+     * The key/value pair of a {@link yfiles.collections.IMap.<TKey,TValue>}.
+     * Type parameter <code>TKey</code>: The type of the key element.
+     * Type parameter <code>TValue</code>: The type of the value element.
+     * @class
+     * @template TKey,TValue
+     * @final
+     */
+    export interface MapEntry<TKey,TValue> extends Object{}
+    export class MapEntry<TKey,TValue> {
+      /**
+       * Creates a new instance with the given <code>key</code> and <code>value</code>.
+       * @param key The key for this pair.
+       * @param value The value for this pair.
+       */
+      constructor(key:TKey,value:TValue);
+      /**
+       * The key for this key/value pair.
+       * @type {TKey}
+       */
+      key:TKey;
+      /**
+       * The value for this key/value pair.
+       * @type {TValue}
+       */
+      value:TValue;
+      static $class:yfiles.lang.Class;
+    }
+    /**
+     * Default implementation of {@link yfiles.collections.IList.<T>}.
+     * <p>
+     * This implementation provides fast random indexed access. However, removing or adding elements from the beginning or in
+     * the middle of the list will slower.
+     * </p>
+     * Type parameter <code>T</code>: The type of the list's elements.
+     * @class
+     * @implements {yfiles.collections.IList.<T>}
+     * @template T
+     */
+    export interface List<T> extends Object,yfiles.collections.IList<T>{}
+    export class List<T> {
+      /**
+       * Creates a new instance and fills it with the elements of the given <code>enumerable</code>.
+       * @param enumerable The enumerable to fill the list with.
+       */
+      constructor(enumerable:yfiles.collections.IEnumerable<T>);
+      /**
+       * Creates a new instance.
+       * @param {Object} [options=null] The parameters to pass.
+       * @param options.items An array of items which are added to this list. Each item will be added via the {@link #add} method.
+       */
+      constructor(options?:{items?:Array<any>});
+      /**
+       * 
+       * @param item
+       */
+      add(item:T):void;
+      /**
+       * Adds the elements of the given collection to this list.
+       * @param enumerable The collection to add.
+       */
+      addRange(enumerable:yfiles.collections.IEnumerable<T>):void;
+      /**
+       * Searches the (sorted) list for the given <code>item</code>.
+       * <p>
+       * This search is done as a binary search, therefore the list must be sorted. The given <code>comparer</code> is used to compare the
+       * elements to each other.
+       * </p>
+       * @param item The item to search for.
+       * @param comparer The comparer to use for comparing the elements.
+       * @returns The index of the item in the list. -1 if the item is not found.
+       */
+      binarySearch(item:T,comparer:yfiles.collections.IComparer<T>):number;
+      /**
+       * 
+       */
+      clear():void;
+      /**
+       * 
+       * @param array
+       * @param arrayIndex
+       */
+      copyTo(array:T[],arrayIndex:number):void;
+      /**
+       * Searches the list for the first element for which <code>match</code> returns <code>true</code>.
+       * @param match A predicate function with the signature <code>function(o:Object):boolean</code> which returns <code>true</code> if o matches the conditions of the
+       * element to search for.
+       * @returns The first element for which <code>match</code> returns <code>true</code> or <code>null</code> is no such element in the list.
+       */
+      find(match:(obj:T)=>boolean):T;
+      /**
+       * Searches the list for the first element for which <code>match</code> returns <code>true</code> and returns its index.
+       * @param match A predicate function with the signature <code>function(o:Object):boolean</code> which returns <code>true</code> if o matches the conditions of the
+       * element to search for.
+       * @returns The index of the first element for which <code>match</code> returns <code>true</code> or -1 if there is no such element in the list.
+       */
+      findIndex(match:(obj:T)=>boolean):number;
+      /**
+       * Creates a new list with the given array used as the live backing store.
+       * <p>
+       * Modifying the list or the array will modify both instances.
+       * </p>
+       * @param array The array to create a list view over from.
+       * @returns A list backed by the given array.
+       * @static
+       */
+      static fromArray<T>(array:T[]):yfiles.collections.List<T>;
+      /**
+       * 
+       * @param index
+       * @returns 
+       */
+      get(index:number):T;
+      /**
+       * 
+       * @returns 
+       */
+      getEnumerator():yfiles.collections.IEnumerator<T>;
+      /**
+       * 
+       * @param item
+       * @returns 
+       */
+      includes(item:T):boolean;
+      /**
+       * 
+       * @param item
+       * @returns 
+       */
+      indexOf(item:T):number;
+      /**
+       * 
+       * @param index
+       * @param item
+       */
+      insert(index:number,item:T):void;
+      /**
+       * 
+       * @param item
+       * @returns 
+       */
+      remove(item:T):boolean;
+      /**
+       * Removes all elements for which <code>match</code> returns <code>true</code>.
+       * @param match A predicate function with the signature <code>function(o:Object):boolean</code> which returns <code>true</code> if o matches the conditions of the
+       * element to search for.
+       * @returns The number of elements which were removed.
+       */
+      removeAll(match:(obj:T)=>boolean):number;
+      /**
+       * 
+       * @param index
+       */
+      removeAt(index:number):void;
+      /**
+       * Removes a given <code>count</code> of elements starting from the given <code>index</code>.
+       * @param index The index of the first element to remove.
+       * @param count The number of elements to remove.
+       */
+      removeRange(index:number,count:number):void;
+      /**
+       * Reverses the order of the elements in the list.
+       */
+      reverse():void;
+      /**
+       * 
+       * @param index
+       * @param value
+       */
+      set(index:number,value:T):void;
+      /**
+       * Sorts all elements in the list using the given <code>comparison</code> function.
+       * @param comparison The comparison function to use.
+       */
+      sort(comparison:(arg1:Object,arg2:Object)=>number):void;
+      /**
+       * Sorts all elements in the list using the given <code>comparer</code>.
+       * @param comparer The comparer to use.
+       */
+      sort(comparer:yfiles.collections.IComparer<T>):void;
+      /**
+       * Sorts all elements in list using the default comparer.
+       */
+      sort():void;
+      /**
+       * Copies the elements of this list into an array.
+       * @returns An array containing the elements of this list.
+       */
+      toArray():T[];
+      /**
+       * 
+       * @type {number}
+       */
+      size:number;
+      /**
+       * 
+       * @type {boolean}
+       */
+      isReadOnly:boolean;
+      capacity:number;
+      static $class:yfiles.lang.Class;
+    }
+    /**
+     * Provides a method to compare two objects of the same type.
+     * Type parameter <code>T</code>: The type of the objects to compare.
+     * @interface
+     * @template T
+     */
+    export interface IComparer<T> extends Object{
+      /**
+       * Compares two objects of type T.
+       * @param x The first object.
+       * @param y The second object.
+       * @returns 
+       * <ul>
+       * <li>-1: <code>x</code> is less than <code>y</code></li>
+       * <li>0: <code>x</code> is equal to <code>y</code></li>
+       * <li>1: <code>x</code> is greater than <code>y</code></li>
+       * </ul>
+       * @abstract
+       */
+      compare(x:T,y:T):number;
+    }
+    var IComparer:{
+      $class:yfiles.lang.Class;
+      isInstance(o:Object):boolean;
+    };
+    /**
+     * A simple default implementation of an {@link yfiles.collections.IObservableCollection.<T>} that is backed by an ordinary {@link yfiles.collections.ICollection.<T>}
+     * Type parameter <code>T</code>: The type of the elements contained in this collection.
+     * @class
+     * @implements {yfiles.collections.IObservableCollection.<T>}
+     * @template T
+     */
+    export interface ObservableCollection<T> extends Object,yfiles.collections.IObservableCollection<T>{}
+    export class ObservableCollection<T> {
+      /**
+       * Creates a new instance using a provided collection as the backing store.
+       * @param [items=null] The collection to use as the backing store. If no collection is provided a {@link } will be used.
+       */
+      constructor(items?:yfiles.collections.ICollection<T>);
+      /**
+       * Adds the item the the collection and triggers the {@link yfiles.collections.ObservableCollection.<T>#addItemAddedListener ItemAdded} event.
+       * <p>
+       * This implementation calls the {@link yfiles.collections.ObservableCollection.<T>#onItemAdded} method.
+       * </p>
+       * @param item The item to add to the collection.
+       */
+      add(item:T):void;
+      /**
+       * Clears this collection, triggering an {@link yfiles.collections.ObservableCollection.<T>#addItemRemovedListener ItemRemoved} event for each element removed.
+       * @see yfiles.collections.ObservableCollection.<T>#onItemRemoved
+       */
+      clear():void;
+      /**
+       * Copies the items to the given array.
+       * @param array
+       * @param arrayIndex
+       */
+      copyTo(array:T[],arrayIndex:number):void;
+      /**
+       * Returns an enumerator over the elements in this collection.
+       * @returns 
+       */
+      getEnumerator():yfiles.collections.IEnumerator<T>;
+      /**
+       * Checks for containment of the item in this collection.
+       * @param item The item to check.
+       * @returns Whether the item is contained in this collection.
+       */
+      includes(item:T):boolean;
+      /**
+       * Callback method that will trigger the {@link yfiles.collections.ObservableCollection.<T>#addItemAddedListener ItemAdded} event.
+       * @param item The item that has just been added to the collection.
+       * @protected
+       */
+      onItemAdded(item:T):void;
+      /**
+       * Callback method that will trigger the {@link yfiles.collections.ObservableCollection.<T>#addItemChangedListener ItemChanged} event.
+       * @param item The item that has changed.
+       * @protected
+       */
+      onItemChanged(item:T):void;
+      /**
+       * Callback method that will trigger the {@link yfiles.collections.ObservableCollection.<T>#addItemRemovedListener ItemRemoved} event.
+       * @param item The item that has just been removed from the collection.
+       * @protected
+       */
+      onItemRemoved(item:T):void;
+      /**
+       * Method that may be called by client code to trigger an {@link yfiles.collections.ObservableCollection.<T>#addItemChangedListener ItemChanged} event.
+       * @param item The item to trigger the change event for.
+       * @see yfiles.collections.ObservableCollection.<T>#onItemChanged
+       */
+      publishItemChanged(item:T):void;
+      /**
+       * Tries to remove the item from the collection and triggers the {@link yfiles.collections.ObservableCollection.<T>#addItemRemovedListener ItemRemoved} event.
+       * @param item The item to remove.
+       * @returns Whether the item has been removed.
+       * @see yfiles.collections.ObservableCollection.<T>#onItemRemoved
+       */
+      remove(item:T):boolean;
+      /**
+       * Returns the number of elements in this collection.
+       * @type {number}
+       */
+      size:number;
+      /**
+       * Checks whether this collection is read only.
+       * @type {boolean}
+       */
+      isReadOnly:boolean;
+      /**
+       * Gets the collection used internally as the backing store.
+       * <p>
+       * Normally code should not use this method to gain access to the collection in order to modify it.
+       * </p>
+       * @returns The backing store of this observable collection.
+       * @type {yfiles.collections.ICollection.<T>}
+       */
+      items:yfiles.collections.ICollection<T>;
+      /**
+       * Adds the given listener for the <code>ItemAdded</code> event that occurs when an item has been added to this collection.
+       * @param listener The listener to add.
+       * @see yfiles.collections.ObservableCollection.<T>#removeItemAddedListener
+       */
+      addItemAddedListener(listener:(sender:Object,evt:yfiles.collections.ItemEventArgs<T>)=>void):void;
+      /**
+       * Removes the given listener for the <code>ItemAdded</code> event that occurs when an item has been added to this collection.
+       * @param listener The listener to remove.
+       * @see yfiles.collections.ObservableCollection.<T>#addItemAddedListener
+       */
+      removeItemAddedListener(listener:(sender:Object,evt:yfiles.collections.ItemEventArgs<T>)=>void):void;
+      /**
+       * Adds the given listener for the <code>ItemRemoved</code> event that occurs when an item has been removed from this collection.
+       * @param listener The listener to add.
+       * @see yfiles.collections.ObservableCollection.<T>#removeItemRemovedListener
+       */
+      addItemRemovedListener(listener:(sender:Object,evt:yfiles.collections.ItemEventArgs<T>)=>void):void;
+      /**
+       * Removes the given listener for the <code>ItemRemoved</code> event that occurs when an item has been removed from this collection.
+       * @param listener The listener to remove.
+       * @see yfiles.collections.ObservableCollection.<T>#addItemRemovedListener
+       */
+      removeItemRemovedListener(listener:(sender:Object,evt:yfiles.collections.ItemEventArgs<T>)=>void):void;
+      /**
+       * Adds the given listener for the <code>ItemChanged</code> event that occurs when an item has been changed inside this collection.
+       * @param listener The listener to add.
+       * @see yfiles.collections.ObservableCollection.<T>#removeItemChangedListener
+       */
+      addItemChangedListener(listener:(sender:Object,evt:yfiles.collections.ItemEventArgs<T>)=>void):void;
+      /**
+       * Removes the given listener for the <code>ItemChanged</code> event that occurs when an item has been changed inside this collection.
+       * @param listener The listener to remove.
+       * @see yfiles.collections.ObservableCollection.<T>#addItemChangedListener
+       */
+      removeItemChangedListener(listener:(sender:Object,evt:yfiles.collections.ItemEventArgs<T>)=>void):void;
+      static $class:yfiles.lang.Class;
+    }
+    /**
+     * An {@link yfiles.collections.IMapper.<K,V>} implementation backed by a {@link yfiles.collections.IMap.<TKey,TValue>}.
+     * <p>
+     * A {@link yfiles.collections.Mapper.<K,V>#defaultValue} can be set that is returned for keys that don't have an explicit value set.
+     * </p>
+     * <p>
+     * It is legal to use <code>null</code> as key, which can be assigned a value just like other keys.
+     * </p>
+     * Type parameter <code>K</code>.
+     * Type parameter <code>V</code>.
+     * @class
+     * @implements {yfiles.collections.IMapper.<K,V>}
+     * @template K,V
+     * @final
+     */
+    export interface Mapper<K,V> extends Object,yfiles.collections.IMapper<K,V>{}
+    export class Mapper<K,V> {
+      /**
+       * Creates an instance using the provided {@link yfiles.collections.Map.<K,V>} as the backing store.
+       * <p>
+       * The value for the null item is stored separately.
+       * </p>
+       * @param dictionary
+       */
+      constructor(dictionary:yfiles.collections.IMap<K,V>);
+      /**
+       * Creates an instance using the provided {@link yfiles.collections.Map.<K,V>} as the backing store.
+       * <p>
+       * The value for the null item is stored separately.
+       * </p>
+       * @param {Object} options The parameters to pass.
+       * @param options.dictionary
+       * @param {V} options.defaultValue The default value to return if no specific value has been set for a given key.
+       * <p>
+       * This option sets the {@link yfiles.collections.Mapper.<K,V>#defaultValue} property on the created object.
        * </p>
        */
-      CONTENT
+      constructor(options:{dictionary:yfiles.collections.IMap<K,V>,defaultValue?:V});
+      /**
+       * Creates an instance using a {@link yfiles.collections.Map.<K,V>} as the backing store.
+       * <p>
+       * The value for the null item is stored separately.
+       * </p>
+       * @param {Object} [options=null] The parameters to pass.
+       * @param {V} options.defaultValue The default value to return if no specific value has been set for a given key.
+       * <p>
+       * This option sets the {@link yfiles.collections.Mapper.<K,V>#defaultValue} property on the created object.
+       * </p>
+       */
+      constructor(options?:{defaultValue?:V});
+      /**
+       * Calls {@link yfiles.collections.Map.<TKey,TValue>#clear} on the backing implementation.
+       */
+      clear():void;
+      /**
+       * 
+       * @param key
+       */
+      delete(key:K):void;
+      /**
+       * 
+       * @param key
+       * @returns 
+       */
+      get(key:K):V;
+      /**
+       * 
+       * @param key
+       * @param value
+       */
+      set(key:K,value:V):void;
+      /**
+       * Gets an enumerable over all entries in this (dictionary based) mapper.
+       * @type {yfiles.collections.IEnumerable.<yfiles.collections.MapEntry.<K,V>>}
+       */
+      entries:yfiles.collections.IEnumerable<yfiles.collections.MapEntry<K,V>>;
+      /**
+       * Gets or sets the default value to return if no specific value has been set for a given key.
+       * @type {V}
+       */
+      defaultValue:V;
+      static $class:yfiles.lang.Class;
     }
+    /**
+     * The interface for a collection that will notify registered event handlers of changes to its contents.
+     * Type parameter <code>T</code>: The type of the items in the collection.
+     * @see yfiles.collections.ObservableCollection.<T>
+     * @interface
+     * @implements {yfiles.collections.ICollection.<T>}
+     * @template T
+     */
+    export interface IObservableCollection<T> extends Object,yfiles.collections.ICollection<T>{
+      /**
+       * Adds the given listener for the <code>ItemAdded</code> event that occurs when an item has been added to this collection.
+       * @param listener The listener to add.
+       * @see yfiles.collections.IObservableCollection.<T>#removeItemAddedListener
+       * @abstract
+       */
+      addItemAddedListener(listener:(sender:Object,evt:yfiles.collections.ItemEventArgs<T>)=>void):void;
+      /**
+       * Removes the given listener for the <code>ItemAdded</code> event that occurs when an item has been added to this collection.
+       * @param listener The listener to remove.
+       * @see yfiles.collections.IObservableCollection.<T>#addItemAddedListener
+       * @abstract
+       */
+      removeItemAddedListener(listener:(sender:Object,evt:yfiles.collections.ItemEventArgs<T>)=>void):void;
+      /**
+       * Adds the given listener for the <code>ItemRemoved</code> event that occurs when an item has been removed from this collection.
+       * @param listener The listener to add.
+       * @see yfiles.collections.IObservableCollection.<T>#removeItemRemovedListener
+       * @abstract
+       */
+      addItemRemovedListener(listener:(sender:Object,evt:yfiles.collections.ItemEventArgs<T>)=>void):void;
+      /**
+       * Removes the given listener for the <code>ItemRemoved</code> event that occurs when an item has been removed from this collection.
+       * @param listener The listener to remove.
+       * @see yfiles.collections.IObservableCollection.<T>#addItemRemovedListener
+       * @abstract
+       */
+      removeItemRemovedListener(listener:(sender:Object,evt:yfiles.collections.ItemEventArgs<T>)=>void):void;
+      /**
+       * Adds the given listener for the <code>ItemChanged</code> event that occurs when an item in this collection has changed
+       * significantly.
+       * <p>
+       * It is up to the implementation whether and when to trigger this event.
+       * </p>
+       * @param listener The listener to add.
+       * @see yfiles.collections.IObservableCollection.<T>#removeItemChangedListener
+       * @abstract
+       */
+      addItemChangedListener(listener:(sender:Object,evt:yfiles.collections.ItemEventArgs<T>)=>void):void;
+      /**
+       * Removes the given listener for the <code>ItemChanged</code> event that occurs when an item in this collection has changed
+       * significantly.
+       * <p>
+       * It is up to the implementation whether and when to trigger this event.
+       * </p>
+       * @param listener The listener to remove.
+       * @see yfiles.collections.IObservableCollection.<T>#addItemChangedListener
+       * @abstract
+       */
+      removeItemChangedListener(listener:(sender:Object,evt:yfiles.collections.ItemEventArgs<T>)=>void):void;
+    }
+    var IObservableCollection:{
+      $class:yfiles.lang.Class;
+      isInstance(o:Object):boolean;
+    };
+    /**
+     * An extension to the {@link yfiles.collections.IEnumerable.<T>} interface that allows for indexed access and retrieval of the element count.
+     * <p>
+     * This interface is like a rudimentary read-only {@link yfiles.collections.IList.<T>}
+     * </p>
+     * Type parameter <code>T</code>: The type of the contained elements.
+     * @interface
+     * @implements {yfiles.collections.IEnumerable.<T>}
+     * @template T
+     */
+    export interface IListEnumerable<T> extends Object,yfiles.collections.IEnumerable<T>{
+      /**
+       * Gets the <code>i</code>-th element in the collection.
+       * @param i the zero-based index of the item in this collection
+       * @returns the item for the given index
+       * @throws {Stubs.Exceptions.ArgumentError} <code>i</code> is not a valid index in the {@link yfiles.collections.IListEnumerable.<T>}.
+       * @abstract
+       */
+      get(i:number):T;
+      /**
+       * Gets the number of elements in this collection.
+       * @abstract
+       * @type {number}
+       */
+      size:number;
+    }
+    var IListEnumerable:{
+      /**
+       * An empty, immutable instance of {@link yfiles.collections.IListEnumerable.<T>}.
+       * @const
+       * @static
+       * @type {yfiles.collections.IListEnumerable.<any>}
+       */
+      EMPTY?:yfiles.collections.IListEnumerable<any>;
+      $class:yfiles.lang.Class;
+      isInstance(o:Object):boolean;
+    };
+    /**
+     * Wraps a simple {@link yfiles.collections.IEnumerable.<T>} into a {@link yfiles.collections.IListEnumerable.<T>}.
+     * <p>
+     * This implementation is optimized for {@link yfiles.collections.IList.<T>} and {@link yfiles.collections.ICollection.<T>}, as well as {@link Object} {@link yfiles.collections.IEnumerable.<T>}s.
+     * </p>
+     * Type parameter <code>T</code>: The type of the enumerable.
+     * @class
+     * @implements {yfiles.collections.IListEnumerable.<T>}
+     * @template T
+     * @final
+     */
+    export interface ListEnumerable<T> extends Object,yfiles.collections.IListEnumerable<T>{}
+    export class ListEnumerable<T> {
+      /**
+       * Creates a new instance using the given backing enumerable.
+       * @param backingEnumerable The enumerable to back this instance.
+       */
+      constructor(backingEnumerable:yfiles.collections.IEnumerable<T>);
+      /**
+       * Creates a new instance with a backing {@link yfiles.collections.List.<T>} as the backing store.
+       */
+      constructor();
+      /**
+       * 
+       * @param i
+       * @returns 
+       */
+      get(i:number):T;
+      /**
+       * 
+       * @returns 
+       */
+      getEnumerator():yfiles.collections.IEnumerator<T>;
+      /**
+       * Gets the backing enumerable.
+       * @type {yfiles.collections.IEnumerable.<T>}
+       */
+      backingEnumerable:yfiles.collections.IEnumerable<T>;
+      /**
+       * 
+       * @type {number}
+       */
+      size:number;
+      static $class:yfiles.lang.Class;
+    }
+    /**
+     * Event argument class used by {@link yfiles.collections.IObservableCollection.<T>} and similar that holds a specific item that is related to the event.
+     * Type parameter <code>T</code>: The type of the item contained in the event.
+     * @class
+     * @extends {yfiles.lang.EventArgs}
+     * @template T
+     */
+    export interface ItemEventArgs<T> extends yfiles.lang.EventArgs{}
+    export class ItemEventArgs<T> {
+      /**
+       * Creates a new event argument for the given item.
+       * @param item The item which is the subject of the event.
+       */
+      constructor(item:T);
+      /**
+       * Gets the item that is the subject of the event.
+       * @type {T}
+       */
+      item:T;
+      static $class:yfiles.lang.Class;
+    }
+    /**
+     * An interface for simple typed dictionary-like implementations.
+     * <p>
+     * {@link yfiles.collections.IMapper.<K,V>}s are most prominently used when interfacing with {@link yfiles.layout.ILayoutAlgorithm layout algorithms} and {@link yfiles.graphml.GraphMLIOHandler GraphML}. {@link yfiles.graph.IGraph} also provides the {@link yfiles.graph.IGraph#mapperRegistry}
+     * to add additional information to a graph.
+     * </p>
+     * Type parameter <code>K</code>: The type of element this interface accepts as keys for the mapping.
+     * Type parameter <code>V</code>: The type of element this interface accepts as values for the mapping.
+     * <p>
+     * Using {@link yfiles.collections.IMapper.<K,V>} is described in the section {@link @DGUIDE_PREFIX@/customizing_graph-binding_data.html Associating Data with Graph Elements}.
+     * </p>
+     * <p><b>Related demos:</b></p>
+     * <ul>
+     * <li>Demo: DragAndDropForm, demo.yfiles.input.draganddrop</li>
+     * </ul>
+     * @see yfiles.collections.Mapper.<K,V>
+     * @interface
+     * @template K,V
+     */
+    export interface IMapper<K,V> extends Object{
+      /**
+       * Gets the value for a given key in the mapping.
+       * <p>
+       * Setting a value for an already existing key overwrites the previous value.
+       * </p>
+       * <p>
+       * It depends on the specific implementation of the mapper whether a mapping can be removed. If an implementation provides
+       * a way to remove a mapping, that should be preferred over setting a <code>null</code> value. For example, {@link yfiles.collections.Mapper.<K,V>} provides the {@link yfiles.collections.Mapper.<K,V>#delete}
+       * method.
+       * </p>
+       * @param key The key of the mapping.
+       * @returns The value.
+       * @see yfiles.collections.IMapper.<K,V>#set
+       * @abstract
+       */
+      get(key:K):V;
+      /**
+       * Sets the value for a given key in the mapping.
+       * <p>
+       * Setting a value for an already existing key overwrites the previous value.
+       * </p>
+       * <p>
+       * It depends on the specific implementation of the mapper whether a mapping can be removed. If an implementation provides
+       * a way to remove a mapping, that should be preferred over setting a <code>null</code> value. For example, {@link yfiles.collections.Mapper.<K,V>} provides the {@link yfiles.collections.Mapper.<K,V>#delete}
+       * method.
+       * </p>
+       * @param key The key of the mapping.
+       * @param value The value.
+       * @see yfiles.collections.IMapper.<K,V>#get
+       * @abstract
+       */
+      set(key:K,value:V):void;
+    }
+    var IMapper:{
+      /**
+       * Creates a constant mapper that will always return the <code>constant</code>.
+       * Type parameter <code>K</code>: The type of the key to use.
+       * Type parameter <code>V</code>: The type of the value to use.
+       * @param constant The constant to return in {@link #get}
+       * @returns A new instance that will always return the same constant.
+       * @template K,V
+       * @static
+       */
+      fromConstant?<K,V>(constant:V):yfiles.collections.IMapper<K,V>;
+      /**
+       * Create an implementation of {@link yfiles.collections.IMapper.<K,V>} that delegates {@link yfiles.collections.IMapper.<K,V>#get} getter calls to the provided handler.
+       * <p>
+       * The implementation returned silently ignores calls to the {@link yfiles.collections.IMapper.<K,V>#get} setter.
+       * </p>
+       * Type parameter <code>K</code>: The type of the key to use.
+       * Type parameter <code>V</code>: The type of the value to use.
+       * @param getter The delegate to delegate {@link #get} getter calls to.
+       * @returns An implementation that delegates to <code>getter</code>.
+       * @template K,V
+       * @static
+       */
+      fromDelegate?<K,V>(getter:(key:K)=>V):yfiles.collections.IMapper<K,V>;
+      $class:yfiles.lang.Class;
+      isInstance(o:Object):boolean;
+    };
+  }export namespace graphml{
     export interface XmlName extends Object{}
     export class XmlName {
       /**
        * Initializes a new instance of the {@link yfiles.graphml.XmlName} class.
-       * @param {string} localName The local name of the element.
-       * @param {string} ns The namespace it belongs to.
-       * @constructor
+       * @param localName The local name of the element.
+       * @param ns The namespace it belongs to.
        */
       constructor(localName:string,ns:string);
       /**
@@ -1081,8 +2284,8 @@ declare namespace system{
        * it will be split at the "}" character and the first part will be used as the namespace URI, the second part as the local
        * name. If no "}" character is used in the input then it will be assumed that the input consists of the local name only.
        * </p>
-       * @param {string} expandedName Name of the expanded.
-       * @returns {yfiles.graphml.XmlName} The result of the conversion.
+       * @param expandedName Name of the expanded.
+       * @returns The result of the conversion.
        * @static
        */
       static convertFrom(expandedName:string):yfiles.graphml.XmlName;
@@ -1101,7 +2304,7 @@ declare namespace system{
     export enum XamlAttributeWritePolicy{
       /**
        * Specifies that the write mode of a member should be determined automatically according to the current property value and
-       * the presence of {@link yfiles.support.TypeConverter}s, {@link yfiles.graphml.ValueSerializer}s and the like.
+       * the presence of {@link yfiles.graphml.ValueSerializer}s or implementations of {@link yfiles.graphml.IMarkupExtensionConverter}s.
        * <p>
        * Usually, an implementation would write the member as attribute if the content can somehow be (directly or indirectly)
        * converted to a valid XML attribute content (i.e. a simple string)
@@ -1138,6 +2341,20 @@ declare namespace system{
        */
       ALWAYS
     }
+    export enum GraphMLMemberVisibility{
+      /**
+       * The member is treated according to the normal XAML serialization rules.
+       */
+      VISIBLE,
+      /**
+       * Only the content of a member value is read or written, without an enclosing explicit container object.
+       */
+      CONTENT,
+      /**
+       * The member is ignored by GraphML.
+       */
+      HIDDEN
+    }
     export enum UndefinedHandling{
       /**
        * Explicitly read and write undefined values.
@@ -1167,7 +2384,7 @@ declare namespace system{
      * handle legacy serialization.
      * </p>
      * @see yfiles.graphml.XamlSerializer
-     * @class yfiles.graphml.GraphMLAttribute
+     * @class
      * @extends {yfiles.lang.Attribute}
      */
     export interface GraphMLAttribute extends yfiles.lang.Attribute{}
@@ -1264,14 +2481,16 @@ declare namespace system{
        */
       contentProperty:string;
       /**
-       * Gets or sets the type of the value serializer implementation.
+       * Gets or sets the type of the {@link yfiles.graphml.GraphMLAttribute#valueSerializer} implementation.
        * @type {yfiles.lang.Class}
        */
       valueSerializer:yfiles.lang.Class;
       /**
        * Gets or sets a custom {@link yfiles.graphml.IMarkupExtensionConverter} for attribute serialization.
        * <p>
-       * The specified type must implement {@link yfiles.graphml.IMarkupExtensionConverter}.
+       * The specialized {@link yfiles.graphml.XamlSerializer} will evaluate this attribute to override its built in mechanism to lookup
+       * an {@link yfiles.graphml.IMarkupExtensionConverter} for an object. The specified type must implement
+       * {@link yfiles.graphml.IMarkupExtensionConverter}.
        * </p>
        * @see yfiles.graphml.XamlSerializer
        * @see yfiles.graphml.IMarkupExtensionConverter
@@ -1281,8 +2500,20 @@ declare namespace system{
       /**
        * Types that should be searched for static field or property members of the annotated type.
        * <p>
-       * This property is ignored if the attribute targets a member declaration.
+       * When a type is annotated with this attribute, all types in the {@link yfiles.graphml.GraphMLAttribute#singletonContainers} array are searched for public static fields or
+       * properties that have the annotated type. The GraphML writer will write these members as StaticExtensions instead of the
+       * usual serialization. This property is ignored if the attribute targets a member declaration.
        * </p>
+       * <p>
+       * Using the following annotation
+       * </p>
+       * <p>
+       * has the effect that all references to field <code>ContainedTypeSingleton</code> will be written as static extensions, e.g.
+       * </p>
+       * <pre>
+       * {x:Static myNSDeclarationPrefix:ContainingType.ContainedTypeSingleton}
+       * </pre>
+       * 
        * @type {Array.<yfiles.lang.Class>}
        */
       singletonContainers:yfiles.lang.Class[];
@@ -1296,175 +2527,6 @@ declare namespace system{
       defaultValue:Object;
       static $class:yfiles.lang.Class;
     }
-    /**
-     * A helper holder class that can contain a {@link yfiles.graphml.Future.<T>#value} of a specific type.
-     * <p>
-     * Typically {@link yfiles.graphml.Future.<T>#hasValue} will be <code>false</code> until at a later point in time {@link yfiles.graphml.Future.<T>#onValueDetermined} is called and the {@link yfiles.graphml.Future.<T>#value} and {@link yfiles.graphml.Future.<T>#hasValue} properties are being
-     * updated and the {@link yfiles.graphml.Future.<T>#addPropertyChangedListener PropertyChanged} event is triggered.
-     * </p>
-     * Type parameter <code>T</code>: The type of the {@link yfiles.graphml.Future.<T>#value}
-     * @class yfiles.graphml.Future.<T>
-     * @implements {yfiles.lang.IPropertyObservable}
-     * @template T
-     * @final
-     */
-    export interface Future<T> extends Object,yfiles.lang.IPropertyObservable{}
-    export class Future<T> {
-      /**
-       * Called when the {@link yfiles.graphml.Future.<T>#value} property of this future has been determined.
-       * <p>
-       * This will set the {@link yfiles.graphml.Future.<T>#hasValue} property to <code>true</code> and assign the {@link yfiles.graphml.Future.<T>#value} property. Also the corresponding {@link yfiles.graphml.Future.<T>#addPropertyChangedListener PropertyChanged} events
-       * will be triggered if necessary.
-       * </p>
-       * @param {T} value The value.
-       */
-      onValueDetermined(value:T):void;
-      /**
-       * The value of this future, which may only be queried if {@link yfiles.graphml.Future.<T>#hasValue} yields <code>true</code>.
-       * @throws {Stubs.Exceptions.InvalidOperationError} If this property is queried although {@link yfiles.graphml.Future.<T>#hasValue} returns <code>false</code>.
-       * @type {T}
-       */
-      value:T;
-      /**
-       * Gets a value indicating whether this instance has been {@link yfiles.graphml.Future.<T>#onValueDetermined assigned} a {@link yfiles.graphml.Future.<T>#value}.
-       * @type {boolean}
-       */
-      hasValue:boolean;
-      /**
-       * Adds the given listener for the <code>PropertyChanged</code> event that occurs when a property value changes.
-       * <p>
-       * This event will be triggered for {@link yfiles.graphml.Future.<T>#hasValue} changes and changes of the {@link yfiles.graphml.Future.<T>#value} property. Note that if the determined future value is the
-       * same as the default, the event will only be triggered for the {@link yfiles.graphml.Future.<T>#hasValue} property.
-       * </p>
-       * @param {function(Object, yfiles.lang.PropertyChangedEventArgs): void} listener The listener to add.
-       * @see yfiles.graphml.Future.<T>#removePropertyChangedListener
-       */
-      addPropertyChangedListener(listener:(sender:Object,args:yfiles.lang.PropertyChangedEventArgs)=>void):void;
-      /**
-       * Removes the given listener for the <code>PropertyChanged</code> event that occurs when a property value changes.
-       * <p>
-       * This event will be triggered for {@link yfiles.graphml.Future.<T>#hasValue} changes and changes of the {@link yfiles.graphml.Future.<T>#value} property. Note that if the determined future value is the
-       * same as the default, the event will only be triggered for the {@link yfiles.graphml.Future.<T>#hasValue} property.
-       * </p>
-       * @param {function(Object, yfiles.lang.PropertyChangedEventArgs): void} listener The listener to remove.
-       * @see yfiles.graphml.Future.<T>#addPropertyChangedListener
-       */
-      removePropertyChangedListener(listener:(sender:Object,args:yfiles.lang.PropertyChangedEventArgs)=>void):void;
-      static $class:yfiles.lang.Class;
-    }
-    /**
-     * Support interface used by {@link yfiles.graphml.ValueSerializer}.
-     * @interface
-     * @implements {yfiles.graph.ILookup}
-     */
-    export interface IValueSerializerContext extends Object,yfiles.graph.ILookup{
-      /**
-       * Gets the value serializer for a specific {@link yfiles.graphml.Property}.
-       * @param {yfiles.graphml.Property} property The descriptor of the property.
-       * @returns {yfiles.graphml.ValueSerializer} A serializer or <code>null</code>.
-       * @abstract
-       */
-      getValueSerializerFor(property:yfiles.graphml.Property):yfiles.graphml.ValueSerializer;
-      /**
-       * Gets the value serializer for a specific type.
-       * @param {yfiles.lang.Class} type The type to obtain a serializer for.
-       * @returns {yfiles.graphml.ValueSerializer} A serializer or <code>null</code>.
-       * @abstract
-       */
-      getValueSerializerFor(type:yfiles.lang.Class):yfiles.graphml.ValueSerializer;
-    }
-    var IValueSerializerContext:{
-      $class:yfiles.lang.Class;
-      isInstance(o:Object):boolean;
-    };
-    /**
-     * Provides a base class for all XAML markup extensions.
-     * <p>
-     * Markup extensions return objects based on string attribute values or markup elements in XAML and/or can be used to
-     * serialize classes that do not fulfil XAML serialization constraints.
-     * </p>
-     * @class yfiles.graphml.MarkupExtension
-     */
-    export interface MarkupExtension extends Object{}
-    export class MarkupExtension {
-      /**
-       * Returns an object that is set as the value of the target property for this markup extension.
-       * @param {yfiles.graph.ILookup} serviceProvider Object that can provide services for the markup extension.
-       * @returns {Object} The object value to set on the property where the extension is applied.
-       * @abstract
-       */
-      provideValue(serviceProvider:yfiles.graph.ILookup):Object;
-      static $class:yfiles.lang.Class;
-    }
-    /**
-     * Helper classes used during the XAML serialization of instances.
-     * <p>
-     * Using this class instances can be written in xml attributes as strings.
-     * </p>
-     * @class yfiles.graphml.ValueSerializer
-     */
-    export interface ValueSerializer extends Object{}
-    export class ValueSerializer {
-      /**
-       * Determines whether this instance can convert the specified value from the given string.
-       * @param {string} value The string value to convert.
-       * @param {yfiles.graphml.IValueSerializerContext} context The context.
-       * @returns {boolean} <code>true</code> if this instance can convert the specified value from the string; otherwise, <code>false</code>.
-       */
-      canConvertFromString(value:string,context:yfiles.graphml.IValueSerializerContext):boolean;
-      /**
-       * Determines whether this instance can convert the specified value to a string.
-       * @param {Object} value The value.
-       * @param {yfiles.graphml.IValueSerializerContext} context The context.
-       * @returns {boolean} <code>true</code> if this instance can convert the specified value to a string; otherwise, <code>false</code>.
-       */
-      canConvertToString(value:Object,context:yfiles.graphml.IValueSerializerContext):boolean;
-      /**
-       * Converts the string to an appropriate instance.
-       * @param {string} value The value to convert to an object.
-       * @param {yfiles.graphml.IValueSerializerContext} context The context.
-       * @returns {Object} The converted object
-       */
-      convertFromString(value:string,context:yfiles.graphml.IValueSerializerContext):Object;
-      /**
-       * Converts the given value to string.
-       * @param {Object} o The value.
-       * @param {yfiles.graphml.IValueSerializerContext} context The context.
-       * @returns {string} The value as string representation.
-       */
-      convertToString(o:Object,context:yfiles.graphml.IValueSerializerContext):string;
-      /**
-       * Gets the {@link yfiles.graphml.ValueSerializer} implementation for the given type.
-       * @param {yfiles.lang.Class} type The type.
-       * @param {yfiles.graphml.IValueSerializerContext} context The context.
-       * @returns {yfiles.graphml.ValueSerializer} The serializer to use for the type.
-       * @static
-       */
-      static getSerializerFor(type:yfiles.lang.Class,context:yfiles.graphml.IValueSerializerContext):yfiles.graphml.ValueSerializer;
-      /**
-       * Gets the {@link yfiles.graphml.ValueSerializer} implementation for the given descriptor.
-       * @param {yfiles.graphml.Property} property The descriptor.
-       * @param {yfiles.graphml.IValueSerializerContext} context The context.
-       * @returns {yfiles.graphml.ValueSerializer} The serializer to use for the descriptor.
-       * @static
-       */
-      static getSerializerFor(property:yfiles.graphml.Property,context:yfiles.graphml.IValueSerializerContext):yfiles.graphml.ValueSerializer;
-      /**
-       * Gets the {@link yfiles.graphml.ValueSerializer} implementation for the given descriptor.
-       * @param {yfiles.graphml.Property} property The descriptor.
-       * @returns {yfiles.graphml.ValueSerializer} The serializer to use for the type.
-       * @static
-       */
-      static getSerializerFor(property:yfiles.graphml.Property):yfiles.graphml.ValueSerializer;
-      /**
-       * Gets the {@link yfiles.graphml.ValueSerializer} implementation for the given type.
-       * @param {yfiles.lang.Class} type The type.
-       * @returns {yfiles.graphml.ValueSerializer} The serializer to use for the type.
-       * @static
-       */
-      static getSerializerFor(type:yfiles.lang.Class):yfiles.graphml.ValueSerializer;
-      static $class:yfiles.lang.Class;
-    }
     export enum KeyType{
       /**
        * Identifier for attribute of type <code>int</code>.
@@ -1539,9 +2601,9 @@ declare namespace system{
        * virtually all cases.
        * </p>
        * Type parameter <code>T</code>: The desired target type.
-       * @param {yfiles.lang.Class} targetType The desired target type.
-       * @param {Node} targetNode The XML node that should be deserialized.
-       * @returns {T} an instance of <code>T</code> or <code>null</code>.
+       * @param targetType The desired target type.
+       * @param targetNode The XML node that should be deserialized.
+       * @returns an instance of <code>T</code> or <code>null</code>.
        * @throws {yfiles.graphml.DeserializationNotSupportedError}
        * @see yfiles.graphml.IParseContext#deserializeCore
        * @template T
@@ -1554,11 +2616,10 @@ declare namespace system{
        * correct <code>context</code> instance is used.
        * </p>
        * Type parameter <code>T</code>: The expected return type.
-       * @param {yfiles.lang.Class} targetType The expected return type.
-       * @param {yfiles.graphml.IParseContext} context The current parse context.
-       * @param {Node} targetNode The XML node that should be deserialized.
-       * @returns {T} The deserialized object from <code>targetNode</code> or an {@link yfiles.graphml.DeserializationNotSupportedError} if <code>targetNode</code> could not be
-       * deserialized.
+       * @param targetType The expected return type.
+       * @param context The current parse context.
+       * @param targetNode The XML node that should be deserialized.
+       * @returns The deserialized object from <code>targetNode</code> or an {@link } if <code>targetNode</code> could not be deserialized.
        * @see yfiles.graphml.IParseContext#deserialize
        * @template T
        * @abstract
@@ -1568,16 +2629,16 @@ declare namespace system{
        * Returns the most current (the last element) within the container hierarchy as it is returned by {@link yfiles.graphml.IParseContext#objectStack} or <code>default(T)</code> if the
        * most current element is not of the desired target type.
        * Type parameter <code>T</code>: The desired target type.
-       * @param {yfiles.lang.Class} itemType The desired target type.
-       * @returns {T} the most current element within the container hierarchy or <code>default(T)</code>.
+       * @param itemType The desired target type.
+       * @returns the most current element within the container hierarchy or <code>default(T)</code>.
        * @template T
        * @abstract
        */
       getCurrent<T>(itemType:yfiles.lang.Class):T;
       /**
        * Get a property value that specifies information about how to handle specific cases.
-       * @param {string} key The identifier for the property
-       * @returns {Object} The property value, or <code>null</code> if no such property exists.
+       * @param key The identifier for the property
+       * @returns The property value, or <code>null</code> if no such property exists.
        * @abstract
        */
       getDeserializationProperty(key:string):Object;
@@ -1624,7 +2685,7 @@ declare namespace system{
        * <p>
        * This event is triggered when the document element has been encountered.
        * </p>
-       * @param {function(Object, yfiles.graphml.ParseEventArgs): void} listener The listener to add.
+       * @param listener The listener to add.
        * @see yfiles.graphml.IParseEvents#removeDocumentParsingListener
        * @abstract
        */
@@ -1634,7 +2695,7 @@ declare namespace system{
        * <p>
        * This event is triggered when the document element has been encountered.
        * </p>
-       * @param {function(Object, yfiles.graphml.ParseEventArgs): void} listener The listener to remove.
+       * @param listener The listener to remove.
        * @see yfiles.graphml.IParseEvents#addDocumentParsingListener
        * @abstract
        */
@@ -1644,7 +2705,7 @@ declare namespace system{
        * <p>
        * This event is triggered when the document has been fully parsed.
        * </p>
-       * @param {function(Object, yfiles.graphml.ParseEventArgs): void} listener The listener to add.
+       * @param listener The listener to add.
        * @see yfiles.graphml.IParseEvents#removeDocumentParsedListener
        * @abstract
        */
@@ -1654,7 +2715,7 @@ declare namespace system{
        * <p>
        * This event is triggered when the document has been fully parsed.
        * </p>
-       * @param {function(Object, yfiles.graphml.ParseEventArgs): void} listener The listener to remove.
+       * @param listener The listener to remove.
        * @see yfiles.graphml.IParseEvents#addDocumentParsedListener
        * @abstract
        */
@@ -1664,7 +2725,7 @@ declare namespace system{
        * <p>
        * This event is triggered when a GraphML 'node' element has been encountered.
        * </p>
-       * @param {function(Object, yfiles.graphml.ParseEventArgs): void} listener The listener to add.
+       * @param listener The listener to add.
        * @see yfiles.graphml.IParseEvents#removeNodeParsingListener
        * @abstract
        */
@@ -1674,7 +2735,7 @@ declare namespace system{
        * <p>
        * This event is triggered when a GraphML 'node' element has been encountered.
        * </p>
-       * @param {function(Object, yfiles.graphml.ParseEventArgs): void} listener The listener to remove.
+       * @param listener The listener to remove.
        * @see yfiles.graphml.IParseEvents#addNodeParsingListener
        * @abstract
        */
@@ -1684,7 +2745,7 @@ declare namespace system{
        * <p>
        * This event is triggered when a GraphML 'node' closing tag has been handled.
        * </p>
-       * @param {function(Object, yfiles.graphml.ParseEventArgs): void} listener The listener to add.
+       * @param listener The listener to add.
        * @see yfiles.graphml.IParseEvents#removeNodeParsedListener
        * @abstract
        */
@@ -1694,7 +2755,7 @@ declare namespace system{
        * <p>
        * This event is triggered when a GraphML 'node' closing tag has been handled.
        * </p>
-       * @param {function(Object, yfiles.graphml.ParseEventArgs): void} listener The listener to remove.
+       * @param listener The listener to remove.
        * @see yfiles.graphml.IParseEvents#addNodeParsedListener
        * @abstract
        */
@@ -1704,7 +2765,7 @@ declare namespace system{
        * <p>
        * This event is triggered when a GraphML 'edge' element has been encountered.
        * </p>
-       * @param {function(Object, yfiles.graphml.ParseEventArgs): void} listener The listener to add.
+       * @param listener The listener to add.
        * @see yfiles.graphml.IParseEvents#removeEdgeParsingListener
        * @abstract
        */
@@ -1714,7 +2775,7 @@ declare namespace system{
        * <p>
        * This event is triggered when a GraphML 'edge' element has been encountered.
        * </p>
-       * @param {function(Object, yfiles.graphml.ParseEventArgs): void} listener The listener to remove.
+       * @param listener The listener to remove.
        * @see yfiles.graphml.IParseEvents#addEdgeParsingListener
        * @abstract
        */
@@ -1724,7 +2785,7 @@ declare namespace system{
        * <p>
        * This event is triggered when a GraphML 'edge' closing tag has been handled.
        * </p>
-       * @param {function(Object, yfiles.graphml.ParseEventArgs): void} listener The listener to add.
+       * @param listener The listener to add.
        * @see yfiles.graphml.IParseEvents#removeEdgeParsedListener
        * @abstract
        */
@@ -1734,7 +2795,7 @@ declare namespace system{
        * <p>
        * This event is triggered when a GraphML 'edge' closing tag has been handled.
        * </p>
-       * @param {function(Object, yfiles.graphml.ParseEventArgs): void} listener The listener to remove.
+       * @param listener The listener to remove.
        * @see yfiles.graphml.IParseEvents#addEdgeParsedListener
        * @abstract
        */
@@ -1744,7 +2805,7 @@ declare namespace system{
        * <p>
        * This event is triggered when a GraphML 'port' element has been encountered.
        * </p>
-       * @param {function(Object, yfiles.graphml.ParseEventArgs): void} listener The listener to add.
+       * @param listener The listener to add.
        * @see yfiles.graphml.IParseEvents#removePortParsingListener
        * @abstract
        */
@@ -1754,7 +2815,7 @@ declare namespace system{
        * <p>
        * This event is triggered when a GraphML 'port' element has been encountered.
        * </p>
-       * @param {function(Object, yfiles.graphml.ParseEventArgs): void} listener The listener to remove.
+       * @param listener The listener to remove.
        * @see yfiles.graphml.IParseEvents#addPortParsingListener
        * @abstract
        */
@@ -1764,7 +2825,7 @@ declare namespace system{
        * <p>
        * This event is triggered when a GraphML 'port' closing tag has been handled.
        * </p>
-       * @param {function(Object, yfiles.graphml.ParseEventArgs): void} listener The listener to add.
+       * @param listener The listener to add.
        * @see yfiles.graphml.IParseEvents#removePortParsedListener
        * @abstract
        */
@@ -1774,7 +2835,7 @@ declare namespace system{
        * <p>
        * This event is triggered when a GraphML 'port' closing tag has been handled.
        * </p>
-       * @param {function(Object, yfiles.graphml.ParseEventArgs): void} listener The listener to remove.
+       * @param listener The listener to remove.
        * @see yfiles.graphml.IParseEvents#addPortParsedListener
        * @abstract
        */
@@ -1784,7 +2845,7 @@ declare namespace system{
        * <p>
        * This event is triggered when a GraphML 'graph' element has been encountered.
        * </p>
-       * @param {function(Object, yfiles.graphml.ParseEventArgs): void} listener The listener to add.
+       * @param listener The listener to add.
        * @see yfiles.graphml.IParseEvents#removeGraphParsingListener
        * @abstract
        */
@@ -1794,7 +2855,7 @@ declare namespace system{
        * <p>
        * This event is triggered when a GraphML 'graph' element has been encountered.
        * </p>
-       * @param {function(Object, yfiles.graphml.ParseEventArgs): void} listener The listener to remove.
+       * @param listener The listener to remove.
        * @see yfiles.graphml.IParseEvents#addGraphParsingListener
        * @abstract
        */
@@ -1804,7 +2865,7 @@ declare namespace system{
        * <p>
        * This event is triggered when a GraphML 'graph' closing tag has been handled.
        * </p>
-       * @param {function(Object, yfiles.graphml.ParseEventArgs): void} listener The listener to add.
+       * @param listener The listener to add.
        * @see yfiles.graphml.IParseEvents#removeGraphParsedListener
        * @abstract
        */
@@ -1814,7 +2875,7 @@ declare namespace system{
        * <p>
        * This event is triggered when a GraphML 'graph' closing tag has been handled.
        * </p>
-       * @param {function(Object, yfiles.graphml.ParseEventArgs): void} listener The listener to remove.
+       * @param listener The listener to remove.
        * @see yfiles.graphml.IParseEvents#addGraphParsedListener
        * @abstract
        */
@@ -1824,7 +2885,7 @@ declare namespace system{
        * <p>
        * This event is triggered when a GraphML 'graphml' root-element has been encountered.
        * </p>
-       * @param {function(Object, yfiles.graphml.ParseEventArgs): void} listener The listener to add.
+       * @param listener The listener to add.
        * @see yfiles.graphml.IParseEvents#removeGraphMLParsingListener
        * @abstract
        */
@@ -1834,7 +2895,7 @@ declare namespace system{
        * <p>
        * This event is triggered when a GraphML 'graphml' root-element has been encountered.
        * </p>
-       * @param {function(Object, yfiles.graphml.ParseEventArgs): void} listener The listener to remove.
+       * @param listener The listener to remove.
        * @see yfiles.graphml.IParseEvents#addGraphMLParsingListener
        * @abstract
        */
@@ -1844,7 +2905,7 @@ declare namespace system{
        * <p>
        * This event is triggered when a GraphML 'graphml' closing tag has been handled.
        * </p>
-       * @param {function(Object, yfiles.graphml.ParseEventArgs): void} listener The listener to add.
+       * @param listener The listener to add.
        * @see yfiles.graphml.IParseEvents#removeGraphMLParsedListener
        * @abstract
        */
@@ -1854,7 +2915,7 @@ declare namespace system{
        * <p>
        * This event is triggered when a GraphML 'graphml' closing tag has been handled.
        * </p>
-       * @param {function(Object, yfiles.graphml.ParseEventArgs): void} listener The listener to remove.
+       * @param listener The listener to remove.
        * @see yfiles.graphml.IParseEvents#addGraphMLParsedListener
        * @abstract
        */
@@ -1864,7 +2925,7 @@ declare namespace system{
        * <p>
        * This event is triggered when a GraphML 'data' element has been encountered.
        * </p>
-       * @param {function(Object, yfiles.graphml.ParseEventArgs): void} listener The listener to add.
+       * @param listener The listener to add.
        * @see yfiles.graphml.IParseEvents#removeDataParsingListener
        * @abstract
        */
@@ -1874,7 +2935,7 @@ declare namespace system{
        * <p>
        * This event is triggered when a GraphML 'data' element has been encountered.
        * </p>
-       * @param {function(Object, yfiles.graphml.ParseEventArgs): void} listener The listener to remove.
+       * @param listener The listener to remove.
        * @see yfiles.graphml.IParseEvents#addDataParsingListener
        * @abstract
        */
@@ -1884,7 +2945,7 @@ declare namespace system{
        * <p>
        * This event is triggered when a GraphML 'data' element has been handled.
        * </p>
-       * @param {function(Object, yfiles.graphml.ParseEventArgs): void} listener The listener to add.
+       * @param listener The listener to add.
        * @see yfiles.graphml.IParseEvents#removeDataParsedListener
        * @abstract
        */
@@ -1894,7 +2955,7 @@ declare namespace system{
        * <p>
        * This event is triggered when a GraphML 'data' element has been handled.
        * </p>
-       * @param {function(Object, yfiles.graphml.ParseEventArgs): void} listener The listener to remove.
+       * @param listener The listener to remove.
        * @see yfiles.graphml.IParseEvents#addDataParsedListener
        * @abstract
        */
@@ -1904,7 +2965,7 @@ declare namespace system{
        * <p>
        * This event is triggered when a GraphML 'key' element has been encountered.
        * </p>
-       * @param {function(Object, yfiles.graphml.ParseEventArgs): void} listener The listener to add.
+       * @param listener The listener to add.
        * @see yfiles.graphml.IParseEvents#removeKeyParsingListener
        * @abstract
        */
@@ -1914,7 +2975,7 @@ declare namespace system{
        * <p>
        * This event is triggered when a GraphML 'key' element has been encountered.
        * </p>
-       * @param {function(Object, yfiles.graphml.ParseEventArgs): void} listener The listener to remove.
+       * @param listener The listener to remove.
        * @see yfiles.graphml.IParseEvents#addKeyParsingListener
        * @abstract
        */
@@ -1924,7 +2985,7 @@ declare namespace system{
        * <p>
        * This event is triggered when a GraphML 'key' element has been handled.
        * </p>
-       * @param {function(Object, yfiles.graphml.ParseEventArgs): void} listener The listener to add.
+       * @param listener The listener to add.
        * @see yfiles.graphml.IParseEvents#removeKeyParsedListener
        * @abstract
        */
@@ -1934,7 +2995,7 @@ declare namespace system{
        * <p>
        * This event is triggered when a GraphML 'key' element has been handled.
        * </p>
-       * @param {function(Object, yfiles.graphml.ParseEventArgs): void} listener The listener to remove.
+       * @param listener The listener to remove.
        * @see yfiles.graphml.IParseEvents#addKeyParsedListener
        * @abstract
        */
@@ -1950,16 +3011,15 @@ declare namespace system{
      * <p>
      * This class holds a reference to the {@link yfiles.graphml.ParseEventArgs#context parse context} and the {@link yfiles.graphml.ParseEventArgs#element} that is currently being parsed.
      * </p>
-     * @class yfiles.graphml.ParseEventArgs
+     * @class
      * @extends {yfiles.lang.EventArgs}
      */
     export interface ParseEventArgs extends yfiles.lang.EventArgs{}
     export class ParseEventArgs {
       /**
        * Initializes a new instance of the {@link yfiles.graphml.ParseEventArgs} class.
-       * @param {yfiles.graphml.IParseContext} context The context to assign to {@link yfiles.graphml.ParseEventArgs#context}.
-       * @param {Element} element The XML element to assign to {@link yfiles.graphml.ParseEventArgs#element}.
-       * @constructor
+       * @param context The context to assign to {@link #context}.
+       * @param element The XML element to assign to {@link #element}.
        */
       constructor(context:yfiles.graphml.IParseContext,element:Element);
       /**
@@ -1976,15 +3036,14 @@ declare namespace system{
     }
     /**
      * A data holder for use in the {@link yfiles.graphml.IOutputHandler} interface that encapsulates an XML attribute.
-     * @class yfiles.graphml.GraphMLXmlAttribute
+     * @class
      */
     export interface GraphMLXmlAttribute extends Object{}
     export class GraphMLXmlAttribute {
       /**
        * Initializes a new instance of the {@link yfiles.graphml.GraphMLXmlAttribute} class.
-       * @param {yfiles.graphml.XmlName} name The attribute name.
-       * @param {string} value The value.
-       * @constructor
+       * @param name The attribute name.
+       * @param value The value.
        */
       constructor(name:yfiles.graphml.XmlName,value:string);
       /**
@@ -2007,8 +3066,8 @@ declare namespace system{
       /**
        * Determines whether in the current context, the value is the default value and therefore no data element needs to be
        * written.
-       * @param {yfiles.graphml.IWriteContext} context The context.
-       * @returns {boolean} <code>true</code> if for the current context the default value applies and therefore no data element needs to be written.
+       * @param context The context.
+       * @returns <code>true</code> if for the current context the default value applies and therefore no data element needs to be written.
        * @abstract
        */
       isDefaultValue(context:yfiles.graphml.IWriteContext):boolean;
@@ -2018,7 +3077,7 @@ declare namespace system{
        * At the time this method is called, the surrounding 'key' element has already been written. However no 'default' element
        * is written by the framework.
        * </p>
-       * @param {yfiles.graphml.IWriteContext} context The context.
+       * @param context The context.
        * @abstract
        */
       writeKeyDefinitionContent(context:yfiles.graphml.IWriteContext):void;
@@ -2027,7 +3086,7 @@ declare namespace system{
        * <p>
        * At the time this method is called, the surrounding 'data' element has already been written.
        * </p>
-       * @param {yfiles.graphml.IWriteContext} context The context.
+       * @param context The context.
        * @abstract
        */
       writeValue(context:yfiles.graphml.IWriteContext):void;
@@ -2087,16 +3146,16 @@ declare namespace system{
        * Returns the most current (the last element) within the container hierarchy as it is returned by {@link yfiles.graphml.IWriteContext#objectStack} or <code>default(T)</code> if the
        * most current element is not of the desired target type.
        * Type parameter <code>T</code>: The desired target type.
-       * @param {yfiles.lang.Class} itemType The desired target type.
-       * @returns {T} the most current element within the container hierarchy or <code>default(T)</code>.
+       * @param itemType The desired target type.
+       * @returns the most current element within the container hierarchy or <code>default(T)</code>.
        * @template T
        * @abstract
        */
       getCurrent<T>(itemType:yfiles.lang.Class):T;
       /**
        * Get a property value that specifies information about how to handle specific cases
-       * @param {string} key The identifier for the property
-       * @returns {Object} The property value, or <code>null</code> if no such property exists
+       * @param key The identifier for the property
+       * @returns The property value, or <code>null</code> if no such property exists
        * @abstract
        */
       getSerializationProperty(key:string):Object;
@@ -2106,8 +3165,8 @@ declare namespace system{
        * <code>item</code> should be assignable to type <code>t</code>. This method simply delegates to
        * {@link yfiles.graphml.IWriteContext#serializeCore}, using the correct type parameter.
        * </p>
-       * @param {Object} item The item to serialize.
-       * @param {yfiles.lang.Class} t The type the item is known to be of at deserialization time.
+       * @param item The item to serialize.
+       * @param t The type the item is known to be of at deserialization time.
        */
       serialize?(item:Object,t:yfiles.lang.Class):void;
       /**
@@ -2117,8 +3176,8 @@ declare namespace system{
        * virtually all cases.
        * </p>
        * Type parameter <code>T</code>: The type of the object that is serialized.
-       * @param {yfiles.lang.Class} targetType The type of the object that is serialized.
-       * @param {T} item The object that should be serialized.
+       * @param targetType The type of the object that is serialized.
+       * @param item The object that should be serialized.
        * @throws {yfiles.graphml.SerializationNotSupportedError}
        * @see yfiles.graphml.IWriteContext#serializeCore
        * @template T
@@ -2131,9 +3190,9 @@ declare namespace system{
        * correct <code>context</code> instance is used.
        * </p>
        * Type parameter <code>T</code>: The type of the object that is serialized.
-       * @param {yfiles.lang.Class} targetType The type of the object that is serialized.
-       * @param {yfiles.graphml.IWriteContext} context The current write context.
-       * @param {T} item The object that should be serialized.
+       * @param targetType The type of the object that is serialized.
+       * @param context The current write context.
+       * @param item The object that should be serialized.
        * @throws {yfiles.graphml.SerializationNotSupportedError}
        * @see yfiles.graphml.IWriteContext#serialize
        * @template T
@@ -2147,8 +3206,8 @@ declare namespace system{
        * or similar replacement mechanisms.
        * </p>
        * Type parameter <code>T</code>: The type of the object that is serialized.
-       * @param {Object} originalItem The original object that should be serialized.
-       * @param {T} replacement The replacement object that will actually be serialized instead.
+       * @param originalItem The original object that should be serialized.
+       * @param replacement The replacement object that will actually be serialized instead.
        * @throws {yfiles.graphml.SerializationNotSupportedError}
        * @see yfiles.graphml.IWriteContext#serializeCore
        * @template T
@@ -2200,7 +3259,7 @@ declare namespace system{
       /**
        * Adds the given listener for the <code>DocumentWriting</code> event that occurs just after the {@link yfiles.graphml.IXmlWriter#writeStartDocument}
        * has been called.
-       * @param {function(Object, yfiles.graphml.WriteEventArgs): void} listener The listener to add.
+       * @param listener The listener to add.
        * @see yfiles.graphml.IWriteEvents#removeDocumentWritingListener
        * @abstract
        */
@@ -2208,7 +3267,7 @@ declare namespace system{
       /**
        * Removes the given listener for the <code>DocumentWriting</code> event that occurs just after the {@link yfiles.graphml.IXmlWriter#writeStartDocument}
        * has been called.
-       * @param {function(Object, yfiles.graphml.WriteEventArgs): void} listener The listener to remove.
+       * @param listener The listener to remove.
        * @see yfiles.graphml.IWriteEvents#addDocumentWritingListener
        * @abstract
        */
@@ -2216,7 +3275,7 @@ declare namespace system{
       /**
        * Adds the given listener for the <code>DocumentWritten</code> event that occurs just before the {@link yfiles.graphml.IXmlWriter#writeEndDocument}
        * will be called.
-       * @param {function(Object, yfiles.graphml.WriteEventArgs): void} listener The listener to add.
+       * @param listener The listener to add.
        * @see yfiles.graphml.IWriteEvents#removeDocumentWrittenListener
        * @abstract
        */
@@ -2224,7 +3283,7 @@ declare namespace system{
       /**
        * Removes the given listener for the <code>DocumentWritten</code> event that occurs just before the {@link yfiles.graphml.IXmlWriter#writeEndDocument}
        * will be called.
-       * @param {function(Object, yfiles.graphml.WriteEventArgs): void} listener The listener to remove.
+       * @param listener The listener to remove.
        * @see yfiles.graphml.IWriteEvents#addDocumentWrittenListener
        * @abstract
        */
@@ -2236,7 +3295,7 @@ declare namespace system{
        * At that state, callees can use the {@link yfiles.graphml.IXmlWriter#writeAttributeNS} methods to add custom attributes to the
        * XML element or write a first custom inner element using {@link yfiles.graphml.IXmlWriter#writeStartElement}
        * </p>
-       * @param {function(Object, yfiles.graphml.WriteEventArgs): void} listener The listener to add.
+       * @param listener The listener to add.
        * @see yfiles.graphml.IWriteEvents#removeNodeWritingListener
        * @abstract
        */
@@ -2248,7 +3307,7 @@ declare namespace system{
        * At that state, callees can use the {@link yfiles.graphml.IXmlWriter#writeAttributeNS} methods to add custom attributes to the
        * XML element or write a first custom inner element using {@link yfiles.graphml.IXmlWriter#writeStartElement}
        * </p>
-       * @param {function(Object, yfiles.graphml.WriteEventArgs): void} listener The listener to remove.
+       * @param listener The listener to remove.
        * @see yfiles.graphml.IWriteEvents#addNodeWritingListener
        * @abstract
        */
@@ -2259,7 +3318,7 @@ declare namespace system{
        * <p>
        * This can be used to append more custom elements to the node element.
        * </p>
-       * @param {function(Object, yfiles.graphml.WriteEventArgs): void} listener The listener to add.
+       * @param listener The listener to add.
        * @see yfiles.graphml.IWriteEvents#removeNodeWrittenListener
        * @abstract
        */
@@ -2270,7 +3329,7 @@ declare namespace system{
        * <p>
        * This can be used to append more custom elements to the node element.
        * </p>
-       * @param {function(Object, yfiles.graphml.WriteEventArgs): void} listener The listener to remove.
+       * @param listener The listener to remove.
        * @see yfiles.graphml.IWriteEvents#addNodeWrittenListener
        * @abstract
        */
@@ -2282,7 +3341,7 @@ declare namespace system{
        * At that state, callees can use the {@link yfiles.graphml.IXmlWriter#writeAttributeNS} methods to add custom attributes to the
        * XML element or write a first custom inner element using {@link yfiles.graphml.IXmlWriter#writeStartElement}
        * </p>
-       * @param {function(Object, yfiles.graphml.WriteEventArgs): void} listener The listener to add.
+       * @param listener The listener to add.
        * @see yfiles.graphml.IWriteEvents#removeEdgeWritingListener
        * @abstract
        */
@@ -2294,7 +3353,7 @@ declare namespace system{
        * At that state, callees can use the {@link yfiles.graphml.IXmlWriter#writeAttributeNS} methods to add custom attributes to the
        * XML element or write a first custom inner element using {@link yfiles.graphml.IXmlWriter#writeStartElement}
        * </p>
-       * @param {function(Object, yfiles.graphml.WriteEventArgs): void} listener The listener to remove.
+       * @param listener The listener to remove.
        * @see yfiles.graphml.IWriteEvents#addEdgeWritingListener
        * @abstract
        */
@@ -2305,7 +3364,7 @@ declare namespace system{
        * <p>
        * This can be used to append more custom elements to the edge element.
        * </p>
-       * @param {function(Object, yfiles.graphml.WriteEventArgs): void} listener The listener to add.
+       * @param listener The listener to add.
        * @see yfiles.graphml.IWriteEvents#removeEdgeWrittenListener
        * @abstract
        */
@@ -2316,7 +3375,7 @@ declare namespace system{
        * <p>
        * This can be used to append more custom elements to the edge element.
        * </p>
-       * @param {function(Object, yfiles.graphml.WriteEventArgs): void} listener The listener to remove.
+       * @param listener The listener to remove.
        * @see yfiles.graphml.IWriteEvents#addEdgeWrittenListener
        * @abstract
        */
@@ -2328,7 +3387,7 @@ declare namespace system{
        * At that state, callees can use the {@link yfiles.graphml.IXmlWriter#writeAttributeNS} methods to add custom attributes to the
        * XML element or write a first custom inner element using {@link yfiles.graphml.IXmlWriter#writeStartElement}
        * </p>
-       * @param {function(Object, yfiles.graphml.WriteEventArgs): void} listener The listener to add.
+       * @param listener The listener to add.
        * @see yfiles.graphml.IWriteEvents#removePortWritingListener
        * @abstract
        */
@@ -2340,7 +3399,7 @@ declare namespace system{
        * At that state, callees can use the {@link yfiles.graphml.IXmlWriter#writeAttributeNS} methods to add custom attributes to the
        * XML element or write a first custom inner element using {@link yfiles.graphml.IXmlWriter#writeStartElement}
        * </p>
-       * @param {function(Object, yfiles.graphml.WriteEventArgs): void} listener The listener to remove.
+       * @param listener The listener to remove.
        * @see yfiles.graphml.IWriteEvents#addPortWritingListener
        * @abstract
        */
@@ -2351,7 +3410,7 @@ declare namespace system{
        * <p>
        * This can be used to append more custom elements to the port element.
        * </p>
-       * @param {function(Object, yfiles.graphml.WriteEventArgs): void} listener The listener to add.
+       * @param listener The listener to add.
        * @see yfiles.graphml.IWriteEvents#removePortWrittenListener
        * @abstract
        */
@@ -2362,7 +3421,7 @@ declare namespace system{
        * <p>
        * This can be used to append more custom elements to the port element.
        * </p>
-       * @param {function(Object, yfiles.graphml.WriteEventArgs): void} listener The listener to remove.
+       * @param listener The listener to remove.
        * @see yfiles.graphml.IWriteEvents#addPortWrittenListener
        * @abstract
        */
@@ -2374,7 +3433,7 @@ declare namespace system{
        * At that state, callees can use the {@link yfiles.graphml.IXmlWriter#writeAttributeNS} methods to add custom attributes to the
        * XML element or write a first custom inner element using {@link yfiles.graphml.IXmlWriter#writeStartElement}
        * </p>
-       * @param {function(Object, yfiles.graphml.WriteEventArgs): void} listener The listener to add.
+       * @param listener The listener to add.
        * @see yfiles.graphml.IWriteEvents#removeGraphWritingListener
        * @abstract
        */
@@ -2386,7 +3445,7 @@ declare namespace system{
        * At that state, callees can use the {@link yfiles.graphml.IXmlWriter#writeAttributeNS} methods to add custom attributes to the
        * XML element or write a first custom inner element using {@link yfiles.graphml.IXmlWriter#writeStartElement}
        * </p>
-       * @param {function(Object, yfiles.graphml.WriteEventArgs): void} listener The listener to remove.
+       * @param listener The listener to remove.
        * @see yfiles.graphml.IWriteEvents#addGraphWritingListener
        * @abstract
        */
@@ -2397,7 +3456,7 @@ declare namespace system{
        * <p>
        * This can be used to append more custom elements to the graph element.
        * </p>
-       * @param {function(Object, yfiles.graphml.WriteEventArgs): void} listener The listener to add.
+       * @param listener The listener to add.
        * @see yfiles.graphml.IWriteEvents#removeGraphWrittenListener
        * @abstract
        */
@@ -2408,7 +3467,7 @@ declare namespace system{
        * <p>
        * This can be used to append more custom elements to the graph element.
        * </p>
-       * @param {function(Object, yfiles.graphml.WriteEventArgs): void} listener The listener to remove.
+       * @param listener The listener to remove.
        * @see yfiles.graphml.IWriteEvents#addGraphWrittenListener
        * @abstract
        */
@@ -2420,7 +3479,7 @@ declare namespace system{
        * At that state, callees can use the {@link yfiles.graphml.IXmlWriter#writeAttributeNS} methods to add custom attributes to the
        * XML element or write a first custom inner element using {@link yfiles.graphml.IXmlWriter#writeStartElement}
        * </p>
-       * @param {function(Object, yfiles.graphml.WriteEventArgs): void} listener The listener to add.
+       * @param listener The listener to add.
        * @see yfiles.graphml.IWriteEvents#removeGraphMLWritingListener
        * @abstract
        */
@@ -2432,7 +3491,7 @@ declare namespace system{
        * At that state, callees can use the {@link yfiles.graphml.IXmlWriter#writeAttributeNS} methods to add custom attributes to the
        * XML element or write a first custom inner element using {@link yfiles.graphml.IXmlWriter#writeStartElement}
        * </p>
-       * @param {function(Object, yfiles.graphml.WriteEventArgs): void} listener The listener to remove.
+       * @param listener The listener to remove.
        * @see yfiles.graphml.IWriteEvents#addGraphMLWritingListener
        * @abstract
        */
@@ -2443,7 +3502,7 @@ declare namespace system{
        * <p>
        * This can be used to append more custom elements to the graphml element.
        * </p>
-       * @param {function(Object, yfiles.graphml.WriteEventArgs): void} listener The listener to add.
+       * @param listener The listener to add.
        * @see yfiles.graphml.IWriteEvents#removeGraphMLWrittenListener
        * @abstract
        */
@@ -2454,7 +3513,7 @@ declare namespace system{
        * <p>
        * This can be used to append more custom elements to the graphml element.
        * </p>
-       * @param {function(Object, yfiles.graphml.WriteEventArgs): void} listener The listener to remove.
+       * @param listener The listener to remove.
        * @see yfiles.graphml.IWriteEvents#addGraphMLWrittenListener
        * @abstract
        */
@@ -2466,7 +3525,7 @@ declare namespace system{
        * At that state, callees can use the {@link yfiles.graphml.IXmlWriter#writeAttributeNS} methods to add custom attributes to the
        * XML element or write a first custom inner element using {@link yfiles.graphml.IXmlWriter#writeStartElement}
        * </p>
-       * @param {function(Object, yfiles.graphml.WriteEventArgs): void} listener The listener to add.
+       * @param listener The listener to add.
        * @see yfiles.graphml.IWriteEvents#removeDataWritingListener
        * @abstract
        */
@@ -2478,7 +3537,7 @@ declare namespace system{
        * At that state, callees can use the {@link yfiles.graphml.IXmlWriter#writeAttributeNS} methods to add custom attributes to the
        * XML element or write a first custom inner element using {@link yfiles.graphml.IXmlWriter#writeStartElement}
        * </p>
-       * @param {function(Object, yfiles.graphml.WriteEventArgs): void} listener The listener to remove.
+       * @param listener The listener to remove.
        * @see yfiles.graphml.IWriteEvents#addDataWritingListener
        * @abstract
        */
@@ -2489,7 +3548,7 @@ declare namespace system{
        * <p>
        * This can be used to append more custom elements to the data element.
        * </p>
-       * @param {function(Object, yfiles.graphml.WriteEventArgs): void} listener The listener to add.
+       * @param listener The listener to add.
        * @see yfiles.graphml.IWriteEvents#removeDataWrittenListener
        * @abstract
        */
@@ -2500,7 +3559,7 @@ declare namespace system{
        * <p>
        * This can be used to append more custom elements to the data element.
        * </p>
-       * @param {function(Object, yfiles.graphml.WriteEventArgs): void} listener The listener to remove.
+       * @param listener The listener to remove.
        * @see yfiles.graphml.IWriteEvents#addDataWrittenListener
        * @abstract
        */
@@ -2512,7 +3571,7 @@ declare namespace system{
        * At that state, callees can use the {@link yfiles.graphml.IXmlWriter#writeAttributeNS} methods to add custom attributes to the
        * XML element or write a first custom inner element using {@link yfiles.graphml.IXmlWriter#writeStartElement}
        * </p>
-       * @param {function(Object, yfiles.graphml.WriteEventArgs): void} listener The listener to add.
+       * @param listener The listener to add.
        * @see yfiles.graphml.IWriteEvents#removeKeyWritingListener
        * @abstract
        */
@@ -2524,7 +3583,7 @@ declare namespace system{
        * At that state, callees can use the {@link yfiles.graphml.IXmlWriter#writeAttributeNS} methods to add custom attributes to the
        * XML element or write a first custom inner element using {@link yfiles.graphml.IXmlWriter#writeStartElement}
        * </p>
-       * @param {function(Object, yfiles.graphml.WriteEventArgs): void} listener The listener to remove.
+       * @param listener The listener to remove.
        * @see yfiles.graphml.IWriteEvents#addKeyWritingListener
        * @abstract
        */
@@ -2535,7 +3594,7 @@ declare namespace system{
        * <p>
        * This can be used to append more custom elements to the key element.
        * </p>
-       * @param {function(Object, yfiles.graphml.WriteEventArgs): void} listener The listener to add.
+       * @param listener The listener to add.
        * @see yfiles.graphml.IWriteEvents#removeKeyWrittenListener
        * @abstract
        */
@@ -2546,7 +3605,7 @@ declare namespace system{
        * <p>
        * This can be used to append more custom elements to the key element.
        * </p>
-       * @param {function(Object, yfiles.graphml.WriteEventArgs): void} listener The listener to remove.
+       * @param listener The listener to remove.
        * @see yfiles.graphml.IWriteEvents#addKeyWrittenListener
        * @abstract
        */
@@ -2571,7 +3630,7 @@ declare namespace system{
       flushDocument():void;
       /**
        * Gets a text representation of all content that has been written so far.
-       * @returns {string} 
+       * @returns 
        * @abstract
        */
       getXmlString():string;
@@ -2580,9 +3639,9 @@ declare namespace system{
        * <p>
        * The attribute is not bound to a XML namespace.
        * </p>
-       * @param {string} localName The name of the attribute.
-       * @param {string} value The value of the attribute.
-       * @returns {yfiles.graphml.IXmlWriter} The writer instance <code>writer</code> for writer chaining.
+       * @param localName The name of the attribute.
+       * @param value The value of the attribute.
+       * @returns The writer instance <code>writer</code> for writer chaining.
        */
       writeAttribute?(localName:string,value:string):yfiles.graphml.IXmlWriter;
       /**
@@ -2592,32 +3651,32 @@ declare namespace system{
        * or {@link yfiles.graphml.IXmlWriter#writeStartElement}. Note that namespace declarations should not be written directly as
        * attributes. Instead the {@link yfiles.graphml.IXmlWriter#namespaceManager} should be used.
        * </p>
-       * @param {string} prefix The namespace prefix of the attribute
-       * @param {string} localName The local name of the attribute
-       * @param {string} ns The namespace URI of this attribute
-       * @param {string} value The value of this attribute
-       * @returns {yfiles.graphml.IXmlWriter} The writer instance for further chaining
+       * @param prefix The namespace prefix of the attribute
+       * @param localName The local name of the attribute
+       * @param ns The namespace URI of this attribute
+       * @param value The value of this attribute
+       * @returns The writer instance for further chaining
        * @abstract
        */
       writeAttributeNS(prefix:string,localName:string,ns:string,value:string):yfiles.graphml.IXmlWriter;
       /**
        * Write a CDATA section.
-       * @param {string} content The content of the CDATA section
-       * @returns {yfiles.graphml.IXmlWriter} The writer instance for further chaining
+       * @param content The content of the CDATA section
+       * @returns The writer instance for further chaining
        * @abstract
        */
       writeCData(content:string):yfiles.graphml.IXmlWriter;
       /**
        * Write a XML comment node
-       * @param {string} comment The content of the comment
-       * @returns {yfiles.graphml.IXmlWriter} The writer instance for further chaining
+       * @param comment The content of the comment
+       * @returns The writer instance for further chaining
        * @abstract
        */
       writeComment(comment:string):yfiles.graphml.IXmlWriter;
       /**
        * Write a document fragment
-       * @param {Document} fragment
-       * @returns {yfiles.graphml.IXmlWriter} The writer instance for further chaining
+       * @param fragment
+       * @returns The writer instance for further chaining
        * @abstract
        */
       writeDocumentFragment(fragment:Document):yfiles.graphml.IXmlWriter;
@@ -2632,27 +3691,27 @@ declare namespace system{
       /**
        * Close a XML element previously opened with {@link yfiles.graphml.IXmlWriter#writeStartElement} or
        * {@link yfiles.graphml.IXmlWriter#writeStartElement}.
-       * @returns {yfiles.graphml.IXmlWriter} The writer instance for further chaining
+       * @returns The writer instance for further chaining
        * @abstract
        */
       writeEndElement():yfiles.graphml.IXmlWriter;
       /**
        * Write an XML attribute from the given <code>attribute</code> struct.
-       * @param {yfiles.graphml.GraphMLXmlAttribute} attribute Encapsulates the current attribute values.
-       * @returns {yfiles.graphml.IXmlWriter} The writer instance <code>writer</code> for writer chaining.
+       * @param attribute Encapsulates the current attribute values.
+       * @returns The writer instance <code>writer</code> for writer chaining.
        */
       writeGraphMLXmlAttribute?(attribute:yfiles.graphml.GraphMLXmlAttribute):yfiles.graphml.IXmlWriter;
       /**
        * Write a xml processing instruction.
-       * @param {string} target The target of the PI
-       * @param {string} data The data of the PI
-       * @returns {yfiles.graphml.IXmlWriter} The writer instance for further chaining
+       * @param target The target of the PI
+       * @param data The data of the PI
+       * @returns The writer instance for further chaining
        * @abstract
        */
       writeProcessingInstruction(target:string,data:string):yfiles.graphml.IXmlWriter;
       /**
        * Begin the output process
-       * @returns {yfiles.graphml.IXmlWriter} The writer instance for further chaining
+       * @returns The writer instance for further chaining
        * @abstract
        */
       writeStartDocument():yfiles.graphml.IXmlWriter;
@@ -2662,10 +3721,10 @@ declare namespace system{
        * All subsequent output is attached to this element until {@link yfiles.graphml.IXmlWriter#writeEndElement} has been called or a
        * new element has been started.
        * </p>
-       * @param {string} prefix The namespace prefix to use for this element
-       * @param {string} localName The local name of this element
-       * @param {string} ns The namespace of this element
-       * @returns {yfiles.graphml.IXmlWriter} The writer instance for further chaining
+       * @param prefix The namespace prefix to use for this element
+       * @param localName The local name of this element
+       * @param ns The namespace of this element
+       * @returns The writer instance for further chaining
        * @abstract
        */
       writeStartElement(prefix:string,localName:string,ns:string):yfiles.graphml.IXmlWriter;
@@ -2678,9 +3737,9 @@ declare namespace system{
        * <p>
        * This acts like {@link yfiles.graphml.IXmlWriter#writeStartElement}, but uses the default prefix for the namespace
        * </p>
-       * @param {string} localName The local name of this element
-       * @param {string} ns The namespace of this element
-       * @returns {yfiles.graphml.IXmlWriter} The writer instance for further chaining
+       * @param localName The local name of this element
+       * @param ns The namespace of this element
+       * @returns The writer instance for further chaining
        * @abstract
        */
       writeStartElement(localName:string,ns:string):yfiles.graphml.IXmlWriter;
@@ -2689,8 +3748,8 @@ declare namespace system{
        * <p>
        * The string value of <code>s</code> will be correctly escaped
        * </p>
-       * @param {string} s The string that gets written as XML text
-       * @returns {yfiles.graphml.IXmlWriter} The writer instance for further chaining
+       * @param s The string that gets written as XML text
+       * @returns The writer instance for further chaining
        * @abstract
        */
       writeString(s:string):yfiles.graphml.IXmlWriter;
@@ -2712,8 +3771,8 @@ declare namespace system{
     export interface IXmlNamespaceManager extends Object{
       /**
        * Returns a unique namespace prefix, or creates and registeres one.
-       * @param {string} ns The namespace URI for which a prefix is searched.
-       * @returns {string} a unique namespace prefix for <code>ns</code>.
+       * @param ns The namespace URI for which a prefix is searched.
+       * @returns a unique namespace prefix for <code>ns</code>.
        * @abstract
        */
       getOrCreateUniqueMapping(ns:string):string;
@@ -2729,9 +3788,9 @@ declare namespace system{
       pushScope():void;
       /**
        * Register a local namespace/prefix mapping
-       * @param {string} nsUri The namespace URI
-       * @param {string} prefix The preferred namespace prefix or <code>null</code> if any prefix may be used.
-       * @returns {string} The prefix that finally has been used for the namespace URI.
+       * @param nsUri The namespace URI
+       * @param prefix The preferred namespace prefix or <code>null</code> if any prefix may be used.
+       * @returns The prefix that finally has been used for the namespace URI.
        * @abstract
        */
       registerLocalMapping(nsUri:string,prefix:string):string;
@@ -2757,7 +3816,7 @@ declare namespace system{
     /**
      * Constant class for common serialization properties.
      * @see yfiles.graphml.IWriteContext#getSerializationProperty
-     * @class yfiles.graphml.SerializationProperties
+     * @class
      * @static
      */
     export interface SerializationProperties extends Object{}
@@ -2884,7 +3943,12 @@ declare namespace system{
        */
       static DISABLE_GRAPH_SETTINGS:string;
       /**
-       * Property key for case-insensitive parsing of property names during XAML deserialization.
+       * Property key for alllowing to parse member names (properties and enum values) case-insensitively during XAML
+       * deserialization.
+       * <p>
+       * This will convert property and member names to lower-case and remove underscores to be able to compare things like <code>SOME_CONSTANT_NAME</code>
+       * and <code>SomeConstantName</code> as well as <code>somePropertyName</code> and <code>SomePropertyName</code>, respectively.
+       * </p>
        * <p>
        * This property has a boolean value.
        * </p>
@@ -3092,16 +4156,15 @@ declare namespace system{
      * <p>
      * This class holds a reference to the {@link yfiles.graphml.WriteEventArgs#context write context} and the {@link yfiles.graphml.WriteEventArgs#item} that is currently being written.
      * </p>
-     * @class yfiles.graphml.WriteEventArgs
+     * @class
      * @extends {yfiles.lang.EventArgs}
      */
     export interface WriteEventArgs extends yfiles.lang.EventArgs{}
     export class WriteEventArgs {
       /**
        * Initializes a new instance of the {@link yfiles.graphml.WriteEventArgs} class.
-       * @param {yfiles.graphml.IWriteContext} context The context to assign to {@link yfiles.graphml.WriteEventArgs#context}.
-       * @param {Object} item The item to assign to {@link yfiles.graphml.WriteEventArgs#item}.
-       * @constructor
+       * @param context The context to assign to {@link #context}.
+       * @param item The item to assign to {@link #item}.
        */
       constructor(context:yfiles.graphml.IWriteContext,item:Object);
       /**
@@ -3126,17 +4189,17 @@ declare namespace system{
     export interface IMarkupExtensionConverter extends Object{
       /**
        * Returns if the converter can convert the <code>value</code> to a {@link yfiles.graphml.MarkupExtension} in the current write context.
-       * @param {yfiles.graphml.IWriteContext} context The current write context.
-       * @param {Object} value The object to convert.
-       * @returns {boolean} Whether the converter can convert the passed value.
+       * @param context The current write context.
+       * @param value The object to convert.
+       * @returns Whether the converter can convert the passed value.
        * @abstract
        */
       canConvert(context:yfiles.graphml.IWriteContext,value:Object):boolean;
       /**
        * Converts the <code>value</code> to a {@link yfiles.graphml.MarkupExtension} using the current write context.
-       * @param {yfiles.graphml.IWriteContext} context The current write context.
-       * @param {Object} value The object to convert.
-       * @returns {yfiles.graphml.MarkupExtension} The {@link yfiles.graphml.MarkupExtension} the value was converted to.
+       * @param context The current write context.
+       * @param value The object to convert.
+       * @returns The {@link } the value was converted to.
        * @abstract
        */
       convert(context:yfiles.graphml.IWriteContext,value:Object):yfiles.graphml.MarkupExtension;
@@ -3156,17 +4219,17 @@ declare namespace system{
        * <p>
        * <code>fqTagName</code> must follow the usual XAML naming rules.
        * </p>
-       * @param {yfiles.graphml.IParseContext} context The current parse context.
-       * @param {yfiles.graphml.XmlName} fqTagName The fully qualified XML element name that must describe a valid type in this CLR namespace.
-       * @returns {yfiles.lang.Class} The first matching type, if any.
+       * @param context The current parse context.
+       * @param fqTagName The fully qualified XML element name that must describe a valid type in this CLR namespace.
+       * @returns The first matching type, if any.
        * @abstract
        */
       getClassForName(context:yfiles.graphml.IParseContext,fqTagName:yfiles.graphml.XmlName):yfiles.lang.Class;
       /**
        * Returns the XML tag name that belongs to type <code>type</code>
-       * @param {yfiles.graphml.IWriteContext} context The current write context.
-       * @param {yfiles.lang.Class} type The type for which an XML namespace mapping is searched.
-       * @returns {yfiles.graphml.XmlName} the XML tag name that belongs to type <code>type</code>
+       * @param context The current write context.
+       * @param type The type for which an XML namespace mapping is searched.
+       * @returns the XML tag name that belongs to type <code>type</code>
        * @abstract
        */
       getNameForClass(context:yfiles.graphml.IWriteContext,type:yfiles.lang.Class):yfiles.graphml.XmlName;
@@ -3177,10 +4240,22 @@ declare namespace system{
     };
     /**
      * Wraps a property together with default values and meta data.
-     * @class yfiles.graphml.Property
+     * @class
      */
     export interface Property extends Object{}
     export class Property {
+      /**
+       * Gets the value the wrapped property has on the given instance.
+       * @param ownerInstance The instance to get the property value from.
+       * @returns The value the wrapped property has on the given instance.
+       */
+      getValue(ownerInstance:Object):Object;
+      /**
+       * Sets the value to the wrapped property on the given instance.
+       * @param ownerInstance The instance to set the property value on.
+       * @param value The value to set.
+       */
+      setValue(ownerInstance:Object,value:Object):void;
       /**
        * Returns <code>true</code> iff the property has a <b>public</b> getter.
        * @type {boolean}
@@ -3225,17 +4300,12 @@ declare namespace system{
        * Gets the type of the property.
        * @type {yfiles.lang.Class}
        */
-      propertyType:yfiles.lang.Class;
+      type:yfiles.lang.Class;
       /**
        * Gets the type of the owner.
        * @type {yfiles.lang.Class}
        */
       ownerType:yfiles.lang.Class;
-      /**
-       * Gets the owner instance.
-       * @type {Object}
-       */
-      ownerInstance:Object;
       /**
        * Gets the default value.
        * @type {Object}
@@ -3246,11 +4316,6 @@ declare namespace system{
        * @type {boolean}
        */
       hasDefaultValue:boolean;
-      /**
-       * Gets or sets the value.
-       * @type {Object}
-       */
-      value:Object;
       /**
        * Gets the name of the property, as it will appear in GraphML.
        * @type {string}
@@ -3280,18 +4345,186 @@ declare namespace system{
        */
       CENTER
     }
+    /**
+     * Support interface used by {@link yfiles.graphml.ValueSerializer}.
+     * @interface
+     * @implements {yfiles.graph.ILookup}
+     */
+    export interface IValueSerializerContext extends Object,yfiles.graph.ILookup{
+      /**
+       * Gets the value serializer for a specific {@link yfiles.graphml.Property}.
+       * @param property The descriptor of the property.
+       * @returns A serializer or <code>null</code>.
+       * @abstract
+       */
+      getValueSerializerFor(property:yfiles.graphml.Property):yfiles.graphml.ValueSerializer;
+      /**
+       * Gets the value serializer for a specific type.
+       * @param type The type to obtain a serializer for.
+       * @returns A serializer or <code>null</code>.
+       * @abstract
+       */
+      getValueSerializerFor(type:yfiles.lang.Class):yfiles.graphml.ValueSerializer;
+    }
+    var IValueSerializerContext:{
+      $class:yfiles.lang.Class;
+      isInstance(o:Object):boolean;
+    };
+    /**
+     * Provides a base class for all XAML markup extensions.
+     * <p>
+     * Markup extensions return objects based on string attribute values or markup elements in XAML and/or can be used to
+     * serialize classes that do not fulfil XAML serialization constraints.
+     * </p>
+     * @class
+     */
+    export interface MarkupExtension extends Object{}
+    export class MarkupExtension {
+      /**
+       * Returns an object that is set as the value of the target property for this markup extension.
+       * @param serviceProvider Object that can provide services for the markup extension.
+       * @returns The object value to set on the property where the extension is applied.
+       * @abstract
+       */
+      provideValue(serviceProvider:yfiles.graph.ILookup):Object;
+      static $class:yfiles.lang.Class;
+    }
+    /**
+     * Helper classes used during the XAML serialization of instances.
+     * <p>
+     * Using this class instances can be written in xml attributes as strings.
+     * </p>
+     * @class
+     */
+    export interface ValueSerializer extends Object{}
+    export class ValueSerializer {
+      /**
+       * Determines whether this instance can convert the specified value from the given string.
+       * @param value The string value to convert.
+       * @param context The context.
+       * @returns <code>true</code> if this instance can convert the specified value from the string; otherwise, <code>false</code>.
+       */
+      canConvertFromString(value:string,context:yfiles.graphml.IValueSerializerContext):boolean;
+      /**
+       * Determines whether this instance can convert the specified value to a string.
+       * @param value The value.
+       * @param context The context.
+       * @returns <code>true</code> if this instance can convert the specified value to a string; otherwise, <code>false</code>.
+       */
+      canConvertToString(value:Object,context:yfiles.graphml.IValueSerializerContext):boolean;
+      /**
+       * Converts the string to an appropriate instance.
+       * @param value The value to convert to an object.
+       * @param context The context.
+       * @returns The converted object
+       */
+      convertFromString(value:string,context:yfiles.graphml.IValueSerializerContext):Object;
+      /**
+       * Converts the given value to string.
+       * @param o The value.
+       * @param context The context.
+       * @returns The value as string representation.
+       */
+      convertToString(o:Object,context:yfiles.graphml.IValueSerializerContext):string;
+      /**
+       * Gets the {@link yfiles.graphml.ValueSerializer} implementation for the given type.
+       * @param type The type.
+       * @param context The context.
+       * @returns The serializer to use for the type.
+       * @static
+       */
+      static getSerializerFor(type:yfiles.lang.Class,context:yfiles.graphml.IValueSerializerContext):yfiles.graphml.ValueSerializer;
+      /**
+       * Gets the {@link yfiles.graphml.ValueSerializer} implementation for the given descriptor.
+       * @param property The descriptor.
+       * @param context The context.
+       * @returns The serializer to use for the descriptor.
+       * @static
+       */
+      static getSerializerFor(property:yfiles.graphml.Property,context:yfiles.graphml.IValueSerializerContext):yfiles.graphml.ValueSerializer;
+      /**
+       * Gets the {@link yfiles.graphml.ValueSerializer} implementation for the given descriptor.
+       * @param property The descriptor.
+       * @returns The serializer to use for the type.
+       * @static
+       */
+      static getSerializerFor(property:yfiles.graphml.Property):yfiles.graphml.ValueSerializer;
+      /**
+       * Gets the {@link yfiles.graphml.ValueSerializer} implementation for the given type.
+       * @param type The type.
+       * @returns The serializer to use for the type.
+       * @static
+       */
+      static getSerializerFor(type:yfiles.lang.Class):yfiles.graphml.ValueSerializer;
+      static $class:yfiles.lang.Class;
+    }
+    /**
+     * A helper holder class that can contain a {@link yfiles.graphml.Future.<T>#value} of a specific type.
+     * <p>
+     * Typically {@link yfiles.graphml.Future.<T>#hasValue} will be <code>false</code> until at a later point in time {@link yfiles.graphml.Future.<T>#onValueDetermined} is called and the {@link yfiles.graphml.Future.<T>#value} and {@link yfiles.graphml.Future.<T>#hasValue} properties are being
+     * updated and the {@link yfiles.graphml.Future.<T>#addPropertyChangedListener PropertyChanged} event is triggered.
+     * </p>
+     * Type parameter <code>T</code>: The type of the {@link yfiles.graphml.Future.<T>#value}
+     * @class
+     * @implements {yfiles.lang.IPropertyObservable}
+     * @template T
+     * @final
+     */
+    export interface Future<T> extends Object,yfiles.lang.IPropertyObservable{}
+    export class Future<T> {
+      /**
+       * Called when the {@link yfiles.graphml.Future.<T>#value} property of this future has been determined.
+       * <p>
+       * This will set the {@link yfiles.graphml.Future.<T>#hasValue} property to <code>true</code> and assign the {@link yfiles.graphml.Future.<T>#value} property. Also the corresponding {@link yfiles.graphml.Future.<T>#addPropertyChangedListener PropertyChanged} events
+       * will be triggered if necessary.
+       * </p>
+       * @param value The value.
+       */
+      onValueDetermined(value:T):void;
+      /**
+       * The value of this future, which may only be queried if {@link yfiles.graphml.Future.<T>#hasValue} yields <code>true</code>.
+       * @throws {Stubs.Exceptions.InvalidOperationError} If this property is queried although {@link yfiles.graphml.Future.<T>#hasValue} returns <code>false</code>.
+       * @type {T}
+       */
+      value:T;
+      /**
+       * Gets a value indicating whether this instance has been {@link yfiles.graphml.Future.<T>#onValueDetermined assigned} a {@link yfiles.graphml.Future.<T>#value}.
+       * @type {boolean}
+       */
+      hasValue:boolean;
+      /**
+       * Adds the given listener for the <code>PropertyChanged</code> event that occurs when a property value changes.
+       * <p>
+       * This event will be triggered for {@link yfiles.graphml.Future.<T>#hasValue} changes and changes of the {@link yfiles.graphml.Future.<T>#value} property. Note that if the determined future value is the
+       * same as the default, the event will only be triggered for the {@link yfiles.graphml.Future.<T>#hasValue} property.
+       * </p>
+       * @param listener The listener to add.
+       * @see yfiles.graphml.Future.<T>#removePropertyChangedListener
+       */
+      addPropertyChangedListener(listener:(sender:Object,args:yfiles.lang.PropertyChangedEventArgs)=>void):void;
+      /**
+       * Removes the given listener for the <code>PropertyChanged</code> event that occurs when a property value changes.
+       * <p>
+       * This event will be triggered for {@link yfiles.graphml.Future.<T>#hasValue} changes and changes of the {@link yfiles.graphml.Future.<T>#value} property. Note that if the determined future value is the
+       * same as the default, the event will only be triggered for the {@link yfiles.graphml.Future.<T>#hasValue} property.
+       * </p>
+       * @param listener The listener to remove.
+       * @see yfiles.graphml.Future.<T>#addPropertyChangedListener
+       */
+      removePropertyChangedListener(listener:(sender:Object,args:yfiles.lang.PropertyChangedEventArgs)=>void):void;
+      static $class:yfiles.lang.Class;
+    }
     /**
      * Class for reading/writing graphs from/to GraphML format.
      * <p>
      * For more information about the GraphML file format please refer to the <a href="http://graphml.graphdrawing.org/primer/graphml-primer.html" target="_blank">GraphML Primer</a>.
      * </p>
-     * @class yfiles.graphml.GraphMLIOHandler
+     * @class
      */
     export interface GraphMLIOHandler extends Object{}
     export class GraphMLIOHandler {
       /**
        * Creates a new instance of {@link yfiles.graphml.GraphMLIOHandler}.
-       * @constructor
        */
       constructor();
       /**
@@ -3300,9 +4533,9 @@ declare namespace system{
        * The return value will only contain a value if a matching GraphML attribute has been read, which can be queried with {@link yfiles.graphml.Future.<T>#hasValue}.
        * The validity is determined by <code>keyDefinitionPredicate</code>. This methods creates and configures the necessary handler itself.
        * </p>
-       * @param {function(Element): boolean} keyDefinitionPredicate The predicate that matches the key definition.
-       * @param {yfiles.graphml.IGenericInputHandlerFactory} factory A factory to create {@link yfiles.graphml.IInputHandler} instances.
-       * @returns {yfiles.graphml.Future.<yfiles.graphml.IInputHandler>} A {@link yfiles.graphml.Future.<T>} instance that wraps an {@link yfiles.graphml.IInputHandler} that actually parses the data.
+       * @param keyDefinitionPredicate The predicate that matches the key definition.
+       * @param factory A factory to create {@link } instances.
+       * @returns A {@link } instance that wraps an {@link } that actually parses the data.
        */
       addInputHandlerFactory(keyDefinitionPredicate:(obj:Element)=>boolean,factory:yfiles.graphml.IGenericInputHandlerFactory):yfiles.graphml.Future<yfiles.graphml.IInputHandler>;
       /**
@@ -3315,12 +4548,12 @@ declare namespace system{
        * </p>
        * Type parameter <code>TKey</code>: The type of the mapper keys
        * Type parameter <code>TData</code>: The type of the mapper values
-       * @param {yfiles.lang.Class} dataType The type of the mapper values
-       * @param {yfiles.lang.Class} keyType The type of the mapper keys
-       * @param {function(Element): boolean} keyDefinitionPredicate The predicate function that will determine whether to create an {@link yfiles.graphml.IInputHandler} for the given key
+       * @param dataType The type of the mapper values
+       * @param keyType The type of the mapper keys
+       * @param keyDefinitionPredicate The predicate function that will determine whether to create an {@link } for the given key
        * definition.
-       * @param {yfiles.collections.IMapper.<TKey,TData>} mapper the mapper that serves as data source
-       * @param {function(Object, yfiles.graphml.HandleDeserializationEventArgs): void} deserializationCallback custom deserialization callback.
+       * @param mapper the mapper that serves as data source
+       * @param deserializationCallback custom deserialization callback.
        * @template TKey,TData
        */
       addInputMapper<TKey,TData>(keyType:yfiles.lang.Class,dataType:yfiles.lang.Class,keyDefinitionPredicate:(obj:Element)=>boolean,mapper:yfiles.collections.IMapper<TKey,TData>,deserializationCallback:(sender:Object,evt:yfiles.graphml.HandleDeserializationEventArgs)=>void):void;
@@ -3331,10 +4564,10 @@ declare namespace system{
        * </p>
        * Type parameter <code>TKey</code>: The type of the mapper keys
        * Type parameter <code>TData</code>: The type of the mapper values
-       * @param {yfiles.lang.Class} dataType The type of the mapper values
-       * @param {yfiles.lang.Class} keyType The type of the mapper keys
-       * @param {string} name The name of the attribute
-       * @param {yfiles.collections.IMapper.<TKey,TData>} mapper the mapper that serves as data source
+       * @param dataType The type of the mapper values
+       * @param keyType The type of the mapper keys
+       * @param name The name of the attribute
+       * @param mapper the mapper that serves as data source
        * @template TKey,TData
        */
       addInputMapper<TKey,TData>(keyType:yfiles.lang.Class,dataType:yfiles.lang.Class,name:string,mapper:yfiles.collections.IMapper<TKey,TData>):void;
@@ -3346,12 +4579,12 @@ declare namespace system{
        * </p>
        * Type parameter <code>TKey</code>: The type of the mapper keys
        * Type parameter <code>TData</code>: The type of the mapper values
-       * @param {yfiles.lang.Class} dataType The type of the mapper values
-       * @param {yfiles.lang.Class} keyType The type of the mapper keys
-       * @param {function(Object, yfiles.graphml.HandleDeserializationEventArgs): void} deserializationCallback custom deserialization callback.
-       * @param {function(Element): boolean} keyDefinitionPredicate The predicate function that will determine whether to create an {@link yfiles.graphml.IInputHandler} for the given key
+       * @param dataType The type of the mapper values
+       * @param keyType The type of the mapper keys
+       * @param deserializationCallback custom deserialization callback.
+       * @param keyDefinitionPredicate The predicate function that will determine whether to create an {@link } for the given key
        * definition.
-       * @returns {yfiles.graphml.Future.<yfiles.collections.IMapper.<TKey,TData>>} A {@link yfiles.graphml.Future.<T>} instance that wraps an {@link yfiles.collections.IMapper.<K,V>} that actually holds the data.
+       * @returns A {@link } instance that wraps an {@link } that actually holds the data.
        * @template TKey,TData
        */
       addInputMapperFuture<TKey,TData>(keyType:yfiles.lang.Class,dataType:yfiles.lang.Class,keyDefinitionPredicate:(obj:Element)=>boolean,deserializationCallback:(sender:Object,evt:yfiles.graphml.HandleDeserializationEventArgs)=>void):yfiles.graphml.Future<yfiles.collections.IMapper<TKey,TData>>;
@@ -3363,17 +4596,17 @@ declare namespace system{
        * </p>
        * Type parameter <code>TKey</code>: The type of the mapper keys
        * Type parameter <code>TData</code>: The type of the mapper values
-       * @param {yfiles.lang.Class} dataType The type of the mapper values
-       * @param {yfiles.lang.Class} keyType The type of the mapper keys
-       * @param {string} name The name of the attribute
-       * @returns {yfiles.graphml.Future.<yfiles.collections.IMapper.<TKey,TData>>} A {@link yfiles.graphml.Future.<T>} instance that wraps an {@link yfiles.collections.IMapper.<K,V>} that actually holds the data.
+       * @param dataType The type of the mapper values
+       * @param keyType The type of the mapper keys
+       * @param name The name of the attribute
+       * @returns A {@link } instance that wraps an {@link } that actually holds the data.
        * @template TKey,TData
        */
       addInputMapperFuture<TKey,TData>(keyType:yfiles.lang.Class,dataType:yfiles.lang.Class,name:string):yfiles.graphml.Future<yfiles.collections.IMapper<TKey,TData>>;
       /**
        * Adds a namespace to the header of a GraphML file.
-       * @param {string} namespaceURI The namespace URI
-       * @param {string} shortName The namespace prefix
+       * @param namespaceURI The namespace URI
+       * @param shortName The namespace prefix
        */
       addNamespace(namespaceURI:string,shortName:string):void;
       /**
@@ -3386,13 +4619,13 @@ declare namespace system{
        * </p>
        * Type parameter <code>TModelItem</code>: The type of the mapper keys
        * Type parameter <code>TValue</code>: The type of the mapper values
-       * @param {yfiles.lang.Class} dataType The type of the mapper values
-       * @param {yfiles.lang.Class} modelItemType The type of the mapper keys
-       * @param {string} name The name of the attribute
-       * @param {string} uri The URI to add to the key definition to disambiguate keys.
-       * @param {yfiles.collections.IMapper.<TModelItem,TValue>} mapper the mapper that serves as data source
-       * @param {function(Object, yfiles.graphml.HandleSerializationEventArgs): void} serializationCallback custom serialization callback.
-       * @param {yfiles.graphml.KeyType} declaredKeyType The key type to write in the declaration.
+       * @param dataType The type of the mapper values
+       * @param modelItemType The type of the mapper keys
+       * @param name The name of the attribute
+       * @param uri The URI to add to the key definition to disambiguate keys.
+       * @param mapper the mapper that serves as data source
+       * @param serializationCallback custom serialization callback.
+       * @param declaredKeyType The key type to write in the declaration.
        * @template TModelItem,TValue
        */
       addOutputMapper<TModelItem,TValue>(modelItemType:yfiles.lang.Class,dataType:yfiles.lang.Class,name:string,uri:string,mapper:yfiles.collections.IMapper<TModelItem,TValue>,serializationCallback:(sender:Object,evt:yfiles.graphml.HandleSerializationEventArgs)=>void,declaredKeyType:yfiles.graphml.KeyType):void;
@@ -3403,10 +4636,10 @@ declare namespace system{
        * </p>
        * Type parameter <code>TModelItem</code>: The type of the mapper keys
        * Type parameter <code>TValue</code>: The type of the mapper values
-       * @param {yfiles.lang.Class} dataType The type of the mapper values
-       * @param {yfiles.lang.Class} modelItemType The type of the mapper keys
-       * @param {string} name The name of the attribute
-       * @param {yfiles.collections.IMapper.<TModelItem,TValue>} mapper the mapper that serves as data source
+       * @param dataType The type of the mapper values
+       * @param modelItemType The type of the mapper keys
+       * @param name The name of the attribute
+       * @param mapper the mapper that serves as data source
        * @template TModelItem,TValue
        */
       addOutputMapper<TModelItem,TValue>(modelItemType:yfiles.lang.Class,dataType:yfiles.lang.Class,name:string,mapper:yfiles.collections.IMapper<TModelItem,TValue>):void;
@@ -3420,12 +4653,12 @@ declare namespace system{
        * </p>
        * Type parameter <code>TKey</code>.
        * Type parameter <code>TData</code>.
-       * @param {yfiles.lang.Class} dataType
-       * @param {yfiles.lang.Class} keyType
-       * @param {Object} tag The name of the key in the {@link yfiles.graph.IMapperRegistry}.
-       * @param {function(Element): boolean} keyDefinitionPredicate A predicate to determine whether the key definition is valid.
-       * @param {function(Object, yfiles.graphml.HandleDeserializationEventArgs): void} deserializationCallback The custom deserialization callback, can be <code>null</code> which will result in default deserialization.
-       * @returns {yfiles.graphml.Future.<yfiles.collections.IMapper.<TKey,TData>>} A {@link yfiles.graphml.Future.<T>} instance that wraps an {@link yfiles.collections.IMapper.<K,V>} that actually holds the data.
+       * @param dataType
+       * @param keyType
+       * @param tag The name of the key in the {@link }.
+       * @param keyDefinitionPredicate A predicate to determine whether the key definition is valid.
+       * @param deserializationCallback The custom deserialization callback, can be <code>null</code> which will result in default deserialization.
+       * @returns A {@link } instance that wraps an {@link } that actually holds the data.
        * @template TKey,TData
        */
       addRegistryInputMapper<TKey,TData>(keyType:yfiles.lang.Class,dataType:yfiles.lang.Class,tag:Object,keyDefinitionPredicate:(obj:Element)=>boolean,deserializationCallback:(sender:Object,evt:yfiles.graphml.HandleDeserializationEventArgs)=>void):yfiles.graphml.Future<yfiles.collections.IMapper<TKey,TData>>;
@@ -3439,10 +4672,10 @@ declare namespace system{
        * </p>
        * Type parameter <code>TKey</code>.
        * Type parameter <code>TData</code>.
-       * @param {yfiles.lang.Class} dataType
-       * @param {yfiles.lang.Class} keyType
-       * @param {string} name The name of the GraphML attribute and the key in the {@link yfiles.graph.IMapperRegistry}.
-       * @returns {yfiles.graphml.Future.<yfiles.collections.IMapper.<TKey,TData>>} A {@link yfiles.graphml.Future.<T>} instance that wraps an {@link yfiles.collections.IMapper.<K,V>} that actually holds the data.
+       * @param dataType
+       * @param keyType
+       * @param name The name of the GraphML attribute and the key in the {@link }.
+       * @returns A {@link } instance that wraps an {@link } that actually holds the data.
        * @template TKey,TData
        */
       addRegistryInputMapper<TKey,TData>(keyType:yfiles.lang.Class,dataType:yfiles.lang.Class,name:string):yfiles.graphml.Future<yfiles.collections.IMapper<TKey,TData>>;
@@ -3450,13 +4683,13 @@ declare namespace system{
        * Use a registered {@link yfiles.collections.IMapper.<K,V>} instance as source for the given GraphML attribute.
        * Type parameter <code>TModelItem</code>.
        * Type parameter <code>TValue</code>.
-       * @param {yfiles.lang.Class} valueType
-       * @param {yfiles.lang.Class} modelItemType
-       * @param {string} name The GraphML name of the attribute
-       * @param {string} uri The URI to add to the key definition to disambiguate keys.
-       * @param {Object} tag The tag name of the mapper in the {@link yfiles.graph.IMapperRegistry}
-       * @param {function(Object, yfiles.graphml.HandleSerializationEventArgs): void} serializationCallback custom serialization callback.
-       * @param {yfiles.graphml.KeyType} declaredKeyType The key type to write in the declaration.
+       * @param valueType
+       * @param modelItemType
+       * @param name The GraphML name of the attribute
+       * @param uri The URI to add to the key definition to disambiguate keys.
+       * @param tag The tag name of the mapper in the {@link }
+       * @param serializationCallback custom serialization callback.
+       * @param declaredKeyType The key type to write in the declaration.
        * @template TModelItem,TValue
        */
       addRegistryOutputMapper<TModelItem,TValue>(modelItemType:yfiles.lang.Class,valueType:yfiles.lang.Class,name:string,uri:string,tag:Object,serializationCallback:(sender:Object,evt:yfiles.graphml.HandleSerializationEventArgs)=>void,declaredKeyType:yfiles.graphml.KeyType):void;
@@ -3464,10 +4697,10 @@ declare namespace system{
        * Use a registered {@link yfiles.collections.IMapper.<K,V>} instance as source for the given GraphML attribute.
        * Type parameter <code>TModelItem</code>.
        * Type parameter <code>TValue</code>.
-       * @param {yfiles.lang.Class} valueType
-       * @param {yfiles.lang.Class} modelItemType
-       * @param {string} name The GraphML name of the attribute
-       * @param {Object} tag The tag name of the mapper in the {@link yfiles.graph.IMapperRegistry}
+       * @param valueType
+       * @param modelItemType
+       * @param name The GraphML name of the attribute
+       * @param tag The tag name of the mapper in the {@link }
        * @template TModelItem,TValue
        */
       addRegistryOutputMapper<TModelItem,TValue>(modelItemType:yfiles.lang.Class,valueType:yfiles.lang.Class,name:string,tag:Object):void;
@@ -3476,10 +4709,10 @@ declare namespace system{
        * <p>
        * The type arguments of the mapper are determined automatically.
        * </p>
-       * @param {string} name The GraphML name of the attribute
-       * @param {string} uri The optional URI of the attribute
-       * @param {Object} tag The tag name of the mapper in the {@link yfiles.graph.IMapperRegistry}
-       * @param {function(Object, yfiles.graphml.HandleSerializationEventArgs): void} serializationCallback An optional serialization handler
+       * @param name The GraphML name of the attribute
+       * @param uri The optional URI of the attribute
+       * @param tag The tag name of the mapper in the {@link }
+       * @param serializationCallback An optional serialization handler
        */
       addRegistryOutputMapper(name:string,uri:string,tag:Object,serializationCallback:(sender:Object,evt:yfiles.graphml.HandleSerializationEventArgs)=>void):void;
       /**
@@ -3487,18 +4720,18 @@ declare namespace system{
        * <p>
        * The type arguments of the mapper are determined automatically.
        * </p>
-       * @param {string} name The GraphML name of the attribute
-       * @param {Object} tag The tag name of the mapper in the {@link yfiles.graph.IMapperRegistry}
+       * @param name The GraphML name of the attribute
+       * @param tag The tag name of the mapper in the {@link }
        */
       addRegistryOutputMapper(name:string,tag:Object):void;
       /**
        * Adds a schema location to the header of a GraphML file.
-       * @param {string} schemaNamespace The namespace URI for this schema location
-       * @param {string} schemaLocation The schema location
+       * @param schemaNamespace The namespace URI for this schema location
+       * @param schemaLocation The schema location
        */
       addSchemaLocation(schemaNamespace:string,schemaLocation:string):void;
       /**
-       * Add a namespace mapping between a fully qualified xml name (consisting of <code>xmlNamespace</code> and <code>tagName</code> and a type.
+       * Add a namespace mapping between a fully qualified XML name (consisting of <code>xmlNamespace</code> and <code>tagName</code> and a type.
        * <p>
        * Either of <code>xmlNamespace</code> or <code>tagName</code> may be <code>null</code>, meaning that the default rules for determining the namespace and/or tag
        * name of <code>type</code> are used.
@@ -3506,22 +4739,22 @@ declare namespace system{
        * <p>
        * This is used both for writing and parsing objects.
        * </p>
-       * @param {string} xmlNamespace The XML namespace that corresponds to <code>type</code>. If null, the namespace will be determined based on the JavaScript module
+       * @param xmlNamespace The XML namespace that corresponds to <code>type</code>. If <code>null</code>, the namespace will be determined based on the JavaScript module
        * that contains <code>type</code>
-       * @param {string} tagName The XML tag name that corresponds to <code>type</code>. If null, the name will be determined from the type name automatically.
-       * @param {yfiles.lang.Class} type The type that is mapped to the fully qualified XML name.
+       * @param tagName The XML tag name that corresponds to <code>type</code>. If <code>null</code>, the name will be determined from the type name automatically.
+       * @param type The type that is mapped to the fully qualified XML name.
        * @see yfiles.graphml.IXamlNameMapper
        * @see yfiles.graphml.GraphMLIOHandler#createXamlNameMapper
        * @see yfiles.graphml.GraphMLIOHandler#addXamlNamespaceMapping
        */
       addXamlNamespaceMapping(xmlNamespace:string,tagName:string,type:yfiles.lang.Class):void;
       /**
-       * Add a namespace mapping between a xml namespace and a JavaScript <code>module</code>.
+       * Add a namespace mapping between an XML namespace and a JavaScript <code>module</code>.
        * <p>
        * This is used both for writing and parsing objects.
        * </p>
-       * @param {string} xmlNamespace The XML namespace that corresponds to <code>module</code>.
-       * @param {Object} module The module that is mapped to the namespace.
+       * @param xmlNamespace The XML namespace that corresponds to <code>module</code>.
+       * @param module The module that is mapped to the namespace.
        * @see yfiles.graphml.IXamlNameMapper
        * @see yfiles.graphml.GraphMLIOHandler#createXamlNameMapper
        * @see yfiles.graphml.GraphMLIOHandler#addXamlNamespaceMapping
@@ -3537,8 +4770,8 @@ declare namespace system{
        * <p>
        * This method is called for each parse process.
        * </p>
-       * @param {yfiles.graph.IGraph} graph The graph that will be parsed.
-       * @param {yfiles.graphml.GraphMLParser} parser The parser to configure.
+       * @param graph The graph that will be parsed.
+       * @param parser The parser to configure.
        * @see yfiles.graphml.GraphMLIOHandler#handlePrimitivesDeserialization
        * @see yfiles.graphml.GraphMLIOHandler#handleXamlDeserialization
        * @see yfiles.graphml.GraphMLIOHandler#handleTextNodeDeserialization
@@ -3550,7 +4783,7 @@ declare namespace system{
        * <p>
        * This method is called for each parse process.
        * </p>
-       * @param {yfiles.graphml.GraphMLParser} parser The parser to set the deserialization properties.
+       * @param parser The parser to set the deserialization properties.
        * @protected
        */
       configureDeserializationPropertyOverrides(parser:yfiles.graphml.GraphMLParser):void;
@@ -3559,8 +4792,8 @@ declare namespace system{
        * <p>
        * This method is called by {@link yfiles.graphml.GraphMLIOHandler#createGraphMLParser}.
        * </p>
-       * @param {yfiles.graphml.GraphMLParser} parser The parser to configure
-       * @param {yfiles.graph.IGraph} graph The graph that should be filled by the parser
+       * @param parser The parser to configure
+       * @param graph The graph that should be filled by the parser
        * @protected
        */
       configureGraphMLParser(parser:yfiles.graphml.GraphMLParser,graph:yfiles.graph.IGraph):void;
@@ -3569,8 +4802,8 @@ declare namespace system{
        * <p>
        * This method is called by {@link yfiles.graphml.GraphMLIOHandler#createGraphMLWriter}.
        * </p>
-       * @param {yfiles.graphml.GraphMLWriter} writer The writer to configure
-       * @param {yfiles.graph.IGraph} graph The graph that will be written.
+       * @param writer The writer to configure
+       * @param graph The graph that will be written.
        * @protected
        */
       configureGraphMLWriter(writer:yfiles.graphml.GraphMLWriter,graph:yfiles.graph.IGraph):void;
@@ -3584,7 +4817,7 @@ declare namespace system{
        * <p>
        * This method is called for each parse process.
        * </p>
-       * @param {yfiles.graphml.GraphMLParser} parser The parser that should be configured.
+       * @param parser The parser that should be configured.
        * @protected
        */
       configureInputHandlers(parser:yfiles.graphml.GraphMLParser):void;
@@ -3597,7 +4830,7 @@ declare namespace system{
        * <p>
        * This method is called for each write process.
        * </p>
-       * @param {yfiles.graphml.GraphMLWriter} writer The writer to configure.
+       * @param writer The writer to configure.
        * @protected
        */
       configureNamespaces(writer:yfiles.graphml.GraphMLWriter):void;
@@ -3611,8 +4844,8 @@ declare namespace system{
        * <p>
        * This method is called for each write process.
        * </p>
-       * @param {yfiles.graph.IGraph} graph The graph that will be written.
-       * @param {yfiles.graphml.GraphMLWriter} writer The writer that should be configured.
+       * @param graph The graph that will be written.
+       * @param writer The writer that should be configured.
        * @protected
        */
       configureOutputHandlers(graph:yfiles.graph.IGraph,writer:yfiles.graphml.GraphMLWriter):void;
@@ -3621,7 +4854,7 @@ declare namespace system{
        * <p>
        * This method is called for each parse process.
        * </p>
-       * @param {yfiles.graphml.GraphMLParser} parser The parser to configure.
+       * @param parser The parser to configure.
        * @protected
        */
       configureParserLookup(parser:yfiles.graphml.GraphMLParser):void;
@@ -3630,7 +4863,7 @@ declare namespace system{
        * <p>
        * This method is called for each write process.
        * </p>
-       * @param {yfiles.graphml.GraphMLWriter} writer The writer to configure.
+       * @param writer The writer to configure.
        * @protected
        */
       configureSchemaLocations(writer:yfiles.graphml.GraphMLWriter):void;
@@ -3640,8 +4873,8 @@ declare namespace system{
        * <p>
        * This method is called for each write process.
        * </p>
-       * @param {yfiles.graph.IGraph} graph The graph that will be written.
-       * @param {yfiles.graphml.GraphMLWriter} writer The writer to configure.
+       * @param graph The graph that will be written.
+       * @param writer The writer to configure.
        * @protected
        */
       configureSerializationHandlers(graph:yfiles.graph.IGraph,writer:yfiles.graphml.GraphMLWriter):void;
@@ -3650,8 +4883,8 @@ declare namespace system{
        * <p>
        * This method is called for each write process.
        * </p>
-       * @param {yfiles.graph.IGraph} graph The graph to write.
-       * @param {yfiles.graphml.GraphMLWriter} writer The writer to configure.
+       * @param graph The graph to write.
+       * @param writer The writer to configure.
        * @see yfiles.graphml.GraphMLWriter#setSerializationProperty
        * @protected
        */
@@ -3661,7 +4894,7 @@ declare namespace system{
        * <p>
        * This method is called for each write process.
        * </p>
-       * @param {yfiles.graphml.GraphMLWriter} writer The writer to set the serialization properties.
+       * @param writer The writer to set the serialization properties.
        * @protected
        */
       configureSerializationPropertyOverrides(writer:yfiles.graphml.GraphMLWriter):void;
@@ -3670,8 +4903,8 @@ declare namespace system{
        * <p>
        * This method is called for each write process.
        * </p>
-       * @param {yfiles.graph.IGraph} graph The graph that will be written.
-       * @param {yfiles.graphml.GraphMLWriter} writer The writer to configure.
+       * @param graph The graph that will be written.
+       * @param writer The writer to configure.
        * @see yfiles.graphml.GraphMLWriter#setLookup
        * @protected
        */
@@ -3684,17 +4917,16 @@ declare namespace system{
        * <p>
        * This implementation does nothing.
        * </p>
-       * @param {yfiles.graphml.IXmlWriter} writer The writer to configure.
+       * @param writer The writer to configure.
        * @protected
        */
       configureXMLWriter(writer:yfiles.graphml.IXmlWriter):void;
       /**
        * Creates the default value serializer context and returns it.
        * <p>
-       * This factory method can be used to provide custom {@link yfiles.graphml.ValueSerializer}s in cases where no {@link yfiles.graphml.GraphMLAttribute}
-       * can be used.
+       * This factory method can be used to provide custom {@link yfiles.graphml.ValueSerializer}s in cases where no {@link yfiles.graphml.GraphMLAttribute#valueSerializer} can be used.
        * </p>
-       * @returns {yfiles.graphml.IValueSerializerContext} An implementation of the {@link yfiles.graphml.IValueSerializerContext} interface.
+       * @returns An implementation of the {@link } interface.
        */
       createDefaultValueSerializerContext():yfiles.graphml.IValueSerializerContext;
       /**
@@ -3702,9 +4934,9 @@ declare namespace system{
        * <p>
        * This method is called for each parse process.
        * </p>
-       * @param {yfiles.graphml.GraphMLParser} parser The parser to use.
-       * @param {yfiles.graph.IGraph} graph The graph that is populated.
-       * @returns {yfiles.graphml.IGraphElementFactory} An {@link yfiles.graphml.IGraphElementFactory} instance that is configured for the given parameters.
+       * @param parser The parser to use.
+       * @param graph The graph that is populated.
+       * @returns An {@link } instance that is configured for the given parameters.
        * @protected
        */
       createGraphElementFactory(parser:yfiles.graphml.GraphMLParser,graph:yfiles.graph.IGraph):yfiles.graphml.IGraphElementFactory;
@@ -3716,8 +4948,8 @@ declare namespace system{
        * <p>
        * It delegates the configuration of the parser to {@link yfiles.graphml.GraphMLIOHandler#configureGraphMLParser}.
        * </p>
-       * @param {yfiles.graph.IGraph} graph The graph that should be filled by this instance
-       * @returns {yfiles.graphml.GraphMLParser} a suitable instance of {@link yfiles.graphml.GraphMLParser} that can handle the given graph
+       * @param graph The graph that should be filled by this instance
+       * @returns a suitable instance of {@link } that can handle the given graph
        * @protected
        */
       createGraphMLParser(graph:yfiles.graph.IGraph):yfiles.graphml.GraphMLParser;
@@ -3727,8 +4959,8 @@ declare namespace system{
        * This method is called for each write process. It delegates the configuration of the writer to
        * {@link yfiles.graphml.GraphMLIOHandler#configureGraphMLWriter}.
        * </p>
-       * @param {yfiles.graph.IGraph} graph The graph that will be written.
-       * @returns {yfiles.graphml.GraphMLWriter} A new {@link yfiles.graphml.GraphMLWriter} instance that is configured for <code>graph</code>.
+       * @param graph The graph that will be written.
+       * @returns A new {@link } instance that is configured for <code>graph</code>.
        * @protected
        */
       createGraphMLWriter(graph:yfiles.graph.IGraph):yfiles.graphml.GraphMLWriter;
@@ -3742,11 +4974,11 @@ declare namespace system{
        * </p>
        * Type parameter <code>TKey</code>: The type of the keys.
        * Type parameter <code>TData</code>: The type of the data.
-       * @param {yfiles.lang.Class} dataType The type of the data.
-       * @param {yfiles.lang.Class} keyType The type of the keys.
-       * @param {yfiles.graphml.IParseContext} context
-       * @param {Object} registryTag The tag for the mapper in the registry.
-       * @returns {yfiles.collections.IMapper.<TKey,TData>} The mapper instance to use.
+       * @param dataType The type of the data.
+       * @param keyType The type of the keys.
+       * @param context
+       * @param registryTag The tag for the mapper in the registry.
+       * @returns The mapper instance to use.
        * @protected
        * @template TKey,TData
        */
@@ -3756,11 +4988,11 @@ declare namespace system{
        * implementations that match the provided <code>TKey</code> and <code>TData</code>.
        * Type parameter <code>TKey</code>: The type of the mapper keys
        * Type parameter <code>TData</code>: The type of the mapper entries
-       * @param {yfiles.lang.Class} dataType The type of the mapper entries
-       * @param {yfiles.lang.Class} modelItemType The type of the mapper keys
-       * @param {yfiles.collections.IMapper.<TKey,TData>} mapper The mapper to use.
-       * @param {function(Object, yfiles.graphml.HandleDeserializationEventArgs): void} deserializationCallback Optional deserialization callback for complex data.
-       * @returns {yfiles.graphml.MapperInputHandler.<TKey,TData>} A suitable {@link yfiles.graphml.MapperInputHandler.<TKey,TData>} implementation
+       * @param dataType The type of the mapper entries
+       * @param modelItemType The type of the mapper keys
+       * @param mapper The mapper to use.
+       * @param deserializationCallback Optional deserialization callback for complex data.
+       * @returns A suitable {@link } implementation
        * @template TKey,TData
        * @static
        */
@@ -3770,12 +5002,12 @@ declare namespace system{
        * implementations that match the provided <code>TKey</code> and <code>TData</code>.
        * Type parameter <code>TKey</code>: The type of the mapper keys
        * Type parameter <code>TData</code>: The type of the mapper entries
-       * @param {yfiles.lang.Class} dataType The type of the mapper entries
-       * @param {yfiles.lang.Class} modelItemType The type of the mapper keys
-       * @param {string} name The name of the graphml attribute
-       * @param {yfiles.collections.IMapper.<TKey,TData>} mapper The mapper to use.
-       * @param {function(Object, yfiles.graphml.HandleSerializationEventArgs): void} serializationCallback Optional serialization callback for complex data.
-       * @returns {yfiles.graphml.MapperOutputHandler.<TKey,TData>} A suitable {@link yfiles.graphml.MapperOutputHandler.<TKey,TData>} implementation
+       * @param dataType The type of the mapper entries
+       * @param modelItemType The type of the mapper keys
+       * @param name The name of the graphml attribute
+       * @param mapper The mapper to use.
+       * @param serializationCallback Optional serialization callback for complex data.
+       * @returns A suitable {@link } implementation
        * @template TKey,TData
        * @static
        */
@@ -3789,7 +5021,7 @@ declare namespace system{
        * <p>
        * This method is called for each read or write process.
        * </p>
-       * @returns {yfiles.graphml.IXamlNameMapper} 
+       * @returns 
        * @protected
        */
       createXamlNameMapper():yfiles.graphml.IXamlNameMapper;
@@ -3798,7 +5030,7 @@ declare namespace system{
        * <p>
        * This method is called for each write process.
        * </p>
-       * @returns {yfiles.graphml.IXamlPrefixMapper} 
+       * @returns 
        * @protected
        */
       createXamlPrefixMapper():yfiles.graphml.IXamlPrefixMapper;
@@ -3808,7 +5040,7 @@ declare namespace system{
        * This method is called for each write process. The {@link yfiles.graphml.IXmlWriter} implementation is used by default for all
        * low-level write operations.
        * </p>
-       * @returns {yfiles.graphml.IXmlWriter} A suitable {@link yfiles.graphml.IXmlWriter} instance for the serialization
+       * @returns A suitable {@link } instance for the serialization
        * @see yfiles.graphml.IWriteContext#writer
        * @protected
        */
@@ -3818,22 +5050,22 @@ declare namespace system{
        * <p>
        * This sets {@link yfiles.graphml.HandleSerializationEventArgs#handled} to <code>true</code> iff {@link yfiles.graphml.HandleSerializationEventArgs#item} is an array. This handler is registered by default.
        * </p>
-       * @param {Object} sender The origin of the event.
-       * @param {yfiles.graphml.HandleSerializationEventArgs} evt The event handler arguments.
+       * @param sender The origin of the event.
+       * @param evt The event handler arguments.
        * @protected
        */
       handleArraySerialization(sender:Object,evt:yfiles.graphml.HandleSerializationEventArgs):void;
       /**
-       * Handle the serialization of wrapped enums.
-       * @param {Object} sender The origin of the event.
-       * @param {yfiles.graphml.HandleSerializationEventArgs} evt The event handler arguments.
+       * Handle the serialization for enums.
+       * @param sender The origin of the event.
+       * @param evt The event handler arguments.
        * @protected
        */
       handleEnumSerialization(sender:Object,evt:yfiles.graphml.HandleSerializationEventArgs):void;
       /**
        * Handle the serialization of types that extend FrameworkTemplate.
-       * @param {Object} sender The origin of the event.
-       * @param {yfiles.graphml.HandleDeserializationEventArgs} evt The event handler arguments.
+       * @param sender The origin of the event.
+       * @param evt The event handler arguments.
        * @protected
        */
       handleJSONDeserialization(sender:Object,evt:yfiles.graphml.HandleDeserializationEventArgs):void;
@@ -3843,8 +5075,8 @@ declare namespace system{
        * This sets {@link yfiles.graphml.HandleSerializationEventArgs#handled} to <code>true</code> iff {@link yfiles.graphml.HandleSerializationEventArgs#item} can be converted to JSON data. This serializer is only called from element property syntax and
        * is registered by default.
        * </p>
-       * @param {Object} sender The origin of the event.
-       * @param {yfiles.graphml.HandleSerializationEventArgs} evt The event handler arguments.
+       * @param sender The origin of the event.
+       * @param evt The event handler arguments.
        * @protected
        */
       handleJSONSerialization(sender:Object,evt:yfiles.graphml.HandleSerializationEventArgs):void;
@@ -3853,8 +5085,8 @@ declare namespace system{
        * <p>
        * This sets {@link yfiles.graphml.HandleSerializationEventArgs#handled} to <code>true</code> iff {@link yfiles.graphml.HandleSerializationEventArgs#item} is an IEnumerable instance. This handler is registered by default.
        * </p>
-       * @param {Object} sender The origin of the event.
-       * @param {yfiles.graphml.HandleSerializationEventArgs} evt The event handler arguments.
+       * @param sender The origin of the event.
+       * @param evt The event handler arguments.
        * @protected
        */
       handleListSerialization(sender:Object,evt:yfiles.graphml.HandleSerializationEventArgs):void;
@@ -3864,8 +5096,8 @@ declare namespace system{
        * This sets {@link yfiles.graphml.HandleSerializationEventArgs#handled} to <code>true</code> iff {@link yfiles.graphml.HandleSerializationEventArgs#item} can be converted to a {@link yfiles.graphml.MarkupExtension} instance. This handler is registered by
        * default.
        * </p>
-       * @param {Object} sender The origin of the event.
-       * @param {yfiles.graphml.HandleSerializationEventArgs} evt The event handler arguments.
+       * @param sender The origin of the event.
+       * @param evt The event handler arguments.
        * @protected
        */
       handleMarkupExtensionBasedSerialization(sender:Object,evt:yfiles.graphml.HandleSerializationEventArgs):void;
@@ -3875,22 +5107,22 @@ declare namespace system{
        * This sets {@link yfiles.graphml.HandleSerializationEventArgs#handled} to <code>true</code> iff {@link yfiles.graphml.HandleSerializationEventArgs#item} is a <code>null</code> reference. This handler is registered by default and is only used to write <code>null</code>
        * references in XML element syntax.
        * </p>
-       * @param {Object} sender The origin of the event.
-       * @param {yfiles.graphml.HandleSerializationEventArgs} evt The event handler arguments.
+       * @param sender The origin of the event.
+       * @param evt The event handler arguments.
        * @protected
        */
       handleNullSerialization(sender:Object,evt:yfiles.graphml.HandleSerializationEventArgs):void;
       /**
        * Handle the serialization of primitive types, enums and strings.
-       * @param {Object} sender The origin of the event.
-       * @param {yfiles.graphml.HandleDeserializationEventArgs} evt The event handler arguments.
+       * @param sender The origin of the event.
+       * @param evt The event handler arguments.
        * @protected
        */
       handlePrimitivesDeserialization(sender:Object,evt:yfiles.graphml.HandleDeserializationEventArgs):void;
       /**
        * Handle the serialization of primitive types, enums and strings.
-       * @param {Object} sender The origin of the event.
-       * @param {yfiles.graphml.HandleSerializationEventArgs} evt The event handler arguments.
+       * @param sender The origin of the event.
+       * @param evt The event handler arguments.
        * @protected
        */
       handlePrimitivesSerialization(sender:Object,evt:yfiles.graphml.HandleSerializationEventArgs):void;
@@ -3900,8 +5132,8 @@ declare namespace system{
        * This sets {@link yfiles.graphml.HandleSerializationEventArgs#handled} to <code>true</code> iff {@link yfiles.graphml.HandleSerializationEventArgs#item} is a {@link yfiles.graphml.IReferenceHandle} instance. This handler is registered by default and should
        * not be removed if {@link yfiles.graphml.GraphMLIOHandler#writeSharedReferences} is enabled.
        * </p>
-       * @param {Object} sender The origin of the event.
-       * @param {yfiles.graphml.HandleSerializationEventArgs} evt The event handler arguments.
+       * @param sender The origin of the event.
+       * @param evt The event handler arguments.
        * @protected
        */
       handleReferenceHandleSerialization(sender:Object,evt:yfiles.graphml.HandleSerializationEventArgs):void;
@@ -3912,15 +5144,15 @@ declare namespace system{
        * {@link yfiles.graphml.ValueSerializer}. This serializer is only called from element property syntax and is registered by
        * default.
        * </p>
-       * @param {Object} sender The origin of the event.
-       * @param {yfiles.graphml.HandleSerializationEventArgs} evt The event handler arguments.
+       * @param sender The origin of the event.
+       * @param evt The event handler arguments.
        * @protected
        */
       handleTextConvertibleSerialization(sender:Object,evt:yfiles.graphml.HandleSerializationEventArgs):void;
       /**
        * Callback for the {@link yfiles.graphml.GraphMLParser#addHandleDeserializationListener HandleDeserialization} event.
-       * @param {Object} source The source of the event.
-       * @param {yfiles.graphml.HandleDeserializationEventArgs} evt The event arguments.
+       * @param source The source of the event.
+       * @param evt The event arguments.
        * @see yfiles.graphml.HandleDeserializationEventArgs
        * @protected
        */
@@ -3930,8 +5162,8 @@ declare namespace system{
        * <p>
        * This sets {@link yfiles.graphml.HandleSerializationEventArgs#handled} to <code>true</code> iff {@link yfiles.graphml.HandleSerializationEventArgs#item} is an array. This handler is registered by default.
        * </p>
-       * @param {Object} sender The origin of the event.
-       * @param {yfiles.graphml.HandleSerializationEventArgs} evt The event handler arguments.
+       * @param sender The origin of the event.
+       * @param evt The event handler arguments.
        * @protected
        */
       handleTypeExtensionSerialization(sender:Object,evt:yfiles.graphml.HandleSerializationEventArgs):void;
@@ -3940,8 +5172,8 @@ declare namespace system{
        * <p>
        * This sets {@link yfiles.graphml.HandleSerializationEventArgs#handled} to <code>true</code> iff {@link yfiles.graphml.HandleSerializationEventArgs#item} is an array. This handler is registered by default.
        * </p>
-       * @param {Object} sender The origin of the event.
-       * @param {yfiles.graphml.HandleSerializationEventArgs} evt The event handler arguments.
+       * @param sender The origin of the event.
+       * @param evt The event handler arguments.
        * @protected
        */
       handleTypeSerialization(sender:Object,evt:yfiles.graphml.HandleSerializationEventArgs):void;
@@ -3951,15 +5183,15 @@ declare namespace system{
        * This sets {@link yfiles.graphml.HandleSerializationEventArgs#handled} to <code>true</code> iff {@link yfiles.graphml.HandleSerializationEventArgs#item} is an <code>undefined</code> reference. This handler is registered by default and is only used to write <code>undefined</code>
        * references in XML element syntax.
        * </p>
-       * @param {Object} sender The origin of the event.
-       * @param {yfiles.graphml.HandleSerializationEventArgs} evt The event handler arguments.
+       * @param sender The origin of the event.
+       * @param evt The event handler arguments.
        * @protected
        */
       handleUndefinedSerialization(sender:Object,evt:yfiles.graphml.HandleSerializationEventArgs):void;
       /**
        * Callback for the {@link yfiles.graphml.GraphMLParser#addHandleDeserializationListener HandleDeserialization} event.
-       * @param {Object} source The source of the event.
-       * @param {yfiles.graphml.HandleDeserializationEventArgs} evt The event arguments.
+       * @param source The source of the event.
+       * @param evt The event arguments.
        * @see yfiles.graphml.HandleDeserializationEventArgs
        * @protected
        */
@@ -3970,40 +5202,40 @@ declare namespace system{
        * This sets {@link yfiles.graphml.HandleSerializationEventArgs#handled} to <code>true</code> iff {@link yfiles.graphml.HandleSerializationEventArgs#item} is not a <code>null</code> reference. This handler is registered by default and uses {@link yfiles.graphml.XamlSerializer}
        * to create XAML output.
        * </p>
-       * @param {Object} sender The origin of the event.
-       * @param {yfiles.graphml.HandleSerializationEventArgs} evt The event handler arguments.
+       * @param sender The origin of the event.
+       * @param evt The event handler arguments.
        * @protected
        */
       handleXamlSerialization(sender:Object,evt:yfiles.graphml.HandleSerializationEventArgs):void;
       /**
        * Checks whether the <code>name</code> attribute in <code>definition</code> matches <code>name</code>
-       * @param {Element} definition The key definition to check
-       * @param {string} name The name that should be matched
-       * @returns {boolean} <code>true</code> if the name attribute in <code>definition</code> matches <code>name</code>
+       * @param definition The key definition to check
+       * @param name The name that should be matched
+       * @returns <code>true</code> if the name attribute in <code>definition</code> matches <code>name</code>
        * @static
        */
       static matchesName(definition:Element,name:string):boolean;
       /**
        * Checks whether the <code>scope</code> attribute in <code>definition</code> matches <code>scope</code>
-       * @param {Element} definition The key definition to check
-       * @param {yfiles.graphml.KeyScope} scope The scope that should be matched
-       * @returns {boolean} <code>true</code> if the scope attribute in <code>definition</code> matches <code>scope</code>
+       * @param definition The key definition to check
+       * @param scope The scope that should be matched
+       * @returns <code>true</code> if the scope attribute in <code>definition</code> matches <code>scope</code>
        * @static
        */
       static matchesScope(definition:Element,scope:yfiles.graphml.KeyScope):boolean;
       /**
        * Checks whether the <code>type</code> attribute in <code>definition</code> matches <code>type</code>
-       * @param {Element} definition The key definition to check
-       * @param {yfiles.graphml.KeyType} type The type that should be matched
-       * @returns {boolean} <code>true</code> if the type attribute in <code>definition</code> matches <code>type</code>
+       * @param definition The key definition to check
+       * @param type The type that should be matched
+       * @returns <code>true</code> if the type attribute in <code>definition</code> matches <code>type</code>
        * @static
        */
       static matchesType(definition:Element,type:yfiles.graphml.KeyType):boolean;
       /**
        * Checks whether the <code>uri</code> attribute in <code>definition</code> matches <code>uri</code>
-       * @param {Element} definition The key definition to check
-       * @param {string} uri The uri that should be matched
-       * @returns {boolean} <code>true</code> if the uri attribute in <code>definition</code> matches <code>uri</code>
+       * @param definition The key definition to check
+       * @param uri The uri that should be matched
+       * @returns <code>true</code> if the uri attribute in <code>definition</code> matches <code>uri</code>
        * @static
        */
       static matchesUri(definition:Element,uri:string):boolean;
@@ -4016,8 +5248,8 @@ declare namespace system{
        * just calls {@link yfiles.graphml.GraphMLIOHandler#onHandleDeserialization}, which in turn raises the {@link yfiles.graphml.GraphMLIOHandler#addHandleDeserializationListener HandleDeserialization}
        * event.
        * </p>
-       * @param {Object} sender
-       * @param {yfiles.graphml.HandleDeserializationEventArgs} evt
+       * @param sender
+       * @param evt
        * @protected
        */
       onGraphMLParserHandleDeserialization(sender:Object,evt:yfiles.graphml.HandleDeserializationEventArgs):void;
@@ -4029,8 +5261,8 @@ declare namespace system{
        * This implementation just calls {@link yfiles.graphml.GraphMLIOHandler#onQueryInputHandlers}, which in turn raises the {@link yfiles.graphml.GraphMLIOHandler#addQueryInputHandlersListener QueryInputHandlers}
        * event.
        * </p>
-       * @param {Object} sender
-       * @param {yfiles.graphml.QueryInputHandlersEventArgs} evt
+       * @param sender
+       * @param evt
        * @protected
        */
       onGraphMLParserQueryInputHandlers(sender:Object,evt:yfiles.graphml.QueryInputHandlersEventArgs):void;
@@ -4042,8 +5274,8 @@ declare namespace system{
        * This implementation just calls {@link yfiles.graphml.GraphMLIOHandler#onHandleSerialization}, which in turn raises the {@link yfiles.graphml.GraphMLIOHandler#addHandleSerializationListener HandleSerialization}
        * event.
        * </p>
-       * @param {Object} sender
-       * @param {yfiles.graphml.HandleSerializationEventArgs} evt
+       * @param sender
+       * @param evt
        * @protected
        */
       onGraphMLWriterHandleSerialization(sender:Object,evt:yfiles.graphml.HandleSerializationEventArgs):void;
@@ -4055,28 +5287,28 @@ declare namespace system{
        * This implementation just calls {@link yfiles.graphml.GraphMLIOHandler#onQueryOutputHandlers}, which in turn raises the {@link yfiles.graphml.GraphMLIOHandler#addQueryOutputHandlersListener QueryOutputHandlers}
        * event.
        * </p>
-       * @param {Object} sender
-       * @param {yfiles.graphml.QueryOutputHandlersEventArgs} evt
+       * @param sender
+       * @param evt
        * @protected
        */
       onGraphMLWriterQueryOutputHandlers(sender:Object,evt:yfiles.graphml.QueryOutputHandlersEventArgs):void;
       /**
        * Raises the {@link yfiles.graphml.GraphMLIOHandler#addHandleDeserializationListener HandleDeserialization} event.
-       * @param {yfiles.graphml.HandleDeserializationEventArgs} evt The arguments for the {@link yfiles.graphml.GraphMLIOHandler#addHandleDeserializationListener HandleDeserialization}
+       * @param evt The arguments for the {@link #addHandleDeserializationListener HandleDeserialization}
        * event.
        * @protected
        */
       onHandleDeserialization(evt:yfiles.graphml.HandleDeserializationEventArgs):void;
       /**
        * Raises the {@link yfiles.graphml.GraphMLIOHandler#addHandleSerializationListener HandleSerialization} event.
-       * @param {yfiles.graphml.HandleSerializationEventArgs} evt The arguments for the {@link yfiles.graphml.GraphMLIOHandler#addHandleSerializationListener HandleSerialization}
+       * @param evt The arguments for the {@link #addHandleSerializationListener HandleSerialization}
        * event.
        * @protected
        */
       onHandleSerialization(evt:yfiles.graphml.HandleSerializationEventArgs):void;
       /**
        * Fires the {@link yfiles.graphml.GraphMLIOHandler#addOverrideResolveReferenceListener OverrideResolveReference} event.
-       * @param {yfiles.graphml.ResolveReferenceEventArgs} evt The arguments that get passed to the {@link yfiles.graphml.GraphMLIOHandler#addOverrideResolveReferenceListener OverrideResolveReference}
+       * @param evt The arguments that get passed to the {@link #addOverrideResolveReferenceListener OverrideResolveReference}
        * event.
        * @protected
        */
@@ -4087,7 +5319,7 @@ declare namespace system{
        * This method is called when the document has been parsed and after {@link yfiles.graphml.IParseEvents#addDocumentParsedListener DocumentParsed}
        * is called.
        * </p>
-       * @param {yfiles.graphml.ParseEventArgs} evt The {@link yfiles.graphml.ParseEventArgs} instance containing the event data.
+       * @param evt The {@link } instance containing the event data.
        * @see yfiles.graphml.GraphMLIOHandler#addParsedListener
        * @protected
        */
@@ -4098,28 +5330,28 @@ declare namespace system{
        * This method is called just before the parsing starts and before {@link yfiles.graphml.IParseEvents#addDocumentParsingListener DocumentParsing}
        * is called.
        * </p>
-       * @param {yfiles.graphml.ParseEventArgs} evt The {@link yfiles.graphml.ParseEventArgs} instance containing the event data.
+       * @param evt The {@link } instance containing the event data.
        * @see yfiles.graphml.GraphMLIOHandler#addParsingListener
        * @protected
        */
       onParsing(evt:yfiles.graphml.ParseEventArgs):void;
       /**
        * Raises the {@link yfiles.graphml.GraphMLIOHandler#addQueryInputHandlersListener QueryInputHandlers} event.
-       * @param {yfiles.graphml.QueryInputHandlersEventArgs} evt The arguments for the {@link yfiles.graphml.GraphMLIOHandler#addQueryInputHandlersListener QueryInputHandlers}
+       * @param evt The arguments for the {@link #addQueryInputHandlersListener QueryInputHandlers}
        * event.
        * @protected
        */
       onQueryInputHandlers(evt:yfiles.graphml.QueryInputHandlersEventArgs):void;
       /**
        * Raises the {@link yfiles.graphml.GraphMLIOHandler#addQueryOutputHandlersListener QueryOutputHandlers} event.
-       * @param {yfiles.graphml.QueryOutputHandlersEventArgs} evt The arguments for the {@link yfiles.graphml.GraphMLIOHandler#addQueryOutputHandlersListener QueryOutputHandlers}
+       * @param evt The arguments for the {@link #addQueryOutputHandlersListener QueryOutputHandlers}
        * event.
        * @protected
        */
       onQueryOutputHandlers(evt:yfiles.graphml.QueryOutputHandlersEventArgs):void;
       /**
        * Fires the {@link yfiles.graphml.GraphMLIOHandler#addQueryReferenceIdListener QueryReferenceId} event.
-       * @param {yfiles.graphml.QueryReferenceIdEventArgs} evt The arguments that get passed to the {@link yfiles.graphml.GraphMLIOHandler#addQueryReferenceIdListener QueryReferenceId}
+       * @param evt The arguments that get passed to the {@link #addQueryReferenceIdListener QueryReferenceId}
        * event.
        * @throws {Stubs.Exceptions.ArgumentError} <code>args</code> is null.
        * @see yfiles.graphml.GraphMLWriter#onQueryReferenceId
@@ -4128,7 +5360,7 @@ declare namespace system{
       onQueryReferenceId(evt:yfiles.graphml.QueryReferenceIdEventArgs):void;
       /**
        * Fires the {@link yfiles.graphml.GraphMLIOHandler#addResolveReferenceListener ResolveReference} event.
-       * @param {yfiles.graphml.ResolveReferenceEventArgs} evt The arguments that get passed to the {@link yfiles.graphml.GraphMLIOHandler#addResolveReferenceListener ResolveReference}
+       * @param evt The arguments that get passed to the {@link #addResolveReferenceListener ResolveReference}
        * event.
        * @protected
        */
@@ -4139,7 +5371,7 @@ declare namespace system{
        * This method is called just before the writing starts and before {@link yfiles.graphml.IWriteEvents#addDocumentWritingListener DocumentWriting}
        * is called.
        * </p>
-       * @param {yfiles.graphml.WriteEventArgs} evt The {@link yfiles.graphml.WriteEventArgs} instance containing the event data.
+       * @param evt The {@link } instance containing the event data.
        * @see yfiles.graphml.GraphMLIOHandler#addWritingListener
        * @protected
        */
@@ -4150,27 +5382,27 @@ declare namespace system{
        * This method is called just after the writing finishes and after {@link yfiles.graphml.IWriteEvents#addDocumentWrittenListener DocumentWritten}
        * is called.
        * </p>
-       * @param {yfiles.graphml.WriteEventArgs} evt The {@link yfiles.graphml.WriteEventArgs} instance containing the event data.
+       * @param evt The {@link } instance containing the event data.
        * @see yfiles.graphml.GraphMLIOHandler#addWrittenListener
        * @protected
        */
       onWritten(evt:yfiles.graphml.WriteEventArgs):void;
       /**
        * Read GraphML from an existing XML document.
-       * @param {yfiles.graph.IGraph} graph The Graph object that is to be populated with nodes and edges as read from the document.
-       * @param {Document} document The XML document. <b>Note</b>: If you are using Internet Explorer 9 and {@link XMLHttpRequest}s to retrieve the document, you may not use
-       * the value from the {@link XMLHttpRequest#responseXML} property. Please parse {@link XMLHttpRequest#responseText} instead and use the
+       * @param graph The Graph object that is to be populated with nodes and edges as read from the document.
+       * @param document The XML document. <b>Note</b>: If you are using Internet Explorer 9 and {@link }s to retrieve the document, you may not use
+       * the value from the {@link #responseXML} property. Please parse {@link #responseText} instead and use the
        * result. For further reference see {@link http://msdn.microsoft.com/en-us/library/ie/hh180177.aspx}.
-       * @returns {Promise.<yfiles.graph.IGraph>} 
+       * @returns 
        * @throws {Stubs.Exceptions.ArgumentError} <code>document</code> is null.
        * @throws {Stubs.Exceptions.ArgumentError} <code>graph</code> is null.
        */
       readFromDocument(graph:yfiles.graph.IGraph,document:Document):Promise<yfiles.graph.IGraph>;
       /**
        * Convenience method that imports the <code>graph</code> from an XML data provided in a string <code>data</code>.
-       * @param {yfiles.graph.IGraph} graph The Graph object that is to be populated with nodes and edges as read from the GraphML data.
-       * @param {string} data A string that contains GraphML data.
-       * @returns {Promise.<yfiles.graph.IGraph>} 
+       * @param graph The Graph object that is to be populated with nodes and edges as read from the GraphML data.
+       * @param data A string that contains GraphML data.
+       * @returns 
        */
       readFromGraphMLText(graph:yfiles.graph.IGraph,data:string):Promise<yfiles.graph.IGraph>;
       /**
@@ -4179,9 +5411,9 @@ declare namespace system{
        * Note that this is an asynchronous method that returns immediately. Use the returned Promise to get notified when the
        * actual parsing has completed.
        * </p>
-       * @param {yfiles.graph.IGraph} graph The Graph object that is to be populated with nodes and edges as read from the GraphML file.
-       * @param {string} url The url of the file to be read.
-       * @returns {Promise.<yfiles.graph.IGraph>} 
+       * @param graph The Graph object that is to be populated with nodes and edges as read from the GraphML file.
+       * @param url The url of the file to be read.
+       * @returns 
        * @throws {Stubs.Exceptions.ArgumentError} <code>url</code> is null.
        * @throws {Stubs.Exceptions.ArgumentError} <code>graph</code> is null.
        */
@@ -4192,8 +5424,8 @@ declare namespace system{
        * This handler is by default registered for the {@link yfiles.graphml.GraphMLParser#addQueryInputHandlersListener QueryInputHandlers}
        * event
        * </p>
-       * @param {Object} sender
-       * @param {yfiles.graphml.QueryInputHandlersEventArgs} evt
+       * @param sender
+       * @param evt
        * @protected
        */
       registerEdgeBendsInputHandler(sender:Object,evt:yfiles.graphml.QueryInputHandlersEventArgs):void;
@@ -4203,8 +5435,8 @@ declare namespace system{
        * This handler is by default registered for the {@link yfiles.graphml.GraphMLWriter#addQueryOutputHandlersListener QueryOutputHandlers}
        * event
        * </p>
-       * @param {Object} sender
-       * @param {yfiles.graphml.QueryOutputHandlersEventArgs} evt
+       * @param sender
+       * @param evt
        * @protected
        */
       registerEdgeBendsOutputHandler(sender:Object,evt:yfiles.graphml.QueryOutputHandlersEventArgs):void;
@@ -4214,8 +5446,8 @@ declare namespace system{
        * This handler is by default registered for the {@link yfiles.graphml.GraphMLParser#addQueryInputHandlersListener QueryInputHandlers}
        * event
        * </p>
-       * @param {Object} sender
-       * @param {yfiles.graphml.QueryInputHandlersEventArgs} evt
+       * @param sender
+       * @param evt
        * @protected
        */
       registerEdgeLabelsInputHandler(sender:Object,evt:yfiles.graphml.QueryInputHandlersEventArgs):void;
@@ -4225,8 +5457,8 @@ declare namespace system{
        * This handler is by default registered for the {@link yfiles.graphml.GraphMLWriter#addQueryOutputHandlersListener QueryOutputHandlers}
        * event
        * </p>
-       * @param {Object} sender
-       * @param {yfiles.graphml.QueryOutputHandlersEventArgs} evt
+       * @param sender
+       * @param evt
        * @protected
        */
       registerEdgeLabelsOutputHandler(sender:Object,evt:yfiles.graphml.QueryOutputHandlersEventArgs):void;
@@ -4236,8 +5468,8 @@ declare namespace system{
        * This handler is by default registered for the {@link yfiles.graphml.GraphMLParser#addQueryInputHandlersListener QueryInputHandlers}
        * event
        * </p>
-       * @param {Object} sender
-       * @param {yfiles.graphml.QueryInputHandlersEventArgs} evt
+       * @param sender
+       * @param evt
        * @protected
        */
       registerEdgeStyleInputHandler(sender:Object,evt:yfiles.graphml.QueryInputHandlersEventArgs):void;
@@ -4247,8 +5479,8 @@ declare namespace system{
        * This handler is by default registered for the {@link yfiles.graphml.GraphMLWriter#addQueryOutputHandlersListener QueryOutputHandlers}
        * event
        * </p>
-       * @param {Object} sender
-       * @param {yfiles.graphml.QueryOutputHandlersEventArgs} evt
+       * @param sender
+       * @param evt
        * @protected
        */
       registerEdgeStyleOutputHandler(sender:Object,evt:yfiles.graphml.QueryOutputHandlersEventArgs):void;
@@ -4258,8 +5490,8 @@ declare namespace system{
        * This handler is by default registered for the {@link yfiles.graphml.GraphMLParser#addQueryInputHandlersListener QueryInputHandlers}
        * event
        * </p>
-       * @param {Object} sender
-       * @param {yfiles.graphml.QueryInputHandlersEventArgs} evt
+       * @param sender
+       * @param evt
        * @protected
        */
       registerGraphSettingsInputHandler(sender:Object,evt:yfiles.graphml.QueryInputHandlersEventArgs):void;
@@ -4269,8 +5501,8 @@ declare namespace system{
        * This handler is by default registered for the {@link yfiles.graphml.GraphMLWriter#addQueryOutputHandlersListener QueryOutputHandlers}
        * event.
        * </p>
-       * @param {Object} sender
-       * @param {yfiles.graphml.QueryOutputHandlersEventArgs} evt
+       * @param sender
+       * @param evt
        * @see yfiles.graphml.SerializationProperties#DISABLE_GRAPH_SETTINGS
        * @protected
        */
@@ -4281,8 +5513,8 @@ declare namespace system{
        * This handler is by default registered for the {@link yfiles.graphml.GraphMLParser#addQueryInputHandlersListener QueryInputHandlers}
        * event
        * </p>
-       * @param {Object} sender
-       * @param {yfiles.graphml.QueryInputHandlersEventArgs} evt
+       * @param sender
+       * @param evt
        * @protected
        */
       registerNodeLabelsInputHandler(sender:Object,evt:yfiles.graphml.QueryInputHandlersEventArgs):void;
@@ -4292,8 +5524,8 @@ declare namespace system{
        * This handler is by default registered for the {@link yfiles.graphml.GraphMLWriter#addQueryOutputHandlersListener QueryOutputHandlers}
        * event
        * </p>
-       * @param {Object} sender
-       * @param {yfiles.graphml.QueryOutputHandlersEventArgs} evt
+       * @param sender
+       * @param evt
        * @protected
        */
       registerNodeLabelsOutputHandler(sender:Object,evt:yfiles.graphml.QueryOutputHandlersEventArgs):void;
@@ -4303,8 +5535,8 @@ declare namespace system{
        * This handler is by default registered for the {@link yfiles.graphml.GraphMLParser#addQueryInputHandlersListener QueryInputHandlers}
        * event
        * </p>
-       * @param {Object} sender
-       * @param {yfiles.graphml.QueryInputHandlersEventArgs} evt
+       * @param sender
+       * @param evt
        * @protected
        */
       registerNodeLayoutInputHandler(sender:Object,evt:yfiles.graphml.QueryInputHandlersEventArgs):void;
@@ -4314,8 +5546,8 @@ declare namespace system{
        * This handler is by default registered for the {@link yfiles.graphml.GraphMLWriter#addQueryOutputHandlersListener QueryOutputHandlers}
        * event
        * </p>
-       * @param {Object} sender
-       * @param {yfiles.graphml.QueryOutputHandlersEventArgs} evt
+       * @param sender
+       * @param evt
        * @protected
        */
       registerNodeLayoutOutputHandler(sender:Object,evt:yfiles.graphml.QueryOutputHandlersEventArgs):void;
@@ -4325,8 +5557,8 @@ declare namespace system{
        * This handler is by default registered for the {@link yfiles.graphml.GraphMLParser#addQueryInputHandlersListener QueryInputHandlers}
        * event
        * </p>
-       * @param {Object} sender
-       * @param {yfiles.graphml.QueryInputHandlersEventArgs} evt
+       * @param sender
+       * @param evt
        * @protected
        */
       registerNodeStyleInputHandler(sender:Object,evt:yfiles.graphml.QueryInputHandlersEventArgs):void;
@@ -4336,8 +5568,8 @@ declare namespace system{
        * This handler is by default registered for the {@link yfiles.graphml.GraphMLWriter#addQueryOutputHandlersListener QueryOutputHandlers}
        * event
        * </p>
-       * @param {Object} sender
-       * @param {yfiles.graphml.QueryOutputHandlersEventArgs} evt
+       * @param sender
+       * @param evt
        * @protected
        */
       registerNodeStyleOutputHandler(sender:Object,evt:yfiles.graphml.QueryOutputHandlersEventArgs):void;
@@ -4347,8 +5579,8 @@ declare namespace system{
        * This handler is by default registered for the {@link yfiles.graphml.GraphMLParser#addQueryInputHandlersListener QueryInputHandlers}
        * event
        * </p>
-       * @param {Object} sender
-       * @param {yfiles.graphml.QueryInputHandlersEventArgs} evt
+       * @param sender
+       * @param evt
        * @protected
        */
       registerPortLocationInputHandler(sender:Object,evt:yfiles.graphml.QueryInputHandlersEventArgs):void;
@@ -4358,8 +5590,8 @@ declare namespace system{
        * This handler is by default registered for the {@link yfiles.graphml.GraphMLWriter#addQueryOutputHandlersListener QueryOutputHandlers}
        * event
        * </p>
-       * @param {Object} sender
-       * @param {yfiles.graphml.QueryOutputHandlersEventArgs} evt
+       * @param sender
+       * @param evt
        * @protected
        */
       registerPortLocationOutputHandler(sender:Object,evt:yfiles.graphml.QueryOutputHandlersEventArgs):void;
@@ -4369,8 +5601,8 @@ declare namespace system{
        * This handler is by default registered for the {@link yfiles.graphml.GraphMLParser#addQueryInputHandlersListener QueryInputHandlers}
        * event
        * </p>
-       * @param {Object} sender
-       * @param {yfiles.graphml.QueryInputHandlersEventArgs} evt
+       * @param sender
+       * @param evt
        * @protected
        */
       registerPortStyleInputHandler(sender:Object,evt:yfiles.graphml.QueryInputHandlersEventArgs):void;
@@ -4380,8 +5612,8 @@ declare namespace system{
        * This handler is by default registered for the {@link yfiles.graphml.GraphMLWriter#addQueryOutputHandlersListener QueryOutputHandlers}
        * event
        * </p>
-       * @param {Object} sender
-       * @param {yfiles.graphml.QueryOutputHandlersEventArgs} evt
+       * @param sender
+       * @param evt
        * @protected
        */
       registerPortStyleOutputHandler(sender:Object,evt:yfiles.graphml.QueryOutputHandlersEventArgs):void;
@@ -4391,8 +5623,8 @@ declare namespace system{
        * This handler is by default registered for the {@link yfiles.graphml.GraphMLParser#addQueryInputHandlersListener QueryInputHandlers}
        * event
        * </p>
-       * @param {Object} sender
-       * @param {yfiles.graphml.QueryInputHandlersEventArgs} evt
+       * @param sender
+       * @param evt
        * @protected
        */
       registerTagInputHandler(sender:Object,evt:yfiles.graphml.QueryInputHandlersEventArgs):void;
@@ -4402,15 +5634,15 @@ declare namespace system{
        * This handler is by default registered for the {@link yfiles.graphml.GraphMLWriter#addQueryOutputHandlersListener QueryOutputHandlers}
        * event
        * </p>
-       * @param {Object} sender
-       * @param {yfiles.graphml.QueryOutputHandlersEventArgs} evt
+       * @param sender
+       * @param evt
        * @protected
        */
       registerTagOutputHandler(sender:Object,evt:yfiles.graphml.QueryOutputHandlersEventArgs):void;
       /**
        * Writes the given graph object to a GraphML file with a given filename.
-       * @param {yfiles.graph.IGraph} graph The Graph object that is to be written to a GraphML file.
-       * @returns {Promise.<string>} A string containing the GraphML data.
+       * @param graph The Graph object that is to be written to a GraphML file.
+       * @returns A string containing the GraphML data.
        */
       write(graph:yfiles.graph.IGraph):Promise<string>;
       /**
@@ -4446,7 +5678,7 @@ declare namespace system{
        * Subscribe to this event to customize resolving of GraphML object references. This event is fired before the framework
        * tries to resolve internal references and can therefore be used to override internal references, for example.
        * </p>
-       * @param {function(Object, yfiles.graphml.ResolveReferenceEventArgs): void} listener The listener to add.
+       * @param listener The listener to add.
        * @see yfiles.graphml.GraphMLIOHandler#addResolveReferenceListener
        * @see yfiles.graphml.GraphMLIOHandler#removeOverrideResolveReferenceListener
        */
@@ -4457,7 +5689,7 @@ declare namespace system{
        * Subscribe to this event to customize resolving of GraphML object references. This event is fired before the framework
        * tries to resolve internal references and can therefore be used to override internal references, for example.
        * </p>
-       * @param {function(Object, yfiles.graphml.ResolveReferenceEventArgs): void} listener The listener to remove.
+       * @param listener The listener to remove.
        * @see yfiles.graphml.GraphMLIOHandler#addResolveReferenceListener
        * @see yfiles.graphml.GraphMLIOHandler#addOverrideResolveReferenceListener
        */
@@ -4468,7 +5700,7 @@ declare namespace system{
        * Subscribe to this event to customize resolving of GraphML object references. This event is fired when the framework
        * could not resolve an object reference by an internal one.
        * </p>
-       * @param {function(Object, yfiles.graphml.ResolveReferenceEventArgs): void} listener The listener to add.
+       * @param listener The listener to add.
        * @see yfiles.graphml.GraphMLIOHandler#addOverrideResolveReferenceListener
        * @see yfiles.graphml.GraphMLIOHandler#removeResolveReferenceListener
        */
@@ -4479,7 +5711,7 @@ declare namespace system{
        * Subscribe to this event to customize resolving of GraphML object references. This event is fired when the framework
        * could not resolve an object reference by an internal one.
        * </p>
-       * @param {function(Object, yfiles.graphml.ResolveReferenceEventArgs): void} listener The listener to remove.
+       * @param listener The listener to remove.
        * @see yfiles.graphml.GraphMLIOHandler#addOverrideResolveReferenceListener
        * @see yfiles.graphml.GraphMLIOHandler#addResolveReferenceListener
        */
@@ -4494,7 +5726,7 @@ declare namespace system{
        * {@link yfiles.graphml.GraphMLReferenceType#EXTERNAL}. To resolve these references when parsing, you typically have to subscribe
        * to the {@link yfiles.graphml.GraphMLIOHandler#addResolveReferenceListener ResolveReference} event.
        * </p>
-       * @param {function(Object, yfiles.graphml.QueryReferenceIdEventArgs): void} listener The listener to add.
+       * @param listener The listener to add.
        * @see yfiles.graphml.QueryReferenceIdEventArgs#referenceId
        * @see yfiles.graphml.QueryReferenceIdEventArgs#referenceType
        * @see yfiles.graphml.GraphMLIOHandler#removeQueryReferenceIdListener
@@ -4510,7 +5742,7 @@ declare namespace system{
        * {@link yfiles.graphml.GraphMLReferenceType#EXTERNAL}. To resolve these references when parsing, you typically have to subscribe
        * to the {@link yfiles.graphml.GraphMLIOHandler#addResolveReferenceListener ResolveReference} event.
        * </p>
-       * @param {function(Object, yfiles.graphml.QueryReferenceIdEventArgs): void} listener The listener to remove.
+       * @param listener The listener to remove.
        * @see yfiles.graphml.QueryReferenceIdEventArgs#referenceId
        * @see yfiles.graphml.QueryReferenceIdEventArgs#referenceType
        * @see yfiles.graphml.GraphMLIOHandler#addQueryReferenceIdListener
@@ -4518,7 +5750,7 @@ declare namespace system{
       removeQueryReferenceIdListener(listener:(sender:Object,evt:yfiles.graphml.QueryReferenceIdEventArgs)=>void):void;
       /**
        * Adds the given listener for the <code>Written</code> event that occurs when the writing of a document has been finished.
-       * @param {function(Object, yfiles.graphml.WriteEventArgs): void} listener The listener to add.
+       * @param listener The listener to add.
        * @see yfiles.graphml.GraphMLIOHandler#onWritten
        * @see yfiles.graphml.GraphMLWriter#addWrittenListener
        * @see yfiles.graphml.GraphMLIOHandler#removeWrittenListener
@@ -4526,7 +5758,7 @@ declare namespace system{
       addWrittenListener(listener:(sender:Object,evt:yfiles.graphml.WriteEventArgs)=>void):void;
       /**
        * Removes the given listener for the <code>Written</code> event that occurs when the writing of a document has been finished.
-       * @param {function(Object, yfiles.graphml.WriteEventArgs): void} listener The listener to remove.
+       * @param listener The listener to remove.
        * @see yfiles.graphml.GraphMLIOHandler#onWritten
        * @see yfiles.graphml.GraphMLWriter#addWrittenListener
        * @see yfiles.graphml.GraphMLIOHandler#addWrittenListener
@@ -4538,7 +5770,7 @@ declare namespace system{
        * This event can be used to register to the fine-grained events available in the {@link yfiles.graphml.WriteEventArgs#context}'s {@link yfiles.graphml.IWriteContext#writeEvents} and to configure the writing process
        * on a per write case.
        * </p>
-       * @param {function(Object, yfiles.graphml.WriteEventArgs): void} listener The listener to add.
+       * @param listener The listener to add.
        * @see yfiles.graphml.GraphMLIOHandler#onWriting
        * @see yfiles.graphml.GraphMLWriter#addWritingListener
        * @see yfiles.graphml.GraphMLIOHandler#removeWritingListener
@@ -4550,7 +5782,7 @@ declare namespace system{
        * This event can be used to register to the fine-grained events available in the {@link yfiles.graphml.WriteEventArgs#context}'s {@link yfiles.graphml.IWriteContext#writeEvents} and to configure the writing process
        * on a per write case.
        * </p>
-       * @param {function(Object, yfiles.graphml.WriteEventArgs): void} listener The listener to remove.
+       * @param listener The listener to remove.
        * @see yfiles.graphml.GraphMLIOHandler#onWriting
        * @see yfiles.graphml.GraphMLWriter#addWritingListener
        * @see yfiles.graphml.GraphMLIOHandler#addWritingListener
@@ -4579,7 +5811,7 @@ declare namespace system{
        * <p>
        * This event can be used to override type resolution for XML names in XAML.
        * </p>
-       * @param {function(Object, yfiles.graphml.QueryTypeEventArgs): void} listener The listener to add.
+       * @param listener The listener to add.
        * @see yfiles.graphml.QueryTypeEventArgs
        * @see yfiles.graphml.GraphMLIOHandler#removeQueryTypeListener
        */
@@ -4589,7 +5821,7 @@ declare namespace system{
        * <p>
        * This event can be used to override type resolution for XML names in XAML.
        * </p>
-       * @param {function(Object, yfiles.graphml.QueryTypeEventArgs): void} listener The listener to remove.
+       * @param listener The listener to remove.
        * @see yfiles.graphml.QueryTypeEventArgs
        * @see yfiles.graphml.GraphMLIOHandler#addQueryTypeListener
        */
@@ -4607,7 +5839,7 @@ declare namespace system{
        * It is valid to provide only part of the XML name by setting the other part to null. In that case, the default name
        * determination rules are used for that part.
        * </p>
-       * @param {function(Object, yfiles.graphml.QueryNameEventArgs): void} listener The listener to add.
+       * @param listener The listener to add.
        * @see yfiles.graphml.GraphMLIOHandler#removeQueryNameListener
        */
       addQueryNameListener(listener:(sender:Object,evt:yfiles.graphml.QueryNameEventArgs)=>void):void;
@@ -4624,7 +5856,7 @@ declare namespace system{
        * It is valid to provide only part of the XML name by setting the other part to null. In that case, the default name
        * determination rules are used for that part.
        * </p>
-       * @param {function(Object, yfiles.graphml.QueryNameEventArgs): void} listener The listener to remove.
+       * @param listener The listener to remove.
        * @see yfiles.graphml.GraphMLIOHandler#addQueryNameListener
        */
       removeQueryNameListener(listener:(sender:Object,evt:yfiles.graphml.QueryNameEventArgs)=>void):void;
@@ -4640,7 +5872,7 @@ declare namespace system{
        * <p>
        * The current item is provided by {@link yfiles.graphml.HandleSerializationEventArgs#item}.
        * </p>
-       * @param {function(Object, yfiles.graphml.HandleSerializationEventArgs): void} listener The listener to add.
+       * @param listener The listener to add.
        * @see yfiles.graphml.GraphMLIOHandler#removeHandleSerializationListener
        */
       addHandleSerializationListener(listener:(sender:Object,evt:yfiles.graphml.HandleSerializationEventArgs)=>void):void;
@@ -4656,7 +5888,7 @@ declare namespace system{
        * <p>
        * The current item is provided by {@link yfiles.graphml.HandleSerializationEventArgs#item}.
        * </p>
-       * @param {function(Object, yfiles.graphml.HandleSerializationEventArgs): void} listener The listener to remove.
+       * @param listener The listener to remove.
        * @see yfiles.graphml.GraphMLIOHandler#addHandleSerializationListener
        */
       removeHandleSerializationListener(listener:(sender:Object,evt:yfiles.graphml.HandleSerializationEventArgs)=>void):void;
@@ -4674,7 +5906,7 @@ declare namespace system{
        * If you want to register an {@link yfiles.graphml.IOutputHandler} for this GraphML attribute, you can add the handler with
        * {@link yfiles.graphml.QueryOutputHandlersEventArgs#addOutputHandler}.
        * </p>
-       * @param {function(Object, yfiles.graphml.QueryOutputHandlersEventArgs): void} listener The listener to add.
+       * @param listener The listener to add.
        * @see yfiles.graphml.GraphMLIOHandler#removeQueryOutputHandlersListener
        */
       addQueryOutputHandlersListener(listener:(sender:Object,evt:yfiles.graphml.QueryOutputHandlersEventArgs)=>void):void;
@@ -4693,13 +5925,13 @@ declare namespace system{
        * If you want to register an {@link yfiles.graphml.IOutputHandler} for this GraphML attribute, you can add the handler with
        * {@link yfiles.graphml.QueryOutputHandlersEventArgs#addOutputHandler}.
        * </p>
-       * @param {function(Object, yfiles.graphml.QueryOutputHandlersEventArgs): void} listener The listener to remove.
+       * @param listener The listener to remove.
        * @see yfiles.graphml.GraphMLIOHandler#addQueryOutputHandlersListener
        */
       removeQueryOutputHandlersListener(listener:(sender:Object,evt:yfiles.graphml.QueryOutputHandlersEventArgs)=>void):void;
       /**
        * Adds the given listener for the <code>Parsed</code> event that occurs when the the document has been parsed.
-       * @param {function(Object, yfiles.graphml.ParseEventArgs): void} listener The listener to add.
+       * @param listener The listener to add.
        * @see yfiles.graphml.GraphMLIOHandler#onParsed
        * @see yfiles.graphml.GraphMLParser#addParsedListener
        * @see yfiles.graphml.GraphMLIOHandler#removeParsedListener
@@ -4707,7 +5939,7 @@ declare namespace system{
       addParsedListener(listener:(sender:Object,evt:yfiles.graphml.ParseEventArgs)=>void):void;
       /**
        * Removes the given listener for the <code>Parsed</code> event that occurs when the the document has been parsed.
-       * @param {function(Object, yfiles.graphml.ParseEventArgs): void} listener The listener to remove.
+       * @param listener The listener to remove.
        * @see yfiles.graphml.GraphMLIOHandler#onParsed
        * @see yfiles.graphml.GraphMLParser#addParsedListener
        * @see yfiles.graphml.GraphMLIOHandler#addParsedListener
@@ -4719,7 +5951,7 @@ declare namespace system{
        * This event can be used to register to the fine-grained events available in the {@link yfiles.graphml.ParseEventArgs#context}'s {@link yfiles.graphml.IParseContext#parseEvents} and to configure the parsing process
        * on a per parse case.
        * </p>
-       * @param {function(Object, yfiles.graphml.ParseEventArgs): void} listener The listener to add.
+       * @param listener The listener to add.
        * @see yfiles.graphml.GraphMLIOHandler#onParsing
        * @see yfiles.graphml.GraphMLParser#addParsingListener
        * @see yfiles.graphml.GraphMLIOHandler#removeParsingListener
@@ -4731,7 +5963,7 @@ declare namespace system{
        * This event can be used to register to the fine-grained events available in the {@link yfiles.graphml.ParseEventArgs#context}'s {@link yfiles.graphml.IParseContext#parseEvents} and to configure the parsing process
        * on a per parse case.
        * </p>
-       * @param {function(Object, yfiles.graphml.ParseEventArgs): void} listener The listener to remove.
+       * @param listener The listener to remove.
        * @see yfiles.graphml.GraphMLIOHandler#onParsing
        * @see yfiles.graphml.GraphMLParser#addParsingListener
        * @see yfiles.graphml.GraphMLIOHandler#addParsingListener
@@ -4748,7 +5980,7 @@ declare namespace system{
        * attribute, you can add the handler with {@link yfiles.graphml.QueryInputHandlersEventArgs#addInputHandler} method.
        * Implementations should also consider the {@link yfiles.graphml.QueryInputHandlersEventArgs#handled} property.
        * </p>
-       * @param {function(Object, yfiles.graphml.QueryInputHandlersEventArgs): void} listener The listener to add.
+       * @param listener The listener to add.
        * @see yfiles.graphml.GraphMLParser#addQueryInputHandlersListener
        * @see yfiles.graphml.GraphMLIOHandler#removeQueryInputHandlersListener
        */
@@ -4764,7 +5996,7 @@ declare namespace system{
        * attribute, you can add the handler with {@link yfiles.graphml.QueryInputHandlersEventArgs#addInputHandler} method.
        * Implementations should also consider the {@link yfiles.graphml.QueryInputHandlersEventArgs#handled} property.
        * </p>
-       * @param {function(Object, yfiles.graphml.QueryInputHandlersEventArgs): void} listener The listener to remove.
+       * @param listener The listener to remove.
        * @see yfiles.graphml.GraphMLParser#addQueryInputHandlersListener
        * @see yfiles.graphml.GraphMLIOHandler#addQueryInputHandlersListener
        */
@@ -4781,7 +6013,7 @@ declare namespace system{
        * <p>
        * The current XML content is provided by {@link yfiles.graphml.HandleDeserializationEventArgs#xmlNode}. If you want to return deserialized content, set the value of the {@link yfiles.graphml.HandleDeserializationEventArgs#result} property.
        * </p>
-       * @param {function(Object, yfiles.graphml.HandleDeserializationEventArgs): void} listener The listener to add.
+       * @param listener The listener to add.
        * @see yfiles.graphml.GraphMLParser#addHandleDeserializationListener
        * @see yfiles.graphml.GraphMLIOHandler#removeHandleDeserializationListener
        */
@@ -4799,7 +6031,7 @@ declare namespace system{
        * <p>
        * The current XML content is provided by {@link yfiles.graphml.HandleDeserializationEventArgs#xmlNode}. If you want to return deserialized content, set the value of the {@link yfiles.graphml.HandleDeserializationEventArgs#result} property.
        * </p>
-       * @param {function(Object, yfiles.graphml.HandleDeserializationEventArgs): void} listener The listener to remove.
+       * @param listener The listener to remove.
        * @see yfiles.graphml.GraphMLParser#addHandleDeserializationListener
        * @see yfiles.graphml.GraphMLIOHandler#addHandleDeserializationListener
        */
@@ -4813,11 +6045,11 @@ declare namespace system{
     export interface IGenericInputHandlerFactory extends Object{
       /**
        * Create an {@link yfiles.graphml.IInputHandler} instance based on the given <code>args</code>.
-       * @param {yfiles.lang.Class} keyType The key type as inferred by the caller from the GraphML contents.
-       * @param {yfiles.lang.Class} valueType The type of the value as inferred by the caller from the GraphML contents.
-       * @param {yfiles.graphml.QueryInputHandlersEventArgs} evt The event argument that is used like in
-       * {@link yfiles.graphml.GraphMLIOHandler#addQueryInputHandlersListener QueryInputHandlers}
-       * @returns {yfiles.graphml.IInputHandler} The specific input handler to use.
+       * @param keyType The key type as inferred by the caller from the GraphML contents.
+       * @param valueType The type of the value as inferred by the caller from the GraphML contents.
+       * @param evt The event argument that is used like in
+       * {@link #addQueryInputHandlersListener QueryInputHandlers}
+       * @returns The specific input handler to use.
        * @abstract
        */
       createInputHandler(keyType:yfiles.lang.Class,valueType:yfiles.lang.Class,evt:yfiles.graphml.QueryInputHandlersEventArgs):yfiles.graphml.IInputHandler;
@@ -4828,7 +6060,7 @@ declare namespace system{
     };
     /**
      * 
-     * @class yfiles.graphml.GraphMLSupport
+     * @class
      */
     export interface GraphMLSupport extends Object{}
     export class GraphMLSupport {
@@ -4837,9 +6069,8 @@ declare namespace system{
        * <p>
        * Optionally calls {@link yfiles.graphml.GraphMLSupport#registerCommands}, if <code>graphControl</code> is given.
        * </p>
-       * @param {yfiles.view.GraphComponent} [graphComponent=null] The {@link yfiles.view.GraphComponent} that the {@link yfiles.input.ICommand#OPEN} and {@link yfiles.input.ICommand#SAVE} commands are
+       * @param [graphComponent=null] The {@link } that the {@link #OPEN} and {@link #SAVE} commands are
        * registered on.
-       * @constructor
        */
       constructor(graphComponent?:yfiles.view.GraphComponent);
       /**
@@ -4848,7 +6079,7 @@ declare namespace system{
        * Optionally calls {@link yfiles.graphml.GraphMLSupport#registerCommands}, if <code>graphControl</code> is given.
        * </p>
        * @param {Object} options The parameters to pass.
-       * @param {yfiles.view.GraphComponent} [options.graphComponent=null] The {@link yfiles.view.GraphComponent} that the {@link yfiles.input.ICommand#OPEN} and {@link yfiles.input.ICommand#SAVE} commands are
+       * @param [options.graphComponent=null] The {@link } that the {@link #OPEN} and {@link #SAVE} commands are
        * registered on.
        * @param {yfiles.graphml.StorageLocation} options.storageLocation A value indicating the type of storage used by the commands Open/Save/Save As.
        * <p>
@@ -4858,7 +6089,6 @@ declare namespace system{
        * <p>
        * This option sets the {@link yfiles.graphml.GraphMLSupport#graphMLIOHandler} property on the created object.
        * </p>
-       * @constructor
        */
       constructor(options:{graphComponent?:yfiles.view.GraphComponent,storageLocation?:yfiles.graphml.StorageLocation,graphMLIOHandler?:yfiles.graphml.GraphMLIOHandler});
       /**
@@ -4868,7 +6098,7 @@ declare namespace system{
        * The open command that is enabled if {@link yfiles.graphml.GraphMLSupport#storageLocation} is set to a value different from {@link yfiles.graphml.StorageLocation#NONE} will use this
        * method to create the input element for opening the files.
        * </p>
-       * @returns {HTMLInputElement} The preconfigured element to use.
+       * @returns The preconfigured element to use.
        * @protected
        */
       createOpenFileInputElement():HTMLInputElement;
@@ -4879,7 +6109,7 @@ declare namespace system{
        * If {@link yfiles.graphml.GraphMLSupport#storageLocation} is set to {@link yfiles.graphml.StorageLocation#FILE_SYSTEM} but saving to a file is not supported by the user's browser,
        * this method is called to create the element to which the GraphML content is appended.
        * </p>
-       * @returns {HTMLElement} The preconfigured element to use. Null if element creation failed.
+       * @returns The preconfigured element to use. Null if element creation failed.
        * @protected
        */
       createSaveFileTextElement():HTMLElement;
@@ -4888,8 +6118,8 @@ declare namespace system{
        * <p>
        * This method will first query the {@link yfiles.graph.ILookup#lookup} of the <code>graph</code>,
        * </p>
-       * @param {yfiles.graph.IGraph} graph
-       * @returns {yfiles.graphml.GraphMLIOHandler} The instance to use for IO.
+       * @param graph
+       * @returns The instance to use for IO.
        * @protected
        */
       getGraphMLIOHandler(graph:yfiles.graph.IGraph):yfiles.graphml.GraphMLIOHandler;
@@ -4902,9 +6132,9 @@ declare namespace system{
        * <p>
        * Any exception thrown during loading of the GraphML file will reject the promise.
        * </p>
-       * @param {yfiles.view.GraphComponent} graphComponent
-       * @param {yfiles.graphml.StorageLocation} [storageLocation=null]
-       * @returns {Promise.<yfiles.graph.IGraph>} A promise that will resolve to the loaded graph instance or reject upon exceptions during loading. Note that if the file
+       * @param graphComponent
+       * @param [storageLocation=null]
+       * @returns A promise that will resolve to the loaded graph instance or reject upon exceptions during loading. Note that if the file
        * open dialog is cancelled by the user, the promise will stay unresolved because there is no API available that can be
        * used to determine whether the user has pressed cancel. Depending on the UA implementation it may be possible to listen
        * to focus or other input device events on the page to detect when the user has closed the file open dialog.
@@ -4922,9 +6152,9 @@ declare namespace system{
        * Any exception thrown during loading of the GraphML file will be caught and an error message displayed to the user. For
        * more control over error behaviour it is recommended to use {@link yfiles.graphml.GraphMLSupport#graphMLIOHandler} directly, e.g. from a custom command handler.
        * </p>
-       * @param {yfiles.graph.IGraph} graph
-       * @param {yfiles.graphml.StorageLocation} [storageLocation=null]
-       * @returns {Promise.<yfiles.graph.IGraph>} A promise that will resolve to the loaded graph instance or reject upon exceptions during loading. Note that if the file
+       * @param graph
+       * @param [storageLocation=null]
+       * @returns A promise that will resolve to the loaded graph instance or reject upon exceptions during loading. Note that if the file
        * open dialog is cancelled by the user, the promise will stay unresolved because there is no API available that can be
        * used to determine whether the user has pressed cancel. Depending on the UA implementation it may be possible to listen
        * to focus or other input device events on the page to detect when the user has closed the file open dialog.
@@ -4934,7 +6164,7 @@ declare namespace system{
       openFile(graph:yfiles.graph.IGraph,storageLocation?:yfiles.graphml.StorageLocation):Promise<yfiles.graph.IGraph>;
       /**
        * Registers bindings for {@link yfiles.input.ICommand#OPEN} and {@link yfiles.input.ICommand#SAVE} on the given <code>graphControl</code>.
-       * @param {yfiles.view.GraphComponent} graphComponent The {@link yfiles.view.GraphComponent} to register the command bindings on.
+       * @param graphComponent The {@link } to register the command bindings on.
        */
       registerCommands(graphComponent:yfiles.view.GraphComponent):void;
       /**
@@ -4947,9 +6177,9 @@ declare namespace system{
        * Any exception thrown during loading of the GraphML file will be caught and an error message displayed to the user. For
        * more control over error behaviour it is recommended to use {@link yfiles.graphml.GraphMLSupport#graphMLIOHandler} directly, e.g. from a custom command handler.
        * </p>
-       * @param {yfiles.graph.IGraph} graph
-       * @param {yfiles.graphml.StorageLocation} [storageLocation=null]
-       * @returns {Promise.<string>} A promise that will resolve to the saved string representation of the graph or reject upon exceptions during the save
+       * @param graph
+       * @param [storageLocation=null]
+       * @returns A promise that will resolve to the saved string representation of the graph or reject upon exceptions during the save
        * operation.
        * @see yfiles.graphml.GraphMLSupport#storageLocation
        * @see yfiles.graphml.GraphMLSupport#saveFile
@@ -5023,7 +6253,7 @@ declare namespace system{
      * </p>
      * @see yfiles.graphml.ChildParseContext#setDeserializationProperty
      * @see yfiles.graphml.ChildParseContext#setLookup
-     * @class yfiles.graphml.ChildParseContext
+     * @class
      * @implements {yfiles.graphml.IParseContext}
      */
     export interface ChildParseContext extends Object,yfiles.graphml.IParseContext{}
@@ -5031,70 +6261,68 @@ declare namespace system{
       /**
        * Initializes a new instance of the {@link yfiles.graphml.ChildParseContext} class that delegates to the provided context and adds
        * the <code>currentObject</code> to the {@link yfiles.graphml.ChildParseContext#objectStack}.
-       * @param {yfiles.graphml.IParseContext} parentContext The parent context.
-       * @param {Object} currentObject The current object to add to the {@link yfiles.graphml.ChildParseContext#objectStack} and return in {@link yfiles.graphml.ChildParseContext#getCurrent}.
-       * @constructor
+       * @param parentContext The parent context.
+       * @param currentObject The current object to add to the {@link #objectStack} and return in {@link #getCurrent}.
        */
       constructor(parentContext:yfiles.graphml.IParseContext,currentObject:Object);
       /**
        * Initializes a new instance of the {@link yfiles.graphml.ChildParseContext} class that delegates to the provided context.
-       * @param {yfiles.graphml.IParseContext} parentContext The parent context.
-       * @constructor
+       * @param parentContext The parent context.
        */
       constructor(parentContext:yfiles.graphml.IParseContext);
       /**
        * 
        * Type parameter <code>T</code>.
-       * @param {yfiles.lang.Class} targetType
-       * @param {yfiles.graphml.IParseContext} context
-       * @param {Node} targetNode
-       * @returns {T} 
+       * @param targetType
+       * @param context
+       * @param targetNode
+       * @returns 
        * @template T
        */
       deserializeCore<T>(targetType:yfiles.lang.Class,context:yfiles.graphml.IParseContext,targetNode:Node):T;
       /**
        * 
        * Type parameter <code>T</code>.
-       * @param {yfiles.lang.Class} itemType
-       * @returns {T} 
+       * @param itemType
+       * @returns 
        * @template T
        */
       getCurrent<T>(itemType:yfiles.lang.Class):T;
       /**
        * 
-       * @param {string} key
-       * @returns {Object} 
+       * @param key
+       * @returns 
        */
       getDeserializationProperty(key:string):Object;
       /**
        * 
-       * @param {yfiles.lang.Class} type
-       * @returns {Object} 
+       * @param type
+       * @returns 
        */
       lookup(type:yfiles.lang.Class):Object;
       /**
        * Removes a previously locally {@link yfiles.graphml.ChildParseContext#setDeserializationProperty set} deserialization property.
-       * @param {string} key The key for which the local property override should be removed.
+       * @param key The key for which the local property override should be removed.
        */
       removeDeserializationProperty(key:string):void;
       /**
        * Removes a local lookup override that has been added using {@link yfiles.graphml.ChildParseContext#setLookup}
        * Type parameter <code>T</code>: The type key to remove.
-       * @param {yfiles.lang.Class} tType The type key to remove.
+       * @param tType The type key to remove.
        * @template T
        */
       removeLookup<T>(tType:yfiles.lang.Class):void;
       /**
        * Sets the local deserialization property for the given key to the value.
-       * @param {string} key The key to override.
-       * @param {Object} value The value.
+       * @param key The key to override.
+       * @param value The value.
        */
       setDeserializationProperty(key:string,value:Object):void;
       /**
        * Adds another lookup result to the local lookup override.
        * Type parameter <code>T</code>: The type to use as a key for the lookup.
-       * @param {yfiles.lang.Class} tType The type to use as a key for the lookup.
-       * @param {T} value The value to provide for queries to <code>T</code>.
+       * @param tType The type to use as a key for the lookup.
+       * @param value The value to provide for queries to <code>T</code>.
        * @see yfiles.graphml.ChildParseContext#removeLookup
        * @template T
        */
@@ -5131,7 +6359,7 @@ declare namespace system{
      * </p>
      * @see yfiles.graphml.IGraphElementFactory
      * @see yfiles.graphml.GraphMLParser
-     * @class yfiles.graphml.CreationProperties
+     * @class
      * @implements {yfiles.collections.IMapper.<Object,Object>}
      */
     export interface CreationProperties extends Object,yfiles.collections.IMapper<Object,Object>{}
@@ -5143,19 +6371,19 @@ declare namespace system{
       clear():void;
       /**
        * Gets the value associated with the specified key.
-       * @param {Object} key The key.
-       * @returns {Object} The value stored for the key.
+       * @param key The key.
+       * @returns The value stored for the key.
        * @see yfiles.graphml.CreationProperties#set
        */
       get(key:Object):Object;
       /**
        * Removes the associated entry for the given key
-       * @param {Object} key The entry key to remove.
+       * @param key The entry key to remove.
        */
       removeValue(key:Object):void;
       /**
        * Sets the value associated with the specified key.
-       * @param {Object} key The key.
+       * @param key The key.
        * @param value The value stored for the key.
        * @see yfiles.graphml.CreationProperties#get
        */
@@ -5252,15 +6480,15 @@ declare namespace system{
      * variants. It should rarely be necessary to use this class directly.
      * </p>
      * @see yfiles.graphml.GraphMLIOHandler
-     * @class yfiles.graphml.GraphMLParser
+     * @class
      */
     export interface GraphMLParser extends Object{}
     export class GraphMLParser {
       constructor();
       /**
        * Create the initial {@link yfiles.graphml.IParseContext} instance.
-       * @param {yfiles.graph.IGraph} graph The graph that is parsed.
-       * @returns {yfiles.graphml.IParseContext} An {@link yfiles.graphml.IParseContext} instance that is suitable for <code>graph</code>.
+       * @param graph The graph that is parsed.
+       * @returns An {@link } instance that is suitable for <code>graph</code>.
        * @protected
        */
       createParseContext(graph:yfiles.graph.IGraph):yfiles.graphml.IParseContext;
@@ -5272,10 +6500,10 @@ declare namespace system{
        * event.
        * </p>
        * Type parameter <code>T</code>: The desired type of the result.
-       * @param {yfiles.lang.Class} targetType The desired type of the result.
-       * @param {yfiles.graphml.IParseContext} context The current parse context.
-       * @param {Node} element The XML content that should be deserialized.
-       * @returns {T} An instance of <code>T</code> that is represented by <code>element</code>.
+       * @param targetType The desired type of the result.
+       * @param context The current parse context.
+       * @param element The XML content that should be deserialized.
+       * @returns An instance of <code>T</code> that is represented by <code>element</code>.
        * @see yfiles.graphml.IParseContext#deserializeCore
        * @see yfiles.graphml.GraphMLParser#addHandleDeserializationListener
        * @template T
@@ -5283,8 +6511,8 @@ declare namespace system{
       deserialize<T>(targetType:yfiles.lang.Class,context:yfiles.graphml.IParseContext,element:Node):T;
       /**
        * Retrieve a deserialization property that has been set by {@link yfiles.graphml.GraphMLParser#setDeserializationProperty}.
-       * @param {string} key The key for the property.
-       * @returns {Object} 
+       * @param key The key for the property.
+       * @returns 
        * @see yfiles.graphml.IParseContext#getDeserializationProperty
        */
       getDeserializationProperty(key:string):Object;
@@ -5296,20 +6524,20 @@ declare namespace system{
        * {@link yfiles.graphml.GraphMLParser#onQueryInputHandlers}, which in turn raises the {@link yfiles.graphml.GraphMLParser#addQueryInputHandlersListener QueryInputHandlers}
        * event.
        * </p>
-       * @param {yfiles.graphml.IParseContext} context The current parse context.
-       * @param {Element} keyDefinition The key definition element of the GraphML attribute.
-       * @returns {yfiles.collections.IList.<yfiles.graphml.IInputHandler>} A list of {@link yfiles.graphml.IInputHandler IInputHandlers} that claim to be responsible for handling the given GraphML attribute.
+       * @param context The current parse context.
+       * @param keyDefinition The key definition element of the GraphML attribute.
+       * @returns A list of {@link  IInputHandlers} that claim to be responsible for handling the given GraphML attribute.
        */
       getInputHandlers(context:yfiles.graphml.IParseContext,keyDefinition:Element):yfiles.collections.IList<yfiles.graphml.IInputHandler>;
       /**
        * Dynamically retrieve an instance of <code>type</code>.
-       * @param {yfiles.lang.Class} type The type for which an implementation is needed.
-       * @returns {Object} An implementation of <code>type</code>, or <code>null</code>.
+       * @param type The type for which an implementation is needed.
+       * @returns An implementation of <code>type</code>, or <code>null</code>.
        */
       lookup(type:yfiles.lang.Class):Object;
       /**
        * Fires the {@link yfiles.graphml.GraphMLParser#addHandleDeserializationListener HandleDeserialization} event.
-       * @param {yfiles.graphml.HandleDeserializationEventArgs} evt The arguments that get passed to the {@link yfiles.graphml.GraphMLParser#addHandleDeserializationListener HandleDeserialization}
+       * @param evt The arguments that get passed to the {@link #addHandleDeserializationListener HandleDeserialization}
        * event.
        * @see yfiles.graphml.GraphMLIOHandler#onHandleDeserialization
        * @protected
@@ -5321,7 +6549,7 @@ declare namespace system{
        * This method is called when the document has been parsed and after {@link yfiles.graphml.IParseEvents#addDocumentParsedListener DocumentParsed}
        * is called.
        * </p>
-       * @param {yfiles.graphml.ParseEventArgs} evt The {@link yfiles.graphml.ParseEventArgs} instance containing the event data.
+       * @param evt The {@link } instance containing the event data.
        * @see yfiles.graphml.GraphMLParser#addParsedListener
        * @protected
        */
@@ -5332,14 +6560,14 @@ declare namespace system{
        * This method is called just before the parsing starts and before {@link yfiles.graphml.IParseEvents#addDocumentParsingListener DocumentParsing}
        * is called.
        * </p>
-       * @param {yfiles.graphml.ParseEventArgs} evt The {@link yfiles.graphml.ParseEventArgs} instance containing the event data.
+       * @param evt The {@link } instance containing the event data.
        * @see yfiles.graphml.GraphMLParser#addParsingListener
        * @protected
        */
       onParsing(evt:yfiles.graphml.ParseEventArgs):void;
       /**
        * Fires the {@link yfiles.graphml.GraphMLParser#addQueryInputHandlersListener QueryInputHandlers} event.
-       * @param {yfiles.graphml.QueryInputHandlersEventArgs} evt The arguments that get passed to the {@link yfiles.graphml.GraphMLParser#addQueryInputHandlersListener QueryInputHandlers}
+       * @param evt The arguments that get passed to the {@link #addQueryInputHandlersListener QueryInputHandlers}
        * event.
        * @see yfiles.graphml.GraphMLIOHandler#onQueryInputHandlers
        * @protected
@@ -5350,12 +6578,12 @@ declare namespace system{
        * <p>
        * Typically, this method is called indirectly from {@link yfiles.graphml.GraphMLIOHandler#readFromDocument}.
        * </p>
-       * @param {Document} document The XML document instance to parse. <b>Note</b>: If you are using Internet Explorer 9 and {@link XMLHttpRequest}s to retrieve the document,
-       * you may not use the value from the {@link XMLHttpRequest#responseXML} property. Please parse {@link XMLHttpRequest#responseText} instead
+       * @param document The XML document instance to parse. <b>Note</b>: If you are using Internet Explorer 9 and {@link }s to retrieve the document,
+       * you may not use the value from the {@link #responseXML} property. Please parse {@link #responseText} instead
        * and use the result. For further reference see {@link http://msdn.microsoft.com/en-us/library/ie/hh180177.aspx}.
-       * @param {yfiles.graph.IGraph} graph The graph instance that is populated.
-       * @param {yfiles.graphml.IGraphElementFactory} elementFactory The {@link yfiles.graphml.IGraphElementFactory} instance that is used to create the elements.
-       * @returns {Promise.<yfiles.graph.IGraph>} 
+       * @param graph The graph instance that is populated.
+       * @param elementFactory The {@link } instance that is used to create the elements.
+       * @returns 
        * @see yfiles.graphml.GraphMLIOHandler#readFromDocument
        */
       parseFromDocument(graph:yfiles.graph.IGraph,document:Document,elementFactory:yfiles.graphml.IGraphElementFactory):Promise<yfiles.graph.IGraph>;
@@ -5364,38 +6592,38 @@ declare namespace system{
        * <p>
        * Typically, this method is called indirectly from {@link yfiles.graphml.GraphMLIOHandler#readFromURL}.
        * </p>
-       * @param {string} url The URL to the input to parse.
-       * @param {yfiles.graph.IGraph} graph The graph instance that is populated.
-       * @param {yfiles.graphml.IGraphElementFactory} elementFactory The {@link yfiles.graphml.IGraphElementFactory} instance that is used to create the elements.
-       * @returns {Promise.<yfiles.graph.IGraph>} 
+       * @param url The URL to the input to parse.
+       * @param graph The graph instance that is populated.
+       * @param elementFactory The {@link } instance that is used to create the elements.
+       * @returns 
        * @see yfiles.graphml.GraphMLIOHandler#readFromGraphMLText
        */
       parseFromURL(graph:yfiles.graph.IGraph,url:string,elementFactory:yfiles.graphml.IGraphElementFactory):Promise<yfiles.graph.IGraph>;
       /**
        * Remove a deserialization property that has been set by {@link yfiles.graphml.GraphMLParser#setDeserializationProperty}.
-       * @param {string} key The key for the property.
+       * @param key The key for the property.
        * @see yfiles.graphml.IParseContext#getDeserializationProperty
        */
       removeDeserializationProperty(key:string):void;
       /**
        * Remove an implementation of <code>T</code> that has been set with {@link yfiles.graphml.GraphMLParser#setLookup}.
        * Type parameter <code>T</code>.
-       * @param {yfiles.lang.Class} tType
+       * @param tType
        * @template T
        */
       removeLookup<T>(tType:yfiles.lang.Class):void;
       /**
        * Set a deserialization property that allows to fine tune the parsing process.
-       * @param {string} key The key for the property.
-       * @param {Object} value The property value.
+       * @param key The key for the property.
+       * @param value The property value.
        * @see yfiles.graphml.IParseContext#getDeserializationProperty
        */
       setDeserializationProperty(key:string,value:Object):void;
       /**
        * Register an implementation of <code>T</code> for use with {@link yfiles.graphml.GraphMLParser#lookup}.
        * Type parameter <code>T</code>: The type of <code>instance</code>.
-       * @param {yfiles.lang.Class} tType The type of <code>instance</code>.
-       * @param {T} instance The implementation of <code>T</code> for lookup retrieval.
+       * @param tType The type of <code>instance</code>.
+       * @param instance The implementation of <code>T</code> for lookup retrieval.
        * @template T
        */
       setLookup<T>(tType:yfiles.lang.Class,instance:T):void;
@@ -5409,7 +6637,7 @@ declare namespace system{
        * The current key definition is provided by {@link yfiles.graphml.QueryInputHandlersEventArgs#keyDefinition}. If you want to register an {@link yfiles.graphml.IInputHandler} for this GraphML
        * attribute, you can add the handler with {@link yfiles.graphml.QueryInputHandlersEventArgs#addInputHandler}.
        * </p>
-       * @param {function(Object, yfiles.graphml.QueryInputHandlersEventArgs): void} listener The listener to add.
+       * @param listener The listener to add.
        * @see yfiles.graphml.GraphMLIOHandler#addQueryInputHandlersListener
        * @see yfiles.graphml.GraphMLParser#removeQueryInputHandlersListener
        */
@@ -5424,7 +6652,7 @@ declare namespace system{
        * The current key definition is provided by {@link yfiles.graphml.QueryInputHandlersEventArgs#keyDefinition}. If you want to register an {@link yfiles.graphml.IInputHandler} for this GraphML
        * attribute, you can add the handler with {@link yfiles.graphml.QueryInputHandlersEventArgs#addInputHandler}.
        * </p>
-       * @param {function(Object, yfiles.graphml.QueryInputHandlersEventArgs): void} listener The listener to remove.
+       * @param listener The listener to remove.
        * @see yfiles.graphml.GraphMLIOHandler#addQueryInputHandlersListener
        * @see yfiles.graphml.GraphMLParser#addQueryInputHandlersListener
        */
@@ -5441,7 +6669,7 @@ declare namespace system{
        * <p>
        * The current XML content is provided by {@link yfiles.graphml.HandleDeserializationEventArgs#xmlNode}. If you want to return deserialized content, set the value of the {@link yfiles.graphml.HandleDeserializationEventArgs#result} property.
        * </p>
-       * @param {function(Object, yfiles.graphml.HandleDeserializationEventArgs): void} listener The listener to add.
+       * @param listener The listener to add.
        * @see yfiles.graphml.GraphMLIOHandler#addHandleDeserializationListener
        * @see yfiles.graphml.GraphMLParser#removeHandleDeserializationListener
        */
@@ -5459,21 +6687,21 @@ declare namespace system{
        * <p>
        * The current XML content is provided by {@link yfiles.graphml.HandleDeserializationEventArgs#xmlNode}. If you want to return deserialized content, set the value of the {@link yfiles.graphml.HandleDeserializationEventArgs#result} property.
        * </p>
-       * @param {function(Object, yfiles.graphml.HandleDeserializationEventArgs): void} listener The listener to remove.
+       * @param listener The listener to remove.
        * @see yfiles.graphml.GraphMLIOHandler#addHandleDeserializationListener
        * @see yfiles.graphml.GraphMLParser#addHandleDeserializationListener
        */
       removeHandleDeserializationListener(listener:(sender:Object,evt:yfiles.graphml.HandleDeserializationEventArgs)=>void):void;
       /**
        * Adds the given listener for the <code>Parsed</code> event that occurs when the the document has been parsed.
-       * @param {function(Object, yfiles.graphml.ParseEventArgs): void} listener The listener to add.
+       * @param listener The listener to add.
        * @see yfiles.graphml.GraphMLParser#onParsed
        * @see yfiles.graphml.GraphMLParser#removeParsedListener
        */
       addParsedListener(listener:(sender:Object,evt:yfiles.graphml.ParseEventArgs)=>void):void;
       /**
        * Removes the given listener for the <code>Parsed</code> event that occurs when the the document has been parsed.
-       * @param {function(Object, yfiles.graphml.ParseEventArgs): void} listener The listener to remove.
+       * @param listener The listener to remove.
        * @see yfiles.graphml.GraphMLParser#onParsed
        * @see yfiles.graphml.GraphMLParser#addParsedListener
        */
@@ -5484,7 +6712,7 @@ declare namespace system{
        * This event can be used to register to the fine-grained events available in the {@link yfiles.graphml.ParseEventArgs#context}'s {@link yfiles.graphml.IParseContext#parseEvents} and the configure the parsing process
        * on a per parse case.
        * </p>
-       * @param {function(Object, yfiles.graphml.ParseEventArgs): void} listener The listener to add.
+       * @param listener The listener to add.
        * @see yfiles.graphml.GraphMLParser#onParsing
        * @see yfiles.graphml.GraphMLParser#removeParsingListener
        */
@@ -5495,7 +6723,7 @@ declare namespace system{
        * This event can be used to register to the fine-grained events available in the {@link yfiles.graphml.ParseEventArgs#context}'s {@link yfiles.graphml.IParseContext#parseEvents} and the configure the parsing process
        * on a per parse case.
        * </p>
-       * @param {function(Object, yfiles.graphml.ParseEventArgs): void} listener The listener to remove.
+       * @param listener The listener to remove.
        * @see yfiles.graphml.GraphMLParser#onParsing
        * @see yfiles.graphml.GraphMLParser#addParsingListener
        */
@@ -5510,7 +6738,7 @@ declare namespace system{
      * If the event handler determines that it can deserialize the {@link yfiles.graphml.HandleDeserializationEventArgs#xmlNode}, it should place the result into the {@link yfiles.graphml.HandleDeserializationEventArgs#result} property and thus
      * mark the event as {@link yfiles.graphml.HandleDeserializationEventArgs#handled}.
      * </p>
-     * @class yfiles.graphml.HandleDeserializationEventArgs
+     * @class
      * @extends {yfiles.lang.EventArgs}
      * @final
      */
@@ -5518,10 +6746,9 @@ declare namespace system{
     export class HandleDeserializationEventArgs {
       /**
        * Initializes a new instance of the {@link yfiles.graphml.HandleDeserializationEventArgs} class.
-       * @param {yfiles.graphml.IParseContext} context The context in which serialization should take place.
-       * @param {Node} xmlNode The XML element that contains the data to deserialize.
-       * @param {yfiles.lang.Class} targetType The required {@link yfiles.graphml.HandleDeserializationEventArgs#targetType target type} of the {@link yfiles.graphml.HandleDeserializationEventArgs#result}.
-       * @constructor
+       * @param context The context in which serialization should take place.
+       * @param xmlNode The XML element that contains the data to deserialize.
+       * @param targetType The required {@link #targetType target type} of the {@link #result}.
        */
       constructor(context:yfiles.graphml.IParseContext,xmlNode:Node,targetType:yfiles.lang.Class);
       /**
@@ -5570,27 +6797,27 @@ declare namespace system{
     export interface IGraphElementFactory extends Object{
       /**
        * Adds a new port to the given {@link yfiles.graph.IPortOwner}.
-       * @param {yfiles.graphml.IParseContext} context The context from which the graph, the {@link yfiles.graphml.CreationProperties}, and the {@link yfiles.graphml.IParseContext#objectStack} can be queried.
-       * @param {yfiles.graph.IPortOwner} owner The owner of the port.
-       * @returns {yfiles.graph.IPort} A newly created port.
+       * @param context The context from which the graph, the {@link }, and the {@link #objectStack} can be queried.
+       * @param owner The owner of the port.
+       * @returns A newly created port.
        * @abstract
        */
       addPort(context:yfiles.graphml.IParseContext,owner:yfiles.graph.IPortOwner):yfiles.graph.IPort;
       /**
        * Creates an edge for the given context and the provided source and target nodes or ports.
-       * @param {yfiles.graphml.IParseContext} context The context from which the graph, the {@link yfiles.graphml.CreationProperties}, and the {@link yfiles.graphml.IParseContext#objectStack} can be queried.
-       * @param {yfiles.graph.INode} sourceNode The source node for the edge.
-       * @param {yfiles.graph.IPort} sourcePort The source port for the edge, if specified, otherwise <code>null</code>.
-       * @param {yfiles.graph.INode} targetNode The target node for the edge.
-       * @param {yfiles.graph.IPort} targetPort The target port for the edge, if specified, otherwise <code>null</code>.
-       * @returns {yfiles.graph.IEdge} A newly created edge.
+       * @param context The context from which the graph, the {@link }, and the {@link #objectStack} can be queried.
+       * @param sourceNode The source node for the edge.
+       * @param sourcePort The source port for the edge, if specified, otherwise <code>null</code>.
+       * @param targetNode The target node for the edge.
+       * @param targetPort The target port for the edge, if specified, otherwise <code>null</code>.
+       * @returns A newly created edge.
        * @abstract
        */
       createEdge(context:yfiles.graphml.IParseContext,sourceNode:yfiles.graph.INode,sourcePort:yfiles.graph.IPort,targetNode:yfiles.graph.INode,targetPort:yfiles.graph.IPort):yfiles.graph.IEdge;
       /**
        * Creates a node for the given context.
-       * @param {yfiles.graphml.IParseContext} context The context from which the graph, the {@link yfiles.graphml.CreationProperties}, and the {@link yfiles.graphml.IParseContext#objectStack} can be queried.
-       * @returns {yfiles.graph.INode} A newly created node
+       * @param context The context from which the graph, the {@link }, and the {@link #objectStack} can be queried.
+       * @returns A newly created node
        * @abstract
        */
       createNode(context:yfiles.graphml.IParseContext):yfiles.graph.INode;
@@ -5606,33 +6833,33 @@ declare namespace system{
     export interface IGraphElementIdAcceptor extends Object{
       /**
        * Store the value of the id attribute for the given edge.
-       * @param {yfiles.graphml.IParseContext} context The current parse context.
-       * @param {yfiles.graph.IEdge} edge The current edge element
-       * @param {string} id The id of the edge's XML representation
+       * @param context The current parse context.
+       * @param edge The current edge element
+       * @param id The id of the edge's XML representation
        * @abstract
        */
       storeEdgeId(context:yfiles.graphml.IParseContext,edge:yfiles.graph.IEdge,id:string):void;
       /**
        * Store the value of the id attribute for the given graph.
-       * @param {yfiles.graphml.IParseContext} context The current parse context.
-       * @param {yfiles.graph.IGraph} graph The current graph element
-       * @param {string} id The id of the graph's XML representation
+       * @param context The current parse context.
+       * @param graph The current graph element
+       * @param id The id of the graph's XML representation
        * @abstract
        */
       storeGraphId(context:yfiles.graphml.IParseContext,graph:yfiles.graph.IGraph,id:string):void;
       /**
        * Store the value of the id attribute for the given node.
-       * @param {yfiles.graphml.IParseContext} context The current parse context.
-       * @param {yfiles.graph.INode} node The current node element
-       * @param {string} id The id of the node's XML representation
+       * @param context The current parse context.
+       * @param node The current node element
+       * @param id The id of the node's XML representation
        * @abstract
        */
       storeNodeId(context:yfiles.graphml.IParseContext,node:yfiles.graph.INode,id:string):void;
       /**
        * Store the value of the id attribute for the given port.
-       * @param {yfiles.graphml.IParseContext} context The current parse context.
-       * @param {yfiles.graph.IPort} port The current port element
-       * @param {string} id The id of the port's XML representation
+       * @param context The current parse context.
+       * @param port The current port element
+       * @param id The id of the port's XML representation
        * @abstract
        */
       storePortId(context:yfiles.graphml.IParseContext,port:yfiles.graph.IPort,id:string):void;
@@ -5644,7 +6871,7 @@ declare namespace system{
     /**
      * Simple implementation of {@link yfiles.graphml.IGraphElementIdAcceptor} and {@link yfiles.graphml.IGraphElementIdProvider} that stores
      * all ids in {@link yfiles.collections.IMapper.<K,V>} instances.
-     * @class yfiles.graphml.GraphElementIdAcceptor
+     * @class
      * @implements {yfiles.graphml.IGraphElementIdAcceptor}
      * @implements {yfiles.graphml.IGraphElementResolver}
      */
@@ -5654,65 +6881,65 @@ declare namespace system{
       /**
        * Factory method to create a default implementation of {@link yfiles.graphml.IGraphElementIdProvider} that delegates to <code>fallback</code>
        * and uses the values stored by this {@link yfiles.graphml.GraphElementIdAcceptor} instance, if possible.
-       * @param {yfiles.graphml.IGraphElementIdProvider} fallback The fallback.
-       * @returns {yfiles.graphml.IGraphElementIdProvider} 
+       * @param fallback The fallback.
+       * @returns 
        */
       createIdProvider(fallback:yfiles.graphml.IGraphElementIdProvider):yfiles.graphml.IGraphElementIdProvider;
       /**
        * 
-       * @param {yfiles.graphml.IParseContext} context
-       * @param {string} id
-       * @returns {yfiles.graph.IEdge} 
+       * @param context
+       * @param id
+       * @returns 
        */
       resolveEdge(context:yfiles.graphml.IParseContext,id:string):yfiles.graph.IEdge;
       /**
        * 
-       * @param {yfiles.graphml.IParseContext} context
-       * @param {string} id
-       * @returns {yfiles.graph.IGraph} 
+       * @param context
+       * @param id
+       * @returns 
        */
       resolveGraph(context:yfiles.graphml.IParseContext,id:string):yfiles.graph.IGraph;
       /**
        * 
-       * @param {yfiles.graphml.IParseContext} context
-       * @param {string} id
-       * @returns {yfiles.graph.INode} 
+       * @param context
+       * @param id
+       * @returns 
        */
       resolveNode(context:yfiles.graphml.IParseContext,id:string):yfiles.graph.INode;
       /**
        * 
-       * @param {yfiles.graphml.IParseContext} context
-       * @param {string} ownerId
-       * @param {string} id
-       * @returns {yfiles.graph.IPort} 
+       * @param context
+       * @param ownerId
+       * @param id
+       * @returns 
        */
       resolvePort(context:yfiles.graphml.IParseContext,ownerId:string,id:string):yfiles.graph.IPort;
       /**
        * 
-       * @param {yfiles.graphml.IParseContext} context
-       * @param {yfiles.graph.IEdge} edge
-       * @param {string} id
+       * @param context
+       * @param edge
+       * @param id
        */
       storeEdgeId(context:yfiles.graphml.IParseContext,edge:yfiles.graph.IEdge,id:string):void;
       /**
        * 
-       * @param {yfiles.graphml.IParseContext} context
-       * @param {yfiles.graph.IGraph} graph
-       * @param {string} id
+       * @param context
+       * @param graph
+       * @param id
        */
       storeGraphId(context:yfiles.graphml.IParseContext,graph:yfiles.graph.IGraph,id:string):void;
       /**
        * 
-       * @param {yfiles.graphml.IParseContext} context
-       * @param {yfiles.graph.INode} node
-       * @param {string} id
+       * @param context
+       * @param node
+       * @param id
        */
       storeNodeId(context:yfiles.graphml.IParseContext,node:yfiles.graph.INode,id:string):void;
       /**
        * 
-       * @param {yfiles.graphml.IParseContext} context
-       * @param {yfiles.graph.IPort} port
-       * @param {string} id
+       * @param context
+       * @param port
+       * @param id
        */
       storePortId(context:yfiles.graphml.IParseContext,port:yfiles.graph.IPort,id:string):void;
       /**
@@ -5744,25 +6971,25 @@ declare namespace system{
     export interface IGraphElementResolver extends Object{
       /**
        * Resolve the GraphML <code>id</code> to an {@link yfiles.graph.IEdge} instance.
-       * @param {yfiles.graphml.IParseContext} context The current parse context.
-       * @param {string} id The id that should be resolved.
-       * @returns {yfiles.graph.IEdge} The {@link yfiles.graph.IEdge} that is defined by this GraphML <code>id</code>, or <code>null</code> if no such edge exists yet.
+       * @param context The current parse context.
+       * @param id The id that should be resolved.
+       * @returns The {@link } that is defined by this GraphML <code>id</code>, or <code>null</code> if no such edge exists yet.
        * @abstract
        */
       resolveEdge(context:yfiles.graphml.IParseContext,id:string):yfiles.graph.IEdge;
       /**
        * Resolve the GraphML <code>id</code> to an {@link yfiles.graph.IGraph} instance.
-       * @param {yfiles.graphml.IParseContext} context The current parse context.
-       * @param {string} id The id that should be resolved.
-       * @returns {yfiles.graph.IGraph} The {@link yfiles.graph.IGraph} that is defined by this GraphML <code>id</code>, or <code>null</code> if no such graph exists yet.
+       * @param context The current parse context.
+       * @param id The id that should be resolved.
+       * @returns The {@link } that is defined by this GraphML <code>id</code>, or <code>null</code> if no such graph exists yet.
        * @abstract
        */
       resolveGraph(context:yfiles.graphml.IParseContext,id:string):yfiles.graph.IGraph;
       /**
        * Resolve the GraphML <code>id</code> to an {@link yfiles.graph.INode} instance.
-       * @param {yfiles.graphml.IParseContext} context The current parse context.
-       * @param {string} id The id that should be resolved.
-       * @returns {yfiles.graph.INode} The {@link yfiles.graph.INode} that is defined by this GraphML <code>id</code>, or <code>null</code> if no such node exists yet.
+       * @param context The current parse context.
+       * @param id The id that should be resolved.
+       * @returns The {@link } that is defined by this GraphML <code>id</code>, or <code>null</code> if no such node exists yet.
        * @abstract
        */
       resolveNode(context:yfiles.graphml.IParseContext,id:string):yfiles.graph.INode;
@@ -5771,10 +6998,10 @@ declare namespace system{
        * <p>
        * The port owner is specified by the <code>ownerId</code> attribute.
        * </p>
-       * @param {yfiles.graphml.IParseContext} context The current parse context.
-       * @param {string} ownerId The GraphML id of the port owner.
-       * @param {string} id The id that should be resolved.
-       * @returns {yfiles.graph.IPort} The {@link yfiles.graph.IPort} that is defined by the GraphML ids, or <code>null</code> if no such port exists yet.
+       * @param context The current parse context.
+       * @param ownerId The GraphML id of the port owner.
+       * @param id The id that should be resolved.
+       * @returns The {@link } that is defined by the GraphML ids, or <code>null</code> if no such port exists yet.
        * @abstract
        */
       resolvePort(context:yfiles.graphml.IParseContext,ownerId:string,id:string):yfiles.graph.IPort;
@@ -5790,14 +7017,14 @@ declare namespace system{
     export interface IInputHandler extends Object{
       /**
        * This method is invoked when no data tag is defined, and the default value should be applied.
-       * @param {yfiles.graphml.IParseContext} context the current parse context.
+       * @param context the current parse context.
        * @abstract
        */
       applyDefault(context:yfiles.graphml.IParseContext):void;
       /**
        * This method is invoked each time a data element with matching key is processed.
-       * @param {yfiles.graphml.IParseContext} context the current parse context.
-       * @param {Node} node the DOM node representing the data element.
+       * @param context the current parse context.
+       * @param node the DOM node representing the data element.
        * @abstract
        */
       parseData(context:yfiles.graphml.IParseContext,node:Node):void;
@@ -5846,7 +7073,7 @@ declare namespace system{
      * An abstract convenience implementation of the {@link yfiles.graphml.IInputHandler} interface.
      * Type parameter <code>TKey</code>: The type of the key, i.e. the items that are associated with the data in the GraphML.
      * Type parameter <code>TData</code>: The type of the data that is associated with the keys.
-     * @class yfiles.graphml.InputHandlerBase.<TKey,TData>
+     * @class
      * @implements {yfiles.graphml.IInputHandler}
      * @template TKey,TData
      */
@@ -5857,30 +7084,28 @@ declare namespace system{
        * <p>
        * The {@link yfiles.graphml.InputHandlerBase.<TKey,TData>#precedence} gets the initial value assigned to <code>precedence</code>
        * </p>
-       * @param {yfiles.lang.Class} keyType1 The type of the key, i.e. the items that are associated with the data in the GraphML.
-       * @param {yfiles.lang.Class} dataType The type of the data that is associated with the keys.
-       * @param {yfiles.graphml.ParsePrecedence} precedence The precedence to assign to the {@link yfiles.graphml.InputHandlerBase.<TKey,TData>#precedence} property.
+       * @param keyType The type of the key, i.e. the items that are associated with the data in the GraphML.
+       * @param dataType The type of the data that is associated with the keys.
+       * @param precedence The precedence to assign to the {@link #precedence} property.
        * @protected
-       * @constructor
        */
-      constructor(keyType1:yfiles.lang.Class,dataType:yfiles.lang.Class,precedence:yfiles.graphml.ParsePrecedence);
+      constructor(keyType:yfiles.lang.Class,dataType:yfiles.lang.Class,precedence:yfiles.graphml.ParsePrecedence);
       /**
        * Initializes a new instance of the {@link yfiles.graphml.InputHandlerBase.<TKey,TData>} class.
        * <p>
        * The {@link yfiles.graphml.InputHandlerBase.<TKey,TData>#precedence} has an initial value of {@link yfiles.graphml.ParsePrecedence#DEFAULT}.
        * </p>
-       * @param {yfiles.lang.Class} keyType1 The type of the key, i.e. the items that are associated with the data in the GraphML.
-       * @param {yfiles.lang.Class} dataType The type of the data that is associated with the keys.
+       * @param keyType The type of the key, i.e. the items that are associated with the data in the GraphML.
+       * @param dataType The type of the data that is associated with the keys.
        * @protected
-       * @constructor
        */
-      constructor(keyType1:yfiles.lang.Class,dataType:yfiles.lang.Class);
+      constructor(keyType:yfiles.lang.Class,dataType:yfiles.lang.Class);
       /**
        * This method is invoked when no data tag is defined, and the default value should be applied.
        * <p>
        * This implementation delegates to {@link yfiles.graphml.InputHandlerBase.<TKey,TData>#setValue} if {@link yfiles.graphml.InputHandlerBase.<TKey,TData>#defaultExists a default exists} using the {@link yfiles.graphml.InputHandlerBase.<TKey,TData>#defaultValue}.
        * </p>
-       * @param {yfiles.graphml.IParseContext} context the current parse context.
+       * @param context the current parse context.
        */
       applyDefault(context:yfiles.graphml.IParseContext):void;
       /**
@@ -5889,8 +7114,8 @@ declare namespace system{
        * This implementation looks for the GraphML default element and delegates to {@link yfiles.graphml.InputHandlerBase.<TKey,TData>#parseDataCore} if a default is found to store
        * the {@link yfiles.graphml.InputHandlerBase.<TKey,TData>#defaultValue}.
        * </p>
-       * @param {yfiles.graphml.IParseContext} context The context.
-       * @param {Element} definition The definition.
+       * @param context The context.
+       * @param definition The definition.
        */
       initializeFromKeyDefinition(context:yfiles.graphml.IParseContext,definition:Element):void;
       /**
@@ -5899,24 +7124,24 @@ declare namespace system{
        * If the {@link yfiles.graphml.IParseContext#getCurrent current element} is of the same type as this <code>TKey</code>, this method delegates the actual parsing to {@link yfiles.graphml.InputHandlerBase.<TKey,TData>#parseDataCore} and
        * {@link yfiles.graphml.InputHandlerBase.<TKey,TData>#setValue}
        * </p>
-       * @param {yfiles.graphml.IParseContext} context the current parse context.
-       * @param {Node} node the DOM node representing the data element.
+       * @param context the current parse context.
+       * @param node the DOM node representing the data element.
        */
       parseData(context:yfiles.graphml.IParseContext,node:Node):void;
       /**
        * Abstract method callback that actually parses the data.
-       * @param {yfiles.graphml.IParseContext} context The context.
-       * @param {Node} node The node that contains the data. This is either the GraphML 'data' element or the 'default' element.
-       * @returns {TData} The parsed data.
+       * @param context The context.
+       * @param node The node that contains the data. This is either the GraphML 'data' element or the 'default' element.
+       * @returns The parsed data.
        * @protected
        * @abstract
        */
       parseDataCore(context:yfiles.graphml.IParseContext,node:Node):TData;
       /**
        * Abstract method callback that actually stores the value with the keys.
-       * @param {yfiles.graphml.IParseContext} context The context.
-       * @param {TKey} key The key.
-       * @param {TData} data The data.
+       * @param context The context.
+       * @param key The key.
+       * @param data The data.
        * @protected
        * @abstract
        */
@@ -5963,7 +7188,7 @@ declare namespace system{
      * </p>
      * Type parameter <code>TKey</code>: The type of the key.
      * Type parameter <code>TData</code>: The type of the value.
-     * @class yfiles.graphml.MapperInputHandler.<TKey,TData>
+     * @class
      * @extends {yfiles.graphml.InputHandlerBase.<TKey,TData>}
      * @template TKey,TData
      */
@@ -5972,25 +7197,23 @@ declare namespace system{
       /**
        * Initializes a new instance of the {@link yfiles.graphml.MapperInputHandler.<TKey,TData>} class that uses the event handler for deserialization and suggests the provided
        * target type for the deserializer.
-       * @param {yfiles.lang.Class} keyType2 The type of the key.
-       * @param {yfiles.lang.Class} dataType1 The type of the value.
-       * @param {function(Object, yfiles.graphml.HandleDeserializationEventArgs): void} deserializer
-       * @param {yfiles.lang.Class} [deserializerTargetType=null]
+       * @param keyType The type of the key.
+       * @param dataType The type of the value.
+       * @param deserializer
+       * @param [deserializerTargetType=null]
        * @see yfiles.graphml.MapperInputHandler.<TKey,TData>#deserializerTargetType
        * @see yfiles.graphml.MapperInputHandler.<TKey,TData>#deserializer
-       * @constructor
        */
-      constructor(keyType2:yfiles.lang.Class,dataType1:yfiles.lang.Class,deserializer:(sender:Object,evt:yfiles.graphml.HandleDeserializationEventArgs)=>void,deserializerTargetType?:yfiles.lang.Class);
+      constructor(keyType:yfiles.lang.Class,dataType:yfiles.lang.Class,deserializer:(sender:Object,evt:yfiles.graphml.HandleDeserializationEventArgs)=>void,deserializerTargetType?:yfiles.lang.Class);
       /**
        * Initializes a new instance of the {@link yfiles.graphml.MapperInputHandler.<TKey,TData>} class that uses the {@link yfiles.graphml.IParseContext} for deserialization.
        * <p>
        * The {@link yfiles.graphml.IInputHandler#precedence} has an initial value of {@link yfiles.graphml.ParsePrecedence#DEFAULT}.
        * </p>
-       * @param {yfiles.lang.Class} keyType2 The type of the key.
-       * @param {yfiles.lang.Class} dataType1 The type of the value.
-       * @constructor
+       * @param keyType The type of the key.
+       * @param dataType The type of the value.
        */
-      constructor(keyType2:yfiles.lang.Class,dataType1:yfiles.lang.Class);
+      constructor(keyType:yfiles.lang.Class,dataType:yfiles.lang.Class);
       /**
        * Gets the node to pass to {@link yfiles.graphml.MapperInputHandler.<TKey,TData>#deserializer} or {@link yfiles.graphml.IParseContext#deserializeCore IParseContext.Deserialize} respectively, given the 'data' or 'default' element from the
        * GraphML.
@@ -6001,9 +7224,9 @@ declare namespace system{
        * This implementation returns <code>node</code> iff {@link yfiles.graphml.MapperInputHandler.<TKey,TData>#useParentElementForDeserialization} is <code>true</code> (i.e. the <code>'data'</code> or <code>'default'</code> node itself), otherwise the first child of
        * the <code>node</code> that is not a comment or processing instruction.
        * </p>
-       * @param {yfiles.graphml.IParseContext} context The context within which the node is parsed.
-       * @param {Node} node The 'data' or 'default' node.
-       * @returns {Node} The node that should be deserialized.
+       * @param context The context within which the node is parsed.
+       * @param node The 'data' or 'default' node.
+       * @returns The node that should be deserialized.
        * @see yfiles.graphml.MapperInputHandler.<TKey,TData>#useParentElementForDeserialization
        * @protected
        */
@@ -6046,7 +7269,7 @@ declare namespace system{
      * Specialized {@link yfiles.lang.EventArgs} that are used for dynamic {@link yfiles.graphml.IInputHandler} registration.
      * @see yfiles.graphml.GraphMLIOHandler#addQueryInputHandlersListener
      * @see yfiles.graphml.GraphMLParser#addQueryInputHandlersListener
-     * @class yfiles.graphml.QueryInputHandlersEventArgs
+     * @class
      * @extends {yfiles.lang.EventArgs}
      * @final
      */
@@ -6054,10 +7277,9 @@ declare namespace system{
     export class QueryInputHandlersEventArgs {
       /**
        * Create a new instance.
-       * @param {yfiles.graphml.IParseContext} context The current parse context.
-       * @param {Element} keyDefinition The current key definition
-       * @param {yfiles.collections.IList.<yfiles.graphml.IInputHandler>} handlers Stores the registered {@link yfiles.graphml.IInputHandler} instances.
-       * @constructor
+       * @param context The current parse context.
+       * @param keyDefinition The current key definition
+       * @param handlers Stores the registered {@link } instances.
        */
       constructor(context:yfiles.graphml.IParseContext,keyDefinition:Element,handlers:yfiles.collections.IList<yfiles.graphml.IInputHandler>);
       /**
@@ -6065,7 +7287,7 @@ declare namespace system{
        * <p>
        * Calling this method automatically sets {@link yfiles.graphml.QueryInputHandlersEventArgs#handled} to <code>true</code>.
        * </p>
-       * @param {yfiles.graphml.IInputHandler} handler
+       * @param handler
        */
       addInputHandler(handler:yfiles.graphml.IInputHandler):void;
       /**
@@ -6106,7 +7328,7 @@ declare namespace system{
      * Whenever it is necessary to locally modify some context properties, a new instance of this class should be created that
      * wraps an existing one.
      * </p>
-     * @class yfiles.graphml.ChildWriteContext
+     * @class
      * @implements {yfiles.graphml.IWriteContext}
      */
     export interface ChildWriteContext extends Object,yfiles.graphml.IWriteContext{}
@@ -6114,71 +7336,69 @@ declare namespace system{
       /**
        * Initializes a new instance of the {@link yfiles.graphml.ChildWriteContext} class that delegates to the provided context and
        * returns the given value in {@link yfiles.graphml.ChildWriteContext#getCurrent}.
-       * @param {yfiles.graphml.IWriteContext} parentContext The parent context to delegate calls to.
-       * @param {Object} currentObject The current object to return in {@link yfiles.graphml.ChildWriteContext#getCurrent}.
-       * @constructor
+       * @param parentContext The parent context to delegate calls to.
+       * @param currentObject The current object to return in {@link #getCurrent}.
        */
       constructor(parentContext:yfiles.graphml.IWriteContext,currentObject:Object);
       /**
        * Initializes a new instance of the {@link yfiles.graphml.ChildWriteContext} class that delegates to the given parent context.
-       * @param {yfiles.graphml.IWriteContext} parentContext The parent context.
-       * @constructor
+       * @param parentContext The parent context.
        */
       constructor(parentContext:yfiles.graphml.IWriteContext);
       /**
        * 
        * Type parameter <code>T</code>.
-       * @param {yfiles.lang.Class} itemType
-       * @returns {T} 
+       * @param itemType
+       * @returns 
        * @template T
        */
       getCurrent<T>(itemType:yfiles.lang.Class):T;
       /**
        * 
-       * @param {string} key
-       * @returns {Object} 
+       * @param key
+       * @returns 
        */
       getSerializationProperty(key:string):Object;
       /**
        * 
-       * @param {yfiles.lang.Class} type
-       * @returns {Object} 
+       * @param type
+       * @returns 
        */
       lookup(type:yfiles.lang.Class):Object;
       /**
        * Removes a local lookup override that has been added using {@link yfiles.graphml.ChildWriteContext#setLookup}
        * Type parameter <code>T</code>: The type key to remove.
-       * @param {yfiles.lang.Class} tType The type key to remove.
+       * @param tType The type key to remove.
        * @template T
        */
       removeLookup<T>(tType:yfiles.lang.Class):void;
       /**
        * Removes a previously locally {@link yfiles.graphml.ChildWriteContext#setSerializationProperty set} serialization property.
-       * @param {string} key The key for which the local property override should be removed.
+       * @param key The key for which the local property override should be removed.
        */
       removeSerializationProperty(key:string):void;
       /**
        * 
        * Type parameter <code>T</code>.
-       * @param {yfiles.lang.Class} targetType
-       * @param {yfiles.graphml.IWriteContext} context
-       * @param {T} item
+       * @param targetType
+       * @param context
+       * @param item
        * @template T
        */
       serializeCore<T>(targetType:yfiles.lang.Class,context:yfiles.graphml.IWriteContext,item:T):void;
       /**
        * Adds another lookup result to the local lookup override.
        * Type parameter <code>T</code>: The type to use as a key for the lookup.
-       * @param {yfiles.lang.Class} tType The type to use as a key for the lookup.
-       * @param {T} value The value to provide for queries to <code>T</code>.
+       * @param tType The type to use as a key for the lookup.
+       * @param value The value to provide for queries to <code>T</code>.
        * @see yfiles.graphml.ChildWriteContext#removeLookup
        * @template T
        */
       setLookup<T>(tType:yfiles.lang.Class,value:T):void;
       /**
        * Sets the local serialization property for the given key to the value.
-       * @param {string} key The key to override.
-       * @param {Object} value The value.
+       * @param key The key to override.
+       * @param value The value.
        */
       setSerializationProperty(key:string,value:Object):void;
       /**
@@ -6219,16 +7439,16 @@ declare namespace system{
      * <code>GraphMLWriter.write</code>. It should rarely be necessary to use this class directly.
      * </p>
      * @see yfiles.graphml.GraphMLIOHandler
-     * @class yfiles.graphml.GraphMLWriter
+     * @class
      */
     export interface GraphMLWriter extends Object{}
     export class GraphMLWriter {
       constructor();
       /**
        * Create the initial {@link yfiles.graphml.IWriteContext} instance.
-       * @param {yfiles.graph.IGraph} graph The graph that is written.
-       * @param {yfiles.graphml.IXmlWriter} writer The core {@link yfiles.graphml.IXmlWriter} instance that does the actual writing of XML content.
-       * @returns {yfiles.graphml.IWriteContext} An {@link yfiles.graphml.IWriteContext} instance that is suitable for <code>graph</code>.
+       * @param graph The graph that is written.
+       * @param writer The core {@link } instance that does the actual writing of XML content.
+       * @returns An {@link } instance that is suitable for <code>graph</code>.
        * @protected
        */
       createWriteContext(graph:yfiles.graph.IGraph,writer:yfiles.graphml.IXmlWriter):yfiles.graphml.IWriteContext;
@@ -6239,28 +7459,28 @@ declare namespace system{
        * {@link yfiles.graphml.GraphMLWriter#onQueryOutputHandlers}, which in turn raises the {@link yfiles.graphml.GraphMLWriter#addQueryOutputHandlersListener QueryOutputHandlers}
        * event.
        * </p>
-       * @param {yfiles.graphml.IWriteContext} context The current write context.
-       * @param {yfiles.graphml.KeyScope} scope The scope to get output handlers for.
-       * @returns {yfiles.collections.IEnumerable.<yfiles.graphml.IOutputHandler>} A dictionary from handler definition ids to {@link yfiles.graphml.IOutputHandler IOutputHandlers}.
+       * @param context The current write context.
+       * @param scope The scope to get output handlers for.
+       * @returns A dictionary from handler definition ids to {@link  IOutputHandlers}.
        */
       getOutputHandlers(context:yfiles.graphml.IWriteContext,scope:yfiles.graphml.KeyScope):yfiles.collections.IEnumerable<yfiles.graphml.IOutputHandler>;
       /**
        * Retrieve a serialization property that has been set by {@link yfiles.graphml.GraphMLWriter#setSerializationProperty}.
-       * @param {string} key The key for the property.
-       * @returns {Object} 
+       * @param key The key for the property.
+       * @returns 
        * @see yfiles.graphml.IWriteContext#getSerializationProperty
        */
       getSerializationProperty(key:string):Object;
       /**
        * Dynamically retrieve an instance of <code>type</code>.
-       * @param {yfiles.lang.Class} type The type for which an implementation is needed.
-       * @returns {Object} An implementation of <code>type</code>, or <code>null</code>.
+       * @param type The type for which an implementation is needed.
+       * @returns An implementation of <code>type</code>, or <code>null</code>.
        * @protected
        */
       lookup(type:yfiles.lang.Class):Object;
       /**
        * Fires the {@link yfiles.graphml.GraphMLWriter#addHandleSerializationListener HandleSerialization} event.
-       * @param {yfiles.graphml.HandleSerializationEventArgs} evt The arguments that get passed to the {@link yfiles.graphml.GraphMLWriter#addHandleSerializationListener HandleSerialization}
+       * @param evt The arguments that get passed to the {@link #addHandleSerializationListener HandleSerialization}
        * event.
        * @see yfiles.graphml.GraphMLIOHandler#onHandleSerialization
        * @protected
@@ -6268,7 +7488,7 @@ declare namespace system{
       onHandleSerialization(evt:yfiles.graphml.HandleSerializationEventArgs):void;
       /**
        * Fires the {@link yfiles.graphml.GraphMLWriter#addQueryOutputHandlersListener QueryOutputHandlers} event.
-       * @param {yfiles.graphml.QueryOutputHandlersEventArgs} evt The arguments that get passed to the {@link yfiles.graphml.GraphMLWriter#addQueryOutputHandlersListener QueryOutputHandlers}
+       * @param evt The arguments that get passed to the {@link #addQueryOutputHandlersListener QueryOutputHandlers}
        * event.
        * @see yfiles.graphml.GraphMLIOHandler#onQueryOutputHandlers
        * @protected
@@ -6276,7 +7496,7 @@ declare namespace system{
       onQueryOutputHandlers(evt:yfiles.graphml.QueryOutputHandlersEventArgs):void;
       /**
        * Fires the {@link yfiles.graphml.GraphMLWriter#addQueryReferenceIdListener QueryReferenceId} event.
-       * @param {yfiles.graphml.QueryReferenceIdEventArgs} evt The arguments that get passed to the {@link yfiles.graphml.GraphMLWriter#addQueryReferenceIdListener QueryReferenceId}
+       * @param evt The arguments that get passed to the {@link #addQueryReferenceIdListener QueryReferenceId}
        * event.
        * @see yfiles.graphml.GraphMLIOHandler#onQueryReferenceId
        * @protected
@@ -6288,7 +7508,7 @@ declare namespace system{
        * This method is called just before the writing starts and before {@link yfiles.graphml.IWriteEvents#addDocumentWritingListener DocumentWriting}
        * is called for the first time.
        * </p>
-       * @param {yfiles.graphml.WriteEventArgs} evt The {@link yfiles.graphml.WriteEventArgs} instance containing the event data.
+       * @param evt The {@link } instance containing the event data.
        * @see yfiles.graphml.GraphMLWriter#addWritingListener
        * @protected
        */
@@ -6299,7 +7519,7 @@ declare namespace system{
        * This method is called just before the writing has been finished and after {@link yfiles.graphml.IWriteEvents#addDocumentWrittenListener DocumentWritten}
        * is called for the last time.
        * </p>
-       * @param {yfiles.graphml.WriteEventArgs} evt The {@link yfiles.graphml.WriteEventArgs} instance containing the event data.
+       * @param evt The {@link } instance containing the event data.
        * @see yfiles.graphml.GraphMLWriter#addWrittenListener
        * @protected
        */
@@ -6307,13 +7527,13 @@ declare namespace system{
       /**
        * Remove an implementation of <code>T</code> that has been set with {@link yfiles.graphml.GraphMLWriter#setLookup}.
        * Type parameter <code>T</code>.
-       * @param {yfiles.lang.Class} tType
+       * @param tType
        * @template T
        */
       removeLookup<T>(tType:yfiles.lang.Class):void;
       /**
        * Remove a serialization property that has been set by {@link yfiles.graphml.GraphMLWriter#setSerializationProperty}.
-       * @param {string} key The key for the property.
+       * @param key The key for the property.
        * @see yfiles.graphml.IWriteContext#getSerializationProperty
        */
       removeSerializationProperty(key:string):void;
@@ -6325,9 +7545,9 @@ declare namespace system{
        * event.
        * </p>
        * Type parameter <code>T</code>: The desired type of the result.
-       * @param {yfiles.lang.Class} targetType The desired type of the result.
-       * @param {yfiles.graphml.IWriteContext} context The current parse context.
-       * @param {T} item The object that should be serialized.
+       * @param targetType The desired type of the result.
+       * @param context The current parse context.
+       * @param item The object that should be serialized.
        * @throws {yfiles.graphml.SerializationNotSupportedError} <code>SerializationNotSupportedException</code> if <code>item</code> cannot be serialized.
        * @see yfiles.graphml.IWriteContext#serializeCore
        * @see yfiles.graphml.GraphMLWriter#addHandleSerializationListener
@@ -6338,15 +7558,15 @@ declare namespace system{
       /**
        * Register an implementation of <code>T</code> for use with {@link yfiles.graphml.GraphMLWriter#lookup}.
        * Type parameter <code>T</code>: The type of <code>instance</code>.
-       * @param {yfiles.lang.Class} tType The type of <code>instance</code>.
-       * @param {T} instance The implementation of <code>T</code> for lookup retrieval.
+       * @param tType The type of <code>instance</code>.
+       * @param instance The implementation of <code>T</code> for lookup retrieval.
        * @template T
        */
       setLookup<T>(tType:yfiles.lang.Class,instance:T):void;
       /**
        * Set a serialization property that allows to fine tune the write process.
-       * @param {string} key The key for the property.
-       * @param {Object} value The property value.
+       * @param key The key for the property.
+       * @param value The property value.
        * @see yfiles.graphml.IWriteContext#getSerializationProperty
        */
       setSerializationProperty(key:string,value:Object):void;
@@ -6355,8 +7575,8 @@ declare namespace system{
        * <p>
        * Typically, this method is called indirectly from {@link yfiles.graphml.GraphMLIOHandler#write}.
        * </p>
-       * @param {yfiles.graph.IGraph} graph The graph instance that is populated.
-       * @param {yfiles.graphml.IXmlWriter} writer The writer that actually writes the XML content.
+       * @param graph The graph instance that is populated.
+       * @param writer The writer that actually writes the XML content.
        * @see yfiles.graphml.GraphMLIOHandler#write
        */
       write(graph:yfiles.graph.IGraph,writer:yfiles.graphml.IXmlWriter):void;
@@ -6372,7 +7592,7 @@ declare namespace system{
        * <p>
        * The current item is provided by {@link yfiles.graphml.HandleSerializationEventArgs#item}.
        * </p>
-       * @param {function(Object, yfiles.graphml.HandleSerializationEventArgs): void} listener The listener to add.
+       * @param listener The listener to add.
        * @see yfiles.graphml.GraphMLIOHandler#addHandleSerializationListener
        * @see yfiles.graphml.GraphMLWriter#removeHandleSerializationListener
        */
@@ -6389,7 +7609,7 @@ declare namespace system{
        * <p>
        * The current item is provided by {@link yfiles.graphml.HandleSerializationEventArgs#item}.
        * </p>
-       * @param {function(Object, yfiles.graphml.HandleSerializationEventArgs): void} listener The listener to remove.
+       * @param listener The listener to remove.
        * @see yfiles.graphml.GraphMLIOHandler#addHandleSerializationListener
        * @see yfiles.graphml.GraphMLWriter#addHandleSerializationListener
        */
@@ -6408,7 +7628,7 @@ declare namespace system{
        * If you want to register an {@link yfiles.graphml.IOutputHandler} for this GraphML attribute, you can add the handler with
        * {@link yfiles.graphml.QueryOutputHandlersEventArgs#addOutputHandler}.
        * </p>
-       * @param {function(Object, yfiles.graphml.QueryOutputHandlersEventArgs): void} listener The listener to add.
+       * @param listener The listener to add.
        * @see yfiles.graphml.GraphMLIOHandler#addQueryOutputHandlersListener
        * @see yfiles.graphml.GraphMLWriter#removeQueryOutputHandlersListener
        */
@@ -6428,7 +7648,7 @@ declare namespace system{
        * If you want to register an {@link yfiles.graphml.IOutputHandler} for this GraphML attribute, you can add the handler with
        * {@link yfiles.graphml.QueryOutputHandlersEventArgs#addOutputHandler}.
        * </p>
-       * @param {function(Object, yfiles.graphml.QueryOutputHandlersEventArgs): void} listener The listener to remove.
+       * @param listener The listener to remove.
        * @see yfiles.graphml.GraphMLIOHandler#addQueryOutputHandlersListener
        * @see yfiles.graphml.GraphMLWriter#addQueryOutputHandlersListener
        */
@@ -6441,7 +7661,7 @@ declare namespace system{
        * <p>
        * These reference targets are not serialized to the GraphML file.
        * </p>
-       * @param {function(Object, yfiles.graphml.QueryReferenceIdEventArgs): void} listener The listener to add.
+       * @param listener The listener to add.
        * @see yfiles.graphml.GraphMLIOHandler#addQueryReferenceIdListener
        * @see yfiles.graphml.GraphMLWriter#removeQueryReferenceIdListener
        */
@@ -6454,7 +7674,7 @@ declare namespace system{
        * <p>
        * These reference targets are not serialized to the GraphML file.
        * </p>
-       * @param {function(Object, yfiles.graphml.QueryReferenceIdEventArgs): void} listener The listener to remove.
+       * @param listener The listener to remove.
        * @see yfiles.graphml.GraphMLIOHandler#addQueryReferenceIdListener
        * @see yfiles.graphml.GraphMLWriter#addQueryReferenceIdListener
        */
@@ -6470,14 +7690,14 @@ declare namespace system{
       writeEvents:yfiles.graphml.IWriteEvents;
       /**
        * Adds the given listener for the <code>Written</code> event that occurs when the writing of a document has just been finished.
-       * @param {function(Object, yfiles.graphml.WriteEventArgs): void} listener The listener to add.
+       * @param listener The listener to add.
        * @see yfiles.graphml.GraphMLWriter#onWritten
        * @see yfiles.graphml.GraphMLWriter#removeWrittenListener
        */
       addWrittenListener(listener:(sender:Object,evt:yfiles.graphml.WriteEventArgs)=>void):void;
       /**
        * Removes the given listener for the <code>Written</code> event that occurs when the writing of a document has just been finished.
-       * @param {function(Object, yfiles.graphml.WriteEventArgs): void} listener The listener to remove.
+       * @param listener The listener to remove.
        * @see yfiles.graphml.GraphMLWriter#onWritten
        * @see yfiles.graphml.GraphMLWriter#addWrittenListener
        */
@@ -6488,7 +7708,7 @@ declare namespace system{
        * This event can be used to register to the fine-grained events available in the {@link yfiles.graphml.WriteEventArgs#context}'s {@link yfiles.graphml.IWriteContext#writeEvents} and to configure the writing process
        * on a per write case.
        * </p>
-       * @param {function(Object, yfiles.graphml.WriteEventArgs): void} listener The listener to add.
+       * @param listener The listener to add.
        * @see yfiles.graphml.GraphMLWriter#onWriting
        * @see yfiles.graphml.GraphMLWriter#removeWritingListener
        */
@@ -6499,7 +7719,7 @@ declare namespace system{
        * This event can be used to register to the fine-grained events available in the {@link yfiles.graphml.WriteEventArgs#context}'s {@link yfiles.graphml.IWriteContext#writeEvents} and to configure the writing process
        * on a per write case.
        * </p>
-       * @param {function(Object, yfiles.graphml.WriteEventArgs): void} listener The listener to remove.
+       * @param listener The listener to remove.
        * @see yfiles.graphml.GraphMLWriter#onWriting
        * @see yfiles.graphml.GraphMLWriter#addWritingListener
        */
@@ -6514,7 +7734,7 @@ declare namespace system{
      * If the event handler determines that it can serialize the {@link yfiles.graphml.HandleSerializationEventArgs#item}, it should use the {@link yfiles.graphml.HandleSerializationEventArgs#writer} for output and mark the event as {@link yfiles.graphml.HandleSerializationEventArgs#handled} so that
      * other code will not perform serialization, too.
      * </p>
-     * @class yfiles.graphml.HandleSerializationEventArgs
+     * @class
      * @extends {yfiles.lang.EventArgs}
      * @final
      */
@@ -6523,10 +7743,9 @@ declare namespace system{
       /**
        * Initializes a new instance of the {@link yfiles.graphml.HandleSerializationEventArgs} class using the provided context to write
        * the <code>item</code> using the given type for serialization.
-       * @param {yfiles.graphml.IWriteContext} context The context to use for writing.
-       * @param {Object} item The item to to serialize.
-       * @param {yfiles.lang.Class} [serializationType=null] The type that should be used for serialization, which needs to be a super type or interface of the <code>item</code> or <code>null</code>.
-       * @constructor
+       * @param context The context to use for writing.
+       * @param item The item to to serialize.
+       * @param [serializationType=null] The type that should be used for serialization, which needs to be a super type or interface of the <code>item</code> or <code>null</code>.
        */
       constructor(context:yfiles.graphml.IWriteContext,item:Object,serializationType?:yfiles.lang.Class);
       /**
@@ -6535,8 +7754,8 @@ declare namespace system{
        * This method can be used to replace the {@link yfiles.graphml.HandleSerializationEventArgs#item} and {@link yfiles.graphml.HandleSerializationEventArgs#sourceType} property so that the serialization chain can be traversed with a
        * substituted item. If this method has been called the {@link yfiles.graphml.HandleSerializationEventArgs#handled} property should not be set to <code>true</code>.
        * </p>
-       * @param {Object} item The substitute to assign to the {@link yfiles.graphml.HandleSerializationEventArgs#item} property.
-       * @param {yfiles.lang.Class} serializationType The serialization type to assign to the {@link yfiles.graphml.HandleSerializationEventArgs#sourceType} property.
+       * @param item The substitute to assign to the {@link #item} property.
+       * @param serializationType The serialization type to assign to the {@link #sourceType} property.
        */
       replaceItem(item:Object,serializationType:yfiles.lang.Class):void;
       /**
@@ -6577,33 +7796,33 @@ declare namespace system{
     export interface IGraphElementIdProvider extends Object{
       /**
        * Get an ID for the specified <code>edge</code> object
-       * @param {yfiles.graphml.IWriteContext} context The current write context, for further information to the provider
-       * @param {yfiles.graph.IEdge} edge The current graph object
-       * @returns {string} an ID for the specified edge object
+       * @param context The current write context, for further information to the provider
+       * @param edge The current graph object
+       * @returns an ID for the specified edge object
        * @abstract
        */
       getEdgeId(context:yfiles.graphml.IWriteContext,edge:yfiles.graph.IEdge):string;
       /**
        * Get an ID for the specified <code>graph</code> object
-       * @param {yfiles.graphml.IWriteContext} context The current write context, for further information to the provider
-       * @param {yfiles.graph.IGraph} graph The current graph object
-       * @returns {string} an ID for the specified graph object
+       * @param context The current write context, for further information to the provider
+       * @param graph The current graph object
+       * @returns an ID for the specified graph object
        * @abstract
        */
       getGraphId(context:yfiles.graphml.IWriteContext,graph:yfiles.graph.IGraph):string;
       /**
        * Get an ID for the specified <code>node</code> object
-       * @param {yfiles.graphml.IWriteContext} context The current write context, for further information to the provider
-       * @param {yfiles.graph.INode} node The current graph object
-       * @returns {string} an ID for the specified graph object
+       * @param context The current write context, for further information to the provider
+       * @param node The current graph object
+       * @returns an ID for the specified graph object
        * @abstract
        */
       getNodeId(context:yfiles.graphml.IWriteContext,node:yfiles.graph.INode):string;
       /**
        * Get an ID for the specified <code>port</code> object
-       * @param {yfiles.graphml.IWriteContext} context The current write context, for further information to the provider
-       * @param {yfiles.graph.IPort} port The current port object
-       * @returns {string} an ID for the specified port object
+       * @param context The current write context, for further information to the provider
+       * @param port The current port object
+       * @returns an ID for the specified port object
        * @abstract
        */
       getPortId(context:yfiles.graphml.IWriteContext,port:yfiles.graph.IPort):string;
@@ -6617,7 +7836,7 @@ declare namespace system{
      * serialization or delegates to the {@link yfiles.graphml.IWriteContext#serializeCore} callback.
      * Type parameter <code>TKey</code>: The type of the keys.
      * Type parameter <code>TData</code>: The type of the data.
-     * @class yfiles.graphml.MapperOutputHandler.<TKey,TData>
+     * @class
      * @extends {yfiles.graphml.OutputHandlerBase.<TKey,TData>}
      * @template TKey,TData
      */
@@ -6625,12 +7844,11 @@ declare namespace system{
     export class MapperOutputHandler<TKey,TData> {
       /**
        * Initializes a new instance of the {@link yfiles.graphml.MapperOutputHandler.<TKey,TData>} class using the provided key scope, the name, and the key type.
-       * @param {yfiles.lang.Class} keyType The type of the keys.
-       * @param {yfiles.lang.Class} dataType The type of the data.
-       * @param {yfiles.graphml.KeyScope} scope The scope for the key definition attributes.
-       * @param {string} name The name for the key definition attributes.
-       * @param {yfiles.graphml.KeyType} type The type for the key definition attributes.
-       * @constructor
+       * @param keyType The type of the keys.
+       * @param dataType The type of the data.
+       * @param scope The scope for the key definition attributes.
+       * @param name The name for the key definition attributes.
+       * @param type The type for the key definition attributes.
        */
       constructor(keyType:yfiles.lang.Class,dataType:yfiles.lang.Class,scope:yfiles.graphml.KeyScope,name:string,type:yfiles.graphml.KeyType);
       /**
@@ -6665,7 +7883,7 @@ declare namespace system{
      * Convenience abstract base implementation of the {@link yfiles.graphml.IOutputHandler} interface.
      * Type parameter <code>TKey</code>: The type of the keys.
      * Type parameter <code>TData</code>: The type of the data.
-     * @class yfiles.graphml.OutputHandlerBase.<TKey,TData>
+     * @class
      * @implements {yfiles.graphml.IOutputHandler}
      * @template TKey,TData
      */
@@ -6673,21 +7891,20 @@ declare namespace system{
     export class OutputHandlerBase<TKey,TData> {
       /**
        * Initializes a new instance of the {@link yfiles.graphml.OutputHandlerBase.<TKey,TData>} class using the provided scope, name, and type for the key definition.
-       * @param {yfiles.lang.Class} keyType1 The type of the keys.
-       * @param {yfiles.lang.Class} dataType1 The type of the data.
-       * @param {yfiles.graphml.KeyScope} scope The scope.
-       * @param {string} name The name to use for the key definition.
-       * @param {yfiles.graphml.KeyType} type The type to use for the key definition.
+       * @param keyType The type of the keys.
+       * @param dataType The type of the data.
+       * @param scope The scope.
+       * @param name The name to use for the key definition.
+       * @param type The type to use for the key definition.
        * @see yfiles.graphml.OutputHandlerBase.<TKey,TData>#setKeyDefinitionUri
        * @protected
-       * @constructor
        */
-      constructor(keyType1:yfiles.lang.Class,dataType1:yfiles.lang.Class,scope:yfiles.graphml.KeyScope,name:string,type:yfiles.graphml.KeyType);
+      constructor(keyType:yfiles.lang.Class,dataType:yfiles.lang.Class,scope:yfiles.graphml.KeyScope,name:string,type:yfiles.graphml.KeyType);
       /**
        * Callback method that obtains the data for the given key.
-       * @param {yfiles.graphml.IWriteContext} context The context.
-       * @param {TKey} key The key.
-       * @returns {TData} The data that is associated with the key.
+       * @param context The context.
+       * @param key The key.
+       * @returns The data that is associated with the key.
        * @protected
        * @abstract
        */
@@ -6699,13 +7916,13 @@ declare namespace system{
        * This implementation will return <code>false</code> if no {@link yfiles.graphml.OutputHandlerBase.<TKey,TData>#defaultExists default has been set}. Otherwise it will use {@link yfiles.graphml.OutputHandlerBase.<TKey,TData>#getValue} and compare the result
        * with the {@link yfiles.graphml.OutputHandlerBase.<TKey,TData>#defaultValue} to determine whether they are equal and therefore no data needs to be written.
        * </p>
-       * @param {yfiles.graphml.IWriteContext} context The context.
-       * @returns {boolean} <code>true</code> if for the current context the default value applies and therefore no data element needs to be written.
+       * @param context The context.
+       * @returns <code>true</code> if for the current context the default value applies and therefore no data element needs to be written.
        */
       isDefaultValue(context:yfiles.graphml.IWriteContext):boolean;
       /**
        * Sets the name for the key definition.
-       * @param {string} name The name of the key element.
+       * @param name The name of the key element.
        */
       setKeyDefinitionName(name:string):void;
       /**
@@ -6714,12 +7931,12 @@ declare namespace system{
        * Note that the official GraphML schema does not support the {@link yfiles.graphml.KeyScope#GRAPHML} so this implementation will
        * silently ignore this which will result in {@link yfiles.graphml.KeyScope#ALL} implicitly being defined.
        * </p>
-       * @param {yfiles.graphml.KeyScope} scope The scope of the key element.
+       * @param scope The scope of the key element.
        */
       setKeyDefinitionScope(scope:yfiles.graphml.KeyScope):void;
       /**
        * Sets the key type for the key definition.
-       * @param {yfiles.graphml.KeyType} type The type of the key element.
+       * @param type The type of the key element.
        */
       setKeyDefinitionType(type:yfiles.graphml.KeyType):void;
       /**
@@ -6727,7 +7944,7 @@ declare namespace system{
        * <p>
        * By default, no URI is set.
        * </p>
-       * @param {string} uri The URI of the key element.
+       * @param uri The URI of the key element.
        */
       setKeyDefinitionUri(uri:string):void;
       /**
@@ -6736,7 +7953,7 @@ declare namespace system{
        * Depending on whether {@link yfiles.graphml.OutputHandlerBase.<TKey,TData>#writeKeyDefault} is enabled and {@link yfiles.graphml.OutputHandlerBase.<TKey,TData>#defaultExists} is <code>true</code>, this method will write the GraphML 'default' element and use {@link yfiles.graphml.OutputHandlerBase.<TKey,TData>#writeValueCore}
        * to serialize the {@link yfiles.graphml.OutputHandlerBase.<TKey,TData>#defaultValue}.
        * </p>
-       * @param {yfiles.graphml.IWriteContext} context The context.
+       * @param context The context.
        */
       writeKeyDefinitionContent(context:yfiles.graphml.IWriteContext):void;
       /**
@@ -6744,13 +7961,13 @@ declare namespace system{
        * <p>
        * This method will use {@link yfiles.graphml.OutputHandlerBase.<TKey,TData>#getValue} to obtain the data and delegate to {@link yfiles.graphml.OutputHandlerBase.<TKey,TData>#writeValueCore} to perform the actual serialization.
        * </p>
-       * @param {yfiles.graphml.IWriteContext} context The context.
+       * @param context The context.
        */
       writeValue(context:yfiles.graphml.IWriteContext):void;
       /**
        * Callback method that performs the actual writing of the data.
-       * @param {yfiles.graphml.IWriteContext} context The context.
-       * @param {TData} data The data.
+       * @param context The context.
+       * @param data The data.
        * @protected
        * @abstract
        */
@@ -6799,7 +8016,7 @@ declare namespace system{
      * dynamically at the time of writing, by adding them to the {@link yfiles.graphml.QueryOutputHandlersEventArgs#handlers} collection.
      * </p>
      * @see yfiles.graphml.GraphMLIOHandler
-     * @class yfiles.graphml.QueryOutputHandlersEventArgs
+     * @class
      * @extends {yfiles.lang.EventArgs}
      * @final
      */
@@ -6807,14 +8024,13 @@ declare namespace system{
     export class QueryOutputHandlersEventArgs {
       /**
        * Initializes a new instance of the {@link yfiles.graphml.QueryOutputHandlersEventArgs} class.
-       * @param {yfiles.graphml.IWriteContext} context The context to assign to the {@link yfiles.graphml.QueryOutputHandlersEventArgs#context} property.
-       * @param {yfiles.graphml.KeyScope} scope The scope where the handlers should be added.
-       * @constructor
+       * @param context The context to assign to the {@link #context} property.
+       * @param scope The scope where the handlers should be added.
        */
       constructor(context:yfiles.graphml.IWriteContext,scope:yfiles.graphml.KeyScope);
       /**
        * Adds the given output handler to the set of registered output handlers for the given scope.
-       * @param {yfiles.graphml.IOutputHandler} handler The handler to add.
+       * @param handler The handler to add.
        */
       addOutputHandler(handler:yfiles.graphml.IOutputHandler):void;
       /**
@@ -6839,25 +8055,24 @@ declare namespace system{
      * <p>
      * This writer does not support random access on the output document.
      * </p>
-     * @class yfiles.graphml.XmlWriter
+     * @class
      * @implements {yfiles.graphml.IXmlWriter}
      */
     export interface XmlWriter extends Object,yfiles.graphml.IXmlWriter{}
     export class XmlWriter {
       /**
-       * Create a new instance that writes on a {@link Root.OB}
-       * @constructor
+       * Create a new instance with enabled {@link yfiles.graphml.XmlWriter#indent}.
        */
       constructor();
       /**
        * 
-       * @param {boolean} addEndTag
+       * @param addEndTag
        * @protected
        */
       closeCurrentElement(addEndTag:boolean):void;
       /**
        * Factory method that creates the namespace manager for this instance.
-       * @returns {yfiles.graphml.IXmlNamespaceManager} A new manager instance.
+       * @returns A new manager instance.
        * @protected
        */
       createNamespaceManager():yfiles.graphml.IXmlNamespaceManager;
@@ -6867,34 +8082,34 @@ declare namespace system{
       flushDocument():void;
       /**
        * 
-       * @returns {string} 
+       * @returns 
        */
       getXmlString():string;
       /**
        * 
-       * @param {string} prefix
-       * @param {string} localName
-       * @param {string} ns
-       * @param {string} value
-       * @returns {yfiles.graphml.IXmlWriter} 
+       * @param prefix
+       * @param localName
+       * @param ns
+       * @param value
+       * @returns 
        */
       writeAttributeNS(prefix:string,localName:string,ns:string,value:string):yfiles.graphml.IXmlWriter;
       /**
        * 
-       * @param {string} content
-       * @returns {yfiles.graphml.IXmlWriter} 
+       * @param content
+       * @returns 
        */
       writeCData(content:string):yfiles.graphml.IXmlWriter;
       /**
        * 
-       * @param {string} comment
-       * @returns {yfiles.graphml.IXmlWriter} 
+       * @param comment
+       * @returns 
        */
       writeComment(comment:string):yfiles.graphml.IXmlWriter;
       /**
        * 
-       * @param {Document} fragment
-       * @returns {yfiles.graphml.IXmlWriter} 
+       * @param fragment
+       * @returns 
        */
       writeDocumentFragment(fragment:Document):yfiles.graphml.IXmlWriter;
       /**
@@ -6903,40 +8118,40 @@ declare namespace system{
       writeEndDocument():void;
       /**
        * 
-       * @returns {yfiles.graphml.IXmlWriter} 
+       * @returns 
        */
       writeEndElement():yfiles.graphml.IXmlWriter;
       /**
        * 
-       * @param {string} target
-       * @param {string} data
-       * @returns {yfiles.graphml.IXmlWriter} 
+       * @param target
+       * @param data
+       * @returns 
        */
       writeProcessingInstruction(target:string,data:string):yfiles.graphml.IXmlWriter;
       /**
        * 
-       * @returns {yfiles.graphml.IXmlWriter} 
+       * @returns 
        */
       writeStartDocument():yfiles.graphml.IXmlWriter;
       /**
        * 
-       * @param {string} prefix
-       * @param {string} localName
-       * @param {string} ns
-       * @returns {yfiles.graphml.IXmlWriter} 
+       * @param prefix
+       * @param localName
+       * @param ns
+       * @returns 
        */
       writeStartElement(prefix:string,localName:string,ns:string):yfiles.graphml.IXmlWriter;
       /**
        * 
-       * @param {string} localName
-       * @param {string} ns
-       * @returns {yfiles.graphml.IXmlWriter} 
+       * @param localName
+       * @param ns
+       * @returns 
        */
       writeStartElement(localName:string,ns:string):yfiles.graphml.IXmlWriter;
       /**
        * 
-       * @param {string} s
-       * @returns {yfiles.graphml.IXmlWriter} 
+       * @param s
+       * @returns 
        */
       writeString(s:string):yfiles.graphml.IXmlWriter;
       /**
@@ -7010,9 +8225,9 @@ declare namespace system{
     export interface IReferenceHandler extends Object{
       /**
        * Gets the reference handle for a given subject.
-       * @param {Object} subject The subject.
-       * @param {yfiles.graphml.IWriteContext} context The current write context.
-       * @returns {yfiles.graphml.IReferenceHandle} A handle for the resource <code>subject</code>, or <code>null</code> if the resource is not registered.
+       * @param subject The subject.
+       * @param context The current write context.
+       * @returns A handle for the resource <code>subject</code>, or <code>null</code> if the resource is not registered.
        * @see yfiles.graphml.IReferenceHandle
        * @see yfiles.graphml.IReferenceHandle#subject
        * @abstract
@@ -7026,8 +8241,8 @@ declare namespace system{
        * addition, subsequent calls to {@link yfiles.graphml.IReferenceHandler#registerResource} for the same reference won't mark the
        * resource as shared again.
        * </p>
-       * @param {yfiles.graphml.IWriteContext} context The current write context.
-       * @param {Object} subject The resource to register.
+       * @param context The current write context.
+       * @param subject The resource to register.
        * @see yfiles.graphml.IReferenceHandler#registerResource
        * @see yfiles.graphml.GraphMLAttribute#shareable
        * @abstract
@@ -7035,9 +8250,9 @@ declare namespace system{
       markAsUnshared(context:yfiles.graphml.IWriteContext,subject:Object):void;
       /**
        * Register a shared resource.
-       * @param {yfiles.graphml.IWriteContext} context The current write context.
-       * @param {Object} subject The resource to register.
-       * @returns {yfiles.graphml.SharingState} <code>true</code> iff the resource needs to be serialized; otherwise the resource is either a duplicate resource or is declared
+       * @param context The current write context.
+       * @param subject The resource to register.
+       * @returns <code>true</code> iff the resource needs to be serialized; otherwise the resource is either a duplicate resource or is declared
        * externally and does not need any additional handling.
        * @abstract
        */
@@ -7070,7 +8285,7 @@ declare namespace system{
      * and {@link yfiles.graphml.GraphMLIOHandler#addOverrideResolveReferenceListener OverrideResolveReference} events.
      * @see yfiles.graphml.GraphMLIOHandler#addResolveReferenceListener
      * @see yfiles.graphml.GraphMLIOHandler#addOverrideResolveReferenceListener
-     * @class yfiles.graphml.ResolveReferenceEventArgs
+     * @class
      * @extends {yfiles.lang.EventArgs}
      */
     export interface ResolveReferenceEventArgs extends yfiles.lang.EventArgs{}
@@ -7080,9 +8295,8 @@ declare namespace system{
        * <p>
        * The {@link yfiles.graphml.ResolveReferenceEventArgs#handled} property is set to <code>false</code>, the {@link yfiles.graphml.ResolveReferenceEventArgs#value} property is set to <code>null</code>
        * </p>
-       * @param {yfiles.graphml.IParseContext} context The current parse context that can be used by the event handler for additional information.
-       * @param {string} referenceId The reference id that should evaluated by the event handler.
-       * @constructor
+       * @param context The current parse context that can be used by the event handler for additional information.
+       * @param referenceId The reference id that should evaluated by the event handler.
        */
       constructor(context:yfiles.graphml.IParseContext,referenceId:string);
       /**
@@ -7124,7 +8338,7 @@ declare namespace system{
      * </p>
      * @see yfiles.graphml.GraphMLIOHandler#addQueryReferenceIdListener
      * @see yfiles.graphml.GraphMLWriter#addQueryReferenceIdListener
-     * @class yfiles.graphml.QueryReferenceIdEventArgs
+     * @class
      * @extends {yfiles.lang.EventArgs}
      */
     export interface QueryReferenceIdEventArgs extends yfiles.lang.EventArgs{}
@@ -7134,9 +8348,8 @@ declare namespace system{
        * <p>
        * The {@link yfiles.graphml.QueryReferenceIdEventArgs#handled} property is set to <code>false</code>, the {@link yfiles.graphml.QueryReferenceIdEventArgs#referenceId} is set to <code>null</code>.
        * </p>
-       * @param {yfiles.graphml.IWriteContext} context The current write context that can be used by the event handler for additional information.
-       * @param {Object} value The referenced object instance.
-       * @constructor
+       * @param context The current write context that can be used by the event handler for additional information.
+       * @param value The referenced object instance.
        */
       constructor(context:yfiles.graphml.IWriteContext,value:Object);
       /**
@@ -7158,7 +8371,7 @@ declare namespace system{
        * </p>
        * @see yfiles.graphml.QueryReferenceIdEventArgs#referenceId
        * @see yfiles.graphml.QueryReferenceIdEventArgs#handled
-       * @default 1
+       * @default yfiles.graphml.GraphMLReferenceType.EXTERNAL
        * @type {yfiles.graphml.GraphMLReferenceType}
        */
       referenceType:yfiles.graphml.GraphMLReferenceType;
@@ -7185,33 +8398,32 @@ declare namespace system{
     }
     /**
      * Special implementation of {@link yfiles.graphml.IValueSerializerContext} that should be used in a GraphML parse context.
-     * @class yfiles.graphml.GraphMLParseValueSerializerContext
+     * @class
      * @implements {yfiles.graphml.IValueSerializerContext}
      */
     export interface GraphMLParseValueSerializerContext extends Object,yfiles.graphml.IValueSerializerContext{}
     export class GraphMLParseValueSerializerContext {
       /**
        * Creates a new instance that wraps <code>context</code>
-       * @param {yfiles.graphml.IParseContext} context The current write context
-       * @constructor
+       * @param context The current write context
        */
       constructor(context:yfiles.graphml.IParseContext);
       /**
        * 
-       * @param {yfiles.graphml.Property} property
-       * @returns {yfiles.graphml.ValueSerializer} 
+       * @param property
+       * @returns 
        */
       getValueSerializerFor(property:yfiles.graphml.Property):yfiles.graphml.ValueSerializer;
       /**
        * 
-       * @param {yfiles.lang.Class} type
-       * @returns {yfiles.graphml.ValueSerializer} 
+       * @param type
+       * @returns 
        */
       getValueSerializerFor(type:yfiles.lang.Class):yfiles.graphml.ValueSerializer;
       /**
        * Returns the wrapped {@link yfiles.graphml.IParseContext} for this serviceType, otherwise <code>null</code>
-       * @param {yfiles.lang.Class} serviceType The serviceType
-       * @returns {Object} the wrapped {@link yfiles.graphml.IParseContext} for this serviceType, otherwise <code>null</code>
+       * @param serviceType The serviceType
+       * @returns the wrapped {@link } for this serviceType, otherwise <code>null</code>
        */
       lookup(serviceType:yfiles.lang.Class):Object;
       /**
@@ -7223,33 +8435,32 @@ declare namespace system{
     }
     /**
      * Special implementation of {@link yfiles.graphml.IValueSerializerContext} that should be used in a GraphML write context.
-     * @class yfiles.graphml.GraphMLWriteValueSerializerContext
+     * @class
      * @implements {yfiles.graphml.IValueSerializerContext}
      */
     export interface GraphMLWriteValueSerializerContext extends Object,yfiles.graphml.IValueSerializerContext{}
     export class GraphMLWriteValueSerializerContext {
       /**
        * Creates a new instance that wraps <code>context</code>
-       * @param {yfiles.graphml.IWriteContext} context The current write context
-       * @constructor
+       * @param context The current write context
        */
       constructor(context:yfiles.graphml.IWriteContext);
       /**
        * 
-       * @param {yfiles.graphml.Property} property
-       * @returns {yfiles.graphml.ValueSerializer} 
+       * @param property
+       * @returns 
        */
       getValueSerializerFor(property:yfiles.graphml.Property):yfiles.graphml.ValueSerializer;
       /**
        * 
-       * @param {yfiles.lang.Class} type
-       * @returns {yfiles.graphml.ValueSerializer} 
+       * @param type
+       * @returns 
        */
       getValueSerializerFor(type:yfiles.lang.Class):yfiles.graphml.ValueSerializer;
       /**
        * Returns the wrapped {@link yfiles.graphml.IWriteContext} for this serviceType, otherwise <code>null</code>
-       * @param {yfiles.lang.Class} serviceType The serviceType
-       * @returns {Object} the wrapped {@link yfiles.graphml.IWriteContext} for this serviceType, otherwise <code>null</code>
+       * @param serviceType The serviceType
+       * @returns the wrapped {@link } for this serviceType, otherwise <code>null</code>
        */
       lookup(serviceType:yfiles.lang.Class):Object;
       /**
@@ -7270,16 +8481,15 @@ declare namespace system{
      * It is valid to provide only part of the XML name by setting the other part to null. In that case, the default name
      * determination rules are used for that part.
      * </p>
-     * @class yfiles.graphml.QueryNameEventArgs
+     * @class
      * @extends {yfiles.lang.EventArgs}
      */
     export interface QueryNameEventArgs extends yfiles.lang.EventArgs{}
     export class QueryNameEventArgs {
       /**
        * Initializes a new instance of the {@link yfiles.graphml.QueryNameEventArgs} class.
-       * @param {yfiles.graphml.IWriteContext} context The context in which the lookup shall take place.
-       * @param {yfiles.lang.Class} type The type that should be mapped.
-       * @constructor
+       * @param context The context in which the lookup shall take place.
+       * @param type The type that should be mapped.
        */
       constructor(context:yfiles.graphml.IWriteContext,type:yfiles.lang.Class);
       /**
@@ -7305,7 +8515,7 @@ declare namespace system{
        */
       handled:boolean;
       /**
-       * The fully qualified xml name that should be resolved to a type.
+       * The type for which the {@link yfiles.graphml.QueryNameEventArgs#result XML name} is queried.
        * @type {yfiles.lang.Class}
        */
       type:yfiles.lang.Class;
@@ -7323,16 +8533,15 @@ declare namespace system{
      * If the event handler determines that it can resolve {@link yfiles.graphml.QueryTypeEventArgs#xmlName} to a type, it should place the result into the {@link yfiles.graphml.QueryTypeEventArgs#result} property and thus
      * mark the event as {@link yfiles.graphml.QueryTypeEventArgs#handled}.
      * </p>
-     * @class yfiles.graphml.QueryTypeEventArgs
+     * @class
      * @extends {yfiles.lang.EventArgs}
      */
     export interface QueryTypeEventArgs extends yfiles.lang.EventArgs{}
     export class QueryTypeEventArgs {
       /**
        * Initializes a new instance of the {@link yfiles.graphml.QueryTypeEventArgs} class.
-       * @param {yfiles.graphml.IParseContext} context The context in the lookup should take place.
-       * @param {yfiles.graphml.XmlName} xName The type that should be mapped.
-       * @constructor
+       * @param context The context in the lookup should take place.
+       * @param xName The type that should be mapped.
        */
       constructor(context:yfiles.graphml.IParseContext,xName:yfiles.graphml.XmlName);
       /**
@@ -7366,16 +8575,16 @@ declare namespace system{
     }
     /**
      * An implementation that can read (a subset of) XAML formatted XML content.
-     * @class yfiles.graphml.XamlReader
+     * @class
      * @final
      */
     export interface XamlReader extends Object{}
     export class XamlReader {
       /**
        * Deserializes the specified element node in the context to an instance.
-       * @param {yfiles.graphml.IParseContext} context The context.
-       * @param {Element} element The XML element node.
-       * @returns {Object} The instance that is described in the XML.
+       * @param context The context.
+       * @param element The XML element node.
+       * @returns The instance that is described in the XML.
        */
       deserialize(context:yfiles.graphml.IParseContext,element:Element):Object;
       /**
@@ -7400,15 +8609,15 @@ declare namespace system{
     export interface IXamlPrefixMapper extends Object{
       /**
        * Gets the namespace for the given prefix.
-       * @param {string} prefix The prefix.
-       * @returns {string} The namespace.
+       * @param prefix The prefix.
+       * @returns The namespace.
        * @abstract
        */
       getNamespaceOfPrefix(prefix:string):string;
       /**
        * Gets the prefix of namespace.
-       * @param {string} ns The namespace.
-       * @returns {string} The prefix to use.
+       * @param ns The namespace.
+       * @returns The prefix to use.
        * @abstract
        */
       getPrefixOfNamespace(ns:string):string;
@@ -7428,7 +8637,7 @@ declare namespace system{
      * {@link yfiles.graphml.GraphMLAttribute#name}. The same holds for specific members.
      * </p>
      * @see yfiles.graphml.GraphMLAttribute
-     * @class yfiles.graphml.XamlSerializer
+     * @class
      * @final
      */
     export interface XamlSerializer extends Object{}
@@ -7438,8 +8647,8 @@ declare namespace system{
        * <p>
        * This implementation already provides the toplevel XML element with an appropriate tag name.
        * </p>
-       * @param {yfiles.graphml.IWriteContext} context The current write context
-       * @param {Object} subject The actual object
+       * @param context The current write context
+       * @param subject The actual object
        */
       serialize(context:yfiles.graphml.IWriteContext,subject:Object):void;
       /**
@@ -7451,1248 +8660,452 @@ declare namespace system{
       static INSTANCE:yfiles.graphml.XamlSerializer;
       static $class:yfiles.lang.Class;
     }
-  }export namespace collections{
-    /**
-     * The default implementation for {@link yfiles.collections.IMap.<TKey,TValue>}.
-     * Type parameter <code>TKey</code>: The type of the key elements of this dictionary.
-     * Type parameter <code>TValue</code>: The type of the value elements of this dictionary.
-     * @class yfiles.collections.Map.<TKey,TValue>
-     * @implements {yfiles.collections.IMap.<TKey,TValue>}
-     * @implements {yfiles.collections.ICollection.<yfiles.collections.MapEntry.<TKey,TValue>>}
-     * @implements {yfiles.collections.IEnumerable.<yfiles.collections.MapEntry.<TKey,TValue>>}
-     * @template TKey,TValue
-     */
-    export interface Map<TKey,TValue> extends Object,yfiles.collections.IMap<TKey,TValue>,yfiles.collections.ICollection<yfiles.collections.MapEntry<TKey,TValue>>,yfiles.collections.IEnumerable<yfiles.collections.MapEntry<TKey,TValue>>{}
-    export class Map<TKey,TValue> {
-      /**
-       * Creates a new instance.
-       * @param {Object} [options=null] The parameters to pass.
-       * @param options.entries An array of items which are added to this map. Each item will be added via the {@link yfiles.collections.Map.<TKey,TValue>#add} method.
-       * @constructor
-       */
-      constructor(options?:{entries?:Array<any>});
-      /**
-       * 
-       * @param {yfiles.collections.MapEntry.<TKey,TValue>} item
-       */
-      add(item:yfiles.collections.MapEntry<TKey,TValue>):void;
-      /**
-       * 
-       */
-      clear():void;
-      /**
-       * Whether this dictionary contains the given <code>value</code>.
-       * @param {TValue} value The value to search for.
-       * @returns {boolean} <code>true</code> if this dictionary contains the given value.
-       */
-      containsValue(value:TValue):boolean;
-      /**
-       * 
-       * @param {Array.<yfiles.collections.MapEntry.<TKey,TValue>>} array
-       * @param {number} arrayIndex
-       */
-      copyTo(array:yfiles.collections.MapEntry<TKey,TValue>[],arrayIndex:number):void;
-      /**
-       * 
-       * @param {TKey} key
-       * @returns {boolean} 
-       */
-      delete(key:TKey):boolean;
-      /**
-       * 
-       * @param {TKey} key
-       * @returns {TValue} 
-       */
-      get(key:TKey):TValue;
-      /**
-       * 
-       * @returns {yfiles.collections.IEnumerator.<yfiles.collections.MapEntry.<TKey,TValue>>} 
-       */
-      getEnumerator():yfiles.collections.IEnumerator<yfiles.collections.MapEntry<TKey,TValue>>;
-      /**
-       * 
-       * @param {TKey} key
-       * @returns {boolean} 
-       */
-      has(key:TKey):boolean;
-      /**
-       * 
-       * @param {yfiles.collections.MapEntry.<TKey,TValue>} item
-       * @returns {boolean} 
-       */
-      includes(item:yfiles.collections.MapEntry<TKey,TValue>):boolean;
-      /**
-       * 
-       * @param {yfiles.collections.MapEntry.<TKey,TValue>} item
-       * @returns {boolean} 
-       */
-      remove(item:yfiles.collections.MapEntry<TKey,TValue>):boolean;
-      /**
-       * 
-       * @param {TKey} key
-       * @param {TValue} value
-       */
-      set(key:TKey,value:TValue):void;
-      /**
-       * 
-       * @type {number}
-       */
-      size:number;
-      /**
-       * 
-       * @type {boolean}
-       */
-      isReadOnly:boolean;
-      /**
-       * 
-       * @type {yfiles.collections.ICollection.<TKey>}
-       */
-      keys:yfiles.collections.ICollection<TKey>;
-      /**
-       * 
-       * @type {yfiles.collections.ICollection.<TValue>}
-       */
-      values:yfiles.collections.ICollection<TValue>;
-      static $class:yfiles.lang.Class;
-    }
-    /**
-     * Defines methods to manipulate a collection of objects with the same type.
-     * Type parameter <code>T</code>: The type of the elements in the collection.
-     * @interface
-     * @implements {yfiles.collections.IEnumerable.<T>}
-     * @template T
-     */
-    export interface ICollection<T> extends Object,yfiles.collections.IEnumerable<T>{
-      /**
-       * Adds the given <code>item</code> to the collection.
-       * @param {T} item
-       * @abstract
-       */
-      add(item:T):void;
-      /**
-       * Removes all items from this collection.
-       * @abstract
-       */
-      clear():void;
-      /**
-       * Copies all elements of this collection into the given array.
-       * @param {Array.<T>} array The array to copy the elements to.
-       * @param {number} arrayIndex The index in the given array where the first element should be copied to.
-       * @abstract
-       */
-      copyTo(array:T[],arrayIndex:number):void;
-      /**
-       * Whether the given <code>item</code> is contained in this collection.
-       * @param {T} item The item to search for.
-       * @returns {boolean} <code>true</code> if the given <code>item</code> is contained in this collection.
-       * @abstract
-       */
-      includes(item:T):boolean;
-      /**
-       * Removes the given <code>item</code> from this collection.
-       * @param {T} item The item to remove.
-       * @returns {boolean} Whether the item was removed from the collection.
-       * @abstract
-       */
-      remove(item:T):boolean;
-      /**
-       * The number of elements in this collection.
-       * @abstract
-       * @type {number}
-       */
-      size:number;
-      /**
-       * Whether this collection is read-only.
-       * @abstract
-       * @type {boolean}
-       */
-      isReadOnly:boolean;
-    }
-    var ICollection:{
-      $class:yfiles.lang.Class;
-      isInstance(o:Object):boolean;
-    };
-    /**
-     * A collection of value objects which are mapped to key objects and can be queried using their keys.
-     * <p>
-     * The keys must have a well defined <code>hashCode</code> method that must not change between registering a value for the key and
-     * retrieving a value using the key. Thus it is advisable to use stable, i.e. immutable, objects as the key.
-     * </p>
-     * Type parameter <code>TKey</code>: The type of the keys.
-     * Type parameter <code>TValue</code>: The type of the values.
-     * @interface
-     * @implements {yfiles.collections.ICollection.<yfiles.collections.MapEntry.<TKey,TValue>>}
-     * @template TKey,TValue
-     */
-    export interface IMap<TKey,TValue> extends Object,yfiles.collections.ICollection<yfiles.collections.MapEntry<TKey,TValue>>{
-      /**
-       * Removes the key/value pair which is represented by the given <code>key</code>.
-       * @param {TKey} key The key of the key/value pair to remove.
-       * @returns {boolean} <code>true</code> if a key/value pair with the given key was removed from this collection.
-       * @abstract
-       */
-      delete(key:TKey):boolean;
-      /**
-       * Gets the value of the key/value pair with the given key.
-       * <p>
-       * Setter: if there is already a key/value pair with the given key in the dictionary its value will be overridden. If not a
-       * new key/value pair will be added.
-       * <br />
-       * Getter: if there is no key/value pair with the given key in this dictionary <code>null</code> will be returned.
-       * </p>
-       * @param {TKey} key
-       * @returns {TValue} 
-       * @see yfiles.collections.IMap.<TKey,TValue>#set
-       * @abstract
-       */
-      get(key:TKey):TValue;
-      /**
-       * Whether this dictionary's key collection contains the given key.
-       * @param {TKey} key The key to search for.
-       * @returns {boolean} <code>true</code> if this dictionary contains the given <code>key</code>.
-       * @abstract
-       */
-      has(key:TKey):boolean;
-      /**
-       * Sets the value of the key/value pair with the given key.
-       * <p>
-       * Setter: if there is already a key/value pair with the given key in the dictionary its value will be overridden. If not a
-       * new key/value pair will be added.
-       * <br />
-       * Getter: if there is no key/value pair with the given key in this dictionary <code>null</code> will be returned.
-       * </p>
-       * @param {TKey} key
-       * @param value
-       * @see yfiles.collections.IMap.<TKey,TValue>#get
-       * @abstract
-       */
-      set(key:TKey,value:TValue):void;
-      /**
-       * A {@link yfiles.collections.ICollection.<T>} of the keys of this dictionary.
-       * @abstract
-       * @type {yfiles.collections.ICollection.<TKey>}
-       */
-      keys:yfiles.collections.ICollection<TKey>;
-      /**
-       * A {@link yfiles.collections.ICollection.<T>} of the values of this dictionary.
-       * @abstract
-       * @type {yfiles.collections.ICollection.<TValue>}
-       */
-      values:yfiles.collections.ICollection<TValue>;
-    }
-    var IMap:{
-      $class:yfiles.lang.Class;
-      isInstance(o:Object):boolean;
-    };
-    /**
-     * Defines ways to iterate over the items contained in this type by providing a method to get an {@link yfiles.collections.IEnumerator.<T>}.
-     * Type parameter <code>T</code>: The type of the enumerable objects.
-     * @interface
-     * @template T
-     */
-    export interface IEnumerable<T> extends Object{
-      /**
-       * 
-       * @param {yfiles.collections.IEnumerable.<T>} enumerable
-       * @returns {yfiles.collections.IEnumerable.<T>} 
-       */
-      concat?(enumerable:yfiles.collections.IEnumerable<T>):yfiles.collections.IEnumerable<T>;
-      /**
-       * Returns the element at the given <code>index</code> in the enumerable.
-       * @param {number} index The index of the element to return.
-       * @returns {T} The element at the given <code>index</code>.
-       * @throws {Stubs.Exceptions.ArgumentError} If the <code>index</code> is not within the enumerable's range.
-       */
-      elementAt?(index:number):T;
-      /**
-       * Whether all elements of the enumerable match the given <code>predicate</code>.
-       * @param {function(T, number, yfiles.collections.IEnumerable.<T>): boolean} predicate A function with the signature <code>function(element):boolean</code> which returns <code>true</code> if the element matches a condition.
-       * @param {Object} [thisArg=null]
-       * @returns {boolean} Whether all elements of the enumerable match the given <code>predicate</code>.
-       * @throws {Stubs.Exceptions.ArgumentError} <code>e</code> is <code>null</code>.
-       * @throws {Stubs.Exceptions.ArgumentError} <code>predicate</code> is <code>null</code>.
-       */
-      every?(predicate:(arg1:T,arg2:number,arg3:yfiles.collections.IEnumerable<T>)=>boolean,thisArg?:Object):boolean;
-      /**
-       * Returns an enumerable which only contains elements of the source enumerable which match a given <code>predicate</code>.
-       * @param {function(T, number, yfiles.collections.IEnumerable.<T>): boolean} predicate A function with the signature <code>function(element):boolean</code> which returns <code>true</code> if the given element should be included in
-       * the resulting enumerable.
-       * @param {Object} [thisArg=null]
-       * @returns {yfiles.collections.IEnumerable.<T>} An enumerable which contains the elements of the source enumeration which match the given <code>predicate</code>.
-       */
-      filter?(predicate:(arg1:T,arg2:number,arg3:yfiles.collections.IEnumerable<T>)=>boolean,thisArg?:Object):yfiles.collections.IEnumerable<T>;
-      /**
-       * Returns the first element of the enumerable which matches a given filter.
-       * @param {function(T, number, yfiles.collections.IEnumerable.<T>): boolean} [predicate=null] A function with the signature <code>function(element):boolean</code> which returns <code>true</code> if the given element should be returned
-       * @param {Object} [thisArg=null]
-       * @returns {T} The first matching element of the enumerable.
-       * @throws {Stubs.Exceptions.ArgumentError} If the given enumerable is <code>null</code>.
-       * @throws {Stubs.Exceptions.InvalidOperationError} If the enumerable does not contain a matching element.
-       */
-      first?(predicate?:(arg1:T,arg2:number,arg3:yfiles.collections.IEnumerable<T>)=>boolean,thisArg?:Object):T;
-      /**
-       * Returns the first element of the enumerable which matches a given filter.
-       * @param {Object} options The parameters to pass.
-       * @param {function(T, number, yfiles.collections.IEnumerable.<T>): boolean} [options.predicate=null] A function with the signature <code>function(element):boolean</code> which returns <code>true</code> if the given element should be returned
-       * @param {Object} [options.thisArg=null]
-       * @returns {T} The first matching element of the enumerable.
-       * @throws {Stubs.Exceptions.ArgumentError} If the given enumerable is <code>null</code>.
-       * @throws {Stubs.Exceptions.InvalidOperationError} If the enumerable does not contain a matching element.
-       */
-      first?(options:{predicate?:(arg1:T,arg2:number,arg3:yfiles.collections.IEnumerable<T>)=>boolean,thisArg?:Object}):T;
-      /**
-       * Returns the first element of the enumerable, the first element of the enumerable which matches a given filter if
-       * sepcified, or <code>null</code> if there is no such element.
-       * @param {function(T, number, yfiles.collections.IEnumerable.<T>): boolean} [predicate=null] A function with the signature <code>function(element):boolean</code> which returns <code>true</code> if the given element should be returned
-       * @param {Object} [thisArg=null]
-       * @returns {T} The first element of the enumerable or <code>null</code>.
-       * @throws {Stubs.Exceptions.ArgumentError} If the given enumerable is <code>null</code>.
-       */
-      firstOrDefault?(predicate?:(arg1:T,arg2:number,arg3:yfiles.collections.IEnumerable<T>)=>boolean,thisArg?:Object):T;
-      /**
-       * Returns the first element of the enumerable, the first element of the enumerable which matches a given filter if
-       * sepcified, or <code>null</code> if there is no such element.
-       * @param {Object} options The parameters to pass.
-       * @param {function(T, number, yfiles.collections.IEnumerable.<T>): boolean} [options.predicate=null] A function with the signature <code>function(element):boolean</code> which returns <code>true</code> if the given element should be returned
-       * @param {Object} [options.thisArg=null]
-       * @returns {T} The first element of the enumerable or <code>null</code>.
-       * @throws {Stubs.Exceptions.ArgumentError} If the given enumerable is <code>null</code>.
-       */
-      firstOrDefault?(options:{predicate?:(arg1:T,arg2:number,arg3:yfiles.collections.IEnumerable<T>)=>boolean,thisArg?:Object}):T;
-      /**
-       * Iterates over the enumerable and invokes the action for each element passing the value and index as arguments.
-       * @param {function(T, number, yfiles.collections.IEnumerable.<T>): void} action The delegate to call.
-       * @param {Object} [thisArg=null]
-       */
-      forEach?(action:(arg1:T,arg2:number,arg3:yfiles.collections.IEnumerable<T>)=>void,thisArg?:Object):void;
-      /**
-       * Gets an {@link yfiles.collections.IEnumerator.<T>} which can be used to iterate over the items in this instance
-       * @returns {yfiles.collections.IEnumerator.<T>} The {@link yfiles.collections.IEnumerator.<T>} which can be used to iterate over the items in this instance
-       * @abstract
-       */
-      getEnumerator():yfiles.collections.IEnumerator<T>;
-      /**
-       * Whether the given value is contained in the enumerable.
-       * <p>
-       * The {@link Root.U.<T>#$p default equality comparer} is used to compare the enumerable's contents with the given value.
-       * </p>
-       * @param {T} value The value to search for.
-       * @returns {boolean} <code>true</code> if the enumerable contains the given value.
-       */
-      includes?(value:T):boolean;
-      /**
-       * Returns the last element of the enumerable.
-       * @returns {T} The last element of the enumerable.
-       * @throws {Stubs.Exceptions.ArgumentError} If the given enumerable is <code>null</code>.
-       * @throws {Stubs.Exceptions.InvalidOperationError} If the enumerable is empty.
-       */
-      last?():T;
-      /**
-       * Returns the last element of the enumerable or <code>null</code> if the enumerable is empty.
-       * @returns {T} The last element of the enumerable or <code>null</code>.
-       * @throws {Stubs.Exceptions.ArgumentError} If the given enumerable is <code>null</code>.
-       */
-      lastOrDefault?():T;
-      /**
-       * Maps each element of the enumerable into a new element in a new enumerable.
-       * Type parameter <code>TResult</code>: The type of the mapped elements.
-       * @param {function(T, number, yfiles.collections.IEnumerable.<T>): TResult} selector A function with the signature <code>function(element, index):TResult</code> which converts each element into a new element of the
-       * type <code>TResult</code> depending on the element's index.
-       * @param {Object} [thisArg=null] The optional value to use as <code>this</code> when executing the <code>selector</code>.
-       * @returns {yfiles.collections.IEnumerable.<TResult>} A projection of the original enumerable.
-       * @template TResult
-       */
-      map?<TResult>(selector:(arg1:T,arg2:number,arg3:yfiles.collections.IEnumerable<T>)=>TResult,thisArg?:Object):yfiles.collections.IEnumerable<TResult>;
-      /**
-       * Converts a untyped enumerable into an enumerable with the given type.
-       * <p>
-       * The source enumerable may contain elements which are not of the given type. Those elements will not be contained in the
-       * returned enumerable.
-       * </p>
-       * Type parameter <code>TResult</code>.
-       * @returns {yfiles.collections.IEnumerable.<TResult>} A typed enumerable.
-       * @template TResult
-       */
-      ofType?<TResult>(resultType:yfiles.lang.Class):yfiles.collections.IEnumerable<TResult>;
-      /**
-       * Applies an <code>func</code> function over the enumerable's elements.
-       * Type parameter <code>TAccumulate</code>: The type of the accumulated value.
-       * @param {TAccumulate} seed The start value for the accumulator.
-       * @param {function(TAccumulate, T, number, yfiles.collections.IEnumerable.<T>): TAccumulate} func A function with the signature <code>function(seed,element):TAccumulate</code> which "adds" (accumulates) a value depending on the
-       * element to the seed value and returns the result.
-       * @returns {TAccumulate} The final value of the accumulator.
-       * @template TAccumulate
-       */
-      reduce?<TAccumulate>(seed:TAccumulate,func:(arg1:TAccumulate,arg2:T,arg3:number,arg4:yfiles.collections.IEnumerable<T>)=>TAccumulate):TAccumulate;
-      /**
-       * Creates a flattened view of a given enumerable using the given <code>selector</code> function which returns an enumerable for each
-       * element of the source enumerable.
-       * Type parameter <code>TResult</code>.
-       * @param {function(T, number, yfiles.collections.IEnumerable.<T>): yfiles.collections.IEnumerable.<TResult>} selector A function with the signature <code>function(element):IEnumerable</code> which returns an enumerable for each element of the source
-       * enumerable.
-       * @param {Object} [thisArg=null]
-       * @returns {yfiles.collections.IEnumerable.<TResult>} A flattened view of the given enumerable. The enumerables which are returned by the <code>selector</code> method for each element are
-       * concatenated in the result.
-       * @template TResult
-       */
-      selectMany?<TResult>(selector:(arg1:T,arg2:number,arg3:yfiles.collections.IEnumerable<T>)=>yfiles.collections.IEnumerable<TResult>,thisArg?:Object):yfiles.collections.IEnumerable<TResult>;
-      /**
-       * Whether the enumerable contains any elements matching the given <code>predicate</code>.
-       * @param {function(T, number, yfiles.collections.IEnumerable.<T>): boolean} [predicate=null] A function with the signature <code>function(element):boolean</code> which returns <code>true</code> if the element matches a condition.
-       * @param {Object} [thisArg=null]
-       * @returns {boolean} Whether the enumerable contains any elements matching the given <code>predicate</code>.
-       * @throws {Stubs.Exceptions.ArgumentError} <code>e</code> is <code>null</code>.
-       */
-      some?(predicate?:(arg1:T,arg2:number,arg3:yfiles.collections.IEnumerable<T>)=>boolean,thisArg?:Object):boolean;
-      /**
-       * Whether the enumerable contains any elements matching the given <code>predicate</code>.
-       * @param {Object} options The parameters to pass.
-       * @param {function(T, number, yfiles.collections.IEnumerable.<T>): boolean} [options.predicate=null] A function with the signature <code>function(element):boolean</code> which returns <code>true</code> if the element matches a condition.
-       * @param {Object} [options.thisArg=null]
-       * @returns {boolean} Whether the enumerable contains any elements matching the given <code>predicate</code>.
-       * @throws {Stubs.Exceptions.ArgumentError} <code>e</code> is <code>null</code>.
-       */
-      some?(options:{predicate?:(arg1:T,arg2:number,arg3:yfiles.collections.IEnumerable<T>)=>boolean,thisArg?:Object}):boolean;
-      /**
-       * Calculates the sum of the elements of the enumerable.
-       * @param {function(T, number, yfiles.collections.IEnumerable.<T>): number} selector A function with the signature <code>function(element):Number</code> which returns a numeric value for the given element.
-       * @param {Object} [thisArg=null]
-       * @returns {number} The sum of the elements of the enumerable.
-       */
-      sum?(selector:(arg1:T,arg2:number,arg3:yfiles.collections.IEnumerable<T>)=>number,thisArg?:Object):number;
-      /**
-       * Returns elements from an enumerable as long as the given <code>predicate</code> is <code>true</code>.
-       * @param {function(T, number, yfiles.collections.IEnumerable.<T>): boolean} predicate A function with the signature <code>function(element):boolean</code> which returns <code>true</code> as long as the elements should be added to
-       * the returned enumerable.
-       * @param {Object} [thisArg=null]
-       * @returns {yfiles.collections.IEnumerable.<T>} A subset of the original enumerable.
-       */
-      takeWhile?(predicate:(arg1:T,arg2:number,arg3:yfiles.collections.IEnumerable<T>)=>boolean,thisArg?:Object):yfiles.collections.IEnumerable<T>;
-      /**
-       * Creates an array with the values of the enumerable.
-       * @returns {Array.<T>} An array with the enumerable's elements.
-       */
-      toArray?():T[];
-      /**
-       * Creates a {@link yfiles.collections.List.<T>} with the values of the enumerable.
-       * @returns {yfiles.collections.List.<T>} An {@link yfiles.collections.List.<T>} with the enumerable's elements.
-       */
-      toList?():yfiles.collections.List<T>;
-      /**
-       * Returns an enumerable which contains the elements of the original enumerable in reverse order.
-       * @returns {yfiles.collections.IEnumerable.<T>} An enumerable which contains the elements of the original enumerable in reverse order.
-       */
-      toReversed?():yfiles.collections.IEnumerable<T>;
-      /**
-       * Returns the number of elements contained in the enumerable.
-       * @returns The number of elements contained in the enumerable.
-       * @type {number}
-       */
-      size?:number;
-    }
-    var IEnumerable:{
-      $class:yfiles.lang.Class;
-      isInstance(o:Object):boolean;
-    };
-    /**
-     * Provides methods to iterate over a collection or list of elements of the same type.
-     * <pre>
-     * var e = someList.getEnumerator();
-     * // always move before you access
-     * while(e.moveNext()) {
-     *   // get the current element
-     *   var current = e.current;
-     * }
-     * </pre>
-     * 
-     * Type parameter <code>T</code>.
-     * @interface
-     * @template T
-     */
-    export interface IEnumerator<T> extends Object{
-      /**
-       * Moves this enumerator to the next element.
-       * <p>
-       * A newly created enumerator's {@link yfiles.collections.IEnumerator.<T>#current current position} is before the first element. Thus, this method must be called before first
-       * access to the {@link yfiles.collections.IEnumerator.<T>#current} property. The same applies to the state after calling {@link yfiles.collections.IEnumerator.<T>#reset}.
-       * </p>
-       * @returns {boolean} <code>true</code> if the enumerator was moved to a valid position
-       * @abstract
-       */
-      moveNext():boolean;
-      /**
-       * Resets the enumerator to its starting state.
-       * <p>
-       * In other words: sets the current position before the first element.
-       * </p>
-       * @abstract
-       */
-      reset():void;
-      /**
-       * Gets the element at the enumerator's current position.
-       * <p>
-       * This value is undefined if the enumerator is in initial state (after creation or
-       * {@link yfiles.collections.IEnumerator.<T>#reset}) or has been moved past the end of the represented collection.
-       * </p>
-       * @abstract
-       * @type {T}
-       */
-      current:T;
-    }
-    var IEnumerator:{
-      $class:yfiles.lang.Class;
-      isInstance(o:Object):boolean;
-    };
-    /**
-     * A read-write collection of objects of the same type.
-     * Type parameter <code>T</code>: The type of objects in the list.
-     * @interface
-     * @implements {yfiles.collections.ICollection.<T>}
-     * @template T
-     */
-    export interface IList<T> extends Object,yfiles.collections.ICollection<T>{
-      /**
-       * Gets the item at the given index.
-       * @param {number} index The index of the item to access.
-       * @returns {T} The item at the given index.
-       * @see yfiles.collections.IList.<T>#set
-       * @abstract
-       */
-      get(index:number):T;
-      /**
-       * The index of the given item in the list.
-       * @param {T} item The item to search for.
-       * @returns {number} The index of the given item in the list. <code>-1</code> if the item is not in the list.
-       * @abstract
-       */
-      indexOf(item:T):number;
-      /**
-       * Inserts the given <code>item</code> at the given <code>index</code>.
-       * @param {number} index The index to insert the item at.
-       * @param {T} item The item to insert.
-       * @abstract
-       */
-      insert(index:number,item:T):void;
-      /**
-       * Removes the item at the given index from the list.
-       * @param {number} index The index of the item to remove.
-       * @abstract
-       */
-      removeAt(index:number):void;
-      /**
-       * Sets the item at the given index.
-       * @param {number} index The index of the item to access.
-       * @param value The item at the given index.
-       * @see yfiles.collections.IList.<T>#get
-       * @abstract
-       */
-      set(index:number,value:T):void;
-    }
-    var IList:{
-      $class:yfiles.lang.Class;
-      isInstance(o:Object):boolean;
-    };
-    /**
-     * The key/value pair of a {@link yfiles.collections.IMap.<TKey,TValue>}.
-     * Type parameter <code>TKey</code>: The type of the key element.
-     * Type parameter <code>TValue</code>: The type of the value element.
-     * @class yfiles.collections.MapEntry.<TKey,TValue>
-     * @template TKey,TValue
-     * @final
-     */
-    export interface MapEntry<TKey,TValue> extends Object{}
-    export class MapEntry<TKey,TValue> {
-      /**
-       * Creates a new instance with the given <code>key</code> and <code>value</code>.
-       * @param {TKey} key The key for this pair.
-       * @param {TValue} value The value for this pair.
-       * @constructor
-       */
-      constructor(key:TKey,value:TValue);
-      /**
-       * The key for this key/value pair.
-       * @type {TKey}
-       */
-      key:TKey;
-      /**
-       * The value for this key/value pair.
-       * @type {TValue}
-       */
-      value:TValue;
-      static $class:yfiles.lang.Class;
-    }
-    /**
-     * Default implementation of {@link yfiles.collections.IList.<T>}.
-     * <p>
-     * This implementation provides fast random indexed access. However, removing or adding elements from the beginning or in
-     * the middle of the list will slower.
-     * </p>
-     * Type parameter <code>T</code>: The type of the list's elements.
-     * @class yfiles.collections.List.<T>
-     * @implements {yfiles.collections.IList.<T>}
-     * @template T
-     */
-    export interface List<T> extends Object,yfiles.collections.IList<T>{}
-    export class List<T> {
-      /**
-       * Creates a new instance and fills it with the elements of the given <code>enumerable</code>.
-       * @param {yfiles.collections.IEnumerable.<T>} enumerable The enumerable to fill the list with.
-       * @constructor
-       */
-      constructor(enumerable:yfiles.collections.IEnumerable<T>);
-      /**
-       * Creates a new instance.
-       * @param {Object} [options=null] The parameters to pass.
-       * @param options.items An array of items which are added to this list. Each item will be added via the {@link yfiles.collections.List.<T>#add} method.
-       * @constructor
-       */
-      constructor(options?:{items?:Array<any>});
-      /**
-       * 
-       * @param {T} item
-       */
-      add(item:T):void;
-      /**
-       * Adds the elements of the given collection to this list.
-       * @param {yfiles.collections.IEnumerable.<T>} enumerable The collection to add.
-       */
-      addRange(enumerable:yfiles.collections.IEnumerable<T>):void;
-      /**
-       * Searches the (sorted) list for the given <code>item</code>.
-       * <p>
-       * This search is done as a binary search, therefore the list must be sorted. The given <code>comparer</code> is used to compare the
-       * elements to each other.
-       * </p>
-       * @param {T} item The item to search for.
-       * @param {yfiles.collections.IComparer.<T>} comparer The comparer to use for comparing the elements.
-       * @returns {number} The index of the item in the list. -1 if the item is not found.
-       */
-      binarySearch(item:T,comparer:yfiles.collections.IComparer<T>):number;
-      /**
-       * 
-       */
-      clear():void;
-      /**
-       * 
-       * @param {Array.<T>} array
-       * @param {number} arrayIndex
-       */
-      copyTo(array:T[],arrayIndex:number):void;
-      /**
-       * Searches the list for the first element for which <code>match</code> returns <code>true</code>.
-       * @param {function(T): boolean} match A predicate function with the signature <code>function(o:Object):boolean</code> which returns <code>true</code> if o matches the conditions of the
-       * element to search for.
-       * @returns {T} The first element for which <code>match</code> returns <code>true</code> or <code>null</code> is no such element in the list.
-       */
-      find(match:(obj:T)=>boolean):T;
-      /**
-       * Searches the list for the first element for which <code>match</code> returns <code>true</code> and returns its index.
-       * @param {function(T): boolean} match A predicate function with the signature <code>function(o:Object):boolean</code> which returns <code>true</code> if o matches the conditions of the
-       * element to search for.
-       * @returns {number} The index of the first element for which <code>match</code> returns <code>true</code> or -1 if there is no such element in the list.
-       */
-      findIndex(match:(obj:T)=>boolean):number;
-      /**
-       * Creates a new list with the given array used as the live backing store.
-       * <p>
-       * Modifying the list or the array will modify both instances.
-       * </p>
-       * @param {Array.<T>} array The array to create a list view over from.
-       * @returns {yfiles.collections.List.<T>} A list backed by the given array.
-       * @static
-       */
-      static fromArray<T>(array:T[]):yfiles.collections.List<T>;
-      /**
-       * 
-       * @param {number} index
-       * @returns {T} 
-       */
-      get(index:number):T;
-      /**
-       * 
-       * @returns {yfiles.collections.IEnumerator.<T>} 
-       */
-      getEnumerator():yfiles.collections.IEnumerator<T>;
-      /**
-       * 
-       * @param {T} item
-       * @returns {boolean} 
-       */
-      includes(item:T):boolean;
-      /**
-       * 
-       * @param {T} item
-       * @returns {number} 
-       */
-      indexOf(item:T):number;
-      /**
-       * 
-       * @param {number} index
-       * @param {T} item
-       */
-      insert(index:number,item:T):void;
-      /**
-       * 
-       * @param {T} item
-       * @returns {boolean} 
-       */
-      remove(item:T):boolean;
-      /**
-       * Removes all elements for which <code>match</code> returns <code>true</code>.
-       * @param {function(T): boolean} match A predicate function with the signature <code>function(o:Object):boolean</code> which returns <code>true</code> if o matches the conditions of the
-       * element to search for.
-       * @returns {number} The number of elements which were removed.
-       */
-      removeAll(match:(obj:T)=>boolean):number;
-      /**
-       * 
-       * @param {number} index
-       */
-      removeAt(index:number):void;
-      /**
-       * Removes a given <code>count</code> of elements starting from the given <code>index</code>.
-       * @param {number} index The index of the first element to remove.
-       * @param {number} count The number of elements to remove.
-       */
-      removeRange(index:number,count:number):void;
-      /**
-       * Reverses the order of the elements in the list.
-       */
-      reverse():void;
-      /**
-       * 
-       * @param {number} index
-       * @param {T} value
-       */
-      set(index:number,value:T):void;
-      /**
-       * Sorts all elements in the list using the given <code>comparison</code> function.
-       * @param {function(Object, Object): number} comparison The comparison function to use.
-       */
-      sort(comparison:(arg1:Object,arg2:Object)=>number):void;
-      /**
-       * Sorts all elements in the list using the given <code>comparer</code>.
-       * @param {yfiles.collections.IComparer.<T>} comparer The comparer to use.
-       */
-      sort(comparer:yfiles.collections.IComparer<T>):void;
-      /**
-       * Sorts all elements in list using the default comparer.
-       */
-      sort():void;
-      /**
-       * Copies the elements of this list into an array.
-       * @returns {Array.<T>} An array containing the elements of this list.
-       */
-      toArray():T[];
-      /**
-       * 
-       * @type {number}
-       */
-      size:number;
-      /**
-       * 
-       * @type {boolean}
-       */
-      isReadOnly:boolean;
-      capacity:number;
-      static $class:yfiles.lang.Class;
-    }
-    /**
-     * Provides a method to compare two objects of the same type.
-     * Type parameter <code>T</code>: The type of the objects to compare.
-     * @interface
-     * @template T
-     */
-    export interface IComparer<T> extends Object{
-      /**
-       * Compares two objects of type T.
-       * @param {T} x The first object.
-       * @param {T} y The second object.
-       * @returns {number} 
-       * <ul>
-       * <li>-1: <code>x</code> is less than <code>y</code></li>
-       * <li>0: <code>x</code> is equal to <code>y</code></li>
-       * <li>1: <code>x</code> is greater than <code>y</code></li>
-       * </ul>
-       * @abstract
-       */
-      compare(x:T,y:T):number;
-    }
-    var IComparer:{
-      $class:yfiles.lang.Class;
-      isInstance(o:Object):boolean;
-    };
-    /**
-     * A simple default implementation of an {@link yfiles.collections.IObservableCollection.<T>} that is backed by an ordinary {@link yfiles.collections.ICollection.<T>}
-     * Type parameter <code>T</code>: The type of the elements contained in this collection.
-     * @class yfiles.collections.ObservableCollection.<T>
-     * @implements {yfiles.collections.IObservableCollection.<T>}
-     * @template T
-     */
-    export interface ObservableCollection<T> extends Object,yfiles.collections.IObservableCollection<T>{}
-    export class ObservableCollection<T> {
-      /**
-       * Creates a new instance using a provided collection as the backing store.
-       * @param {yfiles.collections.ICollection.<T>} [items=null] The collection to use as the backing store. If no collection is provided a {@link yfiles.collections.List.<T>} will be used.
-       * @constructor
-       */
-      constructor(items?:yfiles.collections.ICollection<T>);
-      /**
-       * Adds the item the the collection and triggers the {@link yfiles.collections.ObservableCollection.<T>#addItemAddedListener ItemAdded} event.
-       * <p>
-       * This implementation calls the {@link yfiles.collections.ObservableCollection.<T>#onItemAdded} method.
-       * </p>
-       * @param {T} item The item to add to the collection.
-       */
-      add(item:T):void;
-      /**
-       * Clears this collection, triggering an {@link yfiles.collections.ObservableCollection.<T>#addItemRemovedListener ItemRemoved} event for each element removed.
-       * @see yfiles.collections.ObservableCollection.<T>#onItemRemoved
-       */
-      clear():void;
-      /**
-       * Copies the items to the given array.
-       * @param {Array.<T>} array
-       * @param {number} arrayIndex
-       */
-      copyTo(array:T[],arrayIndex:number):void;
-      /**
-       * Returns an enumerator over the elements in this collection.
-       * @returns {yfiles.collections.IEnumerator.<T>} 
-       */
-      getEnumerator():yfiles.collections.IEnumerator<T>;
-      /**
-       * Checks for containment of the item in this collection.
-       * @param {T} item The item to check.
-       * @returns {boolean} Whether the item is contained in this collection.
-       */
-      includes(item:T):boolean;
-      /**
-       * Callback method that will trigger the {@link yfiles.collections.ObservableCollection.<T>#addItemAddedListener ItemAdded} event.
-       * @param {T} item The item that has just been added to the collection.
-       * @protected
-       */
-      onItemAdded(item:T):void;
-      /**
-       * Callback method that will trigger the {@link yfiles.collections.ObservableCollection.<T>#addItemChangedListener ItemChanged} event.
-       * @param {T} item The item that has changed.
-       * @protected
-       */
-      onItemChanged(item:T):void;
-      /**
-       * Callback method that will trigger the {@link yfiles.collections.ObservableCollection.<T>#addItemRemovedListener ItemRemoved} event.
-       * @param {T} item The item that has just been removed from the collection.
-       * @protected
-       */
-      onItemRemoved(item:T):void;
-      /**
-       * Method that may be called by client code to trigger an {@link yfiles.collections.ObservableCollection.<T>#addItemChangedListener ItemChanged} event.
-       * @param {T} item The item to trigger the change event for.
-       * @see yfiles.collections.ObservableCollection.<T>#onItemChanged
-       */
-      publishItemChanged(item:T):void;
-      /**
-       * Tries to remove the item from the collection and triggers the {@link yfiles.collections.ObservableCollection.<T>#addItemRemovedListener ItemRemoved} event.
-       * @param {T} item The item to remove.
-       * @returns {boolean} Whether the item has been removed.
-       * @see yfiles.collections.ObservableCollection.<T>#onItemRemoved
-       */
-      remove(item:T):boolean;
-      /**
-       * Returns the number of elements in this collection.
-       * @type {number}
-       */
-      size:number;
-      /**
-       * Checks whether this collection is read only.
-       * @type {boolean}
-       */
-      isReadOnly:boolean;
-      /**
-       * Gets the collection used internally as the backing store.
-       * <p>
-       * Normally code should not use this method to gain access to the collection in order to modify it.
-       * </p>
-       * @returns The backing store of this observable collection.
-       * @type {yfiles.collections.ICollection.<T>}
-       */
-      items:yfiles.collections.ICollection<T>;
-      /**
-       * Adds the given listener for the <code>ItemAdded</code> event that occurs when an item has been added to this collection.
-       * @param {function(Object, yfiles.collections.ItemEventArgs.<T>): void} listener The listener to add.
-       * @see yfiles.collections.ObservableCollection.<T>#removeItemAddedListener
-       */
-      addItemAddedListener(listener:(sender:Object,evt:yfiles.collections.ItemEventArgs<T>)=>void):void;
-      /**
-       * Removes the given listener for the <code>ItemAdded</code> event that occurs when an item has been added to this collection.
-       * @param {function(Object, yfiles.collections.ItemEventArgs.<T>): void} listener The listener to remove.
-       * @see yfiles.collections.ObservableCollection.<T>#addItemAddedListener
-       */
-      removeItemAddedListener(listener:(sender:Object,evt:yfiles.collections.ItemEventArgs<T>)=>void):void;
-      /**
-       * Adds the given listener for the <code>ItemRemoved</code> event that occurs when an item has been removed from this collection.
-       * @param {function(Object, yfiles.collections.ItemEventArgs.<T>): void} listener The listener to add.
-       * @see yfiles.collections.ObservableCollection.<T>#removeItemRemovedListener
-       */
-      addItemRemovedListener(listener:(sender:Object,evt:yfiles.collections.ItemEventArgs<T>)=>void):void;
-      /**
-       * Removes the given listener for the <code>ItemRemoved</code> event that occurs when an item has been removed from this collection.
-       * @param {function(Object, yfiles.collections.ItemEventArgs.<T>): void} listener The listener to remove.
-       * @see yfiles.collections.ObservableCollection.<T>#addItemRemovedListener
-       */
-      removeItemRemovedListener(listener:(sender:Object,evt:yfiles.collections.ItemEventArgs<T>)=>void):void;
-      /**
-       * Adds the given listener for the <code>ItemChanged</code> event that occurs when an item has been changed inside this collection.
-       * @param {function(Object, yfiles.collections.ItemEventArgs.<T>): void} listener The listener to add.
-       * @see yfiles.collections.ObservableCollection.<T>#removeItemChangedListener
-       */
-      addItemChangedListener(listener:(sender:Object,evt:yfiles.collections.ItemEventArgs<T>)=>void):void;
-      /**
-       * Removes the given listener for the <code>ItemChanged</code> event that occurs when an item has been changed inside this collection.
-       * @param {function(Object, yfiles.collections.ItemEventArgs.<T>): void} listener The listener to remove.
-       * @see yfiles.collections.ObservableCollection.<T>#addItemChangedListener
-       */
-      removeItemChangedListener(listener:(sender:Object,evt:yfiles.collections.ItemEventArgs<T>)=>void):void;
-      static $class:yfiles.lang.Class;
-    }
-    /**
-     * An {@link yfiles.collections.IMapper.<K,V>} implementation backed by a {@link yfiles.collections.IMap.<TKey,TValue>}.
-     * <p>
-     * A {@link yfiles.collections.Mapper.<K,V>#defaultValue} can be set that is returned for keys that don't have an explicit value set.
-     * </p>
-     * <p>
-     * It is legal to use <code>null</code> as key, which can be assigned a value just like other keys.
-     * </p>
-     * Type parameter <code>K</code>.
-     * Type parameter <code>V</code>.
-     * @class yfiles.collections.Mapper.<K,V>
-     * @implements {yfiles.collections.IMapper.<K,V>}
-     * @template K,V
-     * @final
-     */
-    export interface Mapper<K,V> extends Object,yfiles.collections.IMapper<K,V>{}
-    export class Mapper<K,V> {
-      /**
-       * Creates an instance using the provided {@link yfiles.collections.Map.<K,V>} as the backing store.
-       * <p>
-       * The value for the null item is stored separately.
-       * </p>
-       * @param {yfiles.collections.IMap.<K,V>} dictionary
-       * @constructor
-       */
-      constructor(dictionary:yfiles.collections.IMap<K,V>);
-      /**
-       * Creates an instance using the provided {@link yfiles.collections.Map.<K,V>} as the backing store.
-       * <p>
-       * The value for the null item is stored separately.
-       * </p>
-       * @param {Object} options The parameters to pass.
-       * @param {yfiles.collections.IMap.<K,V>} options.dictionary
-       * @param {V} options.defaultValue The default value to return if no specific value has been set for a given key.
-       * <p>
-       * This option sets the {@link yfiles.collections.Mapper.<K,V>#defaultValue} property on the created object.
-       * </p>
-       * @constructor
-       */
-      constructor(options:{dictionary:yfiles.collections.IMap<K,V>,defaultValue?:V});
-      /**
-       * Creates an instance using a {@link yfiles.collections.Map.<K,V>} as the backing store.
-       * <p>
-       * The value for the null item is stored separately.
-       * </p>
-       * @param {Object} [options=null] The parameters to pass.
-       * @param {V} options.defaultValue The default value to return if no specific value has been set for a given key.
-       * <p>
-       * This option sets the {@link yfiles.collections.Mapper.<K,V>#defaultValue} property on the created object.
-       * </p>
-       * @constructor
-       */
-      constructor(options?:{defaultValue?:V});
-      /**
-       * Calls {@link yfiles.collections.Map.<TKey,TValue>#clear} on the backing implementation.
-       */
-      clear():void;
-      /**
-       * 
-       * @param {K} key
-       */
-      delete(key:K):void;
-      /**
-       * 
-       * @param {K} key
-       * @returns {V} 
-       */
-      get(key:K):V;
-      /**
-       * 
-       * @param {K} key
-       * @param {V} value
-       */
-      set(key:K,value:V):void;
-      /**
-       * Gets an enumerable over all entries in this (dictionary based) mapper.
-       * @type {yfiles.collections.IEnumerable.<yfiles.collections.MapEntry.<K,V>>}
-       */
-      entries:yfiles.collections.IEnumerable<yfiles.collections.MapEntry<K,V>>;
-      /**
-       * Gets or sets the default value to return if no specific value has been set for a given key.
-       * @type {V}
-       */
-      defaultValue:V;
-      static $class:yfiles.lang.Class;
-    }
-    /**
-     * The interface for a collection that will notify registered event handlers of changes to its contents.
-     * Type parameter <code>T</code>: The type of the items in the collection.
-     * @see yfiles.collections.ObservableCollection.<T>
-     * @interface
-     * @implements {yfiles.collections.ICollection.<T>}
-     * @template T
-     */
-    export interface IObservableCollection<T> extends Object,yfiles.collections.ICollection<T>{
-      /**
-       * Adds the given listener for the <code>ItemAdded</code> event that occurs when an item has been added to this collection.
-       * @param {function(Object, yfiles.collections.ItemEventArgs.<T>): void} listener The listener to add.
-       * @see yfiles.collections.IObservableCollection.<T>#removeItemAddedListener
-       * @abstract
-       */
-      addItemAddedListener(listener:(sender:Object,evt:yfiles.collections.ItemEventArgs<T>)=>void):void;
-      /**
-       * Removes the given listener for the <code>ItemAdded</code> event that occurs when an item has been added to this collection.
-       * @param {function(Object, yfiles.collections.ItemEventArgs.<T>): void} listener The listener to remove.
-       * @see yfiles.collections.IObservableCollection.<T>#addItemAddedListener
-       * @abstract
-       */
-      removeItemAddedListener(listener:(sender:Object,evt:yfiles.collections.ItemEventArgs<T>)=>void):void;
-      /**
-       * Adds the given listener for the <code>ItemRemoved</code> event that occurs when an item has been removed from this collection.
-       * @param {function(Object, yfiles.collections.ItemEventArgs.<T>): void} listener The listener to add.
-       * @see yfiles.collections.IObservableCollection.<T>#removeItemRemovedListener
-       * @abstract
-       */
-      addItemRemovedListener(listener:(sender:Object,evt:yfiles.collections.ItemEventArgs<T>)=>void):void;
-      /**
-       * Removes the given listener for the <code>ItemRemoved</code> event that occurs when an item has been removed from this collection.
-       * @param {function(Object, yfiles.collections.ItemEventArgs.<T>): void} listener The listener to remove.
-       * @see yfiles.collections.IObservableCollection.<T>#addItemRemovedListener
-       * @abstract
-       */
-      removeItemRemovedListener(listener:(sender:Object,evt:yfiles.collections.ItemEventArgs<T>)=>void):void;
-      /**
-       * Adds the given listener for the <code>ItemChanged</code> event that occurs when an item in this collection has changed
-       * significantly.
-       * <p>
-       * It is up to the implementation whether and when to trigger this event.
-       * </p>
-       * @param {function(Object, yfiles.collections.ItemEventArgs.<T>): void} listener The listener to add.
-       * @see yfiles.collections.IObservableCollection.<T>#removeItemChangedListener
-       * @abstract
-       */
-      addItemChangedListener(listener:(sender:Object,evt:yfiles.collections.ItemEventArgs<T>)=>void):void;
-      /**
-       * Removes the given listener for the <code>ItemChanged</code> event that occurs when an item in this collection has changed
-       * significantly.
-       * <p>
-       * It is up to the implementation whether and when to trigger this event.
-       * </p>
-       * @param {function(Object, yfiles.collections.ItemEventArgs.<T>): void} listener The listener to remove.
-       * @see yfiles.collections.IObservableCollection.<T>#addItemChangedListener
-       * @abstract
-       */
-      removeItemChangedListener(listener:(sender:Object,evt:yfiles.collections.ItemEventArgs<T>)=>void):void;
-    }
-    var IObservableCollection:{
-      $class:yfiles.lang.Class;
-      isInstance(o:Object):boolean;
-    };
-    /**
-     * An extension to the {@link yfiles.collections.IEnumerable.<T>} interface that allows for indexed access and retrieval of the element count.
-     * <p>
-     * This interface is like a rudimentary read-only {@link yfiles.collections.IList.<T>}
-     * </p>
-     * Type parameter <code>T</code>: The type of the contained elements.
-     * @interface
-     * @implements {yfiles.collections.IEnumerable.<T>}
-     * @template T
-     */
-    export interface IListEnumerable<T> extends Object,yfiles.collections.IEnumerable<T>{
-      /**
-       * Gets the <code>i</code>-th element in the collection.
-       * @param {number} i the zero-based index of the item in this collection
-       * @returns {T} the item for the given index
-       * @throws {Stubs.Exceptions.ArgumentError} <code>i</code> is not a valid index in the {@link yfiles.collections.IListEnumerable.<T>}.
-       * @abstract
-       */
-      get(i:number):T;
-      /**
-       * Gets the number of elements in this collection.
-       * @abstract
-       * @type {number}
-       */
-      size:number;
-    }
-    var IListEnumerable:{
-      /**
-       * An empty, immutable instance of {@link yfiles.collections.IListEnumerable.<T>}.
-       * @const
-       * @static
-       * @type {yfiles.collections.IListEnumerable.<any>}
-       */
-      EMPTY?:yfiles.collections.IListEnumerable<any>;
-      $class:yfiles.lang.Class;
-      isInstance(o:Object):boolean;
-    };
-    /**
-     * Wraps a simple {@link yfiles.collections.IEnumerable.<T>} into a {@link yfiles.collections.IListEnumerable.<T>}.
-     * <p>
-     * This implementation is optimized for {@link yfiles.collections.IList.<T>} and {@link yfiles.collections.ICollection.<T>}, as well as {@link Object} {@link yfiles.collections.IEnumerable.<T>}s.
-     * </p>
-     * Type parameter <code>T</code>: The type of the enumerable.
-     * @class yfiles.collections.ListEnumerable.<T>
-     * @implements {yfiles.collections.IListEnumerable.<T>}
-     * @template T
-     * @final
-     */
-    export interface ListEnumerable<T> extends Object,yfiles.collections.IListEnumerable<T>{}
-    export class ListEnumerable<T> {
-      /**
-       * Creates a new instance using the given backing enumerable.
-       * @param {yfiles.collections.IEnumerable.<T>} backingEnumerable The enumerable to back this instance.
-       * @constructor
-       */
-      constructor(backingEnumerable:yfiles.collections.IEnumerable<T>);
-      /**
-       * Creates a new instance with a backing {@link yfiles.collections.List.<T>} as the backing store.
-       * @constructor
-       */
-      constructor();
-      /**
-       * 
-       * @param {number} i
-       * @returns {T} 
-       */
-      get(i:number):T;
-      /**
-       * 
-       * @returns {yfiles.collections.IEnumerator.<T>} 
-       */
-      getEnumerator():yfiles.collections.IEnumerator<T>;
-      /**
-       * Gets the backing enumerable.
-       * @type {yfiles.collections.IEnumerable.<T>}
-       */
-      backingEnumerable:yfiles.collections.IEnumerable<T>;
-      /**
-       * 
-       * @type {number}
-       */
-      size:number;
-      static $class:yfiles.lang.Class;
-    }
-    /**
-     * Event argument class used by {@link yfiles.collections.IObservableCollection.<T>} and similar that holds a specific item that is related to the event.
-     * Type parameter <code>T</code>: The type of the item contained in the event.
-     * @class yfiles.collections.ItemEventArgs.<T>
-     * @extends {yfiles.lang.EventArgs}
-     * @template T
-     */
-    export interface ItemEventArgs<T> extends yfiles.lang.EventArgs{}
-    export class ItemEventArgs<T> {
-      /**
-       * Creates a new event argument for the given item.
-       * @param {T} item The item which is the subject of the event.
-       * @constructor
-       */
-      constructor(item:T);
-      /**
-       * Gets the item that is the subject of the event.
-       * @type {T}
-       */
-      item:T;
-      static $class:yfiles.lang.Class;
-    }
-    /**
-     * An interface for simple typed dictionary-like implementations.
-     * <p>
-     * {@link yfiles.collections.IMapper.<K,V>}s are most prominently used when interfacing with {@link yfiles.layout.ILayoutAlgorithm layout algorithms} and {@link yfiles.graphml.GraphMLIOHandler GraphML}. {@link yfiles.graph.IGraph} also provides the {@link yfiles.graph.IGraph#mapperRegistry}
-     * to add additional information to a graph.
-     * </p>
-     * Type parameter <code>K</code>: The type of element this interface accepts as keys for the mapping.
-     * Type parameter <code>V</code>: The type of element this interface accepts as values for the mapping.
-     * <p>
-     * Using {@link yfiles.collections.IMapper.<K,V>} is described in the section {@link @DGUIDE_PREFIX@/customizing_graph-binding_data.html Associating Data with Graph Elements}.
-     * </p>
-     * <p><b>Related demos:</b></p>
-     * <ul>
-     * <li>Demo: DragAndDropForm, demo.yfiles.input.draganddrop</li>
-     * </ul>
-     * @see yfiles.collections.Mapper.<K,V>
-     * @interface
-     * @template K,V
-     */
-    export interface IMapper<K,V> extends Object{
-      /**
-       * Gets the value for a given key in the mapping.
-       * <p>
-       * Setting a value for an already existing key overwrites the previous value.
-       * </p>
-       * <p>
-       * It depends on the specific implementation of the mapper whether a mapping can be removed. If an implementation provides
-       * a way to remove a mapping, that should be preferred over setting a <code>null</code> value. For example, {@link yfiles.collections.Mapper.<K,V>} provides the {@link yfiles.collections.Mapper.<K,V>#delete}
-       * method.
-       * </p>
-       * @param {K} key The key of the mapping.
-       * @returns {V} The value.
-       * @see yfiles.collections.IMapper.<K,V>#set
-       * @abstract
-       */
-      get(key:K):V;
-      /**
-       * Sets the value for a given key in the mapping.
-       * <p>
-       * Setting a value for an already existing key overwrites the previous value.
-       * </p>
-       * <p>
-       * It depends on the specific implementation of the mapper whether a mapping can be removed. If an implementation provides
-       * a way to remove a mapping, that should be preferred over setting a <code>null</code> value. For example, {@link yfiles.collections.Mapper.<K,V>} provides the {@link yfiles.collections.Mapper.<K,V>#delete}
-       * method.
-       * </p>
-       * @param {K} key The key of the mapping.
-       * @param value The value.
-       * @see yfiles.collections.IMapper.<K,V>#get
-       * @abstract
-       */
-      set(key:K,value:V):void;
-    }
-    var IMapper:{
-      /**
-       * Creates a constant mapper that will always return the <code>constant</code>.
-       * Type parameter <code>K</code>: The type of the key to use.
-       * Type parameter <code>V</code>: The type of the value to use.
-       * @param {V} constant The constant to return in {@link yfiles.collections.IMapper.<K,V>#get}
-       * @returns {yfiles.collections.IMapper.<K,V>} A new instance that will always return the same constant.
-       * @template K,V
-       * @static
-       */
-      fromConstant?<K,V>(constant:V):yfiles.collections.IMapper<K,V>;
-      /**
-       * Create an implementation of {@link yfiles.collections.IMapper.<K,V>} that delegates {@link yfiles.collections.IMapper.<K,V>#get} getter calls to the provided handler.
-       * <p>
-       * The implementation returned silently ignores calls to the {@link yfiles.collections.IMapper.<K,V>#get} setter.
-       * </p>
-       * Type parameter <code>K</code>: The type of the key to use.
-       * Type parameter <code>V</code>: The type of the value to use.
-       * @param {function(K): V} getter The delegate to delegate {@link yfiles.collections.IMapper.<K,V>#get} getter calls to.
-       * @returns {yfiles.collections.IMapper.<K,V>} An implementation that delegates to <code>getter</code>.
-       * @template K,V
-       * @static
-       */
-      fromDelegate?<K,V>(getter:(key:K)=>V):yfiles.collections.IMapper<K,V>;
-      $class:yfiles.lang.Class;
-      isInstance(o:Object):boolean;
-    };
-  }export namespace system{
   }export namespace view{
+    /**
+     * Runs {@link yfiles.view.IAnimation animations} in a {@link yfiles.view.CanvasComponent}.
+     * <p>
+     * For running {@link yfiles.view.IAnimation} instances the method {@link yfiles.view.Animator#animate} can be used. For simpler cases of
+     * custom animations there are also overloads that take an animation callback.
+     * </p>
+     * @see yfiles.view.IAnimation
+     * @class
+     */
+    export interface Animator extends Object{}
+    export class Animator {
+      /**
+       * Initializes a new instance of the {@link yfiles.view.Animator} class for the given {@link yfiles.view.CanvasComponent}.
+       * <p>
+       * Using this constructor this instance will query an instance of {@link yfiles.input.WaitInputMode} from the {@link yfiles.view.CanvasComponent#lookup canvas's context} to
+       * automatically set the {@link yfiles.input.WaitInputMode#waiting} property during animations if {@link yfiles.view.Animator#allowUserInteraction} is set to <code>false</code>. The animation is not started until {@link yfiles.view.Animator#animate}
+       * or {@link yfiles.view.Animator#animate} is called.
+       * </p>
+       * @param canvas The canvas control.
+       */
+      constructor(canvas:yfiles.view.CanvasComponent);
+      /**
+       * Initializes a new instance of the {@link yfiles.view.Animator} class for the given {@link yfiles.view.CanvasComponent}.
+       * <p>
+       * Using this constructor this instance will query an instance of {@link yfiles.input.WaitInputMode} from the {@link yfiles.view.CanvasComponent#lookup canvas's context} to
+       * automatically set the {@link yfiles.input.WaitInputMode#waiting} property during animations if {@link yfiles.view.Animator#allowUserInteraction} is set to <code>false</code>. The animation is not started until {@link yfiles.view.Animator#animate}
+       * or {@link yfiles.view.Animator#animate} is called.
+       * </p>
+       * @param {Object} options The parameters to pass.
+       * @param options.canvas The canvas control.
+       * @param {boolean} options.allowUserInteraction Determines whether user interaction should be allowed during the animation.
+       * <p>
+       * This option sets the {@link yfiles.view.Animator#allowUserInteraction} property on the created object.
+       * </p>
+       * @param {boolean} options.autoInvalidation A value indicating whether to automatically {@link yfiles.view.Animator#invalidateComponent invalidate the control} this instance has been created for.
+       * <p>
+       * This option sets the {@link yfiles.view.Animator#autoInvalidation} property on the created object.
+       * </p>
+       */
+      constructor(options:{canvas:yfiles.view.CanvasComponent,allowUserInteraction?:boolean,autoInvalidation?:boolean});
+      /**
+       * Animates the given animation instance and triggers the callback upon completion.
+       * @param animation The animation to perform.
+       * @returns 
+       */
+      animate(animation:yfiles.view.IAnimation):Promise<yfiles.view.IAnimation>;
+      /**
+       * Starts animating the given animation for the specified duration.
+       * @param callback The callback to use for the animation.
+       * @param duration The duration in milliseconds that the animation should last.
+       * @returns 
+       */
+      animate(callback:(time:number)=>void,duration:yfiles.lang.TimeSpan):Promise<yfiles.view.IAnimation>;
+      /**
+       * Stops all running animations.
+       */
+      destroy():void;
+      /**
+       * Invalidates the control if {@link yfiles.view.Animator#autoInvalidation} is set to <code>true</code>.
+       * <p>
+       * This implementation calls {@link yfiles.view.CanvasComponent#updateVisual }.
+       * </p>
+       * @param canvas The control.
+       * @protected
+       */
+      invalidateComponent(canvas:yfiles.view.CanvasComponent):void;
+      /**
+       * Determines whether user interaction should be allowed during the animation.
+       * <p>
+       * If <code>false</code>, the {@link yfiles.input.WaitInputMode} is queried from the {@link yfiles.view.CanvasComponent} and {@link yfiles.input.WaitInputMode#waiting} is enabled during the
+       * animation. The default is <code>false</code>.
+       * </p>
+       * @type {boolean}
+       */
+      allowUserInteraction:boolean;
+      /**
+       * The control the animations are run on.
+       * @type {yfiles.view.CanvasComponent}
+       */
+      canvasComponent:yfiles.view.CanvasComponent;
+      /**
+       * Gets or sets a value indicating whether to automatically {@link yfiles.view.Animator#invalidateComponent invalidate the control} this instance has been created for.
+       * <p>
+       * The default is true.
+       * </p>
+       * @type {boolean}
+       */
+      autoInvalidation:boolean;
+      static $class:yfiles.lang.Class;
+    }
+    /**
+     * An interface for animations that can be run by {@link yfiles.view.Animator}.
+     * <p>
+     * Instances of classes implementing this interface change their state according to a relative animation time. The
+     * animation time is a double between 0 for the start of the animation and 1 for the end of the animation.
+     * </p>
+     * <ul>
+     * <li>An animated object is first created using the constructor of a subclass.</li>
+     * <li>Immediately before the animation a client calls {@link yfiles.view.IAnimation#initialize}.</li>
+     * <li>
+     * To change the state of the animated object a client does a series of calls to
+     * {@link yfiles.view.IAnimation#animate}, usually with an increasing relative time parameter.
+     * </li>
+     * <li>If the animation is done, the client calls {@link yfiles.view.IAnimation#cleanup} once.</li>
+     * <li>
+     * While {@link yfiles.view.IAnimation#animate} uses a relative time scheme, there might be an absolute time value for the
+     * preferred duration of the whole sequence of animation steps. Since an IAnimation instance has no control on the number
+     * of {@link yfiles.view.IAnimation#animate} calls or the intervals between them, the preferred duration is only a hint on how long
+     * the animation should take. Clients can ask for that hint using {@link yfiles.view.IAnimation#preferredDuration} and try to find a suitable sequence of {@link yfiles.view.IAnimation#animate}
+     * calls in order to fulfill the preference.
+     * </li>
+     * </ul>
+     * @interface
+     */
+    export interface IAnimation extends Object{
+      /**
+       * Does the animation according to the relative animation time.
+       * <p>
+       * The animation starts with the time 0 and ends with time 1.
+       * </p>
+       * @param time the animation time [0,1]
+       * @abstract
+       */
+      animate(time:number):void;
+      /**
+       * Cleans up after an animation has finished.
+       * @abstract
+       */
+      cleanup():void;
+      /**
+       * Creates an eased animation for the given base animation.
+       * <p>
+       * The animation speed linearly increases upto a <code>easeIn</code> and linearly decreases from
+       * <code>easeOut</code>. Between those two points, the animation speed is constant.
+       * </p>
+       * <p>
+       * The duration of the ease in and ease out is determined by a mapping [0,1] → [0,1]. The mapping has to be increasing to
+       * preserve the order of the frames in the decorated animation. In general, we consider continuously differentiable
+       * functions <i>f</i> where integral of <i>f</i>′ equals 1 a suitable choice for the mapping.
+       * </p>
+       * @param [easeIn=0.5] The ratio for the ease-in time [0,1] where 0 is the start of the animation and 1 the end. <code>0.5</code> is the default value.
+       * @param [easeOut=0.5] The ratio for the ease-out time [0,1] where 0 is the start of the animation and 1 the end. <code>0.5</code> is the default value.
+       * @returns 
+       */
+      createEasedAnimation?(easeIn?:number,easeOut?:number):yfiles.view.IAnimation;
+      /**
+       * Creates an eased animation for the given base animation.
+       * <p>
+       * The animation speed linearly increases upto a <code>easeIn</code> and linearly decreases from
+       * <code>easeOut</code>. Between those two points, the animation speed is constant.
+       * </p>
+       * <p>
+       * The duration of the ease in and ease out is determined by a mapping [0,1] → [0,1]. The mapping has to be increasing to
+       * preserve the order of the frames in the decorated animation. In general, we consider continuously differentiable
+       * functions <i>f</i> where integral of <i>f</i>′ equals 1 a suitable choice for the mapping.
+       * </p>
+       * @param {Object} options The parameters to pass.
+       * @param [options.easeIn=0.5] The ratio for the ease-in time [0,1] where 0 is the start of the animation and 1 the end. <code>0.5</code> is the default value.
+       * @param [options.easeOut=0.5] The ratio for the ease-out time [0,1] where 0 is the start of the animation and 1 the end. <code>0.5</code> is the default value.
+       * @returns 
+       */
+      createEasedAnimation?(options:{easeIn?:number,easeOut?:number}):yfiles.view.IAnimation;
+      /**
+       * Initializes the animation.
+       * <p>
+       * Call this method once before subsequent calls to {@link yfiles.view.IAnimation#animate}.
+       * </p>
+       * @abstract
+       */
+      initialize():void;
+      /**
+       * Gets the preferred duration of the animation.
+       * @abstract
+       * @type {yfiles.lang.TimeSpan}
+       */
+      preferredDuration:yfiles.lang.TimeSpan;
+    }
+    var IAnimation:{
+      /**
+       * Creates a new {@link yfiles.view.IAnimation} that animates the given <code>edge</code>'s bends from its current shape linearly to the shape
+       * given by the <code>endBends</code> and final port locations.
+       * <p>
+       * The bends of the edge layout are animated from their current location to their target locations. It is assumed that the
+       * edge style is a polyline style and the control points are the bends accordingly. The animation works for other styles
+       * too, but the effect might not be as expected. The number of bends in <code>endBends</code> can be different to the current number of
+       * bends. This will result in the animation automatically removing bends at the end of the animation or inserting new bends
+       * accordingly at the beginning of the animation.
+       * </p>
+       * <p>
+       * The source and target points are also animated to new locations. However, the ports will not be moved by this animation.
+       * Instead a separate {@link yfiles.view.IAnimation#createPortAnimation animation for the ports} is needed to actually move
+       * {@link yfiles.graph.IPort}s at the ends of the edge if desired.
+       * </p>
+       * @param graph The graph the animated edge belongs to.
+       * @param edge The edge layout to animate.
+       * @param endBends The bend positions after the animation.
+       * @param endSourceLocation The absolute position of the source port after the animation.
+       * @param endTargetLocation The absolute position of the target port after the animation.
+       * @param preferredDuration The preferred duration of the animation in milliseconds.
+       * @returns 
+       * @static
+       */
+      createEdgeSegmentAnimation?(graph:yfiles.graph.IGraph,edge:yfiles.graph.IEdge,endBends:yfiles.geometry.IPoint[],endSourceLocation:yfiles.geometry.Point,endTargetLocation:yfiles.geometry.Point,preferredDuration:yfiles.lang.TimeSpan):yfiles.view.IAnimation;
+      /**
+       * Creates a new {@link yfiles.view.IAnimation} that animates the given layout of all types of graph items.
+       * @param graph The graph for which the layout should be animated.
+       * @param targetNodeLayouts The node layouts after the animation.
+       * @param targetBendLocations The bend locations after the animation, for each edge the points are interpreted as the position of the bends along the
+       * edge in the given order.
+       * @param targetLayoutParameters The label model parameters for each label after the animation.
+       * @param targetPortLocations The {@link }s for each {@link } in the graph that will be morphed.
+       * @param preferredDuration The preferred duration of the animation in milliseconds.
+       * @returns 
+       * @static
+       */
+      createGraphAnimation?(graph:yfiles.graph.IGraph,targetNodeLayouts:yfiles.collections.IMapper<yfiles.graph.INode,yfiles.geometry.IRectangle>,targetBendLocations:yfiles.collections.IMapper<yfiles.graph.IEdge,yfiles.geometry.IPoint[]>,targetPortLocations:yfiles.collections.IMapper<yfiles.graph.IPort,yfiles.graph.IPortLocationModelParameter>,targetLayoutParameters:yfiles.collections.IMapper<yfiles.graph.ILabel,yfiles.graph.ILabelModelParameter>,preferredDuration:yfiles.lang.TimeSpan):yfiles.view.IAnimation;
+      /**
+       * Creates a new {@link yfiles.view.IAnimation} that animates the given <code>label</code> from its current layout linearly to the layout given
+       * by the <code>targetLayoutParameter</code>.
+       * <p>
+       * This animation will as a side effect assign the <code>targetLayoutParameter</code> to the label at the {@link Root.IG#cleanup end of the animation}.
+       * </p>
+       * @param graph The graph that contains the labels.
+       * @param label The label to animate the parameter of.
+       * @param targetLayoutParameter The target parameter of the label.
+       * @param preferredDuration The preferred duration of the animation.
+       * @returns A new instance of {@link }.
+       * @static
+       */
+      createLabelAnimation?(graph:yfiles.graph.IGraph,label:yfiles.graph.ILabel,targetLayoutParameter:yfiles.graph.ILabelModelParameter,preferredDuration:yfiles.lang.TimeSpan):yfiles.view.IAnimation;
+      /**
+       * Creates a new {@link yfiles.view.IAnimation} instance that animates the current graph to the layout given by a {@link yfiles.layout.CopiedLayoutGraph}
+       * instance.
+       * <p>
+       * The returned instance is suitable for morphing an {@link yfiles.graph.IGraph} to a layout computed by one of the layout
+       * algorithms.
+       * </p>
+       * <p>
+       * While it is usually recommended to use {@link yfiles.layout.LayoutExecutor} to handle layout calculation and subsequent
+       * animation, the {@link yfiles.view.IAnimation} produced by this method can be used manually, as well:
+       * </p>
+       * @param graph the graph for which the layout should be animated
+       * @param layoutGraph the {@link } that contains all target layout information
+       * @param preferredDuration the preferred duration of the animation
+       * @returns 
+       * @static
+       */
+      createLayoutAnimation?(graph:yfiles.graph.IGraph,layoutGraph:yfiles.layout.CopiedLayoutGraph,preferredDuration:yfiles.lang.TimeSpan):yfiles.view.IAnimation;
+      /**
+       * Creates a new {@link yfiles.view.IAnimation} that animates the given <code>node</code> from its current layout to the new given
+       * <code>targetLayout</code>.
+       * @param graph The graph the animated node belongs to.
+       * @param node The node whose {@link #layout} to animate.
+       * @param targetLayout The expected node layout after the animation.
+       * @param preferredDuration The preferred duration of the animation.
+       * @returns A new instance of {@link }.
+       * @static
+       */
+      createNodeAnimation?(graph:yfiles.graph.IGraph,node:yfiles.graph.INode,targetLayout:yfiles.geometry.IRectangle,preferredDuration:yfiles.lang.TimeSpan):yfiles.view.IAnimation;
+      /**
+       * Creates an {@link yfiles.view.IAnimation} according to the composite design pattern that animates multiple animations in
+       * parallel.
+       * <p>
+       * The animations can be synchronized to the longest running animation.
+       * </p>
+       * @param animations The animations to run in parallel.
+       * @param [synchronized=true] Whether all child animations should be adjusted to have the same (maximum) {@link #preferredDuration}. By default this is enabled.
+       * @returns A new instance that is the composite of the given animations.
+       * @static
+       */
+      createParallelAnimation?(animations:yfiles.collections.IEnumerable<yfiles.view.IAnimation>,synchronized?:boolean):yfiles.view.IAnimation;
+      /**
+       * Creates a new instance of an {@link yfiles.view.IAnimation} that animates the given {@link yfiles.geometry.IMutablePoint} along a path.
+       * @param path The path to animate the point along.
+       * @param animationPoint The mutable point instance that will be manipulated by the animation.
+       * @param preferredDuration The preferred duration of the animation.
+       * @returns 
+       * @static
+       */
+      createPathAnimation?(path:yfiles.geometry.GeneralPath,animationPoint:yfiles.geometry.IMutablePoint,preferredDuration:yfiles.lang.TimeSpan):yfiles.view.IAnimation;
+      /**
+       * Creates a new {@link yfiles.view.IAnimation} that animates the given <code>port</code> from its current location to the new location given by
+       * the <code>targetLocationParameter</code>.
+       * <p>
+       * This animation will as a side effect assign the <code>targetLocationParameter</code> to the port at the {@link Root.IG#cleanup end of the animation}.
+       * </p>
+       * @param graph The graph that contains the port.
+       * @param port The port to animate.
+       * @param targetLocationParameter The parameter to linearly interpolate to.
+       * @param preferredDuration The {@link #preferredDuration preferred duration} of this animation.
+       * @returns A new instance of {@link }.
+       * @static
+       */
+      createPortAnimation?(graph:yfiles.graph.IGraph,port:yfiles.graph.IPort,targetLocationParameter:yfiles.graph.IPortLocationModelParameter,preferredDuration:yfiles.lang.TimeSpan):yfiles.view.IAnimation;
+      /**
+       * Creates a new {@link yfiles.view.IAnimation} for the given table that animates the table and its {@link yfiles.graph.IStripe stripes}.
+       * <p>
+       * Note that only the sizes of
+       * <b>leaf stripes</b>, i.e. those without child stripes, are considered. The sizes of a stripe with children is implicitly determined by its
+       * contents.
+       * </p>
+       * <p>
+       * For more control of the animation, implement a custom {@link yfiles.view.TableAnimation} and override method
+       * {@link yfiles.view.TableAnimation#createStripeAnimation}.
+       * </p>
+       * @param table The table to animate.
+       * @param columnLayout The sizes of the <b>leaf</b> columns, in natural order.
+       * @param rowLayout The sizes of the <b>leaf</b> rows, in natural order.
+       * @returns 
+       * @static
+       */
+      createTableAnimation?(table:yfiles.graph.ITable,columnLayout:number[],rowLayout:number[]):yfiles.view.IAnimation;
+      $class:yfiles.lang.Class;
+      isInstance(o:Object):boolean;
+    };
+    /**
+     * Animates changing the viewport bounds and the zoom factor for a {@link yfiles.view.CanvasComponent}.
+     * @class
+     * @implements {yfiles.view.IAnimation}
+     */
+    export interface ViewportAnimation extends Object,yfiles.view.IAnimation{}
+    export class ViewportAnimation {
+      /**
+       * Creates a new instance of {@link yfiles.view.ViewportAnimation}.
+       * @param canvas The canvas control.
+       * @param targetBounds The target world bounds for the animation.
+       * @param [preferredDuration=null] The preferred duration. 1 second if omitted.
+       */
+      constructor(canvas:yfiles.view.CanvasComponent,targetBounds:yfiles.geometry.Rect,preferredDuration?:yfiles.lang.TimeSpan);
+      /**
+       * Creates a new instance of {@link yfiles.view.ViewportAnimation}.
+       * @param {Object} options The parameters to pass.
+       * @param options.canvas The canvas control.
+       * @param options.targetBounds The target world bounds for the animation.
+       * @param [options.preferredDuration=null] The preferred duration. 1 second if omitted.
+       * @param {boolean} options.considerViewportLimiter Whether to respect the {@link yfiles.view.CanvasComponent#viewportLimiter} of the {@link yfiles.view.CanvasComponent} whose {@link yfiles.view.CanvasComponent#viewport} is animated.
+       * <p>
+       * This option sets the {@link yfiles.view.ViewportAnimation#considerViewportLimiter} property on the created object.
+       * </p>
+       * @param {number} options.maximumTargetZoom The maximum zoom level to use after the animation.
+       * <p>
+       * This option sets the {@link yfiles.view.ViewportAnimation#maximumTargetZoom} property on the created object.
+       * </p>
+       */
+      constructor(options:{canvas:yfiles.view.CanvasComponent,targetBounds:yfiles.geometry.Rect,preferredDuration?:yfiles.lang.TimeSpan,considerViewportLimiter?:boolean,maximumTargetZoom?:number});
+      /**
+       * 
+       * @param time
+       */
+      animate(time:number):void;
+      /**
+       * Effectively applies the center point value.
+       * @param focus
+       * @protected
+       */
+      applyCenterPoint(focus:yfiles.geometry.Point):void;
+      /**
+       * Effectively applies the view point value.
+       * @param focus
+       * @protected
+       */
+      applyViewPoint(focus:yfiles.geometry.Point):void;
+      /**
+       * Effectively applies the zoom value.
+       * @param value
+       * @protected
+       */
+      applyZoom(value:number):void;
+      /**
+       * Cancels this viewport animation so that subsequent calls to {@link yfiles.view.ViewportAnimation#animate} or {@link yfiles.view.ViewportAnimation#cleanup}
+       * won't affect the viewport anymore.
+       */
+      cancel():void;
+      /**
+       * Cleans up after the animation.
+       */
+      cleanup():void;
+      /**
+       * Initializes this animation.
+       * <p>
+       * This has to be called once before any calls to {@link yfiles.view.ViewportAnimation#animate}. An instance of {@link yfiles.view.ViewportAnimation}
+       * can be reused after an animation by setting new {@link yfiles.view.ViewportAnimation#targetBounds} or a new {@link yfiles.view.ViewportAnimation#preferredDuration} and calling Initialize() again.
+       * </p>
+       */
+      initialize():void;
+      /**
+       * Gets or sets the target world bounds.
+       * @type {yfiles.geometry.Rect}
+       */
+      targetBounds:yfiles.geometry.Rect;
+      /**
+       * Whether to respect the {@link yfiles.view.CanvasComponent#viewportLimiter} of the {@link yfiles.view.CanvasComponent} whose {@link yfiles.view.CanvasComponent#viewport} is animated.
+       * <p>
+       * Default is <code>false</code>.
+       * </p>
+       * @type {boolean}
+       */
+      considerViewportLimiter:boolean;
+      /**
+       * Gets or sets the preferred duration of the animation.
+       * @type {yfiles.lang.TimeSpan}
+       */
+      preferredDuration:yfiles.lang.TimeSpan;
+      /**
+       * Gets or sets the maximum zoom level to use after the animation.
+       * <p>
+       * The default is {@link number#POSITIVE_INFINITY}.
+       * </p>
+       * @type {number}
+       */
+      maximumTargetZoom:number;
+      /**
+       * Gets or sets the scroll bar visibility that will be used during the animation.
+       * @default yfiles.view.ScrollBarVisibility.NEVER
+       * @type {yfiles.view.ScrollBarVisibility}
+       */
+      scrollBarVisibility:yfiles.view.ScrollBarVisibility;
+      /**
+       * Gets or sets the margins in view coordinate dimensions to use at the target zoom level.
+       * @default '0'
+       * @type {yfiles.geometry.Insets}
+       */
+      targetViewMargins:yfiles.geometry.Insets;
+      static $class:yfiles.lang.Class;
+    }
+    export enum ScrollBarVisibility{
+      /**
+       * Never display the scroll bar, even if not all of the content is visible.
+       */
+      NEVER,
+      /**
+       * Display the scroll bar when needed.
+       * <p>
+       * This is the default behavior in most applications.
+       * </p>
+       */
+      AS_NEEDED,
+      /**
+       * Always display the scroll bar.
+       * <p>
+       * If it is not needed, i.e. if all content is already displaying, the scroll bar will remain visible but cannot be moved.
+       * </p>
+       */
+      ALWAYS
+    }
     export enum MouseButtons{
       /**
        * No mouse button.
@@ -8719,26 +9132,6 @@ declare namespace system{
        */
       X2
     }
-    export enum ScrollBarVisibility{
-      /**
-       * Never display the scroll bar, even if not all of the content is visible.
-       */
-      NEVER,
-      /**
-       * Display the scroll bar when needed.
-       * <p>
-       * This is the default behavior in most applications.
-       * </p>
-       */
-      AS_NEEDED,
-      /**
-       * Always display the scroll bar.
-       * <p>
-       * If it is not needed, i.e. if all content is already displaying, the scroll bar will remain visible but cannot be moved.
-       * </p>
-       */
-      ALWAYS
-    }
     export enum MouseWheelBehaviors{
       /**
        * The mouse wheel has no effect.
@@ -8765,15 +9158,14 @@ declare namespace system{
      * {@link yfiles.view.CanvasComponent#invalidate}
      * </p>
      * @see yfiles.view.CanvasComponent#addPrepareRenderContextListener
-     * @class yfiles.view.PrepareRenderContextEventArgs
+     * @class
      * @extends {yfiles.lang.EventArgs}
      */
     export interface PrepareRenderContextEventArgs extends yfiles.lang.EventArgs{}
     export class PrepareRenderContextEventArgs {
       /**
        * Initializes a new instance of the {@link yfiles.view.PrepareRenderContextEventArgs} class.
-       * @param {yfiles.view.IRenderContext} context The initial context which can be modified by the event handlers using the {@link yfiles.view.PrepareRenderContextEventArgs#context} property.
-       * @constructor
+       * @param context The initial context which can be modified by the event handlers using the {@link #context} property.
        */
       constructor(context:yfiles.view.IRenderContext);
       /**
@@ -8816,7 +9208,7 @@ declare namespace system{
     }
     /**
      * This event occurs when the size of a control is changed.
-     * @class yfiles.view.SizeChangedEventArgs
+     * @class
      * @extends {yfiles.lang.EventArgs}
      * @final
      */
@@ -8839,12 +9231,12 @@ declare namespace system{
      * <p>
      * The control supports high performance zooming and panning of visual content and provides a high level view of the visual
      * tree. The control uses double precision world-coordinates to render items that are composed using a visual tree. In its
-     * most simple form the scene graph is a tree like structure of elements that will be rendered in depth-first-search
+     * most simple form the scene graph is a tree-like structure of elements that will be rendered in depth-first-search
      * order.
      * </p>
      * <p>
      * The scene graph tree is made up of {@link yfiles.view.ICanvasObject} elements. Multiple elements are grouped in {@link yfiles.view.ICanvasObjectGroup}
-     * elements. An {@link yfiles.view.ICanvasObject} consists of a {@link yfiles.view.ICanvasObject#userObject user-object} and an {@link yfiles.view.ICanvasObjectDescriptor} that is used
+     * elements. An {@link yfiles.view.ICanvasObject} consists of a {@link yfiles.view.ICanvasObject#userObject user object} and an {@link yfiles.view.ICanvasObjectDescriptor} that is used
      * by the rendering engine to query interfaces that perform the actual creation of the
      * {@link yfiles.view.Visual}s, hit testing, and bounds calculation.
      * </p>
@@ -8855,11 +9247,11 @@ declare namespace system{
      * <li>{@link yfiles.input.ICommand#INCREASE_ZOOM}</li>
      * <li>{@link yfiles.input.ICommand#DECREASE_ZOOM}</li>
      * <li>{@link yfiles.input.ICommand#ZOOM}</li>
+     * <li>{@link yfiles.input.ICommand#FIT_CONTENT}</li>
      * <li>{@link yfiles.input.ICommand#SCROLL_PAGE_DOWN}</li>
      * <li>{@link yfiles.input.ICommand#SCROLL_PAGE_UP}</li>
      * <li>{@link yfiles.input.ICommand#SCROLL_PAGE_LEFT}</li>
      * <li>{@link yfiles.input.ICommand#SCROLL_PAGE_RIGHT}</li>
-     * <li>{@link yfiles.input.ICommand#FIT_CONTENT}</li>
      * </ul>
      * <p>
      * The handlers for {@link yfiles.input.ICommand#INCREASE_ZOOM} and {@link yfiles.input.ICommand#DECREASE_ZOOM} use the specified command
@@ -8878,7 +9270,7 @@ declare namespace system{
      * @see yfiles.view.IVisualCreator
      * @see yfiles.input.IHitTestable
      * @see yfiles.view.IVisibilityTestable
-     * @class yfiles.view.CanvasComponent
+     * @class
      * @implements {yfiles.graph.ILookup}
      */
     export interface CanvasComponent extends Object,yfiles.graph.ILookup{}
@@ -8888,8 +9280,7 @@ declare namespace system{
        * <p>
        * The canvas will be empty with no associated InputModes.
        * </p>
-       * @param {string} selector The CSS selector or id for an existing <code>div</code> element
-       * @constructor
+       * @param selector The CSS selector or id for an existing <code>div</code> element
        */
       constructor(selector:string);
       /**
@@ -8897,8 +9288,7 @@ declare namespace system{
        * <p>
        * The canvas will be empty with no associated {@link yfiles.view.CanvasComponent#inputMode}s.
        * </p>
-       * @param {HTMLDivElement} div The existing <code>div</code> element to use for rendering the canvas into.
-       * @constructor
+       * @param div The existing <code>div</code> element to use for rendering the canvas into.
        */
       constructor(div:HTMLDivElement);
       /**
@@ -8907,13 +9297,12 @@ declare namespace system{
        * The canvas will be empty with no associated InputModes. This constructor creates a new {@link yfiles.view.CanvasComponent#div} element that needs to be added
        * to the DOM manually.
        * </p>
-       * @constructor
        */
       constructor();
       /**
        * Scrolls to the provided view point and zoom level in an animated fashion.
-       * @param {yfiles.geometry.Point} viewPoint The new {@link yfiles.view.CanvasComponent#viewPoint}
-       * @param {number} zoom The new zoom level.
+       * @param viewPoint The new {@link #viewPoint}
+       * @param zoom The new zoom level.
        */
       animateScrollTo(viewPoint:yfiles.geometry.Point,zoom:number):void;
       /**
@@ -8933,9 +9322,9 @@ declare namespace system{
        * <p>
        * The comparison will yield values greater than zero if and only if the second object is rendered after the first one.
        * </p>
-       * @param {yfiles.view.ICanvasObject} canvasObject1 the first object to compare
-       * @param {yfiles.view.ICanvasObject} canvasObject2 the second object to compare
-       * @returns {number} 0 if canvasObject1 ==
+       * @param canvasObject1 the first object to compare
+       * @param canvasObject2 the second object to compare
+       * @returns 0 if canvasObject1 ==
        * canvasObject2
        * <br />
        * >0 if canvasObject1 is painted before canvasObject2 &lt;0 if canvasObject1 is painted after canvasObject2
@@ -8946,7 +9335,7 @@ declare namespace system{
        * <p>
        * This method will be called upon first access to the {@link yfiles.view.CanvasComponent#backgroundGroup} property.
        * </p>
-       * @returns {yfiles.view.ICanvasObjectGroup} a new instance of ICanvasObjectGroup
+       * @returns a new instance of ICanvasObjectGroup
        * @protected
        */
       createBackgroundGroup():yfiles.view.ICanvasObjectGroup;
@@ -8955,7 +9344,7 @@ declare namespace system{
        * <p>
        * This method will be called upon first access to the {@link yfiles.view.CanvasComponent#contentGroup} property.
        * </p>
-       * @returns {yfiles.view.ICanvasObjectGroup} a new instance of ICanvasObjectGroup
+       * @returns a new instance of ICanvasObjectGroup
        * @protected
        */
       createContentGroup():yfiles.view.ICanvasObjectGroup;
@@ -8964,7 +9353,7 @@ declare namespace system{
        * <p>
        * This method will be called upon first access to the {@link yfiles.view.CanvasComponent#focusGroup} property.
        * </p>
-       * @returns {yfiles.view.ICanvasObjectGroup} a new instance of ICanvasObjectGroup
+       * @returns a new instance of ICanvasObjectGroup
        * @protected
        */
       createFocusGroup():yfiles.view.ICanvasObjectGroup;
@@ -8973,7 +9362,7 @@ declare namespace system{
        * <p>
        * This method will be called upon first access to the {@link yfiles.view.CanvasComponent#highlightGroup} property.
        * </p>
-       * @returns {yfiles.view.ICanvasObjectGroup} a new instance of ICanvasObjectGroup
+       * @returns a new instance of ICanvasObjectGroup
        * @protected
        */
       createHighlightGroup():yfiles.view.ICanvasObjectGroup;
@@ -8982,7 +9371,7 @@ declare namespace system{
        * <p>
        * This method will be called upon first access to the {@link yfiles.view.CanvasComponent#inputModeContext} property.
        * </p>
-       * @returns {yfiles.input.IInputModeContext} a new instance of {@link yfiles.view.CanvasComponent#inputModeContext} that has this instance set as it's {@link yfiles.view.ICanvasContext#canvasComponent} and uses this instance's {@link yfiles.view.CanvasComponent#inputModeContextLookup}
+       * @returns a new instance of {@link #inputModeContext} that has this instance set as it's {@link #canvasComponent} and uses this instance's {@link #inputModeContextLookup}
        * callback to satisfy requests.
        * @protected
        */
@@ -8992,7 +9381,7 @@ declare namespace system{
        * <p>
        * This method will be called upon first access to the {@link yfiles.view.CanvasComponent#inputModeGroup} property.
        * </p>
-       * @returns {yfiles.view.ICanvasObjectGroup} a new instance of ICanvasObjectGroup
+       * @returns a new instance of ICanvasObjectGroup
        * @protected
        */
       createInputModeGroup():yfiles.view.ICanvasObjectGroup;
@@ -9003,7 +9392,7 @@ declare namespace system{
        * This method is a convenience method to obtain a context for special visual creator implementations and normally needs
        * not be used by application developers.
        * </p>
-       * @returns {yfiles.view.IRenderContext} A new context instance that is bound to this instance.
+       * @returns A new context instance that is bound to this instance.
        */
       createRenderContext():yfiles.view.IRenderContext;
       /**
@@ -9011,13 +9400,13 @@ declare namespace system{
        * <p>
        * This method will be called upon first access to the {@link yfiles.view.CanvasComponent#selectionGroup} property.
        * </p>
-       * @returns {yfiles.view.ICanvasObjectGroup} a new instance of ICanvasObjectGroup
+       * @returns a new instance of ICanvasObjectGroup
        * @protected
        */
       createSelectionGroup():yfiles.view.ICanvasObjectGroup;
       /**
        * Ensures that the provided bounds are visible in this control by adjusting the viewport correspondingly.
-       * @param {yfiles.geometry.Rect} bounds The bounds to make visible.
+       * @param bounds The bounds to make visible.
        */
       ensureVisible(bounds:yfiles.geometry.Rect):void;
       /**
@@ -9025,13 +9414,13 @@ declare namespace system{
        * <p>
        * This method will create the visual content using the world coordinate system.
        * </p>
-       * @param {yfiles.view.IRenderContext} context The context to use.
-       * @returns {Element} A composite Visual that represents the contents of this control.
+       * @param context The context to use.
+       * @returns A composite Visual that represents the contents of this control.
        */
       exportContent(context:yfiles.view.IRenderContext):Element;
       /**
        * Fires the size changed event.
-       * @param {yfiles.geometry.Size} oldSize
+       * @param oldSize
        */
       fireSizeChanged(oldSize:yfiles.geometry.Size):void;
       /**
@@ -9040,6 +9429,7 @@ declare namespace system{
        * The zoom level will not be greater than <code>1.0d</code>. If the view port is limited by the {@link yfiles.view.CanvasComponent#viewportLimiter} the zoom level might be greater than <code>1.0d</code>
        * to respect the limits.
        * </p>
+       * @see yfiles.view.CanvasComponent#updateContentRect
        * @see yfiles.view.CanvasComponent#zoom
        * @see yfiles.view.CanvasComponent#zoomTo
        */
@@ -9053,8 +9443,8 @@ declare namespace system{
        * <p>
        * This method queries the descriptor for the {@link yfiles.view.IBoundsProvider} for the user object and returns the result.
        * </p>
-       * @param {yfiles.view.ICanvasObject} canvasObject the canvas object to query the bounds from
-       * @returns {yfiles.geometry.Rect} the non-<code>null</code> bounds
+       * @param canvasObject the canvas object to query the bounds from
+       * @returns the non-<code>null</code> bounds
        */
       getBounds(canvasObject:yfiles.view.ICanvasObject):yfiles.geometry.Rect;
       /**
@@ -9062,14 +9452,14 @@ declare namespace system{
        * <p>
        * This will return the canvas object that is painted last at the given position.
        * </p>
-       * @param {yfiles.geometry.Point} location the coordinates of the query in the world coordinate system
-       * @returns {yfiles.view.ICanvasObject} 
+       * @param location the coordinates of the query in the world coordinate system
+       * @returns 
        */
       getCanvasObject(location:yfiles.geometry.Point):yfiles.view.ICanvasObject;
       /**
        * Enumerates over all possible {@link yfiles.view.ICanvasObject} instances in the tree below the given group.
-       * @param {yfiles.view.ICanvasObjectGroup} group
-       * @returns {yfiles.collections.IEnumerable.<yfiles.view.ICanvasObject>} An enumerable for all {@link yfiles.view.ICanvasObject}s in the tree below the given group.
+       * @param group
+       * @returns An enumerable for all {@link }s in the tree below the given group.
        */
       getCanvasObjects(group:yfiles.view.ICanvasObjectGroup):yfiles.collections.IEnumerable<yfiles.view.ICanvasObject>;
       /**
@@ -9078,19 +9468,19 @@ declare namespace system{
        * The order of the elements in the list is the natural hit test order, i.e. elements painted on top of others will be
        * reported first in the list.
        * </p>
-       * @param {yfiles.geometry.Point} location the coordinates of the query in the world coordinate system
-       * @returns {yfiles.collections.IEnumerable.<yfiles.view.ICanvasObject>} an enumerable of canvas object that are hit in reverse painting order
+       * @param location the coordinates of the query in the world coordinate system
+       * @returns an enumerable of canvas object that are hit in reverse painting order
        */
       getCanvasObjects(location:yfiles.geometry.Point):yfiles.collections.IEnumerable<yfiles.view.ICanvasObject>;
       /**
        * Enumerates over all possible {@link yfiles.view.ICanvasObject} instances in the tree.
-       * @returns {yfiles.collections.IEnumerable.<yfiles.view.ICanvasObject>} An enumerable for all {@link yfiles.view.ICanvasObject}s in the tree.
+       * @returns An enumerable for all {@link }s in the tree.
        */
       getCanvasObjects():yfiles.collections.IEnumerable<yfiles.view.ICanvasObject>;
       /**
        * Gets the {@link yfiles.view.CanvasComponent} instance that is associated with the given DOM element, or null.
-       * @param {Element} element
-       * @returns {yfiles.view.CanvasComponent} 
+       * @param element
+       * @returns 
        * @static
        */
       static getComponent(element:Element):yfiles.view.CanvasComponent;
@@ -9103,22 +9493,22 @@ declare namespace system{
        * corresponding {@link yfiles.view.IVisualCreator} that created the visual in the first place. This method rather serves as a
        * utility method for UI testing frameworks and similar use cases.
        * </p>
-       * @param {yfiles.view.ICanvasObject} canvasObject The canvas object.
-       * @returns {yfiles.view.Visual} The {@link yfiles.view.Visual} that is currently used by the <code>canvasObject</code>.
+       * @param canvasObject The canvas object.
+       * @returns The {@link } that is currently used by the <code>canvasObject</code>.
        */
       getVisual(canvasObject:yfiles.view.ICanvasObject):yfiles.view.Visual;
       /**
        * Convenience method that retrieves the {@link yfiles.view.IVisualCreator} for a given {@link yfiles.view.ICanvasObject}.
-       * @param {yfiles.view.ICanvasObject} canvasObject the canvas object to query the visual creator implementation from
-       * @returns {yfiles.view.IVisualCreator} an instance of the visual creator interface
+       * @param canvasObject the canvas object to query the visual creator implementation from
+       * @returns an instance of the visual creator interface
        * @see yfiles.view.ICanvasObjectDescriptor#getVisualCreator
        * @see yfiles.view.VoidVisualCreator#INSTANCE
        */
       getVisualCreator(canvasObject:yfiles.view.ICanvasObject):yfiles.view.IVisualCreator;
       /**
        * Converts view coordinates from the document's coordinate system to the control's coordinate system.
-       * @param {yfiles.geometry.Point} localPoint The coordinates to convert.
-       * @returns {yfiles.geometry.Point} The coordinates in the control's coordinate system.
+       * @param localPoint The coordinates to convert.
+       * @returns The coordinates in the control's coordinate system.
        */
       globalToLocal(localPoint:yfiles.geometry.Point):yfiles.geometry.Point;
       /**
@@ -9126,7 +9516,7 @@ declare namespace system{
        * <p>
        * Note that this will not change the view port, it will only change the scroll bars if necessary.
        * </p>
-       * @param {yfiles.geometry.Rect} rectangle the rectangle that should be included in the content rectangle
+       * @param rectangle the rectangle that should be included in the content rectangle
        */
       growContentRect(rectangle:yfiles.geometry.Rect):void;
       /**
@@ -9136,11 +9526,11 @@ declare namespace system{
        * Hit testing is performed using the {@link yfiles.view.ICanvasObjectDescriptor#getHitTestable} instance returned for each visible
        * {@link yfiles.view.ICanvasObject} in the current scene graph. The enumeration is performed lazily.
        * </p>
-       * @param {yfiles.input.IInputModeContext} context The context instance to pass to {@link yfiles.input.IHitTestable#isHit}.
-       * @param {yfiles.geometry.Point} location the coordinates to perform the hit test at
-       * @param {yfiles.view.ICanvasObjectGroup} [root=null] the root of the scene graph to use
-       * @param {function(yfiles.view.ICanvasObject): boolean} [filter=null] The predicate that decides whether a given canvas object should be considered for testing at all or <code>null</code>.
-       * @returns {yfiles.collections.IEnumerable.<yfiles.view.ICanvasObject>} a live enumeration of the elements that are hit
+       * @param context The context instance to pass to {@link #isHit}.
+       * @param location the coordinates to perform the hit test at
+       * @param [root=null] the root of the scene graph to use
+       * @param [filter=null] The predicate that decides whether a given canvas object should be considered for testing at all or <code>null</code>.
+       * @returns a live enumeration of the elements that are hit
        * @see yfiles.input.IHitTestable
        */
       hitElementsAt(context:yfiles.input.IInputModeContext,location:yfiles.geometry.Point,root?:yfiles.view.ICanvasObjectGroup,filter?:(obj:yfiles.view.ICanvasObject)=>boolean):yfiles.collections.IEnumerable<yfiles.view.ICanvasObject>;
@@ -9152,11 +9542,11 @@ declare namespace system{
        * {@link yfiles.view.ICanvasObject} in the current scene graph. The enumeration is performed lazily.
        * </p>
        * @param {Object} options The parameters to pass.
-       * @param {yfiles.input.IInputModeContext} options.context The context instance to pass to {@link yfiles.input.IHitTestable#isHit}.
-       * @param {yfiles.geometry.Point} options.location the coordinates to perform the hit test at
-       * @param {yfiles.view.ICanvasObjectGroup} [options.root=null] the root of the scene graph to use
-       * @param {function(yfiles.view.ICanvasObject): boolean} [options.filter=null] The predicate that decides whether a given canvas object should be considered for testing at all or <code>null</code>.
-       * @returns {yfiles.collections.IEnumerable.<yfiles.view.ICanvasObject>} a live enumeration of the elements that are hit
+       * @param options.context The context instance to pass to {@link #isHit}.
+       * @param options.location the coordinates to perform the hit test at
+       * @param [options.root=null] the root of the scene graph to use
+       * @param [options.filter=null] The predicate that decides whether a given canvas object should be considered for testing at all or <code>null</code>.
+       * @returns a live enumeration of the elements that are hit
        * @see yfiles.input.IHitTestable
        */
       hitElementsAt(options:{context:yfiles.input.IInputModeContext,location:yfiles.geometry.Point,root?:yfiles.view.ICanvasObjectGroup,filter?:(obj:yfiles.view.ICanvasObject)=>boolean}):yfiles.collections.IEnumerable<yfiles.view.ICanvasObject>;
@@ -9166,10 +9556,10 @@ declare namespace system{
        * Hit testing is performed using the {@link yfiles.view.ICanvasObjectDescriptor#getHitTestable} instance returned for each visible
        * {@link yfiles.view.ICanvasObject} in the current scene graph. The enumeration is performed lazily.
        * </p>
-       * @param {yfiles.geometry.Point} location the coordinates to perform the hit test at
-       * @param {yfiles.view.ICanvasObjectGroup} [root=null] the root of the scene graph to use
-       * @param {function(yfiles.view.ICanvasObject): boolean} [filter=null] The predicate that decides whether a given canvas object should be considered for testing at all or <code>null</code>.
-       * @returns {yfiles.collections.IEnumerable.<yfiles.view.ICanvasObject>} a live enumeration of the elements that are hit
+       * @param location the coordinates to perform the hit test at
+       * @param [root=null] the root of the scene graph to use
+       * @param [filter=null] The predicate that decides whether a given canvas object should be considered for testing at all or <code>null</code>.
+       * @returns a live enumeration of the elements that are hit
        * @see yfiles.input.IHitTestable
        * @see yfiles.view.CanvasComponent#hitTestRadius
        */
@@ -9181,18 +9571,18 @@ declare namespace system{
        * {@link yfiles.view.ICanvasObject} in the current scene graph. The enumeration is performed lazily.
        * </p>
        * @param {Object} options The parameters to pass.
-       * @param {yfiles.geometry.Point} options.location the coordinates to perform the hit test at
-       * @param {yfiles.view.ICanvasObjectGroup} [options.root=null] the root of the scene graph to use
-       * @param {function(yfiles.view.ICanvasObject): boolean} [options.filter=null] The predicate that decides whether a given canvas object should be considered for testing at all or <code>null</code>.
-       * @returns {yfiles.collections.IEnumerable.<yfiles.view.ICanvasObject>} a live enumeration of the elements that are hit
+       * @param options.location the coordinates to perform the hit test at
+       * @param [options.root=null] the root of the scene graph to use
+       * @param [options.filter=null] The predicate that decides whether a given canvas object should be considered for testing at all or <code>null</code>.
+       * @returns a live enumeration of the elements that are hit
        * @see yfiles.input.IHitTestable
        * @see yfiles.view.CanvasComponent#hitTestRadius
        */
       hitElementsAt(options:{location:yfiles.geometry.Point,root?:yfiles.view.ICanvasObjectGroup,filter?:(obj:yfiles.view.ICanvasObject)=>boolean}):yfiles.collections.IEnumerable<yfiles.view.ICanvasObject>;
       /**
        * Callback that is used by the default implementation of {@link yfiles.view.CanvasComponent#inputModeContext} to resolve {@link yfiles.graph.ILookup#lookup} calls.
-       * @param {yfiles.lang.Class} type The Type to query
-       * @returns {Object} The result of the query.
+       * @param type The Type to query
+       * @returns The result of the query.
        * @see yfiles.input.IInputModeContext
        * @protected
        */
@@ -9210,21 +9600,21 @@ declare namespace system{
        * This method queries the descriptor for the {@link yfiles.input.IHitTestable} for the user object and returns the result of the
        * hit test query. If there is no <code>IHitTestable</code> returned by the descriptor this method returns <code>false</code>.
        * </p>
-       * @param {yfiles.view.ICanvasObject} canvasObject the canvas object to query the bounds from
-       * @param {yfiles.geometry.Point} location the coordinates of the query in the world coordinate system
-       * @returns {boolean} whether the canvas object is hit at the given coordinates
+       * @param canvasObject the canvas object to query the bounds from
+       * @param location the coordinates of the query in the world coordinate system
+       * @returns whether the canvas object is hit at the given coordinates
        */
       isHit(canvasObject:yfiles.view.ICanvasObject,location:yfiles.geometry.Point):boolean;
       /**
        * Converts view coordinates from the control's coordinate system to the document's coordinate system.
-       * @param {yfiles.geometry.Point} localPoint The coordinates to convert.
-       * @returns {yfiles.geometry.Point} The coordinates in the document's coordinate system.
+       * @param localPoint The coordinates to convert.
+       * @returns The coordinates in the document's coordinate system.
        */
       localToGlobal(localPoint:yfiles.geometry.Point):yfiles.geometry.Point;
       /**
        * 
-       * @param {yfiles.lang.Class} type
-       * @returns {Object} 
+       * @param type
+       * @returns 
        */
       lookup(type:yfiles.lang.Class):Object;
       /**
@@ -9234,7 +9624,7 @@ declare namespace system{
        * This method will scroll the view in vertical direction. If the Shift key modifier has been pressed this method will
        * scroll in horizontal direction.
        * </p>
-       * @param {yfiles.view.MouseEventArgs} evt the event describing the action
+       * @param evt the event describing the action
        * @see yfiles.view.CanvasComponent#mouseWheelBehavior
        * @see yfiles.view.CanvasComponent#mouseWheelScrollFactor
        * @protected
@@ -9247,14 +9637,14 @@ declare namespace system{
        * This method will adjust the current zoom level. If the Control key modifier has been pressed this method will keep the
        * world coordinates at the current mouse position, i.e. the zoom will not necessarily be into the center of the canvas.
        * </p>
-       * @param {yfiles.view.MouseEventArgs} evt the event describing the action
+       * @param evt the event describing the action
        * @see yfiles.view.CanvasComponent#mouseWheelBehavior
        * @protected
        */
       mouseWheelZoom(evt:yfiles.view.MouseEventArgs):void;
       /**
        * Raises the {@link yfiles.view.CanvasComponent#addPrepareRenderContextListener PrepareRenderContext}.
-       * @param {yfiles.view.PrepareRenderContextEventArgs} evt The event arguments to raise.
+       * @param evt The event arguments to raise.
        * @see yfiles.view.CanvasComponent#addPrepareRenderContextListener
        * @protected
        */
@@ -9277,8 +9667,8 @@ declare namespace system{
        * Therefore, the given callback will be executed in sequence with previously added actions, e.g. the
        * {@link yfiles.view.CanvasComponent}'s invalidation.
        * </p>
-       * @param {Function} callback The function that should be executed.
-       * @param {...Object} args The arguments with which the function should be called.
+       * @param callback The function that should be executed.
+       * @param args The arguments with which the function should be called.
        */
       schedule(callback:Function,...args:Object[]):void;
       /**
@@ -9288,10 +9678,10 @@ declare namespace system{
        * area currently visible in the control does not encompass the content rect, the scrollbars will be made visible, unless
        * they are disabled.
        * </p>
-       * @param {number} x
-       * @param {number} y
-       * @param {number} w
-       * @param {number} h
+       * @param x
+       * @param y
+       * @param w
+       * @param h
        * @see yfiles.view.CanvasComponent#contentRect
        * @see yfiles.view.CanvasComponent#horizontalScrollBarPolicy
        * @see yfiles.view.CanvasComponent#verticalScrollBarPolicy
@@ -9308,14 +9698,14 @@ declare namespace system{
       stopMouseCapture():void;
       /**
        * Converts world coordinates to view coordinates expressed in the control's coordinate system.
-       * @param {yfiles.geometry.Point} worldPoint the coordinates in the world coordinate system
-       * @returns {yfiles.geometry.Point} returns the coordinates in pixels relative to the controls upper left corner
+       * @param worldPoint the coordinates in the world coordinate system
+       * @returns returns the coordinates in pixels relative to the controls upper left corner
        */
       toViewCoordinates(worldPoint:yfiles.geometry.Point):yfiles.geometry.Point;
       /**
        * Converts view coordinates (expressed in the control's coordinate system) to world coordinates.
-       * @param {yfiles.geometry.Point} viewPoint the coordinates in pixels relative to the controls upper left corner
-       * @returns {yfiles.geometry.Point} returns the coordinates in the world coordinate system
+       * @param viewPoint the coordinates in pixels relative to the controls upper left corner
+       * @returns returns the coordinates in the world coordinate system
        */
       toWorldCoordinates(viewPoint:yfiles.geometry.Point):yfiles.geometry.Point;
       /**
@@ -9324,8 +9714,8 @@ declare namespace system{
        * This method will traverse all {@link yfiles.view.ICanvasObject#visible visible} elements in the scene graph and query their {@link yfiles.view.ICanvasObjectDescriptor#getBoundsProvider bounds} The resulting bounds will be
        * set to the content rectangle plus the provided <code>margins</code>.
        * </p>
-       * @param {yfiles.geometry.Insets} [margins=null]
-       * @param {yfiles.view.ICanvasObjectGroup} [group=null]
+       * @param [margins=null]
+       * @param [group=null]
        * @see yfiles.view.IBoundsProvider
        * @see yfiles.view.CanvasComponent#contentRect
        */
@@ -9337,8 +9727,8 @@ declare namespace system{
        * set to the content rectangle plus the provided <code>margins</code>.
        * </p>
        * @param {Object} options The parameters to pass.
-       * @param {yfiles.geometry.Insets} [options.margins=null]
-       * @param {yfiles.view.ICanvasObjectGroup} [options.group=null]
+       * @param [options.margins=null]
+       * @param [options.group=null]
        * @see yfiles.view.IBoundsProvider
        * @see yfiles.view.CanvasComponent#contentRect
        */
@@ -9361,13 +9751,13 @@ declare namespace system{
       updateVisual():void;
       /**
        * Sets the zoom level and view port center to the given values.
-       * @param {yfiles.geometry.Point} center the new center of the view port in world coordinates
-       * @param {number} zoom the new zoom level
+       * @param center the new center of the view port in world coordinates
+       * @param zoom the new zoom level
        */
       zoomTo(center:yfiles.geometry.Point,zoom:number):void;
       /**
        * Sets the zoom level and view port center so that the given rectangle in world coordinates fits the viewport.
-       * @param {yfiles.geometry.Rect} bounds The coordinates of the rectangle to zoom to.
+       * @param bounds The coordinates of the rectangle to zoom to.
        */
       zoomTo(bounds:yfiles.geometry.Rect):void;
       /**
@@ -9409,11 +9799,6 @@ declare namespace system{
        * @type {boolean}
        */
       focused:boolean;
-      /**
-       * Gets or sets a value indicating whether this {@link yfiles.view.CanvasComponent} is enabled.
-       * @type {boolean}
-       */
-      enabled:boolean;
       /**
        * Gets a value indicating whether the UI is right to left.
        * @type {boolean}
@@ -9460,10 +9845,13 @@ declare namespace system{
        */
       editable:boolean;
       /**
-       * Determines the behavior of the mouse wheel. The behavior can be switched between {@link yfiles.view.MouseWheelBehaviors#ZOOM}, {@link yfiles.view.MouseWheelBehaviors#SCROLL}
-       * and {@link yfiles.view.MouseWheelBehaviors#NONE}. Additionally, this property can be configured to perform the action
+       * Determines the behavior of the mouse wheel.
+       * <p>
+       * The behavior can be switched between {@link yfiles.view.MouseWheelBehaviors#ZOOM}, {@link yfiles.view.MouseWheelBehaviors#SCROLL} and
+       * {@link yfiles.view.MouseWheelBehaviors#NONE}. Additionally, this property can be configured to perform the action
        * {@link yfiles.view.MouseWheelBehaviors#ONLY_WHEN_FOCUSED only when the control is focused}.
-       * @default 1
+       * </p>
+       * @default yfiles.view.MouseWheelBehaviors.ZOOM
        * @type {yfiles.view.MouseWheelBehaviors}
        */
       mouseWheelBehavior:yfiles.view.MouseWheelBehaviors;
@@ -9476,16 +9864,6 @@ declare namespace system{
        * @type {function(Object, yfiles.lang.EventArgs): boolean}
        */
       centerZoomEventRecognizer:(eventSource:Object,evt:yfiles.lang.EventArgs)=>boolean;
-      /**
-       * Determines whether the mouse wheel should be used for zooming.
-       * <p>
-       * If set to <code>false</code> this task can be performed by custom {@link yfiles.input.IInputMode} implementations using the {@link yfiles.view.CanvasComponent#addMouseWheelListener MouseWheel}
-       * event.
-       * </p>
-       * @default true
-       * @type {boolean}
-       */
-      autoMouseWheelZoom:boolean;
       /**
        * Specifies the visibility policy for the vertical scrollbar.
        * <p>
@@ -9494,7 +9872,7 @@ declare namespace system{
        * </p>
        * @see yfiles.input.MoveViewportInputMode
        * @see yfiles.view.CanvasComponent#horizontalScrollBarPolicy
-       * @default 1
+       * @default yfiles.view.ScrollBarVisibility.AS_NEEDED
        * @type {yfiles.view.ScrollBarVisibility}
        */
       verticalScrollBarPolicy:yfiles.view.ScrollBarVisibility;
@@ -9506,7 +9884,7 @@ declare namespace system{
        * </p>
        * @see yfiles.input.MoveViewportInputMode
        * @see yfiles.view.CanvasComponent#verticalScrollBarPolicy
-       * @default 1
+       * @default yfiles.view.ScrollBarVisibility.AS_NEEDED
        * @type {yfiles.view.ScrollBarVisibility}
        */
       horizontalScrollBarPolicy:yfiles.view.ScrollBarVisibility;
@@ -9531,13 +9909,13 @@ declare namespace system{
       contentRect:yfiles.geometry.Rect;
       /**
        * Adds the given listener for the <code>ContentRectChanged</code> event that occurs when the {@link yfiles.view.CanvasComponent#contentRect content rectangle} has been changed.
-       * @param {function(Object, yfiles.lang.EventArgs): void} listener The listener to add.
+       * @param listener The listener to add.
        * @see yfiles.view.CanvasComponent#removeContentRectChangedListener
        */
       addContentRectChangedListener(listener:(sender:Object,evt:yfiles.lang.EventArgs)=>void):void;
       /**
        * Removes the given listener for the <code>ContentRectChanged</code> event that occurs when the {@link yfiles.view.CanvasComponent#contentRect content rectangle} has been changed.
-       * @param {function(Object, yfiles.lang.EventArgs): void} listener The listener to remove.
+       * @param listener The listener to remove.
        * @see yfiles.view.CanvasComponent#addContentRectChangedListener
        */
       removeContentRectChangedListener(listener:(sender:Object,evt:yfiles.lang.EventArgs)=>void):void;
@@ -9558,14 +9936,14 @@ declare namespace system{
       /**
        * Adds the given listener for the <code>FitContentViewMarginsChanged</code> event that occurs when the {@link yfiles.view.CanvasComponent#fitContentViewMargins margins for the fit content operation}
        * have been changed.
-       * @param {function(Object, yfiles.lang.EventArgs): void} listener The listener to add.
+       * @param listener The listener to add.
        * @see yfiles.view.CanvasComponent#removeFitContentViewMarginsChangedListener
        */
       addFitContentViewMarginsChangedListener(listener:(sender:Object,evt:yfiles.lang.EventArgs)=>void):void;
       /**
        * Removes the given listener for the <code>FitContentViewMarginsChanged</code> event that occurs when the {@link yfiles.view.CanvasComponent#fitContentViewMargins margins for the fit content operation}
        * have been changed.
-       * @param {function(Object, yfiles.lang.EventArgs): void} listener The listener to remove.
+       * @param listener The listener to remove.
        * @see yfiles.view.CanvasComponent#addFitContentViewMarginsChangedListener
        */
       removeFitContentViewMarginsChangedListener(listener:(sender:Object,evt:yfiles.lang.EventArgs)=>void):void;
@@ -9578,7 +9956,7 @@ declare namespace system{
        * If the mouse leaves this canvas control with the mouse button pressed, this event is deferred until the mouse button is
        * released. Thus, this event will not interfere with the typical mouse button event cycle.
        * </p>
-       * @param {function(Object, yfiles.view.MouseEventArgs): void} listener The listener to add.
+       * @param listener The listener to add.
        * @see yfiles.view.CanvasComponent#removeMouseLeaveListener
        */
       addMouseLeaveListener(listener:(sender:Object,evt:yfiles.view.MouseEventArgs)=>void):void;
@@ -9591,7 +9969,7 @@ declare namespace system{
        * If the mouse leaves this canvas control with the mouse button pressed, this event is deferred until the mouse button is
        * released. Thus, this event will not interfere with the typical mouse button event cycle.
        * </p>
-       * @param {function(Object, yfiles.view.MouseEventArgs): void} listener The listener to remove.
+       * @param listener The listener to remove.
        * @see yfiles.view.CanvasComponent#addMouseLeaveListener
        */
       removeMouseLeaveListener(listener:(sender:Object,evt:yfiles.view.MouseEventArgs)=>void):void;
@@ -9605,7 +9983,7 @@ declare namespace system{
        * button state reported by the {@link yfiles.view.MouseEventArgs} does not include this button unless the browser supports the
        * property <code>MouseEvent.buttons</code>. See the Known Issues for more details.
        * </p>
-       * @param {function(Object, yfiles.view.MouseEventArgs): void} listener The listener to add.
+       * @param listener The listener to add.
        * @see yfiles.view.CanvasComponent#removeMouseEnterListener
        */
       addMouseEnterListener(listener:(sender:Object,evt:yfiles.view.MouseEventArgs)=>void):void;
@@ -9619,7 +9997,7 @@ declare namespace system{
        * button state reported by the {@link yfiles.view.MouseEventArgs} does not include this button unless the browser supports the
        * property <code>MouseEvent.buttons</code>. See the Known Issues for more details.
        * </p>
-       * @param {function(Object, yfiles.view.MouseEventArgs): void} listener The listener to remove.
+       * @param listener The listener to remove.
        * @see yfiles.view.CanvasComponent#addMouseEnterListener
        */
       removeMouseEnterListener(listener:(sender:Object,evt:yfiles.view.MouseEventArgs)=>void):void;
@@ -9633,7 +10011,7 @@ declare namespace system{
        * the world coordinates to which the current mouse position maps change. E.g. this will happen if the zoom level or the
        * view point is changed.
        * </p>
-       * @param {function(Object, yfiles.view.MouseEventArgs): void} listener The listener to add.
+       * @param listener The listener to add.
        * @see yfiles.view.CanvasComponent#removeMouseMoveListener
        */
       addMouseMoveListener(listener:(sender:Object,evt:yfiles.view.MouseEventArgs)=>void):void;
@@ -9647,7 +10025,7 @@ declare namespace system{
        * the world coordinates to which the current mouse position maps change. E.g. this will happen if the zoom level or the
        * view point is changed.
        * </p>
-       * @param {function(Object, yfiles.view.MouseEventArgs): void} listener The listener to remove.
+       * @param listener The listener to remove.
        * @see yfiles.view.CanvasComponent#addMouseMoveListener
        */
       removeMouseMoveListener(listener:(sender:Object,evt:yfiles.view.MouseEventArgs)=>void):void;
@@ -9656,7 +10034,7 @@ declare namespace system{
        * <p>
        * This event delivers {@link yfiles.view.MouseEventArgs} in world coordinates using double precision floating points.
        * </p>
-       * @param {function(Object, yfiles.view.MouseEventArgs): void} listener The listener to add.
+       * @param listener The listener to add.
        * @see yfiles.view.CanvasComponent#removeMouseDownListener
        */
       addMouseDownListener(listener:(sender:Object,evt:yfiles.view.MouseEventArgs)=>void):void;
@@ -9665,7 +10043,7 @@ declare namespace system{
        * <p>
        * This event delivers {@link yfiles.view.MouseEventArgs} in world coordinates using double precision floating points.
        * </p>
-       * @param {function(Object, yfiles.view.MouseEventArgs): void} listener The listener to remove.
+       * @param listener The listener to remove.
        * @see yfiles.view.CanvasComponent#addMouseDownListener
        */
       removeMouseDownListener(listener:(sender:Object,evt:yfiles.view.MouseEventArgs)=>void):void;
@@ -9675,7 +10053,7 @@ declare namespace system{
        * <p>
        * This event delivers {@link yfiles.view.MouseEventArgs} in world coordinates using double precision floating points.
        * </p>
-       * @param {function(Object, yfiles.view.MouseEventArgs): void} listener The listener to add.
+       * @param listener The listener to add.
        * @see yfiles.view.CanvasComponent#removeMouseDragListener
        */
       addMouseDragListener(listener:(sender:Object,evt:yfiles.view.MouseEventArgs)=>void):void;
@@ -9685,7 +10063,7 @@ declare namespace system{
        * <p>
        * This event delivers {@link yfiles.view.MouseEventArgs} in world coordinates using double precision floating points.
        * </p>
-       * @param {function(Object, yfiles.view.MouseEventArgs): void} listener The listener to remove.
+       * @param listener The listener to remove.
        * @see yfiles.view.CanvasComponent#addMouseDragListener
        */
       removeMouseDragListener(listener:(sender:Object,evt:yfiles.view.MouseEventArgs)=>void):void;
@@ -9694,7 +10072,7 @@ declare namespace system{
        * <p>
        * This event delivers {@link yfiles.view.MouseEventArgs} in world coordinates using double precision floating points.
        * </p>
-       * @param {function(Object, yfiles.view.MouseEventArgs): void} listener The listener to add.
+       * @param listener The listener to add.
        * @see yfiles.view.CanvasComponent#removeMouseUpListener
        */
       addMouseUpListener(listener:(sender:Object,evt:yfiles.view.MouseEventArgs)=>void):void;
@@ -9703,7 +10081,7 @@ declare namespace system{
        * <p>
        * This event delivers {@link yfiles.view.MouseEventArgs} in world coordinates using double precision floating points.
        * </p>
-       * @param {function(Object, yfiles.view.MouseEventArgs): void} listener The listener to remove.
+       * @param listener The listener to remove.
        * @see yfiles.view.CanvasComponent#addMouseUpListener
        */
       removeMouseUpListener(listener:(sender:Object,evt:yfiles.view.MouseEventArgs)=>void):void;
@@ -9712,7 +10090,7 @@ declare namespace system{
        * <p>
        * This event delivers {@link yfiles.view.MouseEventArgs} in world coordinates using double precision floating points.
        * </p>
-       * @param {function(Object, yfiles.view.MouseEventArgs): void} listener The listener to add.
+       * @param listener The listener to add.
        * @see yfiles.view.CanvasComponent#removeMouseLostCaptureListener
        */
       addMouseLostCaptureListener(listener:(sender:Object,evt:yfiles.view.MouseEventArgs)=>void):void;
@@ -9721,7 +10099,7 @@ declare namespace system{
        * <p>
        * This event delivers {@link yfiles.view.MouseEventArgs} in world coordinates using double precision floating points.
        * </p>
-       * @param {function(Object, yfiles.view.MouseEventArgs): void} listener The listener to remove.
+       * @param listener The listener to remove.
        * @see yfiles.view.CanvasComponent#addMouseLostCaptureListener
        */
       removeMouseLostCaptureListener(listener:(sender:Object,evt:yfiles.view.MouseEventArgs)=>void):void;
@@ -9730,7 +10108,7 @@ declare namespace system{
        * <p>
        * This event delivers {@link yfiles.view.MouseEventArgs} in world coordinates using double precision floating points.
        * </p>
-       * @param {function(Object, yfiles.view.MouseEventArgs): void} listener The listener to add.
+       * @param listener The listener to add.
        * @see yfiles.view.CanvasComponent#removeMouseWheelListener
        */
       addMouseWheelListener(listener:(sender:Object,evt:yfiles.view.MouseEventArgs)=>void):void;
@@ -9739,7 +10117,7 @@ declare namespace system{
        * <p>
        * This event delivers {@link yfiles.view.MouseEventArgs} in world coordinates using double precision floating points.
        * </p>
-       * @param {function(Object, yfiles.view.MouseEventArgs): void} listener The listener to remove.
+       * @param listener The listener to remove.
        * @see yfiles.view.CanvasComponent#addMouseWheelListener
        */
       removeMouseWheelListener(listener:(sender:Object,evt:yfiles.view.MouseEventArgs)=>void):void;
@@ -9751,7 +10129,7 @@ declare namespace system{
        * <p>
        * This happens if press and release happens at the same position.
        * </p>
-       * @param {function(Object, yfiles.view.MouseEventArgs): void} listener The listener to add.
+       * @param listener The listener to add.
        * @see yfiles.view.CanvasComponent#removeMouseClickListener
        */
       addMouseClickListener(listener:(sender:Object,evt:yfiles.view.MouseEventArgs)=>void):void;
@@ -9763,7 +10141,7 @@ declare namespace system{
        * <p>
        * This happens if press and release happens at the same position.
        * </p>
-       * @param {function(Object, yfiles.view.MouseEventArgs): void} listener The listener to remove.
+       * @param listener The listener to remove.
        * @see yfiles.view.CanvasComponent#addMouseClickListener
        */
       removeMouseClickListener(listener:(sender:Object,evt:yfiles.view.MouseEventArgs)=>void):void;
@@ -9772,7 +10150,7 @@ declare namespace system{
        * <p>
        * This event delivers {@link yfiles.view.KeyEventArgs}.
        * </p>
-       * @param {function(Object, yfiles.view.KeyEventArgs): void} listener The listener to add.
+       * @param listener The listener to add.
        * @see yfiles.view.CanvasComponent#removeKeyDownListener
        */
       addKeyDownListener(listener:(sender:Object,evt:yfiles.view.KeyEventArgs)=>void):void;
@@ -9781,7 +10159,7 @@ declare namespace system{
        * <p>
        * This event delivers {@link yfiles.view.KeyEventArgs}.
        * </p>
-       * @param {function(Object, yfiles.view.KeyEventArgs): void} listener The listener to remove.
+       * @param listener The listener to remove.
        * @see yfiles.view.CanvasComponent#addKeyDownListener
        */
       removeKeyDownListener(listener:(sender:Object,evt:yfiles.view.KeyEventArgs)=>void):void;
@@ -9790,7 +10168,7 @@ declare namespace system{
        * <p>
        * This event delivers {@link yfiles.view.KeyEventArgs}.
        * </p>
-       * @param {function(Object, yfiles.view.KeyEventArgs): void} listener The listener to add.
+       * @param listener The listener to add.
        * @see yfiles.view.CanvasComponent#removeKeyPressedListener
        */
       addKeyPressedListener(listener:(sender:Object,evt:yfiles.view.KeyEventArgs)=>void):void;
@@ -9799,7 +10177,7 @@ declare namespace system{
        * <p>
        * This event delivers {@link yfiles.view.KeyEventArgs}.
        * </p>
-       * @param {function(Object, yfiles.view.KeyEventArgs): void} listener The listener to remove.
+       * @param listener The listener to remove.
        * @see yfiles.view.CanvasComponent#addKeyPressedListener
        */
       removeKeyPressedListener(listener:(sender:Object,evt:yfiles.view.KeyEventArgs)=>void):void;
@@ -9808,7 +10186,7 @@ declare namespace system{
        * <p>
        * This event delivers {@link yfiles.view.KeyEventArgs}.
        * </p>
-       * @param {function(Object, yfiles.view.KeyEventArgs): void} listener The listener to add.
+       * @param listener The listener to add.
        * @see yfiles.view.CanvasComponent#removeKeyUpListener
        */
       addKeyUpListener(listener:(sender:Object,evt:yfiles.view.KeyEventArgs)=>void):void;
@@ -9817,31 +10195,31 @@ declare namespace system{
        * <p>
        * This event delivers {@link yfiles.view.KeyEventArgs}.
        * </p>
-       * @param {function(Object, yfiles.view.KeyEventArgs): void} listener The listener to remove.
+       * @param listener The listener to remove.
        * @see yfiles.view.CanvasComponent#addKeyUpListener
        */
       removeKeyUpListener(listener:(sender:Object,evt:yfiles.view.KeyEventArgs)=>void):void;
       /**
        * Adds the given listener for the <code>EditableChanged</code> event that occurs when the {@link yfiles.view.CanvasComponent#editable} property has been changed.
-       * @param {function(Object, yfiles.lang.PropertyChangedEventArgs): void} listener The listener to add.
+       * @param listener The listener to add.
        * @see yfiles.view.CanvasComponent#removeEditableChangedListener
        */
       addEditableChangedListener(listener:(sender:Object,evt:yfiles.lang.PropertyChangedEventArgs)=>void):void;
       /**
        * Removes the given listener for the <code>EditableChanged</code> event that occurs when the {@link yfiles.view.CanvasComponent#editable} property has been changed.
-       * @param {function(Object, yfiles.lang.PropertyChangedEventArgs): void} listener The listener to remove.
+       * @param listener The listener to remove.
        * @see yfiles.view.CanvasComponent#addEditableChangedListener
        */
       removeEditableChangedListener(listener:(sender:Object,evt:yfiles.lang.PropertyChangedEventArgs)=>void):void;
       /**
        * Adds the given listener for the <code>ViewportChanged</code> event that occurs when the {@link yfiles.view.CanvasComponent#viewport} property has been changed.
-       * @param {function(Object, yfiles.lang.PropertyChangedEventArgs): void} listener The listener to add.
+       * @param listener The listener to add.
        * @see yfiles.view.CanvasComponent#removeViewportChangedListener
        */
       addViewportChangedListener(listener:(sender:Object,evt:yfiles.lang.PropertyChangedEventArgs)=>void):void;
       /**
        * Removes the given listener for the <code>ViewportChanged</code> event that occurs when the {@link yfiles.view.CanvasComponent#viewport} property has been changed.
-       * @param {function(Object, yfiles.lang.PropertyChangedEventArgs): void} listener The listener to remove.
+       * @param listener The listener to remove.
        * @see yfiles.view.CanvasComponent#addViewportChangedListener
        */
       removeViewportChangedListener(listener:(sender:Object,evt:yfiles.lang.PropertyChangedEventArgs)=>void):void;
@@ -9850,7 +10228,7 @@ declare namespace system{
        * <p>
        * This event delivers {@link yfiles.view.TouchEventArgs} in world coordinates using double precision floating points.
        * </p>
-       * @param {function(Object, yfiles.view.TouchEventArgs): void} listener The listener to add.
+       * @param listener The listener to add.
        * @see yfiles.view.CanvasComponent#removeTouchDownListener
        */
       addTouchDownListener(listener:(sender:Object,evt:yfiles.view.TouchEventArgs)=>void):void;
@@ -9859,7 +10237,7 @@ declare namespace system{
        * <p>
        * This event delivers {@link yfiles.view.TouchEventArgs} in world coordinates using double precision floating points.
        * </p>
-       * @param {function(Object, yfiles.view.TouchEventArgs): void} listener The listener to remove.
+       * @param listener The listener to remove.
        * @see yfiles.view.CanvasComponent#addTouchDownListener
        */
       removeTouchDownListener(listener:(sender:Object,evt:yfiles.view.TouchEventArgs)=>void):void;
@@ -9868,7 +10246,7 @@ declare namespace system{
        * <p>
        * This event delivers {@link yfiles.view.TouchEventArgs} in world coordinates using double precision floating points.
        * </p>
-       * @param {function(Object, yfiles.view.TouchEventArgs): void} listener The listener to add.
+       * @param listener The listener to add.
        * @see yfiles.view.CanvasComponent#removeTouchUpListener
        */
       addTouchUpListener(listener:(sender:Object,evt:yfiles.view.TouchEventArgs)=>void):void;
@@ -9877,7 +10255,7 @@ declare namespace system{
        * <p>
        * This event delivers {@link yfiles.view.TouchEventArgs} in world coordinates using double precision floating points.
        * </p>
-       * @param {function(Object, yfiles.view.TouchEventArgs): void} listener The listener to remove.
+       * @param listener The listener to remove.
        * @see yfiles.view.CanvasComponent#addTouchUpListener
        */
       removeTouchUpListener(listener:(sender:Object,evt:yfiles.view.TouchEventArgs)=>void):void;
@@ -9886,7 +10264,7 @@ declare namespace system{
        * <p>
        * This event delivers {@link yfiles.view.TouchEventArgs} in world coordinates using double precision floating points.
        * </p>
-       * @param {function(Object, yfiles.view.TouchEventArgs): void} listener The listener to add.
+       * @param listener The listener to add.
        * @see yfiles.view.CanvasComponent#removeTouchMoveListener
        */
       addTouchMoveListener(listener:(sender:Object,evt:yfiles.view.TouchEventArgs)=>void):void;
@@ -9895,7 +10273,7 @@ declare namespace system{
        * <p>
        * This event delivers {@link yfiles.view.TouchEventArgs} in world coordinates using double precision floating points.
        * </p>
-       * @param {function(Object, yfiles.view.TouchEventArgs): void} listener The listener to remove.
+       * @param listener The listener to remove.
        * @see yfiles.view.CanvasComponent#addTouchMoveListener
        */
       removeTouchMoveListener(listener:(sender:Object,evt:yfiles.view.TouchEventArgs)=>void):void;
@@ -9904,7 +10282,7 @@ declare namespace system{
        * <p>
        * This event delivers {@link yfiles.view.TouchEventArgs} in world coordinates using double precision floating points.
        * </p>
-       * @param {function(Object, yfiles.view.TouchEventArgs): void} listener The listener to add.
+       * @param listener The listener to add.
        * @see yfiles.view.CanvasComponent#removeTouchEnterListener
        */
       addTouchEnterListener(listener:(sender:Object,evt:yfiles.view.TouchEventArgs)=>void):void;
@@ -9914,7 +10292,7 @@ declare namespace system{
        * <p>
        * This event delivers {@link yfiles.view.TouchEventArgs} in world coordinates using double precision floating points.
        * </p>
-       * @param {function(Object, yfiles.view.TouchEventArgs): void} listener The listener to remove.
+       * @param listener The listener to remove.
        * @see yfiles.view.CanvasComponent#addTouchEnterListener
        */
       removeTouchEnterListener(listener:(sender:Object,evt:yfiles.view.TouchEventArgs)=>void):void;
@@ -9923,7 +10301,7 @@ declare namespace system{
        * <p>
        * This event delivers {@link yfiles.view.TouchEventArgs} in world coordinates using double precision floating points.
        * </p>
-       * @param {function(Object, yfiles.view.TouchEventArgs): void} listener The listener to add.
+       * @param listener The listener to add.
        * @see yfiles.view.CanvasComponent#removeTouchLeaveListener
        */
       addTouchLeaveListener(listener:(sender:Object,evt:yfiles.view.TouchEventArgs)=>void):void;
@@ -9933,7 +10311,7 @@ declare namespace system{
        * <p>
        * This event delivers {@link yfiles.view.TouchEventArgs} in world coordinates using double precision floating points.
        * </p>
-       * @param {function(Object, yfiles.view.TouchEventArgs): void} listener The listener to remove.
+       * @param listener The listener to remove.
        * @see yfiles.view.CanvasComponent#addTouchLeaveListener
        */
       removeTouchLeaveListener(listener:(sender:Object,evt:yfiles.view.TouchEventArgs)=>void):void;
@@ -9942,7 +10320,7 @@ declare namespace system{
        * <p>
        * This event delivers {@link yfiles.view.TouchEventArgs} in world coordinates using double precision floating points.
        * </p>
-       * @param {function(Object, yfiles.view.TouchEventArgs): void} listener The listener to add.
+       * @param listener The listener to add.
        * @see yfiles.view.CanvasComponent#removeTouchLostCaptureListener
        */
       addTouchLostCaptureListener(listener:(sender:Object,evt:yfiles.view.TouchEventArgs)=>void):void;
@@ -9951,7 +10329,7 @@ declare namespace system{
        * <p>
        * This event delivers {@link yfiles.view.TouchEventArgs} in world coordinates using double precision floating points.
        * </p>
-       * @param {function(Object, yfiles.view.TouchEventArgs): void} listener The listener to remove.
+       * @param listener The listener to remove.
        * @see yfiles.view.CanvasComponent#addTouchLostCaptureListener
        */
       removeTouchLostCaptureListener(listener:(sender:Object,evt:yfiles.view.TouchEventArgs)=>void):void;
@@ -9965,7 +10343,7 @@ declare namespace system{
        * <p>
        * This happens if down and up happens at the same position.
        * </p>
-       * @param {function(Object, yfiles.view.TouchEventArgs): void} listener The listener to add.
+       * @param listener The listener to add.
        * @see yfiles.view.CanvasComponent#removeTouchClickListener
        */
       addTouchClickListener(listener:(sender:Object,evt:yfiles.view.TouchEventArgs)=>void):void;
@@ -9979,7 +10357,7 @@ declare namespace system{
        * <p>
        * This happens if down and up happens at the same position.
        * </p>
-       * @param {function(Object, yfiles.view.TouchEventArgs): void} listener The listener to remove.
+       * @param listener The listener to remove.
        * @see yfiles.view.CanvasComponent#addTouchClickListener
        */
       removeTouchClickListener(listener:(sender:Object,evt:yfiles.view.TouchEventArgs)=>void):void;
@@ -9993,7 +10371,7 @@ declare namespace system{
        * This happens if the finger is held in the same position for the duration specified in {@link yfiles.view.CanvasComponent#longPressTime} after a
        * {@link yfiles.view.CanvasComponent#addTouchDownListener TouchDown}.
        * </p>
-       * @param {function(Object, yfiles.view.TouchEventArgs): void} listener The listener to add.
+       * @param listener The listener to add.
        * @see yfiles.view.CanvasComponent#removeTouchLongPressListener
        */
       addTouchLongPressListener(listener:(sender:Object,evt:yfiles.view.TouchEventArgs)=>void):void;
@@ -10007,7 +10385,7 @@ declare namespace system{
        * This happens if the finger is held in the same position for the duration specified in {@link yfiles.view.CanvasComponent#longPressTime} after a
        * {@link yfiles.view.CanvasComponent#addTouchDownListener TouchDown}.
        * </p>
-       * @param {function(Object, yfiles.view.TouchEventArgs): void} listener The listener to remove.
+       * @param listener The listener to remove.
        * @see yfiles.view.CanvasComponent#addTouchLongPressListener
        */
       removeTouchLongPressListener(listener:(sender:Object,evt:yfiles.view.TouchEventArgs)=>void):void;
@@ -10021,6 +10399,7 @@ declare namespace system{
       currentTouchDevices:yfiles.collections.IListEnumerable<yfiles.view.TouchDevice>;
       /**
        * Gets a value indicating whether at least one finger is on the touch screen.
+       * @returns <code>true</code> if there is at least one {@link  touch device} that is down on the screen.
        * @type {boolean}
        */
       isTouchDeviceDown:boolean;
@@ -10046,14 +10425,14 @@ declare namespace system{
       lastEventLocation:yfiles.geometry.Point;
       /**
        * Adds the given listener for the <code>InputModeChanged</code> event that occurs when the {@link yfiles.view.CanvasComponent#inputMode} property is changed.
-       * @param {function(Object, yfiles.lang.EventArgs): void} listener The listener to add.
+       * @param listener The listener to add.
        * @see yfiles.view.CanvasComponent#inputMode
        * @see yfiles.view.CanvasComponent#removeInputModeChangedListener
        */
       addInputModeChangedListener(listener:(sender:Object,evt:yfiles.lang.EventArgs)=>void):void;
       /**
        * Removes the given listener for the <code>InputModeChanged</code> event that occurs when the {@link yfiles.view.CanvasComponent#inputMode} property is changed.
-       * @param {function(Object, yfiles.lang.EventArgs): void} listener The listener to remove.
+       * @param listener The listener to remove.
        * @see yfiles.view.CanvasComponent#inputMode
        * @see yfiles.view.CanvasComponent#addInputModeChangedListener
        */
@@ -10077,13 +10456,13 @@ declare namespace system{
       hitTestRadius:number;
       /**
        * Adds the given listener for the <code>HitTestRadiusChanged</code> event that occurs when the {@link yfiles.view.CanvasComponent#hitTestRadius} property changes.
-       * @param {function(Object, yfiles.lang.EventArgs): void} listener The listener to add.
+       * @param listener The listener to add.
        * @see yfiles.view.CanvasComponent#removeHitTestRadiusChangedListener
        */
       addHitTestRadiusChangedListener(listener:(sender:Object,evt:yfiles.lang.EventArgs)=>void):void;
       /**
        * Removes the given listener for the <code>HitTestRadiusChanged</code> event that occurs when the {@link yfiles.view.CanvasComponent#hitTestRadius} property changes.
-       * @param {function(Object, yfiles.lang.EventArgs): void} listener The listener to remove.
+       * @param listener The listener to remove.
        * @see yfiles.view.CanvasComponent#addHitTestRadiusChangedListener
        */
       removeHitTestRadiusChangedListener(listener:(sender:Object,evt:yfiles.lang.EventArgs)=>void):void;
@@ -10107,13 +10486,13 @@ declare namespace system{
       zoom:number;
       /**
        * Adds the given listener for the <code>ZoomChanged</code> event that occurs when the value of the {@link yfiles.view.CanvasComponent#zoom} property has been changed.
-       * @param {function(Object, yfiles.lang.EventArgs): void} listener The listener to add.
+       * @param listener The listener to add.
        * @see yfiles.view.CanvasComponent#removeZoomChangedListener
        */
       addZoomChangedListener(listener:(sender:Object,evt:yfiles.lang.EventArgs)=>void):void;
       /**
        * Removes the given listener for the <code>ZoomChanged</code> event that occurs when the value of the {@link yfiles.view.CanvasComponent#zoom} property has been changed.
-       * @param {function(Object, yfiles.lang.EventArgs): void} listener The listener to remove.
+       * @param listener The listener to remove.
        * @see yfiles.view.CanvasComponent#addZoomChangedListener
        */
       removeZoomChangedListener(listener:(sender:Object,evt:yfiles.lang.EventArgs)=>void):void;
@@ -10121,21 +10500,21 @@ declare namespace system{
        * Gets or sets the minimum zoom factor for this {@link yfiles.view.CanvasComponent}.
        * <p>
        * This property sets a lower bound for the allowed values of the {@link yfiles.view.CanvasComponent#zoom} property. If this property is written, the canvas will
-       * zoom to the new value while keeping the center of view at the same world coordinates. The default is <code>0.01d</code> but values as
-       * small as 0.0000001d are possible.
+       * zoom to the new value while keeping the center of view at the same world coordinates. The default is <code>0.0001</code> but values
+       * as small as 0.0000001d are possible.
        * </p>
        * @see yfiles.view.CanvasComponent#zoom
        * @see yfiles.view.CanvasComponent#maximumZoom
-       * @default 0.01
+       * @default 0.0001
        * @type {number}
        */
       minimumZoom:number;
       /**
-       * Get or set the maximum zoom level that is valid for {@link yfiles.view.CanvasComponent#zoom}.
+       * Gets or sets the maximum zoom value.
        * <p>
-       * Default value is <code>1000d</code>
+       * Default value is <code>100000</code>
        * </p>
-       * @default 1000.0
+       * @default 100000.0
        * @type {number}
        */
       maximumZoom:number;
@@ -10152,6 +10531,14 @@ declare namespace system{
       viewPoint:yfiles.geometry.Point;
       /**
        * Returns the size of the usable area in which the graph will be displayed.
+       * <p>
+       * This value excludes the scroll bars.
+       * </p>
+       * @type {yfiles.geometry.Size}
+       */
+      innerSize:yfiles.geometry.Size;
+      /**
+       * Returns the size of the HTML element.
        * @type {yfiles.geometry.Size}
        */
       size:yfiles.geometry.Size;
@@ -10162,35 +10549,27 @@ declare namespace system{
        * @type {yfiles.geometry.Rect}
        */
       viewport:yfiles.geometry.Rect;
-      /**
-       * Yields the size of the content of this control.
-       * <p>
-       * This size corresponds to the size of the control without the scroll bars.
-       * </p>
-       * @type {yfiles.geometry.Size}
-       */
-      innerSize:yfiles.geometry.Size;
       /**
        * Adds the given listener for the <code>GotFocus</code> event that occurs when the Control got the focus.
-       * @param {function(Object, yfiles.lang.EventArgs): void} listener The listener to add.
+       * @param listener The listener to add.
        * @see yfiles.view.CanvasComponent#removeGotFocusListener
        */
       addGotFocusListener(listener:(sender:Object,evt:yfiles.lang.EventArgs)=>void):void;
       /**
        * Removes the given listener for the <code>GotFocus</code> event that occurs when the Control got the focus.
-       * @param {function(Object, yfiles.lang.EventArgs): void} listener The listener to remove.
+       * @param listener The listener to remove.
        * @see yfiles.view.CanvasComponent#addGotFocusListener
        */
       removeGotFocusListener(listener:(sender:Object,evt:yfiles.lang.EventArgs)=>void):void;
       /**
        * Adds the given listener for the <code>LostFocus</code> event that occurs when the Control lost the focus.
-       * @param {function(Object, yfiles.lang.EventArgs): void} listener The listener to add.
+       * @param listener The listener to add.
        * @see yfiles.view.CanvasComponent#removeLostFocusListener
        */
       addLostFocusListener(listener:(sender:Object,evt:yfiles.lang.EventArgs)=>void):void;
       /**
        * Removes the given listener for the <code>LostFocus</code> event that occurs when the Control lost the focus.
-       * @param {function(Object, yfiles.lang.EventArgs): void} listener The listener to remove.
+       * @param listener The listener to remove.
        * @see yfiles.view.CanvasComponent#addLostFocusListener
        */
       removeLostFocusListener(listener:(sender:Object,evt:yfiles.lang.EventArgs)=>void):void;
@@ -10223,13 +10602,13 @@ declare namespace system{
       autoDrag:boolean;
       /**
        * Adds the given listener for the <code>AutoDragChanged</code> event that occurs when the {@link yfiles.view.CanvasComponent#autoDrag} property is changed.
-       * @param {function(Object, yfiles.lang.EventArgs): void} listener The listener to add.
+       * @param listener The listener to add.
        * @see yfiles.view.CanvasComponent#removeAutoDragChangedListener
        */
       addAutoDragChangedListener(listener:(sender:Object,evt:yfiles.lang.EventArgs)=>void):void;
       /**
        * Removes the given listener for the <code>AutoDragChanged</code> event that occurs when the {@link yfiles.view.CanvasComponent#autoDrag} property is changed.
-       * @param {function(Object, yfiles.lang.EventArgs): void} listener The listener to remove.
+       * @param listener The listener to remove.
        * @see yfiles.view.CanvasComponent#addAutoDragChangedListener
        */
       removeAutoDragChangedListener(listener:(sender:Object,evt:yfiles.lang.EventArgs)=>void):void;
@@ -10248,13 +10627,13 @@ declare namespace system{
       visualCaching:yfiles.view.VisualCachingPolicy;
       /**
        * Adds the given listener for the <code>UpdatedVisual</code> event that occurs after the {@link yfiles.view.CanvasComponent#updateVisual visual tree has been updated}.
-       * @param {function(Object, yfiles.lang.EventArgs): void} listener The listener to add.
+       * @param listener The listener to add.
        * @see yfiles.view.CanvasComponent#removeUpdatedVisualListener
        */
       addUpdatedVisualListener(listener:(sender:Object,evt:yfiles.lang.EventArgs)=>void):void;
       /**
        * Removes the given listener for the <code>UpdatedVisual</code> event that occurs after the {@link yfiles.view.CanvasComponent#updateVisual visual tree has been updated}.
-       * @param {function(Object, yfiles.lang.EventArgs): void} listener The listener to remove.
+       * @param listener The listener to remove.
        * @see yfiles.view.CanvasComponent#addUpdatedVisualListener
        */
       removeUpdatedVisualListener(listener:(sender:Object,evt:yfiles.lang.EventArgs)=>void):void;
@@ -10262,7 +10641,7 @@ declare namespace system{
        * Adds the given listener for the <code>UpdatingVisual</code> event.
        * <br />
        * Event that will be triggered before the {@link yfiles.view.CanvasComponent#updateVisual visual tree is updated}.
-       * @param {function(Object, yfiles.lang.EventArgs): void} listener The listener to add.
+       * @param listener The listener to add.
        * @see yfiles.view.CanvasComponent#removeUpdatingVisualListener
        */
       addUpdatingVisualListener(listener:(sender:Object,evt:yfiles.lang.EventArgs)=>void):void;
@@ -10270,7 +10649,7 @@ declare namespace system{
        * Removes the given listener for the <code>UpdatingVisual</code> event.
        * <br />
        * Event that will be triggered before the {@link yfiles.view.CanvasComponent#updateVisual visual tree is updated}.
-       * @param {function(Object, yfiles.lang.EventArgs): void} listener The listener to remove.
+       * @param listener The listener to remove.
        * @see yfiles.view.CanvasComponent#addUpdatingVisualListener
        */
       removeUpdatingVisualListener(listener:(sender:Object,evt:yfiles.lang.EventArgs)=>void):void;
@@ -10298,13 +10677,13 @@ declare namespace system{
       contentGroup:yfiles.view.ICanvasObjectGroup;
       /**
        * Adds the given listener for the <code>ContentGroupChanged</code> event that occurs when the {@link yfiles.view.CanvasComponent#contentGroup} property has been changed.
-       * @param {function(Object, yfiles.lang.PropertyChangedEventArgs): void} listener The listener to add.
+       * @param listener The listener to add.
        * @see yfiles.view.CanvasComponent#removeContentGroupChangedListener
        */
       addContentGroupChangedListener(listener:(sender:Object,args:yfiles.lang.PropertyChangedEventArgs)=>void):void;
       /**
        * Removes the given listener for the <code>ContentGroupChanged</code> event that occurs when the {@link yfiles.view.CanvasComponent#contentGroup} property has been changed.
-       * @param {function(Object, yfiles.lang.PropertyChangedEventArgs): void} listener The listener to remove.
+       * @param listener The listener to remove.
        * @see yfiles.view.CanvasComponent#addContentGroupChangedListener
        */
       removeContentGroupChangedListener(listener:(sender:Object,args:yfiles.lang.PropertyChangedEventArgs)=>void):void;
@@ -10330,25 +10709,25 @@ declare namespace system{
       focusGroup:yfiles.view.ICanvasObjectGroup;
       /**
        * Adds the given listener for the <code>FocusGroupChanged</code> event that occurs when the {@link yfiles.view.CanvasComponent#focusGroup} property has been changed.
-       * @param {function(Object, yfiles.lang.PropertyChangedEventArgs): void} listener The listener to add.
+       * @param listener The listener to add.
        * @see yfiles.view.CanvasComponent#removeFocusGroupChangedListener
        */
       addFocusGroupChangedListener(listener:(sender:Object,args:yfiles.lang.PropertyChangedEventArgs)=>void):void;
       /**
        * Removes the given listener for the <code>FocusGroupChanged</code> event that occurs when the {@link yfiles.view.CanvasComponent#focusGroup} property has been changed.
-       * @param {function(Object, yfiles.lang.PropertyChangedEventArgs): void} listener The listener to remove.
+       * @param listener The listener to remove.
        * @see yfiles.view.CanvasComponent#addFocusGroupChangedListener
        */
       removeFocusGroupChangedListener(listener:(sender:Object,args:yfiles.lang.PropertyChangedEventArgs)=>void):void;
       /**
        * Adds the given listener for the <code>HighlightGroupChanged</code> event that occurs when the {@link yfiles.view.CanvasComponent#highlightGroup} property has been changed.
-       * @param {function(Object, yfiles.lang.PropertyChangedEventArgs): void} listener The listener to add.
+       * @param listener The listener to add.
        * @see yfiles.view.CanvasComponent#removeHighlightGroupChangedListener
        */
       addHighlightGroupChangedListener(listener:(sender:Object,args:yfiles.lang.PropertyChangedEventArgs)=>void):void;
       /**
        * Removes the given listener for the <code>HighlightGroupChanged</code> event that occurs when the {@link yfiles.view.CanvasComponent#highlightGroup} property has been changed.
-       * @param {function(Object, yfiles.lang.PropertyChangedEventArgs): void} listener The listener to remove.
+       * @param listener The listener to remove.
        * @see yfiles.view.CanvasComponent#addHighlightGroupChangedListener
        */
       removeHighlightGroupChangedListener(listener:(sender:Object,args:yfiles.lang.PropertyChangedEventArgs)=>void):void;
@@ -10368,13 +10747,13 @@ declare namespace system{
       selectionGroup:yfiles.view.ICanvasObjectGroup;
       /**
        * Adds the given listener for the <code>SelectionGroupChanged</code> event that occurs when the {@link yfiles.view.CanvasComponent#selectionGroup} property has been changed.
-       * @param {function(Object, yfiles.lang.PropertyChangedEventArgs): void} listener The listener to add.
+       * @param listener The listener to add.
        * @see yfiles.view.CanvasComponent#removeSelectionGroupChangedListener
        */
       addSelectionGroupChangedListener(listener:(sender:Object,args:yfiles.lang.PropertyChangedEventArgs)=>void):void;
       /**
        * Removes the given listener for the <code>SelectionGroupChanged</code> event that occurs when the {@link yfiles.view.CanvasComponent#selectionGroup} property has been changed.
-       * @param {function(Object, yfiles.lang.PropertyChangedEventArgs): void} listener The listener to remove.
+       * @param listener The listener to remove.
        * @see yfiles.view.CanvasComponent#addSelectionGroupChangedListener
        */
       removeSelectionGroupChangedListener(listener:(sender:Object,args:yfiles.lang.PropertyChangedEventArgs)=>void):void;
@@ -10396,13 +10775,13 @@ declare namespace system{
       inputModeGroup:yfiles.view.ICanvasObjectGroup;
       /**
        * Adds the given listener for the <code>InputModeGroupChanged</code> event that occurs when the {@link yfiles.view.CanvasComponent#inputModeGroup} property has been changed.
-       * @param {function(Object, yfiles.lang.PropertyChangedEventArgs): void} listener The listener to add.
+       * @param listener The listener to add.
        * @see yfiles.view.CanvasComponent#removeInputModeGroupChangedListener
        */
       addInputModeGroupChangedListener(listener:(sender:Object,args:yfiles.lang.PropertyChangedEventArgs)=>void):void;
       /**
        * Removes the given listener for the <code>InputModeGroupChanged</code> event that occurs when the {@link yfiles.view.CanvasComponent#inputModeGroup} property has been changed.
-       * @param {function(Object, yfiles.lang.PropertyChangedEventArgs): void} listener The listener to remove.
+       * @param listener The listener to remove.
        * @see yfiles.view.CanvasComponent#addInputModeGroupChangedListener
        */
       removeInputModeGroupChangedListener(listener:(sender:Object,args:yfiles.lang.PropertyChangedEventArgs)=>void):void;
@@ -10423,13 +10802,13 @@ declare namespace system{
       backgroundGroup:yfiles.view.ICanvasObjectGroup;
       /**
        * Adds the given listener for the <code>BackgroundGroupChanged</code> event that occurs when the {@link yfiles.view.CanvasComponent#backgroundGroup} property has been changed.
-       * @param {function(Object, yfiles.lang.PropertyChangedEventArgs): void} listener The listener to add.
+       * @param listener The listener to add.
        * @see yfiles.view.CanvasComponent#removeBackgroundGroupChangedListener
        */
       addBackgroundGroupChangedListener(listener:(sender:Object,args:yfiles.lang.PropertyChangedEventArgs)=>void):void;
       /**
        * Removes the given listener for the <code>BackgroundGroupChanged</code> event that occurs when the {@link yfiles.view.CanvasComponent#backgroundGroup} property has been changed.
-       * @param {function(Object, yfiles.lang.PropertyChangedEventArgs): void} listener The listener to remove.
+       * @param listener The listener to remove.
        * @see yfiles.view.CanvasComponent#addBackgroundGroupChangedListener
        */
       removeBackgroundGroupChangedListener(listener:(sender:Object,args:yfiles.lang.PropertyChangedEventArgs)=>void):void;
@@ -10510,9 +10889,9 @@ declare namespace system{
        */
       longPressTime:yfiles.lang.TimeSpan;
       /**
-       * Gets or sets the area in view coordinates the mouse may stay in before a movement is considered a drag. If the mouse is
-       * moved within this area longer than {@link yfiles.view.CanvasComponent#dragTime} milliseconds, the movement will be considered a drag, nevertheless.
+       * Gets or sets the area in view coordinates the mouse may stay in before a movement is considered a drag.
        * <p>
+       * If the mouse is moved within this area longer than {@link yfiles.view.CanvasComponent#dragTime} milliseconds, the movement will be considered a drag, nevertheless.
        * The larger the area the later a mouse movement will be recognized as a drag. This influences the click-sensitivity,
        * since a mouse button release is only considered a click if there was no drag since the last mouse button press. The
        * default value is <code>(5, 5)</code>.
@@ -10556,14 +10935,14 @@ declare namespace system{
       /**
        * Adds the given listener for the <code>MouseWheelZoomFactorChanged</code> event that occurs when the value of the {@link yfiles.view.CanvasComponent#mouseWheelZoomFactor} property has been
        * changed.
-       * @param {function(Object, yfiles.lang.EventArgs): void} listener The listener to add.
+       * @param listener The listener to add.
        * @see yfiles.view.CanvasComponent#removeMouseWheelZoomFactorChangedListener
        */
       addMouseWheelZoomFactorChangedListener(listener:(sender:Object,evt:yfiles.lang.EventArgs)=>void):void;
       /**
        * Removes the given listener for the <code>MouseWheelZoomFactorChanged</code> event that occurs when the value of the {@link yfiles.view.CanvasComponent#mouseWheelZoomFactor} property has
        * been changed.
-       * @param {function(Object, yfiles.lang.EventArgs): void} listener The listener to remove.
+       * @param listener The listener to remove.
        * @see yfiles.view.CanvasComponent#addMouseWheelZoomFactorChangedListener
        */
       removeMouseWheelZoomFactorChangedListener(listener:(sender:Object,evt:yfiles.lang.EventArgs)=>void):void;
@@ -10588,14 +10967,14 @@ declare namespace system{
       /**
        * Adds the given listener for the <code>MouseWheelScrollFactorChanged</code> event that occurs when the value of the {@link yfiles.view.CanvasComponent#mouseWheelScrollFactor} property has been
        * changed.
-       * @param {function(Object, yfiles.lang.EventArgs): void} listener The listener to add.
+       * @param listener The listener to add.
        * @see yfiles.view.CanvasComponent#removeMouseWheelScrollFactorChangedListener
        */
       addMouseWheelScrollFactorChangedListener(listener:(sender:Object,evt:yfiles.lang.EventArgs)=>void):void;
       /**
        * Removes the given listener for the <code>MouseWheelScrollFactorChanged</code> event that occurs when the value of the {@link yfiles.view.CanvasComponent#mouseWheelScrollFactor} property has
        * been changed.
-       * @param {function(Object, yfiles.lang.EventArgs): void} listener The listener to remove.
+       * @param listener The listener to remove.
        * @see yfiles.view.CanvasComponent#addMouseWheelScrollFactorChangedListener
        */
       removeMouseWheelScrollFactorChangedListener(listener:(sender:Object,evt:yfiles.lang.EventArgs)=>void):void;
@@ -10614,7 +10993,7 @@ declare namespace system{
        * Adds the given listener for the <code>PrepareRenderContext</code> event.
        * <br />
        * Event that will be triggered before the visual tree is painted to prepare the {@link yfiles.view.IRenderContext}.
-       * @param {function(Object, yfiles.view.PrepareRenderContextEventArgs): void} listener The listener to add.
+       * @param listener The listener to add.
        * @see yfiles.view.CanvasComponent#removePrepareRenderContextListener
        */
       addPrepareRenderContextListener(listener:(sender:Object,evt:yfiles.view.PrepareRenderContextEventArgs)=>void):void;
@@ -10622,7 +11001,7 @@ declare namespace system{
        * Removes the given listener for the <code>PrepareRenderContext</code> event.
        * <br />
        * Event that will be triggered before the visual tree is painted to prepare the {@link yfiles.view.IRenderContext}.
-       * @param {function(Object, yfiles.view.PrepareRenderContextEventArgs): void} listener The listener to remove.
+       * @param listener The listener to remove.
        * @see yfiles.view.CanvasComponent#addPrepareRenderContextListener
        */
       removePrepareRenderContextListener(listener:(sender:Object,evt:yfiles.view.PrepareRenderContextEventArgs)=>void):void;
@@ -10640,13 +11019,13 @@ declare namespace system{
       inputModeContext:yfiles.input.IInputModeContext;
       /**
        * Adds the given listener for the <code>InputModeContextChanged</code> event that occurs when the {@link yfiles.view.CanvasComponent#inputModeContext} property has been changed.
-       * @param {function(Object, yfiles.lang.PropertyChangedEventArgs): void} listener The listener to add.
+       * @param listener The listener to add.
        * @see yfiles.view.CanvasComponent#removeInputModeContextChangedListener
        */
       addInputModeContextChangedListener(listener:(sender:Object,evt:yfiles.lang.PropertyChangedEventArgs)=>void):void;
       /**
        * Removes the given listener for the <code>InputModeContextChanged</code> event that occurs when the {@link yfiles.view.CanvasComponent#inputModeContext} property has been changed.
-       * @param {function(Object, yfiles.lang.PropertyChangedEventArgs): void} listener The listener to remove.
+       * @param listener The listener to remove.
        * @see yfiles.view.CanvasComponent#addInputModeContextChangedListener
        */
       removeInputModeContextChangedListener(listener:(sender:Object,evt:yfiles.lang.PropertyChangedEventArgs)=>void):void;
@@ -10690,7 +11069,7 @@ declare namespace system{
       static sizeChangedTimerInterval:number;
       /**
        * Adds the given listener for the <code>SizeChanged</code> event that occurs when the size of this Control is changed.
-       * @param {function(Object, yfiles.view.SizeChangedEventArgs): void} listener The listener to add.
+       * @param listener The listener to add.
        * @see yfiles.view.CanvasComponent#sizeChangedDetection
        * @see yfiles.view.SizeChangedDetectionMode
        * @see yfiles.view.CanvasComponent#removeSizeChangedListener
@@ -10698,7 +11077,7 @@ declare namespace system{
       addSizeChangedListener(listener:(sender:Object,evt:yfiles.view.SizeChangedEventArgs)=>void):void;
       /**
        * Removes the given listener for the <code>SizeChanged</code> event that occurs when the size of this Control is changed.
-       * @param {function(Object, yfiles.view.SizeChangedEventArgs): void} listener The listener to remove.
+       * @param listener The listener to remove.
        * @see yfiles.view.CanvasComponent#sizeChangedDetection
        * @see yfiles.view.SizeChangedDetectionMode
        * @see yfiles.view.CanvasComponent#addSizeChangedListener
@@ -10738,40 +11117,39 @@ declare namespace system{
      * calculated using {@link yfiles.view.SvgExport#calculateScaleForWidth} and {@link yfiles.view.SvgExport#calculateScaleForHeight}.
      * </li>
      * </ul>
-     * @class yfiles.view.SvgExport
+     * @class
      */
     export interface SvgExport extends Object{}
     export class SvgExport {
       /**
        * Creates a new {@link yfiles.view.SvgExport} instance for the given world bounds and scale.
-       * @param {yfiles.geometry.Rect} worldBounds the bounds of the content to export, see {@link yfiles.view.SvgExport#worldBounds}
-       * @param {number} [scale=1.0] the scale, see {@link yfiles.view.SvgExport#scale}
-       * @constructor
+       * @param worldBounds the bounds of the content to export, see {@link #worldBounds}
+       * @param [scale=1.0] the scale, see {@link #scale}
        */
       constructor(worldBounds:yfiles.geometry.Rect,scale?:number);
       /**
-       * Calculates the {@link yfiles.view.SvgExport#scale} value to apply in order to achieve the given target height (without {@link yfiles.view.SvgExport#margin}).
+       * Calculates the value to set the {@link yfiles.view.SvgExport#scale} to in order to achieve the given target height (without {@link yfiles.view.SvgExport#margins}).
        * <p>
        * This method returns 1.0 if the {@link yfiles.view.SvgExport#worldBounds} height is zero or negative.
        * </p>
-       * @param {number} height the height of the target image
-       * @returns {number} the scale value to use
+       * @param height the height of the target image
+       * @returns the scale value to use
        */
       calculateScaleForHeight(height:number):number;
       /**
-       * Calculates the {@link yfiles.view.SvgExport#scale} value to apply in order to achieve the given target width (without {@link yfiles.view.SvgExport#margin}).
+       * Calculates the value to set the {@link yfiles.view.SvgExport#scale} to in order to achieve the given target width (without {@link yfiles.view.SvgExport#margins}).
        * <p>
        * This method returns 1.0 if the {@link yfiles.view.SvgExport#worldBounds} width is zero or negative.
        * </p>
-       * @param {number} width the width of the target image
-       * @returns {number} the scale value to use
+       * @param width the width of the target image
+       * @returns the scale value to use
        */
       calculateScaleForWidth(width:number):number;
       /**
        * Returns an initialized {@link yfiles.view.IRenderContext} and changes the given transform and the clip bounds such that a part
        * of the given {@link yfiles.view.CanvasComponent} instance can be exported to an image.
-       * @param {yfiles.view.CanvasComponent} canvas The {@link yfiles.view.CanvasComponent} instance to export.
-       * @returns {yfiles.view.IRenderContext} An {@link yfiles.view.IRenderContext} to use.
+       * @param canvas The {@link } instance to export.
+       * @returns An {@link } to use.
        */
       createRenderContext(canvas:yfiles.view.CanvasComponent):yfiles.view.IRenderContext;
       /**
@@ -10779,8 +11157,8 @@ declare namespace system{
        * <p>
        * This method escapes non-Latin1 characters, does a base64 encoding, and returns the result as data URI.
        * </p>
-       * @param {string} svgXml A string containing the SVG document.
-       * @returns {string} A data URI of the SVG document.
+       * @param svgXml A string containing the SVG document.
+       * @returns A data URI of the SVG document.
        * @static
        */
       static encodeSvgDataUrl(svgXml:string):string;
@@ -10790,8 +11168,8 @@ declare namespace system{
        * The asynchronous version of this method,
        * {@link yfiles.view.SvgExport#exportSvgAsync}, is capable of encoding and inlining images that are embedded in the SVG.
        * </p>
-       * @param {yfiles.view.CanvasComponent} canvas The canvas to be exported.
-       * @returns {Element} An SVG element with the canvas contents.
+       * @param canvas The canvas to be exported.
+       * @returns An SVG element with the canvas contents.
        */
       exportSvg(canvas:yfiles.view.CanvasComponent):Element;
       /**
@@ -10804,8 +11182,8 @@ declare namespace system{
        * SVG image elements are replaced with a copy of the referenced SVG element if {@link yfiles.view.SvgExport#inlineSvgImages} is set to <code>true</code>. Image encoding can be
        * controlled for each image individually by overwriting the predicate method {@link yfiles.view.SvgExport#shouldInlineSvgImage}.
        * </p>
-       * @param {yfiles.view.CanvasComponent} canvas The canvas to be exported.
-       * @returns {Promise.<Element>} 
+       * @param canvas The canvas to be exported.
+       * @returns 
        */
       exportSvgAsync(canvas:yfiles.view.CanvasComponent):Promise<Element>;
       /**
@@ -10813,14 +11191,14 @@ declare namespace system{
        * <p>
        * This method adds SVG namespace and xlink namespace declarations and replaces <code>href</code> with <code>xlink:href</code>.
        * </p>
-       * @param {Element} svg The SVG element to export.
-       * @returns {string} A string representation of the SVG.
+       * @param svg The SVG element to export.
+       * @returns A string representation of the SVG.
        * @static
        */
       static exportSvgString(svg:Element):string;
       /**
        * Returns a suitable clip to use for the visual for this exporter.
-       * @returns {yfiles.geometry.Rect} The clip.
+       * @returns The clip.
        */
       getClip():yfiles.geometry.Rect;
       /**
@@ -10830,9 +11208,9 @@ declare namespace system{
        * the x, y, width, height and preserveAspectRatio attributes from the original image element to the imported SVG element.
        * In addition, the SVG is wrapped in a <code>g</code> element to support the <code>transform</code> of the original image.
        * </p>
-       * @param {Element} importedSvg The root element of the SVG file that's referenced by the original image element.
-       * @param {SVGImageElement} originalImage The original image element that will be replaced.
-       * @returns {Element} The element that's actually placed in the DOM as a replacement of the <code>originalImage</code>.
+       * @param importedSvg The root element of the SVG file that's referenced by the original image element.
+       * @param originalImage The original image element that will be replaced.
+       * @returns The element that's actually placed in the DOM as a replacement of the <code>originalImage</code>.
        * @see yfiles.view.SvgExport#inlineSvgImages
        * @see yfiles.view.SvgExport#exportSvgAsync
        * @see yfiles.view.SvgExport#shouldInlineSvgImage
@@ -10844,8 +11222,8 @@ declare namespace system{
        * <p>
        * This implementation returns the value of {@link yfiles.view.SvgExport#encodeImagesBase64} for all values of <code>image</code>.
        * </p>
-       * @param {SVGImageElement} image The image to be encoded.
-       * @returns {boolean} Whether the given image should be encoded.
+       * @param image The image to be encoded.
+       * @returns Whether the given image should be encoded.
        * @protected
        */
       shouldEncodeImageBase64(image:SVGImageElement):boolean;
@@ -10854,8 +11232,8 @@ declare namespace system{
        * <p>
        * This implementation returns the value of {@link yfiles.view.SvgExport#inlineSvgImages} for all values of <code>image</code>.
        * </p>
-       * @param {SVGImageElement} image The image to be inlined.
-       * @returns {boolean} Whether the given image should be inlined.
+       * @param image The image to be inlined.
+       * @returns Whether the given image should be inlined.
        * @protected
        */
       shouldInlineSvgImage(image:SVGImageElement):boolean;
@@ -10897,14 +11275,14 @@ declare namespace system{
        * </p>
        * @type {yfiles.geometry.Insets}
        */
-      margin:yfiles.geometry.Insets;
+      margins:yfiles.geometry.Insets;
       /**
-       * Gets the resulting width of the target image with respect to {@link yfiles.view.SvgExport#worldBounds}, {@link yfiles.view.SvgExport#scale} and {@link yfiles.view.SvgExport#margin}.
+       * Gets the resulting width of the target image with respect to {@link yfiles.view.SvgExport#worldBounds}, {@link yfiles.view.SvgExport#scale} and {@link yfiles.view.SvgExport#margins}.
        * @type {number}
        */
       viewWidth:number;
       /**
-       * Gets the resulting height of the target image with respect to {@link yfiles.view.SvgExport#worldBounds}, {@link yfiles.view.SvgExport#scale} and {@link yfiles.view.SvgExport#margin}.
+       * Gets the resulting height of the target image with respect to {@link yfiles.view.SvgExport#worldBounds}, {@link yfiles.view.SvgExport#scale} and {@link yfiles.view.SvgExport#margins}.
        * @type {number}
        */
       viewHeight:number;
@@ -10942,27 +11320,26 @@ declare namespace system{
      * This class is used internally by {@link yfiles.view.CanvasComponent} and operates on instances of {@link yfiles.view.ISvgDefsCreator}.
      * </p>
      * @see yfiles.view.CanvasComponent#svgDefsManager
-     * @class yfiles.view.SvgDefsManager
+     * @class
      */
     export interface SvgDefsManager extends Object{}
     export class SvgDefsManager {
       /**
        * Initializes a new instance of the {@link yfiles.view.SvgDefsManager} class.
-       * @param {SVGDefsElement} defsElement The defs element of the svg document that will be managed by this instance.
-       * @constructor
+       * @param defsElement The defs element of the svg document that will be managed by this instance.
        */
       constructor(defsElement:SVGDefsElement);
       /**
        * Triggers the clean up for svg defs on the provided control.
-       * @param {yfiles.view.CanvasComponent} canvas
+       * @param canvas
        */
       cleanupDefs(canvas:yfiles.view.CanvasComponent):void;
       /**
-       * Generates an id that is globally unique among all {@link yfiles.view.SvgDefsManager} instances.
+       * Generates an ID that is globally unique among all {@link yfiles.view.SvgDefsManager} instances.
        * <p>
-       * This id should be used for the "id" attribute of DOM nodes.
+       * This ID should be used for the "id" attribute of DOM nodes.
        * </p>
-       * @returns {string} A globally unique id.
+       * @returns A globally unique ID.
        */
       generateUniqueDefsId():string;
       /**
@@ -10974,7 +11351,7 @@ declare namespace system{
        */
       cleanupTimerInterval:yfiles.lang.TimeSpan;
       /**
-       * Gets or sets the prefix to use for the {@link yfiles.view.SvgDefsManager#generateUniqueDefsId unique ids}.
+       * Gets or sets the prefix to use for the {@link yfiles.view.SvgDefsManager#generateUniqueDefsId unique IDs}.
        * <p>
        * By default this is <code>ygc&lt;number></code>
        * </p>
@@ -10988,6 +11365,468 @@ declare namespace system{
       defs:SVGDefsElement;
       static $class:yfiles.lang.Class;
     }
+    /**
+     * A component for displaying and editing an {@link yfiles.graph.IGraph}.
+     * <p>
+     * This is a specialized {@link yfiles.view.CanvasComponent} that can hold, display, and edit an {@link yfiles.graph.IGraph} instance. It
+     * provides access to the {@link yfiles.view.GraphComponent#graph} and {@link yfiles.view.GraphComponent#selection} instances.
+     * </p>
+     * <p>
+     * This class has bindings for the following {@link yfiles.input.ICommand}s.
+     * </p>
+     * <ul>
+     * <li>{@link yfiles.input.ICommand#FIT_GRAPH_BOUNDS} that invokes {@link yfiles.view.GraphComponent#fitGraphBounds}</li>
+     * <li>{@link yfiles.input.ICommand#SET_CURRENT_ITEM} for setting the {@link yfiles.view.GraphComponent#currentItem}</li>
+     * <li>{@link yfiles.input.ICommand#ZOOM_TO_CURRENT_ITEM} for adjusting the {@link yfiles.view.CanvasComponent#viewport} to the {@link yfiles.view.GraphComponent#currentItem}</li>
+     * </ul>
+     * <p>
+     * The {@link yfiles.input.ICommand#ZOOM_TO_CURRENT_ITEM} is enabled, if {@link yfiles.view.CanvasComponent#navigationCommandsEnabled} is <code>true</code>.
+     * </p>
+     * <p>
+     * The components that can be used to display and edit a model are discussed in the section
+     * {@link @DGUIDE_PREFIX@/view_graphcontrol.html The Component for Displaying Graphs}.
+     * </p>
+     * <p><b>Related demos:</b></p>
+     * <ul>
+     * <li>Demo: GraphViewer, Demo.yFiles.Graph.Viewer</li>
+     * <li>Demo: SimpleEditorForm, Demo.yFiles.Graph.SimpleEditor</li>
+     * </ul>
+     * @class
+     * @extends {yfiles.view.CanvasComponent}
+     */
+    export interface GraphComponent extends yfiles.view.CanvasComponent{}
+    export class GraphComponent {
+      /**
+       * Creates a new instance of {@link yfiles.view.GraphComponent} using the <code>div</code> element that is specified by the <code>selector</code>.
+       * <p>
+       * If the {@link yfiles.view.GraphComponent#graph} and {@link yfiles.view.GraphSelection} properties are not populated externally they will be initialized with default
+       * values upon first access. Thus this instance can be used right away without any further initialization.
+       * </p>
+       * @param selector The CSS selector or id for an existing <code>div</code> element
+       */
+      constructor(selector:string);
+      /**
+       * Creates a new instance of {@link yfiles.view.GraphComponent} using the <code>div</code> element that is specified by the <code>selector</code>.
+       * <p>
+       * If the {@link yfiles.view.GraphComponent#graph} and {@link yfiles.view.GraphSelection} properties are not populated externally they will be initialized with default
+       * values upon first access. Thus this instance can be used right away without any further initialization.
+       * </p>
+       * @param {Object} options The parameters to pass.
+       * @param options.selector The CSS selector or id for an existing <code>div</code> element
+       * @param {yfiles.input.IInputMode} options.inputMode The single {@link yfiles.input.IInputMode} instance that shall be installed for this canvas.
+       * <p>
+       * This option sets the {@link yfiles.view.CanvasComponent#inputMode} property on the created object.
+       * </p>
+       * @param {yfiles.graph.IGraph} options.graph The graph that is displayed in this control.
+       * <p>
+       * This option sets the {@link yfiles.view.GraphComponent#graph} property on the created object.
+       * </p>
+       * @param {yfiles.graph.GraphClipboard} options.clipboard The {@link yfiles.graph.GraphClipboard} associated with this control.
+       * <p>
+       * This option sets the {@link yfiles.view.GraphComponent#clipboard} property on the created object.
+       * </p>
+       * @param {yfiles.view.IGraphSelection} options.selection The selection model that is used for this control.
+       * <p>
+       * This option sets the {@link yfiles.view.GraphComponent#selection} property on the created object.
+       * </p>
+       */
+      constructor(options:{selector:string,inputMode?:yfiles.input.IInputMode,graph?:yfiles.graph.IGraph,clipboard?:yfiles.graph.GraphClipboard,selection?:yfiles.view.IGraphSelection});
+      /**
+       * Creates a new instance of the {@link yfiles.view.GraphComponent} in the given <code>div</code> element.
+       * <p>
+       * If the {@link yfiles.view.GraphComponent#graph} and {@link yfiles.view.GraphSelection} properties are not populated externally they will be initialized with default
+       * values upon first access. Thus this instance can be used right away without any further initialization.
+       * </p>
+       * @param div The existing <code>div</code> element to use for rendering the canvas into.
+       */
+      constructor(div:HTMLDivElement);
+      /**
+       * Creates a new instance of the {@link yfiles.view.GraphComponent} in the given <code>div</code> element.
+       * <p>
+       * If the {@link yfiles.view.GraphComponent#graph} and {@link yfiles.view.GraphSelection} properties are not populated externally they will be initialized with default
+       * values upon first access. Thus this instance can be used right away without any further initialization.
+       * </p>
+       * @param {Object} options The parameters to pass.
+       * @param options.div The existing <code>div</code> element to use for rendering the canvas into.
+       * @param {yfiles.input.IInputMode} options.inputMode The single {@link yfiles.input.IInputMode} instance that shall be installed for this canvas.
+       * <p>
+       * This option sets the {@link yfiles.view.CanvasComponent#inputMode} property on the created object.
+       * </p>
+       * @param {yfiles.graph.IGraph} options.graph The graph that is displayed in this control.
+       * <p>
+       * This option sets the {@link yfiles.view.GraphComponent#graph} property on the created object.
+       * </p>
+       * @param {yfiles.graph.GraphClipboard} options.clipboard The {@link yfiles.graph.GraphClipboard} associated with this control.
+       * <p>
+       * This option sets the {@link yfiles.view.GraphComponent#clipboard} property on the created object.
+       * </p>
+       * @param {yfiles.view.IGraphSelection} options.selection The selection model that is used for this control.
+       * <p>
+       * This option sets the {@link yfiles.view.GraphComponent#selection} property on the created object.
+       * </p>
+       */
+      constructor(options:{div:HTMLDivElement,inputMode?:yfiles.input.IInputMode,graph?:yfiles.graph.IGraph,clipboard?:yfiles.graph.GraphClipboard,selection?:yfiles.view.IGraphSelection});
+      /**
+       * Creates a new instance of the {@link yfiles.view.GraphComponent}.
+       * <p>
+       * If the {@link yfiles.view.GraphComponent#graph} and {@link yfiles.view.GraphSelection} properties are not populated externally they will be initialized with default
+       * values upon first access. Thus this instance can be used right away without any further initialization. This constructor
+       * creates a new <code>div</code> element that needs to be manually added to the DOM.
+       * </p>
+       * @param {Object} [options=null] The parameters to pass.
+       * @param {yfiles.input.IInputMode} options.inputMode The single {@link yfiles.input.IInputMode} instance that shall be installed for this canvas.
+       * <p>
+       * This option sets the {@link yfiles.view.CanvasComponent#inputMode} property on the created object.
+       * </p>
+       * @param {yfiles.graph.IGraph} options.graph The graph that is displayed in this control.
+       * <p>
+       * This option sets the {@link yfiles.view.GraphComponent#graph} property on the created object.
+       * </p>
+       * @param {yfiles.graph.GraphClipboard} options.clipboard The {@link yfiles.graph.GraphClipboard} associated with this control.
+       * <p>
+       * This option sets the {@link yfiles.view.GraphComponent#clipboard} property on the created object.
+       * </p>
+       * @param {yfiles.view.IGraphSelection} options.selection The selection model that is used for this control.
+       * <p>
+       * This option sets the {@link yfiles.view.GraphComponent#selection} property on the created object.
+       * </p>
+       */
+      constructor(options?:{inputMode?:yfiles.input.IInputMode,graph?:yfiles.graph.IGraph,clipboard?:yfiles.graph.GraphClipboard,selection?:yfiles.view.IGraphSelection});
+      /**
+       * Factory method for the {@link yfiles.view.GraphComponent#focusIndicatorManager} property.
+       * <p>
+       * This method will be called upon first access to the {@link yfiles.view.GraphComponent#focusIndicatorManager} property.
+       * </p>
+       * @returns a new instance of {@link }.
+       * @protected
+       */
+      createFocusIndicatorManager():yfiles.view.FocusIndicatorManager<yfiles.graph.IModelItem>;
+      /**
+       * Factory method for the Graph property.
+       * <p>
+       * This method will be called upon first access to the {@link yfiles.view.GraphComponent#graph} property.
+       * </p>
+       * @returns a new instance of {@link }
+       * @protected
+       */
+      createGraph():yfiles.graph.IGraph;
+      /**
+       * Creates the default instance to use if no custom instance has been set.
+       * @returns A default {@link } instance.
+       * @protected
+       */
+      createGraphClipboard():yfiles.graph.GraphClipboard;
+      /**
+       * Factory method for the {@link yfiles.view.GraphComponent#graphModelManager} property.
+       * <p>
+       * This method will be called upon first access to the {@link yfiles.view.GraphComponent#graphModelManager} property.
+       * </p>
+       * @returns a new instance of {@link }.
+       * @protected
+       */
+      createGraphModelManager():yfiles.view.GraphModelManager;
+      /**
+       * Factory method for the {@link yfiles.view.GraphComponent#highlightIndicatorManager} property.
+       * <p>
+       * This method will be called upon first access to the {@link yfiles.view.GraphComponent#highlightIndicatorManager} property.
+       * </p>
+       * @returns a new instance of {@link #highlightIndicatorManager}.
+       * @protected
+       */
+      createHighlightIndicatorManager():yfiles.view.HighlightIndicatorManager<yfiles.graph.IModelItem>;
+      /**
+       * Factory method for the Selection property.
+       * <p>
+       * This method will be called upon first access to the {@link yfiles.view.GraphComponent#selection} property.
+       * </p>
+       * @returns a new instance of {@link }
+       * @protected
+       */
+      createSelection():yfiles.view.IGraphSelection;
+      /**
+       * Factory method for the {@link yfiles.view.GraphComponent#selectionIndicatorManager} property.
+       * <p>
+       * This method will be called upon first access to the {@link yfiles.view.GraphComponent#selectionIndicatorManager} property.
+       * </p>
+       * @returns a new instance of {@link }
+       * @protected
+       */
+      createSelectionIndicatorManager():yfiles.view.SelectionIndicatorManager<yfiles.graph.IModelItem>;
+      /**
+       * {@link yfiles.view.CanvasComponent#updateContentRect Updates the content rectangle} for the {@link yfiles.view.CanvasComponent#contentGroup} considering the provided insets and
+       * {@link yfiles.view.CanvasComponent#fitContent adjusts the viewport to encompass the contents}.
+       * @param [insets=null]
+       */
+      fitGraphBounds(insets?:yfiles.geometry.Insets):void;
+      /**
+       * Convenience method that runs a layouter on the graph of a given graph control and animates the transition.
+       * <p>
+       * An event is called once the animation has finished.
+       * </p>
+       * <p>
+       * The implementation simply delegates to a properly configured instance of {@link yfiles.layout.LayoutExecutor}. In addition to
+       * the default configuration, it enables {@link yfiles.layout.LayoutExecutor#animateViewport}, {@link yfiles.layout.LayoutExecutor#easedAnimation}, and {@link yfiles.layout.LayoutExecutor#updateContentRect}. For more fine-grained control of the animation, use {@link yfiles.layout.LayoutExecutor}
+       * directly.
+       * </p>
+       * @param layout
+       * @param [morphDuration=null]
+       * @param [layoutData=null]
+       * @returns 
+       */
+      morphLayout(layout:yfiles.layout.ILayoutAlgorithm,morphDuration?:yfiles.lang.TimeSpan,layoutData?:yfiles.layout.LayoutData):Promise<Object>;
+      /**
+       * Convenience method that runs a layouter on the graph of a given graph control and animates the transition.
+       * <p>
+       * An event is called once the animation has finished.
+       * </p>
+       * <p>
+       * The implementation simply delegates to a properly configured instance of {@link yfiles.layout.LayoutExecutor}. In addition to
+       * the default configuration, it enables {@link yfiles.layout.LayoutExecutor#animateViewport}, {@link yfiles.layout.LayoutExecutor#easedAnimation}, and {@link yfiles.layout.LayoutExecutor#updateContentRect}. For more fine-grained control of the animation, use {@link yfiles.layout.LayoutExecutor}
+       * directly.
+       * </p>
+       * @param {Object} options The parameters to pass.
+       * @param options.layout
+       * @param [options.morphDuration=null]
+       * @param [options.layoutData=null]
+       * @returns 
+       */
+      morphLayout(options:{layout:yfiles.layout.ILayoutAlgorithm,morphDuration?:yfiles.lang.TimeSpan,layoutData?:yfiles.layout.LayoutData}):Promise<Object>;
+      /**
+       * Gets or sets the 'current' item.
+       * @default null
+       * @type {yfiles.graph.IModelItem}
+       */
+      currentItem:yfiles.graph.IModelItem;
+      /**
+       * Adds the given listener for the <code>CurrentItemChanged</code> event that occurs when the {@link yfiles.view.GraphComponent#currentItem} property has changed its value.
+       * @param listener The listener to add.
+       * @see yfiles.view.GraphComponent#removeCurrentItemChangedListener
+       */
+      addCurrentItemChangedListener(listener:(sender:Object,evt:yfiles.lang.PropertyChangedEventArgs)=>void):void;
+      /**
+       * Removes the given listener for the <code>CurrentItemChanged</code> event that occurs when the {@link yfiles.view.GraphComponent#currentItem} property has changed its value.
+       * @param listener The listener to remove.
+       * @see yfiles.view.GraphComponent#addCurrentItemChangedListener
+       */
+      removeCurrentItemChangedListener(listener:(sender:Object,evt:yfiles.lang.PropertyChangedEventArgs)=>void):void;
+      /**
+       * Gets or sets the {@link yfiles.view.GraphComponent#selectionIndicatorManager} property.
+       * <p>
+       * If the field has not yet been initialized upon first access, the factory method {@link yfiles.view.GraphComponent#createSelectionIndicatorManager}
+       * will be called.
+       * </p>
+       * @type {yfiles.view.SelectionIndicatorManager.<yfiles.graph.IModelItem>}
+       */
+      selectionIndicatorManager:yfiles.view.SelectionIndicatorManager<yfiles.graph.IModelItem>;
+      /**
+       * Gets or sets the {@link yfiles.view.GraphComponent#highlightIndicatorManager} property.
+       * <p>
+       * If the field has not yet been initialized upon first access, the factory method {@link yfiles.view.GraphComponent#createHighlightIndicatorManager}
+       * will be called.
+       * </p>
+       * @type {yfiles.view.HighlightIndicatorManager.<yfiles.graph.IModelItem>}
+       */
+      highlightIndicatorManager:yfiles.view.HighlightIndicatorManager<yfiles.graph.IModelItem>;
+      /**
+       * Gets or sets the {@link yfiles.view.GraphComponent#focusIndicatorManager} property.
+       * <p>
+       * If the field has not yet been initialized upon first access, the factory method {@link yfiles.view.GraphComponent#createFocusIndicatorManager}
+       * will be called.
+       * </p>
+       * @type {yfiles.view.FocusIndicatorManager.<yfiles.graph.IModelItem>}
+       */
+      focusIndicatorManager:yfiles.view.FocusIndicatorManager<yfiles.graph.IModelItem>;
+      /**
+       * Gets or sets the {@link yfiles.view.GraphComponent#graphModelManager} property.
+       * <p>
+       * If the field has not yet been initialized upon first access, the factory method {@link yfiles.view.GraphComponent#createGraphModelManager}
+       * will be called.
+       * </p>
+       * @type {yfiles.view.GraphModelManager}
+       */
+      graphModelManager:yfiles.view.GraphModelManager;
+      /**
+       * Gets or sets the graph that is displayed in this control.
+       * <p>
+       * Normally the {@link yfiles.view.GraphSelection} property must be adjusted accordingly if the graph instance is replaced. Also
+       * depending on the {@link yfiles.input.IInputMode} implementation the instances used in this component might need to be replaced
+       * or adjusted, too. If the field has not yet been initialized upon first access, the factory method {@link yfiles.view.GraphComponent#createGraph}
+       * will be called.
+       * </p>
+       * @type {yfiles.graph.IGraph}
+       */
+      graph:yfiles.graph.IGraph;
+      /**
+       * Adds the given listener for the <code>GraphChanged</code> event that occurs when the {@link yfiles.view.GraphComponent#graph} property has been changed.
+       * @param listener The listener to add.
+       * @see yfiles.view.GraphComponent#removeGraphChangedListener
+       */
+      addGraphChangedListener(listener:(sender:Object,evt:yfiles.collections.ItemEventArgs<yfiles.graph.IGraph>)=>void):void;
+      /**
+       * Removes the given listener for the <code>GraphChanged</code> event that occurs when the {@link yfiles.view.GraphComponent#graph} property has been changed.
+       * @param listener The listener to remove.
+       * @see yfiles.view.GraphComponent#addGraphChangedListener
+       */
+      removeGraphChangedListener(listener:(sender:Object,evt:yfiles.collections.ItemEventArgs<yfiles.graph.IGraph>)=>void):void;
+      /**
+       * Gets or sets the selection model that is used for this control.
+       * <p>
+       * The selection model instance needs to be adjusted, normally if the {@link yfiles.view.GraphComponent#graph} instance is changed. If the field has not yet been
+       * initialized upon first access, the factory method {@link yfiles.view.GraphComponent#createSelection} will be called.
+       * </p>
+       * @type {yfiles.view.IGraphSelection}
+       */
+      selection:yfiles.view.IGraphSelection;
+      /**
+       * Gets or sets the {@link yfiles.graph.GraphClipboard} associated with this control.
+       * <p>
+       * If no instance has been configured with this control, a default implementation will be used.
+       * </p>
+       * @type {yfiles.graph.GraphClipboard}
+       */
+      clipboard:yfiles.graph.GraphClipboard;
+      static $class:yfiles.lang.Class;
+    }
+    /**
+     * Convenience component implementation that shows an overview of an {@link yfiles.graph.IGraph} contained in another {@link yfiles.view.GraphOverviewComponent#graphComponent}.
+     * <p>
+     * This component uses a {@link yfiles.view.GraphOverviewComponent#graphVisualCreator} to display the graph in a preview mode and an {@link yfiles.view.GraphOverviewComponent#overviewInputMode} to allow for easily navigating in the {@link yfiles.view.GraphOverviewComponent#graphComponent}.
+     * </p>
+     * <p><b>Related demos:</b></p>
+     * <ul>
+     * <li>Demo: SimpleEditorForm, Demo.yFiles.Graph.SimpleEditor</li>
+     * </ul>
+     * @class
+     * @extends {yfiles.view.CanvasComponent}
+     */
+    export interface GraphOverviewComponent extends yfiles.view.CanvasComponent{}
+    export class GraphOverviewComponent {
+      /**
+       * Creates a new instance of {@link yfiles.view.GraphOverviewComponent} using the <code>div</code> element that is specified by the <code>selector</code> and
+       * that is optionally bound to the provided {@link yfiles.view.GraphOverviewComponent#graphComponent}.
+       * <p>
+       * If no <code>graphControl</code> is provided, in order for this instance to be useful, either the {@link yfiles.view.GraphOverviewComponent#graphComponent} or the {@link yfiles.view.GraphOverviewComponent#graph} property need to be set.
+       * </p>
+       * @param [graphComponent=null] The {@link #graphComponent} to bind this instance to. If omitted, the property needs to be set to initialize the component.
+       * @param selector The CSS selector or id for an existing <code>div</code> element
+       */
+      constructor(selector:string,graphComponent?:yfiles.view.GraphComponent);
+      /**
+       * Creates a new instance of {@link yfiles.view.GraphOverviewComponent} using the <code>div</code> element that is specified by the <code>selector</code> and
+       * that is optionally bound to the provided {@link yfiles.view.GraphOverviewComponent#graphComponent}.
+       * <p>
+       * If no <code>graphControl</code> is provided, in order for this instance to be useful, either the {@link yfiles.view.GraphOverviewComponent#graphComponent} or the {@link yfiles.view.GraphOverviewComponent#graph} property need to be set.
+       * </p>
+       * @param {Object} options The parameters to pass.
+       * @param [options.graphComponent=null] The {@link #graphComponent} to bind this instance to. If omitted, the property needs to be set to initialize the component.
+       * @param options.selector The CSS selector or id for an existing <code>div</code> element
+       * @param {boolean} options.svgRendering A value indicating whether the graph is rendered using SVG rendering.
+       * <p>
+       * This option sets the {@link yfiles.view.GraphOverviewComponent#svgRendering} property on the created object.
+       * </p>
+       */
+      constructor(options:{selector:string,graphComponent?:yfiles.view.GraphComponent,svgRendering?:boolean});
+      /**
+       * Creates a new instance of {@link yfiles.view.GraphOverviewComponent} using the <code>div</code> element that is optionally bound to the
+       * provided {@link yfiles.view.GraphOverviewComponent#graphComponent}.
+       * <p>
+       * If no <code>graphControl</code> is provided, in order for this instance to be useful, either the {@link yfiles.view.GraphOverviewComponent#graphComponent} or the {@link yfiles.view.GraphOverviewComponent#graph} property need to be set.
+       * </p>
+       * @param div The div element to use for holding the canvas.
+       * @param [graphComponent=null] The optional graph control to {@link #graphComponent bind} this instance to. If omitted, the property needs to be set to initialize the
+       * component.
+       */
+      constructor(div:HTMLDivElement,graphComponent?:yfiles.view.GraphComponent);
+      /**
+       * Creates a new instance of {@link yfiles.view.GraphOverviewComponent} using the <code>div</code> element that is optionally bound to the
+       * provided {@link yfiles.view.GraphOverviewComponent#graphComponent}.
+       * <p>
+       * If no <code>graphControl</code> is provided, in order for this instance to be useful, either the {@link yfiles.view.GraphOverviewComponent#graphComponent} or the {@link yfiles.view.GraphOverviewComponent#graph} property need to be set.
+       * </p>
+       * @param {Object} options The parameters to pass.
+       * @param options.div The div element to use for holding the canvas.
+       * @param [options.graphComponent=null] The optional graph control to {@link #graphComponent bind} this instance to. If omitted, the property needs to be set to initialize the
+       * component.
+       * @param {boolean} options.svgRendering A value indicating whether the graph is rendered using SVG rendering.
+       * <p>
+       * This option sets the {@link yfiles.view.GraphOverviewComponent#svgRendering} property on the created object.
+       * </p>
+       */
+      constructor(options:{div:HTMLDivElement,graphComponent?:yfiles.view.GraphComponent,svgRendering?:boolean});
+      /**
+       * Creates a new instance that is optionally bound to the provided {@link yfiles.view.GraphOverviewComponent#graphComponent}.
+       * <p>
+       * This constructor creates a new {@link yfiles.view.CanvasComponent#div} element that needs to be added to the DOM manually. If no <code>graphControl</code> is provided, in
+       * order for this instance to be useful, either the {@link yfiles.view.GraphOverviewComponent#graphComponent} or the {@link yfiles.view.GraphOverviewComponent#graph} property need to be set.
+       * </p>
+       * @param [graphComponent=null] The {@link #graphComponent} to bind this instance to. If omitted, the property needs to be set to initialize the component.
+       */
+      constructor(graphComponent?:yfiles.view.GraphComponent);
+      /**
+       * Creates a new instance that is optionally bound to the provided {@link yfiles.view.GraphOverviewComponent#graphComponent}.
+       * <p>
+       * This constructor creates a new {@link yfiles.view.CanvasComponent#div} element that needs to be added to the DOM manually. If no <code>graphControl</code> is provided, in
+       * order for this instance to be useful, either the {@link yfiles.view.GraphOverviewComponent#graphComponent} or the {@link yfiles.view.GraphOverviewComponent#graph} property need to be set.
+       * </p>
+       * @param {Object} options The parameters to pass.
+       * @param [options.graphComponent=null] The {@link #graphComponent} to bind this instance to. If omitted, the property needs to be set to initialize the component.
+       * @param {boolean} options.svgRendering A value indicating whether the graph is rendered using SVG rendering.
+       * <p>
+       * This option sets the {@link yfiles.view.GraphOverviewComponent#svgRendering} property on the created object.
+       * </p>
+       */
+      constructor(options:{graphComponent?:yfiles.view.GraphComponent,svgRendering?:boolean});
+      /**
+       * Factory method that creates the {@link yfiles.view.IVisualCreator} that renders the preview of the graph in a HTML canvas
+       * element.
+       * @param graph The graph to draw.
+       * @returns An {@link } that creates HTML canvas rendering.
+       * @protected
+       */
+      createCanvasVisualCreator(graph:yfiles.graph.IGraph):yfiles.view.IVisualCreator;
+      /**
+       * Factory method that creates the {@link yfiles.view.IVisualCreator} that renders the preview of the graph in SVG.
+       * @param graph The graph to draw.
+       * @returns An {@link } that creates SVG.
+       * @protected
+       */
+      createSvgVisualCreator(graph:yfiles.graph.IGraph):yfiles.view.IVisualCreator;
+      /**
+       * Gets or sets a value indicating whether the graph is rendered using SVG rendering.
+       * @default false
+       * @type {boolean}
+       */
+      svgRendering:boolean;
+      /**
+       * Gets the {@link yfiles.styles.GraphOverviewSvgVisualCreator} that is used to render the over view graph.
+       * @type {yfiles.view.IVisualCreator}
+       */
+      graphVisualCreator:yfiles.view.IVisualCreator;
+      /**
+       * Gets or sets the {@link yfiles.input.OverviewInputMode} that is used to navigate the client control.
+       * <p>
+       * Setting this property will automatically update the {@link yfiles.input.OverviewInputMode#canvasComponent} property of the new {@link yfiles.input.OverviewInputMode}.
+       * </p>
+       * <p>
+       * This property is merely a convenience alias for the {@link yfiles.view.CanvasComponent#inputMode} property. Setting either this property or the {@link yfiles.view.CanvasComponent#inputMode} property has the
+       * same effect if the input mode is an {@link yfiles.input.OverviewInputMode}. On the other hand, if an input mode is set that is
+       * not an {@link yfiles.input.OverviewInputMode}, then the value of this property is <code>null</code>
+       * </p>
+       * @type {yfiles.input.OverviewInputMode}
+       */
+      overviewInputMode:yfiles.input.OverviewInputMode;
+      /**
+       * Gets or sets the graph that is rendered in the overview.
+       * @type {yfiles.graph.IGraph}
+       */
+      graph:yfiles.graph.IGraph;
+      /**
+       * Gets or sets the client component, that will be used to retrieve the graph from and that will be used for navigating.
+       * @type {yfiles.view.GraphComponent}
+       */
+      graphComponent:yfiles.view.GraphComponent;
+      static $class:yfiles.lang.Class;
+    }
     /**
      * This class describes a grid by providing the grid's origin as well as the horizontal and vertical spacing between the
      * grid points.
@@ -10995,22 +11834,20 @@ declare namespace system{
      * It is used by the {@link yfiles.input.IGridConstraintProvider.<T>} as well as by the <code>GridSnapResultVisualCreator&lt;T></code>
      * </p>
      * @see yfiles.input.IGridConstraintProvider.<T>
-     * @class yfiles.view.GridInfo
+     * @class
      */
     export interface GridInfo extends Object{}
     export class GridInfo {
       /**
        * Creates a new instance using the given horizontal and vertical grid spacing as well as the given origin.
-       * @param {number} horizontalSpacing The horizontal spacing between the grid points.
-       * @param {number} verticalSpacing The vertical spacing between the grid points.
-       * @param {yfiles.geometry.Point} origin The canonic origin of the grid.
-       * @constructor
+       * @param horizontalSpacing The horizontal spacing between the grid points.
+       * @param verticalSpacing The vertical spacing between the grid points.
+       * @param origin The canonic origin of the grid.
        */
       constructor(horizontalSpacing:number,verticalSpacing:number,origin:yfiles.geometry.Point);
       /**
        * Creates a new instance using "25" as the grid spacing.
-       * @param {number} [spacing=25] The horizontal and vertical spacing between the grid points.
-       * @constructor
+       * @param [spacing=25] The horizontal and vertical spacing between the grid points.
        */
       constructor(spacing?:number);
       /**
@@ -11044,8 +11881,8 @@ declare namespace system{
     export interface ICanvasContext extends Object,yfiles.graph.ILookup{
       /**
        * Adds an element to the defs section of the document, if it has not been added yet.
-       * @param {yfiles.view.ISvgDefsCreator} defsSupport The instance that is used to create and update the element and to query if the element is still referenced
-       * @returns {string} The id of the element with which it can be referenced using an url reference.
+       * @param defsSupport The instance that is used to create and update the element and to query if the element is still referenced
+       * @returns The id of the element with which it can be referenced using an url reference.
        * @abstract
        */
       getDefsId(defsSupport:yfiles.view.ISvgDefsCreator):string;
@@ -11080,10 +11917,10 @@ declare namespace system{
        * <p>
        * If the values for zoom or hitTestRadius are not specified, the values will be obtained from the given canvas.
        * </p>
-       * @param {yfiles.view.CanvasComponent} canvas the canvas
-       * @param {number} [zoom=0] the zoom level
-       * @param {number} [hitTestRadius=-1] the hit test radius
-       * @returns {yfiles.view.ICanvasContext} 
+       * @param canvas the canvas
+       * @param [zoom=0] the zoom level
+       * @param [hitTestRadius=-1] the hit test radius
+       * @returns 
        * @static
        */
       createCanvasContext?(canvas:yfiles.view.CanvasComponent,zoom?:number,hitTestRadius?:number):yfiles.view.ICanvasContext;
@@ -11093,10 +11930,10 @@ declare namespace system{
        * If the values for zoom or hitTestRadius are not specified, the values will be obtained from the given canvas.
        * </p>
        * @param {Object} options The parameters to pass.
-       * @param {yfiles.view.CanvasComponent} options.canvas the canvas
-       * @param {number} [options.zoom=0] the zoom level
-       * @param {number} [options.hitTestRadius=-1] the hit test radius
-       * @returns {yfiles.view.ICanvasContext} 
+       * @param options.canvas the canvas
+       * @param [options.zoom=0] the zoom level
+       * @param [options.hitTestRadius=-1] the hit test radius
+       * @returns 
        * @static
        */
       createCanvasContext?(options:{canvas:yfiles.view.CanvasComponent,zoom?:number,hitTestRadius?:number}):yfiles.view.ICanvasContext;
@@ -11128,8 +11965,8 @@ declare namespace system{
        * <p>
        * Observe that this instance will move into the referenced item's group if needed.
        * </p>
-       * @param {yfiles.view.ICanvasObject} reference
-       * @returns {yfiles.view.ICanvasObject} <code>this</code> so that calls can be chained.
+       * @param reference
+       * @returns <code>this</code> so that calls can be chained.
        * @abstract
        */
       above(reference:yfiles.view.ICanvasObject):yfiles.view.ICanvasObject;
@@ -11142,8 +11979,8 @@ declare namespace system{
        * <p>
        * Observe that this instance will move into the referenced item's group if needed.
        * </p>
-       * @param {yfiles.view.ICanvasObject} reference
-       * @returns {yfiles.view.ICanvasObject} <code>this</code> so that calls can be chained.
+       * @param reference
+       * @returns <code>this</code> so that calls can be chained.
        * @abstract
        */
       below(reference:yfiles.view.ICanvasObject):yfiles.view.ICanvasObject;
@@ -11154,7 +11991,7 @@ declare namespace system{
        * As a convenience, this method returns the current instance so that calls can be conveniently chained, e.g.
        * <code>object.Lower().Lower()</code>
        * </p>
-       * @returns {yfiles.view.ICanvasObject} <code>this</code> so that calls can be chained.
+       * @returns <code>this</code> so that calls can be chained.
        * @abstract
        */
       lower():yfiles.view.ICanvasObject;
@@ -11165,7 +12002,7 @@ declare namespace system{
        * As a convenience, this method returns the current instance so that calls can be conveniently chained, e.g.
        * <code>object.Raise().Raise().Raise()</code>
        * </p>
-       * @returns {yfiles.view.ICanvasObject} <code>this</code> so that calls can be chained.
+       * @returns <code>this</code> so that calls can be chained.
        * @abstract
        */
       raise():yfiles.view.ICanvasObject;
@@ -11181,7 +12018,7 @@ declare namespace system{
        * As a convenience, this method returns the current instance so that calls can be conveniently chained, e.g.
        * <code>object.ToBack().Raise().Raise()</code>
        * </p>
-       * @returns {yfiles.view.ICanvasObject} <code>this</code> so that calls can be chained.
+       * @returns <code>this</code> so that calls can be chained.
        * @abstract
        */
       toBack():yfiles.view.ICanvasObject;
@@ -11192,7 +12029,7 @@ declare namespace system{
        * As a convenience, this method returns the current instance so that calls can be conveniently chained, e.g.
        * <code>object.ToFront().Lower()</code>
        * </p>
-       * @returns {yfiles.view.ICanvasObject} <code>this</code> so that calls can be chained.
+       * @returns <code>this</code> so that calls can be chained.
        * @abstract
        */
       toFront():yfiles.view.ICanvasObject;
@@ -11284,8 +12121,8 @@ declare namespace system{
        * design pattern. Implementations of this class can always return the same instance and reconfigure this instance upon
        * each call to this method.
        * </p>
-       * @param {Object} forUserObject the user object to query the bounds for
-       * @returns {yfiles.view.IBoundsProvider} an implementation or <code>null</code> if the bounds are not known, in which case the bounds are treated as infinite
+       * @param forUserObject the user object to query the bounds for
+       * @returns an implementation or <code>null</code> if the bounds are not known, in which case the bounds are treated as infinite
        * @abstract
        */
       getBoundsProvider(forUserObject:Object):yfiles.view.IBoundsProvider;
@@ -11298,8 +12135,8 @@ declare namespace system{
        * design pattern. Implementations of this class can always return the same instance and reconfigure this instance upon
        * each call to this method.
        * </p>
-       * @param {Object} forUserObject the user object to do the hit testing for
-       * @returns {yfiles.input.IHitTestable} an implementation or <code>null</code> if the rendering cannot be hit tested
+       * @param forUserObject the user object to do the hit testing for
+       * @returns an implementation or <code>null</code> if the rendering cannot be hit tested
        * @abstract
        */
       getHitTestable(forUserObject:Object):yfiles.input.IHitTestable;
@@ -11312,8 +12149,8 @@ declare namespace system{
        * design pattern. Implementations of this class can always return the same instance and reconfigure this instance upon
        * each call to this method.
        * </p>
-       * @param {Object} forUserObject the user object to query the bounds for
-       * @returns {yfiles.view.IVisibilityTestable} an implementation or <code>null</code> if the bounds are not known, in which case the bounds are treated as infinite
+       * @param forUserObject the user object to query the bounds for
+       * @returns an implementation or <code>null</code> if the bounds are not known, in which case the bounds are treated as infinite
        * @abstract
        */
       getVisibilityTestable(forUserObject:Object):yfiles.view.IVisibilityTestable;
@@ -11326,16 +12163,16 @@ declare namespace system{
        * design pattern. Implementations of this class can always return the same instance and reconfigure this instance upon
        * each call to this method.
        * </p>
-       * @param {Object} forUserObject the user object to create a Visual for
-       * @returns {yfiles.view.IVisualCreator} an implementation or <code>null</code> if nothing shall be rendered
+       * @param forUserObject the user object to create a Visual for
+       * @returns an implementation or <code>null</code> if nothing shall be rendered
        * @abstract
        */
       getVisualCreator(forUserObject:Object):yfiles.view.IVisualCreator;
       /**
        * Determines whether the given canvas object is deemed dirty and needs updating.
-       * @param {yfiles.view.ICanvasContext} context The context that will be used for the update.
-       * @param {yfiles.view.ICanvasObject} canvasObject The object to check.
-       * @returns {boolean} Whether an update is needed.
+       * @param context The context that will be used for the update.
+       * @param canvasObject The object to check.
+       * @returns Whether an update is needed.
        * @abstract
        */
       isDirty(context:yfiles.view.ICanvasContext,canvasObject:yfiles.view.ICanvasObject):boolean;
@@ -11349,9 +12186,16 @@ declare namespace system{
        */
       VOID?:yfiles.view.ICanvasObjectDescriptor;
       /**
-       * An implementation that tries to cast the user object to the required interface.
+       * An implementation that treats {@link yfiles.view.ICanvasObject#userObject} as an instance of {@link yfiles.view.IVisualCreator} and considers the {@link yfiles.view.ICanvasObject#dirty} flag.
        * <p>
-       * This implementation will respect the {@link yfiles.view.ICanvasObject#dirty} flag.
+       * This descriptor tries to cast the {@link yfiles.view.ICanvasObject#userObject} to {@link yfiles.view.IVisualCreator} and use this instance to handle the visual
+       * representation of the {@link yfiles.view.ICanvasObject}.
+       * </p>
+       * <p>
+       * If the {@link yfiles.view.ICanvasObject#userObject} does not implement {@link yfiles.view.IVisualCreator} nothing will be displayed.
+       * </p>
+       * <p>
+       * This descriptor will respect the {@link yfiles.view.ICanvasObject#dirty} flag.
        * </p>
        * @const
        * @static
@@ -11359,9 +12203,16 @@ declare namespace system{
        */
       DYNAMIC_DIRTY_INSTANCE?:yfiles.view.ICanvasObjectDescriptor;
       /**
-       * An implementation that tries to cast the user object to the required interface.
+       * A descriptor that treats {@link yfiles.view.ICanvasObject#userObject} as an instance of {@link yfiles.view.IVisualCreator} and ignores the {@link yfiles.view.ICanvasObject#dirty} flag.
        * <p>
-       * This implementation will treat always {@link yfiles.view.IVisualCreator#updateVisual update the Visual} and will effectively ignore the {@link yfiles.view.ICanvasObject#dirty} flag.
+       * This descriptor tries to cast the {@link yfiles.view.ICanvasObject#userObject} to {@link yfiles.view.IVisualCreator} and use this instance to handle the visual
+       * representation of the {@link yfiles.view.ICanvasObject}.
+       * </p>
+       * <p>
+       * If the {@link yfiles.view.ICanvasObject#userObject} does not implement {@link yfiles.view.IVisualCreator} nothing will be displayed.
+       * </p>
+       * <p>
+       * This descriptor will always {@link yfiles.view.IVisualCreator#updateVisual update the visual} and thus ignore the {@link yfiles.view.ICanvasObject#dirty} flag.
        * </p>
        * @const
        * @static
@@ -11369,9 +12220,17 @@ declare namespace system{
        */
       ALWAYS_DIRTY_INSTANCE?:yfiles.view.ICanvasObjectDescriptor;
       /**
-       * An implementation that tries to lookup the instance from the user object if it is an {@link yfiles.graph.ILookup}.
+       * A descriptor that treats {@link yfiles.view.ICanvasObject#userObject} as an instance of {@link yfiles.graph.ILookup} to obtain suitable interface implementations and
+       * considers the {@link yfiles.view.ICanvasObject#dirty} flag.
        * <p>
-       * This implementation will respect the {@link yfiles.view.ICanvasObject#dirty} flag.
+       * This descriptor tries to cast the {@link yfiles.view.ICanvasObject#userObject} to {@link yfiles.graph.ILookup} and obtain the appropriate interface implementations for its
+       * methods from it.
+       * </p>
+       * <p>
+       * If the {@link yfiles.view.ICanvasObject#userObject} does not implement {@link yfiles.graph.ILookup} nothing will be displayed.
+       * </p>
+       * <p>
+       * This descriptor will respect the {@link yfiles.view.ICanvasObject#dirty} flag.
        * </p>
        * @const
        * @static
@@ -11379,9 +12238,17 @@ declare namespace system{
        */
       DYNAMIC_DIRTY_LOOKUP?:yfiles.view.ICanvasObjectDescriptor;
       /**
-       * An implementation that tries to lookup the instance from the user object if it is an {@link yfiles.graph.ILookup}.
+       * A descriptor that treats {@link yfiles.view.ICanvasObject#userObject} as an instance of {@link yfiles.graph.ILookup} to obtain suitable interface implementations and
+       * ignores the {@link yfiles.view.ICanvasObject#dirty} flag.
        * <p>
-       * This implementation will treat always {@link yfiles.view.IVisualCreator#updateVisual update the Visual} and will effectively ignore the {@link yfiles.view.ICanvasObject#dirty} flag.
+       * This descriptor tries to cast the {@link yfiles.view.ICanvasObject#userObject} to {@link yfiles.graph.ILookup} and obtain the appropriate interface implementations for its
+       * methods from it.
+       * </p>
+       * <p>
+       * If the {@link yfiles.view.ICanvasObject#userObject} does not implement {@link yfiles.graph.ILookup} nothing will be displayed.
+       * </p>
+       * <p>
+       * This descriptor will always {@link yfiles.view.IVisualCreator#updateVisual update the Visual} and thus ignore the {@link yfiles.view.ICanvasObject#dirty} flag.
        * </p>
        * @const
        * @static
@@ -11389,8 +12256,13 @@ declare namespace system{
        */
       ALWAYS_DIRTY_LOOKUP?:yfiles.view.ICanvasObjectDescriptor;
       /**
-       * An implementation that will cast the {@link yfiles.view.ICanvasObject#userObject} to {@link yfiles.view.ICanvasObjectDescriptor#VISUAL} and use that to insert into the
-       * scene graph.
+       * A descriptor that treats {@link yfiles.view.ICanvasObject#userObject} as Visual to use directly.
+       * <p>
+       * If the {@link yfiles.view.ICanvasObject#userObject} is not a Visual nothing will be displayed.
+       * </p>
+       * <p>
+       * This descriptor ignores the {@link yfiles.view.ICanvasObject#dirty} flag.
+       * </p>
        * @const
        * @static
        * @type {yfiles.view.ICanvasObjectDescriptor}
@@ -11418,10 +12290,10 @@ declare namespace system{
        * The descriptor will be queried for the various rendering related implementations for the given <code>userObject</code> at rendering
        * time.
        * </p>
-       * @param {Object} userObject The user object to associate with this child element. This object will be passed to the <code>descriptor</code>'s methods.
-       * @param {yfiles.view.ICanvasObjectDescriptor} descriptor An implementation of the {@link yfiles.view.ICanvasObjectDescriptor} interface that will be passed the <code>userObject</code> to provide the
+       * @param userObject The user object to associate with this child element. This object will be passed to the <code>descriptor</code>'s methods.
+       * @param descriptor An implementation of the {@link } interface that will be passed the <code>userObject</code> to provide the
        * various implementations that are used during rendering.
-       * @returns {yfiles.view.ICanvasObject} A handle that can be used to control the rendering order and to later {@link yfiles.view.ICanvasObject#remove remove} the element from the scene graph, again.
+       * @returns A handle that can be used to control the rendering order and to later {@link #remove remove} the element from the scene graph, again.
        * @see yfiles.view.ICanvasObjectDescriptor
        * @see yfiles.view.ICanvasObjectDescriptor#DYNAMIC_DIRTY_INSTANCE
        * @abstract
@@ -11433,7 +12305,7 @@ declare namespace system{
        * This can be used to build groups of {@link yfiles.view.ICanvasObject} instances that can be moved within the scene graph or
        * whose {@link yfiles.view.ICanvasObject#visible visibility} can be controlled easily. The group will have a <code>null</code> {@link yfiles.view.ICanvasObject#userObject}.
        * </p>
-       * @returns {yfiles.view.ICanvasObjectGroup} A handle to the newly created group that can be used to control the rendering order and to later {@link yfiles.view.ICanvasObject#remove remove} the group from
+       * @returns A handle to the newly created group that can be used to control the rendering order and to later {@link #remove remove} the group from
        * the scene graph, again.
        * @abstract
        */
@@ -11465,524 +12337,6 @@ declare namespace system{
       $class:yfiles.lang.Class;
       isInstance(o:Object):boolean;
     };
-    /**
-     * A container that can hold a number of {@link yfiles.view.SvgVisual}s.
-     * <p>
-     * Use this class in a {@link yfiles.view.IVisualCreator} implementation to group several {@link yfiles.view.SvgVisual}s.
-     * </p>
-     * <p>
-     * The class cannot be used to group {@link yfiles.view.HtmlCanvasVisual}s.
-     * </p>
-     * @class yfiles.view.SvgVisualGroup
-     * @extends {yfiles.view.SvgVisual}
-     */
-    export interface SvgVisualGroup extends yfiles.view.SvgVisual{}
-    export class SvgVisualGroup {
-      /**
-       * Initializes a new instance of the {@link yfiles.view.SvgVisualGroup} class.
-       * @constructor
-       */
-      constructor();
-      /**
-       * Adds another {@link yfiles.view.SvgVisual} to the children collection of this instance.
-       * @param {yfiles.view.SvgVisual} child The child to add.
-       */
-      add(child:yfiles.view.SvgVisual):void;
-      /**
-       * Removes a previously added {@link yfiles.view.SvgVisual} from the children collection of this instance.
-       * @param {yfiles.view.SvgVisual} child The child to remove.
-       */
-      remove(child:yfiles.view.SvgVisual):void;
-      /**
-       * Gets or sets a transform that is applied to the children of the container.
-       * @type {yfiles.geometry.Matrix}
-       */
-      transform:yfiles.geometry.Matrix;
-      /**
-       * Provides read and write access to the list of children.
-       * @type {yfiles.collections.IList.<yfiles.view.SvgVisual>}
-       */
-      children:yfiles.collections.IList<yfiles.view.SvgVisual>;
-      static $class:yfiles.lang.Class;
-    }
-    /**
-     * Helper class used by {@link yfiles.view.CanvasComponent} to limit the interactive movement of the viewport.
-     * <p>
-     * The {@link yfiles.view.CanvasComponent#viewportLimiter} instance should be consulted whenever the user tries to change the viewport. Using method {@link yfiles.view.ViewportLimiter#limitViewport}
-     * the desired viewport can be validated by the implementation. Note that setting the {@link yfiles.view.CanvasComponent#zoom} property or {@link yfiles.view.CanvasComponent#viewPoint} property will not be
-     * influenced by implementations of this class. It is up to the caller to perform verification.
-     * </p>
-     * @see yfiles.view.ViewportLimiter#bounds
-     * @class yfiles.view.ViewportLimiter
-     */
-    export interface ViewportLimiter extends Object{}
-    export class ViewportLimiter {
-      /**
-       * Initializes a new instance of the {@link yfiles.view.ViewportLimiter} class.
-       * @constructor
-       */
-      constructor();
-      /**
-       * Gets the to bounds that should be honored for the upcoming call.
-       * <p>
-       * This method is used as callback by {@link yfiles.view.ViewportLimiter#limitViewport} for each request. The default
-       * implementation just yields {@link yfiles.view.ViewportLimiter#bounds}.
-       * </p>
-       * @param {yfiles.view.CanvasComponent} canvas The canvas control.
-       * @param {yfiles.geometry.Rect} suggestedViewport The suggested viewport.
-       * @returns {yfiles.geometry.Rect} The bounds to honor or <code>null</code>.
-       * @protected
-       */
-      getCurrentBounds(canvas:yfiles.view.CanvasComponent,suggestedViewport:yfiles.geometry.Rect):yfiles.geometry.Rect;
-      /**
-       * Inspects the desired or suggested new viewport for the given control and returns a valid viewport to use.
-       * @param {yfiles.view.CanvasComponent} canvas The canvas control on which the viewport should be applied.
-       * @param {yfiles.geometry.Rect} suggestedViewport The suggested viewport.
-       * @returns {yfiles.geometry.Rect} The viewport that should be used.
-       */
-      limitViewport(canvas:yfiles.view.CanvasComponent,suggestedViewport:yfiles.geometry.Rect):yfiles.geometry.Rect;
-      /**
-       * Gets or sets a value indicating whether both dimensions of {@link yfiles.view.ViewportLimiter#bounds} need to be honored.
-       * @default true
-       * @type {boolean}
-       */
-      honorBothDimensions:boolean;
-      /**
-       * Gets or sets the maximal allowed navigable bounds for the viewport.
-       * @type {yfiles.geometry.Rect}
-       */
-      bounds:yfiles.geometry.Rect;
-      static $class:yfiles.lang.Class;
-    }
-    /**
-     * Runs {@link yfiles.view.IAnimation animations} in a {@link yfiles.view.CanvasComponent}.
-     * <p>
-     * For running {@link yfiles.view.IAnimation} instances the method {@link yfiles.view.Animator#animate} can be used. For simpler cases of
-     * custom animations there are also overloads that take an animation callback.
-     * </p>
-     * @see yfiles.view.IAnimation
-     * @class yfiles.view.Animator
-     */
-    export interface Animator extends Object{}
-    export class Animator {
-      /**
-       * Initializes a new instance of the {@link yfiles.view.Animator} class for the given {@link yfiles.view.CanvasComponent}.
-       * <p>
-       * Using this constructor this instance will query an instance of {@link yfiles.input.WaitInputMode} from the {@link yfiles.view.CanvasComponent#lookup canvas's context} to
-       * automatically set the {@link yfiles.input.WaitInputMode#waiting} property during animations if {@link yfiles.view.Animator#allowUserInteraction} is set to <code>false</code>. The animation is not started until {@link yfiles.view.Animator#animate}
-       * or {@link yfiles.view.Animator#animate} is called.
-       * </p>
-       * @param {yfiles.view.CanvasComponent} canvas The canvas control.
-       * @constructor
-       */
-      constructor(canvas:yfiles.view.CanvasComponent);
-      /**
-       * Initializes a new instance of the {@link yfiles.view.Animator} class for the given {@link yfiles.view.CanvasComponent}.
-       * <p>
-       * Using this constructor this instance will query an instance of {@link yfiles.input.WaitInputMode} from the {@link yfiles.view.CanvasComponent#lookup canvas's context} to
-       * automatically set the {@link yfiles.input.WaitInputMode#waiting} property during animations if {@link yfiles.view.Animator#allowUserInteraction} is set to <code>false</code>. The animation is not started until {@link yfiles.view.Animator#animate}
-       * or {@link yfiles.view.Animator#animate} is called.
-       * </p>
-       * @param {Object} options The parameters to pass.
-       * @param {yfiles.view.CanvasComponent} options.canvas The canvas control.
-       * @param {boolean} options.allowUserInteraction Determines whether user interaction should be allowed during the animation.
-       * <p>
-       * This option sets the {@link yfiles.view.Animator#allowUserInteraction} property on the created object.
-       * </p>
-       * @param {boolean} options.autoInvalidation A value indicating whether to automatically {@link yfiles.view.Animator#invalidateComponent invalidate the control} this instance has been created for.
-       * <p>
-       * This option sets the {@link yfiles.view.Animator#autoInvalidation} property on the created object.
-       * </p>
-       * @constructor
-       */
-      constructor(options:{canvas:yfiles.view.CanvasComponent,allowUserInteraction?:boolean,autoInvalidation?:boolean});
-      /**
-       * Animates the given animation instance and triggers the callback upon completion.
-       * @param {yfiles.view.IAnimation} animation The animation to perform.
-       * @returns {Promise.<yfiles.view.IAnimation>} 
-       */
-      animate(animation:yfiles.view.IAnimation):Promise<yfiles.view.IAnimation>;
-      /**
-       * Starts animating the given animation for the specified duration.
-       * @param {function(number): void} callback The callback to use for the animation.
-       * @param {yfiles.lang.TimeSpan} duration The duration in milliseconds that the animation should last.
-       * @returns {Promise.<yfiles.view.IAnimation>} 
-       */
-      animate(callback:(time:number)=>void,duration:yfiles.lang.TimeSpan):Promise<yfiles.view.IAnimation>;
-      /**
-       * Stops all running animations.
-       */
-      destroy():void;
-      /**
-       * Invalidates the control if {@link yfiles.view.Animator#autoInvalidation} is set to <code>true</code>.
-       * <p>
-       * This implementation calls {@link yfiles.view.CanvasComponent#updateVisual }.
-       * </p>
-       * @param {yfiles.view.CanvasComponent} canvas The control.
-       * @protected
-       */
-      invalidateComponent(canvas:yfiles.view.CanvasComponent):void;
-      /**
-       * Determines whether user interaction should be allowed during the animation.
-       * <p>
-       * If <code>false</code>, the {@link yfiles.input.WaitInputMode} is queried from the {@link yfiles.view.CanvasComponent} and {@link yfiles.input.WaitInputMode#waiting} is enabled during the
-       * animation. The default is <code>false</code>.
-       * </p>
-       * @type {boolean}
-       */
-      allowUserInteraction:boolean;
-      /**
-       * The control the animations are run on.
-       * @type {yfiles.view.CanvasComponent}
-       */
-      canvasComponent:yfiles.view.CanvasComponent;
-      /**
-       * Gets or sets a value indicating whether to automatically {@link yfiles.view.Animator#invalidateComponent invalidate the control} this instance has been created for.
-       * <p>
-       * The default is true.
-       * </p>
-       * @type {boolean}
-       */
-      autoInvalidation:boolean;
-      static $class:yfiles.lang.Class;
-    }
-    /**
-     * An interface for animations that can be run by {@link yfiles.view.Animator}.
-     * <p>
-     * Instances of classes implementing this interface change their state according to a relative animation time. The
-     * animation time is a double between 0 for the start of the animation and 1 for the end of the animation.
-     * </p>
-     * <ul>
-     * <li>An animated object is first created using the constructor of a subclass.</li>
-     * <li>Immediately before the animation a client calls {@link yfiles.view.IAnimation#initialize}.</li>
-     * <li>
-     * To change the state of the animated object a client does a series of calls to
-     * {@link yfiles.view.IAnimation#animate}, usually with an increasing relative time parameter.
-     * </li>
-     * <li>If the animation is done, the client calls {@link yfiles.view.IAnimation#cleanup} once.</li>
-     * <li>
-     * While {@link yfiles.view.IAnimation#animate} uses a relative time scheme, there might be an absolute time value for the
-     * preferred duration of the whole sequence of animation steps. Since an IAnimation instance has no control on the number
-     * of {@link yfiles.view.IAnimation#animate} calls or the intervals between them, the preferred duration is only a hint on how long
-     * the animation should take. Clients can ask for that hint using {@link yfiles.view.IAnimation#preferredDuration} and try to find a suitable sequence of {@link yfiles.view.IAnimation#animate}
-     * calls in order to fulfill the preference.
-     * </li>
-     * </ul>
-     * @interface
-     */
-    export interface IAnimation extends Object{
-      /**
-       * Does the animation according to the relative animation time.
-       * <p>
-       * The animation starts with the time 0 and ends with time 1.
-       * </p>
-       * @param {number} time the animation time [0,1]
-       * @abstract
-       */
-      animate(time:number):void;
-      /**
-       * Cleans up after an animation has finished.
-       * @abstract
-       */
-      cleanup():void;
-      /**
-       * Creates an eased animation for the given base animation.
-       * <p>
-       * The animation speed linearly increases upto a <code>easeIn</code> and linearly decreases from
-       * <code>easeOut</code>. Between those two points, the animation speed is constant.
-       * </p>
-       * <p>
-       * The duration of the ease in and ease out is determined by a mapping [0,1] → [0,1]. The mapping has to be increasing to
-       * preserve the order of the frames in the decorated animation. In general, we consider continuously differentiable
-       * functions <i>f</i> where integral of <i>f</i>′ equals 1 a suitable choice for the mapping.
-       * </p>
-       * @param {number} [easeIn=0.5] The ratio for the ease-in time [0,1] where 0 is the start of the animation and 1 the end. <code>0.5</code> is the default value.
-       * @param {number} [easeOut=0.5] The ratio for the ease-out time [0,1] where 0 is the start of the animation and 1 the end. <code>0.5</code> is the default value.
-       * @returns {yfiles.view.IAnimation} 
-       */
-      createEasedAnimation?(easeIn?:number,easeOut?:number):yfiles.view.IAnimation;
-      /**
-       * Creates an eased animation for the given base animation.
-       * <p>
-       * The animation speed linearly increases upto a <code>easeIn</code> and linearly decreases from
-       * <code>easeOut</code>. Between those two points, the animation speed is constant.
-       * </p>
-       * <p>
-       * The duration of the ease in and ease out is determined by a mapping [0,1] → [0,1]. The mapping has to be increasing to
-       * preserve the order of the frames in the decorated animation. In general, we consider continuously differentiable
-       * functions <i>f</i> where integral of <i>f</i>′ equals 1 a suitable choice for the mapping.
-       * </p>
-       * @param {Object} options The parameters to pass.
-       * @param {number} [options.easeIn=0.5] The ratio for the ease-in time [0,1] where 0 is the start of the animation and 1 the end. <code>0.5</code> is the default value.
-       * @param {number} [options.easeOut=0.5] The ratio for the ease-out time [0,1] where 0 is the start of the animation and 1 the end. <code>0.5</code> is the default value.
-       * @returns {yfiles.view.IAnimation} 
-       */
-      createEasedAnimation?(options:{easeIn?:number,easeOut?:number}):yfiles.view.IAnimation;
-      /**
-       * Initializes the animation.
-       * <p>
-       * Call this method once before subsequent calls to {@link yfiles.view.IAnimation#animate}.
-       * </p>
-       * @abstract
-       */
-      initialize():void;
-      /**
-       * Gets the preferred duration of the animation.
-       * @abstract
-       * @type {yfiles.lang.TimeSpan}
-       */
-      preferredDuration:yfiles.lang.TimeSpan;
-    }
-    var IAnimation:{
-      /**
-       * Creates a new {@link yfiles.view.IAnimation} that animates the given <code>edge</code>'s bends from its current shape linearly to the shape
-       * given by the <code>endBends</code> and final port locations.
-       * <p>
-       * The bends of the edge layout are animated from their current location to their target locations. It is assumed that the
-       * edge style is a polyline style and the control points are the bends accordingly. The animation works for other styles
-       * too, but the effect might not be as expected. The number of bends in <code>endBends</code> can be different to the current number of
-       * bends. This will result in the animation automatically removing bends at the end of the animation or inserting new bends
-       * accordingly at the beginning of the animation.
-       * </p>
-       * <p>
-       * The source and target points are also animated to new locations. However, the ports will not be moved by this animation.
-       * Instead a separate {@link yfiles.view.IAnimation#createPortAnimation animation for the ports} is needed to actually move
-       * {@link yfiles.graph.IPort}s at the ends of the edge if desired.
-       * </p>
-       * @param {yfiles.graph.IGraph} graph The graph the animated edge belongs to.
-       * @param {yfiles.graph.IEdge} edge The edge layout to animate.
-       * @param {Array.<yfiles.geometry.IPoint>} endBends The bend positions after the animation.
-       * @param {yfiles.geometry.Point} endSourceLocation The absolute position of the source port after the animation.
-       * @param {yfiles.geometry.Point} endTargetLocation The absolute position of the target port after the animation.
-       * @param {yfiles.lang.TimeSpan} preferredDuration The preferred duration of the animation in milliseconds.
-       * @returns {yfiles.view.IAnimation} 
-       * @static
-       */
-      createEdgeSegmentAnimation?(graph:yfiles.graph.IGraph,edge:yfiles.graph.IEdge,endBends:yfiles.geometry.IPoint[],endSourceLocation:yfiles.geometry.Point,endTargetLocation:yfiles.geometry.Point,preferredDuration:yfiles.lang.TimeSpan):yfiles.view.IAnimation;
-      /**
-       * Creates a new {@link yfiles.view.IAnimation} that animates the given layout of all types of graph items.
-       * @param {yfiles.graph.IGraph} graph The graph for which the layout should be animated.
-       * @param {yfiles.collections.IMapper.<yfiles.graph.INode,yfiles.geometry.IRectangle>} targetNodeLayouts The node layouts after the animation.
-       * @param {yfiles.collections.IMapper.<yfiles.graph.IEdge,Array.<yfiles.geometry.IPoint>>} targetBendLocations The bend locations after the animation, for each edge the points are interpreted as the position of the bends along the
-       * edge in the given order.
-       * @param {yfiles.collections.IMapper.<yfiles.graph.ILabel,yfiles.graph.ILabelModelParameter>} targetLayoutParameters The label model parameters for each label after the animation.
-       * @param {yfiles.collections.IMapper.<yfiles.graph.IPort,yfiles.graph.IPortLocationModelParameter>} targetPortLocations The {@link yfiles.graph.IPortLocationModelParameter}s for each {@link yfiles.graph.IPort} in the graph that will be morphed.
-       * @param {yfiles.lang.TimeSpan} preferredDuration The preferred duration of the animation in milliseconds.
-       * @returns {yfiles.view.IAnimation} 
-       * @static
-       */
-      createGraphAnimation?(graph:yfiles.graph.IGraph,targetNodeLayouts:yfiles.collections.IMapper<yfiles.graph.INode,yfiles.geometry.IRectangle>,targetBendLocations:yfiles.collections.IMapper<yfiles.graph.IEdge,yfiles.geometry.IPoint[]>,targetPortLocations:yfiles.collections.IMapper<yfiles.graph.IPort,yfiles.graph.IPortLocationModelParameter>,targetLayoutParameters:yfiles.collections.IMapper<yfiles.graph.ILabel,yfiles.graph.ILabelModelParameter>,preferredDuration:yfiles.lang.TimeSpan):yfiles.view.IAnimation;
-      /**
-       * Creates a new {@link yfiles.view.IAnimation} that animates the given <code>label</code> from its current layout linearly to the layout given
-       * by the <code>targetLayoutParameter</code>.
-       * <p>
-       * This animation will as a side effect assign the <code>targetLayoutParameter</code> to the label at the {@link Root.UI#cleanup end of the animation}.
-       * </p>
-       * @param {yfiles.graph.IGraph} graph The graph that contains the labels.
-       * @param {yfiles.graph.ILabel} label The label to animate the parameter of.
-       * @param {yfiles.graph.ILabelModelParameter} targetLayoutParameter The target parameter of the label.
-       * @param {yfiles.lang.TimeSpan} preferredDuration The preferred duration of the animation.
-       * @returns {yfiles.view.IAnimation} A new instance of {@link yfiles.view.IAnimation}.
-       * @static
-       */
-      createLabelAnimation?(graph:yfiles.graph.IGraph,label:yfiles.graph.ILabel,targetLayoutParameter:yfiles.graph.ILabelModelParameter,preferredDuration:yfiles.lang.TimeSpan):yfiles.view.IAnimation;
-      /**
-       * Creates a new {@link yfiles.view.IAnimation} instance that animates the current graph to the layout given by a {@link yfiles.layout.CopiedLayoutGraph}
-       * instance.
-       * <p>
-       * The returned instance is suitable for morphing an {@link yfiles.graph.IGraph} to a layout computed by one of the layout
-       * algorithms.
-       * </p>
-       * <p>
-       * While it is usually recommended to use {@link yfiles.layout.LayoutExecutor} to handle layout calculation and subsequent
-       * animation, the {@link yfiles.view.IAnimation} produced by this method can be used manually, as well:
-       * </p>
-       * @param {yfiles.graph.IGraph} graph the graph for which the layout should be animated
-       * @param {yfiles.layout.CopiedLayoutGraph} layoutGraph the {@link yfiles.layout.CopiedLayoutGraph} that contains all target layout information
-       * @param {yfiles.lang.TimeSpan} preferredDuration the preferred duration of the animation
-       * @returns {yfiles.view.IAnimation} 
-       * @static
-       */
-      createLayoutAnimation?(graph:yfiles.graph.IGraph,layoutGraph:yfiles.layout.CopiedLayoutGraph,preferredDuration:yfiles.lang.TimeSpan):yfiles.view.IAnimation;
-      /**
-       * Creates a new {@link yfiles.view.IAnimation} that animates the given <code>node</code> from its current layout to the new given
-       * <code>targetLayout</code>.
-       * @param {yfiles.graph.IGraph} graph The graph the animated node belongs to.
-       * @param {yfiles.graph.INode} node The node whose {@link yfiles.graph.INode#layout} to animate.
-       * @param {yfiles.geometry.IRectangle} targetLayout The expected node layout after the animation.
-       * @param {yfiles.lang.TimeSpan} preferredDuration The preferred duration of the animation.
-       * @returns {yfiles.view.IAnimation} A new instance of {@link yfiles.view.IAnimation}.
-       * @static
-       */
-      createNodeAnimation?(graph:yfiles.graph.IGraph,node:yfiles.graph.INode,targetLayout:yfiles.geometry.IRectangle,preferredDuration:yfiles.lang.TimeSpan):yfiles.view.IAnimation;
-      /**
-       * Creates an {@link yfiles.view.IAnimation} according to the composite design pattern that animates multiple animations in
-       * parallel.
-       * <p>
-       * The animations can be synchronized to the longest running animation.
-       * </p>
-       * @param {yfiles.collections.IEnumerable.<yfiles.view.IAnimation>} animations The animations to run in parallel.
-       * @param {boolean} [synchronized=true] Whether all child animations should be adjusted to have the same (maximum) {@link yfiles.view.IAnimation#preferredDuration}. By default this is enabled.
-       * @returns {yfiles.view.IAnimation} A new instance that is the composite of the given animations.
-       * @static
-       */
-      createParallelAnimation?(animations:yfiles.collections.IEnumerable<yfiles.view.IAnimation>,synchronized?:boolean):yfiles.view.IAnimation;
-      /**
-       * Creates a new instance of an {@link yfiles.view.IAnimation} that animates the given {@link yfiles.geometry.IMutablePoint} along a path.
-       * @param {yfiles.geometry.GeneralPath} path The path to animate the point along.
-       * @param {yfiles.geometry.IMutablePoint} animationPoint The mutable point instance that will be manipulated by the animation.
-       * @param {yfiles.lang.TimeSpan} preferredDuration The preferred duration of the animation.
-       * @returns {yfiles.view.IAnimation} 
-       * @static
-       */
-      createPathAnimation?(path:yfiles.geometry.GeneralPath,animationPoint:yfiles.geometry.IMutablePoint,preferredDuration:yfiles.lang.TimeSpan):yfiles.view.IAnimation;
-      /**
-       * Creates a new {@link yfiles.view.IAnimation} that animates the given <code>port</code> from its current location to the new location given by
-       * the <code>targetLocationParameter</code>.
-       * <p>
-       * This animation will as a side effect assign the <code>targetLocationParameter</code> to the port at the {@link Root.UI#cleanup end of the animation}.
-       * </p>
-       * @param {yfiles.graph.IGraph} graph The graph that contains the port.
-       * @param {yfiles.graph.IPort} port The port to animate.
-       * @param {yfiles.graph.IPortLocationModelParameter} targetLocationParameter The parameter to linearly interpolate to.
-       * @param {yfiles.lang.TimeSpan} preferredDuration The {@link Root.UI#preferredDuration preferred duration} of this animation.
-       * @returns {yfiles.view.IAnimation} A new instance of {@link yfiles.view.IAnimation}.
-       * @static
-       */
-      createPortAnimation?(graph:yfiles.graph.IGraph,port:yfiles.graph.IPort,targetLocationParameter:yfiles.graph.IPortLocationModelParameter,preferredDuration:yfiles.lang.TimeSpan):yfiles.view.IAnimation;
-      /**
-       * Creates a new {@link yfiles.view.IAnimation} for the given table that animates the table and its {@link yfiles.graph.IStripe stripes}.
-       * <p>
-       * Note that only the sizes of
-       * <b>leaf stripes</b>, i.e. those without child stripes, are considered. The sizes of a stripe with children is implicitly determined by its
-       * contents.
-       * </p>
-       * <p>
-       * For more control of the animation, implement a custom {@link yfiles.view.TableAnimation} and override method
-       * {@link yfiles.view.TableAnimation#createStripeAnimation}.
-       * </p>
-       * @param {yfiles.graph.ITable} table The table to animate.
-       * @param {Array.<number>} columnLayout The sizes of the <b>leaf</b> columns, in natural order.
-       * @param {Array.<number>} rowLayout The sizes of the <b>leaf</b> rows, in natural order.
-       * @returns {yfiles.view.IAnimation} 
-       * @static
-       */
-      createTableAnimation?(table:yfiles.graph.ITable,columnLayout:number[],rowLayout:number[]):yfiles.view.IAnimation;
-      $class:yfiles.lang.Class;
-      isInstance(o:Object):boolean;
-    };
-    /**
-     * Animates changing the viewport bounds and the zoom factor for a {@link yfiles.view.CanvasComponent}.
-     * @class yfiles.view.ViewportAnimation
-     * @implements {yfiles.view.IAnimation}
-     */
-    export interface ViewportAnimation extends Object,yfiles.view.IAnimation{}
-    export class ViewportAnimation {
-      /**
-       * Creates a new instance of {@link yfiles.view.ViewportAnimation}.
-       * @param {yfiles.view.CanvasComponent} canvas The canvas control.
-       * @param {yfiles.geometry.Rect} targetBounds The target world bounds for the animation.
-       * @param {yfiles.lang.TimeSpan} [preferredDuration=null] The preferred duration. 1 second if omitted.
-       * @constructor
-       */
-      constructor(canvas:yfiles.view.CanvasComponent,targetBounds:yfiles.geometry.Rect,preferredDuration?:yfiles.lang.TimeSpan);
-      /**
-       * Creates a new instance of {@link yfiles.view.ViewportAnimation}.
-       * @param {Object} options The parameters to pass.
-       * @param {yfiles.view.CanvasComponent} options.canvas The canvas control.
-       * @param {yfiles.geometry.Rect} options.targetBounds The target world bounds for the animation.
-       * @param {yfiles.lang.TimeSpan} [options.preferredDuration=null] The preferred duration. 1 second if omitted.
-       * @param {boolean} options.considerViewportLimiter Whether to respect the {@link yfiles.view.CanvasComponent#viewportLimiter} of the {@link yfiles.view.CanvasComponent} whose {@link yfiles.view.CanvasComponent#viewport} is animated.
-       * <p>
-       * This option sets the {@link yfiles.view.ViewportAnimation#considerViewportLimiter} property on the created object.
-       * </p>
-       * @param {number} options.maximumTargetZoom The maximum zoom level to use after the animation.
-       * <p>
-       * This option sets the {@link yfiles.view.ViewportAnimation#maximumTargetZoom} property on the created object.
-       * </p>
-       * @constructor
-       */
-      constructor(options:{canvas:yfiles.view.CanvasComponent,targetBounds:yfiles.geometry.Rect,preferredDuration?:yfiles.lang.TimeSpan,considerViewportLimiter?:boolean,maximumTargetZoom?:number});
-      /**
-       * 
-       * @param {number} time
-       */
-      animate(time:number):void;
-      /**
-       * Effectively applies the center point value.
-       * @param {yfiles.geometry.Point} focus
-       * @protected
-       */
-      applyCenterPoint(focus:yfiles.geometry.Point):void;
-      /**
-       * Effectively applies the view point value.
-       * @param {yfiles.geometry.Point} focus
-       * @protected
-       */
-      applyViewPoint(focus:yfiles.geometry.Point):void;
-      /**
-       * Effectively applies the zoom value.
-       * @param {number} value
-       * @protected
-       */
-      applyZoom(value:number):void;
-      /**
-       * Cancels this viewport animation so that subsequent calls to {@link yfiles.view.ViewportAnimation#animate} or {@link yfiles.view.ViewportAnimation#cleanup}
-       * won't affect the viewport anymore.
-       */
-      cancel():void;
-      /**
-       * Cleans up after the animation.
-       */
-      cleanup():void;
-      /**
-       * Initializes this animation.
-       * <p>
-       * This has to be called once before any calls to {@link yfiles.view.ViewportAnimation#animate}. An instance of {@link yfiles.view.ViewportAnimation}
-       * can be reused after an animation by setting new {@link yfiles.view.ViewportAnimation#targetBounds} or a new {@link yfiles.view.ViewportAnimation#preferredDuration} and calling Initialize() again.
-       * </p>
-       */
-      initialize():void;
-      /**
-       * Gets or sets the target world bounds.
-       * @type {yfiles.geometry.Rect}
-       */
-      targetBounds:yfiles.geometry.Rect;
-      /**
-       * Whether to respect the {@link yfiles.view.CanvasComponent#viewportLimiter} of the {@link yfiles.view.CanvasComponent} whose {@link yfiles.view.CanvasComponent#viewport} is animated.
-       * <p>
-       * Default is <code>false</code>.
-       * </p>
-       * @type {boolean}
-       */
-      considerViewportLimiter:boolean;
-      /**
-       * Gets or sets the preferred duration of the animation.
-       * @type {yfiles.lang.TimeSpan}
-       */
-      preferredDuration:yfiles.lang.TimeSpan;
-      /**
-       * Gets or sets the maximum zoom level to use after the animation.
-       * <p>
-       * The default is {@link number#POSITIVE_INFINITY}.
-       * </p>
-       * @type {number}
-       */
-      maximumTargetZoom:number;
-      /**
-       * Gets or sets the scroll bar visibility that will be used during the animation.
-       * @default 0
-       * @type {yfiles.view.ScrollBarVisibility}
-       */
-      scrollBarVisibility:yfiles.view.ScrollBarVisibility;
-      /**
-       * Gets or sets the margins in view coordinate dimensions to use at the target zoom level.
-       * @default '0'
-       * @type {yfiles.geometry.Insets}
-       */
-      targetViewMargins:yfiles.geometry.Insets;
-      static $class:yfiles.lang.Class;
-    }
     /**
      * An interface for objects that can install a visual representation of a highlight decoration of an item in the model
      * displayed in a canvas.
@@ -12153,7 +12507,7 @@ declare namespace system{
      * <ul>
      * <li>Demo: Bridges, Demo.yFiles.Graph.Bridges</li>
      * </ul>
-     * @class yfiles.view.BridgeManager
+     * @class
      */
     export interface BridgeManager extends Object{}
     export class BridgeManager {
@@ -12163,7 +12517,6 @@ declare namespace system{
        * Initially the {@link yfiles.view.BridgeManager#defaultBridgeCreator} will be set to an instance that will delegate to the set of <code>Default</code> properties in this class and the {@link yfiles.view.BridgeManager#insertDefaultCustomBridge}
        * method respectively.
        * </p>
-       * @constructor
        */
       constructor();
       /**
@@ -12173,10 +12526,10 @@ declare namespace system{
        * This method may return <code>path</code> itself if no crossings have been determined. Otherwise it will return a new path instance
        * that has the bridges added at the corresponding places.
        * </p>
-       * @param {yfiles.view.IRenderContext} context The context to use.
-       * @param {yfiles.geometry.GeneralPath} path The path to calculate the bridged variant for.
-       * @param {yfiles.view.IBridgeCreator} callback The callback or <code>null</code> that determines the appearance of the bridges.
-       * @returns {yfiles.geometry.GeneralPath} The path that might have been augmented by the bridges.
+       * @param context The context to use.
+       * @param path The path to calculate the bridged variant for.
+       * @param callback The callback or <code>null</code> that determines the appearance of the bridges.
+       * @returns The path that might have been augmented by the bridges.
        */
       addBridges(context:yfiles.view.IRenderContext,path:yfiles.geometry.GeneralPath,callback:yfiles.view.IBridgeCreator):yfiles.geometry.GeneralPath;
       /**
@@ -12184,7 +12537,7 @@ declare namespace system{
        * <p>
        * The {@link yfiles.view.IObstacleProvider#getObstacles} method will be invoked during construction of the obstacles.
        * </p>
-       * @param {yfiles.view.IObstacleProvider} provider The provider instance to use for later queries.
+       * @param provider The provider instance to use for later queries.
        * @see yfiles.view.BridgeManager#registerObstacles
        * @see yfiles.view.BridgeManager#removeObstacleProvider
        */
@@ -12201,8 +12554,8 @@ declare namespace system{
        * This is helpful, e.g. in implementations of {@link yfiles.styles.IEdgeStyle} that support bridges to not recreate the edge path
        * (including bridges) in {@link yfiles.view.IVisualCreator#updateVisual} if no obstacles changed.
        * </p>
-       * @param {yfiles.view.IRenderContext} context The context to inspect.
-       * @returns {number} A hash of the state of the obstacles.
+       * @param context The context to inspect.
+       * @returns A hash of the state of the obstacles.
        */
       getObstacleHash(context:yfiles.view.IRenderContext):number;
       /**
@@ -12211,17 +12564,17 @@ declare namespace system{
        * <p>
        * This implementation will insert a gap style bridge by first creating a {@link yfiles.geometry.GeneralPath#lineTo line} to <code>start</code> and then {@link yfiles.geometry.GeneralPath#moveTo moving} to <code>end</code>.
        * </p>
-       * @param {yfiles.view.IRenderContext} context The context for the call.
-       * @param {yfiles.geometry.GeneralPath} path The path to append the next segment to.
-       * @param {yfiles.geometry.Point} start The coordinates of the starting point of the bridge.
-       * @param {yfiles.geometry.Point} end The coordinates of the ending point of the bridge.
-       * @param {number} gapLength The distance between the starting point and the end point.
+       * @param context The context for the call.
+       * @param path The path to append the next segment to.
+       * @param start The coordinates of the starting point of the bridge.
+       * @param end The coordinates of the ending point of the bridge.
+       * @param gapLength The distance between the starting point and the end point.
        * @see yfiles.view.IBridgeCreator#createCustomBridge
        */
       insertDefaultCustomBridge(context:yfiles.view.IRenderContext,path:yfiles.geometry.GeneralPath,start:yfiles.geometry.Point,end:yfiles.geometry.Point,gapLength:number):void;
       /**
        * Installs this manager for the specified {@link yfiles.view.BridgeManager#canvasComponent}.
-       * @param {yfiles.view.CanvasComponent} canvas The {@link yfiles.view.BridgeManager#canvasComponent}.
+       * @param canvas The {@link #canvasComponent}.
        * @protected
        */
       install(canvas:yfiles.view.CanvasComponent):void;
@@ -12232,8 +12585,8 @@ declare namespace system{
        * {@link yfiles.view.BridgeManager#registerObstacles}. This method can be called during the rendering phase to register additional
        * obstacles at a later point in time.
        * </p>
-       * @param {yfiles.view.IRenderContext} context The context to register the obstacles with.
-       * @param {yfiles.geometry.GeneralPath} path The path that describes the obstacles.
+       * @param context The context to register the obstacles with.
+       * @param path The path that describes the obstacles.
        * @see yfiles.view.BridgeManager#registerObstacleLine
        */
       registerObstacle(context:yfiles.view.IRenderContext,path:yfiles.geometry.GeneralPath):void;
@@ -12245,11 +12598,11 @@ declare namespace system{
        * {@link yfiles.view.BridgeManager#registerObstacles}. This method can be called during the rendering phase to register additional
        * obstacles at a later point in time.
        * </p>
-       * @param {yfiles.view.IRenderContext} context The context to register the obstacles with.
-       * @param {yfiles.geometry.Point} p1 The coordinates of the starting point of the line.
-       * @param {yfiles.geometry.Point} cp1 The coordinates of the first control point of the curve.
-       * @param {yfiles.geometry.Point} cp2 The coordinates of the second control point of the curve.
-       * @param {yfiles.geometry.Point} p2 The coordinates of the ending point of the line.
+       * @param context The context to register the obstacles with.
+       * @param p1 The coordinates of the starting point of the line.
+       * @param cp1 The coordinates of the first control point of the curve.
+       * @param cp2 The coordinates of the second control point of the curve.
+       * @param p2 The coordinates of the ending point of the line.
        * @see yfiles.view.BridgeManager#registerObstacleLine
        */
       registerObstacleCubicCurve(context:yfiles.view.IRenderContext,p1:yfiles.geometry.Point,cp1:yfiles.geometry.Point,cp2:yfiles.geometry.Point,p2:yfiles.geometry.Point):void;
@@ -12261,9 +12614,9 @@ declare namespace system{
        * {@link yfiles.view.BridgeManager#registerObstacles}. This method can be called during the rendering phase to register additional
        * obstacles at a later point in time.
        * </p>
-       * @param {yfiles.view.IRenderContext} context The context to register the obstacles with.
-       * @param {yfiles.geometry.Point} p1 The coordinates of the first point of the line.
-       * @param {yfiles.geometry.Point} p2 The coordinates of the second point of the line.
+       * @param context The context to register the obstacles with.
+       * @param p1 The coordinates of the first point of the line.
+       * @param p2 The coordinates of the second point of the line.
        * @see yfiles.view.BridgeManager#registerObstacleLine
        */
       registerObstacleLine(context:yfiles.view.IRenderContext,p1:yfiles.geometry.Point,p2:yfiles.geometry.Point):void;
@@ -12275,16 +12628,16 @@ declare namespace system{
        * {@link yfiles.view.BridgeManager#registerObstacles}. This method can be called during the rendering phase to register additional
        * obstacles at a later point in time.
        * </p>
-       * @param {yfiles.view.IRenderContext} context The context to register the obstacles with.
-       * @param {yfiles.geometry.Point} p1 The coordinates of the starting point of the line.
-       * @param {yfiles.geometry.Point} cp The coordinates of the control point of the curve.
-       * @param {yfiles.geometry.Point} p2 The coordinates of the ending point of the line.
+       * @param context The context to register the obstacles with.
+       * @param p1 The coordinates of the starting point of the line.
+       * @param cp The coordinates of the control point of the curve.
+       * @param p2 The coordinates of the ending point of the line.
        * @see yfiles.view.BridgeManager#registerObstacleLine
        */
       registerObstacleQuadCurve(context:yfiles.view.IRenderContext,p1:yfiles.geometry.Point,cp:yfiles.geometry.Point,p2:yfiles.geometry.Point):void;
       /**
        * Called to initialize the context with the obstacles.
-       * @param {yfiles.view.IRenderContext} context The context that will be used to store the obstacles with.
+       * @param context The context that will be used to store the obstacles with.
        * @see yfiles.view.BridgeManager#registerObstacle
        * @see yfiles.view.BridgeManager#registerObstacleLine
        * @protected
@@ -12292,13 +12645,13 @@ declare namespace system{
       registerObstacles(context:yfiles.view.IRenderContext):void;
       /**
        * Removes a previously {@link yfiles.view.BridgeManager#addObstacleProvider added} {@link yfiles.view.IObstacleProvider} from the list of registered providers.
-       * @param {yfiles.view.IObstacleProvider} provider The provider instance to remove from this instance.
+       * @param provider The provider instance to remove from this instance.
        * @see yfiles.view.BridgeManager#addObstacleProvider
        */
       removeObstacleProvider(provider:yfiles.view.IObstacleProvider):void;
       /**
        * Reverts the {@link yfiles.view.BridgeManager#install} method.
-       * @param {yfiles.view.CanvasComponent} canvas The {@link yfiles.view.BridgeManager#canvasComponent}.
+       * @param canvas The {@link #canvasComponent}.
        * @protected
        */
       uninstall(canvas:yfiles.view.CanvasComponent):void;
@@ -12425,11 +12778,11 @@ declare namespace system{
        * implementation should make sure that the GeneralPath's end is at <code>end</code>. The <code>gapLength</code> is provided for convenience so that
        * the distance between <code>startPoint</code> and <code>endPoint</code> does not need to be calculated if it is needed for the drawing.
        * </p>
-       * @param {yfiles.view.IRenderContext} context The context for the call.
-       * @param {yfiles.geometry.GeneralPath} path The path to append the bridge segment to.
-       * @param {yfiles.geometry.Point} start The coordinates of the starting point of the bridge.
-       * @param {yfiles.geometry.Point} end The coordinates of the ending point of the bridge.
-       * @param {number} gapLength The distance between the starting point and the end point.
+       * @param context The context for the call.
+       * @param path The path to append the bridge segment to.
+       * @param start The coordinates of the starting point of the bridge.
+       * @param end The coordinates of the ending point of the bridge.
+       * @param gapLength The distance between the starting point and the end point.
        * @abstract
        */
       createCustomBridge(context:yfiles.view.IRenderContext,path:yfiles.geometry.GeneralPath,start:yfiles.geometry.Point,end:yfiles.geometry.Point,gapLength:number):void;
@@ -12438,8 +12791,8 @@ declare namespace system{
        * <p>
        * The height is the default height that will be used for drawing the non-{@link yfiles.view.BridgeCrossingStyle#CUSTOM custom} {@link yfiles.view.BridgeCrossingStyle}s.
        * </p>
-       * @param {yfiles.view.IRenderContext} context The context where the bridge will be created for.
-       * @returns {number} The non-negative preferred basic unscaled height of the bridge.
+       * @param context The context where the bridge will be created for.
+       * @returns The non-negative preferred basic unscaled height of the bridge.
        * @abstract
        */
       getBridgeHeight(context:yfiles.view.IRenderContext):number;
@@ -12451,24 +12804,24 @@ declare namespace system{
        * automatically made smaller if it happens to be near the end of a segment and would otherwise extend beyond the end of
        * the segment.
        * </p>
-       * @param {yfiles.view.IRenderContext} context The context where the bridge will be created for.
-       * @returns {number} The positive preferred width of the bridge.
+       * @param context The context where the bridge will be created for.
+       * @returns The positive preferred width of the bridge.
        * @abstract
        */
       getBridgeWidth(context:yfiles.view.IRenderContext):number;
       /**
        * Gets the {@link yfiles.view.BridgeCrossingStyle} to use in the given {@link yfiles.view.IRenderContext}.
-       * @param {yfiles.view.IRenderContext} context The context in which the crossing will be used.
-       * @returns {yfiles.view.BridgeCrossingStyle} The style to use, or {@link yfiles.view.BridgeCrossingStyle#CUSTOM} in order to let {@link yfiles.view.BridgeManager} call
-       * {@link yfiles.view.IBridgeCreator#createCustomBridge}.
+       * @param context The context in which the crossing will be used.
+       * @returns The style to use, or {@link #CUSTOM} in order to let {@link } call
+       * {@link #createCustomBridge}.
        * @abstract
        */
       getCrossingStyle(context:yfiles.view.IRenderContext):yfiles.view.BridgeCrossingStyle;
       /**
        * Gets the {@link yfiles.view.BridgeOrientationStyle} to use in the given {@link yfiles.view.IRenderContext}.
-       * @param {yfiles.view.IRenderContext} context The context in which the style will be used..
-       * @returns {yfiles.view.BridgeOrientationStyle} The style to use. Any value can be returned and will be ignored if the {@link yfiles.view.IBridgeCreator#getCrossingStyle crossing style} is set to
-       * {@link yfiles.view.BridgeCrossingStyle#CUSTOM}.
+       * @param context The context in which the style will be used..
+       * @returns The style to use. Any value can be returned and will be ignored if the {@link #getCrossingStyle crossing style} is set to
+       * {@link #CUSTOM}.
        * @abstract
        */
       getOrientationStyle(context:yfiles.view.IRenderContext):yfiles.view.BridgeOrientationStyle;
@@ -12491,8 +12844,8 @@ declare namespace system{
        * For performance reasons the implementation should only return a non-<code>null</code> {@link yfiles.geometry.GeneralPath} if it might be {@link yfiles.view.IVisibilityTestable#isVisible visible}
        * in the provided {@link yfiles.view.IRenderContext#clip}.
        * </p>
-       * @param {yfiles.view.IRenderContext} context The context for which the obstacles are queried.
-       * @returns {yfiles.geometry.GeneralPath} A path that describes the obstacles or <code>null</code> if there are no obstacles for the given context.
+       * @param context The context for which the obstacles are queried.
+       * @returns A path that describes the obstacles or <code>null</code> if there are no obstacles for the given context.
        * @abstract
        */
       getObstacles(context:yfiles.view.IRenderContext):yfiles.geometry.GeneralPath;
@@ -12504,7 +12857,7 @@ declare namespace system{
     /**
      * An {@link yfiles.view.ItemModelManager.<T>} that automatically installs and removes visual representations of items in a {@link yfiles.collections.IObservableCollection.<T>} into or from the canvas.
      * Type parameter <code>T</code>: The type of items in the observable collection.
-     * @class yfiles.view.CollectionModelManager.<T>
+     * @class
      * @extends {yfiles.view.ItemModelManager.<T>}
      * @template T
      */
@@ -12512,16 +12865,14 @@ declare namespace system{
     export class CollectionModelManager<T> {
       /**
        * Creates a new instance using the given <code>model</code>.
-       * @param {yfiles.lang.Class} itemType The type of items in the observable collection.
-       * @param {yfiles.collections.IObservableCollection.<T>} model The model to manage.
-       * @constructor
+       * @param itemType The type of items in the observable collection.
+       * @param model The model to manage.
        */
       constructor(itemType:yfiles.lang.Class,model:yfiles.collections.IObservableCollection<T>);
       /**
        * Creates a new instance.
-       * @param {yfiles.lang.Class} itemType The type of items in the observable collection.
+       * @param itemType The type of items in the observable collection.
        * @see yfiles.view.CollectionModelManager.<T>#model
-       * @constructor
        */
       constructor(itemType:yfiles.lang.Class);
       /**
@@ -12557,19 +12908,19 @@ declare namespace system{
     /**
      * Installs and removes visual representations of items into or from the canvas.
      * Type parameter <code>T</code>: The type of managed items.
-     * @class yfiles.view.ItemModelManager.<T>
+     * @class
      * @template T
      */
     export interface ItemModelManager<T> extends Object{}
     export class ItemModelManager<T> {
       /**
        * 
-       * @param {yfiles.lang.Class} itemType1 The type of managed items.
+       * @param itemType The type of managed items.
        */
-      constructor(itemType1:yfiles.lang.Class);
+      constructor(itemType:yfiles.lang.Class);
       /**
        * Registers and {@link yfiles.view.ItemModelManager.<T>#install installs} the given <code>item</code> into the canvas.
-       * @param {T} item The item to install.
+       * @param item The item to install.
        */
       addItem(item:T):void;
       /**
@@ -12577,13 +12928,13 @@ declare namespace system{
        * <p>
        * This is useful to initialize this manager with an existing collection of items.
        * </p>
-       * @param {yfiles.collections.IEnumerable.<T>} items The items to add.
+       * @param items The items to add.
        */
       addItems(items:yfiles.collections.IEnumerable<T>):void;
       /**
        * Retrieves the canvas object that has been registered for the given item or <code>null</code>.
-       * @param {T} item The item to retrieve the canvas object for.
-       * @returns {yfiles.view.ICanvasObject} A canvas object instance or <code>null</code>.
+       * @param item The item to retrieve the canvas object for.
+       * @returns A canvas object instance or <code>null</code>.
        * @see yfiles.view.ItemModelManager.<T>#install
        */
       getCanvasObject(item:T):yfiles.view.ICanvasObject;
@@ -12592,8 +12943,8 @@ declare namespace system{
        * <p>
        * The default implementation simply returns the value of {@link yfiles.view.ItemModelManager.<T>#canvasObjectGroup}.
        * </p>
-       * @param {T} item The item to get the group for.
-       * @returns {yfiles.view.ICanvasObjectGroup} The {@link yfiles.view.ICanvasObjectGroup} used to {@link yfiles.view.ItemModelManager.<T>#install} an item in the canvas.
+       * @param item The item to get the group for.
+       * @returns The {@link } used to {@link #install} an item in the canvas.
        * @protected
        */
       getCanvasObjectGroup(item:T):yfiles.view.ICanvasObjectGroup;
@@ -12602,21 +12953,21 @@ declare namespace system{
        * <p>
        * The default implementation simply returns the value of {@link yfiles.view.ItemModelManager.<T>#descriptor}.
        * </p>
-       * @param {T} item The item to get the descriptor for.
-       * @returns {yfiles.view.ICanvasObjectDescriptor} The {@link yfiles.view.ICanvasObjectDescriptor} used to {@link yfiles.view.ItemModelManager.<T>#install} an item in the canvas.
+       * @param item The item to get the descriptor for.
+       * @returns The {@link } used to {@link #install} an item in the canvas.
        * @protected
        */
       getDescriptor(item:T):yfiles.view.ICanvasObjectDescriptor;
       /**
        * Tries to find the item managed by this instance that is associated with the given canvas object.
-       * @param {yfiles.view.ICanvasObject} canvasObject The canvas object to query the corresponding model item for.
-       * @returns {T} The item or <code>null</code> if no such item could be found.
+       * @param canvasObject The canvas object to query the corresponding model item for.
+       * @returns The item or <code>null</code> if no such item could be found.
        */
       getItem(canvasObject:yfiles.view.ICanvasObject):T;
       /**
        * Installs a member of the collection into the canvas using the {@link yfiles.view.ItemModelManager.<T>#descriptor}.
-       * @param {T} item The member to install.
-       * @returns {yfiles.view.ICanvasObject} The canvas object that has been returned by the installer.
+       * @param item The member to install.
+       * @returns The canvas object that has been returned by the installer.
        * @protected
        */
       install(item:T):yfiles.view.ICanvasObject;
@@ -12628,8 +12979,8 @@ declare namespace system{
        * <p>
        * This method calls {@link yfiles.view.ItemModelManager.<T>#addItem} with {@link yfiles.collections.ItemEventArgs.<T>#item}.
        * </p>
-       * @param {Object} source The instance that raised the event.
-       * @param {yfiles.collections.ItemEventArgs.<T>} evt The event arguments.
+       * @param source The instance that raised the event.
+       * @param evt The event arguments.
        */
       itemAddedHandler(source:Object,evt:yfiles.collections.ItemEventArgs<T>):void;
       /**
@@ -12641,8 +12992,8 @@ declare namespace system{
        * This is necessary if the group the canvas object should be added to might change after the item change. This might
        * happen, e.g. after changing an edge's port in a grouped graph.
        * </p>
-       * @param {Object} source The event source.
-       * @param {yfiles.collections.ItemEventArgs.<T>} evt The item event args which indicate the change.
+       * @param source The event source.
+       * @param evt The item event args which indicate the change.
        */
       itemChangedHandler(source:Object,evt:yfiles.collections.ItemEventArgs<T>):void;
       /**
@@ -12653,13 +13004,13 @@ declare namespace system{
        * <p>
        * This method calls {@link yfiles.view.ItemModelManager.<T>#removeItem} with {@link yfiles.collections.ItemEventArgs.<T>#item}.
        * </p>
-       * @param {Object} source The instance that raised the event.
-       * @param {yfiles.collections.ItemEventArgs.<T>} evt The event arguments.
+       * @param source The instance that raised the event.
+       * @param evt The event arguments.
        */
       itemRemovedHandler(source:Object,evt:yfiles.collections.ItemEventArgs<T>):void;
       /**
        * Deregisters and uninstalls the given <code>item</code> from the canvas.
-       * @param {T} item The item to uninstall.
+       * @param item The item to uninstall.
        */
       removeItem(item:T):void;
       /**
@@ -12667,7 +13018,7 @@ declare namespace system{
        * <p>
        * This method can be used to clean up this manager before disposing it.
        * </p>
-       * @param {yfiles.collections.IEnumerable.<T>} items The items to remove.
+       * @param items The items to remove.
        */
       removeItems(items:yfiles.collections.IEnumerable<T>):void;
       /**
@@ -12675,11 +13026,11 @@ declare namespace system{
        * <p>
        * If no visual representation is registered, yet, {@link yfiles.view.ItemModelManager.<T>#install} will be called.
        * </p>
-       * @param {T} item The item to update.
+       * @param item The item to update.
        */
       update(item:T):void;
       /**
-       * Gets or sets a comparer that compares the items so that they are put into the correct order in the canvas tree.
+       * Gets or sets an {@link yfiles.collections.IComparer.<T>} that compares the items so that they are put into the correct order in the canvas tree.
        * <p>
        * If this instance is set to <code>null</code> this feature is effectively turned off.
        * </p>
@@ -12712,7 +13063,7 @@ declare namespace system{
      * ensure that items that have been removed are deselected as well. A {@link yfiles.view.DefaultSelectionModel.<T>#itemRemovedFromDomainHandler convenience event handler} exists for that purpose.
      * </p>
      * Type parameter <code>T</code>: The type of the items to be selected.
-     * @class yfiles.view.DefaultSelectionModel.<T>
+     * @class
      * @implements {yfiles.view.ISelectionModel.<T>}
      * @template T
      */
@@ -12720,7 +13071,6 @@ declare namespace system{
     export class DefaultSelectionModel<T> {
       /**
        * Creates a default selection model implementation that uses a {@link yfiles.collections.ObservableCollection.<T>} to hold the selection.
-       * @constructor
        */
       constructor();
       /**
@@ -12729,13 +13079,13 @@ declare namespace system{
       clear():void;
       /**
        * 
-       * @returns {yfiles.collections.IEnumerator.<T>} 
+       * @returns 
        */
       getEnumerator():yfiles.collections.IEnumerator<T>;
       /**
        * Determines whether an item is selected by checking for the containment in the {@link yfiles.view.DefaultSelectionModel.<T>#selection}.
-       * @param {T} item The item to check
-       * @returns {boolean} Whether the item is selected.
+       * @param item The item to check
+       * @returns Whether the item is selected.
        */
       isSelected(item:T):boolean;
       /**
@@ -12746,8 +13096,8 @@ declare namespace system{
        * <p>
        * This method calls {@link yfiles.view.DefaultSelectionModel.<T>#removeDomainItem} with {@link yfiles.collections.ItemEventArgs.<T>#item}.
        * </p>
-       * @param {Object} source The instance that raised the event.
-       * @param {yfiles.collections.ItemEventArgs.<T>} evt The event arguments.
+       * @param source The instance that raised the event.
+       * @param evt The event arguments.
        */
       itemRemovedFromDomainHandler(source:Object,evt:yfiles.collections.ItemEventArgs<T>):void;
       /**
@@ -12755,20 +13105,20 @@ declare namespace system{
        * <p>
        * Triggers the {@link yfiles.view.DefaultSelectionModel.<T>#addItemSelectionChangedListener ItemSelectionChanged} event.
        * </p>
-       * @param {T} o The item.
-       * @param {boolean} selected Whether or not the item is selected after the change.
+       * @param o The item.
+       * @param selected Whether or not the item is selected after the change.
        * @protected
        */
       onItemSelectionChanged(o:T,selected:boolean):void;
       /**
        * Removes the given <code>item</code> from the selection in response to the item being removed from the domain.
-       * @param {T} item The item to remove from the considered items.
+       * @param item The item to remove from the considered items.
        */
       removeDomainItem(item:T):void;
       /**
        * Sets the selection state of the item.
-       * @param {T} item
-       * @param {boolean} selected
+       * @param item
+       * @param selected
        */
       setSelected(item:T,selected:boolean):void;
       /**
@@ -12788,12 +13138,12 @@ declare namespace system{
       size:number;
       /**
        * 
-       * @param {function(Object, yfiles.view.ItemSelectionChangedEventArgs.<T>): void} listener
+       * @param listener
        */
       addItemSelectionChangedListener(listener:(sender:Object,evt:yfiles.view.ItemSelectionChangedEventArgs<T>)=>void):void;
       /**
        * 
-       * @param {function(Object, yfiles.view.ItemSelectionChangedEventArgs.<T>): void} listener
+       * @param listener
        */
       removeItemSelectionChangedListener(listener:(sender:Object,evt:yfiles.view.ItemSelectionChangedEventArgs<T>)=>void):void;
       static $class:yfiles.lang.Class;
@@ -12815,7 +13165,7 @@ declare namespace system{
      * implementation which will do the actual installation of the decoration in the canvas.
      * </p>
      * Type parameter <code>T</code>: The type of the items.
-     * @class yfiles.view.FocusIndicatorManager.<T>
+     * @class
      * @extends {yfiles.view.ModelManager.<T>}
      * @implements {yfiles.lang.IPropertyObservable}
      * @template T
@@ -12824,8 +13174,7 @@ declare namespace system{
     export class FocusIndicatorManager<T extends yfiles.graph.ILookup> {
       /**
        * Creates an instance that for all focused items in the model dynamically installs a decoration.
-       * @param {yfiles.view.CanvasComponent} canvas The canvas to add the focus marks to.
-       * @constructor
+       * @param canvas The canvas to add the focus marks to.
        */
       constructor(canvas:yfiles.view.CanvasComponent);
       /**
@@ -12840,7 +13189,7 @@ declare namespace system{
        * This method raises the {@link yfiles.view.FocusIndicatorManager.<T>#addPropertyChangedListener PropertyChanged} event. Subclasses overriding this method should make sure to invoke
        * the super class implementation.
        * </p>
-       * @param {yfiles.lang.PropertyChangedEventArgs} evt a description of the event
+       * @param evt a description of the event
        * @see yfiles.view.FocusIndicatorManager.<T>#focusedItem
        * @see yfiles.view.FocusIndicatorManager.<T>#addPropertyChangedListener
        * @protected
@@ -12848,13 +13197,13 @@ declare namespace system{
       onPropertyChanged(evt:yfiles.lang.PropertyChangedEventArgs):void;
       /**
        * Adds the given listener for the <code>PropertyChanged</code> event that occurs when the {@link yfiles.view.FocusIndicatorManager.<T>#focusedItem} property has been changed.
-       * @param {function(Object, yfiles.lang.PropertyChangedEventArgs): void} listener The listener to add.
+       * @param listener The listener to add.
        * @see yfiles.view.FocusIndicatorManager.<T>#removePropertyChangedListener
        */
       addPropertyChangedListener(listener:(sender:Object,args:yfiles.lang.PropertyChangedEventArgs)=>void):void;
       /**
        * Removes the given listener for the <code>PropertyChanged</code> event that occurs when the {@link yfiles.view.FocusIndicatorManager.<T>#focusedItem} property has been changed.
-       * @param {function(Object, yfiles.lang.PropertyChangedEventArgs): void} listener The listener to remove.
+       * @param listener The listener to remove.
        * @see yfiles.view.FocusIndicatorManager.<T>#addPropertyChangedListener
        */
       removePropertyChangedListener(listener:(sender:Object,args:yfiles.lang.PropertyChangedEventArgs)=>void):void;
@@ -12868,7 +13217,7 @@ declare namespace system{
        * <p>
        * The default is {@link yfiles.view.ShowFocusPolicy#WHEN_FOCUSED}.
        * </p>
-       * @default 1
+       * @default yfiles.view.ShowFocusPolicy.WHEN_FOCUSED
        * @type {yfiles.view.ShowFocusPolicy}
        */
       showFocusPolicy:yfiles.view.ShowFocusPolicy;
@@ -12886,7 +13235,7 @@ declare namespace system{
      * implementation which will do the actual installation of the decoration in the canvas.
      * </p>
      * Type parameter <code>T</code>: The type of the items.
-     * @class yfiles.view.HighlightIndicatorManager.<T>
+     * @class
      * @extends {yfiles.view.ModelManager.<T>}
      * @template T
      */
@@ -12894,14 +13243,13 @@ declare namespace system{
     export class HighlightIndicatorManager<T extends yfiles.graph.ILookup> {
       /**
        * Creates an instance that for all selected items in the model dynamically installs a highlight decoration.
-       * @param {yfiles.view.CanvasComponent} canvas The canvas to add the selection marks to.
-       * @param {yfiles.view.ISelectionModel.<T>} [selectionModel=null] The model that determines which items are highlighted.
-       * @constructor
+       * @param canvas The canvas to add the selection marks to.
+       * @param [selectionModel=null] The model that determines which items are highlighted.
        */
       constructor(canvas:yfiles.view.CanvasComponent,selectionModel?:yfiles.view.ISelectionModel<T>);
       /**
        * Adds another highlight.
-       * @param {T} item The item to highlight.
+       * @param item The item to highlight.
        */
       addHighlight(item:T):void;
       /**
@@ -12910,7 +13258,7 @@ declare namespace system{
       clearHighlights():void;
       /**
        * Removes an item from the current highlight selection.
-       * @param {T} item The item whose highlight decorator will be removed.
+       * @param item The item whose highlight decorator will be removed.
        */
       removeHighlight(item:T):void;
       /**
@@ -12934,10 +13282,10 @@ declare namespace system{
       /**
        * This the main method of the interface that performs the installation of an item's visual representation in the {@link yfiles.view.CanvasComponent canvas} by
        * adding {@link yfiles.view.ICanvasObject}s.
-       * @param {yfiles.view.ICanvasContext} context The context that contains the information required to install the visual representation.
-       * @param {yfiles.view.ICanvasObjectGroup} group The canvas object group to add the newly generated {@link yfiles.view.ICanvasObject} to.
-       * @param {Object} item The item to install.
-       * @returns {yfiles.view.ICanvasObject} The newly generated {@link yfiles.view.ICanvasObject} for the item's visual representation. <code>null</code> if nothing was installed.
+       * @param context The context that contains the information required to install the visual representation.
+       * @param group The canvas object group to add the newly generated {@link } to.
+       * @param item The item to install.
+       * @returns The newly generated {@link } for the item's visual representation. <code>null</code> if nothing was installed.
        * @abstract
        */
       addCanvasObject(context:yfiles.view.ICanvasContext,group:yfiles.view.ICanvasObjectGroup,item:Object):yfiles.view.ICanvasObject;
@@ -12987,8 +13335,8 @@ declare namespace system{
       clear():void;
       /**
        * Determines whether an item is currently selected.
-       * @param {T} item The item to check.
-       * @returns {boolean} Whether it is currently selected.
+       * @param item The item to check.
+       * @returns Whether it is currently selected.
        * @abstract
        */
       isSelected(item:T):boolean;
@@ -12997,8 +13345,8 @@ declare namespace system{
        * <p>
        * If the state changes, this will trigger the {@link yfiles.view.ISelectionModel.<T>#addItemSelectionChangedListener ItemSelectionChanged} event.
        * </p>
-       * @param {T} item The item to set the selection state for.
-       * @param {boolean} selected Whether to select the object.
+       * @param item The item to set the selection state for.
+       * @param selected Whether to select the object.
        * @abstract
        */
       setSelected(item:T,selected:boolean):void;
@@ -13011,7 +13359,7 @@ declare namespace system{
       /**
        * Adds the given listener for the <code>ItemSelectionChanged</code> event that occurs when an item changed its selection state from
        * selected to unselected or vice versa.
-       * @param {function(Object, yfiles.view.ItemSelectionChangedEventArgs.<T>): void} listener The listener to add.
+       * @param listener The listener to add.
        * @see yfiles.view.ISelectionModel.<T>#setSelected
        * @see yfiles.view.ISelectionModel.<T>#removeItemSelectionChangedListener
        * @abstract
@@ -13020,7 +13368,7 @@ declare namespace system{
       /**
        * Removes the given listener for the <code>ItemSelectionChanged</code> event that occurs when an item changed its selection state from
        * selected to unselected or vice versa.
-       * @param {function(Object, yfiles.view.ItemSelectionChangedEventArgs.<T>): void} listener The listener to remove.
+       * @param listener The listener to remove.
        * @see yfiles.view.ISelectionModel.<T>#setSelected
        * @see yfiles.view.ISelectionModel.<T>#addItemSelectionChangedListener
        * @abstract
@@ -13034,7 +13382,7 @@ declare namespace system{
     /**
      * Provides data for the {@link yfiles.view.ISelectionModel.<T>#addItemSelectionChangedListener ItemSelectionChanged} event.
      * Type parameter <code>T</code>.
-     * @class yfiles.view.ItemSelectionChangedEventArgs.<T>
+     * @class
      * @extends {yfiles.collections.ItemEventArgs.<T>}
      * @template T
      * @final
@@ -13043,9 +13391,8 @@ declare namespace system{
     export class ItemSelectionChangedEventArgs<T> {
       /**
        * Initializes a new event argument instance for the given item and its selection state.
-       * @param {T} item The item whose {@link yfiles.view.ISelectionModel.<T>#isSelected selection state} has changed.
-       * @param {boolean} selected The value indicating whether the item is selected after the change.
-       * @constructor
+       * @param item The item whose {@link #isSelected selection state} has changed.
+       * @param selected The value indicating whether the item is selected after the change.
        */
       constructor(item:T,selected:boolean);
       /**
@@ -13058,16 +13405,15 @@ declare namespace system{
     /**
      * Manages the visual representations of items in a {@link yfiles.view.CanvasComponent}.
      * Type parameter <code>T</code>: The type of items this instance deals with.
-     * @class yfiles.view.ModelManager.<T>
+     * @class
      * @template T
      */
     export interface ModelManager<T> extends Object{}
     export class ModelManager<T> {
       /**
        * Creates a new instance that will manage the items for the given canvas.
-       * @param {yfiles.view.CanvasComponent} canvas The canvas to manage.
+       * @param canvas The canvas to manage.
        * @protected
-       * @constructor
        */
       constructor(canvas:yfiles.view.CanvasComponent);
       /**
@@ -13075,8 +13421,8 @@ declare namespace system{
        * <p>
        * If {@link yfiles.view.ModelManager.<T>#enabled} is set to false the item will not be installed.
        * </p>
-       * @param {T} item The item to add.
-       * @returns {yfiles.view.ICanvasObject} The newly created canvas object or <code>null</code> if nothing was installed.
+       * @param item The item to add.
+       * @returns The newly created canvas object or <code>null</code> if nothing was installed.
        * @protected
        */
       add(item:T):yfiles.view.ICanvasObject;
@@ -13085,8 +13431,8 @@ declare namespace system{
        * <p>
        * Returning <code>null</code> will cause {@link yfiles.view.ModelManager.<T>#install} not to install anything.
        * </p>
-       * @param {T} item The item to find a canvas object group for.
-       * @returns {yfiles.view.ICanvasObjectGroup} An {@link yfiles.view.ICanvasObjectGroup} or <code>null</code>
+       * @param item The item to find a canvas object group for.
+       * @returns An {@link } or <code>null</code>
        * @protected
        * @abstract
        */
@@ -13099,8 +13445,8 @@ declare namespace system{
        * <p>
        * Returning <code>null</code> will cause {@link yfiles.view.ModelManager.<T>#install} not to install anything.
        * </p>
-       * @param {T} item The item to find an installer for.
-       * @returns {yfiles.view.ICanvasObjectInstaller} An installer or <code>null</code>
+       * @param item The item to find an installer for.
+       * @returns An installer or <code>null</code>
        * @protected
        * @abstract
        */
@@ -13108,8 +13454,8 @@ declare namespace system{
       /**
        * Installs a member of the collection into the canvas using the {@link yfiles.view.ICanvasObjectDescriptor} which is returned by
        * {@link yfiles.view.ModelManager.<T>#getInstaller}.
-       * @param {T} item The member to install.
-       * @returns {yfiles.view.ICanvasObject} The canvas object that has been returned by the installer.
+       * @param item The member to install.
+       * @returns The canvas object that has been returned by the installer.
        * @protected
        */
       install(item:T):yfiles.view.ICanvasObject;
@@ -13127,13 +13473,13 @@ declare namespace system{
       onEnabled():void;
       /**
        * Uninstalls the provided item and removes it from this managers set of managed items.
-       * @param {T} item The item to remove.
+       * @param item The item to remove.
        * @protected
        */
       remove(item:T):void;
       /**
        * Simple implementation that removes the given {@link yfiles.view.ICanvasObject}.
-       * @param {yfiles.view.ICanvasObject} canvasObject The canvas objects that have been associated with the descriptor.
+       * @param canvasObject The canvas objects that have been associated with the descriptor.
        * @see yfiles.view.ICanvasObject#remove
        * @protected
        */
@@ -13165,7 +13511,7 @@ declare namespace system{
      * decoration in the canvas.
      * </p>
      * Type parameter <code>T</code>: The type of the items in the collection and selection model.
-     * @class yfiles.view.SelectionIndicatorManager.<T>
+     * @class
      * @extends {yfiles.view.ModelManager.<T>}
      * @template T
      */
@@ -13173,21 +13519,20 @@ declare namespace system{
     export class SelectionIndicatorManager<T extends yfiles.graph.ILookup> {
       /**
        * Creates an instance that for all selected items in the model dynamically installs a selection render decoration.
-       * @param {yfiles.view.CanvasComponent} canvas The canvas to add the selection marks to.
-       * @param {yfiles.collections.IObservableCollection.<T>} model The model that holds the domain.
-       * @param {yfiles.view.ISelectionModel.<T>} selectionModel The model that determines which items are selected.
-       * @constructor
+       * @param canvas The canvas to add the selection marks to.
+       * @param model The model that holds the domain.
+       * @param selectionModel The model that determines which items are selected.
        */
       constructor(canvas:yfiles.view.CanvasComponent,model:yfiles.collections.IObservableCollection<T>,selectionModel:yfiles.view.ISelectionModel<T>);
       /**
        * Adds an item to the current selection.
-       * @param {T} item The item whose selection decorator will added.
-       * @returns {yfiles.view.ICanvasObject} 
+       * @param item The item whose selection decorator will added.
+       * @returns 
        */
       addSelection(item:T):yfiles.view.ICanvasObject;
       /**
        * Removes an item from the current selection.
-       * @param {T} item The item whose selection decorator will be removed.
+       * @param item The item whose selection decorator will be removed.
        */
       removeSelection(item:T):void;
       /**
@@ -13208,19 +13553,57 @@ declare namespace system{
       model:yfiles.collections.IObservableCollection<T>;
       static $class:yfiles.lang.Class;
     }
+    /**
+     * A container that can hold a number of {@link yfiles.view.SvgVisual}s.
+     * <p>
+     * Use this class in a {@link yfiles.view.IVisualCreator} implementation to group several {@link yfiles.view.SvgVisual}s.
+     * </p>
+     * <p>
+     * The class cannot be used to group {@link yfiles.view.HtmlCanvasVisual}s.
+     * </p>
+     * @class
+     * @extends {yfiles.view.SvgVisual}
+     */
+    export interface SvgVisualGroup extends yfiles.view.SvgVisual{}
+    export class SvgVisualGroup {
+      /**
+       * Initializes a new instance of the {@link yfiles.view.SvgVisualGroup} class.
+       */
+      constructor();
+      /**
+       * Adds another {@link yfiles.view.SvgVisual} to the children collection of this instance.
+       * @param child The child to add.
+       */
+      add(child:yfiles.view.SvgVisual):void;
+      /**
+       * Removes a previously added {@link yfiles.view.SvgVisual} from the children collection of this instance.
+       * @param child The child to remove.
+       */
+      remove(child:yfiles.view.SvgVisual):void;
+      /**
+       * Gets or sets a transform that is applied to the children of the container.
+       * @type {yfiles.geometry.Matrix}
+       */
+      transform:yfiles.geometry.Matrix;
+      /**
+       * Provides read and write access to the list of children.
+       * @type {yfiles.collections.IList.<yfiles.view.SvgVisual>}
+       */
+      children:yfiles.collections.IList<yfiles.view.SvgVisual>;
+      static $class:yfiles.lang.Class;
+    }
     /**
      * Renders a grid using various different {@link yfiles.view.GridVisualCreator#gridStyle styles}.
      * @see yfiles.view.GridInfo
      * @see yfiles.view.GridVisualCreator#gridStyle
-     * @class yfiles.view.GridVisualCreator
+     * @class
      * @implements {yfiles.view.IVisualCreator}
      */
     export interface GridVisualCreator extends Object,yfiles.view.IVisualCreator{}
     export class GridVisualCreator {
       /**
        * Initializes a new instance of the {@link yfiles.view.GridVisualCreator} class.
-       * @param {yfiles.view.GridInfo} gridInfo The grid info.
-       * @constructor
+       * @param gridInfo The grid info.
        */
       constructor(gridInfo:yfiles.view.GridInfo);
       /**
@@ -13228,9 +13611,8 @@ declare namespace system{
        * <p>
        * This initializes the {@link yfiles.view.GridVisualCreator#gridInfo} field using the given values.
        * </p>
-       * @param {number} horizontalSpacing The x spacing.
-       * @param {number} verticalSpacing The y spacing.
-       * @constructor
+       * @param horizontalSpacing The x spacing.
+       * @param verticalSpacing The y spacing.
        */
       constructor(horizontalSpacing:number,verticalSpacing:number);
       /**
@@ -13238,25 +13620,24 @@ declare namespace system{
        * <p>
        * The spacing is initialized to 25 units.
        * </p>
-       * @constructor
        */
       constructor();
       /**
        * 
-       * @param {yfiles.view.IRenderContext} context
-       * @returns {yfiles.view.Visual} 
+       * @param context
+       * @returns 
        */
       createVisual(context:yfiles.view.IRenderContext):yfiles.view.Visual;
       /**
        * 
-       * @param {yfiles.view.IRenderContext} context
-       * @param {yfiles.view.Visual} oldVisual
-       * @returns {yfiles.view.Visual} 
+       * @param context
+       * @param oldVisual
+       * @returns 
        */
       updateVisual(context:yfiles.view.IRenderContext,oldVisual:yfiles.view.Visual):yfiles.view.Visual;
       /**
        * Gets or sets the grid style that this implementation uses.
-       * @default 0
+       * @default yfiles.view.GridStyle.DOTS
        * @type {yfiles.view.GridStyle}
        */
       gridStyle:yfiles.view.GridStyle;
@@ -13325,8 +13706,8 @@ declare namespace system{
        * {@link yfiles.geometry.Rect#INFINITE}. If nothing is rendered, this method should return an empty rectangle, where either or
        * both the width and height is non-positive or {@link yfiles.geometry.Rect#EMPTY}.
        * </p>
-       * @param {yfiles.view.ICanvasContext} context the context to calculate the bounds for
-       * @returns {yfiles.geometry.Rect} the bounds or {@link yfiles.geometry.Rect#EMPTY} to indicate an unbound area
+       * @param context the context to calculate the bounds for
+       * @returns the bounds or {@link #EMPTY} to indicate an unbound area
        * @abstract
        */
       getBounds(context:yfiles.view.ICanvasContext):yfiles.geometry.Rect;
@@ -13334,8 +13715,8 @@ declare namespace system{
     var IBoundsProvider:{
       /**
        * Creates an instance that returns the given model as the bounds.
-       * @param {yfiles.geometry.IRectangle} bounds the rectangle
-       * @returns {yfiles.view.IBoundsProvider} 
+       * @param bounds the rectangle
+       * @returns 
        * @static
        */
       fromRectangle?(bounds:yfiles.geometry.IRectangle):yfiles.view.IBoundsProvider;
@@ -13375,9 +13756,9 @@ declare namespace system{
        * <p>
        * Conservative implementations can always return <code>true</code>.
        * </p>
-       * @param {yfiles.view.ICanvasContext} context The context to determine the visibility for.
-       * @param {yfiles.geometry.Rect} rectangle The visible region clip.
-       * @returns {boolean} <code>false</code> if and only if it is safe not to paint the element because it would not affect the given clipping region.
+       * @param context The context to determine the visibility for.
+       * @param rectangle The visible region clip.
+       * @returns <code>false</code> if and only if it is safe not to paint the element because it would not affect the given clipping region.
        * @abstract
        */
       isVisible(context:yfiles.view.ICanvasContext,rectangle:yfiles.geometry.Rect):boolean;
@@ -13405,17 +13786,13 @@ declare namespace system{
        * Disables caching of {@link yfiles.view.Visual}s completely.
        */
       NEVER,
-      /**
-       * {@link yfiles.view.Visual}s will be cached using a weak reference, which means they might be removed by the Garbage Collection.
-       */
-      WEAK,
       /**
        * {@link yfiles.view.Visual}s will always be cached.
        * <p>
        * The cached reference will be kept until the corresponding {@link yfiles.view.ICanvasObject} is removed.
        * </p>
        */
-      STRONG
+      ALWAYS
     }
     /**
      * An interface that describes the current context for rendering routines.
@@ -13435,7 +13812,7 @@ declare namespace system{
        * <p>
        * If the <code>visual</code> has not been registered previously this method will do nothing.
        * </p>
-       * @param {yfiles.view.Visual} visual The visual which has been removed.
+       * @param visual The visual which has been removed.
        * @see yfiles.view.IRenderContext#setDisposeCallback
        * @see yfiles.view.IVisualCreator
        * @see yfiles.view.IVisualCreator#updateVisual
@@ -13454,9 +13831,9 @@ declare namespace system{
        * <p>
        * The registered <code>callback</code> has to call {@link yfiles.view.IRenderContext#childVisualRemoved} on all child visuals of the <code>visual</code>.
        * </p>
-       * @param {yfiles.view.Visual} visual The visual to be registered. This is the visual which is returned by the {@link yfiles.view.IVisualCreator#createVisual} or {@link yfiles.view.IVisualCreator#updateVisual}
+       * @param visual The visual to be registered. This is the visual which is returned by the {@link #createVisual} or {@link #updateVisual}
        * method which calls this method.
-       * @param {function(yfiles.view.IRenderContext, yfiles.view.Visual, boolean): yfiles.view.Visual} callback A dispose visual callback which calls {@link yfiles.view.IRenderContext#childVisualRemoved} on all child visuals of the
+       * @param callback A dispose visual callback which calls {@link #childVisualRemoved} on all child visuals of the
        * registered <code>visual</code>.
        */
       registerForChildrenIfNecessary?(visual:yfiles.view.Visual,callback:(context:yfiles.view.IRenderContext,removedVisual:yfiles.view.Visual,dispose:boolean)=>yfiles.view.Visual):void;
@@ -13471,16 +13848,16 @@ declare namespace system{
        * <p>
        * The callback can also be used to support caching for temporarily removed visuals. See dispose visual callback.
        * </p>
-       * @param {yfiles.view.Visual} visual The visual which needs to be disposed after removal.
-       * @param {function(yfiles.view.IRenderContext, yfiles.view.Visual, boolean): yfiles.view.Visual} callback A callback which will dispose the <code>visual</code>.
+       * @param visual The visual which needs to be disposed after removal.
+       * @param callback A callback which will dispose the <code>visual</code>.
        * @see yfiles.view.IVisualCreator
        * @see yfiles.view.IVisualCreator#createVisual
        */
       setDisposeCallback?(visual:yfiles.view.Visual,callback:(context:yfiles.view.IRenderContext,removedVisual:yfiles.view.Visual,dispose:boolean)=>yfiles.view.Visual):void;
       /**
        * Converts the given set of world coordinates to a coordinate pair that can be used to render within the {@link yfiles.view.IRenderContext#viewTransform}.
-       * @param {yfiles.geometry.Point} worldPoint The coordinates in the world coordinate system.
-       * @returns {yfiles.geometry.Point} The coordinates in the view coordinate system.
+       * @param worldPoint The coordinates in the world coordinate system.
+       * @returns The coordinates in the view coordinate system.
        * @see yfiles.view.IRenderContext#viewTransform
        * @abstract
        */
@@ -13540,8 +13917,8 @@ declare namespace system{
        * {@link yfiles.view.CanvasComponent} uses this interface through the {@link yfiles.view.ICanvasObjectDescriptor} to populate the visual
        * canvas object tree.
        * </p>
-       * @param {yfiles.view.IRenderContext} context The context that describes where the visual will be used.
-       * @returns {yfiles.view.Visual} The visual to include in the canvas object visual tree. This may be <code>null</code>.
+       * @param context The context that describes where the visual will be used.
+       * @returns The visual to include in the canvas object visual tree. This may be <code>null</code>.
        * @see yfiles.view.IVisualCreator#updateVisual
        * @abstract
        */
@@ -13554,10 +13931,10 @@ declare namespace system{
        * previously been created by the same instance during a call to {@link yfiles.view.IVisualCreator#createVisual}. Implementation
        * may update the <code>oldVisual</code> and return that same reference, or create a new visual and return the new instance or <code>null</code>.
        * </p>
-       * @param {yfiles.view.IRenderContext} context The context that describes where the visual will be used in.
-       * @param {yfiles.view.Visual} oldVisual The visual instance that had been returned the last time the {@link yfiles.view.IVisualCreator#createVisual} method was called
+       * @param context The context that describes where the visual will be used in.
+       * @param oldVisual The visual instance that had been returned the last time the {@link #createVisual} method was called
        * on this instance.
-       * @returns {yfiles.view.Visual} <code>oldVisual</code>, if this instance modified the visual, or a new visual that should replace the existing one in the canvas
+       * @returns <code>oldVisual</code>, if this instance modified the visual, or a new visual that should replace the existing one in the canvas
        * object visual tree.
        * @see yfiles.view.IVisualCreator#createVisual
        * @see yfiles.view.ICanvasObjectDescriptor
@@ -13576,7 +13953,7 @@ declare namespace system{
      * Use {@link yfiles.view.VoidVisualCreator#INSTANCE} for methods that require non-<code>null</code> {@link yfiles.view.IVisualCreator} implementations
      * if you want to have no visualization.
      * </p>
-     * @class yfiles.view.VoidVisualCreator
+     * @class
      * @implements {yfiles.view.IVisualCreator}
      * @final
      */
@@ -13584,15 +13961,15 @@ declare namespace system{
     export class VoidVisualCreator {
       /**
        * Returns <code>null</code>.
-       * @param {yfiles.view.IRenderContext} context
-       * @returns {yfiles.view.Visual} 
+       * @param context
+       * @returns 
        */
       createVisual(context:yfiles.view.IRenderContext):yfiles.view.Visual;
       /**
        * Returns <code>null</code>.
-       * @param {yfiles.view.IRenderContext} context
-       * @param {yfiles.view.Visual} oldVisual
-       * @returns {yfiles.view.Visual} 
+       * @param context
+       * @param oldVisual
+       * @returns 
        */
       updateVisual(context:yfiles.view.IRenderContext,oldVisual:yfiles.view.Visual):yfiles.view.Visual;
       /**
@@ -13612,7 +13989,7 @@ declare namespace system{
      * instance that is passed in the constructor as a parameter or the return value of the method {@link yfiles.view.OrientedRectangleIndicatorInstaller#getRectangle}
      * if the former does not exist (i.e. the parameterless constructor was used to instantiate this class).
      * </p>
-     * @class yfiles.view.OrientedRectangleIndicatorInstaller
+     * @class
      * @implements {yfiles.view.ISelectionIndicatorInstaller}
      * @implements {yfiles.view.IHighlightIndicatorInstaller}
      * @implements {yfiles.view.IFocusIndicatorInstaller}
@@ -13629,9 +14006,8 @@ declare namespace system{
        * If the {@link yfiles.view.OrientedRectangleIndicatorInstaller#template} property is not set, the <code>templateKey</code> is used to lookup a {@link yfiles.view.IVisualTemplate} in the resources of the
        * {@link yfiles.view.CanvasComponent}. If there is none, a default templated is used.
        * </p>
-       * @param {yfiles.geometry.IOrientedRectangle} fixedBounds
-       * @param {string} [templateKey=null]
-       * @constructor
+       * @param fixedBounds
+       * @param [templateKey=null]
        */
       constructor(fixedBounds:yfiles.geometry.IOrientedRectangle,templateKey?:string);
       /**
@@ -13640,15 +14016,14 @@ declare namespace system{
        * The object that is created through this constructor relies on the value returned by the {@link yfiles.view.OrientedRectangleIndicatorInstaller#getRectangle}
        * method to {@link yfiles.view.ICanvasObjectGroup#addChild add} to the {@link yfiles.view.ICanvasObjectGroup} in the {@link yfiles.view.ICanvasObjectInstaller#addCanvasObject} method.
        * </p>
-       * @constructor
        */
       constructor();
       /**
        * 
-       * @param {yfiles.view.ICanvasContext} context
-       * @param {yfiles.view.ICanvasObjectGroup} group
-       * @param {Object} item
-       * @returns {yfiles.view.ICanvasObject} 
+       * @param context
+       * @param group
+       * @param item
+       * @returns 
        */
       addCanvasObject(context:yfiles.view.ICanvasContext,group:yfiles.view.ICanvasObjectGroup,item:Object):yfiles.view.ICanvasObject;
       /**
@@ -13661,8 +14036,8 @@ declare namespace system{
        * <p>
        * This implementation returns null for every given object.
        * </p>
-       * @param {Object} item
-       * @returns {yfiles.geometry.IOrientedRectangle} An {@link yfiles.geometry.IOrientedRectangle} for the given item that is {@link yfiles.view.ICanvasObjectGroup#addChild added} to the {@link yfiles.view.ICanvasObjectGroup}.
+       * @param item
+       * @returns An {@link } for the given item that is {@link #addChild added} to the {@link }.
        * @protected
        */
       getRectangle(item:Object):yfiles.geometry.IOrientedRectangle;
@@ -13701,23 +14076,22 @@ declare namespace system{
     /**
      * A simple {@link yfiles.view.ISelectionIndicatorInstaller} implementation that draws an ellipse centered at a given point in
      * world coordinate space.
-     * @class yfiles.view.PointSelectionIndicatorInstaller
+     * @class
      * @implements {yfiles.view.ISelectionIndicatorInstaller}
      */
     export interface PointSelectionIndicatorInstaller extends Object,yfiles.view.ISelectionIndicatorInstaller{}
     export class PointSelectionIndicatorInstaller {
       /**
        * Creates a new instance that indicates a point.
-       * @param {yfiles.geometry.IPoint} point The point to use for the center of the painting.
-       * @constructor
+       * @param point The point to use for the center of the painting.
        */
       constructor(point:yfiles.geometry.IPoint);
       /**
        * 
-       * @param {yfiles.view.ICanvasContext} context
-       * @param {yfiles.view.ICanvasObjectGroup} group
-       * @param {Object} item
-       * @returns {yfiles.view.ICanvasObject} 
+       * @param context
+       * @param group
+       * @param item
+       * @returns 
        */
       addCanvasObject(context:yfiles.view.ICanvasContext,group:yfiles.view.ICanvasObjectGroup,item:Object):yfiles.view.ICanvasObject;
       /**
@@ -13725,18 +14099,18 @@ declare namespace system{
        * <p>
        * This implementation simply returns the value provided to the constructor.
        * </p>
-       * @param {Object} userObject
-       * @returns {yfiles.geometry.IPoint} 
+       * @param userObject
+       * @returns 
        * @protected
        */
       getCenterPoint(userObject:Object):yfiles.geometry.IPoint;
       /**
-       * Gets or sets the {@link yfiles.view.PointSelectionIndicatorInstaller#stroke} to use for drawing the point in the view coordinate system.
+       * Gets or sets the {@link yfiles.view.Stroke} to use for drawing the point in the view coordinate system.
        * @type {yfiles.view.Stroke}
        */
       stroke:yfiles.view.Stroke;
       /**
-       * Gets or sets the brush to use for filling the point's ellipse in the view coordinate system.
+       * Gets or sets the {@link yfiles.view.Fill} to use for filling the point's ellipse in the view coordinate system.
        * @type {yfiles.view.Fill}
        */
       fill:yfiles.view.Fill;
@@ -13750,7 +14124,7 @@ declare namespace system{
      * instance that is passed in the constructor as a parameter or the return value of the method {@link yfiles.view.RectangleIndicatorInstaller#getRectangle}
      * if the former does not exist (i.e. the parameterless constructor was used to instantiate this class).
      * </p>
-     * @class yfiles.view.RectangleIndicatorInstaller
+     * @class
      * @implements {yfiles.view.ISelectionIndicatorInstaller}
      * @implements {yfiles.view.IHighlightIndicatorInstaller}
      * @implements {yfiles.view.IFocusIndicatorInstaller}
@@ -13767,9 +14141,8 @@ declare namespace system{
        * If the {@link yfiles.view.RectangleIndicatorInstaller#template} property is not set, the <code>resourceKey</code> is used to lookup a {@link yfiles.view.IVisualTemplate} in the resources of the
        * {@link yfiles.view.CanvasComponent}. If there is none, a default templated is used.
        * </p>
-       * @param {yfiles.geometry.IRectangle} fixedBounds
-       * @param {string} [resourceKey=null]
-       * @constructor
+       * @param fixedBounds
+       * @param [resourceKey=null]
        */
       constructor(fixedBounds:yfiles.geometry.IRectangle,resourceKey?:string);
       /**
@@ -13778,15 +14151,14 @@ declare namespace system{
        * The object that is created through this constructor relies on the value returned by the {@link yfiles.view.RectangleIndicatorInstaller#getRectangle}
        * method to {@link yfiles.view.ICanvasObjectGroup#addChild add} to the {@link yfiles.view.ICanvasObjectGroup} in the {@link yfiles.view.ICanvasObjectInstaller#addCanvasObject} method.
        * </p>
-       * @constructor
        */
       constructor();
       /**
        * 
-       * @param {yfiles.view.ICanvasContext} context
-       * @param {yfiles.view.ICanvasObjectGroup} group
-       * @param {Object} item
-       * @returns {yfiles.view.ICanvasObject} 
+       * @param context
+       * @param group
+       * @param item
+       * @returns 
        */
       addCanvasObject(context:yfiles.view.ICanvasContext,group:yfiles.view.ICanvasObjectGroup,item:Object):yfiles.view.ICanvasObject;
       /**
@@ -13799,8 +14171,8 @@ declare namespace system{
        * <p>
        * This implementation returns null for every given object.
        * </p>
-       * @param {Object} userObject
-       * @returns {yfiles.geometry.IRectangle} An {@link yfiles.geometry.IRectangle} for the given item that is {@link yfiles.view.ICanvasObjectGroup#addChild added} to the {@link yfiles.view.ICanvasObjectGroup}.
+       * @param userObject
+       * @returns An {@link } for the given item that is {@link #addChild added} to the {@link }.
        * @protected
        */
       getRectangle(userObject:Object):yfiles.geometry.IRectangle;
@@ -13836,1573 +14208,1231 @@ declare namespace system{
       template:yfiles.view.IVisualTemplate;
       static $class:yfiles.lang.Class;
     }
-    export enum MouseEventTypes{
-      /**
-       * Not a mouse event.
-       */
-      NONE,
-      /**
-       * The mouse has been moved.
-       */
-      MOVE,
-      /**
-       * The mouse has been dragged, which means that it has been moved while at least one button has been pressed.
-       */
-      DRAG,
-      /**
-       * A button has been pressed.
-       */
-      DOWN,
-      /**
-       * A button has been released.
-       * <p>
-       * If there was no drag event since the last press event, this will result in a click.
-       * </p>
-       */
-      UP,
-      /**
-       * The mouse has entered the control's bounds.
-       */
-      ENTER,
-      /**
-       * The mouse has exited the control's bounds.
-       */
-      LEAVE,
-      /**
-       * The mouse wheel has been turned.
-       */
-      WHEEL,
-      /**
-       * A mouse click has been recognized.
-       * <p>
-       * This is the case if a press has directly been followed by a release.
-       * </p>
-       */
-      CLICK,
-      /**
-       * Mouse input capture has been lost.
-       * <p>
-       * This can happen during mouse drags, if any button is pressed and the focus is taken from the application or transferred
-       * to another component by other means then moving the mouse.
-       * </p>
-       */
-      LOST_CAPTURE
-    }
     /**
-     * Complex event arguments that is used by the {@link yfiles.view.CanvasComponent} to indicate mouse events in world coordinates.
-     * @class yfiles.view.MouseEventArgs
-     * @extends {yfiles.lang.EventArgs}
-     */
-    export interface MouseEventArgs extends yfiles.lang.EventArgs{}
-    export class MouseEventArgs {
-      /**
-       * Constructs a new mouse event argument.
-       * @param {yfiles.view.MouseEventTypes} eventType The type of the event
-       * @param {yfiles.geometry.Point} location the position of the mouse in world coordinates at the time of the event
-       * @param {yfiles.view.MouseButtons} [changedButtons=yfiles.view.MouseButtons.NONE] the mouse buttons that have changed state if the type of event is {@link yfiles.view.MouseEventTypes#DOWN} or
-       * {@link yfiles.view.MouseEventTypes#UP}
-       * @param {yfiles.view.ModifierKeys} [changedModifiers=yfiles.view.ModifierKeys.NONE] the modifier Keys that have been changed
-       * @param {yfiles.view.MouseButtons} [buttons=yfiles.view.MouseButtons.NONE] the current state of the MouseButtons
-       * @param {yfiles.view.ModifierKeys} [modifiers=yfiles.view.ModifierKeys.NONE] the current state of the modifier Keys
-       * @param {number} [clickCount=0] the number of clicks this event represents, 2 for a double click
-       * @param {number} [mouseWheelDelta=0] the signed number of mouse wheel turn units
-       * @param {number} [scrollAmount=0] The number of lines to scroll, if <code>scrollType</code> is {@link yfiles.view.MouseWheelDeltaMode#LINES}.
-       * @param {yfiles.view.MouseWheelDeltaMode} [scrollType=yfiles.view.MouseWheelDeltaMode.LINES] The type of scrolling performed.
-       * @param {Event} originalEvent
-       * @constructor
-       */
-      constructor(originalEvent:Event,eventType:yfiles.view.MouseEventTypes,location:yfiles.geometry.Point,changedButtons?:yfiles.view.MouseButtons,changedModifiers?:yfiles.view.ModifierKeys,buttons?:yfiles.view.MouseButtons,modifiers?:yfiles.view.ModifierKeys,clickCount?:number,mouseWheelDelta?:number,scrollAmount?:number,scrollType?:yfiles.view.MouseWheelDeltaMode);
-      /**
-       * Constructs a new mouse event argument.
-       * @param {Object} options The parameters to pass.
-       * @param {yfiles.view.MouseEventTypes} options.eventType The type of the event
-       * @param {yfiles.geometry.Point} options.location the position of the mouse in world coordinates at the time of the event
-       * @param {yfiles.view.MouseButtons} [options.changedButtons=yfiles.view.MouseButtons.NONE] the mouse buttons that have changed state if the type of event is {@link yfiles.view.MouseEventTypes#DOWN} or
-       * {@link yfiles.view.MouseEventTypes#UP}
-       * @param {yfiles.view.ModifierKeys} [options.changedModifiers=yfiles.view.ModifierKeys.NONE] the modifier Keys that have been changed
-       * @param {yfiles.view.MouseButtons} [options.buttons=yfiles.view.MouseButtons.NONE] the current state of the MouseButtons
-       * @param {yfiles.view.ModifierKeys} [options.modifiers=yfiles.view.ModifierKeys.NONE] the current state of the modifier Keys
-       * @param {number} [options.clickCount=0] the number of clicks this event represents, 2 for a double click
-       * @param {number} [options.mouseWheelDelta=0] the signed number of mouse wheel turn units
-       * @param {number} [options.scrollAmount=0] The number of lines to scroll, if <code>scrollType</code> is {@link yfiles.view.MouseWheelDeltaMode#LINES}.
-       * @param {yfiles.view.MouseWheelDeltaMode} [options.scrollType=yfiles.view.MouseWheelDeltaMode.LINES] The type of scrolling performed.
-       * @param {Event} options.originalEvent
-       * @constructor
-       */
-      constructor(options:{originalEvent:Event,eventType:yfiles.view.MouseEventTypes,location:yfiles.geometry.Point,changedButtons?:yfiles.view.MouseButtons,changedModifiers?:yfiles.view.ModifierKeys,buttons?:yfiles.view.MouseButtons,modifiers?:yfiles.view.ModifierKeys,clickCount?:number,mouseWheelDelta?:number,scrollAmount?:number,scrollType?:yfiles.view.MouseWheelDeltaMode});
-      /**
-       * Sets this event's {@link yfiles.view.MouseEventArgs#defaultPrevented} property to <code>true</code> signalling that the event has been properly handled and any default behaviors should
-       * be prevented.
-       * <p>
-       * This will call the corresponding method on the {@link yfiles.view.MouseEventArgs#originalEvent original native event}.
-       * </p>
-       * @see yfiles.view.MouseEventArgs#defaultPrevented
-       */
-      preventDefault():void;
-      /**
-       * Gets the type of this event.
-       * @type {yfiles.view.MouseEventTypes}
-       */
-      eventType:yfiles.view.MouseEventTypes;
-      /**
-       * Returns the coordinates in the world coordinate space associated with this event.
-       * @type {yfiles.geometry.Point}
-       */
-      location:yfiles.geometry.Point;
-      /**
-       * Returns the number of clicks the current event represents if it is of type {@link yfiles.view.MouseEventTypes#CLICK}.
-       * @type {number}
-       */
-      clickCount:number;
-      /**
-       * Gets the signed number of mouse wheel turn units.
-       * <p>
-       * Note that this can, for high-precision mouse wheels, include fractional turns.
-       * </p>
-       * @type {number}
-       */
-      wheelDelta:number;
-      /**
-       * Gets the distance to scroll at once when {@link yfiles.view.MouseEventArgs#deltaMode} is {@link yfiles.view.MouseWheelDeltaMode#LINES}.
-       * <p>
-       * This is a system setting that only applies to scrolling (not zooming) and usually translates to the number of small
-       * scroll increments per scroll wheel notch.
-       * </p>
-       * <p>
-       * This property has a value of <code>1</code> if {@link yfiles.view.MouseEventArgs#deltaMode} is {@link yfiles.view.MouseWheelDeltaMode#PAGE}, as it is not applicable in that case.
-       * </p>
-       * @type {number}
-       */
-      scrollAmount:number;
-      /**
-       * Gets the scrolling behavior.
-       * <p>
-       * This is a system setting that only applies to scrolling (not zooming) and can be either
-       * {@link yfiles.view.MouseWheelDeltaMode#LINES}, in which case {@link yfiles.view.MouseEventArgs#scrollAmount} will contain the number of "lines" to scroll with each scroll
-       * wheel notch, or {@link yfiles.view.MouseWheelDeltaMode#PAGE} in which case a single scroll wheel notch should scroll a "page" at
-       * a time.
-       * </p>
-       * @type {yfiles.view.MouseWheelDeltaMode}
-       */
-      deltaMode:yfiles.view.MouseWheelDeltaMode;
-      /**
-       * Returns the modifier keys that have changed for this event.
-       * @see yfiles.view.MouseEventArgs#modifiers
-       * @type {yfiles.view.ModifierKeys}
-       */
-      changedModifiers:yfiles.view.ModifierKeys;
-      /**
-       * Returns the mouse buttons that have changed for this event.
-       * @see yfiles.view.MouseEventArgs#buttons
-       * @type {yfiles.view.MouseButtons}
-       */
-      changedButtons:yfiles.view.MouseButtons;
-      /**
-       * The state of the modifier keys at the time of the event creation.
-       * @type {yfiles.view.ModifierKeys}
-       */
-      modifiers:yfiles.view.ModifierKeys;
-      /**
-       * The state of the mouse buttons at the time of the event creation.
-       * @type {yfiles.view.MouseButtons}
-       */
-      buttons:yfiles.view.MouseButtons;
-      /**
-       * Gets the original DOM event associated with this event.
-       * @type {Event}
-       */
-      originalEvent:Event;
-      /**
-       * Gets a value indicating whether the default behaviors for this event have been prevented by a previous call to
-       * {@link yfiles.view.MouseEventArgs#preventDefault}.
-       * @type {boolean}
-       */
-      defaultPrevented:boolean;
-      static $class:yfiles.lang.Class;
-    }
-    export enum MouseWheelDeltaMode{
-      /**
-       * Scrolling should scroll a set number of lines per mouse wheel notch.
-       * @see yfiles.view.MouseEventArgs#scrollAmount
-       */
-      LINES,
-      /**
-       * Scrolling should scroll a single "page" per mouse wheel notch.
-       */
-      PAGE
-    }
-    export enum TouchEventTypes{
-      /**
-       * Not a touch event.
-       */
-      NONE,
-      /**
-       * A pointer has been moved.
-       */
-      MOVE,
-      /**
-       * A touch device went down.
-       */
-      DOWN,
-      /**
-       * A touch device went up.
-       */
-      UP,
-      /**
-       * A touch device has entered the control's bounds.
-       */
-      ENTER,
-      /**
-       * A touch device has exited the control's bounds.
-       */
-      LEAVE,
-      /**
-       * A touch tap has been recognized.
-       * <p>
-       * This is the case if a down has directly been followed by an up.
-       * </p>
-       */
-      TAP,
-      /**
-       * A long press has been recognized.
-       * <p>
-       * This is the case if a down has been held a certain amount of time without a move.
-       * </p>
-       */
-      LONG_PRESS,
-      /**
-       * Touch capture has been lost while the device was down. or sent to the background or similar actions.
-       * <p>
-       * This can be the case if the application or control is minimized
-       * </p>
-       */
-      LOST_CAPTURE
-    }
-    /**
-     * Complex event arguments that is used by the {@link yfiles.view.CanvasComponent} to indicate touch events in world coordinates.
-     * @class yfiles.view.TouchEventArgs
-     * @extends {yfiles.lang.EventArgs}
-     */
-    export interface TouchEventArgs extends yfiles.lang.EventArgs{}
-    export class TouchEventArgs {
-      /**
-       * Constructs a new touch event argument.
-       * @param {yfiles.view.TouchEventTypes} eventType The type of the event
-       * @param {yfiles.geometry.Point} location The position of the touch device in world coordinates at the time of the event
-       * @param {yfiles.view.TouchDevice} device The device the event was triggered by
-       * @param {Event} originalEvent
-       * @constructor
-       */
-      constructor(originalEvent:Event,eventType:yfiles.view.TouchEventTypes,location:yfiles.geometry.Point,device:yfiles.view.TouchDevice);
-      /**
-       * Constructs a new touch event argument.
-       * @param {yfiles.view.TouchEventTypes} eventType The type of the event
-       * @param {yfiles.geometry.Point} location The position of the touch device in world coordinates at the time of the event
-       * @param {yfiles.view.TouchDevice} device The device the event was triggered by
-       * @param {number} tapCount the number of taps this event represents, 2 for a double tap
-       * @param {Event} originalEvent
-       * @constructor
-       */
-      constructor(originalEvent:Event,eventType:yfiles.view.TouchEventTypes,location:yfiles.geometry.Point,device:yfiles.view.TouchDevice,tapCount:number);
-      /**
-       * Sets this event's {@link yfiles.view.TouchEventArgs#defaultPrevented} property to <code>true</code> signalling that the event has been properly handled and any default behaviors should
-       * be prevented.
-       * <p>
-       * This will call the corresponding method on the {@link yfiles.view.TouchEventArgs#originalEvent original native event}.
-       * </p>
-       * @see yfiles.view.TouchEventArgs#defaultPrevented
-       */
-      preventDefault():void;
-      /**
-       * Gets the type of this event.
-       * @type {yfiles.view.TouchEventTypes}
-       */
-      eventType:yfiles.view.TouchEventTypes;
-      /**
-       * Returns the location represented by this event in world coordinates.
-       * @type {yfiles.geometry.Point}
-       */
-      location:yfiles.geometry.Point;
-      /**
-       * Returns the touch device associated with this event.
-       * @type {yfiles.view.TouchDevice}
-       */
-      device:yfiles.view.TouchDevice;
-      /**
-       * Returns the number of taps the current event represents if it is of type {@link yfiles.view.TouchEventTypes#TAP}.
-       * @type {number}
-       */
-      tapCount:number;
-      /**
-       * Gets the original DOM event associated with this event.
-       * @type {Event}
-       */
-      originalEvent:Event;
-      /**
-       * Gets a value indicating whether the default behaviors for this event have been prevented by a previous call to
-       * {@link yfiles.view.TouchEventArgs#preventDefault}.
-       * @type {boolean}
-       */
-      defaultPrevented:boolean;
-      static $class:yfiles.lang.Class;
-    }
-    /**
-     * The representation of a touch point on the screen.
-     * @class yfiles.view.TouchDevice
-     */
-    export interface TouchDevice extends Object{}
-    export class TouchDevice {
-      /**
-       * Gets the device's index
-       * @type {number}
-       */
-      deviceIndex:number;
-      /**
-       * Gets a value indicating whether this device is the primary one.
-       * <p>
-       * If {@link yfiles.view.TouchDevice#deviceIndex} is <code>0</code> this property has the value <code>true</code>, otherwise <code>false</code>.
-       * </p>
-       * @type {boolean}
-       */
-      isPrimaryDevice:boolean;
-      /**
-       * Gets the last device coordinate in the view coordinate system.
-       * @type {yfiles.geometry.Point}
-       */
-      lastViewCoordinate:yfiles.geometry.Point;
-      /**
-       * Gets the time of the last {@link yfiles.view.TouchEventArgs event} that was raised by this device.
-       * @type {Date}
-       */
-      lastEventTimeJS:Date;
-      /**
-       * Indicates if this device is currently down or not.
-       * <p>
-       * Default is <code>true</code>.
-       * </p>
-       * @type {boolean}
-       */
-      isDown:boolean;
-      static $class:yfiles.lang.Class;
-    }
-    /**
-     * The event argument class that is used by {@link yfiles.view.DragSource#addQueryContinueDragListener QueryContinueDrag}
-     * during drags to query the drag source whether the drag should be continued.
-     * @class yfiles.view.QueryContinueDragEventArgs
-     * @extends {yfiles.lang.EventArgs}
-     * @final
-     */
-    export interface QueryContinueDragEventArgs extends yfiles.lang.EventArgs{}
-    export class QueryContinueDragEventArgs {
-      /**
-       * Gets or sets the action.
-       * @type {yfiles.view.DragAction}
-       */
-      action:yfiles.view.DragAction;
-      /**
-       * Gets a value indicating whether the escape key had been pressed.
-       * @type {boolean}
-       */
-      escapePressed:boolean;
-      /**
-       * Gets the current state of the keys.
-       * @type {yfiles.view.DragDropKeyStates}
-       */
-      keyStates:yfiles.view.DragDropKeyStates;
-      /**
-       * Gets or sets a value indicating whether this {@link yfiles.view.QueryContinueDragEventArgs} is handled.
-       * @type {boolean}
-       */
-      handled:boolean;
-      static $class:yfiles.lang.Class;
-    }
-    export enum DragAction{
-      /**
-       * Whether the drag should be continued.
-       */
-      CONTINUE,
-      /**
-       * Whether the drag should be finalized by an immediate drop.
-       */
-      DROP,
-      /**
-       * Whether the drag operation should be canceled.
-       */
-      CANCEL
-    }
-    /**
-     * Helper class for drag and drop support that is used for the source of drag and drop operations.
-     * @class yfiles.view.DragSource
-     */
-    export interface DragSource extends Object{}
-    export class DragSource {
-      /**
-       * Initializes a new instance of the {@link yfiles.view.DragSource} class setting the {@link yfiles.view.DragSource#source} property to the given element.
-       * @param {HTMLElement} source The source.
-       * @constructor
-       */
-      constructor(source:HTMLElement);
-      /**
-       * Cleans up by removing the association with the {@link yfiles.view.DragSource#source} element.
-       */
-      cleanUp():void;
-      /**
-       * Raises the {@link yfiles.view.DragSource#addQueryContinueDragListener QueryContinueDrag} event.
-       * <p>
-       * If the event is not {@link yfiles.view.QueryContinueDragEventArgs#handled handled}, a default logic will be applied: the drag operation is canceled if the left mouse button is
-       * released or escape has been pressed, otherwise the drag will be {@link yfiles.view.DragAction#CONTINUE continued}.
-       * </p>
-       * @param {yfiles.view.QueryContinueDragEventArgs} evt The {@link yfiles.view.QueryContinueDragEventArgs} instance containing the event data.
-       */
-      onQueryContinueDrag(evt:yfiles.view.QueryContinueDragEventArgs):void;
-      /**
-       * Initiates a new drag operation using the provided drag data and effects.
-       * <p>
-       * If <code>useCssCursors</code> is enabled, the following CSS classes are assigned to elements hovered during a drag operation,
-       * depending on the allowed drag-drop operations for these elements:
-       * </p>
-       * <ul>
-       * <li><code>yfiles-cursor-dragdrop-move</code></li>
-       * <li><code>yfiles-cursor-dragdrop-link</code></li>
-       * <li><code>yfiles-cursor-dragdrop-all</code></li>
-       * <li><code>yfiles-cursor-dragdrop-no-drop</code></li>
-       * </ul>
-       * @param {yfiles.view.DragDropItem} dragData The data to use for the drag.
-       * @param {yfiles.view.DragDropEffects} [dragDropEffects=yfiles.view.DragDropEffects.ALL] The allowed effects.
-       * @param {boolean} [useCssCursors=true] Whether to adjust the classes of elements being hovered over during the drag. The default is <code>true</code>.
-       */
-      startDrag(dragData:yfiles.view.DragDropItem,dragDropEffects?:yfiles.view.DragDropEffects,useCssCursors?:boolean):void;
-      /**
-       * Initiates a new drag operation using the provided drag data and effects.
-       * <p>
-       * If <code>useCssCursors</code> is enabled, the following CSS classes are assigned to elements hovered during a drag operation,
-       * depending on the allowed drag-drop operations for these elements:
-       * </p>
-       * <ul>
-       * <li><code>yfiles-cursor-dragdrop-move</code></li>
-       * <li><code>yfiles-cursor-dragdrop-link</code></li>
-       * <li><code>yfiles-cursor-dragdrop-all</code></li>
-       * <li><code>yfiles-cursor-dragdrop-no-drop</code></li>
-       * </ul>
-       * @param {Object} options The parameters to pass.
-       * @param {yfiles.view.DragDropItem} options.dragData The data to use for the drag.
-       * @param {yfiles.view.DragDropEffects} [options.dragDropEffects=yfiles.view.DragDropEffects.ALL] The allowed effects.
-       * @param {boolean} [options.useCssCursors=true] Whether to adjust the classes of elements being hovered over during the drag. The default is <code>true</code>.
-       */
-      startDrag(options:{dragData:yfiles.view.DragDropItem,dragDropEffects?:yfiles.view.DragDropEffects,useCssCursors?:boolean}):void;
-      /**
-       * Adds the given listener for the <code>QueryContinueDrag</code> event that occurs when the state of the {@link yfiles.view.DragDropKeyStates}
-       * has changed to query the source whether the drag operation should be continued.
-       * <p>
-       * Handlers should adjust the {@link yfiles.view.QueryContinueDragEventArgs#handled} and {@link yfiles.view.QueryContinueDragEventArgs#action} properties accordingly.
-       * </p>
-       * @param {function(Object, yfiles.view.QueryContinueDragEventArgs): void} listener The listener to add.
-       * @see yfiles.view.DragSource#removeQueryContinueDragListener
-       */
-      addQueryContinueDragListener(listener:(sender:Object,evt:yfiles.view.QueryContinueDragEventArgs)=>void):void;
-      /**
-       * Removes the given listener for the <code>QueryContinueDrag</code> event that occurs when the state of the {@link yfiles.view.DragDropKeyStates}
-       * has changed to query the source whether the drag operation should be continued.
-       * <p>
-       * Handlers should adjust the {@link yfiles.view.QueryContinueDragEventArgs#handled} and {@link yfiles.view.QueryContinueDragEventArgs#action} properties accordingly.
-       * </p>
-       * @param {function(Object, yfiles.view.QueryContinueDragEventArgs): void} listener The listener to remove.
-       * @see yfiles.view.DragSource#addQueryContinueDragListener
-       */
-      removeQueryContinueDragListener(listener:(sender:Object,evt:yfiles.view.QueryContinueDragEventArgs)=>void):void;
-      /**
-       * Gets or sets the source element from which drags can originate.
-       * <p>
-       * If the {@link yfiles.view.DragSource#allowDrag} property is enabled, this will automatically register mouse event handlers on the element that will recognize
-       * default drag gestures (press followed by drag) to {@link yfiles.view.DragSource#startDrag initiate a drag and drop operation}.
-       * </p>
-       * @default null
-       * @type {HTMLElement}
-       */
-      source:HTMLElement;
-      /**
-       * Gets or sets a value indicating whether default drag gestures should be automatically recognized on the {@link yfiles.view.DragSource#source}.
-       * @default false
-       * @type {boolean}
-       */
-      allowDrag:boolean;
-      /**
-       * Gets or sets the data that will be used for the {@link yfiles.view.DragSource#allowDrag automatic drag operation}.
-       * <p>
-       * If this data is not a {@link yfiles.view.DragDropItem}, the {@link yfiles.input.DropInputMode expected format} of the automatic drag operation will be <code>code</code>.
-       * </p>
-       * @default null
-       * @type {Object}
-       */
-      item:Object;
-      /**
-       * Gets or sets the {@link yfiles.view.DragSource#effectAllowed} that will be used for the {@link yfiles.view.DragSource#allowDrag automatic drag operation}.
-       * @default 7
-       * @type {yfiles.view.DragDropEffects}
-       */
-      effectAllowed:yfiles.view.DragDropEffects;
-      static $class:yfiles.lang.Class;
-    }
-    /**
-     * Helper class that plays the role of the target during a drag and drop operation that is initiated using {@link yfiles.view.DragSource#startDrag}
-     * in a {@link yfiles.view.DragSource}.
-     * @class yfiles.view.DropTarget
-     */
-    export interface DropTarget extends Object{}
-    export class DropTarget {
-      /**
-       * Initializes a new instance of the {@link yfiles.view.DropTarget} class.
-       * <p>
-       * In order to make the instance available to the drag and drop mechanisms, the {@link yfiles.view.DropTarget#setDropTarget} helper
-       * method should be used. If the optional <code>element</code> is passed in, it will automatically be registered.
-       * </p>
-       * @param {Element} [element=null] The element to optionally {@link yfiles.view.DropTarget#setDropTarget associate} with the new instance.
-       * @see yfiles.view.DropTarget#setDropTarget
-       * @see yfiles.view.DropTarget#getDropTarget
-       * @constructor
-       */
-      constructor(element?:Element);
-      /**
-       * Gets the {@link yfiles.view.DropTarget} instance associated with the given element.
-       * @param {Element} element The element to get the drop target instance of.
-       * @returns {yfiles.view.DropTarget} The associated instance or <code>null</code>.
-       * @see yfiles.view.DropTarget#setDropTarget
-       * @static
-       */
-      static getDropTarget(element:Element):yfiles.view.DropTarget;
-      /**
-       * Sets the drop target for the given element.
-       * @param {Element} element The element or <code>null</code> to register the drop target instance with.
-       * @param {yfiles.view.DropTarget} dropTarget The instance to attach to the element, <code>null</code> to remove the association from the element.
-       * @see yfiles.view.DropTarget#getDropTarget
-       * @static
-       */
-      static setDropTarget(element:Element,dropTarget:yfiles.view.DropTarget):void;
-      /**
-       * Adds the given listener for the <code>DragEnter</code> event that occurs when a drag enters the drop target.
-       * <p>
-       * The handler may adjust the {@link yfiles.view.DragEventArgs#dropEffect} and call {@link yfiles.view.DragEventArgs#handled}.
-       * </p>
-       * @param {function(Object, yfiles.view.DragEventArgs): void} listener The listener to add.
-       * @see yfiles.view.DropTarget#removeDragEnterListener
-       */
-      addDragEnterListener(listener:(sender:Object,evt:yfiles.view.DragEventArgs)=>void):void;
-      /**
-       * Removes the given listener for the <code>DragEnter</code> event that occurs when a drag enters the drop target.
-       * <p>
-       * The handler may adjust the {@link yfiles.view.DragEventArgs#dropEffect} and call {@link yfiles.view.DragEventArgs#handled}.
-       * </p>
-       * @param {function(Object, yfiles.view.DragEventArgs): void} listener The listener to remove.
-       * @see yfiles.view.DropTarget#addDragEnterListener
-       */
-      removeDragEnterListener(listener:(sender:Object,evt:yfiles.view.DragEventArgs)=>void):void;
-      /**
-       * Adds the given listener for the <code>DragLeave</code> event that occurs when a drag leaves the drop target.
-       * <p>
-       * The handler may adjust the {@link yfiles.view.DragEventArgs#dropEffect} and call {@link yfiles.view.DragEventArgs#handled}.
-       * </p>
-       * @param {function(Object, yfiles.view.DragEventArgs): void} listener The listener to add.
-       * @see yfiles.view.DropTarget#removeDragLeaveListener
-       */
-      addDragLeaveListener(listener:(sender:Object,evt:yfiles.view.DragEventArgs)=>void):void;
-      /**
-       * Removes the given listener for the <code>DragLeave</code> event that occurs when a drag leaves the drop target.
-       * <p>
-       * The handler may adjust the {@link yfiles.view.DragEventArgs#dropEffect} and call {@link yfiles.view.DragEventArgs#handled}.
-       * </p>
-       * @param {function(Object, yfiles.view.DragEventArgs): void} listener The listener to remove.
-       * @see yfiles.view.DropTarget#addDragLeaveListener
-       */
-      removeDragLeaveListener(listener:(sender:Object,evt:yfiles.view.DragEventArgs)=>void):void;
-      /**
-       * Adds the given listener for the <code>DragOver</code> event that occurs when a drag is being performed over the drop target.
-       * <p>
-       * The handler may adjust the {@link yfiles.view.DragEventArgs#dropEffect} and call {@link yfiles.view.DragEventArgs#handled}.
-       * </p>
-       * @param {function(Object, yfiles.view.DragEventArgs): void} listener The listener to add.
-       * @see yfiles.view.DropTarget#removeDragOverListener
-       */
-      addDragOverListener(listener:(sender:Object,evt:yfiles.view.DragEventArgs)=>void):void;
-      /**
-       * Removes the given listener for the <code>DragOver</code> event that occurs when a drag is being performed over the drop target.
-       * <p>
-       * The handler may adjust the {@link yfiles.view.DragEventArgs#dropEffect} and call {@link yfiles.view.DragEventArgs#handled}.
-       * </p>
-       * @param {function(Object, yfiles.view.DragEventArgs): void} listener The listener to remove.
-       * @see yfiles.view.DropTarget#addDragOverListener
-       */
-      removeDragOverListener(listener:(sender:Object,evt:yfiles.view.DragEventArgs)=>void):void;
-      /**
-       * Adds the given listener for the <code>Drop</code> event that occurs when the drop operation is performed on the drop target.
-       * <p>
-       * The handler may adjust the {@link yfiles.view.DragEventArgs#dropEffect} and call {@link yfiles.view.DragEventArgs#handled}.
-       * </p>
-       * @param {function(Object, yfiles.view.DragEventArgs): void} listener The listener to add.
-       * @see yfiles.view.DropTarget#removeDropListener
-       */
-      addDropListener(listener:(sender:Object,evt:yfiles.view.DragEventArgs)=>void):void;
-      /**
-       * Removes the given listener for the <code>Drop</code> event that occurs when the drop operation is performed on the drop target.
-       * <p>
-       * The handler may adjust the {@link yfiles.view.DragEventArgs#dropEffect} and call {@link yfiles.view.DragEventArgs#handled}.
-       * </p>
-       * @param {function(Object, yfiles.view.DragEventArgs): void} listener The listener to remove.
-       * @see yfiles.view.DropTarget#addDropListener
-       */
-      removeDropListener(listener:(sender:Object,evt:yfiles.view.DragEventArgs)=>void):void;
-      /**
-       * Gets or sets a value indicating whether dropping to this target is currently allowed.
-       * @type {boolean}
-       */
-      allowDrop:boolean;
-      static $class:yfiles.lang.Class;
-    }
-    /**
-     * A container for {@link yfiles.view.DashStyle#dashes} and an {@link yfiles.view.DashStyle#offset}.
+     * Helper class used by {@link yfiles.view.CanvasComponent} to limit the interactive movement of the viewport.
      * <p>
-     * All of these values are in terms of multiples of the the thickness of a
-     * {@link yfiles.view.Stroke}. This is different from the corresponding properties of a SVG stroke.
+     * The {@link yfiles.view.CanvasComponent#viewportLimiter} instance should be consulted whenever the user tries to change the viewport. Using method {@link yfiles.view.ViewportLimiter#limitViewport}
+     * the desired viewport can be validated by the implementation. Note that setting the {@link yfiles.view.CanvasComponent#zoom} property or {@link yfiles.view.CanvasComponent#viewPoint} property will not be
+     * influenced by implementations of this class. It is up to the caller to perform verification.
      * </p>
-     * @class yfiles.view.DashStyle
+     * @see yfiles.view.ViewportLimiter#bounds
+     * @class
      */
-    export interface DashStyle extends Object{}
-    export class DashStyle {
+    export interface ViewportLimiter extends Object{}
+    export class ViewportLimiter {
       /**
-       * Initializes a new instance of the {@link yfiles.view.DashStyle} class using the provided dashes and offset.
-       * @param {Array.<number>} dashes The dashes.
-       * @param {number} offset The offset.
-       * @constructor
-       */
-      constructor(dashes:number[],offset:number);
-      /**
-       * Initializes a new instance of the {@link yfiles.view.DashStyle} class using an empty {@link yfiles.view.DashStyle#dashes} and zero {@link yfiles.view.DashStyle#offset}.
-       * @constructor
+       * Initializes a new instance of the {@link yfiles.view.ViewportLimiter} class.
        */
       constructor();
       /**
-       * Clones this instance by returning a {@link Object#memberwiseClone} or this in case this instance is already {@link yfiles.view.DashStyle#isFrozen frozen}.
-       * @returns {Object} An instance of the same type as this instance.
-       */
-      clone():Object;
-      /**
-       * Freezes this instance.
+       * Gets the to bounds that should be honored for the upcoming call.
        * <p>
-       * Freezing an object makes it immutable, which can result in performance enhancements.
+       * This method is used as callback by {@link yfiles.view.ViewportLimiter#limitViewport} for each request. The default
+       * implementation just yields {@link yfiles.view.ViewportLimiter#bounds}.
        * </p>
+       * @param canvas The canvas control.
+       * @param suggestedViewport The suggested viewport.
+       * @returns The bounds to honor or <code>null</code>.
+       * @protected
        */
-      freeze():void;
+      getCurrentBounds(canvas:yfiles.view.CanvasComponent,suggestedViewport:yfiles.geometry.Rect):yfiles.geometry.Rect;
       /**
-       * Determines if this instance is frozen.
-       * @returns {boolean} 
+       * Inspects the desired or suggested new viewport for the given control and returns a valid viewport to use.
+       * @param canvas The canvas control on which the viewport should be applied.
+       * @param suggestedViewport The suggested viewport.
+       * @returns The viewport that should be used.
        */
-      isFrozen():boolean;
+      limitViewport(canvas:yfiles.view.CanvasComponent,suggestedViewport:yfiles.geometry.Rect):yfiles.geometry.Rect;
       /**
-       * Gets or sets the dashes.
-       * @type {yfiles.collections.List.<number>}
+       * Gets or sets a value indicating whether both dimensions of {@link yfiles.view.ViewportLimiter#bounds} need to be honored.
+       * @default true
+       * @type {boolean}
        */
-      dashes:yfiles.collections.List<number>;
+      honorBothDimensions:boolean;
       /**
-       * Gets or sets the offset.
-       * @type {number}
+       * Gets or sets the maximal allowed navigable bounds for the viewport.
+       * @type {yfiles.geometry.Rect}
        */
-      offset:number;
-      /**
-       * Gets the dash style with a single dash.
-       * <p>
-       * This style is designed for dash caps that extend into the 'gaps' like {@link yfiles.view.LineCap#SQUARE} and
-       * {@link yfiles.view.LineCap#ROUND}. A pen with this style doesn't look as expected if its dash cap is {@link yfiles.view.LineCap#FLAT}.
-       * Since {@link yfiles.view.LineCap#FLAT} is the default value, you should explicitly set another value.
-       * </p>
-       */
-      static DASH:yfiles.view.DashStyle;
-      /**
-       * Gets the dash style with a single dash and dot.
-       * <p>
-       * This style is designed for dash caps that extend into the 'gaps' like {@link yfiles.view.LineCap#SQUARE} and
-       * {@link yfiles.view.LineCap#ROUND}. A pen with this style doesn't contain visible dots if its dash cap is
-       * {@link yfiles.view.LineCap#FLAT}. Since {@link yfiles.view.LineCap#FLAT} is the default value, you should explicitly set another value.
-       * </p>
-       */
-      static DASH_DOT:yfiles.view.DashStyle;
-      /**
-       * Gets the dash style with a single dash and two dots.
-       * <p>
-       * This style is designed for dash caps that extend into the 'gaps' like {@link yfiles.view.LineCap#SQUARE} and
-       * {@link yfiles.view.LineCap#ROUND}. A pen with this style doesn't contain visible dots if its dash cap is
-       * {@link yfiles.view.LineCap#FLAT}. Since {@link yfiles.view.LineCap#FLAT} is the default value, you should explicitly set another value.
-       * </p>
-       */
-      static DASH_DOT_DOT:yfiles.view.DashStyle;
-      /**
-       * Gets the dash style with a single dot.
-       * <p>
-       * This style is designed for dash caps that extend into the 'gaps' like {@link yfiles.view.LineCap#SQUARE} and
-       * {@link yfiles.view.LineCap#ROUND}. A pen with this style doesn't contain visible dots if its dash cap is
-       * {@link yfiles.view.LineCap#FLAT}. Since {@link yfiles.view.LineCap#FLAT} is the default value, you should explicitly set another value.
-       * </p>
-       */
-      static DOT:yfiles.view.DashStyle;
-      /**
-       * Gets the solid dash style with no dashes.
-       */
-      static SOLID:yfiles.view.DashStyle;
+      bounds:yfiles.geometry.Rect;
       static $class:yfiles.lang.Class;
     }
-    /**
-     * The default implementation of a data object for the {@link yfiles.input.DropInputMode}.
-     * @class yfiles.view.DragDropItem
-     * @final
-     */
-    export interface DragDropItem extends Object{}
-    export class DragDropItem {
+    export enum DragDropKeyStates{
       /**
-       * Initializes a new instance of the {@link yfiles.view.DragDropItem} class and sets the provided data item for the specified
-       * format.
-       * @param {string} [format=null] The format.
-       * @param {Object} [data=null] The data item.
-       * @see yfiles.view.DragDropItem#setData
-       * @constructor
+       * The left mouse button is down or a touch gesture is in progress.
        */
-      constructor(format?:string,data?:Object);
+      POINTER_DOWN,
       /**
-       * Initializes a new instance of the {@link yfiles.view.DragDropItem} class and sets the provided data item for the specified
-       * format.
-       * @param {Object} options The parameters to pass.
-       * @param {string} [options.format=null] The format.
-       * @param {Object} [options.data=null] The data item.
-       * @see yfiles.view.DragDropItem#setData
-       * @constructor
+       * No button and no key is pressed.
        */
-      constructor(options:{format?:string,data?:Object});
+      NONE,
       /**
-       * Gets the data item for the given format.
-       * @param {string} format The format.
-       * @returns {Object} The data item that is stored for this format, or <code>null</code> if no such item exists.
-       * @see yfiles.view.DragDropItem#setData
+       * The shift key is down.
        */
-      getData(format:string):Object;
+      SHIFT_KEY,
       /**
-       * Sets the data item for the given format.
-       * @param {string} format The format.
-       * @param {Object} data The data item.
-       * @see yfiles.view.DragDropItem#getData
+       * The control key is down.
        */
-      setData(format:string,data:Object):void;
+      CONTROL_KEY,
       /**
-       * Gets the types of the data items stored in this instance.
-       * @type {Array.<string>}
+       * The alt key is down.
        */
-      types:string[];
-      static $class:yfiles.lang.Class;
+      ALT_KEY
     }
     /**
-     * A utility class that holds all properties of a {@link yfiles.view.Stroke}.
-     * @class yfiles.view.Stroke
-     * @implements {yfiles.lang.ICloneable}
-     * @final
+     * A simple {@link yfiles.view.ICanvasObjectDescriptor} that can be used to draw {@link yfiles.input.IPortCandidate} instances in a
+     * {@link yfiles.view.CanvasComponent}.
+     * @class
+     * @implements {yfiles.view.ICanvasObjectDescriptor}
+     * @implements {yfiles.view.IVisualCreator}
+     * @implements {yfiles.view.IBoundsProvider}
+     * @implements {yfiles.input.IHitTestable}
+     * @implements {yfiles.view.IVisibilityTestable}
+     * @implements {yfiles.input.IMarqueeTestable}
      */
-    export interface Stroke extends Object,yfiles.lang.ICloneable{}
-    export class Stroke {
+    export interface DefaultPortCandidateDescriptor extends Object,yfiles.view.ICanvasObjectDescriptor,yfiles.view.IVisualCreator,yfiles.view.IBoundsProvider,yfiles.input.IHitTestable,yfiles.view.IVisibilityTestable,yfiles.input.IMarqueeTestable{}
+    export class DefaultPortCandidateDescriptor {
       /**
-       * Initializes a new instance of the {@link yfiles.view.Stroke} class using the given brush and thickness.
-       * @param {yfiles.view.Fill} [fill=null] The brush.
-       * @param {number} [thickness=1.0] The thickness.
-       * @constructor
+       * Instantiates a new descriptor.
        */
-      constructor(fill?:yfiles.view.Fill,thickness?:number);
+      constructor();
       /**
-       * Initializes a new instance of the {@link yfiles.view.Stroke} class using the given brush and thickness.
-       * @param {Object} options The parameters to pass.
-       * @param {yfiles.view.Fill} [options.fill=null] The brush.
-       * @param {number} [options.thickness=1.0] The thickness.
-       * @param {yfiles.view.LineCap} options.lineCap The dash cap.
+       * 
+       * @param forUserObject
+       * @returns 
+       */
+      getBoundsProvider(forUserObject:Object):yfiles.view.IBoundsProvider;
+      /**
+       * 
+       * @param forUserObject
+       * @returns 
+       */
+      getHitTestable(forUserObject:Object):yfiles.input.IHitTestable;
+      /**
+       * 
+       * @param forUserObject
+       * @returns 
+       */
+      getVisibilityTestable(forUserObject:Object):yfiles.view.IVisibilityTestable;
+      /**
+       * 
+       * @param forUserObject
+       * @returns 
+       */
+      getVisualCreator(forUserObject:Object):yfiles.view.IVisualCreator;
+      /**
+       * 
+       * @param context
+       * @param canvasObject
+       * @returns 
+       */
+      isDirty(context:yfiles.view.ICanvasContext,canvasObject:yfiles.view.ICanvasObject):boolean;
+      /**
+       * Sets the {@link yfiles.view.IVisualTemplate} to use for the given {@link string} by this instance.
        * <p>
-       * This option sets the {@link yfiles.view.Stroke#lineCap} property on the created object.
+       * This method can be used to reconfigure the visualization for the various keys that are declared by this class.
        * </p>
-       * @param {yfiles.view.DashStyle} options.dashStyle The dash style for the {@link yfiles.view.Stroke}.
+       * @param resourceKey The key to reconfigure. This is one of
+       * {@link #CANDIDATE_DRAWING_VALID_NON_FOCUSED_KEY},
+       * {@link #CANDIDATE_DRAWING_INVALID_NON_FOCUSED_KEY},
+       * {@link #CANDIDATE_DRAWING_INVALID_FOCUSED_KEY},
+       * {@link #CANDIDATE_DRAWING_VALID_FOCUSED_KEY}.
+       * @param template The template to use instead of the default.
+       */
+      setTemplate(resourceKey:string,template:yfiles.view.IVisualTemplate):void;
+      /**
+       * A {@link string} that can be used by instances of the {@link yfiles.view.DefaultPortCandidateDescriptor} to look up a {@link yfiles.view.IVisualTemplate}
+       * that will be used for rendering a valid, non-focused {@link yfiles.input.IPortCandidate}.
        * <p>
-       * This option sets the {@link yfiles.view.Stroke#dashStyle} property on the created object.
+       * The drawing returned should be centered around <code>(0,0)</code>.
        * </p>
-       * @param {yfiles.view.LineJoin} options.lineJoin The line join property.
-       * <p>
-       * This option sets the {@link yfiles.view.Stroke#lineJoin} property on the created object.
-       * </p>
-       * @param {number} options.miterLimit The miter limit.
-       * <p>
-       * This option sets the {@link yfiles.view.Stroke#miterLimit} property on the created object.
-       * </p>
-       * @constructor
-       */
-      constructor(options:{fill?:yfiles.view.Fill,thickness?:number,lineCap?:yfiles.view.LineCap,dashStyle?:yfiles.view.DashStyle,lineJoin?:yfiles.view.LineJoin,miterLimit?:number});
-      /**
-       * Assigns the stroke defined by this instance to the given <code>element</code>.
-       * @param {SVGElement} element The element whose stroke should be set.
-       * @param {yfiles.view.ICanvasContext} context The context.
-       */
-      applyTo(element:SVGElement,context:yfiles.view.ICanvasContext):void;
-      /**
-       * Clones this instance by returning a {@link Object#memberwiseClone} or this in case this instance is already {@link yfiles.view.Stroke#isFrozen frozen}.
-       * @returns {Object} An instance of the same type as this instance.
-       */
-      clone():Object;
-      /**
-       * Clones the current value of this instance to a new unfrozen {@link yfiles.view.Stroke}.
-       * @returns {yfiles.view.Stroke} 
-       */
-      cloneCurrentValue():yfiles.view.Stroke;
-      /**
-       * Freezes this instance.
-       * <p>
-       * Freezing an object makes it immutable, which can result in performance enhancements.
-       * </p>
-       */
-      freeze():void;
-      /**
-       * Determines if this instance is frozen.
-       * @returns {boolean} 
-       */
-      isFrozen():boolean;
-      /**
-       * Gets or sets the brush for the {@link yfiles.view.Stroke}.
-       * @default 'Black'
-       * @type {yfiles.view.Fill}
-       */
-      fill:yfiles.view.Fill;
-      /**
-       * Gets or sets the dash cap.
-       * @default 1
-       * @type {yfiles.view.LineCap}
-       */
-      lineCap:yfiles.view.LineCap;
-      /**
-       * Gets or sets the line join property.
-       * @default 2
-       * @type {yfiles.view.LineJoin}
-       */
-      lineJoin:yfiles.view.LineJoin;
-      /**
-       * Gets or sets the dash style for the {@link yfiles.view.Stroke}.
-       * <p>
-       * The visual appearance of the 'dashes' and 'gaps' specified by this property depends on the value of the property {@link yfiles.view.Stroke#lineCap}, too.
-       * </p>
-       * <p>
-       * The predefined dash styles are designed for dash caps that extend into the 'gaps' like {@link yfiles.view.LineCap#SQUARE} and
-       * {@link yfiles.view.LineCap#ROUND}. With {@link yfiles.view.LineCap#FLAT}, the dashes might not look like expected, for example {@link yfiles.view.DashStyle#DOT} will not
-       * be visible at all. Since {@link yfiles.view.LineCap#FLAT} is the default value, you should explicitly set another value in this
-       * case.
-       * </p>
-       * @default 'Solid'
-       * @type {yfiles.view.DashStyle}
-       */
-      dashStyle:yfiles.view.DashStyle;
-      /**
-       * Gets or sets the miter limit.
-       * @default 10.0
-       * @type {number}
-       */
-      miterLimit:number;
-      /**
-       * Gets or sets the thickness of the stroke.
-       * @default 1.0
-       * @type {number}
-       */
-      thickness:number;
-      /**
-       * Gets a {@link yfiles.view.Stroke#isFrozen frozen} {@link yfiles.view.Stroke} that uses {@link yfiles.view.Fill#ALICE_BLUE} as its {@link yfiles.view.Stroke#fill} and has a {@link yfiles.view.Stroke#thickness} of <code>1</code>.
-       */
-      static ALICE_BLUE:yfiles.view.Stroke;
-      /**
-       * Gets a {@link yfiles.view.Stroke#isFrozen frozen} {@link yfiles.view.Stroke} that uses {@link yfiles.view.Fill#ANTIQUE_WHITE} as its {@link yfiles.view.Stroke#fill} and has a {@link yfiles.view.Stroke#thickness} of <code>1</code>.
-       */
-      static ANTIQUE_WHITE:yfiles.view.Stroke;
-      /**
-       * Gets a {@link yfiles.view.Stroke#isFrozen frozen} {@link yfiles.view.Stroke} that uses {@link yfiles.view.Fill#AQUA} as its {@link yfiles.view.Stroke#fill} and has a {@link yfiles.view.Stroke#thickness} of <code>1</code>.
-       */
-      static AQUA:yfiles.view.Stroke;
-      /**
-       * Gets a {@link yfiles.view.Stroke#isFrozen frozen} {@link yfiles.view.Stroke} that uses {@link yfiles.view.Fill#AQUAMARINE} as its {@link yfiles.view.Stroke#fill} and has a {@link yfiles.view.Stroke#thickness} of <code>1</code>.
-       */
-      static AQUAMARINE:yfiles.view.Stroke;
-      /**
-       * Gets a {@link yfiles.view.Stroke#isFrozen frozen} {@link yfiles.view.Stroke} that uses {@link yfiles.view.Fill#AZURE} as its {@link yfiles.view.Stroke#fill} and has a {@link yfiles.view.Stroke#thickness} of <code>1</code>.
-       */
-      static AZURE:yfiles.view.Stroke;
-      /**
-       * Gets a {@link yfiles.view.Stroke#isFrozen frozen} {@link yfiles.view.Stroke} that uses {@link yfiles.view.Fill#BEIGE} as its {@link yfiles.view.Stroke#fill} and has a {@link yfiles.view.Stroke#thickness} of <code>1</code>.
-       */
-      static BEIGE:yfiles.view.Stroke;
-      /**
-       * Gets a {@link yfiles.view.Stroke#isFrozen frozen} {@link yfiles.view.Stroke} that uses {@link yfiles.view.Fill#BISQUE} as its {@link yfiles.view.Stroke#fill} and has a {@link yfiles.view.Stroke#thickness} of <code>1</code>.
-       */
-      static BISQUE:yfiles.view.Stroke;
-      /**
-       * Gets a {@link yfiles.view.Stroke#isFrozen frozen} {@link yfiles.view.Stroke} that uses {@link yfiles.view.Fill#BLACK} as its {@link yfiles.view.Stroke#fill} and has a {@link yfiles.view.Stroke#thickness} of <code>1</code>.
-       */
-      static BLACK:yfiles.view.Stroke;
-      /**
-       * Gets a {@link yfiles.view.Stroke#isFrozen frozen} {@link yfiles.view.Stroke} that uses {@link yfiles.view.Fill#BLANCHED_ALMOND} as its {@link yfiles.view.Stroke#fill} and has a {@link yfiles.view.Stroke#thickness} of <code>1</code>.
-       */
-      static BLANCHED_ALMOND:yfiles.view.Stroke;
-      /**
-       * Gets a {@link yfiles.view.Stroke#isFrozen frozen} {@link yfiles.view.Stroke} that uses {@link yfiles.view.Fill#BLUE} as its {@link yfiles.view.Stroke#fill} and has a {@link yfiles.view.Stroke#thickness} of <code>1</code>.
-       */
-      static BLUE:yfiles.view.Stroke;
-      /**
-       * Gets a {@link yfiles.view.Stroke#isFrozen frozen} {@link yfiles.view.Stroke} that uses {@link yfiles.view.Fill#BLUE_VIOLET} as its {@link yfiles.view.Stroke#fill} and has a {@link yfiles.view.Stroke#thickness} of <code>1</code>.
-       */
-      static BLUE_VIOLET:yfiles.view.Stroke;
-      /**
-       * Gets a {@link yfiles.view.Stroke#isFrozen frozen} {@link yfiles.view.Stroke} that uses {@link yfiles.view.Fill#BROWN} as its {@link yfiles.view.Stroke#fill} and has a {@link yfiles.view.Stroke#thickness} of <code>1</code>.
-       */
-      static BROWN:yfiles.view.Stroke;
-      /**
-       * Gets a {@link yfiles.view.Stroke#isFrozen frozen} {@link yfiles.view.Stroke} that uses {@link yfiles.view.Fill#BURLY_WOOD} as its {@link yfiles.view.Stroke#fill} and has a {@link yfiles.view.Stroke#thickness} of <code>1</code>.
-       */
-      static BURLY_WOOD:yfiles.view.Stroke;
-      /**
-       * Gets a {@link yfiles.view.Stroke#isFrozen frozen} {@link yfiles.view.Stroke} that uses {@link yfiles.view.Fill#CADET_BLUE} as its {@link yfiles.view.Stroke#fill} and has a {@link yfiles.view.Stroke#thickness} of <code>1</code>.
-       */
-      static CADET_BLUE:yfiles.view.Stroke;
-      /**
-       * Gets a {@link yfiles.view.Stroke#isFrozen frozen} {@link yfiles.view.Stroke} that uses {@link yfiles.view.Fill#CHARTREUSE} as its {@link yfiles.view.Stroke#fill} and has a {@link yfiles.view.Stroke#thickness} of <code>1</code>.
-       */
-      static CHARTREUSE:yfiles.view.Stroke;
-      /**
-       * Gets a {@link yfiles.view.Stroke#isFrozen frozen} {@link yfiles.view.Stroke} that uses {@link yfiles.view.Fill#CHOCOLATE} as its {@link yfiles.view.Stroke#fill} and has a {@link yfiles.view.Stroke#thickness} of <code>1</code>.
-       */
-      static CHOCOLATE:yfiles.view.Stroke;
-      /**
-       * Gets a {@link yfiles.view.Stroke#isFrozen frozen} {@link yfiles.view.Stroke} that uses {@link yfiles.view.Fill#CORAL} as its {@link yfiles.view.Stroke#fill} and has a {@link yfiles.view.Stroke#thickness} of <code>1</code>.
-       */
-      static CORAL:yfiles.view.Stroke;
-      /**
-       * Gets a {@link yfiles.view.Stroke#isFrozen frozen} {@link yfiles.view.Stroke} that uses {@link yfiles.view.Fill#CORNFLOWER_BLUE} as its {@link yfiles.view.Stroke#fill} and has a {@link yfiles.view.Stroke#thickness} of <code>1</code>.
-       */
-      static CORNFLOWER_BLUE:yfiles.view.Stroke;
-      /**
-       * Gets a {@link yfiles.view.Stroke#isFrozen frozen} {@link yfiles.view.Stroke} that uses {@link yfiles.view.Fill#CORNSILK} as its {@link yfiles.view.Stroke#fill} and has a {@link yfiles.view.Stroke#thickness} of <code>1</code>.
-       */
-      static CORNSILK:yfiles.view.Stroke;
-      /**
-       * Gets a {@link yfiles.view.Stroke#isFrozen frozen} {@link yfiles.view.Stroke} that uses {@link yfiles.view.Fill#CRIMSON} as its {@link yfiles.view.Stroke#fill} and has a {@link yfiles.view.Stroke#thickness} of <code>1</code>.
-       */
-      static CRIMSON:yfiles.view.Stroke;
-      /**
-       * Gets a {@link yfiles.view.Stroke#isFrozen frozen} {@link yfiles.view.Stroke} that uses {@link yfiles.view.Fill#CYAN} as its {@link yfiles.view.Stroke#fill} and has a {@link yfiles.view.Stroke#thickness} of <code>1</code>.
-       */
-      static CYAN:yfiles.view.Stroke;
-      /**
-       * Gets a {@link yfiles.view.Stroke#isFrozen frozen} {@link yfiles.view.Stroke} that uses {@link yfiles.view.Fill#DARK_BLUE} as its {@link yfiles.view.Stroke#fill} and has a {@link yfiles.view.Stroke#thickness} of <code>1</code>.
-       */
-      static DARK_BLUE:yfiles.view.Stroke;
-      /**
-       * Gets a {@link yfiles.view.Stroke#isFrozen frozen} {@link yfiles.view.Stroke} that uses {@link yfiles.view.Fill#DARK_CYAN} as its {@link yfiles.view.Stroke#fill} and has a {@link yfiles.view.Stroke#thickness} of <code>1</code>.
-       */
-      static DARK_CYAN:yfiles.view.Stroke;
-      /**
-       * Gets a {@link yfiles.view.Stroke#isFrozen frozen} {@link yfiles.view.Stroke} that uses {@link yfiles.view.Fill#DARK_GOLDENROD} as its {@link yfiles.view.Stroke#fill} and has a {@link yfiles.view.Stroke#thickness} of <code>1</code>.
-       */
-      static DARK_GOLDENROD:yfiles.view.Stroke;
-      /**
-       * Gets a {@link yfiles.view.Stroke#isFrozen frozen} {@link yfiles.view.Stroke} that uses {@link yfiles.view.Fill#DARK_GRAY} as its {@link yfiles.view.Stroke#fill} and has a {@link yfiles.view.Stroke#thickness} of <code>1</code>.
-       */
-      static DARK_GRAY:yfiles.view.Stroke;
-      /**
-       * Gets a {@link yfiles.view.Stroke#isFrozen frozen} {@link yfiles.view.Stroke} that uses {@link yfiles.view.Fill#DARK_GREEN} as its {@link yfiles.view.Stroke#fill} and has a {@link yfiles.view.Stroke#thickness} of <code>1</code>.
-       */
-      static DARK_GREEN:yfiles.view.Stroke;
-      /**
-       * Gets a {@link yfiles.view.Stroke#isFrozen frozen} {@link yfiles.view.Stroke} that uses {@link yfiles.view.Fill#DARK_KHAKI} as its {@link yfiles.view.Stroke#fill} and has a {@link yfiles.view.Stroke#thickness} of <code>1</code>.
-       */
-      static DARK_KHAKI:yfiles.view.Stroke;
-      /**
-       * Gets a {@link yfiles.view.Stroke#isFrozen frozen} {@link yfiles.view.Stroke} that uses {@link yfiles.view.Fill#DARK_MAGENTA} as its {@link yfiles.view.Stroke#fill} and has a {@link yfiles.view.Stroke#thickness} of <code>1</code>.
-       */
-      static DARK_MAGENTA:yfiles.view.Stroke;
-      /**
-       * Gets a {@link yfiles.view.Stroke#isFrozen frozen} {@link yfiles.view.Stroke} that uses {@link yfiles.view.Fill#DARK_OLIVE_GREEN} as its {@link yfiles.view.Stroke#fill} and has a {@link yfiles.view.Stroke#thickness} of <code>1</code>.
-       */
-      static DARK_OLIVE_GREEN:yfiles.view.Stroke;
-      /**
-       * Gets a {@link yfiles.view.Stroke#isFrozen frozen} {@link yfiles.view.Stroke} that uses {@link yfiles.view.Fill#DARK_ORANGE} as its {@link yfiles.view.Stroke#fill} and has a {@link yfiles.view.Stroke#thickness} of <code>1</code>.
-       */
-      static DARK_ORANGE:yfiles.view.Stroke;
-      /**
-       * Gets a {@link yfiles.view.Stroke#isFrozen frozen} {@link yfiles.view.Stroke} that uses {@link yfiles.view.Fill#DARK_ORCHID} as its {@link yfiles.view.Stroke#fill} and has a {@link yfiles.view.Stroke#thickness} of <code>1</code>.
-       */
-      static DARK_ORCHID:yfiles.view.Stroke;
-      /**
-       * Gets a {@link yfiles.view.Stroke#isFrozen frozen} {@link yfiles.view.Stroke} that uses {@link yfiles.view.Fill#DARK_RED} as its {@link yfiles.view.Stroke#fill} and has a {@link yfiles.view.Stroke#thickness} of <code>1</code>.
-       */
-      static DARK_RED:yfiles.view.Stroke;
-      /**
-       * Gets a {@link yfiles.view.Stroke#isFrozen frozen} {@link yfiles.view.Stroke} that uses {@link yfiles.view.Fill#DARK_SALMON} as its {@link yfiles.view.Stroke#fill} and has a {@link yfiles.view.Stroke#thickness} of <code>1</code>.
-       */
-      static DARK_SALMON:yfiles.view.Stroke;
-      /**
-       * Gets a {@link yfiles.view.Stroke#isFrozen frozen} {@link yfiles.view.Stroke} that uses {@link yfiles.view.Fill#DARK_SEA_GREEN} as its {@link yfiles.view.Stroke#fill} and has a {@link yfiles.view.Stroke#thickness} of <code>1</code>.
-       */
-      static DARK_SEA_GREEN:yfiles.view.Stroke;
-      /**
-       * Gets a {@link yfiles.view.Stroke#isFrozen frozen} {@link yfiles.view.Stroke} that uses {@link yfiles.view.Fill#DARK_SLATE_BLUE} as its {@link yfiles.view.Stroke#fill} and has a {@link yfiles.view.Stroke#thickness} of <code>1</code>.
-       */
-      static DARK_SLATE_BLUE:yfiles.view.Stroke;
-      /**
-       * Gets a {@link yfiles.view.Stroke#isFrozen frozen} {@link yfiles.view.Stroke} that uses {@link yfiles.view.Fill#DARK_SLATE_GRAY} as its {@link yfiles.view.Stroke#fill} and has a {@link yfiles.view.Stroke#thickness} of <code>1</code>.
-       */
-      static DARK_SLATE_GRAY:yfiles.view.Stroke;
-      /**
-       * Gets a {@link yfiles.view.Stroke#isFrozen frozen} {@link yfiles.view.Stroke} that uses {@link yfiles.view.Fill#DARK_TURQUOISE} as its {@link yfiles.view.Stroke#fill} and has a {@link yfiles.view.Stroke#thickness} of <code>1</code>.
-       */
-      static DARK_TURQUOISE:yfiles.view.Stroke;
-      /**
-       * Gets a {@link yfiles.view.Stroke#isFrozen frozen} {@link yfiles.view.Stroke} that uses {@link yfiles.view.Fill#DARK_VIOLET} as its {@link yfiles.view.Stroke#fill} and has a {@link yfiles.view.Stroke#thickness} of <code>1</code>.
-       */
-      static DARK_VIOLET:yfiles.view.Stroke;
-      /**
-       * Gets a {@link yfiles.view.Stroke#isFrozen frozen} {@link yfiles.view.Stroke} that uses {@link yfiles.view.Fill#DEEP_PINK} as its {@link yfiles.view.Stroke#fill} and has a {@link yfiles.view.Stroke#thickness} of <code>1</code>.
-       */
-      static DEEP_PINK:yfiles.view.Stroke;
-      /**
-       * Gets a {@link yfiles.view.Stroke#isFrozen frozen} {@link yfiles.view.Stroke} that uses {@link yfiles.view.Fill#DEEP_SKY_BLUE} as its {@link yfiles.view.Stroke#fill} and has a {@link yfiles.view.Stroke#thickness} of <code>1</code>.
-       */
-      static DEEP_SKY_BLUE:yfiles.view.Stroke;
-      /**
-       * Gets a {@link yfiles.view.Stroke#isFrozen frozen} {@link yfiles.view.Stroke} that uses {@link yfiles.view.Fill#DIM_GRAY} as its {@link yfiles.view.Stroke#fill} and has a {@link yfiles.view.Stroke#thickness} of <code>1</code>.
-       */
-      static DIM_GRAY:yfiles.view.Stroke;
-      /**
-       * Gets a {@link yfiles.view.Stroke#isFrozen frozen} {@link yfiles.view.Stroke} that uses {@link yfiles.view.Fill#DODGER_BLUE} as its {@link yfiles.view.Stroke#fill} and has a {@link yfiles.view.Stroke#thickness} of <code>1</code>.
-       */
-      static DODGER_BLUE:yfiles.view.Stroke;
-      /**
-       * Gets a {@link yfiles.view.Stroke#isFrozen frozen} {@link yfiles.view.Stroke} that uses {@link yfiles.view.Fill#FIREBRICK} as its {@link yfiles.view.Stroke#fill} and has a {@link yfiles.view.Stroke#thickness} of <code>1</code>.
-       */
-      static FIREBRICK:yfiles.view.Stroke;
-      /**
-       * Gets a {@link yfiles.view.Stroke#isFrozen frozen} {@link yfiles.view.Stroke} that uses {@link yfiles.view.Fill#FLORAL_WHITE} as its {@link yfiles.view.Stroke#fill} and has a {@link yfiles.view.Stroke#thickness} of <code>1</code>.
-       */
-      static FLORAL_WHITE:yfiles.view.Stroke;
-      /**
-       * Gets a {@link yfiles.view.Stroke#isFrozen frozen} {@link yfiles.view.Stroke} that uses {@link yfiles.view.Fill#FOREST_GREEN} as its {@link yfiles.view.Stroke#fill} and has a {@link yfiles.view.Stroke#thickness} of <code>1</code>.
-       */
-      static FOREST_GREEN:yfiles.view.Stroke;
-      /**
-       * Gets a {@link yfiles.view.Stroke#isFrozen frozen} {@link yfiles.view.Stroke} that uses {@link yfiles.view.Fill#FUCHSIA} as its {@link yfiles.view.Stroke#fill} and has a {@link yfiles.view.Stroke#thickness} of <code>1</code>.
-       */
-      static FUCHSIA:yfiles.view.Stroke;
-      /**
-       * Gets a {@link yfiles.view.Stroke#isFrozen frozen} {@link yfiles.view.Stroke} that uses {@link yfiles.view.Fill#GAINSBORO} as its {@link yfiles.view.Stroke#fill} and has a {@link yfiles.view.Stroke#thickness} of <code>1</code>.
-       */
-      static GAINSBORO:yfiles.view.Stroke;
-      /**
-       * Gets a {@link yfiles.view.Stroke#isFrozen frozen} {@link yfiles.view.Stroke} that uses {@link yfiles.view.Fill#GHOST_WHITE} as its {@link yfiles.view.Stroke#fill} and has a {@link yfiles.view.Stroke#thickness} of <code>1</code>.
-       */
-      static GHOST_WHITE:yfiles.view.Stroke;
-      /**
-       * Gets a {@link yfiles.view.Stroke#isFrozen frozen} {@link yfiles.view.Stroke} that uses {@link yfiles.view.Fill#GOLD} as its {@link yfiles.view.Stroke#fill} and has a {@link yfiles.view.Stroke#thickness} of <code>1</code>.
-       */
-      static GOLD:yfiles.view.Stroke;
-      /**
-       * Gets a {@link yfiles.view.Stroke#isFrozen frozen} {@link yfiles.view.Stroke} that uses {@link yfiles.view.Fill#GOLDENROD} as its {@link yfiles.view.Stroke#fill} and has a {@link yfiles.view.Stroke#thickness} of <code>1</code>.
-       */
-      static GOLDENROD:yfiles.view.Stroke;
-      /**
-       * Gets a {@link yfiles.view.Stroke#isFrozen frozen} {@link yfiles.view.Stroke} that uses {@link yfiles.view.Fill#GRAY} as its {@link yfiles.view.Stroke#fill} and has a {@link yfiles.view.Stroke#thickness} of <code>1</code>.
-       */
-      static GRAY:yfiles.view.Stroke;
-      /**
-       * Gets a {@link yfiles.view.Stroke#isFrozen frozen} {@link yfiles.view.Stroke} that uses {@link yfiles.view.Fill#GREEN} as its {@link yfiles.view.Stroke#fill} and has a {@link yfiles.view.Stroke#thickness} of <code>1</code>.
-       */
-      static GREEN:yfiles.view.Stroke;
-      /**
-       * Gets a {@link yfiles.view.Stroke#isFrozen frozen} {@link yfiles.view.Stroke} that uses {@link yfiles.view.Fill#GREEN_YELLOW} as its {@link yfiles.view.Stroke#fill} and has a {@link yfiles.view.Stroke#thickness} of <code>1</code>.
-       */
-      static GREEN_YELLOW:yfiles.view.Stroke;
-      /**
-       * Gets a {@link yfiles.view.Stroke#isFrozen frozen} {@link yfiles.view.Stroke} that uses {@link yfiles.view.Fill#HONEYDEW} as its {@link yfiles.view.Stroke#fill} and has a {@link yfiles.view.Stroke#thickness} of <code>1</code>.
-       */
-      static HONEYDEW:yfiles.view.Stroke;
-      /**
-       * Gets a {@link yfiles.view.Stroke#isFrozen frozen} {@link yfiles.view.Stroke} that uses {@link yfiles.view.Fill#HOT_PINK} as its {@link yfiles.view.Stroke#fill} and has a {@link yfiles.view.Stroke#thickness} of <code>1</code>.
-       */
-      static HOT_PINK:yfiles.view.Stroke;
-      /**
-       * Gets a {@link yfiles.view.Stroke#isFrozen frozen} {@link yfiles.view.Stroke} that uses {@link yfiles.view.Fill#INDIAN_RED} as its {@link yfiles.view.Stroke#fill} and has a {@link yfiles.view.Stroke#thickness} of <code>1</code>.
-       */
-      static INDIAN_RED:yfiles.view.Stroke;
-      /**
-       * Gets a {@link yfiles.view.Stroke#isFrozen frozen} {@link yfiles.view.Stroke} that uses {@link yfiles.view.Fill#INDIGO} as its {@link yfiles.view.Stroke#fill} and has a {@link yfiles.view.Stroke#thickness} of <code>1</code>.
-       */
-      static INDIGO:yfiles.view.Stroke;
-      /**
-       * Gets a {@link yfiles.view.Stroke#isFrozen frozen} {@link yfiles.view.Stroke} that uses {@link yfiles.view.Fill#IVORY} as its {@link yfiles.view.Stroke#fill} and has a {@link yfiles.view.Stroke#thickness} of <code>1</code>.
-       */
-      static IVORY:yfiles.view.Stroke;
-      /**
-       * Gets a {@link yfiles.view.Stroke#isFrozen frozen} {@link yfiles.view.Stroke} that uses {@link yfiles.view.Fill#KHAKI} as its {@link yfiles.view.Stroke#fill} and has a {@link yfiles.view.Stroke#thickness} of <code>1</code>.
-       */
-      static KHAKI:yfiles.view.Stroke;
-      /**
-       * Gets a {@link yfiles.view.Stroke#isFrozen frozen} {@link yfiles.view.Stroke} that uses {@link yfiles.view.Fill#LAVENDER} as its {@link yfiles.view.Stroke#fill} and has a {@link yfiles.view.Stroke#thickness} of <code>1</code>.
-       */
-      static LAVENDER:yfiles.view.Stroke;
-      /**
-       * Gets a {@link yfiles.view.Stroke#isFrozen frozen} {@link yfiles.view.Stroke} that uses {@link yfiles.view.Fill#LAVENDER_BLUSH} as its {@link yfiles.view.Stroke#fill} and has a {@link yfiles.view.Stroke#thickness} of <code>1</code>.
-       */
-      static LAVENDER_BLUSH:yfiles.view.Stroke;
-      /**
-       * Gets a {@link yfiles.view.Stroke#isFrozen frozen} {@link yfiles.view.Stroke} that uses {@link yfiles.view.Fill#LAWN_GREEN} as its {@link yfiles.view.Stroke#fill} and has a {@link yfiles.view.Stroke#thickness} of <code>1</code>.
-       */
-      static LAWN_GREEN:yfiles.view.Stroke;
-      /**
-       * Gets a {@link yfiles.view.Stroke#isFrozen frozen} {@link yfiles.view.Stroke} that uses {@link yfiles.view.Fill#LEMON_CHIFFON} as its {@link yfiles.view.Stroke#fill} and has a {@link yfiles.view.Stroke#thickness} of <code>1</code>.
-       */
-      static LEMON_CHIFFON:yfiles.view.Stroke;
-      /**
-       * Gets a {@link yfiles.view.Stroke#isFrozen frozen} {@link yfiles.view.Stroke} that uses {@link yfiles.view.Fill#LIGHT_BLUE} as its {@link yfiles.view.Stroke#fill} and has a {@link yfiles.view.Stroke#thickness} of <code>1</code>.
-       */
-      static LIGHT_BLUE:yfiles.view.Stroke;
-      /**
-       * Gets a {@link yfiles.view.Stroke#isFrozen frozen} {@link yfiles.view.Stroke} that uses {@link yfiles.view.Fill#LIGHT_CORAL} as its {@link yfiles.view.Stroke#fill} and has a {@link yfiles.view.Stroke#thickness} of <code>1</code>.
-       */
-      static LIGHT_CORAL:yfiles.view.Stroke;
-      /**
-       * Gets a {@link yfiles.view.Stroke#isFrozen frozen} {@link yfiles.view.Stroke} that uses {@link yfiles.view.Fill#LIGHT_CYAN} as its {@link yfiles.view.Stroke#fill} and has a {@link yfiles.view.Stroke#thickness} of <code>1</code>.
-       */
-      static LIGHT_CYAN:yfiles.view.Stroke;
-      /**
-       * Gets a {@link yfiles.view.Stroke#isFrozen frozen} {@link yfiles.view.Stroke} that uses {@link yfiles.view.Fill#LIGHT_GOLDENROD_YELLOW} as its {@link yfiles.view.Stroke#fill} and has a {@link yfiles.view.Stroke#thickness} of <code>1</code>.
-       */
-      static LIGHT_GOLDENROD_YELLOW:yfiles.view.Stroke;
-      /**
-       * Gets a {@link yfiles.view.Stroke#isFrozen frozen} {@link yfiles.view.Stroke} that uses {@link yfiles.view.Fill#LIGHT_GRAY} as its {@link yfiles.view.Stroke#fill} and has a {@link yfiles.view.Stroke#thickness} of <code>1</code>.
-       */
-      static LIGHT_GRAY:yfiles.view.Stroke;
-      /**
-       * Gets a {@link yfiles.view.Stroke#isFrozen frozen} {@link yfiles.view.Stroke} that uses {@link yfiles.view.Fill#LIGHT_GREEN} as its {@link yfiles.view.Stroke#fill} and has a {@link yfiles.view.Stroke#thickness} of <code>1</code>.
-       */
-      static LIGHT_GREEN:yfiles.view.Stroke;
-      /**
-       * Gets a {@link yfiles.view.Stroke#isFrozen frozen} {@link yfiles.view.Stroke} that uses {@link yfiles.view.Fill#LIGHT_PINK} as its {@link yfiles.view.Stroke#fill} and has a {@link yfiles.view.Stroke#thickness} of <code>1</code>.
-       */
-      static LIGHT_PINK:yfiles.view.Stroke;
-      /**
-       * Gets a {@link yfiles.view.Stroke#isFrozen frozen} {@link yfiles.view.Stroke} that uses {@link yfiles.view.Fill#LIGHT_SALMON} as its {@link yfiles.view.Stroke#fill} and has a {@link yfiles.view.Stroke#thickness} of <code>1</code>.
-       */
-      static LIGHT_SALMON:yfiles.view.Stroke;
-      /**
-       * Gets a {@link yfiles.view.Stroke#isFrozen frozen} {@link yfiles.view.Stroke} that uses {@link yfiles.view.Fill#LIGHT_SEA_GREEN} as its {@link yfiles.view.Stroke#fill} and has a {@link yfiles.view.Stroke#thickness} of <code>1</code>.
-       */
-      static LIGHT_SEA_GREEN:yfiles.view.Stroke;
-      /**
-       * Gets a {@link yfiles.view.Stroke#isFrozen frozen} {@link yfiles.view.Stroke} that uses {@link yfiles.view.Fill#LIGHT_SKY_BLUE} as its {@link yfiles.view.Stroke#fill} and has a {@link yfiles.view.Stroke#thickness} of <code>1</code>.
-       */
-      static LIGHT_SKY_BLUE:yfiles.view.Stroke;
-      /**
-       * Gets a {@link yfiles.view.Stroke#isFrozen frozen} {@link yfiles.view.Stroke} that uses {@link yfiles.view.Fill#LIGHT_SLATE_GRAY} as its {@link yfiles.view.Stroke#fill} and has a {@link yfiles.view.Stroke#thickness} of <code>1</code>.
-       */
-      static LIGHT_SLATE_GRAY:yfiles.view.Stroke;
-      /**
-       * Gets a {@link yfiles.view.Stroke#isFrozen frozen} {@link yfiles.view.Stroke} that uses {@link yfiles.view.Fill#LIGHT_STEEL_BLUE} as its {@link yfiles.view.Stroke#fill} and has a {@link yfiles.view.Stroke#thickness} of <code>1</code>.
-       */
-      static LIGHT_STEEL_BLUE:yfiles.view.Stroke;
-      /**
-       * Gets a {@link yfiles.view.Stroke#isFrozen frozen} {@link yfiles.view.Stroke} that uses {@link yfiles.view.Fill#LIGHT_YELLOW} as its {@link yfiles.view.Stroke#fill} and has a {@link yfiles.view.Stroke#thickness} of <code>1</code>.
-       */
-      static LIGHT_YELLOW:yfiles.view.Stroke;
-      /**
-       * Gets a {@link yfiles.view.Stroke#isFrozen frozen} {@link yfiles.view.Stroke} that uses {@link yfiles.view.Fill#LIME} as its {@link yfiles.view.Stroke#fill} and has a {@link yfiles.view.Stroke#thickness} of <code>1</code>.
-       */
-      static LIME:yfiles.view.Stroke;
-      /**
-       * Gets a {@link yfiles.view.Stroke#isFrozen frozen} {@link yfiles.view.Stroke} that uses {@link yfiles.view.Fill#LIME_GREEN} as its {@link yfiles.view.Stroke#fill} and has a {@link yfiles.view.Stroke#thickness} of <code>1</code>.
-       */
-      static LIME_GREEN:yfiles.view.Stroke;
-      /**
-       * Gets a {@link yfiles.view.Stroke#isFrozen frozen} {@link yfiles.view.Stroke} that uses {@link yfiles.view.Fill#LINEN} as its {@link yfiles.view.Stroke#fill} and has a {@link yfiles.view.Stroke#thickness} of <code>1</code>.
-       */
-      static LINEN:yfiles.view.Stroke;
-      /**
-       * Gets a {@link yfiles.view.Stroke#isFrozen frozen} {@link yfiles.view.Stroke} that uses {@link yfiles.view.Fill#MAGENTA} as its {@link yfiles.view.Stroke#fill} and has a {@link yfiles.view.Stroke#thickness} of <code>1</code>.
-       */
-      static MAGENTA:yfiles.view.Stroke;
-      /**
-       * Gets a {@link yfiles.view.Stroke#isFrozen frozen} {@link yfiles.view.Stroke} that uses {@link yfiles.view.Fill#MAROON} as its {@link yfiles.view.Stroke#fill} and has a {@link yfiles.view.Stroke#thickness} of <code>1</code>.
-       */
-      static MAROON:yfiles.view.Stroke;
-      /**
-       * Gets a {@link yfiles.view.Stroke#isFrozen frozen} {@link yfiles.view.Stroke} that uses {@link yfiles.view.Fill#MEDIUM_AQUAMARINE} as its {@link yfiles.view.Stroke#fill} and has a {@link yfiles.view.Stroke#thickness} of <code>1</code>.
-       */
-      static MEDIUM_AQUAMARINE:yfiles.view.Stroke;
-      /**
-       * Gets a {@link yfiles.view.Stroke#isFrozen frozen} {@link yfiles.view.Stroke} that uses {@link yfiles.view.Fill#MEDIUM_BLUE} as its {@link yfiles.view.Stroke#fill} and has a {@link yfiles.view.Stroke#thickness} of <code>1</code>.
-       */
-      static MEDIUM_BLUE:yfiles.view.Stroke;
-      /**
-       * Gets a {@link yfiles.view.Stroke#isFrozen frozen} {@link yfiles.view.Stroke} that uses {@link yfiles.view.Fill#MEDIUM_ORCHID} as its {@link yfiles.view.Stroke#fill} and has a {@link yfiles.view.Stroke#thickness} of <code>1</code>.
-       */
-      static MEDIUM_ORCHID:yfiles.view.Stroke;
-      /**
-       * Gets a {@link yfiles.view.Stroke#isFrozen frozen} {@link yfiles.view.Stroke} that uses {@link yfiles.view.Fill#MEDIUM_PURPLE} as its {@link yfiles.view.Stroke#fill} and has a {@link yfiles.view.Stroke#thickness} of <code>1</code>.
-       */
-      static MEDIUM_PURPLE:yfiles.view.Stroke;
-      /**
-       * Gets a {@link yfiles.view.Stroke#isFrozen frozen} {@link yfiles.view.Stroke} that uses {@link yfiles.view.Fill#MEDIUM_SEA_GREEN} as its {@link yfiles.view.Stroke#fill} and has a {@link yfiles.view.Stroke#thickness} of <code>1</code>.
-       */
-      static MEDIUM_SEA_GREEN:yfiles.view.Stroke;
-      /**
-       * Gets a {@link yfiles.view.Stroke#isFrozen frozen} {@link yfiles.view.Stroke} that uses {@link yfiles.view.Fill#MEDIUM_SLATE_BLUE} as its {@link yfiles.view.Stroke#fill} and has a {@link yfiles.view.Stroke#thickness} of <code>1</code>.
-       */
-      static MEDIUM_SLATE_BLUE:yfiles.view.Stroke;
-      /**
-       * Gets a {@link yfiles.view.Stroke#isFrozen frozen} {@link yfiles.view.Stroke} that uses {@link yfiles.view.Fill#MEDIUM_SPRING_GREEN} as its {@link yfiles.view.Stroke#fill} and has a {@link yfiles.view.Stroke#thickness} of <code>1</code>.
-       */
-      static MEDIUM_SPRING_GREEN:yfiles.view.Stroke;
-      /**
-       * Gets a {@link yfiles.view.Stroke#isFrozen frozen} {@link yfiles.view.Stroke} that uses {@link yfiles.view.Fill#MEDIUM_TURQUOISE} as its {@link yfiles.view.Stroke#fill} and has a {@link yfiles.view.Stroke#thickness} of <code>1</code>.
-       */
-      static MEDIUM_TURQUOISE:yfiles.view.Stroke;
-      /**
-       * Gets a {@link yfiles.view.Stroke#isFrozen frozen} {@link yfiles.view.Stroke} that uses {@link yfiles.view.Fill#MEDIUM_VIOLET_RED} as its {@link yfiles.view.Stroke#fill} and has a {@link yfiles.view.Stroke#thickness} of <code>1</code>.
-       */
-      static MEDIUM_VIOLET_RED:yfiles.view.Stroke;
-      /**
-       * Gets a {@link yfiles.view.Stroke#isFrozen frozen} {@link yfiles.view.Stroke} that uses {@link yfiles.view.Fill#MIDNIGHT_BLUE} as its {@link yfiles.view.Stroke#fill} and has a {@link yfiles.view.Stroke#thickness} of <code>1</code>.
-       */
-      static MIDNIGHT_BLUE:yfiles.view.Stroke;
-      /**
-       * Gets a {@link yfiles.view.Stroke#isFrozen frozen} {@link yfiles.view.Stroke} that uses {@link yfiles.view.Fill#MINT_CREAM} as its {@link yfiles.view.Stroke#fill} and has a {@link yfiles.view.Stroke#thickness} of <code>1</code>.
-       */
-      static MINT_CREAM:yfiles.view.Stroke;
-      /**
-       * Gets a {@link yfiles.view.Stroke#isFrozen frozen} {@link yfiles.view.Stroke} that uses {@link yfiles.view.Fill#MISTY_ROSE} as its {@link yfiles.view.Stroke#fill} and has a {@link yfiles.view.Stroke#thickness} of <code>1</code>.
-       */
-      static MISTY_ROSE:yfiles.view.Stroke;
-      /**
-       * Gets a {@link yfiles.view.Stroke#isFrozen frozen} {@link yfiles.view.Stroke} that uses {@link yfiles.view.Fill#MOCCASIN} as its {@link yfiles.view.Stroke#fill} and has a {@link yfiles.view.Stroke#thickness} of <code>1</code>.
-       */
-      static MOCCASIN:yfiles.view.Stroke;
-      /**
-       * Gets a {@link yfiles.view.Stroke#isFrozen frozen} {@link yfiles.view.Stroke} that uses {@link yfiles.view.Fill#NAVAJO_WHITE} as its {@link yfiles.view.Stroke#fill} and has a {@link yfiles.view.Stroke#thickness} of <code>1</code>.
-       */
-      static NAVAJO_WHITE:yfiles.view.Stroke;
-      /**
-       * Gets a {@link yfiles.view.Stroke#isFrozen frozen} {@link yfiles.view.Stroke} that uses {@link yfiles.view.Fill#NAVY} as its {@link yfiles.view.Stroke#fill} and has a {@link yfiles.view.Stroke#thickness} of <code>1</code>.
-       */
-      static NAVY:yfiles.view.Stroke;
-      /**
-       * Gets a {@link yfiles.view.Stroke#isFrozen frozen} {@link yfiles.view.Stroke} that uses {@link yfiles.view.Fill#OLD_LACE} as its {@link yfiles.view.Stroke#fill} and has a {@link yfiles.view.Stroke#thickness} of <code>1</code>.
-       */
-      static OLD_LACE:yfiles.view.Stroke;
-      /**
-       * Gets a {@link yfiles.view.Stroke#isFrozen frozen} {@link yfiles.view.Stroke} that uses {@link yfiles.view.Fill#OLIVE} as its {@link yfiles.view.Stroke#fill} and has a {@link yfiles.view.Stroke#thickness} of <code>1</code>.
-       */
-      static OLIVE:yfiles.view.Stroke;
-      /**
-       * Gets a {@link yfiles.view.Stroke#isFrozen frozen} {@link yfiles.view.Stroke} that uses {@link yfiles.view.Fill#OLIVE_DRAB} as its {@link yfiles.view.Stroke#fill} and has a {@link yfiles.view.Stroke#thickness} of <code>1</code>.
-       */
-      static OLIVE_DRAB:yfiles.view.Stroke;
-      /**
-       * Gets a {@link yfiles.view.Stroke#isFrozen frozen} {@link yfiles.view.Stroke} that uses {@link yfiles.view.Fill#ORANGE} as its {@link yfiles.view.Stroke#fill} and has a {@link yfiles.view.Stroke#thickness} of <code>1</code>.
-       */
-      static ORANGE:yfiles.view.Stroke;
-      /**
-       * Gets a {@link yfiles.view.Stroke#isFrozen frozen} {@link yfiles.view.Stroke} that uses {@link yfiles.view.Fill#ORANGE_RED} as its {@link yfiles.view.Stroke#fill} and has a {@link yfiles.view.Stroke#thickness} of <code>1</code>.
-       */
-      static ORANGE_RED:yfiles.view.Stroke;
-      /**
-       * Gets a {@link yfiles.view.Stroke#isFrozen frozen} {@link yfiles.view.Stroke} that uses {@link yfiles.view.Fill#ORCHID} as its {@link yfiles.view.Stroke#fill} and has a {@link yfiles.view.Stroke#thickness} of <code>1</code>.
-       */
-      static ORCHID:yfiles.view.Stroke;
-      /**
-       * Gets a {@link yfiles.view.Stroke#isFrozen frozen} {@link yfiles.view.Stroke} that uses {@link yfiles.view.Fill#PALE_GOLDENROD} as its {@link yfiles.view.Stroke#fill} and has a {@link yfiles.view.Stroke#thickness} of <code>1</code>.
-       */
-      static PALE_GOLDENROD:yfiles.view.Stroke;
-      /**
-       * Gets a {@link yfiles.view.Stroke#isFrozen frozen} {@link yfiles.view.Stroke} that uses {@link yfiles.view.Fill#PALE_GREEN} as its {@link yfiles.view.Stroke#fill} and has a {@link yfiles.view.Stroke#thickness} of <code>1</code>.
-       */
-      static PALE_GREEN:yfiles.view.Stroke;
-      /**
-       * Gets a {@link yfiles.view.Stroke#isFrozen frozen} {@link yfiles.view.Stroke} that uses {@link yfiles.view.Fill#PALE_TURQUOISE} as its {@link yfiles.view.Stroke#fill} and has a {@link yfiles.view.Stroke#thickness} of <code>1</code>.
-       */
-      static PALE_TURQUOISE:yfiles.view.Stroke;
-      /**
-       * Gets a {@link yfiles.view.Stroke#isFrozen frozen} {@link yfiles.view.Stroke} that uses {@link yfiles.view.Fill#PALE_VIOLET_RED} as its {@link yfiles.view.Stroke#fill} and has a {@link yfiles.view.Stroke#thickness} of <code>1</code>.
-       */
-      static PALE_VIOLET_RED:yfiles.view.Stroke;
-      /**
-       * Gets a {@link yfiles.view.Stroke#isFrozen frozen} {@link yfiles.view.Stroke} that uses {@link yfiles.view.Fill#PAPAYA_WHIP} as its {@link yfiles.view.Stroke#fill} and has a {@link yfiles.view.Stroke#thickness} of <code>1</code>.
-       */
-      static PAPAYA_WHIP:yfiles.view.Stroke;
-      /**
-       * Gets a {@link yfiles.view.Stroke#isFrozen frozen} {@link yfiles.view.Stroke} that uses {@link yfiles.view.Fill#PEACH_PUFF} as its {@link yfiles.view.Stroke#fill} and has a {@link yfiles.view.Stroke#thickness} of <code>1</code>.
-       */
-      static PEACH_PUFF:yfiles.view.Stroke;
-      /**
-       * Gets a {@link yfiles.view.Stroke#isFrozen frozen} {@link yfiles.view.Stroke} that uses {@link yfiles.view.Fill#PERU} as its {@link yfiles.view.Stroke#fill} and has a {@link yfiles.view.Stroke#thickness} of <code>1</code>.
-       */
-      static PERU:yfiles.view.Stroke;
-      /**
-       * Gets a {@link yfiles.view.Stroke#isFrozen frozen} {@link yfiles.view.Stroke} that uses {@link yfiles.view.Fill#PINK} as its {@link yfiles.view.Stroke#fill} and has a {@link yfiles.view.Stroke#thickness} of <code>1</code>.
-       */
-      static PINK:yfiles.view.Stroke;
-      /**
-       * Gets a {@link yfiles.view.Stroke#isFrozen frozen} {@link yfiles.view.Stroke} that uses {@link yfiles.view.Fill#PLUM} as its {@link yfiles.view.Stroke#fill} and has a {@link yfiles.view.Stroke#thickness} of <code>1</code>.
-       */
-      static PLUM:yfiles.view.Stroke;
-      /**
-       * Gets a {@link yfiles.view.Stroke#isFrozen frozen} {@link yfiles.view.Stroke} that uses {@link yfiles.view.Fill#POWDER_BLUE} as its {@link yfiles.view.Stroke#fill} and has a {@link yfiles.view.Stroke#thickness} of <code>1</code>.
-       */
-      static POWDER_BLUE:yfiles.view.Stroke;
-      /**
-       * Gets a {@link yfiles.view.Stroke#isFrozen frozen} {@link yfiles.view.Stroke} that uses {@link yfiles.view.Fill#PURPLE} as its {@link yfiles.view.Stroke#fill} and has a {@link yfiles.view.Stroke#thickness} of <code>1</code>.
-       */
-      static PURPLE:yfiles.view.Stroke;
-      /**
-       * Gets a {@link yfiles.view.Stroke#isFrozen frozen} {@link yfiles.view.Stroke} that uses {@link yfiles.view.Fill#RED} as its {@link yfiles.view.Stroke#fill} and has a {@link yfiles.view.Stroke#thickness} of <code>1</code>.
-       */
-      static RED:yfiles.view.Stroke;
-      /**
-       * Gets a {@link yfiles.view.Stroke#isFrozen frozen} {@link yfiles.view.Stroke} that uses {@link yfiles.view.Fill#ROSY_BROWN} as its {@link yfiles.view.Stroke#fill} and has a {@link yfiles.view.Stroke#thickness} of <code>1</code>.
-       */
-      static ROSY_BROWN:yfiles.view.Stroke;
-      /**
-       * Gets a {@link yfiles.view.Stroke#isFrozen frozen} {@link yfiles.view.Stroke} that uses {@link yfiles.view.Fill#ROYAL_BLUE} as its {@link yfiles.view.Stroke#fill} and has a {@link yfiles.view.Stroke#thickness} of <code>1</code>.
-       */
-      static ROYAL_BLUE:yfiles.view.Stroke;
-      /**
-       * Gets a {@link yfiles.view.Stroke#isFrozen frozen} {@link yfiles.view.Stroke} that uses {@link yfiles.view.Fill#SADDLE_BROWN} as its {@link yfiles.view.Stroke#fill} and has a {@link yfiles.view.Stroke#thickness} of <code>1</code>.
-       */
-      static SADDLE_BROWN:yfiles.view.Stroke;
-      /**
-       * Gets a {@link yfiles.view.Stroke#isFrozen frozen} {@link yfiles.view.Stroke} that uses {@link yfiles.view.Fill#SALMON} as its {@link yfiles.view.Stroke#fill} and has a {@link yfiles.view.Stroke#thickness} of <code>1</code>.
-       */
-      static SALMON:yfiles.view.Stroke;
-      /**
-       * Gets a {@link yfiles.view.Stroke#isFrozen frozen} {@link yfiles.view.Stroke} that uses {@link yfiles.view.Fill#SANDY_BROWN} as its {@link yfiles.view.Stroke#fill} and has a {@link yfiles.view.Stroke#thickness} of <code>1</code>.
-       */
-      static SANDY_BROWN:yfiles.view.Stroke;
-      /**
-       * Gets a {@link yfiles.view.Stroke#isFrozen frozen} {@link yfiles.view.Stroke} that uses {@link yfiles.view.Fill#SEA_GREEN} as its {@link yfiles.view.Stroke#fill} and has a {@link yfiles.view.Stroke#thickness} of <code>1</code>.
-       */
-      static SEA_GREEN:yfiles.view.Stroke;
-      /**
-       * Gets a {@link yfiles.view.Stroke#isFrozen frozen} {@link yfiles.view.Stroke} that uses {@link yfiles.view.Fill#SEA_SHELL} as its {@link yfiles.view.Stroke#fill} and has a {@link yfiles.view.Stroke#thickness} of <code>1</code>.
-       */
-      static SEA_SHELL:yfiles.view.Stroke;
-      /**
-       * Gets a {@link yfiles.view.Stroke#isFrozen frozen} {@link yfiles.view.Stroke} that uses {@link yfiles.view.Fill#SIENNA} as its {@link yfiles.view.Stroke#fill} and has a {@link yfiles.view.Stroke#thickness} of <code>1</code>.
-       */
-      static SIENNA:yfiles.view.Stroke;
-      /**
-       * Gets a {@link yfiles.view.Stroke#isFrozen frozen} {@link yfiles.view.Stroke} that uses {@link yfiles.view.Fill#SILVER} as its {@link yfiles.view.Stroke#fill} and has a {@link yfiles.view.Stroke#thickness} of <code>1</code>.
-       */
-      static SILVER:yfiles.view.Stroke;
-      /**
-       * Gets a {@link yfiles.view.Stroke#isFrozen frozen} {@link yfiles.view.Stroke} that uses {@link yfiles.view.Fill#SKY_BLUE} as its {@link yfiles.view.Stroke#fill} and has a {@link yfiles.view.Stroke#thickness} of <code>1</code>.
-       */
-      static SKY_BLUE:yfiles.view.Stroke;
-      /**
-       * Gets a {@link yfiles.view.Stroke#isFrozen frozen} {@link yfiles.view.Stroke} that uses {@link yfiles.view.Fill#SLATE_BLUE} as its {@link yfiles.view.Stroke#fill} and has a {@link yfiles.view.Stroke#thickness} of <code>1</code>.
-       */
-      static SLATE_BLUE:yfiles.view.Stroke;
-      /**
-       * Gets a {@link yfiles.view.Stroke#isFrozen frozen} {@link yfiles.view.Stroke} that uses {@link yfiles.view.Fill#SLATE_GRAY} as its {@link yfiles.view.Stroke#fill} and has a {@link yfiles.view.Stroke#thickness} of <code>1</code>.
-       */
-      static SLATE_GRAY:yfiles.view.Stroke;
-      /**
-       * Gets a {@link yfiles.view.Stroke#isFrozen frozen} {@link yfiles.view.Stroke} that uses {@link yfiles.view.Fill#SNOW} as its {@link yfiles.view.Stroke#fill} and has a {@link yfiles.view.Stroke#thickness} of <code>1</code>.
-       */
-      static SNOW:yfiles.view.Stroke;
-      /**
-       * Gets a {@link yfiles.view.Stroke#isFrozen frozen} {@link yfiles.view.Stroke} that uses {@link yfiles.view.Fill#SPRING_GREEN} as its {@link yfiles.view.Stroke#fill} and has a {@link yfiles.view.Stroke#thickness} of <code>1</code>.
-       */
-      static SPRING_GREEN:yfiles.view.Stroke;
-      /**
-       * Gets a {@link yfiles.view.Stroke#isFrozen frozen} {@link yfiles.view.Stroke} that uses {@link yfiles.view.Fill#STEEL_BLUE} as its {@link yfiles.view.Stroke#fill} and has a {@link yfiles.view.Stroke#thickness} of <code>1</code>.
-       */
-      static STEEL_BLUE:yfiles.view.Stroke;
-      /**
-       * Gets a {@link yfiles.view.Stroke#isFrozen frozen} {@link yfiles.view.Stroke} that uses {@link yfiles.view.Fill#TAN} as its {@link yfiles.view.Stroke#fill} and has a {@link yfiles.view.Stroke#thickness} of <code>1</code>.
-       */
-      static TAN:yfiles.view.Stroke;
-      /**
-       * Gets a {@link yfiles.view.Stroke#isFrozen frozen} {@link yfiles.view.Stroke} that uses {@link yfiles.view.Fill#TEAL} as its {@link yfiles.view.Stroke#fill} and has a {@link yfiles.view.Stroke#thickness} of <code>1</code>.
-       */
-      static TEAL:yfiles.view.Stroke;
-      /**
-       * Gets a {@link yfiles.view.Stroke#isFrozen frozen} {@link yfiles.view.Stroke} that uses {@link yfiles.view.Fill#THISTLE} as its {@link yfiles.view.Stroke#fill} and has a {@link yfiles.view.Stroke#thickness} of <code>1</code>.
-       */
-      static THISTLE:yfiles.view.Stroke;
-      /**
-       * Gets a {@link yfiles.view.Stroke#isFrozen frozen} {@link yfiles.view.Stroke} that uses {@link yfiles.view.Fill#TOMATO} as its {@link yfiles.view.Stroke#fill} and has a {@link yfiles.view.Stroke#thickness} of <code>1</code>.
-       */
-      static TOMATO:yfiles.view.Stroke;
-      /**
-       * Gets a {@link yfiles.view.Stroke#isFrozen frozen} {@link yfiles.view.Stroke} that uses {@link yfiles.view.Fill#TRANSPARENT} as its {@link yfiles.view.Stroke#fill} and has a {@link yfiles.view.Stroke#thickness} of <code>1</code>.
-       */
-      static TRANSPARENT:yfiles.view.Stroke;
-      /**
-       * Gets a {@link yfiles.view.Stroke#isFrozen frozen} {@link yfiles.view.Stroke} that uses {@link yfiles.view.Fill#TURQUOISE} as its {@link yfiles.view.Stroke#fill} and has a {@link yfiles.view.Stroke#thickness} of <code>1</code>.
-       */
-      static TURQUOISE:yfiles.view.Stroke;
-      /**
-       * Gets a {@link yfiles.view.Stroke#isFrozen frozen} {@link yfiles.view.Stroke} that uses {@link yfiles.view.Fill#VIOLET} as its {@link yfiles.view.Stroke#fill} and has a {@link yfiles.view.Stroke#thickness} of <code>1</code>.
-       */
-      static VIOLET:yfiles.view.Stroke;
-      /**
-       * Gets a {@link yfiles.view.Stroke#isFrozen frozen} {@link yfiles.view.Stroke} that uses {@link yfiles.view.Fill#WHEAT} as its {@link yfiles.view.Stroke#fill} and has a {@link yfiles.view.Stroke#thickness} of <code>1</code>.
-       */
-      static WHEAT:yfiles.view.Stroke;
-      /**
-       * Gets a {@link yfiles.view.Stroke#isFrozen frozen} {@link yfiles.view.Stroke} that uses {@link yfiles.view.Fill#WHITE} as its {@link yfiles.view.Stroke#fill} and has a {@link yfiles.view.Stroke#thickness} of <code>1</code>.
-       */
-      static WHITE:yfiles.view.Stroke;
-      /**
-       * Gets a {@link yfiles.view.Stroke#isFrozen frozen} {@link yfiles.view.Stroke} that uses {@link yfiles.view.Fill#WHITE_SMOKE} as its {@link yfiles.view.Stroke#fill} and has a {@link yfiles.view.Stroke#thickness} of <code>1</code>.
-       */
-      static WHITE_SMOKE:yfiles.view.Stroke;
-      /**
-       * Gets a {@link yfiles.view.Stroke#isFrozen frozen} {@link yfiles.view.Stroke} that uses {@link yfiles.view.Fill#YELLOW} as its {@link yfiles.view.Stroke#fill} and has a {@link yfiles.view.Stroke#thickness} of <code>1</code>.
-       */
-      static YELLOW:yfiles.view.Stroke;
-      /**
-       * Gets a {@link yfiles.view.Stroke#isFrozen frozen} {@link yfiles.view.Stroke} that uses {@link yfiles.view.Fill#YELLOW_GREEN} as its {@link yfiles.view.Stroke#fill} and has a {@link yfiles.view.Stroke#thickness} of <code>1</code>.
-       */
-      static YELLOW_GREEN:yfiles.view.Stroke;
-      static $class:yfiles.lang.Class;
-    }
-    /**
-     * Describes a font, with size, family, style, weight and line spacing.
-     * @class yfiles.view.Font
-     */
-    export interface Font extends Object{}
-    export class Font {
-      /**
-       * Initializes a new instance of the {@link yfiles.view.Font} class with size 10, "Arial" family, normal weight and style and line
-       * spacing <code>0.5</code>, or the given values.
-       * @param {string} [fontFamily=null]
-       * @param {number} [fontSize=10]
-       * @param {yfiles.view.FontStyle} [fontStyle=null]
-       * @param {yfiles.view.FontWeight} [fontWeight=null]
-       * @param {number} [lineSpacing=0.5]
-       * @param {yfiles.view.TextDecoration} [textDecoration=null]
-       * @see yfiles.view.Font#createCopy
-       * @constructor
-       */
-      constructor(fontFamily?:string,fontSize?:number,fontStyle?:yfiles.view.FontStyle,fontWeight?:yfiles.view.FontWeight,lineSpacing?:number,textDecoration?:yfiles.view.TextDecoration);
-      /**
-       * Initializes a new instance of the {@link yfiles.view.Font} class with size 10, "Arial" family, normal weight and style and line
-       * spacing <code>0.5</code>, or the given values.
-       * @param {Object} options The parameters to pass.
-       * @param {string} [options.fontFamily=null]
-       * @param {number} [options.fontSize=10]
-       * @param {yfiles.view.FontStyle} [options.fontStyle=null]
-       * @param {yfiles.view.FontWeight} [options.fontWeight=null]
-       * @param {number} [options.lineSpacing=0.5]
-       * @param {yfiles.view.TextDecoration} [options.textDecoration=null]
-       * @see yfiles.view.Font#createCopy
-       * @constructor
-       */
-      constructor(options:{fontFamily?:string,fontSize?:number,fontStyle?:yfiles.view.FontStyle,fontWeight?:yfiles.view.FontWeight,lineSpacing?:number,textDecoration?:yfiles.view.TextDecoration});
-      /**
-       * Assigns the text properties of this instance to the given text element.
-       * @param {SVGTextElement} textElement The text element to assign set the {@link yfiles.view.Font} on.
-       */
-      applyTo(textElement:SVGTextElement):void;
-      /**
-       * Creates a copy with the values of this instance or optionally the explicitly specified values.
-       * @param {string} [fontFamily=null] The font family to use for the copy.
-       * @param {number} [fontSize=-1] The font size to use for the copy.
-       * @param {yfiles.view.FontStyle} [fontStyle=null] The font style to use for the copy.
-       * @param {yfiles.view.FontWeight} [fontWeight=null] The font weight to use for the copy.
-       * @param {number} [lineSpacing=-1] The line spacing to use for the copy.
-       * @param {yfiles.view.TextDecoration} [textDecoration=null] The text decoration to use for the copy.
-       * @returns {yfiles.view.Font} A new {@link yfiles.view.Font} instance.
-       */
-      createCopy(fontFamily?:string,fontSize?:number,fontStyle?:yfiles.view.FontStyle,fontWeight?:yfiles.view.FontWeight,lineSpacing?:number,textDecoration?:yfiles.view.TextDecoration):yfiles.view.Font;
-      /**
-       * Creates a copy with the values of this instance or optionally the explicitly specified values.
-       * @param {Object} options The parameters to pass.
-       * @param {string} [options.fontFamily=null] The font family to use for the copy.
-       * @param {number} [options.fontSize=-1] The font size to use for the copy.
-       * @param {yfiles.view.FontStyle} [options.fontStyle=null] The font style to use for the copy.
-       * @param {yfiles.view.FontWeight} [options.fontWeight=null] The font weight to use for the copy.
-       * @param {number} [options.lineSpacing=-1] The line spacing to use for the copy.
-       * @param {yfiles.view.TextDecoration} [options.textDecoration=null] The text decoration to use for the copy.
-       * @returns {yfiles.view.Font} A new {@link yfiles.view.Font} instance.
-       */
-      createCopy(options:{fontFamily?:string,fontSize?:number,fontStyle?:yfiles.view.FontStyle,fontWeight?:yfiles.view.FontWeight,lineSpacing?:number,textDecoration?:yfiles.view.TextDecoration}):yfiles.view.Font;
-      /**
-       * Gets the size of the font.
-       * <p>
-       * The font size is interpreted as px.
-       * </p>
-       * @default 10
-       * @type {number}
-       */
-      fontSize:number;
-      /**
-       * Gets or sets the font family.
-       * @default 'Arial'
+       * @const
+       * @static
        * @type {string}
        */
-      fontFamily:string;
+      static CANDIDATE_DRAWING_VALID_NON_FOCUSED_KEY:string;
       /**
-       * Gets or sets the font style.
-       * @default 0
-       * @type {yfiles.view.FontStyle}
-       */
-      fontStyle:yfiles.view.FontStyle;
-      /**
-       * Gets or sets the font weight.
-       * @default 0
-       * @type {yfiles.view.FontWeight}
-       */
-      fontWeight:yfiles.view.FontWeight;
-      /**
-       * Gets or sets the line spacing.
+       * A {@link string} that can be used by instances of the {@link yfiles.view.DefaultPortCandidateDescriptor} to look up a {@link yfiles.view.IVisualTemplate}
+       * that will be used for rendering a valid, focused {@link yfiles.input.IPortCandidate}.
        * <p>
-       * The value is interpreted as parts of the line height.
+       * The drawing returned should be centered around <code>(0,0)</code>.
+       * </p>
+       * @const
+       * @static
+       * @type {string}
+       */
+      static CANDIDATE_DRAWING_VALID_FOCUSED_KEY:string;
+      /**
+       * A {@link string} that can be used by instances of the {@link yfiles.view.DefaultPortCandidateDescriptor} to look up a {@link yfiles.view.IVisualTemplate}
+       * that will be used for rendering an invalid, non-focused {@link yfiles.input.IPortCandidate}.
+       * <p>
+       * The drawing returned should be centered around <code>(0,0)</code>.
+       * </p>
+       * @const
+       * @static
+       * @type {string}
+       */
+      static CANDIDATE_DRAWING_INVALID_NON_FOCUSED_KEY:string;
+      /**
+       * A {@link string} that can be used by instances of the {@link yfiles.view.DefaultPortCandidateDescriptor} to look up a {@link yfiles.view.IVisualTemplate}
+       * that will be used for rendering a invalid, focused {@link yfiles.input.IPortCandidate}.
+       * <p>
+       * The drawing returned should be centered around <code>(0,0)</code>.
+       * </p>
+       * @const
+       * @static
+       * @type {string}
+       */
+      static CANDIDATE_DRAWING_INVALID_FOCUSED_KEY:string;
+      /**
+       * Gets or sets a property that determines whether this descriptor uses the "current" candidates.
+       * @type {boolean}
+       */
+      currentCandidate:boolean;
+      /**
+       * Gets or sets the logical size of the candidate.
+       * <p>
+       * This size is used for hit testing, visibility tests, etc. The default is <code>3</code>.
        * </p>
-       * @default 0.5
        * @type {number}
        */
-      lineSpacing:number;
-      /**
-       * Gets or sets the text decoration.
-       * @default 0
-       * @type {yfiles.view.TextDecoration}
-       */
-      textDecoration:yfiles.view.TextDecoration;
+      size:number;
       static $class:yfiles.lang.Class;
     }
-    export enum FontStyle{
-      NORMAL,
-      ITALIC,
-      OBLIQUE,
-      INHERIT
+    /**
+     * Manages the visual appearance of an {@link yfiles.graph.IGraph} instance in a {@link yfiles.view.CanvasComponent}.
+     * <p>
+     * This class monitors the structural changes of an {@link yfiles.graph.IGraph} implementation and installs the necessary {@link yfiles.view.ICanvasObject}
+     * instance in the canvas for each item in the graph. Note that {@link yfiles.view.GraphComponent} has an instance of this type
+     * built-in already and usually it is not necessary to create an own one. This class will also {@link yfiles.view.GraphModelManager#useHierarchicNodeNesting use the node hierarchy} to
+     * nest the nodes {@link yfiles.view.GraphModelManager#useHierarchicEdgeNesting and edges} accordingly.
+     * </p>
+     * @see yfiles.view.GraphModelManager#nodeGroup
+     * @see yfiles.view.GraphModelManager#useHierarchicEdgeNesting
+     * @see yfiles.view.GraphModelManager#useHierarchicNodeNesting
+     * @class
+     */
+    export interface GraphModelManager extends Object{}
+    export class GraphModelManager {
+      /**
+       * Creates a manager instance for the given control.
+       * <p>
+       * The contents of the graph will be added to given group that is must be part of the canvas.
+       * </p>
+       * <p>
+       * In order to get anything useful out of this instance the {@link yfiles.view.GraphModelManager#graph} property should be set to an instance after construction.
+       * </p>
+       * @param canvas the canvas to manage the visual appearance of a graph for.
+       * @param contentGroup the group to add the graph's visual content to. Can be null, in which case {@link #contentGroup} should be set afterwards or {@link #createContentGroup}
+       * will automatically create a group lazily.
+       */
+      constructor(canvas:yfiles.view.CanvasComponent,contentGroup:yfiles.view.ICanvasObjectGroup);
+      /**
+       * Creates a manager instance for the given control.
+       * <p>
+       * The contents of the graph will be added to a newly created group that is added to the root of the scene graph.
+       * </p>
+       * <p>
+       * In order to get anything useful out of this instance the {@link yfiles.view.GraphModelManager#graph} property should be set to an instance after construction.
+       * </p>
+       * @param canvas the canvas to manage the visual appearance of a graph for.
+       */
+      constructor(canvas:yfiles.view.CanvasComponent);
+      /**
+       * Compares two items with respect to their visibility order.
+       * @param item1 the first item to compare
+       * @param item2 the second item to compare
+       * @returns an integer value indicating the relative rendering order of the two items
+       * @see yfiles.view.GraphModelManager#comparer
+       */
+      compare(item1:yfiles.graph.IModelItem,item2:yfiles.graph.IModelItem):number;
+      /**
+       * Factory method that creates the {@link yfiles.view.GraphModelManager#contentGroup}
+       * <p>
+       * The default implementation will just add another group to the {@link yfiles.view.CanvasComponent}.
+       * </p>
+       * @returns The group to use for adding the content.
+       * @protected
+       */
+      createContentGroup():yfiles.view.ICanvasObjectGroup;
+      /**
+       * Factory method for the {@link yfiles.view.GraphModelManager#edgeGroup} property.
+       * <p>
+       * This method will be called upon first access to the property.
+       * </p>
+       * @returns a new group that has been added to the {@link #contentGroup}
+       * @protected
+       */
+      createEdgeGroup():yfiles.view.ICanvasObjectGroup;
+      /**
+       * Factory method for the {@link yfiles.view.GraphModelManager#edgeLabelGroup} property.
+       * <p>
+       * This method will be called upon first access to the property.
+       * </p>
+       * @returns a new group that has been added to the {@link #contentGroup}
+       * @protected
+       */
+      createEdgeLabelGroup():yfiles.view.ICanvasObjectGroup;
+      /**
+       * Gets a {@link yfiles.input.IHitTester.<T>} that can be used to enumerate hits on the canvas at a given world coordinate position.
+       * <p>
+       * This enumerator will enumerate hits in the order so that the visually topmost element will be reported first.
+       * </p>
+       * Type parameter <code>T</code>.
+       * @param itemType
+       * @returns 
+       * @template T
+       */
+      createHitTester<T extends yfiles.graph.IModelItem>(itemType:yfiles.lang.Class):yfiles.input.IHitTester<T>;
+      /**
+       * Factory method for the {@link yfiles.view.GraphModelManager#nodeGroup} property.
+       * <p>
+       * This method will be called upon first access to the property.
+       * </p>
+       * @returns a new group that has been added to the {@link #contentGroup}
+       * @protected
+       */
+      createNodeGroup():yfiles.view.ICanvasObjectGroup;
+      /**
+       * Factory method for the {@link yfiles.view.GraphModelManager#nodeLabelGroup} property.
+       * <p>
+       * This method will be called upon first access to the property.
+       * </p>
+       * @returns a new group that has been added to the {@link #contentGroup}
+       * @protected
+       */
+      createNodeLabelGroup():yfiles.view.ICanvasObjectGroup;
+      /**
+       * Factory method for the {@link yfiles.view.GraphModelManager#portGroup} property.
+       * <p>
+       * This method will be called upon first access to the property.
+       * </p>
+       * @returns a new group that has been added to the {@link #contentGroup}
+       * @protected
+       */
+      createPortGroup():yfiles.view.ICanvasObjectGroup;
+      /**
+       * Retrieves the {@link yfiles.view.ICanvasObject} for a given model item managed by this instance.
+       * @param item the item
+       * @returns the canvas object for the given item or <code>null</code>
+       * @see yfiles.view.ItemModelManager.<T>#getCanvasObject
+       */
+      getCanvasObject(item:yfiles.graph.IModelItem):yfiles.view.ICanvasObject;
+      /**
+       * Retrieves the Canvas Object group to use for the given label.
+       * <p>
+       * This implementation is called by the default {@link yfiles.view.GraphModelManager#nodeLabelDescriptor} and {@link yfiles.view.GraphModelManager#edgeLabelDescriptor} instances.
+       * </p>
+       * @param label The label that will be installed in the canvas.
+       * @returns The group to use.
+       * @protected
+       */
+      getCanvasObjectGroup(label:yfiles.graph.ILabel):yfiles.view.ICanvasObjectGroup;
+      /**
+       * Retrieves the Canvas Object group to use for the given port.
+       * <p>
+       * This implementation is called by the default {@link yfiles.view.GraphModelManager#portDescriptor} instance.
+       * </p>
+       * @param port The port that will be installed in the canvas.
+       * @returns The group to use.
+       * @protected
+       */
+      getCanvasObjectGroup(port:yfiles.graph.IPort):yfiles.view.ICanvasObjectGroup;
+      /**
+       * Retrieves the Canvas Object group to use for the given edge.
+       * <p>
+       * This implementation is called by the default {@link yfiles.view.GraphModelManager#edgeDescriptor} instance.
+       * </p>
+       * @param edge The edge that will be installed in the canvas.
+       * @returns The group to use.
+       * @protected
+       */
+      getCanvasObjectGroup(edge:yfiles.graph.IEdge):yfiles.view.ICanvasObjectGroup;
+      /**
+       * Retrieves the Canvas Object group to use for the given node.
+       * <p>
+       * This implementation is called by the default {@link yfiles.view.GraphModelManager#nodeDescriptor} instance.
+       * </p>
+       * @param node The node that will be installed in the canvas.
+       * @returns The group to use.
+       * @protected
+       */
+      getCanvasObjectGroup(node:yfiles.graph.INode):yfiles.view.ICanvasObjectGroup;
+      /**
+       * Retrieves the corresponding {@link yfiles.graph.IModelItem} for the given canvas object.
+       * @param canvasObject the instance to use for the query
+       * @returns The item that is associated with the object or <code>null</code>.
+       */
+      getModelItem(canvasObject:yfiles.view.ICanvasObject):yfiles.graph.IModelItem;
+      /**
+       * Enumerates hits on the canvas at a given world coordinate position for a given context.
+       * <p>
+       * The instance returned will enumerate hits in the order so that the topmost visual element will be reported first. The
+       * enumeration is performed lazily.
+       * </p>
+       * @param context The context to provide to {@link #isHit}
+       * @param location the world coordinates to perform the hit test
+       * @param root The group to search the subtree of.
+       * @returns an enumerable that will enumerate the hits at the given coordinates
+       */
+      hitElementsAt(context:yfiles.input.IInputModeContext,location:yfiles.geometry.Point,root:yfiles.view.ICanvasObjectGroup):yfiles.collections.IEnumerable<yfiles.graph.IModelItem>;
+      /**
+       * Enumerates hits on the canvas at a given world coordinate position.
+       * <p>
+       * The instance returned will enumerate hits in the order so that the topmost visual element will be reported first. The
+       * enumeration is performed lazily.
+       * </p>
+       * @param location the world coordinates to perform the hit test
+       * @returns an enumerable that will enumerate the hits at the given coordinates
+       */
+      hitElementsAt(location:yfiles.geometry.Point):yfiles.collections.IEnumerable<yfiles.graph.IModelItem>;
+      /**
+       * Called when the {@link yfiles.view.GraphModelManager#graph} property changes.
+       * <p>
+       * This method registers the collections of the graph instance with the {@link yfiles.view.CollectionModelManager.<T> mechanism} that manages the mapping between the
+       * elements and the
+       * {@link yfiles.view.ICanvasObject}s. Subclasses should call the base method if they want to use the default mechanisms.
+       * </p>
+       * @param oldGraph The old graph instance.
+       * @param newGraph The new graph instance.
+       * @protected
+       */
+      onGraphChanged(oldGraph:yfiles.graph.IGraph,newGraph:yfiles.graph.IGraph):void;
+      /**
+       * Enumerates hits on the canvas at a given world coordinate position in a given context.
+       * <p>
+       * The instance returned will enumerate hits in the order so that the topmost visual element will be reported first. The
+       * enumeration is performed lazily.
+       * </p>
+       * Type parameter <code>T</code>.
+       * @param modelItemType
+       * @param context The context to provide to {@link #isHit}
+       * @param location the world coordinates to perform the hit test
+       * @param root The group to search the subtree of.
+       * @returns an enumerable that will enumerate the hits at the given coordinates
+       * @template T
+       */
+      typedHitElementsAt<T extends yfiles.graph.IModelItem>(modelItemType:yfiles.lang.Class,context:yfiles.input.IInputModeContext,location:yfiles.geometry.Point,root:yfiles.view.ICanvasObjectGroup):yfiles.collections.IEnumerable<T>;
+      /**
+       * Enumerates hits on the canvas at a given world coordinate position.
+       * <p>
+       * The instance returned will enumerate hits in the order so that the topmost visual element will be reported first. The
+       * enumeration is performed lazily.
+       * </p>
+       * Type parameter <code>T</code>.
+       * @param itemType
+       * @param location the world coordinates to perform the hit test
+       * @returns an enumerable that will enumerate the hits at the given coordinates
+       * @template T
+       */
+      typedHitElementsAt<T extends yfiles.graph.IModelItem>(itemType:yfiles.lang.Class,location:yfiles.geometry.Point):yfiles.collections.IEnumerable<T>;
+      /**
+       * {@link yfiles.view.CollectionModelManager.<T>#update Updates} the visual representation of the given item.
+       * @param item The item to update the visual representation
+       * @see yfiles.view.CollectionModelManager.<T>#update
+       */
+      update(item:yfiles.graph.IModelItem):void;
+      /**
+       * Gets the {@link yfiles.view.ICanvasObjectGroup} instance that will be used for installing node styles.
+       * <p>
+       * If the field has not yet been initialized upon first access, the factory method {@link yfiles.view.GraphModelManager#createNodeGroup}
+       * will be called. Note that in the case of {@link yfiles.view.GraphModelManager#useHierarchicNodeNesting hierarchic node nesting}, nodes will not be installed at the top-level of this
+       * group. Rather a more complicated nesting of dynamically created {@link yfiles.view.ICanvasObjectGroup}s will be used.
+       * </p>
+       * @see yfiles.view.GraphModelManager#getCanvasObjectGroup
+       * @see yfiles.view.GraphModelManager#nodeDescriptor
+       * @type {yfiles.view.ICanvasObjectGroup}
+       */
+      nodeGroup:yfiles.view.ICanvasObjectGroup;
+      /**
+       * Gets the {@link yfiles.view.ICanvasObjectGroup} instance that will be used for installing edge styles.
+       * <p>
+       * If the field has not yet been initialized upon first access, the factory method {@link yfiles.view.GraphModelManager#createEdgeGroup}
+       * will be called. Note that in the case of {@link yfiles.view.GraphModelManager#useHierarchicNodeNesting hierarchically nested graphs} edges will only be put directly in this
+       * {@link yfiles.view.ICanvasObjectGroup}, if the {@link yfiles.view.GraphModelManager#useHierarchicEdgeNesting} property is set to <code>false</code>. Otherwise edges will actually be nested in the subtree
+       * of the {@link yfiles.view.GraphModelManager#nodeGroup} according to the node nesting.
+       * </p>
+       * @see yfiles.view.GraphModelManager#getCanvasObjectGroup
+       * @see yfiles.view.GraphModelManager#edgeDescriptor
+       * @type {yfiles.view.ICanvasObjectGroup}
+       */
+      edgeGroup:yfiles.view.ICanvasObjectGroup;
+      /**
+       * Gets the {@link yfiles.view.ICanvasObjectGroup} instance that will be used for installing edge label styles.
+       * <p>
+       * If the field has not yet been initialized upon first access, the factory method {@link yfiles.view.GraphModelManager#createEdgeLabelGroup}
+       * will be called.
+       * </p>
+       * @see yfiles.view.GraphModelManager#getCanvasObjectGroup
+       * @see yfiles.view.GraphModelManager#edgeLabelDescriptor
+       * @type {yfiles.view.ICanvasObjectGroup}
+       */
+      edgeLabelGroup:yfiles.view.ICanvasObjectGroup;
+      /**
+       * Gets the {@link yfiles.view.ICanvasObjectGroup} instance that will be used for installing node label styles.
+       * <p>
+       * If the field has not yet been initialized upon first access, the factory method {@link yfiles.view.GraphModelManager#createNodeLabelGroup}
+       * will be called.
+       * </p>
+       * @see yfiles.view.GraphModelManager#getCanvasObjectGroup
+       * @see yfiles.view.GraphModelManager#nodeLabelDescriptor
+       * @type {yfiles.view.ICanvasObjectGroup}
+       */
+      nodeLabelGroup:yfiles.view.ICanvasObjectGroup;
+      /**
+       * Gets the {@link yfiles.view.ICanvasObjectGroup} instance that will be used for installing port styles.
+       * <p>
+       * If the field has not yet been initialized upon first access, the factory method {@link yfiles.view.GraphModelManager#createPortGroup}
+       * will be called.
+       * </p>
+       * @see yfiles.view.GraphModelManager#getCanvasObjectGroup
+       * @see yfiles.view.GraphModelManager#portDescriptor
+       * @type {yfiles.view.ICanvasObjectGroup}
+       */
+      portGroup:yfiles.view.ICanvasObjectGroup;
+      /**
+       * Gets or sets the {@link yfiles.view.ICanvasObjectDescriptor} instance used for installing an {@link yfiles.graph.IEdge} into the
+       * canvas.
+       * @type {yfiles.view.ICanvasObjectDescriptor}
+       */
+      edgeDescriptor:yfiles.view.ICanvasObjectDescriptor;
+      /**
+       * Gets or sets the {@link yfiles.view.ICanvasObjectDescriptor} instance used for installing an {@link yfiles.graph.IPort} into the
+       * canvas.
+       * @type {yfiles.view.ICanvasObjectDescriptor}
+       */
+      portDescriptor:yfiles.view.ICanvasObjectDescriptor;
+      /**
+       * Gets or sets the {@link yfiles.view.ICanvasObjectDescriptor} instance used for installing an {@link yfiles.graph.ILabel} of an {@link yfiles.graph.IEdge}
+       * into the canvas.
+       * @type {yfiles.view.ICanvasObjectDescriptor}
+       */
+      edgeLabelDescriptor:yfiles.view.ICanvasObjectDescriptor;
+      /**
+       * Gets or sets the {@link yfiles.view.ICanvasObjectDescriptor} instance used for installing an {@link yfiles.graph.ILabel} of an {@link yfiles.graph.INode}
+       * into the canvas.
+       * @type {yfiles.view.ICanvasObjectDescriptor}
+       */
+      nodeLabelDescriptor:yfiles.view.ICanvasObjectDescriptor;
+      /**
+       * Determines whether this instance should nest the edges accordingly if the graph is grouped.
+       * <p>
+       * Hierarchic nesting for edges requires that {@link yfiles.view.GraphModelManager#useHierarchicNodeNesting hierarchic nesting for nodes} is enabled as well. If both properties are
+       * enabled (the default) the edges will actually be interleaved with the nodes in the nested canvas object subtree so the {@link yfiles.view.GraphModelManager#edgeGroup}
+       * will be empty.
+       * </p>
+       * @see yfiles.view.GraphModelManager#useHierarchicNodeNesting
+       * @type {boolean}
+       */
+      useHierarchicEdgeNesting:boolean;
+      /**
+       * Gets or sets the {@link yfiles.view.ICanvasObjectDescriptor} instance used for installing an {@link yfiles.graph.INode} into the
+       * canvas.
+       * @type {yfiles.view.ICanvasObjectDescriptor}
+       */
+      nodeDescriptor:yfiles.view.ICanvasObjectDescriptor;
+      /**
+       * Gets or sets the content group this manager instance uses to add visual representation of the graph to.
+       * @type {yfiles.view.ICanvasObjectGroup}
+       */
+      contentGroup:yfiles.view.ICanvasObjectGroup;
+      /**
+       * Gets an {@link yfiles.collections.IComparer.<T>} instance that can be used to compare two model items with respect to their visual display order.
+       * <p>
+       * An item is considered to be greater than another item if it is rendered on top of it.
+       * </p>
+       * @type {yfiles.collections.IComparer.<yfiles.graph.IModelItem>}
+       */
+      comparer:yfiles.collections.IComparer<yfiles.graph.IModelItem>;
+      /**
+       * Gets a {@link yfiles.input.IHitTester.<T>} that can be used to enumerate hits on the canvas at a given world coordinate position.
+       * <p>
+       * This enumerator will enumerate hits in the order so that the visually topmost element will be reported first.
+       * </p>
+       * @type {yfiles.input.IHitTester.<yfiles.graph.IModelItem>}
+       */
+      hitTester:yfiles.input.IHitTester<yfiles.graph.IModelItem>;
+      /**
+       * Gets or sets the graph this manager manages.
+       * @see yfiles.view.GraphModelManager#onGraphChanged
+       * @type {yfiles.graph.IGraph}
+       */
+      graph:yfiles.graph.IGraph;
+      /**
+       * Determines whether this instance should nest the nodes {@link yfiles.view.GraphModelManager#useHierarchicEdgeNesting and optionally edges} accordingly if the graph is grouped.
+       * @type {boolean}
+       */
+      useHierarchicNodeNesting:boolean;
+      /**
+       * The immutable instance of the default {@link yfiles.view.ICanvasObjectDescriptor} for {@link yfiles.graph.INode}s which simply defers to
+       * the node's {@link yfiles.styles.INodeStyle}.
+       * @const
+       * @static
+       * @type {yfiles.view.ICanvasObjectDescriptor}
+       */
+      static DEFAULT_NODE_DESCRIPTOR:yfiles.view.ICanvasObjectDescriptor;
+      /**
+       * The immutable instance of the default {@link yfiles.view.ICanvasObjectDescriptor} for {@link yfiles.graph.IEdge}s which simply defers to
+       * the edge's {@link yfiles.styles.IEdgeStyle}.
+       * @const
+       * @static
+       * @type {yfiles.view.ICanvasObjectDescriptor}
+       */
+      static DEFAULT_EDGE_DESCRIPTOR:yfiles.view.ICanvasObjectDescriptor;
+      /**
+       * The immutable instance of the default {@link yfiles.view.ICanvasObjectDescriptor} for {@link yfiles.graph.IPort}s which simply defers to
+       * the port's {@link yfiles.styles.IPortStyle}.
+       * @const
+       * @static
+       * @type {yfiles.view.ICanvasObjectDescriptor}
+       */
+      static DEFAULT_PORT_DESCRIPTOR:yfiles.view.ICanvasObjectDescriptor;
+      /**
+       * The immutable instance of the default {@link yfiles.view.ICanvasObjectDescriptor} for {@link yfiles.graph.ILabel}s which simply defers
+       * to the label's {@link yfiles.styles.ILabelStyle}.
+       * @const
+       * @static
+       * @type {yfiles.view.ICanvasObjectDescriptor}
+       */
+      static DEFAULT_LABEL_DESCRIPTOR:yfiles.view.ICanvasObjectDescriptor;
+      static $class:yfiles.lang.Class;
     }
-    export enum FontWeight{
-      NORMAL,
-      BOLD,
-      BOLDER,
-      LIGHTER,
-      ITEM100,
-      ITEM200,
-      ITEM300,
-      ITEM400,
-      ITEM500,
-      ITEM600,
-      ITEM700,
-      ITEM800,
-      ITEM900,
-      INHERIT
+    /**
+     * An implementation of the {@link yfiles.view.IObstacleProvider} interface that uses the {@link yfiles.graph.IGraph#edges edges} and {@link yfiles.graph.IGraph#nodes nodes} of an {@link yfiles.graph.IGraph}
+     * as obstacles.
+     * <p>
+     * The {@link yfiles.view.BridgeManager} then calculates bridges for edge paths that cross these obstacles.
+     * </p>
+     * <p>
+     * This class can be used to add bridge support via the {@link yfiles.view.BridgeManager} to a rendered {@link yfiles.graph.IGraph}.
+     * </p>
+     * @see yfiles.view.BridgeManager#addObstacleProvider
+     * @see yfiles.view.BridgeManager
+     * @see yfiles.view.IObstacleProvider
+     * @class
+     * @implements {yfiles.view.IObstacleProvider}
+     */
+    export interface GraphObstacleProvider extends Object,yfiles.view.IObstacleProvider{}
+    export class GraphObstacleProvider {
+      /**
+       * Helper method that retrieves the {@link yfiles.graph.IGraph} to use from the <code>context</code>
+       * <p>
+       * This implementation uses the {@link yfiles.graph.ILookup#lookup} of the {@link yfiles.view.ICanvasContext#canvasComponent} to query the {@link yfiles.graph.IGraph} implementation.
+       * </p>
+       * @param context The context to retrieve the implementation from.
+       * @returns The {@link } instance to query or <code>null</code>.
+       * @protected
+       */
+      getGraph(context:yfiles.view.IRenderContext):yfiles.graph.IGraph;
+      /**
+       * Iterates over all {@link yfiles.graph.IGraph#edges} and {@link yfiles.graph.IGraph#nodes} to query an {@link yfiles.view.IObstacleProvider} from the {@link yfiles.graph.IModelItem}'s
+       * {@link yfiles.graph.ILookup#lookup}.
+       * <p>
+       * This method will depending on the {@link yfiles.view.GraphObstacleProvider#queryEdges} and {@link yfiles.view.GraphObstacleProvider#queryNodes} property query the items for an implementation of {@link yfiles.view.IObstacleProvider}
+       * and concatenate all resulting {@link yfiles.geometry.GeneralPath} obstacles into one path that will then be returned.
+       * </p>
+       * @param context The context where the obstacles are queried for.
+       * @returns A path that is the concatenated path of all obstacles for the given context.
+       */
+      getObstacles(context:yfiles.view.IRenderContext):yfiles.geometry.GeneralPath;
+      /**
+       * Gets or sets a value indicating whether to query the {@link yfiles.graph.IGraph#edges} for an {@link yfiles.view.IObstacleProvider} implementation.
+       * <p>
+       * The default is <code>true</code>.
+       * </p>
+       * @type {boolean}
+       */
+      queryEdges:boolean;
+      /**
+       * Gets or sets a value indicating whether to query the {@link yfiles.graph.IGraph#nodes} for an {@link yfiles.view.IObstacleProvider} implementation.
+       * @type {boolean}
+       */
+      queryNodes:boolean;
+      static $class:yfiles.lang.Class;
+    }
+    /**
+     * Simple implementation of the {@link yfiles.view.IGraphSelection} interface.
+     * @class
+     * @implements {yfiles.view.IGraphSelection}
+     */
+    export interface GraphSelection extends Object,yfiles.view.IGraphSelection{}
+    export class GraphSelection {
+      /**
+       * Instantiates an instance using the the graph as the model.
+       * @param graph
+       */
+      constructor(graph:yfiles.graph.IGraph);
+      /**
+       * Creates a new instance with no initial {@link yfiles.view.GraphSelection#graph} assigned.
+       * <p>
+       * In order to be always in sync with the structural changes in a graph, an instance should be associated with an {@link yfiles.graph.IGraph}
+       * using the {@link yfiles.view.GraphSelection#graph} property.
+       * </p>
+       */
+      constructor();
+      /**
+       * 
+       */
+      clear():void;
+      /**
+       * Factory method that creates the {@link yfiles.view.DefaultSelectionModel.<T>} to use for the bends.
+       * @returns 
+       * @protected
+       */
+      createBendSelectionModel():yfiles.view.DefaultSelectionModel<yfiles.graph.IBend>;
+      /**
+       * Factory method that creates the {@link yfiles.view.DefaultSelectionModel.<T>} to use for the edges.
+       * @returns 
+       * @protected
+       */
+      createEdgeSelectionModel():yfiles.view.DefaultSelectionModel<yfiles.graph.IEdge>;
+      /**
+       * Factory method that creates the {@link yfiles.view.DefaultSelectionModel.<T>} to use for the labels.
+       * @returns 
+       * @protected
+       */
+      createLabelSelectionModel():yfiles.view.DefaultSelectionModel<yfiles.graph.ILabel>;
+      /**
+       * Factory method that creates the {@link yfiles.view.DefaultSelectionModel.<T>} to use for the nodes.
+       * @returns 
+       * @protected
+       */
+      createNodeSelectionModel():yfiles.view.DefaultSelectionModel<yfiles.graph.INode>;
+      /**
+       * Factory method that creates the {@link yfiles.view.DefaultSelectionModel.<T>} to use for the ports.
+       * @returns 
+       * @protected
+       */
+      createPortSelectionModel():yfiles.view.DefaultSelectionModel<yfiles.graph.IPort>;
+      /**
+       * Returns an enumerator that iterates through the collection of all selected elements.
+       * @returns An {@link } object that can be used to iterate through all selected elements.
+       */
+      getEnumerator():yfiles.collections.IEnumerator<yfiles.graph.IModelItem>;
+      /**
+       * 
+       * @param item
+       * @returns 
+       */
+      isSelected(item:yfiles.graph.IModelItem):boolean;
+      /**
+       * Raises the {@link yfiles.view.GraphSelection#addItemSelectionChangedListener ItemSelectionChanged} event
+       * @param evt The parameters for the event
+       * @protected
+       */
+      onItemSelectionChanged(evt:yfiles.view.ItemSelectionChangedEventArgs<yfiles.graph.IModelItem>):void;
+      /**
+       * 
+       * @param item
+       * @param selected
+       */
+      setSelected(item:yfiles.graph.IModelItem,selected:boolean):void;
+      /**
+       * 
+       * @type {yfiles.view.ISelectionModel.<yfiles.graph.INode>}
+       */
+      selectedNodes:yfiles.view.ISelectionModel<yfiles.graph.INode>;
+      /**
+       * 
+       * @type {yfiles.view.ISelectionModel.<yfiles.graph.IEdge>}
+       */
+      selectedEdges:yfiles.view.ISelectionModel<yfiles.graph.IEdge>;
+      /**
+       * 
+       * @type {yfiles.view.ISelectionModel.<yfiles.graph.ILabel>}
+       */
+      selectedLabels:yfiles.view.ISelectionModel<yfiles.graph.ILabel>;
+      /**
+       * 
+       * @type {yfiles.view.ISelectionModel.<yfiles.graph.IPort>}
+       */
+      selectedPorts:yfiles.view.ISelectionModel<yfiles.graph.IPort>;
+      /**
+       * 
+       * @type {yfiles.view.ISelectionModel.<yfiles.graph.IBend>}
+       */
+      selectedBends:yfiles.view.ISelectionModel<yfiles.graph.IBend>;
+      /**
+       * 
+       * @type {number}
+       */
+      size:number;
+      /**
+       * Gets or sets the {@link yfiles.graph.IGraph} this instance is using as the domain for the selection.
+       * @type {yfiles.graph.IGraph}
+       */
+      graph:yfiles.graph.IGraph;
+      /**
+       * 
+       * @param listener
+       */
+      addItemSelectionChangedListener(listener:(sender:Object,evt:yfiles.view.ItemSelectionChangedEventArgs<yfiles.graph.IModelItem>)=>void):void;
+      /**
+       * 
+       * @param listener
+       */
+      removeItemSelectionChangedListener(listener:(sender:Object,evt:yfiles.view.ItemSelectionChangedEventArgs<yfiles.graph.IModelItem>)=>void):void;
+      static $class:yfiles.lang.Class;
+    }
+    /**
+     * Manages the selection state of items in an {@link yfiles.graph.IGraph} instance.
+     * <p>
+     * This interface provides access to the {@link yfiles.view.ISelectionModel.<T>} instances that manage the selection of nodes, edges, labels, ports, and bends.
+     * The generic methods that use {@link yfiles.graph.IModelItem} parameters delegate to the corresponding domain-specific selection
+     * models.
+     * </p>
+     * @see yfiles.view.ISelectionModel.<T>
+     * @interface
+     * @implements {yfiles.view.ISelectionModel.<yfiles.graph.IModelItem>}
+     */
+    export interface IGraphSelection extends Object,yfiles.view.ISelectionModel<yfiles.graph.IModelItem>{
+      /**
+       * An {@link yfiles.view.ISelectionModel.<T>} of the selected nodes.
+       * <p>
+       * This is the node part of the selection that this instance is a composite of.
+       * </p>
+       * @abstract
+       * @type {yfiles.view.ISelectionModel.<yfiles.graph.INode>}
+       */
+      selectedNodes:yfiles.view.ISelectionModel<yfiles.graph.INode>;
+      /**
+       * An {@link yfiles.view.ISelectionModel.<T>} of the selected labels.
+       * <p>
+       * This is the label part of the selection that this instance is a composite of.
+       * </p>
+       * @abstract
+       * @type {yfiles.view.ISelectionModel.<yfiles.graph.ILabel>}
+       */
+      selectedLabels:yfiles.view.ISelectionModel<yfiles.graph.ILabel>;
+      /**
+       * An {@link yfiles.view.ISelectionModel.<T>} of the selected edges.
+       * <p>
+       * This is the edge part of the selection that this instance is a composite of.
+       * </p>
+       * @abstract
+       * @type {yfiles.view.ISelectionModel.<yfiles.graph.IEdge>}
+       */
+      selectedEdges:yfiles.view.ISelectionModel<yfiles.graph.IEdge>;
+      /**
+       * An {@link yfiles.view.ISelectionModel.<T>} of the selected ports.
+       * <p>
+       * This is the ports part of the selection that this instance is a composite of.
+       * </p>
+       * @abstract
+       * @type {yfiles.view.ISelectionModel.<yfiles.graph.IPort>}
+       */
+      selectedPorts:yfiles.view.ISelectionModel<yfiles.graph.IPort>;
+      /**
+       * An {@link yfiles.view.ISelectionModel.<T>} of the selected bends.
+       * <p>
+       * This is the bend part of the selection that this instance is a composite of.
+       * </p>
+       * @abstract
+       * @type {yfiles.view.ISelectionModel.<yfiles.graph.IBend>}
+       */
+      selectedBends:yfiles.view.ISelectionModel<yfiles.graph.IBend>;
+    }
+    var IGraphSelection:{
+      $class:yfiles.lang.Class;
+      isInstance(o:Object):boolean;
+    };
+    /**
+     * An implementation of the {@link yfiles.view.ICanvasObjectInstaller} interface that can decorate the visual appearence of an
+     * {@link yfiles.graph.IEdge}.
+     * <p>
+     * This will install an {@link yfiles.view.ICanvasObject} during {@link yfiles.view.ICanvasObjectInstaller#addCanvasObject installation}, that will render the path and the bends of an edge
+     * using a {@link yfiles.view.EdgeDecorationInstaller#getStroke pen} for the path and a {@link yfiles.view.EdgeDecorationInstaller#getBendDrawing drawing} for the bends.
+     * </p>
+     * @class
+     * @implements {yfiles.view.ISelectionIndicatorInstaller}
+     * @implements {yfiles.view.IHighlightIndicatorInstaller}
+     * @implements {yfiles.view.IFocusIndicatorInstaller}
+     */
+    export interface EdgeDecorationInstaller extends Object,yfiles.view.ISelectionIndicatorInstaller,yfiles.view.IHighlightIndicatorInstaller,yfiles.view.IFocusIndicatorInstaller{}
+    export class EdgeDecorationInstaller {
+      /**
+       * Installs a rendering for the <code>item</code> if it is an {@link yfiles.graph.IEdge} that will use the {@link yfiles.view.EdgeDecorationInstaller#getBendDrawing}
+       * and {@link yfiles.view.EdgeDecorationInstaller#getStroke} to render the path and bends.
+       * @param context The canvas context.
+       * @param group The {@link } to add the new canvas object to.
+       * @param item The item to install.
+       * @returns The canvas object representing the item.
+       */
+      addCanvasObject(context:yfiles.view.ICanvasContext,group:yfiles.view.ICanvasObjectGroup,item:Object):yfiles.view.ICanvasObject;
+      /**
+       * Callback method that retrieves the drawing of the bend for the context.
+       * <p>
+       * This implementation will use the {@link yfiles.view.EdgeSelectionIndicatorInstaller#BEND_TEMPLATE_KEY} resource to find a {@link yfiles.view.IVisualTemplate}
+       * instance. If <code>null</code> is yielded, a default drawing will be used.
+       * </p>
+       * @param canvas The canvas for which the drawing shall be returned.
+       * @param edge The edge for which the rendering will be used.
+       * @returns The drawing instance to use for the rendering of the bends in the given context.
+       * @protected
+       * @abstract
+       */
+      getBendDrawing(canvas:yfiles.view.CanvasComponent,edge:yfiles.graph.IEdge):yfiles.view.IVisualTemplate;
+      /**
+       * Callback method that retrieves the {@link yfiles.view.Stroke} for the context.
+       * <p>
+       * This implementation will use the {@link yfiles.view.EdgeSelectionIndicatorInstaller#STROKE_KEY} resource to find a {@link yfiles.view.Stroke}
+       * instance. If <code>null</code> is yielded, a default {@link yfiles.view.Stroke} will be used.
+       * </p>
+       * @param edge The edge for which the rendering will be used.
+       * @param canvas The canvas for which the {@link } shall be returned.
+       * @returns The {@link } instance to use for the rendering of the edge in the given context.
+       * @protected
+       * @abstract
+       */
+      getStroke(canvas:yfiles.view.CanvasComponent,edge:yfiles.graph.IEdge):yfiles.view.Stroke;
+      static $class:yfiles.lang.Class;
+    }
+    /**
+     * An implementation of the {@link yfiles.view.ICanvasObjectInstaller} interface that can install the selection outline of an
+     * {@link yfiles.graph.IEdge}.
+     * <p>
+     * This will {@link yfiles.view.EdgeDecorationInstaller#addCanvasObject install} an {@link yfiles.view.ICanvasObject} that will render the path and the bends of an edge using a {@link yfiles.view.EdgeSelectionIndicatorInstaller#getStroke pen} for the
+     * path and a {@link yfiles.view.EdgeSelectionIndicatorInstaller#getBendDrawing drawing} for the bends.
+     * </p>
+     * @class
+     * @extends {yfiles.view.EdgeDecorationInstaller}
+     */
+    export interface EdgeSelectionIndicatorInstaller extends yfiles.view.EdgeDecorationInstaller{}
+    export class EdgeSelectionIndicatorInstaller {
+      constructor();
+      /**
+       * A {@link string} that will be used to find the {@link yfiles.view.Stroke} that will be used to draw the path of the edge.
+       * @const
+       * @static
+       * @type {string}
+       */
+      static STROKE_KEY:string;
+      /**
+       * A {@link string} that will be used to find the {@link yfiles.view.IVisualTemplate} that will be used to draw the bends of the edge.
+       * @const
+       * @static
+       * @type {string}
+       */
+      static BEND_TEMPLATE_KEY:string;
+      static $class:yfiles.lang.Class;
+    }
+    /**
+     * An specialized subclass of the {@link yfiles.view.EdgeSelectionIndicatorInstaller} that can install the focus indicator of an
+     * {@link yfiles.graph.IEdge}.
+     * <p>
+     * This will {@link yfiles.view.EdgeDecorationInstaller#addCanvasObject install} an {@link yfiles.view.ICanvasObject} that will render the path and the bends of an edge using a {@link yfiles.view.EdgeFocusIndicatorInstaller#getStroke pen} for the
+     * path and a {@link yfiles.view.EdgeFocusIndicatorInstaller#getBendDrawing drawing} for the bends.
+     * </p>
+     * @class
+     * @extends {yfiles.view.EdgeDecorationInstaller}
+     */
+    export interface EdgeFocusIndicatorInstaller extends yfiles.view.EdgeDecorationInstaller{}
+    export class EdgeFocusIndicatorInstaller {
+      constructor();
+      /**
+       * A {@link string} that will be used to find the {@link yfiles.view.Stroke} that will be used to draw the path of the edge.
+       * @const
+       * @static
+       * @type {string}
+       */
+      static STROKE_KEY:string;
+      /**
+       * A {@link string} that will be used to find the {@link yfiles.view.IVisualTemplate} that will be used to draw the bends of the edge.
+       * @const
+       * @static
+       * @type {string}
+       */
+      static BEND_TEMPLATE_KEY:string;
+      static $class:yfiles.lang.Class;
+    }
+    /**
+     * An specialized subclass of the {@link yfiles.view.EdgeSelectionIndicatorInstaller} that can install the highlight rendering of
+     * an {@link yfiles.graph.IEdge}.
+     * <p>
+     * This will {@link yfiles.view.EdgeDecorationInstaller#addCanvasObject install} an {@link yfiles.view.ICanvasObject} that will render the path and the bends of an edge using a {@link yfiles.view.EdgeHighlightIndicatorInstaller#getStroke pen} for the
+     * path and a {@link yfiles.view.EdgeHighlightIndicatorInstaller#getBendDrawing drawing} for the bends.
+     * </p>
+     * @class
+     * @extends {yfiles.view.EdgeDecorationInstaller}
+     */
+    export interface EdgeHighlightIndicatorInstaller extends yfiles.view.EdgeDecorationInstaller{}
+    export class EdgeHighlightIndicatorInstaller {
+      constructor();
+      /**
+       * A {@link string} that will be used to find the {@link yfiles.view.Stroke} that will be used to draw the path of the edge.
+       * @const
+       * @static
+       * @type {string}
+       */
+      static STROKE_KEY:string;
+      /**
+       * A {@link string} that will be used to find the {@link yfiles.view.IVisualTemplate} that will be used to draw the bends of the edge.
+       * @const
+       * @static
+       * @type {string}
+       */
+      static BEND_TEMPLATE_KEY:string;
+      static $class:yfiles.lang.Class;
+    }
+    /**
+     * Allows the use of an {@link yfiles.styles.IEdgeStyle} to render the selection, highlight or focus indicator of edges.
+     * <p>
+     * The {@link yfiles.view.EdgeStyleDecorationInstaller#zoomPolicy} property defines how the zoom level affects the rendering of the indicator. It can either scale according to the
+     * zoom level similar to regular graph items or have always to same thickness regardless of the zoom, similar to the
+     * default yFiles indicators.
+     * </p>
+     * @see yfiles.view.NodeStyleDecorationInstaller
+     * @see yfiles.view.LabelStyleDecorationInstaller
+     * @class
+     * @implements {yfiles.view.ISelectionIndicatorInstaller}
+     * @implements {yfiles.view.IHighlightIndicatorInstaller}
+     * @implements {yfiles.view.IFocusIndicatorInstaller}
+     */
+    export interface EdgeStyleDecorationInstaller extends Object,yfiles.view.ISelectionIndicatorInstaller,yfiles.view.IHighlightIndicatorInstaller,yfiles.view.IFocusIndicatorInstaller{}
+    export class EdgeStyleDecorationInstaller {
+      /**
+       * Create a new instance of this class.
+       * @param {Object} [options=null] The parameters to pass.
+       * @param {yfiles.styles.IEdgeStyle} options.edgeStyle The style to use for the rendering.
+       * <p>
+       * This option sets the {@link yfiles.view.EdgeStyleDecorationInstaller#edgeStyle} property on the created object.
+       * </p>
+       * @param {yfiles.view.StyleDecorationZoomPolicy} options.zoomPolicy Specifies how the style is affected by the current zoom level.
+       * <p>
+       * This option sets the {@link yfiles.view.EdgeStyleDecorationInstaller#zoomPolicy} property on the created object.
+       * </p>
+       */
+      constructor(options?:{edgeStyle?:yfiles.styles.IEdgeStyle,zoomPolicy?:yfiles.view.StyleDecorationZoomPolicy});
+      /**
+       * Installs a rendering for the <code>item</code> if it is an {@link yfiles.graph.IEdge}.
+       * @param context The canvas context.
+       * @param group The canvas object group to add the newly created {@link } to.
+       * @param item The item to install.
+       * @returns The canvas object representing the item.
+       */
+      addCanvasObject(context:yfiles.view.ICanvasContext,group:yfiles.view.ICanvasObjectGroup,item:Object):yfiles.view.ICanvasObject;
+      /**
+       * Specifies how the style is affected by the current zoom level.
+       * <p>
+       * Changes of the value of this property are propagated to all styles created by this instance and become immediately
+       * visible.
+       * </p>
+       * @type {yfiles.view.StyleDecorationZoomPolicy}
+       */
+      zoomPolicy:yfiles.view.StyleDecorationZoomPolicy;
+      /**
+       * The style to use for the rendering.
+       * <p>
+       * Changes of the value of this property are <b>not</b> propagated to already created styles.
+       * </p>
+       * @type {yfiles.styles.IEdgeStyle}
+       */
+      edgeStyle:yfiles.styles.IEdgeStyle;
+      static $class:yfiles.lang.Class;
+    }
+    /**
+     * An {@link yfiles.view.IVisualCreator} for use in a {@link yfiles.view.CanvasComponent} that renders a {@link yfiles.graph.IGraph} instance in a
+     * sloppy overview style.
+     * @class
+     * @implements {yfiles.view.IVisualCreator}
+     */
+    export interface GraphOverviewCanvasVisualCreator extends Object,yfiles.view.IVisualCreator{}
+    export class GraphOverviewCanvasVisualCreator {
+      /**
+       * Creates a new instance for the given graph.
+       * @param graph
+       */
+      constructor(graph:yfiles.graph.IGraph);
+      /**
+       * Callback that paints the specified <code>edge</code>.
+       * @param renderContext
+       * @param ctx
+       * @param edge
+       * @protected
+       */
+      paintEdge(renderContext:yfiles.view.IRenderContext,ctx:CanvasRenderingContext2D,edge:yfiles.graph.IEdge):void;
+      /**
+       * Callback method that paints the specified <code>node</code>.
+       * @param renderContext
+       * @param ctx
+       * @param node
+       * @protected
+       */
+      paintGroupNode(renderContext:yfiles.view.IRenderContext,ctx:CanvasRenderingContext2D,node:yfiles.graph.INode):void;
+      /**
+       * Callback method that paints the specified <code>node</code>.
+       * @param renderContext
+       * @param ctx
+       * @param node
+       * @protected
+       */
+      paintNode(renderContext:yfiles.view.IRenderContext,ctx:CanvasRenderingContext2D,node:yfiles.graph.INode):void;
+      static $class:yfiles.lang.Class;
+    }
+    /**
+     * Allows the use of an {@link yfiles.styles.ILabelStyle} to render the selection, highlight or focus indicator of labels.
+     * <p>
+     * The {@link yfiles.view.LabelStyleDecorationInstaller#zoomPolicy} property defines how the zoom level affects the rendering of the indicator. It can either scale according to the
+     * zoom level similar to regular graph items or have always to same thickness regardless of the zoom, similar to the
+     * default yFiles indicators.
+     * </p>
+     * @see yfiles.view.EdgeStyleDecorationInstaller
+     * @see yfiles.view.NodeStyleDecorationInstaller
+     * @class
+     * @implements {yfiles.view.ISelectionIndicatorInstaller}
+     * @implements {yfiles.view.IHighlightIndicatorInstaller}
+     * @implements {yfiles.view.IFocusIndicatorInstaller}
+     */
+    export interface LabelStyleDecorationInstaller extends Object,yfiles.view.ISelectionIndicatorInstaller,yfiles.view.IHighlightIndicatorInstaller,yfiles.view.IFocusIndicatorInstaller{}
+    export class LabelStyleDecorationInstaller {
+      /**
+       * Create a new instance of this class.
+       * @param {Object} [options=null] The parameters to pass.
+       * @param {yfiles.styles.ILabelStyle} options.labelStyle The style to use for the rendering.
+       * <p>
+       * This option sets the {@link yfiles.view.LabelStyleDecorationInstaller#labelStyle} property on the created object.
+       * </p>
+       * @param {yfiles.geometry.Insets} options.margins Specifies the margin around the label layout.
+       * <p>
+       * This option sets the {@link yfiles.view.LabelStyleDecorationInstaller#margins} property on the created object.
+       * </p>
+       * @param {yfiles.view.StyleDecorationZoomPolicy} options.zoomPolicy Specifies how the style is affected by the current zoom level.
+       * <p>
+       * This option sets the {@link yfiles.view.LabelStyleDecorationInstaller#zoomPolicy} property on the created object.
+       * </p>
+       */
+      constructor(options?:{labelStyle?:yfiles.styles.ILabelStyle,margins?:yfiles.geometry.Insets,zoomPolicy?:yfiles.view.StyleDecorationZoomPolicy});
+      /**
+       * Installs a rendering for the <code>item</code> if it is an {@link yfiles.graph.ILabel}.
+       * @param context The canvas context.
+       * @param group The canvas object group to add the newly created canvas object to.
+       * @param item The item to install.
+       * @returns The canvas object representing the item.
+       */
+      addCanvasObject(context:yfiles.view.ICanvasContext,group:yfiles.view.ICanvasObjectGroup,item:Object):yfiles.view.ICanvasObject;
+      /**
+       * Specifies how the style is affected by the current zoom level.
+       * <p>
+       * Changes of the value of this property are propagated to all styles created by this instance and become immediately
+       * visible.
+       * </p>
+       * @type {yfiles.view.StyleDecorationZoomPolicy}
+       */
+      zoomPolicy:yfiles.view.StyleDecorationZoomPolicy;
+      /**
+       * Specifies the margin around the label layout.
+       * <p>
+       * Actually, the bounds rendered by the style is the original label layout enlarged by this margin.
+       * </p>
+       * <p>
+       * Changes of the value of this property are propagated to all styles created by this instance and become immediately
+       * visible.
+       * </p>
+       * @type {yfiles.geometry.Insets}
+       */
+      margins:yfiles.geometry.Insets;
+      /**
+       * The style to use for the rendering.
+       * <p>
+       * Changes of the value of this property are <b>not</b> propagated to already created styles.
+       * </p>
+       * @type {yfiles.styles.ILabelStyle}
+       */
+      labelStyle:yfiles.styles.ILabelStyle;
+      static $class:yfiles.lang.Class;
+    }
+    /**
+     * Allows the use of an {@link yfiles.styles.INodeStyle} to render the selection, highlight or focus indicator of nodes.
+     * <p>
+     * The {@link yfiles.view.NodeStyleDecorationInstaller#zoomPolicy} property defines how the zoom level affects the rendering of the indicator. It can either scale according to the
+     * zoom level similar to regular graph items or have always to same thickness regardless of the zoom, similar to the
+     * default yFiles indicators.
+     * </p>
+     * @see yfiles.view.EdgeStyleDecorationInstaller
+     * @see yfiles.view.LabelStyleDecorationInstaller
+     * @class
+     * @implements {yfiles.view.ISelectionIndicatorInstaller}
+     * @implements {yfiles.view.IHighlightIndicatorInstaller}
+     * @implements {yfiles.view.IFocusIndicatorInstaller}
+     */
+    export interface NodeStyleDecorationInstaller extends Object,yfiles.view.ISelectionIndicatorInstaller,yfiles.view.IHighlightIndicatorInstaller,yfiles.view.IFocusIndicatorInstaller{}
+    export class NodeStyleDecorationInstaller {
+      /**
+       * Create a new instance of this class.
+       * @param {Object} [options=null] The parameters to pass.
+       * @param {yfiles.styles.INodeStyle} options.nodeStyle The style to use for the rendering.
+       * <p>
+       * This option sets the {@link yfiles.view.NodeStyleDecorationInstaller#nodeStyle} property on the created object.
+       * </p>
+       * @param {yfiles.geometry.Insets} options.margins Specifies the margin around the node layout.
+       * <p>
+       * This option sets the {@link yfiles.view.NodeStyleDecorationInstaller#margins} property on the created object.
+       * </p>
+       * @param {yfiles.view.StyleDecorationZoomPolicy} options.zoomPolicy Specifies how the style is affected by the current zoom level.
+       * <p>
+       * This option sets the {@link yfiles.view.NodeStyleDecorationInstaller#zoomPolicy} property on the created object.
+       * </p>
+       */
+      constructor(options?:{nodeStyle?:yfiles.styles.INodeStyle,margins?:yfiles.geometry.Insets,zoomPolicy?:yfiles.view.StyleDecorationZoomPolicy});
+      /**
+       * Installs a rendering for the <code>item</code> if it is an {@link yfiles.graph.INode}.
+       * @param context The canvas context.
+       * @param group The canvas object group to add the newly created canvas object to.
+       * @param item The item to install.
+       * @returns The canvas object representing the item.
+       */
+      addCanvasObject(context:yfiles.view.ICanvasContext,group:yfiles.view.ICanvasObjectGroup,item:Object):yfiles.view.ICanvasObject;
+      /**
+       * Specifies how the style is affected by the current zoom level.
+       * <p>
+       * Changes of the value of this property are propagated to all styles created by this instance and become immediately
+       * visible.
+       * </p>
+       * @type {yfiles.view.StyleDecorationZoomPolicy}
+       */
+      zoomPolicy:yfiles.view.StyleDecorationZoomPolicy;
+      /**
+       * Specifies the margin around the node layout.
+       * <p>
+       * Actually, the bounds rendered by the style is the original node layout enlarged by this margin.
+       * </p>
+       * <p>
+       * Changes of the value of this property are propagated to all styles created by this instance and become immediately
+       * visible.
+       * </p>
+       * @type {yfiles.geometry.Insets}
+       */
+      margins:yfiles.geometry.Insets;
+      /**
+       * The style to use for the rendering.
+       * <p>
+       * Changes of the value of this property are <b>not</b> propagated to already created styles.
+       * </p>
+       * @type {yfiles.styles.INodeStyle}
+       */
+      nodeStyle:yfiles.styles.INodeStyle;
+      static $class:yfiles.lang.Class;
+    }
+    export enum StyleDecorationZoomPolicy{
+      /**
+       * The visual is rendered in the view coordinate space and doesn't scale with the zoom level.
+       * <p>
+       * This is similar to the default node resize handles, for example.
+       * </p>
+       */
+      VIEW_COORDINATES,
+      /**
+       * The visual is rendered in the world coordinate space and scales with the zoom level like a regular graph item
+       * visualization, for example a node style.
+       */
+      WORLD_COORDINATES,
+      /**
+       * Uses WorldCoordinates rendering for zoom level >= 1 and ViewCoordinates rendering for zoom level &lt; 1.
+       */
+      MIXED
     }
     /**
      * Represents any object which fills an area.
-     * @class yfiles.view.Fill
+     * @class
      * @implements {yfiles.lang.ICloneable}
      */
     export interface Fill extends Object,yfiles.lang.ICloneable{}
@@ -15413,13 +15443,13 @@ declare namespace system{
        * If this {@link yfiles.view.Fill} is a gradient and implements the {@link yfiles.view.ISvgDefsCreator} interface, it will be added to the
        * <code>defs</code> section of the SVG document. The fill of the given element will be set to a reference to the gradient element.
        * </p>
-       * @param {SVGElement} element The element whose fill should be set.
-       * @param {yfiles.view.ICanvasContext} context The context.
+       * @param element The element whose fill should be set.
+       * @param context The context.
        */
       applyTo(element:SVGElement,context:yfiles.view.ICanvasContext):void;
       /**
        * Clones this instance by returning a {@link Object#memberwiseClone} or this in case this instance is already {@link yfiles.view.Fill#isFrozen frozen}.
-       * @returns {Object} An instance of the same type as this instance.
+       * @returns An instance of the same type as this instance.
        */
       clone():Object;
       /**
@@ -15431,7 +15461,7 @@ declare namespace system{
       freeze():void;
       /**
        * Determines if this instance is frozen.
-       * @returns {boolean} 
+       * @returns 
        */
       isFrozen():boolean;
       /**
@@ -16425,28 +16455,26 @@ declare namespace system{
     }
     /**
      * Represents an ARGB (alpha, red, green, blue) encoded color object.
-     * @class yfiles.view.Color
+     * @class
      * @final
      */
     export interface Color extends Object{}
     export class Color {
       /**
        * Initializes a new instance of the {@link yfiles.view.Color} class.
-       * @param {number} [a=255] The alpha value; <code>255</code> by default.
-       * @param {number} [r=0] The red value; <code>0</code> by default.
-       * @param {number} [g=0] The green value; <code>0</code> by default
-       * @param {number} [b=0] The blue value; <code>0</code> by default.
-       * @constructor
+       * @param [a=255] The alpha value; <code>255</code> by default.
+       * @param [r=0] The red value; <code>0</code> by default.
+       * @param [g=0] The green value; <code>0</code> by default
+       * @param [b=0] The blue value; <code>0</code> by default.
        */
       constructor(r?:number,g?:number,b?:number,a?:number);
       /**
        * Initializes a new instance of the {@link yfiles.view.Color} class.
        * @param {Object} options The parameters to pass.
-       * @param {number} [options.a=255] The alpha value; <code>255</code> by default.
-       * @param {number} [options.r=0] The red value; <code>0</code> by default.
-       * @param {number} [options.g=0] The green value; <code>0</code> by default
-       * @param {number} [options.b=0] The blue value; <code>0</code> by default.
-       * @constructor
+       * @param [options.a=255] The alpha value; <code>255</code> by default.
+       * @param [options.r=0] The red value; <code>0</code> by default.
+       * @param [options.g=0] The green value; <code>0</code> by default
+       * @param [options.b=0] The blue value; <code>0</code> by default.
        */
       constructor(options:{r?:number,g?:number,b?:number,a?:number});
       /**
@@ -16454,11 +16482,11 @@ declare namespace system{
        * <p>
        * All values must be between 0 and 255.
        * </p>
-       * @param {number} a The alpha value.
-       * @param {number} r The red value.
-       * @param {number} g The green value.
-       * @param {number} b The blue value.
-       * @returns {yfiles.view.Color} A new color instance with the given values.
+       * @param a The alpha value.
+       * @param r The red value.
+       * @param g The green value.
+       * @param b The blue value.
+       * @returns A new color instance with the given values.
        * @static
        */
       static fromArgb(a:number,r:number,g:number,b:number):yfiles.view.Color;
@@ -17485,20 +17513,18 @@ declare namespace system{
     }
     /**
      * 
-     * @class yfiles.view.ColorExtension
+     * @class
      * @extends {yfiles.graphml.MarkupExtension}
      */
     export interface ColorExtension extends yfiles.graphml.MarkupExtension{}
     export class ColorExtension {
       /**
        * 
-       * @param {yfiles.view.Color} color
-       * @constructor
+       * @param color
        */
       constructor(color:yfiles.view.Color);
       /**
        * 
-       * @constructor
        */
       constructor();
       /**
@@ -17510,21 +17536,20 @@ declare namespace system{
     }
     /**
      * Represents a cursor object.
-     * @class yfiles.view.Cursor
+     * @class
      */
     export interface Cursor extends Object{}
     export class Cursor {
       /**
        * Initializes a new {@link yfiles.view.Cursor} instance using the provided url and an alternative.
-       * @param {string} url The url should point to a file in the ".cur" format with a size of at most 32x32 pixels to ensure compatibility across
+       * @param url The url should point to a file in the ".cur" format with a size of at most 32x32 pixels to ensure compatibility across
        * browsers.
-       * @param {yfiles.view.Cursor} alternative Cursors can be chained but the last alternative needs to be one of the predefined cursors.
-       * @constructor
+       * @param alternative Cursors can be chained but the last alternative needs to be one of the predefined cursors.
        */
       constructor(url:string,alternative:yfiles.view.Cursor);
       /**
        * Returns the CSS text representation for the cursor and its alternatives.
-       * @returns {string} The CSS text representation for the cursor.
+       * @returns The CSS text representation for the cursor.
        */
       getSystemCursor():string;
       /**
@@ -17805,6 +17830,95 @@ declare namespace system{
       static GRABBING:yfiles.view.Cursor;
       static $class:yfiles.lang.Class;
     }
+    /**
+     * A container for {@link yfiles.view.DashStyle#dashes} and an {@link yfiles.view.DashStyle#offset}.
+     * <p>
+     * All of these values are in terms of multiples of the the thickness of a
+     * {@link yfiles.view.Stroke}. This is different from the corresponding properties of a SVG stroke.
+     * </p>
+     * @class
+     */
+    export interface DashStyle extends Object{}
+    export class DashStyle {
+      /**
+       * Initializes a new instance of the {@link yfiles.view.DashStyle} class using the provided dashes and offset.
+       * @param dashes The dashes.
+       * @param offset The offset.
+       */
+      constructor(dashes:number[],offset:number);
+      /**
+       * Initializes a new instance of the {@link yfiles.view.DashStyle} class using an empty {@link yfiles.view.DashStyle#dashes} and zero {@link yfiles.view.DashStyle#offset}.
+       */
+      constructor();
+      /**
+       * Clones this instance by returning a {@link Object#memberwiseClone} or this in case this instance is already {@link yfiles.view.DashStyle#isFrozen frozen}.
+       * @returns An instance of the same type as this instance.
+       */
+      clone():Object;
+      /**
+       * Freezes this instance.
+       * <p>
+       * Freezing an object makes it immutable, which can result in performance enhancements.
+       * </p>
+       */
+      freeze():void;
+      /**
+       * Determines if this instance is frozen.
+       * @returns 
+       */
+      isFrozen():boolean;
+      /**
+       * Gets or sets the dashes.
+       * @type {yfiles.collections.List.<number>}
+       */
+      dashes:yfiles.collections.List<number>;
+      /**
+       * Gets or sets the offset.
+       * @type {number}
+       */
+      offset:number;
+      /**
+       * Gets the dash style with a single dash.
+       * <p>
+       * This style is designed for dash caps that extend into the 'gaps' like {@link yfiles.view.LineCap#SQUARE} and
+       * {@link yfiles.view.LineCap#ROUND}. A pen with this style doesn't look as expected if its dash cap is {@link yfiles.view.LineCap#FLAT}.
+       * Since {@link yfiles.view.LineCap#FLAT} is the default value, you should explicitly set another value.
+       * </p>
+       */
+      static DASH:yfiles.view.DashStyle;
+      /**
+       * Gets the dash style with a single dash and dot.
+       * <p>
+       * This style is designed for dash caps that extend into the 'gaps' like {@link yfiles.view.LineCap#SQUARE} and
+       * {@link yfiles.view.LineCap#ROUND}. A pen with this style doesn't contain visible dots if its dash cap is
+       * {@link yfiles.view.LineCap#FLAT}. Since {@link yfiles.view.LineCap#FLAT} is the default value, you should explicitly set another value.
+       * </p>
+       */
+      static DASH_DOT:yfiles.view.DashStyle;
+      /**
+       * Gets the dash style with a single dash and two dots.
+       * <p>
+       * This style is designed for dash caps that extend into the 'gaps' like {@link yfiles.view.LineCap#SQUARE} and
+       * {@link yfiles.view.LineCap#ROUND}. A pen with this style doesn't contain visible dots if its dash cap is
+       * {@link yfiles.view.LineCap#FLAT}. Since {@link yfiles.view.LineCap#FLAT} is the default value, you should explicitly set another value.
+       * </p>
+       */
+      static DASH_DOT_DOT:yfiles.view.DashStyle;
+      /**
+       * Gets the dash style with a single dot.
+       * <p>
+       * This style is designed for dash caps that extend into the 'gaps' like {@link yfiles.view.LineCap#SQUARE} and
+       * {@link yfiles.view.LineCap#ROUND}. A pen with this style doesn't contain visible dots if its dash cap is
+       * {@link yfiles.view.LineCap#FLAT}. Since {@link yfiles.view.LineCap#FLAT} is the default value, you should explicitly set another value.
+       * </p>
+       */
+      static DOT:yfiles.view.DashStyle;
+      /**
+       * Gets the solid dash style with no dashes.
+       */
+      static SOLID:yfiles.view.DashStyle;
+      static $class:yfiles.lang.Class;
+    }
     /**
      * Template factory for creating visual representations of rectangular shaped objects.
      * <p>
@@ -17822,10 +17936,10 @@ declare namespace system{
        * {@link yfiles.view.CanvasComponent} uses this interface through the {@link yfiles.view.ICanvasObjectDescriptor} to populate the visual
        * canvas object tree.
        * </p>
-       * @param {yfiles.view.IRenderContext} context The context that describes where the visual will be used.
-       * @param {yfiles.geometry.Rect} bounds The initial bounds to use for the visual.
-       * @param {Object} dataObject The data object to visualize.
-       * @returns {yfiles.view.SvgVisual} The visual to include in the canvas object visual tree. This may be <code>null</code>.
+       * @param context The context that describes where the visual will be used.
+       * @param bounds The initial bounds to use for the visual.
+       * @param dataObject The data object to visualize.
+       * @returns The visual to include in the canvas object visual tree. This may be <code>null</code>.
        * @see yfiles.view.IVisualTemplate#updateVisual
        * @abstract
        */
@@ -17838,12 +17952,12 @@ declare namespace system{
        * previously been created by the same instance during a call to {@link yfiles.view.IVisualTemplate#createVisual}. Implementation
        * may update the <code>oldVisual</code> and return that same reference, or create a new visual and return the new instance or <code>null</code>.
        * </p>
-       * @param {yfiles.view.IRenderContext} context The context that describes where the visual will be used in.
-       * @param {yfiles.view.SvgVisual} oldVisual The visual instance that had been returned the last time the {@link yfiles.view.IVisualTemplate#createVisual} method was called
+       * @param context The context that describes where the visual will be used in.
+       * @param oldVisual The visual instance that had been returned the last time the {@link #createVisual} method was called
        * on this instance.
-       * @param {yfiles.geometry.Rect} bounds The initial bounds to use for the visual.
-       * @param {Object} dataObject The data object to visualize.
-       * @returns {yfiles.view.SvgVisual} <code>oldVisual</code>, if this instance modified the visual, or a new visual that should replace the existing one in the canvas
+       * @param bounds The initial bounds to use for the visual.
+       * @param dataObject The data object to visualize.
+       * @returns <code>oldVisual</code>, if this instance modified the visual, or a new visual that should replace the existing one in the canvas
        * object visual tree.
        * @abstract
        */
@@ -17853,6 +17967,51 @@ declare namespace system{
       $class:yfiles.lang.Class;
       isInstance(o:Object):boolean;
     };
+    /**
+     * The default implementation of a data object for the {@link yfiles.input.DropInputMode}.
+     * @class
+     * @final
+     */
+    export interface DragDropItem extends Object{}
+    export class DragDropItem {
+      /**
+       * Initializes a new instance of the {@link yfiles.view.DragDropItem} class and sets the provided data item for the specified
+       * format.
+       * @param [format=null] The format.
+       * @param [data=null] The data item.
+       * @see yfiles.view.DragDropItem#setData
+       */
+      constructor(format?:string,data?:Object);
+      /**
+       * Initializes a new instance of the {@link yfiles.view.DragDropItem} class and sets the provided data item for the specified
+       * format.
+       * @param {Object} options The parameters to pass.
+       * @param [options.format=null] The format.
+       * @param [options.data=null] The data item.
+       * @see yfiles.view.DragDropItem#setData
+       */
+      constructor(options:{format?:string,data?:Object});
+      /**
+       * Gets the data item for the given format.
+       * @param format The format.
+       * @returns The data item that is stored for this format, or <code>null</code> if no such item exists.
+       * @see yfiles.view.DragDropItem#setData
+       */
+      getData(format:string):Object;
+      /**
+       * Sets the data item for the given format.
+       * @param format The format.
+       * @param data The data item.
+       * @see yfiles.view.DragDropItem#getData
+       */
+      setData(format:string,data:Object):void;
+      /**
+       * Gets the types of the data items stored in this instance.
+       * @type {Array.<string>}
+       */
+      types:string[];
+      static $class:yfiles.lang.Class;
+    }
     export enum DragDropEffects{
       /**
        * Indicates that the drop target cannot be used for dropping the data.
@@ -17894,15 +18053,15 @@ declare namespace system{
     /**
      * The event argument that will be used by {@link yfiles.view.DropTarget} to notify handlers of the various events during a drag
      * and drop operation.
-     * @class yfiles.view.DragEventArgs
+     * @class
      * @extends {yfiles.lang.EventArgs}
      */
     export interface DragEventArgs extends yfiles.lang.EventArgs{}
     export class DragEventArgs {
       /**
        * Gets the position of the current drag operation in the coordinates system of the provided element.
-       * @param {HTMLElement} element The element for which the coordinates should be used.
-       * @returns {yfiles.geometry.Point} The position in the coordinates system of <code>element</code>
+       * @param element The element for which the coordinates should be used.
+       * @returns The position in the coordinates system of <code>element</code>
        */
       getPosition(element:HTMLElement):yfiles.geometry.Point;
       /**
@@ -17955,29 +18114,52 @@ declare namespace system{
     }
     /**
      * Specifies the properties of a transition point of a gradient.
-     * @class yfiles.view.GradientStop
+     * @class
      * @implements {yfiles.lang.ICloneable}
      */
     export interface GradientStop extends Object,yfiles.lang.ICloneable{}
     export class GradientStop {
       /**
-       * Creates a new transition point of a gradient.
-       * @param {yfiles.view.Color} [color=null]
-       * @param {number} [offset=0]
-       * @constructor
+       * Creates a new transition point of a gradient with the given rgba values and offset.
+       * <p>
+       * The rgba values must be between 0 and 255.
+       * </p>
+       * @param r The red value.
+       * @param g The green value.
+       * @param b The blue value.
+       * @param [a=255] The alpha value, 255 by default.
+       * @param [offset=0] The offset, 0 by default.
+       */
+      constructor(r:number,g:number,b:number,a?:number,offset?:number);
+      /**
+       * Creates a new transition point of a gradient with the given rgba values and offset.
+       * <p>
+       * The rgba values must be between 0 and 255.
+       * </p>
+       * @param {Object} options The parameters to pass.
+       * @param options.r The red value.
+       * @param options.g The green value.
+       * @param options.b The blue value.
+       * @param [options.a=255] The alpha value, 255 by default.
+       * @param [options.offset=0] The offset, 0 by default.
+       */
+      constructor(options:{r:number,g:number,b:number,a?:number,offset?:number});
+      /**
+       * Creates a new transition point of a gradient with the given color and offset.
+       * @param [color=null] The stop's color.
+       * @param [offset=0] The offset.
        */
       constructor(color?:yfiles.view.Color,offset?:number);
       /**
-       * Creates a new transition point of a gradient.
+       * Creates a new transition point of a gradient with the given color and offset.
        * @param {Object} options The parameters to pass.
-       * @param {yfiles.view.Color} [options.color=null]
-       * @param {number} [options.offset=0]
-       * @constructor
+       * @param [options.color=null] The stop's color.
+       * @param [options.offset=0] The offset.
        */
       constructor(options:{color?:yfiles.view.Color,offset?:number});
       /**
        * Clones this instance by returning a {@link Object#memberwiseClone} or this in case this instance is already {@link yfiles.view.GradientStop#isFrozen frozen}.
-       * @returns {Object} An instance of the same type as this instance.
+       * @returns An instance of the same type as this instance.
        */
       clone():Object;
       /**
@@ -17989,7 +18171,7 @@ declare namespace system{
       freeze():void;
       /**
        * Determines if this instance is frozen.
-       * @returns {boolean} 
+       * @returns 
        */
       isFrozen():boolean;
       /**
@@ -18021,24 +18203,24 @@ declare namespace system{
     export interface ISvgDefsCreator extends Object{
       /**
        * Checks if the specified node references the element represented by this object.
-       * @param {yfiles.view.ICanvasContext} context The current canvas context.
-       * @param {Node} node The SVG node.
-       * @param {string} id The defs id that has been stored for this instance by the provided context.
-       * @returns {boolean} <code>true</code> if <code>node</code> references the element represented by this instance.
+       * @param context The current canvas context.
+       * @param node The SVG node.
+       * @param id The defs id that has been stored for this instance by the provided context.
+       * @returns <code>true</code> if <code>node</code> references the element represented by this instance.
        * @abstract
        */
       accept(context:yfiles.view.ICanvasContext,node:Node,id:string):boolean;
       /**
        * Creates the element that is put into the defs section of the SVG element.
-       * @param {yfiles.view.ICanvasContext} context The canvas context that can be used to register brushes etc.
-       * @returns {SVGElement} An {@link SVGElement} that can be put into the defs section of the SVG element.
+       * @param context The canvas context that can be used to register brushes etc.
+       * @returns An {@link } that can be put into the defs section of the SVG element.
        * @abstract
        */
       createDefsElement(context:yfiles.view.ICanvasContext):SVGElement;
       /**
        * Updates the defs element with the current gradient data.
-       * @param {yfiles.view.ICanvasContext} context
-       * @param {SVGElement} oldElement
+       * @param context
+       * @param oldElement
        * @abstract
        */
       updateDefsElement(context:yfiles.view.ICanvasContext,oldElement:SVGElement):void;
@@ -18046,18 +18228,18 @@ declare namespace system{
     var ISvgDefsCreator:{
       /**
        * Determine whether the given element has an attribute with the given name that references the id in the defs element.
-       * @param {Element} element The element to inspect
-       * @param {string} attributeName The attribute to check
-       * @param {string} defsId The id in the defs section
-       * @returns {boolean} Whether the attribute is equal to "url(#{defsId})"
+       * @param element The element to inspect
+       * @param attributeName The attribute to check
+       * @param defsId The id in the defs section
+       * @returns Whether the attribute is equal to "url(#{defsId})"
        * @static
        */
       isAttributeReference?(element:Element,attributeName:string,defsId:string):boolean;
       /**
        * Determines whether the specified element is an SVG <code>use</code> element that references the given id.
-       * @param {Node} element The element to inspect.
-       * @param {string} defsId The id of the element in the defs section.
-       * @returns {boolean} <code>true</code> if the specified element references the element; otherwise, <code>false</code>.
+       * @param element The element to inspect.
+       * @param defsId The id of the element in the defs section.
+       * @returns <code>true</code> if the specified element references the element; otherwise, <code>false</code>.
        * @static
        */
       isUseReference?(element:Node,defsId:string):boolean;
@@ -18195,17 +18377,16 @@ declare namespace system{
     }
     /**
      * A wrapper for the native keyboard event which abstracts away incompatibilities in browser implementations.
-     * @class yfiles.view.KeyEventArgs
+     * @class
      * @extends {yfiles.lang.EventArgs}
      */
     export interface KeyEventArgs extends yfiles.lang.EventArgs{}
     export class KeyEventArgs {
       /**
        * Creates a new instance of this class from a native keyboard event.
-       * @param {KeyboardEvent} evt The native keyboard event.
-       * @param {boolean} isPrintable if set to <code>true</code> [is printable].
-       * @param {yfiles.view.KeyEventType} type The type of the event.
-       * @constructor
+       * @param evt The native keyboard event.
+       * @param isPrintable if set to <code>true</code> [is printable].
+       * @param type The type of the event.
        */
       constructor(evt:KeyboardEvent,isPrintable:boolean,type:yfiles.view.KeyEventType);
       /**
@@ -18280,7 +18461,7 @@ declare namespace system{
     }
     /**
      * Fills an area with a linear gradient.
-     * @class yfiles.view.LinearGradient
+     * @class
      * @extends {yfiles.view.Fill}
      * @implements {yfiles.view.ISvgDefsCreator}
      */
@@ -18289,7 +18470,7 @@ declare namespace system{
       /**
        * Initializes a new instance of the {@link yfiles.view.LinearGradient} class.
        * @param {Object} [options=null] The parameters to pass.
-       * @param options.gradientStops An array of {@link yfiles.view.GradientStop}s. Each item will be added to the {@link yfiles.view.LinearGradient#gradientStops} collection.
+       * @param options.gradientStops An array of {@link }s. Each item will be added to the {@link #gradientStops} collection.
        * @param {yfiles.geometry.Point} options.startPoint The start point of this gradient.
        * <p>
        * This option sets the {@link yfiles.view.LinearGradient#startPoint} property on the created object.
@@ -18302,38 +18483,37 @@ declare namespace system{
        * <p>
        * This option sets the {@link yfiles.view.LinearGradient#spreadMethod} property on the created object.
        * </p>
-       * @constructor
        */
       constructor(options?:{startPoint?:yfiles.geometry.Point,endPoint?:yfiles.geometry.Point,spreadMethod?:yfiles.view.GradientSpreadMethod,gradientStops?:Array<any>});
       /**
        * 
-       * @param {yfiles.view.ICanvasContext} context
-       * @param {Node} item
-       * @param {string} id
-       * @returns {boolean} 
+       * @param context
+       * @param item
+       * @param id
+       * @returns 
        */
       accept(context:yfiles.view.ICanvasContext,item:Node,id:string):boolean;
       /**
        * Creates a new SVG gradient that corresponds to this gradient brush.
-       * @param {yfiles.view.ICanvasContext} context
-       * @returns {SVGElement} A new SVG gradient that corresponds to this gradient brush
+       * @param context
+       * @returns A new SVG gradient that corresponds to this gradient brush
        */
       createDefsElement(context:yfiles.view.ICanvasContext):SVGElement;
       /**
        * Creates a new SVG gradient that corresponds to this gradient brush.
-       * @returns {SVGElement} A new SVG gradient that corresponds to this gradient brush
+       * @returns A new SVG gradient that corresponds to this gradient brush
        */
       toSvgGradient():SVGElement;
       /**
        * Updates the SVG gradient within the <code>defs</code> section of the SVG document if it has changed.
-       * @param {yfiles.view.ICanvasContext} context The context.
-       * @param {SVGElement} oldElement The old element.
+       * @param context The context.
+       * @param oldElement The old element.
        */
       updateDefsElement(context:yfiles.view.ICanvasContext,oldElement:SVGElement):void;
       /**
        * Updates the SVG gradient within the <code>defs</code> section of the SVG document if it has changed.
-       * @param {SVGElement} oldElement The old element.
-       * @param {yfiles.view.ICanvasContext} context The context.
+       * @param oldElement The old element.
+       * @param context The context.
        */
       updateSvgGradient(oldElement:SVGElement,context:yfiles.view.ICanvasContext):void;
       /**
@@ -18382,7 +18562,7 @@ declare namespace system{
     }
     /**
      * Fills an area with a SVG pattern.
-     * @class yfiles.view.PatternFill
+     * @class
      * @extends {yfiles.view.Fill}
      * @implements {yfiles.view.ISvgDefsCreator}
      */
@@ -18390,27 +18570,26 @@ declare namespace system{
     export class PatternFill {
       /**
        * Initializes a new instance of the {@link yfiles.view.PatternFill} class.
-       * @constructor
        */
       constructor();
       /**
        * 
-       * @param {yfiles.view.ICanvasContext} context
-       * @param {Node} node
-       * @param {string} id
-       * @returns {boolean} 
+       * @param context
+       * @param node
+       * @param id
+       * @returns 
        */
       accept(context:yfiles.view.ICanvasContext,node:Node,id:string):boolean;
       /**
        * 
-       * @param {yfiles.view.ICanvasContext} context
-       * @returns {SVGElement} 
+       * @param context
+       * @returns 
        */
       createDefsElement(context:yfiles.view.ICanvasContext):SVGElement;
       /**
        * 
-       * @param {yfiles.view.ICanvasContext} context
-       * @param {SVGElement} oldElement
+       * @param context
+       * @param oldElement
        */
       updateDefsElement(context:yfiles.view.ICanvasContext,oldElement:SVGElement):void;
       /**
@@ -18435,6 +18614,723 @@ declare namespace system{
       size:yfiles.geometry.Size;
       static $class:yfiles.lang.Class;
     }
+    /**
+     * A utility class that holds all properties of a {@link yfiles.view.Stroke}.
+     * @class
+     * @implements {yfiles.lang.ICloneable}
+     * @final
+     */
+    export interface Stroke extends Object,yfiles.lang.ICloneable{}
+    export class Stroke {
+      /**
+       * Initializes a new instance of the {@link yfiles.view.Stroke} class using the given rgba values and thickness.
+       * <p>
+       * The rgba values must be between 0 and 255.
+       * </p>
+       * @param r The red value.
+       * @param g The green value.
+       * @param b The blue value.
+       * @param [a=255] The alpha value, 255 by default.
+       * @param [thickness=1.0] The thickness, 1 by default.
+       */
+      constructor(r:number,g:number,b:number,a?:number,thickness?:number);
+      /**
+       * Initializes a new instance of the {@link yfiles.view.Stroke} class using the given rgba values and thickness.
+       * <p>
+       * The rgba values must be between 0 and 255.
+       * </p>
+       * @param {Object} options The parameters to pass.
+       * @param options.r The red value.
+       * @param options.g The green value.
+       * @param options.b The blue value.
+       * @param [options.a=255] The alpha value, 255 by default.
+       * @param [options.thickness=1.0] The thickness, 1 by default.
+       * @param {yfiles.view.LineCap} options.lineCap The dash cap.
+       * <p>
+       * This option sets the {@link yfiles.view.Stroke#lineCap} property on the created object.
+       * </p>
+       * @param {yfiles.view.DashStyle} options.dashStyle The dash style for the {@link yfiles.view.Stroke}.
+       * <p>
+       * This option sets the {@link yfiles.view.Stroke#dashStyle} property on the created object.
+       * </p>
+       * @param {yfiles.view.LineJoin} options.lineJoin The line join property.
+       * <p>
+       * This option sets the {@link yfiles.view.Stroke#lineJoin} property on the created object.
+       * </p>
+       * @param {number} options.miterLimit The miter limit.
+       * <p>
+       * This option sets the {@link yfiles.view.Stroke#miterLimit} property on the created object.
+       * </p>
+       */
+      constructor(options:{r:number,g:number,b:number,a?:number,thickness?:number,lineCap?:yfiles.view.LineCap,dashStyle?:yfiles.view.DashStyle,lineJoin?:yfiles.view.LineJoin,miterLimit?:number});
+      /**
+       * Initializes a new instance of the {@link yfiles.view.Stroke} class using the given brush and thickness.
+       * @param [fill=null] The brush.
+       * @param [thickness=1.0] The thickness.
+       */
+      constructor(fill?:yfiles.view.Fill,thickness?:number);
+      /**
+       * Initializes a new instance of the {@link yfiles.view.Stroke} class using the given brush and thickness.
+       * @param {Object} options The parameters to pass.
+       * @param [options.fill=null] The brush.
+       * @param [options.thickness=1.0] The thickness.
+       * @param {yfiles.view.LineCap} options.lineCap The dash cap.
+       * <p>
+       * This option sets the {@link yfiles.view.Stroke#lineCap} property on the created object.
+       * </p>
+       * @param {yfiles.view.DashStyle} options.dashStyle The dash style for the {@link yfiles.view.Stroke}.
+       * <p>
+       * This option sets the {@link yfiles.view.Stroke#dashStyle} property on the created object.
+       * </p>
+       * @param {yfiles.view.LineJoin} options.lineJoin The line join property.
+       * <p>
+       * This option sets the {@link yfiles.view.Stroke#lineJoin} property on the created object.
+       * </p>
+       * @param {number} options.miterLimit The miter limit.
+       * <p>
+       * This option sets the {@link yfiles.view.Stroke#miterLimit} property on the created object.
+       * </p>
+       */
+      constructor(options:{fill?:yfiles.view.Fill,thickness?:number,lineCap?:yfiles.view.LineCap,dashStyle?:yfiles.view.DashStyle,lineJoin?:yfiles.view.LineJoin,miterLimit?:number});
+      /**
+       * Assigns the stroke defined by this instance to the given <code>element</code>.
+       * @param element The element whose stroke should be set.
+       * @param context The context.
+       */
+      applyTo(element:SVGElement,context:yfiles.view.ICanvasContext):void;
+      /**
+       * Clones this instance by returning a {@link Object#memberwiseClone} or this in case this instance is already {@link yfiles.view.Stroke#isFrozen frozen}.
+       * @returns An instance of the same type as this instance.
+       */
+      clone():Object;
+      /**
+       * Clones the current value of this instance to a new unfrozen {@link yfiles.view.Stroke}.
+       * @returns 
+       */
+      cloneCurrentValue():yfiles.view.Stroke;
+      /**
+       * Freezes this instance.
+       * <p>
+       * Freezing an object makes it immutable, which can result in performance enhancements.
+       * </p>
+       */
+      freeze():void;
+      /**
+       * Determines if this instance is frozen.
+       * @returns 
+       */
+      isFrozen():boolean;
+      /**
+       * Gets or sets the brush for the {@link yfiles.view.Stroke}.
+       * @default 'Black'
+       * @type {yfiles.view.Fill}
+       */
+      fill:yfiles.view.Fill;
+      /**
+       * Gets or sets the dash cap.
+       * @default yfiles.view.LineCap.FLAT
+       * @type {yfiles.view.LineCap}
+       */
+      lineCap:yfiles.view.LineCap;
+      /**
+       * Gets or sets the line join property.
+       * @default yfiles.view.LineJoin.MITER
+       * @type {yfiles.view.LineJoin}
+       */
+      lineJoin:yfiles.view.LineJoin;
+      /**
+       * Gets or sets the dash style for the {@link yfiles.view.Stroke}.
+       * <p>
+       * The visual appearance of the 'dashes' and 'gaps' specified by this property depends on the value of the property {@link yfiles.view.Stroke#lineCap}, too.
+       * </p>
+       * <p>
+       * The predefined dash styles are designed for dash caps that extend into the 'gaps' like {@link yfiles.view.LineCap#SQUARE} and
+       * {@link yfiles.view.LineCap#ROUND}. With {@link yfiles.view.LineCap#FLAT}, the dashes might not look like expected, for example {@link yfiles.view.DashStyle#DOT} will not
+       * be visible at all. Since {@link yfiles.view.LineCap#FLAT} is the default value, you should explicitly set another value in this
+       * case.
+       * </p>
+       * @default 'Solid'
+       * @type {yfiles.view.DashStyle}
+       */
+      dashStyle:yfiles.view.DashStyle;
+      /**
+       * Gets or sets the miter limit.
+       * @default 10.0
+       * @type {number}
+       */
+      miterLimit:number;
+      /**
+       * Gets or sets the thickness of the stroke.
+       * @default 1.0
+       * @type {number}
+       */
+      thickness:number;
+      /**
+       * Gets a {@link yfiles.view.Stroke#isFrozen frozen} {@link yfiles.view.Stroke} that uses {@link yfiles.view.Fill#ALICE_BLUE} as its {@link yfiles.view.Stroke#fill} and has a {@link yfiles.view.Stroke#thickness} of <code>1</code>.
+       */
+      static ALICE_BLUE:yfiles.view.Stroke;
+      /**
+       * Gets a {@link yfiles.view.Stroke#isFrozen frozen} {@link yfiles.view.Stroke} that uses {@link yfiles.view.Fill#ANTIQUE_WHITE} as its {@link yfiles.view.Stroke#fill} and has a {@link yfiles.view.Stroke#thickness} of <code>1</code>.
+       */
+      static ANTIQUE_WHITE:yfiles.view.Stroke;
+      /**
+       * Gets a {@link yfiles.view.Stroke#isFrozen frozen} {@link yfiles.view.Stroke} that uses {@link yfiles.view.Fill#AQUA} as its {@link yfiles.view.Stroke#fill} and has a {@link yfiles.view.Stroke#thickness} of <code>1</code>.
+       */
+      static AQUA:yfiles.view.Stroke;
+      /**
+       * Gets a {@link yfiles.view.Stroke#isFrozen frozen} {@link yfiles.view.Stroke} that uses {@link yfiles.view.Fill#AQUAMARINE} as its {@link yfiles.view.Stroke#fill} and has a {@link yfiles.view.Stroke#thickness} of <code>1</code>.
+       */
+      static AQUAMARINE:yfiles.view.Stroke;
+      /**
+       * Gets a {@link yfiles.view.Stroke#isFrozen frozen} {@link yfiles.view.Stroke} that uses {@link yfiles.view.Fill#AZURE} as its {@link yfiles.view.Stroke#fill} and has a {@link yfiles.view.Stroke#thickness} of <code>1</code>.
+       */
+      static AZURE:yfiles.view.Stroke;
+      /**
+       * Gets a {@link yfiles.view.Stroke#isFrozen frozen} {@link yfiles.view.Stroke} that uses {@link yfiles.view.Fill#BEIGE} as its {@link yfiles.view.Stroke#fill} and has a {@link yfiles.view.Stroke#thickness} of <code>1</code>.
+       */
+      static BEIGE:yfiles.view.Stroke;
+      /**
+       * Gets a {@link yfiles.view.Stroke#isFrozen frozen} {@link yfiles.view.Stroke} that uses {@link yfiles.view.Fill#BISQUE} as its {@link yfiles.view.Stroke#fill} and has a {@link yfiles.view.Stroke#thickness} of <code>1</code>.
+       */
+      static BISQUE:yfiles.view.Stroke;
+      /**
+       * Gets a {@link yfiles.view.Stroke#isFrozen frozen} {@link yfiles.view.Stroke} that uses {@link yfiles.view.Fill#BLACK} as its {@link yfiles.view.Stroke#fill} and has a {@link yfiles.view.Stroke#thickness} of <code>1</code>.
+       */
+      static BLACK:yfiles.view.Stroke;
+      /**
+       * Gets a {@link yfiles.view.Stroke#isFrozen frozen} {@link yfiles.view.Stroke} that uses {@link yfiles.view.Fill#BLANCHED_ALMOND} as its {@link yfiles.view.Stroke#fill} and has a {@link yfiles.view.Stroke#thickness} of <code>1</code>.
+       */
+      static BLANCHED_ALMOND:yfiles.view.Stroke;
+      /**
+       * Gets a {@link yfiles.view.Stroke#isFrozen frozen} {@link yfiles.view.Stroke} that uses {@link yfiles.view.Fill#BLUE} as its {@link yfiles.view.Stroke#fill} and has a {@link yfiles.view.Stroke#thickness} of <code>1</code>.
+       */
+      static BLUE:yfiles.view.Stroke;
+      /**
+       * Gets a {@link yfiles.view.Stroke#isFrozen frozen} {@link yfiles.view.Stroke} that uses {@link yfiles.view.Fill#BLUE_VIOLET} as its {@link yfiles.view.Stroke#fill} and has a {@link yfiles.view.Stroke#thickness} of <code>1</code>.
+       */
+      static BLUE_VIOLET:yfiles.view.Stroke;
+      /**
+       * Gets a {@link yfiles.view.Stroke#isFrozen frozen} {@link yfiles.view.Stroke} that uses {@link yfiles.view.Fill#BROWN} as its {@link yfiles.view.Stroke#fill} and has a {@link yfiles.view.Stroke#thickness} of <code>1</code>.
+       */
+      static BROWN:yfiles.view.Stroke;
+      /**
+       * Gets a {@link yfiles.view.Stroke#isFrozen frozen} {@link yfiles.view.Stroke} that uses {@link yfiles.view.Fill#BURLY_WOOD} as its {@link yfiles.view.Stroke#fill} and has a {@link yfiles.view.Stroke#thickness} of <code>1</code>.
+       */
+      static BURLY_WOOD:yfiles.view.Stroke;
+      /**
+       * Gets a {@link yfiles.view.Stroke#isFrozen frozen} {@link yfiles.view.Stroke} that uses {@link yfiles.view.Fill#CADET_BLUE} as its {@link yfiles.view.Stroke#fill} and has a {@link yfiles.view.Stroke#thickness} of <code>1</code>.
+       */
+      static CADET_BLUE:yfiles.view.Stroke;
+      /**
+       * Gets a {@link yfiles.view.Stroke#isFrozen frozen} {@link yfiles.view.Stroke} that uses {@link yfiles.view.Fill#CHARTREUSE} as its {@link yfiles.view.Stroke#fill} and has a {@link yfiles.view.Stroke#thickness} of <code>1</code>.
+       */
+      static CHARTREUSE:yfiles.view.Stroke;
+      /**
+       * Gets a {@link yfiles.view.Stroke#isFrozen frozen} {@link yfiles.view.Stroke} that uses {@link yfiles.view.Fill#CHOCOLATE} as its {@link yfiles.view.Stroke#fill} and has a {@link yfiles.view.Stroke#thickness} of <code>1</code>.
+       */
+      static CHOCOLATE:yfiles.view.Stroke;
+      /**
+       * Gets a {@link yfiles.view.Stroke#isFrozen frozen} {@link yfiles.view.Stroke} that uses {@link yfiles.view.Fill#CORAL} as its {@link yfiles.view.Stroke#fill} and has a {@link yfiles.view.Stroke#thickness} of <code>1</code>.
+       */
+      static CORAL:yfiles.view.Stroke;
+      /**
+       * Gets a {@link yfiles.view.Stroke#isFrozen frozen} {@link yfiles.view.Stroke} that uses {@link yfiles.view.Fill#CORNFLOWER_BLUE} as its {@link yfiles.view.Stroke#fill} and has a {@link yfiles.view.Stroke#thickness} of <code>1</code>.
+       */
+      static CORNFLOWER_BLUE:yfiles.view.Stroke;
+      /**
+       * Gets a {@link yfiles.view.Stroke#isFrozen frozen} {@link yfiles.view.Stroke} that uses {@link yfiles.view.Fill#CORNSILK} as its {@link yfiles.view.Stroke#fill} and has a {@link yfiles.view.Stroke#thickness} of <code>1</code>.
+       */
+      static CORNSILK:yfiles.view.Stroke;
+      /**
+       * Gets a {@link yfiles.view.Stroke#isFrozen frozen} {@link yfiles.view.Stroke} that uses {@link yfiles.view.Fill#CRIMSON} as its {@link yfiles.view.Stroke#fill} and has a {@link yfiles.view.Stroke#thickness} of <code>1</code>.
+       */
+      static CRIMSON:yfiles.view.Stroke;
+      /**
+       * Gets a {@link yfiles.view.Stroke#isFrozen frozen} {@link yfiles.view.Stroke} that uses {@link yfiles.view.Fill#CYAN} as its {@link yfiles.view.Stroke#fill} and has a {@link yfiles.view.Stroke#thickness} of <code>1</code>.
+       */
+      static CYAN:yfiles.view.Stroke;
+      /**
+       * Gets a {@link yfiles.view.Stroke#isFrozen frozen} {@link yfiles.view.Stroke} that uses {@link yfiles.view.Fill#DARK_BLUE} as its {@link yfiles.view.Stroke#fill} and has a {@link yfiles.view.Stroke#thickness} of <code>1</code>.
+       */
+      static DARK_BLUE:yfiles.view.Stroke;
+      /**
+       * Gets a {@link yfiles.view.Stroke#isFrozen frozen} {@link yfiles.view.Stroke} that uses {@link yfiles.view.Fill#DARK_CYAN} as its {@link yfiles.view.Stroke#fill} and has a {@link yfiles.view.Stroke#thickness} of <code>1</code>.
+       */
+      static DARK_CYAN:yfiles.view.Stroke;
+      /**
+       * Gets a {@link yfiles.view.Stroke#isFrozen frozen} {@link yfiles.view.Stroke} that uses {@link yfiles.view.Fill#DARK_GOLDENROD} as its {@link yfiles.view.Stroke#fill} and has a {@link yfiles.view.Stroke#thickness} of <code>1</code>.
+       */
+      static DARK_GOLDENROD:yfiles.view.Stroke;
+      /**
+       * Gets a {@link yfiles.view.Stroke#isFrozen frozen} {@link yfiles.view.Stroke} that uses {@link yfiles.view.Fill#DARK_GRAY} as its {@link yfiles.view.Stroke#fill} and has a {@link yfiles.view.Stroke#thickness} of <code>1</code>.
+       */
+      static DARK_GRAY:yfiles.view.Stroke;
+      /**
+       * Gets a {@link yfiles.view.Stroke#isFrozen frozen} {@link yfiles.view.Stroke} that uses {@link yfiles.view.Fill#DARK_GREEN} as its {@link yfiles.view.Stroke#fill} and has a {@link yfiles.view.Stroke#thickness} of <code>1</code>.
+       */
+      static DARK_GREEN:yfiles.view.Stroke;
+      /**
+       * Gets a {@link yfiles.view.Stroke#isFrozen frozen} {@link yfiles.view.Stroke} that uses {@link yfiles.view.Fill#DARK_KHAKI} as its {@link yfiles.view.Stroke#fill} and has a {@link yfiles.view.Stroke#thickness} of <code>1</code>.
+       */
+      static DARK_KHAKI:yfiles.view.Stroke;
+      /**
+       * Gets a {@link yfiles.view.Stroke#isFrozen frozen} {@link yfiles.view.Stroke} that uses {@link yfiles.view.Fill#DARK_MAGENTA} as its {@link yfiles.view.Stroke#fill} and has a {@link yfiles.view.Stroke#thickness} of <code>1</code>.
+       */
+      static DARK_MAGENTA:yfiles.view.Stroke;
+      /**
+       * Gets a {@link yfiles.view.Stroke#isFrozen frozen} {@link yfiles.view.Stroke} that uses {@link yfiles.view.Fill#DARK_OLIVE_GREEN} as its {@link yfiles.view.Stroke#fill} and has a {@link yfiles.view.Stroke#thickness} of <code>1</code>.
+       */
+      static DARK_OLIVE_GREEN:yfiles.view.Stroke;
+      /**
+       * Gets a {@link yfiles.view.Stroke#isFrozen frozen} {@link yfiles.view.Stroke} that uses {@link yfiles.view.Fill#DARK_ORANGE} as its {@link yfiles.view.Stroke#fill} and has a {@link yfiles.view.Stroke#thickness} of <code>1</code>.
+       */
+      static DARK_ORANGE:yfiles.view.Stroke;
+      /**
+       * Gets a {@link yfiles.view.Stroke#isFrozen frozen} {@link yfiles.view.Stroke} that uses {@link yfiles.view.Fill#DARK_ORCHID} as its {@link yfiles.view.Stroke#fill} and has a {@link yfiles.view.Stroke#thickness} of <code>1</code>.
+       */
+      static DARK_ORCHID:yfiles.view.Stroke;
+      /**
+       * Gets a {@link yfiles.view.Stroke#isFrozen frozen} {@link yfiles.view.Stroke} that uses {@link yfiles.view.Fill#DARK_RED} as its {@link yfiles.view.Stroke#fill} and has a {@link yfiles.view.Stroke#thickness} of <code>1</code>.
+       */
+      static DARK_RED:yfiles.view.Stroke;
+      /**
+       * Gets a {@link yfiles.view.Stroke#isFrozen frozen} {@link yfiles.view.Stroke} that uses {@link yfiles.view.Fill#DARK_SALMON} as its {@link yfiles.view.Stroke#fill} and has a {@link yfiles.view.Stroke#thickness} of <code>1</code>.
+       */
+      static DARK_SALMON:yfiles.view.Stroke;
+      /**
+       * Gets a {@link yfiles.view.Stroke#isFrozen frozen} {@link yfiles.view.Stroke} that uses {@link yfiles.view.Fill#DARK_SEA_GREEN} as its {@link yfiles.view.Stroke#fill} and has a {@link yfiles.view.Stroke#thickness} of <code>1</code>.
+       */
+      static DARK_SEA_GREEN:yfiles.view.Stroke;
+      /**
+       * Gets a {@link yfiles.view.Stroke#isFrozen frozen} {@link yfiles.view.Stroke} that uses {@link yfiles.view.Fill#DARK_SLATE_BLUE} as its {@link yfiles.view.Stroke#fill} and has a {@link yfiles.view.Stroke#thickness} of <code>1</code>.
+       */
+      static DARK_SLATE_BLUE:yfiles.view.Stroke;
+      /**
+       * Gets a {@link yfiles.view.Stroke#isFrozen frozen} {@link yfiles.view.Stroke} that uses {@link yfiles.view.Fill#DARK_SLATE_GRAY} as its {@link yfiles.view.Stroke#fill} and has a {@link yfiles.view.Stroke#thickness} of <code>1</code>.
+       */
+      static DARK_SLATE_GRAY:yfiles.view.Stroke;
+      /**
+       * Gets a {@link yfiles.view.Stroke#isFrozen frozen} {@link yfiles.view.Stroke} that uses {@link yfiles.view.Fill#DARK_TURQUOISE} as its {@link yfiles.view.Stroke#fill} and has a {@link yfiles.view.Stroke#thickness} of <code>1</code>.
+       */
+      static DARK_TURQUOISE:yfiles.view.Stroke;
+      /**
+       * Gets a {@link yfiles.view.Stroke#isFrozen frozen} {@link yfiles.view.Stroke} that uses {@link yfiles.view.Fill#DARK_VIOLET} as its {@link yfiles.view.Stroke#fill} and has a {@link yfiles.view.Stroke#thickness} of <code>1</code>.
+       */
+      static DARK_VIOLET:yfiles.view.Stroke;
+      /**
+       * Gets a {@link yfiles.view.Stroke#isFrozen frozen} {@link yfiles.view.Stroke} that uses {@link yfiles.view.Fill#DEEP_PINK} as its {@link yfiles.view.Stroke#fill} and has a {@link yfiles.view.Stroke#thickness} of <code>1</code>.
+       */
+      static DEEP_PINK:yfiles.view.Stroke;
+      /**
+       * Gets a {@link yfiles.view.Stroke#isFrozen frozen} {@link yfiles.view.Stroke} that uses {@link yfiles.view.Fill#DEEP_SKY_BLUE} as its {@link yfiles.view.Stroke#fill} and has a {@link yfiles.view.Stroke#thickness} of <code>1</code>.
+       */
+      static DEEP_SKY_BLUE:yfiles.view.Stroke;
+      /**
+       * Gets a {@link yfiles.view.Stroke#isFrozen frozen} {@link yfiles.view.Stroke} that uses {@link yfiles.view.Fill#DIM_GRAY} as its {@link yfiles.view.Stroke#fill} and has a {@link yfiles.view.Stroke#thickness} of <code>1</code>.
+       */
+      static DIM_GRAY:yfiles.view.Stroke;
+      /**
+       * Gets a {@link yfiles.view.Stroke#isFrozen frozen} {@link yfiles.view.Stroke} that uses {@link yfiles.view.Fill#DODGER_BLUE} as its {@link yfiles.view.Stroke#fill} and has a {@link yfiles.view.Stroke#thickness} of <code>1</code>.
+       */
+      static DODGER_BLUE:yfiles.view.Stroke;
+      /**
+       * Gets a {@link yfiles.view.Stroke#isFrozen frozen} {@link yfiles.view.Stroke} that uses {@link yfiles.view.Fill#FIREBRICK} as its {@link yfiles.view.Stroke#fill} and has a {@link yfiles.view.Stroke#thickness} of <code>1</code>.
+       */
+      static FIREBRICK:yfiles.view.Stroke;
+      /**
+       * Gets a {@link yfiles.view.Stroke#isFrozen frozen} {@link yfiles.view.Stroke} that uses {@link yfiles.view.Fill#FLORAL_WHITE} as its {@link yfiles.view.Stroke#fill} and has a {@link yfiles.view.Stroke#thickness} of <code>1</code>.
+       */
+      static FLORAL_WHITE:yfiles.view.Stroke;
+      /**
+       * Gets a {@link yfiles.view.Stroke#isFrozen frozen} {@link yfiles.view.Stroke} that uses {@link yfiles.view.Fill#FOREST_GREEN} as its {@link yfiles.view.Stroke#fill} and has a {@link yfiles.view.Stroke#thickness} of <code>1</code>.
+       */
+      static FOREST_GREEN:yfiles.view.Stroke;
+      /**
+       * Gets a {@link yfiles.view.Stroke#isFrozen frozen} {@link yfiles.view.Stroke} that uses {@link yfiles.view.Fill#FUCHSIA} as its {@link yfiles.view.Stroke#fill} and has a {@link yfiles.view.Stroke#thickness} of <code>1</code>.
+       */
+      static FUCHSIA:yfiles.view.Stroke;
+      /**
+       * Gets a {@link yfiles.view.Stroke#isFrozen frozen} {@link yfiles.view.Stroke} that uses {@link yfiles.view.Fill#GAINSBORO} as its {@link yfiles.view.Stroke#fill} and has a {@link yfiles.view.Stroke#thickness} of <code>1</code>.
+       */
+      static GAINSBORO:yfiles.view.Stroke;
+      /**
+       * Gets a {@link yfiles.view.Stroke#isFrozen frozen} {@link yfiles.view.Stroke} that uses {@link yfiles.view.Fill#GHOST_WHITE} as its {@link yfiles.view.Stroke#fill} and has a {@link yfiles.view.Stroke#thickness} of <code>1</code>.
+       */
+      static GHOST_WHITE:yfiles.view.Stroke;
+      /**
+       * Gets a {@link yfiles.view.Stroke#isFrozen frozen} {@link yfiles.view.Stroke} that uses {@link yfiles.view.Fill#GOLD} as its {@link yfiles.view.Stroke#fill} and has a {@link yfiles.view.Stroke#thickness} of <code>1</code>.
+       */
+      static GOLD:yfiles.view.Stroke;
+      /**
+       * Gets a {@link yfiles.view.Stroke#isFrozen frozen} {@link yfiles.view.Stroke} that uses {@link yfiles.view.Fill#GOLDENROD} as its {@link yfiles.view.Stroke#fill} and has a {@link yfiles.view.Stroke#thickness} of <code>1</code>.
+       */
+      static GOLDENROD:yfiles.view.Stroke;
+      /**
+       * Gets a {@link yfiles.view.Stroke#isFrozen frozen} {@link yfiles.view.Stroke} that uses {@link yfiles.view.Fill#GRAY} as its {@link yfiles.view.Stroke#fill} and has a {@link yfiles.view.Stroke#thickness} of <code>1</code>.
+       */
+      static GRAY:yfiles.view.Stroke;
+      /**
+       * Gets a {@link yfiles.view.Stroke#isFrozen frozen} {@link yfiles.view.Stroke} that uses {@link yfiles.view.Fill#GREEN} as its {@link yfiles.view.Stroke#fill} and has a {@link yfiles.view.Stroke#thickness} of <code>1</code>.
+       */
+      static GREEN:yfiles.view.Stroke;
+      /**
+       * Gets a {@link yfiles.view.Stroke#isFrozen frozen} {@link yfiles.view.Stroke} that uses {@link yfiles.view.Fill#GREEN_YELLOW} as its {@link yfiles.view.Stroke#fill} and has a {@link yfiles.view.Stroke#thickness} of <code>1</code>.
+       */
+      static GREEN_YELLOW:yfiles.view.Stroke;
+      /**
+       * Gets a {@link yfiles.view.Stroke#isFrozen frozen} {@link yfiles.view.Stroke} that uses {@link yfiles.view.Fill#HONEYDEW} as its {@link yfiles.view.Stroke#fill} and has a {@link yfiles.view.Stroke#thickness} of <code>1</code>.
+       */
+      static HONEYDEW:yfiles.view.Stroke;
+      /**
+       * Gets a {@link yfiles.view.Stroke#isFrozen frozen} {@link yfiles.view.Stroke} that uses {@link yfiles.view.Fill#HOT_PINK} as its {@link yfiles.view.Stroke#fill} and has a {@link yfiles.view.Stroke#thickness} of <code>1</code>.
+       */
+      static HOT_PINK:yfiles.view.Stroke;
+      /**
+       * Gets a {@link yfiles.view.Stroke#isFrozen frozen} {@link yfiles.view.Stroke} that uses {@link yfiles.view.Fill#INDIAN_RED} as its {@link yfiles.view.Stroke#fill} and has a {@link yfiles.view.Stroke#thickness} of <code>1</code>.
+       */
+      static INDIAN_RED:yfiles.view.Stroke;
+      /**
+       * Gets a {@link yfiles.view.Stroke#isFrozen frozen} {@link yfiles.view.Stroke} that uses {@link yfiles.view.Fill#INDIGO} as its {@link yfiles.view.Stroke#fill} and has a {@link yfiles.view.Stroke#thickness} of <code>1</code>.
+       */
+      static INDIGO:yfiles.view.Stroke;
+      /**
+       * Gets a {@link yfiles.view.Stroke#isFrozen frozen} {@link yfiles.view.Stroke} that uses {@link yfiles.view.Fill#IVORY} as its {@link yfiles.view.Stroke#fill} and has a {@link yfiles.view.Stroke#thickness} of <code>1</code>.
+       */
+      static IVORY:yfiles.view.Stroke;
+      /**
+       * Gets a {@link yfiles.view.Stroke#isFrozen frozen} {@link yfiles.view.Stroke} that uses {@link yfiles.view.Fill#KHAKI} as its {@link yfiles.view.Stroke#fill} and has a {@link yfiles.view.Stroke#thickness} of <code>1</code>.
+       */
+      static KHAKI:yfiles.view.Stroke;
+      /**
+       * Gets a {@link yfiles.view.Stroke#isFrozen frozen} {@link yfiles.view.Stroke} that uses {@link yfiles.view.Fill#LAVENDER} as its {@link yfiles.view.Stroke#fill} and has a {@link yfiles.view.Stroke#thickness} of <code>1</code>.
+       */
+      static LAVENDER:yfiles.view.Stroke;
+      /**
+       * Gets a {@link yfiles.view.Stroke#isFrozen frozen} {@link yfiles.view.Stroke} that uses {@link yfiles.view.Fill#LAVENDER_BLUSH} as its {@link yfiles.view.Stroke#fill} and has a {@link yfiles.view.Stroke#thickness} of <code>1</code>.
+       */
+      static LAVENDER_BLUSH:yfiles.view.Stroke;
+      /**
+       * Gets a {@link yfiles.view.Stroke#isFrozen frozen} {@link yfiles.view.Stroke} that uses {@link yfiles.view.Fill#LAWN_GREEN} as its {@link yfiles.view.Stroke#fill} and has a {@link yfiles.view.Stroke#thickness} of <code>1</code>.
+       */
+      static LAWN_GREEN:yfiles.view.Stroke;
+      /**
+       * Gets a {@link yfiles.view.Stroke#isFrozen frozen} {@link yfiles.view.Stroke} that uses {@link yfiles.view.Fill#LEMON_CHIFFON} as its {@link yfiles.view.Stroke#fill} and has a {@link yfiles.view.Stroke#thickness} of <code>1</code>.
+       */
+      static LEMON_CHIFFON:yfiles.view.Stroke;
+      /**
+       * Gets a {@link yfiles.view.Stroke#isFrozen frozen} {@link yfiles.view.Stroke} that uses {@link yfiles.view.Fill#LIGHT_BLUE} as its {@link yfiles.view.Stroke#fill} and has a {@link yfiles.view.Stroke#thickness} of <code>1</code>.
+       */
+      static LIGHT_BLUE:yfiles.view.Stroke;
+      /**
+       * Gets a {@link yfiles.view.Stroke#isFrozen frozen} {@link yfiles.view.Stroke} that uses {@link yfiles.view.Fill#LIGHT_CORAL} as its {@link yfiles.view.Stroke#fill} and has a {@link yfiles.view.Stroke#thickness} of <code>1</code>.
+       */
+      static LIGHT_CORAL:yfiles.view.Stroke;
+      /**
+       * Gets a {@link yfiles.view.Stroke#isFrozen frozen} {@link yfiles.view.Stroke} that uses {@link yfiles.view.Fill#LIGHT_CYAN} as its {@link yfiles.view.Stroke#fill} and has a {@link yfiles.view.Stroke#thickness} of <code>1</code>.
+       */
+      static LIGHT_CYAN:yfiles.view.Stroke;
+      /**
+       * Gets a {@link yfiles.view.Stroke#isFrozen frozen} {@link yfiles.view.Stroke} that uses {@link yfiles.view.Fill#LIGHT_GOLDENROD_YELLOW} as its {@link yfiles.view.Stroke#fill} and has a {@link yfiles.view.Stroke#thickness} of <code>1</code>.
+       */
+      static LIGHT_GOLDENROD_YELLOW:yfiles.view.Stroke;
+      /**
+       * Gets a {@link yfiles.view.Stroke#isFrozen frozen} {@link yfiles.view.Stroke} that uses {@link yfiles.view.Fill#LIGHT_GRAY} as its {@link yfiles.view.Stroke#fill} and has a {@link yfiles.view.Stroke#thickness} of <code>1</code>.
+       */
+      static LIGHT_GRAY:yfiles.view.Stroke;
+      /**
+       * Gets a {@link yfiles.view.Stroke#isFrozen frozen} {@link yfiles.view.Stroke} that uses {@link yfiles.view.Fill#LIGHT_GREEN} as its {@link yfiles.view.Stroke#fill} and has a {@link yfiles.view.Stroke#thickness} of <code>1</code>.
+       */
+      static LIGHT_GREEN:yfiles.view.Stroke;
+      /**
+       * Gets a {@link yfiles.view.Stroke#isFrozen frozen} {@link yfiles.view.Stroke} that uses {@link yfiles.view.Fill#LIGHT_PINK} as its {@link yfiles.view.Stroke#fill} and has a {@link yfiles.view.Stroke#thickness} of <code>1</code>.
+       */
+      static LIGHT_PINK:yfiles.view.Stroke;
+      /**
+       * Gets a {@link yfiles.view.Stroke#isFrozen frozen} {@link yfiles.view.Stroke} that uses {@link yfiles.view.Fill#LIGHT_SALMON} as its {@link yfiles.view.Stroke#fill} and has a {@link yfiles.view.Stroke#thickness} of <code>1</code>.
+       */
+      static LIGHT_SALMON:yfiles.view.Stroke;
+      /**
+       * Gets a {@link yfiles.view.Stroke#isFrozen frozen} {@link yfiles.view.Stroke} that uses {@link yfiles.view.Fill#LIGHT_SEA_GREEN} as its {@link yfiles.view.Stroke#fill} and has a {@link yfiles.view.Stroke#thickness} of <code>1</code>.
+       */
+      static LIGHT_SEA_GREEN:yfiles.view.Stroke;
+      /**
+       * Gets a {@link yfiles.view.Stroke#isFrozen frozen} {@link yfiles.view.Stroke} that uses {@link yfiles.view.Fill#LIGHT_SKY_BLUE} as its {@link yfiles.view.Stroke#fill} and has a {@link yfiles.view.Stroke#thickness} of <code>1</code>.
+       */
+      static LIGHT_SKY_BLUE:yfiles.view.Stroke;
+      /**
+       * Gets a {@link yfiles.view.Stroke#isFrozen frozen} {@link yfiles.view.Stroke} that uses {@link yfiles.view.Fill#LIGHT_SLATE_GRAY} as its {@link yfiles.view.Stroke#fill} and has a {@link yfiles.view.Stroke#thickness} of <code>1</code>.
+       */
+      static LIGHT_SLATE_GRAY:yfiles.view.Stroke;
+      /**
+       * Gets a {@link yfiles.view.Stroke#isFrozen frozen} {@link yfiles.view.Stroke} that uses {@link yfiles.view.Fill#LIGHT_STEEL_BLUE} as its {@link yfiles.view.Stroke#fill} and has a {@link yfiles.view.Stroke#thickness} of <code>1</code>.
+       */
+      static LIGHT_STEEL_BLUE:yfiles.view.Stroke;
+      /**
+       * Gets a {@link yfiles.view.Stroke#isFrozen frozen} {@link yfiles.view.Stroke} that uses {@link yfiles.view.Fill#LIGHT_YELLOW} as its {@link yfiles.view.Stroke#fill} and has a {@link yfiles.view.Stroke#thickness} of <code>1</code>.
+       */
+      static LIGHT_YELLOW:yfiles.view.Stroke;
+      /**
+       * Gets a {@link yfiles.view.Stroke#isFrozen frozen} {@link yfiles.view.Stroke} that uses {@link yfiles.view.Fill#LIME} as its {@link yfiles.view.Stroke#fill} and has a {@link yfiles.view.Stroke#thickness} of <code>1</code>.
+       */
+      static LIME:yfiles.view.Stroke;
+      /**
+       * Gets a {@link yfiles.view.Stroke#isFrozen frozen} {@link yfiles.view.Stroke} that uses {@link yfiles.view.Fill#LIME_GREEN} as its {@link yfiles.view.Stroke#fill} and has a {@link yfiles.view.Stroke#thickness} of <code>1</code>.
+       */
+      static LIME_GREEN:yfiles.view.Stroke;
+      /**
+       * Gets a {@link yfiles.view.Stroke#isFrozen frozen} {@link yfiles.view.Stroke} that uses {@link yfiles.view.Fill#LINEN} as its {@link yfiles.view.Stroke#fill} and has a {@link yfiles.view.Stroke#thickness} of <code>1</code>.
+       */
+      static LINEN:yfiles.view.Stroke;
+      /**
+       * Gets a {@link yfiles.view.Stroke#isFrozen frozen} {@link yfiles.view.Stroke} that uses {@link yfiles.view.Fill#MAGENTA} as its {@link yfiles.view.Stroke#fill} and has a {@link yfiles.view.Stroke#thickness} of <code>1</code>.
+       */
+      static MAGENTA:yfiles.view.Stroke;
+      /**
+       * Gets a {@link yfiles.view.Stroke#isFrozen frozen} {@link yfiles.view.Stroke} that uses {@link yfiles.view.Fill#MAROON} as its {@link yfiles.view.Stroke#fill} and has a {@link yfiles.view.Stroke#thickness} of <code>1</code>.
+       */
+      static MAROON:yfiles.view.Stroke;
+      /**
+       * Gets a {@link yfiles.view.Stroke#isFrozen frozen} {@link yfiles.view.Stroke} that uses {@link yfiles.view.Fill#MEDIUM_AQUAMARINE} as its {@link yfiles.view.Stroke#fill} and has a {@link yfiles.view.Stroke#thickness} of <code>1</code>.
+       */
+      static MEDIUM_AQUAMARINE:yfiles.view.Stroke;
+      /**
+       * Gets a {@link yfiles.view.Stroke#isFrozen frozen} {@link yfiles.view.Stroke} that uses {@link yfiles.view.Fill#MEDIUM_BLUE} as its {@link yfiles.view.Stroke#fill} and has a {@link yfiles.view.Stroke#thickness} of <code>1</code>.
+       */
+      static MEDIUM_BLUE:yfiles.view.Stroke;
+      /**
+       * Gets a {@link yfiles.view.Stroke#isFrozen frozen} {@link yfiles.view.Stroke} that uses {@link yfiles.view.Fill#MEDIUM_ORCHID} as its {@link yfiles.view.Stroke#fill} and has a {@link yfiles.view.Stroke#thickness} of <code>1</code>.
+       */
+      static MEDIUM_ORCHID:yfiles.view.Stroke;
+      /**
+       * Gets a {@link yfiles.view.Stroke#isFrozen frozen} {@link yfiles.view.Stroke} that uses {@link yfiles.view.Fill#MEDIUM_PURPLE} as its {@link yfiles.view.Stroke#fill} and has a {@link yfiles.view.Stroke#thickness} of <code>1</code>.
+       */
+      static MEDIUM_PURPLE:yfiles.view.Stroke;
+      /**
+       * Gets a {@link yfiles.view.Stroke#isFrozen frozen} {@link yfiles.view.Stroke} that uses {@link yfiles.view.Fill#MEDIUM_SEA_GREEN} as its {@link yfiles.view.Stroke#fill} and has a {@link yfiles.view.Stroke#thickness} of <code>1</code>.
+       */
+      static MEDIUM_SEA_GREEN:yfiles.view.Stroke;
+      /**
+       * Gets a {@link yfiles.view.Stroke#isFrozen frozen} {@link yfiles.view.Stroke} that uses {@link yfiles.view.Fill#MEDIUM_SLATE_BLUE} as its {@link yfiles.view.Stroke#fill} and has a {@link yfiles.view.Stroke#thickness} of <code>1</code>.
+       */
+      static MEDIUM_SLATE_BLUE:yfiles.view.Stroke;
+      /**
+       * Gets a {@link yfiles.view.Stroke#isFrozen frozen} {@link yfiles.view.Stroke} that uses {@link yfiles.view.Fill#MEDIUM_SPRING_GREEN} as its {@link yfiles.view.Stroke#fill} and has a {@link yfiles.view.Stroke#thickness} of <code>1</code>.
+       */
+      static MEDIUM_SPRING_GREEN:yfiles.view.Stroke;
+      /**
+       * Gets a {@link yfiles.view.Stroke#isFrozen frozen} {@link yfiles.view.Stroke} that uses {@link yfiles.view.Fill#MEDIUM_TURQUOISE} as its {@link yfiles.view.Stroke#fill} and has a {@link yfiles.view.Stroke#thickness} of <code>1</code>.
+       */
+      static MEDIUM_TURQUOISE:yfiles.view.Stroke;
+      /**
+       * Gets a {@link yfiles.view.Stroke#isFrozen frozen} {@link yfiles.view.Stroke} that uses {@link yfiles.view.Fill#MEDIUM_VIOLET_RED} as its {@link yfiles.view.Stroke#fill} and has a {@link yfiles.view.Stroke#thickness} of <code>1</code>.
+       */
+      static MEDIUM_VIOLET_RED:yfiles.view.Stroke;
+      /**
+       * Gets a {@link yfiles.view.Stroke#isFrozen frozen} {@link yfiles.view.Stroke} that uses {@link yfiles.view.Fill#MIDNIGHT_BLUE} as its {@link yfiles.view.Stroke#fill} and has a {@link yfiles.view.Stroke#thickness} of <code>1</code>.
+       */
+      static MIDNIGHT_BLUE:yfiles.view.Stroke;
+      /**
+       * Gets a {@link yfiles.view.Stroke#isFrozen frozen} {@link yfiles.view.Stroke} that uses {@link yfiles.view.Fill#MINT_CREAM} as its {@link yfiles.view.Stroke#fill} and has a {@link yfiles.view.Stroke#thickness} of <code>1</code>.
+       */
+      static MINT_CREAM:yfiles.view.Stroke;
+      /**
+       * Gets a {@link yfiles.view.Stroke#isFrozen frozen} {@link yfiles.view.Stroke} that uses {@link yfiles.view.Fill#MISTY_ROSE} as its {@link yfiles.view.Stroke#fill} and has a {@link yfiles.view.Stroke#thickness} of <code>1</code>.
+       */
+      static MISTY_ROSE:yfiles.view.Stroke;
+      /**
+       * Gets a {@link yfiles.view.Stroke#isFrozen frozen} {@link yfiles.view.Stroke} that uses {@link yfiles.view.Fill#MOCCASIN} as its {@link yfiles.view.Stroke#fill} and has a {@link yfiles.view.Stroke#thickness} of <code>1</code>.
+       */
+      static MOCCASIN:yfiles.view.Stroke;
+      /**
+       * Gets a {@link yfiles.view.Stroke#isFrozen frozen} {@link yfiles.view.Stroke} that uses {@link yfiles.view.Fill#NAVAJO_WHITE} as its {@link yfiles.view.Stroke#fill} and has a {@link yfiles.view.Stroke#thickness} of <code>1</code>.
+       */
+      static NAVAJO_WHITE:yfiles.view.Stroke;
+      /**
+       * Gets a {@link yfiles.view.Stroke#isFrozen frozen} {@link yfiles.view.Stroke} that uses {@link yfiles.view.Fill#NAVY} as its {@link yfiles.view.Stroke#fill} and has a {@link yfiles.view.Stroke#thickness} of <code>1</code>.
+       */
+      static NAVY:yfiles.view.Stroke;
+      /**
+       * Gets a {@link yfiles.view.Stroke#isFrozen frozen} {@link yfiles.view.Stroke} that uses {@link yfiles.view.Fill#OLD_LACE} as its {@link yfiles.view.Stroke#fill} and has a {@link yfiles.view.Stroke#thickness} of <code>1</code>.
+       */
+      static OLD_LACE:yfiles.view.Stroke;
+      /**
+       * Gets a {@link yfiles.view.Stroke#isFrozen frozen} {@link yfiles.view.Stroke} that uses {@link yfiles.view.Fill#OLIVE} as its {@link yfiles.view.Stroke#fill} and has a {@link yfiles.view.Stroke#thickness} of <code>1</code>.
+       */
+      static OLIVE:yfiles.view.Stroke;
+      /**
+       * Gets a {@link yfiles.view.Stroke#isFrozen frozen} {@link yfiles.view.Stroke} that uses {@link yfiles.view.Fill#OLIVE_DRAB} as its {@link yfiles.view.Stroke#fill} and has a {@link yfiles.view.Stroke#thickness} of <code>1</code>.
+       */
+      static OLIVE_DRAB:yfiles.view.Stroke;
+      /**
+       * Gets a {@link yfiles.view.Stroke#isFrozen frozen} {@link yfiles.view.Stroke} that uses {@link yfiles.view.Fill#ORANGE} as its {@link yfiles.view.Stroke#fill} and has a {@link yfiles.view.Stroke#thickness} of <code>1</code>.
+       */
+      static ORANGE:yfiles.view.Stroke;
+      /**
+       * Gets a {@link yfiles.view.Stroke#isFrozen frozen} {@link yfiles.view.Stroke} that uses {@link yfiles.view.Fill#ORANGE_RED} as its {@link yfiles.view.Stroke#fill} and has a {@link yfiles.view.Stroke#thickness} of <code>1</code>.
+       */
+      static ORANGE_RED:yfiles.view.Stroke;
+      /**
+       * Gets a {@link yfiles.view.Stroke#isFrozen frozen} {@link yfiles.view.Stroke} that uses {@link yfiles.view.Fill#ORCHID} as its {@link yfiles.view.Stroke#fill} and has a {@link yfiles.view.Stroke#thickness} of <code>1</code>.
+       */
+      static ORCHID:yfiles.view.Stroke;
+      /**
+       * Gets a {@link yfiles.view.Stroke#isFrozen frozen} {@link yfiles.view.Stroke} that uses {@link yfiles.view.Fill#PALE_GOLDENROD} as its {@link yfiles.view.Stroke#fill} and has a {@link yfiles.view.Stroke#thickness} of <code>1</code>.
+       */
+      static PALE_GOLDENROD:yfiles.view.Stroke;
+      /**
+       * Gets a {@link yfiles.view.Stroke#isFrozen frozen} {@link yfiles.view.Stroke} that uses {@link yfiles.view.Fill#PALE_GREEN} as its {@link yfiles.view.Stroke#fill} and has a {@link yfiles.view.Stroke#thickness} of <code>1</code>.
+       */
+      static PALE_GREEN:yfiles.view.Stroke;
+      /**
+       * Gets a {@link yfiles.view.Stroke#isFrozen frozen} {@link yfiles.view.Stroke} that uses {@link yfiles.view.Fill#PALE_TURQUOISE} as its {@link yfiles.view.Stroke#fill} and has a {@link yfiles.view.Stroke#thickness} of <code>1</code>.
+       */
+      static PALE_TURQUOISE:yfiles.view.Stroke;
+      /**
+       * Gets a {@link yfiles.view.Stroke#isFrozen frozen} {@link yfiles.view.Stroke} that uses {@link yfiles.view.Fill#PALE_VIOLET_RED} as its {@link yfiles.view.Stroke#fill} and has a {@link yfiles.view.Stroke#thickness} of <code>1</code>.
+       */
+      static PALE_VIOLET_RED:yfiles.view.Stroke;
+      /**
+       * Gets a {@link yfiles.view.Stroke#isFrozen frozen} {@link yfiles.view.Stroke} that uses {@link yfiles.view.Fill#PAPAYA_WHIP} as its {@link yfiles.view.Stroke#fill} and has a {@link yfiles.view.Stroke#thickness} of <code>1</code>.
+       */
+      static PAPAYA_WHIP:yfiles.view.Stroke;
+      /**
+       * Gets a {@link yfiles.view.Stroke#isFrozen frozen} {@link yfiles.view.Stroke} that uses {@link yfiles.view.Fill#PEACH_PUFF} as its {@link yfiles.view.Stroke#fill} and has a {@link yfiles.view.Stroke#thickness} of <code>1</code>.
+       */
+      static PEACH_PUFF:yfiles.view.Stroke;
+      /**
+       * Gets a {@link yfiles.view.Stroke#isFrozen frozen} {@link yfiles.view.Stroke} that uses {@link yfiles.view.Fill#PERU} as its {@link yfiles.view.Stroke#fill} and has a {@link yfiles.view.Stroke#thickness} of <code>1</code>.
+       */
+      static PERU:yfiles.view.Stroke;
+      /**
+       * Gets a {@link yfiles.view.Stroke#isFrozen frozen} {@link yfiles.view.Stroke} that uses {@link yfiles.view.Fill#PINK} as its {@link yfiles.view.Stroke#fill} and has a {@link yfiles.view.Stroke#thickness} of <code>1</code>.
+       */
+      static PINK:yfiles.view.Stroke;
+      /**
+       * Gets a {@link yfiles.view.Stroke#isFrozen frozen} {@link yfiles.view.Stroke} that uses {@link yfiles.view.Fill#PLUM} as its {@link yfiles.view.Stroke#fill} and has a {@link yfiles.view.Stroke#thickness} of <code>1</code>.
+       */
+      static PLUM:yfiles.view.Stroke;
+      /**
+       * Gets a {@link yfiles.view.Stroke#isFrozen frozen} {@link yfiles.view.Stroke} that uses {@link yfiles.view.Fill#POWDER_BLUE} as its {@link yfiles.view.Stroke#fill} and has a {@link yfiles.view.Stroke#thickness} of <code>1</code>.
+       */
+      static POWDER_BLUE:yfiles.view.Stroke;
+      /**
+       * Gets a {@link yfiles.view.Stroke#isFrozen frozen} {@link yfiles.view.Stroke} that uses {@link yfiles.view.Fill#PURPLE} as its {@link yfiles.view.Stroke#fill} and has a {@link yfiles.view.Stroke#thickness} of <code>1</code>.
+       */
+      static PURPLE:yfiles.view.Stroke;
+      /**
+       * Gets a {@link yfiles.view.Stroke#isFrozen frozen} {@link yfiles.view.Stroke} that uses {@link yfiles.view.Fill#RED} as its {@link yfiles.view.Stroke#fill} and has a {@link yfiles.view.Stroke#thickness} of <code>1</code>.
+       */
+      static RED:yfiles.view.Stroke;
+      /**
+       * Gets a {@link yfiles.view.Stroke#isFrozen frozen} {@link yfiles.view.Stroke} that uses {@link yfiles.view.Fill#ROSY_BROWN} as its {@link yfiles.view.Stroke#fill} and has a {@link yfiles.view.Stroke#thickness} of <code>1</code>.
+       */
+      static ROSY_BROWN:yfiles.view.Stroke;
+      /**
+       * Gets a {@link yfiles.view.Stroke#isFrozen frozen} {@link yfiles.view.Stroke} that uses {@link yfiles.view.Fill#ROYAL_BLUE} as its {@link yfiles.view.Stroke#fill} and has a {@link yfiles.view.Stroke#thickness} of <code>1</code>.
+       */
+      static ROYAL_BLUE:yfiles.view.Stroke;
+      /**
+       * Gets a {@link yfiles.view.Stroke#isFrozen frozen} {@link yfiles.view.Stroke} that uses {@link yfiles.view.Fill#SADDLE_BROWN} as its {@link yfiles.view.Stroke#fill} and has a {@link yfiles.view.Stroke#thickness} of <code>1</code>.
+       */
+      static SADDLE_BROWN:yfiles.view.Stroke;
+      /**
+       * Gets a {@link yfiles.view.Stroke#isFrozen frozen} {@link yfiles.view.Stroke} that uses {@link yfiles.view.Fill#SALMON} as its {@link yfiles.view.Stroke#fill} and has a {@link yfiles.view.Stroke#thickness} of <code>1</code>.
+       */
+      static SALMON:yfiles.view.Stroke;
+      /**
+       * Gets a {@link yfiles.view.Stroke#isFrozen frozen} {@link yfiles.view.Stroke} that uses {@link yfiles.view.Fill#SANDY_BROWN} as its {@link yfiles.view.Stroke#fill} and has a {@link yfiles.view.Stroke#thickness} of <code>1</code>.
+       */
+      static SANDY_BROWN:yfiles.view.Stroke;
+      /**
+       * Gets a {@link yfiles.view.Stroke#isFrozen frozen} {@link yfiles.view.Stroke} that uses {@link yfiles.view.Fill#SEA_GREEN} as its {@link yfiles.view.Stroke#fill} and has a {@link yfiles.view.Stroke#thickness} of <code>1</code>.
+       */
+      static SEA_GREEN:yfiles.view.Stroke;
+      /**
+       * Gets a {@link yfiles.view.Stroke#isFrozen frozen} {@link yfiles.view.Stroke} that uses {@link yfiles.view.Fill#SEA_SHELL} as its {@link yfiles.view.Stroke#fill} and has a {@link yfiles.view.Stroke#thickness} of <code>1</code>.
+       */
+      static SEA_SHELL:yfiles.view.Stroke;
+      /**
+       * Gets a {@link yfiles.view.Stroke#isFrozen frozen} {@link yfiles.view.Stroke} that uses {@link yfiles.view.Fill#SIENNA} as its {@link yfiles.view.Stroke#fill} and has a {@link yfiles.view.Stroke#thickness} of <code>1</code>.
+       */
+      static SIENNA:yfiles.view.Stroke;
+      /**
+       * Gets a {@link yfiles.view.Stroke#isFrozen frozen} {@link yfiles.view.Stroke} that uses {@link yfiles.view.Fill#SILVER} as its {@link yfiles.view.Stroke#fill} and has a {@link yfiles.view.Stroke#thickness} of <code>1</code>.
+       */
+      static SILVER:yfiles.view.Stroke;
+      /**
+       * Gets a {@link yfiles.view.Stroke#isFrozen frozen} {@link yfiles.view.Stroke} that uses {@link yfiles.view.Fill#SKY_BLUE} as its {@link yfiles.view.Stroke#fill} and has a {@link yfiles.view.Stroke#thickness} of <code>1</code>.
+       */
+      static SKY_BLUE:yfiles.view.Stroke;
+      /**
+       * Gets a {@link yfiles.view.Stroke#isFrozen frozen} {@link yfiles.view.Stroke} that uses {@link yfiles.view.Fill#SLATE_BLUE} as its {@link yfiles.view.Stroke#fill} and has a {@link yfiles.view.Stroke#thickness} of <code>1</code>.
+       */
+      static SLATE_BLUE:yfiles.view.Stroke;
+      /**
+       * Gets a {@link yfiles.view.Stroke#isFrozen frozen} {@link yfiles.view.Stroke} that uses {@link yfiles.view.Fill#SLATE_GRAY} as its {@link yfiles.view.Stroke#fill} and has a {@link yfiles.view.Stroke#thickness} of <code>1</code>.
+       */
+      static SLATE_GRAY:yfiles.view.Stroke;
+      /**
+       * Gets a {@link yfiles.view.Stroke#isFrozen frozen} {@link yfiles.view.Stroke} that uses {@link yfiles.view.Fill#SNOW} as its {@link yfiles.view.Stroke#fill} and has a {@link yfiles.view.Stroke#thickness} of <code>1</code>.
+       */
+      static SNOW:yfiles.view.Stroke;
+      /**
+       * Gets a {@link yfiles.view.Stroke#isFrozen frozen} {@link yfiles.view.Stroke} that uses {@link yfiles.view.Fill#SPRING_GREEN} as its {@link yfiles.view.Stroke#fill} and has a {@link yfiles.view.Stroke#thickness} of <code>1</code>.
+       */
+      static SPRING_GREEN:yfiles.view.Stroke;
+      /**
+       * Gets a {@link yfiles.view.Stroke#isFrozen frozen} {@link yfiles.view.Stroke} that uses {@link yfiles.view.Fill#STEEL_BLUE} as its {@link yfiles.view.Stroke#fill} and has a {@link yfiles.view.Stroke#thickness} of <code>1</code>.
+       */
+      static STEEL_BLUE:yfiles.view.Stroke;
+      /**
+       * Gets a {@link yfiles.view.Stroke#isFrozen frozen} {@link yfiles.view.Stroke} that uses {@link yfiles.view.Fill#TAN} as its {@link yfiles.view.Stroke#fill} and has a {@link yfiles.view.Stroke#thickness} of <code>1</code>.
+       */
+      static TAN:yfiles.view.Stroke;
+      /**
+       * Gets a {@link yfiles.view.Stroke#isFrozen frozen} {@link yfiles.view.Stroke} that uses {@link yfiles.view.Fill#TEAL} as its {@link yfiles.view.Stroke#fill} and has a {@link yfiles.view.Stroke#thickness} of <code>1</code>.
+       */
+      static TEAL:yfiles.view.Stroke;
+      /**
+       * Gets a {@link yfiles.view.Stroke#isFrozen frozen} {@link yfiles.view.Stroke} that uses {@link yfiles.view.Fill#THISTLE} as its {@link yfiles.view.Stroke#fill} and has a {@link yfiles.view.Stroke#thickness} of <code>1</code>.
+       */
+      static THISTLE:yfiles.view.Stroke;
+      /**
+       * Gets a {@link yfiles.view.Stroke#isFrozen frozen} {@link yfiles.view.Stroke} that uses {@link yfiles.view.Fill#TOMATO} as its {@link yfiles.view.Stroke#fill} and has a {@link yfiles.view.Stroke#thickness} of <code>1</code>.
+       */
+      static TOMATO:yfiles.view.Stroke;
+      /**
+       * Gets a {@link yfiles.view.Stroke#isFrozen frozen} {@link yfiles.view.Stroke} that uses {@link yfiles.view.Fill#TRANSPARENT} as its {@link yfiles.view.Stroke#fill} and has a {@link yfiles.view.Stroke#thickness} of <code>1</code>.
+       */
+      static TRANSPARENT:yfiles.view.Stroke;
+      /**
+       * Gets a {@link yfiles.view.Stroke#isFrozen frozen} {@link yfiles.view.Stroke} that uses {@link yfiles.view.Fill#TURQUOISE} as its {@link yfiles.view.Stroke#fill} and has a {@link yfiles.view.Stroke#thickness} of <code>1</code>.
+       */
+      static TURQUOISE:yfiles.view.Stroke;
+      /**
+       * Gets a {@link yfiles.view.Stroke#isFrozen frozen} {@link yfiles.view.Stroke} that uses {@link yfiles.view.Fill#VIOLET} as its {@link yfiles.view.Stroke#fill} and has a {@link yfiles.view.Stroke#thickness} of <code>1</code>.
+       */
+      static VIOLET:yfiles.view.Stroke;
+      /**
+       * Gets a {@link yfiles.view.Stroke#isFrozen frozen} {@link yfiles.view.Stroke} that uses {@link yfiles.view.Fill#WHEAT} as its {@link yfiles.view.Stroke#fill} and has a {@link yfiles.view.Stroke#thickness} of <code>1</code>.
+       */
+      static WHEAT:yfiles.view.Stroke;
+      /**
+       * Gets a {@link yfiles.view.Stroke#isFrozen frozen} {@link yfiles.view.Stroke} that uses {@link yfiles.view.Fill#WHITE} as its {@link yfiles.view.Stroke#fill} and has a {@link yfiles.view.Stroke#thickness} of <code>1</code>.
+       */
+      static WHITE:yfiles.view.Stroke;
+      /**
+       * Gets a {@link yfiles.view.Stroke#isFrozen frozen} {@link yfiles.view.Stroke} that uses {@link yfiles.view.Fill#WHITE_SMOKE} as its {@link yfiles.view.Stroke#fill} and has a {@link yfiles.view.Stroke#thickness} of <code>1</code>.
+       */
+      static WHITE_SMOKE:yfiles.view.Stroke;
+      /**
+       * Gets a {@link yfiles.view.Stroke#isFrozen frozen} {@link yfiles.view.Stroke} that uses {@link yfiles.view.Fill#YELLOW} as its {@link yfiles.view.Stroke#fill} and has a {@link yfiles.view.Stroke#thickness} of <code>1</code>.
+       */
+      static YELLOW:yfiles.view.Stroke;
+      /**
+       * Gets a {@link yfiles.view.Stroke#isFrozen frozen} {@link yfiles.view.Stroke} that uses {@link yfiles.view.Fill#YELLOW_GREEN} as its {@link yfiles.view.Stroke#fill} and has a {@link yfiles.view.Stroke#thickness} of <code>1</code>.
+       */
+      static YELLOW_GREEN:yfiles.view.Stroke;
+      static $class:yfiles.lang.Class;
+    }
     export enum LineCap{
       /**
        * Indicates that the line cap of a {@link yfiles.view.Stroke} should be squared.
@@ -18465,7 +19361,7 @@ declare namespace system{
     }
     /**
      * Fills an area with a radial gradient.
-     * @class yfiles.view.RadialGradient
+     * @class
      * @extends {yfiles.view.Fill}
      * @implements {yfiles.view.ISvgDefsCreator}
      */
@@ -18474,7 +19370,7 @@ declare namespace system{
       /**
        * Initializes a new instance of the {@link yfiles.view.RadialGradient} class.
        * @param {Object} [options=null] The parameters to pass.
-       * @param options.gradientStops An array of {@link yfiles.view.GradientStop}s. Each item will be added to the {@link yfiles.view.RadialGradient#gradientStops} collection.
+       * @param options.gradientStops An array of {@link }s. Each item will be added to the {@link #gradientStops} collection.
        * @param {yfiles.geometry.Point} options.center The center of this radial gradient.
        * <p>
        * This option sets the {@link yfiles.view.RadialGradient#center} property on the created object.
@@ -18495,38 +19391,37 @@ declare namespace system{
        * <p>
        * This option sets the {@link yfiles.view.RadialGradient#gradientOrigin} property on the created object.
        * </p>
-       * @constructor
        */
       constructor(options?:{center?:yfiles.geometry.Point,radiusX?:number,radiusY?:number,spreadMethod?:yfiles.view.GradientSpreadMethod,gradientOrigin?:yfiles.geometry.Point,gradientStops?:Array<any>});
       /**
        * 
-       * @param {yfiles.view.ICanvasContext} context
-       * @param {Node} item
-       * @param {string} id
-       * @returns {boolean} 
+       * @param context
+       * @param item
+       * @param id
+       * @returns 
        */
       accept(context:yfiles.view.ICanvasContext,item:Node,id:string):boolean;
       /**
        * Creates a new SVG gradient that corresponds to this gradient brush.
-       * @param {yfiles.view.ICanvasContext} context
-       * @returns {SVGElement} A new SVG gradient that corresponds to this gradient brush
+       * @param context
+       * @returns A new SVG gradient that corresponds to this gradient brush
        */
       createDefsElement(context:yfiles.view.ICanvasContext):SVGElement;
       /**
        * Creates a new SVG gradient that corresponds to this gradient brush.
-       * @returns {SVGElement} A new SVG gradient that corresponds to this gradient brush
+       * @returns A new SVG gradient that corresponds to this gradient brush
        */
       toSvgGradient():SVGElement;
       /**
        * Updates the SVG gradient within the <code>defs</code> section of the SVG document if it has changed.
-       * @param {yfiles.view.ICanvasContext} context The context.
-       * @param {SVGElement} oldElement The old element.
+       * @param context The context.
+       * @param oldElement The old element.
        */
       updateDefsElement(context:yfiles.view.ICanvasContext,oldElement:SVGElement):void;
       /**
        * Updates the SVG gradient within the <code>defs</code> section of the SVG document if it has changed.
-       * @param {SVGElement} oldElement The old element.
-       * @param {yfiles.view.ICanvasContext} context The context.
+       * @param oldElement The old element.
+       * @param context The context.
        */
       updateSvgGradient(oldElement:SVGElement,context:yfiles.view.ICanvasContext):void;
       /**
@@ -18570,7 +19465,7 @@ declare namespace system{
      * of visuals can be used at the top-level of a {@link yfiles.view.CanvasComponent}'s {@link yfiles.view.ICanvasObject}s, only.
      * </p>
      * @see yfiles.view.HtmlCanvasVisual#paint
-     * @class yfiles.view.HtmlCanvasVisual
+     * @class
      * @extends {yfiles.view.Visual}
      */
     export interface HtmlCanvasVisual extends yfiles.view.Visual{}
@@ -18582,8 +19477,8 @@ declare namespace system{
        * Implementations should not destroy the context's state, but should make sure to restore the state to the previously
        * active state. This is especially true for the transformation and clip.
        * </p>
-       * @param {yfiles.view.IRenderContext} renderContext The render context of the {@link yfiles.view.CanvasComponent}
-       * @param {CanvasRenderingContext2D} ctx The HTML5 Canvas context to use for rendering.
+       * @param renderContext The render context of the {@link }
+       * @param ctx The HTML5 Canvas context to use for rendering.
        * @abstract
        */
       paint(renderContext:yfiles.view.IRenderContext,ctx:CanvasRenderingContext2D):void;
@@ -18610,17 +19505,27 @@ declare namespace system{
     }
     /**
      * Fills an area with a specified solid color.
-     * @class yfiles.view.SolidColorFill
+     * @class
      * @extends {yfiles.view.Fill}
      */
     export interface SolidColorFill extends yfiles.view.Fill{}
     export class SolidColorFill {
       /**
-       * Initializes a new instance of the {@link yfiles.view.SolidColorFill} class with the specified color.
-       * @param {yfiles.view.Color} color The solid color with which the area is filled.
-       * @constructor
+       * Initializes a new instance of the {@link yfiles.view.SolidColorFill} class with the specified rgba values.
+       * <p>
+       * All values must be between 0 and 255.
+       * </p>
+       * @param r The red value.
+       * @param g The green value.
+       * @param b The blue value.
+       * @param [a=255] The alpha value, 255 by default.
        */
-      constructor(color:yfiles.view.Color);
+      constructor(r:number,g:number,b:number,a?:number);
+      /**
+       * Initializes a new instance of the {@link yfiles.view.SolidColorFill} class with the specified color.
+       * @param [color=null] The solid color with which the area is filled.
+       */
+      constructor(color?:yfiles.view.Color);
       /**
        * Gets the solid color with which the area is filled.
        * @type {yfiles.view.Color}
@@ -18630,15 +19535,14 @@ declare namespace system{
     }
     /**
      * Wraps a {@link SVGElement} as {@link yfiles.view.Visual}.
-     * @class yfiles.view.SvgVisual
+     * @class
      * @extends {yfiles.view.Visual}
      */
     export interface SvgVisual extends yfiles.view.Visual{}
     export class SvgVisual {
       /**
        * Initializes a new instance of the {@link yfiles.view.SvgVisual} class which wraps the specified SVG element.
-       * @param {SVGElement} element The SVG element which this object wraps.
-       * @constructor
+       * @param element The SVG element which this object wraps.
        */
       constructor(element:SVGElement);
       /**
@@ -18647,9 +19551,9 @@ declare namespace system{
        * This implementation uses caching and the baseVal property of the <code>transform</code> attribute if possible and thus performs
        * better than using the plain DOM API.
        * </p>
-       * @param {Element} transformable The SVG element that should be translated.
-       * @param {number} scaleX The vertical scale.
-       * @param {number} scaleY The horizontal scale.
+       * @param transformable The SVG element that should be translated.
+       * @param scaleX The vertical scale.
+       * @param scaleY The horizontal scale.
        * @static
        */
       static setScale(transformable:Element,scaleX:number,scaleY:number):void;
@@ -18659,9 +19563,9 @@ declare namespace system{
        * This implementation uses caching and the baseVal property of the <code>transform</code> attribute if possible and thus performs
        * better than using the plain DOM API.
        * </p>
-       * @param {Element} transformable The SVG element that should be translated.
-       * @param {number} dx The offset on the x-axis.
-       * @param {number} dy The offset on the y-axis.
+       * @param transformable The SVG element that should be translated.
+       * @param dx The offset on the x-axis.
+       * @param dy The offset on the y-axis.
        * @static
        */
       static setTranslate(transformable:Element,dx:number,dy:number):void;
@@ -18736,7 +19640,7 @@ declare namespace system{
        */
       CHARACTER,
       /**
-       * The text could be wrapped and clipped after any character. An ellipsis is added to indicate clipped text.
+       * The text could be wrapped and clipped after any character and an ellipsis is added to indicate clipped text.
        */
       CHARACTER_ELLIPSIS,
       /**
@@ -18744,13 +19648,13 @@ declare namespace system{
        */
       WORD,
       /**
-       * The text could be wrapped and clipped at word boundaries. An ellipsis is added to indicate trimmed text.
+       * The text could be wrapped and clipped at word boundaries and an ellipsis is added to indicate trimmed text.
        */
       WORD_ELLIPSIS
     }
     /**
      * Displays a string or any HTML element as tool tip.
-     * @class yfiles.view.ToolTip
+     * @class
      */
     export interface ToolTip extends Object{}
     export class ToolTip {
@@ -18759,7 +19663,6 @@ declare namespace system{
        * <p>
        * This implementation calls {@link yfiles.view.ToolTip#createToolTip} to create the HTML element to display as tool tip.
        * </p>
-       * @constructor
        */
       constructor();
       /**
@@ -18767,7 +19670,7 @@ declare namespace system{
        * <p>
        * This implementation creates a simple HTML <code>div</code> element with the CSS class <code>yfiles-tooltip</code>.
        * </p>
-       * @returns {HTMLDivElement} A HTML div element.
+       * @returns A HTML div element.
        * @protected
        */
       createToolTip():HTMLDivElement;
@@ -18780,8 +19683,8 @@ declare namespace system{
        * Subclasses which intend to use a more complex element as tool tip have to override this method to set the content
        * properly.
        * </p>
-       * @param {Object} oldContent The content to remove.
-       * @param {Object} newContent The content to add.
+       * @param oldContent The content to remove.
+       * @param newContent The content to add.
        * @protected
        */
       onContentChanged(oldContent:Object,newContent:Object):void;
@@ -18811,7 +19714,10 @@ declare namespace system{
        */
       desiredSize:yfiles.geometry.Size;
       /**
-       * Gets or sets the content.
+       * Gets or sets the content of this tooltip.
+       * <p>
+       * The content can be either a string or any HTML element.
+       * </p>
        * <p>
        * This setter invokes the method {@link yfiles.view.ToolTip#onContentChanged} if the content is changed.
        * </p>
@@ -18820,6 +19726,131 @@ declare namespace system{
       content:Object;
       static $class:yfiles.lang.Class;
     }
+    /**
+     * Describes a font, with size, family, style, weight and line spacing.
+     * @class
+     */
+    export interface Font extends Object{}
+    export class Font {
+      /**
+       * Initializes a new instance of the {@link yfiles.view.Font} class with size 10, "Arial" family, normal weight and style and line
+       * spacing <code>0.5</code>, or the given values.
+       * @param [fontFamily=null]
+       * @param [fontSize=10]
+       * @param [fontStyle=null]
+       * @param [fontWeight=null]
+       * @param [lineSpacing=0.5]
+       * @param [textDecoration=null]
+       * @see yfiles.view.Font#createCopy
+       */
+      constructor(fontFamily?:string,fontSize?:number,fontStyle?:yfiles.view.FontStyle,fontWeight?:yfiles.view.FontWeight,lineSpacing?:number,textDecoration?:yfiles.view.TextDecoration);
+      /**
+       * Initializes a new instance of the {@link yfiles.view.Font} class with size 10, "Arial" family, normal weight and style and line
+       * spacing <code>0.5</code>, or the given values.
+       * @param {Object} options The parameters to pass.
+       * @param [options.fontFamily=null]
+       * @param [options.fontSize=10]
+       * @param [options.fontStyle=null]
+       * @param [options.fontWeight=null]
+       * @param [options.lineSpacing=0.5]
+       * @param [options.textDecoration=null]
+       * @see yfiles.view.Font#createCopy
+       */
+      constructor(options:{fontFamily?:string,fontSize?:number,fontStyle?:yfiles.view.FontStyle,fontWeight?:yfiles.view.FontWeight,lineSpacing?:number,textDecoration?:yfiles.view.TextDecoration});
+      /**
+       * Assigns the text properties of this instance to the given text element.
+       * @param textElement The text element to assign set the {@link } on.
+       */
+      applyTo(textElement:SVGTextElement):void;
+      /**
+       * Creates a copy with the values of this instance or optionally the explicitly specified values.
+       * @param [fontFamily=null] The font family to use for the copy.
+       * @param [fontSize=-1] The font size to use for the copy.
+       * @param [fontStyle=null] The font style to use for the copy.
+       * @param [fontWeight=null] The font weight to use for the copy.
+       * @param [lineSpacing=-1] The line spacing to use for the copy.
+       * @param [textDecoration=null] The text decoration to use for the copy.
+       * @returns A new {@link } instance.
+       */
+      createCopy(fontFamily?:string,fontSize?:number,fontStyle?:yfiles.view.FontStyle,fontWeight?:yfiles.view.FontWeight,lineSpacing?:number,textDecoration?:yfiles.view.TextDecoration):yfiles.view.Font;
+      /**
+       * Creates a copy with the values of this instance or optionally the explicitly specified values.
+       * @param {Object} options The parameters to pass.
+       * @param [options.fontFamily=null] The font family to use for the copy.
+       * @param [options.fontSize=-1] The font size to use for the copy.
+       * @param [options.fontStyle=null] The font style to use for the copy.
+       * @param [options.fontWeight=null] The font weight to use for the copy.
+       * @param [options.lineSpacing=-1] The line spacing to use for the copy.
+       * @param [options.textDecoration=null] The text decoration to use for the copy.
+       * @returns A new {@link } instance.
+       */
+      createCopy(options:{fontFamily?:string,fontSize?:number,fontStyle?:yfiles.view.FontStyle,fontWeight?:yfiles.view.FontWeight,lineSpacing?:number,textDecoration?:yfiles.view.TextDecoration}):yfiles.view.Font;
+      /**
+       * Gets the size of the font.
+       * <p>
+       * The font size is interpreted as px.
+       * </p>
+       * @default 10
+       * @type {number}
+       */
+      fontSize:number;
+      /**
+       * Gets or sets the font family.
+       * @default 'Arial'
+       * @type {string}
+       */
+      fontFamily:string;
+      /**
+       * Gets or sets the font style.
+       * @default yfiles.view.FontStyle.NORMAL
+       * @type {yfiles.view.FontStyle}
+       */
+      fontStyle:yfiles.view.FontStyle;
+      /**
+       * Gets or sets the font weight.
+       * @default yfiles.view.FontWeight.NORMAL
+       * @type {yfiles.view.FontWeight}
+       */
+      fontWeight:yfiles.view.FontWeight;
+      /**
+       * Gets or sets the line spacing.
+       * <p>
+       * The value is interpreted as parts of the line height.
+       * </p>
+       * @default 0.5
+       * @type {number}
+       */
+      lineSpacing:number;
+      /**
+       * Gets or sets the text decoration.
+       * @default yfiles.view.TextDecoration.NONE
+       * @type {yfiles.view.TextDecoration}
+       */
+      textDecoration:yfiles.view.TextDecoration;
+      static $class:yfiles.lang.Class;
+    }
+    export enum FontStyle{
+      NORMAL,
+      ITALIC,
+      OBLIQUE,
+      INHERIT
+    }
+    export enum FontWeight{
+      NORMAL,
+      BOLD,
+      BOLDER,
+      LIGHTER,
+      ITEM100,
+      ITEM200,
+      ITEM300,
+      ITEM400,
+      ITEM500,
+      ITEM600,
+      ITEM700,
+      ITEM800,
+      ITEM900,
+      INHERIT
+    }
     export enum VerticalTextAlignment{
       /**
        * Indicates that the object should be placed in the center of another object.
@@ -18838,1628 +19869,630 @@ declare namespace system{
      * Base class for all objects that support drawing in the context of a {@link yfiles.view.CanvasComponent}.
      * @see yfiles.view.SvgVisual
      * @see yfiles.view.HtmlCanvasVisual
-     * @class yfiles.view.Visual
+     * @class
      */
     export interface Visual extends Object{}
     export class Visual {
       static $class:yfiles.lang.Class;
     }
-    /**
-     * A component for displaying and editing an {@link yfiles.graph.IGraph}.
-     * <p>
-     * This is a specialized {@link yfiles.view.CanvasComponent} that can hold, display, and edit an {@link yfiles.graph.IGraph} instance. It
-     * provides access to the {@link yfiles.view.GraphComponent#graph} and {@link yfiles.view.GraphComponent#selection} instances.
-     * </p>
-     * <p>
-     * This class has bindings for the following {@link yfiles.input.ICommand}s.
-     * </p>
-     * <ul>
-     * <li>{@link yfiles.input.ICommand#FIT_GRAPH_BOUNDS} that invokes FitGraphBounds()</li>
-     * <li>{@link yfiles.input.ICommand#SET_CURRENT_ITEM} for setting the {@link yfiles.view.GraphComponent#currentItem}</li>
-     * <li>{@link yfiles.input.ICommand#ZOOM_TO_CURRENT_ITEM} for adjusting the {@link yfiles.view.CanvasComponent#viewport} to the {@link yfiles.view.GraphComponent#currentItem}</li>
-     * </ul>
-     * <p>
-     * The {@link yfiles.input.ICommand#ZOOM_TO_CURRENT_ITEM} is enabled, if {@link yfiles.view.CanvasComponent#navigationCommandsEnabled} is <code>true</code>.
-     * </p>
-     * <p>
-     * The components that can be used to display and edit a model are discussed in the section
-     * {@link @DGUIDE_PREFIX@/view_graphcontrol.html The Component for Displaying Graphs}.
-     * </p>
-     * <p><b>Related demos:</b></p>
-     * <ul>
-     * <li>Demo: GraphViewer, Demo.yFiles.Graph.Viewer</li>
-     * <li>Demo: SimpleEditorForm, Demo.yFiles.Graph.SimpleEditor</li>
-     * </ul>
-     * @class yfiles.view.GraphComponent
-     * @extends {yfiles.view.CanvasComponent}
-     */
-    export interface GraphComponent extends yfiles.view.CanvasComponent{}
-    export class GraphComponent {
+    export enum MouseEventTypes{
       /**
-       * Creates a new instance of {@link yfiles.view.GraphComponent} using the <code>div</code> element that is specified by the <code>selector</code>.
-       * <p>
-       * If the {@link yfiles.view.GraphComponent#graph} and {@link yfiles.view.GraphSelection} properties are not populated externally they will be initialized with default
-       * values upon first access. Thus this instance can be used right away without any further initialization.
-       * </p>
-       * @param {string} selector The CSS selector or id for an existing <code>div</code> element
-       * @constructor
-       */
-      constructor(selector:string);
-      /**
-       * Creates a new instance of {@link yfiles.view.GraphComponent} using the <code>div</code> element that is specified by the <code>selector</code>.
-       * <p>
-       * If the {@link yfiles.view.GraphComponent#graph} and {@link yfiles.view.GraphSelection} properties are not populated externally they will be initialized with default
-       * values upon first access. Thus this instance can be used right away without any further initialization.
-       * </p>
-       * @param {Object} options The parameters to pass.
-       * @param {string} options.selector The CSS selector or id for an existing <code>div</code> element
-       * @param {yfiles.input.IInputMode} options.inputMode The single {@link yfiles.input.IInputMode} instance that shall be installed for this canvas.
-       * <p>
-       * This option sets the {@link yfiles.view.CanvasComponent#inputMode} property on the created object.
-       * </p>
-       * @param {yfiles.graph.IGraph} options.graph The graph that is displayed in this control.
-       * <p>
-       * This option sets the {@link yfiles.view.GraphComponent#graph} property on the created object.
-       * </p>
-       * @param {yfiles.graph.GraphClipboard} options.clipboard The {@link yfiles.graph.GraphClipboard} associated with this control.
-       * <p>
-       * This option sets the {@link yfiles.view.GraphComponent#clipboard} property on the created object.
-       * </p>
-       * @param {yfiles.view.IGraphSelection} options.selection The selection model that is used for this control.
-       * <p>
-       * This option sets the {@link yfiles.view.GraphComponent#selection} property on the created object.
-       * </p>
-       * @constructor
-       */
-      constructor(options:{selector:string,inputMode?:yfiles.input.IInputMode,graph?:yfiles.graph.IGraph,clipboard?:yfiles.graph.GraphClipboard,selection?:yfiles.view.IGraphSelection});
-      /**
-       * Creates a new instance of the {@link yfiles.view.GraphComponent} in the given <code>div</code> element.
-       * <p>
-       * If the {@link yfiles.view.GraphComponent#graph} and {@link yfiles.view.GraphSelection} properties are not populated externally they will be initialized with default
-       * values upon first access. Thus this instance can be used right away without any further initialization.
-       * </p>
-       * @param {HTMLDivElement} div The existing <code>div</code> element to use for rendering the canvas into.
-       * @constructor
-       */
-      constructor(div:HTMLDivElement);
-      /**
-       * Creates a new instance of the {@link yfiles.view.GraphComponent} in the given <code>div</code> element.
-       * <p>
-       * If the {@link yfiles.view.GraphComponent#graph} and {@link yfiles.view.GraphSelection} properties are not populated externally they will be initialized with default
-       * values upon first access. Thus this instance can be used right away without any further initialization.
-       * </p>
-       * @param {Object} options The parameters to pass.
-       * @param {HTMLDivElement} options.div The existing <code>div</code> element to use for rendering the canvas into.
-       * @param {yfiles.input.IInputMode} options.inputMode The single {@link yfiles.input.IInputMode} instance that shall be installed for this canvas.
-       * <p>
-       * This option sets the {@link yfiles.view.CanvasComponent#inputMode} property on the created object.
-       * </p>
-       * @param {yfiles.graph.IGraph} options.graph The graph that is displayed in this control.
-       * <p>
-       * This option sets the {@link yfiles.view.GraphComponent#graph} property on the created object.
-       * </p>
-       * @param {yfiles.graph.GraphClipboard} options.clipboard The {@link yfiles.graph.GraphClipboard} associated with this control.
-       * <p>
-       * This option sets the {@link yfiles.view.GraphComponent#clipboard} property on the created object.
-       * </p>
-       * @param {yfiles.view.IGraphSelection} options.selection The selection model that is used for this control.
-       * <p>
-       * This option sets the {@link yfiles.view.GraphComponent#selection} property on the created object.
-       * </p>
-       * @constructor
-       */
-      constructor(options:{div:HTMLDivElement,inputMode?:yfiles.input.IInputMode,graph?:yfiles.graph.IGraph,clipboard?:yfiles.graph.GraphClipboard,selection?:yfiles.view.IGraphSelection});
-      /**
-       * Creates a new instance of the {@link yfiles.view.GraphComponent}.
-       * <p>
-       * If the {@link yfiles.view.GraphComponent#graph} and {@link yfiles.view.GraphSelection} properties are not populated externally they will be initialized with default
-       * values upon first access. Thus this instance can be used right away without any further initialization. This constructor
-       * creates a new <code>div</code> element that needs to be manually added to the DOM.
-       * </p>
-       * @param {Object} [options=null] The parameters to pass.
-       * @param {yfiles.input.IInputMode} options.inputMode The single {@link yfiles.input.IInputMode} instance that shall be installed for this canvas.
-       * <p>
-       * This option sets the {@link yfiles.view.CanvasComponent#inputMode} property on the created object.
-       * </p>
-       * @param {yfiles.graph.IGraph} options.graph The graph that is displayed in this control.
-       * <p>
-       * This option sets the {@link yfiles.view.GraphComponent#graph} property on the created object.
-       * </p>
-       * @param {yfiles.graph.GraphClipboard} options.clipboard The {@link yfiles.graph.GraphClipboard} associated with this control.
-       * <p>
-       * This option sets the {@link yfiles.view.GraphComponent#clipboard} property on the created object.
-       * </p>
-       * @param {yfiles.view.IGraphSelection} options.selection The selection model that is used for this control.
-       * <p>
-       * This option sets the {@link yfiles.view.GraphComponent#selection} property on the created object.
-       * </p>
-       * @constructor
-       */
-      constructor(options?:{inputMode?:yfiles.input.IInputMode,graph?:yfiles.graph.IGraph,clipboard?:yfiles.graph.GraphClipboard,selection?:yfiles.view.IGraphSelection});
-      /**
-       * Factory method for the FocusIndicatorManager property.
-       * <p>
-       * This method will be called upon first access to the {@link yfiles.view.GraphComponent#focusIndicatorManager} property.
-       * </p>
-       * @returns {yfiles.view.FocusIndicatorManager.<yfiles.graph.IModelItem>} a new instance of FocusIndicatorManager
-       * @protected
-       */
-      createFocusIndicatorManager():yfiles.view.FocusIndicatorManager<yfiles.graph.IModelItem>;
-      /**
-       * Factory method for the Graph property.
-       * <p>
-       * This method will be called upon first access to the {@link yfiles.view.GraphComponent#graph} property.
-       * </p>
-       * @returns {yfiles.graph.IGraph} a new instance of {@link yfiles.graph.DefaultGraph}
-       * @protected
-       */
-      createGraph():yfiles.graph.IGraph;
-      /**
-       * Creates the default instance to use if no custom instance has been set.
-       * @returns {yfiles.graph.GraphClipboard} A default {@link yfiles.graph.GraphClipboard} instance.
-       * @protected
-       */
-      createGraphClipboard():yfiles.graph.GraphClipboard;
-      /**
-       * Factory method for the {@link yfiles.view.GraphComponent#graphModelManager} property.
-       * <p>
-       * This method will be called upon first access to the {@link yfiles.view.GraphComponent#graphModelManager} property.
-       * </p>
-       * @returns {yfiles.view.GraphModelManager} a new instance of GraphModelManager
-       * @protected
-       */
-      createGraphModelManager():yfiles.view.GraphModelManager;
-      /**
-       * Factory method for the {@link yfiles.view.GraphComponent#highlightIndicatorManager} property.
-       * <p>
-       * This method will be called upon first access to the {@link yfiles.view.GraphComponent#highlightIndicatorManager} property.
-       * </p>
-       * @returns {yfiles.view.HighlightIndicatorManager.<yfiles.graph.IModelItem>} a new instance of HighlightIndicatorManager
-       * @protected
-       */
-      createHighlightIndicatorManager():yfiles.view.HighlightIndicatorManager<yfiles.graph.IModelItem>;
-      /**
-       * Factory method for the Selection property.
-       * <p>
-       * This method will be called upon first access to the {@link yfiles.view.GraphComponent#selection} property.
-       * </p>
-       * @returns {yfiles.view.IGraphSelection} a new instance of {@link yfiles.view.GraphSelection}
-       * @protected
-       */
-      createSelection():yfiles.view.IGraphSelection;
-      /**
-       * Factory method for the {@link yfiles.view.GraphComponent#selectionIndicatorManager} property.
-       * <p>
-       * This method will be called upon first access to the {@link yfiles.view.GraphComponent#selectionIndicatorManager} property.
-       * </p>
-       * @returns {yfiles.view.SelectionIndicatorManager.<yfiles.graph.IModelItem>} a new instance of {@link yfiles.view.SelectionIndicatorManager.<T>}
-       * @protected
-       */
-      createSelectionIndicatorManager():yfiles.view.SelectionIndicatorManager<yfiles.graph.IModelItem>;
-      /**
-       * {@link yfiles.view.CanvasComponent#updateContentRect Updates the content rectangle} for the {@link yfiles.view.CanvasComponent#contentGroup} considering the provided insets and
-       * {@link yfiles.view.CanvasComponent#fitContent adjusts the viewport to encompass the contents}.
-       * @param {yfiles.geometry.Insets} [insets=null]
-       */
-      fitGraphBounds(insets?:yfiles.geometry.Insets):void;
-      /**
-       * Convenience method that runs a layouter on the graph of a given graph control and animates the transition.
-       * <p>
-       * An event is called once the animation has finished.
-       * </p>
-       * <p>
-       * The implementation simply delegates to a properly configured instance of {@link yfiles.layout.LayoutExecutor}. In addition to
-       * the default configuration, it enables {@link yfiles.layout.LayoutExecutor#animateViewport}, {@link yfiles.layout.LayoutExecutor#easedAnimation}, and {@link yfiles.layout.LayoutExecutor#updateContentRect}. For more fine-grained control of the animation, use {@link yfiles.layout.LayoutExecutor}
-       * directly.
-       * </p>
-       * @param {yfiles.layout.ILayoutAlgorithm} layout
-       * @param {yfiles.lang.TimeSpan} [morphDuration=null]
-       * @param {yfiles.layout.LayoutData} [layoutData=null]
-       * @returns {Promise.<Object>} 
-       */
-      morphLayout(layout:yfiles.layout.ILayoutAlgorithm,morphDuration?:yfiles.lang.TimeSpan,layoutData?:yfiles.layout.LayoutData):Promise<Object>;
-      /**
-       * Convenience method that runs a layouter on the graph of a given graph control and animates the transition.
-       * <p>
-       * An event is called once the animation has finished.
-       * </p>
-       * <p>
-       * The implementation simply delegates to a properly configured instance of {@link yfiles.layout.LayoutExecutor}. In addition to
-       * the default configuration, it enables {@link yfiles.layout.LayoutExecutor#animateViewport}, {@link yfiles.layout.LayoutExecutor#easedAnimation}, and {@link yfiles.layout.LayoutExecutor#updateContentRect}. For more fine-grained control of the animation, use {@link yfiles.layout.LayoutExecutor}
-       * directly.
-       * </p>
-       * @param {Object} options The parameters to pass.
-       * @param {yfiles.layout.ILayoutAlgorithm} options.layout
-       * @param {yfiles.lang.TimeSpan} [options.morphDuration=null]
-       * @param {yfiles.layout.LayoutData} [options.layoutData=null]
-       * @returns {Promise.<Object>} 
-       */
-      morphLayout(options:{layout:yfiles.layout.ILayoutAlgorithm,morphDuration?:yfiles.lang.TimeSpan,layoutData?:yfiles.layout.LayoutData}):Promise<Object>;
-      /**
-       * Gets or sets the 'current' item.
-       * @default null
-       * @type {yfiles.graph.IModelItem}
-       */
-      currentItem:yfiles.graph.IModelItem;
-      /**
-       * Adds the given listener for the <code>CurrentItemChanged</code> event that occurs when the {@link yfiles.view.GraphComponent#currentItem} property has changed its value.
-       * @param {function(Object, yfiles.lang.PropertyChangedEventArgs): void} listener The listener to add.
-       * @see yfiles.view.GraphComponent#removeCurrentItemChangedListener
-       */
-      addCurrentItemChangedListener(listener:(sender:Object,evt:yfiles.lang.PropertyChangedEventArgs)=>void):void;
-      /**
-       * Removes the given listener for the <code>CurrentItemChanged</code> event that occurs when the {@link yfiles.view.GraphComponent#currentItem} property has changed its value.
-       * @param {function(Object, yfiles.lang.PropertyChangedEventArgs): void} listener The listener to remove.
-       * @see yfiles.view.GraphComponent#addCurrentItemChangedListener
-       */
-      removeCurrentItemChangedListener(listener:(sender:Object,evt:yfiles.lang.PropertyChangedEventArgs)=>void):void;
-      /**
-       * Gets or sets the {@link yfiles.view.GraphComponent#selectionIndicatorManager} property.
-       * <p>
-       * If the field has not yet been initialized upon first access, the factory method {@link yfiles.view.GraphComponent#createSelectionIndicatorManager}
-       * will be called.
-       * </p>
-       * @type {yfiles.view.SelectionIndicatorManager.<yfiles.graph.IModelItem>}
-       */
-      selectionIndicatorManager:yfiles.view.SelectionIndicatorManager<yfiles.graph.IModelItem>;
-      /**
-       * Gets or sets the {@link yfiles.view.GraphComponent#highlightIndicatorManager} property.
-       * <p>
-       * If the field has not yet been initialized upon first access, the factory method {@link yfiles.view.GraphComponent#createHighlightIndicatorManager}
-       * will be called.
-       * </p>
-       * @type {yfiles.view.HighlightIndicatorManager.<yfiles.graph.IModelItem>}
-       */
-      highlightIndicatorManager:yfiles.view.HighlightIndicatorManager<yfiles.graph.IModelItem>;
-      /**
-       * Gets or sets the FocusIndicatorManager property.
-       * <p>
-       * If the field has not yet been initialized upon first access, the factory method {@link yfiles.view.GraphComponent#createFocusIndicatorManager}
-       * will be called.
-       * </p>
-       * @type {yfiles.view.FocusIndicatorManager.<yfiles.graph.IModelItem>}
-       */
-      focusIndicatorManager:yfiles.view.FocusIndicatorManager<yfiles.graph.IModelItem>;
-      /**
-       * Gets or sets the {@link yfiles.view.GraphComponent#graphModelManager} property.
-       * <p>
-       * If the field has not yet been initialized upon first access, the factory method {@link yfiles.view.GraphComponent#createGraphModelManager}
-       * will be called.
-       * </p>
-       * @type {yfiles.view.GraphModelManager}
-       */
-      graphModelManager:yfiles.view.GraphModelManager;
-      /**
-       * Gets or sets the graph that is displayed in this control.
-       * <p>
-       * Normally the {@link yfiles.view.GraphSelection} property must be adjusted accordingly if the graph instance is replaced. Also
-       * depending on the {@link yfiles.input.IInputMode} implementation the instances used in this component might need to be replaced
-       * or adjusted, too. If the field has not yet been initialized upon first access, the factory method {@link yfiles.view.GraphComponent#createGraph}
-       * will be called.
-       * </p>
-       * @type {yfiles.graph.IGraph}
-       */
-      graph:yfiles.graph.IGraph;
-      /**
-       * Adds the given listener for the <code>GraphChanged</code> event that occurs when the {@link yfiles.view.GraphComponent#graph} property has been changed.
-       * @param {function(Object, yfiles.collections.ItemEventArgs.<yfiles.graph.IGraph>): void} listener The listener to add.
-       * @see yfiles.view.GraphComponent#removeGraphChangedListener
-       */
-      addGraphChangedListener(listener:(sender:Object,evt:yfiles.collections.ItemEventArgs<yfiles.graph.IGraph>)=>void):void;
-      /**
-       * Removes the given listener for the <code>GraphChanged</code> event that occurs when the {@link yfiles.view.GraphComponent#graph} property has been changed.
-       * @param {function(Object, yfiles.collections.ItemEventArgs.<yfiles.graph.IGraph>): void} listener The listener to remove.
-       * @see yfiles.view.GraphComponent#addGraphChangedListener
-       */
-      removeGraphChangedListener(listener:(sender:Object,evt:yfiles.collections.ItemEventArgs<yfiles.graph.IGraph>)=>void):void;
-      /**
-       * Gets or sets the selection model that is used for this control.
-       * <p>
-       * The selection model instance needs to be adjusted, normally if the {@link yfiles.view.GraphComponent#graph} instance is changed. If the field has not yet been
-       * initialized upon first access, the factory method {@link yfiles.view.GraphComponent#createSelection} will be called.
-       * </p>
-       * @type {yfiles.view.IGraphSelection}
-       */
-      selection:yfiles.view.IGraphSelection;
-      /**
-       * Gets or sets the {@link yfiles.graph.GraphClipboard} associated with this control.
-       * <p>
-       * If no instance has been configured with this control, a default implementation will be used.
-       * </p>
-       * @type {yfiles.graph.GraphClipboard}
-       */
-      clipboard:yfiles.graph.GraphClipboard;
-      static $class:yfiles.lang.Class;
-    }
-    export enum DragDropKeyStates{
-      /**
-       * The left mouse button is down or a touch gesture is in progress.
-       */
-      POINTER_DOWN,
-      /**
-       * No button and no key is pressed.
+       * Not a mouse event.
        */
       NONE,
       /**
-       * The shift key is down.
+       * The mouse has been moved.
        */
-      SHIFT_KEY,
+      MOVE,
       /**
-       * The control key is down.
+       * The mouse has been dragged, which means it has been moved while at least one button has been pressed.
        */
-      CONTROL_KEY,
+      DRAG,
       /**
-       * The alt key is down.
+       * A button has been pressed.
        */
-      ALT_KEY
+      DOWN,
+      /**
+       * A button has been released.
+       * <p>
+       * If there was no drag event since the last press event, this will result in a click.
+       * </p>
+       */
+      UP,
+      /**
+       * The mouse has entered the control's bounds.
+       */
+      ENTER,
+      /**
+       * The mouse has exited the control's bounds.
+       */
+      LEAVE,
+      /**
+       * The mouse wheel has been turned.
+       */
+      WHEEL,
+      /**
+       * A mouse click has been recognized.
+       * <p>
+       * This is the case if a press has directly been followed by a release.
+       * </p>
+       */
+      CLICK,
+      /**
+       * Mouse input capture has been lost.
+       * <p>
+       * This can happen during mouse drags, if any button is pressed and the focus is taken from the application or transferred
+       * to another component by other means then moving the mouse.
+       * </p>
+       */
+      LOST_CAPTURE
     }
     /**
-     * A simple {@link yfiles.view.ICanvasObjectDescriptor} that can be used to draw {@link yfiles.input.IPortCandidate} instances in a
-     * {@link yfiles.view.CanvasComponent}.
-     * @class yfiles.view.DefaultPortCandidateDescriptor
-     * @implements {yfiles.view.ICanvasObjectDescriptor}
-     * @implements {yfiles.view.IVisualCreator}
-     * @implements {yfiles.view.IBoundsProvider}
-     * @implements {yfiles.input.IHitTestable}
-     * @implements {yfiles.view.IVisibilityTestable}
-     * @implements {yfiles.input.IMarqueeTestable}
+     * Complex event arguments that is used by the {@link yfiles.view.CanvasComponent} to indicate mouse events in world coordinates.
+     * @class
+     * @extends {yfiles.lang.EventArgs}
      */
-    export interface DefaultPortCandidateDescriptor extends Object,yfiles.view.ICanvasObjectDescriptor,yfiles.view.IVisualCreator,yfiles.view.IBoundsProvider,yfiles.input.IHitTestable,yfiles.view.IVisibilityTestable,yfiles.input.IMarqueeTestable{}
-    export class DefaultPortCandidateDescriptor {
+    export interface MouseEventArgs extends yfiles.lang.EventArgs{}
+    export class MouseEventArgs {
       /**
-       * Instantiates a new descriptor.
-       * @constructor
+       * Constructs a new mouse event argument.
+       * @param eventType The type of the event
+       * @param location the position of the mouse in world coordinates at the time of the event
+       * @param [changedButtons=yfiles.view.MouseButtons.NONE] the mouse buttons that have changed state if the type of event is {@link #DOWN} or
+       * {@link #UP}
+       * @param [changedModifiers=yfiles.view.ModifierKeys.NONE] the modifier Keys that have been changed
+       * @param [buttons=yfiles.view.MouseButtons.NONE] the current state of the MouseButtons
+       * @param [modifiers=yfiles.view.ModifierKeys.NONE] the current state of the modifier Keys
+       * @param [clickCount=0] the number of clicks this event represents, 2 for a double click
+       * @param [mouseWheelDelta=0] the signed number of mouse wheel turn units
+       * @param [scrollAmount=0] The number of lines to scroll, if <code>scrollType</code> is {@link #LINES}.
+       * @param [scrollType=yfiles.view.MouseWheelDeltaMode.LINES] The type of scrolling performed.
+       * @param originalEvent
        */
-      constructor();
+      constructor(originalEvent:Event,eventType:yfiles.view.MouseEventTypes,location:yfiles.geometry.Point,changedButtons?:yfiles.view.MouseButtons,changedModifiers?:yfiles.view.ModifierKeys,buttons?:yfiles.view.MouseButtons,modifiers?:yfiles.view.ModifierKeys,clickCount?:number,mouseWheelDelta?:number,scrollAmount?:number,scrollType?:yfiles.view.MouseWheelDeltaMode);
       /**
-       * 
-       * @param {Object} forUserObject
-       * @returns {yfiles.view.IBoundsProvider} 
+       * Constructs a new mouse event argument.
+       * @param {Object} options The parameters to pass.
+       * @param options.eventType The type of the event
+       * @param options.location the position of the mouse in world coordinates at the time of the event
+       * @param [options.changedButtons=yfiles.view.MouseButtons.NONE] the mouse buttons that have changed state if the type of event is {@link #DOWN} or
+       * {@link #UP}
+       * @param [options.changedModifiers=yfiles.view.ModifierKeys.NONE] the modifier Keys that have been changed
+       * @param [options.buttons=yfiles.view.MouseButtons.NONE] the current state of the MouseButtons
+       * @param [options.modifiers=yfiles.view.ModifierKeys.NONE] the current state of the modifier Keys
+       * @param [options.clickCount=0] the number of clicks this event represents, 2 for a double click
+       * @param [options.mouseWheelDelta=0] the signed number of mouse wheel turn units
+       * @param [options.scrollAmount=0] The number of lines to scroll, if <code>scrollType</code> is {@link #LINES}.
+       * @param [options.scrollType=yfiles.view.MouseWheelDeltaMode.LINES] The type of scrolling performed.
+       * @param options.originalEvent
        */
-      getBoundsProvider(forUserObject:Object):yfiles.view.IBoundsProvider;
+      constructor(options:{originalEvent:Event,eventType:yfiles.view.MouseEventTypes,location:yfiles.geometry.Point,changedButtons?:yfiles.view.MouseButtons,changedModifiers?:yfiles.view.ModifierKeys,buttons?:yfiles.view.MouseButtons,modifiers?:yfiles.view.ModifierKeys,clickCount?:number,mouseWheelDelta?:number,scrollAmount?:number,scrollType?:yfiles.view.MouseWheelDeltaMode});
       /**
-       * 
-       * @param {Object} forUserObject
-       * @returns {yfiles.input.IHitTestable} 
-       */
-      getHitTestable(forUserObject:Object):yfiles.input.IHitTestable;
-      /**
-       * 
-       * @param {Object} forUserObject
-       * @returns {yfiles.view.IVisibilityTestable} 
-       */
-      getVisibilityTestable(forUserObject:Object):yfiles.view.IVisibilityTestable;
-      /**
-       * 
-       * @param {Object} forUserObject
-       * @returns {yfiles.view.IVisualCreator} 
-       */
-      getVisualCreator(forUserObject:Object):yfiles.view.IVisualCreator;
-      /**
-       * 
-       * @param {yfiles.view.ICanvasContext} context
-       * @param {yfiles.view.ICanvasObject} canvasObject
-       * @returns {boolean} 
-       */
-      isDirty(context:yfiles.view.ICanvasContext,canvasObject:yfiles.view.ICanvasObject):boolean;
-      /**
-       * Sets the {@link yfiles.view.IVisualTemplate} to use for the given {@link string} by this instance.
+       * Sets this event's {@link yfiles.view.MouseEventArgs#defaultPrevented} property to <code>true</code> signalling that the event has been properly handled and any default behaviors should
+       * be prevented.
        * <p>
-       * This method can be used to reconfigure the visualization for the various keys that are declared by this class.
+       * This will call the corresponding method on the {@link yfiles.view.MouseEventArgs#originalEvent original native event}.
        * </p>
-       * @param {string} resourceKey The key to reconfigure. This is one of
-       * {@link yfiles.view.DefaultPortCandidateDescriptor#CANDIDATE_DRAWING_VALID_NON_FOCUSED_KEY},
-       * {@link yfiles.view.DefaultPortCandidateDescriptor#CANDIDATE_DRAWING_INVALID_NON_FOCUSED_KEY},
-       * {@link yfiles.view.DefaultPortCandidateDescriptor#CANDIDATE_DRAWING_INVALID_FOCUSED_KEY},
-       * {@link yfiles.view.DefaultPortCandidateDescriptor#CANDIDATE_DRAWING_VALID_FOCUSED_KEY}.
-       * @param {yfiles.view.IVisualTemplate} template The template to use instead of the default.
+       * @see yfiles.view.MouseEventArgs#defaultPrevented
        */
-      setTemplate(resourceKey:string,template:yfiles.view.IVisualTemplate):void;
+      preventDefault():void;
       /**
-       * A {@link string} that can be used by instances of the {@link yfiles.view.DefaultPortCandidateDescriptor} to look up a {@link yfiles.view.IVisualTemplate}
-       * that will be used for rendering a valid, non-focused {@link yfiles.input.IPortCandidate}.
+       * Gets the type of this event.
+       * @type {yfiles.view.MouseEventTypes}
+       */
+      eventType:yfiles.view.MouseEventTypes;
+      /**
+       * Returns the coordinates in the world coordinate space associated with this event.
+       * @type {yfiles.geometry.Point}
+       */
+      location:yfiles.geometry.Point;
+      /**
+       * Returns the number of clicks the current event represents if it is of type {@link yfiles.view.MouseEventTypes#CLICK}.
+       * @type {number}
+       */
+      clickCount:number;
+      /**
+       * Gets the signed number of mouse wheel turn units.
        * <p>
-       * The drawing returned should be centered around <code>(0,0)</code>.
-       * </p>
-       * @const
-       * @static
-       * @type {string}
-       */
-      static CANDIDATE_DRAWING_VALID_NON_FOCUSED_KEY:string;
-      /**
-       * A {@link string} that can be used by instances of the {@link yfiles.view.DefaultPortCandidateDescriptor} to look up a {@link yfiles.view.IVisualTemplate}
-       * that will be used for rendering a valid, focused {@link yfiles.input.IPortCandidate}.
-       * <p>
-       * The drawing returned should be centered around <code>(0,0)</code>.
-       * </p>
-       * @const
-       * @static
-       * @type {string}
-       */
-      static CANDIDATE_DRAWING_VALID_FOCUSED_KEY:string;
-      /**
-       * A {@link string} that can be used by instances of the {@link yfiles.view.DefaultPortCandidateDescriptor} to look up a {@link yfiles.view.IVisualTemplate}
-       * that will be used for rendering an invalid, non-focused {@link yfiles.input.IPortCandidate}.
-       * <p>
-       * The drawing returned should be centered around <code>(0,0)</code>.
-       * </p>
-       * @const
-       * @static
-       * @type {string}
-       */
-      static CANDIDATE_DRAWING_INVALID_NON_FOCUSED_KEY:string;
-      /**
-       * A {@link string} that can be used by instances of the {@link yfiles.view.DefaultPortCandidateDescriptor} to look up a {@link yfiles.view.IVisualTemplate}
-       * that will be used for rendering a invalid, focused {@link yfiles.input.IPortCandidate}.
-       * <p>
-       * The drawing returned should be centered around <code>(0,0)</code>.
-       * </p>
-       * @const
-       * @static
-       * @type {string}
-       */
-      static CANDIDATE_DRAWING_INVALID_FOCUSED_KEY:string;
-      /**
-       * Gets or sets a property that determines whether this descriptor uses the "current" candidates.
-       * @type {boolean}
-       */
-      currentCandidate:boolean;
-      /**
-       * Gets or sets the logical size of the candidate.
-       * <p>
-       * This size is used for hit testing, visibility tests, etc. The default is <code>3</code>.
+       * Note that this can, for high-precision mouse wheels, include fractional turns.
        * </p>
        * @type {number}
        */
-      size:number;
-      static $class:yfiles.lang.Class;
-    }
-    /**
-     * Manages the visual appearance of an {@link yfiles.graph.IGraph} instance in a {@link yfiles.view.CanvasComponent}.
-     * <p>
-     * This class monitors the structural changes of an {@link yfiles.graph.IGraph} implementation and installs the necessary {@link yfiles.view.ICanvasObject}
-     * instance in the canvas for each item in the graph. Note that {@link yfiles.view.GraphComponent} has an instance of this type
-     * built-in already and usually it is not necessary to create an own one. This class will also {@link yfiles.view.GraphModelManager#useHierarchicNodeNesting use the node hierarchy} to
-     * nest the nodes {@link yfiles.view.GraphModelManager#useHierarchicEdgeNesting and edges} accordingly.
-     * </p>
-     * @see yfiles.view.GraphModelManager#nodeGroup
-     * @see yfiles.view.GraphModelManager#useHierarchicEdgeNesting
-     * @see yfiles.view.GraphModelManager#useHierarchicNodeNesting
-     * @class yfiles.view.GraphModelManager
-     */
-    export interface GraphModelManager extends Object{}
-    export class GraphModelManager {
+      wheelDelta:number;
       /**
-       * Creates a manager instance for the given control.
+       * Gets the distance to scroll at once when {@link yfiles.view.MouseEventArgs#deltaMode} is {@link yfiles.view.MouseWheelDeltaMode#LINES}.
        * <p>
-       * The contents of the graph will be added to given group that is must be part of the canvas.
+       * This is a system setting that only applies to scrolling (not zooming) and usually translates to the number of small
+       * scroll increments per scroll wheel notch.
        * </p>
        * <p>
-       * In order to get anything useful out of this instance the {@link yfiles.view.GraphModelManager#graph} property should be set to an instance after construction.
+       * This property has a value of <code>1</code> if {@link yfiles.view.MouseEventArgs#deltaMode} is {@link yfiles.view.MouseWheelDeltaMode#PAGE}, as it is not applicable in that case.
        * </p>
-       * @param {yfiles.view.CanvasComponent} canvas the canvas to manage the visual appearance of a graph for.
-       * @param {yfiles.view.ICanvasObjectGroup} contentGroup the group to add the graph's visual content to. Can be null, in which case {@link yfiles.view.GraphModelManager#contentGroup} should be set afterwards or {@link yfiles.view.GraphModelManager#createContentGroup}
-       * will automatically create a group lazily.
-       * @constructor
-       */
-      constructor(canvas:yfiles.view.CanvasComponent,contentGroup:yfiles.view.ICanvasObjectGroup);
-      /**
-       * Creates a manager instance for the given control.
-       * <p>
-       * The contents of the graph will be added to a newly created group that is added to the root of the scene graph.
-       * </p>
-       * <p>
-       * In order to get anything useful out of this instance the {@link yfiles.view.GraphModelManager#graph} property should be set to an instance after construction.
-       * </p>
-       * @param {yfiles.view.CanvasComponent} canvas the canvas to manage the visual appearance of a graph for.
-       * @constructor
-       */
-      constructor(canvas:yfiles.view.CanvasComponent);
-      /**
-       * Compares two items with respect to their visibility order.
-       * @param {yfiles.graph.IModelItem} item1 the first item to compare
-       * @param {yfiles.graph.IModelItem} item2 the second item to compare
-       * @returns {number} an integer value indicating the relative rendering order of the two items
-       * @see yfiles.view.GraphModelManager#comparer
-       */
-      compare(item1:yfiles.graph.IModelItem,item2:yfiles.graph.IModelItem):number;
-      /**
-       * Factory method that creates the {@link yfiles.view.GraphModelManager#contentGroup}
-       * <p>
-       * The default implementation will just add another group to the {@link yfiles.view.CanvasComponent}.
-       * </p>
-       * @returns {yfiles.view.ICanvasObjectGroup} The group to use for adding the content.
-       * @protected
-       */
-      createContentGroup():yfiles.view.ICanvasObjectGroup;
-      /**
-       * Factory method for the {@link yfiles.view.GraphModelManager#edgeGroup} property.
-       * <p>
-       * This method will be called upon first access to the property.
-       * </p>
-       * @returns {yfiles.view.ICanvasObjectGroup} a new group that has been added to the {@link yfiles.view.GraphModelManager#contentGroup}
-       * @protected
-       */
-      createEdgeGroup():yfiles.view.ICanvasObjectGroup;
-      /**
-       * Factory method for the {@link yfiles.view.GraphModelManager#edgeLabelGroup} property.
-       * <p>
-       * This method will be called upon first access to the property.
-       * </p>
-       * @returns {yfiles.view.ICanvasObjectGroup} a new group that has been added to the {@link yfiles.view.GraphModelManager#contentGroup}
-       * @protected
-       */
-      createEdgeLabelGroup():yfiles.view.ICanvasObjectGroup;
-      /**
-       * Gets a {@link yfiles.input.IHitTester.<T>} that can be used to enumerate hits on the canvas at a given world coordinate position.
-       * <p>
-       * This enumerator will enumerate hits in the order so that the visually topmost element will be reported first.
-       * </p>
-       * Type parameter <code>T</code>.
-       * @param {yfiles.lang.Class} itemType
-       * @returns {yfiles.input.IHitTester.<T>} 
-       * @template T
-       */
-      createHitTester<T extends yfiles.graph.IModelItem>(itemType:yfiles.lang.Class):yfiles.input.IHitTester<T>;
-      /**
-       * Factory method for the {@link yfiles.view.GraphModelManager#nodeGroup} property.
-       * <p>
-       * This method will be called upon first access to the property.
-       * </p>
-       * @returns {yfiles.view.ICanvasObjectGroup} a new group that has been added to the {@link yfiles.view.GraphModelManager#contentGroup}
-       * @protected
-       */
-      createNodeGroup():yfiles.view.ICanvasObjectGroup;
-      /**
-       * Factory method for the {@link yfiles.view.GraphModelManager#nodeLabelGroup} property.
-       * <p>
-       * This method will be called upon first access to the property.
-       * </p>
-       * @returns {yfiles.view.ICanvasObjectGroup} a new group that has been added to the {@link yfiles.view.GraphModelManager#contentGroup}
-       * @protected
-       */
-      createNodeLabelGroup():yfiles.view.ICanvasObjectGroup;
-      /**
-       * Factory method for the {@link yfiles.view.GraphModelManager#portGroup} property.
-       * <p>
-       * This method will be called upon first access to the property.
-       * </p>
-       * @returns {yfiles.view.ICanvasObjectGroup} a new group that has been added to the {@link yfiles.view.GraphModelManager#contentGroup}
-       * @protected
-       */
-      createPortGroup():yfiles.view.ICanvasObjectGroup;
-      /**
-       * Retrieves the {@link yfiles.view.ICanvasObject} for a given model item managed by this instance.
-       * @param {yfiles.graph.IModelItem} item the item
-       * @returns {yfiles.view.ICanvasObject} the canvas object for the given item or <code>null</code>
-       * @see yfiles.view.ItemModelManager.<T>#getCanvasObject
-       */
-      getCanvasObject(item:yfiles.graph.IModelItem):yfiles.view.ICanvasObject;
-      /**
-       * Retrieves the Canvas Object group to use for the given label.
-       * <p>
-       * This implementation is called by the default {@link yfiles.view.GraphModelManager#nodeLabelDescriptor} and {@link yfiles.view.GraphModelManager#edgeLabelDescriptor} instances.
-       * </p>
-       * @param {yfiles.graph.ILabel} label The label that will be installed in the canvas.
-       * @returns {yfiles.view.ICanvasObjectGroup} The group to use.
-       * @protected
-       */
-      getCanvasObjectGroup(label:yfiles.graph.ILabel):yfiles.view.ICanvasObjectGroup;
-      /**
-       * Retrieves the Canvas Object group to use for the given port.
-       * <p>
-       * This implementation is called by the default {@link yfiles.view.GraphModelManager#portDescriptor} instance.
-       * </p>
-       * @param {yfiles.graph.IPort} port The port that will be installed in the canvas.
-       * @returns {yfiles.view.ICanvasObjectGroup} The group to use.
-       * @protected
-       */
-      getCanvasObjectGroup(port:yfiles.graph.IPort):yfiles.view.ICanvasObjectGroup;
-      /**
-       * Retrieves the Canvas Object group to use for the given edge.
-       * <p>
-       * This implementation is called by the default {@link yfiles.view.GraphModelManager#edgeDescriptor} instance.
-       * </p>
-       * @param {yfiles.graph.IEdge} edge The edge that will be installed in the canvas.
-       * @returns {yfiles.view.ICanvasObjectGroup} The group to use.
-       * @protected
-       */
-      getCanvasObjectGroup(edge:yfiles.graph.IEdge):yfiles.view.ICanvasObjectGroup;
-      /**
-       * Retrieves the Canvas Object group to use for the given node.
-       * <p>
-       * This implementation is called by the default {@link yfiles.view.GraphModelManager#nodeDescriptor} instance.
-       * </p>
-       * @param {yfiles.graph.INode} node The node that will be installed in the canvas.
-       * @returns {yfiles.view.ICanvasObjectGroup} The group to use.
-       * @protected
-       */
-      getCanvasObjectGroup(node:yfiles.graph.INode):yfiles.view.ICanvasObjectGroup;
-      /**
-       * Retrieves the corresponding {@link yfiles.graph.IModelItem} for the given canvas object.
-       * @param {yfiles.view.ICanvasObject} canvasObject the instance to use for the query
-       * @returns {yfiles.graph.IModelItem} The item that is associated with the object or <code>null</code>.
-       */
-      getModelItem(canvasObject:yfiles.view.ICanvasObject):yfiles.graph.IModelItem;
-      /**
-       * Enumerates hits on the canvas at a given world coordinate position for a given context.
-       * <p>
-       * The instance returned will enumerate hits in the order so that the topmost visual element will be reported first. The
-       * enumeration is performed lazily.
-       * </p>
-       * @param {yfiles.input.IInputModeContext} context The context to provide to {@link yfiles.input.IHitTestable#isHit}
-       * @param {yfiles.geometry.Point} location the world coordinates to perform the hit test
-       * @param {yfiles.view.ICanvasObjectGroup} root The group to search the subtree of.
-       * @returns {yfiles.collections.IEnumerable.<yfiles.graph.IModelItem>} an enumerable that will enumerate the hits at the given coordinates
-       */
-      hitElementsAt(context:yfiles.input.IInputModeContext,location:yfiles.geometry.Point,root:yfiles.view.ICanvasObjectGroup):yfiles.collections.IEnumerable<yfiles.graph.IModelItem>;
-      /**
-       * Enumerates hits on the canvas at a given world coordinate position.
-       * <p>
-       * The instance returned will enumerate hits in the order so that the topmost visual element will be reported first. The
-       * enumeration is performed lazily.
-       * </p>
-       * @param {yfiles.geometry.Point} location the world coordinates to perform the hit test
-       * @returns {yfiles.collections.IEnumerable.<yfiles.graph.IModelItem>} an enumerable that will enumerate the hits at the given coordinates
-       */
-      hitElementsAt(location:yfiles.geometry.Point):yfiles.collections.IEnumerable<yfiles.graph.IModelItem>;
-      /**
-       * Called when the {@link yfiles.view.GraphModelManager#graph} property changes.
-       * <p>
-       * This method registers the collections of the graph instance with the {@link yfiles.view.CollectionModelManager.<T> mechanism} that manages the mapping between the
-       * elements and the
-       * {@link yfiles.view.ICanvasObject}s. Subclasses should call the base method if they want to use the default mechanisms.
-       * </p>
-       * @param {yfiles.graph.IGraph} oldGraph The old graph instance.
-       * @param {yfiles.graph.IGraph} newGraph The new graph instance.
-       * @protected
-       */
-      onGraphChanged(oldGraph:yfiles.graph.IGraph,newGraph:yfiles.graph.IGraph):void;
-      /**
-       * Enumerates hits on the canvas at a given world coordinate position in a given context.
-       * <p>
-       * The instance returned will enumerate hits in the order so that the topmost visual element will be reported first. The
-       * enumeration is performed lazily.
-       * </p>
-       * Type parameter <code>T</code>.
-       * @param {yfiles.lang.Class} modelItemType
-       * @param {yfiles.input.IInputModeContext} context The context to provide to {@link yfiles.input.IHitTestable#isHit}
-       * @param {yfiles.geometry.Point} location the world coordinates to perform the hit test
-       * @param {yfiles.view.ICanvasObjectGroup} root The group to search the subtree of.
-       * @returns {yfiles.collections.IEnumerable.<T>} an enumerable that will enumerate the hits at the given coordinates
-       * @template T
-       */
-      typedHitElementsAt<T extends yfiles.graph.IModelItem>(modelItemType:yfiles.lang.Class,context:yfiles.input.IInputModeContext,location:yfiles.geometry.Point,root:yfiles.view.ICanvasObjectGroup):yfiles.collections.IEnumerable<T>;
-      /**
-       * Enumerates hits on the canvas at a given world coordinate position.
-       * <p>
-       * The instance returned will enumerate hits in the order so that the topmost visual element will be reported first. The
-       * enumeration is performed lazily.
-       * </p>
-       * Type parameter <code>T</code>.
-       * @param {yfiles.lang.Class} itemType
-       * @param {yfiles.geometry.Point} location the world coordinates to perform the hit test
-       * @returns {yfiles.collections.IEnumerable.<T>} an enumerable that will enumerate the hits at the given coordinates
-       * @template T
-       */
-      typedHitElementsAt<T extends yfiles.graph.IModelItem>(itemType:yfiles.lang.Class,location:yfiles.geometry.Point):yfiles.collections.IEnumerable<T>;
-      /**
-       * {@link yfiles.view.CollectionModelManager.<T>#update Updates} the visual representation of the given item.
-       * @param {yfiles.graph.IModelItem} item The item to update the visual representation
-       * @see yfiles.view.CollectionModelManager.<T>#update
-       */
-      update(item:yfiles.graph.IModelItem):void;
-      /**
-       * Gets the {@link yfiles.view.ICanvasObjectGroup} instance that will be used for installing node styles.
-       * <p>
-       * If the field has not yet been initialized upon first access, the factory method {@link yfiles.view.GraphModelManager#createNodeGroup}
-       * will be called. Note that in the case of {@link yfiles.view.GraphModelManager#useHierarchicNodeNesting hierarchic node nesting}, nodes will not be installed at the top-level of this
-       * group. Rather a more complicated nesting of dynamically created {@link yfiles.view.ICanvasObjectGroup}s will be used.
-       * </p>
-       * @see yfiles.view.GraphModelManager#getCanvasObjectGroup
-       * @see yfiles.view.GraphModelManager#nodeDescriptor
-       * @type {yfiles.view.ICanvasObjectGroup}
-       */
-      nodeGroup:yfiles.view.ICanvasObjectGroup;
-      /**
-       * Gets the {@link yfiles.view.ICanvasObjectGroup} instance that will be used for installing edge styles.
-       * <p>
-       * If the field has not yet been initialized upon first access, the factory method {@link yfiles.view.GraphModelManager#createEdgeGroup}
-       * will be called. Note that in the case of {@link yfiles.view.GraphModelManager#useHierarchicNodeNesting hierarchically nested graphs} edges will only be put directly in this
-       * {@link yfiles.view.ICanvasObjectGroup}, if the {@link yfiles.view.GraphModelManager#useHierarchicEdgeNesting} property is set to <code>false</code>. Otherwise edges will actually be nested in the subtree
-       * of the {@link yfiles.view.GraphModelManager#nodeGroup} according to the node nesting.
-       * </p>
-       * @see yfiles.view.GraphModelManager#getCanvasObjectGroup
-       * @see yfiles.view.GraphModelManager#edgeDescriptor
-       * @type {yfiles.view.ICanvasObjectGroup}
-       */
-      edgeGroup:yfiles.view.ICanvasObjectGroup;
-      /**
-       * Gets the {@link yfiles.view.ICanvasObjectGroup} instance that will be used for installing edge label styles.
-       * <p>
-       * If the field has not yet been initialized upon first access, the factory method {@link yfiles.view.GraphModelManager#createEdgeLabelGroup}
-       * will be called.
-       * </p>
-       * @see yfiles.view.GraphModelManager#getCanvasObjectGroup
-       * @see yfiles.view.GraphModelManager#edgeLabelDescriptor
-       * @type {yfiles.view.ICanvasObjectGroup}
-       */
-      edgeLabelGroup:yfiles.view.ICanvasObjectGroup;
-      /**
-       * Gets the {@link yfiles.view.ICanvasObjectGroup} instance that will be used for installing node label styles.
-       * <p>
-       * If the field has not yet been initialized upon first access, the factory method {@link yfiles.view.GraphModelManager#createNodeLabelGroup}
-       * will be called.
-       * </p>
-       * @see yfiles.view.GraphModelManager#getCanvasObjectGroup
-       * @see yfiles.view.GraphModelManager#nodeLabelDescriptor
-       * @type {yfiles.view.ICanvasObjectGroup}
-       */
-      nodeLabelGroup:yfiles.view.ICanvasObjectGroup;
-      /**
-       * Gets the {@link yfiles.view.ICanvasObjectGroup} instance that will be used for installing port styles.
-       * <p>
-       * If the field has not yet been initialized upon first access, the factory method {@link yfiles.view.GraphModelManager#createPortGroup}
-       * will be called.
-       * </p>
-       * @see yfiles.view.GraphModelManager#getCanvasObjectGroup
-       * @see yfiles.view.GraphModelManager#portDescriptor
-       * @type {yfiles.view.ICanvasObjectGroup}
-       */
-      portGroup:yfiles.view.ICanvasObjectGroup;
-      /**
-       * Gets or sets the {@link yfiles.view.ICanvasObjectDescriptor} instance used for installing an {@link yfiles.graph.IEdge} into the
-       * canvas.
-       * @type {yfiles.view.ICanvasObjectDescriptor}
-       */
-      edgeDescriptor:yfiles.view.ICanvasObjectDescriptor;
-      /**
-       * Gets or sets the {@link yfiles.view.ICanvasObjectDescriptor} instance used for installing an {@link yfiles.graph.IPort} into the
-       * canvas.
-       * @type {yfiles.view.ICanvasObjectDescriptor}
-       */
-      portDescriptor:yfiles.view.ICanvasObjectDescriptor;
-      /**
-       * Gets or sets the {@link yfiles.view.ICanvasObjectDescriptor} instance used for installing an {@link yfiles.graph.ILabel} of an {@link yfiles.graph.IEdge}
-       * into the canvas.
-       * @type {yfiles.view.ICanvasObjectDescriptor}
-       */
-      edgeLabelDescriptor:yfiles.view.ICanvasObjectDescriptor;
-      /**
-       * Gets or sets the {@link yfiles.view.ICanvasObjectDescriptor} instance used for installing an {@link yfiles.graph.ILabel} of an {@link yfiles.graph.INode}
-       * into the canvas.
-       * @type {yfiles.view.ICanvasObjectDescriptor}
-       */
-      nodeLabelDescriptor:yfiles.view.ICanvasObjectDescriptor;
-      /**
-       * Determines whether this instance should nest the edges accordingly if the graph is grouped.
-       * <p>
-       * Hierarchic nesting for edges requires that {@link yfiles.view.GraphModelManager#useHierarchicNodeNesting hierarchic nesting for nodes} is enabled as well. If both properties are
-       * enabled (the default) the edges will actually be interleaved with the nodes in the nested canvas object subtree so the {@link yfiles.view.GraphModelManager#edgeGroup}
-       * will be empty.
-       * </p>
-       * @see yfiles.view.GraphModelManager#useHierarchicNodeNesting
-       * @type {boolean}
-       */
-      useHierarchicEdgeNesting:boolean;
-      /**
-       * Gets or sets the {@link yfiles.view.ICanvasObjectDescriptor} instance used for installing an {@link yfiles.graph.INode} into the
-       * canvas.
-       * @type {yfiles.view.ICanvasObjectDescriptor}
-       */
-      nodeDescriptor:yfiles.view.ICanvasObjectDescriptor;
-      /**
-       * Gets or sets the content group this manager instance uses to add visual representation of the graph to.
-       * @type {yfiles.view.ICanvasObjectGroup}
-       */
-      contentGroup:yfiles.view.ICanvasObjectGroup;
-      /**
-       * Gets an {@link yfiles.collections.IComparer.<T>} instance that can be used to compare two model items with respect to their visual display order.
-       * <p>
-       * An item is considered to be greater than another item if it is rendered on top of it.
-       * </p>
-       * @type {yfiles.collections.IComparer.<yfiles.graph.IModelItem>}
-       */
-      comparer:yfiles.collections.IComparer<yfiles.graph.IModelItem>;
-      /**
-       * Gets a {@link yfiles.input.IHitTester.<T>} that can be used to enumerate hits on the canvas at a given world coordinate position.
-       * <p>
-       * This enumerator will enumerate hits in the order so that the visually topmost element will be reported first.
-       * </p>
-       * @type {yfiles.input.IHitTester.<yfiles.graph.IModelItem>}
-       */
-      hitTester:yfiles.input.IHitTester<yfiles.graph.IModelItem>;
-      /**
-       * Gets or sets the graph this manager manages.
-       * @see yfiles.view.GraphModelManager#onGraphChanged
-       * @type {yfiles.graph.IGraph}
-       */
-      graph:yfiles.graph.IGraph;
-      /**
-       * Determines whether this instance should nest the nodes {@link yfiles.view.GraphModelManager#useHierarchicEdgeNesting and optionally edges} accordingly if the graph is grouped.
-       * @type {boolean}
-       */
-      useHierarchicNodeNesting:boolean;
-      /**
-       * The immutable instance of the default {@link yfiles.view.ICanvasObjectDescriptor} for {@link yfiles.graph.INode}s which simply defers to
-       * the node's {@link yfiles.styles.INodeStyle}.
-       * @const
-       * @static
-       * @type {yfiles.view.ICanvasObjectDescriptor}
-       */
-      static DEFAULT_NODE_DESCRIPTOR:yfiles.view.ICanvasObjectDescriptor;
-      /**
-       * The immutable instance of the default {@link yfiles.view.ICanvasObjectDescriptor} for {@link yfiles.graph.IEdge}s which simply defers to
-       * the edge's {@link yfiles.styles.IEdgeStyle}.
-       * @const
-       * @static
-       * @type {yfiles.view.ICanvasObjectDescriptor}
-       */
-      static DEFAULT_EDGE_DESCRIPTOR:yfiles.view.ICanvasObjectDescriptor;
-      /**
-       * The immutable instance of the default {@link yfiles.view.ICanvasObjectDescriptor} for {@link yfiles.graph.IPort}s which simply defers to
-       * the port's {@link yfiles.styles.IPortStyle}.
-       * @const
-       * @static
-       * @type {yfiles.view.ICanvasObjectDescriptor}
-       */
-      static DEFAULT_PORT_DESCRIPTOR:yfiles.view.ICanvasObjectDescriptor;
-      /**
-       * The immutable instance of the default {@link yfiles.view.ICanvasObjectDescriptor} for {@link yfiles.graph.ILabel}s which simply defers
-       * to the label's {@link yfiles.styles.ILabelStyle}.
-       * @const
-       * @static
-       * @type {yfiles.view.ICanvasObjectDescriptor}
-       */
-      static DEFAULT_LABEL_DESCRIPTOR:yfiles.view.ICanvasObjectDescriptor;
-      static $class:yfiles.lang.Class;
-    }
-    /**
-     * An implementation of the {@link yfiles.view.IObstacleProvider} interface that uses the {@link yfiles.graph.IGraph#edges edges} and {@link yfiles.graph.IGraph#nodes nodes} of an {@link yfiles.graph.IGraph}
-     * as obstacles.
-     * <p>
-     * The {@link yfiles.view.BridgeManager} then calculates bridges for edge paths that cross these obstacles.
-     * </p>
-     * <p>
-     * This class can be used to add bridge support via the {@link yfiles.view.BridgeManager} to a rendered {@link yfiles.graph.IGraph}.
-     * </p>
-     * @see yfiles.view.BridgeManager#addObstacleProvider
-     * @see yfiles.view.BridgeManager
-     * @see yfiles.view.IObstacleProvider
-     * @class yfiles.view.GraphObstacleProvider
-     * @implements {yfiles.view.IObstacleProvider}
-     */
-    export interface GraphObstacleProvider extends Object,yfiles.view.IObstacleProvider{}
-    export class GraphObstacleProvider {
-      /**
-       * Helper method that retrieves the {@link yfiles.graph.IGraph} to use from the <code>context</code>
-       * <p>
-       * This implementation uses the {@link yfiles.graph.ILookup#lookup} of the {@link yfiles.view.ICanvasContext#canvasComponent} to query the {@link yfiles.graph.IGraph} implementation.
-       * </p>
-       * @param {yfiles.view.IRenderContext} context The context to retrieve the implementation from.
-       * @returns {yfiles.graph.IGraph} The {@link yfiles.graph.IGraph} instance to query or <code>null</code>.
-       * @protected
-       */
-      getGraph(context:yfiles.view.IRenderContext):yfiles.graph.IGraph;
-      /**
-       * Iterates over all {@link yfiles.graph.IGraph#edges} and {@link yfiles.graph.IGraph#nodes} to query an {@link yfiles.view.IObstacleProvider} from the {@link yfiles.graph.IModelItem}'s
-       * {@link yfiles.graph.ILookup#lookup}.
-       * <p>
-       * This method will depending on the {@link yfiles.view.GraphObstacleProvider#queryEdges} and {@link yfiles.view.GraphObstacleProvider#queryNodes} property query the items for an implementation of {@link yfiles.view.IObstacleProvider}
-       * and concatenate all resulting {@link yfiles.geometry.GeneralPath} obstacles into one path that will then be returned.
-       * </p>
-       * @param {yfiles.view.IRenderContext} context The context where the obstacles are queried for.
-       * @returns {yfiles.geometry.GeneralPath} A path that is the concatenated path of all obstacles for the given context.
-       */
-      getObstacles(context:yfiles.view.IRenderContext):yfiles.geometry.GeneralPath;
-      /**
-       * Gets or sets a value indicating whether to query the {@link yfiles.graph.IGraph#edges} for an {@link yfiles.view.IObstacleProvider} implementation.
-       * <p>
-       * The default is <code>true</code>.
-       * </p>
-       * @type {boolean}
-       */
-      queryEdges:boolean;
-      /**
-       * Gets or sets a value indicating whether to query the {@link yfiles.graph.IGraph#nodes} for an {@link yfiles.view.IObstacleProvider} implementation.
-       * @type {boolean}
-       */
-      queryNodes:boolean;
-      static $class:yfiles.lang.Class;
-    }
-    /**
-     * Simple implementation of the {@link yfiles.view.IGraphSelection} interface.
-     * @class yfiles.view.GraphSelection
-     * @implements {yfiles.view.IGraphSelection}
-     */
-    export interface GraphSelection extends Object,yfiles.view.IGraphSelection{}
-    export class GraphSelection {
-      /**
-       * Instantiates an instance using the the graph as the model.
-       * @param {yfiles.graph.IGraph} graph
-       * @constructor
-       */
-      constructor(graph:yfiles.graph.IGraph);
-      /**
-       * Creates a new instance with no initial {@link yfiles.view.GraphSelection#graph} assigned.
-       * <p>
-       * In order to be always in sync with the structural changes in a graph, an instance should be associated with an {@link yfiles.graph.IGraph}
-       * using the {@link yfiles.view.GraphSelection#graph} property.
-       * </p>
-       * @constructor
-       */
-      constructor();
-      /**
-       * 
-       */
-      clear():void;
-      /**
-       * Factory method that creates the {@link yfiles.view.DefaultSelectionModel.<T>} to use for the bends.
-       * @returns {yfiles.view.DefaultSelectionModel.<yfiles.graph.IBend>} 
-       * @protected
-       */
-      createBendSelectionModel():yfiles.view.DefaultSelectionModel<yfiles.graph.IBend>;
-      /**
-       * Factory method that creates the {@link yfiles.view.DefaultSelectionModel.<T>} to use for the edges.
-       * @returns {yfiles.view.DefaultSelectionModel.<yfiles.graph.IEdge>} 
-       * @protected
-       */
-      createEdgeSelectionModel():yfiles.view.DefaultSelectionModel<yfiles.graph.IEdge>;
-      /**
-       * Factory method that creates the {@link yfiles.view.DefaultSelectionModel.<T>} to use for the labels.
-       * @returns {yfiles.view.DefaultSelectionModel.<yfiles.graph.ILabel>} 
-       * @protected
-       */
-      createLabelSelectionModel():yfiles.view.DefaultSelectionModel<yfiles.graph.ILabel>;
-      /**
-       * Factory method that creates the {@link yfiles.view.DefaultSelectionModel.<T>} to use for the nodes.
-       * @returns {yfiles.view.DefaultSelectionModel.<yfiles.graph.INode>} 
-       * @protected
-       */
-      createNodeSelectionModel():yfiles.view.DefaultSelectionModel<yfiles.graph.INode>;
-      /**
-       * Factory method that creates the {@link yfiles.view.DefaultSelectionModel.<T>} to use for the ports.
-       * @returns {yfiles.view.DefaultSelectionModel.<yfiles.graph.IPort>} 
-       * @protected
-       */
-      createPortSelectionModel():yfiles.view.DefaultSelectionModel<yfiles.graph.IPort>;
-      /**
-       * Returns an enumerator that iterates through the collection of all selected elements.
-       * @returns {yfiles.collections.IEnumerator.<yfiles.graph.IModelItem>} An {@link yfiles.collections.IEnumerator.<T>} object that can be used to iterate through all selected elements.
-       */
-      getEnumerator():yfiles.collections.IEnumerator<yfiles.graph.IModelItem>;
-      /**
-       * 
-       * @param {yfiles.graph.IModelItem} item
-       * @returns {boolean} 
-       */
-      isSelected(item:yfiles.graph.IModelItem):boolean;
-      /**
-       * Raises the {@link yfiles.view.GraphSelection#addItemSelectionChangedListener ItemSelectionChanged} event
-       * @param {yfiles.view.ItemSelectionChangedEventArgs.<yfiles.graph.IModelItem>} evt The parameters for the event
-       * @protected
-       */
-      onItemSelectionChanged(evt:yfiles.view.ItemSelectionChangedEventArgs<yfiles.graph.IModelItem>):void;
-      /**
-       * 
-       * @param {yfiles.graph.IModelItem} item
-       * @param {boolean} selected
-       */
-      setSelected(item:yfiles.graph.IModelItem,selected:boolean):void;
-      /**
-       * 
-       * @type {yfiles.view.ISelectionModel.<yfiles.graph.INode>}
-       */
-      selectedNodes:yfiles.view.ISelectionModel<yfiles.graph.INode>;
-      /**
-       * 
-       * @type {yfiles.view.ISelectionModel.<yfiles.graph.IEdge>}
-       */
-      selectedEdges:yfiles.view.ISelectionModel<yfiles.graph.IEdge>;
-      /**
-       * 
-       * @type {yfiles.view.ISelectionModel.<yfiles.graph.ILabel>}
-       */
-      selectedLabels:yfiles.view.ISelectionModel<yfiles.graph.ILabel>;
-      /**
-       * 
-       * @type {yfiles.view.ISelectionModel.<yfiles.graph.IPort>}
-       */
-      selectedPorts:yfiles.view.ISelectionModel<yfiles.graph.IPort>;
-      /**
-       * 
-       * @type {yfiles.view.ISelectionModel.<yfiles.graph.IBend>}
-       */
-      selectedBends:yfiles.view.ISelectionModel<yfiles.graph.IBend>;
-      /**
-       * 
        * @type {number}
        */
-      size:number;
+      scrollAmount:number;
       /**
-       * Gets or sets the {@link yfiles.graph.IGraph} this instance is using as the domain for the selection.
-       * @type {yfiles.graph.IGraph}
+       * Gets the scrolling behavior.
+       * <p>
+       * This is a system setting that only applies to scrolling (not zooming) and can be either
+       * {@link yfiles.view.MouseWheelDeltaMode#LINES}, in which case {@link yfiles.view.MouseEventArgs#scrollAmount} will contain the number of "lines" to scroll with each scroll
+       * wheel notch, or {@link yfiles.view.MouseWheelDeltaMode#PAGE} in which case a single scroll wheel notch should scroll a "page" at
+       * a time.
+       * </p>
+       * @type {yfiles.view.MouseWheelDeltaMode}
        */
-      graph:yfiles.graph.IGraph;
+      deltaMode:yfiles.view.MouseWheelDeltaMode;
       /**
-       * 
-       * @param {function(Object, yfiles.view.ItemSelectionChangedEventArgs.<yfiles.graph.IModelItem>): void} listener
+       * Returns the modifier keys that have changed for this event.
+       * @see yfiles.view.MouseEventArgs#modifiers
+       * @type {yfiles.view.ModifierKeys}
        */
-      addItemSelectionChangedListener(listener:(sender:Object,evt:yfiles.view.ItemSelectionChangedEventArgs<yfiles.graph.IModelItem>)=>void):void;
+      changedModifiers:yfiles.view.ModifierKeys;
       /**
-       * 
-       * @param {function(Object, yfiles.view.ItemSelectionChangedEventArgs.<yfiles.graph.IModelItem>): void} listener
+       * Returns the mouse buttons that have changed for this event.
+       * @see yfiles.view.MouseEventArgs#buttons
+       * @type {yfiles.view.MouseButtons}
        */
-      removeItemSelectionChangedListener(listener:(sender:Object,evt:yfiles.view.ItemSelectionChangedEventArgs<yfiles.graph.IModelItem>)=>void):void;
+      changedButtons:yfiles.view.MouseButtons;
+      /**
+       * The state of the modifier keys at the time of the event creation.
+       * @type {yfiles.view.ModifierKeys}
+       */
+      modifiers:yfiles.view.ModifierKeys;
+      /**
+       * The state of the mouse buttons at the time of the event creation.
+       * @type {yfiles.view.MouseButtons}
+       */
+      buttons:yfiles.view.MouseButtons;
+      /**
+       * Gets the original DOM event associated with this event.
+       * @type {Event}
+       */
+      originalEvent:Event;
+      /**
+       * Gets a value indicating whether the default behaviors for this event have been prevented by a previous call to
+       * {@link yfiles.view.MouseEventArgs#preventDefault}.
+       * @type {boolean}
+       */
+      defaultPrevented:boolean;
+      static $class:yfiles.lang.Class;
+    }
+    export enum MouseWheelDeltaMode{
+      /**
+       * Scrolling should scroll a set number of lines per mouse wheel notch.
+       * @see yfiles.view.MouseEventArgs#scrollAmount
+       */
+      LINES,
+      /**
+       * Scrolling should scroll a single "page" per mouse wheel notch.
+       */
+      PAGE
+    }
+    export enum TouchEventTypes{
+      /**
+       * Not a touch event.
+       */
+      NONE,
+      /**
+       * A pointer has been moved.
+       */
+      MOVE,
+      /**
+       * A touch device went down.
+       */
+      DOWN,
+      /**
+       * A touch device went up.
+       */
+      UP,
+      /**
+       * A touch device has entered the control's bounds.
+       */
+      ENTER,
+      /**
+       * A touch device has exited the control's bounds.
+       */
+      LEAVE,
+      /**
+       * A touch tap has been recognized.
+       * <p>
+       * This is the case if a down has directly been followed by an up.
+       * </p>
+       */
+      TAP,
+      /**
+       * A long press has been recognized.
+       * <p>
+       * This is the case if a down has been held a certain amount of time without a move.
+       * </p>
+       */
+      LONG_PRESS,
+      /**
+       * Touch capture has been lost while the device was down. or sent to the background or similar actions.
+       * <p>
+       * This can be the case if the application or control is minimized
+       * </p>
+       */
+      LOST_CAPTURE
+    }
+    /**
+     * Complex event arguments that is used by the {@link yfiles.view.CanvasComponent} to indicate touch events in world coordinates.
+     * @class
+     * @extends {yfiles.lang.EventArgs}
+     */
+    export interface TouchEventArgs extends yfiles.lang.EventArgs{}
+    export class TouchEventArgs {
+      /**
+       * Constructs a new touch event argument.
+       * @param eventType The type of the event
+       * @param location The position of the touch device in world coordinates at the time of the event
+       * @param device The device the event was triggered by
+       * @param originalEvent
+       */
+      constructor(originalEvent:Event,eventType:yfiles.view.TouchEventTypes,location:yfiles.geometry.Point,device:yfiles.view.TouchDevice);
+      /**
+       * Constructs a new touch event argument.
+       * @param eventType The type of the event
+       * @param location The position of the touch device in world coordinates at the time of the event
+       * @param device The device the event was triggered by
+       * @param tapCount the number of taps this event represents, 2 for a double tap
+       * @param originalEvent
+       */
+      constructor(originalEvent:Event,eventType:yfiles.view.TouchEventTypes,location:yfiles.geometry.Point,device:yfiles.view.TouchDevice,tapCount:number);
+      /**
+       * Sets this event's {@link yfiles.view.TouchEventArgs#defaultPrevented} property to <code>true</code> signalling that the event has been properly handled and any default behaviors should
+       * be prevented.
+       * <p>
+       * This will call the corresponding method on the {@link yfiles.view.TouchEventArgs#originalEvent original native event}.
+       * </p>
+       * @see yfiles.view.TouchEventArgs#defaultPrevented
+       */
+      preventDefault():void;
+      /**
+       * Gets the type of this event.
+       * @type {yfiles.view.TouchEventTypes}
+       */
+      eventType:yfiles.view.TouchEventTypes;
+      /**
+       * Returns the location represented by this event in world coordinates.
+       * @type {yfiles.geometry.Point}
+       */
+      location:yfiles.geometry.Point;
+      /**
+       * Returns the touch device associated with this event.
+       * @type {yfiles.view.TouchDevice}
+       */
+      device:yfiles.view.TouchDevice;
+      /**
+       * Returns the number of taps the current event represents if it is of type {@link yfiles.view.TouchEventTypes#TAP}.
+       * @type {number}
+       */
+      tapCount:number;
+      /**
+       * Gets the original DOM event associated with this event.
+       * @type {Event}
+       */
+      originalEvent:Event;
+      /**
+       * Gets a value indicating whether the default behaviors for this event have been prevented by a previous call to
+       * {@link yfiles.view.TouchEventArgs#preventDefault}.
+       * @type {boolean}
+       */
+      defaultPrevented:boolean;
       static $class:yfiles.lang.Class;
     }
     /**
-     * Manages the selection state of items in an {@link yfiles.graph.IGraph} instance.
-     * <p>
-     * This interface provides access to the {@link yfiles.view.ISelectionModel.<T>} instances that manage the selection of nodes, edges, labels, ports, and bends.
-     * The generic methods that use {@link yfiles.graph.IModelItem} parameters delegate to the corresponding domain-specific selection
-     * models.
-     * </p>
-     * @see yfiles.view.ISelectionModel.<T>
-     * @interface
-     * @implements {yfiles.view.ISelectionModel.<yfiles.graph.IModelItem>}
+     * The representation of a touch point on the screen.
+     * @class
      */
-    export interface IGraphSelection extends Object,yfiles.view.ISelectionModel<yfiles.graph.IModelItem>{
+    export interface TouchDevice extends Object{}
+    export class TouchDevice {
       /**
-       * An {@link yfiles.view.ISelectionModel.<T>} of the selected nodes.
-       * <p>
-       * This is the node part of the selection that this instance is a composite of.
-       * </p>
-       * @abstract
-       * @type {yfiles.view.ISelectionModel.<yfiles.graph.INode>}
+       * Gets the device's index
+       * @type {number}
        */
-      selectedNodes:yfiles.view.ISelectionModel<yfiles.graph.INode>;
+      deviceIndex:number;
       /**
-       * An {@link yfiles.view.ISelectionModel.<T>} of the selected labels.
+       * Gets a value indicating whether this device is the primary one.
        * <p>
-       * This is the label part of the selection that this instance is a composite of.
+       * If {@link yfiles.view.TouchDevice#deviceIndex} is <code>0</code> this property has the value <code>true</code>, otherwise <code>false</code>.
        * </p>
-       * @abstract
-       * @type {yfiles.view.ISelectionModel.<yfiles.graph.ILabel>}
+       * @type {boolean}
        */
-      selectedLabels:yfiles.view.ISelectionModel<yfiles.graph.ILabel>;
+      isPrimaryDevice:boolean;
       /**
-       * An {@link yfiles.view.ISelectionModel.<T>} of the selected edges.
-       * <p>
-       * This is the edge part of the selection that this instance is a composite of.
-       * </p>
-       * @abstract
-       * @type {yfiles.view.ISelectionModel.<yfiles.graph.IEdge>}
+       * Gets the last device coordinate in the view coordinate system.
+       * @type {yfiles.geometry.Point}
        */
-      selectedEdges:yfiles.view.ISelectionModel<yfiles.graph.IEdge>;
+      lastViewCoordinate:yfiles.geometry.Point;
       /**
-       * An {@link yfiles.view.ISelectionModel.<T>} of the selected ports.
-       * <p>
-       * This is the ports part of the selection that this instance is a composite of.
-       * </p>
-       * @abstract
-       * @type {yfiles.view.ISelectionModel.<yfiles.graph.IPort>}
+       * Gets the time of the last {@link yfiles.view.TouchEventArgs event} that was raised by this device.
+       * @type {Date}
        */
-      selectedPorts:yfiles.view.ISelectionModel<yfiles.graph.IPort>;
+      lastEventTimeJS:Date;
       /**
-       * An {@link yfiles.view.ISelectionModel.<T>} of the selected bends.
+       * Indicates if this device is currently down or not.
        * <p>
-       * This is the bend part of the selection that this instance is a composite of.
+       * Default is <code>true</code>.
        * </p>
-       * @abstract
-       * @type {yfiles.view.ISelectionModel.<yfiles.graph.IBend>}
+       * @type {boolean}
        */
-      selectedBends:yfiles.view.ISelectionModel<yfiles.graph.IBend>;
+      isDown:boolean;
+      static $class:yfiles.lang.Class;
     }
-    var IGraphSelection:{
-      $class:yfiles.lang.Class;
-      isInstance(o:Object):boolean;
-    };
     /**
-     * Convenience component implementation that shows an overview of an {@link yfiles.graph.IGraph} contained in another {@link yfiles.view.GraphOverviewComponent#graphComponent}.
-     * <p>
-     * This component uses a {@link yfiles.view.GraphOverviewComponent#graphVisualCreator} to display the graph in a preview mode and an {@link yfiles.view.GraphOverviewComponent#overviewInputMode} to allow for easily navigating in the {@link yfiles.view.GraphOverviewComponent#graphComponent}.
-     * </p>
-     * <p><b>Related demos:</b></p>
-     * <ul>
-     * <li>Demo: SimpleEditorForm, Demo.yFiles.Graph.SimpleEditor</li>
-     * </ul>
-     * @class yfiles.view.GraphOverviewComponent
-     * @extends {yfiles.view.CanvasComponent}
+     * The event argument class that is used by {@link yfiles.view.DragSource#addQueryContinueDragListener QueryContinueDrag}
+     * during drags to query the drag source whether the drag should be continued.
+     * @class
+     * @extends {yfiles.lang.EventArgs}
+     * @final
      */
-    export interface GraphOverviewComponent extends yfiles.view.CanvasComponent{}
-    export class GraphOverviewComponent {
+    export interface QueryContinueDragEventArgs extends yfiles.lang.EventArgs{}
+    export class QueryContinueDragEventArgs {
       /**
-       * Creates a new instance of {@link yfiles.view.GraphOverviewComponent} using the <code>div</code> element that is specified by the <code>selector</code> and
-       * that is optionally bound to the provided {@link yfiles.view.GraphOverviewComponent#graphComponent}.
-       * <p>
-       * If no <code>graphControl</code> is provided, in order for this instance to be useful, either the {@link yfiles.view.GraphOverviewComponent#graphComponent} or the {@link yfiles.view.GraphOverviewComponent#graph} property need to be set.
-       * </p>
-       * @param {yfiles.view.GraphComponent} [graphComponent=null] The {@link yfiles.view.GraphOverviewComponent#graphComponent} to bind this instance to. If omitted, the property needs to be set to initialize the component.
-       * @param {string} selector The CSS selector or id for an existing <code>div</code> element
-       * @constructor
+       * Gets or sets the action.
+       * @type {yfiles.view.DragAction}
        */
-      constructor(selector:string,graphComponent?:yfiles.view.GraphComponent);
+      action:yfiles.view.DragAction;
       /**
-       * Creates a new instance of {@link yfiles.view.GraphOverviewComponent} using the <code>div</code> element that is specified by the <code>selector</code> and
-       * that is optionally bound to the provided {@link yfiles.view.GraphOverviewComponent#graphComponent}.
+       * Gets a value indicating whether the escape key had been pressed.
+       * @type {boolean}
+       */
+      escapePressed:boolean;
+      /**
+       * Gets the current state of the keys.
+       * @type {yfiles.view.DragDropKeyStates}
+       */
+      keyStates:yfiles.view.DragDropKeyStates;
+      /**
+       * Gets or sets a value indicating whether this {@link yfiles.view.QueryContinueDragEventArgs} is handled.
+       * @type {boolean}
+       */
+      handled:boolean;
+      static $class:yfiles.lang.Class;
+    }
+    export enum DragAction{
+      /**
+       * Whether the drag should be continued.
+       */
+      CONTINUE,
+      /**
+       * Whether the drag should be finalized by an immediate drop.
+       */
+      DROP,
+      /**
+       * Whether the drag operation should be canceled.
+       */
+      CANCEL
+    }
+    /**
+     * Helper class for drag and drop support that is used for the source of drag and drop operations.
+     * @class
+     */
+    export interface DragSource extends Object{}
+    export class DragSource {
+      /**
+       * Initializes a new instance of the {@link yfiles.view.DragSource} class setting the {@link yfiles.view.DragSource#source} property to the given element.
+       * @param source The source.
+       */
+      constructor(source:HTMLElement);
+      /**
+       * Cleans up by removing the association with the {@link yfiles.view.DragSource#source} element.
+       */
+      cleanUp():void;
+      /**
+       * Raises the {@link yfiles.view.DragSource#addQueryContinueDragListener QueryContinueDrag} event.
        * <p>
-       * If no <code>graphControl</code> is provided, in order for this instance to be useful, either the {@link yfiles.view.GraphOverviewComponent#graphComponent} or the {@link yfiles.view.GraphOverviewComponent#graph} property need to be set.
+       * If the event is not {@link yfiles.view.QueryContinueDragEventArgs#handled handled}, a default logic will be applied: the drag operation is canceled if the left mouse button is
+       * released or escape has been pressed, otherwise the drag will be {@link yfiles.view.DragAction#CONTINUE continued}.
        * </p>
+       * @param evt The {@link } instance containing the event data.
+       */
+      onQueryContinueDrag(evt:yfiles.view.QueryContinueDragEventArgs):void;
+      /**
+       * Initiates a new drag operation using the provided drag data and effects.
+       * <p>
+       * If <code>useCssCursors</code> is enabled, the following CSS classes are assigned to elements hovered during a drag operation,
+       * depending on the allowed drag-drop operations for these elements:
+       * </p>
+       * <ul>
+       * <li><code>yfiles-cursor-dragdrop-move</code></li>
+       * <li><code>yfiles-cursor-dragdrop-link</code></li>
+       * <li><code>yfiles-cursor-dragdrop-all</code></li>
+       * <li><code>yfiles-cursor-dragdrop-no-drop</code></li>
+       * </ul>
+       * @param dragData The data to use for the drag.
+       * @param [dragDropEffects=yfiles.view.DragDropEffects.ALL] The allowed effects.
+       * @param [useCssCursors=true] Whether to adjust the classes of elements being hovered over during the drag. The default is <code>true</code>.
+       */
+      startDrag(dragData:yfiles.view.DragDropItem,dragDropEffects?:yfiles.view.DragDropEffects,useCssCursors?:boolean):void;
+      /**
+       * Initiates a new drag operation using the provided drag data and effects.
+       * <p>
+       * If <code>useCssCursors</code> is enabled, the following CSS classes are assigned to elements hovered during a drag operation,
+       * depending on the allowed drag-drop operations for these elements:
+       * </p>
+       * <ul>
+       * <li><code>yfiles-cursor-dragdrop-move</code></li>
+       * <li><code>yfiles-cursor-dragdrop-link</code></li>
+       * <li><code>yfiles-cursor-dragdrop-all</code></li>
+       * <li><code>yfiles-cursor-dragdrop-no-drop</code></li>
+       * </ul>
        * @param {Object} options The parameters to pass.
-       * @param {yfiles.view.GraphComponent} [options.graphComponent=null] The {@link yfiles.view.GraphOverviewComponent#graphComponent} to bind this instance to. If omitted, the property needs to be set to initialize the component.
-       * @param {string} options.selector The CSS selector or id for an existing <code>div</code> element
-       * @param {boolean} options.svgRendering A value indicating whether the graph is rendered using SVG rendering.
-       * <p>
-       * This option sets the {@link yfiles.view.GraphOverviewComponent#svgRendering} property on the created object.
-       * </p>
-       * @constructor
+       * @param options.dragData The data to use for the drag.
+       * @param [options.dragDropEffects=yfiles.view.DragDropEffects.ALL] The allowed effects.
+       * @param [options.useCssCursors=true] Whether to adjust the classes of elements being hovered over during the drag. The default is <code>true</code>.
        */
-      constructor(options:{selector:string,graphComponent?:yfiles.view.GraphComponent,svgRendering?:boolean});
+      startDrag(options:{dragData:yfiles.view.DragDropItem,dragDropEffects?:yfiles.view.DragDropEffects,useCssCursors?:boolean}):void;
       /**
-       * Creates a new instance of {@link yfiles.view.GraphOverviewComponent} using the <code>div</code> element that is optionally bound to the
-       * provided {@link yfiles.view.GraphOverviewComponent#graphComponent}.
+       * Adds the given listener for the <code>QueryContinueDrag</code> event that occurs when the state of the {@link yfiles.view.DragDropKeyStates}
+       * has changed to query the source whether the drag operation should be continued.
        * <p>
-       * If no <code>graphControl</code> is provided, in order for this instance to be useful, either the {@link yfiles.view.GraphOverviewComponent#graphComponent} or the {@link yfiles.view.GraphOverviewComponent#graph} property need to be set.
+       * Handlers should adjust the {@link yfiles.view.QueryContinueDragEventArgs#handled} and {@link yfiles.view.QueryContinueDragEventArgs#action} properties accordingly.
        * </p>
-       * @param {HTMLDivElement} div The div element to use for holding the canvas.
-       * @param {yfiles.view.GraphComponent} [graphComponent=null] The optional graph control to {@link yfiles.view.GraphOverviewComponent#graphComponent bind} this instance to. If omitted, the property needs to be set to initialize the
-       * component.
-       * @constructor
+       * @param listener The listener to add.
+       * @see yfiles.view.DragSource#removeQueryContinueDragListener
        */
-      constructor(div:HTMLDivElement,graphComponent?:yfiles.view.GraphComponent);
+      addQueryContinueDragListener(listener:(sender:Object,evt:yfiles.view.QueryContinueDragEventArgs)=>void):void;
       /**
-       * Creates a new instance of {@link yfiles.view.GraphOverviewComponent} using the <code>div</code> element that is optionally bound to the
-       * provided {@link yfiles.view.GraphOverviewComponent#graphComponent}.
+       * Removes the given listener for the <code>QueryContinueDrag</code> event that occurs when the state of the {@link yfiles.view.DragDropKeyStates}
+       * has changed to query the source whether the drag operation should be continued.
        * <p>
-       * If no <code>graphControl</code> is provided, in order for this instance to be useful, either the {@link yfiles.view.GraphOverviewComponent#graphComponent} or the {@link yfiles.view.GraphOverviewComponent#graph} property need to be set.
+       * Handlers should adjust the {@link yfiles.view.QueryContinueDragEventArgs#handled} and {@link yfiles.view.QueryContinueDragEventArgs#action} properties accordingly.
        * </p>
-       * @param {Object} options The parameters to pass.
-       * @param {HTMLDivElement} options.div The div element to use for holding the canvas.
-       * @param {yfiles.view.GraphComponent} [options.graphComponent=null] The optional graph control to {@link yfiles.view.GraphOverviewComponent#graphComponent bind} this instance to. If omitted, the property needs to be set to initialize the
-       * component.
-       * @param {boolean} options.svgRendering A value indicating whether the graph is rendered using SVG rendering.
+       * @param listener The listener to remove.
+       * @see yfiles.view.DragSource#addQueryContinueDragListener
+       */
+      removeQueryContinueDragListener(listener:(sender:Object,evt:yfiles.view.QueryContinueDragEventArgs)=>void):void;
+      /**
+       * Gets or sets the source element from which drags can originate.
        * <p>
-       * This option sets the {@link yfiles.view.GraphOverviewComponent#svgRendering} property on the created object.
+       * If the {@link yfiles.view.DragSource#allowDrag} property is enabled, this will automatically register mouse event handlers on the element that will recognize
+       * default drag gestures (press followed by drag) to {@link yfiles.view.DragSource#startDrag initiate a drag and drop operation}.
        * </p>
-       * @constructor
+       * @default null
+       * @type {HTMLElement}
        */
-      constructor(options:{div:HTMLDivElement,graphComponent?:yfiles.view.GraphComponent,svgRendering?:boolean});
+      source:HTMLElement;
       /**
-       * Creates a new instance that is optionally bound to the provided {@link yfiles.view.GraphOverviewComponent#graphComponent}.
-       * <p>
-       * This constructor creates a new {@link yfiles.view.CanvasComponent#div} element that needs to be added to the DOM manually. If no <code>graphControl</code> is provided, in
-       * order for this instance to be useful, either the {@link yfiles.view.GraphOverviewComponent#graphComponent} or the {@link yfiles.view.GraphOverviewComponent#graph} property need to be set.
-       * </p>
-       * @param {yfiles.view.GraphComponent} [graphComponent=null] The {@link yfiles.view.GraphOverviewComponent#graphComponent} to bind this instance to. If omitted, the property needs to be set to initialize the component.
-       * @constructor
-       */
-      constructor(graphComponent?:yfiles.view.GraphComponent);
-      /**
-       * Creates a new instance that is optionally bound to the provided {@link yfiles.view.GraphOverviewComponent#graphComponent}.
-       * <p>
-       * This constructor creates a new {@link yfiles.view.CanvasComponent#div} element that needs to be added to the DOM manually. If no <code>graphControl</code> is provided, in
-       * order for this instance to be useful, either the {@link yfiles.view.GraphOverviewComponent#graphComponent} or the {@link yfiles.view.GraphOverviewComponent#graph} property need to be set.
-       * </p>
-       * @param {Object} options The parameters to pass.
-       * @param {yfiles.view.GraphComponent} [options.graphComponent=null] The {@link yfiles.view.GraphOverviewComponent#graphComponent} to bind this instance to. If omitted, the property needs to be set to initialize the component.
-       * @param {boolean} options.svgRendering A value indicating whether the graph is rendered using SVG rendering.
-       * <p>
-       * This option sets the {@link yfiles.view.GraphOverviewComponent#svgRendering} property on the created object.
-       * </p>
-       * @constructor
-       */
-      constructor(options:{graphComponent?:yfiles.view.GraphComponent,svgRendering?:boolean});
-      /**
-       * Factory method that creates the {@link yfiles.view.IVisualCreator} that renders the preview of the graph in a HTML canvas
-       * element.
-       * @param {yfiles.graph.IGraph} graph The graph to draw.
-       * @returns {yfiles.view.IVisualCreator} An {@link yfiles.view.IVisualCreator} that creates HTML canvas rendering.
-       * @protected
-       */
-      createCanvasVisualCreator(graph:yfiles.graph.IGraph):yfiles.view.IVisualCreator;
-      /**
-       * Factory method that creates the {@link yfiles.view.IVisualCreator} that renders the preview of the graph in SVG.
-       * @param {yfiles.graph.IGraph} graph The graph to draw.
-       * @returns {yfiles.view.IVisualCreator} An {@link yfiles.view.IVisualCreator} that creates SVG.
-       * @protected
-       */
-      createSvgVisualCreator(graph:yfiles.graph.IGraph):yfiles.view.IVisualCreator;
-      /**
-       * Gets or sets a value indicating whether the graph is rendered using SVG rendering.
+       * Gets or sets a value indicating whether default drag gestures should be automatically recognized on the {@link yfiles.view.DragSource#source}.
        * @default false
        * @type {boolean}
        */
-      svgRendering:boolean;
+      allowDrag:boolean;
       /**
-       * Gets the {@link yfiles.styles.GraphOverviewSvgVisualCreator} that is used to render the over view graph.
-       * @type {yfiles.view.IVisualCreator}
+       * Gets or sets the data that will be used for the {@link yfiles.view.DragSource#allowDrag automatic drag operation}.
+       * <p>
+       * If this data is not a {@link yfiles.view.DragDropItem}, the {@link yfiles.input.DropInputMode expected format} of the automatic drag operation will be <code>code</code>.
+       * </p>
+       * @default null
+       * @type {Object}
        */
-      graphVisualCreator:yfiles.view.IVisualCreator;
+      item:Object;
       /**
-       * Gets the {@link yfiles.input.IInputMode} that is used to navigate the client control.
-       * @type {yfiles.input.OverviewInputMode}
+       * Gets or sets the {@link yfiles.view.DragSource#effectAllowed} that will be used for the {@link yfiles.view.DragSource#allowDrag automatic drag operation}.
+       * @default yfiles.view.DragDropEffects.ALL
+       * @type {yfiles.view.DragDropEffects}
        */
-      overviewInputMode:yfiles.input.OverviewInputMode;
-      /**
-       * Gets or sets the graph that is rendered in the overview.
-       * @type {yfiles.graph.IGraph}
-       */
-      graph:yfiles.graph.IGraph;
-      /**
-       * Gets or sets the client component, that will be used to retrieve the graph from and that will be used for navigating.
-       * @type {yfiles.view.GraphComponent}
-       */
-      graphComponent:yfiles.view.GraphComponent;
+      effectAllowed:yfiles.view.DragDropEffects;
       static $class:yfiles.lang.Class;
     }
     /**
-     * An implementation of the {@link yfiles.view.ICanvasObjectInstaller} interface that can decorate the visual appearence of an
-     * {@link yfiles.graph.IEdge}.
-     * <p>
-     * This will install an {@link yfiles.view.ICanvasObject} during {@link yfiles.view.ICanvasObjectInstaller#addCanvasObject installation}, that will render the path and the bends of an edge
-     * using a {@link yfiles.view.EdgeDecorationInstaller#getStroke pen} for the path and a {@link yfiles.view.EdgeDecorationInstaller#getBendDrawing drawing} for the bends.
-     * </p>
-     * @class yfiles.view.EdgeDecorationInstaller
-     * @implements {yfiles.view.ISelectionIndicatorInstaller}
-     * @implements {yfiles.view.IHighlightIndicatorInstaller}
-     * @implements {yfiles.view.IFocusIndicatorInstaller}
+     * Helper class that plays the role of the target during a drag and drop operation that is initiated using {@link yfiles.view.DragSource#startDrag}
+     * in a {@link yfiles.view.DragSource}.
+     * @class
      */
-    export interface EdgeDecorationInstaller extends Object,yfiles.view.ISelectionIndicatorInstaller,yfiles.view.IHighlightIndicatorInstaller,yfiles.view.IFocusIndicatorInstaller{}
-    export class EdgeDecorationInstaller {
+    export interface DropTarget extends Object{}
+    export class DropTarget {
       /**
-       * Installs a rendering for the <code>item</code> if it is an {@link yfiles.graph.IEdge} that will use the {@link yfiles.view.EdgeDecorationInstaller#getBendDrawing}
-       * and {@link yfiles.view.EdgeDecorationInstaller#getStroke} to render the path and bends.
-       * @param {yfiles.view.ICanvasContext} context The canvas context.
-       * @param {yfiles.view.ICanvasObjectGroup} group The {@link yfiles.view.ICanvasObjectGroup} to add the new canvas object to.
-       * @param {Object} item The item to install.
-       * @returns {yfiles.view.ICanvasObject} The canvas object representing the item.
-       */
-      addCanvasObject(context:yfiles.view.ICanvasContext,group:yfiles.view.ICanvasObjectGroup,item:Object):yfiles.view.ICanvasObject;
-      /**
-       * Callback method that retrieves the drawing of the bend for the context.
+       * Initializes a new instance of the {@link yfiles.view.DropTarget} class.
        * <p>
-       * This implementation will use the {@link yfiles.view.EdgeSelectionIndicatorInstaller#BEND_TEMPLATE_KEY} resource to find a {@link yfiles.view.IVisualTemplate}
-       * instance. If <code>null</code> is yielded, a default drawing will be used.
+       * In order to make the instance available to the drag and drop mechanisms, the {@link yfiles.view.DropTarget#setDropTarget} helper
+       * method should be used. If the optional <code>element</code> is passed in, it will automatically be registered.
        * </p>
-       * @param {yfiles.view.CanvasComponent} canvas The canvas for which the drawing shall be returned.
-       * @param {yfiles.graph.IEdge} edge The edge for which the rendering will be used.
-       * @returns {yfiles.view.IVisualTemplate} The drawing instance to use for the rendering of the bends in the given context.
-       * @protected
-       * @abstract
+       * @param [element=null] The element to optionally {@link #setDropTarget associate} with the new instance.
+       * @see yfiles.view.DropTarget#setDropTarget
+       * @see yfiles.view.DropTarget#getDropTarget
        */
-      getBendDrawing(canvas:yfiles.view.CanvasComponent,edge:yfiles.graph.IEdge):yfiles.view.IVisualTemplate;
+      constructor(element?:Element);
       /**
-       * Callback method that retrieves the {@link yfiles.view.Stroke} for the context.
-       * <p>
-       * This implementation will use the {@link yfiles.view.EdgeSelectionIndicatorInstaller#STROKE_KEY} resource to find a {@link yfiles.view.Stroke}
-       * instance. If <code>null</code> is yielded, a default {@link yfiles.view.Stroke} will be used.
-       * </p>
-       * @param {yfiles.graph.IEdge} edge The edge for which the rendering will be used.
-       * @param {yfiles.view.CanvasComponent} canvas The canvas for which the {@link yfiles.view.Stroke} shall be returned.
-       * @returns {yfiles.view.Stroke} The {@link yfiles.view.Stroke} instance to use for the rendering of the edge in the given context.
-       * @protected
-       * @abstract
-       */
-      getStroke(canvas:yfiles.view.CanvasComponent,edge:yfiles.graph.IEdge):yfiles.view.Stroke;
-      static $class:yfiles.lang.Class;
-    }
-    /**
-     * An implementation of the {@link yfiles.view.ICanvasObjectInstaller} interface that can install the selection outline of an
-     * {@link yfiles.graph.IEdge}.
-     * <p>
-     * This will {@link yfiles.view.EdgeDecorationInstaller#addCanvasObject install} an {@link yfiles.view.ICanvasObject} that will render the path and the bends of an edge using a {@link yfiles.view.EdgeSelectionIndicatorInstaller#getStroke pen} for the
-     * path and a {@link yfiles.view.EdgeSelectionIndicatorInstaller#getBendDrawing drawing} for the bends.
-     * </p>
-     * @class yfiles.view.EdgeSelectionIndicatorInstaller
-     * @extends {yfiles.view.EdgeDecorationInstaller}
-     */
-    export interface EdgeSelectionIndicatorInstaller extends yfiles.view.EdgeDecorationInstaller{}
-    export class EdgeSelectionIndicatorInstaller {
-      constructor();
-      /**
-       * A {@link string} that will be used to find the {@link yfiles.view.Stroke} that will be used to draw the path of the edge.
-       * @const
+       * Gets the {@link yfiles.view.DropTarget} instance associated with the given element.
+       * @param element The element to get the drop target instance of.
+       * @returns The associated instance or <code>null</code>.
+       * @see yfiles.view.DropTarget#setDropTarget
        * @static
-       * @type {string}
        */
-      static STROKE_KEY:string;
+      static getDropTarget(element:Element):yfiles.view.DropTarget;
       /**
-       * A {@link string} that will be used to find the {@link yfiles.view.IVisualTemplate} that will be used to draw the bends of the edge.
-       * @const
+       * Sets the drop target for the given element.
+       * @param element The element or <code>null</code> to register the drop target instance with.
+       * @param dropTarget The instance to attach to the element, <code>null</code> to remove the association from the element.
+       * @see yfiles.view.DropTarget#getDropTarget
        * @static
-       * @type {string}
        */
-      static BEND_TEMPLATE_KEY:string;
+      static setDropTarget(element:Element,dropTarget:yfiles.view.DropTarget):void;
+      /**
+       * Adds the given listener for the <code>DragEnter</code> event that occurs when a drag enters the drop target.
+       * <p>
+       * The handler may adjust the {@link yfiles.view.DragEventArgs#dropEffect} and call {@link yfiles.view.DragEventArgs#handled}.
+       * </p>
+       * @param listener The listener to add.
+       * @see yfiles.view.DropTarget#removeDragEnterListener
+       */
+      addDragEnterListener(listener:(sender:Object,evt:yfiles.view.DragEventArgs)=>void):void;
+      /**
+       * Removes the given listener for the <code>DragEnter</code> event that occurs when a drag enters the drop target.
+       * <p>
+       * The handler may adjust the {@link yfiles.view.DragEventArgs#dropEffect} and call {@link yfiles.view.DragEventArgs#handled}.
+       * </p>
+       * @param listener The listener to remove.
+       * @see yfiles.view.DropTarget#addDragEnterListener
+       */
+      removeDragEnterListener(listener:(sender:Object,evt:yfiles.view.DragEventArgs)=>void):void;
+      /**
+       * Adds the given listener for the <code>DragLeave</code> event that occurs when a drag leaves the drop target.
+       * <p>
+       * The handler may adjust the {@link yfiles.view.DragEventArgs#dropEffect} and call {@link yfiles.view.DragEventArgs#handled}.
+       * </p>
+       * @param listener The listener to add.
+       * @see yfiles.view.DropTarget#removeDragLeaveListener
+       */
+      addDragLeaveListener(listener:(sender:Object,evt:yfiles.view.DragEventArgs)=>void):void;
+      /**
+       * Removes the given listener for the <code>DragLeave</code> event that occurs when a drag leaves the drop target.
+       * <p>
+       * The handler may adjust the {@link yfiles.view.DragEventArgs#dropEffect} and call {@link yfiles.view.DragEventArgs#handled}.
+       * </p>
+       * @param listener The listener to remove.
+       * @see yfiles.view.DropTarget#addDragLeaveListener
+       */
+      removeDragLeaveListener(listener:(sender:Object,evt:yfiles.view.DragEventArgs)=>void):void;
+      /**
+       * Adds the given listener for the <code>DragOver</code> event that occurs when a drag is being performed over the drop target.
+       * <p>
+       * The handler may adjust the {@link yfiles.view.DragEventArgs#dropEffect} and call {@link yfiles.view.DragEventArgs#handled}.
+       * </p>
+       * @param listener The listener to add.
+       * @see yfiles.view.DropTarget#removeDragOverListener
+       */
+      addDragOverListener(listener:(sender:Object,evt:yfiles.view.DragEventArgs)=>void):void;
+      /**
+       * Removes the given listener for the <code>DragOver</code> event that occurs when a drag is being performed over the drop target.
+       * <p>
+       * The handler may adjust the {@link yfiles.view.DragEventArgs#dropEffect} and call {@link yfiles.view.DragEventArgs#handled}.
+       * </p>
+       * @param listener The listener to remove.
+       * @see yfiles.view.DropTarget#addDragOverListener
+       */
+      removeDragOverListener(listener:(sender:Object,evt:yfiles.view.DragEventArgs)=>void):void;
+      /**
+       * Adds the given listener for the <code>Drop</code> event that occurs when the drop operation is performed on the drop target.
+       * <p>
+       * The handler may adjust the {@link yfiles.view.DragEventArgs#dropEffect} and call {@link yfiles.view.DragEventArgs#handled}.
+       * </p>
+       * @param listener The listener to add.
+       * @see yfiles.view.DropTarget#removeDropListener
+       */
+      addDropListener(listener:(sender:Object,evt:yfiles.view.DragEventArgs)=>void):void;
+      /**
+       * Removes the given listener for the <code>Drop</code> event that occurs when the drop operation is performed on the drop target.
+       * <p>
+       * The handler may adjust the {@link yfiles.view.DragEventArgs#dropEffect} and call {@link yfiles.view.DragEventArgs#handled}.
+       * </p>
+       * @param listener The listener to remove.
+       * @see yfiles.view.DropTarget#addDropListener
+       */
+      removeDropListener(listener:(sender:Object,evt:yfiles.view.DragEventArgs)=>void):void;
+      /**
+       * Gets or sets a value indicating whether dropping to this target is currently allowed.
+       * @type {boolean}
+       */
+      allowDrop:boolean;
       static $class:yfiles.lang.Class;
     }
-    /**
-     * An specialized subclass of the {@link yfiles.view.EdgeSelectionIndicatorInstaller} that can install the focus indicator of an
-     * {@link yfiles.graph.IEdge}.
-     * <p>
-     * This will {@link yfiles.view.EdgeDecorationInstaller#addCanvasObject install} an {@link yfiles.view.ICanvasObject} that will render the path and the bends of an edge using a {@link yfiles.view.EdgeFocusIndicatorInstaller#getStroke pen} for the
-     * path and a {@link yfiles.view.EdgeFocusIndicatorInstaller#getBendDrawing drawing} for the bends.
-     * </p>
-     * @class yfiles.view.EdgeFocusIndicatorInstaller
-     * @extends {yfiles.view.EdgeDecorationInstaller}
-     */
-    export interface EdgeFocusIndicatorInstaller extends yfiles.view.EdgeDecorationInstaller{}
-    export class EdgeFocusIndicatorInstaller {
-      constructor();
-      /**
-       * A {@link string} that will be used to find the {@link yfiles.view.Stroke} that will be used to draw the path of the edge.
-       * @const
-       * @static
-       * @type {string}
-       */
-      static STROKE_KEY:string;
-      /**
-       * A {@link string} that will be used to find the DataTemplate that will be used to draw the bends of the edge.
-       * @const
-       * @static
-       * @type {string}
-       */
-      static BEND_TEMPLATE_KEY:string;
-      static $class:yfiles.lang.Class;
-    }
-    /**
-     * An specialized subclass of the {@link yfiles.view.EdgeSelectionIndicatorInstaller} that can install the highlight rendering of
-     * an {@link yfiles.graph.IEdge}.
-     * <p>
-     * This will {@link yfiles.view.EdgeDecorationInstaller#addCanvasObject install} an {@link yfiles.view.ICanvasObject} that will render the path and the bends of an edge using a {@link yfiles.view.EdgeHighlightIndicatorInstaller#getStroke pen} for the
-     * path and a {@link yfiles.view.EdgeHighlightIndicatorInstaller#getBendDrawing drawing} for the bends.
-     * </p>
-     * @class yfiles.view.EdgeHighlightIndicatorInstaller
-     * @extends {yfiles.view.EdgeDecorationInstaller}
-     */
-    export interface EdgeHighlightIndicatorInstaller extends yfiles.view.EdgeDecorationInstaller{}
-    export class EdgeHighlightIndicatorInstaller {
-      constructor();
-      /**
-       * A {@link string} that will be used to find the {@link yfiles.view.Stroke} that will be used to draw the path of the edge.
-       * @const
-       * @static
-       * @type {string}
-       */
-      static STROKE_KEY:string;
-      /**
-       * A {@link string} that will be used to find the DataTemplate that will be used to draw the bends of the edge.
-       * @const
-       * @static
-       * @type {string}
-       */
-      static BEND_TEMPLATE_KEY:string;
-      static $class:yfiles.lang.Class;
-    }
-    /**
-     * Allows the use of an {@link yfiles.styles.IEdgeStyle} to render the selection, highlight or focus indicator of edges.
-     * <p>
-     * The {@link yfiles.view.EdgeStyleDecorationInstaller#zoomPolicy} property defines how the zoom level affects the rendering of the indicator. It can either scale according to the
-     * zoom level similar to regular graph items or have always to same thickness regardless of the zoom, similar to the
-     * default yFiles indicators.
-     * </p>
-     * @see yfiles.view.NodeStyleDecorationInstaller
-     * @see yfiles.view.LabelStyleDecorationInstaller
-     * @class yfiles.view.EdgeStyleDecorationInstaller
-     * @implements {yfiles.view.ISelectionIndicatorInstaller}
-     * @implements {yfiles.view.IHighlightIndicatorInstaller}
-     * @implements {yfiles.view.IFocusIndicatorInstaller}
-     */
-    export interface EdgeStyleDecorationInstaller extends Object,yfiles.view.ISelectionIndicatorInstaller,yfiles.view.IHighlightIndicatorInstaller,yfiles.view.IFocusIndicatorInstaller{}
-    export class EdgeStyleDecorationInstaller {
-      /**
-       * Create a new instance of this class.
-       * @constructor
-       */
-      constructor();
-      /**
-       * Installs a rendering for the <code>item</code> if it is an {@link yfiles.graph.IEdge}.
-       * @param {yfiles.view.ICanvasContext} context The canvas context.
-       * @param {yfiles.view.ICanvasObjectGroup} group The canvas object group to add the newly created {@link yfiles.view.ICanvasObject} to.
-       * @param {Object} item The item to install.
-       * @returns {yfiles.view.ICanvasObject} The canvas object representing the item.
-       */
-      addCanvasObject(context:yfiles.view.ICanvasContext,group:yfiles.view.ICanvasObjectGroup,item:Object):yfiles.view.ICanvasObject;
-      /**
-       * Specifies how the style is affected by the current zoom level.
-       * <p>
-       * Changes of the value of this property are propagated to all styles created by this instance and become immediately
-       * visible.
-       * </p>
-       * @type {yfiles.view.StyleDecorationZoomPolicy}
-       */
-      zoomPolicy:yfiles.view.StyleDecorationZoomPolicy;
-      /**
-       * The style to use for the rendering.
-       * <p>
-       * Changes of the value of this property are <b>not</b> propagated to already created styles.
-       * </p>
-       * @type {yfiles.styles.IEdgeStyle}
-       */
-      edgeStyle:yfiles.styles.IEdgeStyle;
-      static $class:yfiles.lang.Class;
-    }
-    /**
-     * An {@link yfiles.view.IVisualCreator} for use in a {@link yfiles.view.CanvasComponent} that renders a {@link yfiles.graph.IGraph} instance in a
-     * sloppy overview style.
-     * @class yfiles.view.GraphOverviewCanvasVisualCreator
-     * @implements {yfiles.view.IVisualCreator}
-     */
-    export interface GraphOverviewCanvasVisualCreator extends Object,yfiles.view.IVisualCreator{}
-    export class GraphOverviewCanvasVisualCreator {
-      /**
-       * Creates a new instance for the given graph.
-       * @param {yfiles.graph.IGraph} graph
-       * @constructor
-       */
-      constructor(graph:yfiles.graph.IGraph);
-      /**
-       * Callback that paints the specified <code>edge</code>.
-       * @param {yfiles.view.IRenderContext} renderContext
-       * @param {CanvasRenderingContext2D} ctx
-       * @param {yfiles.graph.IEdge} edge
-       * @protected
-       */
-      paintEdge(renderContext:yfiles.view.IRenderContext,ctx:CanvasRenderingContext2D,edge:yfiles.graph.IEdge):void;
-      /**
-       * Callback method that paints the specified <code>node</code>.
-       * @param {yfiles.view.IRenderContext} renderContext
-       * @param {CanvasRenderingContext2D} ctx
-       * @param {yfiles.graph.INode} node
-       * @protected
-       */
-      paintGroupNode(renderContext:yfiles.view.IRenderContext,ctx:CanvasRenderingContext2D,node:yfiles.graph.INode):void;
-      /**
-       * Callback method that paints the specified <code>node</code>.
-       * @param {yfiles.view.IRenderContext} renderContext
-       * @param {CanvasRenderingContext2D} ctx
-       * @param {yfiles.graph.INode} node
-       * @protected
-       */
-      paintNode(renderContext:yfiles.view.IRenderContext,ctx:CanvasRenderingContext2D,node:yfiles.graph.INode):void;
-      static $class:yfiles.lang.Class;
-    }
-    /**
-     * Allows the use of an {@link yfiles.styles.ILabelStyle} to render the selection, highlight or focus indicator of labels.
-     * <p>
-     * The {@link yfiles.view.LabelStyleDecorationInstaller#zoomPolicy} property defines how the zoom level affects the rendering of the indicator. It can either scale according to the
-     * zoom level similar to regular graph items or have always to same thickness regardless of the zoom, similar to the
-     * default yFiles indicators.
-     * </p>
-     * @see yfiles.view.EdgeStyleDecorationInstaller
-     * @see yfiles.view.NodeStyleDecorationInstaller
-     * @class yfiles.view.LabelStyleDecorationInstaller
-     * @implements {yfiles.view.ISelectionIndicatorInstaller}
-     * @implements {yfiles.view.IHighlightIndicatorInstaller}
-     * @implements {yfiles.view.IFocusIndicatorInstaller}
-     */
-    export interface LabelStyleDecorationInstaller extends Object,yfiles.view.ISelectionIndicatorInstaller,yfiles.view.IHighlightIndicatorInstaller,yfiles.view.IFocusIndicatorInstaller{}
-    export class LabelStyleDecorationInstaller {
-      /**
-       * Create a new instance of this class.
-       * @constructor
-       */
-      constructor();
-      /**
-       * Installs a rendering for the <code>item</code> if it is an {@link yfiles.graph.ILabel}.
-       * @param {yfiles.view.ICanvasContext} context The canvas context.
-       * @param {yfiles.view.ICanvasObjectGroup} group The canvas object group to add the newly created canvas object to.
-       * @param {Object} item The item to install.
-       * @returns {yfiles.view.ICanvasObject} The canvas object representing the item.
-       */
-      addCanvasObject(context:yfiles.view.ICanvasContext,group:yfiles.view.ICanvasObjectGroup,item:Object):yfiles.view.ICanvasObject;
-      /**
-       * Specifies how the style is affected by the current zoom level.
-       * <p>
-       * Changes of the value of this property are propagated to all styles created by this instance and become immediately
-       * visible.
-       * </p>
-       * @type {yfiles.view.StyleDecorationZoomPolicy}
-       */
-      zoomPolicy:yfiles.view.StyleDecorationZoomPolicy;
-      /**
-       * Specifies the margin around the label layout.
-       * <p>
-       * Actually, the bounds rendered by the style is the original label layout enlarged by this margin.
-       * </p>
-       * <p>
-       * Changes of the value of this property are propagated to all styles created by this instance and become immediately
-       * visible.
-       * </p>
-       * @type {yfiles.geometry.Insets}
-       */
-      margin:yfiles.geometry.Insets;
-      /**
-       * The style to use for the rendering.
-       * <p>
-       * Changes of the value of this property are <b>not</b> propagated to already created styles.
-       * </p>
-       * @type {yfiles.styles.ILabelStyle}
-       */
-      labelStyle:yfiles.styles.ILabelStyle;
-      static $class:yfiles.lang.Class;
-    }
-    /**
-     * Allows the use of an {@link yfiles.styles.INodeStyle} to render the selection, highlight or focus indicator of nodes.
-     * <p>
-     * The {@link yfiles.view.NodeStyleDecorationInstaller#zoomPolicy} property defines how the zoom level affects the rendering of the indicator. It can either scale according to the
-     * zoom level similar to regular graph items or have always to same thickness regardless of the zoom, similar to the
-     * default yFiles indicators.
-     * </p>
-     * @see yfiles.view.EdgeStyleDecorationInstaller
-     * @see yfiles.view.LabelStyleDecorationInstaller
-     * @class yfiles.view.NodeStyleDecorationInstaller
-     * @implements {yfiles.view.ISelectionIndicatorInstaller}
-     * @implements {yfiles.view.IHighlightIndicatorInstaller}
-     * @implements {yfiles.view.IFocusIndicatorInstaller}
-     */
-    export interface NodeStyleDecorationInstaller extends Object,yfiles.view.ISelectionIndicatorInstaller,yfiles.view.IHighlightIndicatorInstaller,yfiles.view.IFocusIndicatorInstaller{}
-    export class NodeStyleDecorationInstaller {
-      /**
-       * Create a new instance of this class.
-       * @constructor
-       */
-      constructor();
-      /**
-       * Installs a rendering for the <code>item</code> if it is an {@link yfiles.graph.INode}.
-       * @param {yfiles.view.ICanvasContext} context The canvas context.
-       * @param {yfiles.view.ICanvasObjectGroup} group The canvas object group to add the newly created canvas object to.
-       * @param {Object} item The item to install.
-       * @returns {yfiles.view.ICanvasObject} The canvas object representing the item.
-       */
-      addCanvasObject(context:yfiles.view.ICanvasContext,group:yfiles.view.ICanvasObjectGroup,item:Object):yfiles.view.ICanvasObject;
-      /**
-       * Specifies how the style is affected by the current zoom level.
-       * <p>
-       * Changes of the value of this property are propagated to all styles created by this instance and become immediately
-       * visible.
-       * </p>
-       * @type {yfiles.view.StyleDecorationZoomPolicy}
-       */
-      zoomPolicy:yfiles.view.StyleDecorationZoomPolicy;
-      /**
-       * Specifies the margin around the node layout.
-       * <p>
-       * Actually, the bounds rendered by the style is the original node layout enlarged by this margin.
-       * </p>
-       * <p>
-       * Changes of the value of this property are propagated to all styles created by this instance and become immediately
-       * visible.
-       * </p>
-       * @type {yfiles.geometry.Insets}
-       */
-      margin:yfiles.geometry.Insets;
-      /**
-       * The style to use for the rendering.
-       * <p>
-       * Changes of the value of this property are <b>not</b> propagated to already created styles.
-       * </p>
-       * @type {yfiles.styles.INodeStyle}
-       */
-      nodeStyle:yfiles.styles.INodeStyle;
-      static $class:yfiles.lang.Class;
-    }
-    export enum StyleDecorationZoomPolicy{
-      /**
-       * The visual is rendered in the view coordinate space and doesn't scale with the zoom level.
-       * <p>
-       * This is similar to the default node resize handles, for example.
-       * </p>
-       */
-      VIEW_COORDINATES,
-      /**
-       * The visual is rendered in the world coordinate space and scales with the zoom level like a regular graph item
-       * visualization, for example a node style.
-       */
-      WORLD_COORDINATES,
-      /**
-       * Uses WorldCoordinates rendering for zoom level >= 1 and ViewCoordinates rendering for zoom level &lt; 1.
-       */
-      MIXED
-    }
     /**
      * An animation for the {@link yfiles.graph.IStripe stripes} in an {@link yfiles.graph.ITable}.
-     * @class yfiles.view.TableAnimation
+     * @class
      * @implements {yfiles.view.IAnimation}
      */
     export interface TableAnimation extends Object,yfiles.view.IAnimation{}
@@ -20472,15 +20505,14 @@ declare namespace system{
        * <b>leaf stripes</b>, i.e. those without child stripes, are considered. The sizes of a stripe with children is implicitly determined by its
        * contents.
        * </p>
-       * @param {yfiles.graph.ITable} table The table to animate.
-       * @param {Array.<number>} columnLayout The sizes of the <b>leaf</b> columns, in natural order.
-       * @param {Array.<number>} rowLayout The sizes of the <b>leaf</b> rows, in natural order.
-       * @constructor
+       * @param table The table to animate.
+       * @param columnLayout The sizes of the <b>leaf</b> columns, in natural order.
+       * @param rowLayout The sizes of the <b>leaf</b> rows, in natural order.
        */
       constructor(table:yfiles.graph.ITable,columnLayout:number[],rowLayout:number[]);
       /**
        * 
-       * @param {number} time
+       * @param time
        */
       animate(time:number):void;
       /**
@@ -20489,9 +20521,9 @@ declare namespace system{
       cleanup():void;
       /**
        * Create the animation for a single {@link yfiles.graph.IStripe}
-       * @param {yfiles.graph.IStripe} stripe The stripe
-       * @param {number} targetSize The target size of the stripe
-       * @returns {yfiles.view.IAnimation} An animation that morphs the stripe size
+       * @param stripe The stripe
+       * @param targetSize The target size of the stripe
+       * @returns An animation that morphs the stripe size
        * @protected
        */
       createStripeAnimation(stripe:yfiles.graph.IStripe,targetSize:number):yfiles.view.IAnimation;
@@ -20557,14 +20589,13 @@ declare namespace system{
     };
     /**
      * Default implementation of the {@link yfiles.view.IStripeSelection} interface.
-     * @class yfiles.view.StripeSelection
+     * @class
      * @implements {yfiles.view.IStripeSelection}
      */
     export interface StripeSelection extends Object,yfiles.view.IStripeSelection{}
     export class StripeSelection {
       /**
        * Default constructor that creates empty selection models.
-       * @constructor
        */
       constructor();
       /**
@@ -20573,25 +20604,25 @@ declare namespace system{
       clear():void;
       /**
        * 
-       * @returns {yfiles.collections.IEnumerator.<yfiles.graph.IStripe>} 
+       * @returns 
        */
       getEnumerator():yfiles.collections.IEnumerator<yfiles.graph.IStripe>;
       /**
        * Return whether <code>stripe</code> is currently selected
-       * @param {yfiles.graph.IStripe} stripe The stripe to test
-       * @returns {boolean} <code>true</code> iff <code>stripe</code> is currently selected
+       * @param stripe The stripe to test
+       * @returns <code>true</code> iff <code>stripe</code> is currently selected
        */
       isSelected(stripe:yfiles.graph.IStripe):boolean;
       /**
        * Raises the {@link yfiles.view.StripeSelection#addItemSelectionChangedListener ItemSelectionChanged} event
-       * @param {yfiles.view.ItemSelectionChangedEventArgs.<yfiles.graph.IStripe>} evt The parameters for the event
+       * @param evt The parameters for the event
        * @protected
        */
       onItemSelectionChanged(evt:yfiles.view.ItemSelectionChangedEventArgs<yfiles.graph.IStripe>):void;
       /**
        * 
-       * @param {yfiles.graph.IStripe} item
-       * @param {boolean} selected
+       * @param item
+       * @param selected
        */
       setSelected(item:yfiles.graph.IStripe,selected:boolean):void;
       /**
@@ -20627,12 +20658,12 @@ declare namespace system{
       size:number;
       /**
        * 
-       * @param {function(Object, yfiles.view.ItemSelectionChangedEventArgs.<yfiles.graph.IStripe>): void} listener
+       * @param listener
        */
       addItemSelectionChangedListener(listener:(sender:Object,evt:yfiles.view.ItemSelectionChangedEventArgs<yfiles.graph.IStripe>)=>void):void;
       /**
        * 
-       * @param {function(Object, yfiles.view.ItemSelectionChangedEventArgs.<yfiles.graph.IStripe>): void} listener
+       * @param listener
        */
       removeItemSelectionChangedListener(listener:(sender:Object,evt:yfiles.view.ItemSelectionChangedEventArgs<yfiles.graph.IStripe>)=>void):void;
       static $class:yfiles.lang.Class;
@@ -20673,9 +20704,9 @@ declare namespace system{
     export interface IHitTester<T> extends Object{
       /**
        * Yields an enumerable that enumerates the hits for a given world coordinate.
-       * @param {yfiles.input.IInputModeContext} context The context in which to perform the hit testing.
-       * @param {yfiles.geometry.Point} location the coordinates in the world coordinate system
-       * @returns {yfiles.collections.IEnumerable.<T>} an enumerable that yields hits for the given coordinates
+       * @param context The context in which to perform the hit testing.
+       * @param location the coordinates in the world coordinate system
+       * @returns an enumerable that yields hits for the given coordinates
        * @abstract
        */
       enumerateHits(context:yfiles.input.IInputModeContext,location:yfiles.geometry.Point):yfiles.collections.IEnumerable<T>;
@@ -20774,22 +20805,20 @@ declare namespace system{
      * <p>
      * This class adds convenience methods for derived classes.
      * </p>
-     * @class yfiles.input.InputModeBase
+     * @class
      * @implements {yfiles.input.IInputMode}
      */
     export interface InputModeBase extends Object,yfiles.input.IInputMode{}
     export class InputModeBase {
       /**
        * Initializes a new instance of the {@link yfiles.input.InputModeBase} class.
-       * @param {boolean} exclusive Iff this mode should be {@link yfiles.input.InputModeBase#exclusive}.
+       * @param exclusive Iff this mode should be {@link #exclusive}.
        * @protected
-       * @constructor
        */
       constructor(exclusive:boolean);
       /**
        * Initializes a new instance of the {@link yfiles.input.InputModeBase} class that is {@link yfiles.input.InputModeBase#exclusive} by default.
        * @protected
-       * @constructor
        */
       constructor();
       /**
@@ -20808,7 +20837,7 @@ declare namespace system{
        * <p>
        * This will return true, iff a {@link yfiles.input.InputModeBase#controller} has been injected and the helper allows requesting the mutex.
        * </p>
-       * @returns {boolean} Whether a call to {@link yfiles.input.InputModeBase#requestMutex} would currently succeed.
+       * @returns Whether a call to {@link #requestMutex} would currently succeed.
        * @protected
        */
       canRequestMutex():boolean;
@@ -20824,7 +20853,7 @@ declare namespace system{
        * by looking up {@link yfiles.input.IInputModeContext} from the {@link yfiles.view.ICanvasContext}'s {@link yfiles.graph.ILookup#lookup} method or
        * simply downcasting.
        * </p>
-       * @returns {yfiles.input.IInputModeContext} A readily configured {@link yfiles.input.IInputModeContext}.
+       * @returns A readily configured {@link }.
        * @see yfiles.view.CanvasComponent#hitElementsAt
        * @see yfiles.input.IHitTestable#isHit
        * @see yfiles.input.IInputModeContext
@@ -20833,11 +20862,11 @@ declare namespace system{
       createChildInputModeContext():yfiles.input.IInputModeContext;
       /**
        * Helper method that yields a suitably configured {@link yfiles.input.InputModeEventArgs} for this input mode.
-       * @param {yfiles.input.IInputModeContext} context An input mode context that is available in the {@link yfiles.input.InputModeEventArgs}.
+       * @param context An input mode context that is available in the {@link }.
        * <p>
        * Can be <code>null</code> in which case a new context for this instance is created automatically.
        * </p>
-       * @returns {yfiles.input.InputModeEventArgs} An input mode event argument that is configured for this instance.
+       * @returns An input mode event argument that is configured for this instance.
        * @protected
        */
       createInputModeEventArgs(context:yfiles.input.IInputModeContext):yfiles.input.InputModeEventArgs;
@@ -20847,7 +20876,7 @@ declare namespace system{
        * If no {@link yfiles.input.InputModeBase#controller} had been associated with this instance upon the call to {@link yfiles.input.InputModeBase#requestMutex} this method will
        * return <code>false</code>.
        * </p>
-       * @returns {boolean} Whether this instance has the input mutex.
+       * @returns Whether this instance has the input mutex.
        * @protected
        */
       hasMutex():boolean;
@@ -20872,8 +20901,8 @@ declare namespace system{
        * method the first time this mode gets installed. The initialization will be surrounded by calls to {@link yfiles.input.InputModeBase#onInitializing}
        * and {@link yfiles.input.InputModeBase#onInitialized} to trigger the corresponding events.
        * </p>
-       * @param {yfiles.input.IInputModeContext} context the context to install this mode into
-       * @param {yfiles.input.ConcurrencyController} controller The {@link yfiles.input.InputModeBase#controller} for this mode.
+       * @param context the context to install this mode into
+       * @param controller The {@link #controller} for this mode.
        * @see yfiles.input.InputModeBase#inputModeContext
        * @see yfiles.view.CanvasComponent#inputMode
        */
@@ -20884,7 +20913,7 @@ declare namespace system{
        * <p>
        * This method is called by subclasses when the editing process has been {@link yfiles.input.InputModeBase#cancel}ed.
        * </p>
-       * @param {yfiles.input.InputModeEventArgs} evt The event arguments.
+       * @param evt The event arguments.
        * @see yfiles.input.InputModeBase#initialize
        * @protected
        */
@@ -20918,7 +20947,7 @@ declare namespace system{
        * This method will be called by {@link yfiles.input.InputModeBase#install} for the first installation directly after {@link yfiles.input.InputModeBase#initialize}
        * has returned.
        * </p>
-       * @param {yfiles.input.InputModeEventArgs} evt The event arguments.
+       * @param evt The event arguments.
        * @see yfiles.input.InputModeBase#initialize
        * @protected
        */
@@ -20930,7 +20959,7 @@ declare namespace system{
        * This method will be called by {@link yfiles.input.InputModeBase#install} for the first installation directly before {@link yfiles.input.InputModeBase#initialize}
        * is invoked.
        * </p>
-       * @param {yfiles.input.InputModeEventArgs} evt The event arguments.
+       * @param evt The event arguments.
        * @see yfiles.input.InputModeBase#initialize
        * @protected
        */
@@ -20960,7 +20989,7 @@ declare namespace system{
        * This method will be called by {@link yfiles.input.InputModeBase#tryStop} or can be called by subclasses during a {@link yfiles.input.InputModeBase#tryStop}
        * operation.
        * </p>
-       * @param {yfiles.input.InputModeEventArgs} evt The event arguments.
+       * @param evt The event arguments.
        * @see yfiles.input.InputModeBase#tryStop
        * @see yfiles.input.InputModeBase#addStoppedListener
        * @protected
@@ -21007,8 +21036,7 @@ declare namespace system{
       /**
        * Requests capturing of all mouse and touch input that happens in the {@link yfiles.view.CanvasComponent}.
        * <p>
-       * This sets the CaptureAllPointerInput property to
-       * <code>true</code>, which will prevent visuals inside the canvas from stealing mouse input.
+       * This sets the {@link yfiles.view.CanvasComponent#captureAllPointerInput} property to <code>true</code>, which will prevent visuals inside the canvas from stealing mouse input.
        * </p>
        * @see yfiles.input.InputModeBase#releasePointer
        * @protected
@@ -21030,7 +21058,7 @@ declare namespace system{
        * <p>
        * Calling this method raises the {@link yfiles.input.InputModeBase#addStoppedListener Stopped} event.
        * </p>
-       * @returns {boolean} <code>true</code> iff this instance does not {@link yfiles.input.InputModeBase#hasMutex own the mutex}.
+       * @returns <code>true</code> iff this instance does not {@link #hasMutex own the mutex}.
        * @see yfiles.input.InputModeBase#onStopped
        */
       tryStop():boolean;
@@ -21039,8 +21067,8 @@ declare namespace system{
        * <p>
        * Subclasses should always call <code>base.Uninstall(context)</code> as the last statement.
        * </p>
-       * @param {yfiles.input.IInputModeContext} context The context to remove this mode from. This is the same instance that has been passed to
-       * {@link yfiles.input.InputModeBase#install}.
+       * @param context The context to remove this mode from. This is the same instance that has been passed to
+       * {@link #install}.
        */
       uninstall(context:yfiles.input.IInputModeContext):void;
       /**
@@ -21048,7 +21076,7 @@ declare namespace system{
        * <p>
        * Clients can use this event to perform configuration of the instance shortly before the initialization begins.
        * </p>
-       * @param {function(Object, yfiles.input.InputModeEventArgs): void} listener The listener to add.
+       * @param listener The listener to add.
        * @see yfiles.input.InputModeBase#install
        * @see yfiles.input.InputModeBase#removeInitializingListener
        */
@@ -21059,7 +21087,7 @@ declare namespace system{
        * <p>
        * Clients can use this event to perform configuration of the instance shortly before the initialization begins.
        * </p>
-       * @param {function(Object, yfiles.input.InputModeEventArgs): void} listener The listener to remove.
+       * @param listener The listener to remove.
        * @see yfiles.input.InputModeBase#install
        * @see yfiles.input.InputModeBase#addInitializingListener
        */
@@ -21070,7 +21098,7 @@ declare namespace system{
        * Clients can use this event to perform post configuration steps of the instance shortly after the initialization has been
        * performed.
        * </p>
-       * @param {function(Object, yfiles.input.InputModeEventArgs): void} listener The listener to add.
+       * @param listener The listener to add.
        * @see yfiles.input.InputModeBase#install
        * @see yfiles.input.InputModeBase#removeInitializedListener
        */
@@ -21082,7 +21110,7 @@ declare namespace system{
        * Clients can use this event to perform post configuration steps of the instance shortly after the initialization has been
        * performed.
        * </p>
-       * @param {function(Object, yfiles.input.InputModeEventArgs): void} listener The listener to remove.
+       * @param listener The listener to remove.
        * @see yfiles.input.InputModeBase#install
        * @see yfiles.input.InputModeBase#addInitializedListener
        */
@@ -21092,7 +21120,7 @@ declare namespace system{
        * <p>
        * Clients can use this event to perform post cleanup steps of the instance shortly after the mode has been canceled.
        * </p>
-       * @param {function(Object, yfiles.input.InputModeEventArgs): void} listener The listener to add.
+       * @param listener The listener to add.
        * @see yfiles.input.InputModeBase#onCanceled
        * @see yfiles.input.InputModeBase#cancel
        * @see yfiles.input.InputModeBase#tryStop
@@ -21105,7 +21133,7 @@ declare namespace system{
        * <p>
        * Clients can use this event to perform post cleanup steps of the instance shortly after the mode has been canceled.
        * </p>
-       * @param {function(Object, yfiles.input.InputModeEventArgs): void} listener The listener to remove.
+       * @param listener The listener to remove.
        * @see yfiles.input.InputModeBase#onCanceled
        * @see yfiles.input.InputModeBase#cancel
        * @see yfiles.input.InputModeBase#tryStop
@@ -21118,7 +21146,7 @@ declare namespace system{
        * <p>
        * Clients can use this event to perform post cleanup steps of the instance shortly after the mode has been stopped.
        * </p>
-       * @param {function(Object, yfiles.input.InputModeEventArgs): void} listener The listener to add.
+       * @param listener The listener to add.
        * @see yfiles.input.InputModeBase#onStopped
        * @see yfiles.input.InputModeBase#cancel
        * @see yfiles.input.InputModeBase#tryStop
@@ -21131,7 +21159,7 @@ declare namespace system{
        * <p>
        * Clients can use this event to perform post cleanup steps of the instance shortly after the mode has been stopped.
        * </p>
-       * @param {function(Object, yfiles.input.InputModeEventArgs): void} listener The listener to remove.
+       * @param listener The listener to remove.
        * @see yfiles.input.InputModeBase#onStopped
        * @see yfiles.input.InputModeBase#cancel
        * @see yfiles.input.InputModeBase#tryStop
@@ -21203,19 +21231,18 @@ declare namespace system{
     }
     /**
      * Event arguments used by {@link yfiles.input.ClickInputMode#addClickedListener Clicked}.
-     * @class yfiles.input.ClickEventArgs
+     * @class
      * @extends {yfiles.input.InputModeEventArgs}
      */
     export interface ClickEventArgs extends yfiles.input.InputModeEventArgs{}
     export class ClickEventArgs {
       /**
        * Initializes a new instance of the {@link yfiles.input.ClickEventArgs} class.
-       * @param {yfiles.input.IInputModeContext} context The context in which the click occurred.
-       * @param {yfiles.geometry.Point} location The location.
-       * @param {yfiles.view.ModifierKeys} modifiers State of the modifiers.
-       * @param {yfiles.view.MouseButtons} mouseButtons The mouse button(s) that have changed
-       * @param {number} clickCount
-       * @constructor
+       * @param context The context in which the click occurred.
+       * @param location The location.
+       * @param modifiers State of the modifiers.
+       * @param mouseButtons The mouse button(s) that have changed
+       * @param clickCount
        */
       constructor(context:yfiles.input.IInputModeContext,location:yfiles.geometry.Point,modifiers:yfiles.view.ModifierKeys,mouseButtons:yfiles.view.MouseButtons,clickCount:number);
       /**
@@ -21290,14 +21317,13 @@ declare namespace system{
      * @see yfiles.input.ClickInputMode#doubleClickPolicy
      * @see yfiles.input.ClickInputMode#swallowFocusClick
      * @see yfiles.input.ClickInputMode#activeButtons
-     * @class yfiles.input.ClickInputMode
+     * @class
      * @implements {yfiles.input.IInputMode}
      */
     export interface ClickInputMode extends Object,yfiles.input.IInputMode{}
     export class ClickInputMode {
       /**
        * Creates a new instance of this mode that detects left mouse clicks.
-       * @constructor
        */
       constructor();
       /**
@@ -21311,19 +21337,19 @@ declare namespace system{
       cancel():void;
       /**
        * Creates the event recognizer that is used to recognize the clicks for this instance.
-       * @returns {function(Object, yfiles.lang.EventArgs): boolean} 
+       * @returns 
        * @protected
        */
       createClickRecognizer():(eventSource:Object,evt:yfiles.lang.EventArgs)=>boolean;
       /**
        * Creates the event recognizer that is used to recognize the press event for this instance.
-       * @returns {function(Object, yfiles.lang.EventArgs): boolean} 
+       * @returns 
        * @protected
        */
       createPressRecognizer():(eventSource:Object,evt:yfiles.lang.EventArgs)=>boolean;
       /**
        * Creates the event recognizer that is used to recognize the release event for this instance.
-       * @returns {function(Object, yfiles.lang.EventArgs): boolean} 
+       * @returns 
        * @protected
        */
       createReleaseRecognizer():(eventSource:Object,evt:yfiles.lang.EventArgs)=>boolean;
@@ -21339,44 +21365,44 @@ declare namespace system{
        * <p>
        * Overriding implementations should call the base implementation, first.
        * </p>
-       * @param {yfiles.input.IInputModeContext} context The context that this instance shall be installed into. The same instance will be passed to this instance during
-       * {@link yfiles.input.IInputMode#uninstall}. A reference to the context may be kept and queried during the time the mode is
+       * @param context The context that this instance shall be installed into. The same instance will be passed to this instance during
+       * {@link #uninstall}. A reference to the context may be kept and queried during the time the mode is
        * installed.
-       * @param {yfiles.input.ConcurrencyController} controller The {@link yfiles.input.ClickInputMode#controller} for this mode.
+       * @param controller The {@link #controller} for this mode.
        * @see yfiles.input.IInputMode#uninstall
        */
       install(context:yfiles.input.IInputModeContext,controller:yfiles.input.ConcurrencyController):void;
       /**
        * Determines whether the given event is a press event that occurred at an invalid location.
-       * @param {Object} eventSource
-       * @param {yfiles.lang.EventArgs} evt
-       * @returns {boolean} 
+       * @param eventSource
+       * @param evt
+       * @returns 
        * @see yfiles.input.ClickInputMode#validClickHitTestable
        * @protected
        */
       isInvalidPress(eventSource:Object,evt:yfiles.lang.EventArgs):boolean;
       /**
        * Determines whether the given event is a valid click event.
-       * @param {Object} src
-       * @param {yfiles.lang.EventArgs} evt
-       * @returns {boolean} 
+       * @param src
+       * @param evt
+       * @returns 
        * @see yfiles.input.ClickInputMode#validClickHitTestable
        * @protected
        */
       isValidClick(src:Object,evt:yfiles.lang.EventArgs):boolean;
       /**
        * Determines whether the given event is a valid press event.
-       * @param {Object} eventSource
-       * @param {yfiles.lang.EventArgs} evt
-       * @returns {boolean} 
+       * @param eventSource
+       * @param evt
+       * @returns 
        * @protected
        */
       isValidPress(eventSource:Object,evt:yfiles.lang.EventArgs):boolean;
       /**
        * Determines whether the given event is a valid release event.
-       * @param {Object} src
-       * @param {yfiles.lang.EventArgs} evt
-       * @returns {boolean} 
+       * @param src
+       * @param evt
+       * @returns 
        * @see yfiles.input.ClickInputMode#validClickHitTestable
        * @protected
        */
@@ -21397,7 +21423,7 @@ declare namespace system{
        * <p>
        * This method will trigger the {@link yfiles.input.ClickInputMode#addClickedListener Clicked} event.
        * </p>
-       * @param {yfiles.input.ClickEventArgs} evt The arguments.
+       * @param evt The arguments.
        * @protected
        */
       onClicked(evt:yfiles.input.ClickEventArgs):void;
@@ -21428,7 +21454,7 @@ declare namespace system{
        * <p>
        * This method will trigger the {@link yfiles.input.ClickInputMode#addDoubleClickedListener DoubleClicked} event.
        * </p>
-       * @param {yfiles.input.ClickEventArgs} evt The arguments.
+       * @param evt The arguments.
        * @protected
        */
       onDoubleClicked(evt:yfiles.input.ClickEventArgs):void;
@@ -21437,7 +21463,7 @@ declare namespace system{
        * <p>
        * This method will trigger the {@link yfiles.input.ClickInputMode#addLeftClickedListener LeftClicked} event.
        * </p>
-       * @param {yfiles.input.ClickEventArgs} evt The arguments.
+       * @param evt The arguments.
        * @protected
        */
       onLeftClicked(evt:yfiles.input.ClickEventArgs):void;
@@ -21447,7 +21473,7 @@ declare namespace system{
        * This method will trigger the {@link yfiles.input.ClickInputMode#addLeftDoubleClickedListener LeftDoubleClicked}
        * event.
        * </p>
-       * @param {yfiles.input.ClickEventArgs} evt The arguments.
+       * @param evt The arguments.
        * @protected
        */
       onLeftDoubleClicked(evt:yfiles.input.ClickEventArgs):void;
@@ -21456,7 +21482,7 @@ declare namespace system{
        * <p>
        * This method will trigger the {@link yfiles.input.ClickInputMode#addRightClickedListener RightClicked} event.
        * </p>
-       * @param {yfiles.input.ClickEventArgs} evt The arguments.
+       * @param evt The arguments.
        * @protected
        */
       onRightClicked(evt:yfiles.input.ClickEventArgs):void;
@@ -21466,7 +21492,7 @@ declare namespace system{
        * This method will trigger the {@link yfiles.input.ClickInputMode#addRightDoubleClickedListener RightDoubleClicked}
        * event.
        * </p>
-       * @param {yfiles.input.ClickEventArgs} evt The arguments.
+       * @param evt The arguments.
        * @protected
        */
       onRightDoubleClicked(evt:yfiles.input.ClickEventArgs):void;
@@ -21501,13 +21527,13 @@ declare namespace system{
        * <p>
        * To ensure that the flag really acts just once, this method resets the flag and returns its value prior to the reset.
        * </p>
-       * @returns {boolean} 
+       * @returns 
        * @protected
        */
       queryAndResetPreventNextDoubleClick():boolean;
       /**
        * 
-       * @returns {boolean} 
+       * @returns 
        */
       tryStop():boolean;
       /**
@@ -21519,7 +21545,7 @@ declare namespace system{
        * <p>
        * Overriding implementations should call the base implementation after their own code.
        * </p>
-       * @param {yfiles.input.IInputModeContext} context The context to deregister from. This is the same instance that had been passed to {@link yfiles.input.IInputMode#install} during
+       * @param context The context to deregister from. This is the same instance that had been passed to {@link #install} during
        * installation.
        */
       uninstall(context:yfiles.input.IInputModeContext):void;
@@ -21563,7 +21589,7 @@ declare namespace system{
       controller:yfiles.input.ConcurrencyController;
       /**
        * Adds the given listener for the <code>Clicked</code> event that occurs once a click has been detected.
-       * @param {function(Object, yfiles.input.ClickEventArgs): void} listener The listener to add.
+       * @param listener The listener to add.
        * @see yfiles.input.ClickEventArgs
        * @see yfiles.input.ClickInputMode#doubleClickPolicy
        * @see yfiles.input.ClickInputMode#removeClickedListener
@@ -21571,7 +21597,7 @@ declare namespace system{
       addClickedListener(listener:(sender:Object,evt:yfiles.input.ClickEventArgs)=>void):void;
       /**
        * Removes the given listener for the <code>Clicked</code> event that occurs once a click has been detected.
-       * @param {function(Object, yfiles.input.ClickEventArgs): void} listener The listener to remove.
+       * @param listener The listener to remove.
        * @see yfiles.input.ClickEventArgs
        * @see yfiles.input.ClickInputMode#doubleClickPolicy
        * @see yfiles.input.ClickInputMode#addClickedListener
@@ -21579,7 +21605,7 @@ declare namespace system{
       removeClickedListener(listener:(sender:Object,evt:yfiles.input.ClickEventArgs)=>void):void;
       /**
        * Adds the given listener for the <code>LeftClicked</code> event that occurs once a left click has been detected.
-       * @param {function(Object, yfiles.input.ClickEventArgs): void} listener The listener to add.
+       * @param listener The listener to add.
        * @see yfiles.input.ClickEventArgs
        * @see yfiles.input.ClickInputMode#doubleClickPolicy
        * @see yfiles.input.ClickInputMode#removeLeftClickedListener
@@ -21587,7 +21613,7 @@ declare namespace system{
       addLeftClickedListener(listener:(sender:Object,evt:yfiles.input.ClickEventArgs)=>void):void;
       /**
        * Removes the given listener for the <code>LeftClicked</code> event that occurs once a left click has been detected.
-       * @param {function(Object, yfiles.input.ClickEventArgs): void} listener The listener to remove.
+       * @param listener The listener to remove.
        * @see yfiles.input.ClickEventArgs
        * @see yfiles.input.ClickInputMode#doubleClickPolicy
        * @see yfiles.input.ClickInputMode#addLeftClickedListener
@@ -21595,7 +21621,7 @@ declare namespace system{
       removeLeftClickedListener(listener:(sender:Object,evt:yfiles.input.ClickEventArgs)=>void):void;
       /**
        * Adds the given listener for the <code>RightClicked</code> event that occurs once a right click has been detected.
-       * @param {function(Object, yfiles.input.ClickEventArgs): void} listener The listener to add.
+       * @param listener The listener to add.
        * @see yfiles.input.ClickEventArgs
        * @see yfiles.input.ClickInputMode#doubleClickPolicy
        * @see yfiles.input.ClickInputMode#removeRightClickedListener
@@ -21603,7 +21629,7 @@ declare namespace system{
       addRightClickedListener(listener:(sender:Object,evt:yfiles.input.ClickEventArgs)=>void):void;
       /**
        * Removes the given listener for the <code>RightClicked</code> event that occurs once a right click has been detected.
-       * @param {function(Object, yfiles.input.ClickEventArgs): void} listener The listener to remove.
+       * @param listener The listener to remove.
        * @see yfiles.input.ClickEventArgs
        * @see yfiles.input.ClickInputMode#doubleClickPolicy
        * @see yfiles.input.ClickInputMode#addRightClickedListener
@@ -21611,7 +21637,7 @@ declare namespace system{
       removeRightClickedListener(listener:(sender:Object,evt:yfiles.input.ClickEventArgs)=>void):void;
       /**
        * Adds the given listener for the <code>DoubleClicked</code> event that occurs once a double-click has been detected.
-       * @param {function(Object, yfiles.input.ClickEventArgs): void} listener The listener to add.
+       * @param listener The listener to add.
        * @see yfiles.input.ClickEventArgs
        * @see yfiles.input.ClickInputMode#doubleClickPolicy
        * @see yfiles.input.ClickInputMode#removeDoubleClickedListener
@@ -21619,7 +21645,7 @@ declare namespace system{
       addDoubleClickedListener(listener:(sender:Object,evt:yfiles.input.ClickEventArgs)=>void):void;
       /**
        * Removes the given listener for the <code>DoubleClicked</code> event that occurs once a double-click has been detected.
-       * @param {function(Object, yfiles.input.ClickEventArgs): void} listener The listener to remove.
+       * @param listener The listener to remove.
        * @see yfiles.input.ClickEventArgs
        * @see yfiles.input.ClickInputMode#doubleClickPolicy
        * @see yfiles.input.ClickInputMode#addDoubleClickedListener
@@ -21627,7 +21653,7 @@ declare namespace system{
       removeDoubleClickedListener(listener:(sender:Object,evt:yfiles.input.ClickEventArgs)=>void):void;
       /**
        * Adds the given listener for the <code>LeftDoubleClicked</code> event that occurs once a left double-click has been detected.
-       * @param {function(Object, yfiles.input.ClickEventArgs): void} listener The listener to add.
+       * @param listener The listener to add.
        * @see yfiles.input.ClickEventArgs
        * @see yfiles.input.ClickInputMode#doubleClickPolicy
        * @see yfiles.input.ClickInputMode#removeLeftDoubleClickedListener
@@ -21635,7 +21661,7 @@ declare namespace system{
       addLeftDoubleClickedListener(listener:(sender:Object,evt:yfiles.input.ClickEventArgs)=>void):void;
       /**
        * Removes the given listener for the <code>LeftDoubleClicked</code> event that occurs once a left double-click has been detected.
-       * @param {function(Object, yfiles.input.ClickEventArgs): void} listener The listener to remove.
+       * @param listener The listener to remove.
        * @see yfiles.input.ClickEventArgs
        * @see yfiles.input.ClickInputMode#doubleClickPolicy
        * @see yfiles.input.ClickInputMode#addLeftDoubleClickedListener
@@ -21643,7 +21669,7 @@ declare namespace system{
       removeLeftDoubleClickedListener(listener:(sender:Object,evt:yfiles.input.ClickEventArgs)=>void):void;
       /**
        * Adds the given listener for the <code>RightDoubleClicked</code> event that occurs once a right double-click has been detected.
-       * @param {function(Object, yfiles.input.ClickEventArgs): void} listener The listener to add.
+       * @param listener The listener to add.
        * @see yfiles.input.ClickEventArgs
        * @see yfiles.input.ClickInputMode#doubleClickPolicy
        * @see yfiles.input.ClickInputMode#removeRightDoubleClickedListener
@@ -21651,7 +21677,7 @@ declare namespace system{
       addRightDoubleClickedListener(listener:(sender:Object,evt:yfiles.input.ClickEventArgs)=>void):void;
       /**
        * Removes the given listener for the <code>RightDoubleClicked</code> event that occurs once a right double-click has been detected.
-       * @param {function(Object, yfiles.input.ClickEventArgs): void} listener The listener to remove.
+       * @param listener The listener to remove.
        * @see yfiles.input.ClickEventArgs
        * @see yfiles.input.ClickInputMode#doubleClickPolicy
        * @see yfiles.input.ClickInputMode#addRightDoubleClickedListener
@@ -21661,7 +21687,7 @@ declare namespace system{
        * Gets or sets the click handling mode that determines the triggering behavior of {@link yfiles.input.ClickInputMode#addClickedListener Clicked}
        * and {@link yfiles.input.ClickInputMode#addDoubleClickedListener DoubleClicked}.
        * @see yfiles.input.ClickInputMode#doubleClickPolicy
-       * @default 2
+       * @default yfiles.input.DoubleClickPolicy.BOTH_SINGLE_CLICKS_AND_DOUBLE_CLICK
        * @type {yfiles.input.DoubleClickPolicy}
        */
       doubleClickPolicy:yfiles.input.DoubleClickPolicy;
@@ -21697,7 +21723,7 @@ declare namespace system{
        * Default value is {@link yfiles.view.MouseButtons#LEFT}
        * </p>
        * @see yfiles.input.ClickInputMode#createClickRecognizer
-       * @default 1
+       * @default yfiles.view.MouseButtons.LEFT
        * @type {yfiles.view.MouseButtons}
        */
       activeButtons:yfiles.view.MouseButtons;
@@ -21729,19 +21755,18 @@ declare namespace system{
      * Event handlers can use the {@link yfiles.input.CollectSnapResultsEventArgs#addSnapResult} method to add snapping results for the
      * current move operation.
      * </p>
-     * @class yfiles.input.CollectSnapResultsEventArgs
+     * @class
      * @extends {yfiles.input.InputModeEventArgs}
      */
     export interface CollectSnapResultsEventArgs extends yfiles.input.InputModeEventArgs{}
     export class CollectSnapResultsEventArgs {
       /**
        * Creates a new instance of the event arguments using the provided values for initialization.
-       * @param {yfiles.input.IInputModeContext} context The context for which the event is queried.
-       * @param {yfiles.geometry.Point} originalLocation The original location of the mouse at the beginning of the gesture.
-       * @param {yfiles.geometry.Point} newLocation The new (current) location of the mouse.
-       * @param {number} snapDistance The zoom invariant snap distance.
-       * @param {yfiles.collections.ICollection.<yfiles.input.SnapResult>} snapResults The collection to store the snap results in.
-       * @constructor
+       * @param context The context for which the event is queried.
+       * @param originalLocation The original location of the mouse at the beginning of the gesture.
+       * @param newLocation The new (current) location of the mouse.
+       * @param snapDistance The zoom invariant snap distance.
+       * @param snapResults The collection to store the snap results in.
        */
       constructor(context:yfiles.input.IInputModeContext,originalLocation:yfiles.geometry.Point,newLocation:yfiles.geometry.Point,snapDistance:number,snapResults:yfiles.collections.ICollection<yfiles.input.SnapResult>);
       /**
@@ -21749,7 +21774,7 @@ declare namespace system{
        * <p>
        * <code>null</code> values will be discarded.
        * </p>
-       * @param {yfiles.input.SnapResult} snapResult The result to add.
+       * @param snapResult The result to add.
        */
       addSnapResult(snapResult:yfiles.input.SnapResult):void;
       /**
@@ -21783,7 +21808,7 @@ declare namespace system{
      * </p>
      * @see yfiles.input.IInputMode
      * @see yfiles.input.MultiplexingInputMode
-     * @class yfiles.input.ConcurrencyController
+     * @class
      * @final
      */
     export interface ConcurrencyController extends Object{}
@@ -21794,8 +21819,7 @@ declare namespace system{
        * The returned {@link yfiles.input.ConcurrencyController} is not synchronized with any other one so the <code>mode</code> will effectively run
        * in a non-{@link yfiles.input.ConcurrencyController#exclusive exclusive} mode.
        * </p>
-       * @param {yfiles.input.IInputMode} mode The mode, the {@link yfiles.input.ConcurrencyController} shall be created for.
-       * @constructor
+       * @param mode The mode, the {@link } shall be created for.
        */
       constructor(mode:yfiles.input.IInputMode);
       /**
@@ -21803,7 +21827,7 @@ declare namespace system{
        * <p>
        * This will return <code>true</code>, iff this instance is {@link yfiles.input.ConcurrencyController#active} and doesn't hold the mutex.
        * </p>
-       * @returns {boolean} Whether a call to {@link yfiles.input.ConcurrencyController#requestMutex} would currently succeed.
+       * @returns Whether a call to {@link #requestMutex} would currently succeed.
        */
       canRequestMutex():boolean;
       /**
@@ -21811,7 +21835,7 @@ declare namespace system{
        * <p>
        * The instance owns the input mutex if it has successfully {@link yfiles.input.ConcurrencyController#requestMutex requested} the mutex in the past and not yet {@link yfiles.input.ConcurrencyController#releaseMutex released} it.
        * </p>
-       * @returns {boolean} Whether this instance has the input mutex.
+       * @returns Whether this instance has the input mutex.
        */
       hasMutex():boolean;
       /**
@@ -21844,7 +21868,7 @@ declare namespace system{
        * <p>
        * This event is invoked with {@link yfiles.lang.EventArgs#EMPTY} per default.
        * </p>
-       * @param {function(Object, yfiles.lang.EventArgs): void} listener The listener to add.
+       * @param listener The listener to add.
        * @see yfiles.input.ConcurrencyController#removeMutexObtainedListener
        */
       addMutexObtainedListener(listener:(sender:Object,evt:yfiles.lang.EventArgs)=>void):void;
@@ -21853,7 +21877,7 @@ declare namespace system{
        * <p>
        * This event is invoked with {@link yfiles.lang.EventArgs#EMPTY} per default.
        * </p>
-       * @param {function(Object, yfiles.lang.EventArgs): void} listener The listener to remove.
+       * @param listener The listener to remove.
        * @see yfiles.input.ConcurrencyController#addMutexObtainedListener
        */
       removeMutexObtainedListener(listener:(sender:Object,evt:yfiles.lang.EventArgs)=>void):void;
@@ -21862,7 +21886,7 @@ declare namespace system{
        * <p>
        * This event is invoked with {@link yfiles.lang.EventArgs#EMPTY} per default.
        * </p>
-       * @param {function(Object, yfiles.lang.EventArgs): void} listener The listener to add.
+       * @param listener The listener to add.
        * @see yfiles.input.ConcurrencyController#removeMutexReleasedListener
        */
       addMutexReleasedListener(listener:(sender:Object,evt:yfiles.lang.EventArgs)=>void):void;
@@ -21871,7 +21895,7 @@ declare namespace system{
        * <p>
        * This event is invoked with {@link yfiles.lang.EventArgs#EMPTY} per default.
        * </p>
-       * @param {function(Object, yfiles.lang.EventArgs): void} listener The listener to remove.
+       * @param listener The listener to remove.
        * @see yfiles.input.ConcurrencyController#addMutexReleasedListener
        */
       removeMutexReleasedListener(listener:(sender:Object,evt:yfiles.lang.EventArgs)=>void):void;
@@ -21913,7 +21937,7 @@ declare namespace system{
        * <p>
        * This event is invoked with {@link yfiles.lang.EventArgs#EMPTY} per default.
        * </p>
-       * @param {function(Object, yfiles.lang.EventArgs): void} listener The listener to add.
+       * @param listener The listener to add.
        * @see yfiles.input.ConcurrencyController#removeActiveChangedListener
        */
       addActiveChangedListener(listener:(sender:Object,evt:yfiles.lang.EventArgs)=>void):void;
@@ -21922,7 +21946,7 @@ declare namespace system{
        * <p>
        * This event is invoked with {@link yfiles.lang.EventArgs#EMPTY} per default.
        * </p>
-       * @param {function(Object, yfiles.lang.EventArgs): void} listener The listener to remove.
+       * @param listener The listener to remove.
        * @see yfiles.input.ConcurrencyController#addActiveChangedListener
        */
       removeActiveChangedListener(listener:(sender:Object,evt:yfiles.lang.EventArgs)=>void):void;
@@ -21953,7 +21977,7 @@ declare namespace system{
        * {@link yfiles.input.MultiplexingInputMode} listens to property changes of the controller of its sub modes. properties. This
        * event is invoked with {@link yfiles.lang.EventArgs#EMPTY} per default.
        * </p>
-       * @param {function(Object, yfiles.lang.EventArgs): void} listener The listener to add.
+       * @param listener The listener to add.
        * @see yfiles.input.ConcurrencyController#removePreferredCursorChangedListener
        */
       addPreferredCursorChangedListener(listener:(sender:Object,evt:yfiles.lang.EventArgs)=>void):void;
@@ -21963,7 +21987,7 @@ declare namespace system{
        * {@link yfiles.input.MultiplexingInputMode} listens to property changes of the controller of its sub modes. properties. This
        * event is invoked with {@link yfiles.lang.EventArgs#EMPTY} per default.
        * </p>
-       * @param {function(Object, yfiles.lang.EventArgs): void} listener The listener to remove.
+       * @param listener The listener to remove.
        * @see yfiles.input.ConcurrencyController#addPreferredCursorChangedListener
        */
       removePreferredCursorChangedListener(listener:(sender:Object,evt:yfiles.lang.EventArgs)=>void):void;
@@ -21973,7 +21997,7 @@ declare namespace system{
        * <p>
        * {@link yfiles.input.MultiplexingInputMode} listens to priority changes of the controller of its sub modes.
        * </p>
-       * @param {function(Object, yfiles.lang.EventArgs): void} listener The listener to add.
+       * @param listener The listener to add.
        * @see yfiles.input.ConcurrencyController#removePriorityChangedListener
        */
       addPriorityChangedListener(listener:(sender:Object,evt:yfiles.lang.EventArgs)=>void):void;
@@ -21983,7 +22007,7 @@ declare namespace system{
        * <p>
        * {@link yfiles.input.MultiplexingInputMode} listens to priority changes of the controller of its sub modes.
        * </p>
-       * @param {function(Object, yfiles.lang.EventArgs): void} listener The listener to remove.
+       * @param listener The listener to remove.
        * @see yfiles.input.ConcurrencyController#addPriorityChangedListener
        */
       removePriorityChangedListener(listener:(sender:Object,evt:yfiles.lang.EventArgs)=>void):void;
@@ -21992,16 +22016,15 @@ declare namespace system{
     /**
      * Event arguments for the {@link yfiles.input.ContextMenuInputMode#addPopulateMenuListener PopulateMenu}
      * event.
-     * @class yfiles.input.PopulateMenuEventArgs
+     * @class
      * @extends {yfiles.input.InputModeEventArgs}
      */
     export interface PopulateMenuEventArgs extends yfiles.input.InputModeEventArgs{}
     export class PopulateMenuEventArgs {
       /**
        * Initializes a new instance of the {@link yfiles.input.PopulateMenuEventArgs} class.
-       * @param {yfiles.input.IInputModeContext} context The context.
-       * @param {yfiles.geometry.Point} queryLocation The query location.
-       * @constructor
+       * @param context The context.
+       * @param queryLocation The query location.
        */
       constructor(context:yfiles.input.IInputModeContext,queryLocation:yfiles.geometry.Point);
       /**
@@ -22061,14 +22084,13 @@ declare namespace system{
      * <ul>
      * <li>Demo: Context Menu, demo.yfiles.input.contextmenu</li>
      * </ul>
-     * @class yfiles.input.ContextMenuInputMode
+     * @class
      * @implements {yfiles.input.IInputMode}
      */
     export interface ContextMenuInputMode extends Object,yfiles.input.IInputMode{}
     export class ContextMenuInputMode {
       /**
        * Initializes a new instance of the {@link yfiles.input.ContextMenuInputMode} class.
-       * @constructor
        */
       constructor();
       /**
@@ -22078,14 +22100,14 @@ declare namespace system{
       /**
        * Creates an {@link yfiles.input.IInputModeContext} for use with the {@link yfiles.input.ContextMenuInputMode#addPopulateMenuListener PopulateMenu}
        * call in the upcoming query.
-       * @returns {yfiles.input.IInputModeContext} An instance of {@link yfiles.input.IInputModeContext}.
+       * @returns An instance of {@link }.
        * @protected
        */
       createPopulateMenuContext():yfiles.input.IInputModeContext;
       /**
        * Installs this mode in the canvas.
-       * @param {yfiles.input.IInputModeContext} context The context to install this mode into.
-       * @param {yfiles.input.ConcurrencyController} controller The {@link yfiles.input.ContextMenuInputMode#controller} for this mode.
+       * @param context The context to install this mode into.
+       * @param controller The {@link #controller} for this mode.
        */
       install(context:yfiles.input.IInputModeContext,controller:yfiles.input.ConcurrencyController):void;
       /**
@@ -22143,14 +22165,14 @@ declare namespace system{
        * event and will use the {@link yfiles.input.PopulateMenuEventArgs#showMenu} value as the return value. If the event will not be handled, this method will return <code>true</code> if the
        * menu already contains elements.
        * </p>
-       * @param {yfiles.geometry.Point} location The location in the world coordinate system for which the context menu has been invoked.
-       * @returns {boolean} Whether to show the context menu.
+       * @param location The location in the world coordinate system for which the context menu has been invoked.
+       * @returns Whether to show the context menu.
        * @protected
        */
       onMenuOpening(location:yfiles.geometry.Point):boolean;
       /**
        * Raises the {@link yfiles.input.ContextMenuInputMode#addPopulateMenuListener PopulateMenu} event.
-       * @param {yfiles.input.PopulateMenuEventArgs} evt The {@link yfiles.input.PopulateMenuEventArgs} instance containing the event data.
+       * @param evt The {@link } instance containing the event data.
        * @protected
        */
       onPopulateMenu(evt:yfiles.input.PopulateMenuEventArgs):void;
@@ -22172,21 +22194,21 @@ declare namespace system{
        * Since this input mode does not know when the user wants to open a context menu, this method must be called to possibly
        * cancel the request and, otherwise, update the internal state of this mode.
        * </p>
-       * @param {yfiles.geometry.Point} [queryLocation=null] The optional location for which the context menu content should be queried. This value will be passed to {@link yfiles.input.ContextMenuInputMode#onPopulateMenu}
-       * and will ultimately be available in {@link yfiles.input.PopulateMenuEventArgs#queryLocation}. If not specified, the last known mouse location will be used.
-       * @returns {boolean} 
+       * @param [queryLocation=null] The optional location for which the context menu content should be queried. This value will be passed to {@link #onPopulateMenu}
+       * and will ultimately be available in {@link #queryLocation}. If not specified, the last known mouse location will be used.
+       * @returns 
        * @see yfiles.input.ContextMenuInputMode#menuClosed
        * @see yfiles.input.ContextMenuInputMode#addCloseMenuListener
        */
       shouldOpenMenu(queryLocation?:yfiles.geometry.Point):boolean;
       /**
        * Stops the display of the context menu and requests that the context menu is closed.
-       * @returns {boolean} 
+       * @returns 
        */
       tryStop():boolean;
       /**
        * Removes the menu from the context and replaces it with the old instance.
-       * @param {yfiles.input.IInputModeContext} context The context to uninstall this mode from.
+       * @param context The context to uninstall this mode from.
        */
       uninstall(context:yfiles.input.IInputModeContext):void;
       /**
@@ -22233,7 +22255,7 @@ declare namespace system{
        * will be called, even if one of them sets the {@link yfiles.input.PopulateMenuEventArgs#handled} property to
        * <code>true</code>. Every handler should query this property and decide carefully what to do.
        * </p>
-       * @param {function(Object, yfiles.input.PopulateMenuEventArgs): void} listener The listener to add.
+       * @param listener The listener to add.
        * @see yfiles.input.ContextMenuInputMode#removePopulateMenuListener
        */
       addPopulateMenuListener(listener:(sender:Object,evt:yfiles.input.PopulateMenuEventArgs)=>void):void;
@@ -22244,7 +22266,7 @@ declare namespace system{
        * will be called, even if one of them sets the {@link yfiles.input.PopulateMenuEventArgs#handled} property to
        * <code>true</code>. Every handler should query this property and decide carefully what to do.
        * </p>
-       * @param {function(Object, yfiles.input.PopulateMenuEventArgs): void} listener The listener to remove.
+       * @param listener The listener to remove.
        * @see yfiles.input.ContextMenuInputMode#addPopulateMenuListener
        */
       removePopulateMenuListener(listener:(sender:Object,evt:yfiles.input.PopulateMenuEventArgs)=>void):void;
@@ -22273,7 +22295,7 @@ declare namespace system{
        * <p>
        * Custom context menus must be closed in response to this event.
        * </p>
-       * @param {function(Object, yfiles.lang.EventArgs): void} listener The listener to add.
+       * @param listener The listener to add.
        * @see yfiles.input.ContextMenuInputMode#menuClosed
        * @see yfiles.input.ContextMenuInputMode#removeCloseMenuListener
        */
@@ -22284,7 +22306,7 @@ declare namespace system{
        * <p>
        * Custom context menus must be closed in response to this event.
        * </p>
-       * @param {function(Object, yfiles.lang.EventArgs): void} listener The listener to remove.
+       * @param listener The listener to remove.
        * @see yfiles.input.ContextMenuInputMode#menuClosed
        * @see yfiles.input.ContextMenuInputMode#addCloseMenuListener
        */
@@ -22322,7 +22344,7 @@ declare namespace system{
      * <p>
      * This mode is {@link yfiles.input.DropInputMode#exclusive} by default.
      * </p>
-     * @class yfiles.input.DropInputMode
+     * @class
      * @implements {yfiles.input.IInputMode}
      */
     export interface DropInputMode extends Object,yfiles.input.IInputMode{}
@@ -22332,16 +22354,15 @@ declare namespace system{
        * <p>
        * This instance fires events only if a drag operation carries data of the expected format.
        * </p>
-       * @param {string} expectedFormat This is a format that is used in {@link yfiles.view.DragDropItem#getData}.
+       * @param expectedFormat This is a format that is used in {@link #getData}.
        * @see yfiles.input.DropInputMode#addDragEnteredListener
        * @see yfiles.input.DropInputMode#addDragDroppedListener
-       * @constructor
        */
       constructor(expectedFormat:string);
       /**
        * Callback that adjusts the effect accordingly.
-       * @param {yfiles.view.DragEventArgs} evt
-       * @returns {boolean} 
+       * @param evt
+       * @returns 
        * @protected
        */
       adjustEffect(evt:yfiles.view.DragEventArgs):boolean;
@@ -22351,7 +22372,7 @@ declare namespace system{
       cancel():void;
       /**
        * Helper method that yields a suitably configured {@link yfiles.input.InputModeEventArgs} for this input mode.
-       * @returns {yfiles.input.InputModeEventArgs} An input mode event argument that is configured for this instance.
+       * @returns An input mode event argument that is configured for this instance.
        * @protected
        */
       createInputModeEventArgs():yfiles.input.InputModeEventArgs;
@@ -22360,8 +22381,8 @@ declare namespace system{
        * <p>
        * Clients should not call this method as this is handled by the framework.
        * </p>
-       * @param {yfiles.input.IInputModeContext} context the context to install this mode into
-       * @param {yfiles.input.ConcurrencyController} controller The {@link yfiles.input.DropInputMode#controller} for this mode.
+       * @param context the context to install this mode into
+       * @param controller The {@link #controller} for this mode.
        * @see yfiles.view.CanvasComponent
        */
       install(context:yfiles.input.IInputModeContext,controller:yfiles.input.ConcurrencyController):void;
@@ -22400,25 +22421,25 @@ declare namespace system{
       onConcurrencyControllerDeactivated():void;
       /**
        * Called once a drag has been dropped on the canvas.
-       * @param {yfiles.input.InputModeEventArgs} evt
+       * @param evt
        * @protected
        */
       onDragDropped(evt:yfiles.input.InputModeEventArgs):void;
       /**
        * Called once a drag has entered the canvas.
-       * @param {yfiles.input.InputModeEventArgs} evt
+       * @param evt
        * @protected
        */
       onDragEntered(evt:yfiles.input.InputModeEventArgs):void;
       /**
        * Called whenever a drag is over the canvas.
-       * @param {yfiles.input.InputModeEventArgs} evt
+       * @param evt
        * @protected
        */
       onDraggedOver(evt:yfiles.input.InputModeEventArgs):void;
       /**
        * Called once a drag has left the canvas.
-       * @param {yfiles.input.InputModeEventArgs} evt
+       * @param evt
        * @protected
        */
       onDragLeft(evt:yfiles.input.InputModeEventArgs):void;
@@ -22439,13 +22460,13 @@ declare namespace system{
        * It is called prior to the {@link yfiles.input.DropInputMode#onDragEntered}, {@link yfiles.input.DropInputMode#onDraggedOver}, {@link yfiles.input.DropInputMode#onDragDropped}
        * and {@link yfiles.input.DropInputMode#onDragLeft} methods.
        * </p>
-       * @param {yfiles.geometry.Point} location The current location of the mouse in world coordinates.
+       * @param location The current location of the mouse in world coordinates.
        * @protected
        */
       setDragLocation(location:yfiles.geometry.Point):void;
       /**
        * Overridden to only return <code>true</code> if this instance does not currently {@link yfiles.input.ConcurrencyController#hasMutex have the input mutex}.
-       * @returns {boolean} <code>true</code> iff this instance does not {@link yfiles.input.ConcurrencyController#hasMutex own the mutex}.
+       * @returns <code>true</code> iff this instance does not {@link #hasMutex own the mutex}.
        */
       tryStop():boolean;
       /**
@@ -22453,7 +22474,7 @@ declare namespace system{
        * <p>
        * Clients should not call this method as this is handled by the framework.
        * </p>
-       * @param {yfiles.input.IInputModeContext} context the context
+       * @param context the context
        */
       uninstall(context:yfiles.input.IInputModeContext):void;
       /**
@@ -22508,7 +22529,7 @@ declare namespace system{
        * To get additional data for the event, clients should use the sender which is set to the sending
        * {@link yfiles.input.DropInputMode}. The {@link yfiles.lang.EventArgs} provide no useful data.
        * </p>
-       * @param {function(Object, yfiles.input.InputModeEventArgs): void} listener The listener to add.
+       * @param listener The listener to add.
        * @see yfiles.input.DropInputMode#removeDragEnteredListener
        */
       addDragEnteredListener(listener:(sender:Object,evt:yfiles.input.InputModeEventArgs)=>void):void;
@@ -22527,7 +22548,7 @@ declare namespace system{
        * To get additional data for the event, clients should use the sender which is set to the sending
        * {@link yfiles.input.DropInputMode}. The {@link yfiles.lang.EventArgs} provide no useful data.
        * </p>
-       * @param {function(Object, yfiles.input.InputModeEventArgs): void} listener The listener to remove.
+       * @param listener The listener to remove.
        * @see yfiles.input.DropInputMode#addDragEnteredListener
        */
       removeDragEnteredListener(listener:(sender:Object,evt:yfiles.input.InputModeEventArgs)=>void):void;
@@ -22546,7 +22567,7 @@ declare namespace system{
        * To get additional data for the event, clients should use the sender which is set to the sending
        * {@link yfiles.input.DropInputMode}. The {@link yfiles.lang.EventArgs} provide no useful data.
        * </p>
-       * @param {function(Object, yfiles.input.InputModeEventArgs): void} listener The listener to add.
+       * @param listener The listener to add.
        * @see yfiles.input.DropInputMode#removeDragOverListener
        */
       addDragOverListener(listener:(sender:Object,evt:yfiles.input.InputModeEventArgs)=>void):void;
@@ -22565,7 +22586,7 @@ declare namespace system{
        * To get additional data for the event, clients should use the sender which is set to the sending
        * {@link yfiles.input.DropInputMode}. The {@link yfiles.lang.EventArgs} provide no useful data.
        * </p>
-       * @param {function(Object, yfiles.input.InputModeEventArgs): void} listener The listener to remove.
+       * @param listener The listener to remove.
        * @see yfiles.input.DropInputMode#addDragOverListener
        */
       removeDragOverListener(listener:(sender:Object,evt:yfiles.input.InputModeEventArgs)=>void):void;
@@ -22584,7 +22605,7 @@ declare namespace system{
        * To get additional data for the event, clients should use the sender which is set to the sending
        * {@link yfiles.input.DropInputMode}. The {@link yfiles.lang.EventArgs} provide no useful data.
        * </p>
-       * @param {function(Object, yfiles.input.InputModeEventArgs): void} listener The listener to add.
+       * @param listener The listener to add.
        * @see yfiles.input.DropInputMode#removeDragLeftListener
        */
       addDragLeftListener(listener:(sender:Object,evt:yfiles.input.InputModeEventArgs)=>void):void;
@@ -22603,7 +22624,7 @@ declare namespace system{
        * To get additional data for the event, clients should use the sender which is set to the sending
        * {@link yfiles.input.DropInputMode}. The {@link yfiles.lang.EventArgs} provide no useful data.
        * </p>
-       * @param {function(Object, yfiles.input.InputModeEventArgs): void} listener The listener to remove.
+       * @param listener The listener to remove.
        * @see yfiles.input.DropInputMode#addDragLeftListener
        */
       removeDragLeftListener(listener:(sender:Object,evt:yfiles.input.InputModeEventArgs)=>void):void;
@@ -22622,7 +22643,7 @@ declare namespace system{
        * To get additional data for the event, clients should use the sender which is set to the sending
        * {@link yfiles.input.DropInputMode}. The {@link yfiles.lang.EventArgs} provide no useful data.
        * </p>
-       * @param {function(Object, yfiles.input.InputModeEventArgs): void} listener The listener to add.
+       * @param listener The listener to add.
        * @see yfiles.input.DropInputMode#removeDragDroppedListener
        */
       addDragDroppedListener(listener:(sender:Object,evt:yfiles.input.InputModeEventArgs)=>void):void;
@@ -22641,7 +22662,7 @@ declare namespace system{
        * To get additional data for the event, clients should use the sender which is set to the sending
        * {@link yfiles.input.DropInputMode}. The {@link yfiles.lang.EventArgs} provide no useful data.
        * </p>
-       * @param {function(Object, yfiles.input.InputModeEventArgs): void} listener The listener to remove.
+       * @param listener The listener to remove.
        * @see yfiles.input.DropInputMode#addDragDroppedListener
        */
       removeDragDroppedListener(listener:(sender:Object,evt:yfiles.input.InputModeEventArgs)=>void):void;
@@ -22709,14 +22730,13 @@ declare namespace system{
      * <p>
      * This mode is {@link yfiles.input.ConcurrencyController#exclusive} by default.
      * </p>
-     * @class yfiles.input.FocusGuardInputMode
+     * @class
      * @implements {yfiles.input.IInputMode}
      */
     export interface FocusGuardInputMode extends Object,yfiles.input.IInputMode{}
     export class FocusGuardInputMode {
       /**
        * Creates a new instance of this mode.
-       * @constructor
        */
       constructor();
       /**
@@ -22735,10 +22755,10 @@ declare namespace system{
        * <p>
        * Overriding implementations should call the base implementation, first.
        * </p>
-       * @param {yfiles.input.IInputModeContext} context The context that this instance shall be installed into. The same instance will be passed to this instance during
-       * {@link yfiles.input.IInputMode#uninstall}. A reference to the context may be kept and queried during the time the mode is
+       * @param context The context that this instance shall be installed into. The same instance will be passed to this instance during
+       * {@link #uninstall}. A reference to the context may be kept and queried during the time the mode is
        * installed.
-       * @param {yfiles.input.ConcurrencyController} controller The {@link yfiles.input.FocusGuardInputMode#controller} for this mode.
+       * @param controller The {@link #controller} for this mode.
        * @see yfiles.input.IInputMode#uninstall
        */
       install(context:yfiles.input.IInputModeContext,controller:yfiles.input.ConcurrencyController):void;
@@ -22788,7 +22808,7 @@ declare namespace system{
       onStopped():void;
       /**
        * 
-       * @returns {boolean} 
+       * @returns 
        */
       tryStop():boolean;
       /**
@@ -22800,7 +22820,7 @@ declare namespace system{
        * <p>
        * Overriding implementations should call the base implementation after their own code.
        * </p>
-       * @param {yfiles.input.IInputModeContext} context The context to deregister from. This is the same instance that had been passed to {@link yfiles.input.IInputMode#install} during
+       * @param context The context to deregister from. This is the same instance that had been passed to {@link #install} during
        * installation.
        */
       uninstall(context:yfiles.input.IInputModeContext):void;
@@ -22849,7 +22869,7 @@ declare namespace system{
      * This mode is {@link yfiles.input.HandleInputMode#exclusive} by default.
      * </p>
      * @see yfiles.input.IHandle
-     * @class yfiles.input.HandleInputMode
+     * @class
      * @implements {yfiles.input.IInputMode}
      */
     export interface HandleInputMode extends Object,yfiles.input.IInputMode{}
@@ -22857,12 +22877,11 @@ declare namespace system{
       /**
        * Creates a new mode with no handles initially.
        * @see yfiles.input.HandleInputMode#handles
-       * @constructor
        */
       constructor();
       /**
        * Adds a handle to the collection of handles managed by this instance.
-       * @param {yfiles.input.IHandle} handle The handle to add.
+       * @param handle The handle to add.
        */
       addHandle(handle:yfiles.input.IHandle):void;
       /**
@@ -22870,10 +22889,10 @@ declare namespace system{
        * <p>
        * The <code>cursor</code> and <code>type</code> are used to initialize the {@link yfiles.input.IHandle} instance.
        * </p>
-       * @param {yfiles.geometry.IMutablePoint} location The point to use as a handle.
-       * @param {yfiles.view.Cursor} [cursor=null] The cursor to use.
-       * @param {yfiles.input.HandleTypes} [type=yfiles.input.HandleTypes.DEFAULT] The type of the handle to create.
-       * @returns {yfiles.input.IHandle} The handle created.
+       * @param location The point to use as a handle.
+       * @param [cursor=null] The cursor to use.
+       * @param [type=yfiles.input.HandleTypes.DEFAULT] The type of the handle to create.
+       * @returns The handle created.
        */
       addHandle(location:yfiles.geometry.IMutablePoint,cursor?:yfiles.view.Cursor,type?:yfiles.input.HandleTypes):yfiles.input.IHandle;
       /**
@@ -22882,10 +22901,10 @@ declare namespace system{
        * The <code>cursor</code> and <code>type</code> are used to initialize the {@link yfiles.input.IHandle} instance.
        * </p>
        * @param {Object} options The parameters to pass.
-       * @param {yfiles.geometry.IMutablePoint} options.location The point to use as a handle.
-       * @param {yfiles.view.Cursor} [options.cursor=null] The cursor to use.
-       * @param {yfiles.input.HandleTypes} [options.type=yfiles.input.HandleTypes.DEFAULT] The type of the handle to create.
-       * @returns {yfiles.input.IHandle} The handle created.
+       * @param options.location The point to use as a handle.
+       * @param [options.cursor=null] The cursor to use.
+       * @param [options.type=yfiles.input.HandleTypes.DEFAULT] The type of the handle to create.
+       * @returns The handle created.
        */
       addHandle(options:{location:yfiles.geometry.IMutablePoint,cursor?:yfiles.view.Cursor,type?:yfiles.input.HandleTypes}):yfiles.input.IHandle;
       /**
@@ -22893,7 +22912,7 @@ declare namespace system{
        * <p>
        * This happens when the mouse pointer hovers over a handle. This changes the mouse cursor to the <code>handle</code>'s {@link yfiles.input.IHandle#cursor}.
        * </p>
-       * @param {yfiles.input.IHandle} handle
+       * @param handle
        * @protected
        */
       arm(handle:yfiles.input.IHandle):void;
@@ -22902,7 +22921,7 @@ declare namespace system{
        * <p>
        * This will simulate the user having initialized a drag of the given handle.
        * </p>
-       * @param {yfiles.input.IHandle} handle The handle to be dragged.
+       * @param handle The handle to be dragged.
        */
       beginDragging(handle:yfiles.input.IHandle):void;
       /**
@@ -22912,21 +22931,21 @@ declare namespace system{
       /**
        * Creates an {@link yfiles.input.IInputModeContext} for use with the {@link yfiles.input.IHandle} interface for the upcoming drag
        * operation.
-       * @returns {yfiles.input.IInputModeContext} An instance of {@link yfiles.input.IInputModeContext}.
+       * @returns An instance of {@link }.
        * @protected
        */
       createHandleInputModeContext():yfiles.input.IInputModeContext;
       /**
        * Helper method that yields a suitably configured {@link yfiles.input.InputModeEventArgs} for this input mode.
-       * @returns {yfiles.input.InputModeEventArgs} An input mode event argument that is configured for this instance.
+       * @returns An input mode event argument that is configured for this instance.
        * @protected
        */
       createInputModeEventArgs():yfiles.input.InputModeEventArgs;
       /**
        * Callback that creates the {@link yfiles.view.Visual} for the given handle.
-       * @param {yfiles.view.IRenderContext} context The render context.
-       * @param {yfiles.input.IHandle} handle The handle to create a visual representation for.
-       * @returns {yfiles.view.SvgVisual} The {@link yfiles.view.Visual}.
+       * @param handle The handle to create a visual representation for.
+       * @param context
+       * @returns The {@link }.
        * @protected
        */
       createVisual(context:yfiles.view.IRenderContext,handle:yfiles.input.IHandle):yfiles.view.SvgVisual;
@@ -22943,15 +22962,15 @@ declare namespace system{
        * <p>
        * The default implementation compares the manhatten distance of the handles to find the closest handle.
        * </p>
-       * @param {yfiles.geometry.Point} location The coordinates in the world coordinate system.
-       * @returns {yfiles.input.IHandle} The closest handle that has been hit or <code>null</code>
+       * @param location The coordinates in the world coordinate system.
+       * @returns The closest handle that has been hit or <code>null</code>
        * @protected
        */
       getClosestHitHandle(location:yfiles.geometry.Point):yfiles.input.IHandle;
       /**
        * Finds the closest hit handle for the given world coordinate pair.
-       * @param {yfiles.geometry.Point} location The coordinates in the world coordinate system.
-       * @returns {yfiles.input.IHandle} The closest handle that has been hit or <code>null</code>
+       * @param location The coordinates in the world coordinate system.
+       * @returns The closest handle that has been hit or <code>null</code>
        * @protected
        */
       getClosestHitHandleTouch(location:yfiles.geometry.Point):yfiles.input.IHandle;
@@ -22960,28 +22979,28 @@ declare namespace system{
        * <p>
        * This implementation uses the manhatten distance as a metric to determine if the handle was hit.
        * </p>
-       * @param {yfiles.input.IHandle} handle The handle to check
-       * @param {yfiles.geometry.Point} location The view coordinates to check.
-       * @param {yfiles.geometry.Point} distance The distance of the handle to the location. In the default implementation, this is a tuple representing the x- and
+       * @param handle The handle to check
+       * @param location The view coordinates to check.
+       * @param distance The distance of the handle to the location. In the default implementation, this is a tuple representing the x- and
        * y-distance of the handle to the location.
-       * @returns {boolean} Whether the handle has been hit.
+       * @returns Whether the handle has been hit.
        * @protected
        */
       handleIsHit(handle:yfiles.input.IHandle,location:yfiles.geometry.Point,distance:yfiles.geometry.Point):boolean;
       /**
        * Determines whether a given handle has been visually hit by the touch device at the given world coordinates.
-       * @param {yfiles.input.IHandle} handle The handle to check
-       * @param {yfiles.geometry.Point} location The world coordinates to check.
-       * @param {yfiles.geometry.Point} distance The distance of the handle to the touch location. In the default implementation, this is a tuple representing the x- and
+       * @param handle The handle to check
+       * @param location The world coordinates to check.
+       * @param distance The distance of the handle to the touch location. In the default implementation, this is a tuple representing the x- and
        * y-distance of the handle to the touch location.
-       * @returns {boolean} Whether the handle has been hit.
+       * @returns Whether the handle has been hit.
        * @protected
        */
       handleIsHitTouch(handle:yfiles.input.IHandle,location:yfiles.geometry.Point,distance:yfiles.geometry.Point):boolean;
       /**
        * Installs the visual representation of the handles into the canvas into the {@link yfiles.view.CanvasComponent#inputModeGroup}.
-       * @param {yfiles.input.IInputModeContext} context
-       * @param {yfiles.input.ConcurrencyController} controller
+       * @param context
+       * @param controller
        */
       install(context:yfiles.input.IInputModeContext,controller:yfiles.input.ConcurrencyController):void;
       /**
@@ -22991,9 +23010,9 @@ declare namespace system{
       invalidate():void;
       /**
        * Event recognizer callback used to determine whether the mouse is currently hovering over a handle.
-       * @param {Object} sender
-       * @param {yfiles.lang.EventArgs} evt
-       * @returns {boolean} Whether the mouse is hovering over handle.
+       * @param sender
+       * @param evt
+       * @returns Whether the mouse is hovering over handle.
        * @see yfiles.input.HandleInputMode#getClosestHitHandle
        * @protected
        */
@@ -23033,13 +23052,13 @@ declare namespace system{
       onConcurrencyControllerDeactivated():void;
       /**
        * Triggers the {@link yfiles.input.HandleInputMode#addDragCanceledListener DragCanceled} event.
-       * @param {yfiles.input.InputModeEventArgs} evt The event argument that contains context information.
+       * @param evt The event argument that contains context information.
        * @protected
        */
       onDragCanceled(evt:yfiles.input.InputModeEventArgs):void;
       /**
        * Triggers the {@link yfiles.input.HandleInputMode#addDragCancelingListener DragCanceling} event.
-       * @param {yfiles.input.InputModeEventArgs} evt The event argument that contains context information.
+       * @param evt The event argument that contains context information.
        * @protected
        */
       onDragCanceling(evt:yfiles.input.InputModeEventArgs):void;
@@ -23048,7 +23067,7 @@ declare namespace system{
        * <p>
        * This method triggers the {@link yfiles.input.HandleInputMode#addDragFinishedListener DragFinished} event.
        * </p>
-       * @param {yfiles.input.InputModeEventArgs} evt The event argument that contains context information.
+       * @param evt The event argument that contains context information.
        * @protected
        */
       onDragFinished(evt:yfiles.input.InputModeEventArgs):void;
@@ -23057,7 +23076,7 @@ declare namespace system{
        * <p>
        * This method triggers the {@link yfiles.input.HandleInputMode#addDragFinishingListener DragFinishing} event.
        * </p>
-       * @param {yfiles.input.InputModeEventArgs} evt The event argument that contains context information.
+       * @param evt The event argument that contains context information.
        * @protected
        */
       onDragFinishing(evt:yfiles.input.InputModeEventArgs):void;
@@ -23066,7 +23085,7 @@ declare namespace system{
        * <p>
        * This method triggers the {@link yfiles.input.HandleInputMode#addDraggedListener Dragged} event.
        * </p>
-       * @param {yfiles.input.InputModeEventArgs} evt The event argument that contains context information.
+       * @param evt The event argument that contains context information.
        * @protected
        */
       onDragged(evt:yfiles.input.InputModeEventArgs):void;
@@ -23075,19 +23094,19 @@ declare namespace system{
        * <p>
        * This method triggers the {@link yfiles.input.HandleInputMode#addDraggingListener Dragging} event.
        * </p>
-       * @param {yfiles.input.InputModeEventArgs} evt The event argument that contains context information.
+       * @param evt The event argument that contains context information.
        * @protected
        */
       onDragging(evt:yfiles.input.InputModeEventArgs):void;
       /**
        * Triggers the {@link yfiles.input.HandleInputMode#addDragStartedListener DragStarted} event.
-       * @param {yfiles.input.InputModeEventArgs} evt The event argument that contains context information.
+       * @param evt The event argument that contains context information.
        * @protected
        */
       onDragStarted(evt:yfiles.input.InputModeEventArgs):void;
       /**
        * Triggers the {@link yfiles.input.HandleInputMode#addDragStartingListener DragStarting} event.
-       * @param {yfiles.input.InputModeEventArgs} evt The event argument that contains context information.
+       * @param evt The event argument that contains context information.
        * @protected
        */
       onDragStarting(evt:yfiles.input.InputModeEventArgs):void;
@@ -23104,17 +23123,17 @@ declare namespace system{
       onStopped():void;
       /**
        * Removes a handle from the collection of handles managed by this instance.
-       * @param {yfiles.input.IHandle} handle The handle to remove.
+       * @param handle The handle to remove.
        */
       removeHandle(handle:yfiles.input.IHandle):void;
       /**
        * 
-       * @returns {boolean} 
+       * @returns 
        */
       tryStop():boolean;
       /**
        * Removes the {@link yfiles.view.ICanvasObject} that displays the handles from the canvas.
-       * @param {yfiles.input.IInputModeContext} context
+       * @param context
        */
       uninstall(context:yfiles.input.IInputModeContext):void;
       /**
@@ -23588,97 +23607,97 @@ declare namespace system{
       affectedItems:yfiles.collections.IEnumerable<yfiles.graph.IModelItem>;
       /**
        * Adds the given listener for the <code>DragFinishing</code> event that occurs before the drag will be finished.
-       * @param {function(Object, yfiles.input.InputModeEventArgs): void} listener The listener to add.
+       * @param listener The listener to add.
        * @see yfiles.input.HandleInputMode#removeDragFinishingListener
        */
       addDragFinishingListener(listener:(sender:Object,evt:yfiles.input.InputModeEventArgs)=>void):void;
       /**
        * Removes the given listener for the <code>DragFinishing</code> event that occurs before the drag will be finished.
-       * @param {function(Object, yfiles.input.InputModeEventArgs): void} listener The listener to remove.
+       * @param listener The listener to remove.
        * @see yfiles.input.HandleInputMode#addDragFinishingListener
        */
       removeDragFinishingListener(listener:(sender:Object,evt:yfiles.input.InputModeEventArgs)=>void):void;
       /**
        * Adds the given listener for the <code>DragFinished</code> event that occurs once the drag has been finished.
-       * @param {function(Object, yfiles.input.InputModeEventArgs): void} listener The listener to add.
+       * @param listener The listener to add.
        * @see yfiles.input.HandleInputMode#removeDragFinishedListener
        */
       addDragFinishedListener(listener:(sender:Object,evt:yfiles.input.InputModeEventArgs)=>void):void;
       /**
        * Removes the given listener for the <code>DragFinished</code> event that occurs once the drag has been finished.
-       * @param {function(Object, yfiles.input.InputModeEventArgs): void} listener The listener to remove.
+       * @param listener The listener to remove.
        * @see yfiles.input.HandleInputMode#addDragFinishedListener
        */
       removeDragFinishedListener(listener:(sender:Object,evt:yfiles.input.InputModeEventArgs)=>void):void;
       /**
        * Adds the given listener for the <code>DragStarting</code> event that occurs once the drag is starting.
-       * @param {function(Object, yfiles.input.InputModeEventArgs): void} listener The listener to add.
+       * @param listener The listener to add.
        * @see yfiles.input.HandleInputMode#removeDragStartingListener
        */
       addDragStartingListener(listener:(sender:Object,evt:yfiles.input.InputModeEventArgs)=>void):void;
       /**
        * Removes the given listener for the <code>DragStarting</code> event that occurs once the drag is starting.
-       * @param {function(Object, yfiles.input.InputModeEventArgs): void} listener The listener to remove.
+       * @param listener The listener to remove.
        * @see yfiles.input.HandleInputMode#addDragStartingListener
        */
       removeDragStartingListener(listener:(sender:Object,evt:yfiles.input.InputModeEventArgs)=>void):void;
       /**
        * Adds the given listener for the <code>DragStarted</code> event that occurs once the drag is initialized and has started.
-       * @param {function(Object, yfiles.input.InputModeEventArgs): void} listener The listener to add.
+       * @param listener The listener to add.
        * @see yfiles.input.HandleInputMode#removeDragStartedListener
        */
       addDragStartedListener(listener:(sender:Object,evt:yfiles.input.InputModeEventArgs)=>void):void;
       /**
        * Removes the given listener for the <code>DragStarted</code> event that occurs once the drag is initialized and has started.
-       * @param {function(Object, yfiles.input.InputModeEventArgs): void} listener The listener to remove.
+       * @param listener The listener to remove.
        * @see yfiles.input.HandleInputMode#addDragStartedListener
        */
       removeDragStartedListener(listener:(sender:Object,evt:yfiles.input.InputModeEventArgs)=>void):void;
       /**
        * Adds the given listener for the <code>Dragging</code> event that occurs at the start of every drag.
-       * @param {function(Object, yfiles.input.InputModeEventArgs): void} listener The listener to add.
+       * @param listener The listener to add.
        * @see yfiles.input.HandleInputMode#removeDraggingListener
        */
       addDraggingListener(listener:(sender:Object,evt:yfiles.input.InputModeEventArgs)=>void):void;
       /**
        * Removes the given listener for the <code>Dragging</code> event that occurs at the start of every drag.
-       * @param {function(Object, yfiles.input.InputModeEventArgs): void} listener The listener to remove.
+       * @param listener The listener to remove.
        * @see yfiles.input.HandleInputMode#addDraggingListener
        */
       removeDraggingListener(listener:(sender:Object,evt:yfiles.input.InputModeEventArgs)=>void):void;
       /**
        * Adds the given listener for the <code>Dragged</code> event that occurs at the end of every drag.
-       * @param {function(Object, yfiles.input.InputModeEventArgs): void} listener The listener to add.
+       * @param listener The listener to add.
        * @see yfiles.input.HandleInputMode#removeDraggedListener
        */
       addDraggedListener(listener:(sender:Object,evt:yfiles.input.InputModeEventArgs)=>void):void;
       /**
        * Removes the given listener for the <code>Dragged</code> event that occurs at the end of every drag.
-       * @param {function(Object, yfiles.input.InputModeEventArgs): void} listener The listener to remove.
+       * @param listener The listener to remove.
        * @see yfiles.input.HandleInputMode#addDraggedListener
        */
       removeDraggedListener(listener:(sender:Object,evt:yfiles.input.InputModeEventArgs)=>void):void;
       /**
        * Adds the given listener for the <code>DragCanceled</code> event that occurs when the drag has been canceled.
-       * @param {function(Object, yfiles.input.InputModeEventArgs): void} listener The listener to add.
+       * @param listener The listener to add.
        * @see yfiles.input.HandleInputMode#removeDragCanceledListener
        */
       addDragCanceledListener(listener:(sender:Object,evt:yfiles.input.InputModeEventArgs)=>void):void;
       /**
        * Removes the given listener for the <code>DragCanceled</code> event that occurs when the drag has been canceled.
-       * @param {function(Object, yfiles.input.InputModeEventArgs): void} listener The listener to remove.
+       * @param listener The listener to remove.
        * @see yfiles.input.HandleInputMode#addDragCanceledListener
        */
       removeDragCanceledListener(listener:(sender:Object,evt:yfiles.input.InputModeEventArgs)=>void):void;
       /**
        * Adds the given listener for the <code>DragCanceling</code> event that occurs before the drag will be canceled.
-       * @param {function(Object, yfiles.input.InputModeEventArgs): void} listener The listener to add.
+       * @param listener The listener to add.
        * @see yfiles.input.HandleInputMode#removeDragCancelingListener
        */
       addDragCancelingListener(listener:(sender:Object,evt:yfiles.input.InputModeEventArgs)=>void):void;
       /**
        * Removes the given listener for the <code>DragCanceling</code> event that occurs before the drag will be canceled.
-       * @param {function(Object, yfiles.input.InputModeEventArgs): void} listener The listener to remove.
+       * @param listener The listener to remove.
        * @see yfiles.input.HandleInputMode#addDragCancelingListener
        */
       removeDragCancelingListener(listener:(sender:Object,evt:yfiles.input.InputModeEventArgs)=>void):void;
@@ -23708,8 +23727,8 @@ declare namespace system{
        * {@link yfiles.input.IDragHandler#handleMove}. Implementations should reset the position of the items they modify to their
        * initial state. Alternatively to this method the {@link yfiles.input.IDragHandler#dragFinished} method might be called.
        * </p>
-       * @param {yfiles.input.IInputModeContext} context The context to retrieve information about the drag from.
-       * @param {yfiles.geometry.Point} originalLocation The value of the coordinate of the {@link yfiles.input.IDragHandler#location} property at the time of {@link yfiles.input.IDragHandler#initializeDrag}.
+       * @param context The context to retrieve information about the drag from.
+       * @param originalLocation The value of the coordinate of the {@link #location} property at the time of {@link #initializeDrag}.
        * @abstract
        */
       cancelDrag(context:yfiles.input.IInputModeContext,originalLocation:yfiles.geometry.Point):void;
@@ -23720,11 +23739,11 @@ declare namespace system{
        * {@link yfiles.input.IDragHandler#handleMove}. Alternatively to this method the {@link yfiles.input.IDragHandler#cancelDrag} method might
        * be called.
        * </p>
-       * @param {yfiles.input.IInputModeContext} context The context to retrieve information about the drag from.
-       * @param {yfiles.geometry.Point} newLocation The coordinates in the world coordinate system that the client wants the handle to be at. Depending on the
-       * implementation the {@link yfiles.input.IDragHandler#location} may or may not be modified to reflect the new value. This is the same value as delivered in the last
-       * invocation of {@link yfiles.input.IDragHandler#handleMove}
-       * @param {yfiles.geometry.Point} originalLocation The value of the {@link yfiles.input.IDragHandler#location} property at the time of {@link yfiles.input.IDragHandler#initializeDrag}.
+       * @param context The context to retrieve information about the drag from.
+       * @param newLocation The coordinates in the world coordinate system that the client wants the handle to be at. Depending on the
+       * implementation the {@link #location} may or may not be modified to reflect the new value. This is the same value as delivered in the last
+       * invocation of {@link #handleMove}
+       * @param originalLocation The value of the {@link #location} property at the time of {@link #initializeDrag}.
        * @abstract
        */
       dragFinished(context:yfiles.input.IInputModeContext,originalLocation:yfiles.geometry.Point,newLocation:yfiles.geometry.Point):void;
@@ -23735,10 +23754,10 @@ declare namespace system{
        * call will be followed by either one {@link yfiles.input.IDragHandler#dragFinished} or one {@link yfiles.input.IDragHandler#cancelDrag}
        * call.
        * </p>
-       * @param {yfiles.input.IInputModeContext} context The context to retrieve information about the drag from.
-       * @param {yfiles.geometry.Point} originalLocation The value of the {@link yfiles.input.IDragHandler#location} property at the time of {@link yfiles.input.IDragHandler#initializeDrag}.
-       * @param {yfiles.geometry.Point} newLocation The coordinates in the world coordinate system that the client wants the handle to be at. Depending on the
-       * implementation the {@link yfiles.input.IDragHandler#location} may or may not be modified to reflect the new value.
+       * @param context The context to retrieve information about the drag from.
+       * @param originalLocation The value of the {@link #location} property at the time of {@link #initializeDrag}.
+       * @param newLocation The coordinates in the world coordinate system that the client wants the handle to be at. Depending on the
+       * implementation the {@link #location} may or may not be modified to reflect the new value.
        * @abstract
        */
       handleMove(context:yfiles.input.IInputModeContext,originalLocation:yfiles.geometry.Point,newLocation:yfiles.geometry.Point):void;
@@ -23748,7 +23767,7 @@ declare namespace system{
        * This call will be followed by one or more calls to {@link yfiles.input.IDragHandler#handleMove}, and a final {@link yfiles.input.IDragHandler#dragFinished}
        * or {@link yfiles.input.IDragHandler#cancelDrag}.
        * </p>
-       * @param {yfiles.input.IInputModeContext} context The context to retrieve information about the drag from.
+       * @param context The context to retrieve information about the drag from.
        * @abstract
        */
       initializeDrag(context:yfiles.input.IInputModeContext):void;
@@ -23794,12 +23813,12 @@ declare namespace system{
     export interface IGridConstraintProvider<T> extends Object{
       /**
        * Performs the actual snapping to grid coordinates.
-       * @param {yfiles.input.IInputModeContext} context The context in which the snapping should occur.
-       * @param {T} item The item of which the coordinates should be snapped.
-       * @param {yfiles.geometry.IMutablePoint} location The coordinates to snap.
-       * @param {yfiles.input.SnapPolicy} xSnapPolicy The policy for the x coordinate.
-       * @param {yfiles.input.SnapPolicy} ySnapPolicy The policy for the y coordinate.
-       * @returns {boolean} Whether the point has been snapped.
+       * @param context The context in which the snapping should occur.
+       * @param item The item of which the coordinates should be snapped.
+       * @param location The coordinates to snap.
+       * @param xSnapPolicy The policy for the x coordinate.
+       * @param ySnapPolicy The policy for the y coordinate.
+       * @returns Whether the point has been snapped.
        * @abstract
        */
       snapToGrid(context:yfiles.input.IInputModeContext,item:T,location:yfiles.geometry.IMutablePoint,xSnapPolicy:yfiles.input.SnapPolicy,ySnapPolicy:yfiles.input.SnapPolicy):boolean;
@@ -23829,7 +23848,7 @@ declare namespace system{
     /**
      * A simple integer based implementation of {@link yfiles.input.IGridConstraintProvider.<T>}.
      * Type parameter <code>T</code>: The type of the items.
-     * @class yfiles.input.GridConstraintProvider.<T>
+     * @class
      * @implements {yfiles.input.IGridConstraintProvider.<T>}
      * @template T
      */
@@ -23837,31 +23856,28 @@ declare namespace system{
     export class GridConstraintProvider<T> {
       /**
        * Creates a new instance using the given grid info.
-       * @param {yfiles.view.GridInfo} gridInfo The grid info object.
-       * @constructor
+       * @param gridInfo The grid info object.
        */
       constructor(gridInfo:yfiles.view.GridInfo);
       /**
        * Creates a new instance using the given grid specification.
-       * @param {number} gridWidth Width of the grid.
-       * @param {number} gridHeight Height of the grid.
-       * @constructor
+       * @param gridWidth Width of the grid.
+       * @param gridHeight Height of the grid.
        */
       constructor(gridWidth:number,gridHeight:number);
       /**
        * Creates a new instance using the given grid distances.
-       * @param {number} gridSize
-       * @constructor
+       * @param gridSize
        */
       constructor(gridSize:number);
       /**
        * 
-       * @param {yfiles.input.IInputModeContext} context
-       * @param {T} item
-       * @param {yfiles.geometry.IMutablePoint} location
-       * @param {yfiles.input.SnapPolicy} xSnapPolicy
-       * @param {yfiles.input.SnapPolicy} ySnapPolicy
-       * @returns {boolean} 
+       * @param context
+       * @param item
+       * @param location
+       * @param xSnapPolicy
+       * @param ySnapPolicy
+       * @returns 
        */
       snapToGrid(context:yfiles.input.IInputModeContext,item:T,location:yfiles.geometry.IMutablePoint,xSnapPolicy:yfiles.input.SnapPolicy,ySnapPolicy:yfiles.input.SnapPolicy):boolean;
       /**
@@ -24121,8 +24137,8 @@ declare namespace system{
     export interface IHandleProvider extends Object{
       /**
        * Returns a collection of zero or more {@link yfiles.input.IHandle} implementations that are associated with this instance.
-       * @param {yfiles.input.IInputModeContext} context
-       * @returns {yfiles.collections.IEnumerable.<yfiles.input.IHandle>} A collection of handles.
+       * @param context
+       * @returns A collection of handles.
        * @abstract
        */
       getHandles(context:yfiles.input.IInputModeContext):yfiles.collections.IEnumerable<yfiles.input.IHandle>;
@@ -24148,8 +24164,8 @@ declare namespace system{
        * Client code will use this method to query the available positions and may then call for each of the positions the {@link yfiles.input.IReshapeHandleProvider#getHandle}
        * method to retrieve an implementation.
        * </p>
-       * @param {yfiles.input.IInputModeContext} context The context for which the handles are queried.
-       * @returns {yfiles.input.HandlePositions} A bitwise combination of all positions the {@link yfiles.input.IReshapeHandleProvider#getHandle} method can be queried for.
+       * @param context The context for which the handles are queried.
+       * @returns A bitwise combination of all positions the {@link #getHandle} method can be queried for.
        * @abstract
        */
       getAvailableHandles(context:yfiles.input.IInputModeContext):yfiles.input.HandlePositions;
@@ -24159,9 +24175,9 @@ declare namespace system{
        * This method may be called for each possible single position contained in the set as returned by
        * {@link yfiles.input.IReshapeHandleProvider#getAvailableHandles}.
        * </p>
-       * @param {yfiles.input.IInputModeContext} context The context for which the handles are queried.
-       * @param {yfiles.input.HandlePositions} position The single position a handle implementation should be returned for.
-       * @returns {yfiles.input.IHandle} An implementation of {@link yfiles.input.IHandle} for the given position.
+       * @param context The context for which the handles are queried.
+       * @param position The single position a handle implementation should be returned for.
+       * @returns An implementation of {@link } for the given position.
        * @abstract
        */
       getHandle(context:yfiles.input.IInputModeContext,position:yfiles.input.HandlePositions):yfiles.input.IHandle;
@@ -24210,10 +24226,10 @@ declare namespace system{
        * <br />
        * Implementations may hold a reference to the <code>context</code> instance and use it while they are being installed.
        * </p>
-       * @param {yfiles.input.IInputModeContext} context The context that this instance shall be installed into. The same instance will be passed to this instance during
-       * {@link yfiles.input.IInputMode#uninstall}. A reference to the context may be kept and queried during the time the mode is
+       * @param context The context that this instance shall be installed into. The same instance will be passed to this instance during
+       * {@link #uninstall}. A reference to the context may be kept and queried during the time the mode is
        * installed.
-       * @param {yfiles.input.ConcurrencyController} controller The {@link yfiles.input.ConcurrencyController} for this mode.
+       * @param controller The {@link } for this mode.
        * @see yfiles.input.IInputMode#uninstall
        * @abstract
        */
@@ -24224,7 +24240,7 @@ declare namespace system{
        * This should stop the current edit, if one is in progress and possibly commit all of the changes. If stopping is not
        * possible, this method can return <code>false</code>
        * </p>
-       * @returns {boolean} <code>true</code> if and only if the editing has been stopped or there was no edit in progress
+       * @returns <code>true</code> if and only if the editing has been stopped or there was no edit in progress
        * @see yfiles.input.IInputMode#cancel
        * @abstract
        */
@@ -24235,7 +24251,7 @@ declare namespace system{
        * This code should clean up all changes made to the canvas in the {@link yfiles.input.IInputMode#install} method. After a mode has
        * been uninstalled it can be installed again into the same or another canvas.
        * </p>
-       * @param {yfiles.input.IInputModeContext} context The context to deregister from. This is the same instance that had been passed to {@link yfiles.input.IInputMode#install} during
+       * @param context The context to deregister from. This is the same instance that had been passed to {@link #install} during
        * installation.
        * @abstract
        */
@@ -24280,7 +24296,7 @@ declare namespace system{
      */
     export interface IInputModeContext extends Object,yfiles.view.ICanvasContext{
       /**
-       * Tries to call {@link yfiles.graph.IGraph#invalidateDisplays} on the {@link yfiles.input.IInputModeContext#graph graph} from the {@link yfiles.input.IInputModeContext}.
+       * Tries to call {@link yfiles.graph.IGraph#invalidateDisplays} on the {@link yfiles.input.IInputModeContext#graph graph} obtains from the {@link yfiles.input.IInputModeContext}.
        * <p>
        * If the graph instance cannot be found, {@link yfiles.view.CanvasComponent#invalidate} will be called instead.
        * </p>
@@ -24296,12 +24312,11 @@ declare namespace system{
        */
       parentInputMode:yfiles.input.IInputMode;
       /**
-       * Tries to retrieve an {@link yfiles.graph.IGraph} instance from the {@link yfiles.input.IInputModeContext}.
+       * Tries to retrieve an {@link yfiles.graph.IGraph} instance from an {@link yfiles.input.IInputModeContext}.
        * <p>
        * This will use the {@link yfiles.graph.ILookup} and if this yields nothing, it will use the {@link yfiles.graph.ILookup} of the {@link yfiles.view.ICanvasContext#canvasComponent} or
        * finally test if it is a {@link yfiles.view.GraphComponent} to obtain the graph from.
        * </p>
-       * @returns Return the graph or <code>null</code>.
        * @type {yfiles.graph.IGraph}
        */
       graph?:yfiles.graph.IGraph;
@@ -24310,55 +24325,55 @@ declare namespace system{
       /**
        * Factory method that creates an {@link yfiles.input.IInputModeContext} that uses the provided parent mode, parent context, and
        * lookup decoration.
-       * @param {yfiles.input.IInputMode} parent
-       * @param {yfiles.input.IInputModeContext} parentContext
-       * @param {function(Object, yfiles.lang.Class): Object} lookupCallback
-       * @returns {yfiles.input.IInputModeContext} 
+       * @param parent
+       * @param parentContext
+       * @param lookupCallback
+       * @returns 
        * @static
        */
       createInputModeContext?(parent:yfiles.input.IInputMode,parentContext:yfiles.input.IInputModeContext,lookupCallback:(subject:Object,type:yfiles.lang.Class)=>Object):yfiles.input.IInputModeContext;
       /**
        * Factory method that creates an {@link yfiles.input.IInputModeContext} that uses the provided parent mode and lookup decoration.
-       * @param {yfiles.input.IInputMode} parent
-       * @param {function(Object, yfiles.lang.Class): Object} lookupCallback
-       * @returns {yfiles.input.IInputModeContext} 
+       * @param parent
+       * @param lookupCallback
+       * @returns 
        * @static
        */
       createInputModeContext?(parent:yfiles.input.IInputMode,lookupCallback:(subject:Object,type:yfiles.lang.Class)=>Object):yfiles.input.IInputModeContext;
       /**
        * Factory method that creates an {@link yfiles.input.IInputModeContext} that uses the provided values.
-       * @param {yfiles.view.CanvasComponent} canvas The {@link yfiles.view.CanvasComponent} to use, may not be <code>null</code>.
-       * @param {yfiles.input.IInputMode} [parent=null] The mode to set as the parent. This may be <code>null</code> for the canvas' context.
-       * @param {yfiles.graph.ILookup} [lookup=null] The lookup to use.
-       * @returns {yfiles.input.IInputModeContext} 
+       * @param canvas The {@link } to use, may not be <code>null</code>.
+       * @param [parent=null] The mode to set as the parent. This may be <code>null</code> for the canvas' context.
+       * @param [lookup=null] The lookup to use.
+       * @returns 
        * @static
        */
       createInputModeContext?(canvas:yfiles.view.CanvasComponent,parent?:yfiles.input.IInputMode,lookup?:yfiles.graph.ILookup):yfiles.input.IInputModeContext;
       /**
        * Factory method that creates an {@link yfiles.input.IInputModeContext} that uses the provided values.
        * @param {Object} options The parameters to pass.
-       * @param {yfiles.view.CanvasComponent} options.canvas The {@link yfiles.view.CanvasComponent} to use, may not be <code>null</code>.
-       * @param {yfiles.input.IInputMode} [options.parent=null] The mode to set as the parent. This may be <code>null</code> for the canvas' context.
-       * @param {yfiles.graph.ILookup} [options.lookup=null] The lookup to use.
-       * @returns {yfiles.input.IInputModeContext} 
+       * @param options.canvas The {@link } to use, may not be <code>null</code>.
+       * @param [options.parent=null] The mode to set as the parent. This may be <code>null</code> for the canvas' context.
+       * @param [options.lookup=null] The lookup to use.
+       * @returns 
        * @static
        */
       createInputModeContext?(options:{canvas:yfiles.view.CanvasComponent,parent?:yfiles.input.IInputMode,lookup?:yfiles.graph.ILookup}):yfiles.input.IInputModeContext;
       /**
        * Factory method that creates an {@link yfiles.input.IInputModeContext} that uses the provided parent mode, parent context, and
        * lookup decoration.
-       * @param {yfiles.input.IInputMode} parent
-       * @param {yfiles.input.IInputModeContext} parentContext
-       * @param {yfiles.graph.ILookup} lookup
-       * @returns {yfiles.input.IInputModeContext} 
+       * @param parent
+       * @param parentContext
+       * @param lookup
+       * @returns 
        * @static
        */
       createInputModeContext?(parent:yfiles.input.IInputMode,parentContext:yfiles.input.IInputModeContext,lookup:yfiles.graph.ILookup):yfiles.input.IInputModeContext;
       /**
        * Factory method that creates an {@link yfiles.input.IInputModeContext} that uses the provided parent mode and lookup decoration.
-       * @param {yfiles.input.IInputMode} parent
-       * @param {yfiles.graph.ILookup} [lookup=null]
-       * @returns {yfiles.input.IInputModeContext} 
+       * @param parent
+       * @param [lookup=null]
+       * @returns 
        * @static
        */
       createInputModeContext?(parent:yfiles.input.IInputMode,lookup?:yfiles.graph.ILookup):yfiles.input.IInputModeContext;
@@ -24388,7 +24403,7 @@ declare namespace system{
     export interface IModelItemCollector extends Object{
       /**
        * Adds a model item to this collector instance.
-       * @param {yfiles.graph.IModelItem} item The model item to add.
+       * @param item The model item to add.
        * @abstract
        */
       add(item:yfiles.graph.IModelItem):void;
@@ -24447,8 +24462,8 @@ declare namespace system{
        * of {@link yfiles.input.IReshapeHandler#handleReshape}. Implementations should reset the bounds of the items they modify to their
        * initial state. Alternatively to this method the {@link yfiles.input.IReshapeHandler#reshapeFinished} method might be called.
        * </p>
-       * @param {yfiles.input.IInputModeContext} context The context to retrieve information about the reshaping from.
-       * @param {yfiles.geometry.Rect} originalBounds The value of the coordinate of the {@link yfiles.input.IReshapeHandler#bounds} property at the time of {@link yfiles.input.IReshapeHandler#initializeReshape}.
+       * @param context The context to retrieve information about the reshaping from.
+       * @param originalBounds The value of the coordinate of the {@link #bounds} property at the time of {@link #initializeReshape}.
        * @abstract
        */
       cancelReshape(context:yfiles.input.IInputModeContext,originalBounds:yfiles.geometry.Rect):void;
@@ -24459,10 +24474,10 @@ declare namespace system{
        * final call will be followed by either one {@link yfiles.input.IReshapeHandler#reshapeFinished} or one {@link yfiles.input.IReshapeHandler#cancelReshape}
        * call.
        * </p>
-       * @param {yfiles.input.IInputModeContext} context The context to retrieve information about the reshaping from.
-       * @param {yfiles.geometry.Rect} originalBounds The value of the {@link yfiles.input.IReshapeHandler#bounds} property at the time of {@link yfiles.input.IReshapeHandler#initializeReshape}.
-       * @param {yfiles.geometry.Rect} newBounds The coordinates of the bounds in the world coordinate system that the client wants the shape to be at. Depending on the
-       * implementation the {@link yfiles.input.IReshapeHandler#bounds} may or may not be modified to reflect the new value.
+       * @param context The context to retrieve information about the reshaping from.
+       * @param originalBounds The value of the {@link #bounds} property at the time of {@link #initializeReshape}.
+       * @param newBounds The coordinates of the bounds in the world coordinate system that the client wants the shape to be at. Depending on the
+       * implementation the {@link #bounds} may or may not be modified to reflect the new value.
        * @abstract
        */
       handleReshape(context:yfiles.input.IInputModeContext,originalBounds:yfiles.geometry.Rect,newBounds:yfiles.geometry.Rect):void;
@@ -24472,7 +24487,7 @@ declare namespace system{
        * This call will be followed by one or more calls to {@link yfiles.input.IReshapeHandler#handleReshape}, and a final {@link yfiles.input.IReshapeHandler#reshapeFinished}
        * or {@link yfiles.input.IReshapeHandler#cancelReshape}.
        * </p>
-       * @param {yfiles.input.IInputModeContext} context The context to retrieve information about the drag from.
+       * @param context The context to retrieve information about the drag from.
        * @abstract
        */
       initializeReshape(context:yfiles.input.IInputModeContext):void;
@@ -24483,11 +24498,11 @@ declare namespace system{
        * of {@link yfiles.input.IReshapeHandler#handleReshape}. Alternatively to this method the {@link yfiles.input.IReshapeHandler#cancelReshape}
        * method might be called.
        * </p>
-       * @param {yfiles.input.IInputModeContext} context The context to retrieve information about the drag from.
-       * @param {yfiles.geometry.Rect} newBounds The coordinates of the bounds in the world coordinate system that the client wants the shape to be at. Depending on the
-       * implementation the {@link yfiles.input.IReshapeHandler#bounds} may or may not be modified to reflect the new value. This is the same value as delivered in the last
-       * invocation of {@link yfiles.input.IReshapeHandler#handleReshape}
-       * @param {yfiles.geometry.Rect} originalBounds The value of the coordinate of the {@link yfiles.input.IReshapeHandler#bounds} property at the time of {@link yfiles.input.IReshapeHandler#initializeReshape}.
+       * @param context The context to retrieve information about the drag from.
+       * @param newBounds The coordinates of the bounds in the world coordinate system that the client wants the shape to be at. Depending on the
+       * implementation the {@link #bounds} may or may not be modified to reflect the new value. This is the same value as delivered in the last
+       * invocation of {@link #handleReshape}
+       * @param originalBounds The value of the coordinate of the {@link #bounds} property at the time of {@link #initializeReshape}.
        * @abstract
        */
       reshapeFinished(context:yfiles.input.IInputModeContext,originalBounds:yfiles.geometry.Rect,newBounds:yfiles.geometry.Rect):void;
@@ -24507,15 +24522,14 @@ declare namespace system{
     };
     /**
      * Event argument base class that is used by events that are triggered by {@link yfiles.input.IInputMode} implementations
-     * @class yfiles.input.InputModeEventArgs
+     * @class
      * @extends {yfiles.lang.EventArgs}
      */
     export interface InputModeEventArgs extends yfiles.lang.EventArgs{}
     export class InputModeEventArgs {
       /**
        * Initializes a new instance of the {@link yfiles.input.InputModeEventArgs} class.
-       * @param {yfiles.input.IInputModeContext} context The context to initialize the {@link yfiles.input.InputModeEventArgs#context} property with.
-       * @constructor
+       * @param context The context to initialize the {@link #context} property with.
        */
       constructor(context:yfiles.input.IInputModeContext);
       /**
@@ -24530,7 +24544,7 @@ declare namespace system{
      * <p>
      * This mode is {@link yfiles.input.KeyboardInputMode#exclusive} by default.
      * </p>
-     * @class yfiles.input.KeyboardInputMode
+     * @class
      * @implements {yfiles.input.IInputMode}
      */
     export interface KeyboardInputMode extends Object,yfiles.input.IInputMode{}
@@ -24541,10 +24555,10 @@ declare namespace system{
        * <p>
        * The command will not be allowed to execute if this mode is {@link yfiles.input.KeyboardInputMode#enabled disabled} or {@link yfiles.input.ConcurrencyController#active inactive}.
        * </p>
-       * @param {yfiles.input.ICommand} command The command to register handlers with.
-       * @param {function(yfiles.input.ICommand, Object, Object): boolean} [execute=null] The handler for the execution; a handler that will do nothing if omitted.
-       * @param {function(yfiles.input.ICommand, Object, Object): boolean} [canExecute=null] The handler that determines executability; a handler that is always enabled if omitted.
-       * @returns {yfiles.input.KeyboardInputModeBinding} A token for the newly created command binding that can used to later {@link yfiles.input.KeyboardInputModeBinding#remove remove} this binding from this instance again.
+       * @param command The command to register handlers with.
+       * @param [execute=null] The handler for the execution; a handler that will do nothing if omitted.
+       * @param [canExecute=null] The handler that determines executability; a handler that is always enabled if omitted.
+       * @returns A token for the newly created command binding that can used to later {@link #remove remove} this binding from this instance again.
        */
       addCommandBinding(command:yfiles.input.ICommand,execute?:(command:yfiles.input.ICommand,parameter:Object,source:Object)=>boolean,canExecute?:(command:yfiles.input.ICommand,parameter:Object,source:Object)=>boolean):yfiles.input.KeyboardInputModeBinding;
       /**
@@ -24553,10 +24567,10 @@ declare namespace system{
        * The command will not be allowed to execute if this mode is {@link yfiles.input.KeyboardInputMode#enabled disabled} or {@link yfiles.input.ConcurrencyController#active inactive}.
        * </p>
        * @param {Object} options The parameters to pass.
-       * @param {yfiles.input.ICommand} options.command The command to register handlers with.
-       * @param {function(yfiles.input.ICommand, Object, Object): boolean} [options.execute=null] The handler for the execution; a handler that will do nothing if omitted.
-       * @param {function(yfiles.input.ICommand, Object, Object): boolean} [options.canExecute=null] The handler that determines executability; a handler that is always enabled if omitted.
-       * @returns {yfiles.input.KeyboardInputModeBinding} A token for the newly created command binding that can used to later {@link yfiles.input.KeyboardInputModeBinding#remove remove} this binding from this instance again.
+       * @param options.command The command to register handlers with.
+       * @param [options.execute=null] The handler for the execution; a handler that will do nothing if omitted.
+       * @param [options.canExecute=null] The handler that determines executability; a handler that is always enabled if omitted.
+       * @returns A token for the newly created command binding that can used to later {@link #remove remove} this binding from this instance again.
        */
       addCommandBinding(options:{command:yfiles.input.ICommand,execute?:(command:yfiles.input.ICommand,parameter:Object,source:Object)=>boolean,canExecute?:(command:yfiles.input.ICommand,parameter:Object,source:Object)=>boolean}):yfiles.input.KeyboardInputModeBinding;
       /**
@@ -24564,20 +24578,20 @@ declare namespace system{
        * <p>
        * Using this registration method, the command will not be allowed to execute if this mode is {@link yfiles.input.KeyboardInputMode#enabled disabled} or {@link yfiles.input.ConcurrencyController#active inactive}.
        * </p>
-       * @param {yfiles.view.Key} key The key constant that should be recognized.
-       * @param {yfiles.view.ModifierKeys} modifiers The modifiers that should be recognized when the key is pressed.
-       * @param {yfiles.input.ICommand} command The command to execute.
-       * @param {Object} [commandParameter=null] The command parameter to use for the {@link yfiles.input.ICommand#execute execution}; <code>null</code> if omitted.
-       * @returns {yfiles.input.KeyboardInputModeBinding} A token for the newly created command binding that can used to later {@link yfiles.input.KeyboardInputModeBinding#remove remove} this binding from this instance again.
+       * @param key The key constant that should be recognized.
+       * @param modifiers The modifiers that should be recognized when the key is pressed.
+       * @param command The command to execute.
+       * @param [commandParameter=null] The command parameter to use for the {@link #execute execution}; <code>null</code> if omitted.
+       * @returns A token for the newly created command binding that can used to later {@link #remove remove} this binding from this instance again.
        */
       addKeyBinding(key:yfiles.view.Key,modifiers:yfiles.view.ModifierKeys,command:yfiles.input.ICommand,commandParameter?:Object):yfiles.input.KeyboardInputModeBinding;
       /**
        * Adds a given handler to this instance that will be triggered if the event recognizer recognizes a {@link yfiles.view.KeyEventArgs key event} that has
        * been triggered by the {@link yfiles.view.CanvasComponent}.
-       * @param {function(Object, yfiles.lang.EventArgs): boolean} recognizer An event recognizer that will be fed with all key events.
-       * @param {yfiles.input.ICommand} command The command to invoke if the recognizer matches a key event.
-       * @param {Object} [commandParameter=null] The optional parameter to provide to the command.
-       * @returns {yfiles.input.KeyboardInputModeBinding} The newly constructed binding on which {@link yfiles.input.KeyboardInputModeBinding#remove} can be called to remove the
+       * @param recognizer An event recognizer that will be fed with all key events.
+       * @param command The command to invoke if the recognizer matches a key event.
+       * @param [commandParameter=null] The optional parameter to provide to the command.
+       * @returns The newly constructed binding on which {@link #remove} can be called to remove the
        * resulting binding from this instance.
        */
       addRecognizerBinding(recognizer:(eventSource:Object,evt:yfiles.lang.EventArgs)=>boolean,command:yfiles.input.ICommand,commandParameter?:Object):yfiles.input.KeyboardInputModeBinding;
@@ -24597,10 +24611,10 @@ declare namespace system{
        * <p>
        * Overriding implementations should call the base implementation, first.
        * </p>
-       * @param {yfiles.input.IInputModeContext} context The context that this instance shall be installed into. The same instance will be passed to this instance during
-       * {@link yfiles.input.IInputMode#uninstall}. A reference to the context may be kept and queried during the time the mode is
+       * @param context The context that this instance shall be installed into. The same instance will be passed to this instance during
+       * {@link #uninstall}. A reference to the context may be kept and queried during the time the mode is
        * installed.
-       * @param {yfiles.input.ConcurrencyController} controller The {@link yfiles.input.KeyboardInputMode#controller} for this mode.
+       * @param controller The {@link #controller} for this mode.
        * @see yfiles.input.IInputMode#uninstall
        */
       install(context:yfiles.input.IInputModeContext,controller:yfiles.input.ConcurrencyController):void;
@@ -24653,16 +24667,16 @@ declare namespace system{
       /**
        * Removes all previously registered commands from this instance.
        * <p>
-       * This effectively turn disables the command for the instance managed by this mode.
+       * This effectively disables the command for the instance managed by this mode.
        * </p>
-       * @param {yfiles.input.ICommand} command The command to remove from all registered bindings.
+       * @param command The command to remove from all registered bindings.
        * @see yfiles.input.KeyboardInputMode#addKeyBinding
        * @see yfiles.input.KeyboardInputMode#addRecognizerBinding
        */
       removeCommand(command:yfiles.input.ICommand):void;
       /**
        * Overridden to only return <code>true</code> if this instance does not currently {@link yfiles.input.ConcurrencyController#hasMutex have the input mutex}.
-       * @returns {boolean} <code>true</code> iff this instance does not {@link yfiles.input.ConcurrencyController#hasMutex own the mutex}.
+       * @returns <code>true</code> iff this instance does not {@link #hasMutex own the mutex}.
        */
       tryStop():boolean;
       /**
@@ -24674,7 +24688,7 @@ declare namespace system{
        * <p>
        * Overriding implementations should call the base implementation after their own code.
        * </p>
-       * @param {yfiles.input.IInputModeContext} context The context to deregister from. This is the same instance that had been passed to {@link yfiles.input.IInputMode#install} during
+       * @param context The context to deregister from. This is the same instance that had been passed to {@link #install} during
        * installation.
        */
       uninstall(context:yfiles.input.IInputModeContext):void;
@@ -24725,7 +24739,7 @@ declare namespace system{
      * {@link yfiles.input.KeyboardInputMode#addRecognizerBinding}. Removing the instances is done via the instance method {@link yfiles.input.KeyboardInputModeBinding#remove}
      * of this type.
      * </p>
-     * @class yfiles.input.KeyboardInputModeBinding
+     * @class
      * @final
      */
     export interface KeyboardInputModeBinding extends Object{}
@@ -24752,14 +24766,13 @@ declare namespace system{
      * <p>
      * This mode is {@link yfiles.input.MarqueeSelectionInputMode#exclusive} by default.
      * </p>
-     * @class yfiles.input.MarqueeSelectionInputMode
+     * @class
      * @implements {yfiles.input.IInputMode}
      */
     export interface MarqueeSelectionInputMode extends Object,yfiles.input.IInputMode{}
     export class MarqueeSelectionInputMode {
       /**
        * Creates a new instance of the marquee selection mode.
-       * @constructor
        */
       constructor();
       /**
@@ -24768,7 +24781,7 @@ declare namespace system{
       cancel():void;
       /**
        * Helper method that yields a suitably configured {@link yfiles.input.InputModeEventArgs} for this input mode.
-       * @returns {yfiles.input.MarqueeSelectionEventArgs} An input mode event argument that is configured for this instance.
+       * @returns An input mode event argument that is configured for this instance.
        * @protected
        */
       createInputModeEventArgs():yfiles.input.MarqueeSelectionEventArgs;
@@ -24784,10 +24797,10 @@ declare namespace system{
        * <p>
        * Overriding implementations should call the base implementation, first.
        * </p>
-       * @param {yfiles.input.IInputModeContext} context The context that this instance shall be installed into. The same instance will be passed to this instance during
-       * {@link yfiles.input.IInputMode#uninstall}. A reference to the context may be kept and queried during the time the mode is
+       * @param context The context that this instance shall be installed into. The same instance will be passed to this instance during
+       * {@link #uninstall}. A reference to the context may be kept and queried during the time the mode is
        * installed.
-       * @param {yfiles.input.ConcurrencyController} controller The {@link yfiles.input.MarqueeSelectionInputMode#controller} for this mode.
+       * @param controller The {@link #controller} for this mode.
        * @see yfiles.input.IInputMode#uninstall
        */
       install(context:yfiles.input.IInputModeContext,controller:yfiles.input.ConcurrencyController):void;
@@ -24827,14 +24840,14 @@ declare namespace system{
       /**
        * Triggers the {@link yfiles.input.MarqueeSelectionInputMode#addDragCanceledListener DragCanceled}
        * event.
-       * @param {yfiles.input.MarqueeSelectionEventArgs} evt The event argument that contains context information.
+       * @param evt The event argument that contains context information.
        * @protected
        */
       onDragCanceled(evt:yfiles.input.MarqueeSelectionEventArgs):void;
       /**
        * Triggers the {@link yfiles.input.MarqueeSelectionInputMode#addDragCancelingListener DragCanceling}
        * event.
-       * @param {yfiles.input.MarqueeSelectionEventArgs} evt The event argument that contains context information.
+       * @param evt The event argument that contains context information.
        * @protected
        */
       onDragCanceling(evt:yfiles.input.MarqueeSelectionEventArgs):void;
@@ -24844,7 +24857,7 @@ declare namespace system{
        * This method triggers the {@link yfiles.input.MarqueeSelectionInputMode#addDragFinishedListener DragFinished}
        * event.
        * </p>
-       * @param {yfiles.input.MarqueeSelectionEventArgs} evt The event argument that contains context information.
+       * @param evt The event argument that contains context information.
        * @protected
        */
       onDragFinished(evt:yfiles.input.MarqueeSelectionEventArgs):void;
@@ -24854,7 +24867,7 @@ declare namespace system{
        * This method triggers the {@link yfiles.input.MarqueeSelectionInputMode#addDragFinishingListener DragFinishing}
        * event.
        * </p>
-       * @param {yfiles.input.MarqueeSelectionEventArgs} evt The event argument that contains context information.
+       * @param evt The event argument that contains context information.
        * @protected
        */
       onDragFinishing(evt:yfiles.input.MarqueeSelectionEventArgs):void;
@@ -24864,7 +24877,7 @@ declare namespace system{
        * This method triggers the {@link yfiles.input.MarqueeSelectionInputMode#addDraggedListener Dragged}
        * event.
        * </p>
-       * @param {yfiles.input.MarqueeSelectionEventArgs} evt The event argument that contains context information.
+       * @param evt The event argument that contains context information.
        * @protected
        */
       onDragged(evt:yfiles.input.MarqueeSelectionEventArgs):void;
@@ -24874,21 +24887,21 @@ declare namespace system{
        * This method triggers the {@link yfiles.input.MarqueeSelectionInputMode#addDraggingListener Dragging}
        * event.
        * </p>
-       * @param {yfiles.input.MarqueeSelectionEventArgs} evt The event argument that contains context information.
+       * @param evt The event argument that contains context information.
        * @protected
        */
       onDragging(evt:yfiles.input.MarqueeSelectionEventArgs):void;
       /**
        * Triggers the {@link yfiles.input.MarqueeSelectionInputMode#addDragStartedListener DragStarted}
        * event.
-       * @param {yfiles.input.MarqueeSelectionEventArgs} evt The event argument that contains context information.
+       * @param evt The event argument that contains context information.
        * @protected
        */
       onDragStarted(evt:yfiles.input.MarqueeSelectionEventArgs):void;
       /**
        * Triggers the {@link yfiles.input.MarqueeSelectionInputMode#addDragStartingListener DragStarting}
        * event.
-       * @param {yfiles.input.MarqueeSelectionEventArgs} evt The event argument that contains context information.
+       * @param evt The event argument that contains context information.
        * @protected
        */
       onDragStarting(evt:yfiles.input.MarqueeSelectionEventArgs):void;
@@ -24905,7 +24918,7 @@ declare namespace system{
       onStopped():void;
       /**
        * 
-       * @returns {boolean} 
+       * @returns 
        */
       tryStop():boolean;
       /**
@@ -24917,7 +24930,7 @@ declare namespace system{
        * <p>
        * Overriding implementations should call the base implementation after their own code.
        * </p>
-       * @param {yfiles.input.IInputModeContext} context The context to deregister from. This is the same instance that had been passed to {@link yfiles.input.IInputMode#install} during
+       * @param context The context to deregister from. This is the same instance that had been passed to {@link #install} during
        * installation.
        */
       uninstall(context:yfiles.input.IInputModeContext):void;
@@ -25042,97 +25055,97 @@ declare namespace system{
       releasedRecognizerTouch:(eventSource:Object,evt:yfiles.lang.EventArgs)=>boolean;
       /**
        * Adds the given listener for the <code>Dragging</code> event that occurs at the start of every drag.
-       * @param {function(Object, yfiles.input.MarqueeSelectionEventArgs): void} listener The listener to add.
+       * @param listener The listener to add.
        * @see yfiles.input.MarqueeSelectionInputMode#removeDraggingListener
        */
       addDraggingListener(listener:(sender:Object,evt:yfiles.input.MarqueeSelectionEventArgs)=>void):void;
       /**
        * Removes the given listener for the <code>Dragging</code> event that occurs at the start of every drag.
-       * @param {function(Object, yfiles.input.MarqueeSelectionEventArgs): void} listener The listener to remove.
+       * @param listener The listener to remove.
        * @see yfiles.input.MarqueeSelectionInputMode#addDraggingListener
        */
       removeDraggingListener(listener:(sender:Object,evt:yfiles.input.MarqueeSelectionEventArgs)=>void):void;
       /**
        * Adds the given listener for the <code>Dragged</code> event that occurs at the end of every drag.
-       * @param {function(Object, yfiles.input.MarqueeSelectionEventArgs): void} listener The listener to add.
+       * @param listener The listener to add.
        * @see yfiles.input.MarqueeSelectionInputMode#removeDraggedListener
        */
       addDraggedListener(listener:(sender:Object,evt:yfiles.input.MarqueeSelectionEventArgs)=>void):void;
       /**
        * Removes the given listener for the <code>Dragged</code> event that occurs at the end of every drag.
-       * @param {function(Object, yfiles.input.MarqueeSelectionEventArgs): void} listener The listener to remove.
+       * @param listener The listener to remove.
        * @see yfiles.input.MarqueeSelectionInputMode#addDraggedListener
        */
       removeDraggedListener(listener:(sender:Object,evt:yfiles.input.MarqueeSelectionEventArgs)=>void):void;
       /**
        * Adds the given listener for the <code>DragCanceled</code> event that occurs when the drag has been canceled.
-       * @param {function(Object, yfiles.input.MarqueeSelectionEventArgs): void} listener The listener to add.
+       * @param listener The listener to add.
        * @see yfiles.input.MarqueeSelectionInputMode#removeDragCanceledListener
        */
       addDragCanceledListener(listener:(sender:Object,evt:yfiles.input.MarqueeSelectionEventArgs)=>void):void;
       /**
        * Removes the given listener for the <code>DragCanceled</code> event that occurs when the drag has been canceled.
-       * @param {function(Object, yfiles.input.MarqueeSelectionEventArgs): void} listener The listener to remove.
+       * @param listener The listener to remove.
        * @see yfiles.input.MarqueeSelectionInputMode#addDragCanceledListener
        */
       removeDragCanceledListener(listener:(sender:Object,evt:yfiles.input.MarqueeSelectionEventArgs)=>void):void;
       /**
        * Adds the given listener for the <code>DragCanceling</code> event that occurs before the drag will be canceled.
-       * @param {function(Object, yfiles.input.MarqueeSelectionEventArgs): void} listener The listener to add.
+       * @param listener The listener to add.
        * @see yfiles.input.MarqueeSelectionInputMode#removeDragCancelingListener
        */
       addDragCancelingListener(listener:(sender:Object,evt:yfiles.input.MarqueeSelectionEventArgs)=>void):void;
       /**
        * Removes the given listener for the <code>DragCanceling</code> event that occurs before the drag will be canceled.
-       * @param {function(Object, yfiles.input.MarqueeSelectionEventArgs): void} listener The listener to remove.
+       * @param listener The listener to remove.
        * @see yfiles.input.MarqueeSelectionInputMode#addDragCancelingListener
        */
       removeDragCancelingListener(listener:(sender:Object,evt:yfiles.input.MarqueeSelectionEventArgs)=>void):void;
       /**
        * Adds the given listener for the <code>DragFinishing</code> event that occurs before the drag will be finished.
-       * @param {function(Object, yfiles.input.MarqueeSelectionEventArgs): void} listener The listener to add.
+       * @param listener The listener to add.
        * @see yfiles.input.MarqueeSelectionInputMode#removeDragFinishingListener
        */
       addDragFinishingListener(listener:(sender:Object,evt:yfiles.input.MarqueeSelectionEventArgs)=>void):void;
       /**
        * Removes the given listener for the <code>DragFinishing</code> event that occurs before the drag will be finished.
-       * @param {function(Object, yfiles.input.MarqueeSelectionEventArgs): void} listener The listener to remove.
+       * @param listener The listener to remove.
        * @see yfiles.input.MarqueeSelectionInputMode#addDragFinishingListener
        */
       removeDragFinishingListener(listener:(sender:Object,evt:yfiles.input.MarqueeSelectionEventArgs)=>void):void;
       /**
        * Adds the given listener for the <code>DragFinished</code> event that occurs the drag has been finished.
-       * @param {function(Object, yfiles.input.MarqueeSelectionEventArgs): void} listener The listener to add.
+       * @param listener The listener to add.
        * @see yfiles.input.MarqueeSelectionInputMode#removeDragFinishedListener
        */
       addDragFinishedListener(listener:(sender:Object,evt:yfiles.input.MarqueeSelectionEventArgs)=>void):void;
       /**
        * Removes the given listener for the <code>DragFinished</code> event that occurs the drag has been finished.
-       * @param {function(Object, yfiles.input.MarqueeSelectionEventArgs): void} listener The listener to remove.
+       * @param listener The listener to remove.
        * @see yfiles.input.MarqueeSelectionInputMode#addDragFinishedListener
        */
       removeDragFinishedListener(listener:(sender:Object,evt:yfiles.input.MarqueeSelectionEventArgs)=>void):void;
       /**
        * Adds the given listener for the <code>DragStarting</code> event that occurs once the drag is starting.
-       * @param {function(Object, yfiles.input.MarqueeSelectionEventArgs): void} listener The listener to add.
+       * @param listener The listener to add.
        * @see yfiles.input.MarqueeSelectionInputMode#removeDragStartingListener
        */
       addDragStartingListener(listener:(sender:Object,evt:yfiles.input.MarqueeSelectionEventArgs)=>void):void;
       /**
        * Removes the given listener for the <code>DragStarting</code> event that occurs once the drag is starting.
-       * @param {function(Object, yfiles.input.MarqueeSelectionEventArgs): void} listener The listener to remove.
+       * @param listener The listener to remove.
        * @see yfiles.input.MarqueeSelectionInputMode#addDragStartingListener
        */
       removeDragStartingListener(listener:(sender:Object,evt:yfiles.input.MarqueeSelectionEventArgs)=>void):void;
       /**
        * Adds the given listener for the <code>DragStarted</code> event that occurs once the drag is initialized and has started.
-       * @param {function(Object, yfiles.input.MarqueeSelectionEventArgs): void} listener The listener to add.
+       * @param listener The listener to add.
        * @see yfiles.input.MarqueeSelectionInputMode#removeDragStartedListener
        */
       addDragStartedListener(listener:(sender:Object,evt:yfiles.input.MarqueeSelectionEventArgs)=>void):void;
       /**
        * Removes the given listener for the <code>DragStarted</code> event that occurs once the drag is initialized and has started.
-       * @param {function(Object, yfiles.input.MarqueeSelectionEventArgs): void} listener The listener to remove.
+       * @param listener The listener to remove.
        * @see yfiles.input.MarqueeSelectionInputMode#addDragStartedListener
        */
       removeDragStartedListener(listener:(sender:Object,evt:yfiles.input.MarqueeSelectionEventArgs)=>void):void;
@@ -25140,7 +25153,7 @@ declare namespace system{
     }
     /**
      * Event arguments used by {@link yfiles.input.MarqueeSelectionInputMode}.
-     * @class yfiles.input.MarqueeSelectionEventArgs
+     * @class
      * @extends {yfiles.input.InputModeEventArgs}
      */
     export interface MarqueeSelectionEventArgs extends yfiles.input.InputModeEventArgs{}
@@ -25156,16 +25169,15 @@ declare namespace system{
      * Event argument that can be used to query the text to display when the mouse hovers over the given point in world
      * coordinate space.
      * @see yfiles.input.MouseHoverInputMode
-     * @class yfiles.input.ToolTipQueryEventArgs
+     * @class
      * @extends {yfiles.input.InputModeEventArgs}
      */
     export interface ToolTipQueryEventArgs extends yfiles.input.InputModeEventArgs{}
     export class ToolTipQueryEventArgs {
       /**
        * Initializes a new instance of the {@link yfiles.input.ToolTipQueryEventArgs} class.
-       * @param {yfiles.input.IInputModeContext} context The context of the query.
-       * @param {yfiles.geometry.Point} queryLocation The query location.
-       * @constructor
+       * @param context The context of the query.
+       * @param queryLocation The query location.
        */
       constructor(context:yfiles.input.IInputModeContext,queryLocation:yfiles.geometry.Point);
       /**
@@ -25176,6 +25188,9 @@ declare namespace system{
       /**
        * Gets or sets the tool tip content to use.
        * <p>
+       * The content can be either a string or any HTML element.
+       * </p>
+       * <p>
        * Setting this property will set the {@link yfiles.input.ToolTipQueryEventArgs#handled} property to <code>true</code>.
        * </p>
        * @type {Object}
@@ -25202,21 +25217,19 @@ declare namespace system{
      * <p>
      * This mode is {@link yfiles.input.MouseHoverInputMode#exclusive} by default.
      * </p>
-     * @class yfiles.input.MouseHoverInputMode
+     * @class
      * @implements {yfiles.input.IInputMode}
      */
     export interface MouseHoverInputMode extends Object,yfiles.input.IInputMode{}
     export class MouseHoverInputMode {
       /**
        * Creates a new instance using the provided {@link yfiles.input.MouseHoverInputMode#toolTip} and query callback.
-       * @param {yfiles.view.ToolTip} toolTip
-       * @param {function(Object, yfiles.input.ToolTipQueryEventArgs): void} textProvider
-       * @constructor
+       * @param toolTip
+       * @param textProvider
        */
       constructor(toolTip:yfiles.view.ToolTip,textProvider:(sender:Object,evt:yfiles.input.ToolTipQueryEventArgs)=>void);
       /**
        * Creates a new instance with default values.
-       * @constructor
        */
       constructor();
       /**
@@ -25225,8 +25238,8 @@ declare namespace system{
        * This default implementation of this method moves the tooltip into the visible area if it extends beyond the document
        * bounds.
        * </p>
-       * @param {yfiles.geometry.Point} originalPosition The calculated tooltip position relative to the document root
-       * @returns {yfiles.geometry.Point} The adjusted tooltip location
+       * @param originalPosition The calculated tooltip position relative to the document root
+       * @returns The adjusted tooltip location
        * @see yfiles.input.MouseHoverInputMode#getToolTipLocation
        * @protected
        */
@@ -25238,20 +25251,20 @@ declare namespace system{
       /**
        * Creates an {@link yfiles.input.IInputModeContext} for use with the {@link yfiles.input.MouseHoverInputMode#addQueryToolTipListener QueryToolTip}
        * event for the upcoming text query operation.
-       * @returns {yfiles.input.IInputModeContext} An instance of {@link yfiles.input.IInputModeContext}.
+       * @returns An instance of {@link }.
        * @protected
        */
       createHoverInputModeContext():yfiles.input.IInputModeContext;
       /**
        * Factory method that creates the {@link yfiles.input.MouseHoverInputMode#toolTip}.
-       * @returns {yfiles.view.ToolTip} A simple {@link yfiles.input.MouseHoverInputMode#toolTip}.
+       * @returns A simple {@link #toolTip}.
        * @protected
        */
       createToolTip():yfiles.view.ToolTip;
       /**
        * Callback method that provides a text for the given location or <code>null</code>.
-       * @param {yfiles.geometry.Point} location The location to find a text for.
-       * @returns {Object} A string or <code>null</code> to indicate that no tool tip should be shown.
+       * @param location The location to find a text for.
+       * @returns A string or <code>null</code> to indicate that no tool tip should be shown.
        * @see yfiles.input.MouseHoverInputMode#addQueryToolTipListener
        * @see yfiles.input.MouseHoverInputMode#createHoverInputModeContext
        * @protected
@@ -25262,8 +25275,8 @@ declare namespace system{
        * <p>
        * This method adds the {@link yfiles.input.MouseHoverInputMode#toolTipLocationOffset} after converting the given location to view coordinates.
        * </p>
-       * @param {yfiles.geometry.Point} location The position in world coordinates.
-       * @returns {yfiles.geometry.Point} The position in view coordinates.
+       * @param location The position in world coordinates.
+       * @returns The position in view coordinates.
        * @see yfiles.input.MouseHoverInputMode#toolTipLocationOffset
        * @protected
        */
@@ -25284,10 +25297,10 @@ declare namespace system{
        * <p>
        * Overriding implementations should call the base implementation, first.
        * </p>
-       * @param {yfiles.input.IInputModeContext} context The context that this instance shall be installed into. The same instance will be passed to this instance during
-       * {@link yfiles.input.IInputMode#uninstall}. A reference to the context may be kept and queried during the time the mode is
+       * @param context The context that this instance shall be installed into. The same instance will be passed to this instance during
+       * {@link #uninstall}. A reference to the context may be kept and queried during the time the mode is
        * installed.
-       * @param {yfiles.input.ConcurrencyController} controller The {@link yfiles.input.MouseHoverInputMode#controller} for this mode.
+       * @param controller The {@link #controller} for this mode.
        * @see yfiles.input.IInputMode#uninstall
        */
       install(context:yfiles.input.IInputModeContext,controller:yfiles.input.ConcurrencyController):void;
@@ -25331,7 +25344,7 @@ declare namespace system{
       onHide():void;
       /**
        * Raises the {@link yfiles.input.MouseHoverInputMode#addQueryToolTipListener QueryToolTip} event.
-       * @param {yfiles.input.ToolTipQueryEventArgs} evt The {@link yfiles.input.ToolTipQueryEventArgs} instance containing the event data.
+       * @param evt The {@link } instance containing the event data.
        * @protected
        */
       onQueryToolTip(evt:yfiles.input.ToolTipQueryEventArgs):void;
@@ -25341,7 +25354,7 @@ declare namespace system{
        * This method will call {@link yfiles.input.MouseHoverInputMode#getToolTipContent} to query the content and will display the {@link yfiles.input.MouseHoverInputMode#toolTip} at
        * the location returned by {@link yfiles.input.MouseHoverInputMode#getToolTipLocation} if the content is not <code>null</code>.
        * </p>
-       * @param {yfiles.geometry.Point} location
+       * @param location
        * @protected
        */
       onShow(location:yfiles.geometry.Point):void;
@@ -25358,12 +25371,12 @@ declare namespace system{
       onStopped():void;
       /**
        * Immediately shows the tool tip at the given location.
-       * @param {yfiles.geometry.Point} location The location in the world coordinate system.
+       * @param location The location in the world coordinate system.
        */
       show(location:yfiles.geometry.Point):void;
       /**
        * Overridden to only return <code>true</code> if this instance does not currently {@link yfiles.input.ConcurrencyController#hasMutex have the input mutex}.
-       * @returns {boolean} <code>true</code> iff this instance does not {@link yfiles.input.ConcurrencyController#hasMutex own the mutex}.
+       * @returns <code>true</code> iff this instance does not {@link #hasMutex own the mutex}.
        */
       tryStop():boolean;
       /**
@@ -25375,7 +25388,7 @@ declare namespace system{
        * <p>
        * Overriding implementations should call the base implementation after their own code.
        * </p>
-       * @param {yfiles.input.IInputModeContext} context The context to deregister from. This is the same instance that had been passed to {@link yfiles.input.IInputMode#install} during
+       * @param context The context to deregister from. This is the same instance that had been passed to {@link #install} during
        * installation.
        */
       uninstall(context:yfiles.input.IInputModeContext):void;
@@ -25459,7 +25472,14 @@ declare namespace system{
       /**
        * Gets or sets the delay time before showing the tool tip.
        * <p>
-       * The default value is 1 second
+       * The default is
+       * </p>
+       * <pre>
+       * 1
+       * </pre>
+       * 
+       * <p>
+       * second.
        * </p>
        * @default '00:00:01.0'
        * @type {yfiles.lang.TimeSpan}
@@ -25485,7 +25505,7 @@ declare namespace system{
        * <p>
        * Handlers should set the {@link yfiles.input.ToolTipQueryEventArgs#toolTip} property or set/respect the {@link yfiles.input.ToolTipQueryEventArgs#handled} property accordingly.
        * </p>
-       * @param {function(Object, yfiles.input.ToolTipQueryEventArgs): void} listener The listener to add.
+       * @param listener The listener to add.
        * @see yfiles.input.MouseHoverInputMode#removeQueryToolTipListener
        */
       addQueryToolTipListener(listener:(sender:Object,evt:yfiles.input.ToolTipQueryEventArgs)=>void):void;
@@ -25495,7 +25515,7 @@ declare namespace system{
        * <p>
        * Handlers should set the {@link yfiles.input.ToolTipQueryEventArgs#toolTip} property or set/respect the {@link yfiles.input.ToolTipQueryEventArgs#handled} property accordingly.
        * </p>
-       * @param {function(Object, yfiles.input.ToolTipQueryEventArgs): void} listener The listener to remove.
+       * @param listener The listener to remove.
        * @see yfiles.input.MouseHoverInputMode#addQueryToolTipListener
        */
       removeQueryToolTipListener(listener:(sender:Object,evt:yfiles.input.ToolTipQueryEventArgs)=>void):void;
@@ -25510,14 +25530,13 @@ declare namespace system{
      * <p>
      * This mode is {@link yfiles.input.MoveInputMode#exclusive} by default.
      * </p>
-     * @class yfiles.input.MoveInputMode
+     * @class
      * @implements {yfiles.input.IInputMode}
      */
     export interface MoveInputMode extends Object,yfiles.input.IInputMode{}
     export class MoveInputMode {
       /**
        * Initializes a new instance of the {@link yfiles.input.MoveInputMode} class.
-       * @constructor
        */
       constructor();
       /**
@@ -25540,7 +25559,7 @@ declare namespace system{
       /**
        * Creates an {@link yfiles.input.IInputModeContext} for use with the {@link yfiles.input.IPositionHandler} interface for the upcoming drag
        * operation.
-       * @returns {yfiles.input.IInputModeContext} An instance of {@link yfiles.input.IInputModeContext}.
+       * @returns An instance of {@link }.
        * @protected
        */
       createPositionHandlerInputModeContext():yfiles.input.IInputModeContext;
@@ -25557,7 +25576,7 @@ declare namespace system{
        * <p>
        * Subsequent moves of input devices will behave as if the dragging has been successfully initiated at <code>location</code>.
        * </p>
-       * @param {yfiles.geometry.Point} location The location where the drag had been initialized.
+       * @param location The location where the drag had been initialized.
        */
       doStartDrag(location:yfiles.geometry.Point):void;
       /**
@@ -25572,10 +25591,10 @@ declare namespace system{
        * <p>
        * Overriding implementations should call the base implementation, first.
        * </p>
-       * @param {yfiles.input.IInputModeContext} context The context that this instance shall be installed into. The same instance will be passed to this instance during
-       * {@link yfiles.input.IInputMode#uninstall}. A reference to the context may be kept and queried during the time the mode is
+       * @param context The context that this instance shall be installed into. The same instance will be passed to this instance during
+       * {@link #uninstall}. A reference to the context may be kept and queried during the time the mode is
        * installed.
-       * @param {yfiles.input.ConcurrencyController} controller The {@link yfiles.input.MoveInputMode#controller} for this mode.
+       * @param controller The {@link #controller} for this mode.
        * @see yfiles.input.IInputMode#uninstall
        */
       install(context:yfiles.input.IInputModeContext,controller:yfiles.input.ConcurrencyController):void;
@@ -25584,8 +25603,8 @@ declare namespace system{
        * <p>
        * This implementation delegates to the {@link yfiles.input.MoveInputMode#hitTestable}. During this callback it is possible to reset or reconfigure the {@link yfiles.input.MoveInputMode#positionHandler}.
        * </p>
-       * @param {yfiles.geometry.Point} location The location in the world coordinate system.
-       * @returns {boolean} <code>true</code> if at the given location it is valid to start the move gesture; otherwise, <code>false</code>.
+       * @param location The location in the world coordinate system.
+       * @returns <code>true</code> if at the given location it is valid to start the move gesture; otherwise, <code>false</code>.
        * @protected
        */
       isValidStartLocation(location:yfiles.geometry.Point):boolean;
@@ -25624,13 +25643,13 @@ declare namespace system{
       onConcurrencyControllerDeactivated():void;
       /**
        * Triggers the {@link yfiles.input.MoveInputMode#addDragCanceledListener DragCanceled} event.
-       * @param {yfiles.input.InputModeEventArgs} evt The event argument that contains context information.
+       * @param evt The event argument that contains context information.
        * @protected
        */
       onDragCanceled(evt:yfiles.input.InputModeEventArgs):void;
       /**
        * Triggers the {@link yfiles.input.MoveInputMode#addDragCancelingListener DragCanceling} event.
-       * @param {yfiles.input.InputModeEventArgs} evt The event argument that contains context information.
+       * @param evt The event argument that contains context information.
        * @protected
        */
       onDragCanceling(evt:yfiles.input.InputModeEventArgs):void;
@@ -25639,7 +25658,7 @@ declare namespace system{
        * <p>
        * This method triggers the {@link yfiles.input.MoveInputMode#addDragFinishedListener DragFinished} event.
        * </p>
-       * @param {yfiles.input.InputModeEventArgs} evt The event argument that contains context information.
+       * @param evt The event argument that contains context information.
        * @protected
        */
       onDragFinished(evt:yfiles.input.InputModeEventArgs):void;
@@ -25648,7 +25667,7 @@ declare namespace system{
        * <p>
        * This method triggers the {@link yfiles.input.MoveInputMode#addDragFinishingListener DragFinishing} event.
        * </p>
-       * @param {yfiles.input.InputModeEventArgs} evt The event argument that contains context information.
+       * @param evt The event argument that contains context information.
        * @protected
        */
       onDragFinishing(evt:yfiles.input.InputModeEventArgs):void;
@@ -25657,7 +25676,7 @@ declare namespace system{
        * <p>
        * This method triggers the {@link yfiles.input.MoveInputMode#addDraggedListener Dragged} event.
        * </p>
-       * @param {yfiles.input.InputModeEventArgs} evt The event argument that contains context information.
+       * @param evt The event argument that contains context information.
        * @protected
        */
       onDragged(evt:yfiles.input.InputModeEventArgs):void;
@@ -25666,25 +25685,25 @@ declare namespace system{
        * <p>
        * This method triggers the {@link yfiles.input.MoveInputMode#addDraggingListener Dragging} event.
        * </p>
-       * @param {yfiles.input.InputModeEventArgs} evt The event argument that contains context information.
+       * @param evt The event argument that contains context information.
        * @protected
        */
       onDragging(evt:yfiles.input.InputModeEventArgs):void;
       /**
        * Triggers the {@link yfiles.input.MoveInputMode#addDragStartedListener DragStarted} event.
-       * @param {yfiles.input.InputModeEventArgs} evt The event argument that contains context information.
+       * @param evt The event argument that contains context information.
        * @protected
        */
       onDragStarted(evt:yfiles.input.InputModeEventArgs):void;
       /**
        * Triggers the {@link yfiles.input.MoveInputMode#addDragStartingListener DragStarting} event.
-       * @param {yfiles.input.InputModeEventArgs} evt The event argument that contains context information.
+       * @param evt The event argument that contains context information.
        * @protected
        */
       onDragStarting(evt:yfiles.input.InputModeEventArgs):void;
       /**
        * Raises the {@link yfiles.input.MoveInputMode#addQueryPositionHandlerListener QueryPositionHandler} event.
-       * @param {yfiles.input.QueryPositionHandlerEventArgs} evt The {@link yfiles.input.QueryPositionHandlerEventArgs} instance containing the event data.
+       * @param evt The {@link } instance containing the event data.
        * @protected
        */
       onQueryPositionHandler(evt:yfiles.input.QueryPositionHandlerEventArgs):void;
@@ -25701,7 +25720,7 @@ declare namespace system{
       onStopped():void;
       /**
        * 
-       * @returns {boolean} 
+       * @returns 
        */
       tryStop():boolean;
       /**
@@ -25713,7 +25732,7 @@ declare namespace system{
        * <p>
        * Overriding implementations should call the base implementation after their own code.
        * </p>
-       * @param {yfiles.input.IInputModeContext} context The context to deregister from. This is the same instance that had been passed to {@link yfiles.input.IInputMode#install} during
+       * @param context The context to deregister from. This is the same instance that had been passed to {@link #install} during
        * installation.
        */
       uninstall(context:yfiles.input.IInputModeContext):void;
@@ -25868,7 +25887,7 @@ declare namespace system{
        * If the event args are {@link yfiles.input.QueryPositionHandlerEventArgs#handled}, the {@link yfiles.input.IPositionHandler} that is carried with the event args is used to actually move
        * the items. Otherwise the pre-set {@link yfiles.input.MoveInputMode#positionHandler} property is used.
        * </p>
-       * @param {function(Object, yfiles.input.QueryPositionHandlerEventArgs): void} listener The listener to add.
+       * @param listener The listener to add.
        * @see yfiles.input.MoveInputMode#removeQueryPositionHandlerListener
        */
       addQueryPositionHandlerListener(listener:(sender:Object,evt:yfiles.input.QueryPositionHandlerEventArgs)=>void):void;
@@ -25879,7 +25898,7 @@ declare namespace system{
        * If the event args are {@link yfiles.input.QueryPositionHandlerEventArgs#handled}, the {@link yfiles.input.IPositionHandler} that is carried with the event args is used to actually move
        * the items. Otherwise the pre-set {@link yfiles.input.MoveInputMode#positionHandler} property is used.
        * </p>
-       * @param {function(Object, yfiles.input.QueryPositionHandlerEventArgs): void} listener The listener to remove.
+       * @param listener The listener to remove.
        * @see yfiles.input.MoveInputMode#addQueryPositionHandlerListener
        */
       removeQueryPositionHandlerListener(listener:(sender:Object,evt:yfiles.input.QueryPositionHandlerEventArgs)=>void):void;
@@ -25909,97 +25928,97 @@ declare namespace system{
       affectedItems:yfiles.collections.IEnumerable<yfiles.graph.IModelItem>;
       /**
        * Adds the given listener for the <code>DragFinishing</code> event that occurs before the drag will be finished.
-       * @param {function(Object, yfiles.input.InputModeEventArgs): void} listener The listener to add.
+       * @param listener The listener to add.
        * @see yfiles.input.MoveInputMode#removeDragFinishingListener
        */
       addDragFinishingListener(listener:(sender:Object,evt:yfiles.input.InputModeEventArgs)=>void):void;
       /**
        * Removes the given listener for the <code>DragFinishing</code> event that occurs before the drag will be finished.
-       * @param {function(Object, yfiles.input.InputModeEventArgs): void} listener The listener to remove.
+       * @param listener The listener to remove.
        * @see yfiles.input.MoveInputMode#addDragFinishingListener
        */
       removeDragFinishingListener(listener:(sender:Object,evt:yfiles.input.InputModeEventArgs)=>void):void;
       /**
        * Adds the given listener for the <code>DragFinished</code> event that occurs once the drag has been finished.
-       * @param {function(Object, yfiles.input.InputModeEventArgs): void} listener The listener to add.
+       * @param listener The listener to add.
        * @see yfiles.input.MoveInputMode#removeDragFinishedListener
        */
       addDragFinishedListener(listener:(sender:Object,evt:yfiles.input.InputModeEventArgs)=>void):void;
       /**
        * Removes the given listener for the <code>DragFinished</code> event that occurs once the drag has been finished.
-       * @param {function(Object, yfiles.input.InputModeEventArgs): void} listener The listener to remove.
+       * @param listener The listener to remove.
        * @see yfiles.input.MoveInputMode#addDragFinishedListener
        */
       removeDragFinishedListener(listener:(sender:Object,evt:yfiles.input.InputModeEventArgs)=>void):void;
       /**
        * Adds the given listener for the <code>DragStarting</code> event that occurs once the drag is starting.
-       * @param {function(Object, yfiles.input.InputModeEventArgs): void} listener The listener to add.
+       * @param listener The listener to add.
        * @see yfiles.input.MoveInputMode#removeDragStartingListener
        */
       addDragStartingListener(listener:(sender:Object,evt:yfiles.input.InputModeEventArgs)=>void):void;
       /**
        * Removes the given listener for the <code>DragStarting</code> event that occurs once the drag is starting.
-       * @param {function(Object, yfiles.input.InputModeEventArgs): void} listener The listener to remove.
+       * @param listener The listener to remove.
        * @see yfiles.input.MoveInputMode#addDragStartingListener
        */
       removeDragStartingListener(listener:(sender:Object,evt:yfiles.input.InputModeEventArgs)=>void):void;
       /**
        * Adds the given listener for the <code>DragStarted</code> event that occurs once the drag is initialized and has started.
-       * @param {function(Object, yfiles.input.InputModeEventArgs): void} listener The listener to add.
+       * @param listener The listener to add.
        * @see yfiles.input.MoveInputMode#removeDragStartedListener
        */
       addDragStartedListener(listener:(sender:Object,evt:yfiles.input.InputModeEventArgs)=>void):void;
       /**
        * Removes the given listener for the <code>DragStarted</code> event that occurs once the drag is initialized and has started.
-       * @param {function(Object, yfiles.input.InputModeEventArgs): void} listener The listener to remove.
+       * @param listener The listener to remove.
        * @see yfiles.input.MoveInputMode#addDragStartedListener
        */
       removeDragStartedListener(listener:(sender:Object,evt:yfiles.input.InputModeEventArgs)=>void):void;
       /**
        * Adds the given listener for the <code>Dragging</code> event that occurs at the start of every drag.
-       * @param {function(Object, yfiles.input.InputModeEventArgs): void} listener The listener to add.
+       * @param listener The listener to add.
        * @see yfiles.input.MoveInputMode#removeDraggingListener
        */
       addDraggingListener(listener:(sender:Object,evt:yfiles.input.InputModeEventArgs)=>void):void;
       /**
        * Removes the given listener for the <code>Dragging</code> event that occurs at the start of every drag.
-       * @param {function(Object, yfiles.input.InputModeEventArgs): void} listener The listener to remove.
+       * @param listener The listener to remove.
        * @see yfiles.input.MoveInputMode#addDraggingListener
        */
       removeDraggingListener(listener:(sender:Object,evt:yfiles.input.InputModeEventArgs)=>void):void;
       /**
        * Adds the given listener for the <code>Dragged</code> event that occurs at the end of every drag.
-       * @param {function(Object, yfiles.input.InputModeEventArgs): void} listener The listener to add.
+       * @param listener The listener to add.
        * @see yfiles.input.MoveInputMode#removeDraggedListener
        */
       addDraggedListener(listener:(sender:Object,evt:yfiles.input.InputModeEventArgs)=>void):void;
       /**
        * Removes the given listener for the <code>Dragged</code> event that occurs at the end of every drag.
-       * @param {function(Object, yfiles.input.InputModeEventArgs): void} listener The listener to remove.
+       * @param listener The listener to remove.
        * @see yfiles.input.MoveInputMode#addDraggedListener
        */
       removeDraggedListener(listener:(sender:Object,evt:yfiles.input.InputModeEventArgs)=>void):void;
       /**
        * Adds the given listener for the <code>DragCanceled</code> event that occurs when the drag has been canceled.
-       * @param {function(Object, yfiles.input.InputModeEventArgs): void} listener The listener to add.
+       * @param listener The listener to add.
        * @see yfiles.input.MoveInputMode#removeDragCanceledListener
        */
       addDragCanceledListener(listener:(sender:Object,evt:yfiles.input.InputModeEventArgs)=>void):void;
       /**
        * Removes the given listener for the <code>DragCanceled</code> event that occurs when the drag has been canceled.
-       * @param {function(Object, yfiles.input.InputModeEventArgs): void} listener The listener to remove.
+       * @param listener The listener to remove.
        * @see yfiles.input.MoveInputMode#addDragCanceledListener
        */
       removeDragCanceledListener(listener:(sender:Object,evt:yfiles.input.InputModeEventArgs)=>void):void;
       /**
        * Adds the given listener for the <code>DragCanceling</code> event that occurs before the drag will be canceled.
-       * @param {function(Object, yfiles.input.InputModeEventArgs): void} listener The listener to add.
+       * @param listener The listener to add.
        * @see yfiles.input.MoveInputMode#removeDragCancelingListener
        */
       addDragCancelingListener(listener:(sender:Object,evt:yfiles.input.InputModeEventArgs)=>void):void;
       /**
        * Removes the given listener for the <code>DragCanceling</code> event that occurs before the drag will be canceled.
-       * @param {function(Object, yfiles.input.InputModeEventArgs): void} listener The listener to remove.
+       * @param listener The listener to remove.
        * @see yfiles.input.MoveInputMode#addDragCancelingListener
        */
       removeDragCancelingListener(listener:(sender:Object,evt:yfiles.input.InputModeEventArgs)=>void):void;
@@ -26010,16 +26029,15 @@ declare namespace system{
      * {@link yfiles.input.MoveInputMode}.
      * @see yfiles.input.MoveInputMode
      * @see yfiles.input.MoveInputMode#addQueryPositionHandlerListener
-     * @class yfiles.input.QueryPositionHandlerEventArgs
+     * @class
      * @extends {yfiles.input.InputModeEventArgs}
      */
     export interface QueryPositionHandlerEventArgs extends yfiles.input.InputModeEventArgs{}
     export class QueryPositionHandlerEventArgs {
       /**
        * Instantiates a new {@link yfiles.input.QueryPositionHandlerEventArgs}
-       * @param {yfiles.input.IInputModeContext} context The {@link yfiles.input.IInputModeContext} of the operation.
-       * @param {yfiles.geometry.Point} queryLocation The initial location of the movement.
-       * @constructor
+       * @param context The {@link } of the operation.
+       * @param queryLocation The initial location of the movement.
        */
       constructor(context:yfiles.input.IInputModeContext,queryLocation:yfiles.geometry.Point);
       /**
@@ -26070,14 +26088,13 @@ declare namespace system{
      * <p>
      * This mode is {@link yfiles.input.MoveViewportInputMode#exclusive} by default.
      * </p>
-     * @class yfiles.input.MoveViewportInputMode
+     * @class
      * @implements {yfiles.input.IInputMode}
      */
     export interface MoveViewportInputMode extends Object,yfiles.input.IInputMode{}
     export class MoveViewportInputMode {
       /**
        * Creates a new instance of the move viewport mode
-       * @constructor
        */
       constructor();
       /**
@@ -26112,10 +26129,10 @@ declare namespace system{
        * <p>
        * Overriding implementations should call the base implementation, first.
        * </p>
-       * @param {yfiles.input.IInputModeContext} context The context that this instance shall be installed into. The same instance will be passed to this instance during
-       * {@link yfiles.input.IInputMode#uninstall}. A reference to the context may be kept and queried during the time the mode is
+       * @param context The context that this instance shall be installed into. The same instance will be passed to this instance during
+       * {@link #uninstall}. A reference to the context may be kept and queried during the time the mode is
        * installed.
-       * @param {yfiles.input.ConcurrencyController} controller The {@link yfiles.input.MoveViewportInputMode#controller} for this mode.
+       * @param controller The {@link #controller} for this mode.
        * @see yfiles.input.IInputMode#uninstall
        */
       install(context:yfiles.input.IInputModeContext,controller:yfiles.input.ConcurrencyController):void;
@@ -26154,13 +26171,13 @@ declare namespace system{
       onConcurrencyControllerDeactivated():void;
       /**
        * Triggers the {@link yfiles.input.MoveViewportInputMode#addDragCanceledListener DragCanceled} event.
-       * @param {yfiles.input.InputModeEventArgs} evt The event argument that contains context information.
+       * @param evt The event argument that contains context information.
        * @protected
        */
       onDragCanceled(evt:yfiles.input.InputModeEventArgs):void;
       /**
        * Triggers the {@link yfiles.input.MoveViewportInputMode#addDragCancelingListener DragCanceling} event.
-       * @param {yfiles.input.InputModeEventArgs} evt The event argument that contains context information.
+       * @param evt The event argument that contains context information.
        * @protected
        */
       onDragCanceling(evt:yfiles.input.InputModeEventArgs):void;
@@ -26170,7 +26187,7 @@ declare namespace system{
        * This method triggers the {@link yfiles.input.MoveViewportInputMode#addDragFinishedListener DragFinished}
        * event.
        * </p>
-       * @param {yfiles.input.InputModeEventArgs} evt The event argument that contains context information.
+       * @param evt The event argument that contains context information.
        * @protected
        */
       onDragFinished(evt:yfiles.input.InputModeEventArgs):void;
@@ -26180,7 +26197,7 @@ declare namespace system{
        * This method triggers the {@link yfiles.input.MoveViewportInputMode#addDragFinishingListener DragFinishing}
        * event.
        * </p>
-       * @param {yfiles.input.InputModeEventArgs} evt The event argument that contains context information.
+       * @param evt The event argument that contains context information.
        * @protected
        */
       onDragFinishing(evt:yfiles.input.InputModeEventArgs):void;
@@ -26190,7 +26207,7 @@ declare namespace system{
        * This method triggers the {@link yfiles.input.MoveViewportInputMode#addDraggedListener Dragged}
        * event.
        * </p>
-       * @param {yfiles.input.InputModeEventArgs} evt The event argument that contains context information.
+       * @param evt The event argument that contains context information.
        * @protected
        */
       onDragged(evt:yfiles.input.InputModeEventArgs):void;
@@ -26200,19 +26217,19 @@ declare namespace system{
        * This method triggers the {@link yfiles.input.MoveViewportInputMode#addDraggingListener Dragging}
        * event.
        * </p>
-       * @param {yfiles.input.InputModeEventArgs} evt The event argument that contains context information.
+       * @param evt The event argument that contains context information.
        * @protected
        */
       onDragging(evt:yfiles.input.InputModeEventArgs):void;
       /**
        * Triggers the {@link yfiles.input.MoveViewportInputMode#addDragStartedListener DragStarted} event.
-       * @param {yfiles.input.InputModeEventArgs} evt The event argument that contains context information.
+       * @param evt The event argument that contains context information.
        * @protected
        */
       onDragStarted(evt:yfiles.input.InputModeEventArgs):void;
       /**
        * Triggers the {@link yfiles.input.MoveViewportInputMode#addDragStartingListener DragStarting} event.
-       * @param {yfiles.input.InputModeEventArgs} evt The event argument that contains context information.
+       * @param evt The event argument that contains context information.
        * @protected
        */
       onDragStarting(evt:yfiles.input.InputModeEventArgs):void;
@@ -26229,12 +26246,12 @@ declare namespace system{
       onStopped():void;
       /**
        * 
-       * @returns {boolean} 
+       * @returns 
        */
       tryStop():boolean;
       /**
        * 
-       * @param {yfiles.input.IInputModeContext} context
+       * @param context
        */
       uninstall(context:yfiles.input.IInputModeContext):void;
       /**
@@ -26333,7 +26350,7 @@ declare namespace system{
       inertiaDamping:number;
       /**
        * Gets or sets the mode that determines when to use inertia when dragging the viewport.
-       * @default 2
+       * @default yfiles.input.InertiaPolicies.TOUCH
        * @type {yfiles.input.InertiaPolicies}
        */
       inertia:yfiles.input.InertiaPolicies;
@@ -26377,97 +26394,97 @@ declare namespace system{
       releasedRecognizer:(eventSource:Object,evt:yfiles.lang.EventArgs)=>boolean;
       /**
        * Adds the given listener for the <code>Dragging</code> event that occurs at the start of every drag.
-       * @param {function(Object, yfiles.input.InputModeEventArgs): void} listener The listener to add.
+       * @param listener The listener to add.
        * @see yfiles.input.MoveViewportInputMode#removeDraggingListener
        */
       addDraggingListener(listener:(sender:Object,evt:yfiles.input.InputModeEventArgs)=>void):void;
       /**
        * Removes the given listener for the <code>Dragging</code> event that occurs at the start of every drag.
-       * @param {function(Object, yfiles.input.InputModeEventArgs): void} listener The listener to remove.
+       * @param listener The listener to remove.
        * @see yfiles.input.MoveViewportInputMode#addDraggingListener
        */
       removeDraggingListener(listener:(sender:Object,evt:yfiles.input.InputModeEventArgs)=>void):void;
       /**
        * Adds the given listener for the <code>Dragged</code> event that occurs at the end of every drag.
-       * @param {function(Object, yfiles.input.InputModeEventArgs): void} listener The listener to add.
+       * @param listener The listener to add.
        * @see yfiles.input.MoveViewportInputMode#removeDraggedListener
        */
       addDraggedListener(listener:(sender:Object,evt:yfiles.input.InputModeEventArgs)=>void):void;
       /**
        * Removes the given listener for the <code>Dragged</code> event that occurs at the end of every drag.
-       * @param {function(Object, yfiles.input.InputModeEventArgs): void} listener The listener to remove.
+       * @param listener The listener to remove.
        * @see yfiles.input.MoveViewportInputMode#addDraggedListener
        */
       removeDraggedListener(listener:(sender:Object,evt:yfiles.input.InputModeEventArgs)=>void):void;
       /**
        * Adds the given listener for the <code>DragFinishing</code> event that occurs before the drag will be finished.
-       * @param {function(Object, yfiles.input.InputModeEventArgs): void} listener The listener to add.
+       * @param listener The listener to add.
        * @see yfiles.input.MoveViewportInputMode#removeDragFinishingListener
        */
       addDragFinishingListener(listener:(sender:Object,evt:yfiles.input.InputModeEventArgs)=>void):void;
       /**
        * Removes the given listener for the <code>DragFinishing</code> event that occurs before the drag will be finished.
-       * @param {function(Object, yfiles.input.InputModeEventArgs): void} listener The listener to remove.
+       * @param listener The listener to remove.
        * @see yfiles.input.MoveViewportInputMode#addDragFinishingListener
        */
       removeDragFinishingListener(listener:(sender:Object,evt:yfiles.input.InputModeEventArgs)=>void):void;
       /**
        * Adds the given listener for the <code>DragFinished</code> event that occurs once the drag has been finished.
-       * @param {function(Object, yfiles.input.InputModeEventArgs): void} listener The listener to add.
+       * @param listener The listener to add.
        * @see yfiles.input.MoveViewportInputMode#removeDragFinishedListener
        */
       addDragFinishedListener(listener:(sender:Object,evt:yfiles.input.InputModeEventArgs)=>void):void;
       /**
        * Removes the given listener for the <code>DragFinished</code> event that occurs once the drag has been finished.
-       * @param {function(Object, yfiles.input.InputModeEventArgs): void} listener The listener to remove.
+       * @param listener The listener to remove.
        * @see yfiles.input.MoveViewportInputMode#addDragFinishedListener
        */
       removeDragFinishedListener(listener:(sender:Object,evt:yfiles.input.InputModeEventArgs)=>void):void;
       /**
        * Adds the given listener for the <code>DragStarting</code> event that occurs once the drag is starting.
-       * @param {function(Object, yfiles.input.InputModeEventArgs): void} listener The listener to add.
+       * @param listener The listener to add.
        * @see yfiles.input.MoveViewportInputMode#removeDragStartingListener
        */
       addDragStartingListener(listener:(sender:Object,evt:yfiles.input.InputModeEventArgs)=>void):void;
       /**
        * Removes the given listener for the <code>DragStarting</code> event that occurs once the drag is starting.
-       * @param {function(Object, yfiles.input.InputModeEventArgs): void} listener The listener to remove.
+       * @param listener The listener to remove.
        * @see yfiles.input.MoveViewportInputMode#addDragStartingListener
        */
       removeDragStartingListener(listener:(sender:Object,evt:yfiles.input.InputModeEventArgs)=>void):void;
       /**
        * Adds the given listener for the <code>DragStarted</code> event that occurs once the drag is initialized and has started.
-       * @param {function(Object, yfiles.input.InputModeEventArgs): void} listener The listener to add.
+       * @param listener The listener to add.
        * @see yfiles.input.MoveViewportInputMode#removeDragStartedListener
        */
       addDragStartedListener(listener:(sender:Object,evt:yfiles.input.InputModeEventArgs)=>void):void;
       /**
        * Removes the given listener for the <code>DragStarted</code> event that occurs once the drag is initialized and has started.
-       * @param {function(Object, yfiles.input.InputModeEventArgs): void} listener The listener to remove.
+       * @param listener The listener to remove.
        * @see yfiles.input.MoveViewportInputMode#addDragStartedListener
        */
       removeDragStartedListener(listener:(sender:Object,evt:yfiles.input.InputModeEventArgs)=>void):void;
       /**
        * Adds the given listener for the <code>DragCanceled</code> event that occurs when the drag has been canceled.
-       * @param {function(Object, yfiles.input.InputModeEventArgs): void} listener The listener to add.
+       * @param listener The listener to add.
        * @see yfiles.input.MoveViewportInputMode#removeDragCanceledListener
        */
       addDragCanceledListener(listener:(sender:Object,evt:yfiles.input.InputModeEventArgs)=>void):void;
       /**
        * Removes the given listener for the <code>DragCanceled</code> event that occurs when the drag has been canceled.
-       * @param {function(Object, yfiles.input.InputModeEventArgs): void} listener The listener to remove.
+       * @param listener The listener to remove.
        * @see yfiles.input.MoveViewportInputMode#addDragCanceledListener
        */
       removeDragCanceledListener(listener:(sender:Object,evt:yfiles.input.InputModeEventArgs)=>void):void;
       /**
        * Adds the given listener for the <code>DragCanceling</code> event that occurs before the drag will be canceled.
-       * @param {function(Object, yfiles.input.InputModeEventArgs): void} listener The listener to add.
+       * @param listener The listener to add.
        * @see yfiles.input.MoveViewportInputMode#removeDragCancelingListener
        */
       addDragCancelingListener(listener:(sender:Object,evt:yfiles.input.InputModeEventArgs)=>void):void;
       /**
        * Removes the given listener for the <code>DragCanceling</code> event that occurs before the drag will be canceled.
-       * @param {function(Object, yfiles.input.InputModeEventArgs): void} listener The listener to remove.
+       * @param listener The listener to remove.
        * @see yfiles.input.MoveViewportInputMode#addDragCancelingListener
        */
       removeDragCancelingListener(listener:(sender:Object,evt:yfiles.input.InputModeEventArgs)=>void):void;
@@ -26493,14 +26510,13 @@ declare namespace system{
      * </p>
      * @see yfiles.input.MultiplexingInputMode#mutexOwner
      * @see yfiles.input.MultiplexingInputMode#add
-     * @class yfiles.input.MultiplexingInputMode
+     * @class
      * @implements {yfiles.input.IInputMode}
      */
     export interface MultiplexingInputMode extends Object,yfiles.input.IInputMode{}
     export class MultiplexingInputMode {
       /**
        * Creates an instance with no initial modes.
-       * @constructor
        */
       constructor();
       /**
@@ -26512,7 +26528,7 @@ declare namespace system{
        * Input modes will run exclusively if the {@link yfiles.input.ConcurrencyController#exclusive} property of their {@link yfiles.input.IInputMode#install installed controller} is set to <code>true</code>. Otherwise they can not
        * and will not be deactivated if another {@link yfiles.input.IInputMode} acquires the mutex.
        * </p>
-       * @param {yfiles.input.IInputMode} mode The input mode to add to this mode.
+       * @param mode The input mode to add to this mode.
        * @throws {Stubs.Exceptions.ArgumentError} If the same <code>mode</code> has is already added to this instance.
        */
       add(mode:yfiles.input.IInputMode):void;
@@ -26530,8 +26546,8 @@ declare namespace system{
       cancel():void;
       /**
        * Callback method that will be used by the {@link yfiles.input.MultiplexingInputMode#createChildInputModeContext child context's} {@link yfiles.graph.ILookup#lookup} method.
-       * @param {yfiles.lang.Class} type The type argument passed to {@link yfiles.graph.ILookup#lookup}.
-       * @returns {Object} The result of the lookup query, or <code>null</code>.
+       * @param type The type argument passed to {@link #lookup}.
+       * @returns The result of the lookup query, or <code>null</code>.
        * @see yfiles.input.MultiplexingInputMode#createChildInputModeContext
        * @protected
        */
@@ -26544,23 +26560,23 @@ declare namespace system{
        * calls for the created context will be resolved by this instance's {@link yfiles.input.MultiplexingInputMode#childInputModeContextLookup}
        * method.
        * </p>
-       * @returns {yfiles.input.IInputModeContext} A new instance that delegates to the {@link yfiles.input.MultiplexingInputMode#inputModeContext parent's context.}
+       * @returns A new instance that delegates to the {@link #inputModeContext parent's context.}
        * @protected
        */
       createChildInputModeContext():yfiles.input.IInputModeContext;
       /**
        * Helper method that yields a suitably configured {@link yfiles.input.InputModeEventArgs} for this input mode.
-       * @param {yfiles.input.IInputModeContext} context An input mode context that is available in the {@link yfiles.input.InputModeEventArgs}.
+       * @param context An input mode context that is available in the {@link }.
        * <p>
        * Can be <code>null</code> in which case a new context for this instance is created automatically.
        * </p>
-       * @returns {yfiles.input.InputModeEventArgs} An input mode event argument that is configured for this instance.
+       * @returns An input mode event argument that is configured for this instance.
        * @protected
        */
       createInputModeEventArgs(context:yfiles.input.IInputModeContext):yfiles.input.InputModeEventArgs;
       /**
        * Returns a list of all modes managed by this instance in sorted order.
-       * @returns {yfiles.collections.IList.<yfiles.input.IInputMode>} A list of the modes.
+       * @returns A list of the modes.
        */
       getSortedModes():yfiles.collections.IList<yfiles.input.IInputMode>;
       /**
@@ -26578,8 +26594,8 @@ declare namespace system{
       initialize():void;
       /**
        * 
-       * @param {yfiles.input.IInputModeContext} context
-       * @param {yfiles.input.ConcurrencyController} controller
+       * @param context
+       * @param controller
        */
       install(context:yfiles.input.IInputModeContext,controller:yfiles.input.ConcurrencyController):void;
       /**
@@ -26606,7 +26622,7 @@ declare namespace system{
       onConcurrencyControllerDeactivated():void;
       /**
        * Removes the given mode from this compound mode.
-       * @param {yfiles.input.IInputMode} mode The mode to remove.
+       * @param mode The mode to remove.
        */
       remove(mode:yfiles.input.IInputMode):void;
       /**
@@ -26619,12 +26635,12 @@ declare namespace system{
       subModePriorityChanged():void;
       /**
        * Tries to stop all modes.
-       * @returns {boolean} 
+       * @returns 
        */
       tryStop():boolean;
       /**
        * 
-       * @param {yfiles.input.IInputModeContext} context
+       * @param context
        */
       uninstall(context:yfiles.input.IInputModeContext):void;
       /**
@@ -26692,14 +26708,13 @@ declare namespace system{
      * @see yfiles.input.OverviewInputMode#keyboardInputMode
      * @see yfiles.input.OverviewInputMode#clickInputMode
      * @see yfiles.input.OverviewInputMode#tapInputMode
-     * @class yfiles.input.OverviewInputMode
+     * @class
      * @extends {yfiles.input.MultiplexingInputMode}
      */
     export interface OverviewInputMode extends yfiles.input.MultiplexingInputMode{}
     export class OverviewInputMode {
       /**
        * Creates a new instance.
-       * @constructor
        */
       constructor();
       /**
@@ -26707,34 +26722,34 @@ declare namespace system{
        * <p>
        * This method will be called upon first access to the {@link yfiles.input.OverviewInputMode#clickInputMode} property.
        * </p>
-       * @returns {yfiles.input.ClickInputMode} a new instance of ClickInputMode
+       * @returns a new instance of ClickInputMode
        * @protected
        */
       createClickInputMode():yfiles.input.ClickInputMode;
       /**
-       * Factory method for the HandleInputMode property.
+       * Factory method for the {@link yfiles.input.OverviewInputMode#handleInputMode} property.
        * <p>
        * This method will be called upon first access to the {@link yfiles.input.OverviewInputMode#handleInputMode} property.
        * </p>
-       * @returns {yfiles.input.HandleInputMode} a new instance of HandleInputMode
+       * @returns a new instance of {@link }
        * @protected
        */
       createHandleInputMode():yfiles.input.HandleInputMode;
       /**
-       * Factory method for the KeyboardInputMode property.
+       * Factory method for the {@link yfiles.input.OverviewInputMode#keyboardInputMode} property.
        * <p>
        * This method will be called upon first access to the {@link yfiles.input.OverviewInputMode#keyboardInputMode} property.
        * </p>
-       * @returns {yfiles.input.KeyboardInputMode} a new instance of KeyboardInputMode
+       * @returns a new instance of {@link }.
        * @protected
        */
       createKeyboardInputMode():yfiles.input.KeyboardInputMode;
       /**
-       * Factory method for the MoveInputMode property.
+       * Factory method for the {@link yfiles.input.OverviewInputMode#moveInputMode} property.
        * <p>
        * This method will be called upon first access to the {@link yfiles.input.OverviewInputMode#moveInputMode} property.
        * </p>
-       * @returns {yfiles.input.MoveInputMode} a new instance of MoveInputMode
+       * @returns a new instance of MoveInputMode
        * @protected
        */
       createMoveInputMode():yfiles.input.MoveInputMode;
@@ -26743,7 +26758,7 @@ declare namespace system{
        * <p>
        * This method will be called upon first access to the {@link yfiles.input.OverviewInputMode#tapInputMode} property.
        * </p>
-       * @returns {yfiles.input.TapInputMode} a new instance of TapInputMode
+       * @returns a new instance of TapInputMode
        * @protected
        */
       createTapInputMode():yfiles.input.TapInputMode;
@@ -26753,8 +26768,8 @@ declare namespace system{
        * <p>
        * This implementation unconditionally returns <code>true</code>, subclasses may override this method to adjust the behavior.
        * </p>
-       * @param {yfiles.input.ICommand} command The command to install.
-       * @returns {boolean} Whether to install this command.
+       * @param command The command to install.
+       * @returns Whether to install this command.
        * @protected
        */
       shouldInstallCommand(command:yfiles.input.ICommand):boolean;
@@ -26790,7 +26805,7 @@ declare namespace system{
        */
       static VIEWPORT_TEMPLATE_KEY:string;
       /**
-       * Gets the HandleInputMode.
+       * Gets the {@link yfiles.input.HandleInputMode}.
        * <p>
        * This mode is responsible for handling the single handle that allows to resize the viewport rectangle.
        * </p>
@@ -26805,7 +26820,7 @@ declare namespace system{
        */
       handleInputMode:yfiles.input.HandleInputMode;
       /**
-       * Gets the MoveInputMode.
+       * Gets the {@link yfiles.input.MoveInputMode}.
        * <p>
        * This mode is responsible for moving the viewport rectangle.
        * </p>
@@ -26844,7 +26859,7 @@ declare namespace system{
        */
       tapInputMode:yfiles.input.TapInputMode;
       /**
-       * Gets the KeyboardInputMode.
+       * Gets the {@link yfiles.input.KeyboardInputMode}.
        * <p>
        * This mode handles all keyboard interaction gestures with the overview control.
        * </p>
@@ -26881,8 +26896,8 @@ declare namespace system{
        * <li>{@link yfiles.input.ICommand#SCROLL_PAGE_UP}</li>
        * <li>{@link yfiles.input.ICommand#SCROLL_PAGE_LEFT}</li>
        * <li>{@link yfiles.input.ICommand#SCROLL_PAGE_RIGHT}</li>
-       * <li>FitContentCommand</li>
-       * <li>UpdateContentRectCommand</li>
+       * <li>{@link yfiles.input.ICommand#FIT_CONTENT}</li>
+       * <li>{@link yfiles.input.ICommand#UPDATE_CONTENT_RECT}</li>
        * </ul>
        * @type {yfiles.collections.ICollection.<yfiles.input.ICommand>}
        */
@@ -26922,7 +26937,7 @@ declare namespace system{
      * A specialized subclass of {@link yfiles.input.PopulateMenuEventArgs} that carries the {@link yfiles.input.PopulateItemContextMenuEventArgs.<TModelItem>#item} for which the context menu should be
      * populated.
      * Type parameter <code>TModelItem</code>: The type of the {@link yfiles.input.PopulateItemContextMenuEventArgs.<TModelItem>#item model item}.
-     * @class yfiles.input.PopulateItemContextMenuEventArgs.<TModelItem>
+     * @class
      * @extends {yfiles.input.PopulateMenuEventArgs}
      * @template TModelItem
      */
@@ -26930,10 +26945,9 @@ declare namespace system{
     export class PopulateItemContextMenuEventArgs<TModelItem> {
       /**
        * Initializes a new instance of the {@link yfiles.input.PopulateItemContextMenuEventArgs.<TModelItem>} class.
-       * @param {yfiles.input.IInputModeContext} context The context to populate the menu for.
-       * @param {yfiles.geometry.Point} queryLocation The query location.
-       * @param {TModelItem} item The item for which the context menu should be populated, may be <code>null</code>.
-       * @constructor
+       * @param context The context to populate the menu for.
+       * @param queryLocation The query location.
+       * @param item The item for which the context menu should be populated, may be <code>null</code>.
        */
       constructor(context:yfiles.input.IInputModeContext,queryLocation:yfiles.geometry.Point,item:TModelItem);
       /**
@@ -26946,7 +26960,7 @@ declare namespace system{
     /**
      * A specialized subclass of {@link yfiles.input.ToolTipQueryEventArgs} that carries the {@link yfiles.input.QueryItemToolTipEventArgs.<TModelItem>#item} for which the tool tip is queried.
      * Type parameter <code>TModelItem</code>: The type of the {@link yfiles.input.QueryItemToolTipEventArgs.<TModelItem>#item model item}.
-     * @class yfiles.input.QueryItemToolTipEventArgs.<TModelItem>
+     * @class
      * @extends {yfiles.input.ToolTipQueryEventArgs}
      * @template TModelItem
      */
@@ -26954,10 +26968,9 @@ declare namespace system{
     export class QueryItemToolTipEventArgs<TModelItem> {
       /**
        * Initializes a new instance of the {@link yfiles.input.QueryItemToolTipEventArgs.<TModelItem>} class.
-       * @param {yfiles.input.IInputModeContext} context The context to yield the tool tip for.
-       * @param {yfiles.geometry.Point} queryLocation The query location.
-       * @param {TModelItem} item The item for which the tool tip is queried..
-       * @constructor
+       * @param context The context to yield the tool tip for.
+       * @param queryLocation The query location.
+       * @param item The item for which the tool tip is queried..
        */
       constructor(context:yfiles.input.IInputModeContext,queryLocation:yfiles.geometry.Point,item:TModelItem);
       /**
@@ -26970,16 +26983,15 @@ declare namespace system{
     /**
      * A simple convenience implementation of an {@link yfiles.input.IReshapeHandleProvider} that returns handles that modify a
      * {@link yfiles.geometry.IMutableRectangle}.
-     * @class yfiles.input.RectangleReshapeHandleProvider
+     * @class
      * @extends {yfiles.input.ReshapeHandleProviderBase}
      */
     export interface RectangleReshapeHandleProvider extends yfiles.input.ReshapeHandleProviderBase{}
     export class RectangleReshapeHandleProvider {
       /**
        * Creates a default instance that provide handles for each of the positions given for the rectangle.
-       * @param {yfiles.geometry.IMutableRectangle} rectangle The rectangle to create handles for.
-       * @param {yfiles.input.HandlePositions} [handlePositions=yfiles.input.HandlePositions.BORDER] A bitwise combination of all handle positions this instance should provide a handle for.
-       * @constructor
+       * @param rectangle The rectangle to create handles for.
+       * @param [handlePositions=yfiles.input.HandlePositions.BORDER] A bitwise combination of all handle positions this instance should provide a handle for.
        */
       constructor(rectangle:yfiles.geometry.IMutableRectangle,handlePositions?:yfiles.input.HandlePositions);
       /**
@@ -26993,7 +27005,7 @@ declare namespace system{
     /**
      * Abstract base class implementation of the {@link yfiles.input.IReshapeHandleProvider} interface that has properties to restrict
      * the size and area of a reshapeable.
-     * @class yfiles.input.ReshapeHandleProviderBase
+     * @class
      * @implements {yfiles.input.IReshapeHandleProvider}
      */
     export interface ReshapeHandleProviderBase extends Object,yfiles.input.IReshapeHandleProvider{}
@@ -27001,9 +27013,9 @@ declare namespace system{
       constructor();
       /**
        * Returns the {@link yfiles.input.ReshapeHandleProviderBase#handlePositions} property.
-       * @param {yfiles.input.IInputModeContext} context
-       * @returns {yfiles.input.HandlePositions} A bitwise combination of all handle positions this instance provides a handle for if queried in
-       * {@link yfiles.input.RectangleReshapeHandleProvider#getHandle}.
+       * @param context
+       * @returns A bitwise combination of all handle positions this instance provides a handle for if queried in
+       * {@link #getHandle}.
        */
       getAvailableHandles(context:yfiles.input.IInputModeContext):yfiles.input.HandlePositions;
       /**
@@ -27013,9 +27025,9 @@ declare namespace system{
        * This method may be called for each possible single position contained in the set as returned by
        * {@link yfiles.input.ReshapeHandleProviderBase#getAvailableHandles}.
        * </p>
-       * @param {yfiles.input.IInputModeContext} context The context for which the handles are queried.
-       * @param {yfiles.input.HandlePositions} position The position to provide an instance for.
-       * @returns {yfiles.input.IHandle} A handle implementation.
+       * @param context The context for which the handles are queried.
+       * @param position The position to provide an instance for.
+       * @returns A handle implementation.
        * @abstract
        */
       getHandle(context:yfiles.input.IInputModeContext,position:yfiles.input.HandlePositions):yfiles.input.IHandle;
@@ -27058,7 +27070,7 @@ declare namespace system{
     /**
      * Event arguments that are used when modifying a {@link yfiles.view.ISelectionModel.<T>}
      * Type parameter <code>T</code>: The type of the items in the {@link yfiles.view.ISelectionModel.<T>}.
-     * @class yfiles.input.SelectionEventArgs.<T>
+     * @class
      * @extends {yfiles.input.InputModeEventArgs}
      * @template T
      */
@@ -27066,9 +27078,8 @@ declare namespace system{
     export class SelectionEventArgs<T extends yfiles.graph.IModelItem> {
       /**
        * Creates a new instance.
-       * @param {yfiles.input.IInputModeContext} context The context the event with these event args is dispatched.
-       * @param {yfiles.view.ISelectionModel.<T>} selection The selection that is modified.
-       * @constructor
+       * @param context The context the event with these event args is dispatched.
+       * @param selection The selection that is modified.
        */
       constructor(context:yfiles.input.IInputModeContext,selection:yfiles.view.ISelectionModel<T>);
       /**
@@ -27103,13 +27114,12 @@ declare namespace system{
      * @see yfiles.input.HandleInputMode#snapContext
      * @see yfiles.input.MoveInputMode#snapContext
      * @see yfiles.input.SnapContext#createSnapResultsModelManager
-     * @class yfiles.input.SnapContext
+     * @class
      */
     export interface SnapContext extends Object{}
     export class SnapContext {
       /**
        * Initializes a new instance of the {@link yfiles.input.SnapContext} class.
-       * @constructor
        */
       constructor();
       /**
@@ -27132,14 +27142,14 @@ declare namespace system{
       /**
        * Helper method used by {@link yfiles.input.SnapContext#createSnapResultsModelManager} to create the {@link yfiles.view.ICanvasObjectDescriptor}
        * for the {@link yfiles.input.SnapResult} type.
-       * @returns {yfiles.view.ICanvasObjectDescriptor} An instance that can install {@link yfiles.input.SnapResult}s in a {@link yfiles.view.CanvasComponent}.
+       * @returns An instance that can install {@link }s in a {@link }.
        */
       createSnapResultCanvasObjectDescriptor():yfiles.view.ICanvasObjectDescriptor;
       /**
        * Helper method that creates the a {@link yfiles.view.CollectionModelManager.<T>} that can be used to present the current {@link yfiles.input.SnapResult}s in the provided
        * {@link yfiles.view.CanvasComponent}.
-       * @param {yfiles.view.CanvasComponent} canvas The control to initialize the {@link yfiles.view.CollectionModelManager.<T>} with.
-       * @returns {yfiles.view.CollectionModelManager.<yfiles.input.SnapResult>} The model manager that manages the visual representation of the {@link yfiles.input.SnapResult}s.
+       * @param canvas The control to initialize the {@link } with.
+       * @returns The model manager that manages the visual representation of the {@link }s.
        */
       createSnapResultsModelManager(canvas:yfiles.view.CanvasComponent):yfiles.view.CollectionModelManager<yfiles.input.SnapResult>;
       /**
@@ -27148,10 +27158,10 @@ declare namespace system{
        * Clears all temporary lists and sets {@link yfiles.input.SnapContext#isInitialized} back to false. Also the {@link yfiles.input.SnapContext#cleanUp} method is invoked and the
        * {@link yfiles.input.SnapContext#addCleanedUpListener CleanedUp} event is triggered.
        * </p>
-       * @param {yfiles.geometry.Point} newLocation The current mouse location.
-       * @param {boolean} snappingDisabled If set to <code>true</code> snapping is temporarily disabled. This will remove the snap line visualizations and return a {@link yfiles.input.SnapState}
-       * with the unchanged coordinates and the {@link yfiles.input.SnapTypes#NOT_SNAPPED} {@link yfiles.input.SnapState#snapType}.
-       * @returns {yfiles.input.SnapState} A {@link yfiles.input.SnapState} that specifies the adjusted coordinates and how they have been adjusted. The unchanged
+       * @param newLocation The current mouse location.
+       * @param snappingDisabled If set to <code>true</code> snapping is temporarily disabled. This will remove the snap line visualizations and return a {@link }
+       * with the unchanged coordinates and the {@link #NOT_SNAPPED} {@link #snapType}.
+       * @returns A {@link } that specifies the adjusted coordinates and how they have been adjusted. The unchanged
        * coordinates if snapping has been temporarily disabled by setting <code>snappingDisabled</code> to <code>true</code>.
        */
       dragFinished(newLocation:yfiles.geometry.Point,snappingDisabled:boolean):yfiles.input.SnapState;
@@ -27163,8 +27173,8 @@ declare namespace system{
        * {@link yfiles.input.SnapContext#handleMove}. This method does not need to be called if snapping has been temporarily disabled by
        * calling {@link yfiles.input.SnapContext#handleMove} with its <code>snappingDisabled</code> parameter set to <code>true</code>.
        * </p>
-       * @param {yfiles.geometry.Point} mouseLocation The actual mouse location.
-       * @param {yfiles.input.SnapState} finalSnapState The final snap state that contains the location that has been used by the client code for the move and how it has been
+       * @param mouseLocation The actual mouse location.
+       * @param finalSnapState The final snap state that contains the location that has been used by the client code for the move and how it has been
        * snapped.
        */
       dragged(mouseLocation:yfiles.geometry.Point,finalSnapState:yfiles.input.SnapState):void;
@@ -27185,10 +27195,10 @@ declare namespace system{
        * This method returns the adjusted (mouse) coordinates. It also manages the collection of {@link yfiles.input.SnapResult}s. If
        * snapping should be temporarily (for a mouse move) disabled, <code>snappingDisabled</code> has to be set to <code>true</code>.
        * </p>
-       * @param {yfiles.geometry.Point} newLocation The current mouse location.
-       * @param {boolean} snappingDisabled If set to <code>true</code> snapping is temporarily disabled. This will remove the snap line visualizations and return a {@link yfiles.input.SnapState}
-       * with the unchanged coordinates and the {@link yfiles.input.SnapState#snapType} {@link yfiles.input.SnapTypes#NOT_SNAPPED}.
-       * @returns {yfiles.input.SnapState} The adjusted coordinates and how they have been adjusted. The unchanged coordinates if snapping has been temporarily
+       * @param newLocation The current mouse location.
+       * @param snappingDisabled If set to <code>true</code> snapping is temporarily disabled. This will remove the snap line visualizations and return a {@link }
+       * with the unchanged coordinates and the {@link #snapType} {@link #NOT_SNAPPED}.
+       * @returns The adjusted coordinates and how they have been adjusted. The unchanged coordinates if snapping has been temporarily
        * disabled by setting <code>snappingDisabled</code> to <code>true</code>.
        */
       handleMove(newLocation:yfiles.geometry.Point,snappingDisabled:boolean):yfiles.input.SnapState;
@@ -27197,32 +27207,32 @@ declare namespace system{
        * <p>
        * Updates {@link yfiles.input.SnapContext#isInitializing}, {@link yfiles.input.SnapContext#originalLocation}, and {@link yfiles.input.SnapContext#currentInputModeContext} and then triggers the {@link yfiles.input.SnapContext#addInitializingListener Initializing} event.
        * </p>
-       * @param {yfiles.input.IInputModeContext} context The context in which the interactive drag is started.
-       * @param {yfiles.geometry.Point} originalLocation The original location of the mouse.
+       * @param context The context in which the interactive drag is started.
+       * @param originalLocation The original location of the mouse.
        * @throws {Stubs.Exceptions.InvalidOperationError} If this context is already {@link yfiles.input.SnapContext#isInitialized initialized}.
        */
       initializeDrag(context:yfiles.input.IInputModeContext,originalLocation:yfiles.geometry.Point):void;
       /**
        * Raises the {@link yfiles.input.SnapContext#cleanUp} event.
-       * @param {yfiles.input.InputModeEventArgs} evt The {@link yfiles.input.InputModeEventArgs} instance containing the event data.
+       * @param evt The {@link } instance containing the event data.
        * @protected
        */
       onCleanUp(evt:yfiles.input.InputModeEventArgs):void;
       /**
        * Raises the {@link yfiles.input.SnapContext#addCollectSnapResultsListener CollectSnapResults} event.
-       * @param {yfiles.input.CollectSnapResultsEventArgs} evt The {@link yfiles.input.CollectSnapResultsEventArgs} instance containing the event data.
+       * @param evt The {@link } instance containing the event data.
        * @protected
        */
       onCollectSnapResults(evt:yfiles.input.CollectSnapResultsEventArgs):void;
       /**
        * Raises the {@link yfiles.input.SnapContext#addInitializedListener Initialized} event.
-       * @param {yfiles.input.InputModeEventArgs} evt The {@link yfiles.input.InputModeEventArgs} instance containing the event data.
+       * @param evt The {@link } instance containing the event data.
        * @protected
        */
       onInitialized(evt:yfiles.input.InputModeEventArgs):void;
       /**
        * Raises the {@link yfiles.input.SnapContext#addInitializingListener Initializing} event.
-       * @param {yfiles.input.InputModeEventArgs} evt The {@link yfiles.input.InputModeEventArgs} instance containing the event data.
+       * @param evt The {@link } instance containing the event data.
        * @protected
        */
       onInitializing(evt:yfiles.input.InputModeEventArgs):void;
@@ -27231,18 +27241,18 @@ declare namespace system{
        * <p>
        * Chooses from a list of possible results the most important ones. Also maintains the collection of snap results.
        * </p>
-       * @param {yfiles.collections.List.<yfiles.input.SnapResult>} snapResults A temporary list of suggested {@link yfiles.input.SnapResult}s.
-       * @param {yfiles.geometry.Point} originalLocation The point in world coordinates where the mouse move started.
-       * @param {yfiles.geometry.Point} newLocation The current mouse location.
-       * @returns {yfiles.input.SnapState} The adjusted coordinates and how they have been adjusted.
+       * @param snapResults A temporary list of suggested {@link }s.
+       * @param originalLocation The point in world coordinates where the mouse move started.
+       * @param newLocation The current mouse location.
+       * @returns The adjusted coordinates and how they have been adjusted.
        * @protected
        */
       processSnapResults(snapResults:yfiles.collections.List<yfiles.input.SnapResult>,originalLocation:yfiles.geometry.Point,newLocation:yfiles.geometry.Point):yfiles.input.SnapState;
       /**
        * Helper method that wraps the given <code>context</code> so that a {@link yfiles.graph.ILookup#lookup} query on the wrapped context for the {@link yfiles.input.SnapContext}
        * type yields this instance.
-       * @param {yfiles.input.IInputModeContext} context The context to wrap and delegate all calls to.
-       * @returns {yfiles.input.IInputModeContext} A modified instance that yields this instance if it is queried for the {@link yfiles.input.SnapContext} type.
+       * @param context The context to wrap and delegate all calls to.
+       * @returns A modified instance that yields this instance if it is queried for the {@link } type.
        */
       wrapContext(context:yfiles.input.IInputModeContext):yfiles.input.IInputModeContext;
       /**
@@ -27256,7 +27266,7 @@ declare namespace system{
        * {@link yfiles.input.IDragHandler}s of the moved items have to take care themselves whether to add a handler to the list
        * depending on the their settings.
        * </p>
-       * @param {function(Object, yfiles.input.CollectSnapResultsEventArgs): void} listener The listener to add.
+       * @param listener The listener to add.
        * @see yfiles.input.SnapContext#removeCollectSnapResultsListener
        */
       addCollectSnapResultsListener(listener:(sender:Object,evt:yfiles.input.CollectSnapResultsEventArgs)=>void):void;
@@ -27271,48 +27281,48 @@ declare namespace system{
        * {@link yfiles.input.IDragHandler}s of the moved items have to take care themselves whether to add a handler to the list
        * depending on the their settings.
        * </p>
-       * @param {function(Object, yfiles.input.CollectSnapResultsEventArgs): void} listener The listener to remove.
+       * @param listener The listener to remove.
        * @see yfiles.input.SnapContext#addCollectSnapResultsListener
        */
       removeCollectSnapResultsListener(listener:(sender:Object,evt:yfiles.input.CollectSnapResultsEventArgs)=>void):void;
       /**
        * Adds the given listener for the <code>CleanedUp</code> event that occurs when this instance has been cleaned up.
-       * @param {function(Object, yfiles.input.InputModeEventArgs): void} listener The listener to add.
+       * @param listener The listener to add.
        * @see yfiles.input.SnapContext#cleanUp
        * @see yfiles.input.SnapContext#removeCleanedUpListener
        */
       addCleanedUpListener(listener:(sender:Object,evt:yfiles.input.InputModeEventArgs)=>void):void;
       /**
        * Removes the given listener for the <code>CleanedUp</code> event that occurs when this instance has been cleaned up.
-       * @param {function(Object, yfiles.input.InputModeEventArgs): void} listener The listener to remove.
+       * @param listener The listener to remove.
        * @see yfiles.input.SnapContext#cleanUp
        * @see yfiles.input.SnapContext#addCleanedUpListener
        */
       removeCleanedUpListener(listener:(sender:Object,evt:yfiles.input.InputModeEventArgs)=>void):void;
       /**
        * Adds the given listener for the <code>Initialized</code> event that occurs when this instance has been initialized.
-       * @param {function(Object, yfiles.input.InputModeEventArgs): void} listener The listener to add.
+       * @param listener The listener to add.
        * @see yfiles.input.SnapContext#initializeDrag
        * @see yfiles.input.SnapContext#removeInitializedListener
        */
       addInitializedListener(listener:(sender:Object,evt:yfiles.input.InputModeEventArgs)=>void):void;
       /**
        * Removes the given listener for the <code>Initialized</code> event that occurs when this instance has been initialized.
-       * @param {function(Object, yfiles.input.InputModeEventArgs): void} listener The listener to remove.
+       * @param listener The listener to remove.
        * @see yfiles.input.SnapContext#initializeDrag
        * @see yfiles.input.SnapContext#addInitializedListener
        */
       removeInitializedListener(listener:(sender:Object,evt:yfiles.input.InputModeEventArgs)=>void):void;
       /**
        * Adds the given listener for the <code>Initializing</code> event that occurs when this instance is about to be initialized.
-       * @param {function(Object, yfiles.input.InputModeEventArgs): void} listener The listener to add.
+       * @param listener The listener to add.
        * @see yfiles.input.SnapContext#initializeDrag
        * @see yfiles.input.SnapContext#removeInitializingListener
        */
       addInitializingListener(listener:(sender:Object,evt:yfiles.input.InputModeEventArgs)=>void):void;
       /**
        * Removes the given listener for the <code>Initializing</code> event that occurs when this instance is about to be initialized.
-       * @param {function(Object, yfiles.input.InputModeEventArgs): void} listener The listener to remove.
+       * @param listener The listener to remove.
        * @see yfiles.input.SnapContext#initializeDrag
        * @see yfiles.input.SnapContext#addInitializingListener
        */
@@ -27387,7 +27397,7 @@ declare namespace system{
      * It carries a {@link yfiles.input.SnapResult#weight} and can be used to obtain a {@link yfiles.view.IVisualCreator} that will be included in the view if the result is
      * actually {@link yfiles.input.SnapResult#isSnapped snapped} after all other results with higher weight have been {@link yfiles.input.SnapResult#snap snapped}.
      * </p>
-     * @class yfiles.input.SnapResult
+     * @class
      * @implements {yfiles.lang.IComparable}
      */
     export interface SnapResult extends Object,yfiles.lang.IComparable{}
@@ -27395,62 +27405,62 @@ declare namespace system{
       /**
        * Factory method that creates a {@link yfiles.input.SnapResult} to which a {@link yfiles.graph.ILabel} will snap, based on the given
        * <code>snapLine</code>.
-       * @param {yfiles.graph.ILabelModelParameter} layoutParameter The {@link yfiles.graph.ILabelModelParameter} which represents the position to snap to.
-       * @param {number} weight The weight of this result. The higher the weight, the more important it is.
-       * @param {yfiles.geometry.Point} delta The value to add to the mouse coordinates to snap to this result.
-       * @param {Object} tag The tag associated with this result. If more than one result uses the same tag (not <code>null</code>), only the one with the highest
-       * {@link yfiles.input.SnapResult#weight} will be rendered.
-       * @param {yfiles.input.SnapLine} snapLine The snap line this class would snap to or <code>null</code> if it doesn't snap to a <code>SnapLine</code>.
-       * @param {yfiles.geometry.Point} snappedCoordinates The coordinates at the moved item at which the drawn snap line should end.
-       * @param {Object} movedObject The moved object for which this result is created.
-       * @returns {yfiles.input.SnapResult} 
+       * @param layoutParameter The {@link } which represents the position to snap to.
+       * @param weight The weight of this result. The higher the weight, the more important it is.
+       * @param delta The value to add to the mouse coordinates to snap to this result.
+       * @param tag The tag associated with this result. If more than one result uses the same tag (not <code>null</code>), only the one with the highest
+       * {@link #weight} will be rendered.
+       * @param snapLine The snap line this class would snap to or <code>null</code> if it doesn't snap to a <code>SnapLine</code>.
+       * @param snappedCoordinates The coordinates at the moved item at which the drawn snap line should end.
+       * @param movedObject The moved object for which this result is created.
+       * @returns 
        * @static
        */
       static createLabelSnapResult(layoutParameter:yfiles.graph.ILabelModelParameter,weight:number,delta:yfiles.geometry.Point,tag:Object,snapLine:yfiles.input.SnapLine,snappedCoordinates:yfiles.geometry.Point,movedObject:Object):yfiles.input.SnapResult;
       /**
        * Factory method that creates a {@link yfiles.input.SnapResult} that snaps to a given location.
-       * @param {yfiles.geometry.Point} location The location to snap to.
-       * @param {number} weight The weight to assign to the result.
-       * @param {Object} tag The tag associated with this result. If more than one result uses the same tag (not <code>null</code>), only the one with the highest
-       * {@link yfiles.input.SnapResult#weight} will be rendered.
-       * @param {yfiles.view.IVisualCreator} visualCreator The visual creator to use.
-       * @param {yfiles.input.SnapTypes} snapType The type of the snapping operation to apply.
-       * @returns {yfiles.input.SnapResult} A result that snaps to the provided location using the provided mode.
+       * @param location The location to snap to.
+       * @param weight The weight to assign to the result.
+       * @param tag The tag associated with this result. If more than one result uses the same tag (not <code>null</code>), only the one with the highest
+       * {@link #weight} will be rendered.
+       * @param visualCreator The visual creator to use.
+       * @param snapType The type of the snapping operation to apply.
+       * @returns A result that snaps to the provided location using the provided mode.
        * @static
        */
       static createPointSnapResult(location:yfiles.geometry.Point,weight:number,tag:Object,visualCreator:yfiles.view.IVisualCreator,snapType:yfiles.input.SnapTypes):yfiles.input.SnapResult;
       /**
        * Factory method that creates a {@link yfiles.input.SnapResult} which snaps to a given size through a resize operation.
-       * @param {number} weight The weight of this result. The higher the weight, the more important it is.
-       * @param {number} delta The value to add to the mouse coordinates to snap to this result.
-       * @param {Object} tag The tag associated with this result. If more than one result uses the same tag (not <code>null</code>), only the one with the highest
-       * {@link yfiles.input.SnapResult#weight} will be rendered.
-       * @param {yfiles.collections.IEnumerable.<yfiles.geometry.IRectangle>} rectangles The rectangles that have the same width or height as the node will. The rectangle are used for visualization and should
+       * @param weight The weight of this result. The higher the weight, the more important it is.
+       * @param delta The value to add to the mouse coordinates to snap to this result.
+       * @param tag The tag associated with this result. If more than one result uses the same tag (not <code>null</code>), only the one with the highest
+       * {@link #weight} will be rendered.
+       * @param rectangles The rectangles that have the same width or height as the node will. The rectangle are used for visualization and should
        * include all objects for which a visualization should be displayed. Typically, these are all objects which have the same
        * size and the object which is currently reshaped.
-       * @param {number} size The target size to which the resized object will snap.
-       * @param {boolean} horizontal Indicates whether width or height should snap. <code>true</code> if the width should snap.
-       * @returns {yfiles.input.SnapResult} 
+       * @param size The target size to which the resized object will snap.
+       * @param horizontal Indicates whether width or height should snap. <code>true</code> if the width should snap.
+       * @returns 
        * @static
        */
       static createResizeSnapResult(weight:number,delta:number,tag:Object,rectangles:yfiles.collections.IEnumerable<yfiles.geometry.IRectangle>,size:number,horizontal:boolean):yfiles.input.SnapResult;
       /**
        * Factory method that creates a {@link yfiles.input.SnapResult} which represents a {@link yfiles.input.SnapLine} to which the current
        * moved item will potentially snap.
-       * @param {number} weight The weight of this result. The higher the weight, the more important it is.
-       * @param {yfiles.geometry.Point} delta The value to add to the mouse coordinates to snap to this result.
-       * @param {Object} tag The tag associated with this result. If more than one result uses the same tag (not <code>null</code>), only the one with the highest
-       * {@link yfiles.input.SnapResult#weight} will be rendered.
-       * @param {yfiles.input.SnapLine} snapLine The snap line this class would snap to or <code>null</code> if it doesn't snap to a <code>SnapLine</code>.
-       * @param {yfiles.geometry.Point} snappedLocation The coordinates at the moved item at which the drawn snap line should end.
-       * @param {Object} movedObject The moved object for which this result is created.
-       * @returns {yfiles.input.SnapResult} 
+       * @param weight The weight of this result. The higher the weight, the more important it is.
+       * @param delta The value to add to the mouse coordinates to snap to this result.
+       * @param tag The tag associated with this result. If more than one result uses the same tag (not <code>null</code>), only the one with the highest
+       * {@link #weight} will be rendered.
+       * @param snapLine The snap line this class would snap to or <code>null</code> if it doesn't snap to a <code>SnapLine</code>.
+       * @param snappedLocation The coordinates at the moved item at which the drawn snap line should end.
+       * @param movedObject The moved object for which this result is created.
+       * @returns 
        * @static
        */
       static createSnapLineSnapResult(weight:number,delta:yfiles.geometry.Point,tag:Object,snapLine:yfiles.input.SnapLine,snappedLocation:yfiles.geometry.Point,movedObject:Object):yfiles.input.SnapResult;
       /**
        * Returns a {@link yfiles.view.IVisualCreator} instance that can be used to create a {@link yfiles.view.Visual} for this result.
-       * @returns {yfiles.view.IVisualCreator} A visual creator which creates a Visual which depicts this snap result.
+       * @returns A visual creator which creates a {@link } which depicts this snap result.
        * @see yfiles.view.VoidVisualCreator#INSTANCE
        * @abstract
        */
@@ -27460,9 +27470,9 @@ declare namespace system{
        * <p>
        * This implementation simply returns <code>false</code>.
        * </p>
-       * @param {yfiles.geometry.Point} unsnappedLocation The unsnapped location.
-       * @param {yfiles.input.SnapState} finalSnapState The final snap state that has been used by the client.
-       * @returns {boolean} Whether the location are still snapped for this instance.
+       * @param unsnappedLocation The unsnapped location.
+       * @param finalSnapState The final snap state that has been used by the client.
+       * @returns Whether the location are still snapped for this instance.
        */
       isSnapped(unsnappedLocation:yfiles.geometry.Point,finalSnapState:yfiles.input.SnapState):boolean;
       /**
@@ -27470,8 +27480,8 @@ declare namespace system{
        * <p>
        * This implementation does nothing.
        * </p>
-       * @param {yfiles.geometry.Point} unsnappedLocation The location prior to the snapping.
-       * @param {yfiles.input.SnapState} currentSnapState The currently snapped location and the state of the snapping. This instance can be modified by subclasses.
+       * @param unsnappedLocation The location prior to the snapping.
+       * @param currentSnapState The currently snapped location and the state of the snapping. This instance can be modified by subclasses.
        */
       snap(unsnappedLocation:yfiles.geometry.Point,currentSnapState:yfiles.input.SnapState):void;
       /**
@@ -27538,31 +27548,30 @@ declare namespace system{
      * <p>
      * This class is used by {@link yfiles.input.SnapContext} to {@link yfiles.input.SnapContext#processSnapResults process} {@link yfiles.input.SnapResult#snap snap results}.
      * </p>
-     * @class yfiles.input.SnapState
+     * @class
      * @final
      */
     export interface SnapState extends Object{}
     export class SnapState {
       /**
        * Initializes a new instance of the {@link yfiles.input.SnapState} class.
-       * @param {yfiles.geometry.Point} location The initial location.
-       * @param {yfiles.input.SnapTypes} [snapType=yfiles.input.SnapTypes.NOT_SNAPPED] The current type of the snap.
-       * @constructor
+       * @param location The initial location.
+       * @param [snapType=yfiles.input.SnapTypes.NOT_SNAPPED] The current type of the snap.
        */
       constructor(location:yfiles.geometry.Point,snapType?:yfiles.input.SnapTypes);
       /**
        * Sets the {@link yfiles.input.SnapState#location} to the given point and adjusts the {@link yfiles.input.SnapState#snapType} accordingly.
-       * @param {yfiles.geometry.Point} newLocation The new location.
+       * @param newLocation The new location.
        */
       snapTo(newLocation:yfiles.geometry.Point):void;
       /**
        * Modifies the X property of the {@link yfiles.input.SnapState#location} and adjusts the {@link yfiles.input.SnapState#snapType} accordingly.
-       * @param {number} newX The new X.
+       * @param newX The new X.
        */
       snapX(newX:number):void;
       /**
        * Modifies the Y property of the {@link yfiles.input.SnapState#location} and adjusts the {@link yfiles.input.SnapState#snapType} accordingly.
-       * @param {number} newY The new Y.
+       * @param newY The new Y.
        */
       snapY(newY:number):void;
       /**
@@ -27579,22 +27588,20 @@ declare namespace system{
     }
     /**
      * Event arguments used by {@link yfiles.input.TapInputMode#addTappedListener Tapped}.
-     * @class yfiles.input.TapEventArgs
+     * @class
      * @extends {yfiles.input.InputModeEventArgs}
      */
     export interface TapEventArgs extends yfiles.input.InputModeEventArgs{}
     export class TapEventArgs {
       /**
        * Initializes a new instance of the {@link yfiles.input.TapEventArgs} class.
-       * @param {yfiles.input.IInputModeContext} context The context in which the tap occurred.
-       * @param {yfiles.geometry.Point} location The location.
-       * @constructor
+       * @param context The context in which the tap occurred.
+       * @param location The location.
        */
       constructor(context:yfiles.input.IInputModeContext,location:yfiles.geometry.Point);
       /**
        * Initializes a new instance of the {@link yfiles.input.TapEventArgs} class.
-       * @param {yfiles.geometry.Point} location The location.
-       * @constructor
+       * @param location The location.
        */
       constructor(location:yfiles.geometry.Point);
       /**
@@ -27646,14 +27653,13 @@ declare namespace system{
      * </p>
      * @see yfiles.input.TapInputMode#tapHandlingPolicy
      * @see yfiles.input.TapInputMode#swallowFocusTap
-     * @class yfiles.input.TapInputMode
+     * @class
      * @implements {yfiles.input.IInputMode}
      */
     export interface TapInputMode extends Object,yfiles.input.IInputMode{}
     export class TapInputMode {
       /**
        * Creates a new instance of this mode that detects touch taps.
-       * @constructor
        */
       constructor();
       /**
@@ -27667,19 +27673,19 @@ declare namespace system{
       cancel():void;
       /**
        * Creates the event recognizer that is used to recognize the press event for this instance.
-       * @returns {function(Object, yfiles.lang.EventArgs): boolean} 
+       * @returns 
        * @protected
        */
       createPressRecognizer():(eventSource:Object,evt:yfiles.lang.EventArgs)=>boolean;
       /**
        * Creates the event recognizer that is used to recognize the release event for this instance.
-       * @returns {function(Object, yfiles.lang.EventArgs): boolean} 
+       * @returns 
        * @protected
        */
       createReleaseRecognizer():(eventSource:Object,evt:yfiles.lang.EventArgs)=>boolean;
       /**
        * Creates the event recognizer that is used to recognize the taps for this instance.
-       * @returns {function(Object, yfiles.lang.EventArgs): boolean} 
+       * @returns 
        * @protected
        */
       createTapRecognizer():(eventSource:Object,evt:yfiles.lang.EventArgs)=>boolean;
@@ -27695,43 +27701,43 @@ declare namespace system{
        * <p>
        * Overriding implementations should call the base implementation, first.
        * </p>
-       * @param {yfiles.input.IInputModeContext} context The context that this instance shall be installed into. The same instance will be passed to this instance during
-       * {@link yfiles.input.IInputMode#uninstall}. A reference to the context may be kept and queried during the time the mode is
+       * @param context The context that this instance shall be installed into. The same instance will be passed to this instance during
+       * {@link #uninstall}. A reference to the context may be kept and queried during the time the mode is
        * installed.
-       * @param {yfiles.input.ConcurrencyController} controller The {@link yfiles.input.ConcurrencyController} for this mode.
+       * @param controller The {@link } for this mode.
        * @see yfiles.input.IInputMode#uninstall
        */
       install(context:yfiles.input.IInputModeContext,controller:yfiles.input.ConcurrencyController):void;
       /**
        * Determines whether the given event is a press event that occurred at an invalid location.
-       * @param {Object} eventSource
-       * @param {yfiles.lang.EventArgs} evt
-       * @returns {boolean} 
+       * @param eventSource
+       * @param evt
+       * @returns 
        * @see yfiles.input.TapInputMode#validTapHitTestable
        * @protected
        */
       isInvalidPress(eventSource:Object,evt:yfiles.lang.EventArgs):boolean;
       /**
        * Determines whether the given event is a valid press event.
-       * @param {Object} eventSource
-       * @param {yfiles.lang.EventArgs} evt
-       * @returns {boolean} 
+       * @param eventSource
+       * @param evt
+       * @returns 
        * @protected
        */
       isValidPress(eventSource:Object,evt:yfiles.lang.EventArgs):boolean;
       /**
        * Determines whether the given event is a valid release event.
-       * @param {Object} eventSource
-       * @param {yfiles.lang.EventArgs} evt
-       * @returns {boolean} 
+       * @param eventSource
+       * @param evt
+       * @returns 
        * @protected
        */
       isValidRelease(eventSource:Object,evt:yfiles.lang.EventArgs):boolean;
       /**
        * Determines whether the given event is a valid tap event.
-       * @param {Object} eventSource
-       * @param {yfiles.lang.EventArgs} evt
-       * @returns {boolean} 
+       * @param eventSource
+       * @param evt
+       * @returns 
        * @protected
        */
       isValidTap(eventSource:Object,evt:yfiles.lang.EventArgs):boolean;
@@ -27773,7 +27779,7 @@ declare namespace system{
        * <p>
        * This method will trigger the {@link yfiles.input.TapInputMode#addDoubleTappedListener DoubleTapped} event.
        * </p>
-       * @param {yfiles.input.TapEventArgs} evt The arguments.
+       * @param evt The arguments.
        * @protected
        */
       onDoubleTapped(evt:yfiles.input.TapEventArgs):void;
@@ -27793,7 +27799,7 @@ declare namespace system{
        * <p>
        * This method will trigger the {@link yfiles.input.TapInputMode#addTappedListener Tapped} event.
        * </p>
-       * @param {yfiles.input.TapEventArgs} evt The arguments.
+       * @param evt The arguments.
        * @protected
        */
       onTapped(evt:yfiles.input.TapEventArgs):void;
@@ -27817,13 +27823,13 @@ declare namespace system{
        * <p>
        * To ensure that the flag really acts just once, this method resets the flag and returns its value prior to the reset.
        * </p>
-       * @returns {boolean} 
+       * @returns 
        * @protected
        */
       queryAndResetPreventNextDoubleTap():boolean;
       /**
        * 
-       * @returns {boolean} 
+       * @returns 
        */
       tryStop():boolean;
       /**
@@ -27835,7 +27841,7 @@ declare namespace system{
        * <p>
        * Overriding implementations should call the base implementation after their own code.
        * </p>
-       * @param {yfiles.input.IInputModeContext} context The context to deregister from. This is the same instance that had been passed to {@link yfiles.input.IInputMode#install} during
+       * @param context The context to deregister from. This is the same instance that had been passed to {@link #install} during
        * installation.
        */
       uninstall(context:yfiles.input.IInputModeContext):void;
@@ -27878,7 +27884,7 @@ declare namespace system{
       controller:yfiles.input.ConcurrencyController;
       /**
        * Adds the given listener for the <code>Tapped</code> event that occurs once a tap has been detected.
-       * @param {function(Object, yfiles.input.TapEventArgs): void} listener The listener to add.
+       * @param listener The listener to add.
        * @see yfiles.input.TapEventArgs
        * @see yfiles.input.TapInputMode#tapHandlingPolicy
        * @see yfiles.input.TapInputMode#removeTappedListener
@@ -27886,7 +27892,7 @@ declare namespace system{
       addTappedListener(listener:(sender:Object,evt:yfiles.input.TapEventArgs)=>void):void;
       /**
        * Removes the given listener for the <code>Tapped</code> event that occurs once a tap has been detected.
-       * @param {function(Object, yfiles.input.TapEventArgs): void} listener The listener to remove.
+       * @param listener The listener to remove.
        * @see yfiles.input.TapEventArgs
        * @see yfiles.input.TapInputMode#tapHandlingPolicy
        * @see yfiles.input.TapInputMode#addTappedListener
@@ -27894,7 +27900,7 @@ declare namespace system{
       removeTappedListener(listener:(sender:Object,evt:yfiles.input.TapEventArgs)=>void):void;
       /**
        * Adds the given listener for the <code>DoubleTapped</code> event that occurs once a double-tap has been detected.
-       * @param {function(Object, yfiles.input.TapEventArgs): void} listener The listener to add.
+       * @param listener The listener to add.
        * @see yfiles.input.TapEventArgs
        * @see yfiles.input.TapInputMode#tapHandlingPolicy
        * @see yfiles.input.TapInputMode#removeDoubleTappedListener
@@ -27902,7 +27908,7 @@ declare namespace system{
       addDoubleTappedListener(listener:(sender:Object,evt:yfiles.input.TapEventArgs)=>void):void;
       /**
        * Removes the given listener for the <code>DoubleTapped</code> event that occurs once a double-tap has been detected.
-       * @param {function(Object, yfiles.input.TapEventArgs): void} listener The listener to remove.
+       * @param listener The listener to remove.
        * @see yfiles.input.TapEventArgs
        * @see yfiles.input.TapInputMode#tapHandlingPolicy
        * @see yfiles.input.TapInputMode#addDoubleTappedListener
@@ -27912,7 +27918,7 @@ declare namespace system{
        * Gets or sets the tap handling policy that determines the triggering behavior of {@link yfiles.input.TapInputMode#addTappedListener Tapped}
        * and {@link yfiles.input.TapInputMode#addDoubleTappedListener DoubleTapped}.
        * @see yfiles.input.TapInputMode#tapHandlingPolicy
-       * @default 2
+       * @default yfiles.input.TapHandlingPolicy.BOTH_SINGLE_TAPS_AND_DOUBLE_TAP
        * @type {yfiles.input.TapHandlingPolicy}
        */
       tapHandlingPolicy:yfiles.input.TapHandlingPolicy;
@@ -27960,14 +27966,13 @@ declare namespace system{
      * <p>
      * This mode is {@link yfiles.input.TextEditorInputMode#exclusive} by default.
      * </p>
-     * @class yfiles.input.TextEditorInputMode
+     * @class
      * @implements {yfiles.input.IInputMode}
      */
     export interface TextEditorInputMode extends Object,yfiles.input.IInputMode{}
     export class TextEditorInputMode {
       /**
        * Creates a new instance using a default text box.
-       * @constructor
        */
       constructor();
       /**
@@ -27977,7 +27982,7 @@ declare namespace system{
       adjustPosition():void;
       /**
        * Adjusts the size of the text box in the {@link yfiles.input.TextEditorInputMode#editorContainer}.
-       * @param {yfiles.geometry.Size} maxSize The suggested maximum size to use.
+       * @param maxSize The suggested maximum size to use.
        * @protected
        */
       adjustSize(maxSize:yfiles.geometry.Size):void;
@@ -27989,7 +27994,7 @@ declare namespace system{
        * <p>
        * This implementation makes sure the textbox does not exceed the bounds of the canvas.
        * </p>
-       * @returns {yfiles.geometry.Size} The maximum size for the textbox.
+       * @returns The maximum size for the textbox.
        * @see yfiles.input.TextEditorInputMode#adjustSize
        * @protected
        */
@@ -28004,11 +28009,11 @@ declare namespace system{
       clear():void;
       /**
        * Starts interactive text editing.
-       * @returns {Promise.<string>} A Promise that will fulfill with the edited text or fulfill with <code>null</code> if editing is cancelled.
+       * @returns A Promise that will fulfill with the edited text or fulfill with <code>null</code> if editing is cancelled.
        */
       edit():Promise<string>;
       /**
-       * Adjusts the {@link yfiles.view.CanvasComponent#viewport} of the canvas such that the text box is in the visible area.
+       * Adjusts the {@link yfiles.view.CanvasComponent#viewport} of the {@link yfiles.view.CanvasComponent} such that the text box is in the visible area.
        * <p>
        * Called once when the editing starts.
        * </p>
@@ -28017,7 +28022,7 @@ declare namespace system{
       ensureVisible():void;
       /**
        * Returns the bounds of the text area in world coordinates.
-       * @returns {yfiles.geometry.Rect} 
+       * @returns 
        * @protected
        */
       getTextBoxBounds():yfiles.geometry.Rect;
@@ -28033,10 +28038,10 @@ declare namespace system{
        * <p>
        * Overriding implementations should call the base implementation, first.
        * </p>
-       * @param {yfiles.input.IInputModeContext} context The context that this instance shall be installed into. The same instance will be passed to this instance during
-       * {@link yfiles.input.IInputMode#uninstall}. A reference to the context may be kept and queried during the time the mode is
+       * @param context The context that this instance shall be installed into. The same instance will be passed to this instance during
+       * {@link #uninstall}. A reference to the context may be kept and queried during the time the mode is
        * installed.
-       * @param {yfiles.input.ConcurrencyController} controller The {@link yfiles.input.TextEditorInputMode#controller} for this mode.
+       * @param controller The {@link #controller} for this mode.
        * @see yfiles.input.IInputMode#uninstall
        */
       install(context:yfiles.input.IInputModeContext,controller:yfiles.input.ConcurrencyController):void;
@@ -28096,13 +28101,13 @@ declare namespace system{
       onConcurrencyControllerDeactivated():void;
       /**
        * Raises the {@link yfiles.input.TextEditorInputMode#addEditingCanceledListener EditingCanceled} event.
-       * @param {yfiles.input.TextEventArgs} evt The event argument
+       * @param evt The event argument
        * @protected
        */
       onEditingCanceled(evt:yfiles.input.TextEventArgs):void;
       /**
        * Raises the {@link yfiles.input.TextEditorInputMode#addEditingStartedListener EditingStarted} event.
-       * @param {yfiles.input.TextEventArgs} evt The event argument.
+       * @param evt The event argument.
        * @protected
        */
       onEditingStarted(evt:yfiles.input.TextEventArgs):void;
@@ -28128,13 +28133,13 @@ declare namespace system{
       onStopped():void;
       /**
        * Raises the {@link yfiles.input.TextEditorInputMode#addTextEditedListener TextEdited} event.
-       * @param {yfiles.input.TextEventArgs} evt The event arguments.
+       * @param evt The event arguments.
        * @protected
        */
       onTextEdited(evt:yfiles.input.TextEventArgs):void;
       /**
        * Stops editing and returns <code>true</code>.
-       * @returns {boolean} <code>base.Stop()</code>
+       * @returns <code>base.Stop()</code>
        */
       tryStop():boolean;
       /**
@@ -28146,7 +28151,7 @@ declare namespace system{
        * <p>
        * Overriding implementations should call the base implementation after their own code.
        * </p>
-       * @param {yfiles.input.IInputModeContext} context The context to deregister from. This is the same instance that had been passed to {@link yfiles.input.IInputMode#install} during
+       * @param context The context to deregister from. This is the same instance that had been passed to {@link #install} during
        * installation.
        */
       uninstall(context:yfiles.input.IInputModeContext):void;
@@ -28194,37 +28199,37 @@ declare namespace system{
       controller:yfiles.input.ConcurrencyController;
       /**
        * Adds the given listener for the <code>TextEdited</code> event that occurs once the text has been edited.
-       * @param {function(Object, yfiles.input.TextEventArgs): void} listener The listener to add.
+       * @param listener The listener to add.
        * @see yfiles.input.TextEditorInputMode#removeTextEditedListener
        */
       addTextEditedListener(listener:(sender:Object,evt:yfiles.input.TextEventArgs)=>void):void;
       /**
        * Removes the given listener for the <code>TextEdited</code> event that occurs once the text has been edited.
-       * @param {function(Object, yfiles.input.TextEventArgs): void} listener The listener to remove.
+       * @param listener The listener to remove.
        * @see yfiles.input.TextEditorInputMode#addTextEditedListener
        */
       removeTextEditedListener(listener:(sender:Object,evt:yfiles.input.TextEventArgs)=>void):void;
       /**
        * Adds the given listener for the <code>EditingCanceled</code> event that occurs if the editing has not been finished.
-       * @param {function(Object, yfiles.input.TextEventArgs): void} listener The listener to add.
+       * @param listener The listener to add.
        * @see yfiles.input.TextEditorInputMode#removeEditingCanceledListener
        */
       addEditingCanceledListener(listener:(sender:Object,evt:yfiles.input.TextEventArgs)=>void):void;
       /**
        * Removes the given listener for the <code>EditingCanceled</code> event that occurs if the editing has not been finished.
-       * @param {function(Object, yfiles.input.TextEventArgs): void} listener The listener to remove.
+       * @param listener The listener to remove.
        * @see yfiles.input.TextEditorInputMode#addEditingCanceledListener
        */
       removeEditingCanceledListener(listener:(sender:Object,evt:yfiles.input.TextEventArgs)=>void):void;
       /**
        * Adds the given listener for the <code>EditingStarted</code> event that occurs when text editing is started.
-       * @param {function(Object, yfiles.input.TextEventArgs): void} listener The listener to add.
+       * @param listener The listener to add.
        * @see yfiles.input.TextEditorInputMode#removeEditingStartedListener
        */
       addEditingStartedListener(listener:(sender:Object,evt:yfiles.input.TextEventArgs)=>void):void;
       /**
        * Removes the given listener for the <code>EditingStarted</code> event that occurs when text editing is started.
-       * @param {function(Object, yfiles.input.TextEventArgs): void} listener The listener to remove.
+       * @param listener The listener to remove.
        * @see yfiles.input.TextEditorInputMode#addEditingStartedListener
        */
       removeEditingStartedListener(listener:(sender:Object,evt:yfiles.input.TextEventArgs)=>void):void;
@@ -28260,7 +28265,7 @@ declare namespace system{
       /**
        * Gets or sets the event recognizer to detect the key gesture for new line breaks.
        * <p>
-       * When the provided {@link yfiles.view.KeyEventArgs} are recognized, a new line break is inserted at the current curret position.
+       * When the provided {@link yfiles.view.KeyEventArgs} are recognized, a new line break is inserted at the current caret position.
        * </p>
        * @see yfiles.input.TextEditorInputMode#cancelRecognizer
        * @see yfiles.input.TextEditorInputMode#stopRecognizer
@@ -28356,16 +28361,15 @@ declare namespace system{
     }
     /**
      * Event arguments used by {@link yfiles.input.TextEditorInputMode}.
-     * @class yfiles.input.TextEventArgs
+     * @class
      * @extends {yfiles.input.InputModeEventArgs}
      */
     export interface TextEventArgs extends yfiles.input.InputModeEventArgs{}
     export class TextEventArgs {
       /**
        * Creates a new instance.
-       * @param {yfiles.input.IInputModeContext} context The context in which this text event happened.
-       * @param {string} text The text that was or will be edited.
-       * @constructor
+       * @param context The context in which this text event happened.
+       * @param text The text that was or will be edited.
        */
       constructor(context:yfiles.input.IInputModeContext,text:string);
       /**
@@ -28378,22 +28382,20 @@ declare namespace system{
     /**
      * An {@link yfiles.input.IInputMode} implementation that can be used to block user interaction.
      * <p>
-     * Setting the {@link yfiles.input.WaitInputMode#waiting} property will try to cancel ongoing edits of the {@link yfiles.input.ConcurrencyController#mutexOwner mutex owner} and set the {@link yfiles.view.CanvasComponent#editable} state to <code>false</code> and set the
-     * preferred cursor to {@link yfiles.input.WaitInputMode#waitCursor}. This mode will try to add itself to the
-     * {@link yfiles.view.CanvasComponent#lookup Lookup of the CanvasControl}, so that other clients can make use of its functionality.
+     * Setting the {@link yfiles.input.WaitInputMode#waiting} property will try to cancel ongoing edits of the {@link yfiles.input.ConcurrencyController#mutexOwner mutex owner} and set the preferred cursor to {@link yfiles.input.WaitInputMode#waitCursor}. This mode
+     * will try to add itself to the {@link yfiles.view.CanvasComponent#lookup Lookup of the CanvasControl}, so that other clients can make use of its functionality.
      * </p>
      * <p>
      * This mode uses an {@link yfiles.input.ConcurrencyController#exclusive} controller by default.
      * </p>
      * @see yfiles.input.WaitInputMode#waiting
-     * @class yfiles.input.WaitInputMode
+     * @class
      * @implements {yfiles.input.IInputMode}
      */
     export interface WaitInputMode extends Object,yfiles.input.IInputMode{}
     export class WaitInputMode {
       /**
        * Creates a new instance of this mode.
-       * @constructor
        */
       constructor();
       /**
@@ -28402,7 +28404,7 @@ declare namespace system{
       cancel():void;
       /**
        * Returns if this mode can request the mutex when {@link yfiles.input.WaitInputMode#waiting} is set to <code>true</code>.
-       * @returns {boolean} if this mode can request the mutex when {@link yfiles.input.WaitInputMode#waiting} is set to <code>true</code>.
+       * @returns if this mode can request the mutex when {@link #waiting} is set to <code>true</code>.
        */
       canStartWaiting():boolean;
       /**
@@ -28425,10 +28427,10 @@ declare namespace system{
        * <p>
        * Overriding implementations should call the base implementation, first.
        * </p>
-       * @param {yfiles.input.IInputModeContext} context The context that this instance shall be installed into. The same instance will be passed to this instance during
-       * {@link yfiles.input.IInputMode#uninstall}. A reference to the context may be kept and queried during the time the mode is
+       * @param context The context that this instance shall be installed into. The same instance will be passed to this instance during
+       * {@link #uninstall}. A reference to the context may be kept and queried during the time the mode is
        * installed.
-       * @param {yfiles.input.ConcurrencyController} controller The {@link yfiles.input.WaitInputMode#controller} for this mode.
+       * @param controller The {@link #controller} for this mode.
        * @see yfiles.input.IInputMode#uninstall
        */
       install(context:yfiles.input.IInputModeContext,controller:yfiles.input.ConcurrencyController):void;
@@ -28478,13 +28480,13 @@ declare namespace system{
       onStopped():void;
       /**
        * Raises the {@link yfiles.input.WaitInputMode#addWaitingEndedListener WaitingEnded} event.
-       * @param {yfiles.input.InputModeEventArgs} evt The {@link yfiles.input.InputModeEventArgs} instance containing the event data.
+       * @param evt The {@link } instance containing the event data.
        * @protected
        */
       onWaitingEnded(evt:yfiles.input.InputModeEventArgs):void;
       /**
        * Raises the {@link yfiles.input.WaitInputMode#addWaitingStartedListener WaitingStarted} event.
-       * @param {yfiles.input.InputModeEventArgs} evt The {@link yfiles.input.InputModeEventArgs} instance containing the event data.
+       * @param evt The {@link } instance containing the event data.
        * @protected
        */
       onWaitingStarted(evt:yfiles.input.InputModeEventArgs):void;
@@ -28492,14 +28494,14 @@ declare namespace system{
        * This will initiate the waiting process by trying to
        * {@link yfiles.input.ConcurrencyController#requestMutex}request the input mutex.
        * <p>
-       * This will set the {@link yfiles.input.ConcurrencyController#preferredCursor} to {@link yfiles.input.WaitInputMode#waitCursor} and set the {@link yfiles.view.CanvasComponent#editable} property of the canvas to <code>false</code>.
+       * This will set the {@link yfiles.input.ConcurrencyController#preferredCursor} to {@link yfiles.input.WaitInputMode#waitCursor}.
        * </p>
        * @protected
        */
       startWaiting():void;
       /**
        * 
-       * @returns {boolean} 
+       * @returns 
        */
       tryStop():boolean;
       /**
@@ -28511,7 +28513,7 @@ declare namespace system{
        * <p>
        * Overriding implementations should call the base implementation after their own code.
        * </p>
-       * @param {yfiles.input.IInputModeContext} context The context to deregister from. This is the same instance that had been passed to {@link yfiles.input.IInputMode#install} during
+       * @param context The context to deregister from. This is the same instance that had been passed to {@link #install} during
        * installation.
        */
       uninstall(context:yfiles.input.IInputModeContext):void;
@@ -28550,25 +28552,25 @@ declare namespace system{
       waiting:boolean;
       /**
        * Adds the given listener for the <code>WaitingStarted</code> event that occurs when the waiting started.
-       * @param {function(Object, yfiles.input.InputModeEventArgs): void} listener The listener to add.
+       * @param listener The listener to add.
        * @see yfiles.input.WaitInputMode#removeWaitingStartedListener
        */
       addWaitingStartedListener(listener:(sender:Object,evt:yfiles.input.InputModeEventArgs)=>void):void;
       /**
        * Removes the given listener for the <code>WaitingStarted</code> event that occurs when the waiting started.
-       * @param {function(Object, yfiles.input.InputModeEventArgs): void} listener The listener to remove.
+       * @param listener The listener to remove.
        * @see yfiles.input.WaitInputMode#addWaitingStartedListener
        */
       removeWaitingStartedListener(listener:(sender:Object,evt:yfiles.input.InputModeEventArgs)=>void):void;
       /**
        * Adds the given listener for the <code>WaitingEnded</code> event that occurs when the waiting ended.
-       * @param {function(Object, yfiles.input.InputModeEventArgs): void} listener The listener to add.
+       * @param listener The listener to add.
        * @see yfiles.input.WaitInputMode#removeWaitingEndedListener
        */
       addWaitingEndedListener(listener:(sender:Object,evt:yfiles.input.InputModeEventArgs)=>void):void;
       /**
        * Removes the given listener for the <code>WaitingEnded</code> event that occurs when the waiting ended.
-       * @param {function(Object, yfiles.input.InputModeEventArgs): void} listener The listener to remove.
+       * @param listener The listener to remove.
        * @see yfiles.input.WaitInputMode#addWaitingEndedListener
        */
       removeWaitingEndedListener(listener:(sender:Object,evt:yfiles.input.InputModeEventArgs)=>void):void;
@@ -28584,7 +28586,7 @@ declare namespace system{
      * of an item.
      * @see yfiles.input.ConstrainedDragHandler.<TWrapped>
      * @see yfiles.input.ConstrainedDragHandler.<TWrapped>#constrainNewLocation
-     * @class yfiles.input.ConstrainedPositionHandler
+     * @class
      * @extends {yfiles.input.ConstrainedDragHandler.<yfiles.input.IPositionHandler>}
      * @implements {yfiles.input.IPositionHandler}
      */
@@ -28592,9 +28594,8 @@ declare namespace system{
     export class ConstrainedPositionHandler {
       /**
        * Initializes a new instance of the {@link yfiles.input.ConstrainedPositionHandler} class that delegates to the <code>wrappedHandler</code>.
-       * @param {yfiles.input.IPositionHandler} wrappedHandler The handler to wrap.
+       * @param wrappedHandler The handler to wrap.
        * @protected
-       * @constructor
        */
       constructor(wrappedHandler:yfiles.input.IPositionHandler);
       static $class:yfiles.lang.Class;
@@ -28603,7 +28604,7 @@ declare namespace system{
      * A convenience implementation of the {@link yfiles.input.IHandle} interface that can be used to constrain the handle of an item.
      * @see yfiles.input.ConstrainedDragHandler.<TWrapped>
      * @see yfiles.input.ConstrainedDragHandler.<TWrapped>#constrainNewLocation
-     * @class yfiles.input.ConstrainedHandle
+     * @class
      * @extends {yfiles.input.ConstrainedDragHandler.<yfiles.input.IHandle>}
      * @implements {yfiles.input.IHandle}
      */
@@ -28611,9 +28612,8 @@ declare namespace system{
     export class ConstrainedHandle {
       /**
        * Initializes a new instance of the {@link yfiles.input.ConstrainedHandle} class that delegates to the <code>wrappedHandle</code>.
-       * @param {yfiles.input.IHandle} wrappedHandle The handle to wrap.
+       * @param wrappedHandle The handle to wrap.
        * @protected
-       * @constructor
        */
       constructor(wrappedHandle:yfiles.input.IHandle);
       /**
@@ -28634,31 +28634,30 @@ declare namespace system{
      * @see yfiles.input.ConstrainedHandle
      * @see yfiles.input.ConstrainedPositionHandler
      * @see yfiles.input.ConstrainedReshapeHandler#constrainNewBounds
-     * @class yfiles.input.ConstrainedReshapeHandler
+     * @class
      * @implements {yfiles.input.IReshapeHandler}
      */
     export interface ConstrainedReshapeHandler extends Object,yfiles.input.IReshapeHandler{}
     export class ConstrainedReshapeHandler {
       /**
        * Initializes a new instance of the {@link yfiles.input.ConstrainedReshapeHandler} class that delegates to the <code>wrappedHandler</code>.
-       * @param {yfiles.input.IReshapeHandler} wrappedHandler The handler to wrap.
+       * @param wrappedHandler The handler to wrap.
        * @protected
-       * @constructor
        */
       constructor(wrappedHandler:yfiles.input.IReshapeHandler);
       /**
        * Cancels the move operation and calls {@link yfiles.input.ConstrainedReshapeHandler#onCanceled}
-       * @param {yfiles.input.IInputModeContext} context The context to retrieve information about the drag from.
-       * @param {yfiles.geometry.Rect} originalBounds The value of the coordinate of the {@link yfiles.input.ConstrainedReshapeHandler#bounds} property at the time of {@link yfiles.input.ConstrainedReshapeHandler#initializeReshape}.
+       * @param context The context to retrieve information about the drag from.
+       * @param originalBounds The value of the coordinate of the {@link #bounds} property at the time of {@link #initializeReshape}.
        */
       cancelReshape(context:yfiles.input.IInputModeContext,originalBounds:yfiles.geometry.Rect):void;
       /**
        * Callback that needs to implement the constraints for the new bounds.
-       * @param {yfiles.input.IInputModeContext} context The context in which the reshape will be performed.
-       * @param {yfiles.geometry.Rect} originalBounds The value of the {@link yfiles.input.ConstrainedReshapeHandler#bounds} property at the time of {@link yfiles.input.ConstrainedReshapeHandler#initializeReshape}.
-       * @param {yfiles.geometry.Rect} newBounds The coordinates in the world coordinate system that the client wants the handle to be at. Depending on the
-       * implementation the {@link yfiles.input.ConstrainedReshapeHandler#bounds} may or may not be modified to reflect the new value.
-       * @returns {yfiles.geometry.Rect} The constrained value of <code>newBounds</code>.
+       * @param context The context in which the reshape will be performed.
+       * @param originalBounds The value of the {@link #bounds} property at the time of {@link #initializeReshape}.
+       * @param newBounds The coordinates in the world coordinate system that the client wants the handle to be at. Depending on the
+       * implementation the {@link #bounds} may or may not be modified to reflect the new value.
+       * @returns The constrained value of <code>newBounds</code>.
        * @protected
        * @abstract
        */
@@ -28669,55 +28668,54 @@ declare namespace system{
        * This method will use the {@link yfiles.input.ConstrainedReshapeHandler#constrainNewBounds} callback to let subclasses constrain
        * the reshaping.
        * </p>
-       * @param {yfiles.input.IInputModeContext} context The context in which the reshape will be performed.
-       * @param {yfiles.geometry.Rect} originalBounds The value of the {@link yfiles.input.ConstrainedReshapeHandler#bounds} property at the time of {@link yfiles.input.ConstrainedReshapeHandler#initializeReshape}.
-       * @param {yfiles.geometry.Rect} newBounds The coordinates in the world coordinate system that the client wants to reshape the item to. Depending on the
-       * implementation the {@link yfiles.input.ConstrainedReshapeHandler#bounds} may or may not be modified to reflect the new value.
-       * @returns Whether the reshape had any visual effect. This is a hint to the engine to optimize invalidation.
+       * @param context The context in which the reshape will be performed.
+       * @param originalBounds The value of the {@link #bounds} property at the time of {@link #initializeReshape}.
+       * @param newBounds The coordinates in the world coordinate system that the client wants to reshape the item to. Depending on the
+       * implementation the {@link #bounds} may or may not be modified to reflect the new value.
        */
       handleReshape(context:yfiles.input.IInputModeContext,originalBounds:yfiles.geometry.Rect,newBounds:yfiles.geometry.Rect):void;
       /**
        * Initializes the reshape operation and subsequently calls {@link yfiles.input.ConstrainedReshapeHandler#onInitialized}
-       * @param {yfiles.input.IInputModeContext} context The context in which the drag will be performed.
+       * @param context The context in which the drag will be performed.
        */
       initializeReshape(context:yfiles.input.IInputModeContext):void;
       /**
        * Called when the {@link yfiles.input.ConstrainedReshapeHandler#cancelReshape} method has been called.
-       * @param {yfiles.input.IInputModeContext} context The input mode context.
-       * @param {yfiles.geometry.Rect} originalBounds The original bounds.
+       * @param context The input mode context.
+       * @param originalBounds The original bounds.
        * @protected
        */
       onCanceled(context:yfiles.input.IInputModeContext,originalBounds:yfiles.geometry.Rect):void;
       /**
        * Called when the {@link yfiles.input.ConstrainedReshapeHandler#reshapeFinished} method has been called.
-       * @param {yfiles.input.IInputModeContext} context The input mode context.
-       * @param {yfiles.geometry.Rect} originalBounds The original bounds.
-       * @param {yfiles.geometry.Rect} newBounds The new bounds.
+       * @param context The input mode context.
+       * @param originalBounds The original bounds.
+       * @param newBounds The new bounds.
        * @protected
        */
       onFinished(context:yfiles.input.IInputModeContext,originalBounds:yfiles.geometry.Rect,newBounds:yfiles.geometry.Rect):void;
       /**
        * Called when the {@link yfiles.input.ConstrainedReshapeHandler#initializeReshape} method has been called.
-       * @param {yfiles.input.IInputModeContext} context The input mode context.
-       * @param {yfiles.geometry.Rect} originalBounds The original bounds.
+       * @param context The input mode context.
+       * @param originalBounds The original bounds.
        * @protected
        */
       onInitialized(context:yfiles.input.IInputModeContext,originalBounds:yfiles.geometry.Rect):void;
       /**
        * Called when the {@link yfiles.input.ConstrainedReshapeHandler#handleReshape} operation has been performed.
-       * @param {yfiles.input.IInputModeContext} context The input mode context.
-       * @param {yfiles.geometry.Rect} originalBounds The original Bounds.
-       * @param {yfiles.geometry.Rect} newBounds The new Bounds.
+       * @param context The input mode context.
+       * @param originalBounds The original Bounds.
+       * @param newBounds The new Bounds.
        * @protected
        */
       onReshaped(context:yfiles.input.IInputModeContext,originalBounds:yfiles.geometry.Rect,newBounds:yfiles.geometry.Rect):void;
       /**
        * Handles the finish operation and invokes {@link yfiles.input.ConstrainedReshapeHandler#onFinished}
-       * @param {yfiles.input.IInputModeContext} context The context to retrieve information about the drag from.
-       * @param {yfiles.geometry.Rect} originalBounds The value of the {@link yfiles.input.ConstrainedReshapeHandler#bounds} property at the time of {@link yfiles.input.ConstrainedReshapeHandler#initializeReshape}.
-       * @param {yfiles.geometry.Rect} newBounds The coordinates in the world coordinate system that the client wants the handle to be at. Depending on the
-       * implementation the {@link yfiles.input.ConstrainedReshapeHandler#bounds} may or may not be modified to reflect the new value. This is the same value as delivered in the last
-       * invocation of {@link yfiles.input.ConstrainedReshapeHandler#handleReshape}
+       * @param context The context to retrieve information about the drag from.
+       * @param originalBounds The value of the {@link #bounds} property at the time of {@link #initializeReshape}.
+       * @param newBounds The coordinates in the world coordinate system that the client wants the handle to be at. Depending on the
+       * implementation the {@link #bounds} may or may not be modified to reflect the new value. This is the same value as delivered in the last
+       * invocation of {@link #handleReshape}
        */
       reshapeFinished(context:yfiles.input.IInputModeContext,originalBounds:yfiles.geometry.Rect,newBounds:yfiles.geometry.Rect):void;
       /**
@@ -28740,7 +28738,7 @@ declare namespace system{
      * @see yfiles.input.ConstrainedHandle
      * @see yfiles.input.ConstrainedPositionHandler
      * @see yfiles.input.ConstrainedDragHandler.<TWrapped>#constrainNewLocation
-     * @class yfiles.input.ConstrainedDragHandler.<TWrapped>
+     * @class
      * @implements {yfiles.input.IDragHandler}
      * @template TWrapped
      */
@@ -28748,35 +28746,34 @@ declare namespace system{
     export class ConstrainedDragHandler<TWrapped extends yfiles.input.IDragHandler> {
       /**
        * Initializes a new instance of the {@link yfiles.input.ConstrainedDragHandler.<TWrapped>} class that delegates to the <code>wrappedHandler</code>.
-       * @param {TWrapped} wrappedHandler The handler to wrap.
+       * @param wrappedHandler The handler to wrap.
        * @protected
-       * @constructor
        */
       constructor(wrappedHandler:TWrapped);
       /**
        * Cancels the move operation and calls {@link yfiles.input.ConstrainedDragHandler.<TWrapped>#onCanceled}
-       * @param {yfiles.input.IInputModeContext} context The context to retrieve information about the drag from.
-       * @param {yfiles.geometry.Point} originalLocation The value of the coordinate of the {@link yfiles.input.ConstrainedDragHandler.<TWrapped>#location} property at the time of {@link yfiles.input.ConstrainedDragHandler.<TWrapped>#initializeDrag}.
+       * @param context The context to retrieve information about the drag from.
+       * @param originalLocation The value of the coordinate of the {@link #location} property at the time of {@link #initializeDrag}.
        */
       cancelDrag(context:yfiles.input.IInputModeContext,originalLocation:yfiles.geometry.Point):void;
       /**
        * Callback that needs to implement the constraints for the new location.
-       * @param {yfiles.input.IInputModeContext} context The context in which the drag will be performed.
-       * @param {yfiles.geometry.Point} originalLocation The value of the {@link yfiles.input.ConstrainedDragHandler.<TWrapped>#location} property at the time of {@link yfiles.input.ConstrainedDragHandler.<TWrapped>#initializeDrag}.
-       * @param {yfiles.geometry.Point} newLocation The coordinates in the world coordinate system that the client wants the handle to be at. Depending on the
-       * implementation the {@link yfiles.input.ConstrainedDragHandler.<TWrapped>#location} may or may not be modified to reflect the new value.
-       * @returns {yfiles.geometry.Point} The constrained value of <code>newLocation</code>.
+       * @param context The context in which the drag will be performed.
+       * @param originalLocation The value of the {@link #location} property at the time of {@link #initializeDrag}.
+       * @param newLocation The coordinates in the world coordinate system that the client wants the handle to be at. Depending on the
+       * implementation the {@link #location} may or may not be modified to reflect the new value.
+       * @returns The constrained value of <code>newLocation</code>.
        * @protected
        * @abstract
        */
       constrainNewLocation(context:yfiles.input.IInputModeContext,originalLocation:yfiles.geometry.Point,newLocation:yfiles.geometry.Point):yfiles.geometry.Point;
       /**
        * Handles the finish operation and invokes {@link yfiles.input.ConstrainedDragHandler.<TWrapped>#onFinished}
-       * @param {yfiles.input.IInputModeContext} context The context to retrieve information about the drag from.
-       * @param {yfiles.geometry.Point} originalLocation The value of the {@link yfiles.input.ConstrainedDragHandler.<TWrapped>#location} property at the time of {@link yfiles.input.ConstrainedDragHandler.<TWrapped>#initializeDrag}.
-       * @param {yfiles.geometry.Point} newLocation The coordinates in the world coordinate system that the client wants the handle to be at. Depending on the
-       * implementation the {@link yfiles.input.ConstrainedDragHandler.<TWrapped>#location} may or may not be modified to reflect the new value. This is the same value as delivered in the last
-       * invocation of {@link yfiles.input.ConstrainedDragHandler.<TWrapped>#handleMove}
+       * @param context The context to retrieve information about the drag from.
+       * @param originalLocation The value of the {@link #location} property at the time of {@link #initializeDrag}.
+       * @param newLocation The coordinates in the world coordinate system that the client wants the handle to be at. Depending on the
+       * implementation the {@link #location} may or may not be modified to reflect the new value. This is the same value as delivered in the last
+       * invocation of {@link #handleMove}
        */
       dragFinished(context:yfiles.input.IInputModeContext,originalLocation:yfiles.geometry.Point,newLocation:yfiles.geometry.Point):void;
       /**
@@ -28784,45 +28781,44 @@ declare namespace system{
        * <p>
        * This method will use the {@link yfiles.input.ConstrainedDragHandler.<TWrapped>#constrainNewLocation} callback to let subclasses constrain the movement.
        * </p>
-       * @param {yfiles.input.IInputModeContext} context The context in which the drag will be performed.
-       * @param {yfiles.geometry.Point} originalLocation The value of the {@link yfiles.input.ConstrainedDragHandler.<TWrapped>#location} property at the time of {@link yfiles.input.ConstrainedDragHandler.<TWrapped>#initializeDrag}.
-       * @param {yfiles.geometry.Point} newLocation The coordinates in the world coordinate system that the client wants the handle to be at. Depending on the
-       * implementation the {@link yfiles.input.ConstrainedDragHandler.<TWrapped>#location} may or may not be modified to reflect the new value.
-       * @returns Whether the move had any visual effect. This is a hint to the engine to optimize invalidation.
+       * @param context The context in which the drag will be performed.
+       * @param originalLocation The value of the {@link #location} property at the time of {@link #initializeDrag}.
+       * @param newLocation The coordinates in the world coordinate system that the client wants the handle to be at. Depending on the
+       * implementation the {@link #location} may or may not be modified to reflect the new value.
        */
       handleMove(context:yfiles.input.IInputModeContext,originalLocation:yfiles.geometry.Point,newLocation:yfiles.geometry.Point):void;
       /**
        * Initializes the drag operation and subsequently calls {@link yfiles.input.ConstrainedDragHandler.<TWrapped>#onInitialized}
-       * @param {yfiles.input.IInputModeContext} context The context in which the drag will be performed.
+       * @param context The context in which the drag will be performed.
        */
       initializeDrag(context:yfiles.input.IInputModeContext):void;
       /**
        * Called when the {@link yfiles.input.ConstrainedDragHandler.<TWrapped>#cancelDrag} method has been called.
-       * @param {yfiles.input.IInputModeContext} context The input mode context.
-       * @param {yfiles.geometry.Point} originalLocation The original location.
+       * @param context The input mode context.
+       * @param originalLocation The original location.
        * @protected
        */
       onCanceled(context:yfiles.input.IInputModeContext,originalLocation:yfiles.geometry.Point):void;
       /**
        * Called when the {@link yfiles.input.ConstrainedDragHandler.<TWrapped>#dragFinished} method has been called.
-       * @param {yfiles.input.IInputModeContext} context The input mode context.
-       * @param {yfiles.geometry.Point} originalLocation The original location.
-       * @param {yfiles.geometry.Point} newLocation The new location.
+       * @param context The input mode context.
+       * @param originalLocation The original location.
+       * @param newLocation The new location.
        * @protected
        */
       onFinished(context:yfiles.input.IInputModeContext,originalLocation:yfiles.geometry.Point,newLocation:yfiles.geometry.Point):void;
       /**
        * Called when the {@link yfiles.input.ConstrainedDragHandler.<TWrapped>#initializeDrag} method has been called.
-       * @param {yfiles.input.IInputModeContext} context The input mode context.
-       * @param {yfiles.geometry.Point} originalLocation The original location.
+       * @param context The input mode context.
+       * @param originalLocation The original location.
        * @protected
        */
       onInitialized(context:yfiles.input.IInputModeContext,originalLocation:yfiles.geometry.Point):void;
       /**
        * Called when the {@link yfiles.input.ConstrainedDragHandler.<TWrapped>#handleMove} operation has been performed.
-       * @param {yfiles.input.IInputModeContext} context The input mode context.
-       * @param {yfiles.geometry.Point} originalLocation The original location.
-       * @param {yfiles.geometry.Point} newLocation The new location.
+       * @param context The input mode context.
+       * @param originalLocation The original location.
+       * @param newLocation The new location.
        * @protected
        */
       onMoved(context:yfiles.input.IInputModeContext,originalLocation:yfiles.geometry.Point,newLocation:yfiles.geometry.Point):void;
@@ -28858,9 +28854,9 @@ declare namespace system{
        * Implementations should inspect the {@link yfiles.view.ICanvasContext#hitTestRadius} and take the value into account when performing hit tests. This allows the user to
        * hit elements even if the zoom level is very small and allows for accurate hit tests at greater zoom levels.
        * </p>
-       * @param {yfiles.input.IInputModeContext} context the context the hit test is performed in
-       * @param {yfiles.geometry.Point} location the coordinates in world coordinate system
-       * @returns {boolean} whether something has been hit
+       * @param context the context the hit test is performed in
+       * @param location the coordinates in world coordinate system
+       * @returns whether something has been hit
        * @abstract
        */
       isHit(context:yfiles.input.IInputModeContext,location:yfiles.geometry.Point):boolean;
@@ -28868,8 +28864,8 @@ declare namespace system{
     var IHitTestable:{
       /**
        * Wrap a handler into an interface.
-       * @param {function(yfiles.input.IInputModeContext, yfiles.geometry.Point): boolean} handler
-       * @returns {yfiles.input.IHitTestable} 
+       * @param handler
+       * @returns 
        * @static
        */
       create?(handler:(context:yfiles.input.IInputModeContext,location:yfiles.geometry.Point)=>boolean):yfiles.input.IHitTestable;
@@ -28908,9 +28904,9 @@ declare namespace system{
        * <p>
        * Implementations should respect the {@link yfiles.view.ICanvasContext#hitTestRadius} if marquee selections should behave differently on different zoom levels.
        * </p>
-       * @param {yfiles.input.IInputModeContext} context the current input mode context
-       * @param {yfiles.geometry.Rect} rectangle the box describing the marquee's bounds
-       * @returns {boolean} <code>true</code> if the item is considered to be captured by the marquee
+       * @param context the current input mode context
+       * @param rectangle the box describing the marquee's bounds
+       * @returns <code>true</code> if the item is considered to be captured by the marquee
        * @abstract
        */
       isInBox(context:yfiles.input.IInputModeContext,rectangle:yfiles.geometry.Rect):boolean;
@@ -28940,7 +28936,7 @@ declare namespace system{
      * implementation is used for specifying the position of the handle. As a convenience this class also implements the {@link yfiles.geometry.IMutablePoint}
      * interface which modifies the handle's position.
      * </p>
-     * @class yfiles.input.RectangleHandle
+     * @class
      * @implements {yfiles.geometry.IMutablePoint}
      * @implements {yfiles.input.IHandle}
      */
@@ -28952,45 +28948,44 @@ declare namespace system{
        * The instance modifies the instances using the reshapeable interface and reads the current state using the rect. The
        * handle will automatically trim changes of the rectangle to the specified minimum and maximum size.
        * </p>
-       * @param {yfiles.input.HandlePositions} position The position of the handle.
-       * @param {yfiles.geometry.IMutableRectangle} rectangle The rectangle to change.
-       * @constructor
+       * @param position The position of the handle.
+       * @param rectangle The rectangle to change.
        */
       constructor(position:yfiles.input.HandlePositions,rectangle:yfiles.geometry.IMutableRectangle);
       /**
        * Delegates the original values to {@link yfiles.input.RectangleHandle#set}
-       * @param {yfiles.input.IInputModeContext} context
-       * @param {yfiles.geometry.Point} originalLocation
+       * @param context
+       * @param originalLocation
        */
       cancelDrag(context:yfiles.input.IInputModeContext,originalLocation:yfiles.geometry.Point):void;
       /**
        * This implementation does nothing.
-       * @param {yfiles.input.IInputModeContext} context
-       * @param {yfiles.geometry.Point} originalLocation
-       * @param {yfiles.geometry.Point} newLocation
+       * @param context
+       * @param originalLocation
+       * @param newLocation
        */
       dragFinished(context:yfiles.input.IInputModeContext,originalLocation:yfiles.geometry.Point,newLocation:yfiles.geometry.Point):void;
       /**
        * Delegates to {@link yfiles.input.RectangleHandle#set}.
-       * @param {yfiles.input.IInputModeContext} context
-       * @param {yfiles.geometry.Point} originalLocation
-       * @param {yfiles.geometry.Point} newLocation
+       * @param context
+       * @param originalLocation
+       * @param newLocation
        */
       handleMove(context:yfiles.input.IInputModeContext,originalLocation:yfiles.geometry.Point,newLocation:yfiles.geometry.Point):void;
       /**
        * This implementation does nothing.
-       * @param {yfiles.input.IInputModeContext} context
+       * @param context
        */
       initializeDrag(context:yfiles.input.IInputModeContext):void;
       /**
        * Delegates the work to the reshapeable.
-       * @param {yfiles.geometry.Point} delta
+       * @param delta
        */
       moveBy(delta:yfiles.geometry.Point):void;
       /**
        * Delegates to {@link yfiles.input.RectangleHandle#moveBy}.
-       * @param {number} x
-       * @param {number} y
+       * @param x
+       * @param y
        */
       set(x:number,y:number):void;
       /**
@@ -29070,7 +29065,7 @@ declare namespace system{
      * <p>
      * This class works on an {@link yfiles.input.IReshapeHandler}.
      * </p>
-     * @class yfiles.input.ReshapeHandlerHandle
+     * @class
      * @implements {yfiles.input.IHandle}
      */
     export interface ReshapeHandlerHandle extends Object,yfiles.input.IHandle{}
@@ -29081,11 +29076,10 @@ declare namespace system{
        * The instance modifies the instances using the reshapeable interface and reads the current state using the rect. The
        * handle will automatically trim changes of the rectangle to the specified minimum and maximum size.
        * </p>
-       * @param {yfiles.input.HandlePositions} position The position of the handle.
-       * @param {yfiles.input.IReshapeHandler} reshapeHandler The reshapeable to write the changes to.
-       * @param {yfiles.geometry.ISize} [maximumSize=null] The maximum size allowed for the rectangle.
-       * @param {yfiles.geometry.ISize} [minimumSize=null] The minimum size allowed for the rectangle.
-       * @constructor
+       * @param position The position of the handle.
+       * @param reshapeHandler The reshapeable to write the changes to.
+       * @param [maximumSize=null] The maximum size allowed for the rectangle.
+       * @param [minimumSize=null] The minimum size allowed for the rectangle.
        */
       constructor(position:yfiles.input.HandlePositions,reshapeHandler:yfiles.input.IReshapeHandler,minimumSize?:yfiles.geometry.ISize,maximumSize?:yfiles.geometry.ISize);
       /**
@@ -29095,36 +29089,35 @@ declare namespace system{
        * handle will automatically trim changes of the rectangle to the specified minimum and maximum size.
        * </p>
        * @param {Object} options The parameters to pass.
-       * @param {yfiles.input.HandlePositions} options.position The position of the handle.
-       * @param {yfiles.input.IReshapeHandler} options.reshapeHandler The reshapeable to write the changes to.
-       * @param {yfiles.geometry.ISize} [options.maximumSize=null] The maximum size allowed for the rectangle.
-       * @param {yfiles.geometry.ISize} [options.minimumSize=null] The minimum size allowed for the rectangle.
-       * @constructor
+       * @param options.position The position of the handle.
+       * @param options.reshapeHandler The reshapeable to write the changes to.
+       * @param [options.maximumSize=null] The maximum size allowed for the rectangle.
+       * @param [options.minimumSize=null] The minimum size allowed for the rectangle.
        */
       constructor(options:{position:yfiles.input.HandlePositions,reshapeHandler:yfiles.input.IReshapeHandler,minimumSize?:yfiles.geometry.ISize,maximumSize?:yfiles.geometry.ISize});
       /**
        * Delegates the cancel request to the {@link yfiles.input.IReshapeHandler}.
-       * @param {yfiles.input.IInputModeContext} context
-       * @param {yfiles.geometry.Point} originalLocation
+       * @param context
+       * @param originalLocation
        */
       cancelDrag(context:yfiles.input.IInputModeContext,originalLocation:yfiles.geometry.Point):void;
       /**
        * Delegates the finish request to the {@link yfiles.input.IReshapeHandler}.
-       * @param {yfiles.input.IInputModeContext} context
-       * @param {yfiles.geometry.Point} originalLocation
-       * @param {yfiles.geometry.Point} newLocation
+       * @param context
+       * @param originalLocation
+       * @param newLocation
        */
       dragFinished(context:yfiles.input.IInputModeContext,originalLocation:yfiles.geometry.Point,newLocation:yfiles.geometry.Point):void;
       /**
        * Delegates the move request to the {@link yfiles.input.IReshapeHandler#handleReshape} method.
-       * @param {yfiles.input.IInputModeContext} context
-       * @param {yfiles.geometry.Point} originalLocation
-       * @param {yfiles.geometry.Point} newLocation
+       * @param context
+       * @param originalLocation
+       * @param newLocation
        */
       handleMove(context:yfiles.input.IInputModeContext,originalLocation:yfiles.geometry.Point,newLocation:yfiles.geometry.Point):void;
       /**
        * This implementation does nothing.
-       * @param {yfiles.input.IInputModeContext} context
+       * @param context
        */
       initializeDrag(context:yfiles.input.IInputModeContext):void;
       /**
@@ -29178,531 +29171,5175 @@ declare namespace system{
       static $class:yfiles.lang.Class;
     }
     /**
-     * Utility class that holds implementation singletons and utility methods for simple event recognizers.
-     * @class yfiles.input.EventRecognizers
-     * @static
+     * Event arguments for the {@link yfiles.input.GraphSnapContext#addCollectSnapLinesListener CollectSnapLines} event.
+     * <p>
+     * Instances of this class are also passed to
+     * {@link yfiles.input.ISnapLineProvider#addSnapLines}. Implementations of that interface can use the following methods to add snap
+     * lines for specific purposes:
+     * </p>
+     * <ul>
+     * <li><b>{@link yfiles.input.CollectGraphSnapLinesEventArgs#addFixedNodeSnapLine}</b> – Adds an orthogonal snap line for nodes.</li>
+     * <li><b>{@link yfiles.input.CollectGraphSnapLinesEventArgs#addFixedSegmentSnapLine}</b> – Adds an orthogonal snap line for edge segments and bends.</li>
+     * <li><b>{@link yfiles.input.CollectGraphSnapLinesEventArgs#addPortSnapLine}</b> – Adds an orthogonal snap line for ports.</li>
+     * <li><b>{@link yfiles.input.CollectGraphSnapLinesEventArgs#addAdditionalSnapLine}</b> – Adds an additional orthogonal snap line to which all element will snap.</li>
+     * </ul>
+     * @class
+     * @extends {yfiles.input.InputModeEventArgs}
      */
-    export interface EventRecognizers extends Object{}
-    export class EventRecognizers {
+    export interface CollectGraphSnapLinesEventArgs extends yfiles.input.InputModeEventArgs{}
+    export class CollectGraphSnapLinesEventArgs {
       /**
-       * Creates an instance that is the logical 'and' combination of the provided recognizers.
-       * @param {...function(Object, yfiles.lang.EventArgs): boolean} recognizers The recognizers to perform the logical operation on.
-       * @returns {function(Object, yfiles.lang.EventArgs): boolean} An instance that is the result of the logical 'and' operation of the provided instances.
-       * @static
+       * Initializes a new instance of the {@link yfiles.input.CollectGraphSnapLinesEventArgs} class.
+       * @param context The context where the event is being used in.
+       * @param fixedNodeSnapLines The fixed node snap lines collection to add to.
+       * @param fixedSegmentSnapLines The fixed segment snap lines collection to add to.
+       * @param fixedPortSnapLines The fixed port snap lines collection to add to.
+       * @param additionalSnapLines The additional snap lines collection to add to.
        */
-      static createAndRecognizer(...recognizers:((eventSource:Object,evt:yfiles.lang.EventArgs)=>boolean)[]):(eventSource:Object,evt:yfiles.lang.EventArgs)=>boolean;
+      constructor(context:yfiles.input.IInputModeContext,fixedNodeSnapLines:yfiles.collections.ICollection<yfiles.input.OrthogonalSnapLine>,fixedSegmentSnapLines:yfiles.collections.ICollection<yfiles.input.OrthogonalSnapLine>,fixedPortSnapLines:yfiles.collections.ICollection<yfiles.input.OrthogonalSnapLine>,additionalSnapLines:yfiles.collections.ICollection<yfiles.input.OrthogonalSnapLine>);
       /**
-       * Creates an instance that is the logical 'or' combination of the provided recognizers.
-       * @param {...function(Object, yfiles.lang.EventArgs): boolean} recognizers The recognizers to perform the logical operation on.
-       * @returns {function(Object, yfiles.lang.EventArgs): boolean} An instance that is the result of the logical 'or' operation of the provided instances.
-       * @static
+       * Adds a snap line all elements will snap to.
+       * @param snapLine The snap line to add to the list of lines that all elements snap to by default.
+       * @see yfiles.input.GraphSnapContext#additionalSnapLines
        */
-      static createOrRecognizer(...recognizers:((eventSource:Object,evt:yfiles.lang.EventArgs)=>boolean)[]):(eventSource:Object,evt:yfiles.lang.EventArgs)=>boolean;
+      addAdditionalSnapLine(snapLine:yfiles.input.OrthogonalSnapLine):void;
       /**
-       * Creates an event recognizer instance that yields the boolean inverse of the given event recognizer.
-       * @param {function(Object, yfiles.lang.EventArgs): boolean} recognizer The recognizer to invert.
-       * @returns {function(Object, yfiles.lang.EventArgs): boolean} An implementation that performs the logical negation for the argument.
-       * @static
+       * Adds a snap line for nodes.
+       * @param snapLine The snap line to add to the list of lines that nodes snap to by default.
+       * @see yfiles.input.GraphSnapContext#fixedNodeSnapLines
        */
-      static inverse(recognizer:(eventSource:Object,evt:yfiles.lang.EventArgs)=>boolean):(eventSource:Object,evt:yfiles.lang.EventArgs)=>boolean;
+      addFixedNodeSnapLine(snapLine:yfiles.input.OrthogonalSnapLine):void;
       /**
-       * A callback that will always return true;
-       * @const
-       * @static
-       * @type {function(Object, yfiles.lang.EventArgs): boolean}
+       * Adds a snap line for edge segments and bends.
+       * @param snapLine The snap line to add to the list of lines that segments snap to by default.
+       * @see yfiles.input.GraphSnapContext#fixedSegmentSnapLines
        */
-      static ALWAYS:(eventSource:Object,evt:yfiles.lang.EventArgs)=>boolean;
+      addFixedSegmentSnapLine(snapLine:yfiles.input.OrthogonalSnapLine):void;
       /**
-       * A callback that will always return false;
-       * @const
-       * @static
-       * @type {function(Object, yfiles.lang.EventArgs): boolean}
+       * Adds a snap line for ports.
+       * @param snapLine The snap line to add to the list of lines that ports snap to by default.
+       * @see yfiles.input.GraphSnapContext#fixedPortSnapLines
        */
-      static NEVER:(eventSource:Object,evt:yfiles.lang.EventArgs)=>boolean;
+      addPortSnapLine(snapLine:yfiles.input.OrthogonalSnapLine):void;
       static $class:yfiles.lang.Class;
     }
     /**
-     * Utility class with simple event recognizers that work on {@link yfiles.view.KeyEventArgs}.
-     * @class yfiles.input.KeyEventRecognizers
-     * @static
+     * Abstract base class for {@link yfiles.input.GraphViewerInputMode} and {@link yfiles.input.GraphEditorInputMode}.
+     * <p>
+     * This class is not supposed to and in fact cannot be extended from user code. It only exists to provide common
+     * functionality to the two aforementioned input modes. If customizations are wanted or needed both {@link yfiles.input.GraphViewerInputMode}
+     * and {@link yfiles.input.GraphEditorInputMode} can be extended.
+     * </p>
+     * @class
+     * @extends {yfiles.input.MultiplexingInputMode}
      */
-    export interface KeyEventRecognizers extends Object{}
-    export class KeyEventRecognizers {
+    export interface GraphInputMode extends yfiles.input.MultiplexingInputMode{}
+    export class GraphInputMode {
       /**
-       * Creates an event recognizer for a given key and type using a given set of modifiers.
-       * @param {yfiles.view.KeyEventType} type The type of the event.
-       * @param {yfiles.view.Key} value The key that is subject of the event.
-       * @param {yfiles.view.ModifierKeys} [modifiers=yfiles.view.ModifierKeys.NONE] The state of the modifiers that must be set. This is {@link yfiles.view.ModifierKeys#NONE} if not set.
-       * @returns {function(Object, yfiles.lang.EventArgs): boolean} 
-       * @static
-       */
-      static create(type:yfiles.view.KeyEventType,value:yfiles.view.Key,modifiers?:yfiles.view.ModifierKeys):(eventSource:Object,evt:yfiles.lang.EventArgs)=>boolean;
-      /**
-       * Creates an event recognizer that matches key presses.
-       * @param {yfiles.view.Key} key
-       * @param {yfiles.view.ModifierKeys} [modifiers=0]
-       * @returns {function(Object, yfiles.lang.EventArgs): boolean} An event recognizer that uses the gesture.
-       * @static
-       */
-      static createKeyPress(key:yfiles.view.Key,modifiers?:yfiles.view.ModifierKeys):(eventSource:Object,evt:yfiles.lang.EventArgs)=>boolean;
-      /**
-       * An event recognizer that recognizes when escape has been typed.
-       * @const
-       * @static
-       * @type {function(Object, yfiles.lang.EventArgs): boolean}
-       */
-      static ESCAPE_TYPED:(eventSource:Object,evt:yfiles.lang.EventArgs)=>boolean;
-      /**
-       * An event recognizer that recognizes when any key has been pressed.
-       * @const
-       * @static
-       * @type {function(Object, yfiles.lang.EventArgs): boolean}
-       */
-      static KEY_PRESSED:(eventSource:Object,evt:yfiles.lang.EventArgs)=>boolean;
-      /**
-       * An event recognizer that recognizes when any key has been typed.
-       * @const
-       * @static
-       * @type {function(Object, yfiles.lang.EventArgs): boolean}
-       */
-      static KEY_TYPED:(eventSource:Object,evt:yfiles.lang.EventArgs)=>boolean;
-      /**
-       * An event recognizer that recognizes when any key has been released.
-       * @const
-       * @static
-       * @type {function(Object, yfiles.lang.EventArgs): boolean}
-       */
-      static KEY_RELEASED:(eventSource:Object,evt:yfiles.lang.EventArgs)=>boolean;
-      /**
-       * An event recognizer that recognizes when escape has been pressed.
-       * @const
-       * @static
-       * @type {function(Object, yfiles.lang.EventArgs): boolean}
-       */
-      static ESCAPE_PRESSED:(eventSource:Object,evt:yfiles.lang.EventArgs)=>boolean;
-      /**
-       * An event recognizer that recognizes when delete has been pressed.
-       * @const
-       * @static
-       * @type {function(Object, yfiles.lang.EventArgs): boolean}
-       */
-      static DELETE_PRESSED:(eventSource:Object,evt:yfiles.lang.EventArgs)=>boolean;
-      /**
-       * An event recognizer that recognizes when escape has been released.
-       * @const
-       * @static
-       * @type {function(Object, yfiles.lang.EventArgs): boolean}
-       */
-      static ESCAPE_RELEASED:(eventSource:Object,evt:yfiles.lang.EventArgs)=>boolean;
-      /**
-       * An event recognizer that recognizes when the shift modifier is active.
-       * @const
-       * @static
-       * @type {function(Object, yfiles.lang.EventArgs): boolean}
-       */
-      static SHIFT_PRESSED:(eventSource:Object,evt:yfiles.lang.EventArgs)=>boolean;
-      /**
-       * An event recognizer that recognizes when the alt modifier is active.
-       * @const
-       * @static
-       * @type {function(Object, yfiles.lang.EventArgs): boolean}
-       */
-      static ALT_PRESSED:(eventSource:Object,evt:yfiles.lang.EventArgs)=>boolean;
-      /**
-       * An event recognizer that recognizes when the control modifier is active.
-       * @const
-       * @static
-       * @type {function(Object, yfiles.lang.EventArgs): boolean}
-       */
-      static CONTROL_PRESSED:(eventSource:Object,evt:yfiles.lang.EventArgs)=>boolean;
-      /**
-       * An event recognizer that recognizes when the Meta modifier is active.
+       * Clears the selection on the current {@link yfiles.input.GraphInputMode#graphSelection}.
        * <p>
-       * Meta maps to the Windows key on Windows platforms and the Command key on Mac.
+       * This implementation may be overridden for customizations. All it does is call {@link yfiles.view.ISelectionModel.<T>#clear}.
        * </p>
-       * @const
-       * @static
-       * @type {function(Object, yfiles.lang.EventArgs): boolean}
        */
-      static META_PRESSED:(eventSource:Object,evt:yfiles.lang.EventArgs)=>boolean;
+      clearSelection():void;
       /**
-       * An event recognizer that recognizes when the shift modifier is being pressed.
-       * @const
-       * @static
-       * @type {function(Object, yfiles.lang.EventArgs): boolean}
+       * Actually performs the click on the given item.
+       * <p>
+       * This will raise the {@link yfiles.input.GraphInputMode#addItemLeftClickedListener ItemLeftClicked}, {@link yfiles.input.GraphInputMode#addItemRightClickedListener ItemRightClicked}
+       * (depending on the button), and {@link yfiles.input.GraphInputMode#addItemClickedListener ItemClicked} events. If
+       * either event is unhandled by all its event handlers the item will be {@link yfiles.input.GraphInputMode#setSelected selected} and {@link yfiles.input.GraphInputMode#setCurrentItem focused}. Before selection
+       * {@link yfiles.input.GraphInputMode#clearSelection the current selection will be cleared}, unless the {@link yfiles.input.GraphInputMode#multiSelectionRecognizer} is triggered.
+       * </p>
+       * @param item The item that has been clicked.
+       * @param evt The original event arguments for the click. Setting its {@link #handled} property to <code>true</code> will indicate that the click was handled. By
+       * default this happens when the clicked item is either selected or focused.
+       * @protected
        */
-      static SHIFT_DOWN:(eventSource:Object,evt:yfiles.lang.EventArgs)=>boolean;
+      click(item:yfiles.graph.IModelItem,evt:yfiles.input.ClickEventArgs):void;
       /**
-       * An event recognizer that recognizes when the shift modifier is being released.
-       * @const
-       * @static
-       * @type {function(Object, yfiles.lang.EventArgs): boolean}
+       * Clears the selection on click if {@link yfiles.view.CanvasComponent#lastMouseEvent the click} is not recognized by {@link yfiles.input.GraphInputMode#multiSelectionRecognizer}.
+       * <p>
+       * This method is only called if no item has been hit and at least one item is currently selected.
+       * </p>
+       * <p>
+       * This will use the {@link yfiles.input.GraphInputMode#clearSelection} method to deselect all items.
+       * </p>
+       * @param context The context where the click appeared
+       * @returns Whether the selection has been cleared by this method.
+       * @protected
        */
-      static SHIFT_UP:(eventSource:Object,evt:yfiles.lang.EventArgs)=>boolean;
+      clickClearSelection(context:yfiles.input.IInputModeContext):boolean;
       /**
-       * An event recognizer that recognizes when the ctrl modifier is being pressed.
-       * @const
-       * @static
-       * @type {function(Object, yfiles.lang.EventArgs): boolean}
+       * Copies the currently selected elements to the clipboard.
        */
-      static CTRL_DOWN:(eventSource:Object,evt:yfiles.lang.EventArgs)=>boolean;
+      copy():void;
       /**
-       * An event recognizer that recognizes when the Ctrl modifier is being released.
-       * @const
-       * @static
+       * Factory method for the {@link yfiles.input.GraphInputMode#clickInputMode} property.
+       * <p>
+       * This method will be called upon first access to the {@link yfiles.input.GraphInputMode#clickInputMode} property.
+       * </p>
+       * <p>
+       * This implementation {@link yfiles.input.ClickInputMode#activeButtons activates} both {@link yfiles.view.MouseButtons#LEFT} and {@link yfiles.view.MouseButtons#RIGHT}
+       * </p>
+       * @returns a new instance of ClickInputMode
+       * @protected
+       */
+      createClickInputMode():yfiles.input.ClickInputMode;
+      /**
+       * Factory method for the {@link yfiles.input.GraphInputMode#contextMenuInputMode} property.
+       * <p>
+       * This method will be called upon first access to the {@link yfiles.input.GraphInputMode#contextMenuInputMode} property.
+       * </p>
+       * @returns a new instance of ContextMenuInputMode
+       * @protected
+       */
+      createContextMenuInputMode():yfiles.input.ContextMenuInputMode;
+      /**
+       * Factory method for the {@link yfiles.input.GraphInputMode#itemHoverInputMode} property.
+       * <p>
+       * This method will be called upon first access to the {@link yfiles.input.GraphInputMode#itemHoverInputMode} property.
+       * </p>
+       * @returns a new instance of {@link #itemHoverInputMode} with the {@link #hoverItems} property set to {@link #NONE}.
+       * @protected
+       */
+      createItemHoverInputMode():yfiles.input.ItemHoverInputMode;
+      /**
+       * Factory method that creates the {@link yfiles.input.GraphInputMode#keyboardInputMode} instance.
+       * @returns 
+       * @protected
+       */
+      createKeyboardInputMode():yfiles.input.KeyboardInputMode;
+      /**
+       * Factory method for the {@link yfiles.input.GraphInputMode#marqueeSelectionInputMode} property.
+       * <p>
+       * This method will be called upon first access to the {@link yfiles.input.GraphInputMode#marqueeSelectionInputMode} property.
+       * </p>
+       * @returns a new instance of MarqueeSelectionInputMode
+       * @protected
+       */
+      createMarqueeSelectionInputMode():yfiles.input.MarqueeSelectionInputMode;
+      /**
+       * Factory method for the {@link yfiles.input.MouseHoverInputMode} property.
+       * <p>
+       * This method will be called upon first access to the {@link yfiles.input.MouseHoverInputMode} property.
+       * </p>
+       * @returns a new instance of {@link }
+       * @protected
+       */
+      createMouseHoverInputMode():yfiles.input.MouseHoverInputMode;
+      /**
+       * Factory method for the {@link yfiles.input.GraphInputMode#moveViewportInputMode} property.
+       * <p>
+       * This method will be called upon first access to the {@link yfiles.input.GraphInputMode#moveViewportInputMode} property.
+       * </p>
+       * @returns a new instance of {@link #moveViewportInputMode}
+       * @protected
+       */
+      createMoveViewportInputMode():yfiles.input.MoveViewportInputMode;
+      /**
+       * Factory method for the {@link yfiles.input.GraphInputMode#navigationInputMode} property.
+       * <p>
+       * This method will be called upon first access to the {@link yfiles.input.GraphInputMode#navigationInputMode} property.
+       * </p>
+       * @returns a new instance of NavigationInputMode
+       * @protected
+       */
+      createNavigationInputMode():yfiles.input.NavigationInputMode;
+      /**
+       * Helper method that yields a suitably configured {@link yfiles.input.SelectionEventArgs.<T>} using the {@link yfiles.input.GraphInputMode#graphSelection} for this input mode.
+       * @param context An input mode context that is available in the {@link }.
+       * <p>
+       * Can be <code>null</code> in which case a new context for this instance is created automatically.
+       * </p>
+       * @returns A selection event argument that is configured for this instance.
+       * @protected
+       */
+      createSelectionEventArgs(context:yfiles.input.IInputModeContext):yfiles.input.SelectionEventArgs<yfiles.graph.IModelItem>;
+      /**
+       * Factory method for the {@link yfiles.input.GraphInputMode#tapInputMode} property.
+       * <p>
+       * This method will be called upon first access to the {@link yfiles.input.GraphInputMode#tapInputMode} property.
+       * </p>
+       * @returns a new instance of TapInputMode
+       * @protected
+       */
+      createTapInputMode():yfiles.input.TapInputMode;
+      /**
+       * Factory method for the {@link yfiles.input.GraphInputMode#waitInputMode} property.
+       * <p>
+       * This method will be called upon first access to the {@link yfiles.input.GraphInputMode#waitInputMode} property.
+       * </p>
+       * @returns a new instance of {@link #waitInputMode}
+       * @protected
+       */
+      createWaitInputMode():yfiles.input.WaitInputMode;
+      /**
+       * Actually performs a double-click on the given item.
+       * <p>
+       * This will raise the {@link yfiles.input.GraphInputMode#addItemLeftDoubleClickedListener ItemLeftDoubleClicked} and {@link yfiles.input.GraphInputMode#addItemRightDoubleClickedListener ItemRightDoubleClicked}
+       * (depending on the button), and {@link yfiles.input.GraphInputMode#addItemDoubleClickedListener ItemDoubleClicked}
+       * events.
+       * </p>
+       * @param item The item that has been double-clicked.
+       * @param evt The original event arguments for the click. Setting its {@link #handled} property to <code>true</code> will indicate that the double-click was
+       * handled and events on other items in the same location are no longer raised.
+       * @protected
+       */
+      doubleClick(item:yfiles.graph.IModelItem,evt:yfiles.input.ClickEventArgs):void;
+      /**
+       * Actually performs a double-tap on the given item.
+       * <p>
+       * This will raise the {@link yfiles.input.GraphInputMode#addItemDoubleClickedListener ItemDoubleClicked} event.
+       * </p>
+       * @param item The item that has been double-tapped.
+       * @param evt The original event arguments for the tap. Setting its {@link #handled} property to <code>true</code> will indicate that the double-tap was handled
+       * and events on other items in the same location are no longer raised.
+       * @protected
+       */
+      doubleTap(item:yfiles.graph.IModelItem,evt:yfiles.input.TapEventArgs):void;
+      /**
+       * Used as a callback to find the items hit underneath a certain point.
+       * <p>
+       * This implementation uses the {@link yfiles.input.GraphEditorInputMode#hitTester} to determine the hit items.
+       * </p>
+       * @param context The context to use for to the {@link #isHit} callback.
+       * @param location The location to test.
+       * @param tests An array of {@link } values that encode for which model items the hit test should be performed for
+       * prioritizing.
+       * @param [filter=null] The predicate that can be used to filter the results. May be <code>null</code>.
+       * @returns An enumerable over the items that have been found for the location.
+       */
+      findItems(context:yfiles.input.IInputModeContext,location:yfiles.geometry.Point,tests:yfiles.graph.GraphItemTypes[],filter?:(obj:yfiles.graph.IModelItem)=>boolean):yfiles.collections.IEnumerable<yfiles.graph.IModelItem>;
+      /**
+       * Used as a callback to find the items hit underneath a certain point.
+       * <p>
+       * This implementation uses the {@link yfiles.input.GraphEditorInputMode#hitTester} to determine the hit items.
+       * </p>
+       * @param location The location to test.
+       * @param tests An array of {@link } values that encode for which model items the hit test should be performed for
+       * prioritizing.
+       * @param [filter=null] The predicate that can be used to filter the results. May be <code>null</code>.
+       * @returns An enumerable over the items that have been found for the location.
+       */
+      findItems(location:yfiles.geometry.Point,tests:yfiles.graph.GraphItemTypes[],filter?:(obj:yfiles.graph.IModelItem)=>boolean):yfiles.collections.IEnumerable<yfiles.graph.IModelItem>;
+      /**
+       * Called by {@link yfiles.input.GraphInputMode#click} to query the <code>item</code> for an {@link yfiles.input.IClickListener} in its {@link yfiles.graph.ILookup#lookup}
+       * and handle it appropriately.
+       * <p>
+       * This method will query the {@link yfiles.input.IClickListener} and check whether it was {@link yfiles.input.IClickListener#getHitTestable hit} by the click, and if so, will invoke
+       * {@link yfiles.input.IClickListener#onClicked} and return <code>true</code>.
+       * </p>
+       * @param context The context for the click.
+       * @param item The item that has been clicked.
+       * @param location The click location.
+       * @returns Whether the action has been invoked and handling should be stopped.
+       * @see yfiles.input.IClickListener
+       * @see yfiles.input.GraphInputMode#click
+       * @protected
+       */
+      handleClickListener(context:yfiles.input.IInputModeContext,item:yfiles.graph.IModelItem,location:yfiles.geometry.Point):boolean;
+      /**
+       * Performs marquee-selection with the given rectangle.
+       * <p>
+       * It delegates directly to the {@link yfiles.input.GraphInputMode#onMarqueeSelect} overload internally.
+       * </p>
+       * @param marqueeRectangle The selection rectangle.
+       */
+      marqueeSelect(marqueeRectangle:yfiles.geometry.Rect):void;
+      /**
+       * Raises the {@link yfiles.input.GraphInputMode#addCanvasClickedListener CanvasClicked} event.
+       * <p>
+       * This implementation will stop the event propagation as soon as an event handler has set the {@link yfiles.input.ClickEventArgs#handled} property to <code>true</code>.
+       * </p>
+       * @param evt The {@link } instance that contains the information about the click.
+       * @protected
+       */
+      onCanvasClicked(evt:yfiles.input.ClickEventArgs):void;
+      /**
+       * Called when the {@link yfiles.input.GraphInputMode#clickInputMode} property value changes and after initialization of the field.
+       * @param oldMode the old value, which may be <code>null</code> the first time
+       * @param newMode the new value
+       * @protected
+       */
+      onClickInputModeChanged(oldMode:yfiles.input.ClickInputMode,newMode:yfiles.input.ClickInputMode):void;
+      /**
+       * Called when the {@link yfiles.input.ContextMenuInputMode} property value changes and after initialization of the field.
+       * @param oldMode the old value, which may be <code>null</code> the first time
+       * @param newMode the new value
+       * @protected
+       */
+      onContextMenuInputModeChanged(oldMode:yfiles.input.ContextMenuInputMode,newMode:yfiles.input.ContextMenuInputMode):void;
+      /**
+       * Raises the {@link yfiles.input.GraphInputMode#addItemClickedListener ItemClicked} event.
+       * <p>
+       * This implementation will stop the event propagation as soon as an event handler has set the {@link yfiles.input.ItemClickedEventArgs.<T>#handled} property to <code>true</code>.
+       * </p>
+       * @param evt The {@link } instance that contains the item that has been clicked.
+       * @protected
+       */
+      onItemClicked(evt:yfiles.input.ItemClickedEventArgs<yfiles.graph.IModelItem>):void;
+      /**
+       * Raises the {@link yfiles.input.GraphInputMode#addItemDoubleClickedListener ItemDoubleClicked} event.
+       * <p>
+       * This implementation will stop the event propagation as soon as an event handler has set the {@link yfiles.input.ItemClickedEventArgs.<T>#handled} property to <code>true</code>.
+       * </p>
+       * @param evt The {@link } instance that contains the item that has been double clicked.
+       * @protected
+       */
+      onItemDoubleClicked(evt:yfiles.input.ItemClickedEventArgs<yfiles.graph.IModelItem>):void;
+      /**
+       * Called when the {@link yfiles.input.GraphInputMode#itemHoverInputMode} property value changes and after initialization of the field.
+       * @param oldMode the old value, which may be <code>null</code> the first time
+       * @param newMode the new value
+       * @protected
+       */
+      onItemHoverInputModeChanged(oldMode:yfiles.input.ItemHoverInputMode,newMode:yfiles.input.ItemHoverInputMode):void;
+      /**
+       * Raises the {@link yfiles.input.GraphInputMode#addItemLeftClickedListener ItemLeftClicked} event.
+       * <p>
+       * This implementation will stop the event propagation as soon as an event handler has set the {@link yfiles.input.ItemClickedEventArgs.<T>#handled} property to <code>true</code>.
+       * </p>
+       * @param evt The {@link } instance that contains the item that has been clicked.
+       * @protected
+       */
+      onItemLeftClicked(evt:yfiles.input.ItemClickedEventArgs<yfiles.graph.IModelItem>):void;
+      /**
+       * Raises the {@link yfiles.input.GraphInputMode#addItemLeftDoubleClickedListener ItemLeftDoubleClicked} event.
+       * <p>
+       * This implementation will stop the event propagation as soon as an event handler has set the {@link yfiles.input.ItemClickedEventArgs.<T>#handled} property to <code>true</code>.
+       * </p>
+       * @param evt The {@link } instance that contains the item that has been double clicked.
+       * @protected
+       */
+      onItemLeftDoubleClicked(evt:yfiles.input.ItemClickedEventArgs<yfiles.graph.IModelItem>):void;
+      /**
+       * Raises the {@link yfiles.input.GraphInputMode#addItemRightClickedListener ItemRightClicked} event.
+       * <p>
+       * This implementation will stop the event propagation as soon as an event handler has set the {@link yfiles.input.ItemClickedEventArgs.<T>#handled} property to <code>true</code>.
+       * </p>
+       * @param evt The {@link } instance that contains the item that has been clicked.
+       * @protected
+       */
+      onItemRightClicked(evt:yfiles.input.ItemClickedEventArgs<yfiles.graph.IModelItem>):void;
+      /**
+       * Raises the {@link yfiles.input.GraphInputMode#addItemRightDoubleClickedListener ItemRightDoubleClicked} event.
+       * <p>
+       * This implementation will stop the event propagation as soon as an event handler has set the {@link yfiles.input.ItemClickedEventArgs.<T>#handled} property to <code>true</code>.
+       * </p>
+       * @param evt The {@link } instance that contains the item that has been double clicked.
+       * @protected
+       */
+      onItemRightDoubleClicked(evt:yfiles.input.ItemClickedEventArgs<yfiles.graph.IModelItem>):void;
+      /**
+       * Called when the {@link yfiles.input.GraphInputMode#keyboardInputMode} changed.
+       * @param oldMode The old {@link #keyboardInputMode}.
+       * @param newMode The new {@link #keyboardInputMode}.
+       * @protected
+       */
+      onKeyboardInputModeChanged(oldMode:yfiles.input.KeyboardInputMode,newMode:yfiles.input.KeyboardInputMode):void;
+      /**
+       * Performs marquee-selection with the given rectangle.
+       * <p>
+       * This method is called internally when either the {@link yfiles.input.GraphInputMode#marqueeSelect} method is called or the user
+       * performs a marquee-selection gesture via {@link yfiles.input.GraphInputMode#marqueeSelectionInputMode}.
+       * </p>
+       * @param context The input mode context.
+       * @param marqueeRectangle The selection rectangle.
+       * @protected
+       */
+      onMarqueeSelect(context:yfiles.input.IInputModeContext,marqueeRectangle:yfiles.geometry.Rect):void;
+      /**
+       * Called when the {@link yfiles.input.GraphInputMode#marqueeSelectionInputMode} property value changes and after initialization of the field.
+       * @param oldMode the old value, which may be <code>null</code> the first time
+       * @param newMode the new value
+       * @protected
+       */
+      onMarqueeSelectionInputModeChanged(oldMode:yfiles.input.MarqueeSelectionInputMode,newMode:yfiles.input.MarqueeSelectionInputMode):void;
+      /**
+       * Selects the given elements in the editor inside the provided marquee-selection rectangle.
+       * <p>
+       * This implementation iterates over the items and queries them for an implementation of {@link yfiles.input.IMarqueeTestable}
+       * using their {@link yfiles.graph.ILookup#lookup}. This instance will be used to determine whether the item should be selected.
+       * </p>
+       * <p>
+       * This method is, in the default implementation, only called with individual item types in <code>items</code>.
+       * </p>
+       * @param context The input mode context.
+       * @param marqueeRectangle The rectangle in world coordinates.
+       * @param items The items to iterate over.
+       * @param predicate The predicate that determines whether the provided item should be tested at all. May be <code>null</code>.
+       * @see yfiles.input.GraphInputMode#setSelected
+       * @see yfiles.input.GraphInputMode#onMarqueeSelect
+       * @protected
+       */
+      onMarqueeSelectItems(context:yfiles.input.IInputModeContext,marqueeRectangle:yfiles.geometry.Rect,items:yfiles.collections.IEnumerable<yfiles.graph.IModelItem>,predicate:(obj:yfiles.graph.IModelItem)=>boolean):void;
+      /**
+       * Called when the {@link yfiles.input.MouseHoverInputMode} property value changes and after initialization of the field.
+       * @param oldMode the old value, which may be <code>null</code> the first time
+       * @param newMode the new value
+       * @protected
+       */
+      onMouseHoverInputModeChanged(oldMode:yfiles.input.MouseHoverInputMode,newMode:yfiles.input.MouseHoverInputMode):void;
+      /**
+       * Called when the {@link yfiles.input.GraphInputMode#moveViewportInputMode} property value changes and after initialization of the field.
+       * @param oldMode the old value, which may be <code>null</code> the first time
+       * @param newMode the new value
+       * @protected
+       */
+      onMoveViewportInputModeChanged(oldMode:yfiles.input.MoveViewportInputMode,newMode:yfiles.input.MoveViewportInputMode):void;
+      /**
+       * Raises the {@link yfiles.input.GraphInputMode#addMultiSelectionFinishedListener MultiSelectionFinished} event.
+       * @param evt
+       * @protected
+       */
+      onMultiSelectionFinished(evt:yfiles.input.SelectionEventArgs<yfiles.graph.IModelItem>):void;
+      /**
+       * Raises the {@link yfiles.input.GraphInputMode#addMultiSelectionStartedListener MultiSelectionStarted} event.
+       * @param evt
+       * @protected
+       */
+      onMultiSelectionStarted(evt:yfiles.input.SelectionEventArgs<yfiles.graph.IModelItem>):void;
+      /**
+       * Called when the {@link yfiles.input.GraphInputMode#navigationInputMode} property value changes and after initialization of the field.
+       * @param oldMode the old value, which may be <code>null</code> the first time
+       * @param newMode the new value
+       * @protected
+       */
+      onNavigationInputModeChanged(oldMode:yfiles.input.NavigationInputMode,newMode:yfiles.input.NavigationInputMode):void;
+      /**
+       * Raises the {@link yfiles.input.GraphInputMode#addPopulateItemContextMenuListener PopulateItemContextMenu} event.
+       * @param evt The {@link } instance containing the event data.
+       * @protected
+       */
+      onPopulateItemContextMenu(evt:yfiles.input.PopulateItemContextMenuEventArgs<yfiles.graph.IModelItem>):void;
+      /**
+       * Raises the {@link yfiles.input.GraphInputMode#addQueryItemToolTipListener QueryItemToolTip} event.
+       * @param evt The {@link } instance containing the event data.
+       * @protected
+       */
+      onQueryItemToolTip(evt:yfiles.input.QueryItemToolTipEventArgs<yfiles.graph.IModelItem>):void;
+      /**
+       * Called when the {@link yfiles.input.GraphInputMode#tapInputMode} property value changes and after initialization of the field.
+       * @param oldMode the old value, which may be <code>null</code> the first time
+       * @param newMode the new value
+       * @protected
+       */
+      onTapInputModeChanged(oldMode:yfiles.input.TapInputMode,newMode:yfiles.input.TapInputMode):void;
+      /**
+       * Called when the {@link yfiles.input.GraphInputMode#waitInputMode} property value changes and after initialization of the field.
+       * @param oldMode the old value, which may be <code>null</code> the first time
+       * @param newMode the new value
+       * @protected
+       */
+      onWaitInputModeChanged(oldMode:yfiles.input.WaitInputMode,newMode:yfiles.input.WaitInputMode):void;
+      /**
+       * Clears the current selection and selects all nodes and bends in this graph.
+       * <p>
+       * By default, this method will be called in response to a Ctrl+A key press recognized by {@link yfiles.input.GraphInputMode#keyboardInputMode}.
+       * </p>
+       * @see yfiles.input.GraphInputMode#clearSelection
+       * @see yfiles.input.GraphInputMode#setSelected
+       * @see yfiles.input.ICommand#SELECT_ALL
+       * @see yfiles.input.GraphInputMode#selectableItems
+       * @see yfiles.input.GraphInputMode#ignoreVoidStyles
+       */
+      selectAll():void;
+      /**
+       * Callback that is used by this instance to set the current item on the {@link yfiles.input.NavigationInputMode#setCurrentItem NavigationInputMode}
+       * @param item The item to set as the new "current" item.
+       */
+      setCurrentItem(item:yfiles.graph.IModelItem):void;
+      /**
+       * Uses the {@link yfiles.input.GraphInputMode#graphSelection} to select the given item.
+       * @param item The item to set the selection state on.
+       * @param selected The new selection state.
+       */
+      setSelected(item:yfiles.graph.IModelItem,selected:boolean):void;
+      /**
+       * Callback predicate method that is used to determine whether the given <code>item</code> can be {@link yfiles.input.GraphInputMode#click clicked}.
+       * <p>
+       * This implementation uses the {@link yfiles.input.GraphInputMode#clickableItems} value to determine whether the item should be clicked. Note that this method will not be
+       * called for items that don't match {@link yfiles.input.GraphInputMode#clickableItems} for performance reasons.
+       * </p>
+       * @param item The item to check.
+       * @returns Whether the item should be {@link #click clicked} in response to a detected mouse click.
+       * @protected
+       */
+      shouldClick(item:yfiles.graph.IModelItem):boolean;
+      /**
+       * Callback predicate method that is used to determine whether the given <code>item</code> should be selected when
+       * {@link yfiles.input.GraphInputMode#click clicked with the primary mouse button}.
+       * <p>
+       * This implementation uses the {@link yfiles.input.GraphInputMode#clickSelectableItems} value to determine whether the item should be selected. Note that this method will not be
+       * called for items that don't match {@link yfiles.input.GraphInputMode#clickSelectableItems} and {@link yfiles.input.GraphInputMode#selectableItems} for performance reasons.
+       * </p>
+       * @param item The item to check.
+       * @returns Whether the item should be selected in response to a detected mouse click with the primary button.
+       * @protected
+       */
+      shouldClickSelect(item:yfiles.graph.IModelItem):boolean;
+      /**
+       * Callback predicate method that is used to determine whether the given <code>item</code> can be {@link yfiles.input.GraphInputMode#doubleClick double clicked}.
+       * <p>
+       * This implementation uses the {@link yfiles.input.GraphInputMode#shouldClick} method to determine whether the item should be
+       * double clicked. Note that this method will not be called for items that don't match {@link yfiles.input.GraphInputMode#clickableItems} for performance reasons.
+       * </p>
+       * @param item The item to check.
+       * @returns Whether the item should be {@link #doubleClick double clicked} in response to a detected mouse click.
+       * @protected
+       */
+      shouldDoubleClick(item:yfiles.graph.IModelItem):boolean;
+      /**
+       * Callback that determines whether the provided {@link yfiles.graph.IModelItem} should be {@link yfiles.input.GraphInputMode#setCurrentItem set to the current item}.
+       * <p>
+       * This implementation uses the {@link yfiles.input.GraphInputMode#focusableItems} property to determine whether the item can be set to the current item. It also honors the
+       * {@link yfiles.input.GraphInputMode#ignoreVoidStyles} property.
+       * </p>
+       * @param item The item to check.
+       * @returns Whether to set the item as the current item.
+       * @protected
+       */
+      shouldFocus(item:yfiles.graph.IModelItem):boolean;
+      /**
+       * Callback method that is used to determine which of the built-in {@link yfiles.input.ICommand}s to install.
+       * <p>
+       * This implementation unconditionally returns <code>true</code>, subclasses may override this method to adjust the behavior.
+       * </p>
+       * @param command The command to install.
+       * @returns Whether to install this command.
+       * @protected
+       */
+      shouldInstallCommand(command:yfiles.input.ICommand):boolean;
+      /**
+       * Callback method used by {@link yfiles.input.GraphInputMode#marqueeSelect} that takes {@link yfiles.input.GraphInputMode#marqueeSelectableItems} and {@link yfiles.input.GraphInputMode#shouldSelectItem}
+       * into account.
+       * @param item The item to check.
+       * @returns Whether to possibly marquee select the item.
+       * @protected
+       */
+      shouldMarqueeSelect(item:yfiles.graph.IModelItem):boolean;
+      /**
+       * Determines whether for the given item a context menu should be queried.
+       * <p>
+       * This implementation uses the {@link yfiles.input.GraphInputMode#contextMenuItems} property to determine whether a context menu should be queried for the given item.
+       * </p>
+       * @param item The item to check.
+       * @returns Whether to raise a {@link #addPopulateItemContextMenuListener PopulateItemContextMenu} event for
+       * the given item.
+       * @protected
+       */
+      shouldPopulateContextMenu(item:yfiles.graph.IModelItem):boolean;
+      /**
+       * Determines whether for the given item a tool tip should be queried.
+       * <p>
+       * This implementation uses the {@link yfiles.input.GraphInputMode#toolTipItems} property to determine whether tool tip should be queried for the given item.
+       * </p>
+       * @param item The item to check.
+       * @returns Whether to raise a {@link #addQueryItemToolTipListener QueryItemToolTip} event for the
+       * given item.
+       * @protected
+       */
+      shouldQueryToolTip(item:yfiles.graph.IModelItem):boolean;
+      /**
+       * Callback predicate method that is used as a broad classification whether an item can generally be selected.
+       * <p>
+       * This implementation uses and honors the {@link yfiles.input.GraphInputMode#selectableItems}, {@link yfiles.input.GraphInputMode#ignoreVoidStyles} and {@link yfiles.input.GraphInputMode#selectablePredicate} properties. This method is by default also called by {@link yfiles.input.GraphInputMode#shouldClickSelect}
+       * and {@link yfiles.input.GraphInputMode#shouldMarqueeSelect}, so turning selection off here also turns it off in other places.
+       * </p>
+       * @param item The item to check.
+       * @returns <code>true</code> if the item is selectable in general, <code>false</code> if not.
+       * @protected
+       */
+      shouldSelectItem(item:yfiles.graph.IModelItem):boolean;
+      /**
+       * Actually performs the tap on the given item.
+       * <p>
+       * This will raise the {@link yfiles.input.GraphInputMode#addItemClickedListener ItemClicked} event. If the event
+       * is unhandled by all its event handlers the item will be {@link yfiles.input.GraphInputMode#setSelected selected} and {@link yfiles.input.GraphInputMode#setCurrentItem focused}. Before selection
+       * {@link yfiles.input.GraphInputMode#clearSelection the current selection will be cleared}.
+       * </p>
+       * @param item The item that has been tapped.
+       * @param evt The original event arguments for the tap. Setting its {@link #handled} property to <code>true</code> will indicate that the tap was handled. By
+       * default this happens when the tapped item is either selected or focused.
+       * @protected
+       */
+      tap(item:yfiles.graph.IModelItem,evt:yfiles.input.TapEventArgs):void;
+      /**
+       * Gets the graph instance from the {@link yfiles.input.MultiplexingInputMode#inputModeContext}.
+       * @type {yfiles.graph.IGraph}
+       */
+      graph:yfiles.graph.IGraph;
+      /**
+       * Gets the graph selection from the {@link yfiles.input.MultiplexingInputMode#inputModeContext}.
+       * @type {yfiles.view.IGraphSelection}
+       */
+      graphSelection:yfiles.view.IGraphSelection;
+      /**
+       * Gets or sets the order of the types of items that should be used to determine what item has been clicked or tapped.
+       * <p>
+       * Change this field to adjust which items will be {@link yfiles.input.GraphInputMode#setSelected selected} if there are multiple items at a given location. The default
+       * order is
+       * </p>
+       * <ul>
+       * <li>{@link yfiles.graph.GraphItemTypes#BEND}</li>
+       * <li>{@link yfiles.graph.GraphItemTypes#EDGE_LABEL}</li>
+       * <li>{@link yfiles.graph.GraphItemTypes#EDGE}</li>
+       * <li>{@link yfiles.graph.GraphItemTypes#NODE}</li>
+       * <li>{@link yfiles.graph.GraphItemTypes#NODE_LABEL}</li>
+       * <li>{@link yfiles.graph.GraphItemTypes#PORT}</li>
+       * </ul>
+       * @see yfiles.input.GraphInputMode#clickSelectableItems
+       * @see yfiles.input.GraphInputMode#selectableItems
+       * @see yfiles.input.GraphInputMode#findItems
+       * @type {Array.<yfiles.graph.GraphItemTypes>}
+       */
+      clickHitTestOrder:yfiles.graph.GraphItemTypes[];
+      /**
+       * Gets or sets the order of the types of items that should be used to determine what item has been double-clicked or
+       * double-tapped.
+       * <p>
+       * Change this field to adjust which items will be considered when {@link yfiles.input.GraphInputMode#addItemDoubleClickedListener double-clicked} if there are multiple items at a given
+       * location. The default order is
+       * </p>
+       * <ul>
+       * <li>{@link yfiles.graph.GraphItemTypes#EDGE_LABEL}</li>
+       * <li>{@link yfiles.graph.GraphItemTypes#NODE_LABEL}</li>
+       * <li>{@link yfiles.graph.GraphItemTypes#BEND}</li>
+       * <li>{@link yfiles.graph.GraphItemTypes#EDGE}</li>
+       * <li>{@link yfiles.graph.GraphItemTypes#NODE}</li>
+       * <li>{@link yfiles.graph.GraphItemTypes#PORT}</li>
+       * </ul>
+       * @see yfiles.input.GraphInputMode#clickSelectableItems
+       * @see yfiles.input.GraphInputMode#selectableItems
+       * @see yfiles.input.GraphInputMode#findItems
+       * @type {Array.<yfiles.graph.GraphItemTypes>}
+       */
+      doubleClickHitTestOrder:yfiles.graph.GraphItemTypes[];
+      /**
+       * Gets or sets the event recognizer that will be queried to decide if a click should select the item that is currently
+       * visible under the mouse cursor, without giving more important items higher priority.
+       * <p>
+       * If the recognizer determines that the user wanted to use the detail clicking behavior, the {@link yfiles.input.GraphEditorInputMode#hitTester} will be queried for the
+       * given item and the first item that is returned will be considered a hit. Otherwise all hit items are examined and are
+       * prioritized by item type. E.g. by default clicking on a node will select the node, even if there is a node label which
+       * has been clicked at the same point. If detail selection is recognized, the label will be selected.
+       * </p>
+       * <p>
+       * The default is {@link yfiles.input.KeyEventRecognizers#SHIFT_PRESSED}.
+       * </p>
        * @type {function(Object, yfiles.lang.EventArgs): boolean}
        */
-      static CTRL_UP:(eventSource:Object,evt:yfiles.lang.EventArgs)=>boolean;
+      detailSelectionRecognizer:(eventSource:Object,evt:yfiles.lang.EventArgs)=>boolean;
+      /**
+       * Gets or sets the event recognizer that will be queried to decide if a click should cycle through all the items that are
+       * currently under the mouse cursor.
+       * <p>
+       * If the recognizer determines that the user wanted to use the cyclic click selection behavior, the {@link yfiles.input.GraphEditorInputMode#hitTester} will be queried for
+       * the given item and previously reported items will be ignored. E.g. if multiple nodes are overlapping each other,
+       * clicking on them will report the first item for the first click, the second one for the second click and so on. If all
+       * elements have been reported previously, the first one is going to be reported again. If the order of the elements at the
+       * clicked location changes, the cyclic selection is restarted anew.
+       * </p>
+       * <p>
+       * The default is {@link yfiles.input.KeyEventRecognizers#ALT_PRESSED}.
+       * </p>
+       * @type {function(Object, yfiles.lang.EventArgs): boolean}
+       */
+      cyclicSelectionRecognizer:(eventSource:Object,evt:yfiles.lang.EventArgs)=>boolean;
+      /**
+       * Gets or sets the event recognizer that will be queried to decide if a click is deemed a multi selection gesture.
+       * <p>
+       * The default is a combination of {@link yfiles.input.KeyEventRecognizers#CONTROL_PRESSED} or
+       * {@link yfiles.input.KeyEventRecognizers#META_PRESSED}.
+       * </p>
+       * @type {function(Object, yfiles.lang.EventArgs): boolean}
+       */
+      multiSelectionRecognizer:(eventSource:Object,evt:yfiles.lang.EventArgs)=>boolean;
+      /**
+       * Determines which types of items should be reported through the {@link yfiles.input.GraphInputMode#addItemClickedListener item click events}.
+       * <p>
+       * This also affects taps.
+       * </p>
+       * <p>
+       * The default is {@link yfiles.graph.GraphItemTypes#ALL}.
+       * </p>
+       * @see yfiles.input.GraphInputMode#shouldClick
+       * @type {yfiles.graph.GraphItemTypes}
+       */
+      clickableItems:yfiles.graph.GraphItemTypes;
+      /**
+       * Gets or sets the items that can be given focus via the {@link yfiles.input.GraphInputMode#setCurrentItem} method.
+       * <p>
+       * The focusable items. The default is {@link yfiles.graph.GraphItemTypes#NODE}
+       * </p>
+       * @default yfiles.graph.GraphItemTypes.NODE
+       * @type {yfiles.graph.GraphItemTypes}
+       */
+      focusableItems:yfiles.graph.GraphItemTypes;
+      /**
+       * Determines which types of items should be selectable at all.
+       * <p>
+       * The default is {@link yfiles.graph.GraphItemTypes#ALL}.
+       * </p>
+       * @see yfiles.input.GraphInputMode#setSelected
+       * @type {yfiles.graph.GraphItemTypes}
+       */
+      selectableItems:yfiles.graph.GraphItemTypes;
+      /**
+       * Gets or sets a predicate that is queried to determine whether a given {@link yfiles.graph.IModelItem} is selectable.
+       * <p>
+       * This allows to further restrict which items are selectable, compared to {@link yfiles.input.GraphInputMode#selectableItems}. If this property is set to <code>null</code> the effect is
+       * the same as a predicate that always returns <code>true</code>.
+       * </p>
+       * @type {function(yfiles.graph.IModelItem): boolean}
+       */
+      selectablePredicate:(obj:yfiles.graph.IModelItem)=>boolean;
+      /**
+       * Determines which types of items should be selectable by mouse clicks.
+       * <p>
+       * The default is {@link yfiles.graph.GraphItemTypes#ALL}.
+       * </p>
+       * @see yfiles.input.GraphInputMode#shouldClickSelect
+       * @see yfiles.input.GraphInputMode#setSelected
+       * @type {yfiles.graph.GraphItemTypes}
+       */
+      clickSelectableItems:yfiles.graph.GraphItemTypes;
+      /**
+       * Determines which types of items should be selected during {@link yfiles.input.GraphInputMode#marqueeSelect marquee selections}.
+       * <p>
+       * The default is a combination of {@link yfiles.graph.GraphItemTypes#NODE}, {@link yfiles.graph.GraphItemTypes#EDGE}, and
+       * {@link yfiles.graph.GraphItemTypes#BEND}.
+       * </p>
+       * @see yfiles.input.GraphInputMode#shouldMarqueeSelect
+       * @see yfiles.input.GraphInputMode#setSelected
+       * @type {yfiles.graph.GraphItemTypes}
+       */
+      marqueeSelectableItems:yfiles.graph.GraphItemTypes;
+      /**
+       * Gets or sets a value indicating whether void styles ({@link yfiles.styles.VoidNodeStyle}, {@link yfiles.styles.VoidEdgeStyle},
+       * {@link yfiles.styles.VoidLabelStyle}, and {@link yfiles.styles.VoidPortStyle}) should be ignored when selecting or focusing items.
+       * @type {boolean}
+       */
+      ignoreVoidStyles:boolean;
+      /**
+       * Gets or sets the {@link yfiles.input.GraphInputMode#contextMenuInputMode} property.
+       * <p>
+       * If the field has not yet been initialized upon first access, the factory method {@link yfiles.input.GraphInputMode#createContextMenuInputMode}
+       * will be called. Upon change the {@link yfiles.input.GraphInputMode#onContextMenuInputModeChanged} method will be called.
+       * </p>
+       * <p>
+       * By default this input mode has a priority of <code>60</code>.
+       * </p>
+       * @throws {Stubs.Exceptions.NotSupportedError} If an attempt is made to change the instance while this mode is {@link yfiles.input.IInputMode#install installed}. To exchange a mode, first
+       * {@link yfiles.input.IInputMode#uninstall}, then {@link yfiles.input.IInputMode#install reinstall} to ensure that all data is initialized correctly.
+       * @type {yfiles.input.ContextMenuInputMode}
+       */
+      contextMenuInputMode:yfiles.input.ContextMenuInputMode;
+      /**
+       * Gets or sets the types of items a context menu should be queried for.
+       * <p>
+       * The items for which a context menu should be {@link yfiles.input.GraphInputMode#addPopulateItemContextMenuListener queried}. The default value is
+       * {@link yfiles.graph.GraphItemTypes#NODE}|{@link yfiles.graph.GraphItemTypes#EDGE}.
+       * </p>
+       * @default 1 | 2
+       * @type {yfiles.graph.GraphItemTypes}
+       */
+      contextMenuItems:yfiles.graph.GraphItemTypes;
+      /**
+       * Adds the given listener for the <code>PopulateItemContextMenu</code> event that occurs when the {@link yfiles.input.ContextMenuInputMode context menu} over an item is about to
+       * be opened to determine the contents of the Menu.
+       * <p>
+       * This method will only be called for items that match the {@link yfiles.input.GraphInputMode#contextMenuItems} type.
+       * </p>
+       * @param listener The listener to add.
+       * @see yfiles.input.GraphInputMode#removePopulateItemContextMenuListener
+       */
+      addPopulateItemContextMenuListener(listener:(sender:Object,evt:yfiles.input.PopulateItemContextMenuEventArgs<yfiles.graph.IModelItem>)=>void):void;
+      /**
+       * Removes the given listener for the <code>PopulateItemContextMenu</code> event that occurs when the {@link yfiles.input.ContextMenuInputMode context menu} over an item is about
+       * to be opened to determine the contents of the Menu.
+       * <p>
+       * This method will only be called for items that match the {@link yfiles.input.GraphInputMode#contextMenuItems} type.
+       * </p>
+       * @param listener The listener to remove.
+       * @see yfiles.input.GraphInputMode#addPopulateItemContextMenuListener
+       */
+      removePopulateItemContextMenuListener(listener:(sender:Object,evt:yfiles.input.PopulateItemContextMenuEventArgs<yfiles.graph.IModelItem>)=>void):void;
+      /**
+       * Gets or sets the {@link yfiles.input.GraphInputMode#mouseHoverInputMode} property.
+       * <p>
+       * If the field has not yet been initialized upon first access, the factory method {@link yfiles.input.GraphInputMode#createMouseHoverInputMode}
+       * will be called. Upon change the {@link yfiles.input.GraphInputMode#onMouseHoverInputModeChanged} method will be called.
+       * </p>
+       * <p>
+       * By default this input mode has a priority of <code>100</code>.
+       * </p>
+       * @throws {Stubs.Exceptions.NotSupportedError} If an attempt is made to change the instance while this mode is {@link yfiles.input.IInputMode#install installed}. To exchange a mode, first
+       * {@link yfiles.input.IInputMode#uninstall}, then {@link yfiles.input.IInputMode#install reinstall} to ensure that all data is initialized correctly.
+       * @type {yfiles.input.MouseHoverInputMode}
+       */
+      mouseHoverInputMode:yfiles.input.MouseHoverInputMode;
+      /**
+       * Gets the types of the items that should be queried a tool tip for.
+       * <p>
+       * The items for which a tool tip text should be {@link yfiles.input.GraphInputMode#addQueryItemToolTipListener queried}. The default value is
+       * {@link yfiles.graph.GraphItemTypes#NODE}|{@link yfiles.graph.GraphItemTypes#EDGE}|{@link yfiles.graph.GraphItemTypes#LABEL}|{@link yfiles.graph.GraphItemTypes#PORT}|.
+       * </p>
+       * @default 1 | 2 | 12 | 16
+       * @type {yfiles.graph.GraphItemTypes}
+       */
+      toolTipItems:yfiles.graph.GraphItemTypes;
+      /**
+       * Adds the given listener for the <code>QueryItemToolTip</code> event that occurs when the mouse is {@link yfiles.input.MouseHoverInputMode hovering} over an item to determine
+       * the tool tip to display.
+       * <p>
+       * This method will only be called for items that match the {@link yfiles.input.GraphInputMode#toolTipItems} type.
+       * </p>
+       * @param listener The listener to add.
+       * @see yfiles.input.GraphInputMode#removeQueryItemToolTipListener
+       */
+      addQueryItemToolTipListener(listener:(sender:Object,evt:yfiles.input.QueryItemToolTipEventArgs<yfiles.graph.IModelItem>)=>void):void;
+      /**
+       * Removes the given listener for the <code>QueryItemToolTip</code> event that occurs when the mouse is {@link yfiles.input.MouseHoverInputMode hovering} over an item to
+       * determine the tool tip to display.
+       * <p>
+       * This method will only be called for items that match the {@link yfiles.input.GraphInputMode#toolTipItems} type.
+       * </p>
+       * @param listener The listener to remove.
+       * @see yfiles.input.GraphInputMode#addQueryItemToolTipListener
+       */
+      removeQueryItemToolTipListener(listener:(sender:Object,evt:yfiles.input.QueryItemToolTipEventArgs<yfiles.graph.IModelItem>)=>void):void;
+      /**
+       * Gets or sets the {@link yfiles.input.ClickInputMode} that is used by this instance to determine clicks.
+       * <p>
+       * Whenever the mode detects a {@link yfiles.input.ClickInputMode#addClickedListener click}, this mode will use the {@link yfiles.input.IHitTester.<T>} from the {@link yfiles.input.MultiplexingInputMode#inputModeContext} to determine the items being hit. If they match the
+       * {@link yfiles.input.GraphInputMode#clickableItems} type, the {@link yfiles.input.GraphInputMode#addItemClickedListener ItemClicked} event will be triggered. If
+       * they {@link yfiles.input.GraphInputMode#shouldFocus}, the item will be {@link yfiles.input.GraphInputMode#setCurrentItem set as the current item}.
+       * </p>
+       * <p>
+       * If the field has not yet been initialized upon first access, the factory method {@link yfiles.input.GraphInputMode#createClickInputMode}
+       * will be called. Upon change the {@link yfiles.input.GraphInputMode#onClickInputModeChanged} method will be called.
+       * </p>
+       * <p>
+       * By default this input mode has a priority of <code>10</code>.
+       * </p>
+       * @throws {Stubs.Exceptions.NotSupportedError} If an attempt is made to change the instance while this mode is {@link yfiles.input.IInputMode#install installed}. To exchange a mode, first
+       * {@link yfiles.input.IInputMode#uninstall}, then {@link yfiles.input.IInputMode#install reinstall} to ensure that all data is initialized correctly.
+       * @see yfiles.input.GraphInputMode#onItemClicked
+       * @type {yfiles.input.ClickInputMode}
+       */
+      clickInputMode:yfiles.input.ClickInputMode;
+      /**
+       * Gets or sets the {@link yfiles.input.GraphInputMode#tapInputMode} property.
+       * <p>
+       * If the field has not yet been initialized upon first access, the factory method {@link yfiles.input.GraphInputMode#createTapInputMode}
+       * will be called. Upon change the {@link yfiles.input.GraphInputMode#onTapInputModeChanged} method will be called.
+       * </p>
+       * <p>
+       * By default this input mode has a priority of <code>20</code>.
+       * </p>
+       * @throws {Stubs.Exceptions.NotSupportedError} If an attempt is made to change the instance while this mode is {@link yfiles.input.IInputMode#install installed}. To exchange a mode, first
+       * {@link yfiles.input.IInputMode#uninstall}, then {@link yfiles.input.IInputMode#install reinstall} to ensure that all data is initialized correctly.
+       * @type {yfiles.input.TapInputMode}
+       */
+      tapInputMode:yfiles.input.TapInputMode;
+      /**
+       * Adds the given listener for the <code>ItemClicked</code> event that occurs when an item has been clicked.
+       * <p>
+       * If one of the event handlers sets the {@link yfiles.input.ItemClickedEventArgs.<T>#handled} property to <code>true</code> the event will not be propagated anymore.
+       * </p>
+       * <p>
+       * This event will also be raised for {@link yfiles.input.GraphInputMode#tap taps}.
+       * </p>
+       * <p>
+       * Button-specific events ({@link yfiles.input.GraphInputMode#addItemLeftClickedListener ItemLeftClicked} and
+       * {@link yfiles.input.GraphInputMode#addItemRightClickedListener ItemRightClicked}) will be raised before this event.
+       * If one of those is marked {@link yfiles.input.ItemClickedEventArgs.<T>#handled} this event will not be raised anymore.
+       * </p>
+       * @param listener The listener to add.
+       * @see yfiles.input.GraphInputMode#clickableItems
+       * @see yfiles.input.GraphInputMode#addItemDoubleClickedListener
+       * @see yfiles.input.GraphInputMode#addItemLeftClickedListener
+       * @see yfiles.input.GraphInputMode#addItemRightClickedListener
+       * @see yfiles.input.GraphInputMode#removeItemClickedListener
+       */
+      addItemClickedListener(listener:(sender:Object,evt:yfiles.input.ItemClickedEventArgs<yfiles.graph.IModelItem>)=>void):void;
+      /**
+       * Removes the given listener for the <code>ItemClicked</code> event that occurs when an item has been clicked.
+       * <p>
+       * If one of the event handlers sets the {@link yfiles.input.ItemClickedEventArgs.<T>#handled} property to <code>true</code> the event will not be propagated anymore.
+       * </p>
+       * <p>
+       * This event will also be raised for {@link yfiles.input.GraphInputMode#tap taps}.
+       * </p>
+       * <p>
+       * Button-specific events ({@link yfiles.input.GraphInputMode#addItemLeftClickedListener ItemLeftClicked} and
+       * {@link yfiles.input.GraphInputMode#addItemRightClickedListener ItemRightClicked}) will be raised before this event.
+       * If one of those is marked {@link yfiles.input.ItemClickedEventArgs.<T>#handled} this event will not be raised anymore.
+       * </p>
+       * @param listener The listener to remove.
+       * @see yfiles.input.GraphInputMode#clickableItems
+       * @see yfiles.input.GraphInputMode#addItemDoubleClickedListener
+       * @see yfiles.input.GraphInputMode#addItemLeftClickedListener
+       * @see yfiles.input.GraphInputMode#addItemRightClickedListener
+       * @see yfiles.input.GraphInputMode#addItemClickedListener
+       */
+      removeItemClickedListener(listener:(sender:Object,evt:yfiles.input.ItemClickedEventArgs<yfiles.graph.IModelItem>)=>void):void;
+      /**
+       * Adds the given listener for the <code>ItemLeftClicked</code> event that occurs when an item has been left clicked.
+       * <p>
+       * This event will be raised before the {@link yfiles.input.GraphInputMode#addItemClickedListener ItemClicked}
+       * event. If one of the event handlers sets the {@link yfiles.input.ItemClickedEventArgs.<T>#handled} property to <code>true</code> the event will not be propagated anymore. This also means
+       * that the {@link yfiles.input.GraphInputMode#addItemClickedListener ItemClicked} event will not be raised in that
+       * case.
+       * </p>
+       * @param listener The listener to add.
+       * @see yfiles.input.GraphInputMode#clickableItems
+       * @see yfiles.input.GraphInputMode#addItemDoubleClickedListener
+       * @see yfiles.input.GraphInputMode#addItemClickedListener
+       * @see yfiles.input.GraphInputMode#addItemRightClickedListener
+       * @see yfiles.input.GraphInputMode#addItemLeftDoubleClickedListener
+       * @see yfiles.input.GraphInputMode#removeItemLeftClickedListener
+       */
+      addItemLeftClickedListener(listener:(sender:Object,evt:yfiles.input.ItemClickedEventArgs<yfiles.graph.IModelItem>)=>void):void;
+      /**
+       * Removes the given listener for the <code>ItemLeftClicked</code> event that occurs when an item has been left clicked.
+       * <p>
+       * This event will be raised before the {@link yfiles.input.GraphInputMode#addItemClickedListener ItemClicked}
+       * event. If one of the event handlers sets the {@link yfiles.input.ItemClickedEventArgs.<T>#handled} property to <code>true</code> the event will not be propagated anymore. This also means
+       * that the {@link yfiles.input.GraphInputMode#addItemClickedListener ItemClicked} event will not be raised in that
+       * case.
+       * </p>
+       * @param listener The listener to remove.
+       * @see yfiles.input.GraphInputMode#clickableItems
+       * @see yfiles.input.GraphInputMode#addItemDoubleClickedListener
+       * @see yfiles.input.GraphInputMode#addItemClickedListener
+       * @see yfiles.input.GraphInputMode#addItemRightClickedListener
+       * @see yfiles.input.GraphInputMode#addItemLeftDoubleClickedListener
+       * @see yfiles.input.GraphInputMode#addItemLeftClickedListener
+       */
+      removeItemLeftClickedListener(listener:(sender:Object,evt:yfiles.input.ItemClickedEventArgs<yfiles.graph.IModelItem>)=>void):void;
+      /**
+       * Adds the given listener for the <code>ItemRightClicked</code> event that occurs when an item has been right clicked.
+       * <p>
+       * This event will be raised before the {@link yfiles.input.GraphInputMode#addItemClickedListener ItemClicked}
+       * event. If one of the event handlers sets the {@link yfiles.input.ItemClickedEventArgs.<T>#handled} property to <code>true</code> the event will not be propagated anymore. This also means
+       * that the {@link yfiles.input.GraphInputMode#addItemClickedListener ItemClicked} event will not be raised in that
+       * case.
+       * </p>
+       * @param listener The listener to add.
+       * @see yfiles.input.GraphInputMode#clickableItems
+       * @see yfiles.input.GraphInputMode#addItemDoubleClickedListener
+       * @see yfiles.input.GraphInputMode#addItemClickedListener
+       * @see yfiles.input.GraphInputMode#addItemLeftClickedListener
+       * @see yfiles.input.GraphInputMode#addItemRightDoubleClickedListener
+       * @see yfiles.input.GraphInputMode#removeItemRightClickedListener
+       */
+      addItemRightClickedListener(listener:(sender:Object,evt:yfiles.input.ItemClickedEventArgs<yfiles.graph.IModelItem>)=>void):void;
+      /**
+       * Removes the given listener for the <code>ItemRightClicked</code> event that occurs when an item has been right clicked.
+       * <p>
+       * This event will be raised before the {@link yfiles.input.GraphInputMode#addItemClickedListener ItemClicked}
+       * event. If one of the event handlers sets the {@link yfiles.input.ItemClickedEventArgs.<T>#handled} property to <code>true</code> the event will not be propagated anymore. This also means
+       * that the {@link yfiles.input.GraphInputMode#addItemClickedListener ItemClicked} event will not be raised in that
+       * case.
+       * </p>
+       * @param listener The listener to remove.
+       * @see yfiles.input.GraphInputMode#clickableItems
+       * @see yfiles.input.GraphInputMode#addItemDoubleClickedListener
+       * @see yfiles.input.GraphInputMode#addItemClickedListener
+       * @see yfiles.input.GraphInputMode#addItemLeftClickedListener
+       * @see yfiles.input.GraphInputMode#addItemRightDoubleClickedListener
+       * @see yfiles.input.GraphInputMode#addItemRightClickedListener
+       */
+      removeItemRightClickedListener(listener:(sender:Object,evt:yfiles.input.ItemClickedEventArgs<yfiles.graph.IModelItem>)=>void):void;
+      /**
+       * Adds the given listener for the <code>ItemDoubleClicked</code> event that occurs when an item has been double clicked.
+       * <p>
+       * If one of the event handlers sets the {@link yfiles.input.ItemClickedEventArgs.<T>#handled} property to <code>true</code> the event will not be propagated anymore.
+       * </p>
+       * <p>
+       * Depending on the value of the {@link yfiles.input.ClickInputMode#doubleClickPolicy} property of {@link yfiles.input.GraphInputMode#clickInputMode} this event may be preceded by no, one, or two {@link yfiles.input.GraphInputMode#addItemClickedListener ItemClicked}
+       * events (as well as the corresponding button-specific event).
+       * </p>
+       * <p>
+       * Button-specific events ({@link yfiles.input.GraphInputMode#addItemLeftDoubleClickedListener ItemLeftDoubleClicked} and
+       * {@link yfiles.input.GraphInputMode#addItemRightDoubleClickedListener ItemRightDoubleClicked}) will be raised before this
+       * event. If one of those is marked {@link yfiles.input.ItemClickedEventArgs.<T>#handled} this event will not be raised anymore.
+       * </p>
+       * @param listener The listener to add.
+       * @see yfiles.input.GraphInputMode#addItemClickedListener
+       * @see yfiles.input.GraphInputMode#clickableItems
+       * @see yfiles.input.GraphInputMode#addItemLeftDoubleClickedListener
+       * @see yfiles.input.GraphInputMode#addItemRightDoubleClickedListener
+       * @see yfiles.input.GraphInputMode#removeItemDoubleClickedListener
+       */
+      addItemDoubleClickedListener(listener:(sender:Object,evt:yfiles.input.ItemClickedEventArgs<yfiles.graph.IModelItem>)=>void):void;
+      /**
+       * Removes the given listener for the <code>ItemDoubleClicked</code> event that occurs when an item has been double clicked.
+       * <p>
+       * If one of the event handlers sets the {@link yfiles.input.ItemClickedEventArgs.<T>#handled} property to <code>true</code> the event will not be propagated anymore.
+       * </p>
+       * <p>
+       * Depending on the value of the {@link yfiles.input.ClickInputMode#doubleClickPolicy} property of {@link yfiles.input.GraphInputMode#clickInputMode} this event may be preceded by no, one, or two {@link yfiles.input.GraphInputMode#addItemClickedListener ItemClicked}
+       * events (as well as the corresponding button-specific event).
+       * </p>
+       * <p>
+       * Button-specific events ({@link yfiles.input.GraphInputMode#addItemLeftDoubleClickedListener ItemLeftDoubleClicked} and
+       * {@link yfiles.input.GraphInputMode#addItemRightDoubleClickedListener ItemRightDoubleClicked}) will be raised before this
+       * event. If one of those is marked {@link yfiles.input.ItemClickedEventArgs.<T>#handled} this event will not be raised anymore.
+       * </p>
+       * @param listener The listener to remove.
+       * @see yfiles.input.GraphInputMode#addItemClickedListener
+       * @see yfiles.input.GraphInputMode#clickableItems
+       * @see yfiles.input.GraphInputMode#addItemLeftDoubleClickedListener
+       * @see yfiles.input.GraphInputMode#addItemRightDoubleClickedListener
+       * @see yfiles.input.GraphInputMode#addItemDoubleClickedListener
+       */
+      removeItemDoubleClickedListener(listener:(sender:Object,evt:yfiles.input.ItemClickedEventArgs<yfiles.graph.IModelItem>)=>void):void;
+      /**
+       * Adds the given listener for the <code>ItemLeftDoubleClicked</code> event that occurs when an item has been left double clicked.
+       * <p>
+       * This event will be raised before the {@link yfiles.input.GraphInputMode#addItemDoubleClickedListener ItemDoubleClicked}
+       * event. If one of the event handlers sets the {@link yfiles.input.ItemClickedEventArgs.<T>#handled} property to <code>true</code> the event will not be propagated anymore. This also means
+       * that the {@link yfiles.input.GraphInputMode#addItemDoubleClickedListener ItemDoubleClicked} event will not be raised
+       * in that case.
+       * </p>
+       * @param listener The listener to add.
+       * @see yfiles.input.GraphInputMode#clickableItems
+       * @see yfiles.input.GraphInputMode#addItemDoubleClickedListener
+       * @see yfiles.input.GraphInputMode#addItemRightDoubleClickedListener
+       * @see yfiles.input.GraphInputMode#removeItemLeftDoubleClickedListener
+       */
+      addItemLeftDoubleClickedListener(listener:(sender:Object,evt:yfiles.input.ItemClickedEventArgs<yfiles.graph.IModelItem>)=>void):void;
+      /**
+       * Removes the given listener for the <code>ItemLeftDoubleClicked</code> event that occurs when an item has been left double clicked.
+       * <p>
+       * This event will be raised before the {@link yfiles.input.GraphInputMode#addItemDoubleClickedListener ItemDoubleClicked}
+       * event. If one of the event handlers sets the {@link yfiles.input.ItemClickedEventArgs.<T>#handled} property to <code>true</code> the event will not be propagated anymore. This also means
+       * that the {@link yfiles.input.GraphInputMode#addItemDoubleClickedListener ItemDoubleClicked} event will not be raised
+       * in that case.
+       * </p>
+       * @param listener The listener to remove.
+       * @see yfiles.input.GraphInputMode#clickableItems
+       * @see yfiles.input.GraphInputMode#addItemDoubleClickedListener
+       * @see yfiles.input.GraphInputMode#addItemRightDoubleClickedListener
+       * @see yfiles.input.GraphInputMode#addItemLeftDoubleClickedListener
+       */
+      removeItemLeftDoubleClickedListener(listener:(sender:Object,evt:yfiles.input.ItemClickedEventArgs<yfiles.graph.IModelItem>)=>void):void;
+      /**
+       * Adds the given listener for the <code>ItemRightDoubleClicked</code> event that occurs when an item has been right double clicked.
+       * <p>
+       * This event will be raised before the {@link yfiles.input.GraphInputMode#addItemDoubleClickedListener ItemDoubleClicked}
+       * event. If one of the event handlers sets the {@link yfiles.input.ItemClickedEventArgs.<T>#handled} property to <code>true</code> the event will not be propagated anymore. This also means
+       * that the {@link yfiles.input.GraphInputMode#addItemDoubleClickedListener ItemDoubleClicked} event will not be raised
+       * in that case.
+       * </p>
+       * @param listener The listener to add.
+       * @see yfiles.input.GraphInputMode#clickableItems
+       * @see yfiles.input.GraphInputMode#addItemDoubleClickedListener
+       * @see yfiles.input.GraphInputMode#addItemLeftDoubleClickedListener
+       * @see yfiles.input.GraphInputMode#removeItemRightDoubleClickedListener
+       */
+      addItemRightDoubleClickedListener(listener:(sender:Object,evt:yfiles.input.ItemClickedEventArgs<yfiles.graph.IModelItem>)=>void):void;
+      /**
+       * Removes the given listener for the <code>ItemRightDoubleClicked</code> event that occurs when an item has been right double clicked.
+       * <p>
+       * This event will be raised before the {@link yfiles.input.GraphInputMode#addItemDoubleClickedListener ItemDoubleClicked}
+       * event. If one of the event handlers sets the {@link yfiles.input.ItemClickedEventArgs.<T>#handled} property to <code>true</code> the event will not be propagated anymore. This also means
+       * that the {@link yfiles.input.GraphInputMode#addItemDoubleClickedListener ItemDoubleClicked} event will not be raised
+       * in that case.
+       * </p>
+       * @param listener The listener to remove.
+       * @see yfiles.input.GraphInputMode#clickableItems
+       * @see yfiles.input.GraphInputMode#addItemDoubleClickedListener
+       * @see yfiles.input.GraphInputMode#addItemLeftDoubleClickedListener
+       * @see yfiles.input.GraphInputMode#addItemRightDoubleClickedListener
+       */
+      removeItemRightDoubleClickedListener(listener:(sender:Object,evt:yfiles.input.ItemClickedEventArgs<yfiles.graph.IModelItem>)=>void):void;
+      /**
+       * Adds the given listener for the <code>CanvasClicked</code> event that occurs when the empty canvas area has been clicked.
+       * <p>
+       * If one of the event handlers sets the {@link yfiles.input.ClickEventArgs#handled} property to <code>true</code> the event will not be propagated anymore.
+       * </p>
+       * @param listener The listener to add.
+       * @see yfiles.input.GraphInputMode#addItemClickedListener
+       * @see yfiles.input.GraphInputMode#removeCanvasClickedListener
+       */
+      addCanvasClickedListener(listener:(sender:Object,evt:yfiles.input.ClickEventArgs)=>void):void;
+      /**
+       * Removes the given listener for the <code>CanvasClicked</code> event that occurs when the empty canvas area has been clicked.
+       * <p>
+       * If one of the event handlers sets the {@link yfiles.input.ClickEventArgs#handled} property to <code>true</code> the event will not be propagated anymore.
+       * </p>
+       * @param listener The listener to remove.
+       * @see yfiles.input.GraphInputMode#addItemClickedListener
+       * @see yfiles.input.GraphInputMode#addCanvasClickedListener
+       */
+      removeCanvasClickedListener(listener:(sender:Object,evt:yfiles.input.ClickEventArgs)=>void):void;
+      /**
+       * Gets or sets the {@link yfiles.input.GraphInputMode#marqueeSelectionInputMode} property.
+       * <p>
+       * If the field has not yet been initialized upon first access, the factory method {@link yfiles.input.GraphInputMode#createMarqueeSelectionInputMode}
+       * will be called. Upon change the {@link yfiles.input.GraphInputMode#onMarqueeSelectionInputModeChanged} method will be called.
+       * </p>
+       * <p>
+       * By default this input mode has a priority of <code>50</code>.
+       * </p>
+       * @throws {Stubs.Exceptions.NotSupportedError} If an attempt is made to change the instance while this mode is {@link yfiles.input.IInputMode#install installed}. To exchange a mode, first
+       * {@link yfiles.input.IInputMode#uninstall}, then {@link yfiles.input.IInputMode#install reinstall} to ensure that all data is initialized correctly.
+       * @type {yfiles.input.MarqueeSelectionInputMode}
+       */
+      marqueeSelectionInputMode:yfiles.input.MarqueeSelectionInputMode;
+      /**
+       * Gets or sets the {@link yfiles.input.GraphInputMode#navigationInputMode} property.
+       * <p>
+       * This mode is responsible for navigating and traversing the elements in the {@link yfiles.graph.IGraph}. If the field has not yet
+       * been initialized upon first access, the factory method {@link yfiles.input.GraphInputMode#createNavigationInputMode} will be
+       * called. Upon change the {@link yfiles.input.GraphInputMode#onNavigationInputModeChanged} method will be called.
+       * </p>
+       * <p>
+       * By default this input mode has a priority of <code>55</code>.
+       * </p>
+       * @throws {Stubs.Exceptions.NotSupportedError} If an attempt is made to change the instance while this mode is {@link yfiles.input.IInputMode#install installed}. To exchange a mode, first
+       * {@link yfiles.input.IInputMode#uninstall}, then {@link yfiles.input.IInputMode#install reinstall} to ensure that all data is initialized correctly.
+       * @type {yfiles.input.NavigationInputMode}
+       */
+      navigationInputMode:yfiles.input.NavigationInputMode;
+      /**
+       * Adds the given listener for the <code>MultiSelectionStarted</code> event that occurs when a single or multi select operation has been
+       * started.
+       * <p>
+       * The event is <b>not</b> triggered for the individual selection operations that constitute a multi selection operation.
+       * </p>
+       * @param listener The listener to add.
+       * @see yfiles.input.GraphInputMode#removeMultiSelectionStartedListener
+       */
+      addMultiSelectionStartedListener(listener:(sender:Object,evt:yfiles.input.SelectionEventArgs<yfiles.graph.IModelItem>)=>void):void;
+      /**
+       * Removes the given listener for the <code>MultiSelectionStarted</code> event that occurs when a single or multi select operation has
+       * been started.
+       * <p>
+       * The event is <b>not</b> triggered for the individual selection operations that constitute a multi selection operation.
+       * </p>
+       * @param listener The listener to remove.
+       * @see yfiles.input.GraphInputMode#addMultiSelectionStartedListener
+       */
+      removeMultiSelectionStartedListener(listener:(sender:Object,evt:yfiles.input.SelectionEventArgs<yfiles.graph.IModelItem>)=>void):void;
+      /**
+       * Adds the given listener for the <code>MultiSelectionFinished</code> event that occurs when a single or multi select operation has
+       * been finished.
+       * <p>
+       * The event is <b>not</b> triggered for the individual selection operations that constitute a multi selection operation.
+       * </p>
+       * @param listener The listener to add.
+       * @see yfiles.input.GraphInputMode#removeMultiSelectionFinishedListener
+       */
+      addMultiSelectionFinishedListener(listener:(sender:Object,evt:yfiles.input.SelectionEventArgs<yfiles.graph.IModelItem>)=>void):void;
+      /**
+       * Removes the given listener for the <code>MultiSelectionFinished</code> event that occurs when a single or multi select operation has
+       * been finished.
+       * <p>
+       * The event is <b>not</b> triggered for the individual selection operations that constitute a multi selection operation.
+       * </p>
+       * @param listener The listener to remove.
+       * @see yfiles.input.GraphInputMode#addMultiSelectionFinishedListener
+       */
+      removeMultiSelectionFinishedListener(listener:(sender:Object,evt:yfiles.input.SelectionEventArgs<yfiles.graph.IModelItem>)=>void):void;
+      /**
+       * Gets or sets the {@link yfiles.input.WaitInputMode} that is provided by this instance for those who need to make use of it.
+       * <p>
+       * If the field has not yet been initialized upon first access, the factory method {@link yfiles.input.GraphInputMode#createWaitInputMode}
+       * will be called. Upon change the {@link yfiles.input.GraphInputMode#onWaitInputModeChanged} method will be called.
+       * </p>
+       * <p>
+       * By default this input mode has a priority of <code>-1</code>.
+       * </p>
+       * @throws {Stubs.Exceptions.NotSupportedError} If an attempt is made to change the instance while this mode is {@link yfiles.input.IInputMode#install installed}. To exchange a mode, first
+       * {@link yfiles.input.IInputMode#uninstall}, then {@link yfiles.input.IInputMode#install reinstall} to ensure that all data is initialized correctly.
+       * @see yfiles.input.WaitInputMode#waiting
+       * @type {yfiles.input.WaitInputMode}
+       */
+      waitInputMode:yfiles.input.WaitInputMode;
+      /**
+       * Gets or sets the {@link yfiles.input.GraphInputMode#itemHoverInputMode} that is provided by this instance for those who need to make use of it.
+       * <p>
+       * Note that initially the {@link yfiles.input.ItemHoverInputMode#hoverItems} property is set to
+       * {@link yfiles.graph.GraphItemTypes#NONE}, which effectively disables the functionality of the mode initially. In order to get
+       * the mode to fire events, the property should be set to a corresponding value.
+       * </p>
+       * <p>
+       * If the backing field has not yet been initialized upon first access, the factory method {@link yfiles.input.GraphInputMode#createItemHoverInputMode}
+       * will be called. Upon change the {@link yfiles.input.GraphInputMode#onItemHoverInputModeChanged} method will be called.
+       * </p>
+       * <p>
+       * By default this input mode has a priority of <code>55</code>.
+       * </p>
+       * @throws {Stubs.Exceptions.NotSupportedError} If an attempt is made to change the instance while this mode is {@link yfiles.input.IInputMode#install installed}. To exchange a mode, first
+       * {@link yfiles.input.IInputMode#uninstall}, then {@link yfiles.input.IInputMode#install reinstall} to ensure that all data is initialized correctly.
+       * @type {yfiles.input.ItemHoverInputMode}
+       */
+      itemHoverInputMode:yfiles.input.ItemHoverInputMode;
+      /**
+       * Gets or sets the {@link yfiles.input.GraphInputMode#moveViewportInputMode} associated with this instance.
+       * <p>
+       * If the field has not yet been initialized upon first access, the factory method {@link yfiles.input.GraphInputMode#createMoveViewportInputMode}
+       * will be called. Upon change the {@link yfiles.input.GraphInputMode#onMoveViewportInputModeChanged} method will be called.
+       * </p>
+       * <p>
+       * By default this input mode has a priority of <code>39</code>.
+       * </p>
+       * @throws {Stubs.Exceptions.NotSupportedError} If an attempt is made to change the instance while this mode is {@link yfiles.input.IInputMode#install installed}. To exchange a mode, first
+       * {@link yfiles.input.IInputMode#uninstall}, then {@link yfiles.input.IInputMode#install reinstall} to ensure that all data is initialized correctly.
+       * @type {yfiles.input.MoveViewportInputMode}
+       */
+      moveViewportInputMode:yfiles.input.MoveViewportInputMode;
+      /**
+       * Gets or sets the {@link yfiles.input.GraphInputMode#keyboardInputMode}.
+       * <p>
+       * By default this input mode has a priority of <code>0</code>.
+       * </p>
+       * @throws {Stubs.Exceptions.NotSupportedError} If an attempt is made to change the instance while this mode is {@link yfiles.input.IInputMode#install installed}. To exchange a mode, first
+       * {@link yfiles.input.IInputMode#uninstall}, then {@link yfiles.input.IInputMode#install reinstall} to ensure that all data is initialized correctly.
+       * @type {yfiles.input.KeyboardInputMode}
+       */
+      keyboardInputMode:yfiles.input.KeyboardInputMode;
+      /**
+       * Gets a collection of commands that this input mode will handle.
+       * <p>
+       * This collection can be modified by removing commands to prevent the input mode from handling them. Previously removed
+       * commands can also be re-added again to enable them again. However, the input mode will never handle commands that
+       * weren't in the initial collection. Adding those will do nothing.
+       * </p>
+       * @type {yfiles.collections.ICollection.<yfiles.input.ICommand>}
+       */
+      availableCommands:yfiles.collections.ICollection<yfiles.input.ICommand>;
+      /**
+       * Gets or sets a property that determines whether clipboard operations with the usual shortcuts are enabled on the
+       * canvas.
+       * <p>
+       * Default value is <code>true</code>
+       * </p>
+       * @default true
+       * @type {boolean}
+       */
+      allowClipboardOperations:boolean;
       static $class:yfiles.lang.Class;
     }
     /**
-     * A utility class that offers event recognizers that deal with {@link yfiles.view.MouseEventArgs}.
-     * @class yfiles.input.MouseEventRecognizers
-     * @static
+     * An {@link yfiles.input.IInputMode} implementation for use in a {@link yfiles.view.GraphComponent} to assign to the {@link yfiles.view.CanvasComponent#inputMode} property.
+     * <p>
+     * This mode can be used in a viewer-centric application where there is no need to modify the {@link yfiles.graph.IGraph} but
+     * browsing of the graph should be convenient. This mode allows for {@link yfiles.input.GraphInputMode#addItemClickedListener clicking on items using the mouse},
+     * {@link yfiles.input.GraphInputMode#addQueryItemToolTipListener displaying tool tips for items}, {@link yfiles.input.GraphInputMode#addPopulateItemContextMenuListener showing a context menu}, {@link yfiles.input.NavigationInputMode allowing for easy navigation and traversal},
+     * {@link yfiles.input.MoveViewportInputMode moving the view port}, and {@link yfiles.input.GraphInputMode#marqueeSelectableItems optionally doing marquee selection}. Also {@link yfiles.input.ItemHoverInputMode} can be used to get
+     * notified of the elements that the mouse is hovering over.
+     * </p>
+     * <p>
+     * Due to the viewer-centric nature of this input mode, collapsing and expanding groups is disabled per default. To enable
+     * this feature, set {@link yfiles.input.NavigationInputMode#allowCollapseGroup} and {@link yfiles.input.NavigationInputMode#allowExpandGroup} to <code>true</code>.
+     * </p>
+     * <p>
+     * This input mode manages a set of specialized input modes, each handling a specific part of the interaction with the
+     * graph. The following list details those along with their default
+     * {@link yfiles.input.IInputMode#priority priorities}. Lower priorities come earlier when handing events.
+     * </p>
+     * <ul>
+     * <li><b>{@link yfiles.input.WaitInputMode} (−1)</b> – Disables this input mode when layouts or animations run.</li>
+     * <li><b>{@link yfiles.input.KeyboardInputMode} (0)</b> – Handles commands and arbitrary keyboard shortcuts.</li>
+     * <li><b>{@link yfiles.input.ClickInputMode} (10)</b> – Handles mouse clicks and double-clicks.</li>
+     * <li><b>{@link yfiles.input.TapInputMode} (20)</b> – Handles taps and double-tap.</li>
+     * <li><b>{@link yfiles.input.MarqueeSelectionInputMode} (30)</b> – Allows dragging a rectangle to select items within it.</li>
+     * <li><b>{@link yfiles.input.MoveViewportInputMode} (39)</b> – Allows panning the viewport.</li>
+     * <li><b>{@link yfiles.input.ItemHoverInputMode} (55)</b> – Provides events to indicate that the mouse pointer hovers over an item.</li>
+     * <li><b>{@link yfiles.input.NavigationInputMode} (55)</b> – Provides general navigation facilities, such as navigating from one item to another with the arrow keys.</li>
+     * <li><b>{@link yfiles.input.ContextMenuInputMode} (60)</b> – Handles querying the context menu contents based on a location as well as preparing the menu for display.</li>
+     * <li><b>{@link yfiles.input.MouseHoverInputMode} (100)</b> – Handles tool tips.</li>
+     * </ul>
+     * @class
+     * @extends {yfiles.input.GraphInputMode}
      */
-    export interface MouseEventRecognizers extends Object{}
-    export class MouseEventRecognizers {
+    export interface GraphViewerInputMode extends yfiles.input.GraphInputMode{}
+    export class GraphViewerInputMode {
       /**
-       * An event recognizer that identifies mouse movements that are not drags.
-       * @see yfiles.input.MouseEventRecognizers#DRAGGED
-       * @see yfiles.input.MouseEventRecognizers#MOVED_OR_DRAGGED
-       * @const
-       * @static
-       * @type {function(Object, yfiles.lang.EventArgs): boolean}
+       * Initializes a new instance of the {@link yfiles.input.GraphViewerInputMode} class.
        */
-      static MOVED:(eventSource:Object,evt:yfiles.lang.EventArgs)=>boolean;
-      /**
-       * An event recognizer that identifies mouse movements.
-       * @const
-       * @static
-       * @type {function(Object, yfiles.lang.EventArgs): boolean}
-       */
-      static MOVED_OR_DRAGGED:(eventSource:Object,evt:yfiles.lang.EventArgs)=>boolean;
-      /**
-       * An event recognizer that identifies mouse movements.
-       * @const
-       * @static
-       * @type {function(Object, yfiles.lang.EventArgs): boolean}
-       */
-      static PRESSED:(eventSource:Object,evt:yfiles.lang.EventArgs)=>boolean;
-      /**
-       * An event recognizer that identifies mouse movements.
-       * @const
-       * @static
-       * @type {function(Object, yfiles.lang.EventArgs): boolean}
-       */
-      static RELEASED:(eventSource:Object,evt:yfiles.lang.EventArgs)=>boolean;
-      /**
-       * An event recognizer that identifies mouse input capture lost events.
-       * <p>
-       * This event will occur often, especially after all mouse buttons have been released. More relevant for
-       * {@link yfiles.input.IInputMode}s is the {@link yfiles.input.MouseEventRecognizers#LOST_CAPTURE_DURING_DRAG} event recognizer.
-       * </p>
-       * @const
-       * @static
-       * @type {function(Object, yfiles.lang.EventArgs): boolean}
-       */
-      static LOST_CAPTURE:(eventSource:Object,evt:yfiles.lang.EventArgs)=>boolean;
-      /**
-       * An event recognizer that identifies mouse input capture lost events while at least one mouse button was pressed.
-       * <p>
-       * Since the mouse capture has been lost, the necessary {@link yfiles.view.MouseEventTypes#UP} events will never be triggered. This
-       * recognizer is useful for identifying this situation.
-       * </p>
-       * @const
-       * @static
-       * @type {function(Object, yfiles.lang.EventArgs): boolean}
-       */
-      static LOST_CAPTURE_DURING_DRAG:(eventSource:Object,evt:yfiles.lang.EventArgs)=>boolean;
-      /**
-       * An event recognizer that identifies left mouse button clicks.
-       * @const
-       * @static
-       * @type {function(Object, yfiles.lang.EventArgs): boolean}
-       */
-      static LEFT_CLICKED:(eventSource:Object,evt:yfiles.lang.EventArgs)=>boolean;
-      /**
-       * An event recognizer that identifies button clicks.
-       * @const
-       * @static
-       * @type {function(Object, yfiles.lang.EventArgs): boolean}
-       */
-      static CLICKED:(eventSource:Object,evt:yfiles.lang.EventArgs)=>boolean;
-      /**
-       * An event recognizer that identifies button multi-clicks.
-       * @const
-       * @static
-       * @type {function(Object, yfiles.lang.EventArgs): boolean}
-       */
-      static MULTI_CLICKED:(eventSource:Object,evt:yfiles.lang.EventArgs)=>boolean;
-      /**
-       * An event recognizer that identifies right mouse button clicks.
-       * @const
-       * @static
-       * @type {function(Object, yfiles.lang.EventArgs): boolean}
-       */
-      static RIGHT_CLICKED:(eventSource:Object,evt:yfiles.lang.EventArgs)=>boolean;
-      /**
-       * An event recognizer that identifies middle mouse button clicks.
-       * @const
-       * @static
-       * @type {function(Object, yfiles.lang.EventArgs): boolean}
-       */
-      static MIDDLE_CLICKED:(eventSource:Object,evt:yfiles.lang.EventArgs)=>boolean;
-      /**
-       * An event recognizer that identifies left mouse button double clicks.
-       * @const
-       * @static
-       * @type {function(Object, yfiles.lang.EventArgs): boolean}
-       */
-      static LEFT_DOUBLE_CLICKED:(eventSource:Object,evt:yfiles.lang.EventArgs)=>boolean;
-      /**
-       * An event recognizer that identifies right mouse button double clicks.
-       * @const
-       * @static
-       * @type {function(Object, yfiles.lang.EventArgs): boolean}
-       */
-      static RIGHT_DOUBLE_CLICKED:(eventSource:Object,evt:yfiles.lang.EventArgs)=>boolean;
-      /**
-       * An event recognizer that identifies middle mouse button double clicks.
-       * @const
-       * @static
-       * @type {function(Object, yfiles.lang.EventArgs): boolean}
-       */
-      static MIDDLE_DOUBLE_CLICKED:(eventSource:Object,evt:yfiles.lang.EventArgs)=>boolean;
-      /**
-       * An event recognizer that identifies left mouse button press events.
-       * @const
-       * @static
-       * @type {function(Object, yfiles.lang.EventArgs): boolean}
-       */
-      static LEFT_PRESSED:(eventSource:Object,evt:yfiles.lang.EventArgs)=>boolean;
-      /**
-       * An event recognizer that identifies left mouse button release events.
-       * @const
-       * @static
-       * @type {function(Object, yfiles.lang.EventArgs): boolean}
-       */
-      static LEFT_RELEASED:(eventSource:Object,evt:yfiles.lang.EventArgs)=>boolean;
-      /**
-       * An event recognizer that identifies right mouse button press events.
-       * @const
-       * @static
-       * @type {function(Object, yfiles.lang.EventArgs): boolean}
-       */
-      static RIGHT_PRESSED:(eventSource:Object,evt:yfiles.lang.EventArgs)=>boolean;
-      /**
-       * An event recognizer that identifies right mouse button release events.
-       * @const
-       * @static
-       * @type {function(Object, yfiles.lang.EventArgs): boolean}
-       */
-      static RIGHT_RELEASED:(eventSource:Object,evt:yfiles.lang.EventArgs)=>boolean;
-      /**
-       * An event recognizer that identifies mouse drag events.
-       * @const
-       * @static
-       * @type {function(Object, yfiles.lang.EventArgs): boolean}
-       */
-      static DRAGGED:(eventSource:Object,evt:yfiles.lang.EventArgs)=>boolean;
-      /**
-       * An event recognizer that identifies left mouse button drags.
-       * @const
-       * @static
-       * @type {function(Object, yfiles.lang.EventArgs): boolean}
-       */
-      static LEFT_DRAGGED:(eventSource:Object,evt:yfiles.lang.EventArgs)=>boolean;
-      /**
-       * An event recognizer that identifies when the has left the control.
-       * @const
-       * @static
-       * @type {function(Object, yfiles.lang.EventArgs): boolean}
-       */
-      static EXITED:(eventSource:Object,evt:yfiles.lang.EventArgs)=>boolean;
-      /**
-       * An event recognizer that identifies when the mouse has entered the control.
-       * @const
-       * @static
-       * @type {function(Object, yfiles.lang.EventArgs): boolean}
-       */
-      static ENTERED:(eventSource:Object,evt:yfiles.lang.EventArgs)=>boolean;
-      /**
-       * An event recognizer that identifies right mouse button drags.
-       * @const
-       * @static
-       * @type {function(Object, yfiles.lang.EventArgs): boolean}
-       */
-      static RIGHT_DRAGGED:(eventSource:Object,evt:yfiles.lang.EventArgs)=>boolean;
-      /**
-       * An event recognizer that identifies middle mouse button drags.
-       * @const
-       * @static
-       * @type {function(Object, yfiles.lang.EventArgs): boolean}
-       */
-      static MIDDLE_DRAGGED:(eventSource:Object,evt:yfiles.lang.EventArgs)=>boolean;
+      constructor();
       static $class:yfiles.lang.Class;
     }
     /**
-     * A utility class that offers event recognizers that deal with {@link yfiles.view.TouchEventArgs}.
-     * @class yfiles.input.TouchEventRecognizers
-     * @static
+     * A simple interface that can be used to react to clicks on regions of {@link yfiles.styles.INodeStyle}s etc.
+     * <p>
+     * {@link yfiles.input.GraphEditorInputMode} will query the {@link yfiles.graph.IModelItem}'s Lookup method for this interface if it has
+     * detected {@link yfiles.input.GraphInputMode#click}s. If the item yields an instance of this interface and the click was inside
+     * the {@link yfiles.input.IClickListener#getHitTestable}, then {@link yfiles.input.IClickListener#onClicked} is invoked.
+     * </p>
+     * @see yfiles.input.GraphEditorInputMode
+     * @see yfiles.styles.CollapsibleNodeStyleDecorator
+     * @interface
      */
-    export interface TouchEventRecognizers extends Object{}
-    export class TouchEventRecognizers {
+    export interface IClickListener extends Object{
       /**
-       * An event recognizer that identifies touch movements of the primary device.
-       * @const
-       * @static
-       * @type {function(Object, yfiles.lang.EventArgs): boolean}
+       * Gets an {@link yfiles.input.IHitTestable} that can be used to check if {@link yfiles.input.IClickListener#onClicked} should be invoked.
+       * @returns A hit testable that can determine whether {@link #onClicked} should be invoked by a given click.
+       * @abstract
        */
-      static TOUCH_MOVED_PRIMARY:(eventSource:Object,evt:yfiles.lang.EventArgs)=>boolean;
+      getHitTestable():yfiles.input.IHitTestable;
       /**
-       * An event recognizer that identifies the loss of touch capture for the any device.
-       * @const
-       * @static
-       * @type {function(Object, yfiles.lang.EventArgs): boolean}
+       * Called by the framework to indicate that the {@link yfiles.graph.IModelItem} has been clicked by the user at the specified
+       * location.
+       * <p>
+       * This method is called by {@link yfiles.input.GraphInputMode#click} for the
+       * {@link yfiles.graph.IModelItem}s that yielded an instance of this interface.
+       * </p>
+       * @param context The context to use for the click operation.
+       * @param location The location of the click
+       * @abstract
        */
-      static LOST_CAPTURE:(eventSource:Object,evt:yfiles.lang.EventArgs)=>boolean;
+      onClicked(context:yfiles.input.IInputModeContext,location:yfiles.geometry.Point):void;
+    }
+    var IClickListener:{
+      $class:yfiles.lang.Class;
+      isInstance(o:Object):boolean;
+    };
+    /**
+     * An interface for classes that can yield {@link yfiles.input.IHandle} implementations for the {@link yfiles.graph.IEdge#sourcePort source} and {@link yfiles.graph.IEdge#targetPort target} ends of an
+     * {@link yfiles.graph.IEdge}.
+     * <p>
+     * This interface will be queried by the default implementation of the {@link yfiles.input.IHandleProvider} that is in the lookup
+     * of an {@link yfiles.graph.IEdge}. It is recommended to use this interface instead of the more generic {@link yfiles.input.IHandleProvider}
+     * interface, because other generic code can then use this interface to gain access to a specific {@link yfiles.input.IHandle} more
+     * easily.
+     * </p>
+     * @interface
+     */
+    export interface IEdgePortHandleProvider extends Object{
       /**
-       * An event recognizer that identifies the loss of touch capture for the primary device.
-       * @const
-       * @static
-       * @type {function(Object, yfiles.lang.EventArgs): boolean}
+       * Gets an {@link yfiles.input.IHandle} implementation for one end of the provided <code>edge</code>.
+       * @param context The context in which the handle will be used.
+       * @param edge The edge for which an handle is needed.
+       * @param sourceHandle if set to <code>true</code> the handle for the source side/port should be returned.
+       * @returns The handle to use for the provided side or <code>null</code>.
+       * @abstract
        */
-      static LOST_CAPTURE_PRIMARY:(eventSource:Object,evt:yfiles.lang.EventArgs)=>boolean;
+      getHandle(context:yfiles.input.IInputModeContext,edge:yfiles.graph.IEdge,sourceHandle:boolean):yfiles.input.IHandle;
+    }
+    var IEdgePortHandleProvider:{
+      $class:yfiles.lang.Class;
+      isInstance(o:Object):boolean;
+    };
+    /**
+     * Helper interface to customize interactive label editing.
+     * <p>
+     * Implementations of this interface can be put into the {@link yfiles.graph.ILookup} of {@link yfiles.graph.ILabelOwner}s and
+     * {@link yfiles.graph.ILabel}s so that it is possible to tweak the behavior on a case by case basis.
+     * </p>
+     * <p>
+     * Conceptually, in most cases, implementations of this interface behaves like an additional event handler for {@link yfiles.input.GraphEditorInputMode#addLabelAddingListener LabelAdding}
+     * and {@link yfiles.input.GraphEditorInputMode#addLabelEditingListener LabelEditing}. If no event handler
+     * handled those events, an {@link yfiles.input.IEditLabelHelper} will be queried from the {@link yfiles.graph.ILookup} and the unhandled
+     * event arguments passed to the respective methods.
+     * </p>
+     * @see yfiles.input.EditLabelHelper
+     * @see yfiles.input.GraphEditorInputMode#createLabel
+     * @see yfiles.input.GraphEditorInputMode#editLabel
+     * @see yfiles.input.GraphEditorInputMode#addLabel
+     * @see yfiles.input.GraphEditorInputMode#addLabelAddingListener
+     * @see yfiles.input.GraphEditorInputMode#addLabelEditingListener
+     * @interface
+     */
+    export interface IEditLabelHelper extends Object{
       /**
-       * An event recognizer that identifies the loss of touch capture for the secondary device.
-       * @const
-       * @static
-       * @type {function(Object, yfiles.lang.EventArgs): boolean}
+       * Helper method that will be called when trying to add a label to an {@link yfiles.graph.ILabelOwner}.
+       * <p>
+       * Implementations of this method can set the {@link yfiles.graph.ILabel#style}, {@link yfiles.graph.ILabel#layoutParameter}, {@link yfiles.graph.ILabel#preferredSize}, and {@link yfiles.graph.ITagOwner#tag} for newly-added labels by setting the appropriate properties on
+       * <code>args</code>.
+       * </p>
+       * <p>
+       * Setting the {@link yfiles.input.LabelEditingEventArgs#cancel} property on <code>args</code> to <code>true</code> will disallow label creation.
+       * </p>
+       * @param evt The original event arguments.
+       * @see yfiles.input.IEditLabelHelper#onLabelEditing
+       * @abstract
        */
-      static LOST_CAPTURE_SECONDARY:(eventSource:Object,evt:yfiles.lang.EventArgs)=>boolean;
+      onLabelAdding(evt:yfiles.input.LabelEditingEventArgs):void;
       /**
-       * An event recognizer that identifies touch movements of the primary device.
-       * @const
-       * @static
-       * @type {function(Object, yfiles.lang.EventArgs): boolean}
+       * Helper method that will be called when trying to edit a label.
+       * <p>
+       * This method can be called for editing labels for an {@link yfiles.graph.ILabelOwner}, in which case the {@link yfiles.input.LabelEditingEventArgs#label} property on <code>args</code> will
+       * be <code>null</code>, but the {@link yfiles.input.LabelEditingEventArgs#owner} property will be non-<code>null</code>. It can also be called for editing a specific label, in which case the {@link yfiles.input.LabelEditingEventArgs#label}
+       * property on <code>args</code> will be non-<code>null</code>, and the {@link yfiles.input.LabelEditingEventArgs#owner} property will be set to the label's owner.
+       * </p>
+       * <p>
+       * Implementations of this method can set a specific label to be edited, by setting the {@link yfiles.input.LabelEditingEventArgs#label} property of the <code>args</code> to an
+       * existing label instance. This label does not need to belong to the same owner that is queried for. Setting the {@link yfiles.input.LabelEditingEventArgs#label} property
+       * to <code>null</code> will not edit an existing label, but instead add a new one on the {@link yfiles.graph.ILabelOwner} set in the {@link yfiles.input.LabelEditingEventArgs#owner}
+       * property.
+       * </p>
+       * <p>
+       * When a new label is added, the properties {@link yfiles.input.LabelEditingEventArgs#style}, {@link yfiles.input.LabelEditingEventArgs#layoutParameter}, {@link yfiles.input.LabelEditingEventArgs#preferredSize}, and {@link yfiles.input.LabelEditingEventArgs#tag} are used for the newly-created label, just as in
+       * {@link yfiles.input.IEditLabelHelper#onLabelAdding}.
+       * </p>
+       * <p>
+       * Setting the {@link yfiles.input.LabelEditingEventArgs#cancel} property on <code>args</code> to <code>true</code> will disallow label editing and creation.
+       * </p>
+       * @param evt The original event arguments.
+       * @see yfiles.input.IEditLabelHelper#onLabelAdding
+       * @abstract
        */
-      static TOUCH_DOWN_PRIMARY:(eventSource:Object,evt:yfiles.lang.EventArgs)=>boolean;
+      onLabelEditing(evt:yfiles.input.LabelEditingEventArgs):void;
+    }
+    var IEditLabelHelper:{
+      $class:yfiles.lang.Class;
+      isInstance(o:Object):boolean;
+    };
+    /**
+     * Provides the snap lines and the snap results to the {@link yfiles.input.LabelSnapContext} during dragging of labels.
+     * @see yfiles.input.LabelSnapContext
+     * @see yfiles.graph.LabelDecorator#labelSnapContextHelperDecorator
+     * @interface
+     */
+    export interface ILabelSnapContextHelper extends Object{
       /**
-       * An event recognizer that identifies touch movements of the primary device.
-       * @const
-       * @static
-       * @type {function(Object, yfiles.lang.EventArgs): boolean}
+       * Called during {@link yfiles.input.IDragHandler#initializeDrag initialization} of a <code>label</code> dragging to add {@link yfiles.input.SnapLine snap lines} to which the label can potentially snap to the
+       * <code>snapContext</code>.
+       * @param snapContext The snap context which manages the snap lines and the settings. Note that implementations should not change the state of
+       * the context explicitly.
+       * @param inputModeContext The context of the input mode that handles the dragging.
+       * @param label The label that is dragged.
+       * @abstract
        */
-      static TOUCH_UP_PRIMARY:(eventSource:Object,evt:yfiles.lang.EventArgs)=>boolean;
+      addSnapLines(snapContext:yfiles.input.LabelSnapContext,inputModeContext:yfiles.input.IInputModeContext,label:yfiles.graph.ILabel):void;
       /**
-       * An event recognizer that identifies touch taps of the primary device.
-       * @const
-       * @static
-       * @type {function(Object, yfiles.lang.EventArgs): boolean}
+       * Called while the given <code>label</code> is {@link yfiles.input.IDragHandler#handleMove dragged} to add {@link yfiles.input.SnapResult snap results} for the {@link yfiles.input.SnapLine snap lines} provided by the <code>context</code>.
+       * @param context The snap context which manages the snap lines and the settings.
+       * @param evt The event argument to obtain the necessary information from and {@link #addSnapResult add results to}.
+       * @param suggestedLayout The {@link #layout layout} of the label that would be used without snapping.
+       * @param label The label that is dragged.
+       * @abstract
        */
-      static TOUCH_TAPPED_PRIMARY:(eventSource:Object,evt:yfiles.lang.EventArgs)=>boolean;
+      collectSnapResults(context:yfiles.input.LabelSnapContext,evt:yfiles.input.CollectSnapResultsEventArgs,suggestedLayout:yfiles.geometry.IOrientedRectangle,label:yfiles.graph.ILabel):void;
+    }
+    var ILabelSnapContextHelper:{
+      $class:yfiles.lang.Class;
+      isInstance(o:Object):boolean;
+    };
+    /**
+     * An interface used by implementations that provide various size constraints for {@link yfiles.graph.INode}s.
+     * <p><b>Related demos:</b></p>
+     * <ul>
+     * <li>Demo: SizeConstraintProvider, demo.yfiles.input.sizeconstraintprovider</li>
+     * </ul>
+     * @see yfiles.input.NodeSizeConstraintProvider
+     * @interface
+     */
+    export interface INodeSizeConstraintProvider extends Object{
       /**
-       * An event recognizer that identifies touch double-taps of the primary device.
-       * @const
-       * @static
-       * @type {function(Object, yfiles.lang.EventArgs): boolean}
+       * Returns the maximum size allowed for the given <code>node</code>.
+       * @param node The node to return the maximum size for.
+       * @returns The maximum size or {@link #INFINITE} if there is no constraint on the size.
+       * @abstract
        */
-      static TOUCH_DOUBLE_TAPPED_PRIMARY:(eventSource:Object,evt:yfiles.lang.EventArgs)=>boolean;
+      getMaximumSize(node:yfiles.graph.INode):yfiles.geometry.Size;
       /**
-       * An event recognizer that identifies touch multi-taps of the primary device.
-       * @const
-       * @static
-       * @type {function(Object, yfiles.lang.EventArgs): boolean}
+       * Returns the minimum area that needs to be enclosed by the given <code>node</code>.
+       * @param node The node to return the area for.
+       * @returns The area to enclose or {@link #EMPTY} if there is no constraint on the size due to an enclosed area.
+       * @abstract
        */
-      static TOUCH_MULTI_TAPPED_PRIMARY:(eventSource:Object,evt:yfiles.lang.EventArgs)=>boolean;
+      getMinimumEnclosedArea(node:yfiles.graph.INode):yfiles.geometry.Rect;
       /**
-       * An event recognizer that identifies when the primary device has left the control.
-       * @const
-       * @static
-       * @type {function(Object, yfiles.lang.EventArgs): boolean}
+       * Returns the minimum size allowed for the given <code>node</code>.
+       * @param node The node to return the minimum size for.
+       * @returns The minimum size or {@link #EMPTY} if there is no constraint on the size.
+       * @abstract
        */
-      static TOUCH_EXITED_PRIMARY:(eventSource:Object,evt:yfiles.lang.EventArgs)=>boolean;
+      getMinimumSize(node:yfiles.graph.INode):yfiles.geometry.Size;
+    }
+    var INodeSizeConstraintProvider:{
+      $class:yfiles.lang.Class;
+      isInstance(o:Object):boolean;
+    };
+    /**
+     * A simple default implementation of {@link yfiles.input.INodeSizeConstraintProvider}
+     * @class
+     * @implements {yfiles.input.INodeSizeConstraintProvider}
+     */
+    export interface NodeSizeConstraintProvider extends Object,yfiles.input.INodeSizeConstraintProvider{}
+    export class NodeSizeConstraintProvider {
       /**
-       * An event recognizer that identifies when the primary device has entered the control.
-       * @const
-       * @static
-       * @type {function(Object, yfiles.lang.EventArgs): boolean}
+       * Creates a new instance using the provided size instances as the initial values.
+       * <p>
+       * Not specifing the minimumEnclosedArea will set it to {@link yfiles.geometry.Rect#EMPTY}.
+       * </p>
+       * @param minimumSize The {@link #minimumSize}.
+       * @param maximumSize The {@link #maximumSize}.
+       * @param [minimumEnclosedArea=null] The {@link #minimumEnclosedArea}.
        */
-      static TOUCH_ENTERED_PRIMARY:(eventSource:Object,evt:yfiles.lang.EventArgs)=>boolean;
+      constructor(minimumSize:yfiles.geometry.ISize,maximumSize:yfiles.geometry.ISize,minimumEnclosedArea?:yfiles.geometry.IRectangle);
       /**
-       * An event recognizer that identifies long presses of the primary device.
-       * @const
-       * @static
-       * @type {function(Object, yfiles.lang.EventArgs): boolean}
+       * 
+       * @param node
+       * @returns 
        */
-      static TOUCH_LONG_PRESSED_PRIMARY:(eventSource:Object,evt:yfiles.lang.EventArgs)=>boolean;
+      getMaximumSize(node:yfiles.graph.INode):yfiles.geometry.Size;
       /**
-       * An event recognizer that identifies touch movements of the secondary device.
-       * @const
-       * @static
-       * @type {function(Object, yfiles.lang.EventArgs): boolean}
+       * 
+       * @param node
+       * @returns 
        */
-      static TOUCH_MOVED_SECONDARY:(eventSource:Object,evt:yfiles.lang.EventArgs)=>boolean;
+      getMinimumEnclosedArea(node:yfiles.graph.INode):yfiles.geometry.Rect;
       /**
-       * An event recognizer that identifies touch movements of the secondary device.
-       * @const
-       * @static
-       * @type {function(Object, yfiles.lang.EventArgs): boolean}
+       * 
+       * @param node
+       * @returns 
        */
-      static TOUCH_DOWN_SECONDARY:(eventSource:Object,evt:yfiles.lang.EventArgs)=>boolean;
+      getMinimumSize(node:yfiles.graph.INode):yfiles.geometry.Size;
       /**
-       * An event recognizer that identifies touch movements of the secondary device.
-       * @const
-       * @static
-       * @type {function(Object, yfiles.lang.EventArgs): boolean}
+       * Gets or sets the instance to return by {@link yfiles.input.NodeSizeConstraintProvider#getMaximumSize}.
+       * @type {yfiles.geometry.ISize}
        */
-      static TOUCH_UP_SECONDARY:(eventSource:Object,evt:yfiles.lang.EventArgs)=>boolean;
+      maximumSize:yfiles.geometry.ISize;
       /**
-       * An event recognizer that identifies touch taps of the secondary device.
-       * @const
-       * @static
-       * @type {function(Object, yfiles.lang.EventArgs): boolean}
+       * Gets or sets the instance to return by {@link yfiles.input.NodeSizeConstraintProvider#getMinimumEnclosedArea}.
+       * @type {yfiles.geometry.IRectangle}
        */
-      static TOUCH_TAPPED_SECONDARY:(eventSource:Object,evt:yfiles.lang.EventArgs)=>boolean;
+      minimumEnclosedArea:yfiles.geometry.IRectangle;
       /**
-       * An event recognizer that identifies touch double-taps of the secondary device.
-       * @const
-       * @static
-       * @type {function(Object, yfiles.lang.EventArgs): boolean}
+       * Gets or sets the instance to return by {@link yfiles.input.NodeSizeConstraintProvider#getMinimumSize}.
+       * @type {yfiles.geometry.ISize}
        */
-      static TOUCH_DOUBLE_TAPPED_SECONDARY:(eventSource:Object,evt:yfiles.lang.EventArgs)=>boolean;
-      /**
-       * An event recognizer that identifies touch multi-taps of the secondary device.
-       * @const
-       * @static
-       * @type {function(Object, yfiles.lang.EventArgs): boolean}
-       */
-      static TOUCH_MULTI_TAPPED_SECONDARY:(eventSource:Object,evt:yfiles.lang.EventArgs)=>boolean;
-      /**
-       * An event recognizer that identifies when the secondary device has left the control.
-       * @const
-       * @static
-       * @type {function(Object, yfiles.lang.EventArgs): boolean}
-       */
-      static TOUCH_EXITED_SECONDARY:(eventSource:Object,evt:yfiles.lang.EventArgs)=>boolean;
-      /**
-       * An event recognizer that identifies when the secondary device has entered the control.
-       * @const
-       * @static
-       * @type {function(Object, yfiles.lang.EventArgs): boolean}
-       */
-      static TOUCH_ENTERED_SECONDARY:(eventSource:Object,evt:yfiles.lang.EventArgs)=>boolean;
-      /**
-       * An event recognizer that identifies long presses of the secondary device.
-       * @const
-       * @static
-       * @type {function(Object, yfiles.lang.EventArgs): boolean}
-       */
-      static TOUCH_LONG_PRESSED_SECONDARY:(eventSource:Object,evt:yfiles.lang.EventArgs)=>boolean;
+      minimumSize:yfiles.geometry.ISize;
       static $class:yfiles.lang.Class;
     }
+    /**
+     * Interface used by {@link yfiles.input.OrthogonalEdgeEditingContext} and the like that can be decorated to the {@link yfiles.graph.ILookup}
+     * of {@link yfiles.graph.IEdge}s.
+     * <p>
+     * This interface is for editing edges in such a way that their path stays orthogonal, i.e. all of the segments are
+     * oriented either horizontally or vertically.
+     * </p>
+     * @see yfiles.input.OrthogonalEdgeEditingContext#getOrthogonalEdgeHelper
+     * @interface
+     */
+    export interface IOrthogonalEdgeHelper extends Object{
+      /**
+       * Callback method that is invoked after the provided edge has been edited orthogonally.
+       * <p>
+       * This callback can be used to remove unused bends and finalize the orthogonal edge editing gesture.
+       * </p>
+       * @param context The input mode context which edited the edge.
+       * @param graph The graph to use for modifying the edge instance.
+       * @param edge The edge to clean up the path.
+       * @abstract
+       */
+      cleanUpEdge(context:yfiles.input.IInputModeContext,graph:yfiles.graph.IGraph,edge:yfiles.graph.IEdge):void;
+      /**
+       * Gets the declared orientation of the given segment at the provided edge.
+       * <p>
+       * The orientation cannot always be inferred from the current geometry: If a segment has a zero length it is unclear what
+       * orientation it should have, also a segment could be accidentally orthogonally oriented, while in fact it is considered
+       * {@link yfiles.input.SegmentOrientation#NON_ORTHOGONAL}.
+       * </p>
+       * @param context The input mode context in which the orientation is needed.
+       * @param edge The edge to inspect.
+       * @param segmentIndex The index of the segment.
+       * @returns The declared orientation of the segment.
+       * @abstract
+       */
+      getSegmentOrientation(context:yfiles.input.IInputModeContext,edge:yfiles.graph.IEdge,segmentIndex:number):yfiles.input.SegmentOrientation;
+      /**
+       * Determines whether the provided edge should be edited orthogonally in the specified input mode context.
+       * <p>
+       * If this method returns <code>false</code>, the other methods will not be queried at all.
+       * </p>
+       * @param context The input mode context in which the edge is about to be edited.
+       * @param edge The edge to inspect.
+       * @returns <code>true</code> if the edge should be orthogonally edited in the specified input mode context; <code>false</code> otherwise.
+       * @abstract
+       */
+      shouldEditOrthogonally(context:yfiles.input.IInputModeContext,edge:yfiles.graph.IEdge):boolean;
+      /**
+       * Determines whether this end of the provided edge can be moved in the input mode context.
+       * <p>
+       * This information is required to determine whether an edge's first or last segment needs to be split or the adjacent edge
+       * end can be moved along with the other end of the segment.
+       * </p>
+       * @param context The input mode context in which the segment is edited.
+       * @param edge The edge to inspect.
+       * @param sourceEnd if set to <code>true</code> the source end of the edge is queried, otherwise the target end.
+       * @returns <code>true</code> if the end of the edge can be moved for the specified input mode context; <code>false</code> otherwise, in which case the
+       * corresponding segment needs to be split to keep the segment orientation orthogonal.
+       * @abstract
+       */
+      shouldMoveEndImplicitly(context:yfiles.input.IInputModeContext,edge:yfiles.graph.IEdge,sourceEnd:boolean):boolean;
+    }
+    var IOrthogonalEdgeHelper:{
+      $class:yfiles.lang.Class;
+      isInstance(o:Object):boolean;
+    };
+    /**
+     * Interface used for implementations that recognize, approve and disapprove node reparenting gestures, as well as actually
+     * performs the reparenting.
+     * <p>
+     * Implementations of this interface are queried from the {@link yfiles.input.IInputModeContext} by code that wants to reparent a
+     * node. Specifically this is used by default to reparent nodes during the {@link yfiles.input.MoveInputMode dragging of nodes}.
+     * </p>
+     * <p><b>Related demos:</b></p>
+     * <ul>
+     * <li>Demo: ReparentHandler, demo.yfiles.input.reparenthandler</li>
+     * </ul>
+     * @interface
+     */
+    export interface IReparentNodeHandler extends Object{
+      /**
+       * Determines whether the current gesture that can be determined through the context is a reparent gesture.
+       * @param context The context that provides information about the user input.
+       * @param node The node that will possibly be reparented.
+       * @returns Whether this is a reparenting gesture.
+       * @abstract
+       */
+      isReparentGesture(context:yfiles.input.IInputModeContext,node:yfiles.graph.INode):boolean;
+      /**
+       * Determines whether the provided node may be reparented to a <code>newParent</code>.
+       * @param context The context that provides information about the user input.
+       * @param node The node that will be reparented.
+       * @param newParent The potential new parent or <code>null</code>. Can be a group or a non-group node.
+       * @returns Whether <code>newParent</code> is a valid new parent for <code>node</code>.
+       * @abstract
+       */
+      isValidParent(context:yfiles.input.IInputModeContext,node:yfiles.graph.INode,newParent:yfiles.graph.INode):boolean;
+      /**
+       * Performs the actual reparenting after the reparent gesture has been finalized.
+       * <p>
+       * Implementations should {@link yfiles.graph.IGraph#setParent set the parent} of <code>node</code> to <code>newParent</code>.
+       * </p>
+       * @param context The context that provides information about the user input.
+       * @param node The node that will be reparented.
+       * @param newParent The potential new parent or <code>null</code>. Can be a group or a non-group node.
+       * @abstract
+       */
+      reparent(context:yfiles.input.IInputModeContext,node:yfiles.graph.INode,newParent:yfiles.graph.INode):void;
+      /**
+       * Determines whether the user may detach the given node from its current parent in order to reparent it.
+       * @param context The context that provides information about the user input.
+       * @param node The node that is about to be detached from its current parent.
+       * @returns Whether the node may be detached and reparented.
+       * @abstract
+       */
+      shouldReparent(context:yfiles.input.IInputModeContext,node:yfiles.graph.INode):boolean;
+    }
+    var IReparentNodeHandler:{
+      $class:yfiles.lang.Class;
+      isInstance(o:Object):boolean;
+    };
+    /**
+     * Queried by the {@link yfiles.input.GraphSnapContext} to add {@link yfiles.input.OrthogonalSnapLine}s to its collections during the
+     * {@link yfiles.input.SnapContext#isInitializing initialization phase}.
+     * <p>
+     * Implementations of this interface are queried by {@link yfiles.input.GraphSnapContext} for each item that is not modified during
+     * the edit using the {@link yfiles.graph.ILookup#lookup} of the respective item.
+     * </p>
+     * @see yfiles.graph.NodeDecorator#snapLineProviderDecorator
+     * @interface
+     */
+    export interface ISnapLineProvider extends Object{
+      /**
+       * Called by the {@link yfiles.input.GraphSnapContext} when a {@link yfiles.input.GraphSnapContext#initializeDrag drag} is about to start.
+       * @param context The context which holds the settings for the snap lines. Note that implementations should not change the state of the
+       * context explicitly.
+       * @param evt The argument to use for adding snap lines.
+       * @param item The item to add snap lines for.
+       * @abstract
+       */
+      addSnapLines(context:yfiles.input.GraphSnapContext,evt:yfiles.input.CollectGraphSnapLinesEventArgs,item:yfiles.graph.IModelItem):void;
+    }
+    var ISnapLineProvider:{
+      $class:yfiles.lang.Class;
+      isInstance(o:Object):boolean;
+    };
+    /**
+     * Provides data for the {@link yfiles.input.GraphInputMode#addItemClickedListener ItemClicked},
+     * {@link yfiles.input.GraphInputMode#addItemDoubleClickedListener ItemDoubleClicked},
+     * {@link yfiles.input.GraphInputMode#addItemLeftClickedListener ItemLeftClicked},
+     * {@link yfiles.input.GraphInputMode#addItemLeftDoubleClickedListener ItemLeftDoubleClicked}, {@link yfiles.input.GraphInputMode#addItemRightClickedListener ItemRightClicked}
+     * and {@link yfiles.input.GraphInputMode#addItemRightDoubleClickedListener ItemRightDoubleClicked} events.
+     * Type parameter <code>T</code>: The type of the item this event carries.
+     * @class
+     * @extends {yfiles.collections.ItemEventArgs.<T>}
+     * @template T
+     */
+    export interface ItemClickedEventArgs<T> extends yfiles.collections.ItemEventArgs<T>{}
+    export class ItemClickedEventArgs<T> {
+      /**
+       * Initializes a new instance of the {@link yfiles.input.ItemClickedEventArgs.<T>} class.
+       * @param item The item which is the subject of the event.
+       * @param location The location of the click.
+       */
+      constructor(item:T,location:yfiles.geometry.Point);
+      /**
+       * Gets or sets a value indicating whether this {@link yfiles.input.ItemClickedEventArgs.<T>} is handled.
+       * <p>
+       * Setting the event to handled indicates whether the event should be further propagated or whether there has not been any
+       * code that actively handled the event to the event source. How this flag is actually being treated depends on the source
+       * of the event.
+       * </p>
+       * @type {boolean}
+       */
+      handled:boolean;
+      /**
+       * Gets the location of the click.
+       * @type {yfiles.geometry.Point}
+       */
+      location:yfiles.geometry.Point;
+      static $class:yfiles.lang.Class;
+    }
+    /**
+     * An input mode for use in a {@link yfiles.view.GraphComponent} that fires events when the mouse enters or leaves the
+     * visualization of a {@link yfiles.graph.IModelItem graph item}.
+     * <p>
+     * This mode can be used to determine when the mouse is being moved from one item to the next.
+     * </p>
+     * <p>
+     * This mode is {@link yfiles.input.ItemHoverInputMode#exclusive} by default.
+     * </p>
+     * @class
+     * @implements {yfiles.input.IInputMode}
+     */
+    export interface ItemHoverInputMode extends Object,yfiles.input.IInputMode{}
+    export class ItemHoverInputMode {
+      /**
+       * Initializes a new instance of the {@link yfiles.input.ItemHoverInputMode} class.
+       */
+      constructor();
+      /**
+       * 
+       */
+      cancel():void;
+      /**
+       * Gets the items that have been hit at the given location.
+       * @param location The location in world coordinates to query.
+       * @returns An enumerable over all items that have been hit at the given location.
+       * @protected
+       */
+      getHitItemsAt(location:yfiles.geometry.Point):yfiles.collections.IEnumerable<yfiles.graph.IModelItem>;
+      /**
+       * Installs this mode into the given context that is provided by the canvas.
+       * <p>
+       * In general a mode can only be installed into a single canvas at all times.
+       * </p>
+       * <p>
+       * This method is called to initialize this instance. Subclasses should override this method to register the corresponding
+       * event handler delegates for the various input events they need to register with.
+       * </p>
+       * <p>
+       * Overriding implementations should call the base implementation, first.
+       * </p>
+       * @param context The context that this instance shall be installed into. The same instance will be passed to this instance during
+       * {@link #uninstall}. A reference to the context may be kept and queried during the time the mode is
+       * installed.
+       * @param controller The {@link #controller} for this mode.
+       * @see yfiles.input.IInputMode#uninstall
+       */
+      install(context:yfiles.input.IInputModeContext,controller:yfiles.input.ConcurrencyController):void;
+      /**
+       * Determines whether the given item is a valid item to be considered for hovering.
+       * <p>
+       * This implementation checks whether the item is covered by the {@link yfiles.input.ItemHoverInputMode#hoverItems} set, only.
+       * </p>
+       * @param item The item to check.
+       * @returns <code>true</code> if it is valid to report a hover over the specified item; <code>false</code> otherwise.
+       * @see yfiles.input.ItemHoverInputMode#discardInvalidItems
+       * @protected
+       */
+      isValidHoverItem(item:yfiles.graph.IModelItem):boolean;
+      /**
+       * Called after {@link yfiles.input.ItemHoverInputMode#cancel} has been called.
+       * <p>
+       * Can be overridden in subclasses to perform additional actions after the mode has been canceled.
+       * </p>
+       * <p>
+       * This implementation does nothing.
+       * </p>
+       * @protected
+       */
+      onCanceled():void;
+      /**
+       * Called after the {@link yfiles.input.ConcurrencyController#active} property of the installed {@link yfiles.input.ConcurrencyController} has been set to <code>true</code>.
+       * <p>
+       * Can be overridden in subclasses to perform additional actions after the mode has been activated.
+       * </p>
+       * <p>
+       * Overriding implementations should call the base implementation.
+       * </p>
+       * @protected
+       */
+      onConcurrencyControllerActivated():void;
+      /**
+       * Called after the {@link yfiles.input.ConcurrencyController#active} property of the installed {@link yfiles.input.ConcurrencyController} has been set to <code>false</code>.
+       * <p>
+       * Can be overridden in subclasses to perform additional actions after the mode has been deactivated.
+       * </p>
+       * <p>
+       * Overriding implementations should call the base implementation.
+       * </p>
+       * @protected
+       */
+      onConcurrencyControllerDeactivated():void;
+      /**
+       * Raises the {@link yfiles.input.ItemHoverInputMode#addHoveredItemChangedListener HoveredItemChanged} event.
+       * @param evt The {@link } instance containing the event data.
+       * @protected
+       */
+      onHoveredItemChanged(evt:yfiles.input.HoveredItemChangedEventArgs):void;
+      /**
+       * Called after {@link yfiles.input.ItemHoverInputMode#tryStop} has been called.
+       * <p>
+       * Can be overridden in subclasses to perform additional actions after the mode has been stopped.
+       * </p>
+       * <p>
+       * This implementation does nothing.
+       * </p>
+       * @protected
+       */
+      onStopped():void;
+      /**
+       * Overridden to only return <code>true</code> if this instance does not currently {@link yfiles.input.ConcurrencyController#hasMutex have the input mutex}.
+       * @returns <code>true</code> iff this instance does not {@link #hasMutex own the mutex}.
+       */
+      tryStop():boolean;
+      /**
+       * Uninstalls this mode from the given context.
+       * <p>
+       * This code should clean up all changes made to the canvas in the {@link yfiles.input.IInputMode#install} method. After a mode has
+       * been uninstalled it can be installed again into the same or another canvas.
+       * </p>
+       * <p>
+       * Overriding implementations should call the base implementation after their own code.
+       * </p>
+       * @param context The context to deregister from. This is the same instance that had been passed to {@link #install} during
+       * installation.
+       */
+      uninstall(context:yfiles.input.IInputModeContext):void;
+      /**
+       * Forces a reevaluation of the item that the mouse is currently hovering over or at a specific location.
+       * <p>
+       * This method may be called by code that is aware of the fact that the visualization has changed, but the mouse may not
+       * have been moved. By default this implementation will only re-query the items at the mouse location when the mouse has
+       * moved. This method can be called to force a reevaluation in other cases.
+       * </p>
+       * @param [location=null] The query location.
+       */
+      updateHover(location?:yfiles.geometry.Point):void;
+      /**
+       * 
+       * @type {number}
+       */
+      priority:number;
+      /**
+       * Gets or sets a value indicating whether this mode will be the only one running when it has the mutex.
+       * <p>
+       * The value of this property will be delegated to the {@link yfiles.input.ConcurrencyController#exclusive} property of the {@link yfiles.input.ItemHoverInputMode#controller}.
+       * </p>
+       * <p>
+       * If this mode is marked as exclusive and has the mutex, all other modes {@link yfiles.input.MultiplexingInputMode#add added} to the same {@link yfiles.input.MultiplexingInputMode}
+       * will be deactivated. Otherwise it will always run concurrently with all other modes.
+       * </p>
+       * @type {boolean}
+       */
+      exclusive:boolean;
+      /**
+       * Gets or sets the enabled state of this input mode.
+       * <p>
+       * Clients can use this property to disable or reenable this instance. This will set the {@link yfiles.input.ConcurrencyController#enabled Enabled} property of the installed
+       * {@link yfiles.input.ItemHoverInputMode#controller} so a disabled instance should never try to acquire the input mutex.
+       * </p>
+       * @type {boolean}
+       */
+      enabled:boolean;
+      /**
+       * 
+       * @type {yfiles.input.IInputModeContext}
+       */
+      inputModeContext:yfiles.input.IInputModeContext;
+      /**
+       * Returns the installed {@link yfiles.input.ItemHoverInputMode#controller}.
+       * @protected
+       * @type {yfiles.input.ConcurrencyController}
+       */
+      controller:yfiles.input.ConcurrencyController;
+      /**
+       * Adds the given listener for the <code>HoveredItemChanged</code> event that occurs when the item that is being hovered over with the
+       * mouse changes.
+       * <p>
+       * This event is also fired when the mouse pointer leaves an item.
+       * </p>
+       * @param listener The listener to add.
+       * @see yfiles.input.ItemHoverInputMode#removeHoveredItemChangedListener
+       */
+      addHoveredItemChangedListener(listener:(sender:Object,evt:yfiles.input.HoveredItemChangedEventArgs)=>void):void;
+      /**
+       * Removes the given listener for the <code>HoveredItemChanged</code> event that occurs when the item that is being hovered over with
+       * the mouse changes.
+       * <p>
+       * This event is also fired when the mouse pointer leaves an item.
+       * </p>
+       * @param listener The listener to remove.
+       * @see yfiles.input.ItemHoverInputMode#addHoveredItemChangedListener
+       */
+      removeHoveredItemChangedListener(listener:(sender:Object,evt:yfiles.input.HoveredItemChangedEventArgs)=>void):void;
+      /**
+       * Gets the current item the mouse is hovering over.
+       * @type {yfiles.graph.IModelItem}
+       */
+      currentHoverItem:yfiles.graph.IModelItem;
+      /**
+       * Gets or sets which graph items are considered by this input mode.
+       * <p>
+       * The default is {@link yfiles.graph.GraphItemTypes#ALL}.
+       * </p>
+       * @type {yfiles.graph.GraphItemTypes}
+       */
+      hoverItems:yfiles.graph.GraphItemTypes;
+      /**
+       * Gets or sets the cursor to use when the mouse is hovering over a {@link yfiles.input.ItemHoverInputMode#isValidHoverItem} valid
+       * hover item.
+       * @type {yfiles.view.Cursor}
+       */
+      hoverCursor:yfiles.view.Cursor;
+      /**
+       * Determines whether items that have been hit at the current location that are not {@link yfiles.input.ItemHoverInputMode#isValidHoverItem valid items} should be ignored or
+       * reported as <code>null</code>.
+       * @see yfiles.input.ItemHoverInputMode#isValidHoverItem
+       * @type {boolean}
+       */
+      discardInvalidItems:boolean;
+      static $class:yfiles.lang.Class;
+    }
+    /**
+     * Event argument class containing information about which {@link yfiles.graph.IModelItem} the mouse is currently hovering over.
+     * <p>
+     * This event is used by the {@link yfiles.input.ItemHoverInputMode#addHoveredItemChangedListener HoveredItemChanged}
+     * event. The {@link yfiles.collections.ItemEventArgs.<T>#item} property yields the item that is currently being hovered over or <code>null</code> if the mouse just left an item without
+     * hovering over an other one. The {@link yfiles.input.HoveredItemChangedEventArgs#oldItem} property provides the previously hovered item.
+     * </p>
+     * @class
+     * @extends {yfiles.collections.ItemEventArgs.<yfiles.graph.IModelItem>}
+     */
+    export interface HoveredItemChangedEventArgs extends yfiles.collections.ItemEventArgs<yfiles.graph.IModelItem>{}
+    export class HoveredItemChangedEventArgs {
+      /**
+       * Initializes a new instance of the {@link yfiles.input.HoveredItemChangedEventArgs} class.
+       * @param item The model item, possibly <code>null</code>.
+       * @param oldItem The old item, possibly <code>null</code>.
+       */
+      constructor(item:yfiles.graph.IModelItem,oldItem:yfiles.graph.IModelItem);
+      /**
+       * The item that was previously hovered, possibly <code>null</code>.
+       * @see yfiles.collections.ItemEventArgs.<T>#item
+       * @type {yfiles.graph.IModelItem}
+       */
+      oldItem:yfiles.graph.IModelItem;
+      static $class:yfiles.lang.Class;
+    }
+    /**
+     * Event arguments for the {@link yfiles.input.GraphEditorInputMode#addLabelAddingListener LabelAdding} and {@link yfiles.input.GraphEditorInputMode#addLabelEditingListener LabelEditing}
+     * events, as well as the {@link yfiles.input.IEditLabelHelper} interface.
+     * @class
+     * @extends {yfiles.input.InputModeEventArgs}
+     * @final
+     */
+    export interface LabelEditingEventArgs extends yfiles.input.InputModeEventArgs{}
+    export class LabelEditingEventArgs {
+      /**
+       * Initializes a new instance of the {@link yfiles.input.LabelEditingEventArgs} class with the given context, owner, and label.
+       * @param context The input mode context to use.
+       * @param owner The {@link } whose label should be edited.
+       * @param label The {@link } that should be edited.
+       */
+      constructor(context:yfiles.input.IInputModeContext,owner:yfiles.graph.ILabelOwner,label:yfiles.graph.ILabel);
+      /**
+       * Gets or sets the label to edit.
+       * <p>
+       * This can be set to an exiting label to edit a specific one, or set to <code>null</code> to add a new label instead (e.g. for
+       * {@link yfiles.graph.ILabelOwner}s that have no label yet).
+       * </p>
+       * <p>
+       * If this property is set to <code>null</code>, the properties {@link yfiles.input.LabelEditingEventArgs#style}, {@link yfiles.input.LabelEditingEventArgs#preferredSize}, {@link yfiles.input.LabelEditingEventArgs#layoutParameter}, and {@link yfiles.input.LabelEditingEventArgs#tag} are used for the newly-added label, just like with
+       * {@link yfiles.input.LabelEditingEventArgs}.
+       * </p>
+       * <p>
+       * Setting this property implicitly also sets {@link yfiles.input.LabelEditingEventArgs#handled} to <code>true</code>.
+       * </p>
+       * @type {yfiles.graph.ILabel}
+       */
+      label:yfiles.graph.ILabel;
+      /**
+       * Gets or sets a value indicating whether the action (adding or editing a label) should be canceled.
+       * <p>
+       * Setting this property implicitly also sets {@link yfiles.input.LabelEditingEventArgs#handled} to <code>true</code>.
+       * </p>
+       * @type {boolean}
+       */
+      cancel:boolean;
+      /**
+       * Gets or sets a value indicating whether this event has been handled.
+       * <p>
+       * A handled instance of {@link yfiles.input.LabelEditingEventArgs} will not be passed to further event handlers or an {@link yfiles.input.IEditLabelHelper}
+       * instance.
+       * </p>
+       * <p>
+       * Setting any of the other properties implicitly also sets this to <code>true</code>.
+       * </p>
+       * @type {boolean}
+       */
+      handled:boolean;
+      /**
+       * Gets or sets the owner of the label.
+       * <p>
+       * This property can be <code>null</code> if there is no owner known, e.g. if the event is raised for
+       * non-{@link yfiles.graph.ILabelOwner}s. Otherwise it is initially set to the item for which the event is raised.
+       * </p>
+       * <p>
+       * Setting this property implicitly also sets {@link yfiles.input.LabelEditingEventArgs#handled} to <code>true</code>.
+       * </p>
+       * @type {yfiles.graph.ILabelOwner}
+       */
+      owner:yfiles.graph.ILabelOwner;
+      /**
+       * Gets or sets the {@link yfiles.graph.ILabel#style} of the label to add.
+       * <p>
+       * Setting this property implicitly also sets {@link yfiles.input.LabelEditingEventArgs#handled} to <code>true</code>.
+       * </p>
+       * @type {yfiles.styles.ILabelStyle}
+       */
+      style:yfiles.styles.ILabelStyle;
+      /**
+       * Gets or sets the {@link yfiles.graph.ILabel#preferredSize} of the label to add.
+       * <p>
+       * Setting this property implicitly also sets {@link yfiles.input.LabelEditingEventArgs#handled} to <code>true</code>.
+       * </p>
+       * @type {yfiles.geometry.Size}
+       */
+      preferredSize:yfiles.geometry.Size;
+      /**
+       * Gets or sets the {@link yfiles.graph.ILabel#layoutParameter} of the label to add.
+       * <p>
+       * Setting this property implicitly also sets {@link yfiles.input.LabelEditingEventArgs#handled} to <code>true</code>.
+       * </p>
+       * @type {yfiles.graph.ILabelModelParameter}
+       */
+      layoutParameter:yfiles.graph.ILabelModelParameter;
+      /**
+       * Gets or sets the {@link yfiles.graph.ITagOwner#tag} of the label to add.
+       * <p>
+       * Setting this property implicitly also sets {@link yfiles.input.LabelEditingEventArgs#handled} to <code>true</code>.
+       * </p>
+       * @type {Object}
+       */
+      tag:Object;
+      /**
+       * Configures the {@link yfiles.input.TextEditorInputMode} for editing the provided label instance.
+       * <p>
+       * Setting this property implicitly also sets {@link yfiles.input.LabelEditingEventArgs#handled} to <code>true</code>.
+       * </p>
+       * @type {function(yfiles.input.IInputModeContext, yfiles.input.TextEditorInputMode, yfiles.graph.ILabel): void}
+       */
+      textEditorInputModeConfigurator:(context:yfiles.input.IInputModeContext,mode:yfiles.input.TextEditorInputMode,label:yfiles.graph.ILabel)=>void;
+      static $class:yfiles.lang.Class;
+    }
+    /**
+     * Manages interactive snapping of {@link yfiles.graph.ILabel}s to their owner during drag operations like movements.
+     * <p>
+     * This class provides a set of properties to customize the snapping behavior. {@link yfiles.input.IPositionHandler}
+     * implementations and similar classes can use the following idiom to get an instance of this class:
+     * </p>
+     * <p><b>Related demos:</b></p>
+     * <ul>
+     * <li>Tutorial: 01 Getting Started, step 15 Snapping</li>
+     * </ul>
+     * @see yfiles.input.MoveLabelInputMode
+     * @see yfiles.input.GraphEditorInputMode#snapContext
+     * @class
+     * @extends {yfiles.input.SnapContext}
+     */
+    export interface LabelSnapContext extends yfiles.input.SnapContext{}
+    export class LabelSnapContext {
+      /**
+       * Initializes a new instance of the {@link yfiles.input.LabelSnapContext} class.
+       */
+      constructor();
+      /**
+       * Adds the given <code>snapLine</code> to the {@link yfiles.input.LabelSnapContext#snapLines snap line} collection of this context.
+       * @param snapLine The snap line to add.
+       * @see yfiles.input.GraphSnapContext#additionalSnapLines
+       */
+      addSnapLine(snapLine:yfiles.input.SnapLine):void;
+      /**
+       * Raises the {@link yfiles.input.LabelSnapContext#addCollectSnapLinesListener CollectSnapLines} event.
+       * @param evt The {@link } instance containing the event data.
+       * @protected
+       */
+      onCollectSnapLines(evt:yfiles.input.CollectLabelSnapLineEventArgs):void;
+      /**
+       * Determines whether this instance should collect snap lines for the initial position of a label.
+       * <p>
+       * The default is <code>true</code>.
+       * </p>
+       * @default true
+       * @type {boolean}
+       */
+      collectInitialLocationSnapLines:boolean;
+      /**
+       * Determines whether this instance should collect six snap lines, two through the center and four through the border sides
+       * of the label owner.
+       * <p>
+       * The default is <code>true</code>.
+       * </p>
+       * @default true
+       * @type {boolean}
+       */
+      collectNodeShapeSnapLines:boolean;
+      /**
+       * Determines whether this instance should collect four snap lines in parallel to the owner's borders at the initial label
+       * distance.
+       * <p>
+       * Note that the label snaps to these snap lines with the side that is closer to the node's border. That way, snapping to
+       * such a snap line preserves the perceived distance from the node border for both labels inside and outside the node
+       * bounds.
+       * </p>
+       * <p>
+       * The default is <code>true</code>.
+       * </p>
+       * @default true
+       * @type {boolean}
+       */
+      collectOwnNodeDistanceSnapLines:boolean;
+      /**
+       * Determines whether this instance should collect snap lines in parallel to the border of the label owner at the distance
+       * of other node labels of that owner.
+       * <p>
+       * Note that the label snaps to these snap lines with the side that is closer to the node's border. That way, snapping to
+       * such a snap line preserves the perceived distance from the node border for both labels inside and outside the node
+       * bounds.
+       * </p>
+       * <p>
+       * The default is <code>true</code>.
+       * </p>
+       * @default true
+       * @type {boolean}
+       */
+      collectSameOwnerNodeDistanceSnapLines:boolean;
+      /**
+       * Determines whether this instance should collect snap lines in parallel to the border of the label owner at the distance
+       * of other node labels in the graph.
+       * <p>
+       * Note that the label snaps to these snap lines with the side that is closer to the node's border. That way, snapping to
+       * such a snap line preserves the perceived distance from the node border for both labels inside and outside the node
+       * bounds.
+       * </p>
+       * <p>
+       * The default is <code>false</code>.
+       * </p>
+       * @default false
+       * @type {boolean}
+       */
+      collectAllNodeDistanceSnapLines:boolean;
+      /**
+       * Determines whether this instance should collect snap lines on the edge path.
+       * <p>
+       * The default is <code>true</code>.
+       * </p>
+       * @default true
+       * @type {boolean}
+       */
+      collectEdgePathSnapLines:boolean;
+      /**
+       * Determines whether this instance should collect two snap lines in parallel to the edge path of the label owner at the
+       * initial distance of the edge label.
+       * <p>
+       * The default is <code>true</code>.
+       * </p>
+       * @default true
+       * @type {boolean}
+       */
+      collectOwnEdgeDistanceSnapLines:boolean;
+      /**
+       * Determines whether this instance should collect snap lines in parallel to the edge path of the label owner at the
+       * distances of all edge labels of that owner.
+       * <p>
+       * The default is <code>true</code>.
+       * </p>
+       * @default true
+       * @type {boolean}
+       */
+      collectSameOwnerEdgeDistanceSnapLines:boolean;
+      /**
+       * Determines whether this instance should collect snap lines in parallel to the edge path of the label owner at the
+       * distance of other edge labels in the graph.
+       * <p>
+       * The default is <code>false</code>.
+       * </p>
+       * @default false
+       * @type {boolean}
+       */
+      collectAllEdgeDistanceSnapLines:boolean;
+      /**
+       * Specifies whether this context will automatically snap the node labels to snap lines.
+       * <p>
+       * The default is <code>true</code>.
+       * </p>
+       * @default true
+       * @type {boolean}
+       */
+      snapNodeLabels:boolean;
+      /**
+       * Specifies whether this context will automatically snap the edge labels to snap lines.
+       * <p>
+       * The default is <code>true</code>.
+       * </p>
+       * @default true
+       * @type {boolean}
+       */
+      snapEdgeLabels:boolean;
+      /**
+       * Gets or sets the amount by which snap lines that are induced by existing edge segments are being extended.
+       * <p>
+       * The default is <code>40.0d</code>, this value will be used to prolongate the ends of the snap lines.
+       * </p>
+       * @default 40.0
+       * @type {number}
+       */
+      snapLineExtension:number;
+      /**
+       * The collection of the {@link yfiles.input.SnapLine snap lines} that have been {@link yfiles.input.LabelSnapContext#addSnapLine added} to this context.
+       * <p>
+       * This collection is only available if {@link yfiles.input.SnapContext#isInitialized} is <code>true</code>.
+       * </p>
+       * @see yfiles.input.LabelSnapContext#addSnapLine
+       * @type {yfiles.collections.IEnumerable.<yfiles.input.SnapLine>}
+       */
+      snapLines:yfiles.collections.IEnumerable<yfiles.input.SnapLine>;
+      /**
+       * Adds the given listener for the <code>CollectSnapLines</code> event that occurs every time this instance has been {@link yfiles.input.SnapContext#dragInitialized initialized} to
+       * collect {@link yfiles.input.SnapLine}s.
+       * <p>
+       * Event handlers should add snap lines to the caller using the methods provided by
+       * {@link yfiles.input.CollectLabelSnapLineEventArgs}.
+       * </p>
+       * @param listener The listener to add.
+       * @see yfiles.input.LabelSnapContext#removeCollectSnapLinesListener
+       */
+      addCollectSnapLinesListener(listener:(sender:Object,evt:yfiles.input.CollectLabelSnapLineEventArgs)=>void):void;
+      /**
+       * Removes the given listener for the <code>CollectSnapLines</code> event that occurs every time this instance has been {@link yfiles.input.SnapContext#dragInitialized initialized} to
+       * collect {@link yfiles.input.SnapLine}s.
+       * <p>
+       * Event handlers should add snap lines to the caller using the methods provided by
+       * {@link yfiles.input.CollectLabelSnapLineEventArgs}.
+       * </p>
+       * @param listener The listener to remove.
+       * @see yfiles.input.LabelSnapContext#addCollectSnapLinesListener
+       */
+      removeCollectSnapLinesListener(listener:(sender:Object,evt:yfiles.input.CollectLabelSnapLineEventArgs)=>void):void;
+      static $class:yfiles.lang.Class;
+    }
+    /**
+     * The event arguments used by {@link yfiles.input.LabelSnapContext} to collect custom snap lines for each drag.
+     * @see yfiles.input.LabelSnapContext#addCollectSnapLinesListener
+     * @class
+     * @extends {yfiles.input.InputModeEventArgs}
+     */
+    export interface CollectLabelSnapLineEventArgs extends yfiles.input.InputModeEventArgs{}
+    export class CollectLabelSnapLineEventArgs {
+      /**
+       * Creates a new instance of this class.
+       * @param context The context this event is being used in.
+       * @param snapLines The snap lines collection to add to.
+       */
+      constructor(context:yfiles.input.IInputModeContext,snapLines:yfiles.collections.ICollection<yfiles.input.SnapLine>);
+      /**
+       * Adds the given snap line to the snap line collection of this class.
+       * @param snapLine the snap line to add.
+       */
+      addSnapLine(snapLine:yfiles.input.OrthogonalSnapLine):void;
+      static $class:yfiles.lang.Class;
+    }
+    /**
+     * An {@link yfiles.input.IInputMode} that can {@link yfiles.input.NavigationInputMode#moveTo navigate} an {@link yfiles.graph.IGraph} displayed in a {@link yfiles.input.NavigationInputMode#graphComponent}.
+     * <p>
+     * This mode is {@link yfiles.input.NavigationInputMode#exclusive} by default.
+     * </p>
+     * @class
+     * @implements {yfiles.input.IInputMode}
+     */
+    export interface NavigationInputMode extends Object,yfiles.input.IInputMode{}
+    export class NavigationInputMode {
+      /**
+       * Initializes a new instance of the {@link yfiles.input.NavigationInputMode} class.
+       */
+      constructor();
+      /**
+       * Callback that adjusts the {@link yfiles.view.CanvasComponent#contentRect} to encompass all elements.
+       * <p>
+       * This implementation will try to delegate to {@link yfiles.input.GraphEditorInputMode#adjustContentRect} if it can find the {@link yfiles.input.GraphEditorInputMode}
+       * in the {@link yfiles.input.NavigationInputMode#inputModeContext}, otherwise the {@link yfiles.input.ICommand#FIT_GRAPH_BOUNDS} is executed.
+       * </p>
+       * @protected
+       */
+      adjustContentRect():void;
+      /**
+       * Adjust the group node location according to the value of {@link yfiles.input.NavigationInputMode#autoGroupNodeAlignmentPolicy}.
+       * @param collapse <code>true</code> iff the node has just been collapsed.
+       * @param groupNode The node that has changed its state.
+       * @protected
+       */
+      adjustGroupNodeLocation(collapse:boolean,groupNode:yfiles.graph.INode):void;
+      /**
+       * 
+       */
+      cancel():void;
+      /**
+       * Clears the selection in the {@link yfiles.input.NavigationInputMode#graphComponent}.
+       */
+      clearSelection():void;
+      /**
+       * {@link yfiles.graph.IFoldingView#collapse Collapses} the given group node to hide the contents of the group node from this {@link yfiles.graph.IFoldingView}.
+       * @param groupNode The group node to collapse.
+       * @see yfiles.graph.FoldingManager
+       * @see yfiles.input.NavigationInputMode#allowCollapseGroup
+       */
+      collapseGroup(groupNode:yfiles.graph.INode):void;
+      /**
+       * Performs CollapseGroup for all {@link yfiles.view.IGraphSelection#selectedNodes}.
+       */
+      collapseSelection():void;
+      /**
+       * This method allows for entering a group node so that the currently displayed {@link yfiles.graph.IFoldingView}'s {@link yfiles.graph.IFoldingView#localRoot} will be reset
+       * to the provided node.
+       * <p>
+       * It is possible to both use a local group node that is part of the currently displayed {@link yfiles.input.NavigationInputMode#graph} as the <code>node</code> argument, as well as
+       * an item that belongs to the {@link yfiles.graph.FoldingManager#masterGraph} to allow for switching to group nodes which are currently not being displayed in this
+       * view.
+       * </p>
+       * @param node The node that needs to be either part of the current graph, or part of the {@link #masterGraph}.
+       * @see yfiles.input.NavigationInputMode#shouldEnterGroup
+       * @see yfiles.input.NavigationInputMode#allowEnterGroup
+       * @see yfiles.graph.FoldingManager
+       */
+      enterGroup(node:yfiles.graph.INode):void;
+      /**
+       * Performs {@link yfiles.input.NavigationInputMode#enterGroup} for the first valid {@link yfiles.view.IGraphSelection#selectedNodes}.
+       */
+      enterSelectedGroup():void;
+      /**
+       * Exits the current {@link yfiles.graph.IFoldingView#localRoot} of the currently displayed {@link yfiles.graph.IFoldingView view} and shows the contents of the parent container.
+       * <p>
+       * This method will also {@link yfiles.input.GraphInputMode#clearSelection clear the selection} and {@link yfiles.input.GraphInputMode#setSelected select} the exited group node.
+       * </p>
+       * @see yfiles.graph.FoldingManager
+       * @see yfiles.input.NavigationInputMode#allowExitGroup
+       * @see yfiles.input.NavigationInputMode#shouldExitGroup
+       */
+      exitGroup():void;
+      /**
+       * {@link yfiles.graph.IFoldingView#expand Expands} the given group node to show the contents of the collapsed group node in this {@link yfiles.graph.IFoldingView}.
+       * @param groupNode The group node to expand
+       * @see yfiles.graph.FoldingManager
+       * @see yfiles.input.NavigationInputMode#allowExpandGroup
+       */
+      expandGroup(groupNode:yfiles.graph.INode):void;
+      /**
+       * Performs {@link yfiles.input.NavigationInputMode#expandGroup} for all {@link yfiles.view.IGraphSelection#selectedNodes}.
+       */
+      expandSelection():void;
+      /**
+       * Moves the focus into the given direction, extending the selection to the new element.
+       * @param direction The direction to move the focus and extend the selection.
+       */
+      extendSelectionTo(direction:yfiles.input.MoveFocusDirection):void;
+      /**
+       * Installs this mode into the given context that is provided by the canvas.
+       * <p>
+       * In general a mode can only be installed into a single canvas at all times.
+       * </p>
+       * <p>
+       * This method is called to initialize this instance. Subclasses should override this method to register the corresponding
+       * event handler delegates for the various input events they need to register with.
+       * </p>
+       * <p>
+       * Overriding implementations should call the base implementation, first.
+       * </p>
+       * @param context The context that this instance shall be installed into. The same instance will be passed to this instance during
+       * {@link #uninstall}. A reference to the context may be kept and queried during the time the mode is
+       * installed.
+       * @param controller The {@link #controller} for this mode.
+       * @see yfiles.input.IInputMode#uninstall
+       */
+      install(context:yfiles.input.IInputModeContext,controller:yfiles.input.ConcurrencyController):void;
+      /**
+       * Moves the focus into the given direction, not changing the current selection.
+       * @param direction The direction to move the focus.
+       */
+      moveFocusTo(direction:yfiles.input.MoveFocusDirection):void;
+      /**
+       * Moves the focus into the given direction, setting the selection to the new element.
+       * @param direction The direction to move the focus and selection.
+       */
+      moveTo(direction:yfiles.input.MoveFocusDirection):void;
+      /**
+       * Called after {@link yfiles.input.NavigationInputMode#cancel} has been called.
+       * <p>
+       * Can be overridden in subclasses to perform additional actions after the mode has been canceled.
+       * </p>
+       * <p>
+       * This implementation does nothing.
+       * </p>
+       * @protected
+       */
+      onCanceled():void;
+      /**
+       * Called after the {@link yfiles.input.ConcurrencyController#active} property of the installed {@link yfiles.input.ConcurrencyController} has been set to <code>true</code>.
+       * <p>
+       * Can be overridden in subclasses to perform additional actions after the mode has been activated.
+       * </p>
+       * <p>
+       * Overriding implementations should call the base implementation.
+       * </p>
+       * @protected
+       */
+      onConcurrencyControllerActivated():void;
+      /**
+       * Called after the {@link yfiles.input.ConcurrencyController#active} property of the installed {@link yfiles.input.ConcurrencyController} has been set to <code>false</code>.
+       * <p>
+       * Can be overridden in subclasses to perform additional actions after the mode has been deactivated.
+       * </p>
+       * <p>
+       * Overriding implementations should call the base implementation.
+       * </p>
+       * @protected
+       */
+      onConcurrencyControllerDeactivated():void;
+      /**
+       * Raises the {@link yfiles.input.NavigationInputMode#addGroupCollapsedListener GroupCollapsed} event.
+       * @param evt The {@link } instance containing the event data.
+       * @protected
+       */
+      onGroupCollapsed(evt:yfiles.collections.ItemEventArgs<yfiles.graph.INode>):void;
+      /**
+       * Raises the {@link yfiles.input.NavigationInputMode#addGroupCollapsingListener GroupCollapsing} event.
+       * @param evt The {@link } instance containing the event data.
+       * @protected
+       */
+      onGroupCollapsing(evt:yfiles.collections.ItemEventArgs<yfiles.graph.INode>):void;
+      /**
+       * Raises the {@link yfiles.input.NavigationInputMode#addGroupEnteredListener GroupEntered} event.
+       * @param evt The {@link } instance containing the event data.
+       * @protected
+       */
+      onGroupEntered(evt:yfiles.collections.ItemEventArgs<yfiles.graph.INode>):void;
+      /**
+       * Raises the {@link yfiles.input.NavigationInputMode#addGroupEnteringListener GroupEntering} event.
+       * @param evt The {@link } instance containing the event data.
+       * @protected
+       */
+      onGroupEntering(evt:yfiles.collections.ItemEventArgs<yfiles.graph.INode>):void;
+      /**
+       * Raises the {@link yfiles.input.NavigationInputMode#addGroupExitedListener GroupExited} event.
+       * @param evt The {@link } instance containing the event data.
+       * @protected
+       */
+      onGroupExited(evt:yfiles.collections.ItemEventArgs<yfiles.graph.INode>):void;
+      /**
+       * Raises the {@link yfiles.input.NavigationInputMode#addGroupExitingListener GroupExiting} event.
+       * @param evt The {@link } instance containing the event data.
+       * @protected
+       */
+      onGroupExiting(evt:yfiles.collections.ItemEventArgs<yfiles.graph.INode>):void;
+      /**
+       * Raises the {@link yfiles.input.NavigationInputMode#addGroupExpandedListener GroupExpanded} event.
+       * @param evt The {@link } instance containing the event data.
+       * @protected
+       */
+      onGroupExpanded(evt:yfiles.collections.ItemEventArgs<yfiles.graph.INode>):void;
+      /**
+       * Raises the {@link yfiles.input.NavigationInputMode#addGroupExpandingListener GroupExpanding} event.
+       * @param evt The {@link } instance containing the event data.
+       * @protected
+       */
+      onGroupExpanding(evt:yfiles.collections.ItemEventArgs<yfiles.graph.INode>):void;
+      /**
+       * Callback that actually sets the current item property.
+       * @param graphComponent The {@link #graphComponent} to set the current item of.
+       * @param item The item to set.
+       * @returns Whether the operation was actually performed.
+       * @protected
+       */
+      onSetCurrentItem(graphComponent:yfiles.view.GraphComponent,item:yfiles.graph.IModelItem):boolean;
+      /**
+       * Called after {@link yfiles.input.NavigationInputMode#tryStop} has been called.
+       * <p>
+       * Can be overridden in subclasses to perform additional actions after the mode has been stopped.
+       * </p>
+       * <p>
+       * This implementation does nothing.
+       * </p>
+       * @protected
+       */
+      onStopped():void;
+      /**
+       * Selects the {@link yfiles.view.GraphComponent#currentItem} current item.
+       * <p>
+       * This method delegates to {@link yfiles.input.NavigationInputMode#selectItem}.
+       * </p>
+       */
+      selectCurrentItem():void;
+      /**
+       * Callback that selects the given item.
+       * @param graphComponent The {@link #graphComponent}.
+       * @param item The item to select.
+       * @param extendSelection if set to <code>true</code> the current selection is extended otherwise it is cleared beforehand.
+       * @see yfiles.input.NavigationInputMode#clearSelection
+       * @protected
+       */
+      selectItem(graphComponent:yfiles.view.GraphComponent,item:yfiles.graph.IModelItem,extendSelection:boolean):void;
+      /**
+       * Sets the "current" item to the given one.
+       * @param item The item to set as the current item.
+       * @see yfiles.input.NavigationInputMode#onSetCurrentItem
+       */
+      setCurrentItem(item:yfiles.graph.IModelItem):void;
+      /**
+       * Sets the {@link yfiles.input.NavigationInputMode#graphComponent} to use for the various actions.
+       * <p>
+       * This will register or unregister the commands for the control. This method is called in response to {@link yfiles.input.NavigationInputMode#install}
+       * and {@link yfiles.input.NavigationInputMode#uninstall}.
+       * </p>
+       * @param graphComponent The control to use or <code>null</code>.
+       * @protected
+       */
+      setGraphComponent(graphComponent:yfiles.view.GraphComponent):void;
+      /**
+       * Predicate method that decides whether it is allowed to collapse the given group node.
+       * <p>
+       * This implementation returns the value of {@link yfiles.input.NavigationInputMode#allowCollapseGroup}.
+       * </p>
+       * @param groupNode
+       * @returns Whether to collapse the given group or not.
+       * @protected
+       */
+      shouldCollapseGroup(groupNode:yfiles.graph.INode):boolean;
+      /**
+       * Predicate method that decides whether it is allowed to {@link yfiles.input.NavigationInputMode#enterGroup enter} the specific group node.
+       * <p>
+       * This implementation yields the value of {@link yfiles.input.NavigationInputMode#allowEnterGroup}.
+       * </p>
+       * @param node The group node to enter.
+       * @returns Whether to enter the group or not.
+       * @protected
+       */
+      shouldEnterGroup(node:yfiles.graph.INode):boolean;
+      /**
+       * Predicate method that decides whether it is allowed to {@link yfiles.input.NavigationInputMode#exitGroup exit} the current group node.
+       * <p>
+       * This implementation yields the value of {@link yfiles.input.NavigationInputMode#allowExitGroup}.
+       * </p>
+       * @returns Whether to exit the current group or not.
+       * @protected
+       */
+      shouldExitGroup():boolean;
+      /**
+       * Predicate method that decides whether it is allowed to {@link yfiles.input.NavigationInputMode#expandGroup expand} the given group node.
+       * <p>
+       * This implementation yields the value of {@link yfiles.input.NavigationInputMode#allowExpandGroup}.
+       * </p>
+       * @param node
+       * @returns Whether to expand the given group or not.
+       * @protected
+       */
+      shouldExpandGroup(node:yfiles.graph.INode):boolean;
+      /**
+       * Callback predicate method that determines whether a given model item should be navigated to.
+       * <p>
+       * This implementation uses the {@link yfiles.input.NavigationInputMode#navigableItems} property to determine whether the <code>item</code> can be navigated to.
+       * </p>
+       * @param item The model item.
+       * @returns Whether the item should be considered for navigational commands.
+       * @protected
+       */
+      shouldNavigateTo(item:yfiles.graph.IModelItem):boolean;
+      /**
+       * Determines whether the input mode should try to request the mutex when a command is executed.
+       * <p>
+       * This resets the state of any other input mode, unless it currently possesses the mutex.
+       * </p>
+       * <p>
+       * The value of this method is queried for {@link yfiles.input.ICommand#COLLAPSE_GROUP}, {@link yfiles.input.ICommand#EXPAND_GROUP},
+       * {@link yfiles.input.ICommand#TOGGLE_EXPANSION_STATE}, {@link yfiles.input.ICommand#ENTER_GROUP} and {@link yfiles.input.ICommand#EXIT_GROUP}.
+       * </p>
+       * @returns whether the input mode should request the mutex.
+       * @protected
+       */
+      shouldRequestMutex():boolean;
+      /**
+       * Callback predicate method that determines whether a given model item should be selected.
+       * <p>
+       * This implementation uses the {@link yfiles.input.NavigationInputMode#selectableItems} property to determine whether the <code>item</code> should be selected.
+       * </p>
+       * @param item The model item.
+       * @returns Whether the item should be selected by the navigational commands.
+       * @protected
+       */
+      shouldSelect(item:yfiles.graph.IModelItem):boolean;
+      /**
+       * Predicate method that decides whether it is allowed to {@link yfiles.input.NavigationInputMode#toggleExpansionState toggle} the collapsed state of the given group node.
+       * <p>
+       * This implementation uses {@link yfiles.input.NavigationInputMode#shouldExpandGroup} and {@link yfiles.input.NavigationInputMode#shouldCollapseGroup}
+       * respectively.
+       * </p>
+       * @param node
+       * @returns Whether to expand the given group or not.
+       * @protected
+       */
+      shouldToggleExpansionState(node:yfiles.graph.INode):boolean;
+      /**
+       * Toggles the {@link yfiles.graph.IFoldingView#isExpanded expanded/collapsed} state for the given group node in the {@link yfiles.graph.IFoldingView}.
+       * @param groupNode The group node to toggle the state for.
+       * @see yfiles.graph.FoldingManager
+       */
+      toggleExpansionState(groupNode:yfiles.graph.INode):void;
+      /**
+       * Overridden to only return <code>true</code> if this instance does not currently {@link yfiles.input.ConcurrencyController#hasMutex have the input mutex}.
+       * @returns <code>true</code> iff this instance does not {@link #hasMutex own the mutex}.
+       */
+      tryStop():boolean;
+      /**
+       * Uninstalls this mode from the given context.
+       * <p>
+       * This code should clean up all changes made to the canvas in the {@link yfiles.input.IInputMode#install} method. After a mode has
+       * been uninstalled it can be installed again into the same or another canvas.
+       * </p>
+       * <p>
+       * Overriding implementations should call the base implementation after their own code.
+       * </p>
+       * @param context The context to deregister from. This is the same instance that had been passed to {@link #install} during
+       * installation.
+       */
+      uninstall(context:yfiles.input.IInputModeContext):void;
+      /**
+       * 
+       * @type {number}
+       */
+      priority:number;
+      /**
+       * Gets or sets a value indicating whether this mode will be the only one running when it has the mutex.
+       * <p>
+       * The value of this property will be delegated to the {@link yfiles.input.ConcurrencyController#exclusive} property of the {@link yfiles.input.NavigationInputMode#controller}.
+       * </p>
+       * <p>
+       * If this mode is marked as exclusive and has the mutex, all other modes {@link yfiles.input.MultiplexingInputMode#add added} to the same {@link yfiles.input.MultiplexingInputMode}
+       * will be deactivated. Otherwise it will always run concurrently with all other modes.
+       * </p>
+       * @type {boolean}
+       */
+      exclusive:boolean;
+      /**
+       * Gets or sets the enabled state of this input mode.
+       * <p>
+       * Clients can use this property to disable or reenable this instance. This will set the {@link yfiles.input.ConcurrencyController#enabled Enabled} property of the installed
+       * {@link yfiles.input.NavigationInputMode#controller} so a disabled instance should never try to acquire the input mutex.
+       * </p>
+       * @type {boolean}
+       */
+      enabled:boolean;
+      /**
+       * 
+       * @type {yfiles.input.IInputModeContext}
+       */
+      inputModeContext:yfiles.input.IInputModeContext;
+      /**
+       * Returns the installed {@link yfiles.input.NavigationInputMode#controller}.
+       * @protected
+       * @type {yfiles.input.ConcurrencyController}
+       */
+      controller:yfiles.input.ConcurrencyController;
+      /**
+       * Gets or sets the item types that can be navigated to by this mode.
+       * @see yfiles.input.NavigationInputMode#shouldNavigateTo
+       * @type {yfiles.graph.GraphItemTypes}
+       */
+      navigableItems:yfiles.graph.GraphItemTypes;
+      /**
+       * Gets the types of the items that should be selectable by this instance.
+       * <p>
+       * The selectable items. The default value is {@link yfiles.graph.GraphItemTypes#NODE}.
+       * </p>
+       * @default yfiles.graph.GraphItemTypes.NODE
+       * @type {yfiles.graph.GraphItemTypes}
+       */
+      selectableItems:yfiles.graph.GraphItemTypes;
+      /**
+       * Gets or sets the the location that should be kept fixed if toggling a group node state.
+       * <p>
+       * Default value is {@link yfiles.input.NodeAlignmentPolicy#NONE}
+       * </p>
+       * @see yfiles.input.NavigationInputMode#expandGroup
+       * @default yfiles.input.NodeAlignmentPolicy.NONE
+       * @type {yfiles.input.NodeAlignmentPolicy}
+       */
+      autoGroupNodeAlignmentPolicy:yfiles.input.NodeAlignmentPolicy;
+      /**
+       * Gets or sets the {@link yfiles.input.NavigationInputMode#graphComponent} this mode acts on.
+       * @type {yfiles.view.GraphComponent}
+       */
+      graphComponent:yfiles.view.GraphComponent;
+      /**
+       * Gets the list of commands that are available in this instance.
+       * <p>
+       * By default, all supported commands are available
+       * </p>
+       * <p>
+       * Removing commands from this collection also removes the command bindings registered by this instance.
+       * </p>
+       * <p>
+       * Add supported commands to make them available in this instance.
+       * </p>
+       * <p>
+       * Supported commands are
+       * </p>
+       * <ul>
+       * <li>{@link yfiles.input.ICommand#MOVE_LEFT}</li>
+       * <li>{@link yfiles.input.ICommand#MOVE_RIGHT}</li>
+       * <li>{@link yfiles.input.ICommand#MOVE_UP}</li>
+       * <li>{@link yfiles.input.ICommand#MOVE_DOWN}</li>
+       * <li>{@link yfiles.input.ICommand#MOVE_TO_PAGE_UP}</li>
+       * <li>{@link yfiles.input.ICommand#MOVE_TO_PAGE_DOWN}</li>
+       * <li>{@link yfiles.input.ICommand#MOVE_FOCUS_BACK}</li>
+       * <li>{@link yfiles.input.ICommand#MOVE_FOCUS_FORWARD}</li>
+       * <li>{@link yfiles.input.ICommand#MOVE_FOCUS_UP}</li>
+       * <li>{@link yfiles.input.ICommand#MOVE_FOCUS_DOWN}</li>
+       * <li>{@link yfiles.input.ICommand#MOVE_FOCUS_PAGE_UP}</li>
+       * <li>{@link yfiles.input.ICommand#MOVE_FOCUS_PAGE_DOWN}</li>
+       * <li>{@link yfiles.input.ICommand#EXTEND_SELECTION_LEFT}</li>
+       * <li>{@link yfiles.input.ICommand#EXTEND_SELECTION_RIGHT}</li>
+       * <li>{@link yfiles.input.ICommand#EXTEND_SELECTION_UP}</li>
+       * <li>{@link yfiles.input.ICommand#EXTEND_SELECTION_DOWN}</li>
+       * <li>{@link yfiles.input.ICommand#SELECT_TO_PAGE_UP}</li>
+       * <li>{@link yfiles.input.ICommand#SELECT_TO_PAGE_DOWN}</li>
+       * </ul>
+       * @type {yfiles.collections.ICollection.<yfiles.input.ICommand>}
+       */
+      availableCommands:yfiles.collections.ICollection<yfiles.input.ICommand>;
+      /**
+       * Gets or sets a value indicating whether to use the {@link yfiles.view.GraphComponent#currentItem} as a fallback for the commands if no item is provided in the
+       * parameter and the current selection is empty.
+       * <p>
+       * This applies to the following commands:
+       * </p>
+       * <ul>
+       * <li>{@link yfiles.input.ICommand#ENTER_GROUP}</li>
+       * <li>{@link yfiles.input.ICommand#EXPAND_GROUP}</li>
+       * <li>{@link yfiles.input.ICommand#COLLAPSE_GROUP}</li>
+       * <li>{@link yfiles.input.ICommand#TOGGLE_EXPANSION_STATE}</li>
+       * </ul>
+       * @default false
+       * @type {boolean}
+       */
+      useCurrentItemForCommands:boolean;
+      /**
+       * Gets or sets the {@link yfiles.view.IGraphSelection} this mode operates on.
+       * @type {yfiles.view.IGraphSelection}
+       */
+      graphSelection:yfiles.view.IGraphSelection;
+      /**
+       * Gets or sets the graph this mode operates on.
+       * @type {yfiles.graph.IGraph}
+       */
+      graph:yfiles.graph.IGraph;
+      /**
+       * Gets or sets a value that determines whether it is allowed to {@link yfiles.input.NavigationInputMode#enterGroup enter group nodes} via the
+       * {@link yfiles.input.ICommand#ENTER_GROUP}.
+       * <p>
+       * The default value is <code>true</code>.
+       * </p>
+       * @see yfiles.input.NavigationInputMode#shouldEnterGroup
+       * @see yfiles.graph.FoldingManager
+       * @type {boolean}
+       */
+      allowEnterGroup:boolean;
+      /**
+       * Gets or sets a value that determines whether it is allowed to collapse group nodes via the
+       * {@link yfiles.input.ICommand#COLLAPSE_GROUP}.
+       * <p>
+       * The default value is <code>true</code>.
+       * </p>
+       * @see yfiles.input.NavigationInputMode#collapseGroup
+       * @see yfiles.input.NavigationInputMode#shouldCollapseGroup
+       * @see yfiles.graph.FoldingManager
+       * @type {boolean}
+       */
+      allowCollapseGroup:boolean;
+      /**
+       * Gets or sets a value that determines whether it is allowed to {@link yfiles.input.NavigationInputMode#expandGroup expand group nodes} via the
+       * {@link yfiles.input.ICommand#EXPAND_GROUP}.
+       * <p>
+       * The default value is <code>true</code>.
+       * </p>
+       * @see yfiles.input.NavigationInputMode#shouldExpandGroup
+       * @see yfiles.graph.FoldingManager
+       * @type {boolean}
+       */
+      allowExpandGroup:boolean;
+      /**
+       * Gets or sets a value that determines whether it is allowed to {@link yfiles.input.NavigationInputMode#exitGroup exit the current group node} via the
+       * {@link yfiles.input.ICommand#EXIT_GROUP}.
+       * <p>
+       * The default value is <code>true</code>.
+       * </p>
+       * @see yfiles.input.NavigationInputMode#shouldExitGroup
+       * @see yfiles.graph.FoldingManager
+       * @default true
+       * @type {boolean}
+       */
+      allowExitGroup:boolean;
+      /**
+       * Gets or sets a value that determines whether {@link yfiles.view.CanvasComponent#fitContent} or the {@link yfiles.input.ICommand#FIT_CONTENT}
+       * should be triggered after a group navigation action.
+       * <p>
+       * The default value is <code>true</code>.
+       * </p>
+       * @default true
+       * @type {boolean}
+       */
+      fitContentAfterGroupActions:boolean;
+      /**
+       * Adds the given listener for the <code>GroupCollapsing</code> event that occurs before a group will be Collapsed.
+       * @param listener The listener to add.
+       * @see yfiles.input.NavigationInputMode#removeGroupCollapsingListener
+       */
+      addGroupCollapsingListener(listener:(sender:Object,evt:yfiles.collections.ItemEventArgs<yfiles.graph.INode>)=>void):void;
+      /**
+       * Removes the given listener for the <code>GroupCollapsing</code> event that occurs before a group will be Collapsed.
+       * @param listener The listener to remove.
+       * @see yfiles.input.NavigationInputMode#addGroupCollapsingListener
+       */
+      removeGroupCollapsingListener(listener:(sender:Object,evt:yfiles.collections.ItemEventArgs<yfiles.graph.INode>)=>void):void;
+      /**
+       * Adds the given listener for the <code>GroupCollapsed</code> event that occurs whenever a group has been Collapsed.
+       * @param listener The listener to add.
+       * @see yfiles.input.NavigationInputMode#removeGroupCollapsedListener
+       */
+      addGroupCollapsedListener(listener:(sender:Object,evt:yfiles.collections.ItemEventArgs<yfiles.graph.INode>)=>void):void;
+      /**
+       * Removes the given listener for the <code>GroupCollapsed</code> event that occurs whenever a group has been Collapsed.
+       * @param listener The listener to remove.
+       * @see yfiles.input.NavigationInputMode#addGroupCollapsedListener
+       */
+      removeGroupCollapsedListener(listener:(sender:Object,evt:yfiles.collections.ItemEventArgs<yfiles.graph.INode>)=>void):void;
+      /**
+       * Adds the given listener for the <code>GroupExpanding</code> event that occurs before a group will be {@link yfiles.input.NavigationInputMode#expandGroup Expanded}.
+       * @param listener The listener to add.
+       * @see yfiles.input.NavigationInputMode#removeGroupExpandingListener
+       */
+      addGroupExpandingListener(listener:(sender:Object,evt:yfiles.collections.ItemEventArgs<yfiles.graph.INode>)=>void):void;
+      /**
+       * Removes the given listener for the <code>GroupExpanding</code> event that occurs before a group will be {@link yfiles.input.NavigationInputMode#expandGroup Expanded}.
+       * @param listener The listener to remove.
+       * @see yfiles.input.NavigationInputMode#addGroupExpandingListener
+       */
+      removeGroupExpandingListener(listener:(sender:Object,evt:yfiles.collections.ItemEventArgs<yfiles.graph.INode>)=>void):void;
+      /**
+       * Adds the given listener for the <code>GroupExpanded</code> event that occurs whenever a group has been {@link yfiles.input.NavigationInputMode#expandGroup Expanded}.
+       * @param listener The listener to add.
+       * @see yfiles.input.NavigationInputMode#removeGroupExpandedListener
+       */
+      addGroupExpandedListener(listener:(sender:Object,evt:yfiles.collections.ItemEventArgs<yfiles.graph.INode>)=>void):void;
+      /**
+       * Removes the given listener for the <code>GroupExpanded</code> event that occurs whenever a group has been {@link yfiles.input.NavigationInputMode#expandGroup Expanded}.
+       * @param listener The listener to remove.
+       * @see yfiles.input.NavigationInputMode#addGroupExpandedListener
+       */
+      removeGroupExpandedListener(listener:(sender:Object,evt:yfiles.collections.ItemEventArgs<yfiles.graph.INode>)=>void):void;
+      /**
+       * Adds the given listener for the <code>GroupEntering</code> event that occurs before a group will be {@link yfiles.input.NavigationInputMode#enterGroup Entered}.
+       * @param listener The listener to add.
+       * @see yfiles.input.NavigationInputMode#removeGroupEnteringListener
+       */
+      addGroupEnteringListener(listener:(sender:Object,evt:yfiles.collections.ItemEventArgs<yfiles.graph.INode>)=>void):void;
+      /**
+       * Removes the given listener for the <code>GroupEntering</code> event that occurs before a group will be {@link yfiles.input.NavigationInputMode#enterGroup Entered}.
+       * @param listener The listener to remove.
+       * @see yfiles.input.NavigationInputMode#addGroupEnteringListener
+       */
+      removeGroupEnteringListener(listener:(sender:Object,evt:yfiles.collections.ItemEventArgs<yfiles.graph.INode>)=>void):void;
+      /**
+       * Adds the given listener for the <code>GroupEntered</code> event that occurs whenever a group has been {@link yfiles.input.NavigationInputMode#enterGroup Entered}.
+       * @param listener The listener to add.
+       * @see yfiles.input.NavigationInputMode#removeGroupEnteredListener
+       */
+      addGroupEnteredListener(listener:(sender:Object,evt:yfiles.collections.ItemEventArgs<yfiles.graph.INode>)=>void):void;
+      /**
+       * Removes the given listener for the <code>GroupEntered</code> event that occurs whenever a group has been {@link yfiles.input.NavigationInputMode#enterGroup Entered}.
+       * @param listener The listener to remove.
+       * @see yfiles.input.NavigationInputMode#addGroupEnteredListener
+       */
+      removeGroupEnteredListener(listener:(sender:Object,evt:yfiles.collections.ItemEventArgs<yfiles.graph.INode>)=>void):void;
+      /**
+       * Adds the given listener for the <code>GroupExiting</code> event that occurs before a group will be {@link yfiles.input.NavigationInputMode#exitGroup Exited}.
+       * @param listener The listener to add.
+       * @see yfiles.input.NavigationInputMode#removeGroupExitingListener
+       */
+      addGroupExitingListener(listener:(sender:Object,evt:yfiles.collections.ItemEventArgs<yfiles.graph.INode>)=>void):void;
+      /**
+       * Removes the given listener for the <code>GroupExiting</code> event that occurs before a group will be {@link yfiles.input.NavigationInputMode#exitGroup Exited}.
+       * @param listener The listener to remove.
+       * @see yfiles.input.NavigationInputMode#addGroupExitingListener
+       */
+      removeGroupExitingListener(listener:(sender:Object,evt:yfiles.collections.ItemEventArgs<yfiles.graph.INode>)=>void):void;
+      /**
+       * Adds the given listener for the <code>GroupExited</code> event that occurs whenever a group has been {@link yfiles.input.NavigationInputMode#exitGroup Exited}.
+       * @param listener The listener to add.
+       * @see yfiles.input.NavigationInputMode#removeGroupExitedListener
+       */
+      addGroupExitedListener(listener:(sender:Object,evt:yfiles.collections.ItemEventArgs<yfiles.graph.INode>)=>void):void;
+      /**
+       * Removes the given listener for the <code>GroupExited</code> event that occurs whenever a group has been {@link yfiles.input.NavigationInputMode#exitGroup Exited}.
+       * @param listener The listener to remove.
+       * @see yfiles.input.NavigationInputMode#addGroupExitedListener
+       */
+      removeGroupExitedListener(listener:(sender:Object,evt:yfiles.collections.ItemEventArgs<yfiles.graph.INode>)=>void):void;
+      static $class:yfiles.lang.Class;
+    }
+    export enum MoveFocusDirection{
+      /**
+       * No direction.
+       */
+      NONE,
+      /**
+       * In the direction of the negative x Axis.
+       */
+      LEFT,
+      /**
+       * In the direction of the positive x Axis.
+       */
+      RIGHT,
+      /**
+       * In the direction of the negative y Axis.
+       */
+      UP,
+      /**
+       * In the direction of the positive y Axis.
+       */
+      DOWN,
+      /**
+       * In the direction of the {@link yfiles.graph.IGraph#setParent parent} in the grouped graph.
+       */
+      PARENT,
+      /**
+       * In the direction of the {@link yfiles.graph.IGraph#getChildren children} in the grouped graph.
+       */
+      CHILD
+    }
+    export enum NodeAlignmentPolicy{
+      /**
+       * Don't fix any specific point, only use the layout from the target state.
+       */
+      NONE,
+      /**
+       * Fix the center point.
+       */
+      CENTER,
+      /**
+       * Fix the upper left corner.
+       */
+      TOP_LEFT,
+      /**
+       * Fix the lower left corner.
+       */
+      BOTTOM_LEFT,
+      /**
+       * Fix the upper right corner.
+       */
+      TOP_RIGHT,
+      /**
+       * Fix the lower right corner.
+       */
+      BOTTOM_RIGHT,
+      /**
+       * Fix the uppermost center.
+       */
+      TOP_CENTER,
+      /**
+       * Fix the lowermost center.
+       */
+      BOTTOM_CENTER,
+      /**
+       * Fix the left center.
+       */
+      CENTER_LEFT,
+      /**
+       * Fix the right center.
+       */
+      CENTER_RIGHT
+    }
+    export enum OrthogonalEdgeEditingPolicy{
+      /**
+       * Enables orthogonal edge creation or editing for a specific sub-aspect automatically if an {@link yfiles.input.OrthogonalEdgeEditingContext#enabled} {@link yfiles.input.OrthogonalEdgeEditingContext}
+       * instance is set in the {@link yfiles.input.GraphEditorInputMode#orthogonalEdgeEditingContext parent input mode}.
+       */
+      AUTO,
+      /**
+       * Enables orthogonal edge creation or editing for a specific sub-aspect of edge creation.
+       */
+      ALWAYS,
+      /**
+       * Disables orthogonal edge creation or editing for a specific sub-aspect of edge creation.
+       */
+      NEVER
+    }
+    export enum SegmentOrientation{
+      /**
+       * The segment has a horizontal orientation, which means that the end points should be moved vertically in synch so that
+       * the orientation is not destroyed.
+       */
+      HORIZONTAL,
+      /**
+       * The segment has a vertical orientation, which means that the end points should be moved horizontally in synch so that
+       * the orientation is not destroyed.
+       */
+      VERTICAL,
+      /**
+       * The segment does not need to be treated especially, both endpoints can be moved independently from each other.
+       */
+      NON_ORTHOGONAL
+    }
+    /**
+     * Concrete {@link yfiles.input.SnapContext} implementation which handles snapping movement for {@link yfiles.graph.IGraph} items.
+     * <p>
+     * This class provides a set of properties that determine the way snapping operations are being performed in the context of
+     * {@link yfiles.graph.IGraph}s. {@link yfiles.input.IPositionHandler} implementations and the like can use the following idiom to retrieve
+     * instances of this class:
+     * </p>
+     * <p><b>Related demos:</b></p>
+     * <ul>
+     * <li>Tutorial: 01 Getting Started, step 15 Snapping</li>
+     * </ul>
+     * @see yfiles.input.GraphEditorInputMode
+     * @see yfiles.input.GraphEditorInputMode#snapContext
+     * @class
+     * @extends {yfiles.input.SnapContext}
+     */
+    export interface GraphSnapContext extends yfiles.input.SnapContext{}
+    export class GraphSnapContext {
+      /**
+       * Creates a new instance with default settings.
+       */
+      constructor();
+      /**
+       * Adds {@link yfiles.input.MovementInfo} representing an {@link yfiles.graph.IBend} that will be considered for the next drag gesture.
+       * <p>
+       * The default {@link yfiles.input.IHandle} of an {@link yfiles.graph.IBend} calls this method in its {@link yfiles.input.IDragHandler#initializeDrag}
+       * method so snap results are calculated when this bend is repositioned. Custom {@link yfiles.input.IHandle} implementations can
+       * add infos created by {@link yfiles.input.GraphSnapContext#getMovementInfo}.
+       * </p>
+       * @param info The {@link } representing the bend to be moved. Can be created with
+       * {@link #getMovementInfo}.
+       */
+      addBendToBeMoved(info:yfiles.input.MovementInfo):void;
+      /**
+       * Adds {@link yfiles.input.MovementInfo} representing the end of an {@link yfiles.graph.IEdge} that will be considered for the next drag
+       * gesture.
+       * <p>
+       * The {@link yfiles.input.IHandle} returned by the default {@link yfiles.input.IEdgePortHandleProvider} of an {@link yfiles.graph.IEdge} calls
+       * this method in its {@link yfiles.input.IDragHandler#initializeDrag} method so snap results are calculated when reparenting this
+       * edge end. Custom {@link yfiles.input.IHandle} implementations can call {@link yfiles.input.GraphSnapContext#getMovementInfos} and add
+       * the first or last {@link yfiles.input.MovementInfo} of the returned list.
+       * </p>
+       * @param info The {@link } representing the edge end to be reparented. Can be created with
+       * {@link #getMovementInfos}.
+       * @param sourceEnd <code>true</code> if the <code>info</code> represents the source end of the edge.
+       */
+      addEdgeEndToBeMoved(info:yfiles.input.MovementInfo,sourceEnd:boolean):void;
+      /**
+       * Adds an item which will be reshaped.
+       * @param item The item to be reshaped.
+       */
+      addItemToBeReshaped(item:yfiles.graph.IModelItem):void;
+      /**
+       * Adds {@link yfiles.input.MovementInfo} representing an {@link yfiles.graph.INode} that will be considered for the next drag gesture.
+       * <p>
+       * The default {@link yfiles.input.IPositionHandler} of an {@link yfiles.graph.INode} calls this method in its {@link yfiles.input.IDragHandler#initializeDrag}
+       * method so snap results are calculated when this node is repositioned. Custom {@link yfiles.input.IPositionHandler}
+       * implementations can add infos created by {@link yfiles.input.GraphSnapContext#getMovementInfo}.
+       * </p>
+       * @param info The {@link } representing the node to be moved. Can be created with
+       * {@link #getMovementInfo}.
+       */
+      addNodeToBeMoved(info:yfiles.input.MovementInfo):void;
+      /**
+       * Adds an orthogonally moved segment to this context for which this instance will automatically collect
+       * {@link yfiles.input.SnapResult}s and provide a default visualization.
+       * <p>
+       * This method can be called during initialization to collect orthogonal segments that should be tested against {@link yfiles.input.GraphSnapContext#fixedSegmentSnapLines} and {@link yfiles.input.GraphSnapContext#additionalSnapLines}.
+       * </p>
+       * @param start The starting point of the manipulated segment.
+       * @param end The end point of the manipulated segment.
+       */
+      addOrthogonalSegment(start:yfiles.input.MovementInfo,end:yfiles.input.MovementInfo):void;
+      /**
+       * Adds {@link yfiles.input.MovementInfo} representing an {@link yfiles.graph.IPort} that will be considered for the next drag gesture.
+       * <p>
+       * The default {@link yfiles.input.IHandle} of an {@link yfiles.graph.IPort} calls this method in its {@link yfiles.input.IDragHandler#initializeDrag}
+       * method so snap results are calculated for this port. Custom {@link yfiles.input.IHandle} implementations can add infos created
+       * by {@link yfiles.input.GraphSnapContext#getMovementInfo}.
+       * </p>
+       * @param info The {@link } representing the port to be moved. Can be created with
+       * {@link #getMovementInfo}.
+       */
+      addPortToBeMoved(info:yfiles.input.MovementInfo):void;
+      /**
+       * Adds an entry for the same-height-snapping.
+       * <p>
+       * During {@link yfiles.input.SnapContext#isInitializing initialization} this method can be used to register entries that can later be retrieved using the {@link yfiles.input.GraphSnapContext#findSameHeightEntries}
+       * method. The rectangle will be used to obtain the height value and will also be used for the visualization of the snap
+       * result.
+       * </p>
+       * @param rectangle The rectangle to obtain the height value from. This rectangle will be used for the snap result visualization.
+       * @see yfiles.input.GraphSnapContext#addSameWidthEntry
+       */
+      addSameHeightEntry(rectangle:yfiles.geometry.Rect):void;
+      /**
+       * Adds an entry for the same-width-snapping.
+       * <p>
+       * During {@link yfiles.input.SnapContext#isInitializing initialization} this method can be used to register entries that can later be retrieved using the {@link yfiles.input.GraphSnapContext#findSameWidthEntries}
+       * method. The rectangle will be used to obtain the width value and will also be used for the visualization of the snap
+       * result.
+       * </p>
+       * @param rectangle The rectangle to obtain the width value from. This rectangle will be used for the snap result visualization.
+       * @see yfiles.input.GraphSnapContext#addSameHeightEntry
+       */
+      addSameWidthEntry(rectangle:yfiles.geometry.Rect):void;
+      /**
+       * Collects the {@link yfiles.input.OrthogonalSnapLine}s for the nodes which are not moving.
+       * <p>
+       * Delegates to the {@link yfiles.input.ISnapLineProvider} implementation in the lookup of the {@link yfiles.graph.INode}.
+       * </p>
+       * @param evt
+       * @protected
+       */
+      collectFixedNodeSnapLines(evt:yfiles.input.CollectGraphSnapLinesEventArgs):void;
+      /**
+       * Collects the {@link yfiles.input.OrthogonalSnapLine}s for the ports which are not moving.
+       * <p>
+       * Delegates to the {@link yfiles.input.ISnapLineProvider} implementation in the lookup of the {@link yfiles.graph.IPort}.
+       * </p>
+       * @param evt
+       * @protected
+       */
+      collectFixedPortSnapLines(evt:yfiles.input.CollectGraphSnapLinesEventArgs):void;
+      /**
+       * Collects snap lines for edge segments.
+       * <p>
+       * Delegates to the {@link yfiles.input.ISnapLineProvider} implementation in the lookup of the {@link yfiles.graph.IEdge}. This
+       * implementation should then make us of {@link yfiles.input.GraphSnapContext#getMovementInfos} to determine what segments are
+       * fixed.
+       * </p>
+       * @param evt
+       * @protected
+       */
+      collectFixedSegmentSnapLines(evt:yfiles.input.CollectGraphSnapLinesEventArgs):void;
+      /**
+       * Collects all node widths and heights in the collections {@link yfiles.input.GraphSnapContext#findSameWidthEntries} and
+       * {@link yfiles.input.GraphSnapContext#findSameHeightEntries}.
+       * <p>
+       * This method will only be called if {@link yfiles.input.GraphSnapContext#collectNodeSizes} is enabled and delegates to {@link yfiles.input.GraphSnapContext#addSameHeightEntry} and
+       * {@link yfiles.input.GraphSnapContext#addSameWidthEntry}.
+       * </p>
+       * @protected
+       */
+      collectSameSizeEntries():void;
+      /**
+       * Finds pairs of nodes that are visually adjacent to create {@link yfiles.input.GraphSnapContext#collectNodePairCenterSnapLines center} and {@link yfiles.input.GraphSnapContext#collectNodePairSnapLines same distance} snap lines.
+       * @protected
+       */
+      collectVisibleNodePairs():void;
+      /**
+       * Finds the entries ({@link yfiles.geometry.Rect}s) that have been registered using the {@link yfiles.input.GraphSnapContext#addSameHeightEntry}
+       * previously that best match the given constraints.
+       * @param size The size to find the closest set of identical sizes.
+       * @param maxSize The maximum allowed size.
+       * @param minSize The minimum allowed size.
+       * @returns The set of rectangles that have been added previously using {@link #addSameHeightEntry}.
+       */
+      findSameHeightEntries(size:number,maxSize:number,minSize:number):yfiles.collections.IListEnumerable<yfiles.geometry.Rect>;
+      /**
+       * Finds the entries ({@link yfiles.geometry.Rect}s) that have been registered using the {@link yfiles.input.GraphSnapContext#addSameWidthEntry}
+       * previously that best match the given constraints.
+       * @param size The size to find the closest set of identical sizes.
+       * @param maxSize The maximum allowed size.
+       * @param minSize The minimum allowed size.
+       * @returns The set of rectangles that have been added previously using {@link #addSameWidthEntry}.
+       */
+      findSameWidthEntries(size:number,maxSize:number,minSize:number):yfiles.collections.IListEnumerable<yfiles.geometry.Rect>;
+      /**
+       * Gets a subset of {@link yfiles.input.GraphSnapContext#additionalSnapLines} that matches the given <code>orientation</code>, <code>snapType</code> and intersects with the provided <code>area</code>.
+       * @param orientation The orientation of the lines to return.
+       * @param snapType The snap type to be included.
+       * @param area The area to test for intersection.
+       * @returns An enumerable of the snap lines that match the provided criteria.
+       */
+      getAdditionalSnapLines(orientation:yfiles.input.SnapLineOrientation,snapType:yfiles.input.SnapLineSnapTypes,area:yfiles.geometry.Rect):yfiles.collections.IEnumerable<yfiles.input.OrthogonalSnapLine>;
+      /**
+       * Gets a subset of {@link yfiles.input.GraphSnapContext#fixedNodeSnapLines} that matches the given <code>orientation</code>, <code>snapType</code> and intersects with the provided <code>area</code>.
+       * @param orientation The orientation of the lines to return.
+       * @param snapType The snap type to be included.
+       * @param area The area to test for intersection.
+       * @returns An enumerable of the snap lines that match the provided criteria.
+       */
+      getFixedNodeSnapLines(orientation:yfiles.input.SnapLineOrientation,snapType:yfiles.input.SnapLineSnapTypes,area:yfiles.geometry.Rect):yfiles.collections.IEnumerable<yfiles.input.OrthogonalSnapLine>;
+      /**
+       * Gets a subset of {@link yfiles.input.GraphSnapContext#fixedPortSnapLines} that matches the given <code>orientation</code>, <code>snapType</code> and intersects with the provided <code>area</code>.
+       * @param orientation The orientation of the lines to return.
+       * @param snapType The snap type to be included.
+       * @param area The area to test for intersection.
+       * @returns An enumerable of the snap lines that match the provided criteria.
+       */
+      getFixedPortSnapLines(orientation:yfiles.input.SnapLineOrientation,snapType:yfiles.input.SnapLineSnapTypes,area:yfiles.geometry.Rect):yfiles.collections.IEnumerable<yfiles.input.OrthogonalSnapLine>;
+      /**
+       * Gets a subset of {@link yfiles.input.GraphSnapContext#fixedSegmentSnapLines} that matches the given <code>orientation</code>, <code>snapType</code> and intersects with the provided <code>area</code>.
+       * @param orientation The orientation of the lines to return.
+       * @param snapType The snap type to be included.
+       * @param area The area to test for intersection.
+       * @returns An enumerable of the snap lines that match the provided criteria.
+       */
+      getFixedSegmentSnapLines(orientation:yfiles.input.SnapLineOrientation,snapType:yfiles.input.SnapLineSnapTypes,area:yfiles.geometry.Rect):yfiles.collections.IEnumerable<yfiles.input.OrthogonalSnapLine>;
+      /**
+       * Gets the movement info for the given port.
+       * <p>
+       * This is either the info passed to {@link yfiles.input.GraphSnapContext#addNodeToBeMoved} or another, dynamically created
+       * instance, if no specific one had been registered.
+       * </p>
+       * @param port The port to obtain the info for.
+       * @returns An instance of {@link } that describes the movement of the port.
+       */
+      getMovementInfo(port:yfiles.graph.IPort):yfiles.input.MovementInfo;
+      /**
+       * Gets the movement info for the given node.
+       * <p>
+       * This is either the info passed to {@link yfiles.input.GraphSnapContext#addNodeToBeMoved} or another, dynamically created
+       * instance, if no specific one had been registered.
+       * </p>
+       * @param node The node to obtain the info for.
+       * @returns An instance of {@link } that describes the movement of the node.
+       */
+      getMovementInfo(node:yfiles.graph.INode):yfiles.input.MovementInfo;
+      /**
+       * Gets the movement info for the given bend.
+       * <p>
+       * This is either the info passed to {@link yfiles.input.GraphSnapContext#addBendToBeMoved} or a dynamically created instance if no
+       * specific one had been registered.
+       * </p>
+       * @param bend The bend to obtain the info for.
+       * @returns An instance of {@link } that describes the movement of the bend.
+       */
+      getMovementInfo(bend:yfiles.graph.IBend):yfiles.input.MovementInfo;
+      /**
+       * Gets the {@link yfiles.input.MovementInfo movement information} for the provided edge.
+       * <p>
+       * The result describes the shape of the edge and the reshaping behavior of the geometry. The first element in the
+       * enumerable is the source end of the edge, followed by bend like elements and the target side. Note that it cannot in
+       * general be assumed {@link yfiles.input.MovementInfo#movedItem} of the first and last element is either a {@link yfiles.graph.IPort} or {@link yfiles.graph.IEdge}, also items in
+       * between may not necessarily be bound to {@link yfiles.graph.IBend}s and therefore their {@link yfiles.input.MovementInfo#movedItem} can be of a different type than
+       * {@link yfiles.graph.IBend}.
+       * </p>
+       * @param edge The edge to obtain the movement information of.
+       * @returns An {@link } of {@link }s items that describe the geometry of the edge being modified.
+       */
+      getMovementInfos(edge:yfiles.graph.IEdge):yfiles.collections.IListEnumerable<yfiles.input.MovementInfo>;
+      /**
+       * Raises the {@link yfiles.input.GraphSnapContext#addCollectSnapLinesListener CollectSnapLines} event.
+       * @param evt The {@link } instance containing the event data.
+       * @protected
+       */
+      onCollectSnapLines(evt:yfiles.input.CollectGraphSnapLinesEventArgs):void;
+      /**
+       * Gets the nodes that stay fixed for the current edit.
+       * @protected
+       * @type {yfiles.collections.ICollection.<yfiles.graph.INode>}
+       */
+      fixedNodes:yfiles.collections.ICollection<yfiles.graph.INode>;
+      /**
+       * Adds the given listener for the <code>CollectSnapLines</code> event that occurs every time this instance has been {@link yfiles.input.SnapContext#dragInitialized initialized} to
+       * collect {@link yfiles.input.OrthogonalSnapLine}s.
+       * <p>
+       * Event handlers should add snap lines to the caller using the methods provided by
+       * {@link yfiles.input.CollectGraphSnapLinesEventArgs}.
+       * </p>
+       * @param listener The listener to add.
+       * @see yfiles.input.GraphSnapContext#removeCollectSnapLinesListener
+       */
+      addCollectSnapLinesListener(listener:(sender:Object,evt:yfiles.input.CollectGraphSnapLinesEventArgs)=>void):void;
+      /**
+       * Removes the given listener for the <code>CollectSnapLines</code> event that occurs every time this instance has been {@link yfiles.input.SnapContext#dragInitialized initialized} to
+       * collect {@link yfiles.input.OrthogonalSnapLine}s.
+       * <p>
+       * Event handlers should add snap lines to the caller using the methods provided by
+       * {@link yfiles.input.CollectGraphSnapLinesEventArgs}.
+       * </p>
+       * @param listener The listener to remove.
+       * @see yfiles.input.GraphSnapContext#addCollectSnapLinesListener
+       */
+      removeCollectSnapLinesListener(listener:(sender:Object,evt:yfiles.input.CollectGraphSnapLinesEventArgs)=>void):void;
+      /**
+       * Determines whether this instance should collect {@link yfiles.input.GraphSnapContext#fixedSegmentSnapLines fixed snap lines} for edge segments.
+       * <p>
+       * The default is <code>true</code>.
+       * </p>
+       * @see yfiles.input.ISnapLineProvider
+       * @see yfiles.input.GraphSnapContext#collectFixedSegmentSnapLines
+       * @default true
+       * @type {boolean}
+       */
+      collectEdgeSnapLines:boolean;
+      /**
+       * Determines whether this instance should collect the sizes of fixed nodes.
+       * <p>
+       * The default is <code>true</code>.
+       * </p>
+       * @see yfiles.input.GraphSnapContext#collectSameSizeEntries
+       * @default true
+       * @type {boolean}
+       */
+      collectNodeSizes:boolean;
+      /**
+       * Determines whether this instance should collect {@link yfiles.input.GraphSnapContext#fixedNodeSnapLines fixed snap lines} for nodes.
+       * <p>
+       * The default is <code>true</code>.
+       * </p>
+       * @see yfiles.input.ISnapLineProvider
+       * @see yfiles.input.GraphSnapContext#collectFixedNodeSnapLines
+       * @default true
+       * @type {boolean}
+       */
+      collectNodeSnapLines:boolean;
+      /**
+       * Determines whether this instance should collect {@link yfiles.input.GraphSnapContext#fixedPortSnapLines fixed snap lines} for ports.
+       * <p>
+       * The default is <code>true</code>.
+       * </p>
+       * @see yfiles.input.ISnapLineProvider
+       * @see yfiles.input.GraphSnapContext#collectFixedPortSnapLines
+       * @default true
+       * @type {boolean}
+       */
+      collectPortSnapLines:boolean;
+      /**
+       * Whether this context will automatically snap the movements of bends so that the two adjacent segments become
+       * horizontally or vertically oriented.
+       * <p>
+       * The default is <code>true</code>.
+       * </p>
+       * @default true
+       * @type {boolean}
+       */
+      snapBendAdjacentSegments:boolean;
+      /**
+       * Whether this context will automatically snap the movements of nodes so that the first and last segments of edges become
+       * orthogonal.
+       * <p>
+       * The default is <code>true</code>.
+       * </p>
+       * @default true
+       * @type {boolean}
+       */
+      snapPortAdjacentSegments:boolean;
+      /**
+       * Determines whether this context will automatically snap orthogonal edge segments to snap lines.
+       * <p>
+       * The default is true.
+       * </p>
+       * @default true
+       * @type {boolean}
+       */
+      snapSegmentsToSnapLines:boolean;
+      /**
+       * Whether this context will automatically snap the bends to snap lines.
+       * <p>
+       * The default is false.
+       * </p>
+       * @default false
+       * @type {boolean}
+       */
+      snapBendsToSnapLines:boolean;
+      /**
+       * Whether {@link yfiles.input.INodeSnapResultProvider} implementations should snap nodes to snap lines.
+       * <p>
+       * The default is true.
+       * </p>
+       * @default true
+       * @type {boolean}
+       */
+      snapNodesToSnapLines:boolean;
+      /**
+       * The preferred distance between node borders.
+       * <p>
+       * This will influence the creation of the node snap lines. For each fixed node there will be snap lines on the borders of
+       * the node itself and around the node at the specified distance.
+       * </p>
+       * <p>
+       * The default is 0.0d which disables distant snap lines around the nodes.
+       * </p>
+       * @default 0.0
+       * @type {number}
+       */
+      nodeToNodeDistance:number;
+      /**
+       * The preferred distance between node borders and edge segments.
+       * <p>
+       * This will influence the creation of the node snap lines. For each fixed node there will be snap lines on the borders of
+       * the node itself and around the node at the specified distance to which orthogonal edge segments can snap.
+       * </p>
+       * <p>
+       * The default is -1.0d which disables distant snap lines around the nodes for edge segments.
+       * </p>
+       * @default -1.0
+       * @type {number}
+       */
+      nodeToEdgeDistance:number;
+      /**
+       * Gets the preferred distance between edges.
+       * <p>
+       * This will influence the creation of the segment snap lines. For each orthogonally oriented fixed segment there will be
+       * snap lines on the segment itself and to both sides of the segment at the specified distance.
+       * </p>
+       * <p>
+       * The default is 0.0d which disables parallel snap lines.
+       * </p>
+       * @default 0.0
+       * @type {number}
+       */
+      edgeToEdgeDistance:number;
+      /**
+       * Determines whether this context will automatically snap the movement in such a way that the overall move gesture is
+       * constrained to the horizontal or vertical axis.
+       * <p>
+       * The default is false.
+       * </p>
+       * @default false
+       * @type {boolean}
+       */
+      snapOrthogonalMovement:boolean;
+      /**
+       * Determines whether this instance will try to align the centers of adjacent nodes so that their centers are equally far
+       * away from each other.
+       * <p>
+       * Note that this will only make a difference for differently sized nodes.
+       * </p>
+       * <p>
+       * By default this feature is turned off, so that the instance will try to distribute nodes evenly, so that there is the
+       * same spacing between their borders, not between their centers.
+       * </p>
+       * @default false
+       * @type {boolean}
+       */
+      collectNodePairCenterSnapLines:boolean;
+      /**
+       * Gets or sets a value indicating whether this instance will collect pairs of adjacent nodes and add snapping logic so
+       * that moved nodes will snap so that the distances to the adjacent nodes are equal.
+       * @default true
+       * @type {boolean}
+       */
+      collectNodePairSnapLines:boolean;
+      /**
+       * Gets or sets a value indicating whether this instance will collect pairs of adjacent nodes and add snapping logic so
+       * that moved edge segments will snap so that the distances to the adjacent nodes are equal.
+       * @default true
+       * @type {boolean}
+       */
+      collectNodePairSegmentSnapLines:boolean;
+      /**
+       * Gets or sets the type of the grid snapping that should be performed.
+       * <p>
+       * Determines which grid elements an object should snap to.
+       * </p>
+       * @see yfiles.input.GraphSnapContext#nodeGridConstraintProvider
+       * @see yfiles.input.GraphSnapContext#bendGridConstraintProvider
+       * @see yfiles.input.GraphSnapContext#portGridConstraintProvider
+       * @default yfiles.input.GridSnapTypes.NONE
+       * @type {yfiles.input.GridSnapTypes}
+       */
+      gridSnapType:yfiles.input.GridSnapTypes;
+      /**
+       * Gets or sets the GridSnapDistance.
+       * <p>
+       * The maximum distance between the current mouse coordinates and the coordinates to which the mouse will snap. The
+       * distance is interpreted in view coordinates.
+       * </p>
+       * @default 10.0
+       * @type {number}
+       */
+      gridSnapDistance:number;
+      /**
+       * Gets or sets the grid constraint provider for the {@link yfiles.graph.INode}s.
+       * @type {yfiles.input.IGridConstraintProvider.<yfiles.graph.INode>}
+       */
+      nodeGridConstraintProvider:yfiles.input.IGridConstraintProvider<yfiles.graph.INode>;
+      /**
+       * Gets or sets the grid constraint provider for the {@link yfiles.graph.IBend}s.
+       * @type {yfiles.input.IGridConstraintProvider.<yfiles.graph.IBend>}
+       */
+      bendGridConstraintProvider:yfiles.input.IGridConstraintProvider<yfiles.graph.IBend>;
+      /**
+       * Gets or sets the grid constraint provider for the {@link yfiles.graph.IPort}s.
+       * @type {yfiles.input.IGridConstraintProvider.<yfiles.graph.IPort>}
+       */
+      portGridConstraintProvider:yfiles.input.IGridConstraintProvider<yfiles.graph.IPort>;
+      /**
+       * Gets or sets the amount by which snap lines that are induced by existing edge segments and node borders are being
+       * extended.
+       * <p>
+       * The default is <code>40.0d</code>, this value will be used to extend the ends of the snap lines.
+       * </p>
+       * @default 40.0
+       * @type {number}
+       */
+      snapLineExtension:number;
+      /**
+       * Gets or sets a value indicating whether to crop the snap lines at obstacles.
+       * <p>
+       * The default is <code>true</code>
+       * </p>
+       * @type {boolean}
+       */
+      cropSnapLines:boolean;
+      /**
+       * The collection of {@link yfiles.input.OrthogonalSnapLine}s for fixed nodes.
+       * <p>
+       * This collection is only available if {@link yfiles.input.SnapContext#isInitialized} is <code>true</code>.
+       * </p>
+       * @see yfiles.input.GraphSnapContext#getFixedNodeSnapLines
+       * @type {yfiles.collections.IEnumerable.<yfiles.input.OrthogonalSnapLine>}
+       */
+      fixedNodeSnapLines:yfiles.collections.IEnumerable<yfiles.input.OrthogonalSnapLine>;
+      /**
+       * The collection of {@link yfiles.input.OrthogonalSnapLine}s for fixed segments.
+       * <p>
+       * This collection is only available if {@link yfiles.input.SnapContext#isInitialized} is <code>true</code>.
+       * </p>
+       * @see yfiles.input.GraphSnapContext#getFixedSegmentSnapLines
+       * @type {yfiles.collections.IEnumerable.<yfiles.input.OrthogonalSnapLine>}
+       */
+      fixedSegmentSnapLines:yfiles.collections.IEnumerable<yfiles.input.OrthogonalSnapLine>;
+      /**
+       * The collection of {@link yfiles.input.OrthogonalSnapLine}s to which ports should be snapping.
+       * <p>
+       * This collection is only available if {@link yfiles.input.SnapContext#isInitialized} is <code>true</code>.
+       * </p>
+       * @see yfiles.input.GraphSnapContext#getFixedPortSnapLines
+       * @type {yfiles.collections.IEnumerable.<yfiles.input.OrthogonalSnapLine>}
+       */
+      fixedPortSnapLines:yfiles.collections.IEnumerable<yfiles.input.OrthogonalSnapLine>;
+      /**
+       * The collection of additional {@link yfiles.input.OrthogonalSnapLine}s.
+       * <p>
+       * This collection is only available if {@link yfiles.input.SnapContext#isInitialized} is <code>true</code>.
+       * </p>
+       * @see yfiles.input.GraphSnapContext#getAdditionalSnapLines
+       * @type {yfiles.collections.IEnumerable.<yfiles.input.OrthogonalSnapLine>}
+       */
+      additionalSnapLines:yfiles.collections.IEnumerable<yfiles.input.OrthogonalSnapLine>;
+      static $class:yfiles.lang.Class;
+    }
+    export enum MoveTypes{
+      /**
+       * The element does not move at all during the edit.
+       */
+      FIXED,
+      /**
+       * The element moves linearly with the mouse in horizontal direction.
+       */
+      LINEAR_MOVE_X,
+      /**
+       * The element moves linearly with the mouse in vertical direction.
+       */
+      LINEAR_MOVE_Y,
+      /**
+       * The element moves linearly with the mouse in both directions.
+       */
+      LINEAR_MOVE,
+      /**
+       * The element moves in horizontal direction but not linearly/predictably with the mouse.
+       * <p>
+       * A typical example is a port whose position is adjusted during a resize of its owning node.
+       * </p>
+       * <p>
+       * Elements which do not move linearly with the mouse cannot snap to a defined position.
+       * </p>
+       */
+      ARBITRARY_MOVE_X,
+      /**
+       * The element moves in vertical direction but not linearly/predictably with the mouse.
+       * <p>
+       * A typical example is a port whose position is adjusted during a resize of its owning node.
+       * </p>
+       * <p>
+       * Elements which do not move linearly with the mouse cannot snap to a defined position.
+       * </p>
+       */
+      ARBITRARY_MOVE_Y,
+      /**
+       * The element moves in both directions but not linearly/predictably with the mouse.
+       * <p>
+       * A typical example is a port whose position is adjusted during a resize of its owning node.
+       * </p>
+       * <p>
+       * Elements which do not move linearly with the mouse cannot snap to a defined position.
+       * </p>
+       */
+      ARBITRARY_MOVE,
+      /**
+       * The bitwise combination of {@link yfiles.input.MoveTypes#LINEAR_MOVE_X} and {@link yfiles.input.MoveTypes#ARBITRARY_MOVE_X}
+       */
+      MOVEMENT_X,
+      /**
+       * The bitwise combination of {@link yfiles.input.MoveTypes#LINEAR_MOVE_Y} and {@link yfiles.input.MoveTypes#ARBITRARY_MOVE_Y}
+       */
+      MOVEMENT_Y
+    }
+    /**
+     * A helper class that is used in the context of {@link yfiles.input.GraphSnapContext} to describe the movement of entities during
+     * the edit process.
+     * @class
+     */
+    export interface MovementInfo extends Object{}
+    export class MovementInfo {
+      /**
+       * Initializes a new instance of the {@link yfiles.input.MovementInfo} class.
+       * @param originalLocation The original location.
+       * @param moveType The type of the move.
+       * @param movedItem The item that is being moved.
+       * @protected
+       */
+      constructor(originalLocation:yfiles.geometry.Point,moveType:yfiles.input.MoveTypes,movedItem:yfiles.graph.IModelItem);
+      /**
+       * Gets the new x coordinate of the element if the mouse has been moved by <code>dx</code> during the gesture.
+       * <p>
+       * This takes the {@link yfiles.input.MovementInfo#moveType} and {@link yfiles.input.MovementInfo#originalLocation} into account.
+       * </p>
+       * @param dx The delta x coordinate.
+       * @returns The new x coordinate.
+       */
+      getX(dx:number):number;
+      /**
+       * Gets the new y coordinate of the element if the mouse has been moved by <code>dy</code> during the gesture.
+       * <p>
+       * This takes the {@link yfiles.input.MovementInfo#moveType} and {@link yfiles.input.MovementInfo#originalLocation} into account.
+       * </p>
+       * @param dy The delta y coordinate.
+       * @returns The new y coordinate.
+       */
+      getY(dy:number):number;
+      /**
+       * Determines whether this instances moves synchronized with the provided info.
+       * @param info The info to check.
+       * @returns Whether this info and the given info move horizontally synchronized.
+       * @see yfiles.input.MovementInfo#horizontalAnchor
+       */
+      movesHorizontallySynchronizedWith(info:yfiles.input.MovementInfo):boolean;
+      /**
+       * Determines whether this instances moves synchronized with the provided info.
+       * @param info The info to check.
+       * @returns Whether this info and the given info move vertically synchronized.
+       * @see yfiles.input.MovementInfo#verticalAnchor
+       */
+      movesVerticallySynchronizedWith(info:yfiles.input.MovementInfo):boolean;
+      /**
+       * Gets the item that is being moved.
+       * @type {yfiles.graph.IModelItem}
+       */
+      movedItem:yfiles.graph.IModelItem;
+      /**
+       * Gets or sets the horizontal movement info to which this info is anchored horizontally.
+       * <p>
+       * This info can be declared to be implicitly anchored to another info. Method {@link yfiles.input.MovementInfo#movesHorizontallySynchronizedWith}
+       * will try to match against the anchors to determine if two infos are moving synchronized.
+       * </p>
+       * @type {yfiles.input.MovementInfo}
+       */
+      horizontalAnchor:yfiles.input.MovementInfo;
+      /**
+       * Gets or sets the vertical movement info to which this info is anchored vertically.
+       * <p>
+       * This info can be declared to be implicitly anchored to another info. Method {@link yfiles.input.MovementInfo#movesVerticallySynchronizedWith}
+       * will try to match against the anchors to determine if two infos are moving synchronized.
+       * </p>
+       * @type {yfiles.input.MovementInfo}
+       */
+      verticalAnchor:yfiles.input.MovementInfo;
+      /**
+       * Gets the original location of the element at the time the editing started.
+       * @type {yfiles.geometry.Point}
+       */
+      originalLocation:yfiles.geometry.Point;
+      /**
+       * Gets the current location as a live point.
+       * @abstract
+       * @type {yfiles.geometry.IPoint}
+       */
+      currentLocation:yfiles.geometry.IPoint;
+      /**
+       * Indicates the type of the movement for this instance.
+       * @type {yfiles.input.MoveTypes}
+       */
+      moveType:yfiles.input.MoveTypes;
+      /**
+       * Gets a value indicating whether the y coordinate of the item is fixed during the move operation.
+       * @type {boolean}
+       */
+      isVerticallyFixed:boolean;
+      /**
+       * Gets a value indicating whether the x coordinate of the item is fixed during the move operation.
+       * @type {boolean}
+       */
+      isHorizontallyFixed:boolean;
+      static $class:yfiles.lang.Class;
+    }
+    /**
+     * A snap line is a line segment in the world coordinate system to which other items (lines or points) snap during
+     * interactive movements.
+     * <p>
+     * {@link yfiles.input.GraphSnapContext} and {@link yfiles.input.LabelSnapContext} make use of this class to interactively snap moving
+     * elements to snap lines.
+     * </p>
+     * @class
+     */
+    export interface SnapLine extends Object{}
+    export class SnapLine {
+      /**
+       * Creates a new snap line using the provided attributes.
+       * @param snapType The type of the line that describes how other items will snap to this line. This is one of
+       * {@link #TOP}, {@link #BOTTOM}, {@link #LEFT},
+       * {@link #RIGHT}, or {@link #CENTER}.
+       * @param resourceKey A resource key which determines the visual representation of this snap line.
+       * @param coordinates The coordinates of the center point of the snap line.
+       * @param from The first location that delimits this snap line.
+       * @param to The second location that delimits this snap line.
+       * @param tag A tag that is associated with this snap line - see {@link #tag} for a typical use of this value.
+       * @param weight The weight (importance) of this snap line. If more than one snap line is snapped to, the one with the greater weight
+       * will be used.
+       */
+      constructor(snapType:yfiles.input.SnapLineSnapTypes,resourceKey:string,coordinates:yfiles.geometry.Point,from:yfiles.geometry.Point,to:yfiles.geometry.Point,tag:Object,weight:number);
+      /**
+       * Resource key which determines a snap line having a fixed visualization independent of the {@link yfiles.input.SnapResult}.
+       * @const
+       * @static
+       * @type {string}
+       */
+      static SNAP_LINE_FIXED_LINE_KEY:string;
+      /**
+       * Resource key which determines a snap line with three special locations, for example the start, end and center of an edge
+       * segment.
+       * @const
+       * @static
+       * @type {string}
+       */
+      static SNAP_LINE_EDGE_SEGMENT_KEY:string;
+      /**
+       * Resource key which determines a grid snap line having a fixed visualization independent of the {@link yfiles.input.SnapResult}.
+       * @const
+       * @static
+       * @type {string}
+       */
+      static GRID_LINE_FIXED_LINE_KEY:string;
+      /**
+       * Resource key which determines a decorated snap line between the {@link yfiles.input.SnapLine#coordinates} and the snapped coordinates.
+       * @const
+       * @static
+       * @type {string}
+       */
+      static SNAP_LINE_VARIABLE_LINE_KEY:string;
+      /**
+       * Resource key which determines a blank line between the {@link yfiles.input.SnapLine#coordinates} and the snapped coordinates.
+       * @const
+       * @static
+       * @type {string}
+       */
+      static SNAP_LINE_BLANK_VARIABLE_LINE_KEY:string;
+      /**
+       * Resource key which determines a decorated line between the {@link yfiles.input.SnapLine#coordinates} and the snapped coordinates that is extended on both sides.
+       * @const
+       * @static
+       * @type {string}
+       */
+      static SNAP_LINE_EXTENDED_VARIABLE_LINE_KEY:string;
+      /**
+       * Resource key which determines a snap line which lets an item snap in a defined distance to another graph item.
+       * @const
+       * @static
+       * @type {string}
+       */
+      static SNAP_LINE_FIXED_DISTANCE_KEY:string;
+      /**
+       * Resource key which determines a snap line which lets an item snap in the center between the bounds of two other items.
+       * @const
+       * @static
+       * @type {string}
+       */
+      static SNAP_LINE_CENTER_BETWEEN_BOUNDS_KEY:string;
+      /**
+       * Resource key which determines a snap line which lets an item snap in the center between the centers of two other items.
+       * @const
+       * @static
+       * @type {string}
+       */
+      static SNAP_LINE_CENTER_BETWEEN_CENTERS_KEY:string;
+      /**
+       * Resource key which determines a snap line which lets an item snap if it has an equal distance to two other items.
+       * @const
+       * @static
+       * @type {string}
+       */
+      static SNAP_LINE_EQUAL_DISTANCE_BETWEEN_BOUNDS_KEY:string;
+      /**
+       * Resource key which determines a snap line which lets an item snap if it's center has an equal distance to the centers'
+       * of two other items.
+       * @const
+       * @static
+       * @type {string}
+       */
+      static SNAP_LINE_EQUAL_DISTANCE_BETWEEN_CENTERS_KEY:string;
+      /**
+       * Resource key which determines the snapping of a resized item if it's new width is equal to another item.
+       * @const
+       * @static
+       * @type {string}
+       */
+      static SNAP_LINE_EQUAL_WIDTH_KEY:string;
+      /**
+       * Resource key which determines the snapping of a resized item if it's new height is equal to another item.
+       * @const
+       * @static
+       * @type {string}
+       */
+      static SNAP_LINE_EQUAL_HEIGHT_KEY:string;
+      /**
+       * Resource key which determines the snapping of an item to a grid position.
+       * @const
+       * @static
+       * @type {string}
+       */
+      static SNAP_TO_GRID_KEY:string;
+      /**
+       * Resource key which determines the {@link yfiles.view.Stroke} used for the snap line visualization.
+       * @const
+       * @static
+       * @type {string}
+       */
+      static SNAP_LINE_STROKE_KEY:string;
+      /**
+       * The type of the line that describes how other items will snap to this line.
+       * <p>
+       * his is one of {@link yfiles.input.SnapLineSnapTypes#TOP}, {@link yfiles.input.SnapLineSnapTypes#BOTTOM},
+       * {@link yfiles.input.SnapLineSnapTypes#LEFT}, {@link yfiles.input.SnapLineSnapTypes#RIGHT}, or {@link yfiles.input.SnapLineSnapTypes#CENTER}.
+       * </p>
+       * @type {yfiles.input.SnapLineSnapTypes}
+       */
+      snapType:yfiles.input.SnapLineSnapTypes;
+      /**
+       * The coordinates of the center point of the snap line.
+       * @type {yfiles.geometry.Point}
+       */
+      coordinates:yfiles.geometry.Point;
+      /**
+       * The tag that is associated with this snap line.
+       * <p>
+       * The tag is most commonly used for the {@link yfiles.input.SnapResult#tag snap result tag}.
+       * </p>
+       * @type {Object}
+       */
+      tag:Object;
+      /**
+       * The weight/importance of this snap line.
+       * <p>
+       * Greater values indicate greater importance.
+       * </p>
+       * @type {number}
+       */
+      weight:number;
+      /**
+       * The first location that delimits this snap line.
+       * @type {yfiles.geometry.Point}
+       */
+      from:yfiles.geometry.Point;
+      /**
+       * The second location that delimits this snap line.
+       * @type {yfiles.geometry.Point}
+       */
+      to:yfiles.geometry.Point;
+      /**
+       * The resource key which determines the visual appearance of the snap line.
+       * @type {string}
+       */
+      resourceKey:string;
+      static $class:yfiles.lang.Class;
+    }
+    /**
+     * An orthogonal snap line, in other words, one that is parallel to the x or y axis.
+     * @class
+     * @extends {yfiles.input.SnapLine}
+     */
+    export interface OrthogonalSnapLine extends yfiles.input.SnapLine{}
+    export class OrthogonalSnapLine {
+      /**
+       * Creates a new snap line using the provided attributes.
+       * @param orientation The orientation of the snap line. This is one of {@link #HORIZONTAL} or
+       * {@link #VERTICAL}.
+       * @param snapType The type of the line that describes how other items will snap to this line. This is one of
+       * {@link #TOP}, {@link #BOTTOM}, {@link #LEFT},
+       * {@link #RIGHT}, or {@link #CENTER}.
+       * @param resourceKey A resource key which determines the visual representation of this snap line.
+       * @param coordinates The coordinates of the center point of the snap line.
+       * @param tag A tag that is associated with this snap line - see {@link #tag} for a typical use of this value.
+       * @param weight The weight (importance) of this snap line. If more than one snap line is snapped to, the one with the greater weight
+       * will be used.
+       */
+      constructor(orientation:yfiles.input.SnapLineOrientation,snapType:yfiles.input.SnapLineSnapTypes,resourceKey:string,coordinates:yfiles.geometry.Point,tag:Object,weight:number);
+      /**
+       * Creates a new snap line using the provided attributes.
+       * @param orientation The orientation of the snap line. This is one of {@link #HORIZONTAL} or
+       * {@link #VERTICAL}.
+       * @param snapType The type of the line that describes how other items will snap to this line. This is one of
+       * {@link #TOP}, {@link #BOTTOM}, {@link #LEFT},
+       * {@link #RIGHT}, or {@link #CENTER}.
+       * @param resourceKey A resource key which determines the visual representation of this snap line.
+       * @param coordinates The coordinates of the center point of the snap line.
+       * @param from The smaller value of the coordinate that delimits this snap line.
+       * @param to The greater value of the coordinate that delimits this snap line.
+       * @param tag A tag that is associated with this snap line - see {@link #tag} for a typical use of this value.
+       * @param weight The weight (importance) of this snap line. If more than one snap line is snapped to, the one with the greater weight
+       * will be used.
+       */
+      constructor(orientation:yfiles.input.SnapLineOrientation,snapType:yfiles.input.SnapLineSnapTypes,resourceKey:string,coordinates:yfiles.geometry.Point,from:number,to:number,tag:Object,weight:number);
+      /**
+       * The orientation of the snap line.
+       * <p>
+       * This is one of {@link yfiles.input.SnapLineOrientation#HORIZONTAL} or {@link yfiles.input.SnapLineOrientation#VERTICAL}.
+       * </p>
+       * @type {yfiles.input.SnapLineOrientation}
+       */
+      orientation:yfiles.input.SnapLineOrientation;
+      static $class:yfiles.lang.Class;
+    }
+    /**
+     * A specialized {@link yfiles.input.OrthogonalSnapLine} that stores a {@link yfiles.input.NodeBasedSnapLine#node} as additional information that can be used for the
+     * visualization.
+     * @class
+     * @extends {yfiles.input.OrthogonalSnapLine}
+     */
+    export interface NodeBasedSnapLine extends yfiles.input.OrthogonalSnapLine{}
+    export class NodeBasedSnapLine {
+      /**
+       * Initializes a new instance of the {@link yfiles.input.NodeBasedSnapLine} class.
+       * @param node The node to assign to {@link #node}.
+       * @param orientation The orientation of the snap line. This is one of {@link #HORIZONTAL} or
+       * {@link #VERTICAL}.
+       * @param snapType The type of the line that describes how other items will snap to this line. This is one of
+       * {@link #TOP}, {@link #BOTTOM}, {@link #LEFT},
+       * {@link #RIGHT}, or {@link #CENTER}.
+       * @param resourceKey A resource key which determines the visual representation of this snap line.
+       * @param coordinates The coordinates of the center point of the snap line.
+       * @param tag A tag that is associated with this snap line - see {@link #tag} for a typical use of this value.
+       * @param weight The weight (importance) of this snap line. If more than one snap line is snapped to, the one with the greater weight
+       * will be used.
+       * @param from The smaller value of the coordinate that delimits this snap line.
+       * @param to The greater value of the coordinate that delimits this snap line.
+       */
+      constructor(node:yfiles.graph.INode,orientation:yfiles.input.SnapLineOrientation,snapType:yfiles.input.SnapLineSnapTypes,resourceKey:string,coordinates:yfiles.geometry.Point,from:number,to:number,tag:Object,weight:number);
+      /**
+       * Initializes a new instance of the {@link yfiles.input.NodeBasedSnapLine} class.
+       * @param node The node to assign to {@link #node}.
+       * @param orientation The orientation of the snap line. This is one of {@link #HORIZONTAL} or
+       * {@link #VERTICAL}.
+       * @param snapType The type of the line that describes how other items will snap to this line. This is one of
+       * {@link #TOP}, {@link #BOTTOM}, {@link #LEFT},
+       * {@link #RIGHT}, or {@link #CENTER}.
+       * @param resourceKey A resource key which determines the visual representation of this snap line.
+       * @param coordinates The coordinates of the center point of the snap line.
+       * @param tag A tag that is associated with this snap line - see {@link #tag} for a typical use of this value.
+       * @param weight The weight (importance) of this snap line. If more than one snap line is snapped to, the one with the greater weight
+       * will be used.
+       */
+      constructor(node:yfiles.graph.INode,orientation:yfiles.input.SnapLineOrientation,snapType:yfiles.input.SnapLineSnapTypes,resourceKey:string,coordinates:yfiles.geometry.Point,tag:Object,weight:number);
+      /**
+       * Gets the node that is associated with this snap line.
+       * <p>
+       * Usually this is the instance that induced this snap line.
+       * </p>
+       * @type {yfiles.graph.INode}
+       */
+      node:yfiles.graph.INode;
+      static $class:yfiles.lang.Class;
+    }
+    /**
+     * A specialized {@link yfiles.input.OrthogonalSnapLine} that stores two {@link yfiles.graph.INode nodes} as additional information that can be used for the
+     * visualization.
+     * @see yfiles.input.NodePairBasedSnapLine#firstNode
+     * @see yfiles.input.NodePairBasedSnapLine#secondNode
+     * @class
+     * @extends {yfiles.input.OrthogonalSnapLine}
+     */
+    export interface NodePairBasedSnapLine extends yfiles.input.OrthogonalSnapLine{}
+    export class NodePairBasedSnapLine {
+      /**
+       * Initializes a new instance of the {@link yfiles.input.NodePairBasedSnapLine} class.
+       * @param firstNode The first node to assign to {@link #firstNode}.
+       * @param secondNode The second node to assign to {@link #secondNode}.
+       * @param orientation The orientation of the snap line. This is one of {@link #HORIZONTAL} or
+       * {@link #VERTICAL}.
+       * @param snapType The type of the line that describes how other items will snap to this line. This is one of
+       * {@link #TOP}, {@link #BOTTOM}, {@link #LEFT},
+       * {@link #RIGHT}, or {@link #CENTER}.
+       * @param resourceKey A resource key which determines the visual representation of this snap line.
+       * @param coordinates The coordinates of the center point of the snap line.
+       * @param tag A tag that is associated with this snap line - see {@link #tag} for a typical use of this value.
+       * @param weight The weight (importance) of this snap line. If more than one snap line is snapped to, the one with the greater weight
+       * will be used.
+       * @param from The smaller value of the coordinate that delimits this snap line.
+       * @param to The greater value of the coordinate that delimits this snap line.
+       */
+      constructor(firstNode:yfiles.graph.INode,secondNode:yfiles.graph.INode,orientation:yfiles.input.SnapLineOrientation,snapType:yfiles.input.SnapLineSnapTypes,resourceKey:string,coordinates:yfiles.geometry.Point,from:number,to:number,tag:Object,weight:number);
+      /**
+       * Initializes a new instance of the {@link yfiles.input.NodePairBasedSnapLine} class.
+       * @param firstNode The first node to assign to {@link #firstNode}.
+       * @param secondNode The second node to assign to {@link #secondNode}.
+       * @param orientation The orientation of the snap line. This is one of {@link #HORIZONTAL} or
+       * {@link #VERTICAL}.
+       * @param snapType The type of the line that describes how other items will snap to this line. This is one of
+       * {@link #TOP}, {@link #BOTTOM}, {@link #LEFT},
+       * {@link #RIGHT}, or {@link #CENTER}.
+       * @param resourceKey A resource key which determines the visual representation of this snap line.
+       * @param coordinates The coordinates of the center point of the snap line.
+       * @param tag A tag that is associated with this snap line - see {@link #tag} for a typical use of this value.
+       * @param weight The weight (importance) of this snap line. If more than one snap line is snapped to, the one with the greater weight
+       * will be used.
+       */
+      constructor(firstNode:yfiles.graph.INode,secondNode:yfiles.graph.INode,orientation:yfiles.input.SnapLineOrientation,snapType:yfiles.input.SnapLineSnapTypes,resourceKey:string,coordinates:yfiles.geometry.Point,tag:Object,weight:number);
+      /**
+       * Gets the first node that is associated with this snap line.
+       * <p>
+       * Usually this is one of the instances that induced this snap line.
+       * </p>
+       * @type {yfiles.graph.INode}
+       */
+      firstNode:yfiles.graph.INode;
+      /**
+       * Gets the second node that is associated with this snap line.
+       * <p>
+       * Usually this is one of the instances that induced this snap line.
+       * </p>
+       * @type {yfiles.graph.INode}
+       */
+      secondNode:yfiles.graph.INode;
+      static $class:yfiles.lang.Class;
+    }
+    /**
+     * A specialized {@link yfiles.input.OrthogonalSnapLine} that stores a {@link yfiles.input.PointBasedSnapLine#point} instance as additional information that can be used for the
+     * visualization.
+     * @class
+     * @extends {yfiles.input.OrthogonalSnapLine}
+     */
+    export interface PointBasedSnapLine extends yfiles.input.OrthogonalSnapLine{}
+    export class PointBasedSnapLine {
+      /**
+       * Initializes a new instance of the {@link yfiles.input.PointBasedSnapLine} class.
+       * @param point The point to assign to {@link #point}.
+       * @param orientation The orientation of the snap line. This is one of {@link #HORIZONTAL} or
+       * {@link #VERTICAL}.
+       * @param snapType The type of the line that describes how other items will snap to this line. This is one of
+       * {@link #TOP}, {@link #BOTTOM}, {@link #LEFT},
+       * {@link #RIGHT}, or {@link #CENTER}.
+       * @param resourceKey A resource key which determines the visual representation of this snap line.
+       * @param coordinates The coordinates of the center point of the snap line.
+       * @param tag A tag that is associated with this snap line - see {@link #tag} for a typical use of this value.
+       * @param weight The weight (importance) of this snap line. If more than one snap line is snapped to, the one with the greater weight
+       * will be used.
+       * @param from The smaller value of the coordinate that delimits this snap line.
+       * @param to The greater value of the coordinate that delimits this snap line.
+       */
+      constructor(point:yfiles.geometry.IPoint,orientation:yfiles.input.SnapLineOrientation,snapType:yfiles.input.SnapLineSnapTypes,resourceKey:string,coordinates:yfiles.geometry.Point,from:number,to:number,tag:Object,weight:number);
+      /**
+       * Initializes a new instance of the {@link yfiles.input.PointBasedSnapLine} class.
+       * @param point The point to assign to {@link #point}.
+       * @param orientation The orientation of the snap line. This is one of {@link #HORIZONTAL} or
+       * {@link #VERTICAL}.
+       * @param snapType The type of the line that describes how other items will snap to this line. This is one of
+       * {@link #TOP}, {@link #BOTTOM}, {@link #LEFT},
+       * {@link #RIGHT}, or {@link #CENTER}.
+       * @param resourceKey A resource key which determines the visual representation of this snap line.
+       * @param coordinates The coordinates of the center point of the snap line.
+       * @param tag A tag that is associated with this snap line - see {@link #tag} for a typical use of this value.
+       * @param weight The weight (importance) of this snap line. If more than one snap line is snapped to, the one with the greater weight
+       * will be used.
+       */
+      constructor(point:yfiles.geometry.IPoint,orientation:yfiles.input.SnapLineOrientation,snapType:yfiles.input.SnapLineSnapTypes,resourceKey:string,coordinates:yfiles.geometry.Point,tag:Object,weight:number);
+      /**
+       * Gets the point that is associated with this snap line.
+       * <p>
+       * Usually this is the instance that induced this snap line.
+       * </p>
+       * @type {yfiles.geometry.IPoint}
+       */
+      point:yfiles.geometry.IPoint;
+      static $class:yfiles.lang.Class;
+    }
+    /**
+     * A specialized {@link yfiles.input.SnapLine} that is parallel to an edge segment and stores that edge.
+     * <p>
+     * In addition to the line itself, this class has three special nape locations the represent the source, center and end
+     * location of the related edge segment. All snap lines of this type have the {@link yfiles.input.SnapLine#snapType} {@link yfiles.input.SnapLineSnapTypes#CENTER} and
+     * the {@link yfiles.input.SnapLine#resourceKey} {@link yfiles.input.SnapLine#SNAP_LINE_EDGE_SEGMENT_KEY}.
+     * </p>
+     * @class
+     * @extends {yfiles.input.SnapLine}
+     */
+    export interface EdgeSegmentSnapLine extends yfiles.input.SnapLine{}
+    export class EdgeSegmentSnapLine {
+      /**
+       * Initializes a new instance of the {@link yfiles.input.PointBasedSnapLine} class.
+       * @param edge The edge to assign to {@link #edge}.
+       * @param from The first location that delimits this snap line.
+       * @param to The second location that delimits this snap line.
+       * @param segmentSource The location that represents the source of the related segment on this line.
+       * @param segmentTarget The location that represents the target of the related segment on this line.
+       * @param distance The distance of this snap line from its related edge segment.
+       * @param segmentIndex The segment index of the related edge segment.
+       * @param tag A tag that is associated with this snap line.
+       * @param weight The weight (importance) of this snap line.
+       */
+      constructor(edge:yfiles.graph.IEdge,from:yfiles.geometry.Point,to:yfiles.geometry.Point,segmentSource:yfiles.geometry.Point,segmentTarget:yfiles.geometry.Point,distance:number,segmentIndex:number,tag:Object,weight:number);
+      /**
+       * Initializes a new instance of the {@link yfiles.input.PointBasedSnapLine} class.
+       * @param edge The edge to assign to {@link #edge}.
+       * @param segmentSource The location that represents the source of the related segment on this line. In addition, this location is used as {@link #from}
+       * location.
+       * @param segmentTarget The location that represents the target of the related segment on this line. In addition, this location is used as {@link #to}
+       * location.
+       * @param distance The distance of this snap line from its related edge segment.
+       * @param segmentIndex The segment index of the related edge segment.
+       */
+      constructor(edge:yfiles.graph.IEdge,segmentSource:yfiles.geometry.Point,segmentTarget:yfiles.geometry.Point,distance:number,segmentIndex:number);
+      /**
+       * Gets the edge that is associated with this snap line.
+       * @type {yfiles.graph.IEdge}
+       */
+      edge:yfiles.graph.IEdge;
+      /**
+       * Gets the direction vector of this snap line.
+       * @type {yfiles.geometry.Point}
+       */
+      direction:yfiles.geometry.Point;
+      /**
+       * Gets the distance of this snap line from its related edge segment.
+       * @type {number}
+       */
+      distance:number;
+      /**
+       * Gets the segment index of the related edge segment.
+       * @type {number}
+       */
+      segmentIndex:number;
+      /**
+       * Gets the location that represents the source of the related segment on this line.
+       * @type {yfiles.geometry.Point}
+       */
+      segmentSource:yfiles.geometry.Point;
+      /**
+       * Gets the location that represents the target of the related segment on this line.
+       * @type {yfiles.geometry.Point}
+       */
+      segmentTarget:yfiles.geometry.Point;
+      /**
+       * Gets and sets the location of the source marker of this snap line.
+       * <p>
+       * If this is <code>null</code>, the location of the {@link yfiles.input.EdgeSegmentSnapLine#segmentSource} is marked instead.
+       * </p>
+       * @type {yfiles.geometry.Point}
+       */
+      sourceMarker:yfiles.geometry.Point;
+      /**
+       * Gets and sets the location of the target marker of this snap line.
+       * <p>
+       * If this is <code>null</code>, the location of the {@link yfiles.input.EdgeSegmentSnapLine#segmentTarget} is marked instead.
+       * </p>
+       * @type {yfiles.geometry.Point}
+       */
+      targetMarker:yfiles.geometry.Point;
+      static $class:yfiles.lang.Class;
+    }
+    export enum SnapLineOrientation{
+      /**
+       * Constant that describes a horizontal {@link yfiles.input.SnapLineOrientation orientation} of a snap line.
+       */
+      HORIZONTAL,
+      /**
+       * Constant that describes a vertical {@link yfiles.input.SnapLineOrientation orientation} of a snap line.
+       */
+      VERTICAL
+    }
+    export enum SnapLineSnapTypes{
+      /**
+       * Describes snap lines to which nothing will snap.
+       */
+      NONE,
+      /**
+       * Describes snap lines to which the top sides of rectangular elements will snap.
+       */
+      TOP,
+      /**
+       * Describes snap lines to which the bottom sides of rectangular elements will snap.
+       */
+      BOTTOM,
+      /**
+       * Describes snap lines to which the left sides of rectangular elements will snap.
+       */
+      LEFT,
+      /**
+       * Describes snap lines to which the right sides of rectangular elements will snap.
+       */
+      RIGHT,
+      /**
+       * Describes snap lines to which the center of elements will snap.
+       */
+      CENTER,
+      /**
+       * Describes vertical snap lines
+       */
+      VERTICAL,
+      /**
+       * Describes horizontal snap lines
+       */
+      HORIZONTAL,
+      /**
+       * Describes snap lines to which all elements will snap at all sides
+       */
+      ALL
+    }
+    /**
+     * A simple default implementation of an {@link yfiles.input.IPortCandidate}.
+     * <p>
+     * Subclasses need to override {@link yfiles.input.DefaultPortCandidate#createInstance} if they don't {@link yfiles.input.DefaultPortCandidate#setInstance set} a port instance.
+     * </p>
+     * @class
+     * @implements {yfiles.input.IPortCandidate}
+     */
+    export interface DefaultPortCandidate extends Object,yfiles.input.IPortCandidate{}
+    export class DefaultPortCandidate {
+      /**
+       * Creates a candidate for the given <code>owner</code> that uses the graph's defaults for the port's style and a default parameter for
+       * the given <code>model</code>.
+       * <p>
+       * The {@link yfiles.input.DefaultPortCandidate#locationParameter} is set to the parameter that best matches the {@link yfiles.geometry.Point#ORIGIN origin} for the given <code>model</code>.
+       * </p>
+       * @param owner The owner.
+       * @param model The model.
+       */
+      constructor(owner:yfiles.graph.IPortOwner,model:yfiles.graph.IPortLocationModel);
+      /**
+       * Creates a candidate for the given <code>owner</code> that uses the graph's defaults for the port's style and the given
+       * <code>locationParameter</code>.
+       * <p>
+       * If no <code>locationParameter</code> is given, the used candidate has a fixed location at {@link yfiles.geometry.Point#ORIGIN} that does not
+       * depend on the <code>owner</code>.
+       * </p>
+       * @param owner The owner.
+       * @param [locationParameter=null] The location.
+       * @param [validity=yfiles.input.PortCandidateValidity.VALID] The validity of the port candidate.
+       */
+      constructor(owner:yfiles.graph.IPortOwner,locationParameter?:yfiles.graph.IPortLocationModelParameter,validity?:yfiles.input.PortCandidateValidity);
+      /**
+       * Creates a candidate for the given <code>owner</code> that uses the graph's defaults for the port's style and the given
+       * <code>locationParameter</code>.
+       * <p>
+       * If no <code>locationParameter</code> is given, the used candidate has a fixed location at {@link yfiles.geometry.Point#ORIGIN} that does not
+       * depend on the <code>owner</code>.
+       * </p>
+       * @param {Object} options The parameters to pass.
+       * @param options.owner The owner.
+       * @param [options.locationParameter=null] The location.
+       * @param [options.validity=yfiles.input.PortCandidateValidity.VALID] The validity of the port candidate.
+       */
+      constructor(options:{owner:yfiles.graph.IPortOwner,locationParameter?:yfiles.graph.IPortLocationModelParameter,validity?:yfiles.input.PortCandidateValidity});
+      /**
+       * Creates a candidate using the given port as the template.
+       * @param port The port to use.
+       */
+      constructor(port:yfiles.graph.IPort);
+      /**
+       * Actually creates the {@link yfiles.graph.IPort} instance.
+       * <p>
+       * This method is called in response to a call to {@link yfiles.input.DefaultPortCandidate#createPort} on this instance and the
+       * instances created by {@link yfiles.input.DefaultPortCandidate#getPortCandidateAt}.
+       * </p>
+       * @param context The input mode context.
+       * @param graph The graph to add the port to.
+       * @param locationParameter The parameter to use.
+       * @param style The style to use.
+       * @param tag The tag to use.
+       * @returns The newly created port.
+       * @protected
+       */
+      createInstance(context:yfiles.input.IInputModeContext,graph:yfiles.graph.IGraph,locationParameter:yfiles.graph.IPortLocationModelParameter,style:yfiles.styles.IPortStyle,tag:Object):yfiles.graph.IPort;
+      /**
+       * This implementation will throw a {@link yfiles.lang.Exception} if the validity is {@link yfiles.input.PortCandidateValidity#DYNAMIC}.
+       * <p>
+       * This implementation will delegate to the {@link yfiles.input.DefaultPortCandidate#createInstance} method.
+       * </p>
+       * @param context
+       * @returns 
+       */
+      createPort(context:yfiles.input.IInputModeContext):yfiles.graph.IPort;
+      /**
+       * Returns a candidate that is derived from this instance that best fits the provided <code>location</code>.
+       * <p>
+       * The returned implementation will finally call {@link yfiles.input.DefaultPortCandidate#createInstance} using the newly
+       * calculated {@link yfiles.input.DefaultPortCandidate#locationParameter}.
+       * </p>
+       * @param context The input mode context for which a concrete candidate is queried.
+       * @param location The location for which a candidate should be returned.
+       * @returns A {@link } implementation whose {@link #validity} is guaranteed to be non-{@link #DYNAMIC}.
+       * @see yfiles.input.DefaultPortCandidate#validity
+       */
+      getPortCandidateAt(context:yfiles.input.IInputModeContext,location:yfiles.geometry.Point):yfiles.input.IPortCandidate;
+      /**
+       * Sets the instance that will be returned by {@link yfiles.input.DefaultPortCandidate#port} and {@link yfiles.input.DefaultPortCandidate#createPort}.
+       * @param port A port that already exists in the graph or <code>null</code>.
+       */
+      setInstance(port:yfiles.graph.IPort):void;
+      /**
+       * Determines whether this candidate is a valid one depending on the context it has been obtained from.
+       * @default yfiles.input.PortCandidateValidity.VALID
+       * @type {yfiles.input.PortCandidateValidity}
+       */
+      validity:yfiles.input.PortCandidateValidity;
+      /**
+       * Gets or set the tag for this candidate.
+       * <p>
+       * The interpretation of this value is implementation dependent and may be used for visual feedback or interactive
+       * behavior.
+       * </p>
+       * @default null
+       * @type {Object}
+       */
+      candidateTag:Object;
+      /**
+       * Gets or sets the port tag to create the port with.
+       * @default null
+       * @type {Object}
+       */
+      portTag:Object;
+      /**
+       * Gets or sets the model parameter that will be used for the {@link yfiles.graph.IPort#locationParameter} if this candidate is chosen.
+       * <p>
+       * The parameter which may not be <code>null</code>.
+       * </p>
+       * @type {yfiles.graph.IPortLocationModelParameter}
+       */
+      locationParameter:yfiles.graph.IPortLocationModelParameter;
+      /**
+       * The model that will be used by this instance to determine the new {@link yfiles.input.DefaultPortCandidate#locationParameter} if the {@link yfiles.input.DefaultPortCandidate#getPortCandidateAt}
+       * is called and the {@link yfiles.input.DefaultPortCandidate#validity} is set to {@link yfiles.input.PortCandidateValidity#DYNAMIC}.
+       * @default null
+       * @type {yfiles.graph.IPortLocationModel}
+       */
+      model:yfiles.graph.IPortLocationModel;
+      /**
+       * Gets or sets the style to use for the newly created port.
+       * @default null
+       * @type {yfiles.styles.IPortStyle}
+       */
+      style:yfiles.styles.IPortStyle;
+      /**
+       * Gets or sets the owner of the port to be created.
+       * @type {yfiles.graph.IPortOwner}
+       */
+      owner:yfiles.graph.IPortOwner;
+      /**
+       * Returns the instance provided to the constructor or to the {@link yfiles.input.DefaultPortCandidate#setInstance setter}.
+       * @see yfiles.input.DefaultPortCandidate#createPort
+       * @type {yfiles.graph.IPort}
+       */
+      port:yfiles.graph.IPort;
+      static $class:yfiles.lang.Class;
+    }
+    /**
+     * The {@link yfiles.input.IPositionHandler} implementation used in the context of {@link yfiles.graph.IGraph}s where there is a
+     * {@link yfiles.graph.IGraph#getChildren active hierarchy}.
+     * <p>
+     * This implementation delegates through to a simpler implementation that only deals with the geometric relocation of the
+     * node. In addition to that it finds the {@link yfiles.input.IReparentNodeHandler} from the {@link yfiles.input.IInputModeContext} to
+     * detect {@link yfiles.input.IReparentNodeHandler#isReparentGesture a reparenting gesture} by the user. If such a gesture is recognized, the node can be moved freely until a {@link yfiles.input.IReparentNodeHandler#isValidParent valid new parent node}
+     * is found. This implementation then temporarily sets that node as a new visual parent and highlight the node. When the
+     * gesture is finished, the {@link yfiles.input.IReparentNodeHandler#reparent} method is called to perform the actual reparenting.
+     * </p>
+     * <p>
+     * In order to customize this default behavior, subclasses of this type can be {@link yfiles.graph.NodeDecorator#positionHandlerDecorator decorated} to the
+     * {@link yfiles.graph.INode}s in the graph.
+     * </p>
+     * @class
+     * @implements {yfiles.input.IPositionHandler}
+     */
+    export interface GroupingNodePositionHandler extends Object,yfiles.input.IPositionHandler{}
+    export class GroupingNodePositionHandler {
+      /**
+       * Initializes a new instance of the {@link yfiles.input.GroupingNodePositionHandler} class.
+       * <p>
+       * This implementation uses the provided <code>wrappedHandler</code> to delegate the handling of the node's {@link yfiles.graph.INode#layout} changes.
+       * </p>
+       * @param node The node to reposition.
+       * @param [wrappedHandler=null] The positionhandler to
+       */
+      constructor(node:yfiles.graph.INode,wrappedHandler?:yfiles.input.IPositionHandler);
+      /**
+       * 
+       * @param inputModeContext
+       * @param originalLocation
+       */
+      cancelDrag(inputModeContext:yfiles.input.IInputModeContext,originalLocation:yfiles.geometry.Point):void;
+      /**
+       * 
+       * @param inputModeContext
+       * @param originalLocation
+       * @param newLocation
+       */
+      dragFinished(inputModeContext:yfiles.input.IInputModeContext,originalLocation:yfiles.geometry.Point,newLocation:yfiles.geometry.Point):void;
+      /**
+       * 
+       * @param inputModeContext
+       * @param originalLocation
+       * @param newLocation
+       */
+      handleMove(inputModeContext:yfiles.input.IInputModeContext,originalLocation:yfiles.geometry.Point,newLocation:yfiles.geometry.Point):void;
+      /**
+       * 
+       * @param inputModeContext
+       */
+      initializeDrag(inputModeContext:yfiles.input.IInputModeContext):void;
+      /**
+       * Sets a temporary visual parent for the node during reparenting.
+       * <p>
+       * This is used to show the grouping hierarchy level a node would end in after finishing the reparenting gesture. Override
+       * this method with an empty implementation to not change the z-order of the dragged node during the gesture.
+       * </p>
+       * @param inputModeContext The current {@link }.
+       * @param node The node being reparented.
+       * @param parent The temporary parent for the node.
+       */
+      setCurrentParent(inputModeContext:yfiles.input.IInputModeContext,node:yfiles.graph.INode,parent:yfiles.graph.INode):void;
+      /**
+       * Delegates to the wrapped {@link yfiles.input.IPositionHandler}'s {@link yfiles.input.IDragHandler#location location}.
+       * @type {yfiles.geometry.IPoint}
+       */
+      location:yfiles.geometry.IPoint;
+      static $class:yfiles.lang.Class;
+    }
+    /**
+     * Callback interface for instances that can create bends for a given edge and graph.
+     * <p>
+     * Implementations of this interface may be found in the {@link yfiles.graph.ILookup#lookup} of {@link yfiles.graph.IEdge} instances. This
+     * interface is used by {@link yfiles.input.GraphEditorInputMode} to create new bends for an edge as soon as the user performs the
+     * bend creation gesture.
+     * </p>
+     * @see yfiles.input.GraphEditorInputMode#onCreateBendInputModeBendCreated
+     * @interface
+     */
+    export interface IBendCreator extends Object{
+      /**
+       * Creates a bend at the given graph for the given edge at the position supplied.
+       * @param context The context for which the bend should be created.
+       * @param graph The graph, the edge belongs to.
+       * @param edge The edge.
+       * @param location The preferred coordinates of the bend.
+       * @returns The index of the bend in the edges' {@link #bends} or <code>-1</code> if no bend has been created.
+       * @abstract
+       */
+      createBend(context:yfiles.input.IInputModeContext,graph:yfiles.graph.IGraph,edge:yfiles.graph.IEdge,location:yfiles.geometry.Point):number;
+    }
+    var IBendCreator:{
+      /**
+       * A static instance that does not create any bends.
+       * @const
+       * @static
+       * @type {yfiles.input.IBendCreator}
+       */
+      NO_BENDS?:yfiles.input.IBendCreator;
+      $class:yfiles.lang.Class;
+      isInstance(o:Object):boolean;
+    };
+    /**
+     * Interface that can be used to find bends at specific locations in the canvas.
+     * <p>
+     * This interface is usually provided through the {@link yfiles.graph.ILookup#lookup} of {@link yfiles.graph.IEdge} implementations.
+     * </p>
+     * @interface
+     */
+    export interface IBendSelectionTester extends Object{
+      /**
+       * Returns the bends within the given rectangle.
+       * @param context The input mode context to use for querying the position.
+       * @param rectangle A rectangle in world coordinates.
+       * @returns The bends inside of <code>rectangle</code>.
+       * @abstract
+       */
+      getBendsInBox(context:yfiles.input.IInputModeContext,rectangle:yfiles.geometry.Rect):yfiles.collections.IEnumerable<yfiles.graph.IBend>;
+      /**
+       * Returns the bend at the given world coordinate position.
+       * @param context The input mode context to use for querying the position.
+       * @param location A location in world coordinates.
+       * @returns The bend at the position or <code>null</code> if there is no bend.
+       * @abstract
+       */
+      getHitBend(context:yfiles.input.IInputModeContext,location:yfiles.geometry.Point):yfiles.graph.IBend;
+    }
+    var IBendSelectionTester:{
+      $class:yfiles.lang.Class;
+      isInstance(o:Object):boolean;
+    };
+    /**
+     * An interface that checks for containment of an {@link yfiles.graph.IBend} in 2D coordinate space.
+     * <p>
+     * This interface is used to determine which bends of edges that connect child nodes are moved when the parent node is
+     * moved. Therefore, special care has to be taken if you want to provide this interface in the <b>node lookup</b> for other purposes, as this
+     * can also affect implicit bend movement.
+     * </p>
+     * @interface
+     */
+    export interface IContainsBendTester extends Object{
+      /**
+       * Determines whether the provided <code>bend</code> is deemed to lie within the shape this test is implemented for.
+       * <p>
+       * This method is used to determine which bends of edges that connect child nodes are moved when the parent node is moved.
+       * If an implementation of {@link yfiles.input.IContainsBendTester} is present in the node's {@link yfiles.graph.ILookup#lookup}, this
+       * method is called with the bend and the bend will be moved together with the parent node iff <code>true</code> is returned. If no
+       * implemention is provided, only bends that lie inside the bounds of the parent node are moved.
+       * </p>
+       * @param context The input mode context to use.
+       * @param bend The bend to test
+       * @returns <code>true</code> iff the bend is contained within the shape.
+       * @abstract
+       */
+      contains(context:yfiles.input.IInputModeContext,bend:yfiles.graph.IBend):boolean;
+    }
+    var IContainsBendTester:{
+      $class:yfiles.lang.Class;
+      isInstance(o:Object):boolean;
+    };
+    /**
+     * Interface that is used by the {@link yfiles.input.GraphSnapContext} for {@link yfiles.graph.INode nodes} to collect a number of
+     * {@link yfiles.input.SnapResult}s during the move/edit operation.
+     * <p>
+     * This interface is queried from the {@link yfiles.graph.ILookup} of the
+     * {@link yfiles.graph.INode}s that are being moved during the edit.
+     * </p>
+     * @see yfiles.input.GraphSnapContext
+     * @see yfiles.graph.NodeDecorator#nodeSnapResultProviderDecorator
+     * @interface
+     */
+    export interface INodeSnapResultProvider extends Object{
+      /**
+       * Called when a node is {@link yfiles.input.IDragHandler#handleMove dragged} to add {@link yfiles.input.SnapResult}s for
+       * {@link yfiles.input.OrthogonalSnapLine}s to which this node can potentially snap.
+       * @param context The snap context which manages the snap lines and the settings.
+       * @param evt The event argument to obtain the necessary information from and {@link #addSnapResult add results to}.
+       * @param suggestedLayout The {@link #layout layout} of the node if the node would not snap.
+       * @param node The node that is being moved.
+       * @abstract
+       */
+      collectSnapResults(context:yfiles.input.GraphSnapContext,evt:yfiles.input.CollectSnapResultsEventArgs,suggestedLayout:yfiles.geometry.Rect,node:yfiles.graph.INode):void;
+    }
+    var INodeSnapResultProvider:{
+      $class:yfiles.lang.Class;
+      isInstance(o:Object):boolean;
+    };
+    /**
+     * Interface for classes that help during snapping of parts of edges.
+     * <p>
+     * An implementation of this class is obtained from the lookup of the {@link yfiles.graph.IEdge}s which are being edited during an
+     * operation where {@link yfiles.input.GraphSnapContext graph snapping} is involved.
+     * </p>
+     * @see yfiles.graph.EdgeDecorator#edgeSnapResultProviderDecorator
+     * @interface
+     */
+    export interface IEdgeSnapResultProvider extends Object{
+      /**
+       * Called to during the snapping operation whenever {@link yfiles.input.SnapContext#addCollectSnapResultsListener snap results are collected}.
+       * <p>
+       * This method will be called for each collection of the results.
+       * </p>
+       * @param context The context that is using this instance.
+       * @param evt The event argument to obtain the necessary information from and {@link #addSnapResult add results to}.
+       * @param movementInfos The movement infos that describe the <code>edge</code>.
+       * @param edge The edge for which the {@link }s should be {@link #addSnapResult collected}.
+       * @abstract
+       */
+      collectSnapResults(context:yfiles.input.GraphSnapContext,evt:yfiles.input.CollectSnapResultsEventArgs,movementInfos:yfiles.collections.IListEnumerable<yfiles.input.MovementInfo>,edge:yfiles.graph.IEdge):void;
+    }
+    var IEdgeSnapResultProvider:{
+      $class:yfiles.lang.Class;
+      isInstance(o:Object):boolean;
+    };
+    /**
+     * Interface that is used by the {@link yfiles.input.GraphSnapContext} for {@link yfiles.graph.IBend bends} to collect a number of
+     * {@link yfiles.input.SnapResult}s during the move/edit operation.
+     * <p>
+     * This interface is queried from the {@link yfiles.graph.ILookup} of the
+     * {@link yfiles.graph.IBend}s that are being moved during the edit.
+     * </p>
+     * @see yfiles.input.GraphSnapContext
+     * @see yfiles.graph.BendDecorator#bendSnapResultProviderDecorator
+     * @interface
+     */
+    export interface IBendSnapResultProvider extends Object{
+      /**
+       * Called when a node is {@link yfiles.input.IDragHandler#handleMove dragged} to add {@link yfiles.input.SnapResult}s for
+       * {@link yfiles.input.OrthogonalSnapLine}s to which this bend can potentially snap.
+       * @param context The snap context which manages the snap lines and the settings.
+       * @param evt The event argument to obtain the necessary information from and {@link #addSnapResult add results to}.
+       * @param suggestedLocation The {@link #location location} of the bend if the bend would not snap.
+       * @param bend The bend that is being moved.
+       * @abstract
+       */
+      collectSnapResults(context:yfiles.input.GraphSnapContext,evt:yfiles.input.CollectSnapResultsEventArgs,suggestedLocation:yfiles.geometry.Point,bend:yfiles.graph.IBend):void;
+    }
+    var IBendSnapResultProvider:{
+      $class:yfiles.lang.Class;
+      isInstance(o:Object):boolean;
+    };
+    /**
+     * Interface that is used by the {@link yfiles.input.GraphSnapContext} for {@link yfiles.graph.IPort port} to collect a number of
+     * {@link yfiles.input.SnapResult}s during the move/edit operation.
+     * <p>
+     * This interface is queried from the {@link yfiles.graph.ILookup} of the
+     * {@link yfiles.graph.IPort}s that are being moved during the edit.
+     * </p>
+     * @see yfiles.input.GraphSnapContext
+     * @see yfiles.graph.PortDecorator#portSnapResultProviderDecorator
+     * @interface
+     */
+    export interface IPortSnapResultProvider extends Object{
+      /**
+       * Called when a node is {@link yfiles.input.IDragHandler#handleMove dragged} to add {@link yfiles.input.SnapResult}s for
+       * {@link yfiles.input.OrthogonalSnapLine}s to which this bend can potentially snap.
+       * @param context The snap context which manages the snap lines and the settings.
+       * @param evt The event argument to obtain the necessary information from and {@link #addSnapResult add results to}.
+       * @param suggestedLocation The {@link #location location} of the bend if the bend would not snap.
+       * @param port The port that is being moved
+       * @abstract
+       */
+      collectSnapResults(context:yfiles.input.GraphSnapContext,evt:yfiles.input.CollectSnapResultsEventArgs,suggestedLocation:yfiles.geometry.Point,port:yfiles.graph.IPort):void;
+    }
+    var IPortSnapResultProvider:{
+      $class:yfiles.lang.Class;
+      isInstance(o:Object):boolean;
+    };
+    /**
+     * Interface for an implementation which evaluates a list of given {@link yfiles.input.SnapLine}s for a node which is resized and
+     * adds a set of {@link yfiles.input.SnapResult}s for sizes to which this node can potentially snap.
+     * @interface
+     */
+    export interface INodeReshapeSnapResultProvider extends Object{
+      /**
+       * Called when a node's handle is {@link yfiles.input.IDragHandler#handleMove dragged} to add {@link yfiles.input.SnapResult}s for
+       * {@link yfiles.input.OrthogonalSnapLine}s or sizes to which this node can potentially snap during resizing.
+       * @param context The snap context which manages the snap lines and the settings.
+       * @param evt The event argument to obtain the context from and add the results to.
+       * @param node The node that is being reshaped.
+       * @param reshapeContext Carries information about the reshape operation.
+       * @abstract
+       */
+      collectSnapResults(context:yfiles.input.GraphSnapContext,evt:yfiles.input.CollectSnapResultsEventArgs,node:yfiles.graph.INode,reshapeContext:yfiles.input.ReshapeRectangleContext):void;
+    }
+    var INodeReshapeSnapResultProvider:{
+      $class:yfiles.lang.Class;
+      isInstance(o:Object):boolean;
+    };
+    /**
+     * Helper class that carries information about a reshape operation.
+     * <p>
+     * This class is mainly intended for use by {@link yfiles.input.INodeReshapeSnapResultProvider#collectSnapResults}.
+     * </p>
+     * @class
+     * @final
+     */
+    export interface ReshapeRectangleContext extends Object{}
+    export class ReshapeRectangleContext {
+      /**
+       * Initializes a new instance of the {@link yfiles.input.ReshapeRectangleContext} class.
+       * @param initialBounds The initial bounds of the node.
+       * @param minimumSize The minimum size of the node.
+       * @param maximumSize The maximum size of the node.
+       * @param minimumEnclosedArea The minimum area the node's layout needs to encompass.
+       * @param reshapePosition The position of the reshape handle.
+       * @param topLeftChangeFactor The factor by which the top left corner of the node layout changes when the handle is dragged.
+       * @param bottomRightChangeFactor The factor by which the bottom right corner of the node layout changes when the handle is dragged.
+       * @param sizeChangeFactor The factor by which the size of the node layout changes when the handle is dragged.
+       */
+      constructor(initialBounds:yfiles.geometry.Rect,minimumSize:yfiles.geometry.ISize,maximumSize:yfiles.geometry.ISize,minimumEnclosedArea:yfiles.geometry.IRectangle,reshapePosition:yfiles.input.HandlePositions,topLeftChangeFactor:yfiles.geometry.Point,bottomRightChangeFactor:yfiles.geometry.Point,sizeChangeFactor:yfiles.geometry.Size);
+      /**
+       * Gets the initial bounds of the node.
+       * @type {yfiles.geometry.Rect}
+       */
+      initialBounds:yfiles.geometry.Rect;
+      /**
+       * Gets the minimum size of the node.
+       * @type {yfiles.geometry.ISize}
+       */
+      minimumSize:yfiles.geometry.ISize;
+      /**
+       * Gets or sets the maximum size of the node.
+       * @type {yfiles.geometry.ISize}
+       */
+      maximumSize:yfiles.geometry.ISize;
+      /**
+       * Gets minimum area the node's layout needs to encompass
+       * @type {yfiles.geometry.IRectangle}
+       */
+      minimumEnclosedArea:yfiles.geometry.IRectangle;
+      /**
+       * Gets the position of the reshape handle.
+       * @type {yfiles.input.HandlePositions}
+       */
+      reshapePosition:yfiles.input.HandlePositions;
+      /**
+       * Gets the factor by which the top left corner of the node layout changes when the handle is dragged.
+       * @type {yfiles.geometry.Point}
+       */
+      topLeftChangeFactor:yfiles.geometry.Point;
+      /**
+       * Gets the factor by which the bottom right corner of the node layout changes when the handle is dragged.
+       * @type {yfiles.geometry.Point}
+       */
+      bottomRightChangeFactor:yfiles.geometry.Point;
+      /**
+       * Gets the factor by which the size of the node layout changes when the handle is dragged.
+       * @type {yfiles.geometry.Size}
+       */
+      sizeChangeFactor:yfiles.geometry.Size;
+      static $class:yfiles.lang.Class;
+    }
+    /**
+     * An interface for possible {@link yfiles.graph.IPort} candidates used by {@link yfiles.input.IPortCandidateProvider} and the like.
+     * <p>
+     * Note that if an instance's {@link yfiles.input.IPortCandidate#validity} property is {@link yfiles.input.PortCandidateValidity#DYNAMIC} this instance {@link yfiles.input.IPortCandidate#getPortCandidateAt}
+     * method serves as a factory for the actual candidates.
+     * </p>
+     * @see yfiles.input.IEdgeReconnectionPortCandidateProvider
+     * @see yfiles.input.IPortCandidateProvider
+     * @see yfiles.input.DefaultPortCandidate
+     * @interface
+     */
+    export interface IPortCandidate extends Object{
+      /**
+       * If the client decides to use this port candidate, this method will serve as a factory to create the instance.
+       * <p>
+       * If this candidate wraps an existing port, it may return that {@link yfiles.input.IPortCandidate#port instance}. If this instance's {@link yfiles.input.IPortCandidate#validity} is {@link yfiles.input.PortCandidateValidity#DYNAMIC}
+       * this method may throw an {@link yfiles.lang.Exception}.
+       * </p>
+       * @param context The input mode context for which the port will be created. Implementations can depend on it providing an {@link }
+       * instance in the lookup of the instance.
+       * @returns The port instance to use if this candidate has been chosen. This method may not return <code>null</code>.
+       * @throws {Stubs.Exceptions.NotSupportedError} If the {@link yfiles.input.IPortCandidate#validity} is {@link yfiles.input.PortCandidateValidity#DYNAMIC}.
+       * @see yfiles.input.IInputModeContext#graph
+       * @see yfiles.input.IPortCandidate#port
+       * @see yfiles.input.IPortCandidate#getPortCandidateAt
+       * @abstract
+       */
+      createPort(context:yfiles.input.IInputModeContext):yfiles.graph.IPort;
+      /**
+       * Returns a candidate that is derived from this instance that best fits the provided <code>location</code>.
+       * <p>
+       * This method needs to be called by clients if the {@link yfiles.input.IPortCandidate#validity} of this instance is {@link yfiles.input.PortCandidateValidity#DYNAMIC}. In
+       * that case calling this method must return an instance whose validity is not {@link yfiles.input.PortCandidateValidity#DYNAMIC}.
+       * </p>
+       * @param context The input mode context for which a concrete candidate is queried.
+       * @param location The location for which a candidate should be returned.
+       * @returns A {@link } implementation whose {@link #validity} is guaranteed to be non-{@link #DYNAMIC}.
+       * @see yfiles.input.IPortCandidate#validity
+       * @abstract
+       */
+      getPortCandidateAt(context:yfiles.input.IInputModeContext,location:yfiles.geometry.Point):yfiles.input.IPortCandidate;
+      /**
+       * Possibly yields a user defined tag for this candidate.
+       * <p>
+       * The interpretation of this value is implementation dependent and may be used for visual feedback or interactive
+       * behavior.
+       * </p>
+       * @abstract
+       * @type {Object}
+       */
+      candidateTag:Object;
+      /**
+       * Determines whether this instance is a valid port candidate.
+       * <p>
+       * Implementations of {@link yfiles.input.IPortCandidateProvider} may return sets of port candidates where some of them are marked
+       * as invalid e.g. in order to provide visual feedback. If the value is {@link yfiles.input.PortCandidateValidity#DYNAMIC}, method
+       * {@link yfiles.input.IPortCandidate#getPortCandidateAt} needs to be used to determine a concrete candidate instance.
+       * </p>
+       * @see yfiles.input.IPortCandidate#getPortCandidateAt
+       * @abstract
+       * @type {yfiles.input.PortCandidateValidity}
+       */
+      validity:yfiles.input.PortCandidateValidity;
+      /**
+       * Returns the model parameter that will be used for the {@link yfiles.graph.IPort#locationParameter} if this candidate is chosen.
+       * <p>
+       * Note that the value of this property is undefined if this instance's {@link yfiles.input.IPortCandidate#validity} is {@link yfiles.input.PortCandidateValidity#DYNAMIC}. In
+       * this case, the parameter needs to be obtained via the {@link yfiles.input.IPortCandidate#getPortCandidateAt} instance.
+       * </p>
+       * @abstract
+       * @type {yfiles.graph.IPortLocationModelParameter}
+       */
+      locationParameter:yfiles.graph.IPortLocationModelParameter;
+      /**
+       * Returns the possible owner of the port to be created for this candidate.
+       * @abstract
+       * @type {yfiles.graph.IPortOwner}
+       */
+      owner:yfiles.graph.IPortOwner;
+      /**
+       * Gets the port instance that is already live in the graph if this candidate wraps an existing port or <code>null</code> otherwise.
+       * @see yfiles.input.IPortCandidate#createPort
+       * @abstract
+       * @type {yfiles.graph.IPort}
+       */
+      port:yfiles.graph.IPort;
+    }
+    var IPortCandidate:{
+      $class:yfiles.lang.Class;
+      isInstance(o:Object):boolean;
+    };
+    export enum PortCandidateValidity{
+      /**
+       * The candidate is valid and can be used to connect an edge to.
+       */
+      VALID,
+      /**
+       * The candidate should not be used to connect an edge to.
+       */
+      INVALID,
+      /**
+       * The candidate cannot be used to create a port, instead {@link yfiles.input.IPortCandidate#getPortCandidateAt} needs to be called
+       * to obtain a {@link yfiles.input.IPortCandidate} that is either {@link yfiles.input.PortCandidateValidity#VALID} or
+       * {@link yfiles.input.PortCandidateValidity#INVALID}.
+       */
+      DYNAMIC
+    }
+    /**
+     * This interface is used to provide {@link yfiles.input.IPortCandidate}s for a specific {@link yfiles.graph.IPortOwner}.
+     * <p>
+     * It is used in the context of the items that will later become the owner ({@link yfiles.graph.IPortOwner}) of the ports obtained
+     * from the candidates. They are mainly used during edge creation where there is no real edge yet (only the dummy edge) and
+     * thus they need to use the opposite {@link yfiles.input.IPortCandidate} to understand the context.
+     * </p>
+     * <p>
+     * Implementations of this interface may be queried using the {@link yfiles.graph.ILookup#lookup} method of {@link yfiles.graph.IPortOwner}
+     * implementations like {@link yfiles.graph.INode}.
+     * </p>
+     * <p>
+     * Note that this interface is similar to the interface {@link yfiles.input.IEdgeReconnectionPortCandidateProvider} in the sense
+     * that they will both provide {@link yfiles.input.IPortCandidate} instances in a certain query context. They are used in different
+     * query contexts, though. The two interfaces can come together in concrete implementations of
+     * {@link yfiles.input.IEdgeReconnectionPortCandidateProvider}: an edge could potentially be connected to ports at any given {@link yfiles.graph.IPortOwner}
+     * and thus the {@link yfiles.input.IPortCandidateProvider} interface can be queried from the respective {@link yfiles.graph.IPortOwner}
+     * that the edge will be reconnected to.
+     * </p>
+     * <p><b>Related demos:</b></p>
+     * <ul>
+     * <li>Demo: PortCandidateProvider, demo.yfiles.input.portcandidateprovider</li>
+     * </ul>
+     * @see yfiles.graph.NodeDecorator#portCandidateProviderDecorator
+     * @interface
+     */
+    export interface IPortCandidateProvider extends Object{
+      /**
+       * Returns all port candidates that apply for the provided opposite port candidate.
+       * <p>
+       * The enumerable may both contain {@link yfiles.input.PortCandidateValidity valid, invalid, and dynamic} port candidates.
+       * </p>
+       * @param target The opposite port candidate.
+       * @param context The context for which the candidates should be provided.
+       * @returns An enumerable over all port candidates that are associated with the given opposite port.
+       * @abstract
+       */
+      getSourcePortCandidates(context:yfiles.input.IInputModeContext,target:yfiles.input.IPortCandidate):yfiles.collections.IEnumerable<yfiles.input.IPortCandidate>;
+      /**
+       * Returns all source port candidates that belong to the context of this provider.
+       * <p>
+       * The enumerable may both contain {@link yfiles.input.PortCandidateValidity valid, invalid, and dynamic} port candidates.
+       * </p>
+       * @param context The context for which the candidates should be provided.
+       * @returns An enumerable over all source port candidates that are associated with the current context.
+       * @abstract
+       */
+      getSourcePortCandidates(context:yfiles.input.IInputModeContext):yfiles.collections.IEnumerable<yfiles.input.IPortCandidate>;
+      /**
+       * Returns all port candidates that apply for the provided opposite port candidate.
+       * <p>
+       * The enumerable may both contain {@link yfiles.input.PortCandidateValidity valid, invalid, and dynamic} port candidates.
+       * </p>
+       * @param context The context for which the candidates should be provided.
+       * @param source The opposite port candidate.
+       * @returns An enumerable over all port candidates that are associated with the given opposite port.
+       * @abstract
+       */
+      getTargetPortCandidates(context:yfiles.input.IInputModeContext,source:yfiles.input.IPortCandidate):yfiles.collections.IEnumerable<yfiles.input.IPortCandidate>;
+      /**
+       * Returns all target port candidates that belong to the context of this provider.
+       * <p>
+       * The enumerable may both contain {@link yfiles.input.PortCandidateValidity valid, invalid, and dynamic} port candidates.
+       * </p>
+       * @param context The context for which the candidates should be provided.
+       * @returns An enumerable over all target port candidates that are associated with the current context.
+       * @abstract
+       */
+      getTargetPortCandidates(context:yfiles.input.IInputModeContext):yfiles.collections.IEnumerable<yfiles.input.IPortCandidate>;
+    }
+    var IPortCandidateProvider:{
+      /**
+       * Creates a generic composite implementation for the {@link yfiles.input.IPortCandidateProvider} interface.
+       * @param providers The providers to create the composite from.
+       * @returns 
+       * @static
+       */
+      combine?(...providers:yfiles.input.IPortCandidateProvider[]):yfiles.input.IPortCandidateProvider;
+      /**
+       * Creates a generic composite implementation for the {@link yfiles.input.IPortCandidateProvider} interface.
+       * @param providers The providers to create the composite from.
+       * @returns 
+       * @static
+       */
+      combine?(providers:yfiles.collections.IEnumerable<yfiles.input.IPortCandidateProvider>):yfiles.input.IPortCandidateProvider;
+      /**
+       * Creates an implementation of an {@link yfiles.input.IPortCandidateProvider} that provides only the given port candidates.
+       * @param candidates The port candidates the provider should provide.
+       * @returns A new {@link }.
+       * @static
+       */
+      fromCandidates?(...candidates:yfiles.input.IPortCandidate[]):yfiles.input.PortCandidateProviderBase;
+      /**
+       * Creates an implementation of an {@link yfiles.input.IPortCandidateProvider} that provides only the given port candidates.
+       * @param candidates The port candidates the provider should provide.
+       * @returns A new {@link }.
+       * @static
+       */
+      fromCandidates?(candidates:yfiles.collections.IEnumerable<yfiles.input.IPortCandidate>):yfiles.input.PortCandidateProviderBase;
+      /**
+       * Creates an implementation of the {@link yfiles.input.IPortCandidateProvider} interface that returns the ports that exist in the
+       * given {@link yfiles.graph.IPortOwner#ports}'s {@link yfiles.graph.IPortOwner} collection.
+       * @param owner The owner of the port collection.
+       * @returns 
+       * @static
+       */
+      fromExistingPorts?(owner:yfiles.graph.IPortOwner):yfiles.input.IPortCandidateProvider;
+      /**
+       * Creates a trivial implementation of an {@link yfiles.input.IPortCandidateProvider} that always returns exactly one candidate
+       * that is centered at the node's {@link yfiles.graph.INode#layout}.
+       * @param node The node to get the layout's center from.
+       * @returns 
+       * @static
+       */
+      fromNodeCenter?(node:yfiles.graph.INode):yfiles.input.PortCandidateProviderBase;
+      /**
+       * Creates a simple implementation of an {@link yfiles.input.IPortCandidateProvider} that always returns a candidate that uses the
+       * default {@link yfiles.graph.IPortDefaults#locationParameter} for the corresponding {@link yfiles.graph.IPortDefaults}.
+       * @param owner
+       * @returns 
+       * @static
+       */
+      fromPortDefaults?(owner:yfiles.graph.IPortOwner):yfiles.input.IPortCandidateProvider;
+      /**
+       * Creates an implementation of {@link yfiles.input.IPortCandidateProvider} that works for {@link yfiles.graph.IPortOwner} implementations
+       * that have {@link yfiles.styles.IShapeGeometry} instances in their lookup.
+       * @param owner The owner to receive the shape geometry from
+       * @param minimumSegmentLength the minimum length a segment needs to have in order to be used to add port candidates.
+       * @param ratios A number of double values that are interpreted as ratio values between 0.0 and 1.0. If none are given, the provider
+       * inserts a port candidate at the center of each straight line segment.
+       * @param addExistingPortsEnabled determines whether {@link #addExistingPorts existing ports should be added to the list of ports}.
+       * @returns 
+       * @static
+       */
+      fromShapeGeometry?(owner:yfiles.graph.IPortOwner,addExistingPortsEnabled:boolean,minimumSegmentLength:number,...ratios:number[]):yfiles.input.PortCandidateProviderBase;
+      /**
+       * Creates an implementation of {@link yfiles.input.IPortCandidateProvider} that works for {@link yfiles.graph.IPortOwner} implementations
+       * that have {@link yfiles.styles.IShapeGeometry} instances in their lookup.
+       * @param owner The owner to receive the shape geometry from
+       * @param ratios A number of double values that are interpreted as ratio values between 0.0 and 1.0. If none are given, the provider
+       * inserts a port candidate at the center of each straight line segment.
+       * @returns 
+       * @static
+       */
+      fromShapeGeometry?(owner:yfiles.graph.IPortOwner,...ratios:number[]):yfiles.input.PortCandidateProviderBase;
+      /**
+       * Creates a simple implementation of an {@link yfiles.input.IPortCandidateProvider} that returns unoccupied ports at a given
+       * entity.
+       * @param owner The owner to query the ports from.
+       * @returns 
+       * @static
+       */
+      fromUnoccupiedPorts?(owner:yfiles.graph.IPortOwner):yfiles.input.IPortCandidateProvider;
+      /**
+       * A generic implementation of the {@link yfiles.input.IPortCandidateProvider} interface that provides no candidates.
+       * @const
+       * @static
+       * @type {yfiles.input.IPortCandidateProvider}
+       */
+      NO_CANDIDATES?:yfiles.input.IPortCandidateProvider;
+      $class:yfiles.lang.Class;
+      isInstance(o:Object):boolean;
+    };
+    /**
+     * This interface can be used to query {@link yfiles.input.IPortCandidate}s for a specific existing {@link yfiles.graph.IEdge}
+     * <p>
+     * As the name implies this is only used in the context of reconnecting existing edges. It is queried for existing edges to
+     * find out about possible alternative port candidates that given edge could connect to. It is used during gestures where
+     * an edge is reconnected to another port(candidate), i.e. when the source or target port handle of an edge is moved and
+     * the source or target port properties of the edge get set to the new {@link yfiles.input.IPortCandidate}s.
+     * </p>
+     * <p>
+     * Implementations of this interface can be queried using the {@link yfiles.graph.ILookup#lookup} method of an {@link yfiles.graph.IEdge}
+     * implementation. This interface provides alternative candidates for the {@link yfiles.graph.IEdge#sourcePort} or {@link yfiles.graph.IEdge#targetPort} of an edge.
+     * </p>
+     * <p>
+     * Note that this interface is similar to the interface {@link yfiles.input.IPortCandidateProvider} in the sense that they will
+     * both provide {@link yfiles.input.IPortCandidate} instances in a certain query context. They are used in different query
+     * contexts, though. The two interfaces can come together in concrete implementations of
+     * {@link yfiles.input.IEdgeReconnectionPortCandidateProvider}: an edge could potentially be connected to ports at any given {@link yfiles.graph.IPortOwner}
+     * and thus the {@link yfiles.input.IPortCandidateProvider} interface can be queried from the respective {@link yfiles.graph.IPortOwner}
+     * that the edge will be reconnected to.
+     * </p>
+     * <p><b>Related demos:</b></p>
+     * <ul>
+     * <li>Demo: EdgePortCandidateProvider, demo.yfiles.input.edgeportcandidateprovider</li>
+     * </ul>
+     * @interface
+     */
+    export interface IEdgeReconnectionPortCandidateProvider extends Object{
+      /**
+       * Returns all source port candidates that may be used for the edge.
+       * <p>
+       * The enumerable may both contain {@link yfiles.input.PortCandidateValidity valid, invalid, and dynamic} port candidates.
+       * </p>
+       * @param context The context for which the candidates should be provided.
+       * @returns An enumerable over all source port candidates that are associated with the current context edge.
+       * @abstract
+       */
+      getSourcePortCandidates(context:yfiles.input.IInputModeContext):yfiles.collections.IEnumerable<yfiles.input.IPortCandidate>;
+      /**
+       * Returns all source port candidates that may be used for the edge.
+       * <p>
+       * The enumerable may both contain {@link yfiles.input.PortCandidateValidity valid, invalid, and dynamic} port candidates.
+       * </p>
+       * @param context The context for which the candidates should be provided.
+       * @returns An enumerable over all target port candidates that are associated with the current context edge.
+       * @abstract
+       */
+      getTargetPortCandidates(context:yfiles.input.IInputModeContext):yfiles.collections.IEnumerable<yfiles.input.IPortCandidate>;
+    }
+    var IEdgeReconnectionPortCandidateProvider:{
+      /**
+       * Creates an implementation of the {@link yfiles.input.IEdgeReconnectionPortCandidateProvider} interface that returns the
+       * candidates provided by the source and target port's owner's {@link yfiles.input.IPortCandidateProvider} implementations or the
+       * existing edge's port, if no such provider is registered.
+       * <p>
+       * This instance uses the lookup mechanism of the nodes to query the providers.
+       * </p>
+       * @param edge
+       * @returns 
+       * @static
+       */
+      fromSourceAndTarget?(edge:yfiles.graph.IEdge):yfiles.input.IEdgeReconnectionPortCandidateProvider;
+      /**
+       * Creates an implementation of the {@link yfiles.input.IEdgeReconnectionPortCandidateProvider} interface that returns a union of
+       * all {@link yfiles.input.IPortCandidateProvider#getSourcePortCandidates source port candidates} or {@link yfiles.input.IPortCandidateProvider#getTargetPortCandidates target port candidates}, respectively, of nodes in the graph.
+       * <p>
+       * This implementation can be used to allow for {@link yfiles.input.PortRelocationHandle relocating an edge's port} to any available source or target port in the
+       * graph.
+       * </p>
+       * @const
+       * @static
+       * @type {yfiles.input.IEdgeReconnectionPortCandidateProvider}
+       */
+      ALL_NODE_CANDIDATES?:yfiles.input.IEdgeReconnectionPortCandidateProvider;
+      /**
+       * Creates an implementation of the {@link yfiles.input.IEdgeReconnectionPortCandidateProvider} interface that returns a union of
+       * all {@link yfiles.input.IPortCandidateProvider#getSourcePortCandidates source port candidates} or {@link yfiles.input.IPortCandidateProvider#getTargetPortCandidates target port candidates}, respectively, of nodse and edges in the graph.
+       * <p>
+       * This implementation can be used to allow for {@link yfiles.input.PortRelocationHandle relocating an edge's port} to any available source or target port in the
+       * graph.
+       * </p>
+       * @const
+       * @static
+       * @type {yfiles.input.IEdgeReconnectionPortCandidateProvider}
+       */
+      ALL_NODE_AND_EDGE_CANDIDATES?:yfiles.input.IEdgeReconnectionPortCandidateProvider;
+      $class:yfiles.lang.Class;
+      isInstance(o:Object):boolean;
+    };
+    /**
+     * Interface that can be used to find ports at specific locations in the canvas.
+     * <p>
+     * This interface is mostly provided through the {@link yfiles.graph.ILookup#lookup} of {@link yfiles.graph.IPortOwner} implementations
+     * such as {@link yfiles.graph.INode}.
+     * </p>
+     * @interface
+     */
+    export interface IPortSelectionTester extends Object{
+      /**
+       * Returns the port at the given world coordinate position or <code>null</code> if there is no such port.
+       * @param context The input mode context to use for querying the position.
+       * @param location The coordinates of the position in the world coordinate system.
+       * @returns The port at the position or <code>null</code>.
+       * @abstract
+       */
+      getHitPort(context:yfiles.input.IInputModeContext,location:yfiles.geometry.Point):yfiles.graph.IPort;
+      /**
+       * Returns the ports for the given marquee rectangle.
+       * @param context The input mode context to use for querying the position.
+       * @param rectangle The marquee selection box in the world coordinate system.
+       * @returns An enumerable over the ports inside the marquee selection box.
+       * @abstract
+       */
+      getPortsInBox(context:yfiles.input.IInputModeContext,rectangle:yfiles.geometry.Rect):yfiles.collections.IEnumerable<yfiles.graph.IPort>;
+    }
+    var IPortSelectionTester:{
+      $class:yfiles.lang.Class;
+      isInstance(o:Object):boolean;
+    };
+    /**
+     * Interface for implementations that yield insets for a given {@link yfiles.graph.INode}.
+     * <p>
+     * Implementations of this interface will be queried from an {@link yfiles.graph.INode}'s {@link yfiles.graph.ILookup#lookup} method. The
+     * default implementation of a graph uses this instance by default to determine the insets of a group node.
+     * </p>
+     * @interface
+     */
+    export interface INodeInsetsProvider extends Object{
+      /**
+       * Returns the insets for the given <code>node</code>.
+       * @param node The node to yield insets for.
+       * @returns The insets for the node.
+       * @abstract
+       */
+      getInsets(node:yfiles.graph.INode):yfiles.geometry.Insets;
+    }
+    var INodeInsetsProvider:{
+      $class:yfiles.lang.Class;
+      isInstance(o:Object):boolean;
+    };
     /**
      * Base interface for a command that can be executed.
      * <p>
      * Implementations of this interface are provided by the library. Use {@link yfiles.input.ICommand#createCommand} to conveniently
-     * create your own implementation of this interface that can then be used with .
+     * create your own implementation of this interface that can then be used with AddCommandBinding.
      * </p>
      * @see yfiles.input.ICommand#createCommand
      * @interface
@@ -29710,40 +34347,40 @@ declare namespace system{
     export interface ICommand extends Object{
       /**
        * Determines whether this command be executed with respect to the given parameter and target.
-       * @param {Object} [parameter=null] The parameter or <code>null</code>
-       * @param {Object} [target=null] The target to execute the command on or <code>null</code>
-       * @returns {boolean} Whether {@link yfiles.input.ICommand#execute} can be called with the given <code>parameter</code> and <code>target</code>.
+       * @param [parameter=null] The parameter or <code>null</code>
+       * @param [target=null] The target to execute the command on or <code>null</code>
+       * @returns Whether {@link #execute} can be called with the given <code>parameter</code> and <code>target</code>.
        * @abstract
        */
       canExecute(parameter?:Object,target?:Object):boolean;
       /**
        * Determines whether this command be executed with respect to the given parameter and target.
        * @param {Object} options The parameters to pass.
-       * @param {Object} [options.parameter=null] The parameter or <code>null</code>
-       * @param {Object} [options.target=null] The target to execute the command on or <code>null</code>
-       * @returns {boolean} Whether {@link yfiles.input.ICommand#execute} can be called with the given <code>parameter</code> and <code>target</code>.
+       * @param [options.parameter=null] The parameter or <code>null</code>
+       * @param [options.target=null] The target to execute the command on or <code>null</code>
+       * @returns Whether {@link #execute} can be called with the given <code>parameter</code> and <code>target</code>.
        * @abstract
        */
       canExecute(options:{parameter?:Object,target?:Object}):boolean;
       /**
        * Executes this command with respect to the given parameter and target.
-       * @param {Object} [parameter=null] The parameter or <code>null</code>
-       * @param {Object} [target=null] The target to execute the command on or <code>null</code>
+       * @param [parameter=null] The parameter or <code>null</code>
+       * @param [target=null] The target to execute the command on or <code>null</code>
        * @abstract
        */
       execute(parameter?:Object,target?:Object):void;
       /**
        * Executes this command with respect to the given parameter and target.
        * @param {Object} options The parameters to pass.
-       * @param {Object} [options.parameter=null] The parameter or <code>null</code>
-       * @param {Object} [options.target=null] The target to execute the command on or <code>null</code>
+       * @param [options.parameter=null] The parameter or <code>null</code>
+       * @param [options.target=null] The target to execute the command on or <code>null</code>
        * @abstract
        */
       execute(options:{parameter?:Object,target?:Object}):void;
       /**
        * Adds the given listener for the <code>CanExecuteChanged</code> event that occurs when the result of a call to {@link yfiles.input.ICommand#canExecute}
        * may yield a different result.
-       * @param {function(Object, yfiles.lang.EventArgs): void} listener The listener to add.
+       * @param listener The listener to add.
        * @see yfiles.input.ICommand#removeCanExecuteChangedListener
        * @abstract
        */
@@ -29751,7 +34388,7 @@ declare namespace system{
       /**
        * Removes the given listener for the <code>CanExecuteChanged</code> event that occurs when the result of a call to {@link yfiles.input.ICommand#canExecute}
        * may yield a different result.
-       * @param {function(Object, yfiles.lang.EventArgs): void} listener The listener to remove.
+       * @param listener The listener to remove.
        * @see yfiles.input.ICommand#addCanExecuteChangedListener
        * @abstract
        */
@@ -29764,13 +34401,13 @@ declare namespace system{
        * The return value serves as a token and does not in itself contain any command handling logic. Use to associate command
        * handlers with the instance returned.
        * </p>
-       * @param {string} [name=null] The optional name for the command.
-       * @returns {yfiles.input.ICommand} A new {@link yfiles.input.ICommand} instance.
+       * @param [name=null] The optional name for the command.
+       * @returns A new {@link } instance.
        * @static
        */
       createCommand?(name?:string):yfiles.input.ICommand;
       /**
-       * Suggests a requery of the {@link Root.RH#canExecute executability} of all routed commands that are known to the system to adjust the UI to properly
+       * Suggests a requery of the {@link Root.UO#canExecute executability} of all routed commands that are known to the system to adjust the UI to properly
        * reflect the state.
        * <p>
        * This will enqueue a delayed query into the event queue.
@@ -29873,7 +34510,7 @@ declare namespace system{
        */
       EXPAND_GROUP?:yfiles.input.ICommand;
       /**
-       * A {@link yfiles.input.ICommand} that can be {@link yfiles.input.ICommand#execute executed} from within the {@link yfiles.view.GraphComponent} to {@link yfiles.input.NavigationInputMode#collapseGroup collapse} group nodes.
+       * A {@link yfiles.input.ICommand} that can be {@link yfiles.input.ICommand#execute executed} from within the {@link yfiles.view.GraphComponent} to collapse group nodes.
        * <p>
        * If the parameter to this command is <code>null</code>, the currently selected group nodes are collapsed. If the parameter is an {@link yfiles.graph.INode}
        * instance, that group node will be collapsed. If the parameter is an {@link yfiles.collections.IEnumerable.<T>} instance, then all group nodes in that enumeration
@@ -30172,7 +34809,7 @@ declare namespace system{
        * different amount.
        * </p>
        * <p>
-       * The default shortcut for this command is Page↑.
+       * The default shortcut for this command is Page Up.
        * </p>
        * @see yfiles.input.ICommand#SCROLL_PAGE_DOWN
        * @see yfiles.input.ICommand#SCROLL_PAGE_LEFT
@@ -30190,7 +34827,7 @@ declare namespace system{
        * different amount.
        * </p>
        * <p>
-       * The default shortcut for this command is Page↓.
+       * The default shortcut for this command is Page Down.
        * </p>
        * @see yfiles.input.ICommand#SCROLL_PAGE_UP
        * @see yfiles.input.ICommand#SCROLL_PAGE_LEFT
@@ -30242,7 +34879,7 @@ declare namespace system{
        * {@link yfiles.input.NavigationInputMode} handles this command to select the next item to the left.
        * </p>
        * <p>
-       * The default shortcut for this command is ←.
+       * The default shortcut for this command is Arrow Left.
        * </p>
        * @see yfiles.input.ICommand#MOVE_UP
        * @see yfiles.input.ICommand#MOVE_DOWN
@@ -30260,7 +34897,7 @@ declare namespace system{
        * {@link yfiles.input.NavigationInputMode} handles this command to select the next item to the right.
        * </p>
        * <p>
-       * The default shortcut for this command is →.
+       * The default shortcut for this command is Arrow Right.
        * </p>
        * @see yfiles.input.ICommand#MOVE_UP
        * @see yfiles.input.ICommand#MOVE_DOWN
@@ -30278,7 +34915,7 @@ declare namespace system{
        * {@link yfiles.input.NavigationInputMode} handles this command to select the next item above.
        * </p>
        * <p>
-       * The default shortcut for this command is ↑.
+       * The default shortcut for this command is Arrow Up.
        * </p>
        * @see yfiles.input.ICommand#MOVE_DOWN
        * @see yfiles.input.ICommand#MOVE_LEFT
@@ -30296,7 +34933,7 @@ declare namespace system{
        * {@link yfiles.input.NavigationInputMode} handles this command to select the next item below.
        * </p>
        * <p>
-       * The default shortcut for this command is ↓.
+       * The default shortcut for this command is Arrow Down.
        * </p>
        * @see yfiles.input.ICommand#MOVE_UP
        * @see yfiles.input.ICommand#MOVE_LEFT
@@ -30314,7 +34951,7 @@ declare namespace system{
        * {@link yfiles.input.NavigationInputMode} handles this command to select the parent node, if possible.
        * </p>
        * <p>
-       * The default shortcut for this command is Page↑.
+       * The default shortcut for this command is Page Up.
        * </p>
        * @see yfiles.input.ICommand#MOVE_UP
        * @see yfiles.input.ICommand#MOVE_DOWN
@@ -30332,7 +34969,7 @@ declare namespace system{
        * {@link yfiles.input.NavigationInputMode} handles this command to select the first child node, if possible.
        * </p>
        * <p>
-       * The default shortcut for this command is Page↓.
+       * The default shortcut for this command is Page Down.
        * </p>
        * @see yfiles.input.ICommand#MOVE_UP
        * @see yfiles.input.ICommand#MOVE_DOWN
@@ -30350,7 +34987,7 @@ declare namespace system{
        * {@link yfiles.input.NavigationInputMode} handles this command to focus the next item to the left.
        * </p>
        * <p>
-       * The default shortcut for this command is Ctrl+←.
+       * The default shortcut for this command is Ctrl+Arrow Left.
        * </p>
        * @see yfiles.input.ICommand#MOVE_FOCUS_FORWARD
        * @see yfiles.input.ICommand#MOVE_FOCUS_UP
@@ -30368,7 +35005,7 @@ declare namespace system{
        * {@link yfiles.input.NavigationInputMode} handles this command to focus the next item to the right.
        * </p>
        * <p>
-       * The default shortcut for this command is Ctrl+→.
+       * The default shortcut for this command is Ctrl+Arrow Right.
        * </p>
        * @see yfiles.input.ICommand#MOVE_FOCUS_BACK
        * @see yfiles.input.ICommand#MOVE_FOCUS_UP
@@ -30386,7 +35023,7 @@ declare namespace system{
        * {@link yfiles.input.NavigationInputMode} handles this command to focus the next item above.
        * </p>
        * <p>
-       * The default shortcut for this command is Ctrl+↑.
+       * The default shortcut for this command is Ctrl+Arrow Up.
        * </p>
        * @see yfiles.input.ICommand#MOVE_FOCUS_BACK
        * @see yfiles.input.ICommand#MOVE_FOCUS_FORWARD
@@ -30404,7 +35041,7 @@ declare namespace system{
        * {@link yfiles.input.NavigationInputMode} handles this command to focus the next item below.
        * </p>
        * <p>
-       * The default shortcut for this command is Ctrl+↓.
+       * The default shortcut for this command is Ctrl+Arrow Down.
        * </p>
        * @see yfiles.input.ICommand#MOVE_FOCUS_BACK
        * @see yfiles.input.ICommand#MOVE_FOCUS_FORWARD
@@ -30422,7 +35059,7 @@ declare namespace system{
        * {@link yfiles.input.NavigationInputMode} handles this command to focus the parent node, if possible.
        * </p>
        * <p>
-       * The default shortcut for this command is Ctrl+Page↑.
+       * The default shortcut for this command is Ctrl+Page Up.
        * </p>
        * @see yfiles.input.ICommand#MOVE_FOCUS_BACK
        * @see yfiles.input.ICommand#MOVE_FOCUS_FORWARD
@@ -30440,7 +35077,7 @@ declare namespace system{
        * {@link yfiles.input.NavigationInputMode} handles this command to focus the first child node, if possible.
        * </p>
        * <p>
-       * The default shortcut for this command is Ctrl+Page↓.
+       * The default shortcut for this command is Ctrl+Page Down.
        * </p>
        * @see yfiles.input.ICommand#MOVE_FOCUS_BACK
        * @see yfiles.input.ICommand#MOVE_FOCUS_FORWARD
@@ -30458,7 +35095,7 @@ declare namespace system{
        * {@link yfiles.input.NavigationInputMode} handles this command to extend the selection with the next item to the left.
        * </p>
        * <p>
-       * The default shortcut for this command is Shift+←.
+       * The default shortcut for this command is Shift+Arrow Left.
        * </p>
        * @see yfiles.input.ICommand#EXTEND_SELECTION_UP
        * @see yfiles.input.ICommand#EXTEND_SELECTION_DOWN
@@ -30476,7 +35113,7 @@ declare namespace system{
        * {@link yfiles.input.NavigationInputMode} handles this command to extend the selection with the next item to the right.
        * </p>
        * <p>
-       * The default shortcut for this command is Shift+→.
+       * The default shortcut for this command is Shift+Arrow Right.
        * </p>
        * @see yfiles.input.ICommand#EXTEND_SELECTION_UP
        * @see yfiles.input.ICommand#EXTEND_SELECTION_DOWN
@@ -30494,7 +35131,7 @@ declare namespace system{
        * {@link yfiles.input.NavigationInputMode} handles this command to extend the selection with the next item above.
        * </p>
        * <p>
-       * The default shortcut for this command is Shift+↑.
+       * The default shortcut for this command is Shift+Arrow Up.
        * </p>
        * @see yfiles.input.ICommand#EXTEND_SELECTION_DOWN
        * @see yfiles.input.ICommand#EXTEND_SELECTION_LEFT
@@ -30512,7 +35149,7 @@ declare namespace system{
        * {@link yfiles.input.NavigationInputMode} handles this command to extend the selection with the next item below.
        * </p>
        * <p>
-       * The default shortcut for this command is Shift+↓.
+       * The default shortcut for this command is Shift+Arrow Down.
        * </p>
        * @see yfiles.input.ICommand#EXTEND_SELECTION_UP
        * @see yfiles.input.ICommand#EXTEND_SELECTION_LEFT
@@ -30530,7 +35167,7 @@ declare namespace system{
        * {@link yfiles.input.NavigationInputMode} handles this command to extend the selection with the parent node, if possible.
        * </p>
        * <p>
-       * The default shortcut for this command is Shift+Page↑.
+       * The default shortcut for this command is Shift+Page Up.
        * </p>
        * @see yfiles.input.ICommand#EXTEND_SELECTION_UP
        * @see yfiles.input.ICommand#EXTEND_SELECTION_DOWN
@@ -30548,7 +35185,7 @@ declare namespace system{
        * {@link yfiles.input.NavigationInputMode} handles this command to extend the selection with the first child node, if possible.
        * </p>
        * <p>
-       * The default shortcut for this command is Shift+Page↓.
+       * The default shortcut for this command is Shift+Page Down.
        * </p>
        * @see yfiles.input.ICommand#EXTEND_SELECTION_UP
        * @see yfiles.input.ICommand#EXTEND_SELECTION_DOWN
@@ -30563,7 +35200,7 @@ declare namespace system{
       /**
        * A {@link yfiles.input.ICommand} to increase the zoom level.
        * <p>
-       * {@link yfiles.view.CanvasComponent} handles this command to increase the zoom level by 20&nbsp;%. A different factor from the default
+       * {@link yfiles.view.CanvasComponent} handles this command to increase the zoom level by 20%. A different factor from the default
        * <code>1.2</code> may be given as the command parameter.
        * </p>
        * <p>
@@ -30579,7 +35216,7 @@ declare namespace system{
       /**
        * A {@link yfiles.input.ICommand} to decrease the zoom level.
        * <p>
-       * {@link yfiles.view.CanvasComponent} handles this command to decrease the zoom level by 20&nbsp;%. A different factor from the default
+       * {@link yfiles.view.CanvasComponent} handles this command to decrease the zoom level by 20%. A different factor from the default
        * <code>1.2</code> may be given as the command parameter.
        * </p>
        * <p>
@@ -30639,7 +35276,7 @@ declare namespace system{
        */
       ZOOM_TO_CURRENT_ITEM?:yfiles.input.ICommand;
       /**
-       * A {@link yfiles.input.ICommand} that invokes FitContent if executed.
+       * A {@link yfiles.input.ICommand} that invokes {@link yfiles.input.ICommand#FIT_CONTENT} if executed.
        * @const
        * @static
        * @type {yfiles.input.ICommand}
@@ -30656,5118 +35293,526 @@ declare namespace system{
       isInstance(o:Object):boolean;
     };
     /**
-     * Event arguments for the {@link yfiles.input.GraphSnapContext#addCollectSnapLinesListener CollectSnapLines} event.
-     * <p>
-     * Instances of this class are also passed to
-     * {@link yfiles.input.ISnapLineProvider#addSnapLines}. Implementations of that interface can use the following methods to add snap
-     * lines for specific purposes:
-     * </p>
-     * <ul>
-     * <li><b>{@link yfiles.input.CollectGraphSnapLinesEventArgs#addFixedNodeSnapLine}</b> – Adds an orthogonal snap line for nodes.</li>
-     * <li><b>{@link yfiles.input.CollectGraphSnapLinesEventArgs#addFixedSegmentSnapLine}</b> – Adds an orthogonal snap line for edge segments and bends.</li>
-     * <li><b>{@link yfiles.input.CollectGraphSnapLinesEventArgs#addPortSnapLine}</b> – Adds an orthogonal snap line for ports.</li>
-     * <li><b>{@link yfiles.input.CollectGraphSnapLinesEventArgs#addAdditionalSnapLine}</b> – Adds an additional orthogonal snap line to which all element will snap.</li>
-     * </ul>
-     * @class yfiles.input.CollectGraphSnapLinesEventArgs
-     * @extends {yfiles.input.InputModeEventArgs}
+     * Utility class that holds implementation singletons and utility methods for simple event recognizers.
+     * @class
+     * @static
      */
-    export interface CollectGraphSnapLinesEventArgs extends yfiles.input.InputModeEventArgs{}
-    export class CollectGraphSnapLinesEventArgs {
+    export interface EventRecognizers extends Object{}
+    export class EventRecognizers {
       /**
-       * Initializes a new instance of the {@link yfiles.input.CollectGraphSnapLinesEventArgs} class.
-       * @param {yfiles.input.IInputModeContext} context The context where the event is being used in.
-       * @param {yfiles.collections.ICollection.<yfiles.input.OrthogonalSnapLine>} fixedNodeSnapLines The fixed node snap lines collection to add to.
-       * @param {yfiles.collections.ICollection.<yfiles.input.OrthogonalSnapLine>} fixedSegmentSnapLines The fixed segment snap lines collection to add to.
-       * @param {yfiles.collections.ICollection.<yfiles.input.OrthogonalSnapLine>} fixedPortSnapLines The fixed port snap lines collection to add to.
-       * @param {yfiles.collections.ICollection.<yfiles.input.OrthogonalSnapLine>} additionalSnapLines The additional snap lines collection to add to.
-       * @constructor
+       * Creates an instance that is the logical 'and' combination of the provided recognizers.
+       * @param recognizers The recognizers to perform the logical operation on.
+       * @returns An instance that is the result of the logical 'and' operation of the provided instances.
+       * @static
        */
-      constructor(context:yfiles.input.IInputModeContext,fixedNodeSnapLines:yfiles.collections.ICollection<yfiles.input.OrthogonalSnapLine>,fixedSegmentSnapLines:yfiles.collections.ICollection<yfiles.input.OrthogonalSnapLine>,fixedPortSnapLines:yfiles.collections.ICollection<yfiles.input.OrthogonalSnapLine>,additionalSnapLines:yfiles.collections.ICollection<yfiles.input.OrthogonalSnapLine>);
+      static createAndRecognizer(...recognizers:((eventSource:Object,evt:yfiles.lang.EventArgs)=>boolean)[]):(eventSource:Object,evt:yfiles.lang.EventArgs)=>boolean;
       /**
-       * Adds a snap line all elements will snap to.
-       * @param {yfiles.input.OrthogonalSnapLine} snapLine The snap line to add to the list of lines that all elements snap to by default.
-       * @see yfiles.input.GraphSnapContext#additionalSnapLines
+       * Creates an instance that is the logical 'or' combination of the provided recognizers.
+       * @param recognizers The recognizers to perform the logical operation on.
+       * @returns An instance that is the result of the logical 'or' operation of the provided instances.
+       * @static
        */
-      addAdditionalSnapLine(snapLine:yfiles.input.OrthogonalSnapLine):void;
+      static createOrRecognizer(...recognizers:((eventSource:Object,evt:yfiles.lang.EventArgs)=>boolean)[]):(eventSource:Object,evt:yfiles.lang.EventArgs)=>boolean;
       /**
-       * Adds a snap line for nodes.
-       * @param {yfiles.input.OrthogonalSnapLine} snapLine The snap line to add to the list of lines that nodes snap to by default.
-       * @see yfiles.input.GraphSnapContext#fixedNodeSnapLines
+       * Creates an event recognizer instance that yields the boolean inverse of the given event recognizer.
+       * @param recognizer The recognizer to invert.
+       * @returns An implementation that performs the logical negation for the argument.
+       * @static
        */
-      addFixedNodeSnapLine(snapLine:yfiles.input.OrthogonalSnapLine):void;
+      static inverse(recognizer:(eventSource:Object,evt:yfiles.lang.EventArgs)=>boolean):(eventSource:Object,evt:yfiles.lang.EventArgs)=>boolean;
       /**
-       * Adds a snap line for edge segments and bends.
-       * @param {yfiles.input.OrthogonalSnapLine} snapLine The snap line to add to the list of lines that segments snap to by default.
-       * @see yfiles.input.GraphSnapContext#fixedSegmentSnapLines
-       */
-      addFixedSegmentSnapLine(snapLine:yfiles.input.OrthogonalSnapLine):void;
-      /**
-       * Adds a snap line for ports.
-       * @param {yfiles.input.OrthogonalSnapLine} snapLine The snap line to add to the list of lines that ports snap to by default.
-       * @see yfiles.input.GraphSnapContext#fixedPortSnapLines
-       */
-      addPortSnapLine(snapLine:yfiles.input.OrthogonalSnapLine):void;
-      static $class:yfiles.lang.Class;
-    }
-    /**
-     * Abstract base class for {@link yfiles.input.GraphViewerInputMode} and {@link yfiles.input.GraphEditorInputMode}.
-     * <p>
-     * This class is not supposed to and in fact cannot be extended from user code. It only exists to provide common
-     * functionality to the two aforementioned input modes. If customizations are wanted or needed both {@link yfiles.input.GraphViewerInputMode}
-     * and {@link yfiles.input.GraphEditorInputMode} can be extended.
-     * </p>
-     * @class yfiles.input.GraphInputMode
-     * @extends {yfiles.input.MultiplexingInputMode}
-     */
-    export interface GraphInputMode extends yfiles.input.MultiplexingInputMode{}
-    export class GraphInputMode {
-      /**
-       * Clears the selection on the current {@link yfiles.input.GraphInputMode#graphSelection}.
-       * <p>
-       * This implementation may be overridden for customizations. All it does is call {@link yfiles.view.ISelectionModel.<T>#clear}.
-       * </p>
-       */
-      clearSelection():void;
-      /**
-       * Actually performs the click on the given item.
-       * <p>
-       * This will raise the {@link yfiles.input.GraphInputMode#addItemLeftClickedListener ItemLeftClicked}, {@link yfiles.input.GraphInputMode#addItemRightClickedListener ItemRightClicked}
-       * (depending on the button), and {@link yfiles.input.GraphInputMode#addItemClickedListener ItemClicked} events. If
-       * either event is unhandled by all its event handlers the item will be {@link yfiles.input.GraphInputMode#setSelected selected} and {@link yfiles.input.GraphInputMode#setCurrentItem focused}. Before selection
-       * {@link yfiles.input.GraphInputMode#clearSelection the current selection will be cleared}, unless the {@link yfiles.input.GraphInputMode#multiSelectionRecognizer} is triggered.
-       * </p>
-       * @param {yfiles.graph.IModelItem} item The item that has been clicked.
-       * @param {yfiles.input.ClickEventArgs} evt The original event arguments for the click. Setting its {@link yfiles.input.ClickEventArgs#handled} property to <code>true</code> will indicate that the click was handled. By
-       * default this happens when the clicked item is either selected or focused.
-       * @protected
-       */
-      click(item:yfiles.graph.IModelItem,evt:yfiles.input.ClickEventArgs):void;
-      /**
-       * Clears the selection on click if {@link yfiles.view.CanvasComponent#lastMouseEvent the click} is not recognized by {@link yfiles.input.GraphInputMode#multiSelectionRecognizer}.
-       * <p>
-       * This method is only called if no item has been hit and at least one item is currently selected.
-       * </p>
-       * <p>
-       * This will use the {@link yfiles.input.GraphInputMode#clearSelection} method to deselect all items.
-       * </p>
-       * @param {yfiles.input.IInputModeContext} context The context where the click appeared
-       * @returns {boolean} Whether the selection has been cleared by this method.
-       * @protected
-       */
-      clickClearSelection(context:yfiles.input.IInputModeContext):boolean;
-      /**
-       * Copies the currently selected elements to the clipboard.
-       */
-      copy():void;
-      /**
-       * Factory method for the ClickInputMode property.
-       * <p>
-       * This method will be called upon first access to the {@link yfiles.input.GraphInputMode#clickInputMode} property.
-       * </p>
-       * <p>
-       * This implementation {@link yfiles.input.ClickInputMode#activeButtons activates} both {@link yfiles.view.MouseButtons#LEFT} and {@link yfiles.view.MouseButtons#RIGHT}
-       * </p>
-       * @returns {yfiles.input.ClickInputMode} a new instance of ClickInputMode
-       * @protected
-       */
-      createClickInputMode():yfiles.input.ClickInputMode;
-      /**
-       * Factory method for the {@link yfiles.input.GraphInputMode#contextMenuInputMode} property.
-       * <p>
-       * This method will be called upon first access to the {@link yfiles.input.ContextMenuInputMode} property.
-       * </p>
-       * @returns {yfiles.input.ContextMenuInputMode} a new instance of ContextMenuInputMode
-       * @protected
-       */
-      createContextMenuInputMode():yfiles.input.ContextMenuInputMode;
-      /**
-       * Factory method for the {@link yfiles.input.GraphInputMode#itemHoverInputMode} property.
-       * <p>
-       * This method will be called upon first access to the {@link yfiles.input.GraphInputMode#itemHoverInputMode} property.
-       * </p>
-       * @returns {yfiles.input.ItemHoverInputMode} a new instance of {@link yfiles.input.GraphInputMode#itemHoverInputMode} with the {@link yfiles.input.ItemHoverInputMode#hoverItems} property set to {@link yfiles.graph.GraphItemTypes#NONE}.
-       * @protected
-       */
-      createItemHoverInputMode():yfiles.input.ItemHoverInputMode;
-      /**
-       * Factory method that creates the {@link yfiles.input.GraphInputMode#keyboardInputMode} instance.
-       * @returns {yfiles.input.KeyboardInputMode} 
-       * @protected
-       */
-      createKeyboardInputMode():yfiles.input.KeyboardInputMode;
-      /**
-       * Factory method for the {@link yfiles.input.GraphInputMode#marqueeSelectionInputMode} property.
-       * <p>
-       * This method will be called upon first access to the {@link yfiles.input.GraphInputMode#marqueeSelectionInputMode} property.
-       * </p>
-       * @returns {yfiles.input.MarqueeSelectionInputMode} a new instance of MarqueeSelectionInputMode
-       * @protected
-       */
-      createMarqueeSelectionInputMode():yfiles.input.MarqueeSelectionInputMode;
-      /**
-       * Factory method for the {@link yfiles.input.MouseHoverInputMode} property.
-       * <p>
-       * This method will be called upon first access to the {@link yfiles.input.MouseHoverInputMode} property.
-       * </p>
-       * @returns {yfiles.input.MouseHoverInputMode} a new instance of {@link yfiles.input.MouseHoverInputMode}
-       * @protected
-       */
-      createMouseHoverInputMode():yfiles.input.MouseHoverInputMode;
-      /**
-       * Factory method for the {@link yfiles.input.GraphInputMode#moveViewportInputMode} property.
-       * <p>
-       * This method will be called upon first access to the {@link yfiles.input.GraphInputMode#moveViewportInputMode} property.
-       * </p>
-       * @returns {yfiles.input.MoveViewportInputMode} a new instance of {@link yfiles.input.GraphInputMode#moveViewportInputMode}
-       * @protected
-       */
-      createMoveViewportInputMode():yfiles.input.MoveViewportInputMode;
-      /**
-       * Factory method for the {@link yfiles.input.GraphInputMode#navigationInputMode} property.
-       * <p>
-       * This method will be called upon first access to the {@link yfiles.input.GraphInputMode#navigationInputMode} property.
-       * </p>
-       * @returns {yfiles.input.NavigationInputMode} a new instance of NavigationInputMode
-       * @protected
-       */
-      createNavigationInputMode():yfiles.input.NavigationInputMode;
-      /**
-       * Helper method that yields a suitably configured {@link yfiles.input.SelectionEventArgs.<T>} using the {@link yfiles.input.GraphInputMode#graphSelection} for this input mode.
-       * @param {yfiles.input.IInputModeContext} context An input mode context that is available in the {@link yfiles.input.SelectionEventArgs.<T>}.
-       * <p>
-       * Can be <code>null</code> in which case a new context for this instance is created automatically.
-       * </p>
-       * @returns {yfiles.input.SelectionEventArgs.<yfiles.graph.IModelItem>} A selection event argument that is configured for this instance.
-       * @protected
-       */
-      createSelectionEventArgs(context:yfiles.input.IInputModeContext):yfiles.input.SelectionEventArgs<yfiles.graph.IModelItem>;
-      /**
-       * Factory method for the {@link yfiles.input.GraphInputMode#tapInputMode} property.
-       * <p>
-       * This method will be called upon first access to the {@link yfiles.input.GraphInputMode#tapInputMode} property.
-       * </p>
-       * @returns {yfiles.input.TapInputMode} a new instance of TapInputMode
-       * @protected
-       */
-      createTapInputMode():yfiles.input.TapInputMode;
-      /**
-       * Factory method for the WaitInputMode property.
-       * <p>
-       * This method will be called upon first access to the {@link yfiles.input.GraphInputMode#waitInputMode} property.
-       * </p>
-       * @returns {yfiles.input.WaitInputMode} a new instance of {@link yfiles.input.GraphInputMode#waitInputMode}
-       * @protected
-       */
-      createWaitInputMode():yfiles.input.WaitInputMode;
-      /**
-       * Actually performs a double-click on the given item.
-       * <p>
-       * This will raise the {@link yfiles.input.GraphInputMode#addItemLeftDoubleClickedListener ItemLeftDoubleClicked} and {@link yfiles.input.GraphInputMode#addItemRightDoubleClickedListener ItemRightDoubleClicked}
-       * (depending on the button), and {@link yfiles.input.GraphInputMode#addItemDoubleClickedListener ItemDoubleClicked}
-       * events.
-       * </p>
-       * @param {yfiles.graph.IModelItem} item The item that has been double-clicked.
-       * @param {yfiles.input.ClickEventArgs} evt The original event arguments for the click. Setting its {@link yfiles.input.ClickEventArgs#handled} property to <code>true</code> will indicate that the double-click was
-       * handled and events on other items in the same location are no longer raised.
-       * @protected
-       */
-      doubleClick(item:yfiles.graph.IModelItem,evt:yfiles.input.ClickEventArgs):void;
-      /**
-       * Actually performs a double-tap on the given item.
-       * <p>
-       * This will raise the {@link yfiles.input.GraphInputMode#addItemDoubleClickedListener ItemDoubleClicked} event.
-       * </p>
-       * @param {yfiles.graph.IModelItem} item The item that has been double-tapped.
-       * @param {yfiles.input.TapEventArgs} evt The original event arguments for the tap. Setting its {@link yfiles.input.TapEventArgs#handled} property to <code>true</code> will indicate that the double-tap was handled
-       * and events on other items in the same location are no longer raised.
-       * @protected
-       */
-      doubleTap(item:yfiles.graph.IModelItem,evt:yfiles.input.TapEventArgs):void;
-      /**
-       * Used as a callback to find the items hit underneath a certain point.
-       * <p>
-       * This implementation uses the {@link yfiles.input.GraphEditorInputMode#hitTester} to determine the hit items.
-       * </p>
-       * @param {yfiles.input.IInputModeContext} context The context to use for to the {@link yfiles.input.IHitTestable#isHit} callback.
-       * @param {yfiles.geometry.Point} location The location to test.
-       * @param {Array.<yfiles.graph.GraphItemTypes>} tests An array of {@link yfiles.graph.GraphItemTypes} values that encode for which model items the hit test should be performed for
-       * prioritizing.
-       * @param {function(yfiles.graph.IModelItem): boolean} [filter=null] The predicate that can be used to filter the results. May be <code>null</code>.
-       * @returns {yfiles.collections.IEnumerable.<yfiles.graph.IModelItem>} An enumerable over the items that have been found for the location.
-       */
-      findItems(context:yfiles.input.IInputModeContext,location:yfiles.geometry.Point,tests:yfiles.graph.GraphItemTypes[],filter?:(obj:yfiles.graph.IModelItem)=>boolean):yfiles.collections.IEnumerable<yfiles.graph.IModelItem>;
-      /**
-       * Used as a callback to find the items hit underneath a certain point.
-       * <p>
-       * This implementation uses the {@link yfiles.input.GraphEditorInputMode#hitTester} to determine the hit items.
-       * </p>
-       * @param {yfiles.geometry.Point} location The location to test.
-       * @param {Array.<yfiles.graph.GraphItemTypes>} tests An array of {@link yfiles.graph.GraphItemTypes} values that encode for which model items the hit test should be performed for
-       * prioritizing.
-       * @param {function(yfiles.graph.IModelItem): boolean} [filter=null] The predicate that can be used to filter the results. May be <code>null</code>.
-       * @returns {yfiles.collections.IEnumerable.<yfiles.graph.IModelItem>} An enumerable over the items that have been found for the location.
-       */
-      findItems(location:yfiles.geometry.Point,tests:yfiles.graph.GraphItemTypes[],filter?:(obj:yfiles.graph.IModelItem)=>boolean):yfiles.collections.IEnumerable<yfiles.graph.IModelItem>;
-      /**
-       * Called by {@link yfiles.input.GraphInputMode#click} to query the <code>item</code> for an {@link yfiles.input.IClickListener} in its {@link yfiles.graph.ILookup#lookup}
-       * and handle it appropriately.
-       * <p>
-       * This method will query the {@link yfiles.input.IClickListener} and check whether it was {@link yfiles.input.IClickListener#getHitTestable hit} by the click, and if so, will invoke
-       * {@link yfiles.input.IClickListener#onClicked} and return <code>true</code>.
-       * </p>
-       * @param {yfiles.input.IInputModeContext} context The context for the click.
-       * @param {yfiles.graph.IModelItem} item The item that has been clicked.
-       * @param {yfiles.geometry.Point} location The click location.
-       * @returns {boolean} Whether the action has been invoked and handling should be stopped.
-       * @see yfiles.input.IClickListener
-       * @see yfiles.input.GraphInputMode#click
-       * @protected
-       */
-      handleClickListener(context:yfiles.input.IInputModeContext,item:yfiles.graph.IModelItem,location:yfiles.geometry.Point):boolean;
-      /**
-       * Selects the given elements in the editor inside the provided marquee-selection rectangle.
-       * <p>
-       * This implementation iterates over the items and queries them for an implementation of {@link yfiles.input.IMarqueeTestable}
-       * using their {@link yfiles.graph.ILookup#lookup}. This instance will be used to determine whether the item should be selected.
-       * </p>
-       * <p>
-       * This method is, in the default implementation, only called with individual item types in <code>items</code>.
-       * </p>
-       * @param {yfiles.input.IInputModeContext} context The input mode context.
-       * @param {yfiles.geometry.Rect} marqueeRectangle The rectangle in world coordinates.
-       * @param {yfiles.collections.IEnumerable.<yfiles.graph.IModelItem>} items The items to iterate over.
-       * @param {function(yfiles.graph.IModelItem): boolean} predicate The predicate that determines whether the provided item should be tested at all. May be <code>null</code>.
-       * @see yfiles.input.GraphInputMode#setSelected
-       * @see yfiles.input.GraphInputMode#marqueeSelect
-       * @protected
-       */
-      marqueeSelect(context:yfiles.input.IInputModeContext,marqueeRectangle:yfiles.geometry.Rect,items:yfiles.collections.IEnumerable<yfiles.graph.IModelItem>,predicate:(obj:yfiles.graph.IModelItem)=>boolean):void;
-      /**
-       * Performs marquee-selection with the given rectangle.
-       * <p>
-       * This method is called internally when either the {@link yfiles.input.GraphInputMode#marqueeSelect} method is called or the user
-       * performs a marquee-selection gesture via {@link yfiles.input.GraphInputMode#marqueeSelectionInputMode}.
-       * </p>
-       * @param {yfiles.input.IInputModeContext} context The input mode context.
-       * @param {yfiles.geometry.Rect} marqueeRectangle The selection rectangle.
-       * @protected
-       */
-      marqueeSelect(context:yfiles.input.IInputModeContext,marqueeRectangle:yfiles.geometry.Rect):void;
-      /**
-       * Performs marquee-selection with the given rectangle.
-       * <p>
-       * It delegates directly to the {@link yfiles.input.GraphInputMode#marqueeSelect} overload internally.
-       * </p>
-       * @param {yfiles.geometry.Rect} marqueeRectangle The selection rectangle.
-       */
-      marqueeSelect(marqueeRectangle:yfiles.geometry.Rect):void;
-      /**
-       * Raises the {@link yfiles.input.GraphInputMode#addCanvasClickedListener CanvasClicked} event.
-       * <p>
-       * This implementation will stop the event propagation as soon as an event handler has set the {@link yfiles.input.ClickEventArgs#handled} property to <code>true</code>.
-       * </p>
-       * @param {yfiles.input.ClickEventArgs} evt The {@link yfiles.input.ClickEventArgs} instance that contains the information about the click.
-       * @protected
-       */
-      onCanvasClicked(evt:yfiles.input.ClickEventArgs):void;
-      /**
-       * Called when the {@link yfiles.input.GraphInputMode#clickInputMode} property value changes and after initialization of the field.
-       * @param {yfiles.input.ClickInputMode} oldMode the old value, which may be <code>null</code> the first time
-       * @param {yfiles.input.ClickInputMode} newMode the new value
-       * @protected
-       */
-      onClickInputModeChanged(oldMode:yfiles.input.ClickInputMode,newMode:yfiles.input.ClickInputMode):void;
-      /**
-       * Called when the {@link yfiles.input.ContextMenuInputMode} property value changes and after initialization of the field.
-       * @param {yfiles.input.ContextMenuInputMode} oldMode the old value, which may be <code>null</code> the first time
-       * @param {yfiles.input.ContextMenuInputMode} newMode the new value
-       * @protected
-       */
-      onContextMenuInputModeChanged(oldMode:yfiles.input.ContextMenuInputMode,newMode:yfiles.input.ContextMenuInputMode):void;
-      /**
-       * Raises the {@link yfiles.input.GraphInputMode#addItemClickedListener ItemClicked} event.
-       * <p>
-       * This implementation will stop the event propagation as soon as an event handler has set the {@link yfiles.input.ItemClickedEventArgs.<T>#handled} property to <code>true</code>.
-       * </p>
-       * @param {yfiles.input.ItemClickedEventArgs.<yfiles.graph.IModelItem>} evt The {@link yfiles.input.ItemClickedEventArgs.<T>} instance that contains the item that has been clicked.
-       * @protected
-       */
-      onItemClicked(evt:yfiles.input.ItemClickedEventArgs<yfiles.graph.IModelItem>):void;
-      /**
-       * Raises the {@link yfiles.input.GraphInputMode#addItemDoubleClickedListener ItemDoubleClicked} event.
-       * <p>
-       * This implementation will stop the event propagation as soon as an event handler has set the {@link yfiles.input.ItemClickedEventArgs.<T>#handled} property to <code>true</code>.
-       * </p>
-       * @param {yfiles.input.ItemClickedEventArgs.<yfiles.graph.IModelItem>} evt The {@link yfiles.input.ItemClickedEventArgs.<T>} instance that contains the item that has been double clicked.
-       * @protected
-       */
-      onItemDoubleClicked(evt:yfiles.input.ItemClickedEventArgs<yfiles.graph.IModelItem>):void;
-      /**
-       * Called when the {@link yfiles.input.GraphInputMode#itemHoverInputMode} property value changes and after initialization of the field.
-       * @param {yfiles.input.ItemHoverInputMode} oldMode the old value, which may be <code>null</code> the first time
-       * @param {yfiles.input.ItemHoverInputMode} newMode the new value
-       * @protected
-       */
-      onItemHoverInputModeChanged(oldMode:yfiles.input.ItemHoverInputMode,newMode:yfiles.input.ItemHoverInputMode):void;
-      /**
-       * Raises the {@link yfiles.input.GraphInputMode#addItemLeftClickedListener ItemLeftClicked} event.
-       * <p>
-       * This implementation will stop the event propagation as soon as an event handler has set the {@link yfiles.input.ItemClickedEventArgs.<T>#handled} property to <code>true</code>.
-       * </p>
-       * @param {yfiles.input.ItemClickedEventArgs.<yfiles.graph.IModelItem>} evt The {@link yfiles.input.ItemClickedEventArgs.<T>} instance that contains the item that has been clicked.
-       * @protected
-       */
-      onItemLeftClicked(evt:yfiles.input.ItemClickedEventArgs<yfiles.graph.IModelItem>):void;
-      /**
-       * Raises the {@link yfiles.input.GraphInputMode#addItemLeftDoubleClickedListener ItemLeftDoubleClicked} event.
-       * <p>
-       * This implementation will stop the event propagation as soon as an event handler has set the {@link yfiles.input.ItemClickedEventArgs.<T>#handled} property to <code>true</code>.
-       * </p>
-       * @param {yfiles.input.ItemClickedEventArgs.<yfiles.graph.IModelItem>} evt The {@link yfiles.input.ItemClickedEventArgs.<T>} instance that contains the item that has been double clicked.
-       * @protected
-       */
-      onItemLeftDoubleClicked(evt:yfiles.input.ItemClickedEventArgs<yfiles.graph.IModelItem>):void;
-      /**
-       * Raises the {@link yfiles.input.GraphInputMode#addItemRightClickedListener ItemRightClicked} event.
-       * <p>
-       * This implementation will stop the event propagation as soon as an event handler has set the {@link yfiles.input.ItemClickedEventArgs.<T>#handled} property to <code>true</code>.
-       * </p>
-       * @param {yfiles.input.ItemClickedEventArgs.<yfiles.graph.IModelItem>} evt The {@link yfiles.input.ItemClickedEventArgs.<T>} instance that contains the item that has been clicked.
-       * @protected
-       */
-      onItemRightClicked(evt:yfiles.input.ItemClickedEventArgs<yfiles.graph.IModelItem>):void;
-      /**
-       * Raises the {@link yfiles.input.GraphInputMode#addItemRightDoubleClickedListener ItemRightDoubleClicked} event.
-       * <p>
-       * This implementation will stop the event propagation as soon as an event handler has set the {@link yfiles.input.ItemClickedEventArgs.<T>#handled} property to <code>true</code>.
-       * </p>
-       * @param {yfiles.input.ItemClickedEventArgs.<yfiles.graph.IModelItem>} evt The {@link yfiles.input.ItemClickedEventArgs.<T>} instance that contains the item that has been double clicked.
-       * @protected
-       */
-      onItemRightDoubleClicked(evt:yfiles.input.ItemClickedEventArgs<yfiles.graph.IModelItem>):void;
-      /**
-       * Called when the {@link yfiles.input.GraphInputMode#keyboardInputMode} changed.
-       * @param {yfiles.input.KeyboardInputMode} oldMode The old {@link yfiles.input.GraphInputMode#keyboardInputMode}.
-       * @param {yfiles.input.KeyboardInputMode} newMode The new {@link yfiles.input.GraphInputMode#keyboardInputMode}.
-       * @protected
-       */
-      onKeyboardInputModeChanged(oldMode:yfiles.input.KeyboardInputMode,newMode:yfiles.input.KeyboardInputMode):void;
-      /**
-       * Called when the {@link yfiles.input.GraphInputMode#marqueeSelectionInputMode} property value changes and after initialization of the field.
-       * @param {yfiles.input.MarqueeSelectionInputMode} oldMode the old value, which may be <code>null</code> the first time
-       * @param {yfiles.input.MarqueeSelectionInputMode} newMode the new value
-       * @protected
-       */
-      onMarqueeSelectionInputModeChanged(oldMode:yfiles.input.MarqueeSelectionInputMode,newMode:yfiles.input.MarqueeSelectionInputMode):void;
-      /**
-       * Called when the {@link yfiles.input.MouseHoverInputMode} property value changes and after initialization of the field.
-       * @param {yfiles.input.MouseHoverInputMode} oldMode the old value, which may be <code>null</code> the first time
-       * @param {yfiles.input.MouseHoverInputMode} newMode the new value
-       * @protected
-       */
-      onMouseHoverInputModeChanged(oldMode:yfiles.input.MouseHoverInputMode,newMode:yfiles.input.MouseHoverInputMode):void;
-      /**
-       * Called when the {@link yfiles.input.GraphInputMode#moveViewportInputMode} property value changes and after initialization of the field.
-       * @param {yfiles.input.MoveViewportInputMode} oldMode the old value, which may be <code>null</code> the first time
-       * @param {yfiles.input.MoveViewportInputMode} newMode the new value
-       * @protected
-       */
-      onMoveViewportInputModeChanged(oldMode:yfiles.input.MoveViewportInputMode,newMode:yfiles.input.MoveViewportInputMode):void;
-      /**
-       * Raises the {@link yfiles.input.GraphInputMode#addMultiSelectionFinishedListener MultiSelectionFinished} event.
-       * @param {yfiles.input.SelectionEventArgs.<yfiles.graph.IModelItem>} evt
-       * @protected
-       */
-      onMultiSelectionFinished(evt:yfiles.input.SelectionEventArgs<yfiles.graph.IModelItem>):void;
-      /**
-       * Raises the {@link yfiles.input.GraphInputMode#addMultiSelectionStartedListener MultiSelectionStarted} event.
-       * @param {yfiles.input.SelectionEventArgs.<yfiles.graph.IModelItem>} evt
-       * @protected
-       */
-      onMultiSelectionStarted(evt:yfiles.input.SelectionEventArgs<yfiles.graph.IModelItem>):void;
-      /**
-       * Called when the {@link yfiles.input.GraphInputMode#navigationInputMode} property value changes and after initialization of the field.
-       * @param {yfiles.input.NavigationInputMode} oldMode the old value, which may be <code>null</code> the first time
-       * @param {yfiles.input.NavigationInputMode} newMode the new value
-       * @protected
-       */
-      onNavigationInputModeChanged(oldMode:yfiles.input.NavigationInputMode,newMode:yfiles.input.NavigationInputMode):void;
-      /**
-       * Raises the {@link yfiles.input.GraphInputMode#addPopulateItemContextMenuListener PopulateItemContextMenu} event.
-       * @param {yfiles.input.PopulateItemContextMenuEventArgs.<yfiles.graph.IModelItem>} evt The {@link yfiles.input.PopulateItemContextMenuEventArgs.<TModelItem>} instance containing the event data.
-       * @protected
-       */
-      onPopulateItemContextMenu(evt:yfiles.input.PopulateItemContextMenuEventArgs<yfiles.graph.IModelItem>):void;
-      /**
-       * Raises the {@link yfiles.input.GraphInputMode#addQueryItemToolTipListener QueryItemToolTip} event.
-       * @param {yfiles.input.QueryItemToolTipEventArgs.<yfiles.graph.IModelItem>} evt The {@link yfiles.input.QueryItemToolTipEventArgs.<TModelItem>} instance containing the event data.
-       * @protected
-       */
-      onQueryItemToolTip(evt:yfiles.input.QueryItemToolTipEventArgs<yfiles.graph.IModelItem>):void;
-      /**
-       * Called when the {@link yfiles.input.GraphInputMode#tapInputMode} property value changes and after initialization of the field.
-       * @param {yfiles.input.TapInputMode} oldMode the old value, which may be <code>null</code> the first time
-       * @param {yfiles.input.TapInputMode} newMode the new value
-       * @protected
-       */
-      onTapInputModeChanged(oldMode:yfiles.input.TapInputMode,newMode:yfiles.input.TapInputMode):void;
-      /**
-       * Called when the {@link yfiles.input.GraphInputMode#waitInputMode} property value changes and after initialization of the field.
-       * @param {yfiles.input.WaitInputMode} oldMode the old value, which may be <code>null</code> the first time
-       * @param {yfiles.input.WaitInputMode} newMode the new value
-       * @protected
-       */
-      onWaitInputModeChanged(oldMode:yfiles.input.WaitInputMode,newMode:yfiles.input.WaitInputMode):void;
-      /**
-       * Clears the current selection and selects all nodes and bends in this graph.
-       * <p>
-       * By default, this method will be called in response to a Ctrl+A key press recognized by {@link yfiles.input.GraphInputMode#keyboardInputMode}.
-       * </p>
-       * @see yfiles.input.GraphInputMode#clearSelection
-       * @see yfiles.input.GraphInputMode#setSelected
-       * @see yfiles.input.ICommand#SELECT_ALL
-       * @see yfiles.input.GraphInputMode#selectableItems
-       * @see yfiles.input.GraphInputMode#ignoreVoidStyles
-       */
-      selectAll():void;
-      /**
-       * Callback that is used by this instance to set the current item on the {@link yfiles.input.NavigationInputMode#setCurrentItem NavigationInputMode}
-       * @param {yfiles.graph.IModelItem} item The item to set as the new "current" item.
-       */
-      setCurrentItem(item:yfiles.graph.IModelItem):void;
-      /**
-       * Uses the {@link yfiles.input.GraphInputMode#graphSelection} to select the given item.
-       * @param {yfiles.graph.IModelItem} item The item to set the selection state on.
-       * @param {boolean} selected The new selection state.
-       */
-      setSelected(item:yfiles.graph.IModelItem,selected:boolean):void;
-      /**
-       * Callback predicate method that is used to determine whether the given <code>item</code> can be {@link yfiles.input.GraphInputMode#click clicked}.
-       * <p>
-       * This implementation uses the {@link yfiles.input.GraphInputMode#clickableItems} value to determine whether the item should be clicked. Note that this method will not be
-       * called for items that don't match {@link yfiles.input.GraphInputMode#clickableItems} for performance reasons.
-       * </p>
-       * @param {yfiles.graph.IModelItem} item The item to check.
-       * @returns {boolean} Whether the item should be {@link yfiles.input.GraphInputMode#click clicked} in response to a detected mouse click.
-       * @protected
-       */
-      shouldClick(item:yfiles.graph.IModelItem):boolean;
-      /**
-       * Callback predicate method that is used to determine whether the given <code>item</code> should be selected when
-       * {@link yfiles.input.GraphInputMode#click clicked with the primary mouse button}.
-       * <p>
-       * This implementation uses the {@link yfiles.input.GraphInputMode#clickSelectableItems} value to determine whether the item should be selected. Note that this method will not be
-       * called for items that don't match {@link yfiles.input.GraphInputMode#clickSelectableItems} and {@link yfiles.input.GraphInputMode#selectableItems} for performance reasons.
-       * </p>
-       * @param {yfiles.graph.IModelItem} item The item to check.
-       * @returns {boolean} Whether the item should be selected in response to a detected mouse click with the primary button.
-       * @protected
-       */
-      shouldClickSelect(item:yfiles.graph.IModelItem):boolean;
-      /**
-       * Callback predicate method that is used to determine whether the given <code>item</code> can be {@link yfiles.input.GraphInputMode#doubleClick double clicked}.
-       * <p>
-       * This implementation uses the {@link yfiles.input.GraphInputMode#shouldClick} method to determine whether the item should be
-       * double clicked. Note that this method will not be called for items that don't match {@link yfiles.input.GraphInputMode#clickableItems} for performance reasons.
-       * </p>
-       * @param {yfiles.graph.IModelItem} item The item to check.
-       * @returns {boolean} Whether the item should be {@link yfiles.input.GraphInputMode#doubleClick double clicked} in response to a detected mouse click.
-       * @protected
-       */
-      shouldDoubleClick(item:yfiles.graph.IModelItem):boolean;
-      /**
-       * Callback that determines whether the provided {@link yfiles.graph.IModelItem} should be {@link yfiles.input.GraphInputMode#setCurrentItem set to the current item}.
-       * <p>
-       * This implementation uses the {@link yfiles.input.GraphInputMode#focusableItems} property to determine whether the item can be set to the current item. It also honors the
-       * {@link yfiles.input.GraphInputMode#ignoreVoidStyles} property.
-       * </p>
-       * @param {yfiles.graph.IModelItem} item The item to check.
-       * @returns {boolean} Whether to set the item as the current item.
-       * @protected
-       */
-      shouldFocus(item:yfiles.graph.IModelItem):boolean;
-      /**
-       * Callback method that is used to determine which of the built-in {@link yfiles.input.ICommand}s to install.
-       * <p>
-       * This implementation unconditionally returns <code>true</code>, subclasses may override this method to adjust the behavior.
-       * </p>
-       * @param {yfiles.input.ICommand} command The command to install.
-       * @returns {boolean} Whether to install this command.
-       * @protected
-       */
-      shouldInstallCommand(command:yfiles.input.ICommand):boolean;
-      /**
-       * Callback method used by {@link yfiles.input.GraphInputMode#marqueeSelect} that takes {@link yfiles.input.GraphInputMode#marqueeSelectableItems} and {@link yfiles.input.GraphInputMode#shouldSelectItem}
-       * into account.
-       * @param {yfiles.graph.IModelItem} item The item to check.
-       * @returns {boolean} Whether to possibly marquee select the item.
-       * @protected
-       */
-      shouldMarqueeSelect(item:yfiles.graph.IModelItem):boolean;
-      /**
-       * Determines whether for the given item a context menu should be queried.
-       * <p>
-       * This implementation uses the {@link yfiles.input.GraphInputMode#contextMenuItems} property to determine whether a context menu should be queried for the given item.
-       * </p>
-       * @param {yfiles.graph.IModelItem} item The item to check.
-       * @returns {boolean} Whether to raise a {@link yfiles.input.GraphInputMode#addPopulateItemContextMenuListener PopulateItemContextMenu} event for
-       * the given item.
-       * @protected
-       */
-      shouldPopulateContextMenu(item:yfiles.graph.IModelItem):boolean;
-      /**
-       * Determines whether for the given item a tool tip should be queried.
-       * <p>
-       * This implementation uses the {@link yfiles.input.GraphInputMode#toolTipItems} property to determine whether tool tip should be queried for the given item.
-       * </p>
-       * @param {yfiles.graph.IModelItem} item The item to check.
-       * @returns {boolean} Whether to raise a {@link yfiles.input.GraphInputMode#addQueryItemToolTipListener QueryItemToolTip} event for the
-       * given item.
-       * @protected
-       */
-      shouldQueryToolTip(item:yfiles.graph.IModelItem):boolean;
-      /**
-       * Callback predicate method that is used as a broad classification whether an item can generally be selected.
-       * <p>
-       * This implementation uses and honors the {@link yfiles.input.GraphInputMode#selectableItems}, {@link yfiles.input.GraphInputMode#ignoreVoidStyles} and {@link yfiles.input.GraphInputMode#selectablePredicate} properties. This method is by default also called by {@link yfiles.input.GraphInputMode#shouldClickSelect}
-       * and {@link yfiles.input.GraphInputMode#shouldMarqueeSelect}, so turning selection off here also turns it off in other places.
-       * </p>
-       * @param {yfiles.graph.IModelItem} item The item to check.
-       * @returns {boolean} <code>true</code> if the item is selectable in general, <code>false</code> if not.
-       * @protected
-       */
-      shouldSelectItem(item:yfiles.graph.IModelItem):boolean;
-      /**
-       * Actually performs the tap on the given item.
-       * <p>
-       * This will raise the {@link yfiles.input.GraphInputMode#addItemClickedListener ItemClicked} event. If the event
-       * is unhandled by all its event handlers the item will be {@link yfiles.input.GraphInputMode#setSelected selected} and {@link yfiles.input.GraphInputMode#setCurrentItem focused}. Before selection
-       * {@link yfiles.input.GraphInputMode#clearSelection the current selection will be cleared}.
-       * </p>
-       * @param {yfiles.graph.IModelItem} item The item that has been tapped.
-       * @param {yfiles.input.TapEventArgs} evt The original event arguments for the tap. Setting its {@link yfiles.input.TapEventArgs#handled} property to <code>true</code> will indicate that the tap was handled. By
-       * default this happens when the tapped item is either selected or focused.
-       * @protected
-       */
-      tap(item:yfiles.graph.IModelItem,evt:yfiles.input.TapEventArgs):void;
-      /**
-       * Gets the graph instance from the {@link yfiles.input.MultiplexingInputMode#inputModeContext}.
-       * @type {yfiles.graph.IGraph}
-       */
-      graph:yfiles.graph.IGraph;
-      /**
-       * Gets the graph selection from the {@link yfiles.input.MultiplexingInputMode#inputModeContext}.
-       * @type {yfiles.view.IGraphSelection}
-       */
-      graphSelection:yfiles.view.IGraphSelection;
-      /**
-       * Gets or sets the order of the types of items that should be used to determine what item has been clicked or tapped.
-       * <p>
-       * Change this field to adjust which items will be {@link yfiles.input.GraphInputMode#setSelected selected} if there are multiple items at a given location. The default
-       * order is
-       * </p>
-       * <ul>
-       * <li>{@link yfiles.graph.GraphItemTypes#BEND}</li>
-       * <li>{@link yfiles.graph.GraphItemTypes#EDGE_LABEL}</li>
-       * <li>{@link yfiles.graph.GraphItemTypes#EDGE}</li>
-       * <li>{@link yfiles.graph.GraphItemTypes#NODE}</li>
-       * <li>{@link yfiles.graph.GraphItemTypes#NODE_LABEL}</li>
-       * <li>{@link yfiles.graph.GraphItemTypes#PORT}</li>
-       * </ul>
-       * @see yfiles.input.GraphInputMode#clickSelectableItems
-       * @see yfiles.input.GraphInputMode#selectableItems
-       * @see yfiles.input.GraphInputMode#findItems
-       * @type {Array.<yfiles.graph.GraphItemTypes>}
-       */
-      clickHitTestOrder:yfiles.graph.GraphItemTypes[];
-      /**
-       * Gets or sets the order of the types of items that should be used to determine what item has been double-clicked or
-       * double-tapped.
-       * <p>
-       * Change this field to adjust which items will be considered when {@link yfiles.input.GraphInputMode#addItemDoubleClickedListener double-clicked} if there are multiple items at a given
-       * location. The default order is
-       * </p>
-       * <ul>
-       * <li>{@link yfiles.graph.GraphItemTypes#EDGE_LABEL}</li>
-       * <li>{@link yfiles.graph.GraphItemTypes#NODE_LABEL}</li>
-       * <li>{@link yfiles.graph.GraphItemTypes#BEND}</li>
-       * <li>{@link yfiles.graph.GraphItemTypes#EDGE}</li>
-       * <li>{@link yfiles.graph.GraphItemTypes#NODE}</li>
-       * <li>{@link yfiles.graph.GraphItemTypes#PORT}</li>
-       * </ul>
-       * @see yfiles.input.GraphInputMode#clickSelectableItems
-       * @see yfiles.input.GraphInputMode#selectableItems
-       * @see yfiles.input.GraphInputMode#findItems
-       * @type {Array.<yfiles.graph.GraphItemTypes>}
-       */
-      doubleClickHitTestOrder:yfiles.graph.GraphItemTypes[];
-      /**
-       * Gets or sets the event recognizer that will be queried to decide if a click should select the item that is currently
-       * visible under the mouse cursor, without giving more important items higher priority.
-       * <p>
-       * If the recognizer determines that the user wanted to use the detail clicking behavior, the {@link yfiles.input.GraphEditorInputMode#hitTester} will be queried for the
-       * given item and the first item that is returned will be considered a hit. Otherwise all hit items are examined and are
-       * prioritized by item type. E.g. by default clicking on a node will select the node, even if there is a node label which
-       * has been clicked at the same point. If detail selection is recognized, the label will be selected.
-       * </p>
-       * <p>
-       * The default is {@link yfiles.input.KeyEventRecognizers#SHIFT_PRESSED}.
-       * </p>
+       * A callback that will always return true;
+       * @const
+       * @static
        * @type {function(Object, yfiles.lang.EventArgs): boolean}
        */
-      detailSelectionRecognizer:(eventSource:Object,evt:yfiles.lang.EventArgs)=>boolean;
+      static ALWAYS:(eventSource:Object,evt:yfiles.lang.EventArgs)=>boolean;
       /**
-       * Gets or sets the event recognizer that will be queried to decide if a click should cycle through all the items that are
-       * currently under the mouse cursor.
-       * <p>
-       * If the recognizer determines that the user wanted to use the cyclic click selection behavior, the {@link yfiles.input.GraphEditorInputMode#hitTester} will be queried for
-       * the given item and previously reported items will be ignored. E.g. if multiple nodes are overlapping each other,
-       * clicking on them will report the first item for the first click, the second one for the second click and so on. If all
-       * elements have been reported previously, the first one is going to be reported again. If the order of the elements at the
-       * clicked location changes, the cyclic selection is restarted anew.
-       * </p>
-       * <p>
-       * The default is {@link yfiles.input.KeyEventRecognizers#ALT_PRESSED}.
-       * </p>
+       * A callback that will always return false;
+       * @const
+       * @static
        * @type {function(Object, yfiles.lang.EventArgs): boolean}
        */
-      cyclicSelectionRecognizer:(eventSource:Object,evt:yfiles.lang.EventArgs)=>boolean;
+      static NEVER:(eventSource:Object,evt:yfiles.lang.EventArgs)=>boolean;
+      static $class:yfiles.lang.Class;
+    }
+    /**
+     * Utility class with simple event recognizers that work on {@link yfiles.view.KeyEventArgs}.
+     * @class
+     * @static
+     */
+    export interface KeyEventRecognizers extends Object{}
+    export class KeyEventRecognizers {
       /**
-       * Gets or sets the event recognizer that will be queried to decide if a click is deemed a multi selection gesture.
-       * <p>
-       * The default is a combination of {@link yfiles.input.KeyEventRecognizers#CONTROL_PRESSED} or
-       * {@link yfiles.input.KeyEventRecognizers#META_PRESSED}.
-       * </p>
+       * Creates an event recognizer for a given key and type using a given set of modifiers.
+       * @param type The type of the event.
+       * @param value The key that is subject of the event.
+       * @param [modifiers=yfiles.view.ModifierKeys.NONE] The state of the modifiers that must be set. This is {@link #NONE} if not set.
+       * @returns 
+       * @static
+       */
+      static create(type:yfiles.view.KeyEventType,value:yfiles.view.Key,modifiers?:yfiles.view.ModifierKeys):(eventSource:Object,evt:yfiles.lang.EventArgs)=>boolean;
+      /**
+       * Creates an event recognizer that matches key presses.
+       * @param key The key to create the recognizer for.
+       * @param [modifiers=yfiles.view.ModifierKeys.NONE] The modifier keys that should be pressed for the recognizer
+       * @returns An event recognizer that uses the gesture.
+       * @static
+       */
+      static createKeyPress(key:yfiles.view.Key,modifiers?:yfiles.view.ModifierKeys):(eventSource:Object,evt:yfiles.lang.EventArgs)=>boolean;
+      /**
+       * An event recognizer that recognizes when escape has been typed.
+       * @const
+       * @static
        * @type {function(Object, yfiles.lang.EventArgs): boolean}
        */
-      multiSelectionRecognizer:(eventSource:Object,evt:yfiles.lang.EventArgs)=>boolean;
+      static ESCAPE_TYPED:(eventSource:Object,evt:yfiles.lang.EventArgs)=>boolean;
       /**
-       * Determines which types of items should be reported through the {@link yfiles.input.GraphInputMode#addItemClickedListener item click events}.
-       * <p>
-       * This also affects taps.
-       * </p>
-       * <p>
-       * The default is {@link yfiles.graph.GraphItemTypes#ALL}.
-       * </p>
-       * @see yfiles.input.GraphInputMode#shouldClick
-       * @type {yfiles.graph.GraphItemTypes}
-       */
-      clickableItems:yfiles.graph.GraphItemTypes;
-      /**
-       * Gets or sets the items that can be given focus via the {@link yfiles.input.GraphInputMode#setCurrentItem} method.
-       * <p>
-       * The focusable items. The default is {@link yfiles.graph.GraphItemTypes#NODE}
-       * </p>
-       * @default 1
-       * @type {yfiles.graph.GraphItemTypes}
-       */
-      focusableItems:yfiles.graph.GraphItemTypes;
-      /**
-       * Determines which types of items should be selectable at all.
-       * <p>
-       * The default is {@link yfiles.graph.GraphItemTypes#ALL}.
-       * </p>
-       * @see yfiles.input.GraphInputMode#setSelected
-       * @type {yfiles.graph.GraphItemTypes}
-       */
-      selectableItems:yfiles.graph.GraphItemTypes;
-      /**
-       * Gets or sets a predicate that is queried to determine whether a given {@link yfiles.graph.IModelItem} is selectable.
-       * <p>
-       * This allows to further restrict which items are selectable, compared to {@link yfiles.input.GraphInputMode#selectableItems}. If this property is set to <code>null</code> the effect is
-       * the same as a predicate that always returns <code>true</code>.
-       * </p>
-       * @type {function(yfiles.graph.IModelItem): boolean}
-       */
-      selectablePredicate:(obj:yfiles.graph.IModelItem)=>boolean;
-      /**
-       * Determines which types of items should be selectable by mouse clicks.
-       * <p>
-       * The default is {@link yfiles.graph.GraphItemTypes#ALL}.
-       * </p>
-       * @see yfiles.input.GraphInputMode#shouldClickSelect
-       * @see yfiles.input.GraphInputMode#setSelected
-       * @type {yfiles.graph.GraphItemTypes}
-       */
-      clickSelectableItems:yfiles.graph.GraphItemTypes;
-      /**
-       * Determines which types of items should be selected during {@link yfiles.input.GraphInputMode#marqueeSelect marquee selections}.
-       * <p>
-       * The default is a combination of {@link yfiles.graph.GraphItemTypes#NODE}, {@link yfiles.graph.GraphItemTypes#EDGE}, and
-       * {@link yfiles.graph.GraphItemTypes#BEND}.
-       * </p>
-       * @see yfiles.input.GraphInputMode#shouldMarqueeSelect
-       * @see yfiles.input.GraphInputMode#setSelected
-       * @type {yfiles.graph.GraphItemTypes}
-       */
-      marqueeSelectableItems:yfiles.graph.GraphItemTypes;
-      /**
-       * Gets or sets a value indicating whether void styles ({@link yfiles.styles.VoidNodeStyle}, {@link yfiles.styles.VoidEdgeStyle},
-       * {@link yfiles.styles.VoidLabelStyle}, and {@link yfiles.styles.VoidPortStyle}) should be ignored when selecting or focusing items.
-       * @type {boolean}
-       */
-      ignoreVoidStyles:boolean;
-      /**
-       * Gets or sets the {@link yfiles.input.GraphInputMode#contextMenuInputMode} property.
-       * <p>
-       * If the field has not yet been initialized upon first access, the factory method {@link yfiles.input.GraphInputMode#createContextMenuInputMode}
-       * will be called. Upon change the {@link yfiles.input.GraphInputMode#onContextMenuInputModeChanged} method will be called.
-       * </p>
-       * <p>
-       * By default this input mode has a priority of <code>60</code>.
-       * </p>
-       * @throws {Stubs.Exceptions.NotSupportedError} If an attempt is made to change the instance while this mode is {@link yfiles.input.IInputMode#install installed}. To exchange a mode, first
-       * {@link yfiles.input.IInputMode#uninstall}, then {@link yfiles.input.IInputMode#install reinstall} to ensure that all data is initialized correctly.
-       * @type {yfiles.input.ContextMenuInputMode}
-       */
-      contextMenuInputMode:yfiles.input.ContextMenuInputMode;
-      /**
-       * Gets or sets the types of items a context menu should be queried for.
-       * <p>
-       * The items for which a context menu should be {@link yfiles.input.GraphInputMode#addPopulateItemContextMenuListener queried}. The default value is
-       * {@link yfiles.graph.GraphItemTypes#NODE}|{@link yfiles.graph.GraphItemTypes#EDGE}.
-       * </p>
-       * @default 1 | 2
-       * @type {yfiles.graph.GraphItemTypes}
-       */
-      contextMenuItems:yfiles.graph.GraphItemTypes;
-      /**
-       * Adds the given listener for the <code>PopulateItemContextMenu</code> event that occurs when the {@link yfiles.input.ContextMenuInputMode context menu} over an item is about to
-       * be opened to determine the contents of the Menu.
-       * <p>
-       * This method will only be called for items that match the {@link yfiles.input.GraphInputMode#contextMenuItems} type.
-       * </p>
-       * @param {function(Object, yfiles.input.PopulateItemContextMenuEventArgs.<yfiles.graph.IModelItem>): void} listener The listener to add.
-       * @see yfiles.input.GraphInputMode#removePopulateItemContextMenuListener
-       */
-      addPopulateItemContextMenuListener(listener:(sender:Object,evt:yfiles.input.PopulateItemContextMenuEventArgs<yfiles.graph.IModelItem>)=>void):void;
-      /**
-       * Removes the given listener for the <code>PopulateItemContextMenu</code> event that occurs when the {@link yfiles.input.ContextMenuInputMode context menu} over an item is about
-       * to be opened to determine the contents of the Menu.
-       * <p>
-       * This method will only be called for items that match the {@link yfiles.input.GraphInputMode#contextMenuItems} type.
-       * </p>
-       * @param {function(Object, yfiles.input.PopulateItemContextMenuEventArgs.<yfiles.graph.IModelItem>): void} listener The listener to remove.
-       * @see yfiles.input.GraphInputMode#addPopulateItemContextMenuListener
-       */
-      removePopulateItemContextMenuListener(listener:(sender:Object,evt:yfiles.input.PopulateItemContextMenuEventArgs<yfiles.graph.IModelItem>)=>void):void;
-      /**
-       * Gets or sets the {@link yfiles.input.GraphInputMode#mouseHoverInputMode} property.
-       * <p>
-       * If the field has not yet been initialized upon first access, the factory method {@link yfiles.input.GraphInputMode#createMouseHoverInputMode}
-       * will be called. Upon change the {@link yfiles.input.GraphInputMode#onMouseHoverInputModeChanged} method will be called.
-       * </p>
-       * <p>
-       * By default this input mode has a priority of <code>100</code>.
-       * </p>
-       * @throws {Stubs.Exceptions.NotSupportedError} If an attempt is made to change the instance while this mode is {@link yfiles.input.IInputMode#install installed}. To exchange a mode, first
-       * {@link yfiles.input.IInputMode#uninstall}, then {@link yfiles.input.IInputMode#install reinstall} to ensure that all data is initialized correctly.
-       * @type {yfiles.input.MouseHoverInputMode}
-       */
-      mouseHoverInputMode:yfiles.input.MouseHoverInputMode;
-      /**
-       * Gets the types of the items that should be queried a tool tip for.
-       * <p>
-       * The items for which a tool tip text should be {@link yfiles.input.GraphInputMode#addQueryItemToolTipListener queried}. The default value is
-       * {@link yfiles.graph.GraphItemTypes#NODE}|{@link yfiles.graph.GraphItemTypes#EDGE}|{@link yfiles.graph.GraphItemTypes#LABEL}|{@link yfiles.graph.GraphItemTypes#PORT}|.
-       * </p>
-       * @default 1 | 2 | 12 | 16
-       * @type {yfiles.graph.GraphItemTypes}
-       */
-      toolTipItems:yfiles.graph.GraphItemTypes;
-      /**
-       * Adds the given listener for the <code>QueryItemToolTip</code> event that occurs when the mouse is {@link yfiles.input.MouseHoverInputMode hovering} over an item to determine
-       * the tool tip to display.
-       * <p>
-       * This method will only be called for items that match the {@link yfiles.input.GraphInputMode#toolTipItems} type.
-       * </p>
-       * @param {function(Object, yfiles.input.QueryItemToolTipEventArgs.<yfiles.graph.IModelItem>): void} listener The listener to add.
-       * @see yfiles.input.GraphInputMode#removeQueryItemToolTipListener
-       */
-      addQueryItemToolTipListener(listener:(sender:Object,evt:yfiles.input.QueryItemToolTipEventArgs<yfiles.graph.IModelItem>)=>void):void;
-      /**
-       * Removes the given listener for the <code>QueryItemToolTip</code> event that occurs when the mouse is {@link yfiles.input.MouseHoverInputMode hovering} over an item to
-       * determine the tool tip to display.
-       * <p>
-       * This method will only be called for items that match the {@link yfiles.input.GraphInputMode#toolTipItems} type.
-       * </p>
-       * @param {function(Object, yfiles.input.QueryItemToolTipEventArgs.<yfiles.graph.IModelItem>): void} listener The listener to remove.
-       * @see yfiles.input.GraphInputMode#addQueryItemToolTipListener
-       */
-      removeQueryItemToolTipListener(listener:(sender:Object,evt:yfiles.input.QueryItemToolTipEventArgs<yfiles.graph.IModelItem>)=>void):void;
-      /**
-       * Gets or sets the {@link yfiles.input.ClickInputMode} that is used by this instance to determine clicks.
-       * <p>
-       * Whenever the mode detects a {@link yfiles.input.ClickInputMode#addClickedListener click}, this mode will use the {@link yfiles.input.IHitTester.<T>} from the {@link yfiles.input.MultiplexingInputMode#inputModeContext} to determine the items being hit. If they match the
-       * {@link yfiles.input.GraphInputMode#clickableItems} type, the {@link yfiles.input.GraphInputMode#addItemClickedListener ItemClicked} event will be triggered. If
-       * they {@link yfiles.input.GraphInputMode#shouldFocus}, the item will be {@link yfiles.input.GraphInputMode#setCurrentItem set as the current item}.
-       * </p>
-       * <p>
-       * If the field has not yet been initialized upon first access, the factory method {@link yfiles.input.GraphInputMode#createClickInputMode}
-       * will be called. Upon change the {@link yfiles.input.GraphInputMode#onClickInputModeChanged} method will be called.
-       * </p>
-       * <p>
-       * By default this input mode has a priority of <code>10</code>.
-       * </p>
-       * @throws {Stubs.Exceptions.NotSupportedError} If an attempt is made to change the instance while this mode is {@link yfiles.input.IInputMode#install installed}. To exchange a mode, first
-       * {@link yfiles.input.IInputMode#uninstall}, then {@link yfiles.input.IInputMode#install reinstall} to ensure that all data is initialized correctly.
-       * @see yfiles.input.GraphInputMode#onItemClicked
-       * @type {yfiles.input.ClickInputMode}
-       */
-      clickInputMode:yfiles.input.ClickInputMode;
-      /**
-       * Gets or sets the {@link yfiles.input.GraphInputMode#tapInputMode} property.
-       * <p>
-       * If the field has not yet been initialized upon first access, the factory method {@link yfiles.input.GraphInputMode#createTapInputMode}
-       * will be called. Upon change the {@link yfiles.input.GraphInputMode#onTapInputModeChanged} method will be called.
-       * </p>
-       * <p>
-       * By default this input mode has a priority of <code>20</code>.
-       * </p>
-       * @throws {Stubs.Exceptions.NotSupportedError} If an attempt is made to change the instance while this mode is {@link yfiles.input.IInputMode#install installed}. To exchange a mode, first
-       * {@link yfiles.input.IInputMode#uninstall}, then {@link yfiles.input.IInputMode#install reinstall} to ensure that all data is initialized correctly.
-       * @type {yfiles.input.TapInputMode}
-       */
-      tapInputMode:yfiles.input.TapInputMode;
-      /**
-       * Adds the given listener for the <code>ItemClicked</code> event that occurs when an item has been clicked.
-       * <p>
-       * If one of the event handlers sets the {@link yfiles.input.ItemClickedEventArgs.<T>#handled} property to <code>true</code> the event will not be propagated anymore.
-       * </p>
-       * <p>
-       * This event will also be raised for {@link yfiles.input.GraphInputMode#tap taps}.
-       * </p>
-       * <p>
-       * Button-specific events ({@link yfiles.input.GraphInputMode#addItemLeftClickedListener ItemLeftClicked} and
-       * {@link yfiles.input.GraphInputMode#addItemRightClickedListener ItemRightClicked}) will be raised before this event.
-       * If one of those is marked {@link yfiles.input.ItemClickedEventArgs.<T>#handled} this event will not be raised anymore.
-       * </p>
-       * @param {function(Object, yfiles.input.ItemClickedEventArgs.<yfiles.graph.IModelItem>): void} listener The listener to add.
-       * @see yfiles.input.GraphInputMode#clickableItems
-       * @see yfiles.input.GraphInputMode#addItemDoubleClickedListener
-       * @see yfiles.input.GraphInputMode#addItemLeftClickedListener
-       * @see yfiles.input.GraphInputMode#addItemRightClickedListener
-       * @see yfiles.input.GraphInputMode#removeItemClickedListener
-       */
-      addItemClickedListener(listener:(sender:Object,evt:yfiles.input.ItemClickedEventArgs<yfiles.graph.IModelItem>)=>void):void;
-      /**
-       * Removes the given listener for the <code>ItemClicked</code> event that occurs when an item has been clicked.
-       * <p>
-       * If one of the event handlers sets the {@link yfiles.input.ItemClickedEventArgs.<T>#handled} property to <code>true</code> the event will not be propagated anymore.
-       * </p>
-       * <p>
-       * This event will also be raised for {@link yfiles.input.GraphInputMode#tap taps}.
-       * </p>
-       * <p>
-       * Button-specific events ({@link yfiles.input.GraphInputMode#addItemLeftClickedListener ItemLeftClicked} and
-       * {@link yfiles.input.GraphInputMode#addItemRightClickedListener ItemRightClicked}) will be raised before this event.
-       * If one of those is marked {@link yfiles.input.ItemClickedEventArgs.<T>#handled} this event will not be raised anymore.
-       * </p>
-       * @param {function(Object, yfiles.input.ItemClickedEventArgs.<yfiles.graph.IModelItem>): void} listener The listener to remove.
-       * @see yfiles.input.GraphInputMode#clickableItems
-       * @see yfiles.input.GraphInputMode#addItemDoubleClickedListener
-       * @see yfiles.input.GraphInputMode#addItemLeftClickedListener
-       * @see yfiles.input.GraphInputMode#addItemRightClickedListener
-       * @see yfiles.input.GraphInputMode#addItemClickedListener
-       */
-      removeItemClickedListener(listener:(sender:Object,evt:yfiles.input.ItemClickedEventArgs<yfiles.graph.IModelItem>)=>void):void;
-      /**
-       * Adds the given listener for the <code>ItemLeftClicked</code> event that occurs when an item has been left clicked.
-       * <p>
-       * This event will be raised before the {@link yfiles.input.GraphInputMode#addItemClickedListener ItemClicked}
-       * event. If one of the event handlers sets the {@link yfiles.input.ItemClickedEventArgs.<T>#handled} property to <code>true</code> the event will not be propagated anymore. This also means
-       * that the {@link yfiles.input.GraphInputMode#addItemClickedListener ItemClicked} event will not be raised in that
-       * case.
-       * </p>
-       * @param {function(Object, yfiles.input.ItemClickedEventArgs.<yfiles.graph.IModelItem>): void} listener The listener to add.
-       * @see yfiles.input.GraphInputMode#clickableItems
-       * @see yfiles.input.GraphInputMode#addItemDoubleClickedListener
-       * @see yfiles.input.GraphInputMode#addItemClickedListener
-       * @see yfiles.input.GraphInputMode#addItemRightClickedListener
-       * @see yfiles.input.GraphInputMode#addItemLeftDoubleClickedListener
-       * @see yfiles.input.GraphInputMode#removeItemLeftClickedListener
-       */
-      addItemLeftClickedListener(listener:(sender:Object,evt:yfiles.input.ItemClickedEventArgs<yfiles.graph.IModelItem>)=>void):void;
-      /**
-       * Removes the given listener for the <code>ItemLeftClicked</code> event that occurs when an item has been left clicked.
-       * <p>
-       * This event will be raised before the {@link yfiles.input.GraphInputMode#addItemClickedListener ItemClicked}
-       * event. If one of the event handlers sets the {@link yfiles.input.ItemClickedEventArgs.<T>#handled} property to <code>true</code> the event will not be propagated anymore. This also means
-       * that the {@link yfiles.input.GraphInputMode#addItemClickedListener ItemClicked} event will not be raised in that
-       * case.
-       * </p>
-       * @param {function(Object, yfiles.input.ItemClickedEventArgs.<yfiles.graph.IModelItem>): void} listener The listener to remove.
-       * @see yfiles.input.GraphInputMode#clickableItems
-       * @see yfiles.input.GraphInputMode#addItemDoubleClickedListener
-       * @see yfiles.input.GraphInputMode#addItemClickedListener
-       * @see yfiles.input.GraphInputMode#addItemRightClickedListener
-       * @see yfiles.input.GraphInputMode#addItemLeftDoubleClickedListener
-       * @see yfiles.input.GraphInputMode#addItemLeftClickedListener
-       */
-      removeItemLeftClickedListener(listener:(sender:Object,evt:yfiles.input.ItemClickedEventArgs<yfiles.graph.IModelItem>)=>void):void;
-      /**
-       * Adds the given listener for the <code>ItemRightClicked</code> event that occurs when an item has been right clicked.
-       * <p>
-       * This event will be raised before the {@link yfiles.input.GraphInputMode#addItemClickedListener ItemClicked}
-       * event. If one of the event handlers sets the {@link yfiles.input.ItemClickedEventArgs.<T>#handled} property to <code>true</code> the event will not be propagated anymore. This also means
-       * that the {@link yfiles.input.GraphInputMode#addItemClickedListener ItemClicked} event will not be raised in that
-       * case.
-       * </p>
-       * @param {function(Object, yfiles.input.ItemClickedEventArgs.<yfiles.graph.IModelItem>): void} listener The listener to add.
-       * @see yfiles.input.GraphInputMode#clickableItems
-       * @see yfiles.input.GraphInputMode#addItemDoubleClickedListener
-       * @see yfiles.input.GraphInputMode#addItemClickedListener
-       * @see yfiles.input.GraphInputMode#addItemLeftClickedListener
-       * @see yfiles.input.GraphInputMode#addItemRightDoubleClickedListener
-       * @see yfiles.input.GraphInputMode#removeItemRightClickedListener
-       */
-      addItemRightClickedListener(listener:(sender:Object,evt:yfiles.input.ItemClickedEventArgs<yfiles.graph.IModelItem>)=>void):void;
-      /**
-       * Removes the given listener for the <code>ItemRightClicked</code> event that occurs when an item has been right clicked.
-       * <p>
-       * This event will be raised before the {@link yfiles.input.GraphInputMode#addItemClickedListener ItemClicked}
-       * event. If one of the event handlers sets the {@link yfiles.input.ItemClickedEventArgs.<T>#handled} property to <code>true</code> the event will not be propagated anymore. This also means
-       * that the {@link yfiles.input.GraphInputMode#addItemClickedListener ItemClicked} event will not be raised in that
-       * case.
-       * </p>
-       * @param {function(Object, yfiles.input.ItemClickedEventArgs.<yfiles.graph.IModelItem>): void} listener The listener to remove.
-       * @see yfiles.input.GraphInputMode#clickableItems
-       * @see yfiles.input.GraphInputMode#addItemDoubleClickedListener
-       * @see yfiles.input.GraphInputMode#addItemClickedListener
-       * @see yfiles.input.GraphInputMode#addItemLeftClickedListener
-       * @see yfiles.input.GraphInputMode#addItemRightDoubleClickedListener
-       * @see yfiles.input.GraphInputMode#addItemRightClickedListener
-       */
-      removeItemRightClickedListener(listener:(sender:Object,evt:yfiles.input.ItemClickedEventArgs<yfiles.graph.IModelItem>)=>void):void;
-      /**
-       * Adds the given listener for the <code>ItemDoubleClicked</code> event that occurs when an item has been double clicked.
-       * <p>
-       * If one of the event handlers sets the {@link yfiles.input.ItemClickedEventArgs.<T>#handled} property to <code>true</code> the event will not be propagated anymore.
-       * </p>
-       * <p>
-       * Depending on the value of the {@link yfiles.input.ClickInputMode#doubleClickPolicy} property of {@link yfiles.input.GraphInputMode#clickInputMode} this event may be preceded by no, one, or two {@link yfiles.input.GraphInputMode#addItemClickedListener ItemClicked}
-       * events (as well as the corresponding button-specific event).
-       * </p>
-       * <p>
-       * Button-specific events ({@link yfiles.input.GraphInputMode#addItemLeftDoubleClickedListener ItemLeftDoubleClicked} and
-       * {@link yfiles.input.GraphInputMode#addItemRightDoubleClickedListener ItemRightDoubleClicked}) will be raised before this
-       * event. If one of those is marked {@link yfiles.input.ItemClickedEventArgs.<T>#handled} this event will not be raised anymore.
-       * </p>
-       * @param {function(Object, yfiles.input.ItemClickedEventArgs.<yfiles.graph.IModelItem>): void} listener The listener to add.
-       * @see yfiles.input.GraphInputMode#addItemClickedListener
-       * @see yfiles.input.GraphInputMode#clickableItems
-       * @see yfiles.input.GraphInputMode#addItemLeftDoubleClickedListener
-       * @see yfiles.input.GraphInputMode#addItemRightDoubleClickedListener
-       * @see yfiles.input.GraphInputMode#removeItemDoubleClickedListener
-       */
-      addItemDoubleClickedListener(listener:(sender:Object,evt:yfiles.input.ItemClickedEventArgs<yfiles.graph.IModelItem>)=>void):void;
-      /**
-       * Removes the given listener for the <code>ItemDoubleClicked</code> event that occurs when an item has been double clicked.
-       * <p>
-       * If one of the event handlers sets the {@link yfiles.input.ItemClickedEventArgs.<T>#handled} property to <code>true</code> the event will not be propagated anymore.
-       * </p>
-       * <p>
-       * Depending on the value of the {@link yfiles.input.ClickInputMode#doubleClickPolicy} property of {@link yfiles.input.GraphInputMode#clickInputMode} this event may be preceded by no, one, or two {@link yfiles.input.GraphInputMode#addItemClickedListener ItemClicked}
-       * events (as well as the corresponding button-specific event).
-       * </p>
-       * <p>
-       * Button-specific events ({@link yfiles.input.GraphInputMode#addItemLeftDoubleClickedListener ItemLeftDoubleClicked} and
-       * {@link yfiles.input.GraphInputMode#addItemRightDoubleClickedListener ItemRightDoubleClicked}) will be raised before this
-       * event. If one of those is marked {@link yfiles.input.ItemClickedEventArgs.<T>#handled} this event will not be raised anymore.
-       * </p>
-       * @param {function(Object, yfiles.input.ItemClickedEventArgs.<yfiles.graph.IModelItem>): void} listener The listener to remove.
-       * @see yfiles.input.GraphInputMode#addItemClickedListener
-       * @see yfiles.input.GraphInputMode#clickableItems
-       * @see yfiles.input.GraphInputMode#addItemLeftDoubleClickedListener
-       * @see yfiles.input.GraphInputMode#addItemRightDoubleClickedListener
-       * @see yfiles.input.GraphInputMode#addItemDoubleClickedListener
-       */
-      removeItemDoubleClickedListener(listener:(sender:Object,evt:yfiles.input.ItemClickedEventArgs<yfiles.graph.IModelItem>)=>void):void;
-      /**
-       * Adds the given listener for the <code>ItemLeftDoubleClicked</code> event that occurs when an item has been left double clicked.
-       * <p>
-       * This event will be raised before the {@link yfiles.input.GraphInputMode#addItemDoubleClickedListener ItemDoubleClicked}
-       * event. If one of the event handlers sets the {@link yfiles.input.ItemClickedEventArgs.<T>#handled} property to <code>true</code> the event will not be propagated anymore. This also means
-       * that the {@link yfiles.input.GraphInputMode#addItemDoubleClickedListener ItemDoubleClicked} event will not be raised
-       * in that case.
-       * </p>
-       * @param {function(Object, yfiles.input.ItemClickedEventArgs.<yfiles.graph.IModelItem>): void} listener The listener to add.
-       * @see yfiles.input.GraphInputMode#clickableItems
-       * @see yfiles.input.GraphInputMode#addItemDoubleClickedListener
-       * @see yfiles.input.GraphInputMode#addItemRightDoubleClickedListener
-       * @see yfiles.input.GraphInputMode#removeItemLeftDoubleClickedListener
-       */
-      addItemLeftDoubleClickedListener(listener:(sender:Object,evt:yfiles.input.ItemClickedEventArgs<yfiles.graph.IModelItem>)=>void):void;
-      /**
-       * Removes the given listener for the <code>ItemLeftDoubleClicked</code> event that occurs when an item has been left double clicked.
-       * <p>
-       * This event will be raised before the {@link yfiles.input.GraphInputMode#addItemDoubleClickedListener ItemDoubleClicked}
-       * event. If one of the event handlers sets the {@link yfiles.input.ItemClickedEventArgs.<T>#handled} property to <code>true</code> the event will not be propagated anymore. This also means
-       * that the {@link yfiles.input.GraphInputMode#addItemDoubleClickedListener ItemDoubleClicked} event will not be raised
-       * in that case.
-       * </p>
-       * @param {function(Object, yfiles.input.ItemClickedEventArgs.<yfiles.graph.IModelItem>): void} listener The listener to remove.
-       * @see yfiles.input.GraphInputMode#clickableItems
-       * @see yfiles.input.GraphInputMode#addItemDoubleClickedListener
-       * @see yfiles.input.GraphInputMode#addItemRightDoubleClickedListener
-       * @see yfiles.input.GraphInputMode#addItemLeftDoubleClickedListener
-       */
-      removeItemLeftDoubleClickedListener(listener:(sender:Object,evt:yfiles.input.ItemClickedEventArgs<yfiles.graph.IModelItem>)=>void):void;
-      /**
-       * Adds the given listener for the <code>ItemRightDoubleClicked</code> event that occurs when an item has been right double clicked.
-       * <p>
-       * This event will be raised before the {@link yfiles.input.GraphInputMode#addItemDoubleClickedListener ItemDoubleClicked}
-       * event. If one of the event handlers sets the {@link yfiles.input.ItemClickedEventArgs.<T>#handled} property to <code>true</code> the event will not be propagated anymore. This also means
-       * that the {@link yfiles.input.GraphInputMode#addItemDoubleClickedListener ItemDoubleClicked} event will not be raised
-       * in that case.
-       * </p>
-       * @param {function(Object, yfiles.input.ItemClickedEventArgs.<yfiles.graph.IModelItem>): void} listener The listener to add.
-       * @see yfiles.input.GraphInputMode#clickableItems
-       * @see yfiles.input.GraphInputMode#addItemDoubleClickedListener
-       * @see yfiles.input.GraphInputMode#addItemLeftDoubleClickedListener
-       * @see yfiles.input.GraphInputMode#removeItemRightDoubleClickedListener
-       */
-      addItemRightDoubleClickedListener(listener:(sender:Object,evt:yfiles.input.ItemClickedEventArgs<yfiles.graph.IModelItem>)=>void):void;
-      /**
-       * Removes the given listener for the <code>ItemRightDoubleClicked</code> event that occurs when an item has been right double clicked.
-       * <p>
-       * This event will be raised before the {@link yfiles.input.GraphInputMode#addItemDoubleClickedListener ItemDoubleClicked}
-       * event. If one of the event handlers sets the {@link yfiles.input.ItemClickedEventArgs.<T>#handled} property to <code>true</code> the event will not be propagated anymore. This also means
-       * that the {@link yfiles.input.GraphInputMode#addItemDoubleClickedListener ItemDoubleClicked} event will not be raised
-       * in that case.
-       * </p>
-       * @param {function(Object, yfiles.input.ItemClickedEventArgs.<yfiles.graph.IModelItem>): void} listener The listener to remove.
-       * @see yfiles.input.GraphInputMode#clickableItems
-       * @see yfiles.input.GraphInputMode#addItemDoubleClickedListener
-       * @see yfiles.input.GraphInputMode#addItemLeftDoubleClickedListener
-       * @see yfiles.input.GraphInputMode#addItemRightDoubleClickedListener
-       */
-      removeItemRightDoubleClickedListener(listener:(sender:Object,evt:yfiles.input.ItemClickedEventArgs<yfiles.graph.IModelItem>)=>void):void;
-      /**
-       * Adds the given listener for the <code>CanvasClicked</code> event that occurs when the empty canvas area has been clicked.
-       * <p>
-       * If one of the event handlers sets the {@link yfiles.input.ClickEventArgs#handled} property to <code>true</code> the event will not be propagated anymore.
-       * </p>
-       * @param {function(Object, yfiles.input.ClickEventArgs): void} listener The listener to add.
-       * @see yfiles.input.GraphInputMode#addItemClickedListener
-       * @see yfiles.input.GraphInputMode#removeCanvasClickedListener
-       */
-      addCanvasClickedListener(listener:(sender:Object,evt:yfiles.input.ClickEventArgs)=>void):void;
-      /**
-       * Removes the given listener for the <code>CanvasClicked</code> event that occurs when the empty canvas area has been clicked.
-       * <p>
-       * If one of the event handlers sets the {@link yfiles.input.ClickEventArgs#handled} property to <code>true</code> the event will not be propagated anymore.
-       * </p>
-       * @param {function(Object, yfiles.input.ClickEventArgs): void} listener The listener to remove.
-       * @see yfiles.input.GraphInputMode#addItemClickedListener
-       * @see yfiles.input.GraphInputMode#addCanvasClickedListener
-       */
-      removeCanvasClickedListener(listener:(sender:Object,evt:yfiles.input.ClickEventArgs)=>void):void;
-      /**
-       * Gets or sets the {@link yfiles.input.GraphInputMode#marqueeSelectionInputMode} property.
-       * <p>
-       * If the field has not yet been initialized upon first access, the factory method {@link yfiles.input.GraphInputMode#createMarqueeSelectionInputMode}
-       * will be called. Upon change the {@link yfiles.input.GraphInputMode#onMarqueeSelectionInputModeChanged} method will be called.
-       * </p>
-       * <p>
-       * By default this input mode has a priority of <code>50</code>.
-       * </p>
-       * @throws {Stubs.Exceptions.NotSupportedError} If an attempt is made to change the instance while this mode is {@link yfiles.input.IInputMode#install installed}. To exchange a mode, first
-       * {@link yfiles.input.IInputMode#uninstall}, then {@link yfiles.input.IInputMode#install reinstall} to ensure that all data is initialized correctly.
-       * @type {yfiles.input.MarqueeSelectionInputMode}
-       */
-      marqueeSelectionInputMode:yfiles.input.MarqueeSelectionInputMode;
-      /**
-       * Gets or sets the {@link yfiles.input.GraphInputMode#navigationInputMode} property.
-       * <p>
-       * This mode is responsible for navigating and traversing the elements in the {@link yfiles.graph.IGraph}. If the field has not yet
-       * been initialized upon first access, the factory method {@link yfiles.input.GraphInputMode#createNavigationInputMode} will be
-       * called. Upon change the {@link yfiles.input.GraphInputMode#onNavigationInputModeChanged} method will be called.
-       * </p>
-       * <p>
-       * By default this input mode has a priority of <code>55</code>.
-       * </p>
-       * @throws {Stubs.Exceptions.NotSupportedError} If an attempt is made to change the instance while this mode is {@link yfiles.input.IInputMode#install installed}. To exchange a mode, first
-       * {@link yfiles.input.IInputMode#uninstall}, then {@link yfiles.input.IInputMode#install reinstall} to ensure that all data is initialized correctly.
-       * @type {yfiles.input.NavigationInputMode}
-       */
-      navigationInputMode:yfiles.input.NavigationInputMode;
-      /**
-       * Adds the given listener for the <code>MultiSelectionStarted</code> event that occurs when a single or multi select operation has been
-       * started.
-       * <p>
-       * The event is <b>not</b> triggered for the individual selection operations that constitute a multi selection operation.
-       * </p>
-       * @param {function(Object, yfiles.input.SelectionEventArgs.<yfiles.graph.IModelItem>): void} listener The listener to add.
-       * @see yfiles.input.GraphInputMode#removeMultiSelectionStartedListener
-       */
-      addMultiSelectionStartedListener(listener:(sender:Object,evt:yfiles.input.SelectionEventArgs<yfiles.graph.IModelItem>)=>void):void;
-      /**
-       * Removes the given listener for the <code>MultiSelectionStarted</code> event that occurs when a single or multi select operation has
-       * been started.
-       * <p>
-       * The event is <b>not</b> triggered for the individual selection operations that constitute a multi selection operation.
-       * </p>
-       * @param {function(Object, yfiles.input.SelectionEventArgs.<yfiles.graph.IModelItem>): void} listener The listener to remove.
-       * @see yfiles.input.GraphInputMode#addMultiSelectionStartedListener
-       */
-      removeMultiSelectionStartedListener(listener:(sender:Object,evt:yfiles.input.SelectionEventArgs<yfiles.graph.IModelItem>)=>void):void;
-      /**
-       * Adds the given listener for the <code>MultiSelectionFinished</code> event that occurs when a single or multi select operation has
-       * been finished.
-       * <p>
-       * The event is <b>not</b> triggered for the individual selection operations that constitute a multi selection operation.
-       * </p>
-       * @param {function(Object, yfiles.input.SelectionEventArgs.<yfiles.graph.IModelItem>): void} listener The listener to add.
-       * @see yfiles.input.GraphInputMode#removeMultiSelectionFinishedListener
-       */
-      addMultiSelectionFinishedListener(listener:(sender:Object,evt:yfiles.input.SelectionEventArgs<yfiles.graph.IModelItem>)=>void):void;
-      /**
-       * Removes the given listener for the <code>MultiSelectionFinished</code> event that occurs when a single or multi select operation has
-       * been finished.
-       * <p>
-       * The event is <b>not</b> triggered for the individual selection operations that constitute a multi selection operation.
-       * </p>
-       * @param {function(Object, yfiles.input.SelectionEventArgs.<yfiles.graph.IModelItem>): void} listener The listener to remove.
-       * @see yfiles.input.GraphInputMode#addMultiSelectionFinishedListener
-       */
-      removeMultiSelectionFinishedListener(listener:(sender:Object,evt:yfiles.input.SelectionEventArgs<yfiles.graph.IModelItem>)=>void):void;
-      /**
-       * Gets or sets the {@link yfiles.input.WaitInputMode} that is provided by this instance for those who need to make use of it.
-       * <p>
-       * If the field has not yet been initialized upon first access, the factory method {@link yfiles.input.GraphInputMode#createWaitInputMode}
-       * will be called. Upon change the {@link yfiles.input.GraphInputMode#onWaitInputModeChanged} method will be called.
-       * </p>
-       * <p>
-       * By default this input mode has a priority of <code>-1</code>.
-       * </p>
-       * @throws {Stubs.Exceptions.NotSupportedError} If an attempt is made to change the instance while this mode is {@link yfiles.input.IInputMode#install installed}. To exchange a mode, first
-       * {@link yfiles.input.IInputMode#uninstall}, then {@link yfiles.input.IInputMode#install reinstall} to ensure that all data is initialized correctly.
-       * @see yfiles.input.WaitInputMode#waiting
-       * @type {yfiles.input.WaitInputMode}
-       */
-      waitInputMode:yfiles.input.WaitInputMode;
-      /**
-       * Gets or sets the {@link yfiles.input.GraphInputMode#itemHoverInputMode} that is provided by this instance for those who need to make use of it.
-       * <p>
-       * Note that initially the {@link yfiles.input.ItemHoverInputMode#hoverItems} property is set to
-       * {@link yfiles.graph.GraphItemTypes#NONE}, which effectively disables the functionality of the mode initially. In order to get
-       * the mode to fire events, the property should be set to a corresponding value.
-       * </p>
-       * <p>
-       * If the backing field has not yet been initialized upon first access, the factory method {@link yfiles.input.GraphInputMode#createItemHoverInputMode}
-       * will be called. Upon change the {@link yfiles.input.GraphInputMode#onItemHoverInputModeChanged} method will be called.
-       * </p>
-       * <p>
-       * By default this input mode has a priority of <code>55</code>.
-       * </p>
-       * @throws {Stubs.Exceptions.NotSupportedError} If an attempt is made to change the instance while this mode is {@link yfiles.input.IInputMode#install installed}. To exchange a mode, first
-       * {@link yfiles.input.IInputMode#uninstall}, then {@link yfiles.input.IInputMode#install reinstall} to ensure that all data is initialized correctly.
-       * @type {yfiles.input.ItemHoverInputMode}
-       */
-      itemHoverInputMode:yfiles.input.ItemHoverInputMode;
-      /**
-       * Gets or sets the {@link yfiles.input.GraphInputMode#moveViewportInputMode} associated with this instance.
-       * <p>
-       * If the field has not yet been initialized upon first access, the factory method {@link yfiles.input.GraphInputMode#createMoveViewportInputMode}
-       * will be called. Upon change the {@link yfiles.input.GraphInputMode#onMoveViewportInputModeChanged} method will be called.
-       * </p>
-       * <p>
-       * By default this input mode has a priority of <code>39</code>.
-       * </p>
-       * @throws {Stubs.Exceptions.NotSupportedError} If an attempt is made to change the instance while this mode is {@link yfiles.input.IInputMode#install installed}. To exchange a mode, first
-       * {@link yfiles.input.IInputMode#uninstall}, then {@link yfiles.input.IInputMode#install reinstall} to ensure that all data is initialized correctly.
-       * @type {yfiles.input.MoveViewportInputMode}
-       */
-      moveViewportInputMode:yfiles.input.MoveViewportInputMode;
-      /**
-       * Gets or sets the {@link yfiles.input.GraphInputMode#keyboardInputMode}.
-       * <p>
-       * By default this input mode has a priority of <code>0</code>.
-       * </p>
-       * @throws {Stubs.Exceptions.NotSupportedError} If an attempt is made to change the instance while this mode is {@link yfiles.input.IInputMode#install installed}. To exchange a mode, first
-       * {@link yfiles.input.IInputMode#uninstall}, then {@link yfiles.input.IInputMode#install reinstall} to ensure that all data is initialized correctly.
-       * @type {yfiles.input.KeyboardInputMode}
-       */
-      keyboardInputMode:yfiles.input.KeyboardInputMode;
-      /**
-       * Gets a collection of commands that this input mode will handle.
-       * <p>
-       * This collection can be modified by removing commands to prevent the input mode from handling them. Previously removed
-       * commands can also be re-added again to enable them again. However, the input mode will never handle commands that
-       * weren't in the initial collection. Adding those will do nothing.
-       * </p>
-       * @type {yfiles.collections.ICollection.<yfiles.input.ICommand>}
-       */
-      availableCommands:yfiles.collections.ICollection<yfiles.input.ICommand>;
-      /**
-       * Gets or sets a property that determines whether clipboard operations with the usual shortcuts are enabled on the
-       * canvas.
-       * <p>
-       * Default value is <code>true</code>
-       * </p>
-       * @default true
-       * @type {boolean}
-       */
-      allowClipboardOperations:boolean;
-      static $class:yfiles.lang.Class;
-    }
-    /**
-     * An {@link yfiles.input.IInputMode} implementation for use in a {@link yfiles.view.GraphComponent} to assign to the {@link yfiles.view.CanvasComponent#inputMode} property.
-     * <p>
-     * This mode can be used in a viewer-centric application where there is no need to modify the {@link yfiles.graph.IGraph} but
-     * browsing of the graph should be convenient. This mode allows for {@link yfiles.input.GraphInputMode#addItemClickedListener clicking on items using the mouse},
-     * {@link yfiles.input.GraphInputMode#addQueryItemToolTipListener displaying tool tips for items}, {@link yfiles.input.GraphInputMode#addPopulateItemContextMenuListener showing a context menu}, {@link yfiles.input.NavigationInputMode allowing for easy navigation and traversal},
-     * {@link yfiles.input.MoveViewportInputMode moving the view port}, and {@link yfiles.input.GraphInputMode#marqueeSelectableItems optionally doing marquee selection}. Also {@link yfiles.input.ItemHoverInputMode} can be used to get
-     * notified of the elements that the mouse is hovering over.
-     * </p>
-     * <p>
-     * Due to the viewer-centric nature of this input mode, collapsing and expanding groups is disabled per default. To enable
-     * this feature, set {@link yfiles.input.NavigationInputMode#allowCollapseGroup} and {@link yfiles.input.NavigationInputMode#allowExpandGroup} to <code>true</code>.
-     * </p>
-     * <p>
-     * This input mode manages a set of specialized input modes, each handling a specific part of the interaction with the
-     * graph. The following list details those along with their default
-     * {@link yfiles.input.IInputMode#priority priorities}. Lower priorities come earlier when handing events.
-     * </p>
-     * <ul>
-     * <li><b>{@link yfiles.input.WaitInputMode} (−1)</b> – Disables this input mode when layouts or animations run.</li>
-     * <li><b>{@link yfiles.input.KeyboardInputMode} (0)</b> – Handles commands and arbitrary keyboard shortcuts.</li>
-     * <li><b>{@link yfiles.input.ClickInputMode} (10)</b> – Handles mouse clicks and double-clicks.</li>
-     * <li><b>{@link yfiles.input.TapInputMode} (20)</b> – Handles taps and double-tap.</li>
-     * <li><b>{@link yfiles.input.MarqueeSelectionInputMode} (30)</b> – Allows dragging a rectangle to select items within it.</li>
-     * <li><b>{@link yfiles.input.MoveViewportInputMode} (39)</b> – Allows panning the viewport.</li>
-     * <li><b>{@link yfiles.input.ItemHoverInputMode} (55)</b> – Provides events to indicate that the mouse pointer hovers over an item.</li>
-     * <li><b>{@link yfiles.input.NavigationInputMode} (55)</b> – Provides general navigation facilities, such as navigating from one item to another with the arrow keys.</li>
-     * <li><b>{@link yfiles.input.ContextMenuInputMode} (60)</b> – Handles querying the context menu contents based on a location as well as preparing the menu for display.</li>
-     * <li><b>{@link yfiles.input.MouseHoverInputMode} (100)</b> – Handles tool tips.</li>
-     * </ul>
-     * @class yfiles.input.GraphViewerInputMode
-     * @extends {yfiles.input.GraphInputMode}
-     */
-    export interface GraphViewerInputMode extends yfiles.input.GraphInputMode{}
-    export class GraphViewerInputMode {
-      /**
-       * Initializes a new instance of the {@link yfiles.input.GraphViewerInputMode} class.
-       * @constructor
-       */
-      constructor();
-      static $class:yfiles.lang.Class;
-    }
-    /**
-     * A simple interface that can be used to react to clicks on regions of {@link yfiles.styles.INodeStyle}s etc.
-     * <p>
-     * {@link yfiles.input.GraphEditorInputMode} will query the {@link yfiles.graph.IModelItem}'s Lookup method for this interface if it has
-     * detected {@link yfiles.input.GraphInputMode#click}s. If the item yields an instance of this interface and the click was inside
-     * the {@link yfiles.input.IClickListener#getHitTestable}, then {@link yfiles.input.IClickListener#onClicked} is invoked.
-     * </p>
-     * @see yfiles.input.GraphEditorInputMode
-     * @see yfiles.styles.CollapsibleNodeStyleDecorator
-     * @interface
-     */
-    export interface IClickListener extends Object{
-      /**
-       * Gets an {@link yfiles.input.IHitTestable} that can be used to check if {@link yfiles.input.IClickListener#onClicked} should be invoked.
-       * @returns {yfiles.input.IHitTestable} A hit testable that can determine whether {@link yfiles.input.IClickListener#onClicked} should be invoked by a given click.
-       * @abstract
-       */
-      getHitTestable():yfiles.input.IHitTestable;
-      /**
-       * Called by the framework to indicate that the {@link yfiles.graph.IModelItem} has been clicked by the user at the specified
-       * location.
-       * <p>
-       * This method is called by {@link yfiles.input.GraphInputMode#click} for the
-       * {@link yfiles.graph.IModelItem}s that yielded an instance of this interface.
-       * </p>
-       * @param {yfiles.input.IInputModeContext} context The context to use for the click operation.
-       * @param {yfiles.geometry.Point} location The location of the click
-       * @abstract
-       */
-      onClicked(context:yfiles.input.IInputModeContext,location:yfiles.geometry.Point):void;
-    }
-    var IClickListener:{
-      $class:yfiles.lang.Class;
-      isInstance(o:Object):boolean;
-    };
-    /**
-     * An interface for classes that can yield {@link yfiles.input.IHandle} implementations for the {@link yfiles.graph.IEdge#sourcePort source} and {@link yfiles.graph.IEdge#targetPort target} ends of an
-     * {@link yfiles.graph.IEdge}.
-     * <p>
-     * This interface will be queried by the default implementation of the {@link yfiles.input.IHandleProvider} that is in the lookup
-     * of an {@link yfiles.graph.IEdge}. It is recommended to use this interface instead of the more generic {@link yfiles.input.IHandleProvider}
-     * interface, because other generic code can then use this interface to gain access to a specific {@link yfiles.input.IHandle} more
-     * easily.
-     * </p>
-     * @interface
-     */
-    export interface IEdgePortHandleProvider extends Object{
-      /**
-       * Gets an {@link yfiles.input.IHandle} implementation for one end of the provided <code>edge</code>.
-       * @param {yfiles.input.IInputModeContext} context The context in which the handle will be used.
-       * @param {yfiles.graph.IEdge} edge The edge for which an handle is needed.
-       * @param {boolean} sourceHandle if set to <code>true</code> the handle for the source side/port should be returned.
-       * @returns {yfiles.input.IHandle} The handle to use for the provided side or <code>null</code>.
-       * @abstract
-       */
-      getHandle(context:yfiles.input.IInputModeContext,edge:yfiles.graph.IEdge,sourceHandle:boolean):yfiles.input.IHandle;
-    }
-    var IEdgePortHandleProvider:{
-      $class:yfiles.lang.Class;
-      isInstance(o:Object):boolean;
-    };
-    /**
-     * Helper interface to customize interactive label editing.
-     * <p>
-     * Implementations of this interface can be put into the {@link yfiles.graph.ILookup} of {@link yfiles.graph.ILabelOwner}s and
-     * {@link yfiles.graph.ILabel}s so that it is possible to tweak the behavior on a case by case basis.
-     * </p>
-     * <p>
-     * Conceptually, in most cases, implementations of this interface behaves like an additional event handler for {@link yfiles.input.GraphEditorInputMode#addLabelAddingListener LabelAdding}
-     * and {@link yfiles.input.GraphEditorInputMode#addLabelEditingListener LabelEditing}. If no event handler
-     * handled those events, an {@link yfiles.input.IEditLabelHelper} will be queried from the {@link yfiles.graph.ILookup} and the unhandled
-     * event arguments passed to the respective methods.
-     * </p>
-     * @see yfiles.input.EditLabelHelper
-     * @see yfiles.input.GraphEditorInputMode#createLabel
-     * @see yfiles.input.GraphEditorInputMode#editLabel
-     * @see yfiles.input.GraphEditorInputMode#addLabel
-     * @see yfiles.input.GraphEditorInputMode#addLabelAddingListener
-     * @see yfiles.input.GraphEditorInputMode#addLabelEditingListener
-     * @interface
-     */
-    export interface IEditLabelHelper extends Object{
-      /**
-       * Helper method that will be called when trying to add a label to an {@link yfiles.graph.ILabelOwner}.
-       * <p>
-       * Implementations of this method can set the {@link yfiles.graph.ILabel#style}, {@link yfiles.graph.ILabel#layoutParameter}, {@link yfiles.graph.ILabel#preferredSize}, and {@link yfiles.graph.ITagOwner#tag} for newly-added labels by setting the appropriate properties on
-       * <code>args</code>.
-       * </p>
-       * <p>
-       * Setting the {@link yfiles.input.LabelEditingEventArgs#cancel} property on <code>args</code> to <code>true</code> will disallow label creation.
-       * </p>
-       * @param {yfiles.input.LabelEditingEventArgs} evt The original event arguments.
-       * @see yfiles.input.IEditLabelHelper#onLabelEditing
-       * @abstract
-       */
-      onLabelAdding(evt:yfiles.input.LabelEditingEventArgs):void;
-      /**
-       * Helper method that will be called when trying to edit a label.
-       * <p>
-       * This method can be called for editing labels for an {@link yfiles.graph.ILabelOwner}, in which case the {@link yfiles.input.LabelEditingEventArgs#label} property on <code>args</code> will
-       * be <code>null</code>, but the {@link yfiles.input.LabelEditingEventArgs#owner} property will be non-<code>null</code>. It can also be called for editing a specific label, in which case the {@link yfiles.input.LabelEditingEventArgs#label}
-       * property on <code>args</code> will be non-<code>null</code>, and the {@link yfiles.input.LabelEditingEventArgs#owner} property will be set to the label's owner.
-       * </p>
-       * <p>
-       * Implementations of this method can set a specific label to be edited, by setting the {@link yfiles.input.LabelEditingEventArgs#label} property of the <code>args</code> to an
-       * existing label instance. This label does not need to belong to the same owner that is queried for. Setting the {@link yfiles.input.LabelEditingEventArgs#label} property
-       * to <code>null</code> will not edit an existing label, but instead add a new one on the {@link yfiles.graph.ILabelOwner} set in the {@link yfiles.input.LabelEditingEventArgs#owner}
-       * property.
-       * </p>
-       * <p>
-       * When a new label is added, the properties {@link yfiles.input.LabelEditingEventArgs#style}, {@link yfiles.input.LabelEditingEventArgs#layoutParameter}, {@link yfiles.input.LabelEditingEventArgs#preferredSize}, and {@link yfiles.input.LabelEditingEventArgs#tag} are used for the newly-created label, just as in
-       * {@link yfiles.input.IEditLabelHelper#onLabelAdding}.
-       * </p>
-       * <p>
-       * Setting the {@link yfiles.input.LabelEditingEventArgs#cancel} property on <code>args</code> to <code>true</code> will disallow label editing and creation.
-       * </p>
-       * @param {yfiles.input.LabelEditingEventArgs} evt The original event arguments.
-       * @see yfiles.input.IEditLabelHelper#onLabelAdding
-       * @abstract
-       */
-      onLabelEditing(evt:yfiles.input.LabelEditingEventArgs):void;
-    }
-    var IEditLabelHelper:{
-      $class:yfiles.lang.Class;
-      isInstance(o:Object):boolean;
-    };
-    /**
-     * Provides the snap lines and the snap results to the {@link yfiles.input.LabelSnapContext} during dragging of labels.
-     * @see yfiles.input.LabelSnapContext
-     * @see yfiles.graph.LabelDecorator#labelSnapContextHelperDecorator
-     * @interface
-     */
-    export interface ILabelSnapContextHelper extends Object{
-      /**
-       * Called during {@link yfiles.input.IDragHandler#initializeDrag initialization} of a <code>label</code> dragging to add {@link yfiles.input.SnapLine snap lines} to which the label can potentially snap to the
-       * <code>snapContext</code>.
-       * @param {yfiles.input.LabelSnapContext} snapContext The snap context which manages the snap lines and the settings. Note that implementations should not change the state of
-       * the context explicitly.
-       * @param {yfiles.input.IInputModeContext} inputModeContext The context of the input mode that handles the dragging.
-       * @param {yfiles.graph.ILabel} label The label that is dragged.
-       * @abstract
-       */
-      addSnapLines(snapContext:yfiles.input.LabelSnapContext,inputModeContext:yfiles.input.IInputModeContext,label:yfiles.graph.ILabel):void;
-      /**
-       * Called while the given <code>label</code> is {@link yfiles.input.IDragHandler#handleMove dragged} to add {@link yfiles.input.SnapResult snap results} for the {@link yfiles.input.SnapLine snap lines} provided by the <code>context</code>.
-       * @param {yfiles.input.LabelSnapContext} context The snap context which manages the snap lines and the settings.
-       * @param {yfiles.input.CollectSnapResultsEventArgs} evt The event argument to obtain the necessary information from and {@link yfiles.input.CollectSnapResultsEventArgs#addSnapResult add results to}.
-       * @param {yfiles.geometry.IOrientedRectangle} suggestedLayout The {@link yfiles.graph.ILabel#layout layout} of the label that would be used without snapping.
-       * @param {yfiles.graph.ILabel} label The label that is dragged.
-       * @abstract
-       */
-      collectSnapResults(context:yfiles.input.LabelSnapContext,evt:yfiles.input.CollectSnapResultsEventArgs,suggestedLayout:yfiles.geometry.IOrientedRectangle,label:yfiles.graph.ILabel):void;
-    }
-    var ILabelSnapContextHelper:{
-      $class:yfiles.lang.Class;
-      isInstance(o:Object):boolean;
-    };
-    /**
-     * An interface used by implementations that provide various size constraints for {@link yfiles.graph.INode}s.
-     * <p><b>Related demos:</b></p>
-     * <ul>
-     * <li>Demo: SizeConstraintProvider, demo.yfiles.input.sizeconstraintprovider</li>
-     * </ul>
-     * @see yfiles.input.NodeSizeConstraintProvider
-     * @interface
-     */
-    export interface INodeSizeConstraintProvider extends Object{
-      /**
-       * Returns the maximum size allowed for the given <code>node</code>.
-       * @param {yfiles.graph.INode} node The node to return the maximum size for.
-       * @returns {yfiles.geometry.Size} The maximum size or {@link yfiles.geometry.Size#INFINITE} if there is no constraint on the size.
-       * @abstract
-       */
-      getMaximumSize(node:yfiles.graph.INode):yfiles.geometry.Size;
-      /**
-       * Returns the minimum area that needs to be enclosed by the given <code>node</code>.
-       * @param {yfiles.graph.INode} node The node to return the area for.
-       * @returns {yfiles.geometry.Rect} The area to enclose or {@link yfiles.geometry.Rect#EMPTY} if there is no constraint on the size due to an enclosed area.
-       * @abstract
-       */
-      getMinimumEnclosedArea(node:yfiles.graph.INode):yfiles.geometry.Rect;
-      /**
-       * Returns the minimum size allowed for the given <code>node</code>.
-       * @param {yfiles.graph.INode} node The node to return the minimum size for.
-       * @returns {yfiles.geometry.Size} The minimum size or {@link yfiles.geometry.Size#EMPTY} if there is no constraint on the size.
-       * @abstract
-       */
-      getMinimumSize(node:yfiles.graph.INode):yfiles.geometry.Size;
-    }
-    var INodeSizeConstraintProvider:{
-      $class:yfiles.lang.Class;
-      isInstance(o:Object):boolean;
-    };
-    /**
-     * A simple default implementation of {@link yfiles.input.INodeSizeConstraintProvider}
-     * @class yfiles.input.NodeSizeConstraintProvider
-     * @implements {yfiles.input.INodeSizeConstraintProvider}
-     */
-    export interface NodeSizeConstraintProvider extends Object,yfiles.input.INodeSizeConstraintProvider{}
-    export class NodeSizeConstraintProvider {
-      /**
-       * Creates a new instance using the provided size instances as the initial values.
-       * <p>
-       * Not specifing the minimumEnclosedArea will set it to {@link yfiles.geometry.Rect#EMPTY}.
-       * </p>
-       * @param {yfiles.geometry.ISize} minimumSize The {@link yfiles.input.NodeSizeConstraintProvider#minimumSize}.
-       * @param {yfiles.geometry.ISize} maximumSize The {@link yfiles.input.NodeSizeConstraintProvider#maximumSize}.
-       * @param {yfiles.geometry.IRectangle} [minimumEnclosedArea=null] The {@link yfiles.input.NodeSizeConstraintProvider#minimumEnclosedArea}.
-       * @constructor
-       */
-      constructor(minimumSize:yfiles.geometry.ISize,maximumSize:yfiles.geometry.ISize,minimumEnclosedArea?:yfiles.geometry.IRectangle);
-      /**
-       * 
-       * @param {yfiles.graph.INode} node
-       * @returns {yfiles.geometry.Size} 
-       */
-      getMaximumSize(node:yfiles.graph.INode):yfiles.geometry.Size;
-      /**
-       * 
-       * @param {yfiles.graph.INode} node
-       * @returns {yfiles.geometry.Rect} 
-       */
-      getMinimumEnclosedArea(node:yfiles.graph.INode):yfiles.geometry.Rect;
-      /**
-       * 
-       * @param {yfiles.graph.INode} node
-       * @returns {yfiles.geometry.Size} 
-       */
-      getMinimumSize(node:yfiles.graph.INode):yfiles.geometry.Size;
-      /**
-       * Gets or sets the instance to return by {@link yfiles.input.NodeSizeConstraintProvider#getMaximumSize}.
-       * @type {yfiles.geometry.ISize}
-       */
-      maximumSize:yfiles.geometry.ISize;
-      /**
-       * Gets or sets the instance to return by {@link yfiles.input.NodeSizeConstraintProvider#getMinimumEnclosedArea}.
-       * @type {yfiles.geometry.IRectangle}
-       */
-      minimumEnclosedArea:yfiles.geometry.IRectangle;
-      /**
-       * Gets or sets the instance to return by {@link yfiles.input.NodeSizeConstraintProvider#getMinimumSize}.
-       * @type {yfiles.geometry.ISize}
-       */
-      minimumSize:yfiles.geometry.ISize;
-      static $class:yfiles.lang.Class;
-    }
-    /**
-     * Interface used by {@link yfiles.input.OrthogonalEdgeEditingContext} and the like that can be decorated to the {@link yfiles.graph.ILookup}
-     * of {@link yfiles.graph.IEdge}s.
-     * <p>
-     * This interface is for editing edges in such a way that their path stays orthogonal, i.e. all of the segments are
-     * oriented either horizontally or vertically.
-     * </p>
-     * @see yfiles.input.OrthogonalEdgeEditingContext#getOrthogonalEdgeHelper
-     * @interface
-     */
-    export interface IOrthogonalEdgeHelper extends Object{
-      /**
-       * Callback method that is invoked after the provided edge has been edited orthogonally.
-       * <p>
-       * This callback can be used to remove unused bends and finalize the orthogonal edge editing gesture.
-       * </p>
-       * @param {yfiles.input.IInputModeContext} context The input mode context which edited the edge.
-       * @param {yfiles.graph.IGraph} graph The graph to use for modifying the edge instance.
-       * @param {yfiles.graph.IEdge} edge The edge to clean up the path.
-       * @abstract
-       */
-      cleanUpEdge(context:yfiles.input.IInputModeContext,graph:yfiles.graph.IGraph,edge:yfiles.graph.IEdge):void;
-      /**
-       * Gets the declared orientation of the given segment at the provided edge.
-       * <p>
-       * The orientation cannot always be inferred from the current geometry: If a segment has a zero length it is unclear what
-       * orientation it should have, also a segment could be accidentally orthogonally oriented, while in fact it is considered
-       * {@link yfiles.input.SegmentOrientation#NON_ORTHOGONAL}.
-       * </p>
-       * @param {yfiles.input.IInputModeContext} context The input mode context in which the orientation is needed.
-       * @param {yfiles.graph.IEdge} edge The edge to inspect.
-       * @param {number} segmentIndex The index of the segment.
-       * @returns {yfiles.input.SegmentOrientation} The declared orientation of the segment.
-       * @abstract
-       */
-      getSegmentOrientation(context:yfiles.input.IInputModeContext,edge:yfiles.graph.IEdge,segmentIndex:number):yfiles.input.SegmentOrientation;
-      /**
-       * Determines whether the provided edge should be edited orthogonally in the specified input mode context.
-       * <p>
-       * If this method returns <code>false</code>, the other methods will not be queried at all.
-       * </p>
-       * @param {yfiles.input.IInputModeContext} context The input mode context in which the edge is about to be edited.
-       * @param {yfiles.graph.IEdge} edge The edge to inspect.
-       * @returns {boolean} <code>true</code> if the edge should be orthogonally edited in the specified input mode context; <code>false</code> otherwise.
-       * @abstract
-       */
-      shouldEditOrthogonally(context:yfiles.input.IInputModeContext,edge:yfiles.graph.IEdge):boolean;
-      /**
-       * Determines whether this end of the provided edge can be moved in the input mode context.
-       * <p>
-       * This information is required to determine whether an edge's first or last segment needs to be split or the adjacent edge
-       * end can be moved along with the other end of the segment.
-       * </p>
-       * @param {yfiles.input.IInputModeContext} context The input mode context in which the segment is edited.
-       * @param {yfiles.graph.IEdge} edge The edge to inspect.
-       * @param {boolean} sourceEnd if set to <code>true</code> the source end of the edge is queried, otherwise the target end.
-       * @returns {boolean} <code>true</code> if the end of the edge can be moved for the specified input mode context; <code>false</code> otherwise, in which case the
-       * corresponding segment needs to be split to keep the segment orientation orthogonal.
-       * @abstract
-       */
-      shouldMoveEndImplicitly(context:yfiles.input.IInputModeContext,edge:yfiles.graph.IEdge,sourceEnd:boolean):boolean;
-    }
-    var IOrthogonalEdgeHelper:{
-      $class:yfiles.lang.Class;
-      isInstance(o:Object):boolean;
-    };
-    /**
-     * Interface used for implementations that recognize, approve and disapprove node reparenting gestures, as well as actually
-     * performs the reparenting.
-     * <p>
-     * Implementations of this interface are queried from the {@link yfiles.input.IInputModeContext} by code that wants to reparent a
-     * node. Specifically this is used by default to reparent nodes during the {@link yfiles.input.MoveInputMode dragging of nodes}.
-     * </p>
-     * <p><b>Related demos:</b></p>
-     * <ul>
-     * <li>Demo: ReparentHandler, demo.yfiles.input.reparenthandler</li>
-     * </ul>
-     * @interface
-     */
-    export interface IReparentNodeHandler extends Object{
-      /**
-       * Determines whether the current gesture that can be determined through the context is a reparent gesture.
-       * @param {yfiles.input.IInputModeContext} context The context that provides information about the user input.
-       * @param {yfiles.graph.INode} node The node that will possibly be reparented.
-       * @returns {boolean} Whether this is a reparenting gesture.
-       * @abstract
-       */
-      isReparentGesture(context:yfiles.input.IInputModeContext,node:yfiles.graph.INode):boolean;
-      /**
-       * Determines whether the provided node may be reparented to a <code>newParent</code>.
-       * @param {yfiles.input.IInputModeContext} context The context that provides information about the user input.
-       * @param {yfiles.graph.INode} node The node that will be reparented.
-       * @param {yfiles.graph.INode} newParent The potential new parent or <code>null</code>. Can be a group or a non-group node.
-       * @returns {boolean} Whether <code>newParent</code> is a valid new parent for <code>node</code>.
-       * @abstract
-       */
-      isValidParent(context:yfiles.input.IInputModeContext,node:yfiles.graph.INode,newParent:yfiles.graph.INode):boolean;
-      /**
-       * Performs the actual reparenting after the reparent gesture has been finalized.
-       * <p>
-       * Implementations should {@link yfiles.graph.IGraph#setParent set the parent} of <code>node</code> to <code>newParent</code>.
-       * </p>
-       * @param {yfiles.input.IInputModeContext} context The context that provides information about the user input.
-       * @param {yfiles.graph.INode} node The node that will be reparented.
-       * @param {yfiles.graph.INode} newParent The potential new parent or <code>null</code>. Can be a group or a non-group node.
-       * @abstract
-       */
-      reparent(context:yfiles.input.IInputModeContext,node:yfiles.graph.INode,newParent:yfiles.graph.INode):void;
-      /**
-       * Determines whether the user may detach the given node from its current parent in order to reparent it.
-       * @param {yfiles.input.IInputModeContext} context The context that provides information about the user input.
-       * @param {yfiles.graph.INode} node The node that is about to be detached from its current parent.
-       * @returns {boolean} Whether the node may be detached and reparented.
-       * @abstract
-       */
-      shouldReparent(context:yfiles.input.IInputModeContext,node:yfiles.graph.INode):boolean;
-    }
-    var IReparentNodeHandler:{
-      $class:yfiles.lang.Class;
-      isInstance(o:Object):boolean;
-    };
-    /**
-     * Queried by the {@link yfiles.input.GraphSnapContext} to add {@link yfiles.input.OrthogonalSnapLine}s to its collections during the
-     * {@link yfiles.input.SnapContext#isInitializing initialization phase}.
-     * <p>
-     * Implementations of this interface are queried by {@link yfiles.input.GraphSnapContext} for each item that is not modified during
-     * the edit using the {@link yfiles.graph.ILookup#lookup} of the respective item.
-     * </p>
-     * @see yfiles.graph.NodeDecorator#snapLineProviderDecorator
-     * @interface
-     */
-    export interface ISnapLineProvider extends Object{
-      /**
-       * Called by the {@link yfiles.input.GraphSnapContext} when a {@link yfiles.input.GraphSnapContext#initializeDrag drag} is about to start.
-       * @param {yfiles.input.GraphSnapContext} context The context which holds the settings for the snap lines. Note that implementations should not change the state of the
-       * context explicitly.
-       * @param {yfiles.input.CollectGraphSnapLinesEventArgs} evt The argument to use for adding snap lines.
-       * @param {yfiles.graph.IModelItem} item The item to add snap lines for.
-       * @abstract
-       */
-      addSnapLines(context:yfiles.input.GraphSnapContext,evt:yfiles.input.CollectGraphSnapLinesEventArgs,item:yfiles.graph.IModelItem):void;
-    }
-    var ISnapLineProvider:{
-      $class:yfiles.lang.Class;
-      isInstance(o:Object):boolean;
-    };
-    /**
-     * Provides data for the {@link yfiles.input.GraphInputMode#addItemClickedListener ItemClicked},
-     * {@link yfiles.input.GraphInputMode#addItemDoubleClickedListener ItemDoubleClicked},
-     * {@link yfiles.input.GraphInputMode#addItemLeftClickedListener ItemLeftClicked},
-     * {@link yfiles.input.GraphInputMode#addItemLeftDoubleClickedListener ItemLeftDoubleClicked}, {@link yfiles.input.GraphInputMode#addItemRightClickedListener ItemRightClicked}
-     * and {@link yfiles.input.GraphInputMode#addItemRightDoubleClickedListener ItemRightDoubleClicked} events.
-     * Type parameter <code>T</code>: The type of the item this event carries.
-     * @class yfiles.input.ItemClickedEventArgs.<T>
-     * @extends {yfiles.collections.ItemEventArgs.<T>}
-     * @template T
-     */
-    export interface ItemClickedEventArgs<T> extends yfiles.collections.ItemEventArgs<T>{}
-    export class ItemClickedEventArgs<T> {
-      /**
-       * Initializes a new instance of the {@link yfiles.input.ItemClickedEventArgs.<T>} class.
-       * @param {T} item The item which is the subject of the event.
-       * @param {yfiles.geometry.Point} location The location of the click.
-       * @constructor
-       */
-      constructor(item:T,location:yfiles.geometry.Point);
-      /**
-       * Gets or sets a value indicating whether this {@link yfiles.input.ItemClickedEventArgs.<T>} is handled.
-       * <p>
-       * Setting the event to handled indicates whether the event should be further propagated or whether there has not been any
-       * code that actively handled the event to the event source. How this flag is actually being treated depends on the source
-       * of the event.
-       * </p>
-       * @type {boolean}
-       */
-      handled:boolean;
-      /**
-       * Gets the location of the click.
-       * @type {yfiles.geometry.Point}
-       */
-      location:yfiles.geometry.Point;
-      static $class:yfiles.lang.Class;
-    }
-    /**
-     * An input mode for use in a {@link yfiles.view.GraphComponent} that fires events when the mouse enters or leaves the
-     * visualization of a {@link yfiles.graph.IModelItem graph item}.
-     * <p>
-     * This mode can be used to determine when the mouse is being moved from one item to the next.
-     * </p>
-     * <p>
-     * This mode is {@link yfiles.input.ItemHoverInputMode#exclusive} by default.
-     * </p>
-     * @class yfiles.input.ItemHoverInputMode
-     * @implements {yfiles.input.IInputMode}
-     */
-    export interface ItemHoverInputMode extends Object,yfiles.input.IInputMode{}
-    export class ItemHoverInputMode {
-      /**
-       * Initializes a new instance of the {@link yfiles.input.ItemHoverInputMode} class.
-       * @constructor
-       */
-      constructor();
-      /**
-       * 
-       */
-      cancel():void;
-      /**
-       * Gets the items that have been hit at the given location.
-       * @param {yfiles.geometry.Point} location The location in world coordinates to query.
-       * @returns {yfiles.collections.IEnumerable.<yfiles.graph.IModelItem>} An enumerable over all items that have been hit at the given location.
-       * @protected
-       */
-      getHitItemsAt(location:yfiles.geometry.Point):yfiles.collections.IEnumerable<yfiles.graph.IModelItem>;
-      /**
-       * Installs this mode into the given context that is provided by the canvas.
-       * <p>
-       * In general a mode can only be installed into a single canvas at all times.
-       * </p>
-       * <p>
-       * This method is called to initialize this instance. Subclasses should override this method to register the corresponding
-       * event handler delegates for the various input events they need to register with.
-       * </p>
-       * <p>
-       * Overriding implementations should call the base implementation, first.
-       * </p>
-       * @param {yfiles.input.IInputModeContext} context The context that this instance shall be installed into. The same instance will be passed to this instance during
-       * {@link yfiles.input.IInputMode#uninstall}. A reference to the context may be kept and queried during the time the mode is
-       * installed.
-       * @param {yfiles.input.ConcurrencyController} controller The {@link yfiles.input.ItemHoverInputMode#controller} for this mode.
-       * @see yfiles.input.IInputMode#uninstall
-       */
-      install(context:yfiles.input.IInputModeContext,controller:yfiles.input.ConcurrencyController):void;
-      /**
-       * Determines whether the given item is a valid item to be considered for hovering.
-       * <p>
-       * This implementation checks whether the item is covered by the {@link yfiles.input.ItemHoverInputMode#hoverItems} set, only.
-       * </p>
-       * @param {yfiles.graph.IModelItem} item The item to check.
-       * @returns {boolean} <code>true</code> if it is valid to report a hover over the specified item; <code>false</code> otherwise.
-       * @see yfiles.input.ItemHoverInputMode#discardInvalidItems
-       * @protected
-       */
-      isValidHoverItem(item:yfiles.graph.IModelItem):boolean;
-      /**
-       * Called after {@link yfiles.input.ItemHoverInputMode#cancel} has been called.
-       * <p>
-       * Can be overridden in subclasses to perform additional actions after the mode has been canceled.
-       * </p>
-       * <p>
-       * This implementation does nothing.
-       * </p>
-       * @protected
-       */
-      onCanceled():void;
-      /**
-       * Called after the {@link yfiles.input.ConcurrencyController#active} property of the installed {@link yfiles.input.ConcurrencyController} has been set to <code>true</code>.
-       * <p>
-       * Can be overridden in subclasses to perform additional actions after the mode has been activated.
-       * </p>
-       * <p>
-       * Overriding implementations should call the base implementation.
-       * </p>
-       * @protected
-       */
-      onConcurrencyControllerActivated():void;
-      /**
-       * Called after the {@link yfiles.input.ConcurrencyController#active} property of the installed {@link yfiles.input.ConcurrencyController} has been set to <code>false</code>.
-       * <p>
-       * Can be overridden in subclasses to perform additional actions after the mode has been deactivated.
-       * </p>
-       * <p>
-       * Overriding implementations should call the base implementation.
-       * </p>
-       * @protected
-       */
-      onConcurrencyControllerDeactivated():void;
-      /**
-       * Raises the {@link yfiles.input.ItemHoverInputMode#addHoveredItemChangedListener HoveredItemChanged} event.
-       * @param {yfiles.input.HoveredItemChangedEventArgs} evt The {@link yfiles.input.HoveredItemChangedEventArgs} instance containing the event data.
-       * @protected
-       */
-      onHoveredItemChanged(evt:yfiles.input.HoveredItemChangedEventArgs):void;
-      /**
-       * Called after {@link yfiles.input.ItemHoverInputMode#tryStop} has been called.
-       * <p>
-       * Can be overridden in subclasses to perform additional actions after the mode has been stopped.
-       * </p>
-       * <p>
-       * This implementation does nothing.
-       * </p>
-       * @protected
-       */
-      onStopped():void;
-      /**
-       * Overridden to only return <code>true</code> if this instance does not currently {@link yfiles.input.ConcurrencyController#hasMutex have the input mutex}.
-       * @returns {boolean} <code>true</code> iff this instance does not {@link yfiles.input.ConcurrencyController#hasMutex own the mutex}.
-       */
-      tryStop():boolean;
-      /**
-       * Uninstalls this mode from the given context.
-       * <p>
-       * This code should clean up all changes made to the canvas in the {@link yfiles.input.IInputMode#install} method. After a mode has
-       * been uninstalled it can be installed again into the same or another canvas.
-       * </p>
-       * <p>
-       * Overriding implementations should call the base implementation after their own code.
-       * </p>
-       * @param {yfiles.input.IInputModeContext} context The context to deregister from. This is the same instance that had been passed to {@link yfiles.input.IInputMode#install} during
-       * installation.
-       */
-      uninstall(context:yfiles.input.IInputModeContext):void;
-      /**
-       * Forces a reevaluation of the item that the mouse is currently hovering over or at a specific location.
-       * <p>
-       * This method may be called by code that is aware of the fact that the visualization has changed, but the mouse may not
-       * have been moved. By default this implementation will only re-query the items at the mouse location when the mouse has
-       * moved. This method can be called to force a reevaluation in other cases.
-       * </p>
-       * @param {yfiles.geometry.Point} [location=null] The query location.
-       */
-      updateHover(location?:yfiles.geometry.Point):void;
-      /**
-       * 
-       * @type {number}
-       */
-      priority:number;
-      /**
-       * Gets or sets a value indicating whether this mode will be the only one running when it has the mutex.
-       * <p>
-       * The value of this property will be delegated to the {@link yfiles.input.ConcurrencyController#exclusive} property of the {@link yfiles.input.ItemHoverInputMode#controller}.
-       * </p>
-       * <p>
-       * If this mode is marked as exclusive and has the mutex, all other modes {@link yfiles.input.MultiplexingInputMode#add added} to the same {@link yfiles.input.MultiplexingInputMode}
-       * will be deactivated. Otherwise it will always run concurrently with all other modes.
-       * </p>
-       * @type {boolean}
-       */
-      exclusive:boolean;
-      /**
-       * Gets or sets the enabled state of this input mode.
-       * <p>
-       * Clients can use this property to disable or reenable this instance. This will set the {@link yfiles.input.ConcurrencyController#enabled Enabled} property of the installed
-       * {@link yfiles.input.ItemHoverInputMode#controller} so a disabled instance should never try to acquire the input mutex.
-       * </p>
-       * @type {boolean}
-       */
-      enabled:boolean;
-      /**
-       * 
-       * @type {yfiles.input.IInputModeContext}
-       */
-      inputModeContext:yfiles.input.IInputModeContext;
-      /**
-       * Returns the installed {@link yfiles.input.ItemHoverInputMode#controller}.
-       * @protected
-       * @type {yfiles.input.ConcurrencyController}
-       */
-      controller:yfiles.input.ConcurrencyController;
-      /**
-       * Adds the given listener for the <code>HoveredItemChanged</code> event that occurs when the item that is being hovered over with the
-       * mouse changes.
-       * <p>
-       * This event is also fired when the mouse pointer leaves an item.
-       * </p>
-       * @param {function(Object, yfiles.input.HoveredItemChangedEventArgs): void} listener The listener to add.
-       * @see yfiles.input.ItemHoverInputMode#removeHoveredItemChangedListener
-       */
-      addHoveredItemChangedListener(listener:(sender:Object,evt:yfiles.input.HoveredItemChangedEventArgs)=>void):void;
-      /**
-       * Removes the given listener for the <code>HoveredItemChanged</code> event that occurs when the item that is being hovered over with
-       * the mouse changes.
-       * <p>
-       * This event is also fired when the mouse pointer leaves an item.
-       * </p>
-       * @param {function(Object, yfiles.input.HoveredItemChangedEventArgs): void} listener The listener to remove.
-       * @see yfiles.input.ItemHoverInputMode#addHoveredItemChangedListener
-       */
-      removeHoveredItemChangedListener(listener:(sender:Object,evt:yfiles.input.HoveredItemChangedEventArgs)=>void):void;
-      /**
-       * Gets the current item the mouse is hovering over.
-       * @type {yfiles.graph.IModelItem}
-       */
-      currentHoverItem:yfiles.graph.IModelItem;
-      /**
-       * Gets or sets which graph items are considered by this input mode.
-       * <p>
-       * The default is {@link yfiles.graph.GraphItemTypes#ALL}.
-       * </p>
-       * @type {yfiles.graph.GraphItemTypes}
-       */
-      hoverItems:yfiles.graph.GraphItemTypes;
-      /**
-       * Gets or sets the cursor to use when the mouse is hovering over a {@link yfiles.input.ItemHoverInputMode#isValidHoverItem} valid
-       * hover item.
-       * @type {yfiles.view.Cursor}
-       */
-      hoverCursor:yfiles.view.Cursor;
-      /**
-       * Determines whether items that have been hit at the current location that are not {@link yfiles.input.ItemHoverInputMode#isValidHoverItem valid items} should be ignored or
-       * reported as <code>null</code>.
-       * @see yfiles.input.ItemHoverInputMode#isValidHoverItem
-       * @type {boolean}
-       */
-      discardInvalidItems:boolean;
-      static $class:yfiles.lang.Class;
-    }
-    /**
-     * Event argument class containing information about which {@link yfiles.graph.IModelItem} the mouse is currently hovering over.
-     * <p>
-     * This event is used by the {@link yfiles.input.ItemHoverInputMode#addHoveredItemChangedListener HoveredItemChanged}
-     * event. The {@link yfiles.collections.ItemEventArgs.<T>#item} property yields the item that is currently being hovered over. It carries the {@link yfiles.input.HoveredItemChangedEventArgs#oldItem previously hovered item}, too.
-     * </p>
-     * @class yfiles.input.HoveredItemChangedEventArgs
-     * @extends {yfiles.collections.ItemEventArgs.<yfiles.graph.IModelItem>}
-     */
-    export interface HoveredItemChangedEventArgs extends yfiles.collections.ItemEventArgs<yfiles.graph.IModelItem>{}
-    export class HoveredItemChangedEventArgs {
-      /**
-       * Initializes a new instance of the {@link yfiles.input.HoveredItemChangedEventArgs} class.
-       * @param {yfiles.graph.IModelItem} item The model item.
-       * @param {yfiles.graph.IModelItem} oldItem The old item.
-       * @constructor
-       */
-      constructor(item:yfiles.graph.IModelItem,oldItem:yfiles.graph.IModelItem);
-      /**
-       * The item that was previously hovered, possibly <code>null</code>.
-       * @see yfiles.collections.ItemEventArgs.<T>#item
-       * @type {yfiles.graph.IModelItem}
-       */
-      oldItem:yfiles.graph.IModelItem;
-      static $class:yfiles.lang.Class;
-    }
-    /**
-     * Event arguments for the {@link yfiles.input.GraphEditorInputMode#addLabelAddingListener LabelAdding} and {@link yfiles.input.GraphEditorInputMode#addLabelEditingListener LabelEditing}
-     * events, as well as the {@link yfiles.input.IEditLabelHelper} interface.
-     * @class yfiles.input.LabelEditingEventArgs
-     * @extends {yfiles.input.InputModeEventArgs}
-     * @final
-     */
-    export interface LabelEditingEventArgs extends yfiles.input.InputModeEventArgs{}
-    export class LabelEditingEventArgs {
-      /**
-       * Initializes a new instance of the {@link yfiles.input.LabelEditingEventArgs} class with the given context, owner, and label.
-       * @param {yfiles.input.IInputModeContext} context The input mode context to use.
-       * @param {yfiles.graph.ILabelOwner} owner The {@link yfiles.graph.ILabelOwner} whose label should be edited.
-       * @param {yfiles.graph.ILabel} label The {@link yfiles.graph.ILabel} that should be edited.
-       * @constructor
-       */
-      constructor(context:yfiles.input.IInputModeContext,owner:yfiles.graph.ILabelOwner,label:yfiles.graph.ILabel);
-      /**
-       * Gets or sets the label to edit.
-       * <p>
-       * This can be set to an exiting label to edit a specific one, or set to <code>null</code> to add a new label instead (e.g. for
-       * {@link yfiles.graph.ILabelOwner}s that have no label yet).
-       * </p>
-       * <p>
-       * If this property is set to <code>null</code>, the properties {@link yfiles.input.LabelEditingEventArgs#style}, {@link yfiles.input.LabelEditingEventArgs#preferredSize}, {@link yfiles.input.LabelEditingEventArgs#layoutParameter}, and {@link yfiles.input.LabelEditingEventArgs#tag} are used for the newly-added label, just like with
-       * {@link yfiles.input.LabelEditingEventArgs}.
-       * </p>
-       * <p>
-       * Setting this property implicitly also sets {@link yfiles.input.LabelEditingEventArgs#handled} to <code>true</code>.
-       * </p>
-       * @type {yfiles.graph.ILabel}
-       */
-      label:yfiles.graph.ILabel;
-      /**
-       * Gets or sets a value indicating whether the action (adding or editing a label) should be canceled.
-       * <p>
-       * Setting this property implicitly also sets {@link yfiles.input.LabelEditingEventArgs#handled} to <code>true</code>.
-       * </p>
-       * @type {boolean}
-       */
-      cancel:boolean;
-      /**
-       * Gets or sets a value indicating whether this event has been handled.
-       * <p>
-       * A handled instance of {@link yfiles.input.LabelEditingEventArgs} will not be passed to further event handlers or an {@link yfiles.input.IEditLabelHelper}
-       * instance.
-       * </p>
-       * <p>
-       * Setting any of the other properties implicitly also sets this to <code>true</code>.
-       * </p>
-       * @type {boolean}
-       */
-      handled:boolean;
-      /**
-       * Gets or sets the owner of the label.
-       * <p>
-       * This property can be <code>null</code> if there is no owner known, e.g. if the event is raised for
-       * non-{@link yfiles.graph.ILabelOwner}s. Otherwise it is initially set to the item for which the event is raised.
-       * </p>
-       * <p>
-       * Setting this property implicitly also sets {@link yfiles.input.LabelEditingEventArgs#handled} to <code>true</code>.
-       * </p>
-       * @type {yfiles.graph.ILabelOwner}
-       */
-      owner:yfiles.graph.ILabelOwner;
-      /**
-       * Gets or sets the {@link yfiles.graph.ILabel#style} of the label to add.
-       * <p>
-       * Setting this property implicitly also sets {@link yfiles.input.LabelEditingEventArgs#handled} to <code>true</code>.
-       * </p>
-       * @type {yfiles.styles.ILabelStyle}
-       */
-      style:yfiles.styles.ILabelStyle;
-      /**
-       * Gets or sets the {@link yfiles.graph.ILabel#preferredSize} of the label to add.
-       * <p>
-       * Setting this property implicitly also sets {@link yfiles.input.LabelEditingEventArgs#handled} to <code>true</code>.
-       * </p>
-       * @type {yfiles.geometry.Size}
-       */
-      preferredSize:yfiles.geometry.Size;
-      /**
-       * Gets or sets the {@link yfiles.graph.ILabel#layoutParameter} of the label to add.
-       * <p>
-       * Setting this property implicitly also sets {@link yfiles.input.LabelEditingEventArgs#handled} to <code>true</code>.
-       * </p>
-       * @type {yfiles.graph.ILabelModelParameter}
-       */
-      layoutParameter:yfiles.graph.ILabelModelParameter;
-      /**
-       * Gets or sets the {@link yfiles.graph.ITagOwner#tag} of the label to add.
-       * <p>
-       * Setting this property implicitly also sets {@link yfiles.input.LabelEditingEventArgs#handled} to <code>true</code>.
-       * </p>
-       * @type {Object}
-       */
-      tag:Object;
-      /**
-       * Configures the {@link yfiles.input.TextEditorInputMode} for editing the provided label instance.
-       * <p>
-       * Setting this property implicitly also sets {@link yfiles.input.LabelEditingEventArgs#handled} to <code>true</code>.
-       * </p>
-       * @type {function(yfiles.input.IInputModeContext, yfiles.input.TextEditorInputMode, yfiles.graph.ILabel): void}
-       */
-      textEditorInputModeConfigurator:(context:yfiles.input.IInputModeContext,mode:yfiles.input.TextEditorInputMode,label:yfiles.graph.ILabel)=>void;
-      static $class:yfiles.lang.Class;
-    }
-    /**
-     * Manages interactive snapping of {@link yfiles.graph.ILabel}s to their owner during drag operations like movements.
-     * <p>
-     * This class provides a set of properties to customize the snapping behavior. {@link yfiles.input.IPositionHandler}
-     * implementations and similar classes can use the following idiom to get an instance of this class:
-     * </p>
-     * <p><b>Related demos:</b></p>
-     * <ul>
-     * <li>Tutorial: 01 Getting Started, step 15 Snapping</li>
-     * </ul>
-     * @see yfiles.input.MoveLabelInputMode
-     * @see yfiles.input.GraphEditorInputMode#snapContext
-     * @class yfiles.input.LabelSnapContext
-     * @extends {yfiles.input.SnapContext}
-     */
-    export interface LabelSnapContext extends yfiles.input.SnapContext{}
-    export class LabelSnapContext {
-      /**
-       * Initializes a new instance of the {@link yfiles.input.LabelSnapContext} class.
-       * @constructor
-       */
-      constructor();
-      /**
-       * Adds the given <code>snapLine</code> to the {@link yfiles.input.LabelSnapContext#snapLines snap line} collection of this context.
-       * @param {yfiles.input.SnapLine} snapLine The snap line to add.
-       * @see yfiles.input.GraphSnapContext#additionalSnapLines
-       */
-      addSnapLine(snapLine:yfiles.input.SnapLine):void;
-      /**
-       * Raises the {@link yfiles.input.LabelSnapContext#addCollectSnapLinesListener CollectSnapLines} event.
-       * @param {yfiles.input.CollectLabelSnapLineEventArgs} evt The {@link yfiles.input.CollectLabelSnapLineEventArgs} instance containing the event data.
-       * @protected
-       */
-      onCollectSnapLines(evt:yfiles.input.CollectLabelSnapLineEventArgs):void;
-      /**
-       * Determines whether this instance should collect snap lines for the initial position of a label.
-       * <p>
-       * The default is <code>true</code>.
-       * </p>
-       * @default true
-       * @type {boolean}
-       */
-      collectInitialLocationSnapLines:boolean;
-      /**
-       * Determines whether this instance should collect six snap lines, two through the center and four through the border sides
-       * of the label owner.
-       * <p>
-       * The default is <code>true</code>.
-       * </p>
-       * @default true
-       * @type {boolean}
-       */
-      collectNodeShapeSnapLines:boolean;
-      /**
-       * Determines whether this instance should collect four snap lines in parallel to the owner's borders at the initial label
-       * distance.
-       * <p>
-       * Note that the label snaps to these snap lines with the side that is closer to the node's border. That way, snapping to
-       * such a snap line preserves the perceived distance from the node border for both labels inside and outside the node
-       * bounds.
-       * </p>
-       * <p>
-       * The default is <code>true</code>.
-       * </p>
-       * @default true
-       * @type {boolean}
-       */
-      collectOwnNodeDistanceSnapLines:boolean;
-      /**
-       * Determines whether this instance should collect snap lines in parallel to the border of the label owner at the distance
-       * of other node labels of that owner.
-       * <p>
-       * Note that the label snaps to these snap lines with the side that is closer to the node's border. That way, snapping to
-       * such a snap line preserves the perceived distance from the node border for both labels inside and outside the node
-       * bounds.
-       * </p>
-       * <p>
-       * The default is <code>true</code>.
-       * </p>
-       * @default true
-       * @type {boolean}
-       */
-      collectSameOwnerNodeDistanceSnapLines:boolean;
-      /**
-       * Determines whether this instance should collect snap lines in parallel to the border of the label owner at the distance
-       * of other node labels in the graph.
-       * <p>
-       * Note that the label snaps to these snap lines with the side that is closer to the node's border. That way, snapping to
-       * such a snap line preserves the perceived distance from the node border for both labels inside and outside the node
-       * bounds.
-       * </p>
-       * <p>
-       * The default is <code>false</code>.
-       * </p>
-       * @default false
-       * @type {boolean}
-       */
-      collectAllNodeDistanceSnapLines:boolean;
-      /**
-       * Determines whether this instance should collect snap lines on the edge path.
-       * <p>
-       * The default is <code>true</code>.
-       * </p>
-       * @default true
-       * @type {boolean}
-       */
-      collectEdgePathSnapLines:boolean;
-      /**
-       * Determines whether this instance should collect two snap lines in parallel to the edge path of the label owner at the
-       * initial distance of the edge label.
-       * <p>
-       * The default is <code>true</code>.
-       * </p>
-       * @default true
-       * @type {boolean}
-       */
-      collectOwnEdgeDistanceSnapLines:boolean;
-      /**
-       * Determines whether this instance should collect snap lines in parallel to the edge path of the label owner at the
-       * distances of all edge labels of that owner.
-       * <p>
-       * The default is <code>true</code>.
-       * </p>
-       * @default true
-       * @type {boolean}
-       */
-      collectSameOwnerEdgeDistanceSnapLines:boolean;
-      /**
-       * Determines whether this instance should collect snap lines in parallel to the edge path of the label owner at the
-       * distance of other edge labels in the graph.
-       * <p>
-       * The default is <code>false</code>.
-       * </p>
-       * @default false
-       * @type {boolean}
-       */
-      collectAllEdgeDistanceSnapLines:boolean;
-      /**
-       * Specifies whether this context will automatically snap the node labels to snap lines.
-       * <p>
-       * The default is <code>true</code>.
-       * </p>
-       * @default true
-       * @type {boolean}
-       */
-      snapNodeLabels:boolean;
-      /**
-       * Specifies whether this context will automatically snap the edge labels to snap lines.
-       * <p>
-       * The default is <code>true</code>.
-       * </p>
-       * @default true
-       * @type {boolean}
-       */
-      snapEdgeLabels:boolean;
-      /**
-       * Gets or sets the amount by which snap lines that are induced by existing edge segments are being extended.
-       * <p>
-       * The default is <code>40.0d</code>, this value will be used to prolongate the ends of the snap lines.
-       * </p>
-       * @default 40.0
-       * @type {number}
-       */
-      snapLineExtension:number;
-      /**
-       * The collection of the {@link yfiles.input.SnapLine snap lines} that have been {@link yfiles.input.LabelSnapContext#addSnapLine added} to this context.
-       * <p>
-       * This collection is only available if {@link yfiles.input.SnapContext#isInitialized} is <code>true</code>.
-       * </p>
-       * @see yfiles.input.LabelSnapContext#addSnapLine
-       * @type {yfiles.collections.IEnumerable.<yfiles.input.SnapLine>}
-       */
-      snapLines:yfiles.collections.IEnumerable<yfiles.input.SnapLine>;
-      /**
-       * Adds the given listener for the <code>CollectSnapLines</code> event that occurs every time this instance has been {@link yfiles.input.SnapContext#dragInitialized initialized} to
-       * collect {@link yfiles.input.SnapLine}s.
-       * <p>
-       * Event handlers should add snap lines to the caller using the methods provided by
-       * {@link yfiles.input.CollectLabelSnapLineEventArgs}.
-       * </p>
-       * @param {function(Object, yfiles.input.CollectLabelSnapLineEventArgs): void} listener The listener to add.
-       * @see yfiles.input.LabelSnapContext#removeCollectSnapLinesListener
-       */
-      addCollectSnapLinesListener(listener:(sender:Object,evt:yfiles.input.CollectLabelSnapLineEventArgs)=>void):void;
-      /**
-       * Removes the given listener for the <code>CollectSnapLines</code> event that occurs every time this instance has been {@link yfiles.input.SnapContext#dragInitialized initialized} to
-       * collect {@link yfiles.input.SnapLine}s.
-       * <p>
-       * Event handlers should add snap lines to the caller using the methods provided by
-       * {@link yfiles.input.CollectLabelSnapLineEventArgs}.
-       * </p>
-       * @param {function(Object, yfiles.input.CollectLabelSnapLineEventArgs): void} listener The listener to remove.
-       * @see yfiles.input.LabelSnapContext#addCollectSnapLinesListener
-       */
-      removeCollectSnapLinesListener(listener:(sender:Object,evt:yfiles.input.CollectLabelSnapLineEventArgs)=>void):void;
-      static $class:yfiles.lang.Class;
-    }
-    /**
-     * The event arguments used by {@link yfiles.input.LabelSnapContext} to collect custom snap lines for each drag.
-     * @see yfiles.input.LabelSnapContext#addCollectSnapLinesListener
-     * @class yfiles.input.CollectLabelSnapLineEventArgs
-     * @extends {yfiles.input.InputModeEventArgs}
-     */
-    export interface CollectLabelSnapLineEventArgs extends yfiles.input.InputModeEventArgs{}
-    export class CollectLabelSnapLineEventArgs {
-      /**
-       * Creates a new instance of this class.
-       * @param {yfiles.input.IInputModeContext} context The context this event is being used in.
-       * @param {yfiles.collections.ICollection.<yfiles.input.SnapLine>} snapLines The snap lines collection to add to.
-       * @constructor
-       */
-      constructor(context:yfiles.input.IInputModeContext,snapLines:yfiles.collections.ICollection<yfiles.input.SnapLine>);
-      /**
-       * Adds the given snap line to the snap line collection of this class.
-       * @param {yfiles.input.OrthogonalSnapLine} snapLine the snap line to add.
-       */
-      addSnapLine(snapLine:yfiles.input.OrthogonalSnapLine):void;
-      static $class:yfiles.lang.Class;
-    }
-    /**
-     * An {@link yfiles.input.IInputMode} that can {@link yfiles.input.NavigationInputMode#moveTo navigate} an {@link yfiles.graph.IGraph} displayed in a {@link yfiles.input.NavigationInputMode#graphComponent}.
-     * <p>
-     * This mode is {@link yfiles.input.NavigationInputMode#exclusive} by default.
-     * </p>
-     * @class yfiles.input.NavigationInputMode
-     * @implements {yfiles.input.IInputMode}
-     */
-    export interface NavigationInputMode extends Object,yfiles.input.IInputMode{}
-    export class NavigationInputMode {
-      /**
-       * Initializes a new instance of the {@link yfiles.input.NavigationInputMode} class.
-       * @constructor
-       */
-      constructor();
-      /**
-       * Callback that adjusts the {@link yfiles.view.CanvasComponent#contentRect} to encompass all elements.
-       * <p>
-       * This implementation will try to delegate to {@link yfiles.input.GraphEditorInputMode#adjustContentRect} if it can find the {@link yfiles.input.GraphEditorInputMode}
-       * in the {@link yfiles.input.NavigationInputMode#inputModeContext}, otherwise the FitGraphBoundsCommand is executed.
-       * </p>
-       * @protected
-       */
-      adjustContentRect():void;
-      /**
-       * Adjust the group node location according to the value of {@link yfiles.input.NavigationInputMode#autoGroupNodeAlignmentPolicy}.
-       * @param {boolean} collapse <code>true</code> iff the node has just been collapsed.
-       * @param {yfiles.graph.INode} groupNode The node that has changed its state.
-       * @protected
-       */
-      adjustGroupNodeLocation(collapse:boolean,groupNode:yfiles.graph.INode):void;
-      /**
-       * 
-       */
-      cancel():void;
-      /**
-       * Clears the selection in the {@link yfiles.input.NavigationInputMode#graphComponent}.
-       */
-      clearSelection():void;
-      /**
-       * {@link yfiles.graph.IFoldingView#collapse Collapses} the given group node to hide the contents of the group node from this {@link yfiles.graph.IFoldingView}.
-       * @param {yfiles.graph.INode} groupNode The group node to collapse.
-       * @see yfiles.graph.FoldingManager
-       * @see yfiles.input.NavigationInputMode#allowCollapseGroup
-       */
-      collapseGroup(groupNode:yfiles.graph.INode):void;
-      /**
-       * Performs {@link yfiles.input.NavigationInputMode#collapseGroup} for all {@link yfiles.view.IGraphSelection#selectedNodes}.
-       */
-      collapseSelection():void;
-      /**
-       * This method allows for entering a group node so that the currently displayed {@link yfiles.graph.IFoldingView}'s {@link yfiles.graph.IFoldingView#localRoot} will be reset
-       * to the provided node.
-       * <p>
-       * It is possible to both use a local group node that is part of the currently displayed {@link yfiles.input.NavigationInputMode#graph} as the <code>node</code> argument, as well as
-       * an item that belongs to the {@link yfiles.graph.FoldingManager#masterGraph} to allow for switching to group nodes which are currently not being displayed in this
-       * view.
-       * </p>
-       * @param {yfiles.graph.INode} node The node that needs to be either part of the current graph, or part of the {@link yfiles.graph.FoldingManager#masterGraph}.
-       * @see yfiles.input.NavigationInputMode#shouldEnterGroup
-       * @see yfiles.input.NavigationInputMode#allowEnterGroup
-       * @see yfiles.graph.FoldingManager
-       */
-      enterGroup(node:yfiles.graph.INode):void;
-      /**
-       * Performs {@link yfiles.input.NavigationInputMode#enterGroup} for the first valid {@link yfiles.view.IGraphSelection#selectedNodes}.
-       */
-      enterSelectedGroup():void;
-      /**
-       * Exits the current {@link yfiles.graph.IFoldingView#localRoot} of the currently displayed {@link yfiles.graph.IFoldingView view} and shows the contents of the parent container.
-       * <p>
-       * This method will also {@link yfiles.input.GraphInputMode#clearSelection clear the selection} and {@link yfiles.input.GraphInputMode#setSelected select} the exited group node.
-       * </p>
-       * @see yfiles.graph.FoldingManager
-       * @see yfiles.input.NavigationInputMode#allowExitGroup
-       * @see yfiles.input.NavigationInputMode#shouldExitGroup
-       */
-      exitGroup():void;
-      /**
-       * {@link yfiles.graph.IFoldingView#expand Expands} the given group node to show the contents of the collapsed group node in this {@link yfiles.graph.IFoldingView}.
-       * @param {yfiles.graph.INode} groupNode The group node to expand
-       * @see yfiles.graph.FoldingManager
-       * @see yfiles.input.NavigationInputMode#allowExpandGroup
-       */
-      expandGroup(groupNode:yfiles.graph.INode):void;
-      /**
-       * Performs {@link yfiles.input.NavigationInputMode#expandGroup} for all {@link yfiles.view.IGraphSelection#selectedNodes}.
-       */
-      expandSelection():void;
-      /**
-       * Moves the focus into the given direction, extending the selection to the new element.
-       * @param {yfiles.input.MoveFocusDirection} direction The direction to move the focus and extend the selection.
-       */
-      extendSelectionTo(direction:yfiles.input.MoveFocusDirection):void;
-      /**
-       * Installs this mode into the given context that is provided by the canvas.
-       * <p>
-       * In general a mode can only be installed into a single canvas at all times.
-       * </p>
-       * <p>
-       * This method is called to initialize this instance. Subclasses should override this method to register the corresponding
-       * event handler delegates for the various input events they need to register with.
-       * </p>
-       * <p>
-       * Overriding implementations should call the base implementation, first.
-       * </p>
-       * @param {yfiles.input.IInputModeContext} context The context that this instance shall be installed into. The same instance will be passed to this instance during
-       * {@link yfiles.input.IInputMode#uninstall}. A reference to the context may be kept and queried during the time the mode is
-       * installed.
-       * @param {yfiles.input.ConcurrencyController} controller The {@link yfiles.input.NavigationInputMode#controller} for this mode.
-       * @see yfiles.input.IInputMode#uninstall
-       */
-      install(context:yfiles.input.IInputModeContext,controller:yfiles.input.ConcurrencyController):void;
-      /**
-       * Moves the focus into the given direction, not changing the current selection.
-       * @param {yfiles.input.MoveFocusDirection} direction The direction to move the focus.
-       */
-      moveFocusTo(direction:yfiles.input.MoveFocusDirection):void;
-      /**
-       * Moves the focus into the given direction, setting the selection to the new element.
-       * @param {yfiles.input.MoveFocusDirection} direction The direction to move the focus and selection.
-       */
-      moveTo(direction:yfiles.input.MoveFocusDirection):void;
-      /**
-       * Called after {@link yfiles.input.NavigationInputMode#cancel} has been called.
-       * <p>
-       * Can be overridden in subclasses to perform additional actions after the mode has been canceled.
-       * </p>
-       * <p>
-       * This implementation does nothing.
-       * </p>
-       * @protected
-       */
-      onCanceled():void;
-      /**
-       * Called after the {@link yfiles.input.ConcurrencyController#active} property of the installed {@link yfiles.input.ConcurrencyController} has been set to <code>true</code>.
-       * <p>
-       * Can be overridden in subclasses to perform additional actions after the mode has been activated.
-       * </p>
-       * <p>
-       * Overriding implementations should call the base implementation.
-       * </p>
-       * @protected
-       */
-      onConcurrencyControllerActivated():void;
-      /**
-       * Called after the {@link yfiles.input.ConcurrencyController#active} property of the installed {@link yfiles.input.ConcurrencyController} has been set to <code>false</code>.
-       * <p>
-       * Can be overridden in subclasses to perform additional actions after the mode has been deactivated.
-       * </p>
-       * <p>
-       * Overriding implementations should call the base implementation.
-       * </p>
-       * @protected
-       */
-      onConcurrencyControllerDeactivated():void;
-      /**
-       * Raises the {@link yfiles.input.NavigationInputMode#addGroupCollapsedListener GroupCollapsed} event.
-       * @param {yfiles.collections.ItemEventArgs.<yfiles.graph.INode>} evt The {@link yfiles.collections.ItemEventArgs.<T>} instance containing the event data.
-       * @protected
-       */
-      onGroupCollapsed(evt:yfiles.collections.ItemEventArgs<yfiles.graph.INode>):void;
-      /**
-       * Raises the {@link yfiles.input.NavigationInputMode#addGroupCollapsingListener GroupCollapsing} event.
-       * @param {yfiles.collections.ItemEventArgs.<yfiles.graph.INode>} evt The {@link yfiles.collections.ItemEventArgs.<T>} instance containing the event data.
-       * @protected
-       */
-      onGroupCollapsing(evt:yfiles.collections.ItemEventArgs<yfiles.graph.INode>):void;
-      /**
-       * Raises the {@link yfiles.input.NavigationInputMode#addGroupEnteredListener GroupEntered} event.
-       * @param {yfiles.collections.ItemEventArgs.<yfiles.graph.INode>} evt The {@link yfiles.collections.ItemEventArgs.<T>} instance containing the event data.
-       * @protected
-       */
-      onGroupEntered(evt:yfiles.collections.ItemEventArgs<yfiles.graph.INode>):void;
-      /**
-       * Raises the {@link yfiles.input.NavigationInputMode#addGroupEnteringListener GroupEntering} event.
-       * @param {yfiles.collections.ItemEventArgs.<yfiles.graph.INode>} evt The {@link yfiles.collections.ItemEventArgs.<T>} instance containing the event data.
-       * @protected
-       */
-      onGroupEntering(evt:yfiles.collections.ItemEventArgs<yfiles.graph.INode>):void;
-      /**
-       * Raises the {@link yfiles.input.NavigationInputMode#addGroupExitedListener GroupExited} event.
-       * @param {yfiles.collections.ItemEventArgs.<yfiles.graph.INode>} evt The {@link yfiles.collections.ItemEventArgs.<T>} instance containing the event data.
-       * @protected
-       */
-      onGroupExited(evt:yfiles.collections.ItemEventArgs<yfiles.graph.INode>):void;
-      /**
-       * Raises the {@link yfiles.input.NavigationInputMode#addGroupExitingListener GroupExiting} event.
-       * @param {yfiles.collections.ItemEventArgs.<yfiles.graph.INode>} evt The {@link yfiles.collections.ItemEventArgs.<T>} instance containing the event data.
-       * @protected
-       */
-      onGroupExiting(evt:yfiles.collections.ItemEventArgs<yfiles.graph.INode>):void;
-      /**
-       * Raises the {@link yfiles.input.NavigationInputMode#addGroupExpandedListener GroupExpanded} event.
-       * @param {yfiles.collections.ItemEventArgs.<yfiles.graph.INode>} evt The {@link yfiles.collections.ItemEventArgs.<T>} instance containing the event data.
-       * @protected
-       */
-      onGroupExpanded(evt:yfiles.collections.ItemEventArgs<yfiles.graph.INode>):void;
-      /**
-       * Raises the {@link yfiles.input.NavigationInputMode#addGroupExpandingListener GroupExpanding} event.
-       * @param {yfiles.collections.ItemEventArgs.<yfiles.graph.INode>} evt The {@link yfiles.collections.ItemEventArgs.<T>} instance containing the event data.
-       * @protected
-       */
-      onGroupExpanding(evt:yfiles.collections.ItemEventArgs<yfiles.graph.INode>):void;
-      /**
-       * Called after {@link yfiles.input.NavigationInputMode#tryStop} has been called.
-       * <p>
-       * Can be overridden in subclasses to perform additional actions after the mode has been stopped.
-       * </p>
-       * <p>
-       * This implementation does nothing.
-       * </p>
-       * @protected
-       */
-      onStopped():void;
-      /**
-       * Selects the {@link yfiles.view.GraphComponent#currentItem} current item.
-       * <p>
-       * This method delegates to {@link yfiles.input.NavigationInputMode#selectItem}.
-       * </p>
-       */
-      selectCurrentItem():void;
-      /**
-       * Callback that selects the given item.
-       * @param {yfiles.view.GraphComponent} graphComponent The {@link yfiles.input.NavigationInputMode#graphComponent}.
-       * @param {yfiles.graph.IModelItem} item The item to select.
-       * @param {boolean} extendSelection if set to <code>true</code> the current selection is extended otherwise it is cleared beforehand.
-       * @see yfiles.input.NavigationInputMode#clearSelection
-       * @protected
-       */
-      selectItem(graphComponent:yfiles.view.GraphComponent,item:yfiles.graph.IModelItem,extendSelection:boolean):void;
-      /**
-       * Callback that actually sets the current item property.
-       * @param {yfiles.view.GraphComponent} graphComponent The {@link yfiles.input.NavigationInputMode#graphComponent} to set the current item of.
-       * @param {yfiles.graph.IModelItem} item The item to set.
-       * @returns {boolean} Whether the operation was actually performed.
-       * @protected
-       */
-      setCurrentItem(graphComponent:yfiles.view.GraphComponent,item:yfiles.graph.IModelItem):boolean;
-      /**
-       * Sets the "current" item to the given one.
-       * @param {yfiles.graph.IModelItem} item The item to set as the current item.
-       * @see yfiles.input.NavigationInputMode#setCurrentItem
-       */
-      setCurrentItem(item:yfiles.graph.IModelItem):void;
-      /**
-       * Sets the {@link yfiles.input.NavigationInputMode#graphComponent} to use for the various actions.
-       * <p>
-       * This will register or unregister the commands for the control. This method is called in response to {@link yfiles.input.NavigationInputMode#install}
-       * and {@link yfiles.input.NavigationInputMode#uninstall}.
-       * </p>
-       * @param {yfiles.view.GraphComponent} graphComponent The control to use or <code>null</code>.
-       * @protected
-       */
-      setGraphComponent(graphComponent:yfiles.view.GraphComponent):void;
-      /**
-       * Predicate method that decides whether it is allowed to {@link yfiles.input.NavigationInputMode#collapseGroup collapse} the given group node.
-       * <p>
-       * This implementation returns the value of {@link yfiles.input.NavigationInputMode#allowCollapseGroup}.
-       * </p>
-       * @param {yfiles.graph.INode} groupNode
-       * @returns {boolean} Whether to collapse the given group or not.
-       * @protected
-       */
-      shouldCollapseGroup(groupNode:yfiles.graph.INode):boolean;
-      /**
-       * Predicate method that decides whether it is allowed to {@link yfiles.input.NavigationInputMode#enterGroup enter} the specific group node.
-       * <p>
-       * This implementation yields the value of {@link yfiles.input.NavigationInputMode#allowEnterGroup}.
-       * </p>
-       * @param {yfiles.graph.INode} node The group node to enter.
-       * @returns {boolean} Whether to enter the group or not.
-       * @protected
-       */
-      shouldEnterGroup(node:yfiles.graph.INode):boolean;
-      /**
-       * Predicate method that decides whether it is allowed to {@link yfiles.input.NavigationInputMode#exitGroup exit} the current group node.
-       * <p>
-       * This implementation yields the value of {@link yfiles.input.NavigationInputMode#allowExitGroup}.
-       * </p>
-       * @returns {boolean} Whether to exit the current group or not.
-       * @protected
-       */
-      shouldExitGroup():boolean;
-      /**
-       * Predicate method that decides whether it is allowed to {@link yfiles.input.NavigationInputMode#expandGroup expand} the given group node.
-       * <p>
-       * This implementation yields the value of {@link yfiles.input.NavigationInputMode#allowExpandGroup}.
-       * </p>
-       * @param {yfiles.graph.INode} node
-       * @returns {boolean} Whether to expand the given group or not.
-       * @protected
-       */
-      shouldExpandGroup(node:yfiles.graph.INode):boolean;
-      /**
-       * Callback predicate method that determines whether a given model item should be navigated to.
-       * <p>
-       * This implementation uses the {@link yfiles.input.NavigationInputMode#navigableItems} property to determine whether the <code>item</code> can be navigated to.
-       * </p>
-       * @param {yfiles.graph.IModelItem} item The model item.
-       * @returns {boolean} Whether the item should be considered for navigational commands.
-       * @protected
-       */
-      shouldNavigateTo(item:yfiles.graph.IModelItem):boolean;
-      /**
-       * Determines whether the input mode should try to request the mutex when a command is executed.
-       * <p>
-       * This resets the state of any other input mode, unless it currently possesses the mutex.
-       * </p>
-       * <p>
-       * The value of this method is queried for {@link yfiles.input.ICommand#COLLAPSE_GROUP}, {@link yfiles.input.ICommand#EXPAND_GROUP},
-       * {@link yfiles.input.ICommand#TOGGLE_EXPANSION_STATE}, {@link yfiles.input.ICommand#ENTER_GROUP} and {@link yfiles.input.ICommand#EXIT_GROUP}.
-       * </p>
-       * @returns {boolean} whether the input mode should request the mutex.
-       * @protected
-       */
-      shouldRequestMutex():boolean;
-      /**
-       * Callback predicate method that determines whether a given model item should be selected.
-       * <p>
-       * This implementation uses the {@link yfiles.input.NavigationInputMode#selectableItems} property to determine whether the <code>item</code> should be selected.
-       * </p>
-       * @param {yfiles.graph.IModelItem} item The model item.
-       * @returns {boolean} Whether the item should be selected by the navigational commands.
-       * @protected
-       */
-      shouldSelect(item:yfiles.graph.IModelItem):boolean;
-      /**
-       * Predicate method that decides whether it is allowed to {@link yfiles.input.NavigationInputMode#toggleExpansionState toggle} the collapsed state of the given group node.
-       * <p>
-       * This implementation uses {@link yfiles.input.NavigationInputMode#shouldExpandGroup} and {@link yfiles.input.NavigationInputMode#shouldCollapseGroup}
-       * respectively.
-       * </p>
-       * @param {yfiles.graph.INode} node
-       * @returns {boolean} Whether to expand the given group or not.
-       * @protected
-       */
-      shouldToggleExpansionState(node:yfiles.graph.INode):boolean;
-      /**
-       * Toggles the {@link yfiles.graph.IFoldingView#isExpanded expanded/collapsed} state for the given group node in the {@link yfiles.graph.IFoldingView}.
-       * @param {yfiles.graph.INode} groupNode The group node to toggle the state for.
-       * @see yfiles.graph.FoldingManager
-       */
-      toggleExpansionState(groupNode:yfiles.graph.INode):void;
-      /**
-       * Overridden to only return <code>true</code> if this instance does not currently {@link yfiles.input.ConcurrencyController#hasMutex have the input mutex}.
-       * @returns {boolean} <code>true</code> iff this instance does not {@link yfiles.input.ConcurrencyController#hasMutex own the mutex}.
-       */
-      tryStop():boolean;
-      /**
-       * Uninstalls this mode from the given context.
-       * <p>
-       * This code should clean up all changes made to the canvas in the {@link yfiles.input.IInputMode#install} method. After a mode has
-       * been uninstalled it can be installed again into the same or another canvas.
-       * </p>
-       * <p>
-       * Overriding implementations should call the base implementation after their own code.
-       * </p>
-       * @param {yfiles.input.IInputModeContext} context The context to deregister from. This is the same instance that had been passed to {@link yfiles.input.IInputMode#install} during
-       * installation.
-       */
-      uninstall(context:yfiles.input.IInputModeContext):void;
-      /**
-       * 
-       * @type {number}
-       */
-      priority:number;
-      /**
-       * Gets or sets a value indicating whether this mode will be the only one running when it has the mutex.
-       * <p>
-       * The value of this property will be delegated to the {@link yfiles.input.ConcurrencyController#exclusive} property of the {@link yfiles.input.NavigationInputMode#controller}.
-       * </p>
-       * <p>
-       * If this mode is marked as exclusive and has the mutex, all other modes {@link yfiles.input.MultiplexingInputMode#add added} to the same {@link yfiles.input.MultiplexingInputMode}
-       * will be deactivated. Otherwise it will always run concurrently with all other modes.
-       * </p>
-       * @type {boolean}
-       */
-      exclusive:boolean;
-      /**
-       * Gets or sets the enabled state of this input mode.
-       * <p>
-       * Clients can use this property to disable or reenable this instance. This will set the {@link yfiles.input.ConcurrencyController#enabled Enabled} property of the installed
-       * {@link yfiles.input.NavigationInputMode#controller} so a disabled instance should never try to acquire the input mutex.
-       * </p>
-       * @type {boolean}
-       */
-      enabled:boolean;
-      /**
-       * 
-       * @type {yfiles.input.IInputModeContext}
-       */
-      inputModeContext:yfiles.input.IInputModeContext;
-      /**
-       * Returns the installed {@link yfiles.input.NavigationInputMode#controller}.
-       * @protected
-       * @type {yfiles.input.ConcurrencyController}
-       */
-      controller:yfiles.input.ConcurrencyController;
-      /**
-       * Gets or sets the item types that can be navigated to by this mode.
-       * @see yfiles.input.NavigationInputMode#shouldNavigateTo
-       * @type {yfiles.graph.GraphItemTypes}
-       */
-      navigableItems:yfiles.graph.GraphItemTypes;
-      /**
-       * Gets the types of the items that should be selectable by this instance.
-       * <p>
-       * The selectable items. The default value is {@link yfiles.graph.GraphItemTypes#NODE}.
-       * </p>
-       * @default 1
-       * @type {yfiles.graph.GraphItemTypes}
-       */
-      selectableItems:yfiles.graph.GraphItemTypes;
-      /**
-       * Gets or sets the the location that should be kept fixed if toggling a group node state.
-       * <p>
-       * Default value is {@link yfiles.input.NodeAlignmentPolicy#NONE}
-       * </p>
-       * @see yfiles.input.NavigationInputMode#expandGroup
-       * @see yfiles.input.NavigationInputMode#collapseGroup
-       * @default 0
-       * @type {yfiles.input.NodeAlignmentPolicy}
-       */
-      autoGroupNodeAlignmentPolicy:yfiles.input.NodeAlignmentPolicy;
-      /**
-       * Gets or sets the {@link yfiles.input.NavigationInputMode#graphComponent} this mode acts on.
-       * @type {yfiles.view.GraphComponent}
-       */
-      graphComponent:yfiles.view.GraphComponent;
-      /**
-       * Gets the list of commands that are available in this instance.
-       * <p>
-       * By default, all supported commands are available
-       * </p>
-       * <p>
-       * Removing commands from this collection also removes the command bindings registered by this instance.
-       * </p>
-       * <p>
-       * Add supported commands to make them available in this instance.
-       * </p>
-       * <p>
-       * Supported commands are
-       * </p>
-       * <ul>
-       * <li>{@link yfiles.input.ICommand#MOVE_LEFT}</li>
-       * <li>{@link yfiles.input.ICommand#MOVE_RIGHT}</li>
-       * <li>{@link yfiles.input.ICommand#MOVE_UP}</li>
-       * <li>{@link yfiles.input.ICommand#MOVE_DOWN}</li>
-       * <li>{@link yfiles.input.ICommand#MOVE_TO_PAGE_UP}</li>
-       * <li>{@link yfiles.input.ICommand#MOVE_TO_PAGE_DOWN}</li>
-       * <li>{@link yfiles.input.ICommand#MOVE_FOCUS_BACK}</li>
-       * <li>{@link yfiles.input.ICommand#MOVE_FOCUS_FORWARD}</li>
-       * <li>{@link yfiles.input.ICommand#MOVE_FOCUS_UP}</li>
-       * <li>{@link yfiles.input.ICommand#MOVE_FOCUS_DOWN}</li>
-       * <li>{@link yfiles.input.ICommand#MOVE_FOCUS_PAGE_UP}</li>
-       * <li>{@link yfiles.input.ICommand#MOVE_FOCUS_PAGE_DOWN}</li>
-       * <li>{@link yfiles.input.ICommand#EXTEND_SELECTION_LEFT}</li>
-       * <li>{@link yfiles.input.ICommand#EXTEND_SELECTION_RIGHT}</li>
-       * <li>{@link yfiles.input.ICommand#EXTEND_SELECTION_UP}</li>
-       * <li>{@link yfiles.input.ICommand#EXTEND_SELECTION_DOWN}</li>
-       * <li>{@link yfiles.input.ICommand#SELECT_TO_PAGE_UP}</li>
-       * <li>{@link yfiles.input.ICommand#SELECT_TO_PAGE_DOWN}</li>
-       * </ul>
-       * @type {yfiles.collections.ICollection.<yfiles.input.ICommand>}
-       */
-      availableCommands:yfiles.collections.ICollection<yfiles.input.ICommand>;
-      /**
-       * Gets or sets a value indicating whether to use the {@link yfiles.view.GraphComponent#currentItem} as a fallback for the commands if no item is provided in the
-       * parameter and the current selection is empty.
-       * <p>
-       * This applies to the following commands:
-       * </p>
-       * <ul>
-       * <li>{@link yfiles.input.ICommand#ENTER_GROUP}</li>
-       * <li>{@link yfiles.input.ICommand#EXPAND_GROUP}</li>
-       * <li>{@link yfiles.input.ICommand#COLLAPSE_GROUP}</li>
-       * <li>{@link yfiles.input.ICommand#TOGGLE_EXPANSION_STATE}</li>
-       * </ul>
-       * @default false
-       * @type {boolean}
-       */
-      useCurrentItemForCommands:boolean;
-      /**
-       * Gets or sets the {@link yfiles.view.IGraphSelection} this mode operates on.
-       * @type {yfiles.view.IGraphSelection}
-       */
-      graphSelection:yfiles.view.IGraphSelection;
-      /**
-       * Gets or sets the graph this mode operates on.
-       * @type {yfiles.graph.IGraph}
-       */
-      graph:yfiles.graph.IGraph;
-      /**
-       * Gets or sets a value that determines whether it is allowed to {@link yfiles.input.NavigationInputMode#enterGroup enter group nodes} via the
-       * {@link yfiles.input.ICommand#ENTER_GROUP}.
-       * <p>
-       * The default value is <code>true</code>.
-       * </p>
-       * @see yfiles.input.NavigationInputMode#shouldEnterGroup
-       * @see yfiles.graph.FoldingManager
-       * @type {boolean}
-       */
-      allowEnterGroup:boolean;
-      /**
-       * Gets or sets a value that determines whether it is allowed to collapse group nodes via the
-       * {@link yfiles.input.ICommand#COLLAPSE_GROUP}.
-       * <p>
-       * The default value is <code>true</code>.
-       * </p>
-       * @see yfiles.input.NavigationInputMode#collapseGroup
-       * @see yfiles.input.NavigationInputMode#shouldCollapseGroup
-       * @see yfiles.graph.FoldingManager
-       * @type {boolean}
-       */
-      allowCollapseGroup:boolean;
-      /**
-       * Gets or sets a value that determines whether it is allowed to {@link yfiles.input.NavigationInputMode#expandGroup expand group nodes} via the
-       * {@link yfiles.input.ICommand#EXPAND_GROUP}.
-       * <p>
-       * The default value is <code>true</code>.
-       * </p>
-       * @see yfiles.input.NavigationInputMode#shouldExpandGroup
-       * @see yfiles.graph.FoldingManager
-       * @type {boolean}
-       */
-      allowExpandGroup:boolean;
-      /**
-       * Gets or sets a value that determines whether it is allowed to {@link yfiles.input.NavigationInputMode#exitGroup exit the current group node} via the
-       * {@link yfiles.input.ICommand#EXIT_GROUP}.
-       * <p>
-       * The default value is <code>true</code>.
-       * </p>
-       * @see yfiles.input.NavigationInputMode#shouldExitGroup
-       * @see yfiles.graph.FoldingManager
-       * @default true
-       * @type {boolean}
-       */
-      allowExitGroup:boolean;
-      /**
-       * Gets or sets a value that determines whether {@link yfiles.view.CanvasComponent#fitContent} or the FitContentCommand should be
-       * triggered after a group navigation action.
-       * <p>
-       * The default value is <code>true</code>.
-       * </p>
-       * @default true
-       * @type {boolean}
-       */
-      fitContentAfterGroupActions:boolean;
-      /**
-       * Adds the given listener for the <code>GroupCollapsing</code> event that occurs before a group will be {@link yfiles.input.NavigationInputMode#collapseGroup Collapsed}.
-       * @param {function(Object, yfiles.collections.ItemEventArgs.<yfiles.graph.INode>): void} listener The listener to add.
-       * @see yfiles.input.NavigationInputMode#removeGroupCollapsingListener
-       */
-      addGroupCollapsingListener(listener:(sender:Object,evt:yfiles.collections.ItemEventArgs<yfiles.graph.INode>)=>void):void;
-      /**
-       * Removes the given listener for the <code>GroupCollapsing</code> event that occurs before a group will be {@link yfiles.input.NavigationInputMode#collapseGroup Collapsed}.
-       * @param {function(Object, yfiles.collections.ItemEventArgs.<yfiles.graph.INode>): void} listener The listener to remove.
-       * @see yfiles.input.NavigationInputMode#addGroupCollapsingListener
-       */
-      removeGroupCollapsingListener(listener:(sender:Object,evt:yfiles.collections.ItemEventArgs<yfiles.graph.INode>)=>void):void;
-      /**
-       * Adds the given listener for the <code>GroupCollapsed</code> event that occurs whenever a group has been {@link yfiles.input.NavigationInputMode#collapseGroup Collapsed}.
-       * @param {function(Object, yfiles.collections.ItemEventArgs.<yfiles.graph.INode>): void} listener The listener to add.
-       * @see yfiles.input.NavigationInputMode#removeGroupCollapsedListener
-       */
-      addGroupCollapsedListener(listener:(sender:Object,evt:yfiles.collections.ItemEventArgs<yfiles.graph.INode>)=>void):void;
-      /**
-       * Removes the given listener for the <code>GroupCollapsed</code> event that occurs whenever a group has been {@link yfiles.input.NavigationInputMode#collapseGroup Collapsed}.
-       * @param {function(Object, yfiles.collections.ItemEventArgs.<yfiles.graph.INode>): void} listener The listener to remove.
-       * @see yfiles.input.NavigationInputMode#addGroupCollapsedListener
-       */
-      removeGroupCollapsedListener(listener:(sender:Object,evt:yfiles.collections.ItemEventArgs<yfiles.graph.INode>)=>void):void;
-      /**
-       * Adds the given listener for the <code>GroupExpanding</code> event that occurs before a group will be {@link yfiles.input.NavigationInputMode#expandGroup Expanded}.
-       * @param {function(Object, yfiles.collections.ItemEventArgs.<yfiles.graph.INode>): void} listener The listener to add.
-       * @see yfiles.input.NavigationInputMode#removeGroupExpandingListener
-       */
-      addGroupExpandingListener(listener:(sender:Object,evt:yfiles.collections.ItemEventArgs<yfiles.graph.INode>)=>void):void;
-      /**
-       * Removes the given listener for the <code>GroupExpanding</code> event that occurs before a group will be {@link yfiles.input.NavigationInputMode#expandGroup Expanded}.
-       * @param {function(Object, yfiles.collections.ItemEventArgs.<yfiles.graph.INode>): void} listener The listener to remove.
-       * @see yfiles.input.NavigationInputMode#addGroupExpandingListener
-       */
-      removeGroupExpandingListener(listener:(sender:Object,evt:yfiles.collections.ItemEventArgs<yfiles.graph.INode>)=>void):void;
-      /**
-       * Adds the given listener for the <code>GroupExpanded</code> event that occurs whenever a group has been {@link yfiles.input.NavigationInputMode#expandGroup Expanded}.
-       * @param {function(Object, yfiles.collections.ItemEventArgs.<yfiles.graph.INode>): void} listener The listener to add.
-       * @see yfiles.input.NavigationInputMode#removeGroupExpandedListener
-       */
-      addGroupExpandedListener(listener:(sender:Object,evt:yfiles.collections.ItemEventArgs<yfiles.graph.INode>)=>void):void;
-      /**
-       * Removes the given listener for the <code>GroupExpanded</code> event that occurs whenever a group has been {@link yfiles.input.NavigationInputMode#expandGroup Expanded}.
-       * @param {function(Object, yfiles.collections.ItemEventArgs.<yfiles.graph.INode>): void} listener The listener to remove.
-       * @see yfiles.input.NavigationInputMode#addGroupExpandedListener
-       */
-      removeGroupExpandedListener(listener:(sender:Object,evt:yfiles.collections.ItemEventArgs<yfiles.graph.INode>)=>void):void;
-      /**
-       * Adds the given listener for the <code>GroupEntering</code> event that occurs before a group will be {@link yfiles.input.NavigationInputMode#enterGroup Entered}.
-       * @param {function(Object, yfiles.collections.ItemEventArgs.<yfiles.graph.INode>): void} listener The listener to add.
-       * @see yfiles.input.NavigationInputMode#removeGroupEnteringListener
-       */
-      addGroupEnteringListener(listener:(sender:Object,evt:yfiles.collections.ItemEventArgs<yfiles.graph.INode>)=>void):void;
-      /**
-       * Removes the given listener for the <code>GroupEntering</code> event that occurs before a group will be {@link yfiles.input.NavigationInputMode#enterGroup Entered}.
-       * @param {function(Object, yfiles.collections.ItemEventArgs.<yfiles.graph.INode>): void} listener The listener to remove.
-       * @see yfiles.input.NavigationInputMode#addGroupEnteringListener
-       */
-      removeGroupEnteringListener(listener:(sender:Object,evt:yfiles.collections.ItemEventArgs<yfiles.graph.INode>)=>void):void;
-      /**
-       * Adds the given listener for the <code>GroupEntered</code> event that occurs whenever a group has been {@link yfiles.input.NavigationInputMode#enterGroup Entered}.
-       * @param {function(Object, yfiles.collections.ItemEventArgs.<yfiles.graph.INode>): void} listener The listener to add.
-       * @see yfiles.input.NavigationInputMode#removeGroupEnteredListener
-       */
-      addGroupEnteredListener(listener:(sender:Object,evt:yfiles.collections.ItemEventArgs<yfiles.graph.INode>)=>void):void;
-      /**
-       * Removes the given listener for the <code>GroupEntered</code> event that occurs whenever a group has been {@link yfiles.input.NavigationInputMode#enterGroup Entered}.
-       * @param {function(Object, yfiles.collections.ItemEventArgs.<yfiles.graph.INode>): void} listener The listener to remove.
-       * @see yfiles.input.NavigationInputMode#addGroupEnteredListener
-       */
-      removeGroupEnteredListener(listener:(sender:Object,evt:yfiles.collections.ItemEventArgs<yfiles.graph.INode>)=>void):void;
-      /**
-       * Adds the given listener for the <code>GroupExiting</code> event that occurs before a group will be {@link yfiles.input.NavigationInputMode#exitGroup Exited}.
-       * @param {function(Object, yfiles.collections.ItemEventArgs.<yfiles.graph.INode>): void} listener The listener to add.
-       * @see yfiles.input.NavigationInputMode#removeGroupExitingListener
-       */
-      addGroupExitingListener(listener:(sender:Object,evt:yfiles.collections.ItemEventArgs<yfiles.graph.INode>)=>void):void;
-      /**
-       * Removes the given listener for the <code>GroupExiting</code> event that occurs before a group will be {@link yfiles.input.NavigationInputMode#exitGroup Exited}.
-       * @param {function(Object, yfiles.collections.ItemEventArgs.<yfiles.graph.INode>): void} listener The listener to remove.
-       * @see yfiles.input.NavigationInputMode#addGroupExitingListener
-       */
-      removeGroupExitingListener(listener:(sender:Object,evt:yfiles.collections.ItemEventArgs<yfiles.graph.INode>)=>void):void;
-      /**
-       * Adds the given listener for the <code>GroupExited</code> event that occurs whenever a group has been {@link yfiles.input.NavigationInputMode#exitGroup Exited}.
-       * @param {function(Object, yfiles.collections.ItemEventArgs.<yfiles.graph.INode>): void} listener The listener to add.
-       * @see yfiles.input.NavigationInputMode#removeGroupExitedListener
-       */
-      addGroupExitedListener(listener:(sender:Object,evt:yfiles.collections.ItemEventArgs<yfiles.graph.INode>)=>void):void;
-      /**
-       * Removes the given listener for the <code>GroupExited</code> event that occurs whenever a group has been {@link yfiles.input.NavigationInputMode#exitGroup Exited}.
-       * @param {function(Object, yfiles.collections.ItemEventArgs.<yfiles.graph.INode>): void} listener The listener to remove.
-       * @see yfiles.input.NavigationInputMode#addGroupExitedListener
-       */
-      removeGroupExitedListener(listener:(sender:Object,evt:yfiles.collections.ItemEventArgs<yfiles.graph.INode>)=>void):void;
-      static $class:yfiles.lang.Class;
-    }
-    export enum MoveFocusDirection{
-      /**
-       * No direction.
-       */
-      NONE,
-      /**
-       * In the direction of the negative x Axis.
-       */
-      LEFT,
-      /**
-       * In the direction of the positive x Axis.
-       */
-      RIGHT,
-      /**
-       * In the direction of the negative y Axis.
-       */
-      UP,
-      /**
-       * In the direction of the positive y Axis.
-       */
-      DOWN,
-      /**
-       * In the direction of the {@link yfiles.graph.IGraph#setParent parent} in the grouped graph.
-       */
-      PARENT,
-      /**
-       * In the direction of the {@link yfiles.graph.IGraph#getChildren children} in the grouped graph.
-       */
-      CHILD
-    }
-    export enum NodeAlignmentPolicy{
-      /**
-       * Don't fix any specific point, only use the layout from the target state.
-       */
-      NONE,
-      /**
-       * Fix the center point.
-       */
-      CENTER,
-      /**
-       * Fix the upper left corner.
-       */
-      TOP_LEFT,
-      /**
-       * Fix the lower left corner.
-       */
-      BOTTOM_LEFT,
-      /**
-       * Fix the upper right corner.
-       */
-      TOP_RIGHT,
-      /**
-       * Fix the lower right corner.
-       */
-      BOTTOM_RIGHT,
-      /**
-       * Fix the uppermost center.
-       */
-      TOP_CENTER,
-      /**
-       * Fix the lowermost center.
-       */
-      BOTTOM_CENTER,
-      /**
-       * Fix the left center.
-       */
-      CENTER_LEFT,
-      /**
-       * Fix the right center.
-       */
-      CENTER_RIGHT
-    }
-    export enum OrthogonalEdgeEditingPolicy{
-      /**
-       * Enables orthogonal edge creation or editing for a specific sub-aspect automatically if an {@link yfiles.input.OrthogonalEdgeEditingContext#enabled} {@link yfiles.input.OrthogonalEdgeEditingContext}
-       * instance is set in the {@link yfiles.input.GraphEditorInputMode#orthogonalEdgeEditingContext parent input mode}.
-       */
-      AUTO,
-      /**
-       * Enables orthogonal edge creation or editing for a specific sub-aspect of edge creation.
-       */
-      ALWAYS,
-      /**
-       * Disables orthogonal edge creation or editing for a specific sub-aspect of edge creation.
-       */
-      NEVER
-    }
-    export enum SegmentOrientation{
-      /**
-       * The segment has a horizontal orientation, which means that the end points should be moved vertically in synch so that
-       * the orientation is not destroyed.
-       */
-      HORIZONTAL,
-      /**
-       * The segment has a vertical orientation, which means that the end points should be moved horizontally in synch so that
-       * the orientation is not destroyed.
-       */
-      VERTICAL,
-      /**
-       * The segment does not need to be treated especially, both endpoints can be moved independently from each other.
-       */
-      NON_ORTHOGONAL
-    }
-    /**
-     * Concrete {@link yfiles.input.SnapContext} implementation which handles snapping movement for {@link yfiles.graph.IGraph} items.
-     * <p>
-     * This class provides a set of properties that determine the way snapping operations are being performed in the context of
-     * {@link yfiles.graph.IGraph}s. {@link yfiles.input.IPositionHandler} implementations and the like can use the following idiom to retrieve
-     * instances of this class:
-     * </p>
-     * <p><b>Related demos:</b></p>
-     * <ul>
-     * <li>Tutorial: 01 Getting Started, step 15 Snapping</li>
-     * </ul>
-     * @see yfiles.input.GraphEditorInputMode
-     * @see yfiles.input.GraphEditorInputMode#snapContext
-     * @class yfiles.input.GraphSnapContext
-     * @extends {yfiles.input.SnapContext}
-     */
-    export interface GraphSnapContext extends yfiles.input.SnapContext{}
-    export class GraphSnapContext {
-      /**
-       * Creates a new instance with default settings.
-       * @constructor
-       */
-      constructor();
-      /**
-       * Adds {@link yfiles.input.MovementInfo} representing an {@link yfiles.graph.IBend} that will be considered for the next drag gesture.
-       * <p>
-       * The default {@link yfiles.input.IHandle} of an {@link yfiles.graph.IBend} calls this method in its {@link yfiles.input.IDragHandler#initializeDrag}
-       * method so snap results are calculated when this bend is repositioned. Custom {@link yfiles.input.IHandle} implementations can
-       * add infos created by {@link yfiles.input.GraphSnapContext#getMovementInfo}.
-       * </p>
-       * @param {yfiles.input.MovementInfo} info The {@link yfiles.input.MovementInfo} representing the bend to be moved. Can be created with
-       * {@link yfiles.input.GraphSnapContext#getMovementInfo}.
-       */
-      addBendToBeMoved(info:yfiles.input.MovementInfo):void;
-      /**
-       * Adds {@link yfiles.input.MovementInfo} representing the end of an {@link yfiles.graph.IEdge} that will be considered for the next drag
-       * gesture.
-       * <p>
-       * The {@link yfiles.input.IHandle} returned by the default {@link yfiles.input.IEdgePortHandleProvider} of an {@link yfiles.graph.IEdge} calls
-       * this method in its {@link yfiles.input.IDragHandler#initializeDrag} method so snap results are calculated when reparenting this
-       * edge end. Custom {@link yfiles.input.IHandle} implementations can call {@link yfiles.input.GraphSnapContext#getMovementInfos} and add
-       * the first or last {@link yfiles.input.MovementInfo} of the returned list.
-       * </p>
-       * @param {yfiles.input.MovementInfo} info The {@link yfiles.input.MovementInfo} representing the edge end to be reparented. Can be created with
-       * {@link yfiles.input.GraphSnapContext#getMovementInfos}.
-       * @param {boolean} sourceEnd <code>true</code> if the <code>info</code> represents the source end of the edge.
-       */
-      addEdgeEndToBeMoved(info:yfiles.input.MovementInfo,sourceEnd:boolean):void;
-      /**
-       * Adds an item which will be reshaped.
-       * @param {yfiles.graph.IModelItem} item The item to be reshaped.
-       */
-      addItemToBeReshaped(item:yfiles.graph.IModelItem):void;
-      /**
-       * Adds {@link yfiles.input.MovementInfo} representing an {@link yfiles.graph.INode} that will be considered for the next drag gesture.
-       * <p>
-       * The default {@link yfiles.input.IPositionHandler} of an {@link yfiles.graph.INode} calls this method in its {@link yfiles.input.IDragHandler#initializeDrag}
-       * method so snap results are calculated when this node is repositioned. Custom {@link yfiles.input.IPositionHandler}
-       * implementations can add infos created by {@link yfiles.input.GraphSnapContext#getMovementInfo}.
-       * </p>
-       * @param {yfiles.input.MovementInfo} info The {@link yfiles.input.MovementInfo} representing the node to be moved. Can be created with
-       * {@link yfiles.input.GraphSnapContext#getMovementInfo}.
-       */
-      addNodeToBeMoved(info:yfiles.input.MovementInfo):void;
-      /**
-       * Adds an orthogonally moved segment to this context for which this instance will automatically collect
-       * {@link yfiles.input.SnapResult}s and provide a default visualization.
-       * <p>
-       * This method can be called during initialization to collect orthogonal segments that should be tested against {@link yfiles.input.GraphSnapContext#fixedSegmentSnapLines} and {@link yfiles.input.GraphSnapContext#additionalSnapLines}.
-       * </p>
-       * @param {yfiles.input.MovementInfo} start The starting point of the manipulated segment.
-       * @param {yfiles.input.MovementInfo} end The end point of the manipulated segment.
-       */
-      addOrthogonalSegment(start:yfiles.input.MovementInfo,end:yfiles.input.MovementInfo):void;
-      /**
-       * Adds {@link yfiles.input.MovementInfo} representing an {@link yfiles.graph.IPort} that will be considered for the next drag gesture.
-       * <p>
-       * The default {@link yfiles.input.IHandle} of an {@link yfiles.graph.IPort} calls this method in its {@link yfiles.input.IDragHandler#initializeDrag}
-       * method so snap results are calculated for this port. Custom {@link yfiles.input.IHandle} implementations can add infos created
-       * by {@link yfiles.input.GraphSnapContext#getMovementInfo}.
-       * </p>
-       * @param {yfiles.input.MovementInfo} info The {@link yfiles.input.MovementInfo} representing the port to be moved. Can be created with
-       * {@link yfiles.input.GraphSnapContext#getMovementInfo}.
-       */
-      addPortToBeMoved(info:yfiles.input.MovementInfo):void;
-      /**
-       * Adds an entry for the same-height-snapping.
-       * <p>
-       * During {@link yfiles.input.SnapContext#isInitializing initialization} this method can be used to register entries that can later be retrieved using the {@link yfiles.input.GraphSnapContext#findSameHeightEntries}
-       * method. The rectangle will be used to obtain the height value and will also be used for the visualization of the snap
-       * result.
-       * </p>
-       * @param {yfiles.geometry.Rect} rectangle The rectangle to obtain the height value from. This rectangle will be used for the snap result visualization.
-       * @see yfiles.input.GraphSnapContext#addSameWidthEntry
-       */
-      addSameHeightEntry(rectangle:yfiles.geometry.Rect):void;
-      /**
-       * Adds an entry for the same-width-snapping.
-       * <p>
-       * During {@link yfiles.input.SnapContext#isInitializing initialization} this method can be used to register entries that can later be retrieved using the {@link yfiles.input.GraphSnapContext#findSameWidthEntries}
-       * method. The rectangle will be used to obtain the width value and will also be used for the visualization of the snap
-       * result.
-       * </p>
-       * @param {yfiles.geometry.Rect} rectangle The rectangle to obtain the width value from. This rectangle will be used for the snap result visualization.
-       * @see yfiles.input.GraphSnapContext#addSameHeightEntry
-       */
-      addSameWidthEntry(rectangle:yfiles.geometry.Rect):void;
-      /**
-       * Collects the {@link yfiles.input.OrthogonalSnapLine}s for the nodes which are not moving.
-       * <p>
-       * Delegates to the {@link yfiles.input.ISnapLineProvider} implementation in the lookup of the {@link yfiles.graph.INode}.
-       * </p>
-       * @param {yfiles.input.CollectGraphSnapLinesEventArgs} evt
-       * @protected
-       */
-      collectFixedNodeSnapLines(evt:yfiles.input.CollectGraphSnapLinesEventArgs):void;
-      /**
-       * Collects the {@link yfiles.input.OrthogonalSnapLine}s for the ports which are not moving.
-       * <p>
-       * Delegates to the {@link yfiles.input.ISnapLineProvider} implementation in the lookup of the {@link yfiles.graph.IPort}.
-       * </p>
-       * @param {yfiles.input.CollectGraphSnapLinesEventArgs} evt
-       * @protected
-       */
-      collectFixedPortSnapLines(evt:yfiles.input.CollectGraphSnapLinesEventArgs):void;
-      /**
-       * Collects snap lines for edge segments.
-       * <p>
-       * Delegates to the {@link yfiles.input.ISnapLineProvider} implementation in the lookup of the {@link yfiles.graph.IEdge}. This
-       * implementation should then make us of {@link yfiles.input.GraphSnapContext#getMovementInfos} to determine what segments are
-       * fixed.
-       * </p>
-       * @param {yfiles.input.CollectGraphSnapLinesEventArgs} evt
-       * @protected
-       */
-      collectFixedSegmentSnapLines(evt:yfiles.input.CollectGraphSnapLinesEventArgs):void;
-      /**
-       * Collects all node widths and heights in the collections {@link yfiles.input.GraphSnapContext#findSameWidthEntries} and
-       * {@link yfiles.input.GraphSnapContext#findSameHeightEntries}.
-       * <p>
-       * This method will only be called if {@link yfiles.input.GraphSnapContext#collectNodeSizes} is enabled and delegates to {@link yfiles.input.GraphSnapContext#addSameHeightEntry} and
-       * {@link yfiles.input.GraphSnapContext#addSameWidthEntry}.
-       * </p>
-       * @protected
-       */
-      collectSameSizeEntries():void;
-      /**
-       * Finds pairs of nodes that are visually adjacent to create {@link yfiles.input.GraphSnapContext#collectNodePairCenterSnapLines center} and {@link yfiles.input.GraphSnapContext#collectNodePairSnapLines same distance} snap lines.
-       * @protected
-       */
-      collectVisibleNodePairs():void;
-      /**
-       * Finds the entries ({@link yfiles.geometry.Rect}s) that have been registered using the {@link yfiles.input.GraphSnapContext#addSameHeightEntry}
-       * previously that best match the given constraints.
-       * @param {number} size The size to find the closest set of identical sizes.
-       * @param {number} maxSize The maximum allowed size.
-       * @param {number} minSize The minimum allowed size.
-       * @returns {yfiles.collections.IListEnumerable.<yfiles.geometry.Rect>} The set of rectangles that have been added previously using {@link yfiles.input.GraphSnapContext#addSameHeightEntry}.
-       */
-      findSameHeightEntries(size:number,maxSize:number,minSize:number):yfiles.collections.IListEnumerable<yfiles.geometry.Rect>;
-      /**
-       * Finds the entries ({@link yfiles.geometry.Rect}s) that have been registered using the {@link yfiles.input.GraphSnapContext#addSameWidthEntry}
-       * previously that best match the given constraints.
-       * @param {number} size The size to find the closest set of identical sizes.
-       * @param {number} maxSize The maximum allowed size.
-       * @param {number} minSize The minimum allowed size.
-       * @returns {yfiles.collections.IListEnumerable.<yfiles.geometry.Rect>} The set of rectangles that have been added previously using {@link yfiles.input.GraphSnapContext#addSameWidthEntry}.
-       */
-      findSameWidthEntries(size:number,maxSize:number,minSize:number):yfiles.collections.IListEnumerable<yfiles.geometry.Rect>;
-      /**
-       * Gets a subset of {@link yfiles.input.GraphSnapContext#additionalSnapLines} that matches the given <code>orientation</code>, <code>snapType</code> and intersects with the provided <code>area</code>.
-       * @param {yfiles.input.SnapLineOrientation} orientation The orientation of the lines to return.
-       * @param {yfiles.input.SnapLineSnapTypes} snapType The snap type to be included.
-       * @param {yfiles.geometry.Rect} area The area to test for intersection.
-       * @returns {yfiles.collections.IEnumerable.<yfiles.input.OrthogonalSnapLine>} An enumerable of the snap lines that match the provided criteria.
-       */
-      getAdditionalSnapLines(orientation:yfiles.input.SnapLineOrientation,snapType:yfiles.input.SnapLineSnapTypes,area:yfiles.geometry.Rect):yfiles.collections.IEnumerable<yfiles.input.OrthogonalSnapLine>;
-      /**
-       * Gets a subset of {@link yfiles.input.GraphSnapContext#fixedNodeSnapLines} that matches the given <code>orientation</code>, <code>snapType</code> and intersects with the provided <code>area</code>.
-       * @param {yfiles.input.SnapLineOrientation} orientation The orientation of the lines to return.
-       * @param {yfiles.input.SnapLineSnapTypes} snapType The snap type to be included.
-       * @param {yfiles.geometry.Rect} area The area to test for intersection.
-       * @returns {yfiles.collections.IEnumerable.<yfiles.input.OrthogonalSnapLine>} An enumerable of the snap lines that match the provided criteria.
-       */
-      getFixedNodeSnapLines(orientation:yfiles.input.SnapLineOrientation,snapType:yfiles.input.SnapLineSnapTypes,area:yfiles.geometry.Rect):yfiles.collections.IEnumerable<yfiles.input.OrthogonalSnapLine>;
-      /**
-       * Gets a subset of {@link yfiles.input.GraphSnapContext#fixedPortSnapLines} that matches the given <code>orientation</code>, <code>snapType</code> and intersects with the provided <code>area</code>.
-       * @param {yfiles.input.SnapLineOrientation} orientation The orientation of the lines to return.
-       * @param {yfiles.input.SnapLineSnapTypes} snapType The snap type to be included.
-       * @param {yfiles.geometry.Rect} area The area to test for intersection.
-       * @returns {yfiles.collections.IEnumerable.<yfiles.input.OrthogonalSnapLine>} An enumerable of the snap lines that match the provided criteria.
-       */
-      getFixedPortSnapLines(orientation:yfiles.input.SnapLineOrientation,snapType:yfiles.input.SnapLineSnapTypes,area:yfiles.geometry.Rect):yfiles.collections.IEnumerable<yfiles.input.OrthogonalSnapLine>;
-      /**
-       * Gets a subset of {@link yfiles.input.GraphSnapContext#fixedSegmentSnapLines} that matches the given <code>orientation</code>, <code>snapType</code> and intersects with the provided <code>area</code>.
-       * @param {yfiles.input.SnapLineOrientation} orientation The orientation of the lines to return.
-       * @param {yfiles.input.SnapLineSnapTypes} snapType The snap type to be included.
-       * @param {yfiles.geometry.Rect} area The area to test for intersection.
-       * @returns {yfiles.collections.IEnumerable.<yfiles.input.OrthogonalSnapLine>} An enumerable of the snap lines that match the provided criteria.
-       */
-      getFixedSegmentSnapLines(orientation:yfiles.input.SnapLineOrientation,snapType:yfiles.input.SnapLineSnapTypes,area:yfiles.geometry.Rect):yfiles.collections.IEnumerable<yfiles.input.OrthogonalSnapLine>;
-      /**
-       * Gets the movement info for the given port.
-       * <p>
-       * This is either the info passed to {@link yfiles.input.GraphSnapContext#addNodeToBeMoved} or another, dynamically created
-       * instance, if no specific one had been registered.
-       * </p>
-       * @param {yfiles.graph.IPort} port The port to obtain the info for.
-       * @returns {yfiles.input.MovementInfo} An instance of {@link yfiles.input.MovementInfo} that describes the movement of the port.
-       */
-      getMovementInfo(port:yfiles.graph.IPort):yfiles.input.MovementInfo;
-      /**
-       * Gets the movement info for the given node.
-       * <p>
-       * This is either the info passed to {@link yfiles.input.GraphSnapContext#addNodeToBeMoved} or another, dynamically created
-       * instance, if no specific one had been registered.
-       * </p>
-       * @param {yfiles.graph.INode} node The node to obtain the info for.
-       * @returns {yfiles.input.MovementInfo} An instance of {@link yfiles.input.MovementInfo} that describes the movement of the node.
-       */
-      getMovementInfo(node:yfiles.graph.INode):yfiles.input.MovementInfo;
-      /**
-       * Gets the movement info for the given bend.
-       * <p>
-       * This is either the info passed to {@link yfiles.input.GraphSnapContext#addBendToBeMoved} or a dynamically created instance if no
-       * specific one had been registered.
-       * </p>
-       * @param {yfiles.graph.IBend} bend The bend to obtain the info for.
-       * @returns {yfiles.input.MovementInfo} An instance of {@link yfiles.input.MovementInfo} that describes the movement of the bend.
-       */
-      getMovementInfo(bend:yfiles.graph.IBend):yfiles.input.MovementInfo;
-      /**
-       * Gets the {@link yfiles.input.MovementInfo movement information} for the provided edge.
-       * <p>
-       * The result describes the shape of the edge and the reshaping behavior of the geometry. The first element in the
-       * enumerable is the source end of the edge, followed by bend like elements and the target side. Note that it cannot in
-       * general be assumed {@link yfiles.input.MovementInfo#movedItem} of the first and last element is either a {@link yfiles.graph.IPort} or {@link yfiles.graph.IEdge}, also items in
-       * between may not necessarily be bound to {@link yfiles.graph.IBend}s and therefore their {@link yfiles.input.MovementInfo#movedItem} can be of a different type than
-       * {@link yfiles.graph.IBend}.
-       * </p>
-       * @param {yfiles.graph.IEdge} edge The edge to obtain the movement information of.
-       * @returns {yfiles.collections.IListEnumerable.<yfiles.input.MovementInfo>} An {@link yfiles.collections.IListEnumerable.<T>} of {@link yfiles.input.MovementInfo}s items that describe the geometry of the edge being modified.
-       */
-      getMovementInfos(edge:yfiles.graph.IEdge):yfiles.collections.IListEnumerable<yfiles.input.MovementInfo>;
-      /**
-       * Raises the {@link yfiles.input.GraphSnapContext#addCollectSnapLinesListener CollectSnapLines} event.
-       * @param {yfiles.input.CollectGraphSnapLinesEventArgs} evt The {@link yfiles.input.CollectGraphSnapLinesEventArgs} instance containing the event data.
-       * @protected
-       */
-      onCollectSnapLines(evt:yfiles.input.CollectGraphSnapLinesEventArgs):void;
-      /**
-       * Gets the nodes that stay fixed for the current edit.
-       * @protected
-       * @type {yfiles.collections.ICollection.<yfiles.graph.INode>}
-       */
-      fixedNodes:yfiles.collections.ICollection<yfiles.graph.INode>;
-      /**
-       * Adds the given listener for the <code>CollectSnapLines</code> event that occurs every time this instance has been {@link yfiles.input.SnapContext#dragInitialized initialized} to
-       * collect {@link yfiles.input.OrthogonalSnapLine}s.
-       * <p>
-       * Event handlers should add snap lines to the caller using the methods provided by
-       * {@link yfiles.input.CollectGraphSnapLinesEventArgs}.
-       * </p>
-       * @param {function(Object, yfiles.input.CollectGraphSnapLinesEventArgs): void} listener The listener to add.
-       * @see yfiles.input.GraphSnapContext#removeCollectSnapLinesListener
-       */
-      addCollectSnapLinesListener(listener:(sender:Object,evt:yfiles.input.CollectGraphSnapLinesEventArgs)=>void):void;
-      /**
-       * Removes the given listener for the <code>CollectSnapLines</code> event that occurs every time this instance has been {@link yfiles.input.SnapContext#dragInitialized initialized} to
-       * collect {@link yfiles.input.OrthogonalSnapLine}s.
-       * <p>
-       * Event handlers should add snap lines to the caller using the methods provided by
-       * {@link yfiles.input.CollectGraphSnapLinesEventArgs}.
-       * </p>
-       * @param {function(Object, yfiles.input.CollectGraphSnapLinesEventArgs): void} listener The listener to remove.
-       * @see yfiles.input.GraphSnapContext#addCollectSnapLinesListener
-       */
-      removeCollectSnapLinesListener(listener:(sender:Object,evt:yfiles.input.CollectGraphSnapLinesEventArgs)=>void):void;
-      /**
-       * Determines whether this instance should collect {@link yfiles.input.GraphSnapContext#fixedSegmentSnapLines fixed snap lines} for edge segments.
-       * <p>
-       * The default is <code>true</code>.
-       * </p>
-       * @see yfiles.input.ISnapLineProvider
-       * @see yfiles.input.GraphSnapContext#collectFixedSegmentSnapLines
-       * @default true
-       * @type {boolean}
-       */
-      collectEdgeSnapLines:boolean;
-      /**
-       * Determines whether this instance should collect the sizes of fixed nodes.
-       * <p>
-       * The default is <code>true</code>.
-       * </p>
-       * @see yfiles.input.GraphSnapContext#collectSameSizeEntries
-       * @default true
-       * @type {boolean}
-       */
-      collectNodeSizes:boolean;
-      /**
-       * Determines whether this instance should collect {@link yfiles.input.GraphSnapContext#fixedNodeSnapLines fixed snap lines} for nodes.
-       * <p>
-       * The default is <code>true</code>.
-       * </p>
-       * @see yfiles.input.ISnapLineProvider
-       * @see yfiles.input.GraphSnapContext#collectFixedNodeSnapLines
-       * @default true
-       * @type {boolean}
-       */
-      collectNodeSnapLines:boolean;
-      /**
-       * Determines whether this instance should collect {@link yfiles.input.GraphSnapContext#fixedPortSnapLines fixed snap lines} for ports.
-       * <p>
-       * The default is <code>true</code>.
-       * </p>
-       * @see yfiles.input.ISnapLineProvider
-       * @see yfiles.input.GraphSnapContext#collectFixedPortSnapLines
-       * @default true
-       * @type {boolean}
-       */
-      collectPortSnapLines:boolean;
-      /**
-       * Whether this context will automatically snap the movements of bends so that the two adjacent segments become
-       * horizontally or vertically oriented.
-       * <p>
-       * The default is <code>true</code>.
-       * </p>
-       * @default true
-       * @type {boolean}
-       */
-      snapBendAdjacentSegments:boolean;
-      /**
-       * Whether this context will automatically snap the movements of nodes so that the first and last segments of edges become
-       * orthogonal.
-       * <p>
-       * The default is <code>true</code>.
-       * </p>
-       * @default true
-       * @type {boolean}
-       */
-      snapPortAdjacentSegments:boolean;
-      /**
-       * Determines whether this context will automatically snap orthogonal edge segments to snap lines.
-       * <p>
-       * The default is true.
-       * </p>
-       * @default true
-       * @type {boolean}
-       */
-      snapSegmentsToSnapLines:boolean;
-      /**
-       * Whether this context will automatically snap the bends to snap lines.
-       * <p>
-       * The default is false.
-       * </p>
-       * @default false
-       * @type {boolean}
-       */
-      snapBendsToSnapLines:boolean;
-      /**
-       * Whether {@link yfiles.input.INodeSnapResultProvider} implementations should snap nodes to snap lines.
-       * <p>
-       * The default is true.
-       * </p>
-       * @default true
-       * @type {boolean}
-       */
-      snapNodesToSnapLines:boolean;
-      /**
-       * The preferred distance between node borders.
-       * <p>
-       * This will influence the creation of the node snap lines. For each fixed node there will be snap lines on the borders of
-       * the node itself and around the node at the specified distance.
-       * </p>
-       * <p>
-       * The default is 0.0d which disables distant snap lines around the nodes.
-       * </p>
-       * @default 0.0
-       * @type {number}
-       */
-      nodeToNodeDistance:number;
-      /**
-       * The preferred distance between node borders and edge segments. T
-       * <p>
-       * This will influence the creation of the node snap lines. For each fixed node there will be snap lines on the borders of
-       * the node itself and around the node at the specified distance to which orthogonal edge segments can snap.
-       * </p>
-       * <p>
-       * The default is -1.0d which disables distant snap lines around the nodes for edge segments.
-       * </p>
-       * @default -1.0
-       * @type {number}
-       */
-      nodeToEdgeDistance:number;
-      /**
-       * Gets the preferred distance between edges.
-       * <p>
-       * This will influence the creation of the segment snap lines. For each orthogonally oriented fixed segment there will be
-       * snap lines on the segment itself and to both sides of the segment at the specified distance.
-       * </p>
-       * <p>
-       * The default is 0.0d which disables parallel snap lines.
-       * </p>
-       * @default 0.0
-       * @type {number}
-       */
-      edgeToEdgeDistance:number;
-      /**
-       * Determines whether this context will automatically snap the movement in such a way that the overall move gesture is
-       * constrained to the horizontal or vertical axis.
-       * <p>
-       * The default is false.
-       * </p>
-       * @default false
-       * @type {boolean}
-       */
-      snapOrthogonalMovement:boolean;
-      /**
-       * Determines whether this instance will try to align the centers of adjacent nodes so that their centers are equally far
-       * away from each other.
-       * <p>
-       * Note that this will only make a difference for differently sized nodes.
-       * </p>
-       * <p>
-       * By default this feature is turned off, so that the instance will try to distribute nodes evenly, so that there is the
-       * same spacing between their borders, not between their centers.
-       * </p>
-       * @default false
-       * @type {boolean}
-       */
-      collectNodePairCenterSnapLines:boolean;
-      /**
-       * Gets or sets a value indicating whether this instance will collect pairs of adjacent nodes and add snapping logic so
-       * that moved nodes will snap so that the distances to the adjacent nodes are equal.
-       * @default true
-       * @type {boolean}
-       */
-      collectNodePairSnapLines:boolean;
-      /**
-       * Gets or sets a value indicating whether this instance will collect pairs of adjacent nodes and add snapping logic so
-       * that moved edge segments will snap so that the distances to the adjacent nodes are equal.
-       * @default true
-       * @type {boolean}
-       */
-      collectNodePairSegmentSnapLines:boolean;
-      /**
-       * Gets or sets the type of the grid snapping that should be performed.
-       * <p>
-       * Determines which grid elements an object should snap to.
-       * </p>
-       * @see yfiles.input.GraphSnapContext#nodeGridConstraintProvider
-       * @see yfiles.input.GraphSnapContext#bendGridConstraintProvider
-       * @see yfiles.input.GraphSnapContext#portGridConstraintProvider
-       * @default 0
-       * @type {yfiles.input.GridSnapTypes}
-       */
-      gridSnapType:yfiles.input.GridSnapTypes;
-      /**
-       * Gets or sets the GridSnapDistance.
-       * <p>
-       * The maximum distance between the current mouse coordinates and the coordinates to which the mouse will snap. The
-       * distance is interpreted in view coordinates.
-       * </p>
-       * @default 10.0
-       * @type {number}
-       */
-      gridSnapDistance:number;
-      /**
-       * Gets or sets the grid constraint provider for the {@link yfiles.graph.INode}s.
-       * @type {yfiles.input.IGridConstraintProvider.<yfiles.graph.INode>}
-       */
-      nodeGridConstraintProvider:yfiles.input.IGridConstraintProvider<yfiles.graph.INode>;
-      /**
-       * Gets or sets the grid constraint provider for the {@link yfiles.graph.IBend}s.
-       * @type {yfiles.input.IGridConstraintProvider.<yfiles.graph.IBend>}
-       */
-      bendGridConstraintProvider:yfiles.input.IGridConstraintProvider<yfiles.graph.IBend>;
-      /**
-       * Gets or sets the grid constraint provider for the {@link yfiles.graph.IPort}s.
-       * @type {yfiles.input.IGridConstraintProvider.<yfiles.graph.IPort>}
-       */
-      portGridConstraintProvider:yfiles.input.IGridConstraintProvider<yfiles.graph.IPort>;
-      /**
-       * Gets or sets the amount by which snap lines that are induced by existing edge segments and node borders are being
-       * extended.
-       * <p>
-       * The default is <code>40.0d</code>, this value will be used to extend the ends of the snap lines.
-       * </p>
-       * @default 40.0
-       * @type {number}
-       */
-      snapLineExtension:number;
-      /**
-       * Gets or sets a value indicating whether to crop the snap lines at obstacles.
-       * <p>
-       * The default is <code>true</code>
-       * </p>
-       * @type {boolean}
-       */
-      cropSnapLines:boolean;
-      /**
-       * The collection of {@link yfiles.input.OrthogonalSnapLine}s for fixed nodes.
-       * <p>
-       * This collection is only available if {@link yfiles.input.SnapContext#isInitialized} is <code>true</code>.
-       * </p>
-       * @see yfiles.input.GraphSnapContext#getFixedNodeSnapLines
-       * @type {yfiles.collections.IEnumerable.<yfiles.input.OrthogonalSnapLine>}
-       */
-      fixedNodeSnapLines:yfiles.collections.IEnumerable<yfiles.input.OrthogonalSnapLine>;
-      /**
-       * The collection of {@link yfiles.input.OrthogonalSnapLine}s for fixed segments.
-       * <p>
-       * This collection is only available if {@link yfiles.input.SnapContext#isInitialized} is <code>true</code>.
-       * </p>
-       * @see yfiles.input.GraphSnapContext#getFixedSegmentSnapLines
-       * @type {yfiles.collections.IEnumerable.<yfiles.input.OrthogonalSnapLine>}
-       */
-      fixedSegmentSnapLines:yfiles.collections.IEnumerable<yfiles.input.OrthogonalSnapLine>;
-      /**
-       * The collection of {@link yfiles.input.OrthogonalSnapLine}s to which ports should be snapping.
-       * <p>
-       * This collection is only available if {@link yfiles.input.SnapContext#isInitialized} is <code>true</code>.
-       * </p>
-       * @see yfiles.input.GraphSnapContext#getFixedPortSnapLines
-       * @type {yfiles.collections.IEnumerable.<yfiles.input.OrthogonalSnapLine>}
-       */
-      fixedPortSnapLines:yfiles.collections.IEnumerable<yfiles.input.OrthogonalSnapLine>;
-      /**
-       * The collection of additional {@link yfiles.input.OrthogonalSnapLine}s.
-       * <p>
-       * This collection is only available if {@link yfiles.input.SnapContext#isInitialized} is <code>true</code>.
-       * </p>
-       * @see yfiles.input.GraphSnapContext#getAdditionalSnapLines
-       * @type {yfiles.collections.IEnumerable.<yfiles.input.OrthogonalSnapLine>}
-       */
-      additionalSnapLines:yfiles.collections.IEnumerable<yfiles.input.OrthogonalSnapLine>;
-      static $class:yfiles.lang.Class;
-    }
-    export enum MoveTypes{
-      /**
-       * The element does not move at all during the edit.
-       */
-      FIXED,
-      /**
-       * The element moves linearly with the mouse in horizontal direction.
-       */
-      LINEAR_MOVE_X,
-      /**
-       * The element moves linearly with the mouse in vertical direction.
-       */
-      LINEAR_MOVE_Y,
-      /**
-       * The element moves linearly with the mouse in both directions.
-       */
-      LINEAR_MOVE,
-      /**
-       * The element moves in horizontal direction but not linearly/predictably with the mouse.
-       * <p>
-       * A typical example is a port whose position is adjusted during a resize of its owning node.
-       * </p>
-       * <p>
-       * Elements which do not move linearly with the mouse cannot snap to a defined position.
-       * </p>
-       */
-      ARBITRARY_MOVE_X,
-      /**
-       * The element moves in vertical direction but not linearly/predictably with the mouse.
-       * <p>
-       * A typical example is a port whose position is adjusted during a resize of its owning node.
-       * </p>
-       * <p>
-       * Elements which do not move linearly with the mouse cannot snap to a defined position.
-       * </p>
-       */
-      ARBITRARY_MOVE_Y,
-      /**
-       * The element moves in both directions but not linearly/predictably with the mouse.
-       * <p>
-       * A typical example is a port whose position is adjusted during a resize of its owning node.
-       * </p>
-       * <p>
-       * Elements which do not move linearly with the mouse cannot snap to a defined position.
-       * </p>
-       */
-      ARBITRARY_MOVE,
-      /**
-       * The bitwise combination of {@link yfiles.input.MoveTypes#LINEAR_MOVE_X} and {@link yfiles.input.MoveTypes#ARBITRARY_MOVE_X}
-       */
-      MOVEMENT_X,
-      /**
-       * The bitwise combination of {@link yfiles.input.MoveTypes#LINEAR_MOVE_Y} and {@link yfiles.input.MoveTypes#ARBITRARY_MOVE_Y}
-       */
-      MOVEMENT_Y
-    }
-    /**
-     * A helper class that is used in the context of {@link yfiles.input.GraphSnapContext} to describe the movement of entities during
-     * the edit process.
-     * @class yfiles.input.MovementInfo
-     */
-    export interface MovementInfo extends Object{}
-    export class MovementInfo {
-      /**
-       * Initializes a new instance of the {@link yfiles.input.MovementInfo} class.
-       * @param {yfiles.geometry.Point} originalLocation The original location.
-       * @param {yfiles.input.MoveTypes} moveType The type of the move.
-       * @param {yfiles.graph.IModelItem} movedItem The item that is being moved.
-       * @protected
-       * @constructor
-       */
-      constructor(originalLocation:yfiles.geometry.Point,moveType:yfiles.input.MoveTypes,movedItem:yfiles.graph.IModelItem);
-      /**
-       * Gets the new x coordinate of the element if the mouse has been moved by <code>dx</code> during the gesture.
-       * <p>
-       * This takes the {@link yfiles.input.MovementInfo#moveType} and {@link yfiles.input.MovementInfo#originalLocation} into account.
-       * </p>
-       * @param {number} dx The delta x coordinate.
-       * @returns {number} The new x coordinate.
-       */
-      getX(dx:number):number;
-      /**
-       * Gets the new y coordinate of the element if the mouse has been moved by <code>dy</code> during the gesture.
-       * <p>
-       * This takes the {@link yfiles.input.MovementInfo#moveType} and {@link yfiles.input.MovementInfo#originalLocation} into account.
-       * </p>
-       * @param {number} dy The delta y coordinate.
-       * @returns {number} The new y coordinate.
-       */
-      getY(dy:number):number;
-      /**
-       * Determines whether this instances moves synchronized with the provided info.
-       * @param {yfiles.input.MovementInfo} info The info to check.
-       * @returns {boolean} Whether this info and the given info move horizontally synchronized.
-       * @see yfiles.input.MovementInfo#horizontalAnchor
-       */
-      movesHorizontallySynchronizedWith(info:yfiles.input.MovementInfo):boolean;
-      /**
-       * Determines whether this instances moves synchronized with the provided info.
-       * @param {yfiles.input.MovementInfo} info The info to check.
-       * @returns {boolean} Whether this info and the given info move vertically synchronized.
-       * @see yfiles.input.MovementInfo#verticalAnchor
-       */
-      movesVerticallySynchronizedWith(info:yfiles.input.MovementInfo):boolean;
-      /**
-       * Gets the item that is being moved.
-       * @type {yfiles.graph.IModelItem}
-       */
-      movedItem:yfiles.graph.IModelItem;
-      /**
-       * Gets or sets the horizontal movement info to which this info is anchored horizontally.
-       * <p>
-       * This info can be declared to be implicitly anchored to another info. Method {@link yfiles.input.MovementInfo#movesHorizontallySynchronizedWith}
-       * will try to match against the anchors to determine if two infos are moving synchronized.
-       * </p>
-       * @type {yfiles.input.MovementInfo}
-       */
-      horizontalAnchor:yfiles.input.MovementInfo;
-      /**
-       * Gets or sets the vertical movement info to which this info is anchored vertically.
-       * <p>
-       * This info can be declared to be implicitly anchored to another info. Method {@link yfiles.input.MovementInfo#movesVerticallySynchronizedWith}
-       * will try to match against the anchors to determine if two infos are moving synchronized.
-       * </p>
-       * @type {yfiles.input.MovementInfo}
-       */
-      verticalAnchor:yfiles.input.MovementInfo;
-      /**
-       * Gets the original location of the element at the time the editing started.
-       * @type {yfiles.geometry.Point}
-       */
-      originalLocation:yfiles.geometry.Point;
-      /**
-       * Gets the current location as a live point.
-       * @abstract
-       * @type {yfiles.geometry.IPoint}
-       */
-      currentLocation:yfiles.geometry.IPoint;
-      /**
-       * Indicates the type of the movement for this instance.
-       * @type {yfiles.input.MoveTypes}
-       */
-      moveType:yfiles.input.MoveTypes;
-      /**
-       * Gets a value indicating whether the y coordinate of the item is fixed during the move operation.
-       * @type {boolean}
-       */
-      isVerticallyFixed:boolean;
-      /**
-       * Gets a value indicating whether the x coordinate of the item is fixed during the move operation.
-       * @type {boolean}
-       */
-      isHorizontallyFixed:boolean;
-      static $class:yfiles.lang.Class;
-    }
-    /**
-     * A snap line is a line segment in the world coordinate system to which other items (lines or points) snap during
-     * interactive movements.
-     * <p>
-     * {@link yfiles.input.GraphSnapContext} and {@link yfiles.input.LabelSnapContext} make use of this class to interactively snap moving
-     * elements to snap lines.
-     * </p>
-     * @class yfiles.input.SnapLine
-     */
-    export interface SnapLine extends Object{}
-    export class SnapLine {
-      /**
-       * Creates a new snap line using the provided attributes.
-       * @param {yfiles.input.SnapLineSnapTypes} snapType The type of the line that describes how other items will snap to this line. This is one of
-       * {@link yfiles.input.SnapLineSnapTypes#TOP}, {@link yfiles.input.SnapLineSnapTypes#BOTTOM}, {@link yfiles.input.SnapLineSnapTypes#LEFT},
-       * {@link yfiles.input.SnapLineSnapTypes#RIGHT}, or {@link yfiles.input.SnapLineSnapTypes#CENTER}.
-       * @param {string} resourceKey A resource key which determines the visual representation of this snap line.
-       * @param {yfiles.geometry.Point} coordinates The coordinates of the center point of the snap line.
-       * @param {yfiles.geometry.Point} from The first location that delimits this snap line.
-       * @param {yfiles.geometry.Point} to The second location that delimits this snap line.
-       * @param {Object} tag A tag that is associated with this snap line - see {@link yfiles.input.SnapLine#tag} for a typical use of this value.
-       * @param {number} weight The weight (importance) of this snap line. If more than one snap line is snapped to, the one with the greater weight
-       * will be used.
-       * @constructor
-       */
-      constructor(snapType:yfiles.input.SnapLineSnapTypes,resourceKey:string,coordinates:yfiles.geometry.Point,from:yfiles.geometry.Point,to:yfiles.geometry.Point,tag:Object,weight:number);
-      /**
-       * Resource key which determines a snap line having a fixed visualization independent of the {@link yfiles.input.SnapResult}.
+       * An event recognizer that recognizes when any key has been pressed.
        * @const
        * @static
-       * @type {string}
+       * @type {function(Object, yfiles.lang.EventArgs): boolean}
        */
-      static SNAP_LINE_FIXED_LINE_KEY:string;
+      static KEY_PRESSED:(eventSource:Object,evt:yfiles.lang.EventArgs)=>boolean;
       /**
-       * Resource key which determines a snap line with three special locations, for example the start, end and center of an edge
-       * segment.
+       * An event recognizer that recognizes when any key has been typed.
        * @const
        * @static
-       * @type {string}
+       * @type {function(Object, yfiles.lang.EventArgs): boolean}
        */
-      static SNAP_LINE_EDGE_SEGMENT_KEY:string;
+      static KEY_TYPED:(eventSource:Object,evt:yfiles.lang.EventArgs)=>boolean;
       /**
-       * Resource key which determines a grid snap line having a fixed visualization independent of the {@link yfiles.input.SnapResult}.
+       * An event recognizer that recognizes when any key has been released.
        * @const
        * @static
-       * @type {string}
+       * @type {function(Object, yfiles.lang.EventArgs): boolean}
        */
-      static GRID_LINE_FIXED_LINE_KEY:string;
+      static KEY_RELEASED:(eventSource:Object,evt:yfiles.lang.EventArgs)=>boolean;
       /**
-       * Resource key which determines a decorated snap line between the {@link yfiles.input.SnapLine#coordinates} and the snapped coordinates.
+       * An event recognizer that recognizes when escape has been pressed.
        * @const
        * @static
-       * @type {string}
+       * @type {function(Object, yfiles.lang.EventArgs): boolean}
        */
-      static SNAP_LINE_VARIABLE_LINE_KEY:string;
+      static ESCAPE_PRESSED:(eventSource:Object,evt:yfiles.lang.EventArgs)=>boolean;
       /**
-       * Resource key which determines a blank line between the {@link yfiles.input.SnapLine#coordinates} and the snapped coordinates.
+       * An event recognizer that recognizes when delete has been pressed.
        * @const
        * @static
-       * @type {string}
+       * @type {function(Object, yfiles.lang.EventArgs): boolean}
        */
-      static SNAP_LINE_BLANK_VARIABLE_LINE_KEY:string;
+      static DELETE_PRESSED:(eventSource:Object,evt:yfiles.lang.EventArgs)=>boolean;
       /**
-       * Resource key which determines a decorated line between the {@link yfiles.input.SnapLine#coordinates} and the snapped coordinates that is extended on both sides.
+       * An event recognizer that recognizes when escape has been released.
        * @const
        * @static
-       * @type {string}
+       * @type {function(Object, yfiles.lang.EventArgs): boolean}
        */
-      static SNAP_LINE_EXTENDED_VARIABLE_LINE_KEY:string;
+      static ESCAPE_RELEASED:(eventSource:Object,evt:yfiles.lang.EventArgs)=>boolean;
       /**
-       * Resource key which determines a snap line which lets an item snap in a defined distance to another graph item.
+       * An event recognizer that recognizes when the shift modifier is active.
        * @const
        * @static
-       * @type {string}
+       * @type {function(Object, yfiles.lang.EventArgs): boolean}
        */
-      static SNAP_LINE_FIXED_DISTANCE_KEY:string;
+      static SHIFT_PRESSED:(eventSource:Object,evt:yfiles.lang.EventArgs)=>boolean;
       /**
-       * Resource key which determines a snap line which lets an item snap in the center between the bounds of two other items.
+       * An event recognizer that recognizes when the alt modifier is active.
        * @const
        * @static
-       * @type {string}
+       * @type {function(Object, yfiles.lang.EventArgs): boolean}
        */
-      static SNAP_LINE_CENTER_BETWEEN_BOUNDS_KEY:string;
+      static ALT_PRESSED:(eventSource:Object,evt:yfiles.lang.EventArgs)=>boolean;
       /**
-       * Resource key which determines a snap line which lets an item snap in the center between the centers of two other items.
+       * An event recognizer that recognizes when the ctrl modifier is active.
        * @const
        * @static
-       * @type {string}
+       * @type {function(Object, yfiles.lang.EventArgs): boolean}
        */
-      static SNAP_LINE_CENTER_BETWEEN_CENTERS_KEY:string;
+      static CONTROL_PRESSED:(eventSource:Object,evt:yfiles.lang.EventArgs)=>boolean;
       /**
-       * Resource key which determines a snap line which lets an item snap if it has an equal distance to two other items.
-       * @const
-       * @static
-       * @type {string}
-       */
-      static SNAP_LINE_EQUAL_DISTANCE_BETWEEN_BOUNDS_KEY:string;
-      /**
-       * Resource key which determines a snap line which lets an item snap if it's center has an equal distance to the centers'
-       * of two other items.
-       * @const
-       * @static
-       * @type {string}
-       */
-      static SNAP_LINE_EQUAL_DISTANCE_BETWEEN_CENTERS_KEY:string;
-      /**
-       * Resource key which determines the snapping of a resized item if it's new width is equal to another item.
-       * @const
-       * @static
-       * @type {string}
-       */
-      static SNAP_LINE_EQUAL_WIDTH_KEY:string;
-      /**
-       * Resource key which determines the snapping of a resized item if it's new height is equal to another item.
-       * @const
-       * @static
-       * @type {string}
-       */
-      static SNAP_LINE_EQUAL_HEIGHT_KEY:string;
-      /**
-       * Resource key which determines the snapping of an item to a grid position.
-       * @const
-       * @static
-       * @type {string}
-       */
-      static SNAP_TO_GRID_KEY:string;
-      /**
-       * Resource key which determines the {@link yfiles.view.Stroke} used for the snap line visualization.
-       * @const
-       * @static
-       * @type {string}
-       */
-      static SNAP_LINE_STROKE_KEY:string;
-      /**
-       * The type of the line that describes how other items will snap to this line.
+       * An event recognizer that recognizes when the Meta modifier is active.
        * <p>
-       * his is one of {@link yfiles.input.SnapLineSnapTypes#TOP}, {@link yfiles.input.SnapLineSnapTypes#BOTTOM},
-       * {@link yfiles.input.SnapLineSnapTypes#LEFT}, {@link yfiles.input.SnapLineSnapTypes#RIGHT}, or {@link yfiles.input.SnapLineSnapTypes#CENTER}.
-       * </p>
-       * @type {yfiles.input.SnapLineSnapTypes}
-       */
-      snapType:yfiles.input.SnapLineSnapTypes;
-      /**
-       * The coordinates of the center point of the snap line.
-       * @type {yfiles.geometry.Point}
-       */
-      coordinates:yfiles.geometry.Point;
-      /**
-       * The tag that is associated with this snap line. The tag is most commonly used for the {@link yfiles.input.SnapResult#tag snap result tag}.
-       * @type {Object}
-       */
-      tag:Object;
-      /**
-       * The weight/importance of this snap line.
-       * <p>
-       * Greater values indicate greater importance.
-       * </p>
-       * @type {number}
-       */
-      weight:number;
-      /**
-       * The first location that delimits this snap line.
-       * @type {yfiles.geometry.Point}
-       */
-      from:yfiles.geometry.Point;
-      /**
-       * The second location that delimits this snap line.
-       * @type {yfiles.geometry.Point}
-       */
-      to:yfiles.geometry.Point;
-      /**
-       * The resource key which determines the visual appearance of the snap line.
-       * @type {string}
-       */
-      resourceKey:string;
-      static $class:yfiles.lang.Class;
-    }
-    /**
-     * An orthogonal snap line, in other words, one that is parallel to the x or y axis.
-     * @class yfiles.input.OrthogonalSnapLine
-     * @extends {yfiles.input.SnapLine}
-     */
-    export interface OrthogonalSnapLine extends yfiles.input.SnapLine{}
-    export class OrthogonalSnapLine {
-      /**
-       * Creates a new snap line using the provided attributes.
-       * @param {yfiles.input.SnapLineOrientation} orientation The orientation of the snap line. This is one of {@link yfiles.input.SnapLineOrientation#HORIZONTAL} or
-       * {@link yfiles.input.SnapLineOrientation#VERTICAL}.
-       * @param {yfiles.input.SnapLineSnapTypes} snapType The type of the line that describes how other items will snap to this line. This is one of
-       * {@link yfiles.input.SnapLineSnapTypes#TOP}, {@link yfiles.input.SnapLineSnapTypes#BOTTOM}, {@link yfiles.input.SnapLineSnapTypes#LEFT},
-       * {@link yfiles.input.SnapLineSnapTypes#RIGHT}, or {@link yfiles.input.SnapLineSnapTypes#CENTER}.
-       * @param {string} resourceKey A resource key which determines the visual representation of this snap line.
-       * @param {yfiles.geometry.Point} coordinates The coordinates of the center point of the snap line.
-       * @param {Object} tag A tag that is associated with this snap line - see {@link yfiles.input.SnapLine#tag} for a typical use of this value.
-       * @param {number} weight The weight (importance) of this snap line. If more than one snap line is snapped to, the one with the greater weight
-       * will be used.
-       * @constructor
-       */
-      constructor(orientation:yfiles.input.SnapLineOrientation,snapType:yfiles.input.SnapLineSnapTypes,resourceKey:string,coordinates:yfiles.geometry.Point,tag:Object,weight:number);
-      /**
-       * Creates a new snap line using the provided attributes.
-       * @param {yfiles.input.SnapLineOrientation} orientation The orientation of the snap line. This is one of {@link yfiles.input.SnapLineOrientation#HORIZONTAL} or
-       * {@link yfiles.input.SnapLineOrientation#VERTICAL}.
-       * @param {yfiles.input.SnapLineSnapTypes} snapType The type of the line that describes how other items will snap to this line. This is one of
-       * {@link yfiles.input.SnapLineSnapTypes#TOP}, {@link yfiles.input.SnapLineSnapTypes#BOTTOM}, {@link yfiles.input.SnapLineSnapTypes#LEFT},
-       * {@link yfiles.input.SnapLineSnapTypes#RIGHT}, or {@link yfiles.input.SnapLineSnapTypes#CENTER}.
-       * @param {string} resourceKey A resource key which determines the visual representation of this snap line.
-       * @param {yfiles.geometry.Point} coordinates The coordinates of the center point of the snap line.
-       * @param {number} from The smaller value of the coordinate that delimits this snap line.
-       * @param {number} to The greater value of the coordinate that delimits this snap line.
-       * @param {Object} tag A tag that is associated with this snap line - see {@link yfiles.input.SnapLine#tag} for a typical use of this value.
-       * @param {number} weight The weight (importance) of this snap line. If more than one snap line is snapped to, the one with the greater weight
-       * will be used.
-       * @constructor
-       */
-      constructor(orientation:yfiles.input.SnapLineOrientation,snapType:yfiles.input.SnapLineSnapTypes,resourceKey:string,coordinates:yfiles.geometry.Point,from:number,to:number,tag:Object,weight:number);
-      /**
-       * The orientation of the snap line.
-       * <p>
-       * This is one of {@link yfiles.input.SnapLineOrientation#HORIZONTAL} or {@link yfiles.input.SnapLineOrientation#VERTICAL}.
-       * </p>
-       * @type {yfiles.input.SnapLineOrientation}
-       */
-      orientation:yfiles.input.SnapLineOrientation;
-      static $class:yfiles.lang.Class;
-    }
-    /**
-     * A specialized {@link yfiles.input.OrthogonalSnapLine} that stores a {@link yfiles.input.NodeBasedSnapLine#node} as additional information that can be used for the
-     * visualization.
-     * @class yfiles.input.NodeBasedSnapLine
-     * @extends {yfiles.input.OrthogonalSnapLine}
-     */
-    export interface NodeBasedSnapLine extends yfiles.input.OrthogonalSnapLine{}
-    export class NodeBasedSnapLine {
-      /**
-       * Initializes a new instance of the {@link yfiles.input.NodeBasedSnapLine} class.
-       * @param {yfiles.graph.INode} node The node to assign to {@link yfiles.input.NodeBasedSnapLine#node}.
-       * @param {yfiles.input.SnapLineOrientation} orientation The orientation of the snap line. This is one of {@link yfiles.input.SnapLineOrientation#HORIZONTAL} or
-       * {@link yfiles.input.SnapLineOrientation#VERTICAL}.
-       * @param {yfiles.input.SnapLineSnapTypes} snapType The type of the line that describes how other items will snap to this line. This is one of
-       * {@link yfiles.input.SnapLineSnapTypes#TOP}, {@link yfiles.input.SnapLineSnapTypes#BOTTOM}, {@link yfiles.input.SnapLineSnapTypes#LEFT},
-       * {@link yfiles.input.SnapLineSnapTypes#RIGHT}, or {@link yfiles.input.SnapLineSnapTypes#CENTER}.
-       * @param {string} resourceKey A resource key which determines the visual representation of this snap line.
-       * @param {yfiles.geometry.Point} coordinates The coordinates of the center point of the snap line.
-       * @param {Object} tag A tag that is associated with this snap line - see {@link yfiles.input.SnapLine#tag} for a typical use of this value.
-       * @param {number} weight The weight (importance) of this snap line. If more than one snap line is snapped to, the one with the greater weight
-       * will be used.
-       * @param {number} from The smaller value of the coordinate that delimits this snap line.
-       * @param {number} to The greater value of the coordinate that delimits this snap line.
-       * @constructor
-       */
-      constructor(node:yfiles.graph.INode,orientation:yfiles.input.SnapLineOrientation,snapType:yfiles.input.SnapLineSnapTypes,resourceKey:string,coordinates:yfiles.geometry.Point,from:number,to:number,tag:Object,weight:number);
-      /**
-       * Initializes a new instance of the {@link yfiles.input.NodeBasedSnapLine} class.
-       * @param {yfiles.graph.INode} node The node to assign to {@link yfiles.input.NodeBasedSnapLine#node}.
-       * @param {yfiles.input.SnapLineOrientation} orientation The orientation of the snap line. This is one of {@link yfiles.input.SnapLineOrientation#HORIZONTAL} or
-       * {@link yfiles.input.SnapLineOrientation#VERTICAL}.
-       * @param {yfiles.input.SnapLineSnapTypes} snapType The type of the line that describes how other items will snap to this line. This is one of
-       * {@link yfiles.input.SnapLineSnapTypes#TOP}, {@link yfiles.input.SnapLineSnapTypes#BOTTOM}, {@link yfiles.input.SnapLineSnapTypes#LEFT},
-       * {@link yfiles.input.SnapLineSnapTypes#RIGHT}, or {@link yfiles.input.SnapLineSnapTypes#CENTER}.
-       * @param {string} resourceKey A resource key which determines the visual representation of this snap line.
-       * @param {yfiles.geometry.Point} coordinates The coordinates of the center point of the snap line.
-       * @param {Object} tag A tag that is associated with this snap line - see {@link yfiles.input.SnapLine#tag} for a typical use of this value.
-       * @param {number} weight The weight (importance) of this snap line. If more than one snap line is snapped to, the one with the greater weight
-       * will be used.
-       * @constructor
-       */
-      constructor(node:yfiles.graph.INode,orientation:yfiles.input.SnapLineOrientation,snapType:yfiles.input.SnapLineSnapTypes,resourceKey:string,coordinates:yfiles.geometry.Point,tag:Object,weight:number);
-      /**
-       * Gets the node that is associated with this snap line.
-       * <p>
-       * Usually this is the instance that induced this snap line.
-       * </p>
-       * @type {yfiles.graph.INode}
-       */
-      node:yfiles.graph.INode;
-      static $class:yfiles.lang.Class;
-    }
-    /**
-     * A specialized {@link yfiles.input.OrthogonalSnapLine} that stores two {@link yfiles.graph.INode nodes} as additional information that can be used for the
-     * visualization.
-     * @see yfiles.input.NodePairBasedSnapLine#firstNode
-     * @see yfiles.input.NodePairBasedSnapLine#secondNode
-     * @class yfiles.input.NodePairBasedSnapLine
-     * @extends {yfiles.input.OrthogonalSnapLine}
-     */
-    export interface NodePairBasedSnapLine extends yfiles.input.OrthogonalSnapLine{}
-    export class NodePairBasedSnapLine {
-      /**
-       * Initializes a new instance of the {@link yfiles.input.NodePairBasedSnapLine} class.
-       * @param {yfiles.graph.INode} firstNode The first node to assign to {@link yfiles.input.NodePairBasedSnapLine#firstNode}.
-       * @param {yfiles.graph.INode} secondNode The second node to assign to {@link yfiles.input.NodePairBasedSnapLine#secondNode}.
-       * @param {yfiles.input.SnapLineOrientation} orientation The orientation of the snap line. This is one of {@link yfiles.input.SnapLineOrientation#HORIZONTAL} or
-       * {@link yfiles.input.SnapLineOrientation#VERTICAL}.
-       * @param {yfiles.input.SnapLineSnapTypes} snapType The type of the line that describes how other items will snap to this line. This is one of
-       * {@link yfiles.input.SnapLineSnapTypes#TOP}, {@link yfiles.input.SnapLineSnapTypes#BOTTOM}, {@link yfiles.input.SnapLineSnapTypes#LEFT},
-       * {@link yfiles.input.SnapLineSnapTypes#RIGHT}, or {@link yfiles.input.SnapLineSnapTypes#CENTER}.
-       * @param {string} resourceKey A resource key which determines the visual representation of this snap line.
-       * @param {yfiles.geometry.Point} coordinates The coordinates of the center point of the snap line.
-       * @param {Object} tag A tag that is associated with this snap line - see {@link yfiles.input.SnapLine#tag} for a typical use of this value.
-       * @param {number} weight The weight (importance) of this snap line. If more than one snap line is snapped to, the one with the greater weight
-       * will be used.
-       * @param {number} from The smaller value of the coordinate that delimits this snap line.
-       * @param {number} to The greater value of the coordinate that delimits this snap line.
-       * @constructor
-       */
-      constructor(firstNode:yfiles.graph.INode,secondNode:yfiles.graph.INode,orientation:yfiles.input.SnapLineOrientation,snapType:yfiles.input.SnapLineSnapTypes,resourceKey:string,coordinates:yfiles.geometry.Point,from:number,to:number,tag:Object,weight:number);
-      /**
-       * Initializes a new instance of the {@link yfiles.input.NodePairBasedSnapLine} class.
-       * @param {yfiles.graph.INode} firstNode The first node to assign to {@link yfiles.input.NodePairBasedSnapLine#firstNode}.
-       * @param {yfiles.graph.INode} secondNode The second node to assign to {@link yfiles.input.NodePairBasedSnapLine#secondNode}.
-       * @param {yfiles.input.SnapLineOrientation} orientation The orientation of the snap line. This is one of {@link yfiles.input.SnapLineOrientation#HORIZONTAL} or
-       * {@link yfiles.input.SnapLineOrientation#VERTICAL}.
-       * @param {yfiles.input.SnapLineSnapTypes} snapType The type of the line that describes how other items will snap to this line. This is one of
-       * {@link yfiles.input.SnapLineSnapTypes#TOP}, {@link yfiles.input.SnapLineSnapTypes#BOTTOM}, {@link yfiles.input.SnapLineSnapTypes#LEFT},
-       * {@link yfiles.input.SnapLineSnapTypes#RIGHT}, or {@link yfiles.input.SnapLineSnapTypes#CENTER}.
-       * @param {string} resourceKey A resource key which determines the visual representation of this snap line.
-       * @param {yfiles.geometry.Point} coordinates The coordinates of the center point of the snap line.
-       * @param {Object} tag A tag that is associated with this snap line - see {@link yfiles.input.SnapLine#tag} for a typical use of this value.
-       * @param {number} weight The weight (importance) of this snap line. If more than one snap line is snapped to, the one with the greater weight
-       * will be used.
-       * @constructor
-       */
-      constructor(firstNode:yfiles.graph.INode,secondNode:yfiles.graph.INode,orientation:yfiles.input.SnapLineOrientation,snapType:yfiles.input.SnapLineSnapTypes,resourceKey:string,coordinates:yfiles.geometry.Point,tag:Object,weight:number);
-      /**
-       * Gets the first node that is associated with this snap line.
-       * <p>
-       * Usually this is one of the instances that induced this snap line.
-       * </p>
-       * @type {yfiles.graph.INode}
-       */
-      firstNode:yfiles.graph.INode;
-      /**
-       * Gets the second node that is associated with this snap line.
-       * <p>
-       * Usually this is one of the instances that induced this snap line.
-       * </p>
-       * @type {yfiles.graph.INode}
-       */
-      secondNode:yfiles.graph.INode;
-      static $class:yfiles.lang.Class;
-    }
-    /**
-     * A specialized {@link yfiles.input.OrthogonalSnapLine} that stores a {@link yfiles.input.PointBasedSnapLine#point} instance as additional information that can be used for the
-     * visualization.
-     * @class yfiles.input.PointBasedSnapLine
-     * @extends {yfiles.input.OrthogonalSnapLine}
-     */
-    export interface PointBasedSnapLine extends yfiles.input.OrthogonalSnapLine{}
-    export class PointBasedSnapLine {
-      /**
-       * Initializes a new instance of the {@link yfiles.input.PointBasedSnapLine} class.
-       * @param {yfiles.geometry.IPoint} point The point to assign to {@link yfiles.input.PointBasedSnapLine#point}.
-       * @param {yfiles.input.SnapLineOrientation} orientation The orientation of the snap line. This is one of {@link yfiles.input.SnapLineOrientation#HORIZONTAL} or
-       * {@link yfiles.input.SnapLineOrientation#VERTICAL}.
-       * @param {yfiles.input.SnapLineSnapTypes} snapType The type of the line that describes how other items will snap to this line. This is one of
-       * {@link yfiles.input.SnapLineSnapTypes#TOP}, {@link yfiles.input.SnapLineSnapTypes#BOTTOM}, {@link yfiles.input.SnapLineSnapTypes#LEFT},
-       * {@link yfiles.input.SnapLineSnapTypes#RIGHT}, or {@link yfiles.input.SnapLineSnapTypes#CENTER}.
-       * @param {string} resourceKey A resource key which determines the visual representation of this snap line.
-       * @param {yfiles.geometry.Point} coordinates The coordinates of the center point of the snap line.
-       * @param {Object} tag A tag that is associated with this snap line - see {@link yfiles.input.SnapLine#tag} for a typical use of this value.
-       * @param {number} weight The weight (importance) of this snap line. If more than one snap line is snapped to, the one with the greater weight
-       * will be used.
-       * @param {number} from The smaller value of the coordinate that delimits this snap line.
-       * @param {number} to The greater value of the coordinate that delimits this snap line.
-       * @constructor
-       */
-      constructor(point:yfiles.geometry.IPoint,orientation:yfiles.input.SnapLineOrientation,snapType:yfiles.input.SnapLineSnapTypes,resourceKey:string,coordinates:yfiles.geometry.Point,from:number,to:number,tag:Object,weight:number);
-      /**
-       * Initializes a new instance of the {@link yfiles.input.PointBasedSnapLine} class.
-       * @param {yfiles.geometry.IPoint} point The point to assign to {@link yfiles.input.PointBasedSnapLine#point}.
-       * @param {yfiles.input.SnapLineOrientation} orientation The orientation of the snap line. This is one of {@link yfiles.input.SnapLineOrientation#HORIZONTAL} or
-       * {@link yfiles.input.SnapLineOrientation#VERTICAL}.
-       * @param {yfiles.input.SnapLineSnapTypes} snapType The type of the line that describes how other items will snap to this line. This is one of
-       * {@link yfiles.input.SnapLineSnapTypes#TOP}, {@link yfiles.input.SnapLineSnapTypes#BOTTOM}, {@link yfiles.input.SnapLineSnapTypes#LEFT},
-       * {@link yfiles.input.SnapLineSnapTypes#RIGHT}, or {@link yfiles.input.SnapLineSnapTypes#CENTER}.
-       * @param {string} resourceKey A resource key which determines the visual representation of this snap line.
-       * @param {yfiles.geometry.Point} coordinates The coordinates of the center point of the snap line.
-       * @param {Object} tag A tag that is associated with this snap line - see {@link yfiles.input.SnapLine#tag} for a typical use of this value.
-       * @param {number} weight The weight (importance) of this snap line. If more than one snap line is snapped to, the one with the greater weight
-       * will be used.
-       * @constructor
-       */
-      constructor(point:yfiles.geometry.IPoint,orientation:yfiles.input.SnapLineOrientation,snapType:yfiles.input.SnapLineSnapTypes,resourceKey:string,coordinates:yfiles.geometry.Point,tag:Object,weight:number);
-      /**
-       * Gets the point that is associated with this snap line.
-       * <p>
-       * Usually this is the instance that induced this snap line.
-       * </p>
-       * @type {yfiles.geometry.IPoint}
-       */
-      point:yfiles.geometry.IPoint;
-      static $class:yfiles.lang.Class;
-    }
-    /**
-     * A specialized {@link yfiles.input.SnapLine} that is parallel to an edge segment and stores that edge.
-     * <p>
-     * In addition to the line itself, this class has three special nape locations the represent the source, center and end
-     * location of the related edge segment. All snap lines of this type have the {@link yfiles.input.SnapLine#snapType} {@link yfiles.input.SnapLineSnapTypes#CENTER} and
-     * the {@link yfiles.input.SnapLine#resourceKey} {@link yfiles.input.SnapLine#SNAP_LINE_EDGE_SEGMENT_KEY}.
-     * </p>
-     * @class yfiles.input.EdgeSegmentSnapLine
-     * @extends {yfiles.input.SnapLine}
-     */
-    export interface EdgeSegmentSnapLine extends yfiles.input.SnapLine{}
-    export class EdgeSegmentSnapLine {
-      /**
-       * Initializes a new instance of the {@link yfiles.input.PointBasedSnapLine} class.
-       * @param {yfiles.graph.IEdge} edge The edge to assign to {@link yfiles.input.EdgeSegmentSnapLine#edge}.
-       * @param {yfiles.geometry.Point} from The first location that delimits this snap line.
-       * @param {yfiles.geometry.Point} to The second location that delimits this snap line.
-       * @param {yfiles.geometry.Point} segmentSource The location that represents the source of the related segment on this line.
-       * @param {yfiles.geometry.Point} segmentTarget The location that represents the target of the related segment on this line.
-       * @param {number} distance The distance of this snap line from its related edge segment.
-       * @param {number} segmentIndex The segment index of the related edge segment.
-       * @param {Object} tag A tag that is associated with this snap line.
-       * @param {number} weight The weight (importance) of this snap line.
-       * @constructor
-       */
-      constructor(edge:yfiles.graph.IEdge,from:yfiles.geometry.Point,to:yfiles.geometry.Point,segmentSource:yfiles.geometry.Point,segmentTarget:yfiles.geometry.Point,distance:number,segmentIndex:number,tag:Object,weight:number);
-      /**
-       * Initializes a new instance of the {@link yfiles.input.PointBasedSnapLine} class.
-       * @param {yfiles.graph.IEdge} edge The edge to assign to {@link yfiles.input.EdgeSegmentSnapLine#edge}.
-       * @param {yfiles.geometry.Point} segmentSource The location that represents the source of the related segment on this line. In addition, this location is used as {@link yfiles.input.SnapLine#from}
-       * location.
-       * @param {yfiles.geometry.Point} segmentTarget The location that represents the target of the related segment on this line. In addition, this location is used as {@link yfiles.input.SnapLine#to}
-       * location.
-       * @param {number} distance The distance of this snap line from its related edge segment.
-       * @param {number} segmentIndex The segment index of the related edge segment.
-       * @constructor
-       */
-      constructor(edge:yfiles.graph.IEdge,segmentSource:yfiles.geometry.Point,segmentTarget:yfiles.geometry.Point,distance:number,segmentIndex:number);
-      /**
-       * Gets the edge that is associated with this snap line.
-       * @type {yfiles.graph.IEdge}
-       */
-      edge:yfiles.graph.IEdge;
-      /**
-       * Gets the direction vector of this snap line.
-       * @type {yfiles.geometry.Point}
-       */
-      direction:yfiles.geometry.Point;
-      /**
-       * Gets the distance of this snap line from its related edge segment.
-       * @type {number}
-       */
-      distance:number;
-      /**
-       * Gets the segment index of the related edge segment.
-       * @type {number}
-       */
-      segmentIndex:number;
-      /**
-       * Gets the location that represents the source of the related segment on this line.
-       * @type {yfiles.geometry.Point}
-       */
-      segmentSource:yfiles.geometry.Point;
-      /**
-       * Gets the location that represents the target of the related segment on this line.
-       * @type {yfiles.geometry.Point}
-       */
-      segmentTarget:yfiles.geometry.Point;
-      /**
-       * Gets and sets the location of the source marker of this snap line.
-       * <p>
-       * If this is <code>null</code>, the location of the {@link yfiles.input.EdgeSegmentSnapLine#segmentSource} is marked instead.
-       * </p>
-       * @type {yfiles.geometry.Point}
-       */
-      sourceMarker:yfiles.geometry.Point;
-      /**
-       * Gets and sets the location of the target marker of this snap line.
-       * <p>
-       * If this is <code>null</code>, the location of the {@link yfiles.input.EdgeSegmentSnapLine#segmentTarget} is marked instead.
-       * </p>
-       * @type {yfiles.geometry.Point}
-       */
-      targetMarker:yfiles.geometry.Point;
-      static $class:yfiles.lang.Class;
-    }
-    export enum SnapLineOrientation{
-      /**
-       * Constant that describes a horizontal {@link yfiles.input.SnapLineOrientation orientation} of a snap line.
-       */
-      HORIZONTAL,
-      /**
-       * Constant that describes a vertical {@link yfiles.input.SnapLineOrientation orientation} of a snap line.
-       */
-      VERTICAL
-    }
-    export enum SnapLineSnapTypes{
-      /**
-       * Describes snap lines to which nothing will snap.
-       */
-      NONE,
-      /**
-       * Describes snap lines to which the top sides of rectangular elements will snap.
-       */
-      TOP,
-      /**
-       * Describes snap lines to which the bottom sides of rectangular elements will snap.
-       */
-      BOTTOM,
-      /**
-       * Describes snap lines to which the left sides of rectangular elements will snap.
-       */
-      LEFT,
-      /**
-       * Describes snap lines to which the right sides of rectangular elements will snap.
-       */
-      RIGHT,
-      /**
-       * Describes snap lines to which the center of elements will snap.
-       */
-      CENTER,
-      /**
-       * Describes vertical snap lines
-       */
-      VERTICAL,
-      /**
-       * Describes horizontal snap lines
-       */
-      HORIZONTAL,
-      /**
-       * Describes snap lines to which all elements will snap at all sides
-       */
-      ALL
-    }
-    /**
-     * A simple default implementation of an {@link yfiles.input.IPortCandidate}.
-     * <p>
-     * Subclasses need to override {@link yfiles.input.DefaultPortCandidate#createInstance} if they don't {@link yfiles.input.DefaultPortCandidate#setInstance set} a port instance.
-     * </p>
-     * @class yfiles.input.DefaultPortCandidate
-     * @implements {yfiles.input.IPortCandidate}
-     */
-    export interface DefaultPortCandidate extends Object,yfiles.input.IPortCandidate{}
-    export class DefaultPortCandidate {
-      /**
-       * Creates a candidate for the given <code>owner</code> that uses the graph's defaults for the port's style and a default parameter for
-       * the given <code>model</code>.
-       * <p>
-       * The {@link yfiles.input.DefaultPortCandidate#locationParameter} is set to the parameter that best matches the {@link yfiles.geometry.Point#ORIGIN origin} for the given <code>model</code>.
-       * </p>
-       * @param {yfiles.graph.IPortOwner} owner The owner.
-       * @param {yfiles.graph.IPortLocationModel} model The model.
-       * @constructor
-       */
-      constructor(owner:yfiles.graph.IPortOwner,model:yfiles.graph.IPortLocationModel);
-      /**
-       * Creates a candidate for the given <code>owner</code> that uses the graph's defaults for the port's style and the given
-       * <code>locationParameter</code>.
-       * <p>
-       * If no <code>locationParameter</code> is given, the used candidate has a fixed location at {@link yfiles.geometry.Point#ORIGIN} that does not
-       * depend on the <code>owner</code>.
-       * </p>
-       * @param {yfiles.graph.IPortOwner} owner The owner.
-       * @param {yfiles.graph.IPortLocationModelParameter} [locationParameter=null] The location.
-       * @param {yfiles.input.PortCandidateValidity} [validity=yfiles.input.PortCandidateValidity.VALID] The validity of the port candidate.
-       * @constructor
-       */
-      constructor(owner:yfiles.graph.IPortOwner,locationParameter?:yfiles.graph.IPortLocationModelParameter,validity?:yfiles.input.PortCandidateValidity);
-      /**
-       * Creates a candidate for the given <code>owner</code> that uses the graph's defaults for the port's style and the given
-       * <code>locationParameter</code>.
-       * <p>
-       * If no <code>locationParameter</code> is given, the used candidate has a fixed location at {@link yfiles.geometry.Point#ORIGIN} that does not
-       * depend on the <code>owner</code>.
-       * </p>
-       * @param {Object} options The parameters to pass.
-       * @param {yfiles.graph.IPortOwner} options.owner The owner.
-       * @param {yfiles.graph.IPortLocationModelParameter} [options.locationParameter=null] The location.
-       * @param {yfiles.input.PortCandidateValidity} [options.validity=yfiles.input.PortCandidateValidity.VALID] The validity of the port candidate.
-       * @constructor
-       */
-      constructor(options:{owner:yfiles.graph.IPortOwner,locationParameter?:yfiles.graph.IPortLocationModelParameter,validity?:yfiles.input.PortCandidateValidity});
-      /**
-       * Creates a candidate using the given port as the template.
-       * @param {yfiles.graph.IPort} port The port to use.
-       * @constructor
-       */
-      constructor(port:yfiles.graph.IPort);
-      /**
-       * Actually creates the {@link yfiles.graph.IPort} instance.
-       * <p>
-       * This method is called in response to a call to {@link yfiles.input.DefaultPortCandidate#createPort} on this instance and the
-       * instances created by {@link yfiles.input.DefaultPortCandidate#getPortCandidateAt}.
-       * </p>
-       * @param {yfiles.input.IInputModeContext} context The input mode context.
-       * @param {yfiles.graph.IGraph} graph The graph to add the port to.
-       * @param {yfiles.graph.IPortLocationModelParameter} locationParameter The parameter to use.
-       * @param {yfiles.styles.IPortStyle} style The style to use.
-       * @param {Object} tag The tag to use.
-       * @returns {yfiles.graph.IPort} The newly created port.
-       * @protected
-       */
-      createInstance(context:yfiles.input.IInputModeContext,graph:yfiles.graph.IGraph,locationParameter:yfiles.graph.IPortLocationModelParameter,style:yfiles.styles.IPortStyle,tag:Object):yfiles.graph.IPort;
-      /**
-       * This implementation will throw a {@link Stubs.Exceptions.NotSupportedError} if the validity is
-       * {@link yfiles.input.PortCandidateValidity#DYNAMIC}.
-       * <p>
-       * This implementation will delegate to the {@link yfiles.input.DefaultPortCandidate#createInstance} method.
-       * </p>
-       * @param {yfiles.input.IInputModeContext} context
-       * @returns {yfiles.graph.IPort} 
-       */
-      createPort(context:yfiles.input.IInputModeContext):yfiles.graph.IPort;
-      /**
-       * Returns a candidate that is derived from this instance that best fits the provided <code>location</code>.
-       * <p>
-       * The returned implementation will finally call {@link yfiles.input.DefaultPortCandidate#createInstance} using the newly
-       * calculated {@link yfiles.input.DefaultPortCandidate#locationParameter}.
-       * </p>
-       * @param {yfiles.input.IInputModeContext} context The input mode context for which a concrete candidate is queried.
-       * @param {yfiles.geometry.Point} location The location for which a candidate should be returned.
-       * @returns {yfiles.input.IPortCandidate} A {@link yfiles.input.IPortCandidate} implementation whose {@link yfiles.input.DefaultPortCandidate#validity} is guaranteed to be non-{@link yfiles.input.PortCandidateValidity#DYNAMIC}.
-       * @see yfiles.input.DefaultPortCandidate#validity
-       */
-      getPortCandidateAt(context:yfiles.input.IInputModeContext,location:yfiles.geometry.Point):yfiles.input.IPortCandidate;
-      /**
-       * Sets the instance that will be returned by {@link yfiles.input.DefaultPortCandidate#port} and {@link yfiles.input.DefaultPortCandidate#createPort}.
-       * @param {yfiles.graph.IPort} port A port that already exists in the graph or <code>null</code>.
-       */
-      setInstance(port:yfiles.graph.IPort):void;
-      /**
-       * Determines whether this candidate is a valid one depending on the context it has been obtained from.
-       * @default 0
-       * @type {yfiles.input.PortCandidateValidity}
-       */
-      validity:yfiles.input.PortCandidateValidity;
-      /**
-       * Gets or set the tag for this candidate.
-       * <p>
-       * The interpretation of this value is implementation dependent and may be used for visual feedback or interactive
-       * behavior.
-       * </p>
-       * @default null
-       * @type {Object}
-       */
-      candidateTag:Object;
-      /**
-       * Gets or sets the port tag to create the port with.
-       * @default null
-       * @type {Object}
-       */
-      portTag:Object;
-      /**
-       * Gets or sets the model parameter that will be used for the {@link yfiles.graph.IPort#locationParameter} if this candidate is chosen.
-       * <p>
-       * The parameter which may not be <code>null</code>.
-       * </p>
-       * @type {yfiles.graph.IPortLocationModelParameter}
-       */
-      locationParameter:yfiles.graph.IPortLocationModelParameter;
-      /**
-       * The model that will be used by this instance to determine the new {@link yfiles.input.DefaultPortCandidate#locationParameter} if the {@link yfiles.input.DefaultPortCandidate#getPortCandidateAt}
-       * is called and the {@link yfiles.input.DefaultPortCandidate#validity} is set to {@link yfiles.input.PortCandidateValidity#DYNAMIC}.
-       * @default null
-       * @type {yfiles.graph.IPortLocationModel}
-       */
-      model:yfiles.graph.IPortLocationModel;
-      /**
-       * Gets or sets the style to use for the newly created port.
-       * @default null
-       * @type {yfiles.styles.IPortStyle}
-       */
-      style:yfiles.styles.IPortStyle;
-      /**
-       * Gets or sets the owner of the port to be created.
-       * @type {yfiles.graph.IPortOwner}
-       */
-      owner:yfiles.graph.IPortOwner;
-      /**
-       * Returns the instance provided to the constructor or to the {@link yfiles.input.DefaultPortCandidate#setInstance setter}.
-       * @see yfiles.input.DefaultPortCandidate#createPort
-       * @type {yfiles.graph.IPort}
-       */
-      port:yfiles.graph.IPort;
-      static $class:yfiles.lang.Class;
-    }
-    /**
-     * Callback interface for instances that can create bends for a given edge and graph.
-     * <p>
-     * Implementations of this interface may be found in the {@link yfiles.graph.ILookup#lookup} of {@link yfiles.graph.IEdge} instances. This
-     * interface is used by {@link yfiles.input.GraphEditorInputMode} to create new bends for an edge as soon as the user performs the
-     * bend creation gesture.
-     * </p>
-     * @see yfiles.input.GraphEditorInputMode#onCreateBendInputModeBendCreated
-     * @interface
-     */
-    export interface IBendCreator extends Object{
-      /**
-       * Creates a bend at the given graph for the given edge at the position supplied.
-       * @param {yfiles.input.IInputModeContext} context The context for which the bend should be created.
-       * @param {yfiles.graph.IGraph} graph The graph, the edge belongs to.
-       * @param {yfiles.graph.IEdge} edge The edge.
-       * @param {yfiles.geometry.Point} location The preferred coordinates of the bend.
-       * @returns {number} The index of the bend in the edges' {@link yfiles.graph.IEdge#bends} or <code>-1</code> if no bend has been created.
-       * @abstract
-       */
-      createBend(context:yfiles.input.IInputModeContext,graph:yfiles.graph.IGraph,edge:yfiles.graph.IEdge,location:yfiles.geometry.Point):number;
-    }
-    var IBendCreator:{
-      /**
-       * A static instance that does not create any bends.
-       * @const
-       * @static
-       * @type {yfiles.input.IBendCreator}
-       */
-      NO_BENDS?:yfiles.input.IBendCreator;
-      $class:yfiles.lang.Class;
-      isInstance(o:Object):boolean;
-    };
-    /**
-     * Interface that can be used to find bends at specific locations in the canvas.
-     * <p>
-     * This interface is usually provided through the {@link yfiles.graph.ILookup#lookup} of {@link yfiles.graph.IEdge} implementations.
-     * </p>
-     * @interface
-     */
-    export interface IBendSelectionTester extends Object{
-      /**
-       * Returns the bends within the given rectangle.
-       * @param {yfiles.input.IInputModeContext} context The input mode context to use for querying the position.
-       * @param {yfiles.geometry.Rect} rectangle A rectangle in world coordinates.
-       * @returns {yfiles.collections.IEnumerable.<yfiles.graph.IBend>} The bends inside of <code>rectangle</code>.
-       * @abstract
-       */
-      getBendsInBox(context:yfiles.input.IInputModeContext,rectangle:yfiles.geometry.Rect):yfiles.collections.IEnumerable<yfiles.graph.IBend>;
-      /**
-       * Returns the bend at the given world coordinate position.
-       * @param {yfiles.input.IInputModeContext} context The input mode context to use for querying the position.
-       * @param {yfiles.geometry.Point} location A location in world coordinates.
-       * @returns {yfiles.graph.IBend} The bend at the position or <code>null</code> if there is no bend.
-       * @abstract
-       */
-      getHitBend(context:yfiles.input.IInputModeContext,location:yfiles.geometry.Point):yfiles.graph.IBend;
-    }
-    var IBendSelectionTester:{
-      $class:yfiles.lang.Class;
-      isInstance(o:Object):boolean;
-    };
-    /**
-     * An interface that checks for containment of an {@link yfiles.graph.IBend} in 2D coordinate space.
-     * <p>
-     * This interface is used to determine which bends of edges that connect child nodes are moved when the parent node is
-     * moved. Therefore, special care has to be taken if you want to provide this interface in the <b>node lookup</b> for other purposes, as this
-     * can also affect implicit bend movement.
-     * </p>
-     * @interface
-     */
-    export interface IContainsBendTester extends Object{
-      /**
-       * Determines whether the provided <code>bend</code> is deemed to lie within the shape this test is implemented for.
-       * <p>
-       * This method is used to determine which bends of edges that connect child nodes are moved when the parent node is moved.
-       * If an implementation of {@link yfiles.input.IContainsBendTester} is present in the node's {@link yfiles.graph.ILookup#lookup}, this
-       * method is called with the bend and the bend will be moved together with the parent node iff <code>true</code> is returned. If no
-       * implemention is provided, only bends that lie inside the bounds of the parent node are moved.
-       * </p>
-       * @param {yfiles.input.IInputModeContext} context The input mode context to use.
-       * @param {yfiles.graph.IBend} bend The bend to test
-       * @returns {boolean} <code>true</code> iff the bend is contained within the shape.
-       * @abstract
-       */
-      contains(context:yfiles.input.IInputModeContext,bend:yfiles.graph.IBend):boolean;
-    }
-    var IContainsBendTester:{
-      $class:yfiles.lang.Class;
-      isInstance(o:Object):boolean;
-    };
-    /**
-     * Interface that is used by the {@link yfiles.input.GraphSnapContext} for {@link yfiles.graph.INode nodes} to collect a number of
-     * {@link yfiles.input.SnapResult}s during the move/edit operation.
-     * <p>
-     * This interface is queried from the {@link yfiles.graph.ILookup} of the
-     * {@link yfiles.graph.INode}s that are being moved during the edit.
-     * </p>
-     * @see yfiles.input.GraphSnapContext
-     * @see yfiles.graph.NodeDecorator#nodeSnapResultProviderDecorator
-     * @interface
-     */
-    export interface INodeSnapResultProvider extends Object{
-      /**
-       * Called when a node is {@link yfiles.input.IDragHandler#handleMove dragged} to add {@link yfiles.input.SnapResult}s for
-       * {@link yfiles.input.OrthogonalSnapLine}s to which this node can potentially snap.
-       * @param {yfiles.input.GraphSnapContext} context The snap context which manages the snap lines and the settings.
-       * @param {yfiles.input.CollectSnapResultsEventArgs} evt The event argument to obtain the necessary information from and {@link yfiles.input.CollectSnapResultsEventArgs#addSnapResult add results to}.
-       * @param {yfiles.geometry.Rect} suggestedLayout The {@link yfiles.graph.INode#layout layout} of the node if the node would not snap.
-       * @param {yfiles.graph.INode} node The node that is being moved.
-       * @abstract
-       */
-      collectSnapResults(context:yfiles.input.GraphSnapContext,evt:yfiles.input.CollectSnapResultsEventArgs,suggestedLayout:yfiles.geometry.Rect,node:yfiles.graph.INode):void;
-    }
-    var INodeSnapResultProvider:{
-      $class:yfiles.lang.Class;
-      isInstance(o:Object):boolean;
-    };
-    /**
-     * Interface for classes that help during snapping of parts of edges.
-     * <p>
-     * An implementation of this class is obtained from the lookup of the {@link yfiles.graph.IEdge}s which are being edited during an
-     * operation where {@link yfiles.input.GraphSnapContext graph snapping} is involved.
-     * </p>
-     * @see yfiles.graph.EdgeDecorator#edgeSnapResultProviderDecorator
-     * @interface
-     */
-    export interface IEdgeSnapResultProvider extends Object{
-      /**
-       * Called to during the snapping operation whenever {@link yfiles.input.SnapContext#addCollectSnapResultsListener snap results are collected}.
-       * <p>
-       * This method will be called for each collection of the results.
-       * </p>
-       * @param {yfiles.input.GraphSnapContext} context The context that is using this instance.
-       * @param {yfiles.input.CollectSnapResultsEventArgs} evt The event argument to obtain the necessary information from and {@link yfiles.input.CollectSnapResultsEventArgs#addSnapResult add results to}.
-       * @param {yfiles.collections.IListEnumerable.<yfiles.input.MovementInfo>} movementInfos The movement infos that describe the <code>edge</code>.
-       * @param {yfiles.graph.IEdge} edge The edge for which the {@link yfiles.input.SnapResult}s should be {@link yfiles.input.CollectSnapResultsEventArgs#addSnapResult collected}.
-       * @abstract
-       */
-      collectSnapResults(context:yfiles.input.GraphSnapContext,evt:yfiles.input.CollectSnapResultsEventArgs,movementInfos:yfiles.collections.IListEnumerable<yfiles.input.MovementInfo>,edge:yfiles.graph.IEdge):void;
-    }
-    var IEdgeSnapResultProvider:{
-      $class:yfiles.lang.Class;
-      isInstance(o:Object):boolean;
-    };
-    /**
-     * Interface that is used by the {@link yfiles.input.GraphSnapContext} for {@link yfiles.graph.IBend bends} to collect a number of
-     * {@link yfiles.input.SnapResult}s during the move/edit operation.
-     * <p>
-     * This interface is queried from the {@link yfiles.graph.ILookup} of the
-     * {@link yfiles.graph.IBend}s that are being moved during the edit.
-     * </p>
-     * @see yfiles.input.GraphSnapContext
-     * @see yfiles.graph.BendDecorator#bendSnapResultProviderDecorator
-     * @interface
-     */
-    export interface IBendSnapResultProvider extends Object{
-      /**
-       * Called when a node is {@link yfiles.input.IDragHandler#handleMove dragged} to add {@link yfiles.input.SnapResult}s for
-       * {@link yfiles.input.OrthogonalSnapLine}s to which this bend can potentially snap.
-       * @param {yfiles.input.GraphSnapContext} context The snap context which manages the snap lines and the settings.
-       * @param {yfiles.input.CollectSnapResultsEventArgs} evt The event argument to obtain the necessary information from and {@link yfiles.input.CollectSnapResultsEventArgs#addSnapResult add results to}.
-       * @param {yfiles.geometry.Point} suggestedLocation The {@link yfiles.graph.IBend#location location} of the bend if the bend would not snap.
-       * @param {yfiles.graph.IBend} bend The bend that is being moved.
-       * @abstract
-       */
-      collectSnapResults(context:yfiles.input.GraphSnapContext,evt:yfiles.input.CollectSnapResultsEventArgs,suggestedLocation:yfiles.geometry.Point,bend:yfiles.graph.IBend):void;
-    }
-    var IBendSnapResultProvider:{
-      $class:yfiles.lang.Class;
-      isInstance(o:Object):boolean;
-    };
-    /**
-     * Interface that is used by the {@link yfiles.input.GraphSnapContext} for {@link yfiles.graph.IPort port} to collect a number of
-     * {@link yfiles.input.SnapResult}s during the move/edit operation.
-     * <p>
-     * This interface is queried from the {@link yfiles.graph.ILookup} of the
-     * {@link yfiles.graph.IPort}s that are being moved during the edit.
-     * </p>
-     * @see yfiles.input.GraphSnapContext
-     * @see yfiles.graph.PortDecorator#portSnapResultProviderDecorator
-     * @interface
-     */
-    export interface IPortSnapResultProvider extends Object{
-      /**
-       * Called when a node is {@link yfiles.input.IDragHandler#handleMove dragged} to add {@link yfiles.input.SnapResult}s for
-       * {@link yfiles.input.OrthogonalSnapLine}s to which this bend can potentially snap.
-       * @param {yfiles.input.GraphSnapContext} context The snap context which manages the snap lines and the settings.
-       * @param {yfiles.input.CollectSnapResultsEventArgs} evt The event argument to obtain the necessary information from and {@link yfiles.input.CollectSnapResultsEventArgs#addSnapResult add results to}.
-       * @param {yfiles.geometry.Point} suggestedLocation The {@link yfiles.graph.IBend#location location} of the bend if the bend would not snap.
-       * @param {yfiles.graph.IPort} port The port that is being moved
-       * @abstract
-       */
-      collectSnapResults(context:yfiles.input.GraphSnapContext,evt:yfiles.input.CollectSnapResultsEventArgs,suggestedLocation:yfiles.geometry.Point,port:yfiles.graph.IPort):void;
-    }
-    var IPortSnapResultProvider:{
-      $class:yfiles.lang.Class;
-      isInstance(o:Object):boolean;
-    };
-    /**
-     * Interface for an implementation which evaluates a list of given {@link yfiles.input.SnapLine}s for a node which is resized and
-     * adds a set of {@link yfiles.input.SnapResult}s for sizes to which this node can potentially snap.
-     * @interface
-     */
-    export interface INodeReshapeSnapResultProvider extends Object{
-      /**
-       * Called when a node's handle is {@link yfiles.input.IDragHandler#handleMove dragged} to add {@link yfiles.input.SnapResult}s for
-       * {@link yfiles.input.OrthogonalSnapLine}s or sizes to which this node can potentially snap during resizing.
-       * @param {yfiles.input.GraphSnapContext} context The snap context which manages the snap lines and the settings.
-       * @param {yfiles.input.CollectSnapResultsEventArgs} evt The event argument to obtain the context from and add the results to.
-       * @param {yfiles.graph.INode} node The node that is being reshaped.
-       * @param {yfiles.input.ReshapeRectangleContext} reshapeContext Carries information about the reshape operation.
-       * @abstract
-       */
-      collectSnapResults(context:yfiles.input.GraphSnapContext,evt:yfiles.input.CollectSnapResultsEventArgs,node:yfiles.graph.INode,reshapeContext:yfiles.input.ReshapeRectangleContext):void;
-    }
-    var INodeReshapeSnapResultProvider:{
-      $class:yfiles.lang.Class;
-      isInstance(o:Object):boolean;
-    };
-    /**
-     * Helper class that carries information about a reshape operation.
-     * <p>
-     * This class is mainly intended for use by {@link yfiles.input.INodeReshapeSnapResultProvider#collectSnapResults}.
-     * </p>
-     * @class yfiles.input.ReshapeRectangleContext
-     * @final
-     */
-    export interface ReshapeRectangleContext extends Object{}
-    export class ReshapeRectangleContext {
-      /**
-       * Initializes a new instance of the {@link yfiles.input.ReshapeRectangleContext} class.
-       * @param {yfiles.geometry.Rect} initialBounds The initial bounds of the node.
-       * @param {yfiles.geometry.ISize} minimumSize The minimum size of the node.
-       * @param {yfiles.geometry.ISize} maximumSize The maximum size of the node.
-       * @param {yfiles.geometry.IRectangle} minimumEnclosedArea The minimum area the node's layout needs to encompass.
-       * @param {yfiles.input.HandlePositions} reshapePosition The position of the reshape handle.
-       * @param {yfiles.geometry.Point} topLeftChangeFactor The factor by which the top left corner of the node layout changes when the handle is dragged.
-       * @param {yfiles.geometry.Point} bottomRightChangeFactor The factor by which the bottom right corner of the node layout changes when the handle is dragged.
-       * @param {yfiles.geometry.Size} sizeChangeFactor The factor by which the size of the node layout changes when the handle is dragged.
-       * @constructor
-       */
-      constructor(initialBounds:yfiles.geometry.Rect,minimumSize:yfiles.geometry.ISize,maximumSize:yfiles.geometry.ISize,minimumEnclosedArea:yfiles.geometry.IRectangle,reshapePosition:yfiles.input.HandlePositions,topLeftChangeFactor:yfiles.geometry.Point,bottomRightChangeFactor:yfiles.geometry.Point,sizeChangeFactor:yfiles.geometry.Size);
-      /**
-       * Gets the initial bounds of the node.
-       * @type {yfiles.geometry.Rect}
-       */
-      initialBounds:yfiles.geometry.Rect;
-      /**
-       * Gets the minimum size of the node.
-       * @type {yfiles.geometry.ISize}
-       */
-      minimumSize:yfiles.geometry.ISize;
-      /**
-       * Gets or sets the maximum size of the node.
-       * @type {yfiles.geometry.ISize}
-       */
-      maximumSize:yfiles.geometry.ISize;
-      /**
-       * Gets minimum area the node's layout needs to encompass
-       * @type {yfiles.geometry.IRectangle}
-       */
-      minimumEnclosedArea:yfiles.geometry.IRectangle;
-      /**
-       * Gets the position of the reshape handle.
-       * @type {yfiles.input.HandlePositions}
-       */
-      reshapePosition:yfiles.input.HandlePositions;
-      /**
-       * Gets the factor by which the top left corner of the node layout changes when the handle is dragged.
-       * @type {yfiles.geometry.Point}
-       */
-      topLeftChangeFactor:yfiles.geometry.Point;
-      /**
-       * Gets the factor by which the bottom right corner of the node layout changes when the handle is dragged.
-       * @type {yfiles.geometry.Point}
-       */
-      bottomRightChangeFactor:yfiles.geometry.Point;
-      /**
-       * Gets the factor by which the size of the node layout changes when the handle is dragged.
-       * @type {yfiles.geometry.Size}
-       */
-      sizeChangeFactor:yfiles.geometry.Size;
-      static $class:yfiles.lang.Class;
-    }
-    /**
-     * An interface for possible {@link yfiles.graph.IPort} candidates used by {@link yfiles.input.IPortCandidateProvider} and the like.
-     * <p>
-     * Note that if an instance's {@link yfiles.input.IPortCandidate#validity} property is {@link yfiles.input.PortCandidateValidity#DYNAMIC} this instance {@link yfiles.input.IPortCandidate#getPortCandidateAt}
-     * method serves as a factory for the actual candidates.
-     * </p>
-     * @see yfiles.input.IEdgeReconnectionPortCandidateProvider
-     * @see yfiles.input.IPortCandidateProvider
-     * @see yfiles.input.DefaultPortCandidate
-     * @interface
-     */
-    export interface IPortCandidate extends Object{
-      /**
-       * If the client decides to use this port candidate, this method will serve as a factory to create the instance.
-       * <p>
-       * If this candidate wraps an existing port, it may return that {@link yfiles.input.IPortCandidate#port instance}. If this instance's {@link yfiles.input.IPortCandidate#validity} is {@link yfiles.input.PortCandidateValidity#DYNAMIC}
-       * this method may throw an {@link Stubs.Exceptions.NotSupportedError}.
-       * </p>
-       * @param {yfiles.input.IInputModeContext} context The input mode context for which the port will be created. Implementations can depend on it providing an {@link yfiles.graph.IGraph}
-       * instance in the lookup of the instance.
-       * @returns {yfiles.graph.IPort} The port instance to use if this candidate has been chosen. This method may not return <code>null</code>.
-       * @throws {Stubs.Exceptions.NotSupportedError} If the {@link yfiles.input.IPortCandidate#validity} is {@link yfiles.input.PortCandidateValidity#DYNAMIC}.
-       * @see yfiles.input.IInputModeContext#graph
-       * @see yfiles.input.IPortCandidate#port
-       * @see yfiles.input.IPortCandidate#getPortCandidateAt
-       * @abstract
-       */
-      createPort(context:yfiles.input.IInputModeContext):yfiles.graph.IPort;
-      /**
-       * Returns a candidate that is derived from this instance that best fits the provided <code>location</code>.
-       * <p>
-       * This method needs to be called by clients if the {@link yfiles.input.IPortCandidate#validity} of this instance is {@link yfiles.input.PortCandidateValidity#DYNAMIC}. In
-       * that case calling this method must return an instance whose validity is not {@link yfiles.input.PortCandidateValidity#DYNAMIC}.
-       * </p>
-       * @param {yfiles.input.IInputModeContext} context The input mode context for which a concrete candidate is queried.
-       * @param {yfiles.geometry.Point} location The location for which a candidate should be returned.
-       * @returns {yfiles.input.IPortCandidate} A {@link yfiles.input.IPortCandidate} implementation whose {@link yfiles.input.IPortCandidate#validity} is guaranteed to be non-{@link yfiles.input.PortCandidateValidity#DYNAMIC}.
-       * @see yfiles.input.IPortCandidate#validity
-       * @abstract
-       */
-      getPortCandidateAt(context:yfiles.input.IInputModeContext,location:yfiles.geometry.Point):yfiles.input.IPortCandidate;
-      /**
-       * Possibly yields a user defined tag for this candidate.
-       * <p>
-       * The interpretation of this value is implementation dependent and may be used for visual feedback or interactive
-       * behavior.
-       * </p>
-       * @abstract
-       * @type {Object}
-       */
-      candidateTag:Object;
-      /**
-       * Determines whether this instance is a valid port candidate.
-       * <p>
-       * Implementations of {@link yfiles.input.IPortCandidateProvider} may return sets of port candidates where some of them are marked
-       * as invalid e.g. in order to provide visual feedback. If the value is {@link yfiles.input.PortCandidateValidity#DYNAMIC}, method
-       * {@link yfiles.input.IPortCandidate#getPortCandidateAt} needs to be used to determine a concrete candidate instance.
-       * </p>
-       * @see yfiles.input.IPortCandidate#getPortCandidateAt
-       * @abstract
-       * @type {yfiles.input.PortCandidateValidity}
-       */
-      validity:yfiles.input.PortCandidateValidity;
-      /**
-       * Returns the model parameter that will be used for the {@link yfiles.graph.IPort#locationParameter} if this candidate is chosen.
-       * <p>
-       * Note that the value of this property is undefined if this instance's {@link yfiles.input.IPortCandidate#validity} is {@link yfiles.input.PortCandidateValidity#DYNAMIC}. In
-       * this case, the parameter needs to be obtained via the {@link yfiles.input.IPortCandidate#getPortCandidateAt} instance.
-       * </p>
-       * @abstract
-       * @type {yfiles.graph.IPortLocationModelParameter}
-       */
-      locationParameter:yfiles.graph.IPortLocationModelParameter;
-      /**
-       * Returns the possible owner of the port to be created for this candidate.
-       * @abstract
-       * @type {yfiles.graph.IPortOwner}
-       */
-      owner:yfiles.graph.IPortOwner;
-      /**
-       * Gets the port instance that is already live in the graph if this candidate wraps an existing port or <code>null</code> otherwise.
-       * @see yfiles.input.IPortCandidate#createPort
-       * @abstract
-       * @type {yfiles.graph.IPort}
-       */
-      port:yfiles.graph.IPort;
-    }
-    var IPortCandidate:{
-      $class:yfiles.lang.Class;
-      isInstance(o:Object):boolean;
-    };
-    export enum PortCandidateValidity{
-      /**
-       * The candidate is valid and can be used to connect an edge to.
-       */
-      VALID,
-      /**
-       * The candidate should not be used to connect an edge to.
-       */
-      INVALID,
-      /**
-       * The candidate cannot be used to create a port, instead {@link yfiles.input.IPortCandidate#getPortCandidateAt} needs to be called
-       * to obtain a {@link yfiles.input.IPortCandidate} that is either {@link yfiles.input.PortCandidateValidity#VALID} or
-       * {@link yfiles.input.PortCandidateValidity#INVALID}.
-       */
-      DYNAMIC
-    }
-    /**
-     * This interface is used to provide {@link yfiles.input.IPortCandidate}s for a specific {@link yfiles.graph.IPortOwner}.
-     * <p>
-     * It is used in the context of the items that will later become the owner ({@link yfiles.graph.IPortOwner}) of the ports obtained
-     * from the candidates. They are mainly used during edge creation where there is no real edge yet (only the dummy edge) and
-     * thus they need to use the opposite {@link yfiles.input.IPortCandidate} to understand the context.
-     * </p>
-     * <p>
-     * Implementations of this interface may be queried using the {@link yfiles.graph.ILookup#lookup} method of {@link yfiles.graph.IPortOwner}
-     * implementations like {@link yfiles.graph.INode}.
-     * </p>
-     * <p>
-     * Note that this interface is similar to the interface {@link yfiles.input.IEdgeReconnectionPortCandidateProvider} in the sense
-     * that they will both provide {@link yfiles.input.IPortCandidate} instances in a certain query context. They are used in different
-     * query contexts, though. The two interfaces can come together in concrete implementations of
-     * {@link yfiles.input.IEdgeReconnectionPortCandidateProvider}: an edge could potentially be connected to ports at any given {@link yfiles.graph.IPortOwner}
-     * and thus the {@link yfiles.input.IPortCandidateProvider} interface can be queried from the respective {@link yfiles.graph.IPortOwner}
-     * that the edge will be reconnected to.
-     * </p>
-     * <p><b>Related demos:</b></p>
-     * <ul>
-     * <li>Demo: PortCandidateProvider, demo.yfiles.input.portcandidateprovider</li>
-     * </ul>
-     * @see yfiles.graph.NodeDecorator#portCandidateProviderDecorator
-     * @interface
-     */
-    export interface IPortCandidateProvider extends Object{
-      /**
-       * Returns all port candidates that apply for the provided opposite port candidate.
-       * <p>
-       * The enumerable may both contain {@link yfiles.input.PortCandidateValidity valid, invalid, and dynamic} port candidates.
-       * </p>
-       * @param {yfiles.input.IPortCandidate} target The opposite port candidate.
-       * @param {yfiles.input.IInputModeContext} context The context for which the candidates should be provided.
-       * @returns {yfiles.collections.IEnumerable.<yfiles.input.IPortCandidate>} An enumerable over all port candidates that are associated with the given opposite port.
-       * @abstract
-       */
-      getSourcePortCandidates(context:yfiles.input.IInputModeContext,target:yfiles.input.IPortCandidate):yfiles.collections.IEnumerable<yfiles.input.IPortCandidate>;
-      /**
-       * Returns all source port candidates that belong to the context of this provider.
-       * <p>
-       * The enumerable may both contain {@link yfiles.input.PortCandidateValidity valid, invalid, and dynamic} port candidates.
-       * </p>
-       * @param {yfiles.input.IInputModeContext} context The context for which the candidates should be provided.
-       * @returns {yfiles.collections.IEnumerable.<yfiles.input.IPortCandidate>} An enumerable over all source port candidates that are associated with the current context.
-       * @abstract
-       */
-      getSourcePortCandidates(context:yfiles.input.IInputModeContext):yfiles.collections.IEnumerable<yfiles.input.IPortCandidate>;
-      /**
-       * Returns all port candidates that apply for the provided opposite port candidate.
-       * <p>
-       * The enumerable may both contain {@link yfiles.input.PortCandidateValidity valid, invalid, and dynamic} port candidates.
-       * </p>
-       * @param {yfiles.input.IInputModeContext} context The context for which the candidates should be provided.
-       * @param {yfiles.input.IPortCandidate} source The opposite port candidate.
-       * @returns {yfiles.collections.IEnumerable.<yfiles.input.IPortCandidate>} An enumerable over all port candidates that are associated with the given opposite port.
-       * @abstract
-       */
-      getTargetPortCandidates(context:yfiles.input.IInputModeContext,source:yfiles.input.IPortCandidate):yfiles.collections.IEnumerable<yfiles.input.IPortCandidate>;
-      /**
-       * Returns all target port candidates that belong to the context of this provider.
-       * <p>
-       * The enumerable may both contain {@link yfiles.input.PortCandidateValidity valid, invalid, and dynamic} port candidates.
-       * </p>
-       * @param {yfiles.input.IInputModeContext} context The context for which the candidates should be provided.
-       * @returns {yfiles.collections.IEnumerable.<yfiles.input.IPortCandidate>} An enumerable over all target port candidates that are associated with the current context.
-       * @abstract
-       */
-      getTargetPortCandidates(context:yfiles.input.IInputModeContext):yfiles.collections.IEnumerable<yfiles.input.IPortCandidate>;
-    }
-    var IPortCandidateProvider:{
-      /**
-       * Creates a generic composite implementation for the {@link yfiles.input.IPortCandidateProvider} interface.
-       * @param {yfiles.collections.IEnumerable.<yfiles.input.IPortCandidateProvider>} providers The providers to create the composite from.
-       * @returns {yfiles.input.IPortCandidateProvider} 
-       * @static
-       */
-      combine?(providers:yfiles.collections.IEnumerable<yfiles.input.IPortCandidateProvider>):yfiles.input.IPortCandidateProvider;
-      /**
-       * Creates an implementation of an {@link yfiles.input.IPortCandidateProvider} that provides only the given port candidates.
-       * @param {...yfiles.input.IPortCandidate} candidates The port candidates the provider should provide.
-       * @returns {yfiles.input.PortCandidateProviderBase} A new {@link yfiles.input.IPortCandidateProvider}.
-       * @static
-       */
-      fromCandidates?(...candidates:yfiles.input.IPortCandidate[]):yfiles.input.PortCandidateProviderBase;
-      /**
-       * Creates an implementation of an {@link yfiles.input.IPortCandidateProvider} that provides only the given port candidates.
-       * @param {yfiles.collections.IEnumerable.<yfiles.input.IPortCandidate>} candidates The port candidates the provider should provide.
-       * @returns {yfiles.input.PortCandidateProviderBase} A new {@link yfiles.input.IPortCandidateProvider}.
-       * @static
-       */
-      fromCandidates?(candidates:yfiles.collections.IEnumerable<yfiles.input.IPortCandidate>):yfiles.input.PortCandidateProviderBase;
-      /**
-       * Creates an implementation of the {@link yfiles.input.IPortCandidateProvider} interface that returns the ports that exist in the
-       * given {@link yfiles.graph.IPortOwner#ports}'s {@link yfiles.graph.IPortOwner} collection.
-       * @param {yfiles.graph.IPortOwner} owner The owner of the port collection.
-       * @returns {yfiles.input.IPortCandidateProvider} 
-       * @static
-       */
-      fromExistingPorts?(owner:yfiles.graph.IPortOwner):yfiles.input.IPortCandidateProvider;
-      /**
-       * Creates a trivial implementation of an {@link yfiles.input.IPortCandidateProvider} that always returns exactly one candidate
-       * that is centered at the node's {@link yfiles.graph.INode#layout}.
-       * @param {yfiles.graph.INode} node The node to get the layout's center from.
-       * @returns {yfiles.input.PortCandidateProviderBase} 
-       * @static
-       */
-      fromNodeCenter?(node:yfiles.graph.INode):yfiles.input.PortCandidateProviderBase;
-      /**
-       * Creates a simple implementation of an {@link yfiles.input.IPortCandidateProvider} that always returns a candidate that uses the
-       * default {@link yfiles.graph.IPortDefaults#locationParameter} for the corresponding {@link yfiles.graph.IPortDefaults}.
-       * @param {yfiles.graph.IPortOwner} owner
-       * @returns {yfiles.input.IPortCandidateProvider} 
-       * @static
-       */
-      fromPortDefaults?(owner:yfiles.graph.IPortOwner):yfiles.input.IPortCandidateProvider;
-      /**
-       * Creates an implementation of {@link yfiles.input.IPortCandidateProvider} that works for {@link yfiles.graph.IPortOwner} implementations
-       * that have {@link yfiles.styles.IShapeGeometry} instances in their lookup.
-       * @param {yfiles.graph.IPortOwner} owner The owner to receive the shape geometry from
-       * @param {number} minimumSegmentLength the minimum length a segment needs to have in order to be used to add port candidates.
-       * @param {...number} ratios A number of double values that are interpreted as ratio values between 0.0 and 1.0. If none are given, the provider
-       * inserts a port candidate at the center of each straight line segment.
-       * @param {boolean} addExistingPortsEnabled determines whether {@link yfiles.input.PortCandidateProviderBase#addExistingPorts existing ports should be added to the list of ports}.
-       * @returns {yfiles.input.PortCandidateProviderBase} 
-       * @static
-       */
-      fromShapeGeometry?(owner:yfiles.graph.IPortOwner,addExistingPortsEnabled:boolean,minimumSegmentLength:number,...ratios:number[]):yfiles.input.PortCandidateProviderBase;
-      /**
-       * Creates an implementation of {@link yfiles.input.IPortCandidateProvider} that works for {@link yfiles.graph.IPortOwner} implementations
-       * that have {@link yfiles.styles.IShapeGeometry} instances in their lookup.
-       * @param {yfiles.graph.IPortOwner} owner The owner to receive the shape geometry from
-       * @param {...number} ratios A number of double values that are interpreted as ratio values between 0.0 and 1.0. If none are given, the provider
-       * inserts a port candidate at the center of each straight line segment.
-       * @returns {yfiles.input.PortCandidateProviderBase} 
-       * @static
-       */
-      fromShapeGeometry?(owner:yfiles.graph.IPortOwner,...ratios:number[]):yfiles.input.PortCandidateProviderBase;
-      /**
-       * Creates a simple implementation of an {@link yfiles.input.IPortCandidateProvider} that returns unoccupied ports at a given
-       * entity.
-       * @param {yfiles.graph.IPortOwner} owner The owner to query the ports from.
-       * @returns {yfiles.input.IPortCandidateProvider} 
-       * @static
-       */
-      fromUnoccupiedPorts?(owner:yfiles.graph.IPortOwner):yfiles.input.IPortCandidateProvider;
-      /**
-       * A generic implementation of the {@link yfiles.input.IPortCandidateProvider} interface that provides no candidates.
-       * @const
-       * @static
-       * @type {yfiles.input.IPortCandidateProvider}
-       */
-      NO_CANDIDATES?:yfiles.input.IPortCandidateProvider;
-      $class:yfiles.lang.Class;
-      isInstance(o:Object):boolean;
-    };
-    /**
-     * This interface can be used to query {@link yfiles.input.IPortCandidate}s for a specific existing {@link yfiles.graph.IEdge}
-     * <p>
-     * As the name implies this is only used in the context of reconnecting existing edges. It is queried for existing edges to
-     * find out about possible alternative port candidates that given edge could connect to. It is used during gestures where
-     * an edge is reconnected to another port(candidate), i.e. when the source or target port handle of an edge is moved and
-     * the source or target port properties of the edge get set to the new {@link yfiles.input.IPortCandidate}s.
-     * </p>
-     * <p>
-     * Implementations of this interface can be queried using the {@link yfiles.graph.ILookup#lookup} method of an {@link yfiles.graph.IEdge}
-     * implementation. This interface provides alternative candidates for the {@link yfiles.graph.IEdge#sourcePort} or {@link yfiles.graph.IEdge#targetPort} of an edge.
-     * </p>
-     * <p>
-     * Note that this interface is similar to the interface {@link yfiles.input.IPortCandidateProvider} in the sense that they will
-     * both provide {@link yfiles.input.IPortCandidate} instances in a certain query context. They are used in different query
-     * contexts, though. The two interfaces can come together in concrete implementations of
-     * {@link yfiles.input.IEdgeReconnectionPortCandidateProvider}: an edge could potentially be connected to ports at any given {@link yfiles.graph.IPortOwner}
-     * and thus the {@link yfiles.input.IPortCandidateProvider} interface can be queried from the respective {@link yfiles.graph.IPortOwner}
-     * that the edge will be reconnected to.
-     * </p>
-     * <p><b>Related demos:</b></p>
-     * <ul>
-     * <li>Demo: EdgePortCandidateProvider, demo.yfiles.input.edgeportcandidateprovider</li>
-     * </ul>
-     * @interface
-     */
-    export interface IEdgeReconnectionPortCandidateProvider extends Object{
-      /**
-       * Returns all source port candidates that may be used for the edge.
-       * <p>
-       * The enumerable may both contain {@link yfiles.input.PortCandidateValidity valid, invalid, and dynamic} port candidates.
-       * </p>
-       * @param {yfiles.input.IInputModeContext} context The context for which the candidates should be provided.
-       * @returns {yfiles.collections.IEnumerable.<yfiles.input.IPortCandidate>} An enumerable over all source port candidates that are associated with the current context edge.
-       * @abstract
-       */
-      getSourcePortCandidates(context:yfiles.input.IInputModeContext):yfiles.collections.IEnumerable<yfiles.input.IPortCandidate>;
-      /**
-       * Returns all source port candidates that may be used for the edge.
-       * <p>
-       * The enumerable may both contain {@link yfiles.input.PortCandidateValidity valid, invalid, and dynamic} port candidates.
-       * </p>
-       * @param {yfiles.input.IInputModeContext} context The context for which the candidates should be provided.
-       * @returns {yfiles.collections.IEnumerable.<yfiles.input.IPortCandidate>} An enumerable over all target port candidates that are associated with the current context edge.
-       * @abstract
-       */
-      getTargetPortCandidates(context:yfiles.input.IInputModeContext):yfiles.collections.IEnumerable<yfiles.input.IPortCandidate>;
-    }
-    var IEdgeReconnectionPortCandidateProvider:{
-      /**
-       * Creates an implementation of the {@link yfiles.input.IEdgeReconnectionPortCandidateProvider} interface that returns the
-       * candidates provided by the source and target port's owner's {@link yfiles.input.IPortCandidateProvider} implementations or the
-       * existing edge's port, if no such provider is registered.
-       * <p>
-       * This instance uses the lookup mechanism of the nodes to query the providers.
-       * </p>
-       * @param {yfiles.graph.IEdge} edge
-       * @returns {yfiles.input.IEdgeReconnectionPortCandidateProvider} 
-       * @static
-       */
-      fromSourceAndTarget?(edge:yfiles.graph.IEdge):yfiles.input.IEdgeReconnectionPortCandidateProvider;
-      /**
-       * Creates an implementation of the {@link yfiles.input.IEdgeReconnectionPortCandidateProvider} interface that returns a union of
-       * all {@link yfiles.input.IPortCandidateProvider#getSourcePortCandidates source port candidates} or {@link yfiles.input.IPortCandidateProvider#getTargetPortCandidates target port candidates}, respectively, of nodes in the graph.
-       * <p>
-       * This implementation can be used to allow for {@link yfiles.input.PortRelocationHandle relocating an edge's port} to any available source or target port in the
-       * graph.
+       * Meta maps to the Windows key on Windows platforms and the Command key on Mac.
        * </p>
        * @const
        * @static
-       * @type {yfiles.input.IEdgeReconnectionPortCandidateProvider}
+       * @type {function(Object, yfiles.lang.EventArgs): boolean}
        */
-      ALL_NODE_CANDIDATES?:yfiles.input.IEdgeReconnectionPortCandidateProvider;
+      static META_PRESSED:(eventSource:Object,evt:yfiles.lang.EventArgs)=>boolean;
       /**
-       * Creates an implementation of the {@link yfiles.input.IEdgeReconnectionPortCandidateProvider} interface that returns a union of
-       * all {@link yfiles.input.IPortCandidateProvider#getSourcePortCandidates source port candidates} or {@link yfiles.input.IPortCandidateProvider#getTargetPortCandidates target port candidates}, respectively, of nodse and edges in the graph.
+       * An event recognizer that recognizes when the shift modifier is being pressed.
+       * @const
+       * @static
+       * @type {function(Object, yfiles.lang.EventArgs): boolean}
+       */
+      static SHIFT_DOWN:(eventSource:Object,evt:yfiles.lang.EventArgs)=>boolean;
+      /**
+       * An event recognizer that recognizes when the shift modifier is being released.
+       * @const
+       * @static
+       * @type {function(Object, yfiles.lang.EventArgs): boolean}
+       */
+      static SHIFT_UP:(eventSource:Object,evt:yfiles.lang.EventArgs)=>boolean;
+      /**
+       * An event recognizer that recognizes when the ctrl modifier is being pressed.
+       * @const
+       * @static
+       * @type {function(Object, yfiles.lang.EventArgs): boolean}
+       */
+      static CTRL_DOWN:(eventSource:Object,evt:yfiles.lang.EventArgs)=>boolean;
+      /**
+       * An event recognizer that recognizes when the Ctrl modifier is being released.
+       * @const
+       * @static
+       * @type {function(Object, yfiles.lang.EventArgs): boolean}
+       */
+      static CTRL_UP:(eventSource:Object,evt:yfiles.lang.EventArgs)=>boolean;
+      static $class:yfiles.lang.Class;
+    }
+    /**
+     * A utility class that offers event recognizers that deal with {@link yfiles.view.MouseEventArgs}.
+     * @class
+     * @static
+     */
+    export interface MouseEventRecognizers extends Object{}
+    export class MouseEventRecognizers {
+      /**
+       * An event recognizer that identifies mouse movements that are not drags.
+       * @see yfiles.input.MouseEventRecognizers#DRAGGED
+       * @see yfiles.input.MouseEventRecognizers#MOVED_OR_DRAGGED
+       * @const
+       * @static
+       * @type {function(Object, yfiles.lang.EventArgs): boolean}
+       */
+      static MOVED:(eventSource:Object,evt:yfiles.lang.EventArgs)=>boolean;
+      /**
+       * An event recognizer that identifies mouse movements.
+       * @const
+       * @static
+       * @type {function(Object, yfiles.lang.EventArgs): boolean}
+       */
+      static MOVED_OR_DRAGGED:(eventSource:Object,evt:yfiles.lang.EventArgs)=>boolean;
+      /**
+       * An event recognizer that identifies <code>mousedown</code> events.
+       * @const
+       * @static
+       * @type {function(Object, yfiles.lang.EventArgs): boolean}
+       */
+      static PRESSED:(eventSource:Object,evt:yfiles.lang.EventArgs)=>boolean;
+      /**
+       * An event recognizer that identifies <code>mouseup</code> events.
+       * @const
+       * @static
+       * @type {function(Object, yfiles.lang.EventArgs): boolean}
+       */
+      static RELEASED:(eventSource:Object,evt:yfiles.lang.EventArgs)=>boolean;
+      /**
+       * An event recognizer that identifies mouse input capture lost events.
        * <p>
-       * This implementation can be used to allow for {@link yfiles.input.PortRelocationHandle relocating an edge's port} to any available source or target port in the
-       * graph.
+       * This event will occur often, especially after all mouse buttons have been released. More relevant for
+       * {@link yfiles.input.IInputMode}s is the {@link yfiles.input.MouseEventRecognizers#LOST_CAPTURE_DURING_DRAG} event recognizer.
        * </p>
        * @const
        * @static
-       * @type {yfiles.input.IEdgeReconnectionPortCandidateProvider}
+       * @type {function(Object, yfiles.lang.EventArgs): boolean}
        */
-      ALL_NODE_AND_EDGE_CANDIDATES?:yfiles.input.IEdgeReconnectionPortCandidateProvider;
-      $class:yfiles.lang.Class;
-      isInstance(o:Object):boolean;
-    };
-    /**
-     * Interface that can be used to find ports at specific locations in the canvas.
-     * <p>
-     * This interface is mostly provided through the {@link yfiles.graph.ILookup#lookup} of {@link yfiles.graph.IPortOwner} implementations
-     * such as {@link yfiles.graph.INode}.
-     * </p>
-     * @interface
-     */
-    export interface IPortSelectionTester extends Object{
+      static LOST_CAPTURE:(eventSource:Object,evt:yfiles.lang.EventArgs)=>boolean;
       /**
-       * Returns the port at the given world coordinate position or <code>null</code> if there is no such port.
-       * @param {yfiles.input.IInputModeContext} context The input mode context to use for querying the position.
-       * @param {yfiles.geometry.Point} location The coordinates of the position in the world coordinate system.
-       * @returns {yfiles.graph.IPort} The port at the position or <code>null</code>.
-       * @abstract
+       * An event recognizer that identifies mouse input capture lost events while at least one mouse button was pressed.
+       * <p>
+       * Since the mouse capture has been lost, the necessary {@link yfiles.view.MouseEventTypes#UP} events will never be triggered. This
+       * recognizer is useful for identifying this situation.
+       * </p>
+       * @const
+       * @static
+       * @type {function(Object, yfiles.lang.EventArgs): boolean}
        */
-      getHitPort(context:yfiles.input.IInputModeContext,location:yfiles.geometry.Point):yfiles.graph.IPort;
+      static LOST_CAPTURE_DURING_DRAG:(eventSource:Object,evt:yfiles.lang.EventArgs)=>boolean;
       /**
-       * Returns the ports for the given marquee rectangle.
-       * @param {yfiles.input.IInputModeContext} context The input mode context to use for querying the position.
-       * @param {yfiles.geometry.Rect} rectangle The marquee selection box in the world coordinate system.
-       * @returns {yfiles.collections.IEnumerable.<yfiles.graph.IPort>} An enumerable over the ports inside the marquee selection box.
-       * @abstract
+       * An event recognizer that identifies left mouse button clicks.
+       * @const
+       * @static
+       * @type {function(Object, yfiles.lang.EventArgs): boolean}
        */
-      getPortsInBox(context:yfiles.input.IInputModeContext,rectangle:yfiles.geometry.Rect):yfiles.collections.IEnumerable<yfiles.graph.IPort>;
+      static LEFT_CLICKED:(eventSource:Object,evt:yfiles.lang.EventArgs)=>boolean;
+      /**
+       * An event recognizer that identifies button clicks.
+       * @const
+       * @static
+       * @type {function(Object, yfiles.lang.EventArgs): boolean}
+       */
+      static CLICKED:(eventSource:Object,evt:yfiles.lang.EventArgs)=>boolean;
+      /**
+       * An event recognizer that identifies button multi-clicks.
+       * @const
+       * @static
+       * @type {function(Object, yfiles.lang.EventArgs): boolean}
+       */
+      static MULTI_CLICKED:(eventSource:Object,evt:yfiles.lang.EventArgs)=>boolean;
+      /**
+       * An event recognizer that identifies right mouse button clicks.
+       * @const
+       * @static
+       * @type {function(Object, yfiles.lang.EventArgs): boolean}
+       */
+      static RIGHT_CLICKED:(eventSource:Object,evt:yfiles.lang.EventArgs)=>boolean;
+      /**
+       * An event recognizer that identifies middle mouse button clicks.
+       * @const
+       * @static
+       * @type {function(Object, yfiles.lang.EventArgs): boolean}
+       */
+      static MIDDLE_CLICKED:(eventSource:Object,evt:yfiles.lang.EventArgs)=>boolean;
+      /**
+       * An event recognizer that identifies left mouse button double clicks.
+       * @const
+       * @static
+       * @type {function(Object, yfiles.lang.EventArgs): boolean}
+       */
+      static LEFT_DOUBLE_CLICKED:(eventSource:Object,evt:yfiles.lang.EventArgs)=>boolean;
+      /**
+       * An event recognizer that identifies right mouse button double clicks.
+       * @const
+       * @static
+       * @type {function(Object, yfiles.lang.EventArgs): boolean}
+       */
+      static RIGHT_DOUBLE_CLICKED:(eventSource:Object,evt:yfiles.lang.EventArgs)=>boolean;
+      /**
+       * An event recognizer that identifies middle mouse button double clicks.
+       * @const
+       * @static
+       * @type {function(Object, yfiles.lang.EventArgs): boolean}
+       */
+      static MIDDLE_DOUBLE_CLICKED:(eventSource:Object,evt:yfiles.lang.EventArgs)=>boolean;
+      /**
+       * An event recognizer that identifies <code>mousedown</code> events of left mouse button.
+       * @const
+       * @static
+       * @type {function(Object, yfiles.lang.EventArgs): boolean}
+       */
+      static LEFT_PRESSED:(eventSource:Object,evt:yfiles.lang.EventArgs)=>boolean;
+      /**
+       * An event recognizer that identifies <code>mouseup</code> events of left mouse button.
+       * @const
+       * @static
+       * @type {function(Object, yfiles.lang.EventArgs): boolean}
+       */
+      static LEFT_RELEASED:(eventSource:Object,evt:yfiles.lang.EventArgs)=>boolean;
+      /**
+       * An event recognizer that identifies <code>mousedown</code> events of right mouse button.
+       * @const
+       * @static
+       * @type {function(Object, yfiles.lang.EventArgs): boolean}
+       */
+      static RIGHT_PRESSED:(eventSource:Object,evt:yfiles.lang.EventArgs)=>boolean;
+      /**
+       * An event recognizer that identifies <code>mouseup</code> events of right mouse button.
+       * @const
+       * @static
+       * @type {function(Object, yfiles.lang.EventArgs): boolean}
+       */
+      static RIGHT_RELEASED:(eventSource:Object,evt:yfiles.lang.EventArgs)=>boolean;
+      /**
+       * An event recognizer that identifies mouse drag events.
+       * @const
+       * @static
+       * @type {function(Object, yfiles.lang.EventArgs): boolean}
+       */
+      static DRAGGED:(eventSource:Object,evt:yfiles.lang.EventArgs)=>boolean;
+      /**
+       * An event recognizer that identifies left mouse button drags.
+       * @const
+       * @static
+       * @type {function(Object, yfiles.lang.EventArgs): boolean}
+       */
+      static LEFT_DRAGGED:(eventSource:Object,evt:yfiles.lang.EventArgs)=>boolean;
+      /**
+       * An event recognizer that identifies when the has left the control.
+       * @const
+       * @static
+       * @type {function(Object, yfiles.lang.EventArgs): boolean}
+       */
+      static EXITED:(eventSource:Object,evt:yfiles.lang.EventArgs)=>boolean;
+      /**
+       * An event recognizer that identifies when the mouse has entered the control.
+       * @const
+       * @static
+       * @type {function(Object, yfiles.lang.EventArgs): boolean}
+       */
+      static ENTERED:(eventSource:Object,evt:yfiles.lang.EventArgs)=>boolean;
+      /**
+       * An event recognizer that identifies right mouse button drags.
+       * @const
+       * @static
+       * @type {function(Object, yfiles.lang.EventArgs): boolean}
+       */
+      static RIGHT_DRAGGED:(eventSource:Object,evt:yfiles.lang.EventArgs)=>boolean;
+      /**
+       * An event recognizer that identifies middle mouse button drags.
+       * @const
+       * @static
+       * @type {function(Object, yfiles.lang.EventArgs): boolean}
+       */
+      static MIDDLE_DRAGGED:(eventSource:Object,evt:yfiles.lang.EventArgs)=>boolean;
+      static $class:yfiles.lang.Class;
     }
-    var IPortSelectionTester:{
-      $class:yfiles.lang.Class;
-      isInstance(o:Object):boolean;
-    };
     /**
-     * Interface for implementations that yield insets for a given {@link yfiles.graph.INode}.
-     * <p>
-     * Implementations of this interface will be queried from an {@link yfiles.graph.INode}'s {@link yfiles.graph.ILookup#lookup} method. The
-     * default implementation of a graph uses this instance by default to determine the insets of a group node.
-     * </p>
-     * @interface
+     * A utility class that offers event recognizers that deal with {@link yfiles.view.TouchEventArgs}.
+     * @class
+     * @static
      */
-    export interface INodeInsetsProvider extends Object{
+    export interface TouchEventRecognizers extends Object{}
+    export class TouchEventRecognizers {
       /**
-       * Returns the insets for the given <code>node</code>.
-       * @param {yfiles.graph.INode} node The node to yield insets for.
-       * @returns {yfiles.geometry.Insets} The insets for the node.
-       * @abstract
+       * An event recognizer that identifies touch movements of the primary device.
+       * @const
+       * @static
+       * @type {function(Object, yfiles.lang.EventArgs): boolean}
        */
-      getInsets(node:yfiles.graph.INode):yfiles.geometry.Insets;
+      static TOUCH_MOVED_PRIMARY:(eventSource:Object,evt:yfiles.lang.EventArgs)=>boolean;
+      /**
+       * An event recognizer that identifies the loss of touch capture for the any device.
+       * @const
+       * @static
+       * @type {function(Object, yfiles.lang.EventArgs): boolean}
+       */
+      static LOST_CAPTURE:(eventSource:Object,evt:yfiles.lang.EventArgs)=>boolean;
+      /**
+       * An event recognizer that identifies the loss of touch capture for the primary device.
+       * @const
+       * @static
+       * @type {function(Object, yfiles.lang.EventArgs): boolean}
+       */
+      static LOST_CAPTURE_PRIMARY:(eventSource:Object,evt:yfiles.lang.EventArgs)=>boolean;
+      /**
+       * An event recognizer that identifies the loss of touch capture for the secondary device.
+       * @const
+       * @static
+       * @type {function(Object, yfiles.lang.EventArgs): boolean}
+       */
+      static LOST_CAPTURE_SECONDARY:(eventSource:Object,evt:yfiles.lang.EventArgs)=>boolean;
+      /**
+       * An event recognizer that identifies touch movements of the primary device.
+       * @const
+       * @static
+       * @type {function(Object, yfiles.lang.EventArgs): boolean}
+       */
+      static TOUCH_DOWN_PRIMARY:(eventSource:Object,evt:yfiles.lang.EventArgs)=>boolean;
+      /**
+       * An event recognizer that identifies touch movements of the primary device.
+       * @const
+       * @static
+       * @type {function(Object, yfiles.lang.EventArgs): boolean}
+       */
+      static TOUCH_UP_PRIMARY:(eventSource:Object,evt:yfiles.lang.EventArgs)=>boolean;
+      /**
+       * An event recognizer that identifies touch taps of the primary device.
+       * @const
+       * @static
+       * @type {function(Object, yfiles.lang.EventArgs): boolean}
+       */
+      static TOUCH_TAPPED_PRIMARY:(eventSource:Object,evt:yfiles.lang.EventArgs)=>boolean;
+      /**
+       * An event recognizer that identifies touch double-taps of the primary device.
+       * @const
+       * @static
+       * @type {function(Object, yfiles.lang.EventArgs): boolean}
+       */
+      static TOUCH_DOUBLE_TAPPED_PRIMARY:(eventSource:Object,evt:yfiles.lang.EventArgs)=>boolean;
+      /**
+       * An event recognizer that identifies touch multi-taps of the primary device.
+       * @const
+       * @static
+       * @type {function(Object, yfiles.lang.EventArgs): boolean}
+       */
+      static TOUCH_MULTI_TAPPED_PRIMARY:(eventSource:Object,evt:yfiles.lang.EventArgs)=>boolean;
+      /**
+       * An event recognizer that identifies when the primary device has left the control.
+       * @const
+       * @static
+       * @type {function(Object, yfiles.lang.EventArgs): boolean}
+       */
+      static TOUCH_EXITED_PRIMARY:(eventSource:Object,evt:yfiles.lang.EventArgs)=>boolean;
+      /**
+       * An event recognizer that identifies when the primary device has entered the control.
+       * @const
+       * @static
+       * @type {function(Object, yfiles.lang.EventArgs): boolean}
+       */
+      static TOUCH_ENTERED_PRIMARY:(eventSource:Object,evt:yfiles.lang.EventArgs)=>boolean;
+      /**
+       * An event recognizer that identifies long presses of the primary device.
+       * @const
+       * @static
+       * @type {function(Object, yfiles.lang.EventArgs): boolean}
+       */
+      static TOUCH_LONG_PRESSED_PRIMARY:(eventSource:Object,evt:yfiles.lang.EventArgs)=>boolean;
+      /**
+       * An event recognizer that identifies touch movements of the secondary device.
+       * @const
+       * @static
+       * @type {function(Object, yfiles.lang.EventArgs): boolean}
+       */
+      static TOUCH_MOVED_SECONDARY:(eventSource:Object,evt:yfiles.lang.EventArgs)=>boolean;
+      /**
+       * An event recognizer that identifies touch movements of the secondary device.
+       * @const
+       * @static
+       * @type {function(Object, yfiles.lang.EventArgs): boolean}
+       */
+      static TOUCH_DOWN_SECONDARY:(eventSource:Object,evt:yfiles.lang.EventArgs)=>boolean;
+      /**
+       * An event recognizer that identifies touch movements of the secondary device.
+       * @const
+       * @static
+       * @type {function(Object, yfiles.lang.EventArgs): boolean}
+       */
+      static TOUCH_UP_SECONDARY:(eventSource:Object,evt:yfiles.lang.EventArgs)=>boolean;
+      /**
+       * An event recognizer that identifies touch taps of the secondary device.
+       * @const
+       * @static
+       * @type {function(Object, yfiles.lang.EventArgs): boolean}
+       */
+      static TOUCH_TAPPED_SECONDARY:(eventSource:Object,evt:yfiles.lang.EventArgs)=>boolean;
+      /**
+       * An event recognizer that identifies touch double-taps of the secondary device.
+       * @const
+       * @static
+       * @type {function(Object, yfiles.lang.EventArgs): boolean}
+       */
+      static TOUCH_DOUBLE_TAPPED_SECONDARY:(eventSource:Object,evt:yfiles.lang.EventArgs)=>boolean;
+      /**
+       * An event recognizer that identifies touch multi-taps of the secondary device.
+       * @const
+       * @static
+       * @type {function(Object, yfiles.lang.EventArgs): boolean}
+       */
+      static TOUCH_MULTI_TAPPED_SECONDARY:(eventSource:Object,evt:yfiles.lang.EventArgs)=>boolean;
+      /**
+       * An event recognizer that identifies when the secondary device has left the control.
+       * @const
+       * @static
+       * @type {function(Object, yfiles.lang.EventArgs): boolean}
+       */
+      static TOUCH_EXITED_SECONDARY:(eventSource:Object,evt:yfiles.lang.EventArgs)=>boolean;
+      /**
+       * An event recognizer that identifies when the secondary device has entered the control.
+       * @const
+       * @static
+       * @type {function(Object, yfiles.lang.EventArgs): boolean}
+       */
+      static TOUCH_ENTERED_SECONDARY:(eventSource:Object,evt:yfiles.lang.EventArgs)=>boolean;
+      /**
+       * An event recognizer that identifies long presses of the secondary device.
+       * @const
+       * @static
+       * @type {function(Object, yfiles.lang.EventArgs): boolean}
+       */
+      static TOUCH_LONG_PRESSED_SECONDARY:(eventSource:Object,evt:yfiles.lang.EventArgs)=>boolean;
+      static $class:yfiles.lang.Class;
     }
-    var INodeInsetsProvider:{
-      $class:yfiles.lang.Class;
-      isInstance(o:Object):boolean;
-    };
     /**
      * An {@link yfiles.input.IInputMode} used for recognizing the gesture of creating {@link yfiles.graph.IBend}s in an {@link yfiles.graph.IGraph}.
      * <p>
@@ -35778,7 +35823,7 @@ declare namespace system{
      * <p>
      * This mode is {@link yfiles.input.CreateBendInputMode#exclusive} by default.
      * </p>
-     * @class yfiles.input.CreateBendInputMode
+     * @class
      * @implements {yfiles.input.IInputMode}
      */
     export interface CreateBendInputMode extends Object,yfiles.input.IInputMode{}
@@ -35786,7 +35831,6 @@ declare namespace system{
       /**
        * Creates a new instance that will use the {@link yfiles.graph.IGraph} from the {@link yfiles.input.CreateBendInputMode#inputModeContext} to create bends in.
        * @see yfiles.input.CreateBendInputMode#graph
-       * @constructor
        */
       constructor();
       /**
@@ -35812,9 +35856,9 @@ declare namespace system{
        * The bend is created using the hit edge's {@link yfiles.input.IBendCreator} implementation, as obtained from the edge's
        * {@link yfiles.graph.ILookup#lookup}.
        * </p>
-       * @param {yfiles.graph.IEdge} edge The hit edge.
-       * @param {yfiles.geometry.Point} location The coordinates of the hit.
-       * @returns {yfiles.graph.IBend} The created bend or <code>null</code>.
+       * @param edge The hit edge.
+       * @param location The coordinates of the hit.
+       * @returns The created bend or <code>null</code>.
        * @see yfiles.input.CreateBendInputMode#createInputModeContext
        * @protected
        */
@@ -35822,7 +35866,7 @@ declare namespace system{
       /**
        * Creates an {@link yfiles.input.IInputModeContext} for use with the upcoming {@link yfiles.input.IBendCreator#createBend} call in
        * {@link yfiles.input.CreateBendInputMode#createBend}.
-       * @returns {yfiles.input.IInputModeContext} An instance of {@link yfiles.input.IInputModeContext}.
+       * @returns An instance of {@link }.
        * @protected
        */
       createInputModeContext():yfiles.input.IInputModeContext;
@@ -35840,15 +35884,15 @@ declare namespace system{
        * This method triggers the {@link yfiles.input.CreateBendInputMode#addBendCreatedListener BendCreated} event
        * if a bend is created.
        * </p>
-       * @param {yfiles.graph.IEdge} edge The edge to create a bend for.
-       * @param {yfiles.geometry.Point} dragLocation The location at which the user initiated the gesture.
+       * @param edge The edge to create a bend for.
+       * @param dragLocation The location at which the user initiated the gesture.
        * @protected
        */
       dragSegment(edge:yfiles.graph.IEdge,dragLocation:yfiles.geometry.Point):void;
       /**
        * Finds the edge at the given coordinate.
-       * @param {yfiles.geometry.Point} location The coordinates.
-       * @returns {yfiles.graph.IEdge} The edge that has been hit.
+       * @param location The coordinates.
+       * @returns The edge that has been hit.
        * @protected
        */
       getEdge(location:yfiles.geometry.Point):yfiles.graph.IEdge;
@@ -35864,24 +35908,24 @@ declare namespace system{
        * <p>
        * Overriding implementations should call the base implementation, first.
        * </p>
-       * @param {yfiles.input.IInputModeContext} context The context that this instance shall be installed into. The same instance will be passed to this instance during
-       * {@link yfiles.input.IInputMode#uninstall}. A reference to the context may be kept and queried during the time the mode is
+       * @param context The context that this instance shall be installed into. The same instance will be passed to this instance during
+       * {@link #uninstall}. A reference to the context may be kept and queried during the time the mode is
        * installed.
-       * @param {yfiles.input.ConcurrencyController} controller The {@link yfiles.input.CreateBendInputMode#controller} for this mode.
+       * @param controller The {@link #controller} for this mode.
        * @see yfiles.input.IInputMode#uninstall
        */
       install(context:yfiles.input.IInputModeContext,controller:yfiles.input.ConcurrencyController):void;
       /**
        * Determines whether the current location is valid to begin a bend creation gesture.
-       * @param {Object} source
-       * @param {yfiles.lang.EventArgs} evt
-       * @returns {boolean} 
+       * @param source
+       * @param evt
+       * @returns 
        * @protected
        */
       isValidBegin(source:Object,evt:yfiles.lang.EventArgs):boolean;
       /**
        * Triggers the {@link yfiles.input.CreateBendInputMode#addBendCreatedListener BendCreated} event.
-       * @param {yfiles.graph.BendEventArgs} evt
+       * @param evt
        * @protected
        */
       onBendCreated(evt:yfiles.graph.BendEventArgs):void;
@@ -35920,7 +35964,7 @@ declare namespace system{
       onConcurrencyControllerDeactivated():void;
       /**
        * Triggers the {@link yfiles.input.CreateBendInputMode#addDragCanceledListener DragCanceled} event.
-       * @param {yfiles.input.InputModeEventArgs} evt The event argument that contains context information.
+       * @param evt The event argument that contains context information.
        * @protected
        */
       onDragCanceled(evt:yfiles.input.InputModeEventArgs):void;
@@ -35929,7 +35973,7 @@ declare namespace system{
        * <p>
        * This method triggers the {@link yfiles.input.CreateBendInputMode#addDraggedListener Dragged} event.
        * </p>
-       * @param {yfiles.input.InputModeEventArgs} evt The event argument that contains context information.
+       * @param evt The event argument that contains context information.
        * @protected
        */
       onDragged(evt:yfiles.input.InputModeEventArgs):void;
@@ -35938,7 +35982,7 @@ declare namespace system{
        * <p>
        * This method triggers the {@link yfiles.input.CreateBendInputMode#addDraggingListener Dragging} event.
        * </p>
-       * @param {yfiles.input.InputModeEventArgs} evt The event argument that contains context information.
+       * @param evt The event argument that contains context information.
        * @protected
        */
       onDragging(evt:yfiles.input.InputModeEventArgs):void;
@@ -35955,7 +35999,7 @@ declare namespace system{
       onStopped():void;
       /**
        * 
-       * @returns {boolean} 
+       * @returns 
        */
       tryStop():boolean;
       /**
@@ -35967,7 +36011,7 @@ declare namespace system{
        * <p>
        * Overriding implementations should call the base implementation after their own code.
        * </p>
-       * @param {yfiles.input.IInputModeContext} context The context to deregister from. This is the same instance that had been passed to {@link yfiles.input.IInputMode#install} during
+       * @param context The context to deregister from. This is the same instance that had been passed to {@link #install} during
        * installation.
        */
       uninstall(context:yfiles.input.IInputModeContext):void;
@@ -36010,13 +36054,13 @@ declare namespace system{
       controller:yfiles.input.ConcurrencyController;
       /**
        * Adds the given listener for the <code>BendCreated</code> event that occurs once a bend creation gesture has been recognized.
-       * @param {function(Object, yfiles.graph.BendEventArgs): void} listener The listener to add.
+       * @param listener The listener to add.
        * @see yfiles.input.CreateBendInputMode#removeBendCreatedListener
        */
       addBendCreatedListener(listener:(sender:Object,evt:yfiles.graph.BendEventArgs)=>void):void;
       /**
        * Removes the given listener for the <code>BendCreated</code> event that occurs once a bend creation gesture has been recognized.
-       * @param {function(Object, yfiles.graph.BendEventArgs): void} listener The listener to remove.
+       * @param listener The listener to remove.
        * @see yfiles.input.CreateBendInputMode#addBendCreatedListener
        */
       removeBendCreatedListener(listener:(sender:Object,evt:yfiles.graph.BendEventArgs)=>void):void;
@@ -36093,37 +36137,37 @@ declare namespace system{
       graph:yfiles.graph.IGraph;
       /**
        * Adds the given listener for the <code>Dragging</code> event that occurs at the start of every drag.
-       * @param {function(Object, yfiles.input.InputModeEventArgs): void} listener The listener to add.
+       * @param listener The listener to add.
        * @see yfiles.input.CreateBendInputMode#removeDraggingListener
        */
       addDraggingListener(listener:(sender:Object,evt:yfiles.input.InputModeEventArgs)=>void):void;
       /**
        * Removes the given listener for the <code>Dragging</code> event that occurs at the start of every drag.
-       * @param {function(Object, yfiles.input.InputModeEventArgs): void} listener The listener to remove.
+       * @param listener The listener to remove.
        * @see yfiles.input.CreateBendInputMode#addDraggingListener
        */
       removeDraggingListener(listener:(sender:Object,evt:yfiles.input.InputModeEventArgs)=>void):void;
       /**
        * Adds the given listener for the <code>Dragged</code> event that occurs at the end of every drag.
-       * @param {function(Object, yfiles.input.InputModeEventArgs): void} listener The listener to add.
+       * @param listener The listener to add.
        * @see yfiles.input.CreateBendInputMode#removeDraggedListener
        */
       addDraggedListener(listener:(sender:Object,evt:yfiles.input.InputModeEventArgs)=>void):void;
       /**
        * Removes the given listener for the <code>Dragged</code> event that occurs at the end of every drag.
-       * @param {function(Object, yfiles.input.InputModeEventArgs): void} listener The listener to remove.
+       * @param listener The listener to remove.
        * @see yfiles.input.CreateBendInputMode#addDraggedListener
        */
       removeDraggedListener(listener:(sender:Object,evt:yfiles.input.InputModeEventArgs)=>void):void;
       /**
        * Adds the given listener for the <code>DragCanceled</code> event that occurs when the drag has been canceled.
-       * @param {function(Object, yfiles.input.InputModeEventArgs): void} listener The listener to add.
+       * @param listener The listener to add.
        * @see yfiles.input.CreateBendInputMode#removeDragCanceledListener
        */
       addDragCanceledListener(listener:(sender:Object,evt:yfiles.input.InputModeEventArgs)=>void):void;
       /**
        * Removes the given listener for the <code>DragCanceled</code> event that occurs when the drag has been canceled.
-       * @param {function(Object, yfiles.input.InputModeEventArgs): void} listener The listener to remove.
+       * @param listener The listener to remove.
        * @see yfiles.input.CreateBendInputMode#addDragCanceledListener
        */
       removeDragCanceledListener(listener:(sender:Object,evt:yfiles.input.InputModeEventArgs)=>void):void;
@@ -36163,7 +36207,7 @@ declare namespace system{
      * after the behavior used by {@link yfiles.input.GraphEditorInputMode}'s {@link yfiles.input.GraphEditorInputMode#createLabel} and
      * {@link yfiles.input.GraphEditorInputMode#editLabel}.
      * </p>
-     * @class yfiles.input.EditLabelHelper
+     * @class
      * @implements {yfiles.input.IEditLabelHelper}
      */
     export interface EditLabelHelper extends Object,yfiles.input.IEditLabelHelper{}
@@ -36173,9 +36217,9 @@ declare namespace system{
        * <p>
        * This method will obtain the default parameter instances from the {@link yfiles.input.EditLabelHelper#graph} considering the type of the current <code>owner</code>.
        * </p>
-       * @param {yfiles.input.IInputModeContext} context The input mode context.
-       * @param {yfiles.graph.ILabelOwner} owner The label's owner.
-       * @returns {yfiles.graph.ILabelModelParameter} The layout parameter to use or <code>null</code>.
+       * @param context The input mode context.
+       * @param owner The label's owner.
+       * @returns The layout parameter to use or <code>null</code>.
        * @protected
        */
       getLabelParameter(context:yfiles.input.IInputModeContext,owner:yfiles.graph.ILabelOwner):yfiles.graph.ILabelModelParameter;
@@ -36184,9 +36228,9 @@ declare namespace system{
        * <p>
        * This method will obtain the default style instances from the {@link yfiles.input.EditLabelHelper#graph} considering the type of the current <code>owner</code>.
        * </p>
-       * @param {yfiles.input.IInputModeContext} context The input mode context.
-       * @param {yfiles.graph.ILabelOwner} owner The label's owner.
-       * @returns {yfiles.styles.ILabelStyle} The style to use or <code>null</code>.
+       * @param context The input mode context.
+       * @param owner The label's owner.
+       * @returns The style to use or <code>null</code>.
        * @protected
        */
       getLabelStyle(context:yfiles.input.IInputModeContext,owner:yfiles.graph.ILabelOwner):yfiles.styles.ILabelStyle;
@@ -36196,9 +36240,9 @@ declare namespace system{
        * This implementation yields <code>null</code> to indicate that the preferred size should be calculated after the text has been
        * entered.
        * </p>
-       * @param {yfiles.input.IInputModeContext} context The input mode context.
-       * @param {yfiles.graph.ILabel} label The label to get the preferred size from.
-       * @returns {yfiles.geometry.Size} The size to use or <code>null</code>.
+       * @param context The input mode context.
+       * @param label The label to get the preferred size from.
+       * @returns The size to use or <code>null</code>.
        * @protected
        */
       getPreferredSize(context:yfiles.input.IInputModeContext,label:yfiles.graph.ILabel):yfiles.geometry.Size;
@@ -36209,7 +36253,7 @@ declare namespace system{
        * {@link yfiles.input.EditLabelHelper#getPreferredSize} to set the appropriate properties on <code>args</code> and sets the {@link yfiles.input.LabelEditingEventArgs#handled} property to
        * <code>true</code>. Label creation thus is always possible.
        * </p>
-       * @param {yfiles.input.LabelEditingEventArgs} evt The original event arguments.
+       * @param evt The original event arguments.
        */
       onLabelAdding(evt:yfiles.input.LabelEditingEventArgs):void;
       /**
@@ -36222,7 +36266,7 @@ declare namespace system{
        * <p>
        * The arguments are always set as {@link yfiles.input.LabelEditingEventArgs#handled}, so label editing is always possible.
        * </p>
-       * @param {yfiles.input.LabelEditingEventArgs} evt The original event arguments.
+       * @param evt The original event arguments.
        */
       onLabelEditing(evt:yfiles.input.LabelEditingEventArgs):void;
       /**
@@ -36249,7 +36293,7 @@ declare namespace system{
      * <p>
      * This mode is {@link yfiles.input.CreateEdgeInputMode#exclusive} by default.
      * </p>
-     * @class yfiles.input.CreateEdgeInputMode
+     * @class
      * @implements {yfiles.input.IInputMode}
      */
     export interface CreateEdgeInputMode extends Object,yfiles.input.IInputMode{}
@@ -36260,7 +36304,6 @@ declare namespace system{
        * Setting the {@link yfiles.input.CreateEdgeInputMode#graph} property can be used to optionally set a different graph to work on.
        * </p>
        * @see yfiles.input.CreateEdgeInputMode#graph
-       * @constructor
        */
       constructor();
       /**
@@ -36274,7 +36317,7 @@ declare namespace system{
       cancel():void;
       /**
        * Creates the dummy edge that will be displayed by the input mode during the creation.
-       * @returns {yfiles.graph.IEdge} An {@link yfiles.graph.IEdge} implementation that can be used as a dummy.
+       * @returns An {@link } implementation that can be used as a dummy.
        * @protected
        */
       createDummyEdge():yfiles.graph.IEdge;
@@ -36284,7 +36327,7 @@ declare namespace system{
        * Note that the instance returned by this instance must accept any port as valid source and target ports for it's {@link yfiles.graph.IGraph#setEdgePorts}
        * method. This will allow the preview edge to be connected to the actual {@link yfiles.input.CreateEdgeInputMode#graph}.
        * </p>
-       * @returns {yfiles.graph.IGraph} A graph instance that will be rendered as a preview.
+       * @returns A graph instance that will be rendered as a preview.
        * @protected
        */
       createDummyEdgeGraph():yfiles.graph.IGraph;
@@ -36296,10 +36339,10 @@ declare namespace system{
        * events are triggered. If the edge creation is canceled by the creator callback, newly created ports will be removed
        * again.
        * </p>
-       * @param {yfiles.graph.IGraph} graph The graph to create the edge for.
-       * @param {yfiles.input.IPortCandidate} sourcePortCandidate The candidate to use for the source.
-       * @param {yfiles.input.IPortCandidate} targetPortCandidate The candidate to use for the target.
-       * @returns {yfiles.graph.IEdge} The edge created or <code>null</code>.
+       * @param graph The graph to create the edge for.
+       * @param sourcePortCandidate The candidate to use for the source.
+       * @param targetPortCandidate The candidate to use for the target.
+       * @returns The edge created or <code>null</code>.
        * @protected
        */
       createEdge(graph:yfiles.graph.IGraph,sourcePortCandidate:yfiles.input.IPortCandidate,targetPortCandidate:yfiles.input.IPortCandidate):yfiles.graph.IEdge;
@@ -36309,14 +36352,14 @@ declare namespace system{
        * This method will actually create the edge using the {@link yfiles.input.CreateEdgeInputMode#createEdge} method. This method will
        * ultimately call {@link yfiles.input.CreateEdgeInputMode#onEdgeCreated}.
        * </p>
-       * @returns {yfiles.graph.IEdge} The edge created or <code>null</code>.
+       * @returns The edge created or <code>null</code>.
        * @protected
        */
       createEdge():yfiles.graph.IEdge;
       /**
        * Creates an {@link yfiles.input.IInputModeContext} for use with the port candidates queries for the upcoming edge creation
        * operation and the actual edge creation
-       * @returns {yfiles.input.IInputModeContext} An instance of {@link yfiles.input.IInputModeContext} that is configured for this mode.
+       * @returns An instance of {@link } that is configured for this mode.
        * @protected
        */
       createEdgeCreationInputModeContext():yfiles.input.IInputModeContext;
@@ -36325,41 +36368,41 @@ declare namespace system{
        * port.
        * <p>
        * This instance needs to be {@link yfiles.input.IInputMode#install installed} and {@link yfiles.input.CreateEdgeInputMode#enabled} and it needs to be able to {@link yfiles.input.ConcurrencyController#canRequestMutex request the input mutex} in order to proceed. If any
-       * of these conditions are not satisfied, this method will throw an {@link Stubs.Exceptions.InvalidOperationError}.
+       * of these conditions are not satisfied, this method will throw an {@link yfiles.lang.Exception}.
        * </p>
-       * @param {yfiles.input.IPortCandidate} sourcePortCandidate The source port candidate to use for the edge creation.
+       * @param sourcePortCandidate The source port candidate to use for the edge creation.
        */
       doStartEdgeCreation(sourcePortCandidate:yfiles.input.IPortCandidate):void;
       /**
        * Finds the closest {@link yfiles.input.PortCandidateValidity#VALID} candidate given a number of
        * {@link yfiles.input.IPortCandidate}s and a location in world coordinates.
-       * @param {yfiles.collections.IEnumerable.<yfiles.input.IPortCandidate>} candidates The candidates to find the closest from.
-       * @param {yfiles.geometry.Point} location The location of the mouse in world coordinates.
-       * @returns {yfiles.input.IPortCandidate} The candidate to use or <code>null</code> if no candidate satisfies the needs
+       * @param candidates The candidates to find the closest from.
+       * @param location The location of the mouse in world coordinates.
+       * @returns The candidate to use or <code>null</code> if no candidate satisfies the needs
        * @protected
        */
       getClosestCandidate(candidates:yfiles.collections.IEnumerable<yfiles.input.IPortCandidate>,location:yfiles.geometry.Point):yfiles.input.IPortCandidate;
       /**
        * Finds the closest candidate given a number of {@link yfiles.input.IPortCandidate}s and a location in world coordinates.
-       * @param {yfiles.collections.IEnumerable.<yfiles.input.IPortCandidate>} candidates The candidates to find the closest from.
-       * @param {yfiles.geometry.Point} location The location of the pointer in world coordinates.
-       * @returns {yfiles.input.IPortCandidate} The candidate to use or <code>null</code> if no candidate satisfies the needs
+       * @param candidates The candidates to find the closest from.
+       * @param location The location of the pointer in world coordinates.
+       * @returns The candidate to use or <code>null</code> if no candidate satisfies the needs
        * @protected
        */
       getClosestSourceCandidate(candidates:yfiles.collections.IEnumerable<yfiles.input.IPortCandidate>,location:yfiles.geometry.Point):yfiles.input.IPortCandidate;
       /**
        * Finds the closest target candidate given a number of {@link yfiles.input.IPortCandidate}s and a location in world coordinates.
-       * @param {yfiles.collections.IEnumerable.<yfiles.input.IPortCandidate>} candidates The candidates to find the closest from.
-       * @param {yfiles.geometry.Point} location The location of the mouse in world coordinates.
-       * @returns {yfiles.input.IPortCandidate} The candidate to use or <code>null</code> if no candidate satisfies the needs or {@link yfiles.input.CreateEdgeInputMode#enforceBendCreationRecognizer} yields <code>true</code>.
+       * @param candidates The candidates to find the closest from.
+       * @param location The location of the mouse in world coordinates.
+       * @returns The candidate to use or <code>null</code> if no candidate satisfies the needs or {@link #enforceBendCreationRecognizer} yields <code>true</code>.
        * @protected
        */
       getClosestTargetCandidate(candidates:yfiles.collections.IEnumerable<yfiles.input.IPortCandidate>,location:yfiles.geometry.Point):yfiles.input.IPortCandidate;
       /**
        * Gets the snap lines lines that are induced by the current dummy edge.
-       * @param {yfiles.input.GraphSnapContext} context The graph snap context.
-       * @param {yfiles.input.ISnapLineProvider} provider The dummy edge segment snap line provider.
-       * @returns {yfiles.collections.IEnumerable.<yfiles.input.OrthogonalSnapLine>} The snap lines induced by the current dummy edge.
+       * @param context The graph snap context.
+       * @param provider The dummy edge segment snap line provider.
+       * @returns The snap lines induced by the current dummy edge.
        * @protected
        */
       getDummyEdgeSnapLines(context:yfiles.input.GraphSnapContext,provider:yfiles.input.ISnapLineProvider):yfiles.collections.IEnumerable<yfiles.input.OrthogonalSnapLine>;
@@ -36370,7 +36413,7 @@ declare namespace system{
        * point the way the user dragged the mouse. An edge starting in the inner of the node will be directed the way dragged
        * unless another edge that is close to the new edge ({@link yfiles.input.CreateEdgeInputMode#preferredMinimalEdgeDistance}) already went that way.
        * </p>
-       * @returns {yfiles.input.EdgeSegmentDirection} A {@link yfiles.input.EdgeSegmentDirection} defining the direction of the first edge segment.
+       * @returns A {@link } defining the direction of the first edge segment.
        * @protected
        */
       getFirstSegmentDirection():yfiles.input.EdgeSegmentDirection;
@@ -36381,10 +36424,10 @@ declare namespace system{
        * 
        * <br />
        * Otherwise this implementation calls the {@link yfiles.styles.INodeStyleRenderer#getHitTestable} method of the nodes to find hit
-       * nodes and uses the {@link system.collections.Comparer} to determine the first hit node.
+       * nodes and uses an {@link yfiles.collections.IComparer.<T>} to determine the first hit node.
        * </p>
-       * @param {yfiles.geometry.Point} location The position in world coordinates.
-       * @returns {yfiles.graph.IPortOwner} The node or <code>null</code> if no suitable node was found.
+       * @param location The position in world coordinates.
+       * @returns The node or <code>null</code> if no suitable node was found.
        * @protected
        */
       getPortOwner(location:yfiles.geometry.Point):yfiles.graph.IPortOwner;
@@ -36394,7 +36437,7 @@ declare namespace system{
        * This implementation only considers nodes in the graph unless {@link yfiles.input.CreateEdgeInputMode#allowEdgeToEdgeConnections} is set to
        * <code>true</code>, in which case edges are also added to the enumerable.
        * </p>
-       * @returns {yfiles.collections.IEnumerable.<yfiles.graph.IPortOwner>} An enumerable over all {@link yfiles.graph.IPortOwner}s in this graph
+       * @returns An enumerable over all {@link }s in this graph
        * @protected
        */
       getPortOwners():yfiles.collections.IEnumerable<yfiles.graph.IPortOwner>;
@@ -36405,8 +36448,8 @@ declare namespace system{
        * <br />
        * This default implementation simply delegates to {@link yfiles.input.CreateEdgeInputMode#getPortOwner}.
        * </p>
-       * @param {yfiles.geometry.Point} sourceLocation The location of the mouse at the beginning of the gesture.
-       * @returns {yfiles.graph.IPortOwner} The port owner to use for the source node or <code>null</code>.
+       * @param sourceLocation The location of the mouse at the beginning of the gesture.
+       * @returns The port owner to use for the source node or <code>null</code>.
        * @protected
        */
       getSource(sourceLocation:yfiles.geometry.Point):yfiles.graph.IPortOwner;
@@ -36416,11 +36459,11 @@ declare namespace system{
        * The <code>resolveCandidates</code> parameter determines whether dynamic port candidates should be {@link yfiles.input.CreateEdgeInputMode#resolveCandidates resolved} with respect to <code>location</code>
        * or simply be discarded.
        * </p>
-       * @param {yfiles.input.IPortCandidateProvider} provider The provider for the candidates.
-       * @param {yfiles.geometry.Point} location The location where the gesture was initiated.
-       * @param {boolean} resolveCandidates Determines whether {@link yfiles.input.PortCandidateValidity#DYNAMIC} ports should be resolved with respect to the <code>location</code> or
+       * @param provider The provider for the candidates.
+       * @param location The location where the gesture was initiated.
+       * @param resolveCandidates Determines whether {@link #DYNAMIC} ports should be resolved with respect to the <code>location</code> or
        * not.
-       * @returns {yfiles.input.IPortCandidate} The candidate to use or <code>null</code>.
+       * @returns The candidate to use or <code>null</code>.
        * @see yfiles.input.CreateEdgeInputMode#resolveSourcePortCandidates
        * @see yfiles.input.CreateEdgeInputMode#portCandidateResolutionRecognizer
        * @protected
@@ -36432,8 +36475,8 @@ declare namespace system{
        * This implementation will use the {@link yfiles.input.CreateEdgeInputMode#getSource port owner} to look up the {@link yfiles.input.IPortCandidateProvider port candidate provider} and finally delegate to
        * {@link yfiles.input.CreateEdgeInputMode#getSourcePortCandidate}.
        * </p>
-       * @param {yfiles.geometry.Point} location The location where the gesture was initiated.
-       * @returns {yfiles.input.IPortCandidate} 
+       * @param location The location where the gesture was initiated.
+       * @returns 
        * @see yfiles.input.CreateEdgeInputMode#getSource
        * @see yfiles.input.CreateEdgeInputMode#getSourcePortCandidateProvider
        * @see yfiles.input.CreateEdgeInputMode#getSourcePortCandidate
@@ -36446,8 +36489,8 @@ declare namespace system{
        * This implementations uses the <code>sourceOwner</code>'s {@link yfiles.graph.ILookup#lookup} to retrieve an {@link yfiles.input.IPortCandidateProvider}
        * implementation.
        * </p>
-       * @param {yfiles.graph.IPortOwner} sourceOwner The {@link yfiles.graph.IPortOwner} to find the candidates for.
-       * @returns {yfiles.input.IPortCandidateProvider} A provider instance or <code>null</code>.
+       * @param sourceOwner The {@link } to find the candidates for.
+       * @returns A provider instance or <code>null</code>.
        * @protected
        */
       getSourcePortCandidateProvider(sourceOwner:yfiles.graph.IPortOwner):yfiles.input.IPortCandidateProvider;
@@ -36458,8 +36501,8 @@ declare namespace system{
        * <br />
        * This default implementation simply delegates to {@link yfiles.input.CreateEdgeInputMode#getPortOwner}.
        * </p>
-       * @param {yfiles.geometry.Point} targetLocation The location of the pointer at the beginning of the gesture.
-       * @returns {yfiles.graph.IPortOwner} The port owner or <code>null</code>.
+       * @param targetLocation The location of the pointer at the beginning of the gesture.
+       * @returns The port owner or <code>null</code>.
        * @protected
        */
       getTarget(targetLocation:yfiles.geometry.Point):yfiles.graph.IPortOwner;
@@ -36469,10 +36512,10 @@ declare namespace system{
        * This implementations uses the <code>targetOwner</code>'s {@link yfiles.graph.ILookup#lookup} to retrieve an {@link yfiles.input.IPortCandidateProvider}
        * implementation.
        * </p>
-       * @param {yfiles.input.IPortCandidate} sourcePortCandidate The current source port candidate.
-       * @param {yfiles.graph.IPortOwner} targetOwner The {@link yfiles.graph.IPortOwner} to find the candidates for.
-       * @param {yfiles.geometry.Point} location The location of the mouse.
-       * @returns {yfiles.input.IPortCandidateProvider} A provider instance or <code>null</code>.
+       * @param sourcePortCandidate The current source port candidate.
+       * @param targetOwner The {@link } to find the candidates for.
+       * @param location The location of the mouse.
+       * @returns A provider instance or <code>null</code>.
        * @protected
        */
       getTargetPortCandidateProvider(sourcePortCandidate:yfiles.input.IPortCandidate,targetOwner:yfiles.graph.IPortOwner,location:yfiles.geometry.Point):yfiles.input.IPortCandidateProvider;
@@ -36483,9 +36526,9 @@ declare namespace system{
        * This implementation queries all nodes in the graph for {@link yfiles.input.CreateEdgeInputMode#getTargetPortCandidateProvider their provider} and returns a composite unless {@link yfiles.input.CreateEdgeInputMode#useHitItemsCandidatesOnly} is set to <code>true</code> in
        * which case the {@link yfiles.input.CreateEdgeInputMode#getTargetPortCandidateProvider} is queried using the current {@link yfiles.input.CreateEdgeInputMode#getTarget target}.
        * </p>
-       * @param {yfiles.input.IPortCandidate} sourcePortCandidate The source candidate that has been chosen for the edge creation.
-       * @param {yfiles.geometry.Point} location The location of the mouse.
-       * @returns {yfiles.input.IPortCandidateProvider} The provider to get the port candidates from.
+       * @param sourcePortCandidate The source candidate that has been chosen for the edge creation.
+       * @param location The location of the mouse.
+       * @returns The provider to get the port candidates from.
        * @protected
        */
       getTargetPortCandidateProvider(sourcePortCandidate:yfiles.input.IPortCandidate,location:yfiles.geometry.Point):yfiles.input.IPortCandidateProvider;
@@ -36496,10 +36539,10 @@ declare namespace system{
        * or simply be discarded. This implementation delegates to {@link yfiles.input.CreateEdgeInputMode#getTargetPortCandidateProvider}
        * or returns an empty enumerable if no provider has been found.
        * </p>
-       * @param {yfiles.geometry.Point} location The location of the mouse in world coordinates.
-       * @param {boolean} resolveCandidates Determines whether {@link yfiles.input.PortCandidateValidity#DYNAMIC} ports should be resolved with respect to the <code>location</code> or
+       * @param location The location of the mouse in world coordinates.
+       * @param resolveCandidates Determines whether {@link #DYNAMIC} ports should be resolved with respect to the <code>location</code> or
        * not.
-       * @returns {yfiles.collections.IEnumerable.<yfiles.input.IPortCandidate>} A possibly empty enumeration over all target port candidates.
+       * @returns A possibly empty enumeration over all target port candidates.
        * @see yfiles.input.CreateEdgeInputMode#sourcePortCandidate
        * @see yfiles.input.CreateEdgeInputMode#resolveTargetPortCandidates
        * @see yfiles.input.CreateEdgeInputMode#portCandidateResolutionRecognizer
@@ -36518,10 +36561,10 @@ declare namespace system{
        * <p>
        * Overriding implementations should call the base implementation, first.
        * </p>
-       * @param {yfiles.input.IInputModeContext} context The context that this instance shall be installed into. The same instance will be passed to this instance during
-       * {@link yfiles.input.IInputMode#uninstall}. A reference to the context may be kept and queried during the time the mode is
+       * @param context The context that this instance shall be installed into. The same instance will be passed to this instance during
+       * {@link #uninstall}. A reference to the context may be kept and queried during the time the mode is
        * installed.
-       * @param {yfiles.input.ConcurrencyController} controller The {@link yfiles.input.CreateEdgeInputMode#controller} for this mode.
+       * @param controller The {@link #controller} for this mode.
        * @see yfiles.input.IInputMode#uninstall
        */
       install(context:yfiles.input.IInputModeContext,controller:yfiles.input.ConcurrencyController):void;
@@ -36565,26 +36608,26 @@ declare namespace system{
        * This method will trigger the {@link yfiles.input.CreateEdgeInputMode#addEdgeCreatedListener EdgeCreated}
        * event.
        * </p>
-       * @param {yfiles.graph.EdgeEventArgs} evt The event argument holding the edge.
+       * @param evt The event argument holding the edge.
        * @protected
        */
       onEdgeCreated(evt:yfiles.graph.EdgeEventArgs):void;
       /**
        * Raises the {@link yfiles.input.CreateEdgeInputMode#addEdgeCreationStartedListener EdgeCreationStarted} event when
        * the gesture for creating an edge has been initialized.
-       * @param {yfiles.graph.EdgeEventArgs} evt The {@link yfiles.collections.ItemEventArgs.<T>} instance containing the dummy edge that will be used during edge creation.
+       * @param evt The {@link } instance containing the dummy edge that will be used during edge creation.
        * @protected
        */
       onEdgeCreationStarted(evt:yfiles.graph.EdgeEventArgs):void;
       /**
        * Triggers the {@link yfiles.input.CreateEdgeInputMode#addGestureCanceledListener GestureCanceled} event.
-       * @param {yfiles.input.InputModeEventArgs} evt The event argument that contains context information.
+       * @param evt The event argument that contains context information.
        * @protected
        */
       onGestureCanceled(evt:yfiles.input.InputModeEventArgs):void;
       /**
        * Triggers the {@link yfiles.input.CreateEdgeInputMode#addGestureCancelingListener GestureCanceling} event.
-       * @param {yfiles.input.InputModeEventArgs} evt The event argument that contains context information.
+       * @param evt The event argument that contains context information.
        * @protected
        */
       onGestureCanceling(evt:yfiles.input.InputModeEventArgs):void;
@@ -36594,7 +36637,7 @@ declare namespace system{
        * This method triggers the {@link yfiles.input.CreateEdgeInputMode#addGestureFinishedListener GestureFinished}
        * event.
        * </p>
-       * @param {yfiles.input.InputModeEventArgs} evt The event argument that contains context information.
+       * @param evt The event argument that contains context information.
        * @protected
        */
       onGestureFinished(evt:yfiles.input.InputModeEventArgs):void;
@@ -36604,19 +36647,19 @@ declare namespace system{
        * This method triggers the {@link yfiles.input.CreateEdgeInputMode#addGestureFinishingListener GestureFinishing}
        * event.
        * </p>
-       * @param {yfiles.input.InputModeEventArgs} evt The event argument that contains context information.
+       * @param evt The event argument that contains context information.
        * @protected
        */
       onGestureFinishing(evt:yfiles.input.InputModeEventArgs):void;
       /**
        * Triggers the {@link yfiles.input.CreateEdgeInputMode#addGestureStartedListener GestureStarted} event.
-       * @param {yfiles.input.InputModeEventArgs} evt The event argument that contains context information.
+       * @param evt The event argument that contains context information.
        * @protected
        */
       onGestureStarted(evt:yfiles.input.InputModeEventArgs):void;
       /**
        * Triggers the {@link yfiles.input.CreateEdgeInputMode#addGestureStartingListener GestureStarting} event.
-       * @param {yfiles.input.InputModeEventArgs} evt The event argument that contains context information.
+       * @param evt The event argument that contains context information.
        * @protected
        */
       onGestureStarting(evt:yfiles.input.InputModeEventArgs):void;
@@ -36625,7 +36668,7 @@ declare namespace system{
        * <p>
        * This method triggers the {@link yfiles.input.CreateEdgeInputMode#addMovedListener Moved} event.
        * </p>
-       * @param {yfiles.input.InputModeEventArgs} evt The event argument that contains context information.
+       * @param evt The event argument that contains context information.
        * @protected
        */
       onMoved(evt:yfiles.input.InputModeEventArgs):void;
@@ -36634,14 +36677,14 @@ declare namespace system{
        * <p>
        * This method triggers the {@link yfiles.input.CreateEdgeInputMode#addMovingListener Moving} event.
        * </p>
-       * @param {yfiles.input.InputModeEventArgs} evt The event argument that contains context information.
+       * @param evt The event argument that contains context information.
        * @protected
        */
       onMoving(evt:yfiles.input.InputModeEventArgs):void;
       /**
        * Raises the {@link yfiles.input.CreateEdgeInputMode#addPortAddedListener PortAdded} event if the mode has
        * {@link yfiles.graph.IGraph#addPort added a port} for the source or target node to complete the edge creation.
-       * @param {yfiles.collections.ItemEventArgs.<yfiles.graph.IPort>} evt The {@link yfiles.collections.ItemEventArgs.<T>} instance containing the port that has been added.
+       * @param evt The {@link } instance containing the port that has been added.
        * @see yfiles.input.CreateEdgeInputMode#addPortAddedListener
        * @protected
        */
@@ -36649,7 +36692,7 @@ declare namespace system{
       /**
        * Triggers the {@link yfiles.input.CreateEdgeInputMode#addSourcePortCandidateChangedListener SourcePortCandidateChanged}
        * event.
-       * @param {yfiles.collections.ItemEventArgs.<yfiles.input.IPortCandidate>} evt The event argument that contains context information.
+       * @param evt The event argument that contains context information.
        * @protected
        */
       onSourcePortCandidateChanged(evt:yfiles.collections.ItemEventArgs<yfiles.input.IPortCandidate>):void;
@@ -36667,7 +36710,7 @@ declare namespace system{
       /**
        * Triggers the {@link yfiles.input.CreateEdgeInputMode#addTargetPortCandidateChangedListener TargetPortCandidateChanged}
        * event.
-       * @param {yfiles.collections.ItemEventArgs.<yfiles.input.IPortCandidate>} evt The event argument that contains context information.
+       * @param evt The event argument that contains context information.
        * @protected
        */
       onTargetPortCandidateChanged(evt:yfiles.collections.ItemEventArgs<yfiles.input.IPortCandidate>):void;
@@ -36677,15 +36720,15 @@ declare namespace system{
        * If the location has a value, method {@link yfiles.input.IPortCandidate#getPortCandidateAt} is used to resolve the dynamic
        * candidate to a real candidate, otherwise that candidate is discarded.
        * </p>
-       * @param {yfiles.collections.IEnumerable.<yfiles.input.IPortCandidate>} candidates The candidates to possibly resolve.
-       * @param {yfiles.geometry.Point} location The location to resolve dynamic candidates against or <code>null</code> if they should be discarded instead.
-       * @returns {yfiles.collections.IEnumerable.<yfiles.input.IPortCandidate>} An enumerable of non-{@link yfiles.input.PortCandidateValidity#DYNAMIC} port candidates.
+       * @param candidates The candidates to possibly resolve.
+       * @param location The location to resolve dynamic candidates against or <code>null</code> if they should be discarded instead.
+       * @returns An enumerable of non-{@link #DYNAMIC} port candidates.
        * @protected
        */
       resolveCandidates(candidates:yfiles.collections.IEnumerable<yfiles.input.IPortCandidate>,location:yfiles.geometry.Point):yfiles.collections.IEnumerable<yfiles.input.IPortCandidate>;
       /**
        * 
-       * @returns {boolean} 
+       * @returns 
        */
       tryStop():boolean;
       /**
@@ -36697,7 +36740,7 @@ declare namespace system{
        * <p>
        * Overriding implementations should call the base implementation after their own code.
        * </p>
-       * @param {yfiles.input.IInputModeContext} context The context to deregister from. This is the same instance that had been passed to {@link yfiles.input.IInputMode#install} during
+       * @param context The context to deregister from. This is the same instance that had been passed to {@link #install} during
        * installation.
        */
       uninstall(context:yfiles.input.IInputModeContext):void;
@@ -36706,7 +36749,7 @@ declare namespace system{
        * <p>
        * This implementation creates a self loop of the dummy edge if the <code>sourcePortCandidate</code> is the same as the owner of the {@link yfiles.input.CreateEdgeInputMode#targetPortCandidate}.
        * </p>
-       * @param {yfiles.input.IPortCandidate} sourcePortCandidate The new owner target port candidate.
+       * @param sourcePortCandidate The new owner target port candidate.
        * @protected
        */
       updateDummyEdgeSourcePort(sourcePortCandidate:yfiles.input.IPortCandidate):void;
@@ -36715,7 +36758,7 @@ declare namespace system{
        * <p>
        * This implementation creates a self loop of the dummy edge if the <code>targetPortCandidate</code> is the same as the owner of the {@link yfiles.input.CreateEdgeInputMode#sourcePortCandidate}.
        * </p>
-       * @param {yfiles.input.IPortCandidate} targetPortCandidate The new owner target port candidate.
+       * @param targetPortCandidate The new owner target port candidate.
        * @protected
        */
       updateDummyEdgeTargetPort(targetPortCandidate:yfiles.input.IPortCandidate):void;
@@ -36724,7 +36767,7 @@ declare namespace system{
        * <p>
        * This method is called when the current target location for the creation gesture is changed.
        * </p>
-       * @param {yfiles.geometry.Point} location The new coordinates.
+       * @param location The new coordinates.
        * @protected
        */
       updateTargetLocation(location:yfiles.geometry.Point):void;
@@ -37008,7 +37051,7 @@ declare namespace system{
        * </p>
        * @see yfiles.input.GraphEditorInputMode#orthogonalEdgeEditingContext
        * @see yfiles.input.OrthogonalEdgeEditingContext#enabled
-       * @default 0
+       * @default yfiles.input.OrthogonalEdgeEditingPolicy.AUTO
        * @type {yfiles.input.OrthogonalEdgeEditingPolicy}
        */
       orthogonalEdgeCreation:yfiles.input.OrthogonalEdgeEditingPolicy;
@@ -37158,27 +37201,27 @@ declare namespace system{
       targetPortCandidate:yfiles.input.IPortCandidate;
       /**
        * Adds the given listener for the <code>SourcePortCandidateChanged</code> event that occurs when the value of the {@link yfiles.input.CreateEdgeInputMode#sourcePortCandidate} property changes.
-       * @param {function(Object, yfiles.collections.ItemEventArgs.<yfiles.input.IPortCandidate>): void} listener The listener to add.
+       * @param listener The listener to add.
        * @see yfiles.input.CreateEdgeInputMode#removeSourcePortCandidateChangedListener
        */
       addSourcePortCandidateChangedListener(listener:(sender:Object,evt:yfiles.collections.ItemEventArgs<yfiles.input.IPortCandidate>)=>void):void;
       /**
        * Removes the given listener for the <code>SourcePortCandidateChanged</code> event that occurs when the value of the {@link yfiles.input.CreateEdgeInputMode#sourcePortCandidate} property
        * changes.
-       * @param {function(Object, yfiles.collections.ItemEventArgs.<yfiles.input.IPortCandidate>): void} listener The listener to remove.
+       * @param listener The listener to remove.
        * @see yfiles.input.CreateEdgeInputMode#addSourcePortCandidateChangedListener
        */
       removeSourcePortCandidateChangedListener(listener:(sender:Object,evt:yfiles.collections.ItemEventArgs<yfiles.input.IPortCandidate>)=>void):void;
       /**
        * Adds the given listener for the <code>TargetPortCandidateChanged</code> event that occurs when the value of the {@link yfiles.input.CreateEdgeInputMode#targetPortCandidate} property changes.
-       * @param {function(Object, yfiles.collections.ItemEventArgs.<yfiles.input.IPortCandidate>): void} listener The listener to add.
+       * @param listener The listener to add.
        * @see yfiles.input.CreateEdgeInputMode#removeTargetPortCandidateChangedListener
        */
       addTargetPortCandidateChangedListener(listener:(sender:Object,evt:yfiles.collections.ItemEventArgs<yfiles.input.IPortCandidate>)=>void):void;
       /**
        * Removes the given listener for the <code>TargetPortCandidateChanged</code> event that occurs when the value of the {@link yfiles.input.CreateEdgeInputMode#targetPortCandidate} property
        * changes.
-       * @param {function(Object, yfiles.collections.ItemEventArgs.<yfiles.input.IPortCandidate>): void} listener The listener to remove.
+       * @param listener The listener to remove.
        * @see yfiles.input.CreateEdgeInputMode#addTargetPortCandidateChangedListener
        */
       removeTargetPortCandidateChangedListener(listener:(sender:Object,evt:yfiles.collections.ItemEventArgs<yfiles.input.IPortCandidate>)=>void):void;
@@ -37196,14 +37239,14 @@ declare namespace system{
       cancelEditImplicitly:boolean;
       /**
        * Adds the given listener for the <code>EdgeCreated</code> event that occurs after an edge has been created by this mode.
-       * @param {function(Object, yfiles.graph.EdgeEventArgs): void} listener The listener to add.
+       * @param listener The listener to add.
        * @see yfiles.input.CreateEdgeInputMode#onEdgeCreated
        * @see yfiles.input.CreateEdgeInputMode#removeEdgeCreatedListener
        */
       addEdgeCreatedListener(listener:(sender:Object,evt:yfiles.graph.EdgeEventArgs)=>void):void;
       /**
        * Removes the given listener for the <code>EdgeCreated</code> event that occurs after an edge has been created by this mode.
-       * @param {function(Object, yfiles.graph.EdgeEventArgs): void} listener The listener to remove.
+       * @param listener The listener to remove.
        * @see yfiles.input.CreateEdgeInputMode#onEdgeCreated
        * @see yfiles.input.CreateEdgeInputMode#addEdgeCreatedListener
        */
@@ -37211,14 +37254,14 @@ declare namespace system{
       /**
        * Adds the given listener for the <code>PortAdded</code> event that occurs when this instance {@link yfiles.graph.IGraph#addPort adds a port} to the source or target node
        * during completion of the edge creation gesture.
-       * @param {function(Object, yfiles.collections.ItemEventArgs.<yfiles.graph.IPort>): void} listener The listener to add.
+       * @param listener The listener to add.
        * @see yfiles.input.CreateEdgeInputMode#removePortAddedListener
        */
       addPortAddedListener(listener:(sender:Object,evt:yfiles.collections.ItemEventArgs<yfiles.graph.IPort>)=>void):void;
       /**
        * Removes the given listener for the <code>PortAdded</code> event that occurs when this instance {@link yfiles.graph.IGraph#addPort adds a port} to the source or target
        * node during completion of the edge creation gesture.
-       * @param {function(Object, yfiles.collections.ItemEventArgs.<yfiles.graph.IPort>): void} listener The listener to remove.
+       * @param listener The listener to remove.
        * @see yfiles.input.CreateEdgeInputMode#addPortAddedListener
        */
       removePortAddedListener(listener:(sender:Object,evt:yfiles.collections.ItemEventArgs<yfiles.graph.IPort>)=>void):void;
@@ -37243,6 +37286,9 @@ declare namespace system{
       /**
        * Gets or sets a {@link yfiles.input.IHitTestable} that determines, whether it is valid to finish an edge creation gesture here.
        * <p>
+       * If fact this hit testable is only queried at all if {@link yfiles.input.CreateEdgeInputMode#forceSnapToCandidate} is disabled and if there is currently no {@link yfiles.input.CreateEdgeInputMode#targetPortCandidate} available.
+       * </p>
+       * <p>
        * The default implementation returns <code>true</code> if there is a node at the given location.
        * </p>
        * @type {yfiles.input.IHitTestable}
@@ -37276,97 +37322,97 @@ declare namespace system{
       isCreationInProgress:boolean;
       /**
        * Adds the given listener for the <code>GestureFinishing</code> event that occurs before the gesture will be finished.
-       * @param {function(Object, yfiles.input.InputModeEventArgs): void} listener The listener to add.
+       * @param listener The listener to add.
        * @see yfiles.input.CreateEdgeInputMode#removeGestureFinishingListener
        */
       addGestureFinishingListener(listener:(sender:Object,evt:yfiles.input.InputModeEventArgs)=>void):void;
       /**
        * Removes the given listener for the <code>GestureFinishing</code> event that occurs before the gesture will be finished.
-       * @param {function(Object, yfiles.input.InputModeEventArgs): void} listener The listener to remove.
+       * @param listener The listener to remove.
        * @see yfiles.input.CreateEdgeInputMode#addGestureFinishingListener
        */
       removeGestureFinishingListener(listener:(sender:Object,evt:yfiles.input.InputModeEventArgs)=>void):void;
       /**
        * Adds the given listener for the <code>GestureFinished</code> event that occurs once the gesture has been finished.
-       * @param {function(Object, yfiles.input.InputModeEventArgs): void} listener The listener to add.
+       * @param listener The listener to add.
        * @see yfiles.input.CreateEdgeInputMode#removeGestureFinishedListener
        */
       addGestureFinishedListener(listener:(sender:Object,evt:yfiles.input.InputModeEventArgs)=>void):void;
       /**
        * Removes the given listener for the <code>GestureFinished</code> event that occurs once the gesture has been finished.
-       * @param {function(Object, yfiles.input.InputModeEventArgs): void} listener The listener to remove.
+       * @param listener The listener to remove.
        * @see yfiles.input.CreateEdgeInputMode#addGestureFinishedListener
        */
       removeGestureFinishedListener(listener:(sender:Object,evt:yfiles.input.InputModeEventArgs)=>void):void;
       /**
        * Adds the given listener for the <code>GestureStarting</code> event that occurs once the gesture is starting.
-       * @param {function(Object, yfiles.input.InputModeEventArgs): void} listener The listener to add.
+       * @param listener The listener to add.
        * @see yfiles.input.CreateEdgeInputMode#removeGestureStartingListener
        */
       addGestureStartingListener(listener:(sender:Object,evt:yfiles.input.InputModeEventArgs)=>void):void;
       /**
        * Removes the given listener for the <code>GestureStarting</code> event that occurs once the gesture is starting.
-       * @param {function(Object, yfiles.input.InputModeEventArgs): void} listener The listener to remove.
+       * @param listener The listener to remove.
        * @see yfiles.input.CreateEdgeInputMode#addGestureStartingListener
        */
       removeGestureStartingListener(listener:(sender:Object,evt:yfiles.input.InputModeEventArgs)=>void):void;
       /**
        * Adds the given listener for the <code>GestureStarted</code> event that occurs once the gesture is initialized and has started.
-       * @param {function(Object, yfiles.input.InputModeEventArgs): void} listener The listener to add.
+       * @param listener The listener to add.
        * @see yfiles.input.CreateEdgeInputMode#removeGestureStartedListener
        */
       addGestureStartedListener(listener:(sender:Object,evt:yfiles.input.InputModeEventArgs)=>void):void;
       /**
        * Removes the given listener for the <code>GestureStarted</code> event that occurs once the gesture is initialized and has started.
-       * @param {function(Object, yfiles.input.InputModeEventArgs): void} listener The listener to remove.
+       * @param listener The listener to remove.
        * @see yfiles.input.CreateEdgeInputMode#addGestureStartedListener
        */
       removeGestureStartedListener(listener:(sender:Object,evt:yfiles.input.InputModeEventArgs)=>void):void;
       /**
        * Adds the given listener for the <code>Moving</code> event that occurs at the start of every drag or move.
-       * @param {function(Object, yfiles.input.InputModeEventArgs): void} listener The listener to add.
+       * @param listener The listener to add.
        * @see yfiles.input.CreateEdgeInputMode#removeMovingListener
        */
       addMovingListener(listener:(sender:Object,evt:yfiles.input.InputModeEventArgs)=>void):void;
       /**
        * Removes the given listener for the <code>Moving</code> event that occurs at the start of every drag or move.
-       * @param {function(Object, yfiles.input.InputModeEventArgs): void} listener The listener to remove.
+       * @param listener The listener to remove.
        * @see yfiles.input.CreateEdgeInputMode#addMovingListener
        */
       removeMovingListener(listener:(sender:Object,evt:yfiles.input.InputModeEventArgs)=>void):void;
       /**
        * Adds the given listener for the <code>Moved</code> event that occurs at the end of every drag or move.
-       * @param {function(Object, yfiles.input.InputModeEventArgs): void} listener The listener to add.
+       * @param listener The listener to add.
        * @see yfiles.input.CreateEdgeInputMode#removeMovedListener
        */
       addMovedListener(listener:(sender:Object,evt:yfiles.input.InputModeEventArgs)=>void):void;
       /**
        * Removes the given listener for the <code>Moved</code> event that occurs at the end of every drag or move.
-       * @param {function(Object, yfiles.input.InputModeEventArgs): void} listener The listener to remove.
+       * @param listener The listener to remove.
        * @see yfiles.input.CreateEdgeInputMode#addMovedListener
        */
       removeMovedListener(listener:(sender:Object,evt:yfiles.input.InputModeEventArgs)=>void):void;
       /**
        * Adds the given listener for the <code>GestureCanceled</code> event that occurs when the gesture has been canceled.
-       * @param {function(Object, yfiles.input.InputModeEventArgs): void} listener The listener to add.
+       * @param listener The listener to add.
        * @see yfiles.input.CreateEdgeInputMode#removeGestureCanceledListener
        */
       addGestureCanceledListener(listener:(sender:Object,evt:yfiles.input.InputModeEventArgs)=>void):void;
       /**
        * Removes the given listener for the <code>GestureCanceled</code> event that occurs when the gesture has been canceled.
-       * @param {function(Object, yfiles.input.InputModeEventArgs): void} listener The listener to remove.
+       * @param listener The listener to remove.
        * @see yfiles.input.CreateEdgeInputMode#addGestureCanceledListener
        */
       removeGestureCanceledListener(listener:(sender:Object,evt:yfiles.input.InputModeEventArgs)=>void):void;
       /**
        * Adds the given listener for the <code>GestureCanceling</code> event that occurs before the gesture will be canceled.
-       * @param {function(Object, yfiles.input.InputModeEventArgs): void} listener The listener to add.
+       * @param listener The listener to add.
        * @see yfiles.input.CreateEdgeInputMode#removeGestureCancelingListener
        */
       addGestureCancelingListener(listener:(sender:Object,evt:yfiles.input.InputModeEventArgs)=>void):void;
       /**
        * Removes the given listener for the <code>GestureCanceling</code> event that occurs before the gesture will be canceled.
-       * @param {function(Object, yfiles.input.InputModeEventArgs): void} listener The listener to remove.
+       * @param listener The listener to remove.
        * @see yfiles.input.CreateEdgeInputMode#addGestureCancelingListener
        */
       removeGestureCancelingListener(listener:(sender:Object,evt:yfiles.input.InputModeEventArgs)=>void):void;
@@ -37375,7 +37421,7 @@ declare namespace system{
        * <p>
        * The edge that is stored in the {@link yfiles.collections.ItemEventArgs.<T>#item} property is the {@link yfiles.input.CreateEdgeInputMode#dummyEdge} that is used during creation.
        * </p>
-       * @param {function(Object, yfiles.graph.EdgeEventArgs): void} listener The listener to add.
+       * @param listener The listener to add.
        * @see yfiles.input.CreateEdgeInputMode#removeEdgeCreationStartedListener
        */
       addEdgeCreationStartedListener(listener:(sender:Object,evt:yfiles.graph.EdgeEventArgs)=>void):void;
@@ -37384,15 +37430,14 @@ declare namespace system{
        * <p>
        * The edge that is stored in the {@link yfiles.collections.ItemEventArgs.<T>#item} property is the {@link yfiles.input.CreateEdgeInputMode#dummyEdge} that is used during creation.
        * </p>
-       * @param {function(Object, yfiles.graph.EdgeEventArgs): void} listener The listener to remove.
+       * @param listener The listener to remove.
        * @see yfiles.input.CreateEdgeInputMode#addEdgeCreationStartedListener
        */
       removeEdgeCreationStartedListener(listener:(sender:Object,evt:yfiles.graph.EdgeEventArgs)=>void):void;
       /**
        * Gets or sets the event recognizer that will be queried to decide if bend creation is enforced.
        * <p>
-       * The default is a combination of {@link yfiles.input.KeyEventRecognizers#CONTROL_PRESSED} or
-       * {@link yfiles.input.KeyEventRecognizers#META_PRESSED}.
+       * The default is {@link yfiles.input.KeyEventRecognizers#CONTROL_PRESSED} or {@link yfiles.input.KeyEventRecognizers#META_PRESSED}.
        * </p>
        * @type {function(Object, yfiles.lang.EventArgs): boolean}
        */
@@ -37477,7 +37522,7 @@ declare namespace system{
      * <li><b>{@link yfiles.input.GraphEditorInputMode#allowCreateBend}</b> – Determines whether the {@link yfiles.input.GraphEditorInputMode#createBendInputMode} should be {@link yfiles.input.CreateBendInputMode#enabled} to allow for creating new bends.</li>
      * <li><b>{@link yfiles.input.NavigationInputMode#allowEnterGroup}</b> – Determines whether the mode allows for {@link yfiles.input.NavigationInputMode#enterGroup entering} group nodes in {@link yfiles.graph.IFoldingView}s.</li>
      * <li><b>{@link yfiles.input.NavigationInputMode#allowExitGroup}</b> – Determines whether the mode allows for {@link yfiles.input.NavigationInputMode#exitGroup exiting} the current group node in {@link yfiles.graph.IFoldingView}s.</li>
-     * <li><b>{@link yfiles.input.NavigationInputMode#allowCollapseGroup}</b> – Determines whether the mode allows for {@link yfiles.input.NavigationInputMode#collapseGroup collapsing} group nodes in {@link yfiles.graph.IFoldingView}s.</li>
+     * <li><b>{@link yfiles.input.NavigationInputMode#allowCollapseGroup}</b> – Determines whether the mode allows for collapsing group nodes in {@link yfiles.graph.IFoldingView}s.</li>
      * <li><b>{@link yfiles.input.NavigationInputMode#allowExpandGroup}</b> – Determines whether the mode allows for {@link yfiles.input.NavigationInputMode#expandGroup expanding} group nodes in {@link yfiles.graph.IFoldingView}s.</li>
      * <li>
      * <b>{@link yfiles.input.ItemHoverInputMode#hoverItems}</b> – Determines which items should be reported as being hovered through the {@link yfiles.input.ItemHoverInputMode#addHoveredItemChangedListener corresponding event} in this instance's
@@ -37571,14 +37616,18 @@ declare namespace system{
      * <p><b>Related demos:</b></p>
      * <ul>
      * <li>Demo: SimpleEditorForm, Demo.yFiles.Graph.SimpleEditor</li>
-     * <li>Demo: SingleSelectionWindow, demo.yfiles.input.singleselection</li>
+     * <li>Demo: GraphEditorForm, Demo.yFiles.GraphEditor</li>
+     * <li>Demo: InputModeForm, Demo.yFiles.Graph.InputModes</li>
+     * <li>Demo: DataSetGraphForm, Demo.yFiles.Graph.DataSetGraph</li>
+     * <li>Demo: TreeLayoutForm, Demo.yFiles.Graph.Tree</li>
+     * <li>Demo: SingleSelectionWindow, Demo.yFiles.Graph.Input.SingleSelection</li>
      * <li>Tutorial: 01 Getting Started, step 06 Basic Interaction</li>
      * </ul>
      * @see yfiles.input.GraphEditorInputMode#createEdgeInputMode
      * @see yfiles.input.GraphEditorInputMode#createBendInputMode
      * @see yfiles.input.GraphEditorInputMode#moveLabelInputMode
      * @see yfiles.input.GraphEditorInputMode#nodeDropInputMode
-     * @class yfiles.input.GraphEditorInputMode
+     * @class
      * @extends {yfiles.input.GraphInputMode}
      */
     export interface GraphEditorInputMode extends yfiles.input.GraphInputMode{}
@@ -37589,7 +37638,6 @@ declare namespace system{
        * The {@link yfiles.graph.IGraph} and {@link yfiles.view.IGraphSelection} instances are obtained later from the {@link yfiles.input.IInputModeContext}
        * once this mode gets {@link yfiles.input.GraphEditorInputMode#install installed} in a suitable canvas control.
        * </p>
-       * @constructor
        */
       constructor();
       /**
@@ -37608,9 +37656,9 @@ declare namespace system{
        * {@link yfiles.input.IEditLabelHelper}, and via those instead of adding a label an existing one should be edited. This method
        * will edit that label instead of adding a new one.
        * </p>
-       * @param {yfiles.graph.ILabelOwner} owner The item to add a label to.
-       * @returns {Promise.<yfiles.graph.ILabel>} A Promise that fulfills with the edited label instance. It will fulfill with <code>null</code> if {@link yfiles.input.TextEditorInputMode#addEditingCanceledListener editing was canceled} or the text
-       * did not {@link yfiles.input.GraphEditorInputMode#addValidateLabelTextListener validate}.
+       * @param owner The item to add a label to.
+       * @returns A Promise that fulfills with the edited label instance. It will fulfill with <code>null</code> if {@link #addEditingCanceledListener editing was canceled} or the text
+       * did not {@link #addValidateLabelTextListener validate}.
        */
       addLabel(owner:yfiles.graph.ILabelOwner):Promise<yfiles.graph.ILabel>;
       /**
@@ -37625,7 +37673,7 @@ declare namespace system{
        * <p>
        * This action is executed in response to the {@link yfiles.input.ICommand#ADJUST_GROUP_NODE_SIZE} if {@link yfiles.input.GraphEditorInputMode#allowAdjustGroupNodeSize} is set to <code>true</code>.
        * </p>
-       * @param {yfiles.collections.IEnumerable.<yfiles.graph.INode>} nodes The nodes to adjust their sizes.
+       * @param nodes The nodes to adjust their sizes.
        * @protected
        */
       adjustGroupNodeSize(nodes:yfiles.collections.IEnumerable<yfiles.graph.INode>):void;
@@ -37645,7 +37693,7 @@ declare namespace system{
        * to make sure they are still valid. The actual work of this method will be delegated to
        * {@link yfiles.input.GraphEditorInputMode#setNodeLayout}.
        * </p>
-       * @param {yfiles.graph.INode} node The node to possibly adjust the size of.
+       * @param node The node to possibly adjust the size of.
        */
       adjustToSizeConstraints(node:yfiles.graph.INode):void;
       /**
@@ -37653,16 +37701,16 @@ declare namespace system{
        * <p>
        * This method is only called if no item has been and {@link yfiles.input.GraphInputMode#clickClearSelection} returned <code>false</code>.
        * </p>
-       * @param {yfiles.input.IInputModeContext} context The input mode context.
-       * @param {yfiles.geometry.Point} location The location of the click.
-       * @returns {boolean} <code>true</code> if a node was successfully created, otherwise <code>false</code>.
+       * @param context The input mode context.
+       * @param location The location of the click.
+       * @returns <code>true</code> if a node was successfully created, otherwise <code>false</code>.
        * @see yfiles.input.GraphEditorInputMode#shouldClickCreateNode
        * @protected
        */
       clickCreateNode(context:yfiles.input.IInputModeContext,location:yfiles.geometry.Point):boolean;
       /**
        * Closes the label editor if it is currently open.
-       * @param {boolean} cancel Whether to cancel the editor and discard changes.
+       * @param cancel Whether to cancel the editor and discard changes.
        */
       closeLabelEditor(cancel:boolean):void;
       /**
@@ -37670,7 +37718,7 @@ declare namespace system{
        * <p>
        * This method will be called upon first access to the {@link yfiles.input.GraphEditorInputMode#createBendInputMode} property.
        * </p>
-       * @returns {yfiles.input.CreateBendInputMode} a new instance of <code>CreateBendInputMode</code>
+       * @returns a new instance of <code>CreateBendInputMode</code>
        * @protected
        */
       createCreateBendInputMode():yfiles.input.CreateBendInputMode;
@@ -37679,7 +37727,7 @@ declare namespace system{
        * <p>
        * This method will be called upon first access to the {@link yfiles.input.GraphEditorInputMode#createEdgeInputMode} property.
        * </p>
-       * @returns {yfiles.input.CreateEdgeInputMode} a new instance of CreateEdgeInputMode
+       * @returns a new instance of CreateEdgeInputMode
        * @protected
        */
       createCreateEdgeInputMode():yfiles.input.CreateEdgeInputMode;
@@ -37688,7 +37736,7 @@ declare namespace system{
        * <p>
        * This method will be called upon first access to the {@link yfiles.input.GraphEditorInputMode#handleInputMode} property.
        * </p>
-       * @returns {yfiles.input.HandleInputMode} a new instance of HandleInputMode
+       * @returns a new instance of HandleInputMode
        * @protected
        */
       createHandleInputMode():yfiles.input.HandleInputMode;
@@ -37708,9 +37756,9 @@ declare namespace system{
        * {@link yfiles.input.IEditLabelHelper}, and via those instead of adding a label an existing one should be edited. This method
        * will do nothing instead of editing an existing label or adding a new one in that case.
        * </p>
-       * @param {yfiles.graph.ILabelOwner} owner The item to create a new label for.
-       * @returns {Promise.<yfiles.graph.ILabel>} A Promise that fulfills with the edited label instance. It will fulfill with <code>null</code> if {@link yfiles.input.TextEditorInputMode#addEditingCanceledListener editing was canceled} or the text
-       * did not {@link yfiles.input.GraphEditorInputMode#addValidateLabelTextListener validate}.
+       * @param owner The item to create a new label for.
+       * @returns A Promise that fulfills with the edited label instance. It will fulfill with <code>null</code> if {@link #addEditingCanceledListener editing was canceled} or the text
+       * did not {@link #addValidateLabelTextListener validate}.
        */
       createLabel(owner:yfiles.graph.ILabelOwner):Promise<yfiles.graph.ILabel>;
       /**
@@ -37718,7 +37766,7 @@ declare namespace system{
        * <p>
        * This method will be called upon first access to the {@link yfiles.input.MoveInputMode} property.
        * </p>
-       * @returns {yfiles.input.MoveInputMode} a new instance of MoveInputMode
+       * @returns a new instance of MoveInputMode
        * @protected
        */
       createMoveInputMode():yfiles.input.MoveInputMode;
@@ -37727,7 +37775,7 @@ declare namespace system{
        * <p>
        * This method will be called upon first access to the {@link yfiles.input.GraphEditorInputMode#moveLabelInputMode} property.
        * </p>
-       * @returns {yfiles.input.MoveLabelInputMode} a new instance of {@link yfiles.input.MoveLabelInputMode}
+       * @returns a new instance of {@link }
        * @protected
        */
       createMoveLabelInputMode():yfiles.input.MoveLabelInputMode;
@@ -37738,9 +37786,9 @@ declare namespace system{
        * In order to use this mode, the created instance should be installed in a {@link yfiles.input.GraphEditorInputMode} like this but
        * using a smaller {@link yfiles.input.IInputMode#priority priority} value than the {@link yfiles.input.IInputMode#priority priority} of the mode that is {@link yfiles.input.GraphEditorInputMode#moveInputMode installed by default}.
        * </p>
-       * @param {function(Object, yfiles.lang.EventArgs): boolean} recognizer Use this instance to make this mode work under certain conditions only. <code>null</code> for default behavior, one of the {@link yfiles.input.KeyEventRecognizers}
+       * @param recognizer Use this instance to make this mode work under certain conditions only. <code>null</code> for default behavior, one of the {@link }
        * constants, e.g. for alternate behavior.
-       * @returns {yfiles.input.MoveInputMode} A {@link yfiles.input.GraphEditorInputMode#moveInputMode} instance that uses the {@link yfiles.input.IPositionHandler} instances of the items that are hit at the position of the
+       * @returns A {@link #moveInputMode} instance that uses the {@link } instances of the items that are hit at the position of the
        * cursor, regardless of their selection state.
        */
       createMoveUnselectedInputMode(recognizer:(eventSource:Object,evt:yfiles.lang.EventArgs)=>boolean):yfiles.input.MoveInputMode;
@@ -37750,24 +37798,24 @@ declare namespace system{
        * This implementation delegates to the current node creation callback or simply returns <code>null</code> if there is no such callback
        * or {@link yfiles.input.GraphEditorInputMode#allowCreateNode} yields <code>false</code>. Finally, it tries to {@link yfiles.input.GraphInputMode#setCurrentItem set the node as the current item}.
        * </p>
-       * @param {yfiles.geometry.Point} location The point where the mouse had been clicked.
-       * @returns {yfiles.graph.INode} The newly created node or <code>null</code>.
+       * @param location The point where the mouse had been clicked.
+       * @returns The newly created node or <code>null</code>.
        * @see yfiles.input.GraphEditorInputMode#onNodeCreated
        * @see yfiles.input.GraphInputMode#setCurrentItem
        */
       createNode(location:yfiles.geometry.Point):yfiles.graph.INode;
       /**
        * Factory method that creates the {@link yfiles.input.GraphEditorInputMode#nodeDropInputMode} lazily the first time the property is accessed.
-       * @returns {yfiles.input.NodeDropInputMode} A plain new instance of the {@link yfiles.input.NodeDropInputMode} type, which is initially {@link yfiles.input.DropInputMode#enabled disabled}.
+       * @returns A plain new instance of the {@link } type, which is initially {@link #enabled disabled}.
        * @protected
        */
       createNodeDropInputMode():yfiles.input.NodeDropInputMode;
       /**
-       * Factory method for the ReparentNodeHandler property.
+       * Factory method for the {@link yfiles.input.GraphEditorInputMode#reparentNodeHandler} property.
        * <p>
        * This method will be called upon first access to the {@link yfiles.input.GraphEditorInputMode#reparentNodeHandler} property.
        * </p>
-       * @returns {yfiles.input.IReparentNodeHandler} a new instance of {@link yfiles.input.GraphEditorInputMode#reparentNodeHandler}
+       * @returns a new instance of {@link #reparentNodeHandler}
        * @protected
        */
       createReparentNodeHandler():yfiles.input.IReparentNodeHandler;
@@ -37776,7 +37824,7 @@ declare namespace system{
        * <p>
        * This method will be called upon first access to the {@link yfiles.input.GraphEditorInputMode#textEditorInputMode} property.
        * </p>
-       * @returns {yfiles.input.TextEditorInputMode} a new instance of TextEditorInputMode
+       * @returns a new instance of TextEditorInputMode
        * @protected
        */
       createTextEditorInputMode():yfiles.input.TextEditorInputMode;
@@ -37800,7 +37848,7 @@ declare namespace system{
       deleteSelection():void;
       /**
        * Initiates the {@link yfiles.input.GraphEditorInputMode#handleInputMode} to drag the given bend.
-       * @param {yfiles.graph.IBend} bend The bend to drag.
+       * @param bend The bend to drag.
        * @see yfiles.input.GraphEditorInputMode#onCreateBendInputModeBendCreated
        */
       dragBend(bend:yfiles.graph.IBend):void;
@@ -37825,9 +37873,9 @@ declare namespace system{
        * {@link yfiles.input.LabelEditingEventArgs#textEditorInputModeConfigurator} property on the {@link yfiles.input.LabelEditingEventArgs}. Thus editing a label via this method cannot be prevented by event
        * handlers or {@link yfiles.input.IEditLabelHelper}s.
        * </p>
-       * @param {yfiles.graph.ILabel} label The label to edit.
-       * @returns {Promise.<yfiles.graph.ILabel>} A Promise that fulfills with the edited label instance. It will also fulfill with the instance if editing is {@link yfiles.input.TextEditorInputMode#addEditingCanceledListener editing was canceled}
-       * or the text did not {@link yfiles.input.GraphEditorInputMode#addValidateLabelTextListener validate} and the edit was reverted automatically.
+       * @param label The label to edit.
+       * @returns A Promise that fulfills with the edited label instance. It will also fulfill with the instance if editing is {@link #addEditingCanceledListener editing was canceled}
+       * or the text did not {@link #addValidateLabelTextListener validate} and the edit was reverted automatically.
        * @see yfiles.input.GraphEditorInputMode#onLabelTextEdited
        */
       editLabel(label:yfiles.graph.ILabel):Promise<yfiles.graph.ILabel>;
@@ -37836,8 +37884,8 @@ declare namespace system{
        * <p>
        * The method should return whether the request was satisfied.
        * </p>
-       * @param {yfiles.graph.IModelItem} item The item whose label or the label itself that should be edited upon the double click gesture.
-       * @returns {boolean} <code>true</code> iff the request was handled.
+       * @param item The item whose label or the label itself that should be edited upon the double click gesture.
+       * @returns <code>true</code> iff the request was handled.
        * @see yfiles.input.GraphInputMode#doubleClick
        * @see yfiles.input.GraphEditorInputMode#allowEditLabelOnDoubleClick
        * @protected
@@ -37851,7 +37899,7 @@ declare namespace system{
        * <p>
        * The default shortcut for this is Ctrl+G.
        * </p>
-       * @returns {yfiles.graph.INode} The newly created group node or <code>null</code>.
+       * @returns The newly created group node or <code>null</code>.
        * @see yfiles.input.ICommand#GROUP_SELECTION
        * @see yfiles.input.GraphInputMode#clearSelection
        * @see yfiles.input.GraphInputMode#setSelected
@@ -37862,7 +37910,7 @@ declare namespace system{
        * <p>
        * This method determines the label owner to add to and delegates to {@link yfiles.input.GraphEditorInputMode#createLabel}.
        * </p>
-       * @returns {boolean} 
+       * @returns 
        * @protected
        */
       onAddLabel():boolean;
@@ -37874,40 +37922,40 @@ declare namespace system{
        * {@link yfiles.input.GraphEditorInputMode#dragBend}. If the subsequent drag is canceled by the user, this call will remove the
        * bend again.
        * </p>
-       * @param {Object} sender
-       * @param {yfiles.collections.ItemEventArgs.<yfiles.graph.IBend>} evt
+       * @param sender
+       * @param evt
        * @protected
        */
       onCreateBendInputModeBendCreated(sender:Object,evt:yfiles.collections.ItemEventArgs<yfiles.graph.IBend>):void;
       /**
        * Called when the {@link yfiles.input.GraphEditorInputMode#createBendInputMode} property value changes and after initialization of the field.
-       * @param {yfiles.input.CreateBendInputMode} oldMode the old value, which may be <code>null</code> the first time
-       * @param {yfiles.input.CreateBendInputMode} newMode the new value
+       * @param oldMode the old value, which may be <code>null</code> the first time
+       * @param newMode the new value
        * @protected
        */
       onCreateBendInputModeChanged(oldMode:yfiles.input.CreateBendInputMode,newMode:yfiles.input.CreateBendInputMode):void;
       /**
        * Called when the {@link yfiles.input.GraphEditorInputMode#createEdgeInputMode} property value changes and after initialization of the field.
-       * @param {yfiles.input.CreateEdgeInputMode} oldMode the old value, which may be <code>null</code> the first time
-       * @param {yfiles.input.CreateEdgeInputMode} newMode the new value
+       * @param oldMode the old value, which may be <code>null</code> the first time
+       * @param newMode the new value
        * @protected
        */
       onCreateEdgeInputModeChanged(oldMode:yfiles.input.CreateEdgeInputMode,newMode:yfiles.input.CreateEdgeInputMode):void;
       /**
        * Raises the {@link yfiles.input.GraphEditorInputMode#addDeletedItemListener DeletedItem} event.
-       * @param {yfiles.collections.ItemEventArgs.<yfiles.graph.IModelItem>} evt The instance containing the event data.
+       * @param evt The instance containing the event data.
        * @protected
        */
       onDeletedItem(evt:yfiles.collections.ItemEventArgs<yfiles.graph.IModelItem>):void;
       /**
        * Raises the {@link yfiles.input.GraphEditorInputMode#addDeletedSelectionListener DeletedSelection} event.
-       * @param {yfiles.input.SelectionEventArgs.<yfiles.graph.IModelItem>} evt The {@link yfiles.input.SelectionEventArgs.<T>} instance containing the event data.
+       * @param evt The {@link } instance containing the event data.
        * @protected
        */
       onDeletedSelection(evt:yfiles.input.SelectionEventArgs<yfiles.graph.IModelItem>):void;
       /**
        * Raises the {@link yfiles.input.GraphEditorInputMode#addDeletingSelectionListener DeletingSelection} event.
-       * @param {yfiles.input.SelectionEventArgs.<yfiles.graph.IModelItem>} evt The {@link yfiles.input.SelectionEventArgs.<T>} instance containing the event data.
+       * @param evt The {@link } instance containing the event data.
        * @protected
        */
       onDeletingSelection(evt:yfiles.input.SelectionEventArgs<yfiles.graph.IModelItem>):void;
@@ -37916,8 +37964,8 @@ declare namespace system{
        * <p>
        * Dispatches the {@link yfiles.input.GraphEditorInputMode#addEdgePortsChangedListener EdgePortsChanged} event.
        * </p>
-       * @param {yfiles.graph.EdgeEventArgs} evt The {@link yfiles.graph.EdgeEventArgs} for the
-       * {@link yfiles.input.GraphEditorInputMode#addEdgePortsChangedListener EdgePortsChanged}.
+       * @param evt The {@link } for the
+       * {@link #addEdgePortsChangedListener EdgePortsChanged}.
        * @protected
        */
       onEdgePortsChanged(evt:yfiles.graph.EdgeEventArgs):void;
@@ -37927,14 +37975,14 @@ declare namespace system{
        * This method determines the label to edit and delegates to either {@link yfiles.input.GraphEditorInputMode#editLabel} or {@link yfiles.input.GraphEditorInputMode#createLabel}
        * if no label could be found.
        * </p>
-       * @returns {boolean} 
+       * @returns 
        * @protected
        */
       onEditLabel():boolean;
       /**
        * Called when the {@link yfiles.input.GraphEditorInputMode#graphComponent} property changes.
-       * @param {yfiles.view.GraphComponent} oldGraphComponent The old control.
-       * @param {yfiles.view.GraphComponent} newGraphComponent The new control.
+       * @param oldGraphComponent The old control.
+       * @param newGraphComponent The new control.
        * @protected
        */
       onGraphComponentChanged(oldGraphComponent:yfiles.view.GraphComponent,newGraphComponent:yfiles.view.GraphComponent):void;
@@ -37943,21 +37991,21 @@ declare namespace system{
        * <p>
        * This will update the internal state of the modes.
        * </p>
-       * @param {yfiles.view.IGraphSelection} oldSelection The old selection instance.
-       * @param {yfiles.view.IGraphSelection} newSelection The new selection instance.
+       * @param oldSelection The old selection instance.
+       * @param newSelection The new selection instance.
        * @protected
        */
       onGraphSelectionChanged(oldSelection:yfiles.view.IGraphSelection,newSelection:yfiles.view.IGraphSelection):void;
       /**
        * Called when the {@link yfiles.input.GraphEditorInputMode#handleInputMode} property value changes and after initialization of the field.
-       * @param {yfiles.input.HandleInputMode} oldMode the old value, which may be <code>null</code> the first time
-       * @param {yfiles.input.HandleInputMode} newMode the new value
+       * @param oldMode the old value, which may be <code>null</code> the first time
+       * @param newMode the new value
        * @protected
        */
       onHandleInputModeChanged(oldMode:yfiles.input.HandleInputMode,newMode:yfiles.input.HandleInputMode):void;
       /**
        * Raises the {@link yfiles.input.GraphEditorInputMode#addLabelAddedListener LabelAdded} event.
-       * @param {yfiles.graph.LabelEventArgs} evt The {@link yfiles.collections.ItemEventArgs.<T>} instance that contains the {@link yfiles.graph.ILabel} that has been added.
+       * @param evt The {@link } instance that contains the {@link } that has been added.
        * @protected
        */
       onLabelAdded(evt:yfiles.graph.LabelEventArgs):void;
@@ -37966,7 +38014,7 @@ declare namespace system{
        * <p>
        * Invoking the event handlers stops once one event marks the <code>args</code> as handled.
        * </p>
-       * @param {yfiles.input.LabelEditingEventArgs} evt The event arguments.
+       * @param evt The event arguments.
        * @protected
        */
       onLabelAdding(evt:yfiles.input.LabelEditingEventArgs):void;
@@ -37975,20 +38023,20 @@ declare namespace system{
        * <p>
        * Invoking the event handlers stops once one event marks the <code>args</code> as handled.
        * </p>
-       * @param {yfiles.input.LabelEditingEventArgs} evt The event arguments.
+       * @param evt The event arguments.
        * @protected
        */
       onLabelEditing(evt:yfiles.input.LabelEditingEventArgs):void;
       /**
        * Called when the {@link yfiles.input.GraphEditorInputMode#labelSnapContext} property context changed.
-       * @param {yfiles.input.SnapContext} oldContext The old snap context.
-       * @param {yfiles.input.SnapContext} newContext The new snap context.
+       * @param oldContext The old snap context.
+       * @param newContext The new snap context.
        * @protected
        */
       onLabelSnapContextChanged(oldContext:yfiles.input.SnapContext,newContext:yfiles.input.SnapContext):void;
       /**
        * Raises the {@link yfiles.input.GraphEditorInputMode#addLabelTextChangedListener LabelTextChanged} event.
-       * @param {yfiles.graph.LabelEventArgs} evt The {@link yfiles.collections.ItemEventArgs.<T>} instance that contains the {@link yfiles.graph.ILabel} that has changed the text.
+       * @param evt The {@link } instance that contains the {@link } that has changed the text.
        * @protected
        */
       onLabelTextChanged(evt:yfiles.graph.LabelEventArgs):void;
@@ -37997,50 +38045,50 @@ declare namespace system{
        * <p>
        * This method {@link yfiles.input.GraphEditorInputMode#addValidateLabelTextListener validates the label text} and if successful calls {@link yfiles.input.GraphEditorInputMode#setLabelText}.
        * </p>
-       * @param {yfiles.graph.ILabel} label The label that was edited.
-       * @param {string} text The new text.
+       * @param label The label that was edited.
+       * @param text The new text.
        * @protected
        */
       onLabelTextEdited(label:yfiles.graph.ILabel,text:string):void;
       /**
        * Raises the {@link yfiles.input.GraphEditorInputMode#addLabelTextEditingCanceledListener LabelTextEditingCanceled}
        * event.
-       * @param {yfiles.graph.LabelEventArgs} evt The {@link yfiles.graph.LabelEventArgs} instance containing the event data.
+       * @param evt The {@link } instance containing the event data.
        * @protected
        */
       onLabelTextEditingCanceled(evt:yfiles.graph.LabelEventArgs):void;
       /**
        * Raises the {@link yfiles.input.GraphEditorInputMode#addLabelTextEditingStartedListener LabelTextEditingStarted}
        * event.
-       * @param {yfiles.graph.LabelEventArgs} evt The {@link yfiles.graph.LabelEventArgs} instance containing the event data.
+       * @param evt The {@link } instance containing the event data.
        * @protected
        */
       onLabelTextEditingStarted(evt:yfiles.graph.LabelEventArgs):void;
       /**
        * Called when the {@link yfiles.input.GraphEditorInputMode#moveInputMode} property value changes and after initialization of the field.
-       * @param {yfiles.input.MoveInputMode} oldMode the old value, which may be <code>null</code> the first time
-       * @param {yfiles.input.MoveInputMode} newMode the new value
+       * @param oldMode the old value, which may be <code>null</code> the first time
+       * @param newMode the new value
        * @protected
        */
       onMoveInputModeChanged(oldMode:yfiles.input.MoveInputMode,newMode:yfiles.input.MoveInputMode):void;
       /**
        * Called when {@link yfiles.input.MoveInputMode#addDragCanceledListener DragCanceled} is triggered.
-       * @param {Object} sender
-       * @param {yfiles.lang.EventArgs} evt
+       * @param sender
+       * @param evt
        * @protected
        */
       onMoveInputModeDragCanceled(sender:Object,evt:yfiles.lang.EventArgs):void;
       /**
        * Called when {@link yfiles.input.MoveInputMode#addDragFinishedListener DragFinished} is triggered.
-       * @param {Object} sender
-       * @param {yfiles.lang.EventArgs} evt
+       * @param sender
+       * @param evt
        * @protected
        */
       onMoveInputModeDragFinished(sender:Object,evt:yfiles.lang.EventArgs):void;
       /**
        * Called when the {@link yfiles.input.GraphEditorInputMode#moveLabelInputMode} property value changes and after initialization of the field.
-       * @param {yfiles.input.MoveLabelInputMode} oldMode the old value, which may be <code>null</code> the first time
-       * @param {yfiles.input.MoveLabelInputMode} newMode the new value
+       * @param oldMode the old value, which may be <code>null</code> the first time
+       * @param newMode the new value
        * @protected
        */
       onMoveLabelInputModeChanged(oldMode:yfiles.input.MoveLabelInputMode,newMode:yfiles.input.MoveLabelInputMode):void;
@@ -38049,14 +38097,14 @@ declare namespace system{
        * <p>
        * Note that if {@link yfiles.input.NodeDropInputMode#allowFolderNodeAsParent} is set to <code>true</code>, the reported node can actually be part of the {@link yfiles.graph.IFoldingView master graph}.
        * </p>
-       * @param {yfiles.collections.ItemEventArgs.<yfiles.graph.INode>} evt The {@link yfiles.collections.ItemEventArgs.<T>} instance containing the created node.
+       * @param evt The {@link } instance containing the created node.
        * @protected
        */
       onNodeCreated(evt:yfiles.collections.ItemEventArgs<yfiles.graph.INode>):void;
       /**
        * Called when the {@link yfiles.input.GraphEditorInputMode#nodeDropInputMode} property value changes and after initialization of the field.
-       * @param {yfiles.input.NodeDropInputMode} oldMode the old value, which may be <code>null</code> the first time
-       * @param {yfiles.input.NodeDropInputMode} newMode the new value
+       * @param oldMode the old value, which may be <code>null</code> the first time
+       * @param newMode the new value
        * @protected
        */
       onNodeDropInputModeChanged(oldMode:yfiles.input.NodeDropInputMode,newMode:yfiles.input.NodeDropInputMode):void;
@@ -38066,42 +38114,42 @@ declare namespace system{
        * This implementation {@link yfiles.input.GraphEditorInputMode#adjustContentRect adjusts the content rect}, triggers the {@link yfiles.input.GraphEditorInputMode#addNodeCreatedListener NodeCreated}
        * event and tries to set the newly created node as the {@link yfiles.input.GraphInputMode#setCurrentItem current item}.
        * </p>
-       * @param {Object} sender The sender.
-       * @param {yfiles.collections.ItemEventArgs.<yfiles.graph.INode>} evt The event argument instance containing the event data.
+       * @param sender The sender.
+       * @param evt The event argument instance containing the event data.
        * @protected
        */
       onNodeDropInputModeNodeCreated(sender:Object,evt:yfiles.collections.ItemEventArgs<yfiles.graph.INode>):void;
       /**
        * Raises the {@link yfiles.input.GraphEditorInputMode#addNodeReparentedListener NodeReparented} event.
-       * @param {yfiles.graph.NodeEventArgs} evt The {@link yfiles.graph.NodeEventArgs} instance containing the event data.
+       * @param evt The {@link } instance containing the event data.
        * @see yfiles.input.GraphEditorInputMode#reparentNodeHandler
        * @protected
        */
       onNodeReparented(evt:yfiles.graph.NodeEventArgs):void;
       /**
        * Called when the {@link yfiles.input.GraphEditorInputMode#reparentNodeHandler} property value changes and after initialization of the field.
-       * @param {yfiles.input.IReparentNodeHandler} oldMode the old value, which may be <code>null</code> the first time
-       * @param {yfiles.input.IReparentNodeHandler} newMode the new value
+       * @param oldMode the old value, which may be <code>null</code> the first time
+       * @param newMode the new value
        * @protected
        */
       onReparentNodeHandlerChanged(oldMode:yfiles.input.IReparentNodeHandler,newMode:yfiles.input.IReparentNodeHandler):void;
       /**
        * Called when the {@link yfiles.input.GraphEditorInputMode#snapContext} property context changed.
-       * @param {yfiles.input.SnapContext} oldContext The old snap context.
-       * @param {yfiles.input.SnapContext} newContext The new snap context.
+       * @param oldContext The old snap context.
+       * @param newContext The new snap context.
        * @protected
        */
       onSnapContextChanged(oldContext:yfiles.input.SnapContext,newContext:yfiles.input.SnapContext):void;
       /**
        * Called when the {@link yfiles.input.GraphEditorInputMode#textEditorInputMode} property value changes and after initialization of the field.
-       * @param {yfiles.input.TextEditorInputMode} oldMode the old value, which may be <code>null</code> the first time
-       * @param {yfiles.input.TextEditorInputMode} newMode the new value
+       * @param oldMode the old value, which may be <code>null</code> the first time
+       * @param newMode the new value
        * @protected
        */
       onTextEditorInputModeChanged(oldMode:yfiles.input.TextEditorInputMode,newMode:yfiles.input.TextEditorInputMode):void;
       /**
        * Raises the {@link yfiles.input.GraphEditorInputMode#addValidateLabelTextListener ValidateLabelText} event.
-       * @param {yfiles.input.LabelTextValidatingEventArgs} evt The {@link yfiles.input.LabelTextValidatingEventArgs} instance containing the event data.
+       * @param evt The {@link } instance containing the event data.
        * @protected
        */
       onValidateLabelText(evt:yfiles.input.LabelTextValidatingEventArgs):void;
@@ -38116,7 +38164,7 @@ declare namespace system{
        * The location is at the center of the bounds of the items that are pasted. This method reconfigures {@link yfiles.graph.GraphClipboard#pasteDelta} and calls
        * {@link yfiles.input.GraphEditorInputMode#paste}.
        * </p>
-       * @param {yfiles.geometry.Point} location The location at which the center of the clipboard's contents should be positioned.
+       * @param location The location at which the center of the clipboard's contents should be positioned.
        */
       pasteAtLocation(location:yfiles.geometry.Point):void;
       /**
@@ -38138,7 +38186,7 @@ declare namespace system{
        * for the edge. A {@link yfiles.input.GraphEditorInputMode#addEdgePortsChangedListener EdgePortsChanged} event
        * will be dispatched after the edge has been reversed.
        * </p>
-       * @param {yfiles.graph.IEdge} edge
+       * @param edge
        */
       reverseEdge(edge:yfiles.graph.IEdge):void;
       /**
@@ -38151,7 +38199,7 @@ declare namespace system{
        * For each edge a {@link yfiles.input.GraphEditorInputMode#addEdgePortsChangedListener EdgePortsChanged} event
        * will be dispatched.
        * </p>
-       * @param {yfiles.collections.IEnumerable.<yfiles.graph.IEdge>} edges
+       * @param edges
        * @see yfiles.input.ICommand#REVERSE_EDGE
        */
       reverseEdges(edges:yfiles.collections.IEnumerable<yfiles.graph.IEdge>):void;
@@ -38174,7 +38222,7 @@ declare namespace system{
        * <p>
        * This method delegates to {@link yfiles.input.GraphInputMode#setSelected} for the node and all adjacent self loop bends.
        * </p>
-       * @param {yfiles.graph.INode} node The node to select.
+       * @param node The node to select.
        */
       selectNodeAndSelfloopBends(node:yfiles.graph.INode):void;
       /**
@@ -38185,8 +38233,8 @@ declare namespace system{
        * constraints are still kept if the {@link yfiles.graph.ILabel#preferredSize} changes due to the edit by calling
        * {@link yfiles.input.GraphEditorInputMode#adjustToSizeConstraints}.
        * </p>
-       * @param {yfiles.graph.ILabel} label The label to set the text or remove.
-       * @param {string} text The new text.
+       * @param label The label to set the text or remove.
+       * @param text The new text.
        */
       setLabelText(label:yfiles.graph.ILabel,text:string):void;
       /**
@@ -38202,8 +38250,8 @@ declare namespace system{
        * </li>
        * <li>{@link yfiles.input.GraphEditorInputMode#adjustContentRect} is called.</li>
        * </ul>
-       * @param {yfiles.graph.INode} node The node to reshape.
-       * @param {yfiles.geometry.Rect} layout The new node layout.
+       * @param node The node to reshape.
+       * @param layout The new node layout.
        */
       setNodeLayout(node:yfiles.graph.INode,layout:yfiles.geometry.Rect):void;
       /**
@@ -38212,8 +38260,8 @@ declare namespace system{
        * This is overridden if the item has a {@link yfiles.input.IEditLabelHelper} that returns <code>false</code> for its {@link yfiles.input.IEditLabelHelper#onLabelAdding}
        * method.
        * </p>
-       * @param {yfiles.graph.IModelItem} item The item to query
-       * @returns {boolean} <code>true</code> iff a label may be added
+       * @param item The item to query
+       * @returns <code>true</code> iff a label may be added
        * @protected
        */
       shouldAddLabel(item:yfiles.graph.IModelItem):boolean;
@@ -38223,9 +38271,9 @@ declare namespace system{
        * <p>
        * This implementation returns false when {@link yfiles.input.ContextMenuInputMode#swallowCloseClick} is <code>true</code> and the click has closed a context menu.
        * </p>
-       * @param {yfiles.input.IInputModeContext} context The input mode context.
-       * @param {yfiles.geometry.Point} clickPoint The location of the click.
-       * @returns {boolean} Whether {@link yfiles.input.GraphEditorInputMode#clickCreateNode} should be called to create a node.
+       * @param context The input mode context.
+       * @param clickPoint The location of the click.
+       * @returns Whether {@link #clickCreateNode} should be called to create a node.
        * @see yfiles.input.GraphEditorInputMode#clickCreateNode
        * @protected
        */
@@ -38236,16 +38284,16 @@ declare namespace system{
        * <p>
        * This implementation uses and honors the {@link yfiles.input.GraphEditorInputMode#deletableItems} and {@link yfiles.input.GraphEditorInputMode#deletablePredicate} properties.
        * </p>
-       * @param {yfiles.graph.IModelItem} item The item.
-       * @returns {boolean} Whether to delete that item.
+       * @param item The item.
+       * @returns Whether to delete that item.
        * @protected
        */
       shouldDelete(item:yfiles.graph.IModelItem):boolean;
       /**
        * Callback method that determines whether the label or the labels of the provided item should be edited in response to {@link yfiles.input.GraphEditorInputMode#onEditLabel}
        * or {@link yfiles.input.GraphEditorInputMode#onAddLabel}.
-       * @param {yfiles.graph.IModelItem} item The item.
-       * @returns {boolean} Whether to edit the label or the labels for that item.
+       * @param item The item.
+       * @returns Whether to edit the label or the labels for that item.
        * @protected
        */
       shouldEditLabel(item:yfiles.graph.IModelItem):boolean;
@@ -38258,8 +38306,8 @@ declare namespace system{
        * <p>
        * This implementation returns the result of the {@link yfiles.input.GraphEditorInputMode#movableItems} property for the given item.
        * </p>
-       * @param {yfiles.graph.IModelItem} item The item to check.
-       * @returns {boolean} Whether or not moving the item is allowed.
+       * @param item The item to check.
+       * @returns Whether or not moving the item is allowed.
        * @see yfiles.input.GraphEditorInputMode#movableItems
        * @see yfiles.input.GraphEditorInputMode#moveInputMode
        * @see yfiles.input.GraphEditorInputMode#moveLabelInputMode
@@ -38272,8 +38320,8 @@ declare namespace system{
        * <p>
        * This implementation returns the value of {@link yfiles.input.GraphEditorInputMode#allowReverseEdge}.
        * </p>
-       * @param {yfiles.graph.IEdge} edge The edge which should be reversed.
-       * @returns {boolean} <code>true</code> if the edge should be reversed.
+       * @param edge The edge which should be reversed.
+       * @returns <code>true</code> if the edge should be reversed.
        * @protected
        */
       shouldReverseEdge(edge:yfiles.graph.IEdge):boolean;
@@ -38283,16 +38331,16 @@ declare namespace system{
        * <p>
        * This implementation returns <code>true</code> for the {@link yfiles.input.GraphEditorInputMode#pasteSelectableItems} items.
        * </p>
-       * @param {yfiles.graph.IModelItem} item The item to check.
-       * @returns {boolean} Whether to select the item after {@link yfiles.input.GraphEditorInputMode#paste} or
-       * {@link yfiles.input.GraphEditorInputMode#duplicateSelection}.
+       * @param item The item to check.
+       * @returns Whether to select the item after {@link #paste} or
+       * {@link #duplicateSelection}.
        * @protected
        */
       shouldSelectAfterPaste(item:yfiles.graph.IModelItem):boolean;
       /**
        * Determines whether to show the {@link yfiles.input.GraphEditorInputMode#handleInputMode handles} for the given item.
-       * @param {yfiles.graph.IModelItem} item The item to check
-       * @returns {boolean} Whether to show the item based on the setting of the corresponding {@link yfiles.input.GraphEditorInputMode#showHandleItems}, property.
+       * @param item The item to check
+       * @returns Whether to show the item based on the setting of the corresponding {@link #showHandleItems}, property.
        * @protected
        */
       shouldShowHandles(item:yfiles.graph.IModelItem):boolean;
@@ -38301,8 +38349,8 @@ declare namespace system{
        * <p>
        * This method is called by this instance whenever new nodes are created using the UI.
        * </p>
-       * @param {yfiles.input.IInputModeContext} context
-       * @param {yfiles.graph.INode} node
+       * @param context
+       * @param node
        * @see yfiles.input.MultiplexingInputMode#createChildInputModeContext
        */
       snapToGrid(context:yfiles.input.IInputModeContext,node:yfiles.graph.INode):void;
@@ -38337,7 +38385,7 @@ declare namespace system{
        * By default this feature is enabled automatically if an {@link yfiles.input.GraphEditorInputMode#orthogonalEdgeEditingContext} is set.
        * </p>
        * @see yfiles.input.GraphEditorInputMode#orthogonalEdgeEditingContext
-       * @default 0
+       * @default yfiles.input.OrthogonalEdgeEditingPolicy.AUTO
        * @type {yfiles.input.OrthogonalEdgeEditingPolicy}
        */
       orthogonalBendRemoval:yfiles.input.OrthogonalEdgeEditingPolicy;
@@ -38378,7 +38426,7 @@ declare namespace system{
        * @see yfiles.input.GraphEditorInputMode#shouldSelectAfterPaste
        * @see yfiles.input.GraphEditorInputMode#smartPasteSelection
        * @see yfiles.input.GraphInputMode#setSelected
-       * @default 63
+       * @default yfiles.graph.GraphItemTypes.ALL
        * @type {yfiles.graph.GraphItemTypes}
        */
       pasteSelectableItems:yfiles.graph.GraphItemTypes;
@@ -38517,14 +38565,14 @@ declare namespace system{
       /**
        * Adds the given listener for the <code>LabelAdded</code> event that occurs when this mode has triggered the addition of an
        * {@link yfiles.graph.ILabel}, for instance, in response to {@link yfiles.input.GraphEditorInputMode#createLabel}.
-       * @param {function(Object, yfiles.graph.LabelEventArgs): void} listener The listener to add.
+       * @param listener The listener to add.
        * @see yfiles.input.GraphEditorInputMode#removeLabelAddedListener
        */
       addLabelAddedListener(listener:(sender:Object,evt:yfiles.graph.LabelEventArgs)=>void):void;
       /**
        * Removes the given listener for the <code>LabelAdded</code> event that occurs when this mode has triggered the addition of an
        * {@link yfiles.graph.ILabel}, for instance, in response to {@link yfiles.input.GraphEditorInputMode#createLabel}.
-       * @param {function(Object, yfiles.graph.LabelEventArgs): void} listener The listener to remove.
+       * @param listener The listener to remove.
        * @see yfiles.input.GraphEditorInputMode#addLabelAddedListener
        */
       removeLabelAddedListener(listener:(sender:Object,evt:yfiles.graph.LabelEventArgs)=>void):void;
@@ -38534,7 +38582,7 @@ declare namespace system{
        * <p>
        * This allows to customize the label editing process.
        * </p>
-       * @param {function(Object, yfiles.graph.LabelEventArgs): void} listener The listener to add.
+       * @param listener The listener to add.
        * @see yfiles.input.GraphEditorInputMode#addValidateLabelTextListener
        * @see yfiles.input.GraphEditorInputMode#removeLabelTextEditingStartedListener
        */
@@ -38545,7 +38593,7 @@ declare namespace system{
        * <p>
        * This allows to customize the label editing process.
        * </p>
-       * @param {function(Object, yfiles.graph.LabelEventArgs): void} listener The listener to remove.
+       * @param listener The listener to remove.
        * @see yfiles.input.GraphEditorInputMode#addValidateLabelTextListener
        * @see yfiles.input.GraphEditorInputMode#addLabelTextEditingStartedListener
        */
@@ -38556,7 +38604,7 @@ declare namespace system{
        * <p>
        * This allows to unconfigure temporary customizations for the actual label editing process.
        * </p>
-       * @param {function(Object, yfiles.graph.LabelEventArgs): void} listener The listener to add.
+       * @param listener The listener to add.
        * @see yfiles.input.GraphEditorInputMode#addValidateLabelTextListener
        * @see yfiles.input.GraphEditorInputMode#removeLabelTextEditingCanceledListener
        */
@@ -38567,7 +38615,7 @@ declare namespace system{
        * <p>
        * This allows to unconfigure temporary customizations for the actual label editing process.
        * </p>
-       * @param {function(Object, yfiles.graph.LabelEventArgs): void} listener The listener to remove.
+       * @param listener The listener to remove.
        * @see yfiles.input.GraphEditorInputMode#addValidateLabelTextListener
        * @see yfiles.input.GraphEditorInputMode#addLabelTextEditingCanceledListener
        */
@@ -38581,7 +38629,7 @@ declare namespace system{
        * Note that in the case of {@link yfiles.input.GraphEditorInputMode#addLabel} the {@link yfiles.input.LabelTextValidatingEventArgs#label} is not part of the current graph but only a
        * dummy instance.
        * </p>
-       * @param {function(Object, yfiles.input.LabelTextValidatingEventArgs): void} listener The listener to add.
+       * @param listener The listener to add.
        * @see yfiles.input.GraphEditorInputMode#onValidateLabelText
        * @see yfiles.input.GraphEditorInputMode#removeValidateLabelTextListener
        */
@@ -38596,7 +38644,7 @@ declare namespace system{
        * Note that in the case of {@link yfiles.input.GraphEditorInputMode#addLabel} the {@link yfiles.input.LabelTextValidatingEventArgs#label} is not part of the current graph but only a
        * dummy instance.
        * </p>
-       * @param {function(Object, yfiles.input.LabelTextValidatingEventArgs): void} listener The listener to remove.
+       * @param listener The listener to remove.
        * @see yfiles.input.GraphEditorInputMode#onValidateLabelText
        * @see yfiles.input.GraphEditorInputMode#addValidateLabelTextListener
        */
@@ -38604,14 +38652,14 @@ declare namespace system{
       /**
        * Adds the given listener for the <code>LabelTextChanged</code> event that occurs when this mode has triggered the edit of an
        * {@link yfiles.graph.ILabel}, for instance, in response to {@link yfiles.input.GraphEditorInputMode#editLabel}.
-       * @param {function(Object, yfiles.graph.LabelEventArgs): void} listener The listener to add.
+       * @param listener The listener to add.
        * @see yfiles.input.GraphEditorInputMode#removeLabelTextChangedListener
        */
       addLabelTextChangedListener(listener:(sender:Object,evt:yfiles.graph.LabelEventArgs)=>void):void;
       /**
        * Removes the given listener for the <code>LabelTextChanged</code> event that occurs when this mode has triggered the edit of an
        * {@link yfiles.graph.ILabel}, for instance, in response to {@link yfiles.input.GraphEditorInputMode#editLabel}.
-       * @param {function(Object, yfiles.graph.LabelEventArgs): void} listener The listener to remove.
+       * @param listener The listener to remove.
        * @see yfiles.input.GraphEditorInputMode#addLabelTextChangedListener
        */
       removeLabelTextChangedListener(listener:(sender:Object,evt:yfiles.graph.LabelEventArgs)=>void):void;
@@ -38620,7 +38668,7 @@ declare namespace system{
        * method starts its work and will be followed by any number of {@link yfiles.input.GraphEditorInputMode#addDeletedItemListener DeletedItem}
        * events and finalized by a {@link yfiles.input.GraphEditorInputMode#addDeletedSelectionListener DeletedSelection}
        * event.
-       * @param {function(Object, yfiles.input.SelectionEventArgs.<yfiles.graph.IModelItem>): void} listener The listener to add.
+       * @param listener The listener to add.
        * @see yfiles.input.GraphEditorInputMode#deleteSelection
        * @see yfiles.input.GraphEditorInputMode#removeDeletingSelectionListener
        */
@@ -38630,7 +38678,7 @@ declare namespace system{
        * method starts its work and will be followed by any number of {@link yfiles.input.GraphEditorInputMode#addDeletedItemListener DeletedItem}
        * events and finalized by a {@link yfiles.input.GraphEditorInputMode#addDeletedSelectionListener DeletedSelection}
        * event.
-       * @param {function(Object, yfiles.input.SelectionEventArgs.<yfiles.graph.IModelItem>): void} listener The listener to remove.
+       * @param listener The listener to remove.
        * @see yfiles.input.GraphEditorInputMode#deleteSelection
        * @see yfiles.input.GraphEditorInputMode#addDeletingSelectionListener
        */
@@ -38642,7 +38690,7 @@ declare namespace system{
        * node, its labels, ports, and adjacent edges will not necessarily be reported separately. In order to be notified of any
        * removal events, the {@link yfiles.graph.IGraph} events should be used instead.
        * </p>
-       * @param {function(Object, yfiles.collections.ItemEventArgs.<yfiles.graph.IModelItem>): void} listener The listener to add.
+       * @param listener The listener to add.
        * @see yfiles.input.GraphEditorInputMode#removeDeletedItemListener
        */
       addDeletedItemListener(listener:(sender:Object,evt:yfiles.collections.ItemEventArgs<yfiles.graph.IModelItem>)=>void):void;
@@ -38654,14 +38702,14 @@ declare namespace system{
        * node, its labels, ports, and adjacent edges will not necessarily be reported separately. In order to be notified of any
        * removal events, the {@link yfiles.graph.IGraph} events should be used instead.
        * </p>
-       * @param {function(Object, yfiles.collections.ItemEventArgs.<yfiles.graph.IModelItem>): void} listener The listener to remove.
+       * @param listener The listener to remove.
        * @see yfiles.input.GraphEditorInputMode#addDeletedItemListener
        */
       removeDeletedItemListener(listener:(sender:Object,evt:yfiles.collections.ItemEventArgs<yfiles.graph.IModelItem>)=>void):void;
       /**
        * Adds the given listener for the <code>DeletedSelection</code> event that occurs just before the {@link yfiles.input.GraphEditorInputMode#deleteSelection}
        * method has deleted the selection after all selected items have been removed.
-       * @param {function(Object, yfiles.input.SelectionEventArgs.<yfiles.graph.IModelItem>): void} listener The listener to add.
+       * @param listener The listener to add.
        * @see yfiles.input.GraphEditorInputMode#deleteSelection
        * @see yfiles.input.GraphEditorInputMode#removeDeletedSelectionListener
        */
@@ -38669,7 +38717,7 @@ declare namespace system{
       /**
        * Removes the given listener for the <code>DeletedSelection</code> event that occurs just before the {@link yfiles.input.GraphEditorInputMode#deleteSelection}
        * method has deleted the selection after all selected items have been removed.
-       * @param {function(Object, yfiles.input.SelectionEventArgs.<yfiles.graph.IModelItem>): void} listener The listener to remove.
+       * @param listener The listener to remove.
        * @see yfiles.input.GraphEditorInputMode#deleteSelection
        * @see yfiles.input.GraphEditorInputMode#addDeletedSelectionListener
        */
@@ -38695,7 +38743,7 @@ declare namespace system{
        * The {@link yfiles.input.GraphEditorInputMode#adjustContentRect} method is called whenever the content changes. The default is
        * {@link yfiles.input.AdjustContentRectPolicy#UNION}.
        * </p>
-       * @default 1
+       * @default yfiles.input.AdjustContentRectPolicy.UNION
        * @type {yfiles.input.AdjustContentRectPolicy}
        */
       adjustContentRectPolicy:yfiles.input.AdjustContentRectPolicy;
@@ -38853,6 +38901,9 @@ declare namespace system{
        * Gets or sets a value indicating whether undo operations, that is, {@link yfiles.input.GraphEditorInputMode#undo} and {@link yfiles.input.GraphEditorInputMode#redo}
        * should be enabled.
        * <p>
+       * Note that even if this feature is enabled, an {@link yfiles.graph.UndoEngine undo engine} needs to be available in the {@link yfiles.input.InputModeBase#inputModeContext}in order to work.
+       * </p>
+       * <p>
        * Setting this property to <code>false</code> effectively disables handling of the commands {@link yfiles.input.ICommand#UNDO} and
        * {@link yfiles.input.ICommand#REDO}.
        * </p>
@@ -38902,7 +38953,7 @@ declare namespace system{
        * This is triggered whenever the {@link yfiles.input.GraphEditorInputMode#reparentNodeHandler}'s {@link yfiles.input.IReparentNodeHandler#reparent} method has been called to reparent a node
        * interactively.
        * </p>
-       * @param {function(Object, yfiles.graph.NodeEventArgs): void} listener The listener to add.
+       * @param listener The listener to add.
        * @see yfiles.input.GraphEditorInputMode#reparentNodeHandler
        * @see yfiles.input.GraphEditorInputMode#removeNodeReparentedListener
        */
@@ -38913,7 +38964,7 @@ declare namespace system{
        * This is triggered whenever the {@link yfiles.input.GraphEditorInputMode#reparentNodeHandler}'s {@link yfiles.input.IReparentNodeHandler#reparent} method has been called to reparent a node
        * interactively.
        * </p>
-       * @param {function(Object, yfiles.graph.NodeEventArgs): void} listener The listener to remove.
+       * @param listener The listener to remove.
        * @see yfiles.input.GraphEditorInputMode#reparentNodeHandler
        * @see yfiles.input.GraphEditorInputMode#addNodeReparentedListener
        */
@@ -38926,7 +38977,7 @@ declare namespace system{
        * or via a drag and drop operation that was completed by {@link yfiles.input.GraphEditorInputMode#nodeDropInputMode}. Note that if {@link yfiles.input.NodeDropInputMode#allowFolderNodeAsParent} is set to <code>true</code>, the reported node can actually be
        * part of the {@link yfiles.graph.IFoldingView master graph}.
        * </p>
-       * @param {function(Object, yfiles.collections.ItemEventArgs.<yfiles.graph.INode>): void} listener The listener to add.
+       * @param listener The listener to add.
        * @see yfiles.input.GraphEditorInputMode#createNode
        * @see yfiles.input.GraphEditorInputMode#removeNodeCreatedListener
        */
@@ -38939,7 +38990,7 @@ declare namespace system{
        * or via a drag and drop operation that was completed by {@link yfiles.input.GraphEditorInputMode#nodeDropInputMode}. Note that if {@link yfiles.input.NodeDropInputMode#allowFolderNodeAsParent} is set to <code>true</code>, the reported node can actually be
        * part of the {@link yfiles.graph.IFoldingView master graph}.
        * </p>
-       * @param {function(Object, yfiles.collections.ItemEventArgs.<yfiles.graph.INode>): void} listener The listener to remove.
+       * @param listener The listener to remove.
        * @see yfiles.input.GraphEditorInputMode#createNode
        * @see yfiles.input.GraphEditorInputMode#addNodeCreatedListener
        */
@@ -38995,7 +39046,7 @@ declare namespace system{
       /**
        * Adds the given listener for the <code>EdgePortsChanged</code> event that occurs after an edge's source and/or target ports have been
        * changed as the result of an input gesture.
-       * @param {function(Object, yfiles.graph.EdgeEventArgs): void} listener The listener to add.
+       * @param listener The listener to add.
        * @see yfiles.graph.EdgeEventArgs
        * @see yfiles.input.GraphEditorInputMode#reverseSelectedEdges
        * @see yfiles.input.GraphEditorInputMode#reverseEdges
@@ -39006,7 +39057,7 @@ declare namespace system{
       /**
        * Removes the given listener for the <code>EdgePortsChanged</code> event that occurs after an edge's source and/or target ports have
        * been changed as the result of an input gesture.
-       * @param {function(Object, yfiles.graph.EdgeEventArgs): void} listener The listener to remove.
+       * @param listener The listener to remove.
        * @see yfiles.graph.EdgeEventArgs
        * @see yfiles.input.GraphEditorInputMode#reverseSelectedEdges
        * @see yfiles.input.GraphEditorInputMode#reverseEdges
@@ -39067,6 +39118,7 @@ declare namespace system{
        * <p>
        * The default value is <code>true</code>.
        * </p>
+       * @see yfiles.input.GraphInputMode#clickSelectableItems
        * @default true
        * @type {boolean}
        */
@@ -39128,7 +39180,7 @@ declare namespace system{
        * forbidden entirely, or the properties of the added label can be changed, by setting the appropriate properties on the
        * {@link yfiles.input.LabelEditingEventArgs}. It is even possible to forbid adding a label, but edit an existing one instead.
        * </p>
-       * @param {function(Object, yfiles.input.LabelEditingEventArgs): void} listener The listener to add.
+       * @param listener The listener to add.
        * @see yfiles.input.GraphEditorInputMode#removeLabelAddingListener
        */
       addLabelAddingListener(listener:(sender:Object,evt:yfiles.input.LabelEditingEventArgs)=>void):void;
@@ -39139,7 +39191,7 @@ declare namespace system{
        * forbidden entirely, or the properties of the added label can be changed, by setting the appropriate properties on the
        * {@link yfiles.input.LabelEditingEventArgs}. It is even possible to forbid adding a label, but edit an existing one instead.
        * </p>
-       * @param {function(Object, yfiles.input.LabelEditingEventArgs): void} listener The listener to remove.
+       * @param listener The listener to remove.
        * @see yfiles.input.GraphEditorInputMode#addLabelAddingListener
        */
       removeLabelAddingListener(listener:(sender:Object,evt:yfiles.input.LabelEditingEventArgs)=>void):void;
@@ -39150,7 +39202,7 @@ declare namespace system{
        * entirely, or redirected to a different label, even on a different owner. In case editing existing labels is unwanted,
        * event handlers can also specify that instead of editing a label, a new one should be added.
        * </p>
-       * @param {function(Object, yfiles.input.LabelEditingEventArgs): void} listener The listener to add.
+       * @param listener The listener to add.
        * @see yfiles.input.GraphEditorInputMode#removeLabelEditingListener
        */
       addLabelEditingListener(listener:(sender:Object,evt:yfiles.input.LabelEditingEventArgs)=>void):void;
@@ -39161,7 +39213,7 @@ declare namespace system{
        * entirely, or redirected to a different label, even on a different owner. In case editing existing labels is unwanted,
        * event handlers can also specify that instead of editing a label, a new one should be added.
        * </p>
-       * @param {function(Object, yfiles.input.LabelEditingEventArgs): void} listener The listener to remove.
+       * @param listener The listener to remove.
        * @see yfiles.input.GraphEditorInputMode#addLabelEditingListener
        */
       removeLabelEditingListener(listener:(sender:Object,evt:yfiles.input.LabelEditingEventArgs)=>void):void;
@@ -39177,7 +39229,7 @@ declare namespace system{
      * Highlighting is done via a {@link yfiles.view.HighlightIndicatorManager.<T>}.
      * </p>
      * Type parameter <code>T</code>.
-     * @class yfiles.input.ItemDropInputMode.<T>
+     * @class
      * @extends {yfiles.input.DropInputMode}
      * @template T
      */
@@ -39188,9 +39240,8 @@ declare namespace system{
        * <p>
        * This instance fires events only if a drag operation carries data of the expected format.
        * </p>
-       * @param {string} expectedFormat This is a format that is used in {@link yfiles.view.DragDropItem#getData}.
+       * @param expectedFormat This is a format that is used in {@link #getData}.
        * @protected
-       * @constructor
        */
       constructor(expectedFormat:string);
       /**
@@ -39221,8 +39272,8 @@ declare namespace system{
        * <p>
        * The default implementation doesn't collect any snap results.
        * </p>
-       * @param {Object} source The {@link yfiles.input.SnapContext} this callback is registered at.
-       * @param {yfiles.input.CollectSnapResultsEventArgs} evt The arguments describing the movement {@link yfiles.input.SnapResult}s shall be collected for.
+       * @param source The {@link } this callback is registered at.
+       * @param evt The arguments describing the movement {@link }s shall be collected for.
        * @protected
        */
       collectSnapResults(source:Object,evt:yfiles.input.CollectSnapResultsEventArgs):void;
@@ -39231,8 +39282,8 @@ declare namespace system{
        * <p>
        * The drop target is highlighted, if {@link yfiles.input.ItemDropInputMode.<T>#highlightDropTarget} is enabled. Per default, <code>null</code> is returned.
        * </p>
-       * @param {yfiles.geometry.Point} dragLocation The location to return the drop target for.
-       * @returns {yfiles.graph.IModelItem} The drop target at the specified location or <code>null</code> if no drop target can be found.
+       * @param dragLocation The location to return the drop target for.
+       * @returns The drop target at the specified location or <code>null</code> if no drop target can be found.
        * @protected
        */
       getDropTarget(dragLocation:yfiles.geometry.Point):yfiles.graph.IModelItem;
@@ -39260,13 +39311,13 @@ declare namespace system{
       initializeSnapContext():void;
       /**
        * Called whenever a new item is created
-       * @param {yfiles.collections.ItemEventArgs.<T>} evt
+       * @param evt
        * @protected
        */
       onItemCreated(evt:yfiles.collections.ItemEventArgs<T>):void;
       /**
        * Subclasses shall fill the specified graph that is used to preview the dragged item.
-       * @param {yfiles.graph.IGraph} previewGraph The preview graph to fill.
+       * @param previewGraph The preview graph to fill.
        * @protected
        */
       populatePreviewGraph(previewGraph:yfiles.graph.IGraph):void;
@@ -39275,26 +39326,26 @@ declare namespace system{
        * <p>
        * If {@link yfiles.input.ItemDropInputMode.<T>#highlightDropTarget} is enabled, the highlight is updated as well.
        * </p>
-       * @param {yfiles.geometry.Point} dragLocation The location to update the drop target for.
+       * @param dragLocation The location to update the drop target for.
        * @protected
        */
       updateDropTarget(dragLocation:yfiles.geometry.Point):void;
       /**
        * Subclasses shall update the {@link yfiles.input.ItemDropInputMode.<T>#previewGraph preview graph} so the dragged item is displayed at the specified <code>dragLocation</code>.
-       * @param {yfiles.graph.IGraph} previewGraph The preview graph to update.
-       * @param {yfiles.geometry.Point} dragLocation The current drag location.
+       * @param previewGraph The preview graph to update.
+       * @param dragLocation The current drag location.
        * @protected
        */
       updatePreview(previewGraph:yfiles.graph.IGraph,dragLocation:yfiles.geometry.Point):void;
       /**
        * Adds the given listener for the <code>ItemCreated</code> event that occurs when a new item gets created by this input mode.
-       * @param {function(Object, yfiles.collections.ItemEventArgs.<T>): void} listener The listener to add.
+       * @param listener The listener to add.
        * @see yfiles.input.ItemDropInputMode.<T>#removeItemCreatedListener
        */
       addItemCreatedListener(listener:(sender:Object,evt:yfiles.collections.ItemEventArgs<T>)=>void):void;
       /**
        * Removes the given listener for the <code>ItemCreated</code> event that occurs when a new item gets created by this input mode.
-       * @param {function(Object, yfiles.collections.ItemEventArgs.<T>): void} listener The listener to remove.
+       * @param listener The listener to remove.
        * @see yfiles.input.ItemDropInputMode.<T>#addItemCreatedListener
        */
       removeItemCreatedListener(listener:(sender:Object,evt:yfiles.collections.ItemEventArgs<T>)=>void):void;
@@ -39371,75 +39422,74 @@ declare namespace system{
     /**
      * An implementation of {@link yfiles.input.IPositionHandler} that shows the various label position candidates and lets the user
      * move a label to one of those candidate positions.
-     * @class yfiles.input.LabelPositionHandler
+     * @class
      * @implements {yfiles.input.IPositionHandler}
      */
     export interface LabelPositionHandler extends Object,yfiles.input.IPositionHandler{}
     export class LabelPositionHandler {
       /**
        * Initializes a new instance of the {@link yfiles.input.LabelPositionHandler} class.
-       * @param {yfiles.graph.ILabel} label The label that shall be moved.
-       * @constructor
+       * @param label The label that shall be moved.
        */
       constructor(label:yfiles.graph.ILabel);
       /**
        * 
-       * @param {yfiles.input.IInputModeContext} context
-       * @param {yfiles.geometry.Point} originalLocation
+       * @param context
+       * @param originalLocation
        */
       cancelDrag(context:yfiles.input.IInputModeContext,originalLocation:yfiles.geometry.Point):void;
       /**
        * Creates an {@link yfiles.view.ICanvasObjectDescriptor} to display the given candidate position.
-       * @param {yfiles.input.IInputModeContext} context The context for which the descriptor is created.
-       * @param {boolean} highlight Whether to highlight the paintable. This will be <code>true</code> for the current position and <code>false</code> for the others.
-       * @returns {yfiles.view.ICanvasObjectDescriptor} An implementation that will render the given candidate.
+       * @param context The context for which the descriptor is created.
+       * @param highlight Whether to highlight the paintable. This will be <code>true</code> for the current position and <code>false</code> for the others.
+       * @returns An implementation that will render the given candidate.
        * @protected
        */
       createCandidateDescriptor(context:yfiles.input.IInputModeContext,highlight:boolean):yfiles.view.ICanvasObjectDescriptor;
       /**
        * 
-       * @param {yfiles.input.IInputModeContext} context
-       * @param {yfiles.geometry.Point} originalLocation
-       * @param {yfiles.geometry.Point} newLocation
+       * @param context
+       * @param originalLocation
+       * @param newLocation
        */
       dragFinished(context:yfiles.input.IInputModeContext,originalLocation:yfiles.geometry.Point,newLocation:yfiles.geometry.Point):void;
       /**
        * Calculates a distance value between a candidate rectangle and the mouse location.
-       * @param {yfiles.geometry.IOrientedRectangle} rectangle The rectangle candidate.
-       * @param {yfiles.geometry.Point} location The mouse location.
-       * @returns {number} A value indicating the closeness of the mouse to the rectangle.
+       * @param rectangle The rectangle candidate.
+       * @param location The mouse location.
+       * @returns A value indicating the closeness of the mouse to the rectangle.
        * @protected
        */
       getDistance(rectangle:yfiles.geometry.IOrientedRectangle,location:yfiles.geometry.Point):number;
       /**
        * Callback method that gets the candidates for the given label.
-       * @param {yfiles.graph.ILabel} label The label.
-       * @returns {yfiles.collections.IEnumerable.<yfiles.graph.ILabelModelParameter>} A possibly empty enumerator over possible label parameter candidates.
+       * @param label The label.
+       * @returns A possibly empty enumerator over possible label parameter candidates.
        * @protected
        */
       getParameterCandidates(label:yfiles.graph.ILabel):yfiles.collections.IEnumerable<yfiles.graph.ILabelModelParameter>;
       /**
        * 
-       * @param {yfiles.input.IInputModeContext} context
-       * @param {yfiles.geometry.Point} originalLocation
-       * @param {yfiles.geometry.Point} newLocation
+       * @param context
+       * @param originalLocation
+       * @param newLocation
        */
       handleMove(context:yfiles.input.IInputModeContext,originalLocation:yfiles.geometry.Point,newLocation:yfiles.geometry.Point):void;
       /**
        * 
-       * @param {yfiles.input.IInputModeContext} context
+       * @param context
        */
       initializeDrag(context:yfiles.input.IInputModeContext):void;
       /**
        * Actually applies the given parameter at the end of the gesture.
-       * @param {yfiles.graph.ILabel} label The label to set the parameter for.
-       * @param {yfiles.graph.ILabelModelParameter} layoutParameter The new parameter.
+       * @param label The label to set the parameter for.
+       * @param layoutParameter The new parameter.
        * @protected
        */
       setLayoutParameter(label:yfiles.graph.ILabel,layoutParameter:yfiles.graph.ILabelModelParameter):void;
       /**
        * 
-       * @param {yfiles.geometry.Point} location
+       * @param location
        */
       setPosition(location:yfiles.geometry.Point):void;
       /**
@@ -39447,8 +39497,8 @@ declare namespace system{
        * <p>
        * This implementation returns <code>true</code> if the {@link yfiles.input.LabelPositionHandler#useFinder} property is <code>true</code> and the control key is pressed.
        * </p>
-       * @param {yfiles.input.IInputModeContext} context The context that is currently being used - may be <code>null</code> if the method is called without context.
-       * @returns {boolean} 
+       * @param context The context that is currently being used - may be <code>null</code> if the method is called without context.
+       * @returns 
        * @protected
        */
       useParameterFinder(context:yfiles.input.IInputModeContext):boolean;
@@ -39511,7 +39561,7 @@ declare namespace system{
      * during dragging of labels.
      * @see yfiles.input.LabelSnapContext
      * @see yfiles.graph.LabelDecorator#labelSnapContextHelperDecorator
-     * @class yfiles.input.LabelSnapContextHelper
+     * @class
      * @implements {yfiles.input.ILabelSnapContextHelper}
      */
     export interface LabelSnapContextHelper extends Object,yfiles.input.ILabelSnapContextHelper{}
@@ -39522,11 +39572,11 @@ declare namespace system{
        * This method is not used by this class to create its snap lines. Instead, it can be called by custom sub-classes to
        * create this kind of snap lines.
        * </p>
-       * @param {yfiles.input.LabelSnapContext} snapContext The snap context which manages the snap lines and the settings. Note that implementations should not change the state of
+       * @param snapContext The snap context which manages the snap lines and the settings. Note that implementations should not change the state of
        * the context explicitly.
-       * @param {yfiles.input.IInputModeContext} inputModeContext The context of the input mode that handles the dragging.
-       * @param {yfiles.graph.ILabel} label The edge label that is dragged.
-       * @param {number} distance The distance of the added snap lines from the edge path.
+       * @param inputModeContext The context of the input mode that handles the dragging.
+       * @param label The edge label that is dragged.
+       * @param distance The distance of the added snap lines from the edge path.
        * @protected
        */
       addEdgePathSnapLines(snapContext:yfiles.input.LabelSnapContext,inputModeContext:yfiles.input.IInputModeContext,label:yfiles.graph.ILabel,distance:number):void;
@@ -39535,10 +39585,10 @@ declare namespace system{
        * <p>
        * The corresponding settings of the <code>snapContext</code> specify which snap lines are actually created.
        * </p>
-       * @param {yfiles.input.LabelSnapContext} snapContext The snap context which manages the snap lines and the settings. Note that implementations should not change the state of
+       * @param snapContext The snap context which manages the snap lines and the settings. Note that implementations should not change the state of
        * the context explicitly.
-       * @param {yfiles.input.IInputModeContext} inputModeContext The context of the input mode that handles the dragging.
-       * @param {yfiles.graph.ILabel} label The edge label that is dragged.
+       * @param inputModeContext The context of the input mode that handles the dragging.
+       * @param label The edge label that is dragged.
        * @protected
        */
       addEdgePathSnapLines(snapContext:yfiles.input.LabelSnapContext,inputModeContext:yfiles.input.IInputModeContext,label:yfiles.graph.ILabel):void;
@@ -39549,10 +39599,10 @@ declare namespace system{
        * This method is called by {@link yfiles.input.LabelSnapContextHelper#addSnapLines} to add the snap lines for the initial position
        * label location.
        * </p>
-       * @param {yfiles.input.LabelSnapContext} snapContext The snap context which manages the snap lines and the settings. Note that implementations should not change the state of
+       * @param snapContext The snap context which manages the snap lines and the settings. Note that implementations should not change the state of
        * the context explicitly.
-       * @param {yfiles.input.IInputModeContext} inputModeContext The context of the input mode that handles the dragging.
-       * @param {yfiles.graph.ILabel} label The label that is dragged.
+       * @param inputModeContext The context of the input mode that handles the dragging.
+       * @param label The label that is dragged.
        * @protected
        */
       addInitialLocationSnapLines(snapContext:yfiles.input.LabelSnapContext,inputModeContext:yfiles.input.IInputModeContext,label:yfiles.graph.ILabel):void;
@@ -39561,28 +39611,28 @@ declare namespace system{
        * <p>
        * The corresponding settings of the <code>snapContext</code> specify which snap lines are actually created.
        * </p>
-       * @param {yfiles.input.LabelSnapContext} snapContext The snap context which manages the snap lines and the settings. Note that implementations should not change the state of
+       * @param snapContext The snap context which manages the snap lines and the settings. Note that implementations should not change the state of
        * the context explicitly.
-       * @param {yfiles.input.IInputModeContext} inputModeContext The context of the input mode that handles the dragging.
-       * @param {yfiles.graph.ILabel} label The node label that is dragged.
+       * @param inputModeContext The context of the input mode that handles the dragging.
+       * @param label The node label that is dragged.
        * @protected
        */
       addNodeShapeSnapLines(snapContext:yfiles.input.LabelSnapContext,inputModeContext:yfiles.input.IInputModeContext,label:yfiles.graph.ILabel):void;
       /**
        * Called during {@link yfiles.input.IDragHandler#initializeDrag initialization} of a <code>label</code> dragging to add {@link yfiles.input.SnapLine snap lines} to which the label can potentially snap to the
        * <code>snapContext</code>.
-       * @param {yfiles.input.LabelSnapContext} snapContext The snap context which manages the snap lines and the settings. Note that implementations should not change the state of
+       * @param snapContext The snap context which manages the snap lines and the settings. Note that implementations should not change the state of
        * the context explicitly.
-       * @param {yfiles.input.IInputModeContext} inputModeContext The context of the input mode that handles the dragging.
-       * @param {yfiles.graph.ILabel} label The label that is dragged.
+       * @param inputModeContext The context of the input mode that handles the dragging.
+       * @param label The label that is dragged.
        */
       addSnapLines(snapContext:yfiles.input.LabelSnapContext,inputModeContext:yfiles.input.IInputModeContext,label:yfiles.graph.ILabel):void;
       /**
        * 
-       * @param {yfiles.input.LabelSnapContext} context
-       * @param {yfiles.input.CollectSnapResultsEventArgs} evt
-       * @param {yfiles.geometry.IOrientedRectangle} suggestedLayout
-       * @param {yfiles.graph.ILabel} label
+       * @param context
+       * @param evt
+       * @param suggestedLayout
+       * @param label
        */
       collectSnapResults(context:yfiles.input.LabelSnapContext,evt:yfiles.input.CollectSnapResultsEventArgs,suggestedLayout:yfiles.geometry.IOrientedRectangle,label:yfiles.graph.ILabel):void;
       /**
@@ -39605,7 +39655,7 @@ declare namespace system{
      * Event handlers can set the {@link yfiles.input.LabelTextValidatingEventArgs#cancel} property to <code>true</code> to cancel label editing if validation failed, or set the {@link yfiles.input.LabelTextValidatingEventArgs#newText} property to a
      * changed, validated value.
      * </p>
-     * @class yfiles.input.LabelTextValidatingEventArgs
+     * @class
      * @extends {yfiles.input.InputModeEventArgs}
      * @final
      */
@@ -39613,10 +39663,9 @@ declare namespace system{
     export class LabelTextValidatingEventArgs {
       /**
        * Initializes a new instance of the {@link yfiles.input.LabelTextValidatingEventArgs} class.
-       * @param {yfiles.input.IInputModeContext} context The context.
-       * @param {yfiles.graph.ILabel} label The label.
-       * @param {string} newText The initial new text as entered by the user.
-       * @constructor
+       * @param context The context.
+       * @param label The label.
+       * @param newText The initial new text as entered by the user.
        */
       constructor(context:yfiles.input.IInputModeContext,label:yfiles.graph.ILabel,newText:string);
       /**
@@ -39646,7 +39695,7 @@ declare namespace system{
      * This implementation shows the possible candidate positions for a given label and allows the user to drag the label to
      * one of these positions.
      * </p>
-     * @class yfiles.input.MoveLabelInputMode
+     * @class
      * @extends {yfiles.input.MoveInputMode}
      */
     export interface MoveLabelInputMode extends yfiles.input.MoveInputMode{}
@@ -39654,7 +39703,6 @@ declare namespace system{
       /**
        * Creates a new instance that will move labels in the graph retrieved from the {@link yfiles.input.MoveInputMode#inputModeContext}.
        * @see yfiles.input.MoveLabelInputMode#graph
-       * @constructor
        */
       constructor();
       /**
@@ -39662,7 +39710,7 @@ declare namespace system{
        * <p>
        * This implementation returns an instance that delegates to {@link yfiles.input.MoveLabelInputMode#isValidLabelHit}.
        * </p>
-       * @returns {yfiles.input.IHitTestable} A hit testable.
+       * @returns A hit testable.
        * @protected
        */
       createLabelHitTestable():yfiles.input.IHitTestable;
@@ -39672,8 +39720,8 @@ declare namespace system{
        * First, this implementation checks for a position handler in the label's
        * {@link yfiles.graph.ILookup lookup}. If this fails, it creates a new label position handler for the given label.
        * </p>
-       * @param {yfiles.graph.ILabel} label The label to create a position handler for.
-       * @returns {yfiles.input.IPositionHandler} A position handler for the given label.
+       * @param label The label to create a position handler for.
+       * @returns A position handler for the given label.
        * @protected
        */
       createLabelPositionHandler(label:yfiles.graph.ILabel):yfiles.input.IPositionHandler;
@@ -39683,9 +39731,9 @@ declare namespace system{
        * This implementation checks the {@link yfiles.input.MoveLabelInputMode#graphSelection} to see if there is exactly one selected label. This label is returned if it is hit by
        * the mouse and {@link yfiles.input.MoveLabelInputMode#shouldMove} returns <code>true</code>. Otherwise, <code>null</code> is returned.
        * </p>
-       * @param {yfiles.input.IInputModeContext} context The context for the hit test.
-       * @param {yfiles.geometry.Point} location The coordinates for the hit test.
-       * @returns {yfiles.graph.ILabel} The label hit at the given location or <code>null</code>.
+       * @param context The context for the hit test.
+       * @param location The coordinates for the hit test.
+       * @returns The label hit at the given location or <code>null</code>.
        * @see yfiles.input.MoveLabelInputMode#isValidLabelHit
        * @see yfiles.input.MoveLabelInputMode#shouldMove
        * @protected
@@ -39698,9 +39746,9 @@ declare namespace system{
        * label is hit, the {@link yfiles.input.IPositionHandler} is created by
        * {@link yfiles.input.MoveLabelInputMode#createLabelPositionHandler}.
        * </p>
-       * @param {yfiles.input.IInputModeContext} context The context for the hit test.
-       * @param {yfiles.geometry.Point} location The coordinates for the hit test.
-       * @returns {boolean} <code>true</code> if a valid label is hit and the label moving should be started here. Otherwise, <code>false</code>.
+       * @param context The context for the hit test.
+       * @param location The coordinates for the hit test.
+       * @returns <code>true</code> if a valid label is hit and the label moving should be started here. Otherwise, <code>false</code>.
        * @protected
        */
       isValidLabelHit(context:yfiles.input.IInputModeContext,location:yfiles.geometry.Point):boolean;
@@ -39710,9 +39758,9 @@ declare namespace system{
        * This implementation returns <code>false</code> if the parent input mode {@link yfiles.input.GraphEditorInputMode#shouldMove forbids} moving the label. Overriding implementations should
        * query this implementation as base if this feature is desired.
        * </p>
-       * @param {yfiles.input.IInputModeContext} context The context.
-       * @param {yfiles.graph.ILabel} label The label to be checked.
-       * @returns {boolean} <code>true</code> if the label is allowed to move.
+       * @param context The context.
+       * @param label The label to be checked.
+       * @returns <code>true</code> if the label is allowed to move.
        * @see yfiles.input.MoveLabelInputMode#getHitLabel
        * @protected
        */
@@ -39761,16 +39809,15 @@ declare namespace system{
      * hierarchy. In this case the {@link yfiles.input.NodeDropInputMode#isValidParentPredicate} will be queried if the dropped upon node is actually a valid parent.
      * </p>
      * @see yfiles.input.NodeDropInputMode#startDrag
-     * @class yfiles.input.NodeDropInputMode
+     * @class
      * @extends {yfiles.input.ItemDropInputMode.<yfiles.graph.INode>}
      */
     export interface NodeDropInputMode extends yfiles.input.ItemDropInputMode<yfiles.graph.INode>{}
     export class NodeDropInputMode {
       /**
        * Initializes a new instance of the {@link yfiles.input.NodeDropInputMode} class for the expected data format.
-       * @param {string} expectedFormat This is a format that is used in {@link yfiles.input.NodeDropInputMode#startDrag}.
+       * @param expectedFormat This is a format that is used in {@link #startDrag}.
        * @protected
-       * @constructor
        */
       constructor(expectedFormat:string);
       /**
@@ -39779,7 +39826,6 @@ declare namespace system{
        * This instance fires events only if the format of the data of the drag operation is the full name of the {@link yfiles.graph.INode}
        * type. Such a drag operation can be started for example with {@link yfiles.input.NodeDropInputMode#startDrag}.
        * </p>
-       * @constructor
        */
       constructor();
       /**
@@ -39787,12 +39833,12 @@ declare namespace system{
        * <p>
        * This method is called by the {@link yfiles.input.ItemDropInputMode.<T>#itemCreator} that is set as default on this class.
        * </p>
-       * @param {yfiles.input.IInputModeContext} context The context for which the node should be created.
-       * @param {yfiles.graph.IGraph} graph The {@link yfiles.graph.IGraph Graph} in which to create the item.
-       * @param {yfiles.graph.INode} node The node that was dragged and should therefore be created.
-       * @param {yfiles.graph.IModelItem} dropTarget The {@link yfiles.graph.IModelItem} on which the node is dropped.
-       * @param {yfiles.geometry.Rect} layout The bounds of the new node.
-       * @returns {yfiles.graph.INode} a newly created node.
+       * @param context The context for which the node should be created.
+       * @param graph The {@link  Graph} in which to create the item.
+       * @param node The node that was dragged and should therefore be created.
+       * @param dropTarget The {@link } on which the node is dropped.
+       * @param layout The bounds of the new node.
+       * @returns a newly created node.
        * @protected
        */
       createNode(context:yfiles.input.IInputModeContext,graph:yfiles.graph.IGraph,node:yfiles.graph.INode,dropTarget:yfiles.graph.IModelItem,layout:yfiles.geometry.Rect):yfiles.graph.INode;
@@ -39802,9 +39848,9 @@ declare namespace system{
        * In this implementation the mouse location is used as center of the node. Can be overridden in child class to implement a
        * different layout.
        * </p>
-       * @param {yfiles.geometry.Point} mouseLocation Current mouse position
-       * @param {yfiles.geometry.Size} size Size of the node
-       * @returns {yfiles.geometry.Rect} a {@link yfiles.geometry.Rect} with the given size and the mouse location as center.
+       * @param mouseLocation Current mouse position
+       * @param size Size of the node
+       * @returns a {@link } with the given size and the mouse location as center.
        * @protected
        */
       getNodeLayout(mouseLocation:yfiles.geometry.Point,size:yfiles.geometry.Size):yfiles.geometry.Rect;
@@ -39824,10 +39870,10 @@ declare namespace system{
        * <li><code>yfiles-cursor-dragdrop-all</code></li>
        * <li><code>yfiles-cursor-dragdrop-no-drop</code></li>
        * </ul>
-       * @param {HTMLElement} dragSource The source of the drag operation.
-       * @param {yfiles.graph.INode} node The node to drag.
-       * @param {yfiles.view.DragDropEffects} [dragDropEffects=yfiles.view.DragDropEffects.ALL] The allowed drag drop effects.
-       * @param {boolean} [useCssCursors=true] Whether to adjust the classes of elements being hovered over during the drag. The default is <code>true</code>.
+       * @param dragSource The source of the drag operation.
+       * @param node The node to drag.
+       * @param [dragDropEffects=yfiles.view.DragDropEffects.ALL] The allowed drag drop effects.
+       * @param [useCssCursors=true] Whether to adjust the classes of elements being hovered over during the drag. The default is <code>true</code>.
        * @see yfiles.view.DragSource#startDrag
        * @see yfiles.view.DragDropItem
        * @static
@@ -39850,10 +39896,10 @@ declare namespace system{
        * <li><code>yfiles-cursor-dragdrop-no-drop</code></li>
        * </ul>
        * @param {Object} options The parameters to pass.
-       * @param {HTMLElement} options.dragSource The source of the drag operation.
-       * @param {yfiles.graph.INode} options.node The node to drag.
-       * @param {yfiles.view.DragDropEffects} [options.dragDropEffects=yfiles.view.DragDropEffects.ALL] The allowed drag drop effects.
-       * @param {boolean} [options.useCssCursors=true] Whether to adjust the classes of elements being hovered over during the drag. The default is <code>true</code>.
+       * @param options.dragSource The source of the drag operation.
+       * @param options.node The node to drag.
+       * @param [options.dragDropEffects=yfiles.view.DragDropEffects.ALL] The allowed drag drop effects.
+       * @param [options.useCssCursors=true] Whether to adjust the classes of elements being hovered over during the drag. The default is <code>true</code>.
        * @see yfiles.view.DragSource#startDrag
        * @see yfiles.view.DragDropItem
        * @static
@@ -39933,13 +39979,12 @@ declare namespace system{
      * @see yfiles.input.IOrthogonalEdgeHelper
      * @see yfiles.input.OrthogonalEdgeEditingContext#enabled
      * @see yfiles.input.OrthogonalEdgeEditingContext#movePorts
-     * @class yfiles.input.OrthogonalEdgeEditingContext
+     * @class
      */
     export interface OrthogonalEdgeEditingContext extends Object{}
     export class OrthogonalEdgeEditingContext {
       /**
        * Initializes a new instance of the {@link yfiles.input.OrthogonalEdgeEditingContext} class that is initially {@link yfiles.input.OrthogonalEdgeEditingContext#enabled}.
-       * @constructor
        */
       constructor();
       /**
@@ -39948,7 +39993,7 @@ declare namespace system{
        * {@link yfiles.input.IDragHandler} implementations that are being used to explicitly move a bend during the edit should use this
        * method to register their edit while they are being {@link yfiles.input.IDragHandler#initializeDrag initialized}.
        * </p>
-       * @param {yfiles.input.MovementInfo} movementInfo The movement info that describes the movement of the bend.
+       * @param movementInfo The movement info that describes the movement of the bend.
        */
       addExplicitlyMovedBend(movementInfo:yfiles.input.MovementInfo):void;
       /**
@@ -39957,8 +40002,8 @@ declare namespace system{
        * The instance will be returned by {@link yfiles.input.OrthogonalEdgeEditingContext#createImplicitlyMovedBendInfo} and the {@link yfiles.input.MovementInfo#moveType} will
        * be combined with the requested move type.
        * </p>
-       * @param {yfiles.input.MovementInfo} movementInfo The movement info for the bend.
-       * @returns {yfiles.input.MovementInfo} The info that has been registered with this instance.
+       * @param movementInfo The movement info for the bend.
+       * @returns The info that has been registered with this instance.
        */
       addImplicitlyMovedBend(movementInfo:yfiles.input.MovementInfo):yfiles.input.MovementInfo;
       /**
@@ -39967,8 +40012,8 @@ declare namespace system{
        * {@link yfiles.input.IDragHandler} implementations that are being used to explicitly move the end of an edge during the edit
        * should use this method to register their edit while they are being {@link yfiles.input.IDragHandler#initializeDrag initialized}.
        * </p>
-       * @param {yfiles.input.MovementInfo} movementInfo The movement info that describes the movement of the end of the edge. The {@link yfiles.input.MovementInfo#movedItem} must be an {@link yfiles.graph.IEdge}.
-       * @param {boolean} sourceEnd <code>true</code> if the <code>movementInfo</code> represents the source end of the edge.
+       * @param movementInfo The movement info that describes the movement of the end of the edge. The {@link #movedItem} must be an {@link }.
+       * @param sourceEnd <code>true</code> if the <code>movementInfo</code> represents the source end of the edge.
        * @see yfiles.input.IEdgePortHandleProvider
        */
       addMovedEdgeEnd(movementInfo:yfiles.input.MovementInfo,sourceEnd:boolean):void;
@@ -39978,7 +40023,7 @@ declare namespace system{
        * {@link yfiles.input.IDragHandler} implementations that are being used to explicitly move a bend during the edit should use this
        * method to register their edit while they are being {@link yfiles.input.IDragHandler#initializeDrag initialized}.
        * </p>
-       * @param {yfiles.input.MovementInfo} movementInfo The movement info that describes the movement of the port.
+       * @param movementInfo The movement info that describes the movement of the port.
        */
       addMovedPort(movementInfo:yfiles.input.MovementInfo):void;
       /**
@@ -39988,7 +40033,7 @@ declare namespace system{
        * Normally this will be nodes that are being resized or moved in a non-linear way, or edges, whose bends or ports are
        * being changed.
        * </p>
-       * @param {yfiles.graph.IPortOwner} owner The item that will be transformed.
+       * @param owner The item that will be transformed.
        */
       addTransformedPortOwner(owner:yfiles.graph.IPortOwner):void;
       /**
@@ -40014,15 +40059,15 @@ declare namespace system{
        * This implementations delegates to the {@link yfiles.input.IOrthogonalEdgeHelper}'s {@link yfiles.input.IOrthogonalEdgeHelper#cleanUpEdge}
        * method.
        * </p>
-       * @param {yfiles.graph.IGraph} graph The graph in which the edge resides.
-       * @param {yfiles.graph.IEdge} edge The modified edge.
+       * @param graph The graph in which the edge resides.
+       * @param edge The modified edge.
        * @see yfiles.input.OrthogonalEdgeEditingContext#getOrthogonalEdgeHelper
        * @protected
        */
       cleanUpEdgePath(graph:yfiles.graph.IGraph,edge:yfiles.graph.IEdge):void;
       /**
        * Called after a successfully {@link yfiles.input.OrthogonalEdgeEditingContext#dragFinished finished drag} to clean up artifacts of modified edges.
-       * @param {yfiles.graph.IGraph} graph The graph.
+       * @param graph The graph.
        * @see yfiles.input.OrthogonalEdgeEditingContext#cleanUpEdgePath
        * @protected
        */
@@ -40034,10 +40079,10 @@ declare namespace system{
        * edit that need to move adjacent bends implicitly. Implementations should pass as the parameters the movement information
        * that controls the vertical or horizontal movement of the bend implicitly.
        * </p>
-       * @param {yfiles.graph.IBend} bend The implicitly moved bend.
-       * @param {yfiles.input.MovementInfo} verticalAdjacentInfo The movement info that implicitly constrains the vertical movement of the bend or <code>null</code>.
-       * @param {yfiles.input.MovementInfo} horizontalAdjacentInfo The movement info that implicitly constrains the horizontal movement of the bend or <code>null</code>.
-       * @returns {yfiles.input.MovementInfo} The info to be used by clients that requested it.
+       * @param bend The implicitly moved bend.
+       * @param verticalAdjacentInfo The movement info that implicitly constrains the vertical movement of the bend or <code>null</code>.
+       * @param horizontalAdjacentInfo The movement info that implicitly constrains the horizontal movement of the bend or <code>null</code>.
+       * @returns The info to be used by clients that requested it.
        */
       createImplicitlyMovedBendInfo(bend:yfiles.graph.IBend,horizontalAdjacentInfo:yfiles.input.MovementInfo,verticalAdjacentInfo:yfiles.input.MovementInfo):yfiles.input.MovementInfo;
       /**
@@ -40059,8 +40104,8 @@ declare namespace system{
       dragInitialized():void;
       /**
        * Gets the {@link yfiles.input.MovementInfo movement infos} that describe the orthogonal path of the edge.
-       * @param {yfiles.graph.IEdge} edge The edge to obtain the infos for.
-       * @returns {yfiles.collections.IListEnumerable.<yfiles.input.MovementInfo>} An array that contains for the first entry the source end of the edge, then all bends and then as the final entry the
+       * @param edge The edge to obtain the infos for.
+       * @returns An array that contains for the first entry the source end of the edge, then all bends and then as the final entry the
        * target end of the edge. For the bends, this can be be <code>null</code> values if nothing is known about the bend, yet.
        * @protected
        */
@@ -40070,8 +40115,8 @@ declare namespace system{
        * <p>
        * This implementation obtains the helper instance from the {@link yfiles.graph.ILookup#lookup} of the edge.
        * </p>
-       * @param {yfiles.graph.IEdge} edge The edge to obtain the helper instance for.
-       * @returns {yfiles.input.IOrthogonalEdgeHelper} The helper instance to use or <code>null</code>, in which case the default behavior will be used.
+       * @param edge The edge to obtain the helper instance for.
+       * @returns The helper instance to use or <code>null</code>, in which case the default behavior will be used.
        * @see yfiles.input.OrthogonalEdgeHelper
        * @protected
        */
@@ -40081,9 +40126,9 @@ declare namespace system{
        * <p>
        * This implementation uses the {@link yfiles.input.OrthogonalEdgeEditingContext#getOrthogonalEdgeHelper GetOrthogonalEdgeHelper()}.{@link yfiles.input.IOrthogonalEdgeHelper#getSegmentOrientation GetSegmentOrientation} method to yield the orientation.
        * </p>
-       * @param {yfiles.graph.IEdge} edge The edge to determine the orientation of the segment.
-       * @param {number} segmentIndex Index of the segment.
-       * @returns {yfiles.input.SegmentOrientation} The orientation of the segment.
+       * @param edge The edge to determine the orientation of the segment.
+       * @param segmentIndex Index of the segment.
+       * @returns The orientation of the segment.
        */
       getSegmentOrientation(edge:yfiles.graph.IEdge,segmentIndex:number):yfiles.input.SegmentOrientation;
       /**
@@ -40094,7 +40139,7 @@ declare namespace system{
        * that perform the actual edit need to be initialized and as soon as this has been done, {@link yfiles.input.OrthogonalEdgeEditingContext#dragInitialized}
        * should be called.
        * </p>
-       * @param {yfiles.input.IInputModeContext} context The context in which the edit is going to be performed.
+       * @param context The context in which the edit is going to be performed.
        * @throws {Stubs.Exceptions.InvalidOperationError} If this context is already {@link yfiles.input.OrthogonalEdgeEditingContext#addInitializedListener Initialized}
        * or currently
        * {@link yfiles.input.OrthogonalEdgeEditingContext#addInitializingListener Initializing}.
@@ -40109,9 +40154,9 @@ declare namespace system{
        * This implementation will always yield <code>false</code> if it is {@link yfiles.input.OrthogonalEdgeEditingContext#enabled disabled}. Otherwise {@link yfiles.input.OrthogonalEdgeEditingContext#getOrthogonalEdgeHelper}
        * will be used to delegate the query to {@link yfiles.input.IOrthogonalEdgeHelper#shouldEditOrthogonally}.
        * </p>
-       * @param {yfiles.input.IInputModeContext} context The input mode context which is editing the edge.
-       * @param {yfiles.graph.IEdge} edge The edge that will be edited.
-       * @returns {boolean} <code>true</code> if this edge should be orthogonally edited for the specified input mode context; <code>false</code> otherwise.
+       * @param context The input mode context which is editing the edge.
+       * @param edge The edge that will be edited.
+       * @returns <code>true</code> if this edge should be orthogonally edited for the specified input mode context; <code>false</code> otherwise.
        * @see yfiles.input.OrthogonalEdgeEditingContext#enabled
        * @see yfiles.input.IOrthogonalEdgeHelper#shouldEditOrthogonally
        */
@@ -40122,21 +40167,21 @@ declare namespace system{
        * <p>
        * This state will be reset after the current edit.
        * </p>
-       * @param {yfiles.graph.IEdge} edge The edge to lock the ports of.
+       * @param edge The edge to lock the ports of.
        * @see yfiles.input.OrthogonalEdgeEditingContext#lockedPortEdges
        */
       lockPortMovement(edge:yfiles.graph.IEdge):void;
       /**
        * Raises the {@link yfiles.input.OrthogonalEdgeEditingContext#addCleanedUpListener CleanedUp}
        * event.
-       * @param {yfiles.input.InputModeEventArgs} evt The {@link yfiles.input.InputModeEventArgs} instance containing the event data.
+       * @param evt The {@link } instance containing the event data.
        * @protected
        */
       onCleanedUp(evt:yfiles.input.InputModeEventArgs):void;
       /**
        * Raises the {@link yfiles.input.OrthogonalEdgeEditingContext#addInitializedListener Initialized}
        * event.
-       * @param {yfiles.input.InputModeEventArgs} evt The {@link yfiles.input.InputModeEventArgs} instance containing the event data.
+       * @param evt The {@link } instance containing the event data.
        * @see yfiles.input.OrthogonalEdgeEditingContext#addInitializedListener
        * @see yfiles.input.OrthogonalEdgeEditingContext#dragInitialized
        * @protected
@@ -40145,7 +40190,7 @@ declare namespace system{
       /**
        * Raises the {@link yfiles.input.OrthogonalEdgeEditingContext#addInitializingListener Initializing}
        * event.
-       * @param {yfiles.input.InputModeEventArgs} evt The {@link yfiles.input.InputModeEventArgs} instance containing the event data.
+       * @param evt The {@link } instance containing the event data.
        * @see yfiles.input.OrthogonalEdgeEditingContext#addInitializingListener
        * @see yfiles.input.OrthogonalEdgeEditingContext#initializeDrag
        * @protected
@@ -40154,7 +40199,8 @@ declare namespace system{
       /**
        * Called during {@link yfiles.input.OrthogonalEdgeEditingContext#dragInitialized} to prepare the edge paths for orthogonal
        * editing.
-       * @param {yfiles.graph.IGraph} graph The graph that contains the edges to be edited.
+       * @param graph The graph that contains the edges to be edited.
+       * @see yfiles.input.OrthogonalEdgeEditingContext#prepareOrthogonalEdge
        * @protected
        */
       prepareEdgePaths(graph:yfiles.graph.IGraph):void;
@@ -40164,30 +40210,30 @@ declare namespace system{
        * This method inspects an edge and possibly inserts new bends into an edge to assure that during editing the orthogonality
        * won't be lost.
        * </p>
-       * @param {yfiles.graph.IGraph} graph The graph to use for modifying the bends.
-       * @param {yfiles.graph.IEdge} edge The edge to inspect.
-       * @param {yfiles.collections.IListEnumerable.<yfiles.input.SegmentOrientation>} orientations The orientations of the segments - the array is of length (edge.Bends.Count + 1).
-       * @param {yfiles.collections.IListEnumerable.<yfiles.input.MovementInfo>} infos The {@link yfiles.input.MovementInfo} instances for the source end, the bends, and the target end. This array contains {@link yfiles.input.MovementInfo}
-       * instances representing either edge ends or ports at the first and last position and {@link yfiles.input.MovementInfo}s or <code>null</code>
+       * @param graph The graph to use for modifying the bends.
+       * @param edge The edge to inspect.
+       * @param orientations The orientations of the segments - the array is of length (edge.Bends.Count + 1).
+       * @param infos The {@link } instances for the source end, the bends, and the target end. This array contains {@link }
+       * instances representing either edge ends or ports at the first and last position and {@link }s or <code>null</code>
        * entries for the bends. The length thus is (edge.Bends.Count + 2) and <code>null</code> entries indicate that there is no information
        * about the movement (in case the bend will only be moved implicitly later, if at all).
        * @protected
        */
       prepareOrthogonalEdge(graph:yfiles.graph.IGraph,edge:yfiles.graph.IEdge,orientations:yfiles.collections.IListEnumerable<yfiles.input.SegmentOrientation>,infos:yfiles.collections.IListEnumerable<yfiles.input.MovementInfo>):void;
       /**
-       * Can be used by subclasses during PrepareOrthogonalEdge(IGraph,IEdge,SegmentOrientation[],MovementInfo[]) to register
-       * added bends that can later be {@link yfiles.input.OrthogonalEdgeEditingContext#removeAddedBends removed} in case the operation is canceled.
+       * Can be used by subclasses during {@link yfiles.input.OrthogonalEdgeEditingContext#prepareOrthogonalEdge} to register added bends
+       * that can later be {@link yfiles.input.OrthogonalEdgeEditingContext#removeAddedBends removed} in case the operation is canceled.
        * <p>
        * This method will only record the addition of bends if this instance is {@link yfiles.input.OrthogonalEdgeEditingContext#isInitialized initialized} or {@link yfiles.input.OrthogonalEdgeEditingContext#addInitializingListener still initializing}.
        * </p>
-       * @param {yfiles.graph.IBend} bend The bend that has been added to guarantee orthogonality.
+       * @param bend The bend that has been added to guarantee orthogonality.
        * @protected
        */
       registerAddedBend(bend:yfiles.graph.IBend):void;
       /**
        * Removes previously {@link yfiles.input.OrthogonalEdgeEditingContext#registerAddedBend registered} added bends.
-       * @param {yfiles.graph.IGraph} graph The graph to use for removing the bends.
-       * @param {yfiles.collections.IEnumerable.<yfiles.graph.IBend>} addedBends The added bends.
+       * @param graph The graph to use for removing the bends.
+       * @param addedBends The added bends.
        * @see yfiles.input.OrthogonalEdgeEditingContext#addedBends
        * @see yfiles.input.OrthogonalEdgeEditingContext#registerAddedBend
        * @protected
@@ -40205,9 +40251,9 @@ declare namespace system{
        * unless the side of the edge is connected to an {@link yfiles.graph.IPortOwner} instance that is marked as {@link yfiles.input.OrthogonalEdgeEditingContext#addTransformedPortOwner transformed} during the
        * edit.
        * </p>
-       * @param {yfiles.graph.IEdge} edge The edge for which it should be determined whether the edge end can be moved.
-       * @param {boolean} sourceSide if set to <code>true</code> the source side of the end is queried, else the target side.
-       * @returns {boolean} <code>true</code> if the specified side of the edge can be moved; <code>false</code> otherwise, in which case the segment should be split to
+       * @param edge The edge for which it should be determined whether the edge end can be moved.
+       * @param sourceSide if set to <code>true</code> the source side of the end is queried, else the target side.
+       * @returns <code>true</code> if the specified side of the edge can be moved; <code>false</code> otherwise, in which case the segment should be split to
        * maintain orthogonality.
        * @see yfiles.input.OrthogonalEdgeEditingContext#getOrthogonalEdgeHelper
        * @see yfiles.input.IOrthogonalEdgeHelper#shouldMoveEndImplicitly
@@ -40216,7 +40262,7 @@ declare namespace system{
       shouldMoveEndImplicitly(edge:yfiles.graph.IEdge,sourceSide:boolean):boolean;
       /**
        * Adds the given listener for the <code>CleanedUp</code> event that occurs when the recent edit operation has been cleaned up.
-       * @param {function(Object, yfiles.input.InputModeEventArgs): void} listener The listener to add.
+       * @param listener The listener to add.
        * @see yfiles.input.OrthogonalEdgeEditingContext#cleanUp
        * @see yfiles.input.OrthogonalEdgeEditingContext#onCleanedUp
        * @see yfiles.input.OrthogonalEdgeEditingContext#removeCleanedUpListener
@@ -40224,7 +40270,7 @@ declare namespace system{
       addCleanedUpListener(listener:(sender:Object,evt:yfiles.input.InputModeEventArgs)=>void):void;
       /**
        * Removes the given listener for the <code>CleanedUp</code> event that occurs when the recent edit operation has been cleaned up.
-       * @param {function(Object, yfiles.input.InputModeEventArgs): void} listener The listener to remove.
+       * @param listener The listener to remove.
        * @see yfiles.input.OrthogonalEdgeEditingContext#cleanUp
        * @see yfiles.input.OrthogonalEdgeEditingContext#onCleanedUp
        * @see yfiles.input.OrthogonalEdgeEditingContext#addCleanedUpListener
@@ -40232,7 +40278,7 @@ declare namespace system{
       removeCleanedUpListener(listener:(sender:Object,evt:yfiles.input.InputModeEventArgs)=>void):void;
       /**
        * Adds the given listener for the <code>Initializing</code> event that occurs when the edit is about to be initialized.
-       * @param {function(Object, yfiles.input.InputModeEventArgs): void} listener The listener to add.
+       * @param listener The listener to add.
        * @see yfiles.input.OrthogonalEdgeEditingContext#initializeDrag
        * @see yfiles.input.OrthogonalEdgeEditingContext#onInitializing
        * @see yfiles.input.OrthogonalEdgeEditingContext#removeInitializingListener
@@ -40240,7 +40286,7 @@ declare namespace system{
       addInitializingListener(listener:(sender:Object,evt:yfiles.input.InputModeEventArgs)=>void):void;
       /**
        * Removes the given listener for the <code>Initializing</code> event that occurs when the edit is about to be initialized.
-       * @param {function(Object, yfiles.input.InputModeEventArgs): void} listener The listener to remove.
+       * @param listener The listener to remove.
        * @see yfiles.input.OrthogonalEdgeEditingContext#initializeDrag
        * @see yfiles.input.OrthogonalEdgeEditingContext#onInitializing
        * @see yfiles.input.OrthogonalEdgeEditingContext#addInitializingListener
@@ -40248,7 +40294,7 @@ declare namespace system{
       removeInitializingListener(listener:(sender:Object,evt:yfiles.input.InputModeEventArgs)=>void):void;
       /**
        * Adds the given listener for the <code>Initialized</code> event that occurs when the edit has been initialized.
-       * @param {function(Object, yfiles.input.InputModeEventArgs): void} listener The listener to add.
+       * @param listener The listener to add.
        * @see yfiles.input.OrthogonalEdgeEditingContext#dragInitialized
        * @see yfiles.input.OrthogonalEdgeEditingContext#onInitialized
        * @see yfiles.input.OrthogonalEdgeEditingContext#removeInitializedListener
@@ -40256,7 +40302,7 @@ declare namespace system{
       addInitializedListener(listener:(sender:Object,evt:yfiles.input.InputModeEventArgs)=>void):void;
       /**
        * Removes the given listener for the <code>Initialized</code> event that occurs when the edit has been initialized.
-       * @param {function(Object, yfiles.input.InputModeEventArgs): void} listener The listener to remove.
+       * @param listener The listener to remove.
        * @see yfiles.input.OrthogonalEdgeEditingContext#dragInitialized
        * @see yfiles.input.OrthogonalEdgeEditingContext#onInitialized
        * @see yfiles.input.OrthogonalEdgeEditingContext#addInitializedListener
@@ -40339,7 +40385,7 @@ declare namespace system{
      * This class inspects the edges in question and infers the
      * {@link yfiles.input.SegmentOrientation}s of the segments from the current geometry of the edge path.
      * </p>
-     * @class yfiles.input.OrthogonalEdgeHelper
+     * @class
      * @implements {yfiles.input.IOrthogonalEdgeHelper}
      */
     export interface OrthogonalEdgeHelper extends Object,yfiles.input.IOrthogonalEdgeHelper{}
@@ -40349,9 +40395,9 @@ declare namespace system{
        * <p>
        * This implementation always returns <code>true</code>.
        * </p>
-       * @param {yfiles.input.IInputModeContext} context The input mode context.
-       * @param {yfiles.graph.IBend} bend The bend that is designated for removal.
-       * @returns {boolean} 
+       * @param context The input mode context.
+       * @param bend The bend that is designated for removal.
+       * @returns 
        * @protected
        */
       canRemoveBend(context:yfiles.input.IInputModeContext,bend:yfiles.graph.IBend):boolean;
@@ -40360,9 +40406,9 @@ declare namespace system{
        * <p>
        * The default implementation in this class removes duplicate and collinear bends, as well as segments of zero length.
        * </p>
-       * @param {yfiles.input.IInputModeContext} context The input mode context which edited the edge.
-       * @param {yfiles.graph.IGraph} graph The graph to use for modifying the edge instance.
-       * @param {yfiles.graph.IEdge} edge The edge to clean up the path.
+       * @param context The input mode context which edited the edge.
+       * @param graph The graph to use for modifying the edge instance.
+       * @param edge The edge to clean up the path.
        */
       cleanUpEdge(context:yfiles.input.IInputModeContext,graph:yfiles.graph.IGraph,edge:yfiles.graph.IEdge):void;
       /**
@@ -40371,10 +40417,10 @@ declare namespace system{
        * If the segment has a zero length, the adjacent segments will be inspected to infer the orientation such that the
        * orientation toggles between {@link yfiles.input.SegmentOrientation#VERTICAL} and {@link yfiles.input.SegmentOrientation#HORIZONTAL}.
        * </p>
-       * @param {yfiles.input.IInputModeContext} context The input mode context in which the orientation is needed.
-       * @param {yfiles.graph.IEdge} edge The edge to inspect.
-       * @param {number} segmentIndex The index of the segment.
-       * @returns {yfiles.input.SegmentOrientation} The declared orientation of the segment.
+       * @param context The input mode context in which the orientation is needed.
+       * @param edge The edge to inspect.
+       * @param segmentIndex The index of the segment.
+       * @returns The declared orientation of the segment.
        */
       getSegmentOrientation(context:yfiles.input.IInputModeContext,edge:yfiles.graph.IEdge,segmentIndex:number):yfiles.input.SegmentOrientation;
       /**
@@ -40385,9 +40431,9 @@ declare namespace system{
        * <p>
        * The default implementation in this class always returns <code>true</code>.
        * </p>
-       * @param {yfiles.input.IInputModeContext} context The input mode context in which the edge is about to be edited.
-       * @param {yfiles.graph.IEdge} edge The edge to inspect.
-       * @returns {boolean} <code>true</code> if the edge should be orthogonally edited in the specified input mode context; <code>false</code> otherwise.
+       * @param context The input mode context in which the edge is about to be edited.
+       * @param edge The edge to inspect.
+       * @returns <code>true</code> if the edge should be orthogonally edited in the specified input mode context; <code>false</code> otherwise.
        */
       shouldEditOrthogonally(context:yfiles.input.IInputModeContext,edge:yfiles.graph.IEdge):boolean;
       /**
@@ -40399,10 +40445,10 @@ declare namespace system{
        * <p>
        * The default implementation in this class always returns <code>false</code>.
        * </p>
-       * @param {yfiles.input.IInputModeContext} context The input mode context in which the segment is edited.
-       * @param {yfiles.graph.IEdge} edge The edge to inspect.
-       * @param {boolean} sourceEnd if set to <code>true</code> the source end of the edge is queried, otherwise the target end.
-       * @returns {boolean} <code>true</code> if the end of the edge can be moved for the specified input mode context; <code>false</code> otherwise, in which case the
+       * @param context The input mode context in which the segment is edited.
+       * @param edge The edge to inspect.
+       * @param sourceEnd if set to <code>true</code> the source end of the edge is queried, otherwise the target end.
+       * @returns <code>true</code> if the end of the edge can be moved for the specified input mode context; <code>false</code> otherwise, in which case the
        * corresponding segment needs to be split to keep the segment orientation orthogonal.
        */
       shouldMoveEndImplicitly(context:yfiles.input.IInputModeContext,edge:yfiles.graph.IEdge,sourceEnd:boolean):boolean;
@@ -40415,7 +40461,7 @@ declare namespace system{
      * This class also provides snapping facilities and can be used in conjunction with both
      * {@link yfiles.input.OrthogonalEdgeEditingContext}, as well as {@link yfiles.input.GraphSnapContext}.
      * </p>
-     * @class yfiles.input.PortLocationModelParameterHandle
+     * @class
      * @implements {yfiles.input.IHandle}
      */
     export interface PortLocationModelParameterHandle extends Object,yfiles.input.IHandle{}
@@ -40423,14 +40469,13 @@ declare namespace system{
       /**
        * Initializes a new instance of the {@link yfiles.input.PortLocationModelParameterHandle} class to change the {@link yfiles.graph.IPortLocationModelParameter}
        * of the given <code>port</code>
-       * @param {yfiles.graph.IPort} port The port to adjust the location parameter of.
-       * @constructor
+       * @param port The port to adjust the location parameter of.
        */
       constructor(port:yfiles.graph.IPort);
       /**
        * 
-       * @param {yfiles.input.IInputModeContext} context
-       * @param {yfiles.geometry.Point} originalLocation
+       * @param context
+       * @param originalLocation
        */
       cancelDrag(context:yfiles.input.IInputModeContext,originalLocation:yfiles.geometry.Point):void;
       /**
@@ -40439,22 +40484,22 @@ declare namespace system{
        * This implementation will delegate to the {@link yfiles.input.IPortSnapResultProvider} that has been received from the port this
        * instance is bound to.
        * </p>
-       * @param {Object} source The source of the event.
-       * @param {yfiles.input.CollectSnapResultsEventArgs} evt The {@link yfiles.input.CollectSnapResultsEventArgs} instance containing the event data.
+       * @param source The source of the event.
+       * @param evt The {@link } instance containing the event data.
        * @protected
        */
       collectSnapResults(source:Object,evt:yfiles.input.CollectSnapResultsEventArgs):void;
       /**
        * 
-       * @param {yfiles.input.IInputModeContext} context
-       * @param {yfiles.geometry.Point} originalLocation
-       * @param {yfiles.geometry.Point} newLocation
+       * @param context
+       * @param originalLocation
+       * @param newLocation
        */
       dragFinished(context:yfiles.input.IInputModeContext,originalLocation:yfiles.geometry.Point,newLocation:yfiles.geometry.Point):void;
       /**
        * Gets the graph to use for {@link yfiles.graph.IGraph#setPortLocationParameter setting the parameter} from the context.
-       * @param {yfiles.input.IInputModeContext} context The input mode context to use.
-       * @returns {yfiles.graph.IGraph} The graph or <code>null</code> if the graph could not be obtained.
+       * @param context The input mode context to use.
+       * @returns The graph or <code>null</code> if the graph could not be obtained.
        * @see yfiles.input.IInputModeContext#graph
        * @protected
        */
@@ -40465,38 +40510,38 @@ declare namespace system{
        * This is used for the {@link yfiles.input.MovementInfo} that is passed to the {@link yfiles.input.OrthogonalEdgeEditingContext#addMovedPort}
        * method.
        * </p>
-       * @param {yfiles.graph.IPort} port The port to determine the move type for.
-       * @returns {yfiles.input.MoveTypes} This implementation returns {@link yfiles.input.MoveTypes#LINEAR_MOVE} for models of type {@link yfiles.graph.FreeNodePortLocationModel}
-       * and {@link yfiles.input.MoveTypes#ARBITRARY_MOVE} for all others.
+       * @param port The port to determine the move type for.
+       * @returns This implementation returns {@link #LINEAR_MOVE} for models of type {@link }
+       * and {@link #ARBITRARY_MOVE} for all others.
        * @protected
        */
       getMoveType(port:yfiles.graph.IPort):yfiles.input.MoveTypes;
       /**
        * Callback method that obtains the new parameter for the given location and port.
-       * @param {yfiles.graph.IPort} port The port to obtain a parameter for.
-       * @param {yfiles.graph.IPortLocationModel} model The model to use.
-       * @param {yfiles.geometry.Point} location The new location.
-       * @returns {yfiles.graph.IPortLocationModelParameter} The new parameter to use.
+       * @param port The port to obtain a parameter for.
+       * @param model The model to use.
+       * @param location The new location.
+       * @returns The new parameter to use.
        * @protected
        */
       getNewParameter(port:yfiles.graph.IPort,model:yfiles.graph.IPortLocationModel,location:yfiles.geometry.Point):yfiles.graph.IPortLocationModelParameter;
       /**
        * 
-       * @param {yfiles.input.IInputModeContext} context
-       * @param {yfiles.geometry.Point} originalLocation
-       * @param {yfiles.geometry.Point} newLocation
+       * @param context
+       * @param originalLocation
+       * @param newLocation
        */
       handleMove(context:yfiles.input.IInputModeContext,originalLocation:yfiles.geometry.Point,newLocation:yfiles.geometry.Point):void;
       /**
        * 
-       * @param {yfiles.input.IInputModeContext} context
+       * @param context
        */
       initializeDrag(context:yfiles.input.IInputModeContext):void;
       /**
        * Callback method that applies the parameter.
-       * @param {yfiles.graph.IGraph} graph The graph to use for applying.
-       * @param {yfiles.graph.IPort} port The port to apply the parameter to.
-       * @param {yfiles.graph.IPortLocationModelParameter} locationParameter The new parameter to apply.
+       * @param graph The graph to use for applying.
+       * @param port The port to apply the parameter to.
+       * @param locationParameter The new parameter to apply.
        * @protected
        */
       setParameter(graph:yfiles.graph.IGraph,port:yfiles.graph.IPort,locationParameter:yfiles.graph.IPortLocationModelParameter):void;
@@ -40526,7 +40571,7 @@ declare namespace system{
     /**
      * Simple default implementation of {@link yfiles.input.IReparentNodeHandler} that treats shift key presses as reparent gestures
      * and allows for reparenting all nodes.
-     * @class yfiles.input.ReparentNodeHandler
+     * @class
      * @implements {yfiles.input.IReparentNodeHandler}
      */
     export interface ReparentNodeHandler extends Object,yfiles.input.IReparentNodeHandler{}
@@ -40534,31 +40579,31 @@ declare namespace system{
       constructor();
       /**
        * 
-       * @param {yfiles.input.IInputModeContext} context
-       * @param {yfiles.graph.INode} node
-       * @returns {boolean} 
+       * @param context
+       * @param node
+       * @returns 
        */
       isReparentGesture(context:yfiles.input.IInputModeContext,node:yfiles.graph.INode):boolean;
       /**
        * 
-       * @param {yfiles.input.IInputModeContext} context
-       * @param {yfiles.graph.INode} node
-       * @param {yfiles.graph.INode} newParent
-       * @returns {boolean} 
+       * @param context
+       * @param node
+       * @param newParent
+       * @returns 
        */
       isValidParent(context:yfiles.input.IInputModeContext,node:yfiles.graph.INode,newParent:yfiles.graph.INode):boolean;
       /**
        * 
-       * @param {yfiles.input.IInputModeContext} context
-       * @param {yfiles.graph.INode} node
-       * @param {yfiles.graph.INode} newParent
+       * @param context
+       * @param node
+       * @param newParent
        */
       reparent(context:yfiles.input.IInputModeContext,node:yfiles.graph.INode,newParent:yfiles.graph.INode):void;
       /**
        * 
-       * @param {yfiles.input.IInputModeContext} context
-       * @param {yfiles.graph.INode} node
-       * @returns {boolean} 
+       * @param context
+       * @param node
+       * @returns 
        */
       shouldReparent(context:yfiles.input.IInputModeContext,node:yfiles.graph.INode):boolean;
       /**
@@ -40579,7 +40624,7 @@ declare namespace system{
      * This implementation uses the {@link yfiles.input.GraphSnapContext} to create snap lines around the geometric border of the
      * node.
      * </p>
-     * @class yfiles.input.NodeSnapLineProvider
+     * @class
      * @implements {yfiles.input.ISnapLineProvider}
      */
     export interface NodeSnapLineProvider extends Object,yfiles.input.ISnapLineProvider{}
@@ -40591,11 +40636,11 @@ declare namespace system{
        * This method is called by {@link yfiles.input.NodeSnapLineProvider#addSnapLines} and by default used the {@link yfiles.input.NodeSnapLineProvider#createCenterSnapLine}
        * to add them to the {@link yfiles.input.CollectGraphSnapLinesEventArgs#addFixedNodeSnapLine fixed node} and {@link yfiles.input.CollectGraphSnapLinesEventArgs#addFixedSegmentSnapLine fixed segment} collections
        * </p>
-       * @param {yfiles.input.GraphSnapContext} context The context which holds the settings for the snap lines. Note that implementations should not change the state of the
+       * @param context The context which holds the settings for the snap lines. Note that implementations should not change the state of the
        * context explicitly.
-       * @param {yfiles.input.CollectGraphSnapLinesEventArgs} evt The argument to use for adding snap lines.
-       * @param {yfiles.graph.INode} node The node to add snap lines for.
-       * @param {yfiles.geometry.Rect} layout The layout of the node to use for adding the snap lines.
+       * @param evt The argument to use for adding snap lines.
+       * @param node The node to add snap lines for.
+       * @param layout The layout of the node to use for adding the snap lines.
        * @protected
        */
       addCenterSnapLines(context:yfiles.input.GraphSnapContext,evt:yfiles.input.CollectGraphSnapLinesEventArgs,node:yfiles.graph.INode,layout:yfiles.geometry.Rect):void;
@@ -40604,11 +40649,11 @@ declare namespace system{
        * <p>
        * This method is called by {@link yfiles.input.NodeSnapLineProvider#addSnapLines}
        * </p>
-       * @param {yfiles.input.GraphSnapContext} context The context which holds the settings for the snap lines. Note that implementations should not change the state of the
+       * @param context The context which holds the settings for the snap lines. Note that implementations should not change the state of the
        * context explicitly.
-       * @param {yfiles.input.CollectGraphSnapLinesEventArgs} evt The argument to use for adding snap lines.
-       * @param {yfiles.graph.INode} node The node to add snap lines for.
-       * @param {yfiles.geometry.Rect} layout The layout of the node to use for adding the snap lines.
+       * @param evt The argument to use for adding snap lines.
+       * @param node The node to add snap lines for.
+       * @param layout The layout of the node to use for adding the snap lines.
        * @protected
        */
       addFixedNodeBorderSnapLines(context:yfiles.input.GraphSnapContext,evt:yfiles.input.CollectGraphSnapLinesEventArgs,node:yfiles.graph.INode,layout:yfiles.geometry.Rect):void;
@@ -40618,11 +40663,11 @@ declare namespace system{
        * This method is called by {@link yfiles.input.NodeSnapLineProvider#addSnapLines} and uses the {@link yfiles.input.GraphSnapContext#nodeToNodeDistance} to determine the location of the
        * segments to add around the <code>layout</code>.
        * </p>
-       * @param {yfiles.input.GraphSnapContext} context The context which holds the settings for the snap lines. Note that implementations should not change the state of the
+       * @param context The context which holds the settings for the snap lines. Note that implementations should not change the state of the
        * context explicitly.
-       * @param {yfiles.input.CollectGraphSnapLinesEventArgs} evt The argument to use for adding snap lines.
-       * @param {yfiles.graph.INode} node The node to add snap lines for.
-       * @param {yfiles.geometry.Rect} layout The layout of the node to use for adding the snap lines.
+       * @param evt The argument to use for adding snap lines.
+       * @param node The node to add snap lines for.
+       * @param layout The layout of the node to use for adding the snap lines.
        * @protected
        */
       addNodeToNodeSnapLines(context:yfiles.input.GraphSnapContext,evt:yfiles.input.CollectGraphSnapLinesEventArgs,node:yfiles.graph.INode,layout:yfiles.geometry.Rect):void;
@@ -40632,11 +40677,11 @@ declare namespace system{
        * This method is called by {@link yfiles.input.NodeSnapLineProvider#addSnapLines} and uses the {@link yfiles.input.GraphSnapContext#nodeToEdgeDistance} to determine the location of the
        * segments to add around the <code>layout</code>.
        * </p>
-       * @param {yfiles.input.GraphSnapContext} context The context which holds the settings for the snap lines. Note that implementations should not change the state of the
+       * @param context The context which holds the settings for the snap lines. Note that implementations should not change the state of the
        * context explicitly.
-       * @param {yfiles.input.CollectGraphSnapLinesEventArgs} evt The argument to use for adding snap lines.
-       * @param {yfiles.graph.INode} node The node to add snap lines for.
-       * @param {yfiles.geometry.Rect} layout The layout of the node to use for adding the snap lines.
+       * @param evt The argument to use for adding snap lines.
+       * @param node The node to add snap lines for.
+       * @param layout The layout of the node to use for adding the snap lines.
        * @protected
        */
       addNodeToSegmentSnapLines(context:yfiles.input.GraphSnapContext,evt:yfiles.input.CollectGraphSnapLinesEventArgs,node:yfiles.graph.INode,layout:yfiles.geometry.Rect):void;
@@ -40646,11 +40691,11 @@ declare namespace system{
        * <p>
        * This method is called by {@link yfiles.input.NodeSnapLineProvider#addSnapLines}
        * </p>
-       * @param {yfiles.input.GraphSnapContext} context The context which holds the settings for the snap lines. Note that implementations should not change the state of the
+       * @param context The context which holds the settings for the snap lines. Note that implementations should not change the state of the
        * context explicitly.
-       * @param {yfiles.input.CollectGraphSnapLinesEventArgs} evt The argument to use for adding snap lines.
-       * @param {yfiles.graph.INode} node The node to add snap lines for.
-       * @param {yfiles.geometry.Rect} layout The layout of the node to use for adding the snap lines.
+       * @param evt The argument to use for adding snap lines.
+       * @param node The node to add snap lines for.
+       * @param layout The layout of the node to use for adding the snap lines.
        * @protected
        */
       addPortSnapLines(context:yfiles.input.GraphSnapContext,evt:yfiles.input.CollectGraphSnapLinesEventArgs,node:yfiles.graph.INode,layout:yfiles.geometry.Rect):void;
@@ -40662,20 +40707,20 @@ declare namespace system{
        * {@link yfiles.input.NodeSnapLineProvider#addFixedNodeBorderSnapLines}, {@link yfiles.input.NodeSnapLineProvider#addPortSnapLines},
        * {@link yfiles.input.NodeSnapLineProvider#addNodeToNodeSnapLines}, and {@link yfiles.input.NodeSnapLineProvider#addCenterSnapLines}.
        * </p>
-       * @param {yfiles.input.GraphSnapContext} context The context which holds the settings for the snap lines. Note that implementations should not change the state of the
+       * @param context The context which holds the settings for the snap lines. Note that implementations should not change the state of the
        * context explicitly.
-       * @param {yfiles.input.CollectGraphSnapLinesEventArgs} evt The argument to use for adding snap lines.
-       * @param {yfiles.graph.IModelItem} item The item to add snap lines for.
+       * @param evt The argument to use for adding snap lines.
+       * @param item The item to add snap lines for.
        */
       addSnapLines(context:yfiles.input.GraphSnapContext,evt:yfiles.input.CollectGraphSnapLinesEventArgs,item:yfiles.graph.IModelItem):void;
       /**
        * Convenience method that creates a snap line for the center of nodes.
-       * @param {yfiles.input.GraphSnapContext} context The context which holds the settings for the snap lines. Note that implementations should not change the state of the
+       * @param context The context which holds the settings for the snap lines. Note that implementations should not change the state of the
        * context explicitly.
-       * @param {yfiles.graph.INode} node The node to add snap lines for.
-       * @param {yfiles.input.SnapLineOrientation} orientation The snap line orientation.
-       * @param {yfiles.geometry.Point} location The location of the snap line.
-       * @returns {yfiles.input.OrthogonalSnapLine} A snap line that other centers can snap to.
+       * @param node The node to add snap lines for.
+       * @param orientation The snap line orientation.
+       * @param location The location of the snap line.
+       * @returns A snap line that other centers can snap to.
        * @protected
        */
       createCenterSnapLine(context:yfiles.input.GraphSnapContext,node:yfiles.graph.INode,orientation:yfiles.input.SnapLineOrientation,location:yfiles.geometry.Point):yfiles.input.OrthogonalSnapLine;
@@ -40688,19 +40733,19 @@ declare namespace system{
      * This implementation can be put into the {@link yfiles.graph.ILookup#lookup} of an {@link yfiles.graph.IEdge}.
      * </p>
      * @see yfiles.graph.EdgeDecorator#snapLineProviderDecorator
-     * @class yfiles.input.EdgeSnapLineProvider
+     * @class
      * @implements {yfiles.input.ISnapLineProvider}
      */
     export interface EdgeSnapLineProvider extends Object,yfiles.input.ISnapLineProvider{}
     export class EdgeSnapLineProvider {
       /**
        * Adds horizontal snap lines for a horizontally oriented fixed segment snap lines.
-       * @param {yfiles.input.GraphSnapContext} context The context which holds the settings for the snap lines. Note that implementations should not change the state of the
+       * @param context The context which holds the settings for the snap lines. Note that implementations should not change the state of the
        * context explicitly.
-       * @param {yfiles.graph.IEdge} edge The edge to add snap lines for.
-       * @param {yfiles.geometry.Point} segmentStart The start of the segment.
-       * @param {yfiles.input.CollectGraphSnapLinesEventArgs} evt The argument to use for adding snap lines.
-       * @param {yfiles.geometry.Point} segmentEnd The end of the segment.
+       * @param edge The edge to add snap lines for.
+       * @param segmentStart The start of the segment.
+       * @param evt The argument to use for adding snap lines.
+       * @param segmentEnd The end of the segment.
        * @see yfiles.input.EdgeSnapLineProvider#addVerticalSegmentSnapLines
        * @protected
        */
@@ -40712,20 +40757,20 @@ declare namespace system{
        * For each fixed segment, it will call {@link yfiles.input.EdgeSnapLineProvider#addVerticalSegmentSnapLines} or {@link yfiles.input.EdgeSnapLineProvider#addHorizontalSegmentSnapLines}
        * respectively.
        * </p>
-       * @param {yfiles.input.GraphSnapContext} context The context which holds the settings for the snap lines. Note that implementations should not change the state of the
+       * @param context The context which holds the settings for the snap lines. Note that implementations should not change the state of the
        * context explicitly.
-       * @param {yfiles.graph.IModelItem} item The item to add snap lines for.
-       * @param {yfiles.input.CollectGraphSnapLinesEventArgs} evt The argument to use for adding snap lines.
+       * @param item The item to add snap lines for.
+       * @param evt The argument to use for adding snap lines.
        */
       addSnapLines(context:yfiles.input.GraphSnapContext,evt:yfiles.input.CollectGraphSnapLinesEventArgs,item:yfiles.graph.IModelItem):void;
       /**
        * Adds vertical snap lines for a vertically oriented fixed segment snap lines.
-       * @param {yfiles.input.GraphSnapContext} context The context which holds the settings for the snap lines. Note that implementations should not change the state of the
+       * @param context The context which holds the settings for the snap lines. Note that implementations should not change the state of the
        * context explicitly.
-       * @param {yfiles.graph.IEdge} edge The edge to add snap lines for.
-       * @param {yfiles.geometry.Point} segmentStart The start of the segment.
-       * @param {yfiles.geometry.Point} segmentEnd The end of the segment.
-       * @param {yfiles.input.CollectGraphSnapLinesEventArgs} evt The argument to use for adding snap lines.
+       * @param edge The edge to add snap lines for.
+       * @param segmentStart The start of the segment.
+       * @param segmentEnd The end of the segment.
+       * @param evt The argument to use for adding snap lines.
        * @see yfiles.input.EdgeSnapLineProvider#addHorizontalSegmentSnapLines
        * @protected
        */
@@ -40734,7 +40779,7 @@ declare namespace system{
     }
     /**
      * The default implementation of the {@link yfiles.input.INodeSnapResultProvider} interface.
-     * @class yfiles.input.NodeSnapResultProvider
+     * @class
      * @implements {yfiles.input.INodeSnapResultProvider}
      */
     export interface NodeSnapResultProvider extends Object,yfiles.input.INodeSnapResultProvider{}
@@ -40746,10 +40791,10 @@ declare namespace system{
        * as the additional arguments. This method snaps the <code>location</code> to the next grid point or grid lines that are determined by
        * {@link yfiles.input.GraphSnapContext#nodeGridConstraintProvider} or obtained from the {@link yfiles.input.InputModeEventArgs#context}.
        * </p>
-       * @param {yfiles.input.GraphSnapContext} context The context in which the snapping is performed.
-       * @param {yfiles.input.CollectSnapResultsEventArgs} evt The arguments to add the results to.
-       * @param {yfiles.geometry.Point} location A location in the layout of the suggested layout of the node that will be snapped to a grid point location.
-       * @param {yfiles.graph.INode} node The node that is currently being processed.
+       * @param context The context in which the snapping is performed.
+       * @param evt The arguments to add the results to.
+       * @param location A location in the layout of the suggested layout of the node that will be snapped to a grid point location.
+       * @param node The node that is currently being processed.
        * @protected
        */
       addGridSnapResult(context:yfiles.input.GraphSnapContext,evt:yfiles.input.CollectSnapResultsEventArgs,location:yfiles.geometry.Point,node:yfiles.graph.INode):void;
@@ -40758,13 +40803,13 @@ declare namespace system{
        * <p>
        * This method snaps the <code>location</code> to the next grid point or grid lines that are determined by {@link yfiles.input.GraphSnapContext#nodeGridConstraintProvider} or obtained from the {@link yfiles.input.InputModeEventArgs#context}.
        * </p>
-       * @param {yfiles.input.GraphSnapContext} context The context in which the snapping is performed.
-       * @param {yfiles.input.CollectSnapResultsEventArgs} evt The arguments to add the results to.
-       * @param {yfiles.geometry.Point} location A location in the layout of the suggested layout of the node that will be snapped to a grid point location.
-       * @param {yfiles.graph.INode} node The node that is currently being processed.
-       * @param {yfiles.input.GridSnapTypes} gridSnapType The type of snapping that should be performed.
-       * @param {yfiles.input.SnapPolicy} xSnapPolicy How to snap the x coordinate.
-       * @param {yfiles.input.SnapPolicy} ySnapPolicy How to snap the y coordinate.
+       * @param context The context in which the snapping is performed.
+       * @param evt The arguments to add the results to.
+       * @param location A location in the layout of the suggested layout of the node that will be snapped to a grid point location.
+       * @param node The node that is currently being processed.
+       * @param gridSnapType The type of snapping that should be performed.
+       * @param xSnapPolicy How to snap the x coordinate.
+       * @param ySnapPolicy How to snap the y coordinate.
        * @protected
        */
       addGridSnapResultCore(context:yfiles.input.GraphSnapContext,evt:yfiles.input.CollectSnapResultsEventArgs,location:yfiles.geometry.Point,node:yfiles.graph.INode,gridSnapType:yfiles.input.GridSnapTypes,xSnapPolicy:yfiles.input.SnapPolicy,ySnapPolicy:yfiles.input.SnapPolicy):void;
@@ -40774,10 +40819,10 @@ declare namespace system{
        * This implementation simply delegates to {@link yfiles.input.NodeSnapResultProvider#addGridSnapResult} using the center of the
        * <code>suggestedLayout</code>.
        * </p>
-       * @param {yfiles.input.GraphSnapContext} context The context in which the snapping is performed.
-       * @param {yfiles.input.CollectSnapResultsEventArgs} evt The arguments to add the results to.
-       * @param {yfiles.geometry.Rect} suggestedLayout The layout of the node if it would move without snapping.
-       * @param {yfiles.graph.INode} node The node that is currently being processed.
+       * @param context The context in which the snapping is performed.
+       * @param evt The arguments to add the results to.
+       * @param suggestedLayout The layout of the node if it would move without snapping.
+       * @param node The node that is currently being processed.
        * @protected
        */
       collectGridSnapResults(context:yfiles.input.GraphSnapContext,evt:yfiles.input.CollectSnapResultsEventArgs,suggestedLayout:yfiles.geometry.Rect,node:yfiles.graph.INode):void;
@@ -40787,19 +40832,19 @@ declare namespace system{
        * For each snap line that could be snapped to, this method calls
        * {@link yfiles.input.NodeSnapResultProvider#collectSnapResultsForSnapLine}.
        * </p>
-       * @param {yfiles.input.GraphSnapContext} context The context for which the results are being queried.
-       * @param {yfiles.input.CollectSnapResultsEventArgs} evt The {@link yfiles.input.CollectSnapResultsEventArgs} instance to which the results should be {@link yfiles.input.CollectSnapResultsEventArgs#addSnapResult added}.
-       * @param {yfiles.geometry.Rect} suggestedLayout The suggested layout of the node.
-       * @param {yfiles.graph.INode} node The node that is being dragged.
+       * @param context The context for which the results are being queried.
+       * @param evt The {@link } instance to which the results should be {@link #addSnapResult added}.
+       * @param suggestedLayout The suggested layout of the node.
+       * @param node The node that is being dragged.
        * @protected
        */
       collectSnapLineSnapResults(context:yfiles.input.GraphSnapContext,evt:yfiles.input.CollectSnapResultsEventArgs,suggestedLayout:yfiles.geometry.Rect,node:yfiles.graph.INode):void;
       /**
        * 
-       * @param {yfiles.input.GraphSnapContext} context
-       * @param {yfiles.input.CollectSnapResultsEventArgs} evt
-       * @param {yfiles.geometry.Rect} suggestedLayout
-       * @param {yfiles.graph.INode} node
+       * @param context
+       * @param evt
+       * @param suggestedLayout
+       * @param node
        */
       collectSnapResults(context:yfiles.input.GraphSnapContext,evt:yfiles.input.CollectSnapResultsEventArgs,suggestedLayout:yfiles.geometry.Rect,node:yfiles.graph.INode):void;
       /**
@@ -40808,10 +40853,10 @@ declare namespace system{
        * If the node will snap, a {@link yfiles.input.SnapResult} for a {@link yfiles.input.SnapLine} will be created and added to the event
        * argument.
        * </p>
-       * @param {yfiles.input.CollectSnapResultsEventArgs} evt The arguments to add the results to.
-       * @param {yfiles.input.OrthogonalSnapLine} snapLine The snap line to test snapping for.
-       * @param {yfiles.geometry.Rect} suggestedLayout The layout of the node if it would move without snapping.
-       * @param {yfiles.graph.INode} node The node that is currently being processed.
+       * @param evt The arguments to add the results to.
+       * @param snapLine The snap line to test snapping for.
+       * @param suggestedLayout The layout of the node if it would move without snapping.
+       * @param node The node that is currently being processed.
        * @protected
        */
       collectSnapResultsForSnapLine(evt:yfiles.input.CollectSnapResultsEventArgs,snapLine:yfiles.input.OrthogonalSnapLine,suggestedLayout:yfiles.geometry.Rect,node:yfiles.graph.INode):void;
@@ -40826,7 +40871,7 @@ declare namespace system{
     }
     /**
      * The default implementation of the {@link yfiles.input.INodeReshapeSnapResultProvider} interface.
-     * @class yfiles.input.NodeReshapeSnapResultProvider
+     * @class
      * @implements {yfiles.input.INodeReshapeSnapResultProvider}
      */
     export interface NodeReshapeSnapResultProvider extends Object,yfiles.input.INodeReshapeSnapResultProvider{}
@@ -40836,16 +40881,16 @@ declare namespace system{
        * <p>
        * This method is called by {@link yfiles.input.NodeReshapeSnapResultProvider#collectGridSnapResults} for each grid line snap.
        * </p>
-       * @param {yfiles.input.GraphSnapContext} context The context in which the snapping is performed.
-       * @param {yfiles.input.CollectSnapResultsEventArgs} evt The {@link yfiles.input.CollectSnapResultsEventArgs} instance containing the event data.
-       * @param {yfiles.graph.INode} node The node that is being reshaped.
-       * @param {number} delta The amount the mouse needs to be moved in order to get to the snapping location.
-       * @param {yfiles.geometry.Point} snappedLocation The location of the mouse that is associated with the grid point.
-       * @param {yfiles.input.SnapLineSnapTypes} snapLineType The type of snap line.
-       * @param {yfiles.geometry.IPoint} snapLineLocation The point at which the snap line is anchored.
-       * @param {number} from Where the snap line starts.
-       * @param {number} to Where the snap line ends.
-       * @param {yfiles.geometry.Point} snapLinePoint A point of interest on the snap line that can be highlighted.
+       * @param context The context in which the snapping is performed.
+       * @param evt The {@link } instance containing the event data.
+       * @param node The node that is being reshaped.
+       * @param delta The amount the mouse needs to be moved in order to get to the snapping location.
+       * @param snappedLocation The location of the mouse that is associated with the grid point.
+       * @param snapLineType The type of snap line.
+       * @param snapLineLocation The point at which the snap line is anchored.
+       * @param from Where the snap line starts.
+       * @param to Where the snap line ends.
+       * @param snapLinePoint A point of interest on the snap line that can be highlighted.
        * @protected
        */
       addGridLineSnapResult(context:yfiles.input.GraphSnapContext,evt:yfiles.input.CollectSnapResultsEventArgs,node:yfiles.graph.INode,snapLineType:yfiles.input.SnapLineSnapTypes,snapLineLocation:yfiles.geometry.IPoint,delta:number,snappedLocation:yfiles.geometry.Point,from:number,to:number,snapLinePoint:yfiles.geometry.Point):void;
@@ -40854,12 +40899,12 @@ declare namespace system{
        * <p>
        * This method is called by {@link yfiles.input.NodeReshapeSnapResultProvider#collectGridSnapResults} for each grid snap.
        * </p>
-       * @param {yfiles.input.GraphSnapContext} context The context in which the snapping is performed.
-       * @param {yfiles.input.CollectSnapResultsEventArgs} evt The {@link yfiles.input.CollectSnapResultsEventArgs} instance containing the event data.
-       * @param {yfiles.graph.INode} node The node that is being reshaped.
-       * @param {yfiles.input.IGridConstraintProvider.<yfiles.graph.INode>} provider The provider that is associated with the grid snapping.
-       * @param {yfiles.geometry.Point} gridSnappedPoint The point on the grid that should be highlighted.
-       * @param {yfiles.geometry.Point} snappedLocation The location of the mouse that is associated with the grid point.
+       * @param context The context in which the snapping is performed.
+       * @param evt The {@link } instance containing the event data.
+       * @param node The node that is being reshaped.
+       * @param provider The provider that is associated with the grid snapping.
+       * @param gridSnappedPoint The point on the grid that should be highlighted.
+       * @param snappedLocation The location of the mouse that is associated with the grid point.
        * @protected
        */
       addGridSnapResult(context:yfiles.input.GraphSnapContext,evt:yfiles.input.CollectSnapResultsEventArgs,node:yfiles.graph.INode,provider:yfiles.input.IGridConstraintProvider<yfiles.graph.INode>,gridSnappedPoint:yfiles.geometry.Point,snappedLocation:yfiles.geometry.Point):void;
@@ -40868,15 +40913,15 @@ declare namespace system{
        * <p>
        * This method is called by {@link yfiles.input.NodeReshapeSnapResultProvider#collectSameSizeSnapResults} for each result found.
        * </p>
-       * @param {yfiles.input.GraphSnapContext} context The context in which the snapping is performed.
-       * @param {yfiles.input.CollectSnapResultsEventArgs} evt The {@link yfiles.input.CollectSnapResultsEventArgs} instance containing the event data. This will be used to {@link yfiles.input.CollectSnapResultsEventArgs#addSnapResult add} the result
+       * @param context The context in which the snapping is performed.
+       * @param evt The {@link } instance containing the event data. This will be used to {@link #addSnapResult add} the result
        * to.
-       * @param {yfiles.graph.INode} node The node that is being reshaped.
-       * @param {yfiles.input.SnapLineOrientation} orientation The orientation of the result - indicates whether width or height have been snapped.
-       * @param {yfiles.collections.IEnumerable.<yfiles.geometry.Rect>} rectangles The rectangles that have the same width or height as the node will - this does not yet includes the rectangle of the
+       * @param node The node that is being reshaped.
+       * @param orientation The orientation of the result - indicates whether width or height have been snapped.
+       * @param rectangles The rectangles that have the same width or height as the node will - this does not yet includes the rectangle of the
        * node being reshaped.
-       * @param {number} finalSize The target size to which the node will snap.
-       * @param {number} snapDelta The snap delta that the mouse needs to be moved in order to snap.
+       * @param finalSize The target size to which the node will snap.
+       * @param snapDelta The snap delta that the mouse needs to be moved in order to snap.
        * @protected
        */
       addSameSizeSnapResult(context:yfiles.input.GraphSnapContext,evt:yfiles.input.CollectSnapResultsEventArgs,node:yfiles.graph.INode,orientation:yfiles.input.SnapLineOrientation,rectangles:yfiles.collections.IEnumerable<yfiles.geometry.Rect>,finalSize:number,snapDelta:number):void;
@@ -40885,22 +40930,22 @@ declare namespace system{
        * <p>
        * This method is called by {@link yfiles.input.NodeReshapeSnapResultProvider#collectSnapLineResults} for each snap line snap.
        * </p>
-       * @param {yfiles.input.GraphSnapContext} context The context in which the snapping is performed.
-       * @param {yfiles.input.CollectSnapResultsEventArgs} evt The {@link yfiles.input.CollectSnapResultsEventArgs} instance containing the event data.
-       * @param {yfiles.graph.INode} node The node that is being reshaped.
-       * @param {yfiles.input.OrthogonalSnapLine} snapLine The snap line to which the node can be snapped
-       * @param {number} delta The amount the mouse needs to be moved in order to get to the snapping location.
-       * @param {yfiles.geometry.Point} snapPoint The point of interest that can be highlighted on the snap line.
+       * @param context The context in which the snapping is performed.
+       * @param evt The {@link } instance containing the event data.
+       * @param node The node that is being reshaped.
+       * @param snapLine The snap line to which the node can be snapped
+       * @param delta The amount the mouse needs to be moved in order to get to the snapping location.
+       * @param snapPoint The point of interest that can be highlighted on the snap line.
        * @protected
        */
       addSnaplineSnapResult(context:yfiles.input.GraphSnapContext,evt:yfiles.input.CollectSnapResultsEventArgs,node:yfiles.graph.INode,snapLine:yfiles.input.OrthogonalSnapLine,delta:number,snapPoint:yfiles.geometry.Point):void;
       /**
        * Collects the snap results for the grid.
-       * @param {yfiles.input.GraphSnapContext} context The context in which the snapping is performed.
-       * @param {yfiles.input.CollectSnapResultsEventArgs} evt The {@link yfiles.input.CollectSnapResultsEventArgs} instance containing the event data.
-       * @param {yfiles.graph.INode} node The node that is being reshaped.
-       * @param {yfiles.input.ReshapeRectangleContext} reshapeContext The reshape context that describes how the node's layout is reshaped.
-       * @param {yfiles.geometry.Rect} suggestedLayout The suggested layout of the node.
+       * @param context The context in which the snapping is performed.
+       * @param evt The {@link } instance containing the event data.
+       * @param node The node that is being reshaped.
+       * @param reshapeContext The reshape context that describes how the node's layout is reshaped.
+       * @param suggestedLayout The suggested layout of the node.
        * @protected
        */
       collectGridSnapResults(context:yfiles.input.GraphSnapContext,evt:yfiles.input.CollectSnapResultsEventArgs,node:yfiles.graph.INode,reshapeContext:yfiles.input.ReshapeRectangleContext,suggestedLayout:yfiles.geometry.Rect):void;
@@ -40910,11 +40955,11 @@ declare namespace system{
        * This method ultimately delegates to {@link yfiles.input.NodeReshapeSnapResultProvider#addSameSizeSnapResult} to add the results
        * to the event argument.
        * </p>
-       * @param {yfiles.input.GraphSnapContext} context The context in which the snapping is performed.
-       * @param {yfiles.input.CollectSnapResultsEventArgs} evt The {@link yfiles.input.CollectSnapResultsEventArgs} instance containing the event data.
-       * @param {yfiles.graph.INode} node The node that is being reshaped.
-       * @param {yfiles.input.ReshapeRectangleContext} reshapeContext The reshape context that contains information about the nature of the resize.
-       * @param {yfiles.geometry.Rect} suggestedLayout The layout of the node as it would be if the mouse location would not be snapped.
+       * @param context The context in which the snapping is performed.
+       * @param evt The {@link } instance containing the event data.
+       * @param node The node that is being reshaped.
+       * @param reshapeContext The reshape context that contains information about the nature of the resize.
+       * @param suggestedLayout The layout of the node as it would be if the mouse location would not be snapped.
        * @protected
        */
       collectSameSizeSnapResults(context:yfiles.input.GraphSnapContext,evt:yfiles.input.CollectSnapResultsEventArgs,node:yfiles.graph.INode,reshapeContext:yfiles.input.ReshapeRectangleContext,suggestedLayout:yfiles.geometry.Rect):void;
@@ -40925,11 +40970,11 @@ declare namespace system{
        * to the event argument. Method {@link yfiles.input.NodeReshapeSnapResultProvider#getSnapLines} is used to query the snap lines
        * that will be checked by this method.
        * </p>
-       * @param {yfiles.input.GraphSnapContext} context The context in which the snapping is performed.
-       * @param {yfiles.input.CollectSnapResultsEventArgs} evt The {@link yfiles.input.CollectSnapResultsEventArgs} instance containing the event data.
-       * @param {yfiles.graph.INode} node The node that is being reshaped.
-       * @param {yfiles.input.ReshapeRectangleContext} reshapeContext The reshape context that contains information about the nature of the resize.
-       * @param {yfiles.geometry.Rect} suggestedLayout The layout of the node as it would be if the mouse location would not be snapped.
+       * @param context The context in which the snapping is performed.
+       * @param evt The {@link } instance containing the event data.
+       * @param node The node that is being reshaped.
+       * @param reshapeContext The reshape context that contains information about the nature of the resize.
+       * @param suggestedLayout The layout of the node as it would be if the mouse location would not be snapped.
        * @protected
        */
       collectSnapLineResults(context:yfiles.input.GraphSnapContext,evt:yfiles.input.CollectSnapResultsEventArgs,node:yfiles.graph.INode,reshapeContext:yfiles.input.ReshapeRectangleContext,suggestedLayout:yfiles.geometry.Rect):void;
@@ -40944,10 +40989,10 @@ declare namespace system{
        * <li>{@link yfiles.input.NodeReshapeSnapResultProvider#collectSameSizeSnapResults}</li>
        * <li>{@link yfiles.input.NodeReshapeSnapResultProvider#collectSnapLineResults}</li>
        * </ul>
-       * @param {yfiles.input.GraphSnapContext} context The snap context which manages the snap lines and the settings.
-       * @param {yfiles.input.CollectSnapResultsEventArgs} evt The event argument to obtain the context from and add the results to.
-       * @param {yfiles.graph.INode} node The node that is being reshaped.
-       * @param {yfiles.input.ReshapeRectangleContext} reshapeContext Carries information about the reshape process.
+       * @param context The snap context which manages the snap lines and the settings.
+       * @param evt The event argument to obtain the context from and add the results to.
+       * @param node The node that is being reshaped.
+       * @param reshapeContext Carries information about the reshape process.
        */
       collectSnapResults(context:yfiles.input.GraphSnapContext,evt:yfiles.input.CollectSnapResultsEventArgs,node:yfiles.graph.INode,reshapeContext:yfiles.input.ReshapeRectangleContext):void;
       /**
@@ -40956,11 +41001,11 @@ declare namespace system{
        * <p>
        * This method aggregates the {@link yfiles.input.GraphSnapContext#getFixedNodeSnapLines fixed nodes' snaplines} and the {@link yfiles.input.GraphSnapContext#getAdditionalSnapLines additional snap lines} that are relevant to the node.
        * </p>
-       * @param {yfiles.input.GraphSnapContext} context The context in which the snapping is performed.
-       * @param {yfiles.graph.INode} node The node that is being reshaped.
-       * @param {yfiles.input.ReshapeRectangleContext} reshapeContext The reshape context that contains information about the nature of the resize.
-       * @param {yfiles.geometry.Rect} suggestedLayout The layout of the node as it would be if the mouse location would not be snapped.
-       * @returns {yfiles.collections.IEnumerable.<yfiles.input.SnapLine>} 
+       * @param context The context in which the snapping is performed.
+       * @param node The node that is being reshaped.
+       * @param reshapeContext The reshape context that contains information about the nature of the resize.
+       * @param suggestedLayout The layout of the node as it would be if the mouse location would not be snapped.
+       * @returns 
        * @protected
        */
       getSnapLines(context:yfiles.input.GraphSnapContext,node:yfiles.graph.INode,reshapeContext:yfiles.input.ReshapeRectangleContext,suggestedLayout:yfiles.geometry.Rect):yfiles.collections.IEnumerable<yfiles.input.SnapLine>;
@@ -40978,69 +41023,69 @@ declare namespace system{
      * <p>
      * An instance of this class can be found in the {@link yfiles.graph.ILookup#lookup} of an edge, e.g.
      * </p>
-     * @class yfiles.input.DefaultBendCreator
+     * @class
      * @implements {yfiles.input.IBendCreator}
      */
     export interface DefaultBendCreator extends Object,yfiles.input.IBendCreator{}
     export class DefaultBendCreator {
       /**
        * 
-       * @param {yfiles.input.IInputModeContext} context
-       * @param {yfiles.graph.IGraph} graph
-       * @param {yfiles.graph.IEdge} edge
-       * @param {yfiles.geometry.Point} location
-       * @returns {number} 
+       * @param context
+       * @param graph
+       * @param edge
+       * @param location
+       * @returns 
        */
       createBend(context:yfiles.input.IInputModeContext,graph:yfiles.graph.IGraph,edge:yfiles.graph.IEdge,location:yfiles.geometry.Point):number;
       static $class:yfiles.lang.Class;
     }
     /**
      * An abstract convenience implementation of the {@link yfiles.input.IPortCandidateProvider} interface.
-     * @class yfiles.input.PortCandidateProviderBase
+     * @class
      * @implements {yfiles.input.IPortCandidateProvider}
      */
     export interface PortCandidateProviderBase extends Object,yfiles.input.IPortCandidateProvider{}
     export class PortCandidateProviderBase {
       /**
        * Convenience method for subclasses that adds all existing {@link yfiles.graph.IPortOwner#ports} of the <code>owner</code> to the provided list.
-       * @param {yfiles.graph.IPortOwner} owner The port owner whose ports should be added.
-       * @param {yfiles.collections.IList.<yfiles.input.IPortCandidate>} list The list to add candidates for existing ports to.
+       * @param owner The port owner whose ports should be added.
+       * @param list The list to add candidates for existing ports to.
        * @protected
        */
       addExistingPorts(owner:yfiles.graph.IPortOwner,list:yfiles.collections.IList<yfiles.input.IPortCandidate>):void;
       /**
        * Factory method that creates a simple candidate that will use the {@link yfiles.input.PortCandidateProviderBase#createInstance}
        * method of this instance to delegate {@link yfiles.input.IPortCandidate#createPort} queries to.
-       * @param {yfiles.graph.IPortLocationModelParameter} locationParameter The location of the candidate. This instance is assigned by reference to the candidate.
-       * @param {yfiles.graph.IPortOwner} owner The owner to use for the candidate.
-       * @param {boolean} [valid=true] Whether the port should be {@link yfiles.input.PortCandidateValidity#VALID}.
-       * @returns {yfiles.input.DefaultPortCandidate} A candidate whose {@link yfiles.input.IPortCandidate#createPort} method delegates to this instance's
-       * {@link yfiles.input.PortCandidateProviderBase#createInstance}.
+       * @param locationParameter The location of the candidate. This instance is assigned by reference to the candidate.
+       * @param owner The owner to use for the candidate.
+       * @param [valid=true] Whether the port should be {@link #VALID}.
+       * @returns A candidate whose {@link #createPort} method delegates to this instance's
+       * {@link #createInstance}.
        * @protected
        */
       createCandidate(owner:yfiles.graph.IPortOwner,locationParameter:yfiles.graph.IPortLocationModelParameter,valid?:boolean):yfiles.input.DefaultPortCandidate;
       /**
        * Callback method used by the ports created using the factory methods
-       * CreateCandidate(IPortOwner,IPortLocationModelParameter).
+       * {@link yfiles.input.PortCandidateProviderBase#createCandidate}.
        * <p>
        * This method can be overridden by subclasses to perform more sophisticated port creation logic.
        * </p>
-       * @param {yfiles.input.IInputModeContext} context The context in which the instance is created.
-       * @param {yfiles.input.DefaultPortCandidate} candidate The candidate to create a port for.
-       * @returns {yfiles.graph.IPort} The new port.
+       * @param context The context in which the instance is created.
+       * @param candidate The candidate to create a port for.
+       * @returns The new port.
        * @protected
        */
       createInstance(context:yfiles.input.IInputModeContext,candidate:yfiles.input.DefaultPortCandidate):yfiles.graph.IPort;
       /**
        * Callback method used by the ports created using the factory methods
-       * CreateCandidate(IPortOwner,IPortLocationModelParameter).
+       * {@link yfiles.input.PortCandidateProviderBase#createCandidate}.
        * <p>
        * This method can be overridden by subclasses to perform more sophisticated candidate creation logic.
        * </p>
-       * @param {yfiles.input.IInputModeContext} context The context in which the instance is created.
-       * @param {yfiles.input.DefaultPortCandidate} candidate The candidate to create a port for.
-       * @param {yfiles.geometry.Point} suggestedLocation The location to get a candidate for.
-       * @returns {yfiles.input.IPortCandidate} The new candidate whose {@link yfiles.input.IPortCandidate#validity} may not be {@link yfiles.input.PortCandidateValidity#DYNAMIC}.
+       * @param context The context in which the instance is created.
+       * @param candidate The candidate to create a port for.
+       * @param suggestedLocation The location to get a candidate for.
+       * @returns The new candidate whose {@link #validity} may not be {@link #DYNAMIC}.
        * @protected
        */
       getPortCandidateAt(context:yfiles.input.IInputModeContext,candidate:yfiles.input.DefaultPortCandidate,suggestedLocation:yfiles.geometry.Point):yfiles.input.IPortCandidate;
@@ -41050,36 +41095,36 @@ declare namespace system{
        * This method is used as a callback by most of the getter methods in this class. Subclasses should override this method to
        * provide the same candidates for all use-cases.
        * </p>
-       * @param {yfiles.input.IInputModeContext} context The context for which the candidates should be provided.
-       * @returns {yfiles.collections.IEnumerable.<yfiles.input.IPortCandidate>} An enumerable collection of port candidates.
+       * @param context The context for which the candidates should be provided.
+       * @returns An enumerable collection of port candidates.
        * @protected
        * @abstract
        */
       getPortCandidates(context:yfiles.input.IInputModeContext):yfiles.collections.IEnumerable<yfiles.input.IPortCandidate>;
       /**
        * Convenience implementation that simply delegates to {@link yfiles.input.PortCandidateProviderBase#getPortCandidates}.
-       * @param {yfiles.input.IInputModeContext} context
-       * @param {yfiles.input.IPortCandidate} target
-       * @returns {yfiles.collections.IEnumerable.<yfiles.input.IPortCandidate>} 
+       * @param context
+       * @param target
+       * @returns 
        */
       getSourcePortCandidates(context:yfiles.input.IInputModeContext,target:yfiles.input.IPortCandidate):yfiles.collections.IEnumerable<yfiles.input.IPortCandidate>;
       /**
        * Convenience implementation that simply delegates to {@link yfiles.input.PortCandidateProviderBase#getPortCandidates}.
-       * @param {yfiles.input.IInputModeContext} context
-       * @returns {yfiles.collections.IEnumerable.<yfiles.input.IPortCandidate>} 
+       * @param context
+       * @returns 
        */
       getSourcePortCandidates(context:yfiles.input.IInputModeContext):yfiles.collections.IEnumerable<yfiles.input.IPortCandidate>;
       /**
        * Convenience implementation that simply delegates to {@link yfiles.input.PortCandidateProviderBase#getPortCandidates}.
-       * @param {yfiles.input.IInputModeContext} context
-       * @param {yfiles.input.IPortCandidate} source
-       * @returns {yfiles.collections.IEnumerable.<yfiles.input.IPortCandidate>} 
+       * @param context
+       * @param source
+       * @returns 
        */
       getTargetPortCandidates(context:yfiles.input.IInputModeContext,source:yfiles.input.IPortCandidate):yfiles.collections.IEnumerable<yfiles.input.IPortCandidate>;
       /**
        * Convenience implementation that simply delegates to {@link yfiles.input.PortCandidateProviderBase#getPortCandidates}.
-       * @param {yfiles.input.IInputModeContext} context
-       * @returns {yfiles.collections.IEnumerable.<yfiles.input.IPortCandidate>} 
+       * @param context
+       * @returns 
        */
       getTargetPortCandidates(context:yfiles.input.IInputModeContext):yfiles.collections.IEnumerable<yfiles.input.IPortCandidate>;
       /**
@@ -41108,53 +41153,52 @@ declare namespace system{
      * </p>
      * @see yfiles.input.PortRelocationHandle#getPortCandidates
      * @see yfiles.graph.EdgeDecorator#edgeReconnectionPortCandidateProviderDecorator
-     * @class yfiles.input.PortRelocationHandle
+     * @class
      * @implements {yfiles.input.IHandle}
      */
     export interface PortRelocationHandle extends Object,yfiles.input.IHandle{}
     export class PortRelocationHandle {
       /**
        * Creates a new instance of the {@link yfiles.input.PortRelocationHandle} class.
-       * @param {yfiles.graph.IGraph} graph The graph or <code>null</code>. If the graph instance is not specified, the handle will try to receive the graph from the {@link yfiles.input.IInputModeContext}
-       * it is passed in during {@link yfiles.input.PortRelocationHandle#initializeDrag}.
-       * @param {yfiles.graph.IEdge} edge The edge.
-       * @param {boolean} sourceEnd if set to <code>true</code> the source end will be subject to relocation, otherwise it will be the target port.
-       * @constructor
+       * @param graph The graph or <code>null</code>. If the graph instance is not specified, the handle will try to receive the graph from the {@link }
+       * it is passed in during {@link #initializeDrag}.
+       * @param edge The edge.
+       * @param sourceEnd if set to <code>true</code> the source end will be subject to relocation, otherwise it will be the target port.
        */
       constructor(graph:yfiles.graph.IGraph,edge:yfiles.graph.IEdge,sourceEnd:boolean);
       /**
        * 
-       * @param {yfiles.input.IInputModeContext} context
-       * @param {yfiles.geometry.Point} originalLocation
+       * @param context
+       * @param originalLocation
        */
       cancelDrag(context:yfiles.input.IInputModeContext,originalLocation:yfiles.geometry.Point):void;
       /**
        * Factory method that creates the {@link yfiles.view.ICanvasObjectDescriptor} that will be used to paint the "current"
        * {@link yfiles.input.IPortCandidate}.
-       * @returns {yfiles.view.ICanvasObjectDescriptor} The descriptor to use for the rendering in the {@link yfiles.view.CanvasComponent}.
+       * @returns The descriptor to use for the rendering in the {@link }.
        * @protected
        */
       createCurrentPortCandidateDescriptor():yfiles.view.ICanvasObjectDescriptor;
       /**
        * Factory method that creates the dummy edge that will be shown during the drag operation.
-       * @param {yfiles.graph.IEdge} edge The edge to be represented by the dummy edge.
-       * @returns {yfiles.graph.SimpleEdge} The dummy edge instance to use.
+       * @param edge The edge to be represented by the dummy edge.
+       * @returns The dummy edge instance to use.
        * @see yfiles.input.PortRelocationHandle#showDummyEdge
        * @protected
        */
       createDummyEdge(edge:yfiles.graph.IEdge):yfiles.graph.SimpleEdge;
       /**
        * Factory method that creates a dummy paintable for the dummy edge during the drag operation.
-       * @param {yfiles.graph.SimpleEdge} dummy The dummy to create a paintable for.
-       * @returns {yfiles.view.IVisualCreator} A paintable that shows the dummy.
+       * @param dummy The dummy to create a paintable for.
+       * @returns A paintable that shows the dummy.
        * @see yfiles.input.PortRelocationHandle#showDummyEdge
        * @protected
        */
       createDummyEdgeVisualCreator(dummy:yfiles.graph.SimpleEdge):yfiles.view.IVisualCreator;
       /**
        * Factory method that creates the candidate for the existing port.
-       * @param {yfiles.graph.IPort} port The port to create a candidate for.
-       * @returns {yfiles.input.IPortCandidate} The candidate or <code>null</code>.
+       * @param port The port to create a candidate for.
+       * @returns The candidate or <code>null</code>.
        * @see yfiles.input.PortRelocationHandle#getPortCandidates
        * @see yfiles.input.PortRelocationHandle#addExistingPort
        * @protected
@@ -41163,30 +41207,30 @@ declare namespace system{
       /**
        * Factory method that creates the {@link yfiles.view.ICanvasObjectDescriptor} that will be used to paint the
        * {@link yfiles.input.IPortCandidate}s.
-       * @returns {yfiles.view.ICanvasObjectDescriptor} The descriptor to use for the rendering in the {@link yfiles.view.CanvasComponent}.
+       * @returns The descriptor to use for the rendering in the {@link }.
        * @protected
        */
       createPortCandidateDescriptor():yfiles.view.ICanvasObjectDescriptor;
       /**
        * 
-       * @param {yfiles.input.IInputModeContext} context
-       * @param {yfiles.geometry.Point} originalLocation
-       * @param {yfiles.geometry.Point} newLocation
+       * @param context
+       * @param originalLocation
+       * @param newLocation
        */
       dragFinished(context:yfiles.input.IInputModeContext,originalLocation:yfiles.geometry.Point,newLocation:yfiles.geometry.Point):void;
       /**
        * Finds the closest candidate from the given set of candidates.
-       * @param {yfiles.input.IInputModeContext} context The context in for which the closest handle candidate is sought.
-       * @param {yfiles.geometry.Point} location The location for which to find a candidate.
-       * @param {yfiles.collections.IEnumerable.<yfiles.input.IPortCandidate>} candidates The list of possible candidates.
-       * @returns {yfiles.input.IPortCandidate} The closes candidate or <code>null</code>.
+       * @param context The context in for which the closest handle candidate is sought.
+       * @param location The location for which to find a candidate.
+       * @param candidates The list of possible candidates.
+       * @returns The closes candidate or <code>null</code>.
        * @protected
        */
       getClosestCandidate(context:yfiles.input.IInputModeContext,location:yfiles.geometry.Point,candidates:yfiles.collections.IEnumerable<yfiles.input.IPortCandidate>):yfiles.input.IPortCandidate;
       /**
        * Gets the graph to use from the context.
-       * @param {yfiles.input.IInputModeContext} context The input mode context.
-       * @returns {yfiles.graph.IGraph} A graph instance or <code>null</code>.
+       * @param context The input mode context.
+       * @returns A graph instance or <code>null</code>.
        * @protected
        */
       getGraph(context:yfiles.input.IInputModeContext):yfiles.graph.IGraph;
@@ -41197,10 +41241,10 @@ declare namespace system{
        * This implementation returns the result of {@link yfiles.input.IPortCandidate#createPort} or calls {@link yfiles.graph.IGraph#addPort} if
        * the result was <code>null</code>.
        * </p>
-       * @param {yfiles.input.IInputModeContext} context
-       * @param {yfiles.input.IPortCandidate} portCandidate The candidate to get a port instance from.
-       * @param {yfiles.geometry.Point} suggestedLocation The suggested location for the port.
-       * @returns {yfiles.graph.IPort} A non-<code>null</code> port instance.
+       * @param context
+       * @param portCandidate The candidate to get a port instance from.
+       * @param suggestedLocation The suggested location for the port.
+       * @returns A non-<code>null</code> port instance.
        * @see yfiles.input.PortRelocationHandle#setPorts
        * @protected
        */
@@ -41211,24 +41255,24 @@ declare namespace system{
        * This implementation uses the {@link yfiles.input.IEdgeReconnectionPortCandidateProvider} from the edge's {@link yfiles.graph.ILookup#lookup}
        * to retrieve the candidate sets. If {@link yfiles.input.PortRelocationHandle#addExistingPort} is enabled, the existing port will be part of the candidates.
        * </p>
-       * @param {yfiles.input.IInputModeContext} context The context that is used to retrieve the candidates for.
-       * @param {yfiles.graph.IEdge} edge The edge.
-       * @param {boolean} sourcePort Whether to look for source port candidates.
-       * @returns {yfiles.collections.IEnumerable.<yfiles.input.IPortCandidate>} A non-<code>null</code> enumerable over the candidates.
+       * @param context The context that is used to retrieve the candidates for.
+       * @param edge The edge.
+       * @param sourcePort Whether to look for source port candidates.
+       * @returns A non-<code>null</code> enumerable over the candidates.
        * @protected
        */
       getPortCandidates(context:yfiles.input.IInputModeContext,edge:yfiles.graph.IEdge,sourcePort:boolean):yfiles.collections.IEnumerable<yfiles.input.IPortCandidate>;
       /**
        * 
-       * @param {yfiles.input.IInputModeContext} context
-       * @param {yfiles.geometry.Point} originalLocation
-       * @param {yfiles.geometry.Point} newLocation
+       * @param context
+       * @param originalLocation
+       * @param newLocation
        */
       handleMove(context:yfiles.input.IInputModeContext,originalLocation:yfiles.geometry.Point,newLocation:yfiles.geometry.Point):void;
       /**
        * Hides the original edge that during the drag operation.
-       * @param {yfiles.graph.IEdge} edge The edge to hide.
-       * @param {yfiles.input.IInputModeContext} context The context to get the canvas the edge should be hidden from.
+       * @param edge The edge to hide.
+       * @param context The context to get the canvas the edge should be hidden from.
        * @see yfiles.input.PortRelocationHandle#unhideOriginalEdge
        * @see yfiles.input.PortRelocationHandle#showDummyEdge
        * @protected
@@ -41236,7 +41280,7 @@ declare namespace system{
       hideOriginalEdge(context:yfiles.input.IInputModeContext,edge:yfiles.graph.IEdge):void;
       /**
        * 
-       * @param {yfiles.input.IInputModeContext} context
+       * @param context
        */
       initializeDrag(context:yfiles.input.IInputModeContext):void;
       /**
@@ -41245,63 +41289,63 @@ declare namespace system{
        * This implementation checks whether the the parent input mode is an instance of {@link yfiles.input.HandleInputMode}, the {@link yfiles.input.PortRelocationHandle#portCandidateResolutionRecognizer}
        * recognizes its {@link yfiles.view.MouseEventArgs}, and the {@link yfiles.input.HandleInputMode#currentHandle}'s location is equal to this {@link yfiles.input.PortRelocationHandle#location}.
        * </p>
-       * @param {yfiles.input.IInputModeContext} context The context to inspect.
-       * @returns {boolean} <code>true</code> if port candidates may be resolved; <code>false</code> otherwise.
+       * @param context The context to inspect.
+       * @returns <code>true</code> if port candidates may be resolved; <code>false</code> otherwise.
        * @protected
        */
       isPortCandidateResolutionEnabled(context:yfiles.input.IInputModeContext):boolean;
       /**
        * Tries to {@link yfiles.input.IPortCandidate#getPortCandidateAt resolve} a dynamic port candidate for the given location.
-       * @param {yfiles.input.IInputModeContext} context The context in which the candidate is resolved.
-       * @param {yfiles.input.IPortCandidate} portCandidate The candidate.
-       * @param {yfiles.geometry.Point} location The current location.
-       * @returns {yfiles.input.IPortCandidate} A candidate.
+       * @param context The context in which the candidate is resolved.
+       * @param portCandidate The candidate.
+       * @param location The current location.
+       * @returns A candidate.
        * @protected
        */
       resolveCandidate(context:yfiles.input.IInputModeContext,portCandidate:yfiles.input.IPortCandidate,location:yfiles.geometry.Point):yfiles.input.IPortCandidate;
       /**
        * Updates the closest candidate for visual feedback.
-       * @param {yfiles.input.IPortCandidate} portCandidate
+       * @param portCandidate
        * @protected
        */
       setClosestCandidate(portCandidate:yfiles.input.IPortCandidate):void;
       /**
        * Callback that is triggered by {@link yfiles.input.PortRelocationHandle#dragFinished} to actually change the port.
-       * @param {yfiles.input.IInputModeContext} context The context.
-       * @param {yfiles.graph.IEdge} edge The edge to change ports.
-       * @param {boolean} setSourcePort Whether to set the source port. <code>false</code> for target ports.
-       * @param {yfiles.input.IPortCandidate} portCandidate The candidate that has been chosen.
-       * @param {yfiles.geometry.Point} suggestedLocation The suggested location for the port.
+       * @param context The context.
+       * @param edge The edge to change ports.
+       * @param setSourcePort Whether to set the source port. <code>false</code> for target ports.
+       * @param portCandidate The candidate that has been chosen.
+       * @param suggestedLocation The suggested location for the port.
        * @protected
        */
       setPort(context:yfiles.input.IInputModeContext,edge:yfiles.graph.IEdge,setSourcePort:boolean,portCandidate:yfiles.input.IPortCandidate,suggestedLocation:yfiles.geometry.Point):void;
       /**
        * Finally sets the ports for the edge to the new values.
-       * @param {yfiles.input.IInputModeContext} context The context in which the ports are set.
-       * @param {yfiles.graph.IEdge} edge The edge to set the ports for.
-       * @param {yfiles.graph.IPort} sourcePort The (possibly) new source port.
-       * @param {yfiles.graph.IPort} targetPort The (possibly) new target port.
+       * @param context The context in which the ports are set.
+       * @param edge The edge to set the ports for.
+       * @param sourcePort The (possibly) new source port.
+       * @param targetPort The (possibly) new target port.
        * @protected
        */
       setPorts(context:yfiles.input.IInputModeContext,edge:yfiles.graph.IEdge,sourcePort:yfiles.graph.IPort,targetPort:yfiles.graph.IPort):void;
       /**
        * Updates the position of the handle.
-       * @param {yfiles.geometry.Point} location The new location of the handle.
+       * @param location The new location of the handle.
        * @protected
        */
       setPosition(location:yfiles.geometry.Point):void;
       /**
        * Updates the dummy edge's visual appearance to reflect the new port candidate.
-       * @param {yfiles.graph.SimpleEdge} dummy The dummy edge.
-       * @param {boolean} source Whether to update the source or target port.
-       * @param {yfiles.input.IPortCandidate} portCandidate The new candidate to indicate.
+       * @param dummy The dummy edge.
+       * @param source Whether to update the source or target port.
+       * @param portCandidate The new candidate to indicate.
        * @protected
        */
       setToPortCandidate(dummy:yfiles.graph.SimpleEdge,source:boolean,portCandidate:yfiles.input.IPortCandidate):void;
       /**
        * Unhides the original edge that was hidden during the drag operation.
-       * @param {yfiles.graph.IEdge} edge The edge to unhide.
-       * @param {yfiles.view.CanvasComponent} canvas The canvas the edge was hidden from.
+       * @param edge The edge to unhide.
+       * @param canvas The canvas the edge was hidden from.
        * @see yfiles.input.PortRelocationHandle#hideOriginalEdge
        * @see yfiles.input.PortRelocationHandle#showDummyEdge
        * @protected
@@ -41440,7 +41484,7 @@ declare namespace system{
      * {@link yfiles.graph.IEdge}s (see {@link yfiles.graph.DefaultGraph#DEFAULT_EDGE_LOOKUP}) will use the {@link yfiles.input.IEdgeReconnectionPortCandidateProvider} interface to collect the
      * source and target port handles.
      * </p>
-     * @class yfiles.input.PortRelocationHandleProvider
+     * @class
      * @implements {yfiles.input.IHandleProvider}
      * @implements {yfiles.input.IEdgePortHandleProvider}
      */
@@ -41448,25 +41492,24 @@ declare namespace system{
     export class PortRelocationHandleProvider {
       /**
        * Initializes a new instance of the {@link yfiles.input.PortRelocationHandleProvider} class using the given graph and edge.
-       * @param {yfiles.graph.IGraph} graph The graph or null. If the graph is null, the handles will try to receive the graph from the {@link yfiles.input.IInputModeContext}
+       * @param graph The graph or null. If the graph is null, the handles will try to receive the graph from the {@link }
        * it is used in.
-       * @param {yfiles.graph.IEdge} edge The edge.
-       * @constructor
+       * @param edge The edge.
        */
       constructor(graph:yfiles.graph.IGraph,edge:yfiles.graph.IEdge);
       /**
        * Factory method that creates the handle for this provider.
-       * @param {yfiles.graph.IGraph} graph The graph that contains the edge.
-       * @param {yfiles.graph.IEdge} edge The edge.
-       * @param {boolean} sourcePort if set to <code>true</code> the handle for the source port is sought.
-       * @returns {yfiles.input.IHandle} A handle or <code>null</code>.
+       * @param graph The graph that contains the edge.
+       * @param edge The edge.
+       * @param sourcePort if set to <code>true</code> the handle for the source port is sought.
+       * @returns A handle or <code>null</code>.
        * @protected
        */
       createPortRelocationHandle(graph:yfiles.graph.IGraph,edge:yfiles.graph.IEdge,sourcePort:boolean):yfiles.input.IHandle;
       /**
        * 
-       * @param {yfiles.input.IInputModeContext} context
-       * @returns {yfiles.collections.IEnumerable.<yfiles.input.IHandle>} 
+       * @param context
+       * @returns 
        */
       getHandles(context:yfiles.input.IInputModeContext):yfiles.collections.IEnumerable<yfiles.input.IHandle>;
       /**
@@ -41495,29 +41538,28 @@ declare namespace system{
      * {@link yfiles.graph.IGraph#remove}. In that case, you need to query the handles again before interacting with the graph, for
      * example by temporarily unselecting and reselecting the port-owning nodes.
      * </p>
-     * @class yfiles.input.PortsHandleProvider
+     * @class
      * @implements {yfiles.input.IHandleProvider}
      */
     export interface PortsHandleProvider extends Object,yfiles.input.IHandleProvider{}
     export class PortsHandleProvider {
       /**
        * Creates an instance using the given owner as the provider for the ports.
-       * @param {yfiles.graph.IPortOwner} owner
-       * @constructor
+       * @param owner
        */
       constructor(owner:yfiles.graph.IPortOwner);
       /**
        * Retrieves the handle implementation from the port's lookup.
-       * @param {yfiles.graph.IPort} port
-       * @returns {yfiles.input.IHandle} 
+       * @param port
+       * @returns 
        * @protected
        */
       getHandle(port:yfiles.graph.IPort):yfiles.input.IHandle;
       /**
        * Returns a collection of zero or more {@link yfiles.input.IHandle} implementations that are associated with the ports of this
        * context.
-       * @param {yfiles.input.IInputModeContext} context
-       * @returns {yfiles.collections.IEnumerable.<yfiles.input.IHandle>} A collection of handles.
+       * @param context
+       * @returns A collection of handles.
        */
       getHandles(context:yfiles.input.IInputModeContext):yfiles.collections.IEnumerable<yfiles.input.IHandle>;
       /**
@@ -41539,14 +41581,13 @@ declare namespace system{
      * <p>
      * This mode is {@link yfiles.input.ResizeStripeInputMode#exclusive} by default.
      * </p>
-     * @class yfiles.input.ResizeStripeInputMode
+     * @class
      * @implements {yfiles.input.IInputMode}
      */
     export interface ResizeStripeInputMode extends Object,yfiles.input.IInputMode{}
     export class ResizeStripeInputMode {
       /**
        * Creates a new instance of this input mode.
-       * @constructor
        */
       constructor();
       /**
@@ -41570,10 +41611,10 @@ declare namespace system{
        * <p>
        * Overriding implementations should call the base implementation, first.
        * </p>
-       * @param {yfiles.input.IInputModeContext} context The context that this instance shall be installed into. The same instance will be passed to this instance during
-       * {@link yfiles.input.IInputMode#uninstall}. A reference to the context may be kept and queried during the time the mode is
+       * @param context The context that this instance shall be installed into. The same instance will be passed to this instance during
+       * {@link #uninstall}. A reference to the context may be kept and queried during the time the mode is
        * installed.
-       * @param {yfiles.input.ConcurrencyController} controller The {@link yfiles.input.ResizeStripeInputMode#controller} for this mode.
+       * @param controller The {@link #controller} for this mode.
        * @see yfiles.input.IInputMode#uninstall
        */
       install(context:yfiles.input.IInputModeContext,controller:yfiles.input.ConcurrencyController):void;
@@ -41582,9 +41623,9 @@ declare namespace system{
        * <p>
        * This implementation checks whether a stripe border has been hit at the latest {@link yfiles.view.MouseEventArgs}
        * </p>
-       * @param {Object} source
-       * @param {yfiles.lang.EventArgs} evt
-       * @returns {boolean} true iff a stripe border has been hit at the latest {@link yfiles.view.MouseEventArgs}
+       * @param source
+       * @param evt
+       * @returns true iff a stripe border has been hit at the latest {@link }
        * @protected
        */
       isValidBegin(source:Object,evt:yfiles.lang.EventArgs):boolean;
@@ -41623,13 +41664,13 @@ declare namespace system{
       onConcurrencyControllerDeactivated():void;
       /**
        * Triggers the {@link yfiles.input.ResizeStripeInputMode#addDragCanceledListener DragCanceled} event.
-       * @param {yfiles.input.InputModeEventArgs} evt The event argument that contains context information.
+       * @param evt The event argument that contains context information.
        * @protected
        */
       onDragCanceled(evt:yfiles.input.InputModeEventArgs):void;
       /**
        * Triggers the {@link yfiles.input.ResizeStripeInputMode#addDragCancelingListener DragCanceling} event.
-       * @param {yfiles.input.InputModeEventArgs} evt The event argument that contains context information.
+       * @param evt The event argument that contains context information.
        * @protected
        */
       onDragCanceling(evt:yfiles.input.InputModeEventArgs):void;
@@ -41639,7 +41680,7 @@ declare namespace system{
        * This method triggers the {@link yfiles.input.ResizeStripeInputMode#addDragFinishedListener DragFinished}
        * event.
        * </p>
-       * @param {yfiles.input.InputModeEventArgs} evt The event argument that contains context information.
+       * @param evt The event argument that contains context information.
        * @protected
        */
       onDragFinished(evt:yfiles.input.InputModeEventArgs):void;
@@ -41649,7 +41690,7 @@ declare namespace system{
        * This method triggers the {@link yfiles.input.ResizeStripeInputMode#addDragFinishingListener DragFinishing}
        * event.
        * </p>
-       * @param {yfiles.input.InputModeEventArgs} evt The event argument that contains context information.
+       * @param evt The event argument that contains context information.
        * @protected
        */
       onDragFinishing(evt:yfiles.input.InputModeEventArgs):void;
@@ -41659,7 +41700,7 @@ declare namespace system{
        * This method triggers the {@link yfiles.input.ResizeStripeInputMode#addDraggedListener Dragged}
        * event.
        * </p>
-       * @param {yfiles.input.InputModeEventArgs} evt The event argument that contains context information.
+       * @param evt The event argument that contains context information.
        * @protected
        */
       onDragged(evt:yfiles.input.InputModeEventArgs):void;
@@ -41669,19 +41710,19 @@ declare namespace system{
        * This method triggers the {@link yfiles.input.ResizeStripeInputMode#addDraggingListener Dragging}
        * event.
        * </p>
-       * @param {yfiles.input.InputModeEventArgs} evt The event argument that contains context information.
+       * @param evt The event argument that contains context information.
        * @protected
        */
       onDragging(evt:yfiles.input.InputModeEventArgs):void;
       /**
        * Triggers the {@link yfiles.input.ResizeStripeInputMode#addDragStartedListener DragStarted} event.
-       * @param {yfiles.input.InputModeEventArgs} evt The event argument that contains context information.
+       * @param evt The event argument that contains context information.
        * @protected
        */
       onDragStarted(evt:yfiles.input.InputModeEventArgs):void;
       /**
        * Triggers the {@link yfiles.input.ResizeStripeInputMode#addDragStartingListener DragStarting} event.
-       * @param {yfiles.input.InputModeEventArgs} evt The event argument that contains context information.
+       * @param evt The event argument that contains context information.
        * @protected
        */
       onDragStarting(evt:yfiles.input.InputModeEventArgs):void;
@@ -41698,7 +41739,7 @@ declare namespace system{
       onStopped():void;
       /**
        * 
-       * @returns {boolean} 
+       * @returns 
        */
       tryStop():boolean;
       /**
@@ -41710,7 +41751,7 @@ declare namespace system{
        * <p>
        * Overriding implementations should call the base implementation after their own code.
        * </p>
-       * @param {yfiles.input.IInputModeContext} context The context to deregister from. This is the same instance that had been passed to {@link yfiles.input.IInputMode#install} during
+       * @param context The context to deregister from. This is the same instance that had been passed to {@link #install} during
        * installation.
        */
       uninstall(context:yfiles.input.IInputModeContext):void;
@@ -41827,97 +41868,97 @@ declare namespace system{
       ignoreContentRecognizer:(eventSource:Object,evt:yfiles.lang.EventArgs)=>boolean;
       /**
        * Adds the given listener for the <code>DragFinishing</code> event that occurs before the drag will be finished.
-       * @param {function(Object, yfiles.input.InputModeEventArgs): void} listener The listener to add.
+       * @param listener The listener to add.
        * @see yfiles.input.ResizeStripeInputMode#removeDragFinishingListener
        */
       addDragFinishingListener(listener:(sender:Object,evt:yfiles.input.InputModeEventArgs)=>void):void;
       /**
        * Removes the given listener for the <code>DragFinishing</code> event that occurs before the drag will be finished.
-       * @param {function(Object, yfiles.input.InputModeEventArgs): void} listener The listener to remove.
+       * @param listener The listener to remove.
        * @see yfiles.input.ResizeStripeInputMode#addDragFinishingListener
        */
       removeDragFinishingListener(listener:(sender:Object,evt:yfiles.input.InputModeEventArgs)=>void):void;
       /**
        * Adds the given listener for the <code>DragFinished</code> event that occurs once the drag has been finished.
-       * @param {function(Object, yfiles.input.InputModeEventArgs): void} listener The listener to add.
+       * @param listener The listener to add.
        * @see yfiles.input.ResizeStripeInputMode#removeDragFinishedListener
        */
       addDragFinishedListener(listener:(sender:Object,evt:yfiles.input.InputModeEventArgs)=>void):void;
       /**
        * Removes the given listener for the <code>DragFinished</code> event that occurs once the drag has been finished.
-       * @param {function(Object, yfiles.input.InputModeEventArgs): void} listener The listener to remove.
+       * @param listener The listener to remove.
        * @see yfiles.input.ResizeStripeInputMode#addDragFinishedListener
        */
       removeDragFinishedListener(listener:(sender:Object,evt:yfiles.input.InputModeEventArgs)=>void):void;
       /**
        * Adds the given listener for the <code>DragStarting</code> event that occurs once the drag is starting.
-       * @param {function(Object, yfiles.input.InputModeEventArgs): void} listener The listener to add.
+       * @param listener The listener to add.
        * @see yfiles.input.ResizeStripeInputMode#removeDragStartingListener
        */
       addDragStartingListener(listener:(sender:Object,evt:yfiles.input.InputModeEventArgs)=>void):void;
       /**
        * Removes the given listener for the <code>DragStarting</code> event that occurs once the drag is starting.
-       * @param {function(Object, yfiles.input.InputModeEventArgs): void} listener The listener to remove.
+       * @param listener The listener to remove.
        * @see yfiles.input.ResizeStripeInputMode#addDragStartingListener
        */
       removeDragStartingListener(listener:(sender:Object,evt:yfiles.input.InputModeEventArgs)=>void):void;
       /**
        * Adds the given listener for the <code>DragStarted</code> event that occurs once the drag is initialized and has started.
-       * @param {function(Object, yfiles.input.InputModeEventArgs): void} listener The listener to add.
+       * @param listener The listener to add.
        * @see yfiles.input.ResizeStripeInputMode#removeDragStartedListener
        */
       addDragStartedListener(listener:(sender:Object,evt:yfiles.input.InputModeEventArgs)=>void):void;
       /**
        * Removes the given listener for the <code>DragStarted</code> event that occurs once the drag is initialized and has started.
-       * @param {function(Object, yfiles.input.InputModeEventArgs): void} listener The listener to remove.
+       * @param listener The listener to remove.
        * @see yfiles.input.ResizeStripeInputMode#addDragStartedListener
        */
       removeDragStartedListener(listener:(sender:Object,evt:yfiles.input.InputModeEventArgs)=>void):void;
       /**
        * Adds the given listener for the <code>Dragging</code> event that occurs at the start of every drag.
-       * @param {function(Object, yfiles.input.InputModeEventArgs): void} listener The listener to add.
+       * @param listener The listener to add.
        * @see yfiles.input.ResizeStripeInputMode#removeDraggingListener
        */
       addDraggingListener(listener:(sender:Object,evt:yfiles.input.InputModeEventArgs)=>void):void;
       /**
        * Removes the given listener for the <code>Dragging</code> event that occurs at the start of every drag.
-       * @param {function(Object, yfiles.input.InputModeEventArgs): void} listener The listener to remove.
+       * @param listener The listener to remove.
        * @see yfiles.input.ResizeStripeInputMode#addDraggingListener
        */
       removeDraggingListener(listener:(sender:Object,evt:yfiles.input.InputModeEventArgs)=>void):void;
       /**
        * Adds the given listener for the <code>Dragged</code> event that occurs at the end of every drag.
-       * @param {function(Object, yfiles.input.InputModeEventArgs): void} listener The listener to add.
+       * @param listener The listener to add.
        * @see yfiles.input.ResizeStripeInputMode#removeDraggedListener
        */
       addDraggedListener(listener:(sender:Object,evt:yfiles.input.InputModeEventArgs)=>void):void;
       /**
        * Removes the given listener for the <code>Dragged</code> event that occurs at the end of every drag.
-       * @param {function(Object, yfiles.input.InputModeEventArgs): void} listener The listener to remove.
+       * @param listener The listener to remove.
        * @see yfiles.input.ResizeStripeInputMode#addDraggedListener
        */
       removeDraggedListener(listener:(sender:Object,evt:yfiles.input.InputModeEventArgs)=>void):void;
       /**
        * Adds the given listener for the <code>DragCanceled</code> event that occurs when the drag has been canceled.
-       * @param {function(Object, yfiles.input.InputModeEventArgs): void} listener The listener to add.
+       * @param listener The listener to add.
        * @see yfiles.input.ResizeStripeInputMode#removeDragCanceledListener
        */
       addDragCanceledListener(listener:(sender:Object,evt:yfiles.input.InputModeEventArgs)=>void):void;
       /**
        * Removes the given listener for the <code>DragCanceled</code> event that occurs when the drag has been canceled.
-       * @param {function(Object, yfiles.input.InputModeEventArgs): void} listener The listener to remove.
+       * @param listener The listener to remove.
        * @see yfiles.input.ResizeStripeInputMode#addDragCanceledListener
        */
       removeDragCanceledListener(listener:(sender:Object,evt:yfiles.input.InputModeEventArgs)=>void):void;
       /**
        * Adds the given listener for the <code>DragCanceling</code> event that occurs before the drag will be canceled.
-       * @param {function(Object, yfiles.input.InputModeEventArgs): void} listener The listener to add.
+       * @param listener The listener to add.
        * @see yfiles.input.ResizeStripeInputMode#removeDragCancelingListener
        */
       addDragCancelingListener(listener:(sender:Object,evt:yfiles.input.InputModeEventArgs)=>void):void;
       /**
        * Removes the given listener for the <code>DragCanceling</code> event that occurs before the drag will be canceled.
-       * @param {function(Object, yfiles.input.InputModeEventArgs): void} listener The listener to remove.
+       * @param listener The listener to remove.
        * @see yfiles.input.ResizeStripeInputMode#addDragCancelingListener
        */
       removeDragCancelingListener(listener:(sender:Object,evt:yfiles.input.InputModeEventArgs)=>void):void;
@@ -41936,34 +41977,35 @@ declare namespace system{
        * This method is called to determine whether a {@link yfiles.input.IReparentStripeHandler#reparent} operation should actually be
        * executed.
        * </p>
-       * @param {yfiles.input.IInputModeContext} context The context that provides information about the user input.
-       * @param {yfiles.graph.IStripe} stripe The stripe that will be reparented.
-       * @param {yfiles.graph.IStripe} newParent The potential new parent.
-       * @param {number} index The index where the stripe would be {@link yfiles.input.IReparentStripeHandler#reparent reparented}
-       * @param {yfiles.input.StripeReparentPolicy} reparentPosition Where to place the stripe as a result of the gesture that would be used for the {@link yfiles.input.IReparentStripeHandler#reparent }
+       * @param context The context that provides information about the user input.
+       * @param stripe The stripe that will be reparented.
+       * @param newParent The potential new parent.
+       * @param index The index where the stripe would be {@link #reparent reparented}
+       * @param reparentPosition Where to place the stripe as a result of the gesture that would be used for the {@link #reparent }
        * operation.
-       * @returns {boolean} Whether <code>newParent</code> is a valid new parent for <code>stripe</code> for the given index and gesture.
+       * @returns Whether <code>newParent</code> is a valid new parent for <code>stripe</code> for the given index and gesture.
        * @abstract
        */
       isValidParent(context:yfiles.input.IInputModeContext,stripe:yfiles.graph.IStripe,newParent:yfiles.graph.IStripe,index:number,reparentPosition:yfiles.input.StripeReparentPolicy):boolean;
       /**
        * Performs the actual reparenting after the reparent gesture has been finalized.
        * <p>
-       * Implementations should use SetParent or SetParent to set the parent of <code>movedStripe</code> to <code>newParent</code>.
+       * Implementations should use {@link yfiles.graph.ITable#setParent} or {@link yfiles.graph.ITable#setParent} to set the parent of <code>movedStripe</code>
+       * to <code>newParent</code>.
        * </p>
-       * @param {yfiles.input.IInputModeContext} context The context that provides information about the user input.
-       * @param {yfiles.graph.IStripe} movedStripe The stripe that will be reparented.
-       * @param {yfiles.graph.IStripe} newParent The potential new parent.
-       * @param {number} index The index where the stripe should be inserted.
-       * @param {yfiles.input.StripeReparentPolicy} reparentPosition Where to place the stripe as a result of the gesture that triggered the reparent operation.
+       * @param context The context that provides information about the user input.
+       * @param movedStripe The stripe that will be reparented.
+       * @param newParent The potential new parent.
+       * @param index The index where the stripe should be inserted.
+       * @param reparentPosition Where to place the stripe as a result of the gesture that triggered the reparent operation.
        * @abstract
        */
       reparent(context:yfiles.input.IInputModeContext,movedStripe:yfiles.graph.IStripe,newParent:yfiles.graph.IStripe,index:number,reparentPosition:yfiles.input.StripeReparentPolicy):void;
       /**
        * Determines whether the user may detach the given stripe from its current parent in order to reparent it.
-       * @param {yfiles.input.IInputModeContext} context The context that provides information about the user input.
-       * @param {yfiles.graph.IStripe} stripe The stripe that is about to be detached from its current parent.
-       * @returns {boolean} Whether the stripe may be detached and reparented.
+       * @param context The context that provides information about the user input.
+       * @param stripe The stripe that is about to be detached from its current parent.
+       * @returns Whether the stripe may be detached and reparented.
        * @abstract
        */
       shouldReparent(context:yfiles.input.IInputModeContext,stripe:yfiles.graph.IStripe):boolean;
@@ -41977,7 +42019,7 @@ declare namespace system{
      * <p>
      * This implementation allows to specify a maximal nesting depth for reparent operations.
      * </p>
-     * @class yfiles.input.ReparentStripeHandler
+     * @class
      * @implements {yfiles.input.IReparentStripeHandler}
      */
     export interface ReparentStripeHandler extends Object,yfiles.input.IReparentStripeHandler{}
@@ -41989,25 +42031,25 @@ declare namespace system{
        * This implementation adjusts the size of <code>stripe</code> to <code>Math.Max(originalStripeSize, originalParentSize)</code> if <code>reparentPosition</code>
        * is an {@link yfiles.input.StripeReparentPolicy#ADD_CHILD} operation
        * </p>
-       * @param {yfiles.input.IInputModeContext} context The context that provides information about the user input.
-       * @param {yfiles.graph.IStripe} stripe The stripe that will be reparented.
-       * @param {yfiles.graph.IStripe} newParent The potential new parent.
-       * @param {number} index The index where the stripe should be inserted.
-       * @param {yfiles.input.StripeReparentPolicy} reparentPosition Where to place the stripe as a result of the gesture that triggered the reparent operation.
-       * @param {number} originalStripeSize The original size of <code>stripe</code>
-       * @param {number} originalParentSize The original size of <code>newParent</code>
+       * @param context The context that provides information about the user input.
+       * @param stripe The stripe that will be reparented.
+       * @param newParent The potential new parent.
+       * @param index The index where the stripe should be inserted.
+       * @param reparentPosition Where to place the stripe as a result of the gesture that triggered the reparent operation.
+       * @param originalStripeSize The original size of <code>stripe</code>
+       * @param originalParentSize The original size of <code>newParent</code>
        * @protected
        */
       adjustSize(context:yfiles.input.IInputModeContext,stripe:yfiles.graph.IStripe,newParent:yfiles.graph.IStripe,reparentPosition:yfiles.input.StripeReparentPolicy,index:number,originalStripeSize:number,originalParentSize:number):void;
       /**
        * Checks the constraints imposed by {@link yfiles.input.ReparentStripeHandler#maxRowLevel} or {@link yfiles.input.ReparentStripeHandler#maxColumnLevel} for a valid gesture.
-       * @param {yfiles.input.IInputModeContext} context The context that provides information about the user input.
-       * @param {yfiles.graph.IStripe} stripe The stripe that will be reparented.
-       * @param {yfiles.graph.IStripe} newParent The potential new parent.
-       * @param {number} index The index where the stripe would be {@link yfiles.input.ReparentStripeHandler#reparent reparented}
-       * @param {yfiles.input.StripeReparentPolicy} reparentPosition Where to place the stripe as a result of the gesture that would be used for the {@link yfiles.input.ReparentStripeHandler#reparent }
+       * @param context The context that provides information about the user input.
+       * @param stripe The stripe that will be reparented.
+       * @param newParent The potential new parent.
+       * @param index The index where the stripe would be {@link #reparent reparented}
+       * @param reparentPosition Where to place the stripe as a result of the gesture that would be used for the {@link #reparent }
        * operation.
-       * @returns {boolean} <code>true</code> iff the resulting nesting depth is smaller than {@link yfiles.input.ReparentStripeHandler#maxRowLevel} or {@link yfiles.input.ReparentStripeHandler#maxColumnLevel}, or if the nesting depth would not increase by the operation.
+       * @returns <code>true</code> iff the resulting nesting depth is smaller than {@link #maxRowLevel} or {@link #maxColumnLevel}, or if the nesting depth would not increase by the operation.
        */
       isValidParent(context:yfiles.input.IInputModeContext,stripe:yfiles.graph.IStripe,newParent:yfiles.graph.IStripe,index:number,reparentPosition:yfiles.input.StripeReparentPolicy):boolean;
       /**
@@ -42016,18 +42058,18 @@ declare namespace system{
        * This implementation adjusts the size of the moved and/or the target stripe by calling {@link yfiles.input.ReparentStripeHandler#adjustSize}
        * .
        * </p>
-       * @param {yfiles.input.IInputModeContext} context The context that provides information about the user input.
-       * @param {yfiles.graph.IStripe} stripe The stripe that will be reparented.
-       * @param {yfiles.graph.IStripe} newParent The potential new parent.
-       * @param {number} index The index where the stripe should be inserted.
-       * @param {yfiles.input.StripeReparentPolicy} reparentPosition Where to place the stripe as a result of the gesture that triggered the reparent operation.
+       * @param context The context that provides information about the user input.
+       * @param stripe The stripe that will be reparented.
+       * @param newParent The potential new parent.
+       * @param index The index where the stripe should be inserted.
+       * @param reparentPosition Where to place the stripe as a result of the gesture that triggered the reparent operation.
        */
       reparent(context:yfiles.input.IInputModeContext,stripe:yfiles.graph.IStripe,newParent:yfiles.graph.IStripe,index:number,reparentPosition:yfiles.input.StripeReparentPolicy):void;
       /**
        * Determines whether the user may detach the given stripe from its current parent in order to reparent it.
-       * @param {yfiles.input.IInputModeContext} context The context that provides information about the user input.
-       * @param {yfiles.graph.IStripe} stripe The stripe that is about to be detached from its current parent.
-       * @returns {boolean} This implementation returns always <code>true</code>.
+       * @param context The context that provides information about the user input.
+       * @param stripe The stripe that is about to be detached from its current parent.
+       * @returns This implementation returns always <code>true</code>.
        */
       shouldReparent(context:yfiles.input.IInputModeContext,stripe:yfiles.graph.IStripe):boolean;
       /**
@@ -42057,7 +42099,7 @@ declare namespace system{
      * <p>
      * This implementation delegates most work to an instance of {@link yfiles.input.ReparentStripePositionHandler}
      * </p>
-     * @class yfiles.input.ReparentStripeInputMode
+     * @class
      * @extends {yfiles.input.MoveInputMode}
      */
     export interface ReparentStripeInputMode extends yfiles.input.MoveInputMode{}
@@ -42071,7 +42113,7 @@ declare namespace system{
      * A dragged {@link yfiles.graph.IStripe} is optionally visualized during the drag operation.
      * </p>
      * @see yfiles.input.StripeDropInputMode#startDrag
-     * @class yfiles.input.StripeDropInputMode
+     * @class
      * @extends {yfiles.input.ItemDropInputMode.<yfiles.graph.IStripe>}
      */
     export interface StripeDropInputMode extends yfiles.input.ItemDropInputMode<yfiles.graph.IStripe>{}
@@ -42081,9 +42123,8 @@ declare namespace system{
        * <p>
        * You might want to adjust the {@link yfiles.input.StripeDropInputMode#draggedItem} getter, too.
        * </p>
-       * @param {string} expectedFormat This is a format that is used in {@link yfiles.input.StripeDropInputMode#startDrag}.
+       * @param expectedFormat This is a format that is used in {@link #startDrag}.
        * @protected
-       * @constructor
        */
       constructor(expectedFormat:string);
       /**
@@ -42092,12 +42133,11 @@ declare namespace system{
        * This instance fires events only if the format of the data of the drag operation is the full name of the {@link yfiles.graph.IStripe}
        * type. Such a drag operation can be started for example with {@link yfiles.input.StripeDropInputMode#startDrag}.
        * </p>
-       * @constructor
        */
       constructor();
       /**
        * Create a preview version of the table that is temporarily used to show the dragged stripe.
-       * @returns {yfiles.graph.ITable} 
+       * @returns 
        * @protected
        */
       createPreviewTable():yfiles.graph.ITable;
@@ -42106,9 +42146,9 @@ declare namespace system{
        * <p>
        * This method is called by the {@link yfiles.input.ItemDropInputMode.<T>#itemCreator} that is set as default on this class.
        * </p>
-       * @param {yfiles.graph.IStripe} newParent The parent for which to create the stripe.
-       * @param {yfiles.input.IInputModeContext} context The context for which the stripe should be created.
-       * @returns {yfiles.graph.IStripe} a newly created stripe.
+       * @param newParent The parent for which to create the stripe.
+       * @param context The context for which the stripe should be created.
+       * @returns a newly created stripe.
        * @protected
        */
       createStripe(context:yfiles.input.IInputModeContext,newParent:yfiles.graph.IStripe):yfiles.graph.IStripe;
@@ -42118,15 +42158,15 @@ declare namespace system{
        * In this implementation the mouse location is used as center of the table. Can be overridden in child class to implement
        * a different layout.
        * </p>
-       * @param {yfiles.geometry.Point} location Current mouse position
-       * @param {yfiles.geometry.Size} size Size of the table
-       * @returns {yfiles.geometry.Rect} a {@link yfiles.geometry.Rect} with the given size and the mouse location as center.
+       * @param location Current mouse position
+       * @param size Size of the table
+       * @returns a {@link } with the given size and the mouse location as center.
        * @protected
        */
       getPreviewTableLayout(location:yfiles.geometry.Point,size:yfiles.geometry.Size):yfiles.geometry.Rect;
       /**
        * Called whenever a new stripe is created
-       * @param {yfiles.collections.ItemEventArgs.<yfiles.graph.IStripe>} evt
+       * @param evt
        * @protected
        */
       onStripeCreated(evt:yfiles.collections.ItemEventArgs<yfiles.graph.IStripe>):void;
@@ -42146,10 +42186,10 @@ declare namespace system{
        * <li><code>yfiles-cursor-dragdrop-all</code></li>
        * <li><code>yfiles-cursor-dragdrop-no-drop</code></li>
        * </ul>
-       * @param {HTMLElement} dragSource The source of the drag operation.
-       * @param {yfiles.graph.IStripe} stripe The stripe to drag.
-       * @param {yfiles.view.DragDropEffects} [dragDropEffects=yfiles.view.DragDropEffects.ALL] The allowed drag drop effects.
-       * @param {boolean} [useCssCursors=true] Whether to adjust the classes of elements being hovered over during the drag. The default is <code>true</code>.
+       * @param dragSource The source of the drag operation.
+       * @param stripe The stripe to drag.
+       * @param [dragDropEffects=yfiles.view.DragDropEffects.ALL] The allowed drag drop effects.
+       * @param [useCssCursors=true] Whether to adjust the classes of elements being hovered over during the drag. The default is <code>true</code>.
        * @see yfiles.view.DragSource#startDrag
        * @see yfiles.view.DragDropItem
        * @static
@@ -42172,10 +42212,10 @@ declare namespace system{
        * <li><code>yfiles-cursor-dragdrop-no-drop</code></li>
        * </ul>
        * @param {Object} options The parameters to pass.
-       * @param {HTMLElement} options.dragSource The source of the drag operation.
-       * @param {yfiles.graph.IStripe} options.stripe The stripe to drag.
-       * @param {yfiles.view.DragDropEffects} [options.dragDropEffects=yfiles.view.DragDropEffects.ALL] The allowed drag drop effects.
-       * @param {boolean} [options.useCssCursors=true] Whether to adjust the classes of elements being hovered over during the drag. The default is <code>true</code>.
+       * @param options.dragSource The source of the drag operation.
+       * @param options.stripe The stripe to drag.
+       * @param [options.dragDropEffects=yfiles.view.DragDropEffects.ALL] The allowed drag drop effects.
+       * @param [options.useCssCursors=true] Whether to adjust the classes of elements being hovered over during the drag. The default is <code>true</code>.
        * @see yfiles.view.DragSource#startDrag
        * @see yfiles.view.DragDropItem
        * @static
@@ -42192,13 +42232,13 @@ declare namespace system{
       draggedItem:yfiles.graph.IStripe;
       /**
        * Adds the given listener for the <code>StripeCreated</code> event that occurs when a new stripe gets created by this input mode.
-       * @param {function(Object, yfiles.collections.ItemEventArgs.<yfiles.graph.IStripe>): void} listener The listener to add.
+       * @param listener The listener to add.
        * @see yfiles.input.StripeDropInputMode#removeStripeCreatedListener
        */
       addStripeCreatedListener(listener:(sender:Object,evt:yfiles.collections.ItemEventArgs<yfiles.graph.IStripe>)=>void):void;
       /**
        * Removes the given listener for the <code>StripeCreated</code> event that occurs when a new stripe gets created by this input mode.
-       * @param {function(Object, yfiles.collections.ItemEventArgs.<yfiles.graph.IStripe>): void} listener The listener to remove.
+       * @param listener The listener to remove.
        * @see yfiles.input.StripeDropInputMode#addStripeCreatedListener
        */
       removeStripeCreatedListener(listener:(sender:Object,evt:yfiles.collections.ItemEventArgs<yfiles.graph.IStripe>)=>void):void;
@@ -42211,21 +42251,20 @@ declare namespace system{
      * This class is used by default by both {@link yfiles.input.ReparentStripeInputMode} and {@link yfiles.input.StripeDropInputMode} to
      * perform the actual reparenting and insertion.
      * </p>
-     * @class yfiles.input.ReparentStripePositionHandler
+     * @class
      * @implements {yfiles.input.IPositionHandler}
      */
     export interface ReparentStripePositionHandler extends Object,yfiles.input.IPositionHandler{}
     export class ReparentStripePositionHandler {
       /**
        * Creates a new instance of this position handler which moves <code>movedStripe</code>
-       * @param {yfiles.graph.IStripe} movedStripe
-       * @constructor
+       * @param movedStripe
        */
       constructor(movedStripe:yfiles.graph.IStripe);
       /**
        * 
-       * @param {yfiles.input.IInputModeContext} context
-       * @param {yfiles.geometry.Point} originalLocation
+       * @param context
+       * @param originalLocation
        */
       cancelDrag(context:yfiles.input.IInputModeContext,originalLocation:yfiles.geometry.Point):void;
       /**
@@ -42234,8 +42273,8 @@ declare namespace system{
        * The default implementation uses the return value of {@link yfiles.input.IStripeInputVisualizationHelper#getVisualCreator} with
        * type {@link yfiles.input.StripeVisualizationType#DRAG_SOURCE}.
        * </p>
-       * @param {yfiles.input.IInputModeContext} context The current input mode context
-       * @returns {yfiles.view.ICanvasObject} A canvas object that is used to visualize the target region.
+       * @param context The current input mode context
+       * @returns A canvas object that is used to visualize the target region.
        * @see yfiles.input.ReparentStripePositionHandler#updateSourceVisualization
        * @protected
        */
@@ -42246,9 +42285,9 @@ declare namespace system{
        * The default implementation uses the return value of {@link yfiles.input.IStripeInputVisualizationHelper#getVisualCreator} with
        * type {@link yfiles.input.StripeVisualizationType#DROP_TARGET}.
        * </p>
-       * @param {yfiles.input.IInputModeContext} context The current input mode context
-       * @param {yfiles.graph.IStripe} stripe The stripe for which the visualization should be created.
-       * @returns {yfiles.view.ICanvasObject} A canvas object that is used to visualize the target region.
+       * @param context The current input mode context
+       * @param stripe The stripe for which the visualization should be created.
+       * @returns A canvas object that is used to visualize the target region.
        * @see yfiles.input.ReparentStripePositionHandler#updateTargetVisualization
        * @protected
        */
@@ -42258,50 +42297,50 @@ declare namespace system{
        * <p>
        * The target region has already been determined by {@link yfiles.input.ReparentStripePositionHandler#getTargetSubregion}
        * </p>
-       * @param {yfiles.input.IInputModeContext} context The current input mode context
-       * @param {yfiles.geometry.IPoint} location The current drag location
-       * @param {yfiles.graph.IStripe} sourceStripe The stripe that is moved
-       * @param {yfiles.input.StripeSubregion} targetSubregion The stripe subregion for the target.
-       * @param {yfiles.geometry.Rect} targetBounds The target bounds
-       * @returns {yfiles.input.StripeReparentPolicy} A {@link yfiles.input.StripeReparentPolicy} that specifies the operation to perform.
+       * @param context The current input mode context
+       * @param location The current drag location
+       * @param sourceStripe The stripe that is moved
+       * @param targetSubregion The stripe subregion for the target.
+       * @param targetBounds The target bounds
+       * @returns A {@link } that specifies the operation to perform.
        * @protected
        */
       determineGesture(context:yfiles.input.IInputModeContext,location:yfiles.geometry.IPoint,sourceStripe:yfiles.graph.IStripe,targetSubregion:yfiles.input.StripeSubregion,targetBounds:yfiles.geometry.Rect):yfiles.input.StripeReparentPolicy;
       /**
        * 
-       * @param {yfiles.input.IInputModeContext} context
-       * @param {yfiles.geometry.Point} originalLocation
-       * @param {yfiles.geometry.Point} newLocation
+       * @param context
+       * @param originalLocation
+       * @param newLocation
        */
       dragFinished(context:yfiles.input.IInputModeContext,originalLocation:yfiles.geometry.Point,newLocation:yfiles.geometry.Point):void;
       /**
        * Finds the target stripe subregion at <code>location</code> and its associated owner node.
-       * @param {yfiles.geometry.Point} location The hit location.
-       * @returns {yfiles.input.StripeSubregion} A {@link yfiles.input.StripeSubregion} that lies at <code>location</code>, or null if no such region could be found.
+       * @param location The hit location.
+       * @returns A {@link } that lies at <code>location</code>, or null if no such region could be found.
        * @protected
        */
       getTargetSubregion(location:yfiles.geometry.Point):yfiles.input.StripeSubregion;
       /**
        * 
-       * @param {yfiles.input.IInputModeContext} context
-       * @param {yfiles.geometry.Point} originalLocation
-       * @param {yfiles.geometry.Point} newLocation
+       * @param context
+       * @param originalLocation
+       * @param newLocation
        */
       handleMove(context:yfiles.input.IInputModeContext,originalLocation:yfiles.geometry.Point,newLocation:yfiles.geometry.Point):void;
       /**
        * 
-       * @param {yfiles.input.IInputModeContext} context
+       * @param context
        */
       initializeDrag(context:yfiles.input.IInputModeContext):void;
       /**
        * Called whenever a change in the oldTable hierarchy occurs through this position handler
-       * @param {yfiles.graph.StripeEventArgs} evt
+       * @param evt
        * @protected
        */
       onStripeChanged(evt:yfiles.graph.StripeEventArgs):void;
       /**
        * 
-       * @param {yfiles.geometry.Point} location
+       * @param location
        */
       setPosition(location:yfiles.geometry.Point):void;
       /**
@@ -42309,11 +42348,11 @@ declare namespace system{
        * <p>
        * The default does not change <code>targetVisualization</code>.
        * </p>
-       * @param {yfiles.input.IInputModeContext} context The current input mode context.
-       * @param {yfiles.view.ICanvasObject} targetVisualization The canvas object for the target visualization
-       * @param {yfiles.graph.IStripe} targetStripe The target for the reparent gesture
-       * @param {yfiles.input.StripeReparentPolicy} reparentPosition Where to place the stripe after reparenting.
-       * @returns {yfiles.view.ICanvasObject} 
+       * @param context The current input mode context.
+       * @param targetVisualization The canvas object for the target visualization
+       * @param targetStripe The target for the reparent gesture
+       * @param reparentPosition Where to place the stripe after reparenting.
+       * @returns 
        * @protected
        */
       updateSourceVisualization(context:yfiles.input.IInputModeContext,targetVisualization:yfiles.view.ICanvasObject,targetStripe:yfiles.graph.IStripe,reparentPosition:yfiles.input.StripeReparentPolicy):yfiles.view.ICanvasObject;
@@ -42323,22 +42362,22 @@ declare namespace system{
        * The default implementation only hides <code>targetVisualization</code> iff <code>reparentPosition</code> is
        * {@link yfiles.input.StripeReparentPolicy#INVALID}.
        * </p>
-       * @param {yfiles.input.IInputModeContext} context The current input mode context.
-       * @param {yfiles.view.ICanvasObject} targetVisualization The canvas object for the target visualization.
-       * @param {yfiles.graph.IStripe} targetStripe The target for the reparent gesture.
-       * @param {yfiles.input.StripeReparentPolicy} reparentPosition The mode the describes the results of the reparent gesture.
-       * @param {yfiles.geometry.Rect} targetBounds The current visualization bounds that have been computed with
-       * {@link yfiles.input.ReparentStripePositionHandler#updateTargetVisualizationBounds}
-       * @returns {yfiles.view.ICanvasObject} 
+       * @param context The current input mode context.
+       * @param targetVisualization The canvas object for the target visualization.
+       * @param targetStripe The target for the reparent gesture.
+       * @param reparentPosition The mode the describes the results of the reparent gesture.
+       * @param targetBounds The current visualization bounds that have been computed with
+       * {@link #updateTargetVisualizationBounds}
+       * @returns 
        * @protected
        */
       updateTargetVisualization(context:yfiles.input.IInputModeContext,targetVisualization:yfiles.view.ICanvasObject,targetStripe:yfiles.graph.IStripe,reparentPosition:yfiles.input.StripeReparentPolicy,targetBounds:yfiles.geometry.Rect):yfiles.view.ICanvasObject;
       /**
        * Updates the visualization bounds for the target visualization depending on the provided values.
-       * @param {yfiles.geometry.Rect} originalTargetBounds The target bounds prior to this method call.
-       * @param {yfiles.input.StripeReparentPolicy} reparentPosition Where to place the stripe after the reparenting operations according to the reparent gesture.
-       * @param {yfiles.graph.IStripe} targetStripe The target stripe which has been determined by the input mode.
-       * @returns {yfiles.geometry.Rect} Updated bounds for the target visualization.
+       * @param originalTargetBounds The target bounds prior to this method call.
+       * @param reparentPosition Where to place the stripe after the reparenting operations according to the reparent gesture.
+       * @param targetStripe The target stripe which has been determined by the input mode.
+       * @returns Updated bounds for the target visualization.
        * @protected
        */
       updateTargetVisualizationBounds(originalTargetBounds:yfiles.geometry.Rect,reparentPosition:yfiles.input.StripeReparentPolicy,targetStripe:yfiles.graph.IStripe):yfiles.geometry.Rect;
@@ -42360,13 +42399,13 @@ declare namespace system{
       inputModeContext:yfiles.input.IInputModeContext;
       /**
        * Adds the given listener for the <code>StripeChanged</code> event that occurs when a stripe state is changed by this input mode.
-       * @param {function(Object, yfiles.graph.StripeEventArgs): void} listener The listener to add.
+       * @param listener The listener to add.
        * @see yfiles.input.ReparentStripePositionHandler#removeStripeChangedListener
        */
       addStripeChangedListener(listener:(sender:Object,evt:yfiles.graph.StripeEventArgs)=>void):void;
       /**
        * Removes the given listener for the <code>StripeChanged</code> event that occurs when a stripe state is changed by this input mode.
-       * @param {function(Object, yfiles.graph.StripeEventArgs): void} listener The listener to remove.
+       * @param listener The listener to remove.
        * @see yfiles.input.ReparentStripePositionHandler#addStripeChangedListener
        */
       removeStripeChangedListener(listener:(sender:Object,evt:yfiles.graph.StripeEventArgs)=>void):void;
@@ -42386,14 +42425,13 @@ declare namespace system{
      * <p>
      * In addition, the {@link yfiles.input.TableEditorInputMode#stripeSelection stripe selection} is optionally synchronized with the {@link yfiles.input.GraphInputMode#graphSelection}.
      * </p>
-     * @class yfiles.input.TableEditorInputMode
+     * @class
      * @extends {yfiles.input.MultiplexingInputMode}
      */
     export interface TableEditorInputMode extends yfiles.input.MultiplexingInputMode{}
     export class TableEditorInputMode {
       /**
        * Default constructor.
-       * @constructor
        */
       constructor();
       /**
@@ -42410,8 +42448,8 @@ declare namespace system{
        * event is handled or the <code>owner</code> has an {@link yfiles.input.IEditLabelHelper} requests editing an existing label instead of
        * creating a new one. In this case, this method will edit that label instead of adding a new one.
        * </p>
-       * @param {yfiles.graph.ILabelOwner} owner The item.
-       * @returns {Promise.<yfiles.graph.ILabel>} A future of the label that will be notified of the newly created label or a <code>null</code> if the creation was canceled.
+       * @param owner The item.
+       * @returns A future of the label that will be notified of the newly created label or a <code>null</code> if the creation was canceled.
        */
       addLabel(owner:yfiles.graph.ILabelOwner):Promise<yfiles.graph.ILabel>;
       /**
@@ -42421,13 +42459,13 @@ declare namespace system{
       clearSelection():void;
       /**
        * Factory method that creates the {@link yfiles.input.TableEditorInputMode#keyboardInputMode} instance.
-       * @returns {yfiles.input.ClickInputMode} 
+       * @returns 
        * @protected
        */
       createClickInputMode():yfiles.input.ClickInputMode;
       /**
        * Factory method that creates the {@link yfiles.input.TableEditorInputMode#keyboardInputMode} instance.
-       * @returns {yfiles.input.KeyboardInputMode} 
+       * @returns 
        * @protected
        */
       createKeyboardInputMode():yfiles.input.KeyboardInputMode;
@@ -42445,8 +42483,8 @@ declare namespace system{
        * event is handled or the <code>stripe</code> has an {@link yfiles.input.IEditLabelHelper} requests editing an existing label instead of
        * creating a new one. In both cases, this method will do nothing and neither adds a new label nor edits an existing one.
        * </p>
-       * @param {yfiles.graph.IStripe} stripe The item to create a new label for.
-       * @returns {Promise.<yfiles.graph.ILabel>} A future of the label that will be notified of the newly created label or a <code>null</code> if the creation was canceled.
+       * @param stripe The item to create a new label for.
+       * @returns A future of the label that will be notified of the newly created label or a <code>null</code> if the creation was canceled.
        */
       createLabel(stripe:yfiles.graph.IStripe):Promise<yfiles.graph.ILabel>;
       /**
@@ -42454,25 +42492,25 @@ declare namespace system{
        * <p>
        * This method will be called upon first access to the {@link yfiles.input.TableEditorInputMode#reparentStripeHandler} property.
        * </p>
-       * @returns {yfiles.input.IReparentStripeHandler} a new instance of {@link yfiles.input.IReparentStripeHandler}
+       * @returns a new instance of {@link }
        * @protected
        */
       createReparentStripeHandler():yfiles.input.IReparentStripeHandler;
       /**
        * Factory method that creates the {@link yfiles.input.TableEditorInputMode#reparentStripeInputMode} lazily the first time the property is accessed.
-       * @returns {yfiles.input.ReparentStripeInputMode} A plain new instance of the {@link yfiles.input.ReparentStripeInputMode} type, which is initially {@link yfiles.input.MoveInputMode#enabled enabled}.
+       * @returns A plain new instance of the {@link } type, which is initially {@link #enabled enabled}.
        * @protected
        */
       createReparentStripeInputMode():yfiles.input.ReparentStripeInputMode;
       /**
        * Factory method that creates the {@link yfiles.input.TableEditorInputMode#resizeStripeInputMode} lazily the first time the property is accessed.
-       * @returns {yfiles.input.ResizeStripeInputMode} A plain new instance of the {@link yfiles.input.ResizeStripeInputMode} type, which is initially {@link yfiles.input.ResizeStripeInputMode#enabled enabled}.
+       * @returns A plain new instance of the {@link } type, which is initially {@link #enabled enabled}.
        * @protected
        */
       createResizeStripeInputMode():yfiles.input.ResizeStripeInputMode;
       /**
        * Factory method that creates the {@link yfiles.input.TableEditorInputMode#stripeDropInputMode} lazily the first time the property is accessed.
-       * @returns {yfiles.input.StripeDropInputMode} A plain new instance of the {@link yfiles.input.StripeDropInputMode} type, which is initially {@link yfiles.input.DropInputMode#enabled disabled}.
+       * @returns A plain new instance of the {@link } type, which is initially {@link #enabled disabled}.
        * @protected
        */
       createStripeDropInputMode():yfiles.input.StripeDropInputMode;
@@ -42481,7 +42519,7 @@ declare namespace system{
        * <p>
        * By default, the {@link yfiles.view.IStripeSelection#allowMixedSelection} property is <code>false</code>.
        * </p>
-       * @returns {yfiles.view.IStripeSelection} A new {@link yfiles.view.IStripeSelection} instance.
+       * @returns A new {@link } instance.
        * @protected
        */
       createStripeSelection():yfiles.view.IStripeSelection;
@@ -42490,7 +42528,7 @@ declare namespace system{
        * <p>
        * This method will be called upon first access to the {@link yfiles.input.TableEditorInputMode#textEditorInputMode} property.
        * </p>
-       * @returns {yfiles.input.TextEditorInputMode} a new instance of {@link yfiles.input.TextEditorInputMode}
+       * @returns a new instance of {@link }
        * @protected
        */
       createTextEditorInputMode():yfiles.input.TextEditorInputMode;
@@ -42508,7 +42546,7 @@ declare namespace system{
       deleteSelection():void;
       /**
        * Deletes a single stripe
-       * @param {yfiles.graph.IStripe} stripe The stripe to delete.
+       * @param stripe The stripe to delete.
        */
       deleteStripe(stripe:yfiles.graph.IStripe):void;
       /**
@@ -42526,27 +42564,27 @@ declare namespace system{
        * {@link yfiles.input.LabelEditingEventArgs#textEditorInputModeConfigurator} property on the {@link yfiles.input.LabelEditingEventArgs}. Thus editing a label via this method cannot be prevented by event
        * handlers or {@link yfiles.input.IEditLabelHelper}s.
        * </p>
-       * @param {yfiles.graph.ILabel} label The label to edit.
-       * @returns {Promise.<yfiles.graph.ILabel>} 
+       * @param label The label to edit.
+       * @returns 
        * @see yfiles.input.TableEditorInputMode#onLabelTextEdited
        */
       editLabel(label:yfiles.graph.ILabel):Promise<yfiles.graph.ILabel>;
       /**
        * Used as a callback to find the items underneath a certain point.
-       * @param {yfiles.geometry.Point} location The location to test.
-       * @param {yfiles.graph.StripeTypes} stripeTypes An enumeration value of {@link yfiles.graph.StripeTypes} to specify the stripe type.
-       * @param {yfiles.input.StripeSubregionTypes} subregionTypes An enumeration value of {@link yfiles.input.StripeSubregionTypes} to further restrict the stripe region.
-       * @param {function(yfiles.input.StripeSubregion): boolean} [filter=null] Additional predicate to further restrict the hit test results.
-       * @returns {yfiles.input.StripeSubregion} The stripe subregions that have been found for the location or <code>null</code>.
+       * @param location The location to test.
+       * @param stripeTypes An enumeration value of {@link } to specify the stripe type.
+       * @param subregionTypes An enumeration value of {@link } to further restrict the stripe region.
+       * @param [filter=null] Additional predicate to further restrict the hit test results.
+       * @returns The stripe subregions that have been found for the location or <code>null</code>.
        */
       findStripe(location:yfiles.geometry.Point,stripeTypes:yfiles.graph.StripeTypes,subregionTypes:yfiles.input.StripeSubregionTypes,filter?:(obj:yfiles.input.StripeSubregion)=>boolean):yfiles.input.StripeSubregion;
       /**
        * Used as a callback to find the items underneath a certain point.
-       * @param {yfiles.geometry.Point} location The location to test.
-       * @param {yfiles.graph.StripeTypes} stripeTypes An enumeration value of {@link yfiles.graph.StripeTypes} to specify the stripe type.
-       * @param {yfiles.input.StripeSubregionTypes} subregionTypes An enumeration value of {@link yfiles.input.StripeSubregionTypes} to further restrict the stripe region.
-       * @param {function(yfiles.input.StripeSubregion): boolean} [filter=null] Additional predicate to further restrict the hit test results.
-       * @returns {yfiles.collections.IEnumerable.<yfiles.input.StripeSubregion>} The stripe subregions that have been found for the location.
+       * @param location The location to test.
+       * @param stripeTypes An enumeration value of {@link } to specify the stripe type.
+       * @param subregionTypes An enumeration value of {@link } to further restrict the stripe region.
+       * @param [filter=null] Additional predicate to further restrict the hit test results.
+       * @returns The stripe subregions that have been found for the location.
        */
       findStripes(location:yfiles.geometry.Point,stripeTypes:yfiles.graph.StripeTypes,subregionTypes:yfiles.input.StripeSubregionTypes,filter?:(obj:yfiles.input.StripeSubregion)=>boolean):yfiles.collections.IEnumerable<yfiles.input.StripeSubregion>;
       /**
@@ -42556,10 +42594,10 @@ declare namespace system{
        * created with an initial <code>size</code> and otherwise the default settings of the table where <code>owner</code> belongs to. If <code>size</code> is entered
        * as <code>0</code>, the owners default size is used.
        * </p>
-       * @param {yfiles.graph.IStripe} owner The parent of the new stripe.
-       * @param {number} index The index where to insert the new stripe.
-       * @param {number} [size=null] The initial size of the stripe
-       * @returns {yfiles.graph.IStripe} A new stripe at the given index.
+       * @param owner The parent of the new stripe.
+       * @param index The index where to insert the new stripe.
+       * @param [size=null] The initial size of the stripe
+       * @returns A new stripe at the given index.
        */
       insertChild(owner:yfiles.graph.IStripe,index:number,size?:number):yfiles.graph.IStripe;
       /**
@@ -42567,48 +42605,48 @@ declare namespace system{
        * <p>
        * This method determines the label owner to add to and delegates to {@link yfiles.input.TableEditorInputMode#createLabel}.
        * </p>
-       * @returns {boolean} 
+       * @returns 
        * @protected
        */
       onAddLabel():boolean;
       /**
        * Called when the {@link yfiles.input.TableEditorInputMode#clickInputMode} property value changes and after initialization of the field.
-       * @param {yfiles.input.ClickInputMode} oldMode the old value, which may be <code>null</code> the first time
-       * @param {yfiles.input.ClickInputMode} newMode the new value
+       * @param oldMode the old value, which may be <code>null</code> the first time
+       * @param newMode the new value
        * @protected
        */
       onClickInputModeChanged(oldMode:yfiles.input.ClickInputMode,newMode:yfiles.input.ClickInputMode):void;
       /**
        * Callback that gets triggered once {@link yfiles.input.TableEditorInputMode#clickInputMode} triggers the {@link yfiles.input.ClickInputMode#addClickedListener Clicked}
        * event.
-       * @param {Object} sender
-       * @param {yfiles.input.ClickEventArgs} evt
+       * @param sender
+       * @param evt
        * @protected
        */
       onClickInputModeClicked(sender:Object,evt:yfiles.input.ClickEventArgs):void;
       /**
        * Callback that gets triggered once {@link yfiles.input.TableEditorInputMode#clickInputMode} triggers the {@link yfiles.input.ClickInputMode#addDoubleClickedListener DoubleClicked}
        * event.
-       * @param {Object} sender
-       * @param {yfiles.input.ClickEventArgs} evt
+       * @param sender
+       * @param evt
        * @protected
        */
       onClickInputModeDoubleClicked(sender:Object,evt:yfiles.input.ClickEventArgs):void;
       /**
        * Raises the {@link yfiles.input.TableEditorInputMode#addDeletedItemListener DeletedItem} event.
-       * @param {yfiles.collections.ItemEventArgs.<yfiles.graph.IModelItem>} evt The instance containing the event data.
+       * @param evt The instance containing the event data.
        * @protected
        */
       onDeletedItem(evt:yfiles.collections.ItemEventArgs<yfiles.graph.IModelItem>):void;
       /**
        * Raises the {@link yfiles.input.TableEditorInputMode#addDeletedSelectionListener DeletedSelection} event.
-       * @param {yfiles.input.SelectionEventArgs.<yfiles.graph.IStripe>} evt The {@link yfiles.input.SelectionEventArgs.<T>} instance containing the event data.
+       * @param evt The {@link } instance containing the event data.
        * @protected
        */
       onDeletedSelection(evt:yfiles.input.SelectionEventArgs<yfiles.graph.IStripe>):void;
       /**
        * Raises the {@link yfiles.input.TableEditorInputMode#addDeletingSelectionListener DeletingSelection} event.
-       * @param {yfiles.input.SelectionEventArgs.<yfiles.graph.IStripe>} evt The {@link yfiles.input.SelectionEventArgs.<T>} instance containing the event data.
+       * @param evt The {@link } instance containing the event data.
        * @protected
        */
       onDeletingSelection(evt:yfiles.input.SelectionEventArgs<yfiles.graph.IStripe>):void;
@@ -42618,20 +42656,20 @@ declare namespace system{
        * This method determines the label to edit and delegates to either {@link yfiles.input.TableEditorInputMode#editLabel} or {@link yfiles.input.TableEditorInputMode#createLabel}
        * if no label could be found.
        * </p>
-       * @returns {boolean} 
+       * @returns 
        * @protected
        */
       onEditLabel():boolean;
       /**
        * Called when the {@link yfiles.input.TableEditorInputMode#keyboardInputMode} changed.
-       * @param {yfiles.input.KeyboardInputMode} oldMode The old {@link yfiles.input.TableEditorInputMode#keyboardInputMode}.
-       * @param {yfiles.input.KeyboardInputMode} newMode The new {@link yfiles.input.TableEditorInputMode#keyboardInputMode}.
+       * @param oldMode The old {@link #keyboardInputMode}.
+       * @param newMode The new {@link #keyboardInputMode}.
        * @protected
        */
       onKeyboardInputModeChanged(oldMode:yfiles.input.KeyboardInputMode,newMode:yfiles.input.KeyboardInputMode):void;
       /**
        * Raises the {@link yfiles.input.TableEditorInputMode#addLabelAddedListener LabelAdded} event.
-       * @param {yfiles.graph.LabelEventArgs} evt The {@link yfiles.collections.ItemEventArgs.<T>} instance that contains the {@link yfiles.graph.ILabel} that has been added.
+       * @param evt The {@link } instance that contains the {@link } that has been added.
        * @protected
        */
       onLabelAdded(evt:yfiles.graph.LabelEventArgs):void;
@@ -42640,7 +42678,7 @@ declare namespace system{
        * <p>
        * Invoking the event handlers stops once one event marks the <code>args</code> as handled.
        * </p>
-       * @param {yfiles.input.LabelEditingEventArgs} evt The event arguments.
+       * @param evt The event arguments.
        * @protected
        */
       onLabelAdding(evt:yfiles.input.LabelEditingEventArgs):void;
@@ -42649,13 +42687,13 @@ declare namespace system{
        * <p>
        * Invoking the event handlers stops once one event marks the <code>args</code> as handled.
        * </p>
-       * @param {yfiles.input.LabelEditingEventArgs} evt The event arguments.
+       * @param evt The event arguments.
        * @protected
        */
       onLabelEditing(evt:yfiles.input.LabelEditingEventArgs):void;
       /**
        * Raises the {@link yfiles.input.TableEditorInputMode#addLabelTextChangedListener LabelTextChanged} event.
-       * @param {yfiles.collections.ItemEventArgs.<yfiles.graph.ILabel>} evt The {@link yfiles.collections.ItemEventArgs.<T>} instance that contains the {@link yfiles.graph.ILabel} that has changed the text.
+       * @param evt The {@link } instance that contains the {@link } that has changed the text.
        * @protected
        */
       onLabelTextChanged(evt:yfiles.collections.ItemEventArgs<yfiles.graph.ILabel>):void;
@@ -42664,63 +42702,63 @@ declare namespace system{
        * <p>
        * This method {@link yfiles.input.TableEditorInputMode#addValidateLabelTextListener validates the label text} and if successful sets the label text.
        * </p>
-       * @param {yfiles.graph.ILabel} label The label that was edited.
-       * @param {string} text The new text.
+       * @param label The label that was edited.
+       * @param text The new text.
        * @protected
        */
       onLabelTextEdited(label:yfiles.graph.ILabel,text:string):void;
       /**
        * Raises the {@link yfiles.input.TableEditorInputMode#addLabelTextEditingCanceledListener LabelTextEditingCanceled}
        * event.
-       * @param {yfiles.graph.LabelEventArgs} evt The {@link yfiles.graph.LabelEventArgs} instance containing the event data.
+       * @param evt The {@link } instance containing the event data.
        * @protected
        */
       onLabelTextEditingCanceled(evt:yfiles.graph.LabelEventArgs):void;
       /**
        * Raises the {@link yfiles.input.TableEditorInputMode#addLabelTextEditingStartedListener LabelTextEditingStarted}
        * event.
-       * @param {yfiles.graph.LabelEventArgs} evt The {@link yfiles.graph.LabelEventArgs} instance containing the event data.
+       * @param evt The {@link } instance containing the event data.
        * @protected
        */
       onLabelTextEditingStarted(evt:yfiles.graph.LabelEventArgs):void;
       /**
        * Called when the {@link yfiles.input.TableEditorInputMode#reparentStripeHandler} property value changes and after initialization of the field.
-       * @param {yfiles.input.IReparentStripeHandler} oldHandler the old value, which may be <code>null</code> the first time
-       * @param {yfiles.input.IReparentStripeHandler} newHandler the new value
+       * @param oldHandler the old value, which may be <code>null</code> the first time
+       * @param newHandler the new value
        * @protected
        */
       onReparentStripeHandlerChanged(oldHandler:yfiles.input.IReparentStripeHandler,newHandler:yfiles.input.IReparentStripeHandler):void;
       /**
        * Called when the {@link yfiles.input.TableEditorInputMode#reparentStripeInputMode} property value changes and after initialization of the field.
-       * @param {yfiles.input.ReparentStripeInputMode} oldHandler the old value, which may be <code>null</code> the first time
-       * @param {yfiles.input.ReparentStripeInputMode} newHandler the new value
+       * @param oldHandler the old value, which may be <code>null</code> the first time
+       * @param newHandler the new value
        * @protected
        */
       onReparentStripeInputModeChanged(oldHandler:yfiles.input.ReparentStripeInputMode,newHandler:yfiles.input.ReparentStripeInputMode):void;
       /**
        * Called when the {@link yfiles.input.TableEditorInputMode#resizeStripeInputMode} property value changes and after initialization of the field.
-       * @param {yfiles.input.ResizeStripeInputMode} oldMode the old value, which may be <code>null</code> the first time
-       * @param {yfiles.input.ResizeStripeInputMode} newMode the new value
+       * @param oldMode the old value, which may be <code>null</code> the first time
+       * @param newMode the new value
        * @protected
        */
       onResizeStripeInputModeChanged(oldMode:yfiles.input.ResizeStripeInputMode,newMode:yfiles.input.ResizeStripeInputMode):void;
       /**
        * Called when the {@link yfiles.input.TableEditorInputMode#stripeDropInputMode} property value changes and after initialization of the field.
-       * @param {yfiles.input.StripeDropInputMode} oldMode the old value, which may be <code>null</code> the first time
-       * @param {yfiles.input.StripeDropInputMode} newMode the new value
+       * @param oldMode the old value, which may be <code>null</code> the first time
+       * @param newMode the new value
        * @protected
        */
       onStripeDropInputModeChanged(oldMode:yfiles.input.StripeDropInputMode,newMode:yfiles.input.StripeDropInputMode):void;
       /**
        * Called when the {@link yfiles.input.TableEditorInputMode#textEditorInputMode} property value changes and after initialization of the field.
-       * @param {yfiles.input.TextEditorInputMode} oldMode the old value, which may be <code>null</code> the first time
-       * @param {yfiles.input.TextEditorInputMode} newMode the new value
+       * @param oldMode the old value, which may be <code>null</code> the first time
+       * @param newMode the new value
        * @protected
        */
       onTextEditorInputModeChanged(oldMode:yfiles.input.TextEditorInputMode,newMode:yfiles.input.TextEditorInputMode):void;
       /**
        * Raises the {@link yfiles.input.TableEditorInputMode#addValidateLabelTextListener ValidateLabelText} event.
-       * @param {yfiles.input.LabelTextValidatingEventArgs} evt The {@link yfiles.input.LabelTextValidatingEventArgs} instance containing the event data.
+       * @param evt The {@link } instance containing the event data.
        * @protected
        */
       onValidateLabelText(evt:yfiles.input.LabelTextValidatingEventArgs):void;
@@ -42739,8 +42777,8 @@ declare namespace system{
        * This is overridden if the item has a {@link yfiles.input.IEditLabelHelper} that returns <code>false</code> for its {@link yfiles.input.IEditLabelHelper#onLabelAdding}
        * method.
        * </p>
-       * @param {yfiles.graph.IModelItem} item The item to query
-       * @returns {boolean} <code>true</code> iff a label may be added
+       * @param item The item to query
+       * @returns <code>true</code> iff a label may be added
        * @protected
        */
       shouldAddLabel(item:yfiles.graph.IModelItem):boolean;
@@ -42751,8 +42789,8 @@ declare namespace system{
        * This implementation deletes an item if it is of one of the {@link yfiles.input.TableEditorInputMode#deletableItems} type and if it is not the last stripe of a given type in the
        * table (e.g. the only row or the only column).
        * </p>
-       * @param {yfiles.graph.IStripe} stripe The item.
-       * @returns {boolean} Whether to delete that item.
+       * @param stripe The item.
+       * @returns Whether to delete that item.
        * @protected
        */
       shouldDelete(stripe:yfiles.graph.IStripe):boolean;
@@ -42760,8 +42798,8 @@ declare namespace system{
        * Callback method that determines whether the label or the labels of the provided item should be edited in response to a
        * command or explicit method call to {@link yfiles.input.TableEditorInputMode#editLabel} or
        * {@link yfiles.input.TableEditorInputMode#createLabel}.
-       * @param {yfiles.graph.IModelItem} item The item.
-       * @returns {boolean} Whether to edit the label or the labels for that item.
+       * @param item The item.
+       * @returns Whether to edit the label or the labels for that item.
        * @protected
        */
       shouldEditLabel(item:yfiles.graph.IModelItem):boolean;
@@ -42771,8 +42809,8 @@ declare namespace system{
        * <p>
        * This implementation unconditionally returns <code>true</code>, subclasses may override this method to adjust the behavior.
        * </p>
-       * @param {yfiles.input.ICommand} command The command to install.
-       * @returns {boolean} Whether to install this command.
+       * @param command The command to install.
+       * @returns Whether to install this command.
        * @protected
        */
       shouldInstallCommand(command:yfiles.input.ICommand):boolean;
@@ -42880,7 +42918,7 @@ declare namespace system{
        * forbidden entirely, or the properties of the added label can be changed, by setting the appropriate properties on the
        * {@link yfiles.input.LabelEditingEventArgs}. It is even possible to forbid adding a label, but edit an existing one instead.
        * </p>
-       * @param {function(Object, yfiles.input.LabelEditingEventArgs): void} listener The listener to add.
+       * @param listener The listener to add.
        * @see yfiles.input.TableEditorInputMode#removeLabelAddingListener
        */
       addLabelAddingListener(listener:(sender:Object,evt:yfiles.input.LabelEditingEventArgs)=>void):void;
@@ -42891,7 +42929,7 @@ declare namespace system{
        * forbidden entirely, or the properties of the added label can be changed, by setting the appropriate properties on the
        * {@link yfiles.input.LabelEditingEventArgs}. It is even possible to forbid adding a label, but edit an existing one instead.
        * </p>
-       * @param {function(Object, yfiles.input.LabelEditingEventArgs): void} listener The listener to remove.
+       * @param listener The listener to remove.
        * @see yfiles.input.TableEditorInputMode#addLabelAddingListener
        */
       removeLabelAddingListener(listener:(sender:Object,evt:yfiles.input.LabelEditingEventArgs)=>void):void;
@@ -42902,7 +42940,7 @@ declare namespace system{
        * entirely, or redirected to a different label, even on a different owner. In case editing existing labels is unwanted,
        * event handlers can also specify that instead of editing a label, a new one should be added.
        * </p>
-       * @param {function(Object, yfiles.input.LabelEditingEventArgs): void} listener The listener to add.
+       * @param listener The listener to add.
        * @see yfiles.input.TableEditorInputMode#removeLabelEditingListener
        */
       addLabelEditingListener(listener:(sender:Object,evt:yfiles.input.LabelEditingEventArgs)=>void):void;
@@ -42913,35 +42951,35 @@ declare namespace system{
        * entirely, or redirected to a different label, even on a different owner. In case editing existing labels is unwanted,
        * event handlers can also specify that instead of editing a label, a new one should be added.
        * </p>
-       * @param {function(Object, yfiles.input.LabelEditingEventArgs): void} listener The listener to remove.
+       * @param listener The listener to remove.
        * @see yfiles.input.TableEditorInputMode#addLabelEditingListener
        */
       removeLabelEditingListener(listener:(sender:Object,evt:yfiles.input.LabelEditingEventArgs)=>void):void;
       /**
        * Adds the given listener for the <code>LabelAdded</code> event that occurs when this mode has triggered the addition of an
        * {@link yfiles.graph.ILabel}, for instance, in response to {@link yfiles.input.TableEditorInputMode#createLabel}.
-       * @param {function(Object, yfiles.graph.LabelEventArgs): void} listener The listener to add.
+       * @param listener The listener to add.
        * @see yfiles.input.TableEditorInputMode#removeLabelAddedListener
        */
       addLabelAddedListener(listener:(sender:Object,evt:yfiles.graph.LabelEventArgs)=>void):void;
       /**
        * Removes the given listener for the <code>LabelAdded</code> event that occurs when this mode has triggered the addition of an
        * {@link yfiles.graph.ILabel}, for instance, in response to {@link yfiles.input.TableEditorInputMode#createLabel}.
-       * @param {function(Object, yfiles.graph.LabelEventArgs): void} listener The listener to remove.
+       * @param listener The listener to remove.
        * @see yfiles.input.TableEditorInputMode#addLabelAddedListener
        */
       removeLabelAddedListener(listener:(sender:Object,evt:yfiles.graph.LabelEventArgs)=>void):void;
       /**
        * Adds the given listener for the <code>LabelTextChanged</code> event that occurs when this mode has triggered the edit of an
        * {@link yfiles.graph.ILabel}, for instance, in response to {@link yfiles.input.TableEditorInputMode#editLabel}.
-       * @param {function(Object, yfiles.collections.ItemEventArgs.<yfiles.graph.ILabel>): void} listener The listener to add.
+       * @param listener The listener to add.
        * @see yfiles.input.TableEditorInputMode#removeLabelTextChangedListener
        */
       addLabelTextChangedListener(listener:(sender:Object,evt:yfiles.collections.ItemEventArgs<yfiles.graph.ILabel>)=>void):void;
       /**
        * Removes the given listener for the <code>LabelTextChanged</code> event that occurs when this mode has triggered the edit of an
        * {@link yfiles.graph.ILabel}, for instance, in response to {@link yfiles.input.TableEditorInputMode#editLabel}.
-       * @param {function(Object, yfiles.collections.ItemEventArgs.<yfiles.graph.ILabel>): void} listener The listener to remove.
+       * @param listener The listener to remove.
        * @see yfiles.input.TableEditorInputMode#addLabelTextChangedListener
        */
       removeLabelTextChangedListener(listener:(sender:Object,evt:yfiles.collections.ItemEventArgs<yfiles.graph.ILabel>)=>void):void;
@@ -42951,7 +42989,7 @@ declare namespace system{
        * <p>
        * This allows to customize the actual label editing process further.
        * </p>
-       * @param {function(Object, yfiles.collections.ItemEventArgs.<yfiles.graph.ILabel>): void} listener The listener to add.
+       * @param listener The listener to add.
        * @see yfiles.input.TableEditorInputMode#onValidateLabelText
        * @see yfiles.input.TableEditorInputMode#removeLabelTextEditingStartedListener
        */
@@ -42962,7 +43000,7 @@ declare namespace system{
        * <p>
        * This allows to customize the actual label editing process further.
        * </p>
-       * @param {function(Object, yfiles.collections.ItemEventArgs.<yfiles.graph.ILabel>): void} listener The listener to remove.
+       * @param listener The listener to remove.
        * @see yfiles.input.TableEditorInputMode#onValidateLabelText
        * @see yfiles.input.TableEditorInputMode#addLabelTextEditingStartedListener
        */
@@ -42973,7 +43011,7 @@ declare namespace system{
        * <p>
        * This allows to unconfigure temporary customizations for the actual label editing process.
        * </p>
-       * @param {function(Object, yfiles.collections.ItemEventArgs.<yfiles.graph.ILabel>): void} listener The listener to add.
+       * @param listener The listener to add.
        * @see yfiles.input.TableEditorInputMode#onValidateLabelText
        * @see yfiles.input.TableEditorInputMode#removeLabelTextEditingCanceledListener
        */
@@ -42984,7 +43022,7 @@ declare namespace system{
        * <p>
        * This allows to unconfigure temporary customizations for the actual label editing process.
        * </p>
-       * @param {function(Object, yfiles.collections.ItemEventArgs.<yfiles.graph.ILabel>): void} listener The listener to remove.
+       * @param listener The listener to remove.
        * @see yfiles.input.TableEditorInputMode#onValidateLabelText
        * @see yfiles.input.TableEditorInputMode#addLabelTextEditingCanceledListener
        */
@@ -42995,7 +43033,7 @@ declare namespace system{
        * <p>
        * Note that the {@link yfiles.input.LabelTextValidatingEventArgs#label} may only a dummy instance, i.e. not bound to a live stripe instance.
        * </p>
-       * @param {function(Object, yfiles.input.LabelTextValidatingEventArgs): void} listener The listener to add.
+       * @param listener The listener to add.
        * @see yfiles.input.TableEditorInputMode#onValidateLabelText
        * @see yfiles.input.TableEditorInputMode#removeValidateLabelTextListener
        */
@@ -43006,7 +43044,7 @@ declare namespace system{
        * <p>
        * Note that the {@link yfiles.input.LabelTextValidatingEventArgs#label} may only a dummy instance, i.e. not bound to a live stripe instance.
        * </p>
-       * @param {function(Object, yfiles.input.LabelTextValidatingEventArgs): void} listener The listener to remove.
+       * @param listener The listener to remove.
        * @see yfiles.input.TableEditorInputMode#onValidateLabelText
        * @see yfiles.input.TableEditorInputMode#addValidateLabelTextListener
        */
@@ -43045,7 +43083,7 @@ declare namespace system{
        * method starts its work and will be followed by any number of {@link yfiles.input.TableEditorInputMode#addDeletedItemListener DeletedItem}
        * events and finalized by a {@link yfiles.input.TableEditorInputMode#addDeletedSelectionListener DeletedSelection}
        * event.
-       * @param {function(Object, yfiles.input.SelectionEventArgs.<yfiles.graph.IStripe>): void} listener The listener to add.
+       * @param listener The listener to add.
        * @see yfiles.input.TableEditorInputMode#deleteSelection
        * @see yfiles.input.TableEditorInputMode#removeDeletingSelectionListener
        */
@@ -43055,28 +43093,28 @@ declare namespace system{
        * method starts its work and will be followed by any number of {@link yfiles.input.TableEditorInputMode#addDeletedItemListener DeletedItem}
        * events and finalized by a {@link yfiles.input.TableEditorInputMode#addDeletedSelectionListener DeletedSelection}
        * event.
-       * @param {function(Object, yfiles.input.SelectionEventArgs.<yfiles.graph.IStripe>): void} listener The listener to remove.
+       * @param listener The listener to remove.
        * @see yfiles.input.TableEditorInputMode#deleteSelection
        * @see yfiles.input.TableEditorInputMode#addDeletingSelectionListener
        */
       removeDeletingSelectionListener(listener:(sender:Object,evt:yfiles.input.SelectionEventArgs<yfiles.graph.IStripe>)=>void):void;
       /**
        * Adds the given listener for the <code>DeletedItem</code> event that occurs when an item has been deleted interactively by this mode.
-       * @param {function(Object, yfiles.collections.ItemEventArgs.<yfiles.graph.IModelItem>): void} listener The listener to add.
+       * @param listener The listener to add.
        * @see yfiles.input.TableEditorInputMode#removeDeletedItemListener
        */
       addDeletedItemListener(listener:(sender:Object,evt:yfiles.collections.ItemEventArgs<yfiles.graph.IModelItem>)=>void):void;
       /**
        * Removes the given listener for the <code>DeletedItem</code> event that occurs when an item has been deleted interactively by this
        * mode.
-       * @param {function(Object, yfiles.collections.ItemEventArgs.<yfiles.graph.IModelItem>): void} listener The listener to remove.
+       * @param listener The listener to remove.
        * @see yfiles.input.TableEditorInputMode#addDeletedItemListener
        */
       removeDeletedItemListener(listener:(sender:Object,evt:yfiles.collections.ItemEventArgs<yfiles.graph.IModelItem>)=>void):void;
       /**
        * Adds the given listener for the <code>DeletedSelection</code> event that occurs just before the {@link yfiles.input.TableEditorInputMode#deleteSelection}
        * method has deleted the selection after all selected items have been removed.
-       * @param {function(Object, yfiles.input.SelectionEventArgs.<yfiles.graph.IStripe>): void} listener The listener to add.
+       * @param listener The listener to add.
        * @see yfiles.input.TableEditorInputMode#deleteSelection
        * @see yfiles.input.TableEditorInputMode#removeDeletedSelectionListener
        */
@@ -43084,7 +43122,7 @@ declare namespace system{
       /**
        * Removes the given listener for the <code>DeletedSelection</code> event that occurs just before the {@link yfiles.input.TableEditorInputMode#deleteSelection}
        * method has deleted the selection after all selected items have been removed.
-       * @param {function(Object, yfiles.input.SelectionEventArgs.<yfiles.graph.IStripe>): void} listener The listener to remove.
+       * @param listener The listener to remove.
        * @see yfiles.input.TableEditorInputMode#deleteSelection
        * @see yfiles.input.TableEditorInputMode#addDeletedSelectionListener
        */
@@ -43156,7 +43194,7 @@ declare namespace system{
        * <p>
        * This is independent to {@link yfiles.input.TableEditorInputMode#clickSelectableItems}. By default, only clicks on a stripe {@link yfiles.input.StripeSubregionTypes#HEADER} are handled.
        * </p>
-       * @default 6
+       * @default yfiles.input.StripeSubregionTypes.HEADER
        * @type {yfiles.input.StripeSubregionTypes}
        */
       clickSelectableRegions:yfiles.input.StripeSubregionTypes;
@@ -43196,7 +43234,7 @@ declare namespace system{
      * The constraints are applied in addition to any constraints imposed by the {@link yfiles.input.IReshapeHandler} which is wrapped
      * by this implementation.
      * </p>
-     * @class yfiles.input.TableReshapeHandler
+     * @class
      * @implements {yfiles.input.IReshapeHandler}
      */
     export interface TableReshapeHandler extends Object,yfiles.input.IReshapeHandler{}
@@ -43210,35 +43248,34 @@ declare namespace system{
        * <p>
        * <code>table</code> should be associated to <code>tableNode</code>
        * </p>
-       * @param {yfiles.input.IReshapeHandler} coreHandler The handler that is wrapped by this instance.
-       * @param {yfiles.graph.INode} tableNode The node for which this handler is used
-       * @param {yfiles.graph.ITable} table The table that is used for additional constraints.
-       * @constructor
+       * @param coreHandler The handler that is wrapped by this instance.
+       * @param tableNode The node for which this handler is used
+       * @param table The table that is used for additional constraints.
        */
       constructor(coreHandler:yfiles.input.IReshapeHandler,tableNode:yfiles.graph.INode,table:yfiles.graph.ITable);
       /**
        * 
-       * @param {yfiles.input.IInputModeContext} context
-       * @param {yfiles.geometry.Rect} originalBounds
+       * @param context
+       * @param originalBounds
        */
       cancelReshape(context:yfiles.input.IInputModeContext,originalBounds:yfiles.geometry.Rect):void;
       /**
        * 
-       * @param {yfiles.input.IInputModeContext} context
-       * @param {yfiles.geometry.Rect} originalBounds
-       * @param {yfiles.geometry.Rect} newBounds
+       * @param context
+       * @param originalBounds
+       * @param newBounds
        */
       handleReshape(context:yfiles.input.IInputModeContext,originalBounds:yfiles.geometry.Rect,newBounds:yfiles.geometry.Rect):void;
       /**
        * 
-       * @param {yfiles.input.IInputModeContext} context
+       * @param context
        */
       initializeReshape(context:yfiles.input.IInputModeContext):void;
       /**
        * 
-       * @param {yfiles.input.IInputModeContext} context
-       * @param {yfiles.geometry.Rect} originalBounds
-       * @param {yfiles.geometry.Rect} newBounds
+       * @param context
+       * @param originalBounds
+       * @param newBounds
        */
       reshapeFinished(context:yfiles.input.IInputModeContext,originalBounds:yfiles.geometry.Rect,newBounds:yfiles.geometry.Rect):void;
       /**
@@ -43298,7 +43335,7 @@ declare namespace system{
        * stripe to the bottom or the right. This is typically the bottom border for an {@link yfiles.graph.IRow} instance and the right
        * border for an {@link yfiles.graph.IColumn}.
        * </p>
-       * @returns {yfiles.input.IHitTestable} a {@link yfiles.input.IHitTestable} that should report hits on the far border region of the stripe.
+       * @returns a {@link } that should report hits on the far border region of the stripe.
        * @see yfiles.input.StripeSubregion
        * @see yfiles.input.StripeSubregionTypes#FAR_BORDER
        * @abstract
@@ -43311,7 +43348,7 @@ declare namespace system{
        * Typically, this is the area occupied by the left insets for an {@link yfiles.graph.IRow} instance and by the top insets for an {@link yfiles.graph.IColumn}
        * instance.
        * </p>
-       * @returns {yfiles.input.IHitTestable} a {@link yfiles.input.IHitTestable} that should report hits on the header region of the stripe.
+       * @returns a {@link } that should report hits on the header region of the stripe.
        * @see yfiles.input.StripeSubregion
        * @see yfiles.input.StripeSubregionTypes#HEADER
        * @abstract
@@ -43324,7 +43361,7 @@ declare namespace system{
        * stripe to the top or the left. This is typically the upper border for an {@link yfiles.graph.IRow} instance and the left border
        * for an {@link yfiles.graph.IColumn}.
        * </p>
-       * @returns {yfiles.input.IHitTestable} a {@link yfiles.input.IHitTestable} that should report hits on the near border region of the stripe.
+       * @returns a {@link } that should report hits on the near border region of the stripe.
        * @see yfiles.input.StripeSubregion
        * @see yfiles.input.StripeSubregionTypes#NEAR_BORDER
        * @abstract
@@ -43332,7 +43369,7 @@ declare namespace system{
       getNearBorderHitTestable():yfiles.input.IHitTestable;
       /**
        * Return a {@link yfiles.input.IHitTestable} that should report hits on the whole stripe.
-       * @returns {yfiles.input.IHitTestable} a {@link yfiles.input.IHitTestable} that should report hits on the whole stripe.
+       * @returns a {@link } that should report hits on the whole stripe.
        * @see yfiles.input.StripeSubregion
        * @see yfiles.input.StripeSubregionTypes#STRIPE
        * @abstract
@@ -43345,7 +43382,7 @@ declare namespace system{
        * Typically, this is the area occupied by the right insets for an {@link yfiles.graph.IRow} instance and by the bottom insets for
        * an {@link yfiles.graph.IColumn} instance.
        * </p>
-       * @returns {yfiles.input.IHitTestable} a {@link yfiles.input.IHitTestable} that should report hits on the header region of the stripe.
+       * @returns a {@link } that should report hits on the header region of the stripe.
        * @see yfiles.input.StripeSubregion
        * @see yfiles.input.StripeSubregionTypes#HEADER
        * @abstract
@@ -43425,16 +43462,15 @@ declare namespace system{
      * <p>
      * Instances of this class are returned by the default {@link yfiles.input.StripeHitTester} implementation.
      * </p>
-     * @class yfiles.input.StripeSubregion
+     * @class
      * @final
      */
     export interface StripeSubregion extends Object{}
     export class StripeSubregion {
       /**
        * Create a new instance that describes the specific subregion.
-       * @param {yfiles.input.StripeSubregionTypes} subregionType The specific subregion
-       * @param {yfiles.graph.IStripe} stripe The stripe
-       * @constructor
+       * @param subregionType The specific subregion
+       * @param stripe The stripe
        */
       constructor(subregionType:yfiles.input.StripeSubregionTypes,stripe:yfiles.graph.IStripe);
       /**
@@ -43462,22 +43498,21 @@ declare namespace system{
      * predefined template keys in the application resources. If you want to override the visualization for a specific stripe
      * only, assign a different {@link yfiles.view.IVisualTemplate} to the instance that is already present in the stripe's lookup.
      * </p>
-     * @class yfiles.input.DefaultStripeInputVisualizationHelper
+     * @class
      * @implements {yfiles.input.IStripeInputVisualizationHelper}
      */
     export interface DefaultStripeInputVisualizationHelper extends Object,yfiles.input.IStripeInputVisualizationHelper{}
     export class DefaultStripeInputVisualizationHelper {
       /**
        * Default constructor
-       * @param {yfiles.graph.IStripe} stripe The stripe for which the visualizations are intended
-       * @constructor
+       * @param stripe The stripe for which the visualizations are intended
        */
       constructor(stripe:yfiles.graph.IStripe);
       /**
        * Provide a {@link yfiles.view.IVisualTemplate} that is used to visualize <code>type</code>.
-       * @param {yfiles.input.IInputModeContext} context The input mode context. Allows you to access the {@link yfiles.view.CanvasComponent} to retrieve the resources.
-       * @param {yfiles.input.StripeVisualizationType} type The visualization type
-       * @returns {yfiles.view.IVisualTemplate} A {@link yfiles.view.IVisualTemplate} that is used to visualize <code>type</code>.
+       * @param context The input mode context. Allows you to access the {@link } to retrieve the resources.
+       * @param type The visualization type
+       * @returns A {@link } that is used to visualize <code>type</code>.
        * @protected
        */
       findTemplate(context:yfiles.input.IInputModeContext,type:yfiles.input.StripeVisualizationType):yfiles.view.IVisualTemplate;
@@ -43486,10 +43521,10 @@ declare namespace system{
        * <p>
        * This implementation uses {@link yfiles.view.IVisualTemplate}s for the actual visualization.
        * </p>
-       * @param {yfiles.input.IInputModeContext} context The input mode context which provides further information.
-       * @param {yfiles.graph.INode} tableNode The node where the stripe's owner is currently bound to.
-       * @param {yfiles.input.StripeVisualizationType} type The actual visualization type
-       * @returns {yfiles.view.IVisualCreator} A {@link yfiles.view.IVisualCreator} instance that renders a representation for the current operation.
+       * @param context The input mode context which provides further information.
+       * @param tableNode The node where the stripe's owner is currently bound to.
+       * @param type The actual visualization type
+       * @returns A {@link } instance that renders a representation for the current operation.
        * @see yfiles.input.DefaultStripeInputVisualizationHelper#resizeStripeTemplate
        */
       getVisualCreator(context:yfiles.input.IInputModeContext,tableNode:yfiles.graph.INode,type:yfiles.input.StripeVisualizationType):yfiles.view.IVisualCreator;
@@ -43506,7 +43541,7 @@ declare namespace system{
        */
       static RESIZE_STRIPE_TEMPLATE_KEY:string;
       /**
-       * Data template that is used to visualize the current stripe resize operation.
+       * {@link yfiles.view.IVisualTemplate} that is used to visualize the current stripe resize operation.
        * <p>
        * This template is used for {@link yfiles.input.StripeVisualizationType#RESIZE}
        * </p>
@@ -43527,7 +43562,7 @@ declare namespace system{
        */
       static SELECTED_STRIPE_TEMPLATE_KEY:string;
       /**
-       * Data template that is used to visualize the current stripe resize operation.
+       * {@link yfiles.view.IVisualTemplate} that is used to visualize the current stripe resize operation.
        * <p>
        * This template is used for {@link yfiles.input.StripeVisualizationType#SELECTION}
        * </p>
@@ -43548,7 +43583,7 @@ declare namespace system{
        */
       static DRAG_SOURCE_STRIPE_TEMPLATE_KEY:string;
       /**
-       * Data template that is used to visualize the current source of a stripe reparent operation.
+       * {@link yfiles.view.IVisualTemplate} that is used to visualize the current source of a stripe reparent operation.
        * <p>
        * This template is used for {@link yfiles.input.StripeVisualizationType#DRAG_SOURCE}
        * </p>
@@ -43569,7 +43604,7 @@ declare namespace system{
        */
       static DROP_TARGET_STRIPE_TEMPLATE_KEY:string;
       /**
-       * Data template that is used to visualize the current target of a stripe reparent operation.
+       * {@link yfiles.view.IVisualTemplate} that is used to visualize the current target of a stripe reparent operation.
        * <p>
        * This template is used for {@link yfiles.input.StripeVisualizationType#DROP_TARGET}
        * </p>
@@ -43611,10 +43646,10 @@ declare namespace system{
     export interface IStripeInputVisualizationHelper extends Object{
       /**
        * Return an {@link yfiles.view.IVisualCreator} that is used to visualize the input operation specified by <code>type</code>.
-       * @param {yfiles.input.IInputModeContext} context The input mode context which provides further information.
-       * @param {yfiles.graph.INode} tableNode The node where the stripe's owner is currently bound to.
-       * @param {yfiles.input.StripeVisualizationType} type The actual visualization type
-       * @returns {yfiles.view.IVisualCreator} A {@link yfiles.view.IVisualCreator} instance that renders a representation for the current operation.
+       * @param context The input mode context which provides further information.
+       * @param tableNode The node where the stripe's owner is currently bound to.
+       * @param type The actual visualization type
+       * @returns A {@link } instance that renders a representation for the current operation.
        * @abstract
        */
       getVisualCreator(context:yfiles.input.IInputModeContext,tableNode:yfiles.graph.INode,type:yfiles.input.StripeVisualizationType):yfiles.view.IVisualCreator;
@@ -43625,17 +43660,16 @@ declare namespace system{
     };
     /**
      * Support class that allows to iterate over hits on table elements or subregions of table elements.
-     * @class yfiles.input.StripeHitTester
+     * @class
      */
     export interface StripeHitTester extends Object{}
     export class StripeHitTester {
       /**
        * Create a new instance for a specific table instance that use the order specified by <code>tableRenderingOrder</code> to determine the
        * order of the hit test results.
-       * @param {yfiles.graph.ITable} table The table to use
-       * @param {yfiles.styles.TableRenderingOrder} tableRenderingOrder The hit test order. This determines the order in which stripes are returned by
-       * {@link yfiles.input.StripeHitTester#enumerateHits}
-       * @constructor
+       * @param table The table to use
+       * @param tableRenderingOrder The hit test order. This determines the order in which stripes are returned by
+       * {@link #enumerateHits}
        */
       constructor(table:yfiles.graph.ITable,tableRenderingOrder:yfiles.styles.TableRenderingOrder);
       /**
@@ -43653,10 +43687,10 @@ declare namespace system{
        * returned before a hit on the whole stripe.
        * </li>
        * </ol>
-       * @param {yfiles.input.IInputModeContext} context The input mode context to use.
-       * @param {yfiles.geometry.Point} location The location in absolute coordinates.
-       * @param {yfiles.graph.INode} node The node where the table instance is currently bound to.
-       * @returns {yfiles.collections.IEnumerable.<yfiles.input.StripeSubregion>} A collection of {@link yfiles.input.StripeSubregion}s at <code>location</code>
+       * @param context The input mode context to use.
+       * @param location The location in absolute coordinates.
+       * @param node The node where the table instance is currently bound to.
+       * @returns A collection of {@link }s at <code>location</code>
        */
       enumerateHits(context:yfiles.input.IInputModeContext,location:yfiles.geometry.Point,node:yfiles.graph.INode):yfiles.collections.IEnumerable<yfiles.input.StripeSubregion>;
       /**
@@ -43690,1101 +43724,10 @@ declare namespace system{
       $class:yfiles.lang.Class;
       isInstance(o:Object):boolean;
     };
-    /**
-     * A group of {@link yfiles.graph.IUndoUnit}s that are undone/redone as a single unit.
-     * <p>
-     * Clients can use this class to build an {@link yfiles.graph.IUndoUnit} that groups together multiple {@link yfiles.graph.IUndoUnit}s. The
-     * {@link yfiles.graph.IUndoUnit}s added to this unit are undone/redone in the order in which they were added. This implementation
-     * will try to {@link yfiles.graph.IUndoUnit#tryMergeUnit merge} or {@link yfiles.graph.IUndoUnit#tryReplaceUnit replace} units that are {@link yfiles.graph.CompositeUndoUnit#add added}.
-     * </p>
-     * @class yfiles.graph.CompositeUndoUnit
-     * @implements {yfiles.graph.IUndoUnit}
-     */
-    export interface CompositeUndoUnit extends Object,yfiles.graph.IUndoUnit{}
-    export class CompositeUndoUnit {
-      /**
-       * Creates a new instance using the provided names.
-       * @param {string} [undoName=null]
-       * @param {string} [redoName=null]
-       * @constructor
-       */
-      constructor(undoName?:string,redoName?:string);
-      /**
-       * Creates a new instance using the provided names.
-       * @param {Object} options The parameters to pass.
-       * @param {string} [options.undoName=null]
-       * @param {string} [options.redoName=null]
-       * @constructor
-       */
-      constructor(options:{undoName?:string,redoName?:string});
-      /**
-       * Adds a new {@link yfiles.graph.IUndoUnit} to the queue.
-       * @param {yfiles.graph.IUndoUnit} unit The unit of work to add.
-       */
-      add(unit:yfiles.graph.IUndoUnit):void;
-      /**
-       * Determines whether a call to {@link yfiles.graph.CompositeUndoUnit#redo} can be made.
-       * @returns {boolean} 
-       */
-      canRedo():boolean;
-      /**
-       * Determines whether a call to {@link yfiles.graph.CompositeUndoUnit#undo} can be made.
-       * @returns {boolean} 
-       */
-      canUndo():boolean;
-      /**
-       * Clears the internal collection of units.
-       */
-      clear():void;
-      /**
-       * Disposes this unit and all of its contents.
-       * <p>
-       * This unit cannot be used anymore after this has been invoked.
-       * </p>
-       */
-      dispose():void;
-      /**
-       * Redoes the next {@link yfiles.graph.IUndoUnit}.
-       * @throws {Stubs.Exceptions.NotSupportedError} If an undo operation is already in progress.
-       * @throws {yfiles.lang.Exception} If {@link yfiles.graph.CompositeUndoUnit#canRedo} would yield <code>false</code>.
-       */
-      redo():void;
-      /**
-       * Tries to remove a given unit from this compound unit.
-       * <p>
-       * This method will throw an exception if this unit has been undone or an undo or redo is in progress or this unit has
-       * already been disposed. This method will not automatically {@link yfiles.graph.IUndoUnit#dispose Dispose} removed units.
-       * </p>
-       * @param {yfiles.graph.IUndoUnit} unit The unit to remove.
-       * @returns {boolean} <code>true</code> iff the unit has been removed from this instance.
-       */
-      removeUnit(unit:yfiles.graph.IUndoUnit):boolean;
-      /**
-       * Undoes the next {@link yfiles.graph.IUndoUnit}.
-       * @throws {Stubs.Exceptions.NotSupportedError} If an undo operation is already in progress.
-       * @throws {yfiles.lang.Exception} If {@link yfiles.graph.CompositeUndoUnit#canUndo} would yield <code>false</code>.
-       */
-      undo():void;
-      /**
-       * Yields the number of units that are contained in this compound unit.
-       * @type {number}
-       */
-      count:number;
-      /**
-       * Returns the current redo name.
-       * @type {string}
-       */
-      redoName:string;
-      /**
-       * Returns the current redo name.
-       * @type {string}
-       */
-      undoName:string;
-      /**
-       * Determines whether this instance has been {@link yfiles.graph.CompositeUndoUnit#dispose disposed.}
-       * <p>
-       * An instance that has been disposed cannot be {@link yfiles.graph.CompositeUndoUnit#undo undone} or {@link yfiles.graph.CompositeUndoUnit#redo redone}.
-       * </p>
-       * @type {boolean}
-       */
-      disposed:boolean;
-      static $class:yfiles.lang.Class;
-    }
-    /**
-     * This interface is a means to bracket several
-     * {@link yfiles.graph.IUndoUnit}s, that is a collection of units that are treated as one (e.g. they are always undone or redone as
-     * a single unit).
-     * <p>
-     * {@link yfiles.graph.ICompoundEdit}s have two states: <i>active</i> and <i>settled</i>. Whenever an {@link yfiles.graph.ICompoundEdit} is retrieved from the {@link yfiles.graph.UndoEngine}
-     * or the graph instance, it automatically is <i>active</i>. While an edit is in the <i>active</i> state, it gathers {@link yfiles.graph.IUndoUnit}s until
-     * the {@link yfiles.graph.ICompoundEdit#commit} or {@link yfiles.graph.ICompoundEdit#cancel} methods are called. Calling the {@link yfiles.graph.ICompoundEdit#commit}
-     * method commits all gathered {@link yfiles.graph.IUndoUnit}s to the {@link yfiles.graph.UndoEngine}, while canceling will {@link yfiles.graph.IUndoUnit#dispose dispose} them.
-     * Calling either method will put the edit in the <i>settled</i> state. In this state, the edit does not gather units anymore and is not
-     * reusable.
-     * </p>
-     * <p>
-     * {@link yfiles.graph.ICompoundEdit}s can also be nested, in this case the changes of the inner edit are not committed directly to
-     * the {@link yfiles.graph.UndoEngine} but to the outer edit. Only when the outer edit is committed, the units are committed to the
-     * {@link yfiles.graph.UndoEngine}.
-     * </p>
-     * @see yfiles.graph.UndoEngine
-     * @see yfiles.graph.IUndoUnit
-     * @interface
-     */
-    export interface ICompoundEdit extends Object{
-      /**
-       * This method cancels the compound editing process.
-       * <p>
-       * The recorded {@link yfiles.graph.IUndoUnit}s are {@link yfiles.graph.IUndoUnit#dispose disposed} and the edit is not usable anymore.
-       * </p>
-       * @abstract
-       */
-      cancel():void;
-      /**
-       * This method commits the compound editing process.
-       * <p>
-       * The {@link yfiles.graph.IUndoUnit}s are enqueued into the corresponding {@link yfiles.graph.UndoEngine} instance and the edit is not
-       * usable anymore.
-       * </p>
-       * @abstract
-       */
-      commit():void;
-    }
-    var ICompoundEdit:{
-      $class:yfiles.lang.Class;
-      isInstance(o:Object):boolean;
-    };
-    /**
-     * The basic lookup interface that allows for retrieving implementations for different aspects of the current instance.
-     * <p>
-     * The lookup idiom allows for dynamically providing, adding, changing, and removing implementation aspects of an instance
-     * that would not be possible to achieve using ordinary object oriented methods.
-     * </p>
-     * @interface
-     */
-    export interface ILookup extends Object{
-      /**
-       * Returns an instance that implements the given type or <code>null</code>.
-       * <p>
-       * Typically, this method will be called in order to obtain a different view or aspect of the current instance. This is
-       * quite similar to casting or using a super type or interface of this instance, but is not limited to inheritance or
-       * compile time constraints. An instance implementing this method is not required to return non-<code>null</code> implementations for
-       * the types, nor does it have to return the same instance any time. Also it depends on the type and context whether the
-       * instance returned stays up to date or needs to be reobtained for subsequent use.
-       * </p>
-       * @param {yfiles.lang.Class} type the type for which an instance shall be returned
-       * @returns {Object} an instance that is assignable to type or <code>null</code>
-       * @abstract
-       */
-      lookup(type:yfiles.lang.Class):Object;
-    }
-    var ILookup:{
-      /**
-       * Creates a lookup implementation that wraps an existing <code>ILookup</code> instance using an additional lookup implementations.
-       * <p>
-       * For each lookup call that the <code>additionalLookup</code> would yield <code>null</code>, the <code>basicLookup</code> will be queried instead.
-       * </p>
-       * @param {yfiles.graph.ILookup} basicLookup the fallback lookup implementation
-       * @param {yfiles.graph.ILookup} additionalLookup the lookup that has precedence over the fallback
-       * @returns {yfiles.graph.ILookup} an implementation that decorates the first with the latter
-       * @static
-       */
-      createCascadingLookup?(basicLookup:yfiles.graph.ILookup,additionalLookup:yfiles.graph.ILookup):yfiles.graph.ILookup;
-      /**
-       * Creates a dynamic lookup implementation that for each type that the given subject can be assigned to yields that
-       * subject.
-       * @param {Object} subject the subject to yield if it is assignable to the type in the lookup query
-       * @returns {yfiles.graph.ILookup} an instance that will either yield <code>subject</code> or <code>null</code>
-       * @static
-       */
-      createDynamicLookup?(subject:Object):yfiles.graph.ILookup;
-      /**
-       * Creates a simple mutable {@link yfiles.graph.ILookup} implementation that is backed by an {@link yfiles.collections.IMap.<TKey,TValue>}.
-       * <p>
-       * The {@link yfiles.graph.ILookup#lookup lookup} method uses the specified type as key when delegating to the <code>backingDictionary</code>.
-       * </p>
-       * @param {yfiles.collections.Map.<yfiles.lang.Class,Object>} backingDictionary The backing {@link yfiles.collections.Map.<TKey,TValue>} that is used in the {@link yfiles.graph.ILookup#lookup lookup} calls.
-       * @returns {yfiles.graph.ILookup} A simple mutable {@link yfiles.graph.ILookup} implementation that is backed by a dictionary.
-       * @static
-       */
-      createMapLookup?(backingDictionary:yfiles.collections.Map<yfiles.lang.Class,Object>):yfiles.graph.ILookup;
-      /**
-       * Creates a simple lookup implementation that yields <code>subject</code> if <code>type</code> is queried.
-       * @param {Object} subject the subject to yield
-       * @param {yfiles.lang.Class} type the type that should yield the subject
-       * @returns {yfiles.graph.ILookup} an ILookup implementation
-       * @static
-       */
-      createSingleLookup?(subject:Object,type:yfiles.lang.Class):yfiles.graph.ILookup;
-      /**
-       * An <code>ILookup</code> instance that always returns <code>null</code>.
-       * @const
-       * @static
-       * @type {yfiles.graph.ILookup}
-       */
-      EMPTY?:yfiles.graph.ILookup;
-      $class:yfiles.lang.Class;
-      isInstance(o:Object):boolean;
-    };
-    /**
-     * An interface for instances that can provide a {@link yfiles.graph.ILookup} capabilities for a given object.
-     * <p>
-     * This is useful in the case where lookup functionality is not intrinsic to an item or where an existing object cannot
-     * implement the interface or when an item needs to be decorated externally with new lookup functionality.
-     * </p>
-     * @see yfiles.graph.ILookup
-     * @interface
-     */
-    export interface IContextLookup extends Object{
-      /**
-       * Tries to create or retrieve an implementation of the given type for a given item.
-       * @param {Object} item the item to lookup a type for
-       * @param {yfiles.lang.Class} type the type to look up
-       * @returns {Object} an implementation or <code>null</code>
-       * @see yfiles.graph.ILookup#lookup
-       * @abstract
-       */
-      contextLookup(item:Object,type:yfiles.lang.Class):Object;
-    }
-    var IContextLookup:{
-      /**
-       * An <code>ILookupContext</code> instance that always returns <code>null</code>.
-       * @const
-       * @static
-       * @type {yfiles.graph.IContextLookup}
-       */
-      EMPTY_CONTEXT_LOOKUP?:yfiles.graph.IContextLookup;
-      $class:yfiles.lang.Class;
-      isInstance(o:Object):boolean;
-    };
-    /**
-     * An interface for instances that can be used to chain lookup operations.
-     * <p>
-     * Implementations will perform the lookup in the {@link yfiles.graph.IContextLookup#contextLookup} method and delegate to the next
-     * implementation in the chain if they cannot satisfy the request.
-     * </p>
-     * @interface
-     * @implements {yfiles.graph.IContextLookup}
-     */
-    export interface IContextLookupChainLink extends Object,yfiles.graph.IContextLookup{
-      /**
-       * This method is called by the framework to register the fallback lookup implementation that should be used during a call
-       * to {@link yfiles.graph.IContextLookup#contextLookup}.
-       * <p>
-       * If the implementation cannot satisfy the query, it will use the provided context as a fallback. Note that
-       * implementations can also use the results returned by the next lookup and decorate it appropriately.
-       * </p>
-       * @param {yfiles.graph.IContextLookup} next The context to use as a fallback.
-       * @abstract
-       */
-      setNext(next:yfiles.graph.IContextLookup):void;
-    }
-    var IContextLookupChainLink:{
-      /**
-       * Factory method for a lookup chain element that simply adds an entry to a lookup chain.
-       * @param {yfiles.lang.Class} type The type to add to the lookup.
-       * @param {Object} instance The instance to return if the <code>type</code> is being looked up.
-       * @returns {yfiles.graph.IContextLookupChainLink} An instance that can be used in a lookup chain.
-       * @static
-       */
-      addingLookupChainLink?(type:yfiles.lang.Class,instance:Object):yfiles.graph.IContextLookupChainLink;
-      /**
-       * Factory method for a lookup chain element that adds an {@link yfiles.graph.ILookup} layer to a lookup chain.
-       * <p>
-       * If the lookup returns <code>null</code>, the call will be propagated to the chain.
-       * </p>
-       * @param {yfiles.graph.ILookup} lookup The lookup to use.
-       * @returns {yfiles.graph.IContextLookupChainLink} An instance that can be used in a lookup chain.
-       * @static
-       */
-      addingLookupChainLink?(lookup:yfiles.graph.ILookup):yfiles.graph.IContextLookupChainLink;
-      /**
-       * Factory method for a lookup chain element that adds an dynamic instance to a lookup chain.
-       * <p>
-       * The instance returned will check whether <code>instance</code> is of the queried type and will then return the instance.
-       * </p>
-       * @param {Object} instance The instance to query the type from dynamically.
-       * @returns {yfiles.graph.IContextLookupChainLink} An instance that can be used in a lookup chain.
-       * @static
-       */
-      addingLookupChainLink?(instance:Object):yfiles.graph.IContextLookupChainLink;
-      /**
-       * Creates a lookup chain link that is backed by the given callback.
-       * <p>
-       * If the callback returns <code>null</code> the request is passed to the chain.
-       * </p>
-       * @param {function(Object, yfiles.lang.Class): Object} callback The callback to invoke.
-       * @returns {yfiles.graph.IContextLookupChainLink} The implementation of the link that uses the callback.
-       * @static
-       */
-      createContextLookupChainLink?(callback:(subject:Object,type:yfiles.lang.Class)=>Object):yfiles.graph.IContextLookupChainLink;
-      /**
-       * Factory method for a lookup chain element that uses a function of type <code>function(</code><code>TContext</code><code>)</code> to yield a <code>TResult</code> for a specific <code>TContext</code>.
-       * <p>
-       * If the resulting link is {@link yfiles.graph.IContextLookup#contextLookup queried} for <code>TResult</code> and the context is of type <code>TContext</code>, the <code>factory</code> method will be queried and the result
-       * will be returned. Otherwise the {@link yfiles.graph.IContextLookupChainLink#setNext next} chain link will be delegated the request to.
-       * </p>
-       * Type parameter <code>TContext</code>.
-       * Type parameter <code>TResult</code>.
-       * @param {function(TContext): TResult} factory The factory delegate to use that yields the result for a given context.
-       * @returns {yfiles.graph.IContextLookupChainLink} An instance that can be used in a lookup chain.
-       * @template TContext,TResult
-       * @static
-       */
-      factoryLookupChainLink?<TContext,TResult>(contextType:yfiles.lang.Class,resultType:yfiles.lang.Class,factory:(arg:TContext)=>TResult):yfiles.graph.IContextLookupChainLink;
-      /**
-       * Factory method for a lookup chain element that removes the entry from the lookup chain for a given type.
-       * @param {yfiles.lang.Class} type The type to hide from the lookup.
-       * @returns {yfiles.graph.IContextLookupChainLink} An instance that can be used in a lookup chain.
-       * @static
-       */
-      hidingLookupChainLink?(type:yfiles.lang.Class):yfiles.graph.IContextLookupChainLink;
-      $class:yfiles.lang.Class;
-      isInstance(o:Object):boolean;
-    };
-    /**
-     * Interface that can be used to decorate the lookup result for a set of types.
-     * @see yfiles.graph.ILookup
-     * @see yfiles.graph.IContextLookupChainLink
-     * @interface
-     */
-    export interface ILookupDecorator extends Object{
-      /**
-       * Adds a lookup implementation for a given type using a function of type <code>function(TContext, TResult)</code>.
-       * <p>
-       * This method is closely related to the {@link yfiles.graph.ILookupDecorator#add} method, however it passes the result of the
-       * remaining chain to the delegate for convenient wrapping of the result. Note that if the implementation does not depend
-       * on the previous result in order to wrap it, it is better to use that variant, in order to avoid the possibly costly
-       * evaluation of the remainder of the lookup chain.
-       * </p>
-       * Type parameter <code>TContext</code>: The type of the context subject.
-       * Type parameter <code>TResult</code>: The type of the query, which is a base type or the type of the result.
-       * @param {function(TContext, TResult): TResult} wrapperFactory The factory delegate that will be used to satisfy queries of type <code>TResult</code>
-       * @param {boolean} [decorateNull=true] Whether to actually decorate <code>null</code> results of remainder of the chain. If this is set to <code>false</code>, the <code>wrapperFactory</code> will
-       * never be called with <code>null</code> as the second argument but the result of the query for this chain link will be the <code>null</code>
-       * value.
-       * @returns {yfiles.graph.IContextLookupChainLink} The {@link yfiles.graph.IContextLookupChainLink} instance as returned by the {@link yfiles.graph.ILookupDecorator#addLookup} call or
-       * <code>null</code>, if either <code>decorator</code> was <code>null</code>, or it {@link yfiles.graph.ILookupDecorator#canDecorate could not decorate} the <code>TContext</code> type.
-       * @template TContext,TResult
-       */
-      add?<TContext,TResult>(contextType:yfiles.lang.Class,resultType:yfiles.lang.Class,wrapperFactory:(arg1:TContext,arg2:TResult)=>TResult,decorateNull?:boolean):yfiles.graph.IContextLookupChainLink;
-      /**
-       * Adds a lookup implementation for a given type using a func.
-       * Type parameter <code>TContext</code>: The type of the context subject.
-       * Type parameter <code>TResult</code>: The type of the query, which is a base type or the type of the result.
-       * @param {function(TContext): TResult} factory The factory delegate that will be used to satisfy queries of type <code>TResult</code>.
-       * @param {boolean} [nullIsFallback=true] Whether to treat <code>null</code>-results of the <code>factory</code> as hints to use the remainder of the chain link or to actually yield the
-       * value as the final result.
-       * @returns {yfiles.graph.IContextLookupChainLink} The {@link yfiles.graph.IContextLookupChainLink} instance as returned by the {@link yfiles.graph.ILookupDecorator#addLookup} call or
-       * <code>null</code>, if either <code>decorator</code> was <code>null</code>, or it {@link yfiles.graph.ILookupDecorator#canDecorate could not decorate} the <code>TContext</code> type.
-       * @template TContext,TResult
-       */
-      add?<TContext,TResult>(contextType:yfiles.lang.Class,resultType:yfiles.lang.Class,factory:(arg:TContext)=>TResult,nullIsFallback?:boolean):yfiles.graph.IContextLookupChainLink;
-      /**
-       * Add a lookup implementation for a given type that always yields a constant result.
-       * Type parameter <code>TContext</code>: The type of the context subject.
-       * Type parameter <code>TResult</code>: The type of the query, which is a base type or the type of the result.
-       * @param {TResult} result The constant value to yield if the chain is queried for an implementation of type <code>TResult</code>.
-       * @returns {yfiles.graph.IContextLookupChainLink} The {@link yfiles.graph.IContextLookupChainLink} instance as returned by the {@link yfiles.graph.ILookupDecorator#addLookup} call or
-       * <code>null</code>, if either <code>decorator</code> was <code>null</code>, or it {@link yfiles.graph.ILookupDecorator#canDecorate could not decorate} the <code>TContext</code> type.
-       * @template TContext,TResult
-       */
-      addConstant?<TContext,TResult>(contextType:yfiles.lang.Class,resultType:yfiles.lang.Class,result:TResult):yfiles.graph.IContextLookupChainLink;
-      /**
-       * Adds a lookup chain element to the chain of lookups for a given type.
-       * <p>
-       * The lookup chain is context specific. This method will not generally decorate the lookup of all instances of type <code>t</code>, but
-       * only those that stand in context of this instance. This method will only succeed if {@link yfiles.graph.ILookupDecorator#canDecorate}
-       * yields <code>true</code> for <code>t</code>.
-       * </p>
-       * @param {yfiles.lang.Class} t The type to decorate the lookup.
-       * @param {yfiles.graph.IContextLookupChainLink} lookup The chain element to add to the lookup of the given type.
-       * @see yfiles.graph.ILookupDecorator#removeLookup
-       * @see yfiles.graph.ILookupDecorator#add
-       * @see yfiles.graph.ILookupDecorator#add
-       * @see yfiles.graph.ILookupDecorator#addConstant
-       * @abstract
-       */
-      addLookup(t:yfiles.lang.Class,lookup:yfiles.graph.IContextLookupChainLink):void;
-      /**
-       * Determines whether this instance can be used to decorate the lookup for a certain type.
-       * @param {yfiles.lang.Class} t The type to decorate the lookup for.
-       * @returns {boolean} 
-       * @abstract
-       */
-      canDecorate(t:yfiles.lang.Class):boolean;
-      /**
-       * Removes a previously registered lookup chain element from the chain of lookups for a given type.
-       * @param {yfiles.lang.Class} t The type to remove the decorator from.
-       * @param {yfiles.graph.IContextLookupChainLink} lookup The chain element to remove from the lookup of the given type.
-       * @see yfiles.graph.ILookupDecorator#addLookup
-       * @abstract
-       */
-      removeLookup(t:yfiles.lang.Class,lookup:yfiles.graph.IContextLookupChainLink):void;
-    }
-    var ILookupDecorator:{
-      $class:yfiles.lang.Class;
-      isInstance(o:Object):boolean;
-    };
-    /**
-     * Interface implemented by items that can be tagged with arbitrary objects.
-     * <p>
-     * The object held by implementations of this interface is usually a user defined object. Implementations don't depend on
-     * this tag. They just serve as a storage for the tag that will be used by other parts of the implementation.
-     * </p>
-     * @interface
-     */
-    export interface ITagOwner extends Object{
-      /**
-       * Gets or sets the tag associated with this instance.
-       * <p>
-       * The implementation itself does not normally depend on the tag associated with it. It serves as storage for the object
-       * only.
-       * </p>
-       * @abstract
-       * @type {Object}
-       */
-      tag:Object;
-    }
-    var ITagOwner:{
-      $class:yfiles.lang.Class;
-      isInstance(o:Object):boolean;
-    };
-    /**
-     * An implementation of a chain of {@link yfiles.graph.IContextLookupChainLink}s.
-     * @class yfiles.graph.LookupChain
-     * @implements {yfiles.graph.IContextLookup}
-     * @implements {yfiles.lang.IPropertyObservable}
-     */
-    export interface LookupChain extends Object,yfiles.graph.IContextLookup,yfiles.lang.IPropertyObservable{}
-    export class LookupChain {
-      constructor();
-      /**
-       * A convenience method that adds a {@link yfiles.graph.IContextLookupChainLink} to the given chain that is based on a function of
-       * type <code>function(TContext, TResult)</code>.
-       * <p>
-       * Depending on <code>decorateNull</code>, <code>null</code> results of the underlying chain will be passed to the
-       * <code>wrapperFactory</code>, or simply yielded as the final result.
-       * </p>
-       * Type parameter <code>TContext</code>: The type of the context.
-       * Type parameter <code>TResult</code>: The type of the result.
-       * @param {function(TContext, TResult): TResult} wrapperFactory The wrapper factory that will be called for queries to <code>TResult</code> to wrap the result of the query to the remainder of the chain.
-       * @param {boolean} [decorateNull=false] if set to <code>true</code> <code>null</code> return values of the remainder of the chain will be passed to the wrapper factory so that it can
-       * decorate the null, otherwise null will be yielded as the final result.
-       * @returns {yfiles.graph.IContextLookupChainLink} The link that has been registered with the chain.
-       * @template TContext,TResult
-       */
-      add<TContext,TResult>(contextType:yfiles.lang.Class,resultType:yfiles.lang.Class,wrapperFactory:(arg1:TContext,arg2:TResult)=>TResult,decorateNull?:boolean):yfiles.graph.IContextLookupChainLink;
-      /**
-       * A convenience method that adds a {@link yfiles.graph.IContextLookupChainLink} to the given chain that is based on a function of
-       * type <code>function(</code><code>TContext</code><code>)</code>.
-       * <p>
-       * Depending on <code>nullIsFallback</code>, <code>null</code> return values of the <code>factory</code> will be interpreted as the final result or indicate to
-       * the implementation that the chain should be queried for the result.
-       * </p>
-       * Type parameter <code>TContext</code>: The type of the context.
-       * Type parameter <code>TResult</code>: The type of the result.
-       * @param {function(TContext): TResult} factory The factory that will be called for queries to <code>TResult</code>.
-       * @param {boolean} [nullIsFallback=true] If set to <code>true</code>, <code>null</code> return values of the factory method will be interpreted as the final result, otherwise the request
-       * will propagate down the chain.
-       * @returns {yfiles.graph.IContextLookupChainLink} The link that has been registered with the chain.
-       * @template TContext,TResult
-       */
-      add<TContext,TResult>(contextType:yfiles.lang.Class,resultType:yfiles.lang.Class,factory:(arg:TContext)=>TResult,nullIsFallback?:boolean):yfiles.graph.IContextLookupChainLink;
-      /**
-       * Adds the given link to the end of the chain.
-       * @param {yfiles.graph.IContextLookupChainLink} lookup The link to add.
-       * @see yfiles.graph.LookupChain#remove
-       */
-      add(lookup:yfiles.graph.IContextLookupChainLink):void;
-      /**
-       * Convenience method that can be used instead of the {@link yfiles.graph.LookupChain#add} method to easily add a lookup
-       * implementation for a given type that always yields a constant result.
-       * Type parameter <code>TResult</code>: The type of the query, which is a base type or the type of the result.
-       * @param {TResult} result The constant value to yield if the chain is queried for an implementation of type <code>TResult</code>.
-       * @returns {yfiles.graph.IContextLookupChainLink} The {@link yfiles.graph.IContextLookupChainLink} instance that has been added to the chain.
-       * @template TResult
-       */
-      addConstant<TResult>(resultType:yfiles.lang.Class,result:TResult):yfiles.graph.IContextLookupChainLink;
-      /**
-       * Performs the actual lookup operation.
-       * <p>
-       * This call will traverse the chain to satisfy the query.
-       * </p>
-       * @param {Object} item The item to use as the context.
-       * @param {yfiles.lang.Class} type The type of the query.
-       * @returns {Object} The result of the query.
-       */
-      contextLookup(item:Object,type:yfiles.lang.Class):Object;
-      /**
-       * Can be called by client code to trigger the {@link yfiles.graph.LookupChain#addPropertyChangedListener PropertyChanged}
-       * event manually.
-       */
-      notifyChange():void;
-      /**
-       * Notifies client code that the lookup of this instance might have changed.
-       * @param {yfiles.lang.PropertyChangedEventArgs} evt The arguments
-       * @protected
-       */
-      onPropertyChanged(evt:yfiles.lang.PropertyChangedEventArgs):void;
-      /**
-       * Removes the link that has previously been added to this instance from this chain.
-       * @param {yfiles.graph.IContextLookupChainLink} link The link to remove.
-       */
-      remove(link:yfiles.graph.IContextLookupChainLink):void;
-      /**
-       * Adds the given listener for the <code>PropertyChanged</code> event that occurs when the lookup of this instance has changed for some
-       * or all of the types or items.
-       * @param {function(Object, yfiles.lang.PropertyChangedEventArgs): void} listener The listener to add.
-       * @see yfiles.graph.LookupChain#removePropertyChangedListener
-       */
-      addPropertyChangedListener(listener:(sender:Object,args:yfiles.lang.PropertyChangedEventArgs)=>void):void;
-      /**
-       * Removes the given listener for the <code>PropertyChanged</code> event that occurs when the lookup of this instance has changed for
-       * some or all of the types or items.
-       * @param {function(Object, yfiles.lang.PropertyChangedEventArgs): void} listener The listener to remove.
-       * @see yfiles.graph.LookupChain#addPropertyChangedListener
-       */
-      removePropertyChangedListener(listener:(sender:Object,args:yfiles.lang.PropertyChangedEventArgs)=>void):void;
-      static $class:yfiles.lang.Class;
-    }
-    /**
-     * The main class to provide undo and redo functionality.
-     * <p>
-     * The {@link yfiles.graph.UndoEngine} is in charge of {@link yfiles.graph.UndoEngine#beginCompoundEdit recording}, {@link yfiles.graph.UndoEngine#addUnit managing} and {@link yfiles.graph.UndoEngine#undo executing} single units of work that can be undone
-     * and redone, represented by the interface {@link yfiles.graph.IUndoUnit}.
-     * </p>
-     * <p>
-     * These units are <b>managed</b> in a queue-like structure and can be added manually to the queue by calling the {@link yfiles.graph.UndoEngine#addUnit}
-     * method.
-     * </p>
-     * <p>
-     * <b>Executing</b> the units is done by client code or commands by calling {@link yfiles.graph.UndoEngine#undo} or
-     * {@link yfiles.graph.UndoEngine#redo}. The engine automatically manages the queue so that calling these two methdos will
-     * consistently move the units in the queue.
-     * </p>
-     * <p>
-     * The {@link yfiles.graph.UndoEngine#beginCompoundEdit} method allows to <b>record</b> units by bracketing serveral changes in an
-     * {@link yfiles.graph.ICompoundEdit}. Implementations of the {@link yfiles.graph.ICompoundEdit} interface record all subsequent changes
-     * until it is {@link yfiles.graph.ICompoundEdit#commit committed} and therefore all recorded units are added to the engine. For more information and examples see
-     * {@link yfiles.graph.ICompoundEdit}.
-     * </p>
-     * <p>
-     * Depending on the properties {@link yfiles.graph.UndoEngine#mergeUnits} and {@link yfiles.graph.UndoEngine#autoMergeTime}, the engine tries to collapse added {@link yfiles.graph.IUndoUnit}s if possible. This enhances
-     * the performance and reduces the required memory for undo changes. For example, when a node is moved interactively,
-     * instead of saving every position that the node had when being dragged the engine will only hold one {@link yfiles.graph.IUndoUnit}
-     * at the end to undo the entire movement.
-     * </p>
-     * <p>
-     * <br /> <b>Customizing Undo/Redo</b>
-     * <ul>
-     *   <li>
-     *     In general, to be able to undo or redo certain work client code can <b>implement {@link yfiles.graph.IUndoUnit} or subclass 
-     *     {@link yfiles.graph.UndoUnitBase UndoUnitBase}</b>. The client application needs to encapsulate 
-     *     changes in this implementation and provide the logic to completely undo and redo these changes. 
-     *     Instances of your custom {@link yfiles.graph.IUndoUnit} implementations need to be added to the {@link yfiles.graph.UndoEngine} 
-     *     manually via {@link yfiles.graph.UndoEngine#addUnit}.
-     *   </li>
-     *   <li>
-     *     In certain cases it is difficult or not efficient to track and save the changes between certain states,
-     *     and better to save the states themselves and to restore these. For example when there are potentially
-     *     many intermediate steps between two states of interest and it would be complicated
-     *     to produce {@link yfiles.graph.IUndoUnit}s for each intermediate step and merge them in the end.
-     *     In such cases client code should <b>implement {@link yfiles.graph.IMementoSupport}</b> instead.
-     *     See the documentation of {@link yfiles.graph.IMementoSupport} for examples and guidelines on how to implement
-     *     this memento design pattern concept.
-     *   </li>
-     *   <li>
-     *     <b>It is generally not necessary to subclass {@link yfiles.graph.UndoEngine}</b> unless you want to customize the internal
-     *     handling of the units, which is both complicated and prone to errors. In most use cases it is sufficient 
-     *     to provide custom {@link yfiles.graph.IUndoUnit}s or {@link yfiles.graph.IMementoSupport}.
-     *   </li>
-     * </ul>
-     * </p>
-     * @see yfiles.graph.IUndoUnit
-     * @see yfiles.graph.UndoUnitBase
-     * @see yfiles.graph.IMementoSupport
-     * @see yfiles.graph.ICompoundEdit
-     * @class yfiles.graph.UndoEngine
-     * @implements {yfiles.lang.IPropertyObservable}
-     */
-    export interface UndoEngine extends Object,yfiles.lang.IPropertyObservable{}
-    export class UndoEngine {
-      /**
-       * Initializes a new instance of the {@link yfiles.graph.UndoEngine} class.
-       * @param {Object} [options=null] The parameters to pass.
-       * @param {boolean} options.mergeUnits A value that indicates whether or not this instance should try to merge newly added units.
-       * <p>
-       * This option sets the {@link yfiles.graph.UndoEngine#mergeUnits} property on the created object.
-       * </p>
-       * @param {yfiles.lang.TimeSpan} options.autoMergeTime The duration during which the engine will try to merge newly added units.
-       * <p>
-       * This option sets the {@link yfiles.graph.UndoEngine#autoMergeTime} property on the created object.
-       * </p>
-       * @param {number} options.size The maximum size of the undo queue this instance is managing.
-       * <p>
-       * This option sets the {@link yfiles.graph.UndoEngine#size} property on the created object.
-       * </p>
-       * @constructor
-       */
-      constructor(options?:{mergeUnits?:boolean,autoMergeTime?:yfiles.lang.TimeSpan,size?:number});
-      /**
-       * Adds a new {@link yfiles.graph.IUndoUnit} to the queue.
-       * <p>
-       * This implementation will automatically group multiple units into a single unit if the time since the last add is less
-       * than {@link yfiles.graph.UndoEngine#autoMergeTime}.
-       * </p>
-       * @param {yfiles.graph.IUndoUnit} unit The unit of work to add.
-       */
-      addUnit(unit:yfiles.graph.IUndoUnit):void;
-      /**
-       * Begins a compound edit that will use the provided name.
-       * <p>
-       * This will create a new edit that can independently be {@link yfiles.graph.ICompoundEdit#cancel canceled} or {@link yfiles.graph.ICompoundEdit#commit committed}. Note that only if the outer-most instances
-       * is committed, the corresponding {@link yfiles.graph.IUndoUnit} units will be enqueued into this instance.
-       * </p>
-       * @param {string} undoName The undo name to use for the edit.
-       * @param {string} redoName The redo name to use for the edit.
-       * @returns {yfiles.graph.ICompoundEdit} A compound edit implementation that needs to be {@link yfiles.graph.ICompoundEdit#cancel canceled} or {@link yfiles.graph.ICompoundEdit#commit committed} later.
-       */
-      beginCompoundEdit(undoName:string,redoName:string):yfiles.graph.ICompoundEdit;
-      /**
-       * Determines whether a call to {@link yfiles.graph.UndoEngine#redo} can be made.
-       * @returns {boolean} 
-       */
-      canRedo():boolean;
-      /**
-       * Determines whether a call to {@link yfiles.graph.UndoEngine#undo} can be made.
-       * @returns {boolean} 
-       */
-      canUndo():boolean;
-      /**
-       * Clears the internal queue and {@link yfiles.graph.IUndoUnit#dispose disposes} all units in it.
-       */
-      clear():void;
-      /**
-       * Returns a token that can be used to store and compare the state of the undo queue.
-       * <p>
-       * E.g. an application can retrieve the token once the user has saved his document. Comparing the token returned by this
-       * instance with another one retrieved at a later point in time enables the application to determine whether the document
-       * is in the same state.
-       * </p>
-       * @returns {Object} An object that can be checked against other tokens via the {@link Object#equals} method.
-       */
-      getToken():Object;
-      /**
-       * This will trigger the corresponding {@link yfiles.graph.UndoEngine#addPropertyChangedListener PropertyChanged} event.
-       * @param {string} name The name of the property that changed.
-       * @protected
-       */
-      onPropertyChanged(name:string):void;
-      /**
-       * Redoes the next {@link yfiles.graph.IUndoUnit}.
-       * @throws {Stubs.Exceptions.NotSupportedError} If an undo operation is already in progress.
-       * @throws {yfiles.lang.Exception} If {@link yfiles.graph.UndoEngine#canRedo} would yield <code>false</code>.
-       */
-      redo():void;
-      /**
-       * Undoes the next {@link yfiles.graph.IUndoUnit}.
-       * @throws {Stubs.Exceptions.NotSupportedError} If an undo operation is already in progress.
-       * @throws {yfiles.lang.Exception} If {@link yfiles.graph.UndoEngine#canUndo} would yield <code>false</code>.
-       */
-      undo():void;
-      /**
-       * Gets or sets a value that indicates whether or not this instance should try to merge newly added units.
-       * <p>
-       * If <code>true</code> this instance will try to {@link yfiles.graph.IUndoUnit#tryMergeUnit merge} or {@link yfiles.graph.IUndoUnit#tryReplaceUnit replace} units in the queue. Note that when the {@link yfiles.graph.UndoEngine#autoMergeTime} property is set to {@link yfiles.lang.TimeSpan#ZERO}
-       * and this property is set to <code>true</code>, the engine will always try to merge incoming units. Otherwise the {@link yfiles.graph.UndoEngine#autoMergeTime} dictates whether
-       * the engine will try to merge a unit or not.
-       * </p>
-       * @see yfiles.graph.UndoEngine#autoMergeTime
-       * @type {boolean}
-       */
-      mergeUnits:boolean;
-      /**
-       * Gets or sets the duration during which the engine will try to merge newly added units.
-       * <p>
-       * If this is set to {@link yfiles.lang.TimeSpan#ZERO}, the engine will try to merge incoming units depending on the {@link yfiles.graph.UndoEngine#mergeUnits} property.
-       * Otherwise, if the time span between the last added unit and the new unit exceeds the set value, the engine does not try
-       * to merge the units regardless what the {@link yfiles.graph.UndoEngine#mergeUnits} property is set to. Likewise, if the time span is smaller than the set value,
-       * the engine will always try to merge units.
-       * </p>
-       * @type {yfiles.lang.TimeSpan}
-       */
-      autoMergeTime:yfiles.lang.TimeSpan;
-      /**
-       * Gets or sets the maximum size of the undo queue this instance is managing.
-       * <p>
-       * A size of <code>0</code> effectively disables this implementation.
-       * </p>
-       * @type {number}
-       */
-      size:number;
-      /**
-       * Returns the {@link yfiles.graph.IUndoUnit#undoName} of the next {@link yfiles.graph.UndoEngine#undo} operation.
-       * @type {string}
-       */
-      undoName:string;
-      /**
-       * Returns the {@link yfiles.graph.IUndoUnit#redoName} of the next {@link yfiles.graph.UndoEngine#redo} operation.
-       * @type {string}
-       */
-      redoName:string;
-      /**
-       * Indicates whether this instance is currently performing an undo operation.
-       * @type {boolean}
-       */
-      performingUndo:boolean;
-      /**
-       * Indicates whether this instance is currently performing a redo operation.
-       * @type {boolean}
-       */
-      performingRedo:boolean;
-      /**
-       * Adds the given listener for the <code>PropertyChanged</code> event that occurs when {@link yfiles.graph.UndoEngine#canUndo},
-       * {@link yfiles.graph.UndoEngine#canRedo}, {@link yfiles.graph.UndoEngine#undoName}, or {@link yfiles.graph.UndoEngine#redoName} changed its value.
-       * @param {function(Object, yfiles.lang.PropertyChangedEventArgs): void} listener The listener to add.
-       * @see yfiles.graph.UndoEngine#removePropertyChangedListener
-       */
-      addPropertyChangedListener(listener:(sender:Object,args:yfiles.lang.PropertyChangedEventArgs)=>void):void;
-      /**
-       * Removes the given listener for the <code>PropertyChanged</code> event that occurs when {@link yfiles.graph.UndoEngine#canUndo},
-       * {@link yfiles.graph.UndoEngine#canRedo}, {@link yfiles.graph.UndoEngine#undoName}, or {@link yfiles.graph.UndoEngine#redoName} changed its value.
-       * @param {function(Object, yfiles.lang.PropertyChangedEventArgs): void} listener The listener to remove.
-       * @see yfiles.graph.UndoEngine#addPropertyChangedListener
-       */
-      removePropertyChangedListener(listener:(sender:Object,args:yfiles.lang.PropertyChangedEventArgs)=>void):void;
-      /**
-       * Adds the given listener for the <code>UnitUndone</code> event that occurs when the engine has successfully executed the {@link yfiles.graph.IUndoUnit#undo}
-       * operation of an {@link yfiles.graph.IUndoUnit}.
-       * @param {function(Object, yfiles.lang.EventArgs): void} listener The listener to add.
-       * @see yfiles.graph.UndoEngine#removeUnitUndoneListener
-       */
-      addUnitUndoneListener(listener:(sender:Object,evt:yfiles.lang.EventArgs)=>void):void;
-      /**
-       * Removes the given listener for the <code>UnitUndone</code> event that occurs when the engine has successfully executed the {@link yfiles.graph.IUndoUnit#undo}
-       * operation of an {@link yfiles.graph.IUndoUnit}.
-       * @param {function(Object, yfiles.lang.EventArgs): void} listener The listener to remove.
-       * @see yfiles.graph.UndoEngine#addUnitUndoneListener
-       */
-      removeUnitUndoneListener(listener:(sender:Object,evt:yfiles.lang.EventArgs)=>void):void;
-      /**
-       * Adds the given listener for the <code>UnitRedone</code> event that occurs when the engine has successfully executed the {@link yfiles.graph.IUndoUnit#redo}
-       * operation of an {@link yfiles.graph.IUndoUnit}.
-       * @param {function(Object, yfiles.lang.EventArgs): void} listener The listener to add.
-       * @see yfiles.graph.UndoEngine#removeUnitRedoneListener
-       */
-      addUnitRedoneListener(listener:(sender:Object,evt:yfiles.lang.EventArgs)=>void):void;
-      /**
-       * Removes the given listener for the <code>UnitRedone</code> event that occurs when the engine has successfully executed the {@link yfiles.graph.IUndoUnit#redo}
-       * operation of an {@link yfiles.graph.IUndoUnit}.
-       * @param {function(Object, yfiles.lang.EventArgs): void} listener The listener to remove.
-       * @see yfiles.graph.UndoEngine#addUnitRedoneListener
-       */
-      removeUnitRedoneListener(listener:(sender:Object,evt:yfiles.lang.EventArgs)=>void):void;
-      static $class:yfiles.lang.Class;
-    }
-    /**
-     * Represents a unit of work that can be undone and redone.
-     * <p>
-     * Clients should use this interface when certain actions, changes or events should be monitored and have undoability
-     * provided for them. If you simply want to track the state of certain items between two states of interest, you should
-     * consider using {@link yfiles.graph.IMementoSupport mementos} instead.
-     * </p>
-     * <p>
-     * The central methods of this interface are {@link yfiles.graph.IUndoUnit#undo} and {@link yfiles.graph.IUndoUnit#redo} which contain the
-     * logic to undo or redo a unit of work. Keep in mind that undo/redo are sensible operations and should maintain a
-     * consistent state before and after each operation since they may be executed potentially often one after another.
-     * </p>
-     * <p>
-     * The requirement for an {@link yfiles.graph.IUndoUnit} is that when a program is in a certain state and a call to {@link yfiles.graph.IUndoUnit#undo}
-     * is followed by a call to {@link yfiles.graph.IUndoUnit#redo} then the program is in the exact same state as before (the same
-     * holds true for the other way around).
-     * </p>
-     * <p>
-     * A default implementation of this interface is the abstract class {@link yfiles.graph.UndoUnitBase} which forces only the
-     * implementation of the undo/redo logic and defaults the other methods. Clients should primarily extend this class instead
-     * of implementing the whole interface.
-     * </p>
-     * <p>
-     * IUndoUnits are managed by the {@link yfiles.graph.UndoEngine}. Custom units can always be added to the engine using the method
-     * {@link yfiles.graph.UndoEngine#addUnit}. Also consider to use one of the convenience implementations: {@link yfiles.graph.DelegateUndoUnit.<T>} takes delegates for the
-     * undo/redo operations and {@link yfiles.graph.CompositeUndoUnit} creates a bracketing unit comprising several other units.
-     * </p>
-     * <p>
-     * Also note that in order to keep a consistent state, methods of objects of this type should not be called by clientcode
-     * directly but use the {@link yfiles.graph.UndoEngine} instead.
-     * </p>
-     * @interface
-     */
-    export interface IUndoUnit extends Object{
-      /**
-       * Called by the {@link yfiles.graph.UndoEngine} and client code to let the unit dispose of references aren't needed anymore.
-       * <p>
-       * When this method is called, the other methods of this interface will not be called anymore by the undo engine. The undo
-       * engine calls this method on instances that it will not use anymore to enable the instances to release instances and
-       * memory actively.
-       * </p>
-       * @abstract
-       */
-      dispose():void;
-      /**
-       * Redoes the work that is represented by this unit.
-       * <p>
-       * Undo/redo are sensible operations and should maintain a consistent state before and after each operation since they may
-       * be executed potentially often one after another.
-       * </p>
-       * @see yfiles.graph.IUndoUnit#redoName
-       * @abstract
-       */
-      redo():void;
-      /**
-       * Tries to merge the given unit with this one.
-       * <p>
-       * This method is called when <code>this</code> unit is the head of an {@link yfiles.graph.UndoEngine}'s or {@link yfiles.graph.CompositeUndoUnit}'s
-       * queue and a new unit is added. It is meant to try to incorporate the change of the given <code>unit</code> into <code>this</code> and if
-       * successful return <code>true</code>. This should be the case when the end state of <code>this</code> unit is equal to the start state of the given
-       * <code>unit</code>.
-       * </p>
-       * <p>
-       * For example, if <code>this</code> unit is the head of the queue and represents the work from state <code>A</code> to state <code>B</code> and the given unit
-       * the work from state <code>B</code> to state <code>C</code>, then this method should try to make <code>this</code> unit shift from state <code>A</code> to state <code>C</code>. If this
-       * is successful, the method is expected to return <code>true</code>. The other unit is then {@link yfiles.graph.IUndoUnit#dispose disposed} by the {@link yfiles.graph.UndoEngine}
-       * afterwards.
-       * </p>
-       * <p>
-       * Clients don't necessarily have to implement this method if the unit doesn't happen very often. In fact, the default
-       * implementation of {@link yfiles.graph.UndoUnitBase#tryMergeUnit} simply returns <code>false</code>. Implementing this method faithfully will
-       * cause multiple units of work to inseparably appear as one and undoing/redoing it will undo/redo the work of all
-       * collapsed units. Depending on the situation this may be reasonable, for example when there are potentially a lot of
-       * changes where not every intermediate step is required to be recorded. In this case implementing this method faithfully
-       * will greatly improve the performance and reduce the required amount of memory of the undo process. If you want to group
-       * together multiple units as a single block but still want to be able to separate each step, consider to use a {@link yfiles.graph.CompositeUndoUnit}
-       * instead.
-       * </p>
-       * @param {yfiles.graph.IUndoUnit} unit The unit to incorporate that happened after this unit.
-       * @returns {boolean} Whether the state change of <code>unit</code> has been incorporated into this unit and <code>unit</code> can be disposed of.
-       * @abstract
-       */
-      tryMergeUnit(unit:yfiles.graph.IUndoUnit):boolean;
-      /**
-       * Tries to replace the given unit with this one.
-       * <p>
-       * This method is called if a newly added unit couldn't be {@link yfiles.graph.IUndoUnit#tryMergeUnit merged} with the head unit of the queue (i.e. returned false).
-       * Instead of trying to merge a newly added unit, this method tries to replace the given unit (which is the head of the
-       * queue) with <code>this</code> by incorporating the change of the given <code>unit</code> into <code>this</code> and if successful return <code>true</code>. This should be
-       * the case when the start state of <code>this</code> unit is equal to the end state of the given <code>unit</code>.
-       * </p>
-       * <p>
-       * For example, if the given <code>unit</code> represents the work from state <code>A</code> to state <code>B</code> and <code>this</code> unit the work from state <code>B</code> to state
-       * <code>C</code>, then this method should try to make <code>this</code> unit shift from state <code>A</code> to state <code>C</code>. If this is successful, the method is
-       * expected to return <code>true</code>. The given <code>unit</code> is then {@link yfiles.graph.IUndoUnit#dispose disposed} by the {@link yfiles.graph.UndoEngine} afterwards and replaced with <code>this</code>
-       * unit in the queue.
-       * </p>
-       * <p>
-       * Clients don't necessarily have to implement this method if the unit doesn't happen very often. In fact, the default
-       * implementation of {@link yfiles.graph.UndoUnitBase#tryReplaceUnit} simply returns <code>false</code>. Implementing this method faithfully
-       * will cause multiple units of work to inseparably appear as one and undoing/redoing it will undo/redo the work of all
-       * collapsed units. Depending on the situation this may be reasonable, for example when there are potentially a lot of
-       * changes where not every intermediate step is required to be recorded. In this case implementing this method faithfully
-       * will greatly improve the performance and reduce the required amount of memory of the undo process. If you want to group
-       * together multiple units as a single block but still want to be able to separate each step, consider to use a {@link yfiles.graph.CompositeUndoUnit}
-       * instead.
-       * </p>
-       * @param {yfiles.graph.IUndoUnit} unit The unit to incorporate that happened before this unit.
-       * @returns {boolean} Whether the state change of <code>this</code> unit has been incorporated into the given <code>unit</code> and <code>this</code> can be disposed of.
-       * @abstract
-       */
-      tryReplaceUnit(unit:yfiles.graph.IUndoUnit):boolean;
-      /**
-       * Undoes the work that is represented by this unit.
-       * <p>
-       * Undo/redo are sensible operations and should maintain a consistent state before and after each operation since they may
-       * be executed potentially often one after another.
-       * </p>
-       * @see yfiles.graph.IUndoUnit#undoName
-       * @abstract
-       */
-      undo():void;
-      /**
-       * Returns the name of the undo unit.
-       * <p>
-       * Depending on the implementation and context this might be a human readable representation of the undo action or a
-       * symbolic name that needs localization.
-       * </p>
-       * @abstract
-       * @type {string}
-       */
-      undoName:string;
-      /**
-       * Returns the name of the redo unit.
-       * <p>
-       * Depending on the implementation and context this might be a human readable representation of the redo action or a
-       * symbolic name that needs localization.
-       * </p>
-       * @abstract
-       * @type {string}
-       */
-      redoName:string;
-    }
-    var IUndoUnit:{
-      $class:yfiles.lang.Class;
-      isInstance(o:Object):boolean;
-    };
-    /**
-     * This interface provides access to the memento design pattern to provide undoability for arbitrary models.
-     * <p>
-     * By implementing this interface as well as {@link yfiles.graph.ILookup}, clients can add undoability for changes to their model
-     * classes. The yFiles undo mechanism uses the return value of {@link yfiles.graph.IMementoSupport#getState} to retrieve a state of
-     * an item at the beginning of the compound editing process. When the process ends, another state will be retrieved of the
-     * same item and compared to the original state. If they differ, an {@link yfiles.graph.IUndoUnit} is created that uses the {@link yfiles.graph.IMementoSupport#applyState}
-     * method to apply either state to the item in case of {@link yfiles.graph.IUndoUnit#undo undo} or {@link yfiles.graph.IUndoUnit#redo redo}. This represents an abstraction to the undo mechanism
-     * where it is only needed to define "states" of items and hides the more complicated mechanism of creating and inserting
-     * {@link yfiles.graph.IUndoUnit}s.
-     * </p>
-     * <p>
-     * The following is an example implementation of an item that is being managed using {@link yfiles.graph.IMementoSupport}:
-     * </p>
-     * <p>
-     * A collection of items from this type can then be watched using the following code snippet:
-     * </p>
-     * <p>
-     * Implementing the {@link yfiles.graph.IMementoSupport} interface is quite unrestrained, the type of the state returned by {@link yfiles.graph.IMementoSupport#getState}
-     * method can by anything as long as the {@link yfiles.graph.IMementoSupport#applyState} and {@link yfiles.graph.IMementoSupport#stateEquals}
-     * methods can deal with it:
-     * </p>
-     * <p>
-     * In summary, use this concept when you want to track the state of items during certain operations for undo/redo. This is
-     * efficient if it's easier to handle an item's state than the changes to the item themselves. If you want to focus on the
-     * changes or on certain events, you should use custom {@link yfiles.graph.IUndoUnit} implementations instead.
-     * </p>
-     * @see yfiles.graph.ILookup
-     * @see yfiles.graph.ICompoundEdit
-     * @see yfiles.graph.UndoEngine
-     * @interface
-     */
-    export interface IMementoSupport extends Object{
-      /**
-       * Reapplies a previously queried state object to a given subject.
-       * <p>
-       * The state object has been created using the {@link yfiles.graph.IMementoSupport#getState} method.
-       * </p>
-       * @param {Object} subject The subject to modify the state.
-       * @param {Object} state The state object as returned by {@link yfiles.graph.IMementoSupport#getState}
-       * @abstract
-       */
-      applyState(subject:Object,state:Object):void;
-      /**
-       * Retrieves an object representing the state at the moment this method is called.
-       * <p>
-       * The returned state may be reapplied later to the subject in the {@link yfiles.graph.IMementoSupport#applyState} method.
-       * </p>
-       * @param {Object} subject The subject to read the state from
-       * @returns {Object} An object that describes the current state of <code>subject</code>.
-       * @abstract
-       */
-      getState(subject:Object):Object;
-      /**
-       * Determines whether two state objects are equal.
-       * <p>
-       * The undo mechanism in yFiles calls this method to determine if the subject has changed and whether an {@link yfiles.graph.IUndoUnit}
-       * should be created for these changes. If this method returns <code>false</code>, an {@link yfiles.graph.IUndoUnit} is created for the two
-       * states that can reapply either state (for either undo or redo). If this method returns <code>true</code> the state is considered not
-       * to have changed and no undo unit will be created. Conservative implementations my simply return <code>false</code>.
-       * </p>
-       * @param {Object} state1 The first state as obtained from {@link yfiles.graph.IMementoSupport#getState}
-       * @param {Object} state2 The second state as obtained from {@link yfiles.graph.IMementoSupport#getState}
-       * @returns {boolean} <code>true</code> if the states are equal; <code>false</code> otherwise.
-       * @abstract
-       */
-      stateEquals(state1:Object,state2:Object):boolean;
-    }
-    var IMementoSupport:{
-      $class:yfiles.lang.Class;
-      isInstance(o:Object):boolean;
-    };
-    /**
-     * A convenience implementation of the {@link yfiles.graph.IUndoUnit} interface that uses simple delegates for the actual undo and
-     * redo operations.
-     * Type parameter <code>T</code>: The type of the single parameter that is passed to the delegate.
-     * @class yfiles.graph.DelegateUndoUnit.<T>
-     * @extends {yfiles.graph.UndoUnitBase}
-     * @template T
-     * @final
-     */
-    export interface DelegateUndoUnit<T> extends yfiles.graph.UndoUnitBase{}
-    export class DelegateUndoUnit<T> {
-      /**
-       * Creates a new instance using the provided name and a undo and redo handler as well as the parameters to pass to the
-       * delegates.
-       * @param {string} undoName The name of the undo.
-       * @param {function(T): void} undo The undo handler delegate.
-       * @param {function(T): void} redo The redo handler delegate.
-       * @param {T} undoParam The undo parameter to pass to the delegate.
-       * @param {T} redoParam The redo parameter to pass to the delegate.
-       * @constructor
-       */
-      constructor(undoName:string,undo:(param:T)=>void,redo:(param:T)=>void,undoParam:T,redoParam:T);
-      /**
-       * Creates a new instance using the provided name and a undo/redo handler as well as the parameters to pass to the
-       * delegates.
-       * @param {string} undoName The name of the undo.
-       * @param {function(T): void} undoRedo The undo and redo handler delegate.
-       * @param {T} undoParam The undo parameter to pass to the delegate.
-       * @param {T} redoParam The redo parameter to pass to the delegate.
-       * @constructor
-       */
-      constructor(undoName:string,undoRedo:(param:T)=>void,undoParam:T,redoParam:T);
-      static $class:yfiles.lang.Class;
-    }
-    /**
-     * An abstract convenience implementation of {@link yfiles.graph.IUndoUnit}.
-     * <p>
-     * This class defaults most methods required by the {@link yfiles.graph.IUndoUnit} interface. Subclasses only have to implement the
-     * undo/redo logic. Most notably, {@link yfiles.graph.IUndoUnit#tryMergeUnit} and {@link yfiles.graph.IUndoUnit#tryReplaceUnit} are
-     * implemented to return
-     * <code>false</code>. Subclasses are of course allowed to override more methods if clients want to enable additional functionality.
-     * </p>
-     * <p>
-     * Use this class for simple custom implementations of {@link yfiles.graph.IUndoUnit}.
-     * </p>
-     * @see yfiles.graph.IUndoUnit
-     * @see yfiles.graph.UndoEngine
-     * @class yfiles.graph.UndoUnitBase
-     * @implements {yfiles.graph.IUndoUnit}
-     */
-    export interface UndoUnitBase extends Object,yfiles.graph.IUndoUnit{}
-    export class UndoUnitBase {
-      /**
-       * Creates a new instance using the given name as undo and redo name.
-       * @param {string} undoName The undo name.
-       * @param {string} [redoName=null] The redo name.
-       * @protected
-       * @constructor
-       */
-      constructor(undoName:string,redoName?:string);
-      /**
-       * 
-       */
-      dispose():void;
-      /**
-       * 
-       * @abstract
-       */
-      redo():void;
-      /**
-       * 
-       * @param {yfiles.graph.IUndoUnit} unit
-       * @returns {boolean} 
-       */
-      tryMergeUnit(unit:yfiles.graph.IUndoUnit):boolean;
-      /**
-       * 
-       * @param {yfiles.graph.IUndoUnit} unit
-       * @returns {boolean} 
-       */
-      tryReplaceUnit(unit:yfiles.graph.IUndoUnit):boolean;
-      /**
-       * 
-       * @abstract
-       */
-      undo():void;
-      /**
-       * 
-       * @type {string}
-       */
-      undoName:string;
-      /**
-       * 
-       * @type {string}
-       */
-      redoName:string;
-      static $class:yfiles.lang.Class;
-    }
     /**
      * An implementation of the {@link yfiles.graph.IPortLocationModel} that can create {@link yfiles.graph.IPortLocationModelParameter}s that
      * describe the location of ports that are attached to the bends of {@link yfiles.graph.IEdge}s.
-     * @class yfiles.graph.BendAnchoredPortLocationModel
+     * @class
      * @implements {yfiles.graph.IPortLocationModel}
      * @final
      */
@@ -44792,41 +43735,41 @@ declare namespace system{
     export class BendAnchoredPortLocationModel {
       /**
        * Creates a parameter that indicates the location of the bend with index <code>bendIndex</code> starting from the source side.
-       * @param {number} bendIndex The index of the bend counting from the source side.
-       * @returns {yfiles.graph.IPortLocationModelParameter} A parameter that anchors the port at a bend.
+       * @param bendIndex The index of the bend counting from the source side.
+       * @returns A parameter that anchors the port at a bend.
        */
       createFromSource(bendIndex:number):yfiles.graph.IPortLocationModelParameter;
       /**
        * Creates a parameter that indicates the location of the bend with index <code>bendIndex</code> starting from the target side.
-       * @param {number} bendIndex The index of the bend counting from the target side.
-       * @returns {yfiles.graph.IPortLocationModelParameter} A parameter that anchors the port at a bend.
+       * @param bendIndex The index of the bend counting from the target side.
+       * @returns A parameter that anchors the port at a bend.
        */
       createFromTarget(bendIndex:number):yfiles.graph.IPortLocationModelParameter;
       /**
        * 
-       * @param {yfiles.graph.IPortOwner} owner
-       * @param {yfiles.geometry.Point} location
-       * @returns {yfiles.graph.IPortLocationModelParameter} 
+       * @param owner
+       * @param location
+       * @returns 
        */
       createParameter(owner:yfiles.graph.IPortOwner,location:yfiles.geometry.Point):yfiles.graph.IPortLocationModelParameter;
       /**
        * 
-       * @param {yfiles.graph.IPort} port
-       * @param {yfiles.graph.IPortLocationModelParameter} locationParameter
-       * @returns {yfiles.graph.ILookup} 
+       * @param port
+       * @param locationParameter
+       * @returns 
        */
       getContext(port:yfiles.graph.IPort,locationParameter:yfiles.graph.IPortLocationModelParameter):yfiles.graph.ILookup;
       /**
        * 
-       * @param {yfiles.graph.IPort} port
-       * @param {yfiles.graph.IPortLocationModelParameter} locationParameter
-       * @returns {yfiles.geometry.Point} 
+       * @param port
+       * @param locationParameter
+       * @returns 
        */
       getLocation(port:yfiles.graph.IPort,locationParameter:yfiles.graph.IPortLocationModelParameter):yfiles.geometry.Point;
       /**
        * This implementation has nothing in its lookup and will always yield <code>null</code>
-       * @param {yfiles.lang.Class} type
-       * @returns {Object} 
+       * @param type
+       * @returns 
        */
       lookup(type:yfiles.lang.Class):Object;
       /**
@@ -44861,7 +43804,7 @@ declare namespace system{
      * This class holds a number of models and can provide all of their parameters in
      * {@link yfiles.graph.CompositeLabelModel#getParameters}. A custom model can easily be created that way:
      * </p>
-     * @class yfiles.graph.CompositeLabelModel
+     * @class
      * @implements {yfiles.graph.ILabelModel}
      * @implements {yfiles.graph.ILabelModelParameterProvider}
      * @implements {yfiles.graph.ILabelModelParameterFinder}
@@ -44870,7 +43813,6 @@ declare namespace system{
     export class CompositeLabelModel {
       /**
        * Creates a new instance of this label model with an empty {@link yfiles.graph.CompositeLabelModel#labelModels} collection.
-       * @constructor
        */
       constructor();
       /**
@@ -44879,7 +43821,7 @@ declare namespace system{
        * If {@link yfiles.graph.CompositeLabelModel#labelModels} is not empty, the default parameter for the first model in that list is returned. Otherwise, the default parameter
        * for {@link yfiles.graph.FreeLabelModel#createDefaultParameter} is returned.
        * </p>
-       * @returns {yfiles.graph.ILabelModelParameter} a parameter for this model instance
+       * @returns a parameter for this model instance
        */
       createDefaultParameter():yfiles.graph.ILabelModelParameter;
       /**
@@ -44887,24 +43829,24 @@ declare namespace system{
        * <p>
        * This implementation tests all parameters from all models in {@link yfiles.graph.CompositeLabelModel#labelModels}.
        * </p>
-       * @param {yfiles.graph.ILabel} label The label to find a parameter for.
-       * @param {yfiles.graph.ILabelModel} model The model instance to use. This should be the instance this instance has been obtained from.
-       * @param {yfiles.geometry.IOrientedRectangle} layout The anticipated layout for the label.
-       * @returns {yfiles.graph.ILabelModelParameter} A non-<code>null</code> parameter that can be used for the label to approximate the provided layout.
+       * @param label The label to find a parameter for.
+       * @param model The model instance to use. This should be the instance this instance has been obtained from.
+       * @param layout The anticipated layout for the label.
+       * @returns A non-<code>null</code> parameter that can be used for the label to approximate the provided layout.
        */
       findBestParameter(label:yfiles.graph.ILabel,model:yfiles.graph.ILabelModel,layout:yfiles.geometry.IOrientedRectangle):yfiles.graph.ILabelModelParameter;
       /**
        * 
-       * @param {yfiles.graph.ILabel} label
-       * @param {yfiles.graph.ILabelModelParameter} layoutParameter
-       * @returns {yfiles.graph.ILookup} 
+       * @param label
+       * @param layoutParameter
+       * @returns 
        */
       getContext(label:yfiles.graph.ILabel,layoutParameter:yfiles.graph.ILabelModelParameter):yfiles.graph.ILookup;
       /**
        * 
-       * @param {yfiles.graph.ILabel} label
-       * @param {yfiles.graph.ILabelModelParameter} layoutParameter
-       * @returns {yfiles.geometry.IOrientedRectangle} 
+       * @param label
+       * @param layoutParameter
+       * @returns 
        */
       getGeometry(label:yfiles.graph.ILabel,layoutParameter:yfiles.graph.ILabelModelParameter):yfiles.geometry.IOrientedRectangle;
       /**
@@ -44913,15 +43855,15 @@ declare namespace system{
        * <p>
        * This implementation returns all parameters from all models in {@link yfiles.graph.CompositeLabelModel#labelModels}
        * </p>
-       * @param {yfiles.graph.ILabel} label The label instance to use.
-       * @param {yfiles.graph.ILabelModel} model The model to provide parameters for.
-       * @returns {yfiles.collections.IEnumerable.<yfiles.graph.ILabelModelParameter>} A possibly empty enumerator over a set of label model parameters.
+       * @param label The label instance to use.
+       * @param model The model to provide parameters for.
+       * @returns A possibly empty enumerator over a set of label model parameters.
        */
       getParameters(label:yfiles.graph.ILabel,model:yfiles.graph.ILabelModel):yfiles.collections.IEnumerable<yfiles.graph.ILabelModelParameter>;
       /**
        * 
-       * @param {yfiles.lang.Class} type
-       * @returns {Object} 
+       * @param type
+       * @returns 
        */
       lookup(type:yfiles.lang.Class):Object;
       /**
@@ -44941,26 +43883,28 @@ declare namespace system{
      * {@link yfiles.graph.SimpleEdge} to connect the two nodes and add instances of this class to the edge's {@link yfiles.graph.SimpleEdge#bends} model. Then render the
      * edge.
      * </p>
-     * @class yfiles.graph.SimpleBend
+     * @class
      * @implements {yfiles.graph.IBend}
      */
     export interface SimpleBend extends Object,yfiles.graph.IBend{}
     export class SimpleBend {
       /**
        * Initializes a new instance of the {@link yfiles.graph.SimpleBend} class using the given owner and location.
-       * @param {yfiles.graph.IEdge} owner The owner of the bend.
-       * @param {yfiles.geometry.IPoint} location The bend's location.
-       * @constructor
+       * @param owner The owner of the bend.
+       * @param location The bend's location.
        */
       constructor(owner:yfiles.graph.IEdge,location:yfiles.geometry.IPoint);
       /**
        * 
-       * @param {yfiles.lang.Class} type
-       * @returns {Object} 
+       * @param type
+       * @returns 
        */
       lookup(type:yfiles.lang.Class):Object;
       /**
-       * 
+       * Gets or sets the edge this bend instance belongs to.
+       * <p>
+       * This implies that <code>Owner.Bends</code> contains this instance.
+       * </p>
        * @type {yfiles.graph.IEdge}
        */
       owner:yfiles.graph.IEdge;
@@ -45009,7 +43953,7 @@ declare namespace system{
      * {@link yfiles.graph.SimpleEdge}, associate a style with it and use the style's renderer instance to obtain a rendering for the
      * edge.
      * </p>
-     * @class yfiles.graph.SimpleEdge
+     * @class
      * @implements {yfiles.graph.IEdge}
      */
     export interface SimpleEdge extends Object,yfiles.graph.IEdge{}
@@ -45020,44 +43964,56 @@ declare namespace system{
        * While technically the source and target port can be <code>null</code> here, this will cause all kinds of issues, e.g. with {@link yfiles.styles.IEdgeStyle styles} or
        * {@link yfiles.graph.ILabelModel label models} that require the ports to be non-<code>null</code> to work properly.
        * </p>
-       * @param {yfiles.graph.IPort} sourcePort The source port for the edge.
-       * @param {yfiles.graph.IPort} targetPort The target port for the edge.
-       * @constructor
+       * @param sourcePort The source port for the edge.
+       * @param targetPort The target port for the edge.
        */
       constructor(sourcePort:yfiles.graph.IPort,targetPort:yfiles.graph.IPort);
       /**
        * 
-       * @param {yfiles.lang.Class} type
-       * @returns {Object} 
+       * @param type
+       * @returns 
        */
       lookup(type:yfiles.lang.Class):Object;
       /**
-       * 
+       * Gets or sets the style that is responsible for the visual representation of this edge in a {@link yfiles.view.CanvasComponent}.
+       * <p>
+       * Note that the style instance associated with an edge instance may be shared between multiple edge instances and that the
+       * modification of this style will result in a change of the appearance of all edges that are associated with the same
+       * style instance.
+       * </p>
        * @type {yfiles.styles.IEdgeStyle}
        */
       style:yfiles.styles.IEdgeStyle;
       /**
-       * 
+       * Gets or sets the collection of {@link yfiles.graph.IBend bends} that describe the geometry of this edge.
        * @type {yfiles.collections.IListEnumerable.<yfiles.graph.IBend>}
        */
       bends:yfiles.collections.IListEnumerable<yfiles.graph.IBend>;
       /**
-       * 
+       * Gets or sets the source port instance this edge is connected to.
+       * <p>
+       * Although the notion of source and target port is used for directed edges, it is still up to the client to decide whether
+       * the edge should be treated as such.
+       * </p>
        * @type {yfiles.graph.IPort}
        */
       sourcePort:yfiles.graph.IPort;
       /**
-       * 
+       * Gets or sets the target port instance this edge is connected to.
+       * <p>
+       * Although the notion of source and target port is used for directed edges, it is still up to the client to decide whether
+       * the edge should be treated as such.
+       * </p>
        * @type {yfiles.graph.IPort}
        */
       targetPort:yfiles.graph.IPort;
       /**
-       * 
+       * Gets or sets the collection of {@link yfiles.graph.IPort ports} that are owned by this instance.
        * @type {yfiles.collections.IListEnumerable.<yfiles.graph.IPort>}
        */
       ports:yfiles.collections.IListEnumerable<yfiles.graph.IPort>;
       /**
-       * Gets or sets the collection for the labels.
+       * Gets or sets the collection of {@link yfiles.graph.ILabel labels} that are owned by this instance.
        * @type {yfiles.collections.IListEnumerable.<yfiles.graph.ILabel>}
        */
       labels:yfiles.collections.IListEnumerable<yfiles.graph.ILabel>;
@@ -45100,7 +44056,7 @@ declare namespace system{
      * @see yfiles.graph.DefaultGraph#lookup
      * @see yfiles.graph.DefaultGraph
      * @see yfiles.graph.FoldingManager
-     * @class yfiles.graph.DefaultGraph
+     * @class
      * @implements {yfiles.graph.IGraph}
      */
     export interface DefaultGraph extends Object,yfiles.graph.IGraph{}
@@ -45108,7 +44064,7 @@ declare namespace system{
       /**
        * Creates a new instance of a graph that provides an {@link yfiles.graph.ILookupDecorator} for all of its entities.
        * @param {Object} [options=null] The parameters to pass.
-       * @param options.nodes An array of nodes to create in this graph. Each item will be passed to the {@link yfiles.graph.DefaultGraph#createNode} method.
+       * @param options.nodes An array of nodes to create in this graph. Each item will be passed to the {@link #createNode} method.
        * @param {yfiles.graph.IEdgeDefaults} [options.edgeDefaults=null] Sets the edgeDefaults property.
        * @param {yfiles.graph.INodeDefaults} [options.groupNodeDefaults=null] Sets the groupNodeDefaults property.
        * @param {yfiles.graph.IMapperRegistry} options.mapperRegistry The mapper registry that is associated with this graph instance.
@@ -45116,96 +44072,96 @@ declare namespace system{
        * This option sets the {@link yfiles.graph.DefaultGraph#mapperRegistry} property on the created object.
        * </p>
        * @param {yfiles.graph.INodeDefaults} [options.nodeDefaults=null] Sets the nodeDefaults property.
-       * @param {Object} [options.tag=null] Sets the tag property.
        * @param {boolean} options.undoEngineEnabled Whether or not the {@link yfiles.graph.UndoEngine} used for this instance should be enabled.
        * <p>
        * This option sets the {@link yfiles.graph.DefaultGraph#undoEngineEnabled} property on the created object.
        * </p>
-       * @constructor
        */
-      constructor(options?:{edgeDefaults?:yfiles.graph.IEdgeDefaults,groupNodeDefaults?:yfiles.graph.INodeDefaults,mapperRegistry?:yfiles.graph.IMapperRegistry,nodeDefaults?:yfiles.graph.INodeDefaults,tag?:Object,undoEngineEnabled?:boolean,nodes?:Array<any>});
+      constructor(options?:{edgeDefaults?:yfiles.graph.IEdgeDefaults,groupNodeDefaults?:yfiles.graph.INodeDefaults,mapperRegistry?:yfiles.graph.IMapperRegistry,nodeDefaults?:yfiles.graph.INodeDefaults,undoEngineEnabled?:boolean,nodes?:Array<any>});
       /**
        * 
-       * @param {yfiles.graph.IEdge} edge
-       * @param {yfiles.geometry.Point} location
-       * @param {number} [index=-1]
-       * @returns {yfiles.graph.IBend} 
+       * @param edge
+       * @param location
+       * @param [index=-1]
+       * @returns 
        */
       addBend(edge:yfiles.graph.IEdge,location:yfiles.geometry.Point,index?:number):yfiles.graph.IBend;
       /**
        * 
-       * @param {yfiles.graph.ILabelOwner} owner
-       * @param {string} text
-       * @param {yfiles.graph.ILabelModelParameter} [layoutParameter=null]
-       * @param {yfiles.styles.ILabelStyle} [style=null]
-       * @param {yfiles.geometry.Size} [preferredSize=null]
-       * @param {Object} [tag=null]
-       * @returns {yfiles.graph.ILabel} 
+       * @param owner
+       * @param text
+       * @param [layoutParameter=null]
+       * @param [style=null]
+       * @param [preferredSize=null]
+       * @param [tag=null]
+       * @returns 
        */
       addLabel(owner:yfiles.graph.ILabelOwner,text:string,layoutParameter?:yfiles.graph.ILabelModelParameter,style?:yfiles.styles.ILabelStyle,preferredSize?:yfiles.geometry.Size,tag?:Object):yfiles.graph.ILabel;
       /**
        * 
        * @param {Object} options The parameters to pass.
-       * @param {yfiles.graph.ILabelOwner} options.owner
-       * @param {string} options.text
-       * @param {yfiles.graph.ILabelModelParameter} [options.layoutParameter=null]
-       * @param {yfiles.styles.ILabelStyle} [options.style=null]
-       * @param {yfiles.geometry.Size} [options.preferredSize=null]
-       * @param {Object} [options.tag=null]
-       * @returns {yfiles.graph.ILabel} 
+       * @param options.owner
+       * @param options.text
+       * @param [options.layoutParameter=null]
+       * @param [options.style=null]
+       * @param [options.preferredSize=null]
+       * @param [options.tag=null]
+       * @returns 
        */
       addLabel(options:{owner:yfiles.graph.ILabelOwner,text:string,layoutParameter?:yfiles.graph.ILabelModelParameter,style?:yfiles.styles.ILabelStyle,preferredSize?:yfiles.geometry.Size,tag?:Object}):yfiles.graph.ILabel;
       /**
        * Adds the chain element to the lookup for this instance.
-       * @param {yfiles.graph.IContextLookupChainLink} lookup The lookup to decorate the current instance with.
+       * @param lookup The lookup to decorate the current instance with.
        */
       addLookup(lookup:yfiles.graph.IContextLookupChainLink):void;
       /**
        * Add a port to the given port owner using the coordinates as the new initial position of the port anchor.
-       * @param {yfiles.graph.IPortOwner} owner the owner to add the port instance to.
-       * @param {yfiles.graph.IPortLocationModelParameter} [locationParameter=null] the parameter to use for the port to determine its location.
-       * @param {yfiles.styles.IPortStyle} [style=null] the style to assign initially to the port, e.g. {@link yfiles.styles.VoidPortStyle#INSTANCE}.
-       * @param {Object} [tag=null] The tag to associate with the port, may be <code>null</code>.
-       * @returns {yfiles.graph.IPort} the newly created port
+       * @param owner the owner to add the port instance to.
+       * @param [locationParameter=null] the parameter to use for the port to determine its location.
+       * @param [style=null] the style to assign initially to the port, e.g. {@link #INSTANCE}.
+       * @param [tag=null] The tag to associate with the port, may be <code>null</code>.
+       * @returns the newly created port
        * @throws {Stubs.Exceptions.NotSupportedError} If this instance cannot add a port to <code>owner</code>.
+       * @throws {Stubs.Exceptions.ArgumentError} If <code>owner</code> is not in this graph.
        * @see yfiles.graph.DefaultGraph#addPortAddedListener
        */
       addPort(owner:yfiles.graph.IPortOwner,locationParameter?:yfiles.graph.IPortLocationModelParameter,style?:yfiles.styles.IPortStyle,tag?:Object):yfiles.graph.IPort;
       /**
        * Add a port to the given port owner using the coordinates as the new initial position of the port anchor.
        * @param {Object} options The parameters to pass.
-       * @param {yfiles.graph.IPortOwner} options.owner the owner to add the port instance to.
-       * @param {yfiles.graph.IPortLocationModelParameter} [options.locationParameter=null] the parameter to use for the port to determine its location.
-       * @param {yfiles.styles.IPortStyle} [options.style=null] the style to assign initially to the port, e.g. {@link yfiles.styles.VoidPortStyle#INSTANCE}.
-       * @param {Object} [options.tag=null] The tag to associate with the port, may be <code>null</code>.
-       * @returns {yfiles.graph.IPort} the newly created port
+       * @param options.owner the owner to add the port instance to.
+       * @param [options.locationParameter=null] the parameter to use for the port to determine its location.
+       * @param [options.style=null] the style to assign initially to the port, e.g. {@link #INSTANCE}.
+       * @param [options.tag=null] The tag to associate with the port, may be <code>null</code>.
+       * @returns the newly created port
        * @throws {Stubs.Exceptions.NotSupportedError} If this instance cannot add a port to <code>owner</code>.
+       * @throws {Stubs.Exceptions.ArgumentError} If <code>owner</code> is not in this graph.
        * @see yfiles.graph.DefaultGraph#addPortAddedListener
        */
       addPort(options:{owner:yfiles.graph.IPortOwner,locationParameter?:yfiles.graph.IPortLocationModelParameter,style?:yfiles.styles.IPortStyle,tag?:Object}):yfiles.graph.IPort;
       /**
        * Determines whether this graph contains the specified item.
-       * @param {yfiles.graph.IModelItem} item The item.
-       * @returns {boolean} <code>true</code> if this graph contains the specified item; otherwise, <code>false</code>.
+       * @param item The item.
+       * @returns <code>true</code> if this graph contains the specified item; otherwise, <code>false</code>.
        */
       contains(item:yfiles.graph.IModelItem):boolean;
       /**
        * 
-       * @param {yfiles.graph.IPort} sourcePort
-       * @param {yfiles.graph.IPort} targetPort
-       * @param {yfiles.styles.IEdgeStyle} [style=null]
-       * @param {Object} [tag=null]
-       * @returns {yfiles.graph.IEdge} 
+       * @param sourcePort
+       * @param targetPort
+       * @param [style=null]
+       * @param [tag=null]
+       * @returns 
        */
       createEdge(sourcePort:yfiles.graph.IPort,targetPort:yfiles.graph.IPort,style?:yfiles.styles.IEdgeStyle,tag?:Object):yfiles.graph.IEdge;
       /**
        * 
        * @param {Object} options The parameters to pass.
-       * @param {yfiles.graph.IPort} options.sourcePort
-       * @param {yfiles.graph.IPort} options.targetPort
-       * @param {yfiles.styles.IEdgeStyle} [options.style=null]
-       * @param {Object} [options.tag=null]
-       * @returns {yfiles.graph.IEdge} 
+       * @param options.sourcePort
+       * @param options.targetPort
+       * @param [options.style=null]
+       * @param [options.tag=null]
+       * @returns 
        */
       createEdge(options:{sourcePort:yfiles.graph.IPort,targetPort:yfiles.graph.IPort,style?:yfiles.styles.IEdgeStyle,tag?:Object}):yfiles.graph.IEdge;
       /**
@@ -45216,13 +44172,14 @@ declare namespace system{
        * instances to which the edge will be connected. The edge will be a part of this graph after the method returns. This will
        * trigger the corresponding events.
        * </p>
-       * @param {yfiles.graph.INode} source The source node the created edge will connect to. This implementation queries the {@link yfiles.graph.DefaultGraph#getNewSourcePort}
+       * @param source The source node the created edge will connect to. This implementation queries the {@link #getNewSourcePort}
        * method to determine which port to use.
-       * @param {yfiles.graph.INode} target The target node the created edge will connect to. This implementation queries the {@link yfiles.graph.DefaultGraph#getNewSourcePort}
+       * @param target The target node the created edge will connect to. This implementation queries the {@link #getNewSourcePort}
        * method to determine which port to use.
-       * @param {yfiles.styles.IEdgeStyle} [style=null] The style instance that will be assigned to the newly created instance. This is done by reference.
-       * @param {Object} [tag=null] the initial {@link yfiles.graph.ITagOwner#tag} to assign.
-       * @returns {yfiles.graph.IEdge} the newly created edge instance
+       * @param [style=null] The style instance that will be assigned to the newly created instance. This is done by reference.
+       * @param [tag=null] the initial {@link #tag} to assign.
+       * @returns the newly created edge instance
+       * @throws {Stubs.Exceptions.ArgumentError} If <code>source</code> or <code>target</code> is not in this graph.
        * @see yfiles.graph.DefaultGraph#addEdgeCreatedListener
        * @see yfiles.graph.DefaultGraph#getNewSourcePort
        * @see yfiles.graph.DefaultGraph#getNewTargetPort
@@ -45238,13 +44195,14 @@ declare namespace system{
        * trigger the corresponding events.
        * </p>
        * @param {Object} options The parameters to pass.
-       * @param {yfiles.graph.INode} options.source The source node the created edge will connect to. This implementation queries the {@link yfiles.graph.DefaultGraph#getNewSourcePort}
+       * @param options.source The source node the created edge will connect to. This implementation queries the {@link #getNewSourcePort}
        * method to determine which port to use.
-       * @param {yfiles.graph.INode} options.target The target node the created edge will connect to. This implementation queries the {@link yfiles.graph.DefaultGraph#getNewSourcePort}
+       * @param options.target The target node the created edge will connect to. This implementation queries the {@link #getNewSourcePort}
        * method to determine which port to use.
-       * @param {yfiles.styles.IEdgeStyle} [options.style=null] The style instance that will be assigned to the newly created instance. This is done by reference.
-       * @param {Object} [options.tag=null] the initial {@link yfiles.graph.ITagOwner#tag} to assign.
-       * @returns {yfiles.graph.IEdge} the newly created edge instance
+       * @param [options.style=null] The style instance that will be assigned to the newly created instance. This is done by reference.
+       * @param [options.tag=null] the initial {@link #tag} to assign.
+       * @returns the newly created edge instance
+       * @throws {Stubs.Exceptions.ArgumentError} If <code>source</code> or <code>target</code> is not in this graph.
        * @see yfiles.graph.DefaultGraph#addEdgeCreatedListener
        * @see yfiles.graph.DefaultGraph#getNewSourcePort
        * @see yfiles.graph.DefaultGraph#getNewTargetPort
@@ -45253,188 +44211,188 @@ declare namespace system{
       createEdge(options:{source:yfiles.graph.INode,target:yfiles.graph.INode,style?:yfiles.styles.IEdgeStyle,tag?:Object}):yfiles.graph.IEdge;
       /**
        * 
-       * @param {yfiles.graph.INode} [parent=null]
-       * @param {yfiles.geometry.Rect} [layout=null]
-       * @param {yfiles.styles.INodeStyle} [style=null]
-       * @param {Object} [tag=null]
-       * @returns {yfiles.graph.INode} 
+       * @param [parent=null]
+       * @param [layout=null]
+       * @param [style=null]
+       * @param [tag=null]
+       * @returns 
        */
       createGroupNode(parent?:yfiles.graph.INode,layout?:yfiles.geometry.Rect,style?:yfiles.styles.INodeStyle,tag?:Object):yfiles.graph.INode;
       /**
        * 
        * @param {Object} options The parameters to pass.
-       * @param {yfiles.graph.INode} [options.parent=null]
-       * @param {yfiles.geometry.Rect} [options.layout=null]
-       * @param {yfiles.styles.INodeStyle} [options.style=null]
-       * @param {Object} [options.tag=null]
-       * @returns {yfiles.graph.INode} 
+       * @param [options.parent=null]
+       * @param [options.layout=null]
+       * @param [options.style=null]
+       * @param [options.tag=null]
+       * @returns 
        */
       createGroupNode(options:{parent?:yfiles.graph.INode,layout?:yfiles.geometry.Rect,style?:yfiles.styles.INodeStyle,tag?:Object}):yfiles.graph.INode;
       /**
        * 
-       * @param {yfiles.geometry.Rect} layout
-       * @param {yfiles.styles.INodeStyle} [style=null]
-       * @param {Object} [tag=null]
-       * @returns {yfiles.graph.INode} 
+       * @param layout
+       * @param [style=null]
+       * @param [tag=null]
+       * @returns 
        */
       createNode(layout:yfiles.geometry.Rect,style?:yfiles.styles.INodeStyle,tag?:Object):yfiles.graph.INode;
       /**
        * 
        * @param {Object} options The parameters to pass.
-       * @param {yfiles.geometry.Rect} options.layout
-       * @param {yfiles.styles.INodeStyle} [options.style=null]
-       * @param {Object} [options.tag=null]
-       * @returns {yfiles.graph.INode} 
+       * @param options.layout
+       * @param [options.style=null]
+       * @param [options.tag=null]
+       * @returns 
        */
       createNode(options:{layout:yfiles.geometry.Rect,style?:yfiles.styles.INodeStyle,tag?:Object}):yfiles.graph.INode;
       /**
        * 
-       * @param {yfiles.graph.INode} [parent=null]
-       * @param {yfiles.geometry.Rect} [layout=null]
-       * @param {yfiles.styles.INodeStyle} [style=null]
-       * @param {Object} [tag=null]
-       * @returns {yfiles.graph.INode} 
+       * @param [parent=null]
+       * @param [layout=null]
+       * @param [style=null]
+       * @param [tag=null]
+       * @returns 
        */
       createNode(parent?:yfiles.graph.INode,layout?:yfiles.geometry.Rect,style?:yfiles.styles.INodeStyle,tag?:Object):yfiles.graph.INode;
       /**
        * 
        * @param {Object} options The parameters to pass.
-       * @param {yfiles.graph.INode} [options.parent=null]
-       * @param {yfiles.geometry.Rect} [options.layout=null]
-       * @param {yfiles.styles.INodeStyle} [options.style=null]
-       * @param {Object} [options.tag=null]
-       * @returns {yfiles.graph.INode} 
+       * @param [options.parent=null]
+       * @param [options.layout=null]
+       * @param [options.style=null]
+       * @param [options.tag=null]
+       * @returns 
        */
       createNode(options:{parent?:yfiles.graph.INode,layout?:yfiles.geometry.Rect,style?:yfiles.styles.INodeStyle,tag?:Object}):yfiles.graph.INode;
       /**
        * Creates an {@link yfiles.graph.UndoEngine} instance that automatically triggers {@link yfiles.graph.DefaultGraph#invalidateDisplays}
        * upon each invocation of {@link yfiles.graph.UndoEngine#undo} and {@link yfiles.graph.UndoEngine#redo}
-       * @returns {yfiles.graph.UndoEngine} An {@link yfiles.graph.UndoEngine} instance.
+       * @returns An {@link } instance.
        * @protected
        */
       createUndoEngine():yfiles.graph.UndoEngine;
       /**
        * Creates the bend addition {@link yfiles.graph.IUndoUnit undo unit} for the given bend.
-       * @param {yfiles.graph.IBend} bend The bend that has been added.
-       * @param {number} index The index at which the bend has been added.
-       * @returns {yfiles.graph.IUndoUnit} The unit that can be used to undo and redo the creation.
+       * @param bend The bend that has been added.
+       * @param index The index at which the bend has been added.
+       * @returns The unit that can be used to undo and redo the creation.
        * @protected
        */
       createUndoUnitForBendAddition(bend:yfiles.graph.IBend,index:number):yfiles.graph.IUndoUnit;
       /**
        * Creates the bend removal {@link yfiles.graph.IUndoUnit undo unit} for the given bend.
-       * @param {yfiles.graph.IBend} bend The bend that will be removed.
-       * @returns {yfiles.graph.IUndoUnit} The unit that can be used to undo and redo the removal.
+       * @param bend The bend that will be removed.
+       * @returns The unit that can be used to undo and redo the removal.
        * @protected
        */
       createUndoUnitForBendRemoval(bend:yfiles.graph.IBend):yfiles.graph.IUndoUnit;
       /**
        * Creates the edge creation {@link yfiles.graph.IUndoUnit undo unit} for the given edge.
-       * @param {yfiles.graph.IEdge} edge The edge that has been created.
-       * @returns {yfiles.graph.IUndoUnit} The unit that can be used to undo and redo the creation.
+       * @param edge The edge that has been created.
+       * @returns The unit that can be used to undo and redo the creation.
        * @protected
        */
       createUndoUnitForEdgeCreation(edge:yfiles.graph.IEdge):yfiles.graph.IUndoUnit;
       /**
        * Creates the edge reconnection {@link yfiles.graph.IUndoUnit undo unit} for the given edge.
-       * @param {yfiles.graph.IEdge} edge The edge that has been reconnected to other ports.
-       * @param {yfiles.graph.IPort} oldSource The old source port the edge connected to before the change.
-       * @param {yfiles.graph.IPort} oldTarget The old target port the edge connected to before the change.
-       * @returns {yfiles.graph.IUndoUnit} The unit that can be used to undo and redo the port change operation.
+       * @param edge The edge that has been reconnected to other ports.
+       * @param oldSource The old source port the edge connected to before the change.
+       * @param oldTarget The old target port the edge connected to before the change.
+       * @returns The unit that can be used to undo and redo the port change operation.
        * @protected
        */
       createUndoUnitForEdgeReconnection(edge:yfiles.graph.IEdge,oldSource:yfiles.graph.IPort,oldTarget:yfiles.graph.IPort):yfiles.graph.IUndoUnit;
       /**
        * Creates the edge removal {@link yfiles.graph.IUndoUnit undo unit} for the given edge.
-       * @param {yfiles.graph.IEdge} edge The edge that will be removed.
-       * @returns {yfiles.graph.IUndoUnit} The unit that can be used to undo and redo the removal.
+       * @param edge The edge that will be removed.
+       * @returns The unit that can be used to undo and redo the removal.
        * @protected
        */
       createUndoUnitForEdgeRemoval(edge:yfiles.graph.IEdge):yfiles.graph.IUndoUnit;
       /**
        * Creates the {@link yfiles.graph.IUndoUnit undo unit} for changing whether the given node is a group node.
-       * @param {yfiles.graph.INode} node The node whose group node status has been changed.
-       * @param {boolean} isGroupNode The new group node status.
-       * @returns {yfiles.graph.IUndoUnit} The unit that can be used to undo and redo the group node status change.
+       * @param node The node whose group node status has been changed.
+       * @param isGroupNode The new group node status.
+       * @returns The unit that can be used to undo and redo the group node status change.
        * @protected
        */
       createUndoUnitForIsGroupNodeChange(node:yfiles.graph.INode,isGroupNode:boolean):yfiles.graph.IUndoUnit;
       /**
        * Creates the label addition {@link yfiles.graph.IUndoUnit undo unit} for the given label.
-       * @param {yfiles.graph.ILabel} label The label that has been added.
-       * @returns {yfiles.graph.IUndoUnit} The unit that can be used to undo and redo the creation.
+       * @param label The label that has been added.
+       * @returns The unit that can be used to undo and redo the creation.
        * @protected
        */
       createUndoUnitForLabelAddition(label:yfiles.graph.ILabel):yfiles.graph.IUndoUnit;
       /**
        * Creates the label removal {@link yfiles.graph.IUndoUnit undo unit} for the given label.
-       * @param {yfiles.graph.ILabel} label The label that will be removed.
-       * @returns {yfiles.graph.IUndoUnit} The unit that can be used to undo and redo the removal.
+       * @param label The label that will be removed.
+       * @returns The unit that can be used to undo and redo the removal.
        * @protected
        */
       createUndoUnitForLabelRemoval(label:yfiles.graph.ILabel):yfiles.graph.IUndoUnit;
       /**
        * Creates the node creation {@link yfiles.graph.IUndoUnit undo unit} for the given node.
-       * @param {yfiles.graph.INode} node The node that has been created.
-       * @param {yfiles.graph.INode} parent
-       * @param {boolean} isGroupNode
-       * @returns {yfiles.graph.IUndoUnit} The unit that can be used to undo and redo the creation.
+       * @param node The node that has been created.
+       * @param parent
+       * @param isGroupNode
+       * @returns The unit that can be used to undo and redo the creation.
        * @protected
        */
       createUndoUnitForNodeCreation(node:yfiles.graph.INode,parent:yfiles.graph.INode,isGroupNode:boolean):yfiles.graph.IUndoUnit;
       /**
        * Creates the node removal {@link yfiles.graph.IUndoUnit undo unit} for the given node.
-       * @param {yfiles.graph.INode} node The node that will be removed.
-       * @returns {yfiles.graph.IUndoUnit} The unit that can be used to undo and redo the removal.
+       * @param node The node that will be removed.
+       * @returns The unit that can be used to undo and redo the removal.
        * @protected
        */
       createUndoUnitForNodeRemoval(node:yfiles.graph.INode):yfiles.graph.IUndoUnit;
       /**
        * Creates the parent change {@link yfiles.graph.IUndoUnit undo unit} for the given node.
-       * @param {yfiles.graph.INode} node The node whose parent has been changed.
-       * @param {yfiles.graph.INode} oldParent
-       * @param {yfiles.graph.INode} newParent The node which is the new parent.
-       * @returns {yfiles.graph.IUndoUnit} The unit that can be used to undo and redo the parent change.
+       * @param node The node whose parent has been changed.
+       * @param oldParent
+       * @param newParent The node which is the new parent.
+       * @returns The unit that can be used to undo and redo the parent change.
        * @protected
        */
       createUndoUnitForParentChange(node:yfiles.graph.INode,oldParent:yfiles.graph.INode,newParent:yfiles.graph.INode):yfiles.graph.IUndoUnit;
       /**
        * Creates the port addition {@link yfiles.graph.IUndoUnit undo unit} for the given port.
-       * @param {yfiles.graph.IPort} port The port that has been added.
-       * @returns {yfiles.graph.IUndoUnit} The unit that can be used to undo and redo the creation.
+       * @param port The port that has been added.
+       * @returns The unit that can be used to undo and redo the creation.
        * @protected
        */
       createUndoUnitForPortAddition(port:yfiles.graph.IPort):yfiles.graph.IUndoUnit;
       /**
        * Creates the port removal {@link yfiles.graph.IUndoUnit undo unit} for the given port.
-       * @param {yfiles.graph.IPort} port The port that will be removed.
-       * @returns {yfiles.graph.IUndoUnit} The unit that can be used to undo and redo the removal.
+       * @param port The port that will be removed.
+       * @returns The unit that can be used to undo and redo the removal.
        * @protected
        */
       createUndoUnitForPortRemoval(port:yfiles.graph.IPort):yfiles.graph.IUndoUnit;
       /**
        * 
-       * @param {yfiles.graph.IPortOwner} owner
-       * @param {yfiles.graph.AdjacencyTypes} [type=3]
-       * @returns {yfiles.collections.IListEnumerable.<yfiles.graph.IEdge>} 
+       * @param owner
+       * @param [type=yfiles.graph.AdjacencyTypes.ALL]
+       * @returns 
        */
       edgesAt(owner:yfiles.graph.IPortOwner,type?:yfiles.graph.AdjacencyTypes):yfiles.collections.IListEnumerable<yfiles.graph.IEdge>;
       /**
        * 
-       * @param {yfiles.graph.IPort} port
-       * @param {yfiles.graph.AdjacencyTypes} [type=3]
-       * @returns {yfiles.collections.IListEnumerable.<yfiles.graph.IEdge>} 
+       * @param port
+       * @param [type=yfiles.graph.AdjacencyTypes.ALL]
+       * @returns 
        */
       edgesAt(port:yfiles.graph.IPort,type?:yfiles.graph.AdjacencyTypes):yfiles.collections.IListEnumerable<yfiles.graph.IEdge>;
       /**
        * 
-       * @param {yfiles.graph.INode} node
-       * @returns {yfiles.collections.IListEnumerable.<yfiles.graph.INode>} 
+       * @param node
+       * @returns 
        */
       getChildren(node:yfiles.graph.INode):yfiles.collections.IListEnumerable<yfiles.graph.INode>;
       /**
        * Returns the lookup implementation that is used for {@link yfiles.graph.DefaultGraph#lookup} calls.
-       * @returns {yfiles.graph.ILookup} The replacing lookup instance or <code>null</code> if the internal lookup mechanism is used.
+       * @returns The replacing lookup instance or <code>null</code> if the internal lookup mechanism is used.
        * @see yfiles.graph.DefaultGraph#setLookupImplementation
        */
       getLookup():yfiles.graph.ILookup;
@@ -45444,8 +44402,8 @@ declare namespace system{
        * <p>
        * This implementation will {@link yfiles.graph.DefaultGraph#addPort add a new center anchored port} to the node.
        * </p>
-       * @param {yfiles.graph.IPortOwner} source The source node to find a port for.
-       * @returns {yfiles.graph.IPort} The port to use for a newly created edge.
+       * @param source The source node to find a port for.
+       * @returns The port to use for a newly created edge.
        * @see yfiles.graph.DefaultGraph#createEdge
        * @protected
        */
@@ -45456,22 +44414,22 @@ declare namespace system{
        * <p>
        * This implementation will {@link yfiles.graph.DefaultGraph#addPort add a new center anchored port} to the node.
        * </p>
-       * @param {yfiles.graph.IPortOwner} targetOwner The target node to find a port for.
-       * @returns {yfiles.graph.IPort} The port to use for a newly created edge.
+       * @param targetOwner The target node to find a port for.
+       * @returns The port to use for a newly created edge.
        * @see yfiles.graph.DefaultGraph#createEdge
        * @protected
        */
       getNewTargetPort(targetOwner:yfiles.graph.IPortOwner):yfiles.graph.IPort;
       /**
        * 
-       * @param {yfiles.graph.INode} node
-       * @returns {yfiles.graph.INode} 
+       * @param node
+       * @returns 
        */
       getParent(node:yfiles.graph.INode):yfiles.graph.INode;
       /**
        * The last element in the lookup chain is implemented by this method.
-       * @param {yfiles.lang.Class} type
-       * @returns {Object} 
+       * @param type
+       * @returns 
        * @protected
        */
       innerLookup(type:yfiles.lang.Class):Object;
@@ -45485,8 +44443,8 @@ declare namespace system{
       invalidateDisplays():void;
       /**
        * 
-       * @param {yfiles.graph.INode} node
-       * @returns {boolean} 
+       * @param node
+       * @returns 
        */
       isGroupNode(node:yfiles.graph.INode):boolean;
       /**
@@ -45500,36 +44458,36 @@ declare namespace system{
        * been set or an internal {@link yfiles.graph.LookupChain lookup chain}, that can be customized using the {@link yfiles.graph.DefaultGraph#addLookup} and {@link yfiles.graph.DefaultGraph#removeLookup}
        * methods.
        * </p>
-       * @param {yfiles.lang.Class} type the type for which an instance shall be returned
-       * @returns {Object} An instance that is assignable to type or <code>null</code>
+       * @param type the type for which an instance shall be returned
+       * @returns An instance that is assignable to type or <code>null</code>
        */
       lookup(type:yfiles.lang.Class):Object;
       /**
        * Callback that is invoked before a bend is added to this graph's structure.
-       * @param {yfiles.graph.IEdge} edge The edge the bend will be added to.
-       * @param {yfiles.graph.IBend} bend The bend that will be added to the edge.
-       * @param {number} index The index where the bend will be added to the edge.
+       * @param edge The edge the bend will be added to.
+       * @param bend The bend that will be added to the edge.
+       * @param index The index where the bend will be added to the edge.
        * @protected
        */
       onAddingBend(edge:yfiles.graph.IEdge,bend:yfiles.graph.IBend,index:number):void;
       /**
        * Callback method that will be called just before an edge label is added to an edge.
-       * @param {yfiles.graph.IEdge} edge
-       * @param {yfiles.graph.ILabel} label
+       * @param edge
+       * @param label
        * @protected
        */
       onAddingEdgeLabel(edge:yfiles.graph.IEdge,label:yfiles.graph.ILabel):void;
       /**
        * Callback method that will be called just before a node label is added to a node.
-       * @param {yfiles.graph.INode} node
-       * @param {yfiles.graph.ILabel} label
+       * @param node
+       * @param label
        * @protected
        */
       onAddingNodeLabel(node:yfiles.graph.INode,label:yfiles.graph.ILabel):void;
       /**
        * Called when a port is going to be added to a node.
-       * @param {yfiles.graph.IPortOwner} owner The node.
-       * @param {yfiles.graph.IPort} port The port to be added.
+       * @param owner The node.
+       * @param port The port to be added.
        * @protected
        */
       onAddingPort(owner:yfiles.graph.IPortOwner,port:yfiles.graph.IPort):void;
@@ -45538,7 +44496,7 @@ declare namespace system{
        * <p>
        * When overriding this method it is mandatory to call the base implementation.
        * </p>
-       * @param {yfiles.graph.IBend} bend The bend that has been added to the edge.
+       * @param bend The bend that has been added to the edge.
        * @protected
        */
       onBendAdded(bend:yfiles.graph.IBend):void;
@@ -45547,8 +44505,8 @@ declare namespace system{
        * <p>
        * This will trigger the {@link yfiles.graph.DefaultGraph#addBendLocationChangedListener BendLocationChanged} event.
        * </p>
-       * @param {yfiles.graph.IBend} bend The bend whose location has changed.
-       * @param {yfiles.geometry.Point} oldLocation The bend location before the change
+       * @param bend The bend whose location has changed.
+       * @param oldLocation The bend location before the change
        * @protected
        */
       onBendLocationChanged(bend:yfiles.graph.IBend,oldLocation:yfiles.geometry.Point):void;
@@ -45557,9 +44515,9 @@ declare namespace system{
        * <p>
        * When overriding this method it is mandatory to call the base implementation.
        * </p>
-       * @param {yfiles.graph.IEdge} owner The old edge.
-       * @param {yfiles.graph.IBend} bend The bend.
-       * @param {number} index The former index of the bend in the {@link yfiles.graph.IEdge#bends} list.
+       * @param owner The old edge.
+       * @param bend The bend.
+       * @param index The former index of the bend in the {@link #bends} list.
        * @protected
        */
       onBendRemoved(owner:yfiles.graph.IEdge,bend:yfiles.graph.IBend,index:number):void;
@@ -45568,98 +44526,98 @@ declare namespace system{
        * <p>
        * This will trigger the {@link yfiles.graph.DefaultGraph#addBendTagChangedListener BendTagChanged} event.
        * </p>
-       * @param {yfiles.graph.IBend} bend The bend whose tag has changed.
-       * @param {Object} oldTag The bend tag before the change
+       * @param bend The bend whose tag has changed.
+       * @param oldTag The bend tag before the change
        * @protected
        */
       onBendTagChanged(bend:yfiles.graph.IBend,oldTag:Object):void;
       /**
        * Callback that is invoked before the ports of an edge are being changed.
-       * @param {yfiles.graph.IEdge} edge An edge whose the ports are to be changed.
-       * @param {yfiles.graph.IPort} newSource The new source port
-       * @param {yfiles.graph.IPort} newTarget The new target port
+       * @param edge An edge whose the ports are to be changed.
+       * @param newSource The new source port
+       * @param newTarget The new target port
        * @protected
        */
       onChangingEdgePorts(edge:yfiles.graph.IEdge,newSource:yfiles.graph.IPort,newTarget:yfiles.graph.IPort):void;
       /**
        * Callback that is invoked before an edge style is being changed.
-       * @param {yfiles.graph.IEdge} edge An edge whose the style is going to be changed.
-       * @param {yfiles.styles.IEdgeStyle} newStyle The new edge style.
+       * @param edge An edge whose the style is going to be changed.
+       * @param newStyle The new edge style.
        * @protected
        */
       onChangingEdgeStyle(edge:yfiles.graph.IEdge,newStyle:yfiles.styles.IEdgeStyle):void;
       /**
        * Callback that is invoked before the graph's tag is being changed.
-       * @param {Object} newTag The new port tag
+       * @param newTag The new port tag
        * @protected
        */
       onChangingGraphTag(newTag:Object):void;
       /**
        * Callback that is invoked before the {@link yfiles.graph.ILabel#layoutParameter} of a label is being changed.
-       * @param {yfiles.graph.ILabel} label A label whose {@link yfiles.graph.ILabel#layoutParameter} is to be changed.
-       * @param {yfiles.graph.ILabelModelParameter} newLayoutParameter The new label model parameter
+       * @param label A label whose {@link #layoutParameter} is to be changed.
+       * @param newLayoutParameter The new label model parameter
        * @protected
        */
       onChangingLabelLayoutParameter(label:yfiles.graph.ILabel,newLayoutParameter:yfiles.graph.ILabelModelParameter):void;
       /**
        * Callback that is invoked before the preferred size of a label is being changed.
-       * @param {yfiles.graph.ILabel} label A label whose preferred size is going to be changed.
-       * @param {yfiles.geometry.Size} newSize The new preferred size
+       * @param label A label whose preferred size is going to be changed.
+       * @param newSize The new preferred size
        * @protected
        */
       onChangingLabelPreferredSize(label:yfiles.graph.ILabel,newSize:yfiles.geometry.Size):void;
       /**
        * Callback that is invoked before a label style is being changed.
-       * @param {yfiles.graph.ILabel} label A label whose the style is going to be changed.
-       * @param {yfiles.styles.ILabelStyle} newStyle The new label style.
+       * @param label A label whose the style is going to be changed.
+       * @param newStyle The new label style.
        * @protected
        */
       onChangingLabelStyle(label:yfiles.graph.ILabel,newStyle:yfiles.styles.ILabelStyle):void;
       /**
        * Callback that is invoked before the text of a label is being changed.
-       * @param {yfiles.graph.ILabel} label A label whose text is going to be changed.
-       * @param {string} newText The new label text
+       * @param label A label whose text is going to be changed.
+       * @param newText The new label text
        * @protected
        */
       onChangingLabelText(label:yfiles.graph.ILabel,newText:string):void;
       /**
        * Callback that is invoked before a node style is being changed.
-       * @param {yfiles.graph.INode} node A node whose the style is going to be changed.
-       * @param {yfiles.styles.INodeStyle} newStyle The new node style.
+       * @param node A node whose the style is going to be changed.
+       * @param newStyle The new node style.
        * @protected
        */
       onChangingNodeStyle(node:yfiles.graph.INode,newStyle:yfiles.styles.INodeStyle):void;
       /**
        * Callback that is invoked before the {@link yfiles.graph.IPort#locationParameter} of a port is being changed.
-       * @param {yfiles.graph.IPort} port A port whose {@link yfiles.graph.IPort#locationParameter} is to be changed.
-       * @param {yfiles.graph.IPortLocationModelParameter} newLocationParameter The new location model parameter
+       * @param port A port whose {@link #locationParameter} is to be changed.
+       * @param newLocationParameter The new location model parameter
        * @protected
        */
       onChangingPortLocationModelParameter(port:yfiles.graph.IPort,newLocationParameter:yfiles.graph.IPortLocationModelParameter):void;
       /**
        * Callback that is invoked before a port style is being changed.
-       * @param {yfiles.graph.IPort} port A port whose the style is going to be changed.
-       * @param {yfiles.styles.IPortStyle} newStyle The new port style.
+       * @param port A port whose the style is going to be changed.
+       * @param newStyle The new port style.
        * @protected
        */
       onChangingPortStyle(port:yfiles.graph.IPort,newStyle:yfiles.styles.IPortStyle):void;
       /**
        * Callback that is invoked before the edge is added to this graph's structure.
-       * @param {yfiles.graph.IEdge} edge An edge that is not yet contained in this graph.
-       * @param {yfiles.graph.IPort} sourcePort The source port this edge will connect to.
-       * @param {yfiles.graph.IPort} targetPort The target port this edge will connect to.
+       * @param edge An edge that is not yet contained in this graph.
+       * @param sourcePort The source port this edge will connect to.
+       * @param targetPort The target port this edge will connect to.
        * @protected
        */
       onCreatingEdge(edge:yfiles.graph.IEdge,sourcePort:yfiles.graph.IPort,targetPort:yfiles.graph.IPort):void;
       /**
        * Callback that is invoked before the node is added to this graph's structure.
-       * @param {yfiles.graph.INode} node A node that is not yet contained in this graph.
+       * @param node A node that is not yet contained in this graph.
        * @protected
        */
       onCreatingNode(node:yfiles.graph.INode):void;
       /**
        * Callback that triggers the {@link yfiles.graph.DefaultGraph#addEdgeCreatedListener EdgeCreated} event.
-       * @param {yfiles.graph.IEdge} edge The edge that has been created.
+       * @param edge The edge that has been created.
        * @protected
        */
       onEdgeCreated(edge:yfiles.graph.IEdge):void;
@@ -45671,7 +44629,7 @@ declare namespace system{
        * <p>
        * When overriding this method it is mandatory to call the base implementation.
        * </p>
-       * @param {yfiles.graph.ILabel} label The label that has just been added.
+       * @param label The label that has just been added.
        * @protected
        */
       onEdgeLabelAdded(label:yfiles.graph.ILabel):void;
@@ -45680,8 +44638,8 @@ declare namespace system{
        * <p>
        * When overriding this method it is mandatory to call the base implementation.
        * </p>
-       * @param {yfiles.graph.ILabel} label The label that has just been removed.
-       * @param {yfiles.graph.ILabelOwner} owner The previous owner of the label.
+       * @param label The label that has just been removed.
+       * @param owner The previous owner of the label.
        * @protected
        */
       onEdgeLabelRemoved(owner:yfiles.graph.ILabelOwner,label:yfiles.graph.ILabel):void;
@@ -45690,17 +44648,17 @@ declare namespace system{
        * <p>
        * This will trigger the {@link yfiles.graph.DefaultGraph#addEdgePortsChangedListener EdgePortsChanged} event.
        * </p>
-       * @param {yfiles.graph.IEdge} edge The edge whose ports have changed.
-       * @param {yfiles.graph.IPort} oldSource The source port that the edge had been connected to before the change.
-       * @param {yfiles.graph.IPort} oldTarget The target port that the edge had been connected to before the change.
+       * @param edge The edge whose ports have changed.
+       * @param oldSource The source port that the edge had been connected to before the change.
+       * @param oldTarget The target port that the edge had been connected to before the change.
        * @protected
        */
       onEdgePortsChanged(edge:yfiles.graph.IEdge,oldSource:yfiles.graph.IPort,oldTarget:yfiles.graph.IPort):void;
       /**
        * Callback that triggers the {@link yfiles.graph.DefaultGraph#addEdgeRemovedListener EdgeRemoved} event.
-       * @param {yfiles.graph.IEdge} edge The edge that got removed
-       * @param {yfiles.graph.IPort} oldSource The source port that the edge had been connected to.
-       * @param {yfiles.graph.IPort} oldTarget The target port that the edge had been connected to.
+       * @param edge The edge that got removed
+       * @param oldSource The source port that the edge had been connected to.
+       * @param oldTarget The target port that the edge had been connected to.
        * @protected
        */
       onEdgeRemoved(edge:yfiles.graph.IEdge,oldSource:yfiles.graph.IPort,oldTarget:yfiles.graph.IPort):void;
@@ -45709,8 +44667,8 @@ declare namespace system{
        * <p>
        * This will trigger the {@link yfiles.graph.DefaultGraph#addEdgeStyleChangedListener EdgeStyleChanged} event.
        * </p>
-       * @param {yfiles.graph.IEdge} edge The edge whose style that has changed.
-       * @param {yfiles.styles.IEdgeStyle} oldStyle The edge style before the change
+       * @param edge The edge whose style that has changed.
+       * @param oldStyle The edge style before the change
        * @protected
        */
       onEdgeStyleChanged(edge:yfiles.graph.IEdge,oldStyle:yfiles.styles.IEdgeStyle):void;
@@ -45719,20 +44677,20 @@ declare namespace system{
        * <p>
        * This will trigger the {@link yfiles.graph.DefaultGraph#addEdgeTagChangedListener EdgeTagChanged} event.
        * </p>
-       * @param {yfiles.graph.IEdge} edge The edge whose tag has changed.
-       * @param {Object} oldTag The edge tag before the change.
+       * @param edge The edge whose tag has changed.
+       * @param oldTag The edge tag before the change.
        * @protected
        */
       onEdgeTagChanged(edge:yfiles.graph.IEdge,oldTag:Object):void;
       /**
        * Callback that triggers the {@link yfiles.graph.DefaultGraph#addGraphTagChangedListener GraphTagChanged} event.
-       * @param {Object} oldTag The graph tag before the change.
+       * @param oldTag The graph tag before the change.
        * @protected
        */
       onGraphTagChanged(oldTag:Object):void;
       /**
        * Triggers the {@link yfiles.graph.DefaultGraph#addDisplaysInvalidatedListener DisplaysInvalidated} event.
-       * @param {yfiles.lang.EventArgs} evt The event arguments.
+       * @param evt The event arguments.
        * @protected
        */
       onInvalidateDisplays(evt:yfiles.lang.EventArgs):void;
@@ -45741,8 +44699,8 @@ declare namespace system{
        * <p>
        * This will trigger the {@link yfiles.graph.DefaultGraph#addLabelLayoutParameterChangedListener LabelLayoutParameterChanged} event.
        * </p>
-       * @param {yfiles.graph.ILabel} label The label whose model parameter has changed.
-       * @param {yfiles.graph.ILabelModelParameter} oldLayoutParamater The label model parameter before the change
+       * @param label The label whose model parameter has changed.
+       * @param oldLayoutParamater The label model parameter before the change
        * @protected
        */
       onLabelLayoutParameterChanged(label:yfiles.graph.ILabel,oldLayoutParamater:yfiles.graph.ILabelModelParameter):void;
@@ -45751,8 +44709,8 @@ declare namespace system{
        * <p>
        * This will trigger the {@link yfiles.graph.DefaultGraph#addLabelPreferredSizeChangedListener LabelPreferredSizeChanged} event.
        * </p>
-       * @param {yfiles.graph.ILabel} label The label whose preferred size has changed.
-       * @param {yfiles.geometry.Size} oldSize The preferred size of the label before the change
+       * @param label The label whose preferred size has changed.
+       * @param oldSize The preferred size of the label before the change
        */
       onLabelPreferredSizeChanged(label:yfiles.graph.ILabel,oldSize:yfiles.geometry.Size):void;
       /**
@@ -45760,8 +44718,8 @@ declare namespace system{
        * <p>
        * This will trigger the {@link yfiles.graph.DefaultGraph#addLabelStyleChangedListener LabelStyleChanged} event.
        * </p>
-       * @param {yfiles.graph.ILabel} label The label whose style has changed.
-       * @param {yfiles.styles.ILabelStyle} oldStyle The label style before the change.
+       * @param label The label whose style has changed.
+       * @param oldStyle The label style before the change.
        * @protected
        */
       onLabelStyleChanged(label:yfiles.graph.ILabel,oldStyle:yfiles.styles.ILabelStyle):void;
@@ -45770,8 +44728,8 @@ declare namespace system{
        * <p>
        * This will trigger the {@link yfiles.graph.DefaultGraph#addLabelTagChangedListener LabelTagChanged} event.
        * </p>
-       * @param {yfiles.graph.ILabel} label The label whose tag has changed.
-       * @param {Object} oldTag The label tag before the change
+       * @param label The label whose tag has changed.
+       * @param oldTag The label tag before the change
        */
       onLabelTagChanged(label:yfiles.graph.ILabel,oldTag:Object):void;
       /**
@@ -45779,13 +44737,13 @@ declare namespace system{
        * <p>
        * This will trigger the {@link yfiles.graph.DefaultGraph#addLabelTextChangedListener LabelTextChanged} event.
        * </p>
-       * @param {yfiles.graph.ILabel} label The label whose text has changed.
-       * @param {string} oldText The label text before the change.
+       * @param label The label whose text has changed.
+       * @param oldText The label text before the change.
        */
       onLabelTextChanged(label:yfiles.graph.ILabel,oldText:string):void;
       /**
        * Callback that triggers the {@link yfiles.graph.DefaultGraph#addNodeCreatedListener NodeCreated} event.
-       * @param {yfiles.graph.INode} node The node that has been created.
+       * @param node The node that has been created.
        * @protected
        */
       onNodeCreated(node:yfiles.graph.INode):void;
@@ -45797,7 +44755,7 @@ declare namespace system{
        * <p>
        * When overriding this method it is mandatory to call the base implementation.
        * </p>
-       * @param {yfiles.graph.ILabel} label The label that has just been added.
+       * @param label The label that has just been added.
        * @protected
        */
       onNodeLabelAdded(label:yfiles.graph.ILabel):void;
@@ -45806,8 +44764,8 @@ declare namespace system{
        * <p>
        * When overriding this method it is mandatory to call the base implementation.
        * </p>
-       * @param {yfiles.graph.ILabel} label The label that has just been removed.
-       * @param {yfiles.graph.ILabelOwner} owner The old owner of the label.
+       * @param label The label that has just been removed.
+       * @param owner The old owner of the label.
        * @protected
        */
       onNodeLabelRemoved(owner:yfiles.graph.ILabelOwner,label:yfiles.graph.ILabel):void;
@@ -45816,16 +44774,16 @@ declare namespace system{
        * <p>
        * This will trigger the {@link yfiles.graph.DefaultGraph#addNodeLayoutChangedListener NodeLayoutChanged} event.
        * </p>
-       * @param {yfiles.graph.INode} node The node whose layout has changed.
-       * @param {yfiles.geometry.Rect} oldLayout The node layout before the change
+       * @param node The node whose layout has changed.
+       * @param oldLayout The node layout before the change
        * @protected
        */
       onNodeLayoutChanged(node:yfiles.graph.INode,oldLayout:yfiles.geometry.Rect):void;
       /**
        * Callback that triggers the {@link yfiles.graph.DefaultGraph#addNodeRemovedListener NodeRemoved} event.
-       * @param {yfiles.graph.INode} node The node that got removed
-       * @param {yfiles.graph.INode} oldParent
-       * @param {boolean} oldIsGroupNode
+       * @param node The node that got removed
+       * @param oldParent
+       * @param oldIsGroupNode
        * @protected
        */
       onNodeRemoved(node:yfiles.graph.INode,oldParent:yfiles.graph.INode,oldIsGroupNode:boolean):void;
@@ -45834,8 +44792,8 @@ declare namespace system{
        * <p>
        * This will trigger the {@link yfiles.graph.DefaultGraph#addNodeStyleChangedListener NodeStyleChanged} event.
        * </p>
-       * @param {yfiles.graph.INode} node The node whose style has changed.
-       * @param {yfiles.styles.INodeStyle} oldStyle The node style before the change
+       * @param node The node whose style has changed.
+       * @param oldStyle The node style before the change
        * @protected
        */
       onNodeStyleChanged(node:yfiles.graph.INode,oldStyle:yfiles.styles.INodeStyle):void;
@@ -45844,8 +44802,8 @@ declare namespace system{
        * <p>
        * This will trigger the {@link yfiles.graph.DefaultGraph#addNodeTagChangedListener NodeTagChanged} event.
        * </p>
-       * @param {yfiles.graph.INode} node The node whose tag has changed.
-       * @param {Object} oldTag The node tag before the change
+       * @param node The node whose tag has changed.
+       * @param oldTag The node tag before the change
        * @protected
        */
       onNodeTagChanged(node:yfiles.graph.INode,oldTag:Object):void;
@@ -45854,7 +44812,7 @@ declare namespace system{
        * <p>
        * When overriding this method it is mandatory to call the base implementation.
        * </p>
-       * @param {yfiles.graph.IPort} port The port that has just been added to its owner.
+       * @param port The port that has just been added to its owner.
        * @protected
        */
       onPortAdded(port:yfiles.graph.IPort):void;
@@ -45864,8 +44822,8 @@ declare namespace system{
        * This will trigger the {@link yfiles.graph.DefaultGraph#addPortLocationParameterChangedListener PortLocationParameterChanged}
        * event.
        * </p>
-       * @param {yfiles.graph.IPort} port The port whose location model parameter has changed.
-       * @param {yfiles.graph.IPortLocationModelParameter} oldLocationParameter The port location model parameter before the change
+       * @param port The port whose location model parameter has changed.
+       * @param oldLocationParameter The port location model parameter before the change
        */
       onPortLocationParameterChanged(port:yfiles.graph.IPort,oldLocationParameter:yfiles.graph.IPortLocationModelParameter):void;
       /**
@@ -45873,8 +44831,8 @@ declare namespace system{
        * <p>
        * When overriding this method it is mandatory to call the base implementation.
        * </p>
-       * @param {yfiles.graph.IPort} port The port that has been removed.
-       * @param {yfiles.graph.IPortOwner} oldOwner The previous owner of the port.
+       * @param port The port that has been removed.
+       * @param oldOwner The previous owner of the port.
        * @protected
        */
       onPortRemoved(oldOwner:yfiles.graph.IPortOwner,port:yfiles.graph.IPort):void;
@@ -45883,8 +44841,8 @@ declare namespace system{
        * <p>
        * This will trigger the {@link yfiles.graph.DefaultGraph#addPortStyleChangedListener PortStyleChanged} event.
        * </p>
-       * @param {yfiles.graph.IPort} port The port whose style has changed.
-       * @param {yfiles.styles.IPortStyle} oldStyle The port style before the change
+       * @param port The port whose style has changed.
+       * @param oldStyle The port style before the change
        * @protected
        */
       onPortStyleChanged(port:yfiles.graph.IPort,oldStyle:yfiles.styles.IPortStyle):void;
@@ -45893,55 +44851,55 @@ declare namespace system{
        * <p>
        * This will trigger the {@link yfiles.graph.DefaultGraph#addPortTagChangedListener PortTagChanged} event.
        * </p>
-       * @param {yfiles.graph.IPort} port The port whose tag has changed.
-       * @param {Object} oldTag The port tag before the change
+       * @param port The port whose tag has changed.
+       * @param oldTag The port tag before the change
        * @protected
        */
       onPortTagChanged(port:yfiles.graph.IPort,oldTag:Object):void;
       /**
        * Callback method that is invoked just before a bend is removed.
-       * @param {yfiles.graph.IBend} bend The bend that will be removed.
+       * @param bend The bend that will be removed.
        * @protected
        */
       onRemovingBend(bend:yfiles.graph.IBend):void;
       /**
        * Callback that will be invoked before the node will be removed.
-       * @param {yfiles.graph.IEdge} edge That edge that is going to be removed.
+       * @param edge That edge that is going to be removed.
        * @protected
        */
       onRemovingEdge(edge:yfiles.graph.IEdge):void;
       /**
        * Callback method that will be called just before an edge label is removed from its edge.
-       * @param {yfiles.graph.ILabel} label
+       * @param label
        * @protected
        */
       onRemovingEdgeLabel(label:yfiles.graph.ILabel):void;
       /**
        * Callback that will be invoked before the node will be removed.
-       * @param {yfiles.graph.INode} node That node that is going to be removed.
+       * @param node That node that is going to be removed.
        * @protected
        */
       onRemovingNode(node:yfiles.graph.INode):void;
       /**
        * Callback method that will be called just before a node label is removed from its node.
-       * @param {yfiles.graph.ILabel} label
+       * @param label
        * @protected
        */
       onRemovingNodeLabel(label:yfiles.graph.ILabel):void;
       /**
        * Callback method that is called just before a port will be removed.
-       * @param {yfiles.graph.IPort} port The port that is about to be removed.
+       * @param port The port that is about to be removed.
        * @protected
        */
       onRemovingPort(port:yfiles.graph.IPort):void;
       /**
        * 
-       * @param {yfiles.graph.IModelItem} item
+       * @param item
        */
       remove(item:yfiles.graph.IModelItem):void;
       /**
        * Removes a previously added lookup chain element from the lookup of <code>this</code>.
-       * @param {yfiles.graph.IContextLookupChainLink} lookup The element to remove.
+       * @param lookup The element to remove.
        */
       removeLookup(lookup:yfiles.graph.IContextLookupChainLink):void;
       /**
@@ -45949,8 +44907,9 @@ declare namespace system{
        * <p>
        * This implementation will also trigger an {@link yfiles.graph.DefaultGraph#invalidateDisplays} call.
        * </p>
-       * @param {yfiles.graph.IBend} bend the bend whose location is to be modified
-       * @param {yfiles.geometry.Point} location the new coordinates of the bend
+       * @param bend the bend whose location is to be modified
+       * @param location the new coordinates of the bend
+       * @throws {Stubs.Exceptions.ArgumentError} If <code>bend</code> is not in this graph.
        * @see yfiles.graph.DefaultGraph#addBend
        */
       setBendLocation(bend:yfiles.graph.IBend,location:yfiles.geometry.Point):void;
@@ -45961,27 +44920,27 @@ declare namespace system{
        * target ports differ from the current ones. Both ports and the edge must belong to the current graph instance. If {@link yfiles.graph.IPortDefaults#autoCleanup} is
        * enabled, this method will remove unoccupied ports after they have been changed.
        * </p>
-       * @param {yfiles.graph.IEdge} edge The edge to change the ports.
-       * @param {yfiles.graph.IPort} sourcePort The new source port instance.
-       * @param {yfiles.graph.IPort} targetPort The new target port instance.
+       * @param edge The edge to change the ports.
+       * @param sourcePort The new source port instance.
+       * @param targetPort The new target port instance.
        */
       setEdgePorts(edge:yfiles.graph.IEdge,sourcePort:yfiles.graph.IPort,targetPort:yfiles.graph.IPort):void;
       /**
        * 
-       * @param {yfiles.graph.INode} node
-       * @param {boolean} isGroupNode
+       * @param node
+       * @param isGroupNode
        */
       setIsGroupNode(node:yfiles.graph.INode,isGroupNode:boolean):void;
       /**
        * 
-       * @param {yfiles.graph.ILabel} label
-       * @param {yfiles.graph.ILabelModelParameter} layoutParameter
+       * @param label
+       * @param layoutParameter
        */
       setLabelLayoutParameter(label:yfiles.graph.ILabel,layoutParameter:yfiles.graph.ILabelModelParameter):void;
       /**
        * 
-       * @param {yfiles.graph.ILabel} label
-       * @param {yfiles.geometry.Size} size
+       * @param label
+       * @param size
        */
       setLabelPreferredSize(label:yfiles.graph.ILabel,size:yfiles.geometry.Size):void;
       /**
@@ -45989,8 +44948,10 @@ declare namespace system{
        * <p>
        * This implementation will {@link yfiles.graph.IGraph#adjustLabelPreferredSize adjust the preferred size} for the label if {@link yfiles.graph.ILabelDefaults#autoAdjustPreferredSize} is enabled.
        * </p>
-       * @param {yfiles.graph.ILabel} label the label to modify
-       * @param {string} text the new text of the label
+       * @param label the label to modify
+       * @param text the new text of the label
+       * @throws {Stubs.Exceptions.ArgumentError} If <code>label</code> is not in this graph.
+       * @throws {Stubs.Exceptions.ArgumentError} If <code>text</code> is <code>null</code>.
        * @see yfiles.graph.ILabel#text
        */
       setLabelText(label:yfiles.graph.ILabel,text:string):void;
@@ -45999,7 +44960,7 @@ declare namespace system{
        * <p>
        * A value of <code>null</code> will revert to the default behavior.
        * </p>
-       * @param {yfiles.graph.ILookup} lookup The lookup instance to delegate lookup calls to.
+       * @param lookup The lookup instance to delegate lookup calls to.
        * @see yfiles.graph.DefaultGraph#addLookup
        * @see yfiles.graph.DefaultGraph#getLookup
        * @protected
@@ -46010,39 +44971,50 @@ declare namespace system{
        * <p>
        * This will trigger a call to {@link yfiles.graph.DefaultGraph#invalidateDisplays}.
        * </p>
-       * @param {yfiles.graph.INode} node a live node that belongs to this graph
-       * @param {yfiles.geometry.Rect} layout the new absolute layout in world coordinates of the node
+       * @param node a live node that belongs to this graph
+       * @param layout the new absolute layout in world coordinates of the node
        * @see yfiles.graph.INode#layout
        */
       setNodeLayout(node:yfiles.graph.INode,layout:yfiles.geometry.Rect):void;
       /**
        * 
-       * @param {yfiles.graph.INode} node
-       * @param {yfiles.graph.INode} parent
+       * @param node
+       * @param parent
        */
       setParent(node:yfiles.graph.INode,parent:yfiles.graph.INode):void;
       /**
        * 
-       * @param {yfiles.graph.IPort} port
-       * @param {yfiles.graph.IPortLocationModelParameter} locationParameter
+       * @param port
+       * @param locationParameter
        */
       setPortLocationParameter(port:yfiles.graph.IPort,locationParameter:yfiles.graph.IPortLocationModelParameter):void;
       /**
        * 
-       * @param {yfiles.graph.IPort} port
-       * @param {yfiles.styles.IPortStyle} style
+       * @param port
+       * @param style
        */
       setStyle(port:yfiles.graph.IPort,style:yfiles.styles.IPortStyle):void;
       /**
        * 
-       * @param {yfiles.graph.IEdge} edge
-       * @param {yfiles.styles.IEdgeStyle} style
+       * @param edge
+       * @param style
        */
       setStyle(edge:yfiles.graph.IEdge,style:yfiles.styles.IEdgeStyle):void;
       /**
-       * 
-       * @param {yfiles.graph.ILabel} label
-       * @param {yfiles.styles.ILabelStyle} style
+       * Assigns the given style instance by reference to the label.
+       * <p>
+       * Style instances can be shared.
+       * </p>
+       * <p>
+       * This implementation will {@link yfiles.graph.IGraph#adjustLabelPreferredSize adjust the preferred size} for the label if {@link yfiles.graph.ILabelDefaults#autoAdjustPreferredSize} is enabled.
+       * </p>
+       * @param label The label that will be assigned the new style
+       * @param style The style instance that will be assigned to the label.
+       * @throws {Stubs.Exceptions.ArgumentError} If <code>label</code> is not in this graph.
+       * @throws {Stubs.Exceptions.ArgumentError} If <code>style</code> is <code>null</code>.
+       * @see yfiles.graph.ILabel#style
+       * @see yfiles.graph.DefaultGraph#onChangingLabelStyle
+       * @see yfiles.graph.DefaultGraph#addLabelStyleChangedListener
        */
       setStyle(label:yfiles.graph.ILabel,style:yfiles.styles.ILabelStyle):void;
       /**
@@ -46050,8 +45022,10 @@ declare namespace system{
        * <p>
        * Style instances can be shared.
        * </p>
-       * @param {yfiles.graph.INode} node The node that will be assigned the new style
-       * @param {yfiles.styles.INodeStyle} style The style instance that will be assigned to the node.
+       * @param node The node that will be assigned the new style
+       * @param style The style instance that will be assigned to the node.
+       * @throws {Stubs.Exceptions.ArgumentError} If <code>node</code> is not in this graph.
+       * @throws {Stubs.Exceptions.ArgumentError} If <code>style</code> is <code>null</code>.
        * @see yfiles.graph.INode#style
        * @see yfiles.graph.DefaultGraph#onChangingNodeStyle
        * @see yfiles.graph.DefaultGraph#addNodeStyleChangedListener
@@ -46162,282 +45136,282 @@ declare namespace system{
       edges:yfiles.collections.IListEnumerable<yfiles.graph.IEdge>;
       /**
        * 
-       * @param {function(Object, yfiles.graph.ItemChangedEventArgs.<yfiles.graph.IGraph,Object>): void} listener
+       * @param listener
        */
       addGraphTagChangedListener(listener:(sender:Object,evt:yfiles.graph.ItemChangedEventArgs<yfiles.graph.IGraph,Object>)=>void):void;
       /**
        * 
-       * @param {function(Object, yfiles.graph.ItemChangedEventArgs.<yfiles.graph.IGraph,Object>): void} listener
+       * @param listener
        */
       removeGraphTagChangedListener(listener:(sender:Object,evt:yfiles.graph.ItemChangedEventArgs<yfiles.graph.IGraph,Object>)=>void):void;
       /**
        * 
-       * @param {function(Object, yfiles.collections.ItemEventArgs.<yfiles.graph.INode>): void} listener
+       * @param listener
        */
       addNodeCreatedListener(listener:(sender:Object,evt:yfiles.collections.ItemEventArgs<yfiles.graph.INode>)=>void):void;
       /**
        * 
-       * @param {function(Object, yfiles.collections.ItemEventArgs.<yfiles.graph.INode>): void} listener
+       * @param listener
        */
       removeNodeCreatedListener(listener:(sender:Object,evt:yfiles.collections.ItemEventArgs<yfiles.graph.INode>)=>void):void;
       /**
        * 
-       * @param {function(Object, yfiles.graph.NodeEventArgs): void} listener
+       * @param listener
        */
       addNodeRemovedListener(listener:(sender:Object,evt:yfiles.graph.NodeEventArgs)=>void):void;
       /**
        * 
-       * @param {function(Object, yfiles.graph.NodeEventArgs): void} listener
+       * @param listener
        */
       removeNodeRemovedListener(listener:(sender:Object,evt:yfiles.graph.NodeEventArgs)=>void):void;
       /**
        * 
-       * @param {function(Object, yfiles.graph.ItemChangedEventArgs.<yfiles.graph.INode,yfiles.styles.INodeStyle>): void} listener
+       * @param listener
        */
       addNodeStyleChangedListener(listener:(sender:Object,evt:yfiles.graph.ItemChangedEventArgs<yfiles.graph.INode,yfiles.styles.INodeStyle>)=>void):void;
       /**
        * 
-       * @param {function(Object, yfiles.graph.ItemChangedEventArgs.<yfiles.graph.INode,yfiles.styles.INodeStyle>): void} listener
+       * @param listener
        */
       removeNodeStyleChangedListener(listener:(sender:Object,evt:yfiles.graph.ItemChangedEventArgs<yfiles.graph.INode,yfiles.styles.INodeStyle>)=>void):void;
       /**
        * 
-       * @param {function(Object, yfiles.graph.INode, yfiles.geometry.Rect): void} listener
+       * @param listener
        */
       addNodeLayoutChangedListener(listener:(source:Object,node:yfiles.graph.INode,oldLayout:yfiles.geometry.Rect)=>void):void;
       /**
        * 
-       * @param {function(Object, yfiles.graph.INode, yfiles.geometry.Rect): void} listener
+       * @param listener
        */
       removeNodeLayoutChangedListener(listener:(source:Object,node:yfiles.graph.INode,oldLayout:yfiles.geometry.Rect)=>void):void;
       /**
        * 
-       * @param {function(Object, yfiles.graph.ItemChangedEventArgs.<yfiles.graph.INode,Object>): void} listener
+       * @param listener
        */
       addNodeTagChangedListener(listener:(sender:Object,evt:yfiles.graph.ItemChangedEventArgs<yfiles.graph.INode,Object>)=>void):void;
       /**
        * 
-       * @param {function(Object, yfiles.graph.ItemChangedEventArgs.<yfiles.graph.INode,Object>): void} listener
+       * @param listener
        */
       removeNodeTagChangedListener(listener:(sender:Object,evt:yfiles.graph.ItemChangedEventArgs<yfiles.graph.INode,Object>)=>void):void;
       /**
        * 
-       * @param {function(Object, yfiles.collections.ItemEventArgs.<yfiles.graph.IEdge>): void} listener
+       * @param listener
        */
       addEdgeCreatedListener(listener:(sender:Object,evt:yfiles.collections.ItemEventArgs<yfiles.graph.IEdge>)=>void):void;
       /**
        * 
-       * @param {function(Object, yfiles.collections.ItemEventArgs.<yfiles.graph.IEdge>): void} listener
+       * @param listener
        */
       removeEdgeCreatedListener(listener:(sender:Object,evt:yfiles.collections.ItemEventArgs<yfiles.graph.IEdge>)=>void):void;
       /**
        * 
-       * @param {function(Object, yfiles.graph.EdgeEventArgs): void} listener
+       * @param listener
        */
       addEdgeRemovedListener(listener:(sender:Object,evt:yfiles.graph.EdgeEventArgs)=>void):void;
       /**
        * 
-       * @param {function(Object, yfiles.graph.EdgeEventArgs): void} listener
+       * @param listener
        */
       removeEdgeRemovedListener(listener:(sender:Object,evt:yfiles.graph.EdgeEventArgs)=>void):void;
       /**
        * 
-       * @param {function(Object, yfiles.graph.ItemChangedEventArgs.<yfiles.graph.IEdge,yfiles.styles.IEdgeStyle>): void} listener
+       * @param listener
        */
       addEdgeStyleChangedListener(listener:(sender:Object,evt:yfiles.graph.ItemChangedEventArgs<yfiles.graph.IEdge,yfiles.styles.IEdgeStyle>)=>void):void;
       /**
        * 
-       * @param {function(Object, yfiles.graph.ItemChangedEventArgs.<yfiles.graph.IEdge,yfiles.styles.IEdgeStyle>): void} listener
+       * @param listener
        */
       removeEdgeStyleChangedListener(listener:(sender:Object,evt:yfiles.graph.ItemChangedEventArgs<yfiles.graph.IEdge,yfiles.styles.IEdgeStyle>)=>void):void;
       /**
        * 
-       * @param {function(Object, yfiles.graph.EdgeEventArgs): void} listener
+       * @param listener
        */
       addEdgePortsChangedListener(listener:(sender:Object,evt:yfiles.graph.EdgeEventArgs)=>void):void;
       /**
        * 
-       * @param {function(Object, yfiles.graph.EdgeEventArgs): void} listener
+       * @param listener
        */
       removeEdgePortsChangedListener(listener:(sender:Object,evt:yfiles.graph.EdgeEventArgs)=>void):void;
       /**
        * 
-       * @param {function(Object, yfiles.graph.ItemChangedEventArgs.<yfiles.graph.IEdge,Object>): void} listener
+       * @param listener
        */
       addEdgeTagChangedListener(listener:(sender:Object,evt:yfiles.graph.ItemChangedEventArgs<yfiles.graph.IEdge,Object>)=>void):void;
       /**
        * 
-       * @param {function(Object, yfiles.graph.ItemChangedEventArgs.<yfiles.graph.IEdge,Object>): void} listener
+       * @param listener
        */
       removeEdgeTagChangedListener(listener:(sender:Object,evt:yfiles.graph.ItemChangedEventArgs<yfiles.graph.IEdge,Object>)=>void):void;
       /**
        * 
-       * @param {function(Object, yfiles.collections.ItemEventArgs.<yfiles.graph.IBend>): void} listener
+       * @param listener
        */
       addBendAddedListener(listener:(sender:Object,evt:yfiles.collections.ItemEventArgs<yfiles.graph.IBend>)=>void):void;
       /**
        * 
-       * @param {function(Object, yfiles.collections.ItemEventArgs.<yfiles.graph.IBend>): void} listener
+       * @param listener
        */
       removeBendAddedListener(listener:(sender:Object,evt:yfiles.collections.ItemEventArgs<yfiles.graph.IBend>)=>void):void;
       /**
        * 
-       * @param {function(Object, yfiles.graph.BendEventArgs): void} listener
+       * @param listener
        */
       addBendRemovedListener(listener:(sender:Object,evt:yfiles.graph.BendEventArgs)=>void):void;
       /**
        * 
-       * @param {function(Object, yfiles.graph.BendEventArgs): void} listener
+       * @param listener
        */
       removeBendRemovedListener(listener:(sender:Object,evt:yfiles.graph.BendEventArgs)=>void):void;
       /**
        * 
-       * @param {function(Object, yfiles.graph.IBend, yfiles.geometry.Point): void} listener
+       * @param listener
        */
       addBendLocationChangedListener(listener:(source:Object,bend:yfiles.graph.IBend,oldLocation:yfiles.geometry.Point)=>void):void;
       /**
        * 
-       * @param {function(Object, yfiles.graph.IBend, yfiles.geometry.Point): void} listener
+       * @param listener
        */
       removeBendLocationChangedListener(listener:(source:Object,bend:yfiles.graph.IBend,oldLocation:yfiles.geometry.Point)=>void):void;
       /**
        * 
-       * @param {function(Object, yfiles.graph.ItemChangedEventArgs.<yfiles.graph.IBend,Object>): void} listener
+       * @param listener
        */
       addBendTagChangedListener(listener:(sender:Object,evt:yfiles.graph.ItemChangedEventArgs<yfiles.graph.IBend,Object>)=>void):void;
       /**
        * 
-       * @param {function(Object, yfiles.graph.ItemChangedEventArgs.<yfiles.graph.IBend,Object>): void} listener
+       * @param listener
        */
       removeBendTagChangedListener(listener:(sender:Object,evt:yfiles.graph.ItemChangedEventArgs<yfiles.graph.IBend,Object>)=>void):void;
       /**
        * 
-       * @param {function(Object, yfiles.collections.ItemEventArgs.<yfiles.graph.ILabel>): void} listener
+       * @param listener
        */
       addLabelAddedListener(listener:(sender:Object,evt:yfiles.collections.ItemEventArgs<yfiles.graph.ILabel>)=>void):void;
       /**
        * 
-       * @param {function(Object, yfiles.collections.ItemEventArgs.<yfiles.graph.ILabel>): void} listener
+       * @param listener
        */
       removeLabelAddedListener(listener:(sender:Object,evt:yfiles.collections.ItemEventArgs<yfiles.graph.ILabel>)=>void):void;
       /**
        * 
-       * @param {function(Object, yfiles.graph.LabelEventArgs): void} listener
+       * @param listener
        */
       addLabelRemovedListener(listener:(sender:Object,evt:yfiles.graph.LabelEventArgs)=>void):void;
       /**
        * 
-       * @param {function(Object, yfiles.graph.LabelEventArgs): void} listener
+       * @param listener
        */
       removeLabelRemovedListener(listener:(sender:Object,evt:yfiles.graph.LabelEventArgs)=>void):void;
       /**
        * 
-       * @param {function(Object, yfiles.graph.ItemChangedEventArgs.<yfiles.graph.ILabel,yfiles.styles.ILabelStyle>): void} listener
+       * @param listener
        */
       addLabelStyleChangedListener(listener:(sender:Object,evt:yfiles.graph.ItemChangedEventArgs<yfiles.graph.ILabel,yfiles.styles.ILabelStyle>)=>void):void;
       /**
        * 
-       * @param {function(Object, yfiles.graph.ItemChangedEventArgs.<yfiles.graph.ILabel,yfiles.styles.ILabelStyle>): void} listener
+       * @param listener
        */
       removeLabelStyleChangedListener(listener:(sender:Object,evt:yfiles.graph.ItemChangedEventArgs<yfiles.graph.ILabel,yfiles.styles.ILabelStyle>)=>void):void;
       /**
        * 
-       * @param {function(Object, yfiles.graph.ItemChangedEventArgs.<yfiles.graph.ILabel,yfiles.geometry.Size>): void} listener
+       * @param listener
        */
       addLabelPreferredSizeChangedListener(listener:(sender:Object,evt:yfiles.graph.ItemChangedEventArgs<yfiles.graph.ILabel,yfiles.geometry.Size>)=>void):void;
       /**
        * 
-       * @param {function(Object, yfiles.graph.ItemChangedEventArgs.<yfiles.graph.ILabel,yfiles.geometry.Size>): void} listener
+       * @param listener
        */
       removeLabelPreferredSizeChangedListener(listener:(sender:Object,evt:yfiles.graph.ItemChangedEventArgs<yfiles.graph.ILabel,yfiles.geometry.Size>)=>void):void;
       /**
        * 
-       * @param {function(Object, yfiles.graph.ItemChangedEventArgs.<yfiles.graph.ILabel,string>): void} listener
+       * @param listener
        */
       addLabelTextChangedListener(listener:(sender:Object,evt:yfiles.graph.ItemChangedEventArgs<yfiles.graph.ILabel,string>)=>void):void;
       /**
        * 
-       * @param {function(Object, yfiles.graph.ItemChangedEventArgs.<yfiles.graph.ILabel,string>): void} listener
+       * @param listener
        */
       removeLabelTextChangedListener(listener:(sender:Object,evt:yfiles.graph.ItemChangedEventArgs<yfiles.graph.ILabel,string>)=>void):void;
       /**
        * 
-       * @param {function(Object, yfiles.graph.ItemChangedEventArgs.<yfiles.graph.ILabel,yfiles.graph.ILabelModelParameter>): void} listener
+       * @param listener
        */
       addLabelLayoutParameterChangedListener(listener:(sender:Object,evt:yfiles.graph.ItemChangedEventArgs<yfiles.graph.ILabel,yfiles.graph.ILabelModelParameter>)=>void):void;
       /**
        * 
-       * @param {function(Object, yfiles.graph.ItemChangedEventArgs.<yfiles.graph.ILabel,yfiles.graph.ILabelModelParameter>): void} listener
+       * @param listener
        */
       removeLabelLayoutParameterChangedListener(listener:(sender:Object,evt:yfiles.graph.ItemChangedEventArgs<yfiles.graph.ILabel,yfiles.graph.ILabelModelParameter>)=>void):void;
       /**
        * 
-       * @param {function(Object, yfiles.graph.ItemChangedEventArgs.<yfiles.graph.ILabel,Object>): void} listener
+       * @param listener
        */
       addLabelTagChangedListener(listener:(sender:Object,evt:yfiles.graph.ItemChangedEventArgs<yfiles.graph.ILabel,Object>)=>void):void;
       /**
        * 
-       * @param {function(Object, yfiles.graph.ItemChangedEventArgs.<yfiles.graph.ILabel,Object>): void} listener
+       * @param listener
        */
       removeLabelTagChangedListener(listener:(sender:Object,evt:yfiles.graph.ItemChangedEventArgs<yfiles.graph.ILabel,Object>)=>void):void;
       /**
        * 
-       * @param {function(Object, yfiles.collections.ItemEventArgs.<yfiles.graph.IPort>): void} listener
+       * @param listener
        */
       addPortAddedListener(listener:(sender:Object,evt:yfiles.collections.ItemEventArgs<yfiles.graph.IPort>)=>void):void;
       /**
        * 
-       * @param {function(Object, yfiles.collections.ItemEventArgs.<yfiles.graph.IPort>): void} listener
+       * @param listener
        */
       removePortAddedListener(listener:(sender:Object,evt:yfiles.collections.ItemEventArgs<yfiles.graph.IPort>)=>void):void;
       /**
        * 
-       * @param {function(Object, yfiles.graph.PortEventArgs): void} listener
+       * @param listener
        */
       addPortRemovedListener(listener:(sender:Object,evt:yfiles.graph.PortEventArgs)=>void):void;
       /**
        * 
-       * @param {function(Object, yfiles.graph.PortEventArgs): void} listener
+       * @param listener
        */
       removePortRemovedListener(listener:(sender:Object,evt:yfiles.graph.PortEventArgs)=>void):void;
       /**
        * 
-       * @param {function(Object, yfiles.graph.ItemChangedEventArgs.<yfiles.graph.IPort,yfiles.styles.IPortStyle>): void} listener
+       * @param listener
        */
       addPortStyleChangedListener(listener:(sender:Object,evt:yfiles.graph.ItemChangedEventArgs<yfiles.graph.IPort,yfiles.styles.IPortStyle>)=>void):void;
       /**
        * 
-       * @param {function(Object, yfiles.graph.ItemChangedEventArgs.<yfiles.graph.IPort,yfiles.styles.IPortStyle>): void} listener
+       * @param listener
        */
       removePortStyleChangedListener(listener:(sender:Object,evt:yfiles.graph.ItemChangedEventArgs<yfiles.graph.IPort,yfiles.styles.IPortStyle>)=>void):void;
       /**
        * 
-       * @param {function(Object, yfiles.graph.ItemChangedEventArgs.<yfiles.graph.IPort,yfiles.graph.IPortLocationModelParameter>): void} listener
+       * @param listener
        */
       addPortLocationParameterChangedListener(listener:(sender:Object,evt:yfiles.graph.ItemChangedEventArgs<yfiles.graph.IPort,yfiles.graph.IPortLocationModelParameter>)=>void):void;
       /**
        * 
-       * @param {function(Object, yfiles.graph.ItemChangedEventArgs.<yfiles.graph.IPort,yfiles.graph.IPortLocationModelParameter>): void} listener
+       * @param listener
        */
       removePortLocationParameterChangedListener(listener:(sender:Object,evt:yfiles.graph.ItemChangedEventArgs<yfiles.graph.IPort,yfiles.graph.IPortLocationModelParameter>)=>void):void;
       /**
        * 
-       * @param {function(Object, yfiles.graph.ItemChangedEventArgs.<yfiles.graph.IPort,Object>): void} listener
+       * @param listener
        */
       addPortTagChangedListener(listener:(sender:Object,evt:yfiles.graph.ItemChangedEventArgs<yfiles.graph.IPort,Object>)=>void):void;
       /**
        * 
-       * @param {function(Object, yfiles.graph.ItemChangedEventArgs.<yfiles.graph.IPort,Object>): void} listener
+       * @param listener
        */
       removePortTagChangedListener(listener:(sender:Object,evt:yfiles.graph.ItemChangedEventArgs<yfiles.graph.IPort,Object>)=>void):void;
       /**
        * 
-       * @param {function(Object, yfiles.lang.EventArgs): void} listener
+       * @param listener
        */
       addDisplaysInvalidatedListener(listener:(sender:Object,evt:yfiles.lang.EventArgs)=>void):void;
       /**
        * 
-       * @param {function(Object, yfiles.lang.EventArgs): void} listener
+       * @param listener
        */
       removeDisplaysInvalidatedListener(listener:(sender:Object,evt:yfiles.lang.EventArgs)=>void):void;
       /**
@@ -46447,22 +45421,22 @@ declare namespace system{
       groupNodeDefaults:yfiles.graph.INodeDefaults;
       /**
        * 
-       * @param {function(Object, yfiles.graph.NodeEventArgs): void} listener
+       * @param listener
        */
       addParentChangedListener(listener:(sender:Object,evt:yfiles.graph.NodeEventArgs)=>void):void;
       /**
        * 
-       * @param {function(Object, yfiles.graph.NodeEventArgs): void} listener
+       * @param listener
        */
       removeParentChangedListener(listener:(sender:Object,evt:yfiles.graph.NodeEventArgs)=>void):void;
       /**
        * 
-       * @param {function(Object, yfiles.graph.NodeEventArgs): void} listener
+       * @param listener
        */
       addIsGroupNodeChangedListener(listener:(sender:Object,evt:yfiles.graph.NodeEventArgs)=>void):void;
       /**
        * 
-       * @param {function(Object, yfiles.graph.NodeEventArgs): void} listener
+       * @param listener
        */
       removeIsGroupNodeChangedListener(listener:(sender:Object,evt:yfiles.graph.NodeEventArgs)=>void):void;
       /**
@@ -46482,7 +45456,7 @@ declare namespace system{
      * {@link yfiles.graph.SimpleLabel}, associate a style with it and use the style's renderer instance to obtain a rendering for the
      * label.
      * </p>
-     * @class yfiles.graph.SimpleLabel
+     * @class
      * @implements {yfiles.graph.ILabel}
      */
     export interface SimpleLabel extends Object,yfiles.graph.ILabel{}
@@ -46490,10 +45464,9 @@ declare namespace system{
       /**
        * Creates an instance of the {@link yfiles.graph.SimpleLabel} class with default {@link yfiles.graph.DefaultGraph#DEFAULT_LABEL_LOOKUP lookup}, an instance of {@link yfiles.styles.VoidLabelStyle}
        * and the given {@link yfiles.graph.ILabelModelParameter parameter}, text, and owner.
-       * @param {yfiles.graph.ILabelModelParameter} layoutParameter The parameter that describes the label's layout.
-       * @param {string} text The label's text.
-       * @param {yfiles.graph.ILabelOwner} owner The label's owner.
-       * @constructor
+       * @param layoutParameter The parameter that describes the label's layout.
+       * @param text The label's text.
+       * @param owner The label's owner.
        */
       constructor(owner:yfiles.graph.ILabelOwner,text:string,layoutParameter:yfiles.graph.ILabelModelParameter);
       /**
@@ -46502,32 +45475,54 @@ declare namespace system{
       adoptPreferredSizeFromStyle():void;
       /**
        * 
-       * @param {yfiles.lang.Class} type
-       * @returns {Object} 
+       * @param type
+       * @returns 
        */
       lookup(type:yfiles.lang.Class):Object;
       /**
-       * 
+       * Gets or sets the label model's parameter that determines the positioning of this label.
+       * <p>
+       * Note that the label model parameter instance associated with a label instance may be shared between multiple label
+       * instances and that the modification of this instance or its {@link yfiles.graph.ILabelModelParameter#model} will result in a change of the positioning of all labels
+       * that are associated with the same parameter or model instance.
+       * </p>
        * @type {yfiles.graph.ILabelModelParameter}
        */
       layoutParameter:yfiles.graph.ILabelModelParameter;
       /**
-       * 
+       * Gets or sets the text string associated with this label.
+       * <p>
+       * It is up to the visualization engine to interpret this property for the visualization of the label. Normally, it will
+       * render the text into the {@link yfiles.graph.ILabel#layout layout} of this instance.
+       * </p>
        * @type {string}
        */
       text:string;
       /**
-       * 
+       * Gets or sets the style that is responsible for the visual representation of this node in a {@link yfiles.view.CanvasComponent}.
+       * <p>
+       * Note that the style instance associated with a label instance may be shared between multiple label instances and that
+       * the modification of this style will result in a change of the appearance of all labels that are associated with the same
+       * style instance.
+       * </p>
        * @type {yfiles.styles.ILabelStyle}
        */
       style:yfiles.styles.ILabelStyle;
       /**
-       * 
+       * Gets or sets the owner of this label.
+       * <p>
+       * Typically this will yield an instance of {@link yfiles.graph.INode} or {@link yfiles.graph.IEdge}.
+       * </p>
        * @type {yfiles.graph.ILabelOwner}
        */
       owner:yfiles.graph.ILabelOwner;
       /**
-       * 
+       * Gets or sets the preferred size of the label with respect to its current contents and the implementation of the
+       * visualization.
+       * <p>
+       * Often times the {@link yfiles.graph.ILabel#layout layout's} size will be the same as the preferred size, but it's up to the implementation of the {@link yfiles.graph.ILabelModel}
+       * to interpret it differently.
+       * </p>
        * @type {yfiles.geometry.Size}
        */
       preferredSize:yfiles.geometry.Size;
@@ -46556,7 +45551,7 @@ declare namespace system{
      * {@link yfiles.graph.SimpleNode}, associate a style with it and use the style's renderer instance to obtain a rendering for the
      * node.
      * </p>
-     * @class yfiles.graph.SimpleNode
+     * @class
      * @implements {yfiles.graph.INode}
      */
     export interface SimpleNode extends Object,yfiles.graph.INode{}
@@ -46567,32 +45562,40 @@ declare namespace system{
        * The instances assigned to {@link yfiles.graph.SimpleNode#layout}, {@link yfiles.graph.SimpleNode#ports} and {@link yfiles.graph.SimpleNode#labels} are immutable by default. To modify the values of those properties, first assign an
        * instance of a mutable class.
        * </p>
-       * @constructor
        */
       constructor();
       /**
        * 
-       * @param {yfiles.lang.Class} type
-       * @returns {Object} 
+       * @param type
+       * @returns 
        */
       lookup(type:yfiles.lang.Class):Object;
       /**
-       * 
+       * Gets or sets the layout of the node.
+       * <p>
+       * The layout of a node is a rectangle in the world coordinate system that describes the bounding box of the representation
+       * of a node.
+       * </p>
        * @type {yfiles.geometry.IRectangle}
        */
       layout:yfiles.geometry.IRectangle;
       /**
-       * 
+       * Gets or sets the style that is responsible for the visual representation of this node in a {@link yfiles.view.CanvasComponent}.
+       * <p>
+       * Note that the style instance associated with a node instance may be shared between multiple node instances and that the
+       * modification of this style will result in a change of the appearance of all nodes that are associated with the same
+       * style instance.
+       * </p>
        * @type {yfiles.styles.INodeStyle}
        */
       style:yfiles.styles.INodeStyle;
       /**
-       * 
+       * Gets or sets the collection of {@link yfiles.graph.IPort ports} that are owned by this instance.
        * @type {yfiles.collections.IListEnumerable.<yfiles.graph.IPort>}
        */
       ports:yfiles.collections.IListEnumerable<yfiles.graph.IPort>;
       /**
-       * Gets or sets the collection for the labels.
+       * Gets or sets the collection of {@link yfiles.graph.ILabel labels} that are owned by this instance.
        * @type {yfiles.collections.IListEnumerable.<yfiles.graph.ILabel>}
        */
       labels:yfiles.collections.IListEnumerable<yfiles.graph.ILabel>;
@@ -46618,7 +45621,7 @@ declare namespace system{
      * {@link yfiles.graph.SimplePort}, associate a style with it and use the style's renderer instance to obtain a rendering for the
      * port.
      * </p>
-     * @class yfiles.graph.SimplePort
+     * @class
      * @implements {yfiles.graph.IPort}
      */
     export interface SimplePort extends Object,yfiles.graph.IPort{}
@@ -46629,34 +45632,48 @@ declare namespace system{
        * While technically the owner can be <code>null</code> here, this can cause issues, e.g. with {@link yfiles.graph.IPortLocationModel port location models} that position the
        * port relative to its owner.
        * </p>
-       * @param {yfiles.graph.IPortOwner} owner The port's owner.
-       * @param {yfiles.graph.IPortLocationModelParameter} locationParameter The port's location model parameter.
-       * @constructor
+       * @param owner The port's owner.
+       * @param locationParameter The port's location model parameter.
        */
       constructor(owner:yfiles.graph.IPortOwner,locationParameter:yfiles.graph.IPortLocationModelParameter);
       /**
        * 
-       * @param {yfiles.lang.Class} type
-       * @returns {Object} 
+       * @param type
+       * @returns 
        */
       lookup(type:yfiles.lang.Class):Object;
       /**
        * Sets the location of this port.
-       * @param {yfiles.geometry.Point} location
+       * @param location
        */
       setLocation(location:yfiles.geometry.Point):void;
       /**
-       * 
+       * Gets or sets the style that is responsible for the visual representation of this port in a {@link yfiles.view.CanvasComponent}.
+       * <p>
+       * Note that the style instance associated with a port instance may be shared between multiple port instances and that the
+       * modification of this style will result in a change of the appearance of all ports that are associated with the same
+       * style instance.
+       * </p>
        * @type {yfiles.styles.IPortStyle}
        */
       style:yfiles.styles.IPortStyle;
       /**
-       * 
+       * Gets or sets the {@link yfiles.graph.IPortLocationModelParameter} that is used to determine the location of this port.
+       * <p>
+       * The port location can be calculated using the {@link yfiles.graph.IPortLocationModelParameter#model}'s {@link yfiles.graph.IPortLocationModel#getLocation} method or the convenience
+       * methods {@link yfiles.graph.IPort#location} and {@link yfiles.graph.IPort#dynamicLocation}.
+       * </p>
+       * <p>
+       * Note that parameters may be shared across port instances.
+       * </p>
+       * @see yfiles.graph.IGraph#setPortLocationParameter
+       * @see yfiles.graph.IPort#location
+       * @see yfiles.graph.IPort#dynamicLocation
        * @type {yfiles.graph.IPortLocationModelParameter}
        */
       locationParameter:yfiles.graph.IPortLocationModelParameter;
       /**
-       * 
+       * Gets or sets the owner of this port.
        * @type {yfiles.graph.IPortOwner}
        */
       owner:yfiles.graph.IPortOwner;
@@ -46674,7 +45691,7 @@ declare namespace system{
     }
     /**
      * A label model that wraps an existing label model and decorates it with a {@link yfiles.graph.ILabelCandidateDescriptor descriptor}.
-     * @class yfiles.graph.DescriptorWrapperLabelModel
+     * @class
      * @implements {yfiles.graph.ILabelModel}
      * @implements {yfiles.graph.ILabelCandidateDescriptorProvider}
      * @implements {yfiles.graph.ILabelModelParameterProvider}
@@ -46683,19 +45700,17 @@ declare namespace system{
     export class DescriptorWrapperLabelModel {
       /**
        * Initializes a new instance of the {@link yfiles.graph.DescriptorWrapperLabelModel} class.
-       * @param {yfiles.graph.ILabelModel} innerModel The wrapped label model.
-       * @constructor
+       * @param innerModel The wrapped label model.
        */
       constructor(innerModel:yfiles.graph.ILabelModel);
       /**
        * Initializes a new instance of the {@link yfiles.graph.DescriptorWrapperLabelModel} class.
        * @param {Object} options The parameters to pass.
-       * @param {yfiles.graph.ILabelModel} options.innerModel The wrapped label model.
+       * @param options.innerModel The wrapped label model.
        * @param {yfiles.graph.ILabelCandidateDescriptor} options.descriptor The descriptor.
        * <p>
        * This option sets the {@link yfiles.graph.DescriptorWrapperLabelModel#descriptor} property on the created object.
        * </p>
-       * @constructor
        */
       constructor(options:{innerModel:yfiles.graph.ILabelModel,descriptor?:yfiles.graph.ILabelCandidateDescriptor});
       /**
@@ -46709,46 +45724,45 @@ declare namespace system{
        * <p>
        * This option sets the {@link yfiles.graph.DescriptorWrapperLabelModel#innerModel} property on the created object.
        * </p>
-       * @constructor
        */
       constructor(options?:{descriptor?:yfiles.graph.ILabelCandidateDescriptor,innerModel?:yfiles.graph.ILabelModel});
       /**
        * Creates a default parameter that can be used for this model.
-       * @returns {yfiles.graph.ILabelModelParameter} The default parameter from {@link yfiles.graph.DescriptorWrapperLabelModel#innerModel}
+       * @returns The default parameter from {@link #innerModel}
        */
       createDefaultParameter():yfiles.graph.ILabelModelParameter;
       /**
        * 
-       * @param {yfiles.graph.ILabel} label
-       * @param {yfiles.graph.ILabelModelParameter} layoutParameter
-       * @returns {yfiles.graph.ILookup} 
+       * @param label
+       * @param layoutParameter
+       * @returns 
        */
       getContext(label:yfiles.graph.ILabel,layoutParameter:yfiles.graph.ILabelModelParameter):yfiles.graph.ILookup;
       /**
        * 
-       * @param {yfiles.graph.ILabel} label
-       * @param {yfiles.graph.ILabelModelParameter} layoutParameter
-       * @returns {yfiles.graph.ILabelCandidateDescriptor} 
+       * @param label
+       * @param layoutParameter
+       * @returns 
        */
       getDescriptor(label:yfiles.graph.ILabel,layoutParameter:yfiles.graph.ILabelModelParameter):yfiles.graph.ILabelCandidateDescriptor;
       /**
        * 
-       * @param {yfiles.graph.ILabel} label
-       * @param {yfiles.graph.ILabelModelParameter} layoutParameter
-       * @returns {yfiles.geometry.IOrientedRectangle} 
+       * @param label
+       * @param layoutParameter
+       * @returns 
        */
       getGeometry(label:yfiles.graph.ILabel,layoutParameter:yfiles.graph.ILabelModelParameter):yfiles.geometry.IOrientedRectangle;
       /**
        * 
-       * @param {yfiles.graph.ILabel} label
-       * @param {yfiles.graph.ILabelModel} model
-       * @returns {yfiles.collections.IEnumerable.<yfiles.graph.ILabelModelParameter>} 
+       * @param label
+       * @param model
+       * @returns 
        */
       getParameters(label:yfiles.graph.ILabel,model:yfiles.graph.ILabelModel):yfiles.collections.IEnumerable<yfiles.graph.ILabelModelParameter>;
       /**
        * 
-       * @param {yfiles.lang.Class} type
-       * @returns {Object} 
+       * @param type
+       * @returns 
        */
       lookup(type:yfiles.lang.Class):Object;
       /**
@@ -46779,7 +45793,7 @@ declare namespace system{
      * @see yfiles.graph.FoldingManager#hasFoldingEdgeState
      * @see yfiles.graph.FoldingManager#getFoldingEdgeState
      * @see yfiles.graph.IFoldingView#isInFoldingState
-     * @class yfiles.graph.FoldingEdgeStateId
+     * @class
      */
     export interface FoldingEdgeStateId extends Object{}
     export class FoldingEdgeStateId {
@@ -46788,21 +45802,19 @@ declare namespace system{
        * <p>
        * All of the arguments need to be entities of the {@link yfiles.graph.FoldingManager#masterGraph master graph}.
        * </p>
-       * @param {yfiles.graph.IEdge} masterEdge An edge in the {@link yfiles.graph.FoldingManager#masterGraph} that is represented by the folding edge.
-       * @param {yfiles.graph.INode} currentMasterSource The source node of the edge or one of its ancestors to which the folding edge connects in the view, if the actual parent
-       * is currently {@link yfiles.graph.IFoldingView#collapse collapsed in an ancestor node}.
-       * @param {boolean} sourceCollapsed <code>true</code> if the <code>currentMasterSource</code> is the true source of the <code>masterEdge</code>, but is in its {@link yfiles.graph.IFoldingView#collapse collapsed/dummy} state.
-       * @param {boolean} targetCollapsed <code>true</code> if the <code>currentMasterTarget</code> is the true target of the <code>masterEdge</code>, but is in its {@link yfiles.graph.IFoldingView#collapse collapsed/dummy} state.
-       * @param {yfiles.graph.INode} currentMasterTarget The target node of the edge or one of its ancestors to which the folding edge connects in the view, if the actual parent
-       * is currently {@link yfiles.graph.IFoldingView#collapse collapsed in an ancestor node}.
-       * @constructor
+       * @param masterEdge An edge in the {@link #masterGraph} that is represented by the folding edge.
+       * @param currentMasterSource The source node of the edge or one of its ancestors to which the folding edge connects in the view, if the actual parent
+       * is currently {@link #collapse collapsed in an ancestor node}.
+       * @param sourceCollapsed <code>true</code> if the <code>currentMasterSource</code> is the true source of the <code>masterEdge</code>, but is in its {@link #collapse collapsed/dummy} state.
+       * @param targetCollapsed <code>true</code> if the <code>currentMasterTarget</code> is the true target of the <code>masterEdge</code>, but is in its {@link #collapse collapsed/dummy} state.
+       * @param currentMasterTarget The target node of the edge or one of its ancestors to which the folding edge connects in the view, if the actual parent
+       * is currently {@link #collapse collapsed in an ancestor node}.
        */
       constructor(masterEdge:yfiles.graph.IEdge,currentMasterSource:yfiles.graph.INode,sourceCollapsed:boolean,currentMasterTarget:yfiles.graph.INode,targetCollapsed:boolean);
       /**
        * Initializes an id for a folding edge that is currently part of the given view.
-       * @param {yfiles.graph.IFoldingView} foldingView The view the folding edge is part of.
-       * @param {yfiles.graph.IEdge} foldingEdge The instance that is part of the {@link yfiles.graph.IFoldingView#graph folding view graph}.
-       * @constructor
+       * @param foldingView The view the folding edge is part of.
+       * @param foldingEdge The instance that is part of the {@link #graph folding view graph}.
        */
       constructor(foldingView:yfiles.graph.IFoldingView,foldingEdge:yfiles.graph.IEdge);
       /**
@@ -46867,7 +45879,7 @@ declare namespace system{
      * The label placements use a {@link yfiles.graph.EdgePathLabelModel#createRatioParameter ratio} value as fraction of the full edge path length. This is the main difference to the {@link yfiles.graph.EdgePathLabelModel}
      * which uses a specified segment index from the {@link yfiles.graph.EdgeSegmentLabelModel#createParameterFromSource source} or {@link yfiles.graph.EdgeSegmentLabelModel#createParameterFromTarget target} side and a ratio on this segment.
      * </p>
-     * @class yfiles.graph.EdgePathLabelModel
+     * @class
      * @implements {yfiles.graph.ILabelModel}
      * @implements {yfiles.graph.ILabelModelParameterProvider}
      * @implements {yfiles.graph.ILabelModelParameterFinder}
@@ -46876,12 +45888,11 @@ declare namespace system{
     export class EdgePathLabelModel {
       /**
        * Initializes a new instance of the {@link yfiles.graph.EdgePathLabelModel} class.
-       * @param {number} distance the distance to the edge.
-       * @param {number} offset the offset to the default placement.
-       * @param {number} angle the angle of the label's rotation in radians.
-       * @param {boolean} autoRotationEnabled if set to <code>true</code> auto rotation is enabled.
-       * @param {yfiles.graph.EdgeSides} sideOfEdge the side of the edge labels.
-       * @constructor
+       * @param distance the distance to the edge.
+       * @param offset the offset to the default placement.
+       * @param angle the angle of the label's rotation in radians.
+       * @param autoRotationEnabled if set to <code>true</code> auto rotation is enabled.
+       * @param sideOfEdge the side of the edge labels.
        */
       constructor(distance:number,offset:number,angle:number,autoRotationEnabled:boolean,sideOfEdge:yfiles.graph.EdgeSides);
       /**
@@ -46907,7 +45918,6 @@ declare namespace system{
        * <p>
        * This option sets the {@link yfiles.graph.EdgePathLabelModel#sideOfEdge} property on the created object.
        * </p>
-       * @constructor
        */
       constructor(options?:{angle?:number,autoRotationEnabled?:boolean,distance?:number,offset?:number,sideOfEdge?:yfiles.graph.EdgeSides});
       /**
@@ -46915,28 +45925,28 @@ declare namespace system{
        * <p>
        * Returns a model parameter that encodes the default position of this model's allowed edge label positions.
        * </p>
-       * @returns {yfiles.graph.ILabelModelParameter} 
+       * @returns 
        */
       createDefaultParameter():yfiles.graph.ILabelModelParameter;
       /**
        * Creates a parameter at the provided edge path ratio.
-       * @param {number} edgePathRatio The ratio at which to place the label at the edge path. A ratio of 0.0 will place the label at the source side of the
+       * @param edgePathRatio The ratio at which to place the label at the edge path. A ratio of 0.0 will place the label at the source side of the
        * edge path, a ratio of 1.0 at the target side.
-       * @param {yfiles.graph.EdgeSides} sideOfEdge The side of the edge the label is placed on. Note that only single enum values but no combined ones are allowed.
-       * @returns {yfiles.graph.ILabelModelParameter} A label parameter at the provided edge path ratio for this model instance.
+       * @param sideOfEdge The side of the edge the label is placed on. Note that only single enum values but no combined ones are allowed.
+       * @returns A label parameter at the provided edge path ratio for this model instance.
        */
       createRatioParameter(edgePathRatio:number,sideOfEdge:yfiles.graph.EdgeSides):yfiles.graph.ILabelModelParameter;
       /**
        * Returns an empty context.
-       * @param {yfiles.graph.ILabel} label The label to use in the context.
-       * @param {yfiles.graph.ILabelModelParameter} layoutParameter The parameter to use for the label in the context.
-       * @returns {yfiles.graph.ILookup} An empty context.
+       * @param label The label to use in the context.
+       * @param layoutParameter The parameter to use for the label in the context.
+       * @returns An empty context.
        */
       getContext(label:yfiles.graph.ILabel,layoutParameter:yfiles.graph.ILabelModelParameter):yfiles.graph.ILookup;
       /**
        * 
-       * @param {yfiles.lang.Class} type
-       * @returns {Object} 
+       * @param type
+       * @returns 
        */
       lookup(type:yfiles.lang.Class):Object;
       /**
@@ -47014,7 +46024,7 @@ declare namespace system{
      * The label placements use a specified segment index from the {@link yfiles.graph.EdgeSegmentLabelModel#createParameterFromSource source} or {@link yfiles.graph.EdgeSegmentLabelModel#createParameterFromTarget target} side and a ratio on this segment. This is
      * the main difference to the {@link yfiles.graph.EdgePathLabelModel} which only uses a ratio value of the full edge path.
      * </p>
-     * @class yfiles.graph.EdgeSegmentLabelModel
+     * @class
      * @implements {yfiles.graph.ILabelModel}
      * @implements {yfiles.graph.ILabelModelParameterProvider}
      * @implements {yfiles.graph.ILabelModelParameterFinder}
@@ -47023,12 +46033,11 @@ declare namespace system{
     export class EdgeSegmentLabelModel {
       /**
        * Initializes a new instance of the {@link yfiles.graph.EdgeSegmentLabelModel} class.
-       * @param {number} distance the distance to the edge.
-       * @param {number} offset the offset to the default placement.
-       * @param {number} angle the angle of the label's rotation in radians.
-       * @param {boolean} autoRotationEnabled if set to <code>true</code> auto rotation is enabled.
-       * @param {yfiles.graph.EdgeSides} sideOfEdge the side of the edge labels.
-       * @constructor
+       * @param distance the distance to the edge.
+       * @param offset the offset to the default placement.
+       * @param angle the angle of the label's rotation in radians.
+       * @param autoRotationEnabled if set to <code>true</code> auto rotation is enabled.
+       * @param sideOfEdge the side of the edge labels.
        */
       constructor(distance:number,offset:number,angle:number,autoRotationEnabled:boolean,sideOfEdge:yfiles.graph.EdgeSides);
       /**
@@ -47054,7 +46063,6 @@ declare namespace system{
        * <p>
        * This option sets the {@link yfiles.graph.EdgeSegmentLabelModel#sideOfEdge} property on the created object.
        * </p>
-       * @constructor
        */
       constructor(options?:{angle?:number,autoRotationEnabled?:boolean,distance?:number,offset?:number,sideOfEdge?:yfiles.graph.EdgeSides});
       /**
@@ -47062,49 +46070,49 @@ declare namespace system{
        * <p>
        * Returns a model parameter that encodes the default position of this model's allowed edge label positions.
        * </p>
-       * @returns {yfiles.graph.ILabelModelParameter} 
+       * @returns 
        */
       createDefaultParameter():yfiles.graph.ILabelModelParameter;
       /**
        * Creates a parameter where the label is attached to the edge segment that contains the edge's midpoint.
-       * @param {number} segmentRatio The ratio at which to place the label at the segment. A ratio of 0.0 will place the label at the source side of the
+       * @param segmentRatio The ratio at which to place the label at the segment. A ratio of 0.0 will place the label at the source side of the
        * segment, a ratio of 1.0 at the target side. Ratios &lt; 0.0 or > 1.0 will be interpreted as absolute values in world
        * coordinates.
-       * @param {yfiles.graph.EdgeSides} sideOfEdge The side of the edge the label is placed on. Note that only single enum values but no combined ones are allowed.
-       * @returns {yfiles.graph.ILabelModelParameter} A label parameter that describes the provided parameters for this model instance.
+       * @param sideOfEdge The side of the edge the label is placed on. Note that only single enum values but no combined ones are allowed.
+       * @returns A label parameter that describes the provided parameters for this model instance.
        */
       createParameterFromCenter(segmentRatio:number,sideOfEdge:yfiles.graph.EdgeSides):yfiles.graph.ILabelModelParameter;
       /**
        * Creates a parameter that measures the provided segment index from the source side of the edge path.
-       * @param {number} segmentIndex The zero-based index of the segment beginning from the source side.
-       * @param {number} segmentRatio The ratio at which to place the label at the segment. A ratio of 0.0 will place the label at the source side of the
+       * @param segmentIndex The zero-based index of the segment beginning from the source side.
+       * @param segmentRatio The ratio at which to place the label at the segment. A ratio of 0.0 will place the label at the source side of the
        * segment, a ratio of 1.0 at the target side. Ratios &lt; 0.0 or > 1.0 will be interpreted as absolute values in world
        * coordinates.
-       * @param {yfiles.graph.EdgeSides} sideOfEdge The side of the edge the label is placed on. Note that only single enum values but no combined ones are allowed.
-       * @returns {yfiles.graph.ILabelModelParameter} A label parameter that describes the provided parameters for this model instance.
+       * @param sideOfEdge The side of the edge the label is placed on. Note that only single enum values but no combined ones are allowed.
+       * @returns A label parameter that describes the provided parameters for this model instance.
        */
       createParameterFromSource(segmentIndex:number,segmentRatio:number,sideOfEdge:yfiles.graph.EdgeSides):yfiles.graph.ILabelModelParameter;
       /**
        * Creates a parameter that measures the provided segment index from the target side of the edge path.
-       * @param {number} segmentIndex The zero-based index of the segment beginning from the target side.
-       * @param {number} segmentRatio The ratio at which to place the label at the segment. A ratio of 0.0 will place the label at the target side of the
+       * @param segmentIndex The zero-based index of the segment beginning from the target side.
+       * @param segmentRatio The ratio at which to place the label at the segment. A ratio of 0.0 will place the label at the target side of the
        * segment, a ratio of 1.0 at the source side. Ratios &lt; 0.0 or > 1.0 will be interpreted as absolute values in world
        * coordinates.
-       * @param {yfiles.graph.EdgeSides} sideOfEdge The side of the edge the label is placed on. Note that only single enum values but no combined ones are allowed.
-       * @returns {yfiles.graph.ILabelModelParameter} A label parameter that describes the provided parameters for this model instance.
+       * @param sideOfEdge The side of the edge the label is placed on. Note that only single enum values but no combined ones are allowed.
+       * @returns A label parameter that describes the provided parameters for this model instance.
        */
       createParameterFromTarget(segmentIndex:number,segmentRatio:number,sideOfEdge:yfiles.graph.EdgeSides):yfiles.graph.ILabelModelParameter;
       /**
        * Returns an empty context.
-       * @param {yfiles.graph.ILabel} label The label to use in the context.
-       * @param {yfiles.graph.ILabelModelParameter} layoutParameter The parameter to use for the label in the context.
-       * @returns {yfiles.graph.ILookup} An empty context.
+       * @param label The label to use in the context.
+       * @param layoutParameter The parameter to use for the label in the context.
+       * @returns An empty context.
        */
       getContext(label:yfiles.graph.ILabel,layoutParameter:yfiles.graph.ILabelModelParameter):yfiles.graph.ILookup;
       /**
        * 
-       * @param {yfiles.lang.Class} type
-       * @returns {Object} 
+       * @param type
+       * @returns 
        */
       lookup(type:yfiles.lang.Class):Object;
       /**
@@ -47242,7 +46250,7 @@ declare namespace system{
      * <p>
      * This label model supports eight positions outside of the layout's bounds.
      * </p>
-     * @class yfiles.graph.ExteriorLabelModel
+     * @class
      * @implements {yfiles.graph.ILabelModel}
      * @implements {yfiles.graph.ILabelModelParameterProvider}
      */
@@ -47255,51 +46263,50 @@ declare namespace system{
        * <p>
        * This option sets the {@link yfiles.graph.ExteriorLabelModel#insets} property on the created object.
        * </p>
-       * @constructor
        */
       constructor(options?:{insets?:yfiles.geometry.Insets});
       /**
        * 
-       * @returns {yfiles.graph.ILabelModelParameter} 
+       * @returns 
        */
       createDefaultParameter():yfiles.graph.ILabelModelParameter;
       /**
        * Creates a new parameter that is associated with this instance for the provided position.
-       * @param {yfiles.graph.ExteriorLabelModelPosition} position The position constant that describes the position of the label.
-       * @returns {yfiles.graph.ILabelModelParameter} A new parameter instance.
+       * @param position The position constant that describes the position of the label.
+       * @returns A new parameter instance.
        */
       createParameter(position:yfiles.graph.ExteriorLabelModelPosition):yfiles.graph.ILabelModelParameter;
       /**
        * 
-       * @param {yfiles.graph.ILabel} label
-       * @param {yfiles.graph.ILabelModelParameter} layoutParameter
-       * @returns {yfiles.graph.ILookup} 
+       * @param label
+       * @param layoutParameter
+       * @returns 
        */
       getContext(label:yfiles.graph.ILabel,layoutParameter:yfiles.graph.ILabelModelParameter):yfiles.graph.ILookup;
       /**
        * 
-       * @param {yfiles.graph.ILabel} label
-       * @param {yfiles.graph.ILabelModelParameter} layoutParameter
-       * @returns {yfiles.geometry.IOrientedRectangle} 
+       * @param label
+       * @param layoutParameter
+       * @returns 
        */
       getGeometry(label:yfiles.graph.ILabel,layoutParameter:yfiles.graph.ILabelModelParameter):yfiles.geometry.IOrientedRectangle;
       /**
        * 
-       * @param {yfiles.graph.ILabel} label
-       * @param {yfiles.graph.ILabelModel} model
-       * @returns {yfiles.collections.IEnumerable.<yfiles.graph.ILabelModelParameter>} 
+       * @param label
+       * @param model
+       * @returns 
        */
       getParameters(label:yfiles.graph.ILabel,model:yfiles.graph.ILabelModel):yfiles.collections.IEnumerable<yfiles.graph.ILabelModelParameter>;
       /**
        * 
-       * @param {yfiles.lang.Class} type
-       * @returns {Object} 
+       * @param type
+       * @returns 
        */
       lookup(type:yfiles.lang.Class):Object;
       /**
        * A convenience parameter instance that can be shared between label instances.
        * <p>
-       * Trying to change that instances' {@link yfiles.graph.ExteriorLabelModel#insets} will raise an {@link Stubs.Exceptions.InvalidOperationError}.
+       * Trying to change that instances' {@link yfiles.graph.ExteriorLabelModel#insets} will raise an {@link yfiles.lang.Exception}.
        * </p>
        * @const
        * @static
@@ -47309,7 +46316,7 @@ declare namespace system{
       /**
        * A convenience parameter instance that can be shared between label instances.
        * <p>
-       * Trying to change that instances' {@link yfiles.graph.ExteriorLabelModel#insets} will raise an {@link Stubs.Exceptions.InvalidOperationError}.
+       * Trying to change that instances' {@link yfiles.graph.ExteriorLabelModel#insets} will raise an {@link yfiles.lang.Exception}.
        * </p>
        * @const
        * @static
@@ -47319,7 +46326,7 @@ declare namespace system{
       /**
        * A convenience parameter instance that can be shared between label instances.
        * <p>
-       * Trying to change that instances' {@link yfiles.graph.ExteriorLabelModel#insets} will raise an {@link Stubs.Exceptions.InvalidOperationError}.
+       * Trying to change that instances' {@link yfiles.graph.ExteriorLabelModel#insets} will raise an {@link yfiles.lang.Exception}.
        * </p>
        * @const
        * @static
@@ -47329,7 +46336,7 @@ declare namespace system{
       /**
        * A convenience parameter instance that can be shared between label instances.
        * <p>
-       * Trying to change that instances' {@link yfiles.graph.ExteriorLabelModel#insets} will raise an {@link Stubs.Exceptions.InvalidOperationError}.
+       * Trying to change that instances' {@link yfiles.graph.ExteriorLabelModel#insets} will raise an {@link yfiles.lang.Exception}.
        * </p>
        * @const
        * @static
@@ -47339,7 +46346,7 @@ declare namespace system{
       /**
        * A convenience parameter instance that can be shared between label instances.
        * <p>
-       * Trying to change that instances' {@link yfiles.graph.ExteriorLabelModel#insets} will raise an {@link Stubs.Exceptions.InvalidOperationError}.
+       * Trying to change that instances' {@link yfiles.graph.ExteriorLabelModel#insets} will raise an {@link yfiles.lang.Exception}.
        * </p>
        * @const
        * @static
@@ -47349,7 +46356,7 @@ declare namespace system{
       /**
        * A convenience parameter instance that can be shared between label instances.
        * <p>
-       * Trying to change that instances' {@link yfiles.graph.ExteriorLabelModel#insets} will raise an {@link Stubs.Exceptions.InvalidOperationError}.
+       * Trying to change that instances' {@link yfiles.graph.ExteriorLabelModel#insets} will raise an {@link yfiles.lang.Exception}.
        * </p>
        * @const
        * @static
@@ -47359,7 +46366,7 @@ declare namespace system{
       /**
        * A convenience parameter instance that can be shared between label instances.
        * <p>
-       * Trying to change that instances' {@link yfiles.graph.ExteriorLabelModel#insets} will raise an {@link Stubs.Exceptions.InvalidOperationError}.
+       * Trying to change that instances' {@link yfiles.graph.ExteriorLabelModel#insets} will raise an {@link yfiles.lang.Exception}.
        * </p>
        * @const
        * @static
@@ -47369,7 +46376,7 @@ declare namespace system{
       /**
        * A convenience parameter instance that can be shared between label instances.
        * <p>
-       * Trying to change that instances' {@link yfiles.graph.ExteriorLabelModel#insets} will raise an {@link Stubs.Exceptions.InvalidOperationError}.
+       * Trying to change that instances' {@link yfiles.graph.ExteriorLabelModel#insets} will raise an {@link yfiles.lang.Exception}.
        * </p>
        * @const
        * @static
@@ -47409,7 +46416,7 @@ declare namespace system{
      * <li>Demo: OrgChart, Demo.yFiles.Graph.OrgChart</li>
      * <li>Demo: Collapsible Tree, Demo.yFiles.Graph.Collapse</li>
      * </ul>
-     * @class yfiles.graph.FilteredGraphWrapper
+     * @class
      * @extends {yfiles.graph.GraphWrapperBase}
      * @final
      */
@@ -47422,15 +46429,14 @@ declare namespace system{
        * Note that this instance will register listeners with the <code>graph</code>, so {@link yfiles.graph.FilteredGraphWrapper#dispose} should be
        * called if this instance is not used any more.
        * </p>
-       * @param {yfiles.graph.IGraph} graph The graph to wrap
-       * @param {function(yfiles.graph.INode): boolean} nodePredicate The predicate that determines which nodes to keep.
-       * @param {function(yfiles.graph.IEdge): boolean} edgePredicate The predicate that determines which edges to keep.
-       * @constructor
+       * @param graph The graph to wrap
+       * @param nodePredicate The predicate that determines which nodes to keep.
+       * @param edgePredicate The predicate that determines which edges to keep.
        */
       constructor(graph:yfiles.graph.IGraph,nodePredicate:(obj:yfiles.graph.INode)=>boolean,edgePredicate:(obj:yfiles.graph.IEdge)=>boolean);
       /**
        * Should be called by the client if the {@link yfiles.graph.FilteredGraphWrapper#edgePredicate} changed for the given edge in the graph.
-       * @param {yfiles.graph.IEdge} edge
+       * @param edge
        */
       edgePredicateChanged(edge:yfiles.graph.IEdge):void;
       /**
@@ -47439,7 +46445,7 @@ declare namespace system{
       edgePredicateChanged():void;
       /**
        * Should be called by clients if the {@link yfiles.graph.FilteredGraphWrapper#nodePredicate} changed for the given node.
-       * @param {yfiles.graph.INode} node The node.
+       * @param node The node.
        */
       nodePredicateChanged(node:yfiles.graph.INode):void;
       /**
@@ -47483,7 +46489,7 @@ declare namespace system{
      * <p>
      * The position of the label is stored relative to the positions of the ports of the edge the label belongs to.
      * </p>
-     * @class yfiles.graph.FreeEdgeLabelModel
+     * @class
      * @implements {yfiles.graph.ILabelModelParameterFinder}
      * @implements {yfiles.graph.ILabelModel}
      */
@@ -47491,16 +46497,16 @@ declare namespace system{
     export class FreeEdgeLabelModel {
       /**
        * 
-       * @returns {yfiles.graph.ILabelModelParameter} 
+       * @returns 
        */
       createDefaultParameter():yfiles.graph.ILabelModelParameter;
       /**
        * Creates a parameter for the given location.
-       * @param {number} ratio The ratio at which the label will be anchored between the location of the source port and the location of the target
+       * @param ratio The ratio at which the label will be anchored between the location of the source port and the location of the target
        * port.
-       * @param {number} distance The distance orthogonally to the connection between the source and target point.
-       * @param {number} angle The angle by which the label should be rotated.
-       * @returns {yfiles.graph.ILabelModelParameter} A parameter that describes the position.
+       * @param distance The distance orthogonally to the connection between the source and target point.
+       * @param angle The angle by which the label should be rotated.
+       * @returns A parameter that describes the position.
        * @see yfiles.graph.FreeEdgeLabelModel#edgeRelativeAngle
        */
       createEdgeAnchored(ratio:number,distance:number,angle:number):yfiles.graph.ILabelModelParameter;
@@ -47509,30 +46515,30 @@ declare namespace system{
        * <p>
        * This implementation will match the provided layout perfectly.
        * </p>
-       * @param {yfiles.graph.ILabel} label The label to find a parameter for.
-       * @param {yfiles.graph.ILabelModel} model The model instance to use. This should be this instance.
-       * @param {yfiles.geometry.IOrientedRectangle} layout The anticipated layout for the label.
-       * @returns {yfiles.graph.ILabelModelParameter} A non-<code>null</code> parameter that can be used for the label to approximate the provided layout.
+       * @param label The label to find a parameter for.
+       * @param model The model instance to use. This should be this instance.
+       * @param layout The anticipated layout for the label.
+       * @returns A non-<code>null</code> parameter that can be used for the label to approximate the provided layout.
        */
       findBestParameter(label:yfiles.graph.ILabel,model:yfiles.graph.ILabelModel,layout:yfiles.geometry.IOrientedRectangle):yfiles.graph.ILabelModelParameter;
       /**
        * 
-       * @param {yfiles.graph.ILabel} label
-       * @param {yfiles.graph.ILabelModelParameter} layoutParameter
-       * @returns {yfiles.graph.ILookup} 
+       * @param label
+       * @param layoutParameter
+       * @returns 
        */
       getContext(label:yfiles.graph.ILabel,layoutParameter:yfiles.graph.ILabelModelParameter):yfiles.graph.ILookup;
       /**
        * 
-       * @param {yfiles.graph.ILabel} label
-       * @param {yfiles.graph.ILabelModelParameter} layoutParameter
-       * @returns {yfiles.geometry.IOrientedRectangle} 
+       * @param label
+       * @param layoutParameter
+       * @returns 
        */
       getGeometry(label:yfiles.graph.ILabel,layoutParameter:yfiles.graph.ILabelModelParameter):yfiles.geometry.IOrientedRectangle;
       /**
        * 
-       * @param {yfiles.lang.Class} type
-       * @returns {Object} 
+       * @param type
+       * @returns 
        */
       lookup(type:yfiles.lang.Class):Object;
       /**
@@ -47560,7 +46566,7 @@ declare namespace system{
      * The position of the label is stored absolutely and is not influenced by the layout or position of the owner of the
      * label. In fact the owner is not even queried during a call to {@link yfiles.graph.FreeLabelModel#getGeometry}.
      * </p>
-     * @class yfiles.graph.FreeLabelModel
+     * @class
      * @implements {yfiles.graph.ILabelModelParameterFinder}
      * @implements {yfiles.graph.ILabelModel}
      */
@@ -47568,47 +46574,47 @@ declare namespace system{
     export class FreeLabelModel {
       /**
        * Creates a new label model parameter that places the label at the given absolute position using the provided angle.
-       * @param {yfiles.geometry.Point} anchorLocation The location for the parameter.
-       * @param {number} angle The angle of rotation.
-       * @returns {yfiles.graph.ILabelModelParameter} A new parameter that is associated with this instance.
+       * @param anchorLocation The location for the parameter.
+       * @param angle The angle of rotation.
+       * @returns A new parameter that is associated with this instance.
        */
       createAbsolute(anchorLocation:yfiles.geometry.Point,angle:number):yfiles.graph.ILabelModelParameter;
       /**
        * Creates a new label at the given dynamic location using the provided angle.
-       * @param {yfiles.geometry.IPoint} location The location to place the parameter at. That instance is stored by reference.
-       * @param {number} angle The angle of rotation.
-       * @returns {yfiles.graph.ILabelModelParameter} A new parameter that is associated with this instance.
+       * @param location The location to place the parameter at. That instance is stored by reference.
+       * @param angle The angle of rotation.
+       * @returns A new parameter that is associated with this instance.
        */
       createAnchored(location:yfiles.geometry.IPoint,angle:number):yfiles.graph.ILabelModelParameter;
       /**
        * 
-       * @returns {yfiles.graph.ILabelModelParameter} 
+       * @returns 
        */
       createDefaultParameter():yfiles.graph.ILabelModelParameter;
       /**
        * Creates a new label model parameter that dynamically reads the label layout from the provided instance.
-       * @param {yfiles.geometry.IOrientedRectangle} layout The oriented rectangle to dynamically retrieve the values from.
-       * @returns {yfiles.graph.ILabelModelParameter} A new parameter that is associated with this instance.
+       * @param layout The oriented rectangle to dynamically retrieve the values from.
+       * @returns A new parameter that is associated with this instance.
        */
       createDynamic(layout:yfiles.geometry.IOrientedRectangle):yfiles.graph.ILabelModelParameter;
       /**
        * 
-       * @param {yfiles.graph.ILabel} label
-       * @param {yfiles.graph.ILabelModelParameter} layoutParameter
-       * @returns {yfiles.graph.ILookup} 
+       * @param label
+       * @param layoutParameter
+       * @returns 
        */
       getContext(label:yfiles.graph.ILabel,layoutParameter:yfiles.graph.ILabelModelParameter):yfiles.graph.ILookup;
       /**
        * 
-       * @param {yfiles.graph.ILabel} label
-       * @param {yfiles.graph.ILabelModelParameter} layoutParameter
-       * @returns {yfiles.geometry.IOrientedRectangle} 
+       * @param label
+       * @param layoutParameter
+       * @returns 
        */
       getGeometry(label:yfiles.graph.ILabel,layoutParameter:yfiles.graph.ILabelModelParameter):yfiles.geometry.IOrientedRectangle;
       /**
        * 
-       * @param {yfiles.lang.Class} type
-       * @returns {Object} 
+       * @param type
+       * @returns 
        */
       lookup(type:yfiles.lang.Class):Object;
       /**
@@ -47625,7 +46631,7 @@ declare namespace system{
      * <p>
      * The position of the label is stored relative to the layout of the node the label belongs to.
      * </p>
-     * @class yfiles.graph.FreeNodeLabelModel
+     * @class
      * @implements {yfiles.graph.ILabelModel}
      * @implements {yfiles.graph.ILabelModelParameterFinder}
      */
@@ -47645,15 +46651,15 @@ declare namespace system{
        * the start or end coordinate of the label matches the start, center or end coordinate of the node, that coordinate is the
        * reference. Otherwise, the center of the label specifies the reference.
        * </p>
-       * @param {yfiles.geometry.Rect} nodeLayout The node layout.
-       * @param {yfiles.geometry.IOrientedRectangle} labelLayout The label layout.
-       * @param {yfiles.geometry.Point} [referenceLocation=null] The reference location.
-       * @returns {yfiles.graph.ILabelModelParameter} The canonical parameter for the specified node and label layout.
+       * @param nodeLayout The node layout.
+       * @param labelLayout The label layout.
+       * @param [referenceLocation=null] The reference location.
+       * @returns The canonical parameter for the specified node and label layout.
        */
       createCanonicalParameter(nodeLayout:yfiles.geometry.Rect,labelLayout:yfiles.geometry.IOrientedRectangle,referenceLocation?:yfiles.geometry.Point):yfiles.graph.ILabelModelParameter;
       /**
        * Creates a parameter that is anchored at the node center and has no rotation.
-       * @returns {yfiles.graph.ILabelModelParameter} A parameter that is anchored at the node center and has no rotation.
+       * @returns A parameter that is anchored at the node center and has no rotation.
        */
       createDefaultParameter():yfiles.graph.ILabelModelParameter;
       /**
@@ -47662,13 +46668,13 @@ declare namespace system{
        * The parameter will use the ratio and offset values to determine a point on both the label and the node. It will place
        * the label in such a way that both points coincide.
        * </p>
-       * @param {yfiles.geometry.Point} layoutRatio The ratio that describes the point on the node's layout relative to its size.
-       * @param {yfiles.geometry.Point} layoutOffset The offset to apply to the point on the node after the ratio has been determined.
-       * @param {yfiles.geometry.Point} labelRatio The ratio that describes the point on the label's layout relative to its size.
-       * @param {yfiles.geometry.Point} labelOffset The offset to apply to the point on the label after the ratio has been determined.
-       * @param {number} angle The angle by which the label should be rotated around the point described using the ratio and offset, measured in
+       * @param layoutRatio The ratio that describes the point on the node's layout relative to its size.
+       * @param layoutOffset The offset to apply to the point on the node after the ratio has been determined.
+       * @param labelRatio The ratio that describes the point on the label's layout relative to its size.
+       * @param labelOffset The offset to apply to the point on the label after the ratio has been determined.
+       * @param angle The angle by which the label should be rotated around the point described using the ratio and offset, measured in
        * radians.
-       * @returns {yfiles.graph.ILabelModelParameter} A parameter that exactly fits the described location.
+       * @returns A parameter that exactly fits the described location.
        */
       createParameter(layoutRatio:yfiles.geometry.Point,layoutOffset:yfiles.geometry.Point,labelRatio:yfiles.geometry.Point,labelOffset:yfiles.geometry.Point,angle:number):yfiles.graph.ILabelModelParameter;
       /**
@@ -47676,30 +46682,30 @@ declare namespace system{
        * <p>
        * This implementation will match the provided layout perfectly.
        * </p>
-       * @param {yfiles.graph.ILabel} label The label to find a parameter for.
-       * @param {yfiles.graph.ILabelModel} model The model instance to use. This should be this instance.
-       * @param {yfiles.geometry.IOrientedRectangle} layout The anticipated layout for the label.
-       * @returns {yfiles.graph.ILabelModelParameter} A non-<code>null</code> parameter that can be used for the label to approximate the provided layout.
+       * @param label The label to find a parameter for.
+       * @param model The model instance to use. This should be this instance.
+       * @param layout The anticipated layout for the label.
+       * @returns A non-<code>null</code> parameter that can be used for the label to approximate the provided layout.
        */
       findBestParameter(label:yfiles.graph.ILabel,model:yfiles.graph.ILabelModel,layout:yfiles.geometry.IOrientedRectangle):yfiles.graph.ILabelModelParameter;
       /**
        * Returns an empty context.
-       * @param {yfiles.graph.ILabel} label The label to use in the context.
-       * @param {yfiles.graph.ILabelModelParameter} layoutParameter The parameter to use for the label in the context.
-       * @returns {yfiles.graph.ILookup} An empty context.
+       * @param label The label to use in the context.
+       * @param layoutParameter The parameter to use for the label in the context.
+       * @returns An empty context.
        */
       getContext(label:yfiles.graph.ILabel,layoutParameter:yfiles.graph.ILabelModelParameter):yfiles.graph.ILookup;
       /**
        * 
-       * @param {yfiles.graph.ILabel} label
-       * @param {yfiles.graph.ILabelModelParameter} layoutParameter
-       * @returns {yfiles.geometry.IOrientedRectangle} 
+       * @param label
+       * @param layoutParameter
+       * @returns 
        */
       getGeometry(label:yfiles.graph.ILabel,layoutParameter:yfiles.graph.ILabelModelParameter):yfiles.geometry.IOrientedRectangle;
       /**
        * Returns this instance if an instance of {@link yfiles.graph.ILabelModelParameterFinder} is requested and <code>null</code> otherwise.
-       * @param {yfiles.lang.Class} type The type for which an instance is requested.
-       * @returns {Object} An instance that is assignable to the given type or <code>null</code>.
+       * @param type The type for which an instance is requested.
+       * @returns An instance that is assignable to the given type or <code>null</code>.
        */
       lookup(type:yfiles.lang.Class):Object;
       /**
@@ -47718,7 +46724,7 @@ declare namespace system{
      * Internally the location is stored as the ratios by which the {@link yfiles.geometry.ISize#width} and {@link yfiles.geometry.ISize#height} of the {@link yfiles.graph.INode#layout} need to be scaled and additional offsets to
      * obtain the offset to the top-left corner of the node layout.
      * </p>
-     * @class yfiles.graph.FreeNodePortLocationModel
+     * @class
      * @implements {yfiles.graph.IPortLocationModel}
      * @final
      */
@@ -47726,9 +46732,9 @@ declare namespace system{
     export class FreeNodePortLocationModel {
       /**
        * 
-       * @param {yfiles.graph.IPortOwner} owner
-       * @param {yfiles.geometry.Point} location
-       * @returns {yfiles.graph.IPortLocationModelParameter} 
+       * @param owner
+       * @param location
+       * @returns 
        */
       createParameter(owner:yfiles.graph.IPortOwner,location:yfiles.geometry.Point):yfiles.graph.IPortLocationModelParameter;
       /**
@@ -47737,29 +46743,29 @@ declare namespace system{
        * The <code>ratios</code> will be scaled by the node layout's size and added to the node's top left corner and the <code>offset</code> to determine
        * the port location.
        * </p>
-       * @param {yfiles.geometry.Point} ratios The ratios of the node layout's size.
-       * @param {yfiles.geometry.Point} [offset=null] The offset that is added after the <code>ratios</code> are applied.
-       * @returns {yfiles.graph.IPortLocationModelParameter} A new parameter that matches the specification.
+       * @param ratios The ratios of the node layout's size.
+       * @param [offset=null] The offset that is added after the <code>ratios</code> are applied.
+       * @returns A new parameter that matches the specification.
        */
       createParameterForRatios(ratios:yfiles.geometry.Point,offset?:yfiles.geometry.Point):yfiles.graph.IPortLocationModelParameter;
       /**
        * 
-       * @param {yfiles.graph.IPort} port
-       * @param {yfiles.graph.IPortLocationModelParameter} locationParameter
-       * @returns {yfiles.graph.ILookup} 
+       * @param port
+       * @param locationParameter
+       * @returns 
        */
       getContext(port:yfiles.graph.IPort,locationParameter:yfiles.graph.IPortLocationModelParameter):yfiles.graph.ILookup;
       /**
        * 
-       * @param {yfiles.graph.IPort} port
-       * @param {yfiles.graph.IPortLocationModelParameter} locationParameter
-       * @returns {yfiles.geometry.Point} 
+       * @param port
+       * @param locationParameter
+       * @returns 
        */
       getLocation(port:yfiles.graph.IPort,locationParameter:yfiles.graph.IPortLocationModelParameter):yfiles.geometry.Point;
       /**
        * 
-       * @param {yfiles.lang.Class} type
-       * @returns {Object} 
+       * @param type
+       * @returns 
        */
       lookup(type:yfiles.lang.Class):Object;
       /**
@@ -47772,7 +46778,7 @@ declare namespace system{
       /**
        * A read only immutable singleton instance of a parameter that locates the port at the center of the node layout.
        * <p>
-       * This is the same as creating a parameter using <code>(0.5,0.5)</code> as ratios and <code>(0,0)</code> as offsets.
+       * This is the same as {@link yfiles.graph.FreeNodePortLocationModel#createParameterForRatios creating a parameter} using <code>(0.5,0.5)</code> as ratios and <code>(0,0)</code> as offsets.
        * </p>
        * @const
        * @static
@@ -47783,7 +46789,7 @@ declare namespace system{
        * A read only immutable singleton instance of a parameter that locates the port at the center of the left border of the
        * node layout.
        * <p>
-       * This is the same as creating a parameter using <code>(0,0.5)</code> as ratios and <code>(0,0)</code> as offsets.
+       * This is the same as {@link yfiles.graph.FreeNodePortLocationModel#createParameterForRatios creating a parameter} using <code>(0,0.5)</code> as ratios and <code>(0,0)</code> as offsets.
        * </p>
        * @const
        * @static
@@ -47794,7 +46800,7 @@ declare namespace system{
        * A read only immutable singleton instance of a parameter that locates the port at the center of the right border of the
        * node layout.
        * <p>
-       * This is the same as creating a parameter using <code>(1,0.5)</code> as ratios and <code>(0,0)</code> as offsets.
+       * This is the same as {@link yfiles.graph.FreeNodePortLocationModel#createParameterForRatios creating a parameter} using <code>(1,0.5)</code> as ratios and <code>(0,0)</code> as offsets.
        * </p>
        * @const
        * @static
@@ -47805,7 +46811,7 @@ declare namespace system{
        * A read only immutable singleton instance of a parameter that locates the port at the center of the top border of the
        * node layout.
        * <p>
-       * This is the same as creating a parameter using <code>(0.5,0)</code> as ratios and <code>(0,0)</code> as offsets.
+       * This is the same as {@link yfiles.graph.FreeNodePortLocationModel#createParameterForRatios creating a parameter} using <code>(0.5,0)</code> as ratios and <code>(0,0)</code> as offsets.
        * </p>
        * @const
        * @static
@@ -47816,7 +46822,7 @@ declare namespace system{
        * A read only immutable singleton instance of a parameter that locates the port at the center of the bottom border of the
        * node layout.
        * <p>
-       * This is the same as creating a parameter using <code>(0.5,1)</code> as ratios and <code>(0,0)</code> as offsets.
+       * This is the same as {@link yfiles.graph.FreeNodePortLocationModel#createParameterForRatios creating a parameter} using <code>(0.5,1)</code> as ratios and <code>(0,0)</code> as offsets.
        * </p>
        * @const
        * @static
@@ -47827,7 +46833,7 @@ declare namespace system{
        * A read only immutable singleton instance of a parameter that locates the port at the top left corner of the node
        * layout.
        * <p>
-       * This is the same as creating a parameter using <code>(0,0)</code> as ratios and <code>(0,0)</code> as offsets.
+       * This is the same as {@link yfiles.graph.FreeNodePortLocationModel#createParameterForRatios creating a parameter} using <code>(0,0)</code> as ratios and <code>(0,0)</code> as offsets.
        * </p>
        * @const
        * @static
@@ -47838,7 +46844,7 @@ declare namespace system{
        * A read only immutable singleton instance of a parameter that locates the port at the top right corner of the node
        * layout.
        * <p>
-       * This is the same as creating a parameter using <code>(1,0)</code> as ratios and <code>(0,0)</code> as offsets.
+       * This is the same as {@link yfiles.graph.FreeNodePortLocationModel#createParameterForRatios creating a parameter} using <code>(1,0)</code> as ratios and <code>(0,0)</code> as offsets.
        * </p>
        * @const
        * @static
@@ -47849,7 +46855,7 @@ declare namespace system{
        * A read only immutable singleton instance of a parameter that locates the port at the bottom right corner of the node
        * layout.
        * <p>
-       * This is the same as creating a parameter using <code>(1,1)</code> as ratios and <code>(0,0)</code> as offsets.
+       * This is the same as {@link yfiles.graph.FreeNodePortLocationModel#createParameterForRatios creating a parameter} using <code>(1,1)</code> as ratios and <code>(0,0)</code> as offsets.
        * </p>
        * @const
        * @static
@@ -47860,7 +46866,7 @@ declare namespace system{
        * A read only immutable singleton instance of a parameter that locates the port at the bottom left corner of the node
        * layout.
        * <p>
-       * This is the same as creating a parameter using <code>(0,1)</code> as ratios and <code>(0,0)</code> as offsets.
+       * This is the same as {@link yfiles.graph.FreeNodePortLocationModel#createParameterForRatios creating a parameter} using <code>(0,1)</code> as ratios and <code>(0,0)</code> as offsets.
        * </p>
        * @const
        * @static
@@ -47876,7 +46882,7 @@ declare namespace system{
      * This class holds a number of parameters and serves as a container for these parameters. Custom models can easily be
      * created that way:
      * </p>
-     * @class yfiles.graph.GenericLabelModel
+     * @class
      * @implements {yfiles.graph.ILabelModel}
      * @implements {yfiles.graph.ILabelModelParameterProvider}
      * @implements {yfiles.graph.ILabelCandidateDescriptorProvider}
@@ -47889,11 +46895,10 @@ declare namespace system{
        * <p>
        * The parameter is stored by reference.
        * </p>
-       * @param {yfiles.graph.ILabelModelParameter} defaultLayoutParameter The parameter to use as the default.
-       * @param {yfiles.graph.ILabelCandidateDescriptor} [descriptor=null] The descriptor to associate with the parameter.
+       * @param defaultLayoutParameter The parameter to use as the default.
+       * @param [descriptor=null] The descriptor to associate with the parameter.
        * @throws {Stubs.Exceptions.ArgumentError} <code>defaultParameter</code> is null.
        * @see yfiles.graph.GenericLabelModel#getDescriptor
-       * @constructor
        */
       constructor(defaultLayoutParameter:yfiles.graph.ILabelModelParameter,descriptor?:yfiles.graph.ILabelCandidateDescriptor);
       /**
@@ -47904,35 +46909,35 @@ declare namespace system{
        * associated model will be reflected by this instance. Also the methods allows for associating a {@link yfiles.graph.ILabelCandidateDescriptor}
        * with each parameter that can later be retrieved via the {@link yfiles.graph.GenericLabelModel#getDescriptor} method.
        * </p>
-       * @param {yfiles.graph.ILabelModelParameter} layoutParameter The parameter to add to this instance.
-       * @param {yfiles.graph.ILabelCandidateDescriptor} [descriptor=null] The descriptor to associate with the parameter.
-       * @returns {yfiles.graph.ILabelModelParameter} A new parameter that wraps the provided parameter and uses this instance as its model.
+       * @param layoutParameter The parameter to add to this instance.
+       * @param [descriptor=null] The descriptor to associate with the parameter.
+       * @returns A new parameter that wraps the provided parameter and uses this instance as its model.
        */
       addParameter(layoutParameter:yfiles.graph.ILabelModelParameter,descriptor?:yfiles.graph.ILabelCandidateDescriptor):yfiles.graph.ILabelModelParameter;
       /**
        * 
-       * @returns {yfiles.graph.ILabelModelParameter} 
+       * @returns 
        */
       createDefaultParameter():yfiles.graph.ILabelModelParameter;
       /**
        * 
-       * @param {yfiles.graph.ILabel} label
-       * @param {yfiles.graph.ILabelModelParameter} layoutParameter
-       * @returns {yfiles.graph.ILookup} 
+       * @param label
+       * @param layoutParameter
+       * @returns 
        */
       getContext(label:yfiles.graph.ILabel,layoutParameter:yfiles.graph.ILabelModelParameter):yfiles.graph.ILookup;
       /**
        * Yields the {@link yfiles.graph.ILabelCandidateDescriptor} that has been associated with the instance during
        * {@link yfiles.graph.GenericLabelModel#addParameter}.
-       * @param {yfiles.graph.ILabel} label The label instance to use.
-       * @param {yfiles.graph.ILabelModelParameter} layoutParameter The parameter to get the descriptor for.
-       * @returns {yfiles.graph.ILabelCandidateDescriptor} The descriptor instance that had been added to this instance during {@link yfiles.graph.GenericLabelModel#addParameter}.
+       * @param label The label instance to use.
+       * @param layoutParameter The parameter to get the descriptor for.
+       * @returns The descriptor instance that had been added to this instance during {@link #addParameter}.
        */
       getDescriptor(label:yfiles.graph.ILabel,layoutParameter:yfiles.graph.ILabelModelParameter):yfiles.graph.ILabelCandidateDescriptor;
       /**
        * 
-       * @param {yfiles.lang.Class} type
-       * @returns {Object} 
+       * @param type
+       * @returns 
        */
       lookup(type:yfiles.lang.Class):Object;
       static $class:yfiles.lang.Class;
@@ -47950,7 +46955,7 @@ declare namespace system{
      * Note that in order to work, this model needs to have at least one {@link yfiles.graph.GenericPortLocationModel#addParameter parameter added}.
      * </p>
      * @see yfiles.graph.GenericPortLocationModel#addParameter
-     * @class yfiles.graph.GenericPortLocationModel
+     * @class
      * @implements {yfiles.graph.IPortLocationModel}
      * @implements {yfiles.collections.IEnumerable.<yfiles.graph.IPortLocationModelParameter>}
      * @implements {yfiles.graphml.IMarkupExtensionConverter}
@@ -47960,7 +46965,6 @@ declare namespace system{
     export class GenericPortLocationModel {
       /**
        * Initializes a new instance of the {@link yfiles.graph.GenericPortLocationModel} class.
-       * @constructor
        */
       constructor();
       /**
@@ -47971,7 +46975,7 @@ declare namespace system{
        * <p>
        * This method is used by the compiler if the collection initializer syntax is used.
        * </p>
-       * @param {yfiles.graph.IPortLocationModelParameter} locationParameter The parameter to add to this instance.
+       * @param locationParameter The parameter to add to this instance.
        * @see yfiles.graph.GenericPortLocationModel#addParameter
        */
       add(locationParameter:yfiles.graph.IPortLocationModelParameter):void;
@@ -47981,8 +46985,8 @@ declare namespace system{
        * Note that this will create a new parameter instance that is then actually bound to this instance and returned. The
        * instance is stored by reference so if this is a mutable instance this instance will be modified, implicitly, too.
        * </p>
-       * @param {yfiles.graph.IPortLocationModelParameter} locationParameter The parameter to add to this instance.
-       * @returns {yfiles.graph.IPortLocationModelParameter} The parameter to use with this model that wraps the given parameter.
+       * @param locationParameter The parameter to add to this instance.
+       * @returns The parameter to use with this model that wraps the given parameter.
        * @see yfiles.graph.GenericPortLocationModel#add
        */
       addParameter(locationParameter:yfiles.graph.IPortLocationModelParameter):yfiles.graph.IPortLocationModelParameter;
@@ -47992,29 +46996,29 @@ declare namespace system{
        * <p>
        * This implementation iterates over all {@link yfiles.graph.GenericPortLocationModel#locationParameters} to return the one that matches the given location the best.
        * </p>
-       * @param {yfiles.graph.IPortOwner} owner The port owner that will own the port for which the parameter shall be created.
-       * @param {yfiles.geometry.Point} location The location in the world coordinate system that should be matched as best as possible.
-       * @returns {yfiles.graph.IPortLocationModelParameter} A new instance that can be used to describe the location of an {@link yfiles.graph.IPort} at the given <code>owner</code>.
+       * @param owner The port owner that will own the port for which the parameter shall be created.
+       * @param location The location in the world coordinate system that should be matched as best as possible.
+       * @returns A new instance that can be used to describe the location of an {@link } at the given <code>owner</code>.
        */
       createParameter(owner:yfiles.graph.IPortOwner,location:yfiles.geometry.Point):yfiles.graph.IPortLocationModelParameter;
       /**
        * 
-       * @param {yfiles.graph.IPort} port
-       * @param {yfiles.graph.IPortLocationModelParameter} locationParameter
-       * @returns {yfiles.graph.ILookup} 
+       * @param port
+       * @param locationParameter
+       * @returns 
        */
       getContext(port:yfiles.graph.IPort,locationParameter:yfiles.graph.IPortLocationModelParameter):yfiles.graph.ILookup;
       /**
        * 
-       * @param {yfiles.graph.IPort} port
-       * @param {yfiles.graph.IPortLocationModelParameter} locationParameter
-       * @returns {yfiles.geometry.Point} 
+       * @param port
+       * @param locationParameter
+       * @returns 
        */
       getLocation(port:yfiles.graph.IPort,locationParameter:yfiles.graph.IPortLocationModelParameter):yfiles.geometry.Point;
       /**
        * 
-       * @param {yfiles.lang.Class} type
-       * @returns {Object} 
+       * @param type
+       * @returns 
        */
       lookup(type:yfiles.lang.Class):Object;
       /**
@@ -48051,9 +47055,9 @@ declare namespace system{
        * <p>
        * If the source graph is a managed folding view, the <code>item</code> is always a master item.
        * </p>
-       * @param {yfiles.graph.IGraphClipboardContext} context The context in which this interface is used, can be <code>null</code>
-       * @param {yfiles.graph.IModelItem} item The item to copy to the clipboard.
-       * @returns {Object} A custom user object that will later be provided to {@link yfiles.graph.IClipboardHelper#paste}.
+       * @param context The context in which this interface is used, can be <code>null</code>
+       * @param item The item to copy to the clipboard.
+       * @returns A custom user object that will later be provided to {@link #paste}.
        * @abstract
        */
       copy(context:yfiles.graph.IGraphClipboardContext,item:yfiles.graph.IModelItem):Object;
@@ -48063,9 +47067,9 @@ declare namespace system{
        * <p>
        * If the source graph is a managed folding view, the <code>item</code> is always a master item.
        * </p>
-       * @param {yfiles.graph.IGraphClipboardContext} context The context in which this interface is used, can be <code>null</code>
-       * @param {yfiles.graph.IModelItem} item The item to cut to the clipboard.
-       * @returns {Object} A custom user object that will later be provided to {@link yfiles.graph.IClipboardHelper#paste}.
+       * @param context The context in which this interface is used, can be <code>null</code>
+       * @param item The item to cut to the clipboard.
+       * @returns A custom user object that will later be provided to {@link #paste}.
        * @abstract
        */
       cut(context:yfiles.graph.IGraphClipboardContext,item:yfiles.graph.IModelItem):Object;
@@ -48074,9 +47078,9 @@ declare namespace system{
        * <p>
        * The <code>item</code> is always a master item since the clipboard graph is not a managed folding view.
        * </p>
-       * @param {yfiles.graph.IGraphClipboardContext} context The context in which this interface is used, can be <code>null</code>
-       * @param {yfiles.graph.IModelItem} item The item that has been created during the paste operation.
-       * @param {Object} userData The data that had been queried during {@link yfiles.graph.IClipboardHelper#cut} or {@link yfiles.graph.IClipboardHelper#copy}
+       * @param context The context in which this interface is used, can be <code>null</code>
+       * @param item The item that has been created during the paste operation.
+       * @param userData The data that had been queried during {@link #cut} or {@link #copy}
        * respectively.
        * @abstract
        */
@@ -48088,9 +47092,9 @@ declare namespace system{
        * copied, this method will be queried with the collapsed group node as <code>item</code> for each "hidden" node that is currently not
        * visible.
        * </p>
-       * @param {yfiles.graph.IGraphClipboardContext} context The context in which this interface is used, can be <code>null</code>
-       * @param {yfiles.graph.IModelItem} item The item in question.
-       * @returns {boolean} Whether this item should be copied.
+       * @param context The context in which this interface is used, can be <code>null</code>
+       * @param item The item in question.
+       * @returns Whether this item should be copied.
        * @abstract
        */
       shouldCopy(context:yfiles.graph.IGraphClipboardContext,item:yfiles.graph.IModelItem):boolean;
@@ -48101,9 +47105,9 @@ declare namespace system{
        * cut, this method will be queried with the collapsed group node as <code>item</code> for each "hidden" node that is currently not
        * visible.
        * </p>
-       * @param {yfiles.graph.IGraphClipboardContext} context The context in which this interface is used, can be <code>null</code>
-       * @param {yfiles.graph.IModelItem} item The item in question.
-       * @returns {boolean} Whether this item should be cut.
+       * @param context The context in which this interface is used, can be <code>null</code>
+       * @param item The item in question.
+       * @returns Whether this item should be cut.
        * @abstract
        */
       shouldCut(context:yfiles.graph.IGraphClipboardContext,item:yfiles.graph.IModelItem):boolean;
@@ -48112,10 +47116,10 @@ declare namespace system{
        * <p>
        * The <code>item</code> is always a master item since the clipboard graph is not a managed folding view.
        * </p>
-       * @param {yfiles.graph.IGraphClipboardContext} context The context in which this interface is used, can be <code>null</code>
-       * @param {yfiles.graph.IModelItem} item The item in the clipboard graph.
-       * @param {Object} userData The state memento that had been created during {@link yfiles.graph.IClipboardHelper#cut} or {@link yfiles.graph.IClipboardHelper#copy}.
-       * @returns {boolean} Whether this item should be pasted.
+       * @param context The context in which this interface is used, can be <code>null</code>
+       * @param item The item in the clipboard graph.
+       * @param userData The state memento that had been created during {@link #cut} or {@link #copy}.
+       * @returns Whether this item should be pasted.
        * @abstract
        */
       shouldPaste(context:yfiles.graph.IGraphClipboardContext,item:yfiles.graph.IModelItem,userData:Object):boolean;
@@ -48169,17 +47173,17 @@ declare namespace system{
     export interface IClipboardIdProvider extends Object{
       /**
        * Gets the ID for the given <code>originalItem</code>.
-       * @param {yfiles.graph.IGraphClipboardContext} context The clipboard context
-       * @param {yfiles.graph.IModelItem} originalItem The original item which is copied. The item is part of the original graph from which the item is copied.
-       * @returns {Object} An ID for the given item. The object should be suitable for use in a {@link yfiles.collections.Map.<TKey,TValue>}.
+       * @param context The clipboard context
+       * @param originalItem The original item which is copied. The item is part of the original graph from which the item is copied.
+       * @returns An ID for the given item. The object should be suitable for use in a {@link }.
        * @abstract
        */
       getId(context:yfiles.graph.IGraphClipboardContext,originalItem:yfiles.graph.IModelItem):Object;
       /**
        * Gets the item which is represented by the given <code>id</code>.
-       * @param {yfiles.graph.IGraphClipboardContext} context The clipboard context.
-       * @param {Object} id The ID to get the item for.
-       * @returns {yfiles.graph.IModelItem} The item which is represented by the given ID or <code>null</code> if the item cannot be located or is invalid. The item needs to be
+       * @param context The clipboard context.
+       * @param id The ID to get the item for.
+       * @returns The item which is represented by the given ID or <code>null</code> if the item cannot be located or is invalid. The item needs to be
        * part of the target graph for paste operations.
        * @abstract
        */
@@ -48273,9 +47277,10 @@ declare namespace system{
      * </ul>
      * @see yfiles.graph.IClipboardHelper
      * @see yfiles.graph.GraphClipboard#cut
-     * @see yfiles.graph.GraphClipboard#copy
+     * @see yfiles.graph.GraphClipboard#onCopy
+     * @see yfiles.graph.GraphClipboard#paste
      * @see yfiles.graph.GraphClipboard#clipboardGraph
-     * @class yfiles.graph.GraphClipboard
+     * @class
      */
     export interface GraphClipboard extends Object{}
     export class GraphClipboard {
@@ -48322,68 +47327,54 @@ declare namespace system{
        * <p>
        * This option sets the {@link yfiles.graph.GraphClipboard#copyItems} property on the created object.
        * </p>
-       * @constructor
        */
       constructor(options?:{pasteDelta?:yfiles.geometry.Point,toClipboardCopier?:yfiles.graph.GraphCopier,fromClipboardCopier?:yfiles.graph.GraphCopier,duplicateCopier?:yfiles.graph.GraphCopier,idProvider?:yfiles.graph.IClipboardIdProvider,clipboardGraph?:yfiles.graph.IGraph,parentNodeDetection?:yfiles.graph.ParentNodeDetectionModes,dependentCopyItems?:yfiles.graph.GraphItemTypes,independentCopyItems?:yfiles.graph.GraphItemTypes,copyItems?:yfiles.graph.GraphItemTypes});
       /**
        * Clears the clipboard's contents.
        */
       clear():void;
-      /**
-       * Calls {@link yfiles.graph.GraphCopier#copy} on the current {@link yfiles.graph.GraphClipboard#toClipboardCopier} instance or {@link yfiles.graph.GraphClipboard#fromClipboardCopier} instance, depending on whether the <code>targetGraph</code> is the {@link yfiles.graph.GraphClipboard#clipboardGraph}
-       * instance.
-       * @param {yfiles.graph.IGraph} sourceGraph The source graph to pass to {@link yfiles.graph.GraphCopier#copy}
-       * @param {function(yfiles.graph.IModelItem): boolean} filter The predicate to pass on.
-       * @param {yfiles.graph.IGraph} targetGraph The target graph to pass on.
-       * @param {yfiles.graph.INode} targetRootNode The node to use as the root node in the grouped <code>targetGraph</code>.
-       * @param {function(yfiles.graph.IModelItem, yfiles.graph.IModelItem): void} elementCopiedCallback The delegate to pass on. For each element that is copied during the operation to the clipboard, this callback will be
-       * passed the original and the copy of the item. In case the <code>sourceGraph</code> is a {@link yfiles.graph.FoldingManager#views folding view graph} both elements are passed
-       * as {@link yfiles.graph.FoldingManager#masterGraph master} elements or {@link yfiles.graph.FoldingManager#getFolderNodeState folding state elements} if a master element does not exist.
-       * @protected
-       */
-      copy(sourceGraph:yfiles.graph.IGraph,filter:(obj:yfiles.graph.IModelItem)=>boolean,targetGraph:yfiles.graph.IGraph,targetRootNode:yfiles.graph.INode,elementCopiedCallback:(original:yfiles.graph.IModelItem,copy:yfiles.graph.IModelItem)=>void):void;
       /**
        * Copies the elements indicated by the filter to the clipboard graph.
        * <p>
        * For each element copied to the clipboard graph the {@link yfiles.graph.GraphClipboard#onElementCopied} delegate will be called.
        * The actual work of this method is delegated to the {@link yfiles.graph.GraphClipboard#toClipboardCopier}'s {@link yfiles.graph.GraphCopier#copy} method.
        * </p>
-       * @param {yfiles.graph.IGraph} sourceGraph The graph to copy the contents from.
-       * @param {function(yfiles.graph.IModelItem): boolean} filter The filter to apply to the source graph's elements.
+       * @param sourceGraph The graph to copy the contents from.
+       * @param filter The filter to apply to the source graph's elements.
        */
       copy(sourceGraph:yfiles.graph.IGraph,filter:(obj:yfiles.graph.IModelItem)=>boolean):void;
       /**
        * Creates the graph used for the clipboard.
-       * @returns {yfiles.graph.IGraph} A new readily configured {@link yfiles.graph.DefaultGraph} instance.
+       * @returns A new readily configured {@link } instance.
        * @protected
        */
       createClipboardGraph():yfiles.graph.IGraph;
       /**
        * Convenience method that creates a predicate that is based upon the outcome of the {@link yfiles.graph.IClipboardHelper#shouldCopy}
        * method that can be found in the {@link yfiles.graph.ILookup#lookup} of the provided {@link yfiles.graph.IModelItem}.
-       * @returns {function(yfiles.graph.IModelItem): boolean} A predicate that uses {@link yfiles.graph.IClipboardHelper#shouldCopy}.
-       * @see yfiles.graph.GraphClipboard#copy
+       * @returns A predicate that uses {@link #shouldCopy}.
+       * @see yfiles.graph.GraphClipboard#onCopy
        */
       createClipBoardHelperCopyFilter():(obj:yfiles.graph.IModelItem)=>boolean;
       /**
        * Convenience method that creates a predicate that is based upon the outcome of the {@link yfiles.graph.IClipboardHelper#shouldCut}
        * method that can be found in the {@link yfiles.graph.ILookup#lookup} of the provided {@link yfiles.graph.IModelItem}.
-       * @returns {function(yfiles.graph.IModelItem): boolean} A predicate that uses {@link yfiles.graph.IClipboardHelper#shouldCut}.
+       * @returns A predicate that uses {@link #shouldCut}.
        * @see yfiles.graph.GraphClipboard#cut
        */
       createClipBoardHelperCutFilter():(obj:yfiles.graph.IModelItem)=>boolean;
       /**
        * Convenience method that creates a predicate that is based upon the outcome of the {@link yfiles.graph.IClipboardHelper#shouldPaste}
        * method that can be found in the {@link yfiles.graph.ILookup#lookup} of the provided {@link yfiles.graph.IModelItem}.
-       * @returns {function(yfiles.graph.IModelItem): boolean} A predicate that uses {@link yfiles.graph.IClipboardHelper#shouldPaste}.
+       * @returns A predicate that uses {@link #shouldPaste}.
        * @see yfiles.graph.GraphClipboard#cut
        */
       createClipBoardHelperPasteFilter():(obj:yfiles.graph.IModelItem)=>boolean;
       /**
        * Factory method that creates the context for the upcoming calls to the {@link yfiles.graph.IClipboardHelper} methods.
-       * @param {yfiles.graph.IGraph} sourceGraph The source graph of the operation.
-       * @param {yfiles.graph.IGraph} targetGraph The target graph of the operation.
-       * @returns {yfiles.graph.IGraphClipboardContext} A context that has the properties configured according to the parameters.
+       * @param sourceGraph The source graph of the operation.
+       * @param targetGraph The target graph of the operation.
+       * @returns A context that has the properties configured according to the parameters.
        * @protected
        */
       createContext(sourceGraph:yfiles.graph.IGraph,targetGraph:yfiles.graph.IGraph):yfiles.graph.IGraphClipboardContext;
@@ -48395,12 +47386,12 @@ declare namespace system{
        * <p>
        * Custom ID can be used to map between elements in different graphs.
        * </p>
-       * @returns {yfiles.graph.IClipboardIdProvider} 
+       * @returns 
        * @protected
        */
       createDefaultClipboardIdProvider():yfiles.graph.IClipboardIdProvider;
       /**
-       * Creates a predicate for use in the {@link yfiles.graph.GraphClipboard#copy} method.
+       * Creates a predicate for use in the {@link yfiles.graph.GraphClipboard#onCopy} method.
        * <p>
        * This filter uses two predicates to decide whether a graph item can be copied. The base set of items specified by this
        * filter is induced by the {@link yfiles.graph.GraphClipboard#createSelectionFilter}. Optionally, this set can be restricted
@@ -48408,9 +47399,9 @@ declare namespace system{
        * or any item this item depends on, then the item will not be copied. Items without such a predicate are handled solely
        * according to their selection state.
        * </p>
-       * @param {yfiles.view.IGraphSelection} selection The selection model to base the filter on.
-       * @param {yfiles.graph.IGraph} graph The graph to use for determining adjacency.
-       * @returns {function(yfiles.graph.IModelItem): boolean} A predicate that filters subgraph induced by the selection of nodes and restricted by an optional {@link yfiles.graph.IClipboardHelper#shouldCopy}
+       * @param selection The selection model to base the filter on.
+       * @param graph The graph to use for determining adjacency.
+       * @returns A predicate that filters subgraph induced by the selection of nodes and restricted by an optional {@link #shouldCopy}
        * predicate.
        */
       createDefaultCopyFilter(selection:yfiles.view.IGraphSelection,graph:yfiles.graph.IGraph):(obj:yfiles.graph.IModelItem)=>boolean;
@@ -48423,9 +47414,9 @@ declare namespace system{
        * or any item this item depends on, then the item will not be cut. Items without such a predicate are handled solely
        * according to their selection state.
        * </p>
-       * @param {yfiles.view.IGraphSelection} selection The selection model to base the filter on.
-       * @param {yfiles.graph.IGraph} graph The graph to use for determining adjacency.
-       * @returns {function(yfiles.graph.IModelItem): boolean} A predicate that filters subgraph induced by the selection of nodes and restricted by an optional {@link yfiles.graph.IClipboardHelper#shouldCut}
+       * @param selection The selection model to base the filter on.
+       * @param graph The graph to use for determining adjacency.
+       * @returns A predicate that filters subgraph induced by the selection of nodes and restricted by an optional {@link #shouldCut}
        * predicate.
        */
       createDefaultCutFilter(selection:yfiles.view.IGraphSelection,graph:yfiles.graph.IGraph):(obj:yfiles.graph.IModelItem)=>boolean;
@@ -48439,44 +47430,44 @@ declare namespace system{
        * or any item this item depends on, then the item will not be copied. Items without such a predicate are handled solely
        * according to their selection state.
        * </p>
-       * @param {yfiles.view.IGraphSelection} selection The selection model to base the filter on.
-       * @param {yfiles.graph.IGraph} graph The graph to use for determining adjacency.
-       * @returns {function(yfiles.graph.IModelItem): boolean} A predicate that filters subgraph induced by the selection of nodes and restricted by an optional {@link yfiles.graph.IClipboardHelper#shouldCopy}
+       * @param selection The selection model to base the filter on.
+       * @param graph The graph to use for determining adjacency.
+       * @returns A predicate that filters subgraph induced by the selection of nodes and restricted by an optional {@link #shouldCopy}
        * predicate.
        */
       createDefaultDuplicateFilter(selection:yfiles.view.IGraphSelection,graph:yfiles.graph.IGraph):(obj:yfiles.graph.IModelItem)=>boolean;
       /**
        * Factory method that creates the {@link yfiles.graph.GraphClipboard#duplicateCopier}.
-       * @returns {yfiles.graph.GraphCopier} A new {@link yfiles.graph.GraphCopier} instance.
+       * @returns A new {@link } instance.
        * @protected
        */
       createDuplicateCopier():yfiles.graph.GraphCopier;
       /**
        * Factory method that creates the {@link yfiles.graph.GraphClipboard#fromClipboardCopier}.
-       * @returns {yfiles.graph.GraphCopier} A new {@link yfiles.graph.GraphCopier} instance.
+       * @returns A new {@link } instance.
        * @protected
        */
       createFromClipboardCopier():yfiles.graph.GraphCopier;
       /**
-       * Creates a predicate for use in the {@link yfiles.graph.GraphClipboard#cut} and {@link yfiles.graph.GraphClipboard#copy} methods.
+       * Creates a predicate for use in the {@link yfiles.graph.GraphClipboard#cut} and {@link yfiles.graph.GraphClipboard#onCopy} methods.
        * <p>
        * This predicate is based on the element induced by the set of selected nodes, e.g. each edge that has both of its
        * adjacent port owners selected will be included as well as each label and port whose owner is included. Also ports where
        * no adjacent edge is included (but edges exist), will not be included, unless the {@link yfiles.graph.IPortDefaults#autoCleanup} is set to <code>false</code>.
        * </p>
-       * @param {yfiles.view.IGraphSelection} selection The selection model to base the filter on.
-       * @param {yfiles.graph.IGraph} graph The graph to use for determining adjacency.
-       * @returns {function(yfiles.graph.IModelItem): boolean} A predicate that filters subgraph induced by the selection of nodes.
+       * @param selection The selection model to base the filter on.
+       * @param graph The graph to use for determining adjacency.
+       * @returns A predicate that filters subgraph induced by the selection of nodes.
        */
       createSelectionFilter(selection:yfiles.view.IGraphSelection,graph:yfiles.graph.IGraph):(obj:yfiles.graph.IModelItem)=>boolean;
       /**
        * Factory method that creates the {@link yfiles.graph.GraphClipboard#toClipboardCopier}.
-       * @returns {yfiles.graph.GraphCopier} A new {@link yfiles.graph.GraphCopier} instance.
+       * @returns A new {@link } instance.
        * @protected
        */
       createToClipboardCopier():yfiles.graph.GraphCopier;
       /**
-       * Creates an induced predicate from <code>coreFilter</code> for use in the {@link yfiles.graph.GraphClipboard#cut} and {@link yfiles.graph.GraphClipboard#copy}
+       * Creates an induced predicate from <code>coreFilter</code> for use in the {@link yfiles.graph.GraphClipboard#cut} and {@link yfiles.graph.GraphClipboard#onCopy}
        * methods that takes dependent items into account.
        * <p>
        * This method can create a predicate for only a core set of items which is then extended or restricted depending on the
@@ -48495,21 +47486,21 @@ declare namespace system{
        * (e.g. label/port owner, source/target port etc.) is forbidden by <code>coreFilter</code>.
        * </li>
        * </ul>
-       * @param {function(yfiles.graph.IModelItem): boolean} coreFilter The core predicate for the base set of elements.
-       * @param {yfiles.graph.IGraph} graph The graph to use for determining adjacency.
-       * @param {boolean} restrictive Whether to create a restriction or extension for the <code>coreFilter</code> predicate
-       * @returns {function(yfiles.graph.IModelItem): boolean} 
+       * @param coreFilter The core predicate for the base set of elements.
+       * @param graph The graph to use for determining adjacency.
+       * @param restrictive Whether to create a restriction or extension for the <code>coreFilter</code> predicate
+       * @returns 
        * @static
        */
       static createWrappedFilter(coreFilter:(obj:yfiles.graph.IModelItem)=>boolean,graph:yfiles.graph.IGraph,restrictive:boolean):(obj:yfiles.graph.IModelItem)=>boolean;
       /**
        * Cuts the items indicated by <code>filter</code> to the clipboard and removes them from the graph.
        * <p>
-       * This method delegates the core work to {@link yfiles.graph.GraphClipboard#copy} which will use the {@link yfiles.graph.GraphClipboard#toClipboardCopier} to copy the cut elements to
-       * the clipboard.
+       * This method delegates the core work to {@link yfiles.graph.GraphClipboard#onCopy} which will use the {@link yfiles.graph.GraphClipboard#toClipboardCopier} to copy the cut elements
+       * to the clipboard.
        * </p>
-       * @param {yfiles.graph.IGraph} sourceGraph The graph to cut the items from.
-       * @param {function(yfiles.graph.IModelItem): boolean} filter The filter to use.
+       * @param sourceGraph The graph to cut the items from.
+       * @param filter The filter to use.
        * @see yfiles.graph.GraphClipboard#createSelectionFilter
        */
       cut(sourceGraph:yfiles.graph.IGraph,filter:(obj:yfiles.graph.IModelItem)=>boolean):void;
@@ -48518,10 +47509,10 @@ declare namespace system{
        * <p>
        * The {@link yfiles.graph.GraphClipboard#clipboardGraph} is not altered by this operation.
        * </p>
-       * @param {yfiles.input.IInputModeContext} context The current {@link yfiles.input.IInputModeContext}.
-       * @param {yfiles.graph.IGraph} sourceGraph The graph whose elements should be duplicated.
-       * @param {function(yfiles.graph.IModelItem): boolean} filter A predicate which returns <code>true</code> for elements which should be duplicated.
-       * @param {function(yfiles.graph.IModelItem, yfiles.graph.IModelItem): void} elementDuplicated An element copied callback which gets invoked for each element which has been duplicated. The two parameters passed into
+       * @param context The current {@link }.
+       * @param sourceGraph The graph whose elements should be duplicated.
+       * @param filter A predicate which returns <code>true</code> for elements which should be duplicated.
+       * @param elementDuplicated An element copied callback which gets invoked for each element which has been duplicated. The two parameters passed into
        * the callback are guaranteed to be part of the <code>sourceGraph</code>.
        */
       duplicate(context:yfiles.input.IInputModeContext,sourceGraph:yfiles.graph.IGraph,filter:(obj:yfiles.graph.IModelItem)=>boolean,elementDuplicated:(original:yfiles.graph.IModelItem,copy:yfiles.graph.IModelItem)=>void):void;
@@ -48530,8 +47521,8 @@ declare namespace system{
        * <p>
        * This implementation uses the item's {@link yfiles.graph.ILookup#lookup} method to retrieve the helper instance.
        * </p>
-       * @param {yfiles.graph.IModelItem} item The item to find the clipboard helper for.
-       * @returns {yfiles.graph.IClipboardHelper} An instance or <code>null</code>.
+       * @param item The item to find the clipboard helper for.
+       * @returns An instance or <code>null</code>.
        * @protected
        */
       getClipboardHelper(item:yfiles.graph.IModelItem):yfiles.graph.IClipboardHelper;
@@ -48541,10 +47532,10 @@ declare namespace system{
        * This method might be overridden to map folding states for edges whose source or target node's hierarchy might have
        * changed during a paste operation.
        * </p>
-       * @param {yfiles.graph.IEdge} edge The edge to get the folding state for.
-       * @param {yfiles.graph.FoldingEdgeStateId} id The original {@link yfiles.graph.FoldingEdgeStateId} to get the folding state for. Passing <code>null</code> will return the folding state
+       * @param edge The edge to get the folding state for.
+       * @param id The original {@link } to get the folding state for. Passing <code>null</code> will return the folding state
        * which was visible when the edge was copied into the clipboard.
-       * @returns {yfiles.graph.IEdge} The folding state which is mapped to the given <code>id</code>. May be <code>null</code>.
+       * @returns The folding state which is mapped to the given <code>id</code>. May be <code>null</code>.
        * @protected
        */
       getFoldingEdgeState(edge:yfiles.graph.IEdge,id:yfiles.graph.FoldingEdgeStateId):yfiles.graph.IEdge;
@@ -48554,20 +47545,20 @@ declare namespace system{
        * Implementations might delegate to {@link yfiles.graph.GraphCopier#copyLabelLayoutParameter} to copy the existing parameter or
        * use the {@link yfiles.graph.IGraph#nodeDefaults} or {@link yfiles.graph.IGraph#edgeDefaults} to create a new one. Note that the type of the owner might have changed during the copy operation.
        * </p>
-       * @param {yfiles.graph.GraphCopier} copier The {@link yfiles.graph.GraphCopier} whose {@link yfiles.graph.GraphCopier#copyLabelLayoutParameter} method can be used to copy the
+       * @param copier The {@link } whose {@link #copyLabelLayoutParameter} method can be used to copy the
        * existing parameter.
-       * @param {yfiles.graph.IGraph} graph The {@link yfiles.graph.IGraph} whose {@link yfiles.graph.IGraph#nodeDefaults} or {@link yfiles.graph.IGraph#edgeDefaults} can be used to create a new parameter.
-       * @param {yfiles.graph.ILabel} label The label to be copied.
-       * @param {yfiles.graph.ILabelOwner} newOwner The new owner for the label.
-       * @returns {yfiles.graph.ILabelModelParameter} An {@link yfiles.graph.ILabelModelParameter} for the copied label.
+       * @param graph The {@link } whose {@link #nodeDefaults} or {@link #edgeDefaults} can be used to create a new parameter.
+       * @param label The label to be copied.
+       * @param newOwner The new owner for the label.
+       * @returns An {@link } for the copied label.
        * @protected
        */
       getLabelLayoutParameter(copier:yfiles.graph.GraphCopier,graph:yfiles.graph.IGraph,label:yfiles.graph.ILabel,newOwner:yfiles.graph.ILabelOwner):yfiles.graph.ILabelModelParameter;
       /**
        * Retrieves the memento associated with an item in the clipboard graph that has been stored with the item during {@link yfiles.graph.GraphClipboard#onElementCopied}
        * and {@link yfiles.graph.GraphClipboard#onElementCut}.
-       * @param {yfiles.graph.IModelItem} clipboardItem The item in the clipboard graph.
-       * @returns {Object} The object returned by the {@link yfiles.graph.IClipboardHelper} methods or <code>null</code>.
+       * @param clipboardItem The item in the clipboard graph.
+       * @returns The object returned by the {@link } methods or <code>null</code>.
        */
       getMemento(clipboardItem:yfiles.graph.IModelItem):Object;
       /**
@@ -48576,12 +47567,12 @@ declare namespace system{
        * Implementations might delegate to {@link yfiles.graph.GraphCopier#copyPortLocationParameter} to copy the existing parameter or
        * use the {@link yfiles.graph.IGraph#nodeDefaults} or {@link yfiles.graph.IGraph#edgeDefaults} to create a new one. Note that the type of the owner might have changed during the copy operation.
        * </p>
-       * @param {yfiles.graph.GraphCopier} copier The {@link yfiles.graph.GraphCopier} whose {@link yfiles.graph.GraphCopier#copyPortLocationParameter} method can be used to copy the
+       * @param copier The {@link } whose {@link #copyPortLocationParameter} method can be used to copy the
        * existing parameter.
-       * @param {yfiles.graph.IGraph} graph The {@link yfiles.graph.IGraph} whose {@link yfiles.graph.IGraph#nodeDefaults} or {@link yfiles.graph.IGraph#edgeDefaults} can be used to create a new parameter.
-       * @param {yfiles.graph.IPort} originalPort The port to be copied.
-       * @param {yfiles.graph.IPortOwner} newOwner The new owner for the port.
-       * @returns {yfiles.graph.IPortLocationModelParameter} An {@link yfiles.graph.IPortLocationModelParameter} for the copied port.
+       * @param graph The {@link } whose {@link #nodeDefaults} or {@link #edgeDefaults} can be used to create a new parameter.
+       * @param originalPort The port to be copied.
+       * @param newOwner The new owner for the port.
+       * @returns An {@link } for the copied port.
        * @protected
        */
       getPortLocationParameter(copier:yfiles.graph.GraphCopier,graph:yfiles.graph.IGraph,originalPort:yfiles.graph.IPort,newOwner:yfiles.graph.IPortOwner):yfiles.graph.IPortLocationModelParameter;
@@ -48591,8 +47582,8 @@ declare namespace system{
        * Called for {@link yfiles.graph.IBend}s whose edge is not copied to provide a new owner. Might return <code>null</code> if no target for the
        * given <code>originalBend</code> is found. In this case the bend will not be copied.
        * </p>
-       * @param {yfiles.graph.IBend} originalBend The bend to be copied.
-       * @returns {yfiles.graph.IEdge} An {@link yfiles.graph.IEdge} for the bend to be added to or <code>null</code> if the bend should not be copied.
+       * @param originalBend The bend to be copied.
+       * @returns An {@link } for the bend to be added to or <code>null</code> if the bend should not be copied.
        * @protected
        */
       getTargetEdge(originalBend:yfiles.graph.IBend):yfiles.graph.IEdge;
@@ -48602,8 +47593,8 @@ declare namespace system{
        * Called for {@link yfiles.graph.ILabel}s whose owners are not copied to provide a new owner. Might return <code>null</code> if no target for
        * the given <code>originalLabel</code> is found. In this case the label will not be copied.
        * </p>
-       * @param {yfiles.graph.ILabel} originalLabel The label to be copied.
-       * @returns {yfiles.graph.ILabelOwner} An {@link yfiles.graph.ILabelOwner} for the label to be added to or <code>null</code> if the label should not be copied.
+       * @param originalLabel The label to be copied.
+       * @returns An {@link } for the label to be added to or <code>null</code> if the label should not be copied.
        * @protected
        */
       getTargetLabeledItem(originalLabel:yfiles.graph.ILabel):yfiles.graph.ILabelOwner;
@@ -48613,8 +47604,8 @@ declare namespace system{
        * Called for {@link yfiles.graph.INode}s to place them inside a group node. Might return <code>null</code> if the given node should be placed
        * at the root or if the graph is not grouped.
        * </p>
-       * @param {yfiles.graph.INode} originalNode The node to be copied.
-       * @returns {yfiles.graph.INode} The new parent group of the node or <code>null</code> if the node should be placed at the root of the hierarchy or if the graph is
+       * @param originalNode The node to be copied.
+       * @returns The new parent group of the node or <code>null</code> if the node should be placed at the root of the hierarchy or if the graph is
        * not grouped.
        * @see yfiles.graph.GraphClipboard#parentNodeDetection
        * @protected
@@ -48626,9 +47617,9 @@ declare namespace system{
        * Called for {@link yfiles.graph.IEdge}s whose source or target ports are not copied to provide a new port. Might return <code>null</code> if
        * no target for the given <code>originalEdge</code> is found. In this case the edge will not be copied.
        * </p>
-       * @param {yfiles.graph.IEdge} originalEdge The edge to be copied.
-       * @param {boolean} atSource Whether to look for a source port.
-       * @returns {yfiles.graph.IPort} An {@link yfiles.graph.IPort} for the edge to be added to or <code>null</code> if the edge should not be copied.
+       * @param originalEdge The edge to be copied.
+       * @param atSource Whether to look for a source port.
+       * @returns An {@link } for the edge to be added to or <code>null</code> if the edge should not be copied.
        * @protected
        */
       getTargetPort(originalEdge:yfiles.graph.IEdge,atSource:boolean):yfiles.graph.IPort;
@@ -48638,8 +47629,8 @@ declare namespace system{
        * Called for {@link yfiles.graph.IPort}s whose owners are not copied to provide a new owner. Might return <code>null</code> if no target for
        * the given <code>originalPort</code> is found. In this case the port will not be copied.
        * </p>
-       * @param {yfiles.graph.IPort} originalPort The port to be copied.
-       * @returns {yfiles.graph.IPortOwner} An {@link yfiles.graph.IPortOwner} for the port to be added to or <code>null</code> if the port should not be copied.
+       * @param originalPort The port to be copied.
+       * @returns An {@link } for the port to be added to or <code>null</code> if the port should not be copied.
        * @protected
        */
       getTargetPortOwner(originalPort:yfiles.graph.IPort):yfiles.graph.IPortOwner;
@@ -48649,30 +47640,43 @@ declare namespace system{
        * A dummy item is used to keep {@link yfiles.graph.IModelItem}s which cannot exist without an owner in the {@link yfiles.graph.GraphClipboard#clipboardGraph} (e.g.
        * {@link yfiles.graph.ILabel}s).
        * </p>
-       * @param {yfiles.graph.IModelItem} item The item to test.
-       * @returns {boolean} <code>true</code> if the item is a "dummy" item.
+       * @param item The item to test.
+       * @returns <code>true</code> if the item is a "dummy" item.
        */
       isDummy(item:yfiles.graph.IModelItem):boolean;
       /**
        * Whether the given <code>item</code> exists in a folding state of its <code>owner</code>.
-       * @param {yfiles.graph.IModelItem} owner The owner of the given item.
-       * @param {yfiles.graph.IModelItem} item An {@link yfiles.graph.ILabel}, {@link yfiles.graph.IPort}, or {@link yfiles.graph.IBend}.
-       * @returns {boolean} <code>true</code> if the given item exists in a folding state.
+       * @param owner The owner of the given item.
+       * @param item An {@link }, {@link }, or {@link }.
+       * @returns <code>true</code> if the given item exists in a folding state.
        * @protected
        * @static
        */
       static isFoldingStateElement(owner:yfiles.graph.IModelItem,item:yfiles.graph.IModelItem):boolean;
       /**
-       * A callback that will be invoked for each item that has been copied into the clipboard graph in response to a {@link yfiles.graph.GraphClipboard#copy}
+       * Calls {@link yfiles.graph.GraphCopier#copy} on the current {@link yfiles.graph.GraphClipboard#toClipboardCopier} instance or {@link yfiles.graph.GraphClipboard#fromClipboardCopier} instance, depending on whether the <code>targetGraph</code> is the {@link yfiles.graph.GraphClipboard#clipboardGraph}
+       * instance.
+       * @param sourceGraph The source graph to pass to {@link #copy}
+       * @param filter The predicate to pass on.
+       * @param targetGraph The target graph to pass on.
+       * @param targetRootNode The node to use as the root node in the grouped <code>targetGraph</code>.
+       * @param elementCopiedCallback The delegate to pass on. For each element that is copied during the operation to the clipboard, this callback will be
+       * passed the original and the copy of the item. In case the <code>sourceGraph</code> is a {@link #views folding view graph} both elements are passed
+       * as {@link #masterGraph master} elements or {@link #getFolderNodeState folding state elements} if a master element does not exist.
+       * @protected
+       */
+      onCopy(sourceGraph:yfiles.graph.IGraph,filter:(obj:yfiles.graph.IModelItem)=>boolean,targetGraph:yfiles.graph.IGraph,targetRootNode:yfiles.graph.INode,elementCopiedCallback:(original:yfiles.graph.IModelItem,copy:yfiles.graph.IModelItem)=>void):void;
+      /**
+       * A callback that will be invoked for each item that has been copied into the clipboard graph in response to a {@link yfiles.graph.GraphClipboard#onCopy}
        * operation.
        * <p>
        * This implementation will {@link yfiles.graph.ILookup#lookup} a {@link yfiles.graph.IClipboardHelper} for each item in the original graph
        * and remember the memento retrieved by the {@link yfiles.graph.IClipboardHelper#copy} method for later use during the {@link yfiles.graph.GraphClipboard#onElementPasted}
        * operation.
        * </p>
-       * @param {yfiles.graph.IModelItem} original The original element from the source graph instance. If the source graph is a managed folding view, this is always a
+       * @param original The original element from the source graph instance. If the source graph is a managed folding view, this is always a
        * master item.
-       * @param {yfiles.graph.IModelItem} copy The copy from the clipboard graph.
+       * @param copy The copy from the clipboard graph.
        * @protected
        */
       onElementCopied(original:yfiles.graph.IModelItem,copy:yfiles.graph.IModelItem):void;
@@ -48684,9 +47688,9 @@ declare namespace system{
        * and remember the memento retrieved by the {@link yfiles.graph.IClipboardHelper#cut} method for later use during the {@link yfiles.graph.GraphClipboard#onElementPasted}
        * operation.
        * </p>
-       * @param {yfiles.graph.IModelItem} original The original element from the source graph instance. If the source graph is a managed folding view, this is always a
+       * @param original The original element from the source graph instance. If the source graph is a managed folding view, this is always a
        * master item.
-       * @param {yfiles.graph.IModelItem} copy The copy from the clipboard graph.
+       * @param copy The copy from the clipboard graph.
        * @protected
        */
       onElementCut(original:yfiles.graph.IModelItem,copy:yfiles.graph.IModelItem):void;
@@ -48696,34 +47700,34 @@ declare namespace system{
        * <p>
        * This method will use a previously stored {@link yfiles.graph.IClipboardHelper} to let it {@link yfiles.graph.IClipboardHelper#paste finish} its work.
        * </p>
-       * @param {yfiles.graph.IModelItem} original The original element from the clipboard graph instance. If the target graph is a managed folding view, this is always a
+       * @param original The original element from the clipboard graph instance. If the target graph is a managed folding view, this is always a
        * master item.
-       * @param {yfiles.graph.IModelItem} copy The copy from the target graph.
+       * @param copy The copy from the target graph.
        * @protected
        */
       onElementPasted(original:yfiles.graph.IModelItem,copy:yfiles.graph.IModelItem):void;
       /**
        * Calls {@link yfiles.graph.GraphCopier#copy} on the current {@link yfiles.graph.GraphClipboard#fromClipboardCopier} instance, depending on whether the <code>targetGraph</code> is the {@link yfiles.graph.GraphClipboard#clipboardGraph} instance.
-       * @param {yfiles.graph.IGraph} sourceGraph The source graph to pass to {@link yfiles.graph.GraphCopier#copy}
-       * @param {function(yfiles.graph.IModelItem): boolean} filter The predicate to pass on.
-       * @param {yfiles.graph.IGraph} targetGraph The target graph to pass on.
-       * @param {yfiles.graph.INode} targetRootNode The node to use as the root node in the grouped <code>targetGraph</code>.
-       * @param {function(yfiles.graph.IModelItem, yfiles.graph.IModelItem): void} elementCopiedCallback The delegate to pass on. For each element that is copied during the operation to the clipboard, this callback will be
-       * passed the original and the copy of the item. In case the <code>targetGraph</code> is a {@link yfiles.graph.FoldingManager#views folding view graph} the original element is
-       * passed as {@link yfiles.graph.FoldingManager#masterGraph master} elements or {@link yfiles.graph.FoldingManager#getFolderNodeState folding state elements} if a master element does not exist. The copied element is always
+       * @param sourceGraph The source graph to pass to {@link #copy}
+       * @param filter The predicate to pass on.
+       * @param targetGraph The target graph to pass on.
+       * @param targetRootNode The node to use as the root node in the grouped <code>targetGraph</code>.
+       * @param elementCopiedCallback The delegate to pass on. For each element that is copied during the operation to the clipboard, this callback will be
+       * passed the original and the copy of the item. In case the <code>targetGraph</code> is a {@link #views folding view graph} the original element is
+       * passed as {@link #masterGraph master} elements or {@link #getFolderNodeState folding state elements} if a master element does not exist. The copied element is always
        * part of the <code>targetGraph</code>.
-       * @param {function(yfiles.graph.IModelItem): boolean} targetFilter This predicate is used to determine which {@link yfiles.graph.INode}s and {@link yfiles.graph.IEdge}s can be used as targets for paste
+       * @param targetFilter This predicate is used to determine which {@link }s and {@link }s can be used as targets for paste
        * operations, e.g. if a labels or ports are copied without their owners. If <code>null</code> all model items can be used as targets.
        * @protected
        */
-      paste(sourceGraph:yfiles.graph.IGraph,filter:(obj:yfiles.graph.IModelItem)=>boolean,targetGraph:yfiles.graph.IGraph,targetRootNode:yfiles.graph.INode,elementCopiedCallback:(original:yfiles.graph.IModelItem,copy:yfiles.graph.IModelItem)=>void,targetFilter:(obj:yfiles.graph.IModelItem)=>boolean):void;
+      onPaste(sourceGraph:yfiles.graph.IGraph,filter:(obj:yfiles.graph.IModelItem)=>boolean,targetGraph:yfiles.graph.IGraph,targetRootNode:yfiles.graph.INode,elementCopiedCallback:(original:yfiles.graph.IModelItem,copy:yfiles.graph.IModelItem)=>void,targetFilter:(obj:yfiles.graph.IModelItem)=>boolean):void;
       /**
        * Pastes the {@link yfiles.graph.GraphClipboard#clipboardGraph}'s contents into the <code>targetGraph</code>, selecting all pasted elements.
        * <p>
        * The actual work of this method is delegated to the {@link yfiles.graph.GraphClipboard#fromClipboardCopier}'s {@link yfiles.graph.GraphCopier#copy} method.
        * </p>
-       * @param {yfiles.graph.IGraph} targetGraph The graph to paste into.
-       * @param {yfiles.view.IGraphSelection} selection The selection model to set the selection on.
+       * @param targetGraph The graph to paste into.
+       * @param selection The selection model to set the selection on.
        */
       paste(targetGraph:yfiles.graph.IGraph,selection:yfiles.view.IGraphSelection):void;
       /**
@@ -48735,16 +47739,16 @@ declare namespace system{
        * Providing a valid <code>targetFilter</code> allows for pasting {@link yfiles.graph.ILabel}s, {@link yfiles.graph.IPort}s, and
        * {@link yfiles.graph.IEdge}s without valid owners.
        * </p>
-       * @param {yfiles.input.IInputModeContext} context A valid input mode context. Passing a valid input mode context is required for keeping orthogonal edges at group nodes
+       * @param context A valid input mode context. Passing a valid input mode context is required for keeping orthogonal edges at group nodes
        * whose size might be adjusted after the paste operation.
-       * @param {yfiles.graph.IGraph} targetGraph The graph to paste the contents in.
-       * @param {function(yfiles.graph.IModelItem): boolean} filter The filter to apply to the clipboard graph.
-       * @param {function(yfiles.graph.IModelItem, yfiles.graph.IModelItem): void} elementPasted The callback to use for each element that has been pasted. For each element that is copied during the operation to the
-       * clipboard, this callback will be passed the original and the copy of the item. In case the <code>targetGraph</code> is a {@link yfiles.graph.FoldingManager#views folding view graph}
-       * the original element is passed as {@link yfiles.graph.FoldingManager#masterGraph master} elements or {@link yfiles.graph.FoldingManager#getFolderNodeState folding state elements} if a master element does not exist. The
+       * @param targetGraph The graph to paste the contents in.
+       * @param filter The filter to apply to the clipboard graph.
+       * @param elementPasted The callback to use for each element that has been pasted. For each element that is copied during the operation to the
+       * clipboard, this callback will be passed the original and the copy of the item. In case the <code>targetGraph</code> is a {@link #views folding view graph}
+       * the original element is passed as {@link #masterGraph master} elements or {@link #getFolderNodeState folding state elements} if a master element does not exist. The
        * copied element is always part of the <code>targetGraph</code>.
-       * @param {function(yfiles.graph.IModelItem): boolean} targetFilter A filter which returns <code>true</code> for model items which can be used as target for clipboard items which need an owner (e.g.
-       * {@link yfiles.graph.ILabel}s which were copied without their owner). If <code>null</code> all model items can be used as targets.
+       * @param targetFilter A filter which returns <code>true</code> for model items which can be used as target for clipboard items which need an owner (e.g.
+       * {@link }s which were copied without their owner). If <code>null</code> all model items can be used as targets.
        */
       paste(context:yfiles.input.IInputModeContext,targetGraph:yfiles.graph.IGraph,filter:(obj:yfiles.graph.IModelItem)=>boolean,elementPasted:(original:yfiles.graph.IModelItem,copy:yfiles.graph.IModelItem)=>void,targetFilter:(obj:yfiles.graph.IModelItem)=>boolean):void;
       /**
@@ -48753,11 +47757,11 @@ declare namespace system{
        * For each element pasted into the graph the <code>elementPasted</code> delegate will be invoked and the {@link yfiles.graph.GraphClipboard#onElementPasted}
        * method will be called. The actual work of this method is delegated to the {@link yfiles.graph.GraphClipboard#fromClipboardCopier}'s {@link yfiles.graph.GraphCopier#copy} method.
        * </p>
-       * @param {yfiles.graph.IGraph} targetGraph The graph to paste the contents in.
-       * @param {function(yfiles.graph.IModelItem): boolean} [filter=null] The filter to apply to the clipboard graph.
-       * @param {function(yfiles.graph.IModelItem, yfiles.graph.IModelItem): void} [elementPasted=null] The callback to use for each element that has been pasted. For each element that is copied during the operation to the
-       * clipboard, this callback will be passed the original and the copy of the item. In case the <code>targetGraph</code> is a {@link yfiles.graph.FoldingManager#views folding view graph}
-       * the original element is passed as {@link yfiles.graph.FoldingManager#masterGraph master} elements or {@link yfiles.graph.FoldingManager#getFolderNodeState folding state elements} if a master element does not exist. The
+       * @param targetGraph The graph to paste the contents in.
+       * @param [filter=null] The filter to apply to the clipboard graph.
+       * @param [elementPasted=null] The callback to use for each element that has been pasted. For each element that is copied during the operation to the
+       * clipboard, this callback will be passed the original and the copy of the item. In case the <code>targetGraph</code> is a {@link #views folding view graph}
+       * the original element is passed as {@link #masterGraph master} elements or {@link #getFolderNodeState folding state elements} if a master element does not exist. The
        * copied element is always part of the <code>targetGraph</code>.
        */
       paste(targetGraph:yfiles.graph.IGraph,filter?:(obj:yfiles.graph.IModelItem)=>boolean,elementPasted?:(original:yfiles.graph.IModelItem,copy:yfiles.graph.IModelItem)=>void):void;
@@ -48768,18 +47772,18 @@ declare namespace system{
        * method will be called. The actual work of this method is delegated to the {@link yfiles.graph.GraphClipboard#fromClipboardCopier}'s {@link yfiles.graph.GraphCopier#copy} method.
        * </p>
        * @param {Object} options The parameters to pass.
-       * @param {yfiles.graph.IGraph} options.targetGraph The graph to paste the contents in.
-       * @param {function(yfiles.graph.IModelItem): boolean} [options.filter=null] The filter to apply to the clipboard graph.
-       * @param {function(yfiles.graph.IModelItem, yfiles.graph.IModelItem): void} [options.elementPasted=null] The callback to use for each element that has been pasted. For each element that is copied during the operation to the
-       * clipboard, this callback will be passed the original and the copy of the item. In case the <code>targetGraph</code> is a {@link yfiles.graph.FoldingManager#views folding view graph}
-       * the original element is passed as {@link yfiles.graph.FoldingManager#masterGraph master} elements or {@link yfiles.graph.FoldingManager#getFolderNodeState folding state elements} if a master element does not exist. The
+       * @param options.targetGraph The graph to paste the contents in.
+       * @param [options.filter=null] The filter to apply to the clipboard graph.
+       * @param [options.elementPasted=null] The callback to use for each element that has been pasted. For each element that is copied during the operation to the
+       * clipboard, this callback will be passed the original and the copy of the item. In case the <code>targetGraph</code> is a {@link #views folding view graph}
+       * the original element is passed as {@link #masterGraph master} elements or {@link #getFolderNodeState folding state elements} if a master element does not exist. The
        * copied element is always part of the <code>targetGraph</code>.
        */
       paste(options:{targetGraph:yfiles.graph.IGraph,filter?:(obj:yfiles.graph.IModelItem)=>boolean,elementPasted?:(original:yfiles.graph.IModelItem,copy:yfiles.graph.IModelItem)=>void}):void;
       /**
        * Removes elements from the graph based on a predicate.
-       * @param {yfiles.graph.IGraph} sourceGraph The graph to remove elements from.
-       * @param {function(yfiles.graph.IModelItem): boolean} predicate The predicate that decides which elements to remove.
+       * @param sourceGraph The graph to remove elements from.
+       * @param predicate The predicate that decides which elements to remove.
        * @see yfiles.graph.GraphClipboard#cut
        * @protected
        */
@@ -48894,7 +47898,7 @@ declare namespace system{
        * Technically owning elements are still part of the clipboard as
        * {@link yfiles.graph.GraphClipboard#isDummy dummy elements}, but these elements will not be pasted to the target during paste or duplicate operations.
        * </p>
-       * @default 63
+       * @default yfiles.graph.GraphItemTypes.ALL
        * @type {yfiles.graph.GraphItemTypes}
        */
       independentCopyItems:yfiles.graph.GraphItemTypes;
@@ -48911,7 +47915,7 @@ declare namespace system{
        * <p>
        * The default is {@link yfiles.graph.GraphItemTypes#ALL}.
        * </p>
-       * @default 63
+       * @default yfiles.graph.GraphItemTypes.ALL
        * @type {yfiles.graph.GraphItemTypes}
        */
       copyItems:yfiles.graph.GraphItemTypes;
@@ -48927,42 +47931,42 @@ declare namespace system{
       /**
        * Adds the given listener for the <code>ElementsCut</code> event that occurs when the {@link yfiles.graph.GraphClipboard#cut} operation
        * finished successfully.
-       * @param {function(Object, yfiles.lang.EventArgs): void} listener The listener to add.
+       * @param listener The listener to add.
        * @see yfiles.graph.GraphClipboard#removeElementsCutListener
        */
       addElementsCutListener(listener:(sender:Object,evt:yfiles.lang.EventArgs)=>void):void;
       /**
        * Removes the given listener for the <code>ElementsCut</code> event that occurs when the {@link yfiles.graph.GraphClipboard#cut} operation
        * finished successfully.
-       * @param {function(Object, yfiles.lang.EventArgs): void} listener The listener to remove.
+       * @param listener The listener to remove.
        * @see yfiles.graph.GraphClipboard#addElementsCutListener
        */
       removeElementsCutListener(listener:(sender:Object,evt:yfiles.lang.EventArgs)=>void):void;
       /**
        * Adds the given listener for the <code>ElementsCopied</code> event that occurs when the {@link yfiles.graph.GraphClipboard#copy} operation
        * finished successfully.
-       * @param {function(Object, yfiles.lang.EventArgs): void} listener The listener to add.
+       * @param listener The listener to add.
        * @see yfiles.graph.GraphClipboard#removeElementsCopiedListener
        */
       addElementsCopiedListener(listener:(sender:Object,evt:yfiles.lang.EventArgs)=>void):void;
       /**
        * Removes the given listener for the <code>ElementsCopied</code> event that occurs when the {@link yfiles.graph.GraphClipboard#copy} operation
        * finished successfully.
-       * @param {function(Object, yfiles.lang.EventArgs): void} listener The listener to remove.
+       * @param listener The listener to remove.
        * @see yfiles.graph.GraphClipboard#addElementsCopiedListener
        */
       removeElementsCopiedListener(listener:(sender:Object,evt:yfiles.lang.EventArgs)=>void):void;
       /**
        * Adds the given listener for the <code>ElementsPasted</code> event that occurs when the {@link yfiles.graph.GraphClipboard#paste} operation
        * finished successfully.
-       * @param {function(Object, yfiles.lang.EventArgs): void} listener The listener to add.
+       * @param listener The listener to add.
        * @see yfiles.graph.GraphClipboard#removeElementsPastedListener
        */
       addElementsPastedListener(listener:(sender:Object,evt:yfiles.lang.EventArgs)=>void):void;
       /**
        * Removes the given listener for the <code>ElementsPasted</code> event that occurs when the {@link yfiles.graph.GraphClipboard#paste} operation
        * finished successfully.
-       * @param {function(Object, yfiles.lang.EventArgs): void} listener The listener to remove.
+       * @param listener The listener to remove.
        * @see yfiles.graph.GraphClipboard#addElementsPastedListener
        */
       removeElementsPastedListener(listener:(sender:Object,evt:yfiles.lang.EventArgs)=>void):void;
@@ -49007,20 +48011,20 @@ declare namespace system{
      * <p>
      * Instances of this class can be used in {@link yfiles.graph.GraphClipboard}, e.g.
      * </p>
-     * @class yfiles.graph.GraphCopier
+     * @class
      */
     export interface GraphCopier extends Object{}
     export class GraphCopier {
       constructor();
       /**
        * Callback method that adds a bend to the targetEdge in the targetGraph as a copy of the source bend.
-       * @param {yfiles.graph.IGraph} sourceGraph The source graph.
-       * @param {yfiles.graph.IGraph} targetGraph The target graph.
-       * @param {yfiles.graph.IEdge} targetEdge The target edge to add the bend to.
-       * @param {yfiles.graph.IBend} sourceBend The source bend to copy the values from.
-       * @param {yfiles.geometry.Point} offset The offset to apply to the copied bend.
-       * @param {number} index The index to add the bend at.
-       * @returns {yfiles.graph.IBend} The newly created bend.
+       * @param sourceGraph The source graph.
+       * @param targetGraph The target graph.
+       * @param targetEdge The target edge to add the bend to.
+       * @param sourceBend The source bend to copy the values from.
+       * @param offset The offset to apply to the copied bend.
+       * @param index The index to add the bend at.
+       * @returns The newly created bend.
        * @protected
        */
       addBend(sourceGraph:yfiles.graph.IGraph,targetGraph:yfiles.graph.IGraph,targetEdge:yfiles.graph.IEdge,sourceBend:yfiles.graph.IBend,offset:yfiles.geometry.Point,index:number):yfiles.graph.IBend;
@@ -49030,11 +48034,11 @@ declare namespace system{
        * This implementation uses {@link yfiles.graph.GraphCopier#copyLabelLayoutParameter}, {@link yfiles.graph.GraphCopier#copyLabelStyle}, and
        * {@link yfiles.graph.GraphCopier#copyLabelTag} as callbacks.
        * </p>
-       * @param {yfiles.graph.IGraph} sourceGraph The source graph.
-       * @param {yfiles.graph.IGraph} targetGraph The target graph.
-       * @param {yfiles.graph.ILabelOwner} targetOwner The item owner in the target graph to add the label to.
-       * @param {yfiles.graph.ILabel} sourceLabel The source label in the source graph.
-       * @returns {yfiles.graph.ILabel} The newly created label.
+       * @param sourceGraph The source graph.
+       * @param targetGraph The target graph.
+       * @param targetOwner The item owner in the target graph to add the label to.
+       * @param sourceLabel The source label in the source graph.
+       * @returns The newly created label.
        * @protected
        */
       addLabel(sourceGraph:yfiles.graph.IGraph,targetGraph:yfiles.graph.IGraph,targetOwner:yfiles.graph.ILabelOwner,sourceLabel:yfiles.graph.ILabel):yfiles.graph.ILabel;
@@ -49045,11 +48049,11 @@ declare namespace system{
        * {@link yfiles.graph.GraphCopier#copyPortLocationParameter}, {@link yfiles.graph.GraphCopier#copyPortStyle}, and {@link yfiles.graph.GraphCopier#copyPortTag}
        * as callbacks.
        * </p>
-       * @param {yfiles.graph.IGraph} sourceGraph The source graph.
-       * @param {yfiles.graph.IGraph} targetGraph The target graph.
-       * @param {yfiles.graph.IPortOwner} targetOwner The port owner in the target graph to add the port to.
-       * @param {yfiles.graph.IPort} sourcePort The source port in the source graph.
-       * @returns {yfiles.graph.IPort} The newly created port.
+       * @param sourceGraph The source graph.
+       * @param targetGraph The target graph.
+       * @param targetOwner The port owner in the target graph to add the port to.
+       * @param sourcePort The source port in the source graph.
+       * @returns The newly created port.
        */
       addPort(sourceGraph:yfiles.graph.IGraph,targetGraph:yfiles.graph.IGraph,targetOwner:yfiles.graph.IPortOwner,sourcePort:yfiles.graph.IPort):yfiles.graph.IPort;
       /**
@@ -49059,8 +48063,8 @@ declare namespace system{
        * is called.
        * </p>
        * Type parameter <code>T</code>: The type of the item to cache.
-       * @param {T} original The original item.
-       * @param {T} copy The copy of the item.
+       * @param original The original item.
+       * @param copy The copy of the item.
        * @see yfiles.graph.GraphCopier#getOrCreateCopy
        * @protected
        * @template T
@@ -49079,13 +48083,13 @@ declare namespace system{
        * <p>
        * For each element that has been copied, the <code>elementCopiedCallback</code> will be invoked.
        * </p>
-       * @param {yfiles.graph.IGraph} sourceGraph The graph to copy the elements from.
-       * @param {function(yfiles.graph.IModelItem): boolean} filter The filter that decides which elements to copy.
-       * @param {yfiles.graph.IGraph} targetGraph The graph to copy the elements to.
-       * @param {yfiles.graph.INode} targetRootNode The group node that should act as the root node for the pasted elements. May be <code>null</code> if there is no such node.
-       * @param {yfiles.geometry.Point} offset The offset to apply to the copied items. Only nodes and bends will be offset explicitly, while other items will move
+       * @param sourceGraph The graph to copy the elements from.
+       * @param filter The filter that decides which elements to copy.
+       * @param targetGraph The graph to copy the elements to.
+       * @param targetRootNode The group node that should act as the root node for the pasted elements. May be <code>null</code> if there is no such node.
+       * @param offset The offset to apply to the copied items. Only nodes and bends will be offset explicitly, while other items will move
        * implicitly.
-       * @param {function(yfiles.graph.IModelItem, yfiles.graph.IModelItem): void} elementCopiedCallback A delegate to invoke for each element being copied.
+       * @param elementCopiedCallback A delegate to invoke for each element being copied.
        * @throws {Stubs.Exceptions.ArgumentError} if <code>targetRootNode</code> is not in <code>targetGraph</code>
        */
       copy(sourceGraph:yfiles.graph.IGraph,filter:(obj:yfiles.graph.IModelItem)=>boolean,targetGraph:yfiles.graph.IGraph,targetRootNode:yfiles.graph.INode,offset:yfiles.geometry.Point,elementCopiedCallback:(original:yfiles.graph.IModelItem,copy:yfiles.graph.IModelItem)=>void):void;
@@ -49095,12 +48099,12 @@ declare namespace system{
        * For each element that has been copied, the <code>elementCopiedCallback</code> will be invoked. This method actually delegates to {@link yfiles.graph.GraphCopier#copy}
        * and provides the root as the "targetGraph" parameter if there is a hierarchy associated with <code>targetGraph</code>.
        * </p>
-       * @param {yfiles.graph.IGraph} sourceGraph The graph to copy the elements from.
-       * @param {function(yfiles.graph.IModelItem): boolean} filter The filter that decides which elements to copy.
-       * @param {yfiles.graph.IGraph} targetGraph The graph to copy the elements to.
-       * @param {yfiles.geometry.Point} offset The offset to apply to the copied items. Only nodes and bends will be offset explicitly, while other items will move
+       * @param sourceGraph The graph to copy the elements from.
+       * @param filter The filter that decides which elements to copy.
+       * @param targetGraph The graph to copy the elements to.
+       * @param offset The offset to apply to the copied items. Only nodes and bends will be offset explicitly, while other items will move
        * implicitly.
-       * @param {function(yfiles.graph.IModelItem, yfiles.graph.IModelItem): void} elementCopiedCallback A delegate to invoke for each element being copied.
+       * @param elementCopiedCallback A delegate to invoke for each element being copied.
        */
       copy(sourceGraph:yfiles.graph.IGraph,filter:(obj:yfiles.graph.IModelItem)=>boolean,targetGraph:yfiles.graph.IGraph,offset:yfiles.geometry.Point,elementCopiedCallback:(original:yfiles.graph.IModelItem,copy:yfiles.graph.IModelItem)=>void):void;
       /**
@@ -49109,8 +48113,8 @@ declare namespace system{
        * This method actually delegates to {@link yfiles.graph.GraphCopier#copy} and provides the root as the "targetGraph" parameter if
        * there is a hierarchy associated with <code>targetGraph</code>.
        * </p>
-       * @param {yfiles.graph.IGraph} sourceGraph The graph to copy.
-       * @param {yfiles.graph.IGraph} targetGraph The graph to copy to.
+       * @param sourceGraph The graph to copy.
+       * @param targetGraph The graph to copy to.
        */
       copy(sourceGraph:yfiles.graph.IGraph,targetGraph:yfiles.graph.IGraph):void;
       /**
@@ -49120,12 +48124,12 @@ declare namespace system{
        * {@link yfiles.graph.IPort}s or {@link yfiles.graph.ILabel}s. This implementation uses {@link yfiles.graph.GraphCopier#copyEdgeStyle} and {@link yfiles.graph.GraphCopier#copyEdgeTag}
        * as callbacks.
        * </p>
-       * @param {yfiles.graph.IGraph} sourceGraph The source graph.
-       * @param {yfiles.graph.IGraph} targetGraph The target graph.
-       * @param {yfiles.graph.IEdge} sourceEdge The edge in the source graph.
-       * @param {yfiles.graph.IPort} targetSourcePort The new source port in the target graph.
-       * @param {yfiles.graph.IPort} targetTargetPort The new target port in the target graph.
-       * @returns {yfiles.graph.IEdge} The newly created edge.
+       * @param sourceGraph The source graph.
+       * @param targetGraph The target graph.
+       * @param sourceEdge The edge in the source graph.
+       * @param targetSourcePort The new source port in the target graph.
+       * @param targetTargetPort The new target port in the target graph.
+       * @returns The newly created edge.
        * @protected
        */
       copyEdge(sourceGraph:yfiles.graph.IGraph,targetGraph:yfiles.graph.IGraph,sourceEdge:yfiles.graph.IEdge,targetSourcePort:yfiles.graph.IPort,targetTargetPort:yfiles.graph.IPort):yfiles.graph.IEdge;
@@ -49134,9 +48138,9 @@ declare namespace system{
        * <p>
        * This implementation uses the {@link yfiles.lang.ICloneable#clone} method to create a copy.
        * </p>
-       * @param {yfiles.graph.IGraph} graph The graph that contains the edge.
-       * @param {yfiles.graph.IEdge} edge The edge to copy the style from.
-       * @returns {yfiles.styles.IEdgeStyle} The style to apply for the copy.
+       * @param graph The graph that contains the edge.
+       * @param edge The edge to copy the style from.
+       * @returns The style to apply for the copy.
        * @see yfiles.graph.GraphCopier#copy
        */
       copyEdgeStyle(graph:yfiles.graph.IGraph,edge:yfiles.graph.IEdge):yfiles.styles.IEdgeStyle;
@@ -49145,9 +48149,9 @@ declare namespace system{
        * <p>
        * This implementation simply delegates to {@link yfiles.graph.GraphCopier#copyTag}
        * </p>
-       * @param {yfiles.graph.IEdge} edge The old edge.
-       * @param {Object} tag The tag to copy.
-       * @returns {Object} The copy of the tag.
+       * @param edge The old edge.
+       * @param tag The tag to copy.
+       * @returns The copy of the tag.
        * @protected
        */
       copyEdgeTag(edge:yfiles.graph.IEdge,tag:Object):Object;
@@ -49157,12 +48161,12 @@ declare namespace system{
        * This implementation does not need to copy {@link yfiles.graph.IPort}s or {@link yfiles.graph.ILabel}s. This implementation uses {@link yfiles.graph.GraphCopier#copyNodeStyle}
        * and {@link yfiles.graph.GraphCopier#copyNodeTag} as callbacks.
        * </p>
-       * @param {yfiles.graph.IGraph} sourceGraph The source graph.
-       * @param {yfiles.graph.IGraph} targetGraph The target graph.
-       * @param {yfiles.graph.INode} sourceGroupNode The source node to create a copy of in the <code>targetGraph</code>.
-       * @param {yfiles.graph.INode} targetParent The parent of the group node in the target graph.
-       * @param {yfiles.geometry.Point} offset The offset to apply to the copied node.
-       * @returns {yfiles.graph.INode} The newly created node.
+       * @param sourceGraph The source graph.
+       * @param targetGraph The target graph.
+       * @param sourceGroupNode The source node to create a copy of in the <code>targetGraph</code>.
+       * @param targetParent The parent of the group node in the target graph.
+       * @param offset The offset to apply to the copied node.
+       * @returns The newly created node.
        * @protected
        */
       copyGroupNode(sourceGraph:yfiles.graph.IGraph,targetGraph:yfiles.graph.IGraph,sourceGroupNode:yfiles.graph.INode,targetParent:yfiles.graph.INode,offset:yfiles.geometry.Point):yfiles.graph.INode;
@@ -49171,9 +48175,9 @@ declare namespace system{
        * <p>
        * This implementation uses the {@link yfiles.lang.ICloneable#clone} method to create a copy.
        * </p>
-       * @param {yfiles.graph.IGraph} graph The graph that contains the label.
-       * @param {yfiles.graph.ILabel} label The label to copy the label model parameter from.
-       * @returns {yfiles.graph.ILabelModelParameter} The copy of the parameter to apply for the copy.
+       * @param graph The graph that contains the label.
+       * @param label The label to copy the label model parameter from.
+       * @returns The copy of the parameter to apply for the copy.
        * @see yfiles.graph.GraphCopier#copy
        */
       copyLabelLayoutParameter(graph:yfiles.graph.IGraph,label:yfiles.graph.ILabel):yfiles.graph.ILabelModelParameter;
@@ -49182,9 +48186,9 @@ declare namespace system{
        * <p>
        * This implementation uses the {@link yfiles.lang.ICloneable#clone} method to create a copy.
        * </p>
-       * @param {yfiles.graph.IGraph} graph The graph that contains the label.
-       * @param {yfiles.graph.ILabel} label The label to copy the style from.
-       * @returns {yfiles.styles.ILabelStyle} The style to apply for the copy.
+       * @param graph The graph that contains the label.
+       * @param label The label to copy the style from.
+       * @returns The style to apply for the copy.
        * @see yfiles.graph.GraphCopier#copy
        */
       copyLabelStyle(graph:yfiles.graph.IGraph,label:yfiles.graph.ILabel):yfiles.styles.ILabelStyle;
@@ -49193,9 +48197,9 @@ declare namespace system{
        * <p>
        * This implementation simply delegates to {@link yfiles.graph.GraphCopier#copyTag}
        * </p>
-       * @param {yfiles.graph.ILabel} label The old label.
-       * @param {Object} tag The tag to copy.
-       * @returns {Object} The copy of the tag.
+       * @param label The old label.
+       * @param tag The tag to copy.
+       * @returns The copy of the tag.
        */
       copyLabelTag(label:yfiles.graph.ILabel,tag:Object):Object;
       /**
@@ -49204,12 +48208,12 @@ declare namespace system{
        * This implementation does not need to copy {@link yfiles.graph.IPort}s or {@link yfiles.graph.ILabel}s. This implementation uses {@link yfiles.graph.GraphCopier#copyNodeStyle}
        * and {@link yfiles.graph.GraphCopier#copyNodeTag} as callbacks.
        * </p>
-       * @param {yfiles.graph.IGraph} sourceGraph The source graph.
-       * @param {yfiles.graph.IGraph} targetGraph The target graph.
-       * @param {yfiles.graph.INode} targetParent The parent of the group node in the target graph.
-       * @param {yfiles.graph.INode} node The source node to create a copy of in the <code>targetGraph</code>.
-       * @param {yfiles.geometry.Point} offset The offset to apply to the copied node.
-       * @returns {yfiles.graph.INode} The newly created node.
+       * @param sourceGraph The source graph.
+       * @param targetGraph The target graph.
+       * @param targetParent The parent of the group node in the target graph.
+       * @param node The source node to create a copy of in the <code>targetGraph</code>.
+       * @param offset The offset to apply to the copied node.
+       * @returns The newly created node.
        * @protected
        */
       copyNode(sourceGraph:yfiles.graph.IGraph,targetGraph:yfiles.graph.IGraph,node:yfiles.graph.INode,targetParent:yfiles.graph.INode,offset:yfiles.geometry.Point):yfiles.graph.INode;
@@ -49219,11 +48223,11 @@ declare namespace system{
        * This implementation does not need to copy {@link yfiles.graph.IPort}s or {@link yfiles.graph.ILabel}s. This implementation uses {@link yfiles.graph.GraphCopier#copyNodeStyle}
        * and {@link yfiles.graph.GraphCopier#copyNodeTag} as callbacks.
        * </p>
-       * @param {yfiles.graph.IGraph} sourceGraph The source graph.
-       * @param {yfiles.graph.IGraph} targetGraph The target graph.
-       * @param {yfiles.graph.INode} node The source node to create a copy of in the <code>targetGraph</code>.
-       * @param {yfiles.geometry.Point} offset The offset to apply to the copied node.
-       * @returns {yfiles.graph.INode} The newly created node.
+       * @param sourceGraph The source graph.
+       * @param targetGraph The target graph.
+       * @param node The source node to create a copy of in the <code>targetGraph</code>.
+       * @param offset The offset to apply to the copied node.
+       * @returns The newly created node.
        * @protected
        */
       copyNode(sourceGraph:yfiles.graph.IGraph,targetGraph:yfiles.graph.IGraph,node:yfiles.graph.INode,offset:yfiles.geometry.Point):yfiles.graph.INode;
@@ -49232,9 +48236,9 @@ declare namespace system{
        * <p>
        * This implementation uses the {@link yfiles.lang.ICloneable#clone} method to create a copy.
        * </p>
-       * @param {yfiles.graph.IGraph} graph The graph that contains the node.
-       * @param {yfiles.graph.INode} node The node to copy the style from.
-       * @returns {yfiles.styles.INodeStyle} The style to apply for the copy.
+       * @param graph The graph that contains the node.
+       * @param node The node to copy the style from.
+       * @returns The style to apply for the copy.
        * @see yfiles.graph.GraphCopier#copy
        */
       copyNodeStyle(graph:yfiles.graph.IGraph,node:yfiles.graph.INode):yfiles.styles.INodeStyle;
@@ -49243,9 +48247,9 @@ declare namespace system{
        * <p>
        * This implementation simply delegates to {@link yfiles.graph.GraphCopier#copyTag}
        * </p>
-       * @param {yfiles.graph.INode} node The old node.
-       * @param {Object} tag The tag to copy.
-       * @returns {Object} The copy of the tag.
+       * @param node The old node.
+       * @param tag The tag to copy.
+       * @returns The copy of the tag.
        * @protected
        */
       copyNodeTag(node:yfiles.graph.INode,tag:Object):Object;
@@ -49254,9 +48258,9 @@ declare namespace system{
        * <p>
        * This implementation uses the {@link yfiles.lang.ICloneable#clone} method to create a copy.
        * </p>
-       * @param {yfiles.graph.IGraph} graph The graph that contains the port.
-       * @param {yfiles.graph.IPort} port The port to copy the model parameter from.
-       * @returns {yfiles.graph.IPortLocationModelParameter} The copy of the parameter to apply for the copy.
+       * @param graph The graph that contains the port.
+       * @param port The port to copy the model parameter from.
+       * @returns The copy of the parameter to apply for the copy.
        * @see yfiles.graph.GraphCopier#copy
        */
       copyPortLocationParameter(graph:yfiles.graph.IGraph,port:yfiles.graph.IPort):yfiles.graph.IPortLocationModelParameter;
@@ -49265,9 +48269,9 @@ declare namespace system{
        * <p>
        * This implementation uses the {@link yfiles.lang.ICloneable#clone} method to create a copy.
        * </p>
-       * @param {yfiles.graph.IGraph} graph The graph that contains the port.
-       * @param {yfiles.graph.IPort} port The port to copy the style from.
-       * @returns {yfiles.styles.IPortStyle} The style to apply for the copy.
+       * @param graph The graph that contains the port.
+       * @param port The port to copy the style from.
+       * @returns The style to apply for the copy.
        * @see yfiles.graph.GraphCopier#copy
        */
       copyPortStyle(graph:yfiles.graph.IGraph,port:yfiles.graph.IPort):yfiles.styles.IPortStyle;
@@ -49276,9 +48280,9 @@ declare namespace system{
        * <p>
        * This implementation simply delegates to {@link yfiles.graph.GraphCopier#copyTag}
        * </p>
-       * @param {yfiles.graph.IPort} port The old port.
-       * @param {Object} tag The tag to copy.
-       * @returns {Object} The copy of the tag.
+       * @param port The old port.
+       * @param tag The tag to copy.
+       * @returns The copy of the tag.
        * @protected
        */
       copyPortTag(port:yfiles.graph.IPort,tag:Object):Object;
@@ -49288,9 +48292,9 @@ declare namespace system{
        * This implementation will try to {@link yfiles.lang.ICloneable#clone} the <code>tag</code> if the {@link yfiles.graph.GraphCopier#clone} property has the {@link yfiles.graph.CloneTypes#TAGS}
        * flag set. If this is not the case or the tag is not {@link yfiles.lang.ICloneable}, the instance will be returned.
        * </p>
-       * @param {yfiles.graph.IModelItem} owner The old owner of the tag.
-       * @param {Object} tag The tag to copy.
-       * @returns {Object} A copy of the tag.
+       * @param owner The old owner of the tag.
+       * @param tag The tag to copy.
+       * @returns A copy of the tag.
        */
       copyTag(owner:yfiles.graph.IModelItem,tag:Object):Object;
       /**
@@ -49301,9 +48305,9 @@ declare namespace system{
        * return value that is the copied value of the original.
        * </p>
        * Type parameter <code>T</code>: The type of the item to copy.
-       * @param {yfiles.lang.Class} itemType The type of the item to copy.
-       * @param {T} original The original item.
-       * @returns {T} The copy of <code>original</code> or {@link yfiles.graph.GraphCopier#NO_COPY} if no copy has been found.
+       * @param itemType The type of the item to copy.
+       * @param original The original item.
+       * @returns The copy of <code>original</code> or {@link #NO_COPY} if no copy has been found.
        * @see yfiles.graph.GraphCopier#cacheCopy
        * @see yfiles.graph.GraphCopier#getOrCreateCopy
        * @protected
@@ -49317,10 +48321,10 @@ declare namespace system{
        * If there is a cache miss, the delegate will be used to create the copy and the copy will be placed into the {@link yfiles.graph.GraphCopier#cacheCopy cache}.
        * </p>
        * Type parameter <code>T</code>: The type of the item to copy.
-       * @param {yfiles.lang.Class} tType The type of the item to copy.
-       * @param {T} original The original item.
-       * @param {function(T): T} copyDelegate The copy delegate to create the copy.
-       * @returns {T} A copy of the original, either cached, or newly created and then cached.
+       * @param tType The type of the item to copy.
+       * @param original The original item.
+       * @param copyDelegate The copy delegate to create the copy.
+       * @returns A copy of the original, either cached, or newly created and then cached.
        * @template T
        */
       getOrCreateCopy<T>(tType:yfiles.lang.Class,original:T,copyDelegate:(arg:T)=>T):T;
@@ -49329,8 +48333,8 @@ declare namespace system{
        * <p>
        * Raises the {@link yfiles.graph.GraphCopier#addBendCopiedListener BendCopied} event.
        * </p>
-       * @param {yfiles.graph.IBend} original The original of the copied bend.
-       * @param {yfiles.graph.IBend} copy The copied bend.
+       * @param original The original of the copied bend.
+       * @param copy The copied bend.
        */
       onBendCopied(original:yfiles.graph.IBend,copy:yfiles.graph.IBend):void;
       /**
@@ -49338,8 +48342,8 @@ declare namespace system{
        * <p>
        * Raises the {@link yfiles.graph.GraphCopier#addEdgeCopiedListener EdgeCopied} event.
        * </p>
-       * @param {yfiles.graph.IEdge} original The original of the copied edge.
-       * @param {yfiles.graph.IEdge} copy The copied edge.
+       * @param original The original of the copied edge.
+       * @param copy The copied edge.
        * @protected
        */
       onEdgeCopied(original:yfiles.graph.IEdge,copy:yfiles.graph.IEdge):void;
@@ -49348,8 +48352,8 @@ declare namespace system{
        * <p>
        * Raises the {@link yfiles.graph.GraphCopier#addGraphCopiedListener GraphCopied} event.
        * </p>
-       * @param {yfiles.graph.IGraph} sourceGraph The source graph from which the elements have been copied.
-       * @param {yfiles.graph.IGraph} targetGraph The graph to which the elements have been copied.
+       * @param sourceGraph The source graph from which the elements have been copied.
+       * @param targetGraph The graph to which the elements have been copied.
        * @protected
        */
       onGraphCopied(sourceGraph:yfiles.graph.IGraph,targetGraph:yfiles.graph.IGraph):void;
@@ -49358,8 +48362,8 @@ declare namespace system{
        * <p>
        * Raises the {@link yfiles.graph.GraphCopier#addLabelCopiedListener LabelCopied} event.
        * </p>
-       * @param {yfiles.graph.ILabel} original The original of the copied label.
-       * @param {yfiles.graph.ILabel} copy The copied label.
+       * @param original The original of the copied label.
+       * @param copy The copied label.
        */
       onLabelCopied(original:yfiles.graph.ILabel,copy:yfiles.graph.ILabel):void;
       /**
@@ -49367,14 +48371,14 @@ declare namespace system{
        * <p>
        * Raises the {@link yfiles.graph.GraphCopier#addNodeCopiedListener NodeCopied} event.
        * </p>
-       * @param {yfiles.graph.INode} original The original of the copied node.
-       * @param {yfiles.graph.INode} copy The copied node.
+       * @param original The original of the copied node.
+       * @param copy The copied node.
        * @protected
        */
       onNodeCopied(original:yfiles.graph.INode,copy:yfiles.graph.INode):void;
       /**
        * Emits the {@link yfiles.graph.GraphCopier#addObjectCopiedListener ObjectCopied} event.
-       * @param {yfiles.graph.ItemCopiedEventArgs.<Object>} evt The argument to use.
+       * @param evt The argument to use.
        * @protected
        */
       onObjectCopied(evt:yfiles.graph.ItemCopiedEventArgs<Object>):void;
@@ -49383,8 +48387,8 @@ declare namespace system{
        * <p>
        * Raises the {@link yfiles.graph.GraphCopier#addPortCopiedListener PortCopied} event.
        * </p>
-       * @param {yfiles.graph.IPort} original The original of the copied port.
-       * @param {yfiles.graph.IPort} copy The copied port.
+       * @param original The original of the copied port.
+       * @param copy The copied port.
        */
       onPortCopied(original:yfiles.graph.IPort,copy:yfiles.graph.IPort):void;
       /**
@@ -49451,7 +48455,7 @@ declare namespace system{
        * If this GraphCopier instance is used as {@link yfiles.graph.GraphClipboard}'s {@link yfiles.graph.GraphClipboard#fromClipboardCopier} (Paste) and the target graph is a folding view
        * graph the {@link yfiles.graph.ItemCopiedEventArgs.<T>#copy copied} item is a master item, i.e. it belongs to the {@link yfiles.graph.FoldingManager#masterGraph}.
        * </p>
-       * @param {function(Object, yfiles.graph.ItemCopiedEventArgs.<yfiles.graph.INode>): void} listener The listener to add.
+       * @param listener The listener to add.
        * @see yfiles.graph.GraphCopier#removeNodeCopiedListener
        */
       addNodeCopiedListener(listener:(sender:Object,evt:yfiles.graph.ItemCopiedEventArgs<yfiles.graph.INode>)=>void):void;
@@ -49468,7 +48472,7 @@ declare namespace system{
        * If this GraphCopier instance is used as {@link yfiles.graph.GraphClipboard}'s {@link yfiles.graph.GraphClipboard#fromClipboardCopier} (Paste) and the target graph is a folding view
        * graph the {@link yfiles.graph.ItemCopiedEventArgs.<T>#copy copied} item is a master item, i.e. it belongs to the {@link yfiles.graph.FoldingManager#masterGraph}.
        * </p>
-       * @param {function(Object, yfiles.graph.ItemCopiedEventArgs.<yfiles.graph.INode>): void} listener The listener to remove.
+       * @param listener The listener to remove.
        * @see yfiles.graph.GraphCopier#addNodeCopiedListener
        */
       removeNodeCopiedListener(listener:(sender:Object,evt:yfiles.graph.ItemCopiedEventArgs<yfiles.graph.INode>)=>void):void;
@@ -49489,7 +48493,7 @@ declare namespace system{
        * For {@link yfiles.graph.FoldingManager#getFoldingEdgeState folding edge} bends, their view state representation is passed. These elements are neither part of the {@link yfiles.graph.FoldingManager#masterGraph} nor the
        * {@link yfiles.graph.FoldingManager#views view graph}.
        * </p>
-       * @param {function(Object, yfiles.graph.ItemCopiedEventArgs.<yfiles.graph.IBend>): void} listener The listener to add.
+       * @param listener The listener to add.
        * @see yfiles.graph.GraphCopier#removeBendCopiedListener
        */
       addBendCopiedListener(listener:(sender:Object,evt:yfiles.graph.ItemCopiedEventArgs<yfiles.graph.IBend>)=>void):void;
@@ -49510,7 +48514,7 @@ declare namespace system{
        * For {@link yfiles.graph.FoldingManager#getFoldingEdgeState folding edge} bends, their view state representation is passed. These elements are neither part of the {@link yfiles.graph.FoldingManager#masterGraph} nor the
        * {@link yfiles.graph.FoldingManager#views view graph}.
        * </p>
-       * @param {function(Object, yfiles.graph.ItemCopiedEventArgs.<yfiles.graph.IBend>): void} listener The listener to remove.
+       * @param listener The listener to remove.
        * @see yfiles.graph.GraphCopier#addBendCopiedListener
        */
       removeBendCopiedListener(listener:(sender:Object,evt:yfiles.graph.ItemCopiedEventArgs<yfiles.graph.IBend>)=>void):void;
@@ -49524,7 +48528,7 @@ declare namespace system{
        * This event will <b>not</b> be triggered for the graph items themselves and will not be triggered if the object reference is
        * reused, i.e. it will only be triggered if the old and new references actually differ.
        * </p>
-       * @param {function(Object, yfiles.graph.ItemCopiedEventArgs.<Object>): void} listener The listener to add.
+       * @param listener The listener to add.
        * @see yfiles.graph.GraphCopier#removeObjectCopiedListener
        */
       addObjectCopiedListener(listener:(sender:Object,evt:yfiles.graph.ItemCopiedEventArgs<Object>)=>void):void;
@@ -49538,7 +48542,7 @@ declare namespace system{
        * This event will <b>not</b> be triggered for the graph items themselves and will not be triggered if the object reference is
        * reused, i.e. it will only be triggered if the old and new references actually differ.
        * </p>
-       * @param {function(Object, yfiles.graph.ItemCopiedEventArgs.<Object>): void} listener The listener to remove.
+       * @param listener The listener to remove.
        * @see yfiles.graph.GraphCopier#addObjectCopiedListener
        */
       removeObjectCopiedListener(listener:(sender:Object,evt:yfiles.graph.ItemCopiedEventArgs<Object>)=>void):void;
@@ -49555,7 +48559,7 @@ declare namespace system{
        * If this GraphCopier instance is used as {@link yfiles.graph.GraphClipboard}'s {@link yfiles.graph.GraphClipboard#fromClipboardCopier} (Paste) and the target graph is a folding view
        * graph the {@link yfiles.graph.ItemCopiedEventArgs.<T>#copy copied} item is a master item, i.e. it belongs to the {@link yfiles.graph.FoldingManager#masterGraph}.
        * </p>
-       * @param {function(Object, yfiles.graph.ItemCopiedEventArgs.<yfiles.graph.IEdge>): void} listener The listener to add.
+       * @param listener The listener to add.
        * @see yfiles.graph.GraphCopier#removeEdgeCopiedListener
        */
       addEdgeCopiedListener(listener:(sender:Object,evt:yfiles.graph.ItemCopiedEventArgs<yfiles.graph.IEdge>)=>void):void;
@@ -49572,7 +48576,7 @@ declare namespace system{
        * If this GraphCopier instance is used as {@link yfiles.graph.GraphClipboard}'s {@link yfiles.graph.GraphClipboard#fromClipboardCopier} (Paste) and the target graph is a folding view
        * graph the {@link yfiles.graph.ItemCopiedEventArgs.<T>#copy copied} item is a master item, i.e. it belongs to the {@link yfiles.graph.FoldingManager#masterGraph}.
        * </p>
-       * @param {function(Object, yfiles.graph.ItemCopiedEventArgs.<yfiles.graph.IEdge>): void} listener The listener to remove.
+       * @param listener The listener to remove.
        * @see yfiles.graph.GraphCopier#addEdgeCopiedListener
        */
       removeEdgeCopiedListener(listener:(sender:Object,evt:yfiles.graph.ItemCopiedEventArgs<yfiles.graph.IEdge>)=>void):void;
@@ -49589,7 +48593,7 @@ declare namespace system{
        * If this GraphCopier instance is used as {@link yfiles.graph.GraphClipboard}'s {@link yfiles.graph.GraphClipboard#fromClipboardCopier} (Paste) and the target graph is a folding view
        * graph the {@link yfiles.graph.ItemCopiedEventArgs.<T>#copy copied} item is a master item, i.e. it belongs to the {@link yfiles.graph.FoldingManager#masterGraph}.
        * </p>
-       * @param {function(Object, yfiles.graph.ItemCopiedEventArgs.<yfiles.graph.IPort>): void} listener The listener to add.
+       * @param listener The listener to add.
        * @see yfiles.graph.GraphCopier#removePortCopiedListener
        */
       addPortCopiedListener(listener:(sender:Object,evt:yfiles.graph.ItemCopiedEventArgs<yfiles.graph.IPort>)=>void):void;
@@ -49606,7 +48610,7 @@ declare namespace system{
        * If this GraphCopier instance is used as {@link yfiles.graph.GraphClipboard}'s {@link yfiles.graph.GraphClipboard#fromClipboardCopier} (Paste) and the target graph is a folding view
        * graph the {@link yfiles.graph.ItemCopiedEventArgs.<T>#copy copied} item is a master item, i.e. it belongs to the {@link yfiles.graph.FoldingManager#masterGraph}.
        * </p>
-       * @param {function(Object, yfiles.graph.ItemCopiedEventArgs.<yfiles.graph.IPort>): void} listener The listener to remove.
+       * @param listener The listener to remove.
        * @see yfiles.graph.GraphCopier#addPortCopiedListener
        */
       removePortCopiedListener(listener:(sender:Object,evt:yfiles.graph.ItemCopiedEventArgs<yfiles.graph.IPort>)=>void):void;
@@ -49627,7 +48631,7 @@ declare namespace system{
        * For {@link yfiles.graph.FoldingManager#getFoldingEdgeState folding edge} or dummy node labels, their view state representation is passed. These elements are neither part of the
        * {@link yfiles.graph.FoldingManager#masterGraph} nor the {@link yfiles.graph.FoldingManager#views view graph}.
        * </p>
-       * @param {function(Object, yfiles.graph.ItemCopiedEventArgs.<yfiles.graph.ILabel>): void} listener The listener to add.
+       * @param listener The listener to add.
        * @see yfiles.graph.GraphCopier#removeLabelCopiedListener
        */
       addLabelCopiedListener(listener:(sender:Object,evt:yfiles.graph.ItemCopiedEventArgs<yfiles.graph.ILabel>)=>void):void;
@@ -49648,7 +48652,7 @@ declare namespace system{
        * For {@link yfiles.graph.FoldingManager#getFoldingEdgeState folding edge} or dummy node labels, their view state representation is passed. These elements are neither part of the
        * {@link yfiles.graph.FoldingManager#masterGraph} nor the {@link yfiles.graph.FoldingManager#views view graph}.
        * </p>
-       * @param {function(Object, yfiles.graph.ItemCopiedEventArgs.<yfiles.graph.ILabel>): void} listener The listener to remove.
+       * @param listener The listener to remove.
        * @see yfiles.graph.GraphCopier#addLabelCopiedListener
        */
       removeLabelCopiedListener(listener:(sender:Object,evt:yfiles.graph.ItemCopiedEventArgs<yfiles.graph.ILabel>)=>void):void;
@@ -49665,7 +48669,7 @@ declare namespace system{
        * If this GraphCopier instance is used as {@link yfiles.graph.GraphClipboard}'s {@link yfiles.graph.GraphClipboard#fromClipboardCopier} (Paste) and the target graph is a folding view
        * graph the {@link yfiles.graph.ItemCopiedEventArgs.<T>#copy target graph} is the {@link yfiles.graph.FoldingManager#masterGraph master graph} of the folding view.
        * </p>
-       * @param {function(Object, yfiles.graph.ItemCopiedEventArgs.<yfiles.graph.IGraph>): void} listener The listener to add.
+       * @param listener The listener to add.
        * @see yfiles.graph.GraphCopier#removeGraphCopiedListener
        */
       addGraphCopiedListener(listener:(sender:Object,evt:yfiles.graph.ItemCopiedEventArgs<yfiles.graph.IGraph>)=>void):void;
@@ -49682,7 +48686,7 @@ declare namespace system{
        * If this GraphCopier instance is used as {@link yfiles.graph.GraphClipboard}'s {@link yfiles.graph.GraphClipboard#fromClipboardCopier} (Paste) and the target graph is a folding view
        * graph the {@link yfiles.graph.ItemCopiedEventArgs.<T>#copy target graph} is the {@link yfiles.graph.FoldingManager#masterGraph master graph} of the folding view.
        * </p>
-       * @param {function(Object, yfiles.graph.ItemCopiedEventArgs.<yfiles.graph.IGraph>): void} listener The listener to remove.
+       * @param listener The listener to remove.
        * @see yfiles.graph.GraphCopier#addGraphCopiedListener
        */
       removeGraphCopiedListener(listener:(sender:Object,evt:yfiles.graph.ItemCopiedEventArgs<yfiles.graph.IGraph>)=>void):void;
@@ -49699,7 +48703,7 @@ declare namespace system{
      * events. This event holds references to the {@link yfiles.graph.ItemCopiedEventArgs.<T>#original original} of the copied item and the {@link yfiles.graph.ItemCopiedEventArgs.<T>#copy copied item} itself.
      * </p>
      * Type parameter <code>T</code>: The logical base type of the copied item.
-     * @class yfiles.graph.ItemCopiedEventArgs.<T>
+     * @class
      * @extends {yfiles.lang.EventArgs}
      * @template T
      */
@@ -49707,9 +48711,8 @@ declare namespace system{
     export class ItemCopiedEventArgs<T> {
       /**
        * Creates a new argument for the given item and its original.
-       * @param {T} original The {@link yfiles.graph.ItemCopiedEventArgs.<T>#original original} of the copied item.
-       * @param {T} copy The {@link yfiles.graph.ItemCopiedEventArgs.<T>#copy copied item}.
-       * @constructor
+       * @param original The {@link #original original} of the copied item.
+       * @param copy The {@link #copy copied item}.
        */
       constructor(original:T,copy:T);
       /**
@@ -49741,15 +48744,14 @@ declare namespace system{
      * @see yfiles.graph.PortDecorator
      * @see yfiles.graph.GraphDecorator#bendDecorator
      * @see yfiles.graph.BendDecorator
-     * @class yfiles.graph.GraphDecorator
+     * @class
      * @final
      */
     export interface GraphDecorator extends Object{}
     export class GraphDecorator {
       /**
        * Initializes a new instance of the {@link yfiles.graph.GraphDecorator} class.
-       * @param {yfiles.graph.IGraph} graph The graph.
-       * @constructor
+       * @param graph The graph.
        */
       constructor(graph:yfiles.graph.IGraph);
       /**
@@ -49815,24 +48817,23 @@ declare namespace system{
      * </p>
      * @see yfiles.graph.GraphDecorator
      * @see yfiles.graph.LookupDecorator.<TDecoratedType,TInterface>
-     * @class yfiles.graph.LabelDecorator
+     * @class
      * @final
      */
     export interface LabelDecorator extends Object{}
     export class LabelDecorator {
       /**
        * Initializes a new instance of the {@link yfiles.graph.LabelDecorator} class.
-       * @param {yfiles.graph.ILookupDecorator} decorator The decorator to use, which can be <code>null</code>.
-       * @constructor
+       * @param decorator The decorator to use, which can be <code>null</code>.
        */
       constructor(decorator:yfiles.graph.ILookupDecorator);
       /**
        * Creates a {@link yfiles.graph.LookupDecorator.<TDecoratedType,TInterface>} for {@link yfiles.graph.ILabel}s that can be used to decorate <code>TInterface</code> types of the labels.
        * Type parameter <code>TInterface</code>: The type of the interface that should be decorated of the instances' {@link yfiles.graph.ILookup#lookup}.
-       * @param {yfiles.lang.Class} type The type of the interface that should be decorated of the instances' {@link yfiles.graph.ILookup#lookup}.
-       * @param {boolean} [decorateNulls=true] if set to <code>true</code> <code>null</code> values will be decorated, otherwise not.
-       * @param {boolean} [nullIsFallback=false] if set to <code>true</code> <code>null</code> values will be treated as fallback values, otherwise they will be used as the final result.
-       * @returns {yfiles.graph.LookupDecorator.<yfiles.graph.ILabel,TInterface>} A new {@link yfiles.graph.LookupDecorator.<TDecoratedType,TInterface>} for the specified interface.
+       * @param type The type of the interface that should be decorated of the instances' {@link #lookup}.
+       * @param [decorateNulls=true] if set to <code>true</code> <code>null</code> values will be decorated, otherwise not.
+       * @param [nullIsFallback=false] if set to <code>true</code> <code>null</code> values will be treated as fallback values, otherwise they will be used as the final result.
+       * @returns A new {@link } for the specified interface.
        * @template TInterface
        */
       getDecoratorFor<TInterface>(type:yfiles.lang.Class,decorateNulls?:boolean,nullIsFallback?:boolean):yfiles.graph.LookupDecorator<yfiles.graph.ILabel,TInterface>;
@@ -49840,10 +48841,10 @@ declare namespace system{
        * Creates a {@link yfiles.graph.LookupDecorator.<TDecoratedType,TInterface>} for {@link yfiles.graph.ILabel}s that can be used to decorate <code>TInterface</code> types of the labels.
        * Type parameter <code>TInterface</code>: The type of the interface that should be decorated of the instances' {@link yfiles.graph.ILookup#lookup}.
        * @param {Object} options The parameters to pass.
-       * @param {yfiles.lang.Class} options.type The type of the interface that should be decorated of the instances' {@link yfiles.graph.ILookup#lookup}.
-       * @param {boolean} [options.decorateNulls=true] if set to <code>true</code> <code>null</code> values will be decorated, otherwise not.
-       * @param {boolean} [options.nullIsFallback=false] if set to <code>true</code> <code>null</code> values will be treated as fallback values, otherwise they will be used as the final result.
-       * @returns {yfiles.graph.LookupDecorator.<yfiles.graph.ILabel,TInterface>} A new {@link yfiles.graph.LookupDecorator.<TDecoratedType,TInterface>} for the specified interface.
+       * @param options.type The type of the interface that should be decorated of the instances' {@link #lookup}.
+       * @param [options.decorateNulls=true] if set to <code>true</code> <code>null</code> values will be decorated, otherwise not.
+       * @param [options.nullIsFallback=false] if set to <code>true</code> <code>null</code> values will be treated as fallback values, otherwise they will be used as the final result.
+       * @returns A new {@link } for the specified interface.
        * @template TInterface
        */
       getDecoratorFor<TInterface>(options:{type:yfiles.lang.Class,decorateNulls?:boolean,nullIsFallback?:boolean}):yfiles.graph.LookupDecorator<yfiles.graph.ILabel,TInterface>;
@@ -50013,24 +49014,23 @@ declare namespace system{
      * </p>
      * @see yfiles.graph.GraphDecorator
      * @see yfiles.graph.LookupDecorator.<TDecoratedType,TInterface>
-     * @class yfiles.graph.EdgeDecorator
+     * @class
      * @final
      */
     export interface EdgeDecorator extends Object{}
     export class EdgeDecorator {
       /**
        * Initializes a new instance of the {@link yfiles.graph.EdgeDecorator} class.
-       * @param {yfiles.graph.ILookupDecorator} decorator The decorator to use, which can be <code>null</code>.
-       * @constructor
+       * @param decorator The decorator to use, which can be <code>null</code>.
        */
       constructor(decorator:yfiles.graph.ILookupDecorator);
       /**
        * Creates a {@link yfiles.graph.LookupDecorator.<TDecoratedType,TInterface>} for {@link yfiles.graph.IEdge}s that can be used to decorate <code>TInterface</code> types of the edges.
        * Type parameter <code>TInterface</code>: The type of the interface that should be decorated of the instances' {@link yfiles.graph.ILookup#lookup}.
-       * @param {yfiles.lang.Class} type The type of the interface that should be decorated of the instances' {@link yfiles.graph.ILookup#lookup}.
-       * @param {boolean} [decorateNulls=true] if set to <code>true</code> <code>null</code> values will be decorated, otherwise not.
-       * @param {boolean} [nullIsFallback=false] if set to <code>true</code> <code>null</code> values will be treated as fallback values, otherwise they will be used as the final result.
-       * @returns {yfiles.graph.LookupDecorator.<yfiles.graph.IEdge,TInterface>} A new {@link yfiles.graph.LookupDecorator.<TDecoratedType,TInterface>} for the specified interface.
+       * @param type The type of the interface that should be decorated of the instances' {@link #lookup}.
+       * @param [decorateNulls=true] if set to <code>true</code> <code>null</code> values will be decorated, otherwise not.
+       * @param [nullIsFallback=false] if set to <code>true</code> <code>null</code> values will be treated as fallback values, otherwise they will be used as the final result.
+       * @returns A new {@link } for the specified interface.
        * @template TInterface
        */
       getDecoratorFor<TInterface>(type:yfiles.lang.Class,decorateNulls?:boolean,nullIsFallback?:boolean):yfiles.graph.LookupDecorator<yfiles.graph.IEdge,TInterface>;
@@ -50038,10 +49038,10 @@ declare namespace system{
        * Creates a {@link yfiles.graph.LookupDecorator.<TDecoratedType,TInterface>} for {@link yfiles.graph.IEdge}s that can be used to decorate <code>TInterface</code> types of the edges.
        * Type parameter <code>TInterface</code>: The type of the interface that should be decorated of the instances' {@link yfiles.graph.ILookup#lookup}.
        * @param {Object} options The parameters to pass.
-       * @param {yfiles.lang.Class} options.type The type of the interface that should be decorated of the instances' {@link yfiles.graph.ILookup#lookup}.
-       * @param {boolean} [options.decorateNulls=true] if set to <code>true</code> <code>null</code> values will be decorated, otherwise not.
-       * @param {boolean} [options.nullIsFallback=false] if set to <code>true</code> <code>null</code> values will be treated as fallback values, otherwise they will be used as the final result.
-       * @returns {yfiles.graph.LookupDecorator.<yfiles.graph.IEdge,TInterface>} A new {@link yfiles.graph.LookupDecorator.<TDecoratedType,TInterface>} for the specified interface.
+       * @param options.type The type of the interface that should be decorated of the instances' {@link #lookup}.
+       * @param [options.decorateNulls=true] if set to <code>true</code> <code>null</code> values will be decorated, otherwise not.
+       * @param [options.nullIsFallback=false] if set to <code>true</code> <code>null</code> values will be treated as fallback values, otherwise they will be used as the final result.
+       * @returns A new {@link } for the specified interface.
        * @template TInterface
        */
       getDecoratorFor<TInterface>(options:{type:yfiles.lang.Class,decorateNulls?:boolean,nullIsFallback?:boolean}):yfiles.graph.LookupDecorator<yfiles.graph.IEdge,TInterface>;
@@ -50278,24 +49278,23 @@ declare namespace system{
      * </p>
      * @see yfiles.graph.GraphDecorator
      * @see yfiles.graph.LookupDecorator.<TDecoratedType,TInterface>
-     * @class yfiles.graph.BendDecorator
+     * @class
      * @final
      */
     export interface BendDecorator extends Object{}
     export class BendDecorator {
       /**
        * Initializes a new instance of the {@link yfiles.graph.BendDecorator} class.
-       * @param {yfiles.graph.ILookupDecorator} decorator The decorator to use, which can be <code>null</code>.
-       * @constructor
+       * @param decorator The decorator to use, which can be <code>null</code>.
        */
       constructor(decorator:yfiles.graph.ILookupDecorator);
       /**
        * Creates a {@link yfiles.graph.LookupDecorator.<TDecoratedType,TInterface>} for {@link yfiles.graph.IBend}s that can be used to decorate <code>TInterface</code> types of the bends.
        * Type parameter <code>TInterface</code>: The type of the interface that should be decorated of the instances' {@link yfiles.graph.ILookup#lookup}.
-       * @param {yfiles.lang.Class} type The type of the interface that should be decorated of the instances' {@link yfiles.graph.ILookup#lookup}.
-       * @param {boolean} [decorateNulls=true] if set to <code>true</code> <code>null</code> values will be decorated, otherwise not.
-       * @param {boolean} [nullIsFallback=false] if set to <code>true</code> <code>null</code> values will be treated as fallback values, otherwise they will be used as the final result.
-       * @returns {yfiles.graph.LookupDecorator.<yfiles.graph.IBend,TInterface>} A new {@link yfiles.graph.LookupDecorator.<TDecoratedType,TInterface>} for the specified interface.
+       * @param type The type of the interface that should be decorated of the instances' {@link #lookup}.
+       * @param [decorateNulls=true] if set to <code>true</code> <code>null</code> values will be decorated, otherwise not.
+       * @param [nullIsFallback=false] if set to <code>true</code> <code>null</code> values will be treated as fallback values, otherwise they will be used as the final result.
+       * @returns A new {@link } for the specified interface.
        * @template TInterface
        */
       getDecoratorFor<TInterface>(type:yfiles.lang.Class,decorateNulls?:boolean,nullIsFallback?:boolean):yfiles.graph.LookupDecorator<yfiles.graph.IBend,TInterface>;
@@ -50303,10 +49302,10 @@ declare namespace system{
        * Creates a {@link yfiles.graph.LookupDecorator.<TDecoratedType,TInterface>} for {@link yfiles.graph.IBend}s that can be used to decorate <code>TInterface</code> types of the bends.
        * Type parameter <code>TInterface</code>: The type of the interface that should be decorated of the instances' {@link yfiles.graph.ILookup#lookup}.
        * @param {Object} options The parameters to pass.
-       * @param {yfiles.lang.Class} options.type The type of the interface that should be decorated of the instances' {@link yfiles.graph.ILookup#lookup}.
-       * @param {boolean} [options.decorateNulls=true] if set to <code>true</code> <code>null</code> values will be decorated, otherwise not.
-       * @param {boolean} [options.nullIsFallback=false] if set to <code>true</code> <code>null</code> values will be treated as fallback values, otherwise they will be used as the final result.
-       * @returns {yfiles.graph.LookupDecorator.<yfiles.graph.IBend,TInterface>} A new {@link yfiles.graph.LookupDecorator.<TDecoratedType,TInterface>} for the specified interface.
+       * @param options.type The type of the interface that should be decorated of the instances' {@link #lookup}.
+       * @param [options.decorateNulls=true] if set to <code>true</code> <code>null</code> values will be decorated, otherwise not.
+       * @param [options.nullIsFallback=false] if set to <code>true</code> <code>null</code> values will be treated as fallback values, otherwise they will be used as the final result.
+       * @returns A new {@link } for the specified interface.
        * @template TInterface
        */
       getDecoratorFor<TInterface>(options:{type:yfiles.lang.Class,decorateNulls?:boolean,nullIsFallback?:boolean}):yfiles.graph.LookupDecorator<yfiles.graph.IBend,TInterface>;
@@ -50451,24 +49450,23 @@ declare namespace system{
      * </p>
      * @see yfiles.graph.GraphDecorator
      * @see yfiles.graph.LookupDecorator.<TDecoratedType,TInterface>
-     * @class yfiles.graph.PortDecorator
+     * @class
      * @final
      */
     export interface PortDecorator extends Object{}
     export class PortDecorator {
       /**
        * Initializes a new instance of the {@link yfiles.graph.PortDecorator} class.
-       * @param {yfiles.graph.ILookupDecorator} decorator The decorator to use, which can be <code>null</code>.
-       * @constructor
+       * @param decorator The decorator to use, which can be <code>null</code>.
        */
       constructor(decorator:yfiles.graph.ILookupDecorator);
       /**
        * Creates a {@link yfiles.graph.LookupDecorator.<TDecoratedType,TInterface>} for {@link yfiles.graph.IPort}s that can be used to decorate <code>TInterface</code> types of the ports.
        * Type parameter <code>TInterface</code>: The type of the interface that should be decorated of the instances' {@link yfiles.graph.ILookup#lookup}.
-       * @param {yfiles.lang.Class} type The type of the interface that should be decorated of the instances' {@link yfiles.graph.ILookup#lookup}.
-       * @param {boolean} [decorateNulls=true] if set to <code>true</code> <code>null</code> values will be decorated, otherwise not.
-       * @param {boolean} [nullIsFallback=false] if set to <code>true</code> <code>null</code> values will be treated as fallback values, otherwise they will be used as the final result.
-       * @returns {yfiles.graph.LookupDecorator.<yfiles.graph.IPort,TInterface>} A new {@link yfiles.graph.LookupDecorator.<TDecoratedType,TInterface>} for the specified interface.
+       * @param type The type of the interface that should be decorated of the instances' {@link #lookup}.
+       * @param [decorateNulls=true] if set to <code>true</code> <code>null</code> values will be decorated, otherwise not.
+       * @param [nullIsFallback=false] if set to <code>true</code> <code>null</code> values will be treated as fallback values, otherwise they will be used as the final result.
+       * @returns A new {@link } for the specified interface.
        * @template TInterface
        */
       getDecoratorFor<TInterface>(type:yfiles.lang.Class,decorateNulls?:boolean,nullIsFallback?:boolean):yfiles.graph.LookupDecorator<yfiles.graph.IPort,TInterface>;
@@ -50476,10 +49474,10 @@ declare namespace system{
        * Creates a {@link yfiles.graph.LookupDecorator.<TDecoratedType,TInterface>} for {@link yfiles.graph.IPort}s that can be used to decorate <code>TInterface</code> types of the ports.
        * Type parameter <code>TInterface</code>: The type of the interface that should be decorated of the instances' {@link yfiles.graph.ILookup#lookup}.
        * @param {Object} options The parameters to pass.
-       * @param {yfiles.lang.Class} options.type The type of the interface that should be decorated of the instances' {@link yfiles.graph.ILookup#lookup}.
-       * @param {boolean} [options.decorateNulls=true] if set to <code>true</code> <code>null</code> values will be decorated, otherwise not.
-       * @param {boolean} [options.nullIsFallback=false] if set to <code>true</code> <code>null</code> values will be treated as fallback values, otherwise they will be used as the final result.
-       * @returns {yfiles.graph.LookupDecorator.<yfiles.graph.IPort,TInterface>} A new {@link yfiles.graph.LookupDecorator.<TDecoratedType,TInterface>} for the specified interface.
+       * @param options.type The type of the interface that should be decorated of the instances' {@link #lookup}.
+       * @param [options.decorateNulls=true] if set to <code>true</code> <code>null</code> values will be decorated, otherwise not.
+       * @param [options.nullIsFallback=false] if set to <code>true</code> <code>null</code> values will be treated as fallback values, otherwise they will be used as the final result.
+       * @returns A new {@link } for the specified interface.
        * @template TInterface
        */
       getDecoratorFor<TInterface>(options:{type:yfiles.lang.Class,decorateNulls?:boolean,nullIsFallback?:boolean}):yfiles.graph.LookupDecorator<yfiles.graph.IPort,TInterface>;
@@ -50652,24 +49650,23 @@ declare namespace system{
      * </p>
      * @see yfiles.graph.GraphDecorator
      * @see yfiles.graph.LookupDecorator.<TDecoratedType,TInterface>
-     * @class yfiles.graph.NodeDecorator
+     * @class
      * @final
      */
     export interface NodeDecorator extends Object{}
     export class NodeDecorator {
       /**
        * Initializes a new instance of the {@link yfiles.graph.NodeDecorator} class.
-       * @param {yfiles.graph.ILookupDecorator} decorator The decorator to use, which can be <code>null</code>.
-       * @constructor
+       * @param decorator The decorator to use, which can be <code>null</code>.
        */
       constructor(decorator:yfiles.graph.ILookupDecorator);
       /**
        * Creates a {@link yfiles.graph.LookupDecorator.<TDecoratedType,TInterface>} for {@link yfiles.graph.INode}s that can be used to decorate <code>TInterface</code> types of the nodes.
        * Type parameter <code>TInterface</code>: The type of the interface that should be decorated of the instances' {@link yfiles.graph.ILookup#lookup}.
-       * @param {yfiles.lang.Class} type The type of the interface that should be decorated of the instances' {@link yfiles.graph.ILookup#lookup}.
-       * @param {boolean} [decorateNulls=true] if set to <code>true</code> <code>null</code> values will be decorated, otherwise not.
-       * @param {boolean} [nullIsFallback=false] if set to <code>true</code> <code>null</code> values will be treated as fallback values, otherwise they will be used as the final result.
-       * @returns {yfiles.graph.LookupDecorator.<yfiles.graph.INode,TInterface>} A new {@link yfiles.graph.LookupDecorator.<TDecoratedType,TInterface>} for the specified interface.
+       * @param type The type of the interface that should be decorated of the instances' {@link #lookup}.
+       * @param [decorateNulls=true] if set to <code>true</code> <code>null</code> values will be decorated, otherwise not.
+       * @param [nullIsFallback=false] if set to <code>true</code> <code>null</code> values will be treated as fallback values, otherwise they will be used as the final result.
+       * @returns A new {@link } for the specified interface.
        * @template TInterface
        */
       getDecoratorFor<TInterface>(type:yfiles.lang.Class,decorateNulls?:boolean,nullIsFallback?:boolean):yfiles.graph.LookupDecorator<yfiles.graph.INode,TInterface>;
@@ -50677,10 +49674,10 @@ declare namespace system{
        * Creates a {@link yfiles.graph.LookupDecorator.<TDecoratedType,TInterface>} for {@link yfiles.graph.INode}s that can be used to decorate <code>TInterface</code> types of the nodes.
        * Type parameter <code>TInterface</code>: The type of the interface that should be decorated of the instances' {@link yfiles.graph.ILookup#lookup}.
        * @param {Object} options The parameters to pass.
-       * @param {yfiles.lang.Class} options.type The type of the interface that should be decorated of the instances' {@link yfiles.graph.ILookup#lookup}.
-       * @param {boolean} [options.decorateNulls=true] if set to <code>true</code> <code>null</code> values will be decorated, otherwise not.
-       * @param {boolean} [options.nullIsFallback=false] if set to <code>true</code> <code>null</code> values will be treated as fallback values, otherwise they will be used as the final result.
-       * @returns {yfiles.graph.LookupDecorator.<yfiles.graph.INode,TInterface>} A new {@link yfiles.graph.LookupDecorator.<TDecoratedType,TInterface>} for the specified interface.
+       * @param options.type The type of the interface that should be decorated of the instances' {@link #lookup}.
+       * @param [options.decorateNulls=true] if set to <code>true</code> <code>null</code> values will be decorated, otherwise not.
+       * @param [options.nullIsFallback=false] if set to <code>true</code> <code>null</code> values will be treated as fallback values, otherwise they will be used as the final result.
+       * @returns A new {@link } for the specified interface.
        * @template TInterface
        */
       getDecoratorFor<TInterface>(options:{type:yfiles.lang.Class,decorateNulls?:boolean,nullIsFallback?:boolean}):yfiles.graph.LookupDecorator<yfiles.graph.INode,TInterface>;
@@ -50936,7 +49933,7 @@ declare namespace system{
      * interface and not the implementation of the interface since client code will use the interface for the query.
      * @see yfiles.graph.ILookup
      * @see yfiles.graph.GraphDecorator
-     * @class yfiles.graph.LookupDecorator.<TDecoratedType,TInterface>
+     * @class
      * @template TDecoratedType,TInterface
      * @final
      */
@@ -50944,19 +49941,18 @@ declare namespace system{
     export class LookupDecorator<TDecoratedType,TInterface> {
       /**
        * Initializes a new instance of the {@link yfiles.graph.LookupDecorator.<TDecoratedType,TInterface>} class.
-       * @param {yfiles.lang.Class} decoratedType The type of the instances whose {@link yfiles.graph.ILookup#lookup} behavior should be modified.
-       * @param {yfiles.lang.Class} interfaceType The interface or type that clients will use during the {@link yfiles.graph.ILookup#lookup} call. Note that this is normally an
+       * @param decoratedType The type of the instances whose {@link #lookup} behavior should be modified.
+       * @param interfaceType The interface or type that clients will use during the {@link #lookup} call. Note that this is normally an
        * interface and not the implementation of the interface since client code will use the interface for the query.
-       * @param {yfiles.graph.ILookupDecorator} decorator The decorator instance that will be used to {@link yfiles.graph.ILookupDecorator#addLookup extend the Lookup mechanism}.
-       * @param {boolean} decorateNulls The initial value of the {@link yfiles.graph.LookupDecorator.<TDecoratedType,TInterface>#decorateNulls} property.
-       * @param {boolean} nullIsFallback The initial value of the {@link yfiles.graph.LookupDecorator.<TDecoratedType,TInterface>#nullIsFallback} property.
-       * @constructor
+       * @param decorator The decorator instance that will be used to {@link #addLookup extend the Lookup mechanism}.
+       * @param decorateNulls The initial value of the {@link #decorateNulls} property.
+       * @param nullIsFallback The initial value of the {@link #nullIsFallback} property.
        */
       constructor(decoratedType:yfiles.lang.Class,interfaceType:yfiles.lang.Class,decorator:yfiles.graph.ILookupDecorator,decorateNulls:boolean,nullIsFallback:boolean);
       /**
        * Simple helper method that tries to add the provided chain link to the {@link yfiles.graph.LookupDecorator.<TDecoratedType,TInterface>#decorator}.
-       * @param {yfiles.graph.IContextLookupChainLink} lookup The link to add.
-       * @returns {yfiles.graph.IContextLookupChainLink} The <code>lookup</code> that has been {@link yfiles.graph.ILookupDecorator#addLookup added} to the {@link yfiles.graph.LookupDecorator.<TDecoratedType,TInterface>#decorator} as a result of this call, or <code>null</code> if the decoration was unsuccessful.
+       * @param lookup The link to add.
+       * @returns The <code>lookup</code> that has been {@link #addLookup added} to the {@link #decorator} as a result of this call, or <code>null</code> if the decoration was unsuccessful.
        * @see yfiles.graph.ILookupDecorator#addLookup
        */
       addChainLink(lookup:yfiles.graph.IContextLookupChainLink):yfiles.graph.IContextLookupChainLink;
@@ -50971,8 +49967,8 @@ declare namespace system{
        * The effects of this method call can be undone by passing the return value to
        * {@link yfiles.graph.ILookupDecorator#removeLookup}.
        * </p>
-       * @param {function(TDecoratedType): boolean} [predicate=null] The predicate that determines for which items the implementation shall be hidden.
-       * @returns {yfiles.graph.IContextLookupChainLink} An {@link yfiles.graph.IContextLookupChainLink} that has been {@link yfiles.graph.ILookupDecorator#addLookup added} to the {@link yfiles.graph.LookupDecorator.<TDecoratedType,TInterface>#decorator} as a result of this call, or <code>null</code> if decoration was
+       * @param [predicate=null] The predicate that determines for which items the implementation shall be hidden.
+       * @returns An {@link } that has been {@link #addLookup added} to the {@link #decorator} as a result of this call, or <code>null</code> if decoration was
        * unsuccessful.
        * @see yfiles.graph.ILookupDecorator#addLookup
        */
@@ -50996,9 +49992,9 @@ declare namespace system{
        * The effects of this method call can be undone by passing the return value to
        * {@link yfiles.graph.ILookupDecorator#removeLookup}.
        * </p>
-       * @param {function(TDecoratedType): boolean} predicate The predicate that determines for which items the factory shall be called.
-       * @param {function(TDecoratedType): TInterface} factory The factory that is queried to create the result.
-       * @returns {yfiles.graph.IContextLookupChainLink} An {@link yfiles.graph.IContextLookupChainLink} that has been {@link yfiles.graph.ILookupDecorator#addLookup added} to the {@link yfiles.graph.LookupDecorator.<TDecoratedType,TInterface>#decorator} as a result of this call, or <code>null</code> if decoration was
+       * @param predicate The predicate that determines for which items the factory shall be called.
+       * @param factory The factory that is queried to create the result.
+       * @returns An {@link } that has been {@link #addLookup added} to the {@link #decorator} as a result of this call, or <code>null</code> if decoration was
        * unsuccessful.
        * @see yfiles.graph.ILookupDecorator#addLookup
        * @see yfiles.graph.LookupDecorator.<TDecoratedType,TInterface>#nullIsFallback
@@ -51023,8 +50019,8 @@ declare namespace system{
        * The effects of this method call can be undone by passing the return value to
        * {@link yfiles.graph.ILookupDecorator#removeLookup}.
        * </p>
-       * @param {function(TDecoratedType): TInterface} factory The factory that is queried to create the result.
-       * @returns {yfiles.graph.IContextLookupChainLink} An {@link yfiles.graph.IContextLookupChainLink} that has been {@link yfiles.graph.ILookupDecorator#addLookup added} to the {@link yfiles.graph.LookupDecorator.<TDecoratedType,TInterface>#decorator} as a result of this call, or <code>null</code> if decoration was
+       * @param factory The factory that is queried to create the result.
+       * @returns An {@link } that has been {@link #addLookup added} to the {@link #decorator} as a result of this call, or <code>null</code> if decoration was
        * unsuccessful.
        * @see yfiles.graph.ILookupDecorator#addLookup
        * @see yfiles.graph.LookupDecorator.<TDecoratedType,TInterface>#nullIsFallback
@@ -51044,9 +50040,9 @@ declare namespace system{
        * The effects of this method call can be undone by passing the return value to
        * {@link yfiles.graph.ILookupDecorator#removeLookup}.
        * </p>
-       * @param {function(TDecoratedType): boolean} predicate A predicate that determines which items are affected.
-       * @param {TInterface} implementation The implementation to return if the <code>predicate</code> matches and <code>TInterface</code> is queried.
-       * @returns {yfiles.graph.IContextLookupChainLink} An {@link yfiles.graph.IContextLookupChainLink} that has been {@link yfiles.graph.ILookupDecorator#addLookup added} to the {@link yfiles.graph.LookupDecorator.<TDecoratedType,TInterface>#decorator} as a result of this call, or <code>null</code> if decoration was
+       * @param predicate A predicate that determines which items are affected.
+       * @param implementation The implementation to return if the <code>predicate</code> matches and <code>TInterface</code> is queried.
+       * @returns An {@link } that has been {@link #addLookup added} to the {@link #decorator} as a result of this call, or <code>null</code> if decoration was
        * unsuccessful.
        * @see yfiles.graph.ILookupDecorator#addLookup
        */
@@ -51065,9 +50061,9 @@ declare namespace system{
        * The effects of this method call can be undone by passing the return value to
        * {@link yfiles.graph.ILookupDecorator#removeLookup}.
        * </p>
-       * @param {TDecoratedType} item The item for which the implementation shall be returned.
-       * @param {TInterface} implementation The implementation to return if <code>item</code> is queried for <code>TInterface</code>.
-       * @returns {yfiles.graph.IContextLookupChainLink} An {@link yfiles.graph.IContextLookupChainLink} that has been {@link yfiles.graph.ILookupDecorator#addLookup added} to the {@link yfiles.graph.LookupDecorator.<TDecoratedType,TInterface>#decorator} as a result of this call, or <code>null</code> if decoration was
+       * @param item The item for which the implementation shall be returned.
+       * @param implementation The implementation to return if <code>item</code> is queried for <code>TInterface</code>.
+       * @returns An {@link } that has been {@link #addLookup added} to the {@link #decorator} as a result of this call, or <code>null</code> if decoration was
        * unsuccessful.
        * @see yfiles.graph.ILookupDecorator#addLookup
        */
@@ -51086,8 +50082,8 @@ declare namespace system{
        * The effects of this method call can be undone by passing the return value to
        * {@link yfiles.graph.ILookupDecorator#removeLookup}.
        * </p>
-       * @param {TInterface} implementation The implementation to return unconditionally.
-       * @returns {yfiles.graph.IContextLookupChainLink} An {@link yfiles.graph.IContextLookupChainLink} that has been {@link yfiles.graph.ILookupDecorator#addLookup added} to the {@link yfiles.graph.LookupDecorator.<TDecoratedType,TInterface>#decorator} as a result of this call, or <code>null</code> if decoration was
+       * @param implementation The implementation to return unconditionally.
+       * @returns An {@link } that has been {@link #addLookup added} to the {@link #decorator} as a result of this call, or <code>null</code> if decoration was
        * unsuccessful.
        * @see yfiles.graph.ILookupDecorator#addLookup
        */
@@ -51110,9 +50106,9 @@ declare namespace system{
        * The effects of this method call can be undone by passing the return value to
        * {@link yfiles.graph.ILookupDecorator#removeLookup}.
        * </p>
-       * @param {function(TDecoratedType): boolean} predicate The predicate that determines for which items the wrapping shall be performed.
-       * @param {function(TDecoratedType, TInterface): TInterface} factory The factory that will be passed the underlying implementation and that is queried to create the result.
-       * @returns {yfiles.graph.IContextLookupChainLink} An {@link yfiles.graph.IContextLookupChainLink} that has been {@link yfiles.graph.ILookupDecorator#addLookup added} to the {@link yfiles.graph.LookupDecorator.<TDecoratedType,TInterface>#decorator} as a result of this call, or <code>null</code> if decoration was
+       * @param predicate The predicate that determines for which items the wrapping shall be performed.
+       * @param factory The factory that will be passed the underlying implementation and that is queried to create the result.
+       * @returns An {@link } that has been {@link #addLookup added} to the {@link #decorator} as a result of this call, or <code>null</code> if decoration was
        * unsuccessful.
        * @see yfiles.graph.ILookupDecorator#addLookup
        */
@@ -51135,8 +50131,8 @@ declare namespace system{
        * The effects of this method call can be undone by passing the return value to
        * {@link yfiles.graph.ILookupDecorator#removeLookup}.
        * </p>
-       * @param {function(TDecoratedType, TInterface): TInterface} factory The factory that will be passed the underlying implementation and that is queried to create the result.
-       * @returns {yfiles.graph.IContextLookupChainLink} An {@link yfiles.graph.IContextLookupChainLink} that has been {@link yfiles.graph.ILookupDecorator#addLookup added} to the {@link yfiles.graph.LookupDecorator.<TDecoratedType,TInterface>#decorator} as a result of this call, or <code>null</code> if decoration was
+       * @param factory The factory that will be passed the underlying implementation and that is queried to create the result.
+       * @returns An {@link } that has been {@link #addLookup added} to the {@link #decorator} as a result of this call, or <code>null</code> if decoration was
        * unsuccessful.
        * @see yfiles.graph.ILookupDecorator#addLookup
        */
@@ -51173,6 +50169,122 @@ declare namespace system{
       nullIsFallback:boolean;
       static $class:yfiles.lang.Class;
     }
+    /**
+     * Provides less frequently used methods for analyzing and managing grouped graphs.
+     * <p>
+     * An instance of this class which is configured for a given {@link yfiles.graph.IGraph} instance can be obtained via {@link yfiles.graph.IGraph#groupingSupport}.
+     * </p>
+     * @class
+     */
+    export interface GroupingSupport extends Object{}
+    export class GroupingSupport {
+      /**
+       * Creates a new instance which operates on the given <code>graph</code>.
+       * @param graph The graph to use for operations on this instance.
+       */
+      constructor(graph:yfiles.graph.IGraph);
+      /**
+       * Calculates the minimum area to enclose by the given group node with respect to its {@link yfiles.graph.IGroupBoundsCalculator}.
+       * @param groupNode The group node to calculate the minimum enclosed area of.
+       * @returns The area to enclose for the given group node. This is {@link #EMPTY} if the node is not a group node, or if
+       * it hasn't any children.
+       */
+      calculateMinimumEnclosedArea(groupNode:yfiles.graph.INode):yfiles.geometry.Rect;
+      /**
+       * Enlarges all group nodes in the graph in an interactive scenario, so that the {@link yfiles.graph.GroupingSupport#calculateMinimumEnclosedArea minimum enclosed area} is respected.
+       * <p>
+       * This method should be used in an interactive editing scenario. It records an {@link yfiles.graph.ICompoundEdit} to support
+       * undoability and uses the {@link yfiles.input.IReshapeHandler} for the resizing of the nodes. That way, e.g. orthogonally edited
+       * edges will be properly reshaped.
+       * </p>
+       * @param context The context to use for the {@link }s.
+       * @see yfiles.graph.GroupingSupport#enlargeGroupNode
+       */
+      enlargeAllGroupNodes(context:yfiles.input.IInputModeContext):void;
+      /**
+       * Enlarges all group nodes in the graph so that the {@link yfiles.graph.GroupingSupport#calculateMinimumEnclosedArea minimum enclosed area} is respected.
+       * @see yfiles.graph.GroupingSupport#enlargeGroupNode
+       */
+      enlargeAllGroupNodes():void;
+      /**
+       * Enlarges the group nodes in an interactive scenario, using {@link yfiles.input.IReshapeHandler} implementations of the group
+       * nodes to perform the actual resizing.
+       * <p>
+       * This method should be used in an interactive editing scenario. It records an {@link yfiles.graph.ICompoundEdit} to support
+       * undoability and uses the {@link yfiles.input.IReshapeHandler} for the resizing of the nodes. That way, e.g. orthogonally edited
+       * edges will be properly reshaped.
+       * </p>
+       * @param context The context to use for the {@link }s.
+       * @param node The node to enlarge appropriately.
+       * @param ancestors if set to <code>true</code> ancestors the ancestor group nodes will be adjusted, too, if necessary.
+       * @see yfiles.input.IReshapeHandler
+       */
+      enlargeGroupNode(context:yfiles.input.IInputModeContext,node:yfiles.graph.INode,ancestors:boolean):void;
+      /**
+       * Enlarges the given group node to ensure that the {@link yfiles.graph.GroupingSupport#calculateMinimumEnclosedArea minimum enclosed} area is inside of its bounds.
+       * <p>
+       * This method can be used to resize a group node and all of its parent group nodes to fully contain its children, e.g.
+       * after a child node has changed its bounds. Note that this method will only enlarge the bounds of the group nodes, it
+       * will never reduce the size of a group node.
+       * </p>
+       * @param groupNode The group node to resize.
+       * @param ancestors if set to <code>true</code> all ancestor group nodes will be resized, too, if necessary
+       * @see yfiles.graph.GroupingSupport#enlargeGroupNode
+       */
+      enlargeGroupNode(groupNode:yfiles.graph.INode,ancestors:boolean):void;
+      /**
+       * Returns all descendants of the provided node that are part of the grouped graph.
+       * <p>
+       * The enumeration will be top down, i.e. all of a node's ancestors will be enumerated before the respective node.
+       * </p>
+       * @param node The root node to get the descendants from.
+       * @returns An enumeration of the children of the node at the time of this invocation in reverse DFS prefix order.
+       */
+      getDescendants(node:yfiles.graph.INode):yfiles.collections.IEnumerable<yfiles.graph.INode>;
+      /**
+       * Returns all descendants of the provided node that are part of the grouped graph.
+       * <p>
+       * The enumeration will be bottom up, i.e. all of a node's children will be enumerated before the respective node.
+       * </p>
+       * @param node The root node to get the descendants from.
+       * @returns An enumeration of the children of the node at the time of this invocation in DFS postfix order.
+       */
+      getDescendantsBottomUp(node:yfiles.graph.INode):yfiles.collections.IEnumerable<yfiles.graph.INode>;
+      /**
+       * Determines the nearest common ancestor of the provided nodes in the graph.
+       * @param nodes The nodes to find the nearest common ancestor of.
+       * @returns 
+       */
+      getNearestCommonAncestor(...nodes:yfiles.graph.INode[]):yfiles.graph.INode;
+      /**
+       * Determines the nearest common ancestor of the provided nodes in the graph.
+       * @param nodes The nodes to find the nearest common ancestor of.
+       * @returns 
+       */
+      getNearestCommonAncestor(nodes:yfiles.collections.IEnumerable<yfiles.graph.INode>):yfiles.graph.INode;
+      /**
+       * Gets the path to root traversing all {@link yfiles.graph.IGraph#getParent parents} of the given item.
+       * @param node The node to start.
+       * @returns A list that includes the node but not the root, unless they are identical and all parents in between them.
+       */
+      getPathToRoot(node:yfiles.graph.INode):yfiles.collections.IList<yfiles.graph.INode>;
+      /**
+       * Determines whether there are group nodes in the graph.
+       * <p>
+       * This methods considers all {@link yfiles.graph.IGraph#isGroupNode group} nodes, that is, nodes that could have children.
+       * </p>
+       * @returns <code>true</code> if there are {@link #isGroupNode group}.
+       */
+      hasGroupNodes():boolean;
+      /**
+       * Determines whether <code>ancestor</code> is an ancestor of <code>node</code> in the grouped graph.
+       * @param node The node to check.
+       * @param ancestor The ancestor to check.
+       * @returns Whether <code>ancestor</code> is an ancestor of <code>node</code>.
+       */
+      isDescendant(node:yfiles.graph.INode,ancestor:yfiles.graph.INode):boolean;
+      static $class:yfiles.lang.Class;
+    }
     /**
      * An abstract {@link yfiles.graph.IGraph} implementation that delegates all of its work to an existing implementation.
      * <p>
@@ -51180,7 +50292,7 @@ declare namespace system{
      * register listeners with the wrapped graph instance, so {@link yfiles.graph.GraphWrapperBase#dispose} should be called if this
      * instance is not used any more.
      * </p>
-     * @class yfiles.graph.GraphWrapperBase
+     * @class
      * @implements {yfiles.graph.IGraph}
      */
     export interface GraphWrapperBase extends Object,yfiles.graph.IGraph{}
@@ -51191,164 +50303,163 @@ declare namespace system{
        * Note that this instance will {@link yfiles.graph.GraphWrapperBase#addEventHandlers register listeners} with the <code>graph</code>, so {@link yfiles.graph.GraphWrapperBase#dispose} should be
        * called if this instance is not used any more.
        * </p>
-       * @param {yfiles.graph.IGraph} graph The graph to wrap.
+       * @param graph The graph to wrap.
        * @protected
-       * @constructor
        */
       constructor(graph:yfiles.graph.IGraph);
       /**
        * 
-       * @param {yfiles.graph.IEdge} edge
-       * @param {yfiles.geometry.Point} location
-       * @param {number} [index=-1]
-       * @returns {yfiles.graph.IBend} 
+       * @param edge
+       * @param location
+       * @param [index=-1]
+       * @returns 
        */
       addBend(edge:yfiles.graph.IEdge,location:yfiles.geometry.Point,index?:number):yfiles.graph.IBend;
       /**
        * Adds event handlers that propagate graph events from <code>graph</code> to listeners on this instance.
-       * @param {yfiles.graph.IGraph} graph The graph for which event propagators should be created
+       * @param graph The graph for which event propagators should be created
        * @protected
        */
       addEventHandlers(graph:yfiles.graph.IGraph):void;
       /**
        * 
-       * @param {yfiles.graph.ILabelOwner} owner
-       * @param {string} text
-       * @param {yfiles.graph.ILabelModelParameter} [layoutParameter=null]
-       * @param {yfiles.styles.ILabelStyle} [style=null]
-       * @param {yfiles.geometry.Size} [preferredSize=null]
-       * @param {Object} [tag=null]
-       * @returns {yfiles.graph.ILabel} 
+       * @param owner
+       * @param text
+       * @param [layoutParameter=null]
+       * @param [style=null]
+       * @param [preferredSize=null]
+       * @param [tag=null]
+       * @returns 
        */
       addLabel(owner:yfiles.graph.ILabelOwner,text:string,layoutParameter?:yfiles.graph.ILabelModelParameter,style?:yfiles.styles.ILabelStyle,preferredSize?:yfiles.geometry.Size,tag?:Object):yfiles.graph.ILabel;
       /**
        * 
        * @param {Object} options The parameters to pass.
-       * @param {yfiles.graph.ILabelOwner} options.owner
-       * @param {string} options.text
-       * @param {yfiles.graph.ILabelModelParameter} [options.layoutParameter=null]
-       * @param {yfiles.styles.ILabelStyle} [options.style=null]
-       * @param {yfiles.geometry.Size} [options.preferredSize=null]
-       * @param {Object} [options.tag=null]
-       * @returns {yfiles.graph.ILabel} 
+       * @param options.owner
+       * @param options.text
+       * @param [options.layoutParameter=null]
+       * @param [options.style=null]
+       * @param [options.preferredSize=null]
+       * @param [options.tag=null]
+       * @returns 
        */
       addLabel(options:{owner:yfiles.graph.ILabelOwner,text:string,layoutParameter?:yfiles.graph.ILabelModelParameter,style?:yfiles.styles.ILabelStyle,preferredSize?:yfiles.geometry.Size,tag?:Object}):yfiles.graph.ILabel;
       /**
        * 
-       * @param {yfiles.graph.IPortOwner} owner
-       * @param {yfiles.graph.IPortLocationModelParameter} [locationParameter=null]
-       * @param {yfiles.styles.IPortStyle} [style=null]
-       * @param {Object} [tag=null]
-       * @returns {yfiles.graph.IPort} 
+       * @param owner
+       * @param [locationParameter=null]
+       * @param [style=null]
+       * @param [tag=null]
+       * @returns 
        */
       addPort(owner:yfiles.graph.IPortOwner,locationParameter?:yfiles.graph.IPortLocationModelParameter,style?:yfiles.styles.IPortStyle,tag?:Object):yfiles.graph.IPort;
       /**
        * 
        * @param {Object} options The parameters to pass.
-       * @param {yfiles.graph.IPortOwner} options.owner
-       * @param {yfiles.graph.IPortLocationModelParameter} [options.locationParameter=null]
-       * @param {yfiles.styles.IPortStyle} [options.style=null]
-       * @param {Object} [options.tag=null]
-       * @returns {yfiles.graph.IPort} 
+       * @param options.owner
+       * @param [options.locationParameter=null]
+       * @param [options.style=null]
+       * @param [options.tag=null]
+       * @returns 
        */
       addPort(options:{owner:yfiles.graph.IPortOwner,locationParameter?:yfiles.graph.IPortLocationModelParameter,style?:yfiles.styles.IPortStyle,tag?:Object}):yfiles.graph.IPort;
       /**
        * 
-       * @param {yfiles.graph.IModelItem} item
-       * @returns {boolean} 
+       * @param item
+       * @returns 
        */
       contains(item:yfiles.graph.IModelItem):boolean;
       /**
        * 
-       * @param {yfiles.graph.INode} source
-       * @param {yfiles.graph.INode} target
-       * @param {yfiles.styles.IEdgeStyle} [style=null]
-       * @param {Object} [tag=null]
-       * @returns {yfiles.graph.IEdge} 
+       * @param source
+       * @param target
+       * @param [style=null]
+       * @param [tag=null]
+       * @returns 
        */
       createEdge(source:yfiles.graph.INode,target:yfiles.graph.INode,style?:yfiles.styles.IEdgeStyle,tag?:Object):yfiles.graph.IEdge;
       /**
        * 
        * @param {Object} options The parameters to pass.
-       * @param {yfiles.graph.INode} options.source
-       * @param {yfiles.graph.INode} options.target
-       * @param {yfiles.styles.IEdgeStyle} [options.style=null]
-       * @param {Object} [options.tag=null]
-       * @returns {yfiles.graph.IEdge} 
+       * @param options.source
+       * @param options.target
+       * @param [options.style=null]
+       * @param [options.tag=null]
+       * @returns 
        */
       createEdge(options:{source:yfiles.graph.INode,target:yfiles.graph.INode,style?:yfiles.styles.IEdgeStyle,tag?:Object}):yfiles.graph.IEdge;
       /**
        * 
-       * @param {yfiles.graph.IPort} sourcePort
-       * @param {yfiles.graph.IPort} targetPort
-       * @param {yfiles.styles.IEdgeStyle} [style=null]
-       * @param {Object} [tag=null]
-       * @returns {yfiles.graph.IEdge} 
+       * @param sourcePort
+       * @param targetPort
+       * @param [style=null]
+       * @param [tag=null]
+       * @returns 
        */
       createEdge(sourcePort:yfiles.graph.IPort,targetPort:yfiles.graph.IPort,style?:yfiles.styles.IEdgeStyle,tag?:Object):yfiles.graph.IEdge;
       /**
        * 
        * @param {Object} options The parameters to pass.
-       * @param {yfiles.graph.IPort} options.sourcePort
-       * @param {yfiles.graph.IPort} options.targetPort
-       * @param {yfiles.styles.IEdgeStyle} [options.style=null]
-       * @param {Object} [options.tag=null]
-       * @returns {yfiles.graph.IEdge} 
+       * @param options.sourcePort
+       * @param options.targetPort
+       * @param [options.style=null]
+       * @param [options.tag=null]
+       * @returns 
        */
       createEdge(options:{sourcePort:yfiles.graph.IPort,targetPort:yfiles.graph.IPort,style?:yfiles.styles.IEdgeStyle,tag?:Object}):yfiles.graph.IEdge;
       /**
        * 
-       * @param {yfiles.graph.INode} [parent=null]
-       * @param {yfiles.geometry.Rect} [layout=null]
-       * @param {yfiles.styles.INodeStyle} [style=null]
-       * @param {Object} [tag=null]
-       * @returns {yfiles.graph.INode} 
+       * @param [parent=null]
+       * @param [layout=null]
+       * @param [style=null]
+       * @param [tag=null]
+       * @returns 
        */
       createGroupNode(parent?:yfiles.graph.INode,layout?:yfiles.geometry.Rect,style?:yfiles.styles.INodeStyle,tag?:Object):yfiles.graph.INode;
       /**
        * 
        * @param {Object} options The parameters to pass.
-       * @param {yfiles.graph.INode} [options.parent=null]
-       * @param {yfiles.geometry.Rect} [options.layout=null]
-       * @param {yfiles.styles.INodeStyle} [options.style=null]
-       * @param {Object} [options.tag=null]
-       * @returns {yfiles.graph.INode} 
+       * @param [options.parent=null]
+       * @param [options.layout=null]
+       * @param [options.style=null]
+       * @param [options.tag=null]
+       * @returns 
        */
       createGroupNode(options:{parent?:yfiles.graph.INode,layout?:yfiles.geometry.Rect,style?:yfiles.styles.INodeStyle,tag?:Object}):yfiles.graph.INode;
       /**
        * 
-       * @param {yfiles.geometry.Rect} layout
-       * @param {yfiles.styles.INodeStyle} [style=null]
-       * @param {Object} [tag=null]
-       * @returns {yfiles.graph.INode} 
+       * @param layout
+       * @param [style=null]
+       * @param [tag=null]
+       * @returns 
        */
       createNode(layout:yfiles.geometry.Rect,style?:yfiles.styles.INodeStyle,tag?:Object):yfiles.graph.INode;
       /**
        * 
        * @param {Object} options The parameters to pass.
-       * @param {yfiles.geometry.Rect} options.layout
-       * @param {yfiles.styles.INodeStyle} [options.style=null]
-       * @param {Object} [options.tag=null]
-       * @returns {yfiles.graph.INode} 
+       * @param options.layout
+       * @param [options.style=null]
+       * @param [options.tag=null]
+       * @returns 
        */
       createNode(options:{layout:yfiles.geometry.Rect,style?:yfiles.styles.INodeStyle,tag?:Object}):yfiles.graph.INode;
       /**
        * 
-       * @param {yfiles.graph.INode} [parent=null]
-       * @param {yfiles.geometry.Rect} [layout=null]
-       * @param {yfiles.styles.INodeStyle} [style=null]
-       * @param {Object} [tag=null]
-       * @returns {yfiles.graph.INode} 
+       * @param [parent=null]
+       * @param [layout=null]
+       * @param [style=null]
+       * @param [tag=null]
+       * @returns 
        */
       createNode(parent?:yfiles.graph.INode,layout?:yfiles.geometry.Rect,style?:yfiles.styles.INodeStyle,tag?:Object):yfiles.graph.INode;
       /**
        * 
        * @param {Object} options The parameters to pass.
-       * @param {yfiles.graph.INode} [options.parent=null]
-       * @param {yfiles.geometry.Rect} [options.layout=null]
-       * @param {yfiles.styles.INodeStyle} [options.style=null]
-       * @param {Object} [options.tag=null]
-       * @returns {yfiles.graph.INode} 
+       * @param [options.parent=null]
+       * @param [options.layout=null]
+       * @param [options.style=null]
+       * @param [options.tag=null]
+       * @returns 
        */
       createNode(options:{parent?:yfiles.graph.INode,layout?:yfiles.geometry.Rect,style?:yfiles.styles.INodeStyle,tag?:Object}):yfiles.graph.INode;
       /**
@@ -51361,33 +50472,33 @@ declare namespace system{
       dispose():void;
       /**
        * 
-       * @param {yfiles.graph.IPortOwner} owner
-       * @param {yfiles.graph.AdjacencyTypes} [type=3]
-       * @returns {yfiles.collections.IListEnumerable.<yfiles.graph.IEdge>} 
+       * @param owner
+       * @param [type=yfiles.graph.AdjacencyTypes.ALL]
+       * @returns 
        */
       edgesAt(owner:yfiles.graph.IPortOwner,type?:yfiles.graph.AdjacencyTypes):yfiles.collections.IListEnumerable<yfiles.graph.IEdge>;
       /**
        * 
-       * @param {yfiles.graph.IPort} port
-       * @param {yfiles.graph.AdjacencyTypes} [type=3]
-       * @returns {yfiles.collections.IListEnumerable.<yfiles.graph.IEdge>} 
+       * @param port
+       * @param [type=yfiles.graph.AdjacencyTypes.ALL]
+       * @returns 
        */
       edgesAt(port:yfiles.graph.IPort,type?:yfiles.graph.AdjacencyTypes):yfiles.collections.IListEnumerable<yfiles.graph.IEdge>;
       /**
        * 
-       * @param {yfiles.graph.INode} node
-       * @returns {yfiles.collections.IListEnumerable.<yfiles.graph.INode>} 
+       * @param node
+       * @returns 
        */
       getChildren(node:yfiles.graph.INode):yfiles.collections.IListEnumerable<yfiles.graph.INode>;
       /**
        * Gets the lookup instance to use in {@link yfiles.graph.GraphWrapperBase#lookup}
-       * @returns {yfiles.graph.ILookup} 
+       * @returns 
        */
       getLookup():yfiles.graph.ILookup;
       /**
        * 
-       * @param {yfiles.graph.INode} node
-       * @returns {yfiles.graph.INode} 
+       * @param node
+       * @returns 
        */
       getParent(node:yfiles.graph.INode):yfiles.graph.INode;
       /**
@@ -51396,68 +50507,68 @@ declare namespace system{
       invalidateDisplays():void;
       /**
        * 
-       * @param {yfiles.graph.INode} node
-       * @returns {boolean} 
+       * @param node
+       * @returns 
        */
       isGroupNode(node:yfiles.graph.INode):boolean;
       /**
        * 
-       * @param {yfiles.lang.Class} type
-       * @returns {Object} 
+       * @param type
+       * @returns 
        */
       lookup(type:yfiles.lang.Class):Object;
       /**
        * Raises the {@link yfiles.graph.GraphWrapperBase#addBendAddedListener BendAdded} event
-       * @param {yfiles.collections.ItemEventArgs.<yfiles.graph.IBend>} evt The parameters for the event
+       * @param evt The parameters for the event
        * @protected
        */
       onBendAdded(evt:yfiles.collections.ItemEventArgs<yfiles.graph.IBend>):void;
       /**
        * Raises the {@link yfiles.graph.GraphWrapperBase#addBendLocationChangedListener BendLocationChanged} event
-       * @param {yfiles.graph.IBend} bend The bend whose location changed
-       * @param {yfiles.geometry.Point} oldLocation The bend location before the change
+       * @param bend The bend whose location changed
+       * @param oldLocation The bend location before the change
        * @protected
        */
       onBendLocationChanged(bend:yfiles.graph.IBend,oldLocation:yfiles.geometry.Point):void;
       /**
        * Raises the {@link yfiles.graph.GraphWrapperBase#addBendRemovedListener BendRemoved} event
-       * @param {yfiles.graph.BendEventArgs} evt The parameters for the event
+       * @param evt The parameters for the event
        * @protected
        */
       onBendRemoved(evt:yfiles.graph.BendEventArgs):void;
       /**
        * Raises the {@link yfiles.graph.GraphWrapperBase#addBendTagChangedListener BendTagChanged} event
-       * @param {yfiles.graph.ItemChangedEventArgs.<yfiles.graph.IBend,Object>} evt The parameters for the event
+       * @param evt The parameters for the event
        * @protected
        */
       onBendTagChanged(evt:yfiles.graph.ItemChangedEventArgs<yfiles.graph.IBend,Object>):void;
       /**
        * Raises the {@link yfiles.graph.GraphWrapperBase#addEdgeCreatedListener EdgeCreated} event
-       * @param {yfiles.collections.ItemEventArgs.<yfiles.graph.IEdge>} evt The parameters for the event
+       * @param evt The parameters for the event
        * @protected
        */
       onEdgeCreated(evt:yfiles.collections.ItemEventArgs<yfiles.graph.IEdge>):void;
       /**
        * Raises the {@link yfiles.graph.GraphWrapperBase#addEdgePortsChangedListener EdgePortsChanged} event
-       * @param {yfiles.graph.EdgeEventArgs} evt The parameters for the event
+       * @param evt The parameters for the event
        * @protected
        */
       onEdgePortsChanged(evt:yfiles.graph.EdgeEventArgs):void;
       /**
        * Raises the {@link yfiles.graph.GraphWrapperBase#addEdgeRemovedListener EdgeRemoved} event
-       * @param {yfiles.graph.EdgeEventArgs} evt The parameters for the event
+       * @param evt The parameters for the event
        * @protected
        */
       onEdgeRemoved(evt:yfiles.graph.EdgeEventArgs):void;
       /**
        * Raises the {@link yfiles.graph.GraphWrapperBase#addEdgeStyleChangedListener EdgeStyleChanged} event
-       * @param {yfiles.graph.ItemChangedEventArgs.<yfiles.graph.IEdge,yfiles.styles.IEdgeStyle>} evt The parameters for the event
+       * @param evt The parameters for the event
        * @protected
        */
       onEdgeStyleChanged(evt:yfiles.graph.ItemChangedEventArgs<yfiles.graph.IEdge,yfiles.styles.IEdgeStyle>):void;
       /**
        * Raises the {@link yfiles.graph.GraphWrapperBase#addEdgeTagChangedListener EdgeTagChanged} event
-       * @param {yfiles.graph.ItemChangedEventArgs.<yfiles.graph.IEdge,Object>} evt The parameters for the event
+       * @param evt The parameters for the event
        * @protected
        */
       onEdgeTagChanged(evt:yfiles.graph.ItemChangedEventArgs<yfiles.graph.IEdge,Object>):void;
@@ -51467,231 +50578,231 @@ declare namespace system{
        * Delegates to {@link yfiles.graph.GraphWrapperBase#addEventHandlers} for <code>newGraph</code> and to {@link yfiles.graph.GraphWrapperBase#removeEventHandlers}
        * for <code>oldGraph</code>.
        * </p>
-       * @param {yfiles.graph.IGraph} oldGraph the old value, which may be <code>null</code> the first time
-       * @param {yfiles.graph.IGraph} newGraph the new value
+       * @param oldGraph the old value, which may be <code>null</code> the first time
+       * @param newGraph the new value
        * @protected
        */
       onGraphChanged(oldGraph:yfiles.graph.IGraph,newGraph:yfiles.graph.IGraph):void;
       /**
        * Raises the {@link yfiles.graph.GraphWrapperBase#addGraphTagChangedListener GraphTagChanged} event
-       * @param {yfiles.graph.ItemChangedEventArgs.<yfiles.graph.IGraph,Object>} evt The parameters for the event
+       * @param evt The parameters for the event
        * @protected
        */
       onGraphTagChanged(evt:yfiles.graph.ItemChangedEventArgs<yfiles.graph.IGraph,Object>):void;
       /**
        * Raises the {@link yfiles.graph.GraphWrapperBase#addDisplaysInvalidatedListener DisplaysInvalidated} event
-       * @param {yfiles.lang.EventArgs} evt The parameters for the event
+       * @param evt The parameters for the event
        * @protected
        */
       onInvalidateDisplays(evt:yfiles.lang.EventArgs):void;
       /**
        * Dispatches the {@link yfiles.graph.GraphWrapperBase#addIsGroupNodeChangedListener IsGroupNodeChanged} event.
-       * @param {yfiles.graph.NodeEventArgs} evt The event args to dispatch.
+       * @param evt The event args to dispatch.
        * @protected
        */
       onIsGroupNodeChanged(evt:yfiles.graph.NodeEventArgs):void;
       /**
        * Raises the {@link yfiles.graph.GraphWrapperBase#addLabelAddedListener LabelAdded} event
-       * @param {yfiles.collections.ItemEventArgs.<yfiles.graph.ILabel>} evt The parameters for the event
+       * @param evt The parameters for the event
        * @protected
        */
       onLabelAdded(evt:yfiles.collections.ItemEventArgs<yfiles.graph.ILabel>):void;
       /**
        * Raises the {@link yfiles.graph.GraphWrapperBase#addLabelLayoutParameterChangedListener LabelLayoutParameterChanged} event
-       * @param {yfiles.graph.ItemChangedEventArgs.<yfiles.graph.ILabel,yfiles.graph.ILabelModelParameter>} evt The parameters for the event
+       * @param evt The parameters for the event
        * @protected
        */
       onLabelLayoutParameterChanged(evt:yfiles.graph.ItemChangedEventArgs<yfiles.graph.ILabel,yfiles.graph.ILabelModelParameter>):void;
       /**
        * Raises the {@link yfiles.graph.GraphWrapperBase#addLabelPreferredSizeChangedListener LabelPreferredSizeChanged} event
-       * @param {yfiles.graph.ItemChangedEventArgs.<yfiles.graph.ILabel,yfiles.geometry.Size>} evt The parameters for the event
+       * @param evt The parameters for the event
        * @protected
        */
       onLabelPreferredSizeChanged(evt:yfiles.graph.ItemChangedEventArgs<yfiles.graph.ILabel,yfiles.geometry.Size>):void;
       /**
        * Raises the {@link yfiles.graph.GraphWrapperBase#addLabelRemovedListener LabelRemoved} event
-       * @param {yfiles.graph.LabelEventArgs} evt The parameters for the event
+       * @param evt The parameters for the event
        * @protected
        */
       onLabelRemoved(evt:yfiles.graph.LabelEventArgs):void;
       /**
        * Raises the {@link yfiles.graph.GraphWrapperBase#addLabelStyleChangedListener LabelStyleChanged} event
-       * @param {yfiles.graph.ItemChangedEventArgs.<yfiles.graph.ILabel,yfiles.styles.ILabelStyle>} evt The parameters for the event
+       * @param evt The parameters for the event
        * @protected
        */
       onLabelStyleChanged(evt:yfiles.graph.ItemChangedEventArgs<yfiles.graph.ILabel,yfiles.styles.ILabelStyle>):void;
       /**
        * Raises the {@link yfiles.graph.GraphWrapperBase#addLabelTagChangedListener LabelTagChanged} event
-       * @param {yfiles.graph.ItemChangedEventArgs.<yfiles.graph.ILabel,Object>} evt The parameters for the event
+       * @param evt The parameters for the event
        * @protected
        */
       onLabelTagChanged(evt:yfiles.graph.ItemChangedEventArgs<yfiles.graph.ILabel,Object>):void;
       /**
        * Raises the {@link yfiles.graph.GraphWrapperBase#addLabelTextChangedListener LabelTextChanged} event
-       * @param {yfiles.graph.ItemChangedEventArgs.<yfiles.graph.ILabel,string>} evt The parameters for the event
+       * @param evt The parameters for the event
        * @protected
        */
       onLabelTextChanged(evt:yfiles.graph.ItemChangedEventArgs<yfiles.graph.ILabel,string>):void;
       /**
        * Raises the {@link yfiles.graph.GraphWrapperBase#addNodeCreatedListener NodeCreated} event
-       * @param {yfiles.collections.ItemEventArgs.<yfiles.graph.INode>} evt The parameters for the event
+       * @param evt The parameters for the event
        * @protected
        */
       onNodeCreated(evt:yfiles.collections.ItemEventArgs<yfiles.graph.INode>):void;
       /**
        * Raises the {@link yfiles.graph.GraphWrapperBase#addNodeLayoutChangedListener NodeLayoutChanged} event
-       * @param {yfiles.graph.INode} node The node whose layout changed
-       * @param {yfiles.geometry.Rect} oldLayout The node layout before the change
+       * @param node The node whose layout changed
+       * @param oldLayout The node layout before the change
        * @protected
        */
       onNodeLayoutChanged(node:yfiles.graph.INode,oldLayout:yfiles.geometry.Rect):void;
       /**
        * Raises the {@link yfiles.graph.GraphWrapperBase#addNodeRemovedListener NodeRemoved} event
-       * @param {yfiles.graph.NodeEventArgs} evt The parameters for the event
+       * @param evt The parameters for the event
        * @protected
        */
       onNodeRemoved(evt:yfiles.graph.NodeEventArgs):void;
       /**
        * Raises the {@link yfiles.graph.GraphWrapperBase#addNodeStyleChangedListener NodeStyleChanged} event
-       * @param {yfiles.graph.ItemChangedEventArgs.<yfiles.graph.INode,yfiles.styles.INodeStyle>} evt The parameters for the event
+       * @param evt The parameters for the event
        * @protected
        */
       onNodeStyleChanged(evt:yfiles.graph.ItemChangedEventArgs<yfiles.graph.INode,yfiles.styles.INodeStyle>):void;
       /**
        * Raises the {@link yfiles.graph.GraphWrapperBase#addNodeTagChangedListener NodeTagChanged} event
-       * @param {yfiles.graph.ItemChangedEventArgs.<yfiles.graph.INode,Object>} evt The parameters for the event
+       * @param evt The parameters for the event
        * @protected
        */
       onNodeTagChanged(evt:yfiles.graph.ItemChangedEventArgs<yfiles.graph.INode,Object>):void;
       /**
        * Dispatches the {@link yfiles.graph.GraphWrapperBase#addParentChangedListener ParentChanged} event.
-       * @param {yfiles.graph.NodeEventArgs} evt The event args to dispatch.
+       * @param evt The event args to dispatch.
        * @protected
        */
       onParentChanged(evt:yfiles.graph.NodeEventArgs):void;
       /**
        * Raises the {@link yfiles.graph.GraphWrapperBase#addPortAddedListener PortAdded} event
-       * @param {yfiles.collections.ItemEventArgs.<yfiles.graph.IPort>} evt The parameters for the event
+       * @param evt The parameters for the event
        * @protected
        */
       onPortAdded(evt:yfiles.collections.ItemEventArgs<yfiles.graph.IPort>):void;
       /**
        * Raises the {@link yfiles.graph.GraphWrapperBase#addPortLocationParameterChangedListener PortLocationParameterChanged} event
-       * @param {yfiles.graph.ItemChangedEventArgs.<yfiles.graph.IPort,yfiles.graph.IPortLocationModelParameter>} evt The parameters for the event
+       * @param evt The parameters for the event
        * @protected
        */
       onPortLocationParameterChanged(evt:yfiles.graph.ItemChangedEventArgs<yfiles.graph.IPort,yfiles.graph.IPortLocationModelParameter>):void;
       /**
        * Raises the {@link yfiles.graph.GraphWrapperBase#addPortRemovedListener PortRemoved} event
-       * @param {yfiles.graph.PortEventArgs} evt The parameters for the event
+       * @param evt The parameters for the event
        * @protected
        */
       onPortRemoved(evt:yfiles.graph.PortEventArgs):void;
       /**
        * Raises the {@link yfiles.graph.GraphWrapperBase#addPortStyleChangedListener PortStyleChanged} event
-       * @param {yfiles.graph.ItemChangedEventArgs.<yfiles.graph.IPort,yfiles.styles.IPortStyle>} evt The parameters for the event
+       * @param evt The parameters for the event
        * @protected
        */
       onPortStyleChanged(evt:yfiles.graph.ItemChangedEventArgs<yfiles.graph.IPort,yfiles.styles.IPortStyle>):void;
       /**
        * Raises the {@link yfiles.graph.GraphWrapperBase#addPortTagChangedListener PortTagChanged} event
-       * @param {yfiles.graph.ItemChangedEventArgs.<yfiles.graph.IPort,Object>} evt The parameters for the event
+       * @param evt The parameters for the event
        * @protected
        */
       onPortTagChanged(evt:yfiles.graph.ItemChangedEventArgs<yfiles.graph.IPort,Object>):void;
       /**
        * 
-       * @param {yfiles.graph.IModelItem} item
+       * @param item
        */
       remove(item:yfiles.graph.IModelItem):void;
       /**
        * Removes event handlers for <code>graph</code> that have been added with {@link yfiles.graph.GraphWrapperBase#addEventHandlers}.
-       * @param {yfiles.graph.IGraph} graph The graph for which event propagators should be removed
+       * @param graph The graph for which event propagators should be removed
        * @protected
        */
       removeEventHandlers(graph:yfiles.graph.IGraph):void;
       /**
        * 
-       * @param {yfiles.graph.IBend} bend
-       * @param {yfiles.geometry.Point} location
+       * @param bend
+       * @param location
        */
       setBendLocation(bend:yfiles.graph.IBend,location:yfiles.geometry.Point):void;
       /**
        * 
-       * @param {yfiles.graph.IEdge} edge
-       * @param {yfiles.graph.IPort} sourcePort
-       * @param {yfiles.graph.IPort} targetPort
+       * @param edge
+       * @param sourcePort
+       * @param targetPort
        */
       setEdgePorts(edge:yfiles.graph.IEdge,sourcePort:yfiles.graph.IPort,targetPort:yfiles.graph.IPort):void;
       /**
        * 
-       * @param {yfiles.graph.INode} node
-       * @param {boolean} isGroupNode
+       * @param node
+       * @param isGroupNode
        */
       setIsGroupNode(node:yfiles.graph.INode,isGroupNode:boolean):void;
       /**
        * 
-       * @param {yfiles.graph.ILabel} label
-       * @param {yfiles.graph.ILabelModelParameter} layoutParameter
+       * @param label
+       * @param layoutParameter
        */
       setLabelLayoutParameter(label:yfiles.graph.ILabel,layoutParameter:yfiles.graph.ILabelModelParameter):void;
       /**
        * 
-       * @param {yfiles.graph.ILabel} label
-       * @param {yfiles.geometry.Size} preferredSize
+       * @param label
+       * @param preferredSize
        */
       setLabelPreferredSize(label:yfiles.graph.ILabel,preferredSize:yfiles.geometry.Size):void;
       /**
        * 
-       * @param {yfiles.graph.ILabel} label
-       * @param {string} text
+       * @param label
+       * @param text
        */
       setLabelText(label:yfiles.graph.ILabel,text:string):void;
       /**
        * Sets the lookup instance to use in {@link yfiles.graph.GraphWrapperBase#lookup}
-       * @param {yfiles.graph.ILookup} lookup
+       * @param lookup
        */
       setLookup(lookup:yfiles.graph.ILookup):void;
       /**
        * 
-       * @param {yfiles.graph.INode} node
-       * @param {yfiles.geometry.Rect} layout
+       * @param node
+       * @param layout
        */
       setNodeLayout(node:yfiles.graph.INode,layout:yfiles.geometry.Rect):void;
       /**
        * 
-       * @param {yfiles.graph.INode} node
-       * @param {yfiles.graph.INode} parent
+       * @param node
+       * @param parent
        */
       setParent(node:yfiles.graph.INode,parent:yfiles.graph.INode):void;
       /**
        * 
-       * @param {yfiles.graph.IPort} port
-       * @param {yfiles.graph.IPortLocationModelParameter} locationParameter
+       * @param port
+       * @param locationParameter
        */
       setPortLocationParameter(port:yfiles.graph.IPort,locationParameter:yfiles.graph.IPortLocationModelParameter):void;
       /**
        * 
-       * @param {yfiles.graph.IPort} port
-       * @param {yfiles.styles.IPortStyle} style
+       * @param port
+       * @param style
        */
       setStyle(port:yfiles.graph.IPort,style:yfiles.styles.IPortStyle):void;
       /**
        * 
-       * @param {yfiles.graph.IEdge} edge
-       * @param {yfiles.styles.IEdgeStyle} style
+       * @param edge
+       * @param style
        */
       setStyle(edge:yfiles.graph.IEdge,style:yfiles.styles.IEdgeStyle):void;
       /**
        * 
-       * @param {yfiles.graph.ILabel} label
-       * @param {yfiles.styles.ILabelStyle} style
+       * @param label
+       * @param style
        */
       setStyle(label:yfiles.graph.ILabel,style:yfiles.styles.ILabelStyle):void;
       /**
        * 
-       * @param {yfiles.graph.INode} node
-       * @param {yfiles.styles.INodeStyle} style
+       * @param node
+       * @param style
        */
       setStyle(node:yfiles.graph.INode,style:yfiles.styles.INodeStyle):void;
       /**
@@ -51731,282 +50842,282 @@ declare namespace system{
       nodeDefaults:yfiles.graph.INodeDefaults;
       /**
        * 
-       * @param {function(Object, yfiles.graph.ItemChangedEventArgs.<yfiles.graph.IGraph,Object>): void} listener
+       * @param listener
        */
       addGraphTagChangedListener(listener:(sender:Object,evt:yfiles.graph.ItemChangedEventArgs<yfiles.graph.IGraph,Object>)=>void):void;
       /**
        * 
-       * @param {function(Object, yfiles.graph.ItemChangedEventArgs.<yfiles.graph.IGraph,Object>): void} listener
+       * @param listener
        */
       removeGraphTagChangedListener(listener:(sender:Object,evt:yfiles.graph.ItemChangedEventArgs<yfiles.graph.IGraph,Object>)=>void):void;
       /**
        * 
-       * @param {function(Object, yfiles.collections.ItemEventArgs.<yfiles.graph.INode>): void} listener
+       * @param listener
        */
       addNodeCreatedListener(listener:(sender:Object,evt:yfiles.collections.ItemEventArgs<yfiles.graph.INode>)=>void):void;
       /**
        * 
-       * @param {function(Object, yfiles.collections.ItemEventArgs.<yfiles.graph.INode>): void} listener
+       * @param listener
        */
       removeNodeCreatedListener(listener:(sender:Object,evt:yfiles.collections.ItemEventArgs<yfiles.graph.INode>)=>void):void;
       /**
        * 
-       * @param {function(Object, yfiles.graph.NodeEventArgs): void} listener
+       * @param listener
        */
       addNodeRemovedListener(listener:(sender:Object,evt:yfiles.graph.NodeEventArgs)=>void):void;
       /**
        * 
-       * @param {function(Object, yfiles.graph.NodeEventArgs): void} listener
+       * @param listener
        */
       removeNodeRemovedListener(listener:(sender:Object,evt:yfiles.graph.NodeEventArgs)=>void):void;
       /**
        * 
-       * @param {function(Object, yfiles.graph.ItemChangedEventArgs.<yfiles.graph.INode,yfiles.styles.INodeStyle>): void} listener
+       * @param listener
        */
       addNodeStyleChangedListener(listener:(sender:Object,evt:yfiles.graph.ItemChangedEventArgs<yfiles.graph.INode,yfiles.styles.INodeStyle>)=>void):void;
       /**
        * 
-       * @param {function(Object, yfiles.graph.ItemChangedEventArgs.<yfiles.graph.INode,yfiles.styles.INodeStyle>): void} listener
+       * @param listener
        */
       removeNodeStyleChangedListener(listener:(sender:Object,evt:yfiles.graph.ItemChangedEventArgs<yfiles.graph.INode,yfiles.styles.INodeStyle>)=>void):void;
       /**
        * 
-       * @param {function(Object, yfiles.graph.INode, yfiles.geometry.Rect): void} listener
+       * @param listener
        */
       addNodeLayoutChangedListener(listener:(source:Object,node:yfiles.graph.INode,oldLayout:yfiles.geometry.Rect)=>void):void;
       /**
        * 
-       * @param {function(Object, yfiles.graph.INode, yfiles.geometry.Rect): void} listener
+       * @param listener
        */
       removeNodeLayoutChangedListener(listener:(source:Object,node:yfiles.graph.INode,oldLayout:yfiles.geometry.Rect)=>void):void;
       /**
        * 
-       * @param {function(Object, yfiles.graph.ItemChangedEventArgs.<yfiles.graph.INode,Object>): void} listener
+       * @param listener
        */
       addNodeTagChangedListener(listener:(sender:Object,evt:yfiles.graph.ItemChangedEventArgs<yfiles.graph.INode,Object>)=>void):void;
       /**
        * 
-       * @param {function(Object, yfiles.graph.ItemChangedEventArgs.<yfiles.graph.INode,Object>): void} listener
+       * @param listener
        */
       removeNodeTagChangedListener(listener:(sender:Object,evt:yfiles.graph.ItemChangedEventArgs<yfiles.graph.INode,Object>)=>void):void;
       /**
        * 
-       * @param {function(Object, yfiles.collections.ItemEventArgs.<yfiles.graph.IEdge>): void} listener
+       * @param listener
        */
       addEdgeCreatedListener(listener:(sender:Object,evt:yfiles.collections.ItemEventArgs<yfiles.graph.IEdge>)=>void):void;
       /**
        * 
-       * @param {function(Object, yfiles.collections.ItemEventArgs.<yfiles.graph.IEdge>): void} listener
+       * @param listener
        */
       removeEdgeCreatedListener(listener:(sender:Object,evt:yfiles.collections.ItemEventArgs<yfiles.graph.IEdge>)=>void):void;
       /**
        * 
-       * @param {function(Object, yfiles.graph.EdgeEventArgs): void} listener
+       * @param listener
        */
       addEdgeRemovedListener(listener:(sender:Object,evt:yfiles.graph.EdgeEventArgs)=>void):void;
       /**
        * 
-       * @param {function(Object, yfiles.graph.EdgeEventArgs): void} listener
+       * @param listener
        */
       removeEdgeRemovedListener(listener:(sender:Object,evt:yfiles.graph.EdgeEventArgs)=>void):void;
       /**
        * 
-       * @param {function(Object, yfiles.graph.ItemChangedEventArgs.<yfiles.graph.IEdge,yfiles.styles.IEdgeStyle>): void} listener
+       * @param listener
        */
       addEdgeStyleChangedListener(listener:(sender:Object,evt:yfiles.graph.ItemChangedEventArgs<yfiles.graph.IEdge,yfiles.styles.IEdgeStyle>)=>void):void;
       /**
        * 
-       * @param {function(Object, yfiles.graph.ItemChangedEventArgs.<yfiles.graph.IEdge,yfiles.styles.IEdgeStyle>): void} listener
+       * @param listener
        */
       removeEdgeStyleChangedListener(listener:(sender:Object,evt:yfiles.graph.ItemChangedEventArgs<yfiles.graph.IEdge,yfiles.styles.IEdgeStyle>)=>void):void;
       /**
        * 
-       * @param {function(Object, yfiles.graph.EdgeEventArgs): void} listener
+       * @param listener
        */
       addEdgePortsChangedListener(listener:(sender:Object,evt:yfiles.graph.EdgeEventArgs)=>void):void;
       /**
        * 
-       * @param {function(Object, yfiles.graph.EdgeEventArgs): void} listener
+       * @param listener
        */
       removeEdgePortsChangedListener(listener:(sender:Object,evt:yfiles.graph.EdgeEventArgs)=>void):void;
       /**
        * 
-       * @param {function(Object, yfiles.graph.ItemChangedEventArgs.<yfiles.graph.IEdge,Object>): void} listener
+       * @param listener
        */
       addEdgeTagChangedListener(listener:(sender:Object,evt:yfiles.graph.ItemChangedEventArgs<yfiles.graph.IEdge,Object>)=>void):void;
       /**
        * 
-       * @param {function(Object, yfiles.graph.ItemChangedEventArgs.<yfiles.graph.IEdge,Object>): void} listener
+       * @param listener
        */
       removeEdgeTagChangedListener(listener:(sender:Object,evt:yfiles.graph.ItemChangedEventArgs<yfiles.graph.IEdge,Object>)=>void):void;
       /**
        * 
-       * @param {function(Object, yfiles.collections.ItemEventArgs.<yfiles.graph.IBend>): void} listener
+       * @param listener
        */
       addBendAddedListener(listener:(sender:Object,evt:yfiles.collections.ItemEventArgs<yfiles.graph.IBend>)=>void):void;
       /**
        * 
-       * @param {function(Object, yfiles.collections.ItemEventArgs.<yfiles.graph.IBend>): void} listener
+       * @param listener
        */
       removeBendAddedListener(listener:(sender:Object,evt:yfiles.collections.ItemEventArgs<yfiles.graph.IBend>)=>void):void;
       /**
        * 
-       * @param {function(Object, yfiles.graph.BendEventArgs): void} listener
+       * @param listener
        */
       addBendRemovedListener(listener:(sender:Object,evt:yfiles.graph.BendEventArgs)=>void):void;
       /**
        * 
-       * @param {function(Object, yfiles.graph.BendEventArgs): void} listener
+       * @param listener
        */
       removeBendRemovedListener(listener:(sender:Object,evt:yfiles.graph.BendEventArgs)=>void):void;
       /**
        * 
-       * @param {function(Object, yfiles.graph.IBend, yfiles.geometry.Point): void} listener
+       * @param listener
        */
       addBendLocationChangedListener(listener:(source:Object,bend:yfiles.graph.IBend,oldLocation:yfiles.geometry.Point)=>void):void;
       /**
        * 
-       * @param {function(Object, yfiles.graph.IBend, yfiles.geometry.Point): void} listener
+       * @param listener
        */
       removeBendLocationChangedListener(listener:(source:Object,bend:yfiles.graph.IBend,oldLocation:yfiles.geometry.Point)=>void):void;
       /**
        * 
-       * @param {function(Object, yfiles.graph.ItemChangedEventArgs.<yfiles.graph.IBend,Object>): void} listener
+       * @param listener
        */
       addBendTagChangedListener(listener:(sender:Object,evt:yfiles.graph.ItemChangedEventArgs<yfiles.graph.IBend,Object>)=>void):void;
       /**
        * 
-       * @param {function(Object, yfiles.graph.ItemChangedEventArgs.<yfiles.graph.IBend,Object>): void} listener
+       * @param listener
        */
       removeBendTagChangedListener(listener:(sender:Object,evt:yfiles.graph.ItemChangedEventArgs<yfiles.graph.IBend,Object>)=>void):void;
       /**
        * 
-       * @param {function(Object, yfiles.collections.ItemEventArgs.<yfiles.graph.ILabel>): void} listener
+       * @param listener
        */
       addLabelAddedListener(listener:(sender:Object,evt:yfiles.collections.ItemEventArgs<yfiles.graph.ILabel>)=>void):void;
       /**
        * 
-       * @param {function(Object, yfiles.collections.ItemEventArgs.<yfiles.graph.ILabel>): void} listener
+       * @param listener
        */
       removeLabelAddedListener(listener:(sender:Object,evt:yfiles.collections.ItemEventArgs<yfiles.graph.ILabel>)=>void):void;
       /**
        * 
-       * @param {function(Object, yfiles.graph.LabelEventArgs): void} listener
+       * @param listener
        */
       addLabelRemovedListener(listener:(sender:Object,evt:yfiles.graph.LabelEventArgs)=>void):void;
       /**
        * 
-       * @param {function(Object, yfiles.graph.LabelEventArgs): void} listener
+       * @param listener
        */
       removeLabelRemovedListener(listener:(sender:Object,evt:yfiles.graph.LabelEventArgs)=>void):void;
       /**
        * 
-       * @param {function(Object, yfiles.graph.ItemChangedEventArgs.<yfiles.graph.ILabel,yfiles.styles.ILabelStyle>): void} listener
+       * @param listener
        */
       addLabelStyleChangedListener(listener:(sender:Object,evt:yfiles.graph.ItemChangedEventArgs<yfiles.graph.ILabel,yfiles.styles.ILabelStyle>)=>void):void;
       /**
        * 
-       * @param {function(Object, yfiles.graph.ItemChangedEventArgs.<yfiles.graph.ILabel,yfiles.styles.ILabelStyle>): void} listener
+       * @param listener
        */
       removeLabelStyleChangedListener(listener:(sender:Object,evt:yfiles.graph.ItemChangedEventArgs<yfiles.graph.ILabel,yfiles.styles.ILabelStyle>)=>void):void;
       /**
        * 
-       * @param {function(Object, yfiles.graph.ItemChangedEventArgs.<yfiles.graph.ILabel,yfiles.geometry.Size>): void} listener
+       * @param listener
        */
       addLabelPreferredSizeChangedListener(listener:(sender:Object,evt:yfiles.graph.ItemChangedEventArgs<yfiles.graph.ILabel,yfiles.geometry.Size>)=>void):void;
       /**
        * 
-       * @param {function(Object, yfiles.graph.ItemChangedEventArgs.<yfiles.graph.ILabel,yfiles.geometry.Size>): void} listener
+       * @param listener
        */
       removeLabelPreferredSizeChangedListener(listener:(sender:Object,evt:yfiles.graph.ItemChangedEventArgs<yfiles.graph.ILabel,yfiles.geometry.Size>)=>void):void;
       /**
        * 
-       * @param {function(Object, yfiles.graph.ItemChangedEventArgs.<yfiles.graph.ILabel,string>): void} listener
+       * @param listener
        */
       addLabelTextChangedListener(listener:(sender:Object,evt:yfiles.graph.ItemChangedEventArgs<yfiles.graph.ILabel,string>)=>void):void;
       /**
        * 
-       * @param {function(Object, yfiles.graph.ItemChangedEventArgs.<yfiles.graph.ILabel,string>): void} listener
+       * @param listener
        */
       removeLabelTextChangedListener(listener:(sender:Object,evt:yfiles.graph.ItemChangedEventArgs<yfiles.graph.ILabel,string>)=>void):void;
       /**
        * 
-       * @param {function(Object, yfiles.graph.ItemChangedEventArgs.<yfiles.graph.ILabel,yfiles.graph.ILabelModelParameter>): void} listener
+       * @param listener
        */
       addLabelLayoutParameterChangedListener(listener:(sender:Object,evt:yfiles.graph.ItemChangedEventArgs<yfiles.graph.ILabel,yfiles.graph.ILabelModelParameter>)=>void):void;
       /**
        * 
-       * @param {function(Object, yfiles.graph.ItemChangedEventArgs.<yfiles.graph.ILabel,yfiles.graph.ILabelModelParameter>): void} listener
+       * @param listener
        */
       removeLabelLayoutParameterChangedListener(listener:(sender:Object,evt:yfiles.graph.ItemChangedEventArgs<yfiles.graph.ILabel,yfiles.graph.ILabelModelParameter>)=>void):void;
       /**
        * 
-       * @param {function(Object, yfiles.graph.ItemChangedEventArgs.<yfiles.graph.ILabel,Object>): void} listener
+       * @param listener
        */
       addLabelTagChangedListener(listener:(sender:Object,evt:yfiles.graph.ItemChangedEventArgs<yfiles.graph.ILabel,Object>)=>void):void;
       /**
        * 
-       * @param {function(Object, yfiles.graph.ItemChangedEventArgs.<yfiles.graph.ILabel,Object>): void} listener
+       * @param listener
        */
       removeLabelTagChangedListener(listener:(sender:Object,evt:yfiles.graph.ItemChangedEventArgs<yfiles.graph.ILabel,Object>)=>void):void;
       /**
        * 
-       * @param {function(Object, yfiles.collections.ItemEventArgs.<yfiles.graph.IPort>): void} listener
+       * @param listener
        */
       addPortAddedListener(listener:(sender:Object,evt:yfiles.collections.ItemEventArgs<yfiles.graph.IPort>)=>void):void;
       /**
        * 
-       * @param {function(Object, yfiles.collections.ItemEventArgs.<yfiles.graph.IPort>): void} listener
+       * @param listener
        */
       removePortAddedListener(listener:(sender:Object,evt:yfiles.collections.ItemEventArgs<yfiles.graph.IPort>)=>void):void;
       /**
        * 
-       * @param {function(Object, yfiles.graph.PortEventArgs): void} listener
+       * @param listener
        */
       addPortRemovedListener(listener:(sender:Object,evt:yfiles.graph.PortEventArgs)=>void):void;
       /**
        * 
-       * @param {function(Object, yfiles.graph.PortEventArgs): void} listener
+       * @param listener
        */
       removePortRemovedListener(listener:(sender:Object,evt:yfiles.graph.PortEventArgs)=>void):void;
       /**
        * 
-       * @param {function(Object, yfiles.graph.ItemChangedEventArgs.<yfiles.graph.IPort,yfiles.styles.IPortStyle>): void} listener
+       * @param listener
        */
       addPortStyleChangedListener(listener:(sender:Object,evt:yfiles.graph.ItemChangedEventArgs<yfiles.graph.IPort,yfiles.styles.IPortStyle>)=>void):void;
       /**
        * 
-       * @param {function(Object, yfiles.graph.ItemChangedEventArgs.<yfiles.graph.IPort,yfiles.styles.IPortStyle>): void} listener
+       * @param listener
        */
       removePortStyleChangedListener(listener:(sender:Object,evt:yfiles.graph.ItemChangedEventArgs<yfiles.graph.IPort,yfiles.styles.IPortStyle>)=>void):void;
       /**
        * 
-       * @param {function(Object, yfiles.graph.ItemChangedEventArgs.<yfiles.graph.IPort,yfiles.graph.IPortLocationModelParameter>): void} listener
+       * @param listener
        */
       addPortLocationParameterChangedListener(listener:(sender:Object,evt:yfiles.graph.ItemChangedEventArgs<yfiles.graph.IPort,yfiles.graph.IPortLocationModelParameter>)=>void):void;
       /**
        * 
-       * @param {function(Object, yfiles.graph.ItemChangedEventArgs.<yfiles.graph.IPort,yfiles.graph.IPortLocationModelParameter>): void} listener
+       * @param listener
        */
       removePortLocationParameterChangedListener(listener:(sender:Object,evt:yfiles.graph.ItemChangedEventArgs<yfiles.graph.IPort,yfiles.graph.IPortLocationModelParameter>)=>void):void;
       /**
        * 
-       * @param {function(Object, yfiles.graph.ItemChangedEventArgs.<yfiles.graph.IPort,Object>): void} listener
+       * @param listener
        */
       addPortTagChangedListener(listener:(sender:Object,evt:yfiles.graph.ItemChangedEventArgs<yfiles.graph.IPort,Object>)=>void):void;
       /**
        * 
-       * @param {function(Object, yfiles.graph.ItemChangedEventArgs.<yfiles.graph.IPort,Object>): void} listener
+       * @param listener
        */
       removePortTagChangedListener(listener:(sender:Object,evt:yfiles.graph.ItemChangedEventArgs<yfiles.graph.IPort,Object>)=>void):void;
       /**
        * 
-       * @param {function(Object, yfiles.lang.EventArgs): void} listener
+       * @param listener
        */
       addDisplaysInvalidatedListener(listener:(sender:Object,evt:yfiles.lang.EventArgs)=>void):void;
       /**
        * 
-       * @param {function(Object, yfiles.lang.EventArgs): void} listener
+       * @param listener
        */
       removeDisplaysInvalidatedListener(listener:(sender:Object,evt:yfiles.lang.EventArgs)=>void):void;
       /**
@@ -52021,22 +51132,22 @@ declare namespace system{
       groupNodeDefaults:yfiles.graph.INodeDefaults;
       /**
        * 
-       * @param {function(Object, yfiles.graph.NodeEventArgs): void} listener
+       * @param listener
        */
       addParentChangedListener(listener:(sender:Object,evt:yfiles.graph.NodeEventArgs)=>void):void;
       /**
        * 
-       * @param {function(Object, yfiles.graph.NodeEventArgs): void} listener
+       * @param listener
        */
       removeParentChangedListener(listener:(sender:Object,evt:yfiles.graph.NodeEventArgs)=>void):void;
       /**
        * 
-       * @param {function(Object, yfiles.graph.NodeEventArgs): void} listener
+       * @param listener
        */
       addIsGroupNodeChangedListener(listener:(sender:Object,evt:yfiles.graph.NodeEventArgs)=>void):void;
       /**
        * 
-       * @param {function(Object, yfiles.graph.NodeEventArgs): void} listener
+       * @param listener
        */
       removeIsGroupNodeChangedListener(listener:(sender:Object,evt:yfiles.graph.NodeEventArgs)=>void):void;
       /**
@@ -52087,7 +51198,6 @@ declare namespace system{
       location:yfiles.geometry.IPoint;
       /**
        * Gets the index of the bend at its {@link yfiles.graph.IBend#owner}.
-       * @returns The zero based index of the bend in the {@link yfiles.graph.IEdge#bends} list; <code>-1</code> if the bend is not part of an edge.
        * @type {number}
        */
       index?:number;
@@ -52120,15 +51230,15 @@ declare namespace system{
     export interface IEdge extends Object,yfiles.graph.IPortOwner,yfiles.graph.ILabelOwner,yfiles.graph.IModelItem{
       /**
        * Gets the opposite port of an {@link yfiles.graph.IEdge}.
-       * @param {yfiles.graph.IPort} port The port that the {@link yfiles.graph.IEdge} is connected to.
-       * @returns {yfiles.graph.IPort} The opposite port.
+       * @param port The port that the {@link } is connected to.
+       * @returns The opposite port.
        * @throws {Stubs.Exceptions.ArgumentError} If <code>port</code> is neither the source or target of the edge.
        */
       opposite?(port:yfiles.graph.IPort):yfiles.graph.IPort;
       /**
        * Gets the opposite port owner of an {@link yfiles.graph.IEdge}.
-       * @param {yfiles.graph.IPortOwner} owner The owner of the port that the {@link yfiles.graph.IEdge} is connected to.
-       * @returns {yfiles.graph.IPortOwner} The owner of the opposite port.
+       * @param owner The owner of the port that the {@link } is connected to.
+       * @returns The owner of the opposite port.
        * @throws {Stubs.Exceptions.ArgumentError} If <code>owner</code> is neither the source or target of the edge.
        */
       opposite?(owner:yfiles.graph.IPortOwner):yfiles.graph.IPortOwner;
@@ -52176,19 +51286,16 @@ declare namespace system{
       style:yfiles.styles.IEdgeStyle;
       /**
        * Gets the source node for the given edge or <code>null</code>.
-       * @returns The source node or <code>null</code>.
        * @type {yfiles.graph.INode}
        */
       sourceNode?:yfiles.graph.INode;
       /**
        * Gets the target node for the given edge or <code>null</code>.
-       * @returns The target node or <code>null</code>.
        * @type {yfiles.graph.INode}
        */
       targetNode?:yfiles.graph.INode;
       /**
-       * Returns whether an {@link yfiles.graph.IEdge edge} is a self loop.
-       * @returns <code>true</code>, if the edge is a self loop
+       * Determines whether an {@link yfiles.graph.IEdge edge} is a self-loop, that is, it starts and ends at the same port owner.
        * @type {boolean}
        */
       isSelfloop?:boolean;
@@ -52213,7 +51320,7 @@ declare namespace system{
        * Most implementations will yield either, a {@link yfiles.lang.ICloneable#clone clone} of or the {@link yfiles.graph.IEdgeDefaults#style} property, if {@link yfiles.graph.IEdgeDefaults#shareStyleInstance} is enabled, but they might use more complicated
        * logic, too.
        * </p>
-       * @returns {yfiles.styles.IEdgeStyle} The style to use, which for most implementations is either a {@link yfiles.lang.ICloneable#clone clone} of or the {@link yfiles.graph.IEdgeDefaults#style} property, if {@link yfiles.graph.IEdgeDefaults#shareStyleInstance} is enabled.
+       * @returns The style to use, which for most implementations is either a {@link #clone clone} of or the {@link #style} property, if {@link #shareStyleInstance} is enabled.
        * @abstract
        */
       getStyleInstance():yfiles.styles.IEdgeStyle;
@@ -52259,19 +51366,19 @@ declare namespace system{
       isInstance(o:Object):boolean;
     };
     /**
-     * Interface that is used for manipulating a managed view of an {@link yfiles.graph.IGraph} that supports folding operations like {@link yfiles.graph.IFoldingView#expand expanding}
+     * Interface that is used for manipulating a {@link yfiles.graph.FoldingManager#createFoldingView managed view} of an {@link yfiles.graph.IGraph} that supports folding operations like {@link yfiles.graph.IFoldingView#expand expanding}
      * and {@link yfiles.graph.IFoldingView#collapse collapsing} of nodes.
      * <p>
      * The {@link yfiles.graph.FoldingManager} creates views of a {@link yfiles.graph.FoldingManager#masterGraph} which is created using copies of the original "master" entities. The
      * views are being synchronized via the {@link yfiles.graph.FoldingManager#masterGraph}, but may contain additional {@link yfiles.graph.FoldingManager#getFolderNodeState view state}. Typically nodes and edges are being copied
      * from the {@link yfiles.graph.FoldingManager#masterGraph} and they share many of their properties by reference (e.g. {@link yfiles.graph.INode#style}). However if group nodes are being represented by
      * {@link yfiles.graph.IFoldingView#collapse collapsed} group nodes in this view, they maintain a separate set of {@link yfiles.graph.ILabel labels}, {@link yfiles.graph.IPort ports}, {@link yfiles.graph.IBend bends}, and {@link yfiles.graph.INode#layout geometry}. This view-local
-     * state is shared between all views that have been created by the same Manager and can be obtained and modified via the
+     * state is shared between all views that have been {@link yfiles.graph.FoldingManager#createFoldingView created} by the same Manager and can be obtained and modified via the
      * {@link yfiles.graph.FoldingManager}'s <code>GetFoldingEdgeState</code> methods for {@link yfiles.graph.FoldingManager#getFoldingEdgeState folding edges} and {@link yfiles.graph.FoldingManager#getFolderNodeState folder nodes} in the absence of a
      * corresponding {@link yfiles.graph.IFoldingView} view instance. Developers typically don't need to implement this interface
-     * themselves, rather an implementation is provided by the framework and can be obtained from the {@link yfiles.graph.FoldingManager}
-     * implementation. Use CreateFoldingView to obtain an {@link yfiles.graph.IGraph} implementation that contains an implementation of
-     * this class in its {@link yfiles.graph.ILookup#lookup} method:
+     * themselves, rather an implementation is provided by the framework and can be obtained from the
+     * {@link yfiles.graph.FoldingManager}. Use {@link yfiles.graph.FoldingManager#createFoldingView} to obtain an {@link yfiles.graph.IGraph}
+     * implementation that contains an implementation of this class in its {@link yfiles.graph.ILookup#lookup} method:
      * </p>
      * <p>
      * This interface extends the {@link yfiles.lang.IPropertyObservable} interface. This can be used to easily monitor the {@link yfiles.graph.IFoldingView#invalid validity} of
@@ -52303,7 +51410,7 @@ declare namespace system{
        * In addition to that this method can also be used for {@link yfiles.graph.FoldingManager#masterGraph master} nodes which are currently not represented in this view. In
        * this case these nodes will be displayed as collapsed the next time they will be included in this view.
        * </p>
-       * @param {yfiles.graph.INode} groupNode A group node that is part of the {@link yfiles.graph.IFoldingView#graph} or the {@link yfiles.graph.FoldingManager#masterGraph master graph}.
+       * @param groupNode A group node that is part of the {@link #graph} or the {@link #masterGraph master graph}.
        * @see yfiles.graph.IFoldingView#isExpanded
        * @abstract
        */
@@ -52315,11 +51422,11 @@ declare namespace system{
        * part of the {@link yfiles.graph.IFoldingView#graph Folded Graph View} or <code>null</code> to create a folder at the root of the current hierarchy. It will be converted into
        * a group node if necessary. The returned {@link yfiles.graph.INode} is also part of the {@link yfiles.graph.IFoldingView#graph Folded Graph View}.
        * </p>
-       * @param {yfiles.graph.INode} [parent=null] The parent node in the {@link yfiles.graph.IFoldingView#graph}, or <code>null</code>
-       * @param {yfiles.geometry.Rect} [layout=null] The layout for the collapsed node.
-       * @param {yfiles.styles.INodeStyle} [style=null] The style for the collapsed node
-       * @param {Object} [tag=null] The tag of the node.
-       * @returns {yfiles.graph.INode} A collapsed (folder) node that lives in {@link yfiles.graph.IFoldingView#graph}
+       * @param [parent=null] The parent node in the {@link #graph}, or <code>null</code>
+       * @param [layout=null] The layout for the collapsed node.
+       * @param [style=null] The style for the collapsed node
+       * @param [tag=null] The tag of the node.
+       * @returns A collapsed (folder) node that lives in {@link #graph}
        * @abstract
        */
       createFolderNode(parent?:yfiles.graph.INode,layout?:yfiles.geometry.Rect,style?:yfiles.styles.INodeStyle,tag?:Object):yfiles.graph.INode;
@@ -52331,11 +51438,11 @@ declare namespace system{
        * a group node if necessary. The returned {@link yfiles.graph.INode} is also part of the {@link yfiles.graph.IFoldingView#graph Folded Graph View}.
        * </p>
        * @param {Object} options The parameters to pass.
-       * @param {yfiles.graph.INode} [options.parent=null] The parent node in the {@link yfiles.graph.IFoldingView#graph}, or <code>null</code>
-       * @param {yfiles.geometry.Rect} [options.layout=null] The layout for the collapsed node.
-       * @param {yfiles.styles.INodeStyle} [options.style=null] The style for the collapsed node
-       * @param {Object} [options.tag=null] The tag of the node.
-       * @returns {yfiles.graph.INode} A collapsed (folder) node that lives in {@link yfiles.graph.IFoldingView#graph}
+       * @param [options.parent=null] The parent node in the {@link #graph}, or <code>null</code>
+       * @param [options.layout=null] The layout for the collapsed node.
+       * @param [options.style=null] The style for the collapsed node
+       * @param [options.tag=null] The tag of the node.
+       * @returns A collapsed (folder) node that lives in {@link #graph}
        * @abstract
        */
       createFolderNode(options:{parent?:yfiles.graph.INode,layout?:yfiles.geometry.Rect,style?:yfiles.styles.INodeStyle,tag?:Object}):yfiles.graph.INode;
@@ -52368,7 +51475,7 @@ declare namespace system{
        * In addition to that this method can also be used for {@link yfiles.graph.FoldingManager#masterGraph master} nodes which are currently not represented in this view. In
        * this case these nodes will be displayed as expanded the next time they will be included in this view.
        * </p>
-       * @param {yfiles.graph.INode} groupNode A group node that is part of the {@link yfiles.graph.IFoldingView#graph} or the {@link yfiles.graph.FoldingManager#masterGraph master graph}.
+       * @param groupNode A group node that is part of the {@link #graph} or the {@link #masterGraph master graph}.
        * @see yfiles.graph.IFoldingView#isExpanded
        * @see yfiles.graph.IFoldingView#collapse
        * @abstract
@@ -52382,8 +51489,8 @@ declare namespace system{
        * that the provided folding edge represents. If the folding edge corresponds to a single master edge, the result will
        * enumerate that edge, only.
        * </p>
-       * @param {yfiles.graph.IEdge} foldingEdge The folding edge for which the master edges should be returned.
-       * @returns {yfiles.collections.IEnumerable.<yfiles.graph.IEdge>} An enumerable that can enumerate all of the edges in the {@link yfiles.graph.FoldingManager#masterGraph} that are being represented by the folding edge in this {@link yfiles.graph.IFoldingView#graph view}.
+       * @param foldingEdge The folding edge for which the master edges should be returned.
+       * @returns An enumerable that can enumerate all of the edges in the {@link #masterGraph} that are being represented by the folding edge in this {@link #graph view}.
        * @see yfiles.graph.IFoldingEdgeFactory#addToExistingFoldingEdge
        * @see yfiles.graph.IFoldingView#getViewItem
        * @abstract
@@ -52404,8 +51511,8 @@ declare namespace system{
        * </p>
        * Type parameter <code>T</code>: The type of the argument, which is typically {@link yfiles.graph.INode}, {@link yfiles.graph.IEdge}, {@link yfiles.graph.ILabel},
        * {@link yfiles.graph.IBend}, or {@link yfiles.graph.IPort}.
-       * @param {T} item The item that is part of this {@link yfiles.graph.IFoldingView#graph} for which the original "master" item in the {@link yfiles.graph.FoldingManager#masterGraph} will be returned.
-       * @returns {T} An item in the {@link yfiles.graph.FoldingManager#masterGraph} that corresponds to the <code>item</code> or <code>null</code>, if there is no such item.
+       * @param item The item that is part of this {@link #graph} for which the original "master" item in the {@link #masterGraph} will be returned.
+       * @returns An item in the {@link #masterGraph} that corresponds to the <code>item</code> or <code>null</code>, if there is no such item.
        * @see yfiles.graph.IFoldingView#getViewItem
        * @template T
        * @abstract
@@ -52427,8 +51534,8 @@ declare namespace system{
        * </p>
        * Type parameter <code>T</code>: The type of the argument, which is typically {@link yfiles.graph.INode}, {@link yfiles.graph.IEdge}, {@link yfiles.graph.ILabel},
        * {@link yfiles.graph.IBend}, or {@link yfiles.graph.IPort}.
-       * @param {T} item An item that is part of the {@link yfiles.graph.FoldingManager#masterGraph} that is associated with the Manager of this instance.
-       * @returns {T} An item in the {@link yfiles.graph.IFoldingView#graph local graph view} that corresponds to the <code>item</code> or
+       * @param item An item that is part of the {@link #masterGraph} that is associated with the Manager of this instance.
+       * @returns An item in the {@link #graph local graph view} that corresponds to the <code>item</code> or
        * <code>null</code>, if the item is not currently being represented in this view.
        * @see yfiles.graph.IFoldingView#getMasterItem
        * @see yfiles.graph.IFoldingView#getMasterEdges
@@ -52447,8 +51554,8 @@ declare namespace system{
        * currently not represented in this view, this method will return the
        * {@link yfiles.graph.IFoldingView#expand}ed state it will have the next time it will be included in this view.
        * </p>
-       * @param {yfiles.graph.INode} groupNode The group node for which the {@link yfiles.graph.IFoldingView#expand expanded} state will be returned.
-       * @returns {boolean} <code>true</code>, if the group node can be {@link yfiles.graph.IFoldingView#collapse collapsed}.
+       * @param groupNode The group node for which the {@link #expand expanded} state will be returned.
+       * @returns <code>true</code>, if the group node can be {@link #collapse collapsed}.
        * @abstract
        */
       isExpanded(groupNode:yfiles.graph.INode):boolean;
@@ -52461,15 +51568,15 @@ declare namespace system{
        * folding edges always have at least one
        * {@link yfiles.graph.IFoldingView#getMasterEdges master edge}, while all other folding items don't have a corresponding master item in the master graph.
        * </p>
-       * @param {yfiles.graph.IModelItem} item One of the items that are {@link yfiles.graph.IGraph#contains contained} in the {@link yfiles.graph.IFoldingView#graph}.
-       * @returns {boolean} Whether the item is in folding state and is not an exact copy of an item in the {@link yfiles.graph.FoldingManager#masterGraph}.
+       * @param item One of the items that are {@link #contains contained} in the {@link #graph}.
+       * @returns Whether the item is in folding state and is not an exact copy of an item in the {@link #masterGraph}.
        * @abstract
        */
       isInFoldingState(item:yfiles.graph.IModelItem):boolean;
       /**
        * Adds the given listener for the <code>GroupCollapsed</code> event that occurs whenever a group has been
        * {@link yfiles.graph.IFoldingView#collapse}d.
-       * @param {function(Object, yfiles.collections.ItemEventArgs.<yfiles.graph.INode>): void} listener The listener to add.
+       * @param listener The listener to add.
        * @see yfiles.graph.IFoldingView#removeGroupCollapsedListener
        * @abstract
        */
@@ -52477,7 +51584,7 @@ declare namespace system{
       /**
        * Removes the given listener for the <code>GroupCollapsed</code> event that occurs whenever a group has been
        * {@link yfiles.graph.IFoldingView#collapse}d.
-       * @param {function(Object, yfiles.collections.ItemEventArgs.<yfiles.graph.INode>): void} listener The listener to remove.
+       * @param listener The listener to remove.
        * @see yfiles.graph.IFoldingView#addGroupCollapsedListener
        * @abstract
        */
@@ -52485,7 +51592,7 @@ declare namespace system{
       /**
        * Adds the given listener for the <code>GroupExpanded</code> event that occurs whenever a group has been
        * {@link yfiles.graph.IFoldingView#expand}ed.
-       * @param {function(Object, yfiles.collections.ItemEventArgs.<yfiles.graph.INode>): void} listener The listener to add.
+       * @param listener The listener to add.
        * @see yfiles.graph.IFoldingView#removeGroupExpandedListener
        * @abstract
        */
@@ -52493,7 +51600,7 @@ declare namespace system{
       /**
        * Removes the given listener for the <code>GroupExpanded</code> event that occurs whenever a group has been
        * {@link yfiles.graph.IFoldingView#expand}ed.
-       * @param {function(Object, yfiles.collections.ItemEventArgs.<yfiles.graph.INode>): void} listener The listener to remove.
+       * @param listener The listener to remove.
        * @see yfiles.graph.IFoldingView#addGroupExpandedListener
        * @abstract
        */
@@ -52502,9 +51609,9 @@ declare namespace system{
        * Provides a reference to the {@link yfiles.graph.IGraph} implementation that provides the actual view data.
        * <p>
        * The instance has an implementation of this interface in its {@link yfiles.graph.ILookup} that has been obtained from the
-       * {@link yfiles.graph.FoldingManager}'s CreateFoldingView set of methods. The instance holds the elements in the view only, which
-       * in general is a subset of the {@link yfiles.graph.FoldingManager#masterGraph}. Also note that the elements are not the same references as their
-       * {@link yfiles.graph.IFoldingView#getMasterItem masters}, they are copies that may share the same attributes.
+       * {@link yfiles.graph.FoldingManager}'s {@link yfiles.graph.FoldingManager#createFoldingView} set of methods. The instance holds the
+       * elements in the view only, which in general is a subset of the {@link yfiles.graph.FoldingManager#masterGraph}. Also note that the elements are not the same references
+       * as their {@link yfiles.graph.IFoldingView#getMasterItem masters}, they are copies that may share the same attributes.
        * </p>
        * @abstract
        * @type {yfiles.graph.IGraph}
@@ -52714,11 +51821,12 @@ declare namespace system{
        * <p>
        * The added instance will be returned.
        * </p>
-       * @param {yfiles.graph.IEdge} edge The edge to which the bend will be added.
-       * @param {yfiles.geometry.Point} location the coordinates to use for the newly created bend
-       * @param {number} [index=-1] The index for the newly added bend; a negative value (which is the default) indicates that the bend should be appended
+       * @param edge The edge to which the bend will be added.
+       * @param location the coordinates to use for the newly created bend
+       * @param [index=-1] The index for the newly added bend; a negative value (which is the default) indicates that the bend should be appended
        * to the end of the list of bends.
-       * @returns {yfiles.graph.IBend} a newly created live bend
+       * @returns a newly created live bend
+       * @throws {Stubs.Exceptions.ArgumentError} <code>edge</code> is not in this graph.
        * @see yfiles.graph.IGraph#remove
        * @see yfiles.graph.IGraph#setBendLocation
        * @abstract
@@ -52726,19 +51834,22 @@ declare namespace system{
       addBend(edge:yfiles.graph.IEdge,location:yfiles.geometry.Point,index?:number):yfiles.graph.IBend;
       /**
        * Adds bends with the given locations to the end of the bend list of the given edge.
-       * @param {yfiles.graph.IEdge} edge The edge to add the bends to.
-       * @param {yfiles.collections.IEnumerable.<yfiles.geometry.Point>} locations The locations of the bends.
+       * @param edge The edge to add the bends to.
+       * @param locations The locations of the bends.
+       * @throws {Stubs.Exceptions.ArgumentError} <code>edge</code> is not in this graph.
        */
       addBends?(edge:yfiles.graph.IEdge,locations:yfiles.collections.IEnumerable<yfiles.geometry.Point>):void;
       /**
-       * Add a label to the given item using the text as the initial label text and label model parameter, style and tag.
-       * @param {yfiles.graph.ILabelOwner} owner the item to add the label to.
-       * @param {string} text the initial text of the label
-       * @param {yfiles.graph.ILabelModelParameter} [layoutParameter=null] The label model parameter instance to use.
-       * @param {yfiles.styles.ILabelStyle} [style=null] The style to use for the label
-       * @param {yfiles.geometry.Size} [preferredSize=null] The initial values to use for the {@link yfiles.graph.ILabel#preferredSize}.
-       * @param {Object} [tag=null] the initial {@link yfiles.graph.ITagOwner#tag} to assign.
-       * @returns {yfiles.graph.ILabel} the newly created label
+       * Add a label to the given node or edge using the text as the initial label text and label model parameter, style and
+       * tag.
+       * @param owner The node or edge to add the label to.
+       * @param text The initial text of the label
+       * @param [layoutParameter=null] The label model parameter instance to use.
+       * @param [style=null] The style to use for the label
+       * @param [preferredSize=null] The initial values to use for the {@link #preferredSize}.
+       * @param [tag=null] The initial {@link #tag} to assign.
+       * @returns the newly created label
+       * @throws {Stubs.Exceptions.ArgumentError} <code>owner</code> is not in this graph.
        * @see yfiles.graph.IGraph#addLabelAddedListener
        * @see yfiles.graph.IGraph#setLabelText
        * @see yfiles.graph.IGraph#setLabelLayoutParameter
@@ -52748,15 +51859,17 @@ declare namespace system{
        */
       addLabel(owner:yfiles.graph.ILabelOwner,text:string,layoutParameter?:yfiles.graph.ILabelModelParameter,style?:yfiles.styles.ILabelStyle,preferredSize?:yfiles.geometry.Size,tag?:Object):yfiles.graph.ILabel;
       /**
-       * Add a label to the given item using the text as the initial label text and label model parameter, style and tag.
+       * Add a label to the given node or edge using the text as the initial label text and label model parameter, style and
+       * tag.
        * @param {Object} options The parameters to pass.
-       * @param {yfiles.graph.ILabelOwner} options.owner the item to add the label to.
-       * @param {string} options.text the initial text of the label
-       * @param {yfiles.graph.ILabelModelParameter} [options.layoutParameter=null] The label model parameter instance to use.
-       * @param {yfiles.styles.ILabelStyle} [options.style=null] The style to use for the label
-       * @param {yfiles.geometry.Size} [options.preferredSize=null] The initial values to use for the {@link yfiles.graph.ILabel#preferredSize}.
-       * @param {Object} [options.tag=null] the initial {@link yfiles.graph.ITagOwner#tag} to assign.
-       * @returns {yfiles.graph.ILabel} the newly created label
+       * @param options.owner The node or edge to add the label to.
+       * @param options.text The initial text of the label
+       * @param [options.layoutParameter=null] The label model parameter instance to use.
+       * @param [options.style=null] The style to use for the label
+       * @param [options.preferredSize=null] The initial values to use for the {@link #preferredSize}.
+       * @param [options.tag=null] The initial {@link #tag} to assign.
+       * @returns the newly created label
+       * @throws {Stubs.Exceptions.ArgumentError} <code>owner</code> is not in this graph.
        * @see yfiles.graph.IGraph#addLabelAddedListener
        * @see yfiles.graph.IGraph#setLabelText
        * @see yfiles.graph.IGraph#setLabelLayoutParameter
@@ -52771,15 +51884,16 @@ declare namespace system{
        * The <code>locationParameter</code> determines the location of the port.
        * </p>
        * <p>
-       * Depending on the implementation this method may throw an {@link Stubs.Exceptions.NotSupportedError} if the type of the <code>owner</code>
-       * instance does not support adding of ports.
+       * Depending on the implementation this method may throw an {@link yfiles.lang.Exception} if the type of the <code>owner</code> instance does
+       * not support adding of ports.
        * </p>
-       * @param {yfiles.graph.IPortOwner} owner the owner to add the port instance to.
-       * @param {yfiles.graph.IPortLocationModelParameter} [locationParameter=null] the parameter to use for the port to determine its location.
-       * @param {yfiles.styles.IPortStyle} [style=null] the style to initially assign to the {@link yfiles.graph.IPort#style} property, e.g. {@link yfiles.styles.VoidPortStyle#INSTANCE}.
-       * @param {Object} [tag=null] the initial {@link yfiles.graph.ITagOwner#tag} to assign.
-       * @returns {yfiles.graph.IPort} the newly created port
+       * @param owner the owner to add the port instance to.
+       * @param [locationParameter=null] the parameter to use for the port to determine its location.
+       * @param [style=null] the style to initially assign to the {@link #style} property, e.g. {@link #INSTANCE}.
+       * @param [tag=null] the initial {@link #tag} to assign.
+       * @returns the newly created port
        * @throws {Stubs.Exceptions.NotSupportedError} If this instance cannot add a port to <code>owner</code>.
+       * @throws {Stubs.Exceptions.ArgumentError} <code>owner</code> is not in this graph.
        * @see yfiles.graph.IGraph#addPortAddedListener
        * @see yfiles.styles.VoidPortStyle#INSTANCE
        * @abstract
@@ -52791,16 +51905,17 @@ declare namespace system{
        * The <code>locationParameter</code> determines the location of the port.
        * </p>
        * <p>
-       * Depending on the implementation this method may throw an {@link Stubs.Exceptions.NotSupportedError} if the type of the <code>owner</code>
-       * instance does not support adding of ports.
+       * Depending on the implementation this method may throw an {@link yfiles.lang.Exception} if the type of the <code>owner</code> instance does
+       * not support adding of ports.
        * </p>
        * @param {Object} options The parameters to pass.
-       * @param {yfiles.graph.IPortOwner} options.owner the owner to add the port instance to.
-       * @param {yfiles.graph.IPortLocationModelParameter} [options.locationParameter=null] the parameter to use for the port to determine its location.
-       * @param {yfiles.styles.IPortStyle} [options.style=null] the style to initially assign to the {@link yfiles.graph.IPort#style} property, e.g. {@link yfiles.styles.VoidPortStyle#INSTANCE}.
-       * @param {Object} [options.tag=null] the initial {@link yfiles.graph.ITagOwner#tag} to assign.
-       * @returns {yfiles.graph.IPort} the newly created port
+       * @param options.owner the owner to add the port instance to.
+       * @param [options.locationParameter=null] the parameter to use for the port to determine its location.
+       * @param [options.style=null] the style to initially assign to the {@link #style} property, e.g. {@link #INSTANCE}.
+       * @param [options.tag=null] the initial {@link #tag} to assign.
+       * @returns the newly created port
        * @throws {Stubs.Exceptions.NotSupportedError} If this instance cannot add a port to <code>owner</code>.
+       * @throws {Stubs.Exceptions.ArgumentError} <code>owner</code> is not in this graph.
        * @see yfiles.graph.IGraph#addPortAddedListener
        * @see yfiles.styles.VoidPortStyle#INSTANCE
        * @abstract
@@ -52808,25 +51923,27 @@ declare namespace system{
       addPort(options:{owner:yfiles.graph.IPortOwner,locationParameter?:yfiles.graph.IPortLocationModelParameter,style?:yfiles.styles.IPortStyle,tag?:Object}):yfiles.graph.IPort;
       /**
        * Add a port to the given port owner using the absolute coordinates as the new initial position of the port anchor.
-       * @param {yfiles.graph.IPortOwner} owner the owner to add the port instance to.
-       * @param {yfiles.geometry.Point} location the location to use for the port to determine its location. This is passed to the {@link yfiles.graph.IGraph#createDefaultPortLocationParameter}
-       * method to determine the initial {@link yfiles.graph.IPortLocationModelParameter} to use.
-       * @param {yfiles.styles.IPortStyle} [style=null] the style to initially assign to the {@link yfiles.graph.IPort#style} property, e.g. {@link yfiles.styles.VoidPortStyle#INSTANCE}.
-       * @param {Object} [tag=null] the initial {@link yfiles.graph.ITagOwner#tag} to assign.
-       * @returns {yfiles.graph.IPort} the newly created port
+       * @param owner the owner to add the port instance to.
+       * @param location the location to use for the port to determine its location. This is passed to the {@link #createDefaultPortLocationParameter}
+       * method to determine the initial {@link } to use.
+       * @param [style=null] the style to initially assign to the {@link #style} property, e.g. {@link #INSTANCE}.
+       * @param [tag=null] the initial {@link #tag} to assign.
+       * @returns the newly created port
        * @throws {Stubs.Exceptions.NotSupportedError} If this instance cannot add a port to <code>owner</code>.
+       * @throws {Stubs.Exceptions.ArgumentError} <code>owner</code> is not in this graph.
        */
       addPortAt?(owner:yfiles.graph.IPortOwner,location:yfiles.geometry.Point,style?:yfiles.styles.IPortStyle,tag?:Object):yfiles.graph.IPort;
       /**
        * Add a port to the given port owner using the absolute coordinates as the new initial position of the port anchor.
        * @param {Object} options The parameters to pass.
-       * @param {yfiles.graph.IPortOwner} options.owner the owner to add the port instance to.
-       * @param {yfiles.geometry.Point} options.location the location to use for the port to determine its location. This is passed to the {@link yfiles.graph.IGraph#createDefaultPortLocationParameter}
-       * method to determine the initial {@link yfiles.graph.IPortLocationModelParameter} to use.
-       * @param {yfiles.styles.IPortStyle} [options.style=null] the style to initially assign to the {@link yfiles.graph.IPort#style} property, e.g. {@link yfiles.styles.VoidPortStyle#INSTANCE}.
-       * @param {Object} [options.tag=null] the initial {@link yfiles.graph.ITagOwner#tag} to assign.
-       * @returns {yfiles.graph.IPort} the newly created port
+       * @param options.owner the owner to add the port instance to.
+       * @param options.location the location to use for the port to determine its location. This is passed to the {@link #createDefaultPortLocationParameter}
+       * method to determine the initial {@link } to use.
+       * @param [options.style=null] the style to initially assign to the {@link #style} property, e.g. {@link #INSTANCE}.
+       * @param [options.tag=null] the initial {@link #tag} to assign.
+       * @returns the newly created port
        * @throws {Stubs.Exceptions.NotSupportedError} If this instance cannot add a port to <code>owner</code>.
+       * @throws {Stubs.Exceptions.ArgumentError} <code>owner</code> is not in this graph.
        */
       addPortAt?(options:{owner:yfiles.graph.IPortOwner,location:yfiles.geometry.Point,style?:yfiles.styles.IPortStyle,tag?:Object}):yfiles.graph.IPort;
       /**
@@ -52835,18 +51952,19 @@ declare namespace system{
        * The port style for the newly-created port is taken from the graph's defaults. The location parameter is determined by
        * delegating to {@link yfiles.graph.IGraph#addPortAt}.
        * </p>
-       * @param {yfiles.graph.INode} node The owner of the port.
-       * @param {yfiles.geometry.Point} relativeLocation The offset of the port relative to the center of the {@link yfiles.graph.INode#layout}.
-       * @returns {yfiles.graph.IPort} The newly added port instance.
+       * @param node The owner of the port.
+       * @param relativeLocation The offset of the port relative to the center of the {@link #layout}.
+       * @returns The newly added port instance.
+       * @throws {Stubs.Exceptions.ArgumentError} <code>node</code> is not in this graph.
        */
       addRelativePort?(node:yfiles.graph.INode,relativeLocation:yfiles.geometry.Point):yfiles.graph.IPort;
       /**
        * Convenience method that uses the {@link yfiles.graph.UndoEngine} from the {@link yfiles.graph.IGraph}'s {@link yfiles.graph.ILookup} to
        * {@link yfiles.graph.UndoEngine#addUnit add a unit}.
-       * @param {string} undoName The name of the undo operation.
-       * @param {string} redoName The name of the redo operation.
-       * @param {function(): void} undo The undo action.
-       * @param {function(): void} redo The redo action.
+       * @param undoName The name of the undo operation.
+       * @param redoName The name of the redo operation.
+       * @param undo The undo action.
+       * @param redo The redo action.
        */
       addUndoUnit?(undoName:string,redoName:string,undo:()=>void,redo:()=>void):void;
       /**
@@ -52856,7 +51974,8 @@ declare namespace system{
        * any {@link yfiles.graph.IGraph#getChildren children}, its bounds will be left unchanged. This will also respect any {@link yfiles.input.INodeSizeConstraintProvider}s
        * for {@link yfiles.graph.INode}s, that are available in the lookup of the <code>groupNode</code>.
        * </p>
-       * @param {yfiles.graph.INode} groupNode The group node to adjust the size of.
+       * @param groupNode The group node to adjust the size of.
+       * @throws {Stubs.Exceptions.ArgumentError} <code>groupNode</code> is not in this graph.
        * @see yfiles.graph.IGroupBoundsCalculator
        * @see yfiles.input.INodeSizeConstraintProvider
        * @see yfiles.graph.GroupingSupport#calculateMinimumEnclosedArea
@@ -52870,14 +51989,14 @@ declare namespace system{
        * This implementation uses the {@link yfiles.graph.ILabel#style style's} renderer for the label to determine the preferred rendering size. This is useful
        * after the label's content or style have been changed.
        * </p>
-       * @param {yfiles.graph.ILabel} label The label to adjust the size for.
+       * @param label The label to adjust the size for.
        * @see yfiles.graph.ILabelDefaults#autoAdjustPreferredSize
        */
       adjustLabelPreferredSize?(label:yfiles.graph.ILabel):void;
       /**
        * Convenience method that runs a layout on a graph using {@link yfiles.layout.LayoutGraphAdapter#applyLayout}.
-       * @param {yfiles.layout.ILayoutAlgorithm} layout The layout.
-       * @param {yfiles.layout.LayoutData} [layoutData=null] The layout data.
+       * @param layout The layout.
+       * @param [layoutData=null] The layout data.
        * @see yfiles.view.GraphComponent#morphLayout
        */
       applyLayout?(layout:yfiles.layout.ILayoutAlgorithm,layoutData?:yfiles.layout.LayoutData):void;
@@ -52922,14 +52041,14 @@ declare namespace system{
        * changes or on certain events, you should use custom {@link yfiles.graph.IUndoUnit}
        * </p>
        * Type parameter <code>T</code>: The type of the items that will be modified subsequently.
-       * @param {string} undoName The {@link yfiles.graph.IUndoUnit#undoName} of the {@link yfiles.graph.IUndoUnit} that will be placed into the undo queue after {@link yfiles.graph.ICompoundEdit#commit} has
+       * @param undoName The {@link #undoName} of the {@link } that will be placed into the undo queue after {@link #commit} has
        * been called.
-       * @param {string} redoName The {@link yfiles.graph.IUndoUnit#redoName} of the {@link yfiles.graph.IUndoUnit} that will be placed into the undo queue after {@link yfiles.graph.ICompoundEdit#commit} has
+       * @param redoName The {@link #redoName} of the {@link } that will be placed into the undo queue after {@link #commit} has
        * been called.
-       * @param {yfiles.collections.IEnumerable.<T>} items The items that will be changed after this call and before the call to {@link yfiles.graph.ICompoundEdit#commit}.
-       * @param {function(T): yfiles.graph.IMementoSupport} [provider=null] The provider for the {@link yfiles.graph.IMementoSupport} of the <code>items</code>. if the provider returns <code>null</code> for a given item, changes
+       * @param items The items that will be changed after this call and before the call to {@link #commit}.
+       * @param [provider=null] The provider for the {@link } of the <code>items</code>. if the provider returns <code>null</code> for a given item, changes
        * to this item are not being recorded.
-       * @returns {yfiles.graph.ICompoundEdit} An implementation of the {@link yfiles.graph.ICompoundEdit} interface whose {@link yfiles.graph.ICompoundEdit#commit} or {@link yfiles.graph.ICompoundEdit#cancel}
+       * @returns An implementation of the {@link } interface whose {@link #commit} or {@link #cancel}
        * methods need to be called after the items have been modified.
        * @see yfiles.graph.IMementoSupport
        * @template T
@@ -52945,36 +52064,35 @@ declare namespace system{
        * Client code needs to make sure that either the {@link yfiles.graph.ICompoundEdit#cancel} or {@link yfiles.graph.ICompoundEdit#commit}
        * method is called on the returned instance.
        * </p>
-       * @param {string} undoName The undo name for the compound edit.
-       * @param {string} redoName The redo name for the compound edit.
-       * @returns {yfiles.graph.ICompoundEdit} The handle to stop the recording by calling {@link yfiles.graph.ICompoundEdit#cancel} or {@link yfiles.graph.ICompoundEdit#commit} on
+       * @param undoName The undo name for the compound edit.
+       * @param redoName The redo name for the compound edit.
+       * @returns The handle to stop the recording by calling {@link #cancel} or {@link #commit} on
        * it.
        */
       beginEdit?(undoName:string,redoName:string):yfiles.graph.ICompoundEdit;
       /**
        * Calculates the preferred size of a label with the given properties.
-       * @param {yfiles.graph.ILabelOwner} owner The item that will own the label.
-       * @param {string} text The text.
-       * @param {yfiles.graph.ILabelModelParameter} [layoutParameter=null] The label model parameter.
-       * @param {yfiles.styles.ILabelStyle} [style=null] The label style.
-       * @param {Object} [tag=null] The tag for the label.
-       * @returns {yfiles.geometry.Size} The size as calculated by the {@link yfiles.styles.ILabelStyleRenderer}.
+       * @param owner The item that will own the label.
+       * @param text The text.
+       * @param [layoutParameter=null] The label model parameter.
+       * @param [style=null] The label style.
+       * @param [tag=null] The tag for the label.
+       * @returns The size as calculated by the {@link }.
        */
       calculateLabelPreferredSize?(owner:yfiles.graph.ILabelOwner,text:string,layoutParameter?:yfiles.graph.ILabelModelParameter,style?:yfiles.styles.ILabelStyle,tag?:Object):yfiles.geometry.Size;
       /**
        * Calculates the preferred size of a label with the given properties.
        * @param {Object} options The parameters to pass.
-       * @param {yfiles.graph.ILabelOwner} options.owner The item that will own the label.
-       * @param {string} options.text The text.
-       * @param {yfiles.graph.ILabelModelParameter} [options.layoutParameter=null] The label model parameter.
-       * @param {yfiles.styles.ILabelStyle} [options.style=null] The label style.
-       * @param {Object} [options.tag=null] The tag for the label.
-       * @returns {yfiles.geometry.Size} The size as calculated by the {@link yfiles.styles.ILabelStyleRenderer}.
+       * @param options.owner The item that will own the label.
+       * @param options.text The text.
+       * @param [options.layoutParameter=null] The label model parameter.
+       * @param [options.style=null] The label style.
+       * @param [options.tag=null] The tag for the label.
+       * @returns The size as calculated by the {@link }.
        */
       calculateLabelPreferredSize?(options:{owner:yfiles.graph.ILabelOwner,text:string,layoutParameter?:yfiles.graph.ILabelModelParameter,style?:yfiles.styles.ILabelStyle,tag?:Object}):yfiles.geometry.Size;
       /**
-       * Clears the graph instance, removing all entities in proper order.
-       * @see yfiles.graph.IGraph#remove
+       * Clears the graph, removing all items in proper order.
        * @see yfiles.graph.IGraph#remove
        */
       clear?():void;
@@ -52983,15 +52101,16 @@ declare namespace system{
        * <p>
        * The edge must be part of this graph at the time of the invocation. This will trigger the corresponding events.
        * </p>
-       * @param {yfiles.graph.IEdge} edge the edge whose bends will be removed
+       * @param edge the edge whose bends will be removed
+       * @throws {Stubs.Exceptions.ArgumentError} <code>edge</code> is not in this graph.
        * @see yfiles.graph.IGraph#remove
        * @see yfiles.graph.IGraph#addBendRemovedListener
        */
       clearBends?(edge:yfiles.graph.IEdge):void;
       /**
        * Determines whether this graph contains the specified item.
-       * @param {yfiles.graph.IModelItem} item The item.
-       * @returns {boolean} <code>true</code> if this graph contains the specified item; otherwise, <code>false</code>.
+       * @param item The item.
+       * @returns <code>true</code> if this graph contains the specified item; otherwise, <code>false</code>.
        * @abstract
        */
       contains(item:yfiles.graph.IModelItem):boolean;
@@ -53000,8 +52119,8 @@ declare namespace system{
        * <p>
        * This implementation uses the {@link yfiles.graph.IGraph#getLabelDefaults label defaults} for the <code>graph</code> to {@link yfiles.graph.ILabelDefaults#getLayoutParameterInstance obtain the parameter instance}.
        * </p>
-       * @param {yfiles.graph.ILabelOwner} owner The item that is the {@link yfiles.graph.ILabel#owner} of the label in question.
-       * @returns {yfiles.graph.ILabelModelParameter} The default label layout parameter to use for newly created labels at the item.
+       * @param owner The item that is the {@link #owner} of the label in question.
+       * @returns The default label layout parameter to use for newly created labels at the item.
        * @see yfiles.graph.ILabelDefaults#getLayoutParameterInstance
        * @see yfiles.graph.IGraph#getLabelDefaults
        */
@@ -53011,10 +52130,10 @@ declare namespace system{
        * <p>
        * If <code>location</code> is <code>null</code>, this method uses the {@link yfiles.graph.IGraph#getPortDefaults port defaults} for the <code>owner</code> to obtain the {@link yfiles.graph.IPortDefaults#getLocationParameterInstance location parameter}.
        * </p>
-       * @param {yfiles.graph.IPortOwner} owner The owner of the port.
-       * @param {yfiles.geometry.Point} [location=null] The location in the world coordinate system where the port should be added.
-       * @returns {yfiles.graph.IPortLocationModelParameter} Either a location model parameter that matches the location, or the default parameter to use for the {@link yfiles.graph.IPortOwner}
-       * as returned by {@link yfiles.graph.IPortDefaults#getLocationParameterInstance}.
+       * @param owner The owner of the port.
+       * @param [location=null] The location in the world coordinate system where the port should be added.
+       * @returns Either a location model parameter that matches the location, or the default parameter to use for the {@link }
+       * as returned by {@link #getLocationParameterInstance}.
        * @see yfiles.graph.IPortLocationModel#createParameter
        * @see yfiles.graph.IGraph#getPortDefaults
        */
@@ -53027,13 +52146,13 @@ declare namespace system{
        * instances to which the edge will be connected. The edge will be a part of this graph after the method returns. This will
        * trigger the corresponding events.
        * </p>
-       * @param {yfiles.graph.INode} source The source node the created edge will connect to. It is up to the implementation to decide which port to use at the
+       * @param source The source node the created edge will connect to. It is up to the implementation to decide which port to use at the
        * given node. The implementation may create a new port of the edge.
-       * @param {yfiles.graph.INode} target The target node the created edge will connect to. It is up to the implementation to decide which port to use at the
+       * @param target The target node the created edge will connect to. It is up to the implementation to decide which port to use at the
        * given node. The implementation may create a new port of the edge.
-       * @param {yfiles.styles.IEdgeStyle} [style=null] The style instance that will be assigned to the newly created instance. This is done by reference.
-       * @param {Object} [tag=null] The initial value of the {@link yfiles.graph.ITagOwner#tag} that will be assigned to the new edge.
-       * @returns {yfiles.graph.IEdge} the newly created edge instance
+       * @param [style=null] The style instance that will be assigned to the newly created instance. This is done by reference.
+       * @param [tag=null] The initial value of the {@link #tag} that will be assigned to the new edge.
+       * @returns the newly created edge instance
        * @see yfiles.graph.IGraph#addEdgeCreatedListener
        * @see yfiles.styles.VoidEdgeStyle#INSTANCE
        * @abstract
@@ -53048,17 +52167,17 @@ declare namespace system{
        * trigger the corresponding events.
        * </p>
        * @param {Object} options The parameters to pass.
-       * @param {yfiles.graph.INode} options.source The source node the created edge will connect to. It is up to the implementation to decide which port to use at the
+       * @param options.source The source node the created edge will connect to. It is up to the implementation to decide which port to use at the
        * given node. The implementation may create a new port of the edge.
-       * @param {yfiles.graph.INode} options.target The target node the created edge will connect to. It is up to the implementation to decide which port to use at the
+       * @param options.target The target node the created edge will connect to. It is up to the implementation to decide which port to use at the
        * given node. The implementation may create a new port of the edge.
-       * @param {yfiles.styles.IEdgeStyle} [options.style=null] The style instance that will be assigned to the newly created instance. This is done by reference.
-       * @param {Object} [options.tag=null] The initial value of the {@link yfiles.graph.ITagOwner#tag} that will be assigned to the new edge.
-       * @param options.labels An array of labels to add to the newly created node. Each item will be passed to the {@link yfiles.graph.IGraph#addLabel}
+       * @param [options.style=null] The style instance that will be assigned to the newly created instance. This is done by reference.
+       * @param [options.tag=null] The initial value of the {@link #tag} that will be assigned to the new edge.
+       * @param options.labels An array of labels to add to the newly created node. Each item will be passed to the {@link #addLabel}
        * method.
-       * @param options.ports An array of ports to add to the newly created node. Each item will be passed to the {@link yfiles.graph.IGraph#addPort} method.
-       * @param options.bends An array of bends to add to the newly created edge. Each item will be passed to the {@link yfiles.graph.IGraph#addBend} method.
-       * @returns {yfiles.graph.IEdge} the newly created edge instance
+       * @param options.ports An array of ports to add to the newly created node. Each item will be passed to the {@link #addPort} method.
+       * @param options.bends An array of bends to add to the newly created edge. Each item will be passed to the {@link #addBend} method.
+       * @returns the newly created edge instance
        * @see yfiles.graph.IGraph#addEdgeCreatedListener
        * @see yfiles.styles.VoidEdgeStyle#INSTANCE
        * @abstract
@@ -53070,11 +52189,11 @@ declare namespace system{
        * The ports must be part of this graph at the time of the invocation. The edge will be a part of this graph after the
        * method returns. This will trigger the corresponding events.
        * </p>
-       * @param {yfiles.graph.IPort} sourcePort The source port the created edge will connect to.
-       * @param {yfiles.graph.IPort} targetPort The target port the created edge will connect to.
-       * @param {yfiles.styles.IEdgeStyle} [style=null] The style instance that will be assigned to the newly created instance. This is done by reference.
-       * @param {Object} [tag=null] The initial value of the {@link yfiles.graph.ITagOwner#tag} that will be assigned to the new edge.
-       * @returns {yfiles.graph.IEdge} the newly created edge instance
+       * @param sourcePort The source port the created edge will connect to.
+       * @param targetPort The target port the created edge will connect to.
+       * @param [style=null] The style instance that will be assigned to the newly created instance. This is done by reference.
+       * @param [tag=null] The initial value of the {@link #tag} that will be assigned to the new edge.
+       * @returns the newly created edge instance
        * @see yfiles.graph.IGraph#addEdgeCreatedListener
        * @see yfiles.styles.VoidEdgeStyle#INSTANCE
        * @abstract
@@ -53087,15 +52206,15 @@ declare namespace system{
        * method returns. This will trigger the corresponding events.
        * </p>
        * @param {Object} options The parameters to pass.
-       * @param {yfiles.graph.IPort} options.sourcePort The source port the created edge will connect to.
-       * @param {yfiles.graph.IPort} options.targetPort The target port the created edge will connect to.
-       * @param {yfiles.styles.IEdgeStyle} [options.style=null] The style instance that will be assigned to the newly created instance. This is done by reference.
-       * @param {Object} [options.tag=null] The initial value of the {@link yfiles.graph.ITagOwner#tag} that will be assigned to the new edge.
-       * @param options.labels An array of labels to add to the newly created node. Each item will be passed to the {@link yfiles.graph.IGraph#addLabel}
+       * @param options.sourcePort The source port the created edge will connect to.
+       * @param options.targetPort The target port the created edge will connect to.
+       * @param [options.style=null] The style instance that will be assigned to the newly created instance. This is done by reference.
+       * @param [options.tag=null] The initial value of the {@link #tag} that will be assigned to the new edge.
+       * @param options.labels An array of labels to add to the newly created node. Each item will be passed to the {@link #addLabel}
        * method.
-       * @param options.ports An array of ports to add to the newly created node. Each item will be passed to the {@link yfiles.graph.IGraph#addPort} method.
-       * @param options.bends An array of bends to add to the newly created edge. Each item will be passed to the {@link yfiles.graph.IGraph#addBend} method.
-       * @returns {yfiles.graph.IEdge} the newly created edge instance
+       * @param options.ports An array of ports to add to the newly created node. Each item will be passed to the {@link #addPort} method.
+       * @param options.bends An array of bends to add to the newly created edge. Each item will be passed to the {@link #addBend} method.
+       * @returns the newly created edge instance
        * @see yfiles.graph.IGraph#addEdgeCreatedListener
        * @see yfiles.styles.VoidEdgeStyle#INSTANCE
        * @abstract
@@ -53110,11 +52229,11 @@ declare namespace system{
        * To create group nodes interactively use the {@link yfiles.input.GraphEditorInputMode} as input mode and enable the
        * {@link yfiles.input.GraphEditorInputMode#allowGroupingOperations grouping operations}.
        * </p>
-       * @param {yfiles.graph.INode} [parent=null] The node to use as the parent in the grouping hierarchy or <code>null</code> if the new node should become a top-level node.
-       * @param {yfiles.geometry.Rect} [layout=null] The initial layout to use for the new node.
-       * @param {yfiles.styles.INodeStyle} [style=null] The style to use for the new node.
-       * @param {Object} [tag=null] The {@link yfiles.graph.ITagOwner#tag} to assign to the {@link yfiles.graph.INode}.
-       * @returns {yfiles.graph.INode} The newly created group node.
+       * @param [parent=null] The node to use as the parent in the grouping hierarchy or <code>null</code> if the new node should become a top-level node.
+       * @param [layout=null] The initial layout to use for the new node.
+       * @param [style=null] The style to use for the new node.
+       * @param [tag=null] The {@link #tag} to assign to the {@link }.
+       * @returns The newly created group node.
        * @abstract
        */
       createGroupNode(parent?:yfiles.graph.INode,layout?:yfiles.geometry.Rect,style?:yfiles.styles.INodeStyle,tag?:Object):yfiles.graph.INode;
@@ -53128,16 +52247,16 @@ declare namespace system{
        * {@link yfiles.input.GraphEditorInputMode#allowGroupingOperations grouping operations}.
        * </p>
        * @param {Object} options The parameters to pass.
-       * @param {yfiles.graph.INode} [options.parent=null] The node to use as the parent in the grouping hierarchy or <code>null</code> if the new node should become a top-level node.
-       * @param {yfiles.geometry.Rect} [options.layout=null] The initial layout to use for the new node.
-       * @param {yfiles.styles.INodeStyle} [options.style=null] The style to use for the new node.
-       * @param {Object} [options.tag=null] The {@link yfiles.graph.ITagOwner#tag} to assign to the {@link yfiles.graph.INode}.
-       * @param options.labels An array of labels to add to the newly created node. Each item will be passed to the {@link yfiles.graph.IGraph#addLabel}
+       * @param [options.parent=null] The node to use as the parent in the grouping hierarchy or <code>null</code> if the new node should become a top-level node.
+       * @param [options.layout=null] The initial layout to use for the new node.
+       * @param [options.style=null] The style to use for the new node.
+       * @param [options.tag=null] The {@link #tag} to assign to the {@link }.
+       * @param options.labels An array of labels to add to the newly created node. Each item will be passed to the {@link #addLabel}
        * method.
-       * @param options.ports An array of ports to add to the newly created node. Each item will be passed to the {@link yfiles.graph.IGraph#addPort} method.
-       * @param options.children An array of nodes to create as child nodes of this group node. Each item will be passed to the {@link yfiles.graph.IGraph#createNode}
+       * @param options.ports An array of ports to add to the newly created node. Each item will be passed to the {@link #addPort} method.
+       * @param options.children An array of nodes to create as child nodes of this group node. Each item will be passed to the {@link #createNode}
        * method.
-       * @returns {yfiles.graph.INode} The newly created group node.
+       * @returns The newly created group node.
        * @abstract
        */
       createGroupNode(options:{parent?:yfiles.graph.INode,layout?:yfiles.geometry.Rect,style?:yfiles.styles.INodeStyle,tag?:Object,labels?:Array<any>,ports?:Array<any>,children?:Array<any>}):yfiles.graph.INode;
@@ -53146,10 +52265,10 @@ declare namespace system{
        * <p>
        * The node will be a part of this graph after the method returns. This will trigger the corresponding events.
        * </p>
-       * @param {yfiles.geometry.Rect} layout The layout to use initially. The values will be copied to the node's {@link yfiles.graph.INode#layout Layout} field
-       * @param {yfiles.styles.INodeStyle} [style=null] The style instance that will be assigned to the newly created instance. This is done by reference.
-       * @param {Object} [tag=null] The initial value of the {@link yfiles.graph.ITagOwner#tag} that will be assigned to the new node.
-       * @returns {yfiles.graph.INode} A newly created node instance
+       * @param layout The layout to use initially. The values will be copied to the node's {@link #layout Layout} field
+       * @param [style=null] The style instance that will be assigned to the newly created instance. This is done by reference.
+       * @param [tag=null] The initial value of the {@link #tag} that will be assigned to the new node.
+       * @returns A newly created node instance
        * @see yfiles.graph.IGraph#addNodeCreatedListener
        * @see yfiles.styles.VoidNodeStyle#INSTANCE
        * @abstract
@@ -53161,13 +52280,13 @@ declare namespace system{
        * The node will be a part of this graph after the method returns. This will trigger the corresponding events.
        * </p>
        * @param {Object} options The parameters to pass.
-       * @param {yfiles.geometry.Rect} options.layout The layout to use initially. The values will be copied to the node's {@link yfiles.graph.INode#layout Layout} field
-       * @param {yfiles.styles.INodeStyle} [options.style=null] The style instance that will be assigned to the newly created instance. This is done by reference.
-       * @param {Object} [options.tag=null] The initial value of the {@link yfiles.graph.ITagOwner#tag} that will be assigned to the new node.
-       * @param options.labels An array of labels to add to the newly created node. Each item will be passed to the {@link yfiles.graph.IGraph#addLabel}
+       * @param options.layout The layout to use initially. The values will be copied to the node's {@link #layout Layout} field
+       * @param [options.style=null] The style instance that will be assigned to the newly created instance. This is done by reference.
+       * @param [options.tag=null] The initial value of the {@link #tag} that will be assigned to the new node.
+       * @param options.labels An array of labels to add to the newly created node. Each item will be passed to the {@link #addLabel}
        * method.
-       * @param options.ports An array of ports to add to the newly created node. Each item will be passed to the {@link yfiles.graph.IGraph#addPort} method.
-       * @returns {yfiles.graph.INode} A newly created node instance
+       * @param options.ports An array of ports to add to the newly created node. Each item will be passed to the {@link #addPort} method.
+       * @returns A newly created node instance
        * @see yfiles.graph.IGraph#addNodeCreatedListener
        * @see yfiles.styles.VoidNodeStyle#INSTANCE
        * @abstract
@@ -53175,11 +52294,12 @@ declare namespace system{
       createNode(options:{layout:yfiles.geometry.Rect,style?:yfiles.styles.INodeStyle,tag?:Object,labels?:Array<any>,ports?:Array<any>}):yfiles.graph.INode;
       /**
        * Creates a new ordinary node as a direct descendant of <code>parent</code> using the given layout and style.
-       * @param {yfiles.graph.INode} [parent=null] The node to use as the parent in the grouping hierarchy or <code>null</code> if the new node should become a top-level node.
-       * @param {yfiles.geometry.Rect} [layout=null] The layout to use initially. The values will be copied to the node's {@link yfiles.graph.INode#layout Layout} field.
-       * @param {yfiles.styles.INodeStyle} [style=null] The style instance that will be assigned to the newly created instance. This is done by reference.
-       * @param {Object} [tag=null] The {@link yfiles.graph.ITagOwner#tag} to assign to the {@link yfiles.graph.INode}.
-       * @returns {yfiles.graph.INode} The newly created node.
+       * @param [parent=null] The node to use as the parent in the grouping hierarchy or <code>null</code> if the new node should become a top-level node.
+       * @param [layout=null] The layout to use initially. The values will be copied to the node's {@link #layout Layout} field.
+       * @param [style=null] The style instance that will be assigned to the newly created instance. This is done by reference.
+       * @param [tag=null] The {@link #tag} to assign to the {@link }.
+       * @returns The newly created node.
+       * @throws {Stubs.Exceptions.ArgumentError} <code>parent</code> is not in this graph.
        * @see yfiles.graph.IGraph#setParent
        * @see yfiles.graph.IGraph#createNode
        * @see yfiles.graph.IGraph#createGroupNode
@@ -53189,14 +52309,15 @@ declare namespace system{
       /**
        * Creates a new ordinary node as a direct descendant of <code>parent</code> using the given layout and style.
        * @param {Object} options The parameters to pass.
-       * @param {yfiles.graph.INode} [options.parent=null] The node to use as the parent in the grouping hierarchy or <code>null</code> if the new node should become a top-level node.
-       * @param {yfiles.geometry.Rect} [options.layout=null] The layout to use initially. The values will be copied to the node's {@link yfiles.graph.INode#layout Layout} field.
-       * @param {yfiles.styles.INodeStyle} [options.style=null] The style instance that will be assigned to the newly created instance. This is done by reference.
-       * @param {Object} [options.tag=null] The {@link yfiles.graph.ITagOwner#tag} to assign to the {@link yfiles.graph.INode}.
-       * @param options.labels An array of labels to add to the newly created node. Each item will be passed to the {@link yfiles.graph.IGraph#addLabel}
+       * @param [options.parent=null] The node to use as the parent in the grouping hierarchy or <code>null</code> if the new node should become a top-level node.
+       * @param [options.layout=null] The layout to use initially. The values will be copied to the node's {@link #layout Layout} field.
+       * @param [options.style=null] The style instance that will be assigned to the newly created instance. This is done by reference.
+       * @param [options.tag=null] The {@link #tag} to assign to the {@link }.
+       * @param options.labels An array of labels to add to the newly created node. Each item will be passed to the {@link #addLabel}
        * method.
-       * @param options.ports An array of ports to add to the newly created node. Each item will be passed to the {@link yfiles.graph.IGraph#addPort} method.
-       * @returns {yfiles.graph.INode} The newly created node.
+       * @param options.ports An array of ports to add to the newly created node. Each item will be passed to the {@link #addPort} method.
+       * @returns The newly created node.
+       * @throws {Stubs.Exceptions.ArgumentError} <code>parent</code> is not in this graph.
        * @see yfiles.graph.IGraph#setParent
        * @see yfiles.graph.IGraph#createNode
        * @see yfiles.graph.IGraph#createGroupNode
@@ -53208,10 +52329,10 @@ declare namespace system{
        * <p>
        * The node will be a part of this graph after the method returns. This will trigger the corresponding events.
        * </p>
-       * @param {yfiles.geometry.Point} location the initial coordinates of the center of the node's {@link yfiles.graph.INode#layout Layout} property
-       * @param {yfiles.styles.INodeStyle} [style=null] The style instance that will be assigned to the newly created instance. This is done by reference.
-       * @param {Object} [tag=null] The initial value of the {@link yfiles.graph.ITagOwner#tag} that will be assigned to the new node.
-       * @returns {yfiles.graph.INode} A newly created node instance
+       * @param location the initial coordinates of the center of the node's {@link #layout Layout} property
+       * @param [style=null] The style instance that will be assigned to the newly created instance. This is done by reference.
+       * @param [tag=null] The initial value of the {@link #tag} that will be assigned to the new node.
+       * @returns A newly created node instance
        * @see yfiles.graph.IGraph#addNodeCreatedListener
        */
       createNodeAt?(location:yfiles.geometry.Point,style?:yfiles.styles.INodeStyle,tag?:Object):yfiles.graph.INode;
@@ -53221,13 +52342,13 @@ declare namespace system{
        * The node will be a part of this graph after the method returns. This will trigger the corresponding events.
        * </p>
        * @param {Object} options The parameters to pass.
-       * @param {yfiles.geometry.Point} options.location the initial coordinates of the center of the node's {@link yfiles.graph.INode#layout Layout} property
-       * @param {yfiles.styles.INodeStyle} [options.style=null] The style instance that will be assigned to the newly created instance. This is done by reference.
-       * @param {Object} [options.tag=null] The initial value of the {@link yfiles.graph.ITagOwner#tag} that will be assigned to the new node.
-       * @param options.labels An array of labels to add to the newly created node. Each item will be passed to the {@link yfiles.graph.IGraph#addLabel}
+       * @param options.location the initial coordinates of the center of the node's {@link #layout Layout} property
+       * @param [options.style=null] The style instance that will be assigned to the newly created instance. This is done by reference.
+       * @param [options.tag=null] The initial value of the {@link #tag} that will be assigned to the new node.
+       * @param options.labels An array of labels to add to the newly created node. Each item will be passed to the {@link #addLabel}
        * method.
-       * @param options.ports An array of ports to add to the newly created node. Each item will be passed to the {@link yfiles.graph.IGraph#addPort} method.
-       * @returns {yfiles.graph.INode} A newly created node instance
+       * @param options.ports An array of ports to add to the newly created node. Each item will be passed to the {@link #addPort} method.
+       * @returns A newly created node instance
        * @see yfiles.graph.IGraph#addNodeCreatedListener
        */
       createNodeAt?(options:{location:yfiles.geometry.Point,style?:yfiles.styles.INodeStyle,tag?:Object,labels?:Array<any>,ports?:Array<any>}):yfiles.graph.INode;
@@ -53236,8 +52357,9 @@ declare namespace system{
        * <p>
        * Note that an edge that is both incoming and outgoing will be counted twice.
        * </p>
-       * @param {yfiles.graph.IPort} port The port owner to count the degree of.
-       * @returns {number} The number of edges that are incident to the port.
+       * @param port The port owner to count the degree of.
+       * @returns The number of edges that are incident to the port.
+       * @throws {Stubs.Exceptions.ArgumentError} <code>port</code> is not in this graph.
        */
       degree?(port:yfiles.graph.IPort):number;
       /**
@@ -53245,8 +52367,9 @@ declare namespace system{
        * <p>
        * Note that an edge that is both incoming and outgoing will be counted twice.
        * </p>
-       * @param {yfiles.graph.IPortOwner} owner The port owner to count the degree of.
-       * @returns {number} The number of edges that are incident to the port owner.
+       * @param owner The port owner to count the degree of.
+       * @returns The number of edges that are incident to the port owner.
+       * @throws {Stubs.Exceptions.ArgumentError} <code>owner</code> is not in this graph.
        */
       degree?(owner:yfiles.graph.IPortOwner):number;
       /**
@@ -53258,10 +52381,10 @@ declare namespace system{
        * your own list, if possible. This is not necessary for the first or last element or when iterating over the adjacent
        * edges via a <code>foreach</code> loop.
        * </p>
-       * @param {yfiles.graph.AdjacencyTypes} [type=yfiles.graph.AdjacencyTypes.ALL] The type of adjacency to consider.
-       * @param {yfiles.graph.IPortOwner} owner the port owner to check
-       * @returns {yfiles.collections.IListEnumerable.<yfiles.graph.IEdge>} An enumeration of all adjacent edges of the given type.
-       * @throws {Stubs.Exceptions.ArgumentError} If <code>owner</code> is not in this graph
+       * @param [type=yfiles.graph.AdjacencyTypes.ALL] The type of adjacency to consider.
+       * @param owner the port owner to check
+       * @returns An enumeration of all adjacent edges of the given type.
+       * @throws {Stubs.Exceptions.ArgumentError} <code>owner</code> is not in this graph.
        * @see yfiles.graph.IGraph#inEdgesAt
        * @see yfiles.graph.IGraph#outEdgesAt
        * @see yfiles.graph.AdjacencyTypes
@@ -53276,10 +52399,10 @@ declare namespace system{
        * your own list, if possible. This is not necessary for the first or last element or when iterating over the adjacent
        * edges via a <code>foreach</code> loop.
        * </p>
-       * @param {yfiles.graph.IPort} port the port to check
-       * @param {yfiles.graph.AdjacencyTypes} [type=yfiles.graph.AdjacencyTypes.ALL] The type of adjacency to consider.
-       * @returns {yfiles.collections.IListEnumerable.<yfiles.graph.IEdge>} An enumeration of all adjacent edges of the given type.
-       * @throws {Stubs.Exceptions.ArgumentError} If <code>port</code> is not in this graph
+       * @param port the port to check
+       * @param [type=yfiles.graph.AdjacencyTypes.ALL] The type of adjacency to consider.
+       * @returns An enumeration of all adjacent edges of the given type.
+       * @throws {Stubs.Exceptions.ArgumentError} <code>port</code> is not in this graph.
        * @see yfiles.graph.IGraph#inEdgesAt
        * @see yfiles.graph.IGraph#outEdgesAt
        * @see yfiles.graph.AdjacencyTypes
@@ -53288,56 +52411,59 @@ declare namespace system{
       edgesAt(port:yfiles.graph.IPort,type?:yfiles.graph.AdjacencyTypes):yfiles.collections.IListEnumerable<yfiles.graph.IEdge>;
       /**
        * Returns an enumerable over the children of the provided node.
-       * @param {yfiles.graph.INode} node The node for which to return the children or <code>null</code> if the top-level nodes should be returned.
-       * @returns {yfiles.collections.IListEnumerable.<yfiles.graph.INode>} All nodes that have <code>node</code> as their {@link yfiles.graph.IGraph#getParent parent}.
-       * @throws {Stubs.Exceptions.ArgumentError} If <code>node</code> is not in this graph
+       * @param node The node for which to return the children or <code>null</code> if the top-level nodes should be returned.
+       * @returns All nodes that have <code>node</code> as their {@link #getParent parent}.
+       * @throws {Stubs.Exceptions.ArgumentError} <code>node</code> is not in this graph.
        * @abstract
        */
       getChildren(node:yfiles.graph.INode):yfiles.collections.IListEnumerable<yfiles.graph.INode>;
       /**
        * Finds an edge that connects <code>sourcePort</code> and <code>targetPort</code> in the given graph.
-       * @param {yfiles.graph.IPort} sourcePort The {@link yfiles.graph.IEdge#sourcePort} of the edge to find.
-       * @param {yfiles.graph.IPort} targetPort The {@link yfiles.graph.IEdge#targetPort} of the edge to find.
-       * @returns {yfiles.graph.IEdge} An edge that satisfies the constraints or <code>null</code>, if none was found.
+       * @param sourcePort The {@link #sourcePort} of the edge to find.
+       * @param targetPort The {@link #targetPort} of the edge to find.
+       * @returns An edge that satisfies the constraints or <code>null</code>, if none was found.
+       * @throws {Stubs.Exceptions.ArgumentError} <code>sourcePort</code> or <code>targetPort</code> are not in this graph.
        */
       getEdge?(sourcePort:yfiles.graph.IPort,targetPort:yfiles.graph.IPort):yfiles.graph.IEdge;
       /**
        * Finds an edge that connects <code>from</code> and <code>to</code> in the given graph.
-       * @param {yfiles.graph.IPortOwner} from The {@link yfiles.graph.IEdge#sourcePort} owner of the edge to find.
-       * @param {yfiles.graph.IPortOwner} to The {@link yfiles.graph.IEdge#targetPort} owner of the edge to find.
-       * @returns {yfiles.graph.IEdge} An edge that satisfies the constraints or <code>null</code>, if none was found.
+       * @param from The {@link #sourcePort} owner of the edge to find.
+       * @param to The {@link #targetPort} owner of the edge to find.
+       * @returns An edge that satisfies the constraints or <code>null</code>, if none was found.
+       * @throws {Stubs.Exceptions.ArgumentError} <code>from</code> or <code>to</code> are not in this graph.
        */
       getEdge?(from:yfiles.graph.IPortOwner,to:yfiles.graph.IPortOwner):yfiles.graph.IEdge;
       /**
        * Gets the {@link yfiles.graph.ILabelDefaults label defaults} for a given {@link yfiles.graph.ILabelOwner} in the context of the <code>graph</code>.
-       * @param {yfiles.graph.ILabelOwner} owner The item that the label defaults are returned for. If this is a group node, the {@link yfiles.graph.IGraph#groupNodeDefaults}'s {@link yfiles.graph.INodeDefaults#labels label defaults} will be returned,
-       * otherwise the {@link yfiles.graph.IGraph#nodeDefaults} or {@link yfiles.graph.IGraph#edgeDefaults} {@link yfiles.graph.INodeDefaults#labels labels} will be returned.
-       * @returns {yfiles.graph.ILabelDefaults} Appropriate {@link yfiles.graph.ILabelDefaults} for the provided <code>owner</code>.
+       * @param owner The item that the label defaults are returned for. If this is a group node, the {@link #groupNodeDefaults}'s {@link #labels label defaults} will be returned,
+       * otherwise the {@link #nodeDefaults} or {@link #edgeDefaults} {@link #labels labels} will be returned.
+       * @returns Appropriate {@link } for the provided <code>owner</code>.
        */
       getLabelDefaults?(owner:yfiles.graph.ILabelOwner):yfiles.graph.ILabelDefaults;
       /**
        * Returns the parent node of the node or <code>null</code> if <code>node</code> is a top-level node.
-       * @param {yfiles.graph.INode} node The node to retrieve the parent node for.
-       * @returns {yfiles.graph.INode} The parent node in this hierarchy or <code>null</code> if <code>node</code> is a top-level node.
-       * @throws {Stubs.Exceptions.ArgumentError} If <code>node</code> is not in this graph or is <code>null</code>.
+       * @param node The node to retrieve the parent node for.
+       * @returns The parent node in this hierarchy or <code>null</code> if <code>node</code> is a top-level node.
+       * @throws {Stubs.Exceptions.ArgumentError} <code>node</code> is not in this graph.
        * @abstract
        */
       getParent(node:yfiles.graph.INode):yfiles.graph.INode;
       /**
        * Gets the {@link yfiles.graph.IPortDefaults port defaults} for a given {@link yfiles.graph.IPortOwner} in the context of the <code>graph</code>.
-       * @param {yfiles.graph.IPortOwner} owner The item that the label defaults are returned for. If this is a group node, the {@link yfiles.graph.IGraph#groupNodeDefaults}'s {@link yfiles.graph.INodeDefaults#ports port defaults} will be returned,
-       * otherwise the {@link yfiles.graph.IGraph#nodeDefaults} or {@link yfiles.graph.IGraph#edgeDefaults} {@link yfiles.graph.INodeDefaults#ports ports} will be returned.
-       * @returns {yfiles.graph.IPortDefaults} Appropriate {@link yfiles.graph.IPortDefaults} for the provided <code>owner</code>.
+       * @param owner The item that the label defaults are returned for. If this is a group node, the {@link #groupNodeDefaults}'s {@link #ports port defaults} will be returned,
+       * otherwise the {@link #nodeDefaults} or {@link #edgeDefaults} {@link #ports ports} will be returned.
+       * @returns Appropriate {@link } for the provided <code>owner</code>.
        */
       getPortDefaults?(owner:yfiles.graph.IPortOwner):yfiles.graph.IPortDefaults;
       /**
        * Groups the nodes in <code>children</code> into the provided group node.
        * <p>
        * The <code>parent</code> needs to be a group node at the time of the invocation. This operation is basically the same as calling {@link yfiles.graph.IGraph#setParent}
-       * for each node in the <code>children</code> enumerable whose parent is not part of the set.
+       * for each node in <code>children</code> whose parent is not part of the set.
        * </p>
-       * @param {yfiles.graph.INode} parent The node to use as the parent in the grouping hierarchy.
-       * @param {yfiles.collections.IEnumerable.<yfiles.graph.INode>} children The children to group into the group node.
+       * @param parent The node to use as the parent in the grouping hierarchy.
+       * @param children The children to group into the group node.
+       * @throws {Stubs.Exceptions.ArgumentError} <code>parent</code> or one of <code>children</code> is not in this graph.
        * @see yfiles.graph.IGraph#groupNodes
        * @see yfiles.graph.IGraph#setParent
        * @see yfiles.graph.IGraph#createGroupNode
@@ -53348,8 +52474,9 @@ declare namespace system{
        * <p>
        * The group node will be created at the common ancestor level of all nodes in <code>children</code>.
        * </p>
-       * @param {yfiles.collections.IEnumerable.<yfiles.graph.INode>} children The children to group into the new group node.
-       * @returns {yfiles.graph.INode} The newly created group node.
+       * @param children The children to group into the new group node.
+       * @returns The newly created group node.
+       * @throws {Stubs.Exceptions.ArgumentError} One of <code>children</code> is not in this graph.
        * @see yfiles.graph.GroupingSupport#getNearestCommonAncestor
        * @see yfiles.graph.IGraph#groupNodes
        */
@@ -53360,25 +52487,28 @@ declare namespace system{
        * The group node will be created at the common ancestor level of all nodes in <code>children</code>.
        * </p>
        * @param {Object} options The parameters to pass.
-       * @param {yfiles.collections.IEnumerable.<yfiles.graph.INode>} options.children The children to group into the new group node.
-       * @param options.labels An array of labels to add to the newly created node. Each item will be passed to the {@link yfiles.graph.IGraph#addLabel}
+       * @param options.children The children to group into the new group node.
+       * @param options.labels An array of labels to add to the newly created node. Each item will be passed to the {@link #addLabel}
        * method.
-       * @param options.ports An array of ports to add to the newly created node. Each item will be passed to the {@link yfiles.graph.IGraph#addPort} method.
-       * @returns {yfiles.graph.INode} The newly created group node.
+       * @param options.ports An array of ports to add to the newly created node. Each item will be passed to the {@link #addPort} method.
+       * @returns The newly created group node.
+       * @throws {Stubs.Exceptions.ArgumentError} One of <code>children</code> is not in this graph.
        * @see yfiles.graph.GroupingSupport#getNearestCommonAncestor
        * @see yfiles.graph.IGraph#groupNodes
        */
       groupNodes?(options:{children:yfiles.collections.IEnumerable<yfiles.graph.INode>,labels?:Array<any>,ports?:Array<any>}):yfiles.graph.INode;
       /**
        * Calculates the number of incoming edges at the given {@link yfiles.graph.IPort} for this graph.
-       * @param {yfiles.graph.IPort} port The port to count the incoming edges of.
-       * @returns {number} The number of edges that have the port as their target port.
+       * @param port The port to count the incoming edges of.
+       * @returns The number of edges that have the port as their target port.
+       * @throws {Stubs.Exceptions.ArgumentError} <code>port</code> is not in this graph.
        */
       inDegree?(port:yfiles.graph.IPort):number;
       /**
        * Calculates the number of incoming edges at the given {@link yfiles.graph.IPortOwner} for this graph.
-       * @param {yfiles.graph.IPortOwner} owner The port owner to count the incoming edges of.
-       * @returns {number} The number of edges that have the port owner as their target port's owner.
+       * @param owner The port owner to count the incoming edges of.
+       * @returns The number of edges that have the port owner as their target port's owner.
+       * @throws {Stubs.Exceptions.ArgumentError} <code>owner</code> is not in this graph.
        */
       inDegree?(owner:yfiles.graph.IPortOwner):number;
       /**
@@ -53392,8 +52522,9 @@ declare namespace system{
        * your own list, if possible. This is not necessary for the first or last element or when iterating over the incoming
        * edges via a <code>foreach</code> loop.
        * </p>
-       * @param {yfiles.graph.IPort} port The port of the edges.
-       * @returns {yfiles.collections.IListEnumerable.<yfiles.graph.IEdge>} An enumerable for the edges.
+       * @param port The port of the edges.
+       * @returns An enumerable for the edges.
+       * @throws {Stubs.Exceptions.ArgumentError} <code>port</code> is not in this graph.
        */
       inEdgesAt?(port:yfiles.graph.IPort):yfiles.collections.IListEnumerable<yfiles.graph.IEdge>;
       /**
@@ -53407,8 +52538,9 @@ declare namespace system{
        * your own list, if possible. This is not necessary for the first or last element or when iterating over the incoming
        * edges via a <code>foreach</code> loop.
        * </p>
-       * @param {yfiles.graph.IPortOwner} owner The owner of the edges.
-       * @returns {yfiles.collections.IListEnumerable.<yfiles.graph.IEdge>} An enumerable for the edges.
+       * @param owner The owner of the edges.
+       * @returns An enumerable for the edges.
+       * @throws {Stubs.Exceptions.ArgumentError} <code>owner</code> is not in this graph.
        */
       inEdgesAt?(owner:yfiles.graph.IPortOwner):yfiles.collections.IListEnumerable<yfiles.graph.IEdge>;
       /**
@@ -53424,11 +52556,11 @@ declare namespace system{
       /**
        * Returns whether the given node is considered a group node.
        * <p>
-       * Group nodes may have children but do not necessarily need to have {@link yfiles.graph.IGraph#getChildren children}.
+       * Group nodes may have {@link yfiles.graph.IGraph#getChildren children} but do not necessarily have to.
        * </p>
-       * @param {yfiles.graph.INode} node The node to check.
-       * @returns {boolean} Whether the node is considered a group node.
-       * @throws {Stubs.Exceptions.ArgumentError} If <code>node</code> is not in this graph.
+       * @param node The node to check.
+       * @returns Whether the node is considered a group node.
+       * @throws {Stubs.Exceptions.ArgumentError} <code>node</code> is not in this graph.
        * @see yfiles.graph.IGraph#getChildren
        * @see yfiles.graph.IGraph#setIsGroupNode
        * @abstract
@@ -53440,20 +52572,23 @@ declare namespace system{
        * Neighbors are calculated by going through all {@link yfiles.graph.IPortOwner#ports} and inspecting the {@link yfiles.graph.IGraph#edgesAt edges at these ports}, collecting the
        * {@link yfiles.graph.IEdge#opposite}s.
        * </p>
-       * @param {yfiles.graph.INode} node The node.
-       * @returns {yfiles.collections.IEnumerable.<yfiles.graph.INode>} An enumerable over all neighbor nodes.
+       * @param node The node.
+       * @returns An enumerable over all neighbors.
+       * @throws {Stubs.Exceptions.ArgumentError} <code>node</code> is not in this graph.
        */
       neighbors?(node:yfiles.graph.INode):yfiles.collections.IEnumerable<yfiles.graph.INode>;
       /**
        * Calculates the number of outgoing edges at the given {@link yfiles.graph.IPort} for this graph.
-       * @param {yfiles.graph.IPort} port The port to count the outgoing edges of.
-       * @returns {number} The number of edges that have the port as their source port.
+       * @param port The port to count the outgoing edges of.
+       * @returns The number of edges that have the port as their source port.
+       * @throws {Stubs.Exceptions.ArgumentError} <code>port</code> is not in this graph.
        */
       outDegree?(port:yfiles.graph.IPort):number;
       /**
        * Calculates the number of outgoing edges at the given {@link yfiles.graph.IPortOwner} for this graph.
-       * @param {yfiles.graph.IPortOwner} owner The port owner to count the outgoing edges of.
-       * @returns {number} The number of edges that have the port owner as their source port's owner.
+       * @param owner The port owner to count the outgoing edges of.
+       * @returns The number of edges that have the port owner as their source port's owner.
+       * @throws {Stubs.Exceptions.ArgumentError} <code>owner</code> is not in this graph.
        */
       outDegree?(owner:yfiles.graph.IPortOwner):number;
       /**
@@ -53467,8 +52602,9 @@ declare namespace system{
        * your own list, if possible. This is not necessary for the first or last element or when iterating over the outgoing
        * edges via a <code>foreach</code> loop.
        * </p>
-       * @param {yfiles.graph.IPort} port The owner of the edges.
-       * @returns {yfiles.collections.IListEnumerable.<yfiles.graph.IEdge>} An enumerable for the edges.
+       * @param port The owner of the edges.
+       * @returns An enumerable for the edges.
+       * @throws {Stubs.Exceptions.ArgumentError} <code>port</code> is not in this graph.
        */
       outEdgesAt?(port:yfiles.graph.IPort):yfiles.collections.IListEnumerable<yfiles.graph.IEdge>;
       /**
@@ -53482,8 +52618,9 @@ declare namespace system{
        * your own list, if possible. This is not necessary for the first or last element or when iterating over the outgoing
        * edges via a <code>foreach</code> loop.
        * </p>
-       * @param {yfiles.graph.IPortOwner} owner The owner of the edges.
-       * @returns {yfiles.collections.IListEnumerable.<yfiles.graph.IEdge>} An enumerable for the edges.
+       * @param owner The owner of the edges.
+       * @returns An enumerable for the edges.
+       * @throws {Stubs.Exceptions.ArgumentError} <code>owner</code> is not in this graph.
        */
       outEdgesAt?(owner:yfiles.graph.IPortOwner):yfiles.collections.IListEnumerable<yfiles.graph.IEdge>;
       /**
@@ -53491,8 +52628,9 @@ declare namespace system{
        * <p>
        * Predecessors are calculated by going through all {@link yfiles.graph.IPortOwner#ports} and inspecting the {@link yfiles.graph.IGraph#inEdgesAt incoming edges at these ports}, collecting the {@link yfiles.graph.IEdge#sourcePort} {@link yfiles.graph.IPort#owner}s.
        * </p>
-       * @param {yfiles.graph.INode} node The node.
-       * @returns {yfiles.collections.IEnumerable.<yfiles.graph.INode>} An enumerable over all predecessors.
+       * @param node The node.
+       * @returns An enumerable over all predecessors.
+       * @throws {Stubs.Exceptions.ArgumentError} <code>node</code> is not in this graph.
        */
       predecessors?(node:yfiles.graph.INode):yfiles.collections.IEnumerable<yfiles.graph.INode>;
       /**
@@ -53520,24 +52658,25 @@ declare namespace system{
        * <p>
        * If the item is a {@link yfiles.graph.ILabel label} the {@link yfiles.graph.IGraph#addLabelRemovedListener LabelRemoved} event will be triggered.
        * </p>
-       * @param {yfiles.graph.IModelItem} item the live item to be removed from this graph instance
-       * @throws {Stubs.Exceptions.ArgumentError} <code>item</code> is not part of the graph.
+       * @param item the live item to be removed from this graph instance
+       * @throws {Stubs.Exceptions.ArgumentError} <code>item</code> is not in this graph.
        * @abstract
        */
       remove(item:yfiles.graph.IModelItem):void;
       /**
        * Reverses an edge by {@link yfiles.graph.IGraph#setEdgePorts setting source and target port} to {@link yfiles.graph.IEdge#targetPort} and {@link yfiles.graph.IEdge#sourcePort}.
        * <p>
-       * Also, this method will reverse the bends by clearing them and reinserting them in reverse order if there is more than
-       * one bend.
+       * This also reverses the bends by clearing them and reinserting them in reverse order if there is more than one bend.
        * </p>
-       * @param {yfiles.graph.IEdge} edge The edge to reverse.
+       * @param edge The edge to reverse.
+       * @throws {Stubs.Exceptions.ArgumentError} <code>edge</code> is not in this graph.
        */
       reverse?(edge:yfiles.graph.IEdge):void;
       /**
        * Modifies the location of the given bend.
-       * @param {yfiles.graph.IBend} bend the bend whose location is to be modified
-       * @param {yfiles.geometry.Point} location the new location of the bend
+       * @param bend the bend whose location is to be modified
+       * @param location the new location of the bend
+       * @throws {Stubs.Exceptions.ArgumentError} <code>bend</code> is not in this graph.
        * @see yfiles.graph.IGraph#addBend
        * @abstract
        */
@@ -53548,9 +52687,10 @@ declare namespace system{
        * This will trigger an {@link yfiles.graph.IGraph#addEdgePortsChangedListener EdgePortsChanged} event if source or target ports
        * differ from the current ones. Both ports and the edge must belong to the current graph instance.
        * </p>
-       * @param {yfiles.graph.IEdge} edge The edge to change the ports.
-       * @param {yfiles.graph.IPort} sourcePort The new source port instance.
-       * @param {yfiles.graph.IPort} targetPort The new target port instance.
+       * @param edge The edge to change the ports.
+       * @param sourcePort The new source port instance.
+       * @param targetPort The new target port instance.
+       * @throws {Stubs.Exceptions.ArgumentError} Either <code>edge</code>, <code>sourcePort</code>, or <code>targetPort</code> are not in this graph.
        * @abstract
        */
       setEdgePorts(edge:yfiles.graph.IEdge,sourcePort:yfiles.graph.IPort,targetPort:yfiles.graph.IPort):void;
@@ -53558,12 +52698,12 @@ declare namespace system{
        * Determines whether the given node should be considered a group node.
        * <p>
        * Group nodes may have {@link yfiles.graph.IGraph#getChildren children} but do not necessarily need to have one. Attempting to set a node to the
-       * non-group-node-status while it has children at the same time will result in an {@link Stubs.Exceptions.InvalidOperationError}.
+       * non-group-node-status while it has children at the same time will result in an {@link yfiles.lang.Exception}.
        * </p>
-       * @param {yfiles.graph.INode} node The node to set the group node status for.
-       * @param {boolean} isGroupNode Whether to make the node a group node.
-       * @throws {Stubs.Exceptions.InvalidOperationError} If <code>node</code> is the root or currently has children and <code>isGroupNode</code> is <code>false</code>.
-       * @throws {Stubs.Exceptions.ArgumentError} If <code>node</code> is not in this graph.
+       * @param node The node to set the group node status for.
+       * @param isGroupNode Whether to make the node a group node.
+       * @throws {Stubs.Exceptions.ArgumentError} <code>node</code> is not in this graph.
+       * @throws {Stubs.Exceptions.InvalidOperationError} <code>node</code> is <code>null</code> or currently has children and <code>isGroupNode</code> is <code>false</code>.
        * @see yfiles.graph.IGraph#getChildren
        * @see yfiles.graph.IGraph#isGroupNode
        * @abstract
@@ -53571,25 +52711,26 @@ declare namespace system{
       setIsGroupNode(node:yfiles.graph.INode,isGroupNode:boolean):void;
       /**
        * Sets the label model parameter for the given label.
-       * @param {yfiles.graph.ILabel} label The label.
-       * @param {yfiles.graph.ILabelModelParameter} layoutParameter The new parameter.
-       * @throws {Stubs.Exceptions.ArgumentError} If the <code>layoutParameter</code> cannot be used for this label.
-       * @throws {Stubs.Exceptions.ArgumentError} If the <code>label</code> does not belong to this graph.
+       * @param label The label.
+       * @param layoutParameter The new parameter.
+       * @throws {Stubs.Exceptions.ArgumentError} <code>label</code> is not in this graph, or <code>layoutParameter</code> cannot be used for <code>label</code>.
        * @abstract
        */
       setLabelLayoutParameter(label:yfiles.graph.ILabel,layoutParameter:yfiles.graph.ILabelModelParameter):void;
       /**
        * Sets the preferred size of the label.
-       * @param {yfiles.graph.ILabel} label The label.
-       * @param {yfiles.geometry.Size} preferredSize The new preferred size.
+       * @param label The label.
+       * @param preferredSize The new preferred size.
+       * @throws {Stubs.Exceptions.ArgumentError} <code>label</code> is not in this graph.
        * @see yfiles.graph.ILabel#preferredSize
        * @abstract
        */
       setLabelPreferredSize(label:yfiles.graph.ILabel,preferredSize:yfiles.geometry.Size):void;
       /**
        * Sets the label text of the given label.
-       * @param {yfiles.graph.ILabel} label the label to modify
-       * @param {string} text the new text of the label
+       * @param label the label to modify
+       * @param text the new text of the label
+       * @throws {Stubs.Exceptions.ArgumentError} <code>label</code> is not in this graph.
        * @see yfiles.graph.ILabel#text
        * @abstract
        */
@@ -53599,14 +52740,15 @@ declare namespace system{
        * <p>
        * This implementation delegates to {@link yfiles.graph.IGraph#setNodeLayout}
        * </p>
-       * @param {yfiles.graph.INode} node The node to recenter.
-       * @param {yfiles.geometry.Point} center The new center coordinates of the node in the world coordinate system.
+       * @param node The node to recenter.
+       * @param center The new center coordinates of the node in the world coordinate system.
        */
       setNodeCenter?(node:yfiles.graph.INode,center:yfiles.geometry.Point):void;
       /**
        * Sets the layout of the given node to the new value.
-       * @param {yfiles.graph.INode} node a live node that belongs to this graph
-       * @param {yfiles.geometry.Rect} layout The new layout of the node to assign to its {@link yfiles.graph.INode#layout}.
+       * @param node a live node that belongs to this graph
+       * @param layout The new layout of the node to assign to its {@link #layout}.
+       * @throws {Stubs.Exceptions.ArgumentError} <code>node</code> is not in this graph.
        * @see yfiles.graph.INode#layout
        * @abstract
        */
@@ -53616,10 +52758,9 @@ declare namespace system{
        * <p>
        * Use <code>null</code> as <code>parent</code> to make <code>node</code> a top-level node for this graph.
        * </p>
-       * @param {yfiles.graph.INode} node The node to assign a new parent.
-       * @param {yfiles.graph.INode} parent The parent group node to assign to <code>node</code> or <code>null</code> to make <code>node</code> a top-level node.
-       * @throws {Stubs.Exceptions.ArgumentError} If <code>node</code> is <code>null</code>.
-       * @throws {Stubs.Exceptions.ArgumentError} If <code>node</code> is not in this graph
+       * @param node The node to assign a new parent.
+       * @param parent The parent group node to assign to <code>node</code> or <code>null</code> to make <code>node</code> a top-level node.
+       * @throws {Stubs.Exceptions.ArgumentError} Either <code>node</code> or <code>parent</code> are not in this graph.
        * @see yfiles.graph.IGraph#getParent
        * @abstract
        */
@@ -53632,27 +52773,29 @@ declare namespace system{
        * method. This might result in the port using a different location, because the model might not support parameters that
        * result in the given location. This will also trigger an {@link yfiles.graph.IGraph#invalidateDisplays} call.
        * </p>
-       * @param {yfiles.graph.IPort} port The port to modify
-       * @param {yfiles.geometry.Point} location the new absolute coordinates of the port
+       * @param port The port to modify
+       * @param location the new absolute coordinates of the port
+       * @throws {Stubs.Exceptions.ArgumentError} <code>port</code> is not in this graph.
        * @see yfiles.graph.IGraph#addPort
        */
       setPortLocation?(port:yfiles.graph.IPort,location:yfiles.geometry.Point):void;
       /**
        * Sets a new {@link yfiles.graph.IPortLocationModelParameter} for the given port.
-       * @param {yfiles.graph.IPort} port The port to modify
-       * @param {yfiles.graph.IPortLocationModelParameter} locationParameter the new parameter that determines the coordinates of the port
+       * @param port The port to modify
+       * @param locationParameter the new parameter that determines the coordinates of the port
+       * @throws {Stubs.Exceptions.ArgumentError} <code>port</code> is not in this graph, or <code>locationParameter</code> cannot be used for <code>port</code>.
        * @abstract
        */
       setPortLocationParameter(port:yfiles.graph.IPort,locationParameter:yfiles.graph.IPortLocationModelParameter):void;
       /**
        * Tries to set the location of the port relative to its {@link yfiles.graph.IPort#owner owner} if the owner is a {@link yfiles.graph.INode node}.
        * <p>
-       * If the port is not owned by a node that is part of this graph, this method will throw an {@link Stubs.Exceptions.ArgumentError}.
-       * This method will delegate to {@link yfiles.graph.IGraph#setPortLocation}.
+       * If the port is not owned by a node that is part of this graph, this method will throw an {@link yfiles.lang.Exception}. This
+       * method will delegate to {@link yfiles.graph.IGraph#setPortLocation}.
        * </p>
-       * @param {yfiles.graph.IPort} port the port
-       * @param {yfiles.geometry.Point} relativeLocation the new coordinate offsets relative to the center of the node's {@link yfiles.graph.INode#layout}'s center.
-       * @throws {Stubs.Exceptions.ArgumentError} If the port is not owned by a node
+       * @param port the port
+       * @param relativeLocation the new coordinate offsets relative to the center of the node's {@link #layout}'s center.
+       * @throws {Stubs.Exceptions.ArgumentError} <code>port</code> is not in this graph or has no owner.
        * @see yfiles.graph.INode#layout
        */
       setRelativePortLocation?(port:yfiles.graph.IPort,relativeLocation:yfiles.geometry.Point):void;
@@ -53661,8 +52804,9 @@ declare namespace system{
        * <p>
        * Style instances can be shared.
        * </p>
-       * @param {yfiles.graph.IPort} port The port that will be assigned the new style
-       * @param {yfiles.styles.IPortStyle} style The style instance that will be assigned to the port.
+       * @param port The port that will be assigned the new style
+       * @param style The style instance that will be assigned to the port.
+       * @throws {Stubs.Exceptions.ArgumentError} <code>port</code> is not in this graph.
        * @see yfiles.graph.IPort#style
        * @see yfiles.graph.IGraph#addPortStyleChangedListener
        * @see yfiles.styles.VoidPortStyle#INSTANCE
@@ -53674,8 +52818,9 @@ declare namespace system{
        * <p>
        * Style instances can be shared.
        * </p>
-       * @param {yfiles.graph.IEdge} edge The edge that will be assigned the new style
-       * @param {yfiles.styles.IEdgeStyle} style The style instance that will be assigned to the edge.
+       * @param edge The edge that will be assigned the new style
+       * @param style The style instance that will be assigned to the edge.
+       * @throws {Stubs.Exceptions.ArgumentError} <code>edge</code> is not in this graph.
        * @see yfiles.graph.IEdge#style
        * @see yfiles.graph.IGraph#addEdgeStyleChangedListener
        * @see yfiles.styles.VoidEdgeStyle#INSTANCE
@@ -53687,8 +52832,9 @@ declare namespace system{
        * <p>
        * Style instances can be shared.
        * </p>
-       * @param {yfiles.graph.ILabel} label The label that will be assigned the new style
-       * @param {yfiles.styles.ILabelStyle} style The style instance that will be assigned to the label.
+       * @param label The label that will be assigned the new style
+       * @param style The style instance that will be assigned to the label.
+       * @throws {Stubs.Exceptions.ArgumentError} <code>label</code> is not in this graph.
        * @see yfiles.graph.ILabel#style
        * @see yfiles.graph.IGraph#addLabelStyleChangedListener
        * @see yfiles.styles.VoidLabelStyle#INSTANCE
@@ -53700,8 +52846,9 @@ declare namespace system{
        * <p>
        * Style instances can be shared.
        * </p>
-       * @param {yfiles.graph.INode} node The node that will be assigned the new style
-       * @param {yfiles.styles.INodeStyle} style The style instance that will be assigned to the node.
+       * @param node The node that will be assigned the new style
+       * @param style The style instance that will be assigned to the node.
+       * @throws {Stubs.Exceptions.ArgumentError} <code>node</code> is not in this graph.
        * @see yfiles.graph.INode#style
        * @see yfiles.graph.IGraph#addNodeStyleChangedListener
        * @see yfiles.styles.VoidNodeStyle#INSTANCE
@@ -53713,8 +52860,9 @@ declare namespace system{
        * <p>
        * Successors are calculated by going through all {@link yfiles.graph.IPortOwner#ports} and inspecting the {@link yfiles.graph.IGraph#outEdgesAt outgoing edges at these ports}, collecting the {@link yfiles.graph.IEdge#targetPort} {@link yfiles.graph.IPort#owner}s.
        * </p>
-       * @param {yfiles.graph.INode} node The node.
-       * @returns {yfiles.collections.IEnumerable.<yfiles.graph.INode>} An enumerable over all successors.
+       * @param node The node.
+       * @returns An enumerable over all successors.
+       * @throws {Stubs.Exceptions.ArgumentError} <code>node</code> is not in this graph.
        */
       successors?(node:yfiles.graph.INode):yfiles.collections.IEnumerable<yfiles.graph.INode>;
       /**
@@ -53819,7 +52967,7 @@ declare namespace system{
        * This event is intended to provide notification of low level changes in the graph structure.
        * <b>Note:</b>You may not modify the graph in the event handler for this event.
        * </p>
-       * @param {function(Object, yfiles.graph.ItemChangedEventArgs.<yfiles.graph.IGraph,Object>): void} listener The listener to add.
+       * @param listener The listener to add.
        * @see yfiles.graph.ITagOwner#tag
        * @see yfiles.graph.IGraph#removeGraphTagChangedListener
        * @abstract
@@ -53831,7 +52979,7 @@ declare namespace system{
        * This event is intended to provide notification of low level changes in the graph structure.
        * <b>Note:</b>You may not modify the graph in the event handler for this event.
        * </p>
-       * @param {function(Object, yfiles.graph.ItemChangedEventArgs.<yfiles.graph.IGraph,Object>): void} listener The listener to remove.
+       * @param listener The listener to remove.
        * @see yfiles.graph.ITagOwner#tag
        * @see yfiles.graph.IGraph#addGraphTagChangedListener
        * @abstract
@@ -53845,7 +52993,8 @@ declare namespace system{
        * <b>Note:</b>You may not modify the graph in the event handler for this event. Especially you may not prevent/undo the node creation
        * that has triggered this event.
        * </p>
-       * @param {function(Object, yfiles.collections.ItemEventArgs.<yfiles.graph.INode>): void} listener The listener to add.
+       * @param listener The listener to add.
+       * @see yfiles.graph.IGraph#createNode
        * @see yfiles.graph.IGraph#createNode
        * @see yfiles.graph.IGraph#createGroupNode
        * @see yfiles.input.GraphEditorInputMode#addNodeCreatedListener
@@ -53861,7 +53010,8 @@ declare namespace system{
        * <b>Note:</b>You may not modify the graph in the event handler for this event. Especially you may not prevent/undo the node creation
        * that has triggered this event.
        * </p>
-       * @param {function(Object, yfiles.collections.ItemEventArgs.<yfiles.graph.INode>): void} listener The listener to remove.
+       * @param listener The listener to remove.
+       * @see yfiles.graph.IGraph#createNode
        * @see yfiles.graph.IGraph#createNode
        * @see yfiles.graph.IGraph#createGroupNode
        * @see yfiles.input.GraphEditorInputMode#addNodeCreatedListener
@@ -53875,7 +53025,7 @@ declare namespace system{
        * <p>
        * This event is invoked with {@link yfiles.lang.EventArgs#EMPTY} per default.
        * </p>
-       * @param {function(Object, yfiles.lang.EventArgs): void} listener The listener to add.
+       * @param listener The listener to add.
        * @see yfiles.graph.IGraph#removeDisplaysInvalidatedListener
        * @abstract
        */
@@ -53886,7 +53036,7 @@ declare namespace system{
        * <p>
        * This event is invoked with {@link yfiles.lang.EventArgs#EMPTY} per default.
        * </p>
-       * @param {function(Object, yfiles.lang.EventArgs): void} listener The listener to remove.
+       * @param listener The listener to remove.
        * @see yfiles.graph.IGraph#addDisplaysInvalidatedListener
        * @abstract
        */
@@ -53899,7 +53049,7 @@ declare namespace system{
        * <b>Note:</b>You may not modify the graph in the event handler for this event. Especially you may not prevent/undo the node removal
        * that has triggered this event.
        * </p>
-       * @param {function(Object, yfiles.graph.NodeEventArgs): void} listener The listener to add.
+       * @param listener The listener to add.
        * @see yfiles.graph.IGraph#remove
        * @see yfiles.input.GraphEditorInputMode#addDeletedItemListener
        * @see yfiles.graph.IGraph#removeNodeRemovedListener
@@ -53914,7 +53064,7 @@ declare namespace system{
        * <b>Note:</b>You may not modify the graph in the event handler for this event. Especially you may not prevent/undo the node removal
        * that has triggered this event.
        * </p>
-       * @param {function(Object, yfiles.graph.NodeEventArgs): void} listener The listener to remove.
+       * @param listener The listener to remove.
        * @see yfiles.graph.IGraph#remove
        * @see yfiles.input.GraphEditorInputMode#addDeletedItemListener
        * @see yfiles.graph.IGraph#addNodeRemovedListener
@@ -53927,7 +53077,7 @@ declare namespace system{
        * This event is intended to provide notification of low level changes in the graph structure.
        * <b>Note:</b>You may not modify the graph in the event handler for this event.
        * </p>
-       * @param {function(Object, yfiles.graph.ItemChangedEventArgs.<yfiles.graph.INode,yfiles.styles.INodeStyle>): void} listener The listener to add.
+       * @param listener The listener to add.
        * @see yfiles.graph.IGraph#setStyle
        * @see yfiles.graph.IGraph#removeNodeStyleChangedListener
        * @abstract
@@ -53939,7 +53089,7 @@ declare namespace system{
        * This event is intended to provide notification of low level changes in the graph structure.
        * <b>Note:</b>You may not modify the graph in the event handler for this event.
        * </p>
-       * @param {function(Object, yfiles.graph.ItemChangedEventArgs.<yfiles.graph.INode,yfiles.styles.INodeStyle>): void} listener The listener to remove.
+       * @param listener The listener to remove.
        * @see yfiles.graph.IGraph#setStyle
        * @see yfiles.graph.IGraph#addNodeStyleChangedListener
        * @abstract
@@ -53951,7 +53101,7 @@ declare namespace system{
        * This event is intended to provide notification of low level changes in the graph structure.
        * <b>Note:</b>You may not modify the graph in the event handler for this event.
        * </p>
-       * @param {function(Object, yfiles.graph.INode, yfiles.geometry.Rect): void} listener The listener to add.
+       * @param listener The listener to add.
        * @see yfiles.graph.IGraph#setNodeLayout
        * @see yfiles.graph.IGraph#removeNodeLayoutChangedListener
        * @abstract
@@ -53963,7 +53113,7 @@ declare namespace system{
        * This event is intended to provide notification of low level changes in the graph structure.
        * <b>Note:</b>You may not modify the graph in the event handler for this event.
        * </p>
-       * @param {function(Object, yfiles.graph.INode, yfiles.geometry.Rect): void} listener The listener to remove.
+       * @param listener The listener to remove.
        * @see yfiles.graph.IGraph#setNodeLayout
        * @see yfiles.graph.IGraph#addNodeLayoutChangedListener
        * @abstract
@@ -53975,7 +53125,7 @@ declare namespace system{
        * This event is intended to provide notification of low level changes in the graph structure.
        * <b>Note:</b>You may not modify the graph in the event handler for this event.
        * </p>
-       * @param {function(Object, yfiles.graph.ItemChangedEventArgs.<yfiles.graph.INode,Object>): void} listener The listener to add.
+       * @param listener The listener to add.
        * @see yfiles.graph.ITagOwner#tag
        * @see yfiles.graph.IGraph#removeNodeTagChangedListener
        * @abstract
@@ -53987,7 +53137,7 @@ declare namespace system{
        * This event is intended to provide notification of low level changes in the graph structure.
        * <b>Note:</b>You may not modify the graph in the event handler for this event.
        * </p>
-       * @param {function(Object, yfiles.graph.ItemChangedEventArgs.<yfiles.graph.INode,Object>): void} listener The listener to remove.
+       * @param listener The listener to remove.
        * @see yfiles.graph.ITagOwner#tag
        * @see yfiles.graph.IGraph#addNodeTagChangedListener
        * @abstract
@@ -54001,7 +53151,7 @@ declare namespace system{
        * <b>Note:</b>You may not modify the graph in the event handler for this event. Especially you may not prevent/undo the edge creation
        * that has triggered this event.
        * </p>
-       * @param {function(Object, yfiles.collections.ItemEventArgs.<yfiles.graph.IEdge>): void} listener The listener to add.
+       * @param listener The listener to add.
        * @see yfiles.graph.IGraph#createEdge
        * @see yfiles.input.CreateEdgeInputMode#addEdgeCreatedListener
        * @see yfiles.graph.IGraph#removeEdgeCreatedListener
@@ -54016,7 +53166,7 @@ declare namespace system{
        * <b>Note:</b>You may not modify the graph in the event handler for this event. Especially you may not prevent/undo the edge creation
        * that has triggered this event.
        * </p>
-       * @param {function(Object, yfiles.collections.ItemEventArgs.<yfiles.graph.IEdge>): void} listener The listener to remove.
+       * @param listener The listener to remove.
        * @see yfiles.graph.IGraph#createEdge
        * @see yfiles.input.CreateEdgeInputMode#addEdgeCreatedListener
        * @see yfiles.graph.IGraph#addEdgeCreatedListener
@@ -54034,7 +53184,7 @@ declare namespace system{
        * <b>Note:</b>You may not modify the graph in the event handler for this event. Especially you may not prevent/undo the edge removal
        * that has triggered this event.
        * </p>
-       * @param {function(Object, yfiles.graph.EdgeEventArgs): void} listener The listener to add.
+       * @param listener The listener to add.
        * @see yfiles.graph.IGraph#remove
        * @see yfiles.input.GraphEditorInputMode#addDeletedItemListener
        * @see yfiles.graph.IGraph#removeEdgeRemovedListener
@@ -54052,7 +53202,7 @@ declare namespace system{
        * <b>Note:</b>You may not modify the graph in the event handler for this event. Especially you may not prevent/undo the edge removal
        * that has triggered this event.
        * </p>
-       * @param {function(Object, yfiles.graph.EdgeEventArgs): void} listener The listener to remove.
+       * @param listener The listener to remove.
        * @see yfiles.graph.IGraph#remove
        * @see yfiles.input.GraphEditorInputMode#addDeletedItemListener
        * @see yfiles.graph.IGraph#addEdgeRemovedListener
@@ -54065,7 +53215,7 @@ declare namespace system{
        * This event is intended to provide notification of low level changes in the graph structure.
        * <b>Note:</b>You may not modify the graph in the event handler for this event.
        * </p>
-       * @param {function(Object, yfiles.graph.ItemChangedEventArgs.<yfiles.graph.IEdge,yfiles.styles.IEdgeStyle>): void} listener The listener to add.
+       * @param listener The listener to add.
        * @see yfiles.graph.IGraph#setStyle
        * @see yfiles.graph.IGraph#removeEdgeStyleChangedListener
        * @abstract
@@ -54077,7 +53227,7 @@ declare namespace system{
        * This event is intended to provide notification of low level changes in the graph structure.
        * <b>Note:</b>You may not modify the graph in the event handler for this event.
        * </p>
-       * @param {function(Object, yfiles.graph.ItemChangedEventArgs.<yfiles.graph.IEdge,yfiles.styles.IEdgeStyle>): void} listener The listener to remove.
+       * @param listener The listener to remove.
        * @see yfiles.graph.IGraph#setStyle
        * @see yfiles.graph.IGraph#addEdgeStyleChangedListener
        * @abstract
@@ -54089,7 +53239,7 @@ declare namespace system{
        * This event is intended to provide notification of low level changes in the graph structure.
        * <b>Note:</b>You may not modify the graph in the event handler for this event.
        * </p>
-       * @param {function(Object, yfiles.graph.EdgeEventArgs): void} listener The listener to add.
+       * @param listener The listener to add.
        * @see yfiles.graph.IGraph#setEdgePorts
        * @see yfiles.graph.IGraph#removeEdgePortsChangedListener
        * @abstract
@@ -54101,7 +53251,7 @@ declare namespace system{
        * This event is intended to provide notification of low level changes in the graph structure.
        * <b>Note:</b>You may not modify the graph in the event handler for this event.
        * </p>
-       * @param {function(Object, yfiles.graph.EdgeEventArgs): void} listener The listener to remove.
+       * @param listener The listener to remove.
        * @see yfiles.graph.IGraph#setEdgePorts
        * @see yfiles.graph.IGraph#addEdgePortsChangedListener
        * @abstract
@@ -54113,7 +53263,7 @@ declare namespace system{
        * This event is intended to provide notification of low level changes in the graph structure.
        * <b>Note:</b>You may not modify the graph in the event handler for this event.
        * </p>
-       * @param {function(Object, yfiles.graph.ItemChangedEventArgs.<yfiles.graph.IEdge,Object>): void} listener The listener to add.
+       * @param listener The listener to add.
        * @see yfiles.graph.ITagOwner#tag
        * @see yfiles.graph.IGraph#removeEdgeTagChangedListener
        * @abstract
@@ -54125,7 +53275,7 @@ declare namespace system{
        * This event is intended to provide notification of low level changes in the graph structure.
        * <b>Note:</b>You may not modify the graph in the event handler for this event.
        * </p>
-       * @param {function(Object, yfiles.graph.ItemChangedEventArgs.<yfiles.graph.IEdge,Object>): void} listener The listener to remove.
+       * @param listener The listener to remove.
        * @see yfiles.graph.ITagOwner#tag
        * @see yfiles.graph.IGraph#addEdgeTagChangedListener
        * @abstract
@@ -54139,7 +53289,7 @@ declare namespace system{
        * <b>Note:</b>You may not modify the graph in the event handler for this event. Especially you may not prevent/undo the bend creation
        * that has triggered this event.
        * </p>
-       * @param {function(Object, yfiles.collections.ItemEventArgs.<yfiles.graph.IBend>): void} listener The listener to add.
+       * @param listener The listener to add.
        * @see yfiles.graph.IGraph#addBend
        * @see yfiles.input.CreateBendInputMode#addBendCreatedListener
        * @see yfiles.graph.IGraph#removeBendAddedListener
@@ -54154,7 +53304,7 @@ declare namespace system{
        * <b>Note:</b>You may not modify the graph in the event handler for this event. Especially you may not prevent/undo the bend creation
        * that has triggered this event.
        * </p>
-       * @param {function(Object, yfiles.collections.ItemEventArgs.<yfiles.graph.IBend>): void} listener The listener to remove.
+       * @param listener The listener to remove.
        * @see yfiles.graph.IGraph#addBend
        * @see yfiles.input.CreateBendInputMode#addBendCreatedListener
        * @see yfiles.graph.IGraph#addBendAddedListener
@@ -54173,7 +53323,7 @@ declare namespace system{
        * <b>Note:</b>You may not modify the graph in the event handler for this event. Especially you may not prevent/undo the bend removal
        * that has triggered this event.
        * </p>
-       * @param {function(Object, yfiles.graph.BendEventArgs): void} listener The listener to add.
+       * @param listener The listener to add.
        * @see yfiles.graph.IGraph#remove
        * @see yfiles.input.GraphEditorInputMode#addDeletedItemListener
        * @see yfiles.graph.IGraph#removeBendRemovedListener
@@ -54193,7 +53343,7 @@ declare namespace system{
        * <b>Note:</b>You may not modify the graph in the event handler for this event. Especially you may not prevent/undo the bend removal
        * that has triggered this event.
        * </p>
-       * @param {function(Object, yfiles.graph.BendEventArgs): void} listener The listener to remove.
+       * @param listener The listener to remove.
        * @see yfiles.graph.IGraph#remove
        * @see yfiles.input.GraphEditorInputMode#addDeletedItemListener
        * @see yfiles.graph.IGraph#addBendRemovedListener
@@ -54206,7 +53356,7 @@ declare namespace system{
        * This event is intended to provide notification of low level changes in the graph structure.
        * <b>Note:</b>You may not modify the graph in the event handler for this event.
        * </p>
-       * @param {function(Object, yfiles.graph.IBend, yfiles.geometry.Point): void} listener The listener to add.
+       * @param listener The listener to add.
        * @see yfiles.graph.IGraph#setBendLocation
        * @see yfiles.graph.IGraph#removeBendLocationChangedListener
        * @abstract
@@ -54218,7 +53368,7 @@ declare namespace system{
        * This event is intended to provide notification of low level changes in the graph structure.
        * <b>Note:</b>You may not modify the graph in the event handler for this event.
        * </p>
-       * @param {function(Object, yfiles.graph.IBend, yfiles.geometry.Point): void} listener The listener to remove.
+       * @param listener The listener to remove.
        * @see yfiles.graph.IGraph#setBendLocation
        * @see yfiles.graph.IGraph#addBendLocationChangedListener
        * @abstract
@@ -54230,7 +53380,7 @@ declare namespace system{
        * This event is intended to provide notification of low level changes in the graph structure.
        * <b>Note:</b>You may not modify the graph in the event handler for this event.
        * </p>
-       * @param {function(Object, yfiles.graph.ItemChangedEventArgs.<yfiles.graph.IBend,Object>): void} listener The listener to add.
+       * @param listener The listener to add.
        * @see yfiles.graph.ITagOwner#tag
        * @see yfiles.graph.IGraph#removeBendTagChangedListener
        * @abstract
@@ -54242,7 +53392,7 @@ declare namespace system{
        * This event is intended to provide notification of low level changes in the graph structure.
        * <b>Note:</b>You may not modify the graph in the event handler for this event.
        * </p>
-       * @param {function(Object, yfiles.graph.ItemChangedEventArgs.<yfiles.graph.IBend,Object>): void} listener The listener to remove.
+       * @param listener The listener to remove.
        * @see yfiles.graph.ITagOwner#tag
        * @see yfiles.graph.IGraph#addBendTagChangedListener
        * @abstract
@@ -54256,7 +53406,7 @@ declare namespace system{
        * <b>Note:</b>You may not modify the graph in the event handler for this event. Especially you may not prevent/undo the label creation
        * that has triggered this event.
        * </p>
-       * @param {function(Object, yfiles.collections.ItemEventArgs.<yfiles.graph.ILabel>): void} listener The listener to add.
+       * @param listener The listener to add.
        * @see yfiles.graph.IGraph#addLabel
        * @see yfiles.input.GraphEditorInputMode#addLabelAddedListener
        * @see yfiles.graph.IGraph#removeLabelAddedListener
@@ -54271,7 +53421,7 @@ declare namespace system{
        * <b>Note:</b>You may not modify the graph in the event handler for this event. Especially you may not prevent/undo the label creation
        * that has triggered this event.
        * </p>
-       * @param {function(Object, yfiles.collections.ItemEventArgs.<yfiles.graph.ILabel>): void} listener The listener to remove.
+       * @param listener The listener to remove.
        * @see yfiles.graph.IGraph#addLabel
        * @see yfiles.input.GraphEditorInputMode#addLabelAddedListener
        * @see yfiles.graph.IGraph#addLabelAddedListener
@@ -54289,7 +53439,7 @@ declare namespace system{
        * <b>Note:</b>You may not modify the graph in the event handler for this event. Especially you may not prevent/undo the label removal
        * that has triggered this event.
        * </p>
-       * @param {function(Object, yfiles.graph.LabelEventArgs): void} listener The listener to add.
+       * @param listener The listener to add.
        * @see yfiles.graph.IGraph#remove
        * @see yfiles.input.GraphEditorInputMode#addDeletedItemListener
        * @see yfiles.input.GraphEditorInputMode#addLabelTextChangedListener
@@ -54309,7 +53459,7 @@ declare namespace system{
        * <b>Note:</b>You may not modify the graph in the event handler for this event. Especially you may not prevent/undo the label removal
        * that has triggered this event.
        * </p>
-       * @param {function(Object, yfiles.graph.LabelEventArgs): void} listener The listener to remove.
+       * @param listener The listener to remove.
        * @see yfiles.graph.IGraph#remove
        * @see yfiles.input.GraphEditorInputMode#addDeletedItemListener
        * @see yfiles.input.GraphEditorInputMode#addLabelTextChangedListener
@@ -54323,7 +53473,7 @@ declare namespace system{
        * This event is intended to provide notification of low level changes in the graph structure.
        * <b>Note:</b>You may not modify the graph in the event handler for this event.
        * </p>
-       * @param {function(Object, yfiles.graph.ItemChangedEventArgs.<yfiles.graph.ILabel,yfiles.styles.ILabelStyle>): void} listener The listener to add.
+       * @param listener The listener to add.
        * @see yfiles.graph.IGraph#setStyle
        * @see yfiles.graph.IGraph#removeLabelStyleChangedListener
        * @abstract
@@ -54335,7 +53485,7 @@ declare namespace system{
        * This event is intended to provide notification of low level changes in the graph structure.
        * <b>Note:</b>You may not modify the graph in the event handler for this event.
        * </p>
-       * @param {function(Object, yfiles.graph.ItemChangedEventArgs.<yfiles.graph.ILabel,yfiles.styles.ILabelStyle>): void} listener The listener to remove.
+       * @param listener The listener to remove.
        * @see yfiles.graph.IGraph#setStyle
        * @see yfiles.graph.IGraph#addLabelStyleChangedListener
        * @abstract
@@ -54348,7 +53498,7 @@ declare namespace system{
        * This event is intended to provide notification of low level changes in the graph structure.
        * <b>Note:</b>You may not modify the graph in the event handler for this event.
        * </p>
-       * @param {function(Object, yfiles.graph.ItemChangedEventArgs.<yfiles.graph.ILabel,yfiles.geometry.Size>): void} listener The listener to add.
+       * @param listener The listener to add.
        * @see yfiles.graph.IGraph#setLabelPreferredSize
        * @see yfiles.graph.IGraph#removeLabelPreferredSizeChangedListener
        * @abstract
@@ -54361,7 +53511,7 @@ declare namespace system{
        * This event is intended to provide notification of low level changes in the graph structure.
        * <b>Note:</b>You may not modify the graph in the event handler for this event.
        * </p>
-       * @param {function(Object, yfiles.graph.ItemChangedEventArgs.<yfiles.graph.ILabel,yfiles.geometry.Size>): void} listener The listener to remove.
+       * @param listener The listener to remove.
        * @see yfiles.graph.IGraph#setLabelPreferredSize
        * @see yfiles.graph.IGraph#addLabelPreferredSizeChangedListener
        * @abstract
@@ -54373,7 +53523,7 @@ declare namespace system{
        * This event is intended to provide notification of low level changes in the graph structure.
        * <b>Note:</b>You may not modify the graph in the event handler for this event.
        * </p>
-       * @param {function(Object, yfiles.graph.ItemChangedEventArgs.<yfiles.graph.ILabel,string>): void} listener The listener to add.
+       * @param listener The listener to add.
        * @see yfiles.graph.IGraph#setLabelText
        * @see yfiles.graph.IGraph#removeLabelTextChangedListener
        * @abstract
@@ -54385,7 +53535,7 @@ declare namespace system{
        * This event is intended to provide notification of low level changes in the graph structure.
        * <b>Note:</b>You may not modify the graph in the event handler for this event.
        * </p>
-       * @param {function(Object, yfiles.graph.ItemChangedEventArgs.<yfiles.graph.ILabel,string>): void} listener The listener to remove.
+       * @param listener The listener to remove.
        * @see yfiles.graph.IGraph#setLabelText
        * @see yfiles.graph.IGraph#addLabelTextChangedListener
        * @abstract
@@ -54398,7 +53548,7 @@ declare namespace system{
        * This event is intended to provide notification of low level changes in the graph structure.
        * <b>Note:</b>You may not modify the graph in the event handler for this event.
        * </p>
-       * @param {function(Object, yfiles.graph.ItemChangedEventArgs.<yfiles.graph.ILabel,yfiles.graph.ILabelModelParameter>): void} listener The listener to add.
+       * @param listener The listener to add.
        * @see yfiles.graph.IGraph#setLabelLayoutParameter
        * @see yfiles.graph.IGraph#removeLabelLayoutParameterChangedListener
        * @abstract
@@ -54411,7 +53561,7 @@ declare namespace system{
        * This event is intended to provide notification of low level changes in the graph structure.
        * <b>Note:</b>You may not modify the graph in the event handler for this event.
        * </p>
-       * @param {function(Object, yfiles.graph.ItemChangedEventArgs.<yfiles.graph.ILabel,yfiles.graph.ILabelModelParameter>): void} listener The listener to remove.
+       * @param listener The listener to remove.
        * @see yfiles.graph.IGraph#setLabelLayoutParameter
        * @see yfiles.graph.IGraph#addLabelLayoutParameterChangedListener
        * @abstract
@@ -54423,7 +53573,7 @@ declare namespace system{
        * This event is intended to provide notification of low level changes in the graph structure.
        * <b>Note:</b>You may not modify the graph in the event handler for this event.
        * </p>
-       * @param {function(Object, yfiles.graph.ItemChangedEventArgs.<yfiles.graph.ILabel,Object>): void} listener The listener to add.
+       * @param listener The listener to add.
        * @see yfiles.graph.ITagOwner#tag
        * @see yfiles.graph.IGraph#removeLabelTagChangedListener
        * @abstract
@@ -54435,7 +53585,7 @@ declare namespace system{
        * This event is intended to provide notification of low level changes in the graph structure.
        * <b>Note:</b>You may not modify the graph in the event handler for this event.
        * </p>
-       * @param {function(Object, yfiles.graph.ItemChangedEventArgs.<yfiles.graph.ILabel,Object>): void} listener The listener to remove.
+       * @param listener The listener to remove.
        * @see yfiles.graph.ITagOwner#tag
        * @see yfiles.graph.IGraph#addLabelTagChangedListener
        * @abstract
@@ -54448,7 +53598,7 @@ declare namespace system{
        * <b>Note:</b>You may not modify the graph in the event handler for this event. Especially you may not prevent/undo the port creation
        * that has triggered this event.
        * </p>
-       * @param {function(Object, yfiles.collections.ItemEventArgs.<yfiles.graph.IPort>): void} listener The listener to add.
+       * @param listener The listener to add.
        * @see yfiles.graph.IGraph#addPort
        * @see yfiles.graph.IGraph#createEdge
        * @see yfiles.graph.IGraph#removePortAddedListener
@@ -54462,7 +53612,7 @@ declare namespace system{
        * <b>Note:</b>You may not modify the graph in the event handler for this event. Especially you may not prevent/undo the port creation
        * that has triggered this event.
        * </p>
-       * @param {function(Object, yfiles.collections.ItemEventArgs.<yfiles.graph.IPort>): void} listener The listener to remove.
+       * @param listener The listener to remove.
        * @see yfiles.graph.IGraph#addPort
        * @see yfiles.graph.IGraph#createEdge
        * @see yfiles.graph.IGraph#addPortAddedListener
@@ -54480,7 +53630,7 @@ declare namespace system{
        * <b>Note:</b>You may not modify the graph in the event handler for this event. Especially you may not prevent/undo the port removal
        * that has triggered this event.
        * </p>
-       * @param {function(Object, yfiles.graph.PortEventArgs): void} listener The listener to add.
+       * @param listener The listener to add.
        * @see yfiles.graph.IGraph#remove
        * @see yfiles.input.GraphEditorInputMode#addDeletedItemListener
        * @see yfiles.graph.IGraph#removePortRemovedListener
@@ -54498,7 +53648,7 @@ declare namespace system{
        * <b>Note:</b>You may not modify the graph in the event handler for this event. Especially you may not prevent/undo the port removal
        * that has triggered this event.
        * </p>
-       * @param {function(Object, yfiles.graph.PortEventArgs): void} listener The listener to remove.
+       * @param listener The listener to remove.
        * @see yfiles.graph.IGraph#remove
        * @see yfiles.input.GraphEditorInputMode#addDeletedItemListener
        * @see yfiles.graph.IGraph#addPortRemovedListener
@@ -54511,7 +53661,7 @@ declare namespace system{
        * This event is intended to provide notification of low level changes in the graph structure.
        * <b>Note:</b>You may not modify the graph in the event handler for this event.
        * </p>
-       * @param {function(Object, yfiles.graph.ItemChangedEventArgs.<yfiles.graph.IPort,yfiles.styles.IPortStyle>): void} listener The listener to add.
+       * @param listener The listener to add.
        * @see yfiles.graph.IGraph#setStyle
        * @see yfiles.graph.IGraph#removePortStyleChangedListener
        * @abstract
@@ -54523,7 +53673,7 @@ declare namespace system{
        * This event is intended to provide notification of low level changes in the graph structure.
        * <b>Note:</b>You may not modify the graph in the event handler for this event.
        * </p>
-       * @param {function(Object, yfiles.graph.ItemChangedEventArgs.<yfiles.graph.IPort,yfiles.styles.IPortStyle>): void} listener The listener to remove.
+       * @param listener The listener to remove.
        * @see yfiles.graph.IGraph#setStyle
        * @see yfiles.graph.IGraph#addPortStyleChangedListener
        * @abstract
@@ -54536,7 +53686,7 @@ declare namespace system{
        * This event is intended to provide notification of low level changes in the graph structure.
        * <b>Note:</b>You may not modify the graph in the event handler for this event.
        * </p>
-       * @param {function(Object, yfiles.graph.ItemChangedEventArgs.<yfiles.graph.IPort,yfiles.graph.IPortLocationModelParameter>): void} listener The listener to add.
+       * @param listener The listener to add.
        * @see yfiles.graph.IGraph#setPortLocationParameter
        * @see yfiles.graph.IGraph#removePortLocationParameterChangedListener
        * @abstract
@@ -54549,7 +53699,7 @@ declare namespace system{
        * This event is intended to provide notification of low level changes in the graph structure.
        * <b>Note:</b>You may not modify the graph in the event handler for this event.
        * </p>
-       * @param {function(Object, yfiles.graph.ItemChangedEventArgs.<yfiles.graph.IPort,yfiles.graph.IPortLocationModelParameter>): void} listener The listener to remove.
+       * @param listener The listener to remove.
        * @see yfiles.graph.IGraph#setPortLocationParameter
        * @see yfiles.graph.IGraph#addPortLocationParameterChangedListener
        * @abstract
@@ -54561,7 +53711,7 @@ declare namespace system{
        * This event is intended to provide notification of low level changes in the graph structure.
        * <b>Note:</b>You may not modify the graph in the event handler for this event.
        * </p>
-       * @param {function(Object, yfiles.graph.ItemChangedEventArgs.<yfiles.graph.IPort,Object>): void} listener The listener to add.
+       * @param listener The listener to add.
        * @see yfiles.graph.ITagOwner#tag
        * @see yfiles.graph.IGraph#removePortTagChangedListener
        * @abstract
@@ -54573,7 +53723,7 @@ declare namespace system{
        * This event is intended to provide notification of low level changes in the graph structure.
        * <b>Note:</b>You may not modify the graph in the event handler for this event.
        * </p>
-       * @param {function(Object, yfiles.graph.ItemChangedEventArgs.<yfiles.graph.IPort,Object>): void} listener The listener to remove.
+       * @param listener The listener to remove.
        * @see yfiles.graph.ITagOwner#tag
        * @see yfiles.graph.IGraph#addPortTagChangedListener
        * @abstract
@@ -54590,7 +53740,7 @@ declare namespace system{
        * event.
        * <br />
        * Event that will be triggered if an node has been reparented in the model.
-       * @param {function(Object, yfiles.graph.NodeEventArgs): void} listener The listener to add.
+       * @param listener The listener to add.
        * @see yfiles.graph.IGraph#removeParentChangedListener
        * @abstract
        */
@@ -54600,7 +53750,7 @@ declare namespace system{
        * event.
        * <br />
        * Event that will be triggered if an node has been reparented in the model.
-       * @param {function(Object, yfiles.graph.NodeEventArgs): void} listener The listener to remove.
+       * @param listener The listener to remove.
        * @see yfiles.graph.IGraph#addParentChangedListener
        * @abstract
        */
@@ -54610,7 +53760,7 @@ declare namespace system{
        * event.
        * <br />
        * Event that will be triggered if the group node status of a node has changed.
-       * @param {function(Object, yfiles.graph.NodeEventArgs): void} listener The listener to add.
+       * @param listener The listener to add.
        * @see yfiles.graph.IGraph#removeIsGroupNodeChangedListener
        * @abstract
        */
@@ -54620,14 +53770,13 @@ declare namespace system{
        * event.
        * <br />
        * Event that will be triggered if the group node status of a node has changed.
-       * @param {function(Object, yfiles.graph.NodeEventArgs): void} listener The listener to remove.
+       * @param listener The listener to remove.
        * @see yfiles.graph.IGraph#addIsGroupNodeChangedListener
        * @abstract
        */
       removeIsGroupNodeChangedListener(listener:(sender:Object,evt:yfiles.graph.NodeEventArgs)=>void):void;
       /**
        * Gets a {@link yfiles.graph.GraphDecorator} instance for use with the given graph.
-       * @returns A new {@link yfiles.graph.GraphDecorator}
        * @type {yfiles.graph.GraphDecorator}
        */
       decorator?:yfiles.graph.GraphDecorator;
@@ -54637,7 +53786,6 @@ declare namespace system{
        * {@link yfiles.graph.GroupingSupport} provides less frequently used methods for grouped graphs, such as methods for analyzing and
        * walking the grouping hierarchy.
        * </p>
-       * @returns 
        * @type {yfiles.graph.GroupingSupport}
        */
       groupingSupport?:yfiles.graph.GroupingSupport;
@@ -54647,9 +53795,8 @@ declare namespace system{
        * This convenience method uses the {@link yfiles.graph.ILookup#lookup} of the {@link yfiles.graph.IGraph} to obtain the
        * {@link yfiles.graph.IFoldingView}.
        * </p>
-       * @returns The implementation of the {@link yfiles.graph.IFoldingView} or <code>null</code> if the graph has not been created by a
-       * {@link yfiles.graph.FoldingManager}.
        * @see yfiles.graph.FoldingManager
+       * @see yfiles.graph.FoldingManager#createFoldingView
        * @type {yfiles.graph.IFoldingView}
        */
       foldingView?:yfiles.graph.IFoldingView;
@@ -54660,7 +53807,6 @@ declare namespace system{
        * This convenience method uses the {@link yfiles.graph.ILookup#lookup} of the {@link yfiles.graph.IGraph} to obtain the
        * {@link yfiles.graph.UndoEngine}.
        * </p>
-       * @returns The implementation of the {@link yfiles.graph.UndoEngine} or <code>null</code> if {@link yfiles.graph.DefaultGraph#undoEngineEnabled undo is not supported}.
        * @type {yfiles.graph.UndoEngine}
        */
       undoEngine?:yfiles.graph.UndoEngine;
@@ -54699,7 +53845,7 @@ declare namespace system{
      * {@link yfiles.graph.IGraph#addParentChangedListener ParentChanged}) it is unclear which {@link yfiles.graph.NodeEventArgs#parent} or {@link yfiles.graph.NodeEventArgs#isGroupNode} the node had before the event
      * this event can be used to carry exactly that information.
      * </p>
-     * @class yfiles.graph.NodeEventArgs
+     * @class
      * @extends {yfiles.collections.ItemEventArgs.<yfiles.graph.INode>}
      * @final
      */
@@ -54707,10 +53853,9 @@ declare namespace system{
     export class NodeEventArgs {
       /**
        * Creates a new instance.
-       * @param {yfiles.graph.INode} item The node that has changed.
-       * @param {yfiles.graph.INode} oldParent The parent the node had before this event.
-       * @param {boolean} oldIsGroupNode Whether the node was a group node before this event.
-       * @constructor
+       * @param item The node that has changed.
+       * @param oldParent The parent the node had before this event.
+       * @param oldIsGroupNode Whether the node was a group node before this event.
        */
       constructor(item:yfiles.graph.INode,oldParent:yfiles.graph.INode,oldIsGroupNode:boolean);
       /**
@@ -54733,7 +53878,7 @@ declare namespace system{
      * {@link yfiles.graph.IGraph#addEdgeRemovedListener EdgeRemoved}) it is unclear what {@link yfiles.graph.IEdge#sourcePort} and {@link yfiles.graph.IEdge#targetPort} the edge had been connected to
      * before the event, this event can be used to carry exactly that information.
      * </p>
-     * @class yfiles.graph.EdgeEventArgs
+     * @class
      * @extends {yfiles.collections.ItemEventArgs.<yfiles.graph.IEdge>}
      * @final
      */
@@ -54741,23 +53886,21 @@ declare namespace system{
     export class EdgeEventArgs {
       /**
        * Initializes a new instance of the {@link yfiles.graph.EdgeEventArgs} class.
-       * @param {yfiles.graph.IEdge} edge The edge to assign to the {@link yfiles.collections.ItemEventArgs.<T>#item} property.
-       * @param {yfiles.graph.IPort} [sourcePort=null] The source port the edge was connected to before the event happened.
-       * @param {yfiles.graph.IPort} [targetPort=null] The target port the edge was connected to before the event happened.
-       * @param {yfiles.graph.IPortOwner} [sourcePortOwner=null] The owner of the source port the edge was connected to before the event happened.
-       * @param {yfiles.graph.IPortOwner} [targetPortOwner=null] The owner of the target port the edge was connected to before the event happened.
-       * @constructor
+       * @param edge The edge to assign to the {@link #item} property.
+       * @param [sourcePort=null] The source port the edge was connected to before the event happened.
+       * @param [targetPort=null] The target port the edge was connected to before the event happened.
+       * @param [sourcePortOwner=null] The owner of the source port the edge was connected to before the event happened.
+       * @param [targetPortOwner=null] The owner of the target port the edge was connected to before the event happened.
        */
       constructor(edge:yfiles.graph.IEdge,sourcePort?:yfiles.graph.IPort,targetPort?:yfiles.graph.IPort,sourcePortOwner?:yfiles.graph.IPortOwner,targetPortOwner?:yfiles.graph.IPortOwner);
       /**
        * Initializes a new instance of the {@link yfiles.graph.EdgeEventArgs} class.
        * @param {Object} options The parameters to pass.
-       * @param {yfiles.graph.IEdge} options.edge The edge to assign to the {@link yfiles.collections.ItemEventArgs.<T>#item} property.
-       * @param {yfiles.graph.IPort} [options.sourcePort=null] The source port the edge was connected to before the event happened.
-       * @param {yfiles.graph.IPort} [options.targetPort=null] The target port the edge was connected to before the event happened.
-       * @param {yfiles.graph.IPortOwner} [options.sourcePortOwner=null] The owner of the source port the edge was connected to before the event happened.
-       * @param {yfiles.graph.IPortOwner} [options.targetPortOwner=null] The owner of the target port the edge was connected to before the event happened.
-       * @constructor
+       * @param options.edge The edge to assign to the {@link #item} property.
+       * @param [options.sourcePort=null] The source port the edge was connected to before the event happened.
+       * @param [options.targetPort=null] The target port the edge was connected to before the event happened.
+       * @param [options.sourcePortOwner=null] The owner of the source port the edge was connected to before the event happened.
+       * @param [options.targetPortOwner=null] The owner of the target port the edge was connected to before the event happened.
        */
       constructor(options:{edge:yfiles.graph.IEdge,sourcePort?:yfiles.graph.IPort,targetPort?:yfiles.graph.IPort,sourcePortOwner?:yfiles.graph.IPortOwner,targetPortOwner?:yfiles.graph.IPortOwner});
       /**
@@ -54789,7 +53932,7 @@ declare namespace system{
      * Since for some events ({@link yfiles.graph.IGraph#addPortRemovedListener PortRemoved}) it is unclear what {@link yfiles.graph.IPort#owner} the port had
      * been attached to before the event, this event can be used to carry exactly that information.
      * </p>
-     * @class yfiles.graph.PortEventArgs
+     * @class
      * @extends {yfiles.collections.ItemEventArgs.<yfiles.graph.IPort>}
      * @final
      */
@@ -54797,9 +53940,8 @@ declare namespace system{
     export class PortEventArgs {
       /**
        * Initializes a new instance of the {@link yfiles.graph.PortEventArgs} class.
-       * @param {yfiles.graph.IPort} port The port to assign to the {@link yfiles.collections.ItemEventArgs.<T>#item} property.
-       * @param {yfiles.graph.IPortOwner} owner The owner of the port the port was attached to.
-       * @constructor
+       * @param port The port to assign to the {@link #item} property.
+       * @param owner The owner of the port the port was attached to.
        */
       constructor(port:yfiles.graph.IPort,owner:yfiles.graph.IPortOwner);
       /**
@@ -54816,7 +53958,7 @@ declare namespace system{
      * Since for some events ({@link yfiles.graph.IGraph#addLabelRemovedListener LabelRemoved}) it is unclear what {@link yfiles.graph.ILabel#owner} the label
      * was owned by before the event, this event can be used to carry exactly that information.
      * </p>
-     * @class yfiles.graph.LabelEventArgs
+     * @class
      * @extends {yfiles.collections.ItemEventArgs.<yfiles.graph.ILabel>}
      * @final
      */
@@ -54824,9 +53966,8 @@ declare namespace system{
     export class LabelEventArgs {
       /**
        * Initializes a new instance of the {@link yfiles.graph.LabelEventArgs} class.
-       * @param {yfiles.graph.ILabel} label The label to assign to the {@link yfiles.collections.ItemEventArgs.<T>#item} property.
-       * @param {yfiles.graph.ILabelOwner} owner The previous owner of the label.
-       * @constructor
+       * @param label The label to assign to the {@link #item} property.
+       * @param owner The previous owner of the label.
        */
       constructor(label:yfiles.graph.ILabel,owner:yfiles.graph.ILabelOwner);
       /**
@@ -54843,7 +53984,7 @@ declare namespace system{
      * Since for some events ({@link yfiles.graph.IGraph#addBendRemovedListener BendRemoved}) it is unclear what {@link yfiles.graph.IBend#owner} the bend was
      * owned by before the event, this event can be used to carry exactly that information.
      * </p>
-     * @class yfiles.graph.BendEventArgs
+     * @class
      * @extends {yfiles.collections.ItemEventArgs.<yfiles.graph.IBend>}
      * @final
      */
@@ -54851,10 +53992,9 @@ declare namespace system{
     export class BendEventArgs {
       /**
        * Initializes a new instance of the {@link yfiles.graph.BendEventArgs} class.
-       * @param {yfiles.graph.IBend} bend The bend to assign to the {@link yfiles.collections.ItemEventArgs.<T>#item} property.
-       * @param {yfiles.graph.IEdge} owner The previous owner of the bend.
-       * @param {number} index The previous index of the bend in the {@link yfiles.graph.IEdge#bends} list.
-       * @constructor
+       * @param bend The bend to assign to the {@link #item} property.
+       * @param owner The previous owner of the bend.
+       * @param index The previous index of the bend in the {@link #bends} list.
        */
       constructor(bend:yfiles.graph.IBend,owner:yfiles.graph.IEdge,index:number);
       /**
@@ -54873,7 +54013,7 @@ declare namespace system{
      * Event argument class used by {@link yfiles.graph.IGraph} if a model item's property has been changed.
      * Type parameter <code>TItem</code>: The type of the item contained in the event.
      * Type parameter <code>TValue</code>: The type of the item's property that has been changed.
-     * @class yfiles.graph.ItemChangedEventArgs.<TItem,TValue>
+     * @class
      * @extends {yfiles.collections.ItemEventArgs.<TItem>}
      * @template TItem,TValue
      */
@@ -54881,9 +54021,8 @@ declare namespace system{
     export class ItemChangedEventArgs<TItem,TValue> {
       /**
        * Initializes a new instance of the {@link yfiles.graph.ItemChangedEventArgs.<TItem,TValue>} class.
-       * @param {TItem} item The item whose property has been changed.
-       * @param {TValue} oldValue The value of the property before the change.
-       * @constructor
+       * @param item The item whose property has been changed.
+       * @param oldValue The value of the property before the change.
        */
       constructor(item:TItem,oldValue:TValue);
       /**
@@ -54967,7 +54106,6 @@ declare namespace system{
       layoutParameter:yfiles.graph.ILabelModelParameter;
       /**
        * Gets the index of the label at its {@link yfiles.graph.ILabel#owner}.
-       * @returns The zero based index of the label in the {@link yfiles.graph.ILabelOwner#labels} list; <code>-1</code> if the label is not part of a label owner.
        * @type {number}
        */
       index?:number;
@@ -54980,7 +54118,6 @@ declare namespace system{
        * determined using a pair of {@link yfiles.graph.ILabelModel} and {@link yfiles.graph.ILabelModelParameter}. In order to modify the layout
        * of a label instance, set another {@link yfiles.graph.ILabel#layoutParameter} for this label or modify its associated instance.
        * </p>
-       * @returns The current label layout.
        * @type {yfiles.geometry.IOrientedRectangle}
        */
       layout?:yfiles.geometry.IOrientedRectangle;
@@ -55009,8 +54146,8 @@ declare namespace system{
        * Most implementations will yield either, a {@link yfiles.lang.ICloneable#clone clone} of or the {@link yfiles.graph.ILabelDefaults#layoutParameter} property, if {@link yfiles.graph.ILabelDefaults#shareLayoutParameterInstance} is enabled, but they might use more complicated
        * logic, too.
        * </p>
-       * @param {yfiles.graph.ILabelOwner} owner The owner of the label that will be created.
-       * @returns {yfiles.graph.ILabelModelParameter} The parameter to use, which for most implementations is either a {@link yfiles.lang.ICloneable#clone clone} of or the {@link yfiles.graph.ILabelDefaults#layoutParameter} property, if {@link yfiles.graph.ILabelDefaults#shareLayoutParameterInstance} is enabled.
+       * @param owner The owner of the label that will be created.
+       * @returns The parameter to use, which for most implementations is either a {@link #clone clone} of or the {@link #layoutParameter} property, if {@link #shareLayoutParameterInstance} is enabled.
        * @abstract
        */
       getLayoutParameterInstance(owner:yfiles.graph.ILabelOwner):yfiles.graph.ILabelModelParameter;
@@ -55020,8 +54157,8 @@ declare namespace system{
        * Most implementations will yield either, a {@link yfiles.lang.ICloneable#clone clone} of or the {@link yfiles.graph.ILabelDefaults#style} property, if {@link yfiles.graph.ILabelDefaults#shareStyleInstance} is enabled, but they might use more complicated
        * logic, too.
        * </p>
-       * @param {yfiles.graph.ILabelOwner} owner The owner of the label that will be created.
-       * @returns {yfiles.styles.ILabelStyle} The style to use, which for most implementations is either a {@link yfiles.lang.ICloneable#clone clone} of or the {@link yfiles.graph.ILabelDefaults#style} property, if {@link yfiles.graph.ILabelDefaults#shareStyleInstance} is enabled.
+       * @param owner The owner of the label that will be created.
+       * @returns The style to use, which for most implementations is either a {@link #clone clone} of or the {@link #style} property, if {@link #shareStyleInstance} is enabled.
        * @abstract
        */
       getStyleInstance(owner:yfiles.graph.ILabelOwner):yfiles.styles.ILabelStyle;
@@ -55111,15 +54248,15 @@ declare namespace system{
     export interface ILabelModel extends Object,yfiles.graph.ILookup{
       /**
        * Creates a default parameter that can be used for this model.
-       * @returns {yfiles.graph.ILabelModelParameter} a parameter for this model instance
+       * @returns a parameter for this model instance
        * @abstract
        */
       createDefaultParameter():yfiles.graph.ILabelModelParameter;
       /**
        * Provides a {@link yfiles.graph.ILookup lookup context} for the given combination of label and parameter.
-       * @param {yfiles.graph.ILabel} label The label to use in the context.
-       * @param {yfiles.graph.ILabelModelParameter} layoutParameter The parameter to use for the label in the context.
-       * @returns {yfiles.graph.ILookup} An implementation of the {@link yfiles.graph.ILookup} interface that can be used to query additional aspects of the
+       * @param label The label to use in the context.
+       * @param layoutParameter The parameter to use for the label in the context.
+       * @returns An implementation of the {@link } interface that can be used to query additional aspects of the
        * label/parameter combination.
        * @see yfiles.graph.ILookup#EMPTY
        * @abstract
@@ -55127,10 +54264,10 @@ declare namespace system{
       getContext(label:yfiles.graph.ILabel,layoutParameter:yfiles.graph.ILabelModelParameter):yfiles.graph.ILookup;
       /**
        * Calculates the {@link yfiles.geometry.IOrientedRectangle geometry} of the given label using the given model parameter.
-       * @param {yfiles.graph.ILabel} label The label to calculate the geometry for.
-       * @param {yfiles.graph.ILabelModelParameter} layoutParameter A parameter that is compatible with this model. Typically, this is a parameter that has been created by this model, and
-       * its property {@link yfiles.graph.ILabelModelParameter#model} returns this instance.
-       * @returns {yfiles.geometry.IOrientedRectangle} An {@link yfiles.geometry.IOrientedRectangle} that describes the geometry of the label. This is typically designed as a
+       * @param label The label to calculate the geometry for.
+       * @param layoutParameter A parameter that is compatible with this model. Typically, this is a parameter that has been created by this model, and
+       * its property {@link #model} returns this instance.
+       * @returns An {@link } that describes the geometry of the label. This is typically designed as a
        * flyweight, therefore clients should not cache the instance but store the values if they need a snapshot for later use.
        * @abstract
        */
@@ -55212,9 +54349,9 @@ declare namespace system{
     export interface ILabelCandidateDescriptorProvider extends Object{
       /**
        * Gets the descriptor for a given pair of a label and a {@link yfiles.graph.ILabelModelParameter}.
-       * @param {yfiles.graph.ILabel} label The label to possibly assign the <code>layoutParameter</code>.
-       * @param {yfiles.graph.ILabelModelParameter} layoutParameter The parameter to provide a descriptor for if applied to the given <code>label</code>.
-       * @returns {yfiles.graph.ILabelCandidateDescriptor} A descriptor or <code>null</code>.
+       * @param label The label to possibly assign the <code>layoutParameter</code>.
+       * @param layoutParameter The parameter to provide a descriptor for if applied to the given <code>label</code>.
+       * @returns A descriptor or <code>null</code>.
        * @abstract
        */
       getDescriptor(label:yfiles.graph.ILabel,layoutParameter:yfiles.graph.ILabelModelParameter):yfiles.graph.ILabelCandidateDescriptor;
@@ -55226,7 +54363,7 @@ declare namespace system{
     /**
      * An implementation of the {@link yfiles.graph.ILabelCandidateDescriptorProvider} interface that always yields a constant
      * {@link yfiles.graph.ILabelCandidateDescriptor}.
-     * @class yfiles.graph.ConstantLabelCandidateDescriptorProvider
+     * @class
      * @implements {yfiles.graph.ILabelCandidateDescriptorProvider}
      * @final
      */
@@ -55235,15 +54372,14 @@ declare namespace system{
       /**
        * Initializes a new instance of the {@link yfiles.graph.ConstantLabelCandidateDescriptorProvider} class that always yields <code>descriptor</code>
        * in {@link yfiles.graph.ConstantLabelCandidateDescriptorProvider#getDescriptor}.
-       * @param {yfiles.graph.ILabelCandidateDescriptor} descriptor The descriptor to yield in {@link yfiles.graph.ConstantLabelCandidateDescriptorProvider#getDescriptor}.
-       * @constructor
+       * @param descriptor The descriptor to yield in {@link #getDescriptor}.
        */
       constructor(descriptor:yfiles.graph.ILabelCandidateDescriptor);
       /**
        * Always yields the parameter that has been passed to the constructor.
-       * @param {yfiles.graph.ILabel} label
-       * @param {yfiles.graph.ILabelModelParameter} layoutParameter
-       * @returns {yfiles.graph.ILabelCandidateDescriptor} 
+       * @param label
+       * @param layoutParameter
+       * @returns 
        */
       getDescriptor(label:yfiles.graph.ILabel,layoutParameter:yfiles.graph.ILabelModelParameter):yfiles.graph.ILabelCandidateDescriptor;
       /**
@@ -55269,7 +54405,7 @@ declare namespace system{
      * <p>
      * All properties are read/write in this implementation.
      * </p>
-     * @class yfiles.graph.LabelCandidateDescriptor
+     * @class
      * @implements {yfiles.graph.ILabelCandidateDescriptor}
      */
     export interface LabelCandidateDescriptor extends Object,yfiles.graph.ILabelCandidateDescriptor{}
@@ -55336,8 +54472,8 @@ declare namespace system{
        * A parameter must not necessarily support all types of labels. This method returns whether it supports the given <code>label</code>.
        * For example, a parameter might only support labels that are owned by an {@link yfiles.graph.INode}.
        * </p>
-       * @param {yfiles.graph.ILabel} label The label to test.
-       * @returns {boolean} <code>true</code> if this instance can be used for the given label, <code>false</code> otherwise.
+       * @param label The label to test.
+       * @returns <code>true</code> if this instance can be used for the given label, <code>false</code> otherwise.
        * @abstract
        */
       supports(label:yfiles.graph.ILabel):boolean;
@@ -55369,10 +54505,10 @@ declare namespace system{
        * This method may not necessarily find a parameter that matches the provided layout exactly. Implementations may choose to
        * simply return the model's {@link yfiles.graph.ILabelModel#createDefaultParameter default parameter} but may never return <code>null</code>.
        * </p>
-       * @param {yfiles.graph.ILabel} label The label to find a parameter for.
-       * @param {yfiles.graph.ILabelModel} model The model instance to use. This should be the instance this instance has been obtained from.
-       * @param {yfiles.geometry.IOrientedRectangle} layout The anticipated layout for the label.
-       * @returns {yfiles.graph.ILabelModelParameter} A non-<code>null</code> parameter that can be used for the label to approximate the provided layout.
+       * @param label The label to find a parameter for.
+       * @param model The model instance to use. This should be the instance this instance has been obtained from.
+       * @param layout The anticipated layout for the label.
+       * @returns A non-<code>null</code> parameter that can be used for the label to approximate the provided layout.
        * @abstract
        */
       findBestParameter(label:yfiles.graph.ILabel,model:yfiles.graph.ILabelModel,layout:yfiles.geometry.IOrientedRectangle):yfiles.graph.ILabelModelParameter;
@@ -55388,7 +54524,7 @@ declare namespace system{
      * This implementation uses a metric to find the closest of the provided parameter candidates to the layout provided in
      * {@link yfiles.graph.DefaultLabelModelParameterFinder#selectBestParameter}.
      * </p>
-     * @class yfiles.graph.DefaultLabelModelParameterFinder
+     * @class
      * @implements {yfiles.graph.ILabelModelParameterFinder}
      */
     export interface DefaultLabelModelParameterFinder extends Object,yfiles.graph.ILabelModelParameterFinder{}
@@ -55399,10 +54535,10 @@ declare namespace system{
        * This implementation gets the geometry from the parameter's model's {@link yfiles.graph.ILabelModel#getGeometry} method and
        * returns the result of a call to {@link yfiles.graph.DefaultLabelModelParameterFinder#distance}.
        * </p>
-       * @param {yfiles.graph.ILabel} label The label to apply the parameter to.
-       * @param {yfiles.graph.ILabelModelParameter} layoutParameter The parameter candidate.
-       * @param {yfiles.geometry.IOrientedRectangle} layout The targeted layout rectangle.
-       * @returns {number} A metric that indicates the distance between the candidate's layout and the target layout.
+       * @param label The label to apply the parameter to.
+       * @param layoutParameter The parameter candidate.
+       * @param layout The targeted layout rectangle.
+       * @returns A metric that indicates the distance between the candidate's layout and the target layout.
        * @protected
        */
       calculateMetric(label:yfiles.graph.ILabel,layoutParameter:yfiles.graph.ILabelModelParameter,layout:yfiles.geometry.IOrientedRectangle):number;
@@ -55412,9 +54548,9 @@ declare namespace system{
        * The distance is calculated using the Euclidean distance between the two centers and the angular deviation between the
        * two up vectors.
        * </p>
-       * @param {yfiles.geometry.IOrientedRectangle} rectangle1 The first geometry.
-       * @param {yfiles.geometry.IOrientedRectangle} rectangle2 The geometry to compare the first one with.
-       * @returns {number} A value indicating the distance between the two instances.
+       * @param rectangle1 The first geometry.
+       * @param rectangle2 The geometry to compare the first one with.
+       * @returns A value indicating the distance between the two instances.
        * @protected
        */
       distance(rectangle1:yfiles.geometry.IOrientedRectangle,rectangle2:yfiles.geometry.IOrientedRectangle):number;
@@ -55426,17 +54562,17 @@ declare namespace system{
        * {@link yfiles.graph.DefaultLabelModelParameterFinder#calculateMetric}. If no parameter can be found this method returns the {@link yfiles.graph.ILabelModel#createDefaultParameter default parameter}
        * for the model.
        * </p>
-       * @param {yfiles.graph.ILabel} label The label to find a parameter for.
-       * @param {yfiles.graph.ILabelModel} model The model instance to use. This should be the instance this instance has been obtained from.
-       * @param {yfiles.geometry.IOrientedRectangle} layout The anticipated layout for the label.
-       * @returns {yfiles.graph.ILabelModelParameter} A non-<code>null</code> parameter that can be used for the label to approximate the provided layout.
+       * @param label The label to find a parameter for.
+       * @param model The model instance to use. This should be the instance this instance has been obtained from.
+       * @param layout The anticipated layout for the label.
+       * @returns A non-<code>null</code> parameter that can be used for the label to approximate the provided layout.
        */
       findBestParameter(label:yfiles.graph.ILabel,model:yfiles.graph.ILabelModel,layout:yfiles.geometry.IOrientedRectangle):yfiles.graph.ILabelModelParameter;
       /**
        * Retrieves an enumerator over all candidates for a given label and model.
-       * @param {yfiles.graph.ILabel} label The label.
-       * @param {yfiles.graph.ILabelModel} model The model of the label.
-       * @returns {yfiles.collections.IEnumerable.<yfiles.graph.ILabelModelParameter>} An enumerator over the candidates. The enumerator may be empty.
+       * @param label The label.
+       * @param model The model of the label.
+       * @returns An enumerator over the candidates. The enumerator may be empty.
        * @protected
        */
       getCandidateParameters(label:yfiles.graph.ILabel,model:yfiles.graph.ILabelModel):yfiles.collections.IEnumerable<yfiles.graph.ILabelModelParameter>;
@@ -55446,10 +54582,10 @@ declare namespace system{
        * <p>
        * Null may be returned if an empty enumerable is passed.
        * </p>
-       * @param {yfiles.graph.ILabel} label The label to find a parameter for.
-       * @param {yfiles.geometry.IOrientedRectangle} layout The anticipated layout for the label.
-       * @param {yfiles.collections.IEnumerable.<yfiles.graph.ILabelModelParameter>} layoutParameters A set of parameters to choose from.
-       * @returns {yfiles.graph.ILabelModelParameter} A parameter that can be used for the label to approximate the provided layout.
+       * @param label The label to find a parameter for.
+       * @param layout The anticipated layout for the label.
+       * @param layoutParameters A set of parameters to choose from.
+       * @returns A parameter that can be used for the label to approximate the provided layout.
        */
       selectBestParameter(label:yfiles.graph.ILabel,layout:yfiles.geometry.IOrientedRectangle,layoutParameters:yfiles.collections.IEnumerable<yfiles.graph.ILabelModelParameter>):yfiles.graph.ILabelModelParameter;
       /**
@@ -55474,9 +54610,9 @@ declare namespace system{
       /**
        * Returns an enumerator over a set of possible {@link yfiles.graph.ILabelModelParameter} instances that can be used for the given
        * label and model.
-       * @param {yfiles.graph.ILabel} label The label instance to use.
-       * @param {yfiles.graph.ILabelModel} model The model to provide parameters for.
-       * @returns {yfiles.collections.IEnumerable.<yfiles.graph.ILabelModelParameter>} A possibly empty enumerator over a set of label model parameters.
+       * @param label The label instance to use.
+       * @param model The model to provide parameters for.
+       * @returns A possibly empty enumerator over a set of label model parameters.
        * @abstract
        */
       getParameters(label:yfiles.graph.ILabel,model:yfiles.graph.ILabelModel):yfiles.collections.IEnumerable<yfiles.graph.ILabelModelParameter>;
@@ -55533,10 +54669,10 @@ declare namespace system{
        * </p>
        * Type parameter <code>K</code>: The key type for the mapper.
        * Type parameter <code>V</code>: The value type for the mapper.
-       * @param {yfiles.lang.Class} valueType The value type for the mapper.
-       * @param {yfiles.lang.Class} keyType The key type for the mapper.
-       * @param {Object} tag The tag to use.
-       * @param {yfiles.collections.IMapper.<K,V>} mapper The mapper to register.
+       * @param valueType The value type for the mapper.
+       * @param keyType The key type for the mapper.
+       * @param tag The tag to use.
+       * @param mapper The mapper to register.
        * @template K,V
        * @abstract
        */
@@ -55549,9 +54685,9 @@ declare namespace system{
        * <code>tag</code>, it will be replaced.
        * </p>
        * Type parameter <code>V</code>: The type of the values of the mapper.
-       * @param {yfiles.algorithms.ILabelLayoutDpKey.<V>} tag The tag.
-       * @param {V} constant The value to yield during {@link yfiles.collections.IMapper.<K,V>} reads.
-       * @returns {yfiles.collections.IMapper.<yfiles.graph.ILabel,V>} The newly created mapper instance.
+       * @param tag The tag.
+       * @param constant The value to yield during {@link } reads.
+       * @returns The newly created mapper instance.
        * @see yfiles.collections.IMapper.<K,V>#fromDelegate
        * @template V
        */
@@ -55564,9 +54700,9 @@ declare namespace system{
        * <code>tag</code>, it will be replaced.
        * </p>
        * Type parameter <code>V</code>: The type of the values of the mapper.
-       * @param {yfiles.algorithms.EdgeDpKey.<V>} tag The tag.
-       * @param {V} constant The value to yield during {@link yfiles.collections.IMapper.<K,V>} reads.
-       * @returns {yfiles.collections.IMapper.<yfiles.graph.IEdge,V>} The newly created mapper instance.
+       * @param tag The tag.
+       * @param constant The value to yield during {@link } reads.
+       * @returns The newly created mapper instance.
        * @see yfiles.collections.IMapper.<K,V>#fromDelegate
        * @template V
        */
@@ -55579,9 +54715,9 @@ declare namespace system{
        * <code>tag</code>, it will be replaced.
        * </p>
        * Type parameter <code>V</code>: The type of the values of the mapper.
-       * @param {yfiles.algorithms.NodeDpKey.<V>} tag The tag.
-       * @param {V} constant The value to yield during {@link yfiles.collections.IMapper.<K,V>} reads.
-       * @returns {yfiles.collections.IMapper.<yfiles.graph.INode,V>} The newly created mapper instance.
+       * @param tag The tag.
+       * @param constant The value to yield during {@link } reads.
+       * @returns The newly created mapper instance.
        * @see yfiles.collections.IMapper.<K,V>#fromDelegate
        * @template V
        */
@@ -55593,9 +54729,9 @@ declare namespace system{
        * </p>
        * Type parameter <code>K</code>: The type of the keys of the mapper.
        * Type parameter <code>V</code>: The type of the values of the mapper.
-       * @param {Object} tag The tag.
-       * @param {V} constant The value to yield during {@link yfiles.collections.IMapper.<K,V>} reads.
-       * @returns {yfiles.collections.IMapper.<K,V>} The newly created mapper instance.
+       * @param tag The tag.
+       * @param constant The value to yield during {@link } reads.
+       * @returns The newly created mapper instance.
        * @see yfiles.collections.IMapper.<K,V>#fromConstant
        * @template K,V
        */
@@ -55608,9 +54744,9 @@ declare namespace system{
        * <code>tag</code>, it will be replaced.
        * </p>
        * Type parameter <code>V</code>: The type of the values of the mapper.
-       * @param {yfiles.algorithms.ILabelLayoutDpKey.<V>} tag The tag.
-       * @param {function(yfiles.graph.ILabel): V} getter The getter delegate to which {@link yfiles.collections.IMapper.<K,V>} reads will be delegated.
-       * @returns {yfiles.collections.IMapper.<yfiles.graph.ILabel,V>} The newly created mapper instance.
+       * @param tag The tag.
+       * @param getter The getter delegate to which {@link } reads will be delegated.
+       * @returns The newly created mapper instance.
        * @see yfiles.collections.IMapper.<K,V>#fromDelegate
        * @template V
        */
@@ -55623,9 +54759,9 @@ declare namespace system{
        * <code>tag</code>, it will be replaced.
        * </p>
        * Type parameter <code>V</code>: The type of the values of the mapper.
-       * @param {yfiles.algorithms.EdgeDpKey.<V>} tag The tag.
-       * @param {function(yfiles.graph.IEdge): V} getter The getter delegate to which {@link yfiles.collections.IMapper.<K,V>} reads will be delegated.
-       * @returns {yfiles.collections.IMapper.<yfiles.graph.IEdge,V>} The newly created mapper instance.
+       * @param tag The tag.
+       * @param getter The getter delegate to which {@link } reads will be delegated.
+       * @returns The newly created mapper instance.
        * @see yfiles.collections.IMapper.<K,V>#fromDelegate
        * @template V
        */
@@ -55638,9 +54774,9 @@ declare namespace system{
        * <code>tag</code>, it will be replaced.
        * </p>
        * Type parameter <code>V</code>: The type of the values of the mapper.
-       * @param {yfiles.algorithms.NodeDpKey.<V>} tag The tag.
-       * @param {function(yfiles.graph.INode): V} getter The getter delegate to which {@link yfiles.collections.IMapper.<K,V>} reads will be delegated.
-       * @returns {yfiles.collections.IMapper.<yfiles.graph.INode,V>} The newly created mapper instance.
+       * @param tag The tag.
+       * @param getter The getter delegate to which {@link } reads will be delegated.
+       * @returns The newly created mapper instance.
        * @see yfiles.collections.IMapper.<K,V>#fromDelegate
        * @template V
        */
@@ -55652,9 +54788,9 @@ declare namespace system{
        * </p>
        * Type parameter <code>K</code>: The type of the keys of the mapper.
        * Type parameter <code>V</code>: The type of the values of the mapper.
-       * @param {Object} tag The tag.
-       * @param {function(K): V} getter The getter delegate to which {@link yfiles.collections.IMapper.<K,V>} reads will be delegated.
-       * @returns {yfiles.collections.IMapper.<K,V>} The newly created mapper instance.
+       * @param tag The tag.
+       * @param getter The getter delegate to which {@link } reads will be delegated.
+       * @returns The newly created mapper instance.
        * @see yfiles.collections.IMapper.<K,V>#fromDelegate
        * @template K,V
        */
@@ -55666,8 +54802,8 @@ declare namespace system{
        * <code>tag</code>, it will be replaced.
        * </p>
        * Type parameter <code>V</code>: The type of the values of the mapper.
-       * @param {yfiles.algorithms.EdgeDpKey.<V>} tag The tag.
-       * @returns {yfiles.collections.Mapper.<yfiles.graph.IEdge,V>} The newly created mapper instance.
+       * @param tag The tag.
+       * @returns The newly created mapper instance.
        * @see yfiles.collections.Mapper.<K,V>
        * @template V
        */
@@ -55679,8 +54815,8 @@ declare namespace system{
        * <code>tag</code>, it will be replaced.
        * </p>
        * Type parameter <code>V</code>: The type of the values of the mapper.
-       * @param {yfiles.algorithms.ILabelLayoutDpKey.<V>} tag The tag.
-       * @returns {yfiles.collections.Mapper.<yfiles.graph.ILabel,V>} The newly created mapper instance.
+       * @param tag The tag.
+       * @returns The newly created mapper instance.
        * @see yfiles.collections.Mapper.<K,V>
        * @template V
        */
@@ -55692,8 +54828,8 @@ declare namespace system{
        * <code>tag</code>, it will be replaced.
        * </p>
        * Type parameter <code>V</code>: The type of the values of the mapper.
-       * @param {yfiles.algorithms.NodeDpKey.<V>} tag The tag.
-       * @returns {yfiles.collections.Mapper.<yfiles.graph.INode,V>} The newly created mapper instance.
+       * @param tag The tag.
+       * @returns The newly created mapper instance.
        * @see yfiles.collections.Mapper.<K,V>
        * @template V
        */
@@ -55705,8 +54841,8 @@ declare namespace system{
        * </p>
        * Type parameter <code>K</code>: The type of the keys of the mapper.
        * Type parameter <code>V</code>: The type of the values of the mapper.
-       * @param {Object} tag The tag.
-       * @returns {yfiles.collections.Mapper.<K,V>} The newly created mapper instance.
+       * @param tag The tag.
+       * @returns The newly created mapper instance.
        * @see yfiles.collections.Mapper.<K,V>
        * @template K,V
        */
@@ -55715,29 +54851,29 @@ declare namespace system{
        * Returns a mapper that has previously been registered with this instance for the given tag.
        * Type parameter <code>K</code>: The key type for the mapper.
        * Type parameter <code>V</code>: The value type for the mapper.
-       * @param {Object} tag The tag to use to look up the mapper.
-       * @returns {yfiles.collections.IMapper.<K,V>} The previously registered instance or <code>null</code>.
+       * @param tag The tag to use to look up the mapper.
+       * @returns The previously registered instance or <code>null</code>.
        * @template K,V
        * @abstract
        */
       getMapper<K,V>(tag:Object):yfiles.collections.IMapper<K,V>;
       /**
        * Gets the mapper {@link yfiles.graph.MapperMetadata meta data} for the mapper that is registered using the <code>tag</code>.
-       * @param {Object} tag The tag.
-       * @returns {yfiles.graph.MapperMetadata} The meta data or <code>null</code> if there is no such mapper registered for the given tag.
+       * @param tag The tag.
+       * @returns The meta data or <code>null</code> if there is no such mapper registered for the given tag.
        * @abstract
        */
       getMapperMetadata(tag:Object):yfiles.graph.MapperMetadata;
       /**
        * Removes a previously registered mapper for the given tag.
-       * @param {Object} tag The tag that has been used for registering the mapper.
+       * @param tag The tag that has been used for registering the mapper.
        * @abstract
        */
       removeMapper(tag:Object):void;
       /**
        * Sets the mapper meta data for the mapper that has been {@link yfiles.graph.IMapperRegistry#addMapper registered} using the provided <code>tag</code>.
-       * @param {Object} tag The tag.
-       * @param {yfiles.graph.MapperMetadata} metadata The meta data to store with the mapper.
+       * @param tag The tag.
+       * @param metadata The meta data to store with the mapper.
        * @throws {Stubs.Exceptions.ArgumentError} If the {@link yfiles.graph.MapperMetadata#keyType} or {@link yfiles.graph.MapperMetadata#valueType} mismatch the mapper instance in the registry.
        * @abstract
        */
@@ -55824,7 +54960,7 @@ declare namespace system{
        * Most implementations will yield either, a {@link yfiles.lang.ICloneable#clone clone} of or the {@link yfiles.graph.INodeDefaults#style} property, if {@link yfiles.graph.INodeDefaults#shareStyleInstance} is enabled, but they might use more complicated
        * logic, too.
        * </p>
-       * @returns {yfiles.styles.INodeStyle} The style to use, which for most implementations is either a {@link yfiles.lang.ICloneable#clone clone} of or the {@link yfiles.graph.INodeDefaults#style} property, if {@link yfiles.graph.INodeDefaults#shareStyleInstance} is enabled.
+       * @returns The style to use, which for most implementations is either a {@link #clone clone} of or the {@link #style} property, if {@link #shareStyleInstance} is enabled.
        * @abstract
        */
       getStyleInstance():yfiles.styles.INodeStyle;
@@ -55863,7 +54999,8 @@ declare namespace system{
       /**
        * Gets or sets the default node size.
        * <p>
-       * The values of this size will be used by the CreateNode and CreateNode methods.
+       * The values of this size will be used by the {@link yfiles.graph.IGraph#createNodeAt} and {@link yfiles.graph.IGraph#createNodeAt}
+       * methods.
        * </p>
        * @abstract
        * @type {yfiles.geometry.Size}
@@ -55938,7 +55075,6 @@ declare namespace system{
        * <p>
        * Unlike {@link yfiles.graph.IPort#dynamicLocation} this does not return a dynamic point that always refers to the current location.
        * </p>
-       * @returns The current port location.
        * @type {yfiles.geometry.Point}
        */
       location?:yfiles.geometry.Point;
@@ -56008,8 +55144,8 @@ declare namespace system{
        * Most implementations will yield either, a {@link yfiles.lang.ICloneable#clone clone} of or the {@link yfiles.graph.IPortDefaults#locationParameter} property, if {@link yfiles.graph.IPortDefaults#shareLocationParameterInstance} is enabled, but they might use more complicated
        * logic, too.
        * </p>
-       * @param {yfiles.graph.IPortOwner} owner The owner of the port that will be created.
-       * @returns {yfiles.graph.IPortLocationModelParameter} The parameter to use, which for most implementations is either a {@link yfiles.lang.ICloneable#clone clone} of or the {@link yfiles.graph.IPortDefaults#locationParameter} property, if {@link yfiles.graph.IPortDefaults#shareLocationParameterInstance} is enabled.
+       * @param owner The owner of the port that will be created.
+       * @returns The parameter to use, which for most implementations is either a {@link #clone clone} of or the {@link #locationParameter} property, if {@link #shareLocationParameterInstance} is enabled.
        * @abstract
        */
       getLocationParameterInstance(owner:yfiles.graph.IPortOwner):yfiles.graph.IPortLocationModelParameter;
@@ -56019,8 +55155,8 @@ declare namespace system{
        * Most implementations will yield either, a {@link yfiles.lang.ICloneable#clone clone} of or the {@link yfiles.graph.IPortDefaults#style} property, if {@link yfiles.graph.IPortDefaults#shareStyleInstance} is enabled, but they might use more complicated
        * logic, too.
        * </p>
-       * @param {yfiles.graph.IPortOwner} owner The owner of the port that will be created.
-       * @returns {yfiles.styles.IPortStyle} The style to use, which for most implementations is either a {@link yfiles.lang.ICloneable#clone clone} of or the {@link yfiles.graph.IPortDefaults#style} property, if {@link yfiles.graph.IPortDefaults#shareStyleInstance} is enabled.
+       * @param owner The owner of the port that will be created.
+       * @returns The style to use, which for most implementations is either a {@link #clone clone} of or the {@link #style} property, if {@link #shareStyleInstance} is enabled.
        * @abstract
        */
       getStyleInstance(owner:yfiles.graph.IPortOwner):yfiles.styles.IPortStyle;
@@ -56108,27 +55244,27 @@ declare namespace system{
       /**
        * Factory method that creates a parameter for the given port that tries to match the provided location in absolute world
        * coordinates.
-       * @param {yfiles.graph.IPortOwner} owner The port owner that will own the port for which the parameter shall be created.
-       * @param {yfiles.geometry.Point} location The location in the world coordinate system that should be matched as best as possible.
-       * @returns {yfiles.graph.IPortLocationModelParameter} A new instance that can be used to describe the location of an {@link yfiles.graph.IPort} at the given <code>owner</code>.
+       * @param owner The port owner that will own the port for which the parameter shall be created.
+       * @param location The location in the world coordinate system that should be matched as best as possible.
+       * @returns A new instance that can be used to describe the location of an {@link } at the given <code>owner</code>.
        * @abstract
        */
       createParameter(owner:yfiles.graph.IPortOwner,location:yfiles.geometry.Point):yfiles.graph.IPortLocationModelParameter;
       /**
        * Provides a {@link yfiles.graph.ILookup lookup context} for the given combination of port and parameter.
-       * @param {yfiles.graph.IPort} port The port to use in the context.
-       * @param {yfiles.graph.IPortLocationModelParameter} locationParameter The parameter to use for the port in the context.
-       * @returns {yfiles.graph.ILookup} An implementation of the {@link yfiles.graph.ILookup} interface that can be used to query additional aspects of the
+       * @param port The port to use in the context.
+       * @param locationParameter The parameter to use for the port in the context.
+       * @returns An implementation of the {@link } interface that can be used to query additional aspects of the
        * port/parameter combination.
        * @abstract
        */
       getContext(port:yfiles.graph.IPort,locationParameter:yfiles.graph.IPortLocationModelParameter):yfiles.graph.ILookup;
       /**
        * Determines the location of the port for the given parameter.
-       * @param {yfiles.graph.IPort} port The port to determine the location for.
-       * @param {yfiles.graph.IPortLocationModelParameter} locationParameter The parameter to use. The parameter can be expected to be created by this instance having the {@link yfiles.graph.IPortLocationModelParameter#model} property set to this
+       * @param port The port to determine the location for.
+       * @param locationParameter The parameter to use. The parameter can be expected to be created by this instance having the {@link #model} property set to this
        * instance..
-       * @returns {yfiles.geometry.Point} The calculated location of the port.
+       * @returns The calculated location of the port.
        * @abstract
        */
       getLocation(port:yfiles.graph.IPort,locationParameter:yfiles.graph.IPortLocationModelParameter):yfiles.geometry.Point;
@@ -56158,8 +55294,8 @@ declare namespace system{
        * A parameter must not necessarily support all types of ports. This method returns whether it supports ports at the given
        * <code>owner</code>.
        * </p>
-       * @param {yfiles.graph.IPortOwner} owner The port owner to test.
-       * @returns {boolean} <code>true</code> if this instance can be used for ports of the given port owner, <code>false</code> otherwise.
+       * @param owner The port owner to test.
+       * @returns <code>true</code> if this instance can be used for ports of the given port owner, <code>false</code> otherwise.
        * @abstract
        */
       supports(owner:yfiles.graph.IPortOwner):boolean;
@@ -56201,7 +55337,7 @@ declare namespace system{
      * <p>
      * This label model supports 5 positions inside of the layout's bounds.
      * </p>
-     * @class yfiles.graph.InteriorStretchLabelModel
+     * @class
      * @implements {yfiles.graph.ILabelModel}
      * @implements {yfiles.graph.ILabelModelParameterProvider}
      */
@@ -56214,67 +55350,66 @@ declare namespace system{
        * <p>
        * This option sets the {@link yfiles.graph.InteriorStretchLabelModel#insets} property on the created object.
        * </p>
-       * @constructor
        */
       constructor(options?:{insets?:yfiles.geometry.Insets});
       /**
        * 
-       * @returns {yfiles.graph.ILabelModelParameter} 
+       * @returns 
        */
       createDefaultParameter():yfiles.graph.ILabelModelParameter;
       /**
        * Creates the parameter for the given position.
-       * @param {yfiles.graph.InteriorStretchLabelModelPosition} position The position.
-       * @returns {yfiles.graph.ILabelModelParameter} 
+       * @param position The position.
+       * @returns 
        */
       createParameter(position:yfiles.graph.InteriorStretchLabelModelPosition):yfiles.graph.ILabelModelParameter;
       /**
        * 
-       * @param {yfiles.graph.ILabel} label
-       * @param {yfiles.graph.ILabelModelParameter} layoutParameter
-       * @returns {yfiles.graph.ILookup} 
+       * @param label
+       * @param layoutParameter
+       * @returns 
        */
       getContext(label:yfiles.graph.ILabel,layoutParameter:yfiles.graph.ILabelModelParameter):yfiles.graph.ILookup;
       /**
        * 
-       * @param {yfiles.graph.ILabel} label
-       * @param {yfiles.graph.ILabelModelParameter} layoutParameter
-       * @returns {yfiles.geometry.IOrientedRectangle} 
+       * @param label
+       * @param layoutParameter
+       * @returns 
        */
       getGeometry(label:yfiles.graph.ILabel,layoutParameter:yfiles.graph.ILabelModelParameter):yfiles.geometry.IOrientedRectangle;
       /**
        * Returns the minimum size this model would require for the node owner of the label if the the given label was used with
        * the provided parameter.
-       * @param {yfiles.graph.ILabel} label The label to use.
-       * @param {yfiles.graph.ILabelModelParameter} layoutParameter The parameter to use.
-       * @returns {yfiles.geometry.Size} The minimum size requirements for this label.
+       * @param label The label to use.
+       * @param layoutParameter The parameter to use.
+       * @returns The minimum size requirements for this label.
        */
       getMinimumNodeSize(label:yfiles.graph.ILabel,layoutParameter:yfiles.graph.ILabelModelParameter):yfiles.geometry.Size;
       /**
        * Returns the insets this model would require for the node owner of the label if the the given label was used with the
        * provided parameter.
-       * @param {yfiles.graph.ILabel} label The label to use.
-       * @param {yfiles.graph.ILabelModelParameter} layoutParameter The parameter to use.
-       * @returns {yfiles.geometry.Insets} The insets rectangle.
+       * @param label The label to use.
+       * @param layoutParameter The parameter to use.
+       * @returns The insets rectangle.
        */
       getNodeInsets(label:yfiles.graph.ILabel,layoutParameter:yfiles.graph.ILabelModelParameter):yfiles.geometry.Insets;
       /**
        * 
-       * @param {yfiles.graph.ILabel} label
-       * @param {yfiles.graph.ILabelModel} model
-       * @returns {yfiles.collections.IEnumerable.<yfiles.graph.ILabelModelParameter>} 
+       * @param label
+       * @param model
+       * @returns 
        */
       getParameters(label:yfiles.graph.ILabel,model:yfiles.graph.ILabelModel):yfiles.collections.IEnumerable<yfiles.graph.ILabelModelParameter>;
       /**
        * 
-       * @param {yfiles.lang.Class} type
-       * @returns {Object} 
+       * @param type
+       * @returns 
        */
       lookup(type:yfiles.lang.Class):Object;
       /**
        * A convenience parameter instance that can be shared between label instances.
        * <p>
-       * Trying to change that instance's {@link yfiles.graph.InteriorStretchLabelModel#insets} will raise an {@link Stubs.Exceptions.InvalidOperationError}.
+       * Trying to change that instance's {@link yfiles.graph.InteriorStretchLabelModel#insets} will raise an {@link yfiles.lang.Exception}.
        * </p>
        * @const
        * @static
@@ -56284,7 +55419,7 @@ declare namespace system{
       /**
        * A convenience parameter instance that can be shared between label instances.
        * <p>
-       * Trying to change that instance's {@link yfiles.graph.InteriorStretchLabelModel#insets} will raise an {@link Stubs.Exceptions.InvalidOperationError}.
+       * Trying to change that instance's {@link yfiles.graph.InteriorStretchLabelModel#insets} will raise an {@link yfiles.lang.Exception}.
        * </p>
        * @const
        * @static
@@ -56294,7 +55429,7 @@ declare namespace system{
       /**
        * A convenience parameter instance that can be shared between label instances.
        * <p>
-       * Trying to change that instance's {@link yfiles.graph.InteriorStretchLabelModel#insets} will raise an {@link Stubs.Exceptions.InvalidOperationError}.
+       * Trying to change that instance's {@link yfiles.graph.InteriorStretchLabelModel#insets} will raise an {@link yfiles.lang.Exception}.
        * </p>
        * @const
        * @static
@@ -56304,7 +55439,7 @@ declare namespace system{
       /**
        * A convenience parameter instance that can be shared between label instances.
        * <p>
-       * Trying to change that instance's {@link yfiles.graph.InteriorStretchLabelModel#insets} will raise an {@link Stubs.Exceptions.InvalidOperationError}.
+       * Trying to change that instance's {@link yfiles.graph.InteriorStretchLabelModel#insets} will raise an {@link yfiles.lang.Exception}.
        * </p>
        * @const
        * @static
@@ -56314,7 +55449,7 @@ declare namespace system{
       /**
        * A convenience parameter instance that can be shared between label instances.
        * <p>
-       * Trying to change that instance's {@link yfiles.graph.InteriorStretchLabelModel#insets} will raise an {@link Stubs.Exceptions.InvalidOperationError}.
+       * Trying to change that instance's {@link yfiles.graph.InteriorStretchLabelModel#insets} will raise an {@link yfiles.lang.Exception}.
        * </p>
        * @const
        * @static
@@ -56372,7 +55507,7 @@ declare namespace system{
      * <p>
      * This label model supports nine positions inside of the layout's bounds.
      * </p>
-     * @class yfiles.graph.InteriorLabelModel
+     * @class
      * @implements {yfiles.graph.ILabelModel}
      * @implements {yfiles.graph.ILabelModelParameterProvider}
      */
@@ -56385,67 +55520,66 @@ declare namespace system{
        * <p>
        * This option sets the {@link yfiles.graph.InteriorLabelModel#insets} property on the created object.
        * </p>
-       * @constructor
        */
       constructor(options?:{insets?:yfiles.geometry.Insets});
       /**
        * 
-       * @returns {yfiles.graph.ILabelModelParameter} 
+       * @returns 
        */
       createDefaultParameter():yfiles.graph.ILabelModelParameter;
       /**
        * Creates the parameter for the given position.
-       * @param {yfiles.graph.InteriorLabelModelPosition} position The position.
-       * @returns {yfiles.graph.ILabelModelParameter} 
+       * @param position The position.
+       * @returns 
        */
       createParameter(position:yfiles.graph.InteriorLabelModelPosition):yfiles.graph.ILabelModelParameter;
       /**
        * 
-       * @param {yfiles.graph.ILabel} label
-       * @param {yfiles.graph.ILabelModelParameter} layoutParameter
-       * @returns {yfiles.graph.ILookup} 
+       * @param label
+       * @param layoutParameter
+       * @returns 
        */
       getContext(label:yfiles.graph.ILabel,layoutParameter:yfiles.graph.ILabelModelParameter):yfiles.graph.ILookup;
       /**
        * 
-       * @param {yfiles.graph.ILabel} label
-       * @param {yfiles.graph.ILabelModelParameter} layoutParameter
-       * @returns {yfiles.geometry.IOrientedRectangle} 
+       * @param label
+       * @param layoutParameter
+       * @returns 
        */
       getGeometry(label:yfiles.graph.ILabel,layoutParameter:yfiles.graph.ILabelModelParameter):yfiles.geometry.IOrientedRectangle;
       /**
        * Returns the minimum size this model would require for the node owner of the label if the the given label was used with
        * the provided parameter.
-       * @param {yfiles.graph.ILabel} label The label to use.
-       * @param {yfiles.graph.ILabelModelParameter} layoutParameter The parameter to use.
-       * @returns {yfiles.geometry.Size} The minimum size requirements for this label.
+       * @param label The label to use.
+       * @param layoutParameter The parameter to use.
+       * @returns The minimum size requirements for this label.
        */
       getMinimumNodeSize(label:yfiles.graph.ILabel,layoutParameter:yfiles.graph.ILabelModelParameter):yfiles.geometry.Size;
       /**
        * Returns the insets this model would require for the node owner of the label if the the given label was used with the
        * provided parameter.
-       * @param {yfiles.graph.ILabel} label The label to use.
-       * @param {yfiles.graph.ILabelModelParameter} layoutParameter The parameter to use.
-       * @returns {yfiles.geometry.Insets} The insets rectangle.
+       * @param label The label to use.
+       * @param layoutParameter The parameter to use.
+       * @returns The insets rectangle.
        */
       getNodeInsets(label:yfiles.graph.ILabel,layoutParameter:yfiles.graph.ILabelModelParameter):yfiles.geometry.Insets;
       /**
        * 
-       * @param {yfiles.graph.ILabel} label
-       * @param {yfiles.graph.ILabelModel} model
-       * @returns {yfiles.collections.IEnumerable.<yfiles.graph.ILabelModelParameter>} 
+       * @param label
+       * @param model
+       * @returns 
        */
       getParameters(label:yfiles.graph.ILabel,model:yfiles.graph.ILabelModel):yfiles.collections.IEnumerable<yfiles.graph.ILabelModelParameter>;
       /**
        * 
-       * @param {yfiles.lang.Class} type
-       * @returns {Object} 
+       * @param type
+       * @returns 
        */
       lookup(type:yfiles.lang.Class):Object;
       /**
        * A convenience parameter instance that can be shared between label instances.
        * <p>
-       * Trying to change that instances' {@link yfiles.graph.InteriorLabelModel#insets} will raise an {@link Stubs.Exceptions.InvalidOperationError}.
+       * Trying to change that instances' {@link yfiles.graph.InteriorLabelModel#insets} will raise an {@link yfiles.lang.Exception}.
        * </p>
        * @const
        * @static
@@ -56455,7 +55589,7 @@ declare namespace system{
       /**
        * A convenience parameter instance that can be shared between label instances.
        * <p>
-       * Trying to change that instances' {@link yfiles.graph.InteriorLabelModel#insets} will raise an {@link Stubs.Exceptions.InvalidOperationError}.
+       * Trying to change that instances' {@link yfiles.graph.InteriorLabelModel#insets} will raise an {@link yfiles.lang.Exception}.
        * </p>
        * @const
        * @static
@@ -56465,7 +55599,7 @@ declare namespace system{
       /**
        * A convenience parameter instance that can be shared between label instances.
        * <p>
-       * Trying to change that instances' {@link yfiles.graph.InteriorLabelModel#insets} will raise an {@link Stubs.Exceptions.InvalidOperationError}.
+       * Trying to change that instances' {@link yfiles.graph.InteriorLabelModel#insets} will raise an {@link yfiles.lang.Exception}.
        * </p>
        * @const
        * @static
@@ -56475,7 +55609,7 @@ declare namespace system{
       /**
        * A convenience parameter instance that can be shared between label instances.
        * <p>
-       * Trying to change that instances' {@link yfiles.graph.InteriorLabelModel#insets} will raise an {@link Stubs.Exceptions.InvalidOperationError}.
+       * Trying to change that instances' {@link yfiles.graph.InteriorLabelModel#insets} will raise an {@link yfiles.lang.Exception}.
        * </p>
        * @const
        * @static
@@ -56485,7 +55619,7 @@ declare namespace system{
       /**
        * A convenience parameter instance that can be shared between label instances.
        * <p>
-       * Trying to change that instances' {@link yfiles.graph.InteriorLabelModel#insets} will raise an {@link Stubs.Exceptions.InvalidOperationError}.
+       * Trying to change that instances' {@link yfiles.graph.InteriorLabelModel#insets} will raise an {@link yfiles.lang.Exception}.
        * </p>
        * @const
        * @static
@@ -56495,7 +55629,7 @@ declare namespace system{
       /**
        * A convenience parameter instance that can be shared between label instances.
        * <p>
-       * Trying to change that instances' {@link yfiles.graph.InteriorLabelModel#insets} will raise an {@link Stubs.Exceptions.InvalidOperationError}.
+       * Trying to change that instances' {@link yfiles.graph.InteriorLabelModel#insets} will raise an {@link yfiles.lang.Exception}.
        * </p>
        * @const
        * @static
@@ -56505,7 +55639,7 @@ declare namespace system{
       /**
        * A convenience parameter instance that can be shared between label instances.
        * <p>
-       * Trying to change that instances' {@link yfiles.graph.InteriorLabelModel#insets} will raise an {@link Stubs.Exceptions.InvalidOperationError}.
+       * Trying to change that instances' {@link yfiles.graph.InteriorLabelModel#insets} will raise an {@link yfiles.lang.Exception}.
        * </p>
        * @const
        * @static
@@ -56515,7 +55649,7 @@ declare namespace system{
       /**
        * A convenience parameter instance that can be shared between label instances.
        * <p>
-       * Trying to change that instances' {@link yfiles.graph.InteriorLabelModel#insets} will raise an {@link Stubs.Exceptions.InvalidOperationError}.
+       * Trying to change that instances' {@link yfiles.graph.InteriorLabelModel#insets} will raise an {@link yfiles.lang.Exception}.
        * </p>
        * @const
        * @static
@@ -56525,7 +55659,7 @@ declare namespace system{
       /**
        * A convenience parameter instance that can be shared between label instances.
        * <p>
-       * Trying to change that instances' {@link yfiles.graph.InteriorLabelModel#insets} will raise an {@link Stubs.Exceptions.InvalidOperationError}.
+       * Trying to change that instances' {@link yfiles.graph.InteriorLabelModel#insets} will raise an {@link yfiles.lang.Exception}.
        * </p>
        * @const
        * @static
@@ -56544,32 +55678,30 @@ declare namespace system{
      * The meta data that is associated with {@link yfiles.collections.IMapper.<K,V>}s in a {@link yfiles.graph.IMapperRegistry}.
      * @see yfiles.graph.IMapperRegistry#getMapperMetadata
      * @see yfiles.graph.IMapperRegistry#setMapperMetadata
-     * @class yfiles.graph.MapperMetadata
+     * @class
      */
     export interface MapperMetadata extends Object{}
     export class MapperMetadata {
       /**
        * Initializes a new instance of the {@link yfiles.graph.MapperMetadata} class.
-       * @param {yfiles.lang.Class} keyType Type of the keys.
-       * @param {yfiles.lang.Class} valueType Type of the values.
-       * @constructor
+       * @param keyType Type of the keys.
+       * @param valueType Type of the values.
        */
       constructor(keyType:yfiles.lang.Class,valueType:yfiles.lang.Class);
       /**
        * Initializes a new instance of the {@link yfiles.graph.MapperMetadata} from the given instance class.
-       * @param {yfiles.graph.MapperMetadata} metadata The metadata to copy key and value type from.
+       * @param metadata The metadata to copy key and value type from.
        * @protected
-       * @constructor
        */
       constructor(metadata:yfiles.graph.MapperMetadata);
       /**
        * Creates an instance for the specified mapper.
        * Type parameter <code>TKey</code>: The type of the keys.
        * Type parameter <code>TValue</code>: The type of the values.
-       * @param {yfiles.lang.Class} valueType The type of the values.
-       * @param {yfiles.lang.Class} keyType The type of the keys.
-       * @param {yfiles.collections.IMapper.<TKey,TValue>} mapper The mapper instance to create the metadata for.
-       * @returns {yfiles.graph.MapperMetadata} An instance that uses the {@link yfiles.graph.MapperMetadata#keyType} and {@link yfiles.graph.MapperMetadata#valueType} of the mapper.
+       * @param valueType The type of the values.
+       * @param keyType The type of the keys.
+       * @param mapper The mapper instance to create the metadata for.
+       * @returns An instance that uses the {@link #keyType} and {@link #valueType} of the mapper.
        * @template TKey,TValue
        * @static
        */
@@ -56588,7 +55720,7 @@ declare namespace system{
     }
     /**
      * A simple {@link yfiles.collections.Map.<TKey,TValue>}-based implementation of the {@link yfiles.graph.IMapperRegistry} interface.
-     * @class yfiles.graph.MapperRegistry
+     * @class
      * @implements {yfiles.graph.IMapperRegistry}
      * @final
      */
@@ -56599,10 +55731,10 @@ declare namespace system{
        * 
        * Type parameter <code>K</code>.
        * Type parameter <code>V</code>.
-       * @param {yfiles.lang.Class} valueType
-       * @param {yfiles.lang.Class} keyType
-       * @param {Object} tag
-       * @param {yfiles.collections.IMapper.<K,V>} mapper
+       * @param valueType
+       * @param keyType
+       * @param tag
+       * @param mapper
        * @template K,V
        */
       addMapper<K,V>(keyType:yfiles.lang.Class,valueType:yfiles.lang.Class,tag:Object,mapper:yfiles.collections.IMapper<K,V>):void;
@@ -56610,26 +55742,26 @@ declare namespace system{
        * 
        * Type parameter <code>K</code>.
        * Type parameter <code>V</code>.
-       * @param {Object} tag
-       * @returns {yfiles.collections.IMapper.<K,V>} 
+       * @param tag
+       * @returns 
        * @template K,V
        */
       getMapper<K,V>(tag:Object):yfiles.collections.IMapper<K,V>;
       /**
        * 
-       * @param {Object} tag
-       * @returns {yfiles.graph.MapperMetadata} 
+       * @param tag
+       * @returns 
        */
       getMapperMetadata(tag:Object):yfiles.graph.MapperMetadata;
       /**
        * 
-       * @param {Object} tag
+       * @param tag
        */
       removeMapper(tag:Object):void;
       /**
        * 
-       * @param {Object} tag
-       * @param {yfiles.graph.MapperMetadata} metadata
+       * @param tag
+       * @param metadata
        */
       setMapperMetadata(tag:Object,metadata:yfiles.graph.MapperMetadata):void;
       /**
@@ -56683,7 +55815,7 @@ declare namespace system{
      * The possible positions are near the source port, at the center of the edge, or near the target port, each above, below,
      * or centered on the edge. The distance to the edge and the absolute angular orientation of the label can be specified.
      * </p>
-     * @class yfiles.graph.NinePositionsEdgeLabelModel
+     * @class
      * @implements {yfiles.graph.ILabelModel}
      * @implements {yfiles.graph.ILabelModelParameterProvider}
      */
@@ -56691,9 +55823,8 @@ declare namespace system{
     export class NinePositionsEdgeLabelModel {
       /**
        * Initializes a new instance of the {@link yfiles.graph.NinePositionsEdgeLabelModel} class.
-       * @param {number} distance The distance.
-       * @param {number} angle The angle.
-       * @constructor
+       * @param distance The distance.
+       * @param angle The angle.
        */
       constructor(distance:number,angle:number);
       /**
@@ -56707,51 +55838,50 @@ declare namespace system{
        * <p>
        * This option sets the {@link yfiles.graph.NinePositionsEdgeLabelModel#distance} property on the created object.
        * </p>
-       * @constructor
        */
       constructor(options?:{angle?:number,distance?:number});
       /**
        * 
-       * @returns {yfiles.graph.ILabelModelParameter} 
+       * @returns 
        */
       createDefaultParameter():yfiles.graph.ILabelModelParameter;
       /**
        * Create a model parameter for the specified <code>position</code>
-       * @param {yfiles.graph.NinePositionsEdgeLabelModelPosition} position The position for this parameter
-       * @returns {yfiles.graph.ILabelModelParameter} a model parameter for the specified <code>position</code>
+       * @param position The position for this parameter
+       * @returns a model parameter for the specified <code>position</code>
        */
       createParameter(position:yfiles.graph.NinePositionsEdgeLabelModelPosition):yfiles.graph.ILabelModelParameter;
       /**
        * 
-       * @param {yfiles.graph.ILabel} label
-       * @param {yfiles.graph.ILabelModelParameter} layoutParameter
-       * @returns {yfiles.graph.ILookup} 
+       * @param label
+       * @param layoutParameter
+       * @returns 
        */
       getContext(label:yfiles.graph.ILabel,layoutParameter:yfiles.graph.ILabelModelParameter):yfiles.graph.ILookup;
       /**
        * 
-       * @param {yfiles.graph.ILabel} label
-       * @param {yfiles.graph.ILabelModelParameter} layoutParameter
-       * @returns {yfiles.geometry.IOrientedRectangle} 
+       * @param label
+       * @param layoutParameter
+       * @returns 
        */
       getGeometry(label:yfiles.graph.ILabel,layoutParameter:yfiles.graph.ILabelModelParameter):yfiles.geometry.IOrientedRectangle;
       /**
        * 
-       * @param {yfiles.graph.ILabel} label
-       * @param {yfiles.graph.ILabelModel} model
-       * @returns {yfiles.collections.IEnumerable.<yfiles.graph.ILabelModelParameter>} 
+       * @param label
+       * @param model
+       * @returns 
        */
       getParameters(label:yfiles.graph.ILabel,model:yfiles.graph.ILabelModel):yfiles.collections.IEnumerable<yfiles.graph.ILabelModelParameter>;
       /**
        * 
-       * @param {yfiles.lang.Class} type
-       * @returns {Object} 
+       * @param type
+       * @returns 
        */
       lookup(type:yfiles.lang.Class):Object;
       /**
        * A convenience parameter instance that can be shared between label instances.
        * <p>
-       * Trying to change that instances' {@link yfiles.graph.NinePositionsEdgeLabelModel#angle} or {@link yfiles.graph.NinePositionsEdgeLabelModel#distance} properties will raise an {@link Stubs.Exceptions.InvalidOperationError}.
+       * Trying to change that instances' {@link yfiles.graph.NinePositionsEdgeLabelModel#angle} or {@link yfiles.graph.NinePositionsEdgeLabelModel#distance} properties will raise an {@link yfiles.lang.Exception}.
        * </p>
        * @const
        * @static
@@ -56761,7 +55891,7 @@ declare namespace system{
       /**
        * A convenience parameter instance that can be shared between label instances.
        * <p>
-       * Trying to change that instances' {@link yfiles.graph.NinePositionsEdgeLabelModel#angle} or {@link yfiles.graph.NinePositionsEdgeLabelModel#distance} properties will raise an {@link Stubs.Exceptions.InvalidOperationError}.
+       * Trying to change that instances' {@link yfiles.graph.NinePositionsEdgeLabelModel#angle} or {@link yfiles.graph.NinePositionsEdgeLabelModel#distance} properties will raise an {@link yfiles.lang.Exception}.
        * </p>
        * @const
        * @static
@@ -56771,7 +55901,7 @@ declare namespace system{
       /**
        * A convenience parameter instance that can be shared between label instances.
        * <p>
-       * Trying to change that instances' {@link yfiles.graph.NinePositionsEdgeLabelModel#angle} or {@link yfiles.graph.NinePositionsEdgeLabelModel#distance} properties will raise an {@link Stubs.Exceptions.InvalidOperationError}.
+       * Trying to change that instances' {@link yfiles.graph.NinePositionsEdgeLabelModel#angle} or {@link yfiles.graph.NinePositionsEdgeLabelModel#distance} properties will raise an {@link yfiles.lang.Exception}.
        * </p>
        * @const
        * @static
@@ -56781,7 +55911,7 @@ declare namespace system{
       /**
        * A convenience parameter instance that can be shared between label instances.
        * <p>
-       * Trying to change that instances' {@link yfiles.graph.NinePositionsEdgeLabelModel#angle} or {@link yfiles.graph.NinePositionsEdgeLabelModel#distance} properties will raise an {@link Stubs.Exceptions.InvalidOperationError}.
+       * Trying to change that instances' {@link yfiles.graph.NinePositionsEdgeLabelModel#angle} or {@link yfiles.graph.NinePositionsEdgeLabelModel#distance} properties will raise an {@link yfiles.lang.Exception}.
        * </p>
        * @const
        * @static
@@ -56791,7 +55921,7 @@ declare namespace system{
       /**
        * A convenience parameter instance that can be shared between label instances.
        * <p>
-       * Trying to change that instances' {@link yfiles.graph.NinePositionsEdgeLabelModel#angle} or {@link yfiles.graph.NinePositionsEdgeLabelModel#distance} properties will raise an {@link Stubs.Exceptions.InvalidOperationError}.
+       * Trying to change that instances' {@link yfiles.graph.NinePositionsEdgeLabelModel#angle} or {@link yfiles.graph.NinePositionsEdgeLabelModel#distance} properties will raise an {@link yfiles.lang.Exception}.
        * </p>
        * @const
        * @static
@@ -56801,7 +55931,7 @@ declare namespace system{
       /**
        * A convenience parameter instance that can be shared between label instances.
        * <p>
-       * Trying to change that instances' {@link yfiles.graph.NinePositionsEdgeLabelModel#angle} or {@link yfiles.graph.NinePositionsEdgeLabelModel#distance} properties will raise an {@link Stubs.Exceptions.InvalidOperationError}.
+       * Trying to change that instances' {@link yfiles.graph.NinePositionsEdgeLabelModel#angle} or {@link yfiles.graph.NinePositionsEdgeLabelModel#distance} properties will raise an {@link yfiles.lang.Exception}.
        * </p>
        * @const
        * @static
@@ -56811,7 +55941,7 @@ declare namespace system{
       /**
        * A convenience parameter instance that can be shared between label instances.
        * <p>
-       * Trying to change that instances' {@link yfiles.graph.NinePositionsEdgeLabelModel#angle} or {@link yfiles.graph.NinePositionsEdgeLabelModel#distance} properties will raise an {@link Stubs.Exceptions.InvalidOperationError}.
+       * Trying to change that instances' {@link yfiles.graph.NinePositionsEdgeLabelModel#angle} or {@link yfiles.graph.NinePositionsEdgeLabelModel#distance} properties will raise an {@link yfiles.lang.Exception}.
        * </p>
        * @const
        * @static
@@ -56821,7 +55951,7 @@ declare namespace system{
       /**
        * A convenience parameter instance that can be shared between label instances.
        * <p>
-       * Trying to change that instances' {@link yfiles.graph.NinePositionsEdgeLabelModel#angle} or {@link yfiles.graph.NinePositionsEdgeLabelModel#distance} properties will raise an {@link Stubs.Exceptions.InvalidOperationError}.
+       * Trying to change that instances' {@link yfiles.graph.NinePositionsEdgeLabelModel#angle} or {@link yfiles.graph.NinePositionsEdgeLabelModel#distance} properties will raise an {@link yfiles.lang.Exception}.
        * </p>
        * @const
        * @static
@@ -56831,7 +55961,7 @@ declare namespace system{
       /**
        * A convenience parameter instance that can be shared between label instances.
        * <p>
-       * Trying to change that instances' {@link yfiles.graph.NinePositionsEdgeLabelModel#angle} or {@link yfiles.graph.NinePositionsEdgeLabelModel#distance} properties will raise an {@link Stubs.Exceptions.InvalidOperationError}.
+       * Trying to change that instances' {@link yfiles.graph.NinePositionsEdgeLabelModel#angle} or {@link yfiles.graph.NinePositionsEdgeLabelModel#distance} properties will raise an {@link yfiles.lang.Exception}.
        * </p>
        * @const
        * @static
@@ -56860,7 +55990,7 @@ declare namespace system{
      * <p>
      * The label will be placed centered on top or below the node's {@link yfiles.graph.INode#layout} using a specifiable {@link yfiles.graph.SandwichLabelModel#yOffset}.
      * </p>
-     * @class yfiles.graph.SandwichLabelModel
+     * @class
      * @implements {yfiles.graph.ILabelModel}
      * @implements {yfiles.graph.ILabelModelParameterProvider}
      */
@@ -56873,55 +56003,54 @@ declare namespace system{
        * <p>
        * This option sets the {@link yfiles.graph.SandwichLabelModel#yOffset} property on the created object.
        * </p>
-       * @constructor
        */
       constructor(options?:{yOffset?:number});
       /**
        * 
-       * @returns {yfiles.graph.ILabelModelParameter} 
+       * @returns 
        */
       createDefaultParameter():yfiles.graph.ILabelModelParameter;
       /**
        * Creates a parameter for the north side of the node.
-       * @returns {yfiles.graph.ILabelModelParameter} 
+       * @returns 
        */
       createNorthParameter():yfiles.graph.ILabelModelParameter;
       /**
        * Creates a parameter for the south side of the node.
-       * @returns {yfiles.graph.ILabelModelParameter} 
+       * @returns 
        */
       createSouthParameter():yfiles.graph.ILabelModelParameter;
       /**
        * 
-       * @param {yfiles.graph.ILabel} label
-       * @param {yfiles.graph.ILabelModelParameter} layoutParameter
-       * @returns {yfiles.graph.ILookup} 
+       * @param label
+       * @param layoutParameter
+       * @returns 
        */
       getContext(label:yfiles.graph.ILabel,layoutParameter:yfiles.graph.ILabelModelParameter):yfiles.graph.ILookup;
       /**
        * 
-       * @param {yfiles.graph.ILabel} label
-       * @param {yfiles.graph.ILabelModelParameter} layoutParameter
-       * @returns {yfiles.geometry.IOrientedRectangle} 
+       * @param label
+       * @param layoutParameter
+       * @returns 
        */
       getGeometry(label:yfiles.graph.ILabel,layoutParameter:yfiles.graph.ILabelModelParameter):yfiles.geometry.IOrientedRectangle;
       /**
        * 
-       * @param {yfiles.graph.ILabel} label
-       * @param {yfiles.graph.ILabelModel} model
-       * @returns {yfiles.collections.IEnumerable.<yfiles.graph.ILabelModelParameter>} 
+       * @param label
+       * @param model
+       * @returns 
        */
       getParameters(label:yfiles.graph.ILabel,model:yfiles.graph.ILabelModel):yfiles.collections.IEnumerable<yfiles.graph.ILabelModelParameter>;
       /**
        * 
-       * @param {yfiles.lang.Class} type
-       * @returns {Object} 
+       * @param type
+       * @returns 
        */
       lookup(type:yfiles.lang.Class):Object;
       /**
        * A convenience parameter instance that can be shared between label instances.
        * <p>
-       * Trying to change that instances' {@link yfiles.graph.SandwichLabelModel#yOffset} will raise an {@link Stubs.Exceptions.InvalidOperationError}.
+       * Trying to change that instances' {@link yfiles.graph.SandwichLabelModel#yOffset} will raise an {@link yfiles.lang.Exception}.
        * </p>
        * @const
        * @static
@@ -56931,7 +56060,7 @@ declare namespace system{
       /**
        * A convenience parameter instance that can be shared between label instances.
        * <p>
-       * Trying to change that instances' {@link yfiles.graph.SandwichLabelModel#yOffset} will raise an {@link Stubs.Exceptions.InvalidOperationError}.
+       * Trying to change that instances' {@link yfiles.graph.SandwichLabelModel#yOffset} will raise an {@link yfiles.lang.Exception}.
        * </p>
        * @const
        * @static
@@ -56948,7 +56077,7 @@ declare namespace system{
     }
     /**
      * A port location model that places the port on a certain edge segment at a specified ratio.
-     * @class yfiles.graph.SegmentRatioPortLocationModel
+     * @class
      * @implements {yfiles.graph.IPortLocationModel}
      * @final
      */
@@ -56956,44 +56085,44 @@ declare namespace system{
     export class SegmentRatioPortLocationModel {
       /**
        * Creates the a new parameter for the specified segment index and ratio.
-       * @param {number} ratio The ratio for the segment, with <code>0</code> being at the start of the segment and <code>1</code> at the end.
-       * @param {number} segmentIndex The index of the segment.
-       * @returns {yfiles.graph.IPortLocationModelParameter} A parameter for the given ratio and segment.
+       * @param ratio The ratio for the segment, with <code>0</code> being at the start of the segment and <code>1</code> at the end.
+       * @param segmentIndex The index of the segment.
+       * @returns A parameter for the given ratio and segment.
        */
       createFromSource(ratio:number,segmentIndex:number):yfiles.graph.IPortLocationModelParameter;
       /**
        * Creates the a new parameter for the specified segment index counted from the target end of the edge and the provided
        * ratio.
-       * @param {number} ratio The ratio for the segment, with <code>0</code> being at the start of the segment and <code>1</code> at the end.
-       * @param {number} segmentIndex The index of the segment counted from the target end.
-       * @returns {yfiles.graph.IPortLocationModelParameter} A parameter for the given ratio and segment.
+       * @param ratio The ratio for the segment, with <code>0</code> being at the start of the segment and <code>1</code> at the end.
+       * @param segmentIndex The index of the segment counted from the target end.
+       * @returns A parameter for the given ratio and segment.
        */
       createFromTarget(ratio:number,segmentIndex:number):yfiles.graph.IPortLocationModelParameter;
       /**
        * 
-       * @param {yfiles.graph.IPortOwner} owner
-       * @param {yfiles.geometry.Point} location
-       * @returns {yfiles.graph.IPortLocationModelParameter} 
+       * @param owner
+       * @param location
+       * @returns 
        */
       createParameter(owner:yfiles.graph.IPortOwner,location:yfiles.geometry.Point):yfiles.graph.IPortLocationModelParameter;
       /**
        * 
-       * @param {yfiles.graph.IPort} port
-       * @param {yfiles.graph.IPortLocationModelParameter} locationParameter
-       * @returns {yfiles.graph.ILookup} 
+       * @param port
+       * @param locationParameter
+       * @returns 
        */
       getContext(port:yfiles.graph.IPort,locationParameter:yfiles.graph.IPortLocationModelParameter):yfiles.graph.ILookup;
       /**
        * 
-       * @param {yfiles.graph.IPort} port
-       * @param {yfiles.graph.IPortLocationModelParameter} locationParameter
-       * @returns {yfiles.geometry.Point} 
+       * @param port
+       * @param locationParameter
+       * @returns 
        */
       getLocation(port:yfiles.graph.IPort,locationParameter:yfiles.graph.IPortLocationModelParameter):yfiles.geometry.Point;
       /**
        * 
-       * @param {yfiles.lang.Class} type
-       * @returns {Object} 
+       * @param type
+       * @returns 
        */
       lookup(type:yfiles.lang.Class):Object;
       /**
@@ -57026,7 +56155,7 @@ declare namespace system{
      * During movements, labels with this model snap to noteable positions if the {@link yfiles.input.MoveLabelInputMode} provides a {@link yfiles.input.LabelSnapContext}
      * that is enabled and has a suitable configuration.
      * </p>
-     * @class yfiles.graph.SmartEdgeLabelModel
+     * @class
      * @implements {yfiles.graph.ILabelModel}
      * @implements {yfiles.graph.ILabelModelParameterFinder}
      */
@@ -57043,66 +56172,65 @@ declare namespace system{
        * <p>
        * This option sets the {@link yfiles.graph.SmartEdgeLabelModel#autoRotation} property on the created object.
        * </p>
-       * @constructor
        */
       constructor(options?:{angle?:number,autoRotation?:boolean});
       /**
        * 
-       * @returns {yfiles.graph.ILabelModelParameter} 
+       * @returns 
        */
       createDefaultParameter():yfiles.graph.ILabelModelParameter;
       /**
        * Creates a parameter that measures the provided segment index from the source side of the edge path.
-       * @param {number} segmentIndex The zero-based index of the segment beginning from the source side.
-       * @param {number} distance The distance between the label's box and the edge's path.
-       * @param {number} segmentRatio The ratio at which to place the label at the segment. A ratio of <code>0.0</code> will place the label at the source side of the
+       * @param segmentIndex The zero-based index of the segment beginning from the source side.
+       * @param distance The distance between the label's box and the edge's path.
+       * @param segmentRatio The ratio at which to place the label at the segment. A ratio of <code>0.0</code> will place the label at the source side of the
        * segment, a ratio of <code>1.0</code> at the target side. Ratios lesser than <code>0.0</code> or greater than <code>1.0</code> will be interpreted as absolute
        * values in world coordinates.
-       * @returns {yfiles.graph.ILabelModelParameter} A label parameter that describes the provided parameters for this model instance.
+       * @returns A label parameter that describes the provided parameters for this model instance.
        */
       createParameterFromSource(segmentIndex:number,distance:number,segmentRatio:number):yfiles.graph.ILabelModelParameter;
       /**
        * Creates a parameter that measures the provided segment index from the target side of the edge path.
-       * @param {number} segmentIndex The zero-based index of the segment beginning from the target side.
-       * @param {number} distance The distance between the label's box and the edge's path.
-       * @param {number} segmentRatio The ratio at which to place the label at the segment. A ratio of <code>0.0</code> will place the label at the target side of the
+       * @param segmentIndex The zero-based index of the segment beginning from the target side.
+       * @param distance The distance between the label's box and the edge's path.
+       * @param segmentRatio The ratio at which to place the label at the segment. A ratio of <code>0.0</code> will place the label at the target side of the
        * segment, a ratio of <code>1.0</code> at the source side. Ratios lesser than <code>0.0</code> or greater than <code>1.0</code> will be interpreted as absolute
        * values in world coordinates.
-       * @returns {yfiles.graph.ILabelModelParameter} A label parameter that describes the provided parameters for this model instance.
+       * @returns A label parameter that describes the provided parameters for this model instance.
        */
       createParameterFromTarget(segmentIndex:number,distance:number,segmentRatio:number):yfiles.graph.ILabelModelParameter;
       /**
        * 
-       * @param {yfiles.graph.ILabel} label
-       * @param {yfiles.graph.ILabelModel} model
-       * @param {yfiles.geometry.IOrientedRectangle} layout
-       * @returns {yfiles.graph.ILabelModelParameter} 
+       * @param label
+       * @param model
+       * @param layout
+       * @returns 
        */
       findBestParameter(label:yfiles.graph.ILabel,model:yfiles.graph.ILabelModel,layout:yfiles.geometry.IOrientedRectangle):yfiles.graph.ILabelModelParameter;
       /**
        * 
-       * @param {yfiles.graph.ILabel} label
-       * @param {yfiles.graph.ILabelModelParameter} layoutParameter
-       * @returns {yfiles.graph.ILookup} 
+       * @param label
+       * @param layoutParameter
+       * @returns 
        */
       getContext(label:yfiles.graph.ILabel,layoutParameter:yfiles.graph.ILabelModelParameter):yfiles.graph.ILookup;
       /**
        * Gets the distance from the edge path described by the specified parameter.
-       * @param {yfiles.graph.ILabelModelParameter} layoutParameter The parameter to get the edge path distance for.
-       * @returns {number} The distance from the edge path
+       * @param layoutParameter The parameter to get the edge path distance for.
+       * @returns The distance from the edge path
        */
       getDistance(layoutParameter:yfiles.graph.ILabelModelParameter):number;
       /**
        * 
-       * @param {yfiles.graph.ILabel} label
-       * @param {yfiles.graph.ILabelModelParameter} layoutParameter
-       * @returns {yfiles.geometry.IOrientedRectangle} 
+       * @param label
+       * @param layoutParameter
+       * @returns 
        */
       getGeometry(label:yfiles.graph.ILabel,layoutParameter:yfiles.graph.ILabelModelParameter):yfiles.geometry.IOrientedRectangle;
       /**
        * 
-       * @param {yfiles.lang.Class} type
-       * @returns {Object} 
+       * @param type
+       * @returns 
        */
       lookup(type:yfiles.lang.Class):Object;
       /**
@@ -57151,7 +56279,7 @@ declare namespace system{
     }
     /**
      * A canonic implementation of the {@link yfiles.graph.IPortDefaults} interface.
-     * @class yfiles.graph.PortDefaults
+     * @class
      * @implements {yfiles.graph.IPortDefaults}
      */
     export interface PortDefaults extends Object,yfiles.graph.IPortDefaults{}
@@ -57164,7 +56292,6 @@ declare namespace system{
        * @param {boolean} [options.shareLocationParameterInstance=null] Sets the shareLocationParameterInstance property.
        * @param {yfiles.styles.IPortStyle} [options.style=null] Sets the style property.
        * @param {boolean} [options.shareStyleInstance=null] Sets the shareStyleInstance property.
-       * @constructor
        */
       constructor(options?:{autoCleanup?:boolean,locationParameter?:yfiles.graph.IPortLocationModelParameter,shareLocationParameterInstance?:boolean,style?:yfiles.styles.IPortStyle,shareStyleInstance?:boolean});
       /**
@@ -57173,19 +56300,19 @@ declare namespace system{
        * Most implementations will yield either, a {@link yfiles.lang.ICloneable#clone clone} of or the {@link yfiles.graph.PortDefaults#style} property, if {@link yfiles.graph.PortDefaults#shareStyleInstance} is enabled, but they might use more complicated
        * logic, too.
        * </p>
-       * @returns {yfiles.styles.IPortStyle} The style to use, which for most implementations is either a {@link yfiles.lang.ICloneable#clone clone} of or the {@link yfiles.graph.PortDefaults#style} property, if {@link yfiles.graph.PortDefaults#shareStyleInstance} is enabled.
+       * @returns The style to use, which for most implementations is either a {@link #clone clone} of or the {@link #style} property, if {@link #shareStyleInstance} is enabled.
        */
       GetDefaultStyleInstance():yfiles.styles.IPortStyle;
       /**
        * 
-       * @param {yfiles.graph.IPortOwner} owner
-       * @returns {yfiles.graph.IPortLocationModelParameter} 
+       * @param owner
+       * @returns 
        */
       getLocationParameterInstance(owner:yfiles.graph.IPortOwner):yfiles.graph.IPortLocationModelParameter;
       /**
        * 
-       * @param {yfiles.graph.IPortOwner} owner
-       * @returns {yfiles.styles.IPortStyle} 
+       * @param owner
+       * @returns 
        */
       getStyleInstance(owner:yfiles.graph.IPortOwner):yfiles.styles.IPortStyle;
       /**
@@ -57220,7 +56347,7 @@ declare namespace system{
     }
     /**
      * A canonic implementation of the {@link yfiles.graph.INodeDefaults} interface.
-     * @class yfiles.graph.NodeDefaults
+     * @class
      * @implements {yfiles.graph.INodeDefaults}
      */
     export interface NodeDefaults extends Object,yfiles.graph.INodeDefaults{}
@@ -57233,12 +56360,11 @@ declare namespace system{
        * @param {yfiles.graph.IPortDefaults} [options.ports=null] Sets the ports property.
        * @param {yfiles.styles.INodeStyle} [options.style=null] Sets the style property.
        * @param {boolean} [options.shareStyleInstance=null] Sets the shareStyleInstance property.
-       * @constructor
        */
       constructor(options?:{size?:yfiles.geometry.Size,labels?:yfiles.graph.ILabelDefaults,ports?:yfiles.graph.IPortDefaults,style?:yfiles.styles.INodeStyle,shareStyleInstance?:boolean});
       /**
        * 
-       * @returns {yfiles.styles.INodeStyle} 
+       * @returns 
        */
       getStyleInstance():yfiles.styles.INodeStyle;
       /**
@@ -57271,7 +56397,7 @@ declare namespace system{
     }
     /**
      * A canonic implementation of the {@link yfiles.graph.IEdgeDefaults} interface
-     * @class yfiles.graph.EdgeDefaults
+     * @class
      * @implements {yfiles.graph.IEdgeDefaults}
      */
     export interface EdgeDefaults extends Object,yfiles.graph.IEdgeDefaults{}
@@ -57283,12 +56409,11 @@ declare namespace system{
        * @param {yfiles.graph.IPortDefaults} [options.ports=null] Sets the ports property.
        * @param {yfiles.styles.IEdgeStyle} [options.style=null] Sets the style property.
        * @param {boolean} [options.shareStyleInstance=null] Sets the shareStyleInstance property.
-       * @constructor
        */
       constructor(options?:{labels?:yfiles.graph.ILabelDefaults,ports?:yfiles.graph.IPortDefaults,style?:yfiles.styles.IEdgeStyle,shareStyleInstance?:boolean});
       /**
        * 
-       * @returns {yfiles.styles.IEdgeStyle} 
+       * @returns 
        */
       getStyleInstance():yfiles.styles.IEdgeStyle;
       /**
@@ -57316,7 +56441,7 @@ declare namespace system{
     }
     /**
      * A canonic implementation of the {@link yfiles.graph.ILabelDefaults} interface
-     * @class yfiles.graph.LabelDefaults
+     * @class
      * @implements {yfiles.graph.ILabelDefaults}
      */
     export interface LabelDefaults extends Object,yfiles.graph.ILabelDefaults{}
@@ -57329,19 +56454,18 @@ declare namespace system{
        * @param {yfiles.graph.ILabelModelParameter} [options.layoutParameter=null] Sets the layoutParameter property.
        * @param {boolean} [options.shareStyleInstance=null] Sets the shareStyleInstance property.
        * @param {yfiles.styles.ILabelStyle} [options.style=null] Sets the style property.
-       * @constructor
        */
       constructor(options?:{autoAdjustPreferredSize?:boolean,shareLayoutParameterInstance?:boolean,layoutParameter?:yfiles.graph.ILabelModelParameter,shareStyleInstance?:boolean,style?:yfiles.styles.ILabelStyle});
       /**
        * 
-       * @param {yfiles.graph.ILabelOwner} owner
-       * @returns {yfiles.graph.ILabelModelParameter} 
+       * @param owner
+       * @returns 
        */
       getLayoutParameterInstance(owner:yfiles.graph.ILabelOwner):yfiles.graph.ILabelModelParameter;
       /**
        * 
-       * @param {yfiles.graph.ILabelOwner} owner
-       * @returns {yfiles.styles.ILabelStyle} 
+       * @param owner
+       * @returns 
        */
       getStyleInstance(owner:yfiles.graph.ILabelOwner):yfiles.styles.ILabelStyle;
       /**
@@ -57381,9 +56505,9 @@ declare namespace system{
     export interface IGroupBoundsCalculator extends Object{
       /**
        * Calculates the bounds of the {@link yfiles.graph.INode#layout} for the given <code>groupNode</code> that is a group node in the <code>graph</code>.
-       * @param {yfiles.graph.IGraph} graph The graph which holds the <code>groupNode</code>.
-       * @param {yfiles.graph.INode} groupNode The node to calculate the bounds for.
-       * @returns {yfiles.geometry.Rect} The minimum bounds to use for the given group node.
+       * @param graph The graph which holds the <code>groupNode</code>.
+       * @param groupNode The node to calculate the bounds for.
+       * @returns The minimum bounds to use for the given group node.
        * @abstract
        */
       calculateBounds(graph:yfiles.graph.IGraph,groupNode:yfiles.graph.INode):yfiles.geometry.Rect;
@@ -57393,120 +56517,1093 @@ declare namespace system{
       isInstance(o:Object):boolean;
     };
     /**
-     * Contains less frequently used methods for analyzing and managing grouped graphs.
+     * A group of {@link yfiles.graph.IUndoUnit}s that are undone/redone as a single unit.
      * <p>
-     * An instance of this class which is configured for a given {@link yfiles.graph.IGraph} instance can be obtained via {@link yfiles.graph.IGraph#groupingSupport}.
+     * Clients can use this class to build an {@link yfiles.graph.IUndoUnit} that groups together multiple {@link yfiles.graph.IUndoUnit}s. The
+     * {@link yfiles.graph.IUndoUnit}s added to this unit are undone/redone in the order in which they were added. This implementation
+     * will try to {@link yfiles.graph.IUndoUnit#tryMergeUnit merge} or {@link yfiles.graph.IUndoUnit#tryReplaceUnit replace} units that are {@link yfiles.graph.CompositeUndoUnit#add added}.
      * </p>
-     * @class yfiles.graph.GroupingSupport
+     * @class
+     * @implements {yfiles.graph.IUndoUnit}
      */
-    export interface GroupingSupport extends Object{}
-    export class GroupingSupport {
+    export interface CompositeUndoUnit extends Object,yfiles.graph.IUndoUnit{}
+    export class CompositeUndoUnit {
       /**
-       * Creates a new instance which operates on the given <code>graph</code>.
-       * @param {yfiles.graph.IGraph} graph The graph to operate on.
-       * @constructor
+       * Creates a new instance using the provided names.
+       * @param [undoName=null]
+       * @param [redoName=null]
        */
-      constructor(graph:yfiles.graph.IGraph);
+      constructor(undoName?:string,redoName?:string);
       /**
-       * Calculates the minimum area to enclose by the given group node with respect to its {@link yfiles.graph.IGroupBoundsCalculator}.
-       * @param {yfiles.graph.INode} groupNode The group node to calculate the minimum enclosed area of.
-       * @returns {yfiles.geometry.Rect} The area to enclose for the given group node. This is {@link yfiles.geometry.Rect#EMPTY} if the node is not a group node, or if
-       * it hasn't any children.
+       * Creates a new instance using the provided names.
+       * @param {Object} options The parameters to pass.
+       * @param [options.undoName=null]
+       * @param [options.redoName=null]
        */
-      calculateMinimumEnclosedArea(groupNode:yfiles.graph.INode):yfiles.geometry.Rect;
+      constructor(options:{undoName?:string,redoName?:string});
       /**
-       * Enlarges all group nodes in the graph in an interactive scenario, so that the {@link yfiles.graph.GroupingSupport#calculateMinimumEnclosedArea minimum enclosed area} is respected.
+       * Adds a new {@link yfiles.graph.IUndoUnit} to the queue.
+       * @param unit The unit of work to add.
+       */
+      add(unit:yfiles.graph.IUndoUnit):void;
+      /**
+       * Determines whether a call to {@link yfiles.graph.CompositeUndoUnit#redo} can be made.
+       * @returns 
+       */
+      canRedo():boolean;
+      /**
+       * Determines whether a call to {@link yfiles.graph.CompositeUndoUnit#undo} can be made.
+       * @returns 
+       */
+      canUndo():boolean;
+      /**
+       * Clears the internal collection of units.
+       */
+      clear():void;
+      /**
+       * Disposes this unit and all of its contents.
        * <p>
-       * This method should be used in an interactive editing scenario. It records an {@link yfiles.graph.ICompoundEdit} to support
-       * undoability and uses the {@link yfiles.input.IReshapeHandler} for the resizing of the nodes. That way, e.g. orthogonally edited
-       * edges will be properly reshaped.
+       * This unit cannot be used anymore after this has been invoked.
        * </p>
-       * @param {yfiles.input.IInputModeContext} context The context to use for the {@link yfiles.input.IReshapeHandler}s.
-       * @see yfiles.graph.GroupingSupport#enlargeGroupNode
        */
-      enlargeAllGroupNodes(context:yfiles.input.IInputModeContext):void;
+      dispose():void;
       /**
-       * Enlarges all group nodes in the graph so that the {@link yfiles.graph.GroupingSupport#calculateMinimumEnclosedArea minimum enclosed area} is respected.
-       * @see yfiles.graph.GroupingSupport#enlargeGroupNode
+       * Redoes the next {@link yfiles.graph.IUndoUnit}.
+       * @throws {Stubs.Exceptions.NotSupportedError} If an undo operation is already in progress.
+       * @throws {yfiles.lang.Exception} If {@link yfiles.graph.CompositeUndoUnit#canRedo} would yield <code>false</code>.
        */
-      enlargeAllGroupNodes():void;
+      redo():void;
       /**
-       * Enlarges the group nodes in an interactive scenario, using {@link yfiles.input.IReshapeHandler} implementations of the group
-       * nodes to perform the actual resizing.
+       * Tries to remove a given unit from this compound unit.
        * <p>
-       * This method should be used in an interactive editing scenario. It records an {@link yfiles.graph.ICompoundEdit} to support
-       * undoability and uses the {@link yfiles.input.IReshapeHandler} for the resizing of the nodes. That way, e.g. orthogonally edited
-       * edges will be properly reshaped.
+       * This method will throw an exception if this unit has been undone or an undo or redo is in progress or this unit has
+       * already been disposed. This method will not automatically {@link yfiles.graph.IUndoUnit#dispose Dispose} removed units.
        * </p>
-       * @param {yfiles.input.IInputModeContext} context The context to use for the {@link yfiles.input.IReshapeHandler}s.
-       * @param {yfiles.graph.INode} node The node to enlarge appropriately.
-       * @param {boolean} ancestors if set to <code>true</code> ancestors the ancestor group nodes will be adjusted, too, if necessary.
-       * @see yfiles.input.IReshapeHandler
+       * @param unit The unit to remove.
+       * @returns <code>true</code> iff the unit has been removed from this instance.
        */
-      enlargeGroupNode(context:yfiles.input.IInputModeContext,node:yfiles.graph.INode,ancestors:boolean):void;
+      removeUnit(unit:yfiles.graph.IUndoUnit):boolean;
       /**
-       * Enlarges the given group node to ensure that the {@link yfiles.graph.GroupingSupport#calculateMinimumEnclosedArea minimum enclosed} area is inside of its bounds.
+       * Undoes the next {@link yfiles.graph.IUndoUnit}.
+       * @throws {Stubs.Exceptions.NotSupportedError} If an undo operation is already in progress.
+       * @throws {yfiles.lang.Exception} If {@link yfiles.graph.CompositeUndoUnit#canUndo} would yield <code>false</code>.
+       */
+      undo():void;
+      /**
+       * Yields the number of units that are contained in this compound unit.
+       * @type {number}
+       */
+      count:number;
+      /**
+       * Returns the current redo name.
+       * @type {string}
+       */
+      redoName:string;
+      /**
+       * Returns the current redo name.
+       * @type {string}
+       */
+      undoName:string;
+      /**
+       * Determines whether this instance has been {@link yfiles.graph.CompositeUndoUnit#dispose disposed.}
        * <p>
-       * This method can be used to resize a group node and all of its parent group nodes to fully contain its children, e.g.
-       * after a child node has changed its bounds. Note that this method will only enlarge the bounds of the group nodes, it
-       * will never reduce the size of a group node.
+       * An instance that has been disposed cannot be {@link yfiles.graph.CompositeUndoUnit#undo undone} or {@link yfiles.graph.CompositeUndoUnit#redo redone}.
        * </p>
-       * @param {yfiles.graph.INode} groupNode The group node to resize.
-       * @param {boolean} ancestors if set to <code>true</code> all ancestor group nodes will be resized, too, if necessary
-       * @see yfiles.graph.GroupingSupport#enlargeGroupNode
+       * @type {boolean}
        */
-      enlargeGroupNode(groupNode:yfiles.graph.INode,ancestors:boolean):void;
+      disposed:boolean;
+      static $class:yfiles.lang.Class;
+    }
+    /**
+     * This interface is a means to bracket several
+     * {@link yfiles.graph.IUndoUnit}s, that is a collection of units that are treated as one (for example they are always undone or
+     * redone as a single unit).
+     * <p>
+     * {@link yfiles.graph.ICompoundEdit}s have two states: <i>active</i> and <i>settled</i>. Whenever an {@link yfiles.graph.ICompoundEdit} is retrieved from the {@link yfiles.graph.UndoEngine}
+     * or the graph instance, it automatically is <i>active</i>. While an edit is in the <i>active</i> state, it gathers {@link yfiles.graph.IUndoUnit}s until
+     * the {@link yfiles.graph.ICompoundEdit#commit} or {@link yfiles.graph.ICompoundEdit#cancel} methods are called. Calling the {@link yfiles.graph.ICompoundEdit#commit}
+     * method commits all gathered {@link yfiles.graph.IUndoUnit}s to the {@link yfiles.graph.UndoEngine}, while canceling will {@link yfiles.graph.IUndoUnit#dispose dispose} them.
+     * Calling either method will put the edit in the <i>settled</i> state. In this state, the edit does not gather units anymore and is not
+     * reusable.
+     * </p>
+     * <p>
+     * {@link yfiles.graph.ICompoundEdit}s can also be nested, in this case the changes of the inner edit are not committed directly to
+     * the {@link yfiles.graph.UndoEngine} but to the outer edit. Only when the outer edit is committed, the units are committed to the
+     * {@link yfiles.graph.UndoEngine}.
+     * </p>
+     * @see yfiles.graph.UndoEngine
+     * @see yfiles.graph.IUndoUnit
+     * @interface
+     */
+    export interface ICompoundEdit extends Object{
       /**
-       * Returns all descendants of the provided node that are part of the grouped graph.
+       * This method cancels the compound editing process.
        * <p>
-       * The enumeration will be top down, i.e. all of a node's ancestors will be enumerated before the respective node.
+       * The recorded {@link yfiles.graph.IUndoUnit}s are {@link yfiles.graph.IUndoUnit#dispose disposed} and the edit is not usable anymore.
        * </p>
-       * @param {yfiles.graph.INode} node The root node to get the descendants from.
-       * @returns {yfiles.collections.IEnumerable.<yfiles.graph.INode>} An enumeration of the children of the node at the time of this invocation in reverse DFS prefix order.
+       * @abstract
        */
-      getDescendants(node:yfiles.graph.INode):yfiles.collections.IEnumerable<yfiles.graph.INode>;
+      cancel():void;
       /**
-       * Returns all descendants of the provided node that are part of the grouped graph.
+       * This method commits the compound editing process.
        * <p>
-       * The enumeration will be bottom up, i.e. all of a node's children will be enumerated before the respective node.
+       * The {@link yfiles.graph.IUndoUnit}s are enqueued into the corresponding {@link yfiles.graph.UndoEngine} instance and the edit is not
+       * usable anymore.
        * </p>
-       * @param {yfiles.graph.INode} node The root node to get the descendants from.
-       * @returns {yfiles.collections.IEnumerable.<yfiles.graph.INode>} An enumeration of the children of the node at the time of this invocation in DFS postfix order.
+       * @abstract
        */
-      getDescendantsBottomUp(node:yfiles.graph.INode):yfiles.collections.IEnumerable<yfiles.graph.INode>;
+      commit():void;
+    }
+    var ICompoundEdit:{
+      $class:yfiles.lang.Class;
+      isInstance(o:Object):boolean;
+    };
+    /**
+     * The basic lookup interface that allows for retrieving implementations for different aspects of the current instance.
+     * <p>
+     * The lookup idiom allows for dynamically providing, adding, changing, and removing implementation aspects of an instance
+     * that would not be possible to achieve using ordinary object oriented methods.
+     * </p>
+     * @interface
+     */
+    export interface ILookup extends Object{
       /**
-       * Determines the nearest common ancestor of the provided nodes in the graph.
-       * @param {...yfiles.graph.INode} nodes The nodes to find the nearest common ancestor of.
-       * @returns {yfiles.graph.INode} 
-       */
-      getNearestCommonAncestor(...nodes:yfiles.graph.INode[]):yfiles.graph.INode;
-      /**
-       * Determines the nearest common ancestor of the provided nodes in the graph.
-       * @param {yfiles.collections.IEnumerable.<yfiles.graph.INode>} nodes The nodes to find the nearest common ancestor of.
-       * @returns {yfiles.graph.INode} 
-       */
-      getNearestCommonAncestor(nodes:yfiles.collections.IEnumerable<yfiles.graph.INode>):yfiles.graph.INode;
-      /**
-       * Gets the path to root traversing all {@link yfiles.graph.IGraph#getParent parents} of the given item.
-       * @param {yfiles.graph.INode} node The node to start.
-       * @returns {yfiles.collections.IList.<yfiles.graph.INode>} A list that includes the node but not the root, unless they are identical and all parents in between them.
-       */
-      getPathToRoot(node:yfiles.graph.INode):yfiles.collections.IList<yfiles.graph.INode>;
-      /**
-       * Whether there are group nodes in the graph.
+       * Returns an instance that implements the given type or <code>null</code>.
        * <p>
-       * This methods considers all {@link yfiles.graph.IGraph#isGroupNode group} nodes with {@link yfiles.graph.IGraph#getChildren children} as group nodes.
+       * Typically, this method will be called in order to obtain a different view or aspect of the current instance. This is
+       * quite similar to casting or using a super type or interface of this instance, but is not limited to inheritance or
+       * compile time constraints. An instance implementing this method is not required to return non-<code>null</code> implementations for
+       * the types, nor does it have to return the same instance any time. Also it depends on the type and context whether the
+       * instance returned stays up to date or needs to be reobtained for subsequent use.
        * </p>
-       * @returns {boolean} <code>true</code> if there are {@link yfiles.graph.IGraph#isGroupNode group} nodes with {@link yfiles.graph.IGraph#getChildren children}.
+       * @param type the type for which an instance shall be returned
+       * @returns an instance that is assignable to type or <code>null</code>
+       * @abstract
        */
-      hasGroupNodes():boolean;
+      lookup(type:yfiles.lang.Class):Object;
+    }
+    var ILookup:{
       /**
-       * Determines whether <code>ancestor</code> is an ancestor of <code>node</code> in the grouped graph.
-       * @param {yfiles.graph.INode} node The node to check.
-       * @param {yfiles.graph.INode} ancestor The ancestor to check.
-       * @returns {boolean} Whether <code>ancestor</code> is an ancestor of <code>node</code>.
+       * Creates a lookup implementation that wraps an existing <code>ILookup</code> instance using an additional lookup implementations.
+       * <p>
+       * For each lookup call that the <code>additionalLookup</code> would yield <code>null</code>, the <code>basicLookup</code> will be queried instead.
+       * </p>
+       * @param basicLookup the fallback lookup implementation
+       * @param additionalLookup the lookup that has precedence over the fallback
+       * @returns an implementation that decorates the first with the latter
+       * @static
        */
-      isDescendant(node:yfiles.graph.INode,ancestor:yfiles.graph.INode):boolean;
+      createCascadingLookup?(basicLookup:yfiles.graph.ILookup,additionalLookup:yfiles.graph.ILookup):yfiles.graph.ILookup;
+      /**
+       * Creates a dynamic lookup implementation that for each type that the given subject can be assigned to yields that
+       * subject.
+       * @param subject the subject to yield if it is assignable to the type in the lookup query
+       * @returns an instance that will either yield <code>subject</code> or <code>null</code>
+       * @static
+       */
+      createDynamicLookup?(subject:Object):yfiles.graph.ILookup;
+      /**
+       * Creates a simple mutable {@link yfiles.graph.ILookup} implementation that is backed by an {@link yfiles.collections.IMap.<TKey,TValue>}.
+       * <p>
+       * The {@link yfiles.graph.ILookup#lookup lookup} method uses the specified type as key when delegating to the <code>backingDictionary</code>.
+       * </p>
+       * @param backingDictionary The backing {@link } that is used in the {@link #lookup lookup} calls.
+       * @returns A simple mutable {@link } implementation that is backed by a dictionary.
+       * @static
+       */
+      createMapLookup?(backingDictionary:yfiles.collections.Map<yfiles.lang.Class,Object>):yfiles.graph.ILookup;
+      /**
+       * Creates a simple lookup implementation that yields <code>subject</code> if <code>type</code> is queried.
+       * @param subject the subject to yield
+       * @param type the type that should yield the subject
+       * @returns an ILookup implementation
+       * @static
+       */
+      createSingleLookup?(subject:Object,type:yfiles.lang.Class):yfiles.graph.ILookup;
+      /**
+       * An <code>ILookup</code> instance that always returns <code>null</code>.
+       * @const
+       * @static
+       * @type {yfiles.graph.ILookup}
+       */
+      EMPTY?:yfiles.graph.ILookup;
+      $class:yfiles.lang.Class;
+      isInstance(o:Object):boolean;
+    };
+    /**
+     * An interface for instances that can provide a {@link yfiles.graph.ILookup} capabilities for a given object.
+     * <p>
+     * This is useful in the case where lookup functionality is not intrinsic to an item or where an existing object cannot
+     * implement the interface or when an item needs to be decorated externally with new lookup functionality.
+     * </p>
+     * @see yfiles.graph.ILookup
+     * @interface
+     */
+    export interface IContextLookup extends Object{
+      /**
+       * Tries to create or retrieve an implementation of the given type for a given item.
+       * @param item the item to lookup a type for
+       * @param type the type to look up
+       * @returns an implementation or <code>null</code>
+       * @see yfiles.graph.ILookup#lookup
+       * @abstract
+       */
+      contextLookup(item:Object,type:yfiles.lang.Class):Object;
+    }
+    var IContextLookup:{
+      /**
+       * An <code>ILookupContext</code> instance that always returns <code>null</code>.
+       * @const
+       * @static
+       * @type {yfiles.graph.IContextLookup}
+       */
+      EMPTY_CONTEXT_LOOKUP?:yfiles.graph.IContextLookup;
+      $class:yfiles.lang.Class;
+      isInstance(o:Object):boolean;
+    };
+    /**
+     * An interface for instances that can be used to chain lookup operations.
+     * <p>
+     * Implementations will perform the lookup in the {@link yfiles.graph.IContextLookup#contextLookup} method and delegate to the next
+     * implementation in the chain if they cannot satisfy the request.
+     * </p>
+     * @interface
+     * @implements {yfiles.graph.IContextLookup}
+     */
+    export interface IContextLookupChainLink extends Object,yfiles.graph.IContextLookup{
+      /**
+       * This method is called by the framework to register the fallback lookup implementation that should be used during a call
+       * to {@link yfiles.graph.IContextLookup#contextLookup}.
+       * <p>
+       * If the implementation cannot satisfy the query, it will use the provided context as a fallback. Note that
+       * implementations can also use the results returned by the next lookup and decorate it appropriately.
+       * </p>
+       * @param next The context to use as a fallback.
+       * @abstract
+       */
+      setNext(next:yfiles.graph.IContextLookup):void;
+    }
+    var IContextLookupChainLink:{
+      /**
+       * Factory method for a lookup chain element that simply adds an entry to a lookup chain.
+       * @param type The type to add to the lookup.
+       * @param instance The instance to return if the <code>type</code> is being looked up.
+       * @returns An instance that can be used in a lookup chain.
+       * @static
+       */
+      addingLookupChainLink?(type:yfiles.lang.Class,instance:Object):yfiles.graph.IContextLookupChainLink;
+      /**
+       * Factory method for a lookup chain element that adds an {@link yfiles.graph.ILookup} layer to a lookup chain.
+       * <p>
+       * If the lookup returns <code>null</code>, the call will be propagated to the chain.
+       * </p>
+       * @param lookup The lookup to use.
+       * @returns An instance that can be used in a lookup chain.
+       * @static
+       */
+      addingLookupChainLink?(lookup:yfiles.graph.ILookup):yfiles.graph.IContextLookupChainLink;
+      /**
+       * Factory method for a lookup chain element that adds an dynamic instance to a lookup chain.
+       * <p>
+       * The instance returned will check whether <code>instance</code> is of the queried type and will then return the instance.
+       * </p>
+       * @param instance The instance to query the type from dynamically.
+       * @returns An instance that can be used in a lookup chain.
+       * @static
+       */
+      addingLookupChainLink?(instance:Object):yfiles.graph.IContextLookupChainLink;
+      /**
+       * Creates a lookup chain link that is backed by the given callback.
+       * <p>
+       * If the callback returns <code>null</code> the request is passed to the chain.
+       * </p>
+       * @param callback The callback to invoke.
+       * @returns The implementation of the link that uses the callback.
+       * @static
+       */
+      createContextLookupChainLink?(callback:(subject:Object,type:yfiles.lang.Class)=>Object):yfiles.graph.IContextLookupChainLink;
+      /**
+       * Factory method for a lookup chain element that uses a function of type <code>function(</code><code>TContext</code><code>)</code> to yield a <code>TResult</code> for a specific <code>TContext</code>.
+       * <p>
+       * If the resulting link is {@link yfiles.graph.IContextLookup#contextLookup queried} for <code>TResult</code> and the context is of type <code>TContext</code>, the <code>factory</code> method will be queried and the result
+       * will be returned. Otherwise the {@link yfiles.graph.IContextLookupChainLink#setNext next} chain link will be delegated the request to.
+       * </p>
+       * Type parameter <code>TContext</code>.
+       * Type parameter <code>TResult</code>.
+       * @param factory The factory delegate to use that yields the result for a given context.
+       * @returns An instance that can be used in a lookup chain.
+       * @template TContext,TResult
+       * @static
+       */
+      factoryLookupChainLink?<TContext,TResult>(contextType:yfiles.lang.Class,resultType:yfiles.lang.Class,factory:(arg:TContext)=>TResult):yfiles.graph.IContextLookupChainLink;
+      /**
+       * Factory method for a lookup chain element that removes the entry from the lookup chain for a given type.
+       * @param type The type to hide from the lookup.
+       * @returns An instance that can be used in a lookup chain.
+       * @static
+       */
+      hidingLookupChainLink?(type:yfiles.lang.Class):yfiles.graph.IContextLookupChainLink;
+      $class:yfiles.lang.Class;
+      isInstance(o:Object):boolean;
+    };
+    /**
+     * Interface that can be used to decorate the lookup result for a set of types.
+     * @see yfiles.graph.ILookup
+     * @see yfiles.graph.IContextLookupChainLink
+     * @interface
+     */
+    export interface ILookupDecorator extends Object{
+      /**
+       * Adds a lookup implementation for a given type using a function of type <code>function(TContext, TResult)</code>.
+       * <p>
+       * This method is closely related to the {@link yfiles.graph.ILookupDecorator#add} method, however it passes the result of the
+       * remaining chain to the delegate for convenient wrapping of the result. Note that if the implementation does not depend
+       * on the previous result in order to wrap it, it is better to use that variant, in order to avoid the possibly costly
+       * evaluation of the remainder of the lookup chain.
+       * </p>
+       * Type parameter <code>TContext</code>: The type of the context subject.
+       * Type parameter <code>TResult</code>: The type of the query, which is a base type or the type of the result.
+       * @param wrapperFactory The factory delegate that will be used to satisfy queries of type <code>TResult</code>
+       * @param [decorateNull=true] Whether to actually decorate <code>null</code> results of remainder of the chain. If this is set to <code>false</code>, the <code>wrapperFactory</code> will
+       * never be called with <code>null</code> as the second argument but the result of the query for this chain link will be the <code>null</code>
+       * value.
+       * @returns The {@link } instance as returned by the {@link #addLookup} call or
+       * <code>null</code>, if either <code>decorator</code> was <code>null</code>, or it {@link #canDecorate could not decorate} the <code>TContext</code> type.
+       * @template TContext,TResult
+       */
+      add?<TContext,TResult>(contextType:yfiles.lang.Class,resultType:yfiles.lang.Class,wrapperFactory:(arg1:TContext,arg2:TResult)=>TResult,decorateNull?:boolean):yfiles.graph.IContextLookupChainLink;
+      /**
+       * Adds a lookup implementation for a given type using a func.
+       * Type parameter <code>TContext</code>: The type of the context subject.
+       * Type parameter <code>TResult</code>: The type of the query, which is a base type or the type of the result.
+       * @param factory The factory delegate that will be used to satisfy queries of type <code>TResult</code>.
+       * @param [nullIsFallback=true] Whether to treat <code>null</code>-results of the <code>factory</code> as hints to use the remainder of the chain link or to actually yield the
+       * value as the final result.
+       * @returns The {@link } instance as returned by the {@link #addLookup} call or
+       * <code>null</code>, if either <code>decorator</code> was <code>null</code>, or it {@link #canDecorate could not decorate} the <code>TContext</code> type.
+       * @template TContext,TResult
+       */
+      add?<TContext,TResult>(contextType:yfiles.lang.Class,resultType:yfiles.lang.Class,factory:(arg:TContext)=>TResult,nullIsFallback?:boolean):yfiles.graph.IContextLookupChainLink;
+      /**
+       * Add a lookup implementation for a given type that always yields a constant result.
+       * Type parameter <code>TContext</code>: The type of the context subject.
+       * Type parameter <code>TResult</code>: The type of the query, which is a base type or the type of the result.
+       * @param result The constant value to yield if the chain is queried for an implementation of type <code>TResult</code>.
+       * @returns The {@link } instance as returned by the {@link #addLookup} call or
+       * <code>null</code>, if either <code>decorator</code> was <code>null</code>, or it {@link #canDecorate could not decorate} the <code>TContext</code> type.
+       * @template TContext,TResult
+       */
+      addConstant?<TContext,TResult>(contextType:yfiles.lang.Class,resultType:yfiles.lang.Class,result:TResult):yfiles.graph.IContextLookupChainLink;
+      /**
+       * Adds a lookup chain element to the chain of lookups for a given type.
+       * <p>
+       * The lookup chain is context specific. This method will not generally decorate the lookup of all instances of type <code>t</code>, but
+       * only those that stand in context of this instance. This method will only succeed if {@link yfiles.graph.ILookupDecorator#canDecorate}
+       * yields <code>true</code> for <code>t</code>.
+       * </p>
+       * @param t The type to decorate the lookup.
+       * @param lookup The chain element to add to the lookup of the given type.
+       * @see yfiles.graph.ILookupDecorator#removeLookup
+       * @see yfiles.graph.ILookupDecorator#add
+       * @see yfiles.graph.ILookupDecorator#add
+       * @see yfiles.graph.ILookupDecorator#addConstant
+       * @abstract
+       */
+      addLookup(t:yfiles.lang.Class,lookup:yfiles.graph.IContextLookupChainLink):void;
+      /**
+       * Determines whether this instance can be used to decorate the lookup for a certain type.
+       * @param t The type to decorate the lookup for.
+       * @returns 
+       * @abstract
+       */
+      canDecorate(t:yfiles.lang.Class):boolean;
+      /**
+       * Removes a previously registered lookup chain element from the chain of lookups for a given type.
+       * @param t The type to remove the decorator from.
+       * @param lookup The chain element to remove from the lookup of the given type.
+       * @see yfiles.graph.ILookupDecorator#addLookup
+       * @abstract
+       */
+      removeLookup(t:yfiles.lang.Class,lookup:yfiles.graph.IContextLookupChainLink):void;
+    }
+    var ILookupDecorator:{
+      $class:yfiles.lang.Class;
+      isInstance(o:Object):boolean;
+    };
+    /**
+     * Interface implemented by items that can be tagged with arbitrary objects.
+     * <p>
+     * The object held by implementations of this interface is usually a user defined object. Implementations don't depend on
+     * this tag. They just serve as a storage for the tag that will be used by other parts of the implementation.
+     * </p>
+     * @interface
+     */
+    export interface ITagOwner extends Object{
+      /**
+       * Gets or sets the tag associated with this instance.
+       * <p>
+       * The implementation itself does not normally depend on the tag associated with it. It serves as storage for the object
+       * only.
+       * </p>
+       * @abstract
+       * @type {Object}
+       */
+      tag:Object;
+    }
+    var ITagOwner:{
+      $class:yfiles.lang.Class;
+      isInstance(o:Object):boolean;
+    };
+    /**
+     * An implementation of a chain of {@link yfiles.graph.IContextLookupChainLink}s.
+     * @class
+     * @implements {yfiles.graph.IContextLookup}
+     * @implements {yfiles.lang.IPropertyObservable}
+     */
+    export interface LookupChain extends Object,yfiles.graph.IContextLookup,yfiles.lang.IPropertyObservable{}
+    export class LookupChain {
+      constructor();
+      /**
+       * A convenience method that adds a {@link yfiles.graph.IContextLookupChainLink} to the given chain that is based on a function of
+       * type <code>function(TContext, TResult)</code>.
+       * <p>
+       * Depending on <code>decorateNull</code>, <code>null</code> results of the underlying chain will be passed to the
+       * <code>wrapperFactory</code>, or simply yielded as the final result.
+       * </p>
+       * Type parameter <code>TContext</code>: The type of the context.
+       * Type parameter <code>TResult</code>: The type of the result.
+       * @param resultType The type of the result.
+       * @param contextType The type of the context.
+       * @param wrapperFactory The wrapper factory that will be called for queries to <code>TResult</code> to wrap the result of the query to the remainder of the chain.
+       * @param [decorateNull=false] if set to <code>true</code> <code>null</code> return values of the remainder of the chain will be passed to the wrapper factory so that it can
+       * decorate the null, otherwise null will be yielded as the final result.
+       * @returns The link that has been registered with the chain.
+       * @template TContext,TResult
+       */
+      add<TContext,TResult>(contextType:yfiles.lang.Class,resultType:yfiles.lang.Class,wrapperFactory:(arg1:TContext,arg2:TResult)=>TResult,decorateNull?:boolean):yfiles.graph.IContextLookupChainLink;
+      /**
+       * A convenience method that adds a {@link yfiles.graph.IContextLookupChainLink} to the given chain that is based on a function of
+       * type <code>function(</code><code>TContext</code><code>)</code>.
+       * <p>
+       * Depending on <code>nullIsFallback</code>, <code>null</code> return values of the <code>factory</code> will be interpreted as the final result or indicate to
+       * the implementation that the chain should be queried for the result.
+       * </p>
+       * Type parameter <code>TContext</code>: The type of the context.
+       * Type parameter <code>TResult</code>: The type of the result.
+       * @param resultType The type of the result.
+       * @param contextType The type of the context.
+       * @param factory The factory that will be called for queries to <code>TResult</code>.
+       * @param [nullIsFallback=true] If set to <code>true</code>, <code>null</code> return values of the factory method will be interpreted as the final result, otherwise the request
+       * will propagate down the chain.
+       * @returns The link that has been registered with the chain.
+       * @template TContext,TResult
+       */
+      add<TContext,TResult>(contextType:yfiles.lang.Class,resultType:yfiles.lang.Class,factory:(arg:TContext)=>TResult,nullIsFallback?:boolean):yfiles.graph.IContextLookupChainLink;
+      /**
+       * Adds the given link to the end of the chain.
+       * @param lookup The link to add.
+       * @see yfiles.graph.LookupChain#remove
+       */
+      add(lookup:yfiles.graph.IContextLookupChainLink):void;
+      /**
+       * Convenience method that can be used instead of the {@link yfiles.graph.LookupChain#add} method to easily add a lookup
+       * implementation for a given type that always yields a constant result.
+       * Type parameter <code>TResult</code>: The type of the query, which is a base type or the type of the result.
+       * @param result The constant value to yield if the chain is queried for an implementation of type <code>TResult</code>.
+       * @returns The {@link } instance that has been added to the chain.
+       * @template TResult
+       */
+      addConstant<TResult>(resultType:yfiles.lang.Class,result:TResult):yfiles.graph.IContextLookupChainLink;
+      /**
+       * Performs the actual lookup operation.
+       * <p>
+       * This call will traverse the chain to satisfy the query.
+       * </p>
+       * @param item The item to use as the context.
+       * @param type The type of the query.
+       * @returns The result of the query.
+       */
+      contextLookup(item:Object,type:yfiles.lang.Class):Object;
+      /**
+       * Can be called by client code to trigger the {@link yfiles.graph.LookupChain#addPropertyChangedListener PropertyChanged}
+       * event manually.
+       */
+      notifyChange():void;
+      /**
+       * Notifies client code that the lookup of this instance might have changed.
+       * @param evt The arguments
+       * @protected
+       */
+      onPropertyChanged(evt:yfiles.lang.PropertyChangedEventArgs):void;
+      /**
+       * Removes the link that has previously been added to this instance from this chain.
+       * @param link The link to remove.
+       */
+      remove(link:yfiles.graph.IContextLookupChainLink):void;
+      /**
+       * Adds the given listener for the <code>PropertyChanged</code> event that occurs when the lookup of this instance has changed for some
+       * or all of the types or items.
+       * @param listener The listener to add.
+       * @see yfiles.graph.LookupChain#removePropertyChangedListener
+       */
+      addPropertyChangedListener(listener:(sender:Object,args:yfiles.lang.PropertyChangedEventArgs)=>void):void;
+      /**
+       * Removes the given listener for the <code>PropertyChanged</code> event that occurs when the lookup of this instance has changed for
+       * some or all of the types or items.
+       * @param listener The listener to remove.
+       * @see yfiles.graph.LookupChain#addPropertyChangedListener
+       */
+      removePropertyChangedListener(listener:(sender:Object,args:yfiles.lang.PropertyChangedEventArgs)=>void):void;
+      static $class:yfiles.lang.Class;
+    }
+    /**
+     * The main class to provide undo and redo functionality.
+     * <p>
+     * The {@link yfiles.graph.UndoEngine} is in charge of {@link yfiles.graph.UndoEngine#beginCompoundEdit recording}, {@link yfiles.graph.UndoEngine#addUnit managing} and {@link yfiles.graph.UndoEngine#undo executing} single units of work that can be undone
+     * and redone, represented by the interface {@link yfiles.graph.IUndoUnit}.
+     * </p>
+     * <p>
+     * These units are <b>managed</b> in a queue-like structure and can be added manually to the queue by calling the {@link yfiles.graph.UndoEngine#addUnit}
+     * method.
+     * </p>
+     * <p>
+     * <b>Executing</b> the units is done by client code or commands by calling {@link yfiles.graph.UndoEngine#undo} or
+     * {@link yfiles.graph.UndoEngine#redo}. The engine automatically manages the queue so that calling these two methdos will
+     * consistently move the units in the queue.
+     * </p>
+     * <p>
+     * The {@link yfiles.graph.UndoEngine#beginCompoundEdit} method allows to <b>record</b> units by bracketing serveral changes in an
+     * {@link yfiles.graph.ICompoundEdit}. Implementations of the {@link yfiles.graph.ICompoundEdit} interface record all subsequent changes
+     * until it is {@link yfiles.graph.ICompoundEdit#commit committed} and therefore all recorded units are added to the engine. For more information and examples see
+     * {@link yfiles.graph.ICompoundEdit}.
+     * </p>
+     * <p>
+     * Depending on the properties {@link yfiles.graph.UndoEngine#mergeUnits} and {@link yfiles.graph.UndoEngine#autoMergeTime}, the engine tries to collapse added {@link yfiles.graph.IUndoUnit}s if possible. This enhances
+     * the performance and reduces the required memory for undo changes. For example, when a node is moved interactively,
+     * instead of saving every position that the node had when being dragged the engine will only hold one {@link yfiles.graph.IUndoUnit}
+     * at the end to undo the entire movement.
+     * </p>
+     * <p>
+     * <br /> <b>Customizing Undo/Redo</b>
+     * <ul>
+     *   <li>
+     *     In general, to be able to undo or redo certain work client code can <b>implement {@link yfiles.graph.IUndoUnit} or subclass 
+     *     {@link yfiles.graph.UndoUnitBase UndoUnitBase}</b>. The client application needs to encapsulate 
+     *     changes in this implementation and provide the logic to completely undo and redo these changes. 
+     *     Instances of your custom {@link yfiles.graph.IUndoUnit} implementations need to be added to the {@link yfiles.graph.UndoEngine} 
+     *     manually via {@link yfiles.graph.UndoEngine#addUnit}.
+     *   </li>
+     *   <li>
+     *     In certain cases it is difficult or not efficient to track and save the changes between certain states,
+     *     and better to save the states themselves and to restore these. For example when there are potentially
+     *     many intermediate steps between two states of interest and it would be complicated
+     *     to produce {@link yfiles.graph.IUndoUnit}s for each intermediate step and merge them in the end.
+     *     In such cases client code should <b>implement {@link yfiles.graph.IMementoSupport}</b> instead.
+     *     See the documentation of {@link yfiles.graph.IMementoSupport} for examples and guidelines on how to implement
+     *     this memento design pattern concept.
+     *   </li>
+     *   <li>
+     *     <b>It is generally not necessary to subclass {@link yfiles.graph.UndoEngine}</b> unless you want to customize the internal
+     *     handling of the units, which is both complicated and prone to errors. In most use cases it is sufficient 
+     *     to provide custom {@link yfiles.graph.IUndoUnit}s or {@link yfiles.graph.IMementoSupport}.
+     *   </li>
+     * </ul>
+     * </p>
+     * @see yfiles.graph.IUndoUnit
+     * @see yfiles.graph.UndoUnitBase
+     * @see yfiles.graph.IMementoSupport
+     * @see yfiles.graph.ICompoundEdit
+     * @class
+     * @implements {yfiles.lang.IPropertyObservable}
+     */
+    export interface UndoEngine extends Object,yfiles.lang.IPropertyObservable{}
+    export class UndoEngine {
+      /**
+       * Initializes a new instance of the {@link yfiles.graph.UndoEngine} class.
+       * @param {Object} [options=null] The parameters to pass.
+       * @param {boolean} options.mergeUnits A value that indicates whether or not this instance should try to merge newly added units.
+       * <p>
+       * This option sets the {@link yfiles.graph.UndoEngine#mergeUnits} property on the created object.
+       * </p>
+       * @param {yfiles.lang.TimeSpan} options.autoMergeTime The duration during which the engine will try to merge newly added units.
+       * <p>
+       * This option sets the {@link yfiles.graph.UndoEngine#autoMergeTime} property on the created object.
+       * </p>
+       * @param {number} options.size The maximum size of the undo queue this instance is managing.
+       * <p>
+       * This option sets the {@link yfiles.graph.UndoEngine#size} property on the created object.
+       * </p>
+       */
+      constructor(options?:{mergeUnits?:boolean,autoMergeTime?:yfiles.lang.TimeSpan,size?:number});
+      /**
+       * Adds a new {@link yfiles.graph.IUndoUnit} to the queue.
+       * <p>
+       * This implementation will automatically group multiple units into a single unit if the time since the last add is less
+       * than {@link yfiles.graph.UndoEngine#autoMergeTime}.
+       * </p>
+       * @param unit The unit of work to add.
+       */
+      addUnit(unit:yfiles.graph.IUndoUnit):void;
+      /**
+       * Begins a compound edit that will use the provided name.
+       * <p>
+       * This will create a new edit that can independently be {@link yfiles.graph.ICompoundEdit#cancel canceled} or {@link yfiles.graph.ICompoundEdit#commit committed}. Note that only if the outer-most instances
+       * is committed, the corresponding {@link yfiles.graph.IUndoUnit} units will be enqueued into this instance.
+       * </p>
+       * @param undoName The undo name to use for the edit.
+       * @param redoName The redo name to use for the edit.
+       * @returns A compound edit implementation that needs to be {@link #cancel canceled} or {@link #commit committed} later.
+       */
+      beginCompoundEdit(undoName:string,redoName:string):yfiles.graph.ICompoundEdit;
+      /**
+       * Determines whether a call to {@link yfiles.graph.UndoEngine#redo} can be made.
+       * @returns 
+       */
+      canRedo():boolean;
+      /**
+       * Determines whether a call to {@link yfiles.graph.UndoEngine#undo} can be made.
+       * @returns 
+       */
+      canUndo():boolean;
+      /**
+       * Clears the internal queue and {@link yfiles.graph.IUndoUnit#dispose disposes} all units in it.
+       */
+      clear():void;
+      /**
+       * Returns a token that can be used to store and compare the state of the undo queue.
+       * <p>
+       * E.g. an application can retrieve the token once the user has saved his document. Comparing the token returned by this
+       * instance with another one retrieved at a later point in time enables the application to determine whether the document
+       * is in the same state.
+       * </p>
+       * @returns An object that can be checked against other tokens via the {@link #equals} method.
+       */
+      getToken():Object;
+      /**
+       * This will trigger the corresponding {@link yfiles.graph.UndoEngine#addPropertyChangedListener PropertyChanged} event.
+       * @param name The name of the property that changed.
+       * @protected
+       */
+      onPropertyChanged(name:string):void;
+      /**
+       * Redoes the next {@link yfiles.graph.IUndoUnit}.
+       * @throws {Stubs.Exceptions.NotSupportedError} If an undo operation is already in progress.
+       * @throws {yfiles.lang.Exception} If {@link yfiles.graph.UndoEngine#canRedo} would yield <code>false</code>.
+       */
+      redo():void;
+      /**
+       * Undoes the next {@link yfiles.graph.IUndoUnit}.
+       * @throws {Stubs.Exceptions.NotSupportedError} If an undo operation is already in progress.
+       * @throws {yfiles.lang.Exception} If {@link yfiles.graph.UndoEngine#canUndo} would yield <code>false</code>.
+       */
+      undo():void;
+      /**
+       * Gets or sets a value that indicates whether or not this instance should try to merge newly added units.
+       * <p>
+       * If <code>true</code> this instance will try to {@link yfiles.graph.IUndoUnit#tryMergeUnit merge} or {@link yfiles.graph.IUndoUnit#tryReplaceUnit replace} units in the queue. Note that when the {@link yfiles.graph.UndoEngine#autoMergeTime} property is set to {@link yfiles.lang.TimeSpan#ZERO}
+       * and this property is set to <code>true</code>, the engine will always try to merge incoming units. Otherwise the {@link yfiles.graph.UndoEngine#autoMergeTime} dictates whether
+       * the engine will try to merge a unit or not.
+       * </p>
+       * @see yfiles.graph.UndoEngine#autoMergeTime
+       * @type {boolean}
+       */
+      mergeUnits:boolean;
+      /**
+       * Gets or sets the duration during which the engine will try to merge newly added units.
+       * <p>
+       * If this is set to {@link yfiles.lang.TimeSpan#ZERO}, the engine will try to merge incoming units depending on the {@link yfiles.graph.UndoEngine#mergeUnits} property.
+       * Otherwise, if the time span between the last added unit and the new unit exceeds the set value, the engine does not try
+       * to merge the units regardless what the {@link yfiles.graph.UndoEngine#mergeUnits} property is set to. Likewise, if the time span is smaller than the set value,
+       * the engine will always try to merge units.
+       * </p>
+       * @see yfiles.graph.UndoEngine#mergeUnits
+       * @type {yfiles.lang.TimeSpan}
+       */
+      autoMergeTime:yfiles.lang.TimeSpan;
+      /**
+       * Gets or sets the maximum size of the undo queue this instance is managing.
+       * <p>
+       * A size of <code>0</code> effectively disables this implementation.
+       * </p>
+       * @type {number}
+       */
+      size:number;
+      /**
+       * Returns the {@link yfiles.graph.IUndoUnit#undoName} of the next {@link yfiles.graph.UndoEngine#undo} operation.
+       * @type {string}
+       */
+      undoName:string;
+      /**
+       * Returns the {@link yfiles.graph.IUndoUnit#redoName} of the next {@link yfiles.graph.UndoEngine#redo} operation.
+       * @type {string}
+       */
+      redoName:string;
+      /**
+       * Indicates whether this instance is currently performing an undo operation.
+       * @type {boolean}
+       */
+      performingUndo:boolean;
+      /**
+       * Indicates whether this instance is currently performing a redo operation.
+       * @type {boolean}
+       */
+      performingRedo:boolean;
+      /**
+       * Adds the given listener for the <code>PropertyChanged</code> event that occurs when {@link yfiles.graph.UndoEngine#canUndo},
+       * {@link yfiles.graph.UndoEngine#canRedo}, {@link yfiles.graph.UndoEngine#undoName}, or {@link yfiles.graph.UndoEngine#redoName} changed its value.
+       * @param listener The listener to add.
+       * @see yfiles.graph.UndoEngine#removePropertyChangedListener
+       */
+      addPropertyChangedListener(listener:(sender:Object,args:yfiles.lang.PropertyChangedEventArgs)=>void):void;
+      /**
+       * Removes the given listener for the <code>PropertyChanged</code> event that occurs when {@link yfiles.graph.UndoEngine#canUndo},
+       * {@link yfiles.graph.UndoEngine#canRedo}, {@link yfiles.graph.UndoEngine#undoName}, or {@link yfiles.graph.UndoEngine#redoName} changed its value.
+       * @param listener The listener to remove.
+       * @see yfiles.graph.UndoEngine#addPropertyChangedListener
+       */
+      removePropertyChangedListener(listener:(sender:Object,args:yfiles.lang.PropertyChangedEventArgs)=>void):void;
+      /**
+       * Adds the given listener for the <code>UnitUndone</code> event that occurs when the engine has successfully executed the {@link yfiles.graph.IUndoUnit#undo}
+       * operation of an {@link yfiles.graph.IUndoUnit}.
+       * @param listener The listener to add.
+       * @see yfiles.graph.UndoEngine#removeUnitUndoneListener
+       */
+      addUnitUndoneListener(listener:(sender:Object,evt:yfiles.lang.EventArgs)=>void):void;
+      /**
+       * Removes the given listener for the <code>UnitUndone</code> event that occurs when the engine has successfully executed the {@link yfiles.graph.IUndoUnit#undo}
+       * operation of an {@link yfiles.graph.IUndoUnit}.
+       * @param listener The listener to remove.
+       * @see yfiles.graph.UndoEngine#addUnitUndoneListener
+       */
+      removeUnitUndoneListener(listener:(sender:Object,evt:yfiles.lang.EventArgs)=>void):void;
+      /**
+       * Adds the given listener for the <code>UnitRedone</code> event that occurs when the engine has successfully executed the {@link yfiles.graph.IUndoUnit#redo}
+       * operation of an {@link yfiles.graph.IUndoUnit}.
+       * @param listener The listener to add.
+       * @see yfiles.graph.UndoEngine#removeUnitRedoneListener
+       */
+      addUnitRedoneListener(listener:(sender:Object,evt:yfiles.lang.EventArgs)=>void):void;
+      /**
+       * Removes the given listener for the <code>UnitRedone</code> event that occurs when the engine has successfully executed the {@link yfiles.graph.IUndoUnit#redo}
+       * operation of an {@link yfiles.graph.IUndoUnit}.
+       * @param listener The listener to remove.
+       * @see yfiles.graph.UndoEngine#addUnitRedoneListener
+       */
+      removeUnitRedoneListener(listener:(sender:Object,evt:yfiles.lang.EventArgs)=>void):void;
+      static $class:yfiles.lang.Class;
+    }
+    /**
+     * Represents a unit of work that can be undone and redone.
+     * <p>
+     * Clients should use this interface when certain actions, changes or events should be monitored and have undoability
+     * provided for them. If you simply want to track the state of certain items between two states of interest, you should
+     * consider using {@link yfiles.graph.IMementoSupport mementos} instead.
+     * </p>
+     * <p>
+     * The central methods of this interface are {@link yfiles.graph.IUndoUnit#undo} and {@link yfiles.graph.IUndoUnit#redo} which contain the
+     * logic to undo or redo a unit of work. Keep in mind that undo/redo are sensible operations and should maintain a
+     * consistent state before and after each operation since they may be executed potentially often one after another.
+     * </p>
+     * <p>
+     * The requirement for an {@link yfiles.graph.IUndoUnit} is that when a program is in a certain state and a call to {@link yfiles.graph.IUndoUnit#undo}
+     * is followed by a call to {@link yfiles.graph.IUndoUnit#redo} then the program is in the exact same state as before (the same
+     * holds true for the other way around).
+     * </p>
+     * <p>
+     * A default implementation of this interface is the abstract class {@link yfiles.graph.UndoUnitBase} which forces only the
+     * implementation of the undo/redo logic and defaults the other methods. Clients should primarily extend this class instead
+     * of implementing the whole interface.
+     * </p>
+     * <p>
+     * IUndoUnits are managed by the {@link yfiles.graph.UndoEngine}. Custom units can always be added to the engine using the method
+     * {@link yfiles.graph.UndoEngine#addUnit}. Also consider to use one of the convenience implementations: {@link yfiles.graph.DelegateUndoUnit.<T>} takes delegates for the
+     * undo/redo operations and {@link yfiles.graph.CompositeUndoUnit} creates a bracketing unit comprising several other units.
+     * </p>
+     * <p>
+     * Also note that in order to keep a consistent state, methods of objects of this type should not be called by clientcode
+     * directly but use the {@link yfiles.graph.UndoEngine} instead.
+     * </p>
+     * @interface
+     */
+    export interface IUndoUnit extends Object{
+      /**
+       * Called by the {@link yfiles.graph.UndoEngine} and client code to let the unit dispose of references aren't needed anymore.
+       * <p>
+       * When this method is called, the other methods of this interface will not be called anymore by the undo engine. The undo
+       * engine calls this method on instances that it will not use anymore to enable the instances to release instances and
+       * memory actively.
+       * </p>
+       * @abstract
+       */
+      dispose():void;
+      /**
+       * Redoes the work that is represented by this unit.
+       * <p>
+       * Undo/redo are sensible operations and should maintain a consistent state before and after each operation since they may
+       * be executed potentially often one after another.
+       * </p>
+       * @see yfiles.graph.IUndoUnit#redoName
+       * @abstract
+       */
+      redo():void;
+      /**
+       * Tries to merge the given unit with this one.
+       * <p>
+       * This method is called when <code>this</code> unit is the head of an {@link yfiles.graph.UndoEngine}'s or {@link yfiles.graph.CompositeUndoUnit}'s
+       * queue and a new unit is added. It is meant to try to incorporate the change of the given <code>unit</code> into <code>this</code> and if
+       * successful return <code>true</code>. This should be the case when the end state of <code>this</code> unit is equal to the start state of the given
+       * <code>unit</code>.
+       * </p>
+       * <p>
+       * For example, if <code>this</code> unit is the head of the queue and represents the work from state <code>A</code> to state <code>B</code> and the given unit
+       * the work from state <code>B</code> to state <code>C</code>, then this method should try to make <code>this</code> unit shift from state <code>A</code> to state <code>C</code>. If this
+       * is successful, the method is expected to return <code>true</code>. The other unit is then {@link yfiles.graph.IUndoUnit#dispose disposed} by the {@link yfiles.graph.UndoEngine}
+       * afterwards.
+       * </p>
+       * <p>
+       * Clients don't necessarily have to implement this method if the unit doesn't happen very often. In fact, the default
+       * implementation of {@link yfiles.graph.UndoUnitBase#tryMergeUnit} simply returns <code>false</code>. Implementing this method faithfully will
+       * cause multiple units of work to inseparably appear as one and undoing/redoing it will undo/redo the work of all
+       * collapsed units. Depending on the situation this may be reasonable, for example when there are potentially a lot of
+       * changes where not every intermediate step is required to be recorded. In this case implementing this method faithfully
+       * will greatly improve the performance and reduce the required amount of memory of the undo process. If you want to group
+       * together multiple units as a single block but still want to be able to separate each step, consider to use a {@link yfiles.graph.CompositeUndoUnit}
+       * instead.
+       * </p>
+       * @param unit The unit to incorporate that happened after this unit.
+       * @returns Whether the state change of <code>unit</code> has been incorporated into this unit and <code>unit</code> can be disposed of.
+       * @abstract
+       */
+      tryMergeUnit(unit:yfiles.graph.IUndoUnit):boolean;
+      /**
+       * Tries to replace the given unit with this one.
+       * <p>
+       * This method is called if a newly added unit couldn't be {@link yfiles.graph.IUndoUnit#tryMergeUnit merged} with the head unit of the queue (i.e. returned false).
+       * Instead of trying to merge a newly added unit, this method tries to replace the given unit (which is the head of the
+       * queue) with <code>this</code> by incorporating the change of the given <code>unit</code> into <code>this</code> and if successful return <code>true</code>. This should be
+       * the case when the start state of <code>this</code> unit is equal to the end state of the given <code>unit</code>.
+       * </p>
+       * <p>
+       * For example, if the given <code>unit</code> represents the work from state <code>A</code> to state <code>B</code> and <code>this</code> unit the work from state <code>B</code> to state
+       * <code>C</code>, then this method should try to make <code>this</code> unit shift from state <code>A</code> to state <code>C</code>. If this is successful, the method is
+       * expected to return <code>true</code>. The given <code>unit</code> is then {@link yfiles.graph.IUndoUnit#dispose disposed} by the {@link yfiles.graph.UndoEngine} afterwards and replaced with <code>this</code>
+       * unit in the queue.
+       * </p>
+       * <p>
+       * Clients don't necessarily have to implement this method if the unit doesn't happen very often. In fact, the default
+       * implementation of {@link yfiles.graph.UndoUnitBase#tryReplaceUnit} simply returns <code>false</code>. Implementing this method faithfully
+       * will cause multiple units of work to inseparably appear as one and undoing/redoing it will undo/redo the work of all
+       * collapsed units. Depending on the situation this may be reasonable, for example when there are potentially a lot of
+       * changes where not every intermediate step is required to be recorded. In this case implementing this method faithfully
+       * will greatly improve the performance and reduce the required amount of memory of the undo process. If you want to group
+       * together multiple units as a single block but still want to be able to separate each step, consider to use a {@link yfiles.graph.CompositeUndoUnit}
+       * instead.
+       * </p>
+       * @param unit The unit to incorporate that happened before this unit.
+       * @returns Whether the state change of <code>this</code> unit has been incorporated into the given <code>unit</code> and <code>this</code> can be disposed of.
+       * @abstract
+       */
+      tryReplaceUnit(unit:yfiles.graph.IUndoUnit):boolean;
+      /**
+       * Undoes the work that is represented by this unit.
+       * <p>
+       * Undo/redo are sensible operations and should maintain a consistent state before and after each operation since they may
+       * be executed potentially often one after another.
+       * </p>
+       * @see yfiles.graph.IUndoUnit#undoName
+       * @abstract
+       */
+      undo():void;
+      /**
+       * Returns the name of the undo unit.
+       * <p>
+       * Depending on the implementation and context this might be a human readable representation of the undo action or a
+       * symbolic name that needs localization.
+       * </p>
+       * @abstract
+       * @type {string}
+       */
+      undoName:string;
+      /**
+       * Returns the name of the redo unit.
+       * <p>
+       * Depending on the implementation and context this might be a human readable representation of the redo action or a
+       * symbolic name that needs localization.
+       * </p>
+       * @abstract
+       * @type {string}
+       */
+      redoName:string;
+    }
+    var IUndoUnit:{
+      $class:yfiles.lang.Class;
+      isInstance(o:Object):boolean;
+    };
+    /**
+     * This interface provides access to the memento design pattern to provide undoability for arbitrary models.
+     * <p>
+     * By implementing this interface as well as {@link yfiles.graph.ILookup}, clients can add undoability for changes to their model
+     * classes. The yFiles undo mechanism uses the return value of {@link yfiles.graph.IMementoSupport#getState} to retrieve a state of
+     * an item at the beginning of the compound editing process. When the process ends, another state will be retrieved of the
+     * same item and compared to the original state. If they differ, an {@link yfiles.graph.IUndoUnit} is created that uses the {@link yfiles.graph.IMementoSupport#applyState}
+     * method to apply either state to the item in case of {@link yfiles.graph.IUndoUnit#undo undo} or {@link yfiles.graph.IUndoUnit#redo redo}. This represents an abstraction to the undo mechanism
+     * where it is only needed to define "states" of items and hides the more complicated mechanism of creating and inserting
+     * {@link yfiles.graph.IUndoUnit}s.
+     * </p>
+     * <p>
+     * The following is an example implementation of an item that is being managed using {@link yfiles.graph.IMementoSupport}:
+     * </p>
+     * <p>
+     * A collection of items from this type can then be watched using the following code snippet:
+     * </p>
+     * <p>
+     * Implementing the {@link yfiles.graph.IMementoSupport} interface is quite unrestrained, the type of the state returned by {@link yfiles.graph.IMementoSupport#getState}
+     * method can by anything as long as the {@link yfiles.graph.IMementoSupport#applyState} and {@link yfiles.graph.IMementoSupport#stateEquals}
+     * methods can deal with it:
+     * </p>
+     * <p>
+     * In summary, use this concept when you want to track the state of items during certain operations for undo/redo. This is
+     * efficient if it's easier to handle an item's state than the changes to the item themselves. If you want to focus on the
+     * changes or on certain events, you should use custom {@link yfiles.graph.IUndoUnit} implementations instead.
+     * </p>
+     * @see yfiles.graph.ILookup
+     * @see yfiles.graph.ICompoundEdit
+     * @see yfiles.graph.UndoEngine
+     * @interface
+     */
+    export interface IMementoSupport extends Object{
+      /**
+       * Reapplies a previously queried state object to a given subject.
+       * <p>
+       * The state object has been created using the {@link yfiles.graph.IMementoSupport#getState} method.
+       * </p>
+       * @param subject The subject to modify the state.
+       * @param state The state object as returned by {@link #getState}
+       * @abstract
+       */
+      applyState(subject:Object,state:Object):void;
+      /**
+       * Retrieves an object representing the state at the moment this method is called.
+       * <p>
+       * The returned state may be reapplied later to the subject in the {@link yfiles.graph.IMementoSupport#applyState} method.
+       * </p>
+       * @param subject The subject to read the state from
+       * @returns An object that describes the current state of <code>subject</code>.
+       * @abstract
+       */
+      getState(subject:Object):Object;
+      /**
+       * Determines whether two state objects are equal.
+       * <p>
+       * The undo mechanism in yFiles calls this method to determine if the subject has changed and whether an {@link yfiles.graph.IUndoUnit}
+       * should be created for these changes. If this method returns <code>false</code>, an {@link yfiles.graph.IUndoUnit} is created for the two
+       * states that can reapply either state (for either undo or redo). If this method returns <code>true</code> the state is considered not
+       * to have changed and no undo unit will be created. Conservative implementations my simply return <code>false</code>.
+       * </p>
+       * @param state1 The first state as obtained from {@link #getState}
+       * @param state2 The second state as obtained from {@link #getState}
+       * @returns <code>true</code> if the states are equal; <code>false</code> otherwise.
+       * @abstract
+       */
+      stateEquals(state1:Object,state2:Object):boolean;
+    }
+    var IMementoSupport:{
+      $class:yfiles.lang.Class;
+      isInstance(o:Object):boolean;
+    };
+    /**
+     * A convenience implementation of the {@link yfiles.graph.IUndoUnit} interface that uses simple delegates for the actual undo and
+     * redo operations.
+     * Type parameter <code>T</code>: The type of the single parameter that is passed to the delegate.
+     * @class
+     * @extends {yfiles.graph.UndoUnitBase}
+     * @template T
+     * @final
+     */
+    export interface DelegateUndoUnit<T> extends yfiles.graph.UndoUnitBase{}
+    export class DelegateUndoUnit<T> {
+      /**
+       * Creates a new instance using the provided name and a undo and redo handler as well as the parameters to pass to the
+       * delegates.
+       * @param undoName The name of the undo.
+       * @param undo The undo handler delegate.
+       * @param redo The redo handler delegate.
+       * @param undoParam The undo parameter to pass to the delegate.
+       * @param redoParam The redo parameter to pass to the delegate.
+       */
+      constructor(undoName:string,undo:(param:T)=>void,redo:(param:T)=>void,undoParam:T,redoParam:T);
+      /**
+       * Creates a new instance using the provided name and a undo/redo handler as well as the parameters to pass to the
+       * delegates.
+       * @param undoName The name of the undo.
+       * @param undoRedo The undo and redo handler delegate.
+       * @param undoParam The undo parameter to pass to the delegate.
+       * @param redoParam The redo parameter to pass to the delegate.
+       */
+      constructor(undoName:string,undoRedo:(param:T)=>void,undoParam:T,redoParam:T);
+      static $class:yfiles.lang.Class;
+    }
+    /**
+     * An abstract convenience implementation of {@link yfiles.graph.IUndoUnit}.
+     * <p>
+     * This class defaults most methods required by the {@link yfiles.graph.IUndoUnit} interface. Subclasses only have to implement the
+     * undo/redo logic. Most notably, {@link yfiles.graph.IUndoUnit#tryMergeUnit} and {@link yfiles.graph.IUndoUnit#tryReplaceUnit} are
+     * implemented to return
+     * <code>false</code>. Subclasses are of course allowed to override more methods if clients want to enable additional functionality.
+     * </p>
+     * <p>
+     * Use this class for simple custom implementations of {@link yfiles.graph.IUndoUnit}.
+     * </p>
+     * @see yfiles.graph.IUndoUnit
+     * @see yfiles.graph.UndoEngine
+     * @class
+     * @implements {yfiles.graph.IUndoUnit}
+     */
+    export interface UndoUnitBase extends Object,yfiles.graph.IUndoUnit{}
+    export class UndoUnitBase {
+      /**
+       * Creates a new instance using the given name as undo and redo name.
+       * @param undoName The undo name.
+       * @param [redoName=null] The redo name.
+       * @protected
+       */
+      constructor(undoName:string,redoName?:string);
+      /**
+       * 
+       */
+      dispose():void;
+      /**
+       * 
+       * @abstract
+       */
+      redo():void;
+      /**
+       * 
+       * @param unit
+       * @returns 
+       */
+      tryMergeUnit(unit:yfiles.graph.IUndoUnit):boolean;
+      /**
+       * 
+       * @param unit
+       * @returns 
+       */
+      tryReplaceUnit(unit:yfiles.graph.IUndoUnit):boolean;
+      /**
+       * 
+       * @abstract
+       */
+      undo():void;
+      /**
+       * 
+       * @type {string}
+       */
+      undoName:string;
+      /**
+       * 
+       * @type {string}
+       */
+      redoName:string;
       static $class:yfiles.lang.Class;
     }
     /**
@@ -57519,31 +57616,31 @@ declare namespace system{
      * </p>
      * @see yfiles.graph.DefaultFoldingEdgeConverter
      * @see yfiles.graph.FoldingManager
-     * @class yfiles.graph.FoldingEdgeConverterBase
+     * @class
      * @implements {yfiles.graph.IFoldingEdgeConverter}
      */
     export interface FoldingEdgeConverterBase extends Object,yfiles.graph.IFoldingEdgeConverter{}
     export class FoldingEdgeConverterBase {
       /**
        * 
-       * @param {yfiles.graph.IFoldingEdgeFactory} factory
-       * @param {yfiles.graph.IFoldingView} foldingView
-       * @param {yfiles.graph.IEdge} masterEdge
-       * @param {yfiles.graph.INode} source
-       * @param {boolean} sourceIsCollapsed
-       * @param {yfiles.graph.INode} target
-       * @param {boolean} targetIsCollapsed
-       * @returns {yfiles.graph.IEdge} 
+       * @param factory
+       * @param foldingView
+       * @param masterEdge
+       * @param source
+       * @param sourceIsCollapsed
+       * @param target
+       * @param targetIsCollapsed
+       * @returns 
        * @abstract
        */
       addFoldingEdge(factory:yfiles.graph.IFoldingEdgeFactory,foldingView:yfiles.graph.IFoldingView,masterEdge:yfiles.graph.IEdge,source:yfiles.graph.INode,sourceIsCollapsed:boolean,target:yfiles.graph.INode,targetIsCollapsed:boolean):yfiles.graph.IEdge;
       /**
        * Callback factory method that creates the {@link yfiles.styles.IEdgeStyle} for use in
        * {@link yfiles.graph.FoldingEdgeConverterBase#initializeFoldingEdgeStyle}.
-       * @param {yfiles.graph.IFoldingView} foldingView The folding view instance.
-       * @param {yfiles.graph.IEdge} foldingEdge The folding edge in the view whose {@link yfiles.graph.IEdge#style} should be initialized.
-       * @param {yfiles.collections.IList.<yfiles.graph.IEdge>} masterEdges The edges that are being represented by the folding edge.
-       * @returns {yfiles.styles.IEdgeStyle} The {@link yfiles.graph.FoldingEdgeConverterBase#foldingEdgeStyle} or a {@link yfiles.lang.ICloneable#clone} of it depending on the {@link yfiles.graph.FoldingEdgeConverterBase#cloneEdgeStyle} property. This method may return <code>null</code> to indicate that
+       * @param foldingView The folding view instance.
+       * @param foldingEdge The folding edge in the view whose {@link #style} should be initialized.
+       * @param masterEdges The edges that are being represented by the folding edge.
+       * @returns The {@link #foldingEdgeStyle} or a {@link #clone} of it depending on the {@link #cloneEdgeStyle} property. This method may return <code>null</code> to indicate that
        * the default style should not be changed.
        * @protected
        */
@@ -57551,11 +57648,11 @@ declare namespace system{
       /**
        * Callback factory method that creates the {@link yfiles.graph.ILabelModelParameter} for use in
        * {@link yfiles.graph.FoldingEdgeConverterBase#initializeFoldingEdgeLabels}.
-       * @param {yfiles.graph.IFoldingView} foldingView The folding view instance.
-       * @param {yfiles.graph.ILabel} localLabel The local label in the view whose {@link yfiles.graph.ILabel#layoutParameter} should be initialized. May be <code>null</code> if the label layout parameter is requested for the
+       * @param foldingView The folding view instance.
+       * @param localLabel The local label in the view whose {@link #layoutParameter} should be initialized. May be <code>null</code> if the label layout parameter is requested for the
        * label creation.
-       * @param {yfiles.graph.ILabel} masterLabel The label that is being represented by the folding label.
-       * @returns {yfiles.graph.ILabelModelParameter} The {@link yfiles.graph.FoldingEdgeConverterBase#labelLayoutParameter} or a {@link yfiles.lang.ICloneable#clone} of it depending on the {@link yfiles.graph.FoldingEdgeConverterBase#cloneLabelLayoutParameter} property. This method may return <code>null</code> to indicate that
+       * @param masterLabel The label that is being represented by the folding label.
+       * @returns The {@link #labelLayoutParameter} or a {@link #clone} of it depending on the {@link #cloneLabelLayoutParameter} property. This method may return <code>null</code> to indicate that
        * the default label layout parameter should not be changed.
        * @protected
        */
@@ -57563,11 +57660,11 @@ declare namespace system{
       /**
        * Callback factory method that creates the {@link yfiles.styles.ILabelStyle} for use in
        * {@link yfiles.graph.FoldingEdgeConverterBase#initializeFoldingEdgeLabels}.
-       * @param {yfiles.graph.IFoldingView} foldingView The folding view instance.
-       * @param {yfiles.graph.ILabel} localLabel The local label in the view whose {@link yfiles.graph.ILabel#style} should be initialized. May be <code>null</code> if the label style is requested for the label
+       * @param foldingView The folding view instance.
+       * @param localLabel The local label in the view whose {@link #style} should be initialized. May be <code>null</code> if the label style is requested for the label
        * creation.
-       * @param {yfiles.graph.ILabel} masterLabel The label that is being represented by the folding label.
-       * @returns {yfiles.styles.ILabelStyle} The {@link yfiles.graph.FoldingEdgeConverterBase#labelStyle} or a {@link yfiles.lang.ICloneable#clone} of it depending on the {@link yfiles.graph.FoldingEdgeConverterBase#cloneLabelStyle} property. This method may return <code>null</code> to indicate that
+       * @param masterLabel The label that is being represented by the folding label.
+       * @returns The {@link #labelStyle} or a {@link #clone} of it depending on the {@link #cloneLabelStyle} property. This method may return <code>null</code> to indicate that
        * the default style should not be changed.
        * @protected
        */
@@ -57575,10 +57672,10 @@ declare namespace system{
       /**
        * Callback factory method that creates the {@link yfiles.graph.IPortLocationModelParameter} of the source port for use in
        * {@link yfiles.graph.FoldingEdgeConverterBase#initializeFoldingEdgePorts}.
-       * @param {yfiles.graph.IFoldingView} foldingView The folding view instance.
-       * @param {yfiles.graph.IEdge} localEdge The local edge in the view whose source port's {@link yfiles.graph.IPort#locationParameter} should be initialized.
-       * @param {yfiles.collections.IList.<yfiles.graph.IEdge>} masterEdges The master edges that the folding edge represents.
-       * @returns {yfiles.graph.IPortLocationModelParameter} The {@link yfiles.graph.FoldingEdgeConverterBase#sourcePortLocationParameter} or a {@link yfiles.lang.ICloneable#clone} of it depending on the {@link yfiles.graph.FoldingEdgeConverterBase#cloneSourcePortLocationParameter} property. This method may return <code>null</code> to indicate that
+       * @param foldingView The folding view instance.
+       * @param localEdge The local edge in the view whose source port's {@link #locationParameter} should be initialized.
+       * @param masterEdges The master edges that the folding edge represents.
+       * @returns The {@link #sourcePortLocationParameter} or a {@link #clone} of it depending on the {@link #cloneSourcePortLocationParameter} property. This method may return <code>null</code> to indicate that
        * the default port location parameter should not be changed.
        * @protected
        */
@@ -57586,10 +57683,10 @@ declare namespace system{
       /**
        * Callback factory method that creates the {@link yfiles.styles.IPortStyle} of the source port for use in
        * {@link yfiles.graph.FoldingEdgeConverterBase#initializeFoldingEdgePorts}.
-       * @param {yfiles.graph.IFoldingView} foldingView The folding view instance.
-       * @param {yfiles.graph.IEdge} localEdge The local edge in the view whose source port's {@link yfiles.graph.IPort#style} should be initialized.
-       * @param {yfiles.collections.IList.<yfiles.graph.IEdge>} masterEdges The master edges that the folding edge represents.
-       * @returns {yfiles.styles.IPortStyle} The {@link yfiles.graph.FoldingEdgeConverterBase#sourcePortStyle} or a {@link yfiles.lang.ICloneable#clone} of it depending on the {@link yfiles.graph.FoldingEdgeConverterBase#cloneSourcePortStyle} property. This method may return <code>null</code> to indicate that
+       * @param foldingView The folding view instance.
+       * @param localEdge The local edge in the view whose source port's {@link #style} should be initialized.
+       * @param masterEdges The master edges that the folding edge represents.
+       * @returns The {@link #sourcePortStyle} or a {@link #clone} of it depending on the {@link #cloneSourcePortStyle} property. This method may return <code>null</code> to indicate that
        * the default style should not be changed.
        * @protected
        */
@@ -57597,10 +57694,10 @@ declare namespace system{
       /**
        * Callback factory method that creates the {@link yfiles.graph.IPortLocationModelParameter} of the target port for use in
        * {@link yfiles.graph.FoldingEdgeConverterBase#initializeFoldingEdgePorts}.
-       * @param {yfiles.graph.IFoldingView} foldingView The folding view instance.
-       * @param {yfiles.graph.IEdge} localEdge The local edge in the view whose target port's {@link yfiles.graph.IPort#locationParameter} should be initialized.
-       * @param {yfiles.collections.IList.<yfiles.graph.IEdge>} masterEdges The master edges that the folding edge represents.
-       * @returns {yfiles.graph.IPortLocationModelParameter} The {@link yfiles.graph.FoldingEdgeConverterBase#targetPortLocationParameter} or a {@link yfiles.lang.ICloneable#clone} of it depending on the {@link yfiles.graph.FoldingEdgeConverterBase#cloneTargetPortLocationParameter} property. This method may return <code>null</code> to indicate that
+       * @param foldingView The folding view instance.
+       * @param localEdge The local edge in the view whose target port's {@link #locationParameter} should be initialized.
+       * @param masterEdges The master edges that the folding edge represents.
+       * @returns The {@link #targetPortLocationParameter} or a {@link #clone} of it depending on the {@link #cloneTargetPortLocationParameter} property. This method may return <code>null</code> to indicate that
        * the default port location parameter should not be changed.
        * @protected
        */
@@ -57608,10 +57705,10 @@ declare namespace system{
       /**
        * Callback factory method that creates the {@link yfiles.styles.IPortStyle} of the target port for use in
        * {@link yfiles.graph.FoldingEdgeConverterBase#initializeFoldingEdgePorts}.
-       * @param {yfiles.graph.IFoldingView} foldingView The folding view instance.
-       * @param {yfiles.graph.IEdge} localEdge The local edge in the view whose target port's {@link yfiles.graph.IPort#style} should be initialized.
-       * @param {yfiles.collections.IList.<yfiles.graph.IEdge>} masterEdges The master edges that the folding edge represents.
-       * @returns {yfiles.styles.IPortStyle} The {@link yfiles.graph.FoldingEdgeConverterBase#targetPortStyle} or a {@link yfiles.lang.ICloneable#clone} of it depending on the {@link yfiles.graph.FoldingEdgeConverterBase#cloneTargetPortStyle} property. This method may return <code>null</code> to indicate that
+       * @param foldingView The folding view instance.
+       * @param localEdge The local edge in the view whose target port's {@link #style} should be initialized.
+       * @param masterEdges The master edges that the folding edge represents.
+       * @returns The {@link #targetPortStyle} or a {@link #clone} of it depending on the {@link #cloneTargetPortStyle} property. This method may return <code>null</code> to indicate that
        * the default style should not be changed.
        * @protected
        */
@@ -57621,10 +57718,10 @@ declare namespace system{
        * <p>
        * This will call the {@link yfiles.graph.FoldingEdgeState#clearBends} callback if {@link yfiles.graph.FoldingEdgeConverterBase#resetBends} is enabled.
        * </p>
-       * @param {yfiles.graph.FoldingEdgeState} state The viewstate to change.
-       * @param {yfiles.graph.IFoldingView} foldingView The folding view instance that has triggered the {@link yfiles.graph.FoldingEdgeConverterBase#initializeFoldingEdgeState} call.
-       * @param {yfiles.graph.IEdge} foldingEdge The folding edge in the view that may be changed using the <code>state</code>.
-       * @param {yfiles.collections.IList.<yfiles.graph.IEdge>} masterEdges The master edges that the folding edge represents.
+       * @param state The viewstate to change.
+       * @param foldingView The folding view instance that has triggered the {@link #initializeFoldingEdgeState} call.
+       * @param foldingEdge The folding edge in the view that may be changed using the <code>state</code>.
+       * @param masterEdges The master edges that the folding edge represents.
        * @protected
        */
       initializeFoldingEdgeBends(state:yfiles.graph.FoldingEdgeState,foldingView:yfiles.graph.IFoldingView,foldingEdge:yfiles.graph.IEdge,masterEdges:yfiles.collections.IList<yfiles.graph.IEdge>):void;
@@ -57635,10 +57732,10 @@ declare namespace system{
        * will call {@link yfiles.graph.FoldingEdgeConverterBase#createLabelStyle} and {@link yfiles.graph.FoldingEdgeConverterBase#createLabelLayoutParameter}
        * and use the returned style and layout parameter if they are non-<code>null</code> when {@link yfiles.graph.FoldingEdgeState#addLabel adding the label} on the folding edge.
        * </p>
-       * @param {yfiles.graph.FoldingEdgeState} state The viewstate to change.
-       * @param {yfiles.graph.IFoldingView} foldingView The folding view instance that has triggered the {@link yfiles.graph.FoldingEdgeConverterBase#initializeFoldingEdgeState} call.
-       * @param {yfiles.graph.IEdge} foldingEdge The folding edge in the view that may be changed using the <code>state</code>.
-       * @param {yfiles.collections.IList.<yfiles.graph.IEdge>} masterEdges The master edges that the folding edge represents.
+       * @param state The viewstate to change.
+       * @param foldingView The folding view instance that has triggered the {@link #initializeFoldingEdgeState} call.
+       * @param foldingEdge The folding edge in the view that may be changed using the <code>state</code>.
+       * @param masterEdges The master edges that the folding edge represents.
        * @see yfiles.graph.FoldingEdgeConverterBase#labelStyle
        * @see yfiles.graph.FoldingEdgeConverterBase#labelLayoutParameter
        * @protected
@@ -57652,10 +57749,10 @@ declare namespace system{
        * to the folding source port if non-<code>null</code> values have been returned. The same holds true for the target port where the {@link yfiles.graph.FoldingEdgeConverterBase#createTargetPortStyle}
        * and {@link yfiles.graph.FoldingEdgeConverterBase#createTargetPortLocationParameter} callbacks are used.
        * </p>
-       * @param {yfiles.graph.FoldingEdgeState} state The viewState to change.
-       * @param {yfiles.graph.IFoldingView} foldingView The folding view instance that has triggered the {@link yfiles.graph.FoldingEdgeConverterBase#initializeFoldingEdgeState} call.
-       * @param {yfiles.graph.IEdge} foldingEdge The folding edge in the view that may be changed using the <code>state</code>.
-       * @param {yfiles.collections.IList.<yfiles.graph.IEdge>} masterEdges The master edges that the folding edge represents.
+       * @param state The viewState to change.
+       * @param foldingView The folding view instance that has triggered the {@link #initializeFoldingEdgeState} call.
+       * @param foldingEdge The folding edge in the view that may be changed using the <code>state</code>.
+       * @param masterEdges The master edges that the folding edge represents.
        * @see yfiles.graph.FoldingEdgeConverterBase#sourcePortStyle
        * @see yfiles.graph.FoldingEdgeConverterBase#targetPortStyle
        * @see yfiles.graph.FoldingEdgeConverterBase#sourcePortLocationParameter
@@ -57676,10 +57773,10 @@ declare namespace system{
        * {@link yfiles.graph.FoldingEdgeConverterBase#initializeFoldingEdgeBends},
        * {@link yfiles.graph.FoldingEdgeConverterBase#initializeFoldingEdgeLabels}.
        * </p>
-       * @param {yfiles.graph.FoldingEdgeState} state
-       * @param {yfiles.graph.IFoldingView} foldingView
-       * @param {yfiles.graph.IEdge} foldingEdge
-       * @param {yfiles.collections.IList.<yfiles.graph.IEdge>} masterEdges
+       * @param state
+       * @param foldingView
+       * @param foldingEdge
+       * @param masterEdges
        */
       initializeFoldingEdgeState(state:yfiles.graph.FoldingEdgeState,foldingView:yfiles.graph.IFoldingView,foldingEdge:yfiles.graph.IEdge,masterEdges:yfiles.collections.IList<yfiles.graph.IEdge>):void;
       /**
@@ -57688,10 +57785,10 @@ declare namespace system{
        * This implementation calls {@link yfiles.graph.FoldingEdgeConverterBase#createEdgeStyle} and {@link yfiles.graph.FoldingEdgeState#style assigns} the style to the folding
        * edge if a non-<code>null</code> value has been returned.
        * </p>
-       * @param {yfiles.graph.FoldingEdgeState} state The viewstate to change.
-       * @param {yfiles.graph.IFoldingView} foldingView The folding view instance that has triggered the {@link yfiles.graph.FoldingEdgeConverterBase#initializeFoldingEdgeState} call.
-       * @param {yfiles.graph.IEdge} foldingEdge The folding edge in the view that may be changed using the <code>state</code>.
-       * @param {yfiles.collections.IList.<yfiles.graph.IEdge>} masterEdges The master edges that the folding edge represents.
+       * @param state The viewstate to change.
+       * @param foldingView The folding view instance that has triggered the {@link #initializeFoldingEdgeState} call.
+       * @param foldingEdge The folding edge in the view that may be changed using the <code>state</code>.
+       * @param masterEdges The master edges that the folding edge represents.
        * @protected
        */
       initializeFoldingEdgeStyle(state:yfiles.graph.FoldingEdgeState,foldingView:yfiles.graph.IFoldingView,foldingEdge:yfiles.graph.IEdge,masterEdges:yfiles.collections.IList<yfiles.graph.IEdge>):void;
@@ -57701,10 +57798,10 @@ declare namespace system{
        * This will adjust the label's text, preferred size and tag properties or remove the label if there is no master label or
        * there is more than one master edge.
        * </p>
-       * @param {yfiles.graph.FoldingEdgeState} state The viewstate of the edge to change.
-       * @param {yfiles.graph.IFoldingView} foldingView The folding view.
-       * @param {yfiles.graph.IEdge} foldingEdge The folding edge.
-       * @param {yfiles.collections.IList.<yfiles.graph.IEdge>} masterEdges The master edges.
+       * @param state The viewstate of the edge to change.
+       * @param foldingView The folding view.
+       * @param foldingEdge The folding edge.
+       * @param masterEdges The master edges.
        * @protected
        */
       synchronizeLabels(state:yfiles.graph.FoldingEdgeState,foldingView:yfiles.graph.IFoldingView,foldingEdge:yfiles.graph.IEdge,masterEdges:yfiles.collections.IList<yfiles.graph.IEdge>):void;
@@ -57714,10 +57811,10 @@ declare namespace system{
        * <p>
        * This method calls {@link yfiles.graph.FoldingEdgeConverterBase#synchronizeLabels}, only.
        * </p>
-       * @param {yfiles.graph.FoldingEdgeState} state
-       * @param {yfiles.graph.IFoldingView} foldingView
-       * @param {yfiles.graph.IEdge} foldingEdge
-       * @param {yfiles.collections.IList.<yfiles.graph.IEdge>} masterEdges
+       * @param state
+       * @param foldingView
+       * @param foldingEdge
+       * @param masterEdges
        */
       updateFoldingEdgeState(state:yfiles.graph.FoldingEdgeState,foldingView:yfiles.graph.IFoldingView,foldingEdge:yfiles.graph.IEdge,masterEdges:yfiles.collections.IList<yfiles.graph.IEdge>):void;
       /**
@@ -57734,7 +57831,7 @@ declare namespace system{
        */
       sourcePortStyle:yfiles.styles.IPortStyle;
       /**
-       * Gets or sets a value indicating whether the {@link yfiles.graph.FoldingEdgeConverterBase#sourcePortStyle} instance should be assigned as a {@link yfiles.lang.ICloneable#clone}clone or not.
+       * Gets or sets a value indicating whether the {@link yfiles.graph.FoldingEdgeConverterBase#sourcePortStyle} instance should be assigned as a {@link yfiles.lang.ICloneable#clone clone} or not.
        * @type {boolean}
        */
       cloneSourcePortStyle:boolean;
@@ -57852,7 +57949,7 @@ declare namespace system{
      * initially and can be customized to suit the application's needs.
      * @see yfiles.graph.FoldingEdgeConverterBase
      * @see yfiles.graph.DefaultFoldingEdgeConverter#reuseMasterPorts
-     * @class yfiles.graph.DefaultFoldingEdgeConverter
+     * @class
      * @extends {yfiles.graph.FoldingEdgeConverterBase}
      */
     export interface DefaultFoldingEdgeConverter extends yfiles.graph.FoldingEdgeConverterBase{}
@@ -57903,21 +58000,20 @@ declare namespace system{
      * @see yfiles.graph.FoldingManager
      * @see yfiles.graph.IFolderNodeConverter
      * @see yfiles.graph.DefaultFoldingEdgeConverter
-     * @class yfiles.graph.DefaultFolderNodeConverter
+     * @class
      * @implements {yfiles.graph.IFolderNodeConverter}
      */
     export interface DefaultFolderNodeConverter extends Object,yfiles.graph.IFolderNodeConverter{}
     export class DefaultFolderNodeConverter {
       /**
        * Initializes a new instance of this class using the values provided by the <code>folderNodeDefaults</code> parameter.
-       * @param {yfiles.graph.INodeDefaults} folderNodeDefaults
-       * @constructor
+       * @param folderNodeDefaults
        */
       constructor(folderNodeDefaults:yfiles.graph.INodeDefaults);
       /**
        * Initializes a new instance of this class using the values provided by the <code>folderNodeDefaults</code> parameter.
        * @param {Object} options The parameters to pass.
-       * @param {yfiles.graph.INodeDefaults} options.folderNodeDefaults
+       * @param options.folderNodeDefaults
        * @param {boolean} options.cloneLabelLayoutParameter A value indicating whether the {@link yfiles.graph.DefaultFolderNodeConverter#labelLayoutParameter} instance should be assigned as a {@link yfiles.lang.ICloneable#clone}clone or not.
        * <p>
        * This option sets the {@link yfiles.graph.DefaultFolderNodeConverter#cloneLabelLayoutParameter} property on the created object.
@@ -57962,7 +58058,6 @@ declare namespace system{
        * <p>
        * This option sets the {@link yfiles.graph.DefaultFolderNodeConverter#portStyle} property on the created object.
        * </p>
-       * @constructor
        */
       constructor(options:{folderNodeDefaults:yfiles.graph.INodeDefaults,cloneLabelLayoutParameter?:boolean,cloneLabelStyle?:boolean,cloneNodeStyle?:boolean,clonePortStyle?:boolean,copyFirstLabel?:boolean,folderNodeSize?:yfiles.geometry.Size,folderNodeStyle?:yfiles.styles.INodeStyle,labelLayoutParameter?:yfiles.graph.ILabelModelParameter,labelStyle?:yfiles.styles.ILabelStyle,portLocationParameter?:yfiles.graph.IPortLocationModelParameter,portStyle?:yfiles.styles.IPortStyle});
       /**
@@ -58012,17 +58107,16 @@ declare namespace system{
        * <p>
        * This option sets the {@link yfiles.graph.DefaultFolderNodeConverter#portStyle} property on the created object.
        * </p>
-       * @constructor
        */
       constructor(options?:{cloneLabelLayoutParameter?:boolean,cloneLabelStyle?:boolean,cloneNodeStyle?:boolean,clonePortStyle?:boolean,copyFirstLabel?:boolean,folderNodeSize?:yfiles.geometry.Size,folderNodeStyle?:yfiles.styles.INodeStyle,labelLayoutParameter?:yfiles.graph.ILabelModelParameter,labelStyle?:yfiles.styles.ILabelStyle,portLocationParameter?:yfiles.graph.IPortLocationModelParameter,portStyle?:yfiles.styles.IPortStyle});
       /**
        * Callback factory method that creates the {@link yfiles.graph.ILabelModelParameter} for use in
        * {@link yfiles.graph.DefaultFolderNodeConverter#initializeFolderNodeLabels}.
-       * @param {yfiles.graph.IFoldingView} foldingView The folding view instance.
-       * @param {yfiles.graph.ILabel} localLabel The local label in the view whose {@link yfiles.graph.ILabel#layoutParameter} should be initialized. May be <code>null</code> if the label layout parameter is requested for the
+       * @param foldingView The folding view instance.
+       * @param localLabel The local label in the view whose {@link #layoutParameter} should be initialized. May be <code>null</code> if the label layout parameter is requested for the
        * label creation.
-       * @param {yfiles.graph.ILabel} masterLabel The label that is being represented by the folding label.
-       * @returns {yfiles.graph.ILabelModelParameter} The {@link yfiles.graph.DefaultFolderNodeConverter#labelLayoutParameter} or a {@link yfiles.lang.ICloneable#clone} of it depending on the {@link yfiles.graph.DefaultFolderNodeConverter#cloneLabelLayoutParameter} property. This method may return <code>null</code> to indicate that
+       * @param masterLabel The label that is being represented by the folding label.
+       * @returns The {@link #labelLayoutParameter} or a {@link #clone} of it depending on the {@link #cloneLabelLayoutParameter} property. This method may return <code>null</code> to indicate that
        * the default label layout parameter should not be changed.
        * @protected
        */
@@ -58030,11 +58124,11 @@ declare namespace system{
       /**
        * Callback factory method that creates the {@link yfiles.styles.ILabelStyle} for use in
        * {@link yfiles.graph.DefaultFolderNodeConverter#initializeFolderNodeLabels}.
-       * @param {yfiles.graph.IFoldingView} foldingView The folding view instance.
-       * @param {yfiles.graph.ILabel} localLabel The local label in the view whose {@link yfiles.graph.ILabel#style} should be initialized. May be <code>null</code> if the label style is requested for the label
+       * @param foldingView The folding view instance.
+       * @param localLabel The local label in the view whose {@link #style} should be initialized. May be <code>null</code> if the label style is requested for the label
        * creation.
-       * @param {yfiles.graph.ILabel} masterLabel The label that is being represented by the folding label.
-       * @returns {yfiles.styles.ILabelStyle} The {@link yfiles.graph.DefaultFolderNodeConverter#labelStyle} or a {@link yfiles.lang.ICloneable#clone} of it depending on the {@link yfiles.graph.DefaultFolderNodeConverter#cloneLabelStyle} property. This method may return <code>null</code> to indicate that
+       * @param masterLabel The label that is being represented by the folding label.
+       * @returns The {@link #labelStyle} or a {@link #clone} of it depending on the {@link #cloneLabelStyle} property. This method may return <code>null</code> to indicate that
        * the default style should not be changed.
        * @protected
        */
@@ -58042,10 +58136,10 @@ declare namespace system{
       /**
        * Callback factory method that creates the {@link yfiles.styles.INodeStyle} for use in
        * {@link yfiles.graph.DefaultFolderNodeConverter#initializeFolderNodeStyle}.
-       * @param {yfiles.graph.IFoldingView} foldingView The folding view instance.
-       * @param {yfiles.graph.INode} viewNode The local folder node in the view whose {@link yfiles.graph.INode#style} should be initialized.
-       * @param {yfiles.graph.INode} masterNode The node that is being represented by the folder node.
-       * @returns {yfiles.styles.INodeStyle} The {@link yfiles.graph.DefaultFolderNodeConverter#folderNodeStyle} or a {@link yfiles.lang.ICloneable#clone} of it depending on the {@link yfiles.graph.DefaultFolderNodeConverter#cloneNodeStyle} property. This method may return <code>null</code> to indicate that
+       * @param foldingView The folding view instance.
+       * @param viewNode The local folder node in the view whose {@link #style} should be initialized.
+       * @param masterNode The node that is being represented by the folder node.
+       * @returns The {@link #folderNodeStyle} or a {@link #clone} of it depending on the {@link #cloneNodeStyle} property. This method may return <code>null</code> to indicate that
        * the default style should not be changed.
        * @protected
        */
@@ -58053,10 +58147,10 @@ declare namespace system{
       /**
        * Callback factory method that creates the {@link yfiles.graph.IPortLocationModelParameter} for use in
        * {@link yfiles.graph.DefaultFolderNodeConverter#initializeFolderNodePorts}.
-       * @param {yfiles.graph.IFoldingView} foldingView The folding view instance.
-       * @param {yfiles.graph.IPort} localPort The local port in the view whose {@link yfiles.graph.IPort#locationParameter} should be initialized.
-       * @param {yfiles.graph.IPort} masterPort The port that is being represented by the folding port.
-       * @returns {yfiles.graph.IPortLocationModelParameter} The {@link yfiles.graph.DefaultFolderNodeConverter#portLocationParameter} or a {@link yfiles.lang.ICloneable#clone} of it depending on the {@link yfiles.graph.DefaultFolderNodeConverter#clonePortLocationParameter} property. This method may return <code>null</code> to indicate that
+       * @param foldingView The folding view instance.
+       * @param localPort The local port in the view whose {@link #locationParameter} should be initialized.
+       * @param masterPort The port that is being represented by the folding port.
+       * @returns The {@link #portLocationParameter} or a {@link #clone} of it depending on the {@link #clonePortLocationParameter} property. This method may return <code>null</code> to indicate that
        * the default port location parameter should not be changed.
        * @protected
        */
@@ -58064,10 +58158,10 @@ declare namespace system{
       /**
        * Callback factory method that creates the {@link yfiles.styles.IPortStyle} for use in
        * {@link yfiles.graph.DefaultFolderNodeConverter#initializeFolderNodePorts}.
-       * @param {yfiles.graph.IFoldingView} foldingView The folding view instance.
-       * @param {yfiles.graph.IPort} localPort The local port in the view whose {@link yfiles.graph.IPort#style} should be initialized.
-       * @param {yfiles.graph.IPort} masterPort The port that is being represented by the folding port.
-       * @returns {yfiles.styles.IPortStyle} The {@link yfiles.graph.DefaultFolderNodeConverter#portStyle} or a {@link yfiles.lang.ICloneable#clone} of it depending on the {@link yfiles.graph.DefaultFolderNodeConverter#clonePortStyle} property. This method may return <code>null</code> to indicate that
+       * @param foldingView The folding view instance.
+       * @param localPort The local port in the view whose {@link #style} should be initialized.
+       * @param masterPort The port that is being represented by the folding port.
+       * @returns The {@link #portStyle} or a {@link #clone} of it depending on the {@link #clonePortStyle} property. This method may return <code>null</code> to indicate that
        * the default style should not be changed.
        * @protected
        */
@@ -58079,11 +58173,11 @@ declare namespace system{
        * and {@link yfiles.graph.DefaultFolderNodeConverter#createLabelLayoutParameter} and use the returned style and layout parameter
        * if they are non-<code>null</code> when {@link yfiles.graph.FolderNodeState#addLabel adding the label} on the folder node.
        * </p>
-       * @param {yfiles.graph.FolderNodeState} state The node view state whose labels should be synchronized.
-       * @param {yfiles.graph.IFoldingView} foldingView The folding view instance that has triggered the {@link yfiles.graph.DefaultFolderNodeConverter#initializeFolderNodeState}
+       * @param state The node view state whose labels should be synchronized.
+       * @param foldingView The folding view instance that has triggered the {@link #initializeFolderNodeState}
        * call.
-       * @param {yfiles.graph.INode} viewNode The collapsed group node in the view that may be changed using the {@link yfiles.graph.FolderNodeState}.
-       * @param {yfiles.graph.INode} masterNode The master node that the folder node represents.
+       * @param viewNode The collapsed group node in the view that may be changed using the {@link }.
+       * @param masterNode The master node that the folder node represents.
        * @see yfiles.graph.DefaultFolderNodeConverter#labelStyle
        * @see yfiles.graph.DefaultFolderNodeConverter#labelLayoutParameter
        * @see yfiles.graph.FoldingManager#getFolderNodeState
@@ -58097,10 +58191,10 @@ declare namespace system{
        * non-<code>null</code>) but not smaller than the {@link yfiles.input.INodeSizeConstraintProvider#getMinimumSize minimum} size that is reported by a potential {@link yfiles.input.INodeSizeConstraintProvider}
        * for {@link yfiles.graph.INode}s that has been found in the {@link yfiles.graph.ILookup} of the <code>viewNode</code>.
        * </p>
-       * @param {yfiles.graph.FolderNodeState} state The node view state whose layout should be synchronized.
-       * @param {yfiles.graph.IFoldingView} foldingView The folding view instance.
-       * @param {yfiles.graph.INode} viewNode The local collapsed group node to change.
-       * @param {yfiles.graph.INode} masterNode The master node that is represented by the local group node.
+       * @param state The node view state whose layout should be synchronized.
+       * @param foldingView The folding view instance.
+       * @param viewNode The local collapsed group node to change.
+       * @param masterNode The master node that is represented by the local group node.
        * @protected
        */
       initializeFolderNodeLayout(state:yfiles.graph.FolderNodeState,foldingView:yfiles.graph.IFoldingView,viewNode:yfiles.graph.INode,masterNode:yfiles.graph.INode):void;
@@ -58111,10 +58205,10 @@ declare namespace system{
        * This method will call {@link yfiles.graph.DefaultFolderNodeConverter#createPortStyle} and {@link yfiles.graph.DefaultFolderNodeConverter#createPortLocationParameter}
        * for each port at the group node and assign the returned style and location parameter if they are non-<code>null</code>.
        * </p>
-       * @param {yfiles.graph.FolderNodeState} state The node view state whose ports should be synchronized.
-       * @param {yfiles.graph.IFoldingView} foldingView The folding view instance.
-       * @param {yfiles.graph.INode} viewNode The local group node.
-       * @param {yfiles.graph.INode} masterNode The master group node.
+       * @param state The node view state whose ports should be synchronized.
+       * @param foldingView The folding view instance.
+       * @param viewNode The local group node.
+       * @param masterNode The master group node.
        * @protected
        */
       initializeFolderNodePorts(state:yfiles.graph.FolderNodeState,foldingView:yfiles.graph.IFoldingView,viewNode:yfiles.graph.INode,masterNode:yfiles.graph.INode):void;
@@ -58127,10 +58221,10 @@ declare namespace system{
        * {@link yfiles.graph.DefaultFolderNodeConverter#initializeFolderNodeLayout}, and
        * {@link yfiles.graph.DefaultFolderNodeConverter#initializeFolderNodePorts}.
        * </p>
-       * @param {yfiles.graph.FolderNodeState} state
-       * @param {yfiles.graph.IFoldingView} foldingView
-       * @param {yfiles.graph.INode} viewNode
-       * @param {yfiles.graph.INode} masterNode
+       * @param state
+       * @param foldingView
+       * @param viewNode
+       * @param masterNode
        */
       initializeFolderNodeState(state:yfiles.graph.FolderNodeState,foldingView:yfiles.graph.IFoldingView,viewNode:yfiles.graph.INode,masterNode:yfiles.graph.INode):void;
       /**
@@ -58139,11 +58233,11 @@ declare namespace system{
        * This implementation calls {@link yfiles.graph.DefaultFolderNodeConverter#createNodeStyle} and {@link yfiles.graph.FolderNodeState#style assigns} the style to the group
        * node if a non-<code>null</code> value has been returned.
        * </p>
-       * @param {yfiles.graph.FolderNodeState} state The node view state whose style should be synchronized.
-       * @param {yfiles.graph.IFoldingView} foldingView The folding view instance that has triggered the {@link yfiles.graph.DefaultFolderNodeConverter#initializeFolderNodeState}
+       * @param state The node view state whose style should be synchronized.
+       * @param foldingView The folding view instance that has triggered the {@link #initializeFolderNodeState}
        * call.
-       * @param {yfiles.graph.INode} viewNode The local node in the view that may be changed using the {@link yfiles.graph.FolderNodeState}.
-       * @param {yfiles.graph.INode} masterNode The master node that the local folder node represents.
+       * @param viewNode The local node in the view that may be changed using the {@link }.
+       * @param masterNode The master node that the local folder node represents.
        * @see yfiles.graph.FoldingManager#getFolderNodeState
        * @protected
        */
@@ -58153,10 +58247,10 @@ declare namespace system{
        * <p>
        * This will adjust the label text property or remove the label if there is no master label.
        * </p>
-       * @param {yfiles.graph.FolderNodeState} state The node view state whose labels should be synchronized.
-       * @param {yfiles.graph.IFoldingView} foldingView The folding view.
-       * @param {yfiles.graph.INode} viewNode The local node instance.
-       * @param {yfiles.graph.INode} masterNode The master node.
+       * @param state The node view state whose labels should be synchronized.
+       * @param foldingView The folding view.
+       * @param viewNode The local node instance.
+       * @param masterNode The master node.
        * @protected
        */
       synchronizeLabels(state:yfiles.graph.FolderNodeState,foldingView:yfiles.graph.IFoldingView,viewNode:yfiles.graph.INode,masterNode:yfiles.graph.INode):void;
@@ -58165,10 +58259,10 @@ declare namespace system{
        * <p>
        * This method calls {@link yfiles.graph.DefaultFolderNodeConverter#synchronizeLabels}, only.
        * </p>
-       * @param {yfiles.graph.FolderNodeState} state
-       * @param {yfiles.graph.IFoldingView} foldingView
-       * @param {yfiles.graph.INode} viewNode
-       * @param {yfiles.graph.INode} masterNode
+       * @param state
+       * @param foldingView
+       * @param viewNode
+       * @param masterNode
        */
       updateFolderNodeState(state:yfiles.graph.FolderNodeState,foldingView:yfiles.graph.IFoldingView,viewNode:yfiles.graph.INode,masterNode:yfiles.graph.INode):void;
       /**
@@ -58270,7 +58364,7 @@ declare namespace system{
        */
       clonePortStyle:boolean;
       /**
-       * Gets or sets a value indicating whether the {@link yfiles.graph.DefaultFolderNodeConverter#portLocationParameter} instance should be assigned as a {@link yfiles.lang.ICloneable#clone}clone or not.
+       * Gets or sets a value indicating whether the {@link yfiles.graph.DefaultFolderNodeConverter#portLocationParameter} instance should be assigned as a {@link yfiles.lang.ICloneable#clone clone} or not.
        * @type {boolean}
        */
       clonePortLocationParameter:boolean;
@@ -58289,37 +58383,37 @@ declare namespace system{
     /**
      * A simple implementation of the {@link yfiles.graph.IFoldingEdgeConverter} interface for use in the {@link yfiles.graph.FoldingManager#foldingEdgeConverter} property, that will prevent
      * folding edges from appearing in the {@link yfiles.graph.IFoldingView view}.
-     * @class yfiles.graph.ExcludingFoldingEdgeConverter
+     * @class
      * @implements {yfiles.graph.IFoldingEdgeConverter}
      */
     export interface ExcludingFoldingEdgeConverter extends Object,yfiles.graph.IFoldingEdgeConverter{}
     export class ExcludingFoldingEdgeConverter {
       /**
        * Always calls {@link yfiles.graph.IFoldingEdgeFactory#excludeFoldingEdge}
-       * @param {yfiles.graph.IFoldingEdgeFactory} factory
-       * @param {yfiles.graph.IFoldingView} foldingView
-       * @param {yfiles.graph.IEdge} masterEdge
-       * @param {yfiles.graph.INode} source
-       * @param {boolean} sourceIsCollapsed
-       * @param {yfiles.graph.INode} target
-       * @param {boolean} targetIsCollapsed
-       * @returns {yfiles.graph.IEdge} 
+       * @param factory
+       * @param foldingView
+       * @param masterEdge
+       * @param source
+       * @param sourceIsCollapsed
+       * @param target
+       * @param targetIsCollapsed
+       * @returns 
        */
       addFoldingEdge(factory:yfiles.graph.IFoldingEdgeFactory,foldingView:yfiles.graph.IFoldingView,masterEdge:yfiles.graph.IEdge,source:yfiles.graph.INode,sourceIsCollapsed:boolean,target:yfiles.graph.INode,targetIsCollapsed:boolean):yfiles.graph.IEdge;
       /**
        * Does nothing and should not normally be called by the view since all folding edges are excluded from it.
-       * @param {yfiles.graph.FoldingEdgeState} state
-       * @param {yfiles.graph.IFoldingView} foldingView
-       * @param {yfiles.graph.IEdge} foldingEdge
-       * @param {yfiles.collections.IList.<yfiles.graph.IEdge>} masterEdges
+       * @param state
+       * @param foldingView
+       * @param foldingEdge
+       * @param masterEdges
        */
       initializeFoldingEdgeState(state:yfiles.graph.FoldingEdgeState,foldingView:yfiles.graph.IFoldingView,foldingEdge:yfiles.graph.IEdge,masterEdges:yfiles.collections.IList<yfiles.graph.IEdge>):void;
       /**
        * Does nothing and should not normally be called by the view since all folding edges are excluded from it.
-       * @param {yfiles.graph.FoldingEdgeState} state
-       * @param {yfiles.graph.IFoldingView} foldingView
-       * @param {yfiles.graph.IEdge} foldingEdge
-       * @param {yfiles.collections.IList.<yfiles.graph.IEdge>} masterEdges
+       * @param state
+       * @param foldingView
+       * @param foldingEdge
+       * @param masterEdges
        */
       updateFoldingEdgeState(state:yfiles.graph.FoldingEdgeState,foldingView:yfiles.graph.IFoldingView,foldingEdge:yfiles.graph.IEdge,masterEdges:yfiles.collections.IList<yfiles.graph.IEdge>):void;
       static $class:yfiles.lang.Class;
@@ -58331,27 +58425,26 @@ declare namespace system{
      * This implementation by default, will have the {@link yfiles.graph.FoldingEdgeConverterBase#sourcePortLocationParameter} and the {@link yfiles.graph.FoldingEdgeConverterBase#targetPortLocationParameter} properties set to {@link yfiles.graph.FreeNodePortLocationModel#NODE_CENTER_ANCHORED}
      * and the {@link yfiles.graph.FoldingEdgeConverterBase#resetBends} property set to <code>true</code>.
      * </p>
-     * @class yfiles.graph.MergingFoldingEdgeConverter
+     * @class
      * @extends {yfiles.graph.FoldingEdgeConverterBase}
      */
     export interface MergingFoldingEdgeConverter extends yfiles.graph.FoldingEdgeConverterBase{}
     export class MergingFoldingEdgeConverter {
       /**
        * Initializes a new instance of the {@link yfiles.graph.MergingFoldingEdgeConverter} class.
-       * @constructor
        */
       constructor();
       /**
        * Adds the first separate edge to the source and target node pair using the {@link yfiles.graph.IFoldingEdgeFactory#addAsSeparateEdge}
        * method.
-       * @param {yfiles.graph.IFoldingEdgeFactory} factory
-       * @param {yfiles.graph.IFoldingView} foldingView
-       * @param {yfiles.graph.IEdge} masterEdge
-       * @param {yfiles.graph.INode} viewSourceNode
-       * @param {boolean} sourceIsCollapsed
-       * @param {yfiles.graph.INode} targetSourceNode
-       * @param {boolean} targetIsCollapsed
-       * @returns {yfiles.graph.IEdge} 
+       * @param factory
+       * @param foldingView
+       * @param masterEdge
+       * @param viewSourceNode
+       * @param sourceIsCollapsed
+       * @param targetSourceNode
+       * @param targetIsCollapsed
+       * @returns 
        * @protected
        */
       addFirstSeparateEdge(factory:yfiles.graph.IFoldingEdgeFactory,foldingView:yfiles.graph.IFoldingView,masterEdge:yfiles.graph.IEdge,viewSourceNode:yfiles.graph.INode,sourceIsCollapsed:boolean,targetSourceNode:yfiles.graph.INode,targetIsCollapsed:boolean):yfiles.graph.IEdge;
@@ -58387,21 +58480,20 @@ declare namespace system{
      * </ul>
      * @see yfiles.graph.IFoldingView
      * @see yfiles.graph.FoldingManager#createFoldingView
-     * @class yfiles.graph.FoldingManager
+     * @class
      */
     export interface FoldingManager extends Object{}
     export class FoldingManager {
       /**
        * Creates a manager instance for the given {@link yfiles.graph.FoldingManager#masterGraph} to create views on top of it that support folding operations.
-       * @param {yfiles.graph.IGraph} masterGraph The graph to use as the {@link yfiles.graph.FoldingManager#masterGraph}.
+       * @param masterGraph The graph to use as the {@link #masterGraph}.
        * @throws {Stubs.Exceptions.ArgumentError} <code>masterGraph</code> is null.
-       * @constructor
        */
       constructor(masterGraph:yfiles.graph.IGraph);
       /**
        * Creates a manager instance for the given {@link yfiles.graph.FoldingManager#masterGraph} to create views on top of it that support folding operations.
        * @param {Object} options The parameters to pass.
-       * @param {yfiles.graph.IGraph} options.masterGraph The graph to use as the {@link yfiles.graph.FoldingManager#masterGraph}.
+       * @param options.masterGraph The graph to use as the {@link #masterGraph}.
        * @param {yfiles.graph.IFoldingEdgeConverter} options.foldingEdgeConverter The {@link yfiles.graph.IFoldingEdgeConverter} implementation that is used to create/convert and modify the {@link yfiles.graph.FoldingEdgeStateId folding edges} inside the view instances.
        * <p>
        * This option sets the {@link yfiles.graph.FoldingManager#foldingEdgeConverter} property on the created object.
@@ -58411,7 +58503,6 @@ declare namespace system{
        * This option sets the {@link yfiles.graph.FoldingManager#folderNodeConverter} property on the created object.
        * </p>
        * @throws {Stubs.Exceptions.ArgumentError} <code>masterGraph</code> is null.
-       * @constructor
        */
       constructor(options:{masterGraph:yfiles.graph.IGraph,foldingEdgeConverter?:yfiles.graph.IFoldingEdgeConverter,folderNodeConverter?:yfiles.graph.IFolderNodeConverter});
       /**
@@ -58431,7 +58522,6 @@ declare namespace system{
        * </p>
        * @see yfiles.graph.FoldingManager#createFoldingView
        * @see yfiles.graph.FoldingManager#masterGraph
-       * @constructor
        */
       constructor(options?:{foldingEdgeConverter?:yfiles.graph.IFoldingEdgeConverter,folderNodeConverter?:yfiles.graph.IFolderNodeConverter});
       /**
@@ -58451,10 +58541,10 @@ declare namespace system{
        * method for edges and the {@link yfiles.graph.FoldingManager#getFolderNodeState} method for nodes provide access to that state
        * while it is not being displayed in a view.
        * </p>
-       * @param {yfiles.graph.INode} [root=null] A group node or the root of the {@link yfiles.graph.FoldingManager#masterGraph} whose contents will be displayed in the view.
-       * @param {function(yfiles.graph.INode): boolean} [isExpanded=null] A predicate that can be provided to the view that will be used as a callback to determine the initial {@link yfiles.graph.IFoldingView#isExpanded expansion state} of
+       * @param [root=null] A group node or the root of the {@link #masterGraph} whose contents will be displayed in the view.
+       * @param [isExpanded=null] A predicate that can be provided to the view that will be used as a callback to determine the initial {@link #isExpanded expansion state} of
        * group nodes in the view.
-       * @returns {yfiles.graph.IFoldingView} A new graph instance that represents a synchronized view on the {@link yfiles.graph.FoldingManager#masterGraph}.
+       * @returns A new graph instance that represents a synchronized view on the {@link #masterGraph}.
        * @see yfiles.graph.FoldingManager#prepareFoldingView
        */
       createFoldingView(root?:yfiles.graph.INode,isExpanded?:(obj:yfiles.graph.INode)=>boolean):yfiles.graph.IFoldingView;
@@ -58476,10 +58566,10 @@ declare namespace system{
        * while it is not being displayed in a view.
        * </p>
        * @param {Object} options The parameters to pass.
-       * @param {yfiles.graph.INode} [options.root=null] A group node or the root of the {@link yfiles.graph.FoldingManager#masterGraph} whose contents will be displayed in the view.
-       * @param {function(yfiles.graph.INode): boolean} [options.isExpanded=null] A predicate that can be provided to the view that will be used as a callback to determine the initial {@link yfiles.graph.IFoldingView#isExpanded expansion state} of
+       * @param [options.root=null] A group node or the root of the {@link #masterGraph} whose contents will be displayed in the view.
+       * @param [options.isExpanded=null] A predicate that can be provided to the view that will be used as a callback to determine the initial {@link #isExpanded expansion state} of
        * group nodes in the view.
-       * @returns {yfiles.graph.IFoldingView} A new graph instance that represents a synchronized view on the {@link yfiles.graph.FoldingManager#masterGraph}.
+       * @returns A new graph instance that represents a synchronized view on the {@link #masterGraph}.
        * @see yfiles.graph.FoldingManager#prepareFoldingView
        */
       createFoldingView(options:{root?:yfiles.graph.INode,isExpanded?:(obj:yfiles.graph.INode)=>boolean}):yfiles.graph.IFoldingView;
@@ -58496,8 +58586,8 @@ declare namespace system{
        * This method can be used to query the collapsed state of a node, even if the node is currently not present in any managed
        * view or the node is in fact expanded in all views.
        * </p>
-       * @param {yfiles.graph.INode} masterNode The node in the {@link yfiles.graph.FoldingManager#masterGraph} for which the state should be returned.
-       * @returns {yfiles.graph.FolderNodeState} A state holder implementation of a node, which is not part of any graph.
+       * @param masterNode The node in the {@link #masterGraph} for which the state should be returned.
+       * @returns A state holder implementation of a node, which is not part of any graph.
        * @throws {Stubs.Exceptions.ArgumentError} The master node does not belong to the managed graph.
        */
       getFolderNodeState(masterNode:yfiles.graph.INode):yfiles.graph.FolderNodeState;
@@ -58508,8 +58598,8 @@ declare namespace system{
        * This method can be used to query the state of an edge that is either not currently visible in any {@link yfiles.graph.FoldingManager#views view} or connects to
        * different source and target nodes because of the {@link yfiles.graph.IFoldingView#collapse collapsed} states of the nodes and their parents in the view.
        * </p>
-       * @param {yfiles.graph.FoldingEdgeStateId} id The ID of the folding edge for which the folding state should be returned.
-       * @returns {yfiles.graph.FoldingEdgeState} A {@link yfiles.graph.FoldingEdgeState} that can be used to query and change the properties of the edge.
+       * @param id The ID of the folding edge for which the folding state should be returned.
+       * @returns A {@link } that can be used to query and change the properties of the edge.
        * @see yfiles.graph.FoldingManager#getFolderNodeState
        * @see yfiles.graph.FoldingEdgeStateId
        */
@@ -58521,8 +58611,8 @@ declare namespace system{
        * by a {@link yfiles.graph.IFoldingView view} because it has never been visualized. This method indicates whether there is state information available for
        * the given master node.
        * </p>
-       * @param {yfiles.graph.INode} masterNode The master node for which the state is requested.
-       * @returns {boolean} Whether {@link yfiles.graph.FoldingManager#getFolderNodeState} would return existing state information.
+       * @param masterNode The master node for which the state is requested.
+       * @returns Whether {@link #getFolderNodeState} would return existing state information.
        * @see yfiles.graph.FoldingManager#getFolderNodeState
        */
       hasFolderNodeState(masterNode:yfiles.graph.INode):boolean;
@@ -58533,8 +58623,8 @@ declare namespace system{
        * never been requested by a {@link yfiles.graph.IFoldingView} because it has never been visualized. This method indicates whether
        * there is state information available for the given id.
        * </p>
-       * @param {yfiles.graph.FoldingEdgeStateId} id The id for which state is requested.
-       * @returns {boolean} Whether {@link yfiles.graph.FoldingManager#getFoldingEdgeState} would return existing state information.
+       * @param id The id for which state is requested.
+       * @returns Whether {@link #getFoldingEdgeState} would return existing state information.
        * @see yfiles.graph.FoldingManager#getFoldingEdgeState
        */
       hasFoldingEdgeState(id:yfiles.graph.FoldingEdgeStateId):boolean;
@@ -58547,7 +58637,7 @@ declare namespace system{
        * essential for the initial creation of the elements in the view instance. Overriding methods should always consider to
        * call the base class implementation, first.
        * </p>
-       * @param {yfiles.graph.IFoldingView} foldingView The graph view that has just been created but is still empty.
+       * @param foldingView The graph view that has just been created but is still empty.
        * @protected
        */
       prepareFoldingView(foldingView:yfiles.graph.IFoldingView):void;
@@ -58566,7 +58656,7 @@ declare namespace system{
        * to the converter. Using this method, the state of the collapsed nodes in the views can be synchronized according to the
        * logic in the {@link yfiles.graph.IFolderNodeConverter} implementation.
        * </p>
-       * @param {yfiles.graph.INode} masterNode The master node that belongs to the {@link yfiles.graph.FoldingManager#masterGraph}.
+       * @param masterNode The master node that belongs to the {@link #masterGraph}.
        * @throws {Stubs.Exceptions.ArgumentError} If the provided master node does not belong to the master graph.
        * @see yfiles.graph.FoldingManager#updateFoldingEdgeStates
        */
@@ -58583,7 +58673,7 @@ declare namespace system{
        * to the converter. Using this method, the state of the representing edges in the views can be synchronized according to
        * the logic in the {@link yfiles.graph.IFoldingEdgeConverter} implementation.
        * </p>
-       * @param {yfiles.graph.IEdge} masterEdge The master edge that belongs to the {@link yfiles.graph.FoldingManager#masterGraph}.
+       * @param masterEdge The master edge that belongs to the {@link #masterGraph}.
        * @throws {Stubs.Exceptions.ArgumentError} If the provided master edge does not belong to the master graph.
        * @see yfiles.graph.FoldingManager#updateFolderNodeStates
        */
@@ -58632,7 +58722,7 @@ declare namespace system{
      * <p>
      * When the properties of the state are changed, these changes are reflected immediately in the {@link yfiles.graph.FoldingManager#views}.
      * </p>
-     * @class yfiles.graph.FoldingBendState
+     * @class
      * @final
      */
     export interface FoldingBendState extends Object{}
@@ -58643,7 +58733,7 @@ declare namespace system{
        * The returned bend is not present in any graph but may be passed to {@link yfiles.graph.IFoldingView#getViewItem} to get the bend
        * state's view bend in the {@link yfiles.graph.IFoldingView#graph folding view graph}.
        * </p>
-       * @returns {yfiles.graph.IBend} An {@link yfiles.graph.IBend} instance which represents this bend state.
+       * @returns An {@link } instance which represents this bend state.
        */
       asBend():yfiles.graph.IBend;
       /**
@@ -58670,7 +58760,7 @@ declare namespace system{
      * </p>
      * @see yfiles.graph.FoldingEdgeStateId
      * @see yfiles.graph.FoldingManager#getFoldingEdgeState
-     * @class yfiles.graph.FoldingEdgeState
+     * @class
      * @extends {yfiles.graph.FoldingLabelOwnerState}
      * @final
      */
@@ -58678,10 +58768,10 @@ declare namespace system{
     export class FoldingEdgeState {
       /**
        * Adds a new {@link yfiles.graph.FoldingBendState} to this edge state at the given <code>index</code> and <code>location</code>.
-       * @param {yfiles.geometry.Point} location The location of the new bend state.
-       * @param {number} [index=-1] The index the bend state shall be inserted in the
-       * {@link yfiles.graph.FoldingEdgeState#bends}; a negative value (which is the default) indicates that the bend should be appended to the end of the list of bends.
-       * @returns {yfiles.graph.FoldingBendState} The newly added bend state.
+       * @param location The location of the new bend state.
+       * @param [index=-1] The index the bend state shall be inserted in the
+       * {@link #bends}; a negative value (which is the default) indicates that the bend should be appended to the end of the list of bends.
+       * @returns The newly added bend state.
        */
       addBend(location:yfiles.geometry.Point,index?:number):yfiles.graph.FoldingBendState;
       /**
@@ -58690,7 +58780,7 @@ declare namespace system{
        * The returned edge is not present in any graph but may be passed to {@link yfiles.graph.IFoldingView#getViewItem} to get the edge
        * state's view edge in the {@link yfiles.graph.IFoldingView#graph folding view graph}.
        * </p>
-       * @returns {yfiles.graph.IEdge} An {@link yfiles.graph.IEdge} instance which represents this edge state.
+       * @returns An {@link } instance which represents this edge state.
        */
       asEdge():yfiles.graph.IEdge;
       /**
@@ -58699,12 +58789,12 @@ declare namespace system{
       clearBends():void;
       /**
        * 
-       * @param {yfiles.graph.FoldingLabelState} label
+       * @param label
        */
       remove(label:yfiles.graph.FoldingLabelState):void;
       /**
        * Removes the <code>bend</code> from this edge state.
-       * @param {yfiles.graph.FoldingBendState} bend The bend to remove.
+       * @param bend The bend to remove.
        * @throws {Stubs.Exceptions.ArgumentError} Thrown if the <code>bend</code> doesn't belong to this edge state.
        */
       remove(bend:yfiles.graph.FoldingBendState):void;
@@ -58742,7 +58832,7 @@ declare namespace system{
      * </p>
      * @see yfiles.graph.FoldingLabelOwnerState#labels
      * @see yfiles.graph.FoldingLabelOwnerState#addLabel
-     * @class yfiles.graph.FoldingLabelState
+     * @class
      * @final
      */
     export interface FoldingLabelState extends Object{}
@@ -58753,7 +58843,7 @@ declare namespace system{
        * The returned label is not present in any graph but may be passed to {@link yfiles.graph.IFoldingView#getViewItem} to get the
        * label state's view label in the {@link yfiles.graph.IFoldingView#graph folding view graph}.
        * </p>
-       * @returns {yfiles.graph.ILabel} An {@link yfiles.graph.ILabel} instance which represents this label state.
+       * @returns An {@link } instance which represents this label state.
        */
       asLabel():yfiles.graph.ILabel;
       /**
@@ -58795,19 +58885,19 @@ declare namespace system{
      * @see yfiles.graph.FolderNodeState
      * @see yfiles.graph.FoldingEdgeState
      * @see yfiles.graph.FoldingLabelState
-     * @class yfiles.graph.FoldingLabelOwnerState
+     * @class
      */
     export interface FoldingLabelOwnerState extends Object{}
     export class FoldingLabelOwnerState {
       constructor();
       /**
        * Adds a {@link yfiles.graph.FoldingLabelState} to this state.
-       * @param {string} text The text of the new label.
-       * @param {yfiles.graph.ILabelModelParameter} layoutParameter The layout parameter of the new label.
-       * @param {yfiles.styles.ILabelStyle} style The style of the new label.
-       * @param {yfiles.geometry.Size} preferredSize The preferred size of the label.
-       * @param {Object} tag The tag of the label.
-       * @returns {yfiles.graph.FoldingLabelState} The newly added {@link yfiles.graph.FoldingLabelState}.
+       * @param text The text of the new label.
+       * @param layoutParameter The layout parameter of the new label.
+       * @param style The style of the new label.
+       * @param preferredSize The preferred size of the label.
+       * @param tag The tag of the label.
+       * @returns The newly added {@link }.
        * @abstract
        */
       addLabel(text:string,layoutParameter:yfiles.graph.ILabelModelParameter,style:yfiles.styles.ILabelStyle,preferredSize:yfiles.geometry.Size,tag:Object):yfiles.graph.FoldingLabelState;
@@ -58831,7 +58921,7 @@ declare namespace system{
      * @see yfiles.graph.FoldingEdgeState#targetPort
      * @see yfiles.graph.FolderNodeState#ports
      * @see yfiles.graph.FolderNodeState#getFoldingPortState
-     * @class yfiles.graph.FoldingPortState
+     * @class
      */
     export interface FoldingPortState extends Object{}
     export class FoldingPortState {
@@ -58841,7 +58931,7 @@ declare namespace system{
        * The returned port is not present in any graph but may be passed to {@link yfiles.graph.IFoldingView#getViewItem} to get the port
        * state's view port in the {@link yfiles.graph.IFoldingView#graph folding view graph}.
        * </p>
-       * @returns {yfiles.graph.IPort} An {@link yfiles.graph.IPort} instance which represents this port state.
+       * @returns An {@link } instance which represents this port state.
        * @abstract
        */
       asPort():yfiles.graph.IPort;
@@ -58869,7 +58959,7 @@ declare namespace system{
      * When the properties of the state are changed, these changes are reflected immediately in the {@link yfiles.graph.FoldingManager#views}.
      * </p>
      * @see yfiles.graph.FoldingManager#getFolderNodeState
-     * @class yfiles.graph.FolderNodeState
+     * @class
      * @extends {yfiles.graph.FoldingLabelOwnerState}
      * @final
      */
@@ -58881,7 +58971,7 @@ declare namespace system{
        * The returned node is not present in any graph but may be passed to {@link yfiles.graph.IFoldingView#getViewItem} to get the node
        * state's folder node in the {@link yfiles.graph.IFoldingView#graph folding view graph}.
        * </p>
-       * @returns {yfiles.graph.INode} An {@link yfiles.graph.INode} instance which represents this folder node state.
+       * @returns An {@link } instance which represents this folder node state.
        */
       asNode():yfiles.graph.INode;
       /**
@@ -58889,15 +58979,15 @@ declare namespace system{
        * <p>
        * This method can be used to query the folding state of a port at the folder which is represented by this state.
        * </p>
-       * @param {yfiles.graph.IPort} masterPort The master port for which the state should be returned.
-       * @returns {yfiles.graph.FoldingPortState} A state holder implementation of the <code>masterPort</code>, which reflects the port in the node's collapsed state.
+       * @param masterPort The master port for which the state should be returned.
+       * @returns A state holder implementation of the <code>masterPort</code>, which reflects the port in the node's collapsed state.
        * @see yfiles.graph.FoldingPortState#style
        * @see yfiles.graph.FoldingPortState#locationParameter
        */
       getFoldingPortState(masterPort:yfiles.graph.IPort):yfiles.graph.FoldingPortState;
       /**
        * 
-       * @param {yfiles.graph.FoldingLabelState} label
+       * @param label
        */
       remove(label:yfiles.graph.FoldingLabelState):void;
       /**
@@ -58926,9 +59016,10 @@ declare namespace system{
      * Interface used by {@link yfiles.graph.FoldingManager} and {@link yfiles.graph.IFoldingView} which is responsible for managing edges
      * between folder nodes.
      * <p>
-     * Since CreateFoldingView creates views that can potentially contain edges that connect to nodes which have a different
-     * set of attributes, these edges might need to have a separate set of attributes, too. Implementations of this interface
-     * are being called by the {@link yfiles.graph.IFoldingView}s to configure these kind of folding edges.
+     * Since {@link yfiles.graph.FoldingManager#createFoldingView} creates views that can potentially contain edges that connect to
+     * nodes which have a different set of attributes, these edges might need to have a separate set of attributes, too.
+     * Implementations of this interface are being called by the
+     * {@link yfiles.graph.IFoldingView}s to configure these kind of folding edges.
      * </p>
      * @see yfiles.graph.DefaultFoldingEdgeConverter
      * @see yfiles.graph.FoldingManager#foldingEdgeConverter
@@ -58946,18 +59037,18 @@ declare namespace system{
        * and return the values that these implementation yields to the caller. The implementation can optionally query the {@link yfiles.graph.IFoldingEdgeFactory#getExistingFoldingEdges existing folding edges}
        * between the source and target node and decide whether to add the edge {@link yfiles.graph.IFoldingEdgeFactory#addToExistingFoldingEdge to the existing folding edge}.
        * </p>
-       * @param {yfiles.graph.IFoldingEdgeFactory} factory The {@link yfiles.graph.IFoldingEdgeFactory} implementation that needs to be called in order to communicate the results of this
+       * @param factory The {@link } implementation that needs to be called in order to communicate the results of this
        * query.
-       * @param {yfiles.graph.IFoldingView} foldingView The instance into which the folding edge is going to be inserted.
-       * @param {yfiles.graph.IEdge} masterEdge The edge from the {@link yfiles.graph.FoldingManager#masterGraph} that needs to be represented by a folding edge. Note that you may not return this instance.
-       * @param {yfiles.graph.INode} source The source node that belongs to the {@link yfiles.graph.IFoldingView} graph that will act as the local view node of the actual
+       * @param foldingView The instance into which the folding edge is going to be inserted.
+       * @param masterEdge The edge from the {@link #masterGraph} that needs to be represented by a folding edge. Note that you may not return this instance.
+       * @param source The source node that belongs to the {@link } graph that will act as the local view node of the actual
        * source node.
-       * @param {boolean} sourceIsCollapsed Determines whether the <code>source</code> is currently a folder node.
-       * @param {yfiles.graph.INode} target The target node that belongs to the {@link yfiles.graph.IFoldingView} graph that will act as the local view node of the actual
+       * @param sourceIsCollapsed Determines whether the <code>source</code> is currently a folder node.
+       * @param target The target node that belongs to the {@link } graph that will act as the local view node of the actual
        * target node.
-       * @param {boolean} targetIsCollapsed Determines whether the <code>target</code> is currently a folder node.
-       * @returns {yfiles.graph.IEdge} The edge as returned by {@link yfiles.graph.IFoldingEdgeFactory#addAsSeparateEdge}, or
-       * {@link yfiles.graph.IFoldingEdgeFactory#addToExistingFoldingEdge}, or <code>null</code> if the edge will be {@link yfiles.graph.IFoldingEdgeFactory#excludeFoldingEdge excluded} from the view.
+       * @param targetIsCollapsed Determines whether the <code>target</code> is currently a folder node.
+       * @returns The edge as returned by {@link #addAsSeparateEdge}, or
+       * {@link #addToExistingFoldingEdge}, or <code>null</code> if the edge will be {@link #excludeFoldingEdge excluded} from the view.
        * @abstract
        */
       addFoldingEdge(factory:yfiles.graph.IFoldingEdgeFactory,foldingView:yfiles.graph.IFoldingView,masterEdge:yfiles.graph.IEdge,source:yfiles.graph.INode,sourceIsCollapsed:boolean,target:yfiles.graph.INode,targetIsCollapsed:boolean):yfiles.graph.IEdge;
@@ -58967,10 +59058,10 @@ declare namespace system{
        * Implementations may not use the {@link yfiles.graph.IFoldingView}'s {@link yfiles.graph.IFoldingView#graph} instance to modify the <code>foldingEdge</code>, because this would
        * create and enqueue undo events. Rather the properties provided by the <code>state</code> implementation must be set.
        * </p>
-       * @param {yfiles.graph.FoldingEdgeState} state The {@link yfiles.graph.FoldingEdgeState} of the edge to change.
-       * @param {yfiles.graph.IFoldingView} foldingView The graph to which the folding edge belongs.
-       * @param {yfiles.graph.IEdge} foldingEdge The folding edge for which the appearance shall be determined.
-       * @param {yfiles.collections.IList.<yfiles.graph.IEdge>} masterEdges The list of {@link yfiles.graph.IFoldingView#getMasterEdges master edges}, that the folding edge initially represents.
+       * @param state The {@link } of the edge to change.
+       * @param foldingView The graph to which the folding edge belongs.
+       * @param foldingEdge The folding edge for which the appearance shall be determined.
+       * @param masterEdges The list of {@link #getMasterEdges master edges}, that the folding edge initially represents.
        * @see yfiles.graph.IFoldingEdgeConverter#updateFoldingEdgeState
        * @abstract
        */
@@ -58984,10 +59075,10 @@ declare namespace system{
        * Implementations may not use the {@link yfiles.graph.IFoldingView}'s {@link yfiles.graph.IFoldingView#graph} instance to modify the <code>foldingEdge</code>, because this would
        * create and enqueue undo events. Rather the properties provided by the <code>state</code> implementation must be set.
        * </p>
-       * @param {yfiles.graph.FoldingEdgeState} state The {@link yfiles.graph.FoldingEdgeState} of the edge to change.
-       * @param {yfiles.graph.IFoldingView} foldingView The graph to which the folding edge belongs.
-       * @param {yfiles.graph.IEdge} foldingEdge The folding edge for which the appearance might need an update.
-       * @param {yfiles.collections.IList.<yfiles.graph.IEdge>} masterEdges The list of {@link yfiles.graph.IFoldingView#getMasterEdges master edges}, that the folding edge currently represents.
+       * @param state The {@link } of the edge to change.
+       * @param foldingView The graph to which the folding edge belongs.
+       * @param foldingEdge The folding edge for which the appearance might need an update.
+       * @param masterEdges The list of {@link #getMasterEdges master edges}, that the folding edge currently represents.
        * @see yfiles.graph.IFoldingEdgeConverter#initializeFoldingEdgeState
        * @abstract
        */
@@ -59001,9 +59092,9 @@ declare namespace system{
      * Interface used by {@link yfiles.graph.FoldingManager} and {@link yfiles.graph.IFoldingView} which is responsible for managing the
      * appearance of folder nodes.
      * <p>
-     * Since CreateFoldingView creates views that can potentially contain nodes which have a different set of attributes, these
-     * attributes need to be determined somehow. Implementations of this interface are being called by the {@link yfiles.graph.IFoldingView view}s to configure
-     * the appearance of these {@link yfiles.graph.IFoldingView#isInFoldingState folder nodes}.
+     * Since {@link yfiles.graph.FoldingManager#createFoldingView} creates views that can potentially contain nodes which have a
+     * different set of attributes, these attributes need to be determined somehow. Implementations of this interface are being
+     * called by the {@link yfiles.graph.IFoldingView view}s to configure the appearance of these {@link yfiles.graph.IFoldingView#isInFoldingState folder nodes}.
      * </p>
      * @see yfiles.graph.DefaultFolderNodeConverter
      * @see yfiles.graph.FoldingManager#folderNodeConverter
@@ -59024,10 +59115,10 @@ declare namespace system{
        * <p>
        * Note that changing the appearance has to be done on <code>state</code>.
        * </p>
-       * @param {yfiles.graph.FolderNodeState} state The folder node state to initialize.
-       * @param {yfiles.graph.IFoldingView} foldingView The graph instance for which the folder node has been created.
-       * @param {yfiles.graph.INode} viewNode The folder node instance in the view
-       * @param {yfiles.graph.INode} masterNode The node that represents the {@link yfiles.graph.IFoldingView#getMasterItem} of the viewstate to change.
+       * @param state The folder node state to initialize.
+       * @param foldingView The graph instance for which the folder node has been created.
+       * @param viewNode The folder node instance in the view
+       * @param masterNode The node that represents the {@link #getMasterItem} of the viewstate to change.
        * @see yfiles.graph.IFolderNodeConverter#updateFolderNodeState
        * @abstract
        */
@@ -59042,10 +59133,10 @@ declare namespace system{
        * <p>
        * Note that changing the appearance has to be done on <code>state</code>.
        * </p>
-       * @param {yfiles.graph.FolderNodeState} state The folder node state to update.
-       * @param {yfiles.graph.IFoldingView} foldingView The graph instance for which the folder node can be changed.
-       * @param {yfiles.graph.INode} viewNode The folder node instance in the view
-       * @param {yfiles.graph.INode} masterNode The node that represents the {@link yfiles.graph.IFoldingView#getMasterItem} of the viewstate to change.
+       * @param state The folder node state to update.
+       * @param foldingView The graph instance for which the folder node can be changed.
+       * @param viewNode The folder node instance in the view
+       * @param masterNode The node that represents the {@link #getMasterItem} of the viewstate to change.
        * @see yfiles.graph.IFolderNodeConverter#initializeFolderNodeState
        * @abstract
        */
@@ -59092,11 +59183,11 @@ declare namespace system{
        * folding edge. Existing ports at the provided source and target nodes may be specified to further influence the folding
        * edge creation.
        * </p>
-       * @param {yfiles.graph.IPort} sourcePort The source port at the source node in the view to use or <code>null</code> if an extra {@link yfiles.graph.IFoldingView#isInFoldingState folding state} port should be added for the
+       * @param sourcePort The source port at the source node in the view to use or <code>null</code> if an extra {@link #isInFoldingState folding state} port should be added for the
        * edge to connect to at the source.
-       * @param {yfiles.graph.IPort} targetPort The target port at the target node in the view to use or <code>null</code> if an extra {@link yfiles.graph.IFoldingView#isInFoldingState folding state} port should be added for the
+       * @param targetPort The target port at the target node in the view to use or <code>null</code> if an extra {@link #isInFoldingState folding state} port should be added for the
        * edge to connect to at the target.
-       * @returns {yfiles.graph.IEdge} The folding edge that has been created in the view. Don't change the properties of the edge directly.
+       * @returns The folding edge that has been created in the view. Don't change the properties of the edge directly.
        * @see yfiles.graph.IFoldingEdgeConverter
        * @see yfiles.graph.IFoldingView#getViewItem
        * @abstract
@@ -59113,8 +59204,8 @@ declare namespace system{
        * method to retrieve the current set of existing folding edges that interconnect the same source and target nodes. The
        * range of valid parameters is constrained to this collection.
        * </p>
-       * @param {yfiles.graph.IEdge} foldingEdge One of the {@link yfiles.graph.IFoldingEdgeFactory#getExistingFoldingEdges existing folding edges} from the view which has been chosen to represent the master edge in this view.
-       * @returns {yfiles.graph.IEdge} The folding edge that represents the edge in the view, which is the same as the <code>foldingEdge</code> parameter. Don't change the
+       * @param foldingEdge One of the {@link #getExistingFoldingEdges existing folding edges} from the view which has been chosen to represent the master edge in this view.
+       * @returns The folding edge that represents the edge in the view, which is the same as the <code>foldingEdge</code> parameter. Don't change the
        * properties of the edge directly.
        * @see yfiles.graph.IFoldingEdgeConverter
        * @see yfiles.graph.IFoldingEdgeFactory#getExistingFoldingEdges
@@ -59129,7 +59220,7 @@ declare namespace system{
        * <code>null</code> should be returned as the result of a {@link yfiles.graph.IFoldingEdgeConverter#addFoldingEdge} call, which is the same as
        * the return value of this method. So it is possible to just pass the return value on to the caller.
        * </p>
-       * @returns {yfiles.graph.IEdge} This method will always return <code>null</code>. This is for symmetry reasons to be easily exchangeable with the other methods.
+       * @returns This method will always return <code>null</code>. This is for symmetry reasons to be easily exchangeable with the other methods.
        * @see yfiles.graph.IFoldingEdgeConverter
        * @abstract
        */
@@ -59143,8 +59234,8 @@ declare namespace system{
        * would, if it was included in this view. One of the items in the returned collection can be passed to the {@link yfiles.graph.IFoldingEdgeFactory#addToExistingFoldingEdge}
        * method.
        * </p>
-       * @param {boolean} ignoreDirection Whether the direction of the edges should be ignored so that reverse edges are included in the enumeration, too.
-       * @returns {yfiles.collections.IEnumerable.<yfiles.graph.IEdge>} An collection of currently existing folding edges in the view that interconnects the same source and target node.
+       * @param ignoreDirection Whether the direction of the edges should be ignored so that reverse edges are included in the enumeration, too.
+       * @returns An collection of currently existing folding edges in the view that interconnects the same source and target node.
        * @abstract
        */
       getExistingFoldingEdges(ignoreDirection:boolean):yfiles.collections.IEnumerable<yfiles.graph.IEdge>;
@@ -59153,801 +59244,6 @@ declare namespace system{
       $class:yfiles.lang.Class;
       isInstance(o:Object):boolean;
     };
-    export enum StretchStripeLabelModelPosition{
-      /**
-       * Encodes a position at the top side of the node interior
-       */
-      NORTH,
-      /**
-       * Encodes a position at the right side of the node interior
-       */
-      EAST,
-      /**
-       * Encodes a position at the bottom side of the node interior
-       */
-      SOUTH,
-      /**
-       * Encodes a position at the left side of the node interior
-       */
-      WEST
-    }
-    /**
-     * A label model for labels that is especially tailored to be used as a model for the four default positions where the
-     * label of a stripe may lie.
-     * <p>
-     * This label model supports four positions inside of the stripe bounds. The east and west positions are rotated
-     * automatically. The {@link yfiles.graph.ILabel#owner} is expected to be an {@link yfiles.graph.IStripe} instance, i.e. the parameter supports only {@link yfiles.graph.IStripe}
-     * instances.
-     * </p>
-     * @class yfiles.graph.StretchStripeLabelModel
-     * @implements {yfiles.graph.ILabelModel}
-     * @implements {yfiles.graph.ILabelModelParameterProvider}
-     */
-    export interface StretchStripeLabelModel extends Object,yfiles.graph.ILabelModel,yfiles.graph.ILabelModelParameterProvider{}
-    export class StretchStripeLabelModel {
-      /**
-       * Creates a new instance of this model with empty insets.
-       * @param {Object} [options=null] The parameters to pass.
-       * @param {yfiles.geometry.Insets} options.insets The insets to use within the stripe's {@link yfiles.graph.IStripe#layout}.
-       * <p>
-       * This option sets the {@link yfiles.graph.StretchStripeLabelModel#insets} property on the created object.
-       * </p>
-       * @param {boolean} options.useActualInsets Whether or not to use the {@link yfiles.graph.IStripe#actualInsets actual insets} or the normal {@link yfiles.graph.IStripe#insets} of a stripe for centering the label inside the stripe header area.
-       * <p>
-       * This option sets the {@link yfiles.graph.StretchStripeLabelModel#useActualInsets} property on the created object.
-       * </p>
-       * @constructor
-       */
-      constructor(options?:{insets?:yfiles.geometry.Insets,useActualInsets?:boolean});
-      /**
-       * 
-       * @returns {yfiles.graph.ILabelModelParameter} 
-       */
-      createDefaultParameter():yfiles.graph.ILabelModelParameter;
-      /**
-       * Creates the parameter for the given position.
-       * @param {yfiles.graph.StretchStripeLabelModelPosition} position The position.
-       * @returns {yfiles.graph.ILabelModelParameter} 
-       */
-      createParameter(position:yfiles.graph.StretchStripeLabelModelPosition):yfiles.graph.ILabelModelParameter;
-      /**
-       * 
-       * @param {yfiles.graph.ILabel} label
-       * @param {yfiles.graph.ILabelModelParameter} layoutParameter
-       * @returns {yfiles.graph.ILookup} 
-       */
-      getContext(label:yfiles.graph.ILabel,layoutParameter:yfiles.graph.ILabelModelParameter):yfiles.graph.ILookup;
-      /**
-       * Calculates the geometry in form of an {@link yfiles.geometry.IOrientedRectangle} for a given label using the given model
-       * parameter.
-       * <p>
-       * The geometry is calculated in table coordinates, i.e. relative to {@link yfiles.graph.ITable#relativeLocation}.
-       * </p>
-       * @param {yfiles.graph.ILabel} label the label to calculate the geometry for
-       * @param {yfiles.graph.ILabelModelParameter} layoutParameter A parameter that has been created by this model. This is typically the parameter that yielded this instance through its
-       * {@link yfiles.graph.ILabelModelParameter#model} property.
-       * @returns {yfiles.geometry.IOrientedRectangle} An instance that describes the geometry. This is typically an instance designed as a flyweight, so clients should not
-       * cache the instance but store the values if they need a snapshot for later use
-       */
-      getGeometry(label:yfiles.graph.ILabel,layoutParameter:yfiles.graph.ILabelModelParameter):yfiles.geometry.IOrientedRectangle;
-      /**
-       * 
-       * @param {yfiles.graph.ILabel} label
-       * @param {yfiles.graph.ILabelModel} model
-       * @returns {yfiles.collections.IEnumerable.<yfiles.graph.ILabelModelParameter>} 
-       */
-      getParameters(label:yfiles.graph.ILabel,model:yfiles.graph.ILabelModel):yfiles.collections.IEnumerable<yfiles.graph.ILabelModelParameter>;
-      /**
-       * 
-       * @param {yfiles.lang.Class} type
-       * @returns {Object} 
-       */
-      lookup(type:yfiles.lang.Class):Object;
-      /**
-       * A convenience parameter instance that can be shared between label instances.
-       * <p>
-       * Trying to change that instances' {@link yfiles.graph.StretchStripeLabelModel#insets} will raise an {@link Stubs.Exceptions.InvalidOperationError}.
-       * </p>
-       * @const
-       * @static
-       * @type {yfiles.graph.ILabelModelParameter}
-       */
-      static NORTH:yfiles.graph.ILabelModelParameter;
-      /**
-       * A convenience parameter instance that can be shared between label instances.
-       * <p>
-       * Trying to change that instances' {@link yfiles.graph.StretchStripeLabelModel#insets} will raise an {@link Stubs.Exceptions.InvalidOperationError}.
-       * </p>
-       * @const
-       * @static
-       * @type {yfiles.graph.ILabelModelParameter}
-       */
-      static SOUTH:yfiles.graph.ILabelModelParameter;
-      /**
-       * A convenience parameter instance that can be shared between label instances.
-       * <p>
-       * Trying to change that instances' {@link yfiles.graph.StretchStripeLabelModel#insets} will raise an {@link Stubs.Exceptions.InvalidOperationError}.
-       * </p>
-       * @const
-       * @static
-       * @type {yfiles.graph.ILabelModelParameter}
-       */
-      static EAST:yfiles.graph.ILabelModelParameter;
-      /**
-       * A convenience parameter instance that can be shared between label instances.
-       * <p>
-       * Trying to change that instances' {@link yfiles.graph.StretchStripeLabelModel#insets} will raise an {@link Stubs.Exceptions.InvalidOperationError}.
-       * </p>
-       * @const
-       * @static
-       * @type {yfiles.graph.ILabelModelParameter}
-       */
-      static WEST:yfiles.graph.ILabelModelParameter;
-      /**
-       * Gets or sets the insets to use within the stripe's {@link yfiles.graph.IStripe#layout}.
-       * @default '0'
-       * @type {yfiles.geometry.Insets}
-       */
-      insets:yfiles.geometry.Insets;
-      /**
-       * Gets or sets whether or not to use the {@link yfiles.graph.IStripe#actualInsets actual insets} or the normal {@link yfiles.graph.IStripe#insets} of a stripe for centering the label inside the
-       * stripe header area.
-       * <p>
-       * If <code>true</code> the header insets are used. Default is <code>false</code>
-       * </p>
-       * @default false
-       * @type {boolean}
-       */
-      useActualInsets:boolean;
-      static $class:yfiles.lang.Class;
-    }
-    export enum StripeLabelModelPosition{
-      /**
-       * Encodes a position at the top side of the node interior
-       */
-      NORTH,
-      /**
-       * Encodes a position at the right side of the node interior
-       */
-      EAST,
-      /**
-       * Encodes a position at the bottom side of the node interior
-       */
-      SOUTH,
-      /**
-       * Encodes a position at the left side of the node interior
-       */
-      WEST
-    }
-    /**
-     * A label model for labels that is especially tailored to be used as a model for the four default positions where the
-     * label of a stripe may lie.
-     * <p>
-     * This label model supports four positions inside of the stripe bounds. The east and west positions are rotated
-     * automatically. The {@link yfiles.graph.ILabel#owner} is expected to be an {@link yfiles.graph.IStripe} instance, i.e. the parameter supports only {@link yfiles.graph.IStripe}
-     * instances.
-     * </p>
-     * @class yfiles.graph.StripeLabelModel
-     * @implements {yfiles.graph.ILabelModel}
-     * @implements {yfiles.graph.ILabelModelParameterProvider}
-     */
-    export interface StripeLabelModel extends Object,yfiles.graph.ILabelModel,yfiles.graph.ILabelModelParameterProvider{}
-    export class StripeLabelModel {
-      /**
-       * Creates a new instance of this model with empty insets.
-       * @param {Object} [options=null] The parameters to pass.
-       * @param {number} options.ratio The ratio how far the label should be positioned from the border in the header area.
-       * <p>
-       * This option sets the {@link yfiles.graph.StripeLabelModel#ratio} property on the created object.
-       * </p>
-       * @param {boolean} options.useActualInsets A value indicating whether to use the {@link yfiles.graph.IStripe#actualInsets actual insets} or the normal {@link yfiles.graph.IStripe#insets} of a stripe for centering the label inside the stripe header area.
-       * <p>
-       * This option sets the {@link yfiles.graph.StripeLabelModel#useActualInsets} property on the created object.
-       * </p>
-       * @constructor
-       */
-      constructor(options?:{ratio?:number,useActualInsets?:boolean});
-      /**
-       * 
-       * @returns {yfiles.graph.ILabelModelParameter} 
-       */
-      createDefaultParameter():yfiles.graph.ILabelModelParameter;
-      /**
-       * Creates the parameter for the given position.
-       * @param {yfiles.graph.StripeLabelModelPosition} position The position.
-       * @returns {yfiles.graph.ILabelModelParameter} 
-       */
-      createParameter(position:yfiles.graph.StripeLabelModelPosition):yfiles.graph.ILabelModelParameter;
-      /**
-       * 
-       * @param {yfiles.graph.ILabel} label
-       * @param {yfiles.graph.ILabelModelParameter} layoutParameter
-       * @returns {yfiles.graph.ILookup} 
-       */
-      getContext(label:yfiles.graph.ILabel,layoutParameter:yfiles.graph.ILabelModelParameter):yfiles.graph.ILookup;
-      /**
-       * Calculates the geometry in form of an {@link yfiles.geometry.IOrientedRectangle} for a given label using the given model
-       * parameter.
-       * <p>
-       * The geometry is calculated in table coordinates, i.e. relative to {@link yfiles.graph.ITable#relativeLocation}.
-       * </p>
-       * @param {yfiles.graph.ILabel} label the label to calculate the geometry for
-       * @param {yfiles.graph.ILabelModelParameter} layoutParameter A parameter that has been created by this model. This is typically the parameter that yielded this instance through its
-       * {@link yfiles.graph.ILabelModelParameter#model} property.
-       * @returns {yfiles.geometry.IOrientedRectangle} An instance that describes the geometry. This is typically an instance designed as a flyweight, so clients should not
-       * cache the instance but store the values if they need a snapshot for later use
-       */
-      getGeometry(label:yfiles.graph.ILabel,layoutParameter:yfiles.graph.ILabelModelParameter):yfiles.geometry.IOrientedRectangle;
-      /**
-       * 
-       * @param {yfiles.graph.ILabel} label
-       * @param {yfiles.graph.ILabelModel} model
-       * @returns {yfiles.collections.IEnumerable.<yfiles.graph.ILabelModelParameter>} 
-       */
-      getParameters(label:yfiles.graph.ILabel,model:yfiles.graph.ILabelModel):yfiles.collections.IEnumerable<yfiles.graph.ILabelModelParameter>;
-      /**
-       * 
-       * @param {yfiles.lang.Class} type
-       * @returns {Object} 
-       */
-      lookup(type:yfiles.lang.Class):Object;
-      /**
-       * A convenience parameter instance that can be shared between label instances.
-       * <p>
-       * Trying to change that instances' {@link yfiles.graph.StripeLabelModel#ratio} will raise an {@link Stubs.Exceptions.InvalidOperationError}.
-       * </p>
-       * @const
-       * @static
-       * @type {yfiles.graph.ILabelModelParameter}
-       */
-      static NORTH:yfiles.graph.ILabelModelParameter;
-      /**
-       * A convenience parameter instance that can be shared between label instances.
-       * <p>
-       * Trying to change that instances' {@link yfiles.graph.StripeLabelModel#ratio} will raise an {@link Stubs.Exceptions.InvalidOperationError}.
-       * </p>
-       * @const
-       * @static
-       * @type {yfiles.graph.ILabelModelParameter}
-       */
-      static SOUTH:yfiles.graph.ILabelModelParameter;
-      /**
-       * A convenience parameter instance that can be shared between label instances.
-       * <p>
-       * Trying to change that instances' {@link yfiles.graph.StripeLabelModel#ratio} will raise an {@link Stubs.Exceptions.InvalidOperationError}.
-       * </p>
-       * @const
-       * @static
-       * @type {yfiles.graph.ILabelModelParameter}
-       */
-      static EAST:yfiles.graph.ILabelModelParameter;
-      /**
-       * A convenience parameter instance that can be shared between label instances.
-       * <p>
-       * Trying to change that instances' {@link yfiles.graph.StripeLabelModel#ratio} will raise an {@link Stubs.Exceptions.InvalidOperationError}.
-       * </p>
-       * @const
-       * @static
-       * @type {yfiles.graph.ILabelModelParameter}
-       */
-      static WEST:yfiles.graph.ILabelModelParameter;
-      /**
-       * Gets or sets a value indicating whether to use the {@link yfiles.graph.IStripe#actualInsets actual insets} or the normal {@link yfiles.graph.IStripe#insets} of a stripe for centering the label
-       * inside the stripe header area.
-       * <p>
-       * If <code>true</code> the header insets are used. Default is <code>false</code>
-       * </p>
-       * @default false
-       * @type {boolean}
-       */
-      useActualInsets:boolean;
-      /**
-       * Gets or sets the ratio how far the label should be positioned from the border in the header area.
-       * <p>
-       * 0 means the label is positioned on the outer border, 1 means it is positioned at the inner border of the header or inset
-       * area. Default value is 0.5
-       * </p>
-       * @default 0.5
-       * @type {number}
-       */
-      ratio:number;
-      static $class:yfiles.lang.Class;
-    }
-    /**
-     * Default implementation of the {@link yfiles.graph.ITable} interface.
-     * @class yfiles.graph.Table
-     * @implements {yfiles.graph.ITable}
-     * @implements {yfiles.lang.ICloneable}
-     */
-    export interface Table extends Object,yfiles.graph.ITable,yfiles.lang.ICloneable{}
-    export class Table {
-      /**
-       * Default constructor that creates an empty table
-       * @param {Object} [options=null] The parameters to pass.
-       * @param {yfiles.geometry.Insets} [options.insets=null] Sets the insets property.
-       * @param {yfiles.geometry.Point} [options.relativeLocation=null] Sets the relativeLocation property.
-       * @param {yfiles.graph.IStripeDefaults} options.rowDefaults The defaults for rows.
-       * <p>
-       * This option sets the {@link yfiles.graph.Table#rowDefaults} property on the created object.
-       * </p>
-       * @param {yfiles.graph.IStripeDefaults} options.columnDefaults The defaults for Columns.
-       * <p>
-       * This option sets the {@link yfiles.graph.Table#columnDefaults} property on the created object.
-       * </p>
-       * @constructor
-       */
-      constructor(options?:{insets?:yfiles.geometry.Insets,relativeLocation?:yfiles.geometry.Point,rowDefaults?:yfiles.graph.IStripeDefaults,columnDefaults?:yfiles.graph.IStripeDefaults});
-      /**
-       * 
-       * @param {yfiles.graph.IStripe} owner
-       * @param {string} text
-       * @param {yfiles.graph.ILabelModelParameter} [layoutParameter=null]
-       * @param {yfiles.styles.ILabelStyle} [style=null]
-       * @param {yfiles.geometry.Size} [preferredSize=null]
-       * @param {Object} [tag=null]
-       * @returns {yfiles.graph.ILabel} 
-       */
-      addLabel(owner:yfiles.graph.IStripe,text:string,layoutParameter?:yfiles.graph.ILabelModelParameter,style?:yfiles.styles.ILabelStyle,preferredSize?:yfiles.geometry.Size,tag?:Object):yfiles.graph.ILabel;
-      /**
-       * 
-       * @param {Object} options The parameters to pass.
-       * @param {yfiles.graph.IStripe} options.owner
-       * @param {string} options.text
-       * @param {yfiles.graph.ILabelModelParameter} [options.layoutParameter=null]
-       * @param {yfiles.styles.ILabelStyle} [options.style=null]
-       * @param {yfiles.geometry.Size} [options.preferredSize=null]
-       * @param {Object} [options.tag=null]
-       * @returns {yfiles.graph.ILabel} 
-       */
-      addLabel(options:{owner:yfiles.graph.IStripe,text:string,layoutParameter?:yfiles.graph.ILabelModelParameter,style?:yfiles.styles.ILabelStyle,preferredSize?:yfiles.geometry.Size,tag?:Object}):yfiles.graph.ILabel;
-      /**
-       * 
-       * @returns {Object} 
-       */
-      clone():Object;
-      /**
-       * Called during {@link yfiles.graph.Table#clone} to create a copy of <code>column</code>
-       * <p>
-       * If <code>column</code> implements the {@link yfiles.lang.ICloneable} interface, the <code>column</code> instance is
-       * {@link yfiles.lang.ICloneable#clone}d, otherwise, the original instance is returned unchanged.
-       * </p>
-       * @param {yfiles.graph.IColumn} column The column that should be copied during a clone operation.
-       * @returns {yfiles.graph.IColumn} A clone of <code>column</code> if possible, otherwise the original reference to <code>column</code>
-       * @protected
-       */
-      copyColumn(column:yfiles.graph.IColumn):yfiles.graph.IColumn;
-      /**
-       * Called during {@link yfiles.graph.Table#clone} to create a copy of <code>originalDefaults</code>
-       * <p>
-       * This implementation returns an unchanged reference to <code>originalDefaults</code>. If you need to create a deep clone of
-       * <code>originalDefaults</code>, you'll have to perform the cloning yourself.
-       * </p>
-       * @param {yfiles.graph.IStripeDefaults} originalDefaults The default settings that should be copied during a clone operation.
-       * @returns {yfiles.graph.IStripeDefaults} The original reference to <code>originalDefaults</code>
-       * @protected
-       */
-      copyDefaults(originalDefaults:yfiles.graph.IStripeDefaults):yfiles.graph.IStripeDefaults;
-      /**
-       * Called during {@link yfiles.graph.Table#clone} to create a copy of <code>row</code>
-       * <p>
-       * If <code>row</code> implements the {@link yfiles.lang.ICloneable} interface, the <code>row</code> instance is
-       * {@link yfiles.lang.ICloneable#clone}d, otherwise, the original instance is returned unchanged.
-       * </p>
-       * @param {yfiles.graph.IRow} row The row that should be copied during a clone operation.
-       * @returns {yfiles.graph.IRow} A clone of <code>row</code> if possible, otherwise the original reference to <code>row</code>
-       * @protected
-       */
-      copyRow(row:yfiles.graph.IRow):yfiles.graph.IRow;
-      /**
-       * 
-       * @param {yfiles.graph.IColumn} owner
-       * @param {number} [width=null]
-       * @param {number} [minWidth=null]
-       * @param {yfiles.geometry.Insets} [insets=null]
-       * @param {yfiles.styles.IStripeStyle} [style=null]
-       * @param {Object} [tag=null]
-       * @param {number} [index=null]
-       * @returns {yfiles.graph.IColumn} 
-       */
-      createChildColumn(owner:yfiles.graph.IColumn,width?:number,minWidth?:number,insets?:yfiles.geometry.Insets,style?:yfiles.styles.IStripeStyle,tag?:Object,index?:number):yfiles.graph.IColumn;
-      /**
-       * 
-       * @param {Object} options The parameters to pass.
-       * @param {yfiles.graph.IColumn} options.owner
-       * @param {number} [options.width=null]
-       * @param {number} [options.minWidth=null]
-       * @param {yfiles.geometry.Insets} [options.insets=null]
-       * @param {yfiles.styles.IStripeStyle} [options.style=null]
-       * @param {Object} [options.tag=null]
-       * @param {number} [options.index=null]
-       * @returns {yfiles.graph.IColumn} 
-       */
-      createChildColumn(options:{owner:yfiles.graph.IColumn,width?:number,minWidth?:number,insets?:yfiles.geometry.Insets,style?:yfiles.styles.IStripeStyle,tag?:Object,index?:number}):yfiles.graph.IColumn;
-      /**
-       * 
-       * @param {yfiles.graph.IRow} owner
-       * @param {number} [height=null]
-       * @param {number} [minHeight=null]
-       * @param {yfiles.geometry.Insets} [insets=null]
-       * @param {yfiles.styles.IStripeStyle} [style=null]
-       * @param {Object} [tag=null]
-       * @param {number} [index=null]
-       * @returns {yfiles.graph.IRow} 
-       */
-      createChildRow(owner:yfiles.graph.IRow,height?:number,minHeight?:number,insets?:yfiles.geometry.Insets,style?:yfiles.styles.IStripeStyle,tag?:Object,index?:number):yfiles.graph.IRow;
-      /**
-       * 
-       * @param {Object} options The parameters to pass.
-       * @param {yfiles.graph.IRow} options.owner
-       * @param {number} [options.height=null]
-       * @param {number} [options.minHeight=null]
-       * @param {yfiles.geometry.Insets} [options.insets=null]
-       * @param {yfiles.styles.IStripeStyle} [options.style=null]
-       * @param {Object} [options.tag=null]
-       * @param {number} [options.index=null]
-       * @returns {yfiles.graph.IRow} 
-       */
-      createChildRow(options:{owner:yfiles.graph.IRow,height?:number,minHeight?:number,insets?:yfiles.geometry.Insets,style?:yfiles.styles.IStripeStyle,tag?:Object,index?:number}):yfiles.graph.IRow;
-      /**
-       * Callback method that creates the Column defaults.
-       * @returns {yfiles.graph.IStripeDefaults} A new instance of the {@link yfiles.graph.StripeDefaults} class which is used for newly created columns.
-       * @protected
-       */
-      createColumnDefaults():yfiles.graph.IStripeDefaults;
-      /**
-       * Callback method that creates the row defaults.
-       * @returns {yfiles.graph.IStripeDefaults} A new instance of the {@link yfiles.graph.StripeDefaults} class that is used for newly created rows.
-       * @protected
-       */
-      createRowDefaults():yfiles.graph.IStripeDefaults;
-      /**
-       * Installs the undo support for use with all tables that are bound to nodes in <code>graph</code>.
-       * <p>
-       * This method queries the <code>graph</code> for its undo support dynamically whenever undo support is queried in the table. In
-       * contrast to {@link yfiles.graph.Table#installStaticUndoSupport} the undo support installed with this method will thus always be
-       * the one which is the currently available support for the <code>graph</code>.
-       * </p>
-       * @param {yfiles.graph.IGraph} graph The graph where the nodes exist or will be created/changed and where the undo support should come from.
-       * @see yfiles.graph.Table#uninstallDynamicUndoSupport
-       * @see yfiles.graph.Table#installStaticUndoSupport
-       * @static
-       */
-      static installDynamicUndoSupport(graph:yfiles.graph.IGraph):void;
-      /**
-       * Installs the undo support for use with all tables that are bound to nodes in <code>graph</code>.
-       * <p>
-       * This methods installs the undo support which manages the <code>graph</code> at the time this method is called. In contrast to {@link yfiles.graph.Table#installDynamicUndoSupport}
-       * the installed undo support will not change when the <code>graph</code>'s undo support changes.
-       * </p>
-       * <p>
-       * This method adds undo support both for existing nodes in <code>graph</code> as well as for newly created or changed nodes.
-       * </p>
-       * @param {yfiles.graph.IGraph} graph The graph where the nodes exist or will be created/changed.
-       * @see yfiles.graph.Table#uninstallStaticUndoSupport
-       * @see yfiles.graph.Table#installDynamicUndoSupport
-       * @static
-       */
-      static installStaticUndoSupport(graph:yfiles.graph.IGraph):void;
-      /**
-       * 
-       * @param {yfiles.lang.Class} type
-       * @returns {Object} 
-       */
-      lookup(type:yfiles.lang.Class):Object;
-      /**
-       * Called after a label has been added to a stripe.
-       * <p>
-       * This method raises the {@link yfiles.graph.Table#addLabelAddedListener LabelAdded} event.
-       * </p>
-       * @param {yfiles.graph.ILabel} label The label that has just been added.
-       * @protected
-       */
-      onLabelAdded(label:yfiles.graph.ILabel):void;
-      /**
-       * Callback that is invoked after a label has changed.
-       * <p>
-       * This method raises the {@link yfiles.graph.Table#addLabelChangedListener LabelChanged} event.
-       * </p>
-       * @param {yfiles.graph.ILabel} label The label that has changed.
-       * @protected
-       */
-      onLabelChanged(label:yfiles.graph.ILabel):void;
-      /**
-       * Called after a label has been removed from its stripe.
-       * <p>
-       * This method raises the {@link yfiles.graph.Table#addLabelRemovedListener LabelRemoved} event.
-       * </p>
-       * @param {yfiles.graph.ILabel} label The label that has just been removed.
-       * @param {yfiles.graph.ILabelOwner} owner The old owner of the label.
-       * @protected
-       */
-      onLabelRemoved(owner:yfiles.graph.ILabelOwner,label:yfiles.graph.ILabel):void;
-      /**
-       * Callback that is invoked after a stripe has changed.
-       * <p>
-       * This will trigger the {@link yfiles.graph.Table#addStripeChangedListener StripeChanged} event.
-       * </p>
-       * @param {yfiles.graph.IStripe} owner The original owner
-       * @param {yfiles.graph.IStripe} stripe The stripe that has changed.
-       * @param {yfiles.graph.ITable} oldTable The original table owner, in case the stripe has been moved between different table instances
-       * @protected
-       */
-      onStripeChanged(owner:yfiles.graph.IStripe,stripe:yfiles.graph.IStripe,oldTable:yfiles.graph.ITable):void;
-      /**
-       * Called after a stripe has been created and added to a table.
-       * <p>
-       * This method raises the {@link yfiles.graph.Table#addStripeCreatedListener StripeCreated} event.
-       * </p>
-       * @param {yfiles.graph.IStripe} stripe The stripe that has just been created.
-       * @protected
-       */
-      onStripeCreated(stripe:yfiles.graph.IStripe):void;
-      /**
-       * Called after a stripe has been removed from its owner.
-       * <p>
-       * This method raises the {@link yfiles.graph.Table#addStripeRemovedListener StripeRemoved} event.
-       * </p>
-       * @param {yfiles.graph.IStripe} stripe The stripe that has just been removed.
-       * @param {yfiles.graph.IStripe} owner The old owner of the stripe.
-       * @protected
-       */
-      onStripeRemoved(owner:yfiles.graph.IStripe,stripe:yfiles.graph.IStripe):void;
-      /**
-       * Removes the given label from its owner.
-       * <p>
-       * This will trigger the corresponding event.
-       * </p>
-       * @param {yfiles.graph.ILabel} label the label to remove
-       * @throws {Stubs.Exceptions.ArgumentError} If the label is not associated with this table instance.
-       */
-      remove(label:yfiles.graph.ILabel):void;
-      /**
-       * 
-       * @param {yfiles.graph.IStripe} stripe
-       */
-      remove(stripe:yfiles.graph.IStripe):void;
-      /**
-       * Sets the label model parameter for the given label.
-       * @param {yfiles.graph.ILabel} label The label.
-       * @param {yfiles.graph.ILabelModelParameter} layoutParameter The new parameter.
-       * @throws {Stubs.Exceptions.ArgumentError} If the parameter cannot be used for this label or if the label is not associated with this table instance.
-       */
-      setLabelLayoutParameter(label:yfiles.graph.ILabel,layoutParameter:yfiles.graph.ILabelModelParameter):void;
-      /**
-       * Sets the preferred size of the label.
-       * @param {yfiles.graph.ILabel} label The label.
-       * @param {yfiles.geometry.Size} preferredSize The new preferred size.
-       * @throws {Stubs.Exceptions.ArgumentError} If the label is not associated with this table instance.
-       * @see yfiles.graph.ILabel#preferredSize
-       */
-      setLabelPreferredSize(label:yfiles.graph.ILabel,preferredSize:yfiles.geometry.Size):void;
-      /**
-       * Sets the label text of the given label.
-       * @param {yfiles.graph.ILabel} label the label to modify
-       * @param {string} text the new text of the label
-       * @throws {Stubs.Exceptions.ArgumentError} If the label is not associated with this table instance.
-       * @see yfiles.graph.ILabel#text
-       */
-      setLabelText(label:yfiles.graph.ILabel,text:string):void;
-      /**
-       * 
-       * @param {yfiles.graph.IStripe} stripe
-       * @param {number} minimumSize
-       */
-      setMinimumSize(stripe:yfiles.graph.IStripe,minimumSize:number):void;
-      /**
-       * 
-       * @param {yfiles.graph.IColumn} owner
-       * @param {yfiles.graph.IColumn} column
-       * @param {number} [index=null]
-       */
-      setParent(owner:yfiles.graph.IColumn,column:yfiles.graph.IColumn,index?:number):void;
-      /**
-       * 
-       * @param {yfiles.graph.IRow} owner
-       * @param {yfiles.graph.IRow} row
-       * @param {number} [index=null]
-       */
-      setParent(owner:yfiles.graph.IRow,row:yfiles.graph.IRow,index?:number):void;
-      /**
-       * 
-       * @param {yfiles.graph.IStripe} stripe
-       * @param {number} size
-       */
-      setSize(stripe:yfiles.graph.IStripe,size:number):void;
-      /**
-       * 
-       * @param {yfiles.graph.IStripe} stripe
-       * @param {yfiles.geometry.Insets} insets
-       */
-      setStripeInsets(stripe:yfiles.graph.IStripe,insets:yfiles.geometry.Insets):void;
-      /**
-       * Assigns the given style instance by reference to the label.
-       * <p>
-       * Style instances can be shared.
-       * </p>
-       * @param {yfiles.graph.ILabel} label The label that will be assigned the new style
-       * @param {yfiles.styles.ILabelStyle} style The style instance that will be assigned to the label.
-       * @see yfiles.graph.ILabel#style
-       */
-      setStyle(label:yfiles.graph.ILabel,style:yfiles.styles.ILabelStyle):void;
-      /**
-       * 
-       * @param {yfiles.graph.IStripe} stripe
-       * @param {yfiles.styles.IStripeStyle} style
-       */
-      setStyle(stripe:yfiles.graph.IStripe,style:yfiles.styles.IStripeStyle):void;
-      /**
-       * Uninstalls the undo support that has previously been installed with {@link yfiles.graph.Table#installDynamicUndoSupport}
-       * @param {yfiles.graph.IGraph} graph The graph where the tables are installed for which the undo support should be cleared.
-       * @static
-       */
-      static uninstallDynamicUndoSupport(graph:yfiles.graph.IGraph):void;
-      /**
-       * Uninstalls the undo support that has previously been installed with {@link yfiles.graph.Table#installStaticUndoSupport}
-       * @param {yfiles.graph.IGraph} graph The graph where the tables are installed for which the undo support should be cleared.
-       * @static
-       */
-      static uninstallStaticUndoSupport(graph:yfiles.graph.IGraph):void;
-      /**
-       * Gets an {@link yfiles.graph.IContextLookup} that provides the default implementations returned by an
-       * {@link yfiles.graph.IStripe}'s lookup.
-       * <p>
-       * The provided default implementations can for example be used as fallback when the stripe lookup is wrapped.
-       * </p>
-       * @static
-       * @type {yfiles.graph.IContextLookup}
-       */
-      static DEFAULT_STRIPE_LOOKUP:yfiles.graph.IContextLookup;
-      /**
-       * Gets an {@link yfiles.graph.IContextLookup} that provides the default implementations returned by an
-       * {@link yfiles.graph.IColumn}'s lookup.
-       * <p>
-       * The provided default implementations can for example be used as fallback when the column lookup is wrapped.
-       * </p>
-       * @static
-       * @type {yfiles.graph.IContextLookup}
-       */
-      static DEFAULT_COLUMN_LOOKUP:yfiles.graph.IContextLookup;
-      /**
-       * Gets an {@link yfiles.graph.IContextLookup} that provides the default implementations returned by an
-       * {@link yfiles.graph.IRow}'s lookup.
-       * <p>
-       * The provided default implementations can for example be used as fallback when the row lookup is wrapped.
-       * </p>
-       * @static
-       * @type {yfiles.graph.IContextLookup}
-       */
-      static DEFAULT_ROW_LOOKUP:yfiles.graph.IContextLookup;
-      /**
-       * The toplevel {@link yfiles.graph.IRow}s in this table.
-       * @type {yfiles.collections.IEnumerable.<yfiles.graph.IRow>}
-       */
-      rows:yfiles.collections.IEnumerable<yfiles.graph.IRow>;
-      /**
-       * The toplevel {@link yfiles.graph.IColumn}s in this table.
-       * @type {yfiles.collections.IEnumerable.<yfiles.graph.IColumn>}
-       */
-      columns:yfiles.collections.IEnumerable<yfiles.graph.IColumn>;
-      /**
-       * 
-       * @default '0'
-       * @type {yfiles.geometry.Insets}
-       */
-      insets:yfiles.geometry.Insets;
-      /**
-       * 
-       * @default '0,0'
-       * @type {yfiles.geometry.Point}
-       */
-      relativeLocation:yfiles.geometry.Point;
-      /**
-       * Gets the relative layout of the table.
-       * <p>
-       * The upper left corner of the layout always coincides with {@link yfiles.graph.Table#relativeLocation}.
-       * </p>
-       * @see yfiles.graph.Table#relativeLocation
-       * @type {yfiles.geometry.IRectangle}
-       */
-      layout:yfiles.geometry.IRectangle;
-      /**
-       * 
-       * @param {function(Object, yfiles.collections.ItemEventArgs.<yfiles.graph.IStripe>): void} listener
-       */
-      addStripeCreatedListener(listener:(sender:Object,evt:yfiles.collections.ItemEventArgs<yfiles.graph.IStripe>)=>void):void;
-      /**
-       * 
-       * @param {function(Object, yfiles.collections.ItemEventArgs.<yfiles.graph.IStripe>): void} listener
-       */
-      removeStripeCreatedListener(listener:(sender:Object,evt:yfiles.collections.ItemEventArgs<yfiles.graph.IStripe>)=>void):void;
-      /**
-       * 
-       * @param {function(Object, yfiles.graph.StripeEventArgs): void} listener
-       */
-      addStripeRemovedListener(listener:(sender:Object,evt:yfiles.graph.StripeEventArgs)=>void):void;
-      /**
-       * 
-       * @param {function(Object, yfiles.graph.StripeEventArgs): void} listener
-       */
-      removeStripeRemovedListener(listener:(sender:Object,evt:yfiles.graph.StripeEventArgs)=>void):void;
-      /**
-       * 
-       * @param {function(Object, yfiles.graph.StripeEventArgs): void} listener
-       */
-      addStripeChangedListener(listener:(sender:Object,evt:yfiles.graph.StripeEventArgs)=>void):void;
-      /**
-       * 
-       * @param {function(Object, yfiles.graph.StripeEventArgs): void} listener
-       */
-      removeStripeChangedListener(listener:(sender:Object,evt:yfiles.graph.StripeEventArgs)=>void):void;
-      /**
-       * 
-       * @param {function(Object, yfiles.collections.ItemEventArgs.<yfiles.graph.ILabel>): void} listener
-       */
-      addLabelAddedListener(listener:(sender:Object,evt:yfiles.collections.ItemEventArgs<yfiles.graph.ILabel>)=>void):void;
-      /**
-       * 
-       * @param {function(Object, yfiles.collections.ItemEventArgs.<yfiles.graph.ILabel>): void} listener
-       */
-      removeLabelAddedListener(listener:(sender:Object,evt:yfiles.collections.ItemEventArgs<yfiles.graph.ILabel>)=>void):void;
-      /**
-       * 
-       * @param {function(Object, yfiles.graph.LabelEventArgs): void} listener
-       */
-      addLabelRemovedListener(listener:(sender:Object,evt:yfiles.graph.LabelEventArgs)=>void):void;
-      /**
-       * 
-       * @param {function(Object, yfiles.graph.LabelEventArgs): void} listener
-       */
-      removeLabelRemovedListener(listener:(sender:Object,evt:yfiles.graph.LabelEventArgs)=>void):void;
-      /**
-       * 
-       * @param {function(Object, yfiles.collections.ItemEventArgs.<yfiles.graph.ILabel>): void} listener
-       */
-      addLabelChangedListener(listener:(sender:Object,evt:yfiles.collections.ItemEventArgs<yfiles.graph.ILabel>)=>void):void;
-      /**
-       * 
-       * @param {function(Object, yfiles.collections.ItemEventArgs.<yfiles.graph.ILabel>): void} listener
-       */
-      removeLabelChangedListener(listener:(sender:Object,evt:yfiles.collections.ItemEventArgs<yfiles.graph.ILabel>)=>void):void;
-      /**
-       * Gets or sets the defaults for rows.
-       * <p>
-       * The settings that are obtained from the instance influence newly created elements only. Setting different defaults later
-       * does not influence existing elements.
-       * </p>
-       * <p>
-       * If no value is set explicitly a default will be created using {@link yfiles.graph.Table#createRowDefaults} upon first read
-       * access.
-       * </p>
-       * @type {yfiles.graph.IStripeDefaults}
-       */
-      rowDefaults:yfiles.graph.IStripeDefaults;
-      /**
-       * Gets or sets the defaults for Columns.
-       * <p>
-       * The settings that are obtained from the instance influence newly created elements only. Setting different defaults later
-       * does not influence existing elements.
-       * </p>
-       * <p>
-       * If no value is set explicitly a default will be created using {@link yfiles.graph.Table#createColumnDefaults} upon first read
-       * access.
-       * </p>
-       * @type {yfiles.graph.IStripeDefaults}
-       */
-      columnDefaults:yfiles.graph.IStripeDefaults;
-      /**
-       * 
-       * @type {yfiles.graph.IRow}
-       */
-      rootRow:yfiles.graph.IRow;
-      /**
-       * 
-       * @type {yfiles.graph.IColumn}
-       */
-      rootColumn:yfiles.graph.IColumn;
-      static $class:yfiles.lang.Class;
-    }
     /**
      * This interface defines a child element of a table or a table element container
      * @interface
@@ -59959,9 +59255,9 @@ declare namespace system{
        * <p>
        * Since {@link yfiles.graph.IStripe#layout} is relative to the owning node's left corner, you need to provide an <code>node</code> node to calculate the absolute layout.
        * </p>
-       * @param {yfiles.graph.INode} node The node relative to which the stripe layout is calculated. This should be the same node where {@link yfiles.graph.IStripe#table} for <code>stripe</code> is associated
+       * @param node The node relative to which the stripe layout is calculated. This should be the same node where {@link #table} for <code>stripe</code> is associated
        * to.
-       * @returns {yfiles.geometry.Rect} 
+       * @returns 
        */
       getAbsoluteBounds?(node:yfiles.graph.INode):yfiles.geometry.Rect;
       /**
@@ -60018,7 +59314,6 @@ declare namespace system{
       table:yfiles.graph.ITable;
       /**
        * Checks whether <code>stripe</code> is the root item of a stripe hierarchy.
-       * @returns <code>true</code> iff <code>stripe</code> is a root stripe.
        * @see yfiles.graph.IStripe#root
        * @type {boolean}
        */
@@ -60028,7 +59323,6 @@ declare namespace system{
        * <p>
        * The <code>stripe</code> is the <b>GetIndex</b>th child of its parent.
        * </p>
-       * @returns the children of <code>stripe</code>
        * @see yfiles.graph.IColumn#childColumns
        * @see yfiles.graph.IRow#childRows
        * @type {number}
@@ -60047,7 +59341,6 @@ declare namespace system{
        * <p>
        * For {@link yfiles.graph.IColumn} instances, this returns {@link yfiles.graph.IColumn#childColumns}, for {@link yfiles.graph.IRow} instances, this returns {@link yfiles.graph.IRow#childRows}
        * </p>
-       * @returns the children of <code>stripe</code>
        * @see yfiles.graph.IColumn#childColumns
        * @see yfiles.graph.IRow#childRows
        * @type {yfiles.collections.IEnumerable.<yfiles.graph.IStripe>}
@@ -60058,7 +59351,6 @@ declare namespace system{
        * <p>
        * For {@link yfiles.graph.IColumn} instances, this returns {@link yfiles.graph.IColumn#parentColumn}, for {@link yfiles.graph.IRow} instances, this returns {@link yfiles.graph.IRow#parentRow}
        * </p>
-       * @returns the parent of <code>stripe</code>
        * @see yfiles.graph.IColumn#parentColumn
        * @see yfiles.graph.IRow#parentRow
        * @type {yfiles.graph.IStripe}
@@ -60070,7 +59362,6 @@ declare namespace system{
        * If the stripe is part of an {@link yfiles.graph.ITable} instance, this returns {@link yfiles.graph.ITable#rootColumn} for {@link yfiles.graph.IColumn} instances and {@link yfiles.graph.IRow#parentRow} for {@link yfiles.graph.ITable#rootRow}
        * instances. Otherwise <code>null</code> is returned.
        * </p>
-       * @returns the root of <code>stripe</code>
        * @see yfiles.graph.ITable#rootColumn
        * @see yfiles.graph.ITable#rootRow
        * @see yfiles.graph.IStripe#isRoot
@@ -60079,7 +59370,6 @@ declare namespace system{
       root?:yfiles.graph.IStripe;
       /**
        * Returns a collection of all descendants of <code>stripe</code> that are leaves and therefore don't have any child stripes.
-       * @returns A collection of all leaf descendants of <code>stripe</code>
        * @type {yfiles.collections.IEnumerable.<yfiles.graph.IStripe>}
        */
       leaves?:yfiles.collections.IEnumerable<yfiles.graph.IStripe>;
@@ -60088,7 +59378,6 @@ declare namespace system{
        * <p>
        * The descendants are returned in top to bottom order.
        * </p>
-       * @returns A collection of all descendants of <code>stripe</code>
        * @type {yfiles.collections.IEnumerable.<yfiles.graph.IStripe>}
        */
       descendants?:yfiles.collections.IEnumerable<yfiles.graph.IStripe>;
@@ -60098,7 +59387,6 @@ declare namespace system{
        * This value is determined by the accumulated insets of all ancestor, sibling and descendant insets. These insets may be
        * larger than {@link yfiles.graph.IStripe#insets}.
        * </p>
-       * @returns The actual insets of the stripe.
        * @type {yfiles.geometry.Insets}
        */
       actualInsets?:yfiles.geometry.Insets;
@@ -60108,7 +59396,6 @@ declare namespace system{
        * This is always the stripe size which is actually used for the stripe. For leaf stripes, this is the same as
        * {@link yfiles.graph.IStripe#size}, otherwise, it is the accumulated size of all descendants with taking nested insets into account.
        * </p>
-       * @returns The actual size of the stripe.
        * @type {number}
        */
       actualSize?:number;
@@ -60159,13 +59446,13 @@ declare namespace system{
     export interface ITable extends Object,yfiles.graph.ILookup{
       /**
        * Add a label to the given owner using the text as the initial label text and label model parameter and style.
-       * @param {yfiles.graph.IStripe} owner the owner to add the label to.
-       * @param {string} text the initial text of the label
-       * @param {yfiles.graph.ILabelModelParameter} [layoutParameter=null] The label model parameter instance to use.
-       * @param {yfiles.styles.ILabelStyle} [style=null] The style to use for the label
-       * @param {yfiles.geometry.Size} [preferredSize=null] The initial values to use for the {@link yfiles.graph.ILabel#preferredSize}.
-       * @param {Object} [tag=null] the initial {@link yfiles.graph.ITagOwner#tag} to assign.
-       * @returns {yfiles.graph.ILabel} the newly created label
+       * @param owner the owner to add the label to.
+       * @param text the initial text of the label
+       * @param [layoutParameter=null] The label model parameter instance to use.
+       * @param [style=null] The style to use for the label
+       * @param [preferredSize=null] The initial values to use for the {@link #preferredSize}.
+       * @param [tag=null] the initial {@link #tag} to assign.
+       * @returns the newly created label
        * @see yfiles.graph.ITable#setLabelText
        * @see yfiles.graph.ITable#setLabelLayoutParameter
        * @see yfiles.graph.ITable#setStyle
@@ -60175,13 +59462,13 @@ declare namespace system{
       /**
        * Add a label to the given owner using the text as the initial label text and label model parameter and style.
        * @param {Object} options The parameters to pass.
-       * @param {yfiles.graph.IStripe} options.owner the owner to add the label to.
-       * @param {string} options.text the initial text of the label
-       * @param {yfiles.graph.ILabelModelParameter} [options.layoutParameter=null] The label model parameter instance to use.
-       * @param {yfiles.styles.ILabelStyle} [options.style=null] The style to use for the label
-       * @param {yfiles.geometry.Size} [options.preferredSize=null] The initial values to use for the {@link yfiles.graph.ILabel#preferredSize}.
-       * @param {Object} [options.tag=null] the initial {@link yfiles.graph.ITagOwner#tag} to assign.
-       * @returns {yfiles.graph.ILabel} the newly created label
+       * @param options.owner the owner to add the label to.
+       * @param options.text the initial text of the label
+       * @param [options.layoutParameter=null] The label model parameter instance to use.
+       * @param [options.style=null] The style to use for the label
+       * @param [options.preferredSize=null] The initial values to use for the {@link #preferredSize}.
+       * @param [options.tag=null] the initial {@link #tag} to assign.
+       * @returns the newly created label
        * @see yfiles.graph.ITable#setLabelText
        * @see yfiles.graph.ITable#setLabelLayoutParameter
        * @see yfiles.graph.ITable#setStyle
@@ -60194,18 +59481,18 @@ declare namespace system{
        * This implementation uses the {@link yfiles.graph.ILabel#style style's} renderer for the label to determine the preferred rendering size. This is useful
        * after the label's content or style have been changed.
        * </p>
-       * @param {yfiles.graph.ILabel} label The label to adjust the size for.
+       * @param label The label to adjust the size for.
        * @see yfiles.graph.ILabelDefaults#autoAdjustPreferredSize
        */
       adjustLabelPreferredSize?(label:yfiles.graph.ILabel):void;
       /**
        * Calculates the preferred size of a label with the given properties.
-       * @param {yfiles.graph.IStripe} stripe The item that will own the label.
-       * @param {yfiles.styles.ILabelStyle} style The label style.
-       * @param {yfiles.graph.ILabelModelParameter} layoutParameter The label model parameter.
-       * @param {string} text The text.
-       * @param {Object} tag The tag for the label.
-       * @returns {yfiles.geometry.Size} The size as calculated by the {@link yfiles.styles.ILabelStyleRenderer}.
+       * @param stripe The item that will own the label.
+       * @param style The label style.
+       * @param layoutParameter The label model parameter.
+       * @param text The text.
+       * @param tag The tag for the label.
+       * @returns The size as calculated by the {@link }.
        */
       calculateLabelPreferredSize?(stripe:yfiles.graph.IStripe,style:yfiles.styles.ILabelStyle,layoutParameter:yfiles.graph.ILabelModelParameter,text:string,tag:Object):yfiles.geometry.Size;
       /**
@@ -60217,63 +59504,63 @@ declare namespace system{
       clear?():void;
       /**
        * Create a new column as the <code>index</code>th child of <code>owner</code> with the given parameters.
-       * @param {yfiles.graph.IColumn} owner The owner of the new column.
-       * @param {number} [index=null] The position in the child list.
-       * @param {number} [width=null] The actual width of the column.
-       * @param {number} [minWidth=null] The minimal width of the column.
-       * @param {yfiles.geometry.Insets} [insets=null] The insets of the column.
-       * @param {yfiles.styles.IStripeStyle} [style=null] The style of the column.
-       * @param {Object} [tag=null] The tag of the column
-       * @returns {yfiles.graph.IColumn} A new column instance
+       * @param owner The owner of the new column.
+       * @param [index=null] The position in the child list.
+       * @param [width=null] The actual width of the column.
+       * @param [minWidth=null] The minimal width of the column.
+       * @param [insets=null] The insets of the column.
+       * @param [style=null] The style of the column.
+       * @param [tag=null] The tag of the column
+       * @returns A new column instance
        * @abstract
        */
       createChildColumn(owner:yfiles.graph.IColumn,width?:number,minWidth?:number,insets?:yfiles.geometry.Insets,style?:yfiles.styles.IStripeStyle,tag?:Object,index?:number):yfiles.graph.IColumn;
       /**
        * Create a new column as the <code>index</code>th child of <code>owner</code> with the given parameters.
        * @param {Object} options The parameters to pass.
-       * @param {yfiles.graph.IColumn} options.owner The owner of the new column.
-       * @param {number} [options.index=null] The position in the child list.
-       * @param {number} [options.width=null] The actual width of the column.
-       * @param {number} [options.minWidth=null] The minimal width of the column.
-       * @param {yfiles.geometry.Insets} [options.insets=null] The insets of the column.
-       * @param {yfiles.styles.IStripeStyle} [options.style=null] The style of the column.
-       * @param {Object} [options.tag=null] The tag of the column
-       * @param options.labels An array of labels to add to the newly created node. Each item will be passed to the {@link yfiles.graph.ITable#addLabel}
+       * @param options.owner The owner of the new column.
+       * @param [options.index=null] The position in the child list.
+       * @param [options.width=null] The actual width of the column.
+       * @param [options.minWidth=null] The minimal width of the column.
+       * @param [options.insets=null] The insets of the column.
+       * @param [options.style=null] The style of the column.
+       * @param [options.tag=null] The tag of the column
+       * @param options.labels An array of labels to add to the newly created node. Each item will be passed to the {@link #addLabel}
        * method.
-       * @param options.childColumns An array of rows to create as children of this row. Each item will be passed to the {@link yfiles.graph.ITable#createChildColumn}
+       * @param options.childColumns An array of rows to create as children of this row. Each item will be passed to the {@link #createChildColumn}
        * method.
-       * @returns {yfiles.graph.IColumn} A new column instance
+       * @returns A new column instance
        * @abstract
        */
       createChildColumn(options:{owner:yfiles.graph.IColumn,width?:number,minWidth?:number,insets?:yfiles.geometry.Insets,style?:yfiles.styles.IStripeStyle,tag?:Object,index?:number,labels?:Array<any>,childColumns?:Array<any>}):yfiles.graph.IColumn;
       /**
        * Create a new row as the <code>index</code>th child of <code>owner</code> with the given parameters.
-       * @param {yfiles.graph.IRow} owner The owner of the new row.
-       * @param {number} [index=null] The position in the child list.
-       * @param {number} [height=null] The actual height of the row.
-       * @param {number} [minHeight=null] The minimal height of the row.
-       * @param {yfiles.geometry.Insets} [insets=null] The insets of the row.
-       * @param {yfiles.styles.IStripeStyle} [style=null] The style of the row.
-       * @param {Object} [tag=null] The tag of the row
-       * @returns {yfiles.graph.IRow} A new row instance
+       * @param owner The owner of the new row.
+       * @param [index=null] The position in the child list.
+       * @param [height=null] The actual height of the row.
+       * @param [minHeight=null] The minimal height of the row.
+       * @param [insets=null] The insets of the row.
+       * @param [style=null] The style of the row.
+       * @param [tag=null] The tag of the row
+       * @returns A new row instance
        * @abstract
        */
       createChildRow(owner:yfiles.graph.IRow,height?:number,minHeight?:number,insets?:yfiles.geometry.Insets,style?:yfiles.styles.IStripeStyle,tag?:Object,index?:number):yfiles.graph.IRow;
       /**
        * Create a new row as the <code>index</code>th child of <code>owner</code> with the given parameters.
        * @param {Object} options The parameters to pass.
-       * @param {yfiles.graph.IRow} options.owner The owner of the new row.
-       * @param {number} [options.index=null] The position in the child list.
-       * @param {number} [options.height=null] The actual height of the row.
-       * @param {number} [options.minHeight=null] The minimal height of the row.
-       * @param {yfiles.geometry.Insets} [options.insets=null] The insets of the row.
-       * @param {yfiles.styles.IStripeStyle} [options.style=null] The style of the row.
-       * @param {Object} [options.tag=null] The tag of the row
-       * @param options.labels An array of labels to add to the newly created node. Each item will be passed to the {@link yfiles.graph.ITable#addLabel}
+       * @param options.owner The owner of the new row.
+       * @param [options.index=null] The position in the child list.
+       * @param [options.height=null] The actual height of the row.
+       * @param [options.minHeight=null] The minimal height of the row.
+       * @param [options.insets=null] The insets of the row.
+       * @param [options.style=null] The style of the row.
+       * @param [options.tag=null] The tag of the row
+       * @param options.labels An array of labels to add to the newly created node. Each item will be passed to the {@link #addLabel}
        * method.
-       * @param options.childRows An array of rows to create as children of this row. Each item will be passed to the {@link yfiles.graph.ITable#createChildRow}
+       * @param options.childRows An array of rows to create as children of this row. Each item will be passed to the {@link #createChildRow}
        * method.
-       * @returns {yfiles.graph.IRow} A new row instance
+       * @returns A new row instance
        * @abstract
        */
       createChildRow(options:{owner:yfiles.graph.IRow,height?:number,minHeight?:number,insets?:yfiles.geometry.Insets,style?:yfiles.styles.IStripeStyle,tag?:Object,index?:number,labels?:Array<any>,childRows?:Array<any>}):yfiles.graph.IRow;
@@ -60282,13 +59569,13 @@ declare namespace system{
        * <p>
        * The column will be a part of this table after the method returns. This will trigger the corresponding events.
        * </p>
-       * @param {number} [width=null] The actual width of the column.
-       * @param {number} [minWidth=null] The minimal width of the column.
-       * @param {yfiles.geometry.Insets} [insets=null] The insets of the column.
-       * @param {yfiles.styles.IStripeStyle} [style=null] The style of the column.
-       * @param {Object} [tag=null] The tag of the column
-       * @param {number} [index=null] The position in the child list.
-       * @returns {yfiles.graph.IColumn} A newly created column instance
+       * @param [width=null] The actual width of the column.
+       * @param [minWidth=null] The minimal width of the column.
+       * @param [insets=null] The insets of the column.
+       * @param [style=null] The style of the column.
+       * @param [tag=null] The tag of the column
+       * @param [index=null] The position in the child list.
+       * @returns A newly created column instance
        * @see yfiles.graph.ITable#addStripeCreatedListener
        */
       createColumn?(width?:number,minWidth?:number,insets?:yfiles.geometry.Insets,style?:yfiles.styles.IStripeStyle,tag?:Object,index?:number):yfiles.graph.IColumn;
@@ -60298,13 +59585,13 @@ declare namespace system{
        * The column will be a part of this table after the method returns. This will trigger the corresponding events.
        * </p>
        * @param {Object} options The parameters to pass.
-       * @param {number} [options.width=null] The actual width of the column.
-       * @param {number} [options.minWidth=null] The minimal width of the column.
-       * @param {yfiles.geometry.Insets} [options.insets=null] The insets of the column.
-       * @param {yfiles.styles.IStripeStyle} [options.style=null] The style of the column.
-       * @param {Object} [options.tag=null] The tag of the column
-       * @param {number} [options.index=null] The position in the child list.
-       * @returns {yfiles.graph.IColumn} A newly created column instance
+       * @param [options.width=null] The actual width of the column.
+       * @param [options.minWidth=null] The minimal width of the column.
+       * @param [options.insets=null] The insets of the column.
+       * @param [options.style=null] The style of the column.
+       * @param [options.tag=null] The tag of the column
+       * @param [options.index=null] The position in the child list.
+       * @returns A newly created column instance
        * @see yfiles.graph.ITable#addStripeCreatedListener
        */
       createColumn?(options:{width?:number,minWidth?:number,insets?:yfiles.geometry.Insets,style?:yfiles.styles.IStripeStyle,tag?:Object,index?:number}):yfiles.graph.IColumn;
@@ -60313,8 +59600,8 @@ declare namespace system{
        * <p>
        * All existing rows and columns are cleared from <code>table</code>
        * </p>
-       * @param {number} columns The number of columns to test.
-       * @param {number} rows The number of rows to test.
+       * @param columns The number of columns to test.
+       * @param rows The number of rows to test.
        */
       createGrid?(columns:number,rows:number):void;
       /**
@@ -60322,15 +59609,15 @@ declare namespace system{
        * <p>
        * This implementation uses the label defaults for the <code>table</code> to {@link yfiles.graph.ILabelDefaults#getLayoutParameterInstance obtain the parameter instance}.
        * </p>
-       * @param {yfiles.graph.IStripe} stripe The item that is the {@link yfiles.graph.ILabel#owner} of the label in question.
-       * @returns {yfiles.graph.ILabelModelParameter} The default label model parameter to use for newly created labels at the item.
+       * @param stripe The item that is the {@link #owner} of the label in question.
+       * @returns The default label model parameter to use for newly created labels at the item.
        * @see yfiles.graph.ILabelDefaults#getLayoutParameterInstance
        */
       createLabelLayoutParameter?(stripe:yfiles.graph.IStripe):yfiles.graph.ILabelModelParameter;
       /**
        * Convenience method that delegates to the {@link yfiles.graph.ILabelDefaults#getStyleInstance} method for the given {@link yfiles.graph.IStripe stripe}.
-       * @param {yfiles.graph.IStripe} stripe The item the newly created label will belong to.
-       * @returns {yfiles.styles.ILabelStyle} The style instance to use for newly created stripes.
+       * @param stripe The item the newly created label will belong to.
+       * @returns The style instance to use for newly created stripes.
        */
       createLabelStyle?(stripe:yfiles.graph.IStripe):yfiles.styles.ILabelStyle;
       /**
@@ -60338,13 +59625,13 @@ declare namespace system{
        * <p>
        * The row will be a part of this table after the method returns. This will trigger the corresponding events.
        * </p>
-       * @param {number} [height=null] The actual height of the row.
-       * @param {number} [minHeight=null] The minimal height of the row.
-       * @param {yfiles.geometry.Insets} [insets=null] The insets of the row.
-       * @param {yfiles.styles.IStripeStyle} [style=null] The style of the row.
-       * @param {Object} [tag=null] The tag of the row
-       * @param {number} [index=null] The position in the child list.
-       * @returns {yfiles.graph.IRow} A newly created row instance
+       * @param [height=null] The actual height of the row.
+       * @param [minHeight=null] The minimal height of the row.
+       * @param [insets=null] The insets of the row.
+       * @param [style=null] The style of the row.
+       * @param [tag=null] The tag of the row
+       * @param [index=null] The position in the child list.
+       * @returns A newly created row instance
        * @see yfiles.graph.ITable#addStripeCreatedListener
        */
       createRow?(height?:number,minHeight?:number,insets?:yfiles.geometry.Insets,style?:yfiles.styles.IStripeStyle,tag?:Object,index?:number):yfiles.graph.IRow;
@@ -60354,13 +59641,13 @@ declare namespace system{
        * The row will be a part of this table after the method returns. This will trigger the corresponding events.
        * </p>
        * @param {Object} options The parameters to pass.
-       * @param {number} [options.height=null] The actual height of the row.
-       * @param {number} [options.minHeight=null] The minimal height of the row.
-       * @param {yfiles.geometry.Insets} [options.insets=null] The insets of the row.
-       * @param {yfiles.styles.IStripeStyle} [options.style=null] The style of the row.
-       * @param {Object} [options.tag=null] The tag of the row
-       * @param {number} [options.index=null] The position in the child list.
-       * @returns {yfiles.graph.IRow} A newly created row instance
+       * @param [options.height=null] The actual height of the row.
+       * @param [options.minHeight=null] The minimal height of the row.
+       * @param [options.insets=null] The insets of the row.
+       * @param [options.style=null] The style of the row.
+       * @param [options.tag=null] The tag of the row
+       * @param [options.index=null] The position in the child list.
+       * @returns A newly created row instance
        * @see yfiles.graph.ITable#addStripeCreatedListener
        */
       createRow?(options:{height?:number,minHeight?:number,insets?:yfiles.geometry.Insets,style?:yfiles.styles.IStripeStyle,tag?:Object,index?:number}):yfiles.graph.IRow;
@@ -60369,10 +59656,10 @@ declare namespace system{
        * <p>
        * The column are tested in bottom up order.
        * </p>
-       * @param {yfiles.graph.INode} node The node this table is currently bound to
-       * @param {yfiles.geometry.Point} location The location to test.
-       * @param {function(yfiles.graph.IStripe): boolean} filter Additional predicate to further restrict the results.
-       * @returns {yfiles.graph.IColumn} The topmost column that has been found for the location or <code>null</code>.
+       * @param node The node this table is currently bound to
+       * @param location The location to test.
+       * @param filter Additional predicate to further restrict the results.
+       * @returns The topmost column that has been found for the location or <code>null</code>.
        */
       findColumn?(node:yfiles.graph.INode,location:yfiles.geometry.Point,filter:(obj:yfiles.graph.IStripe)=>boolean):yfiles.graph.IColumn;
       /**
@@ -60380,10 +59667,10 @@ declare namespace system{
        * <p>
        * The rows are tested in bottom up order.
        * </p>
-       * @param {yfiles.graph.INode} node The node this table is currently bound to
-       * @param {yfiles.geometry.Point} location The location to test.
-       * @param {function(yfiles.graph.IStripe): boolean} filter Additional predicate to further restrict the results.
-       * @returns {yfiles.graph.IRow} The topmost row that has been found for the location or <code>null</code>.
+       * @param node The node this table is currently bound to
+       * @param location The location to test.
+       * @param filter Additional predicate to further restrict the results.
+       * @returns The topmost row that has been found for the location or <code>null</code>.
        */
       findRow?(node:yfiles.graph.INode,location:yfiles.geometry.Point,filter:(obj:yfiles.graph.IStripe)=>boolean):yfiles.graph.IRow;
       /**
@@ -60391,26 +59678,26 @@ declare namespace system{
        * <p>
        * The stripes are always returned in bottom up, rows first order. Note that this method does not take any {@link yfiles.view.ICanvasContext#hitTestRadius} into account.
        * </p>
-       * @param {yfiles.graph.INode} node The node this table is currently bound to
-       * @param {yfiles.geometry.Point} location The location to test.
-       * @param {yfiles.graph.StripeTypes} stripeTypes An enumeration value of {@link yfiles.graph.StripeTypes} to specify the stripe type.
-       * @param {function(yfiles.graph.IStripe): boolean} filter Additional predicate to further restrict the hit test results.
-       * @returns {yfiles.collections.IEnumerable.<yfiles.graph.IStripe>} The stripes that have been found for the location or <code>null</code>.
+       * @param node The node this table is currently bound to
+       * @param location The location to test.
+       * @param stripeTypes An enumeration value of {@link } to specify the stripe type.
+       * @param filter Additional predicate to further restrict the hit test results.
+       * @returns The stripes that have been found for the location or <code>null</code>.
        */
       findStripes?(node:yfiles.graph.INode,location:yfiles.geometry.Point,stripeTypes:yfiles.graph.StripeTypes,filter:(obj:yfiles.graph.IStripe)=>boolean):yfiles.collections.IEnumerable<yfiles.graph.IStripe>;
       /**
        * Return the accumulated insets for the table.
-       * @returns {yfiles.geometry.Insets} 
+       * @returns 
        */
       getAccumulatedInsets?():yfiles.geometry.Insets;
       /**
        * Calculates the relative bounds of a table cell that is determined by <code>column</code> and <code>row</code>
        * <p>
-       * Both <code>column</code> and <code>row</code> must live in the provided <code>table</code> instance. Otherwise, an {@link Stubs.Exceptions.ArgumentError} is thrown.
+       * Both <code>column</code> and <code>row</code> must live in the provided <code>table</code> instance. Otherwise, an {@link yfiles.lang.Exception} is thrown.
        * </p>
-       * @param {yfiles.graph.IColumn} column The column that determines the cell
-       * @param {yfiles.graph.IRow} row The row that determines the cell
-       * @returns {yfiles.geometry.Rect} The relative bounds of a the cell determined by <code>column</code> and <code>row</code>
+       * @param column The column that determines the cell
+       * @param row The row that determines the cell
+       * @returns The relative bounds of a the cell determined by <code>column</code> and <code>row</code>
        * @throws {Stubs.Exceptions.ArgumentError} If <code>column</code> and <code>row</code> are part of a different table instance.
        */
       getCellBounds?(column:yfiles.graph.IColumn,row:yfiles.graph.IRow):yfiles.geometry.Rect;
@@ -60419,7 +59706,7 @@ declare namespace system{
        * <p>
        * This method reparents all children of <code>stripe</code> to the parent of the stripe.
        * </p>
-       * @param {yfiles.graph.IStripe} stripe The stripe to remove
+       * @param stripe The stripe to remove
        * @abstract
        */
       remove(stripe:yfiles.graph.IStripe):void;
@@ -60428,7 +59715,7 @@ declare namespace system{
        * <p>
        * This will trigger the corresponding event.
        * </p>
-       * @param {yfiles.graph.ILabel} label the label to remove
+       * @param label the label to remove
        * @abstract
        */
       remove(label:yfiles.graph.ILabel):void;
@@ -60437,40 +59724,40 @@ declare namespace system{
        * <p>
        * This method does not resize any stripes, use {@link yfiles.graph.ITable#removeRecursivelyWithResize} instead.
        * </p>
-       * @param {yfiles.graph.IStripe} stripe The stripe to remove
+       * @param stripe The stripe to remove
        */
       removeRecursively?(stripe:yfiles.graph.IStripe):void;
       /**
        * {@link yfiles.graph.ITable#removeWithResize Removes} the given <code>stripe</code> and all of its descendants from <code>table</code> and resizes all affected stripes so that the table size
        * does not change if possible.
-       * @param {yfiles.graph.IStripe} stripe The stripe to remove
+       * @param stripe The stripe to remove
        */
       removeRecursivelyWithResize?(stripe:yfiles.graph.IStripe):void;
       /**
        * {@link yfiles.graph.ITable#remove Removes} <code>stripe</code> from <code>table</code> and resizes all affected stripes so that the table size does not change if possible.
-       * @param {yfiles.graph.IStripe} stripe The stripe to remove
+       * @param stripe The stripe to remove
        */
       removeWithResize?(stripe:yfiles.graph.IStripe):void;
       /**
        * Sets the label model parameter for the given label.
-       * @param {yfiles.graph.ILabel} label The label.
-       * @param {yfiles.graph.ILabelModelParameter} layoutParameter The new parameter.
+       * @param label The label.
+       * @param layoutParameter The new parameter.
        * @throws {Stubs.Exceptions.ArgumentError} If the parameter cannot be used for this label.
        * @abstract
        */
       setLabelLayoutParameter(label:yfiles.graph.ILabel,layoutParameter:yfiles.graph.ILabelModelParameter):void;
       /**
        * Sets the preferred size of the label.
-       * @param {yfiles.graph.ILabel} label The label.
-       * @param {yfiles.geometry.Size} preferredSize The new preferred size.
+       * @param label The label.
+       * @param preferredSize The new preferred size.
        * @see yfiles.graph.ILabel#preferredSize
        * @abstract
        */
       setLabelPreferredSize(label:yfiles.graph.ILabel,preferredSize:yfiles.geometry.Size):void;
       /**
        * Sets the label text of the given label.
-       * @param {yfiles.graph.ILabel} label the label to modify
-       * @param {string} text the new text of the label
+       * @param label the label to modify
+       * @param text the new text of the label
        * @see yfiles.graph.ILabel#text
        * @abstract
        */
@@ -60480,8 +59767,8 @@ declare namespace system{
        * <p>
        * This method sets the {@link yfiles.graph.IStripe#minimumSize} of <code>stripe</code>.
        * </p>
-       * @param {yfiles.graph.IStripe} stripe The stripe to change
-       * @param {number} minimumSize The new minimum size of the stripe
+       * @param stripe The stripe to change
+       * @param minimumSize The new minimum size of the stripe
        * @abstract
        */
       setMinimumSize(stripe:yfiles.graph.IStripe,minimumSize:number):void;
@@ -60490,9 +59777,9 @@ declare namespace system{
        * <p>
        * The column will be inserted at position <code>index</code> in the child list of the new parent.
        * </p>
-       * @param {yfiles.graph.IColumn} owner
-       * @param {yfiles.graph.IColumn} column
-       * @param {number} [index=null]
+       * @param owner
+       * @param column
+       * @param [index=null]
        * @abstract
        */
       setParent(owner:yfiles.graph.IColumn,column:yfiles.graph.IColumn,index?:number):void;
@@ -60501,9 +59788,9 @@ declare namespace system{
        * <p>
        * The row will be inserted at position <code>index</code> in the child list of the new parent.
        * </p>
-       * @param {yfiles.graph.IRow} owner
-       * @param {yfiles.graph.IRow} row
-       * @param {number} [index=null]
+       * @param owner
+       * @param row
+       * @param [index=null]
        * @abstract
        */
       setParent(owner:yfiles.graph.IRow,row:yfiles.graph.IRow,index?:number):void;
@@ -60512,22 +59799,22 @@ declare namespace system{
        * <p>
        * This method sets the {@link yfiles.graph.IStripe#size} of <code>stripe</code>.
        * </p>
-       * @param {yfiles.graph.IStripe} stripe The stripe to change
-       * @param {number} size The new size of the stripe
+       * @param stripe The stripe to change
+       * @param size The new size of the stripe
        * @abstract
        */
       setSize(stripe:yfiles.graph.IStripe,size:number):void;
       /**
        * Sets the insets of <code>stripe</code>.
-       * @param {yfiles.graph.IStripe} stripe The stripe to change
-       * @param {yfiles.geometry.Insets} insets The new insets of the stripe
+       * @param stripe The stripe to change
+       * @param insets The new insets of the stripe
        * @abstract
        */
       setStripeInsets(stripe:yfiles.graph.IStripe,insets:yfiles.geometry.Insets):void;
       /**
        * Sets the style of <code>stripe</code>.
-       * @param {yfiles.graph.IStripe} stripe The stripe to change
-       * @param {yfiles.styles.IStripeStyle} style The new style of the stripe
+       * @param stripe The stripe to change
+       * @param style The new style of the stripe
        * @abstract
        */
       setStyle(stripe:yfiles.graph.IStripe,style:yfiles.styles.IStripeStyle):void;
@@ -60536,8 +59823,8 @@ declare namespace system{
        * <p>
        * Style instances can be shared.
        * </p>
-       * @param {yfiles.graph.ILabel} label The label that will be assigned the new style
-       * @param {yfiles.styles.ILabelStyle} style The style instance that will be assigned to the label.
+       * @param label The label that will be assigned the new style
+       * @param style The style instance that will be assigned to the label.
        * @see yfiles.graph.ILabel#style
        * @abstract
        */
@@ -60618,7 +59905,7 @@ declare namespace system{
       rootColumn:yfiles.graph.IColumn;
       /**
        * Adds the given listener for the <code>LabelAdded</code> event that occurs when a label has been added to this graph instance.
-       * @param {function(Object, yfiles.collections.ItemEventArgs.<yfiles.graph.ILabel>): void} listener The listener to add.
+       * @param listener The listener to add.
        * @see yfiles.graph.ITable#addLabel
        * @see yfiles.graph.ITable#removeLabelAddedListener
        * @abstract
@@ -60626,7 +59913,7 @@ declare namespace system{
       addLabelAddedListener(listener:(sender:Object,evt:yfiles.collections.ItemEventArgs<yfiles.graph.ILabel>)=>void):void;
       /**
        * Removes the given listener for the <code>LabelAdded</code> event that occurs when a label has been added to this graph instance.
-       * @param {function(Object, yfiles.collections.ItemEventArgs.<yfiles.graph.ILabel>): void} listener The listener to remove.
+       * @param listener The listener to remove.
        * @see yfiles.graph.ITable#addLabel
        * @see yfiles.graph.ITable#addLabelAddedListener
        * @abstract
@@ -60641,7 +59928,7 @@ declare namespace system{
        * Implementations may choose to use the {@link yfiles.graph.LabelEventArgs} to carry additional label owner information. The {@link yfiles.graph.LabelEventArgs#owner}
        * property will be set to the the owner of the label that owned it before the removal.
        * </p>
-       * @param {function(Object, yfiles.graph.LabelEventArgs): void} listener The listener to add.
+       * @param listener The listener to add.
        * @see yfiles.graph.ITable#remove
        * @see yfiles.graph.ITable#removeLabelRemovedListener
        * @abstract
@@ -60657,7 +59944,7 @@ declare namespace system{
        * Implementations may choose to use the {@link yfiles.graph.LabelEventArgs} to carry additional label owner information. The {@link yfiles.graph.LabelEventArgs#owner}
        * property will be set to the the owner of the label that owned it before the removal.
        * </p>
-       * @param {function(Object, yfiles.graph.LabelEventArgs): void} listener The listener to remove.
+       * @param listener The listener to remove.
        * @see yfiles.graph.ITable#remove
        * @see yfiles.graph.ITable#addLabelRemovedListener
        * @abstract
@@ -60666,7 +59953,7 @@ declare namespace system{
       /**
        * Adds the given listener for the <code>LabelChanged</code> event that occurs when a label has been changed, for instance, if its style
        * has been replaced.
-       * @param {function(Object, yfiles.collections.ItemEventArgs.<yfiles.graph.ILabel>): void} listener The listener to add.
+       * @param listener The listener to add.
        * @see yfiles.graph.ITable#setStyle
        * @see yfiles.graph.ITable#removeLabelChangedListener
        * @abstract
@@ -60675,7 +59962,7 @@ declare namespace system{
       /**
        * Removes the given listener for the <code>LabelChanged</code> event that occurs when a label has been changed, for instance, if its
        * style has been replaced.
-       * @param {function(Object, yfiles.collections.ItemEventArgs.<yfiles.graph.ILabel>): void} listener The listener to remove.
+       * @param listener The listener to remove.
        * @see yfiles.graph.ITable#setStyle
        * @see yfiles.graph.ITable#addLabelChangedListener
        * @abstract
@@ -60683,7 +59970,7 @@ declare namespace system{
       removeLabelChangedListener(listener:(sender:Object,evt:yfiles.collections.ItemEventArgs<yfiles.graph.ILabel>)=>void):void;
       /**
        * Adds the given listener for the <code>StripeCreated</code> event that occurs when a stripe has been added.
-       * @param {function(Object, yfiles.collections.ItemEventArgs.<yfiles.graph.IStripe>): void} listener The listener to add.
+       * @param listener The listener to add.
        * @see yfiles.graph.ITable#createChildRow
        * @see yfiles.graph.ITable#createChildColumn
        * @see yfiles.graph.ITable#removeStripeCreatedListener
@@ -60692,7 +59979,7 @@ declare namespace system{
       addStripeCreatedListener(listener:(sender:Object,evt:yfiles.collections.ItemEventArgs<yfiles.graph.IStripe>)=>void):void;
       /**
        * Removes the given listener for the <code>StripeCreated</code> event that occurs when a stripe has been added.
-       * @param {function(Object, yfiles.collections.ItemEventArgs.<yfiles.graph.IStripe>): void} listener The listener to remove.
+       * @param listener The listener to remove.
        * @see yfiles.graph.ITable#createChildRow
        * @see yfiles.graph.ITable#createChildColumn
        * @see yfiles.graph.ITable#addStripeCreatedListener
@@ -60701,7 +59988,7 @@ declare namespace system{
       removeStripeCreatedListener(listener:(sender:Object,evt:yfiles.collections.ItemEventArgs<yfiles.graph.IStripe>)=>void):void;
       /**
        * Adds the given listener for the <code>StripeRemoved</code> event that occurs when a stripe has been removed from its parent.
-       * @param {function(Object, yfiles.graph.StripeEventArgs): void} listener The listener to add.
+       * @param listener The listener to add.
        * @see yfiles.graph.ITable#remove
        * @see yfiles.graph.ITable#removeStripeRemovedListener
        * @abstract
@@ -60709,7 +59996,7 @@ declare namespace system{
       addStripeRemovedListener(listener:(sender:Object,evt:yfiles.graph.StripeEventArgs)=>void):void;
       /**
        * Removes the given listener for the <code>StripeRemoved</code> event that occurs when a stripe has been removed from its parent.
-       * @param {function(Object, yfiles.graph.StripeEventArgs): void} listener The listener to remove.
+       * @param listener The listener to remove.
        * @see yfiles.graph.ITable#remove
        * @see yfiles.graph.ITable#addStripeRemovedListener
        * @abstract
@@ -60718,7 +60005,7 @@ declare namespace system{
       /**
        * Adds the given listener for the <code>StripeChanged</code> event that occurs when a stripe has been changed, for instance, if its
        * style has been replaced.
-       * @param {function(Object, yfiles.graph.StripeEventArgs): void} listener The listener to add.
+       * @param listener The listener to add.
        * @see yfiles.graph.ITable#setStyle
        * @see yfiles.graph.ITable#setStripeInsets
        * @see yfiles.graph.ITable#setSize
@@ -60730,7 +60017,7 @@ declare namespace system{
       /**
        * Removes the given listener for the <code>StripeChanged</code> event that occurs when a stripe has been changed, for instance, if its
        * style has been replaced.
-       * @param {function(Object, yfiles.graph.StripeEventArgs): void} listener The listener to remove.
+       * @param listener The listener to remove.
        * @see yfiles.graph.ITable#setStyle
        * @see yfiles.graph.ITable#setStripeInsets
        * @see yfiles.graph.ITable#setSize
@@ -60743,23 +60030,23 @@ declare namespace system{
     var ITable:{
       /**
        * Convenience method to find a stripe underneath a certain point.
-       * @param {yfiles.geometry.Point} location The location to test.
-       * @param {yfiles.graph.StripeTypes} stripeTypes An enumeration value of {@link yfiles.graph.StripeTypes} to specify the stripe type.
-       * @param {yfiles.input.StripeSubregionTypes} subregionTypes An enumeration value of {@link yfiles.input.StripeSubregionTypes} to further restrict the stripe region.
-       * @param {yfiles.view.CanvasComponent} canvas The canvas that provides necessary context for hit determination, such as {@link yfiles.view.ICanvasContext#hitTestRadius}.
-       * @param {function(yfiles.input.StripeSubregion): boolean} filter Additional predicate to further restrict the hit test results.
-       * @returns {yfiles.input.StripeSubregion} The stripe subregions that have been found for the location or <code>null</code>.
+       * @param location The location to test.
+       * @param stripeTypes An enumeration value of {@link } to specify the stripe type.
+       * @param subregionTypes An enumeration value of {@link } to further restrict the stripe region.
+       * @param canvas The canvas that provides necessary context for hit determination, such as {@link #hitTestRadius}.
+       * @param filter Additional predicate to further restrict the hit test results.
+       * @returns The stripe subregions that have been found for the location or <code>null</code>.
        * @static
        */
       findStripe?(location:yfiles.geometry.Point,stripeTypes:yfiles.graph.StripeTypes,subregionTypes:yfiles.input.StripeSubregionTypes,canvas:yfiles.view.CanvasComponent,filter:(obj:yfiles.input.StripeSubregion)=>boolean):yfiles.input.StripeSubregion;
       /**
        * Used as a callback to find the items underneath a certain point.
-       * @param {yfiles.geometry.Point} location The location to test.
-       * @param {yfiles.graph.StripeTypes} stripeTypes An enumeration value of {@link yfiles.graph.StripeTypes} to specify the stripe type.
-       * @param {yfiles.input.StripeSubregionTypes} subregionTypes An enumeration value of {@link yfiles.input.StripeSubregionTypes} to further restrict the stripe region.
-       * @param {yfiles.view.CanvasComponent} canvas The canvas that provides necessary context for hit determination, such as {@link yfiles.view.ICanvasContext#hitTestRadius}.
-       * @param {function(yfiles.input.StripeSubregion): boolean} filter Additional predicate to further restrict the hit test results.
-       * @returns {yfiles.collections.IEnumerable.<yfiles.input.StripeSubregion>} The stripe subregions that have been found for the location.
+       * @param location The location to test.
+       * @param stripeTypes An enumeration value of {@link } to specify the stripe type.
+       * @param subregionTypes An enumeration value of {@link } to further restrict the stripe region.
+       * @param canvas The canvas that provides necessary context for hit determination, such as {@link #hitTestRadius}.
+       * @param filter Additional predicate to further restrict the hit test results.
+       * @returns The stripe subregions that have been found for the location.
        * @static
        */
       findStripes?(location:yfiles.geometry.Point,stripeTypes:yfiles.graph.StripeTypes,subregionTypes:yfiles.input.StripeSubregionTypes,canvas:yfiles.view.CanvasComponent,filter:(obj:yfiles.input.StripeSubregion)=>boolean):yfiles.collections.IEnumerable<yfiles.input.StripeSubregion>;
@@ -60767,12 +60054,12 @@ declare namespace system{
        * Calculates the absolute bounds of a table cell that is determined by <code>column</code> and <code>row</code>
        * <p>
        * Both <code>column</code> and <code>row</code> must live in the same {@link yfiles.graph.ITable} instance that is also present in the <code>tableNode</code>s
-       * {@link yfiles.graph.ILookup}. Otherwise, an {@link Stubs.Exceptions.ArgumentError} is thrown.
+       * {@link yfiles.graph.ILookup}. Otherwise, an {@link yfiles.lang.Exception} is thrown.
        * </p>
-       * @param {yfiles.graph.INode} tableNode The node where a table is bound to via the node's lookup
-       * @param {yfiles.graph.IColumn} column The column that determines the cell
-       * @param {yfiles.graph.IRow} row The row that determines the cell
-       * @returns {yfiles.geometry.Rect} The absolute bounds of a the cell determined by <code>column</code> and <code>row</code>
+       * @param tableNode The node where a table is bound to via the node's lookup
+       * @param column The column that determines the cell
+       * @param row The row that determines the cell
+       * @returns The absolute bounds of a the cell determined by <code>column</code> and <code>row</code>
        * @throws {Stubs.Exceptions.ArgumentError} If no table is present in the {@link yfiles.graph.ILookup} of <code>tableNode</code>, or if <code>column</code> and <code>row</code> are part of a different table
        * instance.
        * @static
@@ -60782,7 +60069,7 @@ declare namespace system{
        * Places <code>node</code> in the center of the table cell determined by <code>column</code> and <code>row</code>.
        * <p>
        * Both <code>column</code> and <code>row</code> must live in the same {@link yfiles.graph.ITable} instance that is also present in the <code>tableNode</code>s
-       * {@link yfiles.graph.ILookup}. Otherwise, an {@link Stubs.Exceptions.ArgumentError} is thrown. The cell bounds are determined by
+       * {@link yfiles.graph.ILookup}. Otherwise, an {@link yfiles.lang.Exception} is thrown. The cell bounds are determined by
        * {@link yfiles.graph.ITable#getCellBounds}.
        * </p>
        * <p>
@@ -60798,13 +60085,13 @@ declare namespace system{
        * This method does not change the size of the target stripes if they would be too small to contain the whole node layout.
        * Callers must increase the stripe size before or after calling this method, if necessary.
        * </p>
-       * @param {yfiles.graph.IGraph} graph The graph instance where the move should be performed
-       * @param {yfiles.graph.INode} node The node that should be moved into the given cell.
-       * @param {yfiles.graph.INode} tableNode The node where a table is bound to via the node's lookup
-       * @param {yfiles.graph.IColumn} column The column that determines the cell
-       * @param {yfiles.graph.IRow} row The row that determines the cell
-       * @param {boolean} [reparent=true] Whether <code>node</code> should also be made part of <code>tableNode</code>'s grouping hierarchy if it is not yet contained in it.
-       * @param {boolean} [alwaysMove=false] Whether <code>node</code> should be moved even if it is already placed in the cell.
+       * @param graph The graph instance where the move should be performed
+       * @param node The node that should be moved into the given cell.
+       * @param tableNode The node where a table is bound to via the node's lookup
+       * @param column The column that determines the cell
+       * @param row The row that determines the cell
+       * @param [reparent=true] Whether <code>node</code> should also be made part of <code>tableNode</code>'s grouping hierarchy if it is not yet contained in it.
+       * @param [alwaysMove=false] Whether <code>node</code> should be moved even if it is already placed in the cell.
        * @throws {Stubs.Exceptions.ArgumentError} If no table is present in the {@link yfiles.graph.ILookup} of <code>tableNode</code>, or if <code>column</code> and <code>row</code> are part of a different table
        * instance.
        * @static
@@ -60814,7 +60101,7 @@ declare namespace system{
        * Places <code>node</code> in the center of the table cell determined by <code>column</code> and <code>row</code>.
        * <p>
        * Both <code>column</code> and <code>row</code> must live in the same {@link yfiles.graph.ITable} instance that is also present in the <code>tableNode</code>s
-       * {@link yfiles.graph.ILookup}. Otherwise, an {@link Stubs.Exceptions.ArgumentError} is thrown. The cell bounds are determined by
+       * {@link yfiles.graph.ILookup}. Otherwise, an {@link yfiles.lang.Exception} is thrown. The cell bounds are determined by
        * {@link yfiles.graph.ITable#getCellBounds}.
        * </p>
        * <p>
@@ -60831,13 +60118,13 @@ declare namespace system{
        * Callers must increase the stripe size before or after calling this method, if necessary.
        * </p>
        * @param {Object} options The parameters to pass.
-       * @param {yfiles.graph.IGraph} options.graph The graph instance where the move should be performed
-       * @param {yfiles.graph.INode} options.node The node that should be moved into the given cell.
-       * @param {yfiles.graph.INode} options.tableNode The node where a table is bound to via the node's lookup
-       * @param {yfiles.graph.IColumn} options.column The column that determines the cell
-       * @param {yfiles.graph.IRow} options.row The row that determines the cell
-       * @param {boolean} [options.reparent=true] Whether <code>node</code> should also be made part of <code>tableNode</code>'s grouping hierarchy if it is not yet contained in it.
-       * @param {boolean} [options.alwaysMove=false] Whether <code>node</code> should be moved even if it is already placed in the cell.
+       * @param options.graph The graph instance where the move should be performed
+       * @param options.node The node that should be moved into the given cell.
+       * @param options.tableNode The node where a table is bound to via the node's lookup
+       * @param options.column The column that determines the cell
+       * @param options.row The row that determines the cell
+       * @param [options.reparent=true] Whether <code>node</code> should also be made part of <code>tableNode</code>'s grouping hierarchy if it is not yet contained in it.
+       * @param [options.alwaysMove=false] Whether <code>node</code> should be moved even if it is already placed in the cell.
        * @throws {Stubs.Exceptions.ArgumentError} If no table is present in the {@link yfiles.graph.ILookup} of <code>tableNode</code>, or if <code>column</code> and <code>row</code> are part of a different table
        * instance.
        * @static
@@ -60914,6 +60201,153 @@ declare namespace system{
       $class:yfiles.lang.Class;
       isInstance(o:Object):boolean;
     };
+    export enum StretchStripeLabelModelPosition{
+      /**
+       * Encodes a position at the top side of the node interior
+       */
+      NORTH,
+      /**
+       * Encodes a position at the right side of the node interior
+       */
+      EAST,
+      /**
+       * Encodes a position at the bottom side of the node interior
+       */
+      SOUTH,
+      /**
+       * Encodes a position at the left side of the node interior
+       */
+      WEST
+    }
+    /**
+     * A label model for labels that is especially tailored to be used as a model for the four default positions where the
+     * label of a stripe may lie.
+     * <p>
+     * This label model supports four positions inside of the stripe bounds. The east and west positions are rotated
+     * automatically. The {@link yfiles.graph.ILabel#owner} is expected to be an {@link yfiles.graph.IStripe} instance, i.e. the parameter supports only {@link yfiles.graph.IStripe}
+     * instances.
+     * </p>
+     * @class
+     * @implements {yfiles.graph.ILabelModel}
+     * @implements {yfiles.graph.ILabelModelParameterProvider}
+     */
+    export interface StretchStripeLabelModel extends Object,yfiles.graph.ILabelModel,yfiles.graph.ILabelModelParameterProvider{}
+    export class StretchStripeLabelModel {
+      /**
+       * Creates a new instance of this model with empty insets.
+       * @param {Object} [options=null] The parameters to pass.
+       * @param {yfiles.geometry.Insets} options.insets The insets to use within the stripe's {@link yfiles.graph.IStripe#layout}.
+       * <p>
+       * This option sets the {@link yfiles.graph.StretchStripeLabelModel#insets} property on the created object.
+       * </p>
+       * @param {boolean} options.useActualInsets Whether or not to use the {@link yfiles.graph.IStripe#actualInsets actual insets} or the normal {@link yfiles.graph.IStripe#insets} of a stripe for centering the label inside the stripe header area.
+       * <p>
+       * This option sets the {@link yfiles.graph.StretchStripeLabelModel#useActualInsets} property on the created object.
+       * </p>
+       */
+      constructor(options?:{insets?:yfiles.geometry.Insets,useActualInsets?:boolean});
+      /**
+       * 
+       * @returns 
+       */
+      createDefaultParameter():yfiles.graph.ILabelModelParameter;
+      /**
+       * Creates the parameter for the given position.
+       * @param position The position.
+       * @returns 
+       */
+      createParameter(position:yfiles.graph.StretchStripeLabelModelPosition):yfiles.graph.ILabelModelParameter;
+      /**
+       * 
+       * @param label
+       * @param layoutParameter
+       * @returns 
+       */
+      getContext(label:yfiles.graph.ILabel,layoutParameter:yfiles.graph.ILabelModelParameter):yfiles.graph.ILookup;
+      /**
+       * Calculates the geometry in form of an {@link yfiles.geometry.IOrientedRectangle} for a given label using the given model
+       * parameter.
+       * <p>
+       * The geometry is calculated in table coordinates, i.e. relative to {@link yfiles.graph.ITable#relativeLocation}.
+       * </p>
+       * @param label the label to calculate the geometry for
+       * @param layoutParameter A parameter that has been created by this model. This is typically the parameter that yielded this instance through its
+       * {@link #model} property.
+       * @returns An instance that describes the geometry. This is typically an instance designed as a flyweight, so clients should not
+       * cache the instance but store the values if they need a snapshot for later use
+       */
+      getGeometry(label:yfiles.graph.ILabel,layoutParameter:yfiles.graph.ILabelModelParameter):yfiles.geometry.IOrientedRectangle;
+      /**
+       * 
+       * @param label
+       * @param model
+       * @returns 
+       */
+      getParameters(label:yfiles.graph.ILabel,model:yfiles.graph.ILabelModel):yfiles.collections.IEnumerable<yfiles.graph.ILabelModelParameter>;
+      /**
+       * 
+       * @param type
+       * @returns 
+       */
+      lookup(type:yfiles.lang.Class):Object;
+      /**
+       * A convenience parameter instance that can be shared between label instances.
+       * <p>
+       * Trying to change that instances' {@link yfiles.graph.StretchStripeLabelModel#insets} will raise an {@link yfiles.lang.Exception}.
+       * </p>
+       * @const
+       * @static
+       * @type {yfiles.graph.ILabelModelParameter}
+       */
+      static NORTH:yfiles.graph.ILabelModelParameter;
+      /**
+       * A convenience parameter instance that can be shared between label instances.
+       * <p>
+       * Trying to change that instances' {@link yfiles.graph.StretchStripeLabelModel#insets} will raise an {@link yfiles.lang.Exception}.
+       * </p>
+       * @const
+       * @static
+       * @type {yfiles.graph.ILabelModelParameter}
+       */
+      static SOUTH:yfiles.graph.ILabelModelParameter;
+      /**
+       * A convenience parameter instance that can be shared between label instances.
+       * <p>
+       * Trying to change that instances' {@link yfiles.graph.StretchStripeLabelModel#insets} will raise an {@link yfiles.lang.Exception}.
+       * </p>
+       * @const
+       * @static
+       * @type {yfiles.graph.ILabelModelParameter}
+       */
+      static EAST:yfiles.graph.ILabelModelParameter;
+      /**
+       * A convenience parameter instance that can be shared between label instances.
+       * <p>
+       * Trying to change that instances' {@link yfiles.graph.StretchStripeLabelModel#insets} will raise an {@link yfiles.lang.Exception}.
+       * </p>
+       * @const
+       * @static
+       * @type {yfiles.graph.ILabelModelParameter}
+       */
+      static WEST:yfiles.graph.ILabelModelParameter;
+      /**
+       * Gets or sets the insets to use within the stripe's {@link yfiles.graph.IStripe#layout}.
+       * @default '0'
+       * @type {yfiles.geometry.Insets}
+       */
+      insets:yfiles.geometry.Insets;
+      /**
+       * Gets or sets whether or not to use the {@link yfiles.graph.IStripe#actualInsets actual insets} or the normal {@link yfiles.graph.IStripe#insets} of a stripe for centering the label inside the
+       * stripe header area.
+       * <p>
+       * If <code>true</code> the header insets are used. Default is <code>false</code>
+       * </p>
+       * @default false
+       * @type {boolean}
+       */
+      useActualInsets:boolean;
+      static $class:yfiles.lang.Class;
+    }
     /**
      * A specialized subclass of the {@link yfiles.collections.ItemEventArgs.<T>} class that is bound to the {@link yfiles.graph.IStripe} type and carries additional {@link yfiles.graph.IStripe owner}
      * information.
@@ -60921,7 +60355,7 @@ declare namespace system{
      * Since for some events ({@link yfiles.graph.ITable#addStripeRemovedListener StripeRemoved}) it is unclear what {@link yfiles.graph.IStripe#parentStripe parent} the
      * stripe was owned by before the event, this event can be used to carry exactly that information.
      * </p>
-     * @class yfiles.graph.StripeEventArgs
+     * @class
      * @extends {yfiles.collections.ItemEventArgs.<yfiles.graph.IStripe>}
      * @final
      */
@@ -60929,10 +60363,9 @@ declare namespace system{
     export class StripeEventArgs {
       /**
        * Initializes a new instance of the {@link yfiles.graph.StripeEventArgs} class.
-       * @param {yfiles.graph.IStripe} stripe The stripe to assign to the {@link yfiles.collections.ItemEventArgs.<T>#item} property.
-       * @param {yfiles.graph.IStripe} parentStripe The previous parent of the stripe.
-       * @param {yfiles.graph.ITable} table The table the stripe belonged to previously.
-       * @constructor
+       * @param stripe The stripe to assign to the {@link #item} property.
+       * @param parentStripe The previous parent of the stripe.
+       * @param table The table the stripe belonged to previously.
        */
       constructor(stripe:yfiles.graph.IStripe,parentStripe:yfiles.graph.IStripe,table:yfiles.graph.ITable);
       /**
@@ -60947,6 +60380,651 @@ declare namespace system{
       table:yfiles.graph.ITable;
       static $class:yfiles.lang.Class;
     }
+    export enum StripeLabelModelPosition{
+      /**
+       * Encodes a position at the top side of the node interior
+       */
+      NORTH,
+      /**
+       * Encodes a position at the right side of the node interior
+       */
+      EAST,
+      /**
+       * Encodes a position at the bottom side of the node interior
+       */
+      SOUTH,
+      /**
+       * Encodes a position at the left side of the node interior
+       */
+      WEST
+    }
+    /**
+     * A label model for labels that is especially tailored to be used as a model for the four default positions where the
+     * label of a stripe may lie.
+     * <p>
+     * This label model supports four positions inside of the stripe bounds. The east and west positions are rotated
+     * automatically. The {@link yfiles.graph.ILabel#owner} is expected to be an {@link yfiles.graph.IStripe} instance, i.e. the parameter supports only {@link yfiles.graph.IStripe}
+     * instances.
+     * </p>
+     * @class
+     * @implements {yfiles.graph.ILabelModel}
+     * @implements {yfiles.graph.ILabelModelParameterProvider}
+     */
+    export interface StripeLabelModel extends Object,yfiles.graph.ILabelModel,yfiles.graph.ILabelModelParameterProvider{}
+    export class StripeLabelModel {
+      /**
+       * Creates a new instance of this model with empty insets.
+       * @param {Object} [options=null] The parameters to pass.
+       * @param {number} options.ratio The ratio how far the label should be positioned from the border in the header area.
+       * <p>
+       * This option sets the {@link yfiles.graph.StripeLabelModel#ratio} property on the created object.
+       * </p>
+       * @param {boolean} options.useActualInsets A value indicating whether to use the {@link yfiles.graph.IStripe#actualInsets actual insets} or the normal {@link yfiles.graph.IStripe#insets} of a stripe for centering the label inside the stripe header area.
+       * <p>
+       * This option sets the {@link yfiles.graph.StripeLabelModel#useActualInsets} property on the created object.
+       * </p>
+       */
+      constructor(options?:{ratio?:number,useActualInsets?:boolean});
+      /**
+       * 
+       * @returns 
+       */
+      createDefaultParameter():yfiles.graph.ILabelModelParameter;
+      /**
+       * Creates the parameter for the given position.
+       * @param position The position.
+       * @returns 
+       */
+      createParameter(position:yfiles.graph.StripeLabelModelPosition):yfiles.graph.ILabelModelParameter;
+      /**
+       * 
+       * @param label
+       * @param layoutParameter
+       * @returns 
+       */
+      getContext(label:yfiles.graph.ILabel,layoutParameter:yfiles.graph.ILabelModelParameter):yfiles.graph.ILookup;
+      /**
+       * Calculates the geometry in form of an {@link yfiles.geometry.IOrientedRectangle} for a given label using the given model
+       * parameter.
+       * <p>
+       * The geometry is calculated in table coordinates, i.e. relative to {@link yfiles.graph.ITable#relativeLocation}.
+       * </p>
+       * @param label the label to calculate the geometry for
+       * @param layoutParameter A parameter that has been created by this model. This is typically the parameter that yielded this instance through its
+       * {@link #model} property.
+       * @returns An instance that describes the geometry. This is typically an instance designed as a flyweight, so clients should not
+       * cache the instance but store the values if they need a snapshot for later use
+       */
+      getGeometry(label:yfiles.graph.ILabel,layoutParameter:yfiles.graph.ILabelModelParameter):yfiles.geometry.IOrientedRectangle;
+      /**
+       * 
+       * @param label
+       * @param model
+       * @returns 
+       */
+      getParameters(label:yfiles.graph.ILabel,model:yfiles.graph.ILabelModel):yfiles.collections.IEnumerable<yfiles.graph.ILabelModelParameter>;
+      /**
+       * 
+       * @param type
+       * @returns 
+       */
+      lookup(type:yfiles.lang.Class):Object;
+      /**
+       * A convenience parameter instance that can be shared between label instances.
+       * <p>
+       * Trying to change that instances' {@link yfiles.graph.StripeLabelModel#ratio} will raise an {@link yfiles.lang.Exception}.
+       * </p>
+       * @const
+       * @static
+       * @type {yfiles.graph.ILabelModelParameter}
+       */
+      static NORTH:yfiles.graph.ILabelModelParameter;
+      /**
+       * A convenience parameter instance that can be shared between label instances.
+       * <p>
+       * Trying to change that instances' {@link yfiles.graph.StripeLabelModel#ratio} will raise an {@link yfiles.lang.Exception}.
+       * </p>
+       * @const
+       * @static
+       * @type {yfiles.graph.ILabelModelParameter}
+       */
+      static SOUTH:yfiles.graph.ILabelModelParameter;
+      /**
+       * A convenience parameter instance that can be shared between label instances.
+       * <p>
+       * Trying to change that instances' {@link yfiles.graph.StripeLabelModel#ratio} will raise an {@link yfiles.lang.Exception}.
+       * </p>
+       * @const
+       * @static
+       * @type {yfiles.graph.ILabelModelParameter}
+       */
+      static EAST:yfiles.graph.ILabelModelParameter;
+      /**
+       * A convenience parameter instance that can be shared between label instances.
+       * <p>
+       * Trying to change that instances' {@link yfiles.graph.StripeLabelModel#ratio} will raise an {@link yfiles.lang.Exception}.
+       * </p>
+       * @const
+       * @static
+       * @type {yfiles.graph.ILabelModelParameter}
+       */
+      static WEST:yfiles.graph.ILabelModelParameter;
+      /**
+       * Gets or sets a value indicating whether to use the {@link yfiles.graph.IStripe#actualInsets actual insets} or the normal {@link yfiles.graph.IStripe#insets} of a stripe for centering the label
+       * inside the stripe header area.
+       * <p>
+       * If <code>true</code> the header insets are used. Default is <code>false</code>
+       * </p>
+       * @default false
+       * @type {boolean}
+       */
+      useActualInsets:boolean;
+      /**
+       * Gets or sets the ratio how far the label should be positioned from the border in the header area.
+       * <p>
+       * 0 means the label is positioned on the outer border, 1 means it is positioned at the inner border of the header or inset
+       * area. Default value is 0.5
+       * </p>
+       * @default 0.5
+       * @type {number}
+       */
+      ratio:number;
+      static $class:yfiles.lang.Class;
+    }
+    /**
+     * Default implementation of the {@link yfiles.graph.ITable} interface.
+     * @class
+     * @implements {yfiles.graph.ITable}
+     * @implements {yfiles.lang.ICloneable}
+     */
+    export interface Table extends Object,yfiles.graph.ITable,yfiles.lang.ICloneable{}
+    export class Table {
+      /**
+       * Default constructor that creates an empty table
+       * @param {Object} [options=null] The parameters to pass.
+       * @param {yfiles.geometry.Insets} [options.insets=null] Sets the insets property.
+       * @param {yfiles.geometry.Point} [options.relativeLocation=null] Sets the relativeLocation property.
+       * @param {yfiles.graph.IStripeDefaults} options.rowDefaults The defaults for rows.
+       * <p>
+       * This option sets the {@link yfiles.graph.Table#rowDefaults} property on the created object.
+       * </p>
+       * @param {yfiles.graph.IStripeDefaults} options.columnDefaults The defaults for Columns.
+       * <p>
+       * This option sets the {@link yfiles.graph.Table#columnDefaults} property on the created object.
+       * </p>
+       */
+      constructor(options?:{insets?:yfiles.geometry.Insets,relativeLocation?:yfiles.geometry.Point,rowDefaults?:yfiles.graph.IStripeDefaults,columnDefaults?:yfiles.graph.IStripeDefaults});
+      /**
+       * 
+       * @param owner
+       * @param text
+       * @param [layoutParameter=null]
+       * @param [style=null]
+       * @param [preferredSize=null]
+       * @param [tag=null]
+       * @returns 
+       */
+      addLabel(owner:yfiles.graph.IStripe,text:string,layoutParameter?:yfiles.graph.ILabelModelParameter,style?:yfiles.styles.ILabelStyle,preferredSize?:yfiles.geometry.Size,tag?:Object):yfiles.graph.ILabel;
+      /**
+       * 
+       * @param {Object} options The parameters to pass.
+       * @param options.owner
+       * @param options.text
+       * @param [options.layoutParameter=null]
+       * @param [options.style=null]
+       * @param [options.preferredSize=null]
+       * @param [options.tag=null]
+       * @returns 
+       */
+      addLabel(options:{owner:yfiles.graph.IStripe,text:string,layoutParameter?:yfiles.graph.ILabelModelParameter,style?:yfiles.styles.ILabelStyle,preferredSize?:yfiles.geometry.Size,tag?:Object}):yfiles.graph.ILabel;
+      /**
+       * 
+       * @returns 
+       */
+      clone():Object;
+      /**
+       * Called during {@link yfiles.graph.Table#clone} to create a copy of <code>column</code>
+       * <p>
+       * If <code>column</code> implements the {@link yfiles.lang.ICloneable} interface, the <code>column</code> instance is
+       * {@link yfiles.lang.ICloneable#clone}d, otherwise, the original instance is returned unchanged.
+       * </p>
+       * @param column The column that should be copied during a clone operation.
+       * @returns A clone of <code>column</code> if possible, otherwise the original reference to <code>column</code>
+       * @protected
+       */
+      copyColumn(column:yfiles.graph.IColumn):yfiles.graph.IColumn;
+      /**
+       * Called during {@link yfiles.graph.Table#clone} to create a copy of <code>originalDefaults</code>
+       * <p>
+       * This implementation returns an unchanged reference to <code>originalDefaults</code>. If you need to create a deep clone of
+       * <code>originalDefaults</code>, you'll have to perform the cloning yourself.
+       * </p>
+       * @param originalDefaults The default settings that should be copied during a clone operation.
+       * @returns The original reference to <code>originalDefaults</code>
+       * @protected
+       */
+      copyDefaults(originalDefaults:yfiles.graph.IStripeDefaults):yfiles.graph.IStripeDefaults;
+      /**
+       * Called during {@link yfiles.graph.Table#clone} to create a copy of <code>row</code>
+       * <p>
+       * If <code>row</code> implements the {@link yfiles.lang.ICloneable} interface, the <code>row</code> instance is
+       * {@link yfiles.lang.ICloneable#clone}d, otherwise, the original instance is returned unchanged.
+       * </p>
+       * @param row The row that should be copied during a clone operation.
+       * @returns A clone of <code>row</code> if possible, otherwise the original reference to <code>row</code>
+       * @protected
+       */
+      copyRow(row:yfiles.graph.IRow):yfiles.graph.IRow;
+      /**
+       * 
+       * @param owner
+       * @param [width=null]
+       * @param [minWidth=null]
+       * @param [insets=null]
+       * @param [style=null]
+       * @param [tag=null]
+       * @param [index=null]
+       * @returns 
+       */
+      createChildColumn(owner:yfiles.graph.IColumn,width?:number,minWidth?:number,insets?:yfiles.geometry.Insets,style?:yfiles.styles.IStripeStyle,tag?:Object,index?:number):yfiles.graph.IColumn;
+      /**
+       * 
+       * @param {Object} options The parameters to pass.
+       * @param options.owner
+       * @param [options.width=null]
+       * @param [options.minWidth=null]
+       * @param [options.insets=null]
+       * @param [options.style=null]
+       * @param [options.tag=null]
+       * @param [options.index=null]
+       * @returns 
+       */
+      createChildColumn(options:{owner:yfiles.graph.IColumn,width?:number,minWidth?:number,insets?:yfiles.geometry.Insets,style?:yfiles.styles.IStripeStyle,tag?:Object,index?:number}):yfiles.graph.IColumn;
+      /**
+       * 
+       * @param owner
+       * @param [height=null]
+       * @param [minHeight=null]
+       * @param [insets=null]
+       * @param [style=null]
+       * @param [tag=null]
+       * @param [index=null]
+       * @returns 
+       */
+      createChildRow(owner:yfiles.graph.IRow,height?:number,minHeight?:number,insets?:yfiles.geometry.Insets,style?:yfiles.styles.IStripeStyle,tag?:Object,index?:number):yfiles.graph.IRow;
+      /**
+       * 
+       * @param {Object} options The parameters to pass.
+       * @param options.owner
+       * @param [options.height=null]
+       * @param [options.minHeight=null]
+       * @param [options.insets=null]
+       * @param [options.style=null]
+       * @param [options.tag=null]
+       * @param [options.index=null]
+       * @returns 
+       */
+      createChildRow(options:{owner:yfiles.graph.IRow,height?:number,minHeight?:number,insets?:yfiles.geometry.Insets,style?:yfiles.styles.IStripeStyle,tag?:Object,index?:number}):yfiles.graph.IRow;
+      /**
+       * Callback method that creates the Column defaults.
+       * @returns A new instance of the {@link } class which is used for newly created columns.
+       * @protected
+       */
+      createColumnDefaults():yfiles.graph.IStripeDefaults;
+      /**
+       * Callback method that creates the row defaults.
+       * @returns A new instance of the {@link } class that is used for newly created rows.
+       * @protected
+       */
+      createRowDefaults():yfiles.graph.IStripeDefaults;
+      /**
+       * Installs the undo support for use with all tables that are bound to nodes in <code>graph</code>.
+       * <p>
+       * This method queries the <code>graph</code> for its undo support dynamically whenever undo support is queried in the table. In
+       * contrast to {@link yfiles.graph.Table#installStaticUndoSupport} the undo support installed with this method will thus always be
+       * the one which is the currently available support for the <code>graph</code>.
+       * </p>
+       * @param graph The graph where the nodes exist or will be created/changed and where the undo support should come from.
+       * @see yfiles.graph.Table#uninstallDynamicUndoSupport
+       * @see yfiles.graph.Table#installStaticUndoSupport
+       * @static
+       */
+      static installDynamicUndoSupport(graph:yfiles.graph.IGraph):void;
+      /**
+       * Installs the undo support for use with all tables that are bound to nodes in <code>graph</code>.
+       * <p>
+       * This methods installs the undo support which manages the <code>graph</code> at the time this method is called. In contrast to {@link yfiles.graph.Table#installDynamicUndoSupport}
+       * the installed undo support will not change when the <code>graph</code>'s undo support changes.
+       * </p>
+       * <p>
+       * This method adds undo support both for existing nodes in <code>graph</code> as well as for newly created or changed nodes.
+       * </p>
+       * @param graph The graph where the nodes exist or will be created/changed.
+       * @see yfiles.graph.Table#uninstallStaticUndoSupport
+       * @see yfiles.graph.Table#installDynamicUndoSupport
+       * @static
+       */
+      static installStaticUndoSupport(graph:yfiles.graph.IGraph):void;
+      /**
+       * 
+       * @param type
+       * @returns 
+       */
+      lookup(type:yfiles.lang.Class):Object;
+      /**
+       * Called after a label has been added to a stripe.
+       * <p>
+       * This method raises the {@link yfiles.graph.Table#addLabelAddedListener LabelAdded} event.
+       * </p>
+       * @param label The label that has just been added.
+       * @protected
+       */
+      onLabelAdded(label:yfiles.graph.ILabel):void;
+      /**
+       * Callback that is invoked after a label has changed.
+       * <p>
+       * This method raises the {@link yfiles.graph.Table#addLabelChangedListener LabelChanged} event.
+       * </p>
+       * @param label The label that has changed.
+       * @protected
+       */
+      onLabelChanged(label:yfiles.graph.ILabel):void;
+      /**
+       * Called after a label has been removed from its stripe.
+       * <p>
+       * This method raises the {@link yfiles.graph.Table#addLabelRemovedListener LabelRemoved} event.
+       * </p>
+       * @param label The label that has just been removed.
+       * @param owner The old owner of the label.
+       * @protected
+       */
+      onLabelRemoved(owner:yfiles.graph.ILabelOwner,label:yfiles.graph.ILabel):void;
+      /**
+       * Callback that is invoked after a stripe has changed.
+       * <p>
+       * This will trigger the {@link yfiles.graph.Table#addStripeChangedListener StripeChanged} event.
+       * </p>
+       * @param owner The original owner
+       * @param stripe The stripe that has changed.
+       * @param oldTable The original table owner, in case the stripe has been moved between different table instances
+       * @protected
+       */
+      onStripeChanged(owner:yfiles.graph.IStripe,stripe:yfiles.graph.IStripe,oldTable:yfiles.graph.ITable):void;
+      /**
+       * Called after a stripe has been created and added to a table.
+       * <p>
+       * This method raises the {@link yfiles.graph.Table#addStripeCreatedListener StripeCreated} event.
+       * </p>
+       * @param stripe The stripe that has just been created.
+       * @protected
+       */
+      onStripeCreated(stripe:yfiles.graph.IStripe):void;
+      /**
+       * Called after a stripe has been removed from its owner.
+       * <p>
+       * This method raises the {@link yfiles.graph.Table#addStripeRemovedListener StripeRemoved} event.
+       * </p>
+       * @param stripe The stripe that has just been removed.
+       * @param owner The old owner of the stripe.
+       * @protected
+       */
+      onStripeRemoved(owner:yfiles.graph.IStripe,stripe:yfiles.graph.IStripe):void;
+      /**
+       * Removes the given label from its owner.
+       * <p>
+       * This will trigger the corresponding event.
+       * </p>
+       * @param label the label to remove
+       * @throws {Stubs.Exceptions.ArgumentError} If the label is not associated with this table instance.
+       */
+      remove(label:yfiles.graph.ILabel):void;
+      /**
+       * 
+       * @param stripe
+       */
+      remove(stripe:yfiles.graph.IStripe):void;
+      /**
+       * Sets the label model parameter for the given label.
+       * @param label The label.
+       * @param layoutParameter The new parameter.
+       * @throws {Stubs.Exceptions.ArgumentError} If the parameter cannot be used for this label or if the label is not associated with this table instance.
+       */
+      setLabelLayoutParameter(label:yfiles.graph.ILabel,layoutParameter:yfiles.graph.ILabelModelParameter):void;
+      /**
+       * Sets the preferred size of the label.
+       * @param label The label.
+       * @param preferredSize The new preferred size.
+       * @throws {Stubs.Exceptions.ArgumentError} If the label is not associated with this table instance.
+       * @see yfiles.graph.ILabel#preferredSize
+       */
+      setLabelPreferredSize(label:yfiles.graph.ILabel,preferredSize:yfiles.geometry.Size):void;
+      /**
+       * Sets the label text of the given label.
+       * @param label the label to modify
+       * @param text the new text of the label
+       * @throws {Stubs.Exceptions.ArgumentError} If the label is not associated with this table instance.
+       * @see yfiles.graph.ILabel#text
+       */
+      setLabelText(label:yfiles.graph.ILabel,text:string):void;
+      /**
+       * 
+       * @param stripe
+       * @param minimumSize
+       */
+      setMinimumSize(stripe:yfiles.graph.IStripe,minimumSize:number):void;
+      /**
+       * 
+       * @param owner
+       * @param column
+       * @param [index=null]
+       */
+      setParent(owner:yfiles.graph.IColumn,column:yfiles.graph.IColumn,index?:number):void;
+      /**
+       * 
+       * @param owner
+       * @param row
+       * @param [index=null]
+       */
+      setParent(owner:yfiles.graph.IRow,row:yfiles.graph.IRow,index?:number):void;
+      /**
+       * 
+       * @param stripe
+       * @param size
+       */
+      setSize(stripe:yfiles.graph.IStripe,size:number):void;
+      /**
+       * 
+       * @param stripe
+       * @param insets
+       */
+      setStripeInsets(stripe:yfiles.graph.IStripe,insets:yfiles.geometry.Insets):void;
+      /**
+       * Assigns the given style instance by reference to the label.
+       * <p>
+       * Style instances can be shared.
+       * </p>
+       * @param label The label that will be assigned the new style
+       * @param style The style instance that will be assigned to the label.
+       * @see yfiles.graph.ILabel#style
+       */
+      setStyle(label:yfiles.graph.ILabel,style:yfiles.styles.ILabelStyle):void;
+      /**
+       * 
+       * @param stripe
+       * @param style
+       */
+      setStyle(stripe:yfiles.graph.IStripe,style:yfiles.styles.IStripeStyle):void;
+      /**
+       * Uninstalls the undo support that has previously been installed with {@link yfiles.graph.Table#installDynamicUndoSupport}
+       * @param graph The graph where the tables are installed for which the undo support should be cleared.
+       * @static
+       */
+      static uninstallDynamicUndoSupport(graph:yfiles.graph.IGraph):void;
+      /**
+       * Uninstalls the undo support that has previously been installed with {@link yfiles.graph.Table#installStaticUndoSupport}
+       * @param graph The graph where the tables are installed for which the undo support should be cleared.
+       * @static
+       */
+      static uninstallStaticUndoSupport(graph:yfiles.graph.IGraph):void;
+      /**
+       * Gets an {@link yfiles.graph.IContextLookup} that provides the default implementations returned by an
+       * {@link yfiles.graph.IStripe}'s lookup.
+       * <p>
+       * The provided default implementations can for example be used as fallback when the stripe lookup is wrapped.
+       * </p>
+       * @static
+       * @type {yfiles.graph.IContextLookup}
+       */
+      static DEFAULT_STRIPE_LOOKUP:yfiles.graph.IContextLookup;
+      /**
+       * Gets an {@link yfiles.graph.IContextLookup} that provides the default implementations returned by an
+       * {@link yfiles.graph.IColumn}'s lookup.
+       * <p>
+       * The provided default implementations can for example be used as fallback when the column lookup is wrapped.
+       * </p>
+       * @static
+       * @type {yfiles.graph.IContextLookup}
+       */
+      static DEFAULT_COLUMN_LOOKUP:yfiles.graph.IContextLookup;
+      /**
+       * Gets an {@link yfiles.graph.IContextLookup} that provides the default implementations returned by an
+       * {@link yfiles.graph.IRow}'s lookup.
+       * <p>
+       * The provided default implementations can for example be used as fallback when the row lookup is wrapped.
+       * </p>
+       * @static
+       * @type {yfiles.graph.IContextLookup}
+       */
+      static DEFAULT_ROW_LOOKUP:yfiles.graph.IContextLookup;
+      /**
+       * The toplevel {@link yfiles.graph.IRow}s in this table.
+       * @type {yfiles.collections.IEnumerable.<yfiles.graph.IRow>}
+       */
+      rows:yfiles.collections.IEnumerable<yfiles.graph.IRow>;
+      /**
+       * The toplevel {@link yfiles.graph.IColumn}s in this table.
+       * @type {yfiles.collections.IEnumerable.<yfiles.graph.IColumn>}
+       */
+      columns:yfiles.collections.IEnumerable<yfiles.graph.IColumn>;
+      /**
+       * 
+       * @default '0'
+       * @type {yfiles.geometry.Insets}
+       */
+      insets:yfiles.geometry.Insets;
+      /**
+       * 
+       * @default '0,0'
+       * @type {yfiles.geometry.Point}
+       */
+      relativeLocation:yfiles.geometry.Point;
+      /**
+       * Gets the relative layout of the table.
+       * <p>
+       * The upper left corner of the layout always coincides with {@link yfiles.graph.Table#relativeLocation}.
+       * </p>
+       * @see yfiles.graph.Table#relativeLocation
+       * @type {yfiles.geometry.IRectangle}
+       */
+      layout:yfiles.geometry.IRectangle;
+      /**
+       * 
+       * @param listener
+       */
+      addStripeCreatedListener(listener:(sender:Object,evt:yfiles.collections.ItemEventArgs<yfiles.graph.IStripe>)=>void):void;
+      /**
+       * 
+       * @param listener
+       */
+      removeStripeCreatedListener(listener:(sender:Object,evt:yfiles.collections.ItemEventArgs<yfiles.graph.IStripe>)=>void):void;
+      /**
+       * 
+       * @param listener
+       */
+      addStripeRemovedListener(listener:(sender:Object,evt:yfiles.graph.StripeEventArgs)=>void):void;
+      /**
+       * 
+       * @param listener
+       */
+      removeStripeRemovedListener(listener:(sender:Object,evt:yfiles.graph.StripeEventArgs)=>void):void;
+      /**
+       * 
+       * @param listener
+       */
+      addStripeChangedListener(listener:(sender:Object,evt:yfiles.graph.StripeEventArgs)=>void):void;
+      /**
+       * 
+       * @param listener
+       */
+      removeStripeChangedListener(listener:(sender:Object,evt:yfiles.graph.StripeEventArgs)=>void):void;
+      /**
+       * 
+       * @param listener
+       */
+      addLabelAddedListener(listener:(sender:Object,evt:yfiles.collections.ItemEventArgs<yfiles.graph.ILabel>)=>void):void;
+      /**
+       * 
+       * @param listener
+       */
+      removeLabelAddedListener(listener:(sender:Object,evt:yfiles.collections.ItemEventArgs<yfiles.graph.ILabel>)=>void):void;
+      /**
+       * 
+       * @param listener
+       */
+      addLabelRemovedListener(listener:(sender:Object,evt:yfiles.graph.LabelEventArgs)=>void):void;
+      /**
+       * 
+       * @param listener
+       */
+      removeLabelRemovedListener(listener:(sender:Object,evt:yfiles.graph.LabelEventArgs)=>void):void;
+      /**
+       * 
+       * @param listener
+       */
+      addLabelChangedListener(listener:(sender:Object,evt:yfiles.collections.ItemEventArgs<yfiles.graph.ILabel>)=>void):void;
+      /**
+       * 
+       * @param listener
+       */
+      removeLabelChangedListener(listener:(sender:Object,evt:yfiles.collections.ItemEventArgs<yfiles.graph.ILabel>)=>void):void;
+      /**
+       * Gets or sets the defaults for rows.
+       * <p>
+       * The settings that are obtained from the instance influence newly created elements only. Setting different defaults later
+       * does not influence existing elements.
+       * </p>
+       * <p>
+       * If no value is set explicitly a default will be created using {@link yfiles.graph.Table#createRowDefaults} upon first read
+       * access.
+       * </p>
+       * @type {yfiles.graph.IStripeDefaults}
+       */
+      rowDefaults:yfiles.graph.IStripeDefaults;
+      /**
+       * Gets or sets the defaults for Columns.
+       * <p>
+       * The settings that are obtained from the instance influence newly created elements only. Setting different defaults later
+       * does not influence existing elements.
+       * </p>
+       * <p>
+       * If no value is set explicitly a default will be created using {@link yfiles.graph.Table#createColumnDefaults} upon first read
+       * access.
+       * </p>
+       * @type {yfiles.graph.IStripeDefaults}
+       */
+      columnDefaults:yfiles.graph.IStripeDefaults;
+      /**
+       * 
+       * @type {yfiles.graph.IRow}
+       */
+      rootRow:yfiles.graph.IRow;
+      /**
+       * 
+       * @type {yfiles.graph.IColumn}
+       */
+      rootColumn:yfiles.graph.IColumn;
+      static $class:yfiles.lang.Class;
+    }
     /**
      * Interface used by {@link yfiles.graph.ITable} and the like to declare and obtain the defaults for stripes and their labels.
      * @see yfiles.graph.ITable#rowDefaults
@@ -60960,7 +61038,7 @@ declare namespace system{
        * Most implementations will yield either, a {@link yfiles.lang.ICloneable#clone clone} of or the {@link yfiles.graph.IStripeDefaults#style} property, if {@link yfiles.graph.IStripeDefaults#shareStyleInstance} is enabled, but they might use more complicated
        * logic, too.
        * </p>
-       * @returns {yfiles.styles.IStripeStyle} The style to use, which for most implementations is either a {@link yfiles.lang.ICloneable#clone clone} of or the {@link yfiles.graph.IStripeDefaults#style} property, if {@link yfiles.graph.IStripeDefaults#shareStyleInstance} is enabled.
+       * @returns The style to use, which for most implementations is either a {@link #clone clone} of or the {@link #style} property, if {@link #shareStyleInstance} is enabled.
        * @abstract
        */
       getStyleInstance():yfiles.styles.IStripeStyle;
@@ -61017,7 +61095,7 @@ declare namespace system{
     };
     /**
      * A canonic implementation of the {@link yfiles.graph.IStripeDefaults} interface.
-     * @class yfiles.graph.StripeDefaults
+     * @class
      * @implements {yfiles.graph.IStripeDefaults}
      */
     export interface StripeDefaults extends Object,yfiles.graph.IStripeDefaults{}
@@ -61039,12 +61117,11 @@ declare namespace system{
        * @param {yfiles.graph.ILabelDefaults} [options.labels=null] Sets the labels property.
        * @param {yfiles.styles.IStripeStyle} [options.style=null] Sets the style property.
        * @param {boolean} [options.shareStyleInstance=null] Sets the shareStyleInstance property.
-       * @constructor
        */
       constructor(options?:{size?:number,minimumSize?:number,labels?:yfiles.graph.ILabelDefaults,style?:yfiles.styles.IStripeStyle,shareStyleInstance?:boolean});
       /**
        * 
-       * @returns {yfiles.styles.IStripeStyle} 
+       * @returns 
        */
       getStyleInstance():yfiles.styles.IStripeStyle;
       /**
@@ -61128,7 +61205,7 @@ declare namespace system{
     /**
      * A class that is used by {@link yfiles.geometry.GeneralPath} to iterate over the elements the path is made up of.
      * @see yfiles.geometry.GeneralPath#createCursor
-     * @class yfiles.geometry.GeneralPathCursor
+     * @class
      */
     export interface GeneralPathCursor extends Object{}
     export class GeneralPathCursor {
@@ -61138,25 +61215,25 @@ declare namespace system{
        * The array needs to have a length of at least 6, since {@link yfiles.geometry.PathType#CUBIC_TO} needs six coordinates. If the
        * path has been flattened a length of two suffices.
        * </p>
-       * @param {Array.<number>} coordinates
-       * @returns {yfiles.geometry.PathType} The current type of the path element.
+       * @param coordinates
+       * @returns The current type of the path element.
        * @see yfiles.geometry.GeneralPathCursor#getCurrentEndPoint
        */
       getCurrent(coordinates:number[]):yfiles.geometry.PathType;
       /**
        * Places the current end coordinates of the last path element into the array.
-       * @param {Array.<number>} coordinates An array with length at least 2.
-       * @returns {yfiles.geometry.PathType} The type of the current element.
+       * @param coordinates An array with length at least 2.
+       * @returns The type of the current element.
        */
       getCurrentEndPoint(coordinates:number[]):yfiles.geometry.PathType;
       /**
        * Advances the cursor to the next position if possible.
-       * @returns {boolean} Whether the cursor has been moved successfully. <code>false</code> if the cursor has been moved beyond the end of the path.
+       * @returns Whether the cursor has been moved successfully. <code>false</code> if the cursor has been moved beyond the end of the path.
        */
       moveNext():boolean;
       /**
        * Moves the cursor to the previous position in the path.
-       * @returns {boolean} Whether the move was successful.
+       * @returns Whether the move was successful.
        */
       movePrevious():boolean;
       /**
@@ -61165,7 +61242,7 @@ declare namespace system{
       reset():void;
       /**
        * Resets the cursor to point to the last element in the path.
-       * @returns {boolean} Whether the cursor has been moved successfully.
+       * @returns Whether the cursor has been moved successfully.
        */
       toLast():boolean;
       /**
@@ -61203,7 +61280,7 @@ declare namespace system{
      * calculating the bounds, hit tests, containment tests, curve flattening, path transformation, path modification, and path
      * iteration.
      * </p>
-     * @class yfiles.geometry.GeneralPath
+     * @class
      * @implements {yfiles.lang.ICloneable}
      * @final
      */
@@ -61211,8 +61288,7 @@ declare namespace system{
     export class GeneralPath {
       /**
        * Creates a new instance with given initial capacity.
-       * @param {number} [capacity=16] The number of elements for which storage will be allocated initially.
-       * @constructor
+       * @param [capacity=16] The number of elements for which storage will be allocated initially.
        */
       constructor(capacity?:number);
       /**
@@ -61221,10 +61297,10 @@ declare namespace system{
        * If <code>connect</code> is <code>true</code>, an initial {@link yfiles.geometry.PathType#MOVE_TO} in <code>other</code> will be transformed into a
        * {@link yfiles.geometry.PathType#LINE_TO}.
        * </p>
-       * @param {yfiles.geometry.GeneralPath} other The path to append to this path.
-       * @param {boolean} connect Whether to connect the path to the end of this path.
-       * @param {number} beginIndex The first element to be copied from <code>other</code>, inclusively.
-       * @param {number} endIndex The last element to be copied from <code>other</code>, exclusively.
+       * @param other The path to append to this path.
+       * @param connect Whether to connect the path to the end of this path.
+       * @param beginIndex The first element to be copied from <code>other</code>, inclusively.
+       * @param endIndex The last element to be copied from <code>other</code>, exclusively.
        */
       append(other:yfiles.geometry.GeneralPath,beginIndex:number,endIndex:number,connect:boolean):void;
       /**
@@ -61233,26 +61309,26 @@ declare namespace system{
        * If <code>connect</code> is <code>true</code>, an initial {@link yfiles.geometry.PathType#MOVE_TO} in <code>other</code> will be transformed into a
        * {@link yfiles.geometry.PathType#LINE_TO}.
        * </p>
-       * @param {yfiles.geometry.GeneralPath} other The path to append to this path.
-       * @param {boolean} connect Whether to connect the path to the end of this path.
+       * @param other The path to append to this path.
+       * @param connect Whether to connect the path to the end of this path.
        */
       append(other:yfiles.geometry.GeneralPath,connect:boolean):void;
       /**
        * Appends an ellipse using the given bounding box to this instance.
-       * @param {yfiles.geometry.IRectangle} bounds The bounds of the ellipse.
-       * @param {boolean} connect Whether to initially {@link yfiles.geometry.GeneralPath#lineTo} the ellipses lowest point.
+       * @param bounds The bounds of the ellipse.
+       * @param connect Whether to initially {@link #lineTo} the ellipses lowest point.
        */
       appendEllipse(bounds:yfiles.geometry.IRectangle,connect:boolean):void;
       /**
        * Appends an {@link yfiles.geometry.IOrientedRectangle} to this path instance.
-       * @param {yfiles.geometry.IOrientedRectangle} rectangle The {@link yfiles.geometry.IOrientedRectangle} to get the coordinates from.
-       * @param {boolean} connect Whether to use a {@link yfiles.geometry.GeneralPath#lineTo} to the anchor corner.
+       * @param rectangle The {@link } to get the coordinates from.
+       * @param connect Whether to use a {@link #lineTo} to the anchor corner.
        */
       appendOrientedRectangle(rectangle:yfiles.geometry.IOrientedRectangle,connect:boolean):void;
       /**
        * Appends a rectangle to this path instance.
-       * @param {yfiles.geometry.IRectangle} rectangle The rectangle to get the coordinates from.
-       * @param {boolean} connect Whether to use a {@link yfiles.geometry.GeneralPath#lineTo} to the upper left corner.
+       * @param rectangle The rectangle to get the coordinates from.
+       * @param connect Whether to use a {@link #lineTo} to the upper left corner.
        */
       appendRectangle(rectangle:yfiles.geometry.IRectangle,connect:boolean):void;
       /**
@@ -61261,9 +61337,9 @@ declare namespace system{
        * Note that this will only work as expected for closed paths. The epsilon is used for internally flattening Bézier
        * curves.
        * </p>
-       * @param {yfiles.geometry.IPoint} point The coordinates of the point to test.
-       * @param {number} [eps=0.5] The value to use for flattening Bézier curves during the test. <code>0.5</code> is the default value.
-       * @returns {boolean} Whether the point lies within the area described by this path.
+       * @param point The coordinates of the point to test.
+       * @param [eps=0.5] The value to use for flattening Bézier curves during the test. <code>0.5</code> is the default value.
+       * @returns Whether the point lies within the area described by this path.
        */
       areaContains(point:yfiles.geometry.IPoint,eps?:number):boolean;
       /**
@@ -61272,7 +61348,7 @@ declare namespace system{
       clear():void;
       /**
        * Creates a clone of this instance, copying the path information to the new instance.
-       * @returns {Object} An exact clone of this instance.
+       * @returns An exact clone of this instance.
        */
       clone():Object;
       /**
@@ -61295,33 +61371,33 @@ declare namespace system{
        * The cursor is fail-fast, i.e. if the path's structure is modified after the construction of the cursor any cursor
        * operation will fail.
        * </p>
-       * @returns {yfiles.geometry.GeneralPathCursor} A cursor to iterate over this path.
+       * @returns A cursor to iterate over this path.
        */
       createCursor():yfiles.geometry.GeneralPathCursor;
       /**
        * Creates a new path based on this one where corners are smoothed with a quadratic Bézier arc starting at <code>smoothingLength</code>
        * away from the corner.
-       * @param {number} smoothingLength Distance from the corner where the arc begins.
-       * @returns {yfiles.geometry.GeneralPath} A new path, with its corners smoothed.
+       * @param smoothingLength Distance from the corner where the arc begins.
+       * @returns A new path, with its corners smoothed.
        */
       createSmoothedPath(smoothingLength:number):yfiles.geometry.GeneralPath;
       /**
        * Creates an SVG <code>path</code> element using the provided parameters.
-       * @param {yfiles.geometry.Matrix} [transform=null] The matrix to apply to the path data.
-       * @returns {SVGPathElement} A {@link SVGPathElement path} that displays this instance using the provided attributes.
+       * @param [transform=null] The matrix to apply to the path data.
+       * @returns A {@link  path} that displays this instance using the provided attributes.
        */
       createSvgPath(transform?:yfiles.geometry.Matrix):SVGPathElement;
       /**
        * Creates the data for a SVG <code>path</code> element that corresponds to this instance with the provided transform.
-       * @param {yfiles.geometry.Matrix} [transform=null] The transform to apply to the created data.
-       * @returns {string} The path data for an SVG <code>path</code> element that corresponds to this instance with the provided transform.
+       * @param [transform=null] The transform to apply to the created data.
+       * @returns The path data for an SVG <code>path</code> element that corresponds to this instance with the provided transform.
        */
       createSvgPathData(transform?:yfiles.geometry.Matrix):string;
       /**
        * Creates a new {@link yfiles.geometry.GeneralPath} that is a copy of this path with all geometry transformed using the supplied
        * matrix.
-       * @param {yfiles.geometry.Matrix} transform The matrix to multiply the geometry with.
-       * @returns {yfiles.geometry.GeneralPath} A new path.
+       * @param transform The matrix to multiply the geometry with.
+       * @returns A new path.
        */
       createTransformedPath(transform:yfiles.geometry.Matrix):yfiles.geometry.GeneralPath;
       /**
@@ -61329,7 +61405,7 @@ declare namespace system{
        * <p>
        * This will remove all path operations that follow the position indicated by the cursor.
        * </p>
-       * @param {yfiles.geometry.GeneralPathCursor} cursor The cursor that depicts a position in this path.
+       * @param cursor The cursor that depicts a position in this path.
        */
       cropAfter(cursor:yfiles.geometry.GeneralPathCursor):void;
       /**
@@ -61337,7 +61413,7 @@ declare namespace system{
        * <p>
        * This will remove all path operations that precede the position indicated by the cursor.
        * </p>
-       * @param {yfiles.geometry.GeneralPathCursor} cursor The cursor that depicts a position in this path.
+       * @param cursor The cursor that depicts a position in this path.
        */
       cropBefore(cursor:yfiles.geometry.GeneralPathCursor):void;
       /**
@@ -61345,12 +61421,12 @@ declare namespace system{
        * <p>
        * This draws a cubic Bézier curve from the current end point to the given position using the two given control points.
        * </p>
-       * @param {number} c1x The x coordinate of the first Bézier control point.
-       * @param {number} c1y The y coordinate of the first Bézier control point.
-       * @param {number} c2x The x coordinate of the second Bézier control point.
-       * @param {number} c2y The y coordinate of the second Bézier control point.
-       * @param {number} x The x coordinate of the curve's end point.
-       * @param {number} y The y coordinate of the curve's end point.
+       * @param c1x The x coordinate of the first Bézier control point.
+       * @param c1y The y coordinate of the first Bézier control point.
+       * @param c2x The x coordinate of the second Bézier control point.
+       * @param c2y The y coordinate of the second Bézier control point.
+       * @param x The x coordinate of the curve's end point.
+       * @param y The y coordinate of the curve's end point.
        */
       cubicTo(c1x:number,c1y:number,c2x:number,c2y:number,x:number,y:number):void;
       /**
@@ -61358,9 +61434,9 @@ declare namespace system{
        * <p>
        * This draws a cubic Bézier curve from the current end point to the given position using the two given control points.
        * </p>
-       * @param {yfiles.geometry.IPoint} c1 The coordinates of the first Bézier control point.
-       * @param {yfiles.geometry.IPoint} c2 The coordinates of the second Bézier control point.
-       * @param {yfiles.geometry.IPoint} end The coordinates of the curve's end point.
+       * @param c1 The coordinates of the first Bézier control point.
+       * @param c2 The coordinates of the second Bézier control point.
+       * @param end The coordinates of the curve's end point.
        */
       cubicTo(c1:yfiles.geometry.IPoint,c2:yfiles.geometry.IPoint,end:yfiles.geometry.IPoint):void;
       /**
@@ -61369,10 +61445,10 @@ declare namespace system{
        * The value returned will be the smallest positive value smaller than 1 such that the point depicted by <code>start + result * (end - start)</code>
        * is an intersection point between the line and the path.
        * </p>
-       * @param {yfiles.geometry.Point} start The coordinates of the first point of the line.
-       * @param {yfiles.geometry.Point} end The coordinates of the second point of the line.
-       * @param {number} [eps=0.5] The value to use for interpolating Bézier curves.
-       * @returns {number} The factor to calculate the intersection point or <code>double.PositiveInfinity</code>.
+       * @param start The coordinates of the first point of the line.
+       * @param end The coordinates of the second point of the line.
+       * @param [eps=0.5] The value to use for interpolating Bézier curves.
+       * @returns The factor to calculate the intersection point or <code>double.PositiveInfinity</code>.
        */
       findLineIntersection(start:yfiles.geometry.Point,end:yfiles.geometry.Point,eps?:number):number;
       /**
@@ -61384,11 +61460,11 @@ declare namespace system{
        * the point depicted by <code>(anchorX + result * rayX, anchorY + result * rayY)</code> is an intersection point between the ray and
        * the path.
        * </p>
-       * @param {yfiles.geometry.Point} anchor The coordinates of the anchor point of the ray.
-       * @param {yfiles.geometry.Point} direction The coordinates of the direction vector of the ray.
-       * @param {number} [eps=0.5] The epsilon value that is used for the accuracy with which the implementation should test Bézier curves within the path
+       * @param anchor The coordinates of the anchor point of the ray.
+       * @param direction The coordinates of the direction vector of the ray.
+       * @param [eps=0.5] The epsilon value that is used for the accuracy with which the implementation should test Bézier curves within the path
        * for intersections.
-       * @returns {number} The factor to calculate the intersection point or <code>double.PositiveInfinity</code>.
+       * @returns The factor to calculate the intersection point or <code>double.PositiveInfinity</code>.
        */
       findRayIntersection(anchor:yfiles.geometry.Point,direction:yfiles.geometry.Point,eps?:number):number;
       /**
@@ -61397,14 +61473,14 @@ declare namespace system{
        * This will create a path that consists of {@link yfiles.geometry.PathType#MOVE_TO}, {@link yfiles.geometry.PathType#LINE_TO}, and {@link yfiles.geometry.PathType#CLOSE}
        * operations only.
        * </p>
-       * @param {number} eps The maximum value the flattened path may diverge from the original path for the Bézier curve line interpolations.
-       * @returns {yfiles.geometry.GeneralPath} A new path that does not contain Bézier curves.
+       * @param eps The maximum value the flattened path may diverge from the original path for the Bézier curve line interpolations.
+       * @returns A new path that does not contain Bézier curves.
        */
       flatten(eps:number):yfiles.geometry.GeneralPath;
       /**
        * Gets the bounds of a flattened version the path.
-       * @param {number} eps The epsilon to use for the flattening operation.
-       * @returns {yfiles.geometry.Rect} The bounds of the flattened path.
+       * @param eps The epsilon to use for the flattening operation.
+       * @returns The bounds of the flattened path.
        */
       getBounds(eps:number):yfiles.geometry.Rect;
       /**
@@ -61413,7 +61489,7 @@ declare namespace system{
        * This will not yield tight bounds if the path contains Bézier curves. The bounds are calculated using the union of all
        * points and control points contained in this path.
        * </p>
-       * @returns {yfiles.geometry.Rect} A rectangle that describes the geometric bounds of this path.
+       * @returns A rectangle that describes the geometric bounds of this path.
        * @see yfiles.geometry.GeneralPath#getBounds
        */
       getBounds():yfiles.geometry.Rect;
@@ -61422,7 +61498,7 @@ declare namespace system{
        * <p>
        * Note that Bézier curves are still treated as line segments.
        * </p>
-       * @returns {number} The length of this path.
+       * @returns The length of this path.
        */
       getLength():number;
       /**
@@ -61430,14 +61506,14 @@ declare namespace system{
        * <p>
        * Note that this implementation still treats Bézier curves as linear segments.
        * </p>
-       * @param {number} ratio A value between 0 and 1 inclusively that indicates a ratio from the beginning to the end of this path.
-       * @returns {yfiles.geometry.Point} The coordinates of the point.
+       * @param ratio A value between 0 and 1 inclusively that indicates a ratio from the beginning to the end of this path.
+       * @returns The coordinates of the point.
        */
       getPoint(ratio:number):yfiles.geometry.Point;
       /**
        * Gets the number of segments in this path, that is the number of {@link yfiles.geometry.PathType#LINE_TO} and {@link yfiles.geometry.PathType#CLOSE}
        * operations.
-       * @returns {number} The number of segments.
+       * @returns The number of segments.
        */
       getSegmentCount():number;
       /**
@@ -61446,10 +61522,10 @@ declare namespace system{
        * Note that this implementation still treats Bézier curves as linear segments. Also note that the tangent vector may not
        * be normalized.
        * </p>
-       * @param {number} ratio A value between 0 and 1 inclusively that indicates a ratio from the beginning to the end of the segment at segmentIndex
+       * @param ratio A value between 0 and 1 inclusively that indicates a ratio from the beginning to the end of the segment at segmentIndex
        * for this path.
-       * @param {number} segmentIndex The segment index to determine a point at.
-       * @returns {yfiles.geometry.Tangent} The tangent, if any exists. The tangent vector may not be normalized.
+       * @param segmentIndex The segment index to determine a point at.
+       * @returns The tangent, if any exists. The tangent vector may not be normalized.
        */
       getTangent(segmentIndex:number,ratio:number):yfiles.geometry.Tangent;
       /**
@@ -61457,14 +61533,14 @@ declare namespace system{
        * <p>
        * Note that this implementation still treats Bézier curves as linear segments.
        * </p>
-       * @param {number} ratio A value between 0 and 1 inclusively that indicates a ratio from the beginning to the end of this path.
-       * @returns {yfiles.geometry.Tangent} The tangent, if any exists. The tangent vector may not be normalized.
+       * @param ratio A value between 0 and 1 inclusively that indicates a ratio from the beginning to the end of this path.
+       * @returns The tangent, if any exists. The tangent vector may not be normalized.
        */
       getTangent(ratio:number):yfiles.geometry.Tangent;
       /**
        * Determines whether <code>this</code> has the same values like <code>path</code>.
-       * @param {yfiles.geometry.GeneralPath} path The object to compare <code>this</code> to. Must be of the same type.
-       * @returns {boolean} <code>true</code> if <code>this</code> has the same values like the other object.
+       * @param path The object to compare <code>this</code> to. Must be of the same type.
+       * @returns <code>true</code> if <code>this</code> has the same values like the other object.
        */
       hasSameValue(path:yfiles.geometry.GeneralPath):boolean;
       /**
@@ -61472,9 +61548,9 @@ declare namespace system{
        * <p>
        * This will yield false if the rectangle is fully contained within the area of the path.
        * </p>
-       * @param {yfiles.geometry.Rect} rectangle The rectangle to test.
-       * @param {number} eps The epsilon to use for fuzzy testing.
-       * @returns {boolean} Whether the path described by this instance intersects the rectangle.
+       * @param rectangle The rectangle to test.
+       * @param eps The epsilon to use for fuzzy testing.
+       * @returns Whether the path described by this instance intersects the rectangle.
        */
       intersects(rectangle:yfiles.geometry.Rect,eps:number):boolean;
       /**
@@ -61482,8 +61558,8 @@ declare namespace system{
        * <p>
        * This draws a line from the current end point to the given position.
        * </p>
-       * @param {number} x The x coordinate of the line's end point.
-       * @param {number} y The y coordinate of the line's end point.
+       * @param x The x coordinate of the line's end point.
+       * @param y The y coordinate of the line's end point.
        */
       lineTo(x:number,y:number):void;
       /**
@@ -61491,7 +61567,7 @@ declare namespace system{
        * <p>
        * This draws a line from the current end point to the given position.
        * </p>
-       * @param {yfiles.geometry.IPoint} point The coordinates of the line's end point.
+       * @param point The coordinates of the line's end point.
        */
       lineTo(point:yfiles.geometry.IPoint):void;
       /**
@@ -61500,9 +61576,9 @@ declare namespace system{
        * <p>
        * This method will return false if the clip is entirely inside the area of this path.
        * </p>
-       * @param {yfiles.geometry.Rect} clip The clip to check for intersection.
-       * @param {number} width The width of the stroke.
-       * @returns {boolean} <code>false</code> if it is guaranteed that this instance would not intersect the given clip.
+       * @param clip The clip to check for intersection.
+       * @param width The width of the stroke.
+       * @returns <code>false</code> if it is guaranteed that this instance would not intersect the given clip.
        */
       mayIntersectClip(clip:yfiles.geometry.Rect,width:number):boolean;
       /**
@@ -61510,8 +61586,8 @@ declare namespace system{
        * <p>
        * This moves the pen to a new position without drawing a line.
        * </p>
-       * @param {number} x The next x coordinate.
-       * @param {number} y The next y coordinate.
+       * @param x The next x coordinate.
+       * @param y The next y coordinate.
        */
       moveTo(x:number,y:number):void;
       /**
@@ -61519,14 +61595,14 @@ declare namespace system{
        * <p>
        * This moves the pen to a new position without drawing a line.
        * </p>
-       * @param {yfiles.geometry.IPoint} point The next coordinate.
+       * @param point The next coordinate.
        */
       moveTo(point:yfiles.geometry.IPoint):void;
       /**
        * Tests whether the line of the path is hit at the given point using an epsilon for fuzzy hit testing.
-       * @param {yfiles.geometry.IPoint} point The p coordinates of the point to test.
-       * @param {number} [eps=0.5] The allowed distance from the point to the path that is considered a hit.<code>0.5</code> is the default value.
-       * @returns {boolean} Whether the point hits the path.
+       * @param point The p coordinates of the point to test.
+       * @param [eps=0.5] The allowed distance from the point to the path that is considered a hit.<code>0.5</code> is the default value.
+       * @returns Whether the point hits the path.
        */
       pathContains(point:yfiles.geometry.IPoint,eps?:number):boolean;
       /**
@@ -61535,8 +61611,8 @@ declare namespace system{
        * If <code>connect</code> is <code>true</code>, the initial {@link yfiles.geometry.PathType#MOVE_TO} in <code>this</code> will be transformed into a
        * {@link yfiles.geometry.PathType#LINE_TO}.
        * </p>
-       * @param {yfiles.geometry.GeneralPath} other The path to append to this path.
-       * @param {boolean} connect Whether to connect the path to the end of this path.
+       * @param other The path to append to this path.
+       * @param connect Whether to connect the path to the end of this path.
        */
       prepend(other:yfiles.geometry.GeneralPath,connect:boolean):void;
       /**
@@ -61544,10 +61620,10 @@ declare namespace system{
        * <p>
        * This draws a quadratic Bézier curve from the current end point to the given position using the given control point.
        * </p>
-       * @param {number} cx The x coordinate of the Bézier control point.
-       * @param {number} cy The y coordinate of the Bézier control point.
-       * @param {number} x The x coordinate of the curve's end point.
-       * @param {number} y The y coordinate of the curve's end point.
+       * @param cx The x coordinate of the Bézier control point.
+       * @param cy The y coordinate of the Bézier control point.
+       * @param x The x coordinate of the curve's end point.
+       * @param y The y coordinate of the curve's end point.
        */
       quadTo(cx:number,cy:number,x:number,y:number):void;
       /**
@@ -61555,13 +61631,13 @@ declare namespace system{
        * <p>
        * This draws a quadratic Bézier curve from the current end point to the given position using the given control point.
        * </p>
-       * @param {yfiles.geometry.IPoint} center The coordinates of the Bézier control point.
-       * @param {yfiles.geometry.IPoint} point The coordinates of the curve's end point.
+       * @param center The coordinates of the Bézier control point.
+       * @param point The coordinates of the curve's end point.
        */
       quadTo(center:yfiles.geometry.IPoint,point:yfiles.geometry.IPoint):void;
       /**
        * Transforms this {@link yfiles.geometry.GeneralPath} in place using the given transform.
-       * @param {yfiles.geometry.Matrix} transform The matrix to multiply the geometry with.
+       * @param transform The matrix to multiply the geometry with.
        */
       transform(transform:yfiles.geometry.Matrix):void;
       /**
@@ -61580,7 +61656,7 @@ declare namespace system{
        */
       lastY:number;
       /**
-       * Gets a value indicating whether this path contains elements other than an initial {@link yfiles.geometry.PathType#MOVE_TO}..
+       * Gets a value indicating whether this path contains elements other than an initial {@link yfiles.geometry.PathType#MOVE_TO}.
        * @type {boolean}
        */
       isEmpty:boolean;
@@ -61598,7 +61674,7 @@ declare namespace system{
     }
     /**
      * An immutable {@link yfiles.geometry.ISize} implementation to describe a size in two-dimensional space.
-     * @class yfiles.geometry.Size
+     * @class
      * @implements {yfiles.geometry.ISize}
      * @final
      */
@@ -61606,60 +61682,59 @@ declare namespace system{
     export class Size {
       /**
        * Creates a new size using the provided width and height.
-       * @param {number} width The new width.
-       * @param {number} height The new height.
-       * @constructor
+       * @param width The new width.
+       * @param height The new height.
        */
       constructor(width:number,height:number);
       /**
        * 
-       * @returns {yfiles.geometry.Size} 
+       * @returns 
        */
       clone():yfiles.geometry.Size;
       /**
        * Performs an implicit conversion from {@link yfiles.geometry.MutableSize} to {@link yfiles.geometry.Size}.
-       * @param {yfiles.geometry.MutableSize} size The size.
-       * @returns {yfiles.geometry.Size} The result of the conversion.
+       * @param size The size.
+       * @returns The result of the conversion.
        * @static
        */
       static convertFrom(size:yfiles.geometry.MutableSize):yfiles.geometry.Size;
       /**
        * Performs an explicit conversion from {@link yfiles.geometry.Size} to {@link yfiles.geometry.MutableSize}.
-       * @param {yfiles.geometry.Size} size The size.
-       * @returns {yfiles.geometry.MutableSize} The result of the conversion.
+       * @param size The size.
+       * @returns The result of the conversion.
        * @static
        */
       static convertToMutableSize(size:yfiles.geometry.Size):yfiles.geometry.MutableSize;
       /**
        * Returns a size whose {@link yfiles.geometry.Size#width} and {@link yfiles.geometry.Size#height} is the {@link Math#max} of the respecting properties of the two parameters.
-       * @param {yfiles.geometry.Size} size1 The first size.
-       * @param {yfiles.geometry.Size} size2 The second size.
-       * @returns {yfiles.geometry.Size} A size whose {@link yfiles.geometry.Size#width} and {@link yfiles.geometry.Size#height} is the {@link Math#max} of the respecting properties of the two parameters.
+       * @param size1 The first size.
+       * @param size2 The second size.
+       * @returns A size whose {@link #width} and {@link #height} is the {@link #max} of the respecting properties of the two parameters.
        * @static
        */
       static max(size1:yfiles.geometry.Size,size2:yfiles.geometry.Size):yfiles.geometry.Size;
       /**
        * Returns a size whose {@link yfiles.geometry.Size#width} and {@link yfiles.geometry.Size#height} is the {@link Math#min} of the respecting properties of the two parameters.
-       * @param {yfiles.geometry.Size} size1 The first size.
-       * @param {yfiles.geometry.Size} size2 The second size.
-       * @returns {yfiles.geometry.Size} A size whose {@link yfiles.geometry.Size#width} and {@link yfiles.geometry.Size#height} is the {@link Math#min} of the respecting properties of the two parameters.
+       * @param size1 The first size.
+       * @param size2 The second size.
+       * @returns A size whose {@link #width} and {@link #height} is the {@link #min} of the respecting properties of the two parameters.
        * @static
        */
       static min(size1:yfiles.geometry.Size,size2:yfiles.geometry.Size):yfiles.geometry.Size;
       /**
        * Multiplies the {@link yfiles.geometry.Size#width} and {@link yfiles.geometry.Size#height} by the given factor and returns the result.
-       * @param {number} factor The factor to multiply the width and height by.
-       * @returns {yfiles.geometry.Size} A new size that has the width and height multiplied by the factor.
+       * @param factor The factor to multiply the width and height by.
+       * @returns A new size that has the width and height multiplied by the factor.
        */
       multiply(factor:number):yfiles.geometry.Size;
       /**
        * Converts this instance to an {@link yfiles.geometry.MutableSize} instance
-       * @returns {yfiles.geometry.MutableSize} The {@link yfiles.geometry.MutableSize} instance, whose attributes have been initialized with the values of this instance.
+       * @returns The {@link } instance, whose attributes have been initialized with the values of this instance.
        */
       toMutableSize():yfiles.geometry.MutableSize;
       /**
        * Creates a {@link yfiles.algorithms.YDimension} from a given {@link yfiles.geometry.Size}.
-       * @returns {yfiles.algorithms.YDimension} The {@link yfiles.algorithms.YDimension}.
+       * @returns The {@link }.
        */
       toYDimension():yfiles.algorithms.YDimension;
       /**
@@ -61728,7 +61803,7 @@ declare namespace system{
      * This class implements the {@link yfiles.geometry.IPoint} interface so that it can be used in methods that require that
      * interface.
      * </p>
-     * @class yfiles.geometry.Point
+     * @class
      * @implements {yfiles.geometry.IPoint}
      * @final
      */
@@ -61736,9 +61811,8 @@ declare namespace system{
     export class Point {
       /**
        * Initializes a new instance using the given values for the {@link yfiles.geometry.Point#x} and {@link yfiles.geometry.Point#y} properties.
-       * @param {number} x The x coordinate.
-       * @param {number} y The y coordinate.
-       * @constructor
+       * @param x The x coordinate.
+       * @param y The y coordinate.
        */
       constructor(x:number,y:number);
       /**
@@ -61746,41 +61820,41 @@ declare namespace system{
        * <p>
        * This operator is applied componentwise to {@link yfiles.geometry.Point#x} and {@link yfiles.geometry.Point#y}.
        * </p>
-       * @param {yfiles.geometry.Point} otherPoint The second point.
-       * @returns {yfiles.geometry.Point} The result of the vector addition.
+       * @param otherPoint The second point.
+       * @returns The result of the vector addition.
        */
       add(otherPoint:yfiles.geometry.Point):yfiles.geometry.Point;
       /**
        * 
-       * @returns {yfiles.geometry.Point} 
+       * @returns 
        */
       clone():yfiles.geometry.Point;
       /**
        * Performs an explicit conversion from {@link yfiles.geometry.MutablePoint} to {@link yfiles.geometry.Point}.
-       * @param {yfiles.geometry.MutablePoint} p The point to convert.
-       * @returns {yfiles.geometry.Point} The result of the conversion.
+       * @param p The point to convert.
+       * @returns The result of the conversion.
        * @static
        */
       static convertFrom(p:yfiles.geometry.MutablePoint):yfiles.geometry.Point;
       /**
        * Performs an implicit conversion from {@link yfiles.geometry.Point} to {@link yfiles.geometry.MutablePoint}.
-       * @param {yfiles.geometry.Point} point The point to convert.
-       * @returns {yfiles.geometry.MutablePoint} 
+       * @param point The point to convert.
+       * @returns 
        * @static
        */
       static convertToMutablePoint(point:yfiles.geometry.Point):yfiles.geometry.MutablePoint;
       /**
        * Determines the distance between this point and a line segment.
-       * @param {yfiles.geometry.Point} start The coordinates of the first point of the line.
-       * @param {yfiles.geometry.Point} end The coordinates of the second point of the line.
-       * @returns {number} The distance between this point and the closest point on the line segment.
+       * @param start The coordinates of the first point of the line.
+       * @param end The coordinates of the second point of the line.
+       * @returns The distance between this point and the closest point on the line segment.
        */
       distanceToSegment(start:yfiles.geometry.Point,end:yfiles.geometry.Point):number;
       /**
        * Determines whether the two given points have the same coordinates with respect to a certain given <code>eps</code>.
-       * @param {yfiles.geometry.Point} other The other point to check for equality against this point.
-       * @param {number} eps The epsilon value.
-       * @returns {boolean} Whether both coordinates are equal with respect for the given epsilon.
+       * @param other The other point to check for equality against this point.
+       * @param eps The epsilon value.
+       * @returns Whether both coordinates are equal with respect for the given epsilon.
        */
       equalsEps(other:yfiles.geometry.Point,eps:number):boolean;
       /**
@@ -61788,15 +61862,15 @@ declare namespace system{
        * <p>
        * If the given rectangle is {@link yfiles.geometry.Rect#EMPTY}, this implementation will silently return.
        * </p>
-       * @param {yfiles.geometry.Rect} rectangle The rectangle to constrain this instance by.
-       * @returns {yfiles.geometry.Point} A constrained copy of this instance.
+       * @param rectangle The rectangle to constrain this instance by.
+       * @returns A constrained copy of this instance.
        */
       getConstrained(rectangle:yfiles.geometry.Rect):yfiles.geometry.Point;
       /**
        * Calculates the projection of this point onto a line.
-       * @param {yfiles.geometry.Point} anchor An anchor for the infinite line.
-       * @param {yfiles.geometry.Point} direction A direction vector for the infinite line.
-       * @returns {yfiles.geometry.Point} The point on the line that is closest to this point.
+       * @param anchor An anchor for the infinite line.
+       * @param direction A direction vector for the infinite line.
+       * @returns The point on the line that is closest to this point.
        */
       getProjectionOnLine(anchor:yfiles.geometry.Point,direction:yfiles.geometry.Point):yfiles.geometry.Point;
       /**
@@ -61805,9 +61879,9 @@ declare namespace system{
        * If the perpendicular projection onto the line is outside of the ray ("behind" the <code>rayStart</code>) the <code>rayStart</code> is returned
        * instead.
        * </p>
-       * @param {yfiles.geometry.Point} rayStart The start of the segment.
-       * @param {yfiles.geometry.Point} direction The direction of the ray.
-       * @returns {yfiles.geometry.Point} The point on the ray that is closest to this point.
+       * @param rayStart The start of the segment.
+       * @param direction The direction of the ray.
+       * @returns The point on the ray that is closest to this point.
        */
       getProjectionOnRay(rayStart:yfiles.geometry.Point,direction:yfiles.geometry.Point):yfiles.geometry.Point;
       /**
@@ -61815,38 +61889,38 @@ declare namespace system{
        * <p>
        * If the perpendicular projection onto the line is outside of the segment the nearest segment endpoint is returned.
        * </p>
-       * @param {yfiles.geometry.Point} start The start of the segment.
-       * @param {yfiles.geometry.Point} end The end of the segment.
-       * @returns {yfiles.geometry.Point} The point on the segment that is closest to this point.
+       * @param start The start of the segment.
+       * @param end The end of the segment.
+       * @returns The point on the segment that is closest to this point.
        */
       getProjectionOnSegment(start:yfiles.geometry.Point,end:yfiles.geometry.Point):yfiles.geometry.Point;
       /**
        * Determines if the point lies close to this point given an epsilon.
-       * @param {yfiles.geometry.Point} other The coordinates of the other point.
-       * @param {number} hitTestRadius The hit test epsilon.
-       * @returns {boolean} Whether the distance between the two points is smaller than <code>hitTestRadius</code>
+       * @param other The coordinates of the other point.
+       * @param hitTestRadius The hit test epsilon.
+       * @returns Whether the distance between the two points is smaller than <code>hitTestRadius</code>
        */
       hits(other:yfiles.geometry.Point,hitTestRadius:number):boolean;
       /**
        * Determines whether this point hits the line segment with respect to a given <code>radius</code>.
-       * @param {yfiles.geometry.Point} start The starting point of the line segment to test.
-       * @param {yfiles.geometry.Point} end The ending point of the line segment to test.
-       * @param {number} radius The hit test radius.
-       * @returns {boolean} Whether this point hits the given line segment within the radius.
+       * @param start The starting point of the line segment to test.
+       * @param end The ending point of the line segment to test.
+       * @param radius The hit test radius.
+       * @returns Whether this point hits the given line segment within the radius.
        */
       hitsLineSegment(start:yfiles.geometry.Point,end:yfiles.geometry.Point,radius:number):boolean;
       /**
        * Determines whether a polygonal line is hit by this point given an epsilon.
-       * @param {yfiles.collections.IEnumerable.<yfiles.geometry.IPoint>} points The list of points that is treated as a polygon
-       * @param {number} radius A positive value allows for fuzzy hit testing. If the point lies outside the given object but it's distance is less than
+       * @param points The list of points that is treated as a polygon
+       * @param radius A positive value allows for fuzzy hit testing. If the point lies outside the given object but it's distance is less than
        * or equal to that value, it will be considered a hit.
-       * @returns {boolean} Whether the point hits the polygon.
+       * @returns Whether the point hits the polygon.
        */
       hitsPolyline(points:yfiles.collections.IEnumerable<yfiles.geometry.IPoint>,radius:number):boolean;
       /**
        * Applies the given matrix to this instance by calling {@link yfiles.geometry.Matrix#transform} and returns the result.
-       * @param {yfiles.geometry.Matrix} matrix The matrix to use for the transformation.
-       * @returns {yfiles.geometry.Point} The result of the transformation.
+       * @param matrix The matrix to use for the transformation.
+       * @returns The result of the transformation.
        */
       multiply(matrix:yfiles.geometry.Matrix):yfiles.geometry.Point;
       /**
@@ -61854,21 +61928,21 @@ declare namespace system{
        * <p>
        * This factor is applied componentwise to {@link yfiles.geometry.Point#x} and {@link yfiles.geometry.Point#y}.
        * </p>
-       * @param {number} factor The factor to scale the components by.
-       * @returns {yfiles.geometry.Point} The result of the scalar multiplication.
+       * @param factor The factor to scale the components by.
+       * @returns The result of the scalar multiplication.
        */
       multiply(factor:number):yfiles.geometry.Point;
       /**
        * Calculates the scalar product of this and the given vector.
-       * @param {yfiles.geometry.Point} other The other vector.
-       * @returns {number} The scalar product (<code>X*other.X + Y*other.Y</code>)
+       * @param other The other vector.
+       * @returns The scalar product (<code>X*other.X + Y*other.Y</code>)
        */
       scalarProduct(other:yfiles.geometry.Point):number;
       /**
        * Calculates the scalar product of the two given points.
-       * @param {yfiles.geometry.Point} point1 The first point.
-       * @param {yfiles.geometry.Point} point2 The second point.
-       * @returns {number} The scalar product of the two points.
+       * @param point1 The first point.
+       * @param point2 The second point.
+       * @returns The scalar product of the two points.
        * @static
        */
       static scalarProduct(point1:yfiles.geometry.Point,point2:yfiles.geometry.Point):number;
@@ -61877,28 +61951,28 @@ declare namespace system{
        * <p>
        * This operator is applied componentwise to {@link yfiles.geometry.Point#x} and {@link yfiles.geometry.Point#y}.
        * </p>
-       * @param {yfiles.geometry.Point} otherPoint The second point.
-       * @returns {yfiles.geometry.Point} The result of the vector subtraction.
+       * @param otherPoint The second point.
+       * @returns The result of the vector subtraction.
        */
       subtract(otherPoint:yfiles.geometry.Point):yfiles.geometry.Point;
       /**
        * Creates an {@link yfiles.geometry.IMutablePoint} that has the same coordinates as this instance.
-       * @returns {yfiles.geometry.IMutablePoint} A {@link yfiles.geometry.IMutablePoint} with the same coordinates.
+       * @returns A {@link } with the same coordinates.
        */
       toMutablePoint():yfiles.geometry.IMutablePoint;
       /**
        * Creates a {@link yfiles.algorithms.Point2D} from a given {@link yfiles.geometry.Point}.
-       * @returns {yfiles.algorithms.Point2D} The {@link yfiles.algorithms.Point2D}.
+       * @returns The {@link }.
        */
       toPoint2D():yfiles.algorithms.Point2D;
       /**
        * Creates a {@link yfiles.algorithms.YPoint} from a given {@link yfiles.geometry.Point}.
-       * @returns {yfiles.algorithms.YPoint} The {@link yfiles.algorithms.YPoint}.
+       * @returns The {@link }.
        */
       toYPoint():yfiles.algorithms.YPoint;
       /**
        * Creates a {@link yfiles.algorithms.YVector} from a given {@link yfiles.geometry.Point}.
-       * @returns {yfiles.algorithms.YVector} The {@link yfiles.algorithms.YVector}.
+       * @returns The {@link }.
        */
       toYVector():yfiles.algorithms.YVector;
       /**
@@ -61947,53 +62021,51 @@ declare namespace system{
     }
     /**
      * A class that models the thickness of insets as double precision floating point values.
-     * @class yfiles.geometry.Insets
+     * @class
      * @final
      */
     export interface Insets extends yfiles.lang.Struct{}
     export class Insets {
       /**
        * Initializes a new instance.
-       * @param {number} left The left inset.
-       * @param {number} top The top inset.
-       * @param {number} right The right inset.
-       * @param {number} bottom The bottom inset.
-       * @constructor
+       * @param left The left inset.
+       * @param top The top inset.
+       * @param right The right inset.
+       * @param bottom The bottom inset.
        */
       constructor(left:number,top:number,right:number,bottom:number);
       /**
        * Initializes a new instance using the provided inset for all four sides.
-       * @param {number} inset The inset to use for all sides.
-       * @constructor
+       * @param inset The inset to use for all sides.
        */
       constructor(inset:number);
       /**
        * 
-       * @returns {yfiles.geometry.Insets} 
+       * @returns 
        */
       clone():yfiles.geometry.Insets;
       /**
        * Calculates the union of this instance and the given inset which is done by performing {@link Math#max} on all four inset
        * values.
-       * @param {yfiles.geometry.Insets} insets The insets to max with these insets.
-       * @returns {yfiles.geometry.Insets} 
+       * @param insets The insets to max with these insets.
+       * @returns 
        */
       createUnion(insets:yfiles.geometry.Insets):yfiles.geometry.Insets;
       /**
        * Creates an enlarged instance by adding the insets of the specified insets to this instance and returning the result.
-       * @param {yfiles.geometry.Insets} insets The insets to add to this instance.
-       * @returns {yfiles.geometry.Insets} 
+       * @param insets The insets to add to this instance.
+       * @returns 
        */
       getEnlarged(insets:yfiles.geometry.Insets):yfiles.geometry.Insets;
       /**
        * Multiplies each side of the insets by the given factor and returns the result.
-       * @param {number} factor The factor to scales up by.
-       * @returns {yfiles.geometry.Insets} New insets scaled up by the factor.
+       * @param factor The factor to scales up by.
+       * @returns New insets scaled up by the factor.
        */
       multiply(factor:number):yfiles.geometry.Insets;
       /**
        * Creates a {@link yfiles.algorithms.Insets} from a given {@link yfiles.geometry.Insets}.
-       * @returns {yfiles.algorithms.Insets} The {@link yfiles.geometry.Insets}.
+       * @returns The {@link }.
        */
       toInsets():yfiles.algorithms.Insets;
       /**
@@ -62048,7 +62120,7 @@ declare namespace system{
      * rectangles are not considered in {@link yfiles.geometry.Rect#add union-like} operations, whereas rectangles with {@link yfiles.geometry.Rect#width} and {@link yfiles.geometry.Rect#height} of <code>0.0d</code> are. This class implements
      * the {@link yfiles.geometry.IRectangle} interface so that it can be used in methods that require that interface.
      * </p>
-     * @class yfiles.geometry.Rect
+     * @class
      * @implements {yfiles.geometry.IRectangle}
      * @final
      */
@@ -62056,18 +62128,16 @@ declare namespace system{
     export class Rect {
       /**
        * Initializes a new instance.
-       * @param {number} x The {@link yfiles.geometry.Rect#x} coordinate of the top left corner.
-       * @param {number} y The {@link yfiles.geometry.Rect#y} coordinate of the top left corner.
-       * @param {number} width The {@link yfiles.geometry.Rect#width} of the rectangle.
-       * @param {number} height The {@link yfiles.geometry.Rect#height} of the rectangle.
-       * @constructor
+       * @param x The {@link #x} coordinate of the top left corner.
+       * @param y The {@link #y} coordinate of the top left corner.
+       * @param width The {@link #width} of the rectangle.
+       * @param height The {@link #height} of the rectangle.
        */
       constructor(x:number,y:number,width:number,height:number);
       /**
        * Initializes a new instance using the {@link yfiles.geometry.Rect#topLeft} corner and the {@link yfiles.geometry.Rect#size}.
-       * @param {yfiles.geometry.Point} location The top left corner.
-       * @param {yfiles.geometry.Size} size The size to use.
-       * @constructor
+       * @param location The top left corner.
+       * @param size The size to use.
        */
       constructor(location:yfiles.geometry.Point,size:yfiles.geometry.Size);
       /**
@@ -62076,21 +62146,19 @@ declare namespace system{
        * This will always result in non-{@link yfiles.geometry.Rect#isEmpty} rectangles as the coordinates of the points are sorted so that the smaller gets assigned
        * to {@link yfiles.geometry.Rect#x} and {@link yfiles.geometry.Rect#y} respectively and the greater ones define the {@link yfiles.geometry.Rect#width} and {@link yfiles.geometry.Rect#height}.
        * </p>
-       * @param {yfiles.geometry.Point} p1 The first point to determine the bounds.
-       * @param {yfiles.geometry.Point} p2 The second point to determine the bounds.
-       * @constructor
+       * @param p1 The first point to determine the bounds.
+       * @param p2 The second point to determine the bounds.
        */
       constructor(p1:yfiles.geometry.Point,p2:yfiles.geometry.Point);
       /**
        * Initializes a new instance of the {@link yfiles.geometry.Rect} class with the initial values obtained from the given rectangle.
-       * @param {yfiles.geometry.IRectangle} rectangle The rectangle to retrieve the initial values from.
-       * @constructor
+       * @param rectangle The rectangle to retrieve the initial values from.
        */
       constructor(rectangle:yfiles.geometry.IRectangle);
       /**
        * Returns the union of this rectangle and the given point.
-       * @param {yfiles.geometry.Point} point The point to include in the rectangle's bounds.
-       * @returns {yfiles.geometry.Rect} The enlarged rectangle.
+       * @param point The point to include in the rectangle's bounds.
+       * @returns The enlarged rectangle.
        */
       add(point:yfiles.geometry.Point):yfiles.geometry.Rect;
       /**
@@ -62098,53 +62166,53 @@ declare namespace system{
        * <p>
        * {@link yfiles.geometry.Rect#isEmpty empty} rectangles will not be considered.
        * </p>
-       * @param {yfiles.geometry.Rect} firstRectangle The first rectangle to use for the union.
-       * @param {yfiles.geometry.Rect} secondRectangle The second rectangle to use for the union.
-       * @returns {yfiles.geometry.Rect} A rectangle that encompasses the area of the two given rectangles.
+       * @param firstRectangle The first rectangle to use for the union.
+       * @param secondRectangle The second rectangle to use for the union.
+       * @returns A rectangle that encompasses the area of the two given rectangles.
        * @static
        */
       static add(firstRectangle:yfiles.geometry.Rect,secondRectangle:yfiles.geometry.Rect):yfiles.geometry.Rect;
       /**
        * 
-       * @returns {yfiles.geometry.Rect} 
+       * @returns 
        */
       clone():yfiles.geometry.Rect;
       /**
        * Determines whether this rectangle contains the specified point with respect to a given epsilon.
-       * @param {yfiles.geometry.Point} point The point to test.
-       * @param {number} eps The positive epsilon distance that the point may lie outside the rectangle and still be considered contained.
-       * @returns {boolean} <code>true</code> if this rectangle contains the specified point; <code>false</code> otherwise. An {@link yfiles.geometry.Rect#isEmpty empty} instance never contains any point. A
-       * point is considered to be contained in the rectangle when the coordinates are not smaller than {@link yfiles.geometry.Rect#minX} and {@link yfiles.geometry.Rect#minY} minus <code>eps</code> nor
-       * greater than {@link yfiles.geometry.Rect#maxX} and {@link yfiles.geometry.Rect#maxY} plus <code>eps</code>.
+       * @param point The point to test.
+       * @param eps The positive epsilon distance that the point may lie outside the rectangle and still be considered contained.
+       * @returns <code>true</code> if this rectangle contains the specified point; <code>false</code> otherwise. An {@link #isEmpty empty} instance never contains any point. A
+       * point is considered to be contained in the rectangle when the coordinates are not smaller than {@link #minX} and {@link #minY} minus <code>eps</code> nor
+       * greater than {@link #maxX} and {@link #maxY} plus <code>eps</code>.
        */
       containsWithEps(point:yfiles.geometry.Point,eps:number):boolean;
       /**
        * Performs an explicit conversion from {@link yfiles.geometry.MutableRectangle} to {@link yfiles.geometry.Rect}.
-       * @param {yfiles.geometry.MutableRectangle} rectangle The rectangle to convert.
-       * @returns {yfiles.geometry.Rect} The result of the conversion.
+       * @param rectangle The rectangle to convert.
+       * @returns The result of the conversion.
        * @static
        */
       static convertFrom(rectangle:yfiles.geometry.MutableRectangle):yfiles.geometry.Rect;
       /**
        * Performs an explicit conversion from {@link yfiles.geometry.Rect} to {@link yfiles.geometry.MutableRectangle}.
-       * @param {yfiles.geometry.Rect} rectangle The rectangle to convert.
-       * @returns {yfiles.geometry.MutableRectangle} The result of the conversion.
+       * @param rectangle The rectangle to convert.
+       * @returns The result of the conversion.
        * @static
        */
       static convertToMutableRectangle(rectangle:yfiles.geometry.Rect):yfiles.geometry.MutableRectangle;
       /**
        * Finds the intersection between a rectangle and a line.
-       * @param {yfiles.geometry.Point} inner The coordinates of a point lying inside the rectangle.
-       * @param {yfiles.geometry.Point} outer The coordinates of a point lying outside the rectangle.
-       * @returns {yfiles.geometry.Point} The intersection point if the inner point lies inside the rectangle, the outer point lies outside the rectangle and thus
+       * @param inner The coordinates of a point lying inside the rectangle.
+       * @param outer The coordinates of a point lying outside the rectangle.
+       * @returns The intersection point if the inner point lies inside the rectangle, the outer point lies outside the rectangle and thus
        * an intersection point has been found, or <code>null</code> otherwise.
        */
       findLineIntersection(inner:yfiles.geometry.Point,outer:yfiles.geometry.Point):yfiles.geometry.Point;
       /**
        * Creates a new instance given the center of the rectangle and its size.
-       * @param {yfiles.geometry.Point} center The center to use.
-       * @param {yfiles.geometry.Size} size The size to assign.
-       * @returns {yfiles.geometry.Rect} An instance whose center is set to <code>center</code> and size is <code>size</code>
+       * @param center The center to use.
+       * @param size The size to assign.
+       * @returns An instance whose center is set to <code>center</code> and size is <code>size</code>
        * @static
        */
       static fromCenter(center:yfiles.geometry.Point,size:yfiles.geometry.Size):yfiles.geometry.Rect;
@@ -62153,8 +62221,8 @@ declare namespace system{
        * <p>
        * If this instance {@link yfiles.geometry.Rect#isEmpty}, the result will be the same.
        * </p>
-       * @param {number} size The inset to add to each of the sides to grow the new instance.
-       * @returns {yfiles.geometry.Rect} 
+       * @param size The inset to add to each of the sides to grow the new instance.
+       * @returns 
        * @see yfiles.geometry.Rect#getEnlarged
        */
       getEnlarged(size:number):yfiles.geometry.Rect;
@@ -62163,62 +62231,62 @@ declare namespace system{
        * <p>
        * If this instance {@link yfiles.geometry.Rect#isEmpty}, the same will be returned.
        * </p>
-       * @param {yfiles.geometry.Insets} insets The insets to use to add to the instance.
-       * @returns {yfiles.geometry.Rect} 
+       * @param insets The insets to use to add to the instance.
+       * @returns 
        */
       getEnlarged(insets:yfiles.geometry.Insets):yfiles.geometry.Rect;
       /**
        * Transforms this instance using the specified matrix and returns the result.
-       * @param {yfiles.geometry.Matrix} transform The transform matrix to apply to this instance.
-       * @returns {yfiles.geometry.Rect} 
+       * @param transform The transform matrix to apply to this instance.
+       * @returns 
        */
       getTransformed(transform:yfiles.geometry.Matrix):yfiles.geometry.Rect;
       /**
        * Returns a translated instance of this which has modified {@link yfiles.geometry.Rect#x} and {@link yfiles.geometry.Rect#y} by the given amount.
-       * @param {yfiles.geometry.Point} delta The delta to add to {@link yfiles.geometry.Rect#x} and {@link yfiles.geometry.Rect#y}.
-       * @returns {yfiles.geometry.Rect} 
+       * @param delta The delta to add to {@link #x} and {@link #y}.
+       * @returns 
        */
       getTranslated(delta:yfiles.geometry.Point):yfiles.geometry.Rect;
       /**
        * Determines whether the bounds of this instance intersect with the bounds of the specified rectangle.
-       * @param {yfiles.geometry.Rect} rectangle The rectangle to check.
-       * @returns {boolean} Whether both instance are non-empty and have an intersection with positive {@link yfiles.geometry.Rect#area}.
+       * @param rectangle The rectangle to check.
+       * @returns Whether both instance are non-empty and have an intersection with positive {@link #area}.
        */
       intersects(rectangle:yfiles.geometry.Rect):boolean;
       /**
        * Determines whether this rectangle intersects an {@link yfiles.geometry.IOrientedRectangle}, given an epsilon.
-       * @param {yfiles.geometry.IOrientedRectangle} rectangle The {@link yfiles.geometry.IOrientedRectangle} to test.
-       * @param {number} [eps=0] A positive value allows for fuzzy hit testing. If the point lies outside the given object but it's distance is less than
+       * @param rectangle The {@link } to test.
+       * @param [eps=0] A positive value allows for fuzzy hit testing. If the point lies outside the given object but it's distance is less than
        * or equal to that value, it will be considered a hit.
-       * @returns {boolean} Whether they have a non-empty intersection.
+       * @returns Whether they have a non-empty intersection.
        */
       intersects(rectangle:yfiles.geometry.IOrientedRectangle,eps?:number):boolean;
       /**
        * Determines whether this rectangle intersects a line.
-       * @param {yfiles.geometry.Point} start The first end point of the line.
-       * @param {yfiles.geometry.Point} end The second end point of the line.
-       * @returns {boolean} Whether the line intersects the rectangle.
+       * @param start The first end point of the line.
+       * @param end The second end point of the line.
+       * @returns Whether the line intersects the rectangle.
        */
       intersectsLine(start:yfiles.geometry.Point,end:yfiles.geometry.Point):boolean;
       /**
        * Determines whether a rectangle intersects a polygonal line.
-       * @param {yfiles.collections.IEnumerable.<yfiles.geometry.IPoint>} points The list of points that is interpreted as a number of line segments.
-       * @returns {boolean} <code>true</code> if the rectangle intersects at least one segment of the line.
+       * @param points The list of points that is interpreted as a number of line segments.
+       * @returns <code>true</code> if the rectangle intersects at least one segment of the line.
        */
       intersectsPolyline(points:yfiles.collections.IEnumerable<yfiles.geometry.IPoint>):boolean;
       /**
        * Creates an {@link yfiles.geometry.IMutableRectangle} using the values from this instance.
-       * @returns {yfiles.geometry.IMutableRectangle} An instance that has been initialized from the values of this instance.
+       * @returns An instance that has been initialized from the values of this instance.
        */
       toMutableRectangle():yfiles.geometry.IMutableRectangle;
       /**
        * Creates a {@link yfiles.algorithms.Rectangle2D Rectangle2D} from a given {@link yfiles.geometry.Rect}.
-       * @returns {yfiles.algorithms.Rectangle2D} The {@link yfiles.algorithms.Rectangle2D Rectangle2D}.
+       * @returns The {@link  Rectangle2D}.
        */
       toRectangle2D():yfiles.algorithms.Rectangle2D;
       /**
        * Creates a {@link yfiles.algorithms.YRectangle} from a given {@link yfiles.geometry.Rect}.
-       * @returns {yfiles.algorithms.YRectangle} The {@link yfiles.algorithms.YRectangle}.
+       * @returns The {@link }.
        */
       toYRectangle():yfiles.algorithms.YRectangle;
       /**
@@ -62347,16 +62415,15 @@ declare namespace system{
      * <p>
      * The tangent consists of its point of tangency ({@link yfiles.geometry.Tangent#point}) and a direction ({@link yfiles.geometry.Tangent#vector}).
      * </p>
-     * @class yfiles.geometry.Tangent
+     * @class
      * @final
      */
     export interface Tangent extends yfiles.lang.Struct{}
     export class Tangent {
       /**
        * Initializes a new instance of the {@link yfiles.geometry.Tangent} class using the given values for the {@link yfiles.geometry.Tangent#point} and {@link yfiles.geometry.Tangent#vector} properties.
-       * @param {yfiles.geometry.Point} point The point of tangency.
-       * @param {yfiles.geometry.Point} vector The directional vector.
-       * @constructor
+       * @param point The point of tangency.
+       * @param vector The directional vector.
        */
       constructor(point:yfiles.geometry.Point,vector:yfiles.geometry.Point);
       /**
@@ -62376,18 +62443,18 @@ declare namespace system{
      * <p>
      * Also it serves as a factory for various implementations of geometric primitives.
      * </p>
-     * @class yfiles.geometry.GeomUtilities
+     * @class
      * @static
      */
     export interface GeomUtilities extends Object{}
     export class GeomUtilities {
       /**
        * Checks whether an ellipse contains the given point.
-       * @param {yfiles.geometry.Rect} bounds The coordinates of the bounds of the ellipse's enclosing rectangle.
-       * @param {yfiles.geometry.Point} point The coordinates of the point to test.
-       * @param {number} eps A positive value allows for fuzzy hit testing. If the point lies outside the given object but it's distance is less than
+       * @param bounds The coordinates of the bounds of the ellipse's enclosing rectangle.
+       * @param point The coordinates of the point to test.
+       * @param eps A positive value allows for fuzzy hit testing. If the point lies outside the given object but it's distance is less than
        * or equal to that value, it will be considered a hit.
-       * @returns {boolean} Whether the point lies within the ellipse
+       * @returns Whether the point lies within the ellipse
        * @static
        */
       static ellipseContains(bounds:yfiles.geometry.Rect,point:yfiles.geometry.Point,eps:number):boolean;
@@ -62396,10 +62463,10 @@ declare namespace system{
        * <p>
        * This will always return the intersection point that lies in the direction from inner to outer.
        * </p>
-       * @param {yfiles.geometry.Rect} bounds The coordinates of the bounds of the ellipse's enclosing rectangle.
-       * @param {yfiles.geometry.Point} inner The coordinates of a point lying inside the ellipse.
-       * @param {yfiles.geometry.Point} outer The coordinates of a point lying outside the ellipse.
-       * @returns {yfiles.geometry.Point} The intersection point iff the inner point lies inside the ellipse and an intersection point has been found, otherwise
+       * @param bounds The coordinates of the bounds of the ellipse's enclosing rectangle.
+       * @param inner The coordinates of a point lying inside the ellipse.
+       * @param outer The coordinates of a point lying outside the ellipse.
+       * @returns The intersection point iff the inner point lies inside the ellipse and an intersection point has been found, otherwise
        * <code>null</code>.
        * @static
        */
@@ -62410,11 +62477,11 @@ declare namespace system{
        * The ray is described using an anchor point and a ray direction. The direction vector does not need to be normalized. In
        * order to obtain the intersection point do the following:
        * </p>
-       * @param {yfiles.geometry.Point} start The coordinates of the first end point of the line segment.
-       * @param {yfiles.geometry.Point} end The coordinates of the second end point of the line segment.
-       * @param {yfiles.geometry.Point} anchor The coordinates of the starting point of the ray.
-       * @param {yfiles.geometry.Point} rayDirection The direction vector of the ray.
-       * @returns {number} The distance factor or {@link number#POSITIVE_INFINITY} if the ray does not intersect the line.
+       * @param start The coordinates of the first end point of the line segment.
+       * @param end The coordinates of the second end point of the line segment.
+       * @param anchor The coordinates of the starting point of the ray.
+       * @param rayDirection The direction vector of the ray.
+       * @returns The distance factor or {@link #POSITIVE_INFINITY} if the ray does not intersect the line.
        * @static
        */
       static findRayIntersection(start:yfiles.geometry.Point,end:yfiles.geometry.Point,anchor:yfiles.geometry.Point,rayDirection:yfiles.geometry.Point):number;
@@ -62432,12 +62499,12 @@ declare namespace system{
     export interface IMutableOrientedRectangle extends Object,yfiles.geometry.IOrientedRectangle,yfiles.geometry.IMutableSize{
       /**
        * Sets the anchor vector of the oriented rectangle to the given value.
-       * @param {yfiles.geometry.Point} location The coordinates of the new anchor location.
+       * @param location The coordinates of the new anchor location.
        */
       setAnchor?(location:yfiles.geometry.Point):void;
       /**
        * Sets the center of the oriented rectangle to the given value.
-       * @param {yfiles.geometry.Point} center The coordinates of the new center.
+       * @param center The coordinates of the new center.
        */
       setCenter?(center:yfiles.geometry.Point):void;
       /**
@@ -62445,8 +62512,8 @@ declare namespace system{
        * <p>
        * It is up to the caller to assure that the values describe a vector of length 1.
        * </p>
-       * @param {number} upx The x component of the normalized up vector.
-       * @param {number} upy The y component of the normalized up vector.
+       * @param upx The x component of the normalized up vector.
+       * @param upy The y component of the normalized up vector.
        * @see yfiles.geometry.IOrientedRectangle#upX
        * @see yfiles.geometry.IOrientedRectangle#upY
        * @abstract
@@ -62493,13 +62560,13 @@ declare namespace system{
     export interface IMutablePoint extends Object,yfiles.geometry.IPoint{
       /**
        * Sets the coordinates of the point to the given values.
-       * @param {number} x The new x coordinate
-       * @param {number} y The new y coordinate
+       * @param x The new x coordinate
+       * @param y The new y coordinate
        */
       relocate?(x:number,y:number):void;
       /**
        * Sets the coordinates of the point to the given values.
-       * @param {yfiles.geometry.IPoint} location The new location.
+       * @param location The new location.
        */
       relocate?(location:yfiles.geometry.IPoint):void;
       /**
@@ -62553,7 +62620,7 @@ declare namespace system{
        * If the rectangle is initially empty, i.e. its width or height is negative, the bounds of the rectangle will be set to
        * (p.x, p.y, 0, 0)
        * </p>
-       * @param {yfiles.geometry.IPoint} point The coordinate to include in the bounds.
+       * @param point The coordinate to include in the bounds.
        */
       add?(point:yfiles.geometry.IPoint):void;
       /**
@@ -62562,31 +62629,31 @@ declare namespace system{
        * The result is placed into the first rectangle, which is returned. If either of the two rectangles is empty, i.e. it's
        * width or height is negative, the result will be the other rectangle.
        * </p>
-       * @param {yfiles.geometry.IRectangle} rectangle2 The rectangle to be added.
+       * @param rectangle2 The rectangle to be added.
        */
       add?(rectangle2:yfiles.geometry.IRectangle):void;
       /**
        * Applies a new position and size to a given mutable rectangle.
-       * @param {number} x The new x coordinate of the upper left corner of the rectangle.
-       * @param {number} y The new y coordinate of the upper left corner of the rectangle.
-       * @param {number} width The new width of the rectangle.
-       * @param {number} height The new height of the rectangle.
+       * @param x The new x coordinate of the upper left corner of the rectangle.
+       * @param y The new y coordinate of the upper left corner of the rectangle.
+       * @param width The new width of the rectangle.
+       * @param height The new height of the rectangle.
        */
       reshape?(x:number,y:number,width:number,height:number):void;
       /**
        * Applies a new position and size to a given mutable rectangle.
-       * @param {yfiles.geometry.IPoint} position The new location.
-       * @param {yfiles.geometry.ISize} size The new size.
+       * @param position The new location.
+       * @param size The new size.
        */
       reshape?(position:yfiles.geometry.IPoint,size:yfiles.geometry.ISize):void;
       /**
        * Applies a new position and size to a given mutable rectangle.
-       * @param {yfiles.geometry.IRectangle} newRectangle The bounds to set to the <code>rectangle</code>.
+       * @param newRectangle The bounds to set to the <code>rectangle</code>.
        */
       reshape?(newRectangle:yfiles.geometry.IRectangle):void;
       /**
        * Sets the center of the rectangle to the provided value.
-       * @param {yfiles.geometry.Point} center The new center coordinates.
+       * @param center The new center coordinates.
        */
       setCenter?(center:yfiles.geometry.Point):void;
       /**
@@ -62595,8 +62662,8 @@ declare namespace system{
        * Either of the two parameters rectangles may be the same as the first parameter. The result is placed into the this
        * parameter. This method treats rectangles with negative width or height as empty.
        * </p>
-       * @param {yfiles.geometry.IRectangle} rectangle1 The first rectangle to create the union of.
-       * @param {yfiles.geometry.IRectangle} rectangle2 The second rectangle to create the union of.
+       * @param rectangle1 The first rectangle to create the union of.
+       * @param rectangle2 The second rectangle to create the union of.
        */
       setToUnion?(rectangle1:yfiles.geometry.IRectangle,rectangle2:yfiles.geometry.IRectangle):void;
     }
@@ -62617,18 +62684,13 @@ declare namespace system{
     export interface IMutableSize extends Object,yfiles.geometry.ISize{
       /**
        * Sets the coordinates of the size to the given values.
-       * @param {number} newWidth The new x coordinate
-       * @param {number} newHeight The new y coordinate
+       * @param newWidth The new x coordinate
+       * @param newHeight The new y coordinate
        */
       resize?(newWidth:number,newHeight:number):void;
-      /**
-       * Sets the values of the size to the given values.
-       * @param {yfiles.geometry.Size} newSize The new location.
-       */
-      resize?(newSize:yfiles.geometry.Size):void;
       /**
        * Sets the coordinates of the size to the given values.
-       * @param {yfiles.geometry.ISize} newSize The new location.
+       * @param newSize The new location.
        */
       resize?(newSize:yfiles.geometry.ISize):void;
       /**
@@ -62681,29 +62743,29 @@ declare namespace system{
     export interface IOrientedRectangle extends Object,yfiles.geometry.ISize{
       /**
        * Determines whether the given oriented rectangle contains the provided point, using an epsilon value.
-       * @param {yfiles.geometry.Point} point The coordinates of the point to test.
-       * @param {number} eps A positive value allows for fuzzy hit testing. If the point lies outside the given object but it's distance is less than
+       * @param point The coordinates of the point to test.
+       * @param eps A positive value allows for fuzzy hit testing. If the point lies outside the given object but it's distance is less than
        * or equal to that value, it will be considered a hit.
-       * @returns {boolean} <code>true</code> iff the point lies inside the rectangle.
+       * @returns <code>true</code> iff the point lies inside the rectangle.
        */
       containsWithEps?(point:yfiles.geometry.Point,eps:number):boolean;
       /**
        * Creates a transformation matrix that can be used to transform points that are in the local coordinate system of the
        * oriented rectangle if the top-left corner is the origin.
-       * @returns {yfiles.geometry.Matrix} A matrix that can be used to transform from oriented rectangle coordinates to world coordinates.
+       * @returns A matrix that can be used to transform from oriented rectangle coordinates to world coordinates.
        */
       createTransform?():yfiles.geometry.Matrix;
       /**
        * Determines whether the oriented rectangle contains the provided point, using an epsilon value.
-       * @param {yfiles.geometry.Point} location The coordinates of the point to test.
-       * @param {number} eps A positive value allows for fuzzy hit testing. If the point lies outside the given object but it's distance is less than
+       * @param location The coordinates of the point to test.
+       * @param eps A positive value allows for fuzzy hit testing. If the point lies outside the given object but it's distance is less than
        * or equal to that value, it will be considered a hit.
-       * @returns {boolean} <code>true</code> iff the point lies inside the rectangle.
+       * @returns <code>true</code> iff the point lies inside the rectangle.
        */
       hits?(location:yfiles.geometry.Point,eps:number):boolean;
       /**
        * Creates a {@link yfiles.algorithms.YOrientedRectangle} from a given {@link yfiles.geometry.IOrientedRectangle}.
-       * @returns {yfiles.algorithms.YOrientedRectangle} The {@link yfiles.algorithms.YOrientedRectangle}.
+       * @returns The {@link }.
        */
       toOrientedRectangle?():yfiles.algorithms.YOrientedRectangle;
       /**
@@ -62746,19 +62808,16 @@ declare namespace system{
       upY:number;
       /**
        * Gets the up vector of the oriented rectangle as a {@link yfiles.geometry.Point} struct.
-       * @returns The value of the up vector of the rectangle at the time of the invocation.
        * @type {yfiles.geometry.Point}
        */
       upVector?:yfiles.geometry.Point;
       /**
        * Gets the anchor location of the oriented rectangle as a {@link yfiles.geometry.Point} struct.
-       * @returns The anchor location of the rectangle at the time of the invocation.
        * @type {yfiles.geometry.Point}
        */
       anchorLocation?:yfiles.geometry.Point;
       /**
        * Gets the current center of the oriented rectangle as a {@link yfiles.geometry.Point} struct.
-       * @returns The current coordinates of the center.
        * @type {yfiles.geometry.Point}
        */
       orientedRectangleCenter?:yfiles.geometry.Point;
@@ -62767,7 +62826,6 @@ declare namespace system{
        * <p>
        * Bounding rectangles are parallel to the coordinate axes.
        * </p>
-       * @returns The bounds.
        * @type {yfiles.geometry.Rect}
        */
       bounds?:yfiles.geometry.Rect;
@@ -62798,8 +62856,8 @@ declare namespace system{
     export interface IPoint extends Object{
       /**
        * Calculates the Euclidean distance between two points.
-       * @param {yfiles.geometry.IPoint} point2 The second point.
-       * @returns {number} The distance between the two points.
+       * @param point2 The second point.
+       * @returns The distance between the two points.
        */
       distanceTo?(point2:yfiles.geometry.IPoint):number;
       /**
@@ -62808,7 +62866,7 @@ declare namespace system{
        * This method is useful to obtain a copy of the state and for making use of the various utility methods that are provided
        * by {@link yfiles.geometry.Point}.
        * </p>
-       * @returns {yfiles.geometry.Point} The current values of the coordinates of the point.
+       * @returns The current values of the coordinates of the point.
        * @see yfiles.geometry.Point#toMutablePoint
        */
       toPoint?():yfiles.geometry.Point;
@@ -62858,14 +62916,14 @@ declare namespace system{
     export interface IRectangle extends Object,yfiles.geometry.ISize,yfiles.geometry.IPoint{
       /**
        * Determines whether the given rectangle contains the provided point.
-       * @param {yfiles.geometry.Point} point The point to test.
-       * @returns {boolean} <code>true</code> iff the point lies inside the rectangle.
+       * @param point The point to test.
+       * @returns <code>true</code> iff the point lies inside the rectangle.
        */
       contains?(point:yfiles.geometry.Point):boolean;
       /**
        * Determines whether the given rectangle contains the provided point.
-       * @param {yfiles.geometry.IPoint} point The point to test.
-       * @returns {boolean} <code>true</code> iff the point lies inside the rectangle.
+       * @param point The point to test.
+       * @returns <code>true</code> iff the point lies inside the rectangle.
        */
       contains?(point:yfiles.geometry.IPoint):boolean;
       /**
@@ -62874,26 +62932,23 @@ declare namespace system{
        * This method can be used to obtain a copy of the current state of the rectangle and for using the utility methods that
        * are available for the {@link yfiles.geometry.Rect} type.
        * </p>
-       * @returns {yfiles.geometry.Rect} A {@link yfiles.geometry.Rect} that holds the values of the <code>rectangle</code> at the time of the invocation.
+       * @returns A {@link } that holds the values of the <code>rectangle</code> at the time of the invocation.
        * @see yfiles.geometry.IMutableRectangle#reshape
        * @see yfiles.geometry.Rect#toMutableRectangle
        */
       toRect?():yfiles.geometry.Rect;
       /**
        * Gets the coordinates of the top left corner of the rectangle as a {@link yfiles.geometry.Point}.
-       * @returns The current coordinates of the corner.
        * @type {yfiles.geometry.Point}
        */
       topLeft?:yfiles.geometry.Point;
       /**
        * Gets the coordinates of the bottom left corner of the rectangle as a {@link yfiles.geometry.Point}.
-       * @returns The current coordinates of the corner.
        * @type {yfiles.geometry.Point}
        */
       bottomLeft?:yfiles.geometry.Point;
       /**
        * Gets the coordinates of the center of the rectangle as a {@link yfiles.geometry.Point}.
-       * @returns The current coordinates of the center.
        * @type {yfiles.geometry.Point}
        */
       center?:yfiles.geometry.Point;
@@ -62902,7 +62957,6 @@ declare namespace system{
        * <p>
        * This is the x coordinate of the right side of the rectangle, or the left side if the rectangle is {@link yfiles.geometry.IRectangle#isEmpty}.
        * </p>
-       * @returns The maximum x coordinate of the rectangle's corners.
        * @type {number}
        */
       maxX?:number;
@@ -62911,7 +62965,6 @@ declare namespace system{
        * <p>
        * {@link yfiles.geometry.IRectangle} instances are considered empty if their {@link yfiles.geometry.ISize#width} or {@link yfiles.geometry.ISize#height} is less than <code>0.0d</code>.
        * </p>
-       * @returns <code>true</code> if the specified rectangle is empty; <code>false</code> otherwise.
        * @type {boolean}
        */
       isEmpty?:boolean;
@@ -62920,19 +62973,16 @@ declare namespace system{
        * <p>
        * This is the y coordinate of the bottom side of the rectangle, or the top side if the rectangle is {@link yfiles.geometry.IRectangle#isEmpty}.
        * </p>
-       * @returns The maximum y coordinate of the rectangle's corners.
        * @type {number}
        */
       maxY?:number;
       /**
        * Gets the coordinates of the top right corner of the rectangle as a {@link yfiles.geometry.Point}.
-       * @returns The current coordinates of the corner.
        * @type {yfiles.geometry.Point}
        */
       topRight?:yfiles.geometry.Point;
       /**
        * Gets the coordinates of the bottom right corner of the rectangle as a {@link yfiles.geometry.Point}.
-       * @returns The current coordinates of the corner.
        * @type {yfiles.geometry.Point}
        */
       bottomRight?:yfiles.geometry.Point;
@@ -62956,7 +63006,7 @@ declare namespace system{
     export interface ISize extends Object{
       /**
        * Converts the {@link yfiles.geometry.ISize} to a {@link yfiles.geometry.Size} struct.
-       * @returns {yfiles.geometry.Size} A {@link yfiles.geometry.Size} struct that has been initialized with the current values of <code>size</code>.
+       * @returns A {@link } struct that has been initialized with the current values of <code>size</code>.
        */
       toSize?():yfiles.geometry.Size;
       /**
@@ -63013,7 +63063,7 @@ declare namespace system{
      * {@link yfiles.geometry.MatrixOrder#PREPEND Prepending} a matrix <b>T</b> to this instance results in the operation <b>M</b>′&nbsp;=&nbsp;<b>M</b>&nbsp;<b>T</b>. In concept, this means that <b>T</b> is applied before <b>M</b>
      * when applying <b>M</b>' to a vector. {@link yfiles.geometry.MatrixOrder#APPEND Appending} <b>T</b> to <b>M</b> results in <b>M</b>′&nbsp;=&nbsp;<b>T</b>&nbsp;<b>M</b>.
      * </p>
-     * @class yfiles.geometry.Matrix
+     * @class
      * @implements {yfiles.lang.ICloneable}
      * @final
      */
@@ -63021,41 +63071,39 @@ declare namespace system{
     export class Matrix {
       /**
        * Create a matrix using the provided matrix entries.
-       * @param {number} m11
-       * @param {number} m12
-       * @param {number} m21
-       * @param {number} m22
-       * @param {number} dx
-       * @param {number} dy
-       * @constructor
+       * @param m11
+       * @param m12
+       * @param m21
+       * @param m22
+       * @param dx
+       * @param dy
        */
       constructor(m11:number,m12:number,m21:number,m22:number,dx:number,dy:number);
       /**
        * Create an identity matrix.
-       * @constructor
        */
       constructor();
       /**
        * Applies this matrix to the given SVG element.
-       * @param {SVGElement} element The element to transform.
+       * @param element The element to transform.
        */
       applyTo(element:SVGElement):void;
       /**
        * Applies this matrix to the given HTML canvas rendering context.
-       * @param {CanvasRenderingContext2D} ctx The context to transform.
+       * @param ctx The context to transform.
        */
       applyTo(ctx:CanvasRenderingContext2D):void;
       /**
        * Creates a matrix rotation instance around the origin.
-       * @param {number} theta The rotation angle in radians.
-       * @returns {yfiles.geometry.Matrix} A new matrix.
+       * @param theta The rotation angle in radians.
+       * @returns A new matrix.
        * @static
        */
       static createRotateInstance(theta:number):yfiles.geometry.Matrix;
       /**
        * Determines whether <code>this</code> has the same values like <code>other</code>.
-       * @param {yfiles.geometry.Matrix} other The object to compare <code>this</code> to. Must be of the same type.
-       * @returns {boolean} <code>true</code> if <code>this</code> has the same values like the other object.
+       * @param other The object to compare <code>this</code> to. Must be of the same type.
+       * @returns <code>true</code> if <code>this</code> has the same values like the other object.
        */
       hasSameValue(other:yfiles.geometry.Matrix):boolean;
       /**
@@ -63064,8 +63112,8 @@ declare namespace system{
       invert():void;
       /**
        * Multiplies this matrix instance by the given instance using the given order.
-       * @param {yfiles.geometry.Matrix} matrix The matrix to multiply with this one.
-       * @param {yfiles.geometry.MatrixOrder} [order=yfiles.geometry.MatrixOrder.PREPEND] The order of the multiplication. {@link yfiles.geometry.MatrixOrder#PREPEND} if not specified.
+       * @param matrix The matrix to multiply with this one.
+       * @param [order=yfiles.geometry.MatrixOrder.PREPEND] The order of the multiplication. {@link #PREPEND} if not specified.
        */
       multiply(matrix:yfiles.geometry.Matrix,order?:yfiles.geometry.MatrixOrder):void;
       /**
@@ -63074,37 +63122,37 @@ declare namespace system{
       reset():void;
       /**
        * Prepends or appends a rotation operation to this matrix around the specified rotation center.
-       * @param {number} theta The rotation angle in radians
-       * @param {yfiles.geometry.Point} center The coordinate of the center of the rotation.
-       * @param {yfiles.geometry.MatrixOrder} [order=yfiles.geometry.MatrixOrder.PREPEND] Whether to append or prepend the rotation matrix.
+       * @param theta The rotation angle in radians
+       * @param center The coordinate of the center of the rotation.
+       * @param [order=yfiles.geometry.MatrixOrder.PREPEND] Whether to append or prepend the rotation matrix.
        */
       rotate(theta:number,center:yfiles.geometry.Point,order?:yfiles.geometry.MatrixOrder):void;
       /**
        * Prepends or appends a rotation operation to this matrix around the origin.
-       * @param {number} theta The rotation angle in radians
-       * @param {yfiles.geometry.MatrixOrder} [order=yfiles.geometry.MatrixOrder.PREPEND] Whether to append or prepend the rotation matrix.
+       * @param theta The rotation angle in radians
+       * @param [order=yfiles.geometry.MatrixOrder.PREPEND] Whether to append or prepend the rotation matrix.
        */
       rotate(theta:number,order?:yfiles.geometry.MatrixOrder):void;
       /**
        * Appends or prepends a scale operation to this instance.
-       * @param {number} x
-       * @param {number} y
-       * @param {yfiles.geometry.MatrixOrder} [order=0]
+       * @param x
+       * @param y
+       * @param [order=yfiles.geometry.MatrixOrder.PREPEND]
        */
       scale(x:number,y:number,order?:yfiles.geometry.MatrixOrder):void;
       /**
        * Sets all elements of this instance.
-       * @param {number} m0
-       * @param {number} m1
-       * @param {number} m2
-       * @param {number} m3
-       * @param {number} dx
-       * @param {number} dy
+       * @param m0
+       * @param m1
+       * @param m2
+       * @param m3
+       * @param dx
+       * @param dy
        */
       set(m0:number,m1:number,m2:number,m3:number,dx:number,dy:number):void;
       /**
        * Sets the values of the given matrix to this instance.
-       * @param {yfiles.geometry.Matrix} matrix
+       * @param matrix
        */
       set(matrix:yfiles.geometry.Matrix):void;
       /**
@@ -63112,25 +63160,25 @@ declare namespace system{
        * <p>
        * The returned string can be used in a transform attribute.
        * </p>
-       * @returns {string} The transform string
+       * @returns The transform string
        */
       toSvgTransform():string;
       /**
        * Transforms the given coordinate.
-       * @param {yfiles.geometry.Point} point The coordinate to transform.
-       * @returns {yfiles.geometry.Point} The transformed coordinates.
+       * @param point The coordinate to transform.
+       * @returns The transformed coordinates.
        */
       transform(point:yfiles.geometry.Point):yfiles.geometry.Point;
       /**
        * Transforms the given point in place.
-       * @param {yfiles.geometry.IMutablePoint} point The point to transform and return.
-       * @returns {yfiles.geometry.IMutablePoint} <code>point</code>
+       * @param point The point to transform and return.
+       * @returns <code>point</code>
        */
       transform(point:yfiles.geometry.IMutablePoint):yfiles.geometry.IMutablePoint;
       /**
        * Appends or Prepends a translation to this instance.
-       * @param {yfiles.geometry.Point} delta
-       * @param {yfiles.geometry.MatrixOrder} [order=0]
+       * @param delta
+       * @param [order=yfiles.geometry.MatrixOrder.PREPEND]
        */
       translate(delta:yfiles.geometry.Point,order?:yfiles.geometry.MatrixOrder):void;
       /**
@@ -63150,7 +63198,7 @@ declare namespace system{
      * implements the {@link yfiles.lang.ICloneable} interface.
      * </p>
      * @see yfiles.geometry.IPoint
-     * @class yfiles.geometry.MutablePoint
+     * @class
      * @implements {yfiles.geometry.IMutablePoint}
      * @implements {yfiles.lang.ICloneable}
      * @final
@@ -63159,25 +63207,22 @@ declare namespace system{
     export class MutablePoint {
       /**
        * Creates an instance using the given coordinate pair.
-       * @param {number} x The x coordinate
-       * @param {number} y The y coordinate
-       * @constructor
+       * @param x The x coordinate
+       * @param y The y coordinate
        */
       constructor(x:number,y:number);
       /**
        * Creates an instance using the given coordinate pair.
-       * @param {yfiles.geometry.IPoint} point The coordinate.
-       * @constructor
+       * @param point The coordinate.
        */
       constructor(point:yfiles.geometry.IPoint);
       /**
        * Creates the point with initially <code>0.0d</code> values for {@link yfiles.geometry.MutablePoint#x} and {@link yfiles.geometry.MutablePoint#y}.
-       * @constructor
        */
       constructor();
       /**
        * Moves this instance by adding the provided offsets to the coordinates of this point.
-       * @param {yfiles.geometry.Point} delta The offset to add to this point's x coordinate
+       * @param delta The offset to add to this point's x coordinate
        */
       moveBy(delta:yfiles.geometry.Point):void;
       /**
@@ -63210,7 +63255,7 @@ declare namespace system{
      * </p>
      * @see yfiles.geometry.IRectangle
      * @see yfiles.geometry.IMutableRectangle
-     * @class yfiles.geometry.MutableRectangle
+     * @class
      * @implements {yfiles.geometry.IMutableRectangle}
      * @implements {yfiles.geometry.IOrientedRectangle}
      * @implements {yfiles.lang.ICloneable}
@@ -63224,11 +63269,10 @@ declare namespace system{
        * An instance of {@link yfiles.geometry.MutablePoint} will be used to store the position and an instance of {@link yfiles.geometry.MutableRectangle#size} will be used to store
        * the size.
        * </p>
-       * @param {number} x The x coordinate of the upper left corner of the rectangle.
-       * @param {number} y The y coordinate of the upper left corner of the rectangle.
-       * @param {number} width The width of the rectangle.
-       * @param {number} height The height of the rectangle.
-       * @constructor
+       * @param x The x coordinate of the upper left corner of the rectangle.
+       * @param y The y coordinate of the upper left corner of the rectangle.
+       * @param width The width of the rectangle.
+       * @param height The height of the rectangle.
        */
       constructor(x:number,y:number,width:number,height:number);
       /**
@@ -63237,9 +63281,8 @@ declare namespace system{
        * An instance of {@link yfiles.geometry.MutablePoint} will be used to store the position and an instance of {@link yfiles.geometry.MutableRectangle#size} will be used to store
        * the size.
        * </p>
-       * @param {yfiles.geometry.Point} location The coordinates of the upper left corner of the rectangle.
-       * @param {yfiles.geometry.Size} size The size of the rectangle.
-       * @constructor
+       * @param location The coordinates of the upper left corner of the rectangle.
+       * @param size The size of the rectangle.
        */
       constructor(location:yfiles.geometry.Point,size:yfiles.geometry.Size);
       /**
@@ -63249,25 +63292,22 @@ declare namespace system{
        * instances. Changes to them will indirectly change the state of this instance and changes applied through this instance
        * will be written to the referenced implementations.
        * </p>
-       * @param {yfiles.geometry.IMutablePoint} location The provider for the dynamic position of this instance.
-       * @param {yfiles.geometry.IMutableSize} size The provider for the dynamic size of this instance.
-       * @constructor
+       * @param location The provider for the dynamic position of this instance.
+       * @param size The provider for the dynamic size of this instance.
        */
       constructor(location:yfiles.geometry.IMutablePoint,size:yfiles.geometry.IMutableSize);
       /**
        * Creates a new instance initialized to the values of the provided argument.
-       * @param {yfiles.geometry.IRectangle} rectangle
-       * @constructor
+       * @param rectangle
        */
       constructor(rectangle:yfiles.geometry.IRectangle);
       /**
        * Creates a new empty instance located at the origin with width and height set to <code>-1</code>.
-       * @constructor
        */
       constructor();
       /**
        * Moves this rectangle by applying the offset to the {@link yfiles.geometry.MutableRectangle#location}
-       * @param {yfiles.geometry.Point} delta The offset to move the rectangle's position by.
+       * @param delta The offset to move the rectangle's position by.
        */
       moveBy(delta:yfiles.geometry.Point):void;
       /**
@@ -63393,7 +63433,7 @@ declare namespace system{
      * This implementation stores the values of the width and height in double precision floating point members.
      * </p>
      * @see yfiles.geometry.ISize
-     * @class yfiles.geometry.MutableSize
+     * @class
      * @implements {yfiles.geometry.IMutableSize}
      * @implements {yfiles.lang.ICloneable}
      * @final
@@ -63402,9 +63442,8 @@ declare namespace system{
     export class MutableSize {
       /**
        * Creates an instance using the given width and height.
-       * @param {number} width The width.
-       * @param {number} height The height
-       * @constructor
+       * @param width The width.
+       * @param height The height
        */
       constructor(width:number,height:number);
       /**
@@ -63413,14 +63452,11 @@ declare namespace system{
        * This will not create a dynamic instance. The values will be copied from <code>size</code> immediately and no reference is held to
        * that instance thereafter.
        * </p>
-       * @param {yfiles.geometry.ISize} size A size to retrieve the initial values from.
-       * @returns A instance of the Size class.
-       * @constructor
+       * @param size A size to retrieve the initial values from.
        */
       constructor(size:yfiles.geometry.ISize);
       /**
        * Creates the initially empty size, that is both {@link yfiles.geometry.MutableSize#width} and {@link yfiles.geometry.MutableSize#height} are <code>0.0d</code>.
-       * @constructor
        */
       constructor();
       /**
@@ -63446,7 +63482,7 @@ declare namespace system{
      * </p>
      * @see yfiles.geometry.IOrientedRectangle
      * @see yfiles.geometry.IMutableOrientedRectangle
-     * @class yfiles.geometry.OrientedRectangle
+     * @class
      * @implements {yfiles.geometry.IMutablePoint}
      * @implements {yfiles.geometry.IMutableOrientedRectangle}
      * @implements {yfiles.lang.ICloneable}
@@ -63462,9 +63498,8 @@ declare namespace system{
        * provided instances. Changes to them will indirectly change the state of this instance and changes applied through this
        * instance will be written to the referenced implementations.
        * </p>
-       * @param {yfiles.geometry.IMutablePoint} anchor The provider for the dynamic anchor of this instance.
-       * @param {yfiles.geometry.IMutableSize} size The provider for the dynamic size of this instance.
-       * @constructor
+       * @param anchor The provider for the dynamic anchor of this instance.
+       * @param size The provider for the dynamic size of this instance.
        */
       constructor(anchor:yfiles.geometry.IMutablePoint,size:yfiles.geometry.IMutableSize);
       /**
@@ -63472,8 +63507,7 @@ declare namespace system{
        * <p>
        * This will basically create a copy of the given rectangle
        * </p>
-       * @param {yfiles.geometry.IOrientedRectangle} rectangle The rectangle to initialize the anchor and size and up vector from.
-       * @constructor
+       * @param rectangle The rectangle to initialize the anchor and size and up vector from.
        */
       constructor(rectangle:yfiles.geometry.IOrientedRectangle);
       /**
@@ -63482,8 +63516,7 @@ declare namespace system{
        * The anchor will be set to the lower left corner of the provided rectangle. Thus this instance will have the exact same
        * bounds as the rectangle initially. The up vector will be initialized to <code>(0, -1)</code>.
        * </p>
-       * @param {yfiles.geometry.IRectangle} rectangle The rectangle to initialize the anchor and size from.
-       * @constructor
+       * @param rectangle The rectangle to initialize the anchor and size from.
        */
       constructor(rectangle:yfiles.geometry.IRectangle);
       /**
@@ -63491,13 +63524,12 @@ declare namespace system{
        * <p>
        * It is up to the caller to ensure that the up vector is normalized.
        * </p>
-       * @param {number} anchorX The x coordinate of the anchor of the oriented rectangle.
-       * @param {number} anchorY The y coordinate of the anchor of the oriented rectangle.
-       * @param {number} width The width of the rectangle.
-       * @param {number} height The height of the rectangle.
-       * @param {number} [upX=0] The x component of the up vector.
-       * @param {number} [upY=-1] The y component of the up vector.
-       * @constructor
+       * @param anchorX The x coordinate of the anchor of the oriented rectangle.
+       * @param anchorY The y coordinate of the anchor of the oriented rectangle.
+       * @param width The width of the rectangle.
+       * @param height The height of the rectangle.
+       * @param [upX=0] The x component of the up vector.
+       * @param [upY=-1] The y component of the up vector.
        */
       constructor(anchorX:number,anchorY:number,width:number,height:number,upX?:number,upY?:number);
       /**
@@ -63506,19 +63538,17 @@ declare namespace system{
        * It is up to the caller to ensure that the up vector is normalized.
        * </p>
        * @param {Object} options The parameters to pass.
-       * @param {number} options.anchorX The x coordinate of the anchor of the oriented rectangle.
-       * @param {number} options.anchorY The y coordinate of the anchor of the oriented rectangle.
-       * @param {number} options.width The width of the rectangle.
-       * @param {number} options.height The height of the rectangle.
-       * @param {number} [options.upX=0] The x component of the up vector.
-       * @param {number} [options.upY=-1] The y component of the up vector.
-       * @constructor
+       * @param options.anchorX The x coordinate of the anchor of the oriented rectangle.
+       * @param options.anchorY The y coordinate of the anchor of the oriented rectangle.
+       * @param options.width The width of the rectangle.
+       * @param options.height The height of the rectangle.
+       * @param [options.upX=0] The x component of the up vector.
+       * @param [options.upY=-1] The y component of the up vector.
        */
       constructor(options:{anchorX:number,anchorY:number,width:number,height:number,upX?:number,upY?:number});
       /**
        * Initializes a new instance of the {@link yfiles.geometry.OrientedRectangle} class located at <code>0.0d,0.0d</code> with empty width and
        * height (<code>-1.0d</code>).
-       * @constructor
        */
       constructor();
       /**
@@ -63530,32 +63560,31 @@ declare namespace system{
        * <code>(0, -1)</code>. Unlike true casting this will create a new instance that will be initialized to the current state of the object
        * being cast, but which will not stay in sync with the state of the object.
        * </p>
-       * @param {yfiles.geometry.MutableRectangle} rect the rectangle to get the current state from
-       * @returns {yfiles.geometry.OrientedRectangle} A new instance of {@link yfiles.geometry.OrientedRectangle} that holds no reference to the provided rectangle.
+       * @param rect the rectangle to get the current state from
+       * @returns A new instance of {@link } that holds no reference to the provided rectangle.
        * @static
        */
       static convertFrom(rect:yfiles.geometry.MutableRectangle):yfiles.geometry.OrientedRectangle;
       /**
        * Creates an immutable {@link yfiles.geometry.IOrientedRectangle} with the given values.
-       * @param {number} anchorX
-       * @param {number} anchorY
-       * @param {number} width
-       * @param {number} height
-       * @param {number} upX
-       * @param {number} upY
-       * @returns {yfiles.geometry.IOrientedRectangle} 
+       * @param anchorX
+       * @param anchorY
+       * @param width
+       * @param height
+       * @param upX
+       * @param upY
+       * @returns 
        * @static
        */
       static createImmutable(anchorX:number,anchorY:number,width:number,height:number,upX:number,upY:number):yfiles.geometry.IOrientedRectangle;
       /**
        * Moves this rectangle by applying the offset to the {@link yfiles.geometry.OrientedRectangle#anchor}
-       * @param {yfiles.geometry.Point} delta The offset to move the rectangle's anchor by.
-       * @returns <code>true</code> iff <code>dx != 0 || dy != 0</code>
+       * @param delta The offset to move the rectangle's anchor by.
        */
       moveBy(delta:yfiles.geometry.Point):void;
       /**
        * Applies the values provided by the given instance to the values of this instance.
-       * @param {yfiles.geometry.IOrientedRectangle} rectangle The instance to retrieve the values from.
+       * @param rectangle The instance to retrieve the values from.
        */
       reshape(rectangle:yfiles.geometry.IOrientedRectangle):void;
       /**
@@ -63563,8 +63592,8 @@ declare namespace system{
        * <p>
        * It is up to the caller to assure that the values describe a vector of length 1.
        * </p>
-       * @param {number} upx The x component of the normalized up vector.
-       * @param {number} upy The y component of the normalized up vector.
+       * @param upx The x component of the normalized up vector.
+       * @param upy The y component of the normalized up vector.
        * @see yfiles.geometry.OrientedRectangle#angle
        */
       setUpVector(upx:number,upy:number):void;
@@ -63682,7 +63711,7 @@ declare namespace system{
   }export namespace styles{
     /**
      * A default implementation of the {@link yfiles.styles.IArrow} interface that can render {@link yfiles.styles.ArrowType}s.
-     * @class yfiles.styles.Arrow
+     * @class
      * @implements {yfiles.styles.IArrow}
      * @implements {yfiles.lang.ICloneable}
      * @final
@@ -63694,8 +63723,7 @@ declare namespace system{
        * <p>
        * The {@link yfiles.styles.Arrow#stroke} is created with thickness 1.
        * </p>
-       * @param {yfiles.view.Color} color The color to use for {@link yfiles.styles.Arrow#stroke} and brush.
-       * @constructor
+       * @param color The color to use for {@link #stroke} and brush.
        */
       constructor(color:yfiles.view.Color);
       /**
@@ -63704,7 +63732,7 @@ declare namespace system{
        * The {@link yfiles.styles.Arrow#stroke} is created with thickness 1.
        * </p>
        * @param {Object} options The parameters to pass.
-       * @param {yfiles.view.Color} options.color The color to use for {@link yfiles.styles.Arrow#stroke} and brush.
+       * @param options.color The color to use for {@link #stroke} and brush.
        * @param {number} options.cropLength The cropping length associated with this instance.
        * <p>
        * This option sets the {@link yfiles.styles.Arrow#cropLength} property on the created object.
@@ -63721,7 +63749,6 @@ declare namespace system{
        * <p>
        * This option sets the {@link yfiles.styles.Arrow#type} property on the created object.
        * </p>
-       * @constructor
        */
       constructor(options:{color:yfiles.view.Color,cropLength?:number,stroke?:yfiles.view.Stroke,scale?:number,type?:yfiles.styles.ArrowType});
       /**
@@ -63747,17 +63774,16 @@ declare namespace system{
        * <p>
        * This option sets the {@link yfiles.styles.Arrow#type} property on the created object.
        * </p>
-       * @constructor
        */
       constructor(options?:{fill?:yfiles.view.Fill,cropLength?:number,stroke?:yfiles.view.Stroke,scale?:number,type?:yfiles.styles.ArrowType});
       /**
        * Returns an immutable {@link yfiles.styles.IArrow} instance that uses the current properties.
-       * @returns {yfiles.styles.IArrow} An immutable instance
+       * @returns An immutable instance
        */
       asFrozen():yfiles.styles.IArrow;
       /**
        * Gets or sets the type of this arrow.
-       * @default 1
+       * @default yfiles.styles.ArrowType.DEFAULT
        * @type {yfiles.styles.ArrowType}
        */
       type:yfiles.styles.ArrowType;
@@ -63800,7 +63826,7 @@ declare namespace system{
      * <ul>
      * <li>Tutorial: 02 Custom Styles, step 18 Edge Cropping</li>
      * </ul>
-     * @class yfiles.styles.DefaultEdgePathCropper
+     * @class
      * @implements {yfiles.styles.IEdgePathCropper}
      */
     export interface DefaultEdgePathCropper extends Object,yfiles.styles.IEdgePathCropper{}
@@ -63811,9 +63837,9 @@ declare namespace system{
        * This method can be overridden to change the length that is cropped from an edge. The default implementation returns the
        * sum of {@link yfiles.styles.DefaultEdgePathCropper#extraCropLength}, {@link yfiles.styles.IArrow#length arrow length} and {@link yfiles.styles.IArrow#cropLength arrow crop length}
        * </p>
-       * @param {yfiles.styles.IArrow} arrow The arrow at this edge end.
-       * @param {boolean} atSource <code>true</code> if the crop length should be calculated at the edge source. <code>false</code> otherwise.
-       * @returns {number} The total length the edge path is cropped.
+       * @param arrow The arrow at this edge end.
+       * @param atSource <code>true</code> if the crop length should be calculated at the edge source. <code>false</code> otherwise.
+       * @returns The total length the edge path is cropped.
        * @see yfiles.styles.DefaultEdgePathCropper#cropEdgePath
        * @see yfiles.styles.DefaultEdgePathCropper#cropEdgePathAtArrow
        * @protected
@@ -63826,11 +63852,11 @@ declare namespace system{
        * the edge path is cropped at the {@link yfiles.styles.DefaultEdgePathCropper#getNodeGeometry node geometry}. If this would result in an empty path, the cropping is delegated to {@link yfiles.styles.DefaultEdgePathCropper#handleEmptyPath}
        * instead.
        * </p>
-       * @param {yfiles.graph.IEdge} edge The edge whose path is to be cropped.
-       * @param {boolean} atSource Whether to crop the source or target side of the path.
-       * @param {yfiles.styles.IArrow} arrow The arrow that is used at the end of the edge.
-       * @param {yfiles.geometry.GeneralPath} path The path to crop.
-       * @returns {yfiles.geometry.GeneralPath} The cropped path. This is can be either the same instance of the given path or a newly created instance.
+       * @param edge The edge whose path is to be cropped.
+       * @param atSource Whether to crop the source or target side of the path.
+       * @param arrow The arrow that is used at the end of the edge.
+       * @param path The path to crop.
+       * @returns The cropped path. This is can be either the same instance of the given path or a newly created instance.
        */
       cropEdgePath(edge:yfiles.graph.IEdge,atSource:boolean,arrow:yfiles.styles.IArrow,path:yfiles.geometry.GeneralPath):yfiles.geometry.GeneralPath;
       /**
@@ -63839,30 +63865,30 @@ declare namespace system{
        * The <code>path</code> is cropped by the length {@link yfiles.styles.DefaultEdgePathCropper#calculateTotalCropLength} returns for <code>arrow</code> and
        * <code>atSource</code>.
        * </p>
-       * @param {boolean} atSource if set to <code>true</code> the source side is cropped.
-       * @param {yfiles.styles.IArrow} arrow The arrow to consider for the cropping.
-       * @param {yfiles.geometry.GeneralPath} path The edge's path to crop.
-       * @returns {yfiles.geometry.GeneralPath} The cropped path. This is can be either the same instance of the given path or a newly created instance.
+       * @param atSource if set to <code>true</code> the source side is cropped.
+       * @param arrow The arrow to consider for the cropping.
+       * @param path The edge's path to crop.
+       * @returns The cropped path. This is can be either the same instance of the given path or a newly created instance.
        */
       cropEdgePathAtArrow(atSource:boolean,arrow:yfiles.styles.IArrow,path:yfiles.geometry.GeneralPath):yfiles.geometry.GeneralPath;
       /**
        * Crops an edge's path at the source or target side at the {@link yfiles.styles.DefaultEdgePathCropper#getPortGeometry port geometry} with respect to the given arrow.
-       * @param {yfiles.graph.IEdge} edge The edge whose path is to be cropped.
-       * @param {boolean} atSource Whether to crop the source or target side of the path.
-       * @param {yfiles.styles.IArrow} arrow The arrow that is used at the end of the edge.
-       * @param {yfiles.geometry.GeneralPath} path The path to crop.
-       * @returns {yfiles.geometry.GeneralPath} The cropped path. This is can be either the same instance of the given path or a newly created instance.
+       * @param edge The edge whose path is to be cropped.
+       * @param atSource Whether to crop the source or target side of the path.
+       * @param arrow The arrow that is used at the end of the edge.
+       * @param path The path to crop.
+       * @returns The cropped path. This is can be either the same instance of the given path or a newly created instance.
        * @protected
        */
       cropEdgePathAtPortGeometry(edge:yfiles.graph.IEdge,atSource:boolean,arrow:yfiles.styles.IArrow,path:yfiles.geometry.GeneralPath):yfiles.geometry.GeneralPath;
       /**
        * Finds the intersection between a node and the edge.
-       * @param {yfiles.graph.INode} node
-       * @param {yfiles.styles.IShapeGeometry} nodeShapeGeometry
-       * @param {yfiles.graph.IEdge} edge
-       * @param {yfiles.geometry.Point} inner
-       * @param {yfiles.geometry.Point} outer
-       * @returns {yfiles.geometry.Point} 
+       * @param node
+       * @param nodeShapeGeometry
+       * @param edge
+       * @param inner
+       * @param outer
+       * @returns 
        * @protected
        */
       getIntersection(node:yfiles.graph.INode,nodeShapeGeometry:yfiles.styles.IShapeGeometry,edge:yfiles.graph.IEdge,inner:yfiles.geometry.Point,outer:yfiles.geometry.Point):yfiles.geometry.Point;
@@ -63872,8 +63898,8 @@ declare namespace system{
        * The default implementation queries the {@link yfiles.styles.INodeStyleRenderer#getShapeGeometry node style renderer} for an implementation of {@link yfiles.styles.IShapeGeometry}. This
        * method can be overridden to return an arbitrary {@link yfiles.styles.IShapeGeometry geometry} for a node.
        * </p>
-       * @param {yfiles.graph.INode} node The node the edge should be cropped at.
-       * @returns {yfiles.styles.IShapeGeometry} The {@link yfiles.styles.IShapeGeometry geometry} of the node.
+       * @param node The node the edge should be cropped at.
+       * @returns The {@link  geometry} of the node.
        * @protected
        */
       getNodeGeometry(node:yfiles.graph.INode):yfiles.styles.IShapeGeometry;
@@ -63882,8 +63908,8 @@ declare namespace system{
        * <p>
        * The default implementation returns <code>null</code>. This method can be overridden to return an arbitrary {@link yfiles.styles.IShapeGeometry geometry} for a port.
        * </p>
-       * @param {yfiles.graph.IPort} port The port the edge should be cropped at.
-       * @returns {yfiles.styles.IShapeGeometry} The {@link yfiles.styles.IShapeGeometry geometry} of the port.
+       * @param port The port the edge should be cropped at.
+       * @returns The {@link  geometry} of the port.
        * @see yfiles.styles.DefaultEdgePathCropper#cropAtPort
        * @protected
        */
@@ -63897,21 +63923,21 @@ declare namespace system{
        * <p>
        * The default implementation is to {@link yfiles.geometry.GeneralPath#clear} the edge path.
        * </p>
-       * @param {yfiles.graph.IEdge} edge The edge whose path is to be cropped.
-       * @param {boolean} atSource Whether to crop the source or target side of the path.
-       * @param {yfiles.styles.IArrow} arrow The arrow that is used at the end of the edge.
-       * @param {yfiles.geometry.GeneralPath} path The path to crop.
-       * @returns {yfiles.geometry.GeneralPath} The cropped path. This is can be either the same instance of the given path or a newly created instance.
+       * @param edge The edge whose path is to be cropped.
+       * @param atSource Whether to crop the source or target side of the path.
+       * @param arrow The arrow that is used at the end of the edge.
+       * @param path The path to crop.
+       * @returns The cropped path. This is can be either the same instance of the given path or a newly created instance.
        * @protected
        */
       handleEmptyPath(edge:yfiles.graph.IEdge,atSource:boolean,arrow:yfiles.styles.IArrow,path:yfiles.geometry.GeneralPath):yfiles.geometry.GeneralPath;
       /**
        * Checks whether a given point is inside a node's shape geometry with respect to the edge that is being calculated.
-       * @param {yfiles.geometry.Point} location
-       * @param {yfiles.graph.INode} node
-       * @param {yfiles.styles.IShapeGeometry} nodeShapeGeometry
-       * @param {yfiles.graph.IEdge} edge
-       * @returns {boolean} 
+       * @param location
+       * @param node
+       * @param nodeShapeGeometry
+       * @param edge
+       * @returns 
        * @protected
        */
       isInside(location:yfiles.geometry.Point,node:yfiles.graph.INode,nodeShapeGeometry:yfiles.styles.IShapeGeometry,edge:yfiles.graph.IEdge):boolean;
@@ -63960,11 +63986,11 @@ declare namespace system{
       /**
        * Gets an {@link yfiles.view.IBoundsProvider} implementation that can yield this arrow's bounds if painted at the given location
        * using the given direction for the given edge.
-       * @param {yfiles.graph.IEdge} edge the edge this arrow belongs to
-       * @param {boolean} atSource whether this will be the source arrow
-       * @param {yfiles.geometry.Point} anchor the anchor point for the tip of the arrow
-       * @param {yfiles.geometry.Point} directionVector the direction the arrow is pointing in
-       * @returns {yfiles.view.IBoundsProvider} an implementation of the {@link yfiles.view.IBoundsProvider} interface that can subsequently be used to query the bounds.
+       * @param edge the edge this arrow belongs to
+       * @param atSource whether this will be the source arrow
+       * @param anchor the anchor point for the tip of the arrow
+       * @param directionVector the direction the arrow is pointing in
+       * @returns an implementation of the {@link } interface that can subsequently be used to query the bounds.
        * Clients will always call this method before using the implementation and may not cache the instance returned. This
        * allows for applying the flyweight design pattern to implementations.
        * @abstract
@@ -63973,11 +63999,11 @@ declare namespace system{
       /**
        * Gets an {@link yfiles.view.IVisualCreator} implementation that will paint this arrow at the given location using the given
        * direction for the given edge.
-       * @param {yfiles.graph.IEdge} edge the edge this arrow belongs to
-       * @param {boolean} atSource whether this will be the source arrow
-       * @param {yfiles.geometry.Point} anchor the anchor point for the tip of the arrow
-       * @param {yfiles.geometry.Point} direction the direction the arrow is pointing in
-       * @returns {yfiles.view.IVisualCreator} an implementation of the {@link yfiles.view.IVisualCreator} interface that can subsequently be used to perform the actual
+       * @param edge the edge this arrow belongs to
+       * @param atSource whether this will be the source arrow
+       * @param anchor the anchor point for the tip of the arrow
+       * @param direction the direction the arrow is pointing in
+       * @returns an implementation of the {@link } interface that can subsequently be used to perform the actual
        * painting. Clients will always call this method before using the implementation and may not cache the instance returned.
        * This allows for applying the flyweight design pattern to implementations.
        * @abstract
@@ -64068,7 +64094,7 @@ declare namespace system{
      * instead of <code>null</code> where <code>null</code> is not allowed. For example you cannot assign <code>null</code> to the {@link yfiles.graph.IEdge#style} property of an
      * {@link yfiles.graph.IEdge}.
      * </p>
-     * @class yfiles.styles.VoidEdgeStyle
+     * @class
      * @implements {yfiles.styles.IEdgeStyle}
      * @final
      */
@@ -64076,16 +64102,16 @@ declare namespace system{
     export class VoidEdgeStyle {
       /**
        * Returns <code>this</code>.
-       * @returns {Object} <code>this</code>
+       * @returns <code>this</code>
        */
       clone():Object;
       /**
        * The {@link yfiles.styles.VoidEdgeStyle} singleton.
        * @const
        * @static
-       * @type {yfiles.styles.IEdgeStyle}
+       * @type {yfiles.styles.VoidEdgeStyle}
        */
-      static INSTANCE:yfiles.styles.IEdgeStyle;
+      static INSTANCE:yfiles.styles.VoidEdgeStyle;
       /**
        * Yields the {@link yfiles.styles.VoidEdgeStyleRenderer#INSTANCE VoidEdgeStyleRenderer instance}.
        * @see yfiles.styles.IEdgeStyle#renderer
@@ -64101,7 +64127,7 @@ declare namespace system{
      * class instead of <code>null</code> where <code>null</code> is not allowed. For example you cannot assign <code>null</code> to the {@link yfiles.styles.IEdgeStyle#renderer} property of an
      * {@link yfiles.styles.IEdgeStyle}.
      * </p>
-     * @class yfiles.styles.VoidEdgeStyleRenderer
+     * @class
      * @implements {yfiles.styles.IEdgeStyleRenderer}
      * @final
      */
@@ -64109,52 +64135,52 @@ declare namespace system{
     export class VoidEdgeStyleRenderer {
       /**
        * Yields the {@link yfiles.view.IBoundsProvider#EMPTY} that will return empty bounds.
-       * @param {yfiles.graph.IEdge} edge
-       * @param {yfiles.styles.IEdgeStyle} style
-       * @returns {yfiles.view.IBoundsProvider} 
+       * @param edge
+       * @param style
+       * @returns 
        */
       getBoundsProvider(edge:yfiles.graph.IEdge,style:yfiles.styles.IEdgeStyle):yfiles.view.IBoundsProvider;
       /**
        * Yields the {@link yfiles.graph.ILookup#EMPTY} that will not yield anything.
-       * @param {yfiles.graph.IEdge} edge
-       * @param {yfiles.styles.IEdgeStyle} style
-       * @returns {yfiles.graph.ILookup} 
+       * @param edge
+       * @param style
+       * @returns 
        */
       getContext(edge:yfiles.graph.IEdge,style:yfiles.styles.IEdgeStyle):yfiles.graph.ILookup;
       /**
        * Yields the {@link yfiles.input.IHitTestable#NEVER} that will always report misses.
-       * @param {yfiles.graph.IEdge} edge
-       * @param {yfiles.styles.IEdgeStyle} style
-       * @returns {yfiles.input.IHitTestable} 
+       * @param edge
+       * @param style
+       * @returns 
        */
       getHitTestable(edge:yfiles.graph.IEdge,style:yfiles.styles.IEdgeStyle):yfiles.input.IHitTestable;
       /**
        * Yields the {@link yfiles.input.IMarqueeTestable#NEVER} that will always report misses.
-       * @param {yfiles.graph.IEdge} edge
-       * @param {yfiles.styles.IEdgeStyle} style
-       * @returns {yfiles.input.IMarqueeTestable} 
+       * @param edge
+       * @param style
+       * @returns 
        */
       getMarqueeTestable(edge:yfiles.graph.IEdge,style:yfiles.styles.IEdgeStyle):yfiles.input.IMarqueeTestable;
       /**
        * This method always returns the {@link yfiles.styles.VoidPathGeometry#INSTANCE VoidPathGeometry instance}.
-       * @param {yfiles.graph.IEdge} edge The edge to provide an instance for
-       * @param {yfiles.styles.IEdgeStyle} style The style to use for the rendering
-       * @returns {yfiles.styles.IPathGeometry} The {@link yfiles.styles.VoidPathGeometry#INSTANCE VoidPathGeometry instance}.
+       * @param edge The edge to provide an instance for
+       * @param style The style to use for the rendering
+       * @returns The {@link #INSTANCE VoidPathGeometry instance}.
        * @see yfiles.styles.IEdgeStyleRenderer#getPathGeometry
        */
       getPathGeometry(edge:yfiles.graph.IEdge,style:yfiles.styles.IEdgeStyle):yfiles.styles.IPathGeometry;
       /**
        * Yields the {@link yfiles.view.IVisibilityTestable#NEVER} that will always claim invisibility.
-       * @param {yfiles.graph.IEdge} edge
-       * @param {yfiles.styles.IEdgeStyle} style
-       * @returns {yfiles.view.IVisibilityTestable} 
+       * @param edge
+       * @param style
+       * @returns 
        */
       getVisibilityTestable(edge:yfiles.graph.IEdge,style:yfiles.styles.IEdgeStyle):yfiles.view.IVisibilityTestable;
       /**
        * Yields the {@link yfiles.view.VoidVisualCreator#INSTANCE} that will do nothing.
-       * @param {yfiles.graph.IEdge} edge
-       * @param {yfiles.styles.IEdgeStyle} style
-       * @returns {yfiles.view.IVisualCreator} 
+       * @param edge
+       * @param style
+       * @returns 
        */
       getVisualCreator(edge:yfiles.graph.IEdge,style:yfiles.styles.IEdgeStyle):yfiles.view.IVisualCreator;
       /**
@@ -64172,7 +64198,7 @@ declare namespace system{
      * This class implements the singleton pattern. Use the shared static {@link yfiles.styles.VoidPathGeometry#INSTANCE} of this class
      * instead of <code>null</code> were <code>null</code> is not allowed. The {@link yfiles.styles.VoidEdgeStyleRenderer} does so for example.
      * </p>
-     * @class yfiles.styles.VoidPathGeometry
+     * @class
      * @implements {yfiles.styles.IPathGeometry}
      * @final
      */
@@ -64245,9 +64271,9 @@ declare namespace system{
        * <p>
        * This method may return a flyweight implementation.
        * </p>
-       * @param {yfiles.graph.IEdge} edge The edge to provide an instance for
-       * @param {yfiles.styles.IEdgeStyle} style The style to use for the calculating the painting bounds
-       * @returns {yfiles.view.IBoundsProvider} An implementation that may be used to subsequently query the edge's painting bounds. Clients should not cache this
+       * @param edge The edge to provide an instance for
+       * @param style The style to use for the calculating the painting bounds
+       * @returns An implementation that may be used to subsequently query the edge's painting bounds. Clients should not cache this
        * instance and must always call this method immediately before using the value returned. This enables the use of the
        * flyweight design pattern for implementations
        * @abstract
@@ -64258,9 +64284,9 @@ declare namespace system{
        * <p>
        * Implementations may return {@link yfiles.graph.ILookup#EMPTY} if they don't support this, but may not return <code>null</code>.
        * </p>
-       * @param {yfiles.graph.IEdge} edge The edge to provide a context instance for.
-       * @param {yfiles.styles.IEdgeStyle} style The style to use for the context.
-       * @returns {yfiles.graph.ILookup} An non-<code>null</code> lookup implementation.
+       * @param edge The edge to provide a context instance for.
+       * @param style The style to use for the context.
+       * @returns An non-<code>null</code> lookup implementation.
        * @see yfiles.graph.ILookup#EMPTY
        * @see yfiles.graph.ILookup
        * @abstract
@@ -64272,9 +64298,9 @@ declare namespace system{
        * <p>
        * This method may return a flyweight implementation.
        * </p>
-       * @param {yfiles.graph.IEdge} edge The edge to provide an instance for
-       * @param {yfiles.styles.IEdgeStyle} style The style to use for the querying hit tests
-       * @returns {yfiles.input.IHitTestable} An implementation that may be used to subsequently perform hit tests. Clients should not cache this instance and must
+       * @param edge The edge to provide an instance for
+       * @param style The style to use for the querying hit tests
+       * @returns An implementation that may be used to subsequently perform hit tests. Clients should not cache this instance and must
        * always call this method immediately before using the value returned. This enables the use of the flyweight design
        * pattern for implementations. This method may return <code>null</code> to indicate that the edge cannot be hit tested.
        * @abstract
@@ -64286,9 +64312,9 @@ declare namespace system{
        * <p>
        * This method may return a flyweight implementation.
        * </p>
-       * @param {yfiles.graph.IEdge} edge The edge to provide an instance for
-       * @param {yfiles.styles.IEdgeStyle} style The style to use for the querying marquee intersection test.
-       * @returns {yfiles.input.IMarqueeTestable} An implementation that may be used to subsequently query the marquee intersections. Clients should not cache this
+       * @param edge The edge to provide an instance for
+       * @param style The style to use for the querying marquee intersection test.
+       * @returns An implementation that may be used to subsequently query the marquee intersections. Clients should not cache this
        * instance and must always call this method immediately before using the value returned. This enables the use of the
        * flyweight design pattern for implementations
        * @abstract
@@ -64300,9 +64326,9 @@ declare namespace system{
        * <p>
        * This method may return a flyweight implementation.
        * </p>
-       * @param {yfiles.graph.IEdge} edge The edge to provide an instance for
-       * @param {yfiles.styles.IEdgeStyle} style The style to use for the rendering
-       * @returns {yfiles.styles.IPathGeometry} An implementation that may be used to subsequently query geometry information from. Clients should not cache this
+       * @param edge The edge to provide an instance for
+       * @param style The style to use for the rendering
+       * @returns An implementation that may be used to subsequently query geometry information from. Clients should not cache this
        * instance and must always call this method immediately before using the value returned. This enables the use of the
        * flyweight design pattern for implementations
        * @abstract
@@ -64314,9 +64340,9 @@ declare namespace system{
        * <p>
        * This method may return a flyweight implementation.
        * </p>
-       * @param {yfiles.graph.IEdge} edge The edge to provide an instance for
-       * @param {yfiles.styles.IEdgeStyle} style The style to use for the testing the visibility
-       * @returns {yfiles.view.IVisibilityTestable} An implementation that may be used to subsequently query the edge's visibility. Clients should not cache this instance
+       * @param edge The edge to provide an instance for
+       * @param style The style to use for the testing the visibility
+       * @returns An implementation that may be used to subsequently query the edge's visibility. Clients should not cache this instance
        * and must always call this method immediately before using the value returned. This enables the use of the flyweight
        * design pattern for implementations
        * @abstract
@@ -64328,11 +64354,11 @@ declare namespace system{
        * <p>
        * This method may return a flyweight implementation, but never <code>null</code>.
        * </p>
-       * @param {yfiles.graph.IEdge} edge The edge to provide an instance for
-       * @param {yfiles.styles.IEdgeStyle} style The style to use for the creation of the visual
-       * @returns {yfiles.view.IVisualCreator} An implementation that may be used to subsequently create or update the visual for the edge. Clients should not cache
+       * @param edge The edge to provide an instance for
+       * @param style The style to use for the creation of the visual
+       * @returns An implementation that may be used to subsequently create or update the visual for the edge. Clients should not cache
        * this instance and must always call this method immediately before using the value returned. This enables the use of the
-       * flyweight design pattern for implementations. This method may not return <code>null</code> but should yield a {@link yfiles.view.VoidVisualCreator#INSTANCE void} implementation
+       * flyweight design pattern for implementations. This method may not return <code>null</code> but should yield a {@link #INSTANCE void} implementation
        * instead.
        * @see yfiles.view.VoidVisualCreator#INSTANCE
        * @abstract
@@ -64392,11 +64418,11 @@ declare namespace system{
     export interface IEdgePathCropper extends Object{
       /**
        * Crops the provided <code>path</code> at one end of an edge.
-       * @param {yfiles.graph.IEdge} edge The edge whose path is to be cropped.
-       * @param {boolean} atSource Whether to crop the source or target side of the path.
-       * @param {yfiles.styles.IArrow} arrow The arrow that is used at the end of the edge.
-       * @param {yfiles.geometry.GeneralPath} path The path to crop.
-       * @returns {yfiles.geometry.GeneralPath} The cropped path. This is can be either the same instance of the given path or a newly created instance.
+       * @param edge The edge whose path is to be cropped.
+       * @param atSource Whether to crop the source or target side of the path.
+       * @param arrow The arrow that is used at the end of the edge.
+       * @param path The path to crop.
+       * @returns The cropped path. This is can be either the same instance of the given path or a newly created instance.
        * @abstract
        */
       cropEdgePath(edge:yfiles.graph.IEdge,atSource:boolean,arrow:yfiles.styles.IArrow,path:yfiles.geometry.GeneralPath):yfiles.geometry.GeneralPath;
@@ -64412,7 +64438,7 @@ declare namespace system{
      * instead of <code>null</code> where <code>null</code> is not allowed. For example you cannot assign <code>null</code> to the {@link yfiles.graph.ILabel#style} property of an
      * {@link yfiles.graph.ILabel}.
      * </p>
-     * @class yfiles.styles.VoidLabelStyle
+     * @class
      * @implements {yfiles.styles.ILabelStyle}
      * @final
      */
@@ -64420,16 +64446,16 @@ declare namespace system{
     export class VoidLabelStyle {
       /**
        * Returns <code>this</code>.
-       * @returns {Object} <code>this</code>
+       * @returns <code>this</code>
        */
       clone():Object;
       /**
        * The singleton instance of this style.
        * @const
        * @static
-       * @type {yfiles.styles.ILabelStyle}
+       * @type {yfiles.styles.VoidLabelStyle}
        */
-      static INSTANCE:yfiles.styles.ILabelStyle;
+      static INSTANCE:yfiles.styles.VoidLabelStyle;
       /**
        * Yields the {@link yfiles.styles.VoidLabelStyleRenderer#INSTANCE VoidLabelStyleRenderer instance}.
        * @see yfiles.styles.ILabelStyle#renderer
@@ -64445,7 +64471,7 @@ declare namespace system{
      * class instead of <code>null</code> where <code>null</code> is not allowed. For example you cannot assign <code>null</code> to the {@link yfiles.styles.ILabelStyle#renderer} property of an
      * {@link yfiles.styles.ILabelStyle}.
      * </p>
-     * @class yfiles.styles.VoidLabelStyleRenderer
+     * @class
      * @implements {yfiles.styles.ILabelStyleRenderer}
      * @final
      */
@@ -64453,51 +64479,51 @@ declare namespace system{
     export class VoidLabelStyleRenderer {
       /**
        * Yields the {@link yfiles.view.IBoundsProvider#EMPTY} that will return empty bounds.
-       * @param {yfiles.graph.ILabel} label
-       * @param {yfiles.styles.ILabelStyle} style
-       * @returns {yfiles.view.IBoundsProvider} 
+       * @param label
+       * @param style
+       * @returns 
        */
       getBoundsProvider(label:yfiles.graph.ILabel,style:yfiles.styles.ILabelStyle):yfiles.view.IBoundsProvider;
       /**
        * Yields the {@link yfiles.graph.ILookup#EMPTY} that will not yield anything.
-       * @param {yfiles.graph.ILabel} label
-       * @param {yfiles.styles.ILabelStyle} style
-       * @returns {yfiles.graph.ILookup} 
+       * @param label
+       * @param style
+       * @returns 
        */
       getContext(label:yfiles.graph.ILabel,style:yfiles.styles.ILabelStyle):yfiles.graph.ILookup;
       /**
        * Yields the {@link yfiles.input.IHitTestable#NEVER} that will always report misses.
-       * @param {yfiles.graph.ILabel} label
-       * @param {yfiles.styles.ILabelStyle} style
-       * @returns {yfiles.input.IHitTestable} 
+       * @param label
+       * @param style
+       * @returns 
        */
       getHitTestable(label:yfiles.graph.ILabel,style:yfiles.styles.ILabelStyle):yfiles.input.IHitTestable;
       /**
        * Yields the {@link yfiles.input.IMarqueeTestable#NEVER} that will always report misses.
-       * @param {yfiles.graph.ILabel} label
-       * @param {yfiles.styles.ILabelStyle} style
-       * @returns {yfiles.input.IMarqueeTestable} 
+       * @param label
+       * @param style
+       * @returns 
        */
       getMarqueeTestable(label:yfiles.graph.ILabel,style:yfiles.styles.ILabelStyle):yfiles.input.IMarqueeTestable;
       /**
        * Yields {@link yfiles.geometry.Size#EMPTY}.
-       * @param {yfiles.graph.ILabel} label
-       * @param {yfiles.styles.ILabelStyle} style
-       * @returns {yfiles.geometry.Size} 
+       * @param label
+       * @param style
+       * @returns 
        */
       getPreferredSize(label:yfiles.graph.ILabel,style:yfiles.styles.ILabelStyle):yfiles.geometry.Size;
       /**
        * Yields the {@link yfiles.view.IVisibilityTestable#NEVER} that will always claim invisibility.
-       * @param {yfiles.graph.ILabel} label
-       * @param {yfiles.styles.ILabelStyle} style
-       * @returns {yfiles.view.IVisibilityTestable} 
+       * @param label
+       * @param style
+       * @returns 
        */
       getVisibilityTestable(label:yfiles.graph.ILabel,style:yfiles.styles.ILabelStyle):yfiles.view.IVisibilityTestable;
       /**
        * Yields the {@link yfiles.view.VoidVisualCreator#INSTANCE} that will do nothing.
-       * @param {yfiles.graph.ILabel} label
-       * @param {yfiles.styles.ILabelStyle} style
-       * @returns {yfiles.view.IVisualCreator} 
+       * @param label
+       * @param style
+       * @returns 
        */
       getVisualCreator(label:yfiles.graph.ILabel,style:yfiles.styles.ILabelStyle):yfiles.view.IVisualCreator;
       /**
@@ -64567,9 +64593,9 @@ declare namespace system{
        * <p>
        * This method may return a flyweight implementation.
        * </p>
-       * @param {yfiles.graph.ILabel} label The label to provide an instance for
-       * @param {yfiles.styles.ILabelStyle} style The style to use for the calculating the painting bounds
-       * @returns {yfiles.view.IBoundsProvider} An implementation that may be used to subsequently query the label's painting bounds. Clients should not cache this
+       * @param label The label to provide an instance for
+       * @param style The style to use for the calculating the painting bounds
+       * @returns An implementation that may be used to subsequently query the label's painting bounds. Clients should not cache this
        * instance and must always call this method immediately before using the value returned. This enables the use of the
        * flyweight design pattern for implementations
        * @abstract
@@ -64580,9 +64606,9 @@ declare namespace system{
        * <p>
        * Implementations may return {@link yfiles.graph.ILookup#EMPTY} if they don't support this, but may not return <code>null</code>.
        * </p>
-       * @param {yfiles.graph.ILabel} label The label to provide a context instance for.
-       * @param {yfiles.styles.ILabelStyle} style The style to use for the context.
-       * @returns {yfiles.graph.ILookup} An non-<code>null</code> lookup implementation.
+       * @param label The label to provide a context instance for.
+       * @param style The style to use for the context.
+       * @returns An non-<code>null</code> lookup implementation.
        * @see yfiles.graph.ILookup#EMPTY
        * @see yfiles.graph.ILookup
        * @abstract
@@ -64594,9 +64620,9 @@ declare namespace system{
        * <p>
        * This method may return a flyweight implementation.
        * </p>
-       * @param {yfiles.graph.ILabel} label The label to provide an instance for
-       * @param {yfiles.styles.ILabelStyle} style The style to use for the querying hit tests
-       * @returns {yfiles.input.IHitTestable} An implementation that may be used to subsequently perform hit tests. Clients should not cache this instance and must
+       * @param label The label to provide an instance for
+       * @param style The style to use for the querying hit tests
+       * @returns An implementation that may be used to subsequently perform hit tests. Clients should not cache this instance and must
        * always call this method immediately before using the value returned. This enables the use of the flyweight design
        * pattern for implementations. This method may return <code>null</code> to indicate that the label cannot be hit tested.
        * @abstract
@@ -64608,9 +64634,9 @@ declare namespace system{
        * <p>
        * This method may return a flyweight implementation.
        * </p>
-       * @param {yfiles.graph.ILabel} label The label to provide an instance for
-       * @param {yfiles.styles.ILabelStyle} style The style to use for the querying marquee intersection test.
-       * @returns {yfiles.input.IMarqueeTestable} An implementation that may be used to subsequently query the marquee intersections. Clients should not cache this
+       * @param label The label to provide an instance for
+       * @param style The style to use for the querying marquee intersection test.
+       * @returns An implementation that may be used to subsequently query the marquee intersections. Clients should not cache this
        * instance and must always call this method immediately before using the value returned. This enables the use of the
        * flyweight design pattern for implementations
        * @abstract
@@ -64618,9 +64644,9 @@ declare namespace system{
       getMarqueeTestable(label:yfiles.graph.ILabel,style:yfiles.styles.ILabelStyle):yfiles.input.IMarqueeTestable;
       /**
        * Calculates the {@link yfiles.graph.ILabel#preferredSize preferred size} of a given label using the associated style.
-       * @param {yfiles.graph.ILabel} label The label to determine the preferred size for
-       * @param {yfiles.styles.ILabelStyle} style The style instance that uses this instance as its {@link yfiles.styles.ILabelStyle#renderer}
-       * @returns {yfiles.geometry.Size} A size that can be used as the {@link yfiles.graph.ILabel#preferredSize} if this renderer renders the label using the associated style.
+       * @param label The label to determine the preferred size for
+       * @param style The style instance that uses this instance as its {@link #renderer}
+       * @returns A size that can be used as the {@link #preferredSize} if this renderer renders the label using the associated style.
        * @abstract
        */
       getPreferredSize(label:yfiles.graph.ILabel,style:yfiles.styles.ILabelStyle):yfiles.geometry.Size;
@@ -64630,9 +64656,9 @@ declare namespace system{
        * <p>
        * This method may return a flyweight implementation.
        * </p>
-       * @param {yfiles.graph.ILabel} label The label to provide an instance for
-       * @param {yfiles.styles.ILabelStyle} style The style to use for the testing the visibility
-       * @returns {yfiles.view.IVisibilityTestable} An implementation that may be used to subsequently query the label's visibility. Clients should not cache this instance
+       * @param label The label to provide an instance for
+       * @param style The style to use for the testing the visibility
+       * @returns An implementation that may be used to subsequently query the label's visibility. Clients should not cache this instance
        * and must always call this method immediately before using the value returned. This enables the use of the flyweight
        * design pattern for implementations
        * @abstract
@@ -64644,11 +64670,11 @@ declare namespace system{
        * <p>
        * This method may return a flyweight implementation, but never <code>null</code>.
        * </p>
-       * @param {yfiles.graph.ILabel} label The label to provide an instance for
-       * @param {yfiles.styles.ILabelStyle} style The style to use for the creation of the visual
-       * @returns {yfiles.view.IVisualCreator} An implementation that may be used to subsequently create or update the visual for the label. Clients should not cache
+       * @param label The label to provide an instance for
+       * @param style The style to use for the creation of the visual
+       * @returns An implementation that may be used to subsequently create or update the visual for the label. Clients should not cache
        * this instance and must always call this method immediately before using the value returned. This enables the use of the
-       * flyweight design pattern for implementations. This method may not return <code>null</code> but should yield a {@link yfiles.view.VoidVisualCreator#INSTANCE void} implementation
+       * flyweight design pattern for implementations. This method may not return <code>null</code> but should yield a {@link #INSTANCE void} implementation
        * instead.
        * @see yfiles.view.VoidVisualCreator#INSTANCE
        * @abstract
@@ -64666,7 +64692,7 @@ declare namespace system{
      * This class implements the singleton pattern. Use the shared static {@link yfiles.styles.VoidShapeGeometry#INSTANCE} of this
      * class instead of <code>null</code> were <code>null</code> is not allowed. The {@link yfiles.styles.VoidNodeStyleRenderer} does so for example.
      * </p>
-     * @class yfiles.styles.VoidShapeGeometry
+     * @class
      * @implements {yfiles.styles.IShapeGeometry}
      * @final
      */
@@ -64674,9 +64700,9 @@ declare namespace system{
     export class VoidShapeGeometry {
       /**
        * This implementation always returns <code>null</code> (a {@link T} with no value).
-       * @param {yfiles.geometry.Point} inner The first point of the line that is inside the shape.
-       * @param {yfiles.geometry.Point} outer The second point of the line that is outside the shape.
-       * @returns {yfiles.geometry.Point} A {@link T} with no value.
+       * @param inner The first point of the line that is inside the shape.
+       * @param outer The second point of the line that is outside the shape.
+       * @returns A {@link } with no value.
        * @see yfiles.styles.IShapeGeometry#getIntersection
        */
       getIntersection(inner:yfiles.geometry.Point,outer:yfiles.geometry.Point):yfiles.geometry.Point;
@@ -64685,14 +64711,14 @@ declare namespace system{
        * <p>
        * This means that the outline never intersects any line or contains any point.
        * </p>
-       * @returns {yfiles.geometry.GeneralPath} The empty path.
+       * @returns The empty path.
        * @see yfiles.styles.IShapeGeometry#getOutline
        */
       getOutline():yfiles.geometry.GeneralPath;
       /**
        * This implementation always returns <code>false</code>.
-       * @param {yfiles.geometry.Point} location The point to test.
-       * @returns {boolean} <code>false</code>
+       * @param location The point to test.
+       * @returns <code>false</code>
        * @see yfiles.styles.IShapeGeometry#isInside
        */
       isInside(location:yfiles.geometry.Point):boolean;
@@ -64712,7 +64738,7 @@ declare namespace system{
      * instead of <code>null</code> where <code>null</code> is not allowed. For example you cannot assign <code>null</code> to the {@link yfiles.graph.INode#style} property of an
      * {@link yfiles.graph.INode}.
      * </p>
-     * @class yfiles.styles.VoidNodeStyle
+     * @class
      * @implements {yfiles.styles.INodeStyle}
      * @final
      */
@@ -64720,16 +64746,16 @@ declare namespace system{
     export class VoidNodeStyle {
       /**
        * Returns <code>this</code>.
-       * @returns {Object} <code>this</code>
+       * @returns <code>this</code>
        */
       clone():Object;
       /**
        * The {@link yfiles.styles.VoidNodeStyle} singleton.
        * @const
        * @static
-       * @type {yfiles.styles.INodeStyle}
+       * @type {yfiles.styles.VoidNodeStyle}
        */
-      static INSTANCE:yfiles.styles.INodeStyle;
+      static INSTANCE:yfiles.styles.VoidNodeStyle;
       /**
        * Yields the {@link yfiles.styles.VoidNodeStyleRenderer#INSTANCE VoidNodeStyleRenderer instance}.
        * @see yfiles.styles.INodeStyle#renderer
@@ -64745,7 +64771,7 @@ declare namespace system{
      * class instead of <code>null</code> where <code>null</code> is not allowed. For example you cannot assign <code>null</code> to the {@link yfiles.styles.INodeStyle#renderer} property of an
      * {@link yfiles.styles.INodeStyle}.
      * </p>
-     * @class yfiles.styles.VoidNodeStyleRenderer
+     * @class
      * @implements {yfiles.styles.INodeStyleRenderer}
      * @final
      */
@@ -64753,52 +64779,52 @@ declare namespace system{
     export class VoidNodeStyleRenderer {
       /**
        * Yields the {@link yfiles.view.IBoundsProvider#EMPTY} that will return empty bounds.
-       * @param {yfiles.graph.INode} node
-       * @param {yfiles.styles.INodeStyle} style
-       * @returns {yfiles.view.IBoundsProvider} 
+       * @param node
+       * @param style
+       * @returns 
        */
       getBoundsProvider(node:yfiles.graph.INode,style:yfiles.styles.INodeStyle):yfiles.view.IBoundsProvider;
       /**
        * Yields the {@link yfiles.graph.ILookup#EMPTY} that will not yield anything.
-       * @param {yfiles.graph.INode} node
-       * @param {yfiles.styles.INodeStyle} style
-       * @returns {yfiles.graph.ILookup} 
+       * @param node
+       * @param style
+       * @returns 
        */
       getContext(node:yfiles.graph.INode,style:yfiles.styles.INodeStyle):yfiles.graph.ILookup;
       /**
        * Yields the {@link yfiles.input.IHitTestable#NEVER} that will always report misses.
-       * @param {yfiles.graph.INode} node
-       * @param {yfiles.styles.INodeStyle} style
-       * @returns {yfiles.input.IHitTestable} 
+       * @param node
+       * @param style
+       * @returns 
        */
       getHitTestable(node:yfiles.graph.INode,style:yfiles.styles.INodeStyle):yfiles.input.IHitTestable;
       /**
        * Yields the {@link yfiles.input.IMarqueeTestable#NEVER} that will always report misses.
-       * @param {yfiles.graph.INode} node
-       * @param {yfiles.styles.INodeStyle} style
-       * @returns {yfiles.input.IMarqueeTestable} 
+       * @param node
+       * @param style
+       * @returns 
        */
       getMarqueeTestable(node:yfiles.graph.INode,style:yfiles.styles.INodeStyle):yfiles.input.IMarqueeTestable;
       /**
        * This implementation always returns the {@link yfiles.styles.VoidShapeGeometry#INSTANCE VoidShapeGeometry instance}.
-       * @param {yfiles.graph.INode} node The node to provide an instance for
-       * @param {yfiles.styles.INodeStyle} style The style to use for the rendering
-       * @returns {yfiles.styles.IShapeGeometry} The {@link yfiles.styles.VoidShapeGeometry#INSTANCE VoidShapeGeometry instance}.
+       * @param node The node to provide an instance for
+       * @param style The style to use for the rendering
+       * @returns The {@link #INSTANCE VoidShapeGeometry instance}.
        * @see yfiles.styles.INodeStyleRenderer#getShapeGeometry
        */
       getShapeGeometry(node:yfiles.graph.INode,style:yfiles.styles.INodeStyle):yfiles.styles.IShapeGeometry;
       /**
        * Yields the {@link yfiles.view.IVisibilityTestable#NEVER} that will always claim invisibility.
-       * @param {yfiles.graph.INode} node
-       * @param {yfiles.styles.INodeStyle} style
-       * @returns {yfiles.view.IVisibilityTestable} 
+       * @param node
+       * @param style
+       * @returns 
        */
       getVisibilityTestable(node:yfiles.graph.INode,style:yfiles.styles.INodeStyle):yfiles.view.IVisibilityTestable;
       /**
        * Yields the {@link yfiles.view.VoidVisualCreator#INSTANCE} that will do nothing.
-       * @param {yfiles.graph.INode} node
-       * @param {yfiles.styles.INodeStyle} style
-       * @returns {yfiles.view.IVisualCreator} 
+       * @param node
+       * @param style
+       * @returns 
        */
       getVisualCreator(node:yfiles.graph.INode,style:yfiles.styles.INodeStyle):yfiles.view.IVisualCreator;
       /**
@@ -64868,9 +64894,9 @@ declare namespace system{
        * <p>
        * This method may return a flyweight implementation.
        * </p>
-       * @param {yfiles.graph.INode} node The node to provide an instance for
-       * @param {yfiles.styles.INodeStyle} style The style to use for the calculating the painting bounds
-       * @returns {yfiles.view.IBoundsProvider} An implementation that may be used to subsequently query the node's painting bounds. Clients should not cache this
+       * @param node The node to provide an instance for
+       * @param style The style to use for the calculating the painting bounds
+       * @returns An implementation that may be used to subsequently query the node's painting bounds. Clients should not cache this
        * instance and must always call this method immediately before using the value returned. This enables the use of the
        * flyweight design pattern for implementations
        * @abstract
@@ -64881,9 +64907,9 @@ declare namespace system{
        * <p>
        * Implementations may return {@link yfiles.graph.ILookup#EMPTY} if they don't support this, but may not return <code>null</code>.
        * </p>
-       * @param {yfiles.graph.INode} node The node to provide a context instance for.
-       * @param {yfiles.styles.INodeStyle} style The style to use for the context.
-       * @returns {yfiles.graph.ILookup} An non-<code>null</code> lookup implementation.
+       * @param node The node to provide a context instance for.
+       * @param style The style to use for the context.
+       * @returns An non-<code>null</code> lookup implementation.
        * @see yfiles.graph.ILookup#EMPTY
        * @see yfiles.graph.ILookup
        * @abstract
@@ -64895,9 +64921,9 @@ declare namespace system{
        * <p>
        * This method may return a flyweight implementation.
        * </p>
-       * @param {yfiles.graph.INode} node The node to provide an instance for
-       * @param {yfiles.styles.INodeStyle} style The style to use for the querying hit tests
-       * @returns {yfiles.input.IHitTestable} An implementation that may be used to subsequently perform hit tests. Clients should not cache this instance and must
+       * @param node The node to provide an instance for
+       * @param style The style to use for the querying hit tests
+       * @returns An implementation that may be used to subsequently perform hit tests. Clients should not cache this instance and must
        * always call this method immediately before using the value returned. This enables the use of the flyweight design
        * pattern for implementations. This method may return <code>null</code> to indicate that the node cannot be hit tested.
        * @abstract
@@ -64909,9 +64935,9 @@ declare namespace system{
        * <p>
        * This method may return a flyweight implementation.
        * </p>
-       * @param {yfiles.graph.INode} node The node to provide an instance for
-       * @param {yfiles.styles.INodeStyle} style The style to use for the querying marquee intersection test.
-       * @returns {yfiles.input.IMarqueeTestable} An implementation that may be used to subsequently query the marquee intersections. Clients should not cache this
+       * @param node The node to provide an instance for
+       * @param style The style to use for the querying marquee intersection test.
+       * @returns An implementation that may be used to subsequently query the marquee intersections. Clients should not cache this
        * instance and must always call this method immediately before using the value returned. This enables the use of the
        * flyweight design pattern for implementations
        * @abstract
@@ -64923,9 +64949,9 @@ declare namespace system{
        * <p>
        * This method may return a flyweight implementation.
        * </p>
-       * @param {yfiles.graph.INode} node The node to provide an instance for
-       * @param {yfiles.styles.INodeStyle} style The style to use for the rendering
-       * @returns {yfiles.styles.IShapeGeometry} An implementation that may be used to subsequently query geometry information from. Clients should not cache this
+       * @param node The node to provide an instance for
+       * @param style The style to use for the rendering
+       * @returns An implementation that may be used to subsequently query geometry information from. Clients should not cache this
        * instance and must always call this method immediately before using the value returned. This enables the use of the
        * flyweight design pattern for implementations
        * @abstract
@@ -64937,9 +64963,9 @@ declare namespace system{
        * <p>
        * This method may return a flyweight implementation.
        * </p>
-       * @param {yfiles.graph.INode} node The node to provide an instance for
-       * @param {yfiles.styles.INodeStyle} style The style to use for the testing the visibility
-       * @returns {yfiles.view.IVisibilityTestable} An implementation that may be used to subsequently query the node's visibility. Clients should not cache this instance
+       * @param node The node to provide an instance for
+       * @param style The style to use for the testing the visibility
+       * @returns An implementation that may be used to subsequently query the node's visibility. Clients should not cache this instance
        * and must always call this method immediately before using the value returned. This enables the use of the flyweight
        * design pattern for implementations
        * @abstract
@@ -64951,11 +64977,11 @@ declare namespace system{
        * <p>
        * This method may return a flyweight implementation, but never <code>null</code>.
        * </p>
-       * @param {yfiles.graph.INode} node The node to provide an instance for
-       * @param {yfiles.styles.INodeStyle} style The style to use for the creation of the visual
-       * @returns {yfiles.view.IVisualCreator} An implementation that may be used to subsequently create or update the visual for the node. Clients should not cache
+       * @param node The node to provide an instance for
+       * @param style The style to use for the creation of the visual
+       * @returns An implementation that may be used to subsequently create or update the visual for the node. Clients should not cache
        * this instance and must always call this method immediately before using the value returned. This enables the use of the
-       * flyweight design pattern for implementations. This method may not return <code>null</code> but should yield a {@link yfiles.view.VoidVisualCreator#INSTANCE void} implementation
+       * flyweight design pattern for implementations. This method may not return <code>null</code> but should yield a {@link #INSTANCE void} implementation
        * instead.
        * @see yfiles.view.VoidVisualCreator#INSTANCE
        * @abstract
@@ -64974,21 +65000,21 @@ declare namespace system{
     export interface IPathGeometry extends Object{
       /**
        * Returns a representation of the visible path of the edge in form of a {@link yfiles.geometry.GeneralPath}
-       * @returns {yfiles.geometry.GeneralPath} An instance that describes the visible path or <code>null</code> if this is not applicable for the current geometry.
+       * @returns An instance that describes the visible path or <code>null</code> if this is not applicable for the current geometry.
        * @abstract
        */
       getPath():yfiles.geometry.GeneralPath;
       /**
        * Returns the number of "segments" this edge's path consists of.
-       * @returns {number} the number of segments or <code>-1</code> if there is no such thing as a segment for this edge.
+       * @returns the number of segments or <code>-1</code> if there is no such thing as a segment for this edge.
        * @abstract
        */
       getSegmentCount():number;
       /**
        * Calculates the tangent on the edge's path at the given ratio point for the given segment.
-       * @param {number} segmentIndex the segment to use for the calculation
-       * @param {number} ratio a value in [0,1] where 0 is the source's end and 1 is at the target's end of the segment
-       * @returns {yfiles.geometry.Tangent} The tangential line, if any exists.
+       * @param segmentIndex the segment to use for the calculation
+       * @param ratio a value in [0,1] where 0 is the source's end and 1 is at the target's end of the segment
+       * @returns The tangential line, if any exists.
        * @see yfiles.styles.IPathGeometry#getTangent
        * @see yfiles.styles.IPathGeometry#getSegmentCount
        * @abstract
@@ -64996,8 +65022,8 @@ declare namespace system{
       getTangent(segmentIndex:number,ratio:number):yfiles.geometry.Tangent;
       /**
        * Calculates the tangent on the edge's path at the given ratio point.
-       * @param {number} ratio a value in [0,1] where 0 is the source's end and 1 is at the target's end of the visible edge path
-       * @returns {yfiles.geometry.Tangent} The tangential line, if any exists.
+       * @param ratio a value in [0,1] where 0 is the source's end and 1 is at the target's end of the visible edge path
+       * @returns The tangential line, if any exists.
        * @abstract
        */
       getTangent(ratio:number):yfiles.geometry.Tangent;
@@ -65013,7 +65039,7 @@ declare namespace system{
      * class instead of <code>null</code> where <code>null</code> is not allowed. For example you cannot assign <code>null</code> to the {@link yfiles.styles.IPortStyle#renderer} property of an
      * {@link yfiles.styles.IPortStyle}.
      * </p>
-     * @class yfiles.styles.VoidPortStyleRenderer
+     * @class
      * @implements {yfiles.styles.IPortStyleRenderer}
      * @final
      */
@@ -65021,44 +65047,44 @@ declare namespace system{
     export class VoidPortStyleRenderer {
       /**
        * Yields the {@link yfiles.view.IBoundsProvider#EMPTY} that will return empty bounds.
-       * @param {yfiles.graph.IPort} port
-       * @param {yfiles.styles.IPortStyle} style
-       * @returns {yfiles.view.IBoundsProvider} 
+       * @param port
+       * @param style
+       * @returns 
        */
       getBoundsProvider(port:yfiles.graph.IPort,style:yfiles.styles.IPortStyle):yfiles.view.IBoundsProvider;
       /**
        * Yields the {@link yfiles.graph.ILookup#EMPTY} that will not yield anything.
-       * @param {yfiles.graph.IPort} port
-       * @param {yfiles.styles.IPortStyle} style
-       * @returns {yfiles.graph.ILookup} 
+       * @param port
+       * @param style
+       * @returns 
        */
       getContext(port:yfiles.graph.IPort,style:yfiles.styles.IPortStyle):yfiles.graph.ILookup;
       /**
        * Yields the {@link yfiles.input.IHitTestable#NEVER} that will always report misses.
-       * @param {yfiles.graph.IPort} port
-       * @param {yfiles.styles.IPortStyle} style
-       * @returns {yfiles.input.IHitTestable} 
+       * @param port
+       * @param style
+       * @returns 
        */
       getHitTestable(port:yfiles.graph.IPort,style:yfiles.styles.IPortStyle):yfiles.input.IHitTestable;
       /**
        * Yields the {@link yfiles.input.IMarqueeTestable#NEVER} that will always report misses.
-       * @param {yfiles.graph.IPort} port
-       * @param {yfiles.styles.IPortStyle} style
-       * @returns {yfiles.input.IMarqueeTestable} 
+       * @param port
+       * @param style
+       * @returns 
        */
       getMarqueeTestable(port:yfiles.graph.IPort,style:yfiles.styles.IPortStyle):yfiles.input.IMarqueeTestable;
       /**
        * Yields the {@link yfiles.view.IVisibilityTestable#NEVER} that will always claim invisibility.
-       * @param {yfiles.graph.IPort} port
-       * @param {yfiles.styles.IPortStyle} style
-       * @returns {yfiles.view.IVisibilityTestable} 
+       * @param port
+       * @param style
+       * @returns 
        */
       getVisibilityTestable(port:yfiles.graph.IPort,style:yfiles.styles.IPortStyle):yfiles.view.IVisibilityTestable;
       /**
        * Yields the {@link yfiles.view.VoidVisualCreator#INSTANCE} that will do nothing.
-       * @param {yfiles.graph.IPort} port
-       * @param {yfiles.styles.IPortStyle} style
-       * @returns {yfiles.view.IVisualCreator} 
+       * @param port
+       * @param style
+       * @returns 
        */
       getVisualCreator(port:yfiles.graph.IPort,style:yfiles.styles.IPortStyle):yfiles.view.IVisualCreator;
       /**
@@ -65077,7 +65103,7 @@ declare namespace system{
      * instead of <code>null</code> where <code>null</code> is not allowed. For example you cannot assign <code>null</code> to the {@link yfiles.graph.IPort#style} property of an
      * {@link yfiles.graph.IPort}.
      * </p>
-     * @class yfiles.styles.VoidPortStyle
+     * @class
      * @implements {yfiles.styles.IPortStyle}
      * @final
      */
@@ -65085,16 +65111,16 @@ declare namespace system{
     export class VoidPortStyle {
       /**
        * Returns <code>this</code>.
-       * @returns {Object} <code>this</code>
+       * @returns <code>this</code>
        */
       clone():Object;
       /**
        * The {@link yfiles.styles.VoidPortStyle} singleton.
        * @const
        * @static
-       * @type {yfiles.styles.IPortStyle}
+       * @type {yfiles.styles.VoidPortStyle}
        */
-      static INSTANCE:yfiles.styles.IPortStyle;
+      static INSTANCE:yfiles.styles.VoidPortStyle;
       /**
        * Yields the {@link yfiles.styles.VoidPortStyleRenderer#INSTANCE VoidPortStyleRenderer instance}.
        * @see yfiles.styles.IPortStyle#renderer
@@ -65161,9 +65187,9 @@ declare namespace system{
        * <p>
        * This method may return a flyweight implementation.
        * </p>
-       * @param {yfiles.graph.IPort} port The port to provide an instance for
-       * @param {yfiles.styles.IPortStyle} style The style to use for the calculating the painting bounds
-       * @returns {yfiles.view.IBoundsProvider} An implementation that may be used to subsequently query the port's painting bounds. Clients should not cache this
+       * @param port The port to provide an instance for
+       * @param style The style to use for the calculating the painting bounds
+       * @returns An implementation that may be used to subsequently query the port's painting bounds. Clients should not cache this
        * instance and must always call this method immediately before using the value returned. This enables the use of the
        * flyweight design pattern for implementations
        * @abstract
@@ -65174,9 +65200,9 @@ declare namespace system{
        * <p>
        * Implementations may return {@link yfiles.graph.ILookup#EMPTY} if they don't support this, but may not return <code>null</code>.
        * </p>
-       * @param {yfiles.graph.IPort} port The port to provide a context instance for.
-       * @param {yfiles.styles.IPortStyle} style The style to use for the context.
-       * @returns {yfiles.graph.ILookup} An non-<code>null</code> lookup implementation.
+       * @param port The port to provide a context instance for.
+       * @param style The style to use for the context.
+       * @returns An non-<code>null</code> lookup implementation.
        * @see yfiles.graph.ILookup#EMPTY
        * @see yfiles.graph.ILookup
        * @abstract
@@ -65188,9 +65214,9 @@ declare namespace system{
        * <p>
        * This method may return a flyweight implementation.
        * </p>
-       * @param {yfiles.graph.IPort} port The port to provide an instance for
-       * @param {yfiles.styles.IPortStyle} style The style to use for the querying hit tests
-       * @returns {yfiles.input.IHitTestable} An implementation that may be used to subsequently perform hit tests. Clients should not cache this instance and must
+       * @param port The port to provide an instance for
+       * @param style The style to use for the querying hit tests
+       * @returns An implementation that may be used to subsequently perform hit tests. Clients should not cache this instance and must
        * always call this method immediately before using the value returned. This enables the use of the flyweight design
        * pattern for implementations. This method may return <code>null</code> to indicate that the port cannot be hit tested.
        * @abstract
@@ -65202,9 +65228,9 @@ declare namespace system{
        * <p>
        * This method may return a flyweight implementation.
        * </p>
-       * @param {yfiles.graph.IPort} port The port to provide an instance for
-       * @param {yfiles.styles.IPortStyle} style The style to use for the querying marquee intersection test.
-       * @returns {yfiles.input.IMarqueeTestable} An implementation that may be used to subsequently query the marquee intersections. Clients should not cache this
+       * @param port The port to provide an instance for
+       * @param style The style to use for the querying marquee intersection test.
+       * @returns An implementation that may be used to subsequently query the marquee intersections. Clients should not cache this
        * instance and must always call this method immediately before using the value returned. This enables the use of the
        * flyweight design pattern for implementations
        * @abstract
@@ -65216,9 +65242,9 @@ declare namespace system{
        * <p>
        * This method may return a flyweight implementation.
        * </p>
-       * @param {yfiles.graph.IPort} port The port to provide an instance for
-       * @param {yfiles.styles.IPortStyle} style The style to use for the testing the visibility
-       * @returns {yfiles.view.IVisibilityTestable} An implementation that may be used to subsequently query the port's visibility. Clients should not cache this instance
+       * @param port The port to provide an instance for
+       * @param style The style to use for the testing the visibility
+       * @returns An implementation that may be used to subsequently query the port's visibility. Clients should not cache this instance
        * and must always call this method immediately before using the value returned. This enables the use of the flyweight
        * design pattern for implementations
        * @abstract
@@ -65230,11 +65256,11 @@ declare namespace system{
        * <p>
        * This method may return a flyweight implementation, but never <code>null</code>.
        * </p>
-       * @param {yfiles.graph.IPort} port The port to provide an instance for
-       * @param {yfiles.styles.IPortStyle} style The style to use for the creation of the visual
-       * @returns {yfiles.view.IVisualCreator} An implementation that may be used to subsequently create or update the visual for the port. Clients should not cache
+       * @param port The port to provide an instance for
+       * @param style The style to use for the creation of the visual
+       * @returns An implementation that may be used to subsequently create or update the visual for the port. Clients should not cache
        * this instance and must always call this method immediately before using the value returned. This enables the use of the
-       * flyweight design pattern for implementations. This method may not return <code>null</code> but should yield a {@link yfiles.view.VoidVisualCreator#INSTANCE void} implementation
+       * flyweight design pattern for implementations. This method may not return <code>null</code> but should yield a {@link #INSTANCE void} implementation
        * instead.
        * @see yfiles.view.VoidVisualCreator#INSTANCE
        * @abstract
@@ -65257,22 +65283,22 @@ declare namespace system{
     export interface IShapeGeometry extends Object{
       /**
        * Returns the intersection for the given line with this shape's geometry.
-       * @param {yfiles.geometry.Point} inner The first point of the line that is inside the shape.
-       * @param {yfiles.geometry.Point} outer The second point of the line that is outside the shape.
-       * @returns {yfiles.geometry.Point} The coordinates of the intersection point, if an intersection was found.
+       * @param inner The first point of the line that is inside the shape.
+       * @param outer The second point of the line that is outside the shape.
+       * @returns The coordinates of the intersection point, if an intersection was found.
        * @abstract
        */
       getIntersection(inner:yfiles.geometry.Point,outer:yfiles.geometry.Point):yfiles.geometry.Point;
       /**
        * Returns the outline of the shape or <code>null</code>.
-       * @returns {yfiles.geometry.GeneralPath} The outline or <code>null</code> if no outline can be provided.
+       * @returns The outline or <code>null</code> if no outline can be provided.
        * @abstract
        */
       getOutline():yfiles.geometry.GeneralPath;
       /**
        * Checks whether the given coordinate is deemed to lie within the shape's geometric bounds.
-       * @param {yfiles.geometry.Point} location The point to test.
-       * @returns {boolean} True if the point lies within the shape.
+       * @param location The point to test.
+       * @returns True if the point lies within the shape.
        * @abstract
        */
       isInside(location:yfiles.geometry.Point):boolean;
@@ -65284,61 +65310,60 @@ declare namespace system{
     /**
      * An {@link yfiles.view.IVisualCreator} for use in a {@link yfiles.view.CanvasComponent} that renders a {@link yfiles.graph.IGraph} instance in a
      * sloppy overview style.
-     * @class yfiles.styles.GraphOverviewSvgVisualCreator
+     * @class
      * @implements {yfiles.view.IVisualCreator}
      */
     export interface GraphOverviewSvgVisualCreator extends Object,yfiles.view.IVisualCreator{}
     export class GraphOverviewSvgVisualCreator {
       /**
        * Creates a new instance for the given graph.
-       * @param {yfiles.graph.IGraph} graph
-       * @constructor
+       * @param graph
        */
       constructor(graph:yfiles.graph.IGraph);
       /**
        * Callback that returns and/or configures a edge style for the given edge to render.
-       * @param {yfiles.graph.IEdge} edge The edge to render.
-       * @returns {yfiles.styles.IEdgeStyle} The style or <code>null</code>
+       * @param edge The edge to render.
+       * @returns The style or <code>null</code>
        * @protected
        */
       getEdgeStyle(edge:yfiles.graph.IEdge):yfiles.styles.IEdgeStyle;
       /**
        * Obtains the {@link yfiles.view.IVisualCreator} for the given edge.
-       * @param {yfiles.view.IRenderContext} context The context.
-       * @param {yfiles.graph.IEdge} edge The edge.
-       * @returns {yfiles.view.IVisualCreator} The visual creator that is obtained from the {@link yfiles.styles.GraphOverviewSvgVisualCreator#getEdgeStyle}'s {@link yfiles.styles.IEdgeStyleRenderer#getVisualCreator}
+       * @param context The context.
+       * @param edge The edge.
+       * @returns The visual creator that is obtained from the {@link #getEdgeStyle}'s {@link #getVisualCreator}
        * method.
        * @protected
        */
       getEdgeVisualCreator(context:yfiles.view.IRenderContext,edge:yfiles.graph.IEdge):yfiles.view.IVisualCreator;
       /**
        * Callback that returns and/or configures a group node style for the given node to render.
-       * @param {yfiles.graph.INode} node The group node to render.
-       * @returns {yfiles.styles.INodeStyle} The style or <code>null</code>
+       * @param node The group node to render.
+       * @returns The style or <code>null</code>
        * @protected
        */
       getGroupNodeStyle(node:yfiles.graph.INode):yfiles.styles.INodeStyle;
       /**
        * Obtains the {@link yfiles.view.IVisualCreator} for the given group node.
-       * @param {yfiles.view.IRenderContext} context The context.
-       * @param {yfiles.graph.INode} node The group node.
-       * @returns {yfiles.view.IVisualCreator} The visual creator that is obtained from the {@link yfiles.styles.GraphOverviewSvgVisualCreator#getGroupNodeStyle}'s {@link yfiles.styles.INodeStyleRenderer#getVisualCreator}
+       * @param context The context.
+       * @param node The group node.
+       * @returns The visual creator that is obtained from the {@link #getGroupNodeStyle}'s {@link #getVisualCreator}
        * method.
        * @protected
        */
       getGroupNodeVisualCreator(context:yfiles.view.IRenderContext,node:yfiles.graph.INode):yfiles.view.IVisualCreator;
       /**
        * Callback that returns and/or configures a node style for the given node to render.
-       * @param {yfiles.graph.INode} node The node to render.
-       * @returns {yfiles.styles.INodeStyle} The style or <code>null</code>
+       * @param node The node to render.
+       * @returns The style or <code>null</code>
        * @protected
        */
       getNodeStyle(node:yfiles.graph.INode):yfiles.styles.INodeStyle;
       /**
        * Obtains the {@link yfiles.view.IVisualCreator} for the given node.
-       * @param {yfiles.view.IRenderContext} context The context.
-       * @param {yfiles.graph.INode} node The node.
-       * @returns {yfiles.view.IVisualCreator} The visual creator that is obtained from the {@link yfiles.styles.GraphOverviewSvgVisualCreator#getNodeStyle}'s {@link yfiles.styles.INodeStyleRenderer#getVisualCreator}
+       * @param context The context.
+       * @param node The node.
+       * @returns The visual creator that is obtained from the {@link #getNodeStyle}'s {@link #getVisualCreator}
        * method.
        * @protected
        */
@@ -65380,7 +65405,7 @@ declare namespace system{
      * <li>Tutorial: 02 Custom Styles, step 17 Edge Hit Test</li>
      * <li>Tutorial: 02 Custom Styles, step 18 Edge Cropping</li>
      * </ul>
-     * @class yfiles.styles.EdgeStyleBase
+     * @class
      * @implements {yfiles.styles.IEdgeStyle}
      */
     export interface EdgeStyleBase extends Object,yfiles.styles.IEdgeStyle{}
@@ -65388,17 +65413,16 @@ declare namespace system{
       /**
        * Initializes a new instance of the {@link yfiles.styles.EdgeStyleBase} class.
        * @protected
-       * @constructor
        */
       constructor();
       /**
        * Convenience method that adds the arrows to a given container.
-       * @param {yfiles.view.IRenderContext} context The context for the rendering.
-       * @param {SVGGElement} group The container to which the arrows should be added.
-       * @param {yfiles.graph.IEdge} edge The edge that is being rendered.
-       * @param {yfiles.geometry.GeneralPath} edgePath The edge path.
-       * @param {yfiles.styles.IArrow} sourceArrow The source arrow.
-       * @param {yfiles.styles.IArrow} targetArrow The target arrow.
+       * @param context The context for the rendering.
+       * @param group The container to which the arrows should be added.
+       * @param edge The edge that is being rendered.
+       * @param edgePath The edge path.
+       * @param sourceArrow The source arrow.
+       * @param targetArrow The target arrow.
        * @protected
        */
       addArrows(context:yfiles.view.IRenderContext,group:SVGGElement,edge:yfiles.graph.IEdge,edgePath:yfiles.geometry.GeneralPath,sourceArrow:yfiles.styles.IArrow,targetArrow:yfiles.styles.IArrow):void;
@@ -65407,7 +65431,7 @@ declare namespace system{
        * <p>
        * Immutable subclasses should consider returning <code>this</code>.
        * </p>
-       * @returns {Object} A new object that is a copy of this instance using {@link Object#memberwiseClone}.
+       * @returns A new object that is a copy of this instance using {@link #memberwiseClone}.
        */
       clone():Object;
       /**
@@ -65416,9 +65440,9 @@ declare namespace system{
        * This method is called in response to a {@link yfiles.view.IVisualCreator#createVisual} call to the instance that has been
        * queried from the {@link yfiles.styles.EdgeStyleBase#renderer}.
        * </p>
-       * @param {yfiles.view.IRenderContext} context The render context.
-       * @param {yfiles.graph.IEdge} edge The edge to which this style instance is assigned.
-       * @returns {yfiles.view.Visual} The visual as required by the {@link yfiles.view.IVisualCreator#createVisual} interface.
+       * @param context The render context.
+       * @param edge The edge to which this style instance is assigned.
+       * @returns The visual as required by the {@link #createVisual} interface.
        * @see yfiles.styles.EdgeStyleBase#updateVisual
        * @protected
        * @abstract
@@ -65430,11 +65454,11 @@ declare namespace system{
        * This implementation uses the {@link yfiles.styles.IEdgePathCropper} instances found in the {@link yfiles.graph.ILookup#lookup} of the
        * source and target port of the edge to perform the actual cropping.
        * </p>
-       * @param {yfiles.graph.IEdge} edge The edge that is being rendered.
-       * @param {yfiles.geometry.GeneralPath} path The path that should be cropped.
-       * @param {yfiles.styles.IArrow} sourceArrow The source arrow instance.
-       * @param {yfiles.styles.IArrow} targetArrow The target arrow instance.
-       * @returns {yfiles.geometry.GeneralPath} The cropped path. This is can be either the same instance of the given path or a newly created instance.
+       * @param edge The edge that is being rendered.
+       * @param path The path that should be cropped.
+       * @param sourceArrow The source arrow instance.
+       * @param targetArrow The target arrow instance.
+       * @returns The cropped path. This is can be either the same instance of the given path or a newly created instance.
        * @protected
        */
       cropPath(edge:yfiles.graph.IEdge,sourceArrow:yfiles.styles.IArrow,targetArrow:yfiles.styles.IArrow,path:yfiles.geometry.GeneralPath):yfiles.geometry.GeneralPath;
@@ -65445,56 +65469,56 @@ declare namespace system{
        * from the {@link yfiles.styles.EdgeStyleBase#renderer}. This implementation simply yields a {@link yfiles.geometry.Rect rectangle} containing. the locations of the {@link yfiles.graph.IEdge#sourcePort source port} and the {@link yfiles.graph.IEdge#targetPort target port}
        * of the edge and the locations of all its {@link yfiles.graph.IEdge#bends bends}.
        * </p>
-       * @param {yfiles.view.ICanvasContext} context The canvas context.
-       * @param {yfiles.graph.IEdge} edge The edge to which this style instance is assigned.
-       * @returns {yfiles.geometry.Rect} The visual bounds of the visual representation.
+       * @param context The canvas context.
+       * @param edge The edge to which this style instance is assigned.
+       * @returns The visual bounds of the visual representation.
        * @protected
        */
       getBounds(context:yfiles.view.ICanvasContext,edge:yfiles.graph.IEdge):yfiles.geometry.Rect;
       /**
        * Gets the path of the edge.
-       * @param {yfiles.graph.IEdge} edge The edge.
-       * @returns {yfiles.geometry.GeneralPath} The path.
+       * @param edge The edge.
+       * @returns The path.
        * @protected
        */
       getPath(edge:yfiles.graph.IEdge):yfiles.geometry.GeneralPath;
       /**
        * Gets the number of segments of the edge.
-       * @param {yfiles.graph.IEdge} edge The edge.
-       * @returns {number} The segment count.
+       * @param edge The edge.
+       * @returns The segment count.
        * @protected
        */
       getSegmentCount(edge:yfiles.graph.IEdge):number;
       /**
        * Convenience method that calculates the source arrow anchor and direction for a a given arrow and path.
-       * @param {yfiles.geometry.GeneralPath} path The path of the edge.
-       * @param {yfiles.styles.IArrow} arrow The arrow.
-       * @returns {yfiles.geometry.Tangent} The anchor and directional vector of the arrow, if any exist.
+       * @param path The path of the edge.
+       * @param arrow The arrow.
+       * @returns The anchor and directional vector of the arrow, if any exist.
        * @protected
        */
       getSourceArrowAnchor(path:yfiles.geometry.GeneralPath,arrow:yfiles.styles.IArrow):yfiles.geometry.Tangent;
       /**
        * Gets the tangent to the edge at the specified ratio of a segment of the edge and the corresponding touch point.
-       * @param {yfiles.graph.IEdge} edge The edge.
-       * @param {number} segmentIndex Index of the segment of the edge.
-       * @param {number} ratio A value between 0 and 1 inclusively that indicates a ratio from the beginning to the end of the segment of the edge.
-       * @returns {yfiles.geometry.Tangent} The tangent, if any exists.
+       * @param edge The edge.
+       * @param segmentIndex Index of the segment of the edge.
+       * @param ratio A value between 0 and 1 inclusively that indicates a ratio from the beginning to the end of the segment of the edge.
+       * @returns The tangent, if any exists.
        * @protected
        */
       getTangent(edge:yfiles.graph.IEdge,segmentIndex:number,ratio:number):yfiles.geometry.Tangent;
       /**
        * Gets the tangent to the edge at the specified ratio and the corresponding touch point.
-       * @param {yfiles.graph.IEdge} edge The edge.
-       * @param {number} ratio A value between 0 and 1 inclusively that indicates a ratio from the beginning to the end of the path of the edge.
-       * @returns {yfiles.geometry.Tangent} The tangent, if any exists.
+       * @param edge The edge.
+       * @param ratio A value between 0 and 1 inclusively that indicates a ratio from the beginning to the end of the path of the edge.
+       * @returns The tangent, if any exists.
        * @protected
        */
       getTangent(edge:yfiles.graph.IEdge,ratio:number):yfiles.geometry.Tangent;
       /**
        * Convenience method that calculates the target arrow anchor and direction for a a given arrow and path.
-       * @param {yfiles.geometry.GeneralPath} path The path of the edge.
-       * @param {yfiles.styles.IArrow} arrow The arrow.
-       * @returns {yfiles.geometry.Tangent} The anchor and directional vector of the arrow, if any exist.
+       * @param path The path of the edge.
+       * @param arrow The arrow.
+       * @returns The anchor and directional vector of the arrow, if any exist.
        * @protected
        */
       getTargetArrowAnchor(path:yfiles.geometry.GeneralPath,arrow:yfiles.styles.IArrow):yfiles.geometry.Tangent;
@@ -65509,10 +65533,10 @@ declare namespace system{
        * with the polygonal line defined by the source port, the target port and the bends of the edge and the {@link yfiles.view.ICanvasContext#hitTestRadius} of the
        * {@link yfiles.view.ICanvasContext canvas context}.
        * </p>
-       * @param {yfiles.input.IInputModeContext} context The input mode context.
-       * @param {yfiles.geometry.Point} location The point to test.
-       * @param {yfiles.graph.IEdge} edge The edge to which this style instance is assigned.
-       * @returns {boolean} <code>true</code> if the specified edge representation is hit; <code>false</code> otherwise.
+       * @param context The input mode context.
+       * @param location The point to test.
+       * @param edge The edge to which this style instance is assigned.
+       * @returns <code>true</code> if the specified edge representation is hit; <code>false</code> otherwise.
        * @see yfiles.geometry.Point#hitsPolyline
        * @protected
        */
@@ -65527,10 +65551,10 @@ declare namespace system{
        * This implementation returns the result of the {@link yfiles.geometry.Rect#intersectsPolyline} method of class {@link yfiles.geometry.Rect}
        * with the polygonal line defined by the source port, the target port and the bends of the edge.
        * </p>
-       * @param {yfiles.input.IInputModeContext} context The input mode context.
-       * @param {yfiles.geometry.Rect} rectangle The marquee selection box.
-       * @param {yfiles.graph.IEdge} edge The edge to which this style instance is assigned.
-       * @returns {boolean} <code>true</code> if the specified edge is visible is selected by the marquee rectangle; <code>false</code> otherwise.
+       * @param context The input mode context.
+       * @param rectangle The marquee selection box.
+       * @param edge The edge to which this style instance is assigned.
+       * @returns <code>true</code> if the specified edge is visible is selected by the marquee rectangle; <code>false</code> otherwise.
        * @protected
        */
       isInBox(context:yfiles.input.IInputModeContext,rectangle:yfiles.geometry.Rect,edge:yfiles.graph.IEdge):boolean;
@@ -65540,10 +65564,10 @@ declare namespace system{
        * This method is called in response to a {@link yfiles.view.IVisibilityTestable#isVisible} call to the instance that has been
        * queried from the {@link yfiles.styles.EdgeStyleBase#renderer}. This implementation simply tests whether the {@link yfiles.styles.EdgeStyleBase#getBounds bounds} intersect the clip.
        * </p>
-       * @param {yfiles.view.ICanvasContext} context The canvas context.
-       * @param {yfiles.geometry.Rect} rectangle The clipping rectangle.
-       * @param {yfiles.graph.IEdge} edge The edge to which this style instance is assigned.
-       * @returns {boolean} <code>true</code> if the specified edge is visible in the clipping rectangle; <code>false</code> otherwise.
+       * @param context The canvas context.
+       * @param rectangle The clipping rectangle.
+       * @param edge The edge to which this style instance is assigned.
+       * @returns <code>true</code> if the specified edge is visible in the clipping rectangle; <code>false</code> otherwise.
        * @protected
        */
       isVisible(context:yfiles.view.ICanvasContext,rectangle:yfiles.geometry.Rect,edge:yfiles.graph.IEdge):boolean;
@@ -65565,20 +65589,20 @@ declare namespace system{
        * <p>
        * For these interfaces an implementation will be returned that delegates to the methods in this instance.
        * </p>
-       * @param {yfiles.graph.IEdge} edge The edge to use for the context lookup.
-       * @param {yfiles.lang.Class} type The type to query.
-       * @returns {Object} An implementation of the <code>type</code> or <code>null</code>.
+       * @param edge The edge to use for the context lookup.
+       * @param type The type to query.
+       * @returns An implementation of the <code>type</code> or <code>null</code>.
        * @protected
        */
       lookup(edge:yfiles.graph.IEdge,type:yfiles.lang.Class):Object;
       /**
        * Convenience method that updates the arrows in a given container.
-       * @param {yfiles.view.IRenderContext} context The context for the rendering.
-       * @param {SVGGElement} group The container to which the arrows should be added.
-       * @param {yfiles.graph.IEdge} edge The edge that is being rendered.
-       * @param {yfiles.geometry.GeneralPath} edgePath The edge path.
-       * @param {yfiles.styles.IArrow} sourceArrow The source arrow.
-       * @param {yfiles.styles.IArrow} targetArrow The target arrow.
+       * @param context The context for the rendering.
+       * @param group The container to which the arrows should be added.
+       * @param edge The edge that is being rendered.
+       * @param edgePath The edge path.
+       * @param sourceArrow The source arrow.
+       * @param targetArrow The target arrow.
        * @protected
        */
       updateArrows(context:yfiles.view.IRenderContext,group:SVGGElement,edge:yfiles.graph.IEdge,edgePath:yfiles.geometry.GeneralPath,sourceArrow:yfiles.styles.IArrow,targetArrow:yfiles.styles.IArrow):void;
@@ -65589,10 +65613,10 @@ declare namespace system{
        * queried from the {@link yfiles.styles.EdgeStyleBase#renderer}. This implementation simply delegates to {@link yfiles.styles.EdgeStyleBase#createVisual} so subclasses should
        * override to improve rendering performance.
        * </p>
-       * @param {yfiles.view.IRenderContext} context The render context.
-       * @param {yfiles.view.Visual} oldVisual The visual that has been created in the call to {@link yfiles.styles.EdgeStyleBase#createVisual}.
-       * @param {yfiles.graph.IEdge} edge The edge to which this style instance is assigned.
-       * @returns {yfiles.view.Visual} The visual as required by the {@link yfiles.view.IVisualCreator#createVisual} interface.
+       * @param context The render context.
+       * @param oldVisual The visual that has been created in the call to {@link #createVisual}.
+       * @param edge The edge to which this style instance is assigned.
+       * @returns The visual as required by the {@link #createVisual} interface.
        * @see yfiles.styles.EdgeStyleBase#createVisual
        * @protected
        */
@@ -65622,7 +65646,7 @@ declare namespace system{
      * and 'yfiles-collapsebutton-unchecked'.
      * </p>
      * @see yfiles.styles.CollapsibleNodeStyleDecoratorRenderer
-     * @class yfiles.styles.CollapsibleNodeStyleDecorator
+     * @class
      * @implements {yfiles.styles.INodeStyle}
      */
     export interface CollapsibleNodeStyleDecorator extends Object,yfiles.styles.INodeStyle{}
@@ -65630,17 +65654,16 @@ declare namespace system{
       /**
        * Initializes a new instance of the {@link yfiles.styles.CollapsibleNodeStyleDecorator} class using the provided style for the {@link yfiles.styles.CollapsibleNodeStyleDecorator#wrapped}
        * property and the provided {@link yfiles.styles.CollapsibleNodeStyleDecoratorRenderer} as renderer.
-       * @param {yfiles.styles.INodeStyle} wrapped The decorated style.
-       * @param {yfiles.styles.CollapsibleNodeStyleDecoratorRenderer} [renderer=null] An instance of {@link yfiles.styles.CollapsibleNodeStyleDecoratorRenderer} to render this style.
-       * @constructor
+       * @param wrapped The decorated style.
+       * @param [renderer=null] An instance of {@link } to render this style.
        */
       constructor(wrapped:yfiles.styles.INodeStyle,renderer?:yfiles.styles.CollapsibleNodeStyleDecoratorRenderer);
       /**
        * Initializes a new instance of the {@link yfiles.styles.CollapsibleNodeStyleDecorator} class using the provided style for the {@link yfiles.styles.CollapsibleNodeStyleDecorator#wrapped}
        * property and the provided {@link yfiles.styles.CollapsibleNodeStyleDecoratorRenderer} as renderer.
        * @param {Object} options The parameters to pass.
-       * @param {yfiles.styles.INodeStyle} options.wrapped The decorated style.
-       * @param {yfiles.styles.CollapsibleNodeStyleDecoratorRenderer} [options.renderer=null] An instance of {@link yfiles.styles.CollapsibleNodeStyleDecoratorRenderer} to render this style.
+       * @param options.wrapped The decorated style.
+       * @param [options.renderer=null] An instance of {@link } to render this style.
        * @param {yfiles.graph.ILabelModelParameter} options.buttonPlacement An {@link yfiles.graph.ILabelModelParameter} that determines the placement of the button for toggling the expanded state.
        * <p>
        * This option sets the {@link yfiles.styles.CollapsibleNodeStyleDecorator#buttonPlacement} property on the created object.
@@ -65649,7 +65672,6 @@ declare namespace system{
        * <p>
        * This option sets the {@link yfiles.styles.CollapsibleNodeStyleDecorator#insets} property on the created object.
        * </p>
-       * @constructor
        */
       constructor(options:{wrapped:yfiles.styles.INodeStyle,renderer?:yfiles.styles.CollapsibleNodeStyleDecoratorRenderer,buttonPlacement?:yfiles.graph.ILabelModelParameter,insets?:yfiles.geometry.Insets});
       /**
@@ -65666,12 +65688,11 @@ declare namespace system{
        * <p>
        * This option sets the {@link yfiles.styles.CollapsibleNodeStyleDecorator#insets} property on the created object.
        * </p>
-       * @constructor
        */
       constructor(options?:{buttonPlacement?:yfiles.graph.ILabelModelParameter,insets?:yfiles.geometry.Insets});
       /**
        * 
-       * @returns {Object} 
+       * @returns 
        */
       clone():Object;
       /**
@@ -65711,7 +65732,7 @@ declare namespace system{
     /**
      * {@link yfiles.styles.INodeStyleRenderer} implementation that can be used in conjunction with {@link yfiles.styles.CollapsibleNodeStyleDecorator}
      * instances.
-     * @class yfiles.styles.CollapsibleNodeStyleDecoratorRenderer
+     * @class
      * @implements {yfiles.styles.INodeStyleRenderer}
      * @implements {yfiles.styles.IShapeGeometry}
      * @implements {yfiles.view.IBoundsProvider}
@@ -65725,7 +65746,6 @@ declare namespace system{
     export class CollapsibleNodeStyleDecoratorRenderer {
       /**
        * Initializes a new instance of the {@link yfiles.styles.CollapsibleNodeStyleDecoratorRenderer} class.
-       * @constructor
        */
       constructor();
       /**
@@ -65735,9 +65755,9 @@ declare namespace system{
        * {@link yfiles.input.ICommand#TOGGLE_EXPANSION_STATE}. It is called by
        * {@link yfiles.styles.CollapsibleNodeStyleDecoratorRenderer#createButton}.
        * </p>
-       * @param {yfiles.view.SvgVisual} button The button visual to add the event listeners to.
-       * @param {yfiles.graph.INode} currentNode The group node whose state is to be toggled.
-       * @param {yfiles.view.IRenderContext} context The context.
+       * @param button The button visual to add the event listeners to.
+       * @param currentNode The group node whose state is to be toggled.
+       * @param context The context.
        * @static
        */
       static addToggleExpansionStateCommand(button:yfiles.view.SvgVisual,currentNode:yfiles.graph.INode,context:yfiles.view.IRenderContext):void;
@@ -65766,17 +65786,17 @@ declare namespace system{
        * This implementation adds the {@link yfiles.input.ICommand#TOGGLE_EXPANSION_STATE} command to the button. The created button is
        * automatically unchecked if the group node is {@link yfiles.graph.IFoldingView#isExpanded expanded} and vice versa.
        * </p>
-       * @param {yfiles.view.IRenderContext} context The context.
-       * @param {boolean} expanded Specifies whether the button visual is created for the expanded or the collapsed state.
-       * @param {yfiles.geometry.Size} size The button size.
-       * @returns {yfiles.view.SvgVisual} 
+       * @param context The context.
+       * @param expanded Specifies whether the button visual is created for the expanded or the collapsed state.
+       * @param size The button size.
+       * @returns 
        * @protected
        */
       createButton(context:yfiles.view.IRenderContext,expanded:boolean,size:yfiles.geometry.Size):yfiles.view.SvgVisual;
       /**
        * Callback that provides a customized {@link yfiles.view.ISelectionIndicatorInstaller}.
-       * @returns {yfiles.view.ISelectionIndicatorInstaller} This implementation yields a {@link yfiles.view.RectangleIndicatorInstaller} that uses
-       * {@link yfiles.view.RectangleIndicatorInstaller#SELECTION_TEMPLATE_KEY}.
+       * @returns This implementation yields a {@link } that uses
+       * {@link #SELECTION_TEMPLATE_KEY}.
        * @protected
        */
       createSelectionInstaller():yfiles.view.ISelectionIndicatorInstaller;
@@ -65785,37 +65805,36 @@ declare namespace system{
        * <p>
        * This method uses {@link yfiles.styles.CollapsibleNodeStyleDecoratorRenderer#createButton} to create the togglebutton instance.
        * It will then use the {@link yfiles.styles.CollapsibleNodeStyleDecoratorRenderer#getButtonLocationParameter} to determine the
-       * placement of the button and use the {@link yfiles.styles.CollapsibleNodeStyleDecoratorRenderer#getWrappedStyle} to create the
-       * visual for the actual node.
+       * placement of the button and use the {@link yfiles.styles.CollapsibleNodeStyleDecorator#wrapped wrapped style} to create the visual for the actual node.
        * </p>
-       * @param {yfiles.view.IRenderContext} context
-       * @returns {yfiles.view.Visual} 
+       * @param context
+       * @returns 
        */
       createVisual(context:yfiles.view.IRenderContext):yfiles.view.Visual;
       /**
        * Delegates to the {@link yfiles.styles.CollapsibleNodeStyleDecoratorRenderer#getWrappedStyle} and takes the button into account.
-       * @param {yfiles.view.ICanvasContext} context
-       * @returns {yfiles.geometry.Rect} 
+       * @param context
+       * @returns 
        */
       getBounds(context:yfiles.view.ICanvasContext):yfiles.geometry.Rect;
       /**
        * Configures the <code>style</code> and <code>node</code> parameters, calls {@link yfiles.styles.CollapsibleNodeStyleDecoratorRenderer#configure} and
        * returns <code>this</code>.
-       * @param {yfiles.graph.INode} node The node to retrieve the bounds provider for. The value will be stored in the {@link yfiles.styles.CollapsibleNodeStyleDecoratorRenderer#node} property.
-       * @param {yfiles.styles.INodeStyle} style The style to associate with the node. The value will be stored in the {@link yfiles.styles.CollapsibleNodeStyleDecoratorRenderer#style} property.
-       * @returns {yfiles.view.IBoundsProvider} <code>this</code>
+       * @param node The node to retrieve the bounds provider for. The value will be stored in the {@link #node} property.
+       * @param style The style to associate with the node. The value will be stored in the {@link #style} property.
+       * @returns <code>this</code>
        * @see yfiles.styles.CollapsibleNodeStyleDecoratorRenderer#getBounds
        */
       getBoundsProvider(node:yfiles.graph.INode,style:yfiles.styles.INodeStyle):yfiles.view.IBoundsProvider;
       /**
        * Yields the {@link yfiles.styles.CollapsibleNodeStyleDecorator#buttonPlacement} for the current {@link yfiles.styles.CollapsibleNodeStyleDecoratorRenderer#style}
-       * @returns {yfiles.graph.ILabelModelParameter} 
+       * @returns 
        * @protected
        */
       getButtonLocationParameter():yfiles.graph.ILabelModelParameter;
       /**
        * Returns the size of new buttons.
-       * @returns {yfiles.geometry.Size} The size of new buttons
+       * @returns The size of new buttons
        * @protected
        */
       getButtonSize():yfiles.geometry.Size;
@@ -65828,47 +65847,47 @@ declare namespace system{
        * method call they should call {@link yfiles.styles.CollapsibleNodeStyleDecoratorRenderer#configure} only if needed, i.e. if they
        * decide to return <code>this</code> or an instance that depends on a correctly configured <code>this</code>.
        * </p>
-       * @param {yfiles.graph.INode} node The node to query the context for. The value will be stored in the {@link yfiles.styles.CollapsibleNodeStyleDecoratorRenderer#node} property.
-       * @param {yfiles.styles.INodeStyle} style The style to associate with the node. The value will be stored in the {@link yfiles.styles.CollapsibleNodeStyleDecoratorRenderer#style} property.
-       * @returns {yfiles.graph.ILookup} <code>this</code>
+       * @param node The node to query the context for. The value will be stored in the {@link #node} property.
+       * @param style The style to associate with the node. The value will be stored in the {@link #style} property.
+       * @returns <code>this</code>
        * @see yfiles.styles.CollapsibleNodeStyleDecoratorRenderer#lookup
        */
       getContext(node:yfiles.graph.INode,style:yfiles.styles.INodeStyle):yfiles.graph.ILookup;
       /**
        * Configures the <code>style</code> and <code>node</code> parameters, calls {@link yfiles.styles.CollapsibleNodeStyleDecoratorRenderer#configure} and
        * returns <code>this</code>.
-       * @param {yfiles.graph.INode} node The node to query hit test with. The value will be stored in the {@link yfiles.styles.CollapsibleNodeStyleDecoratorRenderer#node} property.
-       * @param {yfiles.styles.INodeStyle} style The style to associate with the node. The value will be stored in the {@link yfiles.styles.CollapsibleNodeStyleDecoratorRenderer#style} property.
-       * @returns {yfiles.input.IHitTestable} <code>this</code>
+       * @param node The node to query hit test with. The value will be stored in the {@link #node} property.
+       * @param style The style to associate with the node. The value will be stored in the {@link #style} property.
+       * @returns <code>this</code>
        * @see yfiles.styles.CollapsibleNodeStyleDecoratorRenderer#isHit
        */
       getHitTestable(node:yfiles.graph.INode,style:yfiles.styles.INodeStyle):yfiles.input.IHitTestable;
       /**
        * Delegates to the {@link yfiles.styles.CollapsibleNodeStyleDecoratorRenderer#getWrappedStyle}.
-       * @param {yfiles.geometry.Point} inner
-       * @param {yfiles.geometry.Point} outer
-       * @returns {yfiles.geometry.Point} 
+       * @param inner
+       * @param outer
+       * @returns 
        */
       getIntersection(inner:yfiles.geometry.Point,outer:yfiles.geometry.Point):yfiles.geometry.Point;
       /**
        * Configures the <code>style</code> and <code>node</code> parameters, calls {@link yfiles.styles.CollapsibleNodeStyleDecoratorRenderer#configure} and
        * returns <code>this</code>.
-       * @param {yfiles.graph.INode} node The node to query marquee intersection tests. The value will be stored in the {@link yfiles.styles.CollapsibleNodeStyleDecoratorRenderer#node} property.
-       * @param {yfiles.styles.INodeStyle} style The style to associate with the node. The value will be stored in the {@link yfiles.styles.CollapsibleNodeStyleDecoratorRenderer#style} property.
-       * @returns {yfiles.input.IMarqueeTestable} <code>this</code>
+       * @param node The node to query marquee intersection tests. The value will be stored in the {@link #node} property.
+       * @param style The style to associate with the node. The value will be stored in the {@link #style} property.
+       * @returns <code>this</code>
        * @see yfiles.styles.CollapsibleNodeStyleDecoratorRenderer#isInBox
        */
       getMarqueeTestable(node:yfiles.graph.INode,style:yfiles.styles.INodeStyle):yfiles.input.IMarqueeTestable;
       /**
        * Delegates to the {@link yfiles.styles.CollapsibleNodeStyleDecoratorRenderer#getWrappedStyle}.
-       * @returns {yfiles.geometry.GeneralPath} 
+       * @returns 
        */
       getOutline():yfiles.geometry.GeneralPath;
       /**
        * Configures the {@link yfiles.styles.CollapsibleNodeStyleDecoratorRenderer#style} and {@link yfiles.styles.CollapsibleNodeStyleDecoratorRenderer#node} properties, calls {@link yfiles.styles.CollapsibleNodeStyleDecoratorRenderer#configure} and returns <code>this</code>.
-       * @param {yfiles.graph.INode} node The node to retrieve the shape geometry for. The value will be stored in the {@link yfiles.styles.CollapsibleNodeStyleDecoratorRenderer#node} property.
-       * @param {yfiles.styles.INodeStyle} style The style to associate with the node. The value will be stored in the {@link yfiles.styles.CollapsibleNodeStyleDecoratorRenderer#style} property.
-       * @returns {yfiles.styles.IShapeGeometry} <code>this</code>
+       * @param node The node to retrieve the shape geometry for. The value will be stored in the {@link #node} property.
+       * @param style The style to associate with the node. The value will be stored in the {@link #style} property.
+       * @returns <code>this</code>
        * @see yfiles.styles.CollapsibleNodeStyleDecoratorRenderer#isInside
        * @see yfiles.styles.CollapsibleNodeStyleDecoratorRenderer#getIntersection
        */
@@ -65881,59 +65900,59 @@ declare namespace system{
        * {@link yfiles.styles.CollapsibleNodeStyleDecoratorRenderer#configure}. If the subclass implementation depends on this instance
        * to be configured, it needs to call <code>Configure</code> in {@link yfiles.styles.CollapsibleNodeStyleDecoratorRenderer#isVisible}.
        * </p>
-       * @param {yfiles.graph.INode} node The node to query visibility tests. The value will be stored in the {@link yfiles.styles.CollapsibleNodeStyleDecoratorRenderer#node} property.
-       * @param {yfiles.styles.INodeStyle} style The style to associate with the node. The value will be stored in the {@link yfiles.styles.CollapsibleNodeStyleDecoratorRenderer#style} property.
-       * @returns {yfiles.view.IVisibilityTestable} <code>this</code>
+       * @param node The node to query visibility tests. The value will be stored in the {@link #node} property.
+       * @param style The style to associate with the node. The value will be stored in the {@link #style} property.
+       * @returns <code>this</code>
        * @see yfiles.styles.CollapsibleNodeStyleDecoratorRenderer#isVisible
        */
       getVisibilityTestable(node:yfiles.graph.INode,style:yfiles.styles.INodeStyle):yfiles.view.IVisibilityTestable;
       /**
        * Configures the <code>style</code> and <code>node</code> parameters, calls {@link yfiles.styles.CollapsibleNodeStyleDecoratorRenderer#configure} and
        * returns <code>this</code>.
-       * @param {yfiles.graph.INode} node The node to retrieve the {@link yfiles.view.IVisualCreator} for. The value will be stored in the {@link yfiles.styles.CollapsibleNodeStyleDecoratorRenderer#node} property.
-       * @param {yfiles.styles.INodeStyle} style The style to associate with the node. The value will be stored in the {@link yfiles.styles.CollapsibleNodeStyleDecoratorRenderer#style} property.
-       * @returns {yfiles.view.IVisualCreator} <code>this</code>
+       * @param node The node to retrieve the {@link } for. The value will be stored in the {@link #node} property.
+       * @param style The style to associate with the node. The value will be stored in the {@link #style} property.
+       * @returns <code>this</code>
        * @see yfiles.styles.CollapsibleNodeStyleDecoratorRenderer#createVisual
        * @see yfiles.styles.CollapsibleNodeStyleDecoratorRenderer#updateVisual
        */
       getVisualCreator(node:yfiles.graph.INode,style:yfiles.styles.INodeStyle):yfiles.view.IVisualCreator;
       /**
        * Yields the {@link yfiles.styles.CollapsibleNodeStyleDecorator#wrapped} property for the current {@link yfiles.styles.CollapsibleNodeStyleDecoratorRenderer#style}
-       * @returns {yfiles.styles.INodeStyle} 
+       * @returns 
        * @protected
        */
       getWrappedStyle():yfiles.styles.INodeStyle;
       /**
        * Delegates to the {@link yfiles.styles.CollapsibleNodeStyleDecoratorRenderer#getWrappedStyle} and checks the button.
-       * @param {yfiles.input.IInputModeContext} context
-       * @param {yfiles.geometry.Point} location
-       * @returns {boolean} 
+       * @param context
+       * @param location
+       * @returns 
        */
       isHit(context:yfiles.input.IInputModeContext,location:yfiles.geometry.Point):boolean;
       /**
        * Delegates to the {@link yfiles.styles.CollapsibleNodeStyleDecoratorRenderer#getWrappedStyle}.
-       * @param {yfiles.input.IInputModeContext} context
-       * @param {yfiles.geometry.Rect} rectangle
-       * @returns {boolean} 
+       * @param context
+       * @param rectangle
+       * @returns 
        */
       isInBox(context:yfiles.input.IInputModeContext,rectangle:yfiles.geometry.Rect):boolean;
       /**
        * Delegates to the {@link yfiles.styles.CollapsibleNodeStyleDecoratorRenderer#getWrappedStyle}.
-       * @param {yfiles.geometry.Point} location
-       * @returns {boolean} 
+       * @param location
+       * @returns 
        */
       isInside(location:yfiles.geometry.Point):boolean;
       /**
        * Delegates to the {@link yfiles.styles.CollapsibleNodeStyleDecoratorRenderer#getWrappedStyle}.
-       * @param {yfiles.view.ICanvasContext} context
-       * @param {yfiles.geometry.Rect} rectangle
-       * @returns {boolean} 
+       * @param context
+       * @param rectangle
+       * @returns 
        */
       isVisible(context:yfiles.view.ICanvasContext,rectangle:yfiles.geometry.Rect):boolean;
       /**
        * 
-       * @param {yfiles.lang.Class} type
-       * @returns {Object} 
+       * @param type
+       * @returns 
        */
       lookup(type:yfiles.lang.Class):Object;
       /**
@@ -65942,19 +65961,19 @@ declare namespace system{
        * This method is called from {@link yfiles.styles.CollapsibleNodeStyleDecoratorRenderer#updateVisual} to update an existing button
        * or to create a new one. Custom implementations can override this method to use a custom button visualization.
        * </p>
-       * @param {yfiles.view.IRenderContext} context The context.
-       * @param {boolean} expanded Specifies whether the button visual is updated for the expanded or the collapsed state.
-       * @param {yfiles.geometry.Size} size The button size.
-       * @param {yfiles.view.Visual} oldButton The old button visual.
-       * @returns {yfiles.view.SvgVisual} 
+       * @param context The context.
+       * @param expanded Specifies whether the button visual is updated for the expanded or the collapsed state.
+       * @param size The button size.
+       * @param oldButton The old button visual.
+       * @returns 
        * @protected
        */
       updateButton(context:yfiles.view.IRenderContext,expanded:boolean,size:yfiles.geometry.Size,oldButton:yfiles.view.Visual):yfiles.view.SvgVisual;
       /**
        * 
-       * @param {yfiles.view.IRenderContext} context
-       * @param {yfiles.view.Visual} oldVisual
-       * @returns {yfiles.view.Visual} 
+       * @param context
+       * @param oldVisual
+       * @returns 
        */
       updateVisual(context:yfiles.view.IRenderContext,oldVisual:yfiles.view.Visual):yfiles.view.Visual;
       /**
@@ -65999,7 +66018,7 @@ declare namespace system{
      * <li>Tutorial: 02 Custom Styles, step 11 Label Preferred Size</li>
      * <li>Tutorial: 02 Custom Styles, step 12 High Performance Rendering of Label</li>
      * </ul>
-     * @class yfiles.styles.LabelStyleBase
+     * @class
      * @implements {yfiles.styles.ILabelStyle}
      */
     export interface LabelStyleBase extends Object,yfiles.styles.ILabelStyle{}
@@ -66007,7 +66026,6 @@ declare namespace system{
       /**
        * Initializes a new instance of the {@link yfiles.styles.LabelStyleBase} class.
        * @protected
-       * @constructor
        */
       constructor();
       /**
@@ -66015,15 +66033,15 @@ declare namespace system{
        * <p>
        * Immutable subclasses should consider returning <code>this</code>.
        * </p>
-       * @returns {Object} A new object that is a copy of this instance using {@link Object#memberwiseClone}.
+       * @returns A new object that is a copy of this instance using {@link #memberwiseClone}.
        */
       clone():Object;
       /**
        * Creates a transform matrix that can be applied to a {@link yfiles.view.Visual} to arrange it according to the given <code>layout</code> and <code>autoFlip</code>
        * rule.
-       * @param {yfiles.geometry.IOrientedRectangle} layout The layout used to create the transform matrix.
-       * @param {boolean} autoFlip Whether to automatically flip the mtrix by 180 degrees, if the result would be pointing downwards.
-       * @returns {yfiles.geometry.Matrix} The transform matrix.
+       * @param layout The layout used to create the transform matrix.
+       * @param autoFlip Whether to automatically flip the mtrix by 180 degrees, if the result would be pointing downwards.
+       * @returns The transform matrix.
        * @static
        */
       static createLayoutTransform(layout:yfiles.geometry.IOrientedRectangle,autoFlip:boolean):yfiles.geometry.Matrix;
@@ -66033,9 +66051,9 @@ declare namespace system{
        * This method is called in response to a {@link yfiles.view.IVisualCreator#createVisual} call to the instance that has been
        * queried from the {@link yfiles.styles.LabelStyleBase#renderer}.
        * </p>
-       * @param {yfiles.view.IRenderContext} context The render context.
-       * @param {yfiles.graph.ILabel} label The label to which this style instance is assigned.
-       * @returns {yfiles.view.Visual} The visual as required by the {@link yfiles.view.IVisualCreator#createVisual} interface.
+       * @param context The render context.
+       * @param label The label to which this style instance is assigned.
+       * @returns The visual as required by the {@link #createVisual} interface.
        * @see yfiles.styles.LabelStyleBase#updateVisual
        * @protected
        * @abstract
@@ -66050,16 +66068,16 @@ declare namespace system{
        * <p>
        * This implementation simply yields the {@link yfiles.geometry.IOrientedRectangle#bounds bounds} of the {@link yfiles.graph.ILabel#layout layout} of the given label.
        * </p>
-       * @param {yfiles.view.ICanvasContext} context The canvas context.
-       * @param {yfiles.graph.ILabel} label The label to which this style instance is assigned.
-       * @returns {yfiles.geometry.Rect} The visual bounds of the visual representation.
+       * @param context The canvas context.
+       * @param label The label to which this style instance is assigned.
+       * @returns The visual bounds of the visual representation.
        * @protected
        */
       getBounds(context:yfiles.view.ICanvasContext,label:yfiles.graph.ILabel):yfiles.geometry.Rect;
       /**
        * Callback that returns the preferred {@link yfiles.geometry.Size size} of the label.
-       * @param {yfiles.graph.ILabel} label The label to which this style instance is assigned.
-       * @returns {yfiles.geometry.Size} The preferred size.
+       * @param label The label to which this style instance is assigned.
+       * @returns The preferred size.
        * @protected
        * @abstract
        */
@@ -66074,10 +66092,10 @@ declare namespace system{
        * This implementation returns the result of the {@link yfiles.geometry.IOrientedRectangle#hits} method invoked for the {@link yfiles.graph.ILabel#layout layout} of
        * the label, the given {@link yfiles.geometry.Point point} and the {@link yfiles.view.ICanvasContext#hitTestRadius hit test radius} of the {@link yfiles.view.ICanvasContext canvas context}.
        * </p>
-       * @param {yfiles.input.IInputModeContext} context The input mode context.
-       * @param {yfiles.geometry.Point} location The point to test.
-       * @param {yfiles.graph.ILabel} label The label to which this style instance is assigned.
-       * @returns {boolean} <code>true</code> if the specified label representation is hit; <code>false</code> otherwise.
+       * @param context The input mode context.
+       * @param location The point to test.
+       * @param label The label to which this style instance is assigned.
+       * @returns <code>true</code> if the specified label representation is hit; <code>false</code> otherwise.
        * @protected
        */
       isHit(context:yfiles.input.IInputModeContext,location:yfiles.geometry.Point,label:yfiles.graph.ILabel):boolean;
@@ -66091,10 +66109,10 @@ declare namespace system{
        * This implementation returns the result of the {@link yfiles.geometry.Rect#intersects} method invoked on <code>rectangle</code> for the {@link yfiles.graph.ILabel#layout layout}
        * of the label and the <code>context</code>.
        * </p>
-       * @param {yfiles.input.IInputModeContext} context The input mode context.
-       * @param {yfiles.geometry.Rect} rectangle The marquee selection box.
-       * @param {yfiles.graph.ILabel} label The label to which this style instance is assigned.
-       * @returns {boolean} <code>true</code> if the specified label is visible is selected by the marquee rectangle; <code>false</code> otherwise.
+       * @param context The input mode context.
+       * @param rectangle The marquee selection box.
+       * @param label The label to which this style instance is assigned.
+       * @returns <code>true</code> if the specified label is visible is selected by the marquee rectangle; <code>false</code> otherwise.
        * @protected
        */
       isInBox(context:yfiles.input.IInputModeContext,rectangle:yfiles.geometry.Rect,label:yfiles.graph.ILabel):boolean;
@@ -66107,10 +66125,10 @@ declare namespace system{
        * <p>
        * This implementation simply tests whether the {@link yfiles.styles.LabelStyleBase#getBounds bounds} intersect the clip.
        * </p>
-       * @param {yfiles.view.ICanvasContext} context The canvas context.
-       * @param {yfiles.geometry.Rect} rectangle The clipping rectangle.
-       * @param {yfiles.graph.ILabel} label The label to which this style instance is assigned.
-       * @returns {boolean} <code>true</code> if the specified label is visible in the clipping rectangle; <code>false</code> otherwise.
+       * @param context The canvas context.
+       * @param rectangle The clipping rectangle.
+       * @param label The label to which this style instance is assigned.
+       * @returns <code>true</code> if the specified label is visible in the clipping rectangle; <code>false</code> otherwise.
        * @protected
        */
       isVisible(context:yfiles.view.ICanvasContext,rectangle:yfiles.geometry.Rect,label:yfiles.graph.ILabel):boolean;
@@ -66131,9 +66149,9 @@ declare namespace system{
        * <p>
        * For these interfaces an implementation will be returned that delegates to the methods in this instance.
        * </p>
-       * @param {yfiles.graph.ILabel} label The label to use for the context lookup.
-       * @param {yfiles.lang.Class} type The type to query.
-       * @returns {Object} An implementation of the <code>type</code> or <code>null</code>.
+       * @param label The label to use for the context lookup.
+       * @param type The type to query.
+       * @returns An implementation of the <code>type</code> or <code>null</code>.
        * @protected
        */
       lookup(label:yfiles.graph.ILabel,type:yfiles.lang.Class):Object;
@@ -66144,10 +66162,10 @@ declare namespace system{
        * queried from the {@link yfiles.styles.LabelStyleBase#renderer}. This implementation simply delegates to {@link yfiles.styles.LabelStyleBase#createVisual} so subclasses
        * should override to improve rendering performance.
        * </p>
-       * @param {yfiles.view.IRenderContext} context The render context.
-       * @param {yfiles.view.Visual} oldVisual The visual that has been created in the call to {@link yfiles.styles.LabelStyleBase#createVisual}.
-       * @param {yfiles.graph.ILabel} label The label to which this style instance is assigned.
-       * @returns {yfiles.view.Visual} The visual as required by the {@link yfiles.view.IVisualCreator#createVisual} interface.
+       * @param context The render context.
+       * @param oldVisual The visual that has been created in the call to {@link #createVisual}.
+       * @param label The label to which this style instance is assigned.
+       * @returns The visual as required by the {@link #createVisual} interface.
        * @see yfiles.styles.LabelStyleBase#createVisual
        * @protected
        */
@@ -66182,7 +66200,7 @@ declare namespace system{
      * <li>Tutorial: 02 Custom Styles, step 03 UpdateVisual and RenderDataCache</li>
      * <li>Tutorial: 02 Custom Styles, step 05 Hit Test</li>
      * </ul>
-     * @class yfiles.styles.NodeStyleBase
+     * @class
      * @implements {yfiles.styles.INodeStyle}
      */
     export interface NodeStyleBase extends Object,yfiles.styles.INodeStyle{}
@@ -66190,7 +66208,6 @@ declare namespace system{
       /**
        * Initializes a new instance of the {@link yfiles.styles.NodeStyleBase} class.
        * @protected
-       * @constructor
        */
       constructor();
       /**
@@ -66198,7 +66215,7 @@ declare namespace system{
        * <p>
        * Immutable subclasses should consider returning <code>this</code>.
        * </p>
-       * @returns {Object} A new object that is a copy of this instance using {@link Object#memberwiseClone}.
+       * @returns A new object that is a copy of this instance using {@link #memberwiseClone}.
        */
       clone():Object;
       /**
@@ -66207,9 +66224,9 @@ declare namespace system{
        * This method is called in response to a {@link yfiles.view.IVisualCreator#createVisual} call to the instance that has been
        * queried from the {@link yfiles.styles.NodeStyleBase#renderer}.
        * </p>
-       * @param {yfiles.view.IRenderContext} context The render context.
-       * @param {yfiles.graph.INode} node The node to which this style instance is assigned.
-       * @returns {yfiles.view.Visual} The visual as required by the {@link yfiles.view.IVisualCreator#createVisual} interface.
+       * @param context The render context.
+       * @param node The node to which this style instance is assigned.
+       * @returns The visual as required by the {@link #createVisual} interface.
        * @see yfiles.styles.NodeStyleBase#updateVisual
        * @protected
        * @abstract
@@ -66221,9 +66238,9 @@ declare namespace system{
        * This method is called in response to a {@link yfiles.view.IBoundsProvider#getBounds} call to the instance that has been queried
        * from the {@link yfiles.styles.NodeStyleBase#renderer}. This implementation simply yields the {@link yfiles.graph.INode#layout}.
        * </p>
-       * @param {yfiles.view.ICanvasContext} context The canvas context.
-       * @param {yfiles.graph.INode} node The node to which this style instance is assigned.
-       * @returns {yfiles.geometry.Rect} The visual bounds of the visual representation.
+       * @param context The canvas context.
+       * @param node The node to which this style instance is assigned.
+       * @returns The visual bounds of the visual representation.
        * @protected
        */
       getBounds(context:yfiles.view.ICanvasContext,node:yfiles.graph.INode):yfiles.geometry.Rect;
@@ -66235,10 +66252,10 @@ declare namespace system{
        * <code>null</code>. If it is feasible to determine the intersection point for the current shape, this method should be implemented in
        * addition to {@link yfiles.styles.NodeStyleBase#getOutline} to improve performance.
        * </p>
-       * @param {yfiles.graph.INode} node The node to which this style instance is assigned.
-       * @param {yfiles.geometry.Point} inner The coordinates of a point lying {@link yfiles.styles.NodeStyleBase#isInside inside} the shape.
-       * @param {yfiles.geometry.Point} outer The coordinates of a point lying outside the shape.
-       * @returns {yfiles.geometry.Point} The intersection point if one has been found or <code>null</code>, otherwise.
+       * @param node The node to which this style instance is assigned.
+       * @param inner The coordinates of a point lying {@link #isInside inside} the shape.
+       * @param outer The coordinates of a point lying outside the shape.
+       * @returns The intersection point if one has been found or <code>null</code>, otherwise.
        * @see yfiles.styles.NodeStyleBase#isInside
        * @protected
        */
@@ -66250,8 +66267,8 @@ declare namespace system{
        * behavior of {@link yfiles.styles.NodeStyleBase#isInside} and {@link yfiles.styles.NodeStyleBase#getIntersection} since the default
        * implementations delegate to it.
        * </p>
-       * @param {yfiles.graph.INode} node The node to which this style instance is assigned.
-       * @returns {yfiles.geometry.GeneralPath} The outline of the visual representation or <code>null</code>.
+       * @param node The node to which this style instance is assigned.
+       * @returns The outline of the visual representation or <code>null</code>.
        * @protected
        */
       getOutline(node:yfiles.graph.INode):yfiles.geometry.GeneralPath;
@@ -66261,10 +66278,10 @@ declare namespace system{
        * This method is called in response to a {@link yfiles.input.IHitTestable#isHit} call to the instance that has been queried from
        * the {@link yfiles.styles.NodeStyleBase#renderer}. This implementation uses the {@link yfiles.styles.NodeStyleBase#getOutline outline} to determine whether the node has been hit.
        * </p>
-       * @param {yfiles.input.IInputModeContext} context The canvas context.
-       * @param {yfiles.geometry.Point} location The point to test.
-       * @param {yfiles.graph.INode} node The node to which this style instance is assigned.
-       * @returns {boolean} <code>true</code> if the specified node representation is hit; <code>false</code> otherwise.
+       * @param context The canvas context.
+       * @param location The point to test.
+       * @param node The node to which this style instance is assigned.
+       * @returns <code>true</code> if the specified node representation is hit; <code>false</code> otherwise.
        * @protected
        */
       isHit(context:yfiles.input.IInputModeContext,location:yfiles.geometry.Point,node:yfiles.graph.INode):boolean;
@@ -66274,10 +66291,10 @@ declare namespace system{
        * This method is called in response to a {@link yfiles.input.IMarqueeTestable#isInBox} call to the instance that has been queried
        * from the {@link yfiles.styles.NodeStyleBase#renderer}. This implementation simply tests whether the {@link yfiles.styles.NodeStyleBase#getBounds bounds} intersect the marquee box.
        * </p>
-       * @param {yfiles.input.IInputModeContext} context The input mode context.
-       * @param {yfiles.geometry.Rect} rectangle The marquee selection box.
-       * @param {yfiles.graph.INode} node The node to which this style instance is assigned.
-       * @returns {boolean} <code>true</code> if the specified node is visible is selected by the marquee rectangle; <code>false</code> otherwise.
+       * @param context The input mode context.
+       * @param rectangle The marquee selection box.
+       * @param node The node to which this style instance is assigned.
+       * @returns <code>true</code> if the specified node is visible is selected by the marquee rectangle; <code>false</code> otherwise.
        * @protected
        */
       isInBox(context:yfiles.input.IInputModeContext,rectangle:yfiles.geometry.Rect,node:yfiles.graph.INode):boolean;
@@ -66289,9 +66306,9 @@ declare namespace system{
        * outline is <code>null</code>. If it is feasible to determine whether a given point lies inside the shape, this method should be
        * implemented in addition to {@link yfiles.styles.NodeStyleBase#getOutline} to improve performance.
        * </p>
-       * @param {yfiles.graph.INode} node The node to which this style instance is assigned.
-       * @param {yfiles.geometry.Point} location The point to test.
-       * @returns {boolean} Whether the point is considered to lie inside the shape.
+       * @param node The node to which this style instance is assigned.
+       * @param location The point to test.
+       * @returns Whether the point is considered to lie inside the shape.
        * @protected
        */
       isInside(node:yfiles.graph.INode,location:yfiles.geometry.Point):boolean;
@@ -66301,10 +66318,10 @@ declare namespace system{
        * This method is called in response to a {@link yfiles.view.IVisibilityTestable#isVisible} call to the instance that has been
        * queried from the {@link yfiles.styles.NodeStyleBase#renderer}. This implementation simply tests whether the {@link yfiles.styles.NodeStyleBase#getBounds bounds} intersect the clip.
        * </p>
-       * @param {yfiles.view.ICanvasContext} context The canvas context.
-       * @param {yfiles.geometry.Rect} rectangle The clipping rectangle.
-       * @param {yfiles.graph.INode} node The node to which this style instance is assigned.
-       * @returns {boolean} <code>true</code> if the specified node is visible in the clipping rectangle; <code>false</code> otherwise.
+       * @param context The canvas context.
+       * @param rectangle The clipping rectangle.
+       * @param node The node to which this style instance is assigned.
+       * @returns <code>true</code> if the specified node is visible in the clipping rectangle; <code>false</code> otherwise.
        * @protected
        */
       isVisible(context:yfiles.view.ICanvasContext,rectangle:yfiles.geometry.Rect,node:yfiles.graph.INode):boolean;
@@ -66326,9 +66343,9 @@ declare namespace system{
        * <p>
        * For these interfaces an implementation will be returned that delegates to the methods in this instance.
        * </p>
-       * @param {yfiles.graph.INode} node The node to use for the context lookup.
-       * @param {yfiles.lang.Class} type The type to query.
-       * @returns {Object} An implementation of the <code>type</code> or <code>null</code>.
+       * @param node The node to use for the context lookup.
+       * @param type The type to query.
+       * @returns An implementation of the <code>type</code> or <code>null</code>.
        * @protected
        */
       lookup(node:yfiles.graph.INode,type:yfiles.lang.Class):Object;
@@ -66339,10 +66356,10 @@ declare namespace system{
        * queried from the {@link yfiles.styles.NodeStyleBase#renderer}. This implementation simply delegates to {@link yfiles.styles.NodeStyleBase#createVisual} so subclasses should
        * override to improve rendering performance.
        * </p>
-       * @param {yfiles.view.IRenderContext} context The render context.
-       * @param {yfiles.view.Visual} oldVisual The visual that has been created in the call to {@link yfiles.styles.NodeStyleBase#createVisual}.
-       * @param {yfiles.graph.INode} node The node to which this style instance is assigned.
-       * @returns {yfiles.view.Visual} The visual as required by the {@link yfiles.view.IVisualCreator#createVisual} interface.
+       * @param context The render context.
+       * @param oldVisual The visual that has been created in the call to {@link #createVisual}.
+       * @param node The node to which this style instance is assigned.
+       * @returns The visual as required by the {@link #createVisual} interface.
        * @see yfiles.styles.NodeStyleBase#createVisual
        * @protected
        */
@@ -66360,7 +66377,7 @@ declare namespace system{
     /**
      * A label style decorator that uses a node style instance to render the background and a label style instance to render
      * the foreground of a label.
-     * @class yfiles.styles.NodeStyleLabelStyleAdapter
+     * @class
      * @implements {yfiles.styles.ILabelStyle}
      */
     export interface NodeStyleLabelStyleAdapter extends Object,yfiles.styles.ILabelStyle{}
@@ -66372,9 +66389,8 @@ declare namespace system{
        * Note that the styles will be stored by reference, thus modifying the style will directly affect the rendering of this
        * instance.
        * </p>
-       * @param {yfiles.styles.INodeStyle} nodeStyle The style to use for rendering the background of the label.
-       * @param {yfiles.styles.ILabelStyle} labelStyle The style to use for rendering the foreground of the label.
-       * @constructor
+       * @param nodeStyle The style to use for rendering the background of the label.
+       * @param labelStyle The style to use for rendering the foreground of the label.
        */
       constructor(nodeStyle:yfiles.styles.INodeStyle,labelStyle:yfiles.styles.ILabelStyle);
       /**
@@ -66385,8 +66401,8 @@ declare namespace system{
        * instance.
        * </p>
        * @param {Object} options The parameters to pass.
-       * @param {yfiles.styles.INodeStyle} options.nodeStyle The style to use for rendering the background of the label.
-       * @param {yfiles.styles.ILabelStyle} options.labelStyle The style to use for rendering the foreground of the label.
+       * @param options.nodeStyle The style to use for rendering the background of the label.
+       * @param options.labelStyle The style to use for rendering the foreground of the label.
        * @param {boolean} options.autoFlip A value indicating whether the label should be flipped 180 degrees automatically, if it would be oriented downwards, otherwise.
        * <p>
        * This option sets the {@link yfiles.styles.NodeStyleLabelStyleAdapter#autoFlip} property on the created object.
@@ -66395,7 +66411,6 @@ declare namespace system{
        * <p>
        * This option sets the {@link yfiles.styles.NodeStyleLabelStyleAdapter#labelStyleInsets} property on the created object.
        * </p>
-       * @constructor
        */
       constructor(options:{nodeStyle:yfiles.styles.INodeStyle,labelStyle:yfiles.styles.ILabelStyle,autoFlip?:boolean,labelStyleInsets?:yfiles.geometry.Insets});
       /**
@@ -66420,12 +66435,11 @@ declare namespace system{
        * <p>
        * This option sets the {@link yfiles.styles.NodeStyleLabelStyleAdapter#nodeStyle} property on the created object.
        * </p>
-       * @constructor
        */
       constructor(options?:{autoFlip?:boolean,labelStyle?:yfiles.styles.ILabelStyle,labelStyleInsets?:yfiles.geometry.Insets,nodeStyle?:yfiles.styles.INodeStyle});
       /**
        * 
-       * @returns {Object} 
+       * @returns 
        */
       clone():Object;
       /**
@@ -66460,7 +66474,7 @@ declare namespace system{
     }
     /**
      * A port style decorator that uses a node style instance to render the port.
-     * @class yfiles.styles.NodeStylePortStyleAdapter
+     * @class
      * @implements {yfiles.styles.IPortStyle}
      */
     export interface NodeStylePortStyleAdapter extends Object,yfiles.styles.IPortStyle{}
@@ -66471,8 +66485,7 @@ declare namespace system{
        * Note that the styles will be stored by reference, thus modifying the style will directly affect the rendering of this
        * instance.
        * </p>
-       * @param {yfiles.styles.INodeStyle} nodeStyle The style to use for rendering the port.
-       * @constructor
+       * @param nodeStyle The style to use for rendering the port.
        */
       constructor(nodeStyle:yfiles.styles.INodeStyle);
       /**
@@ -66482,18 +66495,17 @@ declare namespace system{
        * instance.
        * </p>
        * @param {Object} options The parameters to pass.
-       * @param {yfiles.styles.INodeStyle} options.nodeStyle The style to use for rendering the port.
+       * @param options.nodeStyle The style to use for rendering the port.
        * @param {yfiles.geometry.Size} options.renderSize The {@link yfiles.geometry.MutableSize} of the port that will be displayed using {@link yfiles.styles.NodeStylePortStyleAdapter#nodeStyle}.
        * <p>
        * This option sets the {@link yfiles.styles.NodeStylePortStyleAdapter#renderSize} property on the created object.
        * </p>
-       * @constructor
        */
       constructor(options:{nodeStyle:yfiles.styles.INodeStyle,renderSize?:yfiles.geometry.Size});
       /**
        * Initializes a new instance of the {@link yfiles.styles.NodeStylePortStyleAdapter} class.
        * <p>
-       * This constructor uses an ellipse {@link yfiles.styles.ShapeNodeStyle} with a black brush for the {@link yfiles.styles.NodeStylePortStyleAdapter#nodeStyle} property.
+       * This constructor uses an ellipse {@link yfiles.styles.ShapeNodeStyle} with a black {@link yfiles.view.Fill} for the {@link yfiles.styles.NodeStylePortStyleAdapter#nodeStyle} property.
        * </p>
        * @param {Object} [options=null] The parameters to pass.
        * @param {yfiles.styles.INodeStyle} options.nodeStyle The {@link yfiles.styles.INodeStyle} that is used for rendering the port.
@@ -66504,12 +66516,11 @@ declare namespace system{
        * <p>
        * This option sets the {@link yfiles.styles.NodeStylePortStyleAdapter#renderSize} property on the created object.
        * </p>
-       * @constructor
        */
       constructor(options?:{nodeStyle?:yfiles.styles.INodeStyle,renderSize?:yfiles.geometry.Size});
       /**
        * 
-       * @returns {Object} 
+       * @returns 
        */
       clone():Object;
       /**
@@ -66551,7 +66562,7 @@ declare namespace system{
      * <li>Demo: SimpleCustomStyle, demo.yfiles.style.simplecustomstyle</li>
      * <li>Tutorial: 02 Custom Styles, step 22 Custom Ports</li>
      * </ul>
-     * @class yfiles.styles.PortStyleBase
+     * @class
      * @implements {yfiles.styles.IPortStyle}
      */
     export interface PortStyleBase extends Object,yfiles.styles.IPortStyle{}
@@ -66559,7 +66570,6 @@ declare namespace system{
       /**
        * Initializes a new instance of the {@link yfiles.styles.PortStyleBase} class.
        * @protected
-       * @constructor
        */
       constructor();
       /**
@@ -66567,7 +66577,7 @@ declare namespace system{
        * <p>
        * Immutable subclasses should consider returning <code>this</code>.
        * </p>
-       * @returns {Object} A new object that is a copy of this instance using {@link Object#memberwiseClone}.
+       * @returns A new object that is a copy of this instance using {@link #memberwiseClone}.
        */
       clone():Object;
       /**
@@ -66576,9 +66586,9 @@ declare namespace system{
        * This method is called in response to a {@link yfiles.view.IVisualCreator#createVisual} call to the instance that has been
        * queried from the {@link yfiles.styles.PortStyleBase#renderer}.
        * </p>
-       * @param {yfiles.view.IRenderContext} context The render context.
-       * @param {yfiles.graph.IPort} port The port to which this style instance is assigned.
-       * @returns {yfiles.view.Visual} The visual as required by the {@link yfiles.view.IVisualCreator#createVisual} interface.
+       * @param context The render context.
+       * @param port The port to which this style instance is assigned.
+       * @returns The visual as required by the {@link #createVisual} interface.
        * @see yfiles.styles.PortStyleBase#updateVisual
        * @protected
        * @abstract
@@ -66586,9 +66596,9 @@ declare namespace system{
       createVisual(context:yfiles.view.IRenderContext,port:yfiles.graph.IPort):yfiles.view.Visual;
       /**
        * Callback that returns the bounds of the visual for the port in the given context.
-       * @param {yfiles.view.ICanvasContext} context The canvas context.
-       * @param {yfiles.graph.IPort} port The port to which this style instance is assigned.
-       * @returns {yfiles.geometry.Rect} The visual bounds of the visual representation.
+       * @param context The canvas context.
+       * @param port The port to which this style instance is assigned.
+       * @returns The visual bounds of the visual representation.
        * @protected
        * @abstract
        */
@@ -66602,10 +66612,10 @@ declare namespace system{
        * <p>
        * This implementation uses the {@link yfiles.styles.PortStyleBase#getBounds bounds} to determine whether the port has been hit.
        * </p>
-       * @param {yfiles.input.IInputModeContext} context The input mode context.
-       * @param {yfiles.geometry.Point} location The point to test.
-       * @param {yfiles.graph.IPort} port The port to which this style instance is assigned.
-       * @returns {boolean} <code>true</code> if the specified port representation is hit; <code>false</code> otherwise.
+       * @param context The input mode context.
+       * @param location The point to test.
+       * @param port The port to which this style instance is assigned.
+       * @returns <code>true</code> if the specified port representation is hit; <code>false</code> otherwise.
        * @protected
        */
       isHit(context:yfiles.input.IInputModeContext,location:yfiles.geometry.Point,port:yfiles.graph.IPort):boolean;
@@ -66618,10 +66628,10 @@ declare namespace system{
        * <p>
        * This implementation simply tests whether the {@link yfiles.styles.PortStyleBase#getBounds bounds} intersect the marquee box.
        * </p>
-       * @param {yfiles.input.IInputModeContext} context The input mode context.
-       * @param {yfiles.geometry.Rect} rectangle The marquee selection box.
-       * @param {yfiles.graph.IPort} port The port to which this style instance is assigned.
-       * @returns {boolean} <code>true</code> if the specified port is visible is selected by the marquee rectangle; <code>false</code> otherwise.
+       * @param context The input mode context.
+       * @param rectangle The marquee selection box.
+       * @param port The port to which this style instance is assigned.
+       * @returns <code>true</code> if the specified port is visible is selected by the marquee rectangle; <code>false</code> otherwise.
        * @protected
        */
       isInBox(context:yfiles.input.IInputModeContext,rectangle:yfiles.geometry.Rect,port:yfiles.graph.IPort):boolean;
@@ -66631,10 +66641,10 @@ declare namespace system{
        * This method is called in response to a {@link yfiles.view.IVisibilityTestable#isVisible} call to the instance that has been
        * queried from the {@link yfiles.styles.PortStyleBase#renderer}. This implementation simply tests whether the {@link yfiles.styles.PortStyleBase#getBounds bounds} intersect the clip.
        * </p>
-       * @param {yfiles.view.ICanvasContext} context The canvas context.
-       * @param {yfiles.geometry.Rect} rectangle The clipping rectangle.
-       * @param {yfiles.graph.IPort} port The port to which this style instance is assigned.
-       * @returns {boolean} <code>true</code> if the specified port is visible in the clipping rectangle; <code>false</code> otherwise.
+       * @param context The canvas context.
+       * @param rectangle The clipping rectangle.
+       * @param port The port to which this style instance is assigned.
+       * @returns <code>true</code> if the specified port is visible in the clipping rectangle; <code>false</code> otherwise.
        * @protected
        */
       isVisible(context:yfiles.view.ICanvasContext,rectangle:yfiles.geometry.Rect,port:yfiles.graph.IPort):boolean;
@@ -66655,9 +66665,9 @@ declare namespace system{
        * <p>
        * For these interfaces an implementation will be returned that delegates to the methods in this instance.
        * </p>
-       * @param {yfiles.graph.IPort} port The port to use for the context lookup.
-       * @param {yfiles.lang.Class} type The type to query.
-       * @returns {Object} An implementation of the <code>type</code> or <code>null</code>.
+       * @param port The port to use for the context lookup.
+       * @param type The type to query.
+       * @returns An implementation of the <code>type</code> or <code>null</code>.
        * @protected
        */
       lookup(port:yfiles.graph.IPort,type:yfiles.lang.Class):Object;
@@ -66668,10 +66678,10 @@ declare namespace system{
        * queried from the {@link yfiles.styles.PortStyleBase#renderer}. This implementation simply delegates to {@link yfiles.styles.PortStyleBase#createVisual} so subclasses should
        * override to improve rendering performance.
        * </p>
-       * @param {yfiles.view.IRenderContext} context The render context.
-       * @param {yfiles.view.Visual} oldVisual The visual that has been created in the call to {@link yfiles.styles.PortStyleBase#createVisual}.
-       * @param {yfiles.graph.IPort} port The port to which this style instance is assigned.
-       * @returns {yfiles.view.Visual} The visual as required by the {@link yfiles.view.IVisualCreator#createVisual} interface.
+       * @param context The render context.
+       * @param oldVisual The visual that has been created in the call to {@link #createVisual}.
+       * @param port The port to which this style instance is assigned.
+       * @returns The visual as required by the {@link #createVisual} interface.
        * @see yfiles.styles.PortStyleBase#createVisual
        * @protected
        */
@@ -66689,43 +66699,43 @@ declare namespace system{
     /**
      * A utility class that provides {@link yfiles.styles.TextRenderSupport#measureText text size measurement} and {@link yfiles.styles.TextRenderSupport#addText text placement} functionality, for instance, for label rendering
      * and measurement.
-     * @class yfiles.styles.TextRenderSupport
+     * @class
      */
     export interface TextRenderSupport extends Object{}
     export class TextRenderSupport {
       /**
        * Add the text content to the provided SVG <code>text</code> element.
-       * @param {SVGTextElement} targetElement An SVG text element to add the provided text to (either as <code>textContent</code>, or by appending <code>tspan</code> elements).
-       * @param {string} text The text content to add to the provided text element (may contain newline characters).
-       * @param {yfiles.view.Font} font The {@link yfiles.view.Font} that defines the font properties to apply to the added text.
-       * @param {yfiles.geometry.Size} maximumSize The bounds that shouldn't be exceeded when placing the text; <code>null</code> or not provided means unbound.
-       * @param {yfiles.view.TextWrapping} [wrapping=yfiles.view.TextWrapping.NONE] The {@link yfiles.view.TextWrapping} policy to apply when the text exceeds the provided <code>maximumSize</code>; {@link yfiles.view.TextWrapping#WORD}
+       * @param targetElement An SVG text element to add the provided text to (either as <code>textContent</code>, or by appending <code>tspan</code> elements).
+       * @param text The text content to add to the provided text element (may contain newline characters).
+       * @param font The {@link } that defines the font properties to apply to the added text.
+       * @param maximumSize The bounds that shouldn't be exceeded when placing the text; <code>null</code> or not provided means unbound.
+       * @param [wrapping=yfiles.view.TextWrapping.NONE] The {@link } policy to apply when the text exceeds the provided <code>maximumSize</code>; {@link #WORD}
        * per default.
-       * @param {yfiles.styles.TextMeasurePolicy} [measurePolicy=yfiles.styles.TextMeasurePolicy.AUTOMATIC] The measure policy to use for measuring the size of the text; {@link yfiles.styles.TextMeasurePolicy#AUTOMATIC} per default.
-       * @returns {string} The text that was actually placed in the <code>targetElement</code>.
+       * @param [measurePolicy=yfiles.styles.TextMeasurePolicy.AUTOMATIC] The measure policy to use for measuring the size of the text; {@link #AUTOMATIC} per default.
+       * @returns The text that was actually placed in the <code>targetElement</code>.
        * @static
        */
       static addText(targetElement:SVGTextElement,text:string,font:yfiles.view.Font,maximumSize:yfiles.geometry.Size,wrapping?:yfiles.view.TextWrapping,measurePolicy?:yfiles.styles.TextMeasurePolicy):string;
       /**
        * Add the text content to the provided SVG <code>text</code> element.
        * @param {Object} options The parameters to pass.
-       * @param {SVGTextElement} options.targetElement An SVG text element to add the provided text to (either as <code>textContent</code>, or by appending <code>tspan</code> elements).
-       * @param {string} options.text The text content to add to the provided text element (may contain newline characters).
-       * @param {yfiles.view.Font} options.font The {@link yfiles.view.Font} that defines the font properties to apply to the added text.
-       * @param {yfiles.geometry.Size} options.maximumSize The bounds that shouldn't be exceeded when placing the text; <code>null</code> or not provided means unbound.
-       * @param {yfiles.view.TextWrapping} [options.wrapping=yfiles.view.TextWrapping.NONE] The {@link yfiles.view.TextWrapping} policy to apply when the text exceeds the provided <code>maximumSize</code>; {@link yfiles.view.TextWrapping#WORD}
+       * @param options.targetElement An SVG text element to add the provided text to (either as <code>textContent</code>, or by appending <code>tspan</code> elements).
+       * @param options.text The text content to add to the provided text element (may contain newline characters).
+       * @param options.font The {@link } that defines the font properties to apply to the added text.
+       * @param options.maximumSize The bounds that shouldn't be exceeded when placing the text; <code>null</code> or not provided means unbound.
+       * @param [options.wrapping=yfiles.view.TextWrapping.NONE] The {@link } policy to apply when the text exceeds the provided <code>maximumSize</code>; {@link #WORD}
        * per default.
-       * @param {yfiles.styles.TextMeasurePolicy} [options.measurePolicy=yfiles.styles.TextMeasurePolicy.AUTOMATIC] The measure policy to use for measuring the size of the text; {@link yfiles.styles.TextMeasurePolicy#AUTOMATIC} per default.
-       * @returns {string} The text that was actually placed in the <code>targetElement</code>.
+       * @param [options.measurePolicy=yfiles.styles.TextMeasurePolicy.AUTOMATIC] The measure policy to use for measuring the size of the text; {@link #AUTOMATIC} per default.
+       * @returns The text that was actually placed in the <code>targetElement</code>.
        * @static
        */
       static addText(options:{targetElement:SVGTextElement,text:string,font:yfiles.view.Font,maximumSize:yfiles.geometry.Size,wrapping?:yfiles.view.TextWrapping,measurePolicy?:yfiles.styles.TextMeasurePolicy}):string;
       /**
        * Calculate the width and height required to render the provided text using the provided {@link yfiles.view.Font}.
-       * @param {string} text The text that should be measured.
-       * @param {yfiles.view.Font} font The {@link yfiles.view.Font} to apply to the text before measuring.
-       * @param {yfiles.styles.TextMeasurePolicy} [measurePolicy=yfiles.styles.TextMeasurePolicy.AUTOMATIC] The measure policy to use for measuring the size of the text; {@link yfiles.styles.TextMeasurePolicy#AUTOMATIC} per default.
-       * @returns {yfiles.geometry.Size} The measured text size
+       * @param text The text that should be measured.
+       * @param font The {@link } to apply to the text before measuring.
+       * @param [measurePolicy=yfiles.styles.TextMeasurePolicy.AUTOMATIC] The measure policy to use for measuring the size of the text; {@link #AUTOMATIC} per default.
+       * @returns The measured text size
        * @static
        */
       static measureText(text:string,font:yfiles.view.Font,measurePolicy?:yfiles.styles.TextMeasurePolicy):yfiles.geometry.Size;
@@ -66747,21 +66757,23 @@ declare namespace system{
     }
     /**
      * A basic label style which renders the label's {@link yfiles.graph.ILabel#text} and optionally a {@link yfiles.styles.DefaultLabelStyle#backgroundFill background} and {@link yfiles.styles.DefaultLabelStyle#backgroundStroke border}.
-     * @class yfiles.styles.DefaultLabelStyle
+     * <p>
+     * This style uses a {@link yfiles.styles.DefaultLabelStyleRenderer} to create its visualization.
+     * </p>
+     * @class
      * @implements {yfiles.styles.ILabelStyle}
      */
     export interface DefaultLabelStyle extends Object,yfiles.styles.ILabelStyle{}
     export class DefaultLabelStyle {
       /**
        * Creates a new instance using the provided renderer.
-       * @param {yfiles.styles.ILabelStyleRenderer} renderer The custom renderer for this style instance.
-       * @constructor
+       * @param renderer The custom renderer for this style instance.
        */
       constructor(renderer:yfiles.styles.ILabelStyleRenderer);
       /**
        * Creates a new instance using the provided renderer.
        * @param {Object} options The parameters to pass.
-       * @param {yfiles.styles.ILabelStyleRenderer} options.renderer The custom renderer for this style instance.
+       * @param options.renderer The custom renderer for this style instance.
        * @param {boolean} options.autoFlip A value indicating whether the label should be flipped 180 degrees automatically, if it would be oriented downwards, otherwise.
        * <p>
        * This option sets the {@link yfiles.styles.DefaultLabelStyle#autoFlip} property on the created object.
@@ -66802,7 +66814,6 @@ declare namespace system{
        * <p>
        * This option sets the {@link yfiles.styles.DefaultLabelStyle#verticalTextAlignment} property on the created object.
        * </p>
-       * @constructor
        */
       constructor(options:{renderer:yfiles.styles.ILabelStyleRenderer,autoFlip?:boolean,backgroundFill?:yfiles.view.Fill,backgroundStroke?:yfiles.view.Stroke,clipText?:boolean,horizontalTextAlignment?:yfiles.view.HorizontalTextAlignment,textFill?:yfiles.view.Fill,textSize?:number,wrapping?:yfiles.view.TextWrapping,font?:yfiles.view.Font,verticalTextAlignment?:yfiles.view.VerticalTextAlignment});
       /**
@@ -66848,12 +66859,11 @@ declare namespace system{
        * <p>
        * This option sets the {@link yfiles.styles.DefaultLabelStyle#verticalTextAlignment} property on the created object.
        * </p>
-       * @constructor
        */
       constructor(options?:{autoFlip?:boolean,backgroundFill?:yfiles.view.Fill,backgroundStroke?:yfiles.view.Stroke,clipText?:boolean,horizontalTextAlignment?:yfiles.view.HorizontalTextAlignment,textFill?:yfiles.view.Fill,textSize?:number,wrapping?:yfiles.view.TextWrapping,font?:yfiles.view.Font,verticalTextAlignment?:yfiles.view.VerticalTextAlignment});
       /**
        * 
-       * @returns {Object} 
+       * @returns 
        */
       clone():Object;
       /**
@@ -66870,7 +66880,7 @@ declare namespace system{
        * <p>
        * The default value is {@link yfiles.view.VerticalTextAlignment#TOP}.
        * </p>
-       * @default 1
+       * @default yfiles.view.VerticalTextAlignment.TOP
        * @type {yfiles.view.VerticalTextAlignment}
        */
       verticalTextAlignment:yfiles.view.VerticalTextAlignment;
@@ -66879,7 +66889,7 @@ declare namespace system{
        * <p>
        * The default value is {@link yfiles.view.HorizontalTextAlignment#LEFT}.
        * </p>
-       * @default 1
+       * @default yfiles.view.HorizontalTextAlignment.LEFT
        * @type {yfiles.view.HorizontalTextAlignment}
        */
       horizontalTextAlignment:yfiles.view.HorizontalTextAlignment;
@@ -66888,7 +66898,7 @@ declare namespace system{
        * <p>
        * The default value is {@link yfiles.view.TextWrapping#NONE}.
        * </p>
-       * @default 0
+       * @default yfiles.view.TextWrapping.NONE
        * @type {yfiles.view.TextWrapping}
        */
       wrapping:yfiles.view.TextWrapping;
@@ -66959,32 +66969,31 @@ declare namespace system{
       static $class:yfiles.lang.Class;
     }
     /**
-     * A label style that draws an icon in addtion to the text.
+     * A label style that draws an icon in addition to the text.
      * <p>
      * This style draws the icon at the location specified by {@link yfiles.styles.IconLabelStyle#iconPlacement} and delegates the drawing of the label's text to the {@link yfiles.styles.IconLabelStyle#wrapped} style.
      * </p>
-     * @class yfiles.styles.IconLabelStyle
+     * @class
      * @implements {yfiles.styles.ILabelStyle}
      */
     export interface IconLabelStyle extends Object,yfiles.styles.ILabelStyle{}
     export class IconLabelStyle {
       /**
        * Creates a new instance using the provided icon and renderer.
-       * @param {string} icon The icon to draw.
-       * @param {yfiles.styles.ILabelStyleRenderer} [renderer=null] The custom renderer for this style instance.
-       * @constructor
+       * @param icon The icon to draw.
+       * @param [renderer=null] The custom renderer for this style instance.
        */
       constructor(icon:string,renderer?:yfiles.styles.ILabelStyleRenderer);
       /**
        * Creates a new instance using the provided icon and renderer.
        * @param {Object} options The parameters to pass.
-       * @param {string} options.icon The icon to draw.
-       * @param {yfiles.styles.ILabelStyleRenderer} [options.renderer=null] The custom renderer for this style instance.
+       * @param options.icon The icon to draw.
+       * @param [options.renderer=null] The custom renderer for this style instance.
        * @param {boolean} options.autoFlip A value indicating whether to automatically flip the rendering should the {@link yfiles.graph.ILabel#layout layout}'s {@link yfiles.geometry.IOrientedRectangle#upY up vector} point downwards.
        * <p>
        * This option sets the {@link yfiles.styles.IconLabelStyle#autoFlip} property on the created object.
        * </p>
-       * @param {yfiles.graph.ILabelModelParameter} options.iconPlacement The parameter the specifies the icon placement.
+       * @param {yfiles.graph.ILabelModelParameter} options.iconPlacement The parameter that specifies the icon placement.
        * <p>
        * This option sets the {@link yfiles.styles.IconLabelStyle#iconPlacement} property on the created object.
        * </p>
@@ -67000,7 +67009,6 @@ declare namespace system{
        * <p>
        * This option sets the {@link yfiles.styles.IconLabelStyle#wrappedInsets} property on the created object.
        * </p>
-       * @constructor
        */
       constructor(options:{icon:string,renderer?:yfiles.styles.ILabelStyleRenderer,autoFlip?:boolean,iconPlacement?:yfiles.graph.ILabelModelParameter,iconSize?:yfiles.geometry.Size,wrapped?:yfiles.styles.ILabelStyle,wrappedInsets?:yfiles.geometry.Insets});
       /**
@@ -67014,7 +67022,7 @@ declare namespace system{
        * <p>
        * This option sets the {@link yfiles.styles.IconLabelStyle#icon} property on the created object.
        * </p>
-       * @param {yfiles.graph.ILabelModelParameter} options.iconPlacement The parameter the specifies the icon placement.
+       * @param {yfiles.graph.ILabelModelParameter} options.iconPlacement The parameter that specifies the icon placement.
        * <p>
        * This option sets the {@link yfiles.styles.IconLabelStyle#iconPlacement} property on the created object.
        * </p>
@@ -67030,12 +67038,11 @@ declare namespace system{
        * <p>
        * This option sets the {@link yfiles.styles.IconLabelStyle#wrappedInsets} property on the created object.
        * </p>
-       * @constructor
        */
       constructor(options?:{autoFlip?:boolean,icon?:string,iconPlacement?:yfiles.graph.ILabelModelParameter,iconSize?:yfiles.geometry.Size,wrapped?:yfiles.styles.ILabelStyle,wrappedInsets?:yfiles.geometry.Insets});
       /**
        * 
-       * @returns {Object} 
+       * @returns 
        */
       clone():Object;
       /**
@@ -67052,7 +67059,7 @@ declare namespace system{
        */
       iconSize:yfiles.geometry.Size;
       /**
-       * Gets or sets the parameter the specifies the icon placement.
+       * Gets or sets the parameter that specifies the icon placement.
        * <p>
        * All valid node label model parameters can be used. The label's {@link yfiles.graph.ILabel#layout layout} will be interpreted as the a node's layout and the
        * icon will be placed relative to that layout as if it was a node's label.
@@ -67113,7 +67120,7 @@ declare namespace system{
      * This implementation will just draw the label's {@link yfiles.graph.ILabel#text} using the properties provided by {@link yfiles.styles.DefaultLabelStyle} into
      * the label's {@link yfiles.graph.ILabel#layout layout} area.
      * </p>
-     * @class yfiles.styles.DefaultLabelStyleRenderer
+     * @class
      * @implements {yfiles.styles.ILabelStyleRenderer}
      * @implements {yfiles.view.IBoundsProvider}
      * @implements {yfiles.view.IVisibilityTestable}
@@ -67126,17 +67133,16 @@ declare namespace system{
     export class DefaultLabelStyleRenderer {
       /**
        * Creates a new default instance.
-       * @constructor
        */
       constructor();
       /**
        * Add the text content to the provided SVG text element.
-       * @param {SVGTextElement} textElement An SVG text element to add the provided text to.
-       * @param {yfiles.view.Font} font The {@link yfiles.view.Font} that defines the font properties to apply to the added text.
-       * @param {string} text The text content to add to the provided text element (may contain newline characters).
-       * @param {yfiles.geometry.Size} maxSize The bounds that shouldn't be exceeded when placing the text; <code>null</code> or not provided means unbound.
-       * @param {yfiles.view.TextWrapping} wrapping The {@link yfiles.view.TextWrapping} policy to apply when the text exceeds the provided <code>maxSize</code>.
-       * @returns {string} 
+       * @param textElement An SVG text element to add the provided text to.
+       * @param font The {@link } that defines the font properties to apply to the added text.
+       * @param text The text content to add to the provided text element (may contain newline characters).
+       * @param maxSize The bounds that shouldn't be exceeded when placing the text; <code>null</code> or not provided means unbound.
+       * @param wrapping The {@link } policy to apply when the text exceeds the provided <code>maxSize</code>.
+       * @returns 
        * @protected
        */
       addTextElements(textElement:SVGTextElement,font:yfiles.view.Font,text:string,maxSize:yfiles.geometry.Size,wrapping:yfiles.view.TextWrapping):string;
@@ -67156,21 +67162,21 @@ declare namespace system{
       configure():void;
       /**
        * 
-       * @param {yfiles.view.IRenderContext} context
-       * @returns {yfiles.view.Visual} 
+       * @param context
+       * @returns 
        */
       createVisual(context:yfiles.view.IRenderContext):yfiles.view.Visual;
       /**
        * 
-       * @param {yfiles.view.ICanvasContext} context
-       * @returns {yfiles.geometry.Rect} 
+       * @param context
+       * @returns 
        */
       getBounds(context:yfiles.view.ICanvasContext):yfiles.geometry.Rect;
       /**
        * Configures the <code>style</code> and <code>label</code> parameters, calls {@link yfiles.styles.DefaultLabelStyleRenderer#configure} and returns <code>this</code>.
-       * @param {yfiles.graph.ILabel} label The label to retrieve the bounds provider for. The value will be stored in the {@link yfiles.styles.DefaultLabelStyleRenderer#label} property.
-       * @param {yfiles.styles.ILabelStyle} style The style to associate with the label. The value will be stored in the {@link yfiles.styles.DefaultLabelStyleRenderer#style} property.
-       * @returns {yfiles.view.IBoundsProvider} <code>this</code>
+       * @param label The label to retrieve the bounds provider for. The value will be stored in the {@link #label} property.
+       * @param style The style to associate with the label. The value will be stored in the {@link #style} property.
+       * @returns <code>this</code>
        * @see yfiles.styles.DefaultLabelStyleRenderer#getBounds
        */
       getBoundsProvider(label:yfiles.graph.ILabel,style:yfiles.styles.ILabelStyle):yfiles.view.IBoundsProvider;
@@ -67183,50 +67189,50 @@ declare namespace system{
        * {@link yfiles.styles.DefaultLabelStyleRenderer#configure} only if needed, i.e. if they decide to return <code>this</code> or an instance that
        * depends on a correctly configured <code>this</code>.
        * </p>
-       * @param {yfiles.graph.ILabel} label The label to query the context for. The value will be stored in the {@link yfiles.styles.DefaultLabelStyleRenderer#label} property.
-       * @param {yfiles.styles.ILabelStyle} style The style to associate with the label. The value will be stored in the {@link yfiles.styles.DefaultLabelStyleRenderer#style} property.
-       * @returns {yfiles.graph.ILookup} <code>this</code>
+       * @param label The label to query the context for. The value will be stored in the {@link #label} property.
+       * @param style The style to associate with the label. The value will be stored in the {@link #style} property.
+       * @returns <code>this</code>
        * @see yfiles.styles.DefaultLabelStyleRenderer#lookup
        */
       getContext(label:yfiles.graph.ILabel,style:yfiles.styles.ILabelStyle):yfiles.graph.ILookup;
       /**
        * Configures the <code>style</code> and <code>label</code> parameters, calls {@link yfiles.styles.DefaultLabelStyleRenderer#configure} and returns <code>this</code>.
-       * @param {yfiles.graph.ILabel} label The label to query hit test with. The value will be stored in the {@link yfiles.styles.DefaultLabelStyleRenderer#label} property.
-       * @param {yfiles.styles.ILabelStyle} style The style to associate with the label. The value will be stored in the {@link yfiles.styles.DefaultLabelStyleRenderer#style} property.
-       * @returns {yfiles.input.IHitTestable} <code>this</code>
+       * @param label The label to query hit test with. The value will be stored in the {@link #label} property.
+       * @param style The style to associate with the label. The value will be stored in the {@link #style} property.
+       * @returns <code>this</code>
        * @see yfiles.styles.DefaultLabelStyleRenderer#isHit
        */
       getHitTestable(label:yfiles.graph.ILabel,style:yfiles.styles.ILabelStyle):yfiles.input.IHitTestable;
       /**
        * Determines how the text should be aligned within the assigned label bounds.
-       * @returns {yfiles.view.HorizontalTextAlignment} This value as obtained from the style.
+       * @returns This value as obtained from the style.
        * @protected
        */
       getHorizontalTextAlignment():yfiles.view.HorizontalTextAlignment;
       /**
        * Configures the <code>style</code> and <code>label</code> parameters, calls {@link yfiles.styles.DefaultLabelStyleRenderer#configure} and returns <code>this</code>.
-       * @param {yfiles.graph.ILabel} label The label to query marquee intersection tests. The value will be stored in the {@link yfiles.styles.DefaultLabelStyleRenderer#label} property.
-       * @param {yfiles.styles.ILabelStyle} style The style to associate with the label. The value will be stored in the {@link yfiles.styles.DefaultLabelStyleRenderer#style} property.
-       * @returns {yfiles.input.IMarqueeTestable} <code>this</code>
+       * @param label The label to query marquee intersection tests. The value will be stored in the {@link #label} property.
+       * @param style The style to associate with the label. The value will be stored in the {@link #style} property.
+       * @returns <code>this</code>
        * @see yfiles.styles.DefaultLabelStyleRenderer#isInBox
        */
       getMarqueeTestable(label:yfiles.graph.ILabel,style:yfiles.styles.ILabelStyle):yfiles.input.IMarqueeTestable;
       /**
        * 
-       * @param {yfiles.graph.ILabel} label
-       * @param {yfiles.styles.ILabelStyle} style
-       * @returns {yfiles.geometry.Size} 
+       * @param label
+       * @param style
+       * @returns 
        */
       getPreferredSize(label:yfiles.graph.ILabel,style:yfiles.styles.ILabelStyle):yfiles.geometry.Size;
       /**
        * Calculates the preferred size given the current state of the renderer.
-       * @returns {yfiles.geometry.Size} The size as suggested by this renderer.
+       * @returns The size as suggested by this renderer.
        * @protected
        */
       getPreferredSizeCore():yfiles.geometry.Size;
       /**
        * Determines how the text should be aligned vertically within the assigned label bounds.
-       * @returns {yfiles.view.VerticalTextAlignment} This value as obtained from the style.
+       * @returns This value as obtained from the style.
        * @protected
        */
       getVerticalTextAlignment():yfiles.view.VerticalTextAlignment;
@@ -67238,58 +67244,58 @@ declare namespace system{
        * the subclass implementation depends on this instance to be configured, it needs to call <code>Configure</code> in
        * {@link yfiles.styles.DefaultLabelStyleRenderer#isVisible}.
        * </p>
-       * @param {yfiles.graph.ILabel} label The label to query visibility tests. The value will be stored in the {@link yfiles.styles.DefaultLabelStyleRenderer#label} property.
-       * @param {yfiles.styles.ILabelStyle} style The style to associate with the label. The value will be stored in the {@link yfiles.styles.DefaultLabelStyleRenderer#style} property.
-       * @returns {yfiles.view.IVisibilityTestable} <code>this</code>
+       * @param label The label to query visibility tests. The value will be stored in the {@link #label} property.
+       * @param style The style to associate with the label. The value will be stored in the {@link #style} property.
+       * @returns <code>this</code>
        * @see yfiles.styles.DefaultLabelStyleRenderer#isVisible
        */
       getVisibilityTestable(label:yfiles.graph.ILabel,style:yfiles.styles.ILabelStyle):yfiles.view.IVisibilityTestable;
       /**
        * Configures the <code>style</code> and <code>label</code> parameters, calls {@link yfiles.styles.DefaultLabelStyleRenderer#configure} and returns <code>this</code>.
-       * @param {yfiles.graph.ILabel} label The label to retrieve the {@link yfiles.view.IVisualCreator} for. The value will be stored in the {@link yfiles.styles.DefaultLabelStyleRenderer#label} property.
-       * @param {yfiles.styles.ILabelStyle} style The style to associate with the label. The value will be stored in the {@link yfiles.styles.DefaultLabelStyleRenderer#style} property.
-       * @returns {yfiles.view.IVisualCreator} <code>this</code>
+       * @param label The label to retrieve the {@link } for. The value will be stored in the {@link #label} property.
+       * @param style The style to associate with the label. The value will be stored in the {@link #style} property.
+       * @returns <code>this</code>
        * @see yfiles.styles.DefaultLabelStyleRenderer#createVisual
        * @see yfiles.styles.DefaultLabelStyleRenderer#updateVisual
        */
       getVisualCreator(label:yfiles.graph.ILabel,style:yfiles.styles.ILabelStyle):yfiles.view.IVisualCreator;
       /**
        * Determines how the text should be trimmed to fit the assigned label bounds.
-       * @returns {yfiles.view.TextWrapping} This value as obtained from the style.
+       * @returns This value as obtained from the style.
        * @protected
        */
       getWrapping():yfiles.view.TextWrapping;
       /**
        * Delegates to {@link yfiles.styles.DefaultLabelStyle#autoFlip}
-       * @returns {boolean} Whether to flip the drawing if it is upside down.
+       * @returns Whether to flip the drawing if it is upside down.
        * @protected
        */
       isAutoFlip():boolean;
       /**
        * Determines whether text should be forced to be clipped inside the rectangle.
-       * @returns {boolean} This value as obtained from the style.
+       * @returns This value as obtained from the style.
        * @protected
        */
       isClippingText():boolean;
       /**
        * 
-       * @param {yfiles.input.IInputModeContext} context
-       * @param {yfiles.geometry.Point} location
-       * @returns {boolean} 
+       * @param context
+       * @param location
+       * @returns 
        */
       isHit(context:yfiles.input.IInputModeContext,location:yfiles.geometry.Point):boolean;
       /**
        * 
-       * @param {yfiles.input.IInputModeContext} context
-       * @param {yfiles.geometry.Rect} rectangle
-       * @returns {boolean} 
+       * @param context
+       * @param rectangle
+       * @returns 
        */
       isInBox(context:yfiles.input.IInputModeContext,rectangle:yfiles.geometry.Rect):boolean;
       /**
        * Uses the {@link yfiles.graph.ILabel#layout} to determine whether the clip intersects.
-       * @param {yfiles.view.ICanvasContext} context
-       * @param {yfiles.geometry.Rect} rectangle
-       * @returns {boolean} 
+       * @param context
+       * @param rectangle
+       * @returns 
        */
       isVisible(context:yfiles.view.ICanvasContext,rectangle:yfiles.geometry.Rect):boolean;
       /**
@@ -67302,23 +67308,23 @@ declare namespace system{
        * This implementation will check if <code>type.IsInstanceOfType(this)</code> and will call {@link yfiles.styles.DefaultLabelStyleRenderer#configure}
        * on success and return <code>this</code>.
        * </p>
-       * @param {yfiles.lang.Class} type The type to query for.
-       * @returns {Object} An implementation or <code>null</code>.
+       * @param type The type to query for.
+       * @returns An implementation or <code>null</code>.
        */
       lookup(type:yfiles.lang.Class):Object;
       /**
        * Calculate the width and height required to render the provided text using the provided {@link yfiles.view.Font}.
-       * @param {string} text The text that should be measured.
-       * @param {yfiles.view.Font} font The {@link yfiles.view.Font} to apply to the text before measuring.
-       * @returns {yfiles.geometry.Size} The text size.
+       * @param text The text that should be measured.
+       * @param font The {@link } to apply to the text before measuring.
+       * @returns The text size.
        * @protected
        */
       measureText(text:string,font:yfiles.view.Font):yfiles.geometry.Size;
       /**
        * 
-       * @param {yfiles.view.IRenderContext} context
-       * @param {yfiles.view.Visual} oldVisual
-       * @returns {yfiles.view.Visual} 
+       * @param context
+       * @param oldVisual
+       * @returns 
        */
       updateVisual(context:yfiles.view.IRenderContext,oldVisual:yfiles.view.Visual):yfiles.view.Visual;
       /**
@@ -67346,7 +67352,7 @@ declare namespace system{
      * <p>
      * This implementation renders the label's inner style and an icon.
      * </p>
-     * @class yfiles.styles.IconLabelStyleRenderer
+     * @class
      * @implements {yfiles.styles.ILabelStyleRenderer}
      * @implements {yfiles.view.IBoundsProvider}
      * @implements {yfiles.view.IVisibilityTestable}
@@ -67359,7 +67365,6 @@ declare namespace system{
     export class IconLabelStyleRenderer {
       /**
        * Creates a new instance of this renderer.
-       * @constructor
        */
       constructor();
       /**
@@ -67369,21 +67374,21 @@ declare namespace system{
       configure():void;
       /**
        * 
-       * @param {yfiles.view.IRenderContext} context
-       * @returns {yfiles.view.Visual} 
+       * @param context
+       * @returns 
        */
       createVisual(context:yfiles.view.IRenderContext):yfiles.view.Visual;
       /**
        * 
-       * @param {yfiles.view.ICanvasContext} context
-       * @returns {yfiles.geometry.Rect} 
+       * @param context
+       * @returns 
        */
       getBounds(context:yfiles.view.ICanvasContext):yfiles.geometry.Rect;
       /**
        * Configures the <code>style</code> and <code>label</code> parameters, calls {@link yfiles.styles.IconLabelStyleRenderer#configure} and returns <code>this</code>.
-       * @param {yfiles.graph.ILabel} label The label to retrieve the bounds provider for. The value will be stored in the {@link yfiles.styles.IconLabelStyleRenderer#label} property.
-       * @param {yfiles.styles.ILabelStyle} style The style to associate with the label. The value will be stored in the {@link yfiles.styles.IconLabelStyleRenderer#style} property.
-       * @returns {yfiles.view.IBoundsProvider} <code>this</code>
+       * @param label The label to retrieve the bounds provider for. The value will be stored in the {@link #label} property.
+       * @param style The style to associate with the label. The value will be stored in the {@link #style} property.
+       * @returns <code>this</code>
        * @see yfiles.styles.IconLabelStyleRenderer#getBounds
        */
       getBoundsProvider(label:yfiles.graph.ILabel,style:yfiles.styles.ILabelStyle):yfiles.view.IBoundsProvider;
@@ -67394,62 +67399,56 @@ declare namespace system{
        * instead subclasses should ensure that in the {@link yfiles.styles.IconLabelStyleRenderer#lookup} method call they should call {@link yfiles.styles.IconLabelStyleRenderer#configure}
        * only if needed, i.e. if they decide to return <code>this</code> or an instance that depends on a correctly configured <code>this</code>.
        * </p>
-       * @param {yfiles.graph.ILabel} label The label to query the context for. The value will be stored in the {@link yfiles.styles.IconLabelStyleRenderer#label} property.
-       * @param {yfiles.styles.ILabelStyle} style The style to associate with the label. The value will be stored in the {@link yfiles.styles.IconLabelStyleRenderer#style} property.
-       * @returns {yfiles.graph.ILookup} <code>this</code>
+       * @param label The label to query the context for. The value will be stored in the {@link #label} property.
+       * @param style The style to associate with the label. The value will be stored in the {@link #style} property.
+       * @returns <code>this</code>
        * @see yfiles.styles.IconLabelStyleRenderer#lookup
        */
       getContext(label:yfiles.graph.ILabel,style:yfiles.styles.ILabelStyle):yfiles.graph.ILookup;
       /**
        * Configures the <code>style</code> and <code>label</code> parameters, calls {@link yfiles.styles.IconLabelStyleRenderer#configure} and returns <code>this</code>.
-       * @param {yfiles.graph.ILabel} label The label to query hit test with. The value will be stored in the {@link yfiles.styles.IconLabelStyleRenderer#label} property.
-       * @param {yfiles.styles.ILabelStyle} style The style to associate with the label. The value will be stored in the {@link yfiles.styles.IconLabelStyleRenderer#style} property.
-       * @returns {yfiles.input.IHitTestable} <code>this</code>
+       * @param label The label to query hit test with. The value will be stored in the {@link #label} property.
+       * @param style The style to associate with the label. The value will be stored in the {@link #style} property.
+       * @returns <code>this</code>
        * @see yfiles.styles.IconLabelStyleRenderer#isHit
        */
       getHitTestable(label:yfiles.graph.ILabel,style:yfiles.styles.ILabelStyle):yfiles.input.IHitTestable;
       /**
        * Retrieves the {@link yfiles.styles.IconLabelStyle#icon} from the {@link yfiles.styles.IconLabelStyleRenderer#style}.
-       * @returns {string} The icon.
+       * @returns The icon.
        * @protected
        */
       getIcon():string;
       /**
        * Retrieves the {@link yfiles.styles.IconLabelStyle#iconPlacement} from the {@link yfiles.styles.IconLabelStyleRenderer#style}.
-       * @returns {yfiles.graph.ILabelModelParameter} The placement parameter.
+       * @returns The placement parameter.
        * @protected
        */
       getIconPlacement():yfiles.graph.ILabelModelParameter;
       /**
        * Gets the size of the icon from the {@link yfiles.styles.IconLabelStyle#iconSize} property.
-       * @returns {yfiles.geometry.Size} The size to use for the icon.
+       * @returns The size to use for the icon.
        * @protected
        */
       getIconSize():yfiles.geometry.Size;
-      /**
-       * Retrieves the {@link yfiles.styles.IconLabelStyle#wrappedInsets} from the {@link yfiles.styles.IconLabelStyleRenderer#style}.
-       * @returns {yfiles.geometry.Insets} The insets.
-       * @protected
-       */
-      getInnerStyleInsets():yfiles.geometry.Insets;
       /**
        * Configures the <code>style</code> and <code>label</code> parameters, calls {@link yfiles.styles.IconLabelStyleRenderer#configure} and returns <code>this</code>.
-       * @param {yfiles.graph.ILabel} label The label to query marquee intersection tests. The value will be stored in the {@link yfiles.styles.IconLabelStyleRenderer#label} property.
-       * @param {yfiles.styles.ILabelStyle} style The style to associate with the label. The value will be stored in the {@link yfiles.styles.IconLabelStyleRenderer#style} property.
-       * @returns {yfiles.input.IMarqueeTestable} <code>this</code>
+       * @param label The label to query marquee intersection tests. The value will be stored in the {@link #label} property.
+       * @param style The style to associate with the label. The value will be stored in the {@link #style} property.
+       * @returns <code>this</code>
        * @see yfiles.styles.IconLabelStyleRenderer#isInBox
        */
       getMarqueeTestable(label:yfiles.graph.ILabel,style:yfiles.styles.ILabelStyle):yfiles.input.IMarqueeTestable;
       /**
        * 
-       * @param {yfiles.graph.ILabel} label
-       * @param {yfiles.styles.ILabelStyle} style
-       * @returns {yfiles.geometry.Size} 
+       * @param label
+       * @param style
+       * @returns 
        */
       getPreferredSize(label:yfiles.graph.ILabel,style:yfiles.styles.ILabelStyle):yfiles.geometry.Size;
       /**
        * Calculates the preferred size given the current state of the renderer.
-       * @returns {yfiles.geometry.Size} The size as suggested by this renderer.
+       * @returns The size as suggested by this renderer.
        * @protected
        */
       getPreferredSizeCore():yfiles.geometry.Size;
@@ -67460,52 +67459,58 @@ declare namespace system{
        * subclass implementation depends on this instance to be configured, it needs to call <code>Configure</code> in
        * {@link yfiles.styles.IconLabelStyleRenderer#isVisible}.
        * </p>
-       * @param {yfiles.graph.ILabel} label The label to query visibility tests. The value will be stored in the {@link yfiles.styles.IconLabelStyleRenderer#label} property.
-       * @param {yfiles.styles.ILabelStyle} style The style to associate with the label. The value will be stored in the {@link yfiles.styles.IconLabelStyleRenderer#style} property.
-       * @returns {yfiles.view.IVisibilityTestable} <code>this</code>
+       * @param label The label to query visibility tests. The value will be stored in the {@link #label} property.
+       * @param style The style to associate with the label. The value will be stored in the {@link #style} property.
+       * @returns <code>this</code>
        * @see yfiles.styles.IconLabelStyleRenderer#isVisible
        */
       getVisibilityTestable(label:yfiles.graph.ILabel,style:yfiles.styles.ILabelStyle):yfiles.view.IVisibilityTestable;
       /**
        * Configures the <code>style</code> and <code>label</code> parameters, calls {@link yfiles.styles.IconLabelStyleRenderer#configure} and returns <code>this</code>.
-       * @param {yfiles.graph.ILabel} label The label to retrieve the {@link yfiles.view.IVisualCreator} for. The value will be stored in the {@link yfiles.styles.IconLabelStyleRenderer#label} property.
-       * @param {yfiles.styles.ILabelStyle} style The style to associate with the label. The value will be stored in the {@link yfiles.styles.IconLabelStyleRenderer#style} property.
-       * @returns {yfiles.view.IVisualCreator} <code>this</code>
+       * @param label The label to retrieve the {@link } for. The value will be stored in the {@link #label} property.
+       * @param style The style to associate with the label. The value will be stored in the {@link #style} property.
+       * @returns <code>this</code>
        * @see yfiles.styles.IconLabelStyleRenderer#createVisual
        * @see yfiles.styles.IconLabelStyleRenderer#updateVisual
        */
       getVisualCreator(label:yfiles.graph.ILabel,style:yfiles.styles.ILabelStyle):yfiles.view.IVisualCreator;
       /**
        * Retrieves the {@link yfiles.styles.IconLabelStyle#wrapped} from the {@link yfiles.styles.IconLabelStyleRenderer#style}.
-       * @returns {yfiles.styles.ILabelStyle} The style.
+       * @returns The style.
        * @protected
        */
       getWrappedStyle():yfiles.styles.ILabelStyle;
+      /**
+       * Retrieves the {@link yfiles.styles.IconLabelStyle#wrappedInsets} from the {@link yfiles.styles.IconLabelStyleRenderer#style}.
+       * @returns The insets.
+       * @protected
+       */
+      getWrappedStyleInsets():yfiles.geometry.Insets;
       /**
        * Retrieves the {@link yfiles.styles.IconLabelStyle#autoFlip} property from the {@link yfiles.styles.IconLabelStyleRenderer#style}.
-       * @returns {boolean} The autoflip property value.
+       * @returns The autoflip property value.
        * @protected
        */
       isAutoFlip():boolean;
       /**
        * 
-       * @param {yfiles.input.IInputModeContext} context
-       * @param {yfiles.geometry.Point} location
-       * @returns {boolean} 
+       * @param context
+       * @param location
+       * @returns 
        */
       isHit(context:yfiles.input.IInputModeContext,location:yfiles.geometry.Point):boolean;
       /**
        * 
-       * @param {yfiles.input.IInputModeContext} context
-       * @param {yfiles.geometry.Rect} rectangle
-       * @returns {boolean} 
+       * @param context
+       * @param rectangle
+       * @returns 
        */
       isInBox(context:yfiles.input.IInputModeContext,rectangle:yfiles.geometry.Rect):boolean;
       /**
        * 
-       * @param {yfiles.view.ICanvasContext} context
-       * @param {yfiles.geometry.Rect} rectangle
-       * @returns {boolean} 
+       * @param context
+       * @param rectangle
+       * @returns 
        */
       isVisible(context:yfiles.view.ICanvasContext,rectangle:yfiles.geometry.Rect):boolean;
       /**
@@ -67518,21 +67523,21 @@ declare namespace system{
        * This implementation will check if <code>type.IsInstanceOfType(this)</code> and will call {@link yfiles.styles.IconLabelStyleRenderer#configure}
        * on success and return <code>this</code>.
        * </p>
-       * @param {yfiles.lang.Class} type The type to query for.
-       * @returns {Object} An implementation or <code>null</code>.
+       * @param type The type to query for.
+       * @returns An implementation or <code>null</code>.
        */
       lookup(type:yfiles.lang.Class):Object;
       /**
        * Returns whether the icon bounds should be considered for hit testing.
-       * @returns {boolean} true
+       * @returns true
        * @protected
        */
       shouldHitTestIcon():boolean;
       /**
        * 
-       * @param {yfiles.view.IRenderContext} context
-       * @param {yfiles.view.Visual} oldVisual
-       * @returns {yfiles.view.Visual} 
+       * @param context
+       * @param oldVisual
+       * @returns 
        */
       updateVisual(context:yfiles.view.IRenderContext,oldVisual:yfiles.view.Visual):yfiles.view.Visual;
       /**
@@ -67551,23 +67556,22 @@ declare namespace system{
     }
     /**
      * A node style that can display node shapes with a boundary that is defined by a {@link yfiles.geometry.GeneralPath} instance.
-     * @class yfiles.styles.GeneralPathNodeStyle
+     * @class
      * @implements {yfiles.styles.INodeStyle}
      */
     export interface GeneralPathNodeStyle extends Object,yfiles.styles.INodeStyle{}
     export class GeneralPathNodeStyle {
       /**
        * Creates a new instance using the specified path and a custom renderer instance.
-       * @param {yfiles.geometry.GeneralPath} path The path that defines the boundary of this style.
-       * @param {yfiles.styles.GeneralPathNodeStyleRenderer} [renderer=null] Custom renderer instance for this style
-       * @constructor
+       * @param path The path that defines the boundary of this style.
+       * @param [renderer=null] Custom renderer instance for this style
        */
       constructor(path:yfiles.geometry.GeneralPath,renderer?:yfiles.styles.GeneralPathNodeStyleRenderer);
       /**
        * Creates a new instance using the specified path and a custom renderer instance.
        * @param {Object} options The parameters to pass.
-       * @param {yfiles.geometry.GeneralPath} options.path The path that defines the boundary of this style.
-       * @param {yfiles.styles.GeneralPathNodeStyleRenderer} [options.renderer=null] Custom renderer instance for this style
+       * @param options.path The path that defines the boundary of this style.
+       * @param [options.renderer=null] Custom renderer instance for this style
        * @param {yfiles.view.Fill} options.fill The {@link yfiles.view.Fill} that is used to draw the shape.
        * <p>
        * This option sets the {@link yfiles.styles.GeneralPathNodeStyle#fill} property on the created object.
@@ -67576,7 +67580,6 @@ declare namespace system{
        * <p>
        * This option sets the {@link yfiles.styles.GeneralPathNodeStyle#stroke} property on the created object.
        * </p>
-       * @constructor
        */
       constructor(options:{path:yfiles.geometry.GeneralPath,renderer?:yfiles.styles.GeneralPathNodeStyleRenderer,fill?:yfiles.view.Fill,stroke?:yfiles.view.Stroke});
       /**
@@ -67594,12 +67597,11 @@ declare namespace system{
        * <p>
        * This option sets the {@link yfiles.styles.GeneralPathNodeStyle#stroke} property on the created object.
        * </p>
-       * @constructor
        */
       constructor(options?:{fill?:yfiles.view.Fill,path?:yfiles.geometry.GeneralPath,stroke?:yfiles.view.Stroke});
       /**
        * 
-       * @returns {Object} 
+       * @returns 
        */
       clone():Object;
       /**
@@ -67641,7 +67643,7 @@ declare namespace system{
     }
     /**
      * An {@link yfiles.styles.INodeStyleRenderer} implementation that can handle {@link yfiles.styles.GeneralPathNodeStyle} instances.
-     * @class yfiles.styles.GeneralPathNodeStyleRenderer
+     * @class
      * @implements {yfiles.styles.INodeStyleRenderer}
      * @implements {yfiles.styles.IShapeGeometry}
      * @implements {yfiles.view.IBoundsProvider}
@@ -67655,7 +67657,6 @@ declare namespace system{
     export class GeneralPathNodeStyleRenderer {
       /**
        * Initializes a new instance of the {@link yfiles.styles.GeneralPathNodeStyleRenderer} class.
-       * @constructor
        */
       constructor();
       /**
@@ -67674,21 +67675,21 @@ declare namespace system{
       configure():void;
       /**
        * 
-       * @param {yfiles.view.IRenderContext} context
-       * @returns {yfiles.view.Visual} 
+       * @param context
+       * @returns 
        */
       createVisual(context:yfiles.view.IRenderContext):yfiles.view.Visual;
       /**
        * 
-       * @param {yfiles.view.ICanvasContext} context
-       * @returns {yfiles.geometry.Rect} 
+       * @param context
+       * @returns 
        */
       getBounds(context:yfiles.view.ICanvasContext):yfiles.geometry.Rect;
       /**
        * Configures the <code>style</code> and <code>node</code> parameters, calls {@link yfiles.styles.GeneralPathNodeStyleRenderer#configure} and returns <code>this</code>.
-       * @param {yfiles.graph.INode} node The node to retrieve the bounds provider for. The value will be stored in the {@link yfiles.styles.GeneralPathNodeStyleRenderer#node} property.
-       * @param {yfiles.styles.INodeStyle} style The style to associate with the node. The value will be stored in the {@link yfiles.styles.GeneralPathNodeStyleRenderer#style} property.
-       * @returns {yfiles.view.IBoundsProvider} <code>this</code>
+       * @param node The node to retrieve the bounds provider for. The value will be stored in the {@link #node} property.
+       * @param style The style to associate with the node. The value will be stored in the {@link #style} property.
+       * @returns <code>this</code>
        * @see yfiles.styles.GeneralPathNodeStyleRenderer#getBounds
        */
       getBoundsProvider(node:yfiles.graph.INode,style:yfiles.styles.INodeStyle):yfiles.view.IBoundsProvider;
@@ -67701,45 +67702,45 @@ declare namespace system{
        * call {@link yfiles.styles.GeneralPathNodeStyleRenderer#configure} only if needed, i.e. if they decide to return <code>this</code> or an
        * instance that depends on a correctly configured <code>this</code>.
        * </p>
-       * @param {yfiles.graph.INode} node The node to query the context for. The value will be stored in the {@link yfiles.styles.GeneralPathNodeStyleRenderer#node} property.
-       * @param {yfiles.styles.INodeStyle} style The style to associate with the node. The value will be stored in the {@link yfiles.styles.GeneralPathNodeStyleRenderer#style} property.
-       * @returns {yfiles.graph.ILookup} <code>this</code>
+       * @param node The node to query the context for. The value will be stored in the {@link #node} property.
+       * @param style The style to associate with the node. The value will be stored in the {@link #style} property.
+       * @returns <code>this</code>
        * @see yfiles.styles.GeneralPathNodeStyleRenderer#lookup
        */
       getContext(node:yfiles.graph.INode,style:yfiles.styles.INodeStyle):yfiles.graph.ILookup;
       /**
        * Configures the <code>style</code> and <code>node</code> parameters, calls {@link yfiles.styles.GeneralPathNodeStyleRenderer#configure} and returns <code>this</code>.
-       * @param {yfiles.graph.INode} node The node to query hit test with. The value will be stored in the {@link yfiles.styles.GeneralPathNodeStyleRenderer#node} property.
-       * @param {yfiles.styles.INodeStyle} style The style to associate with the node. The value will be stored in the {@link yfiles.styles.GeneralPathNodeStyleRenderer#style} property.
-       * @returns {yfiles.input.IHitTestable} <code>this</code>
+       * @param node The node to query hit test with. The value will be stored in the {@link #node} property.
+       * @param style The style to associate with the node. The value will be stored in the {@link #style} property.
+       * @returns <code>this</code>
        * @see yfiles.styles.GeneralPathNodeStyleRenderer#isHit
        */
       getHitTestable(node:yfiles.graph.INode,style:yfiles.styles.INodeStyle):yfiles.input.IHitTestable;
       /**
        * 
-       * @param {yfiles.geometry.Point} inner
-       * @param {yfiles.geometry.Point} outer
-       * @returns {yfiles.geometry.Point} 
+       * @param inner
+       * @param outer
+       * @returns 
        */
       getIntersection(inner:yfiles.geometry.Point,outer:yfiles.geometry.Point):yfiles.geometry.Point;
       /**
        * Configures the <code>style</code> and <code>node</code> parameters, calls {@link yfiles.styles.GeneralPathNodeStyleRenderer#configure} and returns <code>this</code>.
-       * @param {yfiles.graph.INode} node The node to query marquee intersection tests. The value will be stored in the {@link yfiles.styles.GeneralPathNodeStyleRenderer#node} property.
-       * @param {yfiles.styles.INodeStyle} style The style to associate with the node. The value will be stored in the {@link yfiles.styles.GeneralPathNodeStyleRenderer#style} property.
-       * @returns {yfiles.input.IMarqueeTestable} <code>this</code>
+       * @param node The node to query marquee intersection tests. The value will be stored in the {@link #node} property.
+       * @param style The style to associate with the node. The value will be stored in the {@link #style} property.
+       * @returns <code>this</code>
        * @see yfiles.styles.GeneralPathNodeStyleRenderer#isInBox
        */
       getMarqueeTestable(node:yfiles.graph.INode,style:yfiles.styles.INodeStyle):yfiles.input.IMarqueeTestable;
       /**
        * 
-       * @returns {yfiles.geometry.GeneralPath} 
+       * @returns 
        */
       getOutline():yfiles.geometry.GeneralPath;
       /**
        * Configures the {@link yfiles.styles.GeneralPathNodeStyleRenderer#style} and {@link yfiles.styles.GeneralPathNodeStyleRenderer#node} properties, calls {@link yfiles.styles.GeneralPathNodeStyleRenderer#configure} and returns <code>this</code>.
-       * @param {yfiles.graph.INode} node The node to retrieve the shape geometry for. The value will be stored in the {@link yfiles.styles.GeneralPathNodeStyleRenderer#node} property.
-       * @param {yfiles.styles.INodeStyle} style The style to associate with the node. The value will be stored in the {@link yfiles.styles.GeneralPathNodeStyleRenderer#style} property.
-       * @returns {yfiles.styles.IShapeGeometry} <code>this</code>
+       * @param node The node to retrieve the shape geometry for. The value will be stored in the {@link #node} property.
+       * @param style The style to associate with the node. The value will be stored in the {@link #style} property.
+       * @returns <code>this</code>
        * @see yfiles.styles.GeneralPathNodeStyleRenderer#isInside
        * @see yfiles.styles.GeneralPathNodeStyleRenderer#getIntersection
        */
@@ -67752,46 +67753,46 @@ declare namespace system{
        * the subclass implementation depends on this instance to be configured, it needs to call <code>Configure</code> in
        * {@link yfiles.styles.GeneralPathNodeStyleRenderer#isVisible}.
        * </p>
-       * @param {yfiles.graph.INode} node The node to query visibility tests. The value will be stored in the {@link yfiles.styles.GeneralPathNodeStyleRenderer#node} property.
-       * @param {yfiles.styles.INodeStyle} style The style to associate with the node. The value will be stored in the {@link yfiles.styles.GeneralPathNodeStyleRenderer#style} property.
-       * @returns {yfiles.view.IVisibilityTestable} <code>this</code>
+       * @param node The node to query visibility tests. The value will be stored in the {@link #node} property.
+       * @param style The style to associate with the node. The value will be stored in the {@link #style} property.
+       * @returns <code>this</code>
        * @see yfiles.styles.GeneralPathNodeStyleRenderer#isVisible
        */
       getVisibilityTestable(node:yfiles.graph.INode,style:yfiles.styles.INodeStyle):yfiles.view.IVisibilityTestable;
       /**
        * Configures the <code>style</code> and <code>node</code> parameters, calls {@link yfiles.styles.GeneralPathNodeStyleRenderer#configure} and returns <code>this</code>.
-       * @param {yfiles.graph.INode} node The node to retrieve the {@link yfiles.view.IVisualCreator} for. The value will be stored in the {@link yfiles.styles.GeneralPathNodeStyleRenderer#node} property.
-       * @param {yfiles.styles.INodeStyle} style The style to associate with the node. The value will be stored in the {@link yfiles.styles.GeneralPathNodeStyleRenderer#style} property.
-       * @returns {yfiles.view.IVisualCreator} <code>this</code>
+       * @param node The node to retrieve the {@link } for. The value will be stored in the {@link #node} property.
+       * @param style The style to associate with the node. The value will be stored in the {@link #style} property.
+       * @returns <code>this</code>
        * @see yfiles.styles.GeneralPathNodeStyleRenderer#createVisual
        * @see yfiles.styles.GeneralPathNodeStyleRenderer#updateVisual
        */
       getVisualCreator(node:yfiles.graph.INode,style:yfiles.styles.INodeStyle):yfiles.view.IVisualCreator;
       /**
        * 
-       * @param {yfiles.input.IInputModeContext} context
-       * @param {yfiles.geometry.Point} location
-       * @returns {boolean} 
+       * @param context
+       * @param location
+       * @returns 
        */
       isHit(context:yfiles.input.IInputModeContext,location:yfiles.geometry.Point):boolean;
       /**
        * 
-       * @param {yfiles.input.IInputModeContext} context
-       * @param {yfiles.geometry.Rect} rectangle
-       * @returns {boolean} 
+       * @param context
+       * @param rectangle
+       * @returns 
        */
       isInBox(context:yfiles.input.IInputModeContext,rectangle:yfiles.geometry.Rect):boolean;
       /**
        * 
-       * @param {yfiles.geometry.Point} location
-       * @returns {boolean} 
+       * @param location
+       * @returns 
        */
       isInside(location:yfiles.geometry.Point):boolean;
       /**
        * Determines visibility by checking for an intersection with the {@link yfiles.styles.GeneralPathNodeStyleRenderer#layout}.
-       * @param {yfiles.view.ICanvasContext} context The context.
-       * @param {yfiles.geometry.Rect} rectangle The current clip
-       * @returns {boolean} Whether the {@link yfiles.styles.GeneralPathNodeStyleRenderer#layout} is visible in the clip.
+       * @param context The context.
+       * @param rectangle The current clip
+       * @returns Whether the {@link #layout} is visible in the clip.
        */
       isVisible(context:yfiles.view.ICanvasContext,rectangle:yfiles.geometry.Rect):boolean;
       /**
@@ -67804,15 +67805,15 @@ declare namespace system{
        * lookup. This implementation will check if <code>type.IsInstanceOfType(this)</code> and will call {@link yfiles.styles.GeneralPathNodeStyleRenderer#configure}
        * on success and return <code>this</code>.
        * </p>
-       * @param {yfiles.lang.Class} type The type to query for.
-       * @returns {Object} An implementation or <code>null</code>.
+       * @param type The type to query for.
+       * @returns An implementation or <code>null</code>.
        */
       lookup(type:yfiles.lang.Class):Object;
       /**
        * 
-       * @param {yfiles.view.IRenderContext} context
-       * @param {yfiles.view.Visual} oldVisual
-       * @returns {yfiles.view.Visual} 
+       * @param context
+       * @param oldVisual
+       * @returns 
        */
       updateVisual(context:yfiles.view.IRenderContext,oldVisual:yfiles.view.Visual):yfiles.view.Visual;
       /**
@@ -67841,7 +67842,7 @@ declare namespace system{
      * An abstract base class for {@link yfiles.styles.IEdgeStyleRenderer} implementations that are based on the calculation of a
      * {@link yfiles.geometry.GeneralPath}.
      * Type parameter <code>TStyle</code>: The exact type of style to use for this instance.
-     * @class yfiles.styles.PathBasedEdgeStyleRenderer.<TStyle>
+     * @class
      * @implements {yfiles.styles.IEdgeStyleRenderer}
      * @implements {yfiles.styles.IPathGeometry}
      * @implements {yfiles.view.IBoundsProvider}
@@ -67857,7 +67858,7 @@ declare namespace system{
     export class PathBasedEdgeStyleRenderer<TStyle extends yfiles.styles.IEdgeStyle> {
       /**
        * 
-       * @param {yfiles.lang.Class} edgeStyleType The exact type of style to use for this instance.
+       * @param edgeStyleType The exact type of style to use for this instance.
        */
       constructor(edgeStyleType:yfiles.lang.Class);
       /**
@@ -67874,20 +67875,20 @@ declare namespace system{
       configure():void;
       /**
        * This method should create the basic uncropped path given the control points.
-       * @returns {yfiles.geometry.GeneralPath} A path that has to be cropped, yet.
+       * @returns A path that has to be cropped, yet.
        * @protected
        * @abstract
        */
       createPath():yfiles.geometry.GeneralPath;
       /**
        * Static utility method that creates a rectangular self loop path.
-       * @param {number} sx The x coordinate of the source port.
-       * @param {number} sy The y coordinate of the source port.
-       * @param {number} oppositeX The x coordinate of the single control point.
-       * @param {number} oppositeY The y coordinate of the single control point.
-       * @param {number} tx The x coordinate of the target port.
-       * @param {number} ty The y coordinate of the target port.
-       * @returns {yfiles.geometry.GeneralPath} A path that describes a rectangular self loop.
+       * @param sx The x coordinate of the source port.
+       * @param sy The y coordinate of the source port.
+       * @param oppositeX The x coordinate of the single control point.
+       * @param oppositeY The y coordinate of the single control point.
+       * @param tx The x coordinate of the target port.
+       * @param ty The y coordinate of the target port.
+       * @returns A path that describes a rectangular self loop.
        * @see yfiles.styles.PathBasedEdgeStyleRenderer.<TStyle>#createSelfLoopPath
        * @protected
        * @static
@@ -67895,13 +67896,13 @@ declare namespace system{
       static createRectangleSelfLoop(sx:number,sy:number,oppositeX:number,oppositeY:number,tx:number,ty:number):yfiles.geometry.GeneralPath;
       /**
        * Static utility method that creates a round self loop path.
-       * @param {number} sx The x coordinate of the source port.
-       * @param {number} sy The y coordinate of the source port.
-       * @param {number} oppositeX The x coordinate of the single control point.
-       * @param {number} oppositeY The y coordinate of the single control point.
-       * @param {number} tx The x coordinate of the target port.
-       * @param {number} ty The y coordinate of the target port.
-       * @returns {yfiles.geometry.GeneralPath} A path that describes a round self loop.
+       * @param sx The x coordinate of the source port.
+       * @param sy The y coordinate of the source port.
+       * @param oppositeX The x coordinate of the single control point.
+       * @param oppositeY The y coordinate of the single control point.
+       * @param tx The x coordinate of the target port.
+       * @param ty The y coordinate of the target port.
+       * @returns A path that describes a round self loop.
        * @see yfiles.styles.PathBasedEdgeStyleRenderer.<TStyle>#createSelfLoopPath
        * @protected
        * @static
@@ -67909,15 +67910,15 @@ declare namespace system{
       static createRoundSelfLoop(sx:number,sy:number,oppositeX:number,oppositeY:number,tx:number,ty:number):yfiles.geometry.GeneralPath;
       /**
        * Special implementation that will create a self loop path.
-       * @param {boolean} roundSelfLoop
-       * @returns {yfiles.geometry.GeneralPath} 
+       * @param roundSelfLoop
+       * @returns 
        * @protected
        */
       createSelfLoopPath(roundSelfLoop:boolean):yfiles.geometry.GeneralPath;
       /**
        * 
-       * @param {yfiles.view.IRenderContext} context
-       * @returns {yfiles.view.Visual} 
+       * @param context
+       * @returns 
        */
       createVisual(context:yfiles.view.IRenderContext):yfiles.view.Visual;
       /**
@@ -67926,22 +67927,22 @@ declare namespace system{
        * This implementation uses the {@link yfiles.styles.IEdgePathCropper} instances found in the {@link yfiles.graph.ILookup#lookup} of the
        * source and target port of the edge to perform the actual cropping.
        * </p>
-       * @param {yfiles.geometry.GeneralPath} path The path that should be cropped.
-       * @returns {yfiles.geometry.GeneralPath} The cropped path. This is can be either the same instance of the given path or a newly created instance.
+       * @param path The path that should be cropped.
+       * @returns The cropped path. This is can be either the same instance of the given path or a newly created instance.
        * @protected
        */
       cropPath(path:yfiles.geometry.GeneralPath):yfiles.geometry.GeneralPath;
       /**
        * 
-       * @param {yfiles.view.ICanvasContext} context
-       * @returns {yfiles.geometry.Rect} 
+       * @param context
+       * @returns 
        */
       getBounds(context:yfiles.view.ICanvasContext):yfiles.geometry.Rect;
       /**
        * Configures the <code>style</code> and <code>edge</code> parameters, calls {@link yfiles.styles.PathBasedEdgeStyleRenderer.<TStyle>#configure} and returns <code>this</code>.
-       * @param {yfiles.graph.IEdge} edge The edge to retrieve the bounds provider for. The value will be stored in the {@link yfiles.styles.PathBasedEdgeStyleRenderer.<TStyle>#edge} property.
-       * @param {yfiles.styles.IEdgeStyle} style The style to associate with the edge. The value will be stored in the {@link yfiles.styles.PathBasedEdgeStyleRenderer.<TStyle>#style} property.
-       * @returns {yfiles.view.IBoundsProvider} <code>this</code>
+       * @param edge The edge to retrieve the bounds provider for. The value will be stored in the {@link #edge} property.
+       * @param style The style to associate with the edge. The value will be stored in the {@link #style} property.
+       * @returns <code>this</code>
        * @see yfiles.styles.PathBasedEdgeStyleRenderer.<TStyle>#getBounds
        */
       getBoundsProvider(edge:yfiles.graph.IEdge,style:yfiles.styles.IEdgeStyle):yfiles.view.IBoundsProvider;
@@ -67951,7 +67952,7 @@ declare namespace system{
        * The return value of this method (which may be <code>null</code>) will be passed to the {@link yfiles.view.BridgeManager}'s {@link yfiles.view.BridgeManager#addBridges}
        * method.
        * </p>
-       * @returns {yfiles.view.IBridgeCreator} This implementation returns <code>null</code>.
+       * @returns This implementation returns <code>null</code>.
        * @protected
        */
       getBridgeCreator():yfiles.view.IBridgeCreator;
@@ -67962,9 +67963,9 @@ declare namespace system{
        * the {@link yfiles.styles.PathBasedEdgeStyleRenderer.<TStyle>#lookup} method call they should call {@link yfiles.styles.PathBasedEdgeStyleRenderer.<TStyle>#configure} only if needed, i.e. if they decide to return <code>this</code> or an instance
        * that depends on a correctly configured <code>this</code>.
        * </p>
-       * @param {yfiles.graph.IEdge} edge The edge to query the context for. The value will be stored in the {@link yfiles.styles.PathBasedEdgeStyleRenderer.<TStyle>#edge} property.
-       * @param {yfiles.styles.IEdgeStyle} style The style to associate with the edge. The value will be stored in the {@link yfiles.styles.PathBasedEdgeStyleRenderer.<TStyle>#style} property.
-       * @returns {yfiles.graph.ILookup} <code>this</code>
+       * @param edge The edge to query the context for. The value will be stored in the {@link #edge} property.
+       * @param style The style to associate with the edge. The value will be stored in the {@link #style} property.
+       * @returns <code>this</code>
        * @see yfiles.styles.PathBasedEdgeStyleRenderer.<TStyle>#lookup
        */
       getContext(edge:yfiles.graph.IEdge,style:yfiles.styles.IEdgeStyle):yfiles.graph.ILookup;
@@ -67974,9 +67975,9 @@ declare namespace system{
        * This implementation does not call {@link yfiles.styles.PathBasedEdgeStyleRenderer.<TStyle>#configure}. If subclasses depend on a configured instance in an override of {@link yfiles.styles.PathBasedEdgeStyleRenderer.<TStyle>#isHit},
        * they need to override this method, too and call {@link yfiles.styles.PathBasedEdgeStyleRenderer.<TStyle>#configure} if the base call returns a non-<code>null</code> value.
        * </p>
-       * @param {yfiles.graph.IEdge} edge
-       * @param {yfiles.styles.IEdgeStyle} style
-       * @returns {yfiles.input.IHitTestable} 
+       * @param edge
+       * @param style
+       * @returns 
        * @see yfiles.styles.PathBasedEdgeStyleRenderer.<TStyle>#isHit
        * @see yfiles.styles.PathBasedEdgeStyleRenderer.<TStyle>#configure
        * @see yfiles.styles.IEdgeStyleRenderer#getHitTestable
@@ -67984,30 +67985,30 @@ declare namespace system{
       getHitTestable(edge:yfiles.graph.IEdge,style:yfiles.styles.IEdgeStyle):yfiles.input.IHitTestable;
       /**
        * Configures the <code>style</code> and <code>edge</code> parameters, calls {@link yfiles.styles.PathBasedEdgeStyleRenderer.<TStyle>#configure} and returns <code>this</code>.
-       * @param {yfiles.graph.IEdge} edge The edge to query marquee intersection tests. The value will be stored in the {@link yfiles.styles.PathBasedEdgeStyleRenderer.<TStyle>#edge} property.
-       * @param {yfiles.styles.IEdgeStyle} style The style to associate with the edge. The value will be stored in the {@link yfiles.styles.PathBasedEdgeStyleRenderer.<TStyle>#style} property.
-       * @returns {yfiles.input.IMarqueeTestable} <code>this</code>
+       * @param edge The edge to query marquee intersection tests. The value will be stored in the {@link #edge} property.
+       * @param style The style to associate with the edge. The value will be stored in the {@link #style} property.
+       * @returns <code>this</code>
        * @see yfiles.styles.PathBasedEdgeStyleRenderer.<TStyle>#isInBox
        */
       getMarqueeTestable(edge:yfiles.graph.IEdge,style:yfiles.styles.IEdgeStyle):yfiles.input.IMarqueeTestable;
       /**
        * Returns {@link yfiles.styles.PathBasedEdgeStyleRenderer.<TStyle>#createPath} unless {@link yfiles.styles.PathBasedEdgeStyleRenderer.<TStyle>#isVisible} yields <code>false</code> for the provided context and {@link yfiles.view.IRenderContext#clip}.
-       * @param {yfiles.view.IRenderContext} context The context to yield the obstacles for.
-       * @returns {yfiles.geometry.GeneralPath} Either <code>null</code> or the result of {@link yfiles.styles.PathBasedEdgeStyleRenderer.<TStyle>#createPath}.
+       * @param context The context to yield the obstacles for.
+       * @returns Either <code>null</code> or the result of {@link #createPath}.
        * @see yfiles.view.IObstacleProvider
        */
       getObstacles(context:yfiles.view.IRenderContext):yfiles.geometry.GeneralPath;
       /**
        * 
-       * @returns {yfiles.geometry.GeneralPath} 
+       * @returns 
        */
       getPath():yfiles.geometry.GeneralPath;
       /**
        * Gets an implementation of the {@link yfiles.styles.IPathGeometry} interface that can handle the provided edge and its associated
        * style.
-       * @param {yfiles.graph.IEdge} edge The edge to provide an instance for
-       * @param {yfiles.styles.IEdgeStyle} style The style to use for the painting
-       * @returns {yfiles.styles.IPathGeometry} <code>this</code>
+       * @param edge The edge to provide an instance for
+       * @param style The style to use for the painting
+       * @returns <code>this</code>
        * @see yfiles.styles.PathBasedEdgeStyleRenderer.<TStyle>#configure
        * @see yfiles.styles.PathBasedEdgeStyleRenderer.<TStyle>#getTangent
        * @see yfiles.styles.PathBasedEdgeStyleRenderer.<TStyle>#getTangent
@@ -68021,7 +68022,7 @@ declare namespace system{
        * This method is part of the {@link yfiles.styles.IPathGeometry} interface, that is implemented by this class. This interface will
        * be returned by {@link yfiles.styles.PathBasedEdgeStyleRenderer.<TStyle>#getPathGeometry}.
        * </p>
-       * @returns {number} the number of segments or <code>-1</code> if there is no such thing as a segment for this edge.
+       * @returns the number of segments or <code>-1</code> if there is no such thing as a segment for this edge.
        * @see yfiles.styles.PathBasedEdgeStyleRenderer.<TStyle>#getPathGeometry
        * @abstract
        */
@@ -68031,27 +68032,27 @@ declare namespace system{
        * <p>
        * This implementation returns <code>0.0d</code>, which effectively turns off path smoothing.
        * </p>
-       * @returns {number} The radius of the arcs to use at the bends of the path.
+       * @returns The radius of the arcs to use at the bends of the path.
        * @protected
        */
       getSmoothingLength():number;
       /**
        * Gets the source arrow from the style.
-       * @returns {yfiles.styles.IArrow} The arrow to use.
+       * @returns The arrow to use.
        * @protected
        * @abstract
        */
       getSourceArrow():yfiles.styles.IArrow;
       /**
        * Calculate and update the anchor and the source arrow's direction vector.
-       * @param {yfiles.styles.IArrow} arrow The arrow to calculate the anchor for.
-       * @returns {yfiles.geometry.Tangent} The anchor and directional vector of the arrow, if any exist.
+       * @param arrow The arrow to calculate the anchor for.
+       * @returns The anchor and directional vector of the arrow, if any exist.
        * @protected
        */
       getSourceArrowAnchor(arrow:yfiles.styles.IArrow):yfiles.geometry.Tangent;
       /**
        * Gets the {@link yfiles.view.Stroke} to use to render the path.
-       * @returns {yfiles.view.Stroke} The {@link yfiles.view.Stroke} or <code>null</code>.
+       * @returns The {@link } or <code>null</code>.
        * @protected
        * @abstract
        */
@@ -68062,9 +68063,9 @@ declare namespace system{
        * This method is part of the {@link yfiles.styles.IPathGeometry} interface, that is implemented by this class. This interface will
        * be returned by {@link yfiles.styles.PathBasedEdgeStyleRenderer.<TStyle>#getPathGeometry}.
        * </p>
-       * @param {number} segmentIndex the segment to use for the calculation
-       * @param {number} ratio a value in [0,1] where 0 is the source's end and 1 is at the target's end of the segment
-       * @returns {yfiles.geometry.Tangent} The tangential line, if any exists.
+       * @param segmentIndex the segment to use for the calculation
+       * @param ratio a value in [0,1] where 0 is the source's end and 1 is at the target's end of the segment
+       * @returns The tangential line, if any exists.
        * @see yfiles.styles.PathBasedEdgeStyleRenderer.<TStyle>#getTangent
        * @see yfiles.styles.PathBasedEdgeStyleRenderer.<TStyle>#getSegmentCount
        * @see yfiles.styles.PathBasedEdgeStyleRenderer.<TStyle>#getPathGeometry
@@ -68077,23 +68078,23 @@ declare namespace system{
        * This method is part of the {@link yfiles.styles.IPathGeometry} interface, that is implemented by this class. This interface will
        * be returned by {@link yfiles.styles.PathBasedEdgeStyleRenderer.<TStyle>#getPathGeometry}.
        * </p>
-       * @param {number} ratio a value in [0,1] where 0 is the source's end and 1 is at the target's end of the visible edge path
-       * @returns {yfiles.geometry.Tangent} The tangential line, if any exists.
+       * @param ratio a value in [0,1] where 0 is the source's end and 1 is at the target's end of the visible edge path
+       * @returns The tangential line, if any exists.
        * @see yfiles.styles.PathBasedEdgeStyleRenderer.<TStyle>#getPathGeometry
        * @abstract
        */
       getTangent(ratio:number):yfiles.geometry.Tangent;
       /**
        * Gets the target arrow from the style.
-       * @returns {yfiles.styles.IArrow} The arrow to use.
+       * @returns The arrow to use.
        * @protected
        * @abstract
        */
       getTargetArrow():yfiles.styles.IArrow;
       /**
        * Calculate and update the anchor and the target arrow's direction vector.
-       * @param {yfiles.styles.IArrow} arrow The arrow to calculate the anchor for.
-       * @returns {yfiles.geometry.Tangent} The anchor and directional vector of the arrow, if any exist.
+       * @param arrow The arrow to calculate the anchor for.
+       * @returns The anchor and directional vector of the arrow, if any exist.
        * @protected
        */
       getTargetArrowAnchor(arrow:yfiles.styles.IArrow):yfiles.geometry.Tangent;
@@ -68103,17 +68104,17 @@ declare namespace system{
        * Unlike most of the other methods this implementation does <b>not</b> call {@link yfiles.styles.PathBasedEdgeStyleRenderer.<TStyle>#configure}. If the subclass implementation depends on
        * this instance to be configured, it needs to call <code>Configure</code> in {@link yfiles.styles.PathBasedEdgeStyleRenderer.<TStyle>#isVisible}.
        * </p>
-       * @param {yfiles.graph.IEdge} edge The edge to query visibility tests. The value will be stored in the {@link yfiles.styles.PathBasedEdgeStyleRenderer.<TStyle>#edge} property.
-       * @param {yfiles.styles.IEdgeStyle} style The style to associate with the edge. The value will be stored in the {@link yfiles.styles.PathBasedEdgeStyleRenderer.<TStyle>#style} property.
-       * @returns {yfiles.view.IVisibilityTestable} <code>this</code>
+       * @param edge The edge to query visibility tests. The value will be stored in the {@link #edge} property.
+       * @param style The style to associate with the edge. The value will be stored in the {@link #style} property.
+       * @returns <code>this</code>
        * @see yfiles.styles.PathBasedEdgeStyleRenderer.<TStyle>#isVisible
        */
       getVisibilityTestable(edge:yfiles.graph.IEdge,style:yfiles.styles.IEdgeStyle):yfiles.view.IVisibilityTestable;
       /**
        * Configures the <code>style</code> and <code>edge</code> parameters, calls {@link yfiles.styles.PathBasedEdgeStyleRenderer.<TStyle>#configure} and returns <code>this</code>.
-       * @param {yfiles.graph.IEdge} edge The edge to retrieve the {@link yfiles.view.IVisualCreator} for. The value will be stored in the {@link yfiles.styles.PathBasedEdgeStyleRenderer.<TStyle>#edge} property.
-       * @param {yfiles.styles.IEdgeStyle} style The style to associate with the edge. The value will be stored in the {@link yfiles.styles.PathBasedEdgeStyleRenderer.<TStyle>#style} property.
-       * @returns {yfiles.view.IVisualCreator} <code>this</code>
+       * @param edge The edge to retrieve the {@link } for. The value will be stored in the {@link #edge} property.
+       * @param style The style to associate with the edge. The value will be stored in the {@link #style} property.
+       * @returns <code>this</code>
        * @see yfiles.styles.PathBasedEdgeStyleRenderer.<TStyle>#createVisual
        * @see yfiles.styles.PathBasedEdgeStyleRenderer.<TStyle>#updateVisual
        */
@@ -68128,18 +68129,18 @@ declare namespace system{
        * Subclasses should not depend on the fact that {@link yfiles.styles.PathBasedEdgeStyleRenderer.<TStyle>#configure} has already been called. This may not be the case. If your
        * subclass depends on Configure being called, override {@link yfiles.styles.PathBasedEdgeStyleRenderer.<TStyle>#getHitTestable} and call {@link yfiles.styles.PathBasedEdgeStyleRenderer.<TStyle>#configure} after the base class call.
        * </p>
-       * @param {yfiles.input.IInputModeContext} context
-       * @param {yfiles.geometry.Point} location
-       * @returns {boolean} 
+       * @param context
+       * @param location
+       * @returns 
        * @see yfiles.styles.PathBasedEdgeStyleRenderer.<TStyle>#getHitTestable
        * @see yfiles.styles.PathBasedEdgeStyleRenderer.<TStyle>#configure
        */
       isHit(context:yfiles.input.IInputModeContext,location:yfiles.geometry.Point):boolean;
       /**
        * 
-       * @param {yfiles.input.IInputModeContext} context
-       * @param {yfiles.geometry.Rect} rectangle
-       * @returns {boolean} 
+       * @param context
+       * @param rectangle
+       * @returns 
        */
       isInBox(context:yfiles.input.IInputModeContext,rectangle:yfiles.geometry.Rect):boolean;
       /**
@@ -68148,23 +68149,23 @@ declare namespace system{
        * This simple implementation uses {@link yfiles.styles.PathBasedEdgeStyleRenderer.<TStyle>#getBounds} to determine the visibility. Subclasses may choose to override this behavior
        * for improved performance but need to <b>make sure to call {@link yfiles.styles.PathBasedEdgeStyleRenderer.<TStyle>#configure}</b> if they depend on a configured instance.
        * </p>
-       * @param {yfiles.view.ICanvasContext} context the current canvas context
-       * @param {yfiles.geometry.Rect} rectangle the clip bounds
-       * @returns {boolean} <code>true</code> if the edge may be painted within the clip bounds.
+       * @param context the current canvas context
+       * @param rectangle the clip bounds
+       * @returns <code>true</code> if the edge may be painted within the clip bounds.
        * @see yfiles.styles.PathBasedEdgeStyleRenderer.<TStyle>#getVisibilityTestable
        */
       isVisible(context:yfiles.view.ICanvasContext,rectangle:yfiles.geometry.Rect):boolean;
       /**
        * 
-       * @param {yfiles.lang.Class} type
-       * @returns {Object} 
+       * @param type
+       * @returns 
        */
       lookup(type:yfiles.lang.Class):Object;
       /**
        * 
-       * @param {yfiles.view.IRenderContext} context
-       * @param {yfiles.view.Visual} oldVisual
-       * @returns {yfiles.view.Visual} 
+       * @param context
+       * @param oldVisual
+       * @returns 
        */
       updateVisual(context:yfiles.view.IRenderContext,oldVisual:yfiles.view.Visual):yfiles.view.Visual;
       /**
@@ -68201,7 +68202,7 @@ declare namespace system{
     }
     /**
      * An {@link yfiles.styles.IEdgeStyleRenderer} that will render {@link yfiles.styles.PolylineEdgeStyle} instances.
-     * @class yfiles.styles.PolylineEdgeStyleRenderer
+     * @class
      * @extends {yfiles.styles.PathBasedEdgeStyleRenderer.<yfiles.styles.PolylineEdgeStyle>}
      */
     export interface PolylineEdgeStyleRenderer extends yfiles.styles.PathBasedEdgeStyleRenderer<yfiles.styles.PolylineEdgeStyle>{}
@@ -68211,21 +68212,20 @@ declare namespace system{
     }
     /**
      * A polygonal {@link yfiles.styles.IEdgeStyle} where straight line segments are used to connect the bends.
-     * @class yfiles.styles.PolylineEdgeStyle
+     * @class
      * @implements {yfiles.styles.IEdgeStyle}
      */
     export interface PolylineEdgeStyle extends Object,yfiles.styles.IEdgeStyle{}
     export class PolylineEdgeStyle {
       /**
        * Creates a new instance using the provided renderer.
-       * @param {yfiles.styles.PolylineEdgeStyleRenderer} renderer The custom renderer for this style instance.
-       * @constructor
+       * @param renderer The custom renderer for this style instance.
        */
       constructor(renderer:yfiles.styles.PolylineEdgeStyleRenderer);
       /**
        * Creates a new instance using the provided renderer.
        * @param {Object} options The parameters to pass.
-       * @param {yfiles.styles.PolylineEdgeStyleRenderer} options.renderer The custom renderer for this style instance.
+       * @param options.renderer The custom renderer for this style instance.
        * @param {yfiles.view.Stroke} options.stroke The {@link yfiles.styles.PolylineEdgeStyle#stroke} for the line.
        * <p>
        * This option sets the {@link yfiles.styles.PolylineEdgeStyle#stroke} property on the created object.
@@ -68242,7 +68242,6 @@ declare namespace system{
        * <p>
        * This option sets the {@link yfiles.styles.PolylineEdgeStyle#targetArrow} property on the created object.
        * </p>
-       * @constructor
        */
       constructor(options:{renderer:yfiles.styles.PolylineEdgeStyleRenderer,stroke?:yfiles.view.Stroke,smoothingLength?:number,sourceArrow?:yfiles.styles.IArrow,targetArrow?:yfiles.styles.IArrow});
       /**
@@ -68264,12 +68263,11 @@ declare namespace system{
        * <p>
        * This option sets the {@link yfiles.styles.PolylineEdgeStyle#targetArrow} property on the created object.
        * </p>
-       * @constructor
        */
       constructor(options?:{stroke?:yfiles.view.Stroke,smoothingLength?:number,sourceArrow?:yfiles.styles.IArrow,targetArrow?:yfiles.styles.IArrow});
       /**
        * Performs a {@link Object#memberwiseClone}
-       * @returns {Object} 
+       * @returns 
        */
       clone():Object;
       /**
@@ -68402,7 +68400,7 @@ declare namespace system{
     }
     /**
      * Default renderer implementation that can be used for {@link yfiles.styles.ShapeNodeStyle} instances.
-     * @class yfiles.styles.ShapeNodeStyleRenderer
+     * @class
      * @implements {yfiles.styles.INodeStyleRenderer}
      * @implements {yfiles.styles.IShapeGeometry}
      * @implements {yfiles.view.IBoundsProvider}
@@ -68430,8 +68428,8 @@ declare namespace system{
       configure():void;
       /**
        * 
-       * @param {yfiles.view.IRenderContext} context
-       * @returns {yfiles.view.Visual} 
+       * @param context
+       * @returns 
        */
       createVisual(context:yfiles.view.IRenderContext):yfiles.view.Visual;
       /**
@@ -68439,15 +68437,15 @@ declare namespace system{
        * <p>
        * This implementation simply sets the {@link yfiles.styles.ShapeNodeStyleRenderer#layout}'s bounds to the scratch variable and returns.
        * </p>
-       * @param {yfiles.view.ICanvasContext} context the context to calculate the bounds for
-       * @returns {yfiles.geometry.Rect} the bounds or <code>null</code> to indicate an unbound area
+       * @param context the context to calculate the bounds for
+       * @returns the bounds or <code>null</code> to indicate an unbound area
        */
       getBounds(context:yfiles.view.ICanvasContext):yfiles.geometry.Rect;
       /**
        * Configures the <code>style</code> and <code>node</code> parameters, calls {@link yfiles.styles.ShapeNodeStyleRenderer#configure} and returns <code>this</code>.
-       * @param {yfiles.graph.INode} node The node to retrieve the bounds provider for. The value will be stored in the {@link yfiles.styles.ShapeNodeStyleRenderer#node} property.
-       * @param {yfiles.styles.INodeStyle} style The style to associate with the node. The value will be stored in the {@link yfiles.styles.ShapeNodeStyleRenderer#style} property.
-       * @returns {yfiles.view.IBoundsProvider} <code>this</code>
+       * @param node The node to retrieve the bounds provider for. The value will be stored in the {@link #node} property.
+       * @param style The style to associate with the node. The value will be stored in the {@link #style} property.
+       * @returns <code>this</code>
        * @see yfiles.styles.ShapeNodeStyleRenderer#getBounds
        */
       getBoundsProvider(node:yfiles.graph.INode,style:yfiles.styles.INodeStyle):yfiles.view.IBoundsProvider;
@@ -68458,9 +68456,9 @@ declare namespace system{
        * instead subclasses should ensure that in the {@link yfiles.styles.ShapeNodeStyleRenderer#lookup} method call they should call {@link yfiles.styles.ShapeNodeStyleRenderer#configure}
        * only if needed, i.e. if they decide to return <code>this</code> or an instance that depends on a correctly configured <code>this</code>.
        * </p>
-       * @param {yfiles.graph.INode} node The node to query the context for. The value will be stored in the {@link yfiles.styles.ShapeNodeStyleRenderer#node} property.
-       * @param {yfiles.styles.INodeStyle} style The style to associate with the node. The value will be stored in the {@link yfiles.styles.ShapeNodeStyleRenderer#style} property.
-       * @returns {yfiles.graph.ILookup} <code>this</code>
+       * @param node The node to query the context for. The value will be stored in the {@link #node} property.
+       * @param style The style to associate with the node. The value will be stored in the {@link #style} property.
+       * @returns <code>this</code>
        * @see yfiles.styles.ShapeNodeStyleRenderer#lookup
        */
       getContext(node:yfiles.graph.INode,style:yfiles.styles.INodeStyle):yfiles.graph.ILookup;
@@ -68469,36 +68467,36 @@ declare namespace system{
        * <p>
        * This implementation retrieves the brush from the owning style
        * </p>
-       * @returns {yfiles.view.Fill} The brush that is currently used by this renderer.
+       * @returns The brush that is currently used by this renderer.
        * @protected
        */
       getFill():yfiles.view.Fill;
       /**
        * Configures the <code>style</code> and <code>node</code> parameters, calls {@link yfiles.styles.ShapeNodeStyleRenderer#configure} and returns <code>this</code>.
-       * @param {yfiles.graph.INode} node The node to query hit test with. The value will be stored in the {@link yfiles.styles.ShapeNodeStyleRenderer#node} property.
-       * @param {yfiles.styles.INodeStyle} style The style to associate with the node. The value will be stored in the {@link yfiles.styles.ShapeNodeStyleRenderer#style} property.
-       * @returns {yfiles.input.IHitTestable} <code>this</code>
+       * @param node The node to query hit test with. The value will be stored in the {@link #node} property.
+       * @param style The style to associate with the node. The value will be stored in the {@link #style} property.
+       * @returns <code>this</code>
        * @see yfiles.styles.ShapeNodeStyleRenderer#isHit
        */
       getHitTestable(node:yfiles.graph.INode,style:yfiles.styles.INodeStyle):yfiles.input.IHitTestable;
       /**
        * 
-       * @param {yfiles.geometry.Point} inner
-       * @param {yfiles.geometry.Point} outer
-       * @returns {yfiles.geometry.Point} 
+       * @param inner
+       * @param outer
+       * @returns 
        */
       getIntersection(inner:yfiles.geometry.Point,outer:yfiles.geometry.Point):yfiles.geometry.Point;
       /**
        * Configures the <code>style</code> and <code>node</code> parameters, calls {@link yfiles.styles.ShapeNodeStyleRenderer#configure} and returns <code>this</code>.
-       * @param {yfiles.graph.INode} node The node to query marquee intersection tests. The value will be stored in the {@link yfiles.styles.ShapeNodeStyleRenderer#node} property.
-       * @param {yfiles.styles.INodeStyle} style The style to associate with the node. The value will be stored in the {@link yfiles.styles.ShapeNodeStyleRenderer#style} property.
-       * @returns {yfiles.input.IMarqueeTestable} <code>this</code>
+       * @param node The node to query marquee intersection tests. The value will be stored in the {@link #node} property.
+       * @param style The style to associate with the node. The value will be stored in the {@link #style} property.
+       * @returns <code>this</code>
        * @see yfiles.styles.ShapeNodeStyleRenderer#isInBox
        */
       getMarqueeTestable(node:yfiles.graph.INode,style:yfiles.styles.INodeStyle):yfiles.input.IMarqueeTestable;
       /**
        * 
-       * @returns {yfiles.geometry.GeneralPath} 
+       * @returns 
        */
       getOutline():yfiles.geometry.GeneralPath;
       /**
@@ -68506,15 +68504,15 @@ declare namespace system{
        * <p>
        * This implementation retrieves the shape from the owning style
        * </p>
-       * @returns {yfiles.styles.ShapeNodeShape} The shape that is currently used by this renderer.
+       * @returns The shape that is currently used by this renderer.
        * @protected
        */
       getShape():yfiles.styles.ShapeNodeShape;
       /**
        * Configures the {@link yfiles.styles.ShapeNodeStyleRenderer#style} and {@link yfiles.styles.ShapeNodeStyleRenderer#node} properties, calls {@link yfiles.styles.ShapeNodeStyleRenderer#configure} and returns <code>this</code>.
-       * @param {yfiles.graph.INode} node The node to retrieve the shape geometry for. The value will be stored in the {@link yfiles.styles.ShapeNodeStyleRenderer#node} property.
-       * @param {yfiles.styles.INodeStyle} style The style to associate with the node. The value will be stored in the {@link yfiles.styles.ShapeNodeStyleRenderer#style} property.
-       * @returns {yfiles.styles.IShapeGeometry} <code>this</code>
+       * @param node The node to retrieve the shape geometry for. The value will be stored in the {@link #node} property.
+       * @param style The style to associate with the node. The value will be stored in the {@link #style} property.
+       * @returns <code>this</code>
        * @see yfiles.styles.ShapeNodeStyleRenderer#isInside
        * @see yfiles.styles.ShapeNodeStyleRenderer#getIntersection
        */
@@ -68524,7 +68522,7 @@ declare namespace system{
        * <p>
        * This implementation retrieves the {@link yfiles.view.Stroke} from the owning style
        * </p>
-       * @returns {yfiles.view.Stroke} The {@link yfiles.view.Stroke} that is currently used by this renderer.
+       * @returns The {@link } that is currently used by this renderer.
        * @protected
        */
       getStroke():yfiles.view.Stroke;
@@ -68535,26 +68533,26 @@ declare namespace system{
        * subclass implementation depends on this instance to be configured, it needs to call <code>Configure</code> in
        * {@link yfiles.styles.ShapeNodeStyleRenderer#isVisible}.
        * </p>
-       * @param {yfiles.graph.INode} node The node to query visibility tests. The value will be stored in the {@link yfiles.styles.ShapeNodeStyleRenderer#node} property.
-       * @param {yfiles.styles.INodeStyle} style The style to associate with the node. The value will be stored in the {@link yfiles.styles.ShapeNodeStyleRenderer#style} property.
-       * @returns {yfiles.view.IVisibilityTestable} <code>this</code>
+       * @param node The node to query visibility tests. The value will be stored in the {@link #node} property.
+       * @param style The style to associate with the node. The value will be stored in the {@link #style} property.
+       * @returns <code>this</code>
        * @see yfiles.styles.ShapeNodeStyleRenderer#isVisible
        */
       getVisibilityTestable(node:yfiles.graph.INode,style:yfiles.styles.INodeStyle):yfiles.view.IVisibilityTestable;
       /**
        * Configures the <code>style</code> and <code>node</code> parameters, calls {@link yfiles.styles.ShapeNodeStyleRenderer#configure} and returns <code>this</code>.
-       * @param {yfiles.graph.INode} node The node to retrieve the {@link yfiles.view.IVisualCreator} for. The value will be stored in the {@link yfiles.styles.ShapeNodeStyleRenderer#node} property.
-       * @param {yfiles.styles.INodeStyle} style The style to associate with the node. The value will be stored in the {@link yfiles.styles.ShapeNodeStyleRenderer#style} property.
-       * @returns {yfiles.view.IVisualCreator} <code>this</code>
+       * @param node The node to retrieve the {@link } for. The value will be stored in the {@link #node} property.
+       * @param style The style to associate with the node. The value will be stored in the {@link #style} property.
+       * @returns <code>this</code>
        * @see yfiles.styles.ShapeNodeStyleRenderer#createVisual
        * @see yfiles.styles.ShapeNodeStyleRenderer#updateVisual
        */
       getVisualCreator(node:yfiles.graph.INode,style:yfiles.styles.INodeStyle):yfiles.view.IVisualCreator;
       /**
        * 
-       * @param {yfiles.input.IInputModeContext} context
-       * @param {yfiles.geometry.Point} location
-       * @returns {boolean} 
+       * @param context
+       * @param location
+       * @returns 
        */
       isHit(context:yfiles.input.IInputModeContext,location:yfiles.geometry.Point):boolean;
       /**
@@ -68562,22 +68560,22 @@ declare namespace system{
        * <p>
        * This implementation uses the {@link yfiles.styles.ShapeNodeStyleRenderer#layout} to determine whether the node is in the box.
        * </p>
-       * @param {yfiles.input.IInputModeContext} context the current input mode context
-       * @param {yfiles.geometry.Rect} rectangle the box describing the marquee's bounds
-       * @returns {boolean} <code>true</code> if the node is considered to be captured by the marquee
+       * @param context the current input mode context
+       * @param rectangle the box describing the marquee's bounds
+       * @returns <code>true</code> if the node is considered to be captured by the marquee
        */
       isInBox(context:yfiles.input.IInputModeContext,rectangle:yfiles.geometry.Rect):boolean;
       /**
        * 
-       * @param {yfiles.geometry.Point} location
-       * @returns {boolean} 
+       * @param location
+       * @returns 
        */
       isInside(location:yfiles.geometry.Point):boolean;
       /**
        * Determines visibility by checking for an intersection with the {@link yfiles.styles.ShapeNodeStyleRenderer#layout}.
-       * @param {yfiles.view.ICanvasContext} context The context.
-       * @param {yfiles.geometry.Rect} rectangle The current clip
-       * @returns {boolean} Whether the {@link yfiles.styles.ShapeNodeStyleRenderer#layout} is visible in the clip.
+       * @param context The context.
+       * @param rectangle The current clip
+       * @returns Whether the {@link #layout} is visible in the clip.
        */
       isVisible(context:yfiles.view.ICanvasContext,rectangle:yfiles.geometry.Rect):boolean;
       /**
@@ -68590,15 +68588,15 @@ declare namespace system{
        * This implementation will check if <code>type.IsInstanceOfType(this)</code> and will call {@link yfiles.styles.ShapeNodeStyleRenderer#configure}
        * on success and return <code>this</code>.
        * </p>
-       * @param {yfiles.lang.Class} type The type to query for.
-       * @returns {Object} An implementation or <code>null</code>.
+       * @param type The type to query for.
+       * @returns An implementation or <code>null</code>.
        */
       lookup(type:yfiles.lang.Class):Object;
       /**
        * 
-       * @param {yfiles.view.IRenderContext} context
-       * @param {yfiles.view.Visual} oldVisual
-       * @returns {yfiles.view.Visual} 
+       * @param context
+       * @param oldVisual
+       * @returns 
        */
       updateVisual(context:yfiles.view.IRenderContext,oldVisual:yfiles.view.Visual):yfiles.view.Visual;
       /**
@@ -68633,21 +68631,20 @@ declare namespace system{
      * <p>
      * This style can be used together with {@link yfiles.styles.ShapeNodeStyleRenderer} instances.
      * </p>
-     * @class yfiles.styles.ShapeNodeStyle
+     * @class
      * @implements {yfiles.styles.INodeStyle}
      */
     export interface ShapeNodeStyle extends Object,yfiles.styles.INodeStyle{}
     export class ShapeNodeStyle {
       /**
        * Creates a new instance using the provided renderer.
-       * @param {yfiles.styles.ShapeNodeStyleRenderer} renderer Custom renderer instance for this style.
-       * @constructor
+       * @param renderer Custom renderer instance for this style.
        */
       constructor(renderer:yfiles.styles.ShapeNodeStyleRenderer);
       /**
        * Creates a new instance using the provided renderer.
        * @param {Object} options The parameters to pass.
-       * @param {yfiles.styles.ShapeNodeStyleRenderer} options.renderer Custom renderer instance for this style.
+       * @param options.renderer Custom renderer instance for this style.
        * @param {yfiles.view.Fill} options.fill The {@link yfiles.styles.ShapeNodeStyle#fill} for this style.
        * <p>
        * This option sets the {@link yfiles.styles.ShapeNodeStyle#fill} property on the created object.
@@ -68660,7 +68657,6 @@ declare namespace system{
        * <p>
        * This option sets the {@link yfiles.styles.ShapeNodeStyle#shape} property on the created object.
        * </p>
-       * @constructor
        */
       constructor(options:{renderer:yfiles.styles.ShapeNodeStyleRenderer,fill?:yfiles.view.Fill,stroke?:yfiles.view.Stroke,shape?:yfiles.styles.ShapeNodeShape});
       /**
@@ -68678,12 +68674,11 @@ declare namespace system{
        * <p>
        * This option sets the {@link yfiles.styles.ShapeNodeStyle#shape} property on the created object.
        * </p>
-       * @constructor
        */
       constructor(options?:{fill?:yfiles.view.Fill,stroke?:yfiles.view.Stroke,shape?:yfiles.styles.ShapeNodeShape});
       /**
        * 
-       * @returns {Object} 
+       * @returns 
        */
       clone():Object;
       /**
@@ -68709,7 +68704,7 @@ declare namespace system{
        * <p>
        * The default value is {@link yfiles.styles.ShapeNodeShape#RECTANGLE}.
        * </p>
-       * @default 0
+       * @default yfiles.styles.ShapeNodeShape.RECTANGLE
        * @type {yfiles.styles.ShapeNodeShape}
        */
       shape:yfiles.styles.ShapeNodeShape;
@@ -68722,7 +68717,7 @@ declare namespace system{
     }
     /**
      * Default renderer implementation for {@link yfiles.styles.ArcEdgeStyle}
-     * @class yfiles.styles.ArcEdgeStyleRenderer
+     * @class
      * @extends {yfiles.styles.PathBasedEdgeStyleRenderer.<yfiles.styles.ArcEdgeStyle>}
      */
     export interface ArcEdgeStyleRenderer extends yfiles.styles.PathBasedEdgeStyleRenderer<yfiles.styles.ArcEdgeStyle>{}
@@ -68730,13 +68725,13 @@ declare namespace system{
       constructor();
       /**
        * Retrieves the {@link yfiles.styles.ArcEdgeStyle#height} of the style.
-       * @returns {number} the height.
+       * @returns the height.
        */
       getHeight():number;
       /**
        * Gets a value indicating whether this {@link yfiles.styles.ArcEdgeStyleRenderer#getHeight} should be interpreted as an absolute
        * or relative value.
-       * @returns {boolean} <code>true</code> if the height value should be interpreted as a fixed value, otherwise, <code>false</code>.
+       * @returns <code>true</code> if the height value should be interpreted as a fixed value, otherwise, <code>false</code>.
        * @see yfiles.styles.ArcEdgeStyleRenderer#getHeight
        */
       isFixedHeight():boolean;
@@ -68757,21 +68752,20 @@ declare namespace system{
      * <p>
      * This style uses an {@link yfiles.styles.ArcEdgeStyleRenderer} for its visualization.
      * </p>
-     * @class yfiles.styles.ArcEdgeStyle
+     * @class
      * @implements {yfiles.styles.IEdgeStyle}
      */
     export interface ArcEdgeStyle extends Object,yfiles.styles.IEdgeStyle{}
     export class ArcEdgeStyle {
       /**
        * Creates a new instance using the provided renderer.
-       * @param {yfiles.styles.ArcEdgeStyleRenderer} renderer The custom renderer for this style instance.
-       * @constructor
+       * @param renderer The custom renderer for this style instance.
        */
       constructor(renderer:yfiles.styles.ArcEdgeStyleRenderer);
       /**
        * Creates a new instance using the provided renderer.
        * @param {Object} options The parameters to pass.
-       * @param {yfiles.styles.ArcEdgeStyleRenderer} options.renderer The custom renderer for this style instance.
+       * @param options.renderer The custom renderer for this style instance.
        * @param {boolean} options.fixedHeight A value indicating whether this {@link yfiles.styles.ArcEdgeStyle} interprets the {@link yfiles.styles.ArcEdgeStyle#height} value as an absolute or relative value.
        * <p>
        * This option sets the {@link yfiles.styles.ArcEdgeStyle#fixedHeight} property on the created object.
@@ -68796,7 +68790,6 @@ declare namespace system{
        * <p>
        * This option sets the {@link yfiles.styles.ArcEdgeStyle#targetArrow} property on the created object.
        * </p>
-       * @constructor
        */
       constructor(options:{renderer:yfiles.styles.ArcEdgeStyleRenderer,fixedHeight?:boolean,height?:number,stroke?:yfiles.view.Stroke,provideHeightHandle?:boolean,sourceArrow?:yfiles.styles.IArrow,targetArrow?:yfiles.styles.IArrow});
       /**
@@ -68826,12 +68819,11 @@ declare namespace system{
        * <p>
        * This option sets the {@link yfiles.styles.ArcEdgeStyle#targetArrow} property on the created object.
        * </p>
-       * @constructor
        */
       constructor(options?:{fixedHeight?:boolean,height?:number,stroke?:yfiles.view.Stroke,provideHeightHandle?:boolean,sourceArrow?:yfiles.styles.IArrow,targetArrow?:yfiles.styles.IArrow});
       /**
        * Performs a {@link Object#memberwiseClone}
-       * @returns {Object} 
+       * @returns 
        */
       clone():Object;
       /**
@@ -68912,7 +68904,7 @@ declare namespace system{
     /**
      * A {@link yfiles.styles.INodeStyle} {@link yfiles.styles.INodeStyleRenderer renderer} implementation that draws a rounded rectangle with a bevel border in a 'shiny plate'
      * fashion.
-     * @class yfiles.styles.BevelNodeStyleRenderer
+     * @class
      * @implements {yfiles.styles.INodeStyleRenderer}
      * @implements {yfiles.styles.IShapeGeometry}
      * @implements {yfiles.view.IBoundsProvider}
@@ -68939,8 +68931,8 @@ declare namespace system{
       configure():void;
       /**
        * 
-       * @param {yfiles.view.IRenderContext} context
-       * @returns {yfiles.view.Visual} 
+       * @param context
+       * @returns 
        */
       createVisual(context:yfiles.view.IRenderContext):yfiles.view.Visual;
       /**
@@ -68948,15 +68940,15 @@ declare namespace system{
        * <p>
        * This implementation simply sets the {@link yfiles.styles.BevelNodeStyleRenderer#layout}'s bounds to the scratch variable and returns.
        * </p>
-       * @param {yfiles.view.ICanvasContext} context the context to calculate the bounds for
-       * @returns {yfiles.geometry.Rect} the bounds or <code>null</code> to indicate an unbound area
+       * @param context the context to calculate the bounds for
+       * @returns the bounds or <code>null</code> to indicate an unbound area
        */
       getBounds(context:yfiles.view.ICanvasContext):yfiles.geometry.Rect;
       /**
        * Configures the <code>style</code> and <code>node</code> parameters, calls {@link yfiles.styles.BevelNodeStyleRenderer#configure} and returns <code>this</code>.
-       * @param {yfiles.graph.INode} node The node to retrieve the bounds provider for. The value will be stored in the {@link yfiles.styles.BevelNodeStyleRenderer#node} property.
-       * @param {yfiles.styles.INodeStyle} style The style to associate with the node. The value will be stored in the {@link yfiles.styles.BevelNodeStyleRenderer#style} property.
-       * @returns {yfiles.view.IBoundsProvider} <code>this</code>
+       * @param node The node to retrieve the bounds provider for. The value will be stored in the {@link #node} property.
+       * @param style The style to associate with the node. The value will be stored in the {@link #style} property.
+       * @returns <code>this</code>
        * @see yfiles.styles.BevelNodeStyleRenderer#getBounds
        */
       getBoundsProvider(node:yfiles.graph.INode,style:yfiles.styles.INodeStyle):yfiles.view.IBoundsProvider;
@@ -68967,45 +68959,45 @@ declare namespace system{
        * instead subclasses should ensure that in the {@link yfiles.styles.BevelNodeStyleRenderer#lookup} method call they should call {@link yfiles.styles.BevelNodeStyleRenderer#configure}
        * only if needed, i.e. if they decide to return <code>this</code> or an instance that depends on a correctly configured <code>this</code>.
        * </p>
-       * @param {yfiles.graph.INode} node The node to query the context for. The value will be stored in the {@link yfiles.styles.BevelNodeStyleRenderer#node} property.
-       * @param {yfiles.styles.INodeStyle} style The style to associate with the node. The value will be stored in the {@link yfiles.styles.BevelNodeStyleRenderer#style} property.
-       * @returns {yfiles.graph.ILookup} <code>this</code>
+       * @param node The node to query the context for. The value will be stored in the {@link #node} property.
+       * @param style The style to associate with the node. The value will be stored in the {@link #style} property.
+       * @returns <code>this</code>
        * @see yfiles.styles.BevelNodeStyleRenderer#lookup
        */
       getContext(node:yfiles.graph.INode,style:yfiles.styles.INodeStyle):yfiles.graph.ILookup;
       /**
        * Configures the <code>style</code> and <code>node</code> parameters, calls {@link yfiles.styles.BevelNodeStyleRenderer#configure} and returns <code>this</code>.
-       * @param {yfiles.graph.INode} node The node to query hit test with. The value will be stored in the {@link yfiles.styles.BevelNodeStyleRenderer#node} property.
-       * @param {yfiles.styles.INodeStyle} style The style to associate with the node. The value will be stored in the {@link yfiles.styles.BevelNodeStyleRenderer#style} property.
-       * @returns {yfiles.input.IHitTestable} <code>this</code>
+       * @param node The node to query hit test with. The value will be stored in the {@link #node} property.
+       * @param style The style to associate with the node. The value will be stored in the {@link #style} property.
+       * @returns <code>this</code>
        * @see yfiles.styles.BevelNodeStyleRenderer#isHit
        */
       getHitTestable(node:yfiles.graph.INode,style:yfiles.styles.INodeStyle):yfiles.input.IHitTestable;
       /**
        * 
-       * @param {yfiles.geometry.Point} inner
-       * @param {yfiles.geometry.Point} outer
-       * @returns {yfiles.geometry.Point} 
+       * @param inner
+       * @param outer
+       * @returns 
        */
       getIntersection(inner:yfiles.geometry.Point,outer:yfiles.geometry.Point):yfiles.geometry.Point;
       /**
        * Configures the <code>style</code> and <code>node</code> parameters, calls {@link yfiles.styles.BevelNodeStyleRenderer#configure} and returns <code>this</code>.
-       * @param {yfiles.graph.INode} node The node to query marquee intersection tests. The value will be stored in the {@link yfiles.styles.BevelNodeStyleRenderer#node} property.
-       * @param {yfiles.styles.INodeStyle} style The style to associate with the node. The value will be stored in the {@link yfiles.styles.BevelNodeStyleRenderer#style} property.
-       * @returns {yfiles.input.IMarqueeTestable} <code>this</code>
+       * @param node The node to query marquee intersection tests. The value will be stored in the {@link #node} property.
+       * @param style The style to associate with the node. The value will be stored in the {@link #style} property.
+       * @returns <code>this</code>
        * @see yfiles.styles.BevelNodeStyleRenderer#isInBox
        */
       getMarqueeTestable(node:yfiles.graph.INode,style:yfiles.styles.INodeStyle):yfiles.input.IMarqueeTestable;
       /**
        * 
-       * @returns {yfiles.geometry.GeneralPath} 
+       * @returns 
        */
       getOutline():yfiles.geometry.GeneralPath;
       /**
        * Configures the {@link yfiles.styles.BevelNodeStyleRenderer#style} and {@link yfiles.styles.BevelNodeStyleRenderer#node} properties, calls {@link yfiles.styles.BevelNodeStyleRenderer#configure} and returns <code>this</code>.
-       * @param {yfiles.graph.INode} node The node to retrieve the shape geometry for. The value will be stored in the {@link yfiles.styles.BevelNodeStyleRenderer#node} property.
-       * @param {yfiles.styles.INodeStyle} style The style to associate with the node. The value will be stored in the {@link yfiles.styles.BevelNodeStyleRenderer#style} property.
-       * @returns {yfiles.styles.IShapeGeometry} <code>this</code>
+       * @param node The node to retrieve the shape geometry for. The value will be stored in the {@link #node} property.
+       * @param style The style to associate with the node. The value will be stored in the {@link #style} property.
+       * @returns <code>this</code>
        * @see yfiles.styles.BevelNodeStyleRenderer#isInside
        * @see yfiles.styles.BevelNodeStyleRenderer#getIntersection
        */
@@ -69017,26 +69009,26 @@ declare namespace system{
        * subclass implementation depends on this instance to be configured, it needs to call <code>Configure</code> in
        * {@link yfiles.styles.BevelNodeStyleRenderer#isVisible}.
        * </p>
-       * @param {yfiles.graph.INode} node The node to query visibility tests. The value will be stored in the {@link yfiles.styles.BevelNodeStyleRenderer#node} property.
-       * @param {yfiles.styles.INodeStyle} style The style to associate with the node. The value will be stored in the {@link yfiles.styles.BevelNodeStyleRenderer#style} property.
-       * @returns {yfiles.view.IVisibilityTestable} <code>this</code>
+       * @param node The node to query visibility tests. The value will be stored in the {@link #node} property.
+       * @param style The style to associate with the node. The value will be stored in the {@link #style} property.
+       * @returns <code>this</code>
        * @see yfiles.styles.BevelNodeStyleRenderer#isVisible
        */
       getVisibilityTestable(node:yfiles.graph.INode,style:yfiles.styles.INodeStyle):yfiles.view.IVisibilityTestable;
       /**
        * Configures the <code>style</code> and <code>node</code> parameters, calls {@link yfiles.styles.BevelNodeStyleRenderer#configure} and returns <code>this</code>.
-       * @param {yfiles.graph.INode} node The node to retrieve the {@link yfiles.view.IVisualCreator} for. The value will be stored in the {@link yfiles.styles.BevelNodeStyleRenderer#node} property.
-       * @param {yfiles.styles.INodeStyle} style The style to associate with the node. The value will be stored in the {@link yfiles.styles.BevelNodeStyleRenderer#style} property.
-       * @returns {yfiles.view.IVisualCreator} <code>this</code>
+       * @param node The node to retrieve the {@link } for. The value will be stored in the {@link #node} property.
+       * @param style The style to associate with the node. The value will be stored in the {@link #style} property.
+       * @returns <code>this</code>
        * @see yfiles.styles.BevelNodeStyleRenderer#createVisual
        * @see yfiles.styles.BevelNodeStyleRenderer#updateVisual
        */
       getVisualCreator(node:yfiles.graph.INode,style:yfiles.styles.INodeStyle):yfiles.view.IVisualCreator;
       /**
        * 
-       * @param {yfiles.input.IInputModeContext} context
-       * @param {yfiles.geometry.Point} location
-       * @returns {boolean} 
+       * @param context
+       * @param location
+       * @returns 
        */
       isHit(context:yfiles.input.IInputModeContext,location:yfiles.geometry.Point):boolean;
       /**
@@ -69044,35 +69036,35 @@ declare namespace system{
        * <p>
        * This implementation uses the {@link yfiles.styles.BevelNodeStyleRenderer#layout} to determine whether the node is in the box.
        * </p>
-       * @param {yfiles.input.IInputModeContext} context the current input mode context
-       * @param {yfiles.geometry.Rect} rectangle the box describing the marquee's bounds
-       * @returns {boolean} <code>true</code> if the node is considered to be captured by the marquee
+       * @param context the current input mode context
+       * @param rectangle the box describing the marquee's bounds
+       * @returns <code>true</code> if the node is considered to be captured by the marquee
        */
       isInBox(context:yfiles.input.IInputModeContext,rectangle:yfiles.geometry.Rect):boolean;
       /**
        * 
-       * @param {yfiles.geometry.Point} location
-       * @returns {boolean} 
+       * @param location
+       * @returns 
        */
       isInside(location:yfiles.geometry.Point):boolean;
       /**
        * Determines visibility by checking for an intersection with the {@link yfiles.styles.BevelNodeStyleRenderer#layout}.
-       * @param {yfiles.view.ICanvasContext} context The context.
-       * @param {yfiles.geometry.Rect} rectangle The current clip
-       * @returns {boolean} Whether the {@link yfiles.styles.BevelNodeStyleRenderer#layout} is visible in the clip.
+       * @param context The context.
+       * @param rectangle The current clip
+       * @returns Whether the {@link #layout} is visible in the clip.
        */
       isVisible(context:yfiles.view.ICanvasContext,rectangle:yfiles.geometry.Rect):boolean;
       /**
        * 
-       * @param {yfiles.lang.Class} type
-       * @returns {Object} 
+       * @param type
+       * @returns 
        */
       lookup(type:yfiles.lang.Class):Object;
       /**
        * 
-       * @param {yfiles.view.IRenderContext} context
-       * @param {yfiles.view.Visual} oldVisual
-       * @returns {yfiles.view.Visual} 
+       * @param context
+       * @param oldVisual
+       * @returns 
        */
       updateVisual(context:yfiles.view.IRenderContext,oldVisual:yfiles.view.Visual):yfiles.view.Visual;
       /**
@@ -69136,21 +69128,20 @@ declare namespace system{
      * This style uses the {@link yfiles.styles.BevelNodeStyleRenderer} to visualize a node.
      * </p>
      * @see yfiles.styles.BevelNodeStyleRenderer
-     * @class yfiles.styles.BevelNodeStyle
+     * @class
      * @implements {yfiles.styles.INodeStyle}
      */
     export interface BevelNodeStyle extends Object,yfiles.styles.INodeStyle{}
     export class BevelNodeStyle {
       /**
        * Creates a new instance using the provided renderer to share.
-       * @param {yfiles.styles.BevelNodeStyleRenderer} renderer
-       * @constructor
+       * @param renderer
        */
       constructor(renderer:yfiles.styles.BevelNodeStyleRenderer);
       /**
        * Creates a new instance using the provided renderer to share.
        * @param {Object} options The parameters to pass.
-       * @param {yfiles.styles.BevelNodeStyleRenderer} options.renderer
+       * @param options.renderer
        * @param {yfiles.view.Color} options.color The base color to use.
        * <p>
        * This option sets the {@link yfiles.styles.BevelNodeStyle#color} property on the created object.
@@ -69167,7 +69158,6 @@ declare namespace system{
        * <p>
        * This option sets the {@link yfiles.styles.BevelNodeStyle#radius} property on the created object.
        * </p>
-       * @constructor
        */
       constructor(options:{renderer:yfiles.styles.BevelNodeStyleRenderer,color?:yfiles.view.Color,drawShadow?:boolean,inset?:number,radius?:number});
       /**
@@ -69189,12 +69179,11 @@ declare namespace system{
        * <p>
        * This option sets the {@link yfiles.styles.BevelNodeStyle#radius} property on the created object.
        * </p>
-       * @constructor
        */
       constructor(options?:{color?:yfiles.view.Color,drawShadow?:boolean,inset?:number,radius?:number});
       /**
        * 
-       * @returns {Object} 
+       * @returns 
        */
       clone():Object;
       /**
@@ -69240,7 +69229,7 @@ declare namespace system{
     }
     /**
      * A style renderer implementation that can be used together with {@link yfiles.styles.ImageNodeStyle} instances.
-     * @class yfiles.styles.ImageNodeStyleRenderer
+     * @class
      * @implements {yfiles.styles.INodeStyleRenderer}
      * @implements {yfiles.styles.IShapeGeometry}
      * @implements {yfiles.view.IBoundsProvider}
@@ -69268,8 +69257,8 @@ declare namespace system{
       configure():void;
       /**
        * 
-       * @param {yfiles.view.IRenderContext} context
-       * @returns {yfiles.view.Visual} 
+       * @param context
+       * @returns 
        */
       createVisual(context:yfiles.view.IRenderContext):yfiles.view.Visual;
       /**
@@ -69277,15 +69266,15 @@ declare namespace system{
        * <p>
        * This implementation simply sets the {@link yfiles.styles.ImageNodeStyleRenderer#layout}'s bounds to the scratch variable and returns.
        * </p>
-       * @param {yfiles.view.ICanvasContext} context the context to calculate the bounds for
-       * @returns {yfiles.geometry.Rect} the bounds or <code>null</code> to indicate an unbound area
+       * @param context the context to calculate the bounds for
+       * @returns the bounds or <code>null</code> to indicate an unbound area
        */
       getBounds(context:yfiles.view.ICanvasContext):yfiles.geometry.Rect;
       /**
        * Configures the <code>style</code> and <code>node</code> parameters, calls {@link yfiles.styles.ImageNodeStyleRenderer#configure} and returns <code>this</code>.
-       * @param {yfiles.graph.INode} node The node to retrieve the bounds provider for. The value will be stored in the {@link yfiles.styles.ImageNodeStyleRenderer#node} property.
-       * @param {yfiles.styles.INodeStyle} style The style to associate with the node. The value will be stored in the {@link yfiles.styles.ImageNodeStyleRenderer#style} property.
-       * @returns {yfiles.view.IBoundsProvider} <code>this</code>
+       * @param node The node to retrieve the bounds provider for. The value will be stored in the {@link #node} property.
+       * @param style The style to associate with the node. The value will be stored in the {@link #style} property.
+       * @returns <code>this</code>
        * @see yfiles.styles.ImageNodeStyleRenderer#getBounds
        */
       getBoundsProvider(node:yfiles.graph.INode,style:yfiles.styles.INodeStyle):yfiles.view.IBoundsProvider;
@@ -69296,63 +69285,63 @@ declare namespace system{
        * instead subclasses should ensure that in the {@link yfiles.styles.ImageNodeStyleRenderer#lookup} method call they should call {@link yfiles.styles.ImageNodeStyleRenderer#configure}
        * only if needed, i.e. if they decide to return <code>this</code> or an instance that depends on a correctly configured <code>this</code>.
        * </p>
-       * @param {yfiles.graph.INode} node The node to query the context for. The value will be stored in the {@link yfiles.styles.ImageNodeStyleRenderer#node} property.
-       * @param {yfiles.styles.INodeStyle} style The style to associate with the node. The value will be stored in the {@link yfiles.styles.ImageNodeStyleRenderer#style} property.
-       * @returns {yfiles.graph.ILookup} <code>this</code>
+       * @param node The node to query the context for. The value will be stored in the {@link #node} property.
+       * @param style The style to associate with the node. The value will be stored in the {@link #style} property.
+       * @returns <code>this</code>
        * @see yfiles.styles.ImageNodeStyleRenderer#lookup
        */
       getContext(node:yfiles.graph.INode,style:yfiles.styles.INodeStyle):yfiles.graph.ILookup;
       /**
        * Get the style's fallback image.
-       * @returns {string} 
+       * @returns 
        * @protected
        */
       getFallbackImage():string;
       /**
        * Configures the <code>style</code> and <code>node</code> parameters, calls {@link yfiles.styles.ImageNodeStyleRenderer#configure} and returns <code>this</code>.
-       * @param {yfiles.graph.INode} node The node to query hit test with. The value will be stored in the {@link yfiles.styles.ImageNodeStyleRenderer#node} property.
-       * @param {yfiles.styles.INodeStyle} style The style to associate with the node. The value will be stored in the {@link yfiles.styles.ImageNodeStyleRenderer#style} property.
-       * @returns {yfiles.input.IHitTestable} <code>this</code>
+       * @param node The node to query hit test with. The value will be stored in the {@link #node} property.
+       * @param style The style to associate with the node. The value will be stored in the {@link #style} property.
+       * @returns <code>this</code>
        * @see yfiles.styles.ImageNodeStyleRenderer#isHit
        */
       getHitTestable(node:yfiles.graph.INode,style:yfiles.styles.INodeStyle):yfiles.input.IHitTestable;
       /**
        * Get the image that is currently used to render the style.
-       * @returns {string} 
+       * @returns 
        * @protected
        */
       getImage():string;
       /**
        * Tries to use the {@link yfiles.styles.ImageNodeStyle#normalizedOutline} to perform the intersection calculation, otherwise reverts to default (rectangular) behavior.
-       * @param {yfiles.geometry.Point} inner
-       * @param {yfiles.geometry.Point} outer
-       * @returns {yfiles.geometry.Point} 
+       * @param inner
+       * @param outer
+       * @returns 
        */
       getIntersection(inner:yfiles.geometry.Point,outer:yfiles.geometry.Point):yfiles.geometry.Point;
       /**
        * Configures the <code>style</code> and <code>node</code> parameters, calls {@link yfiles.styles.ImageNodeStyleRenderer#configure} and returns <code>this</code>.
-       * @param {yfiles.graph.INode} node The node to query marquee intersection tests. The value will be stored in the {@link yfiles.styles.ImageNodeStyleRenderer#node} property.
-       * @param {yfiles.styles.INodeStyle} style The style to associate with the node. The value will be stored in the {@link yfiles.styles.ImageNodeStyleRenderer#style} property.
-       * @returns {yfiles.input.IMarqueeTestable} <code>this</code>
+       * @param node The node to query marquee intersection tests. The value will be stored in the {@link #node} property.
+       * @param style The style to associate with the node. The value will be stored in the {@link #style} property.
+       * @returns <code>this</code>
        * @see yfiles.styles.ImageNodeStyleRenderer#isInBox
        */
       getMarqueeTestable(node:yfiles.graph.INode,style:yfiles.styles.INodeStyle):yfiles.input.IMarqueeTestable;
       /**
        * Tries to use the {@link yfiles.styles.ImageNodeStyle#normalizedOutline} to create the outline shape path, otherwise reverts to default (rectangular) behavior.
-       * @returns {yfiles.geometry.GeneralPath} 
+       * @returns 
        */
       getOutline():yfiles.geometry.GeneralPath;
       /**
        * Gets the value that determines whether the aspect ratio of the image should be preserved.
-       * @returns {boolean} false
+       * @returns false
        * @protected
        */
       getPreserveAspectRatio():boolean;
       /**
        * Configures the {@link yfiles.styles.ImageNodeStyleRenderer#style} and {@link yfiles.styles.ImageNodeStyleRenderer#node} properties, calls {@link yfiles.styles.ImageNodeStyleRenderer#configure} and returns <code>this</code>.
-       * @param {yfiles.graph.INode} node The node to retrieve the shape geometry for. The value will be stored in the {@link yfiles.styles.ImageNodeStyleRenderer#node} property.
-       * @param {yfiles.styles.INodeStyle} style The style to associate with the node. The value will be stored in the {@link yfiles.styles.ImageNodeStyleRenderer#style} property.
-       * @returns {yfiles.styles.IShapeGeometry} <code>this</code>
+       * @param node The node to retrieve the shape geometry for. The value will be stored in the {@link #node} property.
+       * @param style The style to associate with the node. The value will be stored in the {@link #style} property.
+       * @returns <code>this</code>
        * @see yfiles.styles.ImageNodeStyleRenderer#isInside
        * @see yfiles.styles.ImageNodeStyleRenderer#getIntersection
        */
@@ -69364,46 +69353,46 @@ declare namespace system{
        * subclass implementation depends on this instance to be configured, it needs to call <code>Configure</code> in
        * {@link yfiles.styles.ImageNodeStyleRenderer#isVisible}.
        * </p>
-       * @param {yfiles.graph.INode} node The node to query visibility tests. The value will be stored in the {@link yfiles.styles.ImageNodeStyleRenderer#node} property.
-       * @param {yfiles.styles.INodeStyle} style The style to associate with the node. The value will be stored in the {@link yfiles.styles.ImageNodeStyleRenderer#style} property.
-       * @returns {yfiles.view.IVisibilityTestable} <code>this</code>
+       * @param node The node to query visibility tests. The value will be stored in the {@link #node} property.
+       * @param style The style to associate with the node. The value will be stored in the {@link #style} property.
+       * @returns <code>this</code>
        * @see yfiles.styles.ImageNodeStyleRenderer#isVisible
        */
       getVisibilityTestable(node:yfiles.graph.INode,style:yfiles.styles.INodeStyle):yfiles.view.IVisibilityTestable;
       /**
        * Configures the <code>style</code> and <code>node</code> parameters, calls {@link yfiles.styles.ImageNodeStyleRenderer#configure} and returns <code>this</code>.
-       * @param {yfiles.graph.INode} node The node to retrieve the {@link yfiles.view.IVisualCreator} for. The value will be stored in the {@link yfiles.styles.ImageNodeStyleRenderer#node} property.
-       * @param {yfiles.styles.INodeStyle} style The style to associate with the node. The value will be stored in the {@link yfiles.styles.ImageNodeStyleRenderer#style} property.
-       * @returns {yfiles.view.IVisualCreator} <code>this</code>
+       * @param node The node to retrieve the {@link } for. The value will be stored in the {@link #node} property.
+       * @param style The style to associate with the node. The value will be stored in the {@link #style} property.
+       * @returns <code>this</code>
        * @see yfiles.styles.ImageNodeStyleRenderer#createVisual
        * @see yfiles.styles.ImageNodeStyleRenderer#updateVisual
        */
       getVisualCreator(node:yfiles.graph.INode,style:yfiles.styles.INodeStyle):yfiles.view.IVisualCreator;
       /**
        * Tries to use {@link yfiles.styles.ImageNodeStyle#normalizedOutline} to perform the hit test analysis, otherwise reverts to default (rectangular) behavior.
-       * @param {yfiles.input.IInputModeContext} context the context the hit test is performed in
-       * @param {yfiles.geometry.Point} location the coordinates in world coordinate system
-       * @returns {boolean} whether something has been hit
+       * @param context the context the hit test is performed in
+       * @param location the coordinates in world coordinate system
+       * @returns whether something has been hit
        */
       isHit(context:yfiles.input.IInputModeContext,location:yfiles.geometry.Point):boolean;
       /**
        * Tries to use the {@link yfiles.styles.ImageNodeStyle#normalizedOutline} to perform the marquee intersection analysis, otherwise reverts to default (rectangular) behavior.
-       * @param {yfiles.input.IInputModeContext} context
-       * @param {yfiles.geometry.Rect} rectangle
-       * @returns {boolean} 
+       * @param context
+       * @param rectangle
+       * @returns 
        */
       isInBox(context:yfiles.input.IInputModeContext,rectangle:yfiles.geometry.Rect):boolean;
       /**
        * Tries to use the {@link yfiles.styles.ImageNodeStyle#normalizedOutline} to perform the contains test, otherwise reverts to default (rectangular) behavior.
-       * @param {yfiles.geometry.Point} location
-       * @returns {boolean} 
+       * @param location
+       * @returns 
        */
       isInside(location:yfiles.geometry.Point):boolean;
       /**
        * Determines visibility by checking for an intersection with the {@link yfiles.styles.ImageNodeStyleRenderer#layout}.
-       * @param {yfiles.view.ICanvasContext} context The context.
-       * @param {yfiles.geometry.Rect} rectangle The current clip
-       * @returns {boolean} Whether the {@link yfiles.styles.ImageNodeStyleRenderer#layout} is visible in the clip.
+       * @param context The context.
+       * @param rectangle The current clip
+       * @returns Whether the {@link #layout} is visible in the clip.
        */
       isVisible(context:yfiles.view.ICanvasContext,rectangle:yfiles.geometry.Rect):boolean;
       /**
@@ -69416,15 +69405,15 @@ declare namespace system{
        * This implementation will check if <code>type.IsInstanceOfType(this)</code> and will call {@link yfiles.styles.ImageNodeStyleRenderer#configure}
        * on success and return <code>this</code>.
        * </p>
-       * @param {yfiles.lang.Class} type The type to query for.
-       * @returns {Object} An implementation or <code>null</code>.
+       * @param type The type to query for.
+       * @returns An implementation or <code>null</code>.
        */
       lookup(type:yfiles.lang.Class):Object;
       /**
        * 
-       * @param {yfiles.view.IRenderContext} context
-       * @param {yfiles.view.Visual} oldVisual
-       * @returns {yfiles.view.Visual} 
+       * @param context
+       * @param oldVisual
+       * @returns 
        */
       updateVisual(context:yfiles.view.IRenderContext,oldVisual:yfiles.view.Visual):yfiles.view.Visual;
       /**
@@ -69462,30 +69451,28 @@ declare namespace system{
      * <p>
      * This style can be used together with {@link yfiles.styles.ImageNodeStyleRenderer} instances.
      * </p>
-     * @class yfiles.styles.ImageNodeStyle
+     * @class
      * @implements {yfiles.styles.INodeStyle}
      */
     export interface ImageNodeStyle extends Object,yfiles.styles.INodeStyle{}
     export class ImageNodeStyle {
       /**
        * Creates a new instance that uses the specified image and a custom renderer instance.
-       * @param {string} image The image.
-       * @param {string} [fallbackImage=null] The fallback image.
-       * @param {yfiles.styles.ImageNodeStyleRenderer} [renderer=null] The renderer for this instance
-       * @constructor
+       * @param image The image.
+       * @param [fallbackImage=null] The fallback image.
+       * @param [renderer=null] The renderer for this instance
        */
       constructor(image:string,fallbackImage?:string,renderer?:yfiles.styles.ImageNodeStyleRenderer);
       /**
        * Creates a new instance that uses the specified image and a custom renderer instance.
        * @param {Object} options The parameters to pass.
-       * @param {string} options.image The image.
-       * @param {string} [options.fallbackImage=null] The fallback image.
-       * @param {yfiles.styles.ImageNodeStyleRenderer} [options.renderer=null] The renderer for this instance
+       * @param options.image The image.
+       * @param [options.fallbackImage=null] The fallback image.
+       * @param [options.renderer=null] The renderer for this instance
        * @param {yfiles.geometry.GeneralPath} options.normalizedOutline The normalized outline of the image that will be displayed.
        * <p>
        * This option sets the {@link yfiles.styles.ImageNodeStyle#normalizedOutline} property on the created object.
        * </p>
-       * @constructor
        */
       constructor(options:{image:string,fallbackImage?:string,renderer?:yfiles.styles.ImageNodeStyleRenderer,normalizedOutline?:yfiles.geometry.GeneralPath});
       /**
@@ -69500,7 +69487,6 @@ declare namespace system{
        * <p>
        * This option sets the {@link yfiles.styles.ImageNodeStyle#normalizedOutline} property on the created object.
        * </p>
-       * @constructor
        */
       constructor(options?:{fallbackImage?:string,image?:string,normalizedOutline?:yfiles.geometry.GeneralPath});
       /**
@@ -69508,7 +69494,7 @@ declare namespace system{
        * <p>
        * If clients need to have a deep copy of this instance, they need to manually clone and reassign the {@link yfiles.styles.ImageNodeStyle#image} to the clone.
        * </p>
-       * @returns {Object} A shallow copy of this instance.
+       * @returns A shallow copy of this instance.
        */
       clone():Object;
       /**
@@ -69556,21 +69542,20 @@ declare namespace system{
      * This style uses the {@link yfiles.styles.PanelNodeStyleRenderer} to visualize a node.
      * </p>
      * @see yfiles.styles.PanelNodeStyleRenderer
-     * @class yfiles.styles.PanelNodeStyle
+     * @class
      * @implements {yfiles.styles.INodeStyle}
      */
     export interface PanelNodeStyle extends Object,yfiles.styles.INodeStyle{}
     export class PanelNodeStyle {
       /**
        * Creates a new instance using the provided renderer to share.
-       * @param {yfiles.styles.PanelNodeStyleRenderer} renderer
-       * @constructor
+       * @param renderer
        */
       constructor(renderer:yfiles.styles.PanelNodeStyleRenderer);
       /**
        * Creates a new instance using the provided renderer to share.
        * @param {Object} options The parameters to pass.
-       * @param {yfiles.styles.PanelNodeStyleRenderer} options.renderer
+       * @param options.renderer
        * @param {yfiles.view.Color} options.color The base color to use.
        * <p>
        * This option sets the {@link yfiles.styles.PanelNodeStyle#color} property on the created object.
@@ -69583,7 +69568,6 @@ declare namespace system{
        * <p>
        * This option sets the {@link yfiles.styles.PanelNodeStyle#labelInsetsColor} property on the created object.
        * </p>
-       * @constructor
        */
       constructor(options:{renderer:yfiles.styles.PanelNodeStyleRenderer,color?:yfiles.view.Color,insets?:yfiles.geometry.Insets,labelInsetsColor?:yfiles.view.Color});
       /**
@@ -69601,12 +69585,11 @@ declare namespace system{
        * <p>
        * This option sets the {@link yfiles.styles.PanelNodeStyle#labelInsetsColor} property on the created object.
        * </p>
-       * @constructor
        */
       constructor(options?:{color?:yfiles.view.Color,insets?:yfiles.geometry.Insets,labelInsetsColor?:yfiles.view.Color});
       /**
        * 
-       * @returns {Object} 
+       * @returns 
        */
       clone():Object;
       /**
@@ -69655,7 +69638,7 @@ declare namespace system{
      * A {@link yfiles.styles.INodeStyle} {@link yfiles.styles.INodeStyleRenderer renderer} implementation that draws a simple floating panel with a slight gradient, a thin
      * border and a simple drop shadow.
      * @see yfiles.styles.PanelNodeStyle
-     * @class yfiles.styles.PanelNodeStyleRenderer
+     * @class
      * @implements {yfiles.styles.INodeStyleRenderer}
      * @implements {yfiles.styles.IShapeGeometry}
      * @implements {yfiles.view.IBoundsProvider}
@@ -69669,7 +69652,6 @@ declare namespace system{
     export class PanelNodeStyleRenderer {
       /**
        * The style that it currently assigned to this renderer instance.
-       * @constructor
        */
       constructor();
       /**
@@ -69687,27 +69669,27 @@ declare namespace system{
       configure():void;
       /**
        * 
-       * @param {yfiles.view.IRenderContext} context
-       * @returns {yfiles.view.Visual} 
+       * @param context
+       * @returns 
        */
       createVisual(context:yfiles.view.IRenderContext):yfiles.view.Visual;
       /**
        * Determines whether to draw the drop shadow.
-       * @returns {boolean} <code>true</code>, always.
+       * @returns <code>true</code>, always.
        * @protected
        */
       drawShadow():boolean;
       /**
        * 
-       * @param {yfiles.view.ICanvasContext} context
-       * @returns {yfiles.geometry.Rect} 
+       * @param context
+       * @returns 
        */
       getBounds(context:yfiles.view.ICanvasContext):yfiles.geometry.Rect;
       /**
        * Configures the <code>style</code> and <code>node</code> parameters, calls {@link yfiles.styles.PanelNodeStyleRenderer#configure} and returns <code>this</code>.
-       * @param {yfiles.graph.INode} node The node to retrieve the bounds provider for. The value will be stored in the {@link yfiles.styles.PanelNodeStyleRenderer#node} property.
-       * @param {yfiles.styles.INodeStyle} style The style to associate with the node. The value will be stored in the {@link yfiles.styles.PanelNodeStyleRenderer#style} property.
-       * @returns {yfiles.view.IBoundsProvider} <code>this</code>
+       * @param node The node to retrieve the bounds provider for. The value will be stored in the {@link #node} property.
+       * @param style The style to associate with the node. The value will be stored in the {@link #style} property.
+       * @returns <code>this</code>
        * @see yfiles.styles.PanelNodeStyleRenderer#getBounds
        */
       getBoundsProvider(node:yfiles.graph.INode,style:yfiles.styles.INodeStyle):yfiles.view.IBoundsProvider;
@@ -69718,17 +69700,17 @@ declare namespace system{
        * instead subclasses should ensure that in the {@link yfiles.styles.PanelNodeStyleRenderer#lookup} method call they should call {@link yfiles.styles.PanelNodeStyleRenderer#configure}
        * only if needed, i.e. if they decide to return <code>this</code> or an instance that depends on a correctly configured <code>this</code>.
        * </p>
-       * @param {yfiles.graph.INode} node The node to query the context for. The value will be stored in the {@link yfiles.styles.PanelNodeStyleRenderer#node} property.
-       * @param {yfiles.styles.INodeStyle} style The style to associate with the node. The value will be stored in the {@link yfiles.styles.PanelNodeStyleRenderer#style} property.
-       * @returns {yfiles.graph.ILookup} <code>this</code>
+       * @param node The node to query the context for. The value will be stored in the {@link #node} property.
+       * @param style The style to associate with the node. The value will be stored in the {@link #style} property.
+       * @returns <code>this</code>
        * @see yfiles.styles.PanelNodeStyleRenderer#lookup
        */
       getContext(node:yfiles.graph.INode,style:yfiles.styles.INodeStyle):yfiles.graph.ILookup;
       /**
        * Configures the <code>style</code> and <code>node</code> parameters, calls {@link yfiles.styles.PanelNodeStyleRenderer#configure} and returns <code>this</code>.
-       * @param {yfiles.graph.INode} node The node to query hit test with. The value will be stored in the {@link yfiles.styles.PanelNodeStyleRenderer#node} property.
-       * @param {yfiles.styles.INodeStyle} style The style to associate with the node. The value will be stored in the {@link yfiles.styles.PanelNodeStyleRenderer#style} property.
-       * @returns {yfiles.input.IHitTestable} <code>this</code>
+       * @param node The node to query hit test with. The value will be stored in the {@link #node} property.
+       * @param style The style to associate with the node. The value will be stored in the {@link #style} property.
+       * @returns <code>this</code>
        * @see yfiles.styles.PanelNodeStyleRenderer#isHit
        */
       getHitTestable(node:yfiles.graph.INode,style:yfiles.styles.INodeStyle):yfiles.input.IHitTestable;
@@ -69737,29 +69719,29 @@ declare namespace system{
        * <p>
        * This implementation returns the intersection for the {@link yfiles.styles.PanelNodeStyleRenderer#layout}.
        * </p>
-       * @param {yfiles.geometry.Point} inner
-       * @param {yfiles.geometry.Point} outer
-       * @returns {yfiles.geometry.Point} True if an intersection was actually found
+       * @param inner
+       * @param outer
+       * @returns True if an intersection was actually found
        */
       getIntersection(inner:yfiles.geometry.Point,outer:yfiles.geometry.Point):yfiles.geometry.Point;
       /**
        * Configures the <code>style</code> and <code>node</code> parameters, calls {@link yfiles.styles.PanelNodeStyleRenderer#configure} and returns <code>this</code>.
-       * @param {yfiles.graph.INode} node The node to query marquee intersection tests. The value will be stored in the {@link yfiles.styles.PanelNodeStyleRenderer#node} property.
-       * @param {yfiles.styles.INodeStyle} style The style to associate with the node. The value will be stored in the {@link yfiles.styles.PanelNodeStyleRenderer#style} property.
-       * @returns {yfiles.input.IMarqueeTestable} <code>this</code>
+       * @param node The node to query marquee intersection tests. The value will be stored in the {@link #node} property.
+       * @param style The style to associate with the node. The value will be stored in the {@link #style} property.
+       * @returns <code>this</code>
        * @see yfiles.styles.PanelNodeStyleRenderer#isInBox
        */
       getMarqueeTestable(node:yfiles.graph.INode,style:yfiles.styles.INodeStyle):yfiles.input.IMarqueeTestable;
       /**
        * Returns the outline of the shape using the node's {@link yfiles.styles.PanelNodeStyleRenderer#layout}.
-       * @returns {yfiles.geometry.GeneralPath} The outline of the bounds of the node.
+       * @returns The outline of the bounds of the node.
        */
       getOutline():yfiles.geometry.GeneralPath;
       /**
        * Configures the {@link yfiles.styles.PanelNodeStyleRenderer#style} and {@link yfiles.styles.PanelNodeStyleRenderer#node} properties, calls {@link yfiles.styles.PanelNodeStyleRenderer#configure} and returns <code>this</code>.
-       * @param {yfiles.graph.INode} node The node to retrieve the shape geometry for. The value will be stored in the {@link yfiles.styles.PanelNodeStyleRenderer#node} property.
-       * @param {yfiles.styles.INodeStyle} style The style to associate with the node. The value will be stored in the {@link yfiles.styles.PanelNodeStyleRenderer#style} property.
-       * @returns {yfiles.styles.IShapeGeometry} <code>this</code>
+       * @param node The node to retrieve the shape geometry for. The value will be stored in the {@link #node} property.
+       * @param style The style to associate with the node. The value will be stored in the {@link #style} property.
+       * @returns <code>this</code>
        * @see yfiles.styles.PanelNodeStyleRenderer#isInside
        * @see yfiles.styles.PanelNodeStyleRenderer#getIntersection
        */
@@ -69771,17 +69753,17 @@ declare namespace system{
        * subclass implementation depends on this instance to be configured, it needs to call <code>Configure</code> in
        * {@link yfiles.styles.PanelNodeStyleRenderer#isVisible}.
        * </p>
-       * @param {yfiles.graph.INode} node The node to query visibility tests. The value will be stored in the {@link yfiles.styles.PanelNodeStyleRenderer#node} property.
-       * @param {yfiles.styles.INodeStyle} style The style to associate with the node. The value will be stored in the {@link yfiles.styles.PanelNodeStyleRenderer#style} property.
-       * @returns {yfiles.view.IVisibilityTestable} <code>this</code>
+       * @param node The node to query visibility tests. The value will be stored in the {@link #node} property.
+       * @param style The style to associate with the node. The value will be stored in the {@link #style} property.
+       * @returns <code>this</code>
        * @see yfiles.styles.PanelNodeStyleRenderer#isVisible
        */
       getVisibilityTestable(node:yfiles.graph.INode,style:yfiles.styles.INodeStyle):yfiles.view.IVisibilityTestable;
       /**
        * Configures the <code>style</code> and <code>node</code> parameters, calls {@link yfiles.styles.PanelNodeStyleRenderer#configure} and returns <code>this</code>.
-       * @param {yfiles.graph.INode} node The node to retrieve the {@link yfiles.view.IVisualCreator} for. The value will be stored in the {@link yfiles.styles.PanelNodeStyleRenderer#node} property.
-       * @param {yfiles.styles.INodeStyle} style The style to associate with the node. The value will be stored in the {@link yfiles.styles.PanelNodeStyleRenderer#style} property.
-       * @returns {yfiles.view.IVisualCreator} <code>this</code>
+       * @param node The node to retrieve the {@link } for. The value will be stored in the {@link #node} property.
+       * @param style The style to associate with the node. The value will be stored in the {@link #style} property.
+       * @returns <code>this</code>
        * @see yfiles.styles.PanelNodeStyleRenderer#createVisual
        * @see yfiles.styles.PanelNodeStyleRenderer#updateVisual
        */
@@ -69792,9 +69774,9 @@ declare namespace system{
        * This implementation uses the {@link yfiles.styles.PanelNodeStyleRenderer#layout} to determine whether the node has been hit. The check is delegated to {@link yfiles.geometry.Rect#containsWithEps}
        * using {@link yfiles.view.ICanvasContext#hitTestRadius} as the last argument.
        * </p>
-       * @param {yfiles.input.IInputModeContext} context the context the hit test is performed in
-       * @param {yfiles.geometry.Point} location the coordinates in world coordinate system
-       * @returns {boolean} whether something has been hit
+       * @param context the context the hit test is performed in
+       * @param location the coordinates in world coordinate system
+       * @returns whether something has been hit
        */
       isHit(context:yfiles.input.IInputModeContext,location:yfiles.geometry.Point):boolean;
       /**
@@ -69802,9 +69784,9 @@ declare namespace system{
        * <p>
        * This implementation uses the {@link yfiles.styles.PanelNodeStyleRenderer#layout} to determine whether the node is in the box.
        * </p>
-       * @param {yfiles.input.IInputModeContext} context the current input mode context
-       * @param {yfiles.geometry.Rect} rectangle the box describing the marquee's bounds
-       * @returns {boolean} <code>true</code> if the node is considered to be captured by the marquee
+       * @param context the current input mode context
+       * @param rectangle the box describing the marquee's bounds
+       * @returns <code>true</code> if the node is considered to be captured by the marquee
        */
       isInBox(context:yfiles.input.IInputModeContext,rectangle:yfiles.geometry.Rect):boolean;
       /**
@@ -69812,28 +69794,28 @@ declare namespace system{
        * <p>
        * This implementation checks for containment in the {@link yfiles.styles.PanelNodeStyleRenderer#layout}.
        * </p>
-       * @param {yfiles.geometry.Point} location
-       * @returns {boolean} True if the point lies within the geometry of the rendering.
+       * @param location
+       * @returns True if the point lies within the geometry of the rendering.
        */
       isInside(location:yfiles.geometry.Point):boolean;
       /**
        * 
-       * @param {yfiles.view.ICanvasContext} context
-       * @param {yfiles.geometry.Rect} rectangle
-       * @returns {boolean} 
+       * @param context
+       * @param rectangle
+       * @returns 
        */
       isVisible(context:yfiles.view.ICanvasContext,rectangle:yfiles.geometry.Rect):boolean;
       /**
        * 
-       * @param {yfiles.lang.Class} type
-       * @returns {Object} 
+       * @param type
+       * @returns 
        */
       lookup(type:yfiles.lang.Class):Object;
       /**
        * 
-       * @param {yfiles.view.IRenderContext} context
-       * @param {yfiles.view.Visual} oldVisual
-       * @returns {yfiles.view.Visual} 
+       * @param context
+       * @param oldVisual
+       * @returns 
        */
       updateVisual(context:yfiles.view.IRenderContext,oldVisual:yfiles.view.Visual):yfiles.view.Visual;
       /**
@@ -69871,7 +69853,7 @@ declare namespace system{
      * In this case it might be more appropriate to implement a drop shadow implementation using canvas drawing and displaying
      * the canvas content using an <code>image</code> element with <code>canvas.toDataURL</code>.
      * </p>
-     * @class yfiles.styles.ShadowNodeStyleDecorator
+     * @class
      * @implements {yfiles.styles.INodeStyle}
      */
     export interface ShadowNodeStyleDecorator extends Object,yfiles.styles.INodeStyle{}
@@ -69882,8 +69864,7 @@ declare namespace system{
        * The provided instance is used by reference, so subsequent changes to the style will affect the appearance of this
        * style.
        * </p>
-       * @param {yfiles.styles.INodeStyle} wrapped The style to wrap.
-       * @constructor
+       * @param wrapped The style to wrap.
        */
       constructor(wrapped:yfiles.styles.INodeStyle);
       /**
@@ -69898,12 +69879,11 @@ declare namespace system{
        * This option sets the {@link yfiles.styles.ShadowNodeStyleDecorator#wrapped} property on the created object.
        * </p>
        * @see yfiles.styles.ShadowNodeStyleDecorator#wrapped
-       * @constructor
        */
       constructor(options?:{wrapped?:yfiles.styles.INodeStyle});
       /**
        * 
-       * @returns {Object} 
+       * @returns 
        */
       clone():Object;
       /**
@@ -69928,21 +69908,20 @@ declare namespace system{
      * This style uses the {@link yfiles.styles.ShinyPlateNodeStyleRenderer} to visualize a node.
      * </p>
      * @see yfiles.styles.ShinyPlateNodeStyleRenderer
-     * @class yfiles.styles.ShinyPlateNodeStyle
+     * @class
      * @implements {yfiles.styles.INodeStyle}
      */
     export interface ShinyPlateNodeStyle extends Object,yfiles.styles.INodeStyle{}
     export class ShinyPlateNodeStyle {
       /**
        * Creates a new instance using the provided renderer.
-       * @param {yfiles.styles.ShinyPlateNodeStyleRenderer} renderer
-       * @constructor
+       * @param renderer
        */
       constructor(renderer:yfiles.styles.ShinyPlateNodeStyleRenderer);
       /**
        * Creates a new instance using the provided renderer.
        * @param {Object} options The parameters to pass.
-       * @param {yfiles.styles.ShinyPlateNodeStyleRenderer} options.renderer
+       * @param options.renderer
        * @param {yfiles.view.Fill} options.fill The background brush for this style.
        * <p>
        * This option sets the {@link yfiles.styles.ShinyPlateNodeStyle#fill} property on the created object.
@@ -69963,7 +69942,6 @@ declare namespace system{
        * <p>
        * This option sets the {@link yfiles.styles.ShinyPlateNodeStyle#radius} property on the created object.
        * </p>
-       * @constructor
        */
       constructor(options:{renderer:yfiles.styles.ShinyPlateNodeStyleRenderer,fill?:yfiles.view.Fill,drawShadow?:boolean,insets?:yfiles.geometry.Insets,stroke?:yfiles.view.Stroke,radius?:number});
       /**
@@ -69989,12 +69967,11 @@ declare namespace system{
        * <p>
        * This option sets the {@link yfiles.styles.ShinyPlateNodeStyle#radius} property on the created object.
        * </p>
-       * @constructor
        */
       constructor(options?:{fill?:yfiles.view.Fill,drawShadow?:boolean,insets?:yfiles.geometry.Insets,stroke?:yfiles.view.Stroke,radius?:number});
       /**
        * 
-       * @returns {Object} 
+       * @returns 
        */
       clone():Object;
       /**
@@ -70057,7 +70034,7 @@ declare namespace system{
      * A {@link yfiles.styles.INodeStyle} {@link yfiles.styles.INodeStyleRenderer renderer} implementation that draws a simple floating shinyPlate with a slight gradient, a
      * thin border and a simple drop shadow.
      * @see yfiles.styles.ShinyPlateNodeStyle
-     * @class yfiles.styles.ShinyPlateNodeStyleRenderer
+     * @class
      * @implements {yfiles.styles.INodeStyleRenderer}
      * @implements {yfiles.styles.IShapeGeometry}
      * @implements {yfiles.view.IBoundsProvider}
@@ -70085,27 +70062,27 @@ declare namespace system{
       configure():void;
       /**
        * 
-       * @param {yfiles.view.IRenderContext} context
-       * @returns {yfiles.view.Visual} 
+       * @param context
+       * @returns 
        */
       createVisual(context:yfiles.view.IRenderContext):yfiles.view.Visual;
       /**
        * Determines whether to draw the drop shadow.
-       * @returns {boolean} {@link yfiles.styles.ShinyPlateNodeStyle#drawShadow}.
+       * @returns {@link #drawShadow}.
        * @protected
        */
       drawShadow():boolean;
       /**
        * 
-       * @param {yfiles.view.ICanvasContext} context
-       * @returns {yfiles.geometry.Rect} 
+       * @param context
+       * @returns 
        */
       getBounds(context:yfiles.view.ICanvasContext):yfiles.geometry.Rect;
       /**
        * Configures the <code>style</code> and <code>node</code> parameters, calls {@link yfiles.styles.ShinyPlateNodeStyleRenderer#configure} and returns <code>this</code>.
-       * @param {yfiles.graph.INode} node The node to retrieve the bounds provider for. The value will be stored in the {@link yfiles.styles.ShinyPlateNodeStyleRenderer#node} property.
-       * @param {yfiles.styles.INodeStyle} style The style to associate with the node. The value will be stored in the {@link yfiles.styles.ShinyPlateNodeStyleRenderer#style} property.
-       * @returns {yfiles.view.IBoundsProvider} <code>this</code>
+       * @param node The node to retrieve the bounds provider for. The value will be stored in the {@link #node} property.
+       * @param style The style to associate with the node. The value will be stored in the {@link #style} property.
+       * @returns <code>this</code>
        * @see yfiles.styles.ShinyPlateNodeStyleRenderer#getBounds
        */
       getBoundsProvider(node:yfiles.graph.INode,style:yfiles.styles.INodeStyle):yfiles.view.IBoundsProvider;
@@ -70118,45 +70095,45 @@ declare namespace system{
        * call {@link yfiles.styles.ShinyPlateNodeStyleRenderer#configure} only if needed, i.e. if they decide to return <code>this</code> or an
        * instance that depends on a correctly configured <code>this</code>.
        * </p>
-       * @param {yfiles.graph.INode} node The node to query the context for. The value will be stored in the {@link yfiles.styles.ShinyPlateNodeStyleRenderer#node} property.
-       * @param {yfiles.styles.INodeStyle} style The style to associate with the node. The value will be stored in the {@link yfiles.styles.ShinyPlateNodeStyleRenderer#style} property.
-       * @returns {yfiles.graph.ILookup} <code>this</code>
+       * @param node The node to query the context for. The value will be stored in the {@link #node} property.
+       * @param style The style to associate with the node. The value will be stored in the {@link #style} property.
+       * @returns <code>this</code>
        * @see yfiles.styles.ShinyPlateNodeStyleRenderer#lookup
        */
       getContext(node:yfiles.graph.INode,style:yfiles.styles.INodeStyle):yfiles.graph.ILookup;
       /**
        * Configures the <code>style</code> and <code>node</code> parameters, calls {@link yfiles.styles.ShinyPlateNodeStyleRenderer#configure} and returns <code>this</code>.
-       * @param {yfiles.graph.INode} node The node to query hit test with. The value will be stored in the {@link yfiles.styles.ShinyPlateNodeStyleRenderer#node} property.
-       * @param {yfiles.styles.INodeStyle} style The style to associate with the node. The value will be stored in the {@link yfiles.styles.ShinyPlateNodeStyleRenderer#style} property.
-       * @returns {yfiles.input.IHitTestable} <code>this</code>
+       * @param node The node to query hit test with. The value will be stored in the {@link #node} property.
+       * @param style The style to associate with the node. The value will be stored in the {@link #style} property.
+       * @returns <code>this</code>
        * @see yfiles.styles.ShinyPlateNodeStyleRenderer#isHit
        */
       getHitTestable(node:yfiles.graph.INode,style:yfiles.styles.INodeStyle):yfiles.input.IHitTestable;
       /**
        * 
-       * @param {yfiles.geometry.Point} inner
-       * @param {yfiles.geometry.Point} outer
-       * @returns {yfiles.geometry.Point} 
+       * @param inner
+       * @param outer
+       * @returns 
        */
       getIntersection(inner:yfiles.geometry.Point,outer:yfiles.geometry.Point):yfiles.geometry.Point;
       /**
        * Configures the <code>style</code> and <code>node</code> parameters, calls {@link yfiles.styles.ShinyPlateNodeStyleRenderer#configure} and returns <code>this</code>.
-       * @param {yfiles.graph.INode} node The node to query marquee intersection tests. The value will be stored in the {@link yfiles.styles.ShinyPlateNodeStyleRenderer#node} property.
-       * @param {yfiles.styles.INodeStyle} style The style to associate with the node. The value will be stored in the {@link yfiles.styles.ShinyPlateNodeStyleRenderer#style} property.
-       * @returns {yfiles.input.IMarqueeTestable} <code>this</code>
+       * @param node The node to query marquee intersection tests. The value will be stored in the {@link #node} property.
+       * @param style The style to associate with the node. The value will be stored in the {@link #style} property.
+       * @returns <code>this</code>
        * @see yfiles.styles.ShinyPlateNodeStyleRenderer#isInBox
        */
       getMarqueeTestable(node:yfiles.graph.INode,style:yfiles.styles.INodeStyle):yfiles.input.IMarqueeTestable;
       /**
        * 
-       * @returns {yfiles.geometry.GeneralPath} 
+       * @returns 
        */
       getOutline():yfiles.geometry.GeneralPath;
       /**
        * Configures the {@link yfiles.styles.ShinyPlateNodeStyleRenderer#style} and {@link yfiles.styles.ShinyPlateNodeStyleRenderer#node} properties, calls {@link yfiles.styles.ShinyPlateNodeStyleRenderer#configure} and returns <code>this</code>.
-       * @param {yfiles.graph.INode} node The node to retrieve the shape geometry for. The value will be stored in the {@link yfiles.styles.ShinyPlateNodeStyleRenderer#node} property.
-       * @param {yfiles.styles.INodeStyle} style The style to associate with the node. The value will be stored in the {@link yfiles.styles.ShinyPlateNodeStyleRenderer#style} property.
-       * @returns {yfiles.styles.IShapeGeometry} <code>this</code>
+       * @param node The node to retrieve the shape geometry for. The value will be stored in the {@link #node} property.
+       * @param style The style to associate with the node. The value will be stored in the {@link #style} property.
+       * @returns <code>this</code>
        * @see yfiles.styles.ShinyPlateNodeStyleRenderer#isInside
        * @see yfiles.styles.ShinyPlateNodeStyleRenderer#getIntersection
        */
@@ -70169,26 +70146,26 @@ declare namespace system{
        * the subclass implementation depends on this instance to be configured, it needs to call <code>Configure</code> in
        * {@link yfiles.styles.ShinyPlateNodeStyleRenderer#isVisible}.
        * </p>
-       * @param {yfiles.graph.INode} node The node to query visibility tests. The value will be stored in the {@link yfiles.styles.ShinyPlateNodeStyleRenderer#node} property.
-       * @param {yfiles.styles.INodeStyle} style The style to associate with the node. The value will be stored in the {@link yfiles.styles.ShinyPlateNodeStyleRenderer#style} property.
-       * @returns {yfiles.view.IVisibilityTestable} <code>this</code>
+       * @param node The node to query visibility tests. The value will be stored in the {@link #node} property.
+       * @param style The style to associate with the node. The value will be stored in the {@link #style} property.
+       * @returns <code>this</code>
        * @see yfiles.styles.ShinyPlateNodeStyleRenderer#isVisible
        */
       getVisibilityTestable(node:yfiles.graph.INode,style:yfiles.styles.INodeStyle):yfiles.view.IVisibilityTestable;
       /**
        * Configures the <code>style</code> and <code>node</code> parameters, calls {@link yfiles.styles.ShinyPlateNodeStyleRenderer#configure} and returns <code>this</code>.
-       * @param {yfiles.graph.INode} node The node to retrieve the {@link yfiles.view.IVisualCreator} for. The value will be stored in the {@link yfiles.styles.ShinyPlateNodeStyleRenderer#node} property.
-       * @param {yfiles.styles.INodeStyle} style The style to associate with the node. The value will be stored in the {@link yfiles.styles.ShinyPlateNodeStyleRenderer#style} property.
-       * @returns {yfiles.view.IVisualCreator} <code>this</code>
+       * @param node The node to retrieve the {@link } for. The value will be stored in the {@link #node} property.
+       * @param style The style to associate with the node. The value will be stored in the {@link #style} property.
+       * @returns <code>this</code>
        * @see yfiles.styles.ShinyPlateNodeStyleRenderer#createVisual
        * @see yfiles.styles.ShinyPlateNodeStyleRenderer#updateVisual
        */
       getVisualCreator(node:yfiles.graph.INode,style:yfiles.styles.INodeStyle):yfiles.view.IVisualCreator;
       /**
        * 
-       * @param {yfiles.input.IInputModeContext} context
-       * @param {yfiles.geometry.Point} location
-       * @returns {boolean} 
+       * @param context
+       * @param location
+       * @returns 
        */
       isHit(context:yfiles.input.IInputModeContext,location:yfiles.geometry.Point):boolean;
       /**
@@ -70196,35 +70173,35 @@ declare namespace system{
        * <p>
        * This implementation uses the {@link yfiles.styles.ShinyPlateNodeStyleRenderer#layout} to determine whether the node is in the box.
        * </p>
-       * @param {yfiles.input.IInputModeContext} context the current input mode context
-       * @param {yfiles.geometry.Rect} rectangle the box describing the marquee's bounds
-       * @returns {boolean} <code>true</code> if the node is considered to be captured by the marquee
+       * @param context the current input mode context
+       * @param rectangle the box describing the marquee's bounds
+       * @returns <code>true</code> if the node is considered to be captured by the marquee
        */
       isInBox(context:yfiles.input.IInputModeContext,rectangle:yfiles.geometry.Rect):boolean;
       /**
        * 
-       * @param {yfiles.geometry.Point} location
-       * @returns {boolean} 
+       * @param location
+       * @returns 
        */
       isInside(location:yfiles.geometry.Point):boolean;
       /**
        * 
-       * @param {yfiles.view.ICanvasContext} context
-       * @param {yfiles.geometry.Rect} rectangle
-       * @returns {boolean} 
+       * @param context
+       * @param rectangle
+       * @returns 
        */
       isVisible(context:yfiles.view.ICanvasContext,rectangle:yfiles.geometry.Rect):boolean;
       /**
        * 
-       * @param {yfiles.lang.Class} type
-       * @returns {Object} 
+       * @param type
+       * @returns 
        */
       lookup(type:yfiles.lang.Class):Object;
       /**
        * 
-       * @param {yfiles.view.IRenderContext} context
-       * @param {yfiles.view.Visual} oldVisual
-       * @returns {yfiles.view.Visual} 
+       * @param context
+       * @param oldVisual
+       * @returns 
        */
       updateVisual(context:yfiles.view.IRenderContext,oldVisual:yfiles.view.Visual):yfiles.view.Visual;
       /**
@@ -70267,310 +70244,11 @@ declare namespace system{
       radius:number;
       static $class:yfiles.lang.Class;
     }
-    /**
-     * A {@link yfiles.styles.INodeStyle} for {@link yfiles.graph.ITable tables}.
-     * <p>
-     * This implementations stores the table instance and therefore, its instances cannot be shared among different table
-     * instances.
-     * </p>
-     * @class yfiles.styles.TableNodeStyle
-     * @implements {yfiles.styles.INodeStyle}
-     * @implements {yfiles.lang.IPropertyObservable}
-     */
-    export interface TableNodeStyle extends Object,yfiles.styles.INodeStyle,yfiles.lang.IPropertyObservable{}
-    export class TableNodeStyle {
-      /**
-       * Constructor with a custom renderer implementation that uses <code>table</code> as backing table model.
-       * @param {yfiles.graph.ITable} table The table instance that defines the tabular structure.
-       * @param {yfiles.styles.TableNodeStyleRenderer} [renderer=null] Custom renderer instance for this style.
-       * @constructor
-       */
-      constructor(table:yfiles.graph.ITable,renderer?:yfiles.styles.TableNodeStyleRenderer);
-      /**
-       * Constructor with a custom renderer implementation that uses <code>table</code> as backing table model.
-       * @param {Object} options The parameters to pass.
-       * @param {yfiles.graph.ITable} options.table The table instance that defines the tabular structure.
-       * @param {yfiles.styles.TableNodeStyleRenderer} [options.renderer=null] Custom renderer instance for this style.
-       * @param {yfiles.styles.INodeStyle} options.backgroundStyle The style that is used to draw the background of the table
-       * <p>
-       * This option sets the {@link yfiles.styles.TableNodeStyle#backgroundStyle} property on the created object.
-       * </p>
-       * @param {yfiles.styles.TableRenderingOrder} options.tableRenderingOrder The order in which rows and columns are rendered.
-       * <p>
-       * This option sets the {@link yfiles.styles.TableNodeStyle#tableRenderingOrder} property on the created object.
-       * </p>
-       * @constructor
-       */
-      constructor(options:{table:yfiles.graph.ITable,renderer?:yfiles.styles.TableNodeStyleRenderer,backgroundStyle?:yfiles.styles.INodeStyle,tableRenderingOrder?:yfiles.styles.TableRenderingOrder});
-      /**
-       * Default constructor that creates an empty table.
-       * @param {Object} [options=null] The parameters to pass.
-       * @param {yfiles.styles.INodeStyle} options.backgroundStyle The style that is used to draw the background of the table
-       * <p>
-       * This option sets the {@link yfiles.styles.TableNodeStyle#backgroundStyle} property on the created object.
-       * </p>
-       * @param {yfiles.graph.ITable} options.table The {@link yfiles.graph.ITable} instance that defines the tabular structure.
-       * <p>
-       * This option sets the {@link yfiles.styles.TableNodeStyle#table} property on the created object.
-       * </p>
-       * @param {yfiles.styles.TableRenderingOrder} options.tableRenderingOrder The order in which rows and columns are rendered.
-       * <p>
-       * This option sets the {@link yfiles.styles.TableNodeStyle#tableRenderingOrder} property on the created object.
-       * </p>
-       * @constructor
-       */
-      constructor(options?:{backgroundStyle?:yfiles.styles.INodeStyle,table?:yfiles.graph.ITable,tableRenderingOrder?:yfiles.styles.TableRenderingOrder});
-      /**
-       * 
-       * @returns {Object} 
-       */
-      clone():Object;
-      /**
-       * Create a copy of the background style when this style instance is cloned
-       * @param {yfiles.styles.INodeStyle} style The original background node style
-       * @returns {yfiles.styles.INodeStyle} This implementation always returns the original <code>style</code> instance.
-       * @protected
-       */
-      copyBackgroundStyle(style:yfiles.styles.INodeStyle):yfiles.styles.INodeStyle;
-      /**
-       * Create a copy of the table when this style instance is cloned
-       * @param {yfiles.graph.ITable} table The original table instance
-       * @returns {yfiles.graph.ITable} This implementation always tries to {@link yfiles.lang.ICloneable#clone} clone the original <code>table</code> instance, if possible,
-       * otherwise it returns <code>table</code> unchanged.
-       * @protected
-       */
-      copyTable(table:yfiles.graph.ITable):yfiles.graph.ITable;
-      /**
-       * Raises the {@link yfiles.styles.TableNodeStyle#addPropertyChangedListener PropertyChanged} event.
-       * <p>
-       * Called when the value of the {@link yfiles.styles.TableNodeStyle#table} property changes.
-       * </p>
-       * @param {yfiles.lang.PropertyChangedEventArgs} evt The {@link yfiles.lang.PropertyChangedEventArgs} instance containing the event data.
-       * @protected
-       */
-      onPropertyChanged(evt:yfiles.lang.PropertyChangedEventArgs):void;
-      /**
-       * Gets or sets the order in which rows and columns are rendered.
-       * @default 0
-       * @type {yfiles.styles.TableRenderingOrder}
-       */
-      tableRenderingOrder:yfiles.styles.TableRenderingOrder;
-      /**
-       * Gets or sets the style that is used to draw the background of the table
-       * @default 'TableNodeStyle.defaultBackgroundStyle'
-       * @type {yfiles.styles.INodeStyle}
-       */
-      backgroundStyle:yfiles.styles.INodeStyle;
-      /**
-       * Adds the given listener for the <code>PropertyChanged</code> event that occurs when the value of the {@link yfiles.styles.TableNodeStyle#table} property changes.
-       * @param {function(Object, yfiles.lang.PropertyChangedEventArgs): void} listener The listener to add.
-       * @see yfiles.styles.TableNodeStyle#removePropertyChangedListener
-       */
-      addPropertyChangedListener(listener:(sender:Object,args:yfiles.lang.PropertyChangedEventArgs)=>void):void;
-      /**
-       * Removes the given listener for the <code>PropertyChanged</code> event that occurs when the value of the {@link yfiles.styles.TableNodeStyle#table} property changes.
-       * @param {function(Object, yfiles.lang.PropertyChangedEventArgs): void} listener The listener to remove.
-       * @see yfiles.styles.TableNodeStyle#addPropertyChangedListener
-       */
-      removePropertyChangedListener(listener:(sender:Object,args:yfiles.lang.PropertyChangedEventArgs)=>void):void;
-      /**
-       * Gets or sets the {@link yfiles.graph.ITable} instance that defines the tabular structure.
-       * @type {yfiles.graph.ITable}
-       */
-      table:yfiles.graph.ITable;
-      /**
-       * 
-       * @type {yfiles.styles.INodeStyleRenderer}
-       */
-      renderer:yfiles.styles.INodeStyleRenderer;
-      static $class:yfiles.lang.Class;
-    }
-    /**
-     * Default renderer implementation that can be used for {@link yfiles.styles.TableNodeStyle} instances.
-     * @class yfiles.styles.TableNodeStyleRenderer
-     * @implements {yfiles.styles.INodeStyleRenderer}
-     * @implements {yfiles.styles.IShapeGeometry}
-     * @implements {yfiles.view.IBoundsProvider}
-     * @implements {yfiles.view.IVisibilityTestable}
-     * @implements {yfiles.input.IMarqueeTestable}
-     * @implements {yfiles.input.IHitTestable}
-     * @implements {yfiles.graph.ILookup}
-     * @implements {yfiles.view.IVisualCreator}
-     */
-    export interface TableNodeStyleRenderer extends Object,yfiles.styles.INodeStyleRenderer,yfiles.styles.IShapeGeometry,yfiles.view.IBoundsProvider,yfiles.view.IVisibilityTestable,yfiles.input.IMarqueeTestable,yfiles.input.IHitTestable,yfiles.graph.ILookup,yfiles.view.IVisualCreator{}
-    export class TableNodeStyleRenderer {
-      /**
-       * Prepares this instance for subsequent calls after the style and node have been initialized.
-       * <p>
-       * Upon invocation the {@link yfiles.styles.TableNodeStyleRenderer#style} and {@link yfiles.styles.TableNodeStyleRenderer#node} properties have been populated by the {@link yfiles.styles.TableNodeStyleRenderer#getVisualCreator},
-       * {@link yfiles.styles.TableNodeStyleRenderer#getBoundsProvider}, {@link yfiles.styles.TableNodeStyleRenderer#getHitTestable}, or {@link yfiles.styles.TableNodeStyleRenderer#getMarqueeTestable}
-       * methods.
-       * </p>
-       * <p>
-       * This is an empty implementation. Subclasses might have to override this method.
-       * </p>
-       * @protected
-       */
-      configure():void;
-      /**
-       * 
-       * @param {yfiles.view.IRenderContext} context
-       * @returns {yfiles.view.Visual} 
-       */
-      createVisual(context:yfiles.view.IRenderContext):yfiles.view.Visual;
-      /**
-       * Get the {@link yfiles.styles.INodeStyle background style} that is currently used by this renderer.
-       * <p>
-       * This implementation retrieves the {@link yfiles.styles.TableNodeStyle#backgroundStyle} from the owning style
-       * </p>
-       * @returns {yfiles.styles.INodeStyle} The {@link yfiles.styles.INodeStyle background style} that is currently used by this renderer.
-       * @protected
-       */
-      getBackgroundStyle():yfiles.styles.INodeStyle;
-      /**
-       * 
-       * @param {yfiles.view.ICanvasContext} context
-       * @returns {yfiles.geometry.Rect} 
-       */
-      getBounds(context:yfiles.view.ICanvasContext):yfiles.geometry.Rect;
-      /**
-       * 
-       * @param {yfiles.graph.INode} node
-       * @param {yfiles.styles.INodeStyle} style
-       * @returns {yfiles.view.IBoundsProvider} 
-       */
-      getBoundsProvider(node:yfiles.graph.INode,style:yfiles.styles.INodeStyle):yfiles.view.IBoundsProvider;
-      /**
-       * 
-       * @param {yfiles.graph.INode} node
-       * @param {yfiles.styles.INodeStyle} style
-       * @returns {yfiles.graph.ILookup} 
-       */
-      getContext(node:yfiles.graph.INode,style:yfiles.styles.INodeStyle):yfiles.graph.ILookup;
-      /**
-       * 
-       * @param {yfiles.graph.INode} node
-       * @param {yfiles.styles.INodeStyle} style
-       * @returns {yfiles.input.IHitTestable} 
-       */
-      getHitTestable(node:yfiles.graph.INode,style:yfiles.styles.INodeStyle):yfiles.input.IHitTestable;
-      /**
-       * 
-       * @param {yfiles.geometry.Point} inner
-       * @param {yfiles.geometry.Point} outer
-       * @returns {yfiles.geometry.Point} 
-       */
-      getIntersection(inner:yfiles.geometry.Point,outer:yfiles.geometry.Point):yfiles.geometry.Point;
-      /**
-       * 
-       * @param {yfiles.graph.INode} node
-       * @param {yfiles.styles.INodeStyle} style
-       * @returns {yfiles.input.IMarqueeTestable} 
-       */
-      getMarqueeTestable(node:yfiles.graph.INode,style:yfiles.styles.INodeStyle):yfiles.input.IMarqueeTestable;
-      /**
-       * 
-       * @returns {yfiles.geometry.GeneralPath} 
-       */
-      getOutline():yfiles.geometry.GeneralPath;
-      /**
-       * 
-       * @param {yfiles.graph.INode} node
-       * @param {yfiles.styles.INodeStyle} style
-       * @returns {yfiles.styles.IShapeGeometry} 
-       */
-      getShapeGeometry(node:yfiles.graph.INode,style:yfiles.styles.INodeStyle):yfiles.styles.IShapeGeometry;
-      /**
-       * Gets the table object that should be used for rendering.
-       * <p>
-       * This implementation delegates to the Table provided by the {@link yfiles.styles.TableNodeStyle#table} property.
-       * </p>
-       * @returns {yfiles.graph.ITable} The table that should be used for the rendering process.
-       * @protected
-       */
-      getTable():yfiles.graph.ITable;
-      /**
-       * Get the {@link yfiles.styles.TableRenderingOrder} that is currently used by this renderer.
-       * <p>
-       * This implementation retrieves the {@link yfiles.styles.TableRenderingOrder} from the owning style
-       * </p>
-       * @returns {yfiles.styles.TableRenderingOrder} The {@link yfiles.styles.TableRenderingOrder} that is currently used by this renderer.
-       * @protected
-       */
-      getTableRenderingOrder():yfiles.styles.TableRenderingOrder;
-      /**
-       * 
-       * @param {yfiles.graph.INode} node
-       * @param {yfiles.styles.INodeStyle} style
-       * @returns {yfiles.view.IVisibilityTestable} 
-       */
-      getVisibilityTestable(node:yfiles.graph.INode,style:yfiles.styles.INodeStyle):yfiles.view.IVisibilityTestable;
-      /**
-       * 
-       * @param {yfiles.graph.INode} node
-       * @param {yfiles.styles.INodeStyle} style
-       * @returns {yfiles.view.IVisualCreator} 
-       */
-      getVisualCreator(node:yfiles.graph.INode,style:yfiles.styles.INodeStyle):yfiles.view.IVisualCreator;
-      /**
-       * 
-       * @param {yfiles.input.IInputModeContext} context
-       * @param {yfiles.geometry.Point} location
-       * @returns {boolean} 
-       */
-      isHit(context:yfiles.input.IInputModeContext,location:yfiles.geometry.Point):boolean;
-      /**
-       * 
-       * @param {yfiles.input.IInputModeContext} context
-       * @param {yfiles.geometry.Rect} rectangle
-       * @returns {boolean} 
-       */
-      isInBox(context:yfiles.input.IInputModeContext,rectangle:yfiles.geometry.Rect):boolean;
-      /**
-       * 
-       * @param {yfiles.geometry.Point} location
-       * @returns {boolean} 
-       */
-      isInside(location:yfiles.geometry.Point):boolean;
-      /**
-       * 
-       * @param {yfiles.view.ICanvasContext} context
-       * @param {yfiles.geometry.Rect} rectangle
-       * @returns {boolean} 
-       */
-      isVisible(context:yfiles.view.ICanvasContext,rectangle:yfiles.geometry.Rect):boolean;
-      /**
-       * 
-       * @param {yfiles.lang.Class} type
-       * @returns {Object} 
-       */
-      lookup(type:yfiles.lang.Class):Object;
-      /**
-       * 
-       * @param {yfiles.view.IRenderContext} context
-       * @param {yfiles.view.Visual} oldVisual
-       * @returns {yfiles.view.Visual} 
-       */
-      updateVisual(context:yfiles.view.IRenderContext,oldVisual:yfiles.view.Visual):yfiles.view.Visual;
-      /**
-       * Gets or sets the currently configured style.
-       * @protected
-       * @type {yfiles.styles.TableNodeStyle}
-       */
-      style:yfiles.styles.TableNodeStyle;
-      /**
-       * Gets or sets the currently configured node.
-       * @protected
-       * @type {yfiles.graph.INode}
-       */
-      node:yfiles.graph.INode;
-      static $class:yfiles.lang.Class;
-    }
     /**
      * Base class for stripe styles that use a SVG snippet as template for the visualization of {@link yfiles.graph.IStripe}s.
      * @see yfiles.styles.TemplateStripeStyle
      * @see yfiles.styles.StringTemplateStripeStyle
-     * @class yfiles.styles.TemplateStripeStyleBase
+     * @class
      * @implements {yfiles.styles.IStripeStyle}
      * @implements {yfiles.lang.IPropertyObservable}
      * @implements {yfiles.lang.ICloneable}
@@ -70579,28 +70257,26 @@ declare namespace system{
     export class TemplateStripeStyleBase {
       /**
        * Constructs a new instance using the provided <code>renderer</code>.
-       * @param {yfiles.styles.TemplateStripeStyleRenderer} renderer
+       * @param renderer
        * @protected
-       * @constructor
        */
       constructor(renderer:yfiles.styles.TemplateStripeStyleRenderer);
       /**
        * Constructs a new instance of this style with default values.
        * @protected
-       * @constructor
        */
       constructor();
       /**
        * Performs a shallow clone of this instance, except for the value of {@link yfiles.styles.TemplateStripeStyleBase#styleTag} which is cloned, too, if it can be cloned.
-       * @returns {Object} A clone of this instance.
+       * @returns A clone of this instance.
        */
       clone():Object;
       /**
        * Factory method that is called by the {@link yfiles.styles.TemplateStripeStyleRenderer} to create the visual that will be used
        * for the display of the stripe.
-       * @param {yfiles.view.IRenderContext} context The context for which the visual should be created.
-       * @param {yfiles.graph.IStripe} stripe The stripe that will be rendered.
-       * @returns {yfiles.view.SvgVisual} The readily styled visual.
+       * @param context The context for which the visual should be created.
+       * @param stripe The stripe that will be rendered.
+       * @returns The readily styled visual.
        */
       createTemplate(context:yfiles.view.IRenderContext,stripe:yfiles.graph.IStripe):yfiles.view.SvgVisual;
       /**
@@ -70615,19 +70291,19 @@ declare namespace system{
       /**
        * Raises the {@link yfiles.styles.TemplateStripeStyleBase#addPropertyChangedListener PropertyChanged}
        * event.
-       * @param {yfiles.lang.PropertyChangedEventArgs} evt The {@link yfiles.lang.PropertyChangedEventArgs} instance containing the event data.
+       * @param evt The {@link } instance containing the event data.
        * @protected
        */
       onPropertyChanged(evt:yfiles.lang.PropertyChangedEventArgs):void;
       /**
        * Adds the given listener for the <code>PropertyChanged</code> event that occurs when a property value changes.
-       * @param {function(Object, yfiles.lang.PropertyChangedEventArgs): void} listener The listener to add.
+       * @param listener The listener to add.
        * @see yfiles.styles.TemplateStripeStyleBase#removePropertyChangedListener
        */
       addPropertyChangedListener(listener:(sender:Object,args:yfiles.lang.PropertyChangedEventArgs)=>void):void;
       /**
        * Removes the given listener for the <code>PropertyChanged</code> event that occurs when a property value changes.
-       * @param {function(Object, yfiles.lang.PropertyChangedEventArgs): void} listener The listener to remove.
+       * @param listener The listener to remove.
        * @see yfiles.styles.TemplateStripeStyleBase#addPropertyChangedListener
        */
       removePropertyChangedListener(listener:(sender:Object,args:yfiles.lang.PropertyChangedEventArgs)=>void):void;
@@ -70674,61 +70350,31 @@ declare namespace system{
      * <li>Demo: Control Styles Demo, Demo.yFiles.Graph.ControlStyles</li>
      * <li>Demo: OrgChart Demo, Demo.yFiles.Graph.OrgChart</li>
      * </ul>
-     * @class yfiles.styles.TemplateStripeStyle
+     * @class
      * @extends {yfiles.styles.TemplateStripeStyleBase}
      */
     export interface TemplateStripeStyle extends yfiles.styles.TemplateStripeStyleBase{}
     export class TemplateStripeStyle {
       /**
        * Creates a new instance using the given resource key and a custom renderer instance.
-       * @param {string} styleResourceKey The key of the style resource that will be used for the component.
-       * @param {yfiles.styles.TemplateStripeStyleRenderer} renderer The custom renderer for this style instance.
-       * @constructor
+       * @param styleResourceKey The key of the style resource that will be used for the component.
+       * @param renderer The custom renderer for this style instance.
        */
       constructor(styleResourceKey:string,renderer:yfiles.styles.TemplateStripeStyleRenderer);
-      /**
-       * Creates a new instance using the given resource key and a custom renderer instance.
-       * @param {Object} options The parameters to pass.
-       * @param {string} options.styleResourceKey The key of the style resource that will be used for the component.
-       * @param {yfiles.styles.TemplateStripeStyleRenderer} options.renderer The custom renderer for this style instance.
-       * @param {Object} options.styleTag The tag that is associated with this style instance.
-       * <p>
-       * This option sets the {@link yfiles.styles.TemplateStripeStyleBase#styleTag} property on the created object.
-       * </p>
-       * @constructor
-       */
-      constructor(options:{styleResourceKey:string,renderer:yfiles.styles.TemplateStripeStyleRenderer,styleTag?:Object});
       /**
        * Creates a new instance using the given resource key and {@link yfiles.styles.TemplateStripeStyleRenderer} as renderer.
-       * @param {string} styleResourceKey The key of the style resource that will be used for the component.
-       * @constructor
+       * @param styleResourceKey The key of the style resource that will be used for the component.
        */
       constructor(styleResourceKey:string);
-      /**
-       * Creates a new instance using the given resource key and {@link yfiles.styles.TemplateStripeStyleRenderer} as renderer.
-       * @param {Object} options The parameters to pass.
-       * @param {string} options.styleResourceKey The key of the style resource that will be used for the component.
-       * @param {Object} options.styleTag The tag that is associated with this style instance.
-       * <p>
-       * This option sets the {@link yfiles.styles.TemplateStripeStyleBase#styleTag} property on the created object.
-       * </p>
-       * @constructor
-       */
-      constructor(options:{styleResourceKey:string,styleTag?:Object});
       /**
        * Creates a new instance with no style resource key and {@link yfiles.styles.TemplateStripeStyleRenderer} as renderer.
        * @param {Object} [options=null] The parameters to pass.
-       * @param {Object} options.styleTag The tag that is associated with this style instance.
-       * <p>
-       * This option sets the {@link yfiles.styles.TemplateStripeStyleBase#styleTag} property on the created object.
-       * </p>
        * @param {string} options.styleResourceKey The {@link string} that will be used to look up the template that is applied to the component.
        * <p>
        * This option sets the {@link yfiles.styles.TemplateStripeStyle#styleResourceKey} property on the created object.
        * </p>
-       * @constructor
        */
-      constructor(options?:{styleTag?:Object,styleResourceKey?:string});
+      constructor(options?:{styleResourceKey?:string});
       /**
        * Gets or sets the {@link string} that will be used to look up the template that is applied to the component.
        * @default null
@@ -70748,61 +70394,42 @@ declare namespace system{
      * in order to avoid immediate validation of the result. The resulting SVG elements are automatically created in the SVG
      * namespace before they are added to the DOM.
      * </p>
-     * @class yfiles.styles.StringTemplateStripeStyle
+     * @class
      * @extends {yfiles.styles.TemplateStripeStyleBase}
      */
     export interface StringTemplateStripeStyle extends yfiles.styles.TemplateStripeStyleBase{}
     export class StringTemplateStripeStyle {
       /**
        * Creates a new instance using the given SVG template and a custom renderer instance.
-       * @param {string} svgContent The SVG snippet that will be used as a template for the component.
-       * @param {yfiles.styles.TemplateStripeStyleRenderer} renderer The custom renderer for this instance.
-       * @constructor
+       * @param svgContent The SVG snippet that will be used as a template for the component.
+       * @param renderer The custom renderer for this instance.
        */
       constructor(svgContent:string,renderer:yfiles.styles.TemplateStripeStyleRenderer);
       /**
        * Creates a new instance using the given SVG template and a custom renderer instance.
        * @param {Object} options The parameters to pass.
-       * @param {string} options.svgContent The SVG snippet that will be used as a template for the component.
-       * @param {yfiles.styles.TemplateStripeStyleRenderer} options.renderer The custom renderer for this instance.
+       * @param options.svgContent The SVG snippet that will be used as a template for the component.
+       * @param options.renderer The custom renderer for this instance.
        * @param {Object} options.styleTag The tag that is associated with this style instance.
        * <p>
        * This option sets the {@link yfiles.styles.TemplateStripeStyleBase#styleTag} property on the created object.
        * </p>
-       * @constructor
        */
       constructor(options:{svgContent:string,renderer:yfiles.styles.TemplateStripeStyleRenderer,styleTag?:Object});
       /**
        * Creates a new instance using the given SVG template and {@link yfiles.styles.TemplateStripeStyleRenderer} as renderer.
-       * @param {string} svgContent The SVG snippet that will be used as a template for the component.
-       * @constructor
+       * @param svgContent The SVG snippet that will be used as a template for the component.
        */
       constructor(svgContent:string);
-      /**
-       * Creates a new instance using the given SVG template and {@link yfiles.styles.TemplateStripeStyleRenderer} as renderer.
-       * @param {Object} options The parameters to pass.
-       * @param {string} options.svgContent The SVG snippet that will be used as a template for the component.
-       * @param {Object} options.styleTag The tag that is associated with this style instance.
-       * <p>
-       * This option sets the {@link yfiles.styles.TemplateStripeStyleBase#styleTag} property on the created object.
-       * </p>
-       * @constructor
-       */
-      constructor(options:{svgContent:string,styleTag?:Object});
       /**
        * Creates a new instance with no SVG template and {@link yfiles.styles.TemplateStripeStyleRenderer} as renderer.
        * @param {Object} [options=null] The parameters to pass.
-       * @param {Object} options.styleTag The tag that is associated with this style instance.
-       * <p>
-       * This option sets the {@link yfiles.styles.TemplateStripeStyleBase#styleTag} property on the created object.
-       * </p>
        * @param {string} options.svgContent The SVG content that is the template for the stripe visualization.
        * <p>
        * This option sets the {@link yfiles.styles.StringTemplateStripeStyle#svgContent} property on the created object.
        * </p>
-       * @constructor
        */
-      constructor(options?:{styleTag?:Object,svgContent?:string});
+      constructor(options?:{svgContent?:string});
       /**
        * Gets or sets the SVG content that is the template for the stripe visualization.
        * @default null
@@ -70815,7 +70442,7 @@ declare namespace system{
      * An implementation of the {@link yfiles.styles.IStripeStyleRenderer} interface that can render {@link yfiles.styles.TemplateStripeStyle}
      * instances.
      * @see yfiles.styles.TemplateStripeStyle
-     * @class yfiles.styles.TemplateStripeStyleRenderer
+     * @class
      * @implements {yfiles.styles.IStripeStyleRenderer}
      * @implements {yfiles.graph.ILookup}
      * @implements {yfiles.view.IVisualCreator}
@@ -70836,8 +70463,8 @@ declare namespace system{
       configure():void;
       /**
        * Creates the visual by delegating to CreateControl and then initializing the control with the context.
-       * @param {yfiles.view.IRenderContext} context The context for the creation.
-       * @returns {yfiles.view.Visual} The control that is used for rendering the stripe.
+       * @param context The context for the creation.
+       * @returns The control that is used for rendering the stripe.
        */
       createVisual(context:yfiles.view.IRenderContext):yfiles.view.Visual;
       /**
@@ -70849,24 +70476,24 @@ declare namespace system{
        * call {@link yfiles.styles.TemplateStripeStyleRenderer#configure} only if needed, i.e. if they decide to return <code>this</code> or an
        * instance that depends on a correctly configured <code>this</code>.
        * </p>
-       * @param {yfiles.graph.IStripe} stripe The stripe to query the context for. The value will be stored in the {@link yfiles.styles.TemplateStripeStyleRenderer#stripe} property.
-       * @param {yfiles.styles.IStripeStyle} style The style to associate with the stripe. The value will be stored in the {@link yfiles.styles.TemplateStripeStyleRenderer#style} property.
-       * @returns {yfiles.graph.ILookup} <code>this</code>
+       * @param stripe The stripe to query the context for. The value will be stored in the {@link #stripe} property.
+       * @param style The style to associate with the stripe. The value will be stored in the {@link #style} property.
+       * @returns <code>this</code>
        * @see yfiles.styles.TemplateStripeStyleRenderer#lookup
        */
       getContext(stripe:yfiles.graph.IStripe,style:yfiles.styles.IStripeStyle):yfiles.graph.ILookup;
       /**
        * Gets the context by delegating to {@link yfiles.styles.TemplateStripeStyleBase#contextLookup}.
-       * @param {yfiles.styles.TemplateStripeStyleBase} style
-       * @returns {yfiles.graph.IContextLookup} 
+       * @param style
+       * @returns 
        * @protected
        */
       getContextLookup(style:yfiles.styles.TemplateStripeStyleBase):yfiles.graph.IContextLookup;
       /**
        * Configures the <code>style</code> and <code>stripe</code> parameters, calls {@link yfiles.styles.TemplateStripeStyleRenderer#configure} and returns <code>this</code>.
-       * @param {yfiles.graph.IStripe} stripe The stripe to retrieve the {@link yfiles.view.IVisualCreator} for. The value will be stored in the {@link yfiles.styles.TemplateStripeStyleRenderer#stripe} property.
-       * @param {yfiles.styles.IStripeStyle} style The style to associate with the stripe. The value will be stored in the {@link yfiles.styles.TemplateStripeStyleRenderer#style} property.
-       * @returns {yfiles.view.IVisualCreator} <code>this</code>
+       * @param stripe The stripe to retrieve the {@link } for. The value will be stored in the {@link #stripe} property.
+       * @param style The style to associate with the stripe. The value will be stored in the {@link #style} property.
+       * @returns <code>this</code>
        * @see yfiles.styles.TemplateStripeStyleRenderer#createVisual
        * @see yfiles.styles.TemplateStripeStyleRenderer#updateVisual
        */
@@ -70877,15 +70504,15 @@ declare namespace system{
        * Delegates to the lookup returned by GetContextLookup(StripeControlStripeStyle), first. Last, it returns this class if it
        * implements the queried <code>type</code>.
        * </p>
-       * @param {yfiles.lang.Class} type The type to query an instance for.
-       * @returns {Object} The implementation or <code>null</code>.
+       * @param type The type to query an instance for.
+       * @returns The implementation or <code>null</code>.
        */
       lookup(type:yfiles.lang.Class):Object;
       /**
        * Updates the component correspondingly.
-       * @param {yfiles.view.IRenderContext} context The context for the creation.
-       * @param {yfiles.view.Visual} oldVisual The currently rendered visual.
-       * @returns {yfiles.view.Visual} The control that is used for rendering the stripe.
+       * @param context The context for the creation.
+       * @param oldVisual The currently rendered visual.
+       * @returns The control that is used for rendering the stripe.
        */
       updateVisual(context:yfiles.view.IRenderContext,oldVisual:yfiles.view.Visual):yfiles.view.Visual;
       /**
@@ -70910,6 +70537,302 @@ declare namespace system{
       layout:yfiles.geometry.IRectangle;
       static $class:yfiles.lang.Class;
     }
+    /**
+     * A {@link yfiles.styles.INodeStyle} for {@link yfiles.graph.ITable tables}.
+     * <p>
+     * This implementations stores the table instance and therefore, its instances cannot be shared among different table
+     * instances.
+     * </p>
+     * @class
+     * @implements {yfiles.styles.INodeStyle}
+     * @implements {yfiles.lang.IPropertyObservable}
+     */
+    export interface TableNodeStyle extends Object,yfiles.styles.INodeStyle,yfiles.lang.IPropertyObservable{}
+    export class TableNodeStyle {
+      /**
+       * Constructor with a custom renderer implementation that uses <code>table</code> as backing table model.
+       * @param table The table instance that defines the tabular structure.
+       * @param [renderer=null] Custom renderer instance for this style.
+       */
+      constructor(table:yfiles.graph.ITable,renderer?:yfiles.styles.TableNodeStyleRenderer);
+      /**
+       * Constructor with a custom renderer implementation that uses <code>table</code> as backing table model.
+       * @param {Object} options The parameters to pass.
+       * @param options.table The table instance that defines the tabular structure.
+       * @param [options.renderer=null] Custom renderer instance for this style.
+       * @param {yfiles.styles.INodeStyle} options.backgroundStyle The style that is used to draw the background of the table
+       * <p>
+       * This option sets the {@link yfiles.styles.TableNodeStyle#backgroundStyle} property on the created object.
+       * </p>
+       * @param {yfiles.styles.TableRenderingOrder} options.tableRenderingOrder The order in which rows and columns are rendered.
+       * <p>
+       * This option sets the {@link yfiles.styles.TableNodeStyle#tableRenderingOrder} property on the created object.
+       * </p>
+       */
+      constructor(options:{table:yfiles.graph.ITable,renderer?:yfiles.styles.TableNodeStyleRenderer,backgroundStyle?:yfiles.styles.INodeStyle,tableRenderingOrder?:yfiles.styles.TableRenderingOrder});
+      /**
+       * Default constructor that creates an empty table.
+       * @param {Object} [options=null] The parameters to pass.
+       * @param {yfiles.styles.INodeStyle} options.backgroundStyle The style that is used to draw the background of the table
+       * <p>
+       * This option sets the {@link yfiles.styles.TableNodeStyle#backgroundStyle} property on the created object.
+       * </p>
+       * @param {yfiles.graph.ITable} options.table The {@link yfiles.graph.ITable} instance that defines the tabular structure.
+       * <p>
+       * This option sets the {@link yfiles.styles.TableNodeStyle#table} property on the created object.
+       * </p>
+       * @param {yfiles.styles.TableRenderingOrder} options.tableRenderingOrder The order in which rows and columns are rendered.
+       * <p>
+       * This option sets the {@link yfiles.styles.TableNodeStyle#tableRenderingOrder} property on the created object.
+       * </p>
+       */
+      constructor(options?:{backgroundStyle?:yfiles.styles.INodeStyle,table?:yfiles.graph.ITable,tableRenderingOrder?:yfiles.styles.TableRenderingOrder});
+      /**
+       * 
+       * @returns 
+       */
+      clone():Object;
+      /**
+       * Create a copy of the background style when this style instance is cloned
+       * @param style The original background node style
+       * @returns This implementation always returns the original <code>style</code> instance.
+       * @protected
+       */
+      copyBackgroundStyle(style:yfiles.styles.INodeStyle):yfiles.styles.INodeStyle;
+      /**
+       * Create a copy of the table when this style instance is cloned
+       * @param table The original table instance
+       * @returns This implementation always tries to {@link #clone} clone the original <code>table</code> instance, if possible,
+       * otherwise it returns <code>table</code> unchanged.
+       * @protected
+       */
+      copyTable(table:yfiles.graph.ITable):yfiles.graph.ITable;
+      /**
+       * Raises the {@link yfiles.styles.TableNodeStyle#addPropertyChangedListener PropertyChanged} event.
+       * <p>
+       * Called when the value of the {@link yfiles.styles.TableNodeStyle#table} property changes.
+       * </p>
+       * @param evt The {@link } instance containing the event data.
+       * @protected
+       */
+      onPropertyChanged(evt:yfiles.lang.PropertyChangedEventArgs):void;
+      /**
+       * Gets or sets the order in which rows and columns are rendered.
+       * @default yfiles.styles.TableRenderingOrder.COLUMNS_FIRST
+       * @type {yfiles.styles.TableRenderingOrder}
+       */
+      tableRenderingOrder:yfiles.styles.TableRenderingOrder;
+      /**
+       * Gets or sets the style that is used to draw the background of the table
+       * @default 'TableNodeStyle.defaultBackgroundStyle'
+       * @type {yfiles.styles.INodeStyle}
+       */
+      backgroundStyle:yfiles.styles.INodeStyle;
+      /**
+       * Adds the given listener for the <code>PropertyChanged</code> event that occurs when the value of the {@link yfiles.styles.TableNodeStyle#table} property changes.
+       * @param listener The listener to add.
+       * @see yfiles.styles.TableNodeStyle#removePropertyChangedListener
+       */
+      addPropertyChangedListener(listener:(sender:Object,args:yfiles.lang.PropertyChangedEventArgs)=>void):void;
+      /**
+       * Removes the given listener for the <code>PropertyChanged</code> event that occurs when the value of the {@link yfiles.styles.TableNodeStyle#table} property changes.
+       * @param listener The listener to remove.
+       * @see yfiles.styles.TableNodeStyle#addPropertyChangedListener
+       */
+      removePropertyChangedListener(listener:(sender:Object,args:yfiles.lang.PropertyChangedEventArgs)=>void):void;
+      /**
+       * Gets or sets the {@link yfiles.graph.ITable} instance that defines the tabular structure.
+       * @type {yfiles.graph.ITable}
+       */
+      table:yfiles.graph.ITable;
+      /**
+       * 
+       * @type {yfiles.styles.INodeStyleRenderer}
+       */
+      renderer:yfiles.styles.INodeStyleRenderer;
+      static $class:yfiles.lang.Class;
+    }
+    /**
+     * Default renderer implementation that can be used for {@link yfiles.styles.TableNodeStyle} instances.
+     * @class
+     * @implements {yfiles.styles.INodeStyleRenderer}
+     * @implements {yfiles.styles.IShapeGeometry}
+     * @implements {yfiles.view.IBoundsProvider}
+     * @implements {yfiles.view.IVisibilityTestable}
+     * @implements {yfiles.input.IMarqueeTestable}
+     * @implements {yfiles.input.IHitTestable}
+     * @implements {yfiles.graph.ILookup}
+     * @implements {yfiles.view.IVisualCreator}
+     */
+    export interface TableNodeStyleRenderer extends Object,yfiles.styles.INodeStyleRenderer,yfiles.styles.IShapeGeometry,yfiles.view.IBoundsProvider,yfiles.view.IVisibilityTestable,yfiles.input.IMarqueeTestable,yfiles.input.IHitTestable,yfiles.graph.ILookup,yfiles.view.IVisualCreator{}
+    export class TableNodeStyleRenderer {
+      /**
+       * Prepares this instance for subsequent calls after the style and node have been initialized.
+       * <p>
+       * Upon invocation the {@link yfiles.styles.TableNodeStyleRenderer#style} and {@link yfiles.styles.TableNodeStyleRenderer#node} properties have been populated by the {@link yfiles.styles.TableNodeStyleRenderer#getVisualCreator},
+       * {@link yfiles.styles.TableNodeStyleRenderer#getBoundsProvider}, {@link yfiles.styles.TableNodeStyleRenderer#getHitTestable}, or {@link yfiles.styles.TableNodeStyleRenderer#getMarqueeTestable}
+       * methods.
+       * </p>
+       * <p>
+       * This is an empty implementation. Subclasses might have to override this method.
+       * </p>
+       * @protected
+       */
+      configure():void;
+      /**
+       * 
+       * @param context
+       * @returns 
+       */
+      createVisual(context:yfiles.view.IRenderContext):yfiles.view.Visual;
+      /**
+       * Get the {@link yfiles.styles.INodeStyle background style} that is currently used by this renderer.
+       * <p>
+       * This implementation retrieves the {@link yfiles.styles.TableNodeStyle#backgroundStyle} from the owning style
+       * </p>
+       * @returns The {@link  background style} that is currently used by this renderer.
+       * @protected
+       */
+      getBackgroundStyle():yfiles.styles.INodeStyle;
+      /**
+       * 
+       * @param context
+       * @returns 
+       */
+      getBounds(context:yfiles.view.ICanvasContext):yfiles.geometry.Rect;
+      /**
+       * 
+       * @param node
+       * @param style
+       * @returns 
+       */
+      getBoundsProvider(node:yfiles.graph.INode,style:yfiles.styles.INodeStyle):yfiles.view.IBoundsProvider;
+      /**
+       * 
+       * @param node
+       * @param style
+       * @returns 
+       */
+      getContext(node:yfiles.graph.INode,style:yfiles.styles.INodeStyle):yfiles.graph.ILookup;
+      /**
+       * 
+       * @param node
+       * @param style
+       * @returns 
+       */
+      getHitTestable(node:yfiles.graph.INode,style:yfiles.styles.INodeStyle):yfiles.input.IHitTestable;
+      /**
+       * 
+       * @param inner
+       * @param outer
+       * @returns 
+       */
+      getIntersection(inner:yfiles.geometry.Point,outer:yfiles.geometry.Point):yfiles.geometry.Point;
+      /**
+       * 
+       * @param node
+       * @param style
+       * @returns 
+       */
+      getMarqueeTestable(node:yfiles.graph.INode,style:yfiles.styles.INodeStyle):yfiles.input.IMarqueeTestable;
+      /**
+       * 
+       * @returns 
+       */
+      getOutline():yfiles.geometry.GeneralPath;
+      /**
+       * 
+       * @param node
+       * @param style
+       * @returns 
+       */
+      getShapeGeometry(node:yfiles.graph.INode,style:yfiles.styles.INodeStyle):yfiles.styles.IShapeGeometry;
+      /**
+       * Gets the table object that should be used for rendering.
+       * <p>
+       * This implementation delegates to the Table provided by the {@link yfiles.styles.TableNodeStyle#table} property.
+       * </p>
+       * @returns The table that should be used for the rendering process.
+       * @protected
+       */
+      getTable():yfiles.graph.ITable;
+      /**
+       * Get the {@link yfiles.styles.TableRenderingOrder} that is currently used by this renderer.
+       * <p>
+       * This implementation retrieves the {@link yfiles.styles.TableRenderingOrder} from the owning style
+       * </p>
+       * @returns The {@link } that is currently used by this renderer.
+       * @protected
+       */
+      getTableRenderingOrder():yfiles.styles.TableRenderingOrder;
+      /**
+       * 
+       * @param node
+       * @param style
+       * @returns 
+       */
+      getVisibilityTestable(node:yfiles.graph.INode,style:yfiles.styles.INodeStyle):yfiles.view.IVisibilityTestable;
+      /**
+       * 
+       * @param node
+       * @param style
+       * @returns 
+       */
+      getVisualCreator(node:yfiles.graph.INode,style:yfiles.styles.INodeStyle):yfiles.view.IVisualCreator;
+      /**
+       * 
+       * @param context
+       * @param location
+       * @returns 
+       */
+      isHit(context:yfiles.input.IInputModeContext,location:yfiles.geometry.Point):boolean;
+      /**
+       * 
+       * @param context
+       * @param rectangle
+       * @returns 
+       */
+      isInBox(context:yfiles.input.IInputModeContext,rectangle:yfiles.geometry.Rect):boolean;
+      /**
+       * 
+       * @param location
+       * @returns 
+       */
+      isInside(location:yfiles.geometry.Point):boolean;
+      /**
+       * 
+       * @param context
+       * @param rectangle
+       * @returns 
+       */
+      isVisible(context:yfiles.view.ICanvasContext,rectangle:yfiles.geometry.Rect):boolean;
+      /**
+       * 
+       * @param type
+       * @returns 
+       */
+      lookup(type:yfiles.lang.Class):Object;
+      /**
+       * 
+       * @param context
+       * @param oldVisual
+       * @returns 
+       */
+      updateVisual(context:yfiles.view.IRenderContext,oldVisual:yfiles.view.Visual):yfiles.view.Visual;
+      /**
+       * Gets or sets the currently configured style.
+       * @protected
+       * @type {yfiles.styles.TableNodeStyle}
+       */
+      style:yfiles.styles.TableNodeStyle;
+      /**
+       * Gets or sets the currently configured node.
+       * @protected
+       * @type {yfiles.graph.INode}
+       */
+      node:yfiles.graph.INode;
+      static $class:yfiles.lang.Class;
+    }
     /**
      * The context of a <code>TemplateBinding</code>. This interface exposes properties of a graph element onto which a <code>TemplateBinding</code> can
      * be bound.
@@ -70985,11 +70908,41 @@ declare namespace system{
       $class:yfiles.lang.Class;
       isInstance(o:Object):boolean;
     };
+    /**
+     * Enhances the context of a <code>TemplateBinding</code> ({@link yfiles.styles.ITemplateStyleBindingContext}) for labels. This interface
+     * exposes additional properties of a label onto which a <code>TemplateBinding</code> can be bound.
+     * @interface
+     * @implements {yfiles.lang.IPropertyObservable}
+     */
+    export interface ILabelTemplateStyleBindingContext extends Object,yfiles.lang.IPropertyObservable{
+      /**
+       * Gets or sets the label text property that is populated using the {@link yfiles.graph.ILabel}'s {@link yfiles.graph.ILabel#text} property.
+       * @abstract
+       * @type {string}
+       */
+      labelText:string;
+      /**
+       * Gets a value indicating whether this instance has been flipped so that it points upwards.
+       * @abstract
+       * @type {boolean}
+       */
+      isFlipped:boolean;
+      /**
+       * Gets a value indicating whether this instance is currently rendered upside down.
+       * @abstract
+       * @type {boolean}
+       */
+      isUpsideDown:boolean;
+    }
+    var ILabelTemplateStyleBindingContext:{
+      $class:yfiles.lang.Class;
+      isInstance(o:Object):boolean;
+    };
     /**
      * Base class for label styles that use a SVG snippet as template for the visualization of {@link yfiles.graph.ILabel}s.
      * @see yfiles.styles.TemplateLabelStyle
      * @see yfiles.styles.StringTemplateLabelStyle
-     * @class yfiles.styles.TemplateLabelStyleBase
+     * @class
      * @implements {yfiles.styles.ILabelStyle}
      * @implements {yfiles.lang.IPropertyObservable}
      * @implements {yfiles.lang.ICloneable}
@@ -70998,34 +70951,32 @@ declare namespace system{
     export class TemplateLabelStyleBase {
       /**
        * Constructs a new instance using the provided <code>renderer</code>.
-       * @param {yfiles.styles.TemplateLabelStyleRenderer} renderer
-       * @constructor
+       * @param renderer
        */
       constructor(renderer:yfiles.styles.TemplateLabelStyleRenderer);
       /**
        * Constructs a new instance of this style with default values.
        * @protected
-       * @constructor
        */
       constructor();
       /**
        * Performs a shallow clone of this instance, except for the value of {@link yfiles.styles.TemplateLabelStyleBase#styleTag} which is cloned, too, if it can be cloned.
-       * @returns {Object} A clone of this instance.
+       * @returns A clone of this instance.
        */
       clone():Object;
       /**
        * Factory method that is called by the {@link yfiles.styles.TemplateLabelStyleRenderer} to create the visual that will be used for
        * the display of the label.
-       * @param {yfiles.view.IRenderContext} context The context for which the visual should be created.
-       * @param {yfiles.graph.ILabel} label The label that will be rendered.
-       * @returns {yfiles.view.SvgVisual} The readily styled visual.
+       * @param context The context for which the visual should be created.
+       * @param label The label that will be rendered.
+       * @returns The readily styled visual.
        */
       createTemplate(context:yfiles.view.IRenderContext,label:yfiles.graph.ILabel):yfiles.view.SvgVisual;
       /**
        * Convenience method that determines the preferred size of the label if this style was applied.
-       * @param {yfiles.view.IRenderContext} context The context for which the size should be calculated.
-       * @param {yfiles.graph.ILabel} label The label to determine the preferred size of.
-       * @returns {yfiles.geometry.Size} The preferred size.
+       * @param context The context for which the size should be calculated.
+       * @param label The label to determine the preferred size of.
+       * @returns The preferred size.
        */
       getPreferredSize(context:yfiles.view.IRenderContext,label:yfiles.graph.ILabel):yfiles.geometry.Size;
       /**
@@ -71039,19 +70990,19 @@ declare namespace system{
       static loadAllTemplates():void;
       /**
        * Raises the {@link yfiles.styles.TemplateLabelStyleBase#addPropertyChangedListener PropertyChanged} event.
-       * @param {yfiles.lang.PropertyChangedEventArgs} evt The {@link yfiles.lang.PropertyChangedEventArgs} instance containing the event data.
+       * @param evt The {@link } instance containing the event data.
        * @protected
        */
       onPropertyChanged(evt:yfiles.lang.PropertyChangedEventArgs):void;
       /**
        * Adds the given listener for the <code>PropertyChanged</code> event that occurs when a property value changes.
-       * @param {function(Object, yfiles.lang.PropertyChangedEventArgs): void} listener The listener to add.
+       * @param listener The listener to add.
        * @see yfiles.styles.TemplateLabelStyleBase#removePropertyChangedListener
        */
       addPropertyChangedListener(listener:(sender:Object,args:yfiles.lang.PropertyChangedEventArgs)=>void):void;
       /**
        * Removes the given listener for the <code>PropertyChanged</code> event that occurs when a property value changes.
-       * @param {function(Object, yfiles.lang.PropertyChangedEventArgs): void} listener The listener to remove.
+       * @param listener The listener to remove.
        * @see yfiles.styles.TemplateLabelStyleBase#addPropertyChangedListener
        */
       removePropertyChangedListener(listener:(sender:Object,args:yfiles.lang.PropertyChangedEventArgs)=>void):void;
@@ -71139,28 +71090,26 @@ declare namespace system{
      * <li>itemFocused: Whether the element has the focus</li>
      * <li>itemHighlighted: Whether the element is highlighted</li>
      * <li>styleTag: The tag associated with the element's style instance</li>
+     * <li>labelText: The label text property that is populated using the {@link yfiles.graph.ILabel}'s {@link yfiles.graph.ILabel#text} property</li>
+     * <li>isFlipped: Whether the element has been flipped</li>
+     * <li>isUpsideDown: Whether the element is currently rendered upside down</li>
      * </ul>
-     * @class yfiles.styles.TemplateLabelStyle
+     * @class
      * @extends {yfiles.styles.TemplateLabelStyleBase}
      */
     export interface TemplateLabelStyle extends yfiles.styles.TemplateLabelStyleBase{}
     export class TemplateLabelStyle {
       /**
        * Creates a new instance using the given render template id and a custom renderer instance.
-       * @param {string} renderTemplateId The id of the SVG snippet that will be used for the component.
-       * @param {yfiles.styles.TemplateLabelStyleRenderer} renderer The custom renderer for this style instance.
-       * @constructor
+       * @param renderTemplateId The id of the SVG snippet that will be used for the component.
+       * @param renderer The custom renderer for this style instance.
        */
       constructor(renderTemplateId:string,renderer:yfiles.styles.TemplateLabelStyleRenderer);
       /**
        * Creates a new instance using the given render template id and a custom renderer instance.
        * @param {Object} options The parameters to pass.
-       * @param {string} options.renderTemplateId The id of the SVG snippet that will be used for the component.
-       * @param {yfiles.styles.TemplateLabelStyleRenderer} options.renderer The custom renderer for this style instance.
-       * @param {Object} options.styleTag The tag that is associated with this style instance.
-       * <p>
-       * This option sets the {@link yfiles.styles.TemplateLabelStyleBase#styleTag} property on the created object.
-       * </p>
+       * @param options.renderTemplateId The id of the SVG snippet that will be used for the component.
+       * @param options.renderer The custom renderer for this style instance.
        * @param {boolean} options.autoFlip A value indicating whether the rendering should automatically be flipped (rotated by 180 degrees) if otherwise it would be rendered upside-down.
        * <p>
        * This option sets the {@link yfiles.styles.TemplateLabelStyleBase#autoFlip} property on the created object.
@@ -71173,23 +71122,17 @@ declare namespace system{
        * <p>
        * This option sets the {@link yfiles.styles.TemplateLabelStyleBase#preferredSize} property on the created object.
        * </p>
-       * @constructor
        */
-      constructor(options:{renderTemplateId:string,renderer:yfiles.styles.TemplateLabelStyleRenderer,styleTag?:Object,autoFlip?:boolean,normalizedOutline?:yfiles.geometry.GeneralPath,preferredSize?:yfiles.geometry.Size});
+      constructor(options:{renderTemplateId:string,renderer:yfiles.styles.TemplateLabelStyleRenderer,autoFlip?:boolean,normalizedOutline?:yfiles.geometry.GeneralPath,preferredSize?:yfiles.geometry.Size});
       /**
        * Creates a new instance using the given render template id.
-       * @param {string} renderTemplateId The id of the render template that will be used for the component.
-       * @constructor
+       * @param renderTemplateId The id of the render template that will be used for the component.
        */
       constructor(renderTemplateId:string);
       /**
        * Creates a new instance using the given render template id.
        * @param {Object} options The parameters to pass.
-       * @param {string} options.renderTemplateId The id of the render template that will be used for the component.
-       * @param {Object} options.styleTag The tag that is associated with this style instance.
-       * <p>
-       * This option sets the {@link yfiles.styles.TemplateLabelStyleBase#styleTag} property on the created object.
-       * </p>
+       * @param options.renderTemplateId The id of the render template that will be used for the component.
        * @param {boolean} options.autoFlip A value indicating whether the rendering should automatically be flipped (rotated by 180 degrees) if otherwise it would be rendered upside-down.
        * <p>
        * This option sets the {@link yfiles.styles.TemplateLabelStyleBase#autoFlip} property on the created object.
@@ -71202,16 +71145,11 @@ declare namespace system{
        * <p>
        * This option sets the {@link yfiles.styles.TemplateLabelStyleBase#preferredSize} property on the created object.
        * </p>
-       * @constructor
        */
-      constructor(options:{renderTemplateId:string,styleTag?:Object,autoFlip?:boolean,normalizedOutline?:yfiles.geometry.GeneralPath,preferredSize?:yfiles.geometry.Size});
+      constructor(options:{renderTemplateId:string,autoFlip?:boolean,normalizedOutline?:yfiles.geometry.GeneralPath,preferredSize?:yfiles.geometry.Size});
       /**
        * Creates a new instance with no render template id and {@link yfiles.styles.TemplateLabelStyleRenderer} as renderer.
        * @param {Object} [options=null] The parameters to pass.
-       * @param {Object} options.styleTag The tag that is associated with this style instance.
-       * <p>
-       * This option sets the {@link yfiles.styles.TemplateLabelStyleBase#styleTag} property on the created object.
-       * </p>
        * @param {boolean} options.autoFlip A value indicating whether the rendering should automatically be flipped (rotated by 180 degrees) if otherwise it would be rendered upside-down.
        * <p>
        * This option sets the {@link yfiles.styles.TemplateLabelStyleBase#autoFlip} property on the created object.
@@ -71228,9 +71166,8 @@ declare namespace system{
        * <p>
        * This option sets the {@link yfiles.styles.TemplateLabelStyle#styleResourceKey} property on the created object.
        * </p>
-       * @constructor
        */
-      constructor(options?:{styleTag?:Object,autoFlip?:boolean,normalizedOutline?:yfiles.geometry.GeneralPath,preferredSize?:yfiles.geometry.Size,styleResourceKey?:string});
+      constructor(options?:{autoFlip?:boolean,normalizedOutline?:yfiles.geometry.GeneralPath,preferredSize?:yfiles.geometry.Size,styleResourceKey?:string});
       /**
        * Gets or sets the {@link string} that will be used to look up the template that is applied to the component.
        * <p>
@@ -71270,26 +71207,24 @@ declare namespace system{
      * <li>itemFocused: Whether the element has the focus</li>
      * <li>itemHighlighted: Whether the element is highlighted</li>
      * <li>styleTag: The tag associated with the element's style instance</li>
+     * <li>labelText: The label text property that is populated using the {@link yfiles.graph.ILabel}'s {@link yfiles.graph.ILabel#text} property</li>
+     * <li>isFlipped: Whether this instance has been flipped so that it points upwards</li>
+     * <li>isUpsideDown: Whether this instance is currently rendered upside down</li>
      * </ul>
-     * @class yfiles.styles.StringTemplateLabelStyle
+     * @class
      * @extends {yfiles.styles.TemplateLabelStyleBase}
      */
     export interface StringTemplateLabelStyle extends yfiles.styles.TemplateLabelStyleBase{}
     export class StringTemplateLabelStyle {
       /**
        * Creates a new instance using the provided renderer.
-       * @param {yfiles.styles.TemplateLabelStyleRenderer} renderer The custom renderer for this style instance.
-       * @constructor
+       * @param renderer The custom renderer for this style instance.
        */
       constructor(renderer:yfiles.styles.TemplateLabelStyleRenderer);
       /**
        * Creates a new instance using the provided renderer.
        * @param {Object} options The parameters to pass.
-       * @param {yfiles.styles.TemplateLabelStyleRenderer} options.renderer The custom renderer for this style instance.
-       * @param {Object} options.styleTag The tag that is associated with this style instance.
-       * <p>
-       * This option sets the {@link yfiles.styles.TemplateLabelStyleBase#styleTag} property on the created object.
-       * </p>
+       * @param options.renderer The custom renderer for this style instance.
        * @param {boolean} options.autoFlip A value indicating whether the rendering should automatically be flipped (rotated by 180 degrees) if otherwise it would be rendered upside-down.
        * <p>
        * This option sets the {@link yfiles.styles.TemplateLabelStyleBase#autoFlip} property on the created object.
@@ -71306,23 +71241,17 @@ declare namespace system{
        * <p>
        * This option sets the {@link yfiles.styles.StringTemplateLabelStyle#svgContent} property on the created object.
        * </p>
-       * @constructor
        */
-      constructor(options:{renderer:yfiles.styles.TemplateLabelStyleRenderer,styleTag?:Object,autoFlip?:boolean,normalizedOutline?:yfiles.geometry.GeneralPath,preferredSize?:yfiles.geometry.Size,svgContent?:string});
+      constructor(options:{renderer:yfiles.styles.TemplateLabelStyleRenderer,autoFlip?:boolean,normalizedOutline?:yfiles.geometry.GeneralPath,preferredSize?:yfiles.geometry.Size,svgContent?:string});
       /**
        * Initializes a new instance of this class and sets the given string as its {@link yfiles.styles.StringTemplateLabelStyle#svgContent}.
-       * @param {string} svgContent The SVG snippet to use as template.
-       * @constructor
+       * @param svgContent The SVG snippet to use as template.
        */
       constructor(svgContent:string);
       /**
        * Initializes a new instance of this class and sets the given string as its {@link yfiles.styles.StringTemplateLabelStyle#svgContent}.
        * @param {Object} options The parameters to pass.
-       * @param {string} options.svgContent The SVG snippet to use as template.
-       * @param {Object} options.styleTag The tag that is associated with this style instance.
-       * <p>
-       * This option sets the {@link yfiles.styles.TemplateLabelStyleBase#styleTag} property on the created object.
-       * </p>
+       * @param options.svgContent The SVG snippet to use as template.
        * @param {boolean} options.autoFlip A value indicating whether the rendering should automatically be flipped (rotated by 180 degrees) if otherwise it would be rendered upside-down.
        * <p>
        * This option sets the {@link yfiles.styles.TemplateLabelStyleBase#autoFlip} property on the created object.
@@ -71335,16 +71264,11 @@ declare namespace system{
        * <p>
        * This option sets the {@link yfiles.styles.TemplateLabelStyleBase#preferredSize} property on the created object.
        * </p>
-       * @constructor
        */
-      constructor(options:{svgContent:string,styleTag?:Object,autoFlip?:boolean,normalizedOutline?:yfiles.geometry.GeneralPath,preferredSize?:yfiles.geometry.Size});
+      constructor(options:{svgContent:string,autoFlip?:boolean,normalizedOutline?:yfiles.geometry.GeneralPath,preferredSize?:yfiles.geometry.Size});
       /**
        * Initializes a new instance of this class.
        * @param {Object} [options=null] The parameters to pass.
-       * @param {Object} options.styleTag The tag that is associated with this style instance.
-       * <p>
-       * This option sets the {@link yfiles.styles.TemplateLabelStyleBase#styleTag} property on the created object.
-       * </p>
        * @param {boolean} options.autoFlip A value indicating whether the rendering should automatically be flipped (rotated by 180 degrees) if otherwise it would be rendered upside-down.
        * <p>
        * This option sets the {@link yfiles.styles.TemplateLabelStyleBase#autoFlip} property on the created object.
@@ -71361,9 +71285,8 @@ declare namespace system{
        * <p>
        * This option sets the {@link yfiles.styles.StringTemplateLabelStyle#svgContent} property on the created object.
        * </p>
-       * @constructor
        */
-      constructor(options?:{styleTag?:Object,autoFlip?:boolean,normalizedOutline?:yfiles.geometry.GeneralPath,preferredSize?:yfiles.geometry.Size,svgContent?:string});
+      constructor(options?:{autoFlip?:boolean,normalizedOutline?:yfiles.geometry.GeneralPath,preferredSize?:yfiles.geometry.Size,svgContent?:string});
       /**
        * Gets or sets the SVG content that is the template for the label visualization.
        * @default null
@@ -71377,7 +71300,7 @@ declare namespace system{
      * instances.
      * @see yfiles.styles.TemplateLabelStyle
      * @see yfiles.styles.StringTemplateLabelStyle
-     * @class yfiles.styles.TemplateLabelStyleRenderer
+     * @class
      * @implements {yfiles.styles.ILabelStyleRenderer}
      * @implements {yfiles.view.IVisualCreator}
      * @implements {yfiles.view.IBoundsProvider}
@@ -71399,21 +71322,21 @@ declare namespace system{
       /**
        * Creates the visual by delegating to {@link yfiles.styles.TemplateLabelStyleBase#createTemplate} and then initializing the
        * control with the context.
-       * @param {yfiles.view.IRenderContext} context The context for the creation.
-       * @returns {yfiles.view.Visual} The visual that is used for rendering the label.
+       * @param context The context for the creation.
+       * @returns The visual that is used for rendering the label.
        */
       createVisual(context:yfiles.view.IRenderContext):yfiles.view.Visual;
       /**
        * 
-       * @param {yfiles.view.ICanvasContext} context
-       * @returns {yfiles.geometry.Rect} 
+       * @param context
+       * @returns 
        */
       getBounds(context:yfiles.view.ICanvasContext):yfiles.geometry.Rect;
       /**
        * Configures the {@link yfiles.styles.TemplateLabelStyleRenderer#style} and {@link yfiles.styles.TemplateLabelStyleRenderer#label} properties, calls {@link yfiles.styles.TemplateLabelStyleRenderer#configure} and returns <code>this</code>.
-       * @param {yfiles.graph.ILabel} label The label to retrieve the bounds provider for. The value will be stored in the {@link yfiles.styles.TemplateLabelStyleRenderer#label} property.
-       * @param {yfiles.styles.ILabelStyle} style The style to associate with the label. The value will be stored in the {@link yfiles.styles.TemplateLabelStyleRenderer#style} property.
-       * @returns {yfiles.view.IBoundsProvider} <code>this</code>
+       * @param label The label to retrieve the bounds provider for. The value will be stored in the {@link #label} property.
+       * @param style The style to associate with the label. The value will be stored in the {@link #style} property.
+       * @returns <code>this</code>
        * @see yfiles.styles.TemplateLabelStyleRenderer#getBounds
        */
       getBoundsProvider(label:yfiles.graph.ILabel,style:yfiles.styles.ILabelStyle):yfiles.view.IBoundsProvider;
@@ -71425,56 +71348,56 @@ declare namespace system{
        * call {@link yfiles.styles.TemplateLabelStyleRenderer#configure} only if needed, i.e. if they decide to return <code>this</code> or an
        * instance that depends on a correctly configured <code>this</code>.
        * </p>
-       * @param {yfiles.graph.ILabel} label The label to query the context for. The value will be stored in the {@link yfiles.styles.TemplateLabelStyleRenderer#label} property.
-       * @param {yfiles.styles.ILabelStyle} style The style to associate with the label. The value will be stored in the {@link yfiles.styles.TemplateLabelStyleRenderer#style} property.
-       * @returns {yfiles.graph.ILookup} <code>this</code>
+       * @param label The label to query the context for. The value will be stored in the {@link #label} property.
+       * @param style The style to associate with the label. The value will be stored in the {@link #style} property.
+       * @returns <code>this</code>
        * @see yfiles.styles.TemplateLabelStyleRenderer#lookup
        */
       getContext(label:yfiles.graph.ILabel,style:yfiles.styles.ILabelStyle):yfiles.graph.ILookup;
       /**
        * Configures the {@link yfiles.styles.TemplateLabelStyleRenderer#style} and {@link yfiles.styles.TemplateLabelStyleRenderer#label} properties, calls {@link yfiles.styles.TemplateLabelStyleRenderer#configure} and returns <code>this</code>.
-       * @param {yfiles.graph.ILabel} label The label to query hit test with. The value will be stored in the {@link yfiles.styles.TemplateLabelStyleRenderer#label} property.
-       * @param {yfiles.styles.ILabelStyle} style The style to associate with the label. The value will be stored in the {@link yfiles.styles.TemplateLabelStyleRenderer#style} property.
-       * @returns {yfiles.input.IHitTestable} <code>this</code>
+       * @param label The label to query hit test with. The value will be stored in the {@link #label} property.
+       * @param style The style to associate with the label. The value will be stored in the {@link #style} property.
+       * @returns <code>this</code>
        * @see yfiles.styles.TemplateLabelStyleRenderer#isHit
        */
       getHitTestable(label:yfiles.graph.ILabel,style:yfiles.styles.ILabelStyle):yfiles.input.IHitTestable;
       /**
        * Configures the {@link yfiles.styles.TemplateLabelStyleRenderer#style} and {@link yfiles.styles.TemplateLabelStyleRenderer#label} properties, calls {@link yfiles.styles.TemplateLabelStyleRenderer#configure} and returns <code>this</code>.
-       * @param {yfiles.graph.ILabel} label The label to query marquee intersection tests. The value will be stored in the {@link yfiles.styles.TemplateLabelStyleRenderer#label} property.
-       * @param {yfiles.styles.ILabelStyle} style The style to associate with the label. The value will be stored in the {@link yfiles.styles.TemplateLabelStyleRenderer#style} property.
-       * @returns {yfiles.input.IMarqueeTestable} <code>this</code>
+       * @param label The label to query marquee intersection tests. The value will be stored in the {@link #label} property.
+       * @param style The style to associate with the label. The value will be stored in the {@link #style} property.
+       * @returns <code>this</code>
        * @see yfiles.styles.TemplateLabelStyleRenderer#isInBox
        */
       getMarqueeTestable(label:yfiles.graph.ILabel,style:yfiles.styles.ILabelStyle):yfiles.input.IMarqueeTestable;
       /**
        * Gets the normalized outline by delegating to {@link yfiles.styles.TemplateLabelStyleBase#normalizedOutline}.
-       * @param {yfiles.styles.TemplateLabelStyleBase} style
-       * @returns {yfiles.geometry.GeneralPath} 
+       * @param style
+       * @returns 
        * @protected
        */
       getNormalizedOutline(style:yfiles.styles.TemplateLabelStyleBase):yfiles.geometry.GeneralPath;
       /**
        * Calculates the preferred size for the given label and style.
-       * @param {yfiles.graph.ILabel} label The label instance.
-       * @param {yfiles.styles.ILabelStyle} style The style instance to apply.
-       * @returns {yfiles.geometry.Size} The preferred size for the given label and style.
+       * @param label The label instance.
+       * @param style The style instance to apply.
+       * @returns The preferred size for the given label and style.
        * @see yfiles.styles.TemplateLabelStyleRenderer#getPreferredSizeCore
        */
       getPreferredSize(label:yfiles.graph.ILabel,style:yfiles.styles.ILabelStyle):yfiles.geometry.Size;
       /**
        * Gets the size of the preferred for the current configuration using the provided context.
-       * @param {yfiles.view.IRenderContext} context The context.
-       * @returns {yfiles.geometry.Size} 
+       * @param context The context.
+       * @returns 
        * @protected
        */
       getPreferredSizeCore(context:yfiles.view.IRenderContext):yfiles.geometry.Size;
       /**
        * Calculates the preferred size for the given label and style.
-       * @param {yfiles.view.IRenderContext} context
-       * @param {yfiles.graph.ILabel} label The label instance.
-       * @param {yfiles.styles.ILabelStyle} style The style instance to apply.
-       * @returns {yfiles.geometry.Size} The preferred size for the given label and style.
+       * @param context
+       * @param label The label instance.
+       * @param style The style instance to apply.
+       * @returns The preferred size for the given label and style.
        * @see yfiles.styles.TemplateLabelStyleRenderer#getPreferredSizeCore
        */
       getPreferredSizeWithContext(context:yfiles.view.IRenderContext,label:yfiles.graph.ILabel,style:yfiles.styles.ILabelStyle):yfiles.geometry.Size;
@@ -71485,69 +71408,69 @@ declare namespace system{
        * the subclass implementation depends on this instance to be configured, it needs to call <code>Configure</code> in
        * {@link yfiles.styles.TemplateLabelStyleRenderer#isVisible}.
        * </p>
-       * @param {yfiles.graph.ILabel} label The label to query visibility tests. The value will be stored in the {@link yfiles.styles.TemplateLabelStyleRenderer#label} property.
-       * @param {yfiles.styles.ILabelStyle} style The style to associate with the label. The value will be stored in the {@link yfiles.styles.TemplateLabelStyleRenderer#style} property.
-       * @returns {yfiles.view.IVisibilityTestable} <code>this</code>
+       * @param label The label to query visibility tests. The value will be stored in the {@link #label} property.
+       * @param style The style to associate with the label. The value will be stored in the {@link #style} property.
+       * @returns <code>this</code>
        * @see yfiles.styles.TemplateLabelStyleRenderer#isVisible
        */
       getVisibilityTestable(label:yfiles.graph.ILabel,style:yfiles.styles.ILabelStyle):yfiles.view.IVisibilityTestable;
       /**
        * Configures the {@link yfiles.styles.TemplateLabelStyleRenderer#style} and {@link yfiles.styles.TemplateLabelStyleRenderer#label} properties, calls {@link yfiles.styles.TemplateLabelStyleRenderer#configure} and returns <code>this</code>.
-       * @param {yfiles.graph.ILabel} label The label to retrieve the {@link yfiles.view.IVisualCreator} for. The value will be stored in the {@link yfiles.styles.TemplateLabelStyleRenderer#label} property.
-       * @param {yfiles.styles.ILabelStyle} style The style to associate with the label. The value will be stored in the {@link yfiles.styles.TemplateLabelStyleRenderer#style} property.
-       * @returns {yfiles.view.IVisualCreator} <code>this</code>
+       * @param label The label to retrieve the {@link } for. The value will be stored in the {@link #label} property.
+       * @param style The style to associate with the label. The value will be stored in the {@link #style} property.
+       * @returns <code>this</code>
        * @see yfiles.styles.TemplateLabelStyleRenderer#createVisual
        * @see yfiles.styles.TemplateLabelStyleRenderer#updateVisual
        */
       getVisualCreator(label:yfiles.graph.ILabel,style:yfiles.styles.ILabelStyle):yfiles.view.IVisualCreator;
       /**
        * Delegates to the {@link yfiles.styles.TemplateLabelStyleBase}'s {@link yfiles.styles.TemplateLabelStyleBase#autoFlip} property.
-       * @param {yfiles.styles.TemplateLabelStyleBase} style
-       * @returns {boolean} 
+       * @param style
+       * @returns 
        * @protected
        */
       isAutoFlip(style:yfiles.styles.TemplateLabelStyleBase):boolean;
       /**
        * 
-       * @param {yfiles.input.IInputModeContext} context
-       * @param {yfiles.geometry.Point} location
-       * @returns {boolean} 
+       * @param context
+       * @param location
+       * @returns 
        */
       isHit(context:yfiles.input.IInputModeContext,location:yfiles.geometry.Point):boolean;
       /**
        * 
-       * @param {yfiles.input.IInputModeContext} context
-       * @param {yfiles.geometry.Rect} rectangle
-       * @returns {boolean} 
+       * @param context
+       * @param rectangle
+       * @returns 
        */
       isInBox(context:yfiles.input.IInputModeContext,rectangle:yfiles.geometry.Rect):boolean;
       /**
        * Uses the {@link yfiles.graph.ILabel#layout layout} to determine whether the clip intersects.
-       * @param {yfiles.view.ICanvasContext} context
-       * @param {yfiles.geometry.Rect} rectangle
-       * @returns {boolean} 
+       * @param context
+       * @param rectangle
+       * @returns 
        */
       isVisible(context:yfiles.view.ICanvasContext,rectangle:yfiles.geometry.Rect):boolean;
       /**
        * Delegates to the {@link yfiles.styles.TemplateLabelStyleBase#contextLookup} of the {@link yfiles.styles.ILabelStyle}.
-       * @param {yfiles.lang.Class} type The type to query an instance for.
-       * @returns {Object} The implementation or <code>null</code>.
+       * @param type The type to query an instance for.
+       * @returns The implementation or <code>null</code>.
        */
       lookup(type:yfiles.lang.Class):Object;
       /**
        * Delegates to the {@link yfiles.styles.TemplateLabelStyleBase}'s {@link yfiles.styles.TemplateLabelStyleBase#contextLookup}.
-       * @param {yfiles.styles.TemplateLabelStyleBase} style The style to look up the context for.
-       * @param {yfiles.graph.ILabel} label The current label.
-       * @param {yfiles.lang.Class} type The type to look up.
-       * @returns {Object} The result from the context or <code>null</code>.
+       * @param style The style to look up the context for.
+       * @param label The current label.
+       * @param type The type to look up.
+       * @returns The result from the context or <code>null</code>.
        * @protected
        */
       lookupContext(style:yfiles.styles.TemplateLabelStyleBase,label:yfiles.graph.ILabel,type:yfiles.lang.Class):Object;
       /**
-       * Updates the component correspondingly.
-       * @param {yfiles.view.IRenderContext} context The context for the creation.
-       * @param {yfiles.view.Visual} oldVisual The currently rendered visual.
-       * @returns {yfiles.view.Visual} The visual that is used for rendering the label.
+       * Updates the visual correspondingly.
+       * @param context The context for the creation.
+       * @param oldVisual The currently rendered visual.
+       * @returns The visual that is used for rendering the label.
        */
       updateVisual(context:yfiles.view.IRenderContext,oldVisual:yfiles.view.Visual):yfiles.view.Visual;
       /**
@@ -71577,7 +71500,7 @@ declare namespace system{
      * Base class for node styles that use a SVG snippet as template for the visualization of {@link yfiles.graph.INode}s.
      * @see yfiles.styles.TemplateNodeStyle
      * @see yfiles.styles.StringTemplateNodeStyle
-     * @class yfiles.styles.TemplateNodeStyleBase
+     * @class
      * @implements {yfiles.styles.INodeStyle}
      * @implements {yfiles.lang.IPropertyObservable}
      * @implements {yfiles.lang.ICloneable}
@@ -71586,36 +71509,34 @@ declare namespace system{
     export class TemplateNodeStyleBase {
       /**
        * Constructs a new instance using the provided <code>renderer</code>.
-       * @param {yfiles.styles.TemplateNodeStyleRenderer} renderer
+       * @param renderer
        * @protected
-       * @constructor
        */
       constructor(renderer:yfiles.styles.TemplateNodeStyleRenderer);
       /**
        * Constructs a new instance of this style with default values.
        * @protected
-       * @constructor
        */
       constructor();
       /**
        * Performs a shallow clone of this instance, except for the value of {@link yfiles.styles.TemplateNodeStyleBase#styleTag} which is cloned, too, if it can be cloned.
-       * @returns {Object} A clone of this instance.
+       * @returns A clone of this instance.
        */
       clone():Object;
       /**
        * Factory method that is called by the {@link yfiles.styles.TemplateNodeStyleRenderer} to create the visual that will be used for
        * the display of the node.
-       * @param {yfiles.view.IRenderContext} context The context for which the visual should be created.
-       * @param {yfiles.graph.INode} node The node that will be rendered.
-       * @returns {yfiles.view.SvgVisual} The readily styled visual.
+       * @param context The context for which the visual should be created.
+       * @param node The node that will be rendered.
+       * @returns The readily styled visual.
        */
       createTemplate(context:yfiles.view.IRenderContext,node:yfiles.graph.INode):yfiles.view.SvgVisual;
       /**
        * Convenience method that determines the preferred size of the node if this style was applied.
-       * @param {yfiles.view.IRenderContext} context The context for which the size should be calculated. Can be obtained through
-       * {@link yfiles.view.CanvasComponent#createRenderContext}.
-       * @param {yfiles.graph.INode} node The node to determine the preferred size of. Can be a live node or an {@link yfiles.graph.SimpleNode}.
-       * @returns {yfiles.geometry.Size} The preferred size.
+       * @param context The context for which the size should be calculated. Can be obtained through
+       * {@link #createRenderContext}.
+       * @param node The node to determine the preferred size of. Can be a live node or an {@link }.
+       * @returns The preferred size.
        * @see yfiles.view.CanvasComponent#createRenderContext
        */
       getPreferredSize(context:yfiles.view.IRenderContext,node:yfiles.graph.INode):yfiles.geometry.Size;
@@ -71630,19 +71551,19 @@ declare namespace system{
       static loadAllTemplates():void;
       /**
        * Raises the {@link yfiles.styles.TemplateNodeStyleBase#addPropertyChangedListener PropertyChanged} event.
-       * @param {yfiles.lang.PropertyChangedEventArgs} evt The {@link yfiles.lang.PropertyChangedEventArgs} instance containing the event data.
+       * @param evt The {@link } instance containing the event data.
        * @protected
        */
       onPropertyChanged(evt:yfiles.lang.PropertyChangedEventArgs):void;
       /**
        * Adds the given listener for the <code>PropertyChanged</code> event that occurs when a property value changes.
-       * @param {function(Object, yfiles.lang.PropertyChangedEventArgs): void} listener The listener to add.
+       * @param listener The listener to add.
        * @see yfiles.styles.TemplateNodeStyleBase#removePropertyChangedListener
        */
       addPropertyChangedListener(listener:(sender:Object,args:yfiles.lang.PropertyChangedEventArgs)=>void):void;
       /**
        * Removes the given listener for the <code>PropertyChanged</code> event that occurs when a property value changes.
-       * @param {function(Object, yfiles.lang.PropertyChangedEventArgs): void} listener The listener to remove.
+       * @param listener The listener to remove.
        * @see yfiles.styles.TemplateNodeStyleBase#addPropertyChangedListener
        */
       removePropertyChangedListener(listener:(sender:Object,args:yfiles.lang.PropertyChangedEventArgs)=>void):void;
@@ -71751,27 +71672,22 @@ declare namespace system{
      * <li>Demo: OrgChart Demo, Demo.yFiles.Graph.OrgChart</li>
      * <li>Demo: Collapse Demo, Demo.yFiles.Graph.Collapse</li>
      * </ul>
-     * @class yfiles.styles.TemplateNodeStyle
+     * @class
      * @extends {yfiles.styles.TemplateNodeStyleBase}
      */
     export interface TemplateNodeStyle extends yfiles.styles.TemplateNodeStyleBase{}
     export class TemplateNodeStyle {
       /**
        * Creates a new instance using the given render template id and a custom renderer instance.
-       * @param {string} renderTemplateId The id of the SVG snippet that will be used for the component.
-       * @param {yfiles.styles.TemplateNodeStyleRenderer} renderer The custom renderer for this instance.
-       * @constructor
+       * @param renderTemplateId The id of the SVG snippet that will be used for the component.
+       * @param renderer The custom renderer for this instance.
        */
       constructor(renderTemplateId:string,renderer:yfiles.styles.TemplateNodeStyleRenderer);
       /**
        * Creates a new instance using the given render template id and a custom renderer instance.
        * @param {Object} options The parameters to pass.
-       * @param {string} options.renderTemplateId The id of the SVG snippet that will be used for the component.
-       * @param {yfiles.styles.TemplateNodeStyleRenderer} options.renderer The custom renderer for this instance.
-       * @param {Object} options.styleTag The tag that is associated with this style instance.
-       * <p>
-       * This option sets the {@link yfiles.styles.TemplateNodeStyleBase#styleTag} property on the created object.
-       * </p>
+       * @param options.renderTemplateId The id of the SVG snippet that will be used for the component.
+       * @param options.renderer The custom renderer for this instance.
        * @param {yfiles.geometry.Insets} options.insets The insets the {@link yfiles.input.INodeInsetsProvider} implementation for {@link yfiles.graph.INode} should yield for this instance.
        * <p>
        * This option sets the {@link yfiles.styles.TemplateNodeStyleBase#insets} property on the created object.
@@ -71784,23 +71700,17 @@ declare namespace system{
        * <p>
        * This option sets the {@link yfiles.styles.TemplateNodeStyleBase#normalizedOutline} property on the created object.
        * </p>
-       * @constructor
        */
-      constructor(options:{renderTemplateId:string,renderer:yfiles.styles.TemplateNodeStyleRenderer,styleTag?:Object,insets?:yfiles.geometry.Insets,minimumSize?:yfiles.geometry.Size,normalizedOutline?:yfiles.geometry.GeneralPath});
+      constructor(options:{renderTemplateId:string,renderer:yfiles.styles.TemplateNodeStyleRenderer,insets?:yfiles.geometry.Insets,minimumSize?:yfiles.geometry.Size,normalizedOutline?:yfiles.geometry.GeneralPath});
       /**
        * Creates a new instance using the given render template id and {@link yfiles.styles.TemplateNodeStyleRenderer} as renderer.
-       * @param {string} renderTemplateId The id of the SVG snippet that will be used for the component.
-       * @constructor
+       * @param renderTemplateId The id of the SVG snippet that will be used for the component.
        */
       constructor(renderTemplateId:string);
       /**
        * Creates a new instance using the given render template id and {@link yfiles.styles.TemplateNodeStyleRenderer} as renderer.
        * @param {Object} options The parameters to pass.
-       * @param {string} options.renderTemplateId The id of the SVG snippet that will be used for the component.
-       * @param {Object} options.styleTag The tag that is associated with this style instance.
-       * <p>
-       * This option sets the {@link yfiles.styles.TemplateNodeStyleBase#styleTag} property on the created object.
-       * </p>
+       * @param options.renderTemplateId The id of the SVG snippet that will be used for the component.
        * @param {yfiles.geometry.Insets} options.insets The insets the {@link yfiles.input.INodeInsetsProvider} implementation for {@link yfiles.graph.INode} should yield for this instance.
        * <p>
        * This option sets the {@link yfiles.styles.TemplateNodeStyleBase#insets} property on the created object.
@@ -71813,16 +71723,11 @@ declare namespace system{
        * <p>
        * This option sets the {@link yfiles.styles.TemplateNodeStyleBase#normalizedOutline} property on the created object.
        * </p>
-       * @constructor
        */
-      constructor(options:{renderTemplateId:string,styleTag?:Object,insets?:yfiles.geometry.Insets,minimumSize?:yfiles.geometry.Size,normalizedOutline?:yfiles.geometry.GeneralPath});
+      constructor(options:{renderTemplateId:string,insets?:yfiles.geometry.Insets,minimumSize?:yfiles.geometry.Size,normalizedOutline?:yfiles.geometry.GeneralPath});
       /**
        * Creates a new instance with no render template id key and {@link yfiles.styles.TemplateNodeStyleRenderer} as renderer.
        * @param {Object} [options=null] The parameters to pass.
-       * @param {Object} options.styleTag The tag that is associated with this style instance.
-       * <p>
-       * This option sets the {@link yfiles.styles.TemplateNodeStyleBase#styleTag} property on the created object.
-       * </p>
        * @param {yfiles.geometry.Insets} options.insets The insets the {@link yfiles.input.INodeInsetsProvider} implementation for {@link yfiles.graph.INode} should yield for this instance.
        * <p>
        * This option sets the {@link yfiles.styles.TemplateNodeStyleBase#insets} property on the created object.
@@ -71839,9 +71744,8 @@ declare namespace system{
        * <p>
        * This option sets the {@link yfiles.styles.TemplateNodeStyle#styleResourceKey} property on the created object.
        * </p>
-       * @constructor
        */
-      constructor(options?:{styleTag?:Object,insets?:yfiles.geometry.Insets,minimumSize?:yfiles.geometry.Size,normalizedOutline?:yfiles.geometry.GeneralPath,styleResourceKey?:string});
+      constructor(options?:{insets?:yfiles.geometry.Insets,minimumSize?:yfiles.geometry.Size,normalizedOutline?:yfiles.geometry.GeneralPath,styleResourceKey?:string});
       /**
        * Gets or sets the {@link string} that will be used to look up the template that is applied to the component.
        * <p>
@@ -71882,27 +71786,22 @@ declare namespace system{
      * <li>itemHighlighted: Whether the element is highlighted</li>
      * <li>styleTag: The tag associated with the element's style instance</li>
      * </ul>
-     * @class yfiles.styles.StringTemplateNodeStyle
+     * @class
      * @extends {yfiles.styles.TemplateNodeStyleBase}
      */
     export interface StringTemplateNodeStyle extends yfiles.styles.TemplateNodeStyleBase{}
     export class StringTemplateNodeStyle {
       /**
        * Creates a new instance using the given SVG template and a custom renderer instance.
-       * @param {string} svgContent The SVG snippet that will be used as a template for the component.
-       * @param {yfiles.styles.TemplateNodeStyleRenderer} renderer The custom renderer for this instance.
-       * @constructor
+       * @param svgContent The SVG snippet that will be used as a template for the component.
+       * @param renderer The custom renderer for this instance.
        */
       constructor(svgContent:string,renderer:yfiles.styles.TemplateNodeStyleRenderer);
       /**
        * Creates a new instance using the given SVG template and a custom renderer instance.
        * @param {Object} options The parameters to pass.
-       * @param {string} options.svgContent The SVG snippet that will be used as a template for the component.
-       * @param {yfiles.styles.TemplateNodeStyleRenderer} options.renderer The custom renderer for this instance.
-       * @param {Object} options.styleTag The tag that is associated with this style instance.
-       * <p>
-       * This option sets the {@link yfiles.styles.TemplateNodeStyleBase#styleTag} property on the created object.
-       * </p>
+       * @param options.svgContent The SVG snippet that will be used as a template for the component.
+       * @param options.renderer The custom renderer for this instance.
        * @param {yfiles.geometry.Insets} options.insets The insets the {@link yfiles.input.INodeInsetsProvider} implementation for {@link yfiles.graph.INode} should yield for this instance.
        * <p>
        * This option sets the {@link yfiles.styles.TemplateNodeStyleBase#insets} property on the created object.
@@ -71915,23 +71814,17 @@ declare namespace system{
        * <p>
        * This option sets the {@link yfiles.styles.TemplateNodeStyleBase#normalizedOutline} property on the created object.
        * </p>
-       * @constructor
        */
-      constructor(options:{svgContent:string,renderer:yfiles.styles.TemplateNodeStyleRenderer,styleTag?:Object,insets?:yfiles.geometry.Insets,minimumSize?:yfiles.geometry.Size,normalizedOutline?:yfiles.geometry.GeneralPath});
+      constructor(options:{svgContent:string,renderer:yfiles.styles.TemplateNodeStyleRenderer,insets?:yfiles.geometry.Insets,minimumSize?:yfiles.geometry.Size,normalizedOutline?:yfiles.geometry.GeneralPath});
       /**
        * Creates a new instance using the given SVG template and {@link yfiles.styles.TemplateNodeStyleRenderer} as renderer.
-       * @param {string} svgContent The SVG snippet that will be used as a template for the component.
-       * @constructor
+       * @param svgContent The SVG snippet that will be used as a template for the component.
        */
       constructor(svgContent:string);
       /**
        * Creates a new instance using the given SVG template and {@link yfiles.styles.TemplateNodeStyleRenderer} as renderer.
        * @param {Object} options The parameters to pass.
-       * @param {string} options.svgContent The SVG snippet that will be used as a template for the component.
-       * @param {Object} options.styleTag The tag that is associated with this style instance.
-       * <p>
-       * This option sets the {@link yfiles.styles.TemplateNodeStyleBase#styleTag} property on the created object.
-       * </p>
+       * @param options.svgContent The SVG snippet that will be used as a template for the component.
        * @param {yfiles.geometry.Insets} options.insets The insets the {@link yfiles.input.INodeInsetsProvider} implementation for {@link yfiles.graph.INode} should yield for this instance.
        * <p>
        * This option sets the {@link yfiles.styles.TemplateNodeStyleBase#insets} property on the created object.
@@ -71944,16 +71837,11 @@ declare namespace system{
        * <p>
        * This option sets the {@link yfiles.styles.TemplateNodeStyleBase#normalizedOutline} property on the created object.
        * </p>
-       * @constructor
        */
-      constructor(options:{svgContent:string,styleTag?:Object,insets?:yfiles.geometry.Insets,minimumSize?:yfiles.geometry.Size,normalizedOutline?:yfiles.geometry.GeneralPath});
+      constructor(options:{svgContent:string,insets?:yfiles.geometry.Insets,minimumSize?:yfiles.geometry.Size,normalizedOutline?:yfiles.geometry.GeneralPath});
       /**
        * Creates a new instance with no SVG template and {@link yfiles.styles.TemplateNodeStyleRenderer} as renderer.
        * @param {Object} [options=null] The parameters to pass.
-       * @param {Object} options.styleTag The tag that is associated with this style instance.
-       * <p>
-       * This option sets the {@link yfiles.styles.TemplateNodeStyleBase#styleTag} property on the created object.
-       * </p>
        * @param {yfiles.geometry.Insets} options.insets The insets the {@link yfiles.input.INodeInsetsProvider} implementation for {@link yfiles.graph.INode} should yield for this instance.
        * <p>
        * This option sets the {@link yfiles.styles.TemplateNodeStyleBase#insets} property on the created object.
@@ -71970,9 +71858,8 @@ declare namespace system{
        * <p>
        * This option sets the {@link yfiles.styles.StringTemplateNodeStyle#svgContent} property on the created object.
        * </p>
-       * @constructor
        */
-      constructor(options?:{styleTag?:Object,insets?:yfiles.geometry.Insets,minimumSize?:yfiles.geometry.Size,normalizedOutline?:yfiles.geometry.GeneralPath,svgContent?:string});
+      constructor(options?:{insets?:yfiles.geometry.Insets,minimumSize?:yfiles.geometry.Size,normalizedOutline?:yfiles.geometry.GeneralPath,svgContent?:string});
       /**
        * Gets or sets the SVG content that is the template for the node visualization.
        * @default null
@@ -71986,7 +71873,7 @@ declare namespace system{
      * instances.
      * @see yfiles.styles.TemplateNodeStyle
      * @see yfiles.styles.StringTemplateNodeStyle
-     * @class yfiles.styles.TemplateNodeStyleRenderer
+     * @class
      * @implements {yfiles.styles.INodeStyleRenderer}
      * @implements {yfiles.styles.IShapeGeometry}
      * @implements {yfiles.view.IBoundsProvider}
@@ -72015,8 +71902,8 @@ declare namespace system{
       /**
        * Creates the visual by delegating to {@link yfiles.styles.TemplateNodeStyleBase#createTemplate} and then initializing the control
        * with the context.
-       * @param {yfiles.view.IRenderContext} context The context for the creation.
-       * @returns {yfiles.view.Visual} The visual that is used for rendering the node.
+       * @param context The context for the creation.
+       * @returns The visual that is used for rendering the node.
        */
       createVisual(context:yfiles.view.IRenderContext):yfiles.view.Visual;
       /**
@@ -72024,8 +71911,8 @@ declare namespace system{
        * <p>
        * This implementation simply sets the {@link yfiles.styles.TemplateNodeStyleRenderer#layout}'s bounds to the scratch variable and returns.
        * </p>
-       * @param {yfiles.view.ICanvasContext} context the context to calculate the bounds for
-       * @returns {yfiles.geometry.Rect} the bounds or <code>null</code> to indicate an unbound area
+       * @param context the context to calculate the bounds for
+       * @returns the bounds or <code>null</code> to indicate an unbound area
        */
       getBounds(context:yfiles.view.ICanvasContext):yfiles.geometry.Rect;
       /**
@@ -72034,9 +71921,9 @@ declare namespace system{
        * If {@link yfiles.styles.TemplateNodeStyleBase#contextLookup} provides an implementation of the {@link yfiles.view.IBoundsProvider} interface than this instance will be returned,
        * otherwise the default (rectangular) behavior will be used.
        * </p>
-       * @param {yfiles.graph.INode} node The node to query the provider for.
-       * @param {yfiles.styles.INodeStyle} style The style whose provider is queried.
-       * @returns {yfiles.view.IBoundsProvider} An implementation that can calculate visual bounds.
+       * @param node The node to query the provider for.
+       * @param style The style whose provider is queried.
+       * @returns An implementation that can calculate visual bounds.
        */
       getBoundsProvider(node:yfiles.graph.INode,style:yfiles.styles.INodeStyle):yfiles.view.IBoundsProvider;
       /**
@@ -72048,16 +71935,16 @@ declare namespace system{
        * {@link yfiles.styles.TemplateNodeStyleRenderer#configure} only if needed, i.e. if they decide to return <code>this</code> or an instance that
        * depends on a correctly configured <code>this</code>.
        * </p>
-       * @param {yfiles.graph.INode} node The node to query the context for. The value will be stored in the {@link yfiles.styles.TemplateNodeStyleRenderer#node} property.
-       * @param {yfiles.styles.INodeStyle} style The style to associate with the node. The value will be stored in the {@link yfiles.styles.TemplateNodeStyleRenderer#style} property.
-       * @returns {yfiles.graph.ILookup} <code>this</code>
+       * @param node The node to query the context for. The value will be stored in the {@link #node} property.
+       * @param style The style to associate with the node. The value will be stored in the {@link #style} property.
+       * @returns <code>this</code>
        * @see yfiles.styles.TemplateNodeStyleRenderer#lookup
        */
       getContext(node:yfiles.graph.INode,style:yfiles.styles.INodeStyle):yfiles.graph.ILookup;
       /**
        * Gets the context by delegating to {@link yfiles.styles.TemplateNodeStyleBase#contextLookup}.
-       * @param {yfiles.styles.TemplateNodeStyleBase} style
-       * @returns {yfiles.graph.IContextLookup} 
+       * @param style
+       * @returns 
        * @protected
        */
       getContextLookup(style:yfiles.styles.TemplateNodeStyleBase):yfiles.graph.IContextLookup;
@@ -72067,25 +71954,25 @@ declare namespace system{
        * If {@link yfiles.styles.TemplateNodeStyleBase#contextLookup} provides an implementation of the {@link yfiles.input.IHitTestable} interface than this instance will be returned, otherwise
        * the {@link yfiles.styles.TemplateNodeStyleRenderer#getNormalizedOutline outline shape} will be used to perform the hit testing.
        * </p>
-       * @param {yfiles.graph.INode} node The node to query the tester for.
-       * @param {yfiles.styles.INodeStyle} style The style whose tester is queried.
-       * @returns {yfiles.input.IHitTestable} An implementation that can perform the hit testing.
+       * @param node The node to query the tester for.
+       * @param style The style whose tester is queried.
+       * @returns An implementation that can perform the hit testing.
        * @see yfiles.styles.TemplateNodeStyleRenderer#isHit
        */
       getHitTestable(node:yfiles.graph.INode,style:yfiles.styles.INodeStyle):yfiles.input.IHitTestable;
       /**
        * Gets the insets by delegating to {@link yfiles.styles.TemplateNodeStyleBase#insets}.
-       * @param {yfiles.styles.TemplateNodeStyleBase} style
-       * @returns {yfiles.geometry.Insets} 
+       * @param style
+       * @returns 
        * @protected
        */
       getInsets(style:yfiles.styles.TemplateNodeStyleBase):yfiles.geometry.Insets;
       /**
        * Tries to use the {@link yfiles.styles.TemplateNodeStyleRenderer#getNormalizedOutline outline shape} to perform the intersection calculation, otherwise reverts to default (rectangular)
        * behavior.
-       * @param {yfiles.geometry.Point} inner
-       * @param {yfiles.geometry.Point} outer
-       * @returns {yfiles.geometry.Point} 
+       * @param inner
+       * @param outer
+       * @returns 
        */
       getIntersection(inner:yfiles.geometry.Point,outer:yfiles.geometry.Point):yfiles.geometry.Point;
       /**
@@ -72095,52 +71982,52 @@ declare namespace system{
        * otherwise the {@link yfiles.styles.TemplateNodeStyleRenderer#getNormalizedOutline outline shape} will be used to determine the marquee intersection test with the visual representation of
        * the node.
        * </p>
-       * @param {yfiles.graph.INode} node The node to query the tester for.
-       * @param {yfiles.styles.INodeStyle} style The style whose tester is queried.
-       * @returns {yfiles.input.IMarqueeTestable} An implementation that can test for marquee intersections.
+       * @param node The node to query the tester for.
+       * @param style The style whose tester is queried.
+       * @returns An implementation that can test for marquee intersections.
        * @see yfiles.styles.TemplateNodeStyleRenderer#isInBox
        */
       getMarqueeTestable(node:yfiles.graph.INode,style:yfiles.styles.INodeStyle):yfiles.input.IMarqueeTestable;
       /**
        * Gets the minimum size by delegating to {@link yfiles.styles.TemplateNodeStyleBase#minimumSize}.
-       * @param {yfiles.styles.TemplateNodeStyleBase} style
-       * @returns {yfiles.geometry.Size} 
+       * @param style
+       * @returns 
        * @protected
        */
       getMinimumSize(style:yfiles.styles.TemplateNodeStyleBase):yfiles.geometry.Size;
       /**
        * Gets the normalized outline by delegating to {@link yfiles.styles.TemplateNodeStyleBase#normalizedOutline}.
-       * @param {yfiles.styles.TemplateNodeStyleBase} style
-       * @returns {yfiles.geometry.GeneralPath} 
+       * @param style
+       * @returns 
        * @protected
        */
       getNormalizedOutline(style:yfiles.styles.TemplateNodeStyleBase):yfiles.geometry.GeneralPath;
       /**
        * Tries to use the {@link yfiles.styles.TemplateNodeStyleRenderer#getNormalizedOutline outline shape} to create the outline shape path, otherwise reverts to default (rectangular) behavior.
-       * @returns {yfiles.geometry.GeneralPath} 
+       * @returns 
        */
       getOutline():yfiles.geometry.GeneralPath;
       /**
        * Calculates the preferred size for the given node and style in the provided context.
-       * @param {yfiles.view.IRenderContext} context The context for which the preferred size should be calculated.
-       * @param {yfiles.graph.INode} node The node instance.
-       * @param {yfiles.styles.INodeStyle} style The style instance to apply.
-       * @returns {yfiles.geometry.Size} The preferred size for the given label and style.
+       * @param context The context for which the preferred size should be calculated.
+       * @param node The node instance.
+       * @param style The style instance to apply.
+       * @returns The preferred size for the given label and style.
        * @see yfiles.styles.TemplateNodeStyleRenderer#getPreferredSizeCore
        */
       getPreferredSize(context:yfiles.view.IRenderContext,node:yfiles.graph.INode,style:yfiles.styles.INodeStyle):yfiles.geometry.Size;
       /**
        * Calculates the preferred size for the given node and style.
-       * @param {yfiles.graph.INode} node The node instance.
-       * @param {yfiles.styles.INodeStyle} style The style instance to apply.
-       * @returns {yfiles.geometry.Size} The preferred size for the given label and style.
+       * @param node The node instance.
+       * @param style The style instance to apply.
+       * @returns The preferred size for the given label and style.
        * @see yfiles.styles.TemplateNodeStyleRenderer#getPreferredSizeCore
        */
       getPreferredSize(node:yfiles.graph.INode,style:yfiles.styles.INodeStyle):yfiles.geometry.Size;
       /**
        * Calculates the preferred size given the current state of the renderer for the given context.
-       * @param {yfiles.view.IRenderContext} context The render context for which the preferred size should be calculated.
-       * @returns {yfiles.geometry.Size} The size as suggested by this renderer.
+       * @param context The render context for which the preferred size should be calculated.
+       * @returns The size as suggested by this renderer.
        * @protected
        */
       getPreferredSizeCore(context:yfiles.view.IRenderContext):yfiles.geometry.Size;
@@ -72150,9 +72037,9 @@ declare namespace system{
        * If {@link yfiles.styles.TemplateNodeStyleBase#contextLookup} provides an implementation of the {@link yfiles.styles.IShapeGeometry} interface than this instance will be returned,
        * otherwise the {@link yfiles.styles.TemplateNodeStyleRenderer#getNormalizedOutline outline shape} will be used to determine the outline of the visual representation of a node.
        * </p>
-       * @param {yfiles.graph.INode} node The node to query the geometry for.
-       * @param {yfiles.styles.INodeStyle} style The style for which the geometry is queried.
-       * @returns {yfiles.styles.IShapeGeometry} An implementation that describes the outline geometry of the shape.
+       * @param node The node to query the geometry for.
+       * @param style The style for which the geometry is queried.
+       * @returns An implementation that describes the outline geometry of the shape.
        * @see yfiles.styles.TemplateNodeStyleRenderer#isInside
        * @see yfiles.styles.TemplateNodeStyleRenderer#getOutline
        */
@@ -72165,47 +72052,47 @@ declare namespace system{
        * the subclass implementation depends on this instance to be configured, it needs to call <code>Configure</code> in
        * {@link yfiles.styles.TemplateNodeStyleRenderer#isVisible}.
        * </p>
-       * @param {yfiles.graph.INode} node The node to query visibility tests. The value will be stored in the {@link yfiles.styles.TemplateNodeStyleRenderer#node} property.
-       * @param {yfiles.styles.INodeStyle} style The style to associate with the node. The value will be stored in the {@link yfiles.styles.TemplateNodeStyleRenderer#style} property.
-       * @returns {yfiles.view.IVisibilityTestable} <code>this</code>
+       * @param node The node to query visibility tests. The value will be stored in the {@link #node} property.
+       * @param style The style to associate with the node. The value will be stored in the {@link #style} property.
+       * @returns <code>this</code>
        * @see yfiles.styles.TemplateNodeStyleRenderer#isVisible
        */
       getVisibilityTestable(node:yfiles.graph.INode,style:yfiles.styles.INodeStyle):yfiles.view.IVisibilityTestable;
       /**
        * Configures the <code>style</code> and <code>node</code> parameters, calls {@link yfiles.styles.TemplateNodeStyleRenderer#configure} and returns <code>this</code>.
-       * @param {yfiles.graph.INode} node The node to retrieve the {@link yfiles.view.IVisualCreator} for. The value will be stored in the {@link yfiles.styles.TemplateNodeStyleRenderer#node} property.
-       * @param {yfiles.styles.INodeStyle} style The style to associate with the node. The value will be stored in the {@link yfiles.styles.TemplateNodeStyleRenderer#style} property.
-       * @returns {yfiles.view.IVisualCreator} <code>this</code>
+       * @param node The node to retrieve the {@link } for. The value will be stored in the {@link #node} property.
+       * @param style The style to associate with the node. The value will be stored in the {@link #style} property.
+       * @returns <code>this</code>
        * @see yfiles.styles.TemplateNodeStyleRenderer#createVisual
        * @see yfiles.styles.TemplateNodeStyleRenderer#updateVisual
        */
       getVisualCreator(node:yfiles.graph.INode,style:yfiles.styles.INodeStyle):yfiles.view.IVisualCreator;
       /**
        * Tries to use the {@link yfiles.styles.TemplateNodeStyleRenderer#getNormalizedOutline outline shape} to perform the hit test analysis, otherwise reverts to default (rectangular) behavior.
-       * @param {yfiles.input.IInputModeContext} context the context the hit test is performed in
-       * @param {yfiles.geometry.Point} location the hit point in world coordinates
-       * @returns {boolean} whether something has been hit
+       * @param context the context the hit test is performed in
+       * @param location the hit point in world coordinates
+       * @returns whether something has been hit
        */
       isHit(context:yfiles.input.IInputModeContext,location:yfiles.geometry.Point):boolean;
       /**
        * Tries to use the {@link yfiles.styles.TemplateNodeStyleRenderer#getNormalizedOutline outline shape} to perform the marquee intersection analysis, otherwise reverts to default (rectangular)
        * behavior.
-       * @param {yfiles.input.IInputModeContext} context
-       * @param {yfiles.geometry.Rect} rectangle
-       * @returns {boolean} 
+       * @param context
+       * @param rectangle
+       * @returns 
        */
       isInBox(context:yfiles.input.IInputModeContext,rectangle:yfiles.geometry.Rect):boolean;
       /**
        * Tries to use the {@link yfiles.styles.TemplateNodeStyleRenderer#getNormalizedOutline outline shape} to perform the contains test, otherwise reverts to default (rectangular) behavior.
-       * @param {yfiles.geometry.Point} location
-       * @returns {boolean} 
+       * @param location
+       * @returns 
        */
       isInside(location:yfiles.geometry.Point):boolean;
       /**
        * Determines visibility by checking for an intersection with the {@link yfiles.styles.TemplateNodeStyleRenderer#layout}.
-       * @param {yfiles.view.ICanvasContext} context The context.
-       * @param {yfiles.geometry.Rect} rectangle The current clip
-       * @returns {boolean} Whether the {@link yfiles.styles.TemplateNodeStyleRenderer#layout} is visible in the clip.
+       * @param context The context.
+       * @param rectangle The current clip
+       * @returns Whether the {@link #layout} is visible in the clip.
        */
       isVisible(context:yfiles.view.ICanvasContext,rectangle:yfiles.geometry.Rect):boolean;
       /**
@@ -72215,15 +72102,15 @@ declare namespace system{
        * or {@link yfiles.input.INodeSizeConstraintProvider} implementations if asked for. Last, it returns this class if it implements
        * the queried <code>type</code>.
        * </p>
-       * @param {yfiles.lang.Class} type The type to query an instance for.
-       * @returns {Object} The implementation or <code>null</code>.
+       * @param type The type to query an instance for.
+       * @returns The implementation or <code>null</code>.
        */
       lookup(type:yfiles.lang.Class):Object;
       /**
        * Updates the component correspondingly.
-       * @param {yfiles.view.IRenderContext} context The context for the creation.
-       * @param {yfiles.view.Visual} oldVisual The currently rendered visual.
-       * @returns {yfiles.view.Visual} The visual that is used for rendering the node.
+       * @param context The context for the creation.
+       * @param oldVisual The currently rendered visual.
+       * @returns The visual that is used for rendering the node.
        */
       updateVisual(context:yfiles.view.IRenderContext,oldVisual:yfiles.view.Visual):yfiles.view.Visual;
       /**
@@ -72252,7 +72139,7 @@ declare namespace system{
      * Base class for port styles that use a SVG snippet as template for the visualization of {@link yfiles.graph.IPort}s.
      * @see yfiles.styles.TemplatePortStyle
      * @see yfiles.styles.TemplatePortStyle
-     * @class yfiles.styles.TemplatePortStyleBase
+     * @class
      * @implements {yfiles.styles.IPortStyle}
      * @implements {yfiles.lang.IPropertyObservable}
      * @implements {yfiles.lang.ICloneable}
@@ -72261,35 +72148,33 @@ declare namespace system{
     export class TemplatePortStyleBase {
       /**
        * Constructs a new instance using the provided <code>renderer</code>.
-       * @param {yfiles.styles.TemplatePortStyleRenderer} renderer
+       * @param renderer
        * @protected
-       * @constructor
        */
       constructor(renderer:yfiles.styles.TemplatePortStyleRenderer);
       /**
        * Constructs a new instance of this style with default values.
        * @protected
-       * @constructor
        */
       constructor();
       /**
        * Performs a shallow clone of this instance, except for the value of {@link yfiles.styles.TemplatePortStyleBase#styleTag} which is cloned, too, if it can be cloned.
-       * @returns {Object} A clone of this instance.
+       * @returns A clone of this instance.
        */
       clone():Object;
       /**
        * Factory method that is called by the {@link yfiles.styles.TemplatePortStyleRenderer} to create the visual that will be used for
        * the display of the port.
-       * @param {yfiles.view.IRenderContext} context The context for which the visual should be created.
-       * @param {yfiles.graph.IPort} port The port that will be rendered.
-       * @returns {yfiles.view.SvgVisual} The readily styled visual.
+       * @param context The context for which the visual should be created.
+       * @param port The port that will be rendered.
+       * @returns The readily styled visual.
        */
       createTemplate(context:yfiles.view.IRenderContext,port:yfiles.graph.IPort):yfiles.view.SvgVisual;
       /**
        * Convenience method that determines the preferred {@link yfiles.styles.TemplatePortStyleBase#renderSize} of the port if this style was applied.
-       * @param {yfiles.view.IRenderContext} context The context for which the size should be calculated.
-       * @param {yfiles.graph.IPort} port The port to determine the preferred size of.
-       * @returns {yfiles.geometry.Size} The preferred size.
+       * @param context The context for which the size should be calculated.
+       * @param port The port to determine the preferred size of.
+       * @returns The preferred size.
        */
       getPreferredSize(context:yfiles.view.IRenderContext,port:yfiles.graph.IPort):yfiles.geometry.Size;
       /**
@@ -72303,19 +72188,19 @@ declare namespace system{
       static loadAllTemplates():void;
       /**
        * Raises the {@link yfiles.styles.TemplatePortStyleBase#addPropertyChangedListener PropertyChanged} event.
-       * @param {yfiles.lang.PropertyChangedEventArgs} evt The {@link yfiles.lang.PropertyChangedEventArgs} instance containing the event data.
+       * @param evt The {@link } instance containing the event data.
        * @protected
        */
       onPropertyChanged(evt:yfiles.lang.PropertyChangedEventArgs):void;
       /**
        * Adds the given listener for the <code>PropertyChanged</code> event that occurs when a property value changes.
-       * @param {function(Object, yfiles.lang.PropertyChangedEventArgs): void} listener The listener to add.
+       * @param listener The listener to add.
        * @see yfiles.styles.TemplatePortStyleBase#removePropertyChangedListener
        */
       addPropertyChangedListener(listener:(sender:Object,args:yfiles.lang.PropertyChangedEventArgs)=>void):void;
       /**
        * Removes the given listener for the <code>PropertyChanged</code> event that occurs when a property value changes.
-       * @param {function(Object, yfiles.lang.PropertyChangedEventArgs): void} listener The listener to remove.
+       * @param listener The listener to remove.
        * @see yfiles.styles.TemplatePortStyleBase#addPropertyChangedListener
        */
       removePropertyChangedListener(listener:(sender:Object,args:yfiles.lang.PropertyChangedEventArgs)=>void):void;
@@ -72403,27 +72288,22 @@ declare namespace system{
      * <li>itemHighlighted: Whether the element is highlighted</li>
      * <li>styleTag: The tag associated with the element's style instance</li>
      * </ul>
-     * @class yfiles.styles.TemplatePortStyle
+     * @class
      * @extends {yfiles.styles.TemplatePortStyleBase}
      */
     export interface TemplatePortStyle extends yfiles.styles.TemplatePortStyleBase{}
     export class TemplatePortStyle {
       /**
        * Creates a new instance using the given render template id and a custom renderer instance.
-       * @param {string} renderTemplateId The id of the SVG snippet that will be used for the component.
-       * @param {yfiles.styles.TemplatePortStyleRenderer} renderer The custom renderer for this style instance.
-       * @constructor
+       * @param renderTemplateId The id of the SVG snippet that will be used for the component.
+       * @param renderer The custom renderer for this style instance.
        */
       constructor(renderTemplateId:string,renderer:yfiles.styles.TemplatePortStyleRenderer);
       /**
        * Creates a new instance using the given render template id and a custom renderer instance.
        * @param {Object} options The parameters to pass.
-       * @param {string} options.renderTemplateId The id of the SVG snippet that will be used for the component.
-       * @param {yfiles.styles.TemplatePortStyleRenderer} options.renderer The custom renderer for this style instance.
-       * @param {Object} options.styleTag The tag that is associated with this style instance.
-       * <p>
-       * This option sets the {@link yfiles.styles.TemplatePortStyleBase#styleTag} property on the created object.
-       * </p>
+       * @param options.renderTemplateId The id of the SVG snippet that will be used for the component.
+       * @param options.renderer The custom renderer for this style instance.
        * @param {yfiles.geometry.GeneralPath} options.normalizedOutline The normalized outline of a port that will be displayed using the {@link yfiles.styles.TemplatePortStyleBase#createTemplate created visual}.
        * <p>
        * This option sets the {@link yfiles.styles.TemplatePortStyleBase#normalizedOutline} property on the created object.
@@ -72432,25 +72312,19 @@ declare namespace system{
        * <p>
        * This option sets the {@link yfiles.styles.TemplatePortStyleBase#renderSize} property on the created object.
        * </p>
-       * @constructor
        */
-      constructor(options:{renderTemplateId:string,renderer:yfiles.styles.TemplatePortStyleRenderer,styleTag?:Object,normalizedOutline?:yfiles.geometry.GeneralPath,renderSize?:yfiles.geometry.Size});
+      constructor(options:{renderTemplateId:string,renderer:yfiles.styles.TemplatePortStyleRenderer,normalizedOutline?:yfiles.geometry.GeneralPath,renderSize?:yfiles.geometry.Size});
       /**
        * Creates a new instance using the given resource key and a custom renderer instance.{@link yfiles.styles.TemplatePortStyleRenderer}
        * as renderer.
-       * @param {string} renderTemplateId The id of the SVG snippet that will be used for the component.
-       * @constructor
+       * @param renderTemplateId The id of the SVG snippet that will be used for the component.
        */
       constructor(renderTemplateId:string);
       /**
        * Creates a new instance using the given resource key and a custom renderer instance.{@link yfiles.styles.TemplatePortStyleRenderer}
        * as renderer.
        * @param {Object} options The parameters to pass.
-       * @param {string} options.renderTemplateId The id of the SVG snippet that will be used for the component.
-       * @param {Object} options.styleTag The tag that is associated with this style instance.
-       * <p>
-       * This option sets the {@link yfiles.styles.TemplatePortStyleBase#styleTag} property on the created object.
-       * </p>
+       * @param options.renderTemplateId The id of the SVG snippet that will be used for the component.
        * @param {yfiles.geometry.GeneralPath} options.normalizedOutline The normalized outline of a port that will be displayed using the {@link yfiles.styles.TemplatePortStyleBase#createTemplate created visual}.
        * <p>
        * This option sets the {@link yfiles.styles.TemplatePortStyleBase#normalizedOutline} property on the created object.
@@ -72459,16 +72333,11 @@ declare namespace system{
        * <p>
        * This option sets the {@link yfiles.styles.TemplatePortStyleBase#renderSize} property on the created object.
        * </p>
-       * @constructor
        */
-      constructor(options:{renderTemplateId:string,styleTag?:Object,normalizedOutline?:yfiles.geometry.GeneralPath,renderSize?:yfiles.geometry.Size});
+      constructor(options:{renderTemplateId:string,normalizedOutline?:yfiles.geometry.GeneralPath,renderSize?:yfiles.geometry.Size});
       /**
        * Creates a new instance with no render template id and {@link yfiles.styles.TemplatePortStyleRenderer} as renderer.
        * @param {Object} [options=null] The parameters to pass.
-       * @param {Object} options.styleTag The tag that is associated with this style instance.
-       * <p>
-       * This option sets the {@link yfiles.styles.TemplatePortStyleBase#styleTag} property on the created object.
-       * </p>
        * @param {yfiles.geometry.GeneralPath} options.normalizedOutline The normalized outline of a port that will be displayed using the {@link yfiles.styles.TemplatePortStyleBase#createTemplate created visual}.
        * <p>
        * This option sets the {@link yfiles.styles.TemplatePortStyleBase#normalizedOutline} property on the created object.
@@ -72481,9 +72350,8 @@ declare namespace system{
        * <p>
        * This option sets the {@link yfiles.styles.TemplatePortStyle#styleResourceKey} property on the created object.
        * </p>
-       * @constructor
        */
-      constructor(options?:{styleTag?:Object,normalizedOutline?:yfiles.geometry.GeneralPath,renderSize?:yfiles.geometry.Size,styleResourceKey?:string});
+      constructor(options?:{normalizedOutline?:yfiles.geometry.GeneralPath,renderSize?:yfiles.geometry.Size,styleResourceKey?:string});
       /**
        * Gets or sets the {@link string} that will be used to look up the template that is applied to the component.
        * <p>
@@ -72500,7 +72368,7 @@ declare namespace system{
      * instances.
      * @see yfiles.styles.TemplatePortStyle
      * @see yfiles.styles.StringTemplatePortStyle
-     * @class yfiles.styles.TemplatePortStyleRenderer
+     * @class
      * @implements {yfiles.styles.IPortStyleRenderer}
      * @implements {yfiles.view.IBoundsProvider}
      * @implements {yfiles.view.IVisibilityTestable}
@@ -72526,21 +72394,21 @@ declare namespace system{
       /**
        * Creates the visual by delegating to {@link yfiles.styles.TemplatePortStyleBase#createTemplate} and then initializing the visual
        * with the context.
-       * @param {yfiles.view.IRenderContext} context The context for the creation.
-       * @returns {yfiles.view.Visual} The visual that is used for rendering the port.
+       * @param context The context for the creation.
+       * @returns The visual that is used for rendering the port.
        */
       createVisual(context:yfiles.view.IRenderContext):yfiles.view.Visual;
       /**
        * 
-       * @param {yfiles.view.ICanvasContext} context
-       * @returns {yfiles.geometry.Rect} 
+       * @param context
+       * @returns 
        */
       getBounds(context:yfiles.view.ICanvasContext):yfiles.geometry.Rect;
       /**
        * Configures the <code>style</code> and <code>port</code> parameters, calls {@link yfiles.styles.TemplatePortStyleRenderer#configure} and returns <code>this</code>.
-       * @param {yfiles.graph.IPort} port The port to retrieve the bounds provider for. The value will be stored in the {@link yfiles.styles.TemplatePortStyleRenderer#port} property.
-       * @param {yfiles.styles.IPortStyle} style The style to associate with the port. The value will be stored in the {@link yfiles.styles.TemplatePortStyleRenderer#style} property.
-       * @returns {yfiles.view.IBoundsProvider} <code>this</code>
+       * @param port The port to retrieve the bounds provider for. The value will be stored in the {@link #port} property.
+       * @param style The style to associate with the port. The value will be stored in the {@link #style} property.
+       * @returns <code>this</code>
        * @see yfiles.styles.TemplatePortStyleRenderer#getBounds
        */
       getBoundsProvider(port:yfiles.graph.IPort,style:yfiles.styles.IPortStyle):yfiles.view.IBoundsProvider;
@@ -72553,54 +72421,54 @@ declare namespace system{
        * {@link yfiles.styles.TemplatePortStyleRenderer#configure} only if needed, i.e. if they decide to return <code>this</code> or an instance that
        * depends on a correctly configured <code>this</code>.
        * </p>
-       * @param {yfiles.graph.IPort} port The port to query the context for. The value will be stored in the {@link yfiles.styles.TemplatePortStyleRenderer#port} property.
-       * @param {yfiles.styles.IPortStyle} style The style to associate with the port. The value will be stored in the {@link yfiles.styles.TemplatePortStyleRenderer#style} property.
-       * @returns {yfiles.graph.ILookup} <code>this</code>
+       * @param port The port to query the context for. The value will be stored in the {@link #port} property.
+       * @param style The style to associate with the port. The value will be stored in the {@link #style} property.
+       * @returns <code>this</code>
        * @see yfiles.styles.TemplatePortStyleRenderer#lookup
        */
       getContext(port:yfiles.graph.IPort,style:yfiles.styles.IPortStyle):yfiles.graph.ILookup;
       /**
        * Configures the <code>style</code> and <code>port</code> parameters, calls {@link yfiles.styles.TemplatePortStyleRenderer#configure} and returns <code>this</code>.
-       * @param {yfiles.graph.IPort} port The port to query hit test with. The value will be stored in the {@link yfiles.styles.TemplatePortStyleRenderer#port} property.
-       * @param {yfiles.styles.IPortStyle} style The style to associate with the port. The value will be stored in the {@link yfiles.styles.TemplatePortStyleRenderer#style} property.
-       * @returns {yfiles.input.IHitTestable} <code>this</code>
+       * @param port The port to query hit test with. The value will be stored in the {@link #port} property.
+       * @param style The style to associate with the port. The value will be stored in the {@link #style} property.
+       * @returns <code>this</code>
        * @see yfiles.styles.TemplatePortStyleRenderer#isHit
        */
       getHitTestable(port:yfiles.graph.IPort,style:yfiles.styles.IPortStyle):yfiles.input.IHitTestable;
       /**
        * Configures the <code>style</code> and <code>port</code> parameters, calls {@link yfiles.styles.TemplatePortStyleRenderer#configure} and returns <code>this</code>.
-       * @param {yfiles.graph.IPort} port The port to query marquee intersection tests. The value will be stored in the {@link yfiles.styles.TemplatePortStyleRenderer#port} property.
-       * @param {yfiles.styles.IPortStyle} style The style to associate with the port. The value will be stored in the {@link yfiles.styles.TemplatePortStyleRenderer#style} property.
-       * @returns {yfiles.input.IMarqueeTestable} <code>this</code>
+       * @param port The port to query marquee intersection tests. The value will be stored in the {@link #port} property.
+       * @param style The style to associate with the port. The value will be stored in the {@link #style} property.
+       * @returns <code>this</code>
        * @see yfiles.styles.TemplatePortStyleRenderer#isInBox
        */
       getMarqueeTestable(port:yfiles.graph.IPort,style:yfiles.styles.IPortStyle):yfiles.input.IMarqueeTestable;
       /**
        * Gets the normalized outline by delegating to {@link yfiles.styles.TemplatePortStyleBase#normalizedOutline}.
-       * @param {yfiles.styles.TemplatePortStyleBase} style
-       * @returns {yfiles.geometry.GeneralPath} 
+       * @param style
+       * @returns 
        * @protected
        */
       getNormalizedOutline(style:yfiles.styles.TemplatePortStyleBase):yfiles.geometry.GeneralPath;
       /**
        * Calculates the preferred size for the given port and style.
-       * @param {yfiles.view.IRenderContext} context The render context which can be <code>null</code>.
-       * @param {yfiles.graph.IPort} port The port instance.
-       * @param {yfiles.styles.TemplatePortStyleBase} style The style instance to apply.
-       * @returns {yfiles.geometry.Size} The preferred size for the given port and style.
+       * @param context The render context which can be <code>null</code>.
+       * @param port The port instance.
+       * @param style The style instance to apply.
+       * @returns The preferred size for the given port and style.
        * @see yfiles.styles.TemplatePortStyleRenderer#getPreferredSizeCore
        */
       getPreferredSize(context:yfiles.view.IRenderContext,port:yfiles.graph.IPort,style:yfiles.styles.TemplatePortStyleBase):yfiles.geometry.Size;
       /**
        * Gets the preferred size for the current configuration.
-       * @param {yfiles.view.IRenderContext} context
-       * @returns {yfiles.geometry.Size} The preferred size.
+       * @param context
+       * @returns The preferred size.
        * @protected
        */
       getPreferredSizeCore(context:yfiles.view.IRenderContext):yfiles.geometry.Size;
       /**
        * Gets the size of the rendering from the style.
-       * @returns {yfiles.geometry.Size} The {@link yfiles.styles.TemplatePortStyleBase#renderSize}.
+       * @returns The {@link #renderSize}.
        * @protected
        */
       getRenderSize():yfiles.geometry.Size;
@@ -72612,33 +72480,33 @@ declare namespace system{
        * the subclass implementation depends on this instance to be configured, it needs to call <code>Configure</code> in
        * {@link yfiles.styles.TemplatePortStyleRenderer#isVisible}.
        * </p>
-       * @param {yfiles.graph.IPort} port The port to query visibility tests. The value will be stored in the {@link yfiles.styles.TemplatePortStyleRenderer#port} property.
-       * @param {yfiles.styles.IPortStyle} style The style to associate with the port. The value will be stored in the {@link yfiles.styles.TemplatePortStyleRenderer#style} property.
-       * @returns {yfiles.view.IVisibilityTestable} <code>this</code>
+       * @param port The port to query visibility tests. The value will be stored in the {@link #port} property.
+       * @param style The style to associate with the port. The value will be stored in the {@link #style} property.
+       * @returns <code>this</code>
        * @see yfiles.styles.TemplatePortStyleRenderer#isVisible
        */
       getVisibilityTestable(port:yfiles.graph.IPort,style:yfiles.styles.IPortStyle):yfiles.view.IVisibilityTestable;
       /**
        * Configures the <code>style</code> and <code>port</code> parameters, calls {@link yfiles.styles.TemplatePortStyleRenderer#configure} and returns <code>this</code>.
-       * @param {yfiles.graph.IPort} port The port to retrieve the {@link yfiles.view.IVisualCreator} for. The value will be stored in the {@link yfiles.styles.TemplatePortStyleRenderer#port} property.
-       * @param {yfiles.styles.IPortStyle} style The style to associate with the port. The value will be stored in the {@link yfiles.styles.TemplatePortStyleRenderer#style} property.
-       * @returns {yfiles.view.IVisualCreator} <code>this</code>
+       * @param port The port to retrieve the {@link } for. The value will be stored in the {@link #port} property.
+       * @param style The style to associate with the port. The value will be stored in the {@link #style} property.
+       * @returns <code>this</code>
        * @see yfiles.styles.TemplatePortStyleRenderer#createVisual
        * @see yfiles.styles.TemplatePortStyleRenderer#updateVisual
        */
       getVisualCreator(port:yfiles.graph.IPort,style:yfiles.styles.IPortStyle):yfiles.view.IVisualCreator;
       /**
        * 
-       * @param {yfiles.input.IInputModeContext} context
-       * @param {yfiles.geometry.Point} location
-       * @returns {boolean} 
+       * @param context
+       * @param location
+       * @returns 
        */
       isHit(context:yfiles.input.IInputModeContext,location:yfiles.geometry.Point):boolean;
       /**
        * 
-       * @param {yfiles.input.IInputModeContext} context
-       * @param {yfiles.geometry.Rect} rectangle
-       * @returns {boolean} 
+       * @param context
+       * @param rectangle
+       * @returns 
        */
       isInBox(context:yfiles.input.IInputModeContext,rectangle:yfiles.geometry.Rect):boolean;
       /**
@@ -72649,9 +72517,9 @@ declare namespace system{
        * Subclasses may choose to override this behavior for improved performance but need to <b>make sure to call {@link yfiles.styles.TemplatePortStyleRenderer#configure}</b> if they depend on a configured
        * instance.
        * </p>
-       * @param {yfiles.view.ICanvasContext} context the current canvas context
-       * @param {yfiles.geometry.Rect} rectangle the clip bounds
-       * @returns {boolean} <code>true</code> if the port may be painted within the clip bounds.
+       * @param context the current canvas context
+       * @param rectangle the clip bounds
+       * @returns <code>true</code> if the port may be painted within the clip bounds.
        * @see yfiles.styles.TemplatePortStyleRenderer#getVisibilityTestable
        */
       isVisible(context:yfiles.view.ICanvasContext,rectangle:yfiles.geometry.Rect):boolean;
@@ -72665,24 +72533,24 @@ declare namespace system{
        * This implementation will check if <code>type.IsInstanceOfType(this)</code> and will call {@link yfiles.styles.TemplatePortStyleRenderer#configure}
        * on success and return <code>this</code>.
        * </p>
-       * @param {yfiles.lang.Class} type The type to query for.
-       * @returns {Object} An implementation or <code>null</code>.
+       * @param type The type to query for.
+       * @returns An implementation or <code>null</code>.
        */
       lookup(type:yfiles.lang.Class):Object;
       /**
        * Delegates to the {@link yfiles.styles.TemplatePortStyleBase}'s {@link yfiles.styles.TemplatePortStyleBase#contextLookup}.
-       * @param {yfiles.styles.TemplatePortStyleBase} style
-       * @param {yfiles.graph.IPort} port
-       * @param {yfiles.lang.Class} type
-       * @returns {Object} 
+       * @param style
+       * @param port
+       * @param type
+       * @returns 
        * @protected
        */
       lookupContext(style:yfiles.styles.TemplatePortStyleBase,port:yfiles.graph.IPort,type:yfiles.lang.Class):Object;
       /**
        * Updates the component correspondingly.
-       * @param {yfiles.view.IRenderContext} context The context for the creation.
-       * @param {yfiles.view.Visual} oldVisual The currently rendered visual.
-       * @returns {yfiles.view.Visual} The visual that is used for rendering the port.
+       * @param context The context for the creation.
+       * @param oldVisual The currently rendered visual.
+       * @returns The visual that is used for rendering the port.
        */
       updateVisual(context:yfiles.view.IRenderContext,oldVisual:yfiles.view.Visual):yfiles.view.Visual;
       /**
@@ -72735,25 +72603,20 @@ declare namespace system{
      * <li>itemHighlighted: Whether the element is highlighted</li>
      * <li>styleTag: The tag associated with the element's style instance</li>
      * </ul>
-     * @class yfiles.styles.StringTemplatePortStyle
+     * @class
      * @extends {yfiles.styles.TemplatePortStyleBase}
      */
     export interface StringTemplatePortStyle extends yfiles.styles.TemplatePortStyleBase{}
     export class StringTemplatePortStyle {
       /**
        * Creates a new instance using the provided renderer.
-       * @param {yfiles.styles.TemplatePortStyleRenderer} renderer The custom renderer for this style instance.
-       * @constructor
+       * @param renderer The custom renderer for this style instance.
        */
       constructor(renderer:yfiles.styles.TemplatePortStyleRenderer);
       /**
        * Creates a new instance using the provided renderer.
        * @param {Object} options The parameters to pass.
-       * @param {yfiles.styles.TemplatePortStyleRenderer} options.renderer The custom renderer for this style instance.
-       * @param {Object} options.styleTag The tag that is associated with this style instance.
-       * <p>
-       * This option sets the {@link yfiles.styles.TemplatePortStyleBase#styleTag} property on the created object.
-       * </p>
+       * @param options.renderer The custom renderer for this style instance.
        * @param {yfiles.geometry.GeneralPath} options.normalizedOutline The normalized outline of a port that will be displayed using the {@link yfiles.styles.TemplatePortStyleBase#createTemplate created visual}.
        * <p>
        * This option sets the {@link yfiles.styles.TemplatePortStyleBase#normalizedOutline} property on the created object.
@@ -72762,23 +72625,17 @@ declare namespace system{
        * <p>
        * This option sets the {@link yfiles.styles.TemplatePortStyleBase#renderSize} property on the created object.
        * </p>
-       * @constructor
        */
-      constructor(options:{renderer:yfiles.styles.TemplatePortStyleRenderer,styleTag?:Object,normalizedOutline?:yfiles.geometry.GeneralPath,renderSize?:yfiles.geometry.Size});
+      constructor(options:{renderer:yfiles.styles.TemplatePortStyleRenderer,normalizedOutline?:yfiles.geometry.GeneralPath,renderSize?:yfiles.geometry.Size});
       /**
        * Initializes a new instance of this class and sets the given string as its {@link yfiles.styles.StringTemplatePortStyle#svgContent}.
-       * @param {string} svgContent The SVG snippet to use as template.
-       * @constructor
+       * @param svgContent The SVG snippet to use as template.
        */
       constructor(svgContent:string);
       /**
        * Initializes a new instance of this class and sets the given string as its {@link yfiles.styles.StringTemplatePortStyle#svgContent}.
        * @param {Object} options The parameters to pass.
-       * @param {string} options.svgContent The SVG snippet to use as template.
-       * @param {Object} options.styleTag The tag that is associated with this style instance.
-       * <p>
-       * This option sets the {@link yfiles.styles.TemplatePortStyleBase#styleTag} property on the created object.
-       * </p>
+       * @param options.svgContent The SVG snippet to use as template.
        * @param {yfiles.geometry.GeneralPath} options.normalizedOutline The normalized outline of a port that will be displayed using the {@link yfiles.styles.TemplatePortStyleBase#createTemplate created visual}.
        * <p>
        * This option sets the {@link yfiles.styles.TemplatePortStyleBase#normalizedOutline} property on the created object.
@@ -72787,16 +72644,11 @@ declare namespace system{
        * <p>
        * This option sets the {@link yfiles.styles.TemplatePortStyleBase#renderSize} property on the created object.
        * </p>
-       * @constructor
        */
-      constructor(options:{svgContent:string,styleTag?:Object,normalizedOutline?:yfiles.geometry.GeneralPath,renderSize?:yfiles.geometry.Size});
+      constructor(options:{svgContent:string,normalizedOutline?:yfiles.geometry.GeneralPath,renderSize?:yfiles.geometry.Size});
       /**
        * Creates a new instance using {@link yfiles.styles.TemplatePortStyleRenderer} as renderer.
        * @param {Object} [options=null] The parameters to pass.
-       * @param {Object} options.styleTag The tag that is associated with this style instance.
-       * <p>
-       * This option sets the {@link yfiles.styles.TemplatePortStyleBase#styleTag} property on the created object.
-       * </p>
        * @param {yfiles.geometry.GeneralPath} options.normalizedOutline The normalized outline of a port that will be displayed using the {@link yfiles.styles.TemplatePortStyleBase#createTemplate created visual}.
        * <p>
        * This option sets the {@link yfiles.styles.TemplatePortStyleBase#normalizedOutline} property on the created object.
@@ -72809,9 +72661,8 @@ declare namespace system{
        * <p>
        * This option sets the {@link yfiles.styles.StringTemplatePortStyle#svgContent} property on the created object.
        * </p>
-       * @constructor
        */
-      constructor(options?:{styleTag?:Object,normalizedOutline?:yfiles.geometry.GeneralPath,renderSize?:yfiles.geometry.Size,svgContent?:string});
+      constructor(options?:{normalizedOutline?:yfiles.geometry.GeneralPath,renderSize?:yfiles.geometry.Size,svgContent?:string});
       /**
        * Gets or sets the SVG content that is the template for the port visualization.
        * @default null
@@ -72820,106 +72671,6 @@ declare namespace system{
       svgContent:string;
       static $class:yfiles.lang.Class;
     }
-    export enum TableRenderingOrder{
-      /**
-       * Draw columns, then rows
-       */
-      COLUMNS_FIRST,
-      /**
-       * Draw rows, then columns
-       */
-      ROWS_FIRST
-    }
-    /**
-     * An abstract base class that makes it possible to easily implement a custom {@link yfiles.styles.IStripeStyle}.
-     * <p>
-     * The only method that needs to be implemented by subclasses is {@link yfiles.styles.StripeStyleBase#createVisual}, however to
-     * improve rendering performance it is highly recommended to implement at least
-     * {@link yfiles.styles.StripeStyleBase#updateVisual}, too.
-     * </p>
-     * <p>
-     * This implementation differs from the straightforward {@link yfiles.styles.IStripeStyle} implementation in that there is no
-     * visible separation between the style and its
-     * {@link yfiles.styles.IStripeStyleRenderer}. Instead the renderer used by the base class is fixed and delegates all calls back to
-     * the style instance.
-     * </p>
-     * @class yfiles.styles.StripeStyleBase
-     * @implements {yfiles.styles.IStripeStyle}
-     */
-    export interface StripeStyleBase extends Object,yfiles.styles.IStripeStyle{}
-    export class StripeStyleBase {
-      /**
-       * Initializes a new instance of the {@link yfiles.styles.StripeStyleBase} class.
-       * @protected
-       * @constructor
-       */
-      constructor();
-      /**
-       * Creates a new object that is a copy of the current instance.
-       * <p>
-       * Immutable subclasses should consider returning <code>this</code>.
-       * </p>
-       * @returns {Object} A new object that is a copy of this instance using {@link Object#memberwiseClone}.
-       */
-      clone():Object;
-      /**
-       * Callback that creates the visual.
-       * <p>
-       * This method is called in response to a {@link yfiles.view.IVisualCreator#createVisual} call to the instance that has been
-       * queried from the {@link yfiles.styles.StripeStyleBase#renderer}.
-       * </p>
-       * @param {yfiles.view.IRenderContext} context
-       * @param {yfiles.graph.IStripe} stripe The stripe to which this style instance is assigned.
-       * @returns {yfiles.view.Visual} The visual as required by the {@link yfiles.view.IVisualCreator#createVisual} interface.
-       * @see yfiles.styles.StripeStyleBase#updateVisual
-       * @protected
-       * @abstract
-       */
-      createVisual(context:yfiles.view.IRenderContext,stripe:yfiles.graph.IStripe):yfiles.view.Visual;
-      /**
-       * Performs the {@link yfiles.graph.ILookup#lookup} operation for the {@link yfiles.styles.IStripeStyleRenderer#getContext} that has been
-       * queried from the {@link yfiles.styles.StripeStyleBase#renderer}.
-       * <p>
-       * This implementation yields <code>null</code> for everything but:
-       * </p>
-       * <ul>
-       * <li>{@link yfiles.view.IVisualCreator}</li>
-       * <li>{@link yfiles.graph.ILookup}</li>
-       * </ul>
-       * <p>
-       * For these interfaces an implementation will be returned that delegates to the methods in this instance.
-       * </p>
-       * @param {yfiles.graph.IStripe} stripe The stripe to use for the context lookup.
-       * @param {yfiles.lang.Class} type The type to query.
-       * @returns {Object} An implementation of the <code>type</code> or <code>null</code>.
-       * @protected
-       */
-      lookup(stripe:yfiles.graph.IStripe,type:yfiles.lang.Class):Object;
-      /**
-       * Callback that updates the visual previously created by {@link yfiles.styles.StripeStyleBase#createVisual}.
-       * <p>
-       * This method is called in response to a {@link yfiles.view.IVisualCreator#updateVisual} call to the instance that has been
-       * queried from the {@link yfiles.styles.StripeStyleBase#renderer}. This implementation simply delegates to {@link yfiles.styles.StripeStyleBase#createVisual} so subclasses
-       * should override to improve rendering performance.
-       * </p>
-       * @param {yfiles.view.IRenderContext} context
-       * @param {yfiles.view.Visual} oldVisual The visual that has been created in the call to {@link yfiles.styles.StripeStyleBase#createVisual}.
-       * @param {yfiles.graph.IStripe} stripe The stripe to which this style instance is assigned.
-       * @returns {yfiles.view.Visual} The visual as required by the {@link yfiles.view.IVisualCreator#createVisual} interface.
-       * @see yfiles.styles.StripeStyleBase#createVisual
-       * @protected
-       */
-      updateVisual(context:yfiles.view.IRenderContext,oldVisual:yfiles.view.Visual,stripe:yfiles.graph.IStripe):yfiles.view.Visual;
-      /**
-       * Gets the renderer implementation for this instance.
-       * <p>
-       * The private implementation will delegate all API calls back to this instance.
-       * </p>
-       * @type {yfiles.styles.IStripeStyleRenderer}
-       */
-      renderer:yfiles.styles.IStripeStyleRenderer;
-      static $class:yfiles.lang.Class;
-    }
     /**
      * Style implementation for {@link yfiles.graph.IStripe} instances in an {@link yfiles.graph.ITable}.
      * <p>
@@ -72968,9 +72719,9 @@ declare namespace system{
        * <p>
        * Implementations may return {@link yfiles.graph.ILookup#EMPTY} if they don't support this, but may not return <code>null</code>.
        * </p>
-       * @param {yfiles.graph.IStripe} stripe The stripe to provide a context instance for.
-       * @param {yfiles.styles.IStripeStyle} style The style to use for the context.
-       * @returns {yfiles.graph.ILookup} An non-<code>null</code> lookup implementation.
+       * @param stripe The stripe to provide a context instance for.
+       * @param style The style to use for the context.
+       * @returns An non-<code>null</code> lookup implementation.
        * @see yfiles.graph.ILookup#EMPTY
        * @see yfiles.graph.ILookup
        * @abstract
@@ -72982,11 +72733,11 @@ declare namespace system{
        * <p>
        * This method may return a flyweight implementation, but never <code>null</code>.
        * </p>
-       * @param {yfiles.graph.IStripe} stripe The nstripeode to provide an instance for
-       * @param {yfiles.styles.IStripeStyle} style The style to use for the creation of the visual
-       * @returns {yfiles.view.IVisualCreator} An implementation that may be used to subsequently create or update the visual for the stripe. Clients should not cache
+       * @param stripe The nstripeode to provide an instance for
+       * @param style The style to use for the creation of the visual
+       * @returns An implementation that may be used to subsequently create or update the visual for the stripe. Clients should not cache
        * this instance and must always call this method immediately before using the value returned. This enables the use of the
-       * flyweight design pattern for implementations. This method may not return <code>null</code> but should yield a {@link yfiles.view.VoidVisualCreator#INSTANCE void} implementation
+       * flyweight design pattern for implementations. This method may not return <code>null</code> but should yield a {@link #INSTANCE void} implementation
        * instead.
        * @see yfiles.view.VoidVisualCreator#INSTANCE
        * @abstract
@@ -73004,7 +72755,7 @@ declare namespace system{
      * instead of <code>null</code> where <code>null</code> is not allowed. For example you cannot assign <code>null</code> to the {@link yfiles.graph.IStripe#style} property of an
      * {@link yfiles.graph.IStripe}.
      * </p>
-     * @class yfiles.styles.VoidStripeStyle
+     * @class
      * @implements {yfiles.styles.IStripeStyle}
      * @final
      */
@@ -73012,16 +72763,16 @@ declare namespace system{
     export class VoidStripeStyle {
       /**
        * Returns <code>this</code>.
-       * @returns {Object} <code>this</code>
+       * @returns <code>this</code>
        */
       clone():Object;
       /**
        * The {@link yfiles.styles.VoidStripeStyle} singleton.
        * @const
        * @static
-       * @type {yfiles.styles.IStripeStyle}
+       * @type {yfiles.styles.VoidStripeStyle}
        */
-      static INSTANCE:yfiles.styles.IStripeStyle;
+      static INSTANCE:yfiles.styles.VoidStripeStyle;
       /**
        * Yields the {@link yfiles.styles.VoidStripeStyleRenderer#INSTANCE VoidStripeStyleRenderer instance}.
        * @see yfiles.styles.IStripeStyle#renderer
@@ -73037,7 +72788,7 @@ declare namespace system{
      * this class instead of <code>null</code> where <code>null</code> is not allowed. For example you cannot assign <code>null</code> to the {@link yfiles.styles.IStripeStyle#renderer} property of an
      * {@link yfiles.styles.IStripeStyle}.
      * </p>
-     * @class yfiles.styles.VoidStripeStyleRenderer
+     * @class
      * @implements {yfiles.styles.IStripeStyleRenderer}
      * @final
      */
@@ -73045,16 +72796,16 @@ declare namespace system{
     export class VoidStripeStyleRenderer {
       /**
        * Yields the {@link yfiles.graph.ILookup#EMPTY} that will not yield anything.
-       * @param {yfiles.graph.IStripe} stripe
-       * @param {yfiles.styles.IStripeStyle} style
-       * @returns {yfiles.graph.ILookup} 
+       * @param stripe
+       * @param style
+       * @returns 
        */
       getContext(stripe:yfiles.graph.IStripe,style:yfiles.styles.IStripeStyle):yfiles.graph.ILookup;
       /**
        * Yields the {@link yfiles.view.VoidVisualCreator#INSTANCE} that will do nothing.
-       * @param {yfiles.graph.IStripe} stripe
-       * @param {yfiles.styles.IStripeStyle} style
-       * @returns {yfiles.view.IVisualCreator} 
+       * @param stripe
+       * @param style
+       * @returns 
        */
       getVisualCreator(stripe:yfiles.graph.IStripe,style:yfiles.styles.IStripeStyle):yfiles.view.IVisualCreator;
       /**
@@ -73068,7 +72819,7 @@ declare namespace system{
     }
     /**
      * A stripe style decorator that uses a node style instance to render the stripe.
-     * @class yfiles.styles.NodeStyleStripeStyleAdapter
+     * @class
      * @implements {yfiles.styles.IStripeStyle}
      */
     export interface NodeStyleStripeStyleAdapter extends Object,yfiles.styles.IStripeStyle{}
@@ -73079,8 +72830,7 @@ declare namespace system{
        * Note that the styles will be stored by reference, thus modifying the style will directly affect the rendering of this
        * instance.
        * </p>
-       * @param {yfiles.styles.INodeStyle} nodeStyle The node style to use for rendering the stripe.
-       * @constructor
+       * @param nodeStyle The node style to use for rendering the stripe.
        */
       constructor(nodeStyle:yfiles.styles.INodeStyle);
       /**
@@ -73094,12 +72844,11 @@ declare namespace system{
        * <p>
        * This option sets the {@link yfiles.styles.NodeStyleStripeStyleAdapter#nodeStyle} property on the created object.
        * </p>
-       * @constructor
        */
       constructor(options?:{nodeStyle?:yfiles.styles.INodeStyle});
       /**
        * 
-       * @returns {Object} 
+       * @returns 
        */
       clone():Object;
       /**
@@ -73114,6 +72863,105 @@ declare namespace system{
       nodeStyle:yfiles.styles.INodeStyle;
       static $class:yfiles.lang.Class;
     }
+    export enum TableRenderingOrder{
+      /**
+       * Draw columns, then rows
+       */
+      COLUMNS_FIRST,
+      /**
+       * Draw rows, then columns
+       */
+      ROWS_FIRST
+    }
+    /**
+     * An abstract base class that makes it possible to easily implement a custom {@link yfiles.styles.IStripeStyle}.
+     * <p>
+     * The only method that needs to be implemented by subclasses is {@link yfiles.styles.StripeStyleBase#createVisual}, however to
+     * improve rendering performance it is highly recommended to implement at least
+     * {@link yfiles.styles.StripeStyleBase#updateVisual}, too.
+     * </p>
+     * <p>
+     * This implementation differs from the straightforward {@link yfiles.styles.IStripeStyle} implementation in that there is no
+     * visible separation between the style and its
+     * {@link yfiles.styles.IStripeStyleRenderer}. Instead the renderer used by the base class is fixed and delegates all calls back to
+     * the style instance.
+     * </p>
+     * @class
+     * @implements {yfiles.styles.IStripeStyle}
+     */
+    export interface StripeStyleBase extends Object,yfiles.styles.IStripeStyle{}
+    export class StripeStyleBase {
+      /**
+       * Initializes a new instance of the {@link yfiles.styles.StripeStyleBase} class.
+       * @protected
+       */
+      constructor();
+      /**
+       * Creates a new object that is a copy of the current instance.
+       * <p>
+       * Immutable subclasses should consider returning <code>this</code>.
+       * </p>
+       * @returns A new object that is a copy of this instance using {@link #memberwiseClone}.
+       */
+      clone():Object;
+      /**
+       * Callback that creates the visual.
+       * <p>
+       * This method is called in response to a {@link yfiles.view.IVisualCreator#createVisual} call to the instance that has been
+       * queried from the {@link yfiles.styles.StripeStyleBase#renderer}.
+       * </p>
+       * @param context
+       * @param stripe The stripe to which this style instance is assigned.
+       * @returns The visual as required by the {@link #createVisual} interface.
+       * @see yfiles.styles.StripeStyleBase#updateVisual
+       * @protected
+       * @abstract
+       */
+      createVisual(context:yfiles.view.IRenderContext,stripe:yfiles.graph.IStripe):yfiles.view.Visual;
+      /**
+       * Performs the {@link yfiles.graph.ILookup#lookup} operation for the {@link yfiles.styles.IStripeStyleRenderer#getContext} that has been
+       * queried from the {@link yfiles.styles.StripeStyleBase#renderer}.
+       * <p>
+       * This implementation yields <code>null</code> for everything but:
+       * </p>
+       * <ul>
+       * <li>{@link yfiles.view.IVisualCreator}</li>
+       * <li>{@link yfiles.graph.ILookup}</li>
+       * </ul>
+       * <p>
+       * For these interfaces an implementation will be returned that delegates to the methods in this instance.
+       * </p>
+       * @param stripe The stripe to use for the context lookup.
+       * @param type The type to query.
+       * @returns An implementation of the <code>type</code> or <code>null</code>.
+       * @protected
+       */
+      lookup(stripe:yfiles.graph.IStripe,type:yfiles.lang.Class):Object;
+      /**
+       * Callback that updates the visual previously created by {@link yfiles.styles.StripeStyleBase#createVisual}.
+       * <p>
+       * This method is called in response to a {@link yfiles.view.IVisualCreator#updateVisual} call to the instance that has been
+       * queried from the {@link yfiles.styles.StripeStyleBase#renderer}. This implementation simply delegates to {@link yfiles.styles.StripeStyleBase#createVisual} so subclasses
+       * should override to improve rendering performance.
+       * </p>
+       * @param context
+       * @param oldVisual The visual that has been created in the call to {@link #createVisual}.
+       * @param stripe The stripe to which this style instance is assigned.
+       * @returns The visual as required by the {@link #createVisual} interface.
+       * @see yfiles.styles.StripeStyleBase#createVisual
+       * @protected
+       */
+      updateVisual(context:yfiles.view.IRenderContext,oldVisual:yfiles.view.Visual,stripe:yfiles.graph.IStripe):yfiles.view.Visual;
+      /**
+       * Gets the renderer implementation for this instance.
+       * <p>
+       * The private implementation will delegate all API calls back to this instance.
+       * </p>
+       * @type {yfiles.styles.IStripeStyleRenderer}
+       */
+      renderer:yfiles.styles.IStripeStyleRenderer;
+      static $class:yfiles.lang.Class;
+    }
   }export namespace binding{
     /**
      * This class is an adapter that populates a {@link yfiles.binding.GraphBuilderBase#graph} from custom business data.
@@ -73141,7 +72989,7 @@ declare namespace system{
      * The visual appearance of the graph constructed from the business objects can be configured using the {@link yfiles.graph.IGraph#nodeDefaults}, the {@link yfiles.graph.IGraph#groupNodeDefaults}, and the {@link yfiles.graph.IGraph#edgeDefaults} of
      * the {@link yfiles.graph.IGraph}.
      * </p>
-     * @class yfiles.binding.AdjacentNodesGraphBuilder
+     * @class
      * @extends {yfiles.binding.GraphBuilderBase}
      */
     export interface AdjacentNodesGraphBuilder extends yfiles.binding.GraphBuilderBase{}
@@ -73151,8 +72999,7 @@ declare namespace system{
        * <p>
        * The <code>graph</code> will be {@link yfiles.graph.IGraph#clear cleared} and re-built from the data in {@link yfiles.binding.GraphBuilderBase#nodesSource} when {@link yfiles.binding.GraphBuilderBase#buildGraph} is called.
        * </p>
-       * @param {yfiles.graph.IGraph} graph
-       * @constructor
+       * @param graph
        */
       constructor(graph:yfiles.graph.IGraph);
       /**
@@ -73160,20 +73007,20 @@ declare namespace system{
        * <p>
        * This class calls this method to create all new edges, and customers may override it to customize edge creation.
        * </p>
-       * @param {yfiles.graph.IGraph} graph The graph.
-       * @param {yfiles.graph.INode} source The source node of the edge.
-       * @param {yfiles.graph.INode} target The target node of the edge.
-       * @returns {yfiles.graph.IEdge} The created edge.
+       * @param graph The graph.
+       * @param source The source node of the edge.
+       * @param target The target node of the edge.
+       * @returns The created edge.
        * @protected
        */
       createEdge(graph:yfiles.graph.IGraph,source:yfiles.graph.INode,target:yfiles.graph.INode):yfiles.graph.IEdge;
       /**
        * Updates an existing edge connecting the given nodes when {@link yfiles.binding.GraphBuilderBase#updateGraph} is called and the
        * edge should remain in the graph.
-       * @param {yfiles.graph.IGraph} graph The graph.
-       * @param {yfiles.graph.IEdge} edge The edge to update.
-       * @param {yfiles.graph.INode} source The source node of the edge.
-       * @param {yfiles.graph.INode} target The target node of the edge.
+       * @param graph The graph.
+       * @param edge The edge to update.
+       * @param source The source node of the edge.
+       * @param target The target node of the edge.
        * @protected
        */
       updateEdge(graph:yfiles.graph.IGraph,edge:yfiles.graph.IEdge,source:yfiles.graph.INode,target:yfiles.graph.INode):void;
@@ -73233,7 +73080,7 @@ declare namespace system{
      * The visual appearance of the graph constructed from the business objects can be configured using the {@link yfiles.graph.IGraph#nodeDefaults}, the {@link yfiles.graph.IGraph#groupNodeDefaults}, and the {@link yfiles.graph.IGraph#edgeDefaults} of
      * the {@link yfiles.graph.IGraph}.
      * </p>
-     * @class yfiles.binding.GraphBuilder
+     * @class
      * @extends {yfiles.binding.GraphBuilderBase}
      */
     export interface GraphBuilder extends yfiles.binding.GraphBuilderBase{}
@@ -73244,8 +73091,7 @@ declare namespace system{
        * The <code>graph</code> will be {@link yfiles.graph.IGraph#clear cleared} and re-built from the data in {@link yfiles.binding.GraphBuilderBase#nodesSource} and {@link yfiles.binding.GraphBuilder#edgesSource} when {@link yfiles.binding.GraphBuilderBase#buildGraph} is
        * called.
        * </p>
-       * @param {yfiles.graph.IGraph} graph
-       * @constructor
+       * @param graph
        */
       constructor(graph:yfiles.graph.IGraph);
       /**
@@ -73253,19 +73099,19 @@ declare namespace system{
        * <p>
        * This class calls this method to create all new edges, and customers may override it to customize edge creation.
        * </p>
-       * @param {yfiles.graph.IGraph} graph The graph.
-       * @param {yfiles.graph.INode} source The source node of the edge.
-       * @param {yfiles.graph.INode} target The target node of the edge.
-       * @param {Object} labelData The optional label data of the edge if an {@link yfiles.binding.GraphBuilder#edgeLabelBinding} is specified.
-       * @param {Object} businessObject The business data associated with the edge.
-       * @returns {yfiles.graph.IEdge} The created edge.
+       * @param graph The graph.
+       * @param source The source node of the edge.
+       * @param target The target node of the edge.
+       * @param labelData The optional label data of the edge if an {@link #edgeLabelBinding} is specified.
+       * @param businessObject The business data associated with the edge.
+       * @returns The created edge.
        * @protected
        */
       createEdge(graph:yfiles.graph.IGraph,source:yfiles.graph.INode,target:yfiles.graph.INode,labelData:Object,businessObject:Object):yfiles.graph.IEdge;
       /**
        * Retrieves the associated edge in the {@link yfiles.binding.GraphBuilderBase#graph} for a business object from the {@link yfiles.binding.GraphBuilder#edgesSource}.
-       * @param {Object} businessObject A business object from the {@link yfiles.binding.GraphBuilder#edgesSource} to get the edge for.
-       * @returns {yfiles.graph.IEdge} The edge associated with the business object or <code>null</code> for unknown objects.
+       * @param businessObject A business object from the {@link #edgesSource} to get the edge for.
+       * @returns The edge associated with the business object or <code>null</code> for unknown objects.
        * @see yfiles.binding.GraphBuilderBase#getBusinessObject
        * @see yfiles.binding.GraphBuilderBase#getNode
        * @see yfiles.binding.GraphBuilderBase#getGroup
@@ -73274,10 +73120,10 @@ declare namespace system{
       /**
        * Updates an existing edge when {@link yfiles.binding.GraphBuilderBase#updateGraph} is called and the edge should remain in the
        * graph.
-       * @param {yfiles.graph.IGraph} graph The graph.
-       * @param {yfiles.graph.IEdge} edge The edge to update.
-       * @param {Object} labelData The optional label data of the edge if an {@link yfiles.binding.GraphBuilder#edgeLabelBinding} is specified.
-       * @param {Object} businessObject The business data associated with the edge.
+       * @param graph The graph.
+       * @param edge The edge to update.
+       * @param labelData The optional label data of the edge if an {@link #edgeLabelBinding} is specified.
+       * @param businessObject The business data associated with the edge.
        * @protected
        */
       updateEdge(graph:yfiles.graph.IGraph,edge:yfiles.graph.IEdge,labelData:Object,businessObject:Object):void;
@@ -73367,7 +73213,7 @@ declare namespace system{
      * Customers should not create own implementations based on this class but use one of the ready-made adapters {@link yfiles.binding.GraphBuilder}
      * or {@link yfiles.binding.AdjacentNodesGraphBuilder}.
      * </p>
-     * @class yfiles.binding.GraphBuilderBase
+     * @class
      */
     export interface GraphBuilderBase extends Object{}
     export class GraphBuilderBase {
@@ -73376,9 +73222,8 @@ declare namespace system{
        * <p>
        * The <code>graph</code> will be {@link yfiles.graph.IGraph#clear cleared} and re-built from the data in {@link yfiles.binding.GraphBuilderBase#nodesSource} when {@link yfiles.binding.GraphBuilderBase#buildGraph} is called.
        * </p>
-       * @param {yfiles.graph.IGraph} graph
+       * @param graph
        * @protected
-       * @constructor
        */
       constructor(graph:yfiles.graph.IGraph);
       /**
@@ -73387,15 +73232,15 @@ declare namespace system{
        * First, this method clears the graph, and then it adds new groups, nodes, and edges as specified by the business data and
        * bindings.
        * </p>
-       * @returns {yfiles.graph.IGraph} The created graph.
+       * @returns The created graph.
        * @see yfiles.binding.GraphBuilderBase#updateGraph
        */
       buildGraph():yfiles.graph.IGraph;
       /**
        * Creates a new group node and assigns the <code>businessObject</code>parameter to the group node's {@link yfiles.graph.ITagOwner#tag Tag} property.
-       * @param {yfiles.graph.IGraph} graph The graph.
-       * @param {Object} businessObject The business data associated with the group node.
-       * @returns {yfiles.graph.INode} The created node.
+       * @param graph The graph.
+       * @param businessObject The business data associated with the group node.
+       * @returns The created node.
        * @protected
        */
       createGroupNode(graph:yfiles.graph.IGraph,businessObject:Object):yfiles.graph.INode;
@@ -73404,35 +73249,35 @@ declare namespace system{
        * <p>
        * This class calls this method to create all new nodes, and customers may override it to customize node creation.
        * </p>
-       * @param {yfiles.graph.IGraph} graph The graph.
-       * @param {yfiles.graph.INode} parent The node's parent node.
-       * @param {yfiles.geometry.Point} location The location of the node.
-       * @param {Object} labelData The optional label data of the node if an {@link yfiles.binding.GraphBuilderBase#nodeLabelBinding} is specified.
-       * @param {Object} businessObject The business data associated with the node.
-       * @returns {yfiles.graph.INode} The created node.
+       * @param graph The graph.
+       * @param parent The node's parent node.
+       * @param location The location of the node.
+       * @param labelData The optional label data of the node if an {@link #nodeLabelBinding} is specified.
+       * @param businessObject The business data associated with the node.
+       * @returns The created node.
        * @protected
        */
       createNode(graph:yfiles.graph.IGraph,parent:yfiles.graph.INode,location:yfiles.geometry.Point,labelData:Object,businessObject:Object):yfiles.graph.INode;
       /**
        * Retrieves the associated business object for a given {@link yfiles.graph.IModelItem graph item} from the {@link yfiles.binding.GraphBuilderBase#graph}.
-       * @param {yfiles.graph.IModelItem} item The item of the graph to get the business object for.
-       * @returns {Object} The business object associated with the graph item.
+       * @param item The item of the graph to get the business object for.
+       * @returns The business object associated with the graph item.
        * @see yfiles.binding.GraphBuilderBase#getNode
        * @see yfiles.binding.GraphBuilderBase#getGroup
        */
       getBusinessObject(item:yfiles.graph.IModelItem):Object;
       /**
        * Retrieves the associated group node in the {@link yfiles.binding.GraphBuilderBase#graph} for a business object from the {@link yfiles.binding.GraphBuilderBase#groupsSource}.
-       * @param {Object} businessObject A business object from the {@link yfiles.binding.GraphBuilderBase#groupsSource} to get the group for.
-       * @returns {yfiles.graph.INode} The group associated with the business object or <code>null</code> for unknown objects.
+       * @param businessObject A business object from the {@link #groupsSource} to get the group for.
+       * @returns The group associated with the business object or <code>null</code> for unknown objects.
        * @see yfiles.binding.GraphBuilderBase#getBusinessObject
        * @see yfiles.binding.GraphBuilderBase#getNode
        */
       getGroup(businessObject:Object):yfiles.graph.INode;
       /**
        * Retrieves the associated node in the {@link yfiles.binding.GraphBuilderBase#graph} for a business object from the {@link yfiles.binding.GraphBuilderBase#nodesSource}.
-       * @param {Object} businessObject A business object from the {@link yfiles.binding.GraphBuilderBase#nodesSource} to get the node for.
-       * @returns {yfiles.graph.INode} The node associated with the business object or <code>null</code> for unknown objects.
+       * @param businessObject A business object from the {@link #nodesSource} to get the node for.
+       * @returns The node associated with the business object or <code>null</code> for unknown objects.
        * @see yfiles.binding.GraphBuilderBase#getBusinessObject
        * @see yfiles.binding.GraphBuilderBase#getGroup
        */
@@ -73452,21 +73297,21 @@ declare namespace system{
        * <p>
        * This class calls this method to create all new groups, and customers may override it to customize group creation.
        * </p>
-       * @param {yfiles.graph.IGraph} graph The graph.
-       * @param {yfiles.graph.INode} groupNode The group node to update.
-       * @param {Object} businessObject The business data associated with the group node.
+       * @param graph The graph.
+       * @param groupNode The group node to update.
+       * @param businessObject The business data associated with the group node.
        * @protected
        */
       updateGroupNode(graph:yfiles.graph.IGraph,groupNode:yfiles.graph.INode,businessObject:Object):void;
       /**
        * Updates an existing node when {@link yfiles.binding.GraphBuilderBase#updateGraph} is called and the node should remain in the
        * graph.
-       * @param {yfiles.graph.IGraph} graph The graph.
-       * @param {yfiles.graph.INode} node The node to update.
-       * @param {yfiles.graph.INode} parent The node's parent node.
-       * @param {yfiles.geometry.Point} location The location of the node.
-       * @param {Object} labelData The optional label data of the node if an {@link yfiles.binding.GraphBuilderBase#nodeLabelBinding} is specified.
-       * @param {Object} businessObject The business data associated with the node.
+       * @param graph The graph.
+       * @param node The node to update.
+       * @param parent The node's parent node.
+       * @param location The location of the node.
+       * @param labelData The optional label data of the node if an {@link #nodeLabelBinding} is specified.
+       * @param businessObject The business data associated with the node.
        * @protected
        */
       updateNode(graph:yfiles.graph.IGraph,node:yfiles.graph.INode,parent:yfiles.graph.INode,location:yfiles.geometry.Point,labelData:Object,businessObject:Object):void;
@@ -73638,7 +73483,7 @@ declare namespace system{
      * </p>
      * @see yfiles.binding.TreeBuilder#nodesSource
      * @see yfiles.binding.TreeBuilder#childBinding
-     * @class yfiles.binding.TreeBuilder
+     * @class
      */
     export interface TreeBuilder extends Object{}
     export class TreeBuilder {
@@ -73648,8 +73493,7 @@ declare namespace system{
        * The <code>graph</code> will be {@link yfiles.graph.IGraph#clear cleared} and re-built from the data in {@link yfiles.binding.TreeBuilder#nodesSource} when {@link yfiles.binding.TreeBuilder#buildGraph} is called. The {@link yfiles.binding.TreeBuilder#childBinding}
        * needs to be set in order to actually create a tree.
        * </p>
-       * @param {yfiles.graph.IGraph} graph
-       * @constructor
+       * @param graph
        */
       constructor(graph:yfiles.graph.IGraph);
       /**
@@ -73658,60 +73502,60 @@ declare namespace system{
        * First, this method clears the graph, and then it adds new groups, nodes, and edges as specified by the business data and
        * bindings.
        * </p>
-       * @returns {yfiles.graph.IGraph} The created graph.
+       * @returns The created graph.
        * @see yfiles.binding.TreeBuilder#updateGraph
        */
       buildGraph():yfiles.graph.IGraph;
       /**
        * Creates an edge between the source and target node.
-       * @param {yfiles.graph.IGraph} graph The graph.
-       * @param {yfiles.graph.INode} source The source node of the edge.
-       * @param {yfiles.graph.INode} target The target node of the edge.
-       * @param {Object} labelData The optional label data of the edge if an {@link yfiles.binding.TreeBuilder#edgeLabelBinding} is specified.
-       * @returns {yfiles.graph.IEdge} The created edge.
+       * @param graph The graph.
+       * @param source The source node of the edge.
+       * @param target The target node of the edge.
+       * @param labelData The optional label data of the edge if an {@link #edgeLabelBinding} is specified.
+       * @returns The created edge.
        * @protected
        */
       createEdge(graph:yfiles.graph.IGraph,source:yfiles.graph.INode,target:yfiles.graph.INode,labelData:Object):yfiles.graph.IEdge;
       /**
        * Creates a new group node and assigns the <code>businessObject</code>parameter to the group node's {@link yfiles.graph.ITagOwner#tag Tag} property.
-       * @param {yfiles.graph.IGraph} graph The graph.
-       * @param {Object} businessObject The business data associated with the group node.
-       * @returns {yfiles.graph.INode} The created node.
+       * @param graph The graph.
+       * @param businessObject The business data associated with the group node.
+       * @returns The created node.
        * @protected
        */
       createGroupNode(graph:yfiles.graph.IGraph,businessObject:Object):yfiles.graph.INode;
       /**
        * Creates a node with the specified parent and assigns the <code>businessObject</code> parameter to the node's {@link yfiles.graph.ITagOwner#tag Tag} property.
-       * @param {yfiles.graph.IGraph} graph The graph.
-       * @param {yfiles.graph.INode} parent The node's parent node.
-       * @param {yfiles.geometry.Point} location The location of the node.
-       * @param {Object} labelData The optional label data of the node if an {@link yfiles.binding.TreeBuilder#nodeLabelBinding} is specified.
-       * @param {Object} businessObject The business data associated with the node.
-       * @returns {yfiles.graph.INode} The created node.
+       * @param graph The graph.
+       * @param parent The node's parent node.
+       * @param location The location of the node.
+       * @param labelData The optional label data of the node if an {@link #nodeLabelBinding} is specified.
+       * @param businessObject The business data associated with the node.
+       * @returns The created node.
        * @protected
        */
       createNode(graph:yfiles.graph.IGraph,parent:yfiles.graph.INode,location:yfiles.geometry.Point,labelData:Object,businessObject:Object):yfiles.graph.INode;
       /**
        * Retrieves the associated business object for a given {@link yfiles.graph.INode node} from the {@link yfiles.binding.TreeBuilder#graph}.
-       * @param {yfiles.graph.IModelItem} item The node of the graph to get the business object for.
-       * @returns {Object} The business object associated with the graph element.
+       * @param item The node of the graph to get the business object for.
+       * @returns The business object associated with the graph element.
        * @see yfiles.binding.TreeBuilder#getNode
        */
       getBusinessObject(item:yfiles.graph.IModelItem):Object;
       /**
        * Retrieves the associated node in the {@link yfiles.binding.TreeBuilder#graph} for a business object from the {@link yfiles.binding.TreeBuilder#nodesSource}.
-       * @param {Object} businessObject A business object from the {@link yfiles.binding.TreeBuilder#nodesSource} to get the node for.
-       * @returns {yfiles.graph.INode} The node associated with the business object or <code>null</code> for unknown objects.
+       * @param businessObject A business object from the {@link #nodesSource} to get the node for.
+       * @returns The node associated with the business object or <code>null</code> for unknown objects.
        * @see yfiles.binding.TreeBuilder#getBusinessObject
        */
       getNode(businessObject:Object):yfiles.graph.INode;
       /**
        * Updates an edge with the given data.
-       * @param {yfiles.graph.IGraph} graph The graph.
-       * @param {yfiles.graph.IEdge} edge The edge to update.
-       * @param {yfiles.graph.INode} source The edge's source node.
-       * @param {yfiles.graph.INode} target The edge's target node.
-       * @param {Object} labelData The business data associated with the edge.
+       * @param graph The graph.
+       * @param edge The edge to update.
+       * @param source The edge's source node.
+       * @param target The edge's target node.
+       * @param labelData The business data associated with the edge.
        * @protected
        */
       updateEdge(graph:yfiles.graph.IGraph,edge:yfiles.graph.IEdge,source:yfiles.graph.INode,target:yfiles.graph.INode,labelData:Object):void;
@@ -73730,20 +73574,20 @@ declare namespace system{
        * <p>
        * This class calls this method to create all new groups, and customers may override it to customize group creation.
        * </p>
-       * @param {yfiles.graph.IGraph} graph The graph.
-       * @param {yfiles.graph.INode} groupNode The group node to update.
-       * @param {Object} businessObject The business data associated with the group node.
+       * @param graph The graph.
+       * @param groupNode The group node to update.
+       * @param businessObject The business data associated with the group node.
        * @protected
        */
       updateGroupNode(graph:yfiles.graph.IGraph,groupNode:yfiles.graph.INode,businessObject:Object):void;
       /**
        * Updates a node with the given data.
-       * @param {yfiles.graph.IGraph} graph The graph.
-       * @param {yfiles.graph.INode} node The node to update.
-       * @param {yfiles.graph.INode} parent The node's parent node.
-       * @param {yfiles.geometry.Point} location The location of the node.
-       * @param {Object} labelData The optional label data of the edge if an {@link yfiles.binding.TreeBuilder#nodeLabelBinding} is specified.
-       * @param {Object} businessObject The business data associated with the node.
+       * @param graph The graph.
+       * @param node The node to update.
+       * @param parent The node's parent node.
+       * @param location The location of the node.
+       * @param labelData The optional label data of the edge if an {@link #nodeLabelBinding} is specified.
+       * @param businessObject The business data associated with the node.
        * @protected
        */
       updateNode(graph:yfiles.graph.IGraph,node:yfiles.graph.INode,parent:yfiles.graph.INode,location:yfiles.geometry.Point,labelData:Object,businessObject:Object):void;
@@ -73977,7 +73821,7 @@ declare namespace system{
      * <p>
      * When handling a stop request, algorithms should ensure that the resulting graph is still in a consistent state.
      * </p>
-     * @class yfiles.algorithms.AbortHandler
+     * @class
      */
     export interface AbortHandler extends Object{}
     export class AbortHandler {
@@ -73986,7 +73830,6 @@ declare namespace system{
        * @see yfiles.algorithms.AbortHandler#stopDuration
        * @see yfiles.algorithms.AbortHandler#cancelDuration
        * @see yfiles.algorithms.AbortHandler#reset
-       * @constructor
        */
       constructor();
       /**
@@ -73995,7 +73838,7 @@ declare namespace system{
        * This method returns <code>true</code> if the algorithm should terminate gracefully and ensures that the processed graph remains in a
        * consistent state.
        * </p>
-       * @returns {boolean} <code>true</code>, if the algorithm should terminate immediately, <code>false</code> otherwise
+       * @returns <code>true</code>, if the algorithm should terminate immediately, <code>false</code> otherwise
        * @throws {yfiles.algorithms.AlgorithmAbortedError} if the algorithm should terminate immediately
        * @see yfiles.algorithms.AbortHandler#stop
        */
@@ -74011,8 +73854,8 @@ declare namespace system{
        * it is recommended to retrieve the given graph's attached handler once and only call the handler's {@link yfiles.algorithms.AbortHandler#check}
        * method repeatedly.
        * </p>
-       * @param {yfiles.algorithms.Graph} graph
-       * @returns {boolean} <code>true</code>, if the algorithm should stop immediately while still providing some valid result, <code>false</code> otherwise
+       * @param graph
+       * @returns <code>true</code>, if the algorithm should stop immediately while still providing some valid result, <code>false</code> otherwise
        * @throws {yfiles.algorithms.AlgorithmAbortedError} if the algorithm should terminate immediately
        * @throws {Stubs.Exceptions.ArgumentError} if the given graph is <code>null</code>
        * @see yfiles.algorithms.AbortHandler#check
@@ -74022,8 +73865,8 @@ declare namespace system{
       static check(graph:yfiles.algorithms.Graph):boolean;
       /**
        * Attaches the {@link yfiles.algorithms.AbortHandler} instance of the given source graph to the target graph as well.
-       * @param {yfiles.algorithms.Graph} source the graph whose handler is attached to the target graph
-       * @param {yfiles.algorithms.Graph} target the graph to which the handler of the source graph is attached
+       * @param source the graph whose handler is attached to the target graph
+       * @param target the graph to which the handler of the source graph is attached
        * @throws {Stubs.Exceptions.ArgumentError} if the given source is <code>null</code>
        * @static
        */
@@ -74037,8 +73880,8 @@ declare namespace system{
        * <p>
        * This method should be called by client code prior to starting a graph algorithm that may be terminated early.
        * </p>
-       * @param {yfiles.algorithms.Graph} graph the graph to which the handler will be attached
-       * @returns {yfiles.algorithms.AbortHandler} the {@link yfiles.algorithms.AbortHandler} instance for the given graph
+       * @param graph the graph to which the handler will be attached
+       * @returns the {@link } instance for the given graph
        * @throws {Stubs.Exceptions.ArgumentError} if the given graph is <code>null</code>.
        * @see yfiles.algorithms.AbortHandler#hasHandler
        * @static
@@ -74051,8 +73894,8 @@ declare namespace system{
        * the instance that will be returned. Otherwise, a non-functional instance is returned whose methods do nothing. Use {@link yfiles.algorithms.AbortHandler#hasHandler}
        * to check whether or not a handler has been already attached to the given graph.
        * </p>
-       * @param {yfiles.algorithms.Graph} graph the given graph
-       * @returns {yfiles.algorithms.AbortHandler} an {@link yfiles.algorithms.AbortHandler} for the given graph or a non-functional instance if no handler has been previously
+       * @param graph the given graph
+       * @returns an {@link } for the given graph or a non-functional instance if no handler has been previously
        * created
        * @throws {Stubs.Exceptions.ArgumentError} if the given graph is <code>null</code>
        * @see yfiles.algorithms.AbortHandler#createForGraph
@@ -74062,15 +73905,15 @@ declare namespace system{
       static getFromGraph(graph:yfiles.algorithms.Graph):yfiles.algorithms.AbortHandler;
       /**
        * Determines whether or not an {@link yfiles.algorithms.AbortHandler} instance is attached to the given graph.
-       * @param {yfiles.algorithms.Graph} graph the given graph
-       * @returns {boolean} <code>true</code> if a handler is attached to the given graph, <code>false</code> otherwise
+       * @param graph the given graph
+       * @returns <code>true</code> if a handler is attached to the given graph, <code>false</code> otherwise
        * @throws {Stubs.Exceptions.ArgumentError} if the given graph is <code>null</code>
        * @static
        */
       static hasHandler(graph:yfiles.algorithms.Graph):boolean;
       /**
        * Removes any attached {@link yfiles.algorithms.AbortHandler} instance from the given graph.
-       * @param {yfiles.algorithms.Graph} graph the given graph
+       * @param graph the given graph
        * @throws {Stubs.Exceptions.ArgumentError} if the given graph is <code>null</code>.
        * @static
        */
@@ -74105,7 +73948,7 @@ declare namespace system{
       stop():void;
       /**
        * Determines the remaining time (in milliseconds) until an algorithm that {@link yfiles.algorithms.AbortHandler#check checks} this handler is cancelled automatically.
-       * @returns {yfiles.lang.TimeSpan} the remaining time until the algorithm is cancelled automatically.
+       * @returns the remaining time until the algorithm is cancelled automatically.
        * @see yfiles.algorithms.AbortHandler#cancelDuration
        * @see yfiles.algorithms.AbortHandler#reset
        * @see yfiles.algorithms.AbortHandler#cancelDuration
@@ -74117,7 +73960,7 @@ declare namespace system{
        * If the {@link yfiles.algorithms.AbortHandler#stopDuration stop duration} is less than or equal to zero, <code>-1</code> will be returned which means that the algorithm may run
        * unrestricted.
        * </p>
-       * @returns {yfiles.lang.TimeSpan} the remaining time until the algorithm is stopped automatically or <code>-1</code> if the algorithm may run unrestricted
+       * @returns the remaining time until the algorithm is stopped automatically or <code>-1</code> if the algorithm may run unrestricted
        * @see yfiles.algorithms.AbortHandler#stopDuration
        * @see yfiles.algorithms.AbortHandler#reset
        * @see yfiles.algorithms.AbortHandler#stop
@@ -74169,8 +74012,8 @@ declare namespace system{
        * Gets whether or not methods {@link yfiles.algorithms.AbortHandler#check} or {@link yfiles.algorithms.AbortHandler#check} were called
        * after a stop or cancel event.
        * <p>
-       * More precisely, it returns <code>true</code> if one of the check methods either threw an {@link yfiles.algorithms.AlgorithmAbortedError} or
-       * returned <code>true</code> to indicate that the calling algorithm should terminate gracefully. Otherwise, this method returns <code>false</code>.
+       * More precisely, it returns <code>true</code> if one of the check methods either threw an {@link yfiles.lang.Exception} or returned <code>true</code> to
+       * indicate that the calling algorithm should terminate gracefully. Otherwise, this method returns <code>false</code>.
        * </p>
        * @see yfiles.algorithms.AbortHandler#check
        * @see yfiles.algorithms.AbortHandler#check
@@ -74195,7 +74038,7 @@ declare namespace system{
      * {@graph {"ann":{"s":[30,30],"d":0},"n":[[-35,-35,1,[[-25.34,-10.65,10.67,18.7,"0"]]],[-35,85,[[-25.34,109.35,10.67,18.7,"1"]]],[85,-35,[[94.66,-10.65,10.67,18.7,"1"]]],[85,85,[[94.66,109.35,10.67,18.7,"2"]]],[205,-35,[[214.66,-10.65,10.67,18.7,"3"]]],[205,85,[[214.66,109.35,10.67,18.7,"4"]]]],"e":[[4,3],[2,0],[0,1],[1,3],[2,3],[4,5]],"vp":[-35.0,-35.0,270.0,150.0]}} Example for a BFS run. The marked node is the core node from which BFS starts while node labels indicate the resulting
      * layers.
      * </p>
-     * @class yfiles.algorithms.Bfs
+     * @class
      * @static
      */
     export interface Bfs extends Object{}
@@ -74211,13 +74054,13 @@ declare namespace system{
        * <p>
        * In the <code>i</code>-th layer are previously unassigned nodes that are connected to nodes in the <code>(i-1)</code>-th layer.
        * </p>
-       * @param {yfiles.algorithms.Graph} graph the given graph
-       * @param {yfiles.algorithms.NodeList} coreNodes the list of core nodes
-       * @param {yfiles.algorithms.BfsDirection} direction one of the predefined direction specifiers
-       * @param {yfiles.algorithms.INodeMap} layerIDMap the {@link yfiles.algorithms.INodeMap} that will be filled during the BFS execution and holds the zero-based index of the BFS
+       * @param graph the given graph
+       * @param coreNodes the list of core nodes
+       * @param direction one of the predefined direction specifiers
+       * @param layerIDMap the {@link } that will be filled during the BFS execution and holds the zero-based index of the BFS
        * layer to which each node belongs or <code>-1</code> if the node is not reachable
-       * @param {number} [maxLayers=0] the number of layers that will be returned or <code>0</code> if all layers are required
-       * @returns {Array.<yfiles.algorithms.NodeList>} an array of {@link yfiles.algorithms.NodeList}s each of which contains the nodes of a particular layer
+       * @param [maxLayers=0] the number of layers that will be returned or <code>0</code> if all layers are required
+       * @returns an array of {@link }s each of which contains the nodes of a particular layer
        * @throws {Stubs.Exceptions.ArgumentError} if the given direction is not supported
        * @static
        */
@@ -74233,13 +74076,13 @@ declare namespace system{
        * <p>
        * In the <code>i</code>-th layer are previously unassigned nodes that are connected to nodes in the <code>(i-1)</code>-th layer.
        * </p>
-       * @param {yfiles.algorithms.Graph} graph the given graph
-       * @param {yfiles.algorithms.NodeList} coreNodes the list of core nodes from which the BFS starts
-       * @param {boolean} directed <code>true</code> if the graph should be considered directed, <code>false</code> otherwise
-       * @param {yfiles.algorithms.INodeMap} layerIDMap the {@link yfiles.algorithms.INodeMap} that will be filled during the BFS execution and holds the zero-based index of the BFS
+       * @param graph the given graph
+       * @param coreNodes the list of core nodes from which the BFS starts
+       * @param directed <code>true</code> if the graph should be considered directed, <code>false</code> otherwise
+       * @param layerIDMap the {@link } that will be filled during the BFS execution and holds the zero-based index of the BFS
        * layer to which each node belongs or <code>-1</code> if the node is not reachable
-       * @param {number} [maxLayers=0] the number of layers that will be returned or <code>0</code> if all layers are required
-       * @returns {Array.<yfiles.algorithms.NodeList>} an array of {@link yfiles.algorithms.NodeList}s each of which contains the nodes of a particular layer
+       * @param [maxLayers=0] the number of layers that will be returned or <code>0</code> if all layers are required
+       * @returns an array of {@link }s each of which contains the nodes of a particular layer
        * @static
        */
       static getLayers(graph:yfiles.algorithms.Graph,coreNodes:yfiles.algorithms.NodeList,directed:boolean,layerIDMap:yfiles.algorithms.INodeMap,maxLayers?:number):yfiles.algorithms.NodeList[];
@@ -74253,11 +74096,11 @@ declare namespace system{
        * <p>
        * In the <code>i</code>-th layer are previously unassigned nodes that are connected to nodes in the <code>(i-1)</code>-th layer.
        * </p>
-       * @param {yfiles.algorithms.Graph} graph the given graph
-       * @param {yfiles.algorithms.NodeList} coreNodes the list of core nodes from which the BFS starts
-       * @param {yfiles.algorithms.INodeMap} layerIDMap the {@link yfiles.algorithms.INodeMap} that will be filled during the BFS execution and holds the zero-based index of the BFS
+       * @param graph the given graph
+       * @param coreNodes the list of core nodes from which the BFS starts
+       * @param layerIDMap the {@link } that will be filled during the BFS execution and holds the zero-based index of the BFS
        * layer to which each node belongs or <code>-1</code> if the node is not reachable
-       * @returns {Array.<yfiles.algorithms.NodeList>} an array of {@link yfiles.algorithms.NodeList}s each of which contains the nodes of a particular layer
+       * @returns an array of {@link }s each of which contains the nodes of a particular layer
        * @static
        */
       static getLayers(graph:yfiles.algorithms.Graph,coreNodes:yfiles.algorithms.NodeList,layerIDMap:yfiles.algorithms.INodeMap):yfiles.algorithms.NodeList[];
@@ -74271,12 +74114,12 @@ declare namespace system{
        * <p>
        * In the <code>i</code>-th layer are previously unassigned nodes that are connected to nodes in the <code>(i-1)</code>-th layer.
        * </p>
-       * @param {yfiles.algorithms.Graph} graph the given graph
-       * @param {yfiles.algorithms.IDataProvider} isCoreNode the {@link yfiles.algorithms.IDataProvider} that contains the nodes from which the BFS starts; core nodes are marked with a <code>true</code>
+       * @param graph the given graph
+       * @param isCoreNode the {@link } that contains the nodes from which the BFS starts; core nodes are marked with a <code>true</code>
        * value
-       * @param {yfiles.algorithms.INodeMap} layerIDMap the {@link yfiles.algorithms.INodeMap} that will be filled during the BFS execution and holds the zero-based index of the BFS
+       * @param layerIDMap the {@link } that will be filled during the BFS execution and holds the zero-based index of the BFS
        * layer to which each node belongs or <code>-1</code> if the node is not reachable
-       * @returns {Array.<yfiles.algorithms.NodeList>} an array of {@link yfiles.algorithms.NodeList}s each of which contains the nodes of a particular layer
+       * @returns an array of {@link }s each of which contains the nodes of a particular layer
        * @static
        */
       static getLayers(graph:yfiles.algorithms.Graph,isCoreNode:yfiles.algorithms.IDataProvider,layerIDMap:yfiles.algorithms.INodeMap):yfiles.algorithms.NodeList[];
@@ -74290,9 +74133,9 @@ declare namespace system{
        * <p>
        * In the <code>i</code>-th layer are previously unassigned nodes that are connected to nodes in the <code>(i-1)</code>-th layer.
        * </p>
-       * @param {yfiles.algorithms.Graph} graph the given graph
-       * @param {yfiles.algorithms.NodeList} coreNodes the list of core nodes from which the BFS starts
-       * @returns {Array.<yfiles.algorithms.NodeList>} an array of {@link yfiles.algorithms.NodeList}s each of which contains the nodes of a particular layer
+       * @param graph the given graph
+       * @param coreNodes the list of core nodes from which the BFS starts
+       * @returns an array of {@link }s each of which contains the nodes of a particular layer
        * @static
        */
       static getLayers(graph:yfiles.algorithms.Graph,coreNodes:yfiles.algorithms.NodeList):yfiles.algorithms.NodeList[];
@@ -74305,10 +74148,10 @@ declare namespace system{
        * <p>
        * In the <code>i</code>-th layer are previously unassigned nodes that are connected to nodes in the <code>(i-1)</code>-th layer.
        * </p>
-       * @param {yfiles.algorithms.Graph} graph the given graph
-       * @param {yfiles.algorithms.IDataProvider} isCoreNode the {@link yfiles.algorithms.IDataProvider} that contains the nodes from which the BFS starts; core nodes are marked with a <code>true</code>
+       * @param graph the given graph
+       * @param isCoreNode the {@link } that contains the nodes from which the BFS starts; core nodes are marked with a <code>true</code>
        * value
-       * @returns {Array.<yfiles.algorithms.NodeList>} an array of {@link yfiles.algorithms.NodeList}s each of which contains the nodes of a particular layer
+       * @returns an array of {@link }s each of which contains the nodes of a particular layer
        * @static
        */
       static getLayers(graph:yfiles.algorithms.Graph,isCoreNode:yfiles.algorithms.IDataProvider):yfiles.algorithms.NodeList[];
@@ -74327,7 +74170,7 @@ declare namespace system{
      * <p>
      * {@graph {"ann":{"s":[40,40],"d":0, "b":0},"styles":{"6":{"c":1, "b":0}},"n":[[365,205,6],[365,305,6],[365,405,6],[505,205],[505,305],[505,405]],"e":[[0,4],[0,3],[0,5],[1,4],[2,3],[2,5],[1,5]],"vp":[365.0,200.0,170.0,250.0]}} Example of a bipartite graph. Circular and rectangular nodes represent the two partitions.
      * </p>
-     * @class yfiles.algorithms.Bipartitions
+     * @class
      * @static
      */
     export interface Bipartitions extends Object{}
@@ -74338,17 +74181,17 @@ declare namespace system{
        * If the graph is bipartite, then for all nodes of the given graph either {@link yfiles.algorithms.Bipartitions#RED} or {@link yfiles.algorithms.Bipartitions#BLUE}
        * objects will be set in the given {@link yfiles.algorithms.INodeMap}, depending on the partition to which each node belongs.
        * </p>
-       * @param {yfiles.algorithms.Graph} graph the given graph
-       * @param {yfiles.algorithms.INodeMap} markMap the {@link yfiles.algorithms.INodeMap} that will be filled during the BFS execution and returns the partition (either {@link yfiles.algorithms.Bipartitions#RED}
-       * or {@link yfiles.algorithms.Bipartitions#BLUE}) to which each node belongs
-       * @returns {boolean} <code>true</code> if the graph is bipartite, <code>false</code> otherwise
+       * @param graph the given graph
+       * @param markMap the {@link } that will be filled during the BFS execution and returns the partition (either {@link #RED}
+       * or {@link #BLUE}) to which each node belongs
+       * @returns <code>true</code> if the graph is bipartite, <code>false</code> otherwise
        * @static
        */
       static getBipartition(graph:yfiles.algorithms.Graph,markMap:yfiles.algorithms.INodeMap):boolean;
       /**
        * Determines whether or not the given graph is bipartite.
-       * @param {yfiles.algorithms.Graph} graph the given graph
-       * @returns {boolean} <code>true</code> if the graph is bipartite, <code>false</code> otherwise
+       * @param graph the given graph
+       * @returns <code>true</code> if the graph is bipartite, <code>false</code> otherwise
        * @static
        */
       static isBipartite(graph:yfiles.algorithms.Graph):boolean;
@@ -74392,7 +74235,7 @@ declare namespace system{
      * </li>
      * <li><b>Weight centrality</b> measures the weight associated with incoming, outgoing, or all edges of a node.</li>
      * </ul>
-     * @class yfiles.algorithms.Centrality
+     * @class
      * @static
      */
     export interface Centrality extends Object{}
@@ -74404,11 +74247,11 @@ declare namespace system{
        * Therefore, a node with high closeness centrality has short distances to all other nodes of a graph. If the sum of the
        * shortest path distances is <code>0</code>, the closeness of a node is set to {@link number#POSITIVE_INFINITY}.
        * </p>
-       * @param {yfiles.algorithms.Graph} graph the input graph
-       * @param {yfiles.algorithms.INodeMap} closeness the {@link yfiles.algorithms.INodeMap} that will be filled during the execution and returns a double value (centrality) for each
+       * @param graph the input graph
+       * @param closeness the {@link } that will be filled during the execution and returns a double value (centrality) for each
        * node
-       * @param {boolean} directed <code>true</code> if the graph should be considered as directed, <code>false</code> otherwise
-       * @param {yfiles.algorithms.IDataProvider} edgeCosts the {@link yfiles.algorithms.IDataProvider} that returns a positive double value (cost) or <code>null</code> if the edges are of equal cost
+       * @param directed <code>true</code> if the graph should be considered as directed, <code>false</code> otherwise
+       * @param edgeCosts the {@link } that returns a positive double value (cost) or <code>null</code> if the edges are of equal cost
        * @static
        */
       static closenessCentrality(graph:yfiles.algorithms.Graph,closeness:yfiles.algorithms.INodeMap,directed:boolean,edgeCosts:yfiles.algorithms.IDataProvider):void;
@@ -74418,11 +74261,11 @@ declare namespace system{
        * <i>Degree centrality</i> is the number of the incoming, outgoing or overall edges incident to a node (measures incoming, outgoing and overall
        * degree).
        * </p>
-       * @param {yfiles.algorithms.Graph} graph the input graph
-       * @param {yfiles.algorithms.INodeMap} centrality the {@link yfiles.algorithms.INodeMap} that will be filled during the execution and returns a double value (centrality) for each
+       * @param graph the input graph
+       * @param centrality the {@link } that will be filled during the execution and returns a double value (centrality) for each
        * node
-       * @param {boolean} considerInEdges <code>true</code> if the incoming edges should be considered, <code>false</code> otherwise
-       * @param {boolean} considerOutEdges <code>true</code> if the outgoing edges should be considered, <code>false</code> otherwise
+       * @param considerInEdges <code>true</code> if the incoming edges should be considered, <code>false</code> otherwise
+       * @param considerOutEdges <code>true</code> if the outgoing edges should be considered, <code>false</code> otherwise
        * @static
        */
       static degreeCentrality(graph:yfiles.algorithms.Graph,centrality:yfiles.algorithms.INodeMap,considerInEdges:boolean,considerOutEdges:boolean):void;
@@ -74432,11 +74275,11 @@ declare namespace system{
        * <i>Betweenness centrality</i> is a measure for how often an edge lies on a shortest path between each pair of nodes in the graph. Removing a central
        * edge will cause many shortest paths to change.
        * </p>
-       * @param {yfiles.algorithms.Graph} graph the input graph
-       * @param {yfiles.algorithms.IEdgeMap} centrality the {@link yfiles.algorithms.IEdgeMap} that will be filled during the execution and returns a double value (centrality) for each
+       * @param graph the input graph
+       * @param centrality the {@link } that will be filled during the execution and returns a double value (centrality) for each
        * edge
-       * @param {boolean} directed <code>true</code> if the graph should be considered as directed, <code>false</code> otherwise
-       * @param {yfiles.algorithms.IDataProvider} edgeCosts the {@link yfiles.algorithms.IDataProvider} that returns a positive double value (cost) or <code>null</code> if the edges are of equal cost;
+       * @param directed <code>true</code> if the graph should be considered as directed, <code>false</code> otherwise
+       * @param edgeCosts the {@link } that returns a positive double value (cost) or <code>null</code> if the edges are of equal cost;
        * for invalid input values the algorithm uses cost <code>1.0</code>
        * @static
        */
@@ -74447,11 +74290,11 @@ declare namespace system{
        * <i>Graph centrality</i> is defined as the reciprocal of the maximum of all shortest path distances from a node to all other nodes in the graph.
        * Nodes with high graph centrality have short distances to all other nodes in the graph.
        * </p>
-       * @param {yfiles.algorithms.Graph} graph the input graph
-       * @param {yfiles.algorithms.INodeMap} centrality the {@link yfiles.algorithms.INodeMap} that will be filled during the execution and returns a double value (centrality) for each
+       * @param graph the input graph
+       * @param centrality the {@link } that will be filled during the execution and returns a double value (centrality) for each
        * node
-       * @param {boolean} directed <code>true</code> if the graph should be considered as directed, <code>false</code> otherwise
-       * @param {yfiles.algorithms.IDataProvider} edgeCosts the {@link yfiles.algorithms.IDataProvider} that returns a positive double value (cost) or <code>null</code> if the edges are of equal cost
+       * @param directed <code>true</code> if the graph should be considered as directed, <code>false</code> otherwise
+       * @param edgeCosts the {@link } that returns a positive double value (cost) or <code>null</code> if the edges are of equal cost
        * @static
        */
       static graphCentrality(graph:yfiles.algorithms.Graph,centrality:yfiles.algorithms.INodeMap,directed:boolean,edgeCosts:yfiles.algorithms.IDataProvider):void;
@@ -74461,11 +74304,11 @@ declare namespace system{
        * <i>Betweenness centrality</i> is a measure for how often a node lies on a shortest path between each pair of nodes in the graph. Removing a central
        * edge will cause many shortest paths to change.
        * </p>
-       * @param {yfiles.algorithms.Graph} graph the input graph
-       * @param {yfiles.algorithms.INodeMap} centrality the {@link yfiles.algorithms.INodeMap} that will be filled during the execution and returns a double value (centrality) for each
+       * @param graph the input graph
+       * @param centrality the {@link } that will be filled during the execution and returns a double value (centrality) for each
        * node
-       * @param {boolean} directed <code>true</code> if the graph should be considered as directed, <code>false</code> otherwise
-       * @param {yfiles.algorithms.IDataProvider} edgeCosts the {@link yfiles.algorithms.IDataProvider} that returns a positive double value (cost) or <code>null</code> if the edges are of equal cost;
+       * @param directed <code>true</code> if the graph should be considered as directed, <code>false</code> otherwise
+       * @param edgeCosts the {@link } that returns a positive double value (cost) or <code>null</code> if the edges are of equal cost;
        * for invalid input values the algorithm uses cost <code>1.0</code>
        * @static
        */
@@ -74476,13 +74319,13 @@ declare namespace system{
        * <i>Betweenness centrality</i> is a measure for how often a node/edge lies on a shortest path between each pair of nodes in the graph. Removing a
        * central node/edge will cause many shortest paths to change.
        * </p>
-       * @param {yfiles.algorithms.Graph} graph the input graph
-       * @param {yfiles.algorithms.INodeMap} nodeCentrality the {@link yfiles.algorithms.INodeMap} that will be filled during the execution and returns a double value (centrality) for each
+       * @param graph the input graph
+       * @param nodeCentrality the {@link } that will be filled during the execution and returns a double value (centrality) for each
        * node
-       * @param {yfiles.algorithms.IEdgeMap} edgeCentrality the {@link yfiles.algorithms.IEdgeMap} that will be filled during the execution and returns a double value (centrality) for each
+       * @param edgeCentrality the {@link } that will be filled during the execution and returns a double value (centrality) for each
        * edge
-       * @param {boolean} directed <code>true</code> if the graph should be considered as directed, <code>false</code> otherwise
-       * @param {yfiles.algorithms.IDataProvider} edgeCosts the {@link yfiles.algorithms.IDataProvider} that returns a positive double value (cost) or <code>null</code> if the edges are of equal cost;
+       * @param directed <code>true</code> if the graph should be considered as directed, <code>false</code> otherwise
+       * @param edgeCosts the {@link } that returns a positive double value (cost) or <code>null</code> if the edges are of equal cost;
        * for invalid input values the algorithm uses cost <code>1.0</code>
        * @static
        */
@@ -74490,16 +74333,16 @@ declare namespace system{
       /**
        * Normalizes the <code>double</code> values of a given {@link yfiles.algorithms.IEdgeMap} by dividing each of them by the maximum of all values
        * (maximum norm).
-       * @param {yfiles.algorithms.Graph} graph the input graph
-       * @param {yfiles.algorithms.IEdgeMap} map the {@link yfiles.algorithms.IEdgeMap} that will be filled during the execution and returns a double value from <code>[0,1]</code> interval
+       * @param graph the input graph
+       * @param map the {@link } that will be filled during the execution and returns a double value from <code>[0,1]</code> interval
        * @static
        */
       static normalizeEdgeMap(graph:yfiles.algorithms.Graph,map:yfiles.algorithms.IEdgeMap):void;
       /**
        * Normalizes the <code>double</code> values of a given {@link yfiles.algorithms.INodeMap} by dividing each of them by the maximum of all values
        * (maximum norm).
-       * @param {yfiles.algorithms.Graph} graph the input graph
-       * @param {yfiles.algorithms.INodeMap} map the {@link yfiles.algorithms.INodeMap} that will be filled during the execution and returns a double value from <code>[0,1]</code> interval
+       * @param graph the input graph
+       * @param map the {@link } that will be filled during the execution and returns a double value from <code>[0,1]</code> interval
        * @static
        */
       static normalizeNodeMap(graph:yfiles.algorithms.Graph,map:yfiles.algorithms.INodeMap):void;
@@ -74508,12 +74351,12 @@ declare namespace system{
        * <p>
        * <i>Weight centrality</i> measures the weight associated with incoming, outgoing, or all edges of a node.
        * </p>
-       * @param {yfiles.algorithms.Graph} graph the input graph
-       * @param {yfiles.algorithms.INodeMap} centrality the {@link yfiles.algorithms.INodeMap} that will be filled during the execution and returns a double value (centrality) for each
+       * @param graph the input graph
+       * @param centrality the {@link } that will be filled during the execution and returns a double value (centrality) for each
        * node
-       * @param {boolean} considerInEdges <code>true</code> if the incoming edges should be considered, <code>false</code> otherwise
-       * @param {boolean} considerOutEdges <code>true</code> if the outgoing edges should be considered, <code>false</code> otherwise
-       * @param {yfiles.algorithms.IDataProvider} edgeWeights the {@link yfiles.algorithms.IDataProvider} that returns a positive double value (weight) or <code>null</code> if the edges are considered to
+       * @param considerInEdges <code>true</code> if the incoming edges should be considered, <code>false</code> otherwise
+       * @param considerOutEdges <code>true</code> if the outgoing edges should be considered, <code>false</code> otherwise
+       * @param edgeWeights the {@link } that returns a positive double value (weight) or <code>null</code> if the edges are considered to
        * have uniform weight of <code>1.0</code>
        * @static
        */
@@ -74538,7 +74381,7 @@ declare namespace system{
      * {@graph {"ann":{"s":[30,30],"d":1, "c":1},"n":[[45,5],[105,65],[-15,65],[45,125],[185,65],[-95,65]],"e":[[0,1],[0,2],[1,3],[2,3],[1,4],[2,5]],"vp":[-95.0,5.0,310.0,150.0]}} Example of an acyclic directed graph (edge directions are considered) {@graph {"ann":{"s":[30,30],"d":1, "c":1},"n":[[305,185],[385,125],[345,285],[505,125],[545,225],[465,305]],"e":[[0,1],[1,3],[4,5,1],[5,2,1],[2,0,1],[0,4,1]],"vp":[305.0,125.0,270.0,210.0]}} Example of a graph containing a cycle. Marked
      * edges form a directed cycle.
      * </p>
-     * @class yfiles.algorithms.Cycles
+     * @class
      * @static
      */
     export interface Cycles extends Object{}
@@ -74546,9 +74389,9 @@ declare namespace system{
       /**
        * Returns an {@link yfiles.algorithms.EdgeList} that contains all the edges that are part of at least one directed or undirected
        * simple cycle.
-       * @param {yfiles.algorithms.Graph} graph the input graph
-       * @param {boolean} directed <code>true</code> if the graph should be considered directed, <code>false</code> otherwise
-       * @returns {yfiles.algorithms.EdgeList} an {@link yfiles.algorithms.EdgeList} that contains all the edges that are part of at least one directed or undirected simple
+       * @param graph the input graph
+       * @param directed <code>true</code> if the graph should be considered directed, <code>false</code> otherwise
+       * @returns an {@link } that contains all the edges that are part of at least one directed or undirected simple
        * cycle
        * @static
        */
@@ -74561,9 +74404,9 @@ declare namespace system{
        * <p>
        * If the returned cycle is empty, no cycle has been found in the given graph.
        * </p>
-       * @param {yfiles.algorithms.Graph} graph the given graph
-       * @param {boolean} directed <code>true</code> if the graph should be considered directed, <code>false</code> otherwise
-       * @returns {yfiles.algorithms.EdgeList} an {@link yfiles.algorithms.EdgeList} containing the edges of a cycle or an empty {@link yfiles.algorithms.EdgeList} if the graph is
+       * @param graph the given graph
+       * @param directed <code>true</code> if the graph should be considered directed, <code>false</code> otherwise
+       * @returns an {@link } containing the edges of a cycle or an empty {@link } if the graph is
        * acyclic
        * @static
        */
@@ -74578,21 +74421,22 @@ declare namespace system{
        * <p>
        * The costs are assigned using a {@link yfiles.algorithms.IDataProvider} that holds a non-negative double value for each edge.
        * </p>
-       * @param {yfiles.algorithms.Graph} graph the given graph
-       * @param {yfiles.algorithms.IEdgeMap} cycleEdges the {@link yfiles.algorithms.IEdgeMap} that will be filled during the execution and returns whether an edge is a detected cycle
+       * @param graph the given graph
+       * @param cycleEdges the {@link } that will be filled during the execution and returns whether an edge is a detected cycle
        * edge
-       * @param {yfiles.algorithms.IDataProvider} [costDP=null] the {@link yfiles.algorithms.IDataProvider} that holds the non-negative {@link number} reversal cost for each edge
+       * @param [costDP=null] the {@link } that holds the non-negative {@link } reversal cost for each edge
        * @static
        */
       static findCycleEdges(graph:yfiles.algorithms.Graph,cycleEdges:yfiles.algorithms.IEdgeMap,costDP?:yfiles.algorithms.IDataProvider):void;
       /**
        * Marks the edges of a given graph whose removal or reversal would make the graph acyclic based on a depth first search.
        * <p>
-       * The number of marked cycle edges is expected to be slightly greater than when using FindCycleEdges. The advantage of
-       * this method is that the result set is more stable when edges are added or removed over time.
+       * The number of marked cycle edges is expected to be slightly greater than when using
+       * {@link yfiles.algorithms.Cycles#findCycleEdges}. The advantage of this method is that the result set is more stable when edges
+       * are added or removed over time.
        * </p>
-       * @param {yfiles.algorithms.Graph} graph the given graph
-       * @param {yfiles.algorithms.IEdgeMap} cycleEdges the {@link yfiles.algorithms.IEdgeMap} that will be filled during the execution and returns a boolean value indicating whether
+       * @param graph the given graph
+       * @param cycleEdges the {@link } that will be filled during the execution and returns a boolean value indicating whether
        * or not an edge is a detected cycle edge
        * @static
        */
@@ -74605,7 +74449,7 @@ declare namespace system{
      * For each edge there exist two darts, one that represents the edge in its original direction (i.e., from source to
      * target) and one that represents its reverse. Each dart is associated with a {@link yfiles.algorithms.Dart#face face}.
      * </p>
-     * @class yfiles.algorithms.Dart
+     * @class
      * @final
      */
     export interface Dart extends Object{}
@@ -74673,13 +74517,12 @@ declare namespace system{
      * {@graph {"ann":{"s":[30,30],"d":1, "c":1},"styles" : {"6" : {"s" : "#000000", "d" : 1,  "l" : [3] }, "7" : {"s" : "#000000", "d" : 1,  "l" : [1,4] }, "8" : {"s" : "#000000", "d" : 1,  "l" : [7] }},"n":[[145,-15,[[154.66,9.35,10.67,18.7,"1"]]],[65,65,[[74.66,89.35,10.67,18.7,"2"]]],[185,65,[[194.66,89.35,10.67,18.7,"8"]]],[45,225,[[54.66,249.35,10.67,18.7,"5"]]],[125,145,[[134.66,169.35,10.67,18.7,"7"]]],[65,145,[[74.66,169.35,10.67,18.7,"6"]]],[-35,225,[[-25.34,249.35,10.67,18.7,"4"]]],[5,145,[[14.66,169.35,10.67,18.7,"3"]]],[185,145,[[194.66,169.35,10.67,18.7,"9"]]]],"e":[[0,1],[1,7],[0,2],[7,3],[1,4],[1,5],[7,6],[2,1,6,[],[[118.33,72.85,35.34,18.7,"Cross"]]],[6,1,8,[-60,100,-60,100],[[-95.2,149.04,30.68,18.7,2.4492935982947064E-16,-1.0,"Back"]]],[0,3,7,[360,140],[[270.38,202.85,48.01,18.7,2.4492935982947064E-16,-1.0,"Forward"]]],[2,8]],"vp":[-96.0,-15.0,456.0,270.0]}} Example of a DFS traversal. Node labels indicate the order in which nodes are visited. Solid edges are the edges of the
      * DFS tree while dashed edges represent back, forward and cross edges.
      * </p>
-     * @class yfiles.algorithms.Dfs
+     * @class
      */
     export interface Dfs extends Object{}
     export class Dfs {
       /**
        * Creates a new {@link yfiles.algorithms.Dfs} instance with default settings.
-       * @constructor
        */
       constructor();
       /**
@@ -74694,7 +74537,7 @@ declare namespace system{
        * <p>
        * By default, this method does nothing. It may be overridden to support custom implementations.
        * </p>
-       * @param {yfiles.algorithms.Node} v the new root node
+       * @param v the new root node
        * @protected
        */
       lookFurther(v:yfiles.algorithms.Node):void;
@@ -74703,8 +74546,8 @@ declare namespace system{
        * <p>
        * By default, this method does nothing. It may be overridden to support custom implementations.
        * </p>
-       * @param {yfiles.algorithms.Edge} edge the given edge
-       * @param {yfiles.algorithms.Node} node the node that has been reached via the given edge
+       * @param edge the given edge
+       * @param node the node that has been reached via the given edge
        * @protected
        */
       postTraverse(edge:yfiles.algorithms.Edge,node:yfiles.algorithms.Node):void;
@@ -74713,9 +74556,9 @@ declare namespace system{
        * <p>
        * By default, this method does nothing. It may be overridden to support custom implementations.
        * </p>
-       * @param {yfiles.algorithms.Node} node the given node
-       * @param {number} dfsNumber the DFS number of the given node
-       * @param {number} compNumber the completion number of the given node
+       * @param node the given node
+       * @param dfsNumber the DFS number of the given node
+       * @param compNumber the completion number of the given node
        * @protected
        */
       postVisit(node:yfiles.algorithms.Node,dfsNumber:number,compNumber:number):void;
@@ -74724,9 +74567,9 @@ declare namespace system{
        * <p>
        * By default, this method does nothing. It may be overridden to support custom implementations.
        * </p>
-       * @param {yfiles.algorithms.Edge} edge the given edge
-       * @param {yfiles.algorithms.Node} node the node to be visited next only if <code>treeEdge == true</code>
-       * @param {boolean} treeEdge <code>true</code> if the <code>node</code> will be visited, <code>false</code> otherwise
+       * @param edge the given edge
+       * @param node the node to be visited next only if <code>treeEdge == true</code>
+       * @param treeEdge <code>true</code> if the <code>node</code> will be visited, <code>false</code> otherwise
        * @protected
        */
       preTraverse(edge:yfiles.algorithms.Edge,node:yfiles.algorithms.Node,treeEdge:boolean):void;
@@ -74735,15 +74578,15 @@ declare namespace system{
        * <p>
        * By default, this method does nothing. It may be overridden to support custom implementations.
        * </p>
-       * @param {yfiles.algorithms.Node} node the given node
-       * @param {number} dfsNumber the DFS number of the given node
+       * @param node the given node
+       * @param dfsNumber the DFS number of the given node
        * @protected
        */
       preVisit(node:yfiles.algorithms.Node,dfsNumber:number):void;
       /**
        * Starts a depth first search from a given {@link yfiles.algorithms.Node} of the input graph.
-       * @param {yfiles.algorithms.Graph} graph the input graph
-       * @param {yfiles.algorithms.Node} start the given start node
+       * @param graph the input graph
+       * @param start the given start node
        */
       start(graph:yfiles.algorithms.Graph,start:yfiles.algorithms.Node):void;
       /**
@@ -74751,7 +74594,7 @@ declare namespace system{
        * <p>
        * The first node of the graph will be visited first.
        * </p>
-       * @param {yfiles.algorithms.Graph} graph the input graph
+       * @param graph the input graph
        */
       start(graph:yfiles.algorithms.Graph):void;
       /**
@@ -74813,23 +74656,22 @@ declare namespace system{
      * @see yfiles.algorithms.Graph#addDataProvider
      * @see yfiles.algorithms.Graph#getDataProvider
      * @see yfiles.algorithms.Graph#removeDataProvider
-     * @class yfiles.algorithms.DpKeyBase.<TValue>
+     * @class
      * @template TValue
      */
     export interface DpKeyBase<TValue> extends Object{}
     export class DpKeyBase<TValue> {
       /**
        * Initializes a new instance of the {@link yfiles.algorithms.DpKeyBase.<TValue>} class.
-       * @param {yfiles.lang.Class} valueType The type of the values that are returned by the {@link yfiles.algorithms.IDataProvider} registered with this class.
-       * @param {yfiles.lang.Class} declaringType Type that declares this key.
-       * @param {string} name The name of this key.
-       * @constructor
+       * @param valueType The type of the values that are returned by the {@link } registered with this class.
+       * @param declaringType Type that declares this key.
+       * @param name The name of this key.
        */
       constructor(valueType:yfiles.lang.Class,declaringType:yfiles.lang.Class,name:string);
       /**
        * Returns whether this key is equal to the specified <code>other</code>.
-       * @param {yfiles.algorithms.DpKeyBase.<TValue>} other The other key to compare with this instance.
-       * @returns {boolean} <code>true</code> if the specified key is equal to this instance; otherwise, <code>false</code>.
+       * @param other The other key to compare with this instance.
+       * @returns <code>true</code> if the specified key is equal to this instance; otherwise, <code>false</code>.
        * @protected
        */
       equalsCore(other:yfiles.algorithms.DpKeyBase<TValue>):boolean;
@@ -74852,7 +74694,7 @@ declare namespace system{
      * @see yfiles.algorithms.Graph#addDataProvider
      * @see yfiles.algorithms.Graph#getDataProvider
      * @see yfiles.algorithms.Graph#removeDataProvider
-     * @class yfiles.algorithms.EdgeDpKey.<TValue>
+     * @class
      * @extends {yfiles.algorithms.DpKeyBase.<TValue>}
      * @template TValue
      */
@@ -74860,12 +74702,11 @@ declare namespace system{
     export class EdgeDpKey<TValue> {
       /**
        * Initializes a new instance of the {@link yfiles.algorithms.EdgeDpKey.<TValue>} class.
-       * @param {yfiles.lang.Class} valueType1 The type of the values that are returned by the {@link yfiles.algorithms.IDataProvider} registered with this class.
-       * @param {yfiles.lang.Class} declaringType Type that declares this key.
-       * @param {string} name The name of this key.
-       * @constructor
+       * @param valueType The type of the values that are returned by the {@link } registered with this class.
+       * @param declaringType Type that declares this key.
+       * @param name The name of this key.
        */
-      constructor(valueType1:yfiles.lang.Class,declaringType:yfiles.lang.Class,name:string);
+      constructor(valueType:yfiles.lang.Class,declaringType:yfiles.lang.Class,name:string);
       static $class:yfiles.lang.Class;
     }
     /**
@@ -74875,7 +74716,7 @@ declare namespace system{
      * @see yfiles.algorithms.Graph#addDataProvider
      * @see yfiles.algorithms.Graph#getDataProvider
      * @see yfiles.algorithms.Graph#removeDataProvider
-     * @class yfiles.algorithms.GraphDpKey.<TValue>
+     * @class
      * @extends {yfiles.algorithms.DpKeyBase.<TValue>}
      * @template TValue
      */
@@ -74883,12 +74724,11 @@ declare namespace system{
     export class GraphDpKey<TValue> {
       /**
        * Initializes a new instance of the {@link yfiles.algorithms.GraphDpKey.<TValue>} class.
-       * @param {yfiles.lang.Class} valueType1 The type of the values that are returned by the {@link yfiles.algorithms.IDataProvider} registered with this class.
-       * @param {yfiles.lang.Class} declaringType Type that declares this key.
-       * @param {string} name The name of this key.
-       * @constructor
+       * @param valueType The type of the values that are returned by the {@link } registered with this class.
+       * @param declaringType Type that declares this key.
+       * @param name The name of this key.
        */
-      constructor(valueType1:yfiles.lang.Class,declaringType:yfiles.lang.Class,name:string);
+      constructor(valueType:yfiles.lang.Class,declaringType:yfiles.lang.Class,name:string);
       static $class:yfiles.lang.Class;
     }
     /**
@@ -74898,7 +74738,7 @@ declare namespace system{
      * @see yfiles.algorithms.Graph#addDataProvider
      * @see yfiles.algorithms.Graph#getDataProvider
      * @see yfiles.algorithms.Graph#removeDataProvider
-     * @class yfiles.algorithms.GraphObjectDpKey.<TValue>
+     * @class
      * @extends {yfiles.algorithms.DpKeyBase.<TValue>}
      * @template TValue
      */
@@ -74906,12 +74746,11 @@ declare namespace system{
     export class GraphObjectDpKey<TValue> {
       /**
        * Initializes a new instance of the {@link yfiles.algorithms.GraphObjectDpKey.<TValue>} class.
-       * @param {yfiles.lang.Class} valueType1 The type of the values that are returned by the {@link yfiles.algorithms.IDataProvider} registered with this class.
-       * @param {yfiles.lang.Class} declaringType Type that declares this key.
-       * @param {string} name The name of this key.
-       * @constructor
+       * @param valueType The type of the values that are returned by the {@link } registered with this class.
+       * @param declaringType Type that declares this key.
+       * @param name The name of this key.
        */
-      constructor(valueType1:yfiles.lang.Class,declaringType:yfiles.lang.Class,name:string);
+      constructor(valueType:yfiles.lang.Class,declaringType:yfiles.lang.Class,name:string);
       static $class:yfiles.lang.Class;
     }
     /**
@@ -74921,7 +74760,7 @@ declare namespace system{
      * @see yfiles.algorithms.Graph#addDataProvider
      * @see yfiles.algorithms.Graph#getDataProvider
      * @see yfiles.algorithms.Graph#removeDataProvider
-     * @class yfiles.algorithms.IEdgeLabelLayoutDpKey.<TValue>
+     * @class
      * @extends {yfiles.algorithms.DpKeyBase.<TValue>}
      * @template TValue
      */
@@ -74929,12 +74768,11 @@ declare namespace system{
     export class IEdgeLabelLayoutDpKey<TValue> {
       /**
        * Initializes a new instance of the {@link yfiles.algorithms.IEdgeLabelLayoutDpKey.<TValue>} class.
-       * @param {yfiles.lang.Class} valueType1 The type of the values that are returned by the {@link yfiles.algorithms.IDataProvider} registered with this class.
-       * @param {yfiles.lang.Class} declaringType Type that declares this key.
-       * @param {string} name The name of this key.
-       * @constructor
+       * @param valueType The type of the values that are returned by the {@link } registered with this class.
+       * @param declaringType Type that declares this key.
+       * @param name The name of this key.
        */
-      constructor(valueType1:yfiles.lang.Class,declaringType:yfiles.lang.Class,name:string);
+      constructor(valueType:yfiles.lang.Class,declaringType:yfiles.lang.Class,name:string);
       static $class:yfiles.lang.Class;
     }
     /**
@@ -74944,7 +74782,7 @@ declare namespace system{
      * @see yfiles.algorithms.Graph#addDataProvider
      * @see yfiles.algorithms.Graph#getDataProvider
      * @see yfiles.algorithms.Graph#removeDataProvider
-     * @class yfiles.algorithms.INodeLabelLayoutDpKey.<TValue>
+     * @class
      * @extends {yfiles.algorithms.DpKeyBase.<TValue>}
      * @template TValue
      */
@@ -74952,12 +74790,11 @@ declare namespace system{
     export class INodeLabelLayoutDpKey<TValue> {
       /**
        * Initializes a new instance of the {@link yfiles.algorithms.INodeLabelLayoutDpKey.<TValue>} class.
-       * @param {yfiles.lang.Class} valueType1 The type of the values that are returned by the {@link yfiles.algorithms.IDataProvider} registered with this class.
-       * @param {yfiles.lang.Class} declaringType Type that declares this key.
-       * @param {string} name The name of this key.
-       * @constructor
+       * @param valueType The type of the values that are returned by the {@link } registered with this class.
+       * @param declaringType Type that declares this key.
+       * @param name The name of this key.
        */
-      constructor(valueType1:yfiles.lang.Class,declaringType:yfiles.lang.Class,name:string);
+      constructor(valueType:yfiles.lang.Class,declaringType:yfiles.lang.Class,name:string);
       static $class:yfiles.lang.Class;
     }
     /**
@@ -74967,7 +74804,7 @@ declare namespace system{
      * @see yfiles.algorithms.Graph#addDataProvider
      * @see yfiles.algorithms.Graph#getDataProvider
      * @see yfiles.algorithms.Graph#removeDataProvider
-     * @class yfiles.algorithms.ILabelLayoutDpKey.<TValue>
+     * @class
      * @extends {yfiles.algorithms.DpKeyBase.<TValue>}
      * @template TValue
      */
@@ -74975,12 +74812,11 @@ declare namespace system{
     export class ILabelLayoutDpKey<TValue> {
       /**
        * Initializes a new instance of the {@link yfiles.algorithms.ILabelLayoutDpKey.<TValue>} class.
-       * @param {yfiles.lang.Class} valueType1 The type of the values that are returned by the {@link yfiles.algorithms.IDataProvider} registered with this class.
-       * @param {yfiles.lang.Class} declaringType Type that declares this key.
-       * @param {string} name The name of this key.
-       * @constructor
+       * @param valueType The type of the values that are returned by the {@link } registered with this class.
+       * @param declaringType Type that declares this key.
+       * @param name The name of this key.
        */
-      constructor(valueType1:yfiles.lang.Class,declaringType:yfiles.lang.Class,name:string);
+      constructor(valueType:yfiles.lang.Class,declaringType:yfiles.lang.Class,name:string);
       static $class:yfiles.lang.Class;
     }
     /**
@@ -74990,7 +74826,7 @@ declare namespace system{
      * @see yfiles.algorithms.Graph#addDataProvider
      * @see yfiles.algorithms.Graph#getDataProvider
      * @see yfiles.algorithms.Graph#removeDataProvider
-     * @class yfiles.algorithms.NodeDpKey.<TValue>
+     * @class
      * @extends {yfiles.algorithms.DpKeyBase.<TValue>}
      * @template TValue
      */
@@ -74998,12 +74834,11 @@ declare namespace system{
     export class NodeDpKey<TValue> {
       /**
        * Initializes a new instance of the {@link yfiles.algorithms.NodeDpKey.<TValue>} class.
-       * @param {yfiles.lang.Class} valueType1 The type of the values that are returned by the {@link yfiles.algorithms.IDataProvider} registered with this class.
-       * @param {yfiles.lang.Class} declaringType Type that declares this key.
-       * @param {string} name The name of this key.
-       * @constructor
+       * @param valueType The type of the values that are returned by the {@link } registered with this class.
+       * @param declaringType Type that declares this key.
+       * @param name The name of this key.
        */
-      constructor(valueType1:yfiles.lang.Class,declaringType:yfiles.lang.Class,name:string);
+      constructor(valueType:yfiles.lang.Class,declaringType:yfiles.lang.Class,name:string);
       static $class:yfiles.lang.Class;
     }
     /**
@@ -75021,7 +74856,7 @@ declare namespace system{
      * <b>Important:</b> Class Graph is the single authority for any structural changes to the graph data type. Specifically, this means that
      * there is no way to create or delete a node or an edge without using an actual Graph instance.
      * </p>
-     * @class yfiles.algorithms.Edge
+     * @class
      * @extends {yfiles.algorithms.GraphObject}
      */
     export interface Edge extends yfiles.algorithms.GraphObject{}
@@ -75046,24 +74881,23 @@ declare namespace system{
        * <li>after <code>e2</code>, if <code>d2 == AFTER</code></li>
        * <li>before <code>e2</code>, if <code>d2 == BEFORE</code>.</li>
        * </ul>
-       * @param {yfiles.algorithms.Node} v The source node of the edge.
-       * @param {yfiles.algorithms.Edge} e1 An edge with source node <code>v</code>.
-       * @param {yfiles.algorithms.Node} w The target node of the edge.
-       * @param {yfiles.algorithms.Edge} e2 An edge with target node <code>w</code>.
-       * @param {yfiles.algorithms.GraphElementInsertion} d1 One of the object insertion specifiers {@link yfiles.algorithms.GraphElementInsertion#BEFORE} or
-       * {@link yfiles.algorithms.GraphElementInsertion#AFTER}.
-       * @param {yfiles.algorithms.GraphElementInsertion} d2 One of the object insertion specifiers {@link yfiles.algorithms.GraphElementInsertion#BEFORE} or
-       * {@link yfiles.algorithms.GraphElementInsertion#AFTER}.
-       * @param {yfiles.algorithms.Graph} g
-       * @constructor
+       * @param v The source node of the edge.
+       * @param e1 An edge with source node <code>v</code>.
+       * @param w The target node of the edge.
+       * @param e2 An edge with target node <code>w</code>.
+       * @param d1 One of the object insertion specifiers {@link #BEFORE} or
+       * {@link #AFTER}.
+       * @param d2 One of the object insertion specifiers {@link #BEFORE} or
+       * {@link #AFTER}.
+       * @param g
        */
       constructor(g:yfiles.algorithms.Graph,v:yfiles.algorithms.Node,e1:yfiles.algorithms.Edge,w:yfiles.algorithms.Node,e2:yfiles.algorithms.Edge,d1:yfiles.algorithms.GraphElementInsertion,d2:yfiles.algorithms.GraphElementInsertion);
       /**
        * Creates a copy of this edge that will be inserted into the given graph connecting the given source and target nodes.
-       * @param {yfiles.algorithms.Graph} g The graph the created edge will belong to.
-       * @param {yfiles.algorithms.Node} v The source node of the created edge.
-       * @param {yfiles.algorithms.Node} w The target node of the created edge.
-       * @returns {yfiles.algorithms.Edge} The newly created Edge object.
+       * @param g The graph the created edge will belong to.
+       * @param v The source node of the created edge.
+       * @param w The target node of the created edge.
+       * @returns The newly created Edge object.
        */
       createCopy(g:yfiles.algorithms.Graph,v:yfiles.algorithms.Node,w:yfiles.algorithms.Node):yfiles.algorithms.Edge;
       /**
@@ -75075,8 +74909,8 @@ declare namespace system{
        * <p>
        * Note that self-loops have the same node at both edge ends.
        * </p>
-       * @param {yfiles.algorithms.Node} v
-       * @returns {yfiles.algorithms.Node} 
+       * @param v
+       * @returns 
        */
       opposite(v:yfiles.algorithms.Node):yfiles.algorithms.Node;
       /**
@@ -75170,7 +75004,7 @@ declare namespace system{
     }
     /**
      * Specialized list implementation for instances of type {@link yfiles.algorithms.Edge}.
-     * @class yfiles.algorithms.EdgeList
+     * @class
      * @extends {yfiles.algorithms.YList}
      * @implements {yfiles.collections.IEnumerable.<yfiles.algorithms.Edge>}
      */
@@ -75178,69 +75012,63 @@ declare namespace system{
     export class EdgeList {
       /**
        * Creates a list that is initialized with an EdgeList.
-       * @param {yfiles.algorithms.EdgeList} edgeList
-       * @constructor
+       * @param edgeList
        */
       constructor(edgeList:yfiles.algorithms.EdgeList);
       /**
        * Creates a list that is initialized with a single edge provided.
-       * @param {yfiles.algorithms.Edge} e
-       * @constructor
+       * @param e
        */
       constructor(e:yfiles.algorithms.Edge);
       /**
        * Creates a list that is initialized with those edges from the given EdgeCursor object for which the given data provider
        * returns <code>true</code> upon calling its {@link yfiles.algorithms.IDataProvider#getBoolean getBool} method.
-       * @param {yfiles.algorithms.IEdgeCursor} ec An edge cursor providing edges that should be added to this list.
-       * @param {yfiles.algorithms.IDataProvider} predicate A data provider that acts as a inclusion predicate for each edge accessible by the given edge cursor.
-       * @constructor
+       * @param ec An edge cursor providing edges that should be added to this list.
+       * @param predicate A data provider that acts as a inclusion predicate for each edge accessible by the given edge cursor.
        */
       constructor(ec:yfiles.algorithms.IEdgeCursor,predicate:yfiles.algorithms.IDataProvider);
       /**
        * Creates a list that is initialized with the edges provided by the given array of edges.
-       * @param {Array.<yfiles.algorithms.Edge>} a
-       * @constructor
+       * @param a
        */
       constructor(a:yfiles.algorithms.Edge[]);
       /**
        * Creates a list that is initialized with the edges provided by the given EdgeCursor object.
-       * @param {yfiles.algorithms.IEdgeCursor} c
-       * @constructor
+       * @param c
        */
       constructor(c:yfiles.algorithms.IEdgeCursor);
       /**
        * Creates an empty edge list.
-       * @constructor
        */
       constructor();
       /**
        * Returns an edge cursor for this edge list.
-       * @returns {yfiles.algorithms.IEdgeCursor} An edge cursor granting access to the edges within this list.
+       * @returns An edge cursor granting access to the edges within this list.
        */
       edges():yfiles.algorithms.IEdgeCursor;
       /**
        * Returns the first edge in this list, or <code>null</code> when the list is empty.
-       * @returns {yfiles.algorithms.Edge} The first edge in the list.
+       * @returns The first edge in the list.
        */
       firstEdge():yfiles.algorithms.Edge;
       /**
        * Returns an enumerator for this collection.
-       * @returns {yfiles.collections.IEnumerator.<yfiles.algorithms.Edge>} 
+       * @returns 
        */
       getEnumerator():yfiles.collections.IEnumerator<yfiles.algorithms.Edge>;
       /**
        * Returns the last edge in this list, or <code>null</code> when the list is empty.
-       * @returns {yfiles.algorithms.Edge} The last edge in the list.
+       * @returns The last edge in the list.
        */
       lastEdge():yfiles.algorithms.Edge;
       /**
        * Removes the first edge from this list and returns it.
-       * @returns {yfiles.algorithms.Edge} The first edge from the list.
+       * @returns The first edge from the list.
        */
       popEdge():yfiles.algorithms.Edge;
       /**
        * Returns an edge array containing all elements of this list in the canonical order.
-       * @returns {Array.<yfiles.algorithms.Edge>} 
+       * @returns 
        */
       toEdgeArray():yfiles.algorithms.Edge[];
       static $class:yfiles.lang.Class;
@@ -75413,6 +75241,2119 @@ declare namespace system{
        */
       AVERAGE
     }
+    /**
+     * This class represents a line in the 2D-dimensional affine space.
+     * <p>
+     * The line is defined by the equation ax + by + c = 0
+     * </p>
+     * @class
+     */
+    export interface AffineLine extends Object{}
+    export class AffineLine {
+      /**
+       * Creates an affine line which is defined by two points.
+       * @param p1
+       * @param p2
+       */
+      constructor(p1:yfiles.algorithms.YPoint,p2:yfiles.algorithms.YPoint);
+      /**
+       * Creates an affine line which is defined by a point and a vector.
+       * @param p1
+       * @param v
+       */
+      constructor(p1:yfiles.algorithms.YPoint,v:yfiles.algorithms.YVector);
+      /**
+       * Returns the crossing of two lines.
+       * <p>
+       * If the lines are parallel, <code>null</code> is returned.
+       * </p>
+       * @param l1
+       * @param l2
+       * @returns 
+       * @static
+       */
+      static getCrossing(l1:yfiles.algorithms.AffineLine,l2:yfiles.algorithms.AffineLine):yfiles.algorithms.YPoint;
+      /**
+       * Projects an point on the line in direction of the X-axis.
+       * @param p
+       * @returns 
+       */
+      getXProjection(p:yfiles.algorithms.YPoint):yfiles.algorithms.YPoint;
+      /**
+       * Projects an point on the line in direction of the Y-axis.
+       * @param p
+       * @returns 
+       */
+      getYProjection(p:yfiles.algorithms.YPoint):yfiles.algorithms.YPoint;
+      /**
+       * Gets a from ax+by+c = 0
+       * @type {number}
+       */
+      a:number;
+      /**
+       * Gets b from ax+by+c = 0
+       * @type {number}
+       */
+      b:number;
+      /**
+       * Gets c from ax+by+c = 0
+       * @type {number}
+       */
+      c:number;
+      static $class:yfiles.lang.Class;
+    }
+    /**
+     * The handle of a segment of a borderline.
+     * @class
+     */
+    export interface BorderLineSegment extends Object{}
+    export class BorderLineSegment {
+      /**
+       * Returns the segment's value at the given position.
+       * <p>
+       * Note: In case the position lies outside the segments range, the calculated value might be invalid. As the segment is not
+       * aware of any offsets the position also must not include any offsets.
+       * </p>
+       * @param position the position the value is retrieved for.
+       * @returns the segment's value at the given position.
+       */
+      getValueAt(position:number):number;
+      /**
+       * Returns the next segment or <code>null</code> if there is no such segment.
+       * @returns 
+       */
+      next():yfiles.algorithms.BorderLineSegment;
+      /**
+       * Returns the previous segment or <code>null</code> if there is no such segment.
+       * @returns 
+       */
+      prev():yfiles.algorithms.BorderLineSegment;
+      /**
+       * Gets the end of this segment.
+       * @type {number}
+       */
+      end:number;
+      static $class:yfiles.lang.Class;
+    }
+    /**
+     * This class can be used to easily model an orthogonal border line or sky-line.
+     * <p>
+     * It provides methods for measuring the distance between different BorderLine instances, merging multiple instances,
+     * modifying and efficiently moving them around.
+     * </p>
+     * @class
+     */
+    export interface BorderLine extends Object{}
+    export class BorderLine {
+      /**
+       * Creates a new BorderLine from a single segment.
+       * @param min the beginning of this borderline
+       * @param max the ending of this borderline
+       * @param valueAtMin the value of the segment at the beginning of this borderline
+       * @param valueAtMax the value of the segment at the ending of this borderline
+       */
+      constructor(min:number,max:number,valueAtMin:number,valueAtMax:number);
+      /**
+       * Creates a new BorderLine from a single segment.
+       * @param min the beginning of this borderline
+       * @param max the ending of this borderline
+       * @param value the value of the segment
+       */
+      constructor(min:number,max:number,value:number);
+      /**
+       * Creates a new BorderLine with the given value from -Double.MAX_VALUE to Double.MAX_VALUE.
+       * @param value the value of the segment
+       */
+      constructor(value:number);
+      /**
+       * Adds the given offset to the segments' positions.
+       * <p>
+       * This method has complexity O(1).
+       * </p>
+       * @param delta the delta to add to the positions
+       */
+      addOffset(delta:number):void;
+      /**
+       * Adds the given offset to the current values of the whole borderline.
+       * <p>
+       * This method has complexity O(1).
+       * </p>
+       * @param delta the delta to add to the values
+       */
+      addValueOffset(delta:number):void;
+      /**
+       * Convenience method that copies the actual data from the given argument to this instance.
+       * @param other the argument to retrieve the values from
+       */
+      adoptValues(other:yfiles.algorithms.BorderLine):void;
+      /**
+       * Creates a copy of this borderline.
+       * <p>
+       * Optionally negates the values or offsets.
+       * </p>
+       * @param negateValues whether the values are negated
+       * @param negateOffsets whether the offsets are negated
+       * @returns the copy of the borderline
+       */
+      createCopy(negateValues:boolean,negateOffsets:boolean):yfiles.algorithms.BorderLine;
+      /**
+       * Merges this borderline with the given borderline using the "maximum" policy.
+       * <p>
+       * That means the resulting borderline will have greater value of both borderline on each position. If you imagine each
+       * borderline as a the upper border of a plane, the resulting borderline will be the upper border of the merged planes.
+       * </p>
+       * @param other the other borderline
+       * @returns a new borderline that is the result of the merge
+       */
+      createMax(other:yfiles.algorithms.BorderLine):yfiles.algorithms.BorderLine;
+      /**
+       * Merges this borderline with the given borderline using the "minimum" policy.
+       * <p>
+       * That means the resulting borderline will have smaller value of both borderline on each position. If you imagine each
+       * borderline as a the lower border of a plane, the resulting borderline will be the lower border of the merged planes.
+       * </p>
+       * @param other the other borderline
+       * @returns a new borderline that is the result of the merge
+       */
+      createMin(other:yfiles.algorithms.BorderLine):yfiles.algorithms.BorderLine;
+      /**
+       * Returns the first segment or <code>null</code> if there is no such segment.
+       * @returns 
+       */
+      firstSegment():yfiles.algorithms.BorderLineSegment;
+      /**
+       * Calculates the minimal distance between this borderline and the other one.
+       * <p>
+       * The other one is treated as if the values were all greater.
+       * </p>
+       * @param greater
+       * @returns 
+       */
+      getDistanceTo(greater:yfiles.algorithms.BorderLine):number;
+      /**
+       * Returns the maximum position of the given segment.
+       * @param s the segment
+       * @returns 
+       */
+      getMax(s:yfiles.algorithms.BorderLineSegment):number;
+      /**
+       * Calculates the maximum value in the interval from->to.
+       * @param from
+       * @param to
+       * @returns 
+       */
+      getMaxValue(from:number,to:number):number;
+      /**
+       * Returns the minimum position of the given segment.
+       * @param s the segment
+       * @returns 
+       */
+      getMin(s:yfiles.algorithms.BorderLineSegment):number;
+      /**
+       * Calculates the minimum value in the interval from->to.
+       * @param from
+       * @param to
+       * @returns 
+       */
+      getMinValue(from:number,to:number):number;
+      /**
+       * Returns the segment at the given position.
+       * @param pos the position
+       * @returns 
+       */
+      getSegmentAt(pos:number):yfiles.algorithms.BorderLineSegment;
+      /**
+       * Returns the slope of the given segment.
+       * @param s the segment
+       * @returns 
+       */
+      getSlope(s:yfiles.algorithms.BorderLineSegment):number;
+      /**
+       * Returns the value of the minimum of the given segment.
+       * <p>
+       * If the segment's slope is 0, it's the value of the whole segment. In case the slope differs from 0, it's the value of
+       * the start of the slope.
+       * </p>
+       * @param s the segment
+       * @returns 
+       */
+      getValue(s:yfiles.algorithms.BorderLineSegment):number;
+      /**
+       * Returns the value that is set on this borderline at the specified position.
+       * <p>
+       * The position must lie within the range of the segment.
+       * </p>
+       * @param segment The segment whose value shall be returned.
+       * @param pos the position where the value will be retrieved.
+       * @returns the value
+       * @throws {Stubs.Exceptions.ArgumentError} if <code>pos</code> is outside the segment's range.
+       */
+      getValueAt(segment:yfiles.algorithms.BorderLineSegment,pos:number):number;
+      /**
+       * Returns the value that is set on this borderline at the specified position.
+       * <p>
+       * The position must lie within the range of the segment that is stored in <code>cell</code>.
+       * </p>
+       * @param cell The list cell containing the segment whose value shall be returned.
+       * @param pos the position
+       * @returns the value
+       * @throws {Stubs.Exceptions.ArgumentError} if <code>pos</code> is outside the segment's range that is stored in <code>cell</code>.
+       */
+      getValueAt(cell:yfiles.algorithms.ListCell,pos:number):number;
+      /**
+       * Returns the value that is set on this borderline at the specified position.
+       * @param pos the position
+       * @returns the value
+       * @throws {Stubs.Exceptions.IndexOutOfRangeError} if the position is outside of the borderline.
+       */
+      getValueAt(pos:number):number;
+      /**
+       * Grows this BorderLine horizontally, so that the {@link yfiles.algorithms.BorderLine#getValueAt values} of the BorderLine stay the same however their {@link yfiles.algorithms.BorderLine#getMin start} and {@link yfiles.algorithms.BorderLine#getMax end}
+       * points are moved in the direction of <code>toMin</code> and <code>toMax</code>.
+       * <p>
+       * This is useful for scenarios where a BorderLine is needed that consists of an enlarged border.
+       * </p>
+       * <p>
+       * Note that this method normalizes the segments, i.e., it transforms each segment with slope != 0 to a segment with slope
+       * == 0.
+       * </p>
+       * @param toMin the delta by which the border should be extended towards -Infinity
+       * @param toMax the delta by which the border should be extended towards +Infinity
+       * @param positive whether the BorderLine should be interpreted to point in positive direction. This influences the direction into which a
+       * segment's border is extended.
+       */
+      grow(toMin:number,toMax:number,positive:boolean):void;
+      /**
+       * Returns the last segment or <code>null</code> if there is no such segment.
+       * @returns 
+       */
+      lastSegment():yfiles.algorithms.BorderLineSegment;
+      /**
+       * Merges this borderline with the given borderline using the "maximum" policy.
+       * @param other the other borderline
+       */
+      mergeWithMax(other:yfiles.algorithms.BorderLine):void;
+      /**
+       * Merges this borderline with the given borderline using the "minimum" policy.
+       * @param other the other borderline
+       */
+      mergeWithMin(other:yfiles.algorithms.BorderLine):void;
+      /**
+       * Returns the next segment or <code>null</code> if there is no such segment.
+       * @param s
+       * @returns 
+       */
+      next(s:yfiles.algorithms.BorderLineSegment):yfiles.algorithms.BorderLineSegment;
+      /**
+       * Returns the previous segment or <code>null</code> if there is no such segment.
+       * @param s
+       * @returns 
+       */
+      prev(s:yfiles.algorithms.BorderLineSegment):yfiles.algorithms.BorderLineSegment;
+      /**
+       * Assures that all values in the given interval are greater or equal than the given value.
+       * @param min the lower end of the interval
+       * @param max the upper end of the interval
+       * @param value the smallest possible value for the interval
+       */
+      setMaxValue(min:number,max:number,value:number):void;
+      /**
+       * Assures that all values in the given interval are less or equal than the given value.
+       * @param min the lower end of the interval
+       * @param max the upper end of the interval
+       * @param value the greatest possible value for the interval
+       */
+      setMinValue(min:number,max:number,value:number):void;
+      /**
+       * Sets a specific interval to a slope starting at a given value.
+       * @param min the left side of the interval.
+       * @param max the right side of the interval.
+       * @param value the value at <code>min</code> where the slope starts.
+       * @param slope the slope of the segment in the given interval.
+       * @throws {Stubs.Exceptions.ArgumentError} if <code>min</code> is greater than <code>max</code>.
+       */
+      setSloped(min:number,max:number,value:number,slope:number):void;
+      /**
+       * Sets a specific interval described by <code>min</code> and <code>max</code> to a given value.
+       * @param min the left side of the interval.
+       * @param max the right side of the interval.
+       * @param value the value for the whole interval.
+       */
+      setValue(min:number,max:number,value:number):void;
+      /**
+       * Gets the smallest position of this borderline
+       * @type {number}
+       */
+      min:number;
+      /**
+       * Gets the greatest position of this borderline
+       * @type {number}
+       */
+      max:number;
+      /**
+       * Gets the minimum value that is set on this borderline
+       * @type {number}
+       */
+      minValue:number;
+      /**
+       * Gets the maximum value that is set on this borderline
+       * @type {number}
+       */
+      maxValue:number;
+      static $class:yfiles.lang.Class;
+    }
+    /**
+     * This class provides useful geometric primitives and advanced geometric algorithms.
+     * @class
+     * @static
+     */
+    export interface Geom extends Object{}
+    export class Geom {
+      /**
+       * Calculates the convex hull for a set of points.
+       * @param points a list of {@link } objects
+       * @returns a list of {@link } objects that constitute the convex hull of the given points. The list contains points
+       * in counter clockwise order around the hull. The first point is the one with the smallest <code>x</code> coordinate. If two such
+       * points exist then of these points the one with the smallest <code>y</code> coordinate is chosen as the first one.
+       * @static
+       */
+      static calcConvexHull(points:yfiles.algorithms.YList):yfiles.algorithms.YList;
+      /**
+       * Calculates the intersection point of two <b>affine</b> lines.
+       * <p>
+       * Each line is given by two points.
+       * </p>
+       * @param p1 one point on the first line.
+       * @param p2 another point on the first line.
+       * @param p3 one point on the second line.
+       * @param p4 another point on the second line.
+       * @returns the intersection point of the specified lines or <code>null</code> if there is no intersection.
+       * @static
+       */
+      static calcIntersection(p1:yfiles.algorithms.YPoint,p2:yfiles.algorithms.YPoint,p3:yfiles.algorithms.YPoint,p4:yfiles.algorithms.YPoint):yfiles.algorithms.YPoint;
+      /**
+       * Calculates the intersection point of two affine lines.
+       * <p>
+       * Each line is given by a point and a direction vector.
+       * </p>
+       * @param p1 origin point of the first line.
+       * @param d1 direction vector of the first line.
+       * @param p2 origin point of the second line.
+       * @param d2 direction vector of the second line.
+       * @returns the intersection point of the specified lines or <code>null</code> if there is no intersection.
+       * @static
+       */
+      static calcIntersection(p1:yfiles.algorithms.YPoint,d1:yfiles.algorithms.YVector,p2:yfiles.algorithms.YPoint,d2:yfiles.algorithms.YVector):yfiles.algorithms.YPoint;
+      /**
+       * Calculates the intersection point of two <b>affine</b> lines.
+       * <p>
+       * Each line is given by the coordinates of two points.
+       * </p>
+       * @param x1 x-coordinate of one point on the first line.
+       * @param y1 y-coordinate of one point on the first line.
+       * @param x2 x-coordinate of another point on the first line.
+       * @param y2 y-coordinate of another point on the first line.
+       * @param x3 x-coordinate of one point on the second line.
+       * @param y3 y-coordinate of one point on the second line.
+       * @param x4 x-coordinate of another point on the second line.
+       * @param y4 y-coordinate of another point on the second line.
+       * @returns the intersection point of the specified lines or <code>null</code> if there is no intersection.
+       * @static
+       */
+      static calcIntersection(x1:number,y1:number,x2:number,y2:number,x3:number,y3:number,x4:number,y4:number):yfiles.algorithms.YPoint;
+      /**
+       * Intersects the pair of specified source <code>Rectangle2D</code> objects and puts the result into the specified destination <code>Rectangle2D</code>
+       * object.
+       * <p>
+       * If one or both of the source rectangles have negative width or height, the resulting rectangle will be located at (0,0)
+       * with a width and height of -1. One of the source rectangles can also be the destination to avoid creating a third
+       * Rectangle2D object, but in this case the original points of this source rectangle will be overwritten by this method.
+       * </p>
+       * @param r1 the first of a pair of <code>Rectangle2D</code> objects to be intersected with each other
+       * @param r2 the second of a pair of <code>Rectangle2D</code> objects to be intersected with each other
+       * @param dest the <code>Rectangle2D</code> that holds the results of the intersection of <code>r1</code> and <code>r2</code>
+       * @returns 
+       * @static
+       */
+      static calcIntersection(r1:yfiles.algorithms.Rectangle2D,r2:yfiles.algorithms.Rectangle2D,dest:yfiles.algorithms.Rectangle2D):yfiles.algorithms.Rectangle2D;
+      /**
+       * Unions the pair of source <code>Rectangle2D</code> objects and puts the result into the specified destination <code>Rectangle2D</code> object.
+       * <p>
+       * If one of the source rectangles has negative width or height, it is excluded from the union. If both source rectangles
+       * have negative width or height, the destination rectangle will become a copy of <code>r1</code>. One of the source rectangles can also
+       * be the destination to avoid creating a third Rectangle2D object, but in this case the original points of this source
+       * rectangle will be overwritten by this method. If the destination is <code>null</code>, a new <code>Rectangle2D</code> is created.
+       * </p>
+       * @param r1 the first of a pair of <code>Rectangle2D</code> objects to be combined with each other
+       * @param r2 the second of a pair of <code>Rectangle2D</code> objects to be combined with each other
+       * @param dest the <code>Rectangle2D</code> that holds the results of the union of <code>r1</code> and <code>r2</code>
+       * @returns 
+       * @static
+       */
+      static calcUnion(r1:yfiles.algorithms.Rectangle2D,r2:yfiles.algorithms.Rectangle2D,dest:yfiles.algorithms.Rectangle2D):yfiles.algorithms.Rectangle2D;
+      /**
+       * Returns <code>true</code> iff the given points are collinear, i.e.
+       * <p>
+       * all three points lie on a common line.
+       * </p>
+       * <p>
+       * Same as {@link yfiles.algorithms.Geom#orientation orientation(p,q,r) == 0}
+       * </p>
+       * @param p
+       * @param q
+       * @param r
+       * @returns 
+       * @static
+       */
+      static collinear(p:yfiles.algorithms.YPoint,q:yfiles.algorithms.YPoint,r:yfiles.algorithms.YPoint):boolean;
+      /**
+       * Determines the distance of the point <code>p</code> to the line segment <code>[l1, l2]</code>.
+       * @param pointX the x coordinate of p
+       * @param pointY the y coordinate of p
+       * @param lineX1 the x coordinate of l1
+       * @param lineY1 the y coordinate of l1
+       * @param lineX2 the x coordinate of l2
+       * @param lineY2 the y coordinate of l2
+       * @returns 
+       * @static
+       */
+      static distanceToLineSegment(pointX:number,pointY:number,lineX1:number,lineY1:number,lineX2:number,lineY2:number):number;
+      /**
+       * Same as {@link yfiles.algorithms.Geom#orientation orientation(p,q,r) > 0}
+       * @param p
+       * @param q
+       * @param r
+       * @returns 
+       * @static
+       */
+      static leftTurn(p:yfiles.algorithms.YPoint,q:yfiles.algorithms.YPoint,r:yfiles.algorithms.YPoint):boolean;
+      /**
+       * Returns whether the two lines defined by the given coordinates intersect or not.
+       * @param x1
+       * @param y1
+       * @param x2
+       * @param y2
+       * @param x3
+       * @param y3
+       * @param x4
+       * @param y4
+       * @returns 
+       * @static
+       */
+      static linesIntersect(x1:number,y1:number,x2:number,y2:number,x3:number,y3:number,x4:number,y4:number):boolean;
+      /**
+       * Same as {@link yfiles.algorithms.Geom#orientation} with double values as arguments.
+       * @param px
+       * @param py
+       * @param qx
+       * @param qy
+       * @param rx
+       * @param ry
+       * @returns 
+       * @static
+       */
+      static orientation(px:number,py:number,qx:number,qy:number,rx:number,ry:number):number;
+      /**
+       * Returns the orientation of point <code>r</code> relative to the directed line from point <code>p</code> to point <code>q</code>.
+       * <p>
+       * The given tuple of points is said to have positive orientation if <code>p</code> and <code>q</code> are distinct and <code>r</code> lies to the left of the
+       * oriented line passing through <code>p</code> and <code>q</code> and oriented from <code>p</code> to <code>q</code>.
+       * </p>
+       * <p>
+       * The tuple is said to have negative orientation if <code>p</code> and <code>q</code> are distinct and <code>r</code> lies to the right of the line, and the
+       * tuple is said to have orientation zero if the three points are collinear.
+       * </p>
+       * @param p
+       * @param q
+       * @param r
+       * @returns <b>+1</b> in the case of positive orientation, <b>-1</b> in the case of negative orientation and <b>0</b> in the case of zero orientation.
+       * @static
+       */
+      static orientation(p:yfiles.algorithms.YPoint,q:yfiles.algorithms.YPoint,r:yfiles.algorithms.YPoint):number;
+      /**
+       * Determines the projection of the point <code>p</code> onto the line segment <code>[l1, l2]</code>.
+       * <p>
+       * The resulting point is
+       * </p>
+       * <ul>
+       * <li>the orthogonal projection of <code>p</code> onto the line through <code>l1</code> and <code>l2</code>, iff the projection lies on the line segment <code>[l1, l2]</code></li>
+       * <li>the end point of the line segment <code>[l1, l2]</code> that is closest to <code>p</code>, otherwise</li>
+       * </ul>
+       * @param pointX the x coordinate of p
+       * @param pointY the y coordinate of p
+       * @param lineX1 the x coordinate of l1
+       * @param lineY1 the y coordinate of l1
+       * @param lineX2 the x coordinate of l2
+       * @param lineY2 the y coordinate of l2
+       * @returns 
+       * @static
+       */
+      static projection(pointX:number,pointY:number,lineX1:number,lineY1:number,lineX2:number,lineY2:number):yfiles.algorithms.YPoint;
+      /**
+       * Same as {@link yfiles.algorithms.Geom#orientation orientation(p,q,r) &lt; 0}
+       * @param p
+       * @param q
+       * @param r
+       * @returns 
+       * @static
+       */
+      static rightTurn(p:yfiles.algorithms.YPoint,q:yfiles.algorithms.YPoint,r:yfiles.algorithms.YPoint):boolean;
+      /**
+       * Returns +1 if point <code>d</code> lies left of the directed circle through points <code>a</code>, <code>b</code>, and <code>c</code>, 0 if <code>a,b,c</code> and <code>d</code> are cocircular, and
+       * -1 otherwise.
+       * @param a
+       * @param b
+       * @param c
+       * @param d
+       * @returns 
+       * @static
+       */
+      static sideOfCircle(a:yfiles.algorithms.YPoint,b:yfiles.algorithms.YPoint,c:yfiles.algorithms.YPoint,d:yfiles.algorithms.YPoint):number;
+      /**
+       * Converts the given degree value from radian to angular
+       * @param angrad
+       * @returns 
+       * @static
+       */
+      static toDegrees(angrad:number):number;
+      /**
+       * Converts the given degree value from angular to radian.
+       * @param angdeg
+       * @returns 
+       * @static
+       */
+      static toRadians(angdeg:number):number;
+      static $class:yfiles.lang.Class;
+    }
+    /**
+     * This is an interface for a sequence of instances of LineSegment.
+     * @interface
+     * @implements {yfiles.algorithms.ICursor}
+     */
+    export interface ILineSegmentCursor extends Object,yfiles.algorithms.ICursor{
+      /**
+       * Gets the instance of LineSegment the cursor is currently pointing on.
+       * @abstract
+       * @type {yfiles.algorithms.LineSegment}
+       */
+      lineSegment:yfiles.algorithms.LineSegment;
+    }
+    var ILineSegmentCursor:{
+      $class:yfiles.lang.Class;
+      isInstance(o:Object):boolean;
+    };
+    /**
+     * This interface describes a 2-dimensional object which has a finite bounding box.
+     * @interface
+     */
+    export interface IPlaneObject extends Object{
+      /**
+       * Gets the smallest Rectangle which contains the object.
+       * @abstract
+       * @type {yfiles.algorithms.YRectangle}
+       */
+      boundingBox:yfiles.algorithms.YRectangle;
+    }
+    var IPlaneObject:{
+      $class:yfiles.lang.Class;
+      isInstance(o:Object):boolean;
+    };
+    /**
+     * This is an interface for a sequence of instances of YPoint.
+     * @interface
+     * @implements {yfiles.algorithms.ICursor}
+     */
+    export interface IPointCursor extends Object,yfiles.algorithms.ICursor{
+      /**
+       * Gets the instance of YPoint the cursor is currently pointing on.
+       * @abstract
+       * @type {yfiles.algorithms.YPoint}
+       */
+      point:yfiles.algorithms.YPoint;
+    }
+    var IPointCursor:{
+      $class:yfiles.lang.Class;
+      isInstance(o:Object):boolean;
+    };
+    /**
+     * Double-precision immutable insets representation.
+     * @class
+     * @implements {yfiles.lang.ICloneable}
+     */
+    export interface Insets extends Object,yfiles.lang.ICloneable{}
+    export class Insets {
+      /**
+       * Creates a new instance with the given values
+       * @param top The new top inset value
+       * @param left The new left inset value
+       * @param bottom The new bottom inset value
+       * @param right The new right inset value
+       */
+      constructor(top:number,left:number,bottom:number,right:number);
+      /**
+       * 
+       * @returns 
+       */
+      clone():Object;
+      /**
+       * Creates a {@link yfiles.geometry.Insets} from a given {@link yfiles.algorithms.Insets}.
+       * @returns The {@link }.
+       */
+      toInsets():yfiles.geometry.Insets;
+      /**
+       * The inset from the top.
+       * @const
+       * @type {number}
+       */
+      top:number;
+      /**
+       * The inset from the left.
+       * @const
+       * @type {number}
+       */
+      left:number;
+      /**
+       * The inset from the bottom.
+       * @const
+       * @type {number}
+       */
+      bottom:number;
+      /**
+       * The inset from the right.
+       * @const
+       * @type {number}
+       */
+      right:number;
+      static $class:yfiles.lang.Class;
+    }
+    /**
+     * An instance of this interface handles intersections found by the <code>IntersectionAlgorithm</code>,
+     * @interface
+     */
+    export interface IIntersectionHandler extends Object{
+      /**
+       * This method is called at every intersection.
+       * @param a
+       * @param b
+       * @abstract
+       */
+      checkIntersection(a:Object,b:Object):void;
+    }
+    var IIntersectionHandler:{
+      $class:yfiles.lang.Class;
+      isInstance(o:Object):boolean;
+    };
+    /**
+     * This class calculates the intersection of rectangles in the plane with the help of a sweep-line algorithm.
+     * <p>
+     * <br /> The complexity is <code>O(n log n + s)</code> where <code>n</code> is the number of rectangles and <code>s</code> the number of intersections.
+     * </p>
+     * @class
+     * @static
+     */
+    export interface IntersectionAlgorithm extends Object{}
+    export class IntersectionAlgorithm {
+      /**
+       * Calculates the intersections of rectangles in the plane.
+       * <p>
+       * Every found intersection is reported to an
+       * <code>IntersectionHandler</code>. Rectangles with negative size are completely ignored by this implementation (i.e. never generate
+       * intersections)
+       * </p>
+       * @param objects a list of <code>PlaneObject</code> objects.
+       * @param iHandler intersections are reported to this class.
+       * @static
+       */
+      static intersect(objects:yfiles.algorithms.YList,iHandler:yfiles.algorithms.IIntersectionHandler):void;
+      static $class:yfiles.lang.Class;
+    }
+    /**
+     * This class represents a line segment in the plane.
+     * <p>
+     * A line segment is defined by its two end points.
+     * </p>
+     * @class
+     * @implements {yfiles.algorithms.IPlaneObject}
+     */
+    export interface LineSegment extends Object,yfiles.algorithms.IPlaneObject{}
+    export class LineSegment {
+      /**
+       * Returns a new LineSegment.
+       * @param p1 the first end point of the line segment.
+       * @param p2 the second end point of the line segment.
+       */
+      constructor(p1:yfiles.algorithms.YPoint,p2:yfiles.algorithms.YPoint);
+      /**
+       * Checks whether a line segment intersects a paraxial box.
+       * <p>
+       * Implemented using the Cohen-Sutherland algorithm.
+       * </p>
+       * @param boxX1 x-coordinate of the upper left corner of the box
+       * @param boxY1 y-coordinate of the upper left corner of the box
+       * @param boxX2 x-coordinate of the lower right corner of the box
+       * @param boxY2 y-coordinate of the lower right corner of the box
+       * @param sX1 x-coordinate of the first end point of the line segment
+       * @param sY1 y-coordinate of the first end point of the line segment
+       * @param sX2 x-coordinate of the second end point of the line segment
+       * @param sY2 y-coordinate of the second end point of the line segment
+       * @returns <code>true</code> if the line segment intersects the box, <code>false</code> otherwise.
+       * @static
+       */
+      static boxIntersectsSegment(boxX1:number,boxY1:number,boxX2:number,boxY2:number,sX1:number,sY1:number,sX2:number,sY2:number):boolean;
+      /**
+       * Checks whether a line segment intersects a box.
+       * <p>
+       * Implemented using the Cohen-Sutherland algorithm.
+       * </p>
+       * @param box A rectangle
+       * @param x1 x-coordinate of the first end point of the line segment
+       * @param y1 y-coordinate of the first end point of the line segment
+       * @param x2 x-coordinate of the second end point of the line segment
+       * @param y2 y-coordinate of the second end point of the line segment
+       * @returns <code>true</code> if the line segment intersects the box, <code>false</code> otherwise.
+       * @static
+       */
+      static boxIntersectsSegment(box:yfiles.algorithms.YRectangle,x1:number,y1:number,x2:number,y2:number):boolean;
+      /**
+       * Checks whether a line segment intersects a box.
+       * @param box A rectangle.
+       * @param s first end point of the line segment.
+       * @param t second end point of the line segment.
+       * @returns <code>true</code> if the line segments intersects the box, <code>false</code> otherwise.
+       * @static
+       */
+      static boxIntersectsSegment(box:yfiles.algorithms.YRectangle,s:yfiles.algorithms.YPoint,t:yfiles.algorithms.YPoint):boolean;
+      /**
+       * Checks whether a given point lies on this line segment.
+       * @param point an arbitrary point.
+       * @returns <code>true</code> if the line segments intersects the box, <code>false</code> otherwise.
+       */
+      contains(point:yfiles.algorithms.YPoint):boolean;
+      /**
+       * Returns intersection point between the two line segments, if there is one or <code>null</code> if the two line segments do not
+       * intersect.
+       * @param s1 first line segment
+       * @param s2 second line segment
+       * @returns 
+       * @static
+       */
+      static getIntersection(s1:yfiles.algorithms.LineSegment,s2:yfiles.algorithms.LineSegment):yfiles.algorithms.YPoint;
+      /**
+       * Checks whether the line segment intersects a point.
+       * @param p a point
+       * @returns <code>true</code> if the line segments intersects the given point, <code>false</code> otherwise.
+       */
+      intersects(p:yfiles.algorithms.YPoint):boolean;
+      /**
+       * Checks whether the line segment intersects a box.
+       * @param box A rectangle.
+       * @returns <code>true</code> if the line segments intersects the box, <code>false</code> otherwise.
+       */
+      intersects(box:yfiles.algorithms.YRectangle):boolean;
+      /**
+       * Determines if the given points define a horizontal line segment.
+       * <p>
+       * This methods allows for y-coordinate differences of up to 1e-8.
+       * </p>
+       * @param p1
+       * @param p2
+       * @returns <code>true</code> if the given points define a horizontal line segment; <code>false</code> otherwise.
+       * @static
+       */
+      static isHorizontalSegment(p1:yfiles.algorithms.YPoint,p2:yfiles.algorithms.YPoint):boolean;
+      /**
+       * Returns if the projection on the X axis of the line segment covers a certain point on the X Axis.
+       * @param x
+       * @returns 
+       */
+      isInXIntervall(x:number):boolean;
+      /**
+       * Returns if the projection on the Y axis of the line segment covers a certain point on the Y Axis.
+       * @param y
+       * @returns 
+       */
+      isInYIntervall(y:number):boolean;
+      /**
+       * Determines if the given points define a vertical line segment.
+       * <p>
+       * This methods allows for x-coordinate differences of up to 1e-8.
+       * </p>
+       * @param p1
+       * @param p2
+       * @returns <code>true</code> if the given points define a vertical line segment; <code>false</code> otherwise.
+       * @static
+       */
+      static isVerticalSegment(p1:yfiles.algorithms.YPoint,p2:yfiles.algorithms.YPoint):boolean;
+      /**
+       * Returns the length of the line segment, this is the value of the Euclidean norm.
+       * @returns an value > 0.
+       */
+      length():number;
+      /**
+       * Returns the affine line defined by the end points of the line segment.
+       * @returns 
+       */
+      toAffineLine():yfiles.algorithms.AffineLine;
+      /**
+       * Returns the vector pointing from the first end point to the second end point of the line segment.
+       * @returns 
+       */
+      toYVector():yfiles.algorithms.YVector;
+      /**
+       * Gets if this segment is considered vertical, i.e.
+       * <p>
+       * the x values of the end point differ less then 0.00000001
+       * </p>
+       * @type {boolean}
+       */
+      isVertical:boolean;
+      /**
+       * Gets if the interval is horizontal.
+       * @type {boolean}
+       */
+      isHorizontal:boolean;
+      /**
+       * Gets the first end point of the line segment.
+       * @type {yfiles.algorithms.YPoint}
+       */
+      firstEndPoint:yfiles.algorithms.YPoint;
+      /**
+       * Gets the second end point of the line segment.
+       * @type {yfiles.algorithms.YPoint}
+       */
+      secondEndPoint:yfiles.algorithms.YPoint;
+      /**
+       * Gets the y value of the line on x coordinate 0.
+       * @type {number}
+       */
+      xOffset:number;
+      /**
+       * Gets the slope of the line segment.
+       * @type {number}
+       */
+      slope:number;
+      /**
+       * Gets the smallest Rectangle which contains the object.
+       * @type {yfiles.algorithms.YRectangle}
+       */
+      boundingBox:yfiles.algorithms.YRectangle;
+      /**
+       * Gets the distance from start to end point in x-coordinates.
+       * @type {number}
+       */
+      deltaX:number;
+      /**
+       * Gets the distance from start to end point in y-coordinates.
+       * @type {number}
+       */
+      deltaY:number;
+      static $class:yfiles.lang.Class;
+    }
+    /**
+     * Represents a two-dimensional point located at <code>(x, y)</code>.
+     * @class
+     * @implements {yfiles.lang.ICloneable}
+     */
+    export interface Point2D extends Object,yfiles.lang.ICloneable{}
+    export class Point2D {
+      /**
+       * Creates a new instance at the given location.
+       * @param x The x coordinate of the new point
+       * @param y The x coordinate of the new point
+       */
+      constructor(x:number,y:number);
+      /**
+       * Creates a new instance that is located at <code>(0, 0)</code>
+       */
+      constructor();
+      /**
+       * Creates a new instance of this class that has the same values as this objects.
+       * @returns a new instance of this class that has the same values as this objects.
+       */
+      clone():Object;
+      /**
+       * Calculates the distance between this points and another one, given as its coordinates.
+       * @param px The x coordinate of the second point.
+       * @param py The y coordinate of the second point.
+       * @returns the distance between this points and another one, given as its coordinates.
+       */
+      distance(px:number,py:number):number;
+      /**
+       * Calculates the distance between this points and another one.
+       * @param p The second point.
+       * @returns the distance between this points and another one.
+       */
+      distance(p:yfiles.algorithms.Point2D):number;
+      /**
+       * Calculates the distance between two points, given as their coordinates.
+       * @param x1 The x coordinate of the first point.
+       * @param y1 The y coordinate of the first point.
+       * @param x2 The x coordinate of the second point.
+       * @param y2 The y coordinate of the second point.
+       * @returns the distance between two points, given as their coordinates.
+       * @static
+       */
+      static distance(x1:number,y1:number,x2:number,y2:number):number;
+      /**
+       * Calculates the squared distance between this points and another one, given as its coordinates.
+       * @param px The x coordinate of the second point.
+       * @param py The y coordinate of the second point.
+       * @returns the squared distance between this points and another one, given as its coordinates.
+       */
+      distanceSq(px:number,py:number):number;
+      /**
+       * Calculates the squared distance between this points and another one.
+       * @param p The second point.
+       * @returns the squared distance between this points and another one.
+       */
+      distanceSq(p:yfiles.algorithms.Point2D):number;
+      /**
+       * Calculates the squared distance between two points, given as their coordinates.
+       * @param x1 The x coordinate of the first point.
+       * @param y1 The y coordinate of the first point.
+       * @param x2 The x coordinate of the second point.
+       * @param y2 The y coordinate of the second point.
+       * @returns the squared distance between two points, given as their coordinates.
+       * @static
+       */
+      static distanceSq(x1:number,y1:number,x2:number,y2:number):number;
+      /**
+       * Sets the location of this point to the given coordinates.
+       * @param x the new x coordinate
+       * @param y the new y coordinate
+       */
+      setLocation(x:number,y:number):void;
+      /**
+       * Creates a {@link yfiles.geometry.Point} from a given {@link yfiles.algorithms.Point2D}.
+       * @returns The {@link }.
+       */
+      toPoint():yfiles.geometry.Point;
+      /**
+       * Sets the location of this point to the same values as for the given point.
+       * @type {yfiles.algorithms.Point2D}
+       */
+      location:yfiles.algorithms.Point2D;
+      /**
+       * Gets the x coordinate of this point.
+       * @type {number}
+       */
+      x:number;
+      /**
+       * Gets the y coordinate of this point.
+       * @type {number}
+       */
+      y:number;
+      static $class:yfiles.lang.Class;
+    }
+    /**
+     * Represents a two-dimensional rectangle of size <code>(width x height)</code>, located at the point <code>(x, y)</code>.
+     * @class
+     * @implements {yfiles.lang.ICloneable}
+     */
+    export interface Rectangle2D extends Object,yfiles.lang.ICloneable{}
+    export class Rectangle2D {
+      /**
+       * Creates a new rectangle of the specified size at the specified location.
+       * @param x the x-coordinate of the upper left corner of the created rectangle.
+       * @param y the y-coordinate of the upper left corner of the created rectangle.
+       * @param width the width of the created rectangle.
+       * @param height the height of the created rectangle.
+       */
+      constructor(x:number,y:number,width:number,height:number);
+      /**
+       * Creates a new rectangle of size <code>(0 x 0)</code> at the location <code>(0, 0)</code>.
+       */
+      constructor();
+      /**
+       * Adds a point, specified by its coordinates, to this rectangle.
+       * <p>
+       * The rectangle will be grown if necessary. Note that for points that would lie on the right or bottom border of the
+       * rectangle, {@link yfiles.algorithms.Rectangle2D#contains} will still return <code>false</code> for the added point.
+       * </p>
+       * @param px the x coordinate of the point to add
+       * @param py the y coordinate of the point to add
+       */
+      add(px:number,py:number):void;
+      /**
+       * Adds a rectangle to this rectangle.
+       * <p>
+       * The rectangle will be grown to the union of both rectangles
+       * </p>
+       * @param r the rectangle to add
+       */
+      add(r:yfiles.algorithms.Rectangle2D):void;
+      /**
+       * Creates a new instance of this class that has the same values as this objects.
+       * @returns a new instance of this class that has the same values as this objects.
+       */
+      clone():Object;
+      /**
+       * Checks whether this rectangle completely contains the second specified rectangle.
+       * @param x the x coordinate of the second rectangle.
+       * @param y the y coordinate of the second rectangle.
+       * @param width the width coordinate of the second rectangle.
+       * @param height the height coordinate of the second rectangle.
+       * @returns <code>true</code> if this rectangle contains the second one
+       */
+      contains(x:number,y:number,width:number,height:number):boolean;
+      /**
+       * Checks if the point specified by the given coordinates is contained in this rectangle.
+       * @param x the x-coordinate of the point.
+       * @param y the y-coordinate of the point.
+       * @returns <code>true</code> if the specified point is contained in this rectangle; <code>false</code> otherwise.
+       */
+      contains(x:number,y:number):boolean;
+      /**
+       * Checks whether this rectangle completely contains the second specified rectangle.
+       * @param rect the rectangle to check for containment
+       * @returns <code>true</code> if this rectangle contains the second one
+       */
+      contains(rect:yfiles.algorithms.Rectangle2D):boolean;
+      /**
+       * Calculates the intersection of this rectangle with the given rectangle and returns the result as new rectangle.
+       * @param r a rectangle to intersect with this rectangle.
+       * @returns a new rectangle that represents the calculated intersection.
+       */
+      createIntersection(r:yfiles.algorithms.Rectangle2D):yfiles.algorithms.Rectangle2D;
+      /**
+       * Calculates the union of this rectangle with the given rectangle and returns the result as new rectangle.
+       * @param r a rectangle to union with this rectangle.
+       * @returns a new rectangle that represents the calculated union.
+       */
+      createUnion(r:yfiles.algorithms.Rectangle2D):yfiles.algorithms.Rectangle2D;
+      /**
+       * Calculates the intersection of the first and second specified rectangle and sets the resulting location and size to the
+       * third rectangle.
+       * @param src1 the first rectangle to intersect.
+       * @param src2 the second rectangle to intersect.
+       * @param dst the rectangle to which the result is set.
+       * @static
+       */
+      static intersect(src1:yfiles.algorithms.Rectangle2D,src2:yfiles.algorithms.Rectangle2D,dst:yfiles.algorithms.Rectangle2D):void;
+      /**
+       * Checks whether this rectangle and the second specified rectangle intersect.
+       * @param x the x coordinate of the second rectangle.
+       * @param y the y coordinate of the second rectangle.
+       * @param width the width coordinate of the second rectangle.
+       * @param height the height coordinate of the second rectangle.
+       * @returns <code>true</code> if both rectangles intersect
+       */
+      intersects(x:number,y:number,width:number,height:number):boolean;
+      /**
+       * Checks whether this rectangle and the second specified rectangle intersect.
+       * @param rect the rectangle to check for intersection
+       * @returns <code>true</code> if both rectangles intersect
+       */
+      intersects(rect:yfiles.algorithms.Rectangle2D):boolean;
+      /**
+       * Checks if the line segment specified by the given coordinates intersects this rectangle.
+       * @param x1 the x-coordinate of the first end point of the line.
+       * @param y1 the y-coordinate of the first end point of the line.
+       * @param x2 the x-coordinate of the other end point of the line.
+       * @param y2 the y-coordinate of the other end point of the line.
+       * @returns <code>true</code> if the specified line intersects this rectangle; <code>false</code> otherwise.
+       */
+      intersectsLine(x1:number,y1:number,x2:number,y2:number):boolean;
+      /**
+       * Sets the outer bounds of this rectangle based on the specified location and size.
+       * @param x the new x-coordinate of the upper left corner.
+       * @param y the new y-coordinate of the upper left corner.
+       * @param width the new width.
+       * @param height the new height.
+       */
+      setFrame(x:number,y:number,width:number,height:number):void;
+      /**
+       * Sets the outer bounds of this rectangle based on the specified new center and corner.
+       * @param centerX the x-coordinate of the new center of this rectangle.
+       * @param centerY the y-coordinate of the new center of this rectangle.
+       * @param cornerX the x-coordinate of any new corner of this rectangle.
+       * @param cornerY the y-coordinate of any new corner of this rectangle.
+       */
+      setFrameFromCenter(centerX:number,centerY:number,cornerX:number,cornerY:number):void;
+      /**
+       * Sets the outer bounds of this rectangle based on the specified new center and corner.
+       * @param center the new center of this rectangle.
+       * @param corner any new corner of this rectangle.
+       */
+      setFrameFromCenter(center:yfiles.algorithms.Point2D,corner:yfiles.algorithms.Point2D):void;
+      /**
+       * Sets the outer bounds of this rectangle based on the end points of one of its diagonals.
+       * @param x1 the x-coordinate of the first end point of a diagonal.
+       * @param y1 the y-coordinate of the first end point of a diagonal.
+       * @param x2 the x-coordinate of the other end point of a diagonal.
+       * @param y2 the y-coordinate of the other end point of a diagonal.
+       */
+      setFrameFromDiagonal(x1:number,y1:number,x2:number,y2:number):void;
+      /**
+       * Sets the outer bounds of this rectangle based on the end points of one of its diagonals.
+       * @param p1 the first end point of a diagonal.
+       * @param p2 the other end point of a diagonal.
+       */
+      setFrameFromDiagonal(p1:yfiles.algorithms.Point2D,p2:yfiles.algorithms.Point2D):void;
+      /**
+       * Sets the location and size of this rectangle to the specified values.
+       * @param x the new x-coordinate of the upper left corner.
+       * @param y the new y-coordinate of the upper left corner.
+       * @param width the new width.
+       * @param height the new height.
+       */
+      setRect(x:number,y:number,width:number,height:number):void;
+      /**
+       * Creates a {@link yfiles.geometry.Rect} from a given {@link yfiles.algorithms.Rectangle2D}.
+       * @returns The {@link }.
+       */
+      toRect():yfiles.geometry.Rect;
+      /**
+       * Calculates the union of the first and second specified rectangle and sets the resulting location and size to the third
+       * rectangle.
+       * @param src1 the first rectangle to union.
+       * @param src2 the second rectangle to union.
+       * @param dst the rectangle to which the result is set.
+       * @static
+       */
+      static union(src1:yfiles.algorithms.Rectangle2D,src2:yfiles.algorithms.Rectangle2D,dst:yfiles.algorithms.Rectangle2D):void;
+      /**
+       * Gets or sets the outer bounds of this rectangle in double coordinates.
+       * @type {yfiles.algorithms.Rectangle2D}
+       */
+      frame:yfiles.algorithms.Rectangle2D;
+      /**
+       * Sets the location and size of this rectangle to be similar to the specified rectangle.
+       * @type {yfiles.algorithms.Rectangle2D}
+       */
+      rect:yfiles.algorithms.Rectangle2D;
+      /**
+       * Gets the x coordinate of the upper left corner.
+       * @type {number}
+       */
+      x:number;
+      /**
+       * Gets the y coordinate of the upper left corner.
+       * @type {number}
+       */
+      y:number;
+      /**
+       * Gets the width of this rectangle.
+       * @type {number}
+       */
+      width:number;
+      /**
+       * Gets the height of this rectangle.
+       * @type {number}
+       */
+      height:number;
+      /**
+       * Gets whether this instance is empty, i.e.
+       * <p>
+       * covers no area.
+       * </p>
+       * @type {boolean}
+       */
+      empty:boolean;
+      /**
+       * Gets the smallest x coordinate of this rectangle.
+       * @type {number}
+       */
+      minX:number;
+      /**
+       * Gets the smallest y coordinate of this rectangle.
+       * @type {number}
+       */
+      minY:number;
+      /**
+       * Gets the largest x coordinate of this rectangle.
+       * @type {number}
+       */
+      maxX:number;
+      /**
+       * Gets the largest y coordinate of this rectangle.
+       * @type {number}
+       */
+      maxY:number;
+      /**
+       * Gets the x coordinate of the center point of this rectangle.
+       * @type {number}
+       */
+      centerX:number;
+      /**
+       * Gets the y coordinate of the center point of this rectangle.
+       * @type {number}
+       */
+      centerY:number;
+      /**
+       * Gets the bounds of this instance in double precision.
+       * @type {yfiles.algorithms.Rectangle2D}
+       */
+      bounds2D:yfiles.algorithms.Rectangle2D;
+      static $class:yfiles.lang.Class;
+    }
+    /**
+     * This class provides algorithms for the triangulation of point sets in the plane.
+     * @class
+     * @static
+     */
+    export interface Triangulator extends Object{}
+    export class Triangulator {
+      /**
+       * Computes a Delauney triangulation of the given points.
+       * <p>
+       * A Delauney triangulation is a triangulation such that none of the given points is inside the circumcircle of any of the
+       * calculated triangles.
+       * </p>
+       * <p>
+       * The calculated triangulation is represented by an embedded graph, i.e. to each edge there exists a reverse edge and the
+       * outedges around each node are in embedded order. The returned edge and the (optional) reverseEdgeMap can be used to
+       * construct all faces of the plane graph and to determine its outer face.
+       * </p>
+       * @param result a graph whose nodes represent the points that need to be triangulated.
+       * @param pointData must provide the location (YPoint) for each node in the given graph.
+       * @param revMap a node map that will contain for each edge its reverse edge. If this argument is <code>null</code> then no reverse edge information
+       * will be available.
+       * @returns an edge on the outer face of the result graph.
+       * @static
+       */
+      static calcDelauneyTriangulation(result:yfiles.algorithms.Graph,pointData:yfiles.algorithms.IDataProvider,revMap:yfiles.algorithms.IEdgeMap):yfiles.algorithms.Edge;
+      /**
+       * Computes a triangulation of the given points.
+       * <p>
+       * The calculated triangulation is represented by an embedded graph, i.e. to each edge there exists a reverse edge and the
+       * outedges around each node are in embedded order. The returned edge and the (optional) reverseEdgeMap can be used to
+       * construct all faces of the plane graph and to determine its outer face.
+       * </p>
+       * @param points the point set to be triangulated. The points must be provided as a YList of YPoints.
+       * @param result the resulting triangulation
+       * @param resultMap the node map that forms the link between a point and a node.
+       * @param reverseEdgeMap a node map that will contain for each edge its reverse edge. If this argument is <code>null</code> then no reverse edge information
+       * will be available.
+       * @returns an edge on the outer face of the result graph.
+       * @static
+       */
+      static triangulatePoints(points:yfiles.algorithms.YList,result:yfiles.algorithms.Graph,resultMap:yfiles.algorithms.INodeMap,reverseEdgeMap:yfiles.algorithms.IEdgeMap):yfiles.algorithms.Edge;
+      /**
+       * Computes a triangulation of the given points.
+       * <p>
+       * The calculated triangulation is represented by an embedded graph, i.e. to each edge there exists a reverse edge and the
+       * outedges around each node are in embedded order. The returned edge and the (optional) reverseEdgeMap can be used to
+       * construct all faces of the plane graph and to determine its outer face.
+       * </p>
+       * @param result a graph whose nodes represent the points that need to be triangulated.
+       * @param pointData must provide the location (YPoint) for each node in the given graph.
+       * @param reverseEdgeMap a node map that will contain for each edge its reverse edge. If this argument is <code>null</code> then no reverse edge information
+       * will be available.
+       * @returns an edge on the outer face of the result graph.
+       * @static
+       */
+      static triangulatePoints(result:yfiles.algorithms.Graph,pointData:yfiles.algorithms.IDataProvider,reverseEdgeMap:yfiles.algorithms.IEdgeMap):yfiles.algorithms.Edge;
+      static $class:yfiles.lang.Class;
+    }
+    /**
+     * This class represents the size of an object.
+     * <p>
+     * An instance of this class implements the immutable design pattern.
+     * </p>
+     * @class
+     * @implements {yfiles.lang.IComparable}
+     */
+    export interface YDimension extends Object,yfiles.lang.IComparable{}
+    export class YDimension {
+      /**
+       * Creates a new YDimension2D object for given size.
+       * @param width
+       * @param height
+       */
+      constructor(width:number,height:number);
+      /**
+       * 
+       * @param o
+       * @returns 
+       */
+      compareTo(o:Object):number;
+      /**
+       * Creates a {@link yfiles.geometry.Size} from a given {@link yfiles.algorithms.YDimension}.
+       * @returns The {@link }.
+       */
+      toSize():yfiles.geometry.Size;
+      /**
+       * Gets the width of the dimension object.
+       * @type {number}
+       */
+      width:number;
+      /**
+       * Gets the height of the dimension object.
+       * @type {number}
+       */
+      height:number;
+      static $class:yfiles.lang.Class;
+    }
+    /**
+     * An oriented rectangle in 2D coordinate space with double precision coordinates.
+     * <p>
+     * The rectangle's <code>height</code> extends from its <em>{@link yfiles.algorithms.YOrientedRectangle#anchor anchor point}</em> in the direction of its <em>up
+     * vector</em> ({@link yfiles.algorithms.YOrientedRectangle#upX ux}, {@link yfiles.algorithms.YOrientedRectangle#upY uy}). Its <code>width</code> extends from its {@link yfiles.algorithms.YOrientedRectangle#anchor anchor point} in
+     * direction <code>(-uy, ux)</code> (i.e. perpendicular to the <em>up vector</em>). This means that an oriented rectangle with anchor point <code>(0, 0)</code> width
+     * <code>100</code>, height <code>10</code>, and up vector <code>(0, -1)</code> is a paraxial rectangle with upper left corner <code>(0, -10)</code> and lower right corner
+     * <code>(100, 0)</code>.
+     * </p>
+     * @class
+     * @implements {yfiles.algorithms.IPlaneObject}
+     */
+    export interface YOrientedRectangle extends Object,yfiles.algorithms.IPlaneObject{}
+    export class YOrientedRectangle {
+      /**
+       * Creates a new instance using the provided rectangle's values to initialize anchor, size, and up vector.
+       * @param rect the provided rectangle.
+       */
+      constructor(rect:yfiles.algorithms.YOrientedRectangle);
+      /**
+       * Creates a new instance using the provided rectangle's values to initialize anchor and size.
+       * <p>
+       * The oriented rectangle's up vector will be <code>(0, -1)</code>.
+       * </p>
+       * @param rect the provided rectangle.
+       */
+      constructor(rect:yfiles.algorithms.YRectangle);
+      /**
+       * Creates a new instance using the provided values to initialize anchor, size, and up vector.
+       * @param anchorX The x coordinate of the anchor of the oriented rectangle.
+       * @param anchorY The y coordinate of the anchor of the oriented rectangle.
+       * @param width The width of the rectangle.
+       * @param height The height of the rectangle.
+       * @param upX The x component of the up vector.
+       * @param upY The y component of the up vector.
+       */
+      constructor(anchorX:number,anchorY:number,width:number,height:number,upX:number,upY:number);
+      /**
+       * Creates a new instance using the provided values to initialize anchor and size.
+       * <p>
+       * The oriented rectangle's up vector will be <code>(0, -1)</code>.
+       * </p>
+       * @param anchorX The x coordinate of the anchor of the oriented rectangle.
+       * @param anchorY The y coordinate of the anchor of the oriented rectangle.
+       * @param width The width of the rectangle.
+       * @param height The height of the rectangle.
+       */
+      constructor(anchorX:number,anchorY:number,width:number,height:number);
+      /**
+       * Creates a new instance using the provided values to initialize anchor, size, and up vector.
+       * @param position The provider for the dynamic anchor of this instance.
+       * @param size The provider for the dynamic size of this instance.
+       * @param upVector The up vector.
+       */
+      constructor(position:yfiles.algorithms.YPoint,size:yfiles.algorithms.YDimension,upVector:yfiles.algorithms.YVector);
+      /**
+       * Creates a new instance using the provided values to initialize the anchor and size.
+       * <p>
+       * The oriented rectangle's up vector will be <code>(0, -1)</code>.
+       * </p>
+       * @param anchor The provider for the dynamic anchor of this instance.
+       * @param size The provider for the dynamic size of this instance.
+       */
+      constructor(anchor:yfiles.algorithms.YPoint,size:yfiles.algorithms.YDimension);
+      /**
+       * Copies the actual values from the given <code>OrientedRectangle</code> to this instance.
+       * @param other the <code>OrientedRectangle</code> to retrieve the values from
+       */
+      adoptValues(other:yfiles.algorithms.YOrientedRectangle):void;
+      /**
+       * Determines the four corner points of an oriented rectangle.
+       * @param rect The rectangle to determine the bounds.
+       * @returns the array of corner points.
+       * @static
+       */
+      static calcPoints(rect:yfiles.algorithms.YOrientedRectangle):yfiles.algorithms.YPoint[];
+      /**
+       * Determines the coordinates of the four corners of an oriented rectangle.
+       * @param rect The rectangle to determine the bounds.
+       * @returns the array of coordinates of the corner points in which each even index has the x-coordinate and each odd index the
+       * y-coordinate
+       * @static
+       */
+      static calcPointsInDouble(rect:yfiles.algorithms.YOrientedRectangle):number[];
+      /**
+       * Determines whether or not the specified point lies inside this oriented rectangle.
+       * @param x the x-coordinate of the point to check.
+       * @param y the y-coordinate of the point to check.
+       * @param [closed=false] if <code>true</code>, all points on the border of the rectangle are considered to be <em>contained</em>.
+       * @returns <code>true</code> iff the specified point lies inside; <code>false</code> otherwise.
+       */
+      contains(x:number,y:number,closed?:boolean):boolean;
+      /**
+       * Determines whether the given rectangle r1 contains rectangle r2, using an epsilon value.
+       * @param r1 The first rectangle.
+       * @param r2 The second rectangle.
+       * @param eps A positive value allows for fuzzy hit testing. If the point lies outside the given object but it's distance is less than
+       * or equal to that value, it will be considered a hit.
+       * @returns true iff the r1 contains r2.
+       * @static
+       */
+      static contains(r1:yfiles.algorithms.YOrientedRectangle,r2:yfiles.algorithms.YOrientedRectangle,eps:number):boolean;
+      /**
+       * Determines whether the given oriented rectangle contains the provided point, using an epsilon value.
+       * @param rect The rectangle.
+       * @param p The point to test.
+       * @param eps fuzziness range. A positive value allows for fuzzy hit testing. If a point lies outside the given rectangle, but its
+       * distance is less than or equal to that value, it will be considered a hit.
+       * @returns <code>true</code> if the point lies inside the rectangle; <code>false</code> otherwise.
+       * @static
+       */
+      static contains(rect:yfiles.algorithms.YOrientedRectangle,p:yfiles.algorithms.YPoint,eps:number):boolean;
+      /**
+       * Determines whether the given oriented rectangle contains the provided point, using an epsilon value.
+       * @param rect The rectangle.
+       * @param x x-coordinate of the point to test.
+       * @param y y-coordinate of the point to test.
+       * @param eps fuzziness range. A positive value allows for fuzzy hit testing. If a point lies outside the given rectangle, but its
+       * distance is less than or equal to that value, it will be considered a hit.
+       * @returns <code>true</code> if the point lies inside the rectangle; <code>false</code> otherwise.
+       * @static
+       */
+      static contains(rect:yfiles.algorithms.YOrientedRectangle,x:number,y:number,eps:number):boolean;
+      /**
+       * Creates a new <code>OrientedRectangle</code> instance whose anchor point is moved by the specified distance values, but has the same
+       * width, height, and up vector as this rectangle.
+       * @param dx the distance to move the anchor point in x-direction. A positive value means "move" to the right, a negative value means
+       * "move" to the left.
+       * @param dy the distance to move the anchor point in y-direction. A positive value means "move" downwards, a negative value means
+       * "move" upwards.
+       * @returns a new <code>OrientedRectangle</code> instance whose anchor point is moved by the specified distance values.
+       */
+      getMovedInstance(dx:number,dy:number):yfiles.algorithms.YOrientedRectangle;
+      /**
+       * Creates a new <code>OrientedRectangle</code> instance that has the specified width and height, but has the same anchor point and up
+       * vector as this rectangle.
+       * @param width the width of the new rectangle.
+       * @param height the height of the new rectangle.
+       * @returns a new <code>OrientedRectangle</code> instance that has the specified width and height.
+       */
+      getResizedInstance(width:number,height:number):yfiles.algorithms.YOrientedRectangle;
+      /**
+       * Determines an intersection point of the specified oriented rectangle and the specified line segment.
+       * <p>
+       * Note: there might be more than one intersection point. However this method only returns one intersection point or <code>null</code>
+       * if there is no intersection.
+       * </p>
+       * @param rect
+       * @param line
+       * @param eps
+       * @returns an intersection point of the specified oriented rectangle and the specified line segment or <code>null</code> if the rectangle and
+       * the segment do not intersect.
+       * @static
+       */
+      static intersectionPoint(rect:yfiles.algorithms.YOrientedRectangle,line:yfiles.algorithms.LineSegment,eps:number):yfiles.algorithms.YPoint;
+      /**
+       * Determines whether or not the specified oriented rectangle and the specified line segment intersect.
+       * @param rect
+       * @param line
+       * @param eps
+       * @returns <code>true</code> if the rectangle and the segment intersect and <code>false</code> otherwise.
+       * @static
+       */
+      static intersects(rect:yfiles.algorithms.YOrientedRectangle,line:yfiles.algorithms.LineSegment,eps:number):boolean;
+      /**
+       * Determines whether a rectangle intersects an oriented rectangle, given an epsilon.
+       * @param orientedRectangle The oriented rectangle to test.
+       * @param rectangle The rectangle to test.
+       * @param eps A positive value allows for fuzzy hit testing. If the point lies outside the given object but it's distance is less than
+       * or equal to that value, it will be considered a hit.
+       * @returns Whether they have a non-empty intersection.
+       * @static
+       */
+      static intersects(orientedRectangle:yfiles.algorithms.YOrientedRectangle,rectangle:yfiles.algorithms.YRectangle,eps:number):boolean;
+      /**
+       * Moves this rectangle by applying the offset to the anchor.
+       * @param dx The x offset to move the rectangle's position by.
+       * @param dy The y offset to move the rectangle's position by.
+       */
+      moveBy(dx:number,dy:number):void;
+      /**
+       * Sets the anchor of this rectangle.
+       * @param x the new x-coordinate of the anchor point.
+       * @param y the new y-coordinate of the anchor point.
+       */
+      setAnchor(x:number,y:number):void;
+      /**
+       * Sets the anchor of the OrientedRectangle so that the center of the rectangle coincides with the given coordinate pair.
+       * @param cx The x coordinate of the center.
+       * @param cy The y coordinate of the center.
+       */
+      setCenter(cx:number,cy:number):void;
+      /**
+       * Sets the size of this rectangle.
+       * @param width the new width.
+       * @param height the new height.
+       */
+      setSize(width:number,height:number):void;
+      /**
+       * Sets the components of the up vector to the new values.
+       * @param upX The x component of the normalized up vector.
+       * @param upY The y component of the normalized up vector.
+       */
+      setUpVector(upX:number,upY:number):void;
+      /**
+       * Creates an immutable {@link yfiles.geometry.IOrientedRectangle} from a given {@link yfiles.algorithms.YOrientedRectangle}.
+       * @returns The {@link }.
+       */
+      toImmutableOrientedRectangle():yfiles.geometry.IOrientedRectangle;
+      /**
+       * Gets whether this instance has negative width or height.
+       * @type {boolean}
+       */
+      empty:boolean;
+      /**
+       * Gets or sets the anchor of this oriented rectangle.
+       * @type {yfiles.algorithms.YPoint}
+       */
+      anchor:yfiles.algorithms.YPoint;
+      /**
+       * Gets the x-coordinate of this rectangle's anchor point.
+       * @type {number}
+       */
+      anchorX:number;
+      /**
+       * Gets the y-coordinate of this rectangle's anchor point.
+       * @type {number}
+       */
+      anchorY:number;
+      /**
+       * Gets or sets the size of this rectangle.
+       * @type {yfiles.algorithms.YDimension}
+       */
+      size:yfiles.algorithms.YDimension;
+      /**
+       * Gets the width of this rectangle.
+       * @type {number}
+       */
+      width:number;
+      /**
+       * Gets the height of this rectangle.
+       * @type {number}
+       */
+      height:number;
+      /**
+       * Gets the x-component of this rectangle's up vector.
+       * @type {number}
+       */
+      upX:number;
+      /**
+       * Gets the y-component of this rectangle's up vector.
+       * @type {number}
+       */
+      upY:number;
+      /**
+       * Gets or sets the angle (measured in radians) of this rectangle.
+       * <p>
+       * The angle of an oriented rectangle is the angle between the vector <code>(0, -1)</code> and the rectangle's up vector in counter
+       * clockwise order. An angle of 0 means the up vector points up in direction <code>(0, -1)</code>.
+       * </p>
+       * @type {number}
+       */
+      angle:number;
+      /**
+       * Gets or sets the current center of the oriented rectangle.
+       * @type {yfiles.algorithms.YPoint}
+       */
+      center:yfiles.algorithms.YPoint;
+      /**
+       * Calculates the paraxial bounding box of this oriented rectangle.
+       * @type {yfiles.algorithms.YRectangle}
+       */
+      boundingBox:yfiles.algorithms.YRectangle;
+      static $class:yfiles.lang.Class;
+    }
+    /**
+     * This class represents a point in the plane with double coordinates.
+     * <p>
+     * This class implements the immutable design pattern.
+     * </p>
+     * @class
+     * @implements {yfiles.lang.IComparable}
+     * @final
+     */
+    export interface YPoint extends Object,yfiles.lang.IComparable{}
+    export class YPoint {
+      /**
+       * Creates a new YPoint object for a given position.
+       * @param x the x coordinate of the point.
+       * @param y the y coordinate of the point.
+       */
+      constructor(x:number,y:number);
+      /**
+       * Creates a new YPoint at location (0,0)
+       */
+      constructor();
+      /**
+       * Adds two points and returns the result.
+       * @param p1 an arbitrary instance of YPoint.
+       * @param p2 an arbitrary instance of YPoint.
+       * @returns 
+       * @static
+       */
+      static add(p1:yfiles.algorithms.YPoint,p2:yfiles.algorithms.YPoint):yfiles.algorithms.YPoint;
+      /**
+       * Comparable implementation.
+       * <p>
+       * YPoints are ordered by ascending x-coordinates. If the x-coordinates of two points equal, then these points are ordered
+       * by ascending y-coordinates.
+       * </p>
+       * @param o
+       * @returns 
+       */
+      compareTo(o:Object):number;
+      /**
+       * Returns the euclidean distance between two points.
+       * @param x1 x-coordinate of first point
+       * @param y1 y-coordinate of first point
+       * @param x2 x-coordinate of second point
+       * @param y2 y-coordinate of second point
+       * @returns the euclidean distance between first and second point
+       * @static
+       */
+      static distance(x1:number,y1:number,x2:number,y2:number):number;
+      /**
+       * Returns the euclidean distance between two points.
+       * @param p1 an arbitrary point
+       * @param p2 an arbitrary point
+       * @returns the Euclidean distance between p1 and p2.
+       * @static
+       */
+      static distance(p1:yfiles.algorithms.YPoint,p2:yfiles.algorithms.YPoint):number;
+      /**
+       * Returns the euclidean distance between this point and a given point.
+       * @param x the x coordinate of an arbitrary point
+       * @param y the y coordinate of an arbitrary point
+       * @returns the Euclidean distance between this point and the point (x,y).
+       */
+      distanceTo(x:number,y:number):number;
+      /**
+       * Returns the euclidean distance between this point and a given point.
+       * @param p an arbitrary point
+       * @returns the Euclidean distance between this point and p.
+       */
+      distanceTo(p:yfiles.algorithms.YPoint):number;
+      /**
+       * Returns a point that geometrically lies in in the middle of the line formed by the given points.
+       * @param p1 an arbitrary instance of YPoint.
+       * @param p2 an arbitrary instance of YPoint.
+       * @returns 
+       * @static
+       */
+      static midPoint(p1:yfiles.algorithms.YPoint,p2:yfiles.algorithms.YPoint):yfiles.algorithms.YPoint;
+      /**
+       * Returns the point, got by moving this point to another position.
+       * @param x the value which is added on the x-coordinate of the point.
+       * @param y the value which is added on the y-coordinate of the point.
+       * @returns a new instance of YPoint which is the result of the moving operation.
+       */
+      moveBy(x:number,y:number):yfiles.algorithms.YPoint;
+      /**
+       * Subtracts two points (p1 - p2) and returns the result.
+       * @param p1 an arbitrary instance of YPoint.
+       * @param p2 an arbitrary instance of YPoint.
+       * @returns 
+       * @static
+       */
+      static subtract(p1:yfiles.algorithms.YPoint,p2:yfiles.algorithms.YPoint):yfiles.algorithms.YPoint;
+      /**
+       * Returns a copy of the given point with exchanged x- and y-coordinates.
+       * @param p an arbitrary instance of YPoint.
+       * @returns 
+       * @static
+       */
+      static swap(p:yfiles.algorithms.YPoint):yfiles.algorithms.YPoint;
+      /**
+       * Creates a {@link yfiles.geometry.Point} from a given {@link yfiles.algorithms.YPoint}.
+       * @returns The {@link }.
+       */
+      toPoint():yfiles.geometry.Point;
+      /**
+       * A YPoint constant with coordinates (0,0).
+       * @const
+       * @static
+       * @type {yfiles.algorithms.YPoint}
+       */
+      static ORIGIN:yfiles.algorithms.YPoint;
+      /**
+       * Gets the x-coordinate of the point object.
+       * @type {number}
+       */
+      x:number;
+      /**
+       * Gets the y-coordinate of the point object.
+       * @type {number}
+       */
+      y:number;
+      static $class:yfiles.lang.Class;
+    }
+    /**
+     * This class represents an ordered list of points in the plane.
+     * @class
+     * @final
+     */
+    export interface YPointPath extends Object{}
+    export class YPointPath {
+      /**
+       * Creates a new path from an array of points.
+       * @param path
+       */
+      constructor(path:yfiles.algorithms.YPoint[]);
+      /**
+       * Creates a new path from a list of points.
+       * @param l a list of {@link } instances.
+       */
+      constructor(l:yfiles.collections.IList<Object>);
+      /**
+       * Creates a new empty path.
+       */
+      constructor();
+      /**
+       * Calculate the (geometric) length of the path.
+       * <p>
+       * The length of the path is the sum of lengths of all line segments making up the path.
+       * </p>
+       * @returns the (geometric) length of the path
+       */
+      calculateLength():number;
+      /**
+       * Create a point path with reverse ordering of the points.
+       * @returns 
+       */
+      createReverse():yfiles.algorithms.YPointPath;
+      /**
+       * Get the points in the path.
+       * @returns 
+       */
+      cursor():yfiles.algorithms.ICursor;
+      /**
+       * Returns a line segment in the path.
+       * @param i
+       * @returns 
+       */
+      getLineSegment(i:number):yfiles.algorithms.LineSegment;
+      /**
+       * Get the number of points in the path.
+       * @returns 
+       */
+      length():number;
+      /**
+       * Get the points in the path.
+       * @returns 
+       */
+      lineSegments():yfiles.algorithms.ILineSegmentCursor;
+      /**
+       * Get the points in the path.
+       * @returns 
+       */
+      points():yfiles.algorithms.IPointCursor;
+      /**
+       * Get the points in the list as array.
+       * @returns 
+       */
+      toArray():yfiles.algorithms.YPoint[];
+      /**
+       * Get the points in the path as list.
+       * @returns a list of {@link } instances.
+       */
+      toList():yfiles.collections.IList<Object>;
+      /**
+       * Defines a path with no points.
+       * @const
+       * @static
+       * @type {yfiles.algorithms.YPointPath}
+       */
+      static EMPTY_PATH:yfiles.algorithms.YPointPath;
+      /**
+       * Gets the first point in the path.
+       * @type {yfiles.algorithms.YPoint}
+       */
+      first:yfiles.algorithms.YPoint;
+      /**
+       * Gets the last point in the path.
+       * @type {yfiles.algorithms.YPoint}
+       */
+      last:yfiles.algorithms.YPoint;
+      /**
+       * Gets the number of line segments in the path.
+       * @type {number}
+       */
+      lineSegmentCount:number;
+      static $class:yfiles.lang.Class;
+    }
+    /**
+     * This class defines a rectangle and provides utility methods for it.
+     * @class
+     * @extends {yfiles.algorithms.YDimension}
+     * @implements {yfiles.algorithms.IPlaneObject}
+     */
+    export interface YRectangle extends yfiles.algorithms.YDimension,yfiles.algorithms.IPlaneObject{}
+    export class YRectangle {
+      /**
+       * Creates a new rectangle with given upper left corner and size.
+       * @param x x-coordinate of upper left corner of the rectangle.
+       * @param y y-coordinate of upper left corner of the rectangle.
+       * @param width width of the rectangle.
+       * @param height height of the rectangle.
+       */
+      constructor(x:number,y:number,width:number,height:number);
+      /**
+       * Creates a new rectangle with given upper left corner and size.
+       * @param pos upper left corner of the rectangle.
+       * @param size size of the rectangle.
+       */
+      constructor(pos:yfiles.algorithms.YPoint,size:yfiles.algorithms.YDimension);
+      /**
+       * Creates a new rectangle with upper left corner (0,0) and size (0,0).
+       */
+      constructor();
+      /**
+       * Checks whether or not this <code>YRectangle</code> contains the given rectangle.
+       * @param p
+       * @returns 
+       */
+      contains(p:yfiles.algorithms.YRectangle):boolean;
+      /**
+       * Checks whether or not this <code>YRectangle</code> contains the given point.
+       * @param p
+       * @returns 
+       */
+      contains(p:yfiles.algorithms.YPoint):boolean;
+      /**
+       * Checks whether or not this <code>YRectangle</code> contains the rectangle defined by the given frame.
+       * @param x
+       * @param y
+       * @param width
+       * @param height
+       * @returns 
+       */
+      contains(x:number,y:number,width:number,height:number):boolean;
+      /**
+       * Checks whether or not this <code>YRectangle</code> contains the given point.
+       * @param x the x-coordinate of the point to check.
+       * @param y the x-coordinate of the point to check.
+       * @returns <code>true</code> if the point lies inside the rectangle; <code>false</code> otherwise.
+       */
+      contains(x:number,y:number):boolean;
+      /**
+       * Determines whether the specified rectangle contains the specified point.
+       * @param rx the x-coordinate of the upper left corner of the rectangle.
+       * @param ry the y-coordinate of the upper left corner of the rectangle.
+       * @param rw the width of the rectangle.
+       * @param rh the height of the rectangle.
+       * @param x the x-coordinate of the point to check.
+       * @param y the x-coordinate of the point to check.
+       * @param [closed=false] if <code>true</code>, all points on the border of the rectangle are considered to be <em>contained</em>.
+       * @returns <code>true</code> if the point lies inside the rectangle; <code>false</code> otherwise.
+       * @static
+       */
+      static contains(rx:number,ry:number,rw:number,rh:number,x:number,y:number,closed?:boolean):boolean;
+      /**
+       * Returns the Euclidean distance to the passed rectangle.
+       * <p>
+       * If they overlap, the distance is 0.
+       * </p>
+       * @param other the second rectangle.
+       * @returns the distance to the given rectangle.
+       */
+      getEuclideanDistance(other:yfiles.algorithms.YRectangle):number;
+      /**
+       * Returns the Manhattan distance to the passed rectangle.
+       * <p>
+       * If they overlap the distance is 0.
+       * </p>
+       * @param other the second rectangle.
+       * @returns the distance to the given rectangle.
+       */
+      getManhattanDistance(other:yfiles.algorithms.YRectangle):number;
+      /**
+       * Returns whether or not the given rectangles intersect.
+       * @param r1
+       * @param r2
+       * @returns 
+       * @static
+       */
+      static intersects(r1:yfiles.algorithms.YRectangle,r2:yfiles.algorithms.YRectangle):boolean;
+      /**
+       * Creates a {@link yfiles.geometry.Rect} from a given {@link yfiles.algorithms.YRectangle}.
+       * @returns The {@link }.
+       */
+      toRect():yfiles.geometry.Rect;
+      /**
+       * Gets x-coordinate of upper left corner.
+       * @type {number}
+       */
+      x:number;
+      /**
+       * Gets y-coordinate of upper left corner.
+       * @type {number}
+       */
+      y:number;
+      /**
+       * Gets coordinates of upper left corner.
+       * @type {yfiles.algorithms.YPoint}
+       */
+      location:yfiles.algorithms.YPoint;
+      /**
+       * Gets this object.
+       * @type {yfiles.algorithms.YRectangle}
+       */
+      boundingBox:yfiles.algorithms.YRectangle;
+      static $class:yfiles.lang.Class;
+    }
+    /**
+     * This class represents a vector in the 2-dimensional real vector space.
+     * <p>
+     * This vector is an ordered 2 tuple and is defined by two doubles.
+     * </p>
+     * @class
+     */
+    export interface YVector extends Object{}
+    export class YVector {
+      /**
+       * Creates a new vector, whose direction is given by two points.
+       * <p>
+       * The vector is defined by <code>p1</code> - <code>p2</code>.
+       * </p>
+       * @param p1 The first point.
+       * @param [p2=null] The second point. If no point is spcified, <code>(0,0)</code> is used instead.
+       */
+      constructor(p1:yfiles.algorithms.YPoint,p2?:yfiles.algorithms.YPoint);
+      /**
+       * Creates a new vector which is a copy of another vector.
+       * @param v the vector, whose values are copied.
+       */
+      constructor(v:yfiles.algorithms.YVector);
+      /**
+       * Creates a new vector, whose direction is given by two points.
+       * <p>
+       * The vector is defined by <code>(x1 - x2, y1 - y2)</code>.
+       * </p>
+       * @param x1 the X-coordinate of the first point.
+       * @param y1 the Y-coordinate of the first point.
+       * @param x2 the X-coordinate of the second point.
+       * @param y2 the Y-coordinate of the second point.
+       */
+      constructor(x1:number,y1:number,x2:number,y2:number);
+      /**
+       * Creates a new vector with given direction.
+       * @param dx the first coordinate
+       * @param dy the second coordinate
+       */
+      constructor(dx:number,dy:number);
+      /**
+       * Adds a vector to this vector.
+       * @param v the vector to add.
+       */
+      add(v:yfiles.algorithms.YVector):void;
+      /**
+       * Adds the vector to a point and returns the resulting point.
+       * @param p a point.
+       * @param v the vector to add to the point.
+       * @returns p+v
+       * @static
+       */
+      static add(p:yfiles.algorithms.YPoint,v:yfiles.algorithms.YVector):yfiles.algorithms.YPoint;
+      /**
+       * Adds two vectors and returns the result.
+       * @param v first vector to sum.
+       * @param w second vector to sum.
+       * @returns v+w
+       * @static
+       */
+      static add(v:yfiles.algorithms.YVector,w:yfiles.algorithms.YVector):yfiles.algorithms.YVector;
+      /**
+       * Returns the result of the addition of two angles between <code>0</code> and <code>2*Pi</code>.
+       * <p>
+       * The result is calculated modulo <code>2*Pi</code>.
+       * </p>
+       * @param a1 a value in <code>[0,2Pi)</code>.
+       * @param a2 a value in <code>[0,2Pi)</code>.
+       * @returns The sum of a1 and a2 modulo <code>2*Pi</code>.
+       * @static
+       */
+      static addAngle(a1:number,a2:number):number;
+      /**
+       * Returns the angle (measured in radians) between two vectors in clockwise order (with regards to screen coordinates) from
+       * v1 to v2.
+       * <p>
+       * Screen coordinates mean positive x-direction is from left to right and positive y-direction is from top to bottom.
+       * </p>
+       * @param v1
+       * @param v2
+       * @returns 
+       * @static
+       */
+      static angle(v1:yfiles.algorithms.YVector,v2:yfiles.algorithms.YVector):number;
+      /**
+       * Returns this vector with unit length.
+       * @param v
+       * @returns 
+       * @static
+       */
+      static getNormal(v:yfiles.algorithms.YVector):yfiles.algorithms.YVector;
+      /**
+       * Returns the length of the vector, this is the value of the euclidean norm.
+       * @returns a value > 0.
+       */
+      length():number;
+      /**
+       * Assigns unit length to the vector.
+       * <br />
+       */
+      norm():void;
+      /**
+       * Returns the vector which is orthogonal to the given one and has unit length.
+       * @param v a vector.
+       * @returns a vector which is orthogonal to v with unit length.
+       * @static
+       */
+      static orthoNormal(v:yfiles.algorithms.YVector):yfiles.algorithms.YVector;
+      /**
+       * Returns true if vector v1 is on the right side of v2.
+       * @param v1
+       * @param v2
+       * @returns 
+       * @static
+       */
+      static rightOf(v1:yfiles.algorithms.YVector,v2:yfiles.algorithms.YVector):boolean;
+      /**
+       * Returns a new <code>YVector</code> instance that is obtained by rotating this vector by the given angle (measured in radians) in
+       * clockwise direction (with regards to screen coordinates).
+       * <p>
+       * Screen coordinates mean positive x-direction is from left to right and positive y-direction is from top to bottom.
+       * </p>
+       * @param angle the angle of rotation in radians.
+       * @returns the rotated vector.
+       */
+      rotate(angle:number):yfiles.algorithms.YVector;
+      /**
+       * Returns the value of the scalar product of two vectors.
+       * @param v1 the first vector.
+       * @param v2 the second vector.
+       * @returns <code>v1.x * v2.x + v1.y * v2.y</code>
+       * @static
+       */
+      static scalarProduct(v1:yfiles.algorithms.YVector,v2:yfiles.algorithms.YVector):number;
+      /**
+       * Scales the vector by an factor.
+       * @param factor the scale factor, with which the length is multiplied.
+       */
+      scale(factor:number):void;
+      /**
+       * Creates a {@link yfiles.geometry.Point} from a given {@link yfiles.algorithms.YVector}.
+       * @returns The {@link }.
+       */
+      toPoint():yfiles.geometry.Point;
+      /**
+       * Gets the first coordinate of the vector.
+       * @type {number}
+       */
+      x:number;
+      /**
+       * Gets the second coordinate of the vector.
+       * @type {number}
+       */
+      y:number;
+      static $class:yfiles.lang.Class;
+    }
     /**
      * This class implements a directed graph structure.
      * <p>
@@ -75447,7 +77388,7 @@ declare namespace system{
      * Also, it serves as a factory to create so-called maps ({@link yfiles.algorithms.INodeMap},
      * {@link yfiles.algorithms.IEdgeMap}) that can be utilized to bind arbitrary data to nodes and edges.
      * </p>
-     * @class yfiles.algorithms.Graph
+     * @class
      */
     export interface Graph extends Object{}
     export class Graph {
@@ -75461,14 +77402,12 @@ declare namespace system{
        * <p>
        * The new Graph instance also inherits all graph listeners registered with the given graph.
        * </p>
-       * @param {yfiles.algorithms.Graph} graph The graph to be (partially) copied.
-       * @param {yfiles.algorithms.ICursor} [subNodes=null] A cursor to iterate over the nodes that actually induce the subgraph to be copied.
-       * @constructor
+       * @param graph The graph to be (partially) copied.
+       * @param [subNodes=null] A cursor to iterate over the nodes that actually induce the subgraph to be copied.
        */
       constructor(graph:yfiles.algorithms.Graph,subNodes?:yfiles.algorithms.ICursor);
       /**
        * Instantiates an empty Graph object.
-       * @constructor
        */
       constructor();
       /**
@@ -75476,8 +77415,8 @@ declare namespace system{
        * <p>
        * If there is already a data provider registered with that key, then it will be overwritten with the new one.
        * </p>
-       * @param {Object} providerKey
-       * @param {yfiles.algorithms.IDataProvider} data
+       * @param providerKey
+       * @param data
        */
       addDataProvider(providerKey:Object,data:yfiles.algorithms.IDataProvider):void;
       /**
@@ -75501,15 +77440,15 @@ declare namespace system{
        * <li>after <code>targetReference</code>, if <code>targetD == AFTER</code></li>
        * <li>before <code>targetReference</code>, if <code>targetD == BEFORE</code>.</li>
        * </ul>
-       * @param {yfiles.algorithms.Edge} e The edge to be changed.
-       * @param {yfiles.algorithms.Node} newSource The new source node.
-       * @param {yfiles.algorithms.Edge} sourceReference Reference edge for insertion at the new source node.
-       * @param {yfiles.algorithms.GraphElementInsertion} sourceD One of the object insertion specifiers {@link yfiles.algorithms.GraphElementInsertion#BEFORE} or
-       * {@link yfiles.algorithms.GraphElementInsertion#AFTER}.
-       * @param {yfiles.algorithms.Node} newTarget The new target node.
-       * @param {yfiles.algorithms.Edge} targetReference Reference edge for insertion at the new target node.
-       * @param {yfiles.algorithms.GraphElementInsertion} targetD One of the object insertion specifiers {@link yfiles.algorithms.GraphElementInsertion#BEFORE} or
-       * {@link yfiles.algorithms.GraphElementInsertion#AFTER}.
+       * @param e The edge to be changed.
+       * @param newSource The new source node.
+       * @param sourceReference Reference edge for insertion at the new source node.
+       * @param sourceD One of the object insertion specifiers {@link #BEFORE} or
+       * {@link #AFTER}.
+       * @param newTarget The new target node.
+       * @param targetReference Reference edge for insertion at the new target node.
+       * @param targetD One of the object insertion specifiers {@link #BEFORE} or
+       * {@link #AFTER}.
        */
       changeEdge(e:yfiles.algorithms.Edge,newSource:yfiles.algorithms.Node,sourceReference:yfiles.algorithms.Edge,sourceD:yfiles.algorithms.GraphElementInsertion,newTarget:yfiles.algorithms.Node,targetReference:yfiles.algorithms.Edge,targetD:yfiles.algorithms.GraphElementInsertion):void;
       /**
@@ -75532,13 +77471,13 @@ declare namespace system{
        * <li>after <code>e2</code>, if <code>d2 == AFTER</code></li>
        * <li>before <code>e2</code>, if <code>d2 == BEFORE</code>.</li>
        * </ul>
-       * @param {yfiles.algorithms.Edge} e The edge to be changed.
-       * @param {yfiles.algorithms.Edge} e1 Reference edge for insertion at a new source node.
-       * @param {yfiles.algorithms.Edge} e2 Reference edge for insertion at a new target node.
-       * @param {yfiles.algorithms.GraphElementInsertion} d1 One of the object insertion specifiers {@link yfiles.algorithms.GraphElementInsertion#BEFORE} or
-       * {@link yfiles.algorithms.GraphElementInsertion#AFTER}.
-       * @param {yfiles.algorithms.GraphElementInsertion} d2 One of the object insertion specifiers {@link yfiles.algorithms.GraphElementInsertion#BEFORE} or
-       * {@link yfiles.algorithms.GraphElementInsertion#AFTER}.
+       * @param e The edge to be changed.
+       * @param e1 Reference edge for insertion at a new source node.
+       * @param e2 Reference edge for insertion at a new target node.
+       * @param d1 One of the object insertion specifiers {@link #BEFORE} or
+       * {@link #AFTER}.
+       * @param d2 One of the object insertion specifiers {@link #BEFORE} or
+       * {@link #AFTER}.
        */
       changeEdge(e:yfiles.algorithms.Edge,e1:yfiles.algorithms.Edge,e2:yfiles.algorithms.Edge,d1:yfiles.algorithms.GraphElementInsertion,d2:yfiles.algorithms.GraphElementInsertion):void;
       /**
@@ -75547,9 +77486,9 @@ declare namespace system{
        * The edge is appended to the lists of incoming and outgoing edges at the given source node and target node,
        * respectively.
        * </p>
-       * @param {yfiles.algorithms.Edge} e The edge to be changed.
-       * @param {yfiles.algorithms.Node} newSource The new source node of the given edge.
-       * @param {yfiles.algorithms.Node} newTarget The new target node of the given edge.
+       * @param e The edge to be changed.
+       * @param newSource The new source node of the given edge.
+       * @param newTarget The new target node of the given edge.
        */
       changeEdge(e:yfiles.algorithms.Edge,newSource:yfiles.algorithms.Node,newTarget:yfiles.algorithms.Node):void;
       /**
@@ -75558,21 +77497,21 @@ declare namespace system{
       clear():void;
       /**
        * Whether or not this graph contains the given edge.
-       * @param {yfiles.algorithms.Edge} e
-       * @returns {boolean} 
+       * @param e
+       * @returns 
        */
       contains(e:yfiles.algorithms.Edge):boolean;
       /**
        * Whether or not this graph contains the given node.
-       * @param {yfiles.algorithms.Node} v
-       * @returns {boolean} 
+       * @param v
+       * @returns 
        */
       contains(v:yfiles.algorithms.Node):boolean;
       /**
        * Returns whether or not this graph contains an edge that connects the given nodes.
-       * @param {yfiles.algorithms.Node} source The source node.
-       * @param {yfiles.algorithms.Node} target The target node.
-       * @returns {boolean} 
+       * @param source The source node.
+       * @param target The target node.
+       * @returns 
        * @see yfiles.algorithms.Node#getEdgeTo
        * @see yfiles.algorithms.Node#getEdgeFrom
        * @see yfiles.algorithms.Node#getEdge
@@ -75583,7 +77522,7 @@ declare namespace system{
        * <p>
        * Invokes {@link yfiles.algorithms.Graph#Graph}.
        * </p>
-       * @returns {yfiles.algorithms.Graph} The newly created Graph object.
+       * @returns The newly created Graph object.
        */
       createCopy():yfiles.algorithms.Graph;
       /**
@@ -75607,15 +77546,15 @@ declare namespace system{
        * <li>after <code>e2</code>, if <code>d2 == AFTER</code></li>
        * <li>before <code>e2</code>, if <code>d2 == BEFORE</code>.</li>
        * </ul>
-       * @param {yfiles.algorithms.Node} v The source node of the edge.
-       * @param {yfiles.algorithms.Edge} e1 An edge with source node <code>v</code>.
-       * @param {yfiles.algorithms.Node} w The target node of the edge.
-       * @param {yfiles.algorithms.Edge} e2 An edge with target node <code>w</code>.
-       * @param {yfiles.algorithms.GraphElementInsertion} d1 One of the object insertion specifiers {@link yfiles.algorithms.GraphElementInsertion#BEFORE} or
-       * {@link yfiles.algorithms.GraphElementInsertion#AFTER}.
-       * @param {yfiles.algorithms.GraphElementInsertion} d2 One of the object insertion specifiers {@link yfiles.algorithms.GraphElementInsertion#BEFORE} or
-       * {@link yfiles.algorithms.GraphElementInsertion#AFTER}.
-       * @returns {yfiles.algorithms.Edge} The newly created Edge object.
+       * @param v The source node of the edge.
+       * @param e1 An edge with source node <code>v</code>.
+       * @param w The target node of the edge.
+       * @param e2 An edge with target node <code>w</code>.
+       * @param d1 One of the object insertion specifiers {@link #BEFORE} or
+       * {@link #AFTER}.
+       * @param d2 One of the object insertion specifiers {@link #BEFORE} or
+       * {@link #AFTER}.
+       * @returns The newly created Edge object.
        */
       createEdge(v:yfiles.algorithms.Node,e1:yfiles.algorithms.Edge,w:yfiles.algorithms.Node,e2:yfiles.algorithms.Edge,d1:yfiles.algorithms.GraphElementInsertion,d2:yfiles.algorithms.GraphElementInsertion):yfiles.algorithms.Edge;
       /**
@@ -75626,9 +77565,9 @@ declare namespace system{
        * <p>
        * The edge is appended to the lists of incoming and outgoing edges at the source node and target node, respectively.
        * </p>
-       * @param {yfiles.algorithms.Node} v The source node of the edge.
-       * @param {yfiles.algorithms.Node} w The target node of the edge.
-       * @returns {yfiles.algorithms.Edge} The newly created Edge object.
+       * @param v The source node of the edge.
+       * @param w The target node of the edge.
+       * @returns The newly created Edge object.
        */
       createEdge(v:yfiles.algorithms.Node,w:yfiles.algorithms.Node):yfiles.algorithms.Edge;
       /**
@@ -75643,7 +77582,7 @@ declare namespace system{
        * <p>
        * In order to release the resources held by this map, {@link yfiles.algorithms.Graph#disposeEdgeMap} has to be called.
        * </p>
-       * @returns {yfiles.algorithms.IEdgeMap} 
+       * @returns 
        */
       createEdgeMap():yfiles.algorithms.IEdgeMap;
       /**
@@ -75651,12 +77590,12 @@ declare namespace system{
        * <p>
        * Subclasses should override this method.
        * </p>
-       * @returns {yfiles.algorithms.Graph} 
+       * @returns 
        */
       createGraph():yfiles.algorithms.Graph;
       /**
        * Creates a new node in this graph and fires a corresponding notification event to inform registered listeners.
-       * @returns {yfiles.algorithms.Node} The newly created Node object.
+       * @returns The newly created Node object.
        */
       createNode():yfiles.algorithms.Node;
       /**
@@ -75671,7 +77610,7 @@ declare namespace system{
        * <p>
        * In order to release the resources held by this map, {@link yfiles.algorithms.Graph#disposeNodeMap} has to be called.
        * </p>
-       * @returns {yfiles.algorithms.INodeMap} 
+       * @returns 
        */
       createNodeMap():yfiles.algorithms.INodeMap;
       /**
@@ -75684,7 +77623,7 @@ declare namespace system{
        * Calling this method will destroy the edge map and associated resources can be freed. It is strongly recommended to
        * dispose of all edge maps that are not needed anymore using this method.
        * </p>
-       * @param {yfiles.algorithms.IEdgeMap} map
+       * @param map
        */
       disposeEdgeMap(map:yfiles.algorithms.IEdgeMap):void;
       /**
@@ -75697,13 +77636,13 @@ declare namespace system{
        * Calling this method will destroy the node map and associated resources can be freed. It is strongly recommended to
        * dispose of all node maps that are not needed anymore using this method.
        * </p>
-       * @param {yfiles.algorithms.INodeMap} map
+       * @param map
        */
       disposeNodeMap(map:yfiles.algorithms.INodeMap):void;
       /**
        * Low-level iteration support for adjacent edges.
-       * @param {yfiles.algorithms.Node} v
-       * @returns {yfiles.algorithms.Edge} 
+       * @param v
+       * @returns 
        * @protected
        * @static
        */
@@ -75714,28 +77653,28 @@ declare namespace system{
        * The look-up domain of a returned data provider normally consists of either the nodes of the graph, or its edges, or
        * both.
        * </p>
-       * @param {Object} providerKey
-       * @returns {yfiles.algorithms.IDataProvider} 
+       * @param providerKey
+       * @returns 
        */
       getDataProvider(providerKey:Object):yfiles.algorithms.IDataProvider;
       /**
        * Returns an array containing all edges of this graph.
-       * @returns {Array.<yfiles.algorithms.Edge>} 
+       * @returns 
        */
       getEdgeArray():yfiles.algorithms.Edge[];
       /**
        * Provides access to the edges of the graph.
-       * @returns {yfiles.algorithms.IEdgeCursor} An EdgeCursor to iterate over the edges in the graph.
+       * @returns An EdgeCursor to iterate over the edges in the graph.
        */
       getEdgeCursor():yfiles.algorithms.IEdgeCursor;
       /**
        * Returns an array containing all nodes of this graph.
-       * @returns {Array.<yfiles.algorithms.Node>} 
+       * @returns 
        */
       getNodeArray():yfiles.algorithms.Node[];
       /**
        * Provides access to the nodes of the graph.
-       * @returns {yfiles.algorithms.INodeCursor} A NodeCursor to iterate over the nodes in the graph.
+       * @returns A NodeCursor to iterate over the nodes in the graph.
        */
       getNodeCursor():yfiles.algorithms.INodeCursor;
       /**
@@ -75753,7 +77692,7 @@ declare namespace system{
        * <p>
        * To reinsert a hidden node use {@link yfiles.algorithms.Graph#unhide}.
        * </p>
-       * @param {yfiles.algorithms.Node} v
+       * @param v
        * @see yfiles.algorithms.Graph#hide
        * @see yfiles.algorithms.Graph#unhide
        */
@@ -75773,29 +77712,29 @@ declare namespace system{
        * <p>
        * To reinsert a hidden edge use {@link yfiles.algorithms.Graph#unhide}.
        * </p>
-       * @param {yfiles.algorithms.Edge} e
+       * @param e
        * @see yfiles.algorithms.Graph#hide
        * @see yfiles.algorithms.Graph#unhide
        */
       hide(e:yfiles.algorithms.Edge):void;
       /**
        * Moves the given edge to the first position within the sequence of edges in this graph.
-       * @param {yfiles.algorithms.Edge} e
+       * @param e
        */
       moveToFirst(e:yfiles.algorithms.Edge):void;
       /**
        * Moves the given node to the first position within the sequence of nodes in this graph.
-       * @param {yfiles.algorithms.Node} v
+       * @param v
        */
       moveToFirst(v:yfiles.algorithms.Node):void;
       /**
        * Moves the given edge to the last position within the sequence of edges in this graph.
-       * @param {yfiles.algorithms.Edge} e
+       * @param e
        */
       moveToLast(e:yfiles.algorithms.Edge):void;
       /**
        * Moves the given node to the last position within the sequence of nodes in this graph.
-       * @param {yfiles.algorithms.Node} v
+       * @param v
        */
       moveToLast(v:yfiles.algorithms.Node):void;
       /**
@@ -75814,7 +77753,7 @@ declare namespace system{
        * Note that reinserting an edge whose source/target is not in the graph (e.g., because it's currently hidden/removed)
        * causes an exception. Hence, in such cases, you first have to unhide/reinsert the corresponding endpoints.
        * </p>
-       * @param {yfiles.algorithms.Edge} e The edge to be reinserted.
+       * @param e The edge to be reinserted.
        * @see yfiles.algorithms.Graph#removeEdge
        */
       reInsertEdge(e:yfiles.algorithms.Edge):void;
@@ -75825,13 +77764,13 @@ declare namespace system{
        * The reinserted node is appended to the sequence of nodes in this graph, i.e., normally, its new position does not match
        * the position before its removal.
        * </p>
-       * @param {yfiles.algorithms.Node} v The node to be reinserted.
+       * @param v The node to be reinserted.
        * @see yfiles.algorithms.Graph#removeNode
        */
       reInsertNode(v:yfiles.algorithms.Node):void;
       /**
        * Removes the data provider that is registered using the given look-up key.
-       * @param {Object} providerKey
+       * @param providerKey
        */
       removeDataProvider(providerKey:Object):void;
       /**
@@ -75839,7 +77778,7 @@ declare namespace system{
        * <p>
        * The edge will be deselected before it gets removed.
        * </p>
-       * @param {yfiles.algorithms.Edge} e The edge to be removed.
+       * @param e The edge to be removed.
        */
       removeEdge(e:yfiles.algorithms.Edge):void;
       /**
@@ -75851,7 +77790,7 @@ declare namespace system{
        * <p>
        * The node will be deselected before it gets removed.
        * </p>
-       * @param {yfiles.algorithms.Node} v The node to be removed from this graph.
+       * @param v The node to be removed from this graph.
        */
       removeNode(v:yfiles.algorithms.Node):void;
       /**
@@ -75859,7 +77798,7 @@ declare namespace system{
        * <p>
        * This operation exchanges source and target node of the edge.
        * </p>
-       * @param {yfiles.algorithms.Edge} e
+       * @param e
        */
       reverseEdge(e:yfiles.algorithms.Edge):void;
       /**
@@ -75869,8 +77808,8 @@ declare namespace system{
        * order of the edges as returned by {@link yfiles.algorithms.Node#getOutEdgeCursor} and {@link yfiles.algorithms.Node#getInEdgeCursor}
        * respectively.
        * </p>
-       * @param {yfiles.collections.IComparer.<Object>} inComparer The comparator used for the incoming edges at each node.
-       * @param {yfiles.collections.IComparer.<Object>} outComparer The comparator used for the outgoing edges at each node.
+       * @param inComparer The comparator used for the incoming edges at each node.
+       * @param outComparer The comparator used for the outgoing edges at each node.
        */
       sortEdges(inComparer:yfiles.collections.IComparer<Object>,outComparer:yfiles.collections.IComparer<Object>):void;
       /**
@@ -75879,7 +77818,7 @@ declare namespace system{
        * If the given comparator is <code>null</code>, then the edges will not be sorted. This list determines the order of the edges as
        * returned by {@link yfiles.algorithms.Graph#getEdgeCursor}.
        * </p>
-       * @param {yfiles.collections.IComparer.<Object>} comparer The comparator used for the edges.
+       * @param comparer The comparator used for the edges.
        */
       sortEdges(comparer:yfiles.collections.IComparer<Object>):void;
       /**
@@ -75888,7 +77827,7 @@ declare namespace system{
        * If the given comparator is <code>null</code>, then the nodes will not be sorted. This list determines the order of the nodes as
        * returned by {@link yfiles.algorithms.Graph#getNodeCursor}.
        * </p>
-       * @param {yfiles.collections.IComparer.<Object>} comparer The comparator used for the nodes.
+       * @param comparer The comparator used for the nodes.
        */
       sortNodes(comparer:yfiles.collections.IComparer<Object>):void;
       /**
@@ -75901,7 +77840,7 @@ declare namespace system{
        * The only difference to a proper node reinsertion as performed by {@link yfiles.algorithms.Graph#reInsertNode} is that no event
        * will be emitted that signals the structural change (i.e. the node's reinsertion).
        * </p>
-       * @param {yfiles.algorithms.Node} v
+       * @param v
        */
       unhide(v:yfiles.algorithms.Node):void;
       /**
@@ -75918,7 +77857,7 @@ declare namespace system{
        * Note that unhiding an edge whose source/target is not in the graph (e.g., because it's currently hidden/removed) causes
        * an exception. Hence, in such cases, you first have to unhide/reinsert the corresponding endpoints.
        * </p>
-       * @param {yfiles.algorithms.Edge} e
+       * @param e
        * @see yfiles.algorithms.Graph#hide
        * @see yfiles.algorithms.Graph#unhide
        */
@@ -76037,7 +77976,7 @@ declare namespace system{
      * <li><b>Simple graph:</b> A graph that contains no self-loops and parallel edges.</li>
      * <li><b>Planar graph:</b> A graph that can be drawn on the plane without edge crossings.</li>
      * </ul>
-     * @class yfiles.algorithms.GraphChecker
+     * @class
      * @static
      */
     export interface GraphChecker extends Object{}
@@ -76047,8 +77986,8 @@ declare namespace system{
        * <p>
        * A graph is called <i>acyclic</i> if it contains no directed cycle.
        * </p>
-       * @param {yfiles.algorithms.Graph} graph the given graph
-       * @returns {boolean} <code>true</code> if the graph is acyclic, <code>false</code>, otherwise
+       * @param graph the given graph
+       * @returns <code>true</code> if the graph is acyclic, <code>false</code>, otherwise
        * @static
        */
       static isAcyclic(graph:yfiles.algorithms.Graph):boolean;
@@ -76057,8 +77996,8 @@ declare namespace system{
        * <p>
        * A graph is called <i>biconnected</i> if it has no cut vertex or articulation point, i.e., no node whose removal disconnects the graph.
        * </p>
-       * @param {yfiles.algorithms.Graph} graph the given undirected graph
-       * @returns {boolean} <code>true</code> if the graph is biconnected, <code>false</code> otherwise
+       * @param graph the given undirected graph
+       * @returns <code>true</code> if the graph is biconnected, <code>false</code> otherwise
        * @static
        */
       static isBiconnected(graph:yfiles.algorithms.Graph):boolean;
@@ -76068,8 +78007,8 @@ declare namespace system{
        * A graph is called <i>bipartite</i> if its nodes can be partitioned into two sets such that each edge connects two nodes of different
        * sets.
        * </p>
-       * @param {yfiles.algorithms.Graph} graph the given undirected graph
-       * @returns {boolean} <code>true</code> if the graph is bipartite, <code>false</code> otherwise
+       * @param graph the given undirected graph
+       * @returns <code>true</code> if the graph is bipartite, <code>false</code> otherwise
        * @static
        */
       static isBipartite(graph:yfiles.algorithms.Graph):boolean;
@@ -76078,8 +78017,8 @@ declare namespace system{
        * <p>
        * A graph is called <i>connected</i> if there exists an undirected path of edges between every pair of nodes.
        * </p>
-       * @param {yfiles.algorithms.Graph} graph the given graph
-       * @returns {boolean} <code>true</code> if the graph is connected, <code>false</code> otherwise
+       * @param graph the given graph
+       * @returns <code>true</code> if the graph is connected, <code>false</code> otherwise
        * @static
        */
       static isConnected(graph:yfiles.algorithms.Graph):boolean;
@@ -76088,8 +78027,8 @@ declare namespace system{
        * <p>
        * A graph is called <i>cyclic</i> if it contains a directed cycle.
        * </p>
-       * @param {yfiles.algorithms.Graph} graph the given graph
-       * @returns {boolean} <code>true</code> if the graph is cyclic, <code>false</code>, otherwise
+       * @param graph the given graph
+       * @returns <code>true</code> if the graph is cyclic, <code>false</code>, otherwise
        * @static
        */
       static isCyclic(graph:yfiles.algorithms.Graph):boolean;
@@ -76098,8 +78037,8 @@ declare namespace system{
        * <p>
        * A graph is a <i>forest</i> if its connected components are trees.
        * </p>
-       * @param {yfiles.algorithms.Graph} graph the given graph
-       * @returns {boolean} <code>true</code> if the graph is a forest, <code>false</code> otherwise
+       * @param graph the given graph
+       * @returns <code>true</code> if the graph is a forest, <code>false</code> otherwise
        * @static
        */
       static isForest(graph:yfiles.algorithms.Graph):boolean;
@@ -76109,30 +78048,30 @@ declare namespace system{
        * More precisely, the method returns <code>true</code> if the graph contains no two distinct edges <code>e1, e2</code> that connect the same pairs
        * of nodes in either direction.
        * </p>
-       * @param {yfiles.algorithms.Graph} graph the given undirected graph
-       * @returns {boolean} <code>true</code> if the graph contains no multiple edges, <code>false</code> otherwise
+       * @param graph the given undirected graph
+       * @returns <code>true</code> if the graph contains no multiple edges, <code>false</code> otherwise
        * @static
        */
       static isMultipleEdgeFree(graph:yfiles.algorithms.Graph):boolean;
       /**
        * Checks whether or not the given graph is a directed rooted tree where each node has a maximum of <code>n</code> children.
-       * @param {yfiles.algorithms.Graph} graph the given graph
-       * @param {number} n
-       * @returns {boolean} <code>true</code> if the graph is a directed rooted tree where each node has at most <code>n</code> children, <code>false</code> otherwise
+       * @param graph the given graph
+       * @param n
+       * @returns <code>true</code> if the graph is a directed rooted tree where each node has at most <code>n</code> children, <code>false</code> otherwise
        * @static
        */
       static isNaryTree(graph:yfiles.algorithms.Graph,n:number):boolean;
       /**
        * Checks whether or not the given directed graph is a directed rooted tree.
-       * @param {yfiles.algorithms.Graph} graph the given graph
-       * @returns {boolean} <code>true</code> if the graph is a directed rooted tree, <code>false</code> otherwise
+       * @param graph the given graph
+       * @returns <code>true</code> if the graph is a directed rooted tree, <code>false</code> otherwise
        * @static
        */
       static isRootedTree(graph:yfiles.algorithms.Graph):boolean;
       /**
        * Checks whether or not the given graph contains no self-loops.
-       * @param {yfiles.algorithms.Graph} graph the given graph
-       * @returns {boolean} <code>true</code> if the graph contains no self-loops, <code>false</code> otherwise
+       * @param graph the given graph
+       * @returns <code>true</code> if the graph contains no self-loops, <code>false</code> otherwise
        * @static
        */
       static isSelfLoopFree(graph:yfiles.algorithms.Graph):boolean;
@@ -76142,8 +78081,8 @@ declare namespace system{
        * A graph is called <i>simple</i> if it contains no two distinct edges <code>e1, e2</code> where
        * <code>e1.source() == e2.source() &amp;&amp; e1.target() == e2.target()</code>.
        * </p>
-       * @param {yfiles.algorithms.Graph} graph the given directed graph
-       * @returns {boolean} <code>true</code> if the graph is simple, <code>false</code> otherwise
+       * @param graph the given directed graph
+       * @returns <code>true</code> if the graph is simple, <code>false</code> otherwise
        * @static
        */
       static isSimple(graph:yfiles.algorithms.Graph):boolean;
@@ -76152,15 +78091,15 @@ declare namespace system{
        * <p>
        * A graph is called <i>strongly connected</i> if there exists a directed path between each pair of nodes.
        * </p>
-       * @param {yfiles.algorithms.Graph} graph the given directed graph
-       * @returns {boolean} <code>true</code> if the graph is strongly connected, <code>false</code>, otherwise
+       * @param graph the given directed graph
+       * @returns <code>true</code> if the graph is strongly connected, <code>false</code>, otherwise
        * @static
        */
       static isStronglyConnected(graph:yfiles.algorithms.Graph):boolean;
       /**
        * Checks whether or not the given graph is an undirected tree.
-       * @param {yfiles.algorithms.Graph} graph the given graph
-       * @returns {boolean} <code>true</code> if the graph is an undirected tree, <code>false</code> otherwise
+       * @param graph the given graph
+       * @returns <code>true</code> if the graph is an undirected tree, <code>false</code> otherwise
        * @static
        */
       static isTree(graph:yfiles.algorithms.Graph):boolean;
@@ -76182,7 +78121,7 @@ declare namespace system{
      * remaining graph).
      * </li>
      * </ul>
-     * @class yfiles.algorithms.GraphConnectivity
+     * @class
      * @static
      */
     export interface GraphConnectivity extends Object{}
@@ -76194,12 +78133,13 @@ declare namespace system{
        * Articulation points are returned in the form of a {@link yfiles.algorithms.INodeMap} that returns for each node a boolean value
        * indicating whether or not it is an articulation point.
        * </p>
-       * @param {yfiles.algorithms.Graph} graph the input graph
-       * @param {yfiles.algorithms.IEdgeMap} compNum the {@link yfiles.algorithms.IEdgeMap} that will be filled during the execution and returns the zero-based index of the
+       * @param graph the input graph
+       * @param compNum the {@link } that will be filled during the execution and returns the zero-based index of the
        * biconnected component to which each edge belongs or <code>-1</code> for self-loops
-       * @param {yfiles.algorithms.INodeMap} [aPoint=null] the {@link yfiles.algorithms.INodeMap} that will be filled during the execution and returns a boolean value indicating whether
+       * @param [aPoint=null] the {@link } that will be filled during the execution and returns a boolean value indicating whether
        * or not a given node is an articulation point
-       * @returns {number} the number of biconnected components
+       * @returns the number of biconnected components
+       * @see yfiles.algorithms.GraphConnectivity#biconnectedComponents
        * @see yfiles.algorithms.GraphConnectivity#biconnectedComponents
        * @static
        */
@@ -76210,8 +78150,8 @@ declare namespace system{
        * The result is returned as an array of
        * {@link yfiles.algorithms.EdgeList}s each containing all edges that belong to the same biconnected component.
        * </p>
-       * @param {yfiles.algorithms.Graph} graph the input graph
-       * @returns {Array.<yfiles.algorithms.EdgeList>} an array of {@link yfiles.algorithms.EdgeList}s each containing all edges that belong to the same biconnected component
+       * @param graph the input graph
+       * @returns an array of {@link }s each containing all edges that belong to the same biconnected component
        * @see yfiles.algorithms.GraphConnectivity#biconnectedComponents
        * @static
        */
@@ -76224,10 +78164,10 @@ declare namespace system{
        * <p>
        * The connected components of a graph are the maximal connected subgraphs of which the graph consists.
        * </p>
-       * @param {yfiles.algorithms.INodeMap} compNum the {@link yfiles.algorithms.INodeMap} that will be filled during the execution and returns the zero-based index of the
+       * @param compNum the {@link } that will be filled during the execution and returns the zero-based index of the
        * connected component to which each node belongs
-       * @param {yfiles.algorithms.Graph} graph
-       * @returns {number} the number of connected components of the given graph
+       * @param graph
+       * @returns the number of connected components of the given graph
        * @static
        */
       static connectedComponents(graph:yfiles.algorithms.Graph,compNum:yfiles.algorithms.INodeMap):number;
@@ -76239,8 +78179,8 @@ declare namespace system{
        * <p>
        * The connected components of a graph are the maximal connected subgraphs of which the graph consists.
        * </p>
-       * @param {yfiles.algorithms.Graph} graph the input graph
-       * @returns {Array.<yfiles.algorithms.NodeList>} an array of {@link yfiles.algorithms.NodeList}s each of which contains the nodes that belong to the same connected component
+       * @param graph the input graph
+       * @returns an array of {@link }s each of which contains the nodes that belong to the same connected component
        * @static
        */
       static connectedComponents(graph:yfiles.algorithms.Graph):yfiles.algorithms.NodeList[];
@@ -76263,10 +78203,10 @@ declare namespace system{
        * Setting the maximum distance to <code>1</code> will only yield the direct neighbors of all start nodes. On the other hand, setting
        * the maximum distance to <code>graph.N()</code> or larger will yield all neighbors of all start nodes.
        * </p>
-       * @param {yfiles.algorithms.Graph} graph
-       * @param {yfiles.algorithms.NodeList} startNodes
-       * @param {number} maxDistance
-       * @returns {yfiles.algorithms.NodeList} a {@link yfiles.algorithms.NodeList} that contains all direct and indirect neighbors of a node
+       * @param graph
+       * @param startNodes
+       * @param maxDistance
+       * @returns a {@link } that contains all direct and indirect neighbors of a node
        * @static
        */
       static getNeighbors(graph:yfiles.algorithms.Graph,startNodes:yfiles.algorithms.NodeList,maxDistance:number):yfiles.algorithms.NodeList;
@@ -76289,10 +78229,10 @@ declare namespace system{
        * Setting the maximum distance to <code>1</code> will only yield the direct predecessors of all start nodes. On the other hand, setting
        * the maximum distance to <code>graph.N()</code> or larger will yield all predecessors of all start nodes.
        * </p>
-       * @param {yfiles.algorithms.Graph} graph the given graph
-       * @param {yfiles.algorithms.NodeList} startNodes a {@link yfiles.algorithms.NodeList} containing the nodes from which the search starts
-       * @param {number} maxDistance an integer value that limits the distance between a start node and a returned node
-       * @returns {yfiles.algorithms.NodeList} a {@link yfiles.algorithms.NodeList} that contains all direct and indirect predecessors of a node
+       * @param graph the given graph
+       * @param startNodes a {@link } containing the nodes from which the search starts
+       * @param maxDistance an integer value that limits the distance between a start node and a returned node
+       * @returns a {@link } that contains all direct and indirect predecessors of a node
        * @static
        */
       static getPredecessors(graph:yfiles.algorithms.Graph,startNodes:yfiles.algorithms.NodeList,maxDistance:number):yfiles.algorithms.NodeList;
@@ -76315,10 +78255,10 @@ declare namespace system{
        * Setting the maximum distance to <code>1</code> will only yield the direct successors of all start nodes. On the other hand, setting
        * the maximum distance to <code>graph.N()</code> or larger will yield all successors of all start nodes.
        * </p>
-       * @param {yfiles.algorithms.Graph} graph the given graph
-       * @param {yfiles.algorithms.NodeList} startNodes a {@link yfiles.algorithms.NodeList} containing the nodes from which the search starts
-       * @param {number} maxDistance an integer value that limits the distance between a start node and a returned node
-       * @returns {yfiles.algorithms.NodeList} a {@link yfiles.algorithms.NodeList} that contains all direct and indirect successors of a node
+       * @param graph the given graph
+       * @param startNodes a {@link } containing the nodes from which the search starts
+       * @param maxDistance an integer value that limits the distance between a start node and a returned node
+       * @returns a {@link } that contains all direct and indirect successors of a node
        * @static
        */
       static getSuccessors(graph:yfiles.algorithms.Graph,startNodes:yfiles.algorithms.NodeList,maxDistance:number):yfiles.algorithms.NodeList;
@@ -76327,8 +78267,8 @@ declare namespace system{
        * <p>
        * A graph is called <i>biconnected</i> if it has no cut vertex or articulation point, i.e., no node whose removal disconnects the graph.
        * </p>
-       * @param {yfiles.algorithms.Graph} graph the given undirected graph
-       * @returns {boolean} <code>true</code> if the graph is biconnected, <code>false</code> otherwise
+       * @param graph the given undirected graph
+       * @returns <code>true</code> if the graph is biconnected, <code>false</code> otherwise
        * @static
        */
       static isBiconnected(graph:yfiles.algorithms.Graph):boolean;
@@ -76337,8 +78277,8 @@ declare namespace system{
        * <p>
        * A graph is called <i>connected</i> if there exists an undirected path of edges between every pair of nodes.
        * </p>
-       * @param {yfiles.algorithms.Graph} graph the given graph
-       * @returns {boolean} <code>true</code> if the graph is connected, <code>false</code> otherwise
+       * @param graph the given graph
+       * @returns <code>true</code> if the graph is connected, <code>false</code> otherwise
        * @static
        */
       static isConnected(graph:yfiles.algorithms.Graph):boolean;
@@ -76347,8 +78287,8 @@ declare namespace system{
        * <p>
        * A graph is called <i>strongly connected</i> if there exists a directed path between each pair of nodes.
        * </p>
-       * @param {yfiles.algorithms.Graph} graph the given directed graph
-       * @returns {boolean} <code>true</code> if the graph is strongly connected, <code>false</code>, otherwise
+       * @param graph the given directed graph
+       * @returns <code>true</code> if the graph is strongly connected, <code>false</code>, otherwise
        * @static
        */
       static isStronglyConnected(graph:yfiles.algorithms.Graph):boolean;
@@ -76357,8 +78297,8 @@ declare namespace system{
        * <p>
        * The given graph is considered to be undirected.
        * </p>
-       * @param {yfiles.algorithms.Graph} graph the input graph
-       * @returns {yfiles.algorithms.EdgeList} an {@link yfiles.algorithms.EdgeList} containing the edges added to the graph
+       * @param graph the input graph
+       * @returns an {@link } containing the edges added to the graph
        * @static
        */
       static makeBiconnected(graph:yfiles.algorithms.Graph):yfiles.algorithms.EdgeList;
@@ -76367,8 +78307,8 @@ declare namespace system{
        * <p>
        * The number of edges that will be added equals the number of separate components of the original graph minus <code>1</code>.
        * </p>
-       * @param {yfiles.algorithms.Graph} graph the input graph
-       * @returns {yfiles.algorithms.EdgeList} an {@link yfiles.algorithms.EdgeList} containing the edges added to the graph
+       * @param graph the input graph
+       * @returns an {@link } containing the edges added to the graph
        * @static
        */
       static makeConnected(graph:yfiles.algorithms.Graph):yfiles.algorithms.EdgeList;
@@ -76378,12 +78318,12 @@ declare namespace system{
        * <p>
        * The result is based on a depth first search.
        * </p>
-       * @param {yfiles.algorithms.Graph} graph the given graph
-       * @param {yfiles.algorithms.Node} start the node from which the search starts
-       * @param {boolean} directed <code>true</code> if the edges should be traversed from source to target, <code>false</code> if edges can be traversed in both directions
-       * @param {Array.<boolean>} [forbidden=null] an array that holds for each {@link yfiles.algorithms.Edge} a {@link boolean} value indicating whether or not an edge can be traversed; an edge
+       * @param graph the given graph
+       * @param start the node from which the search starts
+       * @param directed <code>true</code> if the edges should be traversed from source to target, <code>false</code> if edges can be traversed in both directions
+       * @param [forbidden=null] an array that holds for each {@link } a {@link } value indicating whether or not an edge can be traversed; an edge
        * <code>e</code> is marked as forbidden if <code>forbidden[e.index()] == true</code>
-       * @param {Array.<boolean>} reached an array that will be filled during the execution and returns for each {@link yfiles.algorithms.Node} a {@link boolean} value based on whether
+       * @param reached an array that will be filled during the execution and returns for each {@link } a {@link } value based on whether
        * the node can be reached during the DFS; if a node <code>v</code> is reachable, then <code>reached[v.index()] = true</code>
        * @static
        */
@@ -76396,10 +78336,10 @@ declare namespace system{
        * <p>
        * The strongly connected components of a graph are the strongly connected subgraphs of which it consists.
        * </p>
-       * @param {yfiles.algorithms.Graph} graph the input graph
-       * @param {yfiles.algorithms.INodeMap} compNum the {@link yfiles.algorithms.INodeMap} that will be filled during the execution and returns the zero-based index of the
+       * @param graph the input graph
+       * @param compNum the {@link } that will be filled during the execution and returns the zero-based index of the
        * connected component to which each node belongs
-       * @returns {number} the number of strongly connected components of the given graph
+       * @returns the number of strongly connected components of the given graph
        * @see yfiles.algorithms.GraphConnectivity#stronglyConnectedComponents
        * @static
        */
@@ -76412,32 +78352,32 @@ declare namespace system{
        * <p>
        * The strongly connected components of a graph are the strongly connected subgraphs of which it consists.
        * </p>
-       * @param {yfiles.algorithms.Graph} graph the input graph
-       * @returns {Array.<yfiles.algorithms.NodeList>} an array of
-       * {@link yfiles.algorithms.NodeList}s each of which contains the nodes that belong to the same strongly connected component
+       * @param graph the input graph
+       * @returns an array of
+       * {@link }s each of which contains the nodes that belong to the same strongly connected component
        * @see yfiles.algorithms.GraphConnectivity#stronglyConnectedComponents
        * @static
        */
       static stronglyConnectedComponents(graph:yfiles.algorithms.Graph):yfiles.algorithms.NodeList[];
       /**
-       * Transforms the return values of BiconnectedComponents to an array of {@link yfiles.algorithms.EdgeList}s, like it is returned by
-       * {@link yfiles.algorithms.GraphConnectivity#biconnectedComponents}.
-       * @param {yfiles.algorithms.Graph} graph the input graph
-       * @param {yfiles.algorithms.IEdgeMap} compNum the {@link yfiles.algorithms.IEdgeMap} that will be filled during the execution and returns the zero-based index of the
+       * Transforms the return values of {@link yfiles.algorithms.GraphConnectivity#biconnectedComponents} to an array of
+       * {@link yfiles.algorithms.EdgeList}s, like it is returned by {@link yfiles.algorithms.GraphConnectivity#biconnectedComponents}.
+       * @param graph the input graph
+       * @param compNum the {@link } that will be filled during the execution and returns the zero-based index of the
        * connected component to which each edge belongs
-       * @param {number} maxCompNum the maximum number of biconnected components
-       * @returns {Array.<yfiles.algorithms.EdgeList>} an array of {@link yfiles.algorithms.EdgeList}s each containing all edges that belong to the same biconnected component
+       * @param maxCompNum the maximum number of biconnected components
+       * @returns an array of {@link }s each containing all edges that belong to the same biconnected component
        * @static
        */
       static toEdgeListArray(graph:yfiles.algorithms.Graph,compNum:yfiles.algorithms.IEdgeMap,maxCompNum:number):yfiles.algorithms.EdgeList[];
       /**
        * Transforms the return values of method {@link yfiles.algorithms.GraphConnectivity#connectedComponents} to an array of
        * {@link yfiles.algorithms.NodeList}s, like it is returned by {@link yfiles.algorithms.GraphConnectivity#connectedComponents}.
-       * @param {yfiles.algorithms.Graph} graph the input graph
-       * @param {yfiles.algorithms.INodeMap} compNum the {@link yfiles.algorithms.INodeMap} that will be filled during the execution and returns the zero-based index of the
+       * @param graph the input graph
+       * @param compNum the {@link } that will be filled during the execution and returns the zero-based index of the
        * connected component to which each node belongs
-       * @param {number} maxCompNum the maximum number of connected components
-       * @returns {Array.<yfiles.algorithms.NodeList>} an array of {@link yfiles.algorithms.NodeList}s each of which contains the nodes that belong to the same connected component
+       * @param maxCompNum the maximum number of connected components
+       * @returns an array of {@link }s each of which contains the nodes that belong to the same connected component
        * @static
        */
       static toNodeListArray(graph:yfiles.algorithms.Graph,compNum:yfiles.algorithms.INodeMap,maxCompNum:number):yfiles.algorithms.NodeList[];
@@ -76448,7 +78388,7 @@ declare namespace system{
      * <p>
      * This type does not add public functionality to its base type.
      * </p>
-     * @class yfiles.algorithms.GraphObject
+     * @class
      */
     export interface GraphObject extends Object{}
     export class GraphObject {
@@ -76491,7 +78431,7 @@ declare namespace system{
      * @see yfiles.algorithms.Groups#hierarchicalClustering
      * @see yfiles.algorithms.Groups#hierarchicalClustering
      * @see yfiles.algorithms.Groups#hierarchicalClustering
-     * @class yfiles.algorithms.Dendrogram
+     * @class
      */
     export interface Dendrogram extends Object{}
     export class Dendrogram {
@@ -76500,8 +78440,8 @@ declare namespace system{
        * <p>
        * If the given node is a {@link yfiles.algorithms.Dendrogram#isLeaf leaf} node, the returned list will be empty.
        * </p>
-       * @param {yfiles.algorithms.Node} parent the parent node for which to retrieve the child nodes
-       * @returns {yfiles.algorithms.NodeList} the list of child nodes of the given parent node
+       * @param parent the parent node for which to retrieve the child nodes
+       * @returns the list of child nodes of the given parent node
        */
       getChildren(parent:yfiles.algorithms.Node):yfiles.algorithms.NodeList;
       /**
@@ -76514,22 +78454,22 @@ declare namespace system{
        * created by this merging. Then, the cluster nodes of <code>u</code> will be returned as two {@link yfiles.algorithms.NodeList}s where the
        * first contains nodes <code>v1, v2</code> and the second <code>v3, v4</code>.
        * </p>
-       * @param {yfiles.algorithms.Node} node the given dendrogram node
-       * @returns {Array.<yfiles.algorithms.NodeList>} an array of
-       * {@link yfiles.algorithms.NodeList}s that contain the nodes of the original graph that are associated with the given dendrogram
+       * @param node the given dendrogram node
+       * @returns an array of
+       * {@link }s that contain the nodes of the original graph that are associated with the given dendrogram
        * node
        */
       getClusterNodes(node:yfiles.algorithms.Node):yfiles.algorithms.NodeList[];
       /**
        * Returns the dissimilarity value associated with the given node of the dendrogram.
-       * @param {yfiles.algorithms.Node} node the given dendrogram node
-       * @returns {number} the dissimilarity value associated with the given dendrogram node
+       * @param node the given dendrogram node
+       * @returns the dissimilarity value associated with the given dendrogram node
        */
       getDissimilarityValue(node:yfiles.algorithms.Node):number;
       /**
        * Returns the level of the given node of the dendrogram.
-       * @param {yfiles.algorithms.Node} node the given dendrogram node
-       * @returns {number} the level of the given dendrogram node
+       * @param node the given dendrogram node
+       * @returns the level of the given dendrogram node
        */
       getLevel(node:yfiles.algorithms.Node):number;
       /**
@@ -76537,15 +78477,15 @@ declare namespace system{
        * <p>
        * If the given level index is greater than the {@link yfiles.algorithms.Dendrogram#levelCount number of levels}, then this method will return <code>null</code>.
        * </p>
-       * @param {number} level the given level index
-       * @returns {yfiles.algorithms.Node} the node of the dendrogram that belongs to the given level index or <code>null</code> if there exists no level with the given index.
+       * @param level the given level index
+       * @returns the node of the dendrogram that belongs to the given level index or <code>null</code> if there exists no level with the given index.
        * @throws {Stubs.Exceptions.ArgumentError} if the given level is negative or greater than the {@link yfiles.algorithms.Dendrogram#nodeCount node count} minus one.
        */
       getNodeAtLevel(level:number):yfiles.algorithms.Node;
       /**
        * Returns the node of original graph that is mapped with the given leaf node of the dendrogram.
-       * @param {yfiles.algorithms.Node} node the given leaf node
-       * @returns {yfiles.algorithms.Node} the node of original graph that is mapped with the given leaf node or <code>null</code> if the given node is an inner dendrogram
+       * @param node the given leaf node
+       * @returns the node of original graph that is mapped with the given leaf node or <code>null</code> if the given node is an inner dendrogram
        * node
        */
       getOriginalNode(node:yfiles.algorithms.Node):yfiles.algorithms.Node;
@@ -76555,8 +78495,8 @@ declare namespace system{
        * A leaf node has no further children and represents a node of the original graph. The original node can be retrieved via
        * {@link yfiles.algorithms.Dendrogram#getOriginalNode}.
        * </p>
-       * @param {yfiles.algorithms.Node} node a dendrogram node
-       * @returns {boolean} <code>true</code> if the given node is a leaf node, <code>false</code> otherwise
+       * @param node a dendrogram node
+       * @returns <code>true</code> if the given node is a leaf node, <code>false</code> otherwise
        */
       isLeaf(node:yfiles.algorithms.Node):boolean;
       /**
@@ -76599,9 +78539,9 @@ declare namespace system{
        * distances between two nodes have to be symmetric, i.e., the distance between node <code>n1</code> and <code>n2</code> is equal to the distance
        * between node <code>n2</code> and <code>n1</code>.
        * </p>
-       * @param {yfiles.algorithms.Node} n1 the first node
-       * @param {yfiles.algorithms.Node} n2 the second node
-       * @returns {number} the distance between the two given nodes
+       * @param n1 the first node
+       * @param n2 the second node
+       * @returns the distance between the two given nodes
        * @abstract
        */
       getDistance(n1:yfiles.algorithms.Node,n2:yfiles.algorithms.Node):number;
@@ -76625,7 +78565,7 @@ declare namespace system{
      * <li><b>K-means clustering algorithm</b> partitions the nodes of a graph into <code>k</code>-clusters based on their positions on the plane and a given distance metric.</li>
      * <li><b>Hierarchical clustering</b> creates a hierarchy of clusters in a bottom-to-top approach based on some distance metric and linkage.</li>
      * </ul>
-     * @class yfiles.algorithms.Groups
+     * @class
      * @static
      */
     export interface Groups extends Object{}
@@ -76636,10 +78576,10 @@ declare namespace system{
        * Nodes will be grouped such that the nodes within each group are biconnected. Nodes that belong to multiple biconnected
        * components will be assigned to exactly one of these components.
        * </p>
-       * @param {yfiles.algorithms.Graph} graph the input graph
-       * @param {yfiles.algorithms.INodeMap} groupIDs the {@link yfiles.algorithms.INodeMap} that will be filled during the execution and returns an integer value (cluster ID) for
+       * @param graph the input graph
+       * @param groupIDs the {@link } that will be filled during the execution and returns an integer value (cluster ID) for
        * each node
-       * @returns {number} the resulting number of different groups
+       * @returns the resulting number of different groups
        * @static
        */
       static biconnectedComponentGrouping(graph:yfiles.algorithms.Graph,groupIDs:yfiles.algorithms.INodeMap):number;
@@ -76661,14 +78601,14 @@ declare namespace system{
        * overall computation time. The upper bound on the number of groups is
        * <code>graph.N()</code>. Also, the number of returned groups is never smaller than the number of connected components of the graph.
        * </p>
-       * @param {yfiles.algorithms.Graph} graph the input graph
-       * @param {yfiles.algorithms.INodeMap} clusterIDs the {@link yfiles.algorithms.INodeMap} that will be filled during the execution and returns an integer value (cluster ID) for
+       * @param graph the input graph
+       * @param clusterIDs the {@link } that will be filled during the execution and returns an integer value (cluster ID) for
        * each node
-       * @param {number} qualityTimeRatio a value between <code>0.0</code> (low quality, fast) and <code>1.0</code> (high quality, slow); the recommended value is <code>0.5</code>
-       * @param {number} minGroupCount the minimum number of groups that will be returned
-       * @param {number} maxGroupCount the maximum number of groups that will be returned
-       * @param {boolean} refine <code>true</code> if the algorithm refines the current grouping, <code>false</code> if the algorithm discards the current grouping
-       * @returns {number} the resulting number of different groups
+       * @param qualityTimeRatio a value between <code>0.0</code> (low quality, fast) and <code>1.0</code> (high quality, slow); the recommended value is <code>0.5</code>
+       * @param minGroupCount the minimum number of groups that will be returned
+       * @param maxGroupCount the maximum number of groups that will be returned
+       * @param refine <code>true</code> if the algorithm refines the current grouping, <code>false</code> if the algorithm discards the current grouping
+       * @returns the resulting number of different groups
        * @throws {Stubs.Exceptions.ArgumentError} if <code>minGroupCount > maxGroupCount</code> or <code>minGroupCount > graph.N()</code> or <code>maxGroupCount &lt;= 0</code>
        * @static
        */
@@ -76684,15 +78624,15 @@ declare namespace system{
        * overall computation time. The upper bound on the number of groups is
        * <code>graph.N()</code>. Also, the number of returned groups is never smaller than the number of connected components of the graph.
        * </p>
-       * @param {yfiles.algorithms.Graph} graph the input graph
-       * @param {yfiles.algorithms.INodeMap} clusterIDs the {@link yfiles.algorithms.INodeMap} that will be filled during the execution and returns an integer value (cluster ID) for
+       * @param graph the input graph
+       * @param clusterIDs the {@link } that will be filled during the execution and returns an integer value (cluster ID) for
        * each node
-       * @param {boolean} directed <code>true</code> if the graph should be considered as directed, <code>false</code> otherwise
-       * @param {number} minGroupCount the minimum number of groups that will be returned
-       * @param {number} maxGroupCount the maximum number of groups that will be returned
-       * @param {yfiles.algorithms.IDataProvider} edgeCosts the {@link yfiles.algorithms.IDataProvider} that holds a positive {@link number} cost or <code>null</code> if the edges of the graph are considered to be
+       * @param directed <code>true</code> if the graph should be considered as directed, <code>false</code> otherwise
+       * @param minGroupCount the minimum number of groups that will be returned
+       * @param maxGroupCount the maximum number of groups that will be returned
+       * @param edgeCosts the {@link } that holds a positive {@link } cost or <code>null</code> if the edges of the graph are considered to be
        * of equal cost
-       * @returns {number} the resulting number of different groups
+       * @returns the resulting number of different groups
        * @throws {Stubs.Exceptions.ArgumentError} if <code>minGroupCount > maxGroupCount</code> or <code>minGroupCount > graph.N()</code> or <code>maxGroupCount &lt;= 0</code>
        * @static
        */
@@ -76713,13 +78653,13 @@ declare namespace system{
        * <p>
        * The maximum number of clusters needs to be greater than zero and less than the number of the nodes of the graph.
        * </p>
-       * @param {yfiles.algorithms.Graph} graph the input graph
-       * @param {number} maxCluster the maximum number of clusters that determines where to cut the hierarchic tree into clusters
-       * @param {yfiles.algorithms.INodeMap} clusterIDs the {@link yfiles.algorithms.INodeMap} that will be filled during the execution and returns an integer value (cluster ID) for
+       * @param graph the input graph
+       * @param maxCluster the maximum number of clusters that determines where to cut the hierarchic tree into clusters
+       * @param clusterIDs the {@link } that will be filled during the execution and returns an integer value (cluster ID) for
        * each node
-       * @param {yfiles.algorithms.INodeDistanceProvider} distances a given {@link yfiles.algorithms.INodeDistanceProvider} object that determines the distance between any two graph nodes
-       * @param {yfiles.algorithms.Linkage} linkage one of the predefined linkage values
-       * @returns {number} the resulting number of clusters
+       * @param distances a given {@link } object that determines the distance between any two graph nodes
+       * @param linkage one of the predefined linkage values
+       * @returns the resulting number of clusters
        * @throws {Stubs.Exceptions.ArgumentError} if an unknown linkage is given or if the maximum number of clusters is less than or equal to zero or greater than the
        * number of nodes of the graph
        * @static
@@ -76738,13 +78678,13 @@ declare namespace system{
        * The result will be given based on the given cut-off value that is used for cutting the hierarchical tree at a point such
        * that the dissimilarity values of the nodes that remain at the dendrogram are less than this value.
        * </p>
-       * @param {yfiles.algorithms.Graph} graph the input graph
-       * @param {yfiles.algorithms.INodeMap} clusterIDs the {@link yfiles.algorithms.INodeMap} that will be filled during the execution and returns an integer value (cluster ID) for
+       * @param graph the input graph
+       * @param clusterIDs the {@link } that will be filled during the execution and returns an integer value (cluster ID) for
        * each node
-       * @param {yfiles.algorithms.INodeDistanceProvider} distances a given {@link yfiles.algorithms.INodeDistanceProvider} object that determines the distance between any two nodes
-       * @param {yfiles.algorithms.Linkage} linkage one of the predefined linkage values
-       * @param {number} cutOff the cut-off value that determines where to cut the hierarchic tree into clusters
-       * @returns {number} the resulting number of clusters
+       * @param distances a given {@link } object that determines the distance between any two nodes
+       * @param linkage one of the predefined linkage values
+       * @param cutOff the cut-off value that determines where to cut the hierarchic tree into clusters
+       * @returns the resulting number of clusters
        * @throws {Stubs.Exceptions.ArgumentError} if an unknown linkage is used
        * @static
        */
@@ -76762,10 +78702,10 @@ declare namespace system{
        * as a binary tree structure. It can easily be traversed by starting from the {@link yfiles.algorithms.Dendrogram#root root node} and moving on to nodes of the next
        * level via method {@link yfiles.algorithms.Dendrogram#getChildren}.
        * </p>
-       * @param {yfiles.algorithms.Graph} graph the input graph
-       * @param {yfiles.algorithms.INodeDistanceProvider} distances a given {@link yfiles.algorithms.INodeDistanceProvider} object that determines the distance between any two nodes
-       * @param {yfiles.algorithms.Linkage} linkage one of the predefined linkage values
-       * @returns {yfiles.algorithms.Dendrogram} a {@link yfiles.algorithms.Dendrogram} which represents the result of the clustering as a binary tree
+       * @param graph the input graph
+       * @param distances a given {@link } object that determines the distance between any two nodes
+       * @param linkage one of the predefined linkage values
+       * @returns a {@link } which represents the result of the clustering as a binary tree
        * @throws {Stubs.Exceptions.ArgumentError} if an unknown linkage is given
        * @static
        */
@@ -76780,15 +78720,15 @@ declare namespace system{
        * The distance can be defined using diverse metrics as euclidean distance, euclidean-squared distance, manhattan distance
        * or chebychev distance.
        * </p>
-       * @param {yfiles.algorithms.Graph} graph the input graph
-       * @param {yfiles.algorithms.INodeMap} clusterIDs the {@link yfiles.algorithms.INodeMap} that will be filled during the execution and returns an integer value (cluster ID) for
+       * @param graph the input graph
+       * @param clusterIDs the {@link } that will be filled during the execution and returns an integer value (cluster ID) for
        * each node
-       * @param {yfiles.algorithms.IDataProvider} nodePositions the {@link yfiles.algorithms.IDataProvider} that holds a {@link yfiles.algorithms.YPoint point} representing the current position of each node in the graph
-       * @param {yfiles.algorithms.DistanceMetric} distanceMetric one of the predefined distance metrics
-       * @param {number} k the number of clusters
-       * @param {number} [iterations=100] the maximum number of iterations performed by the algorithm for convergence
-       * @param {Array.<yfiles.algorithms.YPoint>} [centroids=null] the initial centroids
-       * @returns {number} the number of resulting (non-empty) clusters
+       * @param nodePositions the {@link } that holds a {@link  point} representing the current position of each node in the graph
+       * @param distanceMetric one of the predefined distance metrics
+       * @param k the number of clusters
+       * @param [iterations=100] the maximum number of iterations performed by the algorithm for convergence
+       * @param [centroids=null] the initial centroids
+       * @returns the number of resulting (non-empty) clusters
        * @throws {Stubs.Exceptions.ArgumentError} if the given distance metric is not supported
        * @static
        */
@@ -76804,15 +78744,15 @@ declare namespace system{
        * or chebychev distance.
        * </p>
        * @param {Object} options The parameters to pass.
-       * @param {yfiles.algorithms.Graph} options.graph the input graph
-       * @param {yfiles.algorithms.INodeMap} options.clusterIDs the {@link yfiles.algorithms.INodeMap} that will be filled during the execution and returns an integer value (cluster ID) for
+       * @param options.graph the input graph
+       * @param options.clusterIDs the {@link } that will be filled during the execution and returns an integer value (cluster ID) for
        * each node
-       * @param {yfiles.algorithms.IDataProvider} options.nodePositions the {@link yfiles.algorithms.IDataProvider} that holds a {@link yfiles.algorithms.YPoint point} representing the current position of each node in the graph
-       * @param {yfiles.algorithms.DistanceMetric} options.distanceMetric one of the predefined distance metrics
-       * @param {number} options.k the number of clusters
-       * @param {number} [options.iterations=100] the maximum number of iterations performed by the algorithm for convergence
-       * @param {Array.<yfiles.algorithms.YPoint>} [options.centroids=null] the initial centroids
-       * @returns {number} the number of resulting (non-empty) clusters
+       * @param options.nodePositions the {@link } that holds a {@link  point} representing the current position of each node in the graph
+       * @param options.distanceMetric one of the predefined distance metrics
+       * @param options.k the number of clusters
+       * @param [options.iterations=100] the maximum number of iterations performed by the algorithm for convergence
+       * @param [options.centroids=null] the initial centroids
+       * @returns the number of resulting (non-empty) clusters
        * @throws {Stubs.Exceptions.ArgumentError} if the given distance metric is not supported
        * @static
        */
@@ -76891,8 +78831,8 @@ declare namespace system{
        * <p>
        * This method may throw an UnsupportedOperationException.
        * </p>
-       * @param {Object} dataHolder
-       * @param {Object} value
+       * @param dataHolder
+       * @param value
        * @abstract
        */
       set(dataHolder:Object,value:Object):void;
@@ -76901,8 +78841,8 @@ declare namespace system{
        * <p>
        * This method may throw an UnsupportedOperationException.
        * </p>
-       * @param {Object} dataHolder
-       * @param {boolean} value
+       * @param dataHolder
+       * @param value
        * @abstract
        */
       setBoolean(dataHolder:Object,value:boolean):void;
@@ -76911,8 +78851,8 @@ declare namespace system{
        * <p>
        * This method may throw an UnsupportedOperationException.
        * </p>
-       * @param {Object} dataHolder
-       * @param {number} value
+       * @param dataHolder
+       * @param value
        * @abstract
        */
       setInt(dataHolder:Object,value:number):void;
@@ -76921,8 +78861,8 @@ declare namespace system{
        * <p>
        * This method may throw an UnsupportedOperationException.
        * </p>
-       * @param {Object} dataHolder
-       * @param {number} value
+       * @param dataHolder
+       * @param value
        * @abstract
        */
       setNumber(dataHolder:Object,value:number):void;
@@ -76960,8 +78900,8 @@ declare namespace system{
        * <p>
        * This method may throw an UnsupportedOperationException.
        * </p>
-       * @param {Object} dataHolder
-       * @returns {Object} 
+       * @param dataHolder
+       * @returns 
        * @abstract
        */
       get(dataHolder:Object):Object;
@@ -76970,8 +78910,8 @@ declare namespace system{
        * <p>
        * This method may throw an UnsupportedOperationException.
        * </p>
-       * @param {Object} dataHolder
-       * @returns {boolean} 
+       * @param dataHolder
+       * @returns 
        * @abstract
        */
       getBoolean(dataHolder:Object):boolean;
@@ -76980,8 +78920,8 @@ declare namespace system{
        * <p>
        * This method may throw an UnsupportedOperationException.
        * </p>
-       * @param {Object} dataHolder
-       * @returns {number} 
+       * @param dataHolder
+       * @returns 
        * @abstract
        */
       getInt(dataHolder:Object):number;
@@ -76990,8 +78930,8 @@ declare namespace system{
        * <p>
        * This method may throw an UnsupportedOperationException.
        * </p>
-       * @param {Object} dataHolder
-       * @returns {number} 
+       * @param dataHolder
+       * @returns 
        * @abstract
        */
       getNumber(dataHolder:Object):number;
@@ -77125,8 +79065,8 @@ declare namespace system{
     export interface INodeSequencer extends Object{
       /**
        * Returns a cursor that grants access to <b>all</b> nodes of the given graph in some order.
-       * @param {yfiles.algorithms.Graph} graph the input graph
-       * @returns {yfiles.algorithms.INodeCursor} a {@link yfiles.algorithms.INodeCursor} that grants access to all nodes of a graph
+       * @param graph the input graph
+       * @returns a {@link } that grants access to all nodes of a graph
        * @abstract
        */
       nodes(graph:yfiles.algorithms.Graph):yfiles.algorithms.INodeCursor;
@@ -77143,7 +79083,7 @@ declare namespace system{
      * <p>
      * {@graph {"ann":{"s":[30,30],"d":0, "c":0},"styles":{"6":{"s":[35,35],"c":1, "f":"#FF0000", "b":0}},"n":[[425,305,6],[645,305],[425,525],[645,525,6],[485,365],[585,365,6],[485,465,6],[585,465]],"e":[[0,4],[0,1],[1,3],[3,2],[2,0],[4,6],[6,2],[6,7],[7,5],[5,4],[5,1],[7,3]],"vp":[425.0,305.0,250.0,250.0]}} Circular nodes represent one of the independent sets of the given graph
      * </p>
-     * @class yfiles.algorithms.IndependentSets
+     * @class
      * @static
      */
     export interface IndependentSets extends Object{}
@@ -77153,8 +79093,8 @@ declare namespace system{
        * <p>
        * A greedy heuristic is applied which tries to find a large independent set.
        * </p>
-       * @param {yfiles.algorithms.Graph} conflictGraph the input graph
-       * @returns {yfiles.algorithms.NodeList} a {@link yfiles.algorithms.NodeList} containing an independent set of nodes
+       * @param conflictGraph the input graph
+       * @returns a {@link } containing an independent set of nodes
        * @see yfiles.algorithms.IndependentSets#getIndependentSet
        * @static
        */
@@ -77164,8 +79104,8 @@ declare namespace system{
        * <p>
        * The method iteratively calls method {@link yfiles.algorithms.IndependentSets#getIndependentSet}.
        * </p>
-       * @param {yfiles.algorithms.Graph} conflictGraph the input graph
-       * @returns {Array.<yfiles.algorithms.NodeList>} an array of {@link yfiles.algorithms.NodeList}s each of which contains an independent set of nodes
+       * @param conflictGraph the input graph
+       * @returns an array of {@link }s each of which contains an independent set of nodes
        * @see yfiles.algorithms.IndependentSets#getIndependentSet
        * @static
        */
@@ -77177,7 +79117,7 @@ declare namespace system{
      * <p>
      * It may be used to perform fast access and remove operations on that type of list.
      * </p>
-     * @class yfiles.algorithms.ListCell
+     * @class
      * @final
      */
     export interface ListCell extends Object{}
@@ -77187,7 +79127,7 @@ declare namespace system{
        * <p>
        * If there is no predecessor, then <code>null</code> is returned.
        * </p>
-       * @returns {yfiles.algorithms.ListCell} 
+       * @returns 
        */
       pred():yfiles.algorithms.ListCell;
       /**
@@ -77195,7 +79135,7 @@ declare namespace system{
        * <p>
        * If there is no successor, then <code>null</code> is returned.
        * </p>
-       * @returns {yfiles.algorithms.ListCell} 
+       * @returns 
        */
       succ():yfiles.algorithms.ListCell;
       /**
@@ -77228,7 +79168,7 @@ declare namespace system{
      * flow of maximum value from <code>s</code> to <code>t</code> that has the minimum total cost.
      * </li>
      * </ul>
-     * @class yfiles.algorithms.NetworkFlows
+     * @class
      * @static
      */
     export interface NetworkFlows extends Object{}
@@ -77248,12 +79188,12 @@ declare namespace system{
        * <p>
        * Edges may have infinite capacity, which is denoted by the value <code>0x7FFFFFFF</code>.
        * </p>
-       * @param {yfiles.algorithms.Graph} graph the given network
-       * @param {yfiles.algorithms.Node} source the source node of the network
-       * @param {yfiles.algorithms.Node} sink the sink node of the network
-       * @param {yfiles.algorithms.IDataProvider} eCapDP the {@link yfiles.algorithms.IEdgeMap} that returns the integer capacity of each edge or <code>null</code> if no bound is specified
-       * @param {yfiles.algorithms.IEdgeMap} flowEM the {@link yfiles.algorithms.IEdgeMap} that will be filled during the execution with an integer flow for each edge
-       * @returns {number} the maximum flow value
+       * @param graph the given network
+       * @param source the source node of the network
+       * @param sink the sink node of the network
+       * @param eCapDP the {@link } that returns the integer capacity of each edge or <code>null</code> if no bound is specified
+       * @param flowEM the {@link } that will be filled during the execution with an integer flow for each edge
+       * @returns the maximum flow value
        * @see yfiles.algorithms.NetworkFlows#calcMaxFlowMinCut
        * @static
        */
@@ -77261,29 +79201,29 @@ declare namespace system{
       /**
        * Solves a maximum flow problem using the preflow-push method but additionally marks all nodes that belong to the minimum
        * cut set that is associated with the source of the network.
-       * @param {yfiles.algorithms.Graph} graph the given network
-       * @param {yfiles.algorithms.Node} source the source node of the network
-       * @param {yfiles.algorithms.Node} sink the sink node of the network
-       * @param {yfiles.algorithms.IDataProvider} eCapDP the {@link yfiles.algorithms.IEdgeMap} that returns the integer capacity of each edge or <code>null</code> if no bound is specified
-       * @param {yfiles.algorithms.IEdgeMap} flowEM the {@link yfiles.algorithms.IEdgeMap} that will be filled during the execution with an integer flow for each edge
-       * @param {yfiles.algorithms.INodeMap} sourceCutNM the {@link yfiles.algorithms.INodeMap} that will be filled during the execution and returns a boolean value indicating whether
+       * @param graph the given network
+       * @param source the source node of the network
+       * @param sink the sink node of the network
+       * @param eCapDP the {@link } that returns the integer capacity of each edge or <code>null</code> if no bound is specified
+       * @param flowEM the {@link } that will be filled during the execution with an integer flow for each edge
+       * @param sourceCutNM the {@link } that will be filled during the execution and returns a boolean value indicating whether
        * or not a node belongs to the cut set associated with the source of the network
-       * @returns {number} the maximum flow value
+       * @returns the maximum flow value
        * @see yfiles.algorithms.NetworkFlows#calcMaxFlow
        * @static
        */
       static calcMaxFlowMinCut(graph:yfiles.algorithms.Graph,source:yfiles.algorithms.Node,sink:yfiles.algorithms.Node,eCapDP:yfiles.algorithms.IDataProvider,flowEM:yfiles.algorithms.IEdgeMap,sourceCutNM:yfiles.algorithms.INodeMap):number;
       /**
        * Solves a minimum cost maximum flow problem.
-       * @param {yfiles.algorithms.Graph} graph the given network
-       * @param {yfiles.algorithms.Node} s the source node of the network
-       * @param {yfiles.algorithms.Node} t the sink node of the network
-       * @param {yfiles.algorithms.IDataProvider} uCapDP the {@link yfiles.algorithms.IDataProvider} that returns the integer capacity of each edge or <code>null</code> if no bound is specified
-       * @param {yfiles.algorithms.IDataProvider} cost0DP the {@link yfiles.algorithms.IDataProvider} that returns a double value (cost) for each edge
-       * @param {yfiles.algorithms.IEdgeMap} flowEM the {@link yfiles.algorithms.IEdgeMap} that will be filled during the execution with an integer flow for each edge
-       * @param {yfiles.algorithms.INodeMap} dualsNM the {@link yfiles.algorithms.INodeMap} that will be filled during the execution with an integer value (dual value) for each node
+       * @param graph the given network
+       * @param s the source node of the network
+       * @param t the sink node of the network
+       * @param uCapDP the {@link } that returns the integer capacity of each edge or <code>null</code> if no bound is specified
+       * @param cost0DP the {@link } that returns a double value (cost) for each edge
+       * @param flowEM the {@link } that will be filled during the execution with an integer flow for each edge
+       * @param dualsNM the {@link } that will be filled during the execution with an integer value (dual value) for each node
        * or <code>null</code> if no such values occur; dual values are also referred as potentials
-       * @returns {number} the total cost of the flow
+       * @returns the total cost of the flow
        * @see yfiles.algorithms.NetworkFlows#minCostFlow
        * @see yfiles.algorithms.NetworkFlows#minCostFlow
        * @static
@@ -77302,18 +79242,18 @@ declare namespace system{
        * <p>
        * There are no restriction for the costs. In particular, they can also be negative.
        * </p>
-       * @param {yfiles.algorithms.Graph} graph the given network
-       * @param {yfiles.algorithms.IDataProvider} lCapDP the {@link yfiles.algorithms.IDataProvider} that returns the integer lower bound for the capacity of each edge or <code>null</code> if no
+       * @param graph the given network
+       * @param lCapDP the {@link } that returns the integer lower bound for the capacity of each edge or <code>null</code> if no
        * bound is specified
-       * @param {yfiles.algorithms.IDataProvider} uCapDP the {@link yfiles.algorithms.IDataProvider} that returns the integer upper bound for the capacity of each edge or <code>null</code> if no
+       * @param uCapDP the {@link } that returns the integer upper bound for the capacity of each edge or <code>null</code> if no
        * bound is specified
-       * @param {yfiles.algorithms.IDataProvider} cost0DP the {@link yfiles.algorithms.IDataProvider} that returns a double value (cost) of each edge
-       * @param {yfiles.algorithms.IDataProvider} supplyDP the {@link yfiles.algorithms.IDataProvider} that returns the supply/demand of each node; supply is denoted by a positive value,
+       * @param cost0DP the {@link } that returns a double value (cost) of each edge
+       * @param supplyDP the {@link } that returns the supply/demand of each node; supply is denoted by a positive value,
        * demand by a negative value
-       * @param {yfiles.algorithms.IEdgeMap} flowEM the {@link yfiles.algorithms.IEdgeMap} that will be filled during the execution with an integer flow for each edge
-       * @param {yfiles.algorithms.INodeMap} dualsNM the {@link yfiles.algorithms.INodeMap} that will be filled during the execution with an integer value (dual value) for each node
+       * @param flowEM the {@link } that will be filled during the execution with an integer flow for each edge
+       * @param dualsNM the {@link } that will be filled during the execution with an integer value (dual value) for each node
        * or <code>null</code> if no such values occur; dual values are also referred as potentials
-       * @returns {number} the total cost of the flow
+       * @returns the total cost of the flow
        * @see yfiles.algorithms.NetworkFlows#minCostFlow
        * @see yfiles.algorithms.NetworkFlows#minCostFlow
        * @static
@@ -77321,15 +79261,15 @@ declare namespace system{
       static minCostFlow(graph:yfiles.algorithms.Graph,lCapDP:yfiles.algorithms.IDataProvider,uCapDP:yfiles.algorithms.IDataProvider,cost0DP:yfiles.algorithms.IDataProvider,supplyDP:yfiles.algorithms.IDataProvider,flowEM:yfiles.algorithms.IEdgeMap,dualsNM:yfiles.algorithms.INodeMap):number;
       /**
        * Uses method {@link yfiles.algorithms.NetworkFlows#minCostFlow} to solve a minimum cost flow problem.
-       * @param {yfiles.algorithms.Graph} graph the given network
-       * @param {yfiles.algorithms.IDataProvider} uCapDP the {@link yfiles.algorithms.IDataProvider} that returns the integer capacity of each edge or <code>null</code> if no bound is specified
-       * @param {yfiles.algorithms.IDataProvider} cost0DP the {@link yfiles.algorithms.IDataProvider} that returns a double value (cost) for each edge
-       * @param {yfiles.algorithms.IDataProvider} supplyDP the {@link yfiles.algorithms.IDataProvider} that returns the supply/demand of each node; supply is denoted by a positive value,
+       * @param graph the given network
+       * @param uCapDP the {@link } that returns the integer capacity of each edge or <code>null</code> if no bound is specified
+       * @param cost0DP the {@link } that returns a double value (cost) for each edge
+       * @param supplyDP the {@link } that returns the supply/demand of each node; supply is denoted by a positive value,
        * demand by a negative value
-       * @param {yfiles.algorithms.IEdgeMap} flowEM the {@link yfiles.algorithms.IEdgeMap} that will be filled during the execution with an integer flow for each edge
-       * @param {yfiles.algorithms.INodeMap} dualsNM the {@link yfiles.algorithms.INodeMap} that will be filled during the execution with an integer value (dual value) for each node
+       * @param flowEM the {@link } that will be filled during the execution with an integer flow for each edge
+       * @param dualsNM the {@link } that will be filled during the execution with an integer value (dual value) for each node
        * or <code>null</code> if no such values occur; dual values are also referred as potentials
-       * @returns {number} the total cost of the flow
+       * @returns the total cost of the flow
        * @see yfiles.algorithms.NetworkFlows#minCostFlow
        * @see yfiles.algorithms.NetworkFlows#minCostFlow
        * @static
@@ -77345,10 +79285,9 @@ declare namespace system{
      * </p>
      * <p>
      * Iteration over all three sets of edges is provided by means of bidirectional cursors that present a read-only view of
-     * the respective set
-     * ({@link yfiles.algorithms.Node#getEdgeCursor}, GetInEdgeCursor, GetOutEdgeCursor). Also supported is iteration over all nodes at
-     * opposite ends of either incoming edges or outgoing edges ({@link yfiles.algorithms.Node#getPredecessorCursor},
-     * {@link yfiles.algorithms.Node#getSuccessorCursor}).
+     * the respective set ({@link yfiles.algorithms.Node#getEdgeCursor}, {@link yfiles.algorithms.Node#getInEdgeCursor},
+     * {@link yfiles.algorithms.Node#getOutEdgeCursor}). Also supported is iteration over all nodes at opposite ends of either incoming
+     * edges or outgoing edges ({@link yfiles.algorithms.Node#getPredecessorCursor}, {@link yfiles.algorithms.Node#getSuccessorCursor}).
      * </p>
      * <p>
      * The number of overall edges at a node is called its degree ({@link yfiles.algorithms.Node#degree}), which is the sum of incoming and outgoing edges ({@link yfiles.algorithms.Node#inDegree}, {@link yfiles.algorithms.Node#outDegree}).
@@ -77357,21 +79296,20 @@ declare namespace system{
      * <b>Important:</b> Class Graph is the single authority for any structural changes to the graph data type. Specifically, this means that
      * there is no way to create or delete a node or an edge without using an actual Graph instance.
      * </p>
-     * @class yfiles.algorithms.Node
+     * @class
      * @extends {yfiles.algorithms.GraphObject}
      */
     export interface Node extends yfiles.algorithms.GraphObject{}
     export class Node {
       /**
        * Instantiates a new Node object that will be part of the given graph.
-       * @param {yfiles.algorithms.Graph} g The graph that the created node will belong to.
-       * @constructor
+       * @param g The graph that the created node will belong to.
        */
       constructor(g:yfiles.algorithms.Graph);
       /**
        * Creates a copy of this node that will be inserted into the given graph.
-       * @param {yfiles.algorithms.Graph} g The graph that the created node will belong to.
-       * @returns {yfiles.algorithms.Node} The newly created Node object.
+       * @param g The graph that the created node will belong to.
+       * @returns The newly created Node object.
        */
       createCopy(g:yfiles.algorithms.Graph):yfiles.algorithms.Node;
       /**
@@ -77382,15 +79320,17 @@ declare namespace system{
        * <p>
        * Note that the first matching edge is returned, and that outgoing edges are tested prior to incoming edges.
        * </p>
-       * @param {yfiles.algorithms.Node} opposite
-       * @returns {yfiles.algorithms.Edge} 
+       * @param opposite
+       * @returns 
        * @see yfiles.algorithms.Node#getEdgeFrom
        * @see yfiles.algorithms.Node#getEdgeTo
        */
       getEdge(opposite:yfiles.algorithms.Node):yfiles.algorithms.Edge;
       /**
        * Returns an edge cursor for all incoming and outgoing edges at this node.
-       * @returns {yfiles.algorithms.IEdgeCursor} 
+       * @returns 
+       * @see yfiles.algorithms.Node#getInEdgeCursor
+       * @see yfiles.algorithms.Node#getOutEdgeCursor
        */
       getEdgeCursor():yfiles.algorithms.IEdgeCursor;
       /**
@@ -77398,8 +79338,8 @@ declare namespace system{
        * <p>
        * Otherwise <code>null</code> is returned.
        * </p>
-       * @param {yfiles.algorithms.Node} source
-       * @returns {yfiles.algorithms.Edge} 
+       * @param source
+       * @returns 
        * @see yfiles.algorithms.Node#getEdge
        * @see yfiles.algorithms.Node#getEdgeTo
        */
@@ -77409,8 +79349,8 @@ declare namespace system{
        * <p>
        * Otherwise <code>null</code> is returned.
        * </p>
-       * @param {yfiles.algorithms.Node} target
-       * @returns {yfiles.algorithms.Edge} 
+       * @param target
+       * @returns 
        * @see yfiles.algorithms.Node#getEdge
        * @see yfiles.algorithms.Node#getEdgeFrom
        */
@@ -77419,10 +79359,10 @@ declare namespace system{
        * Returns an edge cursor for incoming edges at this node.
        * <p>
        * If an edge is specified, the cursor starts at the given edge, and the cyclic sequence order is the same as returned by
-       * GetInEdgeCursor.
+       * {@link yfiles.algorithms.Node#getInEdgeCursor}.
        * </p>
-       * @param {yfiles.algorithms.Edge} [startEdge=null] The first edge being accessed by the returned cursor.
-       * @returns {yfiles.algorithms.IEdgeCursor} 
+       * @param [startEdge=null] The first edge being accessed by the returned cursor.
+       * @returns 
        * @see yfiles.algorithms.Node#getOutEdgeCursor
        */
       getInEdgeCursor(startEdge?:yfiles.algorithms.Edge):yfiles.algorithms.IEdgeCursor;
@@ -77431,7 +79371,7 @@ declare namespace system{
        * <p>
        * Neighbor nodes are those at the opposite ends of both incoming and outgoing edges.
        * </p>
-       * @returns {yfiles.algorithms.INodeCursor} 
+       * @returns 
        * @see yfiles.algorithms.Node#getPredecessorCursor
        * @see yfiles.algorithms.Node#getSuccessorCursor
        */
@@ -77440,10 +79380,10 @@ declare namespace system{
        * Returns an edge cursor for outgoing edges at this node.
        * <p>
        * If an edge is specified, the cursor starts at the given edge, and the cyclic sequence order is the same as returned by
-       * GetOutEdgeCursor.
+       * {@link yfiles.algorithms.Node#getOutEdgeCursor}.
        * </p>
-       * @param {yfiles.algorithms.Edge} [startEdge=null] The first edge being accessed by the returned cursor.
-       * @returns {yfiles.algorithms.IEdgeCursor} 
+       * @param [startEdge=null] The first edge being accessed by the returned cursor.
+       * @returns 
        * @see yfiles.algorithms.Node#getInEdgeCursor
        */
       getOutEdgeCursor(startEdge?:yfiles.algorithms.Edge):yfiles.algorithms.IEdgeCursor;
@@ -77452,7 +79392,7 @@ declare namespace system{
        * <p>
        * Predecessor nodes are those at the opposite ends of incoming edges.
        * </p>
-       * @returns {yfiles.algorithms.INodeCursor} 
+       * @returns 
        * @see yfiles.algorithms.Node#getSuccessorCursor
        */
       getPredecessorCursor():yfiles.algorithms.INodeCursor;
@@ -77461,19 +79401,19 @@ declare namespace system{
        * <p>
        * Successor nodes are those at the opposite ends of outgoing edges.
        * </p>
-       * @returns {yfiles.algorithms.INodeCursor} 
+       * @returns 
        * @see yfiles.algorithms.Node#getPredecessorCursor
        */
       getSuccessorCursor():yfiles.algorithms.INodeCursor;
       /**
        * Sorts incoming edges at this node according to the given comparator.
-       * @param {yfiles.collections.IComparer.<Object>} c
+       * @param c
        * @see yfiles.algorithms.Node#sortOutEdges
        */
       sortInEdges(c:yfiles.collections.IComparer<Object>):void;
       /**
        * Sorts outgoing edges at this node according to the given comparator.
-       * @param {yfiles.collections.IComparer.<Object>} c
+       * @param c
        * @see yfiles.algorithms.Node#sortInEdges
        */
       sortOutEdges(c:yfiles.collections.IComparer<Object>):void;
@@ -77627,7 +79567,7 @@ declare namespace system{
     }
     /**
      * Specialized list implementation for instances of type {@link yfiles.algorithms.Node}.
-     * @class yfiles.algorithms.NodeList
+     * @class
      * @extends {yfiles.algorithms.YList}
      * @implements {yfiles.collections.IEnumerable.<yfiles.algorithms.Node>}
      */
@@ -77635,69 +79575,63 @@ declare namespace system{
     export class NodeList {
       /**
        * Creates a list that is initialized with the entries of the given list.
-       * @param {yfiles.algorithms.NodeList} list the values are added to the new list
-       * @constructor
+       * @param list the values are added to the new list
        */
       constructor(list:yfiles.algorithms.NodeList);
       /**
        * Creates a list that is initialized with a single node provided.
-       * @param {yfiles.algorithms.Node} v
-       * @constructor
+       * @param v
        */
       constructor(v:yfiles.algorithms.Node);
       /**
        * Creates a list that is initialized with the nodes provided by the given array of nodes.
-       * @param {Array.<yfiles.algorithms.Node>} a
-       * @constructor
+       * @param a
        */
       constructor(a:yfiles.algorithms.Node[]);
       /**
        * Creates a list that is initialized with those nodes from the given NodeCursor object for which the given data provider
        * returns <code>true</code> upon calling its {@link yfiles.algorithms.IDataProvider#getBoolean getBool} method.
-       * @param {yfiles.algorithms.INodeCursor} nc A node cursor providing nodes that should be added to this list.
-       * @param {yfiles.algorithms.IDataProvider} predicate A data provider that acts as a inclusion predicate for each node accessible by the given node cursor.
-       * @constructor
+       * @param nc A node cursor providing nodes that should be added to this list.
+       * @param predicate A data provider that acts as a inclusion predicate for each node accessible by the given node cursor.
        */
       constructor(nc:yfiles.algorithms.INodeCursor,predicate:yfiles.algorithms.IDataProvider);
       /**
        * Creates a list that is initialized with the nodes provided by the given NodeCursor object.
-       * @param {yfiles.algorithms.INodeCursor} c
-       * @constructor
+       * @param c
        */
       constructor(c:yfiles.algorithms.INodeCursor);
       /**
        * Creates an empty node list.
-       * @constructor
        */
       constructor();
       /**
        * Returns the first node in this list, or <code>null</code> when the list is empty.
-       * @returns {yfiles.algorithms.Node} The first node in the list.
+       * @returns The first node in the list.
        */
       firstNode():yfiles.algorithms.Node;
       /**
        * Returns an enumerator for this collection.
-       * @returns {yfiles.collections.IEnumerator.<yfiles.algorithms.Node>} 
+       * @returns 
        */
       getEnumerator():yfiles.collections.IEnumerator<yfiles.algorithms.Node>;
       /**
        * Returns the last node in this list, or <code>null</code> when the list is empty.
-       * @returns {yfiles.algorithms.Node} The last node in the list.
+       * @returns The last node in the list.
        */
       lastNode():yfiles.algorithms.Node;
       /**
        * Returns a node cursor for this node list.
-       * @returns {yfiles.algorithms.INodeCursor} A node cursor granting access to the nodes within this list.
+       * @returns A node cursor granting access to the nodes within this list.
        */
       nodes():yfiles.algorithms.INodeCursor;
       /**
        * Removes the first node from this list and returns it.
-       * @returns {yfiles.algorithms.Node} The first node from the list.
+       * @returns The first node from the list.
        */
       popNode():yfiles.algorithms.Node;
       /**
        * Returns a node array containing all elements of this list in the canonical order.
-       * @returns {Array.<yfiles.algorithms.Node>} 
+       * @returns 
        */
       toNodeArray():yfiles.algorithms.Node[];
       static $class:yfiles.lang.Class;
@@ -77715,7 +79649,7 @@ declare namespace system{
      * <li>A <b>DFS completion ordering</b> of the nodes of a graph is a node ordering identical to the order of node completion events in a {@link yfiles.algorithms.Dfs depth first search}.</li>
      * <li>An <b>st-ordering</b> <code>(v_1,v_2,....,v_n)</code> of a biconnected graph is a node ordering which guarantees that:</li>
      * </ul>
-     * @class yfiles.algorithms.NodeOrders
+     * @class
      * @static
      */
     export interface NodeOrders extends Object{}
@@ -77725,8 +79659,8 @@ declare namespace system{
        * <p>
        * This ordering is a reversed topological ordering in case the input graph is acyclic.
        * </p>
-       * @param {yfiles.algorithms.Graph} graph the input graph
-       * @param {Array.<number>} order an array of {@link number}s that returns for each {@link yfiles.algorithms.Node} <code>v</code>, its zero-based index within the calculated ordering, i.e.,
+       * @param graph the input graph
+       * @param order an array of {@link }s that returns for each {@link } <code>v</code>, its zero-based index within the calculated ordering, i.e.,
        * <code>order[v.index()] == 5</code> means that <code>v</code> is the <code>6</code>-th node within the ordering
        * @see yfiles.algorithms.NodeOrders#topological
        * @see yfiles.algorithms.NodeOrders#dfsCompletion
@@ -77741,8 +79675,8 @@ declare namespace system{
        * <p>
        * This ordering is a reversed topological ordering in case the input graph is acyclic.
        * </p>
-       * @param {yfiles.algorithms.Graph} graph the input graph
-       * @returns {yfiles.algorithms.NodeList} a {@link yfiles.algorithms.NodeList} containing the nodes of the graph in the order identical to the order of node completion
+       * @param graph the input graph
+       * @returns a {@link } containing the nodes of the graph in the order identical to the order of node completion
        * events in a depth first search
        * @see yfiles.algorithms.NodeOrders#topological
        * @see yfiles.algorithms.NodeOrders#dfsCompletion
@@ -77758,10 +79692,11 @@ declare namespace system{
        * <li>Source node <code>s</code> and sink node <code>t</code> are connected by an edge.</li>
        * <li>For each node <code>v_i</code> in the ordering other than <code>s</code> or <code>t</code>, there are neighbors <code>v_j</code> and <code>v_k</code> with <code>j &lt; i</code> and <code>k > i</code>.</li>
        * </ul>
-       * @param {yfiles.algorithms.Graph} graph the input graph
-       * @param {Array.<number>} stOrder an array of {@link number}s that will be filled during the execution and returns for each {@link yfiles.algorithms.Node} <code>v</code>, its zero-based
+       * @param graph the input graph
+       * @param stOrder an array of {@link }s that will be filled during the execution and returns for each {@link } <code>v</code>, its zero-based
        * index within the calculated ordering, i.e., <code>stOrder[v.index()] == 5</code> means that <code>v</code> is the <code>6</code>-th node within the ordering
-       * @param {yfiles.algorithms.Edge} [stEdge=null] an {@link yfiles.algorithms.Edge} that connects source node <code>s</code> and sink node <code>t</code>
+       * @param [stEdge=null] an {@link } that connects source node <code>s</code> and sink node <code>t</code>
+       * @see yfiles.algorithms.NodeOrders#st
        * @see yfiles.algorithms.NodeOrders#st
        * @static
        */
@@ -77769,7 +79704,7 @@ declare namespace system{
       /**
        * Assigns an <code>st</code>-ordering to the nodes of a biconnected graph.
        * <p>
-       * Like St but the result is returned as a {@link yfiles.algorithms.NodeList}.
+       * Like {@link yfiles.algorithms.NodeOrders#st} but the result is returned as a {@link yfiles.algorithms.NodeList}.
        * </p>
        * <p>
        * An <b><code>st</code>-ordering</b> <code>(v_1,v_2,....,v_n)</code> of a biconnected graph is a node ordering which guarantees that:
@@ -77778,8 +79713,8 @@ declare namespace system{
        * <li>Source node <code>s</code> and sink node <code>t</code> are connected by an edge.</li>
        * <li>For each node <code>v_i</code> in the ordering other than <code>s</code> or <code>t</code>, there are neighbors <code>v_j</code> and <code>v_k</code> with <code>j &lt; i</code> and <code>k > i</code>.</li>
        * </ul>
-       * @param {yfiles.algorithms.Graph} graph the input graph
-       * @returns {yfiles.algorithms.NodeList} a {@link yfiles.algorithms.NodeList} containing the nodes of the graph in the order defined by the <code>st</code>-ordering
+       * @param graph the input graph
+       * @returns a {@link } containing the nodes of the graph in the order defined by the <code>st</code>-ordering
        * @see yfiles.algorithms.NodeOrders#st
        * @static
        */
@@ -77787,20 +79722,20 @@ declare namespace system{
       /**
        * Converts an array-based result returned by a method of this class to a {@link yfiles.algorithms.NodeList} that contains all
        * nodes in the order provided by the given array.
-       * @param {yfiles.algorithms.Graph} graph the input graph
-       * @param {Array.<number>} order an array of {@link number}s that will be filled during the execution and returns for each {@link yfiles.algorithms.Node} <code>v</code>, its zero-based
+       * @param graph the input graph
+       * @param order an array of {@link }s that will be filled during the execution and returns for each {@link } <code>v</code>, its zero-based
        * index within the calculated ordering, i.e., <code>order[v.index()] == 5</code> means that <code>v</code> is the <code>6</code>-th node within the ordering
-       * @returns {yfiles.algorithms.NodeList} a {@link yfiles.algorithms.NodeList} containing the nodes of the graph in the order provided by the given array
+       * @returns a {@link } containing the nodes of the graph in the order provided by the given array
        * @static
        */
       static toNodeList(graph:yfiles.algorithms.Graph,order:number[]):yfiles.algorithms.NodeList;
       /**
        * Copies an array-based result returned by a method of this class to a {@link yfiles.algorithms.INodeMap} that will provide values
        * of basic type <code>int</code>.
-       * @param {yfiles.algorithms.Graph} graph the input graph
-       * @param {Array.<number>} order an array of {@link number}s that returns for each {@link yfiles.algorithms.Node} <code>v</code>, its zero-based index within the calculated ordering, i.e.,
+       * @param graph the input graph
+       * @param order an array of {@link }s that returns for each {@link } <code>v</code>, its zero-based index within the calculated ordering, i.e.,
        * <code>order[v.index()] == 5</code> means that <code>v</code> is the <code>6</code>-th node within the ordering
-       * @param {yfiles.algorithms.INodeMap} result the {@link yfiles.algorithms.INodeMap} that will be filled during the execution with the zero-based index of each node within
+       * @param result the {@link } that will be filled during the execution with the zero-based index of each node within
        * the calculated ordering
        * @static
        */
@@ -77808,8 +79743,8 @@ declare namespace system{
       /**
        * Copies a {@link yfiles.algorithms.NodeList}-based result returned by a method of this class to a {@link yfiles.algorithms.INodeMap} that
        * will provide values of basic type <code>int</code>.
-       * @param {yfiles.algorithms.NodeList} order a {@link yfiles.algorithms.NodeList} containing the nodes of the graph in the appropriate order
-       * @param {yfiles.algorithms.INodeMap} result the {@link yfiles.algorithms.INodeMap} that will be filled during the execution with the zero-based index of each node within
+       * @param order a {@link } containing the nodes of the graph in the appropriate order
+       * @param result the {@link } that will be filled during the execution with the zero-based index of each node within
        * the calculated ordering
        * @static
        */
@@ -77820,18 +79755,18 @@ declare namespace system{
        * A topological ordering of the nodes of a directed graph is a linear ordering of the nodes such that for each directed
        * edge <code>(u,v)</code>, node <code>u</code> lies before <code>v</code> in the ordering.
        * </p>
-       * @param {yfiles.algorithms.Graph} graph the input graph
-       * @param {Array.<number>} order an array of {@link number}s that will be filled during the execution and returns for each {@link yfiles.algorithms.Node} <code>v</code>, its zero-based
+       * @param graph the input graph
+       * @param order an array of {@link }s that will be filled during the execution and returns for each {@link } <code>v</code>, its zero-based
        * index within the calculated ordering, i.e., <code>order[v.index()] == 5</code> means that <code>v</code> is the <code>6</code>-th node within the ordering
-       * @returns {boolean} <code>true</code> if the graph is acyclic, <code>false</code> otherwise
+       * @returns <code>true</code> if the graph is acyclic, <code>false</code> otherwise
        * @see yfiles.algorithms.NodeOrders#topological
        * @static
        */
       static topological(graph:yfiles.algorithms.Graph,order:number[]):boolean;
       /**
        * Returns a topological ordering of the nodes of a directed acyclic graph.
-       * @param {yfiles.algorithms.Graph} graph the input graph
-       * @returns {yfiles.algorithms.NodeList} a {@link yfiles.algorithms.NodeList} containing the nodes of the graph in the order they appear in the topological ordering
+       * @param graph the input graph
+       * @returns a {@link } containing the nodes of the graph in the order they appear in the topological ordering
        * @throws {Stubs.Exceptions.ArgumentError} if the graph is cyclic
        * @see yfiles.algorithms.NodeOrders#topological
        * @static
@@ -77856,7 +79791,7 @@ declare namespace system{
      * <code>NP</code>-hard for undirected graphs, but can be solved in linear time for directed acyclic graphs.
      * </li>
      * </ul>
-     * @class yfiles.algorithms.Paths
+     * @class
      * @static
      */
     export interface Paths extends Object{}
@@ -77867,8 +79802,8 @@ declare namespace system{
        * The returned node path has length <code>path.size()+1</code>, if the given path is not empty. Otherwise, the returned path will be
        * empty. The <code>i</code>-th node in the returned path will be either source or target node of the <code>i</code>-th edge in the given path.
        * </p>
-       * @param {yfiles.algorithms.EdgeList} path the given {@link yfiles.algorithms.EdgeList path of edges}
-       * @returns {yfiles.algorithms.NodeList} a {@link yfiles.algorithms.NodeList path of nodes} from the given {@link yfiles.algorithms.EdgeList path of edges}
+       * @param path the given {@link  path of edges}
+       * @returns a {@link  path of nodes} from the given {@link  path of edges}
        * @static
        */
       static constructNodePath(path:yfiles.algorithms.EdgeList):yfiles.algorithms.NodeList;
@@ -77880,9 +79815,9 @@ declare namespace system{
        * <p>
        * The internal nodes on directed chains all have in-degree <code>1</code> and out-degree <code>1</code>.
        * </p>
-       * @param {yfiles.algorithms.Graph} graph the input graph
-       * @param {boolean} directed <code>true</code> if the chain should be considered as directed, <code>false</code> otherwise
-       * @returns {Array.<yfiles.algorithms.EdgeList>} an array of {@link yfiles.algorithms.EdgeList}s each of which contains the edges (at least two) that make up a chain
+       * @param graph the input graph
+       * @param directed <code>true</code> if the chain should be considered as directed, <code>false</code> otherwise
+       * @returns an array of {@link }s each of which contains the edges (at least two) that make up a chain
        * @see yfiles.algorithms.Paths#constructNodePath
        * @static
        */
@@ -77890,31 +79825,31 @@ declare namespace system{
       /**
        * A variant of {@link yfiles.algorithms.Paths#findAllPaths} which returns all simple directed or undirected paths between two
        * given nodes and, additionally, allows to specify a filter for the paths to be returned.
-       * @param {yfiles.algorithms.Graph} graph the input graph
-       * @param {yfiles.algorithms.Node} startNode the given start node
-       * @param {yfiles.algorithms.Node} endNode the given end node
-       * @param {boolean} directed <code>true</code> if the path should be considered as directed, <code>false</code> otherwise
-       * @param {function(yfiles.algorithms.EdgeList): boolean} filter a predicate that accepts or rejects a found {@link yfiles.algorithms.EdgeList} and adds it to the result
-       * @returns {Array.<yfiles.algorithms.EdgeList>} an array of {@link yfiles.algorithms.EdgeList}s each of which represents a path between the start and end node.
+       * @param graph the input graph
+       * @param startNode the given start node
+       * @param endNode the given end node
+       * @param directed <code>true</code> if the path should be considered as directed, <code>false</code> otherwise
+       * @param filter a predicate that accepts or rejects a found {@link } and adds it to the result
+       * @returns an array of {@link }s each of which represents a path between the start and end node.
        * @static
        */
       static findAllPaths(graph:yfiles.algorithms.Graph,startNode:yfiles.algorithms.Node,endNode:yfiles.algorithms.Node,directed:boolean,filter:(obj:yfiles.algorithms.EdgeList)=>boolean):yfiles.algorithms.EdgeList[];
       /**
        * Returns all simple directed or undirected paths that connect a <code>start</code> node with an <code>end</code> node.
-       * @param {yfiles.algorithms.Graph} graph the input graph
-       * @param {yfiles.algorithms.Node} startNode the given start node
-       * @param {yfiles.algorithms.Node} endNode the given end node
-       * @param {boolean} directed <code>true</code> if the path should be considered as directed, <code>false</code> otherwise
-       * @returns {Array.<yfiles.algorithms.EdgeList>} an array of {@link yfiles.algorithms.EdgeList}s each of which represents a path between the start and end node
+       * @param graph the input graph
+       * @param startNode the given start node
+       * @param endNode the given end node
+       * @param directed <code>true</code> if the path should be considered as directed, <code>false</code> otherwise
+       * @returns an array of {@link }s each of which represents a path between the start and end node
        * @static
        */
       static findAllPaths(graph:yfiles.algorithms.Graph,startNode:yfiles.algorithms.Node,endNode:yfiles.algorithms.Node,directed:boolean):yfiles.algorithms.EdgeList[];
       /**
        * Finds all edges that belong to a directed path from a <code>start</code> node to an <code>end</code> node.
-       * @param {yfiles.algorithms.Graph} graph the input graph
-       * @param {yfiles.algorithms.Node} startNode the given start node
-       * @param {yfiles.algorithms.Node} endNode the given end node
-       * @param {yfiles.algorithms.IEdgeMap} pathEdges the {@link yfiles.algorithms.IEdgeMap} that will be filled during the execution with a boolean value indicating whether or not
+       * @param graph the input graph
+       * @param startNode the given start node
+       * @param endNode the given end node
+       * @param pathEdges the {@link } that will be filled during the execution with a boolean value indicating whether or not
        * an edge belongs to a path connecting the two given nodes
        * @static
        */
@@ -77926,11 +79861,11 @@ declare namespace system{
        * <p>
        * The returned cursor only supports the operation {@link yfiles.algorithms.ICursor#ok}, {@link yfiles.algorithms.ICursor#current}, {@link yfiles.algorithms.ICursor#size} and {@link yfiles.algorithms.ICursor#next}.
        * </p>
-       * @param {yfiles.algorithms.Graph} graph the input graph
-       * @param {yfiles.algorithms.Node} startNode the given start node
-       * @param {yfiles.algorithms.Node} endNode the given end node
-       * @param {boolean} directed <code>true</code> if the path should be considered as directed, <code>false</code> otherwise
-       * @returns {yfiles.algorithms.ICursor} a {@link yfiles.algorithms.ICursor} that calculates the next path in the sequence
+       * @param graph the input graph
+       * @param startNode the given start node
+       * @param endNode the given end node
+       * @param directed <code>true</code> if the path should be considered as directed, <code>false</code> otherwise
+       * @returns a {@link } that calculates the next path in the sequence
        * @static
        */
       static findAllPathsCursor(graph:yfiles.algorithms.Graph,startNode:yfiles.algorithms.Node,endNode:yfiles.algorithms.Node,directed:boolean):yfiles.algorithms.ICursor;
@@ -77940,20 +79875,20 @@ declare namespace system{
        * All edges of the graph have an integral length associated with them. The longest path is defined as one of all directed
        * paths within the graph for which the edge lengths of all contained edges sum up to a maximum.
        * </p>
-       * @param {yfiles.algorithms.Graph} graph a directed acyclic graph
-       * @param {yfiles.algorithms.IDataProvider} [edgeLength=null] the {@link yfiles.algorithms.IDataProvider} that returns the non-negative integer length of each edge
-       * @returns {yfiles.algorithms.EdgeList} an {@link yfiles.algorithms.EdgeList} containing the edges of the longest directed path
+       * @param graph a directed acyclic graph
+       * @param [edgeLength=null] the {@link } that returns the non-negative integer length of each edge
+       * @returns an {@link } containing the edges of the longest directed path
        * @static
        */
       static findLongestPath(graph:yfiles.algorithms.Graph,edgeLength?:yfiles.algorithms.IDataProvider):yfiles.algorithms.EdgeList;
       /**
        * Calculates the longest path from a given node to all other node in a given directed acyclic graph.
-       * @param {yfiles.algorithms.Graph} graph a directed acyclic graph
-       * @param {yfiles.algorithms.Node} startNode the node for which the distances are calculated
-       * @param {yfiles.algorithms.IEdgeMap} dist the {@link yfiles.algorithms.IEdgeMap} that returns the distance (i.e. weight) of type double for each edge
-       * @param {yfiles.algorithms.INodeMap} maxDist the {@link yfiles.algorithms.INodeMap} that will be filled during the execution and holds the maximum distance between the given
+       * @param graph a directed acyclic graph
+       * @param startNode the node for which the distances are calculated
+       * @param dist the {@link } that returns the distance (i.e. weight) of type double for each edge
+       * @param maxDist the {@link } that will be filled during the execution and holds the maximum distance between the given
        * node and all other nodes
-       * @param {yfiles.algorithms.IEdgeMap} predicate the {@link yfiles.algorithms.IEdgeMap} that returns a boolean value indicating whether or not an edge should be considered
+       * @param predicate the {@link } that returns a boolean value indicating whether or not an edge should be considered
        * during the path search
        * @static
        */
@@ -77967,20 +79902,20 @@ declare namespace system{
        * A heuristic is used for finding a path that is long. It is not guaranteed, though, that the returned path is actually
        * the longest path within the given graph, since that is a well known hard problem.
        * </p>
-       * @param {yfiles.algorithms.Graph} graph the given graph
-       * @returns {yfiles.algorithms.EdgeList} an {@link yfiles.algorithms.EdgeList} containing the edges of an undirected simple path
+       * @param graph the given graph
+       * @returns an {@link } containing the edges of an undirected simple path
        * @static
        */
       static findLongPath(graph:yfiles.algorithms.Graph):yfiles.algorithms.EdgeList;
       /**
        * Returns whether or not a directed path from a start node to another node in an acyclic graph exists.
-       * @param {yfiles.algorithms.Graph} graph an acyclic graph which contains the two nodes
-       * @param {yfiles.algorithms.NodeList} topSort a {@link yfiles.algorithms.NodeList list} of nodes sorted in topological order
-       * @param {yfiles.algorithms.IEdgeMap} predicate the {@link yfiles.algorithms.IEdgeMap} that returns a boolean value indicating whether or not an edge should be considered
+       * @param graph an acyclic graph which contains the two nodes
+       * @param topSort a {@link  list} of nodes sorted in topological order
+       * @param predicate the {@link } that returns a boolean value indicating whether or not an edge should be considered
        * during the path search
-       * @param {yfiles.algorithms.Node} startNode
-       * @param {yfiles.algorithms.Node} endNode
-       * @returns {boolean} <code>true</code> if a directed path from a start node to another node exists, <code>false</code> otherwise
+       * @param startNode
+       * @param endNode
+       * @returns <code>true</code> if a directed path from a start node to another node exists, <code>false</code> otherwise
        * @static
        */
       static findPath(graph:yfiles.algorithms.Graph,topSort:yfiles.algorithms.NodeList,startNode:yfiles.algorithms.Node,endNode:yfiles.algorithms.Node,predicate:yfiles.algorithms.IEdgeMap):boolean;
@@ -77991,11 +79926,11 @@ declare namespace system{
        * The edges are returned in the order that they appear in the found path. If the returned path is empty, no path between
        * the given nodes was found.
        * </p>
-       * @param {yfiles.algorithms.Graph} graph the input graph
-       * @param {yfiles.algorithms.Node} startNode the first node of the path
-       * @param {yfiles.algorithms.Node} endNode the last node of the path
-       * @param {boolean} directed <code>true</code> if the path should be directed, <code>false</code> otherwise
-       * @returns {yfiles.algorithms.EdgeList} an {@link yfiles.algorithms.EdgeList} containing the path edges between the start node and the end node
+       * @param graph the input graph
+       * @param startNode the first node of the path
+       * @param endNode the last node of the path
+       * @param directed <code>true</code> if the path should be directed, <code>false</code> otherwise
+       * @returns an {@link } containing the path edges between the start node and the end node
        * @static
        */
       static findPath(graph:yfiles.algorithms.Graph,startNode:yfiles.algorithms.Node,endNode:yfiles.algorithms.Node,directed:boolean):yfiles.algorithms.EdgeList;
@@ -78007,46 +79942,45 @@ declare namespace system{
      * A planar embedding is represented by a {@link yfiles.algorithms.PlanarEmbedding#faces list of faces}. Each face is represented by a list of {@link yfiles.algorithms.Dart darts} which describe the
      * border of the face.
      * </p>
-     * @class yfiles.algorithms.PlanarEmbedding
+     * @class
      * @final
      */
     export interface PlanarEmbedding extends Object{}
     export class PlanarEmbedding {
       /**
        * Creates a new embedding for the specified planar graph.
-       * @param {yfiles.algorithms.Graph} graph a planar graph
+       * @param graph a planar graph
        * @throws {Stubs.Exceptions.ArgumentError} if the specified graph is not planar
-       * @constructor
        */
       constructor(graph:yfiles.algorithms.Graph);
       /**
        * Returns the cyclic next dart of the given dart.
-       * @param {yfiles.algorithms.Dart} dart a dart
-       * @returns {yfiles.algorithms.Dart} the cyclic next dart of the given dart
+       * @param dart a dart
+       * @returns the cyclic next dart of the given dart
        */
       getCyclicNext(dart:yfiles.algorithms.Dart):yfiles.algorithms.Dart;
       /**
        * Returns the cyclic previous dart of the given dart.
-       * @param {yfiles.algorithms.Dart} dart a dart
-       * @returns {yfiles.algorithms.Dart} the cyclic previous dart of the given dart
+       * @param dart a dart
+       * @returns the cyclic previous dart of the given dart
        */
       getCyclicPrevious(dart:yfiles.algorithms.Dart):yfiles.algorithms.Dart;
       /**
        * Returns the two darts associated with the given edge.
-       * @param {yfiles.algorithms.Edge} edge an edge
-       * @returns {Array.<yfiles.algorithms.Dart>} the two darts associated with the given edge
+       * @param edge an edge
+       * @returns the two darts associated with the given edge
        */
       getDarts(edge:yfiles.algorithms.Edge):yfiles.algorithms.Dart[];
       /**
        * Returns a {@link yfiles.collections.IList.<T>} containing the (cyclic ordered) outgoing darts of the specified node.
-       * @param {yfiles.algorithms.Node} node a node
-       * @returns {yfiles.collections.IList.<yfiles.algorithms.Dart>} a {@link yfiles.collections.IList.<T>} containing the (cyclic ordered) outgoing darts
+       * @param node a node
+       * @returns a {@link } containing the (cyclic ordered) outgoing darts
        */
       getOutgoingDarts(node:yfiles.algorithms.Node):yfiles.collections.IList<yfiles.algorithms.Dart>;
       /**
        * Return whether or not the given graph is planar.
-       * @param {yfiles.algorithms.Graph} graph the input graph
-       * @returns {boolean} <code>true</code> if the given graph is planar, <code>false</code> otherwise
+       * @param graph the input graph
+       * @returns <code>true</code> if the given graph is planar, <code>false</code> otherwise
        * @static
        */
       static isPlanar(graph:yfiles.algorithms.Graph):boolean;
@@ -78079,7 +80013,7 @@ declare namespace system{
      * <li><code>rank(v) - rank(w) >= length(v,w)</code>, for all <code>(v,w)</code> in <code>E</code> and,</li>
      * <li>the sum <code>∑(weight(v,w) * (rank(v) - rank(w)))</code> over all <code>(v,w)</code> in <code>E</code> is minimized.</li>
      * </ul>
-     * @class yfiles.algorithms.RankAssignments
+     * @class
      * @static
      */
     export interface RankAssignments extends Object{}
@@ -78090,12 +80024,12 @@ declare namespace system{
        * <p>
        * Minimum edge length and weights should be non-negative.
        * </p>
-       * @param {yfiles.algorithms.Graph} graph the input graph in which all the edges have directions, such that <code>rank[source] &lt; rank[target]</code> and
+       * @param graph the input graph in which all the edges have directions, such that <code>rank[source] &lt; rank[target]</code> and
        * <code>rank[target] - rank[source] >= minlength[edge]</code>
-       * @param {Array.<number>} rank an array that will be filled with the ranking <code>r</code> of each node <code>v</code> such that <code>rank[v.index] == r</code>
-       * @param {Array.<number>} minLength an array holding a non-negative value <code>len</code> of each edge <code>e</code> such that <code>minLength[e.index] == len</code>
-       * @param {number} [maximalDuration=0x7FFFFFFFFFFFFFFF] a preferred time limit for the algorithm (in milliseconds)
-       * @returns {number} the number of layers
+       * @param rank an array that will be filled with the ranking <code>r</code> of each node <code>v</code> such that <code>rank[v.index] == r</code>
+       * @param minLength an array holding a non-negative value <code>len</code> of each edge <code>e</code> such that <code>minLength[e.index] == len</code>
+       * @param [maximalDuration=0x7FFFFFFFFFFFFFFF] a preferred time limit for the algorithm (in milliseconds)
+       * @returns the number of layers
        * @see yfiles.algorithms.RankAssignments#simple
        * @static
        */
@@ -78111,31 +80045,33 @@ declare namespace system{
        * <p>
        * Minimum edge length and weights should be non-negative.
        * </p>
-       * @param {yfiles.algorithms.Graph} graph the input graph in which all the edges have directions, such that <code>rank[source] &lt; rank[target]</code> and
+       * @param graph the input graph in which all the edges have directions, such that <code>rank[source] &lt; rank[target]</code> and
        * <code>rank[target] - rank[source] >= minlength[edge]</code>
-       * @param {yfiles.algorithms.INodeMap} rank the {@link yfiles.algorithms.INodeMap} that will be filled during the execution and returns the integer ranking of each node
-       * @param {yfiles.algorithms.IEdgeMap} minLength the {@link yfiles.algorithms.IEdgeMap} that returns an integer value (minimum/tight length) of each edge
-       * @param {number} [maximalDuration=0x7FFFFFFFFFFFFFFF] a preferred time limit for the algorithm (in milliseconds)
-       * @returns {number} 
+       * @param rank the {@link } that will be filled during the execution and returns the integer ranking of each node
+       * @param minLength the {@link } that returns an integer value (minimum/tight length) of each edge
+       * @param [maximalDuration=0x7FFFFFFFFFFFFFFF] a preferred time limit for the algorithm (in milliseconds)
+       * @returns 
        * @see yfiles.algorithms.RankAssignments#simple
        * @static
        */
       static simple(graph:yfiles.algorithms.Graph,rank:yfiles.algorithms.INodeMap,minLength:yfiles.algorithms.IEdgeMap,maximalDuration?:number):number;
       /**
-       * Similar to Simplex but, additionally, it is possible to provide a valid initial tree solution for the problem.
+       * Similar to {@link yfiles.algorithms.RankAssignments#simplex} but, additionally, it is possible to provide a valid initial tree
+       * solution for the problem.
        * <p>
        * Minimum edge length and weights should be non-negative.
        * </p>
-       * @param {yfiles.algorithms.Graph} graph the given graph
-       * @param {yfiles.algorithms.INodeMap} layer the {@link yfiles.algorithms.INodeMap} that will be filled during the execution and returns the zero-based ranking index for
+       * @param graph the given graph
+       * @param layer the {@link } that will be filled during the execution and returns the zero-based ranking index for
        * each node
-       * @param {yfiles.algorithms.IDataProvider} w the {@link yfiles.algorithms.IDataProvider} that returns an integer value (weight) of each edge
-       * @param {yfiles.algorithms.IDataProvider} minLength the {@link yfiles.algorithms.IDataProvider} that returns an integer value (minimum length) of each edge
-       * @param {yfiles.algorithms.IEdgeMap} tree the {@link yfiles.algorithms.IEdgeMap} that returns a boolean value indicating whether or not an edge is a tree edge
-       * @param {yfiles.algorithms.Node} _root the given root node of the tree solution
-       * @param {boolean} validRanking <code>true</code> if the argument <code>layer</code> contains a valid ranking, <code>false</code> otherwise
-       * @param {number} [maximalDuration=0x7FFFFFFFFFFFFFFF] a preferred time limit for the algorithm (in milliseconds)
-       * @returns {number} the number of layers
+       * @param w the {@link } that returns an integer value (weight) of each edge
+       * @param minLength the {@link } that returns an integer value (minimum length) of each edge
+       * @param tree the {@link } that returns a boolean value indicating whether or not an edge is a tree edge
+       * @param _root the given root node of the tree solution
+       * @param validRanking <code>true</code> if the argument <code>layer</code> contains a valid ranking, <code>false</code> otherwise
+       * @param [maximalDuration=0x7FFFFFFFFFFFFFFF] a preferred time limit for the algorithm (in milliseconds)
+       * @returns the number of layers
+       * @see yfiles.algorithms.RankAssignments#simplex
        * @see yfiles.algorithms.RankAssignments#simplex
        * @static
        */
@@ -78157,13 +80093,14 @@ declare namespace system{
        * <p>
        * Minimum edge length and weights should be non-negative.
        * </p>
-       * @param {yfiles.algorithms.Graph} graph the given graph
-       * @param {yfiles.algorithms.INodeMap} layer the {@link yfiles.algorithms.INodeMap} that will be filled during the execution and returns the zero-based ranking index for
+       * @param graph the given graph
+       * @param layer the {@link } that will be filled during the execution and returns the zero-based ranking index for
        * each node
-       * @param {yfiles.algorithms.IDataProvider} w the {@link yfiles.algorithms.IDataProvider} that returns an integer value (weight) of each edge
-       * @param {yfiles.algorithms.IDataProvider} minLength the {@link yfiles.algorithms.IDataProvider} that returns an integer value (minimum length) of each edge
-       * @param {number} [maximalDuration=0x7FFFFFFFFFFFFFFF] a preferred time limit for the algorithm (in milliseconds)
-       * @returns {number} the number of layers
+       * @param w the {@link } that returns an integer value (weight) of each edge
+       * @param minLength the {@link } that returns an integer value (minimum length) of each edge
+       * @param [maximalDuration=0x7FFFFFFFFFFFFFFF] a preferred time limit for the algorithm (in milliseconds)
+       * @returns the number of layers
+       * @see yfiles.algorithms.RankAssignments#simplex
        * @see yfiles.algorithms.RankAssignments#simplex
        * @static
        */
@@ -78186,7 +80123,7 @@ declare namespace system{
      * <li>The <b>all-pairs shortest path problem</b> is the problem of finding shortest paths between <b>every pair of
      * nodes</b> such that the sum of the edge costs is minimized.</li>
      * </ul>
-     * @class yfiles.algorithms.ShortestPaths
+     * @class
      * @static
      */
     export interface ShortestPaths extends Object{}
@@ -78199,16 +80136,16 @@ declare namespace system{
        * <p>
        * This method yields the shortest distance from a given node <code>s</code> to all other nodes.
        * </p>
-       * @param {yfiles.algorithms.Graph} graph the input graph
-       * @param {yfiles.algorithms.Node} s the node from which the shortest path search starts
-       * @param {Array.<number>} cost an array of double values that returns the costs for traversing each edge; edge <code>e</code> has cost <code>cost[e.index()]</code>
-       * @param {Array.<number>} dist an array of values that will be filled during the execution and returns the shortest distance from node <code>s</code> to all other
+       * @param graph the input graph
+       * @param s the node from which the shortest path search starts
+       * @param cost an array of double values that returns the costs for traversing each edge; edge <code>e</code> has cost <code>cost[e.index()]</code>
+       * @param dist an array of values that will be filled during the execution and returns the shortest distance from node <code>s</code> to all other
        * nodes. The distance from <code>s</code> to <code>v</code> is <code>dist[v.index()]</code>. If there is no path from <code>s</code> to <code>v</code>, then
        * <code>dist[v.index()] == Double.POSITIVE_INFINITY</code>.
-       * @param {Array.<yfiles.algorithms.Edge>} [pred=null] an array of {@link yfiles.algorithms.Edge}s that will be filled during the execution and returns for each node <code>t</code> the shortest
+       * @param [pred=null] an array of {@link }s that will be filled during the execution and returns for each node <code>t</code> the shortest
        * path edge <code>pred[t.index()]</code> which is the last edge on the shortest path from <code>s</code> to <code>t</code>. If <code>t == s</code> or if there is no shortest
        * path from <code>s</code> to <code>t</code>, then <code>pred[t.index()] == null</code>.
-       * @returns {boolean} <code>true</code> if the input graph is acyclic, <code>false</code> otherwise
+       * @returns <code>true</code> if the input graph is acyclic, <code>false</code> otherwise
        * @see yfiles.algorithms.ShortestPaths#acyclic
        * @see yfiles.algorithms.ShortestPaths#constructNodePath
        * @see yfiles.algorithms.ShortestPaths#constructEdgePath
@@ -78223,14 +80160,14 @@ declare namespace system{
        * <p>
        * This method yields the shortest distance from a given node <code>s</code> to all other nodes.
        * </p>
-       * @param {yfiles.algorithms.Graph} graph the input graph
-       * @param {yfiles.algorithms.Node} s the node from which the shortest path search starts
-       * @param {yfiles.algorithms.IDataProvider} cost the {@link yfiles.algorithms.IDataProvider} that returns the double value (cost) for traversing each edge
-       * @param {yfiles.algorithms.INodeMap} dist the {@link yfiles.algorithms.INodeMap} that will be filled during the execution and returns a double value (shortest distance)
-       * from node <code>s</code> to all other nodes or {@link number#POSITIVE_INFINITY} if no such paths exist
-       * @param {yfiles.algorithms.INodeMap} pred the {@link yfiles.algorithms.INodeMap} that will be filled during the execution and returns for each node <code>t</code> the last edge on the
+       * @param graph the input graph
+       * @param s the node from which the shortest path search starts
+       * @param cost the {@link } that returns the double value (cost) for traversing each edge
+       * @param dist the {@link } that will be filled during the execution and returns a double value (shortest distance)
+       * from node <code>s</code> to all other nodes or {@link #POSITIVE_INFINITY} if no such paths exist
+       * @param pred the {@link } that will be filled during the execution and returns for each node <code>t</code> the last edge on the
        * shortest path from <code>s</code> to <code>t</code> or <code>null</code> if <code>t == s</code> or no shortest path from <code>s</code> to <code>t</code> exists
-       * @returns {boolean} <code>true</code> if the input graph is acyclic, <code>false</code> otherwise
+       * @returns <code>true</code> if the input graph is acyclic, <code>false</code> otherwise
        * @see yfiles.algorithms.ShortestPaths#acyclic
        * @static
        */
@@ -78241,13 +80178,13 @@ declare namespace system{
        * If the given graph contains a negative-cost cycle, then <code>false</code> is returned and the values returned in <code>dist</code> are left
        * unspecified.
        * </p>
-       * @param {yfiles.algorithms.Graph} graph the input graph
-       * @param {boolean} directed <code>true</code> if the graph should be considered as directed, <code>false</code> otherwise
-       * @param {Array.<number>} cost an array of double values that returns the costs for traversing each edge; edge <code>e</code> has cost <code>cost[e.index()]</code>
-       * @param {Array.<Array.<number>>} dist an array of values that will be filled during the execution and returns the shortest path distances from all pairs of
+       * @param graph the input graph
+       * @param directed <code>true</code> if the graph should be considered as directed, <code>false</code> otherwise
+       * @param cost an array of double values that returns the costs for traversing each edge; edge <code>e</code> has cost <code>cost[e.index()]</code>
+       * @param dist an array of values that will be filled during the execution and returns the shortest path distances from all pairs of
        * nodes <code>s</code> and <code>t</code> in the graph. The distance from <code>s</code> to <code>t</code> is <code>dist[s.index()][t.index()]</code>. If there is no path from <code>s</code> to <code>t</code>,
        * then <code>dist[s.index()][t.index()] == Double.POSITIVE_INFINITY</code>.
-       * @returns {boolean} <code>true</code> if the given graph does not contain a negative-cost cycle, <code>false</code> otherwise
+       * @returns <code>true</code> if the given graph does not contain a negative-cost cycle, <code>false</code> otherwise
        * @static
        */
       static allPairs(graph:yfiles.algorithms.Graph,directed:boolean,cost:number[],dist:number[][]):boolean;
@@ -78261,15 +80198,15 @@ declare namespace system{
        * other nodes. If, on the other hand, the given graph contains negative-cost cycles, this method will yield no reasonable
        * result which will be indicated by the return value <code>false</code>.
        * </p>
-       * @param {yfiles.algorithms.Graph} graph the input graph
-       * @param {yfiles.algorithms.Node} s the source node
-       * @param {boolean} directed <code>true</code> if the graph should be considered as directed, <code>false</code> otherwise
-       * @param {yfiles.algorithms.IDataProvider} cost the {@link yfiles.algorithms.IDataProvider} that returns the double value (cost) for traversing each edge
-       * @param {yfiles.algorithms.INodeMap} dist the {@link yfiles.algorithms.INodeMap} that will be filled during the execution and returns a double value (shortest distance)
-       * from node <code>s</code> to all other nodes or {@link number#POSITIVE_INFINITY} if no such paths exist
-       * @param {yfiles.algorithms.INodeMap} pred the {@link yfiles.algorithms.INodeMap} that will be filled during the execution and returns for each node <code>t</code> the last edge on the
+       * @param graph the input graph
+       * @param s the source node
+       * @param directed <code>true</code> if the graph should be considered as directed, <code>false</code> otherwise
+       * @param cost the {@link } that returns the double value (cost) for traversing each edge
+       * @param dist the {@link } that will be filled during the execution and returns a double value (shortest distance)
+       * from node <code>s</code> to all other nodes or {@link #POSITIVE_INFINITY} if no such paths exist
+       * @param pred the {@link } that will be filled during the execution and returns for each node <code>t</code> the last edge on the
        * shortest path from <code>s</code> to <code>t</code> or <code>null</code> if <code>t == s</code> or no shortest path from <code>s</code> to <code>t</code> exists
-       * @returns {boolean} 
+       * @returns 
        * @see yfiles.algorithms.ShortestPaths#bellmanFord
        * @static
        */
@@ -78284,17 +80221,17 @@ declare namespace system{
        * other nodes. If, on the other hand, the given graph contains negative-cost cycles, this method will yield no reasonable
        * result which will be indicated by the return value <code>false</code>.
        * </p>
-       * @param {yfiles.algorithms.Graph} graph the input graph
-       * @param {yfiles.algorithms.Node} s the node from which the shortest path search starts
-       * @param {boolean} directed <code>true</code> if the graph should be considered as directed, <code>false</code> otherwise
-       * @param {Array.<number>} cost an array of double values that returns the costs for traversing each edge; edge <code>e</code> has cost <code>cost[e.index()]</code>
-       * @param {Array.<number>} dist an array of values that will be filled during the execution and returns the shortest distance from node <code>s</code> to all other
+       * @param graph the input graph
+       * @param s the node from which the shortest path search starts
+       * @param directed <code>true</code> if the graph should be considered as directed, <code>false</code> otherwise
+       * @param cost an array of double values that returns the costs for traversing each edge; edge <code>e</code> has cost <code>cost[e.index()]</code>
+       * @param dist an array of values that will be filled during the execution and returns the shortest distance from node <code>s</code> to all other
        * nodes. The distance from <code>s</code> to <code>v</code> is <code>dist[v.index()]</code>. If there is no path from <code>s</code> to <code>v</code>, then
        * <code>dist[v.index()] == Double.POSITIVE_INFINITY</code>.
-       * @param {Array.<yfiles.algorithms.Edge>} [pred=null] an array of {@link yfiles.algorithms.Edge}s that will be filled during the execution and returns for each node <code>t</code> the shortest
+       * @param [pred=null] an array of {@link }s that will be filled during the execution and returns for each node <code>t</code> the shortest
        * path edge <code>pred[t.index()]</code> which is the last edge on the shortest path from <code>s</code> to <code>t</code>. If <code>t == s</code> or if there is no shortest
        * path from <code>s</code> to <code>t</code>, then <code>pred[t.index()] == null</code>.
-       * @returns {boolean} 
+       * @returns 
        * @see yfiles.algorithms.ShortestPaths#constructNodePath
        * @see yfiles.algorithms.ShortestPaths#constructEdgePath
        * @see yfiles.algorithms.ShortestPaths#bellmanFord
@@ -78307,12 +80244,12 @@ declare namespace system{
        * <p>
        * If there is no path from node <code>s</code> to <code>t</code>, then an empty list is returned.
        * </p>
-       * @param {yfiles.algorithms.Node} s the start node of the shortest path which must be the same start node that was specified when <code>pred</code> was calculated
-       * @param {yfiles.algorithms.Node} t the target node of the path
-       * @param {Array.<yfiles.algorithms.Edge>} pred an array of {@link yfiles.algorithms.Edge}s that will be filled during the execution and returns for each node <code>t</code> the shortest
+       * @param s the start node of the shortest path which must be the same start node that was specified when <code>pred</code> was calculated
+       * @param t the target node of the path
+       * @param pred an array of {@link }s that will be filled during the execution and returns for each node <code>t</code> the shortest
        * path edge <code>pred[t.index()]</code> which is the last edge on the shortest path from <code>s</code> to <code>t</code>. If <code>t == s</code> or if there is no shortest
        * path from <code>s</code> to <code>t</code>, then <code>pred[t.index()] == null</code>.
-       * @returns {yfiles.algorithms.EdgeList} a {@link yfiles.algorithms.EdgeList list} containing the edges on the shortest path from <code>s</code> to <code>t</code> in the correct order
+       * @returns a {@link  list} containing the edges on the shortest path from <code>s</code> to <code>t</code> in the correct order
        * @see yfiles.algorithms.ShortestPaths#constructEdgePath
        * @static
        */
@@ -78323,11 +80260,11 @@ declare namespace system{
        * <p>
        * If there is no path from node <code>s</code> to <code>t</code>, then an empty list is returned.
        * </p>
-       * @param {yfiles.algorithms.Node} s the start node of the shortest path which must be the same start node that was specified when <code>pred</code> was calculated
-       * @param {yfiles.algorithms.Node} t the target node of the path
-       * @param {yfiles.algorithms.IDataProvider} pred the {@link yfiles.algorithms.INodeMap} that will be filled during the execution and returns for each node <code>t</code> the last edge on the
+       * @param s the start node of the shortest path which must be the same start node that was specified when <code>pred</code> was calculated
+       * @param t the target node of the path
+       * @param pred the {@link } that will be filled during the execution and returns for each node <code>t</code> the last edge on the
        * shortest path from <code>s</code> to <code>t</code> or <code>null</code> if <code>t == s</code> or no shortest path from <code>s</code> to <code>t</code> exists
-       * @returns {yfiles.algorithms.EdgeList} a {@link yfiles.algorithms.EdgeList list} containing the edges on the shortest path from <code>s</code> to <code>t</code> in the correct order
+       * @returns a {@link  list} containing the edges on the shortest path from <code>s</code> to <code>t</code> in the correct order
        * @see yfiles.algorithms.ShortestPaths#constructEdgePath
        * @static
        */
@@ -78338,12 +80275,12 @@ declare namespace system{
        * <p>
        * If there is no path from node <code>s</code> to <code>t</code>, then an empty list is returned.
        * </p>
-       * @param {yfiles.algorithms.Node} s the start node of the shortest path which must be the same start node that was specified when <code>pred</code> was calculated
-       * @param {yfiles.algorithms.Node} t the target node of the path
-       * @param {Array.<yfiles.algorithms.Edge>} pred an array of {@link yfiles.algorithms.Edge}s that will be filled during the execution and returns for each node <code>t</code> the shortest
+       * @param s the start node of the shortest path which must be the same start node that was specified when <code>pred</code> was calculated
+       * @param t the target node of the path
+       * @param pred an array of {@link }s that will be filled during the execution and returns for each node <code>t</code> the shortest
        * path edge <code>pred[t.index()]</code> which is the last edge on the shortest path from <code>s</code> to <code>t</code>. If <code>t == s</code> or if there is no shortest
        * path from <code>s</code> to <code>t</code>, then <code>pred[t.index()] == null</code>.
-       * @returns {yfiles.algorithms.NodeList} a {@link yfiles.algorithms.NodeList list} containing the nodes on the shortest path from <code>s</code> to <code>t</code> in the correct order
+       * @returns a {@link  list} containing the nodes on the shortest path from <code>s</code> to <code>t</code> in the correct order
        * @see yfiles.algorithms.ShortestPaths#constructNodePath
        * @static
        */
@@ -78354,11 +80291,11 @@ declare namespace system{
        * <p>
        * If there is no path from node <code>s</code> to <code>t</code>, then an empty list is returned.
        * </p>
-       * @param {yfiles.algorithms.Node} s the start node of the shortest path which must be the same start node that was specified when <code>pred</code> was calculated
-       * @param {yfiles.algorithms.Node} t the target node of the path
-       * @param {yfiles.algorithms.IDataProvider} pred the {@link yfiles.algorithms.INodeMap} that will be filled during the execution and returns for each node <code>t</code> the last edge on the
+       * @param s the start node of the shortest path which must be the same start node that was specified when <code>pred</code> was calculated
+       * @param t the target node of the path
+       * @param pred the {@link } that will be filled during the execution and returns for each node <code>t</code> the last edge on the
        * shortest path from <code>s</code> to <code>t</code> or <code>null</code> if <code>t == s</code> or no shortest path from <code>s</code> to <code>t</code> exists
-       * @returns {yfiles.algorithms.NodeList} a {@link yfiles.algorithms.NodeList list} containing the nodes on the shortest path from <code>s</code> to <code>t</code> in the correct order
+       * @returns a {@link  list} containing the nodes on the shortest path from <code>s</code> to <code>t</code> in the correct order
        * @see yfiles.algorithms.ShortestPaths#constructNodePath
        * @static
        */
@@ -78374,14 +80311,14 @@ declare namespace system{
        * <p>
        * The costs should be non-negative.
        * </p>
-       * @param {yfiles.algorithms.Graph} graph the input graph
-       * @param {yfiles.algorithms.Node} s the node from which the shortest path search starts
-       * @param {boolean} directed <code>true</code> if the graph should be considered as directed, <code>false</code> otherwise
-       * @param {Array.<number>} cost an array of double values that returns the costs for traversing each edge; edge <code>e</code> has cost <code>cost[e.index()]</code>
-       * @param {Array.<number>} dist an array of values that will be filled during the execution and returns the shortest distance from node <code>s</code> to all other
+       * @param graph the input graph
+       * @param s the node from which the shortest path search starts
+       * @param directed <code>true</code> if the graph should be considered as directed, <code>false</code> otherwise
+       * @param cost an array of double values that returns the costs for traversing each edge; edge <code>e</code> has cost <code>cost[e.index()]</code>
+       * @param dist an array of values that will be filled during the execution and returns the shortest distance from node <code>s</code> to all other
        * nodes. The distance from <code>s</code> to <code>v</code> is <code>dist[v.index()]</code>. If there is no path from <code>s</code> to <code>v</code>, then
        * <code>dist[v.index()] == Double.POSITIVE_INFINITY</code>.
-       * @param {Array.<yfiles.algorithms.Edge>} [pred=null] an array of {@link yfiles.algorithms.Edge}s that will be filled during the execution and returns for each node <code>t</code> the shortest
+       * @param [pred=null] an array of {@link }s that will be filled during the execution and returns for each node <code>t</code> the shortest
        * path edge <code>pred[t.index()]</code> which is the last edge on the shortest path from <code>s</code> to <code>t</code>. If <code>t == s</code> or if there is no shortest
        * path from <code>s</code> to <code>t</code>, then <code>pred[t.index()] == null</code>.
        * @see yfiles.algorithms.ShortestPaths#constructNodePath
@@ -78401,13 +80338,13 @@ declare namespace system{
        * <p>
        * The costs should be non-negative.
        * </p>
-       * @param {yfiles.algorithms.Graph} graph the input graph
-       * @param {yfiles.algorithms.Node} s the node from which the shortest path search starts
-       * @param {boolean} directed <code>true</code> if the graph should be considered as directed, <code>false</code> otherwise
-       * @param {yfiles.algorithms.IDataProvider} cost the {@link yfiles.algorithms.IDataProvider} that returns the double value (cost) for traversing each edge
-       * @param {yfiles.algorithms.INodeMap} dist the {@link yfiles.algorithms.INodeMap} that will be filled during the execution and returns a double value (shortest distance)
-       * from node <code>s</code> to all other nodes or {@link number#POSITIVE_INFINITY} if no such paths exist
-       * @param {yfiles.algorithms.INodeMap} pred the {@link yfiles.algorithms.INodeMap} that will be filled during the execution and returns for each node <code>t</code> the last edge on the
+       * @param graph the input graph
+       * @param s the node from which the shortest path search starts
+       * @param directed <code>true</code> if the graph should be considered as directed, <code>false</code> otherwise
+       * @param cost the {@link } that returns the double value (cost) for traversing each edge
+       * @param dist the {@link } that will be filled during the execution and returns a double value (shortest distance)
+       * from node <code>s</code> to all other nodes or {@link #POSITIVE_INFINITY} if no such paths exist
+       * @param pred the {@link } that will be filled during the execution and returns for each node <code>t</code> the last edge on the
        * shortest path from <code>s</code> to <code>t</code> or <code>null</code> if <code>t == s</code> or no shortest path from <code>s</code> to <code>t</code> exists
        * @see yfiles.algorithms.ShortestPaths#constructNodePath
        * @see yfiles.algorithms.ShortestPaths#constructEdgePath
@@ -78421,15 +80358,15 @@ declare namespace system{
        * <p>
        * This method assumes that each edge of the input graph has a <b>cost of 1.0</b>.
        * </p>
-       * @param {yfiles.algorithms.Graph} graph the input graph
-       * @param {yfiles.algorithms.Node} start the start node
-       * @param {yfiles.algorithms.IDataProvider} targetMap the {@link yfiles.algorithms.IDataProvider} that returns a boolean value indicating whether or not a node belongs to the set of
+       * @param graph the input graph
+       * @param start the start node
+       * @param targetMap the {@link } that returns a boolean value indicating whether or not a node belongs to the set of
        * target nodes
-       * @param {boolean} directed <code>true</code> if the graph should be considered as directed, <code>false</code> otherwise
-       * @param {number} maxLength the maximum edge length of the shortest paths
-       * @param {yfiles.algorithms.EdgeList} pathEdges a {@link yfiles.algorithms.EdgeList list} that will be filled during the execution and returns the edges on the shortest path from <code>s</code> to <code>t</code> in the correct
+       * @param directed <code>true</code> if the graph should be considered as directed, <code>false</code> otherwise
+       * @param maxLength the maximum edge length of the shortest paths
+       * @param pathEdges a {@link  list} that will be filled during the execution and returns the edges on the shortest path from <code>s</code> to <code>t</code> in the correct
        * order
-       * @param {yfiles.algorithms.NodeList} pathNodes a {@link yfiles.algorithms.NodeList list} that will be filled during the execution and returns the nodes on the shortest path from <code>s</code> to <code>t</code> in the correct
+       * @param pathNodes a {@link  list} that will be filled during the execution and returns the nodes on the shortest path from <code>s</code> to <code>t</code> in the correct
        * order
        * @static
        */
@@ -78439,11 +80376,11 @@ declare namespace system{
        * <p>
        * This method assumes that each edge of the input graph has a <b>cost of 1.0</b>.
        * </p>
-       * @param {yfiles.algorithms.Graph} graph the input graph
-       * @param {yfiles.algorithms.Node} start the start node
-       * @param {yfiles.algorithms.Node} end the target node
-       * @param {boolean} directed <code>true</code> if the graph should be considered as directed, <code>false</code> otherwise
-       * @param {yfiles.algorithms.IEdgeMap} pathMap the {@link yfiles.algorithms.IEdgeMap} that will be filled during the execution and returns a boolean value indicating whether
+       * @param graph the input graph
+       * @param start the start node
+       * @param end the target node
+       * @param directed <code>true</code> if the graph should be considered as directed, <code>false</code> otherwise
+       * @param pathMap the {@link } that will be filled during the execution and returns a boolean value indicating whether
        * or not the edge belongs to a shortest path connecting the two nodes
        * @static
        */
@@ -78456,12 +80393,12 @@ declare namespace system{
        * <p>
        * The cost should be non-negative.
        * </p>
-       * @param {yfiles.algorithms.Graph} graph the input graph
-       * @param {yfiles.algorithms.IDataProvider} costDP the {@link yfiles.algorithms.IDataProvider} that returns a double value (cost) for traversing each edge
-       * @param {yfiles.algorithms.Node} start the given start node
-       * @param {yfiles.algorithms.Node} end the given target node
-       * @param {number} k a non-negative integer value
-       * @returns {yfiles.algorithms.YList} a {@link yfiles.algorithms.YList list} of {@link yfiles.algorithms.EdgeList} objects each of which represents a path from <code>start</code> node to <code>target</code> node. The <code>i</code>-th
+       * @param graph the input graph
+       * @param costDP the {@link } that returns a double value (cost) for traversing each edge
+       * @param start the given start node
+       * @param end the given target node
+       * @param k a non-negative integer value
+       * @returns a {@link  list} of {@link } objects each of which represents a path from <code>start</code> node to <code>target</code> node. The <code>i</code>-th
        * path in the list contains the <code>i</code>-th shortest path between the <code>start</code> and <code>target</code> node.
        * @static
        */
@@ -78475,41 +80412,41 @@ declare namespace system{
        * <p>
        * The cost should be non-negative.
        * </p>
-       * @param {yfiles.algorithms.Graph} graph the input graph
-       * @param {yfiles.algorithms.IDataProvider} costDP the {@link yfiles.algorithms.IDataProvider} that returns a double value (cost) for traversing each edge
-       * @param {yfiles.algorithms.Node} start the given start node
-       * @param {yfiles.algorithms.Node} end the given target node
-       * @param {number} k a non-negative integer value
-       * @returns {yfiles.algorithms.ICursor} a {@link yfiles.algorithms.ICursor cursor} that calculates the next path in the sequence only when needed
+       * @param graph the input graph
+       * @param costDP the {@link } that returns a double value (cost) for traversing each edge
+       * @param start the given start node
+       * @param end the given target node
+       * @param k a non-negative integer value
+       * @returns a {@link  cursor} that calculates the next path in the sequence only when needed
        * @static
        */
       static kShortestPathsCursor(graph:yfiles.algorithms.Graph,costDP:yfiles.algorithms.IDataProvider,start:yfiles.algorithms.Node,end:yfiles.algorithms.Node,k:number):yfiles.algorithms.ICursor;
       /**
        * Returns two edge-disjoint paths in a non-negatively weighted directed graph, such that both paths connect nodes <code>s</code> and <code>t</code>
        * and have minimum total length.
-       * @param {yfiles.algorithms.Graph} graph the input graph
-       * @param {yfiles.algorithms.Node} source the source node of the shortest pair
-       * @param {yfiles.algorithms.Node} target the target node of the shortest pair
-       * @param {boolean} directed <code>true</code> if the graph should be considered as directed, <code>false</code> otherwise
-       * @param {yfiles.algorithms.IDataProvider} costDP the {@link yfiles.algorithms.IDataProvider} that returns a double value (cost) for traversing each edge
-       * @returns {Array.<yfiles.algorithms.EdgeList>} a two-dimensional array of {@link yfiles.algorithms.EdgeList}s holding the resulting edge-disjoint paths or <code>null</code> if no such
+       * @param graph the input graph
+       * @param source the source node of the shortest pair
+       * @param target the target node of the shortest pair
+       * @param directed <code>true</code> if the graph should be considered as directed, <code>false</code> otherwise
+       * @param costDP the {@link } that returns a double value (cost) for traversing each edge
+       * @returns a two-dimensional array of {@link }s holding the resulting edge-disjoint paths or <code>null</code> if no such
        * edge-disjoint paths exist
        * @static
        */
       static shortestPair(graph:yfiles.algorithms.Graph,source:yfiles.algorithms.Node,target:yfiles.algorithms.Node,directed:boolean,costDP:yfiles.algorithms.IDataProvider):yfiles.algorithms.EdgeList[];
       /**
        * This method solves the single-source shortest path problem for arbitrary graphs.
-       * @param {yfiles.algorithms.Graph} graph the input graph
-       * @param {yfiles.algorithms.Node} s the node from which the shortest path search starts
-       * @param {boolean} directed <code>true</code> if the graph should be considered as directed, <code>false</code> otherwise
-       * @param {Array.<number>} cost an array of double values that returns the costs for traversing each edge; edge <code>e</code> has cost <code>cost[e.index()]</code>
-       * @param {Array.<number>} dist an array of values that will be filled during the execution and returns the shortest distance from node <code>s</code> to all other
+       * @param graph the input graph
+       * @param s the node from which the shortest path search starts
+       * @param directed <code>true</code> if the graph should be considered as directed, <code>false</code> otherwise
+       * @param cost an array of double values that returns the costs for traversing each edge; edge <code>e</code> has cost <code>cost[e.index()]</code>
+       * @param dist an array of values that will be filled during the execution and returns the shortest distance from node <code>s</code> to all other
        * nodes. The distance from <code>s</code> to <code>v</code> is <code>dist[v.index()]</code>. If there is no path from <code>s</code> to <code>v</code>, then
        * <code>dist[v.index()] == Double.POSITIVE_INFINITY</code>.
-       * @param {Array.<yfiles.algorithms.Edge>} [pred=null] an array of {@link yfiles.algorithms.Edge}s that will be filled during the execution and returns for each node <code>t</code> the shortest
+       * @param [pred=null] an array of {@link }s that will be filled during the execution and returns for each node <code>t</code> the shortest
        * path edge <code>pred[t.index()]</code> which is the last edge on the shortest path from <code>s</code> to <code>t</code>. If <code>t == s</code> or if there is no shortest
        * path from <code>s</code> to <code>t</code>, then <code>pred[t.index()] == null</code>.
-       * @returns {boolean} <code>true</code> if the weighted graph does not contain a negative-cost cycle, <code>false</code> otherwise
+       * @returns <code>true</code> if the weighted graph does not contain a negative-cost cycle, <code>false</code> otherwise
        * @see yfiles.algorithms.ShortestPaths#constructNodePath
        * @see yfiles.algorithms.ShortestPaths#constructEdgePath
        * @see yfiles.algorithms.ShortestPaths#singleSource
@@ -78518,15 +80455,15 @@ declare namespace system{
       static singleSource(graph:yfiles.algorithms.Graph,s:yfiles.algorithms.Node,directed:boolean,cost:number[],dist:number[],pred?:yfiles.algorithms.Edge[]):boolean;
       /**
        * This method solves the single-source shortest path problem for arbitrary graphs.
-       * @param {yfiles.algorithms.Graph} graph the input graph
-       * @param {yfiles.algorithms.Node} s the source node
-       * @param {boolean} directed <code>true</code> if the graph should be considered as directed, <code>false</code> otherwise
-       * @param {yfiles.algorithms.IDataProvider} cost the {@link yfiles.algorithms.IDataProvider} that returns the double value (cost) for traversing each edge
-       * @param {yfiles.algorithms.INodeMap} dist the {@link yfiles.algorithms.INodeMap} that will be filled during the execution and returns a double value (shortest distance)
-       * from node <code>s</code> to all other nodes or {@link number#POSITIVE_INFINITY} if no such paths exist
-       * @param {yfiles.algorithms.INodeMap} pred the {@link yfiles.algorithms.INodeMap} that will be filled during the execution and returns for each node <code>t</code> the last edge on the
+       * @param graph the input graph
+       * @param s the source node
+       * @param directed <code>true</code> if the graph should be considered as directed, <code>false</code> otherwise
+       * @param cost the {@link } that returns the double value (cost) for traversing each edge
+       * @param dist the {@link } that will be filled during the execution and returns a double value (shortest distance)
+       * from node <code>s</code> to all other nodes or {@link #POSITIVE_INFINITY} if no such paths exist
+       * @param pred the {@link } that will be filled during the execution and returns for each node <code>t</code> the last edge on the
        * shortest path from <code>s</code> to <code>t</code> or <code>null</code> if <code>t == s</code> or no shortest path from <code>s</code> to <code>t</code> exists
-       * @returns {boolean} <code>true</code> if the weighted graph does not contain a negative-cost cycle, <code>false</code> otherwise
+       * @returns <code>true</code> if the weighted graph does not contain a negative-cost cycle, <code>false</code> otherwise
        * @see yfiles.algorithms.ShortestPaths#constructNodePath
        * @see yfiles.algorithms.ShortestPaths#constructEdgePath
        * @see yfiles.algorithms.ShortestPaths#singleSource
@@ -78545,15 +80482,15 @@ declare namespace system{
        * <p>
        * The costs should be non-negative.
        * </p>
-       * @param {yfiles.algorithms.Graph} graph the input graph
-       * @param {yfiles.algorithms.Node} s the source node
-       * @param {yfiles.algorithms.Node} t the sink node
-       * @param {boolean} directed <code>true</code> if the graph should be considered as directed, <code>false</code> otherwise
-       * @param {Array.<number>} cost an array of double values that returns the costs for traversing each edge; edge <code>e</code> has cost <code>cost[e.index()]</code>
-       * @param {Array.<yfiles.algorithms.Edge>} pred an array of {@link yfiles.algorithms.Edge}s that will be filled during the execution and returns for each node <code>t</code> the shortest
+       * @param graph the input graph
+       * @param s the source node
+       * @param t the sink node
+       * @param directed <code>true</code> if the graph should be considered as directed, <code>false</code> otherwise
+       * @param cost an array of double values that returns the costs for traversing each edge; edge <code>e</code> has cost <code>cost[e.index()]</code>
+       * @param pred an array of {@link }s that will be filled during the execution and returns for each node <code>t</code> the shortest
        * path edge <code>pred[t.index()]</code> which is the last edge on the shortest path from <code>s</code> to <code>t</code>. If <code>t == s</code> or if there is no shortest
        * path from <code>s</code> to <code>t</code>, then <code>pred[t.index()] == null</code>.
-       * @returns {number} the distance between <code>s</code>and <code>t</code> if a path between these two nodes exists or <code>Double.POSITIVE_INFINITY</code> otherwise
+       * @returns the distance between <code>s</code>and <code>t</code> if a path between these two nodes exists or <code>Double.POSITIVE_INFINITY</code> otherwise
        * @see yfiles.algorithms.ShortestPaths#constructNodePath
        * @see yfiles.algorithms.ShortestPaths#constructEdgePath
        * @see yfiles.algorithms.ShortestPaths#singleSourceSingleSink
@@ -78571,14 +80508,14 @@ declare namespace system{
        * <p>
        * The costs should be non-negative.
        * </p>
-       * @param {yfiles.algorithms.Graph} graph the input graph
-       * @param {yfiles.algorithms.Node} s the source node
-       * @param {yfiles.algorithms.Node} t the sink node
-       * @param {boolean} directed <code>true</code> if the graph should be considered as directed, <code>false</code> otherwise
-       * @param {yfiles.algorithms.IDataProvider} cost the {@link yfiles.algorithms.IDataProvider} that returns the double value (cost) for traversing each edge
-       * @param {yfiles.algorithms.INodeMap} pred the {@link yfiles.algorithms.INodeMap} that will be filled during the execution and returns for each node <code>t</code> the last edge on the
+       * @param graph the input graph
+       * @param s the source node
+       * @param t the sink node
+       * @param directed <code>true</code> if the graph should be considered as directed, <code>false</code> otherwise
+       * @param cost the {@link } that returns the double value (cost) for traversing each edge
+       * @param pred the {@link } that will be filled during the execution and returns for each node <code>t</code> the last edge on the
        * shortest path from <code>s</code> to <code>t</code> or <code>null</code> if <code>t == s</code> or no shortest path from <code>s</code> to <code>t</code> exists
-       * @returns {number} a shortest {@link yfiles.algorithms.EdgeList path of edges} between source and sink
+       * @returns a shortest {@link  path of edges} between source and sink
        * @see yfiles.algorithms.ShortestPaths#singleSourceSingleSink
        * @see yfiles.algorithms.ShortestPaths#singleSourceSingleSink
        * @see yfiles.algorithms.ShortestPaths#singleSourceSingleSink
@@ -78597,12 +80534,12 @@ declare namespace system{
        * <p>
        * The costs should be non-negative.
        * </p>
-       * @param {yfiles.algorithms.Graph} graph the input graph
-       * @param {yfiles.algorithms.Node} s the source node
-       * @param {yfiles.algorithms.Node} t the sink node
-       * @param {boolean} directed <code>true</code> if the graph should be considered as directed, <code>false</code> otherwise
-       * @param {Array.<number>} cost an array of double values that returns the costs for traversing each edge; edge <code>e</code> has cost <code>cost[e.index()]</code>
-       * @returns {yfiles.algorithms.EdgeList} a shortest {@link yfiles.algorithms.EdgeList path of edges} between source and sink
+       * @param graph the input graph
+       * @param s the source node
+       * @param t the sink node
+       * @param directed <code>true</code> if the graph should be considered as directed, <code>false</code> otherwise
+       * @param cost an array of double values that returns the costs for traversing each edge; edge <code>e</code> has cost <code>cost[e.index()]</code>
+       * @returns a shortest {@link  path of edges} between source and sink
        * @see yfiles.algorithms.ShortestPaths#singleSourceSingleSink
        * @see yfiles.algorithms.ShortestPaths#singleSourceSingleSink
        * @see yfiles.algorithms.ShortestPaths#singleSourceSingleSink
@@ -78621,12 +80558,12 @@ declare namespace system{
        * <p>
        * The costs should be non-negative.
        * </p>
-       * @param {yfiles.algorithms.Graph} graph the input graph
-       * @param {yfiles.algorithms.Node} s the source node
-       * @param {yfiles.algorithms.Node} t the sink node
-       * @param {boolean} directed <code>true</code> if the graph should be considered as directed, <code>false</code> otherwise
-       * @param {yfiles.algorithms.IDataProvider} cost the {@link yfiles.algorithms.IDataProvider} that returns the double value (cost) for traversing each edge
-       * @returns {yfiles.algorithms.EdgeList} a shortest {@link yfiles.algorithms.EdgeList path of edges} between source and sink
+       * @param graph the input graph
+       * @param s the source node
+       * @param t the sink node
+       * @param directed <code>true</code> if the graph should be considered as directed, <code>false</code> otherwise
+       * @param cost the {@link } that returns the double value (cost) for traversing each edge
+       * @returns a shortest {@link  path of edges} between source and sink
        * @see yfiles.algorithms.ShortestPaths#singleSourceSingleSink
        * @see yfiles.algorithms.ShortestPaths#singleSourceSingleSink
        * @see yfiles.algorithms.ShortestPaths#singleSourceSingleSink
@@ -78636,13 +80573,13 @@ declare namespace system{
       /**
        * Solves the single-source shortest path problem for arbitrary graphs in which each edge has a <b>uniform cost of
        * <code>1.0</code></b>.
-       * @param {yfiles.algorithms.Graph} graph the input graph
-       * @param {yfiles.algorithms.Node} s the node from which the shortest path search starts
-       * @param {boolean} directed <code>true</code> if the graph should be considered as directed, <code>false</code> otherwise
-       * @param {Array.<number>} dist an array of values that will be filled during the execution and returns the shortest distance from node <code>s</code> to all other
+       * @param graph the input graph
+       * @param s the node from which the shortest path search starts
+       * @param directed <code>true</code> if the graph should be considered as directed, <code>false</code> otherwise
+       * @param dist an array of values that will be filled during the execution and returns the shortest distance from node <code>s</code> to all other
        * nodes. The distance from <code>s</code> to <code>v</code> is <code>dist[v.index()]</code>. If there is no path from <code>s</code> to <code>v</code>, then
        * <code>dist[v.index()] == Double.POSITIVE_INFINITY</code>.
-       * @param {Array.<yfiles.algorithms.Edge>} [pred=null] an array of {@link yfiles.algorithms.Edge}s that will be filled during the execution and returns for each node <code>t</code> the shortest
+       * @param [pred=null] an array of {@link }s that will be filled during the execution and returns for each node <code>t</code> the shortest
        * path edge <code>pred[t.index()]</code> which is the last edge on the shortest path from <code>s</code> to <code>t</code>. If <code>t == s</code> or if there is no shortest
        * path from <code>s</code> to <code>t</code>, then <code>pred[t.index()] == null</code>.
        * @see yfiles.algorithms.ShortestPaths#constructNodePath
@@ -78651,14 +80588,15 @@ declare namespace system{
        */
       static uniform(graph:yfiles.algorithms.Graph,s:yfiles.algorithms.Node,directed:boolean,dist:number[],pred?:yfiles.algorithms.Edge[]):void;
       /**
-       * Like Uniform but uses {@link yfiles.algorithms.INodeMap}s instead of arrays.
-       * @param {yfiles.algorithms.Graph} graph the input graph
-       * @param {yfiles.algorithms.Node} s the node from which the shortest path search starts
-       * @param {boolean} directed <code>true</code> if the graph should be considered as directed, <code>false</code> otherwise
-       * @param {yfiles.algorithms.INodeMap} dist the {@link yfiles.algorithms.INodeMap} that will be filled during the execution and returns a double value (shortest distance)
-       * from node <code>s</code> to all other nodes or {@link number#POSITIVE_INFINITY} if no such paths exist
-       * @param {yfiles.algorithms.INodeMap} pred the {@link yfiles.algorithms.INodeMap} that will be filled during the execution and returns for each node <code>t</code> the last edge on the
+       * Like {@link yfiles.algorithms.ShortestPaths#uniform} but uses {@link yfiles.algorithms.INodeMap}s instead of arrays.
+       * @param graph the input graph
+       * @param s the node from which the shortest path search starts
+       * @param directed <code>true</code> if the graph should be considered as directed, <code>false</code> otherwise
+       * @param dist the {@link } that will be filled during the execution and returns a double value (shortest distance)
+       * from node <code>s</code> to all other nodes or {@link #POSITIVE_INFINITY} if no such paths exist
+       * @param pred the {@link } that will be filled during the execution and returns for each node <code>t</code> the last edge on the
        * shortest path from <code>s</code> to <code>t</code> or <code>null</code> if <code>t == s</code> or no shortest path from <code>s</code> to <code>t</code> exists
+       * @see yfiles.algorithms.ShortestPaths#uniform
        * @see yfiles.algorithms.ShortestPaths#constructNodePath
        * @see yfiles.algorithms.ShortestPaths#constructEdgePath
        * @static
@@ -78666,8 +80604,8 @@ declare namespace system{
       static uniform(graph:yfiles.algorithms.Graph,s:yfiles.algorithms.Node,directed:boolean,dist:yfiles.algorithms.INodeMap,pred:yfiles.algorithms.INodeMap):void;
       /**
        * Convenience method that returns an array containing uniform edge costs of <code>1.0</code> for each edge of the given graph.
-       * @param {yfiles.algorithms.Graph} graph the input graph
-       * @returns {Array.<number>} an array that contains uniform edge costs of value <code>1.0</code> (i.e., for each edge <code>e: cost[e.index()] == 1.0</code>)
+       * @param graph the input graph
+       * @returns an array that contains uniform edge costs of value <code>1.0</code> (i.e., for each edge <code>e: cost[e.index()] == 1.0</code>)
        * @static
        */
       static uniformCost(graph:yfiles.algorithms.Graph):number[];
@@ -78675,15 +80613,15 @@ declare namespace system{
     }
     /**
      * This class provides methods for efficiently sorting graph elements in graph structures.
-     * @class yfiles.algorithms.Sorting
+     * @class
      * @static
      */
     export interface Sorting extends Object{}
     export class Sorting {
       /**
        * Sorts the nodes of a given graph by degree in ascending order.
-       * @param {yfiles.algorithms.Graph} graph the given graph
-       * @returns {Array.<yfiles.algorithms.Node>} an array of {@link yfiles.algorithms.Node}s sorted by degree in ascending order
+       * @param graph the given graph
+       * @returns an array of {@link }s sorted by degree in ascending order
        * @static
        */
       static sortNodesByDegree(graph:yfiles.algorithms.Graph):yfiles.algorithms.Node[];
@@ -78692,9 +80630,9 @@ declare namespace system{
        * <p>
        * The nodes are sorted in ascending order.
        * </p>
-       * @param {yfiles.algorithms.Graph} graph the given graph
-       * @param {yfiles.algorithms.IDataProvider} keys the {@link yfiles.algorithms.IDataProvider} that returns the keys based on which the nodes will be sorted
-       * @returns {Array.<yfiles.algorithms.Node>} an array of {@link yfiles.algorithms.Node}s sorted by an integer key in ascending order
+       * @param graph the given graph
+       * @param keys the {@link } that returns the keys based on which the nodes will be sorted
+       * @returns an array of {@link }s sorted by an integer key in ascending order
        * @static
        */
       static sortNodesByIntKey(graph:yfiles.algorithms.Graph,keys:yfiles.algorithms.IDataProvider):yfiles.algorithms.Node[];
@@ -78712,16 +80650,16 @@ declare namespace system{
      * that graph.
      * </li>
      * </ul>
-     * @class yfiles.algorithms.SpanningTrees
+     * @class
      * @static
      */
     export interface SpanningTrees extends Object{}
     export class SpanningTrees {
       /**
        * Returns the overall cost of a previously calculated minimum spanning tree.
-       * @param {yfiles.algorithms.EdgeList} treeEdges the given {@link yfiles.algorithms.EdgeList list} of edges that form a minimum spanning tree
-       * @param {yfiles.algorithms.IDataProvider} edgeCost the {@link yfiles.algorithms.IDataProvider} that returns a double value (cost) for each tree edge
-       * @returns {number} the overall cost of the tree edges
+       * @param treeEdges the given {@link  list} of edges that form a minimum spanning tree
+       * @param edgeCost the {@link } that returns a double value (cost) for each tree edge
+       * @returns the overall cost of the tree edges
        * @static
        */
       static cost(treeEdges:yfiles.algorithms.EdgeList,edgeCost:yfiles.algorithms.IDataProvider):number;
@@ -78733,9 +80671,9 @@ declare namespace system{
        * <ul>
        * <li>J.B. Kruskal. On the shortest spanning subtree of a graph and the traveling salesman problem. <i>Proceedings of the American Mathematical Society</i>, pages 48-50, 1956.</li>
        * </ul>
-       * @param {yfiles.algorithms.Graph} graph the input graph
-       * @param {yfiles.algorithms.IDataProvider} cost the {@link yfiles.algorithms.IDataProvider} that returns a double value (cost) for each edge
-       * @returns {yfiles.algorithms.EdgeList} a {@link yfiles.algorithms.EdgeList list} containing the edges that form the minimum spanning tree
+       * @param graph the input graph
+       * @param cost the {@link } that returns a double value (cost) for each edge
+       * @returns a {@link  list} containing the edges that form the minimum spanning tree
        * @static
        */
       static kruskal(graph:yfiles.algorithms.Graph,cost:yfiles.algorithms.IDataProvider):yfiles.algorithms.EdgeList;
@@ -78744,9 +80682,9 @@ declare namespace system{
        * <p>
        * Currently, the result is obtained by calling {@link yfiles.algorithms.SpanningTrees#prim}.
        * </p>
-       * @param {yfiles.algorithms.Graph} graph the input graph
-       * @param {yfiles.algorithms.IDataProvider} cost the {@link yfiles.algorithms.IDataProvider} that returns a double value (cost) for each edge
-       * @returns {yfiles.algorithms.EdgeList} a {@link yfiles.algorithms.EdgeList list} containing the edges that form the minimum spanning tree
+       * @param graph the input graph
+       * @param cost the {@link } that returns a double value (cost) for each edge
+       * @returns a {@link  list} containing the edges that form the minimum spanning tree
        * @static
        */
       static minimum(graph:yfiles.algorithms.Graph,cost:yfiles.algorithms.IDataProvider):yfiles.algorithms.EdgeList;
@@ -78758,16 +80696,16 @@ declare namespace system{
        * <ul>
        * <li>R.C. Prim. Shortest connection networks and some generalizations. <i>Bell System Technical Journal</i>, 36:1389-1401, 1957.</li>
        * </ul>
-       * @param {yfiles.algorithms.Graph} graph the input graph
-       * @param {yfiles.algorithms.IDataProvider} cost the {@link yfiles.algorithms.IDataProvider} that returns a double value (cost) for each edge
-       * @returns {yfiles.algorithms.EdgeList} a {@link yfiles.algorithms.EdgeList list} containing the edges that form the minimum spanning tree
+       * @param graph the input graph
+       * @param cost the {@link } that returns a double value (cost) for each edge
+       * @returns a {@link  list} containing the edges that form the minimum spanning tree
        * @static
        */
       static prim(graph:yfiles.algorithms.Graph,cost:yfiles.algorithms.IDataProvider):yfiles.algorithms.EdgeList;
       /**
        * Calculates a spanning tree for the given graph in which each edge has a uniform cost of <code>1.0</code>.
-       * @param {yfiles.algorithms.Graph} graph the input graph
-       * @returns {yfiles.algorithms.EdgeList} a {@link yfiles.algorithms.EdgeList list} containing the edges that form the minimum spanning tree
+       * @param graph the input graph
+       * @returns a {@link  list} containing the edges that form the minimum spanning tree
        * @static
        */
       static uniform(graph:yfiles.algorithms.Graph):yfiles.algorithms.EdgeList;
@@ -78788,7 +80726,7 @@ declare namespace system{
      * from <code>v</code> to <code>w</code> in <code>G</code> of length <code>2</code> or more.
      * </li>
      * </ul>
-     * @class yfiles.algorithms.Transitivity
+     * @class
      * @static
      */
     export interface Transitivity extends Object{}
@@ -78799,8 +80737,8 @@ declare namespace system{
        * Given a <code>G = (V,E)</code> be a directed acyclic graph. The <i>reflexive, transitive closure</i> of <code>G</code> is a graph which contains edge <code>(v,w)</code> only if there exists a
        * path from <code>v</code> to <code>w</code> in <code>G</code>.
        * </p>
-       * @param {yfiles.algorithms.Graph} graph the input graph to which this method will add transitive edges, if necessary
-       * @param {yfiles.algorithms.EdgeList} [addedEdges=null] a {@link yfiles.algorithms.EdgeList list} that will be filled during the execution and contains the edges that have been added to the graph by this method
+       * @param graph the input graph to which this method will add transitive edges, if necessary
+       * @param [addedEdges=null] a {@link  list} that will be filled during the execution and contains the edges that have been added to the graph by this method
        * @static
        */
       static transitiveClosure(graph:yfiles.algorithms.Graph,addedEdges?:yfiles.algorithms.EdgeList):void;
@@ -78813,8 +80751,8 @@ declare namespace system{
        * Given <code>G = (V,E)</code> be a directed acyclic graph. The <i>transitive reduction</i> of <code>G</code> is a graph which contains edge <code>(v,w)</code> only if there exists no path
        * from <code>v</code> to <code>w</code> in <code>G</code> of length <code>2</code> or more.
        * </p>
-       * @param {yfiles.algorithms.Graph} graph the input graph
-       * @param {yfiles.algorithms.EdgeList} [transitiveEdges=null] a {@link yfiles.algorithms.EdgeList list} that will be filled during the execution and contains all transitive edges of the given graph; removal of these
+       * @param graph the input graph
+       * @param [transitiveEdges=null] a {@link  list} that will be filled during the execution and contains all transitive edges of the given graph; removal of these
        * edges will yield the transitive reduction of the graph
        * @static
        */
@@ -78852,7 +80790,7 @@ declare namespace system{
      * <li><b>Eccentricity:</b> The eccentricity of a tree node is the maximum distance to any other node.</li>
      * <li><b>Center node:</b> The center of a tree is the set of nodes that have minimal eccentricity.</li>
      * </ul>
-     * @class yfiles.algorithms.Trees
+     * @class
      * @static
      */
     export interface Trees extends Object{}
@@ -78863,9 +80801,9 @@ declare namespace system{
        * <p>
        * A list of all reversed edges will be returned by this method.
        * </p>
-       * @param {yfiles.algorithms.Graph} tree the given tree
-       * @param {yfiles.algorithms.Node} [root=null] the given root element
-       * @returns {yfiles.algorithms.EdgeList} an {@link yfiles.algorithms.EdgeList} containing the reversed edges
+       * @param tree the given tree
+       * @param [root=null] the given root element
+       * @returns an {@link } containing the reversed edges
        * @static
        */
       static directTree(tree:yfiles.algorithms.Graph,root?:yfiles.algorithms.Node):yfiles.algorithms.EdgeList;
@@ -78874,8 +80812,8 @@ declare namespace system{
        * <p>
        * The center node has the property of inducing a minimum depth tree when being used as the root of that tree.
        * </p>
-       * @param {yfiles.algorithms.Graph} tree the given undirected tree
-       * @returns {yfiles.algorithms.Node} the center node of the given undirected tree
+       * @param tree the given undirected tree
+       * @returns the center node of the given undirected tree
        * @static
        */
       static getCenterRoot(tree:yfiles.algorithms.Graph):yfiles.algorithms.Node;
@@ -78885,9 +80823,9 @@ declare namespace system{
        * A leaf node is a node with <code>outdegree == 0</code> if the input is a directed rooted tree, and a node with
        * <code>degree == 1</code>, otherwise.
        * </p>
-       * @param {yfiles.algorithms.Graph} tree the given tree
-       * @param {boolean} directedRootedTree <code>true</code> if the algorithm should consider the tree as directed, <code>false</code> otherwise
-       * @returns {yfiles.algorithms.NodeList} a {@link yfiles.algorithms.NodeList} that contains all leaf nodes of the given tree
+       * @param tree the given tree
+       * @param directedRootedTree <code>true</code> if the algorithm should consider the tree as directed, <code>false</code> otherwise
+       * @returns a {@link } that contains all leaf nodes of the given tree
        * @static
        */
       static getLeafNodes(tree:yfiles.algorithms.Graph,directedRootedTree:boolean):yfiles.algorithms.NodeList;
@@ -78896,11 +80834,11 @@ declare namespace system{
        * <p>
        * It is not part of the given subset.
        * </p>
-       * @param {yfiles.algorithms.Graph} tree the given directed rooted tree
-       * @param {yfiles.algorithms.Node} root the root of the tree
-       * @param {boolean} rootedDownward <code>true</code> if the tree is directed from the root to the leaves, <code>false</code> otherwise
-       * @param {yfiles.algorithms.NodeList} nodes the subset of nodes
-       * @returns {yfiles.algorithms.Node} the {@link yfiles.algorithms.Node nearest common ancestor} of the given subset of nodes
+       * @param tree the given directed rooted tree
+       * @param root the root of the tree
+       * @param rootedDownward <code>true</code> if the tree is directed from the root to the leaves, <code>false</code> otherwise
+       * @param nodes the subset of nodes
+       * @returns the {@link  nearest common ancestor} of the given subset of nodes
        * @static
        */
       static getNearestCommonAncestor(tree:yfiles.algorithms.Graph,root:yfiles.algorithms.Node,rootedDownward:boolean,nodes:yfiles.algorithms.NodeList):yfiles.algorithms.Node;
@@ -78911,26 +80849,29 @@ declare namespace system{
        * </p>
        * <ul>
        * <li>If the input is a directed rooted tree or reversed directed rooted tree, it returns the corresponding root node.</li>
-       * <li>If the input is a tree, the method returns a maximum weight center node as defined in GetWeightedCenterNode.</li>
+       * <li>
+       * If the input is a tree, the method returns a maximum weight center node as defined in
+       * {@link yfiles.algorithms.Trees#getWeightedCenterNode}.
+       * </li>
        * <li>If the input is not a tree, a node with <code>indegree == 0</code> (or <code>outdegree == 0</code>) is returned.</li>
        * </ul>
-       * @param {yfiles.algorithms.Graph} tree the given tree
-       * @returns {yfiles.algorithms.Node} a possible root for the given tree
+       * @param tree the given tree
+       * @returns a possible root for the given tree
        * @static
        */
       static getRoot(tree:yfiles.algorithms.Graph):yfiles.algorithms.Node;
       /**
        * Returns the depths of each subtree of a rooted directed tree.
-       * @param {yfiles.algorithms.Graph} tree a rooted directed tree graph
-       * @param {yfiles.algorithms.INodeMap} subtreeDepthMap the {@link yfiles.algorithms.INodeMap} that will be filled during the execution with the depth of the subtree rooted at each
+       * @param tree a rooted directed tree graph
+       * @param subtreeDepthMap the {@link } that will be filled during the execution with the depth of the subtree rooted at each
        * node
        * @static
        */
       static getSubTreeDepths(tree:yfiles.algorithms.Graph,subtreeDepthMap:yfiles.algorithms.INodeMap):void;
       /**
        * Returns the size (number of nodes) of each subtree of a rooted directed tree.
-       * @param {yfiles.algorithms.Graph} tree a rooted directed tree graph
-       * @param {yfiles.algorithms.INodeMap} subtreeSizeMap the {@link yfiles.algorithms.INodeMap} that will be filled during the execution with the size of the subtree rooted at each
+       * @param tree a rooted directed tree graph
+       * @param subtreeSizeMap the {@link } that will be filled during the execution with the size of the subtree rooted at each
        * node
        * @static
        */
@@ -78942,9 +80883,9 @@ declare namespace system{
        * This method can also be applied to the result obtained by
        * {@link yfiles.algorithms.Trees#getUndirectedTreeNodes}. In this case, the subtrees are considered to be undirected.
        * </p>
-       * @param {yfiles.algorithms.Graph} graph the given graph
-       * @param {Array.<yfiles.algorithms.NodeList>} [treeNodes=null] an array of {@link yfiles.algorithms.NodeList}s previously calculated by {@link yfiles.algorithms.Trees#getTreeNodes}
-       * @returns {Array.<yfiles.algorithms.EdgeList>} an array of {@link yfiles.algorithms.EdgeList} objects each containing edges that belong to a maximal subtree
+       * @param graph the given graph
+       * @param [treeNodes=null] an array of {@link }s previously calculated by {@link #getTreeNodes}
+       * @returns an array of {@link } objects each containing edges that belong to a maximal subtree
        * @static
        */
       static getTreeEdges(graph:yfiles.algorithms.Graph,treeNodes?:yfiles.algorithms.NodeList[]):yfiles.algorithms.EdgeList[];
@@ -78955,8 +80896,8 @@ declare namespace system{
        * For each list of tree nodes, the first node element is the root of a tree. On each such root, all outgoing edges connect
        * to nodes in the subtree and each in-degree of the root is at least two.
        * </p>
-       * @param {yfiles.algorithms.Graph} graph the given graph
-       * @returns {Array.<yfiles.algorithms.NodeList>} an array of {@link yfiles.algorithms.NodeList} objects each containing nodes that belong to a maximal directed subtree
+       * @param graph the given graph
+       * @returns an array of {@link } objects each containing nodes that belong to a maximal directed subtree
        * @static
        */
       static getTreeNodes(graph:yfiles.algorithms.Graph):yfiles.algorithms.NodeList[];
@@ -78966,8 +80907,8 @@ declare namespace system{
        * <p>
        * For each list of tree nodes, the first node is the only node of the subtree that may be incident to non-tree edges.
        * </p>
-       * @param {yfiles.algorithms.Graph} graph the given graph
-       * @returns {Array.<yfiles.algorithms.NodeList>} an array of {@link yfiles.algorithms.NodeList} objects each containing nodes that belong to a maximal undirected subtree
+       * @param graph the given graph
+       * @returns an array of {@link } objects each containing nodes that belong to a maximal undirected subtree
        * @static
        */
       static getUndirectedTreeNodes(graph:yfiles.algorithms.Graph):yfiles.algorithms.NodeList[];
@@ -78976,9 +80917,9 @@ declare namespace system{
        * <p>
        * The number of paths per node are stored in the given {@link yfiles.algorithms.INodeMap}.
        * </p>
-       * @param {yfiles.algorithms.Graph} tree the given tree
-       * @param {yfiles.algorithms.INodeMap} [intWeight=null] the {@link yfiles.algorithms.INodeMap} that holds the number of paths per node
-       * @returns {yfiles.algorithms.Node} a {@link yfiles.algorithms.Node} used by the greatest number of all undirected paths
+       * @param tree the given tree
+       * @param [intWeight=null] the {@link } that holds the number of paths per node
+       * @returns a {@link } used by the greatest number of all undirected paths
        * @static
        */
       static getWeightedCenterNode(tree:yfiles.algorithms.Graph,intWeight?:yfiles.algorithms.INodeMap):yfiles.algorithms.Node;
@@ -78989,2633 +80930,47 @@ declare namespace system{
        * <code>directedRootedTree == true</code>, each component has to be a directed rooted tree. Otherwise, each component has to be an
        * undirected tree.
        * </p>
-       * @param {yfiles.algorithms.Graph} graph the given graph
-       * @param {boolean} directedRootedTree <code>true</code> if the algorithm should check for directed rooted trees, <code>false</code> otherwise
-       * @returns {boolean} <code>true</code> if the given graph is a forest, <code>false</code> otherwise
+       * @param graph the given graph
+       * @param directedRootedTree <code>true</code> if the algorithm should check for directed rooted trees, <code>false</code> otherwise
+       * @returns <code>true</code> if the given graph is a forest, <code>false</code> otherwise
        * @static
        */
       static isForest(graph:yfiles.algorithms.Graph,directedRootedTree:boolean):boolean;
       /**
        * Checks whether or not the given graph is a forest, that is, a graph whose connected components are directed rooted
        * trees.
-       * @param {yfiles.algorithms.Graph} graph the given graph
-       * @returns {boolean} <code>true</code> if the given graph is a forest, <code>false</code> otherwise
+       * @param graph the given graph
+       * @returns <code>true</code> if the given graph is a forest, <code>false</code> otherwise
        * @static
        */
       static isForest(graph:yfiles.algorithms.Graph):boolean;
       /**
        * Checks whether or not the given graph is a directed rooted tree in which each node has a maximum of <code>n</code> children.
-       * @param {yfiles.algorithms.Graph} graph the given graph
-       * @param {number} n the allowed maximum of children
-       * @returns {boolean} <code>true</code> if the given graph is a n-ary tree, <code>false</code> otherwise
+       * @param graph the given graph
+       * @param n the allowed maximum of children
+       * @returns <code>true</code> if the given graph is a n-ary tree, <code>false</code> otherwise
        * @static
        */
       static isNaryTree(graph:yfiles.algorithms.Graph,n:number):boolean;
       /**
        * Checks whether or not the given graph is a directed rooted tree.
-       * @param {yfiles.algorithms.Graph} graph the given graph
-       * @returns {boolean} <code>true</code> if the given graph is a directed rooted tree, <code>false</code> otherwise
+       * @param graph the given graph
+       * @returns <code>true</code> if the given graph is a directed rooted tree, <code>false</code> otherwise
        * @static
        */
       static isRootedTree(graph:yfiles.algorithms.Graph):boolean;
       /**
        * Checks whether or not the given graph is an undirected tree.
-       * @param {yfiles.algorithms.Graph} graph the given graph
-       * @returns {boolean} <code>true</code> if the given graph is an undirected tree, <code>false</code> otherwise
+       * @param graph the given graph
+       * @returns <code>true</code> if the given graph is an undirected tree, <code>false</code> otherwise
        * @static
        */
       static isTree(graph:yfiles.algorithms.Graph):boolean;
       static $class:yfiles.lang.Class;
     }
-    /**
-     * An implementation of a doubly linked list that provides direct access to the cells that store the elements.
-     * <p>
-     * The cells are represented by class {@link yfiles.algorithms.ListCell}.
-     * </p>
-     * <p>
-     * This class supports fast access and removal operations, specifically, it is possible to remove an element in constant
-     * time (i.e. O(1)) given a reference to its list cell.
-     * </p>
-     * <p>
-     * Class YList supports iteration over the elements either by using the list cells directly (methods {@link yfiles.algorithms.YList#firstCell}/{@link yfiles.algorithms.YList#lastCell} together with
-     * {@link yfiles.algorithms.YList#succCell}/{@link yfiles.algorithms.YList#predCell}, respectively) or by means of a cursor
-     * ({@link yfiles.algorithms.YList#cursor}).
-     * </p>
-     * <p>
-     * Furthermore, YList offers its own {@link yfiles.algorithms.YList#sort} method. Note that this class also provides all relevant
-     * methods to use the list like a stack data type.
-     * </p>
-     * <p>
-     * This implementation permits <code>null</code> as values. It implements the {@link yfiles.collections.IList.<T>} interface but does not support the {@link yfiles.algorithms.YList#subList}
-     * method. The implementation of this method will throw an {@link Stubs.Exceptions.NotSupportedError} if invoked. The {@link yfiles.algorithms.YList#cursor}
-     * returned by instances of this class is not fail fast.
-     * </p>
-     * @class yfiles.algorithms.YList
-     * @implements {yfiles.collections.IList.<Object>}
-     */
-    export interface YList extends Object,yfiles.collections.IList<Object>{}
-    export class YList {
-      /**
-       * Creates a list that is initialized with the elements provided by the given array of objects.
-       * @param {Array.<Object>} a
-       * @constructor
-       */
-      constructor(a:Object[]);
-      /**
-       * Creates a list that is initialized with those elements from the given YCursor object for which the given data provider
-       * returns <code>true</code> upon calling its {@link yfiles.algorithms.IDataProvider#getBoolean getBool} method.
-       * @param {yfiles.algorithms.ICursor} c A cursor providing objects that should be added to this list.
-       * @param {yfiles.algorithms.IDataProvider} predicate A data provider that acts as a inclusion predicate for each object accessible by the given cursor.
-       * @constructor
-       */
-      constructor(c:yfiles.algorithms.ICursor,predicate:yfiles.algorithms.IDataProvider);
-      /**
-       * Creates a list that is initialized with the elements provided by the given Collection object.
-       * @param {yfiles.collections.IEnumerable.<Object>} c
-       * @constructor
-       */
-      constructor(c:yfiles.collections.IEnumerable<Object>);
-      /**
-       * Creates a list that is initialized with the elements provided by the given YCursor object.
-       * @param {yfiles.algorithms.ICursor} c
-       * @constructor
-       */
-      constructor(c:yfiles.algorithms.ICursor);
-      /**
-       * Creates an empty doubly linked list.
-       * @constructor
-       */
-      constructor();
-      /**
-       * Appends all elements provided by the given cursor to this list.
-       * <p>
-       * The cursor will be moved from its given position to the end.
-       * </p>
-       * <p>
-       * Be aware that a statement like <code>aList.append(aList.cursor())</code> results in an infinite recursion.
-       * </p>
-       * @param {yfiles.algorithms.ICursor} c
-       */
-      addAll(c:yfiles.algorithms.ICursor):void;
-      /**
-       * Appends all elements provided by the given collection to this list.
-       * @param {yfiles.collections.ICollection.<Object>} collection
-       * @returns {boolean} Whether there have been elements appended.
-       */
-      addAll(collection:yfiles.collections.ICollection<Object>):boolean;
-      /**
-       * 
-       * @param {number} index
-       * @param {yfiles.collections.ICollection.<Object>} c
-       * @returns {boolean} 
-       */
-      addAll(index:number,c:yfiles.collections.ICollection<Object>):boolean;
-      /**
-       * Inserts the given object at the head of this list.
-       * @param {Object} o
-       * @returns {yfiles.algorithms.ListCell} The newly created ListCell object that stores the given object.
-       */
-      addFirst(o:Object):yfiles.algorithms.ListCell;
-      /**
-       * Adds a formerly removed ListCell object at the head of this list.
-       * <p>
-       * <b>Attention:</b> If the ListCell object is still part of any list, then that list will be corrupted afterwards.
-       * </p>
-       * @param {yfiles.algorithms.ListCell} cell A list cell which is not part of any list.
-       */
-      addFirstCell(cell:yfiles.algorithms.ListCell):void;
-      /**
-       * Inserts the given object at the tail of this list.
-       * @param {Object} o
-       * @returns {yfiles.algorithms.ListCell} The newly created ListCell object that stores the given object.
-       */
-      addLast(o:Object):yfiles.algorithms.ListCell;
-      /**
-       * Adds a formerly removed ListCell object at the tail of this list.
-       * <p>
-       * <b>Attention:</b> If the ListCell object is still part of any list, then that list will be corrupted afterwards.
-       * </p>
-       * @param {yfiles.algorithms.ListCell} cell A list cell which is not part of any list.
-       */
-      addLastCell(cell:yfiles.algorithms.ListCell):void;
-      /**
-       * Removes all elements from this list.
-       */
-      clear():void;
-      /**
-       * Whether or not this list contains all the elements in the given collection.
-       * <p>
-       * Equality of elements is defined by the {@link Object#equals} method.
-       * </p>
-       * @param {yfiles.collections.ICollection.<Object>} collection
-       * @returns {boolean} 
-       */
-      containsAll(collection:yfiles.collections.ICollection<Object>):boolean;
-      /**
-       * Copies the elements of this collection to an array, starting at the specified array index.
-       * @param {Array.<Object>} array The one-dimensional array that is the destination of the elements copied from this collection.
-       * @param {number} arrayIndex The zero-based index in <code>array</code> at which copying begins.
-       */
-      copyTo(array:Object[],arrayIndex:number):void;
-      /**
-       * Returns a cursor for this list.
-       * <p>
-       * All cursor operations are supported. This cursor implementation is not fail-fast and continues to work if this list is
-       * modified during the traversal as long as the current ListCell the cursor points at is this in this list or has been
-       * removed from this list but has not been added to another instance since then.
-       * </p>
-       * @returns {yfiles.algorithms.ICursor} 
-       */
-      cursor():yfiles.algorithms.ICursor;
-      /**
-       * Returns the cyclic predecessor cell of the given list cell.
-       * <p>
-       * The last cell is returned as the cyclic predecessor of the first list cell.
-       * </p>
-       * @param {yfiles.algorithms.ListCell} c
-       * @returns {yfiles.algorithms.ListCell} 
-       */
-      cyclicPred(c:yfiles.algorithms.ListCell):yfiles.algorithms.ListCell;
-      /**
-       * Returns the cyclic successor cell of the given list cell.
-       * <p>
-       * The first cell is returned as the cyclic successor of the last list cell.
-       * </p>
-       * @param {yfiles.algorithms.ListCell} c
-       * @returns {yfiles.algorithms.ListCell} 
-       */
-      cyclicSucc(c:yfiles.algorithms.ListCell):yfiles.algorithms.ListCell;
-      /**
-       * Returns the i-th element of this list.
-       * @param {number} i
-       * @returns {Object} 
-       */
-      elementAt(i:number):Object;
-      /**
-       * Returns the {@link yfiles.algorithms.ListCell} where object <code>o</code> is stored.
-       * <p>
-       * This operation returns <code>null</code>, if no such cell exists. Equality of elements is defined by the {@link Object#equals} method. The first
-       * element in the list that matches that criteria is returned.
-       * </p>
-       * @param {Object} o
-       * @returns {yfiles.algorithms.ListCell} the ListCell that contains the element or <code>null</code> if no such ListCell was found
-       */
-      findCell(o:Object):yfiles.algorithms.ListCell;
-      /**
-       * Gets the element at the specified index.
-       * @param {number} index The zero-based index of the element to get or set.
-       * @returns {Object} The element at the specified index.
-       * @see yfiles.algorithms.YList#set
-       */
-      get(index:number):Object;
-      /**
-       * Gets the cell at the given index.
-       * @param {number} index the zero-based index of the cell in this list.
-       * @returns {yfiles.algorithms.ListCell} The cell.
-       * @throws {Stubs.Exceptions.IndexOutOfRangeError} if the index is negative or greater or equal than the {@link yfiles.algorithms.YList#size}
-       */
-      getCell(index:number):yfiles.algorithms.ListCell;
-      /**
-       * Returns an enumerator that iterates through this collection.
-       * @returns {yfiles.collections.IEnumerator.<Object>} An {@link yfiles.collections.IEnumerator.<T>} that can be used to iterate through this collection.
-       */
-      getEnumerator():yfiles.collections.IEnumerator<Object>;
-      /**
-       * Returns the element stored in the given list cell.
-       * @param {yfiles.algorithms.ListCell} c
-       * @returns {Object} 
-       */
-      getInfo(c:yfiles.algorithms.ListCell):Object;
-      /**
-       * Whether or not this list contains the given element.
-       * <p>
-       * Equality of elements is defined by the {@link Object#equals} method.
-       * </p>
-       * @param {Object} o
-       * @returns {boolean} 
-       */
-      includes(o:Object):boolean;
-      /**
-       * Returns the zero-based index of the given element in this list.
-       * <p>
-       * If the given element is not in the list, -1 is returned.
-       * </p>
-       * @param {Object} obj
-       * @returns {number} 
-       */
-      indexOf(obj:Object):number;
-      /**
-       * 
-       * @param {number} index
-       * @param {Object} element
-       */
-      insert(index:number,element:Object):void;
-      /**
-       * Inserts the given object into this list with respect to a given reference list cell.
-       * <p>
-       * The (newly created) list cell that stores the object is inserted right after the reference list cell <code>refCell</code>.
-       * </p>
-       * <p>
-       * If <code>refCell == null</code>, the given object is inserted at the head of the list.
-       * </p>
-       * @param {Object} o The object to be inserted.
-       * @param {yfiles.algorithms.ListCell} refCell The list cell used to reference the position.
-       * @returns {yfiles.algorithms.ListCell} The newly created ListCell object that stores object <code>o</code>.
-       */
-      insertAfter(o:Object,refCell:yfiles.algorithms.ListCell):yfiles.algorithms.ListCell;
-      /**
-       * Inserts the given object into this list with respect to a given reference list cell.
-       * <p>
-       * The (newly created) list cell that stores the object is inserted right before the reference list cell <code>refCell</code>.
-       * </p>
-       * <p>
-       * If <code>refCell == null</code>, the given object is appended to the list.
-       * </p>
-       * @param {Object} o The object to be inserted.
-       * @param {yfiles.algorithms.ListCell} refCell The list cell used to reference the position.
-       * @returns {yfiles.algorithms.ListCell} The newly created ListCell object that stores object <code>o</code>.
-       */
-      insertBefore(o:Object,refCell:yfiles.algorithms.ListCell):yfiles.algorithms.ListCell;
-      /**
-       * Inserts a formerly removed ListCell object into this list with respect to a given reference list cell.
-       * <p>
-       * The ListCell object is inserted right after the reference list cell <code>refCell</code>.
-       * </p>
-       * <p>
-       * <b>Attention:</b> If the ListCell object is still part of any list, then that list will be corrupted afterwards.
-       * </p>
-       * @param {yfiles.algorithms.ListCell} cellToInsert A list cell which is not part of any list.
-       * @param {yfiles.algorithms.ListCell} refCell The list cell used to reference the position.
-       */
-      insertCellAfter(cellToInsert:yfiles.algorithms.ListCell,refCell:yfiles.algorithms.ListCell):void;
-      /**
-       * Inserts a formerly removed ListCell object into this list with respect to a given reference list cell.
-       * <p>
-       * The ListCell object is inserted right before the reference list cell <code>refCell</code>.
-       * </p>
-       * <p>
-       * <b>Attention:</b> If the ListCell object is still part of any list, then that list will be corrupted afterwards.
-       * </p>
-       * @param {yfiles.algorithms.ListCell} cellToInsert A list cell which is not part of any list.
-       * @param {yfiles.algorithms.ListCell} refCell The list cell used to reference the position.
-       */
-      insertCellBefore(cellToInsert:yfiles.algorithms.ListCell,refCell:yfiles.algorithms.ListCell):void;
-      /**
-       * Checks whether this list contains elements.
-       * @returns {boolean} 
-       */
-      isEmpty():boolean;
-      /**
-       * 
-       * @param {Object} o
-       * @returns {number} 
-       */
-      lastIndexOf(o:Object):number;
-      /**
-       * Equivalent to {@link yfiles.algorithms.YList#firstObject}.
-       * @returns {Object} 
-       */
-      peek():Object;
-      /**
-       * Removes the first element from this list and returns it.
-       * @returns {Object} 
-       */
-      pop():Object;
-      /**
-       * Removes the last element from this list and returns it.
-       * @returns {Object} 
-       */
-      popLast():Object;
-      /**
-       * Returns the predecessor cell of the given list cell.
-       * @param {yfiles.algorithms.ListCell} c
-       * @returns {yfiles.algorithms.ListCell} 
-       */
-      predCell(c:yfiles.algorithms.ListCell):yfiles.algorithms.ListCell;
-      /**
-       * Equivalent to {@link yfiles.algorithms.YList#addFirst}.
-       * @param {Object} o
-       * @returns {yfiles.algorithms.ListCell} 
-       */
-      push(o:Object):yfiles.algorithms.ListCell;
-      /**
-       * Removes the given object from this list.
-       * <p>
-       * Only the first element for which equality to <code>o</code> holds gets removed.
-       * </p>
-       * @param {Object} o
-       * @returns {boolean} 
-       */
-      remove(o:Object):boolean;
-      /**
-       * Removes the given collection of objects from this list.
-       * @param {yfiles.collections.ICollection.<Object>} collection
-       * @returns {boolean} Whether there have been elements removed.
-       */
-      removeAll(collection:yfiles.collections.ICollection<Object>):boolean;
-      /**
-       * 
-       * @param {number} index
-       */
-      removeAt(index:number):void;
-      /**
-       * Removes the element pointed to by the given YCursor object.
-       * @param {yfiles.algorithms.ICursor} c
-       * @returns {Object} The removed element.
-       */
-      removeAtCursor(c:yfiles.algorithms.ICursor):Object;
-      /**
-       * Removes the given list cell, and hence the element stored in it, from this list.
-       * @param {yfiles.algorithms.ListCell} c
-       * @returns {Object} The element that is stored in the removed cell.
-       */
-      removeCell(c:yfiles.algorithms.ListCell):Object;
-      /**
-       * Retains only those elements in this list which are contained in the given collection.
-       * @param {yfiles.collections.ICollection.<Object>} collection
-       * @returns {boolean} Whether there have been elements removed.
-       */
-      retainAll(collection:yfiles.collections.ICollection<Object>):boolean;
-      /**
-       * Reverses the sequence of elements in this list.
-       */
-      reverse():void;
-      /**
-       * Sets the element at the specified index.
-       * @param {number} index The zero-based index of the element to get or set.
-       * @param value The element at the specified index.
-       * @see yfiles.algorithms.YList#get
-       */
-      set(index:number,value:Object):void;
-      /**
-       * Updates the element stored in the given list cell with the given object.
-       * @param {yfiles.algorithms.ListCell} c
-       * @param {Object} value
-       */
-      setInfo(c:yfiles.algorithms.ListCell,value:Object):void;
-      /**
-       * Sorts the elements in this list according to the given comparator.
-       * <p>
-       * NOTE: The elements will be assigned to different list cells by this method.
-       * </p>
-       * @param {yfiles.collections.IComparer.<Object>} comparer
-       */
-      sort(comparer:yfiles.collections.IComparer<Object>):void;
-      /**
-       * Sorts the elements in this list into ascending order, according to their natural ordering.
-       * <p>
-       * All elements must implement the {@link yfiles.lang.IComparable} interface. Furthermore, all elements in this list must be
-       * mutually comparable (that is, <code>e1.compareTo(e2)</code> must not throw a ClassCastException for any elements <code>e1</code> and <code>e2</code> in this
-       * list).
-       * </p>
-       * <p>
-       * NOTE: The elements will be assigned to different list cells by this method.
-       * </p>
-       */
-      sort():void;
-      /**
-       * Transfers the contents of the given list to the end of this list.
-       * <p>
-       * The given list will be empty after this operation.
-       * </p>
-       * <p>
-       * Note that this operation transfers the list cells of the given list to this list. No new list cells are created by this
-       * operation.
-       * </p>
-       * @param {yfiles.algorithms.YList} list
-       */
-      splice(list:yfiles.algorithms.YList):void;
-      /**
-       * 
-       * @param {number} fromIndex
-       * @param {number} toIndex
-       * @returns {yfiles.collections.IList.<Object>} 
-       */
-      subList(fromIndex:number,toIndex:number):yfiles.collections.IList<Object>;
-      /**
-       * Returns the successor cell of the given list cell.
-       * @param {yfiles.algorithms.ListCell} c
-       * @returns {yfiles.algorithms.ListCell} 
-       */
-      succCell(c:yfiles.algorithms.ListCell):yfiles.algorithms.ListCell;
-      /**
-       * Returns an array representation of this list.
-       * @returns {Array.<Object>} 
-       */
-      toArray():Object[];
-      /**
-       * Gets the number of elements in this list.
-       * @type {number}
-       */
-      size:number;
-      /**
-       * Gets the first element of this list.
-       * @type {Object}
-       */
-      firstObject:Object;
-      /**
-       * Gets the last element of this list.
-       * @type {Object}
-       */
-      lastObject:Object;
-      /**
-       * Gets the first cell of this list.
-       * @type {yfiles.algorithms.ListCell}
-       */
-      firstCell:yfiles.algorithms.ListCell;
-      /**
-       * Gets the last cell of this list.
-       * @type {yfiles.algorithms.ListCell}
-       */
-      lastCell:yfiles.algorithms.ListCell;
-      static $class:yfiles.lang.Class;
-    }
-    /**
-     * This class represents a line in the 2D-dimensional affine space.
-     * <p>
-     * The line is defined by the equation ax + by + c = 0
-     * </p>
-     * @class yfiles.algorithms.AffineLine
-     */
-    export interface AffineLine extends Object{}
-    export class AffineLine {
-      /**
-       * Creates an affine line which is defined by two points.
-       * @param {yfiles.algorithms.YPoint} p1
-       * @param {yfiles.algorithms.YPoint} p2
-       * @constructor
-       */
-      constructor(p1:yfiles.algorithms.YPoint,p2:yfiles.algorithms.YPoint);
-      /**
-       * Creates an affine line which is defined by a point and a vector.
-       * @param {yfiles.algorithms.YPoint} p1
-       * @param {yfiles.algorithms.YVector} v
-       * @constructor
-       */
-      constructor(p1:yfiles.algorithms.YPoint,v:yfiles.algorithms.YVector);
-      /**
-       * Returns the crossing of two lines.
-       * <p>
-       * If the lines are parallel, <code>null</code> is returned.
-       * </p>
-       * @param {yfiles.algorithms.AffineLine} l1
-       * @param {yfiles.algorithms.AffineLine} l2
-       * @returns {yfiles.algorithms.YPoint} 
-       * @static
-       */
-      static getCrossing(l1:yfiles.algorithms.AffineLine,l2:yfiles.algorithms.AffineLine):yfiles.algorithms.YPoint;
-      /**
-       * Projects an point on the line in direction of the X-axis.
-       * @param {yfiles.algorithms.YPoint} p
-       * @returns {yfiles.algorithms.YPoint} 
-       */
-      getXProjection(p:yfiles.algorithms.YPoint):yfiles.algorithms.YPoint;
-      /**
-       * Projects an point on the line in direction of the Y-axis.
-       * @param {yfiles.algorithms.YPoint} p
-       * @returns {yfiles.algorithms.YPoint} 
-       */
-      getYProjection(p:yfiles.algorithms.YPoint):yfiles.algorithms.YPoint;
-      /**
-       * Gets a from ax+by+c = 0
-       * @type {number}
-       */
-      a:number;
-      /**
-       * Gets b from ax+by+c = 0
-       * @type {number}
-       */
-      b:number;
-      /**
-       * Gets c from ax+by+c = 0
-       * @type {number}
-       */
-      c:number;
-      static $class:yfiles.lang.Class;
-    }
-    /**
-     * The handle of a segment of a borderline.
-     * @class yfiles.algorithms.BorderLineSegment
-     */
-    export interface BorderLineSegment extends Object{}
-    export class BorderLineSegment {
-      /**
-       * Returns the segment's value at the given position.
-       * <p>
-       * Note: In case the position lies outside the segments range, the calculated value might be invalid. As the segment is not
-       * aware of any offsets the position also must not include any offsets.
-       * </p>
-       * @param {number} position the position the value is retrieved for.
-       * @returns {number} the segment's value at the given position.
-       */
-      getValueAt(position:number):number;
-      /**
-       * Returns the next segment or <code>null</code> if there is no such segment.
-       * @returns {yfiles.algorithms.BorderLineSegment} 
-       */
-      next():yfiles.algorithms.BorderLineSegment;
-      /**
-       * Returns the previous segment or <code>null</code> if there is no such segment.
-       * @returns {yfiles.algorithms.BorderLineSegment} 
-       */
-      prev():yfiles.algorithms.BorderLineSegment;
-      /**
-       * Gets the end of this segment.
-       * @type {number}
-       */
-      end:number;
-      static $class:yfiles.lang.Class;
-    }
-    /**
-     * This class can be used to easily model an orthogonal border line or sky-line.
-     * <p>
-     * It provides methods for measuring the distance between different BorderLine instances, merging multiple instances,
-     * modifying and efficiently moving them around.
-     * </p>
-     * @class yfiles.algorithms.BorderLine
-     */
-    export interface BorderLine extends Object{}
-    export class BorderLine {
-      /**
-       * Creates a new BorderLine from a single segment.
-       * @param {number} min the beginning of this borderline
-       * @param {number} max the ending of this borderline
-       * @param {number} valueAtMin the value of the segment at the beginning of this borderline
-       * @param {number} valueAtMax the value of the segment at the ending of this borderline
-       * @constructor
-       */
-      constructor(min:number,max:number,valueAtMin:number,valueAtMax:number);
-      /**
-       * Creates a new BorderLine from a single segment.
-       * @param {number} min the beginning of this borderline
-       * @param {number} max the ending of this borderline
-       * @param {number} value the value of the segment
-       * @constructor
-       */
-      constructor(min:number,max:number,value:number);
-      /**
-       * Creates a new BorderLine with the given value from -Double.MAX_VALUE to Double.MAX_VALUE.
-       * @param {number} value the value of the segment
-       * @constructor
-       */
-      constructor(value:number);
-      /**
-       * Adds the given offset to the segments' positions.
-       * <p>
-       * This method has complexity O(1).
-       * </p>
-       * @param {number} delta the delta to add to the positions
-       */
-      addOffset(delta:number):void;
-      /**
-       * Adds the given offset to the current values of the whole borderline.
-       * <p>
-       * This method has complexity O(1).
-       * </p>
-       * @param {number} delta the delta to add to the values
-       */
-      addValueOffset(delta:number):void;
-      /**
-       * Convenience method that copies the actual data from the given argument to this instance.
-       * @param {yfiles.algorithms.BorderLine} other the argument to retrieve the values from
-       */
-      adoptValues(other:yfiles.algorithms.BorderLine):void;
-      /**
-       * Creates a copy of this borderline.
-       * <p>
-       * Optionally negates the values or offsets.
-       * </p>
-       * @param {boolean} negateValues whether the values are negated
-       * @param {boolean} negateOffsets whether the offsets are negated
-       * @returns {yfiles.algorithms.BorderLine} the copy of the borderline
-       */
-      createCopy(negateValues:boolean,negateOffsets:boolean):yfiles.algorithms.BorderLine;
-      /**
-       * Merges this borderline with the given borderline using the "maximum" policy.
-       * <p>
-       * That means the resulting borderline will have greater value of both borderline on each position. If you imagine each
-       * borderline as a the upper border of a plane, the resulting borderline will be the upper border of the merged planes.
-       * </p>
-       * @param {yfiles.algorithms.BorderLine} other the other borderline
-       * @returns {yfiles.algorithms.BorderLine} a new borderline that is the result of the merge
-       */
-      createMax(other:yfiles.algorithms.BorderLine):yfiles.algorithms.BorderLine;
-      /**
-       * Merges this borderline with the given borderline using the "minimum" policy.
-       * <p>
-       * That means the resulting borderline will have smaller value of both borderline on each position. If you imagine each
-       * borderline as a the lower border of a plane, the resulting borderline will be the lower border of the merged planes.
-       * </p>
-       * @param {yfiles.algorithms.BorderLine} other the other borderline
-       * @returns {yfiles.algorithms.BorderLine} a new borderline that is the result of the merge
-       */
-      createMin(other:yfiles.algorithms.BorderLine):yfiles.algorithms.BorderLine;
-      /**
-       * Returns the first segment or <code>null</code> if there is no such segment.
-       * @returns {yfiles.algorithms.BorderLineSegment} 
-       */
-      firstSegment():yfiles.algorithms.BorderLineSegment;
-      /**
-       * Calculates the minimal distance between this borderline and the other one.
-       * <p>
-       * The other one is treated as if the values were all greater.
-       * </p>
-       * @param {yfiles.algorithms.BorderLine} greater
-       * @returns {number} 
-       */
-      getDistanceTo(greater:yfiles.algorithms.BorderLine):number;
-      /**
-       * Returns the maximum position of the given segment.
-       * @param {yfiles.algorithms.BorderLineSegment} s the segment
-       * @returns {number} 
-       */
-      getMax(s:yfiles.algorithms.BorderLineSegment):number;
-      /**
-       * Calculates the maximum value in the interval from->to.
-       * @param {number} from
-       * @param {number} to
-       * @returns {number} 
-       */
-      getMaxValue(from:number,to:number):number;
-      /**
-       * Returns the minimum position of the given segment.
-       * @param {yfiles.algorithms.BorderLineSegment} s the segment
-       * @returns {number} 
-       */
-      getMin(s:yfiles.algorithms.BorderLineSegment):number;
-      /**
-       * Calculates the minimum value in the interval from->to.
-       * @param {number} from
-       * @param {number} to
-       * @returns {number} 
-       */
-      getMinValue(from:number,to:number):number;
-      /**
-       * Returns the segment at the given position.
-       * @param {number} pos the position
-       * @returns {yfiles.algorithms.BorderLineSegment} 
-       */
-      getSegmentAt(pos:number):yfiles.algorithms.BorderLineSegment;
-      /**
-       * Returns the slope of the given segment.
-       * @param {yfiles.algorithms.BorderLineSegment} s the segment
-       * @returns {number} 
-       */
-      getSlope(s:yfiles.algorithms.BorderLineSegment):number;
-      /**
-       * Returns the value of the minimum of the given segment.
-       * <p>
-       * If the segment's slope is 0, it's the value of the whole segment. In case the slope differs from 0, it's the value of
-       * the start of the slope.
-       * </p>
-       * @param {yfiles.algorithms.BorderLineSegment} s the segment
-       * @returns {number} 
-       */
-      getValue(s:yfiles.algorithms.BorderLineSegment):number;
-      /**
-       * Returns the value that is set on this borderline at the specified position.
-       * <p>
-       * The position must lie within the range of the segment.
-       * </p>
-       * @param {yfiles.algorithms.BorderLineSegment} segment The segment whose value shall be returned.
-       * @param {number} pos the position where the value will be retrieved.
-       * @returns {number} the value
-       * @throws {Stubs.Exceptions.ArgumentError} if <code>pos</code> is outside the segment's range.
-       */
-      getValueAt(segment:yfiles.algorithms.BorderLineSegment,pos:number):number;
-      /**
-       * Returns the value that is set on this borderline at the specified position.
-       * <p>
-       * The position must lie within the range of the segment that is stored in <code>cell</code>.
-       * </p>
-       * @param {yfiles.algorithms.ListCell} cell The list cell containing the segment whose value shall be returned.
-       * @param {number} pos the position
-       * @returns {number} the value
-       * @throws {Stubs.Exceptions.ArgumentError} if <code>pos</code> is outside the segment's range that is stored in <code>cell</code>.
-       */
-      getValueAt(cell:yfiles.algorithms.ListCell,pos:number):number;
-      /**
-       * Returns the value that is set on this borderline at the specified position.
-       * @param {number} pos the position
-       * @returns {number} the value
-       * @throws {Stubs.Exceptions.IndexOutOfRangeError} if the position is outside of the borderline.
-       */
-      getValueAt(pos:number):number;
-      /**
-       * Grows this BorderLine horizontally, so that the {@link yfiles.algorithms.BorderLine#getValueAt values} of the BorderLine stay the same however their {@link yfiles.algorithms.BorderLine#getMin start} and {@link yfiles.algorithms.BorderLine#getMax end}
-       * points are moved in the direction of <code>toMin</code> and <code>toMax</code>.
-       * <p>
-       * This is useful for scenarios where a BorderLine is needed that consists of an enlarged border.
-       * </p>
-       * <p>
-       * Note that this method normalizes the segments, i.e., it transforms each segment with slope != 0 to a segment with slope
-       * == 0.
-       * </p>
-       * @param {number} toMin the delta by which the border should be extended towards -Infinity
-       * @param {number} toMax the delta by which the border should be extended towards +Infinity
-       * @param {boolean} positive whether the BorderLine should be interpreted to point in positive direction. This influences the direction into which a
-       * segment's border is extended.
-       */
-      grow(toMin:number,toMax:number,positive:boolean):void;
-      /**
-       * Returns the last segment or <code>null</code> if there is no such segment.
-       * @returns {yfiles.algorithms.BorderLineSegment} 
-       */
-      lastSegment():yfiles.algorithms.BorderLineSegment;
-      /**
-       * Merges this borderline with the given borderline using the "maximum" policy.
-       * @param {yfiles.algorithms.BorderLine} other the other borderline
-       */
-      mergeWithMax(other:yfiles.algorithms.BorderLine):void;
-      /**
-       * Merges this borderline with the given borderline using the "minimum" policy.
-       * @param {yfiles.algorithms.BorderLine} other the other borderline
-       */
-      mergeWithMin(other:yfiles.algorithms.BorderLine):void;
-      /**
-       * Returns the next segment or <code>null</code> if there is no such segment.
-       * @param {yfiles.algorithms.BorderLineSegment} s
-       * @returns {yfiles.algorithms.BorderLineSegment} 
-       */
-      next(s:yfiles.algorithms.BorderLineSegment):yfiles.algorithms.BorderLineSegment;
-      /**
-       * Returns the previous segment or <code>null</code> if there is no such segment.
-       * @param {yfiles.algorithms.BorderLineSegment} s
-       * @returns {yfiles.algorithms.BorderLineSegment} 
-       */
-      prev(s:yfiles.algorithms.BorderLineSegment):yfiles.algorithms.BorderLineSegment;
-      /**
-       * Assures that all values in the given interval are greater or equal than the given value.
-       * @param {number} min the lower end of the interval
-       * @param {number} max the upper end of the interval
-       * @param {number} value the smallest possible value for the interval
-       */
-      setMaxValue(min:number,max:number,value:number):void;
-      /**
-       * Assures that all values in the given interval are less or equal than the given value.
-       * @param {number} min the lower end of the interval
-       * @param {number} max the upper end of the interval
-       * @param {number} value the greatest possible value for the interval
-       */
-      setMinValue(min:number,max:number,value:number):void;
-      /**
-       * Sets a specific interval to a slope starting at a given value.
-       * @param {number} min the left side of the interval.
-       * @param {number} max the right side of the interval.
-       * @param {number} value the value at <code>min</code> where the slope starts.
-       * @param {number} slope the slope of the segment in the given interval.
-       * @throws {Stubs.Exceptions.ArgumentError} if <code>min</code> is greater than <code>max</code>.
-       */
-      setSloped(min:number,max:number,value:number,slope:number):void;
-      /**
-       * Sets a specific interval described by <code>min</code> and <code>max</code> to a given value.
-       * @param {number} min the left side of the interval.
-       * @param {number} max the right side of the interval.
-       * @param {number} value the value for the whole interval.
-       */
-      setValue(min:number,max:number,value:number):void;
-      /**
-       * Gets the smallest position of this borderline
-       * @type {number}
-       */
-      min:number;
-      /**
-       * Gets the greatest position of this borderline
-       * @type {number}
-       */
-      max:number;
-      /**
-       * Gets the minimum value that is set on this borderline
-       * @type {number}
-       */
-      minValue:number;
-      /**
-       * Gets the maximum value that is set on this borderline
-       * @type {number}
-       */
-      maxValue:number;
-      static $class:yfiles.lang.Class;
-    }
-    /**
-     * This class provides useful geometric primitives and advanced geometric algorithms.
-     * @class yfiles.algorithms.Geom
-     * @static
-     */
-    export interface Geom extends Object{}
-    export class Geom {
-      /**
-       * Calculates the convex hull for a set of points.
-       * @param {yfiles.algorithms.YList} points a list of {@link yfiles.algorithms.YPoint} objects
-       * @returns {yfiles.algorithms.YList} a list of {@link yfiles.algorithms.YPoint} objects that constitute the convex hull of the given points. The list contains points
-       * in counter clockwise order around the hull. The first point is the one with the smallest <code>x</code> coordinate. If two such
-       * points exist then of these points the one with the smallest <code>y</code> coordinate is chosen as the first one.
-       * @static
-       */
-      static calcConvexHull(points:yfiles.algorithms.YList):yfiles.algorithms.YList;
-      /**
-       * Calculates the intersection point of two <b>affine</b> lines.
-       * <p>
-       * Each line is given by two points.
-       * </p>
-       * @param {yfiles.algorithms.YPoint} p1 one point on the first line.
-       * @param {yfiles.algorithms.YPoint} p2 another point on the first line.
-       * @param {yfiles.algorithms.YPoint} p3 one point on the second line.
-       * @param {yfiles.algorithms.YPoint} p4 another point on the second line.
-       * @returns {yfiles.algorithms.YPoint} the intersection point of the specified lines or <code>null</code> if there is no intersection.
-       * @static
-       */
-      static calcIntersection(p1:yfiles.algorithms.YPoint,p2:yfiles.algorithms.YPoint,p3:yfiles.algorithms.YPoint,p4:yfiles.algorithms.YPoint):yfiles.algorithms.YPoint;
-      /**
-       * Calculates the intersection point of two affine lines.
-       * <p>
-       * Each line is given by a point and a direction vector.
-       * </p>
-       * @param {yfiles.algorithms.YPoint} p1 origin point of the first line.
-       * @param {yfiles.algorithms.YVector} d1 direction vector of the first line.
-       * @param {yfiles.algorithms.YPoint} p2 origin point of the second line.
-       * @param {yfiles.algorithms.YVector} d2 direction vector of the second line.
-       * @returns {yfiles.algorithms.YPoint} the intersection point of the specified lines or <code>null</code> if there is no intersection.
-       * @static
-       */
-      static calcIntersection(p1:yfiles.algorithms.YPoint,d1:yfiles.algorithms.YVector,p2:yfiles.algorithms.YPoint,d2:yfiles.algorithms.YVector):yfiles.algorithms.YPoint;
-      /**
-       * Calculates the intersection point of two <b>affine</b> lines.
-       * <p>
-       * Each line is given by the coordinates of two points.
-       * </p>
-       * @param {number} x1 x-coordinate of one point on the first line.
-       * @param {number} y1 y-coordinate of one point on the first line.
-       * @param {number} x2 x-coordinate of another point on the first line.
-       * @param {number} y2 y-coordinate of another point on the first line.
-       * @param {number} x3 x-coordinate of one point on the second line.
-       * @param {number} y3 y-coordinate of one point on the second line.
-       * @param {number} x4 x-coordinate of another point on the second line.
-       * @param {number} y4 y-coordinate of another point on the second line.
-       * @returns {yfiles.algorithms.YPoint} the intersection point of the specified lines or <code>null</code> if there is no intersection.
-       * @static
-       */
-      static calcIntersection(x1:number,y1:number,x2:number,y2:number,x3:number,y3:number,x4:number,y4:number):yfiles.algorithms.YPoint;
-      /**
-       * Intersects the pair of specified source <code>Rectangle2D</code> objects and puts the result into the specified destination <code>Rectangle2D</code>
-       * object.
-       * <p>
-       * If one or both of the source rectangles have negative width or height, the resulting rectangle will be located at (0,0)
-       * with a width and height of -1. One of the source rectangles can also be the destination to avoid creating a third
-       * Rectangle2D object, but in this case the original points of this source rectangle will be overwritten by this method.
-       * </p>
-       * @param {yfiles.algorithms.Rectangle2D} r1 the first of a pair of <code>Rectangle2D</code> objects to be intersected with each other
-       * @param {yfiles.algorithms.Rectangle2D} r2 the second of a pair of <code>Rectangle2D</code> objects to be intersected with each other
-       * @param {yfiles.algorithms.Rectangle2D} dest the <code>Rectangle2D</code> that holds the results of the intersection of <code>r1</code> and <code>r2</code>
-       * @returns {yfiles.algorithms.Rectangle2D} 
-       * @static
-       */
-      static calcIntersection(r1:yfiles.algorithms.Rectangle2D,r2:yfiles.algorithms.Rectangle2D,dest:yfiles.algorithms.Rectangle2D):yfiles.algorithms.Rectangle2D;
-      /**
-       * Unions the pair of source <code>Rectangle2D</code> objects and puts the result into the specified destination <code>Rectangle2D</code> object.
-       * <p>
-       * If one of the source rectangles has negative width or height, it is excluded from the union. If both source rectangles
-       * have negative width or height, the destination rectangle will become a copy of <code>r1</code>. One of the source rectangles can also
-       * be the destination to avoid creating a third Rectangle2D object, but in this case the original points of this source
-       * rectangle will be overwritten by this method. If the destination is <code>null</code>, a new <code>Rectangle2D</code> is created.
-       * </p>
-       * @param {yfiles.algorithms.Rectangle2D} r1 the first of a pair of <code>Rectangle2D</code> objects to be combined with each other
-       * @param {yfiles.algorithms.Rectangle2D} r2 the second of a pair of <code>Rectangle2D</code> objects to be combined with each other
-       * @param {yfiles.algorithms.Rectangle2D} dest the <code>Rectangle2D</code> that holds the results of the union of <code>r1</code> and <code>r2</code>
-       * @returns {yfiles.algorithms.Rectangle2D} 
-       * @static
-       */
-      static calcUnion(r1:yfiles.algorithms.Rectangle2D,r2:yfiles.algorithms.Rectangle2D,dest:yfiles.algorithms.Rectangle2D):yfiles.algorithms.Rectangle2D;
-      /**
-       * Returns <code>true</code> iff the given points are collinear, i.e.
-       * <p>
-       * all three points lie on a common line.
-       * </p>
-       * <p>
-       * Same as {@link yfiles.algorithms.Geom#orientation orientation(p,q,r) == 0}
-       * </p>
-       * @param {yfiles.algorithms.YPoint} p
-       * @param {yfiles.algorithms.YPoint} q
-       * @param {yfiles.algorithms.YPoint} r
-       * @returns {boolean} 
-       * @static
-       */
-      static collinear(p:yfiles.algorithms.YPoint,q:yfiles.algorithms.YPoint,r:yfiles.algorithms.YPoint):boolean;
-      /**
-       * Determines the distance of the point <code>p</code> to the line segment <code>[l1, l2]</code>.
-       * @param {number} pointX the x coordinate of p
-       * @param {number} pointY the y coordinate of p
-       * @param {number} lineX1 the x coordinate of l1
-       * @param {number} lineY1 the y coordinate of l1
-       * @param {number} lineX2 the x coordinate of l2
-       * @param {number} lineY2 the y coordinate of l2
-       * @returns {number} 
-       * @static
-       */
-      static distanceToLineSegment(pointX:number,pointY:number,lineX1:number,lineY1:number,lineX2:number,lineY2:number):number;
-      /**
-       * Same as {@link yfiles.algorithms.Geom#orientation orientation(p,q,r) > 0}
-       * @param {yfiles.algorithms.YPoint} p
-       * @param {yfiles.algorithms.YPoint} q
-       * @param {yfiles.algorithms.YPoint} r
-       * @returns {boolean} 
-       * @static
-       */
-      static leftTurn(p:yfiles.algorithms.YPoint,q:yfiles.algorithms.YPoint,r:yfiles.algorithms.YPoint):boolean;
-      /**
-       * Returns whether the two lines defined by the given coordinates intersect or not.
-       * @param {number} x1
-       * @param {number} y1
-       * @param {number} x2
-       * @param {number} y2
-       * @param {number} x3
-       * @param {number} y3
-       * @param {number} x4
-       * @param {number} y4
-       * @returns {boolean} 
-       * @static
-       */
-      static linesIntersect(x1:number,y1:number,x2:number,y2:number,x3:number,y3:number,x4:number,y4:number):boolean;
-      /**
-       * Same as {@link yfiles.algorithms.Geom#orientation} with double values as arguments.
-       * @param {number} px
-       * @param {number} py
-       * @param {number} qx
-       * @param {number} qy
-       * @param {number} rx
-       * @param {number} ry
-       * @returns {number} 
-       * @static
-       */
-      static orientation(px:number,py:number,qx:number,qy:number,rx:number,ry:number):number;
-      /**
-       * Returns the orientation of point <code>r</code> relative to the directed line from point <code>p</code> to point <code>q</code>.
-       * <p>
-       * The given tuple of points is said to have positive orientation if <code>p</code> and <code>q</code> are distinct and <code>r</code> lies to the left of the
-       * oriented line passing through <code>p</code> and <code>q</code> and oriented from <code>p</code> to <code>q</code>.
-       * </p>
-       * <p>
-       * The tuple is said to have negative orientation if <code>p</code> and <code>q</code> are distinct and <code>r</code> lies to the right of the line, and the
-       * tuple is said to have orientation zero if the three points are collinear.
-       * </p>
-       * @param {yfiles.algorithms.YPoint} p
-       * @param {yfiles.algorithms.YPoint} q
-       * @param {yfiles.algorithms.YPoint} r
-       * @returns {number} <b>+1</b> in the case of positive orientation, <b>-1</b> in the case of negative orientation and <b>0</b> in the case of zero orientation.
-       * @static
-       */
-      static orientation(p:yfiles.algorithms.YPoint,q:yfiles.algorithms.YPoint,r:yfiles.algorithms.YPoint):number;
-      /**
-       * Determines the projection of the point <code>p</code> onto the line segment <code>[l1, l2]</code>.
-       * <p>
-       * The resulting point is
-       * </p>
-       * <ul>
-       * <li>the orthogonal projection of <code>p</code> onto the line through <code>l1</code> and <code>l2</code>, iff the projection lies on the line segment <code>[l1, l2]</code></li>
-       * <li>the end point of the line segment <code>[l1, l2]</code> that is closest to <code>p</code>, otherwise</li>
-       * </ul>
-       * @param {number} pointX the x coordinate of p
-       * @param {number} pointY the y coordinate of p
-       * @param {number} lineX1 the x coordinate of l1
-       * @param {number} lineY1 the y coordinate of l1
-       * @param {number} lineX2 the x coordinate of l2
-       * @param {number} lineY2 the y coordinate of l2
-       * @returns {yfiles.algorithms.YPoint} 
-       * @static
-       */
-      static projection(pointX:number,pointY:number,lineX1:number,lineY1:number,lineX2:number,lineY2:number):yfiles.algorithms.YPoint;
-      /**
-       * Same as {@link yfiles.algorithms.Geom#orientation orientation(p,q,r) &lt; 0}
-       * @param {yfiles.algorithms.YPoint} p
-       * @param {yfiles.algorithms.YPoint} q
-       * @param {yfiles.algorithms.YPoint} r
-       * @returns {boolean} 
-       * @static
-       */
-      static rightTurn(p:yfiles.algorithms.YPoint,q:yfiles.algorithms.YPoint,r:yfiles.algorithms.YPoint):boolean;
-      /**
-       * Returns +1 if point <code>d</code> lies left of the directed circle through points <code>a</code>, <code>b</code>, and <code>c</code>, 0 if <code>a,b,c</code> and <code>d</code> are cocircular, and
-       * -1 otherwise.
-       * @param {yfiles.algorithms.YPoint} a
-       * @param {yfiles.algorithms.YPoint} b
-       * @param {yfiles.algorithms.YPoint} c
-       * @param {yfiles.algorithms.YPoint} d
-       * @returns {number} 
-       * @static
-       */
-      static sideOfCircle(a:yfiles.algorithms.YPoint,b:yfiles.algorithms.YPoint,c:yfiles.algorithms.YPoint,d:yfiles.algorithms.YPoint):number;
-      /**
-       * Converts the given degree value from radian to angular
-       * @param {number} angrad
-       * @returns {number} 
-       * @static
-       */
-      static toDegrees(angrad:number):number;
-      /**
-       * Converts the given degree value from angular to radian.
-       * @param {number} angdeg
-       * @returns {number} 
-       * @static
-       */
-      static toRadians(angdeg:number):number;
-      static $class:yfiles.lang.Class;
-    }
-    /**
-     * This is an interface for a sequence of instances of LineSegment.
-     * @interface
-     * @implements {yfiles.algorithms.ICursor}
-     */
-    export interface ILineSegmentCursor extends Object,yfiles.algorithms.ICursor{
-      /**
-       * Gets the instance of LineSegment the cursor is currently pointing on.
-       * @abstract
-       * @type {yfiles.algorithms.LineSegment}
-       */
-      lineSegment:yfiles.algorithms.LineSegment;
-    }
-    var ILineSegmentCursor:{
-      $class:yfiles.lang.Class;
-      isInstance(o:Object):boolean;
-    };
-    /**
-     * This interface describes a 2-dimensional object which has a finite bounding box.
-     * @interface
-     */
-    export interface IPlaneObject extends Object{
-      /**
-       * Gets the smallest Rectangle which contains the object.
-       * @abstract
-       * @type {yfiles.algorithms.YRectangle}
-       */
-      boundingBox:yfiles.algorithms.YRectangle;
-    }
-    var IPlaneObject:{
-      $class:yfiles.lang.Class;
-      isInstance(o:Object):boolean;
-    };
-    /**
-     * This is an interface for a sequence of instances of YPoint.
-     * @interface
-     * @implements {yfiles.algorithms.ICursor}
-     */
-    export interface IPointCursor extends Object,yfiles.algorithms.ICursor{
-      /**
-       * Gets the instance of YPoint the cursor is currently pointing on.
-       * @abstract
-       * @type {yfiles.algorithms.YPoint}
-       */
-      point:yfiles.algorithms.YPoint;
-    }
-    var IPointCursor:{
-      $class:yfiles.lang.Class;
-      isInstance(o:Object):boolean;
-    };
-    /**
-     * Double-precision immutable insets representation.
-     * @class yfiles.algorithms.Insets
-     * @implements {yfiles.lang.ICloneable}
-     */
-    export interface Insets extends Object,yfiles.lang.ICloneable{}
-    export class Insets {
-      /**
-       * Creates a new instance with the given values
-       * @param {number} top The new top inset value
-       * @param {number} left The new left inset value
-       * @param {number} bottom The new bottom inset value
-       * @param {number} right The new right inset value
-       * @constructor
-       */
-      constructor(top:number,left:number,bottom:number,right:number);
-      /**
-       * 
-       * @returns {Object} 
-       */
-      clone():Object;
-      /**
-       * Creates a {@link yfiles.geometry.Insets} from a given {@link yfiles.algorithms.Insets}.
-       * @returns {yfiles.geometry.Insets} The {@link yfiles.geometry.Insets}.
-       */
-      toInsets():yfiles.geometry.Insets;
-      /**
-       * The inset from the top.
-       * @const
-       * @type {number}
-       */
-      top:number;
-      /**
-       * The inset from the left.
-       * @const
-       * @type {number}
-       */
-      left:number;
-      /**
-       * The inset from the bottom.
-       * @const
-       * @type {number}
-       */
-      bottom:number;
-      /**
-       * The inset from the right.
-       * @const
-       * @type {number}
-       */
-      right:number;
-      static $class:yfiles.lang.Class;
-    }
-    /**
-     * An instance of this interface handles intersections found by the <code>IntersectionAlgorithm</code>,
-     * @interface
-     */
-    export interface IIntersectionHandler extends Object{
-      /**
-       * This method is called at every intersection.
-       * @param {Object} a
-       * @param {Object} b
-       * @abstract
-       */
-      checkIntersection(a:Object,b:Object):void;
-    }
-    var IIntersectionHandler:{
-      $class:yfiles.lang.Class;
-      isInstance(o:Object):boolean;
-    };
-    /**
-     * This class calculates the intersection of rectangles in the plane with the help of a sweep-line algorithm.
-     * <p>
-     * <br /> The complexity is <code>O(n log n + s)</code> where <code>n</code> is the number of rectangles and <code>s</code> the number of intersections.
-     * </p>
-     * @class yfiles.algorithms.IntersectionAlgorithm
-     * @static
-     */
-    export interface IntersectionAlgorithm extends Object{}
-    export class IntersectionAlgorithm {
-      /**
-       * Calculates the intersections of rectangles in the plane.
-       * <p>
-       * Every found intersection is reported to an
-       * <code>IntersectionHandler</code>. Rectangles with negative size are completely ignored by this implementation (i.e. never generate
-       * intersections)
-       * </p>
-       * @param {yfiles.algorithms.YList} objects a list of <code>PlaneObject</code> objects.
-       * @param {yfiles.algorithms.IIntersectionHandler} iHandler intersections are reported to this class.
-       * @static
-       */
-      static intersect(objects:yfiles.algorithms.YList,iHandler:yfiles.algorithms.IIntersectionHandler):void;
-      static $class:yfiles.lang.Class;
-    }
-    /**
-     * This class represents a line segment in the plane.
-     * <p>
-     * A line segment is defined by its two end points.
-     * </p>
-     * @class yfiles.algorithms.LineSegment
-     * @implements {yfiles.algorithms.IPlaneObject}
-     */
-    export interface LineSegment extends Object,yfiles.algorithms.IPlaneObject{}
-    export class LineSegment {
-      /**
-       * Returns a new LineSegment.
-       * @param {yfiles.algorithms.YPoint} p1 the first end point of the line segment.
-       * @param {yfiles.algorithms.YPoint} p2 the second end point of the line segment.
-       * @constructor
-       */
-      constructor(p1:yfiles.algorithms.YPoint,p2:yfiles.algorithms.YPoint);
-      /**
-       * Checks whether a line segment intersects a paraxial box.
-       * <p>
-       * Implemented using the Cohen-Sutherland algorithm.
-       * </p>
-       * @param {number} boxX1 x-coordinate of the upper left corner of the box
-       * @param {number} boxY1 y-coordinate of the upper left corner of the box
-       * @param {number} boxX2 x-coordinate of the lower right corner of the box
-       * @param {number} boxY2 y-coordinate of the lower right corner of the box
-       * @param {number} sX1 x-coordinate of the first end point of the line segment
-       * @param {number} sY1 y-coordinate of the first end point of the line segment
-       * @param {number} sX2 x-coordinate of the second end point of the line segment
-       * @param {number} sY2 y-coordinate of the second end point of the line segment
-       * @returns {boolean} <code>true</code> if the line segment intersects the box, <code>false</code> otherwise.
-       * @static
-       */
-      static boxIntersectsSegment(boxX1:number,boxY1:number,boxX2:number,boxY2:number,sX1:number,sY1:number,sX2:number,sY2:number):boolean;
-      /**
-       * Checks whether a line segment intersects a box.
-       * <p>
-       * Implemented using the Cohen-Sutherland algorithm.
-       * </p>
-       * @param {yfiles.algorithms.YRectangle} box A rectangle
-       * @param {number} x1 x-coordinate of the first end point of the line segment
-       * @param {number} y1 y-coordinate of the first end point of the line segment
-       * @param {number} x2 x-coordinate of the second end point of the line segment
-       * @param {number} y2 y-coordinate of the second end point of the line segment
-       * @returns {boolean} <code>true</code> if the line segment intersects the box, <code>false</code> otherwise.
-       * @static
-       */
-      static boxIntersectsSegment(box:yfiles.algorithms.YRectangle,x1:number,y1:number,x2:number,y2:number):boolean;
-      /**
-       * Checks whether a line segment intersects a box.
-       * @param {yfiles.algorithms.YRectangle} box A rectangle.
-       * @param {yfiles.algorithms.YPoint} s first end point of the line segment.
-       * @param {yfiles.algorithms.YPoint} t second end point of the line segment.
-       * @returns {boolean} <code>true</code> if the line segments intersects the box, <code>false</code> otherwise.
-       * @static
-       */
-      static boxIntersectsSegment(box:yfiles.algorithms.YRectangle,s:yfiles.algorithms.YPoint,t:yfiles.algorithms.YPoint):boolean;
-      /**
-       * Checks whether a given point lies on this line segment.
-       * @param {yfiles.algorithms.YPoint} point an arbitrary point.
-       * @returns {boolean} <code>true</code> if the line segments intersects the box, <code>false</code> otherwise.
-       */
-      contains(point:yfiles.algorithms.YPoint):boolean;
-      /**
-       * Returns intersection point between the two line segments, if there is one or <code>null</code> if the two line segments do not
-       * intersect.
-       * @param {yfiles.algorithms.LineSegment} s1 first line segment
-       * @param {yfiles.algorithms.LineSegment} s2 second line segment
-       * @returns {yfiles.algorithms.YPoint} 
-       * @static
-       */
-      static getIntersection(s1:yfiles.algorithms.LineSegment,s2:yfiles.algorithms.LineSegment):yfiles.algorithms.YPoint;
-      /**
-       * Checks whether the line segment intersects a point.
-       * @param {yfiles.algorithms.YPoint} p a point
-       * @returns {boolean} <code>true</code> if the line segments intersects the given point, <code>false</code> otherwise.
-       */
-      intersects(p:yfiles.algorithms.YPoint):boolean;
-      /**
-       * Checks whether the line segment intersects a box.
-       * @param {yfiles.algorithms.YRectangle} box A rectangle.
-       * @returns {boolean} <code>true</code> if the line segments intersects the box, <code>false</code> otherwise.
-       */
-      intersects(box:yfiles.algorithms.YRectangle):boolean;
-      /**
-       * Determines if the given points define a horizontal line segment.
-       * <p>
-       * This methods allows for y-coordinate differences of up to 1e-8.
-       * </p>
-       * @param {yfiles.algorithms.YPoint} p1
-       * @param {yfiles.algorithms.YPoint} p2
-       * @returns {boolean} <code>true</code> if the given points define a horizontal line segment; <code>false</code> otherwise.
-       * @static
-       */
-      static isHorizontalSegment(p1:yfiles.algorithms.YPoint,p2:yfiles.algorithms.YPoint):boolean;
-      /**
-       * Returns if the projection on the X axis of the line segment covers a certain point on the X Axis.
-       * @param {number} x
-       * @returns {boolean} 
-       */
-      isInXIntervall(x:number):boolean;
-      /**
-       * Returns if the projection on the Y axis of the line segment covers a certain point on the Y Axis.
-       * @param {number} y
-       * @returns {boolean} 
-       */
-      isInYIntervall(y:number):boolean;
-      /**
-       * Determines if the given points define a vertical line segment.
-       * <p>
-       * This methods allows for x-coordinate differences of up to 1e-8.
-       * </p>
-       * @param {yfiles.algorithms.YPoint} p1
-       * @param {yfiles.algorithms.YPoint} p2
-       * @returns {boolean} <code>true</code> if the given points define a vertical line segment; <code>false</code> otherwise.
-       * @static
-       */
-      static isVerticalSegment(p1:yfiles.algorithms.YPoint,p2:yfiles.algorithms.YPoint):boolean;
-      /**
-       * Returns the length of the line segment, this is the value of the Euclidean norm.
-       * @returns {number} an value > 0.
-       */
-      length():number;
-      /**
-       * Returns the affine line defined by the end points of the line segment.
-       * @returns {yfiles.algorithms.AffineLine} 
-       */
-      toAffineLine():yfiles.algorithms.AffineLine;
-      /**
-       * Returns the vector pointing from the first end point to the second end point of the line segment.
-       * @returns {yfiles.algorithms.YVector} 
-       */
-      toYVector():yfiles.algorithms.YVector;
-      /**
-       * Gets if this segment is considered vertical, i.e.
-       * <p>
-       * the x values of the end point differ less then 0.00000001
-       * </p>
-       * @type {boolean}
-       */
-      isVertical:boolean;
-      /**
-       * Gets if the interval is horizontal.
-       * @type {boolean}
-       */
-      isHorizontal:boolean;
-      /**
-       * Gets the first end point of the line segment.
-       * @type {yfiles.algorithms.YPoint}
-       */
-      firstEndPoint:yfiles.algorithms.YPoint;
-      /**
-       * Gets the second end point of the line segment.
-       * @type {yfiles.algorithms.YPoint}
-       */
-      secondEndPoint:yfiles.algorithms.YPoint;
-      /**
-       * Gets the y value of the line on x coordinate 0.
-       * @type {number}
-       */
-      xOffset:number;
-      /**
-       * Gets the slope of the line segment.
-       * @type {number}
-       */
-      slope:number;
-      /**
-       * Gets the smallest Rectangle which contains the object.
-       * @type {yfiles.algorithms.YRectangle}
-       */
-      boundingBox:yfiles.algorithms.YRectangle;
-      /**
-       * Gets the distance from start to end point in x-coordinates.
-       * @type {number}
-       */
-      deltaX:number;
-      /**
-       * Gets the distance from start to end point in y-coordinates.
-       * @type {number}
-       */
-      deltaY:number;
-      static $class:yfiles.lang.Class;
-    }
-    /**
-     * Represents a two-dimensional point located at <code>(x, y)</code>.
-     * @class yfiles.algorithms.Point2D
-     * @implements {yfiles.lang.ICloneable}
-     */
-    export interface Point2D extends Object,yfiles.lang.ICloneable{}
-    export class Point2D {
-      /**
-       * Creates a new instance at the given location.
-       * @param {number} x The x coordinate of the new point
-       * @param {number} y The x coordinate of the new point
-       * @constructor
-       */
-      constructor(x:number,y:number);
-      /**
-       * Creates a new instance that is located at <code>(0, 0)</code>
-       * @constructor
-       */
-      constructor();
-      /**
-       * Creates a new instance of this class that has the same values as this objects.
-       * @returns {Object} a new instance of this class that has the same values as this objects.
-       */
-      clone():Object;
-      /**
-       * Calculates the distance between this points and another one, given as its coordinates.
-       * @param {number} px The x coordinate of the second point.
-       * @param {number} py The y coordinate of the second point.
-       * @returns {number} the distance between this points and another one, given as its coordinates.
-       */
-      distance(px:number,py:number):number;
-      /**
-       * Calculates the distance between this points and another one.
-       * @param {yfiles.algorithms.Point2D} p The second point.
-       * @returns {number} the distance between this points and another one.
-       */
-      distance(p:yfiles.algorithms.Point2D):number;
-      /**
-       * Calculates the distance between two points, given as their coordinates.
-       * @param {number} x1 The x coordinate of the first point.
-       * @param {number} y1 The y coordinate of the first point.
-       * @param {number} x2 The x coordinate of the second point.
-       * @param {number} y2 The y coordinate of the second point.
-       * @returns {number} the distance between two points, given as their coordinates.
-       * @static
-       */
-      static distance(x1:number,y1:number,x2:number,y2:number):number;
-      /**
-       * Calculates the squared distance between this points and another one, given as its coordinates.
-       * @param {number} px The x coordinate of the second point.
-       * @param {number} py The y coordinate of the second point.
-       * @returns {number} the squared distance between this points and another one, given as its coordinates.
-       */
-      distanceSq(px:number,py:number):number;
-      /**
-       * Calculates the squared distance between this points and another one.
-       * @param {yfiles.algorithms.Point2D} p The second point.
-       * @returns {number} the squared distance between this points and another one.
-       */
-      distanceSq(p:yfiles.algorithms.Point2D):number;
-      /**
-       * Calculates the squared distance between two points, given as their coordinates.
-       * @param {number} x1 The x coordinate of the first point.
-       * @param {number} y1 The y coordinate of the first point.
-       * @param {number} x2 The x coordinate of the second point.
-       * @param {number} y2 The y coordinate of the second point.
-       * @returns {number} the squared distance between two points, given as their coordinates.
-       * @static
-       */
-      static distanceSq(x1:number,y1:number,x2:number,y2:number):number;
-      /**
-       * Sets the location of this point to the given coordinates.
-       * @param {number} x the new x coordinate
-       * @param {number} y the new y coordinate
-       */
-      setLocation(x:number,y:number):void;
-      /**
-       * Creates a {@link yfiles.geometry.Point} from a given {@link yfiles.algorithms.Point2D}.
-       * @returns {yfiles.geometry.Point} The {@link yfiles.geometry.Point}.
-       */
-      toPoint():yfiles.geometry.Point;
-      /**
-       * Sets the location of this point to the same values as for the given point.
-       * @type {yfiles.algorithms.Point2D}
-       */
-      location:yfiles.algorithms.Point2D;
-      /**
-       * Gets the x coordinate of this point.
-       * @type {number}
-       */
-      x:number;
-      /**
-       * Gets the y coordinate of this point.
-       * @type {number}
-       */
-      y:number;
-      static $class:yfiles.lang.Class;
-    }
-    /**
-     * Represents a two-dimensional rectangle of size <code>(width x height)</code>, located at the point <code>(x, y)</code>.
-     * @class yfiles.algorithms.Rectangle2D
-     * @implements {yfiles.lang.ICloneable}
-     */
-    export interface Rectangle2D extends Object,yfiles.lang.ICloneable{}
-    export class Rectangle2D {
-      /**
-       * Creates a new rectangle of the specified size at the specified location.
-       * @param {number} x the x-coordinate of the upper left corner of the created rectangle.
-       * @param {number} y the y-coordinate of the upper left corner of the created rectangle.
-       * @param {number} width the width of the created rectangle.
-       * @param {number} height the height of the created rectangle.
-       * @constructor
-       */
-      constructor(x:number,y:number,width:number,height:number);
-      /**
-       * Creates a new rectangle of size <code>(0 x 0)</code> at the location <code>(0, 0)</code>.
-       * @constructor
-       */
-      constructor();
-      /**
-       * Adds a point, specified by its coordinates, to this rectangle.
-       * <p>
-       * The rectangle will be grown if necessary. Note that for points that would lie on the right or bottom border of the
-       * rectangle, {@link yfiles.algorithms.Rectangle2D#contains} will still return <code>false</code> for the added point.
-       * </p>
-       * @param {number} px the x coordinate of the point to add
-       * @param {number} py the y coordinate of the point to add
-       */
-      add(px:number,py:number):void;
-      /**
-       * Adds a rectangle to this rectangle.
-       * <p>
-       * The rectangle will be grown to the union of both rectangles
-       * </p>
-       * @param {yfiles.algorithms.Rectangle2D} r the rectangle to add
-       */
-      add(r:yfiles.algorithms.Rectangle2D):void;
-      /**
-       * Creates a new instance of this class that has the same values as this objects.
-       * @returns {Object} a new instance of this class that has the same values as this objects.
-       */
-      clone():Object;
-      /**
-       * Checks whether this rectangle completely contains the second specified rectangle.
-       * @param {number} x the x coordinate of the second rectangle.
-       * @param {number} y the y coordinate of the second rectangle.
-       * @param {number} width the width coordinate of the second rectangle.
-       * @param {number} height the height coordinate of the second rectangle.
-       * @returns {boolean} <code>true</code> if this rectangle contains the second one
-       */
-      contains(x:number,y:number,width:number,height:number):boolean;
-      /**
-       * Checks if the point specified by the given coordinates is contained in this rectangle.
-       * @param {number} x the x-coordinate of the point.
-       * @param {number} y the y-coordinate of the point.
-       * @returns {boolean} <code>true</code> if the specified point is contained in this rectangle; <code>false</code> otherwise.
-       */
-      contains(x:number,y:number):boolean;
-      /**
-       * Checks whether this rectangle completely contains the second specified rectangle.
-       * @param {yfiles.algorithms.Rectangle2D} rect the rectangle to check for containment
-       * @returns {boolean} <code>true</code> if this rectangle contains the second one
-       */
-      contains(rect:yfiles.algorithms.Rectangle2D):boolean;
-      /**
-       * Calculates the intersection of this rectangle with the given rectangle and returns the result as new rectangle.
-       * @param {yfiles.algorithms.Rectangle2D} r a rectangle to intersect with this rectangle.
-       * @returns {yfiles.algorithms.Rectangle2D} a new rectangle that represents the calculated intersection.
-       */
-      createIntersection(r:yfiles.algorithms.Rectangle2D):yfiles.algorithms.Rectangle2D;
-      /**
-       * Calculates the union of this rectangle with the given rectangle and returns the result as new rectangle.
-       * @param {yfiles.algorithms.Rectangle2D} r a rectangle to union with this rectangle.
-       * @returns {yfiles.algorithms.Rectangle2D} a new rectangle that represents the calculated union.
-       */
-      createUnion(r:yfiles.algorithms.Rectangle2D):yfiles.algorithms.Rectangle2D;
-      /**
-       * Calculates the intersection of the first and second specified rectangle and sets the resulting location and size to the
-       * third rectangle.
-       * @param {yfiles.algorithms.Rectangle2D} src1 the first rectangle to intersect.
-       * @param {yfiles.algorithms.Rectangle2D} src2 the second rectangle to intersect.
-       * @param {yfiles.algorithms.Rectangle2D} dst the rectangle to which the result is set.
-       * @static
-       */
-      static intersect(src1:yfiles.algorithms.Rectangle2D,src2:yfiles.algorithms.Rectangle2D,dst:yfiles.algorithms.Rectangle2D):void;
-      /**
-       * Checks whether this rectangle and the second specified rectangle intersect.
-       * @param {number} x the x coordinate of the second rectangle.
-       * @param {number} y the y coordinate of the second rectangle.
-       * @param {number} width the width coordinate of the second rectangle.
-       * @param {number} height the height coordinate of the second rectangle.
-       * @returns {boolean} <code>true</code> if both rectangles intersect
-       */
-      intersects(x:number,y:number,width:number,height:number):boolean;
-      /**
-       * Checks whether this rectangle and the second specified rectangle intersect.
-       * @param {yfiles.algorithms.Rectangle2D} rect the rectangle to check for intersection
-       * @returns {boolean} <code>true</code> if both rectangles intersect
-       */
-      intersects(rect:yfiles.algorithms.Rectangle2D):boolean;
-      /**
-       * Checks if the line segment specified by the given coordinates intersects this rectangle.
-       * @param {number} x1 the x-coordinate of the first end point of the line.
-       * @param {number} y1 the y-coordinate of the first end point of the line.
-       * @param {number} x2 the x-coordinate of the other end point of the line.
-       * @param {number} y2 the y-coordinate of the other end point of the line.
-       * @returns {boolean} <code>true</code> if the specified line intersects this rectangle; <code>false</code> otherwise.
-       */
-      intersectsLine(x1:number,y1:number,x2:number,y2:number):boolean;
-      /**
-       * Sets the outer bounds of this rectangle based on the specified location and size.
-       * @param {number} x the new x-coordinate of the upper left corner.
-       * @param {number} y the new y-coordinate of the upper left corner.
-       * @param {number} width the new width.
-       * @param {number} height the new height.
-       */
-      setFrame(x:number,y:number,width:number,height:number):void;
-      /**
-       * Sets the outer bounds of this rectangle based on the specified new center and corner.
-       * @param {number} centerX the x-coordinate of the new center of this rectangle.
-       * @param {number} centerY the y-coordinate of the new center of this rectangle.
-       * @param {number} cornerX the x-coordinate of any new corner of this rectangle.
-       * @param {number} cornerY the y-coordinate of any new corner of this rectangle.
-       */
-      setFrameFromCenter(centerX:number,centerY:number,cornerX:number,cornerY:number):void;
-      /**
-       * Sets the outer bounds of this rectangle based on the specified new center and corner.
-       * @param {yfiles.algorithms.Point2D} center the new center of this rectangle.
-       * @param {yfiles.algorithms.Point2D} corner any new corner of this rectangle.
-       */
-      setFrameFromCenter(center:yfiles.algorithms.Point2D,corner:yfiles.algorithms.Point2D):void;
-      /**
-       * Sets the outer bounds of this rectangle based on the end points of one of its diagonals.
-       * @param {number} x1 the x-coordinate of the first end point of a diagonal.
-       * @param {number} y1 the y-coordinate of the first end point of a diagonal.
-       * @param {number} x2 the x-coordinate of the other end point of a diagonal.
-       * @param {number} y2 the y-coordinate of the other end point of a diagonal.
-       */
-      setFrameFromDiagonal(x1:number,y1:number,x2:number,y2:number):void;
-      /**
-       * Sets the outer bounds of this rectangle based on the end points of one of its diagonals.
-       * @param {yfiles.algorithms.Point2D} p1 the first end point of a diagonal.
-       * @param {yfiles.algorithms.Point2D} p2 the other end point of a diagonal.
-       */
-      setFrameFromDiagonal(p1:yfiles.algorithms.Point2D,p2:yfiles.algorithms.Point2D):void;
-      /**
-       * Sets the location and size of this rectangle to the specified values.
-       * @param {number} x the new x-coordinate of the upper left corner.
-       * @param {number} y the new y-coordinate of the upper left corner.
-       * @param {number} width the new width.
-       * @param {number} height the new height.
-       */
-      setRect(x:number,y:number,width:number,height:number):void;
-      /**
-       * Creates a {@link yfiles.geometry.Rect} from a given {@link yfiles.algorithms.Rectangle2D}.
-       * @returns {yfiles.geometry.Rect} The {@link yfiles.geometry.Rect}.
-       */
-      toRect():yfiles.geometry.Rect;
-      /**
-       * Calculates the union of the first and second specified rectangle and sets the resulting location and size to the third
-       * rectangle.
-       * @param {yfiles.algorithms.Rectangle2D} src1 the first rectangle to union.
-       * @param {yfiles.algorithms.Rectangle2D} src2 the second rectangle to union.
-       * @param {yfiles.algorithms.Rectangle2D} dst the rectangle to which the result is set.
-       * @static
-       */
-      static union(src1:yfiles.algorithms.Rectangle2D,src2:yfiles.algorithms.Rectangle2D,dst:yfiles.algorithms.Rectangle2D):void;
-      /**
-       * Gets or sets the outer bounds of this rectangle in double coordinates.
-       * @type {yfiles.algorithms.Rectangle2D}
-       */
-      frame:yfiles.algorithms.Rectangle2D;
-      /**
-       * Sets the location and size of this rectangle to be similar to the specified rectangle.
-       * @type {yfiles.algorithms.Rectangle2D}
-       */
-      rect:yfiles.algorithms.Rectangle2D;
-      /**
-       * Gets the x coordinate of the upper left corner.
-       * @type {number}
-       */
-      x:number;
-      /**
-       * Gets the y coordinate of the upper left corner.
-       * @type {number}
-       */
-      y:number;
-      /**
-       * Gets the width of this rectangle.
-       * @type {number}
-       */
-      width:number;
-      /**
-       * Gets the height of this rectangle.
-       * @type {number}
-       */
-      height:number;
-      /**
-       * Gets whether this instance is empty, i.e.
-       * <p>
-       * covers no area.
-       * </p>
-       * @type {boolean}
-       */
-      empty:boolean;
-      /**
-       * Gets the smallest x coordinate of this rectangle.
-       * @type {number}
-       */
-      minX:number;
-      /**
-       * Gets the smallest y coordinate of this rectangle.
-       * @type {number}
-       */
-      minY:number;
-      /**
-       * Gets the largest x coordinate of this rectangle.
-       * @type {number}
-       */
-      maxX:number;
-      /**
-       * Gets the largest y coordinate of this rectangle.
-       * @type {number}
-       */
-      maxY:number;
-      /**
-       * Gets the x coordinate of the center point of this rectangle.
-       * @type {number}
-       */
-      centerX:number;
-      /**
-       * Gets the y coordinate of the center point of this rectangle.
-       * @type {number}
-       */
-      centerY:number;
-      /**
-       * Gets the bounds of this instance in double precision.
-       * @type {yfiles.algorithms.Rectangle2D}
-       */
-      bounds2D:yfiles.algorithms.Rectangle2D;
-      static $class:yfiles.lang.Class;
-    }
-    /**
-     * This class provides algorithms for the triangulation of point sets in the plane.
-     * @class yfiles.algorithms.Triangulator
-     * @static
-     */
-    export interface Triangulator extends Object{}
-    export class Triangulator {
-      /**
-       * Computes a Delauney triangulation of the given points.
-       * <p>
-       * A Delauney triangulation is a triangulation such that none of the given points is inside the circumcircle of any of the
-       * calculated triangles.
-       * </p>
-       * <p>
-       * The calculated triangulation is represented by an embedded graph, i.e. to each edge there exists a reverse edge and the
-       * outedges around each node are in embedded order. The returned edge and the (optional) reverseEdgeMap can be used to
-       * construct all faces of the plane graph and to determine its outer face.
-       * </p>
-       * @param {yfiles.algorithms.Graph} result a graph whose nodes represent the points that need to be triangulated.
-       * @param {yfiles.algorithms.IDataProvider} pointData must provide the location (YPoint) for each node in the given graph.
-       * @param {yfiles.algorithms.IEdgeMap} revMap a node map that will contain for each edge its reverse edge. If this argument is <code>null</code> then no reverse edge information
-       * will be available.
-       * @returns {yfiles.algorithms.Edge} an edge on the outer face of the result graph.
-       * @static
-       */
-      static calcDelauneyTriangulation(result:yfiles.algorithms.Graph,pointData:yfiles.algorithms.IDataProvider,revMap:yfiles.algorithms.IEdgeMap):yfiles.algorithms.Edge;
-      /**
-       * Computes a triangulation of the given points.
-       * <p>
-       * The calculated triangulation is represented by an embedded graph, i.e. to each edge there exists a reverse edge and the
-       * outedges around each node are in embedded order. The returned edge and the (optional) reverseEdgeMap can be used to
-       * construct all faces of the plane graph and to determine its outer face.
-       * </p>
-       * @param {yfiles.algorithms.YList} points the point set to be triangulated. The points must be provided as a YList of YPoints.
-       * @param {yfiles.algorithms.Graph} result the resulting triangulation
-       * @param {yfiles.algorithms.INodeMap} resultMap the node map that forms the link between a point and a node.
-       * @param {yfiles.algorithms.IEdgeMap} reverseEdgeMap a node map that will contain for each edge its reverse edge. If this argument is <code>null</code> then no reverse edge information
-       * will be available.
-       * @returns {yfiles.algorithms.Edge} an edge on the outer face of the result graph.
-       * @static
-       */
-      static triangulatePoints(points:yfiles.algorithms.YList,result:yfiles.algorithms.Graph,resultMap:yfiles.algorithms.INodeMap,reverseEdgeMap:yfiles.algorithms.IEdgeMap):yfiles.algorithms.Edge;
-      /**
-       * Computes a triangulation of the given points.
-       * <p>
-       * The calculated triangulation is represented by an embedded graph, i.e. to each edge there exists a reverse edge and the
-       * outedges around each node are in embedded order. The returned edge and the (optional) reverseEdgeMap can be used to
-       * construct all faces of the plane graph and to determine its outer face.
-       * </p>
-       * @param {yfiles.algorithms.Graph} result a graph whose nodes represent the points that need to be triangulated.
-       * @param {yfiles.algorithms.IDataProvider} pointData must provide the location (YPoint) for each node in the given graph.
-       * @param {yfiles.algorithms.IEdgeMap} reverseEdgeMap a node map that will contain for each edge its reverse edge. If this argument is <code>null</code> then no reverse edge information
-       * will be available.
-       * @returns {yfiles.algorithms.Edge} an edge on the outer face of the result graph.
-       * @static
-       */
-      static triangulatePoints(result:yfiles.algorithms.Graph,pointData:yfiles.algorithms.IDataProvider,reverseEdgeMap:yfiles.algorithms.IEdgeMap):yfiles.algorithms.Edge;
-      static $class:yfiles.lang.Class;
-    }
-    /**
-     * This class represents the size of an object.
-     * <p>
-     * An instance of this class implements the immutable design pattern.
-     * </p>
-     * @class yfiles.algorithms.YDimension
-     * @implements {yfiles.lang.IComparable}
-     */
-    export interface YDimension extends Object,yfiles.lang.IComparable{}
-    export class YDimension {
-      /**
-       * Creates a new YDimension2D object for given size.
-       * @param {number} width
-       * @param {number} height
-       * @constructor
-       */
-      constructor(width:number,height:number);
-      /**
-       * 
-       * @param {Object} o
-       * @returns {number} 
-       */
-      compareTo(o:Object):number;
-      /**
-       * Creates a {@link yfiles.geometry.Size} from a given {@link yfiles.algorithms.YDimension}.
-       * @returns {yfiles.geometry.Size} The {@link yfiles.geometry.Size}.
-       */
-      toSize():yfiles.geometry.Size;
-      /**
-       * Gets the width of the dimension object.
-       * @type {number}
-       */
-      width:number;
-      /**
-       * Gets the height of the dimension object.
-       * @type {number}
-       */
-      height:number;
-      static $class:yfiles.lang.Class;
-    }
-    /**
-     * An oriented rectangle in 2D coordinate space with double precision coordinates.
-     * <p>
-     * The rectangle's <code>height</code> extends from its <em>{@link yfiles.algorithms.YOrientedRectangle#anchor anchor point}</em> in the direction of its <em>up
-     * vector</em> ({@link yfiles.algorithms.YOrientedRectangle#upX ux}, {@link yfiles.algorithms.YOrientedRectangle#upY uy}). Its <code>width</code> extends from its {@link yfiles.algorithms.YOrientedRectangle#anchor anchor point} in
-     * direction <code>(-uy, ux)</code> (i.e. perpendicular to the <em>up vector</em>). This means that an oriented rectangle with anchor point <code>(0, 0)</code> width
-     * <code>100</code>, height <code>10</code>, and up vector <code>(0, -1)</code> is a paraxial rectangle with upper left corner <code>(0, -10)</code> and lower right corner
-     * <code>(100, 0)</code>.
-     * </p>
-     * @class yfiles.algorithms.YOrientedRectangle
-     * @implements {yfiles.algorithms.IPlaneObject}
-     */
-    export interface YOrientedRectangle extends Object,yfiles.algorithms.IPlaneObject{}
-    export class YOrientedRectangle {
-      /**
-       * Creates a new instance using the provided rectangle's values to initialize anchor, size, and up vector.
-       * @param {yfiles.algorithms.YOrientedRectangle} rect the provided rectangle.
-       * @constructor
-       */
-      constructor(rect:yfiles.algorithms.YOrientedRectangle);
-      /**
-       * Creates a new instance using the provided rectangle's values to initialize anchor and size.
-       * <p>
-       * The oriented rectangle's up vector will be <code>(0, -1)</code>.
-       * </p>
-       * @param {yfiles.algorithms.YRectangle} rect the provided rectangle.
-       * @constructor
-       */
-      constructor(rect:yfiles.algorithms.YRectangle);
-      /**
-       * Creates a new instance using the provided values to initialize anchor, size, and up vector.
-       * @param {number} anchorX The x coordinate of the anchor of the oriented rectangle.
-       * @param {number} anchorY The y coordinate of the anchor of the oriented rectangle.
-       * @param {number} width The width of the rectangle.
-       * @param {number} height The height of the rectangle.
-       * @param {number} upX The x component of the up vector.
-       * @param {number} upY The y component of the up vector.
-       * @constructor
-       */
-      constructor(anchorX:number,anchorY:number,width:number,height:number,upX:number,upY:number);
-      /**
-       * Creates a new instance using the provided values to initialize anchor and size.
-       * <p>
-       * The oriented rectangle's up vector will be <code>(0, -1)</code>.
-       * </p>
-       * @param {number} anchorX The x coordinate of the anchor of the oriented rectangle.
-       * @param {number} anchorY The y coordinate of the anchor of the oriented rectangle.
-       * @param {number} width The width of the rectangle.
-       * @param {number} height The height of the rectangle.
-       * @constructor
-       */
-      constructor(anchorX:number,anchorY:number,width:number,height:number);
-      /**
-       * Creates a new instance using the provided values to initialize anchor, size, and up vector.
-       * @param {yfiles.algorithms.YPoint} position The provider for the dynamic anchor of this instance.
-       * @param {yfiles.algorithms.YDimension} size The provider for the dynamic size of this instance.
-       * @param {yfiles.algorithms.YVector} upVector The up vector.
-       * @constructor
-       */
-      constructor(position:yfiles.algorithms.YPoint,size:yfiles.algorithms.YDimension,upVector:yfiles.algorithms.YVector);
-      /**
-       * Creates a new instance using the provided values to initialize the anchor and size.
-       * <p>
-       * The oriented rectangle's up vector will be <code>(0, -1)</code>.
-       * </p>
-       * @param {yfiles.algorithms.YPoint} anchor The provider for the dynamic anchor of this instance.
-       * @param {yfiles.algorithms.YDimension} size The provider for the dynamic size of this instance.
-       * @constructor
-       */
-      constructor(anchor:yfiles.algorithms.YPoint,size:yfiles.algorithms.YDimension);
-      /**
-       * Copies the actual values from the given <code>OrientedRectangle</code> to this instance.
-       * @param {yfiles.algorithms.YOrientedRectangle} other the <code>OrientedRectangle</code> to retrieve the values from
-       */
-      adoptValues(other:yfiles.algorithms.YOrientedRectangle):void;
-      /**
-       * Determines the four corner points of an oriented rectangle.
-       * @param {yfiles.algorithms.YOrientedRectangle} rect The rectangle to determine the bounds.
-       * @returns {Array.<yfiles.algorithms.YPoint>} the array of corner points.
-       * @static
-       */
-      static calcPoints(rect:yfiles.algorithms.YOrientedRectangle):yfiles.algorithms.YPoint[];
-      /**
-       * Determines the coordinates of the four corners of an oriented rectangle.
-       * @param {yfiles.algorithms.YOrientedRectangle} rect The rectangle to determine the bounds.
-       * @returns {Array.<number>} the array of coordinates of the corner points in which each even index has the x-coordinate and each odd index the
-       * y-coordinate
-       * @static
-       */
-      static calcPointsInDouble(rect:yfiles.algorithms.YOrientedRectangle):number[];
-      /**
-       * Determines whether or not the specified point lies inside this oriented rectangle.
-       * @param {number} x the x-coordinate of the point to check.
-       * @param {number} y the y-coordinate of the point to check.
-       * @param {boolean} [closed=false] if <code>true</code>, all points on the border of the rectangle are considered to be <em>contained</em>.
-       * @returns {boolean} <code>true</code> iff the specified point lies inside; <code>false</code> otherwise.
-       */
-      contains(x:number,y:number,closed?:boolean):boolean;
-      /**
-       * Determines whether the given rectangle r1 contains rectangle r2, using an epsilon value.
-       * @param {yfiles.algorithms.YOrientedRectangle} r1 The first rectangle.
-       * @param {yfiles.algorithms.YOrientedRectangle} r2 The second rectangle.
-       * @param {number} eps A positive value allows for fuzzy hit testing. If the point lies outside the given object but it's distance is less than
-       * or equal to that value, it will be considered a hit.
-       * @returns {boolean} true iff the r1 contains r2.
-       * @static
-       */
-      static contains(r1:yfiles.algorithms.YOrientedRectangle,r2:yfiles.algorithms.YOrientedRectangle,eps:number):boolean;
-      /**
-       * Determines whether the given oriented rectangle contains the provided point, using an epsilon value.
-       * @param {yfiles.algorithms.YOrientedRectangle} rect The rectangle.
-       * @param {yfiles.algorithms.YPoint} p The point to test.
-       * @param {number} eps fuzziness range. A positive value allows for fuzzy hit testing. If a point lies outside the given rectangle, but its
-       * distance is less than or equal to that value, it will be considered a hit.
-       * @returns {boolean} <code>true</code> if the point lies inside the rectangle; <code>false</code> otherwise.
-       * @static
-       */
-      static contains(rect:yfiles.algorithms.YOrientedRectangle,p:yfiles.algorithms.YPoint,eps:number):boolean;
-      /**
-       * Determines whether the given oriented rectangle contains the provided point, using an epsilon value.
-       * @param {yfiles.algorithms.YOrientedRectangle} rect The rectangle.
-       * @param {number} x x-coordinate of the point to test.
-       * @param {number} y y-coordinate of the point to test.
-       * @param {number} eps fuzziness range. A positive value allows for fuzzy hit testing. If a point lies outside the given rectangle, but its
-       * distance is less than or equal to that value, it will be considered a hit.
-       * @returns {boolean} <code>true</code> if the point lies inside the rectangle; <code>false</code> otherwise.
-       * @static
-       */
-      static contains(rect:yfiles.algorithms.YOrientedRectangle,x:number,y:number,eps:number):boolean;
-      /**
-       * Creates a new <code>OrientedRectangle</code> instance whose anchor point is moved by the specified distance values, but has the same
-       * width, height, and up vector as this rectangle.
-       * @param {number} dx the distance to move the anchor point in x-direction. A positive value means "move" to the right, a negative value means
-       * "move" to the left.
-       * @param {number} dy the distance to move the anchor point in y-direction. A positive value means "move" downwards, a negative value means
-       * "move" upwards.
-       * @returns {yfiles.algorithms.YOrientedRectangle} a new <code>OrientedRectangle</code> instance whose anchor point is moved by the specified distance values.
-       */
-      getMovedInstance(dx:number,dy:number):yfiles.algorithms.YOrientedRectangle;
-      /**
-       * Creates a new <code>OrientedRectangle</code> instance that has the specified width and height, but has the same anchor point and up
-       * vector as this rectangle.
-       * @param {number} width the width of the new rectangle.
-       * @param {number} height the height of the new rectangle.
-       * @returns {yfiles.algorithms.YOrientedRectangle} a new <code>OrientedRectangle</code> instance that has the specified width and height.
-       */
-      getResizedInstance(width:number,height:number):yfiles.algorithms.YOrientedRectangle;
-      /**
-       * Determines an intersection point of the specified oriented rectangle and the specified line segment.
-       * <p>
-       * Note: there might be more than one intersection point. However this method only returns one intersection point or <code>null</code>
-       * if there is no intersection.
-       * </p>
-       * @param {yfiles.algorithms.YOrientedRectangle} rect
-       * @param {yfiles.algorithms.LineSegment} line
-       * @param {number} eps
-       * @returns {yfiles.algorithms.YPoint} an intersection point of the specified oriented rectangle and the specified line segment or <code>null</code> if the rectangle and
-       * the segment do not intersect.
-       * @static
-       */
-      static intersectionPoint(rect:yfiles.algorithms.YOrientedRectangle,line:yfiles.algorithms.LineSegment,eps:number):yfiles.algorithms.YPoint;
-      /**
-       * Determines whether or not the specified oriented rectangle and the specified line segment intersect.
-       * @param {yfiles.algorithms.YOrientedRectangle} rect
-       * @param {yfiles.algorithms.LineSegment} line
-       * @param {number} eps
-       * @returns {boolean} <code>true</code> if the rectangle and the segment intersect and <code>false</code> otherwise.
-       * @static
-       */
-      static intersects(rect:yfiles.algorithms.YOrientedRectangle,line:yfiles.algorithms.LineSegment,eps:number):boolean;
-      /**
-       * Determines whether a rectangle intersects an oriented rectangle, given an epsilon.
-       * @param {yfiles.algorithms.YOrientedRectangle} orientedRectangle The oriented rectangle to test.
-       * @param {yfiles.algorithms.YRectangle} rectangle The rectangle to test.
-       * @param {number} eps A positive value allows for fuzzy hit testing. If the point lies outside the given object but it's distance is less than
-       * or equal to that value, it will be considered a hit.
-       * @returns {boolean} Whether they have a non-empty intersection.
-       * @static
-       */
-      static intersects(orientedRectangle:yfiles.algorithms.YOrientedRectangle,rectangle:yfiles.algorithms.YRectangle,eps:number):boolean;
-      /**
-       * Moves this rectangle by applying the offset to the anchor.
-       * @param {number} dx The x offset to move the rectangle's position by.
-       * @param {number} dy The y offset to move the rectangle's position by.
-       */
-      moveBy(dx:number,dy:number):void;
-      /**
-       * Sets the anchor of this rectangle.
-       * @param {number} x the new x-coordinate of the anchor point.
-       * @param {number} y the new y-coordinate of the anchor point.
-       */
-      setAnchor(x:number,y:number):void;
-      /**
-       * Sets the anchor of the OrientedRectangle so that the center of the rectangle coincides with the given coordinate pair.
-       * @param {number} cx The x coordinate of the center.
-       * @param {number} cy The y coordinate of the center.
-       */
-      setCenter(cx:number,cy:number):void;
-      /**
-       * Sets the size of this rectangle.
-       * @param {number} width the new width.
-       * @param {number} height the new height.
-       */
-      setSize(width:number,height:number):void;
-      /**
-       * Sets the components of the up vector to the new values.
-       * @param {number} upX The x component of the normalized up vector.
-       * @param {number} upY The y component of the normalized up vector.
-       */
-      setUpVector(upX:number,upY:number):void;
-      /**
-       * Creates an immutable {@link yfiles.geometry.IOrientedRectangle} from a given {@link yfiles.algorithms.YOrientedRectangle}.
-       * @returns {yfiles.geometry.IOrientedRectangle} The {@link yfiles.geometry.IOrientedRectangle}.
-       */
-      toImmutableOrientedRectangle():yfiles.geometry.IOrientedRectangle;
-      /**
-       * Gets whether this instance has negative width or height.
-       * @type {boolean}
-       */
-      empty:boolean;
-      /**
-       * Gets or sets the anchor of this oriented rectangle.
-       * @type {yfiles.algorithms.YPoint}
-       */
-      anchor:yfiles.algorithms.YPoint;
-      /**
-       * Gets the x-coordinate of this rectangle's anchor point.
-       * @type {number}
-       */
-      anchorX:number;
-      /**
-       * Gets the y-coordinate of this rectangle's anchor point.
-       * @type {number}
-       */
-      anchorY:number;
-      /**
-       * Gets or sets the size of this rectangle.
-       * @type {yfiles.algorithms.YDimension}
-       */
-      size:yfiles.algorithms.YDimension;
-      /**
-       * Gets the width of this rectangle.
-       * @type {number}
-       */
-      width:number;
-      /**
-       * Gets the height of this rectangle.
-       * @type {number}
-       */
-      height:number;
-      /**
-       * Gets the x-component of this rectangle's up vector.
-       * @type {number}
-       */
-      upX:number;
-      /**
-       * Gets the y-component of this rectangle's up vector.
-       * @type {number}
-       */
-      upY:number;
-      /**
-       * Gets or sets the angle (measured in radians) of this rectangle.
-       * <p>
-       * The angle of an oriented rectangle is the angle between the vector <code>(0, -1)</code> and the rectangle's up vector in counter
-       * clockwise order. An angle of 0 means the up vector points up in direction <code>(0, -1)</code>.
-       * </p>
-       * @type {number}
-       */
-      angle:number;
-      /**
-       * Gets or sets the current center of the oriented rectangle.
-       * @type {yfiles.algorithms.YPoint}
-       */
-      center:yfiles.algorithms.YPoint;
-      /**
-       * Calculates the paraxial bounding box of this oriented rectangle.
-       * @type {yfiles.algorithms.YRectangle}
-       */
-      boundingBox:yfiles.algorithms.YRectangle;
-      static $class:yfiles.lang.Class;
-    }
-    /**
-     * This class represents a point in the plane with double coordinates.
-     * <p>
-     * This class implements the immutable design pattern.
-     * </p>
-     * @class yfiles.algorithms.YPoint
-     * @implements {yfiles.lang.IComparable}
-     * @final
-     */
-    export interface YPoint extends Object,yfiles.lang.IComparable{}
-    export class YPoint {
-      /**
-       * Creates a new YPoint object for a given position.
-       * @param {number} x the x coordinate of the point.
-       * @param {number} y the y coordinate of the point.
-       * @constructor
-       */
-      constructor(x:number,y:number);
-      /**
-       * Creates a new YPoint at location (0,0)
-       * @constructor
-       */
-      constructor();
-      /**
-       * Adds two points and returns the result.
-       * @param {yfiles.algorithms.YPoint} p1 an arbitrary instance of YPoint.
-       * @param {yfiles.algorithms.YPoint} p2 an arbitrary instance of YPoint.
-       * @returns {yfiles.algorithms.YPoint} 
-       * @static
-       */
-      static add(p1:yfiles.algorithms.YPoint,p2:yfiles.algorithms.YPoint):yfiles.algorithms.YPoint;
-      /**
-       * Comparable implementation.
-       * <p>
-       * YPoints are ordered by ascending x-coordinates. If the x-coordinates of two points equal, then these points are ordered
-       * by ascending y-coordinates.
-       * </p>
-       * @param {Object} o
-       * @returns {number} 
-       */
-      compareTo(o:Object):number;
-      /**
-       * Returns the euclidean distance between two points.
-       * @param {number} x1 x-coordinate of first point
-       * @param {number} y1 y-coordinate of first point
-       * @param {number} x2 x-coordinate of second point
-       * @param {number} y2 y-coordinate of second point
-       * @returns {number} the euclidean distance between first and second point
-       * @static
-       */
-      static distance(x1:number,y1:number,x2:number,y2:number):number;
-      /**
-       * Returns the euclidean distance between two points.
-       * @param {yfiles.algorithms.YPoint} p1 an arbitrary point
-       * @param {yfiles.algorithms.YPoint} p2 an arbitrary point
-       * @returns {number} the Euclidean distance between p1 and p2.
-       * @static
-       */
-      static distance(p1:yfiles.algorithms.YPoint,p2:yfiles.algorithms.YPoint):number;
-      /**
-       * Returns the euclidean distance between this point and a given point.
-       * @param {number} x the x coordinate of an arbitrary point
-       * @param {number} y the y coordinate of an arbitrary point
-       * @returns {number} the Euclidean distance between this point and the point (x,y).
-       */
-      distanceTo(x:number,y:number):number;
-      /**
-       * Returns the euclidean distance between this point and a given point.
-       * @param {yfiles.algorithms.YPoint} p an arbitrary point
-       * @returns {number} the Euclidean distance between this point and p.
-       */
-      distanceTo(p:yfiles.algorithms.YPoint):number;
-      /**
-       * Returns a point that geometrically lies in in the middle of the line formed by the given points.
-       * @param {yfiles.algorithms.YPoint} p1 an arbitrary instance of YPoint.
-       * @param {yfiles.algorithms.YPoint} p2 an arbitrary instance of YPoint.
-       * @returns {yfiles.algorithms.YPoint} 
-       * @static
-       */
-      static midPoint(p1:yfiles.algorithms.YPoint,p2:yfiles.algorithms.YPoint):yfiles.algorithms.YPoint;
-      /**
-       * Returns the point, got by moving this point to another position.
-       * @param {number} x the value which is added on the x-coordinate of the point.
-       * @param {number} y the value which is added on the y-coordinate of the point.
-       * @returns {yfiles.algorithms.YPoint} a new instance of YPoint which is the result of the moving operation.
-       */
-      moveBy(x:number,y:number):yfiles.algorithms.YPoint;
-      /**
-       * Subtracts two points (p1 - p2) and returns the result.
-       * @param {yfiles.algorithms.YPoint} p1 an arbitrary instance of YPoint.
-       * @param {yfiles.algorithms.YPoint} p2 an arbitrary instance of YPoint.
-       * @returns {yfiles.algorithms.YPoint} 
-       * @static
-       */
-      static subtract(p1:yfiles.algorithms.YPoint,p2:yfiles.algorithms.YPoint):yfiles.algorithms.YPoint;
-      /**
-       * Returns a copy of the given point with exchanged x- and y-coordinates.
-       * @param {yfiles.algorithms.YPoint} p an arbitrary instance of YPoint.
-       * @returns {yfiles.algorithms.YPoint} 
-       * @static
-       */
-      static swap(p:yfiles.algorithms.YPoint):yfiles.algorithms.YPoint;
-      /**
-       * Creates a {@link yfiles.geometry.Point} from a given {@link yfiles.algorithms.YPoint}.
-       * @returns {yfiles.geometry.Point} The {@link yfiles.geometry.Point}.
-       */
-      toPoint():yfiles.geometry.Point;
-      /**
-       * A YPoint constant with coordinates (0,0).
-       * @const
-       * @static
-       * @type {yfiles.algorithms.YPoint}
-       */
-      static ORIGIN:yfiles.algorithms.YPoint;
-      /**
-       * Gets the x-coordinate of the point object.
-       * @type {number}
-       */
-      x:number;
-      /**
-       * Gets the y-coordinate of the point object.
-       * @type {number}
-       */
-      y:number;
-      static $class:yfiles.lang.Class;
-    }
-    /**
-     * This class represents an ordered list of points in the plane.
-     * @class yfiles.algorithms.YPointPath
-     * @final
-     */
-    export interface YPointPath extends Object{}
-    export class YPointPath {
-      /**
-       * Creates a new path from an array of points.
-       * @param {Array.<yfiles.algorithms.YPoint>} path
-       * @constructor
-       */
-      constructor(path:yfiles.algorithms.YPoint[]);
-      /**
-       * Creates a new path from a list of points.
-       * @param {yfiles.collections.IList.<Object>} l a list of {@link yfiles.algorithms.YPoint} instances.
-       * @constructor
-       */
-      constructor(l:yfiles.collections.IList<Object>);
-      /**
-       * Creates a new empty path.
-       * @constructor
-       */
-      constructor();
-      /**
-       * Calculate the (geometric) length of the path.
-       * <p>
-       * The length of the path is the sum of lengths of all line segments making up the path.
-       * </p>
-       * @returns {number} the (geometric) length of the path
-       */
-      calculateLength():number;
-      /**
-       * Create a point path with reverse ordering of the points.
-       * @returns {yfiles.algorithms.YPointPath} 
-       */
-      createReverse():yfiles.algorithms.YPointPath;
-      /**
-       * Get the points in the path.
-       * @returns {yfiles.algorithms.ICursor} 
-       */
-      cursor():yfiles.algorithms.ICursor;
-      /**
-       * Returns a line segment in the path.
-       * @param {number} i
-       * @returns {yfiles.algorithms.LineSegment} 
-       */
-      getLineSegment(i:number):yfiles.algorithms.LineSegment;
-      /**
-       * Get the number of points in the path.
-       * @returns {number} 
-       */
-      length():number;
-      /**
-       * Get the points in the path.
-       * @returns {yfiles.algorithms.ILineSegmentCursor} 
-       */
-      lineSegments():yfiles.algorithms.ILineSegmentCursor;
-      /**
-       * Get the points in the path.
-       * @returns {yfiles.algorithms.IPointCursor} 
-       */
-      points():yfiles.algorithms.IPointCursor;
-      /**
-       * Get the points in the list as array.
-       * @returns {Array.<yfiles.algorithms.YPoint>} 
-       */
-      toArray():yfiles.algorithms.YPoint[];
-      /**
-       * Get the points in the path as list.
-       * @returns {yfiles.collections.IList.<Object>} a list of {@link yfiles.algorithms.YPoint} instances.
-       */
-      toList():yfiles.collections.IList<Object>;
-      /**
-       * Defines a path with no points.
-       * @const
-       * @static
-       * @type {yfiles.algorithms.YPointPath}
-       */
-      static EMPTY_PATH:yfiles.algorithms.YPointPath;
-      /**
-       * Gets the first point in the path.
-       * @type {yfiles.algorithms.YPoint}
-       */
-      first:yfiles.algorithms.YPoint;
-      /**
-       * Gets the last point in the path.
-       * @type {yfiles.algorithms.YPoint}
-       */
-      last:yfiles.algorithms.YPoint;
-      /**
-       * Gets the number of line segments in the path.
-       * @type {number}
-       */
-      lineSegmentCount:number;
-      static $class:yfiles.lang.Class;
-    }
-    /**
-     * This class defines a rectangle and provides utility methods for it.
-     * @class yfiles.algorithms.YRectangle
-     * @extends {yfiles.algorithms.YDimension}
-     * @implements {yfiles.algorithms.IPlaneObject}
-     */
-    export interface YRectangle extends yfiles.algorithms.YDimension,yfiles.algorithms.IPlaneObject{}
-    export class YRectangle {
-      /**
-       * Creates a new rectangle with given upper left corner and size.
-       * @param {number} x x-coordinate of upper left corner of the rectangle.
-       * @param {number} y y-coordinate of upper left corner of the rectangle.
-       * @param {number} width width of the rectangle.
-       * @param {number} height height of the rectangle.
-       * @constructor
-       */
-      constructor(x:number,y:number,width:number,height:number);
-      /**
-       * Creates a new rectangle with given upper left corner and size.
-       * @param {yfiles.algorithms.YPoint} pos upper left corner of the rectangle.
-       * @param {yfiles.algorithms.YDimension} size size of the rectangle.
-       * @constructor
-       */
-      constructor(pos:yfiles.algorithms.YPoint,size:yfiles.algorithms.YDimension);
-      /**
-       * Creates a new rectangle with upper left corner (0,0) and size (0,0).
-       * @constructor
-       */
-      constructor();
-      /**
-       * Checks whether or not this <code>YRectangle</code> contains the given rectangle.
-       * @param {yfiles.algorithms.YRectangle} p
-       * @returns {boolean} 
-       */
-      contains(p:yfiles.algorithms.YRectangle):boolean;
-      /**
-       * Checks whether or not this <code>YRectangle</code> contains the given point.
-       * @param {yfiles.algorithms.YPoint} p
-       * @returns {boolean} 
-       */
-      contains(p:yfiles.algorithms.YPoint):boolean;
-      /**
-       * Checks whether or not this <code>YRectangle</code> contains the rectangle defined by the given frame.
-       * @param {number} x
-       * @param {number} y
-       * @param {number} width
-       * @param {number} height
-       * @returns {boolean} 
-       */
-      contains(x:number,y:number,width:number,height:number):boolean;
-      /**
-       * Checks whether or not this <code>YRectangle</code> contains the given point.
-       * @param {number} x the x-coordinate of the point to check.
-       * @param {number} y the x-coordinate of the point to check.
-       * @returns {boolean} <code>true</code> if the point lies inside the rectangle; <code>false</code> otherwise.
-       */
-      contains(x:number,y:number):boolean;
-      /**
-       * Determines whether the specified rectangle contains the specified point.
-       * @param {number} rx the x-coordinate of the upper left corner of the rectangle.
-       * @param {number} ry the y-coordinate of the upper left corner of the rectangle.
-       * @param {number} rw the width of the rectangle.
-       * @param {number} rh the height of the rectangle.
-       * @param {number} x the x-coordinate of the point to check.
-       * @param {number} y the x-coordinate of the point to check.
-       * @param {boolean} [closed=false] if <code>true</code>, all points on the border of the rectangle are considered to be <em>contained</em>.
-       * @returns {boolean} <code>true</code> if the point lies inside the rectangle; <code>false</code> otherwise.
-       * @static
-       */
-      static contains(rx:number,ry:number,rw:number,rh:number,x:number,y:number,closed?:boolean):boolean;
-      /**
-       * Returns the Euclidean distance to the passed rectangle.
-       * <p>
-       * If they overlap, the distance is 0.
-       * </p>
-       * @param {yfiles.algorithms.YRectangle} other the second rectangle.
-       * @returns {number} the distance to the given rectangle.
-       */
-      getEuclideanDistance(other:yfiles.algorithms.YRectangle):number;
-      /**
-       * Returns the Manhattan distance to the passed rectangle.
-       * <p>
-       * If they overlap the distance is 0.
-       * </p>
-       * @param {yfiles.algorithms.YRectangle} other the second rectangle.
-       * @returns {number} the distance to the given rectangle.
-       */
-      getManhattanDistance(other:yfiles.algorithms.YRectangle):number;
-      /**
-       * Returns whether or not the given rectangles intersect.
-       * @param {yfiles.algorithms.YRectangle} r1
-       * @param {yfiles.algorithms.YRectangle} r2
-       * @returns {boolean} 
-       * @static
-       */
-      static intersects(r1:yfiles.algorithms.YRectangle,r2:yfiles.algorithms.YRectangle):boolean;
-      /**
-       * Creates a {@link yfiles.geometry.Rect} from a given {@link yfiles.algorithms.YRectangle}.
-       * @returns {yfiles.geometry.Rect} The {@link yfiles.geometry.Rect}.
-       */
-      toRect():yfiles.geometry.Rect;
-      /**
-       * Gets x-coordinate of upper left corner.
-       * @type {number}
-       */
-      x:number;
-      /**
-       * Gets y-coordinate of upper left corner.
-       * @type {number}
-       */
-      y:number;
-      /**
-       * Gets coordinates of upper left corner.
-       * @type {yfiles.algorithms.YPoint}
-       */
-      location:yfiles.algorithms.YPoint;
-      /**
-       * Gets this object.
-       * @type {yfiles.algorithms.YRectangle}
-       */
-      boundingBox:yfiles.algorithms.YRectangle;
-      static $class:yfiles.lang.Class;
-    }
-    /**
-     * This class represents a vector in the 2-dimensional real vector space.
-     * <p>
-     * This vector is an ordered 2 tuple and is defined by two doubles.
-     * </p>
-     * @class yfiles.algorithms.YVector
-     */
-    export interface YVector extends Object{}
-    export class YVector {
-      /**
-       * Creates a new vector, whose direction is given by two points.
-       * <p>
-       * The vector is defined by <code>p1</code> - <code>p2</code>.
-       * </p>
-       * @param {yfiles.algorithms.YPoint} p1 The first point.
-       * @param {yfiles.algorithms.YPoint} [p2=null] The second point. If no point is spcified, <code>(0,0)</code> is used instead.
-       * @constructor
-       */
-      constructor(p1:yfiles.algorithms.YPoint,p2?:yfiles.algorithms.YPoint);
-      /**
-       * Creates a new vector which is a copy of another vector.
-       * @param {yfiles.algorithms.YVector} v the vector, whose values are copied.
-       * @constructor
-       */
-      constructor(v:yfiles.algorithms.YVector);
-      /**
-       * Creates a new vector, whose direction is given by two points.
-       * <p>
-       * The vector is defined by <code>(x1 - x2, y1 - y2)</code>.
-       * </p>
-       * @param {number} x1 the X-coordinate of the first point.
-       * @param {number} y1 the Y-coordinate of the first point.
-       * @param {number} x2 the X-coordinate of the second point.
-       * @param {number} y2 the Y-coordinate of the second point.
-       * @constructor
-       */
-      constructor(x1:number,y1:number,x2:number,y2:number);
-      /**
-       * Creates a new vector with given direction.
-       * @param {number} dx the first coordinate
-       * @param {number} dy the second coordinate
-       * @constructor
-       */
-      constructor(dx:number,dy:number);
-      /**
-       * Adds a vector to this vector.
-       * @param {yfiles.algorithms.YVector} v the vector to add.
-       */
-      add(v:yfiles.algorithms.YVector):void;
-      /**
-       * Adds the vector to a point and returns the resulting point.
-       * @param {yfiles.algorithms.YPoint} p a point.
-       * @param {yfiles.algorithms.YVector} v the vector to add to the point.
-       * @returns {yfiles.algorithms.YPoint} p+v
-       * @static
-       */
-      static add(p:yfiles.algorithms.YPoint,v:yfiles.algorithms.YVector):yfiles.algorithms.YPoint;
-      /**
-       * Adds two vectors and returns the result.
-       * @param {yfiles.algorithms.YVector} v first vector to sum.
-       * @param {yfiles.algorithms.YVector} w second vector to sum.
-       * @returns {yfiles.algorithms.YVector} v+w
-       * @static
-       */
-      static add(v:yfiles.algorithms.YVector,w:yfiles.algorithms.YVector):yfiles.algorithms.YVector;
-      /**
-       * Returns the result of the addition of two angles between <code>0</code> and <code>2*Pi</code>.
-       * <p>
-       * The result is calculated modulo <code>2*Pi</code>.
-       * </p>
-       * @param {number} a1 a value in <code>[0,2Pi)</code>.
-       * @param {number} a2 a value in <code>[0,2Pi)</code>.
-       * @returns {number} The sum of a1 and a2 modulo <code>2*Pi</code>.
-       * @static
-       */
-      static addAngle(a1:number,a2:number):number;
-      /**
-       * Returns the angle (measured in radians) between two vectors in clockwise order (with regards to screen coordinates) from
-       * v1 to v2.
-       * <p>
-       * Screen coordinates mean positive x-direction is from left to right and positive y-direction is from top to bottom.
-       * </p>
-       * @param {yfiles.algorithms.YVector} v1
-       * @param {yfiles.algorithms.YVector} v2
-       * @returns {number} 
-       * @static
-       */
-      static angle(v1:yfiles.algorithms.YVector,v2:yfiles.algorithms.YVector):number;
-      /**
-       * Returns this vector with unit length.
-       * @param {yfiles.algorithms.YVector} v
-       * @returns {yfiles.algorithms.YVector} 
-       * @static
-       */
-      static getNormal(v:yfiles.algorithms.YVector):yfiles.algorithms.YVector;
-      /**
-       * Returns the length of the vector, this is the value of the euclidean norm.
-       * @returns {number} a value > 0.
-       */
-      length():number;
-      /**
-       * Assigns unit length to the vector.
-       * <br />
-       */
-      norm():void;
-      /**
-       * Returns the vector which is orthogonal to the given one and has unit length.
-       * @param {yfiles.algorithms.YVector} v a vector.
-       * @returns {yfiles.algorithms.YVector} a vector which is orthogonal to v with unit length.
-       * @static
-       */
-      static orthoNormal(v:yfiles.algorithms.YVector):yfiles.algorithms.YVector;
-      /**
-       * Returns true if vector v1 is on the right side of v2.
-       * @param {yfiles.algorithms.YVector} v1
-       * @param {yfiles.algorithms.YVector} v2
-       * @returns {boolean} 
-       * @static
-       */
-      static rightOf(v1:yfiles.algorithms.YVector,v2:yfiles.algorithms.YVector):boolean;
-      /**
-       * Returns a new <code>YVector</code> instance that is obtained by rotating this vector by the given angle (measured in radians) in
-       * clockwise direction (with regards to screen coordinates).
-       * <p>
-       * Screen coordinates mean positive x-direction is from left to right and positive y-direction is from top to bottom.
-       * </p>
-       * @param {number} angle the angle of rotation in radians.
-       * @returns {yfiles.algorithms.YVector} the rotated vector.
-       */
-      rotate(angle:number):yfiles.algorithms.YVector;
-      /**
-       * Returns the value of the scalar product of two vectors.
-       * @param {yfiles.algorithms.YVector} v1 the first vector.
-       * @param {yfiles.algorithms.YVector} v2 the second vector.
-       * @returns {number} <code>v1.x * v2.x + v1.y * v2.y</code>
-       * @static
-       */
-      static scalarProduct(v1:yfiles.algorithms.YVector,v2:yfiles.algorithms.YVector):number;
-      /**
-       * Scales the vector by an factor.
-       * @param {number} factor the scale factor, with which the length is multiplied.
-       */
-      scale(factor:number):void;
-      /**
-       * Creates a {@link yfiles.geometry.Point} from a given {@link yfiles.algorithms.YVector}.
-       * @returns {yfiles.geometry.Point} The {@link yfiles.geometry.Point}.
-       */
-      toPoint():yfiles.geometry.Point;
-      /**
-       * Gets the first coordinate of the vector.
-       * @type {number}
-       */
-      x:number;
-      /**
-       * Gets the second coordinate of the vector.
-       * @type {number}
-       */
-      y:number;
-      static $class:yfiles.lang.Class;
-    }
     /**
      * This class provides access to some Comparator instances that are commonly used in yFiles.
-     * @class yfiles.algorithms.Comparers
+     * @class
      * @static
      */
     export interface Comparers extends Object{}
@@ -81629,9 +80984,9 @@ declare namespace system{
        * <p>
        * <b>Warning:</b> This method does <b>not</b> handle <code>NaN</code>! If you need <code>NaN</code>-safe comparison, use {@link yfiles.lang.Object_Interface#compare} instead.
        * </p>
-       * @param {number} d1 the first number to compare.
-       * @param {number} d2 the second number to compare.
-       * @returns {number} a negative integer, zero, or a positive integer as the first argument is less than, equal to, or greater than the
+       * @param d1 the first number to compare.
+       * @param d2 the second number to compare.
+       * @returns a negative integer, zero, or a positive integer as the first argument is less than, equal to, or greater than the
        * second.
        * @see yfiles.collections.IComparer.<T>#compare
        * @static
@@ -81639,7 +80994,7 @@ declare namespace system{
       static compare(d1:number,d2:number):number;
       /**
        * Returns a {@link yfiles.collections.IComparer.<T>} that compares to Objects of type Comparable.
-       * @returns {yfiles.collections.IComparer.<Object>} 
+       * @returns 
        * @static
        */
       static createComparableComparer():yfiles.collections.IComparer<Object>;
@@ -81649,8 +81004,8 @@ declare namespace system{
        * Two objects are compared by comparing the {@link yfiles.lang.IComparable} instances the given data provider returns for each of
        * these objects.
        * </p>
-       * @param {yfiles.algorithms.IDataProvider} dp a data provider that must return a {@link yfiles.lang.IComparable} for each object that is being compared by this comparator.
-       * @returns {yfiles.collections.IComparer.<Object>} a {@link yfiles.collections.IComparer.<T>} that compares arbitrary objects.
+       * @param dp a data provider that must return a {@link } for each object that is being compared by this comparator.
+       * @returns a {@link } that compares arbitrary objects.
        * @static
        */
       static createComparableDataComparer(dp:yfiles.algorithms.IDataProvider):yfiles.collections.IComparer<Object>;
@@ -81659,8 +81014,8 @@ declare namespace system{
        * <p>
        * Two objects are compared by comparing the int value the given data provider returns for each of these objects.
        * </p>
-       * @param {yfiles.algorithms.IDataProvider} dp a data provider that must return an int value for each object that is being compared by this comparator.
-       * @returns {yfiles.collections.IComparer.<Object>} a {@link yfiles.collections.IComparer.<T>} that compares arbitrary objects.
+       * @param dp a data provider that must return an int value for each object that is being compared by this comparator.
+       * @returns a {@link } that compares arbitrary objects.
        * @static
        */
       static createIntDataComparer(dp:yfiles.algorithms.IDataProvider):yfiles.collections.IComparer<Object>;
@@ -81670,8 +81025,8 @@ declare namespace system{
        * Two edges are compared by comparing their source nodes. Each source node <code>e.source()</code> in turn is compared by the int value
        * provided by the given data provider: <code>dp.getInt(e.source())</code>.
        * </p>
-       * @param {yfiles.algorithms.IDataProvider} dp a data provider that must return an int value for the source node of each edge being compared.
-       * @returns {yfiles.collections.IComparer.<Object>} a {@link yfiles.collections.IComparer.<T>} that compares edges.
+       * @param dp a data provider that must return an int value for the source node of each edge being compared.
+       * @returns a {@link } that compares edges.
        * @static
        */
       static createIntDataSourceComparer(dp:yfiles.algorithms.IDataProvider):yfiles.collections.IComparer<Object>;
@@ -81681,8 +81036,8 @@ declare namespace system{
        * Two edges are compared by comparing their target nodes. Each target node <code>e.target()</code> in turn is compared by the int value
        * provided by the given data provider: <code>dp.getInt(e.target())</code>.
        * </p>
-       * @param {yfiles.algorithms.IDataProvider} dp a data provider that must return an int value for the target node of each edge being compared.
-       * @returns {yfiles.collections.IComparer.<Object>} a {@link yfiles.collections.IComparer.<T>} that compares edges.
+       * @param dp a data provider that must return an int value for the target node of each edge being compared.
+       * @returns a {@link } that compares edges.
        * @static
        */
       static createIntDataTargetComparer(dp:yfiles.algorithms.IDataProvider):yfiles.collections.IComparer<Object>;
@@ -81691,8 +81046,8 @@ declare namespace system{
        * <p>
        * Two objects are compared by comparing the double value the given data provider returns for each of these objects.
        * </p>
-       * @param {yfiles.algorithms.IDataProvider} dp a data provider that must return a double value for each object that is being compared by this comparator.
-       * @returns {yfiles.collections.IComparer.<Object>} a {@link yfiles.collections.IComparer.<T>} that compares arbitrary objects.
+       * @param dp a data provider that must return a double value for each object that is being compared by this comparator.
+       * @returns a {@link } that compares arbitrary objects.
        * @static
        */
       static createNumberDataComparer(dp:yfiles.algorithms.IDataProvider):yfiles.collections.IComparer<Object>;
@@ -81702,8 +81057,8 @@ declare namespace system{
        * Two edges are compared by comparing their source nodes. Each source node <code>e.source()</code> in turn is compared by the double
        * value provided by the given data provider: <code>dp.getDouble(e.source())</code>.
        * </p>
-       * @param {yfiles.algorithms.IDataProvider} dp a data provider that must return a double value for the source node of each edge being compared.
-       * @returns {yfiles.collections.IComparer.<Object>} a {@link yfiles.collections.IComparer.<T>} that compares edges.
+       * @param dp a data provider that must return a double value for the source node of each edge being compared.
+       * @returns a {@link } that compares edges.
        * @static
        */
       static createNumberDataSourceComparer(dp:yfiles.algorithms.IDataProvider):yfiles.collections.IComparer<Object>;
@@ -81713,8 +81068,8 @@ declare namespace system{
        * Two edges are compared by comparing their target nodes. Each target node <code>e.target()</code> in turn is compared by the double
        * value provided by the given data provider: <code>dp.getDouble(e.target())</code>.
        * </p>
-       * @param {yfiles.algorithms.IDataProvider} dp a data provider that must return a double value for the target node of each edge being compared.
-       * @returns {yfiles.collections.IComparer.<Object>} a {@link yfiles.collections.IComparer.<T>} that compares edges.
+       * @param dp a data provider that must return a double value for the target node of each edge being compared.
+       * @returns a {@link } that compares edges.
        * @static
        */
       static createNumberDataTargetComparer(dp:yfiles.algorithms.IDataProvider):yfiles.collections.IComparer<Object>;
@@ -81722,16 +81077,16 @@ declare namespace system{
     }
     /**
      * Provides utility methods for working with {@link yfiles.algorithms.ICursor cursors}.
-     * @class yfiles.algorithms.Cursors
+     * @class
      * @static
      */
     export interface Cursors extends Object{}
     export class Cursors {
       /**
        * Creates a new cursor that provides a logical view on the concatenation of the two given cursors.
-       * @param {yfiles.algorithms.ICursor} c1 - first concatenation argument
-       * @param {yfiles.algorithms.ICursor} c2 - second concatenation argument
-       * @returns {yfiles.algorithms.ICursor} 
+       * @param c1 - first concatenation argument
+       * @param c2 - second concatenation argument
+       * @returns 
        * @static
        */
       static concatenate(c1:yfiles.algorithms.ICursor,c2:yfiles.algorithms.ICursor):yfiles.algorithms.ICursor;
@@ -81744,8 +81099,8 @@ declare namespace system{
        * Note that the returned cursor does not support the {@link yfiles.algorithms.ICursor#prev prev} and {@link yfiles.algorithms.ICursor#toLast toLast} operations.
        * </p>
        * Type parameter <code>T</code>.
-       * @param {yfiles.collections.ICollection.<T>} c The collection.
-       * @returns {yfiles.algorithms.ICursor} The cursor view of the given collection.
+       * @param c The collection.
+       * @returns The cursor view of the given collection.
        * @template T
        * @static
        */
@@ -81757,8 +81112,8 @@ declare namespace system{
        * {@link yfiles.algorithms.IEdgeCursor#cyclicPrev}.
        * </p>
        * Type parameter <code>T</code>.
-       * @param {yfiles.collections.ICollection.<T>} c The collection.
-       * @returns {yfiles.algorithms.IEdgeCursor} an {@link yfiles.algorithms.IEdgeCursor} view of the given collection.
+       * @param c The collection.
+       * @returns an {@link } view of the given collection.
        * @template T
        * @static
        */
@@ -81770,17 +81125,17 @@ declare namespace system{
        * {@link yfiles.algorithms.INodeCursor#cyclicPrev}.
        * </p>
        * Type parameter <code>T</code>.
-       * @param {yfiles.collections.ICollection.<T>} c The collection.
-       * @returns {yfiles.algorithms.INodeCursor} an {@link yfiles.algorithms.INodeCursor} view of the given collection.
+       * @param c The collection.
+       * @returns an {@link } view of the given collection.
        * @template T
        * @static
        */
       static createNodeCursor<T>(c:yfiles.collections.ICollection<T>):yfiles.algorithms.INodeCursor;
       /**
        * Creates or fills an array with the values provided by the cursor
-       * @param {yfiles.algorithms.ICursor} cursor the cursor
-       * @param {Array.<Object>} dest the array to fill with the values or <code>null</code> if the method should create the array itself
-       * @returns {Array.<Object>} dest or a newly created array filled with the values from cursor
+       * @param cursor the cursor
+       * @param dest the array to fill with the values or <code>null</code> if the method should create the array itself
+       * @returns dest or a newly created array filled with the values from cursor
        * @static
        */
       static toArray(cursor:yfiles.algorithms.ICursor,dest:Object[]):Object[];
@@ -81789,7 +81144,7 @@ declare namespace system{
     /**
      * An abstract adapter class for providing data.
      * <p>
-     * The data provision methods in this class throw a {@link Stubs.Exceptions.NotSupportedError} and {@link yfiles.algorithms.DataProviderAdapter#defined}
+     * The data provision methods in this class throw a {@link yfiles.lang.Exception} and {@link yfiles.algorithms.DataProviderAdapter#defined}
      * always returns <code>false</code>.
      * </p>
      * <p>
@@ -81798,7 +81153,7 @@ declare namespace system{
      * <p>
      * Extend this class to provide either typed or untyped data for a certain lookup domain.
      * </p>
-     * @class yfiles.algorithms.DataProviderAdapter
+     * @class
      * @implements {yfiles.algorithms.IDataProvider}
      */
     export interface DataProviderAdapter extends Object,yfiles.algorithms.IDataProvider{}
@@ -81809,35 +81164,35 @@ declare namespace system{
        * Subclasses should override this method to make clear for which data holders there is a value accessible via this data
        * provider.
        * </p>
-       * @param {Object} dataHolder
-       * @returns {boolean} <code>false</code>.
+       * @param dataHolder
+       * @returns <code>false</code>.
        */
       defined(dataHolder:Object):boolean;
       /**
        * Subclasses may override this method to provide access to object values.
-       * @param {Object} dataHolder
-       * @returns {Object} 
+       * @param dataHolder
+       * @returns 
        * @throws {Stubs.Exceptions.NotSupportedError} unless overwritten.
        */
       get(dataHolder:Object):Object;
       /**
        * Subclasses may override this method to provide access to boolean values.
-       * @param {Object} dataHolder
-       * @returns {boolean} 
+       * @param dataHolder
+       * @returns 
        * @throws {Stubs.Exceptions.NotSupportedError} unless overwritten.
        */
       getBoolean(dataHolder:Object):boolean;
       /**
        * Subclasses may override this method to provide access to integer values.
-       * @param {Object} dataHolder
-       * @returns {number} 
+       * @param dataHolder
+       * @returns 
        * @throws {Stubs.Exceptions.NotSupportedError} unless overwritten.
        */
       getInt(dataHolder:Object):number;
       /**
        * Subclasses may override this method to provide access to double values.
-       * @param {Object} dataHolder
-       * @returns {number} 
+       * @param dataHolder
+       * @returns 
        * @throws {Stubs.Exceptions.NotSupportedError} unless overwritten.
        */
       getNumber(dataHolder:Object):number;
@@ -81845,15 +81200,15 @@ declare namespace system{
     }
     /**
      * This class provides convenience and transformation services for DataProviders.
-     * @class yfiles.algorithms.DataProviders
+     * @class
      * @static
      */
     export interface DataProviders extends Object{}
     export class DataProviders {
       /**
        * Returns a DataProvider that returns the given value for each key.
-       * @param {Object} data constant Object data returned by the created data provider.
-       * @returns {yfiles.algorithms.IDataProvider} a data provider view of a single value.
+       * @param data constant Object data returned by the created data provider.
+       * @returns a data provider view of a single value.
        * @static
        */
       static createConstantDataProvider(data:Object):yfiles.algorithms.IDataProvider;
@@ -81862,8 +81217,8 @@ declare namespace system{
        * <p>
        * The Object value <code>data[edge.index()]</code> will be returned by the data provider upon the method call <code>get(edge)</code>.
        * </p>
-       * @param {Array.<Object>} data array data for each edge of a static graph
-       * @returns {yfiles.algorithms.IDataProvider} a data provider view of the given array
+       * @param data array data for each edge of a static graph
+       * @returns a data provider view of the given array
        * @static
        */
       static createEdgeDataProvider(data:Object[]):yfiles.algorithms.IDataProvider;
@@ -81881,11 +81236,11 @@ declare namespace system{
        * <p>
        * The Object value <code>objectData[edge.index()]</code> will be returned by the data provider upon the method call <code>get(edge)</code>.
        * </p>
-       * @param {Array.<number>} doubleData double data for each edge of a static graph
-       * @param {Array.<number>} intData int data for each edge of a static graph
-       * @param {Array.<boolean>} boolData boolean data for each edge of a static graph
-       * @param {Array.<Object>} objectData Object data for each edge of a static graph
-       * @returns {yfiles.algorithms.IDataProvider} a data provider view of the given arrays
+       * @param doubleData double data for each edge of a static graph
+       * @param intData int data for each edge of a static graph
+       * @param boolData boolean data for each edge of a static graph
+       * @param objectData Object data for each edge of a static graph
+       * @returns a data provider view of the given arrays
        * @static
        */
       static createEdgeDataProviderForArrays(doubleData:number[],intData:number[],boolData:boolean[],objectData:Object[]):yfiles.algorithms.IDataProvider;
@@ -81894,8 +81249,8 @@ declare namespace system{
        * <p>
        * The boolean value <code>data[edge.index()]</code> will be returned by the data provider upon the method call <code>getBool(edge)</code>.
        * </p>
-       * @param {Array.<boolean>} data array data for each edge of a static graph
-       * @returns {yfiles.algorithms.IDataProvider} a data provider view of the given array
+       * @param data array data for each edge of a static graph
+       * @returns a data provider view of the given array
        * @static
        */
       static createEdgeDataProviderForBoolean(data:boolean[]):yfiles.algorithms.IDataProvider;
@@ -81904,8 +81259,8 @@ declare namespace system{
        * <p>
        * The int value <code>data[edge.index()]</code> will be returned by the data provider upon the method call <code>getInt(edge)</code>.
        * </p>
-       * @param {Array.<number>} data array data for each edge of a static graph
-       * @returns {yfiles.algorithms.IDataProvider} a data provider view of the given array
+       * @param data array data for each edge of a static graph
+       * @returns a data provider view of the given array
        * @static
        */
       static createEdgeDataProviderForInt(data:number[]):yfiles.algorithms.IDataProvider;
@@ -81914,15 +81269,15 @@ declare namespace system{
        * <p>
        * The double value <code>data[edge.index()]</code> will be returned by the data provider upon the method call <code>getDouble(edge)</code>.
        * </p>
-       * @param {Array.<number>} data array data for each edge of a static graph
-       * @returns {yfiles.algorithms.IDataProvider} a data provider view of the given array
+       * @param data array data for each edge of a static graph
+       * @returns a data provider view of the given array
        * @static
        */
       static createEdgeDataProviderForNumber(data:number[]):yfiles.algorithms.IDataProvider;
       /**
        * Returns a DataProvider that returns the negated boolean values provided by another data provider.
-       * @param {yfiles.algorithms.IDataProvider} data
-       * @returns {yfiles.algorithms.IDataProvider} 
+       * @param data
+       * @returns 
        * @static
        */
       static createNegatedDataProvider(data:yfiles.algorithms.IDataProvider):yfiles.algorithms.IDataProvider;
@@ -81931,8 +81286,8 @@ declare namespace system{
        * <p>
        * The Object value <code>data[node.index()]</code> will be returned by the data provider upon the method call <code>get(node)</code>.
        * </p>
-       * @param {Array.<Object>} data array data for each node of a static graph
-       * @returns {yfiles.algorithms.IDataProvider} a data provider view of the given array
+       * @param data array data for each node of a static graph
+       * @returns a data provider view of the given array
        * @static
        */
       static createNodeDataProvider(data:Object[]):yfiles.algorithms.IDataProvider;
@@ -81941,8 +81296,8 @@ declare namespace system{
        * <p>
        * The boolean value <code>data[node.index()]</code> will be returned by the data provider upon the method call <code>getBool(node)</code>.
        * </p>
-       * @param {Array.<boolean>} data array data for each node of a static graph
-       * @returns {yfiles.algorithms.IDataProvider} a data provider view of the given array
+       * @param data array data for each node of a static graph
+       * @returns a data provider view of the given array
        * @static
        */
       static createNodeDataProviderForBoolean(data:boolean[]):yfiles.algorithms.IDataProvider;
@@ -81951,8 +81306,8 @@ declare namespace system{
        * <p>
        * The int value <code>data[node.index()]</code> will be returned by the data provider upon the method call <code>getInt(node)</code>.
        * </p>
-       * @param {Array.<number>} data array data for each node of a static graph
-       * @returns {yfiles.algorithms.IDataProvider} a data provider view of the given array
+       * @param data array data for each node of a static graph
+       * @returns a data provider view of the given array
        * @static
        */
       static createNodeDataProviderForInt(data:number[]):yfiles.algorithms.IDataProvider;
@@ -81961,8 +81316,8 @@ declare namespace system{
        * <p>
        * The double value <code>data[node.index()]</code> will be returned by the data provider upon the method call <code>getDouble(node)</code>.
        * </p>
-       * @param {Array.<number>} data array data for each node of a static graph
-       * @returns {yfiles.algorithms.IDataProvider} a data provider view of the given array
+       * @param data array data for each node of a static graph
+       * @returns a data provider view of the given array
        * @static
        */
       static createNodeDataProviderForNumber(data:number[]):yfiles.algorithms.IDataProvider;
@@ -81980,25 +81335,25 @@ declare namespace system{
        * <p>
        * The Object value <code>objectData[node.index()]</code> will be returned by the data provider upon the method call <code>get(node)</code>.
        * </p>
-       * @param {Array.<number>} doubleData double data for each node of a static graph
-       * @param {Array.<number>} intData int data for each node of a static graph
-       * @param {Array.<boolean>} boolData boolean data for each node of a static graph
-       * @param {Array.<Object>} objectData Object data for each node of a static graph
-       * @returns {yfiles.algorithms.IDataProvider} a data provider view of the given arrays
+       * @param doubleData double data for each node of a static graph
+       * @param intData int data for each node of a static graph
+       * @param boolData boolean data for each node of a static graph
+       * @param objectData Object data for each node of a static graph
+       * @returns a data provider view of the given arrays
        * @static
        */
       static createNodeDataProviderWithArrays(doubleData:number[],intData:number[],boolData:boolean[],objectData:Object[]):yfiles.algorithms.IDataProvider;
       /**
        * Returns a DataProvider for edges that return the data provider values bound to their source nodes.
-       * @param {yfiles.algorithms.IDataProvider} nodeData
-       * @returns {yfiles.algorithms.IDataProvider} 
+       * @param nodeData
+       * @returns 
        * @static
        */
       static createSourceDataProvider(nodeData:yfiles.algorithms.IDataProvider):yfiles.algorithms.IDataProvider;
       /**
        * Returns a DataProvider for edges that return the data provider values bound to their target nodes.
-       * @param {yfiles.algorithms.IDataProvider} nodeData
-       * @returns {yfiles.algorithms.IDataProvider} 
+       * @param nodeData
+       * @returns 
        * @static
        */
       static createTargetDataProvider(nodeData:yfiles.algorithms.IDataProvider):yfiles.algorithms.IDataProvider;
@@ -82017,7 +81372,7 @@ declare namespace system{
      * by default prevent the graph instance from firing events, other code might cease to work correctly. Use this class for
      * short term removal of nodes and edges, only.
      * </p>
-     * @class yfiles.algorithms.GraphPartitionManager
+     * @class
      */
     export interface GraphPartitionManager extends Object{}
     export class GraphPartitionManager {
@@ -82026,14 +81381,13 @@ declare namespace system{
        * <p>
        * All non-static hiding and unhiding methods will refer to the given graph.
        * </p>
-       * @param {yfiles.algorithms.Graph} graph
-       * @param {yfiles.algorithms.IDataProvider} partitionId
-       * @constructor
+       * @param graph
+       * @param partitionId
        */
       constructor(graph:yfiles.algorithms.Graph,partitionId:yfiles.algorithms.IDataProvider);
       /**
        * Assures that only nodes are visible in the graph that are associated with the given partitionId.
-       * @param {Object} partitionId the partitionId for the nodes that will be made visible
+       * @param partitionId the partitionId for the nodes that will be made visible
        */
       displayPartition(partitionId:Object):void;
       /**
@@ -82041,7 +81395,7 @@ declare namespace system{
        * <p>
        * The hidden nodes and adjacent edges will be stored so that they can be unhidden again at a later time.
        * </p>
-       * @param {yfiles.algorithms.NodeList} nl
+       * @param nl
        */
       hide(nl:yfiles.algorithms.NodeList):void;
       /**
@@ -82049,7 +81403,7 @@ declare namespace system{
        * <p>
        * The hidden edges will be stored so that they can be unhidden again at a later time.
        * </p>
-       * @param {yfiles.algorithms.EdgeList} el
+       * @param el
        */
       hide(el:yfiles.algorithms.EdgeList):void;
       /**
@@ -82057,7 +81411,7 @@ declare namespace system{
        * <p>
        * The hidden edge will be stored so that they can be unhidden again at a later time.
        * </p>
-       * @param {yfiles.algorithms.Edge} e
+       * @param e
        */
       hide(e:yfiles.algorithms.Edge):void;
       /**
@@ -82065,7 +81419,7 @@ declare namespace system{
        * <p>
        * The hidden elements will be stored so that they can be unhidden again at a later time.
        * </p>
-       * @param {yfiles.algorithms.Node} v
+       * @param v
        */
       hide(v:yfiles.algorithms.Node):void;
       /**
@@ -82080,7 +81434,7 @@ declare namespace system{
        * <p>
        * The hidden edges will be stored so that they can be unhidden again at a later time.
        * </p>
-       * @param {yfiles.algorithms.IEdgeCursor} ec
+       * @param ec
        */
       hideEdgeCursor(ec:yfiles.algorithms.IEdgeCursor):void;
       /**
@@ -82095,7 +81449,7 @@ declare namespace system{
        * <p>
        * The hidden nodes and adjacent edges will be stored so that they can be unhidden again at a later time.
        * </p>
-       * @param {yfiles.algorithms.ICursor} cursor
+       * @param cursor
        */
       hideItemCursor(cursor:yfiles.algorithms.ICursor):void;
       /**
@@ -82111,12 +81465,12 @@ declare namespace system{
        * <p>
        * The hidden nodes and adjacent edges will be stored so that they can be unhidden again at a later time.
        * </p>
-       * @param {yfiles.algorithms.INodeCursor} nc
+       * @param nc
        */
       hideNodeCursor(nc:yfiles.algorithms.INodeCursor):void;
       /**
        * Hides nodes and adjacent edges that have the given partitionId associated.
-       * @param {Object} partitionId the id
+       * @param partitionId the id
        */
       hidePartition(partitionId:Object):void;
       /**
@@ -82131,7 +81485,7 @@ declare namespace system{
        * <p>
        * This method must also be called whenever the content of the given DataProvider changes.
        * </p>
-       * @param {yfiles.algorithms.IDataProvider} partitionId the data provider that holds the partitionIds for all elements.
+       * @param partitionId the data provider that holds the partitionIds for all elements.
        */
       initPartitions(partitionId:yfiles.algorithms.IDataProvider):void;
       /**
@@ -82145,13 +81499,13 @@ declare namespace system{
       simplifyGraph():void;
       /**
        * This method will be called whenever the partition manager is requested to unhide the given node from the graph.
-       * @param {yfiles.algorithms.Node} v
+       * @param v
        * @protected
        */
       unhide(v:yfiles.algorithms.Node):void;
       /**
        * This method will be called whenever the partition manager is requested to unhide the given edge from the graph.
-       * @param {yfiles.algorithms.Edge} e
+       * @param e
        * @protected
        */
       unhide(e:yfiles.algorithms.Edge):void;
@@ -82172,7 +81526,7 @@ declare namespace system{
       unhideNodes():void;
       /**
        * Unhides nodes that have the given partitionId associated.
-       * @param {Object} partitionId the id
+       * @param partitionId the id
        */
       unhidePartition(partitionId:Object):void;
       /**
@@ -82202,7 +81556,7 @@ declare namespace system{
      * by default prevent the graph instance from firing events, other code might cease to work correctly. Use this class for
      * short term removal of nodes and edges, only.
      * </p>
-     * @class yfiles.algorithms.LayoutGraphHider
+     * @class
      */
     export interface LayoutGraphHider extends Object{}
     export class LayoutGraphHider {
@@ -82211,18 +81565,17 @@ declare namespace system{
        * <p>
        * All non-static hiding and unhiding methods will refer to the given graph.
        * </p>
-       * @param {yfiles.algorithms.Graph} g
-       * @constructor
+       * @param g
        */
       constructor(g:yfiles.algorithms.Graph);
       /**
        * The edges that are currently hidden
-       * @returns {yfiles.algorithms.IEdgeCursor} a cursor of the currently hidden edges
+       * @returns a cursor of the currently hidden edges
        */
       getHiddenEdgeCursor():yfiles.algorithms.IEdgeCursor;
       /**
        * The nodes that are currently hidden
-       * @returns {yfiles.algorithms.INodeCursor} a cursor of the currently hidden nodes
+       * @returns a cursor of the currently hidden nodes
        */
       getHiddenNodeCursor():yfiles.algorithms.INodeCursor;
       /**
@@ -82230,7 +81583,7 @@ declare namespace system{
        * <p>
        * The hidden nodes and adjacent edges will be stored so that they can be unhidden again at a later time.
        * </p>
-       * @param {yfiles.algorithms.NodeList} nl
+       * @param nl
        */
       hide(nl:yfiles.algorithms.NodeList):void;
       /**
@@ -82238,7 +81591,7 @@ declare namespace system{
        * <p>
        * The hidden edges will be stored so that they can be unhidden again at a later time.
        * </p>
-       * @param {yfiles.algorithms.EdgeList} el
+       * @param el
        */
       hide(el:yfiles.algorithms.EdgeList):void;
       /**
@@ -82246,7 +81599,7 @@ declare namespace system{
        * <p>
        * The hidden edge will be stored so that they can be unhidden again at a later time.
        * </p>
-       * @param {yfiles.algorithms.Edge} e
+       * @param e
        */
       hide(e:yfiles.algorithms.Edge):void;
       /**
@@ -82254,7 +81607,7 @@ declare namespace system{
        * <p>
        * The hidden elements will be stored so that they can be unhidden again at a later time.
        * </p>
-       * @param {yfiles.algorithms.Node} v
+       * @param v
        */
       hide(v:yfiles.algorithms.Node):void;
       /**
@@ -82269,7 +81622,7 @@ declare namespace system{
        * <p>
        * The hidden edges will be stored so that they can be unhidden again at a later time.
        * </p>
-       * @param {yfiles.algorithms.IEdgeCursor} ec
+       * @param ec
        */
       hideEdgeCursor(ec:yfiles.algorithms.IEdgeCursor):void;
       /**
@@ -82284,7 +81637,7 @@ declare namespace system{
        * <p>
        * The hidden nodes and adjacent edges will be stored so that they can be unhidden again at a later time.
        * </p>
-       * @param {yfiles.algorithms.ICursor} cursor
+       * @param cursor
        */
       hideItemCursor(cursor:yfiles.algorithms.ICursor):void;
       /**
@@ -82300,7 +81653,7 @@ declare namespace system{
        * <p>
        * The hidden nodes and adjacent edges will be stored so that they can be unhidden again at a later time.
        * </p>
-       * @param {yfiles.algorithms.INodeCursor} nc
+       * @param nc
        */
       hideNodeCursor(nc:yfiles.algorithms.INodeCursor):void;
       /**
@@ -82316,8 +81669,8 @@ declare namespace system{
        * The induced subgraph defined by the given edges consists of the given edges and all nodes that are solely connected to
        * the rest of the graph by the given edges.
        * </p>
-       * @param {yfiles.algorithms.Graph} graph
-       * @param {yfiles.algorithms.IEdgeCursor} ec
+       * @param graph
+       * @param ec
        * @static
        */
       static hideSubgraph(graph:yfiles.algorithms.Graph,ec:yfiles.algorithms.IEdgeCursor):void;
@@ -82332,13 +81685,13 @@ declare namespace system{
       simplifyGraph():void;
       /**
        * This method will be called whenever the hider is requested to unhide the given node from the graph.
-       * @param {yfiles.algorithms.Node} v
+       * @param v
        * @protected
        */
       unhide(v:yfiles.algorithms.Node):void;
       /**
        * This method will be called whenever the hider is requested to unhide the given edge from the graph.
-       * @param {yfiles.algorithms.Edge} e
+       * @param e
        * @protected
        */
       unhide(e:yfiles.algorithms.Edge):void;
@@ -82355,7 +81708,7 @@ declare namespace system{
        * Note that unhiding an edge whose source/target is not in the graph (e.g., because it's currently hidden/removed) causes
        * an exception. Hence, in such cases, you first have to unhide/reinsert the corresponding endpoints.
        * </p>
-       * @param {yfiles.algorithms.Edge} e the edge that will be unhidden
+       * @param e the edge that will be unhidden
        */
       unhideEdge(e:yfiles.algorithms.Edge):void;
       /**
@@ -82367,7 +81720,7 @@ declare namespace system{
        * Note that unhiding an edge whose source/target is not in the graph (e.g., because it's currently hidden/removed) causes
        * an exception. Hence, in such cases, you first have to unhide/reinsert the corresponding endpoints.
        * </p>
-       * @param {yfiles.algorithms.EdgeList} edges the edges that will be unhidden
+       * @param edges the edges that will be unhidden
        */
       unhideEdges(edges:yfiles.algorithms.EdgeList):void;
       /**
@@ -82379,8 +81732,8 @@ declare namespace system{
        * <p>
        * Also updates {@link yfiles.algorithms.LayoutGraphHider#hiddenNodes} and {@link yfiles.algorithms.LayoutGraphHider#hiddenEdges}.
        * </p>
-       * @param {yfiles.algorithms.Node} v the node that will be unhidden
-       * @param {boolean} unhideAdjacentEdges whether of not to unhide previously hidden edges connected at <code>v</code> whose other end point is not hidden, i.e. it is part of
+       * @param v the node that will be unhidden
+       * @param unhideAdjacentEdges whether of not to unhide previously hidden edges connected at <code>v</code> whose other end point is not hidden, i.e. it is part of
        * the graph.
        */
       unhideNode(v:yfiles.algorithms.Node,unhideAdjacentEdges:boolean):void;
@@ -82389,8 +81742,8 @@ declare namespace system{
        * <p>
        * Also updates {@link yfiles.algorithms.LayoutGraphHider#hiddenNodes} and {@link yfiles.algorithms.LayoutGraphHider#hiddenEdges}.
        * </p>
-       * @param {yfiles.algorithms.NodeList} nodes the nodes that will be unhidden
-       * @param {boolean} unhideAdjacentEdges whether of not to unhide previously hidden edges connected at the given nodes whose other end point is not hidden, i.e.
+       * @param nodes the nodes that will be unhidden
+       * @param unhideAdjacentEdges whether of not to unhide previously hidden edges connected at the given nodes whose other end point is not hidden, i.e.
        * it is part of the graph.
        */
       unhideNodes(nodes:yfiles.algorithms.NodeList,unhideAdjacentEdges:boolean):void;
@@ -82411,8 +81764,8 @@ declare namespace system{
        * Parts of the subgraph that are already contained in the given graph will not be unhidden and pose no problem to this
        * method.
        * </p>
-       * @param {yfiles.algorithms.Graph} graph
-       * @param {yfiles.algorithms.IEdgeCursor} ec
+       * @param graph
+       * @param ec
        * @static
        */
       static unhideSubgraph(graph:yfiles.algorithms.Graph,ec:yfiles.algorithms.IEdgeCursor):void;
@@ -82446,7 +81799,7 @@ declare namespace system{
     /**
      * This class provides convenience and transformation services for Node- and EdgeMaps and other layout-related collection
      * types.
-     * @class yfiles.algorithms.Maps
+     * @class
      * @static
      */
     export interface Maps extends Object{}
@@ -82457,8 +81810,8 @@ declare namespace system{
        * Accessing basic value types is solved by storing the corresponding wrapper types Double, Integer and Boolean within the
        * given Map.
        * </p>
-       * @param {yfiles.collections.IMap.<Object,Object>} map
-       * @returns {yfiles.algorithms.IDataMap} 
+       * @param map
+       * @returns 
        * @static
        */
       static createDataMap(map:yfiles.collections.IMap<Object,Object>):yfiles.algorithms.IDataMap;
@@ -82468,8 +81821,8 @@ declare namespace system{
        * Accessing basic value types is solved by storing the corresponding wrapper types Double, Integer and Boolean within the
        * given Map.
        * </p>
-       * @param {yfiles.collections.IMap.<Object,Object>} map
-       * @returns {yfiles.algorithms.IEdgeMap} 
+       * @param map
+       * @returns 
        * @static
        */
       static createEdgeMap(map:yfiles.collections.IMap<Object,Object>):yfiles.algorithms.IEdgeMap;
@@ -82478,7 +81831,7 @@ declare namespace system{
        * <p>
        * The preconditions specified in java.util.HashMap apply for the keys and values of this map.
        * </p>
-       * @returns {yfiles.algorithms.IDataMap} 
+       * @returns 
        * @static
        */
       static createHashedDataMap():yfiles.algorithms.IDataMap;
@@ -82487,7 +81840,7 @@ declare namespace system{
        * <p>
        * The preconditions specified in java.util.HashMap apply for the keys and values of this map.
        * </p>
-       * @returns {yfiles.algorithms.IEdgeMap} 
+       * @returns 
        * @static
        */
       static createHashedEdgeMap():yfiles.algorithms.IEdgeMap;
@@ -82496,7 +81849,7 @@ declare namespace system{
        * <p>
        * The preconditions specified in java.util.HashMap apply for the keys and values of this map.
        * </p>
-       * @returns {yfiles.algorithms.INodeMap} 
+       * @returns 
        * @static
        */
       static createHashedNodeMap():yfiles.algorithms.INodeMap;
@@ -82504,8 +81857,8 @@ declare namespace system{
        * Factory method that creates a {@link yfiles.collections.IMap.<TKey,TValue>} that is a special hash map implementation mainly used by the layout algorithms.
        * Type parameter <code>K</code>.
        * Type parameter <code>V</code>.
-       * @param {yfiles.collections.ICollection.<yfiles.collections.MapEntry.<K,V>>} [entries=null] The items to optionally populate the set with initially.
-       * @returns {yfiles.collections.IMap.<K,V>} A new instance.
+       * @param [entries=null] The items to optionally populate the set with initially.
+       * @returns A new instance.
        * @template K,V
        * @static
        */
@@ -82514,8 +81867,8 @@ declare namespace system{
        * Factory method that creates an {@link yfiles.collections.ICollection.<T>} implementation with set semantics that is a special hash map based implementation mainly
        * used by the layout algorithms.
        * Type parameter <code>T</code>.
-       * @param {yfiles.collections.IEnumerable.<T>} [items=null] The items to optionally populate the set with initially.
-       * @returns {yfiles.collections.ICollection.<T>} A new instance.
+       * @param [items=null] The items to optionally populate the set with initially.
+       * @returns A new instance.
        * @template T
        * @static
        */
@@ -82526,10 +81879,10 @@ declare namespace system{
        * A high performance map is a facade to another map which will allow to reset all bound values to a default value in
        * constant time.
        * </p>
-       * @param {yfiles.algorithms.IDataProvider} backingProvider
-       * @param {yfiles.algorithms.IDataAcceptor} backingAcceptor
-       * @param {number} defaultValue
-       * @returns {yfiles.algorithms.INodeMap} 
+       * @param backingProvider
+       * @param backingAcceptor
+       * @param defaultValue
+       * @returns 
        * @static
        */
       static createHighPerformanceDoubleMap(backingProvider:yfiles.algorithms.IDataProvider,backingAcceptor:yfiles.algorithms.IDataAcceptor,defaultValue:number):yfiles.algorithms.INodeMap;
@@ -82539,9 +81892,9 @@ declare namespace system{
        * A high performance map is a facade to another map which will allow to reset all bound values to a default value in
        * constant time.
        * </p>
-       * @param {yfiles.algorithms.IDataMap} backingMap
-       * @param {number} defaultValue
-       * @returns {yfiles.algorithms.INodeMap} 
+       * @param backingMap
+       * @param defaultValue
+       * @returns 
        * @static
        */
       static createHighPerformanceDoubleMap(backingMap:yfiles.algorithms.IDataMap,defaultValue:number):yfiles.algorithms.INodeMap;
@@ -82551,10 +81904,10 @@ declare namespace system{
        * A high performance map is a facade to another map which will allow to reset all bound values to a default value in
        * constant time.
        * </p>
-       * @param {yfiles.algorithms.IDataProvider} backingProvider
-       * @param {yfiles.algorithms.IDataAcceptor} backingAcceptor
-       * @param {number} defaultValue
-       * @returns {yfiles.algorithms.INodeMap} 
+       * @param backingProvider
+       * @param backingAcceptor
+       * @param defaultValue
+       * @returns 
        * @static
        */
       static createHighPerformanceIntMap(backingProvider:yfiles.algorithms.IDataProvider,backingAcceptor:yfiles.algorithms.IDataAcceptor,defaultValue:number):yfiles.algorithms.INodeMap;
@@ -82564,9 +81917,9 @@ declare namespace system{
        * A high performance map is a facade to another map which will allow to reset all bound values to a default value in
        * constant time.
        * </p>
-       * @param {yfiles.algorithms.IDataMap} backingMap
-       * @param {number} defaultValue
-       * @returns {yfiles.algorithms.INodeMap} 
+       * @param backingMap
+       * @param defaultValue
+       * @returns 
        * @static
        */
       static createHighPerformanceIntMap(backingMap:yfiles.algorithms.IDataMap,defaultValue:number):yfiles.algorithms.INodeMap;
@@ -82576,10 +81929,10 @@ declare namespace system{
        * A high performance map is a facade to another map which will allow to reset all bound values to a default value in
        * constant time.
        * </p>
-       * @param {yfiles.algorithms.IDataProvider} backingProvider
-       * @param {yfiles.algorithms.IDataAcceptor} backingAcceptor
-       * @param {Object} defaultValue
-       * @returns {yfiles.algorithms.INodeMap} 
+       * @param backingProvider
+       * @param backingAcceptor
+       * @param defaultValue
+       * @returns 
        * @static
        */
       static createHighPerformanceMap(backingProvider:yfiles.algorithms.IDataProvider,backingAcceptor:yfiles.algorithms.IDataAcceptor,defaultValue:Object):yfiles.algorithms.INodeMap;
@@ -82589,9 +81942,9 @@ declare namespace system{
        * A high performance map is a facade to another map which will allow to reset all bound values to a default value in
        * constant time.
        * </p>
-       * @param {yfiles.algorithms.IDataMap} backingMap
-       * @param {Object} defaultValue
-       * @returns {yfiles.algorithms.INodeMap} 
+       * @param backingMap
+       * @param defaultValue
+       * @returns 
        * @static
        */
       static createHighPerformanceMap(backingMap:yfiles.algorithms.IDataMap,defaultValue:Object):yfiles.algorithms.INodeMap;
@@ -82604,8 +81957,8 @@ declare namespace system{
        * <p>
        * <b>Warning!</b> The indices of the accessed edges must not change during the use of this EdgeMap.
        * </p>
-       * @param {Array.<Object>} data array data for each edge of a static graph
-       * @returns {yfiles.algorithms.IEdgeMap} a EdgeMap view of the given array
+       * @param data array data for each edge of a static graph
+       * @returns a EdgeMap view of the given array
        * @static
        */
       static createIndexEdgeMap(data:Object[]):yfiles.algorithms.IEdgeMap;
@@ -82618,8 +81971,8 @@ declare namespace system{
        * <p>
        * <b>Warning!</b> The indices of the accessed edges must not change during the use of this EdgeMap.
        * </p>
-       * @param {Array.<boolean>} data array data for each edge of a static graph
-       * @returns {yfiles.algorithms.IEdgeMap} a EdgeMap view of the given array
+       * @param data array data for each edge of a static graph
+       * @returns a EdgeMap view of the given array
        * @static
        */
       static createIndexEdgeMapForBoolean(data:boolean[]):yfiles.algorithms.IEdgeMap;
@@ -82632,8 +81985,8 @@ declare namespace system{
        * <p>
        * <b>Warning!</b> The indices of the accessed edges must not change during the use of this EdgeMap.
        * </p>
-       * @param {Array.<number>} data array data for each edge of a static graph
-       * @returns {yfiles.algorithms.IEdgeMap} a EdgeMap view of the given array
+       * @param data array data for each edge of a static graph
+       * @returns a EdgeMap view of the given array
        * @static
        */
       static createIndexEdgeMapForInt(data:number[]):yfiles.algorithms.IEdgeMap;
@@ -82646,8 +81999,8 @@ declare namespace system{
        * <p>
        * <b>Warning!</b> The indices of the accessed edges must not change during the use of this EdgeMap.
        * </p>
-       * @param {Array.<number>} data array data for each edge of a static graph
-       * @returns {yfiles.algorithms.IEdgeMap} a EdgeMap view of the given array
+       * @param data array data for each edge of a static graph
+       * @returns a EdgeMap view of the given array
        * @static
        */
       static createIndexEdgeMapForNumber(data:number[]):yfiles.algorithms.IEdgeMap;
@@ -82672,11 +82025,11 @@ declare namespace system{
        * <p>
        * <b>Warning!</b> The indices of the accessed edges must not change during the use of this EdgeMap.
        * </p>
-       * @param {Array.<number>} doubleData double data for each edge of a static graph
-       * @param {Array.<number>} intData int data for each edge of a static graph
-       * @param {Array.<boolean>} boolData boolean data for each edge of a static graph
-       * @param {Array.<Object>} objectData Object data for each edge of a static graph
-       * @returns {yfiles.algorithms.IEdgeMap} a EdgeMap view of the given arrays
+       * @param doubleData double data for each edge of a static graph
+       * @param intData int data for each edge of a static graph
+       * @param boolData boolean data for each edge of a static graph
+       * @param objectData Object data for each edge of a static graph
+       * @returns a EdgeMap view of the given arrays
        * @static
        */
       static createIndexEdgeMapFromArrays(doubleData:number[],intData:number[],boolData:boolean[],objectData:Object[]):yfiles.algorithms.IEdgeMap;
@@ -82686,8 +82039,8 @@ declare namespace system{
        * The Object value <code>data[node.index()]</code> will be accessed by the NodeMap upon the method calls <code>get(node)</code> and <code>set(node,value)</code>.
        * <b>Warning!</b> The indices of the accessed nodes must not change during the use of this NodeMap.
        * </p>
-       * @param {Array.<Object>} data array data for each node of a static graph
-       * @returns {yfiles.algorithms.INodeMap} a NodeMap view of the given array
+       * @param data array data for each node of a static graph
+       * @returns a NodeMap view of the given array
        * @static
        */
       static createIndexNodeMap(data:Object[]):yfiles.algorithms.INodeMap;
@@ -82697,8 +82050,8 @@ declare namespace system{
        * The boolean value <code>data[node.index()]</code> will be accessed by the NodeMap upon the method calls <code>getBool(node)</code> and
        * <code>setBool(node,value)</code>.
        * </p>
-       * @param {Array.<boolean>} data array data for each node of a static graph
-       * @returns {yfiles.algorithms.INodeMap} a NodeMap view of the given array
+       * @param data array data for each node of a static graph
+       * @returns a NodeMap view of the given array
        * @static
        */
       static createIndexNodeMapForBoolean(data:boolean[]):yfiles.algorithms.INodeMap;
@@ -82708,8 +82061,8 @@ declare namespace system{
        * The int value <code>data[node.index()]</code> will be accessed by the NodeMap upon the method calls <code>getInt(node)</code> and
        * <code>setInt(node,value)</code>. <b>Warning!</b> The indices of the accessed nodes must not change during the use of this NodeMap.
        * </p>
-       * @param {Array.<number>} data array data for each node of a static graph
-       * @returns {yfiles.algorithms.INodeMap} a NodeMap view of the given array
+       * @param data array data for each node of a static graph
+       * @returns a NodeMap view of the given array
        * @static
        */
       static createIndexNodeMapForInt(data:number[]):yfiles.algorithms.INodeMap;
@@ -82722,8 +82075,8 @@ declare namespace system{
        * <p>
        * <b>Warning!</b> The indices of the accessed nodes must not change during the use of this NodeMap.
        * </p>
-       * @param {Array.<number>} data array data for each node of a static graph
-       * @returns {yfiles.algorithms.INodeMap} a NodeMap view of the given array
+       * @param data array data for each node of a static graph
+       * @returns a NodeMap view of the given array
        * @static
        */
       static createIndexNodeMapForNumber(data:number[]):yfiles.algorithms.INodeMap;
@@ -82748,11 +82101,11 @@ declare namespace system{
        * <p>
        * <b>Warning!</b> The indices of the accessed nodes must not change during the use of this NodeMap.
        * </p>
-       * @param {Array.<number>} doubleData double data for each node of a static graph
-       * @param {Array.<number>} intData int data for each node of a static graph
-       * @param {Array.<boolean>} boolData boolean data for each node of a static graph
-       * @param {Array.<Object>} objectData Object data for each node of a static graph
-       * @returns {yfiles.algorithms.INodeMap} a NodeMap view of the given arrays
+       * @param doubleData double data for each node of a static graph
+       * @param intData int data for each node of a static graph
+       * @param boolData boolean data for each node of a static graph
+       * @param objectData Object data for each node of a static graph
+       * @returns a NodeMap view of the given arrays
        * @static
        */
       static createIndexNodeMapFromArrays(doubleData:number[],intData:number[],boolData:boolean[],objectData:Object[]):yfiles.algorithms.INodeMap;
@@ -82762,1717 +82115,452 @@ declare namespace system{
        * Accessing basic value types is solved by storing the corresponding wrapper types Double, Integer and Boolean within the
        * given Map.
        * </p>
-       * @param {yfiles.collections.IMap.<Object,Object>} map
-       * @returns {yfiles.algorithms.INodeMap} 
+       * @param map
+       * @returns 
        * @static
        */
       static createNodeMap(map:yfiles.collections.IMap<Object,Object>):yfiles.algorithms.INodeMap;
       static $class:yfiles.lang.Class;
     }
-  }export namespace layout{
     /**
-     * This class represents a column of a {@link yfiles.layout.PartitionGrid partition grid} structure.
+     * An implementation of a doubly linked list that provides direct access to the cells that store the elements.
      * <p>
-     * The results of the calculation of the geometry of the column will be placed into the instances of this class after the
-     * layout.
+     * The cells are represented by class {@link yfiles.algorithms.ListCell}.
      * </p>
-     * @see yfiles.layout.PartitionGrid
-     * @class yfiles.layout.ColumnDescriptor
-     * @implements {yfiles.lang.IComparable}
+     * <p>
+     * This class supports fast access and removal operations, specifically, it is possible to remove an element in constant
+     * time (i.e. O(1)) given a reference to its list cell.
+     * </p>
+     * <p>
+     * Class YList supports iteration over the elements either by using the list cells directly (methods {@link yfiles.algorithms.YList#firstCell}/{@link yfiles.algorithms.YList#lastCell} together with
+     * {@link yfiles.algorithms.YList#succCell}/{@link yfiles.algorithms.YList#predCell}, respectively) or by means of a cursor
+     * ({@link yfiles.algorithms.YList#cursor}).
+     * </p>
+     * <p>
+     * Furthermore, YList offers its own {@link yfiles.algorithms.YList#sort} method. Note that this class also provides all relevant
+     * methods to use the list like a stack data type.
+     * </p>
+     * <p>
+     * This implementation permits <code>null</code> as values. It implements the {@link yfiles.collections.IList.<T>} interface but does not support the {@link yfiles.algorithms.YList#subList}
+     * method. The implementation of this method will throw an {@link yfiles.lang.Exception} if invoked. The {@link yfiles.algorithms.YList#cursor}
+     * returned by instances of this class is not fail fast.
+     * </p>
+     * @class
+     * @implements {yfiles.collections.IList.<Object>}
      */
-    export interface ColumnDescriptor extends Object,yfiles.lang.IComparable{}
-    export class ColumnDescriptor {
+    export interface YList extends Object,yfiles.collections.IList<Object>{}
+    export class YList {
       /**
-       * Compares this {@link yfiles.layout.ColumnDescriptor} instance with a given other {@link yfiles.layout.ColumnDescriptor} instance based
-       * on the indices of the two instances.
-       * @param {Object} o the {@link yfiles.layout.ColumnDescriptor} to compare to
-       * @returns {number} <code>-1</code>, <code>0</code> or <code>1</code> if this {@link yfiles.layout.ColumnDescriptor} is less than, equal to, or greater than the given other
-       * {@link yfiles.layout.ColumnDescriptor}
+       * Creates a list that is initialized with the elements provided by the given array of objects.
+       * @param a
        */
-      compareTo(o:Object):number;
+      constructor(a:Object[]);
       /**
-       * Gets the index of the column within the {@link yfiles.layout.PartitionGrid partition grid}.
-       * @type {number}
+       * Creates a list that is initialized with those elements from the given YCursor object for which the given data provider
+       * returns <code>true</code> upon calling its {@link yfiles.algorithms.IDataProvider#getBoolean getBool} method.
+       * @param c A cursor providing objects that should be added to this list.
+       * @param predicate A data provider that acts as a inclusion predicate for each object accessible by the given cursor.
        */
-      index:number;
+      constructor(c:yfiles.algorithms.ICursor,predicate:yfiles.algorithms.IDataProvider);
       /**
-       * Gets or sets the minimum width of the column.
-       * <p>
-       * The minimum width is defined to be at least <code>0</code>.
-       * </p>
-       * @throws {Stubs.Exceptions.ArgumentError} if the minimum width is negative
-       * @type {number}
+       * Creates a list that is initialized with the elements provided by the given Collection object.
+       * @param c
        */
-      minimumWidth:number;
+      constructor(c:yfiles.collections.IEnumerable<Object>);
       /**
-       * Gets or sets the left column inset in which no element will lie in the resulting layout.
-       * <p>
-       * The column inset must be greater than or equal to <code>0</code>.
-       * </p>
-       * @throws {Stubs.Exceptions.ArgumentError} if the left inset is negative
-       * @type {number}
+       * Creates a list that is initialized with the elements provided by the given YCursor object.
+       * @param c
        */
-      leftInset:number;
+      constructor(c:yfiles.algorithms.ICursor);
       /**
-       * Gets or sets the right column inset in which no element will lie in the resulting layout.
-       * <p>
-       * The column inset must be greater than or equal to <code>0</code>.
-       * </p>
-       * @throws {Stubs.Exceptions.ArgumentError} if the right inset is negative
-       * @type {number}
-       */
-      rightInset:number;
-      /**
-       * Gets or sets the computed width of the column after the layout has been calculated.
-       * <p>
-       * The computed width needs to be greater than or equal to <code>0</code>.
-       * </p>
-       * @throws {Stubs.Exceptions.ArgumentError} if the computed width is negative
-       * @type {number}
-       */
-      computedWidth:number;
-      /**
-       * Gets or sets the original width of the column.
-       * <p>
-       * The original width should be greater than or equal to <code>0</code>.
-       * </p>
-       * @throws {Stubs.Exceptions.ArgumentError} if the original width is negative
-       * @type {number}
-       */
-      originalWidth:number;
-      /**
-       * Gets or sets the original position (smallest x-coordinate) of the column.
-       * @type {number}
-       */
-      originalPosition:number;
-      /**
-       * Gets or sets the computed position (smallest x-coordinate) of the column after the layout has been calculated.
-       * @type {number}
-       */
-      computedPosition:number;
-      /**
-       * Gets or sets the tightness factor of this column.
-       * <p>
-       * This value must lie within the interval <code>[0,1]</code>.
-       * </p>
-       * <p>
-       * The larger the value, the more the column will be forced to obtain its minimum width:
-       * </p>
-       * <ul>
-       * <li>a value of <code>0.0d</code> will disable the compression of the column.</li>
-       * <li>a value of <code>1.0d</code> will try to force the column to obtain its specified {@link yfiles.layout.ColumnDescriptor#minimumWidth minimum width}.</li>
-       * </ul>
-       * @throws {Stubs.Exceptions.ArgumentError} if the tightness value is outside the interval <code>[0,1]</code>
-       * @type {number}
-       */
-      tightness:number;
-      /**
-       * Gets or sets whether the index of the column is fixed or it should be chosen automatically in order to minimize edge
-       * lengths.
-       * <p>
-       * For all columns where this property is enabled, the relative ordering given by the indices is preserved. The remaining
-       * columns may be sorted again so that the overall edge lengths are minimized.
-       * </p>
-       * @type {boolean}
-       */
-      indexFixed:boolean;
-      static $class:yfiles.lang.Class;
-    }
-    /**
-     * This class represents a single partition cell, i.e., a pair consisting of a row and a column.
-     * @class yfiles.layout.PartitionCellIdEntry
-     * @implements {yfiles.lang.IComparable}
-     * @final
-     */
-    export interface PartitionCellIdEntry extends Object,yfiles.lang.IComparable{}
-    export class PartitionCellIdEntry {
-      /**
-       * Compares this {@link yfiles.layout.PartitionCellIdEntry} instance with a given other {@link yfiles.layout.PartitionCellIdEntry}
-       * instance.
-       * <p>
-       * The comparison is based on the indices of the {@link yfiles.layout.PartitionCellIdEntry#row rows} and {@link yfiles.layout.PartitionCellIdEntry#column columns} of the two pairs. A {@link yfiles.layout.PartitionCellIdEntry} is
-       * considered to be smaller than another pair if its {@link yfiles.layout.RowDescriptor#index row index} is smaller than the row index of the other pair. If the row
-       * indices are equal, the {@link yfiles.layout.PartitionCellIdEntry} with the smaller {@link yfiles.layout.ColumnDescriptor#index column index} is said to be smaller. Hence,
-       * two {@link yfiles.layout.PartitionCellIdEntry} instances are equal, if the row and column indices are equal.
-       * </p>
-       * @param {Object} o the {@link yfiles.layout.PartitionCellIdEntry} to be compared
-       * @returns {number} <code>-1</code>, <code>0</code> or <code>1</code> if this {@link yfiles.layout.PartitionCellIdEntry} is smaller than, equal to, or greater than the given other {@link yfiles.layout.PartitionCellIdEntry}
-       * instance
-       */
-      compareTo(o:Object):number;
-      /**
-       * Gets the {@link yfiles.layout.RowDescriptor} associated with this {@link yfiles.layout.PartitionCellId partition cell}.
-       * @type {yfiles.layout.RowDescriptor}
-       */
-      row:yfiles.layout.RowDescriptor;
-      /**
-       * Gets the {@link yfiles.layout.ColumnDescriptor} associated with this {@link yfiles.layout.PartitionCellId partition cell}.
-       * @type {yfiles.layout.ColumnDescriptor}
-       */
-      column:yfiles.layout.ColumnDescriptor;
-      static $class:yfiles.lang.Class;
-    }
-    /**
-     * {@link yfiles.layout.PartitionCellId} represents an identifier for partition cells of a {@link yfiles.layout.PartitionGrid partition grid} structure.
-     * @see yfiles.layout.PartitionGrid
-     * @class yfiles.layout.PartitionCellId
-     */
-    export interface PartitionCellId extends Object{}
-    export class PartitionCellId {
-      /**
-       * Gets a {@link yfiles.collections.ICollection.<T> collection} of elements of type {@link yfiles.layout.PartitionCellIdEntry}.
-       * <p>
-       * Each pair consists of a {@link yfiles.layout.ColumnDescriptor column} and a {@link yfiles.layout.RowDescriptor row} defining a single {@link yfiles.layout.PartitionCellId partition cell}.
-       * </p>
-       * @type {yfiles.collections.IEnumerable.<yfiles.layout.PartitionCellIdEntry>}
-       */
-      cells:yfiles.collections.IEnumerable<yfiles.layout.PartitionCellIdEntry>;
-      /**
-       * Gets whether or not this {@link yfiles.layout.PartitionCellId} represents a multi-cell, i.e., a cell spanning multiple
-       * rows/columns.
-       * <p>
-       * This means that it was created using {@link yfiles.layout.PartitionGrid#createCellSpanId},
-       * {@link yfiles.layout.PartitionGrid#createCellSpanId}, {@link yfiles.layout.PartitionGrid#createCellSpanId}, {@link yfiles.layout.PartitionGrid#createColumnSpanId}
-       * or {@link yfiles.layout.PartitionGrid#createRowSpanId}.
-       * </p>
-       * @type {boolean}
-       */
-      isSpanning:boolean;
-      /**
-       * Gets the first {@link yfiles.layout.RowDescriptor row} associated with this {@link yfiles.layout.PartitionCellId partition cell} identifier.
-       * @type {yfiles.layout.RowDescriptor}
-       */
-      row:yfiles.layout.RowDescriptor;
-      /**
-       * Gets the first {@link yfiles.layout.ColumnDescriptor column} associated with this {@link yfiles.layout.PartitionCellId partition cell} identifier.
-       * @type {yfiles.layout.ColumnDescriptor}
-       */
-      column:yfiles.layout.ColumnDescriptor;
-      static $class:yfiles.lang.Class;
-    }
-    /**
-     * This class represents a partition grid that partitions the drawing area into rectangular partition cells.
-     * <p>
-     * Such a structure allows, for example, to model vertical/horizontal swimlanes which are often used in flow diagrams to
-     * separate logical units.
-     * </p>
-     * <p>
-     * The grid consists of rows and columns that are created using the corresponding constructors of this class or methods {@link yfiles.layout.PartitionGrid#addRow}
-     * and {@link yfiles.layout.PartitionGrid#addColumn}. The {@link yfiles.layout.PartitionGrid} object has to be registered with the graph
-     * using the {@link yfiles.algorithms.IDataProvider} key {@link yfiles.layout.PartitionGrid#PARTITION_GRID_DP_KEY}.
-     * </p>
-     * <p>
-     * Each node can be assigned to a {@link yfiles.layout.PartitionCellId} which represents a set of partition cells. The mapping has
-     * to be registered with the graph using {@link yfiles.algorithms.IDataProvider} key
-     * {@link yfiles.layout.PartitionGrid#PARTITION_CELL_ID_DP_KEY}. Simple partition cell identifiers which represent a single
-     * partition cell, i.e., a row/column pair, can be created using method {@link yfiles.layout.PartitionGrid#createCellId} or
-     * {@link yfiles.layout.PartitionGrid#createCellId}.
-     * </p>
-     * <p>
-     * Nodes can also be mapped to a partition cell identifier that represents a multi-cell, i.e., a cell spanning multiple
-     * columns and rows. Please note, however, that multi-cells are not allowed to overlap each other. This means that the user
-     * has to ensure that each partition cell (row/column pair) is associated with at most one partition cell identifier. The
-     * multi-cell identifier can be created using methods {@link yfiles.layout.PartitionGrid#createCellSpanId},
-     * {@link yfiles.layout.PartitionGrid#createCellSpanId}, {@link yfiles.layout.PartitionGrid#createCellSpanId},
-     * {@link yfiles.layout.PartitionGrid#createColumnSpanId}, and {@link yfiles.layout.PartitionGrid#createRowSpanId}.
-     * </p>
-     * <p>
-     * {@graph {"ann":{"s":[60,30],"d":1, "lblB" : 1, "lblFont" : "16px sans-serif"},"n":[[265,290,230,142,2,[[265,313.6,230,23.6,5,"Column 0"]]],[311.5,386.5,[[336.16,410.85,10.67,18.7]]],[411.5,346.5,[[436.16,370.85,10.67,18.7]]],[505,289,299,144,2,[[505,312.6,299,23.6,5,"Column 1"]]],[631.5,366.5,[[656.16,390.85,10.67,18.7]]],[731.5,326.5,[[756.16,350.85,10.67,18.7]]],[531.5,326.5,[[556.16,350.85,10.67,18.7]]],[819,290,250,140,2,[[819,313.6,250,23.6,5,"Column 2"]]],[831.5,326.5,[[856.16,350.85,10.67,18.7]]],[265,449,230,123,2],[411.5,466.5,[[436.16,490.85,10.67,18.7]]],[411.5,526.5,[[436.16,550.85,10.67,18.7]]],[505,449,299,123,2],[819,449,250,123,2],[931.5,466.5,[[956.16,490.85,10.67,18.7]]],[505,589,299,104,2],[819,589,250,104,2],[531.5,606.5,[[552.83,630.85,17.35,18.7]]],[265,589,230,104,2],[411.5,606.5,[[432.83,630.85,17.35,18.7]]],[831.5,606.5,[[852.83,630.85,17.35,18.7]]],[105,348.2,150,23.6,2,[[105,371.8,150,23.6,5,"Row 0"]]],[105,488.2,150,23.6,2,[[105,511.8,150,23.6,5,"Row 1"]]],[105,628.2,150,23.6,2,[[105,651.8,150,23.6,5,"Row 2"]]]],"e":[[1,2,30,-10,-30,-0,[381.5,391.5,381.5,361.5]],[1,4,30,-0,-30,10,[581.5,401.5,581.5,391.5]],[2,4,30,7.5,-30,-0,[481.5,369,481.5,381.5]],[4,5,30,-0,-30,7.5,[701.5,381.5,701.5,349]],[2,6,30,-7.5,-30,-0,[481.5,354,481.5,341.5]],[6,4,30,7.5,-30,-10,[601.5,349,601.5,371.5]],[6,5,30,-7.5,-30,-7.5,[621.5,334,621.5,341.5,681.5,341.5,681.5,334]],[5,8,30,-0,-30,-0],[8,14,30,-0,-30,-7.5,[901.5,341.5,901.5,474]],[10,14,30,-0,-30,7.5,[881.5,481.5,881.5,489]],[1,17,30,10,-30,10,[381.5,411.5,381.5,661.5,481.5,661.5,481.5,631.5]],[11,17,30,-0,-30,-10,[481.5,541.5,481.5,611.5]],[19,17,30,-0,-30,-0],[17,20,30,-0,-30,-0]],"vp":[105.0,289.0,964.0,404.0]}} Sample output of a layout algorithm with a partition grid
-     * </p>
-     * @class yfiles.layout.PartitionGrid
-     */
-    export interface PartitionGrid extends Object{}
-    export class PartitionGrid {
-      /**
-       * Creates an instance of {@link yfiles.layout.PartitionGrid} with the given number of rows and columns as well as with given
-       * insets and minimum sizes.
-       * @param {number} rowCount the number of rows
-       * @param {number} columnCount the number of columns
-       * @param {number} rowInsets the top and bottom insets of the rows
-       * @param {number} columnInsets the left and right insets of the columns
-       * @param {number} minRowSize the minimum row height
-       * @param {number} minColumnSize the minimum column width
-       * @constructor
-       */
-      constructor(rowCount:number,columnCount:number,rowInsets:number,columnInsets:number,minRowSize:number,minColumnSize:number);
-      /**
-       * Creates an instance of {@link yfiles.layout.PartitionGrid} with the given number of rows and columns.
-       * @param {number} rowCount the number of rows
-       * @param {number} columnCount the number of columns
-       * @constructor
-       */
-      constructor(rowCount:number,columnCount:number);
-      /**
-       * Creates a new empty instance of {@link yfiles.layout.PartitionGrid}.
-       * @constructor
+       * Creates an empty doubly linked list.
        */
       constructor();
       /**
-       * Adds a new {@link yfiles.layout.ColumnDescriptor column} to the {@link yfiles.layout.PartitionGrid} instance.
+       * Appends all elements provided by the given cursor to this list.
        * <p>
-       * The index of the column (as returned by {@link yfiles.layout.ColumnDescriptor#index}) is equal to the size of the list returned by {@link yfiles.layout.PartitionGrid#columns}.
+       * The cursor will be moved from its given position to the end.
        * </p>
-       * @returns {yfiles.layout.ColumnDescriptor} a new {@link yfiles.layout.ColumnDescriptor} instance
-       */
-      addColumn():yfiles.layout.ColumnDescriptor;
-      /**
-       * Adds a new {@link yfiles.layout.RowDescriptor row} to the {@link yfiles.layout.PartitionGrid} instance.
-       * <p>
-       * The index of the row (as returned by {@link yfiles.layout.RowDescriptor#index}) is equal to the size of the list returned by {@link yfiles.layout.PartitionGrid#rows}.
-       * </p>
-       * @returns {yfiles.layout.RowDescriptor} a new {@link yfiles.layout.RowDescriptor} instance
-       */
-      addRow():yfiles.layout.RowDescriptor;
-      /**
-       * Creates a {@link yfiles.layout.PartitionCellId partition cell} identifier that represents the cell defined by the given column and row index.
-       * @param {number} rowIndex the row index of the row defining the cell
-       * @param {number} columnIndex the column index of the column defining the cell
-       * @returns {yfiles.layout.PartitionCellId} a {@link yfiles.layout.PartitionCellId} instance
-       * @throws {Stubs.Exceptions.ArgumentError} if the given column/row index is not valid
-       */
-      createCellId(rowIndex:number,columnIndex:number):yfiles.layout.PartitionCellId;
-      /**
-       * Creates a {@link yfiles.layout.PartitionCellId partition cell} identifier that represents the cell defined by the given {@link yfiles.layout.ColumnDescriptor column} and {@link yfiles.layout.RowDescriptor row}.
-       * @param {yfiles.layout.RowDescriptor} rd the row defining the cell
-       * @param {yfiles.layout.ColumnDescriptor} cd the column defining the cell
-       * @returns {yfiles.layout.PartitionCellId} a {@link yfiles.layout.PartitionCellId} instance
-       * @throws {Stubs.Exceptions.ArgumentError} if the given column/row is <code>null</code>
-       */
-      createCellId(rd:yfiles.layout.RowDescriptor,cd:yfiles.layout.ColumnDescriptor):yfiles.layout.PartitionCellId;
-      /**
-       * Creates a {@link yfiles.layout.PartitionCellId partition cell} identifier that represents a multi-cell spanning multiple columns and rows.
-       * <p>
-       * The partition cell identifier represents all cells defined by a row between <code>fromRow</code> and <code>toRow</code> (both including) and a
-       * column between <code>fromRow</code> and <code>toCol</code> (both including).
-       * </p>
-       * <p>
-       * A group node mapped to such a partition cell identifier represents the multi-cell, i.e., its boundary corresponds to the
-       * smallest rectangle containing all partition cells specified by the partition cell identifier. The boundary does not
-       * depend on the partition cells associated with the group's descendants. Hence, each non-group descendant has to be
-       * manually assigned to one of the partition cells. Furthermore, edges incident to such a group node are not considered
-       * during the layout.
-       * </p>
-       * @param {yfiles.layout.RowDescriptor} fromRow the topmost row defining the cell
-       * @param {yfiles.layout.ColumnDescriptor} fromCol the leftmost column defining the cell
-       * @param {yfiles.layout.RowDescriptor} toRow the bottommost row defining the cell
-       * @param {yfiles.layout.ColumnDescriptor} toCol the rightmost column defining the cell
-       * @returns {yfiles.layout.PartitionCellId} a {@link yfiles.layout.PartitionCellId} instance
-       */
-      createCellSpanId(fromRow:yfiles.layout.RowDescriptor,fromCol:yfiles.layout.ColumnDescriptor,toRow:yfiles.layout.RowDescriptor,toCol:yfiles.layout.ColumnDescriptor):yfiles.layout.PartitionCellId;
-      /**
-       * Creates a {@link yfiles.layout.PartitionCellId partition cell} identifier that represents a multi-cell spanning multiple columns and rows.
-       * <p>
-       * The partition cell identifier represents all cells defined by a row with index between <code>fromRowIndex</code> and <code>toRowIndex</code> (both
-       * including) and a column with index between <code>fromColIndex</code> and <code>toColIndex</code> (both including).
-       * </p>
-       * <p>
-       * A group node mapped to such a partition cell identifier represents the multi-cell, i.e., its boundary corresponds to the
-       * smallest rectangle containing all partition cells specified by the partition cell identifier. The boundary does not
-       * depend on the partition cells associated with the group's descendants. Hence, each non-group descendant has to be
-       * manually assigned to one of the partition cells. Furthermore, edges incident to such a group node are not considered
-       * during the layout.
-       * </p>
-       * @param {number} fromRowIndex the row index of the topmost row defining the cell
-       * @param {number} fromColIndex the column index of the leftmost column defining the cell
-       * @param {number} toRowIndex the row index of the bottommost row defining the cell
-       * @param {number} toColIndex the column index of the rightmost column defining the cell
-       * @returns {yfiles.layout.PartitionCellId} a {@link yfiles.layout.PartitionCellId} instance
-       */
-      createCellSpanId(fromRowIndex:number,fromColIndex:number,toRowIndex:number,toColIndex:number):yfiles.layout.PartitionCellId;
-      /**
-       * Creates a {@link yfiles.layout.PartitionCellId partition cell} identifier that represents a multi-cell spanning multiple columns and rows.
-       * <p>
-       * The partition cell identifier represents all cells spanned by the columns of <code>columnList</code> and rows of <code>rowList</code>.
-       * </p>
-       * <p>
-       * A group node mapped to such a partition cell identifier represents the multi-cell, i.e., its boundary corresponds to the
-       * smallest rectangle containing all partition cells specified by the partition cell identifier. The boundary does not
-       * depend on the partition cells associated with the group's descendants. Hence, each non-group descendant has to be
-       * manually assigned to one of the partition cells. Furthermore, edges incident to such a group node are not considered
-       * during the layout.
-       * </p>
-       * @param {yfiles.collections.ICollection.<Object>} rowList the {@link yfiles.layout.RowDescriptor rows} defining the cell
-       * @param {yfiles.collections.ICollection.<Object>} columnList the {@link yfiles.layout.ColumnDescriptor columns} defining the cell
-       * @returns {yfiles.layout.PartitionCellId} a {@link yfiles.layout.PartitionCellId} instance
-       */
-      createCellSpanId(rowList:yfiles.collections.ICollection<Object>,columnList:yfiles.collections.ICollection<Object>):yfiles.layout.PartitionCellId;
-      /**
-       * Creates a {@link yfiles.layout.PartitionCellId partition cell} identifier that represents a cell spanning a whole column.
-       * <p>
-       * A group node mapped to such a partition cell identifier represents the column, i.e., its enclosing boundary corresponds
-       * to that of the column. The boundary does not depend on the partition cells associated with the group's descendants.
-       * Hence, each non-group descendant has to be manually assigned to one of the partition cells. Furthermore, edges incident
-       * to such a group node are not considered during the layout.
-       * </p>
-       * @param {number} columnIndex the column index of the column defining the cell
-       * @returns {yfiles.layout.PartitionCellId} a {@link yfiles.layout.PartitionCellId} instance
-       */
-      createColumnSpanId(columnIndex:number):yfiles.layout.PartitionCellId;
-      /**
-       * Creates a {@link yfiles.layout.PartitionCellId partition cell} identifier that represents a cell spanning a whole row.
-       * <p>
-       * A group node mapped to such a partition cell identifier represents the row, i.e., its enclosing boundary corresponds to
-       * that of the row. The boundary does not depend on the partition cells associated with the group's descendants. Hence,
-       * each non-group descendant has to be manually assigned to one of the partition cells. Furthermore, edges incident to such
-       * a group node are not considered during the layout.
-       * </p>
-       * @param {number} rowIndex the row index of the row defining the cell
-       * @returns {yfiles.layout.PartitionCellId} a {@link yfiles.layout.PartitionCellId} instance
-       */
-      createRowSpanId(rowIndex:number):yfiles.layout.PartitionCellId;
-      /**
-       * Finalizes the orientation changes and is called at the end of the {@link yfiles.layout.OrientationLayout} stage.
-       * <p>
-       * Points are transferred to their final positions through {@link yfiles.layout.OrientationLayout#completeTransform}.
-       * </p>
-       * @param {yfiles.layout.OrientationLayout} orientationLayouter an {@link yfiles.layout.OrientationLayout} instance
-       * @see yfiles.layout.OrientationLayout
-       */
-      finalizeOrientationChange(orientationLayouter:yfiles.layout.OrientationLayout):void;
-      /**
-       * Returns the {@link yfiles.layout.ColumnDescriptor column} with the given index.
-       * @param {number} index the index of the column to be returned
-       * @returns {yfiles.layout.ColumnDescriptor} the {@link yfiles.layout.ColumnDescriptor column} with the given index or <code>null</code> if no such column exists
-       */
-      getColumn(index:number):yfiles.layout.ColumnDescriptor;
-      /**
-       * Returns the {@link yfiles.layout.PartitionGrid} instance associated with the given graph.
-       * @param {yfiles.algorithms.Graph} graph the given graph
-       * @returns {yfiles.layout.PartitionGrid} the {@link yfiles.layout.PartitionGrid} of the graph or <code>null</code> if the graph has no associated partition grid
-       * @static
-       */
-      static getPartitionGrid(graph:yfiles.algorithms.Graph):yfiles.layout.PartitionGrid;
-      /**
-       * Returns the {@link yfiles.layout.RowDescriptor row} with the given index.
-       * @param {number} index the index of the row to be returned
-       * @returns {yfiles.layout.RowDescriptor} the {@link yfiles.layout.RowDescriptor row} with the given index or <code>null</code> if no such row exists
-       */
-      getRow(index:number):yfiles.layout.RowDescriptor;
-      static hasAtLeastTwoNonEmptyRows(graph:yfiles.algorithms.Graph):boolean;
-      /**
-       * Prepares for the orientation changes and is called at the beginning of the {@link yfiles.layout.OrientationLayout} stage.
-       * <p>
-       * Original points are transferred to their temporary positions through {@link yfiles.layout.OrientationLayout#prepareTransform}.
-       * </p>
-       * @param {yfiles.layout.OrientationLayout} orientationLayouter an {@link yfiles.layout.OrientationLayout} instance
-       * @see yfiles.layout.OrientationLayout
-       */
-      prepareOrientationChange(orientationLayouter:yfiles.layout.OrientationLayout):void;
-      /**
-       * Data provider key for storing the partition grid structure
-       * <p>
-       * If the {@link yfiles.algorithms.IDataProvider} contains a partition grid structure, this structure will be considered during
-       * layout (provided that the layout algorithm supports such constraints).
-       * </p>
-       * @const
-       * @static
-       * @type {yfiles.algorithms.GraphDpKey.<yfiles.layout.PartitionGrid>}
-       */
-      static PARTITION_GRID_DP_KEY:yfiles.algorithms.GraphDpKey<yfiles.layout.PartitionGrid>;
-      /**
-       * Data provider key for storing a set of partition cells for each node
-       * <p>
-       * Each node is placed inside the columns/rows defined by the corresponding {@link yfiles.layout.PartitionCellId} identifier.
-       * Instances can be shared among multiple nodes, but don't have to be shared.
-       * </p>
-       * @see yfiles.layout.PartitionCellId
-       * @const
-       * @static
-       * @type {yfiles.algorithms.NodeDpKey.<yfiles.layout.PartitionCellId>}
-       */
-      static PARTITION_CELL_ID_DP_KEY:yfiles.algorithms.NodeDpKey<yfiles.layout.PartitionCellId>;
-      /**
-       * Gets or sets whether or not the order of the columns should be chosen automatically to minimize edge lengths.
-       * <p>
-       * For all columns where {@link yfiles.layout.ColumnDescriptor#indexFixed} is set to
-       * <code>true</code>, the relative ordering given by the indices is preserved. The remaining columns may be sorted again so that the
-       * overall edge lengths are minimized.
-       * </p>
-       * @type {boolean}
-       */
-      optimizeColumnOrder:boolean;
-      /**
-       * Gets or sets whether or not the order of the rows should be chosen automatically to minimize edge lengths.
-       * <p>
-       * For all rows where {@link yfiles.layout.RowDescriptor#indexFixed} is set to
-       * <code>true</code>, the relative ordering given by the indices is preserved. The remaining rows may be sorted again so that the
-       * overall edge lengths are minimized.
-       * </p>
-       * @type {boolean}
-       */
-      optimizeRowOrder:boolean;
-      /**
-       * Gets the list of rows of the {@link yfiles.layout.PartitionGrid partition grid}.
-       * @type {yfiles.algorithms.YList}
-       */
-      rows:yfiles.algorithms.YList;
-      /**
-       * Gets the columns of the {@link yfiles.layout.PartitionGrid partition grid}.
-       * @type {yfiles.algorithms.YList}
-       */
-      columns:yfiles.algorithms.YList;
-      static $class:yfiles.lang.Class;
-    }
-    /**
-     * This class represents a row of a {@link yfiles.layout.PartitionGrid partition grid} structure.
-     * <p>
-     * The results of the calculation of the geometry of the row will be placed into the instances of this class after the
-     * layout.
-     * </p>
-     * @see yfiles.layout.PartitionGrid
-     * @class yfiles.layout.RowDescriptor
-     * @implements {yfiles.lang.IComparable}
-     */
-    export interface RowDescriptor extends Object,yfiles.lang.IComparable{}
-    export class RowDescriptor {
-      /**
-       * Compares this {@link yfiles.layout.RowDescriptor} instance with a given other {@link yfiles.layout.RowDescriptor} instance based on the
-       * indices of the two instances.
-       * @param {Object} o the {@link yfiles.layout.RowDescriptor} to compare to
-       * @returns {number} <code>-1</code>, <code>0</code> or <code>1</code> if this {@link yfiles.layout.RowDescriptor} is less than, equal to, or greater than the given other
-       * {@link yfiles.layout.RowDescriptor}
-       */
-      compareTo(o:Object):number;
-      /**
-       * Gets the index of the row within the {@link yfiles.layout.PartitionGrid partition grid}.
-       * @type {number}
-       */
-      index:number;
-      /**
-       * Gets or sets the minimum height of the row.
-       * <p>
-       * The minimum height is defined to be at least <code>0</code>.
-       * </p>
-       * @throws {Stubs.Exceptions.ArgumentError} if the minimum height is negative
-       * @type {number}
-       */
-      minimumHeight:number;
-      /**
-       * Gets or sets the top inset in which no element will lie in the resulting layout.
-       * <p>
-       * The inset value needs to be greater than or equal to <code>0</code>.
-       * </p>
-       * @throws {Stubs.Exceptions.ArgumentError} if the given top inset is negative
-       * @type {number}
-       */
-      topInset:number;
-      /**
-       * Gets or sets the bottom inset in which no element will lie in the resulting layout.
-       * <p>
-       * The inset value needs to be greater than or equal to <code>0</code>.
-       * </p>
-       * @throws {Stubs.Exceptions.ArgumentError} if the given bottom inset is negative
-       * @type {number}
-       */
-      bottomInset:number;
-      /**
-       * Gets or sets the computed height of the row after the layout has been calculated.
-       * <p>
-       * The computed height needs to be greater than or equal to <code>0</code>.
-       * </p>
-       * @throws {Stubs.Exceptions.ArgumentError} if the computed height is negative
-       * @type {number}
-       */
-      computedHeight:number;
-      /**
-       * Gets or sets the original position (smallest y-coordinate) of the row.
-       * @type {number}
-       */
-      originalPosition:number;
-      /**
-       * Gets or sets the original height of the row.
-       * <p>
-       * The original height needs to be greater than or equal to <code>0</code>.
-       * </p>
-       * @throws {Stubs.Exceptions.ArgumentError} if the original height is negative
-       * @type {number}
-       */
-      originalHeight:number;
-      /**
-       * Gets or sets the computed position (smallest y-coordinate) of the row after the layout has been calculated.
-       * @type {number}
-       */
-      computedPosition:number;
-      /**
-       * Gets or sets the tightness factor of this row.
-       * <p>
-       * This value must lie within the interval <code>[0,1]</code>.
-       * </p>
-       * <p>
-       * The larger the value, the more the row will be forced to obtain its minimum height:
-       * </p>
-       * <ul>
-       * <li>a value of <code>0.0d</code> will disable the compression of the row.</li>
-       * <li>a value of <code>1.0d</code> will try to force the row to obtain its specified {@link yfiles.layout.RowDescriptor#minimumHeight minimum height}.</li>
-       * </ul>
-       * @throws {Stubs.Exceptions.ArgumentError} if the tightness value is outside the interval <code>[0,1]</code>
-       * @type {number}
-       */
-      tightness:number;
-      /**
-       * Gets or sets whether the index of the row is fixed or it should be chosen automatically in order to minimize edge
-       * lengths.
-       * <p>
-       * For all rows where this property is enabled, the relative ordering given by the indices is preserved. The remaining rows
-       * may be sorted again so that the overall edge lengths are minimized.
-       * </p>
-       * @type {boolean}
-       */
-      indexFixed:boolean;
-      static $class:yfiles.lang.Class;
-    }
-    export enum InterEdgeRoutingStyle{
-      /**
-       * An inter-edge routing style based on which the edge layout of inter-edges will be adopted from the
-       * {@link yfiles.layout.LayoutStageBase#coreLayout core layout algorithm}.
-       * @see yfiles.layout.FixGroupLayoutStage#interEdgeRoutingStyle
-       */
-      ADOPT,
-      /**
-       * An inter-edge routing style based on which inter-edges are routed in an orthogonal style.
-       * @see yfiles.layout.FixGroupLayoutStage#interEdgeRoutingStyle
-       * @see yfiles.layout.FixGroupLayoutStage#interEdgeRouter
-       */
-      ORTHOGONAL,
-      /**
-       * An inter-edge routing style based on which inter-edges are routed as straight lines.
-       * @see yfiles.layout.FixGroupLayoutStage#interEdgeRoutingStyle
-       * @see yfiles.layout.FixGroupLayoutStage#interEdgeRouter
-       */
-      STRAIGHTLINE
-    }
-    /**
-     * This interface defines {@link yfiles.algorithms.IDataProvider} keys for those layout algorithms that can handle hierarchically
-     * grouped graphs.
-     * <p>
-     * There are two groups of {@link yfiles.algorithms.IDataProvider} keys. {@link yfiles.algorithms.IDataProvider}s registered with
-     * {@link yfiles.layout.GroupingKeys#NODE_ID_DP_KEY}, {@link yfiles.layout.GroupingKeys#GROUP_DP_KEY} and {@link yfiles.layout.GroupingKeys#PARENT_NODE_ID_DP_KEY}
-     * define the relationship of nodes within the hierarchy. A parent node is defined for each node in the graph. This parent
-     * is the containing group node. For top-level nodes, this parent is <code>null</code>.
-     * </p>
-     * <p>
-     * {@link yfiles.layout.GroupingKeys#GROUP_NODE_INSETS_DP_KEY} and {@link yfiles.layout.GroupingKeys#MINIMUM_NODE_SIZE_DP_KEY} are used for
-     * registering
-     * {@link yfiles.algorithms.IDataProvider}s that add layout information to group nodes such as the insets and the minimum size
-     * respectively.
-     * </p>
-     * @see yfiles.layout.GroupingSupport
-     * @class yfiles.layout.GroupingKeys
-     * @static
-     */
-    export interface GroupingKeys extends Object{}
-    export class GroupingKeys {
-      /**
-       * Data provider key for assigning a unique ID for each node.
-       * <p>
-       * The IDs of the nodes need to differ based on {@link Object#hashCode} and {@link Object#equals}.
-       * </p>
-       * @const
-       * @static
-       * @type {yfiles.algorithms.NodeDpKey.<Object>}
-       */
-      static NODE_ID_DP_KEY:yfiles.algorithms.NodeDpKey<Object>;
-      /**
-       * Data provider key for describing the hierarchy of nodes in the graph.
-       * @see yfiles.layout.GroupingKeys#NODE_ID_DP_KEY
-       * @const
-       * @static
-       * @type {yfiles.algorithms.NodeDpKey.<Object>}
-       */
-      static PARENT_NODE_ID_DP_KEY:yfiles.algorithms.NodeDpKey<Object>;
-      /**
-       * Data provider key for distinguishing normal nodes from group nodes.
-       * @const
-       * @static
-       * @type {yfiles.algorithms.NodeDpKey.<boolean>}
-       */
-      static GROUP_DP_KEY:yfiles.algorithms.NodeDpKey<boolean>;
-      /**
-       * Data provider key for assigning insets for group nodes.
-       * <p>
-       * Insets reserve space around the contents of a group node. Labels and other visual decorations may be placed inside this
-       * space.
-       * </p>
-       * @const
-       * @static
-       * @type {yfiles.algorithms.NodeDpKey.<yfiles.algorithms.Insets>}
-       */
-      static GROUP_NODE_INSETS_DP_KEY:yfiles.algorithms.NodeDpKey<yfiles.algorithms.Insets>;
-      /**
-       * Data provider key for assigning minimum sizes for group nodes.
-       * @const
-       * @static
-       * @type {yfiles.algorithms.NodeDpKey.<yfiles.algorithms.YDimension>}
-       */
-      static MINIMUM_NODE_SIZE_DP_KEY:yfiles.algorithms.NodeDpKey<yfiles.algorithms.YDimension>;
-      static $class:yfiles.lang.Class;
-    }
-    /**
-     * This class provides convenient and efficient access to the hierarchic graph structure.
-     * <p>
-     * The grouping information is provided through {@link yfiles.algorithms.IDataProvider}s registered with the graph with keys
-     * {@link yfiles.layout.GroupingKeys#NODE_ID_DP_KEY}, {@link yfiles.layout.GroupingKeys#PARENT_NODE_ID_DP_KEY} and
-     * {@link yfiles.layout.GroupingKeys#GROUP_DP_KEY}. It describes the hierarchy as a tree where a group node is the parent of the
-     * nodes that it contains.
-     * </p>
-     * <p>
-     * {@graph {"ann":{"s":[30,30],"d":1},"n":[[444,-37.38,62,82.38,2,[[444,-15,62,22.38,"9"]]],[460,0,[[469.66,24.35,10.67,18.7,"5"]]],[536,0,[[545.66,24.35,10.67,18.7,"6"]]],[384,0,[[393.66,24.35,10.67,18.7,"4"]]],[596,-10,50,50,2,[[596,12.38,50,22.38,"7"]]],[140,-74.75,214,134.75,2,[[140,-52.38,214,22.38,"10"]]],[156,0,[[165.66,24.35,10.67,18.7,"1"]]],[216,-37.38,122,82.38,2,[[216,-15,122,22.38,"8"]]],[232,0,[[241.66,24.35,10.67,18.7,"2"]]],[292,0,[[301.66,24.35,10.67,18.7,"3"]]]],"e":[],"vp":[140.0,-75.0,506.0,135.0]}} This is an example graph that contains group nodes. {@graph {"ann":{"s":[30,30],"d":1},"n":[[34.5,70,42,52.38,2,[[34.5,92.38,42,22.38,"10"]]],[200,162.38,42,52.38,2,[[200,184.75,42,22.38,"9"]]],[150,277.13,[[159.66,301.48,10.67,18.7,"4"]]],[179.25,0,[[160.9,22.7,66.7,18.7,"Virtual Root"]]],[0,277.13,[[9.66,301.48,10.67,18.7,"1"]]],[206,277.13,[[215.66,301.48,10.67,18.7,"5"]]],[69,162.38,42,52.38,2,[[69,184.75,42,22.38,"8"]]],[50,277.13,[[59.66,301.48,10.67,18.7,"2"]]],[100,277.13,[[109.66,301.48,10.67,18.7,"3"]]],[312,254.75,42,52.38,2,[[312,277.13,42,22.38,"7"]]],[262,277.13,[[271.66,301.48,10.67,18.7,"6"]]]],"e":[[3,0,[194.25,50,55.5,50]],[3,2,[194.25,50,165,50]],[3,1,[194.25,50,221,50]],[0,4,[55.5,142.38,15,142.38]],[1,5],[0,6,[55.5,142.38,90,142.38]],[6,7,[90,234.75,65,234.75]],[6,8,[90,234.75,115,234.75]],[3,9,[194.25,50,333,50]],[3,10,[194.25,50,277,50]]],"vp":[0.0,0.0,354.0,308.0]}} The hierarchy tree of the grouped graph reveals the relationship
-     * among the nodes. The corresponding nodes have the same labels as in the grouped graph. Group nodes are considered as the
-     * parents of their content which can consist of group nodes and/or normal nodes. Top-level nodes are children of a
-     * {@link yfiles.layout.GroupingSupport#root virtual root}. Leaf nodes can either be normal nodes or empty groups.
-     * </p>
-     * @class yfiles.layout.GroupingSupport
-     */
-    export interface GroupingSupport extends Object{}
-    export class GroupingSupport {
-      /**
-       * Creates a new {@link yfiles.layout.GroupingSupport} instance that represents the hierarchy of the graph.
-       * <p>
-       * The hierarchy information is cached during the constructor call. Later modifications to the graph are not considered and
-       * may lead to errors when using this {@link yfiles.layout.GroupingSupport} instance.
-       * </p>
-       * @param {yfiles.algorithms.Graph} graph the graph instance from which the hierarchy information is obtained
-       * @constructor
-       */
-      constructor(graph:yfiles.algorithms.Graph);
-      /**
-       * Creates a {@link yfiles.algorithms.INodeMap} to store hierarchy information for each node.
-       * <p>
-       * This method is called in {@link yfiles.layout.GroupingSupport#init} and may be overridden to customize how the {@link yfiles.algorithms.INodeMap}
-       * is created.
-       * </p>
-       * @param {yfiles.algorithms.Graph} graph the current graph
-       * @returns {yfiles.algorithms.INodeMap} the new instance of {@link yfiles.algorithms.INodeMap}
-       * @see yfiles.layout.GroupingSupport#init
-       * @see yfiles.layout.GroupingSupport#disposeInfoMap
-       * @protected
-       */
-      createInfoMap(graph:yfiles.algorithms.Graph):yfiles.algorithms.INodeMap;
-      /**
-       * Disposes of all internal data structures held by this {@link yfiles.layout.GroupingSupport instance}.
-       * <p>
-       * {@link yfiles.layout.GroupingSupport} should be disposed of when it is not needed anymore, or if the state of the graph changes
-       * (e.g. new nodes are added).
-       * </p>
-       */
-      dispose():void;
-      /**
-       * Disposes of the {@link yfiles.algorithms.INodeMap} created to store hierarchy information for each node.
-       * <p>
-       * This method is called in {@link yfiles.layout.GroupingSupport#dispose} and may be overridden to revert changes from
-       * {@link yfiles.layout.GroupingSupport#createInfoMap}.
-       * </p>
-       * @param {yfiles.algorithms.Graph} graph the current graph
-       * @param {yfiles.algorithms.INodeMap} infoMap the {@link yfiles.algorithms.INodeMap} which contains the hierarchy information for each node
-       * @see yfiles.layout.GroupingSupport#dispose
-       * @see yfiles.layout.GroupingSupport#createInfoMap
-       * @protected
-       */
-      disposeInfoMap(graph:yfiles.algorithms.Graph,infoMap:yfiles.algorithms.INodeMap):void;
-      /**
-       * Returns the direct children of the given group node.
-       * <p>
-       * If the {@link yfiles.layout.GroupingSupport#root virtual root of the hierarchy tree} is passed, all top-level nodes are returned.
-       * </p>
-       * @param {yfiles.algorithms.Node} parent the group node
-       * @returns {yfiles.algorithms.NodeList} a set of child nodes of the given parent node
-       * @see yfiles.layout.GroupingSupport#root
-       * @see yfiles.layout.GroupingSupport#getParent
-       * @see yfiles.layout.GroupingSupport#getDescendants
-       */
-      getChildren(parent:yfiles.algorithms.Node):yfiles.algorithms.NodeList;
-      /**
-       * Returns all descendants of the given group node.
-       * <p>
-       * All nodes in the subtree rooted at this group node are collected recursively.
-       * </p>
-       * <p>
-       * If the {@link yfiles.layout.GroupingSupport#root virtual root of the hierarchy tree} is passed, all nodes in the graph are returned.
-       * </p>
-       * @param {yfiles.algorithms.Node} parent the group node
-       * @returns {yfiles.algorithms.NodeList} a set of nodes that belong to a subtree of the hierarchy tree rooted at the given parent
-       * @see yfiles.layout.GroupingSupport#root
-       * @see yfiles.layout.GroupingSupport#getParent
-       * @see yfiles.layout.GroupingSupport#getChildren
-       */
-      getDescendants(parent:yfiles.algorithms.Node):yfiles.algorithms.NodeList;
-      /**
-       * Returns all edges crossing the bounds of the given group node such that their targets are inside the group node while
-       * their sources lie outside the group node.
-       * @param {yfiles.algorithms.Node} group the group node whose bounds are crossed
-       * @returns {yfiles.algorithms.EdgeList} a set of edges that cross the bounds of the group node starting outside the group node
-       * @see yfiles.layout.GroupingSupport#getEdgesGoingOut
-       * @see yfiles.layout.GroupingSupport#isNormalEdge
-       */
-      getEdgesGoingIn(group:yfiles.algorithms.Node):yfiles.algorithms.EdgeList;
-      /**
-       * Returns all edges crossing the bounds of the given group node such that their sources are inside the group node while
-       * their targets lie outside the group node.
-       * @param {yfiles.algorithms.Node} group the group node whose bounds are crossed
-       * @returns {yfiles.algorithms.EdgeList} a set of edges that cross the bounds of the group node starting inside the group node
-       * @see yfiles.layout.GroupingSupport#getEdgesGoingIn
-       * @see yfiles.layout.GroupingSupport#isNormalEdge
-       */
-      getEdgesGoingOut(group:yfiles.algorithms.Node):yfiles.algorithms.EdgeList;
-      /**
-       * Returns the nearest common ancestor of the given nodes in the hierarchy structure.
-       * <p>
-       * The nearest common ancestor is the local root of the smallest subtree in the hierarchy tree that contains both nodes.
-       * This group is the first node that contains these two nodes. If no such node exists, the {@link yfiles.layout.GroupingSupport#root virtual root} is returned.
-       * </p>
-       * <p>
-       * Common ancestors in special cases:
-       * </p>
-       * <ul>
-       * <li><code>node1 == node2</code>: the parent of <code>node1</code>/<code>node2</code></li>
-       * <li><code>node1 is parent of node2</code>: the parent of <code>node1</code></li>
-       * <li><code>node2 is parent of node1</code>: the parent of <code>node2</code></li>
-       * </ul>
-       * @param {yfiles.algorithms.Node} node1 one of the two nodes whose common ancestor is determined
-       * @param {yfiles.algorithms.Node} node2 one of the two nodes whose common ancestor is determined
-       * @returns {yfiles.algorithms.Node} the nearest common ancestor node or {@link yfiles.layout.GroupingSupport#root}
-       */
-      getNearestCommonAncestor(node1:yfiles.algorithms.Node,node2:yfiles.algorithms.Node):yfiles.algorithms.Node;
-      /**
-       * Returns the parent for the given node.
-       * <p>
-       * The parent is the containing group node.
-       * </p>
-       * @param {yfiles.algorithms.Node} node the node for which the parent is determined
-       * @returns {yfiles.algorithms.Node} the parent of the given node or <code>null</code> for a top-level node
-       * @throws {Stubs.Exceptions.ArgumentError} if the given node is <code>null</code>
-       * @see yfiles.layout.GroupingSupport#getChildren
-       * @see yfiles.layout.GroupingSupport#getDescendants
-       * @see yfiles.layout.GroupingSupport#getNearestCommonAncestor
-       */
-      getParent(node:yfiles.algorithms.Node):yfiles.algorithms.Node;
-      /**
-       * Returns an immediate child of the group node that represents the given node.
-       * <p>
-       * If this node is already a child of the group node, the group node will be its representative. In case the node is
-       * located further down in the hierarchy, the child of the group node, which is also an ancestor of the node, is used.
-       * There is no representative if the node is not a descendant of the group.
-       * </p>
-       * @param {yfiles.algorithms.Node} node the node for which a representative is searched
-       * @param {yfiles.algorithms.Node} group the group node to which the representative should belong
-       * @returns {yfiles.algorithms.Node} the representative or <code>null</code> if the node is not a descendant of the group
-       * @throws {Stubs.Exceptions.ArgumentError} if the given node is <code>null</code>
-       */
-      getRepresentative(node:yfiles.algorithms.Node,group:yfiles.algorithms.Node):yfiles.algorithms.Node;
-      /**
-       * Determines whether or not the given node is a group node with children.
-       * <p>
-       * Normal nodes never have children.
-       * </p>
-       * @param {yfiles.algorithms.Node} node the potential parent
-       * @returns {boolean} <code>true</code> if the given node has children, <code>false</code> otherwise
-       * @see yfiles.layout.GroupingSupport#getChildren
-       * @see yfiles.layout.GroupingSupport#isGroupNode
-       */
-      hasChildren(node:yfiles.algorithms.Node):boolean;
-      /**
-       * Initializes internal data structures.
-       * <p>
-       * This method is called from {@link yfiles.layout.GroupingSupport} and retrieves the state of the hierarchic graph at the moment
-       * of invocation. It may be overridden to append additional information used for group handling.
-       * </p>
-       * @see yfiles.layout.GroupingSupport#dispose
-       * @protected
-       */
-      init():void;
-      /**
-       * Returns whether or not the given graph is flat.
-       * <p>
-       * A graph is considered to be <i>flat</i> if there exist no group nodes or there exist group nodes but none of them has children.
-       * </p>
-       * @param {yfiles.algorithms.Graph} graph the input graph
-       * @returns {boolean} <code>true</code> if there are no groups or only empty groups in the graph, <code>false</code> otherwise
-       * @see yfiles.layout.GroupingSupport#isGrouped
-       * @static
-       */
-      static isFlat(graph:yfiles.algorithms.Graph):boolean;
-      /**
-       * Returns whether or not the given graph is grouped.
-       * <p>
-       * A graph is considered to be grouped if there are {@link yfiles.algorithms.IDataProvider}s registered with the graph with keys
-       * {@link yfiles.layout.GroupingKeys#GROUP_DP_KEY}, {@link yfiles.layout.GroupingKeys#NODE_ID_DP_KEY} and
-       * {@link yfiles.layout.GroupingKeys#PARENT_NODE_ID_DP_KEY}.
-       * </p>
-       * @param {yfiles.algorithms.Graph} graph the input graph
-       * @returns {boolean} <code>true</code> if the graph contains hierarchic information, <code>false</code> otherwise
-       * @see yfiles.layout.GroupingSupport#isFlat
-       * @static
-       */
-      static isGrouped(graph:yfiles.algorithms.Graph):boolean;
-      /**
-       * Determines whether or not the given node is a group node.
-       * <p>
-       * While group nodes may have children, normal nodes never have children.
-       * </p>
-       * @param {yfiles.algorithms.Node} node the potential group node
-       * @returns {boolean} <code>true</code> if the given node is a group node, <code>false</code> otherwise
-       * @see yfiles.layout.GroupingSupport#hasChildren
-       */
-      isGroupNode(node:yfiles.algorithms.Node):boolean;
-      /**
-       * Determines whether or not the given edge is a normal edge as opposed to an edge that crosses any group node bounds.
-       * <p>
-       * Source and target of a normal edge are part of the same hierarchy level and share the same parent node.
-       * </p>
-       * @param {yfiles.algorithms.Edge} edge the edge to check
-       * @returns {boolean} <code>true</code> if the given edge is normal, <code>false</code> otherwise
-       * @see yfiles.layout.GroupingSupport#getEdgesGoingIn
-       * @see yfiles.layout.GroupingSupport#getEdgesGoingOut
-       */
-      isNormalEdge(edge:yfiles.algorithms.Edge):boolean;
-      /**
-       * Gets the {@link yfiles.algorithms.Graph} instance for which this {@link yfiles.layout.GroupingSupport} object provides hierarchy
-       * information.
-       * @type {yfiles.algorithms.Graph}
-       */
-      graph:yfiles.algorithms.Graph;
-      /**
-       * Gets a {@link yfiles.algorithms.Node} instance associated with the virtual root of the hierarchy tree.
-       * <p>
-       * This instance can be given to the {@link yfiles.layout.GroupingSupport#getChildren} to obtain the nodes of the top level of the
-       * hierarchy.
-       * </p>
-       * @see yfiles.layout.GroupingSupport#getChildren
-       * @type {yfiles.algorithms.Node}
-       */
-      root:yfiles.algorithms.Node;
-      static $class:yfiles.lang.Class;
-    }
-    /**
-     * A {@link yfiles.layout.ILayoutStage layout stage} that hides the group nodes of hierarchically grouped graphs.
-     * <p>
-     * This stage removes all group nodes and adjacent edges from the graph before passing it to the
-     * {@link yfiles.layout.LayoutStageBase#coreLayout core layout algorithm}. After the core layout algorithm has arranged the graph, the hidden elements will be reinserted.
-     * </p>
-     * <p>
-     * This stage is used by layout algorithms that cannot handle grouped graphs (e.g. {@link yfiles.circular.CircularLayout}).
-     * </p>
-     * @class yfiles.layout.HideGroupsStage
-     * @extends {yfiles.layout.LayoutStageBase}
-     */
-    export interface HideGroupsStage extends yfiles.layout.LayoutStageBase{}
-    export class HideGroupsStage {
-      /**
-       * Creates an instance of {@link yfiles.layout.HideGroupsStage} with an optional {@link yfiles.layout.LayoutStageBase#coreLayout core layout algorithm}.
-       * @param {yfiles.layout.ILayoutAlgorithm} [coreLayouter=null] The core layout algorithm.
-       * @constructor
-       */
-      constructor(coreLayouter?:yfiles.layout.ILayoutAlgorithm);
-      /**
-       * Hides the group nodes and their incident edges of the input graph.
-       * <p>
-       * Furthermore, this method removes all grouping-related {@link yfiles.algorithms.IDataProvider}s from the input graph.
-       * </p>
-       * @param {yfiles.layout.LayoutGraph} graph the input graph
-       * @see yfiles.layout.GroupingKeys#NODE_ID_DP_KEY
-       * @see yfiles.layout.GroupingKeys#PARENT_NODE_ID_DP_KEY
-       * @see yfiles.layout.GroupingKeys#GROUP_DP_KEY
-       * @see yfiles.layout.HideGroupsStage#unhideGroupNodes
-       */
-      hideGroupNodes(graph:yfiles.layout.LayoutGraph):void;
-      /**
-       * Un-hides the group nodes and their incident edges of the input graph that were previously hidden using method
-       * {@link yfiles.layout.HideGroupsStage#hideGroupNodes}.
-       * <p>
-       * Furthermore, this method restores all previously removed grouping related
-       * {@link yfiles.algorithms.IDataProvider}s on the input graph.
-       * </p>
-       * @param {yfiles.layout.LayoutGraph} graph the given graph
-       * @see yfiles.layout.GroupingKeys#NODE_ID_DP_KEY
-       * @see yfiles.layout.GroupingKeys#PARENT_NODE_ID_DP_KEY
-       * @see yfiles.layout.GroupingKeys#GROUP_DP_KEY
-       * @see yfiles.layout.HideGroupsStage#hideGroupNodes
-       */
-      unhideGroupNodes(graph:yfiles.layout.LayoutGraph):void;
-      /**
-       * Gets or sets whether or not empty group nodes, i.e., group nodes without children, will be hidden by this stage.
-       * @type {boolean}
-       */
-      hidingEmptyGroupNodes:boolean;
-      /**
-       * Gets or sets the {@link yfiles.layout.IGroupBoundsCalculator} instance for calculating the sizes of group nodes.
-       * <p>
-       * For every group which is in its open state, the {@link yfiles.layout.IGroupBoundsCalculator} will be asked to calculate the
-       * bounds for the group's child nodes. The resulting size will be used during the ongoing layout calculation.
-       * </p>
-       * @type {yfiles.layout.IGroupBoundsCalculator}
-       */
-      groupBoundsCalculator:yfiles.layout.IGroupBoundsCalculator;
-      static $class:yfiles.lang.Class;
-    }
-    /**
-     * A {@link yfiles.layout.IGroupBoundsCalculator} is responsible for calculating the bounds of a group node during a layout
-     * process.
-     * @interface
-     */
-    export interface IGroupBoundsCalculator extends Object{
-      /**
-       * Calculates the bounds of the given group node that contains the given list of child nodes.
-       * <p>
-       * This method is called during the layout process.
-       * </p>
-       * @param {yfiles.layout.LayoutGraph} graph the input graph
-       * @param {yfiles.algorithms.Node} groupNode the group node whose bounds will be calculated
-       * @param {yfiles.algorithms.NodeList} children a {@link yfiles.algorithms.NodeList} containing the nodes that reside inside the group node
-       * @returns {yfiles.algorithms.Rectangle2D} a {@link yfiles.algorithms.Rectangle2D} instance that describes the bounds of the group node
-       * @abstract
-       */
-      calculateBounds(graph:yfiles.layout.LayoutGraph,groupNode:yfiles.algorithms.Node,children:yfiles.algorithms.NodeList):yfiles.algorithms.Rectangle2D;
-    }
-    var IGroupBoundsCalculator:{
-      $class:yfiles.lang.Class;
-      isInstance(o:Object):boolean;
-    };
-    /**
-     * This {@link yfiles.layout.IGroupBoundsCalculator} calculates the bounds of group nodes and allows to specify custom insets for
-     * each group node.
-     * <p>
-     * {@link yfiles.algorithms.Insets Insets} are provided by a {@link yfiles.algorithms.IDataProvider} that must have been registered with the graph using the
-     * specified {@link yfiles.layout.InsetsGroupBoundsCalculator#groupNodeInsetsDpKey insets key} prior to the invocation of the layout algorithm.
-     * </p>
-     * @class yfiles.layout.InsetsGroupBoundsCalculator
-     * @implements {yfiles.layout.IGroupBoundsCalculator}
-     */
-    export interface InsetsGroupBoundsCalculator extends Object,yfiles.layout.IGroupBoundsCalculator{}
-    export class InsetsGroupBoundsCalculator {
-      /**
-       * Constructs an instance of {@link yfiles.layout.InsetsGroupBoundsCalculator} using the given {@link yfiles.algorithms.IDataProvider} key
-       * as {@link yfiles.layout.InsetsGroupBoundsCalculator#groupNodeInsetsDpKey group node insets key} and the given insets as {@link yfiles.layout.InsetsGroupBoundsCalculator#defaultInsets default insets}.
-       * @param {Object} [groupNodeInsetsDPKey=null] the {@link yfiles.algorithms.IDataProvider} key to use as {@link yfiles.layout.InsetsGroupBoundsCalculator#groupNodeInsetsDpKey insets key}
-       * @param {yfiles.algorithms.Insets} [defaultInsets=null] the insets to use as {@link yfiles.layout.InsetsGroupBoundsCalculator#defaultInsets default insets}
-       * @constructor
-       */
-      constructor(groupNodeInsetsDPKey?:Object,defaultInsets?:yfiles.algorithms.Insets);
-      /**
-       * Constructs an instance of {@link yfiles.layout.InsetsGroupBoundsCalculator} using the given {@link yfiles.algorithms.IDataProvider} key
-       * as {@link yfiles.layout.InsetsGroupBoundsCalculator#groupNodeInsetsDpKey group node insets key} and the given insets as {@link yfiles.layout.InsetsGroupBoundsCalculator#defaultInsets default insets}.
-       * @param {Object} options The parameters to pass.
-       * @param {Object} [options.groupNodeInsetsDPKey=null] the {@link yfiles.algorithms.IDataProvider} key to use as {@link yfiles.layout.InsetsGroupBoundsCalculator#groupNodeInsetsDpKey insets key}
-       * @param {yfiles.algorithms.Insets} [options.defaultInsets=null] the insets to use as {@link yfiles.layout.InsetsGroupBoundsCalculator#defaultInsets default insets}
-       * @constructor
-       */
-      constructor(options:{groupNodeInsetsDPKey?:Object,defaultInsets?:yfiles.algorithms.Insets});
-      /**
-       * Calculates the bounds of the given group node and enlarges the bounds by the insets associated with the group node.
-       * <p>
-       * The {@link yfiles.algorithms.Insets insets} associated with the group node will be retrieved from a {@link yfiles.algorithms.IDataProvider} registered with the
-       * graph with the current {@link yfiles.layout.InsetsGroupBoundsCalculator#groupNodeInsetsDpKey insets key}.
-       * </p>
-       * @param {yfiles.layout.LayoutGraph} graph the input graph
-       * @param {yfiles.algorithms.Node} groupNode the group node whose bounds will be calculated
-       * @param {yfiles.algorithms.NodeList} children a {@link yfiles.algorithms.NodeList} containing the nodes that reside inside the group node
-       * @returns {yfiles.algorithms.Rectangle2D} a {@link yfiles.algorithms.Rectangle2D} instance that describes the bounds of the group node
-       */
-      calculateBounds(graph:yfiles.layout.LayoutGraph,groupNode:yfiles.algorithms.Node,children:yfiles.algorithms.NodeList):yfiles.algorithms.Rectangle2D;
-      /**
-       * Enlarges the given graph bounds by the insets associated with the given group node.
-       * <p>
-       * The {@link yfiles.algorithms.Insets insets} associated with the group node will be retrieved from a {@link yfiles.algorithms.IDataProvider} registered with the
-       * graph with the current {@link yfiles.layout.InsetsGroupBoundsCalculator#groupNodeInsetsDpKey insets key}.
-       * </p>
-       * <p>
-       * This method is called while {@link yfiles.layout.InsetsGroupBoundsCalculator#calculateBounds calculating the group bounds} to realize the support for custom insets. It may be overridden
-       * to change the way specific insets influence the group node bounds.
-       * </p>
-       * @param {yfiles.layout.LayoutGraph} graph the input graph
-       * @param {yfiles.algorithms.Node} groupNode the group node whose bounds should be enlarged
-       * @param {yfiles.algorithms.NodeList} children the list of nodes that the given group node contains
-       * @param {yfiles.algorithms.Rectangle2D} bounds a {@link yfiles.algorithms.Rectangle2D} instance representing the bounds of the given group node
-       * @returns {yfiles.algorithms.Rectangle2D} a {@link yfiles.algorithms.Rectangle2D} instance representing the enlarged bounds of the given group node
-       */
-      createEnlargedBounds(graph:yfiles.layout.LayoutGraph,groupNode:yfiles.algorithms.Node,children:yfiles.algorithms.NodeList,bounds:yfiles.algorithms.Rectangle2D):yfiles.algorithms.Rectangle2D;
-      /**
-       * Gets or sets whether or not the labels of nodes contained in a group are considered while calculating the bounds of the
-       * group node.
-       * @type {boolean}
-       */
-      considerNodeLabels:boolean;
-      /**
-       * Gets or sets whether or not the labels of edges contained in a group are considered while calculating the bounds of the
-       * group node.
-       * @type {boolean}
-       */
-      considerEdgeLabels:boolean;
-      /**
-       * Gets or sets whether or not the calculation of the bounds of a group node considers the {@link yfiles.layout.NodeHalo NodeHalos} associated with the
-       * group's child nodes.
-       * @type {boolean}
-       */
-      considerNodeHalos:boolean;
-      /**
-       * Gets or sets the default insets that will be used if the {@link yfiles.algorithms.IDataProvider} registered with the {@link yfiles.layout.InsetsGroupBoundsCalculator#groupNodeInsetsDpKey insets key}
-       * does not contain a mapping for a specific node.
-       * @type {yfiles.algorithms.Insets}
-       */
-      defaultInsets:yfiles.algorithms.Insets;
-      /**
-       * Gets or sets the key to register a {@link yfiles.algorithms.IDataProvider} that is used to access the insets for the group
-       * nodes.
-       * <p>
-       * The {@link yfiles.algorithms.IDataProvider} registered with this key must provide a mapping from each group node to a {@link yfiles.algorithms.Insets}
-       * (or {@link yfiles.algorithms.Insets}) instance.
-       * </p>
-       * @type {Object}
-       */
-      groupNodeInsetsDpKey:Object;
-      static $class:yfiles.lang.Class;
-    }
-    /**
-     * A special {@link yfiles.layout.ComponentLayout} implementation that allows to lay out isolated subgraphs within a group as
-     * separate components.
-     * <p>
-     * {@link yfiles.orthogonal.OrthogonalLayout OrthogonalLayout} uses this layout stage to arrange components.
-     * </p>
-     * <p>
-     * {@graph {"ann":{"s":[30,30],"d":0},"n":[[-5,16,210,336.38,2],[10,110,1],[10,35,1],[85,35,1],[160,35,1],[160,110,1],[10,285],[85,285],[85,210]],"e":[[1,2,0,-15,0,15],[2,3,15,0,-15,0],[3,4,15,0,-15,0],[4,5,0,15,0,-15],[5,1,-15,0,15,0],[6,8,0,-15,-15,0,[25,225]],[8,7,0,15,0,-15],[7,6,-15,0,15,0]],"vp":[-5.0,16.0,210.0,337.0]}} Example of a hierarchically grouped graph with two components that are laid out by {@link yfiles.orthogonal.OrthogonalLayout OrthogonalLayout} as separate
-     * components.
-     * </p>
-     * @class yfiles.layout.IsolatedGroupComponentLayout
-     * @extends {yfiles.layout.ComponentLayout}
-     */
-    export interface IsolatedGroupComponentLayout extends yfiles.layout.ComponentLayout{}
-    export class IsolatedGroupComponentLayout {
-      /**
-       * Creates an instance of {@link yfiles.layout.IsolatedGroupComponentLayout} with the given layout algorithm as
-       * {@link yfiles.layout.LayoutStageBase#coreLayout core layout algorithm}.
-       * @param {yfiles.layout.ILayoutAlgorithm} [coreLayouter=null] the core layout algorithm that will be invoked for each component of the graph
-       * @constructor
-       */
-      constructor(coreLayouter?:yfiles.layout.ILayoutAlgorithm);
-      /**
-       * Determines the nodes that belong to the same graph component.
-       * <p>
-       * Unlike
-       * {@link yfiles.layout.ComponentLayout}, this implementation additionally identifies isolated subgraphs within a group as separate
-       * components.
-       * </p>
-       * @param {yfiles.layout.LayoutGraph} graph the input graph
-       * @param {yfiles.algorithms.INodeMap} compNumber the {@link yfiles.algorithms.INodeMap} that will be filled by the layout algorithm, such that it contains the zero-based index
-       * of the component number to which each node belongs
-       * @returns {number} the number of separate components
-       * @protected
-       */
-      findIsolatedGraphComponents(graph:yfiles.layout.LayoutGraph,compNumber:yfiles.algorithms.INodeMap):number;
-      static $class:yfiles.lang.Class;
-    }
-    /**
-     * This {@link yfiles.layout.IGroupBoundsCalculator} allows custom insets for group nodes and guarantees that their provided
-     * minimum sizes will be maintained.
-     * <p>
-     * As a subclass of {@link yfiles.layout.InsetsGroupBoundsCalculator}, this class supports custom insets for each group node.
-     * Furthermore, it guarantees that a desired minimum size is maintained. The minimum sizes are provided by a {@link yfiles.algorithms.IDataProvider}
-     * registered with the graph using the specified {@link yfiles.layout.MinimumSizeGroupBoundsCalculator#minimumNodeSizeDpKey minimum node size key}.
-     * </p>
-     * @class yfiles.layout.MinimumSizeGroupBoundsCalculator
-     * @extends {yfiles.layout.InsetsGroupBoundsCalculator}
-     */
-    export interface MinimumSizeGroupBoundsCalculator extends yfiles.layout.InsetsGroupBoundsCalculator{}
-    export class MinimumSizeGroupBoundsCalculator {
-      /**
-       * Creates a new instance of {@link yfiles.layout.MinimumSizeGroupBoundsCalculator} with the given key as {@link yfiles.layout.MinimumSizeGroupBoundsCalculator#minimumNodeSizeDpKey minimum node size key}.
-       * @param {Object} minSizeDataProviderKey the {@link yfiles.algorithms.IDataProvider} key to use as {@link yfiles.layout.MinimumSizeGroupBoundsCalculator#minimumNodeSizeDpKey minimum size key}
-       * @constructor
-       */
-      constructor(minSizeDataProviderKey:Object);
-      /**
-       * Creates a new instance of {@link yfiles.layout.MinimumSizeGroupBoundsCalculator} with default settings.
-       * @constructor
-       */
-      constructor();
-      /**
-       * Gets or sets how the nodes are resized horizontally if the calculated width is smaller than the preferred minimum width
-       * of a group node.
-       * <p>
-       * The alignment is defined to be a value between <code>0</code> and <code>1</code>, such that:
-       * </p>
-       * <ul>
-       * <li>A value of <code>0</code> means that the nodes grow to the right while the left border remains unchanged.</li>
-       * <li>A value of <code>1</code> means that the nodes grow to the left while the right border remains unchanged.</li>
-       * </ul>
-       * @throws {Stubs.Exceptions.ArgumentError} if the given value does not lie within <code>[0,1]</code>
-       * @type {number}
-       */
-      xAlignment:number;
-      /**
-       * Gets or sets how the nodes are resized vertically if the calculated height is smaller than the preferred minimum height
-       * of a group node.
-       * <p>
-       * The alignment is defined to be a value between <code>0</code> and <code>1</code>, such that:
-       * </p>
-       * <ul>
-       * <li>A value of <code>0</code> means that the nodes grow downwards while the top border remains unchanged.</li>
-       * <li>A value of <code>1</code> means that the nodes grow upwards while the bottom border remains unchanged.</li>
-       * </ul>
-       * @throws {Stubs.Exceptions.ArgumentError} if the given value does not lie within <code>[0,1]</code>
-       * @type {number}
-       */
-      yAlignment:number;
-      /**
-       * Gets or sets the key to register a {@link yfiles.algorithms.IDataProvider} that is used to access the minimum sizes for the
-       * group nodes.
-       * <p>
-       * The {@link yfiles.algorithms.IDataProvider} registered with this key must provide a mapping from each group node to a {@link yfiles.algorithms.YDimension}
-       * object defining the minimum width and height of the group node.
-       * </p>
-       * @see yfiles.layout.MinimumSizeGroupBoundsCalculator#defaultMinimumNodeSize
-       * @type {Object}
-       */
-      minimumNodeSizeDpKey:Object;
-      /**
-       * Gets or sets the default minimum size (width and height) for group nodes.
-       * <p>
-       * The default minimum size is used if the {@link yfiles.algorithms.IDataProvider} registered with the {@link yfiles.layout.MinimumSizeGroupBoundsCalculator#minimumNodeSizeDpKey minimum size key} does not
-       * contain a mapping for a group node.
-       * </p>
-       * @throws {Stubs.Exceptions.ArgumentError} if the given {@link yfiles.algorithms.YDimension} is <code>null</code>
-       * @see yfiles.layout.MinimumSizeGroupBoundsCalculator#minimumNodeSizeDpKey
-       * @type {yfiles.algorithms.YDimension}
-       */
-      defaultMinimumNodeSize:yfiles.algorithms.YDimension;
-      static $class:yfiles.lang.Class;
-    }
-    /**
-     * This layout algorithm recursively traverses a hierarchically organized graph in a bottom-up fashion and applies a
-     * specified layout algorithm to the contents (direct children) of each group node.
-     * <p>
-     * <b>Layout Style</b> The way a graph is arranged depends on the {@link yfiles.layout.ILayoutAlgorithm layout algorithms} which are applied to the different group nodes. {@link yfiles.layout.RecursiveGroupLayout}
-     * is able to produce different layout styles for the content of each group node.
-     * </p>
-     * <p>
-     * This layout algorithm can be either applied if a {@link yfiles.layout.ILayoutAlgorithm layout algorithm} cannot handle grouped graphs by itself or if the
-     * content of (some) group nodes should be arranged differently.
-     * </p>
-     * <p>
-     * {@graph {"ann":{"s":[30,30],"d":1},"styles":{"6":{"c":1}},"n":[[-17.5,755,335,340,2],[166.25,770],[247.5,840],[85,840],[172.5,910],[272.5,910],[72.5,910],[272.5,980],[222.5,910],[97.5,980],[47.5,980],[-2.5,910],[147.5,980],[122.5,1050],[172.5,1050],[197.5,980],[-2.5,980],[-2.5,1050],[929.97,593,673.03,664,2],[1028.43,230.79,493.13,238.42,2],[1451.74,249.79,54.83,54.83],[1043.43,336.11,54.83,54.83],[1376.74,346.07],[1143.26,334.82],[1223.95,267.93,37.09,37.09],[1223.95,335.02,37.09,37.09],[1223.95,402.12,37.09,37.09],[1306.05,338.57],[351.41,46.3,547.17,607.39,2],[392.91,738,464.18,374,2],[600.69,849.79,44.43,44.43],[803.73,927.82,38.37,38.37],[600.69,1024.79,44.43,44.43],[707.91,932],[707.91,1032],[507.91,757],[503.73,852.82,38.37,38.37],[407.91,857],[1329,1038,6],[1269,795,6],[1472,612,6],[1411,1025,6],[1427,744,6],[1355,779,6],[1157,888,6],[1108,838,6],[1230,723,6],[1351,946,6],[1185,810,6],[1387,847,6],[1185,956,6],[1221,1212,6],[1311,715,6],[962,988,6],[1558,700,6],[1053,639,6],[1264,993,6],[1509,1121,6],[1143,742,6],[1453,871,6],[1248,1077,6],[1430,943,6],[1093,947,6],[1173,1025,6],[1249.93,858.93,83.14,83.14,6],[406.42,266.45,6],[535.29,224.58,6],[407.4,568.81,54.23,54.23,6],[366.41,92.7,54.23,54.23,6],[464.05,443.83,6],[450.74,65.3,54.23,54.23,6],[464.05,224.58,6],[592.93,401.96,6],[714.87,571.77,41.35,41.35,6],[842.24,530.39,41.35,41.35,6],[793.59,463.42,41.35,41.35,6],[793.59,597.35,41.35,41.35,6],[614.94,334.2,6],[535.29,443.83,6],[714.87,489,41.35,41.35,6],[406.42,401.96,6],[592.93,266.45,6],[384.4,334.2,6],[595.06,86,54.23,54.23,6],[668.28,135.99,54.23,54.23,6],[720.4,207.72,54.23,54.23,6],[745.32,292.81,54.23,54.23,6]],"e":[[1,2],[1,3],[3,4],[2,5],[3,6],[5,7],[2,8],[6,9],[6,10],[3,11],[4,12],[12,13],[12,14],[4,15],[11,16],[16,17],[0,19,0,-170,0,-119.21,[150,0,1275,0]],[21,22,27.41,13.71,-15,7.5,[1108.26,377.23,1158.26,454.21,1336.05,454.21,1361.74,368.57]],[22,20,15,-0,-27.41,18.28,[1416.74,361.07,1436.74,295.48]],[21,23,27.41,-13.71,-15,-0],[23,20,15,-11.25,-27.41,-18.28,[1183.26,338.57,1208.95,252.93,1391.74,252.93,1436.74,258.93]],[23,24,15,-3.75,-18.55,-0,[1183.26,346.07,1208.95,286.48]],[24,20,18.55,-9.27,-27.41,-0],[23,25,15,3.75,-18.55,-0],[23,26,15,11.25,-18.55,-0,[1183.26,361.07,1208.95,420.66]],[25,27,18.55,-0,-15,-0],[24,27,18.55,9.27,-15,-10,[1271.05,295.75,1291.05,343.57]],[26,27,18.55,-0,-15,10,[1271.05,420.66,1291.05,363.57]],[27,22,15,-0,-15,-7.5],[29,28,0,-187,0,303.7],[31,30,0,-19.18,22.21,0,[822.91,872]],[31,32,0,19.18,0,22.21,[822.91,1097,622.91,1097]],[2,32],[32,30,0,-22.21,0,22.21],[31,33,-19.18,0,15,0],[33,32,-15,0,12.5,-22.21,[635.41,947]],[33,34,0,15,0,-15],[34,32,-15,0,22.21,0],[34,31,15,0,-12.5,19.18,[810.41,1047]],[35,30,15,0,0,-22.21,[622.91,772]],[35,36,0,15,0,-19.18],[32,36,-22.21,-12.5,0,19.18,[522.91,1034.5]],[36,30,19.18,0,-22.21,0],[36,37,-19.18,0,15,0],[32,37,-22.21,0,0,15,[422.91,1047]],[37,35,0,-15,-15,0,[422.91,772]],[42,40],[42,54],[41,57],[58,55],[60,51],[62,53],[64,38],[64,39],[64,41,[1330.6,964.06,1337.99,974.52,1346.6,984.13,1356.64,992.4]],[64,42,[1301.28,892.93,1380.34,828.69,1390.42,819.61,1400.14,810]],[64,43],[64,44],[64,45],[64,46,[1257.8,823.49,1254.58,812.63,1252.57,801.6]],[64,47],[64,48],[64,49],[64,50],[64,52,[1313.2,816.82,1315.29,805.72]],[64,56],[64,58,[1227.75,807.43,1218.48,798.12,1198.26,783.57]],[64,59,[1401.91,896.21,1413.4,895.03]],[64,60,[1249.83,992.24,1246.96,1005.02,1247.3,1018.2]],[64,61],[64,62],[64,63],[40,19],[69,67],[65,71],[66,71],[71,70],[71,69],[71,68],[72,21],[73,74],[75,74],[73,76],[74,76],[77,72],[77,71],[71,78],[78,72],[78,69],[72,79],[79,75],[79,73],[69,80],[72,80],[66,81],[81,77],[65,82],[82,81],[82,80],[82,77],[83,81],[84,81],[85,81],[86,81],[51,33]],"vp":[-18.0,0.0,1621.0,1257.0]}}<b>Concept</b>
-     * </p>
-     * <p>
-     * {@link yfiles.layout.RecursiveGroupLayout} uses a hierarchy tree representation of the grouped graph in which the content nodes
-     * are the children of their containing group node. That way, it can traverse the tree recursively while arranging only the
-     * direct children of each group node. The layout algorithm starts by arranging the leaves in the hierarchy tree, then
-     * works its way up to the root computing the layout for each group node in the tree.
-     * </p>
-     * <p>
-     * All nodes other than the direct children are temporarily hidden. The layout algorithm performs two steps for each group
-     * node.
-     * </p>
-     * <ol>
-     * <li>
-     * It arranges the direct children using either the {@link yfiles.layout.LayoutStageBase#coreLayout core layout algorithm} or a special layout algorithm retrieved from a {@link yfiles.algorithms.IDataProvider}
-     * registered with
-     * {@link yfiles.layout.RecursiveGroupLayout#GROUP_NODE_LAYOUT_DP_KEY}. The content of group nodes among the children is already
-     * arranged at this time and will be ignored. These group nodes are handled like normal nodes with a size that encloses the
-     * content.
-     * </li>
-     * <li>
-     * Then {@link yfiles.layout.RecursiveGroupLayout} computes the final size of the group node using an implementation of
-     * {@link yfiles.layout.IGroupBoundsCalculator}. Customized {@link yfiles.layout.IGroupBoundsCalculator}s can be specified using
-     * {@link yfiles.layout.RecursiveGroupLayout#groupBoundsCalculator}. Aside from the resulting layout, this size is used in the following iteration.
-     * </li>
-     * </ol>
-     * <p>
-     * After a layout is applied to all group nodes, the layout algorithm computes routes for the edges whose source node is
-     * located at a different hierarchy level than its target node. The edge routing algorithm for these so-called inter-edges
-     * can be {@link yfiles.layout.RecursiveGroupLayout#interEdgeRouter customized}.
-     * </p>
-     * <p>
-     * Note that {@link yfiles.layout.RecursiveGroupLayout} can run without a
-     * {@link yfiles.layout.LayoutStageBase#coreLayout core layout algorithm}. In this case no layout is calculated, instead the group node bounds are merely adjusted to fit
-     * their respective contents.
-     * </p>
-     * <p>
-     * <b>Features</b> There are two alternatives for applying different layout styles to the contents of group nodes:
-     * </p>
-     * <ol>
-     * <li>
-     * Mapping each group node to a corresponding {@link yfiles.layout.ILayoutAlgorithm layout algorithm} by registering a {@link yfiles.algorithms.IDataProvider} with key
-     * {@link yfiles.layout.RecursiveGroupLayout#GROUP_NODE_LAYOUT_DP_KEY}. The content of the hierarchy root is arranged with the
-     * {@link yfiles.layout.LayoutStageBase#coreLayout core layout algorithm}.
-     * </li>
-     * <li>Using {@link yfiles.layout.LayoutMultiplexer} as {@link yfiles.layout.LayoutStageBase#coreLayout core layout algorithm}.</li>
-     * </ol>
-     * <p>
-     * Since {@link yfiles.layout.RecursiveGroupLayout} delegates the actual arrangement of the graph to other layout algorithms, it
-     * will support the same features as the currently used layout algorithm.
-     * </p>
-     * <p>
-     * The improvement of the routing of inter-edges is based on the {@link yfiles.layout.RecursiveGroupLayout#autoAssignPortCandidates insertion} of {@link yfiles.layout.PortCandidate}s or the {@link yfiles.layout.RecursiveGroupLayout#replacePortConstraints conversion}
-     * of {@link yfiles.layout.PortConstraint}s into {@link yfiles.layout.PortCandidate}s. Hence, they only work well if the applied layout
-     * algorithm supports {@link yfiles.layout.PortCandidate}s.
-     * </p>
-     * <p>
-     * This algorithm also provides a {@link yfiles.layout.RecursiveGroupLayout#fromSketchMode From Sketch mode} that should be activated if the applied layout algorithm runs in From
-     * Sketch mode, too. Otherwise, the initial coordinates may not be considered correctly.
-     * </p>
-     * @class yfiles.layout.RecursiveGroupLayout
-     * @extends {yfiles.layout.LayoutStageBase}
-     */
-    export interface RecursiveGroupLayout extends yfiles.layout.LayoutStageBase{}
-    export class RecursiveGroupLayout {
-      /**
-       * Creates a new instance of {@link yfiles.layout.RecursiveGroupLayout} with default settings using the given {@link yfiles.layout.ILayoutAlgorithm layout algorithm} and
-       * {@link yfiles.layout.IGroupBoundsCalculator} implementation.
-       * @param {yfiles.layout.ILayoutAlgorithm} core the layout algorithm that is applied in each step of the recursion
-       * @param {yfiles.layout.IGroupBoundsCalculator} gbc the {@link yfiles.layout.IGroupBoundsCalculator} for calculating group sizes
-       * @constructor
-       */
-      constructor(core:yfiles.layout.ILayoutAlgorithm,gbc:yfiles.layout.IGroupBoundsCalculator);
-      /**
-       * Creates a new instance of {@link yfiles.layout.RecursiveGroupLayout} with an optional {@link yfiles.layout.LayoutStageBase#coreLayout core layout algorithm}.
-       * @param {yfiles.layout.ILayoutAlgorithm} [core=null] The layout algorithm that is applied in each recursion step.
-       * @constructor
-       */
-      constructor(core?:yfiles.layout.ILayoutAlgorithm);
-      /**
-       * Reroutes the given inter-edges using the current {@link yfiles.layout.RecursiveGroupLayout#interEdgeRouter edge routing algorithm}.
-       * <p>
-       * This method is called after calculating the overall layout when the positions of all nodes and normal edges are fixed.
-       * </p>
-       * <p>
-       * If no {@link yfiles.layout.RecursiveGroupLayout#interEdgeRouter inter-edge router} is specified, this method resets the path of all inter-edges that don't connect to the proper
-       * location within the group. This may happen for inter-edges without
-       * {@link yfiles.layout.PortCandidate}s or if the applied layout algorithm doesn't support such constraints.
-       * </p>
-       * @param {yfiles.layout.LayoutGraph} graph the input graph
-       * @param {yfiles.algorithms.EdgeList} interEdges the edges which traverse the boundary of a group node
-       * @see yfiles.layout.RecursiveGroupLayout#autoAssignPortCandidates
-       * @see yfiles.layout.RecursiveGroupLayout#replacePortConstraints
-       * @see yfiles.layout.RecursiveGroupLayout#interEdgeRouter
-       * @protected
-       */
-      routeInterEdges(graph:yfiles.layout.LayoutGraph,interEdges:yfiles.algorithms.EdgeList):void;
-      /**
-       * Data provider key for arranging the content of each group node with an individual layout algorithm.
-       * <p>
-       * The specified layouter instance is applied to the content of the group node. To arrange the top level elements the {@link yfiles.layout.LayoutStageBase#coreLayout core layout algorithm}
-       * is used.
-       * </p>
-       * @see yfiles.layout.RecursiveGroupLayout#NULL_LAYOUT
-       * @const
-       * @static
-       * @type {yfiles.algorithms.NodeDpKey.<yfiles.layout.ILayoutAlgorithm>}
-       */
-      static GROUP_NODE_LAYOUT_DP_KEY:yfiles.algorithms.NodeDpKey<yfiles.layout.ILayoutAlgorithm>;
-      /**
-       * Data provider key for assigning source split ids to edges connecting to group nodes.
-       * <p>
-       * The edges will be aligned with edges that connect to the same group node and have the same split id at their source
-       * (preferably) or target.
-       * </p>
-       * @see yfiles.layout.RecursiveGroupLayout#TARGET_SPLIT_ID_DP_KEY
-       * @see yfiles.hierarchic.HierarchicLayout
-       * @see yfiles.hierarchic.EdgeLayoutDescriptor#directGroupContentEdgeRouting
-       * @const
-       * @static
-       * @type {yfiles.algorithms.EdgeDpKey.<Object>}
-       */
-      static SOURCE_SPLIT_ID_DP_KEY:yfiles.algorithms.EdgeDpKey<Object>;
-      /**
-       * Data provider key for assigning target split ids to edges connecting to group nodes.
-       * <p>
-       * The edges will be aligned with edges that connect to the same group node and have the same split id at their source or
-       * target (preferably).
-       * </p>
-       * @see yfiles.layout.RecursiveGroupLayout#SOURCE_SPLIT_ID_DP_KEY
-       * @see yfiles.hierarchic.HierarchicLayout
-       * @see yfiles.hierarchic.EdgeLayoutDescriptor#directGroupContentEdgeRouting
-       * @const
-       * @static
-       * @type {yfiles.algorithms.EdgeDpKey.<Object>}
-       */
-      static TARGET_SPLIT_ID_DP_KEY:yfiles.algorithms.EdgeDpKey<Object>;
-      /**
-       * A constant that represents a {@link yfiles.layout.ILayoutAlgorithm} implementation that does nothing.
-       * <p>
-       * This implementation can be assigned to group nodes to keep their content unchanged. The layout algorithm will still
-       * calculate the sizes of the group nodes.
-       * </p>
-       * @const
-       * @static
-       * @type {yfiles.layout.ILayoutAlgorithm}
-       */
-      static NULL_LAYOUT:yfiles.layout.ILayoutAlgorithm;
-      /**
-       * Gets or sets whether or not to consider the initial coordinates of the graph elements.
-       * <p>
-       * When using the initial coordinates, {@link yfiles.layout.RecursiveGroupLayout} sets the coordinates of the nodes to their
-       * initial position before the corresponding {@link yfiles.layout.ILayoutAlgorithm layout algorithm} is called.
-       * </p>
-       * @type {boolean}
-       */
-      fromSketchMode:boolean;
-      /**
-       * Gets or sets whether or not temporary {@link yfiles.layout.PortCandidate}s are inserted to improve the routing of inter-edges.
-       * <p>
-       * If enabled, {@link yfiles.layout.RecursiveGroupLayout} will insert {@link yfiles.layout.PortCandidate}s for all inter-edges that cross a
-       * group node border. Those {@link yfiles.layout.PortCandidate}s are located at the relative position of the real source/target
-       * node. Inter-edges that connect to such {@link yfiles.layout.PortCandidate}s will be routed when the layout of the containing
-       * group node is calculated and will not be {@link yfiles.layout.RecursiveGroupLayout#routeInterEdges rerouted} later. This may produce more suitable edge routes but cannot prevent
-       * edges from crossing nodes.
-       * </p>
-       * <p>
-       * Without temporary or user specified {@link yfiles.layout.PortCandidate}s, inter-edges will always end at the border/center of
-       * the corresponding group node. Thus, they are rerouted afterwards using an {@link yfiles.layout.RecursiveGroupLayout#interEdgeRouter edge routing algorithm}.
-       * </p>
-       * @see yfiles.layout.RecursiveGroupLayout#routeInterEdges
-       * @see yfiles.layout.RecursiveGroupLayout#interEdgeRouter
-       * @see yfiles.layout.PortCandidate
-       * @type {boolean}
-       */
-      autoAssignPortCandidates:boolean;
-      /**
-       * Gets or sets whether or not {@link yfiles.layout.PortConstraint}s of inter-edges are temporarily replaced by
-       * {@link yfiles.layout.PortCandidate}s.
-       * <p>
-       * If disabled, inter-edges will always end at the border/center of the corresponding group node, even if those edges have
-       * port constraints. Thus, they are {@link yfiles.layout.RecursiveGroupLayout#routeInterEdges rerouted} later without considering the constraint. Enabling this settings may produce
-       * more suitable edge routes but cannot prevent edges from crossing nodes.
-       * </p>
-       * <p>
-       * Port candidates are automatically redirected to their original location. Hence, enabling this option may produce more
-       * suitable edge routes if the layout algorithm applied to the content of a group node can handle port candidates.
-       * </p>
-       * @see yfiles.layout.RecursiveGroupLayout#routeInterEdges
-       * @see yfiles.layout.PortCandidate
-       * @type {boolean}
-       */
-      replacePortConstraints:boolean;
-      /**
-       * Gets or sets whether empty group nodes are handled like group nodes with content or like normal nodes.
-       * <p>
-       * If they are handled like other group nodes, {@link yfiles.layout.RecursiveGroupLayout} will resize them according to their
-       * (non-existing) content. This results in small empty group nodes. Handled like normal nodes, empty group nodes will keep
-       * their initial size.
-       * </p>
-       * @type {boolean}
-       */
-      considerEmptyGroups:boolean;
-      /**
-       * Gets or sets the current edge routing algorithm for handling inter-edges.
-       * <p>
-       * During layout, edges that connect from outside a group node to the content inside (inter-edges) are temporarily
-       * connected to the group node itself. Hence, these edges have to be routed after restoring the original graph structure
-       * using this edge routing algorithm.
-       * </p>
-       * <p>
-       * It is required that a suitable {@link yfiles.layout.RecursiveGroupLayout#interEdgesDpKey selection key} is specified. The same selection key must be used for setting the sphere of
-       * action for the edge router.
-       * </p>
-       * @see yfiles.layout.RecursiveGroupLayout#interEdgesDpKey
-       * @type {yfiles.layout.ILayoutAlgorithm}
-       */
-      interEdgeRouter:yfiles.layout.ILayoutAlgorithm;
-      /**
-       * Gets or sets the key for marking the inter-edges to be routed.
-       * <p>
-       * The key should be used by the specified {@link yfiles.layout.RecursiveGroupLayout#interEdgeRouter inter-edge routing algorithm} to obtain the edges to be routed. This layouter
-       * automatically marks these edges and registers the {@link yfiles.algorithms.IDataProvider} using the specified key.
-       * </p>
-       * @throws {Stubs.Exceptions.ArgumentError} if the specified key is <code>null</code>
-       * @see yfiles.layout.RecursiveGroupLayout#interEdgeRouter
-       * @type {Object}
-       */
-      interEdgesDpKey:Object;
-      /**
-       * Gets or sets a {@link yfiles.layout.IGroupBoundsCalculator} which computes the sizes of all group nodes.
-       * <p>
-       * This {@link yfiles.layout.IGroupBoundsCalculator} is used each time after calculating the layout for a content graph.
-       * </p>
-       * @type {yfiles.layout.IGroupBoundsCalculator}
-       */
-      groupBoundsCalculator:yfiles.layout.IGroupBoundsCalculator;
-      static $class:yfiles.lang.Class;
-    }
-    export enum OperationType{
-      /**
-       * Operation specifier defining that the graph will be mirrored at the x-axis.
-       * @see yfiles.layout.GraphTransformer#operation
-       */
-      MIRROR_X_AXIS,
-      /**
-       * Operation specifier defining that the graph will be mirrored at the y-axis.
-       * @see yfiles.layout.GraphTransformer#operation
-       */
-      MIRROR_Y_AXIS,
-      /**
-       * Operation specifier defining that the graph will be rotated.
-       * @see yfiles.layout.GraphTransformer#operation
-       * @see yfiles.layout.GraphTransformer#rotationAngle
-       * @see yfiles.layout.GraphTransformer#bestFitRotationEnabled
-       */
-      ROTATE,
-      /**
-       * Operation specifier defining that the graph will be scaled.
-       * @see yfiles.layout.GraphTransformer#operation
-       * @see yfiles.layout.GraphTransformer#scaleFactor
-       * @see yfiles.layout.GraphTransformer#setScaleFactors
-       * @see yfiles.layout.GraphTransformer#scaleNodeSize
-       */
-      SCALE,
-      /**
-       * Operation specifier defining that the graph will be translated.
-       * @see yfiles.layout.GraphTransformer#operation
-       * @see yfiles.layout.GraphTransformer#translateX
-       * @see yfiles.layout.GraphTransformer#translateY
-       */
-      TRANSLATE
-    }
-    /**
-     * This layout algorithm applies geometric transformations to (sub-)graphs.
-     * <p>
-     * <b>Layout Style</b> There are several ways to transform the graph that include mirroring, rotating, scaling and translating. {@graph {"ann":{"s":[30,30],"d":1},"n":[[-15,235],[-15,360],[-15,110],[235,485],[110,485],[360,485],[-15,485],[485,235],[485,360],[235,-15],[110,-15],[360,-15],[485,110],[-15,-15],[485,485],[485,-15],[235,235,1],[146.61,146.61,1],[146.61,323.39,1],[58.22,235,1],[323.39,323.39,1],[235,411.78,1],[323.39,146.61,1],[235,58.22,1],[411.78,235,1]],"e":[[1,0],[0,2],[4,3],[3,5],[1,6],[6,4],[7,8],[9,10],[11,9],[12,7],[2,13],[13,10],[8,14],[14,5],[11,15],[12,15],[16,17],[16,18],[19,17],[19,18],[20,16],[18,21],[21,20],[22,16],[23,22],[23,17],[20,24],[22,24],[17,0],[19,1],[23,2],[18,3],[4,19],[5,21],[20,7],[21,8],[9,22],[10,23],[24,11],[24,12]],"vp":[-15.0,-15.0,530.0,530.0]}}
-     * </p>
-     * <p>
-     * The highlighted subgraph is rotated by <code>45</code> degrees
-     * </p>
-     * <p>
-     * <b>Features</b>
-     * </p>
-     * <p>
-     * The layout can be {@link yfiles.layout.OperationType#SCALE scaled} with independent factors for the horizontal and vertical scaling. Optionally, the sizes of
-     * nodes can be scaled, too.
-     * </p>
-     * <p>
-     * The layout can be mirrored either on the {@link yfiles.layout.OperationType#MIRROR_X_AXIS x-axis} or the {@link yfiles.layout.OperationType#MIRROR_Y_AXIS y-axis}.
-     * </p>
-     * <p>
-     * A {@link yfiles.layout.OperationType#ROTATE rotation} can be specified. Instead of {@link yfiles.layout.GraphTransformer#rotationAngle defining} a rotation angle the angle can be {@link yfiles.layout.GraphTransformer#bestFitRotationEnabled determined automatically} to fit
-     * specific bounds.
-     * </p>
-     * <p>
-     * The coordinates in the layout can be {@link yfiles.layout.OperationType#TRANSLATE translated} by a specific vector.
-     * </p>
-     * <p>
-     * To only apply previously mentioned transformations to a subgraph, the {@link yfiles.layout.SubgraphLayout} needs to be {@link yfiles.layout.MultiStageLayout#subgraphLayoutEnabled enabled}.
-     * Then the nodes in the subgraph must be marked in a {@link yfiles.algorithms.IDataProvider} registered with the according {@link yfiles.layout.SubgraphLayout#affectedNodesDpKey key}.
-     * </p>
-     * @class yfiles.layout.GraphTransformer
-     * @extends {yfiles.layout.MultiStageLayout}
-     * @implements {yfiles.layout.ILayoutStage}
-     */
-    export interface GraphTransformer extends yfiles.layout.MultiStageLayout,yfiles.layout.ILayoutStage{}
-    export class GraphTransformer {
-      /**
-       * Creates a new instance of {@link yfiles.layout.GraphTransformer} with default settings.
-       * @constructor
-       */
-      constructor();
-      /**
-       * Rotates the given graph so its resulting bounding box fits best to the given bounds.
-       * @param {yfiles.layout.LayoutGraph} graph the graph that is rotated
-       * @param {number} width the width of the preferred layout bounds
-       * @param {number} height the height of the preferred layout bounds
-       * @returns {number} the rotation angle
-       * @see yfiles.layout.GraphTransformer#bestFitRotationEnabled
-       * @static
-       */
-      static applyBestFitRotationAngle(graph:yfiles.layout.LayoutGraph,width:number,height:number):number;
-      /**
-       * Returns the rotation angle for the graph that will result in a layout that fits best to the given bounds.
-       * @param {yfiles.layout.LayoutGraph} graph the graph that is rotated
-       * @param {number} width the width of the preferred layout bounds
-       * @param {number} height the height of the preferred layout bounds
-       * @returns {number} the rotation angle
-       * @see yfiles.layout.GraphTransformer#applyBestFitRotationAngle
-       * @static
-       */
-      static findBestFitRotationAngle(graph:yfiles.layout.LayoutGraph,width:number,height:number):number;
-      /**
-       * Specifies the preferred size of the layout.
-       * <p>
-       * If performing a {@link yfiles.layout.OperationType#ROTATE rotation} and this rotation should be
-       * {@link yfiles.layout.GraphTransformer#bestFitRotationEnabled automatically fitted}, then the given preferred size defines the aspect ratio that will be used for fitting the layout
-       * rotation.
-       * </p>
-       * <p>
-       * The preferred width and height need to be non-negative.
-       * </p>
-       * @param {number} width the preferred width of the layout
-       * @param {number} height the preferred height of the layout
-       * @throws {Stubs.Exceptions.ArgumentError} if the specified width or height is negative
-       * @see yfiles.layout.GraphTransformer#preferredWidth
-       * @see yfiles.layout.GraphTransformer#preferredHeight
-       * @see yfiles.layout.GraphTransformer#bestFitRotationEnabled
-       * @see yfiles.layout.GraphTransformer#operation
-       * @see yfiles.layout.OperationType#ROTATE
-       */
-      preferredLayoutSize(width:number,height:number):void;
-      /**
-       * Fits the given graph into the specified rectangular bounds.
-       * <p>
-       * If the bounding box fits in the given bounds, nothing is done. Otherwise, the graph is scaled and optionally moved to
-       * fit.
-       * </p>
-       * @param {yfiles.layout.LayoutGraph} graph the graph to modify
-       * @param {number} x the upper left x-coordinate of the bounds
-       * @param {number} y the upper left y-coordinate of the bounds
-       * @param {number} w the width of the bounds
-       * @param {number} h the height of the bounds
-       * @static
-       */
-      static setMaximalBounds(graph:yfiles.layout.LayoutGraph,x:number,y:number,w:number,h:number):void;
-      /**
-       * Specifies the horizontal and vertical scaling factor used for the {@link yfiles.layout.OperationType#SCALE scale operation}.
        * <p>
-       * Only positive scaling factors are allowed.
+       * Be aware that a statement like <code>aList.append(aList.cursor())</code> results in an infinite recursion.
        * </p>
-       * @param {number} xFactor the horizontal scaling factor
-       * @param {number} yFactor the vertical scaling factor
-       * @throws {Stubs.Exceptions.ArgumentError} if one the specified scaling factors is negative or <code>0</code>
-       * @see yfiles.layout.GraphTransformer#scaleFactorX
-       * @see yfiles.layout.GraphTransformer#scaleFactorY
-       * @see yfiles.layout.GraphTransformer#operation
-       * @see yfiles.layout.OperationType#SCALE
+       * @param c
        */
-      setScaleFactors(xFactor:number,yFactor:number):void;
+      addAll(c:yfiles.algorithms.ICursor):void;
       /**
-       * Translates the layout coordinates by the given vector.
-       * @param {yfiles.layout.LayoutGraph} graph the graph that is translated
-       * @param {number} dx the horizontal distance the given graph is moved
-       * @param {number} dy the vertical distance the given graph is moved
-       * @see yfiles.layout.OperationType#TRANSLATE
-       * @see yfiles.layout.GraphTransformer#operation
-       * @static
+       * Appends all elements provided by the given collection to this list.
+       * @param collection
+       * @returns Whether there have been elements appended.
        */
-      static translate(graph:yfiles.layout.LayoutGraph,dx:number,dy:number):void;
+      addAll(collection:yfiles.collections.ICollection<Object>):boolean;
       /**
        * 
-       * @type {yfiles.layout.ILayoutAlgorithm}
+       * @param index
+       * @param c
+       * @returns 
        */
-      coreLayout:yfiles.layout.ILayoutAlgorithm;
+      addAll(index:number,c:yfiles.collections.ICollection<Object>):boolean;
       /**
-       * Gets or sets the transformation operation.
-       * @throws {Stubs.Exceptions.ArgumentError} if the specified operation is unknown
-       * @type {yfiles.layout.OperationType}
+       * Inserts the given object at the head of this list.
+       * @param o
+       * @returns The newly created ListCell object that stores the given object.
        */
-      operation:yfiles.layout.OperationType;
+      addFirst(o:Object):yfiles.algorithms.ListCell;
       /**
-       * Gets or sets the angle of rotation.
+       * Adds a formerly removed ListCell object at the head of this list.
        * <p>
-       * The angle must be given in degrees.
+       * <b>Attention:</b> If the ListCell object is still part of any list, then that list will be corrupted afterwards.
        * </p>
-       * @see yfiles.layout.GraphTransformer#operation
-       * @see yfiles.layout.OperationType#ROTATE
+       * @param cell A list cell which is not part of any list.
+       */
+      addFirstCell(cell:yfiles.algorithms.ListCell):void;
+      /**
+       * Inserts the given object at the tail of this list.
+       * @param o
+       * @returns The newly created ListCell object that stores the given object.
+       */
+      addLast(o:Object):yfiles.algorithms.ListCell;
+      /**
+       * Adds a formerly removed ListCell object at the tail of this list.
+       * <p>
+       * <b>Attention:</b> If the ListCell object is still part of any list, then that list will be corrupted afterwards.
+       * </p>
+       * @param cell A list cell which is not part of any list.
+       */
+      addLastCell(cell:yfiles.algorithms.ListCell):void;
+      /**
+       * Removes all elements from this list.
+       */
+      clear():void;
+      /**
+       * Whether or not this list contains all the elements in the given collection.
+       * <p>
+       * Equality of elements is defined by the {@link Object#equals} method.
+       * </p>
+       * @param collection
+       * @returns 
+       */
+      containsAll(collection:yfiles.collections.ICollection<Object>):boolean;
+      /**
+       * Copies the elements of this collection to an array, starting at the specified array index.
+       * @param array The one-dimensional array that is the destination of the elements copied from this collection.
+       * @param arrayIndex The zero-based index in <code>array</code> at which copying begins.
+       */
+      copyTo(array:Object[],arrayIndex:number):void;
+      /**
+       * Returns a cursor for this list.
+       * <p>
+       * All cursor operations are supported. This cursor implementation is not fail-fast and continues to work if this list is
+       * modified during the traversal as long as the current ListCell the cursor points at is this in this list or has been
+       * removed from this list but has not been added to another instance since then.
+       * </p>
+       * @returns 
+       */
+      cursor():yfiles.algorithms.ICursor;
+      /**
+       * Returns the cyclic predecessor cell of the given list cell.
+       * <p>
+       * The last cell is returned as the cyclic predecessor of the first list cell.
+       * </p>
+       * @param c
+       * @returns 
+       */
+      cyclicPred(c:yfiles.algorithms.ListCell):yfiles.algorithms.ListCell;
+      /**
+       * Returns the cyclic successor cell of the given list cell.
+       * <p>
+       * The first cell is returned as the cyclic successor of the last list cell.
+       * </p>
+       * @param c
+       * @returns 
+       */
+      cyclicSucc(c:yfiles.algorithms.ListCell):yfiles.algorithms.ListCell;
+      /**
+       * Returns the i-th element of this list.
+       * @param i
+       * @returns 
+       */
+      elementAt(i:number):Object;
+      /**
+       * Returns the {@link yfiles.algorithms.ListCell} where object <code>o</code> is stored.
+       * <p>
+       * This operation returns <code>null</code>, if no such cell exists. Equality of elements is defined by the {@link Object#equals} method. The first
+       * element in the list that matches that criteria is returned.
+       * </p>
+       * @param o
+       * @returns the ListCell that contains the element or <code>null</code> if no such ListCell was found
+       */
+      findCell(o:Object):yfiles.algorithms.ListCell;
+      /**
+       * Gets the element at the specified index.
+       * @param index The zero-based index of the element to get or set.
+       * @returns The element at the specified index.
+       * @see yfiles.algorithms.YList#set
+       */
+      get(index:number):Object;
+      /**
+       * Gets the cell at the given index.
+       * @param index the zero-based index of the cell in this list.
+       * @returns The cell.
+       * @throws {Stubs.Exceptions.IndexOutOfRangeError} if the index is negative or greater or equal than the {@link yfiles.algorithms.YList#size}
+       */
+      getCell(index:number):yfiles.algorithms.ListCell;
+      /**
+       * Returns an enumerator that iterates through this collection.
+       * @returns An {@link } that can be used to iterate through this collection.
+       */
+      getEnumerator():yfiles.collections.IEnumerator<Object>;
+      /**
+       * Returns the element stored in the given list cell.
+       * @param c
+       * @returns 
+       */
+      getInfo(c:yfiles.algorithms.ListCell):Object;
+      /**
+       * Whether or not this list contains the given element.
+       * <p>
+       * Equality of elements is defined by the {@link Object#equals} method.
+       * </p>
+       * @param o
+       * @returns 
+       */
+      includes(o:Object):boolean;
+      /**
+       * Returns the zero-based index of the given element in this list.
+       * <p>
+       * If the given element is not in the list, -1 is returned.
+       * </p>
+       * @param obj
+       * @returns 
+       */
+      indexOf(obj:Object):number;
+      /**
+       * 
+       * @param index
+       * @param element
+       */
+      insert(index:number,element:Object):void;
+      /**
+       * Inserts the given object into this list with respect to a given reference list cell.
+       * <p>
+       * The (newly created) list cell that stores the object is inserted right after the reference list cell <code>refCell</code>.
+       * </p>
+       * <p>
+       * If <code>refCell == null</code>, the given object is inserted at the head of the list.
+       * </p>
+       * @param o The object to be inserted.
+       * @param refCell The list cell used to reference the position.
+       * @returns The newly created ListCell object that stores object <code>o</code>.
+       */
+      insertAfter(o:Object,refCell:yfiles.algorithms.ListCell):yfiles.algorithms.ListCell;
+      /**
+       * Inserts the given object into this list with respect to a given reference list cell.
+       * <p>
+       * The (newly created) list cell that stores the object is inserted right before the reference list cell <code>refCell</code>.
+       * </p>
+       * <p>
+       * If <code>refCell == null</code>, the given object is appended to the list.
+       * </p>
+       * @param o The object to be inserted.
+       * @param refCell The list cell used to reference the position.
+       * @returns The newly created ListCell object that stores object <code>o</code>.
+       */
+      insertBefore(o:Object,refCell:yfiles.algorithms.ListCell):yfiles.algorithms.ListCell;
+      /**
+       * Inserts a formerly removed ListCell object into this list with respect to a given reference list cell.
+       * <p>
+       * The ListCell object is inserted right after the reference list cell <code>refCell</code>.
+       * </p>
+       * <p>
+       * <b>Attention:</b> If the ListCell object is still part of any list, then that list will be corrupted afterwards.
+       * </p>
+       * @param cellToInsert A list cell which is not part of any list.
+       * @param refCell The list cell used to reference the position.
+       */
+      insertCellAfter(cellToInsert:yfiles.algorithms.ListCell,refCell:yfiles.algorithms.ListCell):void;
+      /**
+       * Inserts a formerly removed ListCell object into this list with respect to a given reference list cell.
+       * <p>
+       * The ListCell object is inserted right before the reference list cell <code>refCell</code>.
+       * </p>
+       * <p>
+       * <b>Attention:</b> If the ListCell object is still part of any list, then that list will be corrupted afterwards.
+       * </p>
+       * @param cellToInsert A list cell which is not part of any list.
+       * @param refCell The list cell used to reference the position.
+       */
+      insertCellBefore(cellToInsert:yfiles.algorithms.ListCell,refCell:yfiles.algorithms.ListCell):void;
+      /**
+       * Checks whether this list contains elements.
+       * @returns 
+       */
+      isEmpty():boolean;
+      /**
+       * 
+       * @param o
+       * @returns 
+       */
+      lastIndexOf(o:Object):number;
+      /**
+       * Equivalent to {@link yfiles.algorithms.YList#firstObject}.
+       * @returns 
+       */
+      peek():Object;
+      /**
+       * Removes the first element from this list and returns it.
+       * @returns 
+       */
+      pop():Object;
+      /**
+       * Removes the last element from this list and returns it.
+       * @returns 
+       */
+      popLast():Object;
+      /**
+       * Returns the predecessor cell of the given list cell.
+       * @param c
+       * @returns 
+       */
+      predCell(c:yfiles.algorithms.ListCell):yfiles.algorithms.ListCell;
+      /**
+       * Equivalent to {@link yfiles.algorithms.YList#addFirst}.
+       * @param o
+       * @returns 
+       */
+      push(o:Object):yfiles.algorithms.ListCell;
+      /**
+       * Removes the given object from this list.
+       * <p>
+       * Only the first element for which equality to <code>o</code> holds gets removed.
+       * </p>
+       * @param o
+       * @returns 
+       */
+      remove(o:Object):boolean;
+      /**
+       * Removes the given collection of objects from this list.
+       * @param collection
+       * @returns Whether there have been elements removed.
+       */
+      removeAll(collection:yfiles.collections.ICollection<Object>):boolean;
+      /**
+       * 
+       * @param index
+       */
+      removeAt(index:number):void;
+      /**
+       * Removes the element pointed to by the given YCursor object.
+       * @param c
+       * @returns The removed element.
+       */
+      removeAtCursor(c:yfiles.algorithms.ICursor):Object;
+      /**
+       * Removes the given list cell, and hence the element stored in it, from this list.
+       * @param c
+       * @returns The element that is stored in the removed cell.
+       */
+      removeCell(c:yfiles.algorithms.ListCell):Object;
+      /**
+       * Retains only those elements in this list which are contained in the given collection.
+       * @param collection
+       * @returns Whether there have been elements removed.
+       */
+      retainAll(collection:yfiles.collections.ICollection<Object>):boolean;
+      /**
+       * Reverses the sequence of elements in this list.
+       */
+      reverse():void;
+      /**
+       * Sets the element at the specified index.
+       * @param index The zero-based index of the element to get or set.
+       * @param value The element at the specified index.
+       * @see yfiles.algorithms.YList#get
+       */
+      set(index:number,value:Object):void;
+      /**
+       * Updates the element stored in the given list cell with the given object.
+       * @param c
+       * @param value
+       */
+      setInfo(c:yfiles.algorithms.ListCell,value:Object):void;
+      /**
+       * Sorts the elements in this list according to the given comparator.
+       * <p>
+       * NOTE: The elements will be assigned to different list cells by this method.
+       * </p>
+       * @param comparer
+       */
+      sort(comparer:yfiles.collections.IComparer<Object>):void;
+      /**
+       * Sorts the elements in this list into ascending order, according to their natural ordering.
+       * <p>
+       * All elements must implement the {@link yfiles.lang.IComparable} interface. Furthermore, all elements in this list must be
+       * mutually comparable (that is, <code>e1.compareTo(e2)</code> must not throw a ClassCastException for any elements <code>e1</code> and <code>e2</code> in this
+       * list).
+       * </p>
+       * <p>
+       * NOTE: The elements will be assigned to different list cells by this method.
+       * </p>
+       */
+      sort():void;
+      /**
+       * Transfers the contents of the given list to the end of this list.
+       * <p>
+       * The given list will be empty after this operation.
+       * </p>
+       * <p>
+       * Note that this operation transfers the list cells of the given list to this list. No new list cells are created by this
+       * operation.
+       * </p>
+       * @param list
+       */
+      splice(list:yfiles.algorithms.YList):void;
+      /**
+       * 
+       * @param fromIndex
+       * @param toIndex
+       * @returns 
+       */
+      subList(fromIndex:number,toIndex:number):yfiles.collections.IList<Object>;
+      /**
+       * Returns the successor cell of the given list cell.
+       * @param c
+       * @returns 
+       */
+      succCell(c:yfiles.algorithms.ListCell):yfiles.algorithms.ListCell;
+      /**
+       * Returns an array representation of this list.
+       * @returns 
+       */
+      toArray():Object[];
+      /**
+       * Gets the number of elements in this list.
        * @type {number}
        */
-      rotationAngle:number;
+      size:number;
       /**
-       * Gets or sets whether or not to automatically choose the best fitting rotation angle.
-       * <p>
-       * The angle will be chosen such that the bounding box after the rotation fits best to the {@link yfiles.layout.GraphTransformer#preferredLayoutSize preferred aspect ratio}.
-       * </p>
-       * @see yfiles.layout.GraphTransformer#operation
-       * @see yfiles.layout.OperationType#ROTATE
-       * @type {boolean}
+       * Gets the first element of this list.
+       * @type {Object}
        */
-      bestFitRotationEnabled:boolean;
+      firstObject:Object;
       /**
-       * Gets or sets the preferred height of the layout.
-       * <p>
-       * This value will be used for {@link yfiles.layout.GraphTransformer#bestFitRotationEnabled fitting the rotation} to preferred bounds.
-       * </p>
-       * <p>
-       * The preferred height needs to be non-negative.
-       * </p>
-       * @throws {Stubs.Exceptions.ArgumentError} if the specified height is negative
-       * @see yfiles.layout.GraphTransformer#preferredWidth
-       * @see yfiles.layout.GraphTransformer#bestFitRotationEnabled
-       * @see yfiles.layout.GraphTransformer#operation
-       * @see yfiles.layout.OperationType#ROTATE
-       * @type {number}
+       * Gets the last element of this list.
+       * @type {Object}
        */
-      preferredHeight:number;
+      lastObject:Object;
       /**
-       * Gets or sets the preferred width of the layout.
-       * <p>
-       * This value will be used for {@link yfiles.layout.GraphTransformer#bestFitRotationEnabled fitting the rotation} to preferred bounds.
-       * </p>
-       * <p>
-       * The preferred width needs to be non-negative.
-       * </p>
-       * @throws {Stubs.Exceptions.ArgumentError} if the specified width is negative
-       * @see yfiles.layout.GraphTransformer#preferredHeight
-       * @see yfiles.layout.GraphTransformer#bestFitRotationEnabled
-       * @see yfiles.layout.GraphTransformer#operation
-       * @see yfiles.layout.OperationType#ROTATE
-       * @type {number}
+       * Gets the first cell of this list.
+       * @type {yfiles.algorithms.ListCell}
        */
-      preferredWidth:number;
+      firstCell:yfiles.algorithms.ListCell;
       /**
-       * Gets or sets whether or not to also scale node sizes when performing the {@link yfiles.layout.OperationType#SCALE scale operation}.
-       * @see yfiles.layout.GraphTransformer#operation
-       * @see yfiles.layout.OperationType#SCALE
-       * @type {boolean}
+       * Gets the last cell of this list.
+       * @type {yfiles.algorithms.ListCell}
        */
-      scaleNodeSize:boolean;
-      /**
-       * Sets the uniform scaling factor used for the {@link yfiles.layout.OperationType#SCALE scale operation}.
-       * <p>
-       * This factor applies vertical and horizontal.
-       * </p>
-       * <p>
-       * Only positive scaling factors are allowed.
-       * </p>
-       * @throws {Stubs.Exceptions.ArgumentError} if the specified scaling factor is negative or <code>0</code>
-       * @see yfiles.layout.GraphTransformer#scaleFactorX
-       * @see yfiles.layout.GraphTransformer#scaleFactorY
-       * @see yfiles.layout.GraphTransformer#operation
-       * @see yfiles.layout.OperationType#SCALE
-       * @type {number}
-       */
-      scaleFactor:number;
-      /**
-       * Gets or sets the vertical scaling factor used for the {@link yfiles.layout.OperationType#SCALE scale operation}.
-       * <p>
-       * Only positive scaling factors are allowed.
-       * </p>
-       * @throws {Stubs.Exceptions.ArgumentError} if the specified scaling factor is negative or <code>0</code>
-       * @see yfiles.layout.GraphTransformer#scaleFactorX
-       * @see yfiles.layout.GraphTransformer#operation
-       * @see yfiles.layout.OperationType#SCALE
-       * @type {number}
-       */
-      scaleFactorY:number;
-      /**
-       * Gets or sets the horizontal scaling factor used for the {@link yfiles.layout.OperationType#SCALE scale operation}.
-       * <p>
-       * Only positive scaling factors are allowed.
-       * </p>
-       * @throws {Stubs.Exceptions.ArgumentError} if the specified scaling factor is negative or <code>0</code>
-       * @see yfiles.layout.GraphTransformer#scaleFactorY
-       * @see yfiles.layout.GraphTransformer#operation
-       * @see yfiles.layout.OperationType#SCALE
-       * @type {number}
-       */
-      scaleFactorX:number;
-      /**
-       * Gets or sets the horizontal translation distance.
-       * <p>
-       * A positive value means the graph is moved to the right while, a negative value means the graph is moved to the left.
-       * </p>
-       * @see yfiles.layout.GraphTransformer#translateY
-       * @see yfiles.layout.GraphTransformer#operation
-       * @see yfiles.layout.OperationType#TRANSLATE
-       * @type {number}
-       */
-      translateX:number;
-      /**
-       * Gets or sets the vertical translation distance.
-       * <p>
-       * A positive value means the graph is moved downwards, while a negative value means the graph is moved upwards.
-       * </p>
-       * @see yfiles.layout.GraphTransformer#translateX
-       * @see yfiles.layout.GraphTransformer#operation
-       * @see yfiles.layout.OperationType#TRANSLATE
-       * @type {number}
-       */
-      translateY:number;
+      lastCell:yfiles.algorithms.ListCell;
       static $class:yfiles.lang.Class;
     }
+  }export namespace layout{
     /**
      * {@link yfiles.layout.BendConverter} replaces edge bends with dummy nodes for the {@link yfiles.layout.BendConverter#coreLayout core layout algorithm}.
      * <p>
@@ -84487,27 +82575,24 @@ declare namespace system{
      * When the dummy elements have been inserted, edge information about {@link yfiles.layout.BendConverter#adoptPortConstraints port constraints}, {@link yfiles.layout.BendConverter#adoptEdgeGroups edge groups} and {@link yfiles.layout.BendConverter#adoptAffectedEdges selection state} can
      * be adopted from the original edges. That way, the {@link yfiles.layout.BendConverter#coreLayout core layout algorithm} can access the mentioned information.
      * </p>
-     * @class yfiles.layout.BendConverter
+     * @class
      * @implements {yfiles.layout.ILayoutStage}
      */
     export interface BendConverter extends Object,yfiles.layout.ILayoutStage{}
     export class BendConverter {
       /**
        * Creates a new {@link yfiles.layout.BendConverter} instance with the given size as the width and height for the dummy nodes.
-       * @param {number} size the size for the dummy nodes
+       * @param size the size for the dummy nodes
        * @throws {Stubs.Exceptions.ArgumentError} if the given size is negative
-       * @constructor
        */
       constructor(size:number);
       /**
        * Creates a new instance of {@link yfiles.layout.BendConverter} with the given {@link yfiles.layout.BendConverter#coreLayout core layout algorithm}.
-       * @param {yfiles.layout.ILayoutAlgorithm} core the core layout algorithm
-       * @constructor
+       * @param core the core layout algorithm
        */
       constructor(core:yfiles.layout.ILayoutAlgorithm);
       /**
        * Creates a new {@link yfiles.layout.BendConverter} instance with default settings.
-       * @constructor
        */
       constructor();
       /**
@@ -84519,9 +82604,9 @@ declare namespace system{
        * <p>
        * The current implementation does nothing.
        * </p>
-       * @param {yfiles.layout.LayoutGraph} graph the input graph
-       * @param {yfiles.algorithms.Edge} edge the edge whose bends were replaced by the given dummy nodes
-       * @param {yfiles.algorithms.NodeList} dummyNodes the dummy nodes representing the bends of the edge
+       * @param graph the input graph
+       * @param edge the edge whose bends were replaced by the given dummy nodes
+       * @param dummyNodes the dummy nodes representing the bends of the edge
        * @protected
        */
       addedPathForEdge(graph:yfiles.layout.LayoutGraph,edge:yfiles.algorithms.Edge,dummyNodes:yfiles.algorithms.NodeList):void;
@@ -84531,7 +82616,7 @@ declare namespace system{
        * After the {@link yfiles.layout.BendConverter#coreLayout core layout algorithm} has finished, the edges between the dummy nodes are reconnected and the dummy nodes are
        * replaced by bends again.
        * </p>
-       * @param {yfiles.layout.LayoutGraph} graph the input graph
+       * @param graph the input graph
        */
       applyLayout(graph:yfiles.layout.LayoutGraph):void;
       /**
@@ -84549,7 +82634,7 @@ declare namespace system{
        * {@link yfiles.layout.BendConverter#coreLayout core layout algorithm}. It may be overridden to extend the edge-specific information that should be adopted by the dummy
        * edges.
        * </p>
-       * @param {yfiles.layout.LayoutGraph} graph the input graph
+       * @param graph the input graph
        * @see yfiles.layout.BendConverter#restore
        * @see yfiles.layout.BendConverter#adoptAffectedEdges
        * @see yfiles.layout.BendConverter#adoptPortConstraints
@@ -84563,7 +82648,7 @@ declare namespace system{
        * This method is called by {@link yfiles.layout.BendConverter#applyLayout} after invoking the {@link yfiles.layout.BendConverter#coreLayout core layout algorithm}. It may be
        * overridden to clean up all additional information added in {@link yfiles.layout.BendConverter#prepare}.
        * </p>
-       * @param {yfiles.layout.LayoutGraph} graph the graph arranged by the {@link yfiles.layout.BendConverter#coreLayout core layout algorithm}
+       * @param graph the graph arranged by the {@link #coreLayout core layout algorithm}
        * @see yfiles.layout.BendConverter#prepare
        * @see yfiles.layout.BendConverter#adoptAffectedEdges
        * @see yfiles.layout.BendConverter#adoptPortConstraints
@@ -84633,15 +82718,14 @@ declare namespace system{
      * associated graph layout. This comes in handy if an application has its own graph and only provides a graph interface
      * adapter to the <em>yFiles</em> graph layout machinery.
      * </p>
-     * @class yfiles.layout.BufferedLayout
+     * @class
      * @extends {yfiles.layout.LayoutStageBase}
      */
     export interface BufferedLayout extends yfiles.layout.LayoutStageBase{}
     export class BufferedLayout {
       /**
        * Creates a new {@link yfiles.layout.BufferedLayout} instance using the given {@link yfiles.layout.LayoutStageBase#coreLayout core layout algorithm}.
-       * @param {yfiles.layout.ILayoutAlgorithm} [coreLayouter=null] the core layout routine
-       * @constructor
+       * @param [coreLayouter=null] the core layout routine
        */
       constructor(coreLayouter?:yfiles.layout.ILayoutAlgorithm);
       static $class:yfiles.lang.Class;
@@ -84690,15 +82774,14 @@ declare namespace system{
      * IDs to the nodes.
      * </p>
      * @see yfiles.layout.MultiStageLayout
-     * @class yfiles.layout.ComponentLayout
+     * @class
      * @extends {yfiles.layout.LayoutStageBase}
      */
     export interface ComponentLayout extends yfiles.layout.LayoutStageBase{}
     export class ComponentLayout {
       /**
        * Creates a new {@link yfiles.layout.ComponentLayout} instance with an optional {@link yfiles.layout.LayoutStageBase#coreLayout core layout algorithm}.
-       * @param {yfiles.layout.ILayoutAlgorithm} [coreLayouter=null] The core layout algortihm.
-       * @constructor
+       * @param [coreLayouter=null] The core layout algortihm.
        */
       constructor(coreLayouter?:yfiles.layout.ILayoutAlgorithm);
       /**
@@ -84708,14 +82791,16 @@ declare namespace system{
        * the graph's components such that their bounding boxes do not overlap. Subclasses may want to override this method to
        * introduce custom component arrangement styles.
        * </p>
-       * @param {yfiles.layout.LayoutGraph} graph the input graph
-       * @param {Array.<yfiles.algorithms.NodeList>} nodes the nodes of the components; the i-th list contains the nodes of the i-th component
-       * @param {Array.<yfiles.algorithms.EdgeList>} edges the edges of the components; the i-th list contains the edges of the i-th component
-       * @param {Array.<yfiles.algorithms.YRectangle>} bbox the bounds of the components; the i-th rectangle describes the bounding box of the i-th component
-       * @param {Array.<yfiles.algorithms.Rectangle2D>} boxes the extended bounds of the components; the i-th rectangle describes the bounding box of the i-th component extended by
+       * @param graph the input graph
+       * @param nodes the nodes of the components; the i-th list contains the nodes of the i-th component
+       * @param edges the edges of the components; the i-th list contains the edges of the i-th component
+       * @param bbox the bounds of the components; the i-th rectangle describes the bounding box of the i-th component
+       * @param boxes the extended bounds of the components; the i-th rectangle describes the bounding box of the i-th component extended by
        * the spacing between components. The method arranges these boxes in such a way that they do not overlap. Then, the i-th
        * graph component must be placed inside the i-th box
        * @see yfiles.layout.ComponentLayout#arrangeFields
+       * @see yfiles.layout.LayoutGraphUtilities#arrangeRectangleRows
+       * @see yfiles.layout.LayoutGraphUtilities#arrangeRectangleMultiRows
        * @protected
        */
       arrangeComponents(graph:yfiles.layout.LayoutGraph,nodes:yfiles.algorithms.NodeList[],edges:yfiles.algorithms.EdgeList[],bbox:yfiles.algorithms.YRectangle[],boxes:yfiles.algorithms.Rectangle2D[]):void;
@@ -84729,15 +82814,15 @@ declare namespace system{
        * {@link yfiles.layout.ComponentArrangementStyles#PACKED_COMPACT_CIRCLE}. It may be overridden to adjust the component arrangement
        * strategy of the mentioned styles.
        * </p>
-       * @param {yfiles.layout.LayoutGraph} graph the input graph
-       * @param {Array.<yfiles.algorithms.NodeList>} nodes the nodes of the components; the i-th list contains the nodes of the i-th component
-       * @param {Array.<yfiles.algorithms.EdgeList>} edges the edges of the components; the i-th list contains the edges of the i-th component
-       * @param {Array.<yfiles.algorithms.YRectangle>} bbox the bounds of the components; the i-th rectangle describes the bounding box of the i-th component
-       * @param {Array.<yfiles.algorithms.Rectangle2D>} boxes the extended bounds of the components; the i-th rectangle describes the bounding box of the i-th component
-       * @param {boolean} circular <code>true</code> if the arrangement should be circular, <code>false</code> if it should be rectangular
-       * @param {boolean} fill <code>true</code> if it is allowed to place components in empty spaces <em>inside other
+       * @param graph the input graph
+       * @param nodes the nodes of the components; the i-th list contains the nodes of the i-th component
+       * @param edges the edges of the components; the i-th list contains the edges of the i-th component
+       * @param bbox the bounds of the components; the i-th rectangle describes the bounding box of the i-th component
+       * @param boxes the extended bounds of the components; the i-th rectangle describes the bounding box of the i-th component
+       * @param circular <code>true</code> if the arrangement should be circular, <code>false</code> if it should be rectangular
+       * @param fill <code>true</code> if it is allowed to place components in empty spaces <em>inside other
        * components</em>, <code>false</code> otherwise
-       * @param {boolean} fromSketch <code>true</code> if the initial coordinates should be considered, <code>false</code> otherwise
+       * @param fromSketch <code>true</code> if the initial coordinates should be considered, <code>false</code> otherwise
        * @protected
        */
       arrangeFields(graph:yfiles.layout.LayoutGraph,nodes:yfiles.algorithms.NodeList[],edges:yfiles.algorithms.EdgeList[],bbox:yfiles.algorithms.YRectangle[],boxes:yfiles.algorithms.Rectangle2D[],circular:boolean,fill:boolean,fromSketch:boolean):void;
@@ -84748,8 +82833,8 @@ declare namespace system{
        * {@link yfiles.layout.ComponentLayout#considerLabels}, the returned bounding box will also include node and edge labels. It may be overridden to extend the bounds to reserve
        * space for other elements.
        * </p>
-       * @param {yfiles.layout.LayoutGraph} graph the subgraph containing the nodes and edges of a component
-       * @returns {yfiles.algorithms.Rectangle2D} the bounding box of the component
+       * @param graph the subgraph containing the nodes and edges of a component
+       * @returns the bounding box of the component
        * @see yfiles.layout.ComponentLayout#considerLabels
        * @protected
        */
@@ -84766,9 +82851,9 @@ declare namespace system{
        * {@link yfiles.layout.LayoutStageBase#coreLayout core layout algorithm}. However, most of the layout algorithms cannot handle disconnected graphs. Also, edges between
        * custom components will be ignored.
        * </p>
-       * @param {yfiles.layout.LayoutGraph} graph the input graph
-       * @param {yfiles.algorithms.INodeMap} compNumber a map that will be filled with the zero-based index of the component to which the node belongs
-       * @returns {number} the number of connected components of this graph
+       * @param graph the input graph
+       * @param compNumber a map that will be filled with the zero-based index of the component to which the node belongs
+       * @returns the number of connected components of this graph
        * @see yfiles.algorithms.GraphConnectivity#connectedComponents
        * @protected
        */
@@ -84779,11 +82864,11 @@ declare namespace system{
        * This method is called by {@link yfiles.layout.ComponentLayout#arrangeComponents} and {@link yfiles.layout.ComponentLayout#arrangeFields}
        * to move the components to overlap-free positions.
        * </p>
-       * @param {yfiles.layout.LayoutGraph} graph the input graph
-       * @param {yfiles.algorithms.NodeList} nodes the nodes in the moving subgraph
-       * @param {yfiles.algorithms.EdgeList} edges the edges in the moving subgraph
-       * @param {yfiles.algorithms.YPoint} origin the new origin of the graph
-       * @param {yfiles.algorithms.YRectangle} rectangle the current bounds of the subgraph
+       * @param graph the input graph
+       * @param nodes the nodes in the moving subgraph
+       * @param edges the edges in the moving subgraph
+       * @param origin the new origin of the graph
+       * @param rectangle the current bounds of the subgraph
        * @protected
        */
       setOrigin(graph:yfiles.layout.LayoutGraph,nodes:yfiles.algorithms.NodeList,edges:yfiles.algorithms.EdgeList,origin:yfiles.algorithms.YPoint,rectangle:yfiles.algorithms.YRectangle):void;
@@ -84887,7 +82972,7 @@ declare namespace system{
      * Note that the pipeline only works when all {@link yfiles.layout.ILayoutStage}s call their core layout algorithm which is the
      * next {@link yfiles.layout.ILayoutStage} in the pipeline.
      * </p>
-     * @class yfiles.layout.CompositeLayoutStage
+     * @class
      * @extends {yfiles.layout.LayoutStageBase}
      */
     export interface CompositeLayoutStage extends yfiles.layout.LayoutStageBase{}
@@ -84897,14 +82982,12 @@ declare namespace system{
        * <p>
        * The inner {@link yfiles.layout.ILayoutStage} will be wrapped by the outer {@link yfiles.layout.ILayoutStage}.
        * </p>
-       * @param {yfiles.layout.ILayoutStage} outerStage the wrapping {@link yfiles.layout.ILayoutStage}
-       * @param {yfiles.layout.ILayoutStage} innerStage the wrapped {@link yfiles.layout.ILayoutStage}
-       * @constructor
+       * @param outerStage the wrapping {@link }
+       * @param innerStage the wrapped {@link }
        */
       constructor(outerStage:yfiles.layout.ILayoutStage,innerStage:yfiles.layout.ILayoutStage);
       /**
        * Creates a new {@link yfiles.layout.CompositeLayoutStage} instance with an empty pipeline.
-       * @constructor
        */
       constructor();
       /**
@@ -84914,7 +82997,7 @@ declare namespace system{
        * pre-processing code will be executed after the already added {@link yfiles.layout.ILayoutStage}s' pre-processing code, while its
        * post-processing code will be executed before the post-processing code of all the other {@link yfiles.layout.ILayoutStage}s.
        * </p>
-       * @param {yfiles.layout.ILayoutStage} stage the stage to append
+       * @param stage the stage to append
        */
       appendStage(stage:yfiles.layout.ILayoutStage):void;
       /**
@@ -84924,7 +83007,7 @@ declare namespace system{
        * code will be executed before the already added {@link yfiles.layout.ILayoutStage}s' pre-processing code, while its
        * post-processing code will be executed after the post-processing code of all the other {@link yfiles.layout.ILayoutStage}s.
        * </p>
-       * @param {yfiles.layout.ILayoutStage} stage the stage to prepend
+       * @param stage the stage to prepend
        */
       prependStage(stage:yfiles.layout.ILayoutStage):void;
       /**
@@ -84960,15 +83043,14 @@ declare namespace system{
      * original graph. The original graph will stay unchanged until this method is called.
      * </p>
      * @see yfiles.layout.BufferedLayout
-     * @class yfiles.layout.CopiedLayoutGraph
+     * @class
      * @extends {yfiles.layout.LayoutGraph}
      */
     export interface CopiedLayoutGraph extends yfiles.layout.LayoutGraph{}
     export class CopiedLayoutGraph {
       /**
        * Creates a new {@link yfiles.layout.CopiedLayoutGraph} instance which is a copy of the given graph.
-       * @param {yfiles.layout.LayoutGraph} graph the original graph
-       * @constructor
+       * @param graph the original graph
        */
       constructor(graph:yfiles.layout.LayoutGraph);
       /**
@@ -84988,8 +83070,8 @@ declare namespace system{
        * <p>
        * This method can be used for keeping the {@link yfiles.layout.CopiedLayoutGraph} in sync with the original graph.
        * </p>
-       * @param {Object} originalEdge the original edge
-       * @returns {yfiles.algorithms.Edge} the copy of the original edge
+       * @param originalEdge the original edge
+       * @returns the copy of the original edge
        */
       createCopiedEdge(originalEdge:Object):yfiles.algorithms.Edge;
       /**
@@ -85004,32 +83086,32 @@ declare namespace system{
        * <p>
        * This method can be used for keeping the {@link yfiles.layout.CopiedLayoutGraph} in sync with the original graph.
        * </p>
-       * @param {Object} originalNode the original node
-       * @returns {yfiles.algorithms.Node} the copy of the original node
+       * @param originalNode the original node
+       * @returns the copy of the original node
        */
       createCopiedNode(originalNode:Object):yfiles.algorithms.Node;
       /**
        * Returns the copied edge that corresponds to the given original edge.
-       * @param {Object} originalEdge an edge of the original graph whose copy resides in this graph
-       * @returns {yfiles.algorithms.Edge} an edge in this graph that is the copy of the given original edge
+       * @param originalEdge an edge of the original graph whose copy resides in this graph
+       * @returns an edge in this graph that is the copy of the given original edge
        */
       getCopiedEdge(originalEdge:Object):yfiles.algorithms.Edge;
       /**
        * Returns the copied node that corresponds to the given original node.
-       * @param {Object} originalNode a node of the original graph whose copy resides in this graph
-       * @returns {yfiles.algorithms.Node} a node in this graph that is the copy of the given original node
+       * @param originalNode a node of the original graph whose copy resides in this graph
+       * @returns a node in this graph that is the copy of the given original node
        */
       getCopiedNode(originalNode:Object):yfiles.algorithms.Node;
       /**
        * Returns the original edge that corresponds to the given copied edge.
-       * @param {yfiles.algorithms.Edge} copiedEdge the edge in this graph that is a copy of the returned edge
-       * @returns {Object} the edge in the original graph whose copy is the given edge
+       * @param copiedEdge the edge in this graph that is a copy of the returned edge
+       * @returns the edge in the original graph whose copy is the given edge
        */
       getOriginalEdge(copiedEdge:yfiles.algorithms.Edge):Object;
       /**
        * Returns the original node that corresponds to the given copied node.
-       * @param {yfiles.algorithms.Node} copiedNode the node in this graph that is a copy of the returned node
-       * @returns {Object} the node in the original graph whose copy is the given node
+       * @param copiedNode the node in this graph that is a copy of the returned node
+       * @returns the node in the original graph whose copy is the given node
        */
       getOriginalNode(copiedNode:yfiles.algorithms.Node):Object;
       /**
@@ -85079,15 +83161,14 @@ declare namespace system{
      * sub-set of edges can be changed. Use a {@link yfiles.algorithms.IDataProvider} registered with the specified {@link yfiles.layout.CurveFittingLayoutStage#affectedEdgesDpKey selection key} to
      * mark edges which should be part of the considered sub-set.
      * </p>
-     * @class yfiles.layout.CurveFittingLayoutStage
+     * @class
      * @extends {yfiles.layout.LayoutStageBase}
      */
     export interface CurveFittingLayoutStage extends yfiles.layout.LayoutStageBase{}
     export class CurveFittingLayoutStage {
       /**
        * Creates a new {@link yfiles.layout.CurveFittingLayoutStage} with an optional {@link yfiles.layout.LayoutStageBase#coreLayout core layout algorithm}.
-       * @param {yfiles.layout.ILayoutAlgorithm} [core=null] The core layout algorithm.
-       * @constructor
+       * @param [core=null] The core layout algorithm.
        */
       constructor(core?:yfiles.layout.ILayoutAlgorithm);
       /**
@@ -85141,27 +83222,24 @@ declare namespace system{
     /**
      * {@link yfiles.layout.DefaultLayoutGraph} is a default implementation of {@link yfiles.layout.LayoutGraph} which holds the complete
      * layout information about the graph and its elements.
-     * @class yfiles.layout.DefaultLayoutGraph
+     * @class
      * @extends {yfiles.layout.LayoutGraph}
      */
     export interface DefaultLayoutGraph extends yfiles.layout.LayoutGraph{}
     export class DefaultLayoutGraph {
       /**
        * Creates a new {@link yfiles.layout.DefaultLayoutGraph} instance which is a copy of the given subgraph.
-       * @param {yfiles.layout.LayoutGraph} graph the original graph
-       * @param {yfiles.algorithms.ICursor} nodeSubset the nodes that induce a subgraph of the original graph
-       * @constructor
+       * @param graph the original graph
+       * @param nodeSubset the nodes that induce a subgraph of the original graph
        */
       constructor(graph:yfiles.layout.LayoutGraph,nodeSubset:yfiles.algorithms.ICursor);
       /**
        * Creates a new {@link yfiles.layout.DefaultLayoutGraph} instance which is a copy of the given graph.
-       * @param {yfiles.layout.LayoutGraph} argGraph the original graph
-       * @constructor
+       * @param argGraph the original graph
        */
       constructor(argGraph:yfiles.layout.LayoutGraph);
       /**
        * Creates a new {@link yfiles.layout.DefaultLayoutGraph} instance with default settings.
-       * @constructor
        */
       constructor();
       /**
@@ -85170,7 +83248,7 @@ declare namespace system{
        * This method is called by {@link yfiles.layout.DefaultLayoutGraph#getLayout} if there is no layout information assigned to an
        * edge, yet. It may be overridden to create custom {@link yfiles.layout.IEdgeLayout}s.
        * </p>
-       * @returns {yfiles.layout.IEdgeLayout} the layout of an edge
+       * @returns the layout of an edge
        * @protected
        */
       createEdgeLayout():yfiles.layout.IEdgeLayout;
@@ -85180,7 +83258,7 @@ declare namespace system{
        * This method is called by {@link yfiles.layout.DefaultLayoutGraph#getLayout} if there is no layout information assigned to a
        * node, yet. It may be overridden to create custom {@link yfiles.layout.INodeLayout}s.
        * </p>
-       * @returns {yfiles.layout.INodeLayout} the layout of a node
+       * @returns the layout of a node
        * @protected
        */
       createNodeLayout():yfiles.layout.INodeLayout;
@@ -85189,8 +83267,8 @@ declare namespace system{
        * <p>
        * The layout information consists of the location, size and orientation of the label.
        * </p>
-       * @param {yfiles.algorithms.Edge} edge the edge
-       * @param {Array.<yfiles.layout.IEdgeLabelLayout>} layout the layout information for the labels of the edge
+       * @param edge the edge
+       * @param layout the layout information for the labels of the edge
        */
       setLabelLayout(edge:yfiles.algorithms.Edge,layout:yfiles.layout.IEdgeLabelLayout[]):void;
       /**
@@ -85198,8 +83276,8 @@ declare namespace system{
        * <p>
        * The layout information consists of the location, size and orientation of the label.
        * </p>
-       * @param {yfiles.algorithms.Node} node the node
-       * @param {Array.<yfiles.layout.INodeLabelLayout>} layout the layout information for the labels of the node
+       * @param node the node
+       * @param layout the layout information for the labels of the node
        */
       setLabelLayout(node:yfiles.algorithms.Node,layout:yfiles.layout.INodeLabelLayout[]):void;
       /**
@@ -85207,8 +83285,8 @@ declare namespace system{
        * <p>
        * The layout information consists of the location, size and orientation of the label.
        * </p>
-       * @param {yfiles.algorithms.Node} node the node
-       * @param {yfiles.layout.INodeLabelLayout} layout the layout information for the label of the node
+       * @param node the node
+       * @param layout the layout information for the label of the node
        */
       setLabelLayout(node:yfiles.algorithms.Node,layout:yfiles.layout.INodeLabelLayout):void;
       /**
@@ -85216,8 +83294,8 @@ declare namespace system{
        * <p>
        * The layout information consists of the locations of the control and end points of the edge.
        * </p>
-       * @param {yfiles.algorithms.Edge} edge the edge
-       * @param {yfiles.layout.IEdgeLayout} layout the layout information for the edge
+       * @param edge the edge
+       * @param layout the layout information for the edge
        */
       setLayout(edge:yfiles.algorithms.Edge,layout:yfiles.layout.IEdgeLayout):void;
       /**
@@ -85225,8 +83303,8 @@ declare namespace system{
        * <p>
        * The layout information consists of the location and size of the node.
        * </p>
-       * @param {yfiles.algorithms.Node} node the node
-       * @param {yfiles.layout.INodeLayout} layout the layout information for the node
+       * @param node the node
+       * @param layout the layout information for the node
        */
       setLayout(node:yfiles.algorithms.Node,layout:yfiles.layout.INodeLayout):void;
       /**
@@ -85255,15 +83333,15 @@ declare namespace system{
     }
     /**
      * {@link yfiles.layout.Direction} provides four main directions and some methods to work with them.
-     * @class yfiles.layout.Direction
+     * @class
      * @final
      */
     export interface Direction extends Object{}
     export class Direction {
       /**
        * Returns the direction encoded as an integer value.
-       * @returns {number} <code>0</code> for direction {@link yfiles.layout.Direction#UP}, <code>1</code> for {@link yfiles.layout.Direction#RIGHT}, <code>2</code> for {@link yfiles.layout.Direction#DOWN}, and
-       * <code>3</code> for {@link yfiles.layout.Direction#LEFT}
+       * @returns <code>0</code> for direction {@link #UP}, <code>1</code> for {@link #RIGHT}, <code>2</code> for {@link #DOWN}, and
+       * <code>3</code> for {@link #LEFT}
        */
       getDirection():number;
       /**
@@ -85349,7 +83427,7 @@ declare namespace system{
      * Furthermore, there's the possibility to mask out arbitrary edge label candidates. This can either be done by specifying
      * predefined candidate masks or combining several label positions with a logical <code>or</code>-operation to a user-defined mask.
      * </p>
-     * @class yfiles.layout.DiscreteEdgeLabelLayoutModel
+     * @class
      * @implements {yfiles.layout.IEdgeLabelLayoutModel}
      */
     export interface DiscreteEdgeLabelLayoutModel extends Object,yfiles.layout.IEdgeLabelLayoutModel{}
@@ -85359,22 +83437,20 @@ declare namespace system{
        * <p>
        * The candidates mask can either describe multiple or single valid positions.
        * </p>
-       * @param {yfiles.layout.DiscreteEdgeLabelPositions} candidateMask the position mask that defines the allowed positions for an edge label
-       * @constructor
+       * @param candidateMask the position mask that defines the allowed positions for an edge label
        */
       constructor(candidateMask:yfiles.layout.DiscreteEdgeLabelPositions);
       /**
        * Creates a new instance of {@link yfiles.layout.DiscreteEdgeLabelLayoutModel} with default settings.
-       * @constructor
        */
       constructor();
       /**
        * 
-       * @param {yfiles.algorithms.YOrientedRectangle} labelBounds
-       * @param {yfiles.layout.IEdgeLayout} edgeLayout
-       * @param {yfiles.layout.INodeLayout} sourceNode
-       * @param {yfiles.layout.INodeLayout} targetNode
-       * @returns {Object} 
+       * @param labelBounds
+       * @param edgeLayout
+       * @param sourceNode
+       * @param targetNode
+       * @returns 
        */
       createModelParameter(labelBounds:yfiles.algorithms.YOrientedRectangle,edgeLayout:yfiles.layout.IEdgeLayout,sourceNode:yfiles.layout.INodeLayout,targetNode:yfiles.layout.INodeLayout):Object;
       /**
@@ -85383,29 +83459,29 @@ declare namespace system{
        * This model parameter can be passed to {@link yfiles.layout.DiscreteEdgeLabelLayoutModel#getLabelPlacement} to determine the
        * label's position.
        * </p>
-       * @param {number} position one of the valid positions
-       * @returns {Object} a model parameter that encodes the specified position
+       * @param position one of the valid positions
+       * @returns a model parameter that encodes the specified position
        * @throws {Stubs.Exceptions.ArgumentError} if the specified position is unknown
        * @static
        */
       static createPositionParameter(position:number):Object;
       /**
        * 
-       * @param {yfiles.layout.IEdgeLabelLayout} label
-       * @param {yfiles.layout.IEdgeLayout} edgeLayout
-       * @param {yfiles.layout.INodeLayout} sourceNode
-       * @param {yfiles.layout.INodeLayout} targetNode
-       * @returns {yfiles.algorithms.YList} 
+       * @param label
+       * @param edgeLayout
+       * @param sourceNode
+       * @param targetNode
+       * @returns 
        */
       getLabelCandidates(label:yfiles.layout.IEdgeLabelLayout,edgeLayout:yfiles.layout.IEdgeLayout,sourceNode:yfiles.layout.INodeLayout,targetNode:yfiles.layout.INodeLayout):yfiles.algorithms.YList;
       /**
        * 
-       * @param {yfiles.algorithms.YDimension} labelSize
-       * @param {yfiles.layout.IEdgeLayout} edgeLayout
-       * @param {yfiles.layout.INodeLayout} sourceNode
-       * @param {yfiles.layout.INodeLayout} targetNode
-       * @param {Object} param
-       * @returns {yfiles.algorithms.YOrientedRectangle} 
+       * @param labelSize
+       * @param edgeLayout
+       * @param sourceNode
+       * @param targetNode
+       * @param param
+       * @returns 
        */
       getLabelPlacement(labelSize:yfiles.algorithms.YDimension,edgeLayout:yfiles.layout.IEdgeLayout,sourceNode:yfiles.layout.INodeLayout,targetNode:yfiles.layout.INodeLayout,param:Object):yfiles.algorithms.YOrientedRectangle;
       /**
@@ -85414,19 +83490,19 @@ declare namespace system{
        * This method is called by {@link yfiles.layout.DiscreteEdgeLabelLayoutModel#getLabelPlacement} and {@link yfiles.layout.DiscreteEdgeLabelLayoutModel#getLabelCandidates}
        * to retrieve a valid position.
        * </p>
-       * @param {yfiles.algorithms.YDimension} labelSize the size of the label that should be placed
-       * @param {yfiles.layout.IEdgeLayout} edgeLayout the layout of the edge to which the label belongs
-       * @param {yfiles.layout.INodeLayout} sourceLayout the layout of the source node of the label-owning edge
-       * @param {yfiles.layout.INodeLayout} targetLayout the layout of the target node of the label-owning edge
-       * @param {yfiles.layout.DiscreteEdgeLabelPositions} position the label position that is valid in this model
-       * @returns {yfiles.algorithms.YOrientedRectangle} the oriented box of the label
+       * @param labelSize the size of the label that should be placed
+       * @param edgeLayout the layout of the edge to which the label belongs
+       * @param sourceLayout the layout of the source node of the label-owning edge
+       * @param targetLayout the layout of the target node of the label-owning edge
+       * @param position the label position that is valid in this model
+       * @returns the oriented box of the label
        * @protected
        */
       getLabelPlacementForPosition(labelSize:yfiles.algorithms.YDimension,edgeLayout:yfiles.layout.IEdgeLayout,sourceLayout:yfiles.layout.INodeLayout,targetLayout:yfiles.layout.INodeLayout,position:yfiles.layout.DiscreteEdgeLabelPositions):yfiles.algorithms.YOrientedRectangle;
       /**
        * Returns the position specifier that is encoded by the given model parameter.
-       * @param {Object} parameter the model parameter
-       * @returns {number} the position specifier
+       * @param parameter the model parameter
+       * @returns the position specifier
        * @throws {Stubs.Exceptions.ArgumentError} if the specified model parameter is not valid for this model
        * @static
        */
@@ -85436,8 +83512,8 @@ declare namespace system{
        * <p>
        * If the model parameter describes a position that is accepted by the candidate mask, this is a valid parameter.
        * </p>
-       * @param {Object} parameter the model parameter
-       * @returns {boolean} <code>true</code> if the label position described by the given model parameter is allowed, <code>false</code> otherwise
+       * @param parameter the model parameter
+       * @returns <code>true</code> if the label position described by the given model parameter is allowed, <code>false</code> otherwise
        */
       isParameterValid(parameter:Object):boolean;
       /**
@@ -85516,7 +83592,7 @@ declare namespace system{
      * Furthermore, there's the possibility to mask out arbitrary node label candidates. This can either be done by specifying
      * predefined candidate masks or a combination of valid positions of this model using a logical <code>or</code>-operation.
      * </p>
-     * @class yfiles.layout.DiscreteNodeLabelLayoutModel
+     * @class
      * @implements {yfiles.layout.INodeLabelLayoutModel}
      */
     export interface DiscreteNodeLabelLayoutModel extends Object,yfiles.layout.INodeLabelLayoutModel{}
@@ -85526,36 +83602,34 @@ declare namespace system{
        * <p>
        * The specified mask can also describe a single position.
        * </p>
-       * @param {yfiles.layout.DiscreteNodeLabelPositions} candidateMask the position mask that defines the allowed positions for a node label
-       * @param {number} [inset=4.0] the inset value that defines the internal label distance to the node's border
-       * @constructor
+       * @param candidateMask the position mask that defines the allowed positions for a node label
+       * @param [inset=4.0] the inset value that defines the internal label distance to the node's border
        */
       constructor(candidateMask:yfiles.layout.DiscreteNodeLabelPositions,inset?:number);
       /**
        * Creates a new instance of {@link yfiles.layout.DiscreteNodeLabelLayoutModel} with default settings.
-       * @constructor
        */
       constructor();
       /**
        * 
-       * @param {yfiles.algorithms.YOrientedRectangle} labelBounds
-       * @param {yfiles.layout.INodeLayout} nodeLayout
-       * @returns {Object} 
+       * @param labelBounds
+       * @param nodeLayout
+       * @returns 
        */
       createModelParameter(labelBounds:yfiles.algorithms.YOrientedRectangle,nodeLayout:yfiles.layout.INodeLayout):Object;
       /**
        * 
-       * @param {yfiles.layout.INodeLabelLayout} labelLayout
-       * @param {yfiles.layout.INodeLayout} nodeLayout
-       * @returns {yfiles.algorithms.YList} 
+       * @param labelLayout
+       * @param nodeLayout
+       * @returns 
        */
       getLabelCandidates(labelLayout:yfiles.layout.INodeLabelLayout,nodeLayout:yfiles.layout.INodeLayout):yfiles.algorithms.YList;
       /**
        * 
-       * @param {yfiles.algorithms.YDimension} labelSize
-       * @param {yfiles.layout.INodeLayout} nodeLayout
-       * @param {Object} parameter
-       * @returns {yfiles.algorithms.YOrientedRectangle} 
+       * @param labelSize
+       * @param nodeLayout
+       * @param parameter
+       * @returns 
        */
       getLabelPlacement(labelSize:yfiles.algorithms.YDimension,nodeLayout:yfiles.layout.INodeLayout,parameter:Object):yfiles.algorithms.YOrientedRectangle;
       /**
@@ -85564,10 +83638,10 @@ declare namespace system{
        * This method is called by {@link yfiles.layout.DiscreteNodeLabelLayoutModel#getLabelPlacement} and {@link yfiles.layout.DiscreteNodeLabelLayoutModel#getLabelCandidates}
        * to retrieve a valid position.
        * </p>
-       * @param {yfiles.algorithms.YDimension} labelSize the size of the label that should be placed
-       * @param {yfiles.layout.INodeLayout} nodeLayout the layout of the node to which the label belongs
-       * @param {yfiles.layout.DiscreteNodeLabelPositions} position the label position that is valid in this model
-       * @returns {yfiles.algorithms.YOrientedRectangle} the oriented box of the label
+       * @param labelSize the size of the label that should be placed
+       * @param nodeLayout the layout of the node to which the label belongs
+       * @param position the label position that is valid in this model
+       * @returns the oriented box of the label
        * @protected
        */
       getLabelPlacementForPosition(labelSize:yfiles.algorithms.YDimension,nodeLayout:yfiles.layout.INodeLayout,position:yfiles.layout.DiscreteNodeLabelPositions):yfiles.algorithms.YOrientedRectangle;
@@ -85576,8 +83650,8 @@ declare namespace system{
        * <p>
        * If the model parameter describes a position that is accepted by the candidate mask, this is a valid parameter.
        * </p>
-       * @param {Object} parameter the model parameter
-       * @returns {boolean} <code>true</code> if the label position described by the given model parameter is allowed, <code>false</code> otherwise
+       * @param parameter the model parameter
+       * @returns <code>true</code> if the label position described by the given model parameter is allowed, <code>false</code> otherwise
        */
       isParameterValid(parameter:Object):boolean;
       /**
@@ -85625,19 +83699,17 @@ declare namespace system{
      * </p>
      * @see yfiles.layout.EdgeBundling
      * @see yfiles.layout.EdgeBundling#EDGE_BUNDLE_DESCRIPTOR_DP_KEY
-     * @class yfiles.layout.EdgeBundleDescriptor
+     * @class
      */
     export interface EdgeBundleDescriptor extends Object{}
     export class EdgeBundleDescriptor {
       /**
        * Creates a new {@link yfiles.layout.EdgeBundleDescriptor} representing a copy of the given other descriptor instance.
-       * @param {yfiles.layout.EdgeBundleDescriptor} descriptor the descriptor to copy
-       * @constructor
+       * @param descriptor the descriptor to copy
        */
       constructor(descriptor:yfiles.layout.EdgeBundleDescriptor);
       /**
        * Creates a new {@link yfiles.layout.EdgeBundleDescriptor} with default settings.
-       * @constructor
        */
       constructor();
       /**
@@ -85649,7 +83721,7 @@ declare namespace system{
        * </p>
        * <p>
        * If the direction of some edges is taken into consideration while the direction of some others (adjacent to the same
-       * node) is ignored, the undirected edges are also bundled separately. This is done to distinguished them from the incoming
+       * node) is ignored, the undirected edges are also bundled separately. This is done to distinguish them from the incoming
        * and outgoing edges of the particular node.
        * </p>
        * @type {boolean}
@@ -85695,21 +83767,19 @@ declare namespace system{
      * </p>
      * @see yfiles.layout.EdgeBundleDescriptor
      * @see yfiles.circular.CircularLayout#edgeBundling
-     * @class yfiles.layout.EdgeBundling
+     * @class
      */
     export interface EdgeBundling extends Object{}
     export class EdgeBundling {
       /**
        * Creates a new {@link yfiles.layout.EdgeBundling} instance with the given {@link yfiles.layout.EdgeBundling#bundlingStrength bundling strength} and {@link yfiles.layout.EdgeBundling#bundlingQuality bundling quality}.
-       * @param {number} bundlingStrength the bundling strength from the interval <code>[0,1]</code>
-       * @param {number} bundlingQuality the bundling quality from the interval <code>[0,1]</code>
+       * @param bundlingStrength the bundling strength from the interval <code>[0,1]</code>
+       * @param bundlingQuality the bundling quality from the interval <code>[0,1]</code>
        * @throws {Stubs.Exceptions.ArgumentError} if the given bundling strength or quality is not within <code>[0,1]</code>
-       * @constructor
        */
       constructor(bundlingStrength:number,bundlingQuality:number);
       /**
        * Creates a new {@link yfiles.layout.EdgeBundling} instance with default settings.
-       * @constructor
        */
       constructor();
       /**
@@ -85767,7 +83837,7 @@ declare namespace system{
     }
     /**
      * An {@link yfiles.layout.EdgeLabelCandidate} describes one valid placement for an edge label considering the label model.
-     * @class yfiles.layout.EdgeLabelCandidate
+     * @class
      * @extends {yfiles.layout.LabelCandidate}
      */
     export interface EdgeLabelCandidate extends yfiles.layout.LabelCandidate{}
@@ -85775,21 +83845,19 @@ declare namespace system{
       /**
        * Creates a new instance of {@link yfiles.layout.EdgeLabelCandidate} described by location, size, model parameter and internal
        * flag.
-       * @param {yfiles.algorithms.YPoint} pos the location of the upper left corner of the candidate
-       * @param {yfiles.algorithms.YDimension} size the size of the candidate
-       * @param {Object} param the parameters of the label model associated with this candidate
-       * @param {yfiles.layout.IEdgeLabelLayout} owner the label associated with the candidate
-       * @param {boolean} [internal=false] <code>true</code> if the candidate is allowed to overlap with its owner, <code>false</code> otherwise
-       * @constructor
+       * @param pos the location of the upper left corner of the candidate
+       * @param size the size of the candidate
+       * @param param the parameters of the label model associated with this candidate
+       * @param owner the label associated with the candidate
+       * @param [internal=false] <code>true</code> if the candidate is allowed to overlap with its owner, <code>false</code> otherwise
        */
       constructor(pos:yfiles.algorithms.YPoint,size:yfiles.algorithms.YDimension,param:Object,owner:yfiles.layout.IEdgeLabelLayout,internal?:boolean);
       /**
        * Creates a new instance of {@link yfiles.layout.EdgeLabelCandidate} described by its box, model parameter and internal flag.
-       * @param {yfiles.algorithms.YOrientedRectangle} labelBox the box that specifies the candidate's size and position
-       * @param {Object} param the parameters of the label model associated with this candidate
-       * @param {yfiles.layout.IEdgeLabelLayout} owner the label associated with the candidate
-       * @param {boolean} [internal=false] <code>true</code> if the candidate is allowed to overlap with its owner, <code>false</code> otherwise
-       * @constructor
+       * @param labelBox the box that specifies the candidate's size and position
+       * @param param the parameters of the label model associated with this candidate
+       * @param owner the label associated with the candidate
+       * @param [internal=false] <code>true</code> if the candidate is allowed to overlap with its owner, <code>false</code> otherwise
        */
       constructor(labelBox:yfiles.algorithms.YOrientedRectangle,param:Object,owner:yfiles.layout.IEdgeLabelLayout,internal?:boolean);
       static $class:yfiles.lang.Class;
@@ -85809,14 +83877,13 @@ declare namespace system{
      * descriptors (combinations of the same setting, e.g., source or target for the {@link yfiles.layout.PreferredPlacementDescriptor#placeAlongEdge}), {@link yfiles.layout.EdgeLabelOrientationSupport#preProcessLabel}
      * removes combinations and replaces the original descriptor with a <em>non-ambiguous</em> one during the layout calculation.
      * </p>
-     * @class yfiles.layout.EdgeLabelOrientationSupport
+     * @class
      */
     export interface EdgeLabelOrientationSupport extends Object{}
     export class EdgeLabelOrientationSupport {
       /**
        * Creates a new {@link yfiles.layout.EdgeLabelOrientationSupport} instance.
        * @see yfiles.layout.OrientationLayout#considerEdgeLabels
-       * @constructor
        */
       constructor();
       /**
@@ -85824,17 +83891,17 @@ declare namespace system{
        * <p>
        * The created descriptor will be one without any combinations of settings, e.g., source or target for the {@link yfiles.layout.PreferredPlacementDescriptor#placeAlongEdge}.
        * </p>
-       * @param {yfiles.layout.PreferredPlacementDescriptor} ambiguous an ambiguous {@link yfiles.layout.PreferredPlacementDescriptor}
-       * @returns {yfiles.layout.PreferredPlacementDescriptor} a non-ambiguous version of the given ambiguous {@link yfiles.layout.PreferredPlacementDescriptor}
+       * @param ambiguous an ambiguous {@link }
+       * @returns a non-ambiguous version of the given ambiguous {@link }
        * @protected
        */
       createNonAmbiguous(ambiguous:yfiles.layout.PreferredPlacementDescriptor):yfiles.layout.PreferredPlacementDescriptor;
       /**
        * Calculates the up vector of an edge label considering the preferred placement of the label as well as the direction of
        * the edge segment the label is attached to.
-       * @param {yfiles.layout.PreferredPlacementDescriptor} descriptor the data describing the preferred label orientation
-       * @param {yfiles.layout.Direction} segmentDirection the direction the edge segment is pointing to
-       * @returns {yfiles.algorithms.YVector} the up vector for the edge label that considers the preferred placement of the label as well as the direction of the
+       * @param descriptor the data describing the preferred label orientation
+       * @param segmentDirection the direction the edge segment is pointing to
+       * @returns the up vector for the edge label that considers the preferred placement of the label as well as the direction of the
        * edge segment the label is attached to
        * @static
        */
@@ -85845,25 +83912,25 @@ declare namespace system{
        * The up vector starts in the lower-left corner of the label and points up. If the label is paraxial it is <code>(0, -1)</code>. The
        * right vector starts at the same point and points right. In a paraxial label it is <code>(1, 0)</code>.
        * </p>
-       * @param {number} rightVectorAngle the angle in radians the right vector is rotated by
-       * @returns {yfiles.algorithms.YVector} the up vector for a label whose right vector is rotated clockwise by the given angle
+       * @param rightVectorAngle the angle in radians the right vector is rotated by
+       * @returns the up vector for a label whose right vector is rotated clockwise by the given angle
        * @static
        */
       static getLabelUpVector(rightVectorAngle:number):yfiles.algorithms.YVector;
       /**
        * Transforms a direction of the layout to the oriented layout direction.
-       * @param {yfiles.layout.Direction} direction direction in the layout
-       * @param {yfiles.layout.LayoutOrientation} orientation the orientation of the layout
-       * @param {yfiles.layout.MirrorModes} mirrorMask the mask to determine whether or not the orientation is mirrored
-       * @returns {yfiles.layout.Direction} the direction in the oriented layout
+       * @param direction direction in the layout
+       * @param orientation the orientation of the layout
+       * @param mirrorMask the mask to determine whether or not the orientation is mirrored
+       * @returns the direction in the oriented layout
        * @static
        */
       static getOrientedDirection(direction:yfiles.layout.Direction,orientation:yfiles.layout.LayoutOrientation,mirrorMask:yfiles.layout.MirrorModes):yfiles.layout.Direction;
       /**
        * Returns whether or not the orientation is mirrored.
-       * @param {yfiles.layout.LayoutOrientation} orientation the orientation of the layout
-       * @param {yfiles.layout.MirrorModes} mirrorMask the mask to determine whether or not the orientation is mirrored
-       * @returns {boolean} <code>true</code> if the orientation is mirrored, <code>false</code> otherwise
+       * @param orientation the orientation of the layout
+       * @param mirrorMask the mask to determine whether or not the orientation is mirrored
+       * @returns <code>true</code> if the orientation is mirrored, <code>false</code> otherwise
        * @static
        */
       static isOrientationMirrored(orientation:yfiles.layout.LayoutOrientation,mirrorMask:yfiles.layout.MirrorModes):boolean;
@@ -85877,7 +83944,7 @@ declare namespace system{
        * Algorithms that are executed after this call and before {@link yfiles.layout.EdgeLabelOrientationSupport#resetAmbiguousLabelDescriptors}
        * will handle port labels like normal source or target labels.
        * </p>
-       * @param {yfiles.layout.LabelLayoutData} portLabel an edge label that had a {@link yfiles.layout.LabelPlacements#AT_SOURCE_PORT} or {@link yfiles.layout.LabelPlacements#AT_TARGET_PORT}
+       * @param portLabel an edge label that had a {@link #AT_SOURCE_PORT} or {@link #AT_TARGET_PORT}
        * placement preference
        * @throws {Stubs.Exceptions.InvalidOperationError} if {@link yfiles.layout.EdgeLabelOrientationSupport#replaceAmbiguousLabelDescriptors} was never called for the graph containing
        * the given label.
@@ -85895,8 +83962,8 @@ declare namespace system{
        * This method is called by the core layout algorithm with the integrated edge labeling for each edge label after the
        * location of the label is determined.
        * </p>
-       * @param {yfiles.algorithms.Graph} graph the graph to get the orientation information from
-       * @param {yfiles.layout.LabelLayoutData} label the information about the edge label whose location is determined
+       * @param graph the graph to get the orientation information from
+       * @param label the information about the edge label whose location is determined
        */
       postProcessLabel(graph:yfiles.algorithms.Graph,label:yfiles.layout.LabelLayoutData):void;
       /**
@@ -85913,9 +83980,9 @@ declare namespace system{
        * layout algorithm uses the geometry of labels. It should be called as soon as the direction of the segment the label
        * belongs to is determined.
        * </p>
-       * @param {yfiles.algorithms.Graph} graph the graph to get the orientation information from
-       * @param {yfiles.layout.LabelLayoutData} label the information about the edge label whose segment direction is determined
-       * @param {yfiles.layout.Direction} segmentDirection the direction of the segment the edge label belongs to
+       * @param graph the graph to get the orientation information from
+       * @param label the information about the edge label whose segment direction is determined
+       * @param segmentDirection the direction of the segment the edge label belongs to
        */
       preProcessLabel(graph:yfiles.algorithms.Graph,label:yfiles.layout.LabelLayoutData,segmentDirection:yfiles.layout.Direction):void;
       /**
@@ -85929,7 +83996,7 @@ declare namespace system{
        * This method should be called by a layout algorithm at the beginning of the layout calculation to assure that the label's
        * placement is handled consistently.
        * </p>
-       * @param {yfiles.algorithms.Graph} graph the input graph
+       * @param graph the input graph
        */
       replaceAmbiguousLabelDescriptors(graph:yfiles.algorithms.Graph):void;
       /**
@@ -85939,14 +84006,14 @@ declare namespace system{
        * This method should be called by a layout algorithm at the end of the layout calculation to assure that the original
        * state of the graph is not corrupted.
        * </p>
-       * @param {yfiles.algorithms.Graph} graph the input graph
+       * @param graph the input graph
        */
       resetAmbiguousLabelDescriptors(graph:yfiles.algorithms.Graph):void;
       /**
        * Calculates and sets the up vector of an edge label considering the preferred placement of the label as well as the
        * direction of the edge segment the label is attached to.
-       * @param {yfiles.layout.LabelLayoutData} label the data that describes the label orientation and is used for setting the new up vector
-       * @param {yfiles.layout.Direction} segmentDirection the direction the edge segment is pointing to
+       * @param label the data that describes the label orientation and is used for setting the new up vector
+       * @param segmentDirection the direction the edge segment is pointing to
        * @see yfiles.layout.EdgeLabelOrientationSupport#getEdgeLabelUpVector
        * @static
        */
@@ -85960,15 +84027,14 @@ declare namespace system{
      * The absolute coordinates of the {@link yfiles.layout.FixNodeLayoutStage#calculateFixPoint fix point} are the same before and after invoking the {@link yfiles.layout.LayoutStageBase#coreLayout core layout algorithm}. However, the
      * relative coordinates of the nodes are altered by the {@link yfiles.layout.LayoutStageBase#coreLayout core layout algorithm}.
      * </p>
-     * @class yfiles.layout.FixNodeLayoutStage
+     * @class
      * @extends {yfiles.layout.LayoutStageBase}
      */
     export interface FixNodeLayoutStage extends yfiles.layout.LayoutStageBase{}
     export class FixNodeLayoutStage {
       /**
        * Creates a new {@link yfiles.layout.FixNodeLayoutStage} instance with an optional {@link yfiles.layout.LayoutStageBase#coreLayout core layout algorithm}.
-       * @param {yfiles.layout.ILayoutAlgorithm} [coreLayouter=null] The core layout algorithm.
-       * @constructor
+       * @param [coreLayouter=null] The core layout algorithm.
        */
       constructor(coreLayouter?:yfiles.layout.ILayoutAlgorithm);
       /**
@@ -85980,9 +84046,9 @@ declare namespace system{
        * This method is called by {@link yfiles.layout.FixNodeLayoutStage#calculateFixPoint} and may be overridden to customize the size
        * of the bounds.
        * </p>
-       * @param {yfiles.layout.LayoutGraph} graph the graph associated with the specified nodes
-       * @param {yfiles.algorithms.NodeList} fixed the list of nodes for which to determine the bounding box
-       * @returns {yfiles.algorithms.Rectangle2D} the bounding box of the specified nodes
+       * @param graph the graph associated with the specified nodes
+       * @param fixed the list of nodes for which to determine the bounding box
+       * @returns the bounding box of the specified nodes
        * @see yfiles.layout.FixNodeLayoutStage#includingEdges
        * @see yfiles.layout.FixNodeLayoutStage#includingLabels
        * @see yfiles.layout.FixNodeLayoutStage#calculateFixPoint
@@ -86000,9 +84066,9 @@ declare namespace system{
        * coordinates before and after invoking the
        * {@link yfiles.layout.LayoutStageBase#coreLayout core layout algorithm}. It may be overridden to introduce a custom policy for retrieving the fix point.
        * </p>
-       * @param {yfiles.layout.LayoutGraph} graph the graph associated with the specified nodes
-       * @param {yfiles.algorithms.NodeList} fixed the list of nodes for which a fix point has to be determined
-       * @returns {yfiles.algorithms.YPoint} the fix point for the specified nodes in the specified graph
+       * @param graph the graph associated with the specified nodes
+       * @param fixed the list of nodes for which a fix point has to be determined
+       * @returns the fix point for the specified nodes in the specified graph
        * @see yfiles.layout.FixNodeLayoutStage#fixPointPolicy
        * @see yfiles.layout.FixNodeLayoutStage#calculateBounds
        * @see yfiles.layout.FixNodeLayoutStage#calculateFixPoint
@@ -86019,8 +84085,8 @@ declare namespace system{
        * {@link yfiles.layout.FixNodeLayoutStage#calculateFixPoint}. It may be overridden to introduce a custom policy for retrieving the
        * fix point.
        * </p>
-       * @param {yfiles.algorithms.Rectangle2D} bounds the rectangle for which to determine the fix point
-       * @returns {yfiles.algorithms.YPoint} the fix point of the specified rectangle or <code>null</code> if nothing should be fixed
+       * @param bounds the rectangle for which to determine the fix point
+       * @returns the fix point of the specified rectangle or <code>null</code> if nothing should be fixed
        * @throws {Stubs.Exceptions.ArgumentError} if the current fix point policy is invalid
        * @see yfiles.layout.FixNodeLayoutStage#fixPointPolicy
        * @protected
@@ -86066,15 +84132,14 @@ declare namespace system{
      * after applying the {@link yfiles.layout.LayoutStageBase#coreLayout core layout algorithm}. Therefore, it either replaces the source/target port by the original port or
      * adds the original port to the edge path calculated by the {@link yfiles.layout.LayoutStageBase#coreLayout core layout algorithm} (see method {@link yfiles.layout.FixPortLocationStage#keepCalculatedPorts}).
      * </p>
-     * @class yfiles.layout.FixPortLocationStage
+     * @class
      * @extends {yfiles.layout.LayoutStageBase}
      */
     export interface FixPortLocationStage extends yfiles.layout.LayoutStageBase{}
     export class FixPortLocationStage {
       /**
        * Creates a new {@link yfiles.layout.FixPortLocationStage} with an optional {@link yfiles.layout.LayoutStageBase#coreLayout core layout algorithm}.
-       * @param {yfiles.layout.ILayoutAlgorithm} [coreLayouter=null] The core layout algorithm.
-       * @constructor
+       * @param [coreLayouter=null] The core layout algorithm.
        */
       constructor(coreLayouter?:yfiles.layout.ILayoutAlgorithm);
       /**
@@ -86099,22 +84164,20 @@ declare namespace system{
      * </p>
      * @see yfiles.layout.FreeEdgeLabelLayoutModelParameter#setPoint
      * @see yfiles.layout.FreeEdgeLabelLayoutModelParameter#angle
-     * @class yfiles.layout.FreeEdgeLabelLayoutModelParameter
+     * @class
      */
     export interface FreeEdgeLabelLayoutModelParameter extends Object{}
     export class FreeEdgeLabelLayoutModelParameter {
       /**
        * Creates a new instance of {@link yfiles.layout.FreeEdgeLabelLayoutModelParameter} with the given radius, angle and rotation
        * angle.
-       * @param {number} radius the distance of the label from the source node of the underlying edge
-       * @param {number} theta the angle in radians between the first segment of the underlying edge and the imaginary line to the center of the label
-       * @param {number} [angle=0] the rotation angle of the label
-       * @constructor
+       * @param radius the distance of the label from the source node of the underlying edge
+       * @param theta the angle in radians between the first segment of the underlying edge and the imaginary line to the center of the label
+       * @param [angle=0] the rotation angle of the label
        */
       constructor(radius:number,theta:number,angle?:number);
       /**
        * Creates a new instance of {@link yfiles.layout.FreeEdgeLabelLayoutModelParameter} with radius <code>50</code> and angle <code>0</code>.
-       * @constructor
        */
       constructor();
       /**
@@ -86124,8 +84187,8 @@ declare namespace system{
        * y-coordinate corresponds to the angle between the first segment of the underlying edge and the imaginary line to the
        * center of the label.
        * </p>
-       * @param {number} radius the distance to the source point
-       * @param {number} theta the location on the radius
+       * @param radius the distance to the source point
+       * @param theta the location on the radius
        */
       setPoint(radius:number,theta:number):void;
       /**
@@ -86147,14 +84210,13 @@ declare namespace system{
     }
     /**
      * {@link yfiles.layout.FreeEdgeLabelLayoutModel} allows placing edge labels at any location.
-     * @class yfiles.layout.FreeEdgeLabelLayoutModel
+     * @class
      * @implements {yfiles.layout.IEdgeLabelLayoutModel}
      */
     export interface FreeEdgeLabelLayoutModel extends Object,yfiles.layout.IEdgeLabelLayoutModel{}
     export class FreeEdgeLabelLayoutModel {
       /**
        * Creates a new instance of {@link yfiles.layout.FreeEdgeLabelLayoutModel}.
-       * @constructor
        */
       constructor();
       /**
@@ -86166,32 +84228,32 @@ declare namespace system{
        * This parameter can be passed to {@link yfiles.layout.FreeEdgeLabelLayoutModel#getLabelPlacement} to retrieve the current label
        * box.
        * </p>
-       * @param {yfiles.algorithms.YOrientedRectangle} labelBounds the oriented box of the label the parameter represents
-       * @param {yfiles.layout.IEdgeLayout} edgeLayout the layout of the edge to which the label belongs
-       * @param {yfiles.layout.INodeLayout} sourceLayout the layout of the source node of the label-owning edge
-       * @param {yfiles.layout.INodeLayout} targetLayout the layout of the target node of the label-owning edge
-       * @returns {Object} the model parameter representing the given label location
+       * @param labelBounds the oriented box of the label the parameter represents
+       * @param edgeLayout the layout of the edge to which the label belongs
+       * @param sourceLayout the layout of the source node of the label-owning edge
+       * @param targetLayout the layout of the target node of the label-owning edge
+       * @returns the model parameter representing the given label location
        * @throws {Stubs.Exceptions.ArgumentError} if one or more of the given bounds' values are invalid, i.e., <code>NaN</code>
        * @see yfiles.layout.FreeEdgeLabelLayoutModel#getLabelPlacement
        */
       createModelParameter(labelBounds:yfiles.algorithms.YOrientedRectangle,edgeLayout:yfiles.layout.IEdgeLayout,sourceLayout:yfiles.layout.INodeLayout,targetLayout:yfiles.layout.INodeLayout):Object;
       /**
        * Returns the {@link yfiles.layout.EdgeLabelCandidate} that describes the current label position.
-       * @param {yfiles.layout.IEdgeLabelLayout} labelLayout the label for which candidates should be generated
-       * @param {yfiles.layout.IEdgeLayout} edgeLayout the layout of the edge to which the label belongs
-       * @param {yfiles.layout.INodeLayout} sourceLayout the layout of the source node of the label-owning edge
-       * @param {yfiles.layout.INodeLayout} targetLayout the layout of the target node of the label-owning edge
-       * @returns {yfiles.algorithms.YList} a list of {@link yfiles.layout.EdgeLabelCandidate} instances
+       * @param labelLayout the label for which candidates should be generated
+       * @param edgeLayout the layout of the edge to which the label belongs
+       * @param sourceLayout the layout of the source node of the label-owning edge
+       * @param targetLayout the layout of the target node of the label-owning edge
+       * @returns a list of {@link } instances
        */
       getLabelCandidates(labelLayout:yfiles.layout.IEdgeLabelLayout,edgeLayout:yfiles.layout.IEdgeLayout,sourceLayout:yfiles.layout.INodeLayout,targetLayout:yfiles.layout.INodeLayout):yfiles.algorithms.YList;
       /**
        * 
-       * @param {yfiles.algorithms.YDimension} labelSize
-       * @param {yfiles.layout.IEdgeLayout} edgeLayout
-       * @param {yfiles.layout.INodeLayout} sourceNode
-       * @param {yfiles.layout.INodeLayout} targetNode
-       * @param {Object} param
-       * @returns {yfiles.algorithms.YOrientedRectangle} 
+       * @param labelSize
+       * @param edgeLayout
+       * @param sourceNode
+       * @param targetNode
+       * @param param
+       * @returns 
        */
       getLabelPlacement(labelSize:yfiles.algorithms.YDimension,edgeLayout:yfiles.layout.IEdgeLayout,sourceNode:yfiles.layout.INodeLayout,targetNode:yfiles.layout.INodeLayout,param:Object):yfiles.algorithms.YOrientedRectangle;
       /**
@@ -86216,15 +84278,14 @@ declare namespace system{
      * the upper-left corner of the node.
      * </p>
      * @see yfiles.layout.FreeNodeLabelLayoutModelParameter#setPoint
-     * @class yfiles.layout.FreeNodeLabelLayoutModelParameter
+     * @class
      */
     export interface FreeNodeLabelLayoutModelParameter extends Object{}
     export class FreeNodeLabelLayoutModelParameter {
       /**
        * Creates a new instance of {@link yfiles.layout.FreeNodeLabelLayoutModelParameter} with the given offset.
-       * @param {number} dx the horizontal offset
-       * @param {number} dy the vertical offset
-       * @constructor
+       * @param dx the horizontal offset
+       * @param dy the vertical offset
        */
       constructor(dx:number,dy:number);
       /**
@@ -86232,13 +84293,12 @@ declare namespace system{
        * <p>
        * It has no offset, i.e., the upper-left corners of both node label and node are at the same location.
        * </p>
-       * @constructor
        */
       constructor();
       /**
        * Specifies the offset of the label's center to the upper-left corner of the node.
-       * @param {number} dx the horizontal offset
-       * @param {number} dy the vertical offset
+       * @param dx the horizontal offset
+       * @param dy the vertical offset
        */
       setPoint(dx:number,dy:number):void;
       /**
@@ -86254,14 +84314,13 @@ declare namespace system{
      * The location of the label does not need to satisfy any constraints. The {@link yfiles.layout.FreeNodeLabelLayoutModel#createModelParameter model parameter} describes a fixed offset between
      * the upper-left corner of the node and the center of the label.
      * </p>
-     * @class yfiles.layout.FreeNodeLabelLayoutModel
+     * @class
      * @implements {yfiles.layout.INodeLabelLayoutModel}
      */
     export interface FreeNodeLabelLayoutModel extends Object,yfiles.layout.INodeLabelLayoutModel{}
     export class FreeNodeLabelLayoutModel {
       /**
        * Returns a new instance of {@link yfiles.layout.FreeNodeLabelLayoutModel}.
-       * @constructor
        */
       constructor();
       /**
@@ -86273,26 +84332,26 @@ declare namespace system{
        * This parameter can be passed to {@link yfiles.layout.FreeNodeLabelLayoutModel#getLabelPlacement} to retrieve the current label
        * box.
        * </p>
-       * @param {yfiles.algorithms.YOrientedRectangle} labelBounds the bounds of the label the parameter represents
-       * @param {yfiles.layout.INodeLayout} nodeLayout the layout of the node to which the label belongs
-       * @returns {Object} the model parameter
+       * @param labelBounds the bounds of the label the parameter represents
+       * @param nodeLayout the layout of the node to which the label belongs
+       * @returns the model parameter
        * @throws {Stubs.Exceptions.ArgumentError} if one or more of the given bounds' values are invalid, i.e., <code>NaN</code>
        * @see yfiles.layout.FreeNodeLabelLayoutModel#getLabelPlacement
        */
       createModelParameter(labelBounds:yfiles.algorithms.YOrientedRectangle,nodeLayout:yfiles.layout.INodeLayout):Object;
       /**
        * Returns the {@link yfiles.layout.NodeLabelCandidate} that describes the current label position.
-       * @param {yfiles.layout.INodeLabelLayout} labelLayout the label for which candidates should be generated
-       * @param {yfiles.layout.INodeLayout} nodeLayout the layout of the node to which the label belongs
-       * @returns {yfiles.algorithms.YList} a list of {@link yfiles.layout.NodeLabelCandidate} instances
+       * @param labelLayout the label for which candidates should be generated
+       * @param nodeLayout the layout of the node to which the label belongs
+       * @returns a list of {@link } instances
        */
       getLabelCandidates(labelLayout:yfiles.layout.INodeLabelLayout,nodeLayout:yfiles.layout.INodeLayout):yfiles.algorithms.YList;
       /**
        * 
-       * @param {yfiles.algorithms.YDimension} labelSize
-       * @param {yfiles.layout.INodeLayout} nodeLayout
-       * @param {Object} param
-       * @returns {yfiles.algorithms.YOrientedRectangle} 
+       * @param labelSize
+       * @param nodeLayout
+       * @param param
+       * @returns 
        */
       getLabelPlacement(labelSize:yfiles.algorithms.YDimension,nodeLayout:yfiles.layout.INodeLayout,param:Object):yfiles.algorithms.YOrientedRectangle;
       /**
@@ -87187,14 +85246,13 @@ declare namespace system{
      * The {@link yfiles.layout.GraphLayoutLineWrapper} can be used on an existing graph layout or on the result of the
      * {@link yfiles.layout.LayoutStageBase#coreLayout core layout algorithm}.
      * </p>
-     * @class yfiles.layout.GraphLayoutLineWrapper
+     * @class
      * @extends {yfiles.layout.LayoutStageBase}
      */
     export interface GraphLayoutLineWrapper extends yfiles.layout.LayoutStageBase{}
     export class GraphLayoutLineWrapper {
       /**
        * Creates a new {@link yfiles.layout.GraphLayoutLineWrapper} instance with default settings.
-       * @constructor
        */
       constructor();
       /**
@@ -87274,6 +85332,1411 @@ declare namespace system{
       fixedWidth:number;
       static $class:yfiles.lang.Class;
     }
+    /**
+     * This class represents a column of a {@link yfiles.layout.PartitionGrid partition grid} structure.
+     * <p>
+     * The results of the calculation of the geometry of the column will be placed into the instances of this class after the
+     * layout.
+     * </p>
+     * @see yfiles.layout.PartitionGrid
+     * @class
+     * @implements {yfiles.lang.IComparable}
+     */
+    export interface ColumnDescriptor extends Object,yfiles.lang.IComparable{}
+    export class ColumnDescriptor {
+      /**
+       * Compares this {@link yfiles.layout.ColumnDescriptor} instance with a given other {@link yfiles.layout.ColumnDescriptor} instance based
+       * on the indices of the two instances.
+       * @param o the {@link } to compare to
+       * @returns <code>-1</code>, <code>0</code> or <code>1</code> if this {@link } is less than, equal to, or greater than the given other
+       * {@link }
+       */
+      compareTo(o:Object):number;
+      /**
+       * Gets the index of the column within the {@link yfiles.layout.PartitionGrid partition grid}.
+       * @type {number}
+       */
+      index:number;
+      /**
+       * Gets or sets the minimum width of the column.
+       * <p>
+       * The minimum width is defined to be at least <code>0</code>.
+       * </p>
+       * @throws {Stubs.Exceptions.ArgumentError} if the minimum width is negative
+       * @type {number}
+       */
+      minimumWidth:number;
+      /**
+       * Gets or sets the left column inset in which no element will lie in the resulting layout.
+       * <p>
+       * The column inset must be greater than or equal to <code>0</code>.
+       * </p>
+       * @throws {Stubs.Exceptions.ArgumentError} if the left inset is negative
+       * @type {number}
+       */
+      leftInset:number;
+      /**
+       * Gets or sets the right column inset in which no element will lie in the resulting layout.
+       * <p>
+       * The column inset must be greater than or equal to <code>0</code>.
+       * </p>
+       * @throws {Stubs.Exceptions.ArgumentError} if the right inset is negative
+       * @type {number}
+       */
+      rightInset:number;
+      /**
+       * Gets or sets the computed width of the column after the layout has been calculated.
+       * <p>
+       * The computed width needs to be greater than or equal to <code>0</code>.
+       * </p>
+       * @throws {Stubs.Exceptions.ArgumentError} if the computed width is negative
+       * @type {number}
+       */
+      computedWidth:number;
+      /**
+       * Gets or sets the original width of the column.
+       * <p>
+       * The original width should be greater than or equal to <code>0</code>.
+       * </p>
+       * @throws {Stubs.Exceptions.ArgumentError} if the original width is negative
+       * @type {number}
+       */
+      originalWidth:number;
+      /**
+       * Gets or sets the original position (smallest x-coordinate) of the column.
+       * @type {number}
+       */
+      originalPosition:number;
+      /**
+       * Gets or sets the computed position (smallest x-coordinate) of the column after the layout has been calculated.
+       * @type {number}
+       */
+      computedPosition:number;
+      /**
+       * Gets or sets the tightness factor of this column.
+       * <p>
+       * This value must lie within the interval <code>[0,1]</code>.
+       * </p>
+       * <p>
+       * The larger the value, the more the column will be forced to obtain its minimum width:
+       * </p>
+       * <ul>
+       * <li>a value of <code>0.0d</code> will disable the compression of the column.</li>
+       * <li>a value of <code>1.0d</code> will try to force the column to obtain its specified {@link yfiles.layout.ColumnDescriptor#minimumWidth minimum width}.</li>
+       * </ul>
+       * @throws {Stubs.Exceptions.ArgumentError} if the tightness value is outside the interval <code>[0,1]</code>
+       * @type {number}
+       */
+      tightness:number;
+      /**
+       * Gets or sets whether the index of the column is fixed or it should be chosen automatically in order to minimize edge
+       * lengths.
+       * <p>
+       * For all columns where this property is enabled, the relative ordering given by the indices is preserved. The remaining
+       * columns may be sorted again so that the overall edge lengths are minimized.
+       * </p>
+       * @type {boolean}
+       */
+      indexFixed:boolean;
+      static $class:yfiles.lang.Class;
+    }
+    /**
+     * This class represents a single partition cell, i.e., a pair consisting of a row and a column.
+     * @class
+     * @implements {yfiles.lang.IComparable}
+     * @final
+     */
+    export interface PartitionCellIdEntry extends Object,yfiles.lang.IComparable{}
+    export class PartitionCellIdEntry {
+      /**
+       * Compares this {@link yfiles.layout.PartitionCellIdEntry} instance with a given other {@link yfiles.layout.PartitionCellIdEntry}
+       * instance.
+       * <p>
+       * The comparison is based on the indices of the {@link yfiles.layout.PartitionCellIdEntry#row rows} and {@link yfiles.layout.PartitionCellIdEntry#column columns} of the two pairs. A {@link yfiles.layout.PartitionCellIdEntry} is
+       * considered to be smaller than another pair if its {@link yfiles.layout.RowDescriptor#index row index} is smaller than the row index of the other pair. If the row
+       * indices are equal, the {@link yfiles.layout.PartitionCellIdEntry} with the smaller {@link yfiles.layout.ColumnDescriptor#index column index} is said to be smaller. Hence,
+       * two {@link yfiles.layout.PartitionCellIdEntry} instances are equal, if the row and column indices are equal.
+       * </p>
+       * @param o the {@link } to be compared
+       * @returns <code>-1</code>, <code>0</code> or <code>1</code> if this {@link } is smaller than, equal to, or greater than the given other {@link }
+       * instance
+       */
+      compareTo(o:Object):number;
+      /**
+       * Gets the {@link yfiles.layout.RowDescriptor} associated with this {@link yfiles.layout.PartitionCellId partition cell}.
+       * @type {yfiles.layout.RowDescriptor}
+       */
+      row:yfiles.layout.RowDescriptor;
+      /**
+       * Gets the {@link yfiles.layout.ColumnDescriptor} associated with this {@link yfiles.layout.PartitionCellId partition cell}.
+       * @type {yfiles.layout.ColumnDescriptor}
+       */
+      column:yfiles.layout.ColumnDescriptor;
+      static $class:yfiles.lang.Class;
+    }
+    /**
+     * {@link yfiles.layout.PartitionCellId} represents an identifier for partition cells of a {@link yfiles.layout.PartitionGrid partition grid} structure.
+     * @see yfiles.layout.PartitionGrid
+     * @class
+     */
+    export interface PartitionCellId extends Object{}
+    export class PartitionCellId {
+      /**
+       * Gets a {@link yfiles.collections.ICollection.<T> collection} of elements of type {@link yfiles.layout.PartitionCellIdEntry}.
+       * <p>
+       * Each pair consists of a {@link yfiles.layout.ColumnDescriptor column} and a {@link yfiles.layout.RowDescriptor row} defining a single {@link yfiles.layout.PartitionCellId partition cell}.
+       * </p>
+       * @type {yfiles.collections.IEnumerable.<yfiles.layout.PartitionCellIdEntry>}
+       */
+      cells:yfiles.collections.IEnumerable<yfiles.layout.PartitionCellIdEntry>;
+      /**
+       * Gets whether or not this {@link yfiles.layout.PartitionCellId} represents a multi-cell, i.e., a cell spanning multiple
+       * rows/columns.
+       * <p>
+       * This means that it was created using {@link yfiles.layout.PartitionGrid#createCellSpanId},
+       * {@link yfiles.layout.PartitionGrid#createCellSpanId}, {@link yfiles.layout.PartitionGrid#createCellSpanId}, {@link yfiles.layout.PartitionGrid#createColumnSpanId}
+       * or {@link yfiles.layout.PartitionGrid#createRowSpanId}.
+       * </p>
+       * @type {boolean}
+       */
+      isSpanning:boolean;
+      /**
+       * Gets the first {@link yfiles.layout.RowDescriptor row} associated with this {@link yfiles.layout.PartitionCellId partition cell} identifier.
+       * @type {yfiles.layout.RowDescriptor}
+       */
+      row:yfiles.layout.RowDescriptor;
+      /**
+       * Gets the first {@link yfiles.layout.ColumnDescriptor column} associated with this {@link yfiles.layout.PartitionCellId partition cell} identifier.
+       * @type {yfiles.layout.ColumnDescriptor}
+       */
+      column:yfiles.layout.ColumnDescriptor;
+      static $class:yfiles.lang.Class;
+    }
+    /**
+     * This class represents a partition grid that partitions the drawing area into rectangular partition cells.
+     * <p>
+     * Such a structure allows, for example, to model vertical/horizontal swimlanes which are often used in flow diagrams to
+     * separate logical units.
+     * </p>
+     * <p>
+     * The grid consists of rows and columns that are created using the corresponding constructors of this class or methods {@link yfiles.layout.PartitionGrid#addRow}
+     * and {@link yfiles.layout.PartitionGrid#addColumn}. The {@link yfiles.layout.PartitionGrid} object has to be registered with the graph
+     * using the {@link yfiles.algorithms.IDataProvider} key {@link yfiles.layout.PartitionGrid#PARTITION_GRID_DP_KEY}.
+     * </p>
+     * <p>
+     * Each node can be assigned to a {@link yfiles.layout.PartitionCellId} which represents a set of partition cells. The mapping has
+     * to be registered with the graph using {@link yfiles.algorithms.IDataProvider} key
+     * {@link yfiles.layout.PartitionGrid#PARTITION_CELL_ID_DP_KEY}. Simple partition cell identifiers which represent a single
+     * partition cell, i.e., a row/column pair, can be created using method {@link yfiles.layout.PartitionGrid#createCellId} or
+     * {@link yfiles.layout.PartitionGrid#createCellId}.
+     * </p>
+     * <p>
+     * Nodes can also be mapped to a partition cell identifier that represents a multi-cell, i.e., a cell spanning multiple
+     * columns and rows. Please note, however, that multi-cells are not allowed to overlap each other. This means that the user
+     * has to ensure that each partition cell (row/column pair) is associated with at most one partition cell identifier. The
+     * multi-cell identifier can be created using methods {@link yfiles.layout.PartitionGrid#createCellSpanId},
+     * {@link yfiles.layout.PartitionGrid#createCellSpanId}, {@link yfiles.layout.PartitionGrid#createCellSpanId},
+     * {@link yfiles.layout.PartitionGrid#createColumnSpanId}, and {@link yfiles.layout.PartitionGrid#createRowSpanId}.
+     * </p>
+     * <p>
+     * {@graph {"ann":{"s":[60,30],"d":1, "lblB" : 1, "lblFont" : "16px sans-serif"},"n":[[265,290,230,142,2,[[265,313.6,230,23.6,5,"Column 0"]]],[311.5,386.5,[[336.16,410.85,10.67,18.7]]],[411.5,346.5,[[436.16,370.85,10.67,18.7]]],[505,289,299,144,2,[[505,312.6,299,23.6,5,"Column 1"]]],[631.5,366.5,[[656.16,390.85,10.67,18.7]]],[731.5,326.5,[[756.16,350.85,10.67,18.7]]],[531.5,326.5,[[556.16,350.85,10.67,18.7]]],[819,290,250,140,2,[[819,313.6,250,23.6,5,"Column 2"]]],[831.5,326.5,[[856.16,350.85,10.67,18.7]]],[265,449,230,123,2],[411.5,466.5,[[436.16,490.85,10.67,18.7]]],[411.5,526.5,[[436.16,550.85,10.67,18.7]]],[505,449,299,123,2],[819,449,250,123,2],[931.5,466.5,[[956.16,490.85,10.67,18.7]]],[505,589,299,104,2],[819,589,250,104,2],[531.5,606.5,[[552.83,630.85,17.35,18.7]]],[265,589,230,104,2],[411.5,606.5,[[432.83,630.85,17.35,18.7]]],[831.5,606.5,[[852.83,630.85,17.35,18.7]]],[105,348.2,150,23.6,2,[[105,371.8,150,23.6,5,"Row 0"]]],[105,488.2,150,23.6,2,[[105,511.8,150,23.6,5,"Row 1"]]],[105,628.2,150,23.6,2,[[105,651.8,150,23.6,5,"Row 2"]]]],"e":[[1,2,30,-10,-30,-0,[381.5,391.5,381.5,361.5]],[1,4,30,-0,-30,10,[581.5,401.5,581.5,391.5]],[2,4,30,7.5,-30,-0,[481.5,369,481.5,381.5]],[4,5,30,-0,-30,7.5,[701.5,381.5,701.5,349]],[2,6,30,-7.5,-30,-0,[481.5,354,481.5,341.5]],[6,4,30,7.5,-30,-10,[601.5,349,601.5,371.5]],[6,5,30,-7.5,-30,-7.5,[621.5,334,621.5,341.5,681.5,341.5,681.5,334]],[5,8,30,-0,-30,-0],[8,14,30,-0,-30,-7.5,[901.5,341.5,901.5,474]],[10,14,30,-0,-30,7.5,[881.5,481.5,881.5,489]],[1,17,30,10,-30,10,[381.5,411.5,381.5,661.5,481.5,661.5,481.5,631.5]],[11,17,30,-0,-30,-10,[481.5,541.5,481.5,611.5]],[19,17,30,-0,-30,-0],[17,20,30,-0,-30,-0]],"vp":[105.0,289.0,964.0,404.0]}} Sample output of a layout algorithm with a partition grid
+     * </p>
+     * @class
+     */
+    export interface PartitionGrid extends Object{}
+    export class PartitionGrid {
+      /**
+       * Creates an instance of {@link yfiles.layout.PartitionGrid} with the given number of rows and columns as well as with given
+       * insets and minimum sizes.
+       * @param rowCount the number of rows
+       * @param columnCount the number of columns
+       * @param rowInsets the top and bottom insets of the rows
+       * @param columnInsets the left and right insets of the columns
+       * @param minRowSize the minimum row height
+       * @param minColumnSize the minimum column width
+       */
+      constructor(rowCount:number,columnCount:number,rowInsets:number,columnInsets:number,minRowSize:number,minColumnSize:number);
+      /**
+       * Creates an instance of {@link yfiles.layout.PartitionGrid} with the given number of rows and columns.
+       * @param rowCount the number of rows
+       * @param columnCount the number of columns
+       */
+      constructor(rowCount:number,columnCount:number);
+      /**
+       * Creates a new empty instance of {@link yfiles.layout.PartitionGrid}.
+       */
+      constructor();
+      /**
+       * Adds a new {@link yfiles.layout.ColumnDescriptor column} to the {@link yfiles.layout.PartitionGrid} instance.
+       * <p>
+       * The index of the column (as returned by {@link yfiles.layout.ColumnDescriptor#index}) is equal to the size of the list returned by {@link yfiles.layout.PartitionGrid#columns}.
+       * </p>
+       * @returns a new {@link } instance
+       */
+      addColumn():yfiles.layout.ColumnDescriptor;
+      /**
+       * Adds a new {@link yfiles.layout.RowDescriptor row} to the {@link yfiles.layout.PartitionGrid} instance.
+       * <p>
+       * The index of the row (as returned by {@link yfiles.layout.RowDescriptor#index}) is equal to the size of the list returned by {@link yfiles.layout.PartitionGrid#rows}.
+       * </p>
+       * @returns a new {@link } instance
+       */
+      addRow():yfiles.layout.RowDescriptor;
+      /**
+       * Creates a {@link yfiles.layout.PartitionCellId partition cell} identifier that represents the cell defined by the given column and row index.
+       * @param rowIndex the row index of the row defining the cell
+       * @param columnIndex the column index of the column defining the cell
+       * @returns a {@link } instance
+       * @throws {Stubs.Exceptions.ArgumentError} if the given column/row index is not valid
+       */
+      createCellId(rowIndex:number,columnIndex:number):yfiles.layout.PartitionCellId;
+      /**
+       * Creates a {@link yfiles.layout.PartitionCellId partition cell} identifier that represents the cell defined by the given {@link yfiles.layout.ColumnDescriptor column} and {@link yfiles.layout.RowDescriptor row}.
+       * @param rd the row defining the cell
+       * @param cd the column defining the cell
+       * @returns a {@link } instance
+       * @throws {Stubs.Exceptions.ArgumentError} if the given column/row is <code>null</code>
+       */
+      createCellId(rd:yfiles.layout.RowDescriptor,cd:yfiles.layout.ColumnDescriptor):yfiles.layout.PartitionCellId;
+      /**
+       * Creates a {@link yfiles.layout.PartitionCellId partition cell} identifier that represents a multi-cell spanning multiple columns and rows.
+       * <p>
+       * The partition cell identifier represents all cells defined by a row between <code>fromRow</code> and <code>toRow</code> (both including) and a
+       * column between <code>fromRow</code> and <code>toCol</code> (both including).
+       * </p>
+       * <p>
+       * A group node mapped to such a partition cell identifier represents the multi-cell, i.e., its boundary corresponds to the
+       * smallest rectangle containing all partition cells specified by the partition cell identifier. The boundary does not
+       * depend on the partition cells associated with the group's descendants. Hence, each non-group descendant has to be
+       * manually assigned to one of the partition cells. Furthermore, edges incident to such a group node are not considered
+       * during the layout.
+       * </p>
+       * @param fromRow the topmost row defining the cell
+       * @param fromCol the leftmost column defining the cell
+       * @param toRow the bottommost row defining the cell
+       * @param toCol the rightmost column defining the cell
+       * @returns a {@link } instance
+       */
+      createCellSpanId(fromRow:yfiles.layout.RowDescriptor,fromCol:yfiles.layout.ColumnDescriptor,toRow:yfiles.layout.RowDescriptor,toCol:yfiles.layout.ColumnDescriptor):yfiles.layout.PartitionCellId;
+      /**
+       * Creates a {@link yfiles.layout.PartitionCellId partition cell} identifier that represents a multi-cell spanning multiple columns and rows.
+       * <p>
+       * The partition cell identifier represents all cells defined by a row with index between <code>fromRowIndex</code> and <code>toRowIndex</code> (both
+       * including) and a column with index between <code>fromColIndex</code> and <code>toColIndex</code> (both including).
+       * </p>
+       * <p>
+       * A group node mapped to such a partition cell identifier represents the multi-cell, i.e., its boundary corresponds to the
+       * smallest rectangle containing all partition cells specified by the partition cell identifier. The boundary does not
+       * depend on the partition cells associated with the group's descendants. Hence, each non-group descendant has to be
+       * manually assigned to one of the partition cells. Furthermore, edges incident to such a group node are not considered
+       * during the layout.
+       * </p>
+       * @param fromRowIndex the row index of the topmost row defining the cell
+       * @param fromColIndex the column index of the leftmost column defining the cell
+       * @param toRowIndex the row index of the bottommost row defining the cell
+       * @param toColIndex the column index of the rightmost column defining the cell
+       * @returns a {@link } instance
+       */
+      createCellSpanId(fromRowIndex:number,fromColIndex:number,toRowIndex:number,toColIndex:number):yfiles.layout.PartitionCellId;
+      /**
+       * Creates a {@link yfiles.layout.PartitionCellId partition cell} identifier that represents a multi-cell spanning multiple columns and rows.
+       * <p>
+       * The partition cell identifier represents all cells spanned by the columns of <code>columnList</code> and rows of <code>rowList</code>.
+       * </p>
+       * <p>
+       * A group node mapped to such a partition cell identifier represents the multi-cell, i.e., its boundary corresponds to the
+       * smallest rectangle containing all partition cells specified by the partition cell identifier. The boundary does not
+       * depend on the partition cells associated with the group's descendants. Hence, each non-group descendant has to be
+       * manually assigned to one of the partition cells. Furthermore, edges incident to such a group node are not considered
+       * during the layout.
+       * </p>
+       * @param rowList the {@link  rows} defining the cell
+       * @param columnList the {@link  columns} defining the cell
+       * @returns a {@link } instance
+       */
+      createCellSpanId(rowList:yfiles.collections.ICollection<Object>,columnList:yfiles.collections.ICollection<Object>):yfiles.layout.PartitionCellId;
+      /**
+       * Creates a {@link yfiles.layout.PartitionCellId partition cell} identifier that represents a cell spanning a whole column.
+       * <p>
+       * A group node mapped to such a partition cell identifier represents the column, i.e., its enclosing boundary corresponds
+       * to that of the column. The boundary does not depend on the partition cells associated with the group's descendants.
+       * Hence, each non-group descendant has to be manually assigned to one of the partition cells. Furthermore, edges incident
+       * to such a group node are not considered during the layout.
+       * </p>
+       * @param columnIndex the column index of the column defining the cell
+       * @returns a {@link } instance
+       */
+      createColumnSpanId(columnIndex:number):yfiles.layout.PartitionCellId;
+      /**
+       * Creates a {@link yfiles.layout.PartitionCellId partition cell} identifier that represents a cell spanning a whole row.
+       * <p>
+       * A group node mapped to such a partition cell identifier represents the row, i.e., its enclosing boundary corresponds to
+       * that of the row. The boundary does not depend on the partition cells associated with the group's descendants. Hence,
+       * each non-group descendant has to be manually assigned to one of the partition cells. Furthermore, edges incident to such
+       * a group node are not considered during the layout.
+       * </p>
+       * @param rowIndex the row index of the row defining the cell
+       * @returns a {@link } instance
+       */
+      createRowSpanId(rowIndex:number):yfiles.layout.PartitionCellId;
+      /**
+       * Finalizes the orientation changes and is called at the end of the {@link yfiles.layout.OrientationLayout} stage.
+       * <p>
+       * Points are transferred to their final positions through {@link yfiles.layout.OrientationLayout#completeTransform}.
+       * </p>
+       * @param orientationLayouter an {@link } instance
+       * @see yfiles.layout.OrientationLayout
+       */
+      finalizeOrientationChange(orientationLayouter:yfiles.layout.OrientationLayout):void;
+      /**
+       * Returns the {@link yfiles.layout.ColumnDescriptor column} with the given index.
+       * @param index the index of the column to be returned
+       * @returns the {@link  column} with the given index or <code>null</code> if no such column exists
+       */
+      getColumn(index:number):yfiles.layout.ColumnDescriptor;
+      /**
+       * Returns the {@link yfiles.layout.PartitionGrid} instance associated with the given graph.
+       * @param graph the given graph
+       * @returns the {@link } of the graph or <code>null</code> if the graph has no associated partition grid
+       * @static
+       */
+      static getPartitionGrid(graph:yfiles.algorithms.Graph):yfiles.layout.PartitionGrid;
+      /**
+       * Returns the {@link yfiles.layout.RowDescriptor row} with the given index.
+       * @param index the index of the row to be returned
+       * @returns the {@link  row} with the given index or <code>null</code> if no such row exists
+       */
+      getRow(index:number):yfiles.layout.RowDescriptor;
+      static hasAtLeastTwoNonEmptyRows(graph:yfiles.algorithms.Graph):boolean;
+      /**
+       * Prepares for the orientation changes and is called at the beginning of the {@link yfiles.layout.OrientationLayout} stage.
+       * <p>
+       * Original points are transferred to their temporary positions through {@link yfiles.layout.OrientationLayout#prepareTransform}.
+       * </p>
+       * @param orientationLayouter an {@link } instance
+       * @see yfiles.layout.OrientationLayout
+       */
+      prepareOrientationChange(orientationLayouter:yfiles.layout.OrientationLayout):void;
+      /**
+       * Data provider key for storing the partition grid structure
+       * <p>
+       * If the {@link yfiles.algorithms.IDataProvider} contains a partition grid structure, this structure will be considered during
+       * layout (provided that the layout algorithm supports such constraints).
+       * </p>
+       * @const
+       * @static
+       * @type {yfiles.algorithms.GraphDpKey.<yfiles.layout.PartitionGrid>}
+       */
+      static PARTITION_GRID_DP_KEY:yfiles.algorithms.GraphDpKey<yfiles.layout.PartitionGrid>;
+      /**
+       * Data provider key for storing a set of partition cells for each node
+       * <p>
+       * Each node is placed inside the columns/rows defined by the corresponding {@link yfiles.layout.PartitionCellId} identifier.
+       * Instances can be shared among multiple nodes, but don't have to be shared.
+       * </p>
+       * @see yfiles.layout.PartitionCellId
+       * @const
+       * @static
+       * @type {yfiles.algorithms.NodeDpKey.<yfiles.layout.PartitionCellId>}
+       */
+      static PARTITION_CELL_ID_DP_KEY:yfiles.algorithms.NodeDpKey<yfiles.layout.PartitionCellId>;
+      /**
+       * Gets or sets whether or not the order of the columns should be chosen automatically to minimize edge lengths.
+       * <p>
+       * For all columns where {@link yfiles.layout.ColumnDescriptor#indexFixed} is set to
+       * <code>true</code>, the relative ordering given by the indices is preserved. The remaining columns may be sorted again so that the
+       * overall edge lengths are minimized.
+       * </p>
+       * @type {boolean}
+       */
+      optimizeColumnOrder:boolean;
+      /**
+       * Gets or sets whether or not the order of the rows should be chosen automatically to minimize edge lengths.
+       * <p>
+       * For all rows where {@link yfiles.layout.RowDescriptor#indexFixed} is set to
+       * <code>true</code>, the relative ordering given by the indices is preserved. The remaining rows may be sorted again so that the
+       * overall edge lengths are minimized.
+       * </p>
+       * @type {boolean}
+       */
+      optimizeRowOrder:boolean;
+      /**
+       * Gets the list of rows of the {@link yfiles.layout.PartitionGrid partition grid}.
+       * @type {yfiles.algorithms.YList}
+       */
+      rows:yfiles.algorithms.YList;
+      /**
+       * Gets the columns of the {@link yfiles.layout.PartitionGrid partition grid}.
+       * @type {yfiles.algorithms.YList}
+       */
+      columns:yfiles.algorithms.YList;
+      static $class:yfiles.lang.Class;
+    }
+    /**
+     * This class represents a row of a {@link yfiles.layout.PartitionGrid partition grid} structure.
+     * <p>
+     * The results of the calculation of the geometry of the row will be placed into the instances of this class after the
+     * layout.
+     * </p>
+     * @see yfiles.layout.PartitionGrid
+     * @class
+     * @implements {yfiles.lang.IComparable}
+     */
+    export interface RowDescriptor extends Object,yfiles.lang.IComparable{}
+    export class RowDescriptor {
+      /**
+       * Compares this {@link yfiles.layout.RowDescriptor} instance with a given other {@link yfiles.layout.RowDescriptor} instance based on the
+       * indices of the two instances.
+       * @param o the {@link } to compare to
+       * @returns <code>-1</code>, <code>0</code> or <code>1</code> if this {@link } is less than, equal to, or greater than the given other
+       * {@link }
+       */
+      compareTo(o:Object):number;
+      /**
+       * Gets the index of the row within the {@link yfiles.layout.PartitionGrid partition grid}.
+       * @type {number}
+       */
+      index:number;
+      /**
+       * Gets or sets the minimum height of the row.
+       * <p>
+       * The minimum height is defined to be at least <code>0</code>.
+       * </p>
+       * @throws {Stubs.Exceptions.ArgumentError} if the minimum height is negative
+       * @type {number}
+       */
+      minimumHeight:number;
+      /**
+       * Gets or sets the top inset in which no element will lie in the resulting layout.
+       * <p>
+       * The inset value needs to be greater than or equal to <code>0</code>.
+       * </p>
+       * @throws {Stubs.Exceptions.ArgumentError} if the given top inset is negative
+       * @type {number}
+       */
+      topInset:number;
+      /**
+       * Gets or sets the bottom inset in which no element will lie in the resulting layout.
+       * <p>
+       * The inset value needs to be greater than or equal to <code>0</code>.
+       * </p>
+       * @throws {Stubs.Exceptions.ArgumentError} if the given bottom inset is negative
+       * @type {number}
+       */
+      bottomInset:number;
+      /**
+       * Gets or sets the computed height of the row after the layout has been calculated.
+       * <p>
+       * The computed height needs to be greater than or equal to <code>0</code>.
+       * </p>
+       * @throws {Stubs.Exceptions.ArgumentError} if the computed height is negative
+       * @type {number}
+       */
+      computedHeight:number;
+      /**
+       * Gets or sets the original position (smallest y-coordinate) of the row.
+       * @type {number}
+       */
+      originalPosition:number;
+      /**
+       * Gets or sets the original height of the row.
+       * <p>
+       * The original height needs to be greater than or equal to <code>0</code>.
+       * </p>
+       * @throws {Stubs.Exceptions.ArgumentError} if the original height is negative
+       * @type {number}
+       */
+      originalHeight:number;
+      /**
+       * Gets or sets the computed position (smallest y-coordinate) of the row after the layout has been calculated.
+       * @type {number}
+       */
+      computedPosition:number;
+      /**
+       * Gets or sets the tightness factor of this row.
+       * <p>
+       * This value must lie within the interval <code>[0,1]</code>.
+       * </p>
+       * <p>
+       * The larger the value, the more the row will be forced to obtain its minimum height:
+       * </p>
+       * <ul>
+       * <li>a value of <code>0.0d</code> will disable the compression of the row.</li>
+       * <li>a value of <code>1.0d</code> will try to force the row to obtain its specified {@link yfiles.layout.RowDescriptor#minimumHeight minimum height}.</li>
+       * </ul>
+       * @throws {Stubs.Exceptions.ArgumentError} if the tightness value is outside the interval <code>[0,1]</code>
+       * @type {number}
+       */
+      tightness:number;
+      /**
+       * Gets or sets whether the index of the row is fixed or it should be chosen automatically in order to minimize edge
+       * lengths.
+       * <p>
+       * For all rows where this property is enabled, the relative ordering given by the indices is preserved. The remaining rows
+       * may be sorted again so that the overall edge lengths are minimized.
+       * </p>
+       * @type {boolean}
+       */
+      indexFixed:boolean;
+      static $class:yfiles.lang.Class;
+    }
+    export enum InterEdgeRoutingStyle{
+      /**
+       * An inter-edge routing style based on which the edge layout of inter-edges will be adopted from the
+       * {@link yfiles.layout.LayoutStageBase#coreLayout core layout algorithm}.
+       * @see yfiles.layout.FixGroupLayoutStage#interEdgeRoutingStyle
+       */
+      ADOPT,
+      /**
+       * An inter-edge routing style based on which inter-edges are routed in an orthogonal style.
+       * @see yfiles.layout.FixGroupLayoutStage#interEdgeRoutingStyle
+       * @see yfiles.layout.FixGroupLayoutStage#interEdgeRouter
+       */
+      ORTHOGONAL,
+      /**
+       * An inter-edge routing style based on which inter-edges are routed as straight lines.
+       * @see yfiles.layout.FixGroupLayoutStage#interEdgeRoutingStyle
+       * @see yfiles.layout.FixGroupLayoutStage#interEdgeRouter
+       */
+      STRAIGHTLINE
+    }
+    /**
+     * This interface defines {@link yfiles.algorithms.IDataProvider} keys for those layout algorithms that can handle hierarchically
+     * grouped graphs.
+     * <p>
+     * There are two groups of {@link yfiles.algorithms.IDataProvider} keys. {@link yfiles.algorithms.IDataProvider}s registered with
+     * {@link yfiles.layout.GroupingKeys#NODE_ID_DP_KEY}, {@link yfiles.layout.GroupingKeys#GROUP_DP_KEY} and {@link yfiles.layout.GroupingKeys#PARENT_NODE_ID_DP_KEY}
+     * define the relationship of nodes within the hierarchy. A parent node is defined for each node in the graph. This parent
+     * is the containing group node. For top-level nodes, this parent is <code>null</code>.
+     * </p>
+     * <p>
+     * {@link yfiles.layout.GroupingKeys#GROUP_NODE_INSETS_DP_KEY} and {@link yfiles.layout.GroupingKeys#MINIMUM_NODE_SIZE_DP_KEY} are used for
+     * registering
+     * {@link yfiles.algorithms.IDataProvider}s that add layout information to group nodes such as the insets and the minimum size
+     * respectively.
+     * </p>
+     * @see yfiles.layout.GroupingSupport
+     * @class
+     * @static
+     */
+    export interface GroupingKeys extends Object{}
+    export class GroupingKeys {
+      /**
+       * Data provider key for assigning a unique ID for each node
+       * <p>
+       * The IDs of the nodes need to differ based on {@link Object#hashCode} and {@link Object#equals}.
+       * </p>
+       * @const
+       * @static
+       * @type {yfiles.algorithms.NodeDpKey.<Object>}
+       */
+      static NODE_ID_DP_KEY:yfiles.algorithms.NodeDpKey<Object>;
+      /**
+       * Data provider key for describing the hierarchy of nodes in the graph
+       * @see yfiles.layout.GroupingKeys#NODE_ID_DP_KEY
+       * @const
+       * @static
+       * @type {yfiles.algorithms.NodeDpKey.<Object>}
+       */
+      static PARENT_NODE_ID_DP_KEY:yfiles.algorithms.NodeDpKey<Object>;
+      /**
+       * Data provider key for distinguishing normal nodes from group nodes
+       * @const
+       * @static
+       * @type {yfiles.algorithms.NodeDpKey.<boolean>}
+       */
+      static GROUP_DP_KEY:yfiles.algorithms.NodeDpKey<boolean>;
+      /**
+       * Data provider key for assigning insets for group nodes
+       * <p>
+       * Insets reserve space around the contents of a group node. Labels and other visual decorations may be placed inside this
+       * space.
+       * </p>
+       * @const
+       * @static
+       * @type {yfiles.algorithms.NodeDpKey.<yfiles.algorithms.Insets>}
+       */
+      static GROUP_NODE_INSETS_DP_KEY:yfiles.algorithms.NodeDpKey<yfiles.algorithms.Insets>;
+      /**
+       * Data provider key for assigning minimum sizes for group nodes
+       * @const
+       * @static
+       * @type {yfiles.algorithms.NodeDpKey.<yfiles.algorithms.YDimension>}
+       */
+      static MINIMUM_NODE_SIZE_DP_KEY:yfiles.algorithms.NodeDpKey<yfiles.algorithms.YDimension>;
+      static $class:yfiles.lang.Class;
+    }
+    /**
+     * This class provides convenient and efficient access to the hierarchic graph structure.
+     * <p>
+     * The grouping information is provided through {@link yfiles.algorithms.IDataProvider}s registered with the graph with keys
+     * {@link yfiles.layout.GroupingKeys#NODE_ID_DP_KEY}, {@link yfiles.layout.GroupingKeys#PARENT_NODE_ID_DP_KEY} and
+     * {@link yfiles.layout.GroupingKeys#GROUP_DP_KEY}. It describes the hierarchy as a tree where a group node is the parent of the
+     * nodes that it contains.
+     * </p>
+     * <p>
+     * {@graph {"ann":{"s":[30,30],"d":1},"n":[[444,-37.38,62,82.38,2,[[444,-15,62,22.38,"9"]]],[460,0,[[469.66,24.35,10.67,18.7,"5"]]],[536,0,[[545.66,24.35,10.67,18.7,"6"]]],[384,0,[[393.66,24.35,10.67,18.7,"4"]]],[596,-10,50,50,2,[[596,12.38,50,22.38,"7"]]],[140,-74.75,214,134.75,2,[[140,-52.38,214,22.38,"10"]]],[156,0,[[165.66,24.35,10.67,18.7,"1"]]],[216,-37.38,122,82.38,2,[[216,-15,122,22.38,"8"]]],[232,0,[[241.66,24.35,10.67,18.7,"2"]]],[292,0,[[301.66,24.35,10.67,18.7,"3"]]]],"e":[],"vp":[140.0,-75.0,506.0,135.0]}} This is an example graph that contains group nodes. {@graph {"ann":{"s":[30,30],"d":1},"n":[[34.5,70,42,52.38,2,[[34.5,92.38,42,22.38,"10"]]],[200,162.38,42,52.38,2,[[200,184.75,42,22.38,"9"]]],[150,277.13,[[159.66,301.48,10.67,18.7,"4"]]],[179.25,0,[[160.9,22.7,66.7,18.7,"Virtual Root"]]],[0,277.13,[[9.66,301.48,10.67,18.7,"1"]]],[206,277.13,[[215.66,301.48,10.67,18.7,"5"]]],[69,162.38,42,52.38,2,[[69,184.75,42,22.38,"8"]]],[50,277.13,[[59.66,301.48,10.67,18.7,"2"]]],[100,277.13,[[109.66,301.48,10.67,18.7,"3"]]],[312,254.75,42,52.38,2,[[312,277.13,42,22.38,"7"]]],[262,277.13,[[271.66,301.48,10.67,18.7,"6"]]]],"e":[[3,0,[194.25,50,55.5,50]],[3,2,[194.25,50,165,50]],[3,1,[194.25,50,221,50]],[0,4,[55.5,142.38,15,142.38]],[1,5],[0,6,[55.5,142.38,90,142.38]],[6,7,[90,234.75,65,234.75]],[6,8,[90,234.75,115,234.75]],[3,9,[194.25,50,333,50]],[3,10,[194.25,50,277,50]]],"vp":[0.0,0.0,354.0,308.0]}} The hierarchy tree of the grouped graph reveals the relationship
+     * among the nodes. The corresponding nodes have the same labels as in the grouped graph. Group nodes are considered as the
+     * parents of their content which can consist of group nodes and/or normal nodes. Top-level nodes are children of a
+     * {@link yfiles.layout.GroupingSupport#root virtual root}. Leaf nodes can either be normal nodes or empty groups.
+     * </p>
+     * @class
+     */
+    export interface GroupingSupport extends Object{}
+    export class GroupingSupport {
+      /**
+       * Creates a new {@link yfiles.layout.GroupingSupport} instance that represents the hierarchy of the graph.
+       * <p>
+       * The hierarchy information is cached during the constructor call. Later modifications to the graph are not considered and
+       * may lead to errors when using this {@link yfiles.layout.GroupingSupport} instance.
+       * </p>
+       * @param graph the graph instance from which the hierarchy information is obtained
+       */
+      constructor(graph:yfiles.algorithms.Graph);
+      /**
+       * Creates a {@link yfiles.algorithms.INodeMap} to store hierarchy information for each node.
+       * <p>
+       * This method is called in {@link yfiles.layout.GroupingSupport#init} and may be overridden to customize how the {@link yfiles.algorithms.INodeMap}
+       * is created.
+       * </p>
+       * @param graph the current graph
+       * @returns the new instance of {@link }
+       * @see yfiles.layout.GroupingSupport#init
+       * @see yfiles.layout.GroupingSupport#disposeInfoMap
+       * @protected
+       */
+      createInfoMap(graph:yfiles.algorithms.Graph):yfiles.algorithms.INodeMap;
+      /**
+       * Disposes of all internal data structures held by this {@link yfiles.layout.GroupingSupport instance}.
+       * <p>
+       * {@link yfiles.layout.GroupingSupport} should be disposed of when it is not needed anymore, or if the state of the graph changes
+       * (e.g. new nodes are added).
+       * </p>
+       */
+      dispose():void;
+      /**
+       * Disposes of the {@link yfiles.algorithms.INodeMap} created to store hierarchy information for each node.
+       * <p>
+       * This method is called in {@link yfiles.layout.GroupingSupport#dispose} and may be overridden to revert changes from
+       * {@link yfiles.layout.GroupingSupport#createInfoMap}.
+       * </p>
+       * @param graph the current graph
+       * @param infoMap the {@link } which contains the hierarchy information for each node
+       * @see yfiles.layout.GroupingSupport#dispose
+       * @see yfiles.layout.GroupingSupport#createInfoMap
+       * @protected
+       */
+      disposeInfoMap(graph:yfiles.algorithms.Graph,infoMap:yfiles.algorithms.INodeMap):void;
+      /**
+       * Returns the direct children of the given group node.
+       * <p>
+       * If the {@link yfiles.layout.GroupingSupport#root virtual root of the hierarchy tree} is passed, all top-level nodes are returned.
+       * </p>
+       * @param parent the group node
+       * @returns a set of child nodes of the given parent node
+       * @see yfiles.layout.GroupingSupport#root
+       * @see yfiles.layout.GroupingSupport#getParent
+       * @see yfiles.layout.GroupingSupport#getDescendants
+       */
+      getChildren(parent:yfiles.algorithms.Node):yfiles.algorithms.NodeList;
+      /**
+       * Returns all descendants of the given group node.
+       * <p>
+       * All nodes in the subtree rooted at this group node are collected recursively.
+       * </p>
+       * <p>
+       * If the {@link yfiles.layout.GroupingSupport#root virtual root of the hierarchy tree} is passed, all nodes in the graph are returned.
+       * </p>
+       * @param parent the group node
+       * @returns a set of nodes that belong to a subtree of the hierarchy tree rooted at the given parent
+       * @see yfiles.layout.GroupingSupport#root
+       * @see yfiles.layout.GroupingSupport#getParent
+       * @see yfiles.layout.GroupingSupport#getChildren
+       */
+      getDescendants(parent:yfiles.algorithms.Node):yfiles.algorithms.NodeList;
+      /**
+       * Returns all edges crossing the bounds of the given group node such that their targets are inside the group node while
+       * their sources lie outside the group node.
+       * @param group the group node whose bounds are crossed
+       * @returns a set of edges that cross the bounds of the group node starting outside the group node
+       * @see yfiles.layout.GroupingSupport#getEdgesGoingOut
+       * @see yfiles.layout.GroupingSupport#isNormalEdge
+       */
+      getEdgesGoingIn(group:yfiles.algorithms.Node):yfiles.algorithms.EdgeList;
+      /**
+       * Returns all edges crossing the bounds of the given group node such that their sources are inside the group node while
+       * their targets lie outside the group node.
+       * @param group the group node whose bounds are crossed
+       * @returns a set of edges that cross the bounds of the group node starting inside the group node
+       * @see yfiles.layout.GroupingSupport#getEdgesGoingIn
+       * @see yfiles.layout.GroupingSupport#isNormalEdge
+       */
+      getEdgesGoingOut(group:yfiles.algorithms.Node):yfiles.algorithms.EdgeList;
+      /**
+       * Returns the nearest common ancestor of the given nodes in the hierarchy structure.
+       * <p>
+       * The nearest common ancestor is the local root of the smallest subtree in the hierarchy tree that contains both nodes.
+       * This group is the first node that contains these two nodes. If no such node exists, the {@link yfiles.layout.GroupingSupport#root virtual root} is returned.
+       * </p>
+       * <p>
+       * Common ancestors in special cases:
+       * </p>
+       * <ul>
+       * <li><code>node1 == node2</code>: the parent of <code>node1</code>/<code>node2</code></li>
+       * <li><code>node1 is parent of node2</code>: the parent of <code>node1</code></li>
+       * <li><code>node2 is parent of node1</code>: the parent of <code>node2</code></li>
+       * </ul>
+       * @param node1 one of the two nodes whose common ancestor is determined
+       * @param node2 one of the two nodes whose common ancestor is determined
+       * @returns the nearest common ancestor node or {@link #root}
+       */
+      getNearestCommonAncestor(node1:yfiles.algorithms.Node,node2:yfiles.algorithms.Node):yfiles.algorithms.Node;
+      /**
+       * Returns the parent for the given node.
+       * <p>
+       * The parent is the containing group node.
+       * </p>
+       * @param node the node for which the parent is determined
+       * @returns the parent of the given node or <code>null</code> for a top-level node
+       * @throws {Stubs.Exceptions.ArgumentError} if the given node is <code>null</code>
+       * @see yfiles.layout.GroupingSupport#getChildren
+       * @see yfiles.layout.GroupingSupport#getDescendants
+       * @see yfiles.layout.GroupingSupport#getNearestCommonAncestor
+       */
+      getParent(node:yfiles.algorithms.Node):yfiles.algorithms.Node;
+      /**
+       * Returns an immediate child of the group node that represents the given node.
+       * <p>
+       * If this node is already a child of the group node, the group node will be its representative. In case the node is
+       * located further down in the hierarchy, the child of the group node, which is also an ancestor of the node, is used.
+       * There is no representative if the node is not a descendant of the group.
+       * </p>
+       * @param node the node for which a representative is searched
+       * @param group the group node to which the representative should belong
+       * @returns the representative or <code>null</code> if the node is not a descendant of the group
+       * @throws {Stubs.Exceptions.ArgumentError} if the given node is <code>null</code>
+       */
+      getRepresentative(node:yfiles.algorithms.Node,group:yfiles.algorithms.Node):yfiles.algorithms.Node;
+      /**
+       * Determines whether or not the given node is a group node with children.
+       * <p>
+       * Normal nodes never have children.
+       * </p>
+       * @param node the potential parent
+       * @returns <code>true</code> if the given node has children, <code>false</code> otherwise
+       * @see yfiles.layout.GroupingSupport#getChildren
+       * @see yfiles.layout.GroupingSupport#isGroupNode
+       */
+      hasChildren(node:yfiles.algorithms.Node):boolean;
+      /**
+       * Initializes internal data structures.
+       * <p>
+       * This method is called from {@link yfiles.layout.GroupingSupport} and retrieves the state of the hierarchic graph at the moment
+       * of invocation. It may be overridden to append additional information used for group handling.
+       * </p>
+       * @see yfiles.layout.GroupingSupport#dispose
+       * @protected
+       */
+      init():void;
+      /**
+       * Returns whether or not the given graph is flat.
+       * <p>
+       * A graph is considered to be <i>flat</i> if there exist no group nodes or there exist group nodes but none of them has children.
+       * </p>
+       * @param graph the input graph
+       * @returns <code>true</code> if there are no groups or only empty groups in the graph, <code>false</code> otherwise
+       * @see yfiles.layout.GroupingSupport#isGrouped
+       * @static
+       */
+      static isFlat(graph:yfiles.algorithms.Graph):boolean;
+      /**
+       * Returns whether or not the given graph is grouped.
+       * <p>
+       * A graph is considered to be grouped if there are {@link yfiles.algorithms.IDataProvider}s registered with the graph with keys
+       * {@link yfiles.layout.GroupingKeys#GROUP_DP_KEY}, {@link yfiles.layout.GroupingKeys#NODE_ID_DP_KEY} and
+       * {@link yfiles.layout.GroupingKeys#PARENT_NODE_ID_DP_KEY}.
+       * </p>
+       * @param graph the input graph
+       * @returns <code>true</code> if the graph contains hierarchic information, <code>false</code> otherwise
+       * @see yfiles.layout.GroupingSupport#isFlat
+       * @static
+       */
+      static isGrouped(graph:yfiles.algorithms.Graph):boolean;
+      /**
+       * Determines whether or not the given node is a group node.
+       * <p>
+       * While group nodes may have children, normal nodes never have children.
+       * </p>
+       * @param node the potential group node
+       * @returns <code>true</code> if the given node is a group node, <code>false</code> otherwise
+       * @see yfiles.layout.GroupingSupport#hasChildren
+       */
+      isGroupNode(node:yfiles.algorithms.Node):boolean;
+      /**
+       * Determines whether or not the given edge is a normal edge as opposed to an edge that crosses any group node bounds.
+       * <p>
+       * Source and target of a normal edge are part of the same hierarchy level and share the same parent node.
+       * </p>
+       * @param edge the edge to check
+       * @returns <code>true</code> if the given edge is normal, <code>false</code> otherwise
+       * @see yfiles.layout.GroupingSupport#getEdgesGoingIn
+       * @see yfiles.layout.GroupingSupport#getEdgesGoingOut
+       */
+      isNormalEdge(edge:yfiles.algorithms.Edge):boolean;
+      /**
+       * Gets the {@link yfiles.algorithms.Graph} instance for which this {@link yfiles.layout.GroupingSupport} object provides hierarchy
+       * information.
+       * @type {yfiles.algorithms.Graph}
+       */
+      graph:yfiles.algorithms.Graph;
+      /**
+       * Gets a {@link yfiles.algorithms.Node} instance associated with the virtual root of the hierarchy tree.
+       * <p>
+       * This instance can be given to the {@link yfiles.layout.GroupingSupport#getChildren} to obtain the nodes of the top level of the
+       * hierarchy.
+       * </p>
+       * @see yfiles.layout.GroupingSupport#getChildren
+       * @type {yfiles.algorithms.Node}
+       */
+      root:yfiles.algorithms.Node;
+      static $class:yfiles.lang.Class;
+    }
+    /**
+     * A {@link yfiles.layout.ILayoutStage layout stage} that hides the group nodes of hierarchically grouped graphs.
+     * <p>
+     * This stage removes all group nodes and adjacent edges from the graph before passing it to the
+     * {@link yfiles.layout.LayoutStageBase#coreLayout core layout algorithm}. After the core layout algorithm has arranged the graph, the hidden elements will be reinserted.
+     * </p>
+     * <p>
+     * This stage is used by layout algorithms that cannot handle grouped graphs (e.g. {@link yfiles.circular.CircularLayout}).
+     * </p>
+     * @class
+     * @extends {yfiles.layout.LayoutStageBase}
+     */
+    export interface HideGroupsStage extends yfiles.layout.LayoutStageBase{}
+    export class HideGroupsStage {
+      /**
+       * Creates an instance of {@link yfiles.layout.HideGroupsStage} with an optional {@link yfiles.layout.LayoutStageBase#coreLayout core layout algorithm}.
+       * @param [coreLayouter=null] The core layout algorithm.
+       */
+      constructor(coreLayouter?:yfiles.layout.ILayoutAlgorithm);
+      /**
+       * Hides the group nodes and their incident edges of the input graph.
+       * <p>
+       * Furthermore, this method removes all grouping-related {@link yfiles.algorithms.IDataProvider}s from the input graph.
+       * </p>
+       * @param graph the input graph
+       * @see yfiles.layout.GroupingKeys#NODE_ID_DP_KEY
+       * @see yfiles.layout.GroupingKeys#PARENT_NODE_ID_DP_KEY
+       * @see yfiles.layout.GroupingKeys#GROUP_DP_KEY
+       * @see yfiles.layout.HideGroupsStage#unhideGroupNodes
+       */
+      hideGroupNodes(graph:yfiles.layout.LayoutGraph):void;
+      /**
+       * Un-hides the group nodes and their incident edges of the input graph that were previously hidden using method
+       * {@link yfiles.layout.HideGroupsStage#hideGroupNodes}.
+       * <p>
+       * Furthermore, this method restores all previously removed grouping related
+       * {@link yfiles.algorithms.IDataProvider}s on the input graph.
+       * </p>
+       * @param graph the given graph
+       * @see yfiles.layout.GroupingKeys#NODE_ID_DP_KEY
+       * @see yfiles.layout.GroupingKeys#PARENT_NODE_ID_DP_KEY
+       * @see yfiles.layout.GroupingKeys#GROUP_DP_KEY
+       * @see yfiles.layout.HideGroupsStage#hideGroupNodes
+       */
+      unhideGroupNodes(graph:yfiles.layout.LayoutGraph):void;
+      /**
+       * Gets or sets whether or not empty group nodes, i.e., group nodes without children, will be hidden by this stage.
+       * @type {boolean}
+       */
+      hidingEmptyGroupNodes:boolean;
+      /**
+       * Gets or sets the {@link yfiles.layout.IGroupBoundsCalculator} instance for calculating the sizes of group nodes.
+       * <p>
+       * For every group which is in its open state, the {@link yfiles.layout.IGroupBoundsCalculator} will be asked to calculate the
+       * bounds for the group's child nodes. The resulting size will be used during the ongoing layout calculation.
+       * </p>
+       * @type {yfiles.layout.IGroupBoundsCalculator}
+       */
+      groupBoundsCalculator:yfiles.layout.IGroupBoundsCalculator;
+      static $class:yfiles.lang.Class;
+    }
+    /**
+     * A {@link yfiles.layout.IGroupBoundsCalculator} is responsible for calculating the bounds of a group node during a layout
+     * process.
+     * @interface
+     */
+    export interface IGroupBoundsCalculator extends Object{
+      /**
+       * Calculates the bounds of the given group node that contains the given list of child nodes.
+       * <p>
+       * This method is called during the layout process.
+       * </p>
+       * @param graph the input graph
+       * @param groupNode the group node whose bounds will be calculated
+       * @param children a {@link } containing the nodes that reside inside the group node
+       * @returns a {@link } instance that describes the bounds of the group node
+       * @abstract
+       */
+      calculateBounds(graph:yfiles.layout.LayoutGraph,groupNode:yfiles.algorithms.Node,children:yfiles.algorithms.NodeList):yfiles.algorithms.Rectangle2D;
+    }
+    var IGroupBoundsCalculator:{
+      $class:yfiles.lang.Class;
+      isInstance(o:Object):boolean;
+    };
+    /**
+     * This {@link yfiles.layout.IGroupBoundsCalculator} calculates the bounds of group nodes and allows to specify custom insets for
+     * each group node.
+     * <p>
+     * {@link yfiles.algorithms.Insets Insets} are provided by a {@link yfiles.algorithms.IDataProvider} that must have been registered with the graph using the
+     * specified {@link yfiles.layout.InsetsGroupBoundsCalculator#groupNodeInsetsDpKey insets key} prior to the invocation of the layout algorithm.
+     * </p>
+     * @class
+     * @implements {yfiles.layout.IGroupBoundsCalculator}
+     */
+    export interface InsetsGroupBoundsCalculator extends Object,yfiles.layout.IGroupBoundsCalculator{}
+    export class InsetsGroupBoundsCalculator {
+      /**
+       * Constructs an instance of {@link yfiles.layout.InsetsGroupBoundsCalculator} using the given {@link yfiles.algorithms.IDataProvider} key
+       * as {@link yfiles.layout.InsetsGroupBoundsCalculator#groupNodeInsetsDpKey group node insets key} and the given insets as {@link yfiles.layout.InsetsGroupBoundsCalculator#defaultInsets default insets}.
+       * @param [groupNodeInsetsDPKey=null] the {@link } key to use as {@link #groupNodeInsetsDpKey insets key}
+       * @param [defaultInsets=null] the insets to use as {@link #defaultInsets default insets}
+       */
+      constructor(groupNodeInsetsDPKey?:Object,defaultInsets?:yfiles.algorithms.Insets);
+      /**
+       * Constructs an instance of {@link yfiles.layout.InsetsGroupBoundsCalculator} using the given {@link yfiles.algorithms.IDataProvider} key
+       * as {@link yfiles.layout.InsetsGroupBoundsCalculator#groupNodeInsetsDpKey group node insets key} and the given insets as {@link yfiles.layout.InsetsGroupBoundsCalculator#defaultInsets default insets}.
+       * @param {Object} options The parameters to pass.
+       * @param [options.groupNodeInsetsDPKey=null] the {@link } key to use as {@link #groupNodeInsetsDpKey insets key}
+       * @param [options.defaultInsets=null] the insets to use as {@link #defaultInsets default insets}
+       */
+      constructor(options:{groupNodeInsetsDPKey?:Object,defaultInsets?:yfiles.algorithms.Insets});
+      /**
+       * Calculates the bounds of the given group node and enlarges the bounds by the insets associated with the group node.
+       * <p>
+       * The {@link yfiles.algorithms.Insets insets} associated with the group node will be retrieved from a {@link yfiles.algorithms.IDataProvider} registered with the
+       * graph with the current {@link yfiles.layout.InsetsGroupBoundsCalculator#groupNodeInsetsDpKey insets key}.
+       * </p>
+       * @param graph the input graph
+       * @param groupNode the group node whose bounds will be calculated
+       * @param children a {@link } containing the nodes that reside inside the group node
+       * @returns a {@link } instance that describes the bounds of the group node
+       */
+      calculateBounds(graph:yfiles.layout.LayoutGraph,groupNode:yfiles.algorithms.Node,children:yfiles.algorithms.NodeList):yfiles.algorithms.Rectangle2D;
+      /**
+       * Enlarges the given graph bounds by the insets associated with the given group node.
+       * <p>
+       * The {@link yfiles.algorithms.Insets insets} associated with the group node will be retrieved from a {@link yfiles.algorithms.IDataProvider} registered with the
+       * graph with the current {@link yfiles.layout.InsetsGroupBoundsCalculator#groupNodeInsetsDpKey insets key}.
+       * </p>
+       * <p>
+       * This method is called while {@link yfiles.layout.InsetsGroupBoundsCalculator#calculateBounds calculating the group bounds} to realize the support for custom insets. It may be overridden
+       * to change the way specific insets influence the group node bounds.
+       * </p>
+       * @param graph the input graph
+       * @param groupNode the group node whose bounds should be enlarged
+       * @param children the list of nodes that the given group node contains
+       * @param bounds a {@link } instance representing the bounds of the given group node
+       * @returns a {@link } instance representing the enlarged bounds of the given group node
+       */
+      createEnlargedBounds(graph:yfiles.layout.LayoutGraph,groupNode:yfiles.algorithms.Node,children:yfiles.algorithms.NodeList,bounds:yfiles.algorithms.Rectangle2D):yfiles.algorithms.Rectangle2D;
+      /**
+       * Gets or sets whether or not the labels of nodes contained in a group are considered while calculating the bounds of the
+       * group node.
+       * @type {boolean}
+       */
+      considerNodeLabels:boolean;
+      /**
+       * Gets or sets whether or not the labels of edges contained in a group are considered while calculating the bounds of the
+       * group node.
+       * @type {boolean}
+       */
+      considerEdgeLabels:boolean;
+      /**
+       * Gets or sets whether or not the calculation of the bounds of a group node considers the {@link yfiles.layout.NodeHalo NodeHalos} associated with the
+       * group's child nodes.
+       * @type {boolean}
+       */
+      considerNodeHalos:boolean;
+      /**
+       * Gets or sets the default insets that will be used if the {@link yfiles.algorithms.IDataProvider} registered with the {@link yfiles.layout.InsetsGroupBoundsCalculator#groupNodeInsetsDpKey insets key}
+       * does not contain a mapping for a specific node.
+       * @type {yfiles.algorithms.Insets}
+       */
+      defaultInsets:yfiles.algorithms.Insets;
+      /**
+       * Gets or sets the key to register a {@link yfiles.algorithms.IDataProvider} that is used to access the insets for the group
+       * nodes.
+       * <p>
+       * The {@link yfiles.algorithms.IDataProvider} registered with this key must provide a mapping from each group node to a {@link yfiles.algorithms.Insets}
+       * (or {@link yfiles.algorithms.Insets}) instance.
+       * </p>
+       * @type {Object}
+       */
+      groupNodeInsetsDpKey:Object;
+      static $class:yfiles.lang.Class;
+    }
+    /**
+     * A special {@link yfiles.layout.ComponentLayout} implementation that allows to lay out isolated subgraphs within a group as
+     * separate components.
+     * <p>
+     * {@link yfiles.orthogonal.OrthogonalLayout OrthogonalLayout} uses this layout stage to arrange components.
+     * </p>
+     * <p>
+     * {@graph {"ann":{"s":[30,30],"d":0},"n":[[-5,16,210,336.38,2],[10,110,1],[10,35,1],[85,35,1],[160,35,1],[160,110,1],[10,285],[85,285],[85,210]],"e":[[1,2,0,-15,0,15],[2,3,15,0,-15,0],[3,4,15,0,-15,0],[4,5,0,15,0,-15],[5,1,-15,0,15,0],[6,8,0,-15,-15,0,[25,225]],[8,7,0,15,0,-15],[7,6,-15,0,15,0]],"vp":[-5.0,16.0,210.0,337.0]}} Example of a hierarchically grouped graph with two components that are laid out by {@link yfiles.orthogonal.OrthogonalLayout OrthogonalLayout} as separate
+     * components.
+     * </p>
+     * @class
+     * @extends {yfiles.layout.ComponentLayout}
+     */
+    export interface IsolatedGroupComponentLayout extends yfiles.layout.ComponentLayout{}
+    export class IsolatedGroupComponentLayout {
+      /**
+       * Creates an instance of {@link yfiles.layout.IsolatedGroupComponentLayout} with the given layout algorithm as
+       * {@link yfiles.layout.LayoutStageBase#coreLayout core layout algorithm}.
+       * @param [coreLayouter=null] the core layout algorithm that will be invoked for each component of the graph
+       */
+      constructor(coreLayouter?:yfiles.layout.ILayoutAlgorithm);
+      /**
+       * Determines the nodes that belong to the same graph component.
+       * <p>
+       * Unlike
+       * {@link yfiles.layout.ComponentLayout}, this implementation additionally identifies isolated subgraphs within a group as separate
+       * components.
+       * </p>
+       * @param graph the input graph
+       * @param compNumber the {@link } that will be filled by the layout algorithm, such that it contains the zero-based index
+       * of the component number to which each node belongs
+       * @returns the number of separate components
+       * @protected
+       */
+      findIsolatedGraphComponents(graph:yfiles.layout.LayoutGraph,compNumber:yfiles.algorithms.INodeMap):number;
+      static $class:yfiles.lang.Class;
+    }
+    /**
+     * This {@link yfiles.layout.IGroupBoundsCalculator} allows custom insets for group nodes and guarantees that their provided
+     * minimum sizes will be maintained.
+     * <p>
+     * As a subclass of {@link yfiles.layout.InsetsGroupBoundsCalculator}, this class supports custom insets for each group node.
+     * Furthermore, it guarantees that a desired minimum size is maintained. The minimum sizes are provided by a {@link yfiles.algorithms.IDataProvider}
+     * registered with the graph using the specified {@link yfiles.layout.MinimumSizeGroupBoundsCalculator#minimumNodeSizeDpKey minimum node size key}.
+     * </p>
+     * @class
+     * @extends {yfiles.layout.InsetsGroupBoundsCalculator}
+     */
+    export interface MinimumSizeGroupBoundsCalculator extends yfiles.layout.InsetsGroupBoundsCalculator{}
+    export class MinimumSizeGroupBoundsCalculator {
+      /**
+       * Creates a new instance of {@link yfiles.layout.MinimumSizeGroupBoundsCalculator} with the given key as {@link yfiles.layout.MinimumSizeGroupBoundsCalculator#minimumNodeSizeDpKey minimum node size key}.
+       * @param minSizeDataProviderKey the {@link } key to use as {@link #minimumNodeSizeDpKey minimum size key}
+       */
+      constructor(minSizeDataProviderKey:Object);
+      /**
+       * Creates a new instance of {@link yfiles.layout.MinimumSizeGroupBoundsCalculator} with default settings.
+       */
+      constructor();
+      /**
+       * Gets or sets how the nodes are resized horizontally if the calculated width is smaller than the preferred minimum width
+       * of a group node.
+       * <p>
+       * The alignment is defined to be a value between <code>0</code> and <code>1</code>, such that:
+       * </p>
+       * <ul>
+       * <li>A value of <code>0</code> means that the nodes grow to the right while the left border remains unchanged.</li>
+       * <li>A value of <code>1</code> means that the nodes grow to the left while the right border remains unchanged.</li>
+       * </ul>
+       * @throws {Stubs.Exceptions.ArgumentError} if the given value does not lie within <code>[0,1]</code>
+       * @type {number}
+       */
+      xAlignment:number;
+      /**
+       * Gets or sets how the nodes are resized vertically if the calculated height is smaller than the preferred minimum height
+       * of a group node.
+       * <p>
+       * The alignment is defined to be a value between <code>0</code> and <code>1</code>, such that:
+       * </p>
+       * <ul>
+       * <li>A value of <code>0</code> means that the nodes grow downwards while the top border remains unchanged.</li>
+       * <li>A value of <code>1</code> means that the nodes grow upwards while the bottom border remains unchanged.</li>
+       * </ul>
+       * @throws {Stubs.Exceptions.ArgumentError} if the given value does not lie within <code>[0,1]</code>
+       * @type {number}
+       */
+      yAlignment:number;
+      /**
+       * Gets or sets the key to register a {@link yfiles.algorithms.IDataProvider} that is used to access the minimum sizes for the
+       * group nodes.
+       * <p>
+       * The {@link yfiles.algorithms.IDataProvider} registered with this key must provide a mapping from each group node to a {@link yfiles.algorithms.YDimension}
+       * object defining the minimum width and height of the group node.
+       * </p>
+       * @see yfiles.layout.MinimumSizeGroupBoundsCalculator#defaultMinimumNodeSize
+       * @type {Object}
+       */
+      minimumNodeSizeDpKey:Object;
+      /**
+       * Gets or sets the default minimum size (width and height) for group nodes.
+       * <p>
+       * The default minimum size is used if the {@link yfiles.algorithms.IDataProvider} registered with the {@link yfiles.layout.MinimumSizeGroupBoundsCalculator#minimumNodeSizeDpKey minimum size key} does not
+       * contain a mapping for a group node.
+       * </p>
+       * @throws {Stubs.Exceptions.ArgumentError} if the given {@link yfiles.algorithms.YDimension} is <code>null</code>
+       * @see yfiles.layout.MinimumSizeGroupBoundsCalculator#minimumNodeSizeDpKey
+       * @type {yfiles.algorithms.YDimension}
+       */
+      defaultMinimumNodeSize:yfiles.algorithms.YDimension;
+      static $class:yfiles.lang.Class;
+    }
+    /**
+     * This layout algorithm recursively traverses a hierarchically organized graph in a bottom-up fashion and applies a
+     * specified layout algorithm to the contents (direct children) of each group node.
+     * <p>
+     * <b>Layout Style</b> The way a graph is arranged depends on the {@link yfiles.layout.ILayoutAlgorithm layout algorithms} which are applied to the different group nodes. {@link yfiles.layout.RecursiveGroupLayout}
+     * is able to produce different layout styles for the content of each group node.
+     * </p>
+     * <p>
+     * This layout algorithm can be either applied if a {@link yfiles.layout.ILayoutAlgorithm layout algorithm} cannot handle grouped graphs by itself or if the
+     * content of (some) group nodes should be arranged differently.
+     * </p>
+     * <p>
+     * {@graph {"ann":{"s":[30,30],"d":1},"styles":{"6":{"c":1}},"n":[[-17.5,755,335,340,2],[166.25,770],[247.5,840],[85,840],[172.5,910],[272.5,910],[72.5,910],[272.5,980],[222.5,910],[97.5,980],[47.5,980],[-2.5,910],[147.5,980],[122.5,1050],[172.5,1050],[197.5,980],[-2.5,980],[-2.5,1050],[929.97,593,673.03,664,2],[1028.43,230.79,493.13,238.42,2],[1451.74,249.79,54.83,54.83],[1043.43,336.11,54.83,54.83],[1376.74,346.07],[1143.26,334.82],[1223.95,267.93,37.09,37.09],[1223.95,335.02,37.09,37.09],[1223.95,402.12,37.09,37.09],[1306.05,338.57],[351.41,46.3,547.17,607.39,2],[392.91,738,464.18,374,2],[600.69,849.79,44.43,44.43],[803.73,927.82,38.37,38.37],[600.69,1024.79,44.43,44.43],[707.91,932],[707.91,1032],[507.91,757],[503.73,852.82,38.37,38.37],[407.91,857],[1329,1038,6],[1269,795,6],[1472,612,6],[1411,1025,6],[1427,744,6],[1355,779,6],[1157,888,6],[1108,838,6],[1230,723,6],[1351,946,6],[1185,810,6],[1387,847,6],[1185,956,6],[1221,1212,6],[1311,715,6],[962,988,6],[1558,700,6],[1053,639,6],[1264,993,6],[1509,1121,6],[1143,742,6],[1453,871,6],[1248,1077,6],[1430,943,6],[1093,947,6],[1173,1025,6],[1249.93,858.93,83.14,83.14,6],[406.42,266.45,6],[535.29,224.58,6],[407.4,568.81,54.23,54.23,6],[366.41,92.7,54.23,54.23,6],[464.05,443.83,6],[450.74,65.3,54.23,54.23,6],[464.05,224.58,6],[592.93,401.96,6],[714.87,571.77,41.35,41.35,6],[842.24,530.39,41.35,41.35,6],[793.59,463.42,41.35,41.35,6],[793.59,597.35,41.35,41.35,6],[614.94,334.2,6],[535.29,443.83,6],[714.87,489,41.35,41.35,6],[406.42,401.96,6],[592.93,266.45,6],[384.4,334.2,6],[595.06,86,54.23,54.23,6],[668.28,135.99,54.23,54.23,6],[720.4,207.72,54.23,54.23,6],[745.32,292.81,54.23,54.23,6]],"e":[[1,2],[1,3],[3,4],[2,5],[3,6],[5,7],[2,8],[6,9],[6,10],[3,11],[4,12],[12,13],[12,14],[4,15],[11,16],[16,17],[0,19,0,-170,0,-119.21,[150,0,1275,0]],[21,22,27.41,13.71,-15,7.5,[1108.26,377.23,1158.26,454.21,1336.05,454.21,1361.74,368.57]],[22,20,15,-0,-27.41,18.28,[1416.74,361.07,1436.74,295.48]],[21,23,27.41,-13.71,-15,-0],[23,20,15,-11.25,-27.41,-18.28,[1183.26,338.57,1208.95,252.93,1391.74,252.93,1436.74,258.93]],[23,24,15,-3.75,-18.55,-0,[1183.26,346.07,1208.95,286.48]],[24,20,18.55,-9.27,-27.41,-0],[23,25,15,3.75,-18.55,-0],[23,26,15,11.25,-18.55,-0,[1183.26,361.07,1208.95,420.66]],[25,27,18.55,-0,-15,-0],[24,27,18.55,9.27,-15,-10,[1271.05,295.75,1291.05,343.57]],[26,27,18.55,-0,-15,10,[1271.05,420.66,1291.05,363.57]],[27,22,15,-0,-15,-7.5],[29,28,0,-187,0,303.7],[31,30,0,-19.18,22.21,0,[822.91,872]],[31,32,0,19.18,0,22.21,[822.91,1097,622.91,1097]],[2,32],[32,30,0,-22.21,0,22.21],[31,33,-19.18,0,15,0],[33,32,-15,0,12.5,-22.21,[635.41,947]],[33,34,0,15,0,-15],[34,32,-15,0,22.21,0],[34,31,15,0,-12.5,19.18,[810.41,1047]],[35,30,15,0,0,-22.21,[622.91,772]],[35,36,0,15,0,-19.18],[32,36,-22.21,-12.5,0,19.18,[522.91,1034.5]],[36,30,19.18,0,-22.21,0],[36,37,-19.18,0,15,0],[32,37,-22.21,0,0,15,[422.91,1047]],[37,35,0,-15,-15,0,[422.91,772]],[42,40],[42,54],[41,57],[58,55],[60,51],[62,53],[64,38],[64,39],[64,41,[1330.6,964.06,1337.99,974.52,1346.6,984.13,1356.64,992.4]],[64,42,[1301.28,892.93,1380.34,828.69,1390.42,819.61,1400.14,810]],[64,43],[64,44],[64,45],[64,46,[1257.8,823.49,1254.58,812.63,1252.57,801.6]],[64,47],[64,48],[64,49],[64,50],[64,52,[1313.2,816.82,1315.29,805.72]],[64,56],[64,58,[1227.75,807.43,1218.48,798.12,1198.26,783.57]],[64,59,[1401.91,896.21,1413.4,895.03]],[64,60,[1249.83,992.24,1246.96,1005.02,1247.3,1018.2]],[64,61],[64,62],[64,63],[40,19],[69,67],[65,71],[66,71],[71,70],[71,69],[71,68],[72,21],[73,74],[75,74],[73,76],[74,76],[77,72],[77,71],[71,78],[78,72],[78,69],[72,79],[79,75],[79,73],[69,80],[72,80],[66,81],[81,77],[65,82],[82,81],[82,80],[82,77],[83,81],[84,81],[85,81],[86,81],[51,33]],"vp":[-18.0,0.0,1621.0,1257.0]}}<b>Concept</b>
+     * </p>
+     * <p>
+     * {@link yfiles.layout.RecursiveGroupLayout} uses a hierarchy tree representation of the grouped graph in which the content nodes
+     * are the children of their containing group node. That way, it can traverse the tree recursively while arranging only the
+     * direct children of each group node. The layout algorithm starts by arranging the leaves in the hierarchy tree, then
+     * works its way up to the root computing the layout for each group node in the tree.
+     * </p>
+     * <p>
+     * All nodes other than the direct children are temporarily hidden. The layout algorithm performs two steps for each group
+     * node.
+     * </p>
+     * <ol>
+     * <li>
+     * It arranges the direct children using either the {@link yfiles.layout.LayoutStageBase#coreLayout core layout algorithm} or a special layout algorithm retrieved from a {@link yfiles.algorithms.IDataProvider}
+     * registered with
+     * {@link yfiles.layout.RecursiveGroupLayout#GROUP_NODE_LAYOUT_DP_KEY}. The content of group nodes among the children is already
+     * arranged at this time and will be ignored. These group nodes are handled like normal nodes with a size that encloses the
+     * content.
+     * </li>
+     * <li>
+     * Then {@link yfiles.layout.RecursiveGroupLayout} computes the final size of the group node using an implementation of
+     * {@link yfiles.layout.IGroupBoundsCalculator}. Customized {@link yfiles.layout.IGroupBoundsCalculator}s can be specified using
+     * {@link yfiles.layout.RecursiveGroupLayout#groupBoundsCalculator}. Aside from the resulting layout, this size is used in the following iteration.
+     * </li>
+     * </ol>
+     * <p>
+     * After a layout is applied to all group nodes, the layout algorithm computes routes for the edges whose source node is
+     * located at a different hierarchy level than its target node. The edge routing algorithm for these so-called inter-edges
+     * can be {@link yfiles.layout.RecursiveGroupLayout#interEdgeRouter customized}.
+     * </p>
+     * <p>
+     * Note that {@link yfiles.layout.RecursiveGroupLayout} can run without a
+     * {@link yfiles.layout.LayoutStageBase#coreLayout core layout algorithm}. In this case no layout is calculated, instead the group node bounds are merely adjusted to fit
+     * their respective contents.
+     * </p>
+     * <p>
+     * <b>Features</b> There are two alternatives for applying different layout styles to the contents of group nodes:
+     * </p>
+     * <ol>
+     * <li>
+     * Mapping each group node to a corresponding {@link yfiles.layout.ILayoutAlgorithm layout algorithm} by registering a {@link yfiles.algorithms.IDataProvider} with key
+     * {@link yfiles.layout.RecursiveGroupLayout#GROUP_NODE_LAYOUT_DP_KEY}. The content of the hierarchy root is arranged with the
+     * {@link yfiles.layout.LayoutStageBase#coreLayout core layout algorithm}.
+     * </li>
+     * <li>Using {@link yfiles.layout.LayoutMultiplexer} as {@link yfiles.layout.LayoutStageBase#coreLayout core layout algorithm}.</li>
+     * </ol>
+     * <p>
+     * Since {@link yfiles.layout.RecursiveGroupLayout} delegates the actual arrangement of the graph to other layout algorithms, it
+     * will support the same features as the currently used layout algorithm.
+     * </p>
+     * <p>
+     * The improvement of the routing of inter-edges is based on the {@link yfiles.layout.RecursiveGroupLayout#autoAssignPortCandidates insertion} of {@link yfiles.layout.PortCandidate}s or the {@link yfiles.layout.RecursiveGroupLayout#replacePortConstraints conversion}
+     * of {@link yfiles.layout.PortConstraint}s into {@link yfiles.layout.PortCandidate}s. Hence, they only work well if the applied layout
+     * algorithm supports {@link yfiles.layout.PortCandidate}s.
+     * </p>
+     * <p>
+     * This algorithm also provides a {@link yfiles.layout.RecursiveGroupLayout#fromSketchMode From Sketch mode} that should be activated if the applied layout algorithm runs in From
+     * Sketch mode, too. Otherwise, the initial coordinates may not be considered correctly.
+     * </p>
+     * @class
+     * @extends {yfiles.layout.LayoutStageBase}
+     */
+    export interface RecursiveGroupLayout extends yfiles.layout.LayoutStageBase{}
+    export class RecursiveGroupLayout {
+      /**
+       * Creates a new instance of {@link yfiles.layout.RecursiveGroupLayout} with default settings using the given {@link yfiles.layout.ILayoutAlgorithm layout algorithm} and
+       * {@link yfiles.layout.IGroupBoundsCalculator} implementation.
+       * @param core the layout algorithm that is applied in each step of the recursion
+       * @param gbc the {@link } for calculating group sizes
+       */
+      constructor(core:yfiles.layout.ILayoutAlgorithm,gbc:yfiles.layout.IGroupBoundsCalculator);
+      /**
+       * Creates a new instance of {@link yfiles.layout.RecursiveGroupLayout} with an optional {@link yfiles.layout.LayoutStageBase#coreLayout core layout algorithm}.
+       * @param [core=null] The layout algorithm that is applied in each recursion step.
+       */
+      constructor(core?:yfiles.layout.ILayoutAlgorithm);
+      /**
+       * Reroutes the given inter-edges using the current {@link yfiles.layout.RecursiveGroupLayout#interEdgeRouter edge routing algorithm}.
+       * <p>
+       * This method is called after calculating the overall layout when the positions of all nodes and normal edges are fixed.
+       * </p>
+       * <p>
+       * If no {@link yfiles.layout.RecursiveGroupLayout#interEdgeRouter inter-edge router} is specified, this method {@link yfiles.layout.LayoutGraphUtilities#resetPath resets the path} of all inter-edges that don't connect to the proper
+       * location within the group. This may happen for inter-edges without
+       * {@link yfiles.layout.PortCandidate}s or if the applied layout algorithm doesn't support such constraints.
+       * </p>
+       * @param graph the input graph
+       * @param interEdges the edges which traverse the boundary of a group node
+       * @see yfiles.layout.RecursiveGroupLayout#autoAssignPortCandidates
+       * @see yfiles.layout.RecursiveGroupLayout#replacePortConstraints
+       * @see yfiles.layout.RecursiveGroupLayout#interEdgeRouter
+       * @protected
+       */
+      routeInterEdges(graph:yfiles.layout.LayoutGraph,interEdges:yfiles.algorithms.EdgeList):void;
+      /**
+       * Data provider key for arranging the content of each group node with an individual layout algorithm
+       * <p>
+       * The specified layouter instance is applied to the content of the group node. To arrange the top level elements the {@link yfiles.layout.LayoutStageBase#coreLayout core layout algorithm}
+       * is used.
+       * </p>
+       * @see yfiles.layout.RecursiveGroupLayout#NULL_LAYOUT
+       * @const
+       * @static
+       * @type {yfiles.algorithms.NodeDpKey.<yfiles.layout.ILayoutAlgorithm>}
+       */
+      static GROUP_NODE_LAYOUT_DP_KEY:yfiles.algorithms.NodeDpKey<yfiles.layout.ILayoutAlgorithm>;
+      /**
+       * Data provider key for assigning source split ids to edges connecting to group nodes
+       * <p>
+       * The edges will be aligned with edges that connect to the same group node and have the same split id at their source
+       * (preferably) or target.
+       * </p>
+       * @see yfiles.layout.RecursiveGroupLayout#TARGET_SPLIT_ID_DP_KEY
+       * @see yfiles.hierarchic.HierarchicLayout
+       * @see yfiles.hierarchic.EdgeLayoutDescriptor#directGroupContentEdgeRouting
+       * @const
+       * @static
+       * @type {yfiles.algorithms.EdgeDpKey.<Object>}
+       */
+      static SOURCE_SPLIT_ID_DP_KEY:yfiles.algorithms.EdgeDpKey<Object>;
+      /**
+       * Data provider key for assigning target split ids to edges connecting to group nodes
+       * <p>
+       * The edges will be aligned with edges that connect to the same group node and have the same split id at their source or
+       * target (preferably).
+       * </p>
+       * @see yfiles.layout.RecursiveGroupLayout#SOURCE_SPLIT_ID_DP_KEY
+       * @see yfiles.hierarchic.HierarchicLayout
+       * @see yfiles.hierarchic.EdgeLayoutDescriptor#directGroupContentEdgeRouting
+       * @const
+       * @static
+       * @type {yfiles.algorithms.EdgeDpKey.<Object>}
+       */
+      static TARGET_SPLIT_ID_DP_KEY:yfiles.algorithms.EdgeDpKey<Object>;
+      /**
+       * A constant that represents a {@link yfiles.layout.ILayoutAlgorithm} implementation that does nothing.
+       * <p>
+       * This implementation can be assigned to group nodes to keep their content unchanged. The layout algorithm will still
+       * calculate the sizes of the group nodes.
+       * </p>
+       * @const
+       * @static
+       * @type {yfiles.layout.ILayoutAlgorithm}
+       */
+      static NULL_LAYOUT:yfiles.layout.ILayoutAlgorithm;
+      /**
+       * Gets or sets whether or not to consider the initial coordinates of the graph elements.
+       * <p>
+       * When using the initial coordinates, {@link yfiles.layout.RecursiveGroupLayout} sets the coordinates of the nodes to their
+       * initial position before the corresponding {@link yfiles.layout.ILayoutAlgorithm layout algorithm} is called.
+       * </p>
+       * @type {boolean}
+       */
+      fromSketchMode:boolean;
+      /**
+       * Gets or sets whether or not temporary {@link yfiles.layout.PortCandidate}s are inserted to improve the routing of inter-edges.
+       * <p>
+       * If enabled, {@link yfiles.layout.RecursiveGroupLayout} will insert {@link yfiles.layout.PortCandidate}s for all inter-edges that cross a
+       * group node border. Those {@link yfiles.layout.PortCandidate}s are located at the relative position of the real source/target
+       * node. Inter-edges that connect to such {@link yfiles.layout.PortCandidate}s will be routed when the layout of the containing
+       * group node is calculated and will not be {@link yfiles.layout.RecursiveGroupLayout#routeInterEdges rerouted} later. This may produce more suitable edge routes but cannot prevent
+       * edges from crossing nodes.
+       * </p>
+       * <p>
+       * Without temporary or user specified {@link yfiles.layout.PortCandidate}s, inter-edges will always end at the border/center of
+       * the corresponding group node. Thus, they are rerouted afterwards using an {@link yfiles.layout.RecursiveGroupLayout#interEdgeRouter edge routing algorithm}.
+       * </p>
+       * @see yfiles.layout.RecursiveGroupLayout#routeInterEdges
+       * @see yfiles.layout.RecursiveGroupLayout#interEdgeRouter
+       * @see yfiles.layout.PortCandidate
+       * @type {boolean}
+       */
+      autoAssignPortCandidates:boolean;
+      /**
+       * Gets or sets whether or not {@link yfiles.layout.PortConstraint}s of inter-edges are temporarily replaced by
+       * {@link yfiles.layout.PortCandidate}s.
+       * <p>
+       * If disabled, inter-edges will always end at the border/center of the corresponding group node, even if those edges have
+       * port constraints. Thus, they are {@link yfiles.layout.RecursiveGroupLayout#routeInterEdges rerouted} later without considering the constraint. Enabling this settings may produce
+       * more suitable edge routes but cannot prevent edges from crossing nodes.
+       * </p>
+       * <p>
+       * Port candidates are automatically redirected to their original location. Hence, enabling this option may produce more
+       * suitable edge routes if the layout algorithm applied to the content of a group node can handle port candidates.
+       * </p>
+       * @see yfiles.layout.RecursiveGroupLayout#routeInterEdges
+       * @see yfiles.layout.PortCandidate
+       * @type {boolean}
+       */
+      replacePortConstraints:boolean;
+      /**
+       * Gets or sets whether empty group nodes are handled like group nodes with content or like normal nodes.
+       * <p>
+       * If they are handled like other group nodes, {@link yfiles.layout.RecursiveGroupLayout} will resize them according to their
+       * (non-existing) content. This results in small empty group nodes. Handled like normal nodes, empty group nodes will keep
+       * their initial size.
+       * </p>
+       * @type {boolean}
+       */
+      considerEmptyGroups:boolean;
+      /**
+       * Gets or sets the current edge routing algorithm for handling inter-edges.
+       * <p>
+       * During layout, edges that connect from outside a group node to the content inside (inter-edges) are temporarily
+       * connected to the group node itself. Hence, these edges have to be routed after restoring the original graph structure
+       * using this edge routing algorithm.
+       * </p>
+       * <p>
+       * It is required that a suitable {@link yfiles.layout.RecursiveGroupLayout#interEdgesDpKey selection key} is specified. The same selection key must be used for setting the sphere of
+       * action for the edge router.
+       * </p>
+       * @see yfiles.layout.RecursiveGroupLayout#interEdgesDpKey
+       * @type {yfiles.layout.ILayoutAlgorithm}
+       */
+      interEdgeRouter:yfiles.layout.ILayoutAlgorithm;
+      /**
+       * Gets or sets the key for marking the inter-edges to be routed.
+       * <p>
+       * The key should be used by the specified {@link yfiles.layout.RecursiveGroupLayout#interEdgeRouter inter-edge routing algorithm} to obtain the edges to be routed. This layouter
+       * automatically marks these edges and registers the {@link yfiles.algorithms.IDataProvider} using the specified key.
+       * </p>
+       * @throws {Stubs.Exceptions.ArgumentError} if the specified key is <code>null</code>
+       * @see yfiles.layout.RecursiveGroupLayout#interEdgeRouter
+       * @type {Object}
+       */
+      interEdgesDpKey:Object;
+      /**
+       * Gets or sets a {@link yfiles.layout.IGroupBoundsCalculator} which computes the sizes of all group nodes.
+       * <p>
+       * This {@link yfiles.layout.IGroupBoundsCalculator} is used each time after calculating the layout for a content graph.
+       * </p>
+       * @type {yfiles.layout.IGroupBoundsCalculator}
+       */
+      groupBoundsCalculator:yfiles.layout.IGroupBoundsCalculator;
+      static $class:yfiles.lang.Class;
+    }
     /**
      * A {@link yfiles.layout.ILayoutStage} that temporarily removes all nodes and edges with <code>NaN</code>-coordinates.
      * <p>
@@ -87299,7 +86762,7 @@ declare namespace system{
      * Since this stage only hides the invalid graph elements and doesn't apply any new coordinates, it is not defined where
      * those nodes and edges will be placed within the calculated layout.
      * </p>
-     * @class yfiles.layout.HandleNaNCoordinatesStage
+     * @class
      * @extends {yfiles.layout.LayoutStageBase}
      */
     export interface HandleNaNCoordinatesStage extends yfiles.layout.LayoutStageBase{}
@@ -87362,11 +86825,11 @@ declare namespace system{
        * A model parameter can be an arbitrary {@link Object}. However it must contain all information to allow restoring of the encoded
        * location with this {@link yfiles.layout.IEdgeLabelLayoutModel}.
        * </p>
-       * @param {yfiles.algorithms.YOrientedRectangle} labelBounds the oriented box of the label, encoding the label location for which the parameter should be created
-       * @param {yfiles.layout.IEdgeLayout} edgeLayout the layout of the edge to which the label belongs
-       * @param {yfiles.layout.INodeLayout} sourceLayout the layout of the source node of the label-owning edge
-       * @param {yfiles.layout.INodeLayout} targetLayout the layout of the target node of the label-owning edge
-       * @returns {Object} the model parameter representing the given label location
+       * @param labelBounds the oriented box of the label, encoding the label location for which the parameter should be created
+       * @param edgeLayout the layout of the edge to which the label belongs
+       * @param sourceLayout the layout of the source node of the label-owning edge
+       * @param targetLayout the layout of the target node of the label-owning edge
+       * @returns the model parameter representing the given label location
        * @see yfiles.layout.IEdgeLabelLayoutModel#getLabelPlacement
        * @abstract
        */
@@ -87377,22 +86840,22 @@ declare namespace system{
        * In case the implementing {@link yfiles.layout.IEdgeLabelLayoutModel} allows every possible location, this method always returns
        * the current location as a {@link yfiles.layout.LabelCandidate}.
        * </p>
-       * @param {yfiles.layout.IEdgeLabelLayout} labelLayout the label for which candidates should be generated
-       * @param {yfiles.layout.IEdgeLayout} edgeLayout the layout of the edge to which the label belongs
-       * @param {yfiles.layout.INodeLayout} sourceLayout the layout of the source node of the label-owning edge
-       * @param {yfiles.layout.INodeLayout} targetLayout the layout of the target node of the label-owning edge
-       * @returns {yfiles.algorithms.YList} a list of {@link yfiles.layout.EdgeLabelCandidate} instances
+       * @param labelLayout the label for which candidates should be generated
+       * @param edgeLayout the layout of the edge to which the label belongs
+       * @param sourceLayout the layout of the source node of the label-owning edge
+       * @param targetLayout the layout of the target node of the label-owning edge
+       * @returns a list of {@link } instances
        * @abstract
        */
       getLabelCandidates(labelLayout:yfiles.layout.IEdgeLabelLayout,edgeLayout:yfiles.layout.IEdgeLayout,sourceLayout:yfiles.layout.INodeLayout,targetLayout:yfiles.layout.INodeLayout):yfiles.algorithms.YList;
       /**
        * Returns the oriented box of the label for the position encoded by the given model parameter.
-       * @param {yfiles.algorithms.YDimension} labelSize the width and height of the label
-       * @param {yfiles.layout.IEdgeLayout} edgeLayout the layout of the edge to which the label belongs
-       * @param {yfiles.layout.INodeLayout} sourceLayout the layout of the source node of the label-owning edge
-       * @param {yfiles.layout.INodeLayout} targetLayout the layout of the target node of the label-owning edge
-       * @param {Object} parameter the model parameter that describes the abstract position of the label within this model
-       * @returns {yfiles.algorithms.YOrientedRectangle} the oriented bounds of the label
+       * @param labelSize the width and height of the label
+       * @param edgeLayout the layout of the edge to which the label belongs
+       * @param sourceLayout the layout of the source node of the label-owning edge
+       * @param targetLayout the layout of the target node of the label-owning edge
+       * @param parameter the model parameter that describes the abstract position of the label within this model
+       * @returns the oriented bounds of the label
        * @abstract
        */
       getLabelPlacement(labelSize:yfiles.algorithms.YDimension,edgeLayout:yfiles.layout.IEdgeLayout,sourceLayout:yfiles.layout.INodeLayout,targetLayout:yfiles.layout.INodeLayout,parameter:Object):yfiles.algorithms.YOrientedRectangle;
@@ -87422,8 +86885,8 @@ declare namespace system{
     export interface IEdgeLayout extends Object{
       /**
        * Adds a control point to the end of the control point sequence.
-       * @param {number} x the absolute x-coordinate of the new control point
-       * @param {number} y the absolute y-coordinate of the new control point
+       * @param x the absolute x-coordinate of the new control point
+       * @param y the absolute y-coordinate of the new control point
        * @abstract
        */
       addPoint(x:number,y:number):void;
@@ -87441,8 +86904,8 @@ declare namespace system{
        * The first control point in the sequence has index <code>0</code> and the last control point has index {@link yfiles.layout.IEdgeLayout#pointCount}
        * <code>-1</code>.
        * </p>
-       * @param {number} index the position of the control point in the control point sequence
-       * @returns {yfiles.algorithms.YPoint} the absolute coordinates of the control point at the given index
+       * @param index the position of the control point in the control point sequence
+       * @returns the absolute coordinates of the control point at the given index
        * @see yfiles.layout.IEdgeLayout#setPoint
        * @abstract
        */
@@ -87452,7 +86915,7 @@ declare namespace system{
        * <p>
        * The source and target points are not included in the point count.
        * </p>
-       * @returns {number} the number of control points
+       * @returns the number of control points
        * @abstract
        */
       pointCount():number;
@@ -87462,9 +86925,9 @@ declare namespace system{
        * The first control point in the sequence has index <code>0</code> and the last control point has index {@link yfiles.layout.IEdgeLayout#pointCount}
        * <code>-1</code>.
        * </p>
-       * @param {number} index the position of the changing control point in the sequence
-       * @param {number} x the new absolute x-coordinate of the control point at the given index
-       * @param {number} y the new absolute y-coordinate of the control point at the given index
+       * @param index the position of the changing control point in the sequence
+       * @param x the new absolute x-coordinate of the control point at the given index
+       * @param y the new absolute y-coordinate of the control point at the given index
        * @abstract
        */
       setPoint(index:number,x:number,y:number):void;
@@ -87520,12 +86983,12 @@ declare namespace system{
        * Implementing classes use a point on the connecting edge segment (specified with an offset to the node's center) along
        * with a direction pointing to the node and calculate the intersection between this line and the node.
        * </p>
-       * @param {yfiles.layout.INodeLayout} nodeLayout the layout information of the node
-       * @param {number} xOffset the x-coordinate of a point on the last line segment relative to the node's center
-       * @param {number} yOffset the y-coordinate of a point on the last line segment relative to the node's center
-       * @param {number} dx the x-component of the normalized direction vector indicating the direction of the segment pointing towards the node
-       * @param {number} dy the y-component of the normalized direction vector indicating the direction of the segment pointing towards the node
-       * @returns {yfiles.algorithms.YPoint} the intersection coordinates relative to the node's center or <code>null</code> if no such intersection was found
+       * @param nodeLayout the layout information of the node
+       * @param xOffset the x-coordinate of a point on the last line segment relative to the node's center
+       * @param yOffset the y-coordinate of a point on the last line segment relative to the node's center
+       * @param dx the x-component of the normalized direction vector indicating the direction of the segment pointing towards the node
+       * @param dy the y-component of the normalized direction vector indicating the direction of the segment pointing towards the node
+       * @returns the intersection coordinates relative to the node's center or <code>null</code> if no such intersection was found
        * @abstract
        */
       calculateIntersectionPoint(nodeLayout:yfiles.layout.INodeLayout,xOffset:number,yOffset:number,dx:number,dy:number):yfiles.algorithms.YPoint;
@@ -87537,7 +87000,7 @@ declare namespace system{
     /**
      * Helper class that declares several keys for {@link yfiles.algorithms.IDataProvider} that provide
      * {@link yfiles.layout.IIntersectionCalculator}.
-     * @class yfiles.layout.IntersectionCalculatorKeys
+     * @class
      * @static
      */
     export interface IntersectionCalculatorKeys extends Object{}
@@ -87630,8 +87093,8 @@ declare namespace system{
        * The given {@link yfiles.layout.ILabelLayout} has to be created with method {@link yfiles.layout.ILabelLayoutFactory#createLabelLayout}
        * or {@link yfiles.layout.ILabelLayoutFactory#createLabelLayout}.
        * </p>
-       * @param {yfiles.algorithms.Edge} edge the edge
-       * @param {yfiles.layout.IEdgeLabelLayout} labelLayout the edge label layout that should be added to the given edge
+       * @param edge the edge
+       * @param labelLayout the edge label layout that should be added to the given edge
        * @throws {Stubs.Exceptions.ArgumentError} if the given label layout has already been added to the graph
        * @see yfiles.layout.ILabelLayoutFactory#createLabelLayout
        * @see yfiles.layout.ILabelLayoutFactory#createLabelLayout
@@ -87644,8 +87107,8 @@ declare namespace system{
        * The given label layout has to be created with method {@link yfiles.layout.ILabelLayoutFactory#createLabelLayout} or
        * {@link yfiles.layout.ILabelLayoutFactory#createLabelLayout}.
        * </p>
-       * @param {yfiles.algorithms.Node} node the node
-       * @param {yfiles.layout.INodeLabelLayout} labelLayout the node label layout that should be added to the given node
+       * @param node the node
+       * @param labelLayout the node label layout that should be added to the given node
        * @throws {Stubs.Exceptions.ArgumentError} if the given label layout has already been added to the graph
        * @see yfiles.layout.ILabelLayoutFactory#createLabelLayout
        * @see yfiles.layout.ILabelLayoutFactory#createLabelLayout
@@ -87654,22 +87117,22 @@ declare namespace system{
       addLabelLayout(node:yfiles.algorithms.Node,labelLayout:yfiles.layout.INodeLabelLayout):void;
       /**
        * Creates a new {@link yfiles.layout.ILabelLayout} for the given edge.
-       * @param {yfiles.algorithms.Edge} edge the edge
-       * @param {yfiles.algorithms.YOrientedRectangle} orientedBox the box specifying the size and location of the label
-       * @param {yfiles.layout.IEdgeLabelLayoutModel} model specifies the model of the created edge label
-       * @param {yfiles.layout.PreferredPlacementDescriptor} descriptor specifies the preferred placement descriptor of the created label. If this value is
+       * @param edge the edge
+       * @param orientedBox the box specifying the size and location of the label
+       * @param model specifies the model of the created edge label
+       * @param descriptor specifies the preferred placement descriptor of the created label. If this value is
        * <code>null</code>, the default descriptor is used
-       * @returns {yfiles.layout.IEdgeLabelLayout} a new edge label layout
+       * @returns a new edge label layout
        * @see yfiles.layout.ILabelLayoutFactory#addLabelLayout
        * @abstract
        */
       createLabelLayout(edge:yfiles.algorithms.Edge,orientedBox:yfiles.algorithms.YOrientedRectangle,model:yfiles.layout.IEdgeLabelLayoutModel,descriptor:yfiles.layout.PreferredPlacementDescriptor):yfiles.layout.IEdgeLabelLayout;
       /**
        * Creates a new {@link yfiles.layout.ILabelLayout} for the given node.
-       * @param {yfiles.algorithms.Node} node the node
-       * @param {yfiles.algorithms.YOrientedRectangle} orientedBox the box specifying the size and location of the label
-       * @param {yfiles.layout.INodeLabelLayoutModel} model specifies the model of the created node label
-       * @returns {yfiles.layout.INodeLabelLayout} a new node label layout
+       * @param node the node
+       * @param orientedBox the box specifying the size and location of the label
+       * @param model specifies the model of the created node label
+       * @returns a new node label layout
        * @see yfiles.layout.ILabelLayoutFactory#addLabelLayout
        * @abstract
        */
@@ -87680,9 +87143,9 @@ declare namespace system{
        * This method should create a {@link yfiles.layout.ILabelLayout} with an {@link yfiles.layout.IEdgeLabelLayoutModel} that supports the
        * desired oriented label box exactly as given.
        * </p>
-       * @param {yfiles.algorithms.Edge} edge the edge
-       * @param {yfiles.algorithms.YOrientedRectangle} orientedBox the box specifying the size and location of the label
-       * @returns {yfiles.layout.IEdgeLabelLayout} a new edge label layout
+       * @param edge the edge
+       * @param orientedBox the box specifying the size and location of the label
+       * @returns a new edge label layout
        * @see yfiles.layout.ILabelLayoutFactory#addLabelLayout
        * @abstract
        */
@@ -87693,25 +87156,25 @@ declare namespace system{
        * This method should create a {@link yfiles.layout.ILabelLayout} with a {@link yfiles.layout.INodeLabelLayoutModel} that supports the
        * desired oriented label box exactly as given.
        * </p>
-       * @param {yfiles.algorithms.Node} node the node
-       * @param {yfiles.algorithms.YOrientedRectangle} orientedBox the box specifying the size and location of the label
-       * @returns {yfiles.layout.INodeLabelLayout} a new node label layout
+       * @param node the node
+       * @param orientedBox the box specifying the size and location of the label
+       * @returns a new node label layout
        * @see yfiles.layout.ILabelLayoutFactory#addLabelLayout
        * @abstract
        */
       createLabelLayout(node:yfiles.algorithms.Node,orientedBox:yfiles.algorithms.YOrientedRectangle):yfiles.layout.INodeLabelLayout;
       /**
        * Removes the given {@link yfiles.layout.IEdgeLabelLayout} from the given edge.
-       * @param {yfiles.algorithms.Edge} edge the edge
-       * @param {yfiles.layout.IEdgeLabelLayout} labelLayout the label layout that should be removed from the given edge
+       * @param edge the edge
+       * @param labelLayout the label layout that should be removed from the given edge
        * @see yfiles.layout.ILabelLayoutFactory#addLabelLayout
        * @abstract
        */
       removeLabelLayout(edge:yfiles.algorithms.Edge,labelLayout:yfiles.layout.IEdgeLabelLayout):void;
       /**
        * Removes the given node label layout from the given node.
-       * @param {yfiles.algorithms.Node} node the node
-       * @param {yfiles.layout.INodeLabelLayout} labelLayout the label layout that should be removed from the given node
+       * @param node the node
+       * @param labelLayout the label layout that should be removed from the given node
        * @see yfiles.layout.ILabelLayoutFactory#addLabelLayout
        * @abstract
        */
@@ -87753,7 +87216,7 @@ declare namespace system{
        * <p>
        * The call to this routine will only succeed if the layout algorithm can handle the input graph.
        * </p>
-       * @param {yfiles.layout.LayoutGraph} graph the input graph
+       * @param graph the input graph
        * @abstract
        */
       applyLayout(graph:yfiles.layout.LayoutGraph):void;
@@ -87764,7 +87227,7 @@ declare namespace system{
     };
     /**
      * Helper class that provides unique identifiers for some general purpose {@link yfiles.algorithms.IDataProvider data providers}.
-     * @class yfiles.layout.LayoutKeys
+     * @class
      * @static
      */
     export interface LayoutKeys extends Object{}
@@ -87903,9 +87366,9 @@ declare namespace system{
        * A model parameter can be an arbitrary {@link Object}. However it must contain all information to allow restoring of the encoded
        * location with this {@link yfiles.layout.INodeLabelLayoutModel}.
        * </p>
-       * @param {yfiles.algorithms.YOrientedRectangle} labelBounds the box of the label, encoding the label location for which the parameter should be created
-       * @param {yfiles.layout.INodeLayout} nodeLayout the layout of the node to which the label belongs
-       * @returns {Object} the model parameter representing the given label location
+       * @param labelBounds the box of the label, encoding the label location for which the parameter should be created
+       * @param nodeLayout the layout of the node to which the label belongs
+       * @returns the model parameter representing the given label location
        * @see yfiles.layout.INodeLabelLayoutModel#getLabelPlacement
        * @abstract
        */
@@ -87916,18 +87379,18 @@ declare namespace system{
        * In case the implementing {@link yfiles.layout.INodeLabelLayoutModel} allows every possible location, this method always returns
        * the current location as a {@link yfiles.layout.LabelCandidate}.
        * </p>
-       * @param {yfiles.layout.INodeLabelLayout} labelLayout the label for which candidates should be generated
-       * @param {yfiles.layout.INodeLayout} nodeLayout the layout of the node to which the label belongs
-       * @returns {yfiles.algorithms.YList} a list of {@link yfiles.layout.NodeLabelCandidate} instances
+       * @param labelLayout the label for which candidates should be generated
+       * @param nodeLayout the layout of the node to which the label belongs
+       * @returns a list of {@link } instances
        * @abstract
        */
       getLabelCandidates(labelLayout:yfiles.layout.INodeLabelLayout,nodeLayout:yfiles.layout.INodeLayout):yfiles.algorithms.YList;
       /**
        * Returns the bounds of the label for the position encoded by the given model parameter.
-       * @param {yfiles.algorithms.YDimension} labelSize the width and height of the label
-       * @param {yfiles.layout.INodeLayout} nodeLayout the layout of the node to which the label belongs
-       * @param {Object} param the model parameter that describes the abstract position of the label within this model
-       * @returns {yfiles.algorithms.YOrientedRectangle} the oriented box of the label
+       * @param labelSize the width and height of the label
+       * @param nodeLayout the layout of the node to which the label belongs
+       * @param param the model parameter that describes the abstract position of the label within this model
+       * @returns the oriented box of the label
        * @abstract
        */
       getLabelPlacement(labelSize:yfiles.algorithms.YDimension,nodeLayout:yfiles.layout.INodeLayout,param:Object):yfiles.algorithms.YOrientedRectangle;
@@ -87956,15 +87419,15 @@ declare namespace system{
     export interface INodeLayout extends Object{
       /**
        * Sets the coordinates of the upper-left corner of the node.
-       * @param {number} x the new x-coordinate of the node
-       * @param {number} y the new y-coordinate of the node
+       * @param x the new x-coordinate of the node
+       * @param y the new y-coordinate of the node
        * @abstract
        */
       setLocation(x:number,y:number):void;
       /**
        * Sets the size of the node.
-       * @param {number} width the new width of the node
-       * @param {number} height the new height of the node
+       * @param width the new width of the node
+       * @param height the new height of the node
        * @abstract
        */
       setSize(width:number,height:number):void;
@@ -88019,9 +87482,9 @@ declare namespace system{
     export interface IPartitionInterEdgeRouter extends Object{
       /**
        * Routes inter-edges of the partitioned graph.
-       * @param {yfiles.layout.LayoutGraph} graph the input graph
-       * @param {yfiles.algorithms.IDataProvider} partitionIDDP the partition ID for each node in the graph
-       * @param {yfiles.algorithms.IDataProvider} interEdgeDP the map that marks inter-edges
+       * @param graph the input graph
+       * @param partitionIDDP the partition ID for each node in the graph
+       * @param interEdgeDP the map that marks inter-edges
        * @abstract
        */
       routeInterEdges(graph:yfiles.layout.LayoutGraph,partitionIDDP:yfiles.algorithms.IDataProvider,interEdgeDP:yfiles.algorithms.IDataProvider):void;
@@ -88039,15 +87502,15 @@ declare namespace system{
     var IPartitionInterEdgeRouter:{
       /**
        * Routes inter-edges using {@link yfiles.router.ChannelEdgeRouter}.
-       * @param {yfiles.router.ChannelEdgeRouter} [router=null] The router instance to use for the edge routing. If not specified, a internal instance is used.
-       * @returns {yfiles.layout.IPartitionInterEdgeRouter} 
+       * @param [router=null] The router instance to use for the edge routing. If not specified, a internal instance is used.
+       * @returns 
        * @static
        */
       createChannelInterEdgeRouter?(router?:yfiles.router.ChannelEdgeRouter):yfiles.layout.IPartitionInterEdgeRouter;
       /**
        * Routes inter-edges using {@link yfiles.router.EdgeRouter}.
-       * @param {yfiles.router.EdgeRouter} [router=null] The router instance to use for the edge routing. If not specified, a internal instance is used.
-       * @returns {yfiles.layout.IPartitionInterEdgeRouter} 
+       * @param [router=null] The router instance to use for the edge routing. If not specified, a internal instance is used.
+       * @returns 
        * @static
        */
       createPolylineInterEdgeRouter?(router?:yfiles.router.EdgeRouter):yfiles.layout.IPartitionInterEdgeRouter;
@@ -88077,8 +87540,8 @@ declare namespace system{
        * <p>
        * Profits need to have a value between <code>0</code> and <code>1</code>.
        * </p>
-       * @param {yfiles.layout.LabelCandidate} candidate the candidate
-       * @returns {number} the profit of the candidate
+       * @param candidate the candidate
+       * @returns the profit of the candidate
        * @abstract
        */
       getProfit(candidate:yfiles.layout.LabelCandidate):number;
@@ -88097,28 +87560,26 @@ declare namespace system{
      * @see yfiles.layout.INodeLabelLayoutModel
      * @see yfiles.layout.IEdgeLabelLayoutModel
      * @see yfiles.labeling.GenericLabeling
-     * @class yfiles.layout.LabelCandidate
+     * @class
      * @implements {yfiles.algorithms.IPlaneObject}
      */
     export interface LabelCandidate extends Object,yfiles.algorithms.IPlaneObject{}
     export class LabelCandidate {
       /**
        * Creates a new instance of {@link yfiles.layout.LabelCandidate} described by location, size, model parameter and internal flag.
-       * @param {yfiles.algorithms.YPoint} pos the location of the upper left corner of the candidate
-       * @param {yfiles.algorithms.YDimension} size the size of the candidate
-       * @param {Object} param the parameters of the label model associated with this candidate
-       * @param {yfiles.layout.ILabelLayout} owner the label associated with the candidate
-       * @param {boolean} [internal=false] <code>true</code> if the candidate is allowed to overlap with its owner, <code>false</code> otherwise
-       * @constructor
+       * @param pos the location of the upper left corner of the candidate
+       * @param size the size of the candidate
+       * @param param the parameters of the label model associated with this candidate
+       * @param owner the label associated with the candidate
+       * @param [internal=false] <code>true</code> if the candidate is allowed to overlap with its owner, <code>false</code> otherwise
        */
       constructor(pos:yfiles.algorithms.YPoint,size:yfiles.algorithms.YDimension,param:Object,owner:yfiles.layout.ILabelLayout,internal?:boolean);
       /**
        * Creates a new instance of {@link yfiles.layout.LabelCandidate} described by its box, model parameter and internal flag.
-       * @param {yfiles.algorithms.YOrientedRectangle} labelBox the box that specifies the candidate's size and position
-       * @param {Object} param the parameters of the label model associated with this candidate
-       * @param {yfiles.layout.ILabelLayout} owner the label associated with the candidate
-       * @param {boolean} [internal=false] <code>true</code> if the candidate is allowed to overlap with its owner, <code>false</code> otherwise
-       * @constructor
+       * @param labelBox the box that specifies the candidate's size and position
+       * @param param the parameters of the label model associated with this candidate
+       * @param owner the label associated with the candidate
+       * @param [internal=false] <code>true</code> if the candidate is allowed to overlap with its owner, <code>false</code> otherwise
        */
       constructor(labelBox:yfiles.algorithms.YOrientedRectangle,param:Object,owner:yfiles.layout.ILabelLayout,internal?:boolean);
       /**
@@ -88277,14 +87738,13 @@ declare namespace system{
     }
     /**
      * {@link yfiles.layout.LabelLayoutBase} is the default implementation of the {@link yfiles.layout.ILabelLayout} interface.
-     * @class yfiles.layout.LabelLayoutBase
+     * @class
      * @implements {yfiles.layout.ILabelLayout}
      */
     export interface LabelLayoutBase extends Object,yfiles.layout.ILabelLayout{}
     export class LabelLayoutBase {
       /**
        * Creates a new {@link yfiles.layout.LabelLayoutBase} instance.
-       * @constructor
        */
       constructor();
       /**
@@ -88326,32 +87786,30 @@ declare namespace system{
      * edges of a {@link yfiles.layout.LayoutGraph}. The {@link yfiles.algorithms.IDataProvider DataProviders} must be registered with the input graph using one of the keys
      * defined in {@link yfiles.layout.LabelLayoutKeys}.
      * </p>
-     * @class yfiles.layout.LabelLayoutData
+     * @class
      */
     export interface LabelLayoutData extends Object{}
     export class LabelLayoutData {
       /**
        * Creates a new instance of {@link yfiles.layout.LabelLayoutData} for a label with the given width and height.
-       * @param {number} width the width of the label
-       * @param {number} height the height of the label
-       * @constructor
+       * @param width the width of the label
+       * @param height the height of the label
        */
       constructor(width:number,height:number);
       /**
        * Creates a new instance of {@link yfiles.layout.LabelLayoutData} for a label with the given oriented box and preferred placement
        * descriptor.
-       * @param {yfiles.algorithms.YOrientedRectangle} bounds the box of the label
-       * @param {yfiles.layout.PreferredPlacementDescriptor} [preferredPlacement=null] a preferred placement descriptor
+       * @param bounds the box of the label
+       * @param [preferredPlacement=null] a preferred placement descriptor
        * @throws {Stubs.Exceptions.ArgumentError} if the specified descriptor is <code>null</code>
        * @see yfiles.layout.PreferredPlacementDescriptor
        * @see yfiles.layout.LabelLayoutData#preferredPlacementDescriptor
-       * @constructor
        */
       constructor(bounds:yfiles.algorithms.YOrientedRectangle,preferredPlacement?:yfiles.layout.PreferredPlacementDescriptor);
       /**
        * Specifies the coordinates of the upper-left corner of the bounding box of the label.
-       * @param {number} x the new x-coordinate of the upper-left corner
-       * @param {number} y the new y-coordinate of the upper-left corner
+       * @param x the new x-coordinate of the upper-left corner
+       * @param y the new y-coordinate of the upper-left corner
        * @see yfiles.layout.LabelLayoutData#x
        * @see yfiles.layout.LabelLayoutData#y
        * @see yfiles.algorithms.YOrientedRectangle#boundingBox
@@ -88359,8 +87817,8 @@ declare namespace system{
       setLocation(x:number,y:number):void;
       /**
        * Specifies the width and height of the {@link yfiles.layout.LabelLayoutData#bounds oriented box} of this label.
-       * @param {number} width the width of the oriented box
-       * @param {number} height the height of the oriented box
+       * @param width the width of the oriented box
+       * @param height the height of the oriented box
        * @see yfiles.layout.LabelLayoutData#bounds
        */
       setSize(width:number,height:number):void;
@@ -88413,7 +87871,7 @@ declare namespace system{
      * to automatically translate information provided by the standard label layout classes {@link yfiles.layout.IEdgeLabelLayout} and
      * {@link yfiles.layout.INodeLabelLayout} to layout data accessible through the keys defined below.
      * </p>
-     * @class yfiles.layout.LabelLayoutKeys
+     * @class
      * @static
      */
     export interface LabelLayoutKeys extends Object{}
@@ -88475,14 +87933,13 @@ declare namespace system{
      * by the label model. The best label layout results are achieved by choosing {@link yfiles.layout.FreeEdgeLabelLayoutModel} for
      * edge layouts and {@link yfiles.layout.FreeNodeLabelLayoutModel} for node layouts.
      * </p>
-     * @class yfiles.layout.LabelLayoutTranslator
+     * @class
      * @implements {yfiles.layout.ILayoutStage}
      */
     export interface LabelLayoutTranslator extends Object,yfiles.layout.ILayoutStage{}
     export class LabelLayoutTranslator {
       /**
        * Creates a new {@link yfiles.layout.LabelLayoutTranslator} instance with default settings.
-       * @constructor
        */
       constructor();
       /**
@@ -88491,7 +87948,7 @@ declare namespace system{
        * <p>
        * Afterwards, the calculated layout data will be written back to the original label layout.
        * </p>
-       * @param {yfiles.layout.LayoutGraph} graph the input graph
+       * @param graph the input graph
        */
       applyLayout(graph:yfiles.layout.LayoutGraph):void;
       /**
@@ -88572,71 +88029,68 @@ declare namespace system{
      * <p>
      * {@link yfiles.layout.ILayoutAlgorithm Layout algorithms} work on {@link yfiles.layout.LayoutGraph}s and arrange their nodes and edges.
      * </p>
-     * @class yfiles.layout.LayoutGraph
+     * @class
      * @extends {yfiles.algorithms.Graph}
      */
     export interface LayoutGraph extends yfiles.algorithms.Graph{}
     export class LayoutGraph {
       /**
        * Creates a new {@link yfiles.layout.LayoutGraph} which is a copy of the given subgraph.
-       * @param {yfiles.layout.LayoutGraph} graph the original graph
-       * @param {yfiles.algorithms.ICursor} nodeSubset the nodes that induce the subgraph
-       * @constructor
+       * @param graph the original graph
+       * @param nodeSubset the nodes that induce the subgraph
        */
       constructor(graph:yfiles.layout.LayoutGraph,nodeSubset:yfiles.algorithms.ICursor);
       /**
        * Creates a new {@link yfiles.layout.LayoutGraph} which is a copy of the given subgraph.
-       * @param {yfiles.layout.LayoutGraph} subgraph the original subgraph
-       * @constructor
+       * @param subgraph the original subgraph
        */
       constructor(subgraph:yfiles.layout.LayoutGraph);
       /**
        * Creates a new, empty {@link yfiles.layout.LayoutGraph} with default settings.
-       * @constructor
        */
       constructor();
       /**
        * Creates a new {@link yfiles.layout.ILabelLayoutFactory} for this {@link yfiles.layout.LayoutGraph} that can be used for copying layout
        * information of labels.
-       * @returns {yfiles.layout.ILabelLayoutFactory} the new {@link yfiles.layout.ILabelLayoutFactory}
+       * @returns the new {@link }
        * @protected
        * @abstract
        */
       createLabelFactory():yfiles.layout.ILabelLayoutFactory;
       /**
        * Returns the rectangle describing the bounding box of the given node.
-       * @param {yfiles.algorithms.Node} node the node
-       * @returns {yfiles.algorithms.YRectangle} the bounds of the node
+       * @param node the node
+       * @returns the bounds of the node
        * @see yfiles.layout.LayoutGraph#getLocation
        * @see yfiles.layout.LayoutGraph#getSize
        */
       getBoundingBox(node:yfiles.algorithms.Node):yfiles.algorithms.YRectangle;
       /**
        * Returns the center coordinates of the given node.
-       * @param {yfiles.algorithms.Node} node the node
-       * @returns {yfiles.algorithms.YPoint} the location of the node's center
+       * @param node the node
+       * @returns the location of the node's center
        * @see yfiles.layout.INodeLayout
        * @see yfiles.layout.LayoutGraph#setCenter
        */
       getCenter(node:yfiles.algorithms.Node):yfiles.algorithms.YPoint;
       /**
        * Returns the x-coordinate of the given node's center.
-       * @param {yfiles.algorithms.Node} node the node
-       * @returns {number} the x-value of the node's center coordinate
+       * @param node the node
+       * @returns the x-value of the node's center coordinate
        * @see yfiles.layout.INodeLayout
        */
       getCenterX(node:yfiles.algorithms.Node):number;
       /**
        * Returns the y-coordinate of the given node's center.
-       * @param {yfiles.algorithms.Node} node the node
-       * @returns {number} the y-value of the node's center coordinate
+       * @param node the node
+       * @returns the y-value of the node's center coordinate
        * @see yfiles.layout.INodeLayout
        */
       getCenterY(node:yfiles.algorithms.Node):number;
       /**
        * Returns the height of the given node.
-       * @param {yfiles.algorithms.Node} node the node
-       * @returns {number} the height of the node
+       * @param node the node
+       * @returns the height of the node
        * @see yfiles.layout.INodeLayout#height
        */
       getHeight(node:yfiles.algorithms.Node):number;
@@ -88645,8 +88099,8 @@ declare namespace system{
        * <p>
        * The layout information consists of the location, size and orientation of the label.
        * </p>
-       * @param {yfiles.algorithms.Edge} edge the edge
-       * @returns {Array.<yfiles.layout.IEdgeLabelLayout>} the layout information for the edge's labels
+       * @param edge the edge
+       * @returns the layout information for the edge's labels
        * @abstract
        */
       getLabelLayout(edge:yfiles.algorithms.Edge):yfiles.layout.IEdgeLabelLayout[];
@@ -88655,8 +88109,8 @@ declare namespace system{
        * <p>
        * The layout information consists of the location, size and orientation of the label.
        * </p>
-       * @param {yfiles.algorithms.Node} node the node
-       * @returns {Array.<yfiles.layout.INodeLabelLayout>} the layout information for the node's labels
+       * @param node the node
+       * @returns the layout information for the node's labels
        * @abstract
        */
       getLabelLayout(node:yfiles.algorithms.Node):yfiles.layout.INodeLabelLayout[];
@@ -88665,8 +88119,8 @@ declare namespace system{
        * <p>
        * The layout information consists of the locations of the control points and end points of the edge.
        * </p>
-       * @param {yfiles.algorithms.Edge} edge the edge
-       * @returns {yfiles.layout.IEdgeLayout} the layout information for the edge
+       * @param edge the edge
+       * @returns the layout information for the edge
        * @abstract
        */
       getLayout(edge:yfiles.algorithms.Edge):yfiles.layout.IEdgeLayout;
@@ -88675,30 +88129,30 @@ declare namespace system{
        * <p>
        * The layout information consists of the location and size of the node.
        * </p>
-       * @param {yfiles.algorithms.Node} node the node
-       * @returns {yfiles.layout.INodeLayout} the layout information for the node
+       * @param node the node
+       * @returns the layout information for the node
        * @abstract
        */
       getLayout(node:yfiles.algorithms.Node):yfiles.layout.INodeLayout;
       /**
        * Returns the coordinates of the given node's upper-left corner.
-       * @param {yfiles.algorithms.Node} node the node
-       * @returns {yfiles.algorithms.YPoint} the location of the node's upper-left corner
+       * @param node the node
+       * @returns the location of the node's upper-left corner
        * @see yfiles.layout.INodeLayout#x
        * @see yfiles.layout.INodeLayout#y
        */
       getLocation(node:yfiles.algorithms.Node):yfiles.algorithms.YPoint;
       /**
        * Returns the edge to which the given {@link yfiles.layout.IEdgeLabelLayout} belongs.
-       * @param {yfiles.layout.IEdgeLabelLayout} labelLayout the label's layout information
-       * @returns {yfiles.algorithms.Edge} the edge that owns the label
+       * @param labelLayout the label's layout information
+       * @returns the edge that owns the label
        * @abstract
        */
       getOwnerEdge(labelLayout:yfiles.layout.IEdgeLabelLayout):yfiles.algorithms.Edge;
       /**
        * Returns the node to which the given {@link yfiles.layout.INodeLabelLayout} belongs.
-       * @param {yfiles.layout.INodeLabelLayout} labelLayout the label's layout information
-       * @returns {yfiles.algorithms.Node} the node that owns the label
+       * @param labelLayout the label's layout information
+       * @returns the node that owns the label
        * @abstract
        */
       getOwnerNode(labelLayout:yfiles.layout.INodeLabelLayout):yfiles.algorithms.Node;
@@ -88708,8 +88162,8 @@ declare namespace system{
        * The path of an edge is the position of the source port, followed by the positions of the bends, followed by the position
        * of the target port.
        * </p>
-       * @param {yfiles.algorithms.Edge} edge the edge
-       * @returns {yfiles.algorithms.YPointPath} the path of the given edge
+       * @param edge the edge
+       * @returns the path of the given edge
        */
       getPath(edge:yfiles.algorithms.Edge):yfiles.algorithms.YPointPath;
       /**
@@ -88718,36 +88172,36 @@ declare namespace system{
        * The path of an edge is the position of the source port, followed by the positions of the bends, followed by the position
        * of the target port.
        * </p>
-       * @param {yfiles.algorithms.Edge} edge the edge
-       * @returns {yfiles.algorithms.YList} a list of {@link yfiles.algorithms.YPoint}s representing the path of the given edge
+       * @param edge the edge
+       * @returns a list of {@link }s representing the path of the given edge
        */
       getPathList(edge:yfiles.algorithms.Edge):yfiles.algorithms.YList;
       /**
        * Returns the control points of an edge.
-       * @param {yfiles.algorithms.Edge} edge the edge
-       * @returns {yfiles.algorithms.YList} a list of {@link yfiles.algorithms.YPoint}s representing the sequence of control points of the edge
+       * @param edge the edge
+       * @returns a list of {@link }s representing the sequence of control points of the edge
        * @see yfiles.layout.IEdgeLayout
        */
       getPointList(edge:yfiles.algorithms.Edge):yfiles.algorithms.YList;
       /**
        * Returns the control points of an edge.
-       * @param {yfiles.algorithms.Edge} edge the edge
-       * @returns {yfiles.algorithms.YPointPath} a {@link yfiles.algorithms.YPointPath} representing the sequence of control points of the edge
+       * @param edge the edge
+       * @returns a {@link } representing the sequence of control points of the edge
        * @see yfiles.layout.IEdgeLayout
        */
       getPoints(edge:yfiles.algorithms.Edge):yfiles.algorithms.YPointPath;
       /**
        * Returns the size of the given node.
-       * @param {yfiles.algorithms.Node} node the node
-       * @returns {yfiles.algorithms.YDimension} the size of the node
+       * @param node the node
+       * @returns the size of the node
        * @see yfiles.layout.INodeLayout#width
        * @see yfiles.layout.INodeLayout#height
        */
       getSize(node:yfiles.algorithms.Node):yfiles.algorithms.YDimension;
       /**
        * Returns the absolute coordinates of the source point of the given edge.
-       * @param {yfiles.algorithms.Edge} edge the edge
-       * @returns {yfiles.algorithms.YPoint} the absolute source point coordinates of the edge
+       * @param edge the edge
+       * @returns the absolute source point coordinates of the edge
        */
       getSourcePointAbs(edge:yfiles.algorithms.Edge):yfiles.algorithms.YPoint;
       /**
@@ -88755,15 +88209,15 @@ declare namespace system{
        * <p>
        * The coordinates are interpreted relative to the center of the source node.
        * </p>
-       * @param {yfiles.algorithms.Edge} edge the edge
-       * @returns {yfiles.algorithms.YPoint} the relative source point coordinates of the edge
+       * @param edge the edge
+       * @returns the relative source point coordinates of the edge
        * @see yfiles.layout.IEdgeLayout#sourcePoint
        */
       getSourcePointRel(edge:yfiles.algorithms.Edge):yfiles.algorithms.YPoint;
       /**
        * Returns the absolute coordinates of the target point of the given edge.
-       * @param {yfiles.algorithms.Edge} edge the edge
-       * @returns {yfiles.algorithms.YPoint} the absolute target point coordinates of the edge
+       * @param edge the edge
+       * @returns the absolute target point coordinates of the edge
        */
       getTargetPointAbs(edge:yfiles.algorithms.Edge):yfiles.algorithms.YPoint;
       /**
@@ -88771,76 +88225,76 @@ declare namespace system{
        * <p>
        * The coordinates are interpreted relative to the center of the target node.
        * </p>
-       * @param {yfiles.algorithms.Edge} edge the edge
-       * @returns {yfiles.algorithms.YPoint} the relative target point coordinates of the edge
+       * @param edge the edge
+       * @returns the relative target point coordinates of the edge
        * @see yfiles.layout.IEdgeLayout#targetPoint
        */
       getTargetPointRel(edge:yfiles.algorithms.Edge):yfiles.algorithms.YPoint;
       /**
        * Returns the width of the given node.
-       * @param {yfiles.algorithms.Node} node the node
-       * @returns {number} the width of the node
+       * @param node the node
+       * @returns the width of the node
        * @see yfiles.layout.INodeLayout#width
        */
       getWidth(node:yfiles.algorithms.Node):number;
       /**
        * Returns the x-coordinate of the given node's upper-left corner.
-       * @param {yfiles.algorithms.Node} node the node
-       * @returns {number} the x-value of the node's upper-left corner
+       * @param node the node
+       * @returns the x-value of the node's upper-left corner
        * @see yfiles.layout.INodeLayout#x
        */
       getX(node:yfiles.algorithms.Node):number;
       /**
        * Returns the y-coordinate of the given node's upper-left corner.
-       * @param {yfiles.algorithms.Node} node the node
-       * @returns {number} the y-value of the node's upper-left corner
+       * @param node the node
+       * @returns the y-value of the node's upper-left corner
        * @see yfiles.layout.INodeLayout#y
        */
       getY(node:yfiles.algorithms.Node):number;
       /**
        * Moves the upper-left corner of a node by a given vector.
-       * @param {yfiles.algorithms.Node} node the node
-       * @param {number} dx the x-component of the vector
-       * @param {number} dy the y-component of the vector
+       * @param node the node
+       * @param dx the x-component of the vector
+       * @param dy the y-component of the vector
        */
       moveBy(node:yfiles.algorithms.Node,dx:number,dy:number):void;
       /**
        * Specifies the center coordinates of the given node.
-       * @param {yfiles.algorithms.Node} node the node
-       * @param {number} x the new x-coordinate of the node's center
-       * @param {number} y the new y-coordinate of the node's center
+       * @param node the node
+       * @param x the new x-coordinate of the node's center
+       * @param y the new y-coordinate of the node's center
        * @see yfiles.layout.INodeLayout
        */
       setCenter(node:yfiles.algorithms.Node,x:number,y:number):void;
       /**
        * Specifies the center coordinates of the given node.
-       * @param {yfiles.algorithms.Node} node the node
-       * @param {yfiles.algorithms.YPoint} position the new location of the node's center
+       * @param node the node
+       * @param position the new location of the node's center
        * @see yfiles.layout.INodeLayout
        * @see yfiles.layout.LayoutGraph#setCenter
        */
       setCenter(node:yfiles.algorithms.Node,position:yfiles.algorithms.YPoint):void;
       /**
        * Specifies the two end points of the given edge in absolute coordinates.
-       * @param {yfiles.algorithms.Edge} edge the edge
-       * @param {yfiles.algorithms.YPoint} source the port on the source side of the edge
-       * @param {yfiles.algorithms.YPoint} target the port on the target side of the edge
+       * @param edge the edge
+       * @param source the port on the source side of the edge
+       * @param target the port on the target side of the edge
        * @see yfiles.layout.LayoutGraph#setSourcePointAbs
        * @see yfiles.layout.LayoutGraph#setTargetPointAbs
        */
       setEndPointsAbs(edge:yfiles.algorithms.Edge,source:yfiles.algorithms.YPoint,target:yfiles.algorithms.YPoint):void;
       /**
        * Specifies the coordinates of the upper-left corner of the given node.
-       * @param {yfiles.algorithms.Node} node the node
-       * @param {number} x the new x-coordinate of the upper-left corner
-       * @param {number} y the new y-coordinate of the upper-left corner
+       * @param node the node
+       * @param x the new x-coordinate of the upper-left corner
+       * @param y the new y-coordinate of the upper-left corner
        * @see yfiles.layout.INodeLayout#setLocation
        */
       setLocation(node:yfiles.algorithms.Node,x:number,y:number):void;
       /**
        * Specifies the coordinates of the upper-left corner of the given node.
-       * @param {yfiles.algorithms.Node} node the node
-       * @param {yfiles.algorithms.YPoint} position the new location of the upper-left corner
+       * @param node the node
+       * @param position the new location of the upper-left corner
        * @see yfiles.layout.INodeLayout#setLocation
        * @see yfiles.layout.LayoutGraph#setLocation
        */
@@ -88854,8 +88308,8 @@ declare namespace system{
        * <p>
        * Both source and target port are expected to be given in absolute coordinates.
        * </p>
-       * @param {yfiles.algorithms.Edge} edge an edge in the graph
-       * @param {yfiles.algorithms.YList} path the list of {@link yfiles.algorithms.YPoint}s representing the new path sequence of the edge
+       * @param edge an edge in the graph
+       * @param path the list of {@link }s representing the new path sequence of the edge
        */
       setPath(edge:yfiles.algorithms.Edge,path:yfiles.algorithms.YList):void;
       /**
@@ -88867,8 +88321,8 @@ declare namespace system{
        * <p>
        * Both source and target port are expected to be given in absolute coordinates.
        * </p>
-       * @param {yfiles.algorithms.Edge} edge an edge in the graph
-       * @param {yfiles.algorithms.YPointPath} path the new path sequence of the edge
+       * @param edge an edge in the graph
+       * @param path the new path sequence of the edge
        */
       setPath(edge:yfiles.algorithms.Edge,path:yfiles.algorithms.YPointPath):void;
       /**
@@ -88876,8 +88330,8 @@ declare namespace system{
        * <p>
        * The source and target points of the edge will not be modified.
        * </p>
-       * @param {yfiles.algorithms.Edge} edge an edge in the graph
-       * @param {yfiles.algorithms.YList} points the list of {@link yfiles.algorithms.YPoint}s representing the new sequence of control points
+       * @param edge an edge in the graph
+       * @param points the list of {@link }s representing the new sequence of control points
        */
       setPoints(edge:yfiles.algorithms.Edge,points:yfiles.algorithms.YList):void;
       /**
@@ -88885,30 +88339,30 @@ declare namespace system{
        * <p>
        * The source and target points of the edge will not be modified.
        * </p>
-       * @param {yfiles.algorithms.Edge} edge an edge in the graph
-       * @param {yfiles.algorithms.YPointPath} points the new sequence of control points
+       * @param edge an edge in the graph
+       * @param points the new sequence of control points
        */
       setPoints(edge:yfiles.algorithms.Edge,points:yfiles.algorithms.YPointPath):void;
       /**
        * Specifies the width and height of the given node.
-       * @param {yfiles.algorithms.Node} node the node
-       * @param {number} width the new width of the node
-       * @param {number} height the new height of the node
+       * @param node the node
+       * @param width the new width of the node
+       * @param height the new height of the node
        * @see yfiles.layout.INodeLayout#setSize
        */
       setSize(node:yfiles.algorithms.Node,width:number,height:number):void;
       /**
        * Specifies the size of the given node.
-       * @param {yfiles.algorithms.Node} node the node
-       * @param {yfiles.algorithms.YDimension} size the new size of the node
+       * @param node the node
+       * @param size the new size of the node
        * @see yfiles.layout.LayoutGraph#setSize
        * @see yfiles.layout.INodeLayout#setSize
        */
       setSize(node:yfiles.algorithms.Node,size:yfiles.algorithms.YDimension):void;
       /**
        * Specifies the absolute coordinates of the source point of the given edge.
-       * @param {yfiles.algorithms.Edge} edge the edge
-       * @param {yfiles.algorithms.YPoint} point the new absolute source point coordinates of the edge
+       * @param edge the edge
+       * @param point the new absolute source point coordinates of the edge
        */
       setSourcePointAbs(edge:yfiles.algorithms.Edge,point:yfiles.algorithms.YPoint):void;
       /**
@@ -88916,15 +88370,15 @@ declare namespace system{
        * <p>
        * The coordinates are interpreted relative to the center of the source node.
        * </p>
-       * @param {yfiles.algorithms.Edge} edge the edge
-       * @param {yfiles.algorithms.YPoint} point the new relative source point coordinates of the edge
+       * @param edge the edge
+       * @param point the new relative source point coordinates of the edge
        * @see yfiles.layout.IEdgeLayout#sourcePoint
        */
       setSourcePointRel(edge:yfiles.algorithms.Edge,point:yfiles.algorithms.YPoint):void;
       /**
        * Specifies the absolute coordinates of the target point of the given edge.
-       * @param {yfiles.algorithms.Edge} edge the edge
-       * @param {yfiles.algorithms.YPoint} point the new absolute target point coordinates of the edge
+       * @param edge the edge
+       * @param point the new absolute target point coordinates of the edge
        */
       setTargetPointAbs(edge:yfiles.algorithms.Edge,point:yfiles.algorithms.YPoint):void;
       /**
@@ -88932,8 +88386,8 @@ declare namespace system{
        * <p>
        * The coordinates are interpreted relative to the center of the target node.
        * </p>
-       * @param {yfiles.algorithms.Edge} edge the edge
-       * @param {yfiles.algorithms.YPoint} point the new relative target point coordinates of the edge
+       * @param edge the edge
+       * @param point the new relative target point coordinates of the edge
        * @see yfiles.layout.IEdgeLayout#targetPoint
        */
       setTargetPointRel(edge:yfiles.algorithms.Edge,point:yfiles.algorithms.YPoint):void;
@@ -88948,7 +88402,7 @@ declare namespace system{
      * The {@link yfiles.layout.LayoutGraphUtilities} provides several helper and utility functions for {@link yfiles.layout.LayoutGraph} and
      * the {@link yfiles.layout.ILayoutAlgorithm layout algorithms}.
      * @see yfiles.layout.LayoutGraph
-     * @class yfiles.layout.LayoutGraphUtilities
+     * @class
      * @static
      */
     export interface LayoutGraphUtilities extends Object{}
@@ -88966,16 +88420,16 @@ declare namespace system{
        * vertical or horizontal coordinate axis do not overlap. For example, after vertically distributing nodes, <code>(n1.y + n1.height) &lt;= n2.y</code>
        * for two consecutively placed nodes <code>n1</code> and <code>n2</code>.
        * </p>
-       * @param {yfiles.layout.LayoutGraph} graph the graph that contains the specified nodes
-       * @param {yfiles.algorithms.NodeList} nodes the subset of the specified graph's nodes that is arranged
-       * @param {yfiles.algorithms.Node} referenceNode if <code>null</code>, the common coordinate for aligning the specified nodes is calculated as the the vertical minimum (top-aligned),
+       * @param graph the graph that contains the specified nodes
+       * @param nodes the subset of the specified graph's nodes that is arranged
+       * @param referenceNode if <code>null</code>, the common coordinate for aligning the specified nodes is calculated as the the vertical minimum (top-aligned),
        * the vertical center, the vertical maximum (bottom-aligned), the horizontal minimum (left-aligned), the horizontal
        * center, or the horizontal maximum (right-aligned) of the bounds of the specified nodes; otherwise the appropriate
        * coordinate of the given reference node's bounds is used as common coordinate for aligning the specified nodes. The
-       * reference node is ignored when {@link yfiles.layout.NodeAlignment#DISTRIBUTED distributing} nodes.
-       * @param {boolean} vertical <code>true</code> if nodes should be aligned (or distributed) according to their y-coordinates; otherwise nodes are aligned (or
+       * reference node is ignored when {@link #DISTRIBUTED distributing} nodes.
+       * @param vertical <code>true</code> if nodes should be aligned (or distributed) according to their y-coordinates; otherwise nodes are aligned (or
        * distributed) according to their x-coordinates.
-       * @param {yfiles.layout.NodeAlignment} mode one of the valid alignment modes
+       * @param mode one of the valid alignment modes
        * @static
        */
       static alignNodeLayouts(graph:yfiles.layout.LayoutGraph,nodes:yfiles.algorithms.NodeList,referenceNode:yfiles.algorithms.Node,vertical:boolean,mode:yfiles.layout.NodeAlignment):void;
@@ -88985,10 +88439,10 @@ declare namespace system{
        * <p>
        * The aspect ratio must be greater than <code>0</code>.
        * </p>
-       * @param {Array.<yfiles.algorithms.Rectangle2D>} rectangles the rectangles whose coordinates will be modified
-       * @param {yfiles.algorithms.Rectangle2D} finalRect the exact dimension will be placed in this rectangle
-       * @param {number} aspectRatio the preferred aspect ratio of the grid
-       * @returns {yfiles.algorithms.YDimension} the dimension of the grid
+       * @param rectangles the rectangles whose coordinates will be modified
+       * @param finalRect the exact dimension will be placed in this rectangle
+       * @param aspectRatio the preferred aspect ratio of the grid
+       * @returns the dimension of the grid
        * @throws {Stubs.Exceptions.ArgumentError} if the given aspect ratio is less than or equal to zero
        * @static
        */
@@ -89004,15 +88458,15 @@ declare namespace system{
        * <p>
        * The preferred width and height should be greater than <code>0</code>, otherwise the nodes are not arranged.
        * </p>
-       * @param {Array.<yfiles.algorithms.Rectangle2D>} rectangles the rectangles to arrange (coordinates will be assigned)
-       * @param {yfiles.algorithms.Rectangle2D} finalRect the exact resulting dimension will be stored in this rectangle
-       * @param {number} preferredWidth the preferred width of the result rectangle
-       * @param {number} preferredHeight the preferred height of the result rectangle
-       * @param {boolean} compaction <code>true</code> if the algorithm tries to always minimize the resulting dimension, whilst respecting the given constraints, <code>false</code>
+       * @param rectangles the rectangles to arrange (coordinates will be assigned)
+       * @param finalRect the exact resulting dimension will be stored in this rectangle
+       * @param preferredWidth the preferred width of the result rectangle
+       * @param preferredHeight the preferred height of the result rectangle
+       * @param compaction <code>true</code> if the algorithm tries to always minimize the resulting dimension, whilst respecting the given constraints, <code>false</code>
        * otherwise
-       * @param {yfiles.layout.MultiRowConstraint} constraintMode the width or height constraints to consider
-       * @param {yfiles.layout.RowAlignment} [alignment=yfiles.layout.RowAlignment.LEADING] the alignment inside a row
-       * @returns {number} the number of rows used
+       * @param constraintMode the width or height constraints to consider
+       * @param [alignment=yfiles.layout.RowAlignment.LEADING] the alignment inside a row
+       * @returns the number of rows used
        * @see yfiles.layout.LayoutGraphUtilities#arrangeRectangleMultiRows
        * @static
        */
@@ -89026,20 +88480,20 @@ declare namespace system{
        * <p>
        * The aspect ratio must be greater than <code>0</code>.
        * </p>
-       * @param {Array.<yfiles.algorithms.Rectangle2D>} rectangles the rectangles whose coordinates will be modified
-       * @param {yfiles.algorithms.Rectangle2D} finalRect the exact dimension of the resulting rectangle
-       * @param {number} aspectRatio the preferred aspect ratio of the resulting rectangle
-       * @param {yfiles.layout.RowAlignment} [alignment=yfiles.layout.RowAlignment.LEADING] one of the valid row alignments
-       * @returns {number} the number of used rows
+       * @param rectangles the rectangles whose coordinates will be modified
+       * @param finalRect the exact dimension of the resulting rectangle
+       * @param aspectRatio the preferred aspect ratio of the resulting rectangle
+       * @param [alignment=yfiles.layout.RowAlignment.LEADING] one of the valid row alignments
+       * @returns the number of used rows
        * @throws {Stubs.Exceptions.ArgumentError} if the aspect ratio is <code>0</code> or less
        * @static
        */
       static arrangeRectangleRows(rectangles:yfiles.algorithms.Rectangle2D[],finalRect:yfiles.algorithms.Rectangle2D,aspectRatio:number,alignment?:yfiles.layout.RowAlignment):number;
       /**
        * Applies the reversed layout of the first edge to the second edge.
-       * @param {yfiles.layout.LayoutGraph} graph the graph to which both edges belong
-       * @param {yfiles.algorithms.Edge} edge1 the edge which adopts the points
-       * @param {yfiles.algorithms.Edge} edge2 the template
+       * @param graph the graph to which both edges belong
+       * @param edge1 the edge which adopts the points
+       * @param edge2 the template
        * @static
        */
       static assignReverseLayout(graph:yfiles.layout.LayoutGraph,edge1:yfiles.algorithms.Edge,edge2:yfiles.algorithms.Edge):void;
@@ -89048,8 +88502,8 @@ declare namespace system{
        * <p>
        * That means, it rotates the rectangle by <code>180</code> degrees without changing the rectangle's center.
        * </p>
-       * @param {yfiles.algorithms.YOrientedRectangle} rect the given rectangle
-       * @returns {boolean} <code>true</code> if the given rectangle was flipped, <code>false</code> otherwise
+       * @param rect the given rectangle
+       * @returns <code>true</code> if the given rectangle was flipped, <code>false</code> otherwise
        * @static
        */
       static autoFlipBox(rect:yfiles.algorithms.YOrientedRectangle):boolean;
@@ -89058,8 +88512,8 @@ declare namespace system{
        * <p>
        * On a clipped edge, the source and target port will be located at the border of the corresponding node.
        * </p>
-       * @param {yfiles.layout.LayoutGraph} graph the graph to which the edge belongs
-       * @param {yfiles.algorithms.Edge} edge the edge to clip
+       * @param graph the graph to which the edge belongs
+       * @param edge the edge to clip
        * @static
        */
       static clipEdgeOnBounds(graph:yfiles.layout.LayoutGraph,edge:yfiles.algorithms.Edge):void;
@@ -89068,9 +88522,9 @@ declare namespace system{
        * <p>
        * On the clipped edge, the source and target port will be located at the border of the corresponding node.
        * </p>
-       * @param {yfiles.layout.LayoutGraph} graph the graph to which the edge belongs
-       * @param {yfiles.algorithms.Edge} edge the clipped edge
-       * @returns {yfiles.algorithms.YPointPath} the clipped path of the edge
+       * @param graph the graph to which the edge belongs
+       * @param edge the clipped edge
+       * @returns the clipped path of the edge
        * @static
        */
       static clipEdgePathOnBounds(graph:yfiles.layout.LayoutGraph,edge:yfiles.algorithms.Edge):yfiles.algorithms.YPointPath;
@@ -89080,11 +88534,11 @@ declare namespace system{
        * On the clipped edge, the source and target port will be located inside the node with an inset to the border of the
        * corresponding node.
        * </p>
-       * @param {yfiles.layout.IEdgeLayout} edge the clipped edge
-       * @param {yfiles.layout.INodeLayout} source the source of the edge
-       * @param {yfiles.layout.INodeLayout} target the target of the edge
-       * @param {number} [inset=0.0] the inset of the node
-       * @returns {yfiles.algorithms.YPointPath} the clipped path of the edge
+       * @param edge the clipped edge
+       * @param source the source of the edge
+       * @param target the target of the edge
+       * @param [inset=0.0] the inset of the node
+       * @returns the clipped path of the edge
        * @static
        */
       static clipEdgePathOnBounds(edge:yfiles.layout.IEdgeLayout,source:yfiles.layout.INodeLayout,target:yfiles.layout.INodeLayout,inset?:number):yfiles.algorithms.YPointPath;
@@ -89093,17 +88547,17 @@ declare namespace system{
        * <p>
        * On a clipped edge, the source and target port will be located at the border of the corresponding node.
        * </p>
-       * @param {yfiles.layout.LayoutGraph} graph the graph
+       * @param graph the graph
        * @see yfiles.layout.LayoutGraphUtilities#clipEdgeOnBounds
        * @static
        */
       static clipEdgesOnBounds(graph:yfiles.layout.LayoutGraph):void;
       /**
        * Returns the path of a given edge path clipped on the given bounding boxes of the source and target node.
-       * @param {yfiles.algorithms.YPointPath} path the path that will be clipped
-       * @param {yfiles.algorithms.YRectangle} sourceBox the box of the source node that the given path should be clipped at
-       * @param {yfiles.algorithms.YRectangle} targetBox the box of the target node that the given path should be clipped at
-       * @returns {yfiles.algorithms.YPointPath} the path clipped on the given nodes boxes
+       * @param path the path that will be clipped
+       * @param sourceBox the box of the source node that the given path should be clipped at
+       * @param targetBox the box of the target node that the given path should be clipped at
+       * @returns the path clipped on the given nodes boxes
        * @static
        */
       static clipPathOnBounds(path:yfiles.algorithms.YPointPath,sourceBox:yfiles.algorithms.YRectangle,targetBox:yfiles.algorithms.YRectangle):yfiles.algorithms.YPointPath;
@@ -89112,17 +88566,17 @@ declare namespace system{
        * <p>
        * The method only considers edges that are marked in the given {@link yfiles.algorithms.IDataProvider}.
        * </p>
-       * @param {yfiles.layout.LayoutGraph} graph the underlying graph
-       * @param {yfiles.algorithms.IDataProvider} considerEdges the edges to consider
-       * @returns {yfiles.layout.EdgeFlow} one of the predefined flow directions
+       * @param graph the underlying graph
+       * @param considerEdges the edges to consider
+       * @returns one of the predefined flow directions
        * @static
        */
       static determineEdgeFlowDirection(graph:yfiles.layout.LayoutGraph,considerEdges:yfiles.algorithms.IDataProvider):yfiles.layout.EdgeFlow;
       /**
        * Returns a {@link string} representation of the path of the given edge.
-       * @param {yfiles.layout.LayoutGraph} graph the graph to which the edge belongs
-       * @param {yfiles.algorithms.Edge} edge the edge
-       * @returns {string} the {@link string} that contains all control points of the edge
+       * @param graph the graph to which the edge belongs
+       * @param edge the edge
+       * @returns the {@link } that contains all control points of the edge
        * @static
        */
       static edgeLayoutString(graph:yfiles.layout.LayoutGraph,edge:yfiles.algorithms.Edge):string;
@@ -89132,9 +88586,9 @@ declare namespace system{
        * In this case, the bounding box is the smallest paraxial rectangle which contains the control points as well as the
        * absolute coordinates of the source and target point of the edge.
        * </p>
-       * @param {yfiles.layout.LayoutGraph} graph the graph that contains the edge
-       * @param {yfiles.algorithms.Edge} edge the edge
-       * @returns {yfiles.algorithms.Rectangle2D} the bounding box of the edge
+       * @param graph the graph that contains the edge
+       * @param edge the edge
+       * @returns the bounding box of the edge
        * @see yfiles.layout.LayoutGraph#getSourcePointAbs
        * @see yfiles.layout.LayoutGraph#getTargetPointAbs
        * @see yfiles.layout.LayoutGraph#getLayout
@@ -89147,9 +88601,9 @@ declare namespace system{
        * In this case, the bounding box is the smallest paraxial rectangle which contains the given node. It is identical to the
        * node's bounds.
        * </p>
-       * @param {yfiles.layout.LayoutGraph} graph the graph that contains the node
-       * @param {yfiles.algorithms.Node} node the node
-       * @returns {yfiles.algorithms.Rectangle2D} the bounding box of the node
+       * @param graph the graph that contains the node
+       * @param node the node
+       * @returns the bounding box of the node
        * @see yfiles.layout.LayoutGraph#getLayout
        * @static
        */
@@ -89162,13 +88616,13 @@ declare namespace system{
        * as well as the source and target points of all edges. If node or edge labels should be included, it also contains their
        * boxes. {@link yfiles.layout.NodeHalo}s can also extend the bounding box if desired.
        * </p>
-       * @param {yfiles.layout.LayoutGraph} graph the graph that contains the given nodes and edges
-       * @param {yfiles.algorithms.INodeCursor} nodes the nodes to include in the bounding box
-       * @param {yfiles.algorithms.IEdgeCursor} edges the edges to include in the bounding box
-       * @param {boolean} includeNodeLabels <code>true</code> if labels of nodes should be included, <code>false</code> otherwise
-       * @param {boolean} includeEdgeLabels <code>true</code> if labels of edges should be included, <code>false</code> otherwise
-       * @param {boolean} [includeHalos=false] <code>true</code> if {@link yfiles.layout.NodeHalo}s should be included, <code>false</code> otherwise
-       * @returns {yfiles.algorithms.Rectangle2D} the bounding box of the given nodes and edges
+       * @param graph the graph that contains the given nodes and edges
+       * @param nodes the nodes to include in the bounding box
+       * @param edges the edges to include in the bounding box
+       * @param includeNodeLabels <code>true</code> if labels of nodes should be included, <code>false</code> otherwise
+       * @param includeEdgeLabels <code>true</code> if labels of edges should be included, <code>false</code> otherwise
+       * @param [includeHalos=false] <code>true</code> if {@link }s should be included, <code>false</code> otherwise
+       * @returns the bounding box of the given nodes and edges
        * @static
        */
       static getBoundingBox(graph:yfiles.layout.LayoutGraph,nodes:yfiles.algorithms.INodeCursor,edges:yfiles.algorithms.IEdgeCursor,includeNodeLabels:boolean,includeEdgeLabels:boolean,includeHalos?:boolean):yfiles.algorithms.Rectangle2D;
@@ -89179,11 +88633,11 @@ declare namespace system{
        * In this case, the bounding box is the smallest paraxial rectangle which contains the given nodes and the control points
        * as well as the source and target points of all edges. If labels should be included, it also contains their boxes.
        * </p>
-       * @param {yfiles.layout.LayoutGraph} graph the graph that contains the given nodes and edges
-       * @param {yfiles.algorithms.INodeCursor} nodes the nodes to include in the bounding box
-       * @param {yfiles.algorithms.IEdgeCursor} edges the edges to include in the bounding box
-       * @param {boolean} includeLabels <code>true</code> if labels of nodes and edges should be included, <code>false</code> otherwise
-       * @returns {yfiles.algorithms.Rectangle2D} the bounding box of the given nodes and edges
+       * @param graph the graph that contains the given nodes and edges
+       * @param nodes the nodes to include in the bounding box
+       * @param edges the edges to include in the bounding box
+       * @param includeLabels <code>true</code> if labels of nodes and edges should be included, <code>false</code> otherwise
+       * @returns the bounding box of the given nodes and edges
        * @see yfiles.layout.LayoutGraphUtilities#getBoundingBox
        * @static
        */
@@ -89194,10 +88648,10 @@ declare namespace system{
        * In this case, the bounding box is the smallest paraxial rectangle which contains the given nodes and the control points
        * as well as the source and target points of all edges.
        * </p>
-       * @param {yfiles.layout.LayoutGraph} graph the graph that contains the nodes and edges
-       * @param {yfiles.algorithms.INodeCursor} nodes the nodes to include in the bounding box
-       * @param {yfiles.algorithms.IEdgeCursor} edges the edges to include in the bounding box
-       * @returns {yfiles.algorithms.Rectangle2D} the bounding box containing the given nodes and edges
+       * @param graph the graph that contains the nodes and edges
+       * @param nodes the nodes to include in the bounding box
+       * @param edges the edges to include in the bounding box
+       * @returns the bounding box containing the given nodes and edges
        * @see yfiles.layout.LayoutGraphUtilities#getBoundingBoxOfEdges
        * @see yfiles.layout.LayoutGraphUtilities#getBoundingBoxOfNodes
        * @static
@@ -89209,9 +88663,9 @@ declare namespace system{
        * In this case, the bounding box is the smallest paraxial rectangle which contains the control points as well as the
        * absolute coordinates of the source and target points of all given edges.
        * </p>
-       * @param {yfiles.layout.LayoutGraph} graph the graph that contains the edges
-       * @param {yfiles.algorithms.IEdgeCursor} edges the edges to include in the bounding box
-       * @returns {yfiles.algorithms.Rectangle2D} the bounding box containing the given edges
+       * @param graph the graph that contains the edges
+       * @param edges the edges to include in the bounding box
+       * @returns the bounding box containing the given edges
        * @see yfiles.layout.LayoutGraph#getSourcePointAbs
        * @see yfiles.layout.LayoutGraph#getTargetPointAbs
        * @see yfiles.layout.LayoutGraph#getLayout
@@ -89223,17 +88677,17 @@ declare namespace system{
        * <p>
        * In this case, the bounding box is the smallest paraxial rectangle which contains the given nodes.
        * </p>
-       * @param {yfiles.layout.LayoutGraph} graph the graph that contains the nodes
-       * @param {yfiles.algorithms.INodeCursor} nodes the nodes to include in the bounding box
-       * @returns {yfiles.algorithms.Rectangle2D} the bounding box containing the given nodes
+       * @param graph the graph that contains the nodes
+       * @param nodes the nodes to include in the bounding box
+       * @returns the bounding box containing the given nodes
        * @see yfiles.layout.LayoutGraph#getLayout
        * @static
        */
       static getBoundingBoxOfNodes(graph:yfiles.layout.LayoutGraph,nodes:yfiles.algorithms.INodeCursor):yfiles.algorithms.Rectangle2D;
       /**
        * Returns the {@link yfiles.layout.ILabelLayoutFactory} for the given graph.
-       * @param {yfiles.layout.LayoutGraph} graph the graph
-       * @returns {yfiles.layout.ILabelLayoutFactory} the label factory of the graph
+       * @param graph the graph
+       * @returns the label factory of the graph
        * @static
        */
       static getLabelFactory(graph:yfiles.layout.LayoutGraph):yfiles.layout.ILabelLayoutFactory;
@@ -89244,13 +88698,13 @@ declare namespace system{
        * The parameter describes the abstract position of the label within the specified model. The parameter must have been
        * generated by that model.
        * </p>
-       * @param {yfiles.layout.IEdgeLabelLayoutModel} model the {@link yfiles.layout.IEdgeLabelLayoutModel} used for placing the label
-       * @param {yfiles.algorithms.YDimension} labelSize the size of the label that should be placed
-       * @param {yfiles.layout.IEdgeLayout} edgeLayout the layout of the edge to which the label belongs
-       * @param {yfiles.layout.INodeLayout} sourceLayout the layout of the edge's source node
-       * @param {yfiles.layout.INodeLayout} targetLayout the layout of the edge's target node
-       * @param {Object} param the model parameter
-       * @returns {yfiles.algorithms.YPoint} the upper-left corner of the label's bounding box
+       * @param model the {@link } used for placing the label
+       * @param labelSize the size of the label that should be placed
+       * @param edgeLayout the layout of the edge to which the label belongs
+       * @param sourceLayout the layout of the edge's source node
+       * @param targetLayout the layout of the edge's target node
+       * @param param the model parameter
+       * @returns the upper-left corner of the label's bounding box
        * @see yfiles.layout.IEdgeLabelLayoutModel#getLabelPlacement
        * @see yfiles.algorithms.YOrientedRectangle#boundingBox
        * @static
@@ -89263,11 +88717,11 @@ declare namespace system{
        * The parameter describes the abstract position of the label within the specified model. The parameter must have been
        * generated by that model.
        * </p>
-       * @param {yfiles.layout.INodeLabelLayoutModel} model the {@link yfiles.layout.INodeLabelLayoutModel} used for placing the label
-       * @param {yfiles.algorithms.YDimension} labelSize the size of the label
-       * @param {yfiles.layout.INodeLayout} nodeLayout the layout of the node to which the label belongs
-       * @param {Object} param the model parameter
-       * @returns {yfiles.algorithms.YPoint} the upper-left corner of the label's bounding box
+       * @param model the {@link } used for placing the label
+       * @param labelSize the size of the label
+       * @param nodeLayout the layout of the node to which the label belongs
+       * @param param the model parameter
+       * @returns the upper-left corner of the label's bounding box
        * @see yfiles.layout.INodeLabelLayoutModel#getLabelPlacement
        * @see yfiles.algorithms.YOrientedRectangle#boundingBox
        * @static
@@ -89275,17 +88729,17 @@ declare namespace system{
       static getLabelPlacement(model:yfiles.layout.INodeLabelLayoutModel,labelSize:yfiles.algorithms.YDimension,nodeLayout:yfiles.layout.INodeLayout,param:Object):yfiles.algorithms.YPoint;
       /**
        * Returns the distance between the centers of the two given nodes.
-       * @param {yfiles.layout.LayoutGraph} graph the graph to which the nodes belong
-       * @param {yfiles.algorithms.Node} node1 the first node
-       * @param {yfiles.algorithms.Node} node2 the second node
-       * @returns {number} the distance between the nodes' centers
+       * @param graph the graph to which the nodes belong
+       * @param node1 the first node
+       * @param node2 the second node
+       * @returns the distance between the nodes' centers
        * @static
        */
       static getNodeDistance(graph:yfiles.layout.LayoutGraph,node1:yfiles.algorithms.Node,node2:yfiles.algorithms.Node):number;
       /**
        * Returns a {@link string} representation of all node positions in the graph.
-       * @param {yfiles.layout.LayoutGraph} graph the graph
-       * @returns {string} the {@link string} containing all node locations
+       * @param graph the graph
+       * @returns the {@link } containing all node locations
        * @see yfiles.layout.LayoutGraph#getLocation
        * @static
        */
@@ -89295,9 +88749,9 @@ declare namespace system{
        * <p>
        * The path starts at the source point, traverses through all control points and ends at the target point.
        * </p>
-       * @param {yfiles.layout.LayoutGraph} graph the graph to which the edge belongs
-       * @param {yfiles.algorithms.Edge} edge the edge
-       * @returns {number} the length of the edge's path
+       * @param graph the graph to which the edge belongs
+       * @param edge the edge
+       * @returns the length of the edge's path
        * @static
        */
       static getPathLength(graph:yfiles.layout.LayoutGraph,edge:yfiles.algorithms.Edge):number;
@@ -89311,11 +88765,11 @@ declare namespace system{
        * <p>
        * The nodes can be enlarged by a halo to check if the edge keeps some distance to the nodes.
        * </p>
-       * @param {yfiles.layout.IEdgeLayout} edge the edge
-       * @param {yfiles.layout.INodeLayout} source the source of the edge
-       * @param {yfiles.layout.INodeLayout} target the target of the edge
-       * @param {number} halo the halo for the nodes
-       * @returns {boolean} <code>true</code> if the edge is outside the nodes, <code>false</code> otherwise
+       * @param edge the edge
+       * @param source the source of the edge
+       * @param target the target of the edge
+       * @param halo the halo for the nodes
+       * @returns <code>true</code> if the edge is outside the nodes, <code>false</code> otherwise
        * @static
        */
       static isEdgeOutsideNodes(edge:yfiles.layout.IEdgeLayout,source:yfiles.layout.INodeLayout,target:yfiles.layout.INodeLayout,halo:number):boolean;
@@ -89325,9 +88779,9 @@ declare namespace system{
        * The edge is outside the nodes if its control points as well as the source and target point are not inside the nodes'
        * bounding boxes.
        * </p>
-       * @param {yfiles.layout.LayoutGraph} graph the graph to which the edge belongs
-       * @param {yfiles.algorithms.Edge} edge the edge
-       * @returns {boolean} <code>true</code> if the edge is outside the nodes, <code>false</code> otherwise
+       * @param graph the graph to which the edge belongs
+       * @param edge the edge
+       * @returns <code>true</code> if the edge is outside the nodes, <code>false</code> otherwise
        * @static
        */
       static isEdgeOutsideNodes(graph:yfiles.layout.LayoutGraph,edge:yfiles.algorithms.Edge):boolean;
@@ -89336,9 +88790,9 @@ declare namespace system{
        * <p>
        * The method only considers edges marked in the given {@link yfiles.algorithms.IDataProvider}.
        * </p>
-       * @param {yfiles.layout.LayoutGraph} graph the underlying graph
-       * @param {yfiles.algorithms.IDataProvider} considerEdges the edges to consider
-       * @returns {boolean} <code>true</code> if most of the edges in the graph are routed octilinear, <code>false</code> otherwise
+       * @param graph the underlying graph
+       * @param considerEdges the edges to consider
+       * @returns <code>true</code> if most of the edges in the graph are routed octilinear, <code>false</code> otherwise
        * @static
        */
       static isUsingOctilinearEdgeRoutes(graph:yfiles.layout.LayoutGraph,considerEdges:yfiles.algorithms.IDataProvider):boolean;
@@ -89347,108 +88801,108 @@ declare namespace system{
        * <p>
        * The method only considers edges marked in the given {@link yfiles.algorithms.IDataProvider}.
        * </p>
-       * @param {yfiles.layout.LayoutGraph} graph the underlying graph
-       * @param {yfiles.algorithms.IDataProvider} considerEdges the edges to consider
-       * @returns {boolean} <code>true</code> if most of the edges in the graph are routed orthogonally, <code>false</code> otherwise
+       * @param graph the underlying graph
+       * @param considerEdges the edges to consider
+       * @returns <code>true</code> if most of the edges in the graph are routed orthogonally, <code>false</code> otherwise
        * @static
        */
       static isUsingOrthogonalEdgeRoutes(graph:yfiles.layout.LayoutGraph,considerEdges:yfiles.algorithms.IDataProvider):boolean;
       /**
        * Moves all control points of the given edge by the vector <code>(dx,dy)</code>.
-       * @param {yfiles.layout.LayoutGraph} graph the graph
-       * @param {yfiles.algorithms.Edge} edge the edge
-       * @param {number} dx the horizontal distance to move
-       * @param {number} dy the vertical distance to move
+       * @param graph the graph
+       * @param edge the edge
+       * @param dx the horizontal distance to move
+       * @param dy the vertical distance to move
        * @static
        */
       static moveEdge(graph:yfiles.layout.LayoutGraph,edge:yfiles.algorithms.Edge,dx:number,dy:number):void;
       /**
        * Moves the control points of all edges accessible through the given {@link yfiles.algorithms.IEdgeCursor} by the vector <code>(dx,dy)</code>.
-       * @param {yfiles.layout.LayoutGraph} graph the graph
-       * @param {yfiles.algorithms.IEdgeCursor} edges the edges to be moved
-       * @param {number} dx the horizontal distance to move
-       * @param {number} dy the vertical distance to move
+       * @param graph the graph
+       * @param edges the edges to be moved
+       * @param dx the horizontal distance to move
+       * @param dy the vertical distance to move
        * @static
        */
       static moveEdges(graph:yfiles.layout.LayoutGraph,edges:yfiles.algorithms.IEdgeCursor,dx:number,dy:number):void;
       /**
        * Moves the given node by the vector <code>(dx,dy)</code>.
-       * @param {yfiles.layout.LayoutGraph} graph the graph
-       * @param {yfiles.algorithms.Node} node the node
-       * @param {number} dx the horizontal distance to move
-       * @param {number} dy the vertical distance to move
+       * @param graph the graph
+       * @param node the node
+       * @param dx the horizontal distance to move
+       * @param dy the vertical distance to move
        * @static
        */
       static moveNode(graph:yfiles.layout.LayoutGraph,node:yfiles.algorithms.Node,dx:number,dy:number):void;
       /**
        * Moves all nodes accessible through the given {@link yfiles.algorithms.INodeCursor} by the vector <code>(dx,dy)</code>.
-       * @param {yfiles.layout.LayoutGraph} graph the graph
-       * @param {yfiles.algorithms.INodeCursor} nodes the nodes to be moved
-       * @param {number} dx the horizontal distance to move
-       * @param {number} dy the vertical distance to move
+       * @param graph the graph
+       * @param nodes the nodes to be moved
+       * @param dx the horizontal distance to move
+       * @param dy the vertical distance to move
        * @static
        */
       static moveNodes(graph:yfiles.layout.LayoutGraph,nodes:yfiles.algorithms.INodeCursor,dx:number,dy:number):void;
       /**
        * Moves the subgraph induced by the nodes accessible through the given {@link yfiles.algorithms.INodeCursor} by the vector
        * <code>(dx,dy)</code>.
-       * @param {yfiles.layout.LayoutGraph} graph the graph that contains the subgraph
-       * @param {yfiles.algorithms.INodeCursor} nodes the nodes that induce the subgraph
-       * @param {number} dx the horizontal distance to move
-       * @param {number} dy the vertical distance to move
+       * @param graph the graph that contains the subgraph
+       * @param nodes the nodes that induce the subgraph
+       * @param dx the horizontal distance to move
+       * @param dy the vertical distance to move
        * @static
        */
       static moveSubgraph(graph:yfiles.layout.LayoutGraph,nodes:yfiles.algorithms.INodeCursor,dx:number,dy:number):void;
       /**
        * Moves the subgraph induced by the edges accessible through the given {@link yfiles.algorithms.IEdgeCursor} by the vector
        * <code>(dx,dy)</code>.
-       * @param {yfiles.layout.LayoutGraph} graph the graph that contains the subgraph
-       * @param {yfiles.algorithms.IEdgeCursor} edges the edges that induce the subgraph
-       * @param {number} dx the horizontal distance to move
-       * @param {number} dy the vertical distance to move
+       * @param graph the graph that contains the subgraph
+       * @param edges the edges that induce the subgraph
+       * @param dx the horizontal distance to move
+       * @param dy the vertical distance to move
        * @static
        */
       static moveSubgraphOfEdges(graph:yfiles.layout.LayoutGraph,edges:yfiles.algorithms.IEdgeCursor,dx:number,dy:number):void;
       /**
        * Checks whether or not the path of the given edge intersects the interior of a given rectangular area.
-       * @param {yfiles.layout.LayoutGraph} graph the graph to which the edge belongs
-       * @param {yfiles.algorithms.Edge} edge the edge
-       * @param {yfiles.algorithms.Rectangle2D} rect the rectangular area to check for intersection
-       * @returns {boolean} <code>true</code> if the edge path intersects with the given rectangle, <code>false</code> otherwise
+       * @param graph the graph to which the edge belongs
+       * @param edge the edge
+       * @param rect the rectangular area to check for intersection
+       * @returns <code>true</code> if the edge path intersects with the given rectangle, <code>false</code> otherwise
        * @static
        */
       static pathIntersectsRect(graph:yfiles.layout.LayoutGraph,edge:yfiles.algorithms.Edge,rect:yfiles.algorithms.Rectangle2D):boolean;
       /**
        * Removes successive bends that have the same coordinates from the given edge.
-       * @param {yfiles.layout.LayoutGraph} graph the graph
-       * @param {yfiles.algorithms.Edge} edge the edge
+       * @param graph the graph
+       * @param edge the edge
        * @static
        */
       static removeDuplicateBends(graph:yfiles.layout.LayoutGraph,edge:yfiles.algorithms.Edge):void;
       /**
        * Removes successive bends that have the same coordinates from all edges in the graph.
-       * @param {yfiles.layout.LayoutGraph} graph the graph
+       * @param graph the graph
        * @static
        */
       static removeDuplicateBends(graph:yfiles.layout.LayoutGraph):void;
       /**
        * Assigns a trivial path which has no control points to the specified edge.
-       * @param {yfiles.layout.LayoutGraph} graph the graph
-       * @param {yfiles.algorithms.Edge} edge the edge
-       * @param {boolean} [resetPorts=true] <code>true</code> if the ports of the edge should be set to the center of the corresponding nodes, <code>false</code> otherwise
+       * @param graph the graph
+       * @param edge the edge
+       * @param [resetPorts=true] <code>true</code> if the ports of the edge should be set to the center of the corresponding nodes, <code>false</code> otherwise
        * @static
        */
       static resetPath(graph:yfiles.layout.LayoutGraph,edge:yfiles.algorithms.Edge,resetPorts?:boolean):void;
       /**
        * Assigns a trivial path which has no control points to all edges in the specified graph.
-       * @param {yfiles.layout.LayoutGraph} graph the graph
-       * @param {boolean} [resetPorts=true] <code>true</code> if the ports of the edges should be set to the center of the corresponding nodes, <code>false</code> otherwise
+       * @param graph the graph
+       * @param [resetPorts=true] <code>true</code> if the ports of the edges should be set to the center of the corresponding nodes, <code>false</code> otherwise
        * @static
        */
       static resetPaths(graph:yfiles.layout.LayoutGraph,resetPorts?:boolean):void;
       /**
        * Sets the ports of all edges in the graph to the center of the nodes.
-       * @param {yfiles.layout.LayoutGraph} graph the graph
+       * @param graph the graph
        * @see yfiles.layout.LayoutGraph#setSourcePointRel
        * @see yfiles.layout.LayoutGraph#setTargetPointRel
        * @static
@@ -89459,20 +88913,20 @@ declare namespace system{
        * <p>
        * The order of the control points is reversed and source and target point are swapped.
        * </p>
-       * @param {yfiles.layout.IEdgeLayout} el the layout information of an edge
+       * @param el the layout information of an edge
        * @static
        */
       static reverseEdgeLayout(el:yfiles.layout.IEdgeLayout):void;
       /**
        * Rounds the locations of the control points and ports of the given edge to integer values.
-       * @param {yfiles.layout.LayoutGraph} graph the graph to which the edge belongs
-       * @param {yfiles.algorithms.Edge} edge the edge whose values are rounded
+       * @param graph the graph to which the edge belongs
+       * @param edge the edge whose values are rounded
        * @static
        */
       static roundEdgeLayout(graph:yfiles.layout.LayoutGraph,edge:yfiles.algorithms.Edge):void;
       /**
        * Rounds coordinates and sizes in the layout of an entire graph to integer values.
-       * @param {yfiles.layout.LayoutGraph} graph the graph
+       * @param graph the graph
        * @see yfiles.layout.LayoutGraphUtilities#roundNodeLayout
        * @see yfiles.layout.LayoutGraphUtilities#roundEdgeLayout
        * @static
@@ -89480,8 +88934,8 @@ declare namespace system{
       static roundLayout(graph:yfiles.layout.LayoutGraph):void;
       /**
        * Rounds the location and size of the given node to integer values.
-       * @param {yfiles.layout.LayoutGraph} graph the graph to which the node belongs
-       * @param {yfiles.algorithms.Node} node the node whose values are rounded
+       * @param graph the graph to which the node belongs
+       * @param node the node whose values are rounded
        * @static
        */
       static roundNodeLayout(graph:yfiles.layout.LayoutGraph,node:yfiles.algorithms.Node):void;
@@ -89494,14 +88948,14 @@ declare namespace system{
        * The position of the leading edge may be adjusted if there is an odd number of parallel edges. It will be moved from the
        * center to achieve a more symmetric port assignment.
        * </p>
-       * @param {yfiles.layout.LayoutGraph} graph the graph
-       * @param {yfiles.algorithms.Edge} leadingEdge the leading edge
-       * @param {yfiles.algorithms.EdgeList} edges the list of edges that will be aligned with the leading edge
-       * @param {number} lineDistance the distance between two edges
-       * @param {boolean} [adjustLeadingEdge=false] <code>true</code> if the leading edge should be adjusted if the size of list is odd, <code>false</code> otherwise
-       * @param {boolean} [joinEnds=false] <code>true</code> if the edges should share their end points (the ones of the leading edge), <code>false</code> otherwise
-       * @param {number} [absJoinDistance=0.0] the absolute distance between the end points and the beginning of the parallel segment routing if the ends are joined
-       * @param {number} [relJoinDistance=0.0] the relative distance, measured relative to the length of the first/last segments if the ends are joined
+       * @param graph the graph
+       * @param leadingEdge the leading edge
+       * @param edges the list of edges that will be aligned with the leading edge
+       * @param lineDistance the distance between two edges
+       * @param [adjustLeadingEdge=false] <code>true</code> if the leading edge should be adjusted if the size of list is odd, <code>false</code> otherwise
+       * @param [joinEnds=false] <code>true</code> if the edges should share their end points (the ones of the leading edge), <code>false</code> otherwise
+       * @param [absJoinDistance=0.0] the absolute distance between the end points and the beginning of the parallel segment routing if the ends are joined
+       * @param [relJoinDistance=0.0] the relative distance, measured relative to the length of the first/last segments if the ends are joined
        * @static
        */
       static routeEdgesParallel(graph:yfiles.layout.LayoutGraph,leadingEdge:yfiles.algorithms.Edge,edges:yfiles.algorithms.EdgeList,lineDistance:number,adjustLeadingEdge?:boolean,joinEnds?:boolean,absJoinDistance?:number,relJoinDistance?:number):void;
@@ -89515,14 +88969,14 @@ declare namespace system{
        * center to achieve a more symmetric port assignment.
        * </p>
        * @param {Object} options The parameters to pass.
-       * @param {yfiles.layout.LayoutGraph} options.graph the graph
-       * @param {yfiles.algorithms.Edge} options.leadingEdge the leading edge
-       * @param {yfiles.algorithms.EdgeList} options.edges the list of edges that will be aligned with the leading edge
-       * @param {number} options.lineDistance the distance between two edges
-       * @param {boolean} [options.adjustLeadingEdge=false] <code>true</code> if the leading edge should be adjusted if the size of list is odd, <code>false</code> otherwise
-       * @param {boolean} [options.joinEnds=false] <code>true</code> if the edges should share their end points (the ones of the leading edge), <code>false</code> otherwise
-       * @param {number} [options.absJoinDistance=0.0] the absolute distance between the end points and the beginning of the parallel segment routing if the ends are joined
-       * @param {number} [options.relJoinDistance=0.0] the relative distance, measured relative to the length of the first/last segments if the ends are joined
+       * @param options.graph the graph
+       * @param options.leadingEdge the leading edge
+       * @param options.edges the list of edges that will be aligned with the leading edge
+       * @param options.lineDistance the distance between two edges
+       * @param [options.adjustLeadingEdge=false] <code>true</code> if the leading edge should be adjusted if the size of list is odd, <code>false</code> otherwise
+       * @param [options.joinEnds=false] <code>true</code> if the edges should share their end points (the ones of the leading edge), <code>false</code> otherwise
+       * @param [options.absJoinDistance=0.0] the absolute distance between the end points and the beginning of the parallel segment routing if the ends are joined
+       * @param [options.relJoinDistance=0.0] the relative distance, measured relative to the length of the first/last segments if the ends are joined
        * @static
        */
       static routeEdgesParallel(options:{graph:yfiles.layout.LayoutGraph,leadingEdge:yfiles.algorithms.Edge,edges:yfiles.algorithms.EdgeList,lineDistance:number,adjustLeadingEdge?:boolean,joinEnds?:boolean,absJoinDistance?:number,relJoinDistance?:number}):void;
@@ -89531,13 +88985,13 @@ declare namespace system{
        * <p>
        * The second edge gets a path that is parallel to the path of the first (leading) edge.
        * </p>
-       * @param {yfiles.layout.LayoutGraph} graph the graph
-       * @param {yfiles.algorithms.Edge} leadingEdge the leading edge
-       * @param {yfiles.algorithms.Edge} edge the edge to be adjusted
-       * @param {number} lineDistance the distance between the two edges
-       * @param {boolean} [joinEnds=false] <code>true</code> if the edges should share their end points (the ones of the leading edge), <code>false</code> otherwise
-       * @param {number} [absJoinDistance=0.0] the absolute distance between the end points and the beginning of the parallel segment routing if the ends are joined
-       * @param {number} [relJoinDistance=0.0] the relative distance, measured relative to the length of the first/last segments if the ends are joined
+       * @param graph the graph
+       * @param leadingEdge the leading edge
+       * @param edge the edge to be adjusted
+       * @param lineDistance the distance between the two edges
+       * @param [joinEnds=false] <code>true</code> if the edges should share their end points (the ones of the leading edge), <code>false</code> otherwise
+       * @param [absJoinDistance=0.0] the absolute distance between the end points and the beginning of the parallel segment routing if the ends are joined
+       * @param [relJoinDistance=0.0] the relative distance, measured relative to the length of the first/last segments if the ends are joined
        * @static
        */
       static routeEdgesParallel(graph:yfiles.layout.LayoutGraph,leadingEdge:yfiles.algorithms.Edge,edge:yfiles.algorithms.Edge,lineDistance:number,joinEnds?:boolean,absJoinDistance?:number,relJoinDistance?:number):void;
@@ -89547,13 +89001,13 @@ declare namespace system{
        * The second edge gets a path that is parallel to the path of the first (leading) edge.
        * </p>
        * @param {Object} options The parameters to pass.
-       * @param {yfiles.layout.LayoutGraph} options.graph the graph
-       * @param {yfiles.algorithms.Edge} options.leadingEdge the leading edge
-       * @param {yfiles.algorithms.Edge} options.edge the edge to be adjusted
-       * @param {number} options.lineDistance the distance between the two edges
-       * @param {boolean} [options.joinEnds=false] <code>true</code> if the edges should share their end points (the ones of the leading edge), <code>false</code> otherwise
-       * @param {number} [options.absJoinDistance=0.0] the absolute distance between the end points and the beginning of the parallel segment routing if the ends are joined
-       * @param {number} [options.relJoinDistance=0.0] the relative distance, measured relative to the length of the first/last segments if the ends are joined
+       * @param options.graph the graph
+       * @param options.leadingEdge the leading edge
+       * @param options.edge the edge to be adjusted
+       * @param options.lineDistance the distance between the two edges
+       * @param [options.joinEnds=false] <code>true</code> if the edges should share their end points (the ones of the leading edge), <code>false</code> otherwise
+       * @param [options.absJoinDistance=0.0] the absolute distance between the end points and the beginning of the parallel segment routing if the ends are joined
+       * @param [options.relJoinDistance=0.0] the relative distance, measured relative to the length of the first/last segments if the ends are joined
        * @static
        */
       static routeEdgesParallel(options:{graph:yfiles.layout.LayoutGraph,leadingEdge:yfiles.algorithms.Edge,edge:yfiles.algorithms.Edge,lineDistance:number,joinEnds?:boolean,absJoinDistance?:number,relJoinDistance?:number}):void;
@@ -89563,8 +89017,8 @@ declare namespace system{
        * For a self-loop edge, source and target are identical. The path of the self-loop will start at the top of the node, go
        * around the upper-left corner and end at the left side of the node.
        * </p>
-       * @param {yfiles.layout.LayoutGraph} graph the graph to which the edge belongs
-       * @param {yfiles.algorithms.Edge} edge the self-loop
+       * @param graph the graph to which the edge belongs
+       * @param edge the self-loop
        * @static
        */
       static routeSelfLoop(graph:yfiles.layout.LayoutGraph,edge:yfiles.algorithms.Edge):void;
@@ -89588,14 +89042,13 @@ declare namespace system{
      * as the core layout algorithm of {@link yfiles.layout.ComponentLayout}) or for the contents of group nodes (when used as the core
      * layout algorithm of {@link yfiles.layout.RecursiveGroupLayout}).
      * </p>
-     * @class yfiles.layout.LayoutMultiplexer
+     * @class
      * @extends {yfiles.layout.LayoutStageBase}
      */
     export interface LayoutMultiplexer extends yfiles.layout.LayoutStageBase{}
     export class LayoutMultiplexer {
       /**
        * Creates a new instance of {@link yfiles.layout.LayoutMultiplexer}.
-       * @constructor
        */
       constructor();
       /**
@@ -89610,8 +89063,8 @@ declare namespace system{
        * This method is called in {@link yfiles.layout.LayoutMultiplexer#applyLayout} and may be overridden to implement a different way
        * of selecting the {@link yfiles.layout.ILayoutAlgorithm layout algorithms}.
        * </p>
-       * @param {yfiles.layout.LayoutGraph} graph the input graph
-       * @returns {yfiles.layout.ILayoutAlgorithm} the according layout algorithm
+       * @param graph the input graph
+       * @returns the according layout algorithm
        * @protected
        */
       getCoreLayout(graph:yfiles.layout.LayoutGraph):yfiles.layout.ILayoutAlgorithm;
@@ -89635,20 +89088,19 @@ declare namespace system{
      * need to be considered anymore.
      * </p>
      * @see yfiles.layout.MultiStageLayout
-     * @class yfiles.layout.LayoutStageBase
+     * @class
      * @implements {yfiles.layout.ILayoutStage}
      */
     export interface LayoutStageBase extends Object,yfiles.layout.ILayoutStage{}
     export class LayoutStageBase {
       /**
        * Creates a new {@link yfiles.layout.ILayoutStage} instance with an optional {@link yfiles.layout.LayoutStageBase#coreLayout core layout algorithm}.
-       * @param {yfiles.layout.ILayoutAlgorithm} [coreLayouter=null] The core layout algorithm.
-       * @constructor
+       * @param [coreLayouter=null] The core layout algorithm.
        */
       constructor(coreLayouter?:yfiles.layout.ILayoutAlgorithm);
       /**
        * 
-       * @param {yfiles.layout.LayoutGraph} graph
+       * @param graph
        * @abstract
        */
       applyLayout(graph:yfiles.layout.LayoutGraph):void;
@@ -89658,7 +89110,7 @@ declare namespace system{
        * Overriding classes may call this method during {@link yfiles.layout.ILayoutAlgorithm#applyLayout} to delegate arranging the
        * graph to the {@link yfiles.layout.LayoutStageBase#coreLayout core layout algorithm}. They can add pre- and post-processing code before and after this call.
        * </p>
-       * @param {yfiles.layout.LayoutGraph} graph the input graph
+       * @param graph the input graph
        * @protected
        */
       applyLayoutCore(graph:yfiles.layout.LayoutGraph):void;
@@ -89679,7 +89131,7 @@ declare namespace system{
      * This {@link yfiles.layout.ILayoutStage} is especially useful to prevent that the {@link yfiles.layout.LayoutStageBase#coreLayout core layout algorithm} has to handle zero-sized
      * nodes or nodes with negative sizes.
      * </p>
-     * @class yfiles.layout.MinimumNodeSizeStage
+     * @class
      * @extends {yfiles.layout.LayoutStageBase}
      */
     export interface MinimumNodeSizeStage extends yfiles.layout.LayoutStageBase{}
@@ -89687,10 +89139,9 @@ declare namespace system{
       /**
        * Creates a new {@link yfiles.layout.MinimumNodeSizeStage} instance using the given {@link yfiles.layout.LayoutStageBase#coreLayout core layout algorithm} along with a specific
        * minimum width and height for the nodes.
-       * @param {yfiles.layout.ILayoutAlgorithm} coreLayouter the core layout routine
-       * @param {number} minWidth the minimum width of nodes that should be enforced
-       * @param {number} minHeight the minimum height of nodes that should be enforced
-       * @constructor
+       * @param coreLayouter the core layout routine
+       * @param minWidth the minimum width of nodes that should be enforced
+       * @param minHeight the minimum height of nodes that should be enforced
        */
       constructor(coreLayouter:yfiles.layout.ILayoutAlgorithm,minWidth:number,minHeight:number);
       /**
@@ -89698,8 +89149,7 @@ declare namespace system{
        * <p>
        * The nodes will be enlarged to be at least <code>1</code> wide and <code>1</code> high.
        * </p>
-       * @param {yfiles.layout.ILayoutAlgorithm} coreLayouter the core routine
-       * @constructor
+       * @param coreLayouter the core routine
        */
       constructor(coreLayouter:yfiles.layout.ILayoutAlgorithm);
       static $class:yfiles.lang.Class;
@@ -89750,14 +89200,13 @@ declare namespace system{
      * In order to take effect, a stage that is not already activated by default needs to be activated using the corresponding
      * method, e.g., {@link yfiles.layout.MultiStageLayout#hideGroupsStageEnabled}. Vice versa, a stage can also be deactivated, if necessary.
      * </p>
-     * @class yfiles.layout.MultiStageLayout
+     * @class
      * @implements {yfiles.layout.ILayoutAlgorithm}
      */
     export interface MultiStageLayout extends Object,yfiles.layout.ILayoutAlgorithm{}
     export class MultiStageLayout {
       /**
        * Creates a new {@link yfiles.layout.MultiStageLayout} instance with default settings.
-       * @constructor
        */
       constructor();
       /**
@@ -89767,7 +89216,7 @@ declare namespace system{
        * prepended {@link yfiles.layout.ILayoutStage}s, all predefined stages, and all previously appended {@link yfiles.layout.ILayoutStage}s,
        * but just before the invocation of the {@link yfiles.layout.MultiStageLayout#applyLayoutCore layout algorithm}.
        * </p>
-       * @param {yfiles.layout.ILayoutStage} stage the {@link yfiles.layout.ILayoutStage} instance to be added
+       * @param stage the {@link } instance to be added
        * @see yfiles.layout.MultiStageLayout#removeStage
        * @see yfiles.layout.MultiStageLayout#prependStage
        */
@@ -89777,7 +89226,7 @@ declare namespace system{
        * <p>
        * This method executes all activated {@link yfiles.layout.ILayoutStage}s in the layout pipeline as well as the {@link yfiles.layout.MultiStageLayout#applyLayoutCore layout algorithm}.
        * </p>
-       * @param {yfiles.layout.LayoutGraph} layoutGraph the input graph
+       * @param layoutGraph the input graph
        * @see yfiles.layout.MultiStageLayout#appendStage
        * @see yfiles.layout.MultiStageLayout#prependStage
        * @see yfiles.layout.MultiStageLayout#applyLayoutCore
@@ -89788,13 +89237,13 @@ declare namespace system{
        * <p>
        * This method should be implemented by subclasses in order to perform the layout routine of the layout algorithm.
        * </p>
-       * @param {yfiles.layout.LayoutGraph} graph the input graph
+       * @param graph the input graph
        * @abstract
        */
       applyLayoutCore(graph:yfiles.layout.LayoutGraph):void;
       /**
        * Checks the sizes of the nodes to be non-zero.
-       * @param {yfiles.layout.LayoutGraph} g The graph to check.
+       * @param g The graph to check.
        * @protected
        */
       checkNodeSize(g:yfiles.layout.LayoutGraph):void;
@@ -89810,7 +89259,7 @@ declare namespace system{
        * all previously prepended {@link yfiles.layout.ILayoutStage}s, all predefined stages, and all appended
        * {@link yfiles.layout.ILayoutStage}s.
        * </p>
-       * @param {yfiles.layout.ILayoutStage} stage the {@link yfiles.layout.ILayoutStage} instance to be added
+       * @param stage the {@link } instance to be added
        * @see yfiles.layout.MultiStageLayout#removeStage
        * @see yfiles.layout.MultiStageLayout#appendStage
        */
@@ -89821,7 +89270,7 @@ declare namespace system{
        * This method can only remove {@link yfiles.layout.ILayoutStage}s that have been previously added using {@link yfiles.layout.MultiStageLayout#appendStage}
        * or {@link yfiles.layout.MultiStageLayout#prependStage}. Predefined {@link yfiles.layout.ILayoutStage}s can be deactivated separately.
        * </p>
-       * @param {yfiles.layout.ILayoutStage} stage a {@link yfiles.layout.ILayoutStage} to be removed from the layout pipeline
+       * @param stage a {@link } to be removed from the layout pipeline
        * @see yfiles.layout.MultiStageLayout#prependStage
        * @see yfiles.layout.MultiStageLayout#appendStage
        * @see yfiles.layout.MultiStageLayout#selfLoopRouterEnabled
@@ -90006,7 +89455,7 @@ declare namespace system{
      * <li>{@link yfiles.layout.RecursiveGroupLayout}</li>
      * <li>{@link yfiles.layout.ComponentLayout}</li>
      * </ul>
-     * @class yfiles.layout.NodeHalo
+     * @class
      * @final
      */
     export interface NodeHalo extends Object{}
@@ -90016,11 +89465,11 @@ declare namespace system{
        * <p>
        * The values must not be negative, {@link number#NaN} or {@link number#POSITIVE_INFINITY}.
        * </p>
-       * @param {number} top the {@link yfiles.layout.NodeHalo} size at the top side of the node
-       * @param {number} left the {@link yfiles.layout.NodeHalo} size at the left side of the node
-       * @param {number} bottom the {@link yfiles.layout.NodeHalo} size at the bottom side of the node
-       * @param {number} right the {@link yfiles.layout.NodeHalo} size at the right side of the node
-       * @returns {yfiles.layout.NodeHalo} the newly created {@link yfiles.layout.NodeHalo}
+       * @param top the {@link } size at the top side of the node
+       * @param left the {@link } size at the left side of the node
+       * @param bottom the {@link } size at the bottom side of the node
+       * @param right the {@link } size at the right side of the node
+       * @returns the newly created {@link }
        * @throws {Stubs.Exceptions.ArgumentError} if one of the values is negative, {@link number#NaN} or {@link number#POSITIVE_INFINITY}
        * @static
        */
@@ -90030,8 +89479,8 @@ declare namespace system{
        * <p>
        * The value must not be negative, {@link number#NaN} or {@link number#POSITIVE_INFINITY}.
        * </p>
-       * @param {number} value the halo size at each side of the node
-       * @returns {yfiles.layout.NodeHalo} the newly created {@link yfiles.layout.NodeHalo}
+       * @param value the halo size at each side of the node
+       * @returns the newly created {@link }
        * @throws {Stubs.Exceptions.ArgumentError} if the value is negative, {@link number#NaN} or {@link number#POSITIVE_INFINITY}
        * @static
        */
@@ -90041,9 +89490,9 @@ declare namespace system{
        * <p>
        * If no such {@link yfiles.layout.NodeHalo} is available, this method returns a {@link yfiles.layout.NodeHalo#ZERO_HALO}.
        * </p>
-       * @param {yfiles.layout.LayoutGraph} graph the graph containing the given node
-       * @param {yfiles.algorithms.Node} node the node whose {@link yfiles.layout.NodeHalo} will be determined
-       * @returns {yfiles.layout.NodeHalo} the {@link yfiles.layout.NodeHalo} of the given node if available, otherwise a {@link yfiles.layout.NodeHalo#ZERO_HALO}
+       * @param graph the graph containing the given node
+       * @param node the node whose {@link } will be determined
+       * @returns the {@link } of the given node if available, otherwise a {@link #ZERO_HALO}
        * @static
        */
       static getHalo(graph:yfiles.layout.LayoutGraph,node:yfiles.algorithms.Node):yfiles.layout.NodeHalo;
@@ -90055,9 +89504,9 @@ declare namespace system{
        * <p>
        * If the node does not have a {@link yfiles.layout.NodeHalo} assigned, this box has the same size as the node.
        * </p>
-       * @param {yfiles.layout.LayoutGraph} graph the graph containing the given node
-       * @param {yfiles.algorithms.Node} node the node whose {@link yfiles.layout.NodeHalo} will be determined
-       * @returns {yfiles.algorithms.YRectangle} a {@link yfiles.algorithms.YRectangle} instance with the bounds of the given node including its {@link yfiles.layout.NodeHalo}
+       * @param graph the graph containing the given node
+       * @param node the node whose {@link } will be determined
+       * @returns a {@link } instance with the bounds of the given node including its {@link }
        * @static
        */
       static getHaloBox(graph:yfiles.layout.LayoutGraph,node:yfiles.algorithms.Node):yfiles.algorithms.YRectangle;
@@ -90067,8 +89516,8 @@ declare namespace system{
        * This method looks for a {@link yfiles.algorithms.IDataProvider} that has been registered with the given graph using
        * {@link yfiles.layout.NodeHalo#NODE_HALO_DP_KEY}.
        * </p>
-       * @param {yfiles.layout.LayoutGraph} graph the input graph
-       * @returns {boolean} <code>true</code> if a {@link yfiles.algorithms.IDataProvider} has been registered with the according key, <code>false</code> otherwise
+       * @param graph the input graph
+       * @returns <code>true</code> if a {@link } has been registered with the according key, <code>false</code> otherwise
        * @static
        */
       static hasHalos(graph:yfiles.layout.LayoutGraph):boolean;
@@ -90114,7 +89563,7 @@ declare namespace system{
     }
     /**
      * A {@link yfiles.layout.NodeLabelCandidate} describes one valid placement for a node label considering the label model.
-     * @class yfiles.layout.NodeLabelCandidate
+     * @class
      * @extends {yfiles.layout.LabelCandidate}
      */
     export interface NodeLabelCandidate extends yfiles.layout.LabelCandidate{}
@@ -90122,21 +89571,19 @@ declare namespace system{
       /**
        * Creates a new instance of {@link yfiles.layout.NodeLabelCandidate} described by location, size, model parameter and internal
        * flag.
-       * @param {yfiles.algorithms.YPoint} pos the location of the upper left corner of the candidate
-       * @param {yfiles.algorithms.YDimension} size the size of the candidate
-       * @param {Object} param the parameters of the label model associated with this candidate
-       * @param {yfiles.layout.INodeLabelLayout} owner the label associated with the candidate
-       * @param {boolean} [internal=false] <code>true</code> if the candidate is allowed to overlap with its owner, <code>false</code> otherwise
-       * @constructor
+       * @param pos the location of the upper left corner of the candidate
+       * @param size the size of the candidate
+       * @param param the parameters of the label model associated with this candidate
+       * @param owner the label associated with the candidate
+       * @param [internal=false] <code>true</code> if the candidate is allowed to overlap with its owner, <code>false</code> otherwise
        */
       constructor(pos:yfiles.algorithms.YPoint,size:yfiles.algorithms.YDimension,param:Object,owner:yfiles.layout.INodeLabelLayout,internal?:boolean);
       /**
        * Creates a new instance of {@link yfiles.layout.NodeLabelCandidate} described by its box, model parameter and internal flag.
-       * @param {yfiles.algorithms.YOrientedRectangle} labelBox the box that specifies the candidate's size and position
-       * @param {Object} param the parameters of the label model associated with this candidate
-       * @param {yfiles.layout.INodeLabelLayout} owner the label associated with the candidate
-       * @param {boolean} [internal=false] <code>true</code> if the candidate is allowed to overlap with its owner, <code>false</code> otherwise
-       * @constructor
+       * @param labelBox the box that specifies the candidate's size and position
+       * @param param the parameters of the label model associated with this candidate
+       * @param owner the label associated with the candidate
+       * @param [internal=false] <code>true</code> if the candidate is allowed to overlap with its owner, <code>false</code> otherwise
        */
       constructor(labelBox:yfiles.algorithms.YOrientedRectangle,param:Object,owner:yfiles.layout.INodeLabelLayout,internal?:boolean);
       static $class:yfiles.lang.Class;
@@ -90155,15 +89602,14 @@ declare namespace system{
      * in the graph with a {@link yfiles.lang.IComparable} value using a {@link yfiles.algorithms.IDataProvider} registered with the key {@link yfiles.layout.NormalizeGraphElementOrderStage#NODE_COMPARABLE_DP_KEY}
      * or {@link yfiles.layout.NormalizeGraphElementOrderStage#EDGE_COMPARABLE_DP_KEY}, respectively.
      * </p>
-     * @class yfiles.layout.NormalizeGraphElementOrderStage
+     * @class
      * @extends {yfiles.layout.LayoutStageBase}
      */
     export interface NormalizeGraphElementOrderStage extends yfiles.layout.LayoutStageBase{}
     export class NormalizeGraphElementOrderStage {
       /**
        * Creates a new {@link yfiles.layout.NormalizeGraphElementOrderStage} instance with an optional {@link yfiles.layout.LayoutStageBase#coreLayout core layout algorithm}.
-       * @param {yfiles.layout.ILayoutAlgorithm} [coreLayouter=null] The core layout algorithm.
-       * @constructor
+       * @param [coreLayouter=null] The core layout algorithm.
        */
       constructor(coreLayouter?:yfiles.layout.ILayoutAlgorithm);
       /**
@@ -90176,9 +89622,9 @@ declare namespace system{
        * with keys {@link yfiles.layout.NormalizeGraphElementOrderStage#NODE_COMPARABLE_DP_KEY} and {@link yfiles.layout.NormalizeGraphElementOrderStage#EDGE_COMPARABLE_DP_KEY}
        * and used for several layout calculations.
        * </p>
-       * @param {yfiles.algorithms.Graph} graph the input graph
-       * @param {yfiles.algorithms.IDataMap} comparableNodeMap the map that will be filled with comparable values for the nodes
-       * @param {yfiles.algorithms.IDataMap} comparableEdgeMap the map that will be filled with comparable values for the edges
+       * @param graph the input graph
+       * @param comparableNodeMap the map that will be filled with comparable values for the nodes
+       * @param comparableEdgeMap the map that will be filled with comparable values for the edges
        * @static
        */
       static fillComparableMapFromGraph(graph:yfiles.algorithms.Graph,comparableNodeMap:yfiles.algorithms.IDataMap,comparableEdgeMap:yfiles.algorithms.IDataMap):void;
@@ -90255,28 +89701,25 @@ declare namespace system{
      * If no {@link yfiles.layout.LayoutStageBase#coreLayout core layout algorithm} is specified, {@link yfiles.layout.OrientationLayout} can work alone. It will just change the
      * orientation of the layout without arranging nodes and edges.
      * </p>
-     * @class yfiles.layout.OrientationLayout
+     * @class
      * @extends {yfiles.layout.LayoutStageBase}
      */
     export interface OrientationLayout extends yfiles.layout.LayoutStageBase{}
     export class OrientationLayout {
       /**
        * Creates a new {@link yfiles.layout.OrientationLayout} instance using the given orientation.
-       * @param {yfiles.layout.LayoutOrientation} orientation the orientation specifier
+       * @param orientation the orientation specifier
        * @throws {Stubs.Exceptions.ArgumentError} if the specified orientation is unknown
        * @see yfiles.layout.OrientationLayout#orientation
-       * @constructor
        */
       constructor(orientation:yfiles.layout.LayoutOrientation);
       /**
        * Creates a new {@link yfiles.layout.OrientationLayout} instance using the given {@link yfiles.layout.LayoutStageBase#coreLayout core layout algorithm}.
-       * @param {yfiles.layout.ILayoutAlgorithm} coreLayouter the core layout routine
-       * @constructor
+       * @param coreLayouter the core layout routine
        */
       constructor(coreLayouter:yfiles.layout.ILayoutAlgorithm);
       /**
        * Creates a new {@link yfiles.layout.OrientationLayout} instance with default settings.
-       * @constructor
        */
       constructor();
       /**
@@ -90289,7 +89732,7 @@ declare namespace system{
        * This method is called by {@link yfiles.layout.OrientationLayout#applyLayout} after invoking the
        * {@link yfiles.layout.LayoutStageBase#coreLayout core layout algorithm}. It may be overridden to extend the orientation change to custom layout features.
        * </p>
-       * @param {yfiles.layout.LayoutGraph} graph the input graph
+       * @param graph the input graph
        * @see yfiles.layout.OrientationLayout#prepareOrientationChange
        */
       completeOrientationChange(graph:yfiles.layout.LayoutGraph):void;
@@ -90298,8 +89741,8 @@ declare namespace system{
        * <p>
        * The point is transformed from {@link yfiles.layout.LayoutOrientation#TOP_TO_BOTTOM} orientation to the desired orientation.
        * </p>
-       * @param {yfiles.algorithms.YPoint} point the calculated point
-       * @returns {yfiles.algorithms.YPoint} the transformed point
+       * @param point the calculated point
+       * @returns the transformed point
        * @see yfiles.layout.OrientationLayout#completeOrientationChange
        */
       completeTransform(point:yfiles.algorithms.YPoint):yfiles.algorithms.YPoint;
@@ -90308,8 +89751,8 @@ declare namespace system{
        * <p>
        * The transform will correspond to the currently set orientation.
        * </p>
-       * @param {yfiles.algorithms.Insets} insets the original insets
-       * @returns {yfiles.algorithms.Insets} the oriented insets
+       * @param insets the original insets
+       * @returns the oriented insets
        * @see yfiles.layout.OrientationLayout#orientation
        */
       createOrientedInsets(insets:yfiles.algorithms.Insets):yfiles.algorithms.Insets;
@@ -90318,8 +89761,8 @@ declare namespace system{
        * <p>
        * The transform will correspond to the currently set orientation.
        * </p>
-       * @param {yfiles.layout.NodeHalo} halo the original {@link yfiles.layout.NodeHalo}
-       * @returns {yfiles.layout.NodeHalo} the oriented {@link yfiles.layout.NodeHalo}
+       * @param halo the original {@link }
+       * @returns the oriented {@link }
        * @see yfiles.layout.OrientationLayout#orientation
        */
       createOrientedNodeHalo(halo:yfiles.layout.NodeHalo):yfiles.layout.NodeHalo;
@@ -90328,8 +89771,8 @@ declare namespace system{
        * <p>
        * The transform will correspond to the currently set orientation.
        * </p>
-       * @param {yfiles.algorithms.YDimension} nodeSize the original node size
-       * @returns {yfiles.algorithms.YDimension} the oriented node size
+       * @param nodeSize the original node size
+       * @returns the oriented node size
        * @see yfiles.layout.OrientationLayout#orientation
        */
       createOrientedNodeSize(nodeSize:yfiles.algorithms.YDimension):yfiles.algorithms.YDimension;
@@ -90339,8 +89782,8 @@ declare namespace system{
        * <p>
        * Horizontal orientations get mirrored at the x-axis while vertical orientations are mirrored at the y-axis.
        * </p>
-       * @param {yfiles.layout.LayoutOrientation} orientation the layout orientation for which to check the mirror state
-       * @returns {boolean} <code>true</code> if the layout algorithm will mirror the graph at the corresponding axis for the given layout orientation, <code>false</code>
+       * @param orientation the layout orientation for which to check the mirror state
+       * @returns <code>true</code> if the layout algorithm will mirror the graph at the corresponding axis for the given layout orientation, <code>false</code>
        * otherwise
        * @see yfiles.layout.OrientationLayout#orientation
        * @see yfiles.layout.OrientationLayout#mirrorMode
@@ -90356,7 +89799,7 @@ declare namespace system{
        * This method is called by {@link yfiles.layout.OrientationLayout#applyLayout} before invoking the
        * {@link yfiles.layout.LayoutStageBase#coreLayout core layout algorithm}. It might be overridden to extend the preparations to custom layout features.
        * </p>
-       * @param {yfiles.layout.LayoutGraph} graph the input graph
+       * @param graph the input graph
        * @see yfiles.layout.OrientationLayout#completeOrientationChange
        */
       prepareOrientationChange(graph:yfiles.layout.LayoutGraph):void;
@@ -90365,8 +89808,8 @@ declare namespace system{
        * <p>
        * The point is transformed so it matches the {@link yfiles.layout.LayoutOrientation#TOP_TO_BOTTOM} orientation.
        * </p>
-       * @param {yfiles.algorithms.YPoint} point the original point
-       * @returns {yfiles.algorithms.YPoint} the transformed point
+       * @param point the original point
+       * @returns the transformed point
        * @see yfiles.layout.OrientationLayout#prepareOrientationChange
        */
       prepareTransform(point:yfiles.algorithms.YPoint):yfiles.algorithms.YPoint;
@@ -90376,9 +89819,9 @@ declare namespace system{
        * This method is called by {@link yfiles.layout.OrientationLayout#prepareOrientationChange} and {@link yfiles.layout.OrientationLayout#completeOrientationChange}
        * to get the according point location.
        * </p>
-       * @param {yfiles.algorithms.YPoint} point the original/calculated point
-       * @param {boolean} prepare <code>true</code> if this method is called during preparation, <code>false</code> if it is called during completion
-       * @returns {yfiles.algorithms.YPoint} the transformed point
+       * @param point the original/calculated point
+       * @param prepare <code>true</code> if this method is called during preparation, <code>false</code> if it is called during completion
+       * @returns the transformed point
        * @see yfiles.layout.OrientationLayout#prepareOrientationChange
        * @see yfiles.layout.OrientationLayout#completeOrientationChange
        * @see yfiles.layout.OrientationLayout#prepareTransform
@@ -90447,7 +89890,7 @@ declare namespace system{
      * @see yfiles.layout.IntersectionCalculatorKeys#SOURCE_INTERSECTION_CALCULATOR_DP_KEY
      * @see yfiles.layout.IntersectionCalculatorKeys#TARGET_INTERSECTION_CALCULATOR_DP_KEY
      * @see yfiles.layout.PortConstraint
-     * @class yfiles.layout.PortCalculator
+     * @class
      * @extends {yfiles.layout.LayoutStageBase}
      * @implements {yfiles.layout.ILayoutStage}
      */
@@ -90455,12 +89898,11 @@ declare namespace system{
     export class PortCalculator {
       /**
        * Creates a new {@link yfiles.layout.PortCalculator} instance with an optional {@link yfiles.layout.LayoutStageBase#coreLayout core layout algorithm}.
-       * @constructor
        */
       constructor();
       /**
        * Performs the actual port calculation on the specified graph instance.
-       * @param {yfiles.layout.LayoutGraph} graph the input graph
+       * @param graph the input graph
        * @protected
        */
       calculatePorts(graph:yfiles.layout.LayoutGraph):void;
@@ -90470,11 +89912,11 @@ declare namespace system{
        * This implementation uses {@link yfiles.layout.PortCalculator#Eps} to add some tolerance to the comparison. It is called by {@link yfiles.layout.PortCalculator#calculatePorts}
        * and may be overridden to change the accuracy/tolerance of the comparison.
        * </p>
-       * @param {number} x1 the x-coordinate of the first point
-       * @param {number} y1 the y-coordinate of the first point
-       * @param {number} x2 the x-coordinate of the second point
-       * @param {number} y2 the y-coordinate of the second point
-       * @returns {boolean} <code>true</code> if both points are considered equal, <code>false</code> otherwise
+       * @param x1 the x-coordinate of the first point
+       * @param y1 the y-coordinate of the first point
+       * @param x2 the x-coordinate of the second point
+       * @param y2 the y-coordinate of the second point
+       * @returns <code>true</code> if both points are considered equal, <code>false</code> otherwise
        * @see yfiles.layout.PortCalculator#calculatePorts
        * @see yfiles.layout.PortCalculator#Eps
        * @protected
@@ -90547,42 +89989,42 @@ declare namespace system{
      * them are {@link yfiles.hierarchic.HierarchicLayout}, {@link yfiles.router.EdgeRouter}, {@link yfiles.router.ChannelEdgeRouter} and
      * {@link yfiles.router.BusRouter}.
      * </p>
-     * @class yfiles.layout.PortCandidate
+     * @class
      */
     export interface PortCandidate extends Object{}
     export class PortCandidate {
       /**
        * Factory method that creates a fixed {@link yfiles.layout.PortCandidate} instance with the given cost of usage, direction and
        * offset values.
-       * @param {yfiles.layout.PortDirections} directionMask any combination of the default direction specifiers
-       * @param {number} xOffset the X-offset relative to the center of the node
-       * @param {number} yOffset the Y-offset relative to the center of the node
-       * @param {number} [cost=0.0] the penalty cost for using this {@link yfiles.layout.PortCandidate} instance
-       * @returns {yfiles.layout.PortCandidate} a new {@link yfiles.layout.PortCandidate} instance
+       * @param directionMask any combination of the default direction specifiers
+       * @param xOffset the X-offset relative to the center of the node
+       * @param yOffset the Y-offset relative to the center of the node
+       * @param [cost=0.0] the penalty cost for using this {@link } instance
+       * @returns a new {@link } instance
        * @static
        */
       static createCandidate(xOffset:number,yOffset:number,directionMask:yfiles.layout.PortDirections,cost?:number):yfiles.layout.PortCandidate;
       /**
        * Factory method that creates a free {@link yfiles.layout.PortCandidate} instance with the given direction and cost of usage.
-       * @param {yfiles.layout.PortDirections} directionMask any combination of the default direction specifiers
-       * @param {number} cost the penalty cost for using this {@link yfiles.layout.PortCandidate}
-       * @returns {yfiles.layout.PortCandidate} a new {@link yfiles.layout.PortCandidate} instance
+       * @param directionMask any combination of the default direction specifiers
+       * @param cost the penalty cost for using this {@link }
+       * @returns a new {@link } instance
        * @static
        */
       static createCandidate(directionMask:yfiles.layout.PortDirections,cost:number):yfiles.layout.PortCandidate;
       /**
        * Factory method that returns a free {@link yfiles.layout.PortCandidate} instance with zero cost of usage and the direction
        * specified by the {@link yfiles.layout.PortConstraint#side side} of the given {@link yfiles.layout.PortConstraint}.
-       * @param {yfiles.layout.PortConstraint} fromPortConstraint the {@link yfiles.layout.PortConstraint} whose {@link yfiles.layout.PortConstraint#side side} should be used as direction
-       * @returns {yfiles.layout.PortCandidate} a new {@link yfiles.layout.PortCandidate} instance
+       * @param fromPortConstraint the {@link } whose {@link #side side} should be used as direction
+       * @returns a new {@link } instance
        * @static
        */
       static createCandidate(fromPortConstraint:yfiles.layout.PortConstraint):yfiles.layout.PortCandidate;
       /**
        * Factory method that creates a free {@link yfiles.layout.PortCandidate} instance with the given direction and zero cost of
        * usage.
-       * @param {yfiles.layout.PortDirections} directionMask any combination of the default direction specifiers
-       * @returns {yfiles.layout.PortCandidate} a new {@link yfiles.layout.PortCandidate} instance
+       * @param directionMask any combination of the default direction specifiers
+       * @returns a new {@link } instance
        * @static
        */
       static createCandidate(directionMask:yfiles.layout.PortDirections):yfiles.layout.PortCandidate;
@@ -90592,8 +90034,8 @@ declare namespace system{
        * If the direction mask is not required to be calculated with respect to the actual {@link yfiles.layout.OrientationLayout#orientation layout orientation}, {@link yfiles.layout.PortCandidate#direction} should be used
        * instead.
        * </p>
-       * @param {yfiles.layout.LayoutOrientation} layoutOrientation
-       * @returns {yfiles.layout.PortDirections} the direction of this {@link yfiles.layout.PortCandidate} with respect to the given layout orientation
+       * @param layoutOrientation
+       * @returns the direction of this {@link } with respect to the given layout orientation
        * @see yfiles.layout.PortCandidate#direction
        */
       getDirectionForLayoutOrientation(layoutOrientation:yfiles.layout.LayoutOrientation):yfiles.layout.PortDirections;
@@ -90604,9 +90046,9 @@ declare namespace system{
        * The X-offset encodes the horizontal distance of the port relative to the center of a node. If the {@link yfiles.layout.PortCandidate}
        * is not {@link yfiles.layout.PortCandidate#fixed fixed} (i.e., free), the X-offset is equal to zero.
        * </p>
-       * @param {yfiles.layout.LayoutOrientation} layoutOrientation the layout orientation
-       * @param {yfiles.layout.MirrorModes} mirrorMask the mirror mask
-       * @returns {number} the X-offset of the port with respect to the given orientation and mirror mask
+       * @param layoutOrientation the layout orientation
+       * @param mirrorMask the mirror mask
+       * @returns the X-offset of the port with respect to the given orientation and mirror mask
        */
       getXOffsetForLayoutOrientation(layoutOrientation:yfiles.layout.LayoutOrientation,mirrorMask:yfiles.layout.MirrorModes):number;
       /**
@@ -90616,8 +90058,8 @@ declare namespace system{
        * The X-offset encodes the horizontal distance of the port relative to the center of a node. If the {@link yfiles.layout.PortCandidate}
        * is not {@link yfiles.layout.PortCandidate#fixed fixed} (i.e., free), the X-offset is equal to zero.
        * </p>
-       * @param {yfiles.layout.LayoutOrientation} layoutOrientation the layout orientation
-       * @returns {number} the X-offset of the {@link yfiles.layout.PortCandidate} with respect to the given layout orientation
+       * @param layoutOrientation the layout orientation
+       * @returns the X-offset of the {@link } with respect to the given layout orientation
        */
       getXOffsetForLayoutOrientation(layoutOrientation:yfiles.layout.LayoutOrientation):number;
       /**
@@ -90627,9 +90069,9 @@ declare namespace system{
        * The Y-offset encodes the vertical distance of the port relative to the center of a node. If the {@link yfiles.layout.PortCandidate}
        * is not {@link yfiles.layout.PortCandidate#fixed fixed} (i.e., free), the Y-offset is equal to zero.
        * </p>
-       * @param {yfiles.layout.LayoutOrientation} layoutOrientation the layout orientation
-       * @param {yfiles.layout.MirrorModes} mirrorMask the mirror mask
-       * @returns {number} the Y-offset of the {@link yfiles.layout.PortCandidate} with respect to the given orientation and mirror mask
+       * @param layoutOrientation the layout orientation
+       * @param mirrorMask the mirror mask
+       * @returns the Y-offset of the {@link } with respect to the given orientation and mirror mask
        */
       getYOffsetForLayoutOrientation(layoutOrientation:yfiles.layout.LayoutOrientation,mirrorMask:yfiles.layout.MirrorModes):number;
       /**
@@ -90639,14 +90081,14 @@ declare namespace system{
        * The Y-offset encodes the vertical distance of the port relative to the center of a node. If the {@link yfiles.layout.PortCandidate}
        * is not {@link yfiles.layout.PortCandidate#fixed fixed} (i.e., free), the Y-offset is equal to zero.
        * </p>
-       * @param {yfiles.layout.LayoutOrientation} layoutOrientation the layout orientation
-       * @returns {number} the Y-offset of the {@link yfiles.layout.PortCandidate} with respect to the given layout orientation
+       * @param layoutOrientation the layout orientation
+       * @returns the Y-offset of the {@link } with respect to the given layout orientation
        */
       getYOffsetForLayoutOrientation(layoutOrientation:yfiles.layout.LayoutOrientation):number;
       /**
        * Returns whether or not this {@link yfiles.layout.PortCandidate} lies in the given direction.
-       * @param {yfiles.layout.PortDirections} directionMask one of the default direction specifiers
-       * @returns {boolean} <code>true</code> if this {@link yfiles.layout.PortCandidate} lies in the given direction, <code>false</code> otherwise
+       * @param directionMask one of the default direction specifiers
+       * @returns <code>true</code> if this {@link } lies in the given direction, <code>false</code> otherwise
        */
       isInDirection(directionMask:yfiles.layout.PortDirections):boolean;
       /**
@@ -90657,7 +90099,7 @@ declare namespace system{
        * <p>
        * If this {@link yfiles.layout.PortCandidate} is {@link yfiles.layout.PortCandidate#fixed fixed}, the resulting {@link yfiles.layout.PortConstraint} will be {@link yfiles.layout.PortConstraint#strong strong}.
        * </p>
-       * @returns {yfiles.layout.PortConstraint} a {@link yfiles.layout.PortConstraint} that matches this {@link yfiles.layout.PortCandidate}
+       * @returns a {@link } that matches this {@link }
        */
       toPortConstraint():yfiles.layout.PortConstraint;
       /**
@@ -90670,19 +90112,19 @@ declare namespace system{
        * <p>
        * If this {@link yfiles.layout.PortCandidate} is {@link yfiles.layout.PortCandidate#fixed fixed}, the resulting {@link yfiles.layout.PortConstraint} will be {@link yfiles.layout.PortConstraint#strong strong}.
        * </p>
-       * @param {yfiles.layout.LayoutOrientation} layoutOrientation
-       * @returns {yfiles.layout.PortConstraint} a {@link yfiles.layout.PortConstraint} that matches this {@link yfiles.layout.PortCandidate} with respect to the given orientation
+       * @param layoutOrientation
+       * @returns a {@link } that matches this {@link } with respect to the given orientation
        */
       toPortConstraintForLayoutOrientation(layoutOrientation:yfiles.layout.LayoutOrientation):yfiles.layout.PortConstraint;
       /**
-       * Data provider key for specifying source port candidates for each edge.
+       * Data provider key for specifying source port candidates for each edge
        * @const
        * @static
        * @type {yfiles.algorithms.EdgeDpKey.<yfiles.collections.ICollection.<yfiles.layout.PortCandidate>>}
        */
       static SOURCE_PORT_CANDIDATE_COLLECTION_DP_KEY:yfiles.algorithms.EdgeDpKey<yfiles.collections.ICollection<yfiles.layout.PortCandidate>>;
       /**
-       * Data provider key for specifying target port candidates for each edge.
+       * Data provider key for specifying target port candidates for each edge
        * @const
        * @static
        * @type {yfiles.algorithms.EdgeDpKey.<yfiles.collections.ICollection.<yfiles.layout.PortCandidate>>}
@@ -90748,27 +90190,27 @@ declare namespace system{
     export interface IPortCandidateMatcher extends Object{
       /**
        * Returns the next best matching {@link yfiles.layout.IPortCandidateSetEntry} for the given parameters.
-       * @param {yfiles.algorithms.Edge} edge the edge for which to find a candidate
-       * @param {boolean} source <code>true</code> if the given edge connects to its source node, <code>false</code> otherwise
-       * @param {number} xOffset the preferred X-offset of the port relative to the center of the node
-       * @param {number} yOffset the preferred Y-offset of the port relative to the center of the node
-       * @param {yfiles.layout.PortDirections} directionMask any combination of default directions defined in {@link yfiles.layout.PortCandidate}
-       * @returns {yfiles.layout.IPortCandidateSetEntry} a matching {@link yfiles.layout.IPortCandidateSetEntry} instance
+       * @param edge the edge for which to find a candidate
+       * @param source <code>true</code> if the given edge connects to its source node, <code>false</code> otherwise
+       * @param xOffset the preferred X-offset of the port relative to the center of the node
+       * @param yOffset the preferred Y-offset of the port relative to the center of the node
+       * @param directionMask any combination of default directions defined in {@link }
+       * @returns a matching {@link } instance
        * @abstract
        */
       findMatchingCandidate(edge:yfiles.algorithms.Edge,source:boolean,xOffset:number,yOffset:number,directionMask:yfiles.layout.PortDirections):yfiles.layout.IPortCandidateSetEntry;
       /**
        * Returns the next best matching {@link yfiles.layout.IPortCandidateSetEntry} for the given parameters.
-       * @param {yfiles.algorithms.Edge} edge the edge for which to find a candidate
-       * @param {boolean} source <code>true</code> if the given edge connects to its source node, <code>false</code> otherwise
-       * @param {yfiles.layout.PortDirections} directionMask any combination of default directions defined in {@link yfiles.layout.PortCandidate}
-       * @returns {yfiles.layout.IPortCandidateSetEntry} a matching {@link yfiles.layout.IPortCandidateSetEntry} instance
+       * @param edge the edge for which to find a candidate
+       * @param source <code>true</code> if the given edge connects to its source node, <code>false</code> otherwise
+       * @param directionMask any combination of default directions defined in {@link }
+       * @returns a matching {@link } instance
        * @abstract
        */
       findMatchingCandidate(edge:yfiles.algorithms.Edge,source:boolean,directionMask:yfiles.layout.PortDirections):yfiles.layout.IPortCandidateSetEntry;
       /**
        * Returns the next best matching {@link yfiles.layout.IPortCandidateSetEntry}.
-       * @returns {yfiles.layout.IPortCandidateSetEntry} a matching {@link yfiles.layout.IPortCandidateSetEntry} instance
+       * @returns a matching {@link } instance
        * @abstract
        */
       findMatchingCandidate():yfiles.layout.IPortCandidateSetEntry;
@@ -90833,16 +90275,15 @@ declare namespace system{
      * them are {@link yfiles.hierarchic.HierarchicLayout}, {@link yfiles.router.EdgeRouter}, {@link yfiles.router.ChannelEdgeRouter} and
      * {@link yfiles.router.BusRouter}.
      * </p>
-     * @class yfiles.layout.PortCandidateSet
+     * @class
      */
     export interface PortCandidateSet extends Object{}
     export class PortCandidateSet {
       /**
        * Creates a new empty {@link yfiles.layout.PortCandidateSet} instance.
        * <p>
-       * Addition of {@link yfiles.layout.PortCandidate}s to this {@link yfiles.layout.PortCandidateSet set} can be performed using Add or {@link yfiles.layout.PortCandidateSet#add}.
+       * Addition of {@link yfiles.layout.PortCandidate}s to this {@link yfiles.layout.PortCandidateSet set} can be performed using {@link yfiles.layout.PortCandidateSet#add}.
        * </p>
-       * @constructor
        */
       constructor();
       /**
@@ -90854,8 +90295,8 @@ declare namespace system{
        * <p>
        * The capacity must be greater than zero.
        * </p>
-       * @param {yfiles.layout.PortCandidate} p the {@link yfiles.layout.PortCandidate} to add
-       * @param {number} [connections=1] the capacity of the given port
+       * @param p the {@link } to add
+       * @param [connections=1] the capacity of the given port
        * @throws {Stubs.Exceptions.ArgumentError} if the given capacity is less than or equal to zero
        */
       add(p:yfiles.layout.PortCandidate,connections?:number):void;
@@ -90868,7 +90309,7 @@ declare namespace system{
        * <p>
        * This method may be overridden to support custom implementations of {@link yfiles.layout.IPortCandidateMatcher}.
        * </p>
-       * @returns {yfiles.layout.IPortCandidateMatcher} a new {@link yfiles.layout.IPortCandidateMatcher} instance
+       * @returns a new {@link } instance
        */
       createMatcher():yfiles.layout.IPortCandidateMatcher;
       /**
@@ -90879,12 +90320,12 @@ declare namespace system{
        * <p>
        * This method may be overridden to customize the calculation of the cost of usage of an {@link yfiles.layout.IPortCandidateSetEntry entry}.
        * </p>
-       * @param {yfiles.layout.IPortCandidateSetEntry} entry the entry for which the cost is computed
-       * @param {yfiles.algorithms.Edge} edge the edge that will connect to the {@link yfiles.layout.PortCandidate} associated with the entry
-       * @param {boolean} source <code>true</code> if the given edge connects to its source node, <code>false</code> otherwise
-       * @param {number} xOffset the preferred X-offset of the port relative to the center of the node
-       * @param {number} yOffset the preferred Y-offset of the port relative to the center of the node
-       * @returns {number} the penalty cost for the usage of the given {@link yfiles.layout.IPortCandidateSetEntry}
+       * @param entry the entry for which the cost is computed
+       * @param edge the edge that will connect to the {@link } associated with the entry
+       * @param source <code>true</code> if the given edge connects to its source node, <code>false</code> otherwise
+       * @param xOffset the preferred X-offset of the port relative to the center of the node
+       * @param yOffset the preferred Y-offset of the port relative to the center of the node
+       * @returns the penalty cost for the usage of the given {@link }
        */
       getCost(entry:yfiles.layout.IPortCandidateSetEntry,edge:yfiles.algorithms.Edge,source:boolean,xOffset:number,yOffset:number):number;
       /**
@@ -90895,19 +90336,19 @@ declare namespace system{
        * <p>
        * This method may be overridden to customize the calculation of the priority of {@link yfiles.layout.IPortCandidateSetEntry entries}.
        * </p>
-       * @param {yfiles.layout.IPortCandidateSetEntry} entry the entry for which the cost is computed
-       * @param {yfiles.algorithms.Edge} edge the edge that will connect to the {@link yfiles.layout.PortCandidate} associated with the entry
-       * @param {boolean} source <code>true</code> if the given edge connects to its source node, <code>false</code> otherwise
-       * @returns {number} the priority of the given {@link yfiles.layout.IPortCandidateSetEntry}
+       * @param entry the entry for which the cost is computed
+       * @param edge the edge that will connect to the {@link } associated with the entry
+       * @param source <code>true</code> if the given edge connects to its source node, <code>false</code> otherwise
+       * @returns the priority of the given {@link }
        */
       getPriority(entry:yfiles.layout.IPortCandidateSetEntry,edge:yfiles.algorithms.Edge,source:boolean):number;
       /**
        * Removes the given {@link yfiles.layout.IPortCandidateSetEntry entry} from the list of candidate entries.
-       * @param {yfiles.layout.IPortCandidateSetEntry} entry the entry to remove
+       * @param entry the entry to remove
        */
       remove(entry:yfiles.layout.IPortCandidateSetEntry):void;
       /**
-       * Data provider key for specifying a port candidate set for each node.
+       * Data provider key for specifying a port candidate set for each node
        * @const
        * @static
        * @type {yfiles.algorithms.NodeDpKey.<yfiles.layout.PortCandidateSet>}
@@ -90962,7 +90403,7 @@ declare namespace system{
      * and {@link yfiles.router.BusRouter}.
      * </p>
      * @see yfiles.layout.PortConstraintKeys
-     * @class yfiles.layout.PortConstraint
+     * @class
      */
     export interface PortConstraint extends Object{}
     export class PortConstraint {
@@ -90973,9 +90414,9 @@ declare namespace system{
        * If the {@link yfiles.layout.PortConstraint} is strong, the layout or routing algorithm should use the port coordinates of this
        * constraint.
        * </p>
-       * @param {yfiles.layout.PortSide} side one of the default side specifiers
-       * @param {boolean} [strong=false] <code>true</code> if this {@link yfiles.layout.PortConstraint} is strong, <code>false</code> otherwise
-       * @returns {yfiles.layout.PortConstraint} a new {@link yfiles.layout.PortConstraint} instance
+       * @param side one of the default side specifiers
+       * @param [strong=false] <code>true</code> if this {@link } is strong, <code>false</code> otherwise
+       * @returns a new {@link } instance
        * @throws {Stubs.Exceptions.ArgumentError} if an unknown side is given
        * @static
        */
@@ -90986,9 +90427,9 @@ declare namespace system{
        * To retrieve the {@link yfiles.algorithms.IDataProvider} that holds information about source {@link yfiles.layout.PortConstraint}s, key {@link yfiles.layout.PortConstraintKeys#SOURCE_PORT_CONSTRAINT_DP_KEY}
        * is used.
        * </p>
-       * @param {yfiles.layout.LayoutGraph} graph the input graph
-       * @param {yfiles.algorithms.Edge} e the edge
-       * @returns {yfiles.layout.PortConstraint} the source {@link yfiles.layout.PortConstraint} of the given edge or <code>null</code> if there is none
+       * @param graph the input graph
+       * @param e the edge
+       * @returns the source {@link } of the given edge or <code>null</code> if there is none
        * @static
        */
       static getSPC(graph:yfiles.layout.LayoutGraph,e:yfiles.algorithms.Edge):yfiles.layout.PortConstraint;
@@ -90998,9 +90439,9 @@ declare namespace system{
        * To retrieve the {@link yfiles.algorithms.IDataProvider} that holds information about target {@link yfiles.layout.PortConstraint}s, key {@link yfiles.layout.PortConstraintKeys#TARGET_PORT_CONSTRAINT_DP_KEY}
        * is used.
        * </p>
-       * @param {yfiles.layout.LayoutGraph} graph the input graph
-       * @param {yfiles.algorithms.Edge} e the edge
-       * @returns {yfiles.layout.PortConstraint} the target {@link yfiles.layout.PortConstraint} of the given edge or <code>null</code> if there is none
+       * @param graph the input graph
+       * @param e the edge
+       * @returns the target {@link } of the given edge or <code>null</code> if there is none
        * @static
        */
       static getTPC(graph:yfiles.layout.LayoutGraph,e:yfiles.algorithms.Edge):yfiles.layout.PortConstraint;
@@ -91011,9 +90452,9 @@ declare namespace system{
        * {@link yfiles.layout.PortConstraint}s, keys {@link yfiles.layout.PortConstraintKeys#SOURCE_PORT_CONSTRAINT_DP_KEY} and {@link yfiles.layout.PortConstraintKeys#TARGET_PORT_CONSTRAINT_DP_KEY}
        * are used.
        * </p>
-       * @param {yfiles.layout.LayoutGraph} graph the input graph
-       * @param {yfiles.algorithms.Edge} e the edge
-       * @returns {boolean} <code>true</code> if the edge has source or target {@link yfiles.layout.PortConstraint}s, <code>false</code> otherwise
+       * @param graph the input graph
+       * @param e the edge
+       * @returns <code>true</code> if the edge has source or target {@link }s, <code>false</code> otherwise
        * @static
        */
       static hasPC(graph:yfiles.layout.LayoutGraph,e:yfiles.algorithms.Edge):boolean;
@@ -91023,9 +90464,9 @@ declare namespace system{
        * To retrieve the {@link yfiles.algorithms.IDataProvider} that holds information about source {@link yfiles.layout.PortConstraint}s, key {@link yfiles.layout.PortConstraintKeys#SOURCE_PORT_CONSTRAINT_DP_KEY}
        * is used.
        * </p>
-       * @param {yfiles.layout.LayoutGraph} graph the input graph
-       * @param {yfiles.algorithms.Edge} e the edge
-       * @returns {boolean} <code>true</code> if the edge has source {@link yfiles.layout.PortConstraint}s, <code>false</code> otherwise
+       * @param graph the input graph
+       * @param e the edge
+       * @returns <code>true</code> if the edge has source {@link }s, <code>false</code> otherwise
        * @static
        */
       static hasSPC(graph:yfiles.layout.LayoutGraph,e:yfiles.algorithms.Edge):boolean;
@@ -91035,9 +90476,9 @@ declare namespace system{
        * To retrieve the {@link yfiles.algorithms.IDataProvider} that holds information about target {@link yfiles.layout.PortConstraint}s, key {@link yfiles.layout.PortConstraintKeys#TARGET_PORT_CONSTRAINT_DP_KEY}
        * is used.
        * </p>
-       * @param {yfiles.layout.LayoutGraph} graph the input graph
-       * @param {yfiles.algorithms.Edge} e the edge
-       * @returns {boolean} <code>true</code> if the edge has target {@link yfiles.layout.PortConstraint}s, <code>false</code> otherwise
+       * @param graph the input graph
+       * @param e the edge
+       * @returns <code>true</code> if the edge has target {@link }s, <code>false</code> otherwise
        * @static
        */
       static hasTPC(graph:yfiles.layout.LayoutGraph,e:yfiles.algorithms.Edge):boolean;
@@ -91084,13 +90525,12 @@ declare namespace system{
     /**
      * The {@link yfiles.layout.PortConstraintConfigurator} provides the possibility to create
      * {@link yfiles.layout.PortConstraint}s according to the initial connecting side of an edge.
-     * @class yfiles.layout.PortConstraintConfigurator
+     * @class
      */
     export interface PortConstraintConfigurator extends Object{}
     export class PortConstraintConfigurator {
       /**
        * Creates a new {@link yfiles.layout.PortConstraintConfigurator} instance.
-       * @constructor
        */
       constructor();
       /**
@@ -91098,29 +90538,29 @@ declare namespace system{
        * <p>
        * The side of the constraint is set up according to the current drawing of the edge within the given graph.
        * </p>
-       * @param {yfiles.layout.LayoutGraph} graph the input graph
-       * @param {yfiles.algorithms.Edge} edge the edge
-       * @param {boolean} source <code>true</code> if a source {@link yfiles.layout.PortConstraint} for the given edge will be created, <code>false</code> for a target
-       * {@link yfiles.layout.PortConstraint}
-       * @param {boolean} strong <code>true</code> if a strong {@link yfiles.layout.PortConstraint} is created, <code>false</code> for a weak {@link yfiles.layout.PortConstraint}
-       * @returns {yfiles.layout.PortConstraint} the {@link yfiles.layout.PortConstraint} for the given edge whose side is retrieved from the initial drawing
+       * @param graph the input graph
+       * @param edge the edge
+       * @param source <code>true</code> if a source {@link } for the given edge will be created, <code>false</code> for a target
+       * {@link }
+       * @param strong <code>true</code> if a strong {@link } is created, <code>false</code> for a weak {@link }
+       * @returns the {@link } for the given edge whose side is retrieved from the initial drawing
        */
       createPortConstraintFromSketch(graph:yfiles.layout.LayoutGraph,edge:yfiles.algorithms.Edge,source:boolean,strong:boolean):yfiles.layout.PortConstraint;
       /**
        * Creates {@link yfiles.layout.PortConstraint}s for some edges of the given graph.
-       * @param {yfiles.layout.LayoutGraph} graph the input graph
-       * @param {yfiles.algorithms.IEdgeCursor} ec the {@link yfiles.algorithms.IEdgeCursor} that provides access to the edges for which to create {@link yfiles.layout.PortConstraint}s
-       * @param {yfiles.algorithms.IEdgeMap} spcMap the {@link yfiles.algorithms.IEdgeMap} that will be used for storing the source {@link yfiles.layout.PortConstraint}s of the edges
-       * @param {boolean} strongSP <code>true</code> if strong source {@link yfiles.layout.PortConstraint}s should be assigned, <code>false</code> otherwise
-       * @param {yfiles.algorithms.IEdgeMap} tpcMap the {@link yfiles.algorithms.IEdgeMap} that will be used for storing the target {@link yfiles.layout.PortConstraint}s of the edges
-       * @param {boolean} strongTP <code>true</code> if strong target {@link yfiles.layout.PortConstraint}s should be assigned, <code>false</code> otherwise
+       * @param graph the input graph
+       * @param ec the {@link } that provides access to the edges for which to create {@link }s
+       * @param spcMap the {@link } that will be used for storing the source {@link }s of the edges
+       * @param strongSP <code>true</code> if strong source {@link }s should be assigned, <code>false</code> otherwise
+       * @param tpcMap the {@link } that will be used for storing the target {@link }s of the edges
+       * @param strongTP <code>true</code> if strong target {@link }s should be assigned, <code>false</code> otherwise
        */
       createPortConstraintsFromSketch(graph:yfiles.layout.LayoutGraph,ec:yfiles.algorithms.IEdgeCursor,spcMap:yfiles.algorithms.IEdgeMap,strongSP:boolean,tpcMap:yfiles.algorithms.IEdgeMap,strongTP:boolean):void;
       /**
        * Creates weak {@link yfiles.layout.PortConstraint}s for all edges of the given graph.
-       * @param {yfiles.layout.LayoutGraph} graph the input graph
-       * @param {yfiles.algorithms.IEdgeMap} spcMap the {@link yfiles.algorithms.IEdgeMap} that will be used for storing the source {@link yfiles.layout.PortConstraint}s of the edges
-       * @param {yfiles.algorithms.IEdgeMap} tpcMap the {@link yfiles.algorithms.IEdgeMap} that will be used for storing the target {@link yfiles.layout.PortConstraint}s of the edges
+       * @param graph the input graph
+       * @param spcMap the {@link } that will be used for storing the source {@link }s of the edges
+       * @param tpcMap the {@link } that will be used for storing the target {@link }s of the edges
        */
       createPortConstraintsFromSketch(graph:yfiles.layout.LayoutGraph,spcMap:yfiles.algorithms.IEdgeMap,tpcMap:yfiles.algorithms.IEdgeMap):void;
       static $class:yfiles.lang.Class;
@@ -91138,7 +90578,7 @@ declare namespace system{
      * Layout algorithms that support {@link yfiles.layout.PortConstraint}s or edge groups will access the
      * {@link yfiles.algorithms.IDataProvider}s using the provided keys.
      * </p>
-     * @class yfiles.layout.PortConstraintKeys
+     * @class
      * @static
      */
     export interface PortConstraintKeys extends Object{}
@@ -91178,7 +90618,7 @@ declare namespace system{
        */
       static TARGET_GROUP_ID_DP_KEY:yfiles.algorithms.EdgeDpKey<Object>;
       /**
-       * Data provider key for assigning port group ids to the edges' source.
+       * Data provider key for assigning port group ids to the edges' source
        * <p>
        * All edges with the same port id at a node will share the same port location. However, they will be routed
        * independently.
@@ -91189,7 +90629,7 @@ declare namespace system{
        */
       static SOURCE_PORT_GROUP_ID_DP_KEY:yfiles.algorithms.EdgeDpKey<Object>;
       /**
-       * Data provider key for assigning port group ids to the edges' target.
+       * Data provider key for assigning port group ids to the edges' target
        * <p>
        * All edges with the same port id at a node will share the same port location. However, they will be routed
        * independently.
@@ -91232,30 +90672,28 @@ declare namespace system{
      * A {@link yfiles.layout.PreferredPlacementDescriptor} must be set for each label and will be retrieved by the layout algorithms
      * calling {@link yfiles.layout.IEdgeLabelLayout#preferredPlacementDescriptor}.
      * </p>
-     * @class yfiles.layout.PreferredPlacementDescriptor
+     * @class
      */
     export interface PreferredPlacementDescriptor extends Object{}
     export class PreferredPlacementDescriptor {
       /**
        * Creates a new {@link yfiles.layout.PreferredPlacementDescriptor} instance that copies the given descriptor.
-       * @param {yfiles.layout.PreferredPlacementDescriptor} descriptor the {@link yfiles.layout.PreferredPlacementDescriptor} that is copied
-       * @constructor
+       * @param descriptor the {@link } that is copied
        */
       constructor(descriptor:yfiles.layout.PreferredPlacementDescriptor);
       /**
        * Creates a new {@link yfiles.layout.PreferredPlacementDescriptor} instance with default settings.
-       * @constructor
        */
       constructor();
       /**
        * Clones this instance by returning a {@link Object#memberwiseClone} or this in case this instance is already {@link yfiles.layout.PreferredPlacementDescriptor#isFrozen frozen}.
-       * @returns {Object} An instance of the same type as this instance.
+       * @returns An instance of the same type as this instance.
        */
       clone():Object;
       /**
        * Makes this {@link yfiles.layout.PreferredPlacementDescriptor} instance immutable.
        * <p>
-       * If this instance is immutable, all <code>setter</code> methods will throw an {@link Stubs.Exceptions.InvalidOperationError} when invoked.
+       * If this instance is immutable, all <code>setter</code> methods will throw an {@link yfiles.lang.Exception} when invoked.
        * </p>
        * @see yfiles.layout.PreferredPlacementDescriptor#isFrozen
        */
@@ -91263,9 +90701,9 @@ declare namespace system{
       /**
        * Returns whether or not this is an immutable instance of {@link yfiles.layout.PreferredPlacementDescriptor}.
        * <p>
-       * If this instance is immutable, all <code>setter</code> methods will throw an {@link Stubs.Exceptions.InvalidOperationError} when invoked.
+       * If this instance is immutable, all <code>setter</code> methods will throw an {@link yfiles.lang.Exception} when invoked.
        * </p>
-       * @returns {boolean} <code>true</code> if this instance is immutable, <code>false</code> otherwise
+       * @returns <code>true</code> if this instance is immutable, <code>false</code> otherwise
        * @see yfiles.layout.PreferredPlacementDescriptor#freeze
        */
       isFrozen():boolean;
@@ -91275,8 +90713,8 @@ declare namespace system{
        * Descriptor instances returned by this method will use default values for all properties but {@link yfiles.layout.PreferredPlacementDescriptor#placeAlongEdge placement along edge} and
        * {@link yfiles.layout.PreferredPlacementDescriptor#sideOfEdge side of edge}.
        * </p>
-       * @param {yfiles.layout.LabelPlacements} placement a combination of valid placements along the edge and valid sides of the edge
-       * @returns {yfiles.layout.PreferredPlacementDescriptor} an immutable descriptor instance for the specified placement
+       * @param placement a combination of valid placements along the edge and valid sides of the edge
+       * @returns an immutable descriptor instance for the specified placement
        * @see yfiles.layout.PreferredPlacementDescriptor#isFrozen
        * @see yfiles.layout.PreferredPlacementDescriptor#placeAlongEdge
        * @see yfiles.layout.PreferredPlacementDescriptor#sideOfEdge
@@ -91471,14 +90909,13 @@ declare namespace system{
      * A collinear bend forms a straight line with its preceding bend and its subsequent bend. The angle between the connecting
      * edge segments is either <code>0</code> or <code>180</code> degrees.
      * </p>
-     * @class yfiles.layout.RemoveCollinearBendsStage
+     * @class
      * @extends {yfiles.layout.LayoutStageBase}
      */
     export interface RemoveCollinearBendsStage extends yfiles.layout.LayoutStageBase{}
     export class RemoveCollinearBendsStage {
       /**
        * Creates a new {@link yfiles.layout.RemoveCollinearBendsStage} instance with default settings.
-       * @constructor
        */
       constructor();
       /**
@@ -91510,16 +90947,15 @@ declare namespace system{
     /**
      * {@link yfiles.layout.ReverseEdgesStage} selectively reverses edges in a graph, while keeping the layout and label positions of
      * the reversed edges as close to the pre-reversal layout and positions as possible.
-     * @class yfiles.layout.ReverseEdgesStage
+     * @class
      * @extends {yfiles.layout.LayoutStageBase}
      */
     export interface ReverseEdgesStage extends yfiles.layout.LayoutStageBase{}
     export class ReverseEdgesStage {
       /**
        * Creates a new {@link yfiles.layout.ReverseEdgesStage} instance with an optional {@link yfiles.layout.LayoutStageBase#coreLayout core layout algorithm}.
-       * @param {yfiles.layout.ILayoutAlgorithm} [coreLayouter=null] The core layout algorithm.
+       * @param [coreLayouter=null] The core layout algorithm.
        * @see yfiles.layout.LayoutStageBase#coreLayout
-       * @constructor
        */
       constructor(coreLayouter?:yfiles.layout.ILayoutAlgorithm);
       /**
@@ -91528,9 +90964,9 @@ declare namespace system{
        * <p>
        * Only edges in the graph component to which the specified node belongs will be marked.
        * </p>
-       * @param {yfiles.layout.LayoutGraph} graph the graph to which the specified node belongs
-       * @param {yfiles.algorithms.Node} root the node to be considered the root of its tree component
-       * @param {yfiles.algorithms.IDataAcceptor} reversedEdges a {@link yfiles.algorithms.IDataAcceptor} to mark edges for reversal
+       * @param graph the graph to which the specified node belongs
+       * @param root the node to be considered the root of its tree component
+       * @param reversedEdges a {@link } to mark edges for reversal
        * @throws {Stubs.Exceptions.ArgumentError} if the specified root node is <code>null</code> or does not belong to the specified graph
        * @see yfiles.layout.ReverseEdgesStage#AFFECTED_EDGES_DP_KEY
        * @static
@@ -91544,8 +90980,8 @@ declare namespace system{
        * specified edge are adjusted to match the pre-reversal position as closely as possible. (Depending on a label's model it
        * might not always be possible to achieve an exact match.)
        * </p>
-       * @param {yfiles.layout.LayoutGraph} graph the graph to which the specified edge belongs
-       * @param {yfiles.algorithms.Edge} edge the edge to be reversed
+       * @param graph the graph to which the specified edge belongs
+       * @param edge the edge to be reversed
        * @see yfiles.layout.LayoutGraphUtilities#reverseEdgeLayout
        */
       reverseEdge(graph:yfiles.layout.LayoutGraph,edge:yfiles.algorithms.Edge):void;
@@ -91558,7 +90994,7 @@ declare namespace system{
        * <p>
        * Implementation detail: This method calls {@link yfiles.layout.ReverseEdgesStage#reverseEdge} in order to reverse a <em>selected</em> edge.
        * </p>
-       * @param {yfiles.layout.LayoutGraph} graph the graph in which to reverse edges.
+       * @param graph the graph in which to reverse edges.
        * @see yfiles.layout.ReverseEdgesStage#AFFECTED_EDGES_DP_KEY
        * @see yfiles.layout.ReverseEdgesStage#reverseEdge
        */
@@ -91615,15 +91051,14 @@ declare namespace system{
      * can be used for marking those self-loops.
      * </p>
      * @see yfiles.layout.MultiStageLayout
-     * @class yfiles.layout.SelfLoopRouter
+     * @class
      * @extends {yfiles.layout.LayoutStageBase}
      */
     export interface SelfLoopRouter extends yfiles.layout.LayoutStageBase{}
     export class SelfLoopRouter {
       /**
        * Creates a new {@link yfiles.layout.SelfLoopRouter} with an optional {@link yfiles.layout.LayoutStageBase#coreLayout core layout algorithm}.
-       * @param {yfiles.layout.ILayoutAlgorithm} [coreLayouter=null] The core layout algorithm.
-       * @constructor
+       * @param [coreLayouter=null] The core layout algorithm.
        */
       constructor(coreLayouter?:yfiles.layout.ILayoutAlgorithm);
       /**
@@ -91635,7 +91070,7 @@ declare namespace system{
        * This method is called by {@link yfiles.layout.SelfLoopRouter#applyLayout} after the {@link yfiles.layout.LayoutStageBase#coreLayout core layout algorithm} has arranged the graph
        * and all self-loops have been reinserted into the graph. It may be overridden to introduce custom self-loop styles.
        * </p>
-       * @param {yfiles.layout.LayoutGraph} graph the input graph
+       * @param graph the input graph
        * @protected
        */
       layoutSelfLoops(graph:yfiles.layout.LayoutGraph):void;
@@ -91712,24 +91147,23 @@ declare namespace system{
      * One possible application would be to bundle several {@link yfiles.layout.ILayoutAlgorithm layout algorithms} and pass a single {@link yfiles.layout.ILayoutAlgorithm}
      * instance to a {@link yfiles.layout.BufferedLayout}.
      * </p>
-     * @class yfiles.layout.SequentialLayout
+     * @class
      * @implements {yfiles.layout.ILayoutAlgorithm}
      */
     export interface SequentialLayout extends Object,yfiles.layout.ILayoutAlgorithm{}
     export class SequentialLayout {
       /**
        * Creates a new {@link yfiles.layout.SequentialLayout} instance with an empty chain of {@link yfiles.layout.ILayoutAlgorithm layout algorithms}.
-       * @constructor
        */
       constructor();
       /**
        * Appends the given {@link yfiles.layout.ILayoutAlgorithm layout algorithm} to the end of the chain.
-       * @param {yfiles.layout.ILayoutAlgorithm} layouter the {@link yfiles.layout.ILayoutAlgorithm layout algorithm} to append
+       * @param layouter the {@link  layout algorithm} to append
        */
       appendLayout(layouter:yfiles.layout.ILayoutAlgorithm):void;
       /**
        * Appends the specified list of {@link yfiles.layout.ILayoutAlgorithm layout algorithms} to the end of the chain.
-       * @param {yfiles.collections.ICollection.<yfiles.layout.ILayoutAlgorithm>} layouters the list of {@link yfiles.layout.ILayoutAlgorithm layout algorithms} to append
+       * @param layouters the list of {@link  layout algorithms} to append
        */
       appendLayouts(layouters:yfiles.collections.ICollection<yfiles.layout.ILayoutAlgorithm>):void;
       /**
@@ -91737,7 +91171,7 @@ declare namespace system{
        * <p>
        * The order of the layout algorithms is defined by the order in which they were appended.
        * </p>
-       * @param {yfiles.layout.LayoutGraph} graph the input graph
+       * @param graph the input graph
        */
       applyLayout(graph:yfiles.layout.LayoutGraph):void;
       /**
@@ -91762,20 +91196,19 @@ declare namespace system{
      * The ranking of edge label positions depends on the locations described in the {@link yfiles.layout.PreferredPlacementDescriptor}
      * associated with an edge.
      * </p>
-     * @class yfiles.layout.SimpleProfitModel
+     * @class
      * @implements {yfiles.layout.IProfitModel}
      */
     export interface SimpleProfitModel extends Object,yfiles.layout.IProfitModel{}
     export class SimpleProfitModel {
       /**
        * Creates a new instance of {@link yfiles.layout.SimpleProfitModel}.
-       * @constructor
        */
       constructor();
       /**
        * 
-       * @param {yfiles.layout.LabelCandidate} candidate
-       * @returns {number} 
+       * @param candidate
+       * @returns 
        */
       getProfit(candidate:yfiles.layout.LabelCandidate):number;
       static $class:yfiles.lang.Class;
@@ -91793,25 +91226,24 @@ declare namespace system{
      * {@link yfiles.layout.SliderMode#CENTER} mode on the left, {@link yfiles.layout.SliderMode#SIDE} mode in the middle and {@link yfiles.layout.SliderMode#SINGLE_SIDE}
      * on the right
      * </p>
-     * @class yfiles.layout.SliderEdgeLabelLayoutModel
+     * @class
      * @implements {yfiles.layout.IEdgeLabelLayoutModel}
      */
     export interface SliderEdgeLabelLayoutModel extends Object,yfiles.layout.IEdgeLabelLayoutModel{}
     export class SliderEdgeLabelLayoutModel {
       /**
        * Creates a new instance of {@link yfiles.layout.SliderEdgeLabelLayoutModel} with the given mode.
-       * @param {yfiles.layout.SliderMode} mode the slider mode
+       * @param mode the slider mode
        * @see yfiles.layout.SliderEdgeLabelLayoutModel#mode
-       * @constructor
        */
       constructor(mode:yfiles.layout.SliderMode);
       /**
        * 
-       * @param {yfiles.algorithms.YOrientedRectangle} labelBounds
-       * @param {yfiles.layout.IEdgeLayout} edgeLayout
-       * @param {yfiles.layout.INodeLayout} sourceNode
-       * @param {yfiles.layout.INodeLayout} targetNode
-       * @returns {Object} 
+       * @param labelBounds
+       * @param edgeLayout
+       * @param sourceNode
+       * @param targetNode
+       * @returns 
        */
       createModelParameter(labelBounds:yfiles.algorithms.YOrientedRectangle,edgeLayout:yfiles.layout.IEdgeLayout,sourceNode:yfiles.layout.INodeLayout,targetNode:yfiles.layout.INodeLayout):Object;
       /**
@@ -91820,21 +91252,21 @@ declare namespace system{
        * The number of candidates and their respective locations are computed depending on the geometries of both label and
        * edge.
        * </p>
-       * @param {yfiles.layout.IEdgeLabelLayout} labelLayout the label for which candidates should be generated
-       * @param {yfiles.layout.IEdgeLayout} edgeLayout the layout of the edge to which the label belongs
-       * @param {yfiles.layout.INodeLayout} sourceLayout the layout of the source node of the label-owning edge
-       * @param {yfiles.layout.INodeLayout} targetLayout the layout of the target node of the label-owning edge
-       * @returns {yfiles.algorithms.YList} a list of {@link yfiles.layout.EdgeLabelCandidate} instances
+       * @param labelLayout the label for which candidates should be generated
+       * @param edgeLayout the layout of the edge to which the label belongs
+       * @param sourceLayout the layout of the source node of the label-owning edge
+       * @param targetLayout the layout of the target node of the label-owning edge
+       * @returns a list of {@link } instances
        */
       getLabelCandidates(labelLayout:yfiles.layout.IEdgeLabelLayout,edgeLayout:yfiles.layout.IEdgeLayout,sourceLayout:yfiles.layout.INodeLayout,targetLayout:yfiles.layout.INodeLayout):yfiles.algorithms.YList;
       /**
        * 
-       * @param {yfiles.algorithms.YDimension} labelSize
-       * @param {yfiles.layout.IEdgeLayout} edgeLayout
-       * @param {yfiles.layout.INodeLayout} sourceNode
-       * @param {yfiles.layout.INodeLayout} targetNode
-       * @param {Object} para
-       * @returns {yfiles.algorithms.YOrientedRectangle} 
+       * @param labelSize
+       * @param edgeLayout
+       * @param sourceNode
+       * @param targetNode
+       * @param para
+       * @returns 
        */
       getLabelPlacement(labelSize:yfiles.algorithms.YDimension,edgeLayout:yfiles.layout.IEdgeLayout,sourceNode:yfiles.layout.INodeLayout,targetNode:yfiles.layout.INodeLayout,para:Object):yfiles.algorithms.YOrientedRectangle;
       /**
@@ -91906,15 +91338,14 @@ declare namespace system{
      * The nodes that induce this subgraph are marked using a {@link yfiles.algorithms.IDataProvider} registered with a {@link yfiles.layout.SubgraphLayout#affectedNodesDpKey specific key}.
      * They will be arranged by the {@link yfiles.layout.LayoutStageBase#coreLayout core layout algorithm}.
      * </p>
-     * @class yfiles.layout.SubgraphLayout
+     * @class
      * @extends {yfiles.layout.LayoutStageBase}
      */
     export interface SubgraphLayout extends yfiles.layout.LayoutStageBase{}
     export class SubgraphLayout {
       /**
        * Creates a new {@link yfiles.layout.SubgraphLayout} instance with an optional {@link yfiles.layout.LayoutStageBase#coreLayout core layout algorithm}.
-       * @param {yfiles.layout.ILayoutAlgorithm} [coreLayouter=null] The core layout algorithm.
-       * @constructor
+       * @param [coreLayouter=null] The core layout algorithm.
        */
       constructor(coreLayouter?:yfiles.layout.ILayoutAlgorithm);
       /**
@@ -91928,15 +91359,14 @@ declare namespace system{
     }
     /**
      * A {@link yfiles.layout.SwimlaneRepresentative SwimlaneRepresentative} represents the position and arrangement mode for a swimlane.
-     * @class yfiles.layout.SwimlaneRepresentative
+     * @class
      */
     export interface SwimlaneRepresentative extends Object{}
     export class SwimlaneRepresentative {
       /**
        * Creates a new {@link yfiles.layout.SwimlaneRepresentative} instance.
-       * @param {number} swimlanePos denotes the current position of the represented swimlane
-       * @param {boolean} allowRearrangement <code>true</code> if the represented swimlane may be {@link yfiles.layout.SwimlaneRepresentative#allowRearrangement rearranged}, <code>false</code> otherwise
-       * @constructor
+       * @param swimlanePos denotes the current position of the represented swimlane
+       * @param allowRearrangement <code>true</code> if the represented swimlane may be {@link #allowRearrangement rearranged}, <code>false</code> otherwise
        */
       constructor(swimlanePos:number,allowRearrangement:boolean);
       /**
@@ -91964,7 +91394,7 @@ declare namespace system{
      * <p>
      * It is used by {@link yfiles.hierarchic.HierarchicLayout} to arrange the nodes in lanes.
      * </p>
-     * @class yfiles.layout.Swimlanes
+     * @class
      * @static
      */
     export interface Swimlanes extends Object{}
@@ -91978,10 +91408,10 @@ declare namespace system{
        * <li>the number of swimlanes traversed by edges</li>
        * <li>the number of swimlanes spanned by {@link yfiles.layout.GroupingSupport#isGroupNode group nodes}</li>
        * </ol>
-       * @param {yfiles.algorithms.Graph} graph the input graph
-       * @param {yfiles.algorithms.IDataProvider} node2Swimlane the assignment of nodes to swimlanes
-       * @param {number} iterations the number of iterations performed by the heuristic.
-       * @param {yfiles.layout.SwimlanesMode} mode one of the valid swimlane ordering mode specifier
+       * @param graph the input graph
+       * @param node2Swimlane the assignment of nodes to swimlanes
+       * @param iterations the number of iterations performed by the heuristic.
+       * @param mode one of the valid swimlane ordering mode specifier
        * @see yfiles.layout.SwimlaneRepresentative
        * @see yfiles.layout.GroupingSupport
        * @static
@@ -91996,8 +91426,8 @@ declare namespace system{
        * <li>the number of swimlanes traversed by edges</li>
        * <li>the number of swimlanes spanned by {@link yfiles.layout.GroupingSupport#isGroupNode group nodes}</li>
        * </ol>
-       * @param {yfiles.algorithms.Graph} graph the input graph
-       * @param {yfiles.algorithms.IDataProvider} node2Swimlane the assignment of nodes to swimlanes
+       * @param graph the input graph
+       * @param node2Swimlane the assignment of nodes to swimlanes
        * @see yfiles.layout.SwimlaneRepresentative
        * @see yfiles.layout.GroupingSupport
        * @static
@@ -92005,6 +91435,291 @@ declare namespace system{
       static arrangeSwimlanes(graph:yfiles.algorithms.Graph,node2Swimlane:yfiles.algorithms.IDataProvider):void;
       static $class:yfiles.lang.Class;
     }
+    export enum OperationType{
+      /**
+       * Operation specifier defining that the graph will be mirrored at the x-axis.
+       * @see yfiles.layout.GraphTransformer#operation
+       */
+      MIRROR_X_AXIS,
+      /**
+       * Operation specifier defining that the graph will be mirrored at the y-axis.
+       * @see yfiles.layout.GraphTransformer#operation
+       */
+      MIRROR_Y_AXIS,
+      /**
+       * Operation specifier defining that the graph will be rotated.
+       * @see yfiles.layout.GraphTransformer#operation
+       * @see yfiles.layout.GraphTransformer#rotationAngle
+       * @see yfiles.layout.GraphTransformer#bestFitRotationEnabled
+       */
+      ROTATE,
+      /**
+       * Operation specifier defining that the graph will be scaled.
+       * @see yfiles.layout.GraphTransformer#operation
+       * @see yfiles.layout.GraphTransformer#scaleFactor
+       * @see yfiles.layout.GraphTransformer#setScaleFactors
+       * @see yfiles.layout.GraphTransformer#scaleNodeSize
+       */
+      SCALE,
+      /**
+       * Operation specifier defining that the graph will be translated.
+       * @see yfiles.layout.GraphTransformer#operation
+       * @see yfiles.layout.GraphTransformer#translateX
+       * @see yfiles.layout.GraphTransformer#translateY
+       */
+      TRANSLATE
+    }
+    /**
+     * This layout algorithm applies geometric transformations to (sub-)graphs.
+     * <p>
+     * <b>Layout Style</b> There are several ways to transform the graph that include mirroring, rotating, scaling and translating. {@graph {"ann":{"s":[30,30],"d":1},"n":[[-15,235],[-15,360],[-15,110],[235,485],[110,485],[360,485],[-15,485],[485,235],[485,360],[235,-15],[110,-15],[360,-15],[485,110],[-15,-15],[485,485],[485,-15],[235,235,1],[146.61,146.61,1],[146.61,323.39,1],[58.22,235,1],[323.39,323.39,1],[235,411.78,1],[323.39,146.61,1],[235,58.22,1],[411.78,235,1]],"e":[[1,0],[0,2],[4,3],[3,5],[1,6],[6,4],[7,8],[9,10],[11,9],[12,7],[2,13],[13,10],[8,14],[14,5],[11,15],[12,15],[16,17],[16,18],[19,17],[19,18],[20,16],[18,21],[21,20],[22,16],[23,22],[23,17],[20,24],[22,24],[17,0],[19,1],[23,2],[18,3],[4,19],[5,21],[20,7],[21,8],[9,22],[10,23],[24,11],[24,12]],"vp":[-15.0,-15.0,530.0,530.0]}}
+     * </p>
+     * <p>
+     * The highlighted subgraph is rotated by <code>45</code> degrees
+     * </p>
+     * <p>
+     * <b>Features</b>
+     * </p>
+     * <p>
+     * The layout can be {@link yfiles.layout.OperationType#SCALE scaled} with independent factors for the horizontal and vertical scaling. Optionally, the sizes of
+     * nodes can be scaled, too.
+     * </p>
+     * <p>
+     * The layout can be mirrored either on the {@link yfiles.layout.OperationType#MIRROR_X_AXIS x-axis} or the {@link yfiles.layout.OperationType#MIRROR_Y_AXIS y-axis}.
+     * </p>
+     * <p>
+     * A {@link yfiles.layout.OperationType#ROTATE rotation} can be specified. Instead of {@link yfiles.layout.GraphTransformer#rotationAngle defining} a rotation angle the angle can be {@link yfiles.layout.GraphTransformer#bestFitRotationEnabled determined automatically} to fit
+     * specific bounds.
+     * </p>
+     * <p>
+     * The coordinates in the layout can be {@link yfiles.layout.OperationType#TRANSLATE translated} by a specific vector.
+     * </p>
+     * <p>
+     * To only apply previously mentioned transformations to a subgraph, the {@link yfiles.layout.SubgraphLayout} needs to be {@link yfiles.layout.MultiStageLayout#subgraphLayoutEnabled enabled}.
+     * Then the nodes in the subgraph must be marked in a {@link yfiles.algorithms.IDataProvider} registered with the according {@link yfiles.layout.SubgraphLayout#affectedNodesDpKey key}.
+     * </p>
+     * @class
+     * @extends {yfiles.layout.MultiStageLayout}
+     * @implements {yfiles.layout.ILayoutStage}
+     */
+    export interface GraphTransformer extends yfiles.layout.MultiStageLayout,yfiles.layout.ILayoutStage{}
+    export class GraphTransformer {
+      /**
+       * Creates a new instance of {@link yfiles.layout.GraphTransformer} with default settings.
+       */
+      constructor();
+      /**
+       * Rotates the given graph so its resulting bounding box fits best to the given bounds.
+       * @param graph the graph that is rotated
+       * @param width the width of the preferred layout bounds
+       * @param height the height of the preferred layout bounds
+       * @returns the rotation angle
+       * @see yfiles.layout.GraphTransformer#bestFitRotationEnabled
+       * @static
+       */
+      static applyBestFitRotationAngle(graph:yfiles.layout.LayoutGraph,width:number,height:number):number;
+      /**
+       * Returns the rotation angle for the graph that will result in a layout that fits best to the given bounds.
+       * @param graph the graph that is rotated
+       * @param width the width of the preferred layout bounds
+       * @param height the height of the preferred layout bounds
+       * @returns the rotation angle
+       * @see yfiles.layout.GraphTransformer#applyBestFitRotationAngle
+       * @static
+       */
+      static findBestFitRotationAngle(graph:yfiles.layout.LayoutGraph,width:number,height:number):number;
+      /**
+       * Specifies the preferred size of the layout.
+       * <p>
+       * If performing a {@link yfiles.layout.OperationType#ROTATE rotation} and this rotation should be
+       * {@link yfiles.layout.GraphTransformer#bestFitRotationEnabled automatically fitted}, then the given preferred size defines the aspect ratio that will be used for fitting the layout
+       * rotation.
+       * </p>
+       * <p>
+       * The preferred width and height need to be non-negative.
+       * </p>
+       * @param width the preferred width of the layout
+       * @param height the preferred height of the layout
+       * @throws {Stubs.Exceptions.ArgumentError} if the specified width or height is negative
+       * @see yfiles.layout.GraphTransformer#preferredWidth
+       * @see yfiles.layout.GraphTransformer#preferredHeight
+       * @see yfiles.layout.GraphTransformer#bestFitRotationEnabled
+       * @see yfiles.layout.GraphTransformer#operation
+       * @see yfiles.layout.OperationType#ROTATE
+       */
+      preferredLayoutSize(width:number,height:number):void;
+      /**
+       * Fits the given graph into the specified rectangular bounds.
+       * <p>
+       * If the bounding box fits in the given bounds, nothing is done. Otherwise, the graph is scaled and optionally moved to
+       * fit.
+       * </p>
+       * @param graph the graph to modify
+       * @param x the upper left x-coordinate of the bounds
+       * @param y the upper left y-coordinate of the bounds
+       * @param w the width of the bounds
+       * @param h the height of the bounds
+       * @static
+       */
+      static setMaximalBounds(graph:yfiles.layout.LayoutGraph,x:number,y:number,w:number,h:number):void;
+      /**
+       * Specifies the horizontal and vertical scaling factor used for the {@link yfiles.layout.OperationType#SCALE scale operation}.
+       * <p>
+       * Only positive scaling factors are allowed.
+       * </p>
+       * @param xFactor the horizontal scaling factor
+       * @param yFactor the vertical scaling factor
+       * @throws {Stubs.Exceptions.ArgumentError} if one the specified scaling factors is negative or <code>0</code>
+       * @see yfiles.layout.GraphTransformer#scaleFactorX
+       * @see yfiles.layout.GraphTransformer#scaleFactorY
+       * @see yfiles.layout.GraphTransformer#operation
+       * @see yfiles.layout.OperationType#SCALE
+       */
+      setScaleFactors(xFactor:number,yFactor:number):void;
+      /**
+       * Translates the layout coordinates by the given vector.
+       * @param graph the graph that is translated
+       * @param dx the horizontal distance the given graph is moved
+       * @param dy the vertical distance the given graph is moved
+       * @see yfiles.layout.OperationType#TRANSLATE
+       * @see yfiles.layout.GraphTransformer#operation
+       * @static
+       */
+      static translate(graph:yfiles.layout.LayoutGraph,dx:number,dy:number):void;
+      /**
+       * 
+       * @type {yfiles.layout.ILayoutAlgorithm}
+       */
+      coreLayout:yfiles.layout.ILayoutAlgorithm;
+      /**
+       * Gets or sets the transformation operation.
+       * @throws {Stubs.Exceptions.ArgumentError} if the specified operation is unknown
+       * @type {yfiles.layout.OperationType}
+       */
+      operation:yfiles.layout.OperationType;
+      /**
+       * Gets or sets the angle of rotation.
+       * <p>
+       * The angle must be given in degrees.
+       * </p>
+       * @see yfiles.layout.GraphTransformer#operation
+       * @see yfiles.layout.OperationType#ROTATE
+       * @type {number}
+       */
+      rotationAngle:number;
+      /**
+       * Gets or sets whether or not to automatically choose the best fitting rotation angle.
+       * <p>
+       * The angle will be chosen such that the bounding box after the rotation fits best to the {@link yfiles.layout.GraphTransformer#preferredLayoutSize preferred aspect ratio}.
+       * </p>
+       * @see yfiles.layout.GraphTransformer#operation
+       * @see yfiles.layout.OperationType#ROTATE
+       * @type {boolean}
+       */
+      bestFitRotationEnabled:boolean;
+      /**
+       * Gets or sets the preferred height of the layout.
+       * <p>
+       * This value will be used for {@link yfiles.layout.GraphTransformer#bestFitRotationEnabled fitting the rotation} to preferred bounds.
+       * </p>
+       * <p>
+       * The preferred height needs to be non-negative.
+       * </p>
+       * @throws {Stubs.Exceptions.ArgumentError} if the specified height is negative
+       * @see yfiles.layout.GraphTransformer#preferredWidth
+       * @see yfiles.layout.GraphTransformer#bestFitRotationEnabled
+       * @see yfiles.layout.GraphTransformer#operation
+       * @see yfiles.layout.OperationType#ROTATE
+       * @type {number}
+       */
+      preferredHeight:number;
+      /**
+       * Gets or sets the preferred width of the layout.
+       * <p>
+       * This value will be used for {@link yfiles.layout.GraphTransformer#bestFitRotationEnabled fitting the rotation} to preferred bounds.
+       * </p>
+       * <p>
+       * The preferred width needs to be non-negative.
+       * </p>
+       * @throws {Stubs.Exceptions.ArgumentError} if the specified width is negative
+       * @see yfiles.layout.GraphTransformer#preferredHeight
+       * @see yfiles.layout.GraphTransformer#bestFitRotationEnabled
+       * @see yfiles.layout.GraphTransformer#operation
+       * @see yfiles.layout.OperationType#ROTATE
+       * @type {number}
+       */
+      preferredWidth:number;
+      /**
+       * Gets or sets whether or not to also scale node sizes when performing the {@link yfiles.layout.OperationType#SCALE scale operation}.
+       * @see yfiles.layout.GraphTransformer#operation
+       * @see yfiles.layout.OperationType#SCALE
+       * @type {boolean}
+       */
+      scaleNodeSize:boolean;
+      /**
+       * Sets the uniform scaling factor used for the {@link yfiles.layout.OperationType#SCALE scale operation}.
+       * <p>
+       * This factor applies vertical and horizontal.
+       * </p>
+       * <p>
+       * Only positive scaling factors are allowed.
+       * </p>
+       * @throws {Stubs.Exceptions.ArgumentError} if the specified scaling factor is negative or <code>0</code>
+       * @see yfiles.layout.GraphTransformer#scaleFactorX
+       * @see yfiles.layout.GraphTransformer#scaleFactorY
+       * @see yfiles.layout.GraphTransformer#operation
+       * @see yfiles.layout.OperationType#SCALE
+       * @type {number}
+       */
+      scaleFactor:number;
+      /**
+       * Gets or sets the vertical scaling factor used for the {@link yfiles.layout.OperationType#SCALE scale operation}.
+       * <p>
+       * Only positive scaling factors are allowed.
+       * </p>
+       * @throws {Stubs.Exceptions.ArgumentError} if the specified scaling factor is negative or <code>0</code>
+       * @see yfiles.layout.GraphTransformer#scaleFactorX
+       * @see yfiles.layout.GraphTransformer#operation
+       * @see yfiles.layout.OperationType#SCALE
+       * @type {number}
+       */
+      scaleFactorY:number;
+      /**
+       * Gets or sets the horizontal scaling factor used for the {@link yfiles.layout.OperationType#SCALE scale operation}.
+       * <p>
+       * Only positive scaling factors are allowed.
+       * </p>
+       * @throws {Stubs.Exceptions.ArgumentError} if the specified scaling factor is negative or <code>0</code>
+       * @see yfiles.layout.GraphTransformer#scaleFactorY
+       * @see yfiles.layout.GraphTransformer#operation
+       * @see yfiles.layout.OperationType#SCALE
+       * @type {number}
+       */
+      scaleFactorX:number;
+      /**
+       * Gets or sets the horizontal translation distance.
+       * <p>
+       * A positive value means the graph is moved to the right while, a negative value means the graph is moved to the left.
+       * </p>
+       * @see yfiles.layout.GraphTransformer#translateY
+       * @see yfiles.layout.GraphTransformer#operation
+       * @see yfiles.layout.OperationType#TRANSLATE
+       * @type {number}
+       */
+      translateX:number;
+      /**
+       * Gets or sets the vertical translation distance.
+       * <p>
+       * A positive value means the graph is moved downwards, while a negative value means the graph is moved upwards.
+       * </p>
+       * @see yfiles.layout.GraphTransformer#translateX
+       * @see yfiles.layout.GraphTransformer#operation
+       * @see yfiles.layout.OperationType#TRANSLATE
+       * @type {number}
+       */
+      translateY:number;
+      static $class:yfiles.lang.Class;
+    }
     /**
      * A {@link yfiles.layout.ILayoutStage layout stage} that can handle fixed nodes in hierarchically grouped graphs.
      * <p>
@@ -92032,19 +91747,18 @@ declare namespace system{
      * {@graph {"ann":{"s":[30,30],"d":1},"styles":{"6":{"c":1}},"n":[[759.46,-86.88,290.54,283.26,2],[982.99,109.5,6],[796.47,109.5,6],[854.11,-67.88,6],[925.35,-67.88,6],[1005,41.75,6],[925.35,151.37,6],[796.47,-26.01,6],[774.46,41.75,6],[982.99,-26.01,6],[854.11,151.37,6],[123.31,-231.69,216.69,224.72,2],[212.57,-132.33,6],[263.97,-67.88,6],[263.97,-196.77,6],[138.31,-168.09,6],[194.23,-51.97,6],[295,-132.33,6],[138.31,-96.56,6],[194.23,-212.69,6],[265,40.5,430,339,2],[465,234.5,45,30],[380,59.5,45,30],[465,284.5,45,30],[380,109.5,45,30],[465,84.5,45,30],[465,134.5,45,30],[550,209.5,45,30],[380,309.5,45,30],[550,259.5,45,30],[380,259.5,45,30],[465,334.5,45,30],[550,134.5,45,30],[635,134.5,45,30],[465,184.5,45,30],[280,184.5,60,30]],"e":[[9,4],[3,7],[8,7],[4,3],[2,8],[10,2],[6,10],[1,6],[5,1],[2,3],[2,9],[2,1],[5,9],[12,18],[12,13],[12,14],[12,15],[12,19],[12,17],[12,16],[30,21],[21,29],[21,27],[35,22],[30,23],[35,24],[24,26],[24,25],[26,32],[35,28],[35,30],[30,31],[30,34],[32,33],[33,2],[33,8],[33,7],[35,17]],"vp":[123.0,-232.0,927.0,612.0]}} Initial graph. Nodes inside groups have to remain at their relative positions. {@graph {"ann":{"s":[30,30],"d":1},"styles":{"6":{"c":1}},"n":[[754.73,68.37,290.54,283.26,2],[978.26,264.75,6],[791.74,264.75,6],[849.38,87.37,6],[920.62,87.37,6],[1000.27,197,6],[920.62,306.63,6],[791.74,129.25,6],[769.73,197,6],[978.26,129.25,6],[849.38,306.63,6],[-18.35,97.64,216.69,224.72,2],[70.92,197,6],[122.31,261.44,6],[122.31,132.56,6],[-3.35,161.24,6],[52.58,277.36,6],[153.35,197,6],[-3.35,232.76,6],[52.58,116.64,6],[265,40.5,430,339,2],[465,234.5,45,30],[380,59.5,45,30],[465,284.5,45,30],[380,109.5,45,30],[465,84.5,45,30],[465,134.5,45,30],[550,209.5,45,30],[380,309.5,45,30],[550,259.5,45,30],[380,259.5,45,30],[465,334.5,45,30],[550,134.5,45,30],[635,134.5,45,30],[465,184.5,45,30],[280,184.5,60,30]],"e":[[9,4],[3,7],[8,7],[4,3],[2,8],[10,2],[6,10],[1,6],[5,1],[2,3],[2,9],[2,1],[5,9],[12,18],[12,13],[12,14],[12,15],[12,19],[12,17],[12,16],[30,21],[21,29],[21,27],[35,22],[30,23],[35,24],[24,26],[24,25],[26,32],[35,28],[35,30],[30,31],[30,34],[32,33],[33,8,22.5,6,-2.49,-14.78,[782.24,155.5]],[33,7,22.5,-6,-15,-0.75],[33,2,0,15,-15,0,[657.5,279.75]],[35,17,-30,6.25,13.66,-6.25]],"vp":[-19.0,40.0,1065.0,340.0]}} Example after using {@link yfiles.layout.FixGroupLayoutStage}
      * with {@link yfiles.orthogonal.OrthogonalLayout}. Nodes inside groups did not change relative positions.
      * </p>
-     * @class yfiles.layout.FixGroupLayoutStage
+     * @class
      * @extends {yfiles.layout.LayoutStageBase}
      */
     export interface FixGroupLayoutStage extends yfiles.layout.LayoutStageBase{}
     export class FixGroupLayoutStage {
       /**
        * Creates a new instance of {@link yfiles.layout.FixGroupLayoutStage} with an optional {@link yfiles.layout.LayoutStageBase#coreLayout core layout algorithm}.
-       * @param {yfiles.layout.ILayoutAlgorithm} [core=null] The core layout algorithm.
-       * @constructor
+       * @param [core=null] The core layout algorithm.
        */
       constructor(core?:yfiles.layout.ILayoutAlgorithm);
       /**
-       * Data provider key for selecting group nodes whose contents should keep their relative positions.
+       * Data provider key for selecting group nodes whose contents should keep their relative positions
        * <p>
        * A group node is considered <i>selected</i> in this context, if the corresponding {@link yfiles.algorithms.IDataProvider} returns <code>true</code> for the
        * group node or any of its ancestor (group) nodes.
@@ -92081,8 +91795,8 @@ declare namespace system{
        * <p>
        * Nodes that share a common partition ID are considered to belong to the same partition.
        * </p>
-       * @param {yfiles.layout.LayoutGraph} graph the input graph
-       * @param {yfiles.algorithms.INodeMap} partitionIDMap the map that is filled with the resulting partition IDs
+       * @param graph the input graph
+       * @param partitionIDMap the map that is filled with the resulting partition IDs
        * @abstract
        */
       findPartitions(graph:yfiles.layout.LayoutGraph,partitionIDMap:yfiles.algorithms.INodeMap):void;
@@ -92105,9 +91819,9 @@ declare namespace system{
        * <p>
        * Edges which connect nodes that belong to two different partitions are called inter-edges
        * </p>
-       * @param {yfiles.layout.LayoutGraph} graph the input graph
-       * @param {yfiles.algorithms.IDataProvider} partitionIDDP the partition ID for each node in the graph
-       * @param {yfiles.algorithms.IDataProvider} interEdgeDP the map which marks inter-edges
+       * @param graph the input graph
+       * @param partitionIDDP the partition ID for each node in the graph
+       * @param interEdgeDP the map which marks inter-edges
        * @abstract
        */
       placePartitions(graph:yfiles.layout.LayoutGraph,partitionIDDP:yfiles.algorithms.IDataProvider,interEdgeDP:yfiles.algorithms.IDataProvider):void;
@@ -92133,29 +91847,28 @@ declare namespace system{
      * method {@link yfiles.layout.PartitionLayout#interEdgeRouter}
      * </li>
      * </ol>
-     * @class yfiles.layout.PartitionLayout
+     * @class
      * @extends {yfiles.layout.LayoutStageBase}
      */
     export interface PartitionLayout extends yfiles.layout.LayoutStageBase{}
     export class PartitionLayout {
       /**
        * Creates a new {@link yfiles.layout.PartitionLayout} instance with default settings.
-       * @constructor
        */
       constructor();
       /**
        * Creates a {@link yfiles.layout.IPartitionPlacer} that uses {@link yfiles.layout.ComponentLayout} to place the partitions.
-       * @param {yfiles.layout.ComponentLayout} [componentLayout=null] An optional {@link yfiles.layout.ComponentLayout} to use.
-       * @returns {yfiles.layout.IPartitionPlacer} 
+       * @param [componentLayout=null] An optional {@link } to use.
+       * @returns 
        * @static
        */
       static createComponentPartitionPlacer(componentLayout?:yfiles.layout.ComponentLayout):yfiles.layout.IPartitionPlacer;
       /**
        * Creates a {@link yfiles.layout.IPartitionFinder} that uses {@link yfiles.algorithms.Groups#edgeBetweennessClustering} as strategy for
        * finding graph partitions.
-       * @param {number} [minimumPartitionCount=0] The minimum number of partitions the result should have.
-       * @param {number} [maximumPartitionCount=0x7FFFFFFF] The maximum number of partitions the result should have.
-       * @returns {yfiles.layout.IPartitionFinder} 
+       * @param [minimumPartitionCount=0] The minimum number of partitions the result should have.
+       * @param [maximumPartitionCount=0x7FFFFFFF] The maximum number of partitions the result should have.
+       * @returns 
        * @static
        */
       static createEdgeBetweennessPartitionFinder(minimumPartitionCount?:number,maximumPartitionCount?:number):yfiles.layout.IPartitionFinder;
@@ -92163,9 +91876,9 @@ declare namespace system{
        * Creates a {@link yfiles.layout.IPartitionFinder} that uses {@link yfiles.algorithms.Groups#edgeBetweennessClustering} as strategy for
        * finding graph partitions.
        * @param {Object} options The parameters to pass.
-       * @param {number} [options.minimumPartitionCount=0] The minimum number of partitions the result should have.
-       * @param {number} [options.maximumPartitionCount=0x7FFFFFFF] The maximum number of partitions the result should have.
-       * @returns {yfiles.layout.IPartitionFinder} 
+       * @param [options.minimumPartitionCount=0] The minimum number of partitions the result should have.
+       * @param [options.maximumPartitionCount=0x7FFFFFFF] The maximum number of partitions the result should have.
+       * @returns 
        * @static
        */
       static createEdgeBetweennessPartitionFinder(options:{minimumPartitionCount?:number,maximumPartitionCount?:number}):yfiles.layout.IPartitionFinder;
@@ -92211,15 +91924,14 @@ declare namespace system{
      * @see yfiles.layout.PortCandidate
      * @see yfiles.layout.PortCandidateSet
      * @see yfiles.layout.PortPlacementStage#pathCorrection
-     * @class yfiles.layout.PortPlacementStage
+     * @class
      * @extends {yfiles.layout.LayoutStageBase}
      */
     export interface PortPlacementStage extends yfiles.layout.LayoutStageBase{}
     export class PortPlacementStage {
       /**
        * Creates a new {@link yfiles.layout.PortPlacementStage} instance with an optional {@link yfiles.layout.LayoutStageBase#coreLayout core layout algorithm}.
-       * @param {yfiles.layout.ILayoutAlgorithm} [coreLayouter=null] The core layout algorithm.
-       * @constructor
+       * @param [coreLayouter=null] The core layout algorithm.
        */
       constructor(coreLayouter?:yfiles.layout.ILayoutAlgorithm);
       /**
@@ -92238,7 +91950,7 @@ declare namespace system{
     }
     /**
      * Specifies custom data for the {@link yfiles.layout.ComponentLayout}.
-     * @class yfiles.layout.ComponentLayoutData
+     * @class
      * @extends {yfiles.layout.LayoutData}
      */
     export interface ComponentLayoutData extends yfiles.layout.LayoutData{}
@@ -92279,7 +91991,7 @@ declare namespace system{
      * This is especially useful if several layouts are run at once, for example a general layout and a subsequent edge
      * routing.
      * </p>
-     * @class yfiles.layout.CompositeLayoutData
+     * @class
      * @extends {yfiles.layout.LayoutData}
      */
     export interface CompositeLayoutData extends yfiles.layout.LayoutData{}
@@ -92304,7 +92016,7 @@ declare namespace system{
      * Type parameter <code>TItem</code>: The type of the items that are mapped.
      * Type parameter <code>TValue</code>: The type of the values the items are mapped to.
      * Type parameter <code>TContext</code>: The type of the context passed to the {@link yfiles.layout.ContextItemMapping.<TItem,TValue,TContext>#contextDelegate}
-     * @class yfiles.layout.ContextItemMapping.<TItem,TValue,TContext>
+     * @class
      * @extends {yfiles.layout.ItemMapping.<TItem,TValue>}
      * @template TItem,TValue,TContext
      */
@@ -92313,10 +92025,10 @@ declare namespace system{
       constructor();
       /**
        * Provides a mapper mapping the items to values.
-       * @param {yfiles.layout.LayoutGraphAdapter} adapter The graph adapter the mapper shall be provided for.
-       * @param {yfiles.layout.ILayoutAlgorithm} layout The layout using the mapper.
-       * @param {TContext} context The context object passed to the {@link yfiles.layout.ContextItemMapping.<TItem,TValue,TContext>#contextDelegate}.
-       * @returns {yfiles.collections.IMapper.<TItem,TValue>} A mapper mapping the items to values.
+       * @param adapter The graph adapter the mapper shall be provided for.
+       * @param layout The layout using the mapper.
+       * @param context The context object passed to the {@link #contextDelegate}.
+       * @returns A mapper mapping the items to values.
        */
       provideMapperForContext(adapter:yfiles.layout.LayoutGraphAdapter,layout:yfiles.layout.ILayoutAlgorithm,context:TContext):yfiles.collections.IMapper<TItem,TValue>;
       /**
@@ -92336,7 +92048,7 @@ declare namespace system{
      * </p>
      * Type parameter <code>TKey</code>: The type of the keys.
      * Type parameter <code>TValue</code>: The type of the values.
-     * @class yfiles.layout.DataProviderAdapter.<TKey,TValue>
+     * @class
      * @implements {yfiles.algorithms.IDataProvider}
      * @template TKey,TValue
      */
@@ -92344,33 +92056,32 @@ declare namespace system{
     export class DataProviderAdapter<TKey,TValue> {
       /**
        * Creates a new instance that adapts the provided mapper instance.
-       * @param {yfiles.lang.Class} keyType The type of the keys.
-       * @param {yfiles.collections.IMapper.<TKey,TValue>} mapper The mapper to adapt.
-       * @constructor
+       * @param keyType The type of the keys.
+       * @param mapper The mapper to adapt.
        */
       constructor(keyType:yfiles.lang.Class,mapper:yfiles.collections.IMapper<TKey,TValue>);
       /**
        * 
-       * @param {Object} dataHolder
-       * @returns {Object} 
+       * @param dataHolder
+       * @returns 
        */
       get(dataHolder:Object):Object;
       /**
        * 
-       * @param {Object} dataHolder
-       * @returns {boolean} 
+       * @param dataHolder
+       * @returns 
        */
       getBoolean(dataHolder:Object):boolean;
       /**
        * 
-       * @param {Object} dataHolder
-       * @returns {number} 
+       * @param dataHolder
+       * @returns 
        */
       getInt(dataHolder:Object):number;
       /**
        * 
-       * @param {Object} dataHolder
-       * @returns {number} 
+       * @param dataHolder
+       * @returns 
        */
       getNumber(dataHolder:Object):number;
       static $class:yfiles.lang.Class;
@@ -92380,7 +92091,7 @@ declare namespace system{
      * Type parameter <code>K</code>: The type of the key for the mapper.
      * Type parameter <code>V</code>: The type of the value for the mapper.
      * @see yfiles.layout.DataProviderAdapter.<K,V>
-     * @class yfiles.layout.DataMapAdapter.<K,V>
+     * @class
      * @extends {yfiles.layout.DataProviderAdapter.<K,V>}
      * @implements {yfiles.algorithms.IDataMap}
      * @template K,V
@@ -92389,34 +92100,33 @@ declare namespace system{
     export class DataMapAdapter<K,V> {
       /**
        * Initializes a new instance of the {@link yfiles.layout.DataMapAdapter.<K,V>} class.
-       * @param {yfiles.lang.Class} keyType1 The type of the key for the mapper.
-       * @param {yfiles.lang.Class} valueType The type of the value for the mapper.
-       * @param {yfiles.collections.IMapper.<K,V>} mapper The mapper to adapt.
-       * @constructor
+       * @param keyType The type of the key for the mapper.
+       * @param valueType The type of the value for the mapper.
+       * @param mapper The mapper to adapt.
        */
-      constructor(keyType1:yfiles.lang.Class,valueType:yfiles.lang.Class,mapper:yfiles.collections.IMapper<K,V>);
+      constructor(keyType:yfiles.lang.Class,valueType:yfiles.lang.Class,mapper:yfiles.collections.IMapper<K,V>);
       /**
        * 
-       * @param {Object} dataHolder
-       * @param {Object} value
+       * @param dataHolder
+       * @param value
        */
       set(dataHolder:Object,value:Object):void;
       /**
        * 
-       * @param {Object} dataHolder
-       * @param {boolean} value
+       * @param dataHolder
+       * @param value
        */
       setBoolean(dataHolder:Object,value:boolean):void;
       /**
        * 
-       * @param {Object} dataHolder
-       * @param {number} value
+       * @param dataHolder
+       * @param value
        */
       setInt(dataHolder:Object,value:number):void;
       /**
        * 
-       * @param {Object} dataHolder
-       * @param {number} value
+       * @param dataHolder
+       * @param value
        */
       setNumber(dataHolder:Object,value:number):void;
       static $class:yfiles.lang.Class;
@@ -92427,7 +92137,7 @@ declare namespace system{
      * This class supports {@link yfiles.layout.LayoutData} implementations and does not usually have to be used explicitly.
      * </p>
      * Type parameter <code>T</code>: The type of the items in the collection.
-     * @class yfiles.layout.DpKeyItemCollection.<T>
+     * @class
      * @extends {yfiles.layout.ItemCollection.<T>}
      * @template T
      */
@@ -92452,7 +92162,7 @@ declare namespace system{
      * {@link yfiles.algorithms.Graph}. Unless that conversion needs to be customized, or aforementioned classes cannot be used, this
      * class usually doesn't need to be used explicitly.
      * </p>
-     * @class yfiles.layout.ExtendedEdgeLabelCandidate
+     * @class
      * @extends {yfiles.layout.EdgeLabelCandidate}
      */
     export interface ExtendedEdgeLabelCandidate extends yfiles.layout.EdgeLabelCandidate{}
@@ -92462,13 +92172,12 @@ declare namespace system{
        * <p>
        * Returns a new instance of ExtendedEdgeLabelCandidate.
        * </p>
-       * @param {yfiles.algorithms.YPoint} pos the location of the upper left corner of the candidate.
-       * @param {yfiles.algorithms.YDimension} size the size of the candidate.
-       * @param {Object} param the parameters of the labeling model associated with this candidate.
-       * @param {yfiles.layout.IEdgeLabelLayout} owner the label associated to the candidate.
-       * @param {boolean} internal flag whether the candidate is allowed to overlap the layout of the edge.
-       * @param {yfiles.graph.ILabelCandidateDescriptor} descriptor the label candidate descriptor.
-       * @constructor
+       * @param pos the location of the upper left corner of the candidate.
+       * @param size the size of the candidate.
+       * @param param the parameters of the labeling model associated with this candidate.
+       * @param owner the label associated to the candidate.
+       * @param internal flag whether the candidate is allowed to overlap the layout of the edge.
+       * @param descriptor the label candidate descriptor.
        */
       constructor(pos:yfiles.algorithms.YPoint,size:yfiles.algorithms.YDimension,param:Object,owner:yfiles.layout.IEdgeLabelLayout,internal:boolean,descriptor:yfiles.graph.ILabelCandidateDescriptor);
       /**
@@ -92476,12 +92185,11 @@ declare namespace system{
        * <p>
        * Returns a new instance of ExtendedEdgeLabelCandidate.
        * </p>
-       * @param {yfiles.algorithms.YOrientedRectangle} orientedBox the label size and orientation
-       * @param {Object} param the parameters of the labeling model associated with this candidate.
-       * @param {yfiles.layout.IEdgeLabelLayout} owner the label associated to the candidate.
-       * @param {boolean} internal flag whether the candidate is allowed to overlap the layout of the edge.
-       * @param {yfiles.graph.ILabelCandidateDescriptor} descriptor the label candidate descriptor.
-       * @constructor
+       * @param orientedBox the label size and orientation
+       * @param param the parameters of the labeling model associated with this candidate.
+       * @param owner the label associated to the candidate.
+       * @param internal flag whether the candidate is allowed to overlap the layout of the edge.
+       * @param descriptor the label candidate descriptor.
        */
       constructor(orientedBox:yfiles.algorithms.YOrientedRectangle,param:Object,owner:yfiles.layout.IEdgeLabelLayout,internal:boolean,descriptor:yfiles.graph.ILabelCandidateDescriptor);
       /**
@@ -92489,12 +92197,11 @@ declare namespace system{
        * <p>
        * Returns a new instance of ExtendedEdgeLabelCandidate.
        * </p>
-       * @param {yfiles.algorithms.YPoint} pos the location of the upper left corner of the candidate.
-       * @param {yfiles.algorithms.YDimension} size the size of the candidate.
-       * @param {Object} param the parameters of the labeling model associated with this candidate.
-       * @param {yfiles.layout.IEdgeLabelLayout} owner the label associated to the candidate.
-       * @param {yfiles.graph.ILabelCandidateDescriptor} descriptor the label candidate descriptor.
-       * @constructor
+       * @param pos the location of the upper left corner of the candidate.
+       * @param size the size of the candidate.
+       * @param param the parameters of the labeling model associated with this candidate.
+       * @param owner the label associated to the candidate.
+       * @param descriptor the label candidate descriptor.
        */
       constructor(pos:yfiles.algorithms.YPoint,size:yfiles.algorithms.YDimension,param:Object,owner:yfiles.layout.IEdgeLabelLayout,descriptor:yfiles.graph.ILabelCandidateDescriptor);
       /**
@@ -92513,7 +92220,7 @@ declare namespace system{
      * {@link yfiles.algorithms.Graph}. Unless that conversion needs to be customized, or aforementioned classes cannot be used, this
      * class usually doesn't need to be used explicitly.
      * </p>
-     * @class yfiles.layout.ExtendedLabelCandidateProfitModel
+     * @class
      * @implements {yfiles.layout.IProfitModel}
      */
     export interface ExtendedLabelCandidateProfitModel extends Object,yfiles.layout.IProfitModel{}
@@ -92524,8 +92231,8 @@ declare namespace system{
        * This implementation returns the profit for instances of {@link yfiles.layout.ExtendedNodeLabelCandidate} or 0.0 for other
        * {@link yfiles.layout.LabelCandidate}s.
        * </p>
-       * @param {yfiles.layout.LabelCandidate} candidate a label candidate
-       * @returns {number} a value between 0 and 1.
+       * @param candidate a label candidate
+       * @returns a value between 0 and 1.
        */
       getProfit(candidate:yfiles.layout.LabelCandidate):number;
       static $class:yfiles.lang.Class;
@@ -92538,7 +92245,7 @@ declare namespace system{
      * {@link yfiles.algorithms.Graph}. Unless that conversion needs to be customized, or aforementioned classes cannot be used, this
      * class usually doesn't need to be used explicitly.
      * </p>
-     * @class yfiles.layout.ExtendedNodeLabelCandidate
+     * @class
      * @extends {yfiles.layout.NodeLabelCandidate}
      */
     export interface ExtendedNodeLabelCandidate extends yfiles.layout.NodeLabelCandidate{}
@@ -92548,13 +92255,12 @@ declare namespace system{
        * <p>
        * Returns a new instance of NodeLabelCandidate.
        * </p>
-       * @param {yfiles.algorithms.YPoint} pos the location of the upper left corner of the candidate.
-       * @param {yfiles.algorithms.YDimension} size the size of the candidate.
-       * @param {Object} param the parameters of the labeling model associated with this candidate.
-       * @param {yfiles.layout.INodeLabelLayout} owner the label associated to the candidate.
-       * @param {boolean} internal flag whether the candidate is inside the node, or outside.
-       * @param {yfiles.graph.ILabelCandidateDescriptor} descriptor the label candidate descriptor.
-       * @constructor
+       * @param pos the location of the upper left corner of the candidate.
+       * @param size the size of the candidate.
+       * @param param the parameters of the labeling model associated with this candidate.
+       * @param owner the label associated to the candidate.
+       * @param internal flag whether the candidate is inside the node, or outside.
+       * @param descriptor the label candidate descriptor.
        */
       constructor(pos:yfiles.algorithms.YPoint,size:yfiles.algorithms.YDimension,param:Object,owner:yfiles.layout.INodeLabelLayout,internal:boolean,descriptor:yfiles.graph.ILabelCandidateDescriptor);
       /**
@@ -92562,12 +92268,11 @@ declare namespace system{
        * <p>
        * Returns a new instance of NodeLabelCandidate.
        * </p>
-       * @param {yfiles.algorithms.YOrientedRectangle} orientedBox the label size and orientation
-       * @param {Object} param the parameters of the labeling model associated with this candidate.
-       * @param {yfiles.layout.INodeLabelLayout} owner the label associated to the candidate.
-       * @param {boolean} internal flag whether the candidate is inside the node, or outside.
-       * @param {yfiles.graph.ILabelCandidateDescriptor} descriptor the label candidate descriptor.
-       * @constructor
+       * @param orientedBox the label size and orientation
+       * @param param the parameters of the labeling model associated with this candidate.
+       * @param owner the label associated to the candidate.
+       * @param internal flag whether the candidate is inside the node, or outside.
+       * @param descriptor the label candidate descriptor.
        */
       constructor(orientedBox:yfiles.algorithms.YOrientedRectangle,param:Object,owner:yfiles.layout.INodeLabelLayout,internal:boolean,descriptor:yfiles.graph.ILabelCandidateDescriptor);
       /**
@@ -92575,12 +92280,11 @@ declare namespace system{
        * <p>
        * Returns a new instance of ExtendedNodeLabelCandidate.
        * </p>
-       * @param {yfiles.algorithms.YPoint} pos the location of the upper left corner of the candidate.
-       * @param {yfiles.algorithms.YDimension} size the size of the candidate.
-       * @param {Object} param the parameters of the labeling model associated with this candidate.
-       * @param {yfiles.layout.INodeLabelLayout} owner the label associated to the candidate.
-       * @param {yfiles.graph.ILabelCandidateDescriptor} descriptor the label candidate descriptor.
-       * @constructor
+       * @param pos the location of the upper left corner of the candidate.
+       * @param size the size of the candidate.
+       * @param param the parameters of the labeling model associated with this candidate.
+       * @param owner the label associated to the candidate.
+       * @param descriptor the label candidate descriptor.
        */
       constructor(pos:yfiles.algorithms.YPoint,size:yfiles.algorithms.YDimension,param:Object,owner:yfiles.layout.INodeLabelLayout,descriptor:yfiles.graph.ILabelCandidateDescriptor);
       /**
@@ -92592,7 +92296,7 @@ declare namespace system{
     }
     /**
      * Specifies custom data for the {@link yfiles.layout.FixGroupLayoutStage}.
-     * @class yfiles.layout.FixGroupLayoutData
+     * @class
      * @extends {yfiles.layout.LayoutData}
      */
     export interface FixGroupLayoutData extends yfiles.layout.LayoutData{}
@@ -92620,7 +92324,7 @@ declare namespace system{
     }
     /**
      * Specifies custom data for the {@link yfiles.layout.FixNodeLayoutStage}.
-     * @class yfiles.layout.FixNodeLayoutData
+     * @class
      * @extends {yfiles.layout.LayoutData}
      */
     export interface FixNodeLayoutData extends yfiles.layout.LayoutData{}
@@ -92644,16 +92348,16 @@ declare namespace system{
      * This class supports {@link yfiles.layout.LayoutData} implementations and does not usually have to be used explicitly.
      * </p>
      * Type parameter <code>TItem</code>: The type of the items in the collection.
-     * @class yfiles.layout.ItemCollection.<TItem>
+     * @class
      * @template TItem
      */
     export interface ItemCollection<TItem> extends Object{}
     export class ItemCollection<TItem> {
       /**
        * Provides a mapper describing which elements are contained in this {@link yfiles.layout.ItemCollection.<T>}.
-       * @param {yfiles.layout.LayoutGraphAdapter} adapter The graph adapter the mapper shall be provided for.
-       * @param {yfiles.layout.ILayoutAlgorithm} layout The layout using the item collection.
-       * @returns {yfiles.collections.IMapper.<TItem,boolean>} 
+       * @param adapter The graph adapter the mapper shall be provided for.
+       * @param layout The layout using the item collection.
+       * @returns 
        */
       provideMapper(adapter:yfiles.layout.LayoutGraphAdapter,layout:yfiles.layout.ILayoutAlgorithm):yfiles.collections.IMapper<TItem,boolean>;
       /**
@@ -92697,34 +92401,49 @@ declare namespace system{
      * and {@link yfiles.layout.ItemMapping.<TItem,TValue>#constant} should be set on each instance.
      * </p>
      * <p>
-     * This class supports {@link yfiles.layout.LayoutData} implementations and does not usually have to be used explicitly.
+     * This class supports {@link yfiles.layout.LayoutData} implementations and does not usually have to be instantiated by client code
+     * explicitly. Instances of this class are properties of concrete {@link yfiles.layout.LayoutData} implementations.
      * </p>
      * Type parameter <code>TItem</code>: The type of the items that are mapped.
      * Type parameter <code>TValue</code>: The type of the values the items are mapped to.
-     * @class yfiles.layout.ItemMapping.<TItem,TValue>
+     * @class
      * @template TItem,TValue
      */
     export interface ItemMapping<TItem,TValue> extends Object{}
     export class ItemMapping<TItem,TValue> {
       /**
        * Provides a mapper mapping the items to values.
-       * @param {yfiles.layout.LayoutGraphAdapter} adapter The graph adapter the mapper shall be provided for.
-       * @param {yfiles.layout.ILayoutAlgorithm} layout The layout using the mapper.
-       * @returns {yfiles.collections.IMapper.<TItem,TValue>} A mapper mapping the items to values.
+       * <p>
+       * This implementation returns the {@link yfiles.layout.ItemMapping.<TItem,TValue>#mapper} if one has been set, otherwise it will create a mapper from the {@link yfiles.layout.ItemMapping.<TItem,TValue>#delegate} if one has been
+       * specified or uses a constant mapper if a {@link yfiles.layout.ItemMapping.<TItem,TValue>#constant} has been specified. If none have been specified, <code>null</code> is returned.
+       * </p>
+       * @param adapter The graph adapter the mapper shall be provided for.
+       * @param layout The layout using the mapper.
+       * @returns A mapper that maps items to values or <code>null</code>.
        */
       provideMapper(adapter:yfiles.layout.LayoutGraphAdapter,layout:yfiles.layout.ILayoutAlgorithm):yfiles.collections.IMapper<TItem,TValue>;
       /**
        * Gets or sets a delegate that implements the mapping.
+       * <p>
+       * This value will be ignored if either {@link yfiles.layout.ItemMapping.<TItem,TValue>#mapper} as also been set. It overrides values set to the {@link yfiles.layout.ItemMapping.<TItem,TValue>#constant} property.
+       * </p>
        * @type {function(TItem): TValue}
        */
       delegate:(key:TItem)=>TValue;
       /**
        * Gets or sets an {@link yfiles.collections.IMapper.<K,V>} that realizes the mapping.
+       * <p>
+       * Getting this property will automatically create an instance. Values set will override the effect of any values set to
+       * the {@link yfiles.layout.ItemMapping.<TItem,TValue>#constant} or {@link yfiles.layout.ItemMapping.<TItem,TValue>#delegate} properties.
+       * </p>
        * @type {yfiles.collections.IMapper.<TItem,TValue>}
        */
       mapper:yfiles.collections.IMapper<TItem,TValue>;
       /**
        * Gets or sets a constant value all items are mapped to.
+       * <p>
+       * This value will be ignored if either {@link yfiles.layout.ItemMapping.<TItem,TValue>#mapper} or {@link yfiles.layout.ItemMapping.<TItem,TValue>#delegate} have also been set.
+       * </p>
        * @type {TValue}
        */
       constant:TValue;
@@ -92738,17 +92457,23 @@ declare namespace system{
      * affect the complete layout are available on the specific layout class itself.
      * </p>
      * <p>
-     * The {@link yfiles.layout.LayoutExecutor} {@link yfiles.layout.LayoutData#apply applies} these configurations when {@link yfiles.layout.LayoutExecutor#start started}.
+     * The {@link yfiles.layout.LayoutExecutor} {@link yfiles.layout.LayoutData#apply applies} these configurations when {@link yfiles.layout.LayoutExecutor#start started}. So does
+     * {@link yfiles.layout.LayoutGraphAdapter#applyLayout}.
      * </p>
-     * @class yfiles.layout.LayoutData
+     * @see yfiles.layout.LayoutExecutor#layoutData
+     * @see yfiles.layout.LayoutGraphAdapter#applyLayout
+     * @class
      */
     export interface LayoutData extends Object{}
     export class LayoutData {
       /**
        * Applies this layout data to the specified <code>layoutGraphAdapter</code>.
-       * @param {yfiles.layout.LayoutGraphAdapter} layoutGraphAdapter The adapter to add the layout data to.
-       * @param {yfiles.layout.ILayoutAlgorithm} layout The layout that shall use this layout data.
-       * @param {yfiles.layout.CopiedLayoutGraph} layoutGraph The layout graph used for the layout calculation.
+       * <p>
+       * This method should be called before a layout is executed. It will configure the adapter and graph for to the layout.
+       * </p>
+       * @param layoutGraphAdapter The adapter to add the layout data to.
+       * @param layout The layout that shall use this layout data.
+       * @param layoutGraph The layout graph used for the layout calculation.
        * @abstract
        */
       apply(layoutGraphAdapter:yfiles.layout.LayoutGraphAdapter,layout:yfiles.layout.ILayoutAlgorithm,layoutGraph:yfiles.layout.CopiedLayoutGraph):void;
@@ -92764,16 +92489,15 @@ declare namespace system{
      * can be used instead.
      * </p>
      * @see yfiles.layout.LayoutGraphAdapter
-     * @class yfiles.layout.LayoutExecutor
+     * @class
      */
     export interface LayoutExecutor extends Object{}
     export class LayoutExecutor {
       /**
        * Initializes a new instance of the {@link yfiles.layout.LayoutExecutor} class.
-       * @param {yfiles.view.GraphComponent} graphComponent The control which will be animated and provides the {@link yfiles.graph.IGraph} instance.
-       * @param {yfiles.graph.IGraph} graph The graph to layout.
-       * @param {yfiles.layout.ILayoutAlgorithm} layout The {@link yfiles.layout.ILayoutAlgorithm} to use.
-       * @constructor
+       * @param graphComponent The control which will be animated and provides the {@link } instance.
+       * @param graph The graph to layout.
+       * @param layout The {@link } to use.
        */
       constructor(graphComponent:yfiles.view.GraphComponent,graph:yfiles.graph.IGraph,layout:yfiles.layout.ILayoutAlgorithm);
       /**
@@ -92782,9 +92506,8 @@ declare namespace system{
        * Use the {@link yfiles.layout.LayoutExecutor#start} method to actually execute the task. This will disable animation and content
        * rect updates.
        * </p>
-       * @param {yfiles.view.GraphComponent} graphComponent The control which will be animated and provides the {@link yfiles.graph.IGraph} instance.
-       * @param {yfiles.layout.ILayoutAlgorithm} layout The {@link yfiles.layout.ILayoutAlgorithm} to use.
-       * @constructor
+       * @param graphComponent The control which will be animated and provides the {@link } instance.
+       * @param layout The {@link } to use.
        */
       constructor(graphComponent:yfiles.view.GraphComponent,layout:yfiles.layout.ILayoutAlgorithm);
       /**
@@ -92792,14 +92515,14 @@ declare namespace system{
        * <p>
        * This method is called upon first access to the {@link yfiles.layout.LayoutExecutor#abortHandler} property.
        * </p>
-       * @returns {yfiles.algorithms.AbortHandler} A new {@link yfiles.algorithms.AbortHandler} instance to use during layout calculation.
+       * @returns A new {@link } instance to use during layout calculation.
        * @protected
        */
       createAbortHandler():yfiles.algorithms.AbortHandler;
       /**
        * Factory method that creates the {@link yfiles.view.IAnimation} that will be used by this instance after the layout has been
        * calculated.
-       * @returns {yfiles.view.IAnimation} The animation to use after the layout.
+       * @returns The animation to use after the layout.
        * @see yfiles.layout.LayoutExecutor#duration
        * @see yfiles.layout.LayoutExecutor#animateViewport
        * @see yfiles.layout.LayoutExecutor#createMorphAnimation
@@ -92809,14 +92532,14 @@ declare namespace system{
       createAnimation():yfiles.view.IAnimation;
       /**
        * Factory method that creates the animation for the {@link yfiles.graph.IGraph}.
-       * @returns {yfiles.view.IAnimation} The animation instance.
+       * @returns The animation instance.
        * @see yfiles.layout.LayoutExecutor#createAnimation
        * @protected
        */
       createMorphAnimation():yfiles.view.IAnimation;
       /**
        * Creates an animation that morphs the layout of all {@link yfiles.graph.ITable}s in the graph.
-       * @returns {yfiles.view.IAnimation} 
+       * @returns 
        * @see yfiles.view.TableAnimation
        * @see yfiles.layout.LayoutExecutor#configureTableLayout
        * @protected
@@ -92827,14 +92550,14 @@ declare namespace system{
        * <p>
        * This method is called upon first access to the {@link yfiles.layout.LayoutExecutor#tableLayoutConfigurator} property.
        * </p>
-       * @returns {yfiles.layout.TableLayoutConfigurator} A new instance of the {@link yfiles.layout.TableLayoutConfigurator} class.
+       * @returns A new instance of the {@link } class.
        * @protected
        */
       createTableLayoutConfigurator():yfiles.layout.TableLayoutConfigurator;
       /**
        * Factory method that creates the animation for the {@link yfiles.view.CanvasComponent#viewport}.
-       * @param {yfiles.geometry.Rect} targetBounds The target bounds of the animation.
-       * @returns {yfiles.view.IAnimation} The animation instance.
+       * @param targetBounds The target bounds of the animation.
+       * @returns The animation instance.
        * @see yfiles.layout.LayoutExecutor#createAnimation
        * @protected
        */
@@ -92851,7 +92574,7 @@ declare namespace system{
        * By default, the value is computed with {@link yfiles.layout.LayoutGraphUtilities#getBoundingBox} with labels and {@link yfiles.layout.LayoutExecutor#targetBoundsInsets} taken into
        * account.
        * </p>
-       * @returns {yfiles.geometry.Rect} The desired content rectangle and the bounds for a viewport animation.
+       * @returns The desired content rectangle and the bounds for a viewport animation.
        * @protected
        */
       getTargetBounds():yfiles.geometry.Rect;
@@ -92879,10 +92602,10 @@ declare namespace system{
        * performed.
        * </p>
        * <p>
-       * If this instance is already running, this method returns immedetaly without doing anything, return the previous
+       * If this instance is already running, this method returns immedetaly without doing anything and returns the previous
        * Promise.
        * </p>
-       * @returns {Promise.<Object>} A Promise that will be fulfilled once the layout and optional animation is done.
+       * @returns A Promise that will be fulfilled once the layout and optional animation is done.
        * @see yfiles.layout.LayoutExecutor#execute
        */
       start():Promise<Object>;
@@ -92897,11 +92620,12 @@ declare namespace system{
        * To just skip the animation but let the calculation finish normally, the {@link yfiles.layout.LayoutExecutor#duration} can be set to zero at any time before the
        * animation was started.
        * </p>
-       * @returns {Promise.<Object>} 
+       * @returns 
        */
       stop():Promise<Object>;
       /**
-       * Gets the {@link yfiles.algorithms.AbortHandler} that is used during the layout calculation.
+       * Gets the {@link yfiles.algorithms.AbortHandler} that is used during the layout calculation, unless another {@link yfiles.algorithms.AbortHandler}
+       * has been configured via {@link yfiles.layout.LayoutExecutor#layoutData} or by registering an {@link yfiles.collections.IMapper.<K,V>} in the graph's {@link yfiles.graph.IGraph#mapperRegistry}.
        * @see yfiles.layout.LayoutExecutor#createAbortHandler
        * @type {yfiles.algorithms.AbortHandler}
        */
@@ -93084,17 +92808,16 @@ declare namespace system{
      * </p>
      * @see yfiles.layout.CopiedLayoutGraph
      * @see yfiles.layout.ILayoutAlgorithm
-     * @class yfiles.layout.LayoutGraphAdapter
+     * @class
      */
     export interface LayoutGraphAdapter extends Object{}
     export class LayoutGraphAdapter {
       /**
        * Creates the adapter using a given {@link yfiles.graph.IGraph} and {@link yfiles.view.ISelectionModel.<T>}.
-       * @param {yfiles.graph.IGraph} graph The graph to build an adapter for.
-       * @param {yfiles.view.ISelectionModel.<yfiles.graph.IModelItem>} [selectionModel=null] The optional selection model to use by the {@link yfiles.layout.LayoutKeys#AFFECTED_NODES_DP_KEY} and {@link yfiles.layout.LayoutKeys#AFFECTED_EDGES_DP_KEY}
-       * {@link yfiles.algorithms.IDataProvider} instances that are automatically bound to this adapter.
+       * @param graph The graph to build an adapter for.
+       * @param [selectionModel=null] The optional selection model to use by the {@link #AFFECTED_NODES_DP_KEY} and {@link #AFFECTED_EDGES_DP_KEY}
+       * {@link } instances that are automatically bound to this adapter.
        * @throws {Stubs.Exceptions.ArgumentError} <code>graph</code> is null.
-       * @constructor
        */
       constructor(graph:yfiles.graph.IGraph,selectionModel?:yfiles.view.ISelectionModel<yfiles.graph.IModelItem>);
       /**
@@ -93102,7 +92825,6 @@ declare namespace system{
        * <p>
        * Before this instance can be used for automatic layouts, you mus assign a value to the {@link yfiles.layout.LayoutGraphAdapter#adaptedGraph} property.
        * </p>
-       * @constructor
        */
       constructor();
       /**
@@ -93112,54 +92834,55 @@ declare namespace system{
        * </p>
        * Type parameter <code>K</code>: The type of the key to use.
        * Type parameter <code>V</code>: The type of the value to use.
-       * @param {yfiles.lang.Class} valueType The type of the value to use.
-       * @param {yfiles.lang.Class} keyType The type of the key to use.
-       * @param {Object} dataKey The look-up key to register the data provider with.
-       * @param {yfiles.collections.IMapper.<K,V>} mapper The mapper wrapped as data provider.
-       * @returns {yfiles.algorithms.IDataProvider} 
+       * @param valueType The type of the value to use.
+       * @param keyType The type of the key to use.
+       * @param dataKey The look-up key to register the data provider with.
+       * @param mapper The mapper wrapped as data provider.
+       * @returns 
        * @template K,V
        */
       addDataProvider<K,V>(keyType:yfiles.lang.Class,valueType:yfiles.lang.Class,dataKey:Object,mapper:yfiles.collections.IMapper<K,V>):yfiles.algorithms.IDataProvider;
       /**
-       * Convenience method that applies a {@link yfiles.layout.ILayoutAlgorithm layout algorithm} to an {@link yfiles.graph.IGraph}.
-       * @param {yfiles.layout.ILayoutAlgorithm} layout The layout algorithm to apply.
-       * @param {yfiles.layout.LayoutData} [layoutData=null] The layout data.
+       * Convenience method that applies a {@link yfiles.layout.ILayoutAlgorithm layout algorithm} to an {@link yfiles.graph.IGraph}, optionally applying some
+       * {@link yfiles.layout.LayoutData}.
+       * @param layout The layout algorithm to apply.
+       * @param [layoutData=null] The layout data.
        */
       applyLayout(layout:yfiles.layout.ILayoutAlgorithm,layoutData?:yfiles.layout.LayoutData):void;
       /**
        * Static convenience method that applies a {@link yfiles.layout.ILayoutAlgorithm layout algorithm} to an {@link yfiles.graph.IGraph}.
-       * @param {yfiles.layout.ILayoutAlgorithm} layout The layout algorithm to apply.
-       * @param {yfiles.graph.IGraph} graph The graph to compute the layout on.
-       * @param {yfiles.layout.LayoutData} [layoutData=null] The layout data.
+       * @param layout The layout algorithm to apply.
+       * @param graph The graph to compute the layout on.
+       * @param [layoutData=null] The layout data.
        * @static
        */
       static applyLayout(graph:yfiles.graph.IGraph,layout:yfiles.layout.ILayoutAlgorithm,layoutData?:yfiles.layout.LayoutData):void;
       /**
        * Creates a {@link yfiles.layout.CopiedLayoutGraph} for this instance.
-       * @returns {yfiles.layout.CopiedLayoutGraph} An instance whose {@link yfiles.layout.CopiedLayoutGraph#commitLayoutToOriginalGraph} will update this instance.
+       * @returns An instance whose {@link #commitLayoutToOriginalGraph} will update this instance.
        */
       createCopiedLayoutGraph():yfiles.layout.CopiedLayoutGraph;
       /**
        * Creates the {@link yfiles.layout.EdgeLabelCandidate} for a given label and {@link yfiles.graph.ILabelModelParameter} combination.
-       * @param {yfiles.graph.ILabel} originalLabel The original label.
-       * @param {yfiles.graph.ILabel} dummyLabel The dummy label that describes the current laid out label.
-       * @param {yfiles.graph.ILabelModelParameter} layoutParameter The parameter to create a candidate for.
-       * @param {yfiles.layout.IEdgeLabelLayout} labelLayout The {@link yfiles.layout.IEdgeLabelLayout} of the label to pass to the candidate.
-       * @returns {yfiles.layout.EdgeLabelCandidate} A candidate to yield for the labeling algorithms or <code>null</code>.
+       * @param originalLabel The original label.
+       * @param dummyLabel The dummy label that describes the current laid out label.
+       * @param layoutParameter The parameter to create a candidate for.
+       * @param labelLayout The {@link } of the label to pass to the candidate.
+       * @returns A candidate to yield for the labeling algorithms or <code>null</code>.
        */
       createEdgeLabelCandidate(originalLabel:yfiles.graph.ILabel,dummyLabel:yfiles.graph.ILabel,layoutParameter:yfiles.graph.ILabelModelParameter,labelLayout:yfiles.layout.IEdgeLabelLayout):yfiles.layout.EdgeLabelCandidate;
       /**
        * Factory method that creates an {@link yfiles.layout.IEdgeLayout} implementation that wraps the given {@link yfiles.graph.IEdge}
-       * @param {yfiles.graph.IEdge} edge The edge to wrap.
-       * @returns {yfiles.layout.IEdgeLayout} A wrapper instance.
+       * @param edge The edge to wrap.
+       * @returns A wrapper instance.
        * @protected
        */
       createEdgeLayout(edge:yfiles.graph.IEdge):yfiles.layout.IEdgeLayout;
       /**
        * Callback factory method that creates the {@link yfiles.layout.INodeLayout} for the given {@link yfiles.graph.IPort} that is used as a
        * dummy to represent the port at the {@link yfiles.graph.IEdge} that owns <code>port</code>.
-       * @param {yfiles.graph.IPort} port The port to create the layout for.
-       * @returns {yfiles.layout.INodeLayout} A suitable implementation of {@link yfiles.layout.INodeLayout} that uses the {@link yfiles.graph.IPort#location port's location} as the center of the node.
+       * @param port The port to create the layout for.
+       * @returns A suitable implementation of {@link } that uses the {@link #location port's location} as the center of the node.
        * @see yfiles.layout.LayoutGraphAdapter#edgePortNodeSize
        * @see yfiles.layout.LayoutGraphAdapter#hideEdgesAtEdges
        * @protected
@@ -93167,49 +92890,49 @@ declare namespace system{
       createEdgePortLayout(port:yfiles.graph.IPort):yfiles.layout.INodeLayout;
       /**
        * Creates a {@link yfiles.layout.NodeLabelCandidate} for a given label and {@link yfiles.graph.ILabelModelParameter} combination.
-       * @param {yfiles.graph.ILabel} originalLabel The original label.
-       * @param {yfiles.graph.ILabel} dummyLabel The dummy label that describes the current laid out label.
-       * @param {yfiles.graph.ILabelModelParameter} layoutParameter The parameter to create a candidate for.
-       * @param {yfiles.layout.INodeLabelLayout} ownerLayout The {@link yfiles.layout.INodeLabelLayout} of the label to pass to the candidate.
-       * @returns {yfiles.layout.NodeLabelCandidate} A candidate to yield for the labeling algorithms or <code>null</code>.
+       * @param originalLabel The original label.
+       * @param dummyLabel The dummy label that describes the current laid out label.
+       * @param layoutParameter The parameter to create a candidate for.
+       * @param ownerLayout The {@link } of the label to pass to the candidate.
+       * @returns A candidate to yield for the labeling algorithms or <code>null</code>.
        */
       createNodeLabelCandidate(originalLabel:yfiles.graph.ILabel,dummyLabel:yfiles.graph.ILabel,layoutParameter:yfiles.graph.ILabelModelParameter,ownerLayout:yfiles.layout.INodeLabelLayout):yfiles.layout.NodeLabelCandidate;
       /**
        * Factory method that creates a {@link yfiles.layout.INodeLayout} implementation that wraps the given {@link yfiles.graph.INode}
-       * @param {yfiles.graph.INode} node The node to wrap.
-       * @returns {yfiles.layout.INodeLayout} A wrapper instance.
+       * @param node The node to wrap.
+       * @returns A wrapper instance.
        * @protected
        */
       createNodeLayout(node:yfiles.graph.INode):yfiles.layout.INodeLayout;
       /**
        * 
-       * @returns {yfiles.collections.IEnumerable.<Object>} 
+       * @returns 
        */
       edgeObjects():yfiles.collections.IEnumerable<Object>;
       /**
        * 
-       * @param {Object} dataKey
-       * @returns {yfiles.algorithms.IDataProvider} 
+       * @param dataKey
+       * @returns 
        */
       getDataProvider(dataKey:Object):yfiles.algorithms.IDataProvider;
       /**
        * 
-       * @param {Object} edge
-       * @returns {Array.<yfiles.layout.IEdgeLabelLayout>} 
+       * @param edge
+       * @returns 
        */
       getEdgeLabelLayout(edge:Object):yfiles.layout.IEdgeLabelLayout[];
       /**
        * 
-       * @param {Object} edge
-       * @returns {yfiles.layout.IEdgeLayout} 
+       * @param edge
+       * @returns 
        */
       getEdgeLayout(edge:Object):yfiles.layout.IEdgeLayout;
       /**
        * Callback that retrieves the label candidate descriptor for the given label and parameter.
-       * @param {yfiles.graph.ILabel} originalLabel The original label to which a parameter will be applied.
-       * @param {yfiles.graph.ILabel} dummyLabel The dummy label to which the parameter will be applied.
-       * @param {yfiles.graph.ILabelModelParameter} layoutParameter The parameter to apply.
-       * @returns {yfiles.graph.ILabelCandidateDescriptor} A descriptor or <code>null</code>.
+       * @param originalLabel The original label to which a parameter will be applied.
+       * @param dummyLabel The dummy label to which the parameter will be applied.
+       * @param layoutParameter The parameter to apply.
+       * @returns A descriptor or <code>null</code>.
        * @see yfiles.layout.LayoutGraphAdapter#createNodeLabelCandidate
        * @see yfiles.layout.LayoutGraphAdapter#createEdgeLabelCandidate
        * @see yfiles.layout.LayoutGraphAdapter#getLabelCandidateDescriptorProvider
@@ -93222,38 +92945,38 @@ declare namespace system{
        * This implementation uses the {@link yfiles.graph.IGraph}'s {@link yfiles.graph.ILookup} to find an implementation of the
        * {@link yfiles.graph.ILabelCandidateDescriptorProvider}.
        * </p>
-       * @param {yfiles.graph.IGraph} graph The graph.
-       * @returns {yfiles.graph.ILabelCandidateDescriptorProvider} The result of a {@link yfiles.graph.ILookup#lookup} query on <code>graph</code> for the {@link yfiles.graph.ILabelCandidateDescriptorProvider} type.
+       * @param graph The graph.
+       * @returns The result of a {@link #lookup} query on <code>graph</code> for the {@link } type.
        * @protected
        */
       getLabelCandidateDescriptorProvider(graph:yfiles.graph.IGraph):yfiles.graph.ILabelCandidateDescriptorProvider;
       /**
        * 
-       * @param {Object} node
-       * @returns {Array.<yfiles.layout.INodeLabelLayout>} 
+       * @param node
+       * @returns 
        */
       getNodeLabelLayout(node:Object):yfiles.layout.INodeLabelLayout[];
       /**
        * 
-       * @param {Object} o
-       * @returns {yfiles.layout.INodeLayout} 
+       * @param o
+       * @returns 
        */
       getNodeLayout(o:Object):yfiles.layout.INodeLayout;
       /**
        * 
-       * @param {Object} edgeObject
-       * @returns {Object} 
+       * @param edgeObject
+       * @returns 
        */
       getSource(edgeObject:Object):Object;
       /**
        * 
-       * @param {Object} edgeObject
-       * @returns {Object} 
+       * @param edgeObject
+       * @returns 
        */
       getTarget(edgeObject:Object):Object;
       /**
        * 
-       * @returns {yfiles.collections.IEnumerable.<Object>} 
+       * @returns 
        */
       nodeObjects():yfiles.collections.IEnumerable<Object>;
       /**
@@ -93262,8 +92985,8 @@ declare namespace system{
        * This method is called only for ports which are owned by edges. These are represented by dummy nodes during the layout,
        * and <code>newLocation</code> is the position of the dummy node after the layout.
        * </p>
-       * @param {yfiles.graph.IPort} port The edge port that should be placed.
-       * @param {yfiles.geometry.Point} newLocation The new location of the port as calculated by the layout algorithm.
+       * @param port The edge port that should be placed.
+       * @param newLocation The new location of the port as calculated by the layout algorithm.
        * @protected
        */
       setEdgePortLocation(port:yfiles.graph.IPort,newLocation:yfiles.geometry.Point):void;
@@ -93273,8 +92996,8 @@ declare namespace system{
        * The default implementation calls {@link yfiles.graph.IGraph#setRelativePortLocation} with
        * <code>newRelativeLocation</code>. Depending on the port location model, the actual resulting port location may be different.
        * </p>
-       * @param {yfiles.graph.IPort} port The port that should be placed.
-       * @param {yfiles.geometry.Point} newRelativeLocation The new coordinate offsets relative to the center of the node's {@link yfiles.graph.INode#layout}'s center.
+       * @param port The port that should be placed.
+       * @param newRelativeLocation The new coordinate offsets relative to the center of the node's {@link #layout}'s center.
        * @protected
        */
       setRelativePortLocation(port:yfiles.graph.IPort,newRelativeLocation:yfiles.geometry.Point):void;
@@ -93488,14 +93211,14 @@ declare namespace system{
     /**
      * Specifies a {@link yfiles.layout.PartitionGrid} for a layout.
      * <p>
-     * The {@link yfiles.layout.PartitionCellId} mapping has to be specified by either setting the {@link yfiles.layout.PartitionGridData#cellIds} property, or both the {@link yfiles.layout.PartitionGridData#rowIndices} and {@link yfiles.layout.PartitionGridData#columnIndices}
-     * properties. When {@link yfiles.layout.PartitionGridData#cellIds} is set, the {@link yfiles.layout.PartitionGridData#grid} property is expected to be set as well. Otherwise the size of the grid may be induced by
-     * the maximum row and column indices returned by {@link yfiles.layout.PartitionGridData#rowIndices} and {@link yfiles.layout.PartitionGridData#columnIndices}.
+     * The {@link yfiles.layout.PartitionCellId} mapping has to be specified by either setting the {@link yfiles.layout.PartitionGridData#cellIds} property, or either or both of the
+     * {@link yfiles.layout.PartitionGridData#rowIndices} and {@link yfiles.layout.PartitionGridData#columnIndices} properties. When {@link yfiles.layout.PartitionGridData#cellIds} is set, the {@link yfiles.layout.PartitionGridData#grid} property must be set as well. Otherwise the size of the grid may be induced by the
+     * maximum row and column indices returned by {@link yfiles.layout.PartitionGridData#rowIndices} and {@link yfiles.layout.PartitionGridData#columnIndices}.
      * </p>
      * <p>
      * Note that cell spanning is only supported using the {@link yfiles.layout.PartitionGridData#cellIds}.
      * </p>
-     * @class yfiles.layout.PartitionGridData
+     * @class
      * @extends {yfiles.layout.LayoutData}
      */
     export interface PartitionGridData extends yfiles.layout.LayoutData{}
@@ -93526,7 +93249,7 @@ declare namespace system{
     }
     /**
      * Specifies custom data for the {@link yfiles.layout.PartitionLayout}.
-     * @class yfiles.layout.PartitionLayoutData
+     * @class
      * @extends {yfiles.layout.LayoutData}
      */
     export interface PartitionLayoutData extends yfiles.layout.LayoutData{}
@@ -93560,7 +93283,7 @@ declare namespace system{
     }
     /**
      * Specifies custom data for the {@link yfiles.layout.RecursiveGroupLayout}.
-     * @class yfiles.layout.RecursiveGroupLayoutData
+     * @class
      * @extends {yfiles.layout.LayoutData}
      */
     export interface RecursiveGroupLayoutData extends yfiles.layout.LayoutData{}
@@ -93638,7 +93361,7 @@ declare namespace system{
     }
     /**
      * Specifies custom data for the {@link yfiles.layout.ReverseEdgesStage}.
-     * @class yfiles.layout.ReverseEdgesStageData
+     * @class
      * @extends {yfiles.layout.LayoutData}
      */
     export interface ReverseEdgesStageData extends yfiles.layout.LayoutData{}
@@ -93687,7 +93410,7 @@ declare namespace system{
      * This class supports {@link yfiles.layout.LayoutData} implementations and does not usually have to be used explicitly.
      * </p>
      * Type parameter <code>V</code>: The type of the items in the collection.
-     * @class yfiles.layout.SingleItemCollection.<V>
+     * @class
      * @extends {yfiles.layout.ItemCollection.<V>}
      * @template V
      */
@@ -93709,14 +93432,14 @@ declare namespace system{
      * a partition grid before the layout is calculated and {@link yfiles.layout.TableLayoutConfigurator#restore} the graph
      * afterwards.
      * </p>
-     * @class yfiles.layout.TableLayoutConfigurator
+     * @class
      */
     export interface TableLayoutConfigurator extends Object{}
     export class TableLayoutConfigurator {
       /**
        * Destroy all information that results from a previous {@link yfiles.layout.TableLayoutConfigurator#prepare} and a subsequent
        * layout
-       * @param {yfiles.graph.IGraph} graph
+       * @param graph
        */
       cleanUp(graph:yfiles.graph.IGraph):void;
       /**
@@ -93725,9 +93448,9 @@ declare namespace system{
        * This method does not modify <code>originalTable</code>. You also need to call {@link yfiles.layout.TableLayoutConfigurator#cleanUp}
        * explicitly if you don't need the {@link yfiles.layout.TableLayoutConfigurator} anymore.
        * </p>
-       * @param {yfiles.graph.ITable} originalTable The table
-       * @param {yfiles.geometry.Rect} nodeLayout The final layout of the node that owns the table
-       * @returns {Array.<number>} The sizes of all <b>leaf</b> rows in <code>originalTable</code>, in their natural order.
+       * @param originalTable The table
+       * @param nodeLayout The final layout of the node that owns the table
+       * @returns The sizes of all <b>leaf</b> rows in <code>originalTable</code>, in their natural order.
        */
       getColumnLayout(originalTable:yfiles.graph.ITable,nodeLayout:yfiles.geometry.Rect):number[];
       /**
@@ -93736,19 +93459,19 @@ declare namespace system{
        * This method does not modify <code>originalTable</code>. You also need to call {@link yfiles.layout.TableLayoutConfigurator#cleanUp}
        * explicitly if you don't need the {@link yfiles.layout.TableLayoutConfigurator} anymore.
        * </p>
-       * @param {yfiles.graph.ITable} originalTable The table
-       * @param {yfiles.geometry.Rect} nodeLayout The final layout of the node that owns the table
-       * @returns {Array.<number>} The sizes of all <b>leaf</b> rows in <code>originalTable</code>, in their natural order.
+       * @param originalTable The table
+       * @param nodeLayout The final layout of the node that owns the table
+       * @returns The sizes of all <b>leaf</b> rows in <code>originalTable</code>, in their natural order.
        */
       getRowLayout(originalTable:yfiles.graph.ITable,nodeLayout:yfiles.geometry.Rect):number[];
       /**
        * Setup partition grid information from a graph that contains table structures
-       * @param {yfiles.graph.IGraph} graph
+       * @param graph
        */
       prepare(graph:yfiles.graph.IGraph):void;
       /**
        * Write back all information from the partition grid
-       * @param {yfiles.graph.IGraph} graph
+       * @param graph
        */
       restore(graph:yfiles.graph.IGraph):void;
       /**
@@ -93818,7 +93541,7 @@ declare namespace system{
      * @see yfiles.algorithms.SpanningTrees
      * @see yfiles.algorithms.Transitivity
      * @see yfiles.algorithms.Trees
-     * @class yfiles.layout.YGraphAdapter
+     * @class
      */
     export interface YGraphAdapter extends Object{}
     export class YGraphAdapter {
@@ -93827,8 +93550,7 @@ declare namespace system{
        * <p>
        * This will create a copy of the <code>originalGraph</code> that has the same structure and makes it available via the {@link yfiles.layout.YGraphAdapter#yGraph} property.
        * </p>
-       * @param {yfiles.graph.IGraph} originalGraph The original graph whose structure will be copied.
-       * @constructor
+       * @param originalGraph The original graph whose structure will be copied.
        */
       constructor(originalGraph:yfiles.graph.IGraph);
       /**
@@ -93839,10 +93561,10 @@ declare namespace system{
        * </p>
        * Type parameter <code>K</code>: The type of the keys in the mapper.
        * Type parameter <code>V</code>: The type of the values in the mapper.
-       * @param {yfiles.lang.Class} valueType The type of the values in the mapper.
-       * @param {yfiles.lang.Class} keyType The type of the keys in the mapper.
-       * @param {yfiles.collections.IMapper.<K,V>} mapper The mapper to direct requests to.
-       * @returns {yfiles.algorithms.IDataMap} An {@link yfiles.algorithms.IDataMap} that will delegate the functionality to the <code>mapper</code>.
+       * @param valueType The type of the values in the mapper.
+       * @param keyType The type of the keys in the mapper.
+       * @param mapper The mapper to direct requests to.
+       * @returns An {@link } that will delegate the functionality to the <code>mapper</code>.
        * @see yfiles.layout.YGraphAdapter#createDataProvider
        * @template K,V
        */
@@ -93855,10 +93577,10 @@ declare namespace system{
        * </p>
        * Type parameter <code>K</code>: The type of the keys in the mapper.
        * Type parameter <code>V</code>: The type of the values in the mapper.
-       * @param {yfiles.lang.Class} valueType The type of the values in the mapper.
-       * @param {yfiles.lang.Class} keyType The type of the keys in the mapper.
-       * @param {function(K): V} getter The mapper delegate to direct requests to.
-       * @returns {yfiles.algorithms.IDataProvider} A DataProvider that will delegate requests to the <code>getter</code>.
+       * @param valueType The type of the values in the mapper.
+       * @param keyType The type of the keys in the mapper.
+       * @param getter The mapper delegate to direct requests to.
+       * @returns A DataProvider that will delegate requests to the <code>getter</code>.
        * @template K,V
        */
       createDataProvider<K,V>(keyType:yfiles.lang.Class,valueType:yfiles.lang.Class,getter:(key:K)=>V):yfiles.algorithms.IDataProvider;
@@ -93870,10 +93592,10 @@ declare namespace system{
        * </p>
        * Type parameter <code>K</code>: The type of the keys in the mapper.
        * Type parameter <code>V</code>: The type of the values in the mapper.
-       * @param {yfiles.lang.Class} valueType The type of the values in the mapper.
-       * @param {yfiles.lang.Class} keyType The type of the keys in the mapper.
-       * @param {yfiles.collections.IMapper.<K,V>} mapper The mapper to direct requests to.
-       * @returns {yfiles.algorithms.IDataProvider} A DataProvider that will delegate requests to the <code>mapper</code>.
+       * @param valueType The type of the values in the mapper.
+       * @param keyType The type of the keys in the mapper.
+       * @param mapper The mapper to direct requests to.
+       * @returns A DataProvider that will delegate requests to the <code>mapper</code>.
        * @template K,V
        */
       createDataProvider<K,V>(keyType:yfiles.lang.Class,valueType:yfiles.lang.Class,mapper:yfiles.collections.IMapper<K,V>):yfiles.algorithms.IDataProvider;
@@ -93883,8 +93605,8 @@ declare namespace system{
        * This method is useful where algorithms yield {@link yfiles.algorithms.EdgeList} instances as results and the result needs to be
        * interpreted in terms of the {@link yfiles.layout.YGraphAdapter#originalGraph}.
        * </p>
-       * @param {yfiles.algorithms.EdgeList} edges The edge list.
-       * @returns {yfiles.collections.IListEnumerable.<yfiles.graph.IEdge>} An enumerable that contains the {@link yfiles.layout.YGraphAdapter#getOriginalEdge original} edges for the ones in the list.
+       * @param edges The edge list.
+       * @returns An enumerable that contains the {@link #getOriginalEdge original} edges for the ones in the list.
        */
       createEdgeEnumerable(edges:yfiles.algorithms.EdgeList):yfiles.collections.IListEnumerable<yfiles.graph.IEdge>;
       /**
@@ -93893,8 +93615,8 @@ declare namespace system{
        * This method is useful where algorithms require {@link yfiles.algorithms.EdgeList} instances as input and those edges are
        * available as {@link yfiles.collections.IEnumerable.<T>}s in the {@link yfiles.layout.YGraphAdapter#originalGraph}.
        * </p>
-       * @param {yfiles.collections.IEnumerable.<yfiles.graph.IEdge>} edges The edges from the {@link yfiles.layout.YGraphAdapter#originalGraph}.
-       * @returns {yfiles.algorithms.EdgeList} An {@link yfiles.algorithms.EdgeList} that contains the {@link yfiles.layout.YGraphAdapter#getCopiedEdge copied} edges for the ones in the enumerable.
+       * @param edges The edges from the {@link #originalGraph}.
+       * @returns An {@link } that contains the {@link #getCopiedEdge copied} edges for the ones in the enumerable.
        */
       createEdgeList(edges:yfiles.collections.IEnumerable<yfiles.graph.IEdge>):yfiles.algorithms.EdgeList;
       /**
@@ -93905,8 +93627,8 @@ declare namespace system{
        * corresponding dynamic callback that provides the values for the {@link yfiles.layout.YGraphAdapter#getOriginalEdge original edges}.
        * </p>
        * Type parameter <code>V</code>: The type of the values in the mapper.
-       * @param {function(yfiles.graph.IEdge): V} getter The mapper delegate to direct read requests to.
-       * @returns {yfiles.algorithms.IEdgeMap} An {@link yfiles.algorithms.INodeMap} that will delegate reads to the <code>getter</code>.
+       * @param getter The mapper delegate to direct read requests to.
+       * @returns An {@link } that will delegate reads to the <code>getter</code>.
        * @template V
        */
       createEdgeMap<V>(getter:(key:yfiles.graph.IEdge)=>V):yfiles.algorithms.IEdgeMap;
@@ -93917,8 +93639,8 @@ declare namespace system{
        * corresponding {@link yfiles.collections.IMapper.<K,V>} instances that provide and accept the values for the {@link yfiles.layout.YGraphAdapter#getOriginalEdge original edges}.
        * </p>
        * Type parameter <code>V</code>: The type of the values in the mapper.
-       * @param {yfiles.collections.IMapper.<yfiles.graph.IEdge,V>} mapper The mapper to direct requests to.
-       * @returns {yfiles.algorithms.IEdgeMap} An {@link yfiles.algorithms.IEdgeMap} that will delegate reads and writes to the <code>mapper</code>.
+       * @param mapper The mapper to direct requests to.
+       * @returns An {@link } that will delegate reads and writes to the <code>mapper</code>.
        * @template V
        */
       createEdgeMap<V>(mapper:yfiles.collections.IMapper<yfiles.graph.IEdge,V>):yfiles.algorithms.IEdgeMap;
@@ -93930,8 +93652,8 @@ declare namespace system{
        * instances that use the {@link yfiles.layout.YGraphAdapter#getOriginalNode original nodes}.
        * </p>
        * Type parameter <code>T</code>: The type of the values in the mapper.
-       * @param {yfiles.algorithms.INodeMap} nodeMap The map to direct requests to.
-       * @returns {yfiles.collections.IMapper.<yfiles.graph.INode,T>} A mapper that will delegate requests to the <code>nodeMap</code>.
+       * @param nodeMap The map to direct requests to.
+       * @returns A mapper that will delegate requests to the <code>nodeMap</code>.
        * @template T
        */
       createEdgeMapper<T>(nodeMap:yfiles.algorithms.INodeMap):yfiles.collections.IMapper<yfiles.graph.INode,T>;
@@ -93943,8 +93665,8 @@ declare namespace system{
        * {@link yfiles.collections.IMapper.<K,V>} instances that use the {@link yfiles.layout.YGraphAdapter#getOriginalEdge original edges} and the {@link yfiles.layout.YGraphAdapter#getOriginalNode original nodes}.
        * </p>
        * Type parameter <code>T</code>: The type of the values in the mapper.
-       * @param {yfiles.algorithms.IDataProvider} dataProvider The provider to direct requests to.
-       * @returns {yfiles.collections.IMapper.<yfiles.graph.IModelItem,T>} A mapper that will delegate requests to the <code>dataProvider</code>.
+       * @param dataProvider The provider to direct requests to.
+       * @returns A mapper that will delegate requests to the <code>dataProvider</code>.
        * @template T
        */
       createMapper<T>(dataProvider:yfiles.algorithms.IDataProvider):yfiles.collections.IMapper<yfiles.graph.IModelItem,T>;
@@ -93954,8 +93676,8 @@ declare namespace system{
        * This method is useful where algorithms yield {@link yfiles.algorithms.NodeList} instances as results and the result needs to be
        * interpreted in terms of the {@link yfiles.layout.YGraphAdapter#originalGraph}.
        * </p>
-       * @param {yfiles.algorithms.NodeList} nodes The node list.
-       * @returns {yfiles.collections.IListEnumerable.<yfiles.graph.INode>} An enumerable that contains the {@link yfiles.layout.YGraphAdapter#getOriginalNode original} nodes for the ones in the list.
+       * @param nodes The node list.
+       * @returns An enumerable that contains the {@link #getOriginalNode original} nodes for the ones in the list.
        */
       createNodeEnumerable(nodes:yfiles.algorithms.NodeList):yfiles.collections.IListEnumerable<yfiles.graph.INode>;
       /**
@@ -93964,8 +93686,8 @@ declare namespace system{
        * This method is useful where algorithms require {@link yfiles.algorithms.NodeList} instances as input and those nodes are
        * available as {@link yfiles.collections.IEnumerable.<T>}s in the {@link yfiles.layout.YGraphAdapter#originalGraph}.
        * </p>
-       * @param {yfiles.collections.IEnumerable.<yfiles.graph.INode>} nodes The nodes from the {@link yfiles.layout.YGraphAdapter#originalGraph}.
-       * @returns {yfiles.algorithms.NodeList} A {@link yfiles.algorithms.NodeList} that contains the {@link yfiles.layout.YGraphAdapter#getCopiedNode copied} nodes for the ones in the enumerable.
+       * @param nodes The nodes from the {@link #originalGraph}.
+       * @returns A {@link } that contains the {@link #getCopiedNode copied} nodes for the ones in the enumerable.
        */
       createNodeList(nodes:yfiles.collections.IEnumerable<yfiles.graph.INode>):yfiles.algorithms.NodeList;
       /**
@@ -93976,8 +93698,8 @@ declare namespace system{
        * corresponding dynamic callback that provides the values for the {@link yfiles.layout.YGraphAdapter#getOriginalNode original nodes}.
        * </p>
        * Type parameter <code>V</code>: The type of the values in the mapper.
-       * @param {function(yfiles.graph.INode): V} getter The mapper delegate to direct read requests to.
-       * @returns {yfiles.algorithms.INodeMap} An {@link yfiles.algorithms.INodeMap} that will delegate reads to the <code>getter</code>.
+       * @param getter The mapper delegate to direct read requests to.
+       * @returns An {@link } that will delegate reads to the <code>getter</code>.
        * @template V
        */
       createNodeMap<V>(getter:(key:yfiles.graph.INode)=>V):yfiles.algorithms.INodeMap;
@@ -93988,8 +93710,8 @@ declare namespace system{
        * corresponding {@link yfiles.collections.IMapper.<K,V>} instances that provide and accept the values for the {@link yfiles.layout.YGraphAdapter#getOriginalNode original nodes}.
        * </p>
        * Type parameter <code>V</code>: The type of the values in the mapper.
-       * @param {yfiles.collections.IMapper.<yfiles.graph.INode,V>} mapper The mapper to direct requests to.
-       * @returns {yfiles.algorithms.INodeMap} An {@link yfiles.algorithms.INodeMap} that will delegate reads and writes to the <code>mapper</code>.
+       * @param mapper The mapper to direct requests to.
+       * @returns An {@link } that will delegate reads and writes to the <code>mapper</code>.
        * @template V
        */
       createNodeMap<V>(mapper:yfiles.collections.IMapper<yfiles.graph.INode,V>):yfiles.algorithms.INodeMap;
@@ -94001,33 +93723,33 @@ declare namespace system{
        * {@link yfiles.collections.IMapper.<K,V>} instances that use the {@link yfiles.layout.YGraphAdapter#getOriginalEdge original edges}.
        * </p>
        * Type parameter <code>T</code>: The type of the values in the mapper.
-       * @param {yfiles.algorithms.IEdgeMap} edgeMap The map to direct requests to.
-       * @returns {yfiles.collections.IMapper.<yfiles.graph.IEdge,T>} A mapper that will delegate requests to the <code>edgeMap</code>.
+       * @param edgeMap The map to direct requests to.
+       * @returns A mapper that will delegate requests to the <code>edgeMap</code>.
        * @template T
        */
       createNodeMapper<T>(edgeMap:yfiles.algorithms.IEdgeMap):yfiles.collections.IMapper<yfiles.graph.IEdge,T>;
       /**
        * Yields the edge that has been created as a copy in {@link yfiles.layout.YGraphAdapter#yGraph} to represent the given edge.
-       * @param {yfiles.graph.IEdge} edge The edge for which the representation is returned.
-       * @returns {yfiles.algorithms.Edge} The edge that represents <code>edge</code> in {@link yfiles.layout.YGraphAdapter#yGraph}.
+       * @param edge The edge for which the representation is returned.
+       * @returns The edge that represents <code>edge</code> in {@link #yGraph}.
        */
       getCopiedEdge(edge:yfiles.graph.IEdge):yfiles.algorithms.Edge;
       /**
        * Yields the node that has been created as a copy in {@link yfiles.layout.YGraphAdapter#yGraph} to represent the given node.
-       * @param {yfiles.graph.INode} node The node for which the representation is returned.
-       * @returns {yfiles.algorithms.Node} The node that represents <code>node</code> in {@link yfiles.layout.YGraphAdapter#yGraph}.
+       * @param node The node for which the representation is returned.
+       * @returns The node that represents <code>node</code> in {@link #yGraph}.
        */
       getCopiedNode(node:yfiles.graph.INode):yfiles.algorithms.Node;
       /**
        * Yields the original edge from the {@link yfiles.layout.YGraphAdapter#originalGraph original IGraph} that the given edge has been created for.
-       * @param {yfiles.algorithms.Edge} edge The edge for which the original instance will be returned.
-       * @returns {yfiles.graph.IEdge} The original instance.
+       * @param edge The edge for which the original instance will be returned.
+       * @returns The original instance.
        */
       getOriginalEdge(edge:yfiles.algorithms.Edge):yfiles.graph.IEdge;
       /**
        * Yields the original node from the {@link yfiles.layout.YGraphAdapter#originalGraph original IGraph} that the given node has been created for.
-       * @param {yfiles.algorithms.Node} node The node for which the original instance will be returned.
-       * @returns {yfiles.graph.INode} The original instance.
+       * @param node The node for which the original instance will be returned.
+       * @returns The original instance.
        */
       getOriginalNode(node:yfiles.algorithms.Node):yfiles.graph.INode;
       /**
@@ -94042,5929 +93764,6 @@ declare namespace system{
       originalGraph:yfiles.graph.IGraph;
       static $class:yfiles.lang.Class;
     }
-  }export namespace labeling{
-    export enum OptimizationStrategy{
-      /**
-       * An optimization strategy aiming at a good balance between the available optimization options.
-       * @see yfiles.labeling.MISLabelingBase#optimizationStrategy
-       */
-      BALANCED,
-      /**
-       * An optimization strategy that especially reduces overlaps between labels and nodes as well as labels and node halos.
-       * @see yfiles.labeling.MISLabelingBase#optimizationStrategy
-       */
-      NODE_OVERLAP,
-      /**
-       * An optimization strategy that especially reduces overlaps between labels.
-       * @see yfiles.labeling.MISLabelingBase#optimizationStrategy
-       */
-      LABEL_OVERLAP,
-      /**
-       * An optimization strategy that especially reduces overlaps between labels and edges.
-       * @see yfiles.labeling.MISLabelingBase#optimizationStrategy
-       */
-      EDGE_OVERLAP,
-      /**
-       * An optimization strategy that mainly tries to satisfy the preferences described by a {@link yfiles.layout.PreferredPlacementDescriptor}
-       * associated with edge labels.
-       * @see yfiles.labeling.MISLabelingBase#optimizationStrategy
-       */
-      PREFERRED_PLACEMENT,
-      /**
-       * Use no optimization strategy.
-       */
-      NONE
-    }
-    /**
-     * A generic labeling algorithm for placing the labels of a graph.
-     * <p>
-     * {@graph {"ann":{"s":[30,30],"d":1,"c":1,"lblFlip":1,"lblB":1},"n":[[249.44,602.63,[[212.75,626.98,32.69,18.7,"Node"]]],[306.92,686.94,[[270.24,711.29,32.69,18.7,"Node"]]],[481.7,787.85,[[515.7,812.2,32.69,18.7,"Node"]]],[219.36,505.12,[[182.67,529.47,32.69,18.7,"Node"]]],[386.71,750.57,[[350.02,774.92,32.69,18.7,"Node"]]],[885,353.19,[[883.66,405.89,32.69,18.7,"Node"]]],[840.72,261.25,[[839.38,257.25,32.69,18.7,"Node"]]],[583.46,112.72,[[582.11,108.72,32.69,18.7,"Node"]]],[249.44,305.56,[[212.75,329.91,32.69,18.7,"Node"]]],[682.94,135.42,[[681.6,131.42,32.69,18.7,"Node"]]],[481.7,120.34,[[480.35,116.34,32.69,18.7,"Node"]]],[771.32,186.45,[[769.97,182.45,32.69,18.7,"Node"]]],[219.36,403.07,[[182.67,427.42,32.69,18.7,"Node"]]],[306.92,221.25,[[270.24,245.6,32.69,18.7,"Node"]]],[386.71,157.62,[[385.36,153.62,32.69,18.7,"Node"]]]],"e":[[0,1,[],[[259.45,643.51,32.03,18.7,0.826238774315996,-0.5633200580636204,"Edge"]]],[3,0,[],[[221.61,542.21,32.03,18.7,0.9555728057861415,-0.294755174410902,"Edge"]]],[1,4,[],[[349.3,723.77,32.03,18.7,0.6234898018587343,-0.7818314824680294,"Edge"]]],[4,2,[],[[418.05,771.98,32.03,18.7,0.36534102436639637,-0.9308737486442037,"Edge"]]],[3,5,[],[[262.64,513.66,32.03,18.7,-0.2225209339563144,-0.9749279121818236,"Edge"]]],[2,5,[],[[534.29,789.82,32.03,18.7,-0.7330518718298267,-0.680172737770919,"Edge"]]],[4,5,[],[[427.6,744.91,32.03,18.7,-0.6234898018587336,-0.7818314824680299,"Edge"]]],[1,5,[],[[350.46,685.47,32.03,18.7,-0.5000000000000003,-0.8660254037844386,"Edge"]]],[0,5,[],[[298.89,624.2,32.03,18.7,-0.3653410243663947,-0.9308737486442044,"Edge"]]],[5,6,[],[[878.37,323.28,32.03,18.7,0.9009688679024184,-0.4338837391175598,"Edge"]]],[7,5,[],[[611.91,162.36,32.03,18.7,0.6234898018587336,-0.7818314824680299,"Edge"]]],[8,5,[],[[292.35,341.41,32.03,18.7,0.07473009358642455,-0.9972037971811801,"Edge"]]],[9,7,[],[[645.8,157.7,32.03,18.7,0.2225209339563144,-0.9749279121818236,"Edge"]]],[7,10,[],[[549.55,131.38,32.03,18.7,-0.07473009358642278,-0.9972037971811804,"Edge"]]],[10,5,[],[[515.14,167.59,32.03,18.7,0.5000000000000003,-0.8660254037844386,"Edge"]]],[6,11,[],[[796.42,239.83,32.03,18.7,0.7330518718298267,-0.680172737770919,"Edge"]]],[11,9,[],[[733.51,192.55,32.03,18.7,0.4999999999999995,-0.866025403784439,"Edge"]]],[8,12,[],[[267.76,373.25,32.03,18.7,-0.9555728057861401,-0.29475517441090626,"Edge"]]],[12,3,[],[[253.06,467.1,32.03,18.7,-1.0,-2.7257675990577433E-15,"Edge"]]],[12,5,[],[[265.18,415.76,32.03,18.7,-0.07473009358642366,-0.9972037971811802,"Edge"]]],[13,5,[],[[347.6,261.29,32.03,18.7,0.22252093395631525,-0.9749279121818234,"Edge"]]],[13,8,[],[[284.16,291.63,32.03,18.7,-0.826238774315993,-0.5633200580636247,"Edge"]]],[10,14,[],[[450.54,153.46,32.03,18.7,-0.3653410243663931,-0.930873748644205,"Edge"]]],[14,13,[],[[349.3,214.42,32.03,18.7,-0.6234898018587314,-0.7818314824680315,"Edge"]]],[14,5,[],[[424.24,201.56,32.03,18.7,0.36534102436639554,-0.930873748644204,"Edge"]]]],"vp":[182.0,90.0,735.0,728.0]}} Node labels and edge labels placed by the labeling algorithm
-     * </p>
-     * <p>
-     * This algorithm can switch between two internal implementations. By default, it generates high quality label placements
-     * even for difficult instances. This especially holds if the label models allow a large number of different
-     * {@link yfiles.layout.LabelCandidate}s, i.e., there is a high potential for optimizations.
-     * </p>
-     * <p>
-     * If the duration of the calculation is of utmost importance, the internal algorithm can be changed to a simpler
-     * implementation by setting {@link yfiles.labeling.GenericLabeling#maximumDuration} to <code>0</code>. On the downside, the results will not be as good as the ones of the default mode.
-     * </p>
-     * <p>
-     * In default mode, this algorithm reduces the labeling problem to the maximum independent set (MIS) problem and solves the
-     * problem using simulated annealing. It is inspired by the article from Christensen, Marks and Shieber: <i>A General
-     * Cartographic Labelling Algorithm</i>.
-     * </p>
-     * <p>
-     * It is recommended to use {@link yfiles.layout.IEdgeLabelLayoutModel}s and
-     * {@link yfiles.layout.INodeLabelLayoutModel}s which allow free positioning of labels to achieve best results with this generic
-     * labeling algorithm.
-     * </p>
-     * <p>
-     * This algorithm works according to the general labeling concept defined by {@link yfiles.labeling.LabelingBase}.
-     * </p>
-     * @see yfiles.labeling.LabelingBase
-     * @class yfiles.labeling.GenericLabeling
-     * @extends {yfiles.labeling.MISLabelingBase}
-     */
-    export interface GenericLabeling extends yfiles.labeling.MISLabelingBase{}
-    export class GenericLabeling {
-      /**
-       * Creates a new instance of {@link yfiles.labeling.GenericLabeling} with default settings.
-       * @constructor
-       */
-      constructor();
-      /**
-       * Gets or sets whether or not this algorithm behaves deterministically.
-       * <p>
-       * If enabled, it produces the same results given the same input graph and settings.
-       * </p>
-       * @type {boolean}
-       */
-      deterministic:boolean;
-      /**
-       * Gets or sets the time limit for this algorithm in milliseconds.
-       * <p>
-       * <code>0x7FFFFFFF</code> denotes that there is no time limit. Values have to be greater than or equal to <code>0</code>.
-       * </p>
-       * @throws {Stubs.Exceptions.ArgumentError} if the given maximum duration is negative
-       * @type {number}
-       */
-      maximumDuration:number;
-      static $class:yfiles.lang.Class;
-    }
-    /**
-     * An abstract base class for generic labeling algorithms which place labels of graphs.
-     * <p>
-     * Labeling algorithms compute positions for labels in a given graph. The main goal is to place labels such that they do
-     * not overlap with other graph elements. Labeling algorithms do not modify positions of nodes and edges.
-     * </p>
-     * <p>
-     * <b>Concept</b>
-     * </p>
-     * <p>
-     * Generic labeling algorithms use the model associated with a label (i.e. {@link yfiles.layout.INodeLabelLayout#labelModel node label model} for nodes and {@link yfiles.layout.IEdgeLabelLayout#labelModel edge label model}
-     * for edges). The models are necessary to compute a set of {@link yfiles.layout.LabelCandidate}s, i.e., candidate positions for a
-     * label. Then, one <i>best matching</i> candidate from the set will be selected. This selection depends on several preferences, e.g., if {@link yfiles.labeling.LabelingBase#removeNodeOverlaps overlaps with nodes}
-     * are not allowed, candidates encoding overlapping positions will be ignored.
-     * </p>
-     * <p>
-     * After one {@link yfiles.layout.LabelCandidate} has been chosen, the label model's parameter is used for encoding the label
-     * position. Therefore, the result of a generic labeling algorithm is one model parameter per label. The parameter is {@link yfiles.layout.ILabelLayout#modelParameter stored with the label}
-     * and expresses the label position with respect to the underlying label model.
-     * </p>
-     * <p>
-     * <b>Features</b>
-     * </p>
-     * <p>
-     * This class provides a general frame, offering functionality which can be shared by other generic labeling algorithms.
-     * </p>
-     * <p>
-     * To only place labels or a subset of labels, the main labeling methods Label, {@link yfiles.labeling.LabelingBase#label} and {@link yfiles.labeling.LabelingBase#label}
-     * are offered.
-     * </p>
-     * <p>
-     * As this class represents an {@link yfiles.layout.LayoutStageBase}, it allows usage as a generic labeling stage. By combining it
-     * with a
-     * {@link yfiles.layout.LayoutStageBase#coreLayout core layouter}, the labeling will take place after the core layouter was executed
-     * ({@link yfiles.labeling.LabelingBase#applyLayout}). This is especially useful if the core layouter does not support label
-     * handling.
-     * </p>
-     * @class yfiles.labeling.LabelingBase
-     * @extends {yfiles.layout.LayoutStageBase}
-     */
-    export interface LabelingBase extends yfiles.layout.LayoutStageBase{}
-    export class LabelingBase {
-      /**
-       * Creates a new {@link yfiles.labeling.LabelingBase} instance with default settings.
-       * @constructor
-       */
-      constructor();
-      /**
-       * Returns the profit for placing a {@link yfiles.layout.LabelCandidate} with respect to the current {@link yfiles.labeling.LabelingBase#profitModel profit model}.
-       * <p>
-       * Method {@link yfiles.layout.IProfitModel#getProfit} on the current profit model will be invoked to compute the actual profit
-       * value.
-       * </p>
-       * <p>
-       * The higher the profit (rank) of a candidate is, the more likely it will be chosen as actual position by the algorithm.
-       * </p>
-       * @param {yfiles.layout.LabelCandidate} candidate a label candidate
-       * @returns {number} the profit value between <code>0</code> and <code>1</code>
-       */
-      getProfit(candidate:yfiles.layout.LabelCandidate):number;
-      /**
-       * Places the labels of the input graph restricting the placement to labels contained in the given lists.
-       * <p>
-       * The {@link yfiles.labeling.LabelingBase#affectedLabelsDpKey selection} will not be considered; the given lists will define the selection of labels that are to be placed.
-       * </p>
-       * @param {yfiles.layout.LayoutGraph} graph the input graph
-       * @param {yfiles.algorithms.YList} nodeLabels a list of {@link yfiles.layout.INodeLabelLayout}s defining the set of node labels that will be placed
-       * @param {yfiles.algorithms.YList} edgeLabels a list of {@link yfiles.layout.IEdgeLabelLayout}s defining the set of edge labels that will be placed
-       */
-      label(graph:yfiles.layout.LayoutGraph,nodeLabels:yfiles.algorithms.YList,edgeLabels:yfiles.algorithms.YList):void;
-      /**
-       * Places the labels of the input graph using a {@link yfiles.algorithms.IDataProvider} registered to the input graph with the
-       * given key for determining which labels to place.
-       * <p>
-       * Instead of considering the current {@link yfiles.labeling.LabelingBase#affectedLabelsDpKey selection key}, the {@link yfiles.algorithms.IDataProvider} registered with the given key will
-       * be used for selecting labels. Invoking this method has the same effect as first {@link yfiles.labeling.LabelingBase#affectedLabelsDpKey specifying the key} as selection key and
-       * then invoking Label.
-       * </p>
-       * @param {yfiles.layout.LayoutGraph} graph the input graph
-       * @param {Object} [key=null] the {@link yfiles.algorithms.IDataProvider} key for label selection
-       */
-      label(graph:yfiles.layout.LayoutGraph,key?:Object):void;
-      /**
-       * Data provider key for mapping models to edge/node labels
-       * <p>
-       * The {@link yfiles.layout.INodeLabelLayoutModel}s and {@link yfiles.layout.IEdgeLabelLayoutModel}s linked to
-       * {@link yfiles.layout.INodeLabelLayout}s and {@link yfiles.layout.IEdgeLabelLayout}s by this {@link yfiles.algorithms.IDataProvider} are taken as
-       * replacement models. This means that the original model is internally replaced by another model when computing valid
-       * positions for the label. A model parameter that fits the calculated position of the replacement model best is set for
-       * the original label model.
-       * </p>
-       * @const
-       * @static
-       * @type {yfiles.algorithms.ILabelLayoutDpKey.<Object>}
-       */
-      static LABEL_MODEL_DP_KEY:yfiles.algorithms.ILabelLayoutDpKey<Object>;
-      /**
-       * Gets or sets the {@link yfiles.layout.IProfitModel} for ranking the {@link yfiles.layout.LabelCandidate}s for labels.
-       * <p>
-       * The profit model is used when {@link yfiles.labeling.LabelingBase#getProfit calculating the profit} of a candidate.
-       * </p>
-       * <p>
-       * The higher the profit (rank) of a candidate is, the more likely it will be chosen as actual position by the algorithm.
-       * </p>
-       * @see yfiles.layout.IProfitModel
-       * @see yfiles.layout.SimpleProfitModel
-       * @see yfiles.labeling.LabelingBase#getProfit
-       * @type {yfiles.layout.IProfitModel}
-       */
-      profitModel:yfiles.layout.IProfitModel;
-      /**
-       * Gets or sets whether or not <em>internal</em> node labels are allowed to move.
-       * <p>
-       * A node label is <em>internal</em> if the label's boundaries are completely within the node's boundaries.
-       * </p>
-       * @type {boolean}
-       */
-      moveInternalNodeLabels:boolean;
-      /**
-       * Gets or sets whether or not a post-processing step to reduce the number of label overlaps is applied.
-       * @type {boolean}
-       */
-      reduceLabelOverlaps:boolean;
-      /**
-       * Gets or sets whether or not {@link yfiles.layout.LabelCandidate label candidates} that overlap with nodes are removed.
-       * <p>
-       * If overlapping candidates are not removed, they will be considered but get a penalty. Therefore, it is still less likely
-       * that an overlapping candidate is finally chosen.
-       * </p>
-       * <p>
-       * The detection and removal of labels that overlap with nodes may increase the runtime of this algorithm.
-       * </p>
-       * @type {boolean}
-       */
-      removeNodeOverlaps:boolean;
-      /**
-       * Gets or sets whether or not {@link yfiles.layout.LabelCandidate label candidates} that overlap with edges are removed.
-       * <p>
-       * If overlapping candidates are not removed, they will be considered but get a penalty. Therefore, it is still less likely
-       * that an overlapping candidate is finally chosen.
-       * </p>
-       * <p>
-       * The detection and removal of labels that overlap with edges may increase the runtime of this algorithm.
-       * </p>
-       * @type {boolean}
-       */
-      removeEdgeOverlaps:boolean;
-      /**
-       * Gets or sets whether or not labels assigned to nodes are placed.
-       * @see yfiles.labeling.LabelingBase#affectedLabelsDpKey
-       * @type {boolean}
-       */
-      placeNodeLabels:boolean;
-      /**
-       * Gets or sets whether or not labels assigned to edges are placed.
-       * @see yfiles.labeling.LabelingBase#affectedLabelsDpKey
-       * @type {boolean}
-       */
-      placeEdgeLabels:boolean;
-      /**
-       * Gets or sets the {@link yfiles.algorithms.IDataProvider} key to mark labels as selected for placement.
-       * <p>
-       * If a {@link yfiles.algorithms.IDataProvider} is registered with this key, only the selected labels will be placed, while all
-       * other labels are considered fixed.
-       * </p>
-       * <p>
-       * The registered {@link yfiles.algorithms.IDataProvider} needs to map from {@link yfiles.layout.ILabelLayout} to {@link boolean} where <code>true</code> indicates
-       * that a label should be placed and <code>false</code> indicates that a label should be ignored.
-       * </p>
-       * @type {Object}
-       */
-      affectedLabelsDpKey:Object;
-      /**
-       * Gets or sets whether or not edge labels are automatically flipped if otherwise they would be upside-down.
-       * @type {boolean}
-       */
-      autoFlipping:boolean;
-      /**
-       * Gets or sets whether or not edge labels may overlap with edges belonging to the same edge group as the label's edge.
-       * <p>
-       * An edge group is a set of edges which share a common bus near the target or source node. They are defined using
-       * {@link yfiles.algorithms.IDataProvider}s registered with {@link yfiles.layout.PortConstraintKeys#SOURCE_GROUP_ID_DP_KEY} and
-       * {@link yfiles.layout.PortConstraintKeys#TARGET_GROUP_ID_DP_KEY}.
-       * </p>
-       * @see yfiles.layout.PortConstraintKeys#SOURCE_GROUP_ID_DP_KEY
-       * @see yfiles.layout.PortConstraintKeys#TARGET_GROUP_ID_DP_KEY
-       * @type {boolean}
-       */
-      edgeGroupOverlapAllowed:boolean;
-      static $class:yfiles.lang.Class;
-    }
-    /**
-     * A base class for generic labeling algorithms which solve the labeling problem by reducing it to the maximum independent
-     * set (MIS) problem.
-     * <p>
-     * Different optimization strategies are available; an optimization strategy defines which criteria the algorithm should
-     * try to optimize. For example, reducing the number of overlaps between labels and nodes may be considered more important
-     * than reducing the number of overlaps between labels and edges.
-     * </p>
-     * @see yfiles.labeling.GenericLabeling
-     * @class yfiles.labeling.MISLabelingBase
-     * @extends {yfiles.labeling.LabelingBase}
-     */
-    export interface MISLabelingBase extends yfiles.labeling.LabelingBase{}
-    export class MISLabelingBase {
-      /**
-       * Creates a new {@link yfiles.labeling.MISLabelingBase} instance with default settings.
-       * @constructor
-       */
-      constructor();
-      /**
-       * Returns a {@link yfiles.algorithms.INodeMap} which assigns a profit value to each node in the {@link yfiles.labeling.MISLabelingBase#conflictGraph conflict graph}.
-       * <p>
-       * As the conflict graph's nodes represent {@link yfiles.layout.LabelCandidate}s, this mapping gives the profit value of label
-       * candidates. The assigned value is defined as the difference between the {@link yfiles.labeling.LabelingBase#getProfit profit induced by the profit model} and the
-       * candidate's {@link yfiles.layout.LabelCandidate#overlapPenalty overlap penalty}.
-       * </p>
-       * <p>
-       * The returned map is a mapping from each {@link yfiles.algorithms.Node} (representing a label candidate) in the {@link yfiles.labeling.MISLabelingBase#conflictGraph}
-       * to a {@link number} representing the profit value of the candidate.
-       * </p>
-       * @returns {yfiles.algorithms.INodeMap} a mapping from nodes (i.e. label candidates) to their profit value
-       */
-      assignProfit():yfiles.algorithms.INodeMap;
-      /**
-       * Creates the edges in the conflict graph, i.e., one edge between two nodes if the corresponding
-       * {@link yfiles.layout.LabelCandidate}s intersect.
-       * <p>
-       * The nodes of the {@link yfiles.labeling.MISLabelingBase#conflictGraph conflict graph} represent
-       * {@link yfiles.layout.LabelCandidate}s. An edge between candidates signals that they overlap. A maximum independent set will be
-       * computed on the conflict graph to choose candidates such that no two candidates overlap.
-       * </p>
-       * <p>
-       * This method may be overridden to change the structure of the {@link yfiles.labeling.MISLabelingBase#conflictGraph conflict graph}. Edges between two
-       * {@link yfiles.layout.LabelCandidate}s in the conflict graph signal that the two candidates should not be selected together. By
-       * overriding this method, arbitrary reasons for indicating that two label candidates should not be chosen at the same time
-       * can be modeled.
-       * </p>
-       * @see yfiles.labeling.MISLabelingBase#conflictGraph
-       * @see yfiles.labeling.MISLabelingBase#nodesToBoxes
-       * @see yfiles.labeling.MISLabelingBase#boxesToNodes
-       * @see yfiles.labeling.MISLabelingBase#nodesToID
-       * @protected
-       */
-      createEdges():void;
-      /**
-       * Indicates that an overlap between a {@link yfiles.layout.LabelCandidate} and an {@link yfiles.algorithms.Edge} of the input graph has
-       * been found.
-       * <p>
-       * This method is called when finding overlaps while {@link yfiles.labeling.MISLabelingBase#createEdges creating edges} of the {@link yfiles.labeling.MISLabelingBase#conflictGraph conflict graph}. It will store a factor
-       * indicating how much the two elements overlap. The factor influences the {@link yfiles.labeling.LabelingBase#getProfit profit} assigned to the given label candidate.
-       * </p>
-       * <p>
-       * This method may be overridden to realize a custom strategy for reacting to overlaps between label candidates and edges.
-       * </p>
-       * @param {yfiles.layout.LabelCandidate} labelCandidate the {@link yfiles.layout.LabelCandidate} overlapping with the given {@link yfiles.algorithms.Edge}
-       * @param {yfiles.algorithms.Edge} edge the {@link yfiles.algorithms.Edge} overlapping with the given {@link yfiles.layout.LabelCandidate}
-       * @param {yfiles.algorithms.LineSegment} eSegment the {@link yfiles.algorithms.LineSegment} of the given edge overlapping with the given candidate
-       * @see yfiles.labeling.MISLabelingBase#conflictGraph
-       * @see yfiles.labeling.MISLabelingBase#createEdges
-       */
-      foundEdgeOverlap(labelCandidate:yfiles.layout.LabelCandidate,edge:yfiles.algorithms.Edge,eSegment:yfiles.algorithms.LineSegment):void;
-      /**
-       * Indicates that an overlap between a {@link yfiles.layout.LabelCandidate} and a {@link yfiles.layout.NodeHalo} of the input graph has
-       * been found.
-       * <p>
-       * This method is called when finding overlaps while {@link yfiles.labeling.MISLabelingBase#createEdges creating edges} of the {@link yfiles.labeling.MISLabelingBase#conflictGraph conflict graph}. It will store a factor
-       * indicating how much the two elements overlap. The factor influences the {@link yfiles.labeling.LabelingBase#getProfit profit} assigned to the given label candidate.
-       * </p>
-       * <p>
-       * This method may be overridden to realize a custom strategy for reacting to overlaps between label candidates and node
-       * halos.
-       * </p>
-       * @param {yfiles.layout.LabelCandidate} labelCandidate the {@link yfiles.layout.LabelCandidate} overlapping with a node halo
-       * @param {yfiles.algorithms.Node} node the {@link yfiles.algorithms.Node} whose {@link yfiles.layout.NodeHalo} is overlapping with the given label candidate
-       * @param {yfiles.algorithms.YRectangle} haloRect the bounding box of the {@link yfiles.layout.NodeHalo} overlapping with the given label candidate
-       * @see yfiles.labeling.MISLabelingBase#conflictGraph
-       * @see yfiles.labeling.MISLabelingBase#createEdges
-       */
-      foundHaloOverlap(labelCandidate:yfiles.layout.LabelCandidate,node:yfiles.algorithms.Node,haloRect:yfiles.algorithms.YRectangle):void;
-      /**
-       * Indicates that an overlap between two {@link yfiles.layout.LabelCandidate}s has been found.
-       * <p>
-       * This method is called when finding overlaps while {@link yfiles.labeling.MISLabelingBase#createEdges creating edges} of the
-       * {@link yfiles.labeling.MISLabelingBase#conflictGraph conflict graph}. It will store a factor indicating how much the two candidates overlap. The factor influences the penalty
-       * assigned when both candidates are chosen, i.e., the penalty for the corresponding overlap.
-       * </p>
-       * <p>
-       * This method may be overridden to realize a custom strategy for reacting to overlaps among
-       * {@link yfiles.layout.LabelCandidate}s.
-       * </p>
-       * @param {yfiles.layout.LabelCandidate} candidate1 the first overlapping {@link yfiles.layout.LabelCandidate}
-       * @param {yfiles.layout.LabelCandidate} candidate2 the second overlapping {@link yfiles.layout.LabelCandidate}
-       * @param {yfiles.algorithms.Edge} edge the {@link yfiles.algorithms.Edge} in {@link yfiles.labeling.MISLabelingBase#conflictGraph} representing the found overlap
-       * @see yfiles.labeling.MISLabelingBase#conflictGraph
-       * @see yfiles.labeling.MISLabelingBase#createEdges
-       */
-      foundLabelOverlap(candidate1:yfiles.layout.LabelCandidate,candidate2:yfiles.layout.LabelCandidate,edge:yfiles.algorithms.Edge):void;
-      /**
-       * Indicates that an overlap between a {@link yfiles.layout.LabelCandidate} and a {@link yfiles.algorithms.Node} of the input graph has
-       * been found.
-       * <p>
-       * This method is called when finding overlaps while {@link yfiles.labeling.MISLabelingBase#createEdges creating edges} of the {@link yfiles.labeling.MISLabelingBase#conflictGraph conflict graph}. It will store a factor
-       * indicating how much the two elements overlap. The factor influences the {@link yfiles.labeling.LabelingBase#getProfit profit} assigned to the given label candidate.
-       * </p>
-       * <p>
-       * This method may be overridden to realize a custom strategy for reacting to overlaps between label candidates and nodes.
-       * </p>
-       * @param {yfiles.layout.LabelCandidate} labelCandidate the {@link yfiles.layout.LabelCandidate} overlapping with the given node
-       * @param {yfiles.algorithms.Node} node the {@link yfiles.algorithms.Node} overlapping with the given label candidate
-       * @param {yfiles.algorithms.YRectangle} nodeBox the bounding box of the given node
-       * @see yfiles.labeling.MISLabelingBase#conflictGraph
-       * @see yfiles.labeling.MISLabelingBase#createEdges
-       */
-      foundNodeOverlap(labelCandidate:yfiles.layout.LabelCandidate,node:yfiles.algorithms.Node,nodeBox:yfiles.algorithms.YRectangle):void;
-      /**
-       * The input graph that will be labeled.
-       * @type {yfiles.layout.LayoutGraph}
-       */
-      graph:yfiles.layout.LayoutGraph;
-      /**
-       * The conflict graph modeling
-       * {@link yfiles.layout.LabelCandidate}s as nodes and edges between them as conflicts, i.e., overlaps among candidates.
-       * @see yfiles.labeling.MISLabelingBase#createEdges
-       * @type {yfiles.algorithms.Graph}
-       */
-      conflictGraph:yfiles.algorithms.Graph;
-      /**
-       * The mapping from each node in the {@link yfiles.labeling.MISLabelingBase#conflictGraph} to the corresponding {@link yfiles.layout.LabelCandidate}
-       * instance.
-       * @see yfiles.labeling.MISLabelingBase#conflictGraph
-       * @type {yfiles.algorithms.INodeMap}
-       */
-      nodesToBoxes:yfiles.algorithms.INodeMap;
-      /**
-       * The mapping from the {@link yfiles.layout.LabelCandidate}s to the corresponding nodes in the
-       * {@link yfiles.labeling.MISLabelingBase#conflictGraph}.
-       * @see yfiles.labeling.MISLabelingBase#conflictGraph
-       * @type {yfiles.collections.IMap.<Object,Object>}
-       */
-      boxesToNodes:yfiles.collections.IMap<Object,Object>;
-      /**
-       * The mapping from nodes in the {@link yfiles.labeling.MISLabelingBase#conflictGraph} to a corresponding integer value (ID).
-       * <p>
-       * The ID denotes the actual label which a {@link yfiles.layout.LabelCandidate} (i.e. a node in the conflict graph) belongs to.
-       * </p>
-       * @type {yfiles.algorithms.INodeMap}
-       */
-      nodesToID:yfiles.algorithms.INodeMap;
-      /**
-       * Gets or sets the ratio between the internal profit (ip) and the profit computed using the specified {@link yfiles.labeling.LabelingBase#profitModel profit model} (sp).
-       * <p>
-       * This ratio defines how to weight the two profit values (ip) and (sp). The overall ratio is then computed as
-       * <code>ratio * sp + (1 - ratio) * ip</code>. The profit of a {@link yfiles.layout.LabelCandidate} defines how likely it is that the candidate
-       * will be chosen as actual label position.
-       * </p>
-       * <p>
-       * The ratio is defined to be a value from the interval <code>[0,1]</code>.
-       * </p>
-       * @throws {Stubs.Exceptions.ArgumentError} if the given ratio is negative or larger than <code>1</code>
-       * @see yfiles.labeling.LabelingBase#profitModel
-       * @see yfiles.labeling.MISLabelingBase#optimizationStrategy
-       * @type {number}
-       */
-      customProfitModelRatio:number;
-      /**
-       * Gets or sets the optimization strategy which defines the importance of criteria when optimizing labeling results.
-       * <p>
-       * Depending on the strategy, criteria like label-node overlaps, label-label overlaps and others are more or less
-       * important. For example, if the number of overlaps between labels and nodes is the most important criterion for the
-       * result, strategy {@link yfiles.labeling.OptimizationStrategy#NODE_OVERLAP} should be chosen.
-       * </p>
-       * @throws {Stubs.Exceptions.ArgumentError} if the given strategy is unknown
-       * @type {yfiles.labeling.OptimizationStrategy}
-       */
-      optimizationStrategy:yfiles.labeling.OptimizationStrategy;
-      /**
-       * Gets or sets whether or not {@link yfiles.layout.LabelCandidate label candidates} that overlap with nodes are removed.
-       * <p>
-       * If overlapping candidates are not removed, they will be considered but get a penalty. Therefore, it is still less likely
-       * that an overlapping candidate is finally chosen.
-       * </p>
-       * <p>
-       * The detection and removal of labels that overlap with nodes may increase the runtime of this algorithm.
-       * </p>
-       * @type {boolean}
-       */
-      removeNodeOverlaps:boolean;
-      /**
-       * Gets or sets whether or not {@link yfiles.layout.LabelCandidate label candidates} that overlap with edges are removed.
-       * <p>
-       * If overlapping candidates are not removed, they will be considered but get a penalty. Therefore, it is still less likely
-       * that an overlapping candidate is finally chosen.
-       * </p>
-       * <p>
-       * The detection and removal of labels that overlap with edges may increase the runtime of this algorithm.
-       * </p>
-       * @type {boolean}
-       */
-      removeEdgeOverlaps:boolean;
-      /**
-       * Gets or sets whether or not the number of ambiguous label placements is reduced by applying an additional optimization
-       * step.
-       * <p>
-       * A label position is considered to be ambiguous if it might not be possible to identify to which graph element the label
-       * belongs. For example, an edge label placed in between two edges is ambiguous.
-       * </p>
-       * <p>
-       * Enabling this reduction step does not guarantee that no ambiguous placements are selected. The algorithm will try to
-       * avoid them if other good positions without ambiguity are available. Other aspects like {@link yfiles.layout.PreferredPlacementDescriptor preferred placement} for edge
-       * labels will still be more important than the reduction of ambiguity.
-       * </p>
-       * @type {boolean}
-       */
-      reduceAmbiguity:boolean;
-      static $class:yfiles.lang.Class;
-    }
-    /**
-     * Specifies custom data for the {@link yfiles.labeling.GenericLabeling}.
-     * @class yfiles.labeling.LabelingData
-     * @extends {yfiles.layout.LayoutData}
-     */
-    export interface LabelingData extends yfiles.layout.LayoutData{}
-    export class LabelingData {
-      constructor();
-      /**
-       * Gets or sets the collection of labels that shall be placed by the algorithm.
-       * <p>
-       * Note that the {@link yfiles.layout.DpKeyItemCollection.<V>#dpKey} has to be set to the key assigned to {@link yfiles.labeling.LabelingBase#affectedLabelsDpKey}.
-       * </p>
-       * @see yfiles.labeling.LabelingBase#affectedLabelsDpKey
-       * @type {yfiles.layout.DpKeyItemCollection.<yfiles.graph.ILabel>}
-       */
-      affectedLabels:yfiles.layout.DpKeyItemCollection<yfiles.graph.ILabel>;
-      /**
-       * Gets or sets the mapping from node labels to an {@link yfiles.layout.INodeLabelLayoutModel} used by the labeling algorithm
-       * instead of the original label model.
-       * <p>
-       * If a label has no mapping, the original model is used as normal.
-       * </p>
-       * @see yfiles.labeling.LabelingBase#LABEL_MODEL_DP_KEY
-       * @type {yfiles.layout.ItemMapping.<yfiles.graph.ILabel,yfiles.layout.INodeLabelLayoutModel>}
-       */
-      nodeLabelModels:yfiles.layout.ItemMapping<yfiles.graph.ILabel,yfiles.layout.INodeLabelLayoutModel>;
-      /**
-       * Gets or sets the mapping from edge labels to an {@link yfiles.layout.IEdgeLabelLayoutModel} used by the labeling algorithm
-       * instead of the original label model.
-       * <p>
-       * If a label has no mapping, the original model is used as normal.
-       * </p>
-       * @see yfiles.labeling.LabelingBase#LABEL_MODEL_DP_KEY
-       * @type {yfiles.layout.ItemMapping.<yfiles.graph.ILabel,yfiles.layout.IEdgeLabelLayoutModel>}
-       */
-      edgeLabelModels:yfiles.layout.ItemMapping<yfiles.graph.ILabel,yfiles.layout.IEdgeLabelLayoutModel>;
-      /**
-       * Gets or sets a mapping from edges to an object representing their source edge group.
-       * @see yfiles.layout.PortConstraintKeys#SOURCE_GROUP_ID_DP_KEY
-       * @type {yfiles.layout.ItemMapping.<yfiles.graph.IEdge,Object>}
-       */
-      sourceGroupIds:yfiles.layout.ItemMapping<yfiles.graph.IEdge,Object>;
-      /**
-       * Gets or sets a mapping from edges to an object representing their target edge group.
-       * @see yfiles.layout.PortConstraintKeys#TARGET_GROUP_ID_DP_KEY
-       * @type {yfiles.layout.ItemMapping.<yfiles.graph.IEdge,Object>}
-       */
-      targetGroupIds:yfiles.layout.ItemMapping<yfiles.graph.IEdge,Object>;
-      /**
-       * Gets or sets the mapping from nodes to their {@link yfiles.layout.NodeHalo}.
-       * @see yfiles.layout.NodeHalo#NODE_HALO_DP_KEY
-       * @type {yfiles.layout.ItemMapping.<yfiles.graph.INode,yfiles.layout.NodeHalo>}
-       */
-      nodeHalos:yfiles.layout.ItemMapping<yfiles.graph.INode,yfiles.layout.NodeHalo>;
-      /**
-       * Gets or sets the AbortHandler used during the layout.
-       * @see yfiles.algorithms.AbortHandler#ABORT_HANDLER_DP_KEY
-       * @type {yfiles.algorithms.AbortHandler}
-       */
-      abortHandler:yfiles.algorithms.AbortHandler;
-      static $class:yfiles.lang.Class;
-    }
-  }export namespace partial{
-    export enum EdgeRoutingStrategy{
-      /**
-       * A routing strategy that produces orthogonal routes for partial edges and inter-edges.
-       * <p>
-       * A route of an edge is called <i>orthogonal</i> if it only consists of vertical and horizontal segments.
-       * </p>
-       * <p>
-       * <i>Inter-edges</i> are edges between fixed and partial nodes as well as edges between different subgraph components.
-       * </p>
-       * @see yfiles.partial.PartialLayout#edgeRoutingStrategy
-       */
-      ORTHOGONAL,
-      /**
-       * A routing strategy that produces straight-line routes for partial edges and inter-edges.
-       * <p>
-       * <i>Inter-edges</i> are edges between fixed and partial nodes as well as edges between different subgraph components.
-       * </p>
-       * @see yfiles.partial.PartialLayout#edgeRoutingStrategy
-       */
-      STRAIGHTLINE,
-      /**
-       * Automatically chooses a suitable routing strategy for partial edges and inter-edges by analyzing the routes of the fixed
-       * edges. If, for example, all fixed edges have orthogonal edge routes, inter-edges will be routed orthogonally, too.
-       * <p>
-       * <i>Inter-edges</i> are edges between fixed and partial nodes as well as edges between different subgraph components.
-       * </p>
-       * @see yfiles.partial.PartialLayout#edgeRoutingStrategy
-       */
-      AUTOMATIC,
-      /**
-       * A routing strategy that produces organic routes for partial edges and inter-edges.
-       * <p>
-       * <i>Inter-edges</i> are edges between fixed and partial nodes as well as edges between different subgraph components.
-       * </p>
-       * @see yfiles.partial.PartialLayout#edgeRoutingStrategy
-       */
-      ORGANIC,
-      /**
-       * A routing strategy that produces octilinear routes for partial edges and inter-edges.
-       * <p>
-       * A route of an edge is called <i>octilinear</i> if the slope of each segment is a multiple of <code>45</code> degrees.
-       * </p>
-       * <p>
-       * <i>Inter-edges</i> are edges between fixed and partial nodes as well as edges between different subgraph components.
-       * </p>
-       * @see yfiles.partial.PartialLayout#edgeRoutingStrategy
-       */
-      OCTILINEAR
-    }
-    export enum ComponentAssignmentStrategy{
-      /**
-       * A component assignment strategy that assigns each partial node to a separate subgraph component.
-       * @see yfiles.partial.PartialLayout#componentAssignmentStrategy
-       */
-      SINGLE,
-      /**
-       * A component assignment strategy where the subgraph components correspond to the connected components of the graph
-       * induced by the partial elements.
-       * @see yfiles.partial.PartialLayout#componentAssignmentStrategy
-       */
-      CONNECTED,
-      /**
-       * A component assignment strategy where the subgraph components correspond to the clusters computed by a clustering
-       * algorithm based on {@link yfiles.algorithms.Groups#edgeBetweennessClustering edge betweenness centrality}.
-       * @see yfiles.partial.PartialLayout#componentAssignmentStrategy
-       */
-      CLUSTERING,
-      /**
-       * A component assignment strategy where the subgraph components are defined by the user. Two partial nodes are considered
-       * to be in the same component if the {@link yfiles.algorithms.IDataProvider} associated with key {@link yfiles.partial.PartialLayout#COMPONENT_ID_DP_KEY}
-       * returns the same object for both of them.
-       * @see yfiles.partial.PartialLayout#COMPONENT_ID_DP_KEY
-       * @see yfiles.partial.PartialLayout#componentAssignmentStrategy
-       */
-      CUSTOMIZED
-    }
-    export enum SubgraphPlacement{
-      /**
-       * A positioning strategy which tries to place each subgraph component close to the barycenter of its graph neighbors.
-       * @see yfiles.partial.PartialLayout#subgraphPlacement
-       */
-      BARYCENTER,
-      /**
-       * A positioning strategy which tries to place each subgraph component close to its original position.
-       * @see yfiles.partial.PartialLayout#subgraphPlacement
-       */
-      FROM_SKETCH
-    }
-    export enum LayoutOrientation{
-      /**
-       * Layout orientation specifier where the algorithm tries to place partial nodes (subgraph components) such that each
-       * predecessor of a node <code>v</code> is placed above <code>v</code> and each successor below <code>v</code>.
-       * @see yfiles.partial.PartialLayout#layoutOrientation
-       */
-      TOP_TO_BOTTOM,
-      /**
-       * Layout orientation specifier where the algorithm tries to place partial nodes (subgraph components) such that each
-       * predecessor of a node <code>v</code> is placed below <code>v</code> and each successor above <code>v</code>.
-       * @see yfiles.partial.PartialLayout#layoutOrientation
-       */
-      BOTTOM_TO_TOP,
-      /**
-       * Layout orientation specifier where the algorithm tries to place partial nodes (subgraph components) such that each
-       * predecessor of a node <code>v</code> is placed to the left of <code>v</code> and each successor to the right of <code>v</code>.
-       * @see yfiles.partial.PartialLayout#layoutOrientation
-       */
-      LEFT_TO_RIGHT,
-      /**
-       * Layout orientation specifier where the algorithm tries to place partial nodes (subgraph components) such that each
-       * predecessor of a node <code>v</code> is placed to the right of <code>v</code> and each successor to the left of <code>v</code>.
-       * @see yfiles.partial.PartialLayout#layoutOrientation
-       */
-      RIGHT_TO_LEFT,
-      /**
-       * Layout orientation specifier where the algorithm automatically detects the layout orientation.
-       * <p>
-       * The algorithm analyzes the flow direction of fixed edges in the current drawing. If there is no common flow direction,
-       * the results are the same as for {@link yfiles.partial.LayoutOrientation#NONE}. Otherwise, the layout orientation is either
-       * {@link yfiles.partial.LayoutOrientation#TOP_TO_BOTTOM}, {@link yfiles.partial.LayoutOrientation#BOTTOM_TO_TOP}, {@link yfiles.partial.LayoutOrientation#LEFT_TO_RIGHT}
-       * or {@link yfiles.partial.LayoutOrientation#RIGHT_TO_LEFT}.
-       * </p>
-       * @see yfiles.partial.PartialLayout#layoutOrientation
-       */
-      AUTO_DETECT,
-      /**
-       * Layout orientation specifier where the layout orientation is completely ignored.
-       * @see yfiles.partial.PartialLayout#layoutOrientation
-       */
-      NONE
-    }
-    /**
-     * This class represents a partial layout algorithm which changes the coordinates for a given set of graph elements (called
-     * partial elements) only.
-     * <p>
-     * The location and size of the remaining elements (called fixed elements) is not allowed to be changed.<b>Layout Style</b>
-     * </p>
-     * <p>
-     * This partial layout algorithm offers a kind of generic partial layout support for other existing layout algorithms.
-     * Hence, its layout style heavily depends on the selected {@link yfiles.partial.PartialLayout#coreLayout core layout algorithm} as well as the specified {@link yfiles.partial.PartialLayout#edgeRouter edge router} or
-     * {@link yfiles.partial.PartialLayout#edgeRoutingStrategy edge routing strategy}.
-     * </p>
-     * <p>
-     * The partial layout is suitable for applications where users may incrementally add new elements to an existing drawing.
-     * The added elements should be arranged so that they fit best possible into the given diagram without making any changes
-     * to the already existing layout. Hence, the so-called mental map of the existing drawing is preserved.
-     * </p>
-     * <p>
-     * {@graph {"ann":{"s":[60,30],"d":1},"n":[[49.74,127.62,295.26,342.38,2,[[49.74,150,295.26,22.38,"Group"]]],[270,425,[[291.33,449.35,17.35,18.7,"16"]]],[270,375,[[291.33,399.35,17.35,18.7,"18"]]],[200,375,[[221.33,399.35,17.35,18.7,"19"]]],[64.74,405.17,1,[[86.07,429.52,17.35,18.7,"13"]]],[200,265,[[221.33,289.35,17.35,18.7,"20"]]],[100,215,[[124.66,239.35,10.67,18.7,"2"]]],[100,165,[[124.66,189.35,10.67,18.7,"3"]]],[100,265,[[121.33,289.35,17.35,18.7,"22"]]],[-420.63,317.87,375.21,302.93,3,[[-420.63,340.25,375.21,22.38,"Group"]]],[-179.98,534.8,1,[[-155.31,559.15,10.67,18.7,"6"]]],[-163.42,363.25,1,[[-142.09,387.6,17.35,18.7,"12"]]],[-371.63,364.65,1,[[-346.96,389,10.67,18.7,"8"]]],[-333.29,532.76,1,[[-308.62,557.11,10.67,18.7,"9"]]],[-176.17,453.25,1,[[-154.84,477.6,17.35,18.7,"11"]]],[370,215,[[394.66,239.35,10.67,18.7,"1"]]],[370,165,[[394.66,189.35,10.67,18.7,"4"]]],[-130.4,215,1,[[-105.74,239.35,10.67,18.7,"5"]]],[-224.19,264.44,1,[[-199.52,288.79,10.67,18.7,"7"]]],[370,425,[[391.33,449.35,17.35,18.7,"10"]]],[370,265,[[391.33,289.35,17.35,18.7,"14"]]],[370,375,[[391.33,399.35,17.35,18.7,"15"]]],[270,505,[[291.33,529.35,17.35,18.7,"17"]]],[440,165,[[461.33,189.35,17.35,18.7,"21"]]]],"e":[[13,12,0,-15,0,15],[13,14],[10,13,-30,4,0,0],[14,11],[6,7,0,-15,0,15],[5,8,-30,0,30,0],[1,2,0,-15,0,15],[2,3,-30,0,30,0],[4,3],[15,6,-30,0,30,0],[15,16,0,-15,0,15],[7,16,30,0,-30,0],[6,17],[17,18],[18,12],[10,19],[15,20,0,15,0,-15],[19,21,0,-15,0,15],[21,20,0,-15,0,15],[19,1,-30,0,30,0],[1,22,0,15,0,-15],[20,5,-30,0,30,0],[16,23,30,0,-30,0],[11,4,-30,0,0,0]],"vp":[-421.0,127.0,921.0,494.0]}} The input graph where marked nodes denote the partial elements that were incrementally added to the existing diagram. {@graph {"ann":{"s":[60,30],"d":1},"n":[[67.37,127.62,260,342.38,2,[[67.37,150,260,22.38,"Group"]]],[252.37,425,[[273.7,449.35,17.35,18.7,"16"]]],[252.37,375,[[273.7,399.35,17.35,18.7,"18"]]],[182.37,375,[[203.7,399.35,17.35,18.7,"19"]]],[182.37,321,1,[[203.7,345.35,17.35,18.7,"13"]]],[182.37,265,[[203.7,289.35,17.35,18.7,"20"]]],[82.37,215,[[107.03,239.35,10.67,18.7,"2"]]],[82.37,165,[[107.03,189.35,10.67,18.7,"3"]]],[82.37,265,[[103.7,289.35,17.35,18.7,"22"]]],[-147.05,387.62,180,185.56,3,[[-147.05,410,180,22.38,"Group"]]],[-42.05,425,1,[[-17.38,449.35,10.67,18.7,"6"]]],[-42.05,474.19,1,[[-20.72,498.54,17.35,18.7,"12"]]],[-132.05,425,1,[[-107.38,449.35,10.67,18.7,"8"]]],[-132.05,474.19,1,[[-107.38,498.54,10.67,18.7,"9"]]],[-42.05,528.19,1,[[-20.72,552.54,17.35,18.7,"11"]]],[352.37,215,[[377.03,239.35,10.67,18.7,"1"]]],[352.37,165,[[377.03,189.35,10.67,18.7,"4"]]],[-13.63,215,1,[[11.03,239.35,10.67,18.7,"5"]]],[-13.63,265,1,[[11.03,289.35,10.67,18.7,"7"]]],[352.37,425,[[373.7,449.35,17.35,18.7,"10"]]],[352.37,265,[[373.7,289.35,17.35,18.7,"14"]]],[352.37,375,[[373.7,399.35,17.35,18.7,"15"]]],[252.37,505,[[273.7,529.35,17.35,18.7,"17"]]],[422.37,165,[[443.7,189.35,17.35,18.7,"21"]]]],"e":[[13,12,0,-15,0,15],[13,14,0,15,-30,0,[-102.05,543.19]],[10,13,-30,0,30,0,[-54.55,440,-54.55,489.19]],[14,11,0,-15,0,15],[6,7,0,-15,0,15],[5,8,-30,0,30,0],[1,2,0,-15,0,15],[2,3,-30,0,30,0],[4,3,0,15,0,-15],[15,6,-30,0,30,0],[15,16,0,-15,0,15],[7,16,30,0,-30,0],[6,17,-30,0,30,0],[17,18,0,15,0,-15],[18,12,-30,0,0,-15,[-102.05,280]],[10,19,30,0,0,15,[27.95,440,27.95,474,382.37,474]],[15,20,0,15,0,-15],[19,21,0,-15,0,15],[21,20,0,-15,0,15],[19,1,-30,0,30,0],[1,22,0,15,0,-15],[20,5,-30,0,30,0],[16,23,30,0,-30,0],[11,4,30,5.2,-30,0,[119.87,494.39,119.87,336]]],"vp":[-148.0,127.0,631.0,447.0]}}
-     * The result of a partial layout run with {@link yfiles.partial.PartialLayout#componentAssignmentStrategy component assignment strategy} set to {@link yfiles.partial.ComponentAssignmentStrategy#SINGLE}
-     * and with {@link yfiles.partial.PartialLayout#considerNodeAlignment node alignment} enabled.<b>Features</b>
-     * </p>
-     * <p>
-     * Similar to the layout style, the supported feature set mainly depends on the features supported by the specified {@link yfiles.partial.PartialLayout#coreLayout core layout algorithm}
-     * as well as the specified {@link yfiles.partial.PartialLayout#edgeRouter edge router} or {@link yfiles.partial.PartialLayout#edgeRoutingStrategy edge routing strategy}. The internal step that {@link yfiles.partial.PartialLayout#placeSubgraphs places the components} can handle
-     * group nodes as well as minimum distance constraints. Furthermore, it is able to consider node labels.
-     * </p>
-     * <p>
-     * <b>Concept</b> The layout algorithm tries to place the partial elements such that the resulting drawing (including the fixed elements)
-     * has a good quality with respect to common graph drawing aesthetics.
-     * </p>
-     * <p>
-     * The layout algorithm handles each selected graph element as partial element. For this, it looks up the {@link yfiles.algorithms.IDataProvider}
-     * keys {@link yfiles.partial.PartialLayout#AFFECTED_NODES_DP_KEY} and {@link yfiles.partial.PartialLayout#AFFECTED_EDGES_DP_KEY}. Partial
-     * node elements can be assigned to the so-called <i>subgraph components</i>. During the layout process each subgraph induced by the nodes of a
-     * component is first laid out using the specified {@link yfiles.partial.PartialLayout#coreLayout core layout algorithm}. Then, the different components are placed
-     * one-by-one onto the drawing area such that the number of overlaps among graph elements is small. The user can specify
-     * different objectives for finding 'good' positions for subgraph components (see {@link yfiles.partial.PartialLayout#subgraphPlacement}), e.g., {@link yfiles.partial.SubgraphPlacement#BARYCENTER}
-     * specifies that the component should be placed close to the barycenter of its graph neighbors and {@link yfiles.partial.SubgraphPlacement#FROM_SKETCH}
-     * specifies that the component should be placed close to its original position.
-     * </p>
-     * <p>
-     * Method {@link yfiles.partial.PartialLayout#componentAssignmentStrategy} allows to specify the strategy that assigns partial nodes to subgraph components. Possible values are
-     * {@link yfiles.partial.ComponentAssignmentStrategy#CLUSTERING}, {@link yfiles.partial.ComponentAssignmentStrategy#CONNECTED}, {@link yfiles.partial.ComponentAssignmentStrategy#SINGLE}
-     * and
-     * {@link yfiles.partial.ComponentAssignmentStrategy#CUSTOMIZED}. The last value allows to use a customized component assignment.
-     * Note that nodes of a component cannot be assigned to different group nodes.
-     * </p>
-     * <p>
-     * Furthermore, the user can specify the edge routing strategy (see {@link yfiles.partial.PartialLayout#edgeRoutingStrategy}) that is used for routing partial edges and edges
-     * between different subgraph components (so-called <i>inter-edges</i>). Possible values are {@link yfiles.partial.EdgeRoutingStrategy#ORGANIC},
-     * {@link yfiles.partial.EdgeRoutingStrategy#ORTHOGONAL}, {@link yfiles.partial.EdgeRoutingStrategy#STRAIGHTLINE}, {@link yfiles.partial.EdgeRoutingStrategy#OCTILINEAR}
-     * and {@link yfiles.partial.EdgeRoutingStrategy#AUTOMATIC}.
-     * </p>
-     * @class yfiles.partial.PartialLayout
-     * @extends {yfiles.layout.LayoutStageBase}
-     */
-    export interface PartialLayout extends yfiles.layout.LayoutStageBase{}
-    export class PartialLayout {
-      /**
-       * Creates a new instance of {@link yfiles.partial.PartialLayout} which uses the specified {@link yfiles.layout.ILayoutAlgorithm} instance
-       * as the core layout algorithm.
-       * <p>
-       * This instance is applied to each subgraph component, see {@link yfiles.partial.PartialLayout#componentAssignmentStrategy}.
-       * </p>
-       * @param {yfiles.layout.ILayoutAlgorithm} [subgraphLayouter=null] the layout algorithm that is applied to the subgraph components
-       * @see yfiles.partial.PartialLayout#componentAssignmentStrategy
-       * @constructor
-       */
-      constructor(subgraphLayouter?:yfiles.layout.ILayoutAlgorithm);
-      /**
-       * This method is called each time when edges are routed with an edge router.
-       * <p>
-       * Subclasses may modify the configuration of the given edge router instance.
-       * </p>
-       * <p>
-       * The type of the given instance depends on the edge routing strategy, i.e., if the routing strategy is set to {@link yfiles.partial.EdgeRoutingStrategy#OCTILINEAR}
-       * or {@link yfiles.partial.EdgeRoutingStrategy#ORTHOGONAL} it's an instance of {@link yfiles.router.EdgeRouter}, if the routing strategy
-       * is set to {@link yfiles.partial.EdgeRoutingStrategy#ORGANIC} it's an instance of {@link yfiles.organic.OrganicLayout}, and, if the
-       * routing strategy is set to {@link yfiles.partial.EdgeRoutingStrategy#STRAIGHTLINE} it's an instance of a private
-       * {@link yfiles.router.StraightLineEdgeRouter}. If the edge routing strategy is set to
-       * {@link yfiles.partial.EdgeRoutingStrategy#AUTOMATIC}, the layout algorithm chooses one of the above strategies that best fits
-       * the routing style of the fixed edges.
-       * </p>
-       * @param {yfiles.layout.ILayoutAlgorithm} edgeRouter the instance used for routing the edges
-       * @see yfiles.partial.PartialLayout#edgeRouter
-       * @see yfiles.partial.PartialLayout#edgeRoutingStrategy
-       * @protected
-       */
-      configureEdgeRouter(edgeRouter:yfiles.layout.ILayoutAlgorithm):void;
-      /**
-       * This method is called during the {@link yfiles.partial.PartialLayout#applyLayout layout process} and calculates the layout for the given subgraph component using the
-       * specified {@link yfiles.partial.PartialLayout#coreLayout core layout algorithm}.
-       * <p>
-       * It is called once for each subgraph component.
-       * </p>
-       * <p>
-       * Subclasses may implement a custom layout strategy or add some additional data.
-       * </p>
-       * @param {yfiles.layout.LayoutGraph} subGraph the subgraph component
-       * @protected
-       */
-      layoutSubgraph(subGraph:yfiles.layout.LayoutGraph):void;
-      /**
-       * This method is called during the {@link yfiles.partial.PartialLayout#applyLayout layout process} and places the subgraph components one-by-one onto the drawing area.
-       * <p>
-       * Therefore, it considers the {@link yfiles.partial.PartialLayout#subgraphPlacement specified objective} for finding a suitable position.
-       * </p>
-       * <p>
-       * Subclasses may implement a custom placement strategy or add some additional data. However, they must not modify the
-       * given subgraph component lists.
-       * </p>
-       * @param {yfiles.layout.LayoutGraph} graph the input graph
-       * @param {Array.<yfiles.algorithms.NodeList>} subgraphComponents each entry contains a {@link yfiles.algorithms.NodeList} that induces a subgraph component
-       * @protected
-       */
-      placeSubgraphs(graph:yfiles.layout.LayoutGraph,subgraphComponents:yfiles.algorithms.NodeList[]):void;
-      /**
-       * This method is called during the {@link yfiles.partial.PartialLayout#applyLayout layout process} and routes all partial edges that connect two fixed elements.
-       * <p>
-       * It either uses a {@link yfiles.partial.PartialLayout#edgeRouter custom edge router} or an internal edge router that produces routes according to the specified
-       * {@link yfiles.partial.PartialLayout#edgeRoutingStrategy routing strategy}.
-       * </p>
-       * <p>
-       * Subclasses may implement a custom routing strategy or add some additional data.
-       * </p>
-       * @param {yfiles.layout.LayoutGraph} graph the subgraph of the input graph induced by the fixed nodes
-       * @param {yfiles.algorithms.EdgeList} partialEdges the {@link yfiles.algorithms.EdgeList list of partial edges} to be routed
-       * @protected
-       */
-      routeEdgesBetweenFixedElements(graph:yfiles.layout.LayoutGraph,partialEdges:yfiles.algorithms.EdgeList):void;
-      /**
-       * This method is called during the {@link yfiles.partial.PartialLayout#applyLayout layout process} and routes all inter-edges.
-       * <p>
-       * <i>Inter-edges</i> are edges between different subgraph components including edges between fixed and partial elements. For the routing,
-       * this method uses the edge router instance set with method {@link yfiles.partial.PartialLayout#edgeRouter}. If no edge router was specified by the user, it uses an
-       * internal edge router with routing strategy {@link yfiles.partial.PartialLayout#edgeRoutingStrategy}.
-       * </p>
-       * <p>
-       * Subclasses may implement a custom routing strategy or add some additional data.
-       * </p>
-       * @param {yfiles.layout.LayoutGraph} graph the relevant subgraph
-       * @param {yfiles.algorithms.EdgeList} interEdges the {@link yfiles.algorithms.EdgeList list of inter-edges} to be routed
-       * @protected
-       */
-      routeInterEdges(graph:yfiles.layout.LayoutGraph,interEdges:yfiles.algorithms.EdgeList):void;
-      /**
-       * Data provider key for marking partial nodes.
-       * @see yfiles.partial.PartialLayout#AFFECTED_EDGES_DP_KEY
-       * @const
-       * @static
-       * @type {yfiles.algorithms.NodeDpKey.<boolean>}
-       */
-      static AFFECTED_NODES_DP_KEY:yfiles.algorithms.NodeDpKey<boolean>;
-      /**
-       * Data provider key for specifying the edges that should be considered to be directed.
-       * <p>
-       * If a layout orientation is specified (i.e., {@link yfiles.partial.PartialLayout#layoutOrientation} is not
-       * {@link yfiles.partial.LayoutOrientation#NONE}), the algorithm tries to route directed edges such that they adhere to that
-       * orientation.
-       * </p>
-       * @see yfiles.partial.PartialLayout#layoutOrientation
-       * @const
-       * @static
-       * @type {yfiles.algorithms.EdgeDpKey.<boolean>}
-       */
-      static DIRECTED_EDGES_DP_KEY:yfiles.algorithms.EdgeDpKey<boolean>;
-      /**
-       * Data provider key for marking partial edges.
-       * @see yfiles.partial.PartialLayout#AFFECTED_NODES_DP_KEY
-       * @const
-       * @static
-       * @type {yfiles.algorithms.EdgeDpKey.<boolean>}
-       */
-      static AFFECTED_EDGES_DP_KEY:yfiles.algorithms.EdgeDpKey<boolean>;
-      /**
-       * Data provider key for obtaining the edges that should be routed by the edge router.
-       * @see yfiles.partial.PartialLayout#edgeRouter
-       * @const
-       * @static
-       * @type {yfiles.algorithms.EdgeDpKey.<boolean>}
-       */
-      static ROUTE_EDGE_DP_KEY:yfiles.algorithms.EdgeDpKey<boolean>;
-      /**
-       * Data provider key for defining custom subgraph components.
-       * @see yfiles.partial.ComponentAssignmentStrategy#CUSTOMIZED
-       * @see yfiles.partial.PartialLayout#componentAssignmentStrategy
-       * @const
-       * @static
-       * @type {yfiles.algorithms.NodeDpKey.<Object>}
-       */
-      static COMPONENT_ID_DP_KEY:yfiles.algorithms.NodeDpKey<Object>;
-      /**
-       * Gets or sets the {@link yfiles.layout.ILayoutAlgorithm} instance that is applied to each subgraph component.
-       * <p>
-       * More precisely, during the layout process each subgraph induced by the (partial) nodes of a component (see
-       * {@link yfiles.partial.PartialLayout#componentAssignmentStrategy}) is first laid out using this instance.
-       * </p>
-       * @type {yfiles.layout.ILayoutAlgorithm}
-       */
-      coreLayout:yfiles.layout.ILayoutAlgorithm;
-      /**
-       * Gets or sets the preferred time limit (in milliseconds) for the layout algorithm.
-       * <p>
-       * The specified value has to be greater than or equal to <code>0</code>. If the value is <code>0x7FFFFFFF</code>, the time is not limited.
-       * </p>
-       * @throws {Stubs.Exceptions.ArgumentError} if the maximum duration is negative
-       * @type {number}
-       */
-      maximumDuration:number;
-      /**
-       * Gets or sets whether or not edges between different subgraph components should be routed immediately.
-       * <p>
-       * If this option is enabled, edges are routed during the placement of the subgraph components, i.e., immediately after a
-       * component is placed, its edges to other already placed components are routed. Otherwise, these edges are routed in a
-       * separate step after placing all subgraph components. Hence, while enabling this option usually leads to shorter edge
-       * routes, the placement of subgraph components is less compact.
-       * </p>
-       * @see yfiles.partial.PartialLayout#routeInterEdges
-       * @see yfiles.partial.PartialLayout#placeSubgraphs
-       * @type {boolean}
-       */
-      routeInterEdgesImmediately:boolean;
-      /**
-       * Gets or sets whether or not a subgraph component may be placed within another subgraph component.
-       * <p>
-       * Enabling this option leads to more compact layout results but requires more runtime.
-       * </p>
-       * @type {boolean}
-       */
-      componentCompaction:boolean;
-      /**
-       * Gets or sets whether or not fixed (non-partial) group nodes may be resized.
-       * <p>
-       * Enabling this option may lead to better results if there are fixed group nodes, since there is more space for the
-       * partial elements.
-       * </p>
-       * @type {boolean}
-       */
-      resizeFixedGroups:boolean;
-      /**
-       * Gets or sets the objective used for finding 'good' positions for subgraph components.
-       * @throws {Stubs.Exceptions.ArgumentError} if the specified strategy does not match one of the predefined positioning strategies
-       * @type {yfiles.partial.SubgraphPlacement}
-       */
-      subgraphPlacement:yfiles.partial.SubgraphPlacement;
-      /**
-       * Gets or sets the minimum distance between two adjacent nodes.
-       * <p>
-       * The specified value has to be non-negative.
-       * </p>
-       * @throws {Stubs.Exceptions.ArgumentError} if the distance is negative
-       * @type {number}
-       */
-      minimumNodeDistance:number;
-      /**
-       * Gets or sets whether or not partial nodes should be aligned.
-       * <p>
-       * If this option is enabled, the algorithm tries to align the center of partial nodes with other nodes.
-       * </p>
-       * @type {boolean}
-       */
-      considerNodeAlignment:boolean;
-      /**
-       * Gets or sets the strategy that assigns partial nodes to subgraph components.
-       * <p>
-       * The specified core layouter (see {@link yfiles.partial.PartialLayout#coreLayout}) independently calculates the layout for each such subgraph component.
-       * </p>
-       * @throws {Stubs.Exceptions.ArgumentError} if the specified strategy does not match one of the predefined assignment strategies.
-       * @see yfiles.partial.PartialLayout#coreLayout
-       * @type {yfiles.partial.ComponentAssignmentStrategy}
-       */
-      componentAssignmentStrategy:yfiles.partial.ComponentAssignmentStrategy;
-      /**
-       * Gets or sets whether or not a postprocessing step should be applied to reduce the number of directed edges that do not
-       * comply with the specified layout orientation.
-       * @see yfiles.partial.PartialLayout#layoutOrientation
-       * @see yfiles.partial.PartialLayout#DIRECTED_EDGES_DP_KEY
-       * @type {boolean}
-       */
-      optimizeOrientation:boolean;
-      /**
-       * Gets or sets the custom edge router instance that is used for partial edges and edges between different subgraph
-       * components (so-called inter-edges).
-       * @see yfiles.partial.PartialLayout#ROUTE_EDGE_DP_KEY
-       * @see yfiles.partial.PartialLayout#edgeRoutingStrategy
-       * @type {yfiles.layout.ILayoutAlgorithm}
-       */
-      edgeRouter:yfiles.layout.ILayoutAlgorithm;
-      /**
-       * Gets or sets the routing strategy that is used for partial edges and edges between different subgraph components
-       * (so-called inter-edges).
-       * @throws {Stubs.Exceptions.ArgumentError} if the specified strategy does not match one of the predefined routing strategies
-       * @see yfiles.partial.PartialLayout#edgeRouter
-       * @type {yfiles.partial.EdgeRoutingStrategy}
-       */
-      edgeRoutingStrategy:yfiles.partial.EdgeRoutingStrategy;
-      /**
-       * Gets or sets the layout orientation that is considered during the placement of partial elements.
-       * <p>
-       * More precisely, the algorithm tries to place each {@link yfiles.partial.PartialLayout#componentAssignmentStrategy subgraph component} such that each predecessor of a component's node <code>v</code>
-       * is placed before <code>v</code> and each successor after <code>v</code> with respect to the layout orientation.
-       * </p>
-       * @throws {Stubs.Exceptions.ArgumentError} if the specified orientation does not match one of the predefined orientations
-       * @see yfiles.partial.PartialLayout#DIRECTED_EDGES_DP_KEY
-       * @type {yfiles.partial.LayoutOrientation}
-       */
-      layoutOrientation:yfiles.partial.LayoutOrientation;
-      /**
-       * Gets or sets whether or not subgraph components are mirrored to improve the layout quality.
-       * <p>
-       * If enabled, the algorithm checks for each component which of the four possible mirrorings minimizes the edge length.
-       * </p>
-       * @type {boolean}
-       */
-      allowMirroring:boolean;
-      static $class:yfiles.lang.Class;
-    }
-    /**
-     * Specifies custom data for the {@link yfiles.partial.PartialLayout}.
-     * @class yfiles.partial.PartialLayoutData
-     * @extends {yfiles.layout.LayoutData}
-     */
-    export interface PartialLayoutData extends yfiles.layout.LayoutData{}
-    export class PartialLayoutData {
-      constructor();
-      /**
-       * Gets or sets the collection of nodes placed by the layout.
-       * @see yfiles.partial.PartialLayout#AFFECTED_NODES_DP_KEY
-       * @type {yfiles.layout.ItemCollection.<yfiles.graph.INode>}
-       */
-      affectedNodes:yfiles.layout.ItemCollection<yfiles.graph.INode>;
-      /**
-       * Gets or sets the collection of edges placed by the layout.
-       * @see yfiles.partial.PartialLayout#AFFECTED_EDGES_DP_KEY
-       * @type {yfiles.layout.ItemCollection.<yfiles.graph.IEdge>}
-       */
-      affectedEdges:yfiles.layout.ItemCollection<yfiles.graph.IEdge>;
-      /**
-       * Gets or sets the collection of edges that are considered as directed by the layout.
-       * <p>
-       * Only if the {@link yfiles.partial.PartialLayout#layoutOrientation} is not {@link yfiles.partial.LayoutOrientation#NONE} the directedness of edges has an effect.
-       * </p>
-       * @see yfiles.partial.PartialLayout#DIRECTED_EDGES_DP_KEY
-       * @type {yfiles.layout.ItemCollection.<yfiles.graph.IEdge>}
-       */
-      directedEdges:yfiles.layout.ItemCollection<yfiles.graph.IEdge>;
-      /**
-       * Gets or sets the mapping from partial nodes to an object defining their component assignment.
-       * <p>
-       * All partial nodes associated with the same object are assigned to the same subgraph component.
-       * </p>
-       * @see yfiles.partial.PartialLayout#COMPONENT_ID_DP_KEY
-       * @see yfiles.partial.ComponentAssignmentStrategy#CUSTOMIZED
-       * @see yfiles.partial.PartialLayout#componentAssignmentStrategy
-       * @type {yfiles.layout.ItemMapping.<yfiles.graph.INode,Object>}
-       */
-      componentIds:yfiles.layout.ItemMapping<yfiles.graph.INode,Object>;
-      /**
-       * Gets or sets the mapping from nodes to their {@link yfiles.layout.NodeHalo}.
-       * @see yfiles.layout.NodeHalo#NODE_HALO_DP_KEY
-       * @type {yfiles.layout.ItemMapping.<yfiles.graph.INode,yfiles.layout.NodeHalo>}
-       */
-      nodeHalos:yfiles.layout.ItemMapping<yfiles.graph.INode,yfiles.layout.NodeHalo>;
-      /**
-       * Gets or sets a mapping from edges to their source {@link yfiles.layout.PortConstraint}.
-       * @see yfiles.layout.PortConstraintKeys#SOURCE_PORT_CONSTRAINT_DP_KEY
-       * @type {yfiles.layout.ItemMapping.<yfiles.graph.IEdge,yfiles.layout.PortConstraint>}
-       */
-      sourcePortConstraints:yfiles.layout.ItemMapping<yfiles.graph.IEdge,yfiles.layout.PortConstraint>;
-      /**
-       * Gets or sets a mapping from edges to their target {@link yfiles.layout.PortConstraint}.
-       * @see yfiles.layout.PortConstraintKeys#TARGET_PORT_CONSTRAINT_DP_KEY
-       * @type {yfiles.layout.ItemMapping.<yfiles.graph.IEdge,yfiles.layout.PortConstraint>}
-       */
-      targetPortConstraints:yfiles.layout.ItemMapping<yfiles.graph.IEdge,yfiles.layout.PortConstraint>;
-      /**
-       * Gets or sets a mapping from edges to a collection of their source port {@link yfiles.layout.PortCandidate candidates}.
-       * @see yfiles.layout.PortCandidate#SOURCE_PORT_CANDIDATE_COLLECTION_DP_KEY
-       * @type {yfiles.layout.ItemMapping.<yfiles.graph.IEdge,yfiles.collections.ICollection.<yfiles.layout.PortCandidate>>}
-       */
-      sourcePortCandidates:yfiles.layout.ItemMapping<yfiles.graph.IEdge,yfiles.collections.ICollection<yfiles.layout.PortCandidate>>;
-      /**
-       * Gets or sets a mapping from edges to a collection of their target port {@link yfiles.layout.PortCandidate candidates}.
-       * @see yfiles.layout.PortCandidate#TARGET_PORT_CANDIDATE_COLLECTION_DP_KEY
-       * @type {yfiles.layout.ItemMapping.<yfiles.graph.IEdge,yfiles.collections.ICollection.<yfiles.layout.PortCandidate>>}
-       */
-      targetPortCandidates:yfiles.layout.ItemMapping<yfiles.graph.IEdge,yfiles.collections.ICollection<yfiles.layout.PortCandidate>>;
-      /**
-       * Gets or sets the AbortHandler used during the layout.
-       * @see yfiles.algorithms.AbortHandler#ABORT_HANDLER_DP_KEY
-       * @type {yfiles.algorithms.AbortHandler}
-       */
-      abortHandler:yfiles.algorithms.AbortHandler;
-      /**
-       * Gets or sets the partition grid layout data.
-       * @type {yfiles.layout.PartitionGridData}
-       */
-      partitionGridData:yfiles.layout.PartitionGridData;
-      static $class:yfiles.lang.Class;
-    }
-  }export namespace tree{
-    /**
-     * Encapsulates information bound to a node while the algorithm calculates a layout.
-     * @class yfiles.tree.BalloonLayoutNodeInfo
-     */
-    export interface BalloonLayoutNodeInfo extends Object{}
-    export class BalloonLayoutNodeInfo {
-      /**
-       * The upper angle of the subtree wedge rooted at the node.
-       * @type {number}
-       */
-      upperAngle:number;
-      /**
-       * The lower angle of the subtree wedge rooted at the node.
-       * @type {number}
-       */
-      lowerAngle:number;
-      /**
-       * The angle of the gap to the wedge of the previous child node.
-       * @type {number}
-       */
-      gapAngle:number;
-      /**
-       * The distance of the node to its root node.
-       * @type {number}
-       */
-      dist:number;
-      /**
-       * Gets the sum of all wedge angles of the subtree rooted at this node.
-       * @type {number}
-       */
-      angleSum:number;
-      static $class:yfiles.lang.Class;
-    }
-    /**
-     * A tree layout algorithm that arranges the subtrees of the tree in a balloon-like fashion.
-     * <p>
-     * <b>Layout Style</b> {@link yfiles.tree.BalloonLayout} is designed to arrange directed and undirected tree graphs. Subtrees rooted at a node are
-     * placed in a radial fashion around their root node. All direct children of one node can be placed on a common circle
-     * around their parent node (depending on the {@link yfiles.tree.BalloonLayout#childAlignmentPolicy alignment policy}). Therefore, subtrees look like balloons or stars,
-     * especially if subtrees have similar sizes. The edges of the tree are drawn as straight lines. {@graph {"ann":{"s":[30,30],"d":1,"c":1},"n":[[765.94,466.2],[616.19,1035.44],[858.96,1192.81],[289.45,1092.35],[983.21,685.48],[390.63,1191.59],[1141.69,322.61],[1215.22,473.98],[599.06,923.71],[924.21,1082.3],[291.41,844.85],[1077.22,396.06],[999.14,1284.78],[391.43,1274.01],[324.89,753.04],[236.05,1223.63],[930.33,1330.15],[1013.36,1203.58],[1165.73,539.9],[1084.13,551.52],[612.56,192.18],[1004.03,1061.74],[901.39,675.54],[684.7,152.3],[1022.85,458.01],[190.18,1336.4],[767.32,1282.66],[473.05,1190.8],[684.09,233.13],[385.33,871.88],[1139.17,442.18],[925.13,116.39],[353.13,675.6],[334.78,932.43],[685.33,1291.17],[152.25,1056.81],[427.86,640.81],[1239.04,331.19],[1006.49,764.55],[934.86,198.24],[732.68,1169.96],[1046.6,632.79],[412.14,1021.39],[1266.98,538.13],[716.32,76.19],[1068.06,1329.99],[76.94,1090.32],[792.51,44.73],[576.22,1141.17],[944.59,280.09],[718.72,987.86],[132.38,1277.64],[1007.52,113.83],[318.35,600.87],[686.08,946.6],[0,1060.76],[621.34,1239.22],[684.87,0],[47.38,1167.26],[929.76,34.1],[866.88,1320.91],[425.22,944.01],[1181.1,233.18],[374.69,793.72],[118.75,981.5],[903.65,1002.48],[532.13,493.99],[200.85,981.73],[760.81,183.93],[633.38,1355.17],[1177.35,621.5],[775.83,1364.64],[784.35,1446.63],[1237.23,394.55],[272.59,1334.67],[974.02,603.57],[457.46,831.99],[159.13,1412.75],[260.6,752.11],[1069.67,256.55],[1044.67,310.87],[1121.63,226.96],[1225.82,272.87],[597.56,111.13],[530.37,198.46],[610.06,274.57],[555.63,251.79],[547.23,141.92],[1062.07,709.49],[929.94,748.38],[843.55,104.61],[857.02,162.82],[1295.93,457.26],[193.97,837.29],[246.66,931.74],[206.06,892.47],[214.43,784.65],[979.61,1149.06],[838.99,1066.04],[786.55,1086.86],[172.43,1172.3],[317.44,1231.28],[428.9,1117.65],[872.95,52.59],[984.14,58.85],[987.6,170.17],[521.61,289.78],[410.77,300.73],[412.02,412.1],[523.07,420.56],[465.9,437.92],[389.75,356.66],[464.06,273.7],[553.17,340.51],[472.17,355.73]],"e":[[0,1],[1,2],[1,3],[0,4],[3,5],[0,6],[6,7],[1,8],[2,9],[3,10],[6,11],[2,12],[5,13],[10,14],[3,15],[12,16],[12,17],[7,18],[18,19],[0,20],[9,21],[4,22],[20,23],[11,24],[15,25],[2,26],[5,27],[20,28],[10,29],[7,30],[0,31],[14,32],[10,33],[26,34],[3,35],[32,36],[6,37],[4,38],[31,39],[2,40],[4,41],[3,42],[7,43],[23,44],[12,45],[35,46],[44,47],[1,48],[39,49],[1,50],[25,51],[31,52],[32,53],[1,54],[46,55],[34,56],[44,57],[46,58],[31,59],[2,60],[29,61],[6,62],[10,63],[35,64],[9,65],[0,66],[3,67],[23,68],[34,69],[18,70],[26,71],[71,72],[7,73],[25,74],[4,75],[29,76],[25,77],[10,78],[6,79],[6,80],[6,81],[6,82],[20,83],[20,84],[20,85],[20,86],[20,87],[4,88],[4,89],[31,90],[31,91],[7,92],[10,93],[10,94],[10,95],[10,96],[2,97],[2,98],[2,99],[3,100],[3,101],[3,102],[31,103],[31,104],[31,105],[0,114],[114,106],[114,107],[114,108],[114,109],[114,110],[114,111],[114,112],[114,113]],"vp":[0.0,0.0,1326.0,1477.0]}} Sample balloon-drawing of
-     * a large tree obtained with default settings {@graph {"ann":{"s":[20,20],"d":1,"c":1},"n":[[302.82,325.51,70,70,[[323.15,369.86,29.35,18.7,"Root"]]],[467.87,433.16,35,35],[555.28,457.63,[[581.09,480.55,27.36,18.7,0.20775573281806076,-0.978180737635551,"Leaf"]]],[539.95,490.69,[[558.57,519.19,27.36,18.7,0.6124052098749311,-0.7905440271851036,"Leaf"]]],[511.78,513.79,[[521.49,544.2,27.36,18.7,0.8952174454926904,-0.4456295830457645,"Leaf"]]],[617.42,438.44,[[645.7,457.5,27.36,18.7,-0.01562900399598557,-0.9998778596579152,"Leaf"]]],[604.25,500.42,[[626.78,526.54,27.36,18.7,0.42067550054279435,-0.9072111789672069,"Leaf"]]],[168.96,426.6,35,35],[122.16,495.14,[[108.91,545.35,27.36,18.7,-0.7471310564613752,-0.6646767518658294,"Leaf"]]],[101.02,465.46,[[72.6,501.56,27.36,18.7,-0.38380727069642384,-0.9234132222144982,"Leaf"]]],[94.89,429.54,[[58.95,446.33,27.36,18.7,0.0558744858236695,-0.9984378006836183,"Leaf"]]],[108.08,558.63,[[104.38,613.01,27.36,18.7,-0.8765491095440469,-0.48131243341257923,"Leaf"]]],[60.74,516.51,[[39.11,560.52,27.36,18.7,-0.5800788870754927,-0.8145603014935467,"Leaf"]]],[472.4,260.75,35,35],[534.73,207.69,[[563.84,210.51,27.36,18.7,-0.7413022827299817,-0.6711713086979497,"Leaf"]]],[555.61,237.55,[[585.94,249.4,27.36,18.7,-0.3757344582282841,-0.9267273692407589,"Leaf"]]],[561.43,273.52,[[588.93,294.02,27.36,18.7,0.06458526120504259,-0.997912192547559,"Leaf"]]],[549.36,144.32,[[576.39,143.07,27.36,18.7,-0.8723155432038684,-0.48894334343044304,"Leaf"]]],[596.34,186.85,[[626.56,194.12,27.36,18.7,-0.5729485100623841,-0.8195913645331399,"Leaf"]]],[316.53,515.88,35,35],[349.51,601,[[356.29,631.15,27.36,18.7,0.9501038773669919,-0.3119336823945245,"Leaf"]]],[313.23,604.36,[[326.48,660.69,27.36,18.7,-0.9912225732921417,-0.1322036693745865,"Leaf"]]],[279.09,591.61,[[271.88,644.75,27.36,18.7,-0.8351387927609661,-0.5500392684397689,"Leaf"]]],[397.33,645.07,[[408.68,675.44,27.36,18.7,0.8566078613378385,-0.5159679950289693,"Leaf"]]],[337.13,664.84,[[339.49,693.76,27.36,18.7,0.9957417304784997,-0.09218680048511825,"Leaf"]]],[52.71,198.2,[[17.59,197.15,27.36,18.7,0.42857629306653433,-0.9035055954565794,"Leaf"]]],[39,260.06,[[3.57,279.73,27.36,18.7,-0.006902939255060647,-0.9999761744309916,"Leaf"]]],[145.3,185.63,[[126.97,158.82,27.36,18.7,0.8990721607310399,-0.43780046801987216,"Leaf"]]],[116.92,208.49,[[85.4,197.66,27.36,18.7,0.6192806018773118,-0.7851697498875478,"Leaf"]]],[101.3,241.41,[[64.86,250.7,27.36,18.7,0.21628395104715628,-0.9763305037329477,"Leaf"]]],[173.56,251.58,35,35],[321.26,36.12,[[318.14,1.56,27.36,18.7,0.9965082870714412,-0.08349391473599899,"Leaf"]]],[260.88,55.36,[[239.7,30.94,27.36,18.7,0.861077857359917,-0.5084731296385823,"Leaf"]]],[378.65,109.85,[[406.52,110,27.36,18.7,-0.8303070560332068,-0.557306192950939,"Leaf"]]],[344.63,96.81,[[366.44,90.16,27.36,18.7,-0.9900311505600138,-0.14084857443657478,"Leaf"]]],[308.31,99.85,[[295.59,69.34,27.36,18.7,0.9527898006751772,-0.30363068970273144,"Leaf"]]],[325.62,170.19,35,35],[620.15,245.57,[[649.55,261.91,27.36,18.7,-0.15959409597274285,-0.9871827209441234,"Leaf"]]],[565.45,550.51,[[579.72,580.47,27.36,18.7,0.7732871466592579,-0.6340559823955481,"Leaf"]]],[36.42,458,[[3.15,484.87,27.36,18.7,-0.1682027041762925,-0.9857524285071697,"Leaf"]]],[91.95,148.45,[[66.13,128.88,27.36,18.7,0.7787908142925284,-0.6272837217508362,"Leaf"]]],[383.99,45.04,[[409.22,41.45,27.36,18.7,-0.933684654259895,-0.3580963088326663,"Leaf"]]],[274.32,656.46,[[277.16,712.35,27.36,18.7,-0.9367740425600954,-0.34993484134280844,"Leaf"]]]],"e":[[0,1,[],[[405.66,401.96,61.37,18.7,0.5213485166954306,-0.8533438487148509,"Root-Edge"]]],[1,2],[1,3],[1,4],[1,5],[1,6],[0,7,[],[[268.23,398.95,61.37,18.7,0.4834440722369951,0.8753752504034548,"Root-Edge"]]],[7,8],[7,9],[7,10],[7,11],[7,12],[0,13,[],[[407.74,322.69,61.37,18.7,-0.4757866709710364,-0.8795607106540735,"Root-Edge"]]],[13,14],[13,15],[13,16],[13,17],[13,18],[0,19,[],[[336.08,439.99,61.37,18.7,0.999759704932882,0.02192104907427582,"Root-Edge"]]],[19,20],[19,21],[19,22],[19,23],[19,24],[0,30,[],[[270.35,318.48,61.37,18.7,-0.5287754007295448,0.8487617896579165,"Root-Edge"]]],[30,29],[30,28],[30,27],[30,26],[30,25],[0,36,[],[[340.26,281.05,61.37,18.7,-0.9995303423338449,-0.030644652942837143,"Root-Edge"]]],[36,35],[36,34],[36,33],[36,32],[36,31],[13,37],[1,38],[7,39],[30,40],[36,41],[19,42]],"vp":[-1.0,0.0,678.0,722.0]}} Sample balloon-drawing featuring interleaved child placement and ray-like
-     * node labels <b>Concept</b>The algorithm executes the following steps:
-     * </p>
-     * <ol>
-     * <li>Select a root node according to the specified {@link yfiles.tree.BalloonLayout#rootNodePolicy root policy}.</li>
-     * <li>Determine the placement of subtrees around the root using a bottom-up recursive approach (starting with leaf nodes).</li>
-     * <li>Assign the actual coordinates of nodes, again using a recursive approach (starting with the root node).</li>
-     * </ol>
-     * <p>
-     * <b>Features</b>
-     * </p>
-     * <p>
-     * The algorithm features integrated {@link yfiles.tree.BalloonLayout#integratedEdgeLabeling edge labeling} as well as {@link yfiles.tree.BalloonLayout#integratedNodeLabeling node labeling}. Edge labels and node labels are placed
-     * automatically without generating overlaps with other labels or graph elements. There are different {@link yfiles.tree.BalloonLayout#nodeLabelingPolicy ways} to place node
-     * labels. Edge labeling will take the settings of {@link yfiles.layout.PreferredPlacementDescriptor} into account.
-     * </p>
-     * <p>
-     * Defining a {@link yfiles.tree.BalloonLayout#preferredChildWedge preferred wedge angle} has a great influence on the layout style. Subtrees rooted at a node get a certain
-     * amount of radial space to be placed around the parent node, such that a preferred angle close to <code>360</code> degrees will
-     * generate drawings where subtrees look like balloons, while an angle close to <code>180</code> degrees could be chosen to get drawings
-     * where subtrees look like semicircles.
-     * </p>
-     * <p>
-     * Since it is computationally not very complex, {@link yfiles.tree.BalloonLayout} is very well suited for large tree graphs. It
-     * performs well even for huge graphs.
-     * </p>
-     * <p>
-     * This layout algorithm can only handle graphs with a tree structure. To apply it to a general graph, a {@link yfiles.tree.TreeReductionStage}
-     * can be appended. This stage will temporarily remove some edges of the input graph until a tree is obtained. These edges
-     * will later be reinserted and routed separately.
-     * </p>
-     * @class yfiles.tree.BalloonLayout
-     * @extends {yfiles.layout.MultiStageLayout}
-     */
-    export interface BalloonLayout extends yfiles.layout.MultiStageLayout{}
-    export class BalloonLayout {
-      /**
-       * Creates a new {@link yfiles.tree.BalloonLayout} instance with default settings.
-       * @constructor
-       */
-      constructor();
-      /**
-       * Calculates the wedge angle that has to be reserved for the subtree rooted at the given node scaling the {@link yfiles.tree.BalloonLayoutNodeInfo#dist distance} with
-       * the given scale factor.
-       * <p>
-       * Given some {@link yfiles.tree.BalloonLayoutNodeInfo#dist distance} the {@link yfiles.tree.BalloonLayoutNodeInfo#upperAngle upper angle} and {@link yfiles.tree.BalloonLayoutNodeInfo#lowerAngle lower angle} of the wedge belonging to the subtree rooted at <code>root</code> will be
-       * calculated and stored in the {@link yfiles.tree.BalloonLayoutNodeInfo} instance associated with <code>root</code>
-       * ({@link yfiles.tree.BalloonLayout#getInfo}).
-       * </p>
-       * <p>
-       * This method may be overridden to perform a custom wedge angle assignment scheme. The method is called when
-       * {@link yfiles.tree.BalloonLayout#calculateChildArrangement arranging child nodes}. Large edge labels on the incoming edge to <code>root</code> need to be considered, if {@link yfiles.tree.BalloonLayout#integratedEdgeLabeling integrated edge labeling}
-       * should still work properly.
-       * </p>
-       * @param {yfiles.algorithms.Node} root the node for which the wedge angles are calculated
-       * @param {number} [scaleFactor=1.0] a factor to be applied to the {@link yfiles.tree.BalloonLayoutNodeInfo#dist distance} of <code>root</code>
-       * @returns {number} the sum of the upper and lower wedge angle of the subtree rooted at the given root node
-       * @see yfiles.tree.BalloonLayout#calculateChildArrangement
-       * @protected
-       */
-      calculateAngles(root:yfiles.algorithms.Node,scaleFactor?:number):number;
-      /**
-       * Calculates a child node arrangement for a given root node of the tree.
-       * <p>
-       * During the arrangement, child nodes of <code>root</code> will be {@link yfiles.tree.BalloonLayout#sortChildNodes sorted}. Furthermore, distances of the child nodes will be chosen
-       * such that the wedge of the subtree of <code>root</code> fits into the preferred wedge angle, which is either defined via {@link yfiles.tree.BalloonLayout#preferredRootWedge} or {@link yfiles.tree.BalloonLayout#preferredChildWedge}.
-       * Calculated distances are stored in {@link yfiles.tree.BalloonLayoutNodeInfo#dist}.
-       * </p>
-       * <p>
-       * The angle values - upper and lower wedge angle - may also be updated during this process and stored in {@link yfiles.tree.BalloonLayoutNodeInfo#upperAngle}
-       * and
-       * {@link yfiles.tree.BalloonLayoutNodeInfo#lowerAngle}, respectively. To compute the angles of wedges, method CalculateAngles is
-       * used.
-       * </p>
-       * <p>
-       * This method may be overridden to perform a custom child node arrangement. If support for available features like {@link yfiles.tree.BalloonLayout#interleavedMode interleaving}
-       * should be maintained, then these features need to be carefully considered during the arrangement.
-       * </p>
-       * @param {yfiles.algorithms.Node} root the node for whose children to compute an arrangement
-       * @protected
-       */
-      calculateChildArrangement(root:yfiles.algorithms.Node):void;
-      /**
-       * Determines the root node of {@link yfiles.tree.BalloonLayout#graph} according to the chosen {@link yfiles.tree.BalloonLayout#rootNodePolicy root node policy}.
-       * <p>
-       * This method may be overridden to implement some other strategy for choosing the root node of the input graph. It is
-       * called before the rest of the layout process within {@link yfiles.tree.BalloonLayout#applyLayoutCore}.
-       * </p>
-       * @returns {yfiles.algorithms.Node} the root node of {@link yfiles.tree.BalloonLayout#graph}
-       * @see yfiles.tree.BalloonLayout#rootNodePolicy
-       * @protected
-       */
-      determineRoot():yfiles.algorithms.Node;
-      /**
-       * Returns the {@link yfiles.tree.BalloonLayoutNodeInfo} object associated with the given node while the layout algorithm is
-       * active.
-       * <p>
-       * The returned object contains detailed information describing the placement of a node in the layout being computed, e.g.,
-       * a node's distance to its parent or the wedge angle of the subtree rooted at a node.
-       * </p>
-       * <p>
-       * Subclasses may want to override this method to realize another node information setup. This method is called throughout
-       * the algorithm, each time some information associated with a node needs to be retrieved or stored.
-       * </p>
-       * @param {yfiles.algorithms.Node} node the node whose information object should be retrieved
-       * @returns {yfiles.tree.BalloonLayoutNodeInfo} the {@link yfiles.tree.BalloonLayoutNodeInfo} instance associated to the given node
-       * @see yfiles.tree.BalloonLayoutNodeInfo
-       */
-      getInfo(node:yfiles.algorithms.Node):yfiles.tree.BalloonLayoutNodeInfo;
-      /**
-       * Returns the preferred radial amount (wedge) in degrees that child nodes may in total occupy around the given node.
-       * <p>
-       * The wedge angle controls the degree to which the child nodes may radiate from the center of layout. A value close to <code>360</code>
-       * means that the child nodes may radiate in (almost) any direction from their parent node, edge lengths can in consequence
-       * stay rather small. On the other hand, a small value means that children are restricted to a small angle; thus, edges
-       * lengths (and drawings) may become large.
-       * </p>
-       * <p>
-       * This method returns the {@link yfiles.tree.BalloonLayout#preferredRootWedge preferred root wedge} if node <code>root</code> was selected as global root node ({@link yfiles.tree.BalloonLayout#rootNodePolicy}). Otherwise, it either
-       * returns {@link yfiles.tree.BalloonLayout#preferredChildWedge} or if the given node has an outdegree equal to <code>2</code>, it returns the minimum of {@link yfiles.tree.BalloonLayout#preferredChildWedge} and <code>180</code>.
-       * </p>
-       * <p>
-       * This method may be overridden to provide a custom child wedge function.
-       * </p>
-       * @param {yfiles.algorithms.Node} root the node to get the preferred wedge angle for
-       * @returns {number} the preferred wedge angle for <code>root</code> in degrees
-       * @see yfiles.tree.BalloonLayout#preferredChildWedge
-       * @see yfiles.tree.BalloonLayout#preferredRootWedge
-       * @protected
-       */
-      getPreferredChildWedge(root:yfiles.algorithms.Node):number;
-      /**
-       * Sorts the child nodes (successors) of the given node.
-       * <p>
-       * This implementation uses the original node coordinates if {@link yfiles.tree.BalloonLayout#fromSketchMode From Sketch mode} is enabled. Otherwise it uses {@link yfiles.tree.BalloonLayout#comparer the specified comparator}
-       * to sort the outgoing edges and thus the children of <code>root</code>. If there is no such comparator, then the sorting depends on
-       * whether or not the child nodes are placed in an {@link yfiles.tree.BalloonLayout#interleavedMode interleaved} fashion:
-       * </p>
-       * <ul>
-       * <li>Normal: Children are sorted according to the chosen {@link yfiles.tree.BalloonLayout#childOrderingPolicy child ordering policy}.</li>
-       * <li>
-       * Interleaved: Children are sorted such that the resulting interleaved node placement is compact, while children inducing
-       * larger subgraphs are placed next to smaller ones.
-       * </li>
-       * </ul>
-       * <p>
-       * This method may be overridden to realize a custom child node ordering. It gets called in method {@link yfiles.tree.BalloonLayout#calculateChildArrangement}
-       * before coordinates are assigned and just after the wedge sizes for all subtrees rooted at <code>root</code> are determined.
-       * </p>
-       * @param {yfiles.algorithms.Node} root the node whose child nodes will be sorted
-       * @protected
-       */
-      sortChildNodes(root:yfiles.algorithms.Node):void;
-      /**
-       * Data provider key for marking nodes whose child nodes should be placed in an interleaved fashion
-       * <p>
-       * This {@link yfiles.algorithms.IDataProvider} allows to individually configure the interleaving feature for each node in the
-       * graph.
-       * </p>
-       * @see yfiles.tree.BalloonLayout#interleavedMode
-       * @const
-       * @static
-       * @type {yfiles.algorithms.NodeDpKey.<boolean>}
-       */
-      static INTERLEAVED_NODES_DP_KEY:yfiles.algorithms.NodeDpKey<boolean>;
-      /**
-       * Data provider key for marking the node that will be used as root node of the tree.
-       * @see yfiles.tree.BalloonLayout#rootNodePolicy
-       * @const
-       * @static
-       * @type {yfiles.algorithms.NodeDpKey.<boolean>}
-       */
-      static SELECTED_ROOT_DP_KEY:yfiles.algorithms.NodeDpKey<boolean>;
-      /**
-       * The layout graph being acted upon.
-       * @protected
-       * @type {yfiles.layout.LayoutGraph}
-       */
-      graph:yfiles.layout.LayoutGraph;
-      /**
-       * Gets or sets the {@link yfiles.collections.IComparer.<T>} instance that determines the order of the outgoing edges for each node of the tree.
-       * <p>
-       * If no {@link yfiles.collections.IComparer.<T>} is specified (i.e. the {@link yfiles.collections.IComparer.<T>} is <code>null</code>), the outgoing edges will be sorted according to the current
-       * {@link yfiles.tree.BalloonLayout#childOrderingPolicy child ordering policy}.
-       * </p>
-       * @see yfiles.tree.BalloonLayout#childOrderingPolicy
-       * @see yfiles.tree.BalloonLayout#fromSketchMode
-       * @type {yfiles.collections.IComparer.<Object>}
-       */
-      comparer:yfiles.collections.IComparer<Object>;
-      /**
-       * Gets or sets the child ordering policy for sorting the child nodes around their parents.
-       * <p>
-       * The sorting policy can affect the compactness of drawings. Advantageous orderings allow adjacent subtrees to be close
-       * together and can thus make the whole layout more compact.
-       * </p>
-       * @throws {Stubs.Exceptions.ArgumentError} if an unknown ordering policy is given
-       * @see yfiles.tree.BalloonLayout#fromSketchMode
-       * @see yfiles.tree.BalloonLayout#comparer
-       * @type {yfiles.tree.ChildOrderingPolicy}
-       */
-      childOrderingPolicy:yfiles.tree.ChildOrderingPolicy;
-      /**
-       * Gets or sets the minimum distance to be kept between the nodes in the tree.
-       * <p>
-       * The distance needs to be a non-negative integer value.
-       * </p>
-       * @throws {Stubs.Exceptions.ArgumentError} if the given minimum distance is negative
-       * @see yfiles.tree.BalloonLayout#allowOverlaps
-       * @type {number}
-       */
-      minimumNodeDistance:number;
-      /**
-       * Gets or sets whether or not to consider the given coordinates of the input diagram when arranging the tree.
-       * <p>
-       * Enabling this feature, the original circular order of child nodes around their parent nodes will be maintained according
-       * to the initial coordinates when determining the order of the child nodes.
-       * </p>
-       * @type {boolean}
-       */
-      fromSketchMode:boolean;
-      /**
-       * Gets or sets the root node selection policy of this layout algorithm.
-       * <p>
-       * The policy determines which node is chosen as (virtual) tree root during the layout process.
-       * </p>
-       * @throws {Stubs.Exceptions.ArgumentError} if an unknown root node policy is given
-       * @type {yfiles.tree.RootNodePolicy}
-       */
-      rootNodePolicy:yfiles.tree.RootNodePolicy;
-      /**
-       * Gets or sets the preferred radial amount (wedge) in degrees that child nodes may in total occupy around their parent
-       * node.
-       * <p>
-       * The wedge angle controls the degree to which the child nodes may radiate from the center of layout. A value close to <code>360</code>
-       * means that the child nodes may radiate in (almost) any direction from their parent node, edge lengths can in consequence
-       * stay rather small. On the other hand, a small value means that children are restricted to a small angle; thus, edge
-       * lengths (and drawings) may become large.
-       * </p>
-       * <p>
-       * The minimum allowed wedge angle is <code>1</code> and the maximum allowed value is <code>359</code>.
-       * </p>
-       * @throws {Stubs.Exceptions.ArgumentError} if the given angle is smaller than <code>1</code> or larger than <code>359</code>
-       * @see yfiles.tree.BalloonLayout#preferredRootWedge
-       * @type {number}
-       */
-      preferredChildWedge:number;
-      /**
-       * Gets or sets the preferred radial amount (wedge) in degrees that child nodes may in total occupy around the global
-       * root.
-       * <p>
-       * This property allows to separately control the wedge angle for the designated root node of the tree, while {@link yfiles.tree.BalloonLayout#preferredChildWedge} controls the
-       * angles of all child nodes. The root node will be determined depending on the {@link yfiles.tree.BalloonLayout#rootNodePolicy root node policy}.
-       * </p>
-       * <p>
-       * The minimum allowed root wedge angle is <code>1</code> and the maximum allowed value is <code>360</code>.
-       * </p>
-       * @throws {Stubs.Exceptions.ArgumentError} if the given angle is smaller than <code>1</code> or larger than <code>360</code>
-       * @see yfiles.tree.BalloonLayout#preferredChildWedge
-       * @type {number}
-       */
-      preferredRootWedge:number;
-      /**
-       * Gets or sets whether or not (partially) overlapping nodes are allowed.
-       * <p>
-       * If overlaps are allowed, the resulting layouts can become significantly more compact. Overlaps will mostly occur at the
-       * borders of nodes. Nodes will not be totally covered by other nodes.
-       * </p>
-       * @type {boolean}
-       */
-      allowOverlaps:boolean;
-      /**
-       * Gets or sets the factor defining how compact layout results will potentially be, where a smaller factor produces
-       * potentially more compact layouts.
-       * <p>
-       * The algorithm tries to optimize the child node arrangement around each tree node such that each subtree is as close to
-       * its root as possible, while still fitting into the {@link yfiles.tree.BalloonLayout#preferredChildWedge preferred wedge angle} and not overlapping with adjacent subtrees.
-       * </p>
-       * <p>
-       * High compactness factor values induce the optimization procedure to be less strict and accept less optimal results,
-       * while low factor values mean that the optimization will only stop when being nearly optimal. Thus, lower values lead to
-       * a potentially higher runtime.
-       * </p>
-       * <p>
-       * The minimum factor value is <code>0.05</code> and the maximum is <code>1.0</code>.
-       * </p>
-       * @throws {Stubs.Exceptions.ArgumentError} if the factor is smaller than <code>0.05</code> or greater than <code>1.0</code>
-       * @type {number}
-       */
-      compactnessFactor:number;
-      /**
-       * Gets or sets the minimum length that this layout algorithm assigns to edges of the graph.
-       * <p>
-       * A lower minimum edge length allows generally more compact layouts. It has the highest effect if most nodes of the graph
-       * have a low degree, as the minimum can potentially be met for such graphs.
-       * </p>
-       * <p>
-       * The minimum length must be non-negative.
-       * </p>
-       * @throws {Stubs.Exceptions.ArgumentError} if the given length is negative
-       * @type {number}
-       */
-      minimumEdgeLength:number;
-      /**
-       * Gets or sets whether or not the layout algorithm reserves space for node labels.
-       * <p>
-       * The size of nodes will temporarily be adjusted such that the label is included. Therefore, result drawings may get
-       * significantly larger if this feature is enabled.
-       * </p>
-       * @type {boolean}
-       */
-      considerNodeLabels:boolean;
-      /**
-       * Gets or sets the mode for child node arrangement.
-       * <p>
-       * Child nodes are either placed interleaved or on a single layer around their parent node. Interleaved placement means
-       * that child nodes are placed around their common parent in two different layers in an alternating fashion. For example,
-       * the first child is on the inner layer, the second child on the outer layer, the third one again on the inner layer,
-       * etc.
-       * </p>
-       * <p>
-       * Independent of this mode, the alignment of child nodes on the same layer is still defined by the {@link yfiles.tree.BalloonLayout#childAlignmentPolicy alignment policy}.
-       * However, {@link yfiles.tree.ChildAlignmentPolicy#SMART} is only supported for non-interleaved arrangement.
-       * </p>
-       * @throws {Stubs.Exceptions.ArgumentError} if an unknown mode for interleaved arrangement is given
-       * @see yfiles.tree.BalloonLayout#childAlignmentPolicy
-       * @type {yfiles.tree.InterleavedMode}
-       */
-      interleavedMode:yfiles.tree.InterleavedMode;
-      /**
-       * Gets or sets the child alignment policy for this layout algorithm.
-       * <p>
-       * This policy influences the distance of child nodes to their parent nodes and the alignment of children with the same
-       * parent.
-       * </p>
-       * @throws {Stubs.Exceptions.ArgumentError} if an unknown policy is given
-       * @type {yfiles.tree.ChildAlignmentPolicy}
-       */
-      childAlignmentPolicy:yfiles.tree.ChildAlignmentPolicy;
-      /**
-       * Gets or sets whether or not the layout algorithm automatically places node labels.
-       * <p>
-       * If enabled, this layout algorithm will calculate the positions for the node labels assuring that no overlaps occur.
-       * </p>
-       * <p>
-       * Different labeling strategies may be selected using {@link yfiles.tree.BalloonLayout#nodeLabelingPolicy}.
-       * </p>
-       * @see yfiles.tree.BalloonLayout#nodeLabelingPolicy
-       * @type {boolean}
-       */
-      integratedNodeLabeling:boolean;
-      /**
-       * Gets or sets whether or not the layout algorithm automatically places edge labels.
-       * <p>
-       * If enabled, this layout algorithm will calculate the positions for the edge labels assuring that no overlaps occur.
-       * </p>
-       * @type {boolean}
-       */
-      integratedEdgeLabeling:boolean;
-      /**
-       * Gets or sets the policy defining how node labels are placed by the integrated node labeling mechanism (for example, the
-       * desired label orientation).
-       * @throws {Stubs.Exceptions.ArgumentError} if an unknown labeling policy is given
-       * @see yfiles.tree.BalloonLayout#integratedNodeLabeling
-       * @type {yfiles.tree.NodeLabelingPolicy}
-       */
-      nodeLabelingPolicy:yfiles.tree.NodeLabelingPolicy;
-      /**
-       * Gets or sets the distance between node labels belonging to the same node.
-       * <p>
-       * It also defines the distance between labels and the node they belong to in case of label placement outside of the node
-       * (e.g. for {@link yfiles.tree.NodeLabelingPolicy#RAY_LIKE ray-like label placement}).
-       * </p>
-       * <p>
-       * The spacing must have a non-negative value.
-       * </p>
-       * @throws {Stubs.Exceptions.ArgumentError} if the given spacing value is negative
-       * @see yfiles.tree.BalloonLayout#integratedNodeLabeling
-       * @type {number}
-       */
-      nodeLabelSpacing:number;
-      /**
-       * Gets or sets the distance between edge labels belonging to the same edge as well as the distance of the edge labels to
-       * the target node of the edge.
-       * <p>
-       * The spacing must have a non-negative value.
-       * </p>
-       * @throws {Stubs.Exceptions.ArgumentError} if the given label spacing value is negative
-       * @see yfiles.tree.BalloonLayout#integratedEdgeLabeling
-       * @type {number}
-       */
-      edgeLabelSpacing:number;
-      /**
-       * Gets or sets whether or not chains are drawn straight or not.
-       * <p>
-       * A chain is defined as a tree node with exactly one child node. If this feature is enabled, then the incoming edge and
-       * outgoing edge of the chain will have the same orientation, i.e., the whole chain looks straight.
-       * </p>
-       * <p>
-       * Straightening all chains can lead to smoother, more symmetric results.
-       * </p>
-       * @type {boolean}
-       */
-      chainStraighteningMode:boolean;
-      /**
-       * Sets whether or not the {@link yfiles.layout.ILayoutStage} used for arranging the components of the graph is activated.
-       * @see yfiles.layout.MultiStageLayout#componentLayoutEnabled
-       * @see yfiles.layout.MultiStageLayout#componentLayout
-       * @see yfiles.layout.ComponentLayout
-       * @type {boolean}
-       */
-      componentLayoutEnabled:boolean;
-      /**
-       * Sets whether or not the {@link yfiles.layout.ILayoutStage} used for hiding group nodes is activated.
-       * @see yfiles.layout.MultiStageLayout#hideGroupsStageEnabled
-       * @see yfiles.layout.MultiStageLayout#hideGroupsStage
-       * @see yfiles.layout.HideGroupsStage
-       * @type {boolean}
-       */
-      hideGroupsStageEnabled:boolean;
-      /**
-       * Sets whether or not the {@link yfiles.layout.ILayoutStage} that modifies the orientation of the layout is activated.
-       * @see yfiles.layout.MultiStageLayout#orientationLayoutEnabled
-       * @see yfiles.layout.MultiStageLayout#orientationLayout
-       * @see yfiles.layout.MultiStageLayout#layoutOrientation
-       * @see yfiles.layout.OrientationLayout
-       * @type {boolean}
-       */
-      orientationLayoutEnabled:boolean;
-      /**
-       * Sets whether or not the {@link yfiles.layout.ILayoutStage} used for routing parallel edges is activated.
-       * @see yfiles.layout.MultiStageLayout#parallelEdgeRouterEnabled
-       * @see yfiles.layout.MultiStageLayout#parallelEdgeRouter
-       * @see yfiles.router.ParallelEdgeRouter
-       * @type {boolean}
-       */
-      parallelEdgeRouterEnabled:boolean;
-      /**
-       * Sets whether or not the {@link yfiles.layout.ILayoutStage} used for routing self-loops is activated.
-       * @see yfiles.layout.MultiStageLayout#selfLoopRouterEnabled
-       * @see yfiles.layout.MultiStageLayout#selfLoopRouter
-       * @see yfiles.layout.SelfLoopRouter
-       * @type {boolean}
-       */
-      selfLoopRouterEnabled:boolean;
-      static $class:yfiles.lang.Class;
-    }
-    export enum FillStyle{
-      /**
-       * Style specifier which defines that rows/columns are aligned with their leading side.
-       * @see yfiles.tree.AspectRatioNodePlacer#fillStyle
-       */
-      LEADING,
-      /**
-       * Style specifier which defines that rows/columns are aligned with their center.
-       * @see yfiles.tree.AspectRatioNodePlacer#fillStyle
-       */
-      CENTERED,
-      /**
-       * Style specifier which defines that rows/columns are justified to have the same width/height.
-       * @see yfiles.tree.AspectRatioNodePlacer#fillStyle
-       */
-      JUSTIFY,
-      /**
-       * Style specifier which defines that rows/columns are aligned with their trailing side.
-       * @see yfiles.tree.AspectRatioNodePlacer#fillStyle
-       */
-      TRAILING
-    }
-    export enum RootPlacement{
-      /**
-       * A root placement specifier for placing the root centered above its subtree, depending on the actual {@link yfiles.layout.MultiStageLayout#layoutOrientation layout orientation}.
-       * @see yfiles.tree.AspectRatioTreeLayout#ROOT_PLACEMENT_DP_KEY
-       */
-      TOP,
-      /**
-       * A root placement specifier for placing the root in the upper left corner of the subtree bounds with respect to the
-       * actual {@link yfiles.layout.MultiStageLayout#layoutOrientation layout orientation}.
-       * <p>
-       * Whether the root is placed entirely beside the subtree with no horizontal overlaps or entirely above the subtree without
-       * vertical overlaps will be determined by the layout of the subtree. The layout algorithm tries to minimize the bounds of
-       * the subtree.
-       * </p>
-       * @see yfiles.tree.AspectRatioTreeLayout#ROOT_PLACEMENT_DP_KEY
-       * @see yfiles.tree.RootPlacement#CORNER_TOP
-       * @see yfiles.tree.RootPlacement#CORNER_SIDE
-       */
-      CORNER,
-      /**
-       * A root placement specifier for placing the root in the upper left corner of the subtree bounds with respect to the
-       * actual {@link yfiles.layout.MultiStageLayout#layoutOrientation layout orientation}.
-       * <p>
-       * The root is placed entirely beside the subtree with no horizontal overlaps. This might by important if the root's height
-       * is very large while its width is small.
-       * </p>
-       * @see yfiles.tree.AspectRatioTreeLayout#ROOT_PLACEMENT_DP_KEY
-       */
-      CORNER_SIDE,
-      /**
-       * A root placement specifier for placing the root of a subtree in the upper left corner of the subtree bounds with respect
-       * to the actual {@link yfiles.layout.MultiStageLayout#layoutOrientation layout orientation}.
-       * <p>
-       * The root is placed entirely above the subtree with no vertical overlaps. This might by important if the root's width is
-       * very large while its height is small.
-       * </p>
-       * @see yfiles.tree.AspectRatioTreeLayout#ROOT_PLACEMENT_DP_KEY
-       */
-      CORNER_TOP
-    }
-    export enum SubtreeArrangement{
-      /**
-       * A direction specifier for placing the child nodes next to each other in direction of the actual
-       * {@link yfiles.layout.MultiStageLayout#layoutOrientation layout orientation}, with the edges connecting in the direction of flow.
-       * @see yfiles.tree.AspectRatioTreeLayout#SUBTREE_ROUTING_POLICY_DP_KEY
-       */
-      HORIZONTAL,
-      /**
-       * A direction specifier for placing the child nodes above each other in direction of the actual
-       * {@link yfiles.layout.MultiStageLayout#layoutOrientation layout orientation}, with the edges connecting orthogonally to the direction of flow.
-       * @see yfiles.tree.AspectRatioTreeLayout#SUBTREE_ROUTING_POLICY_DP_KEY
-       */
-      VERTICAL
-    }
-    export enum InterleavedMode{
-      /**
-       * A child placement mode where all child nodes are placed around their parent with equal distances.
-       * @see yfiles.tree.BalloonLayout#interleavedMode
-       */
-      OFF,
-      /**
-       * A child placement mode where nodes are placed in an interleaved fashion, that is, with two different, alternating
-       * distances to the parent node.
-       * @see yfiles.tree.BalloonLayout#interleavedMode
-       */
-      ALL_NODES,
-      /**
-       * A child placement mode where child nodes of selected nodes are placed in an interleaved fashion, that is, with two
-       * different, alternating distances to the parent node.
-       * <p>
-       * All other nodes are placed without interleaving. The node selection can be specified by registering an appropriate {@link yfiles.algorithms.IDataProvider}
-       * for key {@link yfiles.tree.BalloonLayout#INTERLEAVED_NODES_DP_KEY}.
-       * </p>
-       * @see yfiles.tree.BalloonLayout#interleavedMode
-       */
-      MARKED_NODES
-    }
-    export enum NodeLabelingPolicy{
-      /**
-       * Node labeling policy for ray-like label placement at nodes with zero or one child node.
-       * <p>
-       * Labels belonging to leaf nodes and nodes with exactly one successor (thus forming a sort of chain) will not be oriented
-       * horizontal but ray-like; they get the same orientation as their nodes' incoming edge. The labels of the other nodes will
-       * be oriented horizontally and placed at the center of the corresponding node.
-       * </p>
-       * @see yfiles.tree.BalloonLayout#nodeLabelingPolicy
-       */
-      RAY_LIKE,
-      /**
-       * Node labeling policy for ray-like label placement at leaf nodes.
-       * <p>
-       * Labels corresponding to leaf nodes get the same orientation as their nodes' incoming edge and are placed outside the
-       * node (without overlaps). The labels of the other nodes will be oriented horizontally and placed at the center of the
-       * corresponding node.
-       * </p>
-       * @see yfiles.tree.BalloonLayout#nodeLabelingPolicy
-       */
-      RAY_LIKE_LEAVES,
-      /**
-       * Node labeling policy for horizontal label placement at all nodes.
-       * <p>
-       * The node labels are placed at the center of the corresponding node.
-       * </p>
-       * @see yfiles.tree.BalloonLayout#nodeLabelingPolicy
-       */
-      HORIZONTAL
-    }
-    export enum ChildAlignmentPolicy{
-      /**
-       * Alignment policy to align child nodes rooted at the same parent such that the border of their convex hull has the same
-       * distance to the parent node's center.
-       * @see yfiles.tree.BalloonLayout#childAlignmentPolicy
-       */
-      PLAIN,
-      /**
-       * Alignment policy to align child nodes rooted at the same parent such that each child has the same center-to-center
-       * distance to the parent node.
-       * <p>
-       * All nodes will be placed on a common radius around their parent, respective to their center coordinates.
-       * </p>
-       * @see yfiles.tree.BalloonLayout#childAlignmentPolicy
-       */
-      SAME_CENTER,
-      /**
-       * Alignment policy for aligning child nodes such that the distances to their parent are kept short and drawings can
-       * potentially become more compact.
-       * <p>
-       * This policy realizes the exact same child alignment as {@link yfiles.tree.ChildAlignmentPolicy#PLAIN} if there are no edge
-       * labels associated with edges going to child nodes or if {@link yfiles.tree.BalloonLayout#integratedEdgeLabeling integrated edge labeling} is disabled.
-       * </p>
-       * <p>
-       * If edge labels need to be considered, edge labels will be added to the convex hull of the child node to which the edge
-       * connects. This means that child nodes connected with a labeled edge will be aligned at the border where the edge label
-       * begins. In consequence, edge labels will be aligned with neighboring edge labels as well as neighboring child nodes if a
-       * child node has no edge label at its incoming edge.
-       * </p>
-       * <p>
-       * This alignment strategy is especially effective if large edge labels need to be considered while drawings should still
-       * be compact and distances from parent to child nodes short.
-       * </p>
-       * @see yfiles.tree.BalloonLayout#childAlignmentPolicy
-       */
-      COMPACT,
-      /**
-       * Alignment policy to align child nodes rooted at the same parent using a mixture of the other policies and aiming to
-       * achieve symmetry and compactness at the same time.
-       * <p>
-       * Similar to
-       * {@link yfiles.tree.ChildAlignmentPolicy#SAME_CENTER}, this policy aims to achieve alignments featuring equal distances between
-       * parent and child node centers. However, a much larger distance for all child nodes caused by single large subtrees is
-       * avoided by this policy. In such cases, the smaller subtrees may be placed on a common radius and the large subtrees are
-       * placed with different distances.
-       * </p>
-       * @see yfiles.tree.BalloonLayout#childAlignmentPolicy
-       */
-      SMART
-    }
-    export enum ChildOrderingPolicy{
-      /**
-       * Child ordering policy which orders child nodes depending on their subtree size such that large subtrees are placed next
-       * to small ones in order to save space.
-       * <p>
-       * The actual area of a subtree is used as the subtree size. The smallest subtree is placed next to the largest subtree,
-       * followed by the second smallest subtree and so on. This way, drawings can become more compact, because the adjacent
-       * placement of large subtrees is avoided (which would require edges to become longer for subtrees to fit next to each
-       * other).
-       * </p>
-       * @see yfiles.tree.BalloonLayout#childOrderingPolicy
-       */
-      COMPACT,
-      /**
-       * Child ordering policy which sorts the child nodes according to their wedge angles.
-       * <p>
-       * The node with the greatest angle gets median position in the sorting order. The smaller the wedges, the farther away a
-       * node will be placed from the median position. Using this policy, the produced results are often more symmetric.
-       * </p>
-       * @see yfiles.tree.BalloonLayout#childOrderingPolicy
-       */
-      SYMMETRIC
-    }
-    export enum RootNodePolicy{
-      /**
-       * Root node policy for choosing a node with indegree <code>0</code> as root node of the tree.
-       * <p>
-       * The selection of the root node will happen according to {@link yfiles.algorithms.Trees#getRoot}.
-       * </p>
-       * @see yfiles.tree.BalloonLayout#rootNodePolicy
-       * @see yfiles.algorithms.Trees#getRoot
-       */
-      DIRECTED_ROOT,
-      /**
-       * Root node policy for choosing the center node as root node of the tree.
-       * <p>
-       * A {@link yfiles.algorithms.Trees#getCenterRoot center node} induces a minimum depth tree when being used as the root of that tree.
-       * </p>
-       * @see yfiles.tree.BalloonLayout#rootNodePolicy
-       * @see yfiles.algorithms.Trees#getCenterRoot
-       */
-      CENTER_ROOT,
-      /**
-       * Root node policy for choosing a weighted center node as root node of the tree.
-       * <p>
-       * A weighted center node is a node which is part of the greatest number of all undirected paths in a graph.
-       * </p>
-       * @see yfiles.tree.BalloonLayout#rootNodePolicy
-       */
-      WEIGHTED_CENTER_ROOT,
-      /**
-       * Root node policy for choosing a custom node as the root node of the tree.
-       * <p>
-       * The root node is specified using a {@link yfiles.algorithms.IDataProvider} registered with the graph with key
-       * {@link yfiles.tree.BalloonLayout#SELECTED_ROOT_DP_KEY}.
-       * </p>
-       * @see yfiles.tree.BalloonLayout#rootNodePolicy
-       */
-      SELECTED_ROOT
-    }
-    export enum ChildPlacement{
-      /**
-       * Placement specifier which defines that subtrees are placed one below the other and left of the root node.
-       * @see yfiles.tree.DefaultNodePlacer#childPlacement
-       */
-      VERTICAL_TO_LEFT,
-      /**
-       * Placement specifier which defines that subtrees are placed one below the other and right of the root node.
-       * @see yfiles.tree.DefaultNodePlacer#childPlacement
-       */
-      VERTICAL_TO_RIGHT,
-      /**
-       * Placement specifier which defines that subtrees are placed horizontally next to each other and above the root node.
-       * @see yfiles.tree.DefaultNodePlacer#childPlacement
-       */
-      HORIZONTAL_UPWARD,
-      /**
-       * Placement specifier which defines that subtrees are placed horizontally next to each other and below the root node.
-       * @see yfiles.tree.DefaultNodePlacer#childPlacement
-       */
-      HORIZONTAL_DOWNWARD
-    }
-    export enum RootAlignment{
-      /**
-       * Alignment specifier which defines that the root node is placed ahead of all its child subtrees.
-       * <p>
-       * Depending on the {@link yfiles.tree.DefaultNodePlacer#childPlacement child placement}, the root node is placed ahead (e.g.
-       * {@link yfiles.tree.ChildPlacement#HORIZONTAL_DOWNWARD}: left) of the combined bounding box of all subtrees without labels.
-       * </p>
-       * @see yfiles.tree.DefaultNodePlacer#rootAlignment
-       */
-      LEADING_OFFSET,
-      /**
-       * Alignment specifier which defines that the root node is placed aligned with its first subtree.
-       * <p>
-       * Depending on the {@link yfiles.tree.DefaultNodePlacer#childPlacement child placement}, the root node is placed aligned with the bounding box of its first (e.g.
-       * {@link yfiles.tree.ChildPlacement#HORIZONTAL_DOWNWARD}: left) subtree.
-       * </p>
-       * @see yfiles.tree.DefaultNodePlacer#rootAlignment
-       */
-      LEADING,
-      /**
-       * Alignment specifier which defines that the root node is placed aligned with the center of its subtrees.
-       * @see yfiles.tree.DefaultNodePlacer#rootAlignment
-       */
-      CENTER,
-      /**
-       * Alignment specifier which defines that the root node is placed at the median of the connection points to its subtrees.
-       * @see yfiles.tree.DefaultNodePlacer#rootAlignment
-       */
-      MEDIAN,
-      /**
-       * Alignment specifier which defines that the root node is placed aligned with its last subtree.
-       * <p>
-       * Depending on the {@link yfiles.tree.DefaultNodePlacer#childPlacement child placement}, the root node is placed aligned with the bounding box of its last (e.g.
-       * {@link yfiles.tree.ChildPlacement#HORIZONTAL_DOWNWARD}: right) subtree.
-       * </p>
-       * @see yfiles.tree.DefaultNodePlacer#rootAlignment
-       */
-      TRAILING,
-      /**
-       * Alignment specifier which defines that the root is placed after all its subtree.
-       * <p>
-       * Depending on the {@link yfiles.tree.DefaultNodePlacer#childPlacement child placement}, the root node is placed after (e.g.
-       * {@link yfiles.tree.ChildPlacement#HORIZONTAL_DOWNWARD}: right) of the combined bounding box of all subtrees without labels.
-       * </p>
-       * @see yfiles.tree.DefaultNodePlacer#rootAlignment
-       */
-      TRAILING_OFFSET,
-      /**
-       * Alignment specifier which defines that the root is placed after all its subtrees, centered on the bus.
-       * <p>
-       * Depending on the {@link yfiles.tree.DefaultNodePlacer#childPlacement child placement}, the root node is placed after (e.g.
-       * {@link yfiles.tree.ChildPlacement#HORIZONTAL_DOWNWARD}: right) of the combined bounding box of all subtrees without labels. The
-       * bus leaves directly from the root node.
-       * </p>
-       * @see yfiles.tree.DefaultNodePlacer#rootAlignment
-       */
-      TRAILING_ON_BUS,
-      /**
-       * Alignment specifier which defines that the root is placed ahead of all its subtrees, centered on the bus.
-       * <p>
-       * Depending on the {@link yfiles.tree.DefaultNodePlacer#childPlacement child placement}, the root node is placed ahead (e.g.
-       * {@link yfiles.tree.ChildPlacement#HORIZONTAL_DOWNWARD}: left) of the combined bounding box of all subtrees without labels. The
-       * bus leaves directly from the root node.
-       * </p>
-       * @see yfiles.tree.DefaultNodePlacer#rootAlignment
-       */
-      LEADING_ON_BUS
-    }
-    export enum RoutingStyle{
-      /**
-       * Routing style specifier which defines that edge paths are routed orthogonally with the bends located in the channel
-       * between the root node and the child nodes.
-       * @see yfiles.tree.DefaultNodePlacer#routingStyle
-       */
-      FORK,
-      /**
-       * Routing style specifier which defines that edge paths are routed orthogonally with just one bend.
-       * <p>
-       * Edges will leave the root node at its sides and bend exactly above the according child node. If the child node is placed
-       * directly below the root node, the edge will bend inside of the root node and leave it at the bottom.
-       * </p>
-       * @see yfiles.tree.DefaultNodePlacer#routingStyle
-       */
-      FORK_AT_ROOT,
-      /**
-       * Routing style specifier which defines that edge paths are routed with a straight segment to the center of the child
-       * nodes.
-       * @see yfiles.tree.DefaultNodePlacer#routingStyle
-       */
-      STRAIGHT,
-      /**
-       * Routing style constant which defines that edge paths are routed with a straight segment to the connector of the {@link yfiles.tree.SubtreeShape}
-       * of the child nodes.
-       * @see yfiles.tree.DefaultNodePlacer#routingStyle
-       */
-      POLYLINE
-    }
-    export enum PortAssignmentMode{
-      /**
-       * A port assignment specifier that defines that
-       * {@link yfiles.layout.PortConstraint}s are considered. Ports are placed using the following rules:
-       * <ul>
-       * <li>edges without a {@link yfiles.layout.PortConstraint} are anchored at the center of the node</li>
-       * <li>edges with a weak {@link yfiles.layout.PortConstraint} are anchored at the center of their specified side</li>
-       * <li>edges with a strong {@link yfiles.layout.PortConstraint} are anchored at their initial coordinates</li>
-       * </ul>
-       * <p>
-       * If edges with
-       * {@link yfiles.layout.PortConstraint}s are grouped, all edges in the same group will use the port coordinates of the first edge
-       * in the group.
-       * </p>
-       * @see yfiles.layout.PortConstraintKeys#SOURCE_PORT_CONSTRAINT_DP_KEY
-       * @see yfiles.layout.PortConstraintKeys#TARGET_PORT_CONSTRAINT_DP_KEY
-       * @see yfiles.layout.PortConstraintKeys#SOURCE_GROUP_ID_DP_KEY
-       * @see yfiles.layout.PortConstraintKeys#TARGET_GROUP_ID_DP_KEY
-       */
-      PORT_CONSTRAINT,
-      /**
-       * A port assignment specifier which defines that edges are distributed evenly at the northern side of their nodes.
-       * <p>
-       * Grouped edges will use the same port coordinate and will be considered as a single edge when calculating the
-       * distribution.
-       * </p>
-       * @see yfiles.layout.PortConstraintKeys#SOURCE_GROUP_ID_DP_KEY
-       * @see yfiles.layout.PortConstraintKeys#TARGET_GROUP_ID_DP_KEY
-       */
-      DISTRIBUTED_NORTH,
-      /**
-       * A port assignment specifier which defines that edges are distributed evenly at the southern side of their nodes.
-       * <p>
-       * Grouped edges will use the same port coordinate and will be considered as a single edge when calculating the
-       * distribution.
-       * </p>
-       * @see yfiles.layout.PortConstraintKeys#SOURCE_GROUP_ID_DP_KEY
-       * @see yfiles.layout.PortConstraintKeys#TARGET_GROUP_ID_DP_KEY
-       */
-      DISTRIBUTED_SOUTH,
-      /**
-       * A port assignment specifier which defines that edges are distributed evenly at the eastern side of their nodes.
-       * <p>
-       * Grouped edges will use the same port coordinate and will be considered as a single edge when calculating the
-       * distribution.
-       * </p>
-       * @see yfiles.layout.PortConstraintKeys#SOURCE_GROUP_ID_DP_KEY
-       * @see yfiles.layout.PortConstraintKeys#TARGET_GROUP_ID_DP_KEY
-       */
-      DISTRIBUTED_EAST,
-      /**
-       * A port assignment specifier which defines that edges are distributed evenly at the western side of their nodes.
-       * <p>
-       * Grouped edges will use the same port coordinate and will be considered as a single edge when calculating the
-       * distribution.
-       * </p>
-       * @see yfiles.layout.PortConstraintKeys#SOURCE_GROUP_ID_DP_KEY
-       * @see yfiles.layout.PortConstraintKeys#TARGET_GROUP_ID_DP_KEY
-       */
-      DISTRIBUTED_WEST,
-      /**
-       * A port assignment specifier which defines that all ports are reset to the center of their nodes.
-       */
-      NONE
-    }
-    export enum ConnectorDirection{
-      /**
-       * A direction constant that describes that the last connector segment points up. The edge from the parent will connect to
-       * the north of the {@link yfiles.tree.SubtreeShape}.
-       * @see yfiles.tree.SubtreeShape#connectorDirection
-       */
-      NORTH,
-      /**
-       * A direction constant that describes that the last connector segment points to the right. The edge from the parent will
-       * connect to the east of the {@link yfiles.tree.SubtreeShape}.
-       * @see yfiles.tree.SubtreeShape#connectorDirection
-       */
-      EAST,
-      /**
-       * A direction constant that describes that the last connector segment points down. The edge from the parent will connect
-       * to the south of the {@link yfiles.tree.SubtreeShape}.
-       * @see yfiles.tree.SubtreeShape#connectorDirection
-       */
-      SOUTH,
-      /**
-       * A direction constant that describes that the last connector segment points to the left. The edge from the parent will
-       * connect to the west of the {@link yfiles.tree.SubtreeShape}.
-       * @see yfiles.tree.SubtreeShape#connectorDirection
-       */
-      WEST
-    }
-    export enum BorderLineSide{
-      /**
-       * Side constant that defines the index of the northern border line.
-       * @see yfiles.tree.SubtreeShape#getBorderLine
-       */
-      NORTH,
-      /**
-       * Side constant that defines the index of the eastern border line.
-       * @see yfiles.tree.SubtreeShape#getBorderLine
-       */
-      EAST,
-      /**
-       * Side constant that defines the index of the southern border line.
-       * @see yfiles.tree.SubtreeShape#getBorderLine
-       */
-      SOUTH,
-      /**
-       * Side constant that defines the index of the western border line.
-       * @see yfiles.tree.SubtreeShape#getBorderLine
-       */
-      WEST
-    }
-    export enum LayeredRoutingStyle{
-      /**
-       * Routing style specifier which defines that edges consist of one straight segment.
-       * @see yfiles.tree.LayeredNodePlacer#routingStyle
-       */
-      STRAIGHT,
-      /**
-       * Routing style specifier which defines that edges are routed in an orthogonal, bus-like fashion.
-       * @see yfiles.tree.LayeredNodePlacer#routingStyle
-       */
-      ORTHOGONAL
-    }
-    export enum MultiParentRoutingStyle{
-      /**
-       * Routing style for routing non-shared edge segments in a polyline fashion.
-       * <p>
-       * The edges connected to a multi-parent structure will share their paths until shortly above/below the multi-parent nodes.
-       * This style only applies to the part of the edges where they split to connect to different multi-parents.
-       * </p>
-       * @see yfiles.tree.MultiParentDescriptor#edgeStyle
-       */
-      POLYLINE,
-      /**
-       * Routing style for routing non-shared edge segments in an orthogonal fashion.
-       * <p>
-       * The edges connected to a multi-parent structure will share their paths until shortly above/below the multi-parent nodes.
-       * This style only applies to the part of the edges where they split to connect to different multi-parents.
-       * </p>
-       * @see yfiles.tree.MultiParentDescriptor#edgeStyle
-       */
-      ORTHOGONAL,
-      /**
-       * Routing style for routing non-shared edge segments straight. This style will route the part of the edges that doesn't
-       * share the same path directly from the center of the multi-parent to the common point of the edges in the multi-parent
-       * structure.
-       * <p>
-       * The edges connected to a multi-parent structure will share their paths until shortly above/below the multi-parent nodes.
-       * This style only applies to the part of the edges where they split to connect to different multi-parents.
-       * </p>
-       * @see yfiles.tree.MultiParentDescriptor#edgeStyle
-       */
-      STRAIGHT
-    }
-    export enum ParentConnectorDirection{
-      /**
-       * Direction specifier which indicates that no connector should be calculated.
-       * @see yfiles.tree.INodePlacer#placeSubtree
-       */
-      NONE,
-      /**
-       * Direction specifier which indicates that any direction can be used for the connector to the parent node.
-       * @see yfiles.tree.INodePlacer#placeSubtree
-       */
-      ANY,
-      /**
-       * Direction specifier which indicates that the connector to the parent node should end in a segment that can be extended
-       * by a segment that goes north.
-       * @see yfiles.tree.INodePlacer#placeSubtree
-       */
-      NORTH,
-      /**
-       * Direction specifier which indicates that the connector to the parent node should end in a segment that can be extended
-       * by a segment that goes east.
-       * @see yfiles.tree.INodePlacer#placeSubtree
-       */
-      EAST,
-      /**
-       * Direction specifier which indicates that the connector to the parent node should end in a segment that can be extended
-       * by a segment that goes south.
-       * @see yfiles.tree.INodePlacer#placeSubtree
-       */
-      SOUTH,
-      /**
-       * Direction specifier which indicates that the connector to the parent node should end in a segment that can be extended
-       * by a segment that goes west.
-       * @see yfiles.tree.INodePlacer#placeSubtree
-       */
-      WEST
-    }
-    export enum PortStyle{
-      /**
-       * A constant defining that ports are placed at the center of the nodes.
-       * <p>
-       * This constant uses <code>(0,0)</code> as port offset.
-       * </p>
-       * @see yfiles.tree.ClassicTreeLayout#portStyle
-       */
-      NODE_CENTER,
-      /**
-       * A constant defining that ports are placed at the center of the border of the nodes.
-       * @see yfiles.tree.ClassicTreeLayout#portStyle
-       */
-      BORDER_CENTER,
-      /**
-       * A constant defining that ports are evenly distributed along the border of the nodes.
-       * @see yfiles.tree.ClassicTreeLayout#portStyle
-       */
-      BORDER_DISTRIBUTED,
-      /**
-       * A constant defining that ports are assigned based on given {@link yfiles.layout.PortConstraint port constraints}.
-       * @see yfiles.tree.ClassicTreeLayout#portStyle
-       */
-      PORT_CONSTRAINTS_AWARE
-    }
-    export enum EdgeRoutingStyle{
-      /**
-       * A constant for routing the edges as straight-line segments.
-       * @see yfiles.tree.ClassicTreeLayout#edgeRoutingStyle
-       */
-      PLAIN,
-      /**
-       * A constant for routing the edges orthogonally in a bus-like fashion.
-       * @see yfiles.tree.ClassicTreeLayout#edgeRoutingStyle
-       */
-      ORTHOGONAL
-    }
-    export enum LeafPlacement{
-      /**
-       * A policy for placing the leaf nodes in a stack-like fashion with balanced stack heights.
-       * <p>
-       * In this context, a stack-like fashion means that leaf nodes that connect to the same parent node are placed one upon the
-       * other, resulting in horizontally compact layouts.
-       * </p>
-       * <p>
-       * This policy tries to balance stack heights, i.e., for each subtree that consists only of leaf nodes, {@link yfiles.tree.LeafPlacement#LEAVES_STACKED_RIGHT}
-       * or {@link yfiles.tree.LeafPlacement#LEAVES_STACKED_LEFT_AND_RIGHT} will be used depending on the number of leaves in the
-       * subtree.
-       * </p>
-       * @see yfiles.tree.ClassicTreeLayout#leafPlacement
-       * @see yfiles.tree.ClassicTreeLayout#leafPlacement
-       */
-      LEAVES_STACKED,
-      /**
-       * A policy for placing the leaf nodes in a stack-like fashion using a single stack left.
-       * <p>
-       * In this context, a stack-like fashion means that leaf nodes that connect to the same root node are placed one upon the
-       * other, resulting in horizontally compact layouts.
-       * </p>
-       * <p>
-       * This policy uses a single stack that lies to the left relative to the center of the parent node.
-       * </p>
-       * @see yfiles.tree.ClassicTreeLayout#leafPlacement
-       * @see yfiles.tree.ClassicTreeLayout#leafPlacement
-       */
-      LEAVES_STACKED_LEFT,
-      /**
-       * A policy for placing the leaf nodes in a stack-like fashion using a single stack right.
-       * <p>
-       * In this context, a stack-like fashion means that leaf nodes that connect to the same root node are placed one upon the
-       * other, resulting in horizontally compact layouts.
-       * </p>
-       * <p>
-       * This policy uses a single stack that lies to the right relative to the center of the parent node.
-       * </p>
-       * @see yfiles.tree.ClassicTreeLayout#leafPlacement
-       * @see yfiles.tree.ClassicTreeLayout#leafPlacement
-       */
-      LEAVES_STACKED_RIGHT,
-      /**
-       * A policy for placing the leaf nodes in a stack-like fashion using two stacks.
-       * <p>
-       * In this context, a stack-like fashion means that leaf nodes that connect to the same root node are placed one upon the
-       * other, resulting in horizontally compact layouts.
-       * </p>
-       * <p>
-       * This policy distributes leaf nodes among two stacks, one to the left and one to the right relative to the center of the
-       * parent node.
-       * </p>
-       * @see yfiles.tree.ClassicTreeLayout#leafPlacement
-       * @see yfiles.tree.ClassicTreeLayout#leafPlacement
-       */
-      LEAVES_STACKED_LEFT_AND_RIGHT,
-      /**
-       * A policy for placing the leaf nodes in a Dendrogram-like fashion.
-       * <p>
-       * According to this policy, all leaf nodes are placed in one layer (i.e. all leaves are placed on one horizontal line in a
-       * top-to-bottom or in a bottom-to-top layout).
-       * </p>
-       * @see yfiles.tree.ClassicTreeLayout#leafPlacement
-       * @see yfiles.tree.ClassicTreeLayout#leafPlacement
-       */
-      ALL_LEAVES_ON_SAME_LAYER,
-      /**
-       * A policy for placing the leaf nodes with the same parent in the same layer.
-       * <p>
-       * For example, siblings are being placed on a horizontal line in a top-to-bottom or in a bottom-to-top layout.
-       * </p>
-       * <p>
-       * This policy produces vertically compact layouts.
-       * </p>
-       * @see yfiles.tree.ClassicTreeLayout#leafPlacement
-       * @see yfiles.tree.ClassicTreeLayout#leafPlacement
-       */
-      SIBLINGS_ON_SAME_LAYER
-    }
-    /**
-     * This {@link yfiles.tree.INodePlacer} places the subtrees such that the overall aspect ratio of the arranged subtree will be
-     * close to a preferred aspect ratio.
-     * <p>
-     * <b>Layout Style</b> The aspect ratio describes the relation between width and height of the subtree. To achieve the desired aspect ratio,
-     * this {@link yfiles.tree.INodePlacer} divides the child {@link yfiles.tree.SubtreeShape}s into as much rows as needed. The edges are
-     * either routed along the rows or along the columns. {@graph {"ann":{"s":[30,30],"d":1},"n":[[0,0],[70,70],[140,70],[210,70],[280,70],[70,140],[140,140],[210,140],[280,140],[70,210],[140,210],[210,210],[280,210],[70,280],[140,280],[210,280],[280,280]],"e":[[0,1,[50,15,50,85]],[0,2,[120,15,120,85]],[0,3,[190,15,190,85]],[0,4,[260,15,260,85]],[0,5,[50,15,50,155]],[0,6,[120,15,120,155]],[0,7,[190,15,190,155]],[0,8,[260,15,260,155]],[0,9,[50,15,50,225]],[0,10,[120,15,120,225]],[0,11,[190,15,190,225]],[0,12,[260,15,260,225]],[0,13,[50,15,50,295]],[0,14,[120,15,120,295]],[0,15,[190,15,190,295]],[0,16,[260,15,260,295]]],"vp":[0.0,0.0,310.0,310.0]}}
-     * </p>
-     * <p>
-     * Aspect ratio <code>1</code>
-     * </p>
-     * <p>
-     * {@graph {"ann":{"s":[30,30],"d":1},"n":[[0,0],[70,70],[140,70],[210,70],[70,140],[140,140],[210,140],[70,210],[140,210],[210,210],[70,280],[140,280],[210,280],[70,350],[140,350],[210,350],[70,420]],"e":[[0,1,[50,15,50,85]],[0,2,[120,15,120,85]],[0,3,[190,15,190,85]],[0,4,[50,15,50,155]],[0,5,[120,15,120,155]],[0,6,[190,15,190,155]],[0,7,[50,15,50,225]],[0,8,[120,15,120,225]],[0,9,[190,15,190,225]],[0,10,[50,15,50,295]],[0,11,[120,15,120,295]],[0,12,[190,15,190,295]],[0,13,[50,15,50,365]],[0,14,[120,15,120,365]],[0,15,[190,15,190,365]],[0,16,[50,15,50,435]]],"vp":[0.0,0.0,240.0,450.0]}}
-     * </p>
-     * <p>
-     * Aspect ratio <code>0.5</code>
-     * </p>
-     * <p>
-     * {@graph {"ann":{"s":[30,30],"d":1},"n":[[0,0],[70,70],[140,70],[210,70],[280,70],[350,70],[420,70],[490,70],[560,70],[70,140],[140,140],[210,140],[280,140],[350,140],[420,140],[490,140],[560,140]],"e":[[0,1,[50,15,50,85]],[0,2,[120,15,120,85]],[0,3,[190,15,190,85]],[0,4,[260,15,260,85]],[0,5,[330,15,330,85]],[0,6,[400,15,400,85]],[0,7,[470,15,470,85]],[0,8,[540,15,540,85]],[0,9,[50,15,50,155]],[0,10,[120,15,120,155]],[0,11,[190,15,190,155]],[0,12,[260,15,260,155]],[0,13,[330,15,330,155]],[0,14,[400,15,400,155]],[0,15,[470,15,470,155]],[0,16,[540,15,540,155]]],"vp":[0.0,0.0,590.0,170.0]}}
-     * </p>
-     * <p>
-     * Aspect ratio <code>2</code>
-     * </p>
-     * @class yfiles.tree.AspectRatioNodePlacer
-     * @extends {yfiles.tree.NodePlacerBase}
-     * @implements {yfiles.tree.IFromSketchNodePlacer}
-     */
-    export interface AspectRatioNodePlacer extends yfiles.tree.NodePlacerBase,yfiles.tree.IFromSketchNodePlacer{}
-    export class AspectRatioNodePlacer {
-      /**
-       * Creates a new instance of {@link yfiles.tree.AspectRatioNodePlacer} with default settings.
-       * @constructor
-       */
-      constructor();
-      /**
-       * Creates an {@link yfiles.collections.IComparer.<T> edge comparator} which takes the initial coordinates of the nodes into account.
-       * <p>
-       * This {@link yfiles.collections.IComparer.<T>} defines the order of the outgoing edges of a node before the actual placement of the node's subtree is calculated.
-       * It also considers whether or not the rows are placed {@link yfiles.tree.AspectRatioNodePlacer#horizontal horiontally}.
-       * </p>
-       * @returns {yfiles.collections.IComparer.<Object>} the {@link yfiles.collections.IComparer.<T>} for the edges
-       */
-      createFromSketchComparer():yfiles.collections.IComparer<Object>;
-      /**
-       * Gets or sets whether child nodes are distributed in horizontal rows or vertical columns.
-       * @type {boolean}
-       */
-      horizontal:boolean;
-      /**
-       * Gets or sets the vertical distance between the {@link yfiles.tree.SubtreeShape}s.
-       * <p>
-       * The nodes will be placed below each other, keeping this distance.
-       * </p>
-       * <p>
-       * The distance needs to be non-negative.
-       * </p>
-       * @throws {Stubs.Exceptions.ArgumentError} if the specified distance is negative
-       * @type {number}
-       */
-      verticalDistance:number;
-      /**
-       * Gets or sets the horizontal distance between the {@link yfiles.tree.SubtreeShape}s.
-       * <p>
-       * The nodes will be placed next to each other, keeping this distance.
-       * </p>
-       * <p>
-       * The distance needs to be non-negative.
-       * </p>
-       * @throws {Stubs.Exceptions.ArgumentError} if the specified distance is negative
-       * @type {number}
-       */
-      horizontalDistance:number;
-      /**
-       * Gets or sets the preferred aspect ratio (width/height) for the subtrees.
-       * <p>
-       * This ratio determines among how many rows/columns the nodes will be distributed.
-       * </p>
-       * <p>
-       * The aspect ratio needs to be positive.
-       * </p>
-       * @throws {Stubs.Exceptions.ArgumentError} if the specified aspect ratio is <code>0</code> or negative
-       * @type {number}
-       */
-      aspectRatio:number;
-      /**
-       * Gets or sets how rows/columns are aligned with each other.
-       * @throws {Stubs.Exceptions.ArgumentError} if an unknown fill style is specified
-       * @type {yfiles.tree.FillStyle}
-       */
-      fillStyle:yfiles.tree.FillStyle;
-      static $class:yfiles.lang.Class;
-    }
-    /**
-     * The {@link yfiles.tree.AspectRatioTreeLayout} arranges tree graphs in a compact fashion.
-     * <p>
-     * <b>Layout Style</b> This layout algorithm tries to generate compact tree layouts with a certain preferred aspect ratio. {@graph {"ann":{"s":[30,30],"d":1},"n":[[0,0],[40,740],[360,740],[480,810],[400,810],[240,810],[80,810],[160,810],[560,810],[200,880],[200,940],[200,1000],[200,1060],[200,1120],[120,880],[120,940],[120,1000],[120,1060],[120,1120],[280,880],[280,940],[320,880],[320,940],[600,880],[600,940],[600,1000],[520,880],[520,940],[520,1000],[440,880],[440,940],[440,1000],[440,1060],[440,1120],[40,70],[390,70],[80,450],[80,640],[200,140],[200,450],[80,140],[150,680],[190,680],[240,210],[240,270],[240,330],[120,520],[120,580],[160,520],[160,580],[270,490],[270,550],[310,490],[310,550],[350,490],[350,550],[120,210],[120,270],[120,330],[120,390],[160,210],[160,270],[160,330],[430,610],[580,510],[430,510],[430,140],[510,140],[590,140],[470,610],[650,550],[500,550],[540,550],[630,210],[630,270],[630,330],[470,210],[470,270],[470,330],[470,390],[470,450],[550,210],[550,270],[550,330],[550,390],[550,450]],"e":[[0,1,-10,0,0,0,[5,50,5,720,55,720]],[0,2,-10,0,0,0,[5,50,5,720,375,720]],[2,3,-10,0,0,0,[365,790,495,790]],[2,4,-10,0,0,0,[365,790,415,790]],[1,5,-10,0,0,0,[45,790,255,790]],[1,6,-10,0,0,0,[45,790,95,790]],[1,7,-10,0,0,0,[45,790,175,790]],[2,8,-10,0,0,0,[365,790,575,790]],[7,9,-10,0,0,0,[165,860,215,860]],[7,10,-10,0,0,0,[165,860,165,920,215,920]],[7,11,-10,0,0,0,[165,860,165,980,215,980]],[7,12,-10,0,0,0,[165,860,165,1040,215,1040]],[7,13,-10,0,0,0,[165,860,165,1100,215,1100]],[6,14,-10,0,0,0,[85,860,135,860]],[6,15,-10,0,0,0,[85,860,85,920,135,920]],[6,16,-10,0,0,0,[85,860,85,980,135,980]],[6,17,-10,0,0,0,[85,860,85,1040,135,1040]],[6,18,-10,0,0,0,[85,860,85,1100,135,1100]],[5,19,-10,0,0,0,[245,860,295,860]],[5,20,-10,0,0,0,[245,860,245,920,295,920]],[5,21,-10,0,0,0,[245,860,335,860]],[5,22,-10,0,0,0,[245,860,245,920,335,920]],[8,23,-10,0,0,0,[565,860,615,860]],[8,24,-10,0,0,0,[565,860,565,920,615,920]],[8,25,-10,0,0,0,[565,860,565,980,615,980]],[3,26,-10,0,0,0,[485,860,535,860]],[3,27,-10,0,0,0,[485,860,485,920,535,920]],[3,28,-10,0,0,0,[485,860,485,980,535,980]],[4,29,-10,0,0,0,[405,860,455,860]],[4,30,-10,0,0,0,[405,860,405,920,455,920]],[4,31,-10,0,0,0,[405,860,405,980,455,980]],[4,32,-10,0,0,0,[405,860,405,1040,455,1040]],[4,33,-10,0,0,0,[405,860,405,1100,455,1100]],[0,34,-10,0,0,0,[5,50,55,50]],[0,35,-10,0,0,0,[5,50,405,50]],[34,36,-10,0,0,0,[45,120,45,430,95,430]],[34,37,-10,0,0,0,[45,120,45,620,95,620]],[34,38,-10,0,0,0,[45,120,215,120]],[34,39,-10,0,0,0,[45,120,45,430,215,430]],[34,40,-10,0,0,0,[45,120,95,120]],[37,41,0,-10,0,0,[130,645,130,660,165,660]],[37,42,0,-10,0,0,[130,645,130,660,205,660]],[38,43,-10,0,0,0,[205,190,255,190]],[38,44,-10,0,0,0,[205,190,205,250,255,250]],[38,45,-10,0,0,0,[205,190,205,310,255,310]],[36,46,-10,0,0,0,[85,500,135,500]],[36,47,-10,0,0,0,[85,500,85,560,135,560]],[36,48,-10,0,0,0,[85,500,175,500]],[36,49,-10,0,0,0,[85,500,85,560,175,560]],[39,50,0,-10,0,0,[250,455,250,470,285,470]],[39,51,0,-10,0,0,[250,455,250,530,285,530]],[39,52,0,-10,0,0,[250,455,250,470,325,470]],[39,53,0,-10,0,0,[250,455,250,530,325,530]],[39,54,0,-10,0,0,[250,455,250,470,365,470]],[39,55,0,-10,0,0,[250,455,250,530,365,530]],[40,56,-10,0,0,0,[85,190,135,190]],[40,57,-10,0,0,0,[85,190,85,250,135,250]],[40,58,-10,0,0,0,[85,190,85,310,135,310]],[40,59,-10,0,0,0,[85,190,85,370,135,370]],[40,60,-10,0,0,0,[85,190,175,190]],[40,61,-10,0,0,0,[85,190,85,250,175,250]],[40,62,-10,0,0,0,[85,190,85,310,175,310]],[35,63,-10,0,0,0,[395,120,395,590,445,590]],[35,64,-10,0,0,0,[395,120,395,490,595,490]],[35,65,-10,0,0,0,[395,120,395,490,445,490]],[35,66,-10,0,0,0,[395,120,445,120]],[35,67,-10,0,0,0,[395,120,525,120]],[35,68,-10,0,0,0,[395,120,605,120]],[35,69,-10,0,0,0,[395,120,395,590,485,590]],[64,70,0,-10,0,0,[630,515,630,530,665,530]],[65,71,0,-10,0,0,[480,515,480,530,515,530]],[65,72,0,-10,0,0,[480,515,480,530,555,530]],[68,73,-10,0,0,0,[595,190,645,190]],[68,74,-10,0,0,0,[595,190,595,250,645,250]],[68,75,-10,0,0,0,[595,190,595,310,645,310]],[66,76,-10,0,0,0,[435,190,485,190]],[66,77,-10,0,0,0,[435,190,435,250,485,250]],[66,78,-10,0,0,0,[435,190,435,310,485,310]],[66,79,-10,0,0,0,[435,190,435,370,485,370]],[66,80,-10,0,0,0,[435,190,435,430,485,430]],[67,81,-10,0,0,0,[515,190,565,190]],[67,82,-10,0,0,0,[515,190,515,250,565,250]],[67,83,-10,0,0,0,[515,190,515,310,565,310]],[67,84,-10,0,0,0,[515,190,515,370,565,370]],[67,85,-10,0,0,0,[515,190,515,430,565,430]]],"vp":[0.0,0.0,680.0,1150.0]}}
-     * </p>
-     * <p>
-     * Example layout with an aspect ratio of <code>0.5</code>
-     * </p>
-     * <p>
-     * <b>Concept</b>
-     * </p>
-     * <p>
-     * The layout algorithm starts from the root and recursively assigns coordinates to all tree nodes. In this manner, leaf
-     * nodes will be placed first, while each parent node is placed centered above its child nodes.
-     * </p>
-     * <p>
-     * <b>Features</b>
-     * </p>
-     * <p>
-     * The aspect ratio of each subtree can be specified individually. A {@link yfiles.algorithms.IDataProvider} registered with {@link yfiles.tree.AspectRatioTreeLayout#SUBTREE_ASPECT_RATIO_DP_KEY}
-     * returns the aspect ratio for each local root node.
-     * </p>
-     * <p>
-     * A custom node can be defined as root of the tree using a {@link yfiles.algorithms.IDataProvider} registered with the graph with
-     * key {@link yfiles.tree.AspectRatioTreeLayout#SELECTED_ROOT_DP_KEY}.
-     * </p>
-     * @class yfiles.tree.AspectRatioTreeLayout
-     * @extends {yfiles.layout.MultiStageLayout}
-     */
-    export interface AspectRatioTreeLayout extends yfiles.layout.MultiStageLayout{}
-    export class AspectRatioTreeLayout {
-      /**
-       * Creates a new {@link yfiles.tree.AspectRatioTreeLayout} instance with default settings.
-       * @constructor
-       */
-      constructor();
-      /**
-       * Adds bends to the given {@link yfiles.layout.IEdgeLayout}.
-       * <p>
-       * This method is called by {@link yfiles.tree.AspectRatioTreeLayout#applyLayoutCore} for each edge, after the nodes are placed, to
-       * route the path of the edges. It may be overridden to apply a custom routing style.
-       * </p>
-       * @param {yfiles.layout.IEdgeLayout} edgeLayout the layout of the edge that is routed
-       * @param {yfiles.algorithms.Node} localRoot the local root of the subtree
-       * @param {yfiles.algorithms.Node} child the child connected to the local root with the given edge
-       * @param {yfiles.tree.RootPlacement} rootPlacement the placement specifier of the local root
-       * @param {yfiles.tree.SubtreeArrangement} routingPolicy the direction specifier for the routing
-       * @protected
-       */
-      createBends(edgeLayout:yfiles.layout.IEdgeLayout,localRoot:yfiles.algorithms.Node,child:yfiles.algorithms.Node,rootPlacement:yfiles.tree.RootPlacement,routingPolicy:yfiles.tree.SubtreeArrangement):void;
-      /**
-       * Retrieves the aspect ratio for the subtree that is rooted at the given node.
-       * <p>
-       * If there is an individual aspect ratio for the subtree provided by a {@link yfiles.algorithms.IDataProvider} registered with key
-       * {@link yfiles.tree.AspectRatioTreeLayout#SUBTREE_ASPECT_RATIO_DP_KEY}, that ratio will be returned. Otherwise, the {@link yfiles.tree.AspectRatioTreeLayout#aspectRatio default aspect ratio}
-       * will be returned.
-       * </p>
-       * <p>
-       * This method is called by {@link yfiles.tree.AspectRatioTreeLayout#applyLayoutCore} before a subtree is arranged. It may be
-       * overridden to use another approach to define the aspect ratio for subtrees.
-       * </p>
-       * @param {yfiles.algorithms.Node} localRoot the root node of the subtree
-       * @returns {number} the aspect ratio of the subtree rooted at the local root node
-       * @see yfiles.tree.AspectRatioTreeLayout#SUBTREE_ASPECT_RATIO_DP_KEY
-       * @see yfiles.tree.AspectRatioTreeLayout#aspectRatio
-       * @protected
-       */
-      getAspectRatio(localRoot:yfiles.algorithms.Node):number;
-      /**
-       * Retrieves the root placement for the subtree that is rooted at the given node.
-       * <p>
-       * Either an individual root placement for the subtree (defined via a {@link yfiles.algorithms.IDataProvider} registered with
-       * {@link yfiles.tree.AspectRatioTreeLayout#ROOT_PLACEMENT_DP_KEY}), or if there is none, the {@link yfiles.tree.AspectRatioTreeLayout#rootPlacement default root placement} is returned.
-       * </p>
-       * <p>
-       * This method is called by {@link yfiles.tree.AspectRatioTreeLayout#applyLayoutCore} after a subtree is arranged to align the
-       * local root node. It may be overridden to use another approach to define the root placement for a subtree.
-       * </p>
-       * @param {Object} localRoot the root of the subtree
-       * @returns {yfiles.tree.RootPlacement} the root placement of the subtree
-       * @see yfiles.tree.AspectRatioTreeLayout#ROOT_PLACEMENT_DP_KEY
-       * @see yfiles.tree.AspectRatioTreeLayout#rootPlacement
-       * @protected
-       */
-      getRootPlacement(localRoot:Object):yfiles.tree.RootPlacement;
-      /**
-       * Retrieves the routing for the subtree that is rooted at the given node.
-       * <p>
-       * Either an individual routing for the subtree (defined via a {@link yfiles.algorithms.IDataProvider} registered with
-       * {@link yfiles.tree.AspectRatioTreeLayout#SUBTREE_ROUTING_POLICY_DP_KEY}), or if there is none, the {@link yfiles.tree.AspectRatioTreeLayout#subtreeArrangement default routing} is returned.
-       * </p>
-       * <p>
-       * This method is called by {@link yfiles.tree.AspectRatioTreeLayout#applyLayoutCore} to determine the direction of the subtrees.
-       * It may be overridden to use another approach to define the routing for a subtree.
-       * </p>
-       * @param {Object} localRoot the root of the subtree
-       * @returns {yfiles.tree.SubtreeArrangement} the routing policy for the subtree
-       * @see yfiles.tree.AspectRatioTreeLayout#SUBTREE_ROUTING_POLICY_DP_KEY
-       * @see yfiles.tree.AspectRatioTreeLayout#subtreeArrangement
-       * @protected
-       */
-      getSubtreeArrangement(localRoot:Object):yfiles.tree.SubtreeArrangement;
-      /**
-       * Retrieves all children of the given local root.
-       * <p>
-       * This method is called by {@link yfiles.tree.AspectRatioTreeLayout#applyLayoutCore} to arrange the subtrees below the local
-       * root.
-       * </p>
-       * @param {yfiles.algorithms.Node} localRoot the root of a subtree
-       * @returns {yfiles.algorithms.INodeCursor} all successors of the given node
-       * @protected
-       */
-      getSuccessors(localRoot:yfiles.algorithms.Node):yfiles.algorithms.INodeCursor;
-      /**
-       * Data provider key for specifying a target aspect ratio for each subtree
-       * <p>
-       * The aspect ratio needs to be greater than <code>0</code>.
-       * </p>
-       * <ul>
-       * <li>aspect ratio <code>1</code>: width and height of the layout should be the same</li>
-       * <li>aspect ratio between <code>0</code> and <code>1</code>: the height of the layout should be greater than its width</li>
-       * <li>aspect ratio greater than <code>1</code>: the width of the layout should be greater than its height</li>
-       * </ul>
-       * <p>
-       * If no specific ratio is defined for a subtree, the layout algorithm falls back to the default {@link yfiles.tree.AspectRatioTreeLayout#aspectRatio aspect ratio}.
-       * </p>
-       * @const
-       * @static
-       * @type {yfiles.algorithms.NodeDpKey.<number>}
-       */
-      static SUBTREE_ASPECT_RATIO_DP_KEY:yfiles.algorithms.NodeDpKey<number>;
-      /**
-       * Data provider key for specifying the placement of each subtree root
-       * <p>
-       * If no root placement is specified for one of the subtree roots, the default {@link yfiles.tree.AspectRatioTreeLayout#rootPlacement root placement} will be used.
-       * </p>
-       * @const
-       * @static
-       * @type {yfiles.algorithms.NodeDpKey.<Object>}
-       */
-      static ROOT_PLACEMENT_DP_KEY:yfiles.algorithms.NodeDpKey<Object>;
-      /**
-       * Data provider key for specifying the routing direction for each subtree root
-       * <p>
-       * The children in a subtree are arranged either horizontally or vertically. The edges are routed to the top of the child
-       * nodes or at the side, respectively. Directions depend on the {@link yfiles.layout.MultiStageLayout#layoutOrientation layout orientation} and refer to {@link yfiles.layout.LayoutOrientation#TOP_TO_BOTTOM}
-       * for this description.
-       * </p>
-       * <p>
-       * If no specific routing policy is specified for a subtree root, the layout algorithm uses the default {@link yfiles.tree.AspectRatioTreeLayout#subtreeArrangement routing direction}.
-       * </p>
-       * @const
-       * @static
-       * @type {yfiles.algorithms.NodeDpKey.<Object>}
-       */
-      static SUBTREE_ROUTING_POLICY_DP_KEY:yfiles.algorithms.NodeDpKey<Object>;
-      /**
-       * Data provider key for marking the node that will be used as root node of the tree.
-       * @const
-       * @static
-       * @type {yfiles.algorithms.NodeDpKey.<boolean>}
-       */
-      static SELECTED_ROOT_DP_KEY:yfiles.algorithms.NodeDpKey<boolean>;
-      /**
-       * The input graph this algorithm is handling.
-       * @protected
-       * @type {yfiles.layout.LayoutGraph}
-       */
-      graph:yfiles.layout.LayoutGraph;
-      /**
-       * Gets or sets the horizontal distance between adjacent nodes.
-       * <p>
-       * The distance needs to be non-negative.
-       * </p>
-       * @throws {Stubs.Exceptions.ArgumentError} if the specified distance is negative
-       * @type {number}
-       */
-      horizontalDistance:number;
-      /**
-       * Gets or sets the vertical distance between adjacent nodes.
-       * <p>
-       * The distance needs to be non-negative.
-       * </p>
-       * @throws {Stubs.Exceptions.ArgumentError} if the specified distance is negative
-       * @type {number}
-       */
-      verticalDistance:number;
-      /**
-       * Sets whether or not the {@link yfiles.layout.ILayoutStage} used for arranging the components of the graph is activated.
-       * @see yfiles.layout.MultiStageLayout#componentLayoutEnabled
-       * @see yfiles.layout.MultiStageLayout#componentLayout
-       * @see yfiles.layout.ComponentLayout
-       * @type {boolean}
-       */
-      componentLayoutEnabled:boolean;
-      /**
-       * Sets whether or not the {@link yfiles.layout.ILayoutStage} used for hiding group nodes is activated.
-       * @see yfiles.layout.MultiStageLayout#hideGroupsStageEnabled
-       * @see yfiles.layout.MultiStageLayout#hideGroupsStage
-       * @see yfiles.layout.HideGroupsStage
-       * @type {boolean}
-       */
-      hideGroupsStageEnabled:boolean;
-      /**
-       * Sets whether or not the {@link yfiles.layout.ILayoutStage} used for routing parallel edges is activated.
-       * @see yfiles.layout.MultiStageLayout#parallelEdgeRouterEnabled
-       * @see yfiles.layout.MultiStageLayout#parallelEdgeRouter
-       * @see yfiles.router.ParallelEdgeRouter
-       * @type {boolean}
-       */
-      parallelEdgeRouterEnabled:boolean;
-      /**
-       * Sets whether or not the {@link yfiles.layout.ILayoutStage} used for routing self-loops is activated.
-       * @see yfiles.layout.MultiStageLayout#selfLoopRouterEnabled
-       * @see yfiles.layout.MultiStageLayout#selfLoopRouter
-       * @see yfiles.layout.SelfLoopRouter
-       * @type {boolean}
-       */
-      selfLoopRouterEnabled:boolean;
-      /**
-       * Gets or sets the {@link yfiles.collections.IComparer.<T>} that will be used for sorting the {@link yfiles.algorithms.Node#sortOutEdges outgoing edges} of each local root in the tree before they are being
-       * arranged.
-       * @type {yfiles.collections.IComparer.<Object>}
-       */
-      comparer:yfiles.collections.IComparer<Object>;
-      /**
-       * Gets or sets the default aspect ratio for this {@link yfiles.tree.AspectRatioTreeLayout}.
-       * <p>
-       * This aspect ratio is used for all subtrees for which there is no specific aspect ratio defined in a {@link yfiles.algorithms.IDataProvider}
-       * registered with {@link yfiles.tree.AspectRatioTreeLayout#SUBTREE_ASPECT_RATIO_DP_KEY}.
-       * </p>
-       * <p>
-       * The aspect ratio needs to have a positive value.
-       * </p>
-       * @throws {Stubs.Exceptions.ArgumentError} if the specified aspect ratio is <code>0</code> or negative
-       * @type {number}
-       */
-      aspectRatio:number;
-      /**
-       * Gets or sets the desired placement of the tree's root node.
-       * @throws {Stubs.Exceptions.ArgumentError} if an unknown placement specifiers is set
-       * @type {yfiles.tree.RootPlacement}
-       */
-      rootPlacement:yfiles.tree.RootPlacement;
-      /**
-       * Gets or sets how the children of a local root are arranged and how the edges between them are routed.
-       * @throws {Stubs.Exceptions.ArgumentError} if the specified routing policy is unknown
-       * @type {yfiles.tree.SubtreeArrangement}
-       */
-      subtreeArrangement:yfiles.tree.SubtreeArrangement;
-      /**
-       * Gets or sets the preferred distance between any two bends of an edge.
-       * <p>
-       * Additionally, the preferred bend distance governs the distance between the first and last edges and the corresponding
-       * ports.
-       * </p>
-       * <p>
-       * The distance needs to be non-negative.
-       * </p>
-       * @throws {Stubs.Exceptions.ArgumentError} if the specified distance is negative
-       * @type {number}
-       */
-      bendDistance:number;
-      static $class:yfiles.lang.Class;
-    }
-    /**
-     * The {@link yfiles.tree.AssistantNodePlacer} places nodes that are marked as assistants left and right of their parents and all
-     * other nodes below the assistant nodes.
-     * <p>
-     * <b>Layout Style</b> {@graph {"ann":{"s":[30,30],"d":1},"n":[[75,0],[100,171],[50,171],[0,171],[150,171],[110,50,1],[40,100,1],[40,50,1]],"e":[[0,1,[90,150.5,115,150.5]],[0,2,[90,150.5,65,150.5]],[0,3,[90,150.5,15,150.5]],[0,4,[90,150.5,165,150.5]],[0,5,[90,65]],[0,6,[90,115]],[0,7,[90,65]]],"vp":[0.0,0.0,180.0,201.0]}}
-     * </p>
-     * <p>
-     * Assistants are marked
-     * </p>
-     * <p>
-     * <b>Concept</b> This {@link yfiles.tree.INodePlacer} delegates the placement of all assistant nodes to an instance of
-     * {@link yfiles.tree.LeftRightNodePlacer}. The non-assistant nodes are handled by another {@link yfiles.tree.AssistantNodePlacer#childNodePlacer node placer}. To be able to do this, {@link yfiles.tree.AssistantNodePlacer}
-     * uses a {@link yfiles.tree.IProcessor} which prepares the graph for node placing.
-     * </p>
-     * <p>
-     * A {@link yfiles.algorithms.IDataProvider} that is registered using {@link yfiles.tree.AssistantNodePlacer#ASSISTANT_NODE_DP_KEY} returns
-     * <code>true</code> for assistant nodes and <code>false</code> for all other nodes.
-     * </p>
-     * @class yfiles.tree.AssistantNodePlacer
-     * @extends {yfiles.tree.RotatableNodePlacerBase}
-     */
-    export interface AssistantNodePlacer extends yfiles.tree.RotatableNodePlacerBase{}
-    export class AssistantNodePlacer {
-      /**
-       * Creates a new {@link yfiles.tree.AssistantNodePlacer} instance that uses the transformation defined by the given matrix.
-       * @param {yfiles.tree.RotatableNodePlacerMatrix} modificationMatrix the transformation matrix
-       * @constructor
-       */
-      constructor(modificationMatrix:yfiles.tree.RotatableNodePlacerMatrix);
-      /**
-       * Creates a new {@link yfiles.tree.AssistantNodePlacer} instance with default settings.
-       * @constructor
-       */
-      constructor();
-      /**
-       * Creates a {@link yfiles.collections.IComparer.<T>} that compares outgoing edges connecting to assistant nodes and edges connecting to non-assistant nodes
-       * separately.
-       * @param {yfiles.collections.IComparer.<Object>} assistantComparer the {@link yfiles.collections.IComparer.<T>} for edges connecting to <em>assistant</em> nodes
-       * @param {yfiles.collections.IComparer.<Object>} childComparer the {@link yfiles.collections.IComparer.<T>} for edges connecting to <em>non-assistant</em> nodes
-       * @returns {yfiles.collections.IComparer.<Object>} a {@link yfiles.collections.IComparer.<T>} that compares edges to assistant nodes separately from edges to non-assistant nodes
-       * @static
-       */
-      static createCompoundComparer(assistantComparer:yfiles.collections.IComparer<Object>,childComparer:yfiles.collections.IComparer<Object>):yfiles.collections.IComparer<Object>;
-      /**
-       * Data provider key for marking which nodes are placed as assistants
-       * @const
-       * @static
-       * @type {yfiles.algorithms.NodeDpKey.<boolean>}
-       */
-      static ASSISTANT_NODE_DP_KEY:yfiles.algorithms.NodeDpKey<boolean>;
-      /**
-       * Gets or sets the spacing between subtrees for the delegate {@link yfiles.tree.INodePlacer}.
-       * <p>
-       * The spacing needs to be non-negative.
-       * </p>
-       * @throws {Stubs.Exceptions.ArgumentError} if the given spacing is negative
-       * @type {number}
-       */
-      spacing:number;
-      /**
-       * Gets or sets the {@link yfiles.tree.INodePlacer} instance that places the non-assistant children.
-       * <p>
-       * These non-assistant child nodes will be placed below the assistant child nodes and are arranged by the given
-       * {@link yfiles.tree.INodePlacer}. Non-assistant child nodes are the ones that are not marked in the {@link yfiles.algorithms.IDataProvider}
-       * registered with {@link yfiles.tree.AssistantNodePlacer#ASSISTANT_NODE_DP_KEY}.
-       * </p>
-       * @see yfiles.tree.AssistantNodePlacer#ASSISTANT_NODE_DP_KEY
-       * @type {yfiles.tree.INodePlacer}
-       */
-      childNodePlacer:yfiles.tree.INodePlacer;
-      static $class:yfiles.lang.Class;
-    }
-    /**
-     * The {@link yfiles.tree.BusNodePlacer} creates a bus to which all child nodes and the local root node are connected.
-     * <p>
-     * <b>Layout Style</b> {@graph {"ann":{"s":[30,30],"d":1},"n":[[40,0],[140,0],[190,0],[50,70],[0,70],[100,70],[150,70],[90,0,1]],"e":[[7,0,[105,50,55,50]],[7,1,[105,50,155,50]],[7,2,[105,50,205,50]],[7,3,[105,50,65,50]],[7,4,[105,50,15,50]],[7,5,[105,50,115,50]],[7,6,[105,50,165,50]]],"vp":[0.0,0.0,220.0,100.0]}}
-     * </p>
-     * <p>
-     * The root node is marked
-     * </p>
-     * @class yfiles.tree.BusNodePlacer
-     * @extends {yfiles.tree.RotatableNodePlacerBase}
-     */
-    export interface BusNodePlacer extends yfiles.tree.RotatableNodePlacerBase{}
-    export class BusNodePlacer {
-      /**
-       * Creates a new {@link yfiles.tree.BusNodePlacer} instance that uses the transformation defined by the given matrix.
-       * @param {yfiles.tree.RotatableNodePlacerMatrix} modificationMatrix the transformation matrix
-       * @constructor
-       */
-      constructor(modificationMatrix:yfiles.tree.RotatableNodePlacerMatrix);
-      /**
-       * Creates a new instance of {@link yfiles.tree.BusNodePlacer} with default settings.
-       * @constructor
-       */
-      constructor();
-      static $class:yfiles.lang.Class;
-    }
-    /**
-     * This layout algorithm arranges graphs with a tree structure.
-     * <p>
-     * <b>Layout Style</b> {@link yfiles.tree.ClassicTreeLayout} is designed to arrange directed and undirected trees that have a unique root node. All
-     * children are placed below their parent in relation to the main layout direction. The edges of the graph are routed as
-     * straight-line segments or in an orthogonal bus-like fashion.
-     * </p>
-     * <p>
-     * Tree layout algorithms are commonly used for visualizing relational data and for producing diagrams of high quality that
-     * are able to reveal possible hierarchic properties of the graph. More precisely, they find applications in dataflow
-     * analysis, software engineering, bioinformatics and business administration.
-     * </p>
-     * <p>
-     * {@graph {"ann":{"s":[30,30],"d":1},"n":[[215.62,70],[365.62,0],[706.25,210],[25,140],[331.25,140],[100,280],[512.5,210],[325,280],[762.5,280],[200,210],[150,350],[400,350],[825,350],[350,350],[25,210],[900,420],[700,420],[100,350],[575,280],[575,350],[600,420],[200,280],[150,420],[25,280],[550,420],[300,420],[850,420],[800,420],[400,420],[200,350],[350,420],[50,350],[500,420],[100,420],[750,420],[450,420],[0,420],[50,420],[200,420],[650,280],[250,420],[650,420],[650,350]],"e":[[1,0,0,15,0,-15,[230.62,50]],[1,2,0,15,0,-15,[721.25,50]],[1,3,0,15,0,-15,[40,50]],[0,4,0,15,0,-15,[346.25,120]],[0,5,0,15,0,-15,[115,120]],[4,6,0,15,0,-15,[527.5,190]],[4,7,0,15,0,-15,[340,190]],[2,8,0,15,0,-15,[777.5,260]],[4,9,0,15,0,-15,[215,190]],[4,10,0,15,0,-15,[165,190]],[7,11,0,15,0,-15,[415,330]],[8,12,0,15,0,-15,[840,330]],[7,13,0,15,0,-15,[365,330]],[3,14,0,15,0,-15],[12,15,0,15,0,-15,[915,400]],[8,16,0,15,0,-15,[715,330]],[5,17,0,15,0,-15],[6,18,0,15,0,-15,[590,260]],[18,19,0,15,0,-15],[19,20,0,15,0,-15,[615,400]],[9,21,0,15,0,-15],[10,22,0,15,0,-15],[14,23,0,15,0,-15],[19,24,0,15,0,-15,[565,400]],[7,25,0,15,0,-15,[315,330]],[12,26,0,15,0,-15,[865,400]],[12,27,0,15,0,-15,[815,400]],[11,28,0,15,0,-15],[21,29,0,15,0,-15],[13,30,0,15,0,-15],[23,31,0,15,0,-15,[65,330]],[6,32,0,15,0,-15,[515,260]],[17,33,0,15,0,-15],[12,34,0,15,0,-15,[765,400]],[6,35,0,15,0,-15,[465,260]],[23,36,0,15,0,-15,[15,330]],[31,37,0,15,0,-15],[29,38,0,15,0,-15],[2,39,0,15,0,-15,[665,260]],[7,40,0,15,0,-15,[265,330]],[39,42,0,15,0,-15],[42,41,0,15,0,-15]],"vp":[0.0,0.0,930.0,450.0]}} A Dendrogram {@graph {"ann":{"s":[30,30],"d":1},"n":[[983.12,0],[495,85],[495,170],[151.25,170],[495,240],[42.5,255],[85,325],[0,325],[520,310],[470,310],[520,380],[135,395],[470,380],[85,395],[520,450],[35,395],[185,240,265,270,2],[260,255],[320,325],[405,395],[320,395],[370,465],[320,465],[235,395],[270,465],[200,325],[570,155,560,510,2],[670,170],[1060,240],[670,240],[1060,310],[670,325],[585,240],[1085,380],[670,395],[670,465],[620,325],[1035,380],[720,310,295,340,2],[810,325],[920,395],[835,395],[920,465],[785,395],[835,465],[970,535],[920,535],[735,395],[735,465],[870,535],[920,605],[1150,70,440,495,2],[1471.25,85],[1545,155],[1397.5,155],[1510,240],[1435,240],[1460,310],[1360,240],[1460,380],[1485,450],[1410,310],[1360,310],[1435,450],[1510,310],[1360,380],[1435,520],[1165,225,175,230,2],[1230,240],[1280,310],[1230,310],[1180,310],[1265,380,60,60,2],[1280,395]],"e":[[0,1,[998.12,50,510,50]],[1,2],[1,3,[510,135,166.25,135]],[2,4],[3,5,[166.25,220,57.5,220]],[5,6,[57.5,305,100,305]],[5,7,[57.5,305,15,305]],[4,8,[510,290,535,290]],[4,9,[510,290,485,290]],[8,10],[6,11,[100,375,150,375]],[9,12],[6,13],[10,14],[6,15,[100,375,50,375]],[3,17,[166.25,220,275,220]],[17,18,[275,305,335,305]],[18,19,[335,375,420,375]],[18,20],[20,21,[335,445,385,445]],[20,22],[18,23,[335,375,250,375]],[20,24,[335,445,285,445]],[17,25,[275,305,215,305]],[1,27,[510,135,685,135]],[27,28,[685,220,1075,220]],[27,29],[28,30],[29,31],[27,32,[685,220,600,220]],[30,33,[1075,360,1100,360]],[31,34],[34,35],[29,36,[685,290,635,290]],[30,37,[1075,360,1050,360]],[29,39,[685,290,825,290]],[39,40,[825,375,935,375]],[39,41,[825,375,850,375]],[40,42],[39,43,[825,375,800,375]],[41,44],[42,45,[935,515,985,515]],[42,46],[39,47,[825,375,750,375]],[47,48],[42,49,[935,515,885,515]],[46,50],[0,52,[998.12,50,1486.25,50]],[52,53,[1486.25,135,1560,135]],[52,54,[1486.25,135,1412.5,135]],[54,55,[1412.5,205,1525,205]],[54,56,[1412.5,205,1450,205]],[56,57,[1450,290,1475,290]],[54,58,[1412.5,205,1375,205]],[57,59],[59,60,[1475,430,1500,430]],[56,61,[1450,290,1425,290]],[58,62],[59,63,[1475,430,1450,430]],[55,64],[62,65],[63,66],[54,68,[1412.5,205,1245,205]],[68,69,[1245,290,1295,290]],[68,70],[68,71,[1245,290,1195,290]],[69,73]],"vp":[0.0,0.0,1590.0,665.0]}} A graph containing group nodes {@graph {"ann":{"s":[30,30],"d":1},"n":[[4.33,440.22],[74.33,418.34,73.78,73.78],[188.11,41,48,48],[197.11,417.95],[298,245.33],[298,445.67],[389.89,393.78,73.78,73.78],[411.78,146.89],[298,25],[411.78,243.78],[411.78,293.78],[298,590.56],[503.67,100,73.78,73.78],[197.11,708.56],[188.11,821.45,48,48],[525.56,415.67],[525.56,243.78],[399.84,13.06,53.88,53.88],[276.11,661.67,73.78,73.78],[411.78,343.78],[411.78,497.56],[402.78,547.56,48,48],[402.78,615.56,48,48],[298,755.45],[525.56,472.56],[525.56,293.78],[629.39,243.78],[525.56,0],[525.56,50],[525.56,522.56],[298,805.45],[617.45,485.62,53.88,53.88],[629.39,50],[411.78,755.45],[711.33,38.06,53.88,53.88],[629.39,559.5],[298,75],[411.78,683.56],[525.56,599.56],[411.78,805.45],[723.27,559.5],[629.39,293.78],[525.56,193.78],[723.27,497.56],[298,855.45],[525.56,649.56]],"e":[[0,1],[1,2,[168.11,455.22,168.11,65]],[1,3,[168.11,455.22,168.11,432.95]],[3,4,[256.11,432.95,256.11,260.33]],[3,5,[256.11,432.95,256.11,460.67]],[5,6,[369.89,460.67,369.89,430.67]],[4,7,[369.89,260.33,369.89,161.89]],[2,8,[256.11,65,256.11,40]],[4,9,[369.89,260.33,369.89,258.78]],[4,10,[369.89,260.33,369.89,308.78]],[3,11,[256.11,432.95,256.11,605.56]],[7,12,[483.67,161.89,483.67,136.89]],[1,13,[168.11,455.22,168.11,723.56]],[1,14,[168.11,455.22,168.11,845.45]],[6,15],[9,16],[8,17],[13,18,[256.11,723.56,256.11,698.56]],[4,19,[369.89,260.33,369.89,358.78]],[5,20,[369.89,460.67,369.89,512.56]],[11,21,[369.89,605.56,369.89,571.56]],[11,22,[369.89,605.56,369.89,639.56]],[13,23,[256.11,723.56,256.11,770.45]],[20,24,[483.67,512.56,483.67,487.56]],[10,25],[16,26],[17,27,[483.67,40,483.67,15]],[17,28,[483.67,40,483.67,65]],[20,29,[483.67,512.56,483.67,537.56]],[14,30,[256.11,845.45,256.11,820.45]],[29,31,[597.45,537.56,597.45,512.56]],[28,32],[23,33],[32,34],[29,35,[597.45,537.56,597.45,574.5]],[2,36,[256.11,65,256.11,90]],[18,37],[22,38,[483.67,639.56,483.67,614.56]],[30,39],[35,40],[25,41],[7,42,[483.67,161.89,483.67,208.78]],[31,43],[14,44,[256.11,845.45,256.11,870.45]],[22,45,[483.67,639.56,483.67,664.56]]],"vp":[4.0,0.0,762.0,886.0]}} Left-to-right layout with global layering<b>Concept</b>
-     * </p>
-     * <p>
-     * The layout algorithm starts from the root and recursively assigns coordinates to all tree nodes. In this manner, leaf
-     * nodes will be placed first, while each parent node is placed centered above its children.
-     * </p>
-     * <p>
-     * <b>Features</b>
-     * </p>
-     * <p>
-     * The layout algorithm supports custom sorting of sibling nodes by using a specific {@link yfiles.tree.NodeOrderComparer}. Each
-     * tree node may have an individual {@link yfiles.tree.NodeOrderComparer} that is stored in a {@link yfiles.algorithms.IDataProvider}
-     * registered with the graph with {@link yfiles.tree.NodeOrderComparer#NODE_ORDER_COMPARABLE_DP_KEY}. If this {@link yfiles.tree.NodeOrderComparer}
-     * uses the initial coordinates of the nodes, it allows the incremental insertion of child nodes while keeping the relative
-     * locations of the other nodes.
-     * </p>
-     * <p>
-     * A custom node can be defined as root of the tree using a {@link yfiles.algorithms.IDataProvider} registered with the graph with
-     * key {@link yfiles.tree.ClassicTreeLayout#SELECTED_ROOT_DP_KEY}.
-     * </p>
-     * <p>
-     * {@link yfiles.tree.ClassicTreeLayout} can be configured to {@link yfiles.tree.ClassicTreeLayout#considerNodeLabels reserve space for node labels}. It can also {@link yfiles.tree.ClassicTreeLayout#integratedEdgeLabeling place edge labels along edges}
-     * such that the labels won't overlap with other graph elements. Edge labels are placed according to the information stored
-     * in a {@link yfiles.layout.PreferredPlacementDescriptor} instance. However, the placement along the edge will only affect the
-     * order of multiple labels at the same edge. The algorithm will always place the labels close to the target node.
-     * </p>
-     * <p>
-     * Grouping of nodes can also be handled by this layout algorithm. It is important that a group node contains a whole
-     * subtree. Otherwise, the group nodes may overlap with each other or with other nodes. Furthermore, the user may specify
-     * minimum size constraints for each group node using {@link yfiles.algorithms.IDataProvider} key
-     * {@link yfiles.layout.GroupingKeys#MINIMUM_NODE_SIZE_DP_KEY}.
-     * </p>
-     * <p>
-     * This layout algorithm can only handle graphs with a tree structure. To apply it to a general graph, a {@link yfiles.tree.TreeReductionStage}
-     * can be appended. This stage will temporarily remove some edges of the input graph until a tree is obtained. After the
-     * layout calculation, the stage will reinsert the edges that were removed and route them separately.
-     * </p>
-     * @class yfiles.tree.ClassicTreeLayout
-     * @extends {yfiles.layout.MultiStageLayout}
-     */
-    export interface ClassicTreeLayout extends yfiles.layout.MultiStageLayout{}
-    export class ClassicTreeLayout {
-      /**
-       * Creates a new {@link yfiles.tree.ClassicTreeLayout} instance with default settings.
-       * @constructor
-       */
-      constructor();
-      /**
-       * Data provider key for marking the node that will be used as root node of the tree.
-       * @const
-       * @static
-       * @type {yfiles.algorithms.NodeDpKey.<boolean>}
-       */
-      static SELECTED_ROOT_DP_KEY:yfiles.algorithms.NodeDpKey<boolean>;
-      /**
-       * Gets or sets whether or not a global layering is enforced, that is, each node spans exactly one layer.
-       * <p>
-       * If it is enabled, the algorithm ensures that nodes never span more than one layer. Otherwise, nodes with larger size
-       * might span two or more layers such that a more compact layout is produced.
-       * </p>
-       * <p>
-       * This setting can be advantageous, if the hierarchical structure of the tree should be emphasized.
-       * </p>
-       * @see yfiles.tree.ClassicTreeLayout#verticalAlignment
-       * @see yfiles.tree.ClassicTreeLayout#verticalAlignment
-       * @type {boolean}
-       */
-      enforceGlobalLayering:boolean;
-      /**
-       * Gets or sets the layout policy for leaf nodes.
-       * @throws {Stubs.Exceptions.ArgumentError} if the specified policy is unknown
-       * @type {yfiles.tree.LeafPlacement}
-       */
-      leafPlacement:yfiles.tree.LeafPlacement;
-      /**
-       * Gets or sets whether or not group nodes are handled by the layout algorithm.
-       * @see yfiles.layout.MultiStageLayout#hideGroupsStageEnabled
-       * @type {boolean}
-       */
-      groupingSupported:boolean;
-      /**
-       * Gets or sets the {@link yfiles.collections.IComparer.<T>} instance that is used for sorting the outgoing edges of each node of the tree.
-       * <p>
-       * This comparator defines the relative order of the child nodes in the layout.
-       * </p>
-       * @type {yfiles.collections.IComparer.<Object>}
-       */
-      comparer:yfiles.collections.IComparer<Object>;
-      /**
-       * Gets or sets the port assignment policy that will be applied.
-       * @type {yfiles.tree.PortStyle}
-       */
-      portStyle:yfiles.tree.PortStyle;
-      /**
-       * Gets or sets the edge routing style used by this layout algorithm.
-       * <p>
-       * If {@link yfiles.tree.EdgeRoutingStyle#PLAIN} is set, the edges will be routed as straight-line segments. If {@link yfiles.tree.EdgeRoutingStyle#ORTHOGONAL}
-       * is set, all edges will be routed orthogonally in a bus-like fashion.
-       * </p>
-       * @throws {Stubs.Exceptions.ArgumentError} if an invalid layout style is provided
-       * @type {yfiles.tree.EdgeRoutingStyle}
-       */
-      edgeRoutingStyle:yfiles.tree.EdgeRoutingStyle;
-      /**
-       * Gets or sets the minimum horizontal distance between adjacent nodes within the same layer.
-       * @throws {Stubs.Exceptions.ArgumentError} if the given distance is negative
-       * @type {number}
-       */
-      minimumNodeDistance:number;
-      /**
-       * Gets or sets the minimum distance between two adjacent layers.
-       * @throws {Stubs.Exceptions.ArgumentError} if the given distance is negative
-       * @type {number}
-       */
-      minimumLayerDistance:number;
-      /**
-       * Gets or sets whether or not the layout algorithm reserves space for node labels.
-       * @type {boolean}
-       */
-      considerNodeLabels:boolean;
-      /**
-       * Gets or sets whether or not the layout algorithm reserves space for edge labels and places them.
-       * <p>
-       * To define the desired placement for each label add a {@link yfiles.layout.PreferredPlacementDescriptor} on
-       * {@link yfiles.layout.IEdgeLabelLayout}.
-       * </p>
-       * <p>
-       * This method is a convenience method that assures that the {@link yfiles.layout.MultiStageLayout#labeling label layouter} is of type {@link yfiles.layout.LabelLayoutTranslator}
-       * and {@link yfiles.layout.LabelLayoutTranslator#translateEdgeLabels} is set to <code>true</code>.
-       * </p>
-       * @type {boolean}
-       */
-      integratedEdgeLabeling:boolean;
-      /**
-       * Gets or sets the vertical bus alignment for orthogonally routed edge buses.
-       * <p>
-       * The bus alignment determines the relative position of an edge bus between two subsequent layers. The value of this
-       * property must lie within the interval <code>[0,1]</code> where:
-       * </p>
-       * <ul>
-       * <li>A value of <code>0</code> places the bus at the top, directly below the parent node.</li>
-       * <li>A value of <code>0.5</code> places the bus in the middle between parent and child nodes.</li>
-       * <li>A value of <code>1</code> places the bus at the bottom, directly above the child nodes.</li>
-       * </ul>
-       * @throws {Stubs.Exceptions.ArgumentError} if <code>busAlignment</code> is not in <code>[0,1]</code>
-       * @see yfiles.tree.ClassicTreeLayout#edgeRoutingStyle
-       * @see yfiles.tree.ClassicTreeLayout#enforceGlobalLayering
-       * @see yfiles.tree.ClassicTreeLayout#leafPlacement
-       * @type {number}
-       */
-      busAlignment:number;
-      /**
-       * Gets or sets the vertical alignment of the nodes within their corresponding layers.
-       * <p>
-       * The value for the vertical alignment is considered as relative to the height of the corresponding layer, which is
-       * determined by the maximum height of the nodes that belong to the particular layer.
-       * </p>
-       * <p>
-       * The value of this property must lie within the interval <code>[0,1]</code>, where:
-       * </p>
-       * <ul>
-       * <li>A value of <code>0</code> corresponds to top-alignment.</li>
-       * <li>A value of <code>0.5</code> corresponds to center-alignment.</li>
-       * <li>A value of <code>1</code> corresponds to bottom-alignment.</li>
-       * </ul>
-       * @throws {Stubs.Exceptions.ArgumentError} if vertical alignment value does not lie within <code>[0,1]</code>
-       * @see yfiles.tree.ClassicTreeLayout#enforceGlobalLayering
-       * @type {number}
-       */
-      verticalAlignment:number;
-      /**
-       * Gets or sets the modification matrix used for rotating / mirroring the layout.
-       * @type {yfiles.tree.RotatableNodePlacerMatrix}
-       */
-      modificationMatrix:yfiles.tree.RotatableNodePlacerMatrix;
-      /**
-       * Sets whether or not the {@link yfiles.layout.ILayoutStage} used for arranging the components of the graph is activated.
-       * @see yfiles.layout.MultiStageLayout#componentLayoutEnabled
-       * @see yfiles.layout.MultiStageLayout#componentLayout
-       * @see yfiles.layout.ComponentLayout
-       * @type {boolean}
-       */
-      componentLayoutEnabled:boolean;
-      /**
-       * Sets whether or not the {@link yfiles.layout.ILayoutStage} used for routing parallel edges is activated.
-       * @see yfiles.layout.MultiStageLayout#parallelEdgeRouterEnabled
-       * @see yfiles.layout.MultiStageLayout#parallelEdgeRouter
-       * @see yfiles.router.ParallelEdgeRouter
-       * @type {boolean}
-       */
-      parallelEdgeRouterEnabled:boolean;
-      /**
-       * Sets whether or not the {@link yfiles.layout.ILayoutStage} used for routing self-loops is activated.
-       * @see yfiles.layout.MultiStageLayout#selfLoopRouterEnabled
-       * @see yfiles.layout.MultiStageLayout#selfLoopRouter
-       * @see yfiles.layout.SelfLoopRouter
-       * @type {boolean}
-       */
-      selfLoopRouterEnabled:boolean;
-      static $class:yfiles.lang.Class;
-    }
-    /**
-     * {@link yfiles.tree.DefaultNodePlacer} is the default implementation of interface {@link yfiles.tree.INodePlacer}.
-     * <p>
-     * <b>Layout Style</b> The layout style can be customized in several ways. Subtrees sharing the same local root node are either placed above
-     * or below each other. {@graph {"ann":{"s":[30,30],"d":1},"n":[[135,0],[0,70],[70,70],[120,149],[170,149],[220,149],[270,149],[70,199],[120,278],[170,278],[220,278],[270,278]],"e":[[0,1,0,15,0,0,[150,50,15,50]],[1,2],[2,3,-11.25,15,0,0,[73.75,116,135,133]],[2,4,-3.75,15,0,0,[81.25,116,185,133]],[2,5,3.75,15,0,0,[88.75,116,235,133]],[2,6,11.25,15,0,0,[96.25,116,285,133]],[1,7,[50,85,50,214]],[7,8,-11.25,15,0,0,[73.75,245,135,262]],[7,9,-3.75,15,0,0,[81.25,245,185,262]],[7,10,3.75,15,0,0,[88.75,245,235,262]],[7,11,11.25,15,0,0,[96.25,245,285,262]]],"vp":[0.0,0.0,300.0,308.0]}}
-     * </p>
-     * <p>
-     * Each layer in the tree uses different configurations of {@link yfiles.tree.DefaultNodePlacer}
-     * </p>
-     * <p>
-     * <b>Features</b>
-     * </p>
-     * <p>
-     * {@link yfiles.tree.SubtreeShape}s can be arranged in each main direction specified in
-     * {@link yfiles.tree.DefaultNodePlacer#childPlacement}. That way, the subtrees of the same graph can have different directions.
-     * </p>
-     * <p>
-     * This node placer aligns the local root node according to a chosen {@link yfiles.tree.DefaultNodePlacer#rootAlignment alignment}.
-     * </p>
-     * <p>
-     * There are various {@link yfiles.tree.DefaultNodePlacer#routingStyle routing styles} that result in different edge routes.
-     * </p>
-     * @class yfiles.tree.DefaultNodePlacer
-     * @extends {yfiles.tree.NodePlacerBase}
-     * @implements {yfiles.tree.IFromSketchNodePlacer}
-     * @implements {yfiles.lang.ICloneable}
-     */
-    export interface DefaultNodePlacer extends yfiles.tree.NodePlacerBase,yfiles.tree.IFromSketchNodePlacer,yfiles.lang.ICloneable{}
-    export class DefaultNodePlacer {
-      /**
-       * Creates a new {@link yfiles.tree.DefaultNodePlacer} instance with custom settings.
-       * @param {yfiles.tree.ChildPlacement} childPlacement the child placement specifier describing the style of the arrangement
-       * @param {yfiles.tree.RootAlignment} rootAlignment the alignment specifier describing how the root node is aligned with its child nodes
-       * @param {yfiles.tree.RoutingStyle} routingStyle the routing style specifier
-       * @param {number} verticalDistance the vertical distance between the {@link yfiles.tree.SubtreeShape}s
-       * @param {number} horizontalDistance the horizontal distance between the {@link yfiles.tree.SubtreeShape}s
-       * @param {number} minFirstSegmentLength the minimum length of the first edge segment (connected to the root node)
-       * @param {number} minLastSegmentLength the minimum length of the last edge segment (connected to the child node)
-       * @param {number} minSlope the minimum slope between the root node and the {@link yfiles.tree.SubtreeShape}s
-       * @param {number} minSlopeHeight the minimum vertical height of sloped edge segments
-       * @throws {Stubs.Exceptions.ArgumentError} if the placement specifier or the root alignment or the routing style is unknown or if the horizontal/vertical distance
-       * or the minimum first/last segment length or the minimum slope or the minimum vertical height is negative
-       * @see yfiles.tree.DefaultNodePlacer#childPlacement
-       * @see yfiles.tree.DefaultNodePlacer#rootAlignment
-       * @see yfiles.tree.DefaultNodePlacer#routingStyle
-       * @see yfiles.tree.DefaultNodePlacer#verticalDistance
-       * @see yfiles.tree.DefaultNodePlacer#horizontalDistance
-       * @see yfiles.tree.DefaultNodePlacer#minimumFirstSegmentLength
-       * @see yfiles.tree.DefaultNodePlacer#minimumLastSegmentLength
-       * @see yfiles.tree.DefaultNodePlacer#minimumSlope
-       * @see yfiles.tree.DefaultNodePlacer#minimumSlopeHeight
-       * @constructor
-       */
-      constructor(childPlacement:yfiles.tree.ChildPlacement,rootAlignment:yfiles.tree.RootAlignment,routingStyle:yfiles.tree.RoutingStyle,verticalDistance:number,horizontalDistance:number,minFirstSegmentLength:number,minLastSegmentLength:number,minSlope:number,minSlopeHeight:number);
-      /**
-       * Creates a new {@link yfiles.tree.DefaultNodePlacer} instance with customized {@link yfiles.tree.DefaultNodePlacer#childPlacement child placement}, {@link yfiles.tree.DefaultNodePlacer#rootAlignment root alignment}, {@link yfiles.tree.DefaultNodePlacer#routingStyle routing style}, {@link yfiles.tree.DefaultNodePlacer#verticalDistance vertical}
-       * and {@link yfiles.tree.DefaultNodePlacer#horizontalDistance horizontal distance}.
-       * @param {yfiles.tree.ChildPlacement} childPlacement the child placement specifier describing the style of the arrangement
-       * @param {yfiles.tree.RootAlignment} rootAlignment the alignment specifier describing how the root node is aligned with its child nodes
-       * @param {yfiles.tree.RoutingStyle} routingStyle the routing style specifier
-       * @param {number} verticalDistance the vertical distance between the {@link yfiles.tree.SubtreeShape}s
-       * @param {number} horizontalDistance the horizontal distance between the {@link yfiles.tree.SubtreeShape}s
-       * @throws {Stubs.Exceptions.ArgumentError} if the placement specifier or the root alignment or the routing style is unknown or if the horizontal/vertical distance
-       * is negative
-       * @see yfiles.tree.DefaultNodePlacer#childPlacement
-       * @see yfiles.tree.DefaultNodePlacer#rootAlignment
-       * @see yfiles.tree.DefaultNodePlacer#routingStyle
-       * @see yfiles.tree.DefaultNodePlacer#verticalDistance
-       * @see yfiles.tree.DefaultNodePlacer#horizontalDistance
-       * @constructor
-       */
-      constructor(childPlacement:yfiles.tree.ChildPlacement,rootAlignment:yfiles.tree.RootAlignment,routingStyle:yfiles.tree.RoutingStyle,verticalDistance:number,horizontalDistance:number);
-      /**
-       * Creates a new {@link yfiles.tree.DefaultNodePlacer} instance with customized {@link yfiles.tree.DefaultNodePlacer#childPlacement child placement}, {@link yfiles.tree.DefaultNodePlacer#rootAlignment root alignment}, {@link yfiles.tree.DefaultNodePlacer#verticalDistance vertical} and
-       * {@link yfiles.tree.DefaultNodePlacer#horizontalDistance horizontal distance}.
-       * @param {yfiles.tree.ChildPlacement} childPlacement the child placement specifier describing the style of the arrangement
-       * @param {yfiles.tree.RootAlignment} rootAlignment the alignment specifier describing how the root node is aligned with its child nodes
-       * @param {number} verticalDistance the vertical distance between the {@link yfiles.tree.SubtreeShape}s
-       * @param {number} horizontalDistance the horizontal distance between the {@link yfiles.tree.SubtreeShape}s
-       * @throws {Stubs.Exceptions.ArgumentError} if the placement specifier or the root alignment specifier is unknown or if the horizontal/vertical distance is
-       * negative
-       * @see yfiles.tree.DefaultNodePlacer#childPlacement
-       * @see yfiles.tree.DefaultNodePlacer#rootAlignment
-       * @see yfiles.tree.DefaultNodePlacer#verticalDistance
-       * @see yfiles.tree.DefaultNodePlacer#horizontalDistance
-       * @constructor
-       */
-      constructor(childPlacement:yfiles.tree.ChildPlacement,rootAlignment:yfiles.tree.RootAlignment,verticalDistance:number,horizontalDistance:number);
-      /**
-       * Creates a new {@link yfiles.tree.DefaultNodePlacer} instance with customized {@link yfiles.tree.DefaultNodePlacer#childPlacement child placement}, {@link yfiles.tree.DefaultNodePlacer#verticalDistance vertical} and {@link yfiles.tree.DefaultNodePlacer#horizontalDistance horizontal distance}.
-       * @param {yfiles.tree.ChildPlacement} childPlacement the child placement specifier describing the style of the arrangement
-       * @param {number} verticalDistance the vertical distance between the {@link yfiles.tree.SubtreeShape}s
-       * @param {number} horizontalDistance the horizontal distance between the {@link yfiles.tree.SubtreeShape}s
-       * @throws {Stubs.Exceptions.ArgumentError} if the placement specifier is unknown or if the horizontal/vertical distance is negative
-       * @see yfiles.tree.DefaultNodePlacer#childPlacement
-       * @see yfiles.tree.DefaultNodePlacer#verticalDistance
-       * @see yfiles.tree.DefaultNodePlacer#horizontalDistance
-       * @constructor
-       */
-      constructor(childPlacement:yfiles.tree.ChildPlacement,verticalDistance:number,horizontalDistance:number);
-      /**
-       * Creates a new {@link yfiles.tree.DefaultNodePlacer} instance with default settings.
-       * @constructor
-       */
-      constructor();
-      /**
-       * Calculates the bends for the connector to the parent node.
-       * <p>
-       * This implementation adds bends to the connector for edges that route the edges around the child node in case there are
-       * {@link yfiles.layout.PortConstraint}s that conflict with the direction of the {@link yfiles.tree.DefaultNodePlacer#childPlacement child placement}.
-       * </p>
-       * <p>
-       * This method is called in {@link yfiles.tree.DefaultNodePlacer#placeSubtreeOfNode} to route the edges after the
-       * {@link yfiles.tree.SubtreeShape}s are arranged. It may be overridden to customize the routing style.
-       * </p>
-       * @param {yfiles.layout.LayoutGraph} graph the input graph
-       * @param {yfiles.algorithms.Node} localRoot the local root node whose connector is calculated and stored in the given subtree shape
-       * @param {yfiles.layout.INodeLayout} rootLayout the {@link yfiles.layout.INodeLayout} of the root node
-       * @param {yfiles.tree.SubtreeShape} subtreeShape the shape of the whole subtree of the local root
-       * @param {yfiles.algorithms.Edge} parentEdge the incoming edge of the local root node that will be the connector for the given subtree shape
-       * @param {yfiles.layout.IEdgeLayout} parentEdgeLayout the current {@link yfiles.layout.IEdgeLayout} of the connector edge
-       * @param {number} direction the direction specifier as defined in the {@link yfiles.tree.INodePlacer} interface which should be used for the connector
-       * @see yfiles.tree.NodePlacerBase#determineChildConnectors
-       * @protected
-       */
-      calculateParentConnector(graph:yfiles.layout.LayoutGraph,localRoot:yfiles.algorithms.Node,rootLayout:yfiles.layout.INodeLayout,subtreeShape:yfiles.tree.SubtreeShape,parentEdge:yfiles.algorithms.Edge,parentEdgeLayout:yfiles.layout.IEdgeLayout,direction:number):void;
-      /**
-       * Calculates the routing of the source side of the edge to the given child node.
-       * <p>
-       * This method delegates to {@link yfiles.tree.DefaultNodePlacer#calculateSourceEdgeLayout} if the {@link yfiles.tree.DefaultNodePlacer#routingStyle routing style} is not
-       * {@link yfiles.tree.RoutingStyle#FORK}. It may be overridden to implement a custom routing style.
-       * </p>
-       * @param {yfiles.layout.INodeLayout} rootLayout the {@link yfiles.layout.INodeLayout} of the local root node
-       * @param {yfiles.tree.SubtreeShape} childShape the {@link yfiles.tree.SubtreeShape} instance of the corresponding child's subtree
-       * @param {yfiles.algorithms.Edge} edge the edge
-       * @param {number} rootForkCoordinate the y-coordinate of the first bend of the edge if the placement is horizontal, the x-coordinate otherwise
-       * @param {number} childForkCoordinate the y-coordinate of the second (= last) bend of the edge if the placement is horizontal, the x-coordinate otherwise
-       * @protected
-       */
-      calculateSlopedSourceEdgeLayout(rootLayout:yfiles.layout.INodeLayout,childShape:yfiles.tree.SubtreeShape,edge:yfiles.algorithms.Edge,childForkCoordinate:number,rootForkCoordinate:number):void;
-      /**
-       * Calculates the routing of the source side of the edge to the given child node.
-       * <p>
-       * This implementation adds bends to the {@link yfiles.layout.IEdgeLayout} of the given edge according to the specified {@link yfiles.tree.DefaultNodePlacer#routingStyle routing style}
-       * and {@link yfiles.tree.DefaultNodePlacer#childPlacement child placement}. It also updates the target points in the {@link yfiles.tree.SubtreeShape}.
-       * </p>
-       * <p>
-       * This method is called by {@link yfiles.tree.DefaultNodePlacer#calculateSlopedSourceEdgeLayout} to route the edges. It may be
-       * overridden to implement a custom edge routing style.
-       * </p>
-       * @param {yfiles.layout.INodeLayout} rootLayout the {@link yfiles.layout.INodeLayout} of the local root node
-       * @param {yfiles.tree.SubtreeShape} childShape the {@link yfiles.tree.SubtreeShape} of the child's subtree that is connected through the given edge
-       * @param {yfiles.algorithms.Edge} edge the edge
-       * @protected
-       */
-      calculateSourceEdgeLayout(rootLayout:yfiles.layout.INodeLayout,childShape:yfiles.tree.SubtreeShape,edge:yfiles.algorithms.Edge):void;
-      /**
-       * Calculates the routing of the target side of the edge to the given child node.
-       * <p>
-       * This implementation just resets the current {@link yfiles.layout.IEdgeLayout}.
-       * </p>
-       * <p>
-       * This method is called by {@link yfiles.tree.DefaultNodePlacer#placeSubtreeOfNode} after the {@link yfiles.tree.SubtreeShape shapes} of the local root's children
-       * are placed. It may be overridden to add some {@link yfiles.tree.SubtreeShape#addTargetPoint target points} to the edge.
-       * </p>
-       * @param {yfiles.layout.INodeLayout} rootLayout the {@link yfiles.layout.INodeLayout} of the local root node
-       * @param {yfiles.tree.SubtreeShape} childShape the {@link yfiles.tree.SubtreeShape} of the child's subtree that is connected through the given edge
-       * @param {yfiles.algorithms.Edge} edge the edge
-       * @protected
-       */
-      calculateTargetEdgeLayout(rootLayout:yfiles.layout.INodeLayout,childShape:yfiles.tree.SubtreeShape,edge:yfiles.algorithms.Edge):void;
-      /**
-       * Creates a {@link yfiles.collections.IComparer.<T>} for outgoing edges which takes the initial coordinates of the edges' targets into account.
-       * <p>
-       * Child nodes are sorted in a way that the layout will resemble the current arrangement of the nodes. This is especially
-       * useful for interactive or incremental layout calculation.
-       * </p>
-       * @returns {yfiles.collections.IComparer.<Object>} a {@link yfiles.collections.IComparer.<T>} that considers the initial coordinates of the nodes
-       */
-      createComparer():yfiles.collections.IComparer<Object>;
-      /**
-       * Delegates to {@link yfiles.tree.DefaultNodePlacer#createComparer}.
-       * @returns {yfiles.collections.IComparer.<Object>} the From Sketch {@link yfiles.collections.IComparer.<T>}
-       * @see yfiles.tree.DefaultNodePlacer#createComparer
-       */
-      createFromSketchComparer():yfiles.collections.IComparer<Object>;
-      /**
-       * Gets or sets the direction in which the child nodes are placed with respect to their parent node.
-       * <p>
-       * Subtrees can be placed below, above, left or right of their roots.
-       * </p>
-       * @throws {Stubs.Exceptions.ArgumentError} if an unknown placement specifier is set
-       * @type {yfiles.tree.ChildPlacement}
-       */
-      childPlacement:yfiles.tree.ChildPlacement;
-      /**
-       * Gets or sets how the root node is aligned with its children and their {@link yfiles.tree.SubtreeShape}s.
-       * @throws {Stubs.Exceptions.ArgumentError} if an unknown root alignment specifier is set
-       * @type {yfiles.tree.RootAlignment}
-       */
-      rootAlignment:yfiles.tree.RootAlignment;
-      /**
-       * Gets or sets the relative vertical alignment of nodes with the same parent.
-       * <p>
-       * All values between <code>0</code> and <code>1</code> result in a valid alignment.
-       * </p>
-       * <ul>
-       * <li><code>0</code> - nodes are top-aligned</li>
-       * <li><code>0.5</code> - nodes are center-aligned</li>
-       * <li><code>1</code> - nodes are bottom-aligned</li>
-       * </ul>
-       * <p>
-       * Values outside the interval <code>[0,1]</code> will result in a more compact node placement with unaligned nodes.
-       * </p>
-       * @type {number}
-       */
-      verticalAlignment:number;
-      /**
-       * Gets or sets the style in which edge paths are routed.
-       * @throws {Stubs.Exceptions.ArgumentError} if the specified routing style is unknown
-       * @type {yfiles.tree.RoutingStyle}
-       */
-      routingStyle:yfiles.tree.RoutingStyle;
-      /**
-       * Gets or sets the vertical distance between nodes or {@link yfiles.tree.SubtreeShape}s.
-       * <p>
-       * The distance needs to be non-negative.
-       * </p>
-       * @throws {Stubs.Exceptions.ArgumentError} if the specified distance is negative
-       * @type {number}
-       */
-      verticalDistance:number;
-      /**
-       * Gets or sets the minimum length for the first segment of an edge.
-       * <p>
-       * During layout calculation, the edges of the tree are directed. Hence, the first segment is always the segment that is
-       * attached to the source, which is the local root node.
-       * </p>
-       * <p>
-       * The length needs to be non-negative.
-       * </p>
-       * @throws {Stubs.Exceptions.ArgumentError} if the minimum segment length is negative
-       * @type {number}
-       */
-      minimumFirstSegmentLength:number;
-      /**
-       * Gets or sets the minimum length for the last segment of an edge.
-       * <p>
-       * During layout calculation, the edges of the tree are directed. Hence, the last segment is always the segment that is
-       * attached to the target, which is a child node.
-       * </p>
-       * <p>
-       * The length needs to be non-negative.
-       * </p>
-       * @throws {Stubs.Exceptions.ArgumentError} if the minimum segment length is negative
-       * @type {number}
-       */
-      minimumLastSegmentLength:number;
-      /**
-       * Gets or sets the minimum slope of the edge segments.
-       * <p>
-       * These sloped segments are between the vertical first and last segment of the edge.
-       * </p>
-       * <p>
-       * The segments may become steeper but they will have at least the specified slope. Negative minimum slopes can lead to
-       * edge routes looking like spider legs.
-       * </p>
-       * @see yfiles.tree.DefaultNodePlacer#minimumSlopeHeight
-       * @type {number}
-       */
-      minimumSlope:number;
-      /**
-       * Gets or sets the minimum height for sloped edge segments.
-       * <p>
-       * These sloped segments are between the vertical first and last segment of the edge.
-       * </p>
-       * <p>
-       * The segments may become steeper to reach the specified height.
-       * </p>
-       * @see yfiles.tree.DefaultNodePlacer#minimumSlope
-       * @type {number}
-       */
-      minimumSlopeHeight:number;
-      /**
-       * Gets or sets the horizontal distance between nodes or {@link yfiles.tree.SubtreeShape}s.
-       * <p>
-       * The distance needs to be non-negative.
-       * </p>
-       * @throws {Stubs.Exceptions.ArgumentError} if the specified distance is negative
-       * @type {number}
-       */
-      horizontalDistance:number;
-      static $class:yfiles.lang.Class;
-    }
-    /**
-     * The {@link yfiles.tree.DefaultPortAssignment} provides some simple {@link yfiles.tree.DefaultPortAssignment#mode port assignment styles}.
-     * <p>
-     * Ports are either {@link yfiles.tree.PortAssignmentMode#NONE centered} on the node, distributed at one side of the node or placed considering
-     * {@link yfiles.layout.PortConstraint}s.
-     * </p>
-     * @class yfiles.tree.DefaultPortAssignment
-     * @implements {yfiles.tree.IPortAssignment}
-     */
-    export interface DefaultPortAssignment extends Object,yfiles.tree.IPortAssignment{}
-    export class DefaultPortAssignment {
-      /**
-       * Creates a new {@link yfiles.tree.DefaultPortAssignment} instance using the given port assignment mode and ratio between the
-       * border and the ports and the gap between the ports themselves.
-       * @param {yfiles.tree.PortAssignmentMode} mode one of the predefined port assignment specifiers
-       * @param {number} [ratio=0.5] the ratio of the distance between outer ports and the border to the distance between any two ports
-       * @throws {Stubs.Exceptions.ArgumentError} if an unknown mode is specified or if the specified ratio is negative
-       * @constructor
-       */
-      constructor(mode:yfiles.tree.PortAssignmentMode,ratio?:number);
-      /**
-       * Creates a new {@link yfiles.tree.DefaultPortAssignment} instance with default settings.
-       * @constructor
-       */
-      constructor();
-      /**
-       * Assigns relative coordinates to the source port of the outgoing edge to a child of the given node.
-       * <p>
-       * This method is called by {@link yfiles.tree.DefaultPortAssignment#assignPorts} for each outgoing edge of the given node. It may
-       * be overridden to assign a custom location to the source port of outgoing edges.
-       * </p>
-       * @param {yfiles.layout.LayoutGraph} graph the input graph
-       * @param {yfiles.algorithms.Node} node the node
-       * @param {yfiles.algorithms.Edge} edge the edge to the child node
-       * @param {number} index the zero-based index of the child edge
-       * @see yfiles.layout.IEdgeLayout#sourcePoint
-       * @protected
-       */
-      assignChildEdgeSourcePort(graph:yfiles.layout.LayoutGraph,node:yfiles.algorithms.Node,edge:yfiles.algorithms.Edge,index:number):void;
-      /**
-       * Assigns relative coordinates to the target port of the incoming edge from the parent of the given node.
-       * <p>
-       * This method is called by {@link yfiles.tree.DefaultPortAssignment#assignPorts} if the given node has a parent node. It may be
-       * overridden to assign a custom location to the target port of the incoming edge.
-       * </p>
-       * @param {yfiles.layout.LayoutGraph} graph the input graph
-       * @param {yfiles.algorithms.Node} node the node
-       * @param {yfiles.algorithms.Edge} edge the edge from the parent node
-       * @see yfiles.layout.IEdgeLayout#targetPoint
-       * @protected
-       */
-      assignParentEdgeTargetPort(graph:yfiles.layout.LayoutGraph,node:yfiles.algorithms.Node,edge:yfiles.algorithms.Edge):void;
-      /**
-       * Places the ports of edges connecting to the given node according to the {@link yfiles.tree.DefaultPortAssignment#mode port assignment mode}.
-       * @param {yfiles.layout.LayoutGraph} graph the input graph
-       * @param {yfiles.algorithms.Node} node the node whose adjacent edges' ports should be placed
-       * @see yfiles.tree.DefaultPortAssignment#mode
-       */
-      assignPorts(graph:yfiles.layout.LayoutGraph,node:yfiles.algorithms.Node):void;
-      /**
-       * Determines the distance between the outer ports and the border of the node.
-       * <p>
-       * This implementation calculates the gap according to the number of edges at one side of the node. It also includes the
-       * {@link yfiles.tree.DefaultPortAssignment#borderGapToPortGapRatio ratio between border gap and port gap}.
-       * </p>
-       * <p>
-       * This method is called by {@link yfiles.tree.DefaultPortAssignment#assignChildEdgeSourcePort} to calculate the location of the
-       * first port. It may be overridden to implement a different distribution of ports on the node's side.
-       * </p>
-       * @param {number} sideLength the width/height of the side
-       * @param {number} edgeCount the number of edges that connect to this side
-       * @returns {number} the absolute gap to be used on both sides of the ports
-       * @see yfiles.tree.DefaultPortAssignment#assignChildEdgeSourcePort
-       * @see yfiles.tree.DefaultPortAssignment#borderGapToPortGapRatio
-       * @protected
-       */
-      getPortBorderGap(sideLength:number,edgeCount:number):number;
-      /**
-       * Determines the distance between two adjacent ports.
-       * <p>
-       * This implementation calculates the gap according to the number of edges at one side of the node. The edges are
-       * distributed keeping the given gap to the border of the node.
-       * </p>
-       * <p>
-       * This method is called by {@link yfiles.tree.DefaultPortAssignment#assignChildEdgeSourcePort} to calculate the distance between
-       * two ports. It may be overridden to implement a different distribution of ports on the node's side.
-       * </p>
-       * @param {number} sideLength the width/height of the side
-       * @param {number} edgeCount the number of edges/ports that connect to this side
-       * @param {number} portBorderGap the port border gap (i.e. calculated by {@link yfiles.tree.DefaultPortAssignment#getPortBorderGap})
-       * @returns {number} the absolute distance to be used between two adjacent ports
-       * @see yfiles.tree.DefaultPortAssignment#assignChildEdgeSourcePort
-       * @see yfiles.tree.DefaultPortAssignment#getPortBorderGap
-       * @protected
-       */
-      getPortDistanceDelta(sideLength:number,edgeCount:number,portBorderGap:number):number;
-      /**
-       * Retrieves the source {@link yfiles.layout.PortConstraint} for the given edge.
-       * <p>
-       * This implementation accesses the {@link yfiles.algorithms.IDataProvider} registered with
-       * {@link yfiles.layout.PortConstraintKeys#SOURCE_PORT_CONSTRAINT_DP_KEY}.
-       * </p>
-       * <p>
-       * This method is called by {@link yfiles.tree.DefaultPortAssignment#assignChildEdgeSourcePort} in
-       * {@link yfiles.tree.PortAssignmentMode#PORT_CONSTRAINT}.
-       * </p>
-       * @param {yfiles.layout.LayoutGraph} graph the input graph
-       * @param {yfiles.algorithms.Edge} edge the edge
-       * @param {number} index the index of the child that is the target of the given edge
-       * @returns {yfiles.layout.PortConstraint} the source {@link yfiles.layout.PortConstraint} or <code>null</code> if no source {@link yfiles.layout.PortConstraint} is specified
-       * @see yfiles.layout.PortConstraint
-       * @see yfiles.layout.PortConstraintKeys#SOURCE_PORT_CONSTRAINT_DP_KEY
-       * @see yfiles.tree.DefaultPortAssignment#assignChildEdgeSourcePort
-       * @protected
-       */
-      getSourcePortConstraint(graph:yfiles.layout.LayoutGraph,edge:yfiles.algorithms.Edge,index:number):yfiles.layout.PortConstraint;
-      /**
-       * Retrieves the target {@link yfiles.layout.PortConstraint} for the given edge.
-       * <p>
-       * This implementation accesses the {@link yfiles.algorithms.IDataProvider} registered with
-       * {@link yfiles.layout.PortConstraintKeys#SOURCE_PORT_CONSTRAINT_DP_KEY}.
-       * </p>
-       * <p>
-       * This method is called by {@link yfiles.tree.DefaultPortAssignment#assignParentEdgeTargetPort} in
-       * {@link yfiles.tree.PortAssignmentMode#PORT_CONSTRAINT}.
-       * </p>
-       * @param {yfiles.layout.LayoutGraph} graph the input graph
-       * @param {yfiles.algorithms.Edge} edge the edge
-       * @returns {yfiles.layout.PortConstraint} the target {@link yfiles.layout.PortConstraint} or <code>null</code> if no target {@link yfiles.layout.PortConstraint} is specified
-       * @see yfiles.layout.PortConstraint
-       * @see yfiles.layout.PortConstraintKeys#TARGET_PORT_CONSTRAINT_DP_KEY
-       * @see yfiles.tree.DefaultPortAssignment#assignParentEdgeTargetPort
-       * @protected
-       */
-      getTargetPortConstraint(graph:yfiles.layout.LayoutGraph,edge:yfiles.algorithms.Edge):yfiles.layout.PortConstraint;
-      /**
-       * Gets or sets the mode that describes how ports are placed.
-       * @throws {Stubs.Exceptions.ArgumentError} if an unknown mode is specified
-       * @type {yfiles.tree.PortAssignmentMode}
-       */
-      mode:yfiles.tree.PortAssignmentMode;
-      /**
-       * Gets or sets the ratio of the <em>border gap</em> (distance between the outer ports to the node border) to the <em>port gap</em> (distance between adjacent
-       * ports).
-       * <p>
-       * The ratio must have a positive value. When the ratio is <code>0</code> the ports will be distributed along the whole side of the node
-       * without a gap between the last port and the corner.
-       * </p>
-       * @throws {Stubs.Exceptions.ArgumentError} if the specified ratio is negative
-       * @type {number}
-       */
-      borderGapToPortGapRatio:number;
-      /**
-       * Gets or sets whether or not the port assignment should reverse the order of the ports.
-       * <p>
-       * The normal order is from left to right and from top to bottom. It will be reversed if this option is enabled.
-       * </p>
-       * @type {boolean}
-       */
-      reversedPortOrder:boolean;
-      static $class:yfiles.lang.Class;
-    }
-    /**
-     * {@link yfiles.tree.DelegatingNodePlacer} delegates the arrangement of the children to two different {@link yfiles.tree.INodePlacer}s.
-     * <p>
-     * <b>Layout Style</b> This {@link yfiles.tree.INodePlacer} can, for example, be used for creating mind maps or a playing schedule of a sports
-     * competition. {@graph {"ann":{"s":[130,30],"d":1},"n":[[662,400,[[669.97,424.35,114.05,18.7]]],[662,175,[[669.97,199.35,114.05,18.7]]],[662,625,[[685.65,649.35,82.7,18.7]]],[812,175,[[829.98,199.35,94.04,18.7]]],[982,275,[[999.98,299.35,94.04,18.7]]],[812,625,[[835.65,649.35,82.7,18.7]]],[512,175,[[519.97,199.35,114.05,18.7]]],[982,725,[[1010.64,749.35,72.71,18.7]]],[1152,775,[[1180.64,799.35,72.71,18.7]]],[1322,800,[[1341.97,824.35,90.05,18.7]]],[982,75,[[1004.32,99.35,85.37,18.7]]],[1152,675,[[1163.65,699.35,106.71,18.7]]],[1152,325,[[1177.32,349.35,79.36,18.7]]],[982,525,[[1005.65,549.35,82.7,18.7]]],[1152,125,[[1190.32,149.35,53.37,18.7]]],[1152,575,[[1175.65,599.35,82.7,18.7]]],[1322,350,[[1347.32,374.35,79.36,18.7]]],[1322,150,[[1343.65,174.35,86.7,18.7]]],[1322,300,[[1347.32,324.35,79.36,18.7]]],[1152,225,[[1169.98,249.35,94.04,18.7]]],[1152,25,[[1174.32,49.35,85.37,18.7]]],[342,75,[[372.66,99.35,68.69,18.7]]],[1152,475,[[1165.65,499.35,102.7,18.7]]],[1322,500,[[1326,524.35,122.06,18.7]]],[1322,250,[[1339.98,274.35,94.04,18.7]]],[1322,600,[[1330.31,624.35,113.38,18.7]]],[172,25,[[188.64,49.35,96.72,18.7]]],[342,275,[[349.97,299.35,114.05,18.7]]],[2,0,[[26.32,24.35,81.36,18.7]]],[1322,550,[[1345.65,574.35,82.7,18.7]]],[172,125,[[202.66,149.35,68.69,18.7]]],[1322,200,[[1344.32,224.35,85.36,18.7]]],[2,100,[[32.32,124.35,69.37,18.7]]],[1322,450,[[1335.65,474.35,102.7,18.7]]],[1322,750,[[1350.64,774.35,72.71,18.7]]],[512,625,[[532.65,649.35,88.69,18.7]]],[172,225,[[179.97,249.35,114.05,18.7]]],[1322,700,[[1329.63,724.35,114.74,18.7]]],[172,325,[[200.98,349.35,72.03,18.7]]],[1322,50,[[1344.32,74.35,85.37,18.7]]],[2,300,[[4.98,324.35,124.05,18.7]]],[2,50,[[18.64,74.35,96.72,18.7]]],[2,150,[[32.66,174.35,68.69,18.7]]],[1322,650,[[1333.65,674.35,106.71,18.7]]],[1322,0,[[1356.66,24.35,60.69,18.7]]],[1322,100,[[1360.32,124.35,53.37,18.7]]],[342,525,[[347.31,549.35,119.39,18.7]]],[172,475,[[171.97,499.35,130.06,18.7]]],[2,350,[[30.98,374.35,72.03,18.7]]],[2,450,[[1.97,474.35,130.06,18.7]]],[342,725,[[362.65,749.35,88.69,18.7]]],[2,200,[[25.31,224.35,83.37,18.7]]],[172,575,[[177.31,599.35,119.39,18.7]]],[172,675,[[197.32,699.35,79.35,18.7]]],[2,500,[[15.98,524.35,102.04,18.7]]],[2,550,[[14.63,574.35,104.73,18.7]]],[2,600,[[7.31,624.35,119.39,18.7]]],[2,250,[[9.97,274.35,114.05,18.7]]],[172,775,[[192.65,799.35,88.69,18.7]]],[2,750,[[22.65,774.35,88.69,18.7]]],[2,800,[[16.64,824.35,100.72,18.7]]],[2,650,[[11.97,674.35,110.07,18.7]]],[2,700,[[27.32,724.35,79.35,18.7]]]],"e":[[0,1],[0,2],[1,3],[3,4,[954,190,954,290]],[2,5],[1,6],[5,7,[954,640,954,740]],[7,8,[1124,740,1124,790]],[8,9,[1294,790,1294,815]],[3,10,[954,190,954,90]],[7,11,[1124,740,1124,690]],[4,12,[1124,290,1124,340]],[5,13,[954,640,954,540]],[10,14,[1124,90,1124,140]],[13,15,[1124,540,1124,590]],[12,16,[1294,340,1294,365]],[14,17,[1294,140,1294,165]],[12,18,[1294,340,1294,315]],[4,19,[1124,290,1124,240]],[10,20,[1124,90,1124,40]],[6,21,[500,190,500,90]],[13,22,[1124,540,1124,490]],[22,23,[1294,490,1294,515]],[19,24,[1294,240,1294,265]],[15,25,[1294,590,1294,615]],[21,26,[330,90,330,40]],[6,27,[500,190,500,290]],[26,28,[160,40,160,15]],[15,29,[1294,590,1294,565]],[21,30,[330,90,330,140]],[19,31,[1294,240,1294,215]],[30,32,[160,140,160,115]],[22,33,[1294,490,1294,465]],[8,34,[1294,790,1294,765]],[2,35],[27,36,[330,290,330,240]],[11,37,[1294,690,1294,715]],[27,38,[330,290,330,340]],[20,39,[1294,40,1294,65]],[38,40,[160,340,160,315]],[26,41,[160,40,160,65]],[30,42,[160,140,160,165]],[11,43,[1294,690,1294,665]],[20,44,[1294,40,1294,15]],[14,45,[1294,140,1294,115]],[35,46,[500,640,500,540]],[46,47,[330,540,330,490]],[38,48,[160,340,160,365]],[47,49,[160,490,160,465]],[35,50,[500,640,500,740]],[36,51,[160,240,160,215]],[46,52,[330,540,330,590]],[50,53,[330,740,330,690]],[47,54,[160,490,160,515]],[52,55,[160,590,160,565]],[52,56,[160,590,160,615]],[36,57,[160,240,160,265]],[50,58,[330,740,330,790]],[58,59,[160,790,160,765]],[58,60,[160,790,160,815]],[53,61,[160,690,160,665]],[53,62,[160,690,160,715]]],"vp":[1.0,0.0,1451.0,830.0]}}
-     * </p>
-     * <p>
-     * There are two subtrees that are placed above and below the root; Both subtrees consist of two subtrees that are placed
-     * left and right of their local root
-     * </p>
-     * @class yfiles.tree.DelegatingNodePlacer
-     * @extends {yfiles.tree.RotatableNodePlacerBase}
-     */
-    export interface DelegatingNodePlacer extends yfiles.tree.RotatableNodePlacerBase{}
-    export class DelegatingNodePlacer {
-      /**
-       * Creates a new {@link yfiles.tree.DefaultNodePlacer} instance with default settings using the given modification matrix and the
-       * given node placers as delegates.
-       * @param {yfiles.tree.RotatableNodePlacerMatrix} modificationMatrix the transformation matrix
-       * @param {yfiles.tree.INodePlacer} placerUpperLeft the first delegate {@link yfiles.tree.INodePlacer} which places the left subtrees
-       * @param {yfiles.tree.INodePlacer} placerLowerRight the second delegate {@link yfiles.tree.INodePlacer} which places the right subtrees
-       * @see yfiles.tree.DelegatingNodePlacer#PRIMARY_NODES_DP_KEY
-       * @constructor
-       */
-      constructor(modificationMatrix:yfiles.tree.RotatableNodePlacerMatrix,placerUpperLeft:yfiles.tree.INodePlacer,placerLowerRight:yfiles.tree.INodePlacer);
-      /**
-       * Returns all upper-left children of the local root node.
-       * <p>
-       * Which children belong to this list is determined using the {@link yfiles.algorithms.IDataProvider} registered with
-       * {@link yfiles.tree.DelegatingNodePlacer#PRIMARY_NODES_DP_KEY}. If no such {@link yfiles.algorithms.IDataProvider} is registered, the
-       * first half of the children is returned.
-       * </p>
-       * <p>
-       * These children are placed using the {@link yfiles.tree.INodePlacer} returned by {@link yfiles.tree.DelegatingNodePlacer#primaryPlacer}.
-       * </p>
-       * @param {yfiles.algorithms.Node} localRoot the local root node
-       * @param {yfiles.layout.LayoutGraph} graph the input graph
-       * @returns {yfiles.algorithms.NodeList} the list of upper-left child {@link yfiles.algorithms.Node}s
-       * @see yfiles.tree.DelegatingNodePlacer#PRIMARY_NODES_DP_KEY
-       */
-      primaryChildren(localRoot:yfiles.algorithms.Node,graph:yfiles.layout.LayoutGraph):yfiles.algorithms.NodeList;
-      /**
-       * Returns all lower-right children of the local root node.
-       * <p>
-       * Which children belong to this list is determined using the {@link yfiles.algorithms.IDataProvider} registered with
-       * {@link yfiles.tree.DelegatingNodePlacer#PRIMARY_NODES_DP_KEY}. If no such {@link yfiles.algorithms.IDataProvider} is registered, the
-       * second half of the children is returned.
-       * </p>
-       * <p>
-       * These children are placed using the {@link yfiles.tree.INodePlacer} returned by {@link yfiles.tree.DelegatingNodePlacer#secondaryPlacer}.
-       * </p>
-       * @param {yfiles.algorithms.Node} localRoot the local root node
-       * @param {yfiles.layout.LayoutGraph} graph the input graph
-       * @returns {yfiles.algorithms.NodeList} the list of lower-right child {@link yfiles.algorithms.Node}s
-       * @see yfiles.tree.DelegatingNodePlacer#PRIMARY_NODES_DP_KEY
-       */
-      secondaryChildren(localRoot:yfiles.algorithms.Node,graph:yfiles.layout.LayoutGraph):yfiles.algorithms.NodeList;
-      /**
-       * Data provider key for dividing the children into two sets
-       * <p>
-       * If there is no {@link yfiles.algorithms.IDataProvider} registered with this key, half of the nodes are placed left of the root
-       * and the remaining nodes are placed right of the root.
-       * </p>
-       * @const
-       * @static
-       * @type {yfiles.algorithms.NodeDpKey.<boolean>}
-       */
-      static PRIMARY_NODES_DP_KEY:yfiles.algorithms.NodeDpKey<boolean>;
-      /**
-       * Gets the {@link yfiles.tree.INodePlacer} instance that will arrange the lower-right part of the graph.
-       * @see yfiles.tree.DelegatingNodePlacer#primaryPlacer
-       * @see yfiles.tree.DelegatingNodePlacer#secondaryChildren
-       * @type {yfiles.tree.INodePlacer}
-       */
-      secondaryPlacer:yfiles.tree.INodePlacer;
-      /**
-       * Gets the {@link yfiles.tree.INodePlacer} instance that will arrange the upper-left part of the graph.
-       * @see yfiles.tree.DelegatingNodePlacer#secondaryPlacer
-       * @see yfiles.tree.DelegatingNodePlacer#primaryChildren
-       * @type {yfiles.tree.INodePlacer}
-       */
-      primaryPlacer:yfiles.tree.INodePlacer;
-      static $class:yfiles.lang.Class;
-    }
-    /**
-     * The {@link yfiles.tree.DendrogramNodePlacer} arranges subtrees as dendrograms.
-     * <p>
-     * <b>Layout Style</b> This {@link yfiles.tree.INodePlacer} arranges nodes from top to bottom. It arranges subtrees in such a way that all subtrees of
-     * a single local root are aligned with their bottom border. {@graph {"ann":{"s":[30,30],"d":1},"n":[[212.5,0],[400,70],[450,140],[300,210],[400,210],[450,210],[150,140],[25,70],[200,280],[150,280],[50,210],[450,280],[350,280],[25,140],[100,210],[400,280],[0,280],[300,280],[50,280],[100,280],[250,280]],"e":[[0,1,[227.5,50,415,50]],[1,2,[415,120,465,120]],[0,3,[227.5,50,315,50]],[1,4],[2,5],[0,6,[227.5,50,165,50]],[0,7,[227.5,50,40,50]],[6,8,[165,190,215,190]],[6,9],[5,11],[1,12,[415,120,365,120]],[7,13],[13,10,[40,190,65,190]],[6,14,[165,190,115,190]],[4,15],[13,16,[40,190,15,190]],[3,17],[10,18],[14,19],[0,20,[227.5,50,265,50]]],"vp":[0.0,0.0,480.0,310.0]}}
-     * </p>
-     * <p>
-     * Note: This implementation does not support {@link yfiles.layout.PortConstraint}s.
-     * </p>
-     * @class yfiles.tree.DendrogramNodePlacer
-     * @implements {yfiles.tree.IFromSketchNodePlacer}
-     */
-    export interface DendrogramNodePlacer extends Object,yfiles.tree.IFromSketchNodePlacer{}
-    export class DendrogramNodePlacer {
-      /**
-       * Creates a new {@link yfiles.tree.DendrogramNodePlacer} instance with default settings.
-       * @constructor
-       */
-      constructor();
-      /**
-       * Creates a {@link yfiles.collections.IComparer.<T>} that sorts outgoing edges according to the x-coordinate of their target nodes.
-       * <p>
-       * This {@link yfiles.collections.IComparer.<T>} can be used for achieving a From Sketch layout.
-       * </p>
-       * @returns {yfiles.collections.IComparer.<Object>} the {@link yfiles.collections.IComparer.<T>}
-       * @see yfiles.tree.DendrogramNodePlacer#createFromSketchComparer
-       */
-      createComparer():yfiles.collections.IComparer<Object>;
-      /**
-       * Creates a {@link yfiles.collections.IComparer.<T>} for the edges which takes the initial x-coordinates of the nodes into account.
-       * <p>
-       * This implementation delegates to {@link yfiles.tree.DendrogramNodePlacer#createComparer}.
-       * </p>
-       * @returns {yfiles.collections.IComparer.<Object>} the {@link yfiles.collections.IComparer.<T>} for the edges
-       * @see yfiles.tree.DendrogramNodePlacer#createComparer
-       */
-      createFromSketchComparer():yfiles.collections.IComparer<Object>;
-      /**
-       * Creates an optional {@link yfiles.tree.IProcessor} for pre- and post-processing.
-       * <p>
-       * This implementation returns <code>null</code>. Hence, no pre- or post-processing is done.
-       * </p>
-       * @param {yfiles.tree.TreeLayout} layouter the current {@link yfiles.tree.TreeLayout} instance
-       * @param {yfiles.layout.LayoutGraph} graph the input graph
-       * @param {yfiles.algorithms.Node} currentRoot the root node handled by this {@link yfiles.tree.INodePlacer}
-       * @returns {yfiles.tree.IProcessor} <code>null</code>
-       */
-      createProcessor(layouter:yfiles.tree.TreeLayout,graph:yfiles.layout.LayoutGraph,currentRoot:yfiles.algorithms.Node):yfiles.tree.IProcessor;
-      /**
-       * Provides {@link yfiles.tree.ParentConnectorDirection#NORTH} for all children.
-       * <p>
-       * Edges will always connect to the top of the child nodes.
-       * </p>
-       * @param {yfiles.algorithms.Node} localRoot the local root node
-       * @param {yfiles.algorithms.IDataMap} connectorMap the map that is used for storing the direction specifiers of the child nodes
-       */
-      determineChildConnectors(localRoot:yfiles.algorithms.Node,connectorMap:yfiles.algorithms.IDataMap):void;
-      /**
-       * Arranges the {@link yfiles.tree.SubtreeShape SubtreeShapes} of the local root and its children as a dendrogram.
-       * @param {yfiles.algorithms.IDataProvider} nodeShapeProvider the {@link yfiles.algorithms.IDataProvider} for obtaining an initial shape of the root node
-       * @param {yfiles.algorithms.IDataProvider} subtreeShapeProvider the {@link yfiles.algorithms.IDataProvider} for accessing the pre-calculated shapes of the subtrees
-       * @param {yfiles.layout.LayoutGraph} graph the input graph
-       * @param {yfiles.algorithms.Node} localRoot the root of the subtree that should be arranged by this method
-       * @param {yfiles.tree.ParentConnectorDirection} parentConnectorDirection the direction specifier for the connector of the local root node to its parent node
-       * @returns {yfiles.tree.SubtreeShape} the combined shape of the whole subtree rooted at the given local root node
-       */
-      placeSubtree(nodeShapeProvider:yfiles.algorithms.IDataProvider,subtreeShapeProvider:yfiles.algorithms.IDataProvider,graph:yfiles.layout.LayoutGraph,localRoot:yfiles.algorithms.Node,parentConnectorDirection:yfiles.tree.ParentConnectorDirection):yfiles.tree.SubtreeShape;
-      /**
-       * Gets or sets the minimum distance between the {@link yfiles.tree.SubtreeShape} of a root node and the bus connecting to all of
-       * its children.
-       * <p>
-       * The distance needs to be non-negative.
-       * </p>
-       * @throws {Stubs.Exceptions.ArgumentError} if the specified distance is negative
-       * @type {number}
-       */
-      minimumRootDistance:number;
-      /**
-       * Gets or sets the minimum horizontal distance between adjacent {@link yfiles.tree.SubtreeShape SubtreeShapes}.
-       * <p>
-       * The distance needs to be non-negative.
-       * </p>
-       * @throws {Stubs.Exceptions.ArgumentError} if the specified distance is negative
-       * @type {number}
-       */
-      minimumSubtreeDistance:number;
-      static $class:yfiles.lang.Class;
-    }
-    /**
-     * The {@link yfiles.tree.DoubleLineNodePlacer} arranges the children of a local root alternating in two lines.
-     * <p>
-     * <b>Layout Style</b> This {@link yfiles.tree.INodePlacer} arranges nodes from top to bottom. It places the subtrees in two horizontal lines below
-     * the root. They are distributed in an alternating fashion, i.e., adjacent subtrees are in different lines.
-     * </p>
-     * <p>
-     * This node placer is especially useful for leaves with a large width.
-     * </p>
-     * <p>
-     * {@graph {"ann":{"s":[141.67,30],"d":1},"n":[[298.33,0,60,30],[0,60],[85.83,99.9],[171.67,60],[257.5,99.9],[343.33,60],[429.17,99.9],[515,60]],"e":[[0,1,[70.83,15]],[0,2,[156.67,15]],[0,3,[242.5,15]],[0,4],[0,5,[414.17,15]],[0,6,[500,15]],[0,7,[585.83,15]]],"vp":[0.0,0.0,657.0,130.0]}}
-     * </p>
-     * @class yfiles.tree.DoubleLineNodePlacer
-     * @extends {yfiles.tree.RotatableNodePlacerBase}
-     */
-    export interface DoubleLineNodePlacer extends yfiles.tree.RotatableNodePlacerBase{}
-    export class DoubleLineNodePlacer {
-      /**
-       * Creates a new {@link yfiles.tree.DoubleLineNodePlacer} instance whose direction is specified by the given modification matrix.
-       * @param {yfiles.tree.RotatableNodePlacerMatrix} modificationMatrix the transformation matrix for this {@link yfiles.tree.RotatableNodePlacerBase}
-       * @constructor
-       */
-      constructor(modificationMatrix:yfiles.tree.RotatableNodePlacerMatrix);
-      /**
-       * Creates a new {@link yfiles.tree.DoubleLineNodePlacer} instance with the default settings.
-       * @constructor
-       */
-      constructor();
-      /**
-       * Gets or sets the {@link yfiles.tree.RootNodeAlignment RootAlginment} that defines how the root node is aligned with its children and their shapes.
-       * @type {yfiles.tree.RootNodeAlignment}
-       */
-      rootAlignment:yfiles.tree.RootNodeAlignment;
-      /**
-       * Gets or sets the ratio of the {@link yfiles.tree.RotatableNodePlacerBase#spacing spacing} between the root and the children in the upper line and the spacing between the
-       * two lines of subtrees.
-       * @type {number}
-       */
-      doubleLineSpacingRatio:number;
-      static $class:yfiles.lang.Class;
-    }
-    /**
-     * A {@link yfiles.tree.FreeNodePlacer} is a simple <em>pseudo</em>-placer.
-     * <p>
-     * The children of local root nodes are not moved. The {@link yfiles.tree.INodePlacer} just merges their rotated shapes and routes
-     * the edges.
-     * </p>
-     * <p>
-     * This {@link yfiles.tree.INodePlacer} may be useful if a local root node does not have any children or you want to place them
-     * manually.
-     * </p>
-     * @class yfiles.tree.FreeNodePlacer
-     * @extends {yfiles.tree.RotatableNodePlacerBase}
-     */
-    export interface FreeNodePlacer extends yfiles.tree.RotatableNodePlacerBase{}
-    export class FreeNodePlacer {
-      /**
-       * Creates a new instance of {@link yfiles.tree.FreeNodePlacer} with default settings.
-       * @constructor
-       */
-      constructor();
-      static $class:yfiles.lang.Class;
-    }
-    /**
-     * The {@link yfiles.tree.GridNodePlacer} arranges the shapes of the children of a local root in a grid.
-     * <p>
-     * <b>Layout Style</b> The grid consists of a number of rows. The subtrees are assigned to the rows using a {@link yfiles.algorithms.IDataProvider}
-     * that is registered with the graph with {@link yfiles.tree.GridNodePlacer#ROW_INDEX_DP_KEY}. {@graph {"ann":{"s":[30,30],"d":1},"n":[[0,0],[50,140],[50,210],[50,70],[100,140],[100,210],[100,70],[150,140],[150,210],[150,70],[200,140],[200,210],[200,70]],"e":[[0,1,[40,15,40,120,65,120]],[0,2,[40,15,40,190,65,190]],[0,3,[40,15,40,50,65,50]],[0,4,[40,15,40,120,115,120]],[0,5,[40,15,40,190,115,190]],[0,6,[40,15,40,50,115,50]],[0,7,[40,15,40,120,165,120]],[0,8,[40,15,40,190,165,190]],[0,9,[40,15,40,50,165,50]],[0,10,[40,15,40,120,215,120]],[0,11,[40,15,40,190,215,190]],[0,12,[40,15,40,50,215,50]]],"vp":[0.0,0.0,230.0,240.0]}}
-     * </p>
-     * <p>
-     * Child nodes placed in a grid using three rows and four columns
-     * </p>
-     * @class yfiles.tree.GridNodePlacer
-     * @extends {yfiles.tree.RotatableNodePlacerBase}
-     */
-    export interface GridNodePlacer extends yfiles.tree.RotatableNodePlacerBase{}
-    export class GridNodePlacer {
-      /**
-       * Creates a new {@link yfiles.tree.GridNodePlacer} instance with the given {@link yfiles.tree.RotatableNodePlacerBase#modificationMatrix modification matrix} and {@link yfiles.tree.GridNodePlacer#rootAlignment root alignment}.
-       * @param {yfiles.tree.RotatableNodePlacerMatrix} modificationMatrix the transformation matrix for this {@link yfiles.tree.RotatableNodePlacerBase}
-       * @param {yfiles.tree.RootNodeAlignment} rootAlignment the alignment of the local root with its subtrees
-       * @constructor
-       */
-      constructor(modificationMatrix:yfiles.tree.RotatableNodePlacerMatrix,rootAlignment:yfiles.tree.RootNodeAlignment);
-      /**
-       * Creates a new {@link yfiles.tree.GridNodePlacer} instance whose direction is specified by the given modification matrix.
-       * @param {yfiles.tree.RotatableNodePlacerMatrix} modificationMatrix the transformation matrix for this {@link yfiles.tree.RotatableNodePlacerBase}
-       * @constructor
-       */
-      constructor(modificationMatrix:yfiles.tree.RotatableNodePlacerMatrix);
-      /**
-       * Creates a new {@link yfiles.tree.GridNodePlacer} with default settings.
-       * @constructor
-       */
-      constructor();
-      /**
-       * Data provider key for assigning nodes to the rows in the grid
-       * <p>
-       * If no {@link yfiles.algorithms.IDataProvider} is registered with this key, all nodes will be placed in the same row.
-       * </p>
-       * @const
-       * @static
-       * @type {yfiles.algorithms.NodeDpKey.<number>}
-       */
-      static ROW_INDEX_DP_KEY:yfiles.algorithms.NodeDpKey<number>;
-      /**
-       * Gets or sets the {@link yfiles.tree.RootNodeAlignment RootAlginment} that defines how the root node is aligned with its children and their shapes.
-       * @type {yfiles.tree.RootNodeAlignment}
-       */
-      rootAlignment:yfiles.tree.RootNodeAlignment;
-      static $class:yfiles.lang.Class;
-    }
-    /**
-     * This {@link yfiles.tree.INodePlacer} places the children of a local root in groups.
-     * <p>
-     * The groups are determined by the grouping of the edges that connect the children to its root. The placement of the
-     * groups is specified by a {@link yfiles.tree.INodePlacer} which will consider grouped children as one child. The children within
-     * a group are placed by another {@link yfiles.tree.INodePlacer}.
-     * </p>
-     * <p>
-     * {@graph {"ann":{"s":[30,30],"d":1},"n":[[70.15,0,91.19,30],[0,91],[111,91],[201.5,91],[0,141],[111,141],[201.5,141]],"e":[[0,1,-30,15,0,0,[85.75,50,50,50,50,106]],[0,2,0,15,0,0,[115.75,50,91,50,91,106]],[0,3,30,15,0,0,[145.75,50,181.5,50,181.5,106]],[0,4,-30,15,0,0,[85.75,50,50,50,50,156]],[0,5,0,15,0,0,[115.75,50,91,50,91,156]],[0,6,30,15,0,0,[145.75,50,181.5,50,181.5,156]]],"vp":[0.0,0.0,232.0,171.0]}} There are three edge groups whose target nodes are placed above each other
-     * </p>
-     * @see yfiles.layout.PortConstraintKeys#SOURCE_GROUP_ID_DP_KEY
-     * @see yfiles.layout.PortConstraintKeys#TARGET_GROUP_ID_DP_KEY
-     * @class yfiles.tree.GroupedNodePlacer
-     * @implements {yfiles.tree.INodePlacer}
-     */
-    export interface GroupedNodePlacer extends Object,yfiles.tree.INodePlacer{}
-    export class GroupedNodePlacer {
-      /**
-       * Creates a new {@link yfiles.tree.GroupedNodePlacer} instance.
-       * @param {yfiles.tree.INodePlacer} groupPlacer the {@link yfiles.tree.INodePlacer} which places the child groups
-       * @param {yfiles.tree.INodePlacer} childPlacer the {@link yfiles.tree.INodePlacer} which places the children within their group
-       * @constructor
-       */
-      constructor(groupPlacer:yfiles.tree.INodePlacer,childPlacer:yfiles.tree.INodePlacer);
-      /**
-       * Creates a {@link yfiles.tree.IProcessor} that prepares the graph for edge grouping.
-       * <p>
-       * In a pre-processing step, the {@link yfiles.tree.IProcessor} inserts a dummy node for each edge group and connects it to the
-       * local root and the edges of the according group. The child node placer is assigned to those dummy nodes and will arrange
-       * them during the layout calculation.
-       * </p>
-       * <p>
-       * The changes to the graph are restored in a post-processing step.
-       * </p>
-       * @param {yfiles.tree.TreeLayout} layouter the current {@link yfiles.tree.TreeLayout} instance
-       * @param {yfiles.layout.LayoutGraph} graph the input graph
-       * @param {yfiles.algorithms.Node} currentRoot the root node handled by this {@link yfiles.tree.INodePlacer}
-       * @returns {yfiles.tree.IProcessor} the {@link yfiles.tree.IProcessor} responsible for preparing the graph
-       * @see yfiles.layout.PortConstraintKeys#SOURCE_GROUP_ID_DP_KEY
-       * @see yfiles.layout.PortConstraintKeys#TARGET_GROUP_ID_DP_KEY
-       */
-      createProcessor(layouter:yfiles.tree.TreeLayout,graph:yfiles.layout.LayoutGraph,currentRoot:yfiles.algorithms.Node):yfiles.tree.IProcessor;
-      /**
-       * Delegates to the {@link yfiles.tree.INodePlacer} responsible for arranging the nodes in one group.
-       * @param {yfiles.algorithms.Node} localRoot the local root node
-       * @param {yfiles.algorithms.IDataMap} connectorMap the map used for storing the direction specifiers of the child nodes
-       */
-      determineChildConnectors(localRoot:yfiles.algorithms.Node,connectorMap:yfiles.algorithms.IDataMap):void;
-      /**
-       * Places the groups of {@link yfiles.tree.SubtreeShape}s according to their group IDs.
-       * @param {yfiles.algorithms.IDataProvider} nodeShapeProvider the {@link yfiles.algorithms.IDataProvider} for obtaining an initial shape of the root node
-       * @param {yfiles.algorithms.IDataProvider} subtreeShapeProvider the {@link yfiles.algorithms.IDataProvider} for accessing the pre-calculated shapes of the subtrees
-       * @param {yfiles.layout.LayoutGraph} graph the input graph
-       * @param {yfiles.algorithms.Node} localRoot the root of the subtree that should be arranged by this method
-       * @param {yfiles.tree.ParentConnectorDirection} parentConnectorDirection the direction specifier for the connector of the local root node to its parent node
-       * @returns {yfiles.tree.SubtreeShape} the merged {@link yfiles.tree.SubtreeShape}s of the local root and its children
-       * @see yfiles.layout.PortConstraintKeys#SOURCE_GROUP_ID_DP_KEY
-       * @see yfiles.layout.PortConstraintKeys#TARGET_GROUP_ID_DP_KEY
-       */
-      placeSubtree(nodeShapeProvider:yfiles.algorithms.IDataProvider,subtreeShapeProvider:yfiles.algorithms.IDataProvider,graph:yfiles.layout.LayoutGraph,localRoot:yfiles.algorithms.Node,parentConnectorDirection:yfiles.tree.ParentConnectorDirection):yfiles.tree.SubtreeShape;
-      static $class:yfiles.lang.Class;
-    }
-    /**
-     * A {@link yfiles.tree.IFromSketchNodePlacer} arranges the subtrees while taking the initial locations of the nodes into account.
-     * <p>
-     * It provides a {@link yfiles.collections.IComparer.<T>} which sorts the outgoing edges of a node according to the initial coordinates of their target nodes.
-     * Keeping the original order of nodes, this {@link yfiles.collections.IComparer.<T>} allows to incrementally add new nodes to the graph.
-     * </p>
-     * @interface
-     * @implements {yfiles.tree.INodePlacer}
-     */
-    export interface IFromSketchNodePlacer extends Object,yfiles.tree.INodePlacer{
-      /**
-       * Creates an {@link yfiles.collections.IComparer.<T> edge comparator} which takes the initial coordinates of the nodes into account.
-       * <p>
-       * This {@link yfiles.collections.IComparer.<T>} defines the order of the outgoing edges of a node before the actual placement of the node's subtree is
-       * calculated.
-       * </p>
-       * @returns {yfiles.collections.IComparer.<Object>} the {@link yfiles.collections.IComparer.<T>} for the edges
-       * @abstract
-       */
-      createFromSketchComparer():yfiles.collections.IComparer<Object>;
-    }
-    var IFromSketchNodePlacer:{
-      $class:yfiles.lang.Class;
-      isInstance(o:Object):boolean;
-    };
-    /**
-     * A {@link yfiles.tree.INodePlacer} is responsible for the arrangement of a local root node and all of its subtrees.
-     * <p>
-     * Subtrees are represented as {@link yfiles.tree.SubtreeShape SubtreeShape}s with a connecting edge to the root of the subtree.
-     * </p>
-     * <p>
-     * Implementations of this interface have to:
-     * </p>
-     * <ul>
-     * <li>
-     * arrange the {@link yfiles.tree.SubtreeShape SubtreeShapes} and the root node (only the relative position matters, shapes can be placed at any absolute
-     * location, {@link yfiles.tree.TreeLayout} will perform the final alignment).
-     * </li>
-     * <li>
-     * perform the edge routing from the root node to all child nodes with respect to the connector provided by the
-     * {@link yfiles.tree.SubtreeShape SubtreeShapes}
-     * </li>
-     * <li>calculate the union of the {@link yfiles.tree.SubtreeShape SubtreeShapes} and the shape of the root node as well as any added edges</li>
-     * <li>initialize the connector of the root node with respect to the preferred connection direction</li>
-     * <li>return the {@link yfiles.tree.SubtreeShape SubtreeShape} for the subtree including the local root</li>
-     * </ul>
-     * @interface
-     */
-    export interface INodePlacer extends Object{
-      /**
-       * Creates an optional {@link yfiles.tree.IProcessor} for pre- and post-processing.
-       * <p>
-       * This method is called by {@link yfiles.tree.TreeLayout} before arranging the {@link yfiles.tree.SubtreeShape SubtreeShapes}. If no pre- or post-processing is
-       * needed, this method may return <code>null</code>.
-       * </p>
-       * @param {yfiles.tree.TreeLayout} layouter the current {@link yfiles.tree.TreeLayout} instance
-       * @param {yfiles.layout.LayoutGraph} graph the input graph
-       * @param {yfiles.algorithms.Node} currentRoot the root node handled by this {@link yfiles.tree.INodePlacer}
-       * @returns {yfiles.tree.IProcessor} a {@link yfiles.tree.IProcessor} instance or <code>null</code>
-       * @abstract
-       */
-      createProcessor(layouter:yfiles.tree.TreeLayout,graph:yfiles.layout.LayoutGraph,currentRoot:yfiles.algorithms.Node):yfiles.tree.IProcessor;
-      /**
-       * Provides the direction of the connector to the {@link yfiles.tree.SubtreeShape SubtreeShape} for each child node.
-       * <p>
-       * This method is called by {@link yfiles.tree.TreeLayout} before the {@link yfiles.tree.SubtreeShape SubtreeShapes} for the children of the local root node are
-       * calculated. The direction specifiers are stored in the given map for all child nodes of the local root.
-       * </p>
-       * @param {yfiles.algorithms.Node} localRoot the local root node
-       * @param {yfiles.algorithms.IDataMap} connectorMap the map that must be used for storing the direction specifiers of the child nodes
-       * @abstract
-       */
-      determineChildConnectors(localRoot:yfiles.algorithms.Node,connectorMap:yfiles.algorithms.IDataMap):void;
-      /**
-       * Arranges the {@link yfiles.tree.SubtreeShape SubtreeShapes} of the local root and its children and routes the edges that connect them.
-       * <p>
-       * This method is the main method of the tree layout algorithm. It is called by {@link yfiles.tree.TreeLayout} in each recursion
-       * step to place the local root in relation to its children. Their shapes will be merged into one
-       * {@link yfiles.tree.SubtreeShape SubtreeShape}, which is returned by this method.
-       * </p>
-       * <p>
-       * The {@link yfiles.tree.SubtreeShape SubtreeShape} for the local root can be obtained from the <code>nodeShapeProvider</code>. <code>subtreeShapeProvider</code> contains the {@link yfiles.tree.SubtreeShape SubtreeShapes}
-       * assigned to the child nodes.
-       * </p>
-       * <p>
-       * Due to the order in which the tree nodes are processed, it is guaranteed that at the time of the invocation of this
-       * method the {@link yfiles.tree.SubtreeShape SubtreeShape} of every descendant node has already been calculated.
-       * </p>
-       * @param {yfiles.algorithms.IDataProvider} nodeShapeProvider the {@link yfiles.algorithms.IDataProvider} for obtaining an initial shape of the root node
-       * @param {yfiles.algorithms.IDataProvider} subtreeShapeProvider the {@link yfiles.algorithms.IDataProvider} for accessing the pre-calculated shapes of the subtrees
-       * @param {yfiles.layout.LayoutGraph} graph the input graph
-       * @param {yfiles.algorithms.Node} localRoot the root of the subtree that should be arranged by this method
-       * @param {yfiles.tree.ParentConnectorDirection} parentConnectorDirection the direction specifier for the connector of the local root node to its parent node
-       * @returns {yfiles.tree.SubtreeShape} the combined shape of the whole subtree
-       * @abstract
-       */
-      placeSubtree(nodeShapeProvider:yfiles.algorithms.IDataProvider,subtreeShapeProvider:yfiles.algorithms.IDataProvider,graph:yfiles.layout.LayoutGraph,localRoot:yfiles.algorithms.Node,parentConnectorDirection:yfiles.tree.ParentConnectorDirection):yfiles.tree.SubtreeShape;
-    }
-    var INodePlacer:{
-      $class:yfiles.lang.Class;
-      isInstance(o:Object):boolean;
-    };
-    /**
-     * A {@link yfiles.tree.IPortAssignment} places the ports of edges connecting to the same node.
-     * <p>
-     * Classes implementing this interface are responsible for the assignment of the edges' ports. {@link yfiles.tree.INodePlacer}
-     * instances need to obey the currently set ports.
-     * </p>
-     * @interface
-     */
-    export interface IPortAssignment extends Object{
-      /**
-       * Places the ports of edges connecting to the given node.
-       * <p>
-       * This method is called by {@link yfiles.tree.TreeLayout} before the actual layout calculation takes place. It assigns both the
-       * single incoming edge's target port as well as all source ports of all outgoing child edges.
-       * </p>
-       * @param {yfiles.layout.LayoutGraph} graph the graph
-       * @param {yfiles.algorithms.Node} node the node whose adjacent edges' ports should be set
-       * @abstract
-       */
-      assignPorts(graph:yfiles.layout.LayoutGraph,node:yfiles.algorithms.Node):void;
-    }
-    var IPortAssignment:{
-      $class:yfiles.lang.Class;
-      isInstance(o:Object):boolean;
-    };
-    /**
-     * A {@link yfiles.tree.IProcessor} provides the possibility for each {@link yfiles.tree.INodePlacer} to prepare (and clean up) the graph
-     * for the children of the local root.
-     * <p>
-     * It is created by {@link yfiles.tree.INodePlacer#createProcessor} and called by the {@link yfiles.tree.TreeLayout} before and after the
-     * actual arrangement of the nodes.
-     * </p>
-     * <p>
-     * A {@link yfiles.tree.IProcessor} may change values within the
-     * {@link yfiles.algorithms.IDataMap}s for its children. It can also temporarily change the graph by hiding nodes or adding dummy
-     * nodes.
-     * </p>
-     * @interface
-     */
-    export interface IProcessor extends Object{
-      /**
-       * This method is called by the {@link yfiles.tree.TreeLayout} after the layout has finished.
-       * <p>
-       * It can be used for cleanup tasks.
-       * </p>
-       * <p>
-       * Changes on the graph structure that have been made in {@link yfiles.tree.IProcessor#preProcess} can be undone here.
-       * </p>
-       * @abstract
-       */
-      postProcess():void;
-      /**
-       * Performs preparations for the actual tree layout in a pre-processing step.
-       * <p>
-       * This method is called by {@link yfiles.tree.TreeLayout} before the {@link yfiles.tree.INodePlacer}s are called recursively. A {@link yfiles.tree.IProcessor}
-       * may change some settings within this method. This can be used for specifying values for the children of the local root,
-       * manipulate the graph structure or do anything else that needs to be done.
-       * </p>
-       * @param {yfiles.algorithms.IDataMap} nodePlacerDataProvider the map that stores a {@link yfiles.tree.INodePlacer} instance for each node
-       * @param {yfiles.algorithms.IDataMap} portAssignmentDataProvider The map that stores a {@link yfiles.tree.IPortAssignment} instance for each node
-       * @param {yfiles.algorithms.IDataMap} childComparatorProvider the map that stores a {@link yfiles.collections.IComparer.<T>} instance for each node
-       * @abstract
-       */
-      preProcess(nodePlacerDataProvider:yfiles.algorithms.IDataMap,portAssignmentDataProvider:yfiles.algorithms.IDataMap,childComparatorProvider:yfiles.algorithms.IDataMap):void;
-    }
-    var IProcessor:{
-      $class:yfiles.lang.Class;
-      isInstance(o:Object):boolean;
-    };
-    /**
-     * A {@link yfiles.tree.LayeredNodePlacer} arranges the nodes of a subtree respecting layers.
-     * <p>
-     * <b>Layout Style</b> Nodes that have the same depth in the tree will be placed in the same horizontal layer. They will be vertically
-     * {@link yfiles.tree.LayeredNodePlacer#verticalAlignment aligned}. {@graph {"ann":{"s":[30,30],"d":1},"n":[[245.52,0],[69.46,77.5],[7.5,162.5],[181.42,240,45,45],[57.5,155,45,45],[0,240,45,45],[246.42,77.5],[406.58,70,45,45],[181.42,155,45,45],[246.42,155,45,45],[375.88,247.5],[7.5,332.5],[122.5,158.04,38.92,38.92],[409.62,158.04,38.92,38.92],[311.42,162.5],[65,247.5],[443.38,243.04,38.92,38.92],[138.92,332.5],[338.92,325,45,45],[311.42,247.5],[403.92,328.04,38.92,38.92],[188.92,332.5],[238.92,332.5]],"e":[[0,1,[260.52,42,84.46,42]],[1,2,[84.46,127,22.5,127]],[1,4,[84.46,127,80,127]],[2,5],[0,6,[260.52,42,261.42,42]],[0,7,[260.52,42,429.08,42]],[6,8,[261.42,127,203.92,127]],[8,3],[6,9,[261.42,127,268.92,127]],[5,11],[1,12,[84.46,127,141.96,127]],[7,13],[13,10,[429.08,212,390.88,212]],[6,14,[261.42,127,326.42,127]],[4,15],[13,16,[429.08,212,462.83,212]],[3,17,[203.92,297,153.92,297]],[10,18,[390.88,297,361.42,297]],[14,19],[10,20,[390.88,297,423.38,297]],[3,21],[3,22,[203.92,297,253.92,297]]],"vp":[0.0,0.0,483.0,370.0]}}
-     * </p>
-     * @class yfiles.tree.LayeredNodePlacer
-     * @extends {yfiles.tree.RotatableNodePlacerBase}
-     */
-    export interface LayeredNodePlacer extends yfiles.tree.RotatableNodePlacerBase{}
-    export class LayeredNodePlacer {
-      /**
-       * Creates a new {@link yfiles.tree.LayeredNodePlacer} instance whose direction is specified by the given modification matrix.
-       * <p>
-       * The given ID identifies different {@link yfiles.tree.LayeredNodePlacer} instances that share the same layer heights.
-       * </p>
-       * @param {yfiles.tree.RotatableNodePlacerMatrix} modificationMatrix the transformation matrix for this {@link yfiles.tree.RotatableNodePlacerBase}
-       * @param {Object} id the {@link yfiles.tree.LayeredNodePlacer} ID
-       * @constructor
-       */
-      constructor(modificationMatrix:yfiles.tree.RotatableNodePlacerMatrix,id:Object);
-      /**
-       * Creates a new {@link yfiles.tree.LayeredNodePlacer} instance with the default settings.
-       * @constructor
-       */
-      constructor();
-      /**
-       * Gets or sets whether or not the layering is done dendrogram-like.
-       * <p>
-       * When enabled, leaves are placed in the same layer and remaining tree nodes are assigned to a layer as close to their
-       * children as possible.
-       * </p>
-       * @type {boolean}
-       */
-      dendrogramStyle:boolean;
-      /**
-       * Gets or sets the {@link yfiles.tree.RootNodeAlignment RootAlginment} that defines how the root node is aligned with its children and their shapes.
-       * @type {yfiles.tree.RootNodeAlignment}
-       */
-      rootAlignment:yfiles.tree.RootNodeAlignment;
-      /**
-       * Gets or sets the relative vertical alignment of nodes within their respective layers.
-       * <p>
-       * A value of <code>0</code> means that nodes are top-aligned; a value of <code>0.5</code> means that nodes are center-aligned; a value of <code>1</code> means
-       * that nodes are bottom-aligned;
-       * </p>
-       * <p>
-       * Values for a valid vertical alignment are in the range <code>[0..1]</code>.
-       * </p>
-       * @throws {Stubs.Exceptions.ArgumentError} if the specified alignment is outside <code>[0..1]</code>
-       * @type {number}
-       */
-      verticalAlignment:number;
-      /**
-       * Gets the ID of this {@link yfiles.tree.LayeredNodePlacer}.
-       * <p>
-       * The ID is used for identifying
-       * {@link yfiles.tree.LayeredNodePlacer}s that share information about the layer height. Using different IDs allows aligned layouts
-       * within different subtrees.
-       * </p>
-       * @type {Object}
-       */
-      id:Object;
-      /**
-       * Gets or sets the distance between two adjacent layers.
-       * <p>
-       * The spacing needs to be non-negative.
-       * </p>
-       * @throws {Stubs.Exceptions.ArgumentError} if the specified spacing is negative
-       * @type {number}
-       */
-      layerSpacing:number;
-      /**
-       * Gets or sets the routing style for the edges in the subtree.
-       * @throws {Stubs.Exceptions.ArgumentError} if the specified routing style specifier is unknown
-       * @type {yfiles.tree.LayeredRoutingStyle}
-       */
-      routingStyle:yfiles.tree.LayeredRoutingStyle;
-      /**
-       * Gets or sets the vertical bus alignment for orthogonally routed edges.
-       * <p>
-       * The bus alignment determines the relative position of an edge bus in between two subsequent layers of nodes.
-       * </p>
-       * <p>
-       * Values for a valid vertical alignment are in the range <code>[0..1]</code>, such that:
-       * </p>
-       * <ul>
-       * <li>A value of <code>0.0</code> places the bus at the top, right below the parent node.</li>
-       * <li>A value of <code>0.5</code> places the bus in the middle between parent and child nodes.</li>
-       * <li>A value of <code>1.0</code> places the bus at the bottom, right above the child nodes.</li>
-       * </ul>
-       * @throws {Stubs.Exceptions.ArgumentError} if the specified alignment is outside <code>[0..1]</code>
-       * @type {number}
-       */
-      busAlignment:number;
-      /**
-       * Gets or sets whether or not straight edges are extended to avoid label overlaps.
-       * <p>
-       * If enabled, polyline connectors between the parent and its children are added to the according subtree shape. Node or
-       * edge labels will not be crossed.
-       * </p>
-       * @type {boolean}
-       */
-      polylineLabeling:boolean;
-      static $class:yfiles.lang.Class;
-    }
-    /**
-     * A {@link yfiles.tree.LeafNodePlacer} creates a {@link yfiles.tree.SubtreeShape SubtreeShape} for a leaf node and routes its incoming edge at the target side.
-     * @class yfiles.tree.LeafNodePlacer
-     * @implements {yfiles.tree.INodePlacer}
-     */
-    export interface LeafNodePlacer extends Object,yfiles.tree.INodePlacer{}
-    export class LeafNodePlacer {
-      /**
-       * Creates a new {@link yfiles.tree.LeafNodePlacer} instance with default settings.
-       * @constructor
-       */
-      constructor();
-      /**
-       * Creates an optional {@link yfiles.tree.IProcessor} for pre- and post-processing.
-       * <p>
-       * This implementation returns <code>null</code>. Hence, no pre- or post-processing is done.
-       * </p>
-       * @param {yfiles.tree.TreeLayout} layouter the current {@link yfiles.tree.TreeLayout} instance
-       * @param {yfiles.layout.LayoutGraph} graph the input graph
-       * @param {yfiles.algorithms.Node} currentRoot the root node handled by this {@link yfiles.tree.INodePlacer}
-       * @returns {yfiles.tree.IProcessor} <code>null</code>
-       */
-      createProcessor(layouter:yfiles.tree.TreeLayout,graph:yfiles.layout.LayoutGraph,currentRoot:yfiles.algorithms.Node):yfiles.tree.IProcessor;
-      /**
-       * Does nothing because leaf nodes don't have children so there are no child connectors.
-       * @param {yfiles.algorithms.Node} localRoot the local root node
-       * @param {yfiles.algorithms.IDataMap} connectorMap the map that must be used for storing the direction specifiers of the child nodes
-       */
-      determineChildConnectors(localRoot:yfiles.algorithms.Node,connectorMap:yfiles.algorithms.IDataMap):void;
-      /**
-       * Creates a {@link yfiles.tree.SubtreeShape} for the local root node (a leaf node in this case) and adds target points to the
-       * incoming edge.
-       * <p>
-       * The incoming edge is routed according to possibly assigned {@link yfiles.layout.PortConstraint}s.
-       * </p>
-       * @param {yfiles.algorithms.IDataProvider} nodeShapeProvider the {@link yfiles.algorithms.IDataProvider} for obtaining an initial shape of the root node
-       * @param {yfiles.algorithms.IDataProvider} subtreeShapeProvider the {@link yfiles.algorithms.IDataProvider} for accessing the pre-calculated shapes of the subtrees
-       * @param {yfiles.layout.LayoutGraph} graph the input graph
-       * @param {yfiles.algorithms.Node} localRoot the root of the subtree that should be arranged by this method
-       * @param {yfiles.tree.ParentConnectorDirection} parentConnectorDirection the direction specifier for the connector of the local root node to its parent node
-       * @returns {yfiles.tree.SubtreeShape} the {@link yfiles.tree.SubtreeShape} of the leaf node including the connector
-       */
-      placeSubtree(nodeShapeProvider:yfiles.algorithms.IDataProvider,subtreeShapeProvider:yfiles.algorithms.IDataProvider,graph:yfiles.layout.LayoutGraph,localRoot:yfiles.algorithms.Node,parentConnectorDirection:yfiles.tree.ParentConnectorDirection):yfiles.tree.SubtreeShape;
-      static $class:yfiles.lang.Class;
-    }
-    /**
-     * The {@link yfiles.tree.LeftRightNodePlacer} arranges the children in a subtree on the left and the right of a vertical bus.
-     * <p>
-     * <b>Layout Style</b> {@graph {"ann":{"s":[30,30],"d":1},"n":[[35,0],[0,50],[70,50],[0,100],[70,100],[0,150],[70,150],[0,200],[70,200],[35,250]],"e":[[0,1,[50,65]],[0,2,[50,65]],[0,3,[50,115]],[0,4,[50,115]],[0,5,[50,165]],[0,6,[50,165]],[0,7,[50,215]],[0,8,[50,215]],[0,9]],"vp":[0.0,0.0,100.0,280.0]}}
-     * </p>
-     * @class yfiles.tree.LeftRightNodePlacer
-     * @extends {yfiles.tree.RotatableNodePlacerBase}
-     */
-    export interface LeftRightNodePlacer extends yfiles.tree.RotatableNodePlacerBase{}
-    export class LeftRightNodePlacer {
-      /**
-       * Creates a new {@link yfiles.tree.LeftRightNodePlacer} instance using the given modification matrix.
-       * @param {yfiles.tree.RotatableNodePlacerMatrix} modificationMatrix the transformation matrix for this {@link yfiles.tree.RotatableNodePlacerBase}
-       * @constructor
-       */
-      constructor(modificationMatrix:yfiles.tree.RotatableNodePlacerMatrix);
-      /**
-       * Creates a new {@link yfiles.tree.LeftRightNodePlacer} instance with default settings.
-       * @constructor
-       */
-      constructor();
-      /**
-       * Creates a special {@link yfiles.algorithms.IDataProvider} that determines whether a given node is placed left or right of the
-       * parent node.
-       * <p>
-       * This {@link yfiles.algorithms.IDataProvider} can be registered with the graph with key
-       * {@link yfiles.tree.LeftRightNodePlacer#LEFT_RIGHT_DP_KEY}. It calculates the side with respect to the initial coordinates of the
-       * nodes in the graph, considering the orientation of the subtree.
-       * </p>
-       * <p>
-       * If a node is assigned to the left side, this {@link yfiles.algorithms.IDataProvider} will return <code>true</code>. For the right side, it
-       * will return <code>false</code>.
-       * </p>
-       * @param {yfiles.algorithms.IDataProvider} nodePlacerMap a {@link yfiles.algorithms.IDataProvider} containing the corresponding {@link yfiles.tree.INodePlacer}s for the node
-       * @returns {yfiles.algorithms.IDataProvider} 
-       * @static
-       */
-      static createLeftRightDataProvider(nodePlacerMap:yfiles.algorithms.IDataProvider):yfiles.algorithms.IDataProvider;
-      /**
-       * Data provider key for assigning nodes to the left or the right side of the bus
-       * <p>
-       * If no {@link yfiles.algorithms.IDataProvider} is specified using this key, the nodes will be placed alternating from left to
-       * right.
-       * </p>
-       * @const
-       * @static
-       * @type {yfiles.algorithms.NodeDpKey.<boolean>}
-       */
-      static LEFT_RIGHT_DP_KEY:yfiles.algorithms.NodeDpKey<boolean>;
-      /**
-       * Gets or sets the horizontal distance between nodes or subtrees.
-       * <p>
-       * The distance needs to be non-negative.
-       * </p>
-       * @throws {Stubs.Exceptions.ArgumentError} if the specified distance is negative
-       * @type {number}
-       */
-      horizontalDistance:number;
-      /**
-       * Gets or sets the vertical distance between nodes or subtrees.
-       * <p>
-       * The distance needs to be non-negative.
-       * </p>
-       * @throws {Stubs.Exceptions.ArgumentError} if the specified distance is negative
-       * @type {number}
-       */
-      verticalDistance:number;
-      /**
-       * Sets a uniform horizontal and vertical spacing between subtrees.
-       * <p>
-       * This method sets the given distance value for the {@link yfiles.tree.LeftRightNodePlacer#horizontalDistance horizontal spacing} and for the {@link yfiles.tree.LeftRightNodePlacer#verticalDistance vertical spacing}.
-       * </p>
-       * @throws {Stubs.Exceptions.ArgumentError} if the specified spacing value is negative
-       * @see yfiles.tree.LeftRightNodePlacer#horizontalDistance
-       * @see yfiles.tree.LeftRightNodePlacer#verticalDistance
-       * @type {number}
-       */
-      spacing:number;
-      /**
-       * Gets or sets whether or not the last child is placed centered, aligned with the bus and below the other child nodes.
-       * <p>
-       * When enabled, the last child will always be centered independent of the number of siblings.
-       * </p>
-       * @type {boolean}
-       */
-      placeLastOnBottom:boolean;
-      static $class:yfiles.lang.Class;
-    }
-    /**
-     * The {@link yfiles.tree.MultiParentDescriptor} provides style information for multi-parent structures.
-     * <p>
-     * This class is used by {@link yfiles.tree.TreeLayout} to determine the desired layout of nodes that constitute a multi-parent
-     * structure. All nodes of such a structure are placed side by side and the incident edges are routed over common points
-     * for incoming edges and for outgoing edges.
-     * </p>
-     * <p>
-     * {@graph {"ann":{"s":[40,40],"d":1},"n":[[411.25,0],[682.5,85],[210,155],[612.5,165],[35,225],[577.5,235],[385,320.5],[682.5,155,40,60],[70,305],[210,85],[0,295,40,60],[0,385],[210,225],[700,320.5],[175,295],[245,295],[315,225],[752.5,165],[420,405.5],[647.5,235],[752.5,235],[770,406],[140,380.5,40,60],[210,390.5],[315,295,40,60],[490,405.5],[175,485.5],[455,320.5],[481.25,0],[700,406],[560,406],[630,406],[560,491],[630,491],[525,320.5],[280,380.5,40,60],[70,390.5]],"e":[[0,1,[431.25,55.5,466.25,55.5,466.25,70,702.5,70]],[1,3,[702.5,140,632.5,140]],[2,4,[230,210,55,210]],[3,5,[632.5,220,597.5,220]],[5,6,[597.5,290,475,290,475,305,405,305]],[1,7],[4,8,[55,280,90,280]],[0,9,[431.25,55.5,466.25,55.5,466.25,70,230,70]],[9,2],[4,10,[55,280,20,280]],[10,11],[2,12],[5,13,[597.5,290,720,290]],[12,14,[230,280,195,280]],[12,15,[230,280,265,280]],[2,16,[230,210,335,210]],[1,17,[702.5,140,772.5,140]],[6,18,[405,376,475,376,475,390.5,440,390.5]],[3,19,[632.5,220,667.5,220]],[17,20],[13,21,[720,375.5,790,375.5]],[14,22,[195,365,160,365]],[14,23,[195,365,230,365]],[16,24],[6,25,[405,376,475,376,475,390.5,510,390.5]],[22,26,[160,456,195,456]],[23,26,[230,456,195,456]],[5,27,[597.5,290,475,290]],[27,18,[475,390.5,440,390.5]],[27,25,[475,390.5,510,390.5]],[28,9,[501.25,55.5,466.25,55.5,466.25,70,230,70]],[28,1,[501.25,55.5,466.25,55.5,466.25,70,702.5,70]],[13,29],[13,30,[720,375.5,615,375.5,615,390.5,580,390.5]],[13,31,[720,375.5,615,375.5,615,390.5,650,390.5]],[30,32,[580,461.5,615,461.5,615,476,580,476]],[31,32,[650,461.5,615,461.5,615,476,580,476]],[30,33,[580,461.5,615,461.5,615,476,650,476]],[31,33,[650,461.5,615,461.5,615,476,650,476]],[5,34,[597.5,290,475,290,475,305,545,305]],[34,18,[545,376,475,376,475,390.5,440,390.5]],[34,25,[545,376,475,376,475,390.5,510,390.5]],[14,35,[195,365,300,365]],[35,26,[300,456,195,456]],[14,36,[195,365,90,365]],[36,26,[90,456,195,456]]],"vp":[0.0,0.0,810.0,531.0]}}
-     * </p>
-     * <p>
-     * A tree graph containing multi-parent structures
-     * </p>
-     * @see yfiles.tree.TreeLayout#MULTI_PARENT_DESCRIPTOR_DP_KEY
-     * @class yfiles.tree.MultiParentDescriptor
-     */
-    export interface MultiParentDescriptor extends Object{}
-    export class MultiParentDescriptor {
-      /**
-       * Creates a new {@link yfiles.tree.MultiParentDescriptor} instance with default settings.
-       * @constructor
-       */
-      constructor();
-      /**
-       * Gets or sets the minimum distance between two nodes belonging to the same multi-parent structure.
-       * <p>
-       * The distance needs to be non-negative.
-       * </p>
-       * @throws {Stubs.Exceptions.ArgumentError} if the given node distance is negative
-       * @type {number}
-       */
-      minimumNodeDistance:number;
-      /**
-       * Gets or sets the minimum distance between the nodes of a multi-parent structure and the bus connecting these nodes.
-       * <p>
-       * In case the edge style is not orthogonal, the bus only consists of a common point.
-       * </p>
-       * <p>
-       * The minimum distance needs to be non-negative.
-       * </p>
-       * @throws {Stubs.Exceptions.ArgumentError} if the given bus distance is negative
-       * @type {number}
-       */
-      minimumBusDistance:number;
-      /**
-       * Gets or sets the relative vertical alignment of nodes belonging to the same multi-parent structure.
-       * <p>
-       * A value of <code>0</code> means that nodes are top-aligned; a value of <code>1</code> means that nodes are bottom-aligned; a value of <code>0.5</code> means
-       * that nodes are center-aligned.
-       * </p>
-       * <p>
-       * Values outside the interval <code>[0,1]</code> will result in a compact node placement with unaligned nodes, especially when labels
-       * are considered.
-       * </p>
-       * @type {number}
-       */
-      verticalAlignment:number;
-      /**
-       * Gets or sets the routing style for edges that connect to nodes which constitute a multi-parent structure.
-       * @throws {Stubs.Exceptions.ArgumentError} if the given routing style is unknown
-       * @type {yfiles.tree.MultiParentRoutingStyle}
-       */
-      edgeStyle:yfiles.tree.MultiParentRoutingStyle;
-      static $class:yfiles.lang.Class;
-    }
-    /**
-     * The {@link yfiles.tree.NodeOrderComparer} compares edges according to a specified order.
-     * <p>
-     * It obtains the order from a {@link yfiles.algorithms.IDataProvider} registered with the graph with key
-     * {@link yfiles.tree.NodeOrderComparer#NODE_ORDER_COMPARABLE_DP_KEY}.
-     * </p>
-     * <p>
-     * Various tree layout algorithms can use this {@link yfiles.collections.IComparer.<T>} to influence the resulting layout. To achieve this, use this comparator and
-     * assign it to the comparator property of the layout algorithm classes.
-     * </p>
-     * @see yfiles.tree.ClassicTreeLayout#comparer
-     * @see yfiles.tree.TreeLayout#defaultOutEdgeComparer
-     * @see yfiles.tree.TreeLayout#OUT_EDGE_COMPARER_DP_KEY
-     * @see yfiles.tree.BalloonLayout#comparer
-     * @see yfiles.tree.AspectRatioTreeLayout#comparer
-     * @see yfiles.tree.NodeOrderComparer#NODE_ORDER_COMPARABLE_DP_KEY
-     * @class yfiles.tree.NodeOrderComparer
-     * @implements {yfiles.collections.IComparer.<Object>}
-     */
-    export interface NodeOrderComparer extends Object,yfiles.collections.IComparer<Object>{}
-    export class NodeOrderComparer {
-      /**
-       * Creates a new {@link yfiles.tree.NodeOrderComparer} instance.
-       * @constructor
-       */
-      constructor();
-      /**
-       * Compares two edges according to their index in the order specified using a {@link yfiles.algorithms.IDataProvider}.
-       * <p>
-       * Target nodes for which the {@link yfiles.algorithms.IDataProvider} registered with {@link yfiles.tree.NodeOrderComparer#NODE_ORDER_COMPARABLE_DP_KEY}
-       * returns <code>null</code> or an {@link Object} that does not implement {@link yfiles.lang.IComparable} are treated as being smaller than other target
-       * nodes.
-       * </p>
-       * @param {Object} edge1 the first edge
-       * @param {Object} edge2 the second edge
-       * @returns {number} 
-       * @see yfiles.tree.NodeOrderComparer#NODE_ORDER_COMPARABLE_DP_KEY
-       */
-      compare(edge1:Object,edge2:Object):number;
-      /**
-       * Data provider key for registering an order for each node in the graph
-       * @const
-       * @static
-       * @type {yfiles.algorithms.NodeDpKey.<yfiles.lang.IComparable>}
-       */
-      static NODE_ORDER_COMPARABLE_DP_KEY:yfiles.algorithms.NodeDpKey<yfiles.lang.IComparable>;
-      static $class:yfiles.lang.Class;
-    }
-    /**
-     * Abstract base class for implementations of the {@link yfiles.tree.INodePlacer} interface.
-     * <p>
-     * This class provides convenience methods for sub-tasks that are often used during the arrangement of a local root and its
-     * children. It also offers prepared implementations for the methods of the {@link yfiles.tree.INodePlacer} interface.
-     * </p>
-     * <p>
-     * Subclasses just need to override the following two abstract methods: {@link yfiles.tree.NodePlacerBase#placeSubtreeOfNode} and
-     * {@link yfiles.tree.NodePlacerBase#determineChildConnectors}.
-     * </p>
-     * @class yfiles.tree.NodePlacerBase
-     * @implements {yfiles.tree.INodePlacer}
-     * @implements {yfiles.lang.ICloneable}
-     */
-    export interface NodePlacerBase extends Object,yfiles.tree.INodePlacer,yfiles.lang.ICloneable{}
-    export class NodePlacerBase {
-      /**
-       * Creates a new instance of {@link yfiles.tree.NodePlacerBase}.
-       * @constructor
-       */
-      constructor();
-      /**
-       * Returns a clone of this {@link yfiles.tree.INodePlacer} instance.
-       * @returns {Object} an exact copy of this {@link yfiles.tree.INodePlacer} instance
-       */
-      clone():Object;
-      /**
-       * Creates an optional {@link yfiles.tree.IProcessor} for pre- and post-processing.
-       * <p>
-       * This implementation returns <code>null</code>. Hence, no pre- or post-processing will be done.
-       * </p>
-       * @param {yfiles.tree.TreeLayout} layouter the current {@link yfiles.tree.TreeLayout} instance
-       * @param {yfiles.layout.LayoutGraph} graph the input graph
-       * @param {yfiles.algorithms.Node} currentRoot the root node handled by this {@link yfiles.tree.INodePlacer}
-       * @returns {yfiles.tree.IProcessor} <code>null</code>
-       */
-      createProcessor(layouter:yfiles.tree.TreeLayout,graph:yfiles.layout.LayoutGraph,currentRoot:yfiles.algorithms.Node):yfiles.tree.IProcessor;
-      /**
-       * Determines a connector direction for the given child node.
-       * <p>
-       * This method is used in {@link yfiles.tree.NodePlacerBase#determineChildConnectors} and must be implemented by subclasses.
-       * </p>
-       * @param {yfiles.algorithms.Node} child the child node
-       * @returns {yfiles.tree.ParentConnectorDirection} a direction specifier as defined in the {@link yfiles.tree.INodePlacer} interface
-       * @protected
-       * @abstract
-       */
-      determineChildConnector(child:yfiles.algorithms.Node):yfiles.tree.ParentConnectorDirection;
-      /**
-       * Provides the direction of the connector to the {@link yfiles.tree.SubtreeShape SubtreeShape} for each child node.
-       * <p>
-       * This implementation uses {@link yfiles.tree.NodePlacerBase#determineChildConnector} to retrieve the direction for the
-       * connectors.
-       * </p>
-       * @param {yfiles.algorithms.Node} localRoot the local root node
-       * @param {yfiles.algorithms.IDataMap} connectorMap the map that must be used for storing the direction specifiers of the child nodes
-       */
-      determineChildConnectors(localRoot:yfiles.algorithms.Node,connectorMap:yfiles.algorithms.IDataMap):void;
-      /**
-       * Returns the {@link yfiles.tree.SubtreeShape} for the given node.
-       * <p>
-       * This is a convenience method that retrieves a {@link yfiles.tree.SubtreeShape} for a single node from the corresponding
-       * {@link yfiles.algorithms.IDataProvider}.
-       * </p>
-       * <p>
-       * This method is used in {@link yfiles.tree.NodePlacerBase#placeSubtreeOfNode} for retrieving the {@link yfiles.tree.SubtreeShape}s for
-       * the local root nodes. It may be overridden to return a custom implementation of {@link yfiles.tree.SubtreeShape}.
-       * </p>
-       * @param {yfiles.algorithms.Node} node the node
-       * @returns {yfiles.tree.SubtreeShape} the {@link yfiles.tree.SubtreeShape} for the given node
-       * @protected
-       */
-      getNodeShape(node:yfiles.algorithms.Node):yfiles.tree.SubtreeShape;
-      /**
-       * Returns the {@link yfiles.tree.SubtreeShape} for the subtree rooted at the given node.
-       * <p>
-       * This is a convenience method that retrieves a {@link yfiles.tree.SubtreeShape} of a complete subtree from the corresponding
-       * {@link yfiles.algorithms.IDataProvider}.
-       * </p>
-       * <p>
-       * This method is used in {@link yfiles.tree.NodePlacerBase#placeSubtreeOfNode} for retrieving the {@link yfiles.tree.SubtreeShape}s for
-       * the subtrees that are arranged. It may be overridden to return a custom implementation of {@link yfiles.tree.SubtreeShape}.
-       * </p>
-       * @param {yfiles.algorithms.Node} node the local root node
-       * @returns {yfiles.tree.SubtreeShape} the {@link yfiles.tree.SubtreeShape} of the subtree rooted at the given local root node
-       * @protected
-       */
-      getSubtreeShape(node:yfiles.algorithms.Node):yfiles.tree.SubtreeShape;
-      /**
-       * Initializes the local data structures and then delegates the work to the abstract variant of this method
-       * ({@link yfiles.tree.NodePlacerBase#placeSubtreeOfNode})
-       * @param {yfiles.algorithms.IDataProvider} nodeShapeProvider the {@link yfiles.algorithms.IDataProvider} for obtaining an initial shape of the root node
-       * @param {yfiles.algorithms.IDataProvider} subtreeShapeProvider the {@link yfiles.algorithms.IDataProvider} for accessing the pre-calculated shapes of the subtrees
-       * @param {yfiles.layout.LayoutGraph} graph the input graph
-       * @param {yfiles.algorithms.Node} localRoot the root of the subtree that should be arranged by this method
-       * @param {yfiles.tree.ParentConnectorDirection} parentConnectorDirection the direction specifier for the connector of the local root node to its parent node
-       * @returns {yfiles.tree.SubtreeShape} the merged {@link yfiles.tree.SubtreeShape} for the subtree rooted at the local root node
-       * @see yfiles.tree.NodePlacerBase#placeSubtreeOfNode
-       */
-      placeSubtree(nodeShapeProvider:yfiles.algorithms.IDataProvider,subtreeShapeProvider:yfiles.algorithms.IDataProvider,graph:yfiles.layout.LayoutGraph,localRoot:yfiles.algorithms.Node,parentConnectorDirection:yfiles.tree.ParentConnectorDirection):yfiles.tree.SubtreeShape;
-      /**
-       * Arranges the local root relative to the {@link yfiles.tree.SubtreeShape} of its children.
-       * <p>
-       * This is the main method that must be implemented by subclasses. It is called by
-       * {@link yfiles.tree.NodePlacerBase#placeSubtree}.
-       * </p>
-       * @param {yfiles.algorithms.Node} localRoot the local root node
-       * @param {yfiles.tree.ParentConnectorDirection} parentConnectorDirection the direction of the connector
-       * @returns {yfiles.tree.SubtreeShape} a {@link yfiles.tree.SubtreeShape} instance that describes the shape of the whole subtree rooted at the given local root
-       * @protected
-       * @abstract
-       */
-      placeSubtreeOfNode(localRoot:yfiles.algorithms.Node,parentConnectorDirection:yfiles.tree.ParentConnectorDirection):yfiles.tree.SubtreeShape;
-      /**
-       * The graph instance this class is working on.
-       * @protected
-       * @type {yfiles.layout.LayoutGraph}
-       */
-      graph:yfiles.layout.LayoutGraph;
-      static $class:yfiles.lang.Class;
-    }
-    /**
-     * A {@link yfiles.tree.RootNodeAlignment} describes how a local root node is arranged in relation to its children.
-     * <p>
-     * The actual placement depends on the orientation of the subtree rooted at the current local root node. All descriptions
-     * of the provided alignments refer to the top-to-bottom orientation described by
-     * {@link yfiles.tree.RotatableNodePlacerMatrix#DEFAULT}. In this case, the subtrees are placed below the local root and the local
-     * root is aligned horizontally above them.
-     * </p>
-     * @class yfiles.tree.RootNodeAlignment
-     */
-    export interface RootNodeAlignment extends Object{}
-    export class RootNodeAlignment {
-      /**
-       * Calculates the common bounds of the given subtree shapes.
-       * <p>
-       * This method can be used when placing the local root above its subtrees in method
-       * {@link yfiles.tree.RootNodeAlignment#placeParentHorizontal}.
-       * </p>
-       * @param {yfiles.collections.IList.<Object>} shapes a list of rotated subtree shapes
-       * @returns {yfiles.algorithms.Rectangle2D} the rectangle describing the bounds containing all given shapes
-       * @protected
-       * @static
-       */
-      static getBounds(shapes:yfiles.collections.IList<Object>):yfiles.algorithms.Rectangle2D;
-      /**
-       * Moves the shape of the local root to a suitable position relative to the children's shapes.
-       * <p>
-       * The movement should only be done on the x-axis (horizontally).
-       * </p>
-       * <p>
-       * This method is called by {@link yfiles.tree.RotatableNodePlacerBase}s when they {@link yfiles.tree.RotatableNodePlacerBase#placeSubtreeOfNode place the subtrees}.
-       * </p>
-       * @param {yfiles.tree.RotatedSubtreeShape} rootShape the shape of the local root node that will be moved
-       * @param {yfiles.collections.IList.<Object>} shapes a list of rotated subtree shapes, representing the shapes of the child nodes
-       * @param {yfiles.algorithms.Rectangle2D} shapeBounds accumulated bounds of the shapes of all child nodes
-       * @param {number} spacing the spacing value that should be used
-       * @protected
-       * @abstract
-       */
-      placeParentHorizontal(rootShape:yfiles.tree.RotatedSubtreeShape,shapes:yfiles.collections.IList<Object>,shapeBounds:yfiles.algorithms.Rectangle2D,spacing:number):void;
-      /**
-       * Horizontal {@link yfiles.tree.RootNodeAlignment} at the center of the subtrees.
-       * <p>
-       * The root node is placed centered above its whole subgraph. To determine the alignment, only {@link yfiles.layout.INodeLayout}s
-       * are considered. Node labels are not included although they are also contained in {@link yfiles.tree.SubtreeShape}s.
-       * </p>
-       * @const
-       * @static
-       * @type {yfiles.tree.RootNodeAlignment}
-       */
-      static CENTER:yfiles.tree.RootNodeAlignment;
-      /**
-       * Horizontal {@link yfiles.tree.RootNodeAlignment} at the median child node.
-       * <p>
-       * The root node is placed above the median of its children. To determine the alignment, only {@link yfiles.layout.INodeLayout}s
-       * are considered. Node labels are not included although they are also contained in {@link yfiles.tree.SubtreeShape}s.
-       * </p>
-       * @const
-       * @static
-       * @type {yfiles.tree.RootNodeAlignment}
-       */
-      static MEDIAN:yfiles.tree.RootNodeAlignment;
-      /**
-       * Horizontal {@link yfiles.tree.RootNodeAlignment} left of the children.
-       * <p>
-       * The local root node leaves a distance specified by the given spacing to the leftmost child. To determine the alignment,
-       * only {@link yfiles.layout.INodeLayout}s are considered. Node labels are not included although they are also contained in
-       * {@link yfiles.tree.SubtreeShape}s.
-       * </p>
-       * @const
-       * @static
-       * @type {yfiles.tree.RootNodeAlignment}
-       */
-      static LEADING:yfiles.tree.RootNodeAlignment;
-      /**
-       * Horizontal {@link yfiles.tree.RootNodeAlignment} right of the children.
-       * <p>
-       * The root node leaves a distance specified by the given spacing to the rightmost child. To determine the alignment, only
-       * {@link yfiles.layout.INodeLayout}s are considered. Node labels are not included although they are also contained in
-       * {@link yfiles.tree.SubtreeShape}s.
-       * </p>
-       * @const
-       * @static
-       * @type {yfiles.tree.RootNodeAlignment}
-       */
-      static TRAILING:yfiles.tree.RootNodeAlignment;
-      /**
-       * Horizontal {@link yfiles.tree.RootNodeAlignment} at the left side.
-       * <p>
-       * The root node is placed left aligned with its leftmost child. To determine the alignment, only
-       * {@link yfiles.layout.INodeLayout}s are considered. Node labels are not included although they are also contained in
-       * {@link yfiles.tree.SubtreeShape}s.
-       * </p>
-       * @const
-       * @static
-       * @type {yfiles.tree.RootNodeAlignment}
-       */
-      static LEFT:yfiles.tree.RootNodeAlignment;
-      /**
-       * Horizontal {@link yfiles.tree.RootNodeAlignment} at the right side.
-       * <p>
-       * The root node is placed right aligned with its rightmost child. To determine the alignment, only
-       * {@link yfiles.layout.INodeLayout}s are considered. Node labels are not included although they are also contained in
-       * {@link yfiles.tree.SubtreeShape}s.
-       * </p>
-       * @const
-       * @static
-       * @type {yfiles.tree.RootNodeAlignment}
-       */
-      static RIGHT:yfiles.tree.RootNodeAlignment;
-      /**
-       * Horizontal alignment at the center of the children.
-       * <p>
-       * The root node is placed centered over its direct children. To determine the alignment, only {@link yfiles.layout.INodeLayout}s
-       * are considered. Node labels are not included although they are also contained in {@link yfiles.tree.SubtreeShape}s.
-       * </p>
-       * @const
-       * @static
-       * @type {yfiles.tree.RootNodeAlignment}
-       */
-      static CENTER_OVER_CHILDREN:yfiles.tree.RootNodeAlignment;
-      /**
-       * An array containing all supported {@link yfiles.tree.RootNodeAlignment}s.
-       * @const
-       * @static
-       * @type {Array.<yfiles.tree.RootNodeAlignment>}
-       */
-      static ALL:yfiles.tree.RootNodeAlignment[];
-      static $class:yfiles.lang.Class;
-    }
-    /**
-     * A matrix describes the rotation of the subtree handled by {@link yfiles.tree.RotatableNodePlacerBase}.
-     * <p>
-     * Subtrees may be rotated or mirrored. Also, matrices offering a combination of rotation and mirroring are provided.
-     * </p>
-     * @class yfiles.tree.RotatableNodePlacerMatrix
-     */
-    export interface RotatableNodePlacerMatrix extends Object{}
-    export class RotatableNodePlacerMatrix {
-      /**
-       * Compares the values of the current {@link yfiles.tree.RotatableNodePlacerMatrix} with the values of the given
-       * {@link yfiles.tree.RotatableNodePlacerMatrix}.
-       * @param {yfiles.tree.RotatableNodePlacerMatrix} other the matrix
-       * @returns {boolean} <code>true</code> if this matrix and the given other matrix contain the same values, <code>false</code> otherwise
-       */
-      equalValues(other:yfiles.tree.RotatableNodePlacerMatrix):boolean;
-      /**
-       * Multiplies this {@link yfiles.tree.RotatableNodePlacerMatrix} with the given other {@link yfiles.tree.RotatableNodePlacerMatrix}.
-       * @param {yfiles.tree.RotatableNodePlacerMatrix} other the other matrix
-       * @returns {yfiles.tree.RotatableNodePlacerMatrix} the product of both matrices
-       */
-      multiply(other:yfiles.tree.RotatableNodePlacerMatrix):yfiles.tree.RotatableNodePlacerMatrix;
-      /**
-       * The identity matrix which does not apply any rotation or mirroring.
-       * @const
-       * @static
-       * @type {yfiles.tree.RotatableNodePlacerMatrix}
-       */
-      static DEFAULT:yfiles.tree.RotatableNodePlacerMatrix;
-      /**
-       * A matrix which applies a counter-clockwise rotation by 90 degrees.
-       * @const
-       * @static
-       * @type {yfiles.tree.RotatableNodePlacerMatrix}
-       */
-      static ROT90:yfiles.tree.RotatableNodePlacerMatrix;
-      /**
-       * A matrix which applies a rotation by 180 degrees.
-       * @const
-       * @static
-       * @type {yfiles.tree.RotatableNodePlacerMatrix}
-       */
-      static ROT180:yfiles.tree.RotatableNodePlacerMatrix;
-      /**
-       * A matrix which applies a counter-clockwise rotation by 270 degrees.
-       * @const
-       * @static
-       * @type {yfiles.tree.RotatableNodePlacerMatrix}
-       */
-      static ROT270:yfiles.tree.RotatableNodePlacerMatrix;
-      /**
-       * A matrix which applies a horizontal mirroring.
-       * @const
-       * @static
-       * @type {yfiles.tree.RotatableNodePlacerMatrix}
-       */
-      static MIR_HOR:yfiles.tree.RotatableNodePlacerMatrix;
-      /**
-       * A matrix which applies a vertical mirroring.
-       * @const
-       * @static
-       * @type {yfiles.tree.RotatableNodePlacerMatrix}
-       */
-      static MIR_VERT:yfiles.tree.RotatableNodePlacerMatrix;
-      /**
-       * A matrix which applies a horizontal mirroring and a counter-clockwise rotation by 90 degrees.
-       * @const
-       * @static
-       * @type {yfiles.tree.RotatableNodePlacerMatrix}
-       */
-      static MIR_HOR_ROT90:yfiles.tree.RotatableNodePlacerMatrix;
-      /**
-       * A matrix which applies a vertical mirroring and a counter-clockwise rotation by 90 degrees.
-       * @const
-       * @static
-       * @type {yfiles.tree.RotatableNodePlacerMatrix}
-       */
-      static MIR_VERT_ROT90:yfiles.tree.RotatableNodePlacerMatrix;
-      static $class:yfiles.lang.Class;
-    }
-    /**
-     * Abstract base class for {@link yfiles.tree.INodePlacer}s that support rotations of the subtrees.
-     * <p>
-     * The direction specified in this {@link yfiles.tree.RotatableNodePlacerBase} (defined by a
-     * {@link yfiles.tree.RotatableNodePlacerBase#modificationMatrix transformation matrix}) rotates the subtree that is placed. This is the final direction of this subtree. Rotations are
-     * not accumulated.
-     * </p>
-     * <p>
-     * {@link yfiles.tree.INodePlacer}s of this type will only implement the default direction (i.e. top-to-bottom). The other
-     * directions are calculated using the specified modification {@link yfiles.tree.RotatableNodePlacerMatrix}. The direction used by
-     * the implementing
-     * {@link yfiles.tree.INodePlacer}s is called the model direction while the actual direction in the graph is the real direction.
-     * </p>
-     * <p>
-     * Note that using rotatable {@link yfiles.tree.INodePlacer}s has some pitfalls. Calculations must be aware of the rotations.
-     * Especially operations on {@link yfiles.algorithms.BorderLine}s should not be called directly (e.g.
-     * {@link yfiles.algorithms.BorderLine#mergeWithMin}, {@link yfiles.algorithms.BorderLine#mergeWithMax}). The corresponding methods of {@link yfiles.tree.RotatableNodePlacerBase}
-     * already support the different directions.
-     * </p>
-     * <p>
-     * Subclasses just need to override the following two abstract methods: {@link yfiles.tree.RotatableNodePlacerBase#placeSubtreeOfNode}
-     * and {@link yfiles.tree.RotatableNodePlacerBase#determineChildConnectors}.
-     * </p>
-     * @class yfiles.tree.RotatableNodePlacerBase
-     * @implements {yfiles.tree.IFromSketchNodePlacer}
-     */
-    export interface RotatableNodePlacerBase extends Object,yfiles.tree.IFromSketchNodePlacer{}
-    export class RotatableNodePlacerBase {
-      /**
-       * Creates a new instance of {@link yfiles.tree.RotatableNodePlacerBase} whose direction is specified by the given modification
-       * matrix.
-       * @param {yfiles.tree.RotatableNodePlacerMatrix} modificationMatrix the transformation matrix for the {@link yfiles.tree.INodePlacer}
-       * @protected
-       * @constructor
-       */
-      constructor(modificationMatrix:yfiles.tree.RotatableNodePlacerMatrix);
-      /**
-       * Creates a {@link yfiles.collections.IComparer.<T>} for outgoing edges that takes the rotation into account.
-       * @returns {yfiles.collections.IComparer.<Object>} the {@link yfiles.collections.IComparer.<T>} that considers the rotation
-       */
-      createComparer():yfiles.collections.IComparer<Object>;
-      /**
-       * Delegates to {@link yfiles.tree.RotatableNodePlacerBase#createComparer}.
-       * @returns {yfiles.collections.IComparer.<Object>} the From Sketch {@link yfiles.collections.IComparer.<T>}
-       * @see yfiles.tree.RotatableNodePlacerBase#createComparer
-       */
-      createFromSketchComparer():yfiles.collections.IComparer<Object>;
-      /**
-       * Creates an optional {@link yfiles.tree.IProcessor} for pre- and post-processing.
-       * <p>
-       * This implementation returns <code>null</code>. Hence, no pre- or post-processing is done.
-       * </p>
-       * @param {yfiles.tree.TreeLayout} layouter the current {@link yfiles.tree.TreeLayout} instance
-       * @param {yfiles.layout.LayoutGraph} graph the input graph
-       * @param {yfiles.algorithms.Node} currentRoot the root node handled by this {@link yfiles.tree.INodePlacer}
-       * @returns {yfiles.tree.IProcessor} <code>null</code>
-       */
-      createProcessor(layouter:yfiles.tree.TreeLayout,graph:yfiles.layout.LayoutGraph,currentRoot:yfiles.algorithms.Node):yfiles.tree.IProcessor;
-      /**
-       * Determines a connector direction for the given child node.
-       * <p>
-       * This method is called by {@link yfiles.tree.RotatableNodePlacerBase#determineChildConnectors} and must be implemented by
-       * subclasses. Implementations can assume the default direction (top-to-bottom) for their arrangement.
-       * </p>
-       * @param {yfiles.algorithms.Node} child the child node
-       * @returns {yfiles.tree.ParentConnectorDirection} a direction specifier as defined in the {@link yfiles.tree.INodePlacer} interface
-       * @protected
-       * @abstract
-       */
-      determineChildConnector(child:yfiles.algorithms.Node):yfiles.tree.ParentConnectorDirection;
-      /**
-       * Provides the direction of the connector to the {@link yfiles.tree.SubtreeShape SubtreeShape} for each child node.
-       * <p>
-       * This implementation uses {@link yfiles.tree.RotatableNodePlacerBase#determineChildConnector} and the {@link yfiles.tree.RotatableNodePlacerBase#modificationMatrix modification matrix} to
-       * retrieve the direction for the connectors.
-       * </p>
-       * @param {yfiles.algorithms.Node} localRoot the local root
-       * @param {yfiles.algorithms.IDataMap} connectorMap the map that must be used for storing the direction specifiers of the child nodes
-       * @see yfiles.tree.RotatableNodePlacerBase#determineChildConnector
-       */
-      determineChildConnectors(localRoot:yfiles.algorithms.Node,connectorMap:yfiles.algorithms.IDataMap):void;
-      /**
-       * Returns the rotated subtree shape for the given node.
-       * <p>
-       * This is a convenience method that retrieves a rotated subtree shape for a single node from the corresponding
-       * {@link yfiles.algorithms.IDataProvider}. This shape may be modified and returned by
-       * {@link yfiles.tree.RotatableNodePlacerBase#placeSubtreeOfNode}.
-       * </p>
-       * @param {yfiles.algorithms.Node} node the node
-       * @returns {yfiles.tree.RotatedSubtreeShape} the subtree shape for the given node
-       * @protected
-       */
-      getNodeShape(node:yfiles.algorithms.Node):yfiles.tree.RotatedSubtreeShape;
-      /**
-       * Returns the target {@link yfiles.layout.PortConstraint} for the local root's incoming edge.
-       * <p>
-       * This method translates the {@link yfiles.layout.PortConstraint} according to the rotation described by the {@link yfiles.tree.RotatableNodePlacerBase#modificationMatrix modification matrix}.
-       * It should be used instead of {@link yfiles.layout.PortConstraint#getTPC}.
-       * </p>
-       * <p>
-       * This method may be used in {@link yfiles.tree.RotatableNodePlacerBase#placeSubtreeOfNode} to route the edges to the according
-       * port. It may be overridden to provide constant {@link yfiles.layout.PortConstraint}s for each node.
-       * </p>
-       * @param {yfiles.algorithms.Node} localRoot the local root
-       * @returns {yfiles.layout.PortConstraint} the {@link yfiles.layout.PortConstraint} for the incoming edge of the local root or {@link yfiles.layout.PortSide#ANY} if no {@link yfiles.layout.PortConstraint}
-       * is assigned for that edge
-       * @protected
-       */
-      getPortConstraint(localRoot:yfiles.algorithms.Node):yfiles.layout.PortConstraint;
-      /**
-       * Returns the absolute source point of the given edge depending on the rotation of this {@link yfiles.tree.INodePlacer}.
-       * <p>
-       * This method translates the source point according to the rotation described by the {@link yfiles.tree.RotatableNodePlacerBase#modificationMatrix modification matrix}. It should be
-       * used instead of {@link yfiles.layout.LayoutGraph#getSourcePointAbs}.
-       * </p>
-       * <p>
-       * It can be used in an implementation of {@link yfiles.tree.RotatableNodePlacerBase#placeSubtreeOfNode}.
-       * </p>
-       * @param {yfiles.algorithms.Edge} edge the edge whose absolute source point should be calculated
-       * @returns {yfiles.algorithms.YPoint} the translated absolute source point for the given edge and current modification matrix
-       * @protected
-       */
-      getSourcePointAbs(edge:yfiles.algorithms.Edge):yfiles.algorithms.YPoint;
-      /**
-       * Returns the rotated subtree shape for the subtree rooted at the given node.
-       * <p>
-       * This is a convenience method that retrieves a subtree shape of a complete subtree from the corresponding
-       * {@link yfiles.algorithms.IDataProvider}.
-       * </p>
-       * @param {yfiles.algorithms.Node} node the local root node
-       * @returns {yfiles.tree.RotatedSubtreeShape} the rotated subtree shape of the subtree rooted at the given local root node
-       * @protected
-       */
-      getSubtreeShape(node:yfiles.algorithms.Node):yfiles.tree.RotatedSubtreeShape;
-      /**
-       * Initializes the local data structures and then delegates the work to the abstract variant of this method
-       * ({@link yfiles.tree.RotatableNodePlacerBase#placeSubtreeOfNode}).
-       * @param {yfiles.algorithms.IDataProvider} nodeShapeProvider the {@link yfiles.algorithms.IDataProvider} for obtaining an initial shape of the root node
-       * @param {yfiles.algorithms.IDataProvider} subtreeShapeProvider the {@link yfiles.algorithms.IDataProvider} for accessing the pre-calculated shapes of the subtrees
-       * @param {yfiles.layout.LayoutGraph} graph the input graph
-       * @param {yfiles.algorithms.Node} localRoot the root of the subtree that should be arranged by this method
-       * @param {yfiles.tree.ParentConnectorDirection} parentConnectorDirection the direction specifier for the connector of the local root node to its parent node
-       * @returns {yfiles.tree.SubtreeShape} the merged {@link yfiles.tree.SubtreeShape} for the subtree rooted at the local root node
-       * @see yfiles.tree.RotatableNodePlacerBase#placeSubtreeOfNode
-       */
-      placeSubtree(nodeShapeProvider:yfiles.algorithms.IDataProvider,subtreeShapeProvider:yfiles.algorithms.IDataProvider,graph:yfiles.layout.LayoutGraph,localRoot:yfiles.algorithms.Node,parentConnectorDirection:yfiles.tree.ParentConnectorDirection):yfiles.tree.SubtreeShape;
-      /**
-       * Arranges the local root relative to the rotated subtree shapes of its children.
-       * <p>
-       * This is the main method that must be implemented by subclasses. For calculations and locations subclasses should use the
-       * corresponding methods of {@link yfiles.tree.RotatableNodePlacerBase} which already consider the {@link yfiles.tree.RotatableNodePlacerBase#modificationMatrix modification matrix}.
-       * </p>
-       * @param {yfiles.algorithms.Node} localRoot the local root node
-       * @param {yfiles.tree.ParentConnectorDirection} parentConnectorDirection the direction specifier for the connector of the local root node to its parent node
-       * @returns {yfiles.tree.RotatedSubtreeShape} the merged subtree shape that contains the local root node and all its children
-       * @protected
-       * @abstract
-       */
-      placeSubtreeOfNode(localRoot:yfiles.algorithms.Node,parentConnectorDirection:yfiles.tree.ParentConnectorDirection):yfiles.tree.RotatedSubtreeShape;
-      /**
-       * Translates the given real direction of the resulting layout to the model direction of this
-       * {@link yfiles.tree.RotatableNodePlacerBase}.
-       * <p>
-       * This method is used in {@link yfiles.tree.RotatableNodePlacerBase#placeSubtreeOfNode} to be able to retrieve the model direction
-       * for the connector
-       * </p>
-       * @param {yfiles.tree.ParentConnectorDirection} realDirection the real direction
-       * @returns {number} the model direction
-       * @throws {Stubs.Exceptions.ArgumentError} if translation for the given real direction is not implemented
-       * @protected
-       */
-      translateDirectionToModel(realDirection:yfiles.tree.ParentConnectorDirection):number;
-      /**
-       * Translates the given model direction to the real direction in the resulting layout.
-       * <p>
-       * This method is used in {@link yfiles.tree.RotatableNodePlacerBase#determineChildConnectors} to be able to return the real
-       * connector direction.
-       * </p>
-       * @param {yfiles.tree.ParentConnectorDirection} modelDirection the model direction
-       * @returns {number} the real direction
-       * @throws {Stubs.Exceptions.ArgumentError} if translation for the given model direction is not implemented
-       * @protected
-       */
-      translateDirectionToReal(modelDirection:yfiles.tree.ParentConnectorDirection):number;
-      /**
-       * Translates a point from the real layout direction to the model direction using the given modification matrix.
-       * @param {yfiles.tree.RotatableNodePlacerMatrix} modificationMatrix the modification matrix to use for the translation
-       * @param {yfiles.algorithms.YPoint} realWorldPoint the point with coordinates from the real world
-       * @returns {yfiles.algorithms.YPoint} the translated point with coordinates from the model
-       * @static
-       */
-      static translatePoint(modificationMatrix:yfiles.tree.RotatableNodePlacerMatrix,realWorldPoint:yfiles.algorithms.YPoint):yfiles.algorithms.YPoint;
-      /**
-       * The graph instance this {@link yfiles.tree.INodePlacer} is working on.
-       * @protected
-       * @type {yfiles.layout.LayoutGraph}
-       */
-      graph:yfiles.layout.LayoutGraph;
-      /**
-       * The provider of {@link yfiles.tree.SubtreeShape}s for whole subtrees.
-       * @protected
-       * @type {yfiles.algorithms.IDataProvider}
-       */
-      subtreeShapeProvider:yfiles.algorithms.IDataProvider;
-      /**
-       * The provider of {@link yfiles.tree.SubtreeShape}s for single nodes.
-       * @protected
-       * @type {yfiles.algorithms.IDataProvider}
-       */
-      nodeShapeProvider:yfiles.algorithms.IDataProvider;
-      /**
-       * The list containing the created children.
-       * @protected
-       * @type {yfiles.collections.IList.<Object>}
-       */
-      createdChildren:yfiles.collections.IList<Object>;
-      /**
-       * Gets the modification matrix that defines the direction of the subtree.
-       * @type {yfiles.tree.RotatableNodePlacerMatrix}
-       */
-      modificationMatrix:yfiles.tree.RotatableNodePlacerMatrix;
-      /**
-       * Gets or sets the spacing between subtrees.
-       * <p>
-       * The spacing needs to be non-negative.
-       * </p>
-       * @throws {Stubs.Exceptions.ArgumentError} if the given spacing is negative
-       * @type {number}
-       */
-      spacing:number;
-      static $class:yfiles.lang.Class;
-    }
-    /**
-     * Decorates a SubtreeShape and provides rotated access on it.
-     * @class yfiles.tree.RotatedSubtreeShape
-     */
-    export interface RotatedSubtreeShape extends Object{}
-    export class RotatedSubtreeShape {
-      /**
-       * For testing purposes only
-       * @protected
-       * @constructor
-       */
-      constructor();
-      static $class:yfiles.lang.Class;
-    }
-    /**
-     * The {@link yfiles.tree.SimpleNodePlacer} arranges all children of a local root in a single row.
-     * <p>
-     * <b>Layout Style</b> {@graph {"ann":{"s":[30,30],"d":1},"n":[[0,0],[50,50],[235,50],[370,50],[720,50],[100,100],[770,100],[285,100],[420,50],[520,50],[570,100],[670,100],[150,150],[720,150],[470,100],[335,100],[620,150],[820,150],[520,150],[185,100]],"e":[[0,1,[65,15]],[0,2,[250,15]],[0,3,[385,15]],[0,4,[735,15]],[1,5,[115,65]],[4,6,[785,65]],[2,7,[300,65]],[0,8,[435,15]],[0,9,[535,15]],[9,10,[585,65]],[9,11,[685,65]],[5,12,[165,115]],[11,13,[735,115]],[8,14,[485,65]],[2,15,[350,65]],[10,16,[635,115]],[6,17,[835,115]],[14,18,[535,115]],[1,19,[200,65]]],"vp":[0.0,0.0,850.0,180.0]}}
-     * </p>
-     * @class yfiles.tree.SimpleNodePlacer
-     * @extends {yfiles.tree.RotatableNodePlacerBase}
-     */
-    export interface SimpleNodePlacer extends yfiles.tree.RotatableNodePlacerBase{}
-    export class SimpleNodePlacer {
-      /**
-       * Creates a new {@link yfiles.tree.SimpleNodePlacer} instance that uses the given {@link yfiles.tree.RotatableNodePlacerBase#modificationMatrix modification matrix} and {@link yfiles.tree.SimpleNodePlacer#rootAlignment root alignment}.
-       * @param {yfiles.tree.RotatableNodePlacerMatrix} modificationMatrix the transformation matrix for this {@link yfiles.tree.RotatableNodePlacerBase}
-       * @param {yfiles.tree.RootNodeAlignment} rootAlignment the alignment for the local root in relation to its subtrees
-       * @constructor
-       */
-      constructor(modificationMatrix:yfiles.tree.RotatableNodePlacerMatrix,rootAlignment:yfiles.tree.RootNodeAlignment);
-      /**
-       * Creates a new {@link yfiles.tree.SimpleNodePlacer} instance that uses the given {@link yfiles.tree.RotatableNodePlacerBase#modificationMatrix modification matrix}.
-       * @param {yfiles.tree.RotatableNodePlacerMatrix} modificationMatrix the transformation matrix for this {@link yfiles.tree.RotatableNodePlacerBase}
-       * @constructor
-       */
-      constructor(modificationMatrix:yfiles.tree.RotatableNodePlacerMatrix);
-      /**
-       * Creates a new {@link yfiles.tree.SimpleNodePlacer} instance with default settings.
-       * @constructor
-       */
-      constructor();
-      /**
-       * Gets or sets the {@link yfiles.tree.RootNodeAlignment RootAlignment} that defines how the root node is aligned with its children and their shapes.
-       * @type {yfiles.tree.RootNodeAlignment}
-       */
-      rootAlignment:yfiles.tree.RootNodeAlignment;
-      /**
-       * Gets or sets the relative vertical alignment of nodes with the same parent.
-       * <p>
-       * All values between <code>0</code> and <code>1</code> result in a valid alignment.
-       * </p>
-       * <ul>
-       * <li><code>0</code> - nodes are top-aligned</li>
-       * <li><code>0.5</code> - nodes are center-aligned</li>
-       * <li><code>1</code> - nodes are bottom-aligned</li>
-       * </ul>
-       * <p>
-       * Values outside the interval <code>[0,1]</code> may result in a more compact node placement with unaligned nodes, especially when
-       * labels are considered.
-       * </p>
-       * @type {number}
-       */
-      verticalAlignment:number;
-      /**
-       * Gets or sets whether or not a bus is created in the space between the parent and its children.
-       * @type {boolean}
-       */
-      createBus:boolean;
-      static $class:yfiles.lang.Class;
-    }
-    /**
-     * The {@link yfiles.tree.TreeComponentLayout} arranges tree-like subgraph structures in a mixed layout style.
-     * <p>
-     * {@graph {"ann":{"s":[37.5,37.5],"d":1},"n":[[-18.75,231.25],[56.25,231.25],[131.25,231.25],[-18.75,631.25],[631.25,231.25],[631.25,631.25],[131.25,631.25],[-18.75,-18.75],[631.25,-18.75],[631.25,131.25],[631.25,56.25],[131.25,406.25],[131.25,556.25],[447.5,75,1],[560,162.5,1],[497.5,162.5,1],[391.25,343.75,1],[328.75,343.75,1],[247.5,500,1],[247.5,587.5,1],[310,500,1],[310,587.5,1],[266.25,343.75,1],[272.5,75,1],[385,162.5,1],[322.5,162.5,1],[97.5,75,1],[210,162.5,1],[147.5,162.5,1]],"e":[[0,1,18.75,-0,-18.75,-0],[1,2,18.75,-0,-18.75,-0],[0,3,-0,18.75,-0,-18.75],[2,4,18.75,-0,-18.75,-0],[4,5,-0,18.75,-0,-18.75],[5,6,-18.75,-0,18.75,-0],[6,3,-18.75,-0,18.75,-0],[0,7,-0,-18.75,-0,18.75],[7,8,18.75,-0,-18.75,-0],[4,9,-0,-18.75,-0,18.75],[8,10,-0,18.75,-0,-18.75],[10,9,-0,18.75,-0,-18.75],[11,2,-0,-18.75,-0,18.75],[11,12,-0,18.75,-0,-18.75],[6,12,-0,-18.75,-0,18.75],[7,13,18.75,12.5,0,0,[52.5,12.5,52.5,50,466.25,50]],[13,14,-13.75,0,-0,-0,[452.5,137.5,578.75,137.5]],[13,15,-13.75,0,-0,-0,[452.5,137.5,516.25,137.5]],[2,16,18.75,12.5,0,0,[221.25,262.5,221.25,318.75,410,318.75]],[2,17,18.75,12.5,0,0,[221.25,262.5,221.25,318.75,347.5,318.75]],[11,18,18.75,-0,0,0,[202.5,425,202.5,475,266.25,475]],[11,19,18.75,-0,0,0,[202.5,425,202.5,562.5,266.25,562.5]],[11,20,18.75,-0,0,0,[202.5,425,202.5,475,328.75,475]],[11,21,18.75,-0,0,0,[202.5,425,202.5,562.5,328.75,562.5]],[2,22,18.75,12.5,0,0,[221.25,262.5,221.25,318.75,285,318.75]],[7,23,18.75,12.5,0,0,[52.5,12.5,52.5,50,291.25,50]],[23,24,-13.75,0,-0,-0,[277.5,137.5,403.75,137.5]],[23,25,-13.75,0,-0,-0,[277.5,137.5,341.25,137.5]],[7,26,18.75,12.5,0,0,[52.5,12.5,52.5,50,116.25,50]],[26,27,-13.75,0,-0,-0,[102.5,137.5,228.75,137.5]],[26,28,-13.75,0,-0,-0,[102.5,137.5,166.25,137.5]]],"vp":[-19.0,-19.0,688.0,688.0]}}
-     * </p>
-     * <p>
-     * The tree components are marked
-     * </p>
-     * @class yfiles.tree.TreeComponentLayout
-     * @implements {yfiles.layout.ILayoutStage}
-     */
-    export interface TreeComponentLayout extends Object,yfiles.layout.ILayoutStage{}
-    export class TreeComponentLayout {
-      /**
-       * Creates a new {@link yfiles.tree.TreeComponentLayout} instance using the specified layouter for arranging the subtrees.
-       * @param {yfiles.layout.ILayoutAlgorithm} treeCoreLayouter the layout algorithm used for arranging the tree components
-       * @throws {Stubs.Exceptions.ArgumentError} if the specified layout algorithm is <code>null</code>
-       * @constructor
-       */
-      constructor(treeCoreLayouter:yfiles.layout.ILayoutAlgorithm);
-      /**
-       * Finds the tree components inside the given graph and applies a {@link yfiles.tree.TreeComponentLayout#treeComponentCoreLayout tree layout} to them.
-       * @param {yfiles.layout.LayoutGraph} graph the input graph
-       */
-      applyLayout(graph:yfiles.layout.LayoutGraph):void;
-      /**
-       * Delegates the layout calculation to the {@link yfiles.tree.TreeComponentLayout#coreLayout core layout algorithm} and handles the dummy nodes.
-       * <p>
-       * The dummy nodes are marked using the given {@link yfiles.algorithms.IDataProvider}.
-       * </p>
-       * <p>
-       * This implementation just registers the dummy node {@link yfiles.algorithms.IDataProvider} with the graph with key
-       * {@link yfiles.tree.TreeComponentLayout#DUMMY_NODE_DP_KEY}, executes the core layout algorithm and finally removes the data
-       * provider again.
-       * </p>
-       * <p>
-       * This method is called by {@link yfiles.tree.TreeComponentLayout#applyLayout} to invoke the core layout algorithm. It may be
-       * overridden to customize the handling of the dummy nodes.
-       * </p>
-       * @param {yfiles.layout.LayoutGraph} graph the input graph
-       * @param {yfiles.algorithms.IDataProvider} dummyDp the {@link yfiles.algorithms.IDataProvider} which marks the dummy nodes
-       * @protected
-       */
-      applyLayoutUsingDummies(graph:yfiles.layout.LayoutGraph,dummyDp:yfiles.algorithms.IDataProvider):void;
-      /**
-       * Data provider key for identifying dummy nodes during the layout calculation
-       * <p>
-       * This {@link yfiles.algorithms.IDataProvider} is registered and also removed in
-       * {@link yfiles.tree.TreeComponentLayout#applyLayoutUsingDummies}.
-       * </p>
-       * @see yfiles.tree.TreeComponentLayout#applyLayoutUsingDummies
-       * @const
-       * @static
-       * @type {yfiles.algorithms.NodeDpKey.<boolean>}
-       */
-      static DUMMY_NODE_DP_KEY:yfiles.algorithms.NodeDpKey<boolean>;
-      /**
-       * 
-       * @type {yfiles.layout.ILayoutAlgorithm}
-       */
-      coreLayout:yfiles.layout.ILayoutAlgorithm;
-      /**
-       * Gets or sets the layout algorithm that is applied to tree components.
-       * @type {yfiles.layout.ILayoutAlgorithm}
-       */
-      treeComponentCoreLayout:yfiles.layout.ILayoutAlgorithm;
-      /**
-       * Gets or sets whether or not tree component arrangement is improved by changing the orientation of components.
-       * @type {boolean}
-       */
-      optimizeOrientation:boolean;
-      static $class:yfiles.lang.Class;
-    }
-    /**
-     * A {@link yfiles.tree.SubtreeShape} represents the position and the borders of a subtree.
-     * <p>
-     * {@link yfiles.tree.INodePlacer}s will move {@link yfiles.tree.SubtreeShape}s and use the borders to calculate distances between the
-     * subtrees. When two subtrees are placed in relation to their common root, their
-     * {@link yfiles.tree.SubtreeShape}s are merged to represent the new subtree.
-     * </p>
-     * <p>
-     * The borders on each side of the {@link yfiles.tree.SubtreeShape} are modeled with
-     * {@link yfiles.algorithms.BorderLine}s. The resulting area includes the borders of each node and edge in the corresponding
-     * subtree. It can also contain the bounds of labels belonging to those nodes and edges.
-     * </p>
-     * <p>
-     * The {@link yfiles.tree.SubtreeShape} also describes a connector defining the location to which the edge from its parent is
-     * attached. It is possible to add some bends (target points) at the end of this edge and include them in the
-     * {@link yfiles.tree.SubtreeShape}. During layout calculation, the last target point is the connection point for the edge.
-     * </p>
-     * @see yfiles.tree.SubtreeShape#getBorderLine
-     * @see yfiles.tree.SubtreeShape#connectorX
-     * @see yfiles.tree.SubtreeShape#connectorY
-     * @see yfiles.tree.SubtreeShape#addBoundsToShape
-     * @see yfiles.tree.SubtreeShape#addTargetPoint
-     * @class yfiles.tree.SubtreeShape
-     * @final
-     */
-    export interface SubtreeShape extends Object{}
-    export class SubtreeShape {
-      /**
-       * Extends this {@link yfiles.tree.SubtreeShape} instance by the given rectangle.
-       * <p>
-       * The border lines are updated with this segment.
-       * </p>
-       * @param {number} x the x-coordinate of the upper-left corner of the rectangle
-       * @param {number} y the y-coordinate of the upper-left corner of the rectangle
-       * @param {number} width the width of the rectangle
-       * @param {number} height the height of the rectangle
-       * @see yfiles.tree.SubtreeShape#getBorderLine
-       */
-      addBoundsToShape(x:number,y:number,width:number,height:number):void;
-      /**
-       * Adds all edge segments of the given edge to this {@link yfiles.tree.SubtreeShape} instance.
-       * <p>
-       * The border lines are updated.
-       * </p>
-       * @param {yfiles.layout.LayoutGraph} graph the input graph
-       * @param {yfiles.algorithms.Edge} edge the given edge
-       * @see yfiles.tree.SubtreeShape#getBorderLine
-       * @see yfiles.tree.SubtreeShape#addLineSegment
-       */
-      addEdgeSegments(graph:yfiles.layout.LayoutGraph,edge:yfiles.algorithms.Edge):void;
-      /**
-       * Extends this {@link yfiles.tree.SubtreeShape} instance by the given segment.
-       * <p>
-       * The border lines are updated with this segment.
-       * </p>
-       * @param {number} x1 the x-coordinate of the first point of the segment
-       * @param {number} y1 the y-coordinate of the first point of the segment
-       * @param {number} x2 the x-coordinate of the second point of the segment
-       * @param {number} y2 the y-coordinate of the second point of the segment
-       * @see yfiles.tree.SubtreeShape#getBorderLine
-       * @see yfiles.tree.SubtreeShape#addEdgeSegments
-       * @see yfiles.tree.SubtreeShape#updateConnectorShape
-       */
-      addLineSegment(x1:number,y1:number,x2:number,y2:number):void;
-      /**
-       * Adds another point to the connector.
-       * <p>
-       * The points will appear as bend of the incoming edge. Points are added in reverse direction of the edge. Hence, the last
-       * target point is further away from the target node than the points before.
-       * </p>
-       * @param {number} x the current x-coordinate of the point
-       * @param {number} y the current y-coordinate of the point
-       */
-      addTargetPoint(x:number,y:number):void;
-      /**
-       * Appends all target points that have previously been added to this shape to the given {@link yfiles.layout.IEdgeLayout}
-       * instance.
-       * <p>
-       * This method is used by {@link yfiles.tree.INodePlacer} instances for the final edge paths.
-       * </p>
-       * @param {yfiles.layout.IEdgeLayout} edgeLayout the {@link yfiles.layout.IEdgeLayout} that will be modified
-       * @see yfiles.tree.SubtreeShape#addTargetPoint
-       */
-      appendTargetPoints(edgeLayout:yfiles.layout.IEdgeLayout):void;
-      /**
-       * Copies the state of this {@link yfiles.tree.SubtreeShape} instance to the given shape applying a modification matrix.
-       * @param {yfiles.tree.SubtreeShape} toShape the given shape that gets the assigned values
-       * @param {yfiles.tree.RotatableNodePlacerMatrix} modificationMatrix the matrix that may add geometrical modifications
-       */
-      assignValuesTo(toShape:yfiles.tree.SubtreeShape,modificationMatrix:yfiles.tree.RotatableNodePlacerMatrix):void;
-      /**
-       * Creates a clone of this {@link yfiles.tree.SubtreeShape} instance, modifying it using the provided modification matrix.
-       * @param {yfiles.tree.RotatableNodePlacerMatrix} matrix the matrix that defines the modification for the new instance
-       * @returns {yfiles.tree.SubtreeShape} the clone of this {@link yfiles.tree.SubtreeShape} instance
-       * @see yfiles.tree.RotatableNodePlacerMatrix#DEFAULT
-       */
-      createCopy(matrix:yfiles.tree.RotatableNodePlacerMatrix):yfiles.tree.SubtreeShape;
-      /**
-       * Returns the {@link yfiles.algorithms.BorderLine} instance that describes the {@link yfiles.tree.SubtreeShape} at the given side.
-       * @param {number} index one of the predefined borderline directions
-       * @returns {yfiles.algorithms.BorderLine} the {@link yfiles.algorithms.BorderLine} instance for the given side
-       * @throws {Stubs.Exceptions.ArgumentError} if the given index is invalid
-       */
-      getBorderLine(index:number):yfiles.algorithms.BorderLine;
-      /**
-       * Merges the given {@link yfiles.tree.SubtreeShape} instance with this {@link yfiles.tree.SubtreeShape} instance.
-       * <p>
-       * The border lines are updated.
-       * </p>
-       * @param {yfiles.tree.SubtreeShape} other the {@link yfiles.tree.SubtreeShape} to be merged with this {@link yfiles.tree.SubtreeShape}
-       */
-      mergeWith(other:yfiles.tree.SubtreeShape):void;
-      /**
-       * Moves this {@link yfiles.tree.SubtreeShape} instance and its connector by the given offsets.
-       * <p>
-       * Border lines are updated.
-       * </p>
-       * @param {number} dx the delta x-offset by which this shape will be moved
-       * @param {number} dy the delta y-offset by which this shape will be moved
-       */
-      move(dx:number,dy:number):void;
-      /**
-       * Adds the line segments of the connector to the bounds of this {@link yfiles.tree.SubtreeShape} instance.
-       * <p>
-       * The line segments result from the target points.
-       * </p>
-       * @see yfiles.tree.SubtreeShape#addTargetPoint
-       */
-      updateConnectorShape():void;
-      /**
-       * Gets the bounds of the {@link yfiles.layout.INodeLayout} of the root node of this {@link yfiles.tree.SubtreeShape} instance.
-       * @type {yfiles.algorithms.Rectangle2D}
-       */
-      coreBounds:yfiles.algorithms.Rectangle2D;
-      /**
-       * Gets the current bounds of this {@link yfiles.tree.SubtreeShape} instance.
-       * @type {yfiles.algorithms.Rectangle2D}
-       */
-      bounds:yfiles.algorithms.Rectangle2D;
-      /**
-       * Gets the current x-coordinate of the connection point to which the layout algorithm connects the ingoing edge.
-       * <p>
-       * The connection point can change when target points are added to the {@link yfiles.tree.SubtreeShape} instance.
-       * </p>
-       * @see yfiles.tree.SubtreeShape#addTargetPoint
-       * @see yfiles.tree.SubtreeShape#appendTargetPoints
-       * @type {number}
-       */
-      connectorX:number;
-      /**
-       * Gets the current y-coordinate of the connection point to which the layout algorithm connects the ingoing edge.
-       * <p>
-       * The connection point can change when target points are added to the {@link yfiles.tree.SubtreeShape} instance.
-       * </p>
-       * @see yfiles.tree.SubtreeShape#addTargetPoint
-       * @see yfiles.tree.SubtreeShape#appendTargetPoints
-       * @type {number}
-       */
-      connectorY:number;
-      /**
-       * Gets the direction of the last connector segment.
-       * @type {yfiles.tree.ConnectorDirection}
-       */
-      connectorDirection:yfiles.tree.ConnectorDirection;
-      /**
-       * Gets the current minimum x-coordinate of this {@link yfiles.tree.SubtreeShape} instance.
-       * @type {number}
-       */
-      minX:number;
-      /**
-       * Gets the current minimum y-coordinate of this {@link yfiles.tree.SubtreeShape} instance.
-       * @type {number}
-       */
-      minY:number;
-      /**
-       * Gets the current maximum x-coordinate of this {@link yfiles.tree.SubtreeShape} instance.
-       * @type {number}
-       */
-      maxX:number;
-      /**
-       * Gets the current maximum y-coordinate of this {@link yfiles.tree.SubtreeShape} instance.
-       * @type {number}
-       */
-      maxY:number;
-      /**
-       * Gets the current x-coordinate of the origin of this {@link yfiles.tree.SubtreeShape} instance.
-       * <p>
-       * The origin is defined as the upper left corner of the {@link yfiles.layout.INodeLayout} of the local root of this shape.
-       * </p>
-       * @type {number}
-       */
-      originX:number;
-      /**
-       * Gets the current y-coordinate of the origin of this {@link yfiles.tree.SubtreeShape} instance.
-       * <p>
-       * The origin is defined as the upper left corner of the {@link yfiles.layout.INodeLayout} of the local root of this shape.
-       * </p>
-       * @type {number}
-       */
-      originY:number;
-      static $class:yfiles.lang.Class;
-    }
-    /**
-     * This layout algorithm arranges graphs with a tree structure.
-     * <p>
-     * <b>Layout Style</b> {@link yfiles.tree.TreeLayout} provides multiple different arrangements of trees and subtrees. It is easy to customize the
-     * {@link yfiles.tree.TreeLayout#OUT_EDGE_COMPARER_DP_KEY order of edges}, the {@link yfiles.tree.TreeLayout#PORT_ASSIGNMENT_DP_KEY port assignment} and the {@link yfiles.tree.TreeLayout#NODE_PLACER_DP_KEY arrangement of the nodes} for each subtree.
-     * </p>
-     * <p>
-     * Tree layout algorithms are commonly applied to visualize relational data and produce diagrams of high quality that are
-     * able to reveal possible hierarchic properties of the graph. More precisely, they find applications in dataflow analysis,
-     * software engineering, bioinformatics and business administration.
-     * </p>
-     * <p>
-     * {@graph {"ann": {"s": [37.5,37.5], "d": 1},"n": [[209.96,0], [71.88,77.5], [348.04,77.5], [348.04,155], [202.77,232.5], [172.5,310], [71.88,232.5], [115,387.5], [115,310], [233.04,310], [71.88,155], [348.04,232.5], [319.29,310], [376.79,310], [463.04,232.5], [491.79,310], [434.29,310], [28.75,310], [57.5,387.5], [0,387.5], [376.79,387.5], [261.79,387.5], [204.29,387.5]], "e": [[0,1], [0,2], [2,3], [3,4], [4,5], [6,8], [8,7], [4,9], [1,10], [10,6], [3,11], [11,12], [11,13], [3,14], [14,15], [14,16], [6,17], [17,18], [17,19], [13,20], [9,21], [9,22]], "vp": [0.0,0.0,530.0,425.0]}} Example graph with a layout calculated by {@link yfiles.tree.TreeLayout} using default settings {@graph {"ann": {"s": [60,30], "d": 1},"n": [[1190,0], [0,50], [160,120], [80,120], [240,120], [120,190], [200,190], [280,190], [160,310], [80,310], [240,310], [120,240], [200,240], [280,240], [330,50], [460,256.6], [410,306.6], [510,306.6], [410,356.6], [510,356.6], [460,406.6], [650,441.6], [410,491.6], [490,491.6], [570,491.6], [710,50], [790,100], [870,170], [950,170], [1030,170], [1110,170], [1190,170], [870,240], [950,240], [1030,240], [1110,240], [1190,240], [870,310], [950,310], [1030,310], [1110,310], [1190,310], [870,380], [950,380], [1030,380], [1110,380], [1190,380], [430,120], [500,170], [540,206.6], [580,170], [620,206.6], [660,170], [80,520], [160,430], [160,480], [226.6,405], [226.6,455], [160,380], [790,465], [870,430], [950,430], [950,500], [1030,465], [870,500]], "e": [[0,1,[30,15]], [1,2,[30,100,190,100]], [2,3,[190,170,110,170]], [2,4,[190,170,270,170]], [2,5,[190,170,150,170]], [2,6,[190,170,230,170]], [2,7,[190,170,310,170]], [1,8,[30,360,190,360]], [8,9,[190,290,110,290]], [8,10,[190,290,270,290]], [8,11,[190,290,150,290]], [8,12,[190,290,230,290]], [8,13,[190,290,310,290]], [0,14,[360,15]], [14,15,[360,271.6]], [15,16,[490,321.6]], [15,17,[490,321.6]], [15,18,[490,371.6]], [15,19,[490,371.6]], [15,20], [14,21,[360,456.6]], [21,22,[440,456.6]], [21,23,[520,456.6]], [21,24,[600,456.6]], [0,25,[740,15]], [25,26,[740,115]], [26,27,[860,115,860,150,900,150]], [26,28,[860,115,860,150,980,150]], [26,29,[860,115,860,150,1060,150]], [26,30,[860,115,860,150,1140,150]], [26,31,[860,115,860,150,1220,150]], [26,32,[860,115,860,220,900,220]], [26,33,[860,115,860,220,980,220]], [26,34,[860,115,860,220,1060,220]], [26,35,[860,115,860,220,1140,220]], [26,36,[860,115,860,220,1220,220]], [26,37,[860,115,860,290,900,290]], [26,38,[860,115,860,290,980,290]], [26,39,[860,115,860,290,1060,290]], [26,40,[860,115,860,290,1140,290]], [26,41,[860,115,860,290,1220,290]], [26,42,[860,115,860,360,900,360]], [26,43,[860,115,860,360,980,360]], [26,44,[860,115,860,360,1060,360]], [26,45,[860,115,860,360,1140,360]], [26,46,[860,115,860,360,1220,360]], [14,47,[360,100,410,100,410,135]], [47,48,[530,135]], [47,49,[570,135]], [47,50,[610,135]], [47,51,[650,135]], [47,52,[690,135]], [1,53,[30,535]], [53,54,[110,445]], [53,55,[110,495]], [53,56,[110,420]], [53,57,[110,470]], [53,58,[110,395]], [25,59,[740,480]], [59,60,[900,480]], [59,61,[980,480]], [59,62,[980,480]], [59,63], [59,64,[900,480]]], "vp": [0.0,0.0,1250.0,550.0]}} Tree layout using different
-     * {@link yfiles.tree.INodePlacer}s and rotations<b>Concept</b>
-     * </p>
-     * <p>
-     * The layout algorithm starts from the leaves and continues with their parents, then with the parents of the parents and
-     * so on. When a node is processed, the algorithm will use the corresponding {@link yfiles.tree.INodePlacer} instance to move its
-     * children (along with their subtrees) to a suitable position and to route the outgoing edges of this node. Then, the next
-     * local root node will be processed.
-     * </p>
-     * <p>
-     * To avoid moving all nodes several times and to know the area that the subtrees occupy, the layout algorithm uses
-     * {@link yfiles.tree.SubtreeShape}s. These {@link yfiles.tree.SubtreeShape}s are moved and merged during layout calculation.
-     * </p>
-     * <p>
-     * <b>Features</b>
-     * </p>
-     * <p>
-     * Each subtree can have a different style of node placement. {@link yfiles.tree.INodePlacer}s are responsible for arranging
-     * subtrees and their common root node. They can be specified separately for each local root with a {@link yfiles.algorithms.IDataProvider}
-     * registered with the graph using key {@link yfiles.tree.TreeLayout#NODE_PLACER_DP_KEY}.
-     * </p>
-     * <p>
-     * A custom node can be defined as root of the tree using a {@link yfiles.algorithms.IDataProvider} registered with the graph with
-     * key {@link yfiles.tree.TreeLayout#SELECTED_ROOT_DP_KEY}.
-     * </p>
-     * <p>
-     * The layout algorithm can be configured to reserve space for node labels and place the edge labels along edges such that
-     * the labels won't overlap with other graph elements. Edge labels are placed according to the information stored in a {@link yfiles.layout.PreferredPlacementDescriptor}
-     * instance. However, the placement along the edge will only affect the order of multiple labels at the same edge. The
-     * algorithm will always place the labels close to the target node.
-     * </p>
-     * <p>
-     * Grouping of nodes can also be handled by this layout algorithm. It is important that a group node contains a whole
-     * subtree. Otherwise, the group nodes may overlap with each other or with other nodes. Furthermore, the user may specify
-     * minimum size constraints for each group node using {@link yfiles.algorithms.IDataProvider} key
-     * {@link yfiles.layout.GroupingKeys#MINIMUM_NODE_SIZE_DP_KEY}.
-     * </p>
-     * <p>
-     * {@link yfiles.tree.TreeLayout} supports custom sorting of the outgoing edges of a node. For example, a {@link yfiles.tree.INodePlacer}
-     * instance that implements {@link yfiles.tree.IFromSketchNodePlacer} provides a comparator that keeps the current order of
-     * siblings, allowing to extend the graph incrementally.
-     * </p>
-     * <p>
-     * This layout algorithm can only handle graphs with a tree structure. To apply it to a general graph, a {@link yfiles.tree.TreeReductionStage}
-     * can be appended. This stage will temporarily remove some edges of the input graph until a tree is obtained. After the
-     * layout calculation, the stage will reinsert the edges that were removed and route them separately.
-     * </p>
-     * @class yfiles.tree.TreeLayout
-     * @extends {yfiles.layout.MultiStageLayout}
-     */
-    export interface TreeLayout extends yfiles.layout.MultiStageLayout{}
-    export class TreeLayout {
-      /**
-       * Creates a new {@link yfiles.tree.TreeLayout} instance with default settings.
-       * @constructor
-       */
-      constructor();
-      /**
-       * Creates a {@link yfiles.tree.SubtreeShape} for the given node that consists only of the bounds of this particular node.
-       * <p>
-       * It may also include node labels or {@link yfiles.layout.NodeHalo}s.
-       * </p>
-       * <p>
-       * This method may be overridden to return a custom {@link yfiles.tree.SubtreeShape} for the given node.
-       * </p>
-       * @param {yfiles.algorithms.Node} node the given node
-       * @returns {yfiles.tree.SubtreeShape} a {@link yfiles.tree.SubtreeShape} instance
-       */
-      createNodeShape(node:yfiles.algorithms.Node):yfiles.tree.SubtreeShape;
-      /**
-       * Returns a list of edges that need to be reversed in order to obtain a valid rooted and directed tree from the input
-       * graph.
-       * <p>
-       * The root node of the tree is either a node marked by a {@link yfiles.algorithms.IDataProvider} registered with the graph with
-       * key {@link yfiles.tree.TreeLayout#SELECTED_ROOT_DP_KEY} or is defined according to {@link yfiles.algorithms.Trees#getRoot}.
-       * </p>
-       * <p>
-       * This method is called initially to calculate a rooted tree from the input graph. It may be overridden to apply a custom
-       * algorithm that determines which edges need to be reversed.
-       * </p>
-       * @returns {yfiles.algorithms.EdgeList} a list of edges that need to be reversed
-       * @see yfiles.tree.TreeLayout#reverseEdges
-       * @protected
-       */
-      directTree():yfiles.algorithms.EdgeList;
-      /**
-       * Returns the {@link yfiles.tree.INodePlacer} instance that is used for the placement of the local root node and the
-       * {@link yfiles.tree.SubtreeShape}s.
-       * <p>
-       * The method may be overridden to return custom {@link yfiles.tree.INodePlacer} instances. It is possible to return a shared
-       * instance for multiple different nodes because the instances are not used after subsequent calls to this method.
-       * </p>
-       * <p>
-       * The current implementation returns the {@link yfiles.tree.INodePlacer} defined by the {@link yfiles.algorithms.IDataProvider} registered
-       * with key {@link yfiles.tree.TreeLayout#NODE_PLACER_DP_KEY}. It falls back to the default {@link yfiles.tree.INodePlacer} if there is no
-       * specific {@link yfiles.tree.INodePlacer} for the given node.
-       * </p>
-       * @param {yfiles.algorithms.Node} localRoot the root of the local subtree
-       * @returns {yfiles.tree.INodePlacer} the {@link yfiles.tree.INodePlacer} instance that places the subtree below the given local root node
-       * @see yfiles.tree.TreeLayout#NODE_PLACER_DP_KEY
-       * @see yfiles.tree.TreeLayout#defaultNodePlacer
-       * @protected
-       */
-      getNodePlacer(localRoot:yfiles.algorithms.Node):yfiles.tree.INodePlacer;
-      /**
-       * Returns the {@link yfiles.collections.IComparer.<T>} instance that will sort the outgoing edges connecting to the given node.
-       * <p>
-       * The {@link yfiles.collections.IComparer.<T>} can be <code>null</code> in case the initial edge order shall be used.
-       * </p>
-       * <p>
-       * The method may be overridden to return custom {@link yfiles.collections.IComparer.<T>} instances. It is possible to return a shared instance for multiple
-       * different nodes because the instances are not used after subsequent calls to this method.
-       * </p>
-       * <p>
-       * The current implementation returns the {@link yfiles.collections.IComparer.<T>} defined in the {@link yfiles.algorithms.IDataProvider} registered with key
-       * {@link yfiles.tree.TreeLayout#OUT_EDGE_COMPARER_DP_KEY}. It falls back to the default {@link yfiles.collections.IComparer.<T>} if there is no specific {@link yfiles.collections.IComparer.<T>} for the given
-       * node.
-       * </p>
-       * @param {yfiles.algorithms.Node} localRoot the root of the local subtree
-       * @returns {yfiles.collections.IComparer.<Object>} the {@link yfiles.collections.IComparer.<T>} or <code>null</code> that sorts the outgoing edges of the given node
-       * @see yfiles.tree.TreeLayout#OUT_EDGE_COMPARER_DP_KEY
-       * @see yfiles.tree.TreeLayout#defaultOutEdgeComparer
-       */
-      getOutEdgeComparer(localRoot:yfiles.algorithms.Node):yfiles.collections.IComparer<Object>;
-      /**
-       * Returns the {@link yfiles.tree.IPortAssignment} instance that places the ports of the connecting edges of the given node.
-       * <p>
-       * The method may be overridden to return customized {@link yfiles.tree.IPortAssignment} instances. It is possible to return a
-       * shared instance for multiple different nodes because the instances are not used after subsequent calls to this method.
-       * </p>
-       * <p>
-       * The current implementation returns the {@link yfiles.tree.IPortAssignment} defined by the {@link yfiles.algorithms.IDataProvider}
-       * registered with key {@link yfiles.tree.TreeLayout#OUT_EDGE_COMPARER_DP_KEY}. It falls back to the default {@link yfiles.tree.IPortAssignment}
-       * if there is no specific {@link yfiles.tree.IPortAssignment} for the given node.
-       * </p>
-       * @param {yfiles.algorithms.Node} localRoot the root of the local subtree
-       * @returns {yfiles.tree.IPortAssignment} the {@link yfiles.tree.IPortAssignment} instance that assigns the ports of the edges at the given node
-       * @see yfiles.tree.TreeLayout#PORT_ASSIGNMENT_DP_KEY
-       * @see yfiles.tree.TreeLayout#defaultPortAssignment
-       * @protected
-       */
-      getPortAssignment(localRoot:yfiles.algorithms.Node):yfiles.tree.IPortAssignment;
-      /**
-       * Returns an array of the nodes that will be laid out.
-       * <p>
-       * The given node will be considered as the root of the tree. The order of the elements ensures that no parent is processed
-       * before one of its successors.
-       * </p>
-       * <p>
-       * This method may be overridden to change the order in which the nodes (and their subtrees) are handled. However, it is
-       * important to keep the parents after the successors. Only siblings can change places.
-       * </p>
-       * @param {yfiles.algorithms.Node} root the node to be considered as root of the tree
-       * @returns {Array.<yfiles.algorithms.Node>} an array of nodes that will be laid out
-       * @protected
-       */
-      getRootsArray(root:yfiles.algorithms.Node):yfiles.algorithms.Node[];
-      /**
-       * Provides access to the {@link yfiles.tree.SubtreeShape} for the given node.
-       * <p>
-       * The {@link yfiles.tree.SubtreeShape} contains information about the current extent and location of the subtree rooted at the
-       * node. It should only be modified during the layout of the parent node. Also, it won't be initialized before the layout
-       * of the corresponding subtree is calculated.
-       * </p>
-       * <p>
-       * This method updates the {@link yfiles.tree.SubtreeShape} in {@link yfiles.tree.TreeLayout#layoutRoot}.
-       * </p>
-       * @param {yfiles.algorithms.Node} localRoot the root of the subtree
-       * @returns {yfiles.tree.SubtreeShape} the {@link yfiles.tree.SubtreeShape} instance if it has already been calculated, <code>null</code> otherwise
-       * @protected
-       */
-      getSubtreeShape(localRoot:yfiles.algorithms.Node):yfiles.tree.SubtreeShape;
-      /**
-       * Calculates the layout for the given root node and its subtrees.
-       * <p>
-       * This method is invoked for each node in the tree exactly once. Thus, children are always handled before their parents.
-       * In this manner, the subtrees already have a layout and can be arranged with their parent.
-       * </p>
-       * <p>
-       * To retrieve the shapes of the subtrees of all children of the local root, this method uses
-       * {@link yfiles.tree.TreeLayout#getSubtreeShape}.
-       * </p>
-       * <p>
-       * The method may be overridden to add configuration code.
-       * </p>
-       * @param {yfiles.algorithms.Node} localRoot the root of the subtree that whose layout is calculated
-       * @returns {yfiles.tree.SubtreeShape} the combined {@link yfiles.tree.SubtreeShape} of the local root node and all of its children and connecting edges
-       * @protected
-       */
-      layoutRoot(localRoot:yfiles.algorithms.Node):yfiles.tree.SubtreeShape;
-      /**
-       * Reverses the direction of given edges.
-       * <p>
-       * This method will be called initially after the {@link yfiles.tree.TreeLayout#directTree} method and finally after the layout has
-       * been calculated. It may be overridden to additionally reverse data that depends on the direction of the edges.
-       * </p>
-       * @param {yfiles.algorithms.EdgeList} reversedEdges the edges that will be reversed
-       * @protected
-       */
-      reverseEdges(reversedEdges:yfiles.algorithms.EdgeList):void;
-      /**
-       * Data provider key for specifying a child node placer for each node.
-       * @see yfiles.tree.TreeLayout#defaultNodePlacer
-       * @const
-       * @static
-       * @type {yfiles.algorithms.NodeDpKey.<yfiles.tree.INodePlacer>}
-       */
-      static NODE_PLACER_DP_KEY:yfiles.algorithms.NodeDpKey<yfiles.tree.INodePlacer>;
-      /**
-       * Data provider key for assigning ports to nodes.
-       * @see yfiles.tree.TreeLayout#defaultPortAssignment
-       * @const
-       * @static
-       * @type {yfiles.algorithms.NodeDpKey.<yfiles.tree.IPortAssignment>}
-       */
-      static PORT_ASSIGNMENT_DP_KEY:yfiles.algorithms.NodeDpKey<yfiles.tree.IPortAssignment>;
-      /**
-       * Data provider key for specifying the comparator for the outgoing edges.
-       * @see yfiles.tree.TreeLayout#defaultOutEdgeComparer
-       * @const
-       * @static
-       * @type {yfiles.algorithms.NodeDpKey.<yfiles.collections.IComparer.<Object>>}
-       */
-      static OUT_EDGE_COMPARER_DP_KEY:yfiles.algorithms.NodeDpKey<yfiles.collections.IComparer<Object>>;
-      /**
-       * Data provider key for defining the priority of critical edges.
-       * <p>
-       * The layout algorithm tries to align each node pair that is connected by a critical edge (integer value >
-       * <code>0</code>). This feature can, for example, be used for highlighting different edge paths that are important for a user.
-       * Conflicts between different critical edges are always resolved in favor of the higher priority.
-       * </p>
-       * <p>
-       * Critical edges will always align the centers of source and target node, thus replacing the current root alignment of the
-       * {@link yfiles.tree.INodePlacer}.
-       * </p>
-       * <p>
-       * The critical edge may not be straight if subtrees are rotated or port constraints are assigned.
-       * </p>
-       * <p>
-       * This feature is only supported by the following {@link yfiles.tree.INodePlacer}s:
-       * </p>
-       * <ul>
-       * <li>{@link yfiles.tree.DefaultNodePlacer}</li>
-       * <li>{@link yfiles.tree.SimpleNodePlacer}</li>
-       * <li>{@link yfiles.tree.LayeredNodePlacer}</li>
-       * <li>{@link yfiles.tree.DoubleLineNodePlacer}</li>
-       * <li>{@link yfiles.tree.DendrogramNodePlacer}</li>
-       * </ul>
-       * @const
-       * @static
-       * @type {yfiles.algorithms.EdgeDpKey.<number>}
-       */
-      static CRITICAL_EDGE_DP_KEY:yfiles.algorithms.EdgeDpKey<number>;
-      /**
-       * Data provider key for retrieving descriptors for nodes in multi-parent structures.
-       * <p>
-       * The returned descriptor affects the layout of the multi-parent structure.
-       * </p>
-       * @see yfiles.tree.TreeLayout#multiParentAllowed
-       * @const
-       * @static
-       * @type {yfiles.algorithms.NodeDpKey.<yfiles.tree.MultiParentDescriptor>}
-       */
-      static MULTI_PARENT_DESCRIPTOR_DP_KEY:yfiles.algorithms.NodeDpKey<yfiles.tree.MultiParentDescriptor>;
-      /**
-       * Data provider key for marking the node that will be used as root node of the tree.
-       * @const
-       * @static
-       * @type {yfiles.algorithms.NodeDpKey.<boolean>}
-       */
-      static SELECTED_ROOT_DP_KEY:yfiles.algorithms.NodeDpKey<boolean>;
-      /**
-       * The input graph for which a layout is calculated.
-       * @protected
-       * @type {yfiles.layout.LayoutGraph}
-       */
-      graph:yfiles.layout.LayoutGraph;
-      /**
-       * Gets or sets whether or not group nodes are handled by the layout algorithm.
-       * @type {boolean}
-       */
-      groupingSupported:boolean;
-      /**
-       * Sets whether or not the {@link yfiles.layout.ILayoutStage} used for arranging the components of the graph is activated.
-       * @see yfiles.layout.MultiStageLayout#componentLayoutEnabled
-       * @see yfiles.layout.MultiStageLayout#componentLayout
-       * @see yfiles.layout.ComponentLayout
-       * @type {boolean}
-       */
-      componentLayoutEnabled:boolean;
-      /**
-       * Sets whether or not the {@link yfiles.layout.ILayoutStage} used for routing parallel edges is activated.
-       * @see yfiles.layout.MultiStageLayout#parallelEdgeRouterEnabled
-       * @see yfiles.layout.MultiStageLayout#parallelEdgeRouter
-       * @see yfiles.router.ParallelEdgeRouter
-       * @type {boolean}
-       */
-      parallelEdgeRouterEnabled:boolean;
-      /**
-       * Sets whether or not the {@link yfiles.layout.ILayoutStage} used for routing self-loops is activated.
-       * @see yfiles.layout.MultiStageLayout#selfLoopRouterEnabled
-       * @see yfiles.layout.MultiStageLayout#selfLoopRouter
-       * @see yfiles.layout.SelfLoopRouter
-       * @type {boolean}
-       */
-      selfLoopRouterEnabled:boolean;
-      /**
-       * Gets a {@link yfiles.algorithms.IDataAcceptor} that can overwrite the source {@link yfiles.layout.PortConstraint port contraint} temporarily used during the layout.
-       * <p>
-       * This method sets temporary source {@link yfiles.layout.PortConstraint}s, e.g., after edge reversal. It may be overridden to
-       * handle those {@link yfiles.layout.PortConstraint}s separately.
-       * </p>
-       * @see yfiles.layout.PortConstraintKeys#SOURCE_PORT_CONSTRAINT_DP_KEY
-       * @type {yfiles.algorithms.IDataAcceptor}
-       */
-      sourcePortConstraintDataAcceptor:yfiles.algorithms.IDataAcceptor;
-      /**
-       * Gets a {@link yfiles.algorithms.IDataAcceptor} that can overwrite the target {@link yfiles.layout.PortConstraint port contraint} temporarily used during the layout.
-       * <p>
-       * This method sets temporary target {@link yfiles.layout.PortConstraint}s, e.g., after edge reversal. It may be overridden to
-       * handle those {@link yfiles.layout.PortConstraint}s separately.
-       * </p>
-       * @see yfiles.layout.PortConstraintKeys#TARGET_PORT_CONSTRAINT_DP_KEY
-       * @protected
-       * @type {yfiles.algorithms.IDataAcceptor}
-       */
-      targetPortConstraintDataAcceptor:yfiles.algorithms.IDataAcceptor;
-      /**
-       * Gets a {@link yfiles.algorithms.IDataAcceptor} that can be used for temporarily overwriting the source group information used
-       * during the layout.
-       * <p>
-       * This method may be overridden to handle those edge groups separately.
-       * </p>
-       * @see yfiles.layout.PortConstraintKeys#SOURCE_GROUP_ID_DP_KEY
-       * @protected
-       * @type {yfiles.algorithms.IDataAcceptor}
-       */
-      sourceGroupDataAcceptor:yfiles.algorithms.IDataAcceptor;
-      /**
-       * Gets a {@link yfiles.algorithms.IDataAcceptor} that can be used for temporarily overwriting the target group information used
-       * during the layout.
-       * <p>
-       * This method may be overridden to handle those edge groups separately.
-       * </p>
-       * @see yfiles.layout.PortConstraintKeys#TARGET_GROUP_ID_DP_KEY
-       * @protected
-       * @type {yfiles.algorithms.IDataAcceptor}
-       */
-      targetGroupDataAcceptor:yfiles.algorithms.IDataAcceptor;
-      /**
-       * Gets or sets the default {@link yfiles.tree.INodePlacer} instance that arranges all subtrees that do not have a specific {@link yfiles.tree.INodePlacer}
-       * assigned using a {@link yfiles.algorithms.IDataProvider}.
-       * @throws {Stubs.Exceptions.ArgumentError} if the default {@link yfiles.tree.INodePlacer} is set to <code>null</code>
-       * @see yfiles.tree.TreeLayout#NODE_PLACER_DP_KEY
-       * @type {yfiles.tree.INodePlacer}
-       */
-      defaultNodePlacer:yfiles.tree.INodePlacer;
-      /**
-       * Gets or sets the default {@link yfiles.tree.INodePlacer} instance that places the leaf nodes of the tree.
-       * @throws {Stubs.Exceptions.ArgumentError} if the default {@link yfiles.tree.INodePlacer} is set to <code>null</code>
-       * @see yfiles.tree.TreeLayout#defaultNodePlacer
-       * @type {yfiles.tree.INodePlacer}
-       */
-      defaultLeafPlacer:yfiles.tree.INodePlacer;
-      /**
-       * Gets or sets the default {@link yfiles.tree.IPortAssignment} instance for all subtrees that do not have a specific {@link yfiles.tree.IPortAssignment}
-       * assigned using a {@link yfiles.algorithms.IDataProvider}.
-       * @throws {Stubs.Exceptions.ArgumentError} if the default {@link yfiles.tree.IPortAssignment} is set to <code>null</code>
-       * @see yfiles.tree.TreeLayout#PORT_ASSIGNMENT_DP_KEY
-       * @type {yfiles.tree.IPortAssignment}
-       */
-      defaultPortAssignment:yfiles.tree.IPortAssignment;
-      /**
-       * Gets or sets the default {@link yfiles.collections.IComparer.<T>} instance that sorts the outgoing edges in all subtrees that do not have a specific {@link yfiles.collections.IComparer.<T>} assigned
-       * using a {@link yfiles.algorithms.IDataProvider}.
-       * @see yfiles.tree.TreeLayout#OUT_EDGE_COMPARER_DP_KEY
-       * @type {yfiles.collections.IComparer.<Object>}
-       */
-      defaultOutEdgeComparer:yfiles.collections.IComparer<Object>;
-      /**
-       * Gets or sets whether or not the layout algorithm reserves space for node labels.
-       * <p>
-       * If this feature is enabled, the {@link yfiles.tree.SubtreeShape} of the nodes will also hold the shapes of its labels.
-       * </p>
-       * @type {boolean}
-       */
-      considerNodeLabels:boolean;
-      /**
-       * Gets or sets whether or not edge labels are placed by the layout algorithm.
-       * <p>
-       * If this is enabled, the {@link yfiles.tree.SubtreeShape}s of the subtrees are extended by the edge labels.
-       * </p>
-       * <p>
-       * The layout algorithm uses the information of {@link yfiles.layout.PreferredPlacementDescriptor} for an edge label to determine
-       * the corresponding placement. However, edge labels are always placed at the target side of the edge. The placement along
-       * the edge only affects the order of the edge labels at the same edge.
-       * </p>
-       * @type {boolean}
-       */
-      integratedEdgeLabeling:boolean;
-      /**
-       * Gets or sets whether or not multi-parent structures are allowed for this tree layout.
-       * <p>
-       * If multi-parent structures are allowed, the directed input graph may contain structures of multiple nodes that share the
-       * same predecessors as well as the same successors. All nodes belonging to such a structure are placed side by side and
-       * the incident edges are routed in a bus-style manner.
-       * </p>
-       * @type {boolean}
-       */
-      multiParentAllowed:boolean;
-      static $class:yfiles.lang.Class;
-    }
-    /**
-     * The {@link yfiles.tree.TreeReductionStage} temporarily reduces general graphs to trees.
-     * <p>
-     * <b>Layout Style</b>
-     * </p>
-     * <p>
-     * This stage prepares a non-tree graph such that it can be processed by a tree layout algorithm.
-     * </p>
-     * <p>
-     * {@graph {"ann":{"s":[30,30],"d":1},"n":[[150,0],[260,70],[210,70],[260,140],[310,210],[335,280],[75,70],[285,280],[25,70],[25,140],[75,140],[150,70],[25,210],[185,280],[175,140],[50,280],[0,280],[210,210],[235,280],[125,140]],"e":[[0,1,[165,50,275,50]],[0,2,[165,50,225,50]],[1,3],[3,4,[275,190,325,190]],[4,5,[325,260,350,260]],[0,6,[165,50,90,50]],[4,7,[325,260,300,260]],[0,8,[165,50,40,50]],[8,9],[6,10],[0,11],[9,12],[11,14,[165,120,190,120]],[12,15,[40,260,65,260]],[12,16,[40,260,15,260]],[3,17,[275,190,225,190]],[17,13,[225,260,200,260]],[17,18,[225,260,250,260]],[11,19,[165,120,140,120]],[2,11,1],[12,13,1],[17,14,1]],"vp":[0.0,0.0,365.0,310.0]}}
-     * </p>
-     * <p>
-     * The non-tree edges are marked
-     * </p>
-     * <p>
-     * <b>Concept</b> This {@link yfiles.layout.ILayoutStage} works in three steps:
-     * </p>
-     * <ol>
-     * <li>Remove some edges to get a tree or forest from the graph</li>
-     * <li>Invoke the {@link yfiles.layout.LayoutStageBase#coreLayout core layout algorithm} which supports tree graph handling</li>
-     * <li>Reinsert all previously removed edges</li>
-     * <li>
-     * Optionally route these edges using the non-tree edge router and place their labels using the non-tree edge labeling
-     * algorithm.
-     * </li>
-     * </ol>
-     * <p>
-     * <b>Features</b>
-     * </p>
-     * <p>
-     * The routing of the temporarily hidden non-tree edges can be customized by specifying an {@link yfiles.tree.TreeReductionStage#nonTreeEdgeRouter edge routing algorithm} for those
-     * edges. Similarly, the placement of edge labels of non-tree edges can be delegated to a custom
-     * {@link yfiles.tree.TreeReductionStage#nonTreeEdgeLabelingAlgorithm edge labeling algorithm}. As default, both custom algorithms are not specified and, thus, non-tree edges are not routed
-     * and edge labels not placed.
-     * </p>
-     * <p>
-     * This stage is also able to handle multi-parent structures, i.e., structures of multiple nodes that share the same
-     * predecessors as well as the same successors. More precisely, if the specified {@link yfiles.layout.LayoutStageBase#coreLayout core layout algorithm} supports
-     * multi-parent structures (see {@link yfiles.tree.TreeLayout#multiParentAllowed}) and option {@link yfiles.tree.TreeReductionStage#multiParentAllowed} is enabled, this stage does not hide such structures, i.e., the multi-parent
-     * structures are passed to the {@link yfiles.layout.LayoutStageBase#coreLayout core layout algorithm}.
-     * </p>
-     * <p>
-     * Non-tree edges can also be bundled together such that their common parts are to some degree merged into a bundled part.
-     * The edge bundling can be specified by means of method {@link yfiles.tree.TreeReductionStage#edgeBundling}.
-     * </p>
-     * @class yfiles.tree.TreeReductionStage
-     * @extends {yfiles.layout.LayoutStageBase}
-     */
-    export interface TreeReductionStage extends yfiles.layout.LayoutStageBase{}
-    export class TreeReductionStage {
-      /**
-       * Creates a new {@link yfiles.tree.TreeReductionStage} instance with the given core layout algorithm and default settings.
-       * @param {yfiles.layout.ILayoutAlgorithm} core the core layout algorithm
-       * @constructor
-       */
-      constructor(core:yfiles.layout.ILayoutAlgorithm);
-      /**
-       * Creates a new {@link yfiles.tree.TreeReductionStage} instance with default settings.
-       * @constructor
-       */
-      constructor();
-      /**
-       * Creates a routing algorithm that routes edges as a single straight segment.
-       * <p>
-       * The created instance can be used for {@link yfiles.tree.TreeReductionStage#nonTreeEdgeRouter routing non-tree edges}.
-       * </p>
-       * @returns {yfiles.layout.ILayoutAlgorithm} an edge routing algorithm that produces straight-line edges
-       * @see yfiles.tree.TreeReductionStage#nonTreeEdgeRouter
-       */
-      createStraightLineRouter():yfiles.layout.ILayoutAlgorithm;
-      /**
-       * Routes all edges that do not belong to the chosen spanning tree.
-       * <p>
-       * This method is called by {@link yfiles.tree.TreeReductionStage#applyLayout} after the tree was arranged by the
-       * {@link yfiles.layout.LayoutStageBase#coreLayout core layout algorithm}. It may be overridden to apply custom edge routes.
-       * </p>
-       * @param {yfiles.layout.LayoutGraph} graph the graph containing tree and non-tree edges
-       * @param {yfiles.algorithms.IEdgeMap} nonTreeEdgeMap the {@link yfiles.algorithms.IEdgeMap} that marks all non-tree edges in the graph
-       * @protected
-       */
-      routeNonTreeEdges(graph:yfiles.layout.LayoutGraph,nonTreeEdgeMap:yfiles.algorithms.IEdgeMap):void;
-      /**
-       * Data provider key for explicitly marking (some) edges that should not be considered for the tree
-       * @see yfiles.tree.TreeReductionStage#nonTreeEdgeRouter
-       * @const
-       * @static
-       * @type {yfiles.algorithms.EdgeDpKey.<boolean>}
-       */
-      static NON_TREE_EDGES_DP_KEY:yfiles.algorithms.EdgeDpKey<boolean>;
-      /**
-       * Gets or sets whether or not multi-parent structures (structures of multiple nodes that share the same predecessors as
-       * well as the same successors) are allowed.
-       * <p>
-       * More precisely, if this option is enabled and the specified {@link yfiles.layout.LayoutStageBase#coreLayout core layout algorithm} can handle multi-parent structures
-       * (see {@link yfiles.tree.TreeLayout#multiParentAllowed}), this stage does not hide such structures, but the multi-parent structures are passed on to the {@link yfiles.layout.LayoutStageBase#coreLayout} core layout
-       * algorithm}.
-       * </p>
-       * @type {boolean}
-       */
-      multiParentAllowed:boolean;
-      /**
-       * Gets or sets the edge routing algorithm that is applied to all non-tree edges.
-       * @see yfiles.tree.TreeReductionStage#nonTreeEdgeSelectionKey
-       * @type {yfiles.layout.ILayoutAlgorithm}
-       */
-      nonTreeEdgeRouter:yfiles.layout.ILayoutAlgorithm;
-      /**
-       * Gets or sets the key to register a {@link yfiles.algorithms.IDataProvider} that will be used by the {@link yfiles.tree.TreeReductionStage#nonTreeEdgeRouter non-tree edge routing algorithm}
-       * to determine the edges that need to be routed.
-       * @see yfiles.tree.TreeReductionStage#nonTreeEdgeRouter
-       * @type {Object}
-       */
-      nonTreeEdgeSelectionKey:Object;
-      /**
-       * Gets or sets the labeling algorithm that is applied to all edge labels that belong to non-tree edges.
-       * <p>
-       * It is required that a suitable {@link yfiles.tree.TreeReductionStage#nonTreeEdgeLabelSelectionKey edge label selection key} is set. Otherwise, the edge labeling algorithm might also place
-       * labels of tree edges.
-       * </p>
-       * @see yfiles.tree.TreeReductionStage#nonTreeEdgeLabelSelectionKey
-       * @type {yfiles.layout.ILayoutAlgorithm}
-       */
-      nonTreeEdgeLabelingAlgorithm:yfiles.layout.ILayoutAlgorithm;
-      /**
-       * Gets or sets the key to register a {@link yfiles.algorithms.IDataProvider} that is used by the {@link yfiles.tree.TreeReductionStage#nonTreeEdgeLabelingAlgorithm non-tree edge labeling algorithm}
-       * to determine which edge labels it should place.
-       * @see yfiles.tree.TreeReductionStage#nonTreeEdgeLabelingAlgorithm
-       * @type {Object}
-       */
-      nonTreeEdgeLabelSelectionKey:Object;
-      /**
-       * Gets the {@link yfiles.layout.EdgeBundling} instance that defines the settings of the edge bundling feature.
-       * <p>
-       * The specified {@link yfiles.layout.EdgeBundling} defines global bundling properties. Settings for individual edges can be
-       * defined by assigning an {@link yfiles.layout.EdgeBundleDescriptor} to an edge using a {@link yfiles.algorithms.IDataProvider} registered
-       * with key {@link yfiles.layout.EdgeBundling#EDGE_BUNDLE_DESCRIPTOR_DP_KEY}. To enable bundling for all non-tree edges, set a {@link yfiles.layout.EdgeBundling#defaultBundleDescriptor default bundle descriptor}
-       * which has {@link yfiles.layout.EdgeBundleDescriptor#bundled bundling} enabled.
-       * </p>
-       * <p>
-       * If the graph contains self-loops that belong to the set of non-tree edges, the stage will invoke the router defined for
-       * the non-tree edges in order to route them. In the case where this is not desired, the user has to hide them from the
-       * stage and route them afterwards as desired.
-       * </p>
-       * @type {yfiles.layout.EdgeBundling}
-       */
-      edgeBundling:yfiles.layout.EdgeBundling;
-      static $class:yfiles.lang.Class;
-    }
-    /**
-     * Specifies custom data for the {@link yfiles.tree.AspectRatioTreeLayout}.
-     * @class yfiles.tree.AspectRatioTreeLayoutData
-     * @extends {yfiles.layout.LayoutData}
-     */
-    export interface AspectRatioTreeLayoutData extends yfiles.layout.LayoutData{}
-    export class AspectRatioTreeLayoutData {
-      constructor();
-      /**
-       * Gets or sets the mapping from nodes to the aspect ratio of their sub tree.
-       * @see yfiles.tree.AspectRatioTreeLayout#SUBTREE_ASPECT_RATIO_DP_KEY
-       * @type {yfiles.layout.ItemMapping.<yfiles.graph.INode,number>}
-       */
-      subtreeAspectRatios:yfiles.layout.ItemMapping<yfiles.graph.INode,number>;
-      /**
-       * Gets or sets the mapping from nodes with sub trees to their placements.
-       * @see yfiles.tree.AspectRatioTreeLayout#ROOT_PLACEMENT_DP_KEY
-       * @see yfiles.tree.AspectRatioTreeLayout#getRootPlacement
-       * @type {yfiles.layout.ItemMapping.<yfiles.graph.INode,yfiles.tree.RootPlacement>}
-       */
-      rootPlacements:yfiles.layout.ItemMapping<yfiles.graph.INode,yfiles.tree.RootPlacement>;
-      /**
-       * Gets or sets the mapping from nodes to the routing policies of their sub trees.
-       * @see yfiles.tree.AspectRatioTreeLayout#SUBTREE_ROUTING_POLICY_DP_KEY
-       * @see yfiles.tree.AspectRatioTreeLayout#getSubtreeArrangement
-       * @type {yfiles.layout.ItemMapping.<yfiles.graph.INode,yfiles.tree.SubtreeArrangement>}
-       */
-      subtreeRoutingPolicies:yfiles.layout.ItemMapping<yfiles.graph.INode,yfiles.tree.SubtreeArrangement>;
-      static $class:yfiles.lang.Class;
-    }
-    /**
-     * Specifies custom data for the {@link yfiles.tree.BalloonLayout}.
-     * @class yfiles.tree.BalloonLayoutData
-     * @extends {yfiles.layout.LayoutData}
-     */
-    export interface BalloonLayoutData extends yfiles.layout.LayoutData{}
-    export class BalloonLayoutData {
-      constructor();
-      /**
-       * Gets or sets the collection of nodes that should be arranged in an interleaved fashion.
-       * @see yfiles.tree.BalloonLayout#INTERLEAVED_NODES_DP_KEY
-       * @type {yfiles.layout.ItemCollection.<yfiles.graph.INode>}
-       */
-      interleavedNodes:yfiles.layout.ItemCollection<yfiles.graph.INode>;
-      /**
-       * Gets or sets the mapping from nodes to their {@link yfiles.layout.NodeHalo}.
-       * @see yfiles.layout.NodeHalo#NODE_HALO_DP_KEY
-       * @type {yfiles.layout.ItemMapping.<yfiles.graph.INode,yfiles.layout.NodeHalo>}
-       */
-      nodeHalos:yfiles.layout.ItemMapping<yfiles.graph.INode,yfiles.layout.NodeHalo>;
-      /**
-       * Gets or sets the AbortHandler used during the layout.
-       * @see yfiles.algorithms.AbortHandler#ABORT_HANDLER_DP_KEY
-       * @type {yfiles.algorithms.AbortHandler}
-       */
-      abortHandler:yfiles.algorithms.AbortHandler;
-      /**
-       * Gets or sets the mapping for marking the node that will be used as root node of the tree.
-       * <p>
-       * The custom root node selection induced by this property is only considered if the {@link yfiles.tree.BalloonLayout#rootNodePolicy root node policy} is set to
-       * {@link yfiles.tree.RootNodePolicy#SELECTED_ROOT}.
-       * </p>
-       * @see yfiles.tree.BalloonLayout#SELECTED_ROOT_DP_KEY
-       * @type {yfiles.layout.ItemMapping.<yfiles.graph.INode,boolean>}
-       */
-      treeRoot:yfiles.layout.ItemMapping<yfiles.graph.INode,boolean>;
-      static $class:yfiles.lang.Class;
-    }
-    /**
-     * Specifies custom data for the {@link yfiles.tree.TreeLayout}.
-     * @class yfiles.tree.TreeLayoutData
-     * @extends {yfiles.layout.LayoutData}
-     */
-    export interface TreeLayoutData extends yfiles.layout.LayoutData{}
-    export class TreeLayoutData {
-      constructor();
-      /**
-       * Gets or sets the mapping from nodes to their {@link yfiles.tree.INodePlacer}.
-       * @see yfiles.tree.TreeLayout#NODE_PLACER_DP_KEY
-       * @type {yfiles.layout.ItemMapping.<yfiles.graph.INode,yfiles.tree.INodePlacer>}
-       */
-      nodePlacers:yfiles.layout.ItemMapping<yfiles.graph.INode,yfiles.tree.INodePlacer>;
-      /**
-       * Gets or sets the mapping from nodes to their {@link yfiles.tree.IPortAssignment}.
-       * @see yfiles.tree.TreeLayout#PORT_ASSIGNMENT_DP_KEY
-       * @type {yfiles.layout.ItemMapping.<yfiles.graph.INode,yfiles.tree.IPortAssignment>}
-       */
-      portAssignments:yfiles.layout.ItemMapping<yfiles.graph.INode,yfiles.tree.IPortAssignment>;
-      /**
-       * Gets or sets the mapping from nodes to comparison functions used to sort the nodes' outgoing edges.
-       * @see yfiles.tree.TreeLayout#OUT_EDGE_COMPARER_DP_KEY
-       * @type {yfiles.layout.ItemMapping.<yfiles.graph.INode,Function>}
-       */
-      outEdgeComparers:yfiles.layout.ItemMapping<yfiles.graph.INode,Function>;
-      /**
-       * Gets or sets the mapping from nodes to their {@link yfiles.layout.NodeHalo}.
-       * @see yfiles.layout.NodeHalo#NODE_HALO_DP_KEY
-       * @type {yfiles.layout.ItemMapping.<yfiles.graph.INode,yfiles.layout.NodeHalo>}
-       */
-      nodeHalos:yfiles.layout.ItemMapping<yfiles.graph.INode,yfiles.layout.NodeHalo>;
-      /**
-       * Gets or sets a mapping from edges to their source {@link yfiles.layout.PortConstraint}.
-       * @see yfiles.layout.PortConstraintKeys#SOURCE_PORT_CONSTRAINT_DP_KEY
-       * @type {yfiles.layout.ItemMapping.<yfiles.graph.IEdge,yfiles.layout.PortConstraint>}
-       */
-      sourcePortConstraints:yfiles.layout.ItemMapping<yfiles.graph.IEdge,yfiles.layout.PortConstraint>;
-      /**
-       * Gets or sets a mapping from edges to their target {@link yfiles.layout.PortConstraint}.
-       * @see yfiles.layout.PortConstraintKeys#TARGET_PORT_CONSTRAINT_DP_KEY
-       * @type {yfiles.layout.ItemMapping.<yfiles.graph.IEdge,yfiles.layout.PortConstraint>}
-       */
-      targetPortConstraints:yfiles.layout.ItemMapping<yfiles.graph.IEdge,yfiles.layout.PortConstraint>;
-      /**
-       * Gets or sets the collection of nodes the {@link yfiles.tree.AssistantNodePlacer} considers as assistants.
-       * <p>
-       * This collection is only considered if {@link yfiles.tree.TreeLayoutData#nodePlacers} returns any {@link yfiles.tree.AssistantNodePlacer} .
-       * </p>
-       * @see yfiles.tree.AssistantNodePlacer#ASSISTANT_NODE_DP_KEY
-       * @type {yfiles.layout.ItemCollection.<yfiles.graph.INode>}
-       */
-      assistantNodes:yfiles.layout.ItemCollection<yfiles.graph.INode>;
-      /**
-       * Gets or sets the collection of nodes the {@link yfiles.tree.DelegatingNodePlacer} places with its {@link yfiles.tree.DelegatingNodePlacer#primaryPlacer}.
-       * <p>
-       * This collection is only considered if {@link yfiles.tree.TreeLayoutData#nodePlacers} returns any {@link yfiles.tree.DelegatingNodePlacer} .
-       * </p>
-       * @see yfiles.tree.DelegatingNodePlacer#PRIMARY_NODES_DP_KEY
-       * @type {yfiles.layout.ItemCollection.<yfiles.graph.INode>}
-       */
-      delegatingNodePlacersPrimaryNodes:yfiles.layout.ItemCollection<yfiles.graph.INode>;
-      /**
-       * Gets or sets a mapping from nodes to a boolean value that specifies whether a node should be placed left of the bus
-       * (<code>true</code>) or right of the bus (<code>false</code>).
-       * <p>
-       * This mapping is only considered if {@link yfiles.tree.TreeLayoutData#nodePlacers} returns a {@link yfiles.tree.LeftRightNodePlacer} .
-       * </p>
-       * @see yfiles.tree.LeftRightNodePlacer#LEFT_RIGHT_DP_KEY
-       * @type {yfiles.layout.ItemMapping.<yfiles.graph.INode,boolean>}
-       */
-      leftRightPlacersLeftNodes:yfiles.layout.ItemMapping<yfiles.graph.INode,boolean>;
-      /**
-       * Gets or sets the mapping from nodes to the index of the row the {@link yfiles.tree.GridNodePlacer} shall place the node in.
-       * <p>
-       * This collection is only considered if {@link yfiles.tree.TreeLayoutData#nodePlacers} returns any {@link yfiles.tree.GridNodePlacer} .
-       * </p>
-       * @see yfiles.tree.GridNodePlacer#ROW_INDEX_DP_KEY
-       * @type {yfiles.layout.ItemMapping.<yfiles.graph.INode,number>}
-       */
-      gridNodePlacerRowIndices:yfiles.layout.ItemMapping<yfiles.graph.INode,number>;
-      /**
-       * Gets or sets the AbortHandler used during the layout.
-       * @see yfiles.algorithms.AbortHandler#ABORT_HANDLER_DP_KEY
-       * @type {yfiles.algorithms.AbortHandler}
-       */
-      abortHandler:yfiles.algorithms.AbortHandler;
-      /**
-       * Gets or sets the mapping for marking the node that will be used as root node of the tree.
-       * @see yfiles.tree.TreeLayout#SELECTED_ROOT_DP_KEY
-       * @type {yfiles.layout.ItemMapping.<yfiles.graph.INode,boolean>}
-       */
-      treeRoot:yfiles.layout.ItemMapping<yfiles.graph.INode,boolean>;
-      static $class:yfiles.lang.Class;
-    }
-    /**
-     * Specifies custom data for the {@link yfiles.tree.TreeReductionStage}.
-     * @class yfiles.tree.TreeReductionStageData
-     * @extends {yfiles.layout.LayoutData}
-     */
-    export interface TreeReductionStageData extends yfiles.layout.LayoutData{}
-    export class TreeReductionStageData {
-      constructor();
-      /**
-       * Gets or sets the collection of edges explicitly marked as not belonging to a tree.
-       * @see yfiles.tree.TreeReductionStage#NON_TREE_EDGES_DP_KEY
-       * @type {yfiles.layout.ItemCollection.<yfiles.graph.IEdge>}
-       */
-      nonTreeEdges:yfiles.layout.ItemCollection<yfiles.graph.IEdge>;
-      /**
-       * Gets or sets the mapping of edges to their {@link yfiles.layout.EdgeBundleDescriptor}.
-       * <p>
-       * Bundling together multiple edges means that their common parts are to some degree merged into a bundled part. At the
-       * source and target point, the edges are again clearly split.
-       * </p>
-       * <p>
-       * If an edge is mapped to <code>null</code>, the {@link yfiles.layout.EdgeBundling#defaultBundleDescriptor default descriptor} is used.
-       * </p>
-       * @see yfiles.layout.EdgeBundleDescriptor
-       * @see yfiles.tree.TreeReductionStage#edgeBundling
-       * @type {yfiles.layout.ItemMapping.<yfiles.graph.IEdge,yfiles.layout.EdgeBundleDescriptor>}
-       */
-      edgeBundleDescriptors:yfiles.layout.ItemMapping<yfiles.graph.IEdge,yfiles.layout.EdgeBundleDescriptor>;
-      static $class:yfiles.lang.Class;
-    }
   }export namespace hierarchic{
     /**
      * This interface describes a layering constraint.
@@ -100005,11 +93804,11 @@ declare namespace system{
        * The minimum distance includes potentially empty layers that are removed by the {@link yfiles.hierarchic.ILayerer} instance. In
        * that case, the actual layer difference may be smaller than the minimum distance.
        * </p>
-       * @param {Object} referenceId the ID of the reference node
-       * @param {Object} aboveId the ID of the node that should lie above
-       * @param {number} minDistance the minimum layer distance between the node and its reference node
-       * @param {number} [weight=0] the weight penalty for larger layer differences
-       * @returns {yfiles.hierarchic.ILayerConstraint} a {@link yfiles.hierarchic.ILayerConstraint} object that represents the constraint
+       * @param referenceId the ID of the reference node
+       * @param aboveId the ID of the node that should lie above
+       * @param minDistance the minimum layer distance between the node and its reference node
+       * @param [weight=0] the weight penalty for larger layer differences
+       * @returns a {@link } object that represents the constraint
        * @see yfiles.hierarchic.ILayerConstraint
        * @abstract
        */
@@ -100017,25 +93816,25 @@ declare namespace system{
       /**
        * Adds a constraint that forces the {@link yfiles.algorithms.Node} with ID <code>aboveId</code> to lie above the {@link yfiles.algorithms.Node} with ID
        * <code>referenceId</code>.
-       * @param {Object} referenceId the ID of the reference node
-       * @param {Object} aboveId the ID of the node that should lie above
-       * @returns {yfiles.hierarchic.ILayerConstraint} a {@link yfiles.hierarchic.ILayerConstraint} object that represents the constraint
+       * @param referenceId the ID of the reference node
+       * @param aboveId the ID of the node that should lie above
+       * @returns a {@link } object that represents the constraint
        * @see yfiles.hierarchic.ILayerConstraint
        * @abstract
        */
       addPlaceNodeAboveConstraint(referenceId:Object,aboveId:Object):yfiles.hierarchic.ILayerConstraint;
       /**
        * Adds a constraint that places a {@link yfiles.algorithms.Node} on the bottom layer.
-       * @param {Object} nodeId the ID of the node that should lie on the bottom layer
-       * @returns {yfiles.hierarchic.ILayerConstraint} a {@link yfiles.hierarchic.ILayerConstraint} object that represents the constraint
+       * @param nodeId the ID of the node that should lie on the bottom layer
+       * @returns a {@link } object that represents the constraint
        * @see yfiles.hierarchic.ILayerConstraint
        * @abstract
        */
       addPlaceNodeAtBottomConstraint(nodeId:Object):yfiles.hierarchic.ILayerConstraint;
       /**
        * Adds a constraint that places a {@link yfiles.algorithms.Node} on the topmost layer.
-       * @param {Object} nodeId the ID of the node that should lie on the top layer
-       * @returns {yfiles.hierarchic.ILayerConstraint} a {@link yfiles.hierarchic.ILayerConstraint} object that represents the constraint
+       * @param nodeId the ID of the node that should lie on the top layer
+       * @returns a {@link } object that represents the constraint
        * @see yfiles.hierarchic.ILayerConstraint
        * @abstract
        */
@@ -100047,11 +93846,11 @@ declare namespace system{
        * The minimum distance includes potentially empty layers that are removed by the {@link yfiles.hierarchic.ILayerer} instance. In
        * that case, the actual layer difference may be smaller than the minimum distance.
        * </p>
-       * @param {Object} referenceId the ID of the reference node
-       * @param {Object} belowId the ID of the node that should lie below
-       * @param {number} minDistance the minimum layer distance between the node and its reference node
-       * @param {number} [weight=0] the weight penalty for larger layer differences
-       * @returns {yfiles.hierarchic.ILayerConstraint} a {@link yfiles.hierarchic.ILayerConstraint} object that represents the constraint
+       * @param referenceId the ID of the reference node
+       * @param belowId the ID of the node that should lie below
+       * @param minDistance the minimum layer distance between the node and its reference node
+       * @param [weight=0] the weight penalty for larger layer differences
+       * @returns a {@link } object that represents the constraint
        * @see yfiles.hierarchic.ILayerConstraint
        * @abstract
        */
@@ -100059,9 +93858,9 @@ declare namespace system{
       /**
        * Adds a constraint that forces a {@link yfiles.algorithms.Node} with ID <code>belowId</code> to lie below the {@link yfiles.algorithms.Node} with ID
        * <code>referenceId</code>.
-       * @param {Object} referenceId the ID of the reference node
-       * @param {Object} belowId the ID of the node that should lie below
-       * @returns {yfiles.hierarchic.ILayerConstraint} a {@link yfiles.hierarchic.ILayerConstraint} object that represents the constraint
+       * @param referenceId the ID of the reference node
+       * @param belowId the ID of the node that should lie below
+       * @returns a {@link } object that represents the constraint
        * @see yfiles.hierarchic.ILayerConstraint
        * @abstract
        */
@@ -100069,9 +93868,9 @@ declare namespace system{
       /**
        * Adds a constraint that forces the {@link yfiles.algorithms.Node} with ID <code>sameLayerId</code> to lie in the same layer as the {@link yfiles.algorithms.Node}
        * with ID <code>referenceId</code>.
-       * @param {Object} referenceId the ID of the reference node
-       * @param {Object} sameLayerId the ID of the node that should lie in the same layer
-       * @returns {yfiles.hierarchic.ILayerConstraint} a {@link yfiles.hierarchic.ILayerConstraint} object that represents the constraint
+       * @param referenceId the ID of the reference node
+       * @param sameLayerId the ID of the node that should lie in the same layer
+       * @returns a {@link } object that represents the constraint
        * @see yfiles.hierarchic.ILayerConstraint
        * @abstract
        */
@@ -100087,7 +93886,7 @@ declare namespace system{
       dispose():void;
       /**
        * Clears all constraints for a given {@link yfiles.algorithms.Node}.
-       * @param {Object} nodeId the ID of the node for which all constraints should be cleared
+       * @param nodeId the ID of the node for which all constraints should be cleared
        * @see yfiles.hierarchic.ILayerConstraint
        * @abstract
        */
@@ -100125,28 +93924,28 @@ declare namespace system{
       /**
        * Adds a constraint that forces the {@link yfiles.algorithms.Node} or {@link yfiles.algorithms.Edge} with id <code>after</code> to lie after the {@link yfiles.algorithms.Node}
        * or {@link yfiles.algorithms.Edge} with id <code>reference</code>.
-       * @param {Object} referenceId the ID of the reference node or edge
-       * @param {Object} afterId the ID of the node or edge that should be placed after the reference element
+       * @param referenceId the ID of the reference node or edge
+       * @param afterId the ID of the node or edge that should be placed after the reference element
        * @abstract
        */
       addPlaceAfterConstraint(referenceId:Object,afterId:Object):void;
       /**
        * Adds a constraint that places a {@link yfiles.algorithms.Node} or {@link yfiles.algorithms.Edge} at the start of the sequence.
-       * @param {Object} id the ID of the node or edge that should be placed at the start
+       * @param id the ID of the node or edge that should be placed at the start
        * @abstract
        */
       addPlaceAtHeadConstraint(id:Object):void;
       /**
        * Adds a constraint that places a {@link yfiles.algorithms.Node} or {@link yfiles.algorithms.Edge} at the end of the sequence.
-       * @param {Object} id the ID of the node or edge that should be placed at the end
+       * @param id the ID of the node or edge that should be placed at the end
        * @abstract
        */
       addPlaceAtTailConstraint(id:Object):void;
       /**
        * Adds a constraint that forces the {@link yfiles.algorithms.Node} or {@link yfiles.algorithms.Edge} with id <code>before</code> to lie before the {@link yfiles.algorithms.Node}
        * or {@link yfiles.algorithms.Edge} with id <code>reference</code>.
-       * @param {Object} referenceId the ID of the reference node or edge
-       * @param {Object} beforeId the ID of the node or edge that should be placed before the reference element
+       * @param referenceId the ID of the reference node or edge
+       * @param beforeId the ID of the node or edge that should be placed before the reference element
        * @abstract
        */
       addPlaceBeforeConstraint(referenceId:Object,beforeId:Object):void;
@@ -100200,14 +93999,13 @@ declare namespace system{
      * <p>
      * Hierarchic layout when the initial drawing is not used as sketch
      * </p>
-     * @class yfiles.hierarchic.AsIsLayerer
+     * @class
      * @implements {yfiles.hierarchic.ILayerer}
      */
     export interface AsIsLayerer extends Object,yfiles.hierarchic.ILayerer{}
     export class AsIsLayerer {
       /**
        * Creates an instance of {@link yfiles.hierarchic.AsIsLayerer} with default settings.
-       * @constructor
        */
       constructor();
       /**
@@ -100217,24 +94015,24 @@ declare namespace system{
        * Nodes whose bounding boxes overlap in the main layout direction are assigned to the same layer. To influence to which
        * amount the boxes need to overlap, the nodes can temporarily be {@link yfiles.hierarchic.AsIsLayerer#nodeScalingFactor scaled}.
        * </p>
-       * @param {yfiles.layout.LayoutGraph} graph the input graph
-       * @param {yfiles.hierarchic.ILayers} layers the {@link yfiles.hierarchic.ILayers} instance that will be filled with the results of the calculation
-       * @param {yfiles.hierarchic.ILayoutDataProvider} ldp the {@link yfiles.hierarchic.ILayoutDataProvider} used for querying information about the nodes and edges
+       * @param graph the input graph
+       * @param layers the {@link } instance that will be filled with the results of the calculation
+       * @param ldp the {@link } used for querying information about the nodes and edges
        */
       assignLayers(graph:yfiles.layout.LayoutGraph,layers:yfiles.hierarchic.ILayers,ldp:yfiles.hierarchic.ILayoutDataProvider):void;
       /**
        * Callback used for calculating the lower (max) value of a given node.
-       * @param {yfiles.layout.LayoutGraph} graph the graph
-       * @param {yfiles.algorithms.Node} node the node
-       * @returns {number} the lower (max) of a given node
+       * @param graph the graph
+       * @param node the node
+       * @returns the lower (max) of a given node
        * @protected
        */
       getMax(graph:yfiles.layout.LayoutGraph,node:yfiles.algorithms.Node):number;
       /**
        * Callback used for calculating the upper (min) value of a given node.
-       * @param {yfiles.layout.LayoutGraph} graph the graph
-       * @param {yfiles.algorithms.Node} node the node
-       * @returns {number} the upper (min) value of a given node
+       * @param graph the graph
+       * @param node the node
+       * @returns the upper (min) value of a given node
        * @protected
        */
       getMin(graph:yfiles.layout.LayoutGraph,node:yfiles.algorithms.Node):number;
@@ -100312,14 +94110,13 @@ declare namespace system{
      * <p>
      * {@graph {"ann":{"s":[30,30],"d":1},"n":[[111.8,0,[[121.47,24.35,10.67,18.7,"1"]]],[0,36.33,[[9.66,60.68,10.67,18.7,"2"]]],[180.9,95.11,[[190.56,119.46,10.67,18.7,"3"]]],[0,153.88,[[9.66,178.23,10.67,18.7,"4"]]],[111.8,190.21,[[121.47,214.56,10.67,18.7,"5"]]]],"e":[[0,1],[0,3],[1,3],[0,2],[2,4],[4,3]],"vp":[0.0,0.0,211.0,221.0]}} Initial graph that will be used as sketch {@graph {"ann":{"s":[30,30],"d":1},"n":[[50,0,[[59.66,24.35,10.67,18.7,"1"]]],[20,60,[[29.66,84.35,10.67,18.7,"2"]]],[80,100,[[89.66,124.35,10.67,18.7,"3"]]],[42.5,145,[[52.16,169.35,10.67,18.7,"4"]]],[72.5,205,[[82.16,229.35,10.67,18.7,"5"]]]],"e":[[0,1,-10,15,0,-15,[55,45,35,45]],[0,3,0,15,7.5,-15],[1,3,0,15,-7.5,-15,[35,130,50,130]],[0,2,10,15,0,-15,[75,45,95,45]],[2,4,0,15,7.5,-15],[4,3,-7.5,-15,0,15,[80,190,57.5,190]]],"vp":[20.0,0.0,90.0,235.0]}} Hierarchic layout when the initial graph is used as sketch
      * </p>
-     * @class yfiles.hierarchic.AsIsSequencer
+     * @class
      * @implements {yfiles.hierarchic.ISequencer}
      */
     export interface AsIsSequencer extends Object,yfiles.hierarchic.ISequencer{}
     export class AsIsSequencer {
       /**
        * Creates a new {@link yfiles.hierarchic.AsIsSequencer} instance.
-       * @constructor
        */
       constructor();
       /**
@@ -100328,10 +94125,10 @@ declare namespace system{
        * This method is called by {@link yfiles.hierarchic.HierarchicLayoutCore} and finally writes back the calculated sequence using
        * method {@link yfiles.hierarchic.ILayer#setNodeOrder}.
        * </p>
-       * @param {yfiles.layout.LayoutGraph} graph the input graph
-       * @param {yfiles.hierarchic.ILayers} layers the given {@link yfiles.hierarchic.ILayers} instance that defines the layering structure
-       * @param {yfiles.hierarchic.ILayoutDataProvider} ldp the {@link yfiles.hierarchic.ILayoutDataProvider} containing information about the nodes and edges of the graph
-       * @param {yfiles.hierarchic.IItemFactory} itemFactory the {@link yfiles.hierarchic.IItemFactory} used for creating and destroying helper structures
+       * @param graph the input graph
+       * @param layers the given {@link } instance that defines the layering structure
+       * @param ldp the {@link } containing information about the nodes and edges of the graph
+       * @param itemFactory the {@link } used for creating and destroying helper structures
        */
       sequenceNodeLayers(graph:yfiles.layout.LayoutGraph,layers:yfiles.hierarchic.ILayers,ldp:yfiles.hierarchic.ILayoutDataProvider,itemFactory:yfiles.hierarchic.IItemFactory):void;
       static $class:yfiles.lang.Class;
@@ -100350,7 +94147,7 @@ declare namespace system{
      * </p>
      * @see yfiles.hierarchic.AspectRatioComponentLayerer#desiredAspectRatio
      * @see yfiles.hierarchic.MultiComponentLayerer
-     * @class yfiles.hierarchic.AspectRatioComponentLayerer
+     * @class
      * @implements {yfiles.hierarchic.ILayerer}
      */
     export interface AspectRatioComponentLayerer extends Object,yfiles.hierarchic.ILayerer{}
@@ -100358,9 +94155,8 @@ declare namespace system{
       /**
        * Creates a new instance of {@link yfiles.hierarchic.AspectRatioComponentLayerer} using the given delegate {@link yfiles.hierarchic.ILayerer}
        * instance.
-       * @param {yfiles.hierarchic.ILayerer} singleComponentLayerer
+       * @param singleComponentLayerer
        * @throws {Stubs.Exceptions.ArgumentError} if the specified {@link yfiles.hierarchic.ILayerer} is <code>null</code>
-       * @constructor
        */
       constructor(singleComponentLayerer:yfiles.hierarchic.ILayerer);
       /**
@@ -100371,9 +94167,9 @@ declare namespace system{
        * separately using the delegate {@link yfiles.hierarchic.ILayerer} instance. After that, they will all be merged such that the
        * desired aspect ratio is best fulfilled.
        * </p>
-       * @param {yfiles.layout.LayoutGraph} graph the input graph
-       * @param {yfiles.hierarchic.ILayers} layers the {@link yfiles.hierarchic.ILayers} instance that will be filled with the results of the calculation
-       * @param {yfiles.hierarchic.ILayoutDataProvider} ldp the {@link yfiles.hierarchic.ILayoutDataProvider} used for query information about the nodes and edges
+       * @param graph the input graph
+       * @param layers the {@link } instance that will be filled with the results of the calculation
+       * @param ldp the {@link } used for query information about the nodes and edges
        */
       assignLayers(graph:yfiles.layout.LayoutGraph,layers:yfiles.hierarchic.ILayers,ldp:yfiles.hierarchic.ILayoutDataProvider):void;
       /**
@@ -100418,25 +94214,24 @@ declare namespace system{
      * <p>
      * {@graph {"ann":{"s":[30,30],"d":1},"n":[[46.17,0,[[55.83,24.35,10.67,18.7,"1"]]],[100,70,[[109.66,94.35,10.67,18.7,"2"]]],[0,70,[[9.66,94.35,10.67,18.7,"3"]]],[211.77,0,[[221.43,24.35,10.67,18.7,"6"]]],[211.77,70,[[221.43,94.35,10.67,18.7,"7"]]],[100,0,[[109.66,24.35,10.67,18.7,"8"]]],[50,70,[[56.33,94.35,17.35,18.7,"12"]]],[3.17,140,[[12.83,164.35,10.67,18.7,"8"]]],[113.17,140,[[122.83,164.35,10.67,18.7,"9"]]]],"e":[[5,1,0,15,7.5,-15,[115,50,122.5,50]],[0,1,10,15,-7.5,-15,[71.17,50,107.5,50]],[0,2,-10,15,0,-15,[51.17,50,15,50]],[4,1,-15,0,15,0],[3,4,0,15,0,-15],[0,6,-0,15,0,-15,[61.17,50,65,50]],[6,7,-7.5,15,7.5,-15,[57.5,120,25.67,120]],[6,8,7.5,15,0,-15,[72.5,120,128.17,120]],[8,7,-15,0,15,0],[2,7,0,15,-7.5,-15,[15,120,10.67,120]]],"vp":[0.0,0.0,242.0,170.0]}}
      * </p>
-     * @class yfiles.hierarchic.BFSLayerer
+     * @class
      * @implements {yfiles.hierarchic.ILayerer}
      */
     export interface BFSLayerer extends Object,yfiles.hierarchic.ILayerer{}
     export class BFSLayerer {
       /**
        * Creates an instance of {@link yfiles.hierarchic.BFSLayerer}.
-       * @constructor
        */
       constructor();
       /**
        * Assigns all nodes of the graph to layers and adds them to the {@link yfiles.hierarchic.ILayers} instance.
-       * @param {yfiles.layout.LayoutGraph} graph the input graph
-       * @param {yfiles.hierarchic.ILayers} layers the {@link yfiles.hierarchic.ILayers} instance that will be filled with the results of the calculation
-       * @param {yfiles.hierarchic.ILayoutDataProvider} ldp the {@link yfiles.hierarchic.ILayoutDataProvider} used for query information about the nodes and edges
+       * @param graph the input graph
+       * @param layers the {@link } instance that will be filled with the results of the calculation
+       * @param ldp the {@link } used for query information about the nodes and edges
        */
       assignLayers(graph:yfiles.layout.LayoutGraph,layers:yfiles.hierarchic.ILayers,ldp:yfiles.hierarchic.ILayoutDataProvider):void;
       /**
-       * Data provider key for identifying the core nodes of the BFS layering.
+       * Data provider key for identifying the core nodes of the BFS layering
        * <p>
        * The {@link yfiles.algorithms.IDataProvider} registered with this key should provide boolean values for the nodes of the graph.
        * The boolean value determines whether or not a node is to be placed in the first layer. If there are no nodes marked as
@@ -100470,23 +94265,22 @@ declare namespace system{
      * </p>
      * @see yfiles.hierarchic.ILayerConstraintFactory
      * @see yfiles.hierarchic.HierarchicLayout
-     * @class yfiles.hierarchic.ConstraintIncrementalLayerer
+     * @class
      * @implements {yfiles.hierarchic.ILayerer}
      */
     export interface ConstraintIncrementalLayerer extends Object,yfiles.hierarchic.ILayerer{}
     export class ConstraintIncrementalLayerer {
       /**
        * Creates a new {@link yfiles.hierarchic.ConstraintIncrementalLayerer} with the given {@link yfiles.hierarchic.ILayerer} instance.
-       * @param {yfiles.hierarchic.ILayerer} coreLayerer the given {@link yfiles.hierarchic.ILayerer} instance
-       * @constructor
+       * @param coreLayerer the given {@link } instance
        */
       constructor(coreLayerer:yfiles.hierarchic.ILayerer);
       /**
        * Assigns all nodes of the graph to layers and adds them to the {@link yfiles.hierarchic.ILayers} instance based on relative and
        * absolute layering constraints defined by the given layering constraints.
-       * @param {yfiles.layout.LayoutGraph} graph the input graph
-       * @param {yfiles.hierarchic.ILayers} layers the {@link yfiles.hierarchic.ILayers} instance that will be filled with the results of the calculation
-       * @param {yfiles.hierarchic.ILayoutDataProvider} ldp the {@link yfiles.hierarchic.ILayoutDataProvider} used for query information about the nodes and edges
+       * @param graph the input graph
+       * @param layers the {@link } instance that will be filled with the results of the calculation
+       * @param ldp the {@link } used for query information about the nodes and edges
        */
       assignLayers(graph:yfiles.layout.LayoutGraph,layers:yfiles.hierarchic.ILayers,ldp:yfiles.hierarchic.ILayoutDataProvider):void;
       /**
@@ -100522,40 +94316,39 @@ declare namespace system{
     /**
      * This class is a default {@link yfiles.hierarchic.IDrawingDistanceCalculator} implementation that is used by {@link yfiles.hierarchic.HierarchicLayoutCore}
      * to configure the {@link yfiles.hierarchic.INodePlacer}.
-     * @class yfiles.hierarchic.DefaultDrawingDistanceCalculator
+     * @class
      * @implements {yfiles.hierarchic.IDrawingDistanceCalculator}
      */
     export interface DefaultDrawingDistanceCalculator extends Object,yfiles.hierarchic.IDrawingDistanceCalculator{}
     export class DefaultDrawingDistanceCalculator {
       /**
        * Creates a new instance of {@link yfiles.hierarchic.DefaultDrawingDistanceCalculator} with default settings.
-       * @constructor
        */
       constructor();
       /**
        * 
-       * @param {yfiles.layout.LayoutGraph} graph
-       * @param {yfiles.hierarchic.ILayers} layers
-       * @param {yfiles.hierarchic.ILayoutDataProvider} ldp
+       * @param graph
+       * @param layers
+       * @param ldp
        */
       dispose(graph:yfiles.layout.LayoutGraph,layers:yfiles.hierarchic.ILayers,ldp:yfiles.hierarchic.ILayoutDataProvider):void;
       /**
        * Determines the minimum distance between two {@link yfiles.algorithms.Node}s of the same layer.
-       * @param {yfiles.layout.LayoutGraph} graph the input graph
-       * @param {yfiles.hierarchic.ILayer} layer the {@link yfiles.hierarchic.ILayer} object that will be used during subsequent calls
-       * @param {yfiles.hierarchic.ILayoutDataProvider} ldp the {@link yfiles.hierarchic.ILayoutDataProvider} used for querying information
-       * @param {yfiles.algorithms.Node} left the left of the two {@link yfiles.algorithms.Node}s whose minimum distance is to be determined or <code>null</code> if only the left border
-       * of the right {@link yfiles.algorithms.Node} is of interest
-       * @param {yfiles.algorithms.Node} right the right of the two {@link yfiles.algorithms.Node}s whose minimum distance is to be determined or <code>null</code> if only the right border
-       * of the left {@link yfiles.algorithms.Node} is of interest
-       * @returns {number} the minimum distances between {@link yfiles.algorithms.Node}s of same layer
+       * @param graph the input graph
+       * @param layer the {@link } object that will be used during subsequent calls
+       * @param ldp the {@link } used for querying information
+       * @param left the left of the two {@link }s whose minimum distance is to be determined or <code>null</code> if only the left border
+       * of the right {@link } is of interest
+       * @param right the right of the two {@link }s whose minimum distance is to be determined or <code>null</code> if only the right border
+       * of the left {@link } is of interest
+       * @returns the minimum distances between {@link }s of same layer
        */
       getMinDistance(graph:yfiles.layout.LayoutGraph,layer:yfiles.hierarchic.ILayer,ldp:yfiles.hierarchic.ILayoutDataProvider,left:yfiles.algorithms.Node,right:yfiles.algorithms.Node):number;
       /**
        * 
-       * @param {yfiles.layout.LayoutGraph} graph
-       * @param {yfiles.hierarchic.ILayers} layers
-       * @param {yfiles.hierarchic.ILayoutDataProvider} ldp
+       * @param graph
+       * @param layers
+       * @param ldp
        */
       initialize(graph:yfiles.layout.LayoutGraph,layers:yfiles.hierarchic.ILayers,ldp:yfiles.hierarchic.ILayoutDataProvider):void;
       /**
@@ -100615,22 +94408,21 @@ declare namespace system{
      * <p>
      * It minimizes the crossings in the diagram by using either the barycentric or median heuristic.
      * </p>
-     * @class yfiles.hierarchic.DefaultLayerSequencer
+     * @class
      * @implements {yfiles.hierarchic.ISequencer}
      */
     export interface DefaultLayerSequencer extends Object,yfiles.hierarchic.ISequencer{}
     export class DefaultLayerSequencer {
       /**
        * Creates a new instance of {@link yfiles.hierarchic.DefaultLayerSequencer}.
-       * @constructor
        */
       constructor();
       /**
        * 
-       * @param {yfiles.layout.LayoutGraph} graph
-       * @param {yfiles.hierarchic.ILayers} glayers
-       * @param {yfiles.hierarchic.ILayoutDataProvider} ldp
-       * @param {yfiles.hierarchic.IItemFactory} itemFactory
+       * @param graph
+       * @param glayers
+       * @param ldp
+       * @param itemFactory
        */
       sequenceNodeLayers(graph:yfiles.layout.LayoutGraph,glayers:yfiles.hierarchic.ILayers,ldp:yfiles.hierarchic.ILayoutDataProvider,itemFactory:yfiles.hierarchic.IItemFactory):void;
       /**
@@ -100684,29 +94476,27 @@ declare namespace system{
      * Instances of this class are used internally by {@link yfiles.hierarchic.HierarchicLayoutCore} and {@link yfiles.hierarchic.MultiComponentLayerer}
      * when e.g. the graph is grouped or it consists of more than one connected component.
      * </p>
-     * @class yfiles.hierarchic.DefaultLayeredComponentsMerger
+     * @class
      * @implements {yfiles.hierarchic.ILayeredComponentsMerger}
      */
     export interface DefaultLayeredComponentsMerger extends Object,yfiles.hierarchic.ILayeredComponentsMerger{}
     export class DefaultLayeredComponentsMerger {
       /**
        * Creates a new instance of {@link yfiles.hierarchic.DefaultLayeredComponentsMerger} using the given merging policy.
-       * @param {yfiles.hierarchic.MergingPolicy} policy one of the predefined merging constants
+       * @param policy one of the predefined merging constants
        * @throws {Stubs.Exceptions.ArgumentError} if an unknown policy is given
-       * @constructor
        */
       constructor(policy:yfiles.hierarchic.MergingPolicy);
       /**
        * Creates a new instance of {@link yfiles.hierarchic.DefaultLayeredComponentsMerger} with default settings.
-       * @constructor
        */
       constructor();
       /**
        * 
-       * @param {yfiles.layout.LayoutGraph} graph
-       * @param {yfiles.hierarchic.ILayoutDataProvider} ldp
-       * @param {yfiles.hierarchic.ILayers} srcLayers
-       * @param {yfiles.hierarchic.ILayers} targetLayers
+       * @param graph
+       * @param ldp
+       * @param srcLayers
+       * @param targetLayers
        */
       merge(graph:yfiles.layout.LayoutGraph,ldp:yfiles.hierarchic.ILayoutDataProvider,srcLayers:yfiles.hierarchic.ILayers,targetLayers:yfiles.hierarchic.ILayers):void;
       /**
@@ -100722,7 +94512,7 @@ declare namespace system{
      * <p>
      * It is used by {@link yfiles.hierarchic.HierarchicLayoutCore} after the sequencing phase.
      * </p>
-     * @class yfiles.hierarchic.DefaultPortAllocator
+     * @class
      * @implements {yfiles.hierarchic.IPortAllocator}
      */
     export interface DefaultPortAllocator extends Object,yfiles.hierarchic.IPortAllocator{}
@@ -100730,7 +94520,6 @@ declare namespace system{
       /**
        * Creates a new instance of {@link yfiles.hierarchic.DefaultPortAllocator} with default settings.
        * @see yfiles.hierarchic.DefaultPortAllocator#defaultPortBorderGapRatio
-       * @constructor
        */
       constructor();
       /**
@@ -100745,10 +94534,10 @@ declare namespace system{
        * <p>
        * This method is called by {@link yfiles.hierarchic.HierarchicLayoutCore} after the sequencing phase.
        * </p>
-       * @param {yfiles.layout.LayoutGraph} graph the input graph
-       * @param {yfiles.hierarchic.ILayers} layers the given {@link yfiles.hierarchic.ILayers} instance containing the layering structure
-       * @param {yfiles.hierarchic.ILayoutDataProvider} ldp the {@link yfiles.hierarchic.ILayoutDataProvider} containing information about the nodes and edges of the graph
-       * @param {yfiles.hierarchic.IItemFactory} itemFactory the {@link yfiles.hierarchic.IItemFactory} used for creating and destroying helper structures
+       * @param graph the input graph
+       * @param layers the given {@link } instance containing the layering structure
+       * @param ldp the {@link } containing information about the nodes and edges of the graph
+       * @param itemFactory the {@link } used for creating and destroying helper structures
        */
       assignPorts(graph:yfiles.layout.LayoutGraph,layers:yfiles.hierarchic.ILayers,ldp:yfiles.hierarchic.ILayoutDataProvider,itemFactory:yfiles.hierarchic.IItemFactory):void;
       /**
@@ -100756,13 +94545,13 @@ declare namespace system{
        * <p>
        * It may be overridden for a custom calculation of port border gap on a given node.
        * </p>
-       * @param {yfiles.layout.LayoutGraph} graph the input graph
-       * @param {yfiles.hierarchic.ILayoutDataProvider} ldp the {@link yfiles.hierarchic.ILayoutDataProvider} containing information about the nodes and edges of the graph
-       * @param {yfiles.algorithms.Node} node the given node
-       * @param {number} sideIndex the zero-based (top is 0) clock-wise index of the side of the node (for top-to-bottom layouts)
-       * @param {number} sideLength the width/height of the side
-       * @param {number} edgeCount the number of edges/ports that connect to this side
-       * @returns {number} the absolute gap on both sides of the ports
+       * @param graph the input graph
+       * @param ldp the {@link } containing information about the nodes and edges of the graph
+       * @param node the given node
+       * @param sideIndex the zero-based (top is 0) clock-wise index of the side of the node (for top-to-bottom layouts)
+       * @param sideLength the width/height of the side
+       * @param edgeCount the number of edges/ports that connect to this side
+       * @returns the absolute gap on both sides of the ports
        * @see yfiles.hierarchic.DefaultPortAllocator#getPortDistanceDelta
        * @protected
        */
@@ -100775,13 +94564,13 @@ declare namespace system{
        * <p>
        * It may be overridden for a custom calculation of port border gap ratio on a given node.
        * </p>
-       * @param {yfiles.layout.LayoutGraph} graph the input graph
-       * @param {yfiles.hierarchic.ILayoutDataProvider} ldp the {@link yfiles.hierarchic.ILayoutDataProvider} containing information about the nodes and edges of the graph
-       * @param {yfiles.algorithms.Node} node the given node
-       * @param {number} sideIndex the zero-based (top is 0) clock-wise index of the side of the node (for top-to-bottom layouts)
-       * @param {number} sideLength the width/height of the side
-       * @param {number} edgeCount the number of edges/ports that connect to this side
-       * @returns {number} the border gap ratio
+       * @param graph the input graph
+       * @param ldp the {@link } containing information about the nodes and edges of the graph
+       * @param node the given node
+       * @param sideIndex the zero-based (top is 0) clock-wise index of the side of the node (for top-to-bottom layouts)
+       * @param sideLength the width/height of the side
+       * @param edgeCount the number of edges/ports that connect to this side
+       * @returns the border gap ratio
        * @protected
        */
       getPortBorderGapRatio(graph:yfiles.layout.LayoutGraph,ldp:yfiles.hierarchic.ILayoutDataProvider,node:yfiles.algorithms.Node,sideIndex:number,sideLength:number,edgeCount:number):number;
@@ -100790,14 +94579,14 @@ declare namespace system{
        * <p>
        * It may be overridden for a custom calculation of the distance between two adjacent ports..
        * </p>
-       * @param {yfiles.layout.LayoutGraph} graph the input graph
-       * @param {yfiles.hierarchic.ILayoutDataProvider} ldp the {@link yfiles.hierarchic.ILayoutDataProvider} containing information about the nodes and edges of the graph
-       * @param {yfiles.algorithms.Node} node the given node
-       * @param {number} sideIndex the zero-based (top is 0) clock-wise index of the side of the node (for top-to-bottom layouts)
-       * @param {number} sideLength the width/height of the side
-       * @param {number} edgeCount the number of edges/ports that connect to this side
-       * @param {number} portBorderGap the previously calculated port border gap
-       * @returns {number} the absolute distance between two adjacent ports
+       * @param graph the input graph
+       * @param ldp the {@link } containing information about the nodes and edges of the graph
+       * @param node the given node
+       * @param sideIndex the zero-based (top is 0) clock-wise index of the side of the node (for top-to-bottom layouts)
+       * @param sideLength the width/height of the side
+       * @param edgeCount the number of edges/ports that connect to this side
+       * @param portBorderGap the previously calculated port border gap
+       * @returns the absolute distance between two adjacent ports
        * @protected
        */
       getPortDistanceDelta(graph:yfiles.layout.LayoutGraph,ldp:yfiles.hierarchic.ILayoutDataProvider,node:yfiles.algorithms.Node,sideIndex:number,sideLength:number,edgeCount:number,portBorderGap:number):number;
@@ -100839,18 +94628,17 @@ declare namespace system{
      * </p>
      * @see yfiles.hierarchic.HierarchicLayoutCore#EDGE_LAYOUT_DESCRIPTOR_DP_KEY
      * @see yfiles.hierarchic.NodeLayoutDescriptor
-     * @class yfiles.hierarchic.EdgeLayoutDescriptor
+     * @class
      */
     export interface EdgeLayoutDescriptor extends Object{}
     export class EdgeLayoutDescriptor {
       /**
        * Creates a new instance of an {@link yfiles.hierarchic.EdgeLayoutDescriptor} with the default values.
-       * @constructor
        */
       constructor();
       /**
        * Creates a copy of this {@link yfiles.hierarchic.EdgeLayoutDescriptor} instance.
-       * @returns {yfiles.hierarchic.EdgeLayoutDescriptor} a copy of this {@link yfiles.hierarchic.EdgeLayoutDescriptor} instance
+       * @returns a copy of this {@link } instance
        */
       createCopy():yfiles.hierarchic.EdgeLayoutDescriptor;
       /**
@@ -101544,35 +95332,34 @@ declare namespace system{
      * graph. Nodes with the same ID are in the same layer while the layers are sorted according to their IDs such that the
      * smallest ID represents the top layer.
      * </p>
-     * @class yfiles.hierarchic.GivenLayersLayerer
+     * @class
      * @implements {yfiles.hierarchic.ILayerer}
      */
     export interface GivenLayersLayerer extends Object,yfiles.hierarchic.ILayerer{}
     export class GivenLayersLayerer {
       /**
        * Creates an instance of {@link yfiles.hierarchic.GivenLayersLayerer}.
-       * @constructor
        */
       constructor();
       /**
        * Assigns all nodes of the graph to layers and adds them to the {@link yfiles.hierarchic.ILayers} instance.
-       * @param {yfiles.layout.LayoutGraph} graph the input graph
-       * @param {yfiles.hierarchic.ILayers} layers the {@link yfiles.hierarchic.ILayers} instance that will be filled with the results of the calculation
-       * @param {yfiles.hierarchic.ILayoutDataProvider} ldp the {@link yfiles.hierarchic.ILayoutDataProvider} used for querying information about the nodes and edges
+       * @param graph the input graph
+       * @param layers the {@link } instance that will be filled with the results of the calculation
+       * @param ldp the {@link } used for querying information about the nodes and edges
        */
       assignLayers(graph:yfiles.layout.LayoutGraph,layers:yfiles.hierarchic.ILayers,ldp:yfiles.hierarchic.ILayoutDataProvider):void;
       /**
        * Convenience method that removes empty layers and ensures that the smallest layer has value <code>0</code>.
-       * @param {yfiles.algorithms.Graph} graph the graph
-       * @param {yfiles.algorithms.IDataProvider} layerId the {@link yfiles.algorithms.IDataProvider} that returns an integer value (layer) for each node; the first layer has the number
+       * @param graph the graph
+       * @param layerId the {@link } that returns an integer value (layer) for each node; the first layer has the number
        * <code>0</code>
-       * @param {yfiles.algorithms.IDataAcceptor} normalizedLayerId the {@link yfiles.algorithms.IDataAcceptor} that will be filled by the layout algorithm and holds an integer value (layer ID
+       * @param normalizedLayerId the {@link } that will be filled by the layout algorithm and holds an integer value (layer ID
        * after normalization) for each node
-       * @returns {number} the number of layers after the removal of empty layers
+       * @returns the number of layers after the removal of empty layers
        */
       normalize(graph:yfiles.algorithms.Graph,layerId:yfiles.algorithms.IDataProvider,normalizedLayerId:yfiles.algorithms.IDataAcceptor):number;
       /**
-       * Data provider key for storing the layer IDs.
+       * Data provider key for storing the layer IDs
        * <p>
        * This {@link yfiles.algorithms.IDataProvider} stores for each node the layer ID to which it belongs. Nodes with the same ID are
        * in the same layer while the layers are sorted according to their IDs such that the smallest ID represents the top
@@ -101588,15 +95375,14 @@ declare namespace system{
     /**
      * This class is a {@link yfiles.hierarchic.ISequencer} implementation that determines the sequence of nodes of the same {@link yfiles.hierarchic.ILayer layer}
      * based on a given {@link yfiles.collections.IComparer.<T> comparator} constraint.
-     * @class yfiles.hierarchic.GivenSequenceSequencer
+     * @class
      * @implements {yfiles.hierarchic.ISequencer}
      */
     export interface GivenSequenceSequencer extends Object,yfiles.hierarchic.ISequencer{}
     export class GivenSequenceSequencer {
       /**
        * Creates a new instance of {@link yfiles.hierarchic.GivenSequenceSequencer} using a given {@link yfiles.collections.IComparer.<T>} for the sequencing.
-       * @param {yfiles.collections.IComparer.<Object>} [c=null]
-       * @constructor
+       * @param [c=null]
        */
       constructor(c?:yfiles.collections.IComparer<Object>);
       /**
@@ -101605,10 +95391,10 @@ declare namespace system{
        * This method is called by {@link yfiles.hierarchic.HierarchicLayoutCore} during the sequencing phase and finally writes back the
        * calculated sequence using the {@link yfiles.hierarchic.ILayer#setNodeOrder} method.
        * </p>
-       * @param {yfiles.layout.LayoutGraph} graph the input graph
-       * @param {yfiles.hierarchic.ILayers} layers the given {@link yfiles.hierarchic.ILayers} instance containing the elements of the layers
-       * @param {yfiles.hierarchic.ILayoutDataProvider} ldp the {@link yfiles.hierarchic.ILayoutDataProvider} containing information about the nodes and edges of the graph
-       * @param {yfiles.hierarchic.IItemFactory} itemFactory the {@link yfiles.hierarchic.IItemFactory} used for creating and destroying helper structures
+       * @param graph the input graph
+       * @param layers the given {@link } instance containing the elements of the layers
+       * @param ldp the {@link } containing information about the nodes and edges of the graph
+       * @param itemFactory the {@link } used for creating and destroying helper structures
        */
       sequenceNodeLayers(graph:yfiles.layout.LayoutGraph,layers:yfiles.hierarchic.ILayers,ldp:yfiles.hierarchic.ILayoutDataProvider,itemFactory:yfiles.hierarchic.IItemFactory):void;
       /**
@@ -101625,8 +95411,8 @@ declare namespace system{
     export interface IVisitor extends Object{
       /**
        * Visits the descendants of a group node.
-       * @param {yfiles.algorithms.Node} node A descandant of the group node.
-       * @param {yfiles.algorithms.Node} parentNode A group node.
+       * @param node A descandant of the group node.
+       * @param parentNode A group node.
        * @abstract
        */
       visit(node:yfiles.algorithms.Node,parentNode:yfiles.algorithms.Node):void;
@@ -101644,21 +95430,21 @@ declare namespace system{
      * </p>
      * @see yfiles.layout.GroupingSupport
      * @see yfiles.layout.GroupingKeys
-     * @class yfiles.hierarchic.GroupingSupport
+     * @class
      */
     export interface GroupingSupport extends Object{}
     export class GroupingSupport {
       /**
        * Assigns edge group nodes to groups based on a given {@link yfiles.hierarchic.ILayers} instance.
-       * @param {yfiles.hierarchic.ILayers} layers the given {@link yfiles.hierarchic.ILayers} instance containing the elements in the layering
+       * @param layers the given {@link } instance containing the elements in the layering
        * @see yfiles.hierarchic.NodeDataType#SOURCE_GROUP_NODE
        * @see yfiles.hierarchic.NodeDataType#TARGET_GROUP_NODE
        */
       assignEdgeGroupNodesToGroups(layers:yfiles.hierarchic.ILayers):void;
       /**
        * Assigns label nodes to groups.
-       * @param {yfiles.hierarchic.ILayers} layers the given {@link yfiles.hierarchic.ILayers} instance containing the elements in the layering
-       * @param {yfiles.hierarchic.IItemFactory} itemFactory the {@link yfiles.hierarchic.IItemFactory} used temporarily for modifying the graph instance
+       * @param layers the given {@link } instance containing the elements in the layering
+       * @param itemFactory the {@link } used temporarily for modifying the graph instance
        * @see yfiles.hierarchic.NodeDataType#LABEL
        * @see yfiles.hierarchic.NodeDataType#BEND
        * @see yfiles.hierarchic.NodeDataType#GROUP_BEGIN
@@ -101667,8 +95453,8 @@ declare namespace system{
       assignLabelNodesToGroups(layers:yfiles.hierarchic.ILayers,itemFactory:yfiles.hierarchic.IItemFactory):void;
       /**
        * Returns the direct children of the given group node.
-       * @param {yfiles.algorithms.Node} groupNode the given group node
-       * @returns {yfiles.algorithms.NodeList} a {@link yfiles.algorithms.NodeList} of all direct children or <code>null</code> if {@link yfiles.hierarchic.GroupingSupport} {@link yfiles.hierarchic.GroupingSupport#active is not active}
+       * @param groupNode the given group node
+       * @returns a {@link } of all direct children or <code>null</code> if {@link } {@link #active is not active}
        */
       getChildren(groupNode:yfiles.algorithms.Node):yfiles.algorithms.NodeList;
       /**
@@ -101676,15 +95462,15 @@ declare namespace system{
        * <p>
        * The descendants are all direct or indirect children of a group node.
        * </p>
-       * @param {yfiles.algorithms.Node} groupNode the given group node
-       * @returns {yfiles.algorithms.NodeList} a {@link yfiles.algorithms.NodeList} of all descendants or <code>null</code> if {@link yfiles.hierarchic.GroupingSupport} {@link yfiles.hierarchic.GroupingSupport#active is not active}
+       * @param groupNode the given group node
+       * @returns a {@link } of all descendants or <code>null</code> if {@link } {@link #active is not active}
        */
       getDescendants(groupNode:yfiles.algorithms.Node):yfiles.algorithms.NodeList;
       /**
        * Returns the parent group node of the given {@link yfiles.algorithms.Node} or <code>null</code> if the given node is a top-level node.
-       * @param {yfiles.algorithms.Node} node the given {@link yfiles.algorithms.Node}
-       * @returns {yfiles.algorithms.Node} the parent group node or <code>null</code> if the given node is a top-level node or if {@link yfiles.hierarchic.GroupingSupport}
-       * {@link yfiles.hierarchic.GroupingSupport#active is not active}
+       * @param node the given {@link }
+       * @returns the parent group node or <code>null</code> if the given node is a top-level node or if {@link }
+       * {@link #active is not active}
        */
       getParentNode(node:yfiles.algorithms.Node):yfiles.algorithms.Node;
       /**
@@ -101696,20 +95482,20 @@ declare namespace system{
        * <p>
        * The descendants are all direct or indirect children of a group node.
        * </p>
-       * @param {yfiles.algorithms.Node} node the given node
-       * @param {yfiles.algorithms.Node} groupNode the given group node
-       * @returns {boolean} <code>true</code> if the given node is a descendant of the given group node, <code>false</code> otherwise
+       * @param node the given node
+       * @param groupNode the given group node
+       * @returns <code>true</code> if the given node is a descendant of the given group node, <code>false</code> otherwise
        */
       isDescendant(node:yfiles.algorithms.Node,groupNode:yfiles.algorithms.Node):boolean;
       /**
        * Returns whether or not the given {@link yfiles.algorithms.Node} is a non-empty group node.
-       * @param {yfiles.algorithms.Node} node the given {@link yfiles.algorithms.Node}
-       * @returns {boolean} <code>true</code> if the given node is a non-empty group node, <code>false</code> otherwise
+       * @param node the given {@link }
+       * @returns <code>true</code> if the given node is a non-empty group node, <code>false</code> otherwise
        */
       isGroupNode(node:yfiles.algorithms.Node):boolean;
       /**
        * Removes the current assignment of source/target edge groups from a given {@link yfiles.hierarchic.ILayers} instance.
-       * @param {yfiles.hierarchic.ILayers} layers the given {@link yfiles.hierarchic.ILayers} instance containing the elements in the layering
+       * @param layers the given {@link } instance containing the elements in the layering
        * @see yfiles.hierarchic.NodeDataType#SOURCE_GROUP_NODE
        * @see yfiles.hierarchic.NodeDataType#TARGET_GROUP_NODE
        */
@@ -101723,8 +95509,8 @@ declare namespace system{
        * <p>
        * The descendants are all direct or indirect children of a group node.
        * </p>
-       * @param {yfiles.algorithms.Node} groupNode the given group node
-       * @param {yfiles.hierarchic.IVisitor} visitor a {@link yfiles.hierarchic.IVisitor} implementation
+       * @param groupNode the given group node
+       * @param visitor a {@link } implementation
        */
       visitDescendants(groupNode:yfiles.algorithms.Node,visitor:yfiles.hierarchic.IVisitor):void;
       /**
@@ -101804,14 +95590,13 @@ declare namespace system{
      * {@link yfiles.hierarchic.RecursiveEdgeStyle#DIRECTED} or {@link yfiles.hierarchic.RecursiveEdgeStyle#UNDIRECTED} will not be grouped.
      * They are also not grouped when enabling {@link yfiles.hierarchic.HierarchicLayout#automaticEdgeGrouping automatic edge grouping}.
      * </p>
-     * @class yfiles.hierarchic.HierarchicLayout
+     * @class
      * @extends {yfiles.layout.MultiStageLayout}
      */
     export interface HierarchicLayout extends yfiles.layout.MultiStageLayout{}
     export class HierarchicLayout {
       /**
        * Creates a new {@link yfiles.hierarchic.HierarchicLayout} instance with the default settings.
-       * @constructor
        */
       constructor();
       /**
@@ -101824,8 +95609,8 @@ declare namespace system{
        * This implementation will temporarily set a {@link yfiles.hierarchic.PortCandidateOptimizer} if a {@link yfiles.algorithms.IDataProvider}
        * is registered with {@link yfiles.layout.PortCandidateSet#NODE_PORT_CANDIDATE_SET_DP_KEY} and no {@link yfiles.hierarchic.HierarchicLayoutCore#portConstraintOptimizer} is assigned.
        * </p>
-       * @param {yfiles.layout.LayoutGraph} graph the input graph
-       * @param {yfiles.hierarchic.HierarchicLayoutCore} coreLayouter the given core layout algorithm instance
+       * @param graph the input graph
+       * @param coreLayouter the given core layout algorithm instance
        * @protected
        */
       configureCoreLayout(graph:yfiles.layout.LayoutGraph,coreLayouter:yfiles.hierarchic.HierarchicLayoutCore):void;
@@ -101836,7 +95621,7 @@ declare namespace system{
        * This method may be overridden to create a new {@link yfiles.hierarchic.EdgeLayoutDescriptor} instance with different
        * configuration settings.
        * </p>
-       * @returns {yfiles.hierarchic.EdgeLayoutDescriptor} a new {@link yfiles.hierarchic.EdgeLayoutDescriptor} instance
+       * @returns a new {@link } instance
        * @protected
        */
       createEdgeLayoutDescriptor():yfiles.hierarchic.EdgeLayoutDescriptor;
@@ -101849,7 +95634,7 @@ declare namespace system{
        * <p>
        * This factory method provides the initial {@link yfiles.hierarchic.HierarchicLayoutCore} instance.
        * </p>
-       * @returns {yfiles.hierarchic.HierarchicLayoutCore} a new {@link yfiles.hierarchic.HierarchicLayoutCore} instance
+       * @returns a new {@link } instance
        * @protected
        */
       createHierarchicLayoutCore():yfiles.hierarchic.HierarchicLayoutCore;
@@ -101860,7 +95645,7 @@ declare namespace system{
        * Use this factory and a {@link yfiles.algorithms.IDataProvider} that is registered to the graph using the {@link yfiles.hierarchic.HierarchicLayout#INCREMENTAL_HINTS_DP_KEY}
        * key to associate appropriate hints with the graph elements that should be laid out incrementally by the algorithm.
        * </p>
-       * @returns {yfiles.hierarchic.IIncrementalHintsFactory} a new {@link yfiles.hierarchic.IIncrementalHintsFactory} instance
+       * @returns a new {@link } instance
        * @see yfiles.hierarchic.HierarchicLayoutCore#createIncrementalHintsFactory
        * @see yfiles.hierarchic.HierarchicLayout#INCREMENTAL_HINTS_DP_KEY
        * @see yfiles.algorithms.Graph#addDataProvider
@@ -101870,8 +95655,8 @@ declare namespace system{
       createIncrementalHintsFactory():yfiles.hierarchic.IIncrementalHintsFactory;
       /**
        * Creates and registers an incremental layer constraint factory for an {@link yfiles.graph.IGraph}.
-       * @param {yfiles.graph.IGraph} graph The graph for which the factory is created
-       * @returns {yfiles.hierarchic.ILayerConstraintFactory} the sequence constraint factory
+       * @param graph The graph for which the factory is created
+       * @returns the sequence constraint factory
        */
       createLayerConstraintFactory(graph:yfiles.graph.IGraph):yfiles.hierarchic.ILayerConstraintFactory;
       /**
@@ -101887,8 +95672,8 @@ declare namespace system{
        * you <b>must</b> bind the returned instance to the graph, see {@link yfiles.hierarchic.HierarchicLayout#LAYER_CONSTRAINTS_MEMENTO_DP_KEY}
        * and {@link yfiles.hierarchic.ILayerConstraintFactory#memento}.
        * </p>
-       * @param {yfiles.algorithms.Graph} graph the input graph
-       * @returns {yfiles.hierarchic.ILayerConstraintFactory} a new {@link yfiles.hierarchic.ILayerConstraintFactory} instance
+       * @param graph the input graph
+       * @returns a new {@link } instance
        */
       createLayerConstraintFactory(graph:yfiles.algorithms.Graph):yfiles.hierarchic.ILayerConstraintFactory;
       /**
@@ -101898,14 +95683,14 @@ declare namespace system{
        * This method may be overridden to create a new {@link yfiles.hierarchic.NodeLayoutDescriptor} instance with different
        * configuration settings.
        * </p>
-       * @returns {yfiles.hierarchic.NodeLayoutDescriptor} a new {@link yfiles.hierarchic.NodeLayoutDescriptor} instance
+       * @returns a new {@link } instance
        * @protected
        */
       createNodeLayoutDescriptor():yfiles.hierarchic.NodeLayoutDescriptor;
       /**
        * Creates and registers a sequencer constraint factory for an {@link yfiles.graph.IGraph}.
-       * @param {yfiles.graph.IGraph} graph The graph.
-       * @returns {yfiles.hierarchic.ISequenceConstraintFactory} the sequence constraint factory
+       * @param graph The graph.
+       * @returns the sequence constraint factory
        */
       createSequenceConstraintFactory(graph:yfiles.graph.IGraph):yfiles.hierarchic.ISequenceConstraintFactory;
       /**
@@ -101916,8 +95701,8 @@ declare namespace system{
        * order (<em>sequence</em>) has to support constraints. Both, {@link yfiles.hierarchic.DefaultLayerSequencer DefaultLayerSequencer} and the incremental sequencer used internally support
        * sequence constraints.
        * </p>
-       * @param {yfiles.layout.LayoutGraph} graph the input graph
-       * @returns {yfiles.hierarchic.ISequenceConstraintFactory} a {@link yfiles.hierarchic.ISequenceConstraintFactory} instance
+       * @param graph the input graph
+       * @returns a {@link } instance
        * @see yfiles.hierarchic.HierarchicLayout#fromScratchSequencer
        * @see yfiles.hierarchic.HierarchicLayout#fixedElementsSequencer
        */
@@ -101933,8 +95718,8 @@ declare namespace system{
        * This implementation will remove the {@link yfiles.hierarchic.PortCandidateOptimizer} that was created in case a {@link yfiles.algorithms.IDataProvider}
        * is registered with {@link yfiles.layout.PortCandidateSet#NODE_PORT_CANDIDATE_SET_DP_KEY} and no {@link yfiles.hierarchic.HierarchicLayoutCore#portConstraintOptimizer} was initially assigned.
        * </p>
-       * @param {yfiles.layout.LayoutGraph} graph the input graph
-       * @param {yfiles.hierarchic.HierarchicLayoutCore} coreLayouter the given core layout algorithm instance
+       * @param graph the input graph
+       * @param coreLayouter the given core layout algorithm instance
        * @protected
        */
       disposeCoreLayout(graph:yfiles.layout.LayoutGraph,coreLayouter:yfiles.hierarchic.HierarchicLayoutCore):void;
@@ -101943,12 +95728,12 @@ declare namespace system{
        * <p>
        * It may be overridden in order to configure a different mirror mask.
        * </p>
-       * @returns {yfiles.layout.MirrorModes} the mirror mask
+       * @returns the mirror mask
        * @protected
        */
       getMirrorMode():yfiles.layout.MirrorModes;
       /**
-       * Data provider key for specifying the directedness of edges.
+       * Data provider key for specifying the directedness of edges
        * <p>
        * Generally, the hierarchic layout algorithm assigns nodes to layers such that most of the edges point in the
        * {@link yfiles.layout.MultiStageLayout#layoutOrientation main layout direction}. The directedness of an edge specifies whether it should comply with this strategy. More
@@ -101963,7 +95748,7 @@ declare namespace system{
        */
       static EDGE_DIRECTEDNESS_DP_KEY:yfiles.algorithms.EdgeDpKey<number>;
       /**
-       * Data provider key for defining the priority of critical edges.
+       * Data provider key for defining the priority of critical edges
        * <p>
        * Critical edges highlight different edge paths that are relevant for a user. The layouter tries to vertically align each
        * node pair that is connected by a critical edge. Conflicts between different critical edges are always resolved in favor
@@ -101975,7 +95760,7 @@ declare namespace system{
        */
       static CRITICAL_EDGE_PRIORITY_DP_KEY:yfiles.algorithms.EdgeDpKey<number>;
       /**
-       * Data provider key for specifying the thickness of the edges.
+       * Data provider key for specifying the thickness of the edges
        * <p>
        * The specified non-negative thickness is considered when calculating minimum distances so that there are no overlaps
        * between edges and other graph elements. By default, each edge has thickness <code>0</code>.
@@ -101986,7 +95771,7 @@ declare namespace system{
        */
       static EDGE_THICKNESS_DP_KEY:yfiles.algorithms.EdgeDpKey<number>;
       /**
-       * Data provider key for specifying incremental hints.
+       * Data provider key for specifying incremental hints
        * <p>
        * Incremental hints are created using an {@link yfiles.hierarchic.HierarchicLayout#createIncrementalHintsFactory incremental hints factory}.
        * </p>
@@ -101998,7 +95783,7 @@ declare namespace system{
        */
       static INCREMENTAL_HINTS_DP_KEY:yfiles.algorithms.GraphObjectDpKey<Object>;
       /**
-       * Data acceptor key for publishing the layer IDs for all nodes in the graph.
+       * Data acceptor key for publishing the layer IDs for all nodes in the graph
        * @see yfiles.hierarchic.HierarchicLayoutCore#LAYER_INDEX_DP_KEY
        * @const
        * @static
@@ -102006,7 +95791,7 @@ declare namespace system{
        */
       static LAYER_INDEX_DP_KEY:yfiles.algorithms.NodeDpKey<number>;
       /**
-       * Data acceptor key for publishing the index inside their layer for all nodes in the graph.
+       * Data acceptor key for publishing the index inside their layer for all nodes in the graph
        * @see yfiles.hierarchic.HierarchicLayoutCore#SEQUENCE_INDEX_DP_KEY
        * @const
        * @static
@@ -102014,7 +95799,7 @@ declare namespace system{
        */
       static SEQUENCE_INDEX_DP_KEY:yfiles.algorithms.NodeDpKey<number>;
       /**
-       * Data provider key for defining swimlanes for the nodes.
+       * Data provider key for defining swimlanes for the nodes
        * <p>
        * The layout algorithm will arrange nodes in swimlanes according to the registered descriptors.
        * </p>
@@ -102029,7 +95814,7 @@ declare namespace system{
        */
       static SWIMLANE_DESCRIPTOR_DP_KEY:yfiles.algorithms.NodeDpKey<yfiles.hierarchic.SwimlaneDescriptor>;
       /**
-       * Data provider key for associating an alternative bounds with the collapsed/expanded group.
+       * Data provider key for associating an alternative bounds with the collapsed/expanded group
        * <p>
        * When running in {@link yfiles.hierarchic.LayoutMode#INCREMENTAL incremental}
        * {@link yfiles.hierarchic.HierarchicLayout#layoutMode layout mode}, the alternative bounds of the collapsed/expanded group will be used during the layering and sequencing
@@ -102042,7 +95827,7 @@ declare namespace system{
        */
       static ALTERNATIVE_GROUP_BOUNDS_DP_KEY:yfiles.algorithms.NodeDpKey<yfiles.algorithms.YRectangle>;
       /**
-       * Data provider key for associating alternative paths for edges connecting to groups, group content or folder nodes.
+       * Data provider key for associating alternative paths for edges connecting to groups, group content or folder nodes
        * <p>
        * When running in {@link yfiles.hierarchic.LayoutMode#INCREMENTAL incremental}
        * {@link yfiles.hierarchic.HierarchicLayout#layoutMode layout mode}, the alternative edge paths are considered during the routing of fixed (i.e., non-incremental) edges.
@@ -102069,7 +95854,7 @@ declare namespace system{
        */
       static ALTERNATIVE_EDGE_PATH_DP_KEY:yfiles.algorithms.EdgeDpKey<yfiles.algorithms.YPointPath>;
       /**
-       * Data provider key for marking folder nodes.
+       * Data provider key for marking folder nodes
        * <p>
        * When using recursive edge styles in incremental mode, edges will also start at the bottom and end at the top of marked
        * folder nodes. This will keep the edge routes more stable since the connection sides won't change.
@@ -102509,7 +96294,7 @@ declare namespace system{
      * @see yfiles.hierarchic.IPortAllocator
      * @see yfiles.hierarchic.IDrawingDistanceCalculator
      * @see yfiles.hierarchic.INodePlacer
-     * @class yfiles.hierarchic.HierarchicLayoutCore
+     * @class
      * @extends {yfiles.layout.MultiStageLayout}
      */
     export interface HierarchicLayoutCore extends yfiles.layout.MultiStageLayout{}
@@ -102521,7 +96306,6 @@ declare namespace system{
        * @see yfiles.hierarchic.HierarchicLayoutCore#createSequencer
        * @see yfiles.hierarchic.HierarchicLayoutCore#createDrawingDistanceCalculator
        * @see yfiles.hierarchic.HierarchicLayoutCore#createNodePlacer
-       * @constructor
        */
       constructor();
       /**
@@ -102531,7 +96315,7 @@ declare namespace system{
        * The default implementation returns a {@link yfiles.hierarchic.DefaultDrawingDistanceCalculator} instance. It may be overridden
        * to return a custom {@link yfiles.hierarchic.DefaultDrawingDistanceCalculator} instance.
        * </p>
-       * @returns {yfiles.hierarchic.IDrawingDistanceCalculator} a {@link yfiles.hierarchic.IDrawingDistanceCalculator} instance
+       * @returns a {@link } instance
        * @see yfiles.hierarchic.HierarchicLayoutCore#drawingDistanceCalculator
        * @protected
        */
@@ -102543,15 +96327,15 @@ declare namespace system{
        * By default, a suitable private implementation of {@link yfiles.hierarchic.IEdgeReverser} is returned. It may be overridden to
        * return a custom {@link yfiles.hierarchic.IEdgeReverser} implementation.
        * </p>
-       * @returns {yfiles.hierarchic.IEdgeReverser} an implementation
+       * @returns an implementation
        * @protected
        */
       createEdgeReverser():yfiles.hierarchic.IEdgeReverser;
       /**
        * Factory method that is called during {@link yfiles.hierarchic.HierarchicLayoutCore#applyLayoutCore} and creates a {@link yfiles.layout.GroupingSupport}
        * instance in case of a grouped graph.
-       * @param {yfiles.layout.LayoutGraph} graph the input graph
-       * @returns {yfiles.layout.GroupingSupport} a {@link yfiles.layout.GroupingSupport} instance or <code>null</code> if the graph is not grouped
+       * @param graph the input graph
+       * @returns a {@link } instance or <code>null</code> if the graph is not grouped
        * @protected
        */
       createGrouping(graph:yfiles.layout.LayoutGraph):yfiles.layout.GroupingSupport;
@@ -102562,7 +96346,7 @@ declare namespace system{
        * Incremental hints can be obtained from a {@link yfiles.algorithms.IDataProvider} that is registered with the graph using key
        * {@link yfiles.hierarchic.HierarchicLayoutCore#INCREMENTAL_HINTS_DP_KEY}.
        * </p>
-       * @returns {yfiles.hierarchic.IIncrementalHintsFactory} an {@link yfiles.hierarchic.IIncrementalHintsFactory} instance
+       * @returns an {@link } instance
        * @see yfiles.hierarchic.HierarchicLayoutCore#INCREMENTAL_HINTS_DP_KEY
        */
       createIncrementalHintsFactory():yfiles.hierarchic.IIncrementalHintsFactory;
@@ -102574,15 +96358,15 @@ declare namespace system{
        * instance as argument is returned. This method may be overridden to return a custom {@link yfiles.hierarchic.ILayerer}
        * implementation.
        * </p>
-       * @returns {yfiles.hierarchic.ILayerer} a {@link yfiles.hierarchic.ILayerer} implementation
+       * @returns a {@link } implementation
        * @protected
        */
       createIncrementalLayerer():yfiles.hierarchic.ILayerer;
       /**
        * Callback method that is called during {@link yfiles.hierarchic.HierarchicLayoutCore#applyLayoutCore}, creates the {@link yfiles.hierarchic.INodeData}
        * and {@link yfiles.hierarchic.IEdgeData} instances and binds them to the elements using the given {@link yfiles.hierarchic.IItemFactory itemFactory}.
-       * @param {yfiles.layout.LayoutGraph} g the input graph
-       * @param {yfiles.hierarchic.IItemFactory} itemFactory the given {@link yfiles.hierarchic.IItemFactory} instance
+       * @param g the input graph
+       * @param itemFactory the given {@link } instance
        * @protected
        */
       createItemData(g:yfiles.layout.LayoutGraph,itemFactory:yfiles.hierarchic.IItemFactory):void;
@@ -102591,8 +96375,8 @@ declare namespace system{
        * <p>
        * By default, a suitable private implementation of {@link yfiles.hierarchic.ILayerConstraintFactory} is returned.
        * </p>
-       * @param {yfiles.algorithms.Graph} graph the given graph
-       * @returns {yfiles.hierarchic.ILayerConstraintFactory} a {@link yfiles.hierarchic.ILayerConstraintFactory} instance
+       * @param graph the given graph
+       * @returns a {@link } instance
        */
       createLayerConstraintFactory(graph:yfiles.algorithms.Graph):yfiles.hierarchic.ILayerConstraintFactory;
       /**
@@ -102601,7 +96385,7 @@ declare namespace system{
        * The default implementation returns a <code>new MultiComponentLayerer(new WeightedLayerer())</code> instance. It may be overridden to
        * return a custom {@link yfiles.hierarchic.ILayerer} instance.
        * </p>
-       * @returns {yfiles.hierarchic.ILayerer} a {@link yfiles.hierarchic.ILayerer} instance
+       * @returns a {@link } instance
        * @see yfiles.hierarchic.HierarchicLayoutCore#layerer
        * @see yfiles.hierarchic.MultiComponentLayerer
        * @see yfiles.hierarchic.WeightedLayerer
@@ -102615,8 +96399,8 @@ declare namespace system{
        * By default, a suitable private implementation of {@link yfiles.hierarchic.ILayers} is returned. It may be overridden to return
        * custom implementations of the {@link yfiles.hierarchic.ILayers} interface.
        * </p>
-       * @param {yfiles.hierarchic.ILayoutDataProvider} ldp the given {@link yfiles.hierarchic.ILayoutDataProvider} instance
-       * @returns {yfiles.hierarchic.ILayers} a {@link yfiles.hierarchic.ILayers} implementation
+       * @param ldp the given {@link } instance
+       * @returns a {@link } implementation
        * @protected
        */
       createLayers(ldp:yfiles.hierarchic.ILayoutDataProvider):yfiles.hierarchic.ILayers;
@@ -102626,7 +96410,7 @@ declare namespace system{
        * The default implementation returns a {@link yfiles.hierarchic.SimplexNodePlacer} instance. It may be overridden to return a
        * custom {@link yfiles.hierarchic.INodePlacer} instance.
        * </p>
-       * @returns {yfiles.hierarchic.INodePlacer} a {@link yfiles.hierarchic.INodePlacer} instance
+       * @returns a {@link } instance
        * @see yfiles.hierarchic.HierarchicLayoutCore#nodePlacer
        * @see yfiles.hierarchic.SimplexNodePlacer
        * @protected
@@ -102639,7 +96423,7 @@ declare namespace system{
        * The default implementation returns a {@link yfiles.hierarchic.DefaultPortAllocator} instance. It may be overridden to return a
        * custom {@link yfiles.hierarchic.IPortAllocator} instance.
        * </p>
-       * @returns {yfiles.hierarchic.IPortAllocator} a {@link yfiles.hierarchic.IPortAllocator} instance
+       * @returns a {@link } instance
        * @see yfiles.hierarchic.HierarchicLayoutCore#portAllocator
        * @protected
        */
@@ -102651,7 +96435,7 @@ declare namespace system{
        * The default implementation returns <code>null</code>. It may be overridden to return a custom {@link yfiles.hierarchic.IPortConstraintOptimizer}
        * instance.
        * </p>
-       * @returns {yfiles.hierarchic.IPortConstraintOptimizer} <code>null</code>
+       * @returns <code>null</code>
        * @see yfiles.hierarchic.HierarchicLayoutCore#portConstraintOptimizer
        * @protected
        */
@@ -102661,8 +96445,8 @@ declare namespace system{
        * <p>
        * By default, a suitable private implementation of {@link yfiles.hierarchic.ISequenceConstraintFactory} is returned.
        * </p>
-       * @param {yfiles.algorithms.Graph} graph the given graph
-       * @returns {yfiles.hierarchic.ISequenceConstraintFactory} a {@link yfiles.hierarchic.ISequenceConstraintFactory} instance
+       * @param graph the given graph
+       * @returns a {@link } instance
        */
       createSequenceConstraintFactory(graph:yfiles.algorithms.Graph):yfiles.hierarchic.ISequenceConstraintFactory;
       /**
@@ -102671,7 +96455,7 @@ declare namespace system{
        * The default implementation returns a {@link yfiles.hierarchic.DefaultLayerSequencer} instance. It may be overridden to return a
        * custom {@link yfiles.hierarchic.ISequencer} instance.
        * </p>
-       * @returns {yfiles.hierarchic.ISequencer} a {@link yfiles.hierarchic.ISequencer} instance
+       * @returns a {@link } instance
        * @see yfiles.hierarchic.HierarchicLayoutCore#sequencer
        * @see yfiles.hierarchic.DefaultLayerSequencer
        * @protected
@@ -102684,7 +96468,7 @@ declare namespace system{
        * By default, a suitable private implementation of {@link yfiles.hierarchic.ISequencer} is returned. It may be overridden to
        * return custom implementations of the {@link yfiles.hierarchic.ISequencer} interface.
        * </p>
-       * @returns {yfiles.hierarchic.ISequencer} a {@link yfiles.hierarchic.ISequencer} implementation
+       * @returns a {@link } implementation
        * @protected
        */
       createSubgraphLayerSequencer():yfiles.hierarchic.ISequencer;
@@ -102693,8 +96477,8 @@ declare namespace system{
        * <p>
        * Used for internal purposes.
        * </p>
-       * @param {Object} key the key to a property
-       * @returns {Object} the associated value or <code>null</code>
+       * @param key the key to a property
+       * @returns the associated value or <code>null</code>
        * @see yfiles.hierarchic.HierarchicLayoutCore#setAlgorithmProperty
        */
       getAlgorithmProperty(key:Object):Object;
@@ -102705,8 +96489,8 @@ declare namespace system{
        * The {@link yfiles.algorithms.IDataProvider} holding the information about the node layout is registered with the graph using key
        * {@link yfiles.hierarchic.HierarchicLayoutCore#EDGE_LAYOUT_DESCRIPTOR_DP_KEY}.
        * </p>
-       * @param {yfiles.layout.LayoutGraph} graph the input graph
-       * @returns {yfiles.algorithms.IDataProvider} a {@link yfiles.algorithms.IDataProvider} instance or <code>null</code>
+       * @param graph the input graph
+       * @returns a {@link } instance or <code>null</code>
        * @see yfiles.hierarchic.EdgeLayoutDescriptor
        * @see yfiles.hierarchic.HierarchicLayoutCore#EDGE_LAYOUT_DESCRIPTOR_DP_KEY
        * @protected
@@ -102719,8 +96503,8 @@ declare namespace system{
        * The {@link yfiles.algorithms.IDataProvider} holding the information about incremental hints is registered with the graph using
        * key {@link yfiles.hierarchic.HierarchicLayoutCore#INCREMENTAL_HINTS_DP_KEY}.
        * </p>
-       * @param {yfiles.layout.LayoutGraph} graph the input graph
-       * @returns {yfiles.algorithms.IDataProvider} a {@link yfiles.algorithms.IDataProvider} instance or <code>null</code>
+       * @param graph the input graph
+       * @returns a {@link } instance or <code>null</code>
        * @see yfiles.hierarchic.HierarchicLayoutCore#INCREMENTAL_HINTS_DP_KEY
        * @protected
        */
@@ -102732,8 +96516,8 @@ declare namespace system{
        * The {@link yfiles.algorithms.IDataProvider} holding the information about the node layout is registered with the graph using key
        * {@link yfiles.hierarchic.HierarchicLayoutCore#NODE_LAYOUT_DESCRIPTOR_DP_KEY}.
        * </p>
-       * @param {yfiles.layout.LayoutGraph} graph the input graph
-       * @returns {yfiles.algorithms.IDataProvider} a {@link yfiles.algorithms.IDataProvider} instance or <code>null</code>
+       * @param graph the input graph
+       * @returns a {@link } instance or <code>null</code>
        * @see yfiles.hierarchic.NodeLayoutDescriptor
        * @see yfiles.hierarchic.HierarchicLayoutCore#NODE_LAYOUT_DESCRIPTOR_DP_KEY
        * @protected
@@ -102746,8 +96530,8 @@ declare namespace system{
        * The {@link yfiles.algorithms.IDataProvider} holding the information about swimlanes is registered with the graph using key
        * {@link yfiles.hierarchic.HierarchicLayoutCore#SWIMLANE_DESCRIPTOR_DP_KEY}.
        * </p>
-       * @param {yfiles.layout.LayoutGraph} graph the input graph
-       * @returns {yfiles.algorithms.IDataProvider} a {@link yfiles.algorithms.IDataProvider} instance or <code>null</code>
+       * @param graph the input graph
+       * @returns a {@link } instance or <code>null</code>
        * @see yfiles.hierarchic.SwimlaneDescriptor
        * @see yfiles.hierarchic.HierarchicLayoutCore#SWIMLANE_DESCRIPTOR_DP_KEY
        * @protected
@@ -102759,8 +96543,8 @@ declare namespace system{
        * The layering information is stored in a {@link yfiles.algorithms.IDataProvider} registered with the graph using key
        * {@link yfiles.hierarchic.HierarchicLayoutCore#LAYER_INDEX_DP_KEY}.
        * </p>
-       * @param {yfiles.layout.LayoutGraph} graph the input graph
-       * @param {yfiles.hierarchic.ILayers} layers the {@link yfiles.hierarchic.ILayers} implementation that provides the layering information
+       * @param graph the input graph
+       * @param layers the {@link } implementation that provides the layering information
        * @see yfiles.hierarchic.HierarchicLayoutCore#LAYER_INDEX_DP_KEY
        * @protected
        */
@@ -102771,9 +96555,9 @@ declare namespace system{
        * The sequencing information is stored in a {@link yfiles.algorithms.IDataProvider} registered with the graph using key
        * {@link yfiles.hierarchic.HierarchicLayoutCore#SEQUENCE_INDEX_DP_KEY}.
        * </p>
-       * @param {yfiles.layout.LayoutGraph} graph the input graph
-       * @param {yfiles.hierarchic.ILayers} layers the {@link yfiles.hierarchic.ILayers} implementation that provides the layering information
-       * @param {yfiles.hierarchic.ILayoutDataProvider} ldp the {@link yfiles.hierarchic.ILayoutDataProvider} implementation which provides access to the {@link yfiles.hierarchic.INodeData} and {@link yfiles.hierarchic.IEdgeData}
+       * @param graph the input graph
+       * @param layers the {@link } implementation that provides the layering information
+       * @param ldp the {@link } implementation which provides access to the {@link } and {@link }
        * instances
        * @see yfiles.hierarchic.HierarchicLayoutCore#LAYER_INDEX_DP_KEY
        * @protected
@@ -102785,8 +96569,8 @@ declare namespace system{
        * By default, this method removes collinear bends from the graph. A bend point is considered to be collinear if it lies on
        * a line with its preceding and succeeding bend point. It may be overridden for a custom implementation of bend removal.
        * </p>
-       * @param {yfiles.layout.LayoutGraph} graph the input graph
-       * @param {number} bendReductionThreshold this method removes a bend, if its horizontal/vertical distance to the closest collinear bend is above this value
+       * @param graph the input graph
+       * @param bendReductionThreshold this method removes a bend, if its horizontal/vertical distance to the closest collinear bend is above this value
        * @protected
        */
       reduceBendCount(graph:yfiles.layout.LayoutGraph,bendReductionThreshold:number):void;
@@ -102796,7 +96580,7 @@ declare namespace system{
        * By default, this method removes collinear bends from the graph. A bend point is considered to be collinear if it lies on
        * a line with its preceding and succeeding bend point. It may be overridden for a custom implementation of bend removal.
        * </p>
-       * @param {yfiles.layout.LayoutGraph} graph the input graph
+       * @param graph the input graph
        * @protected
        */
       reduceBendCount(graph:yfiles.layout.LayoutGraph):void;
@@ -102805,8 +96589,8 @@ declare namespace system{
        * <p>
        * Used for internal purposes.
        * </p>
-       * @param {Object} key the key to a property
-       * @param {Object} value the value to associate with the key
+       * @param key the key to a property
+       * @param value the value to associate with the key
        * @see yfiles.hierarchic.HierarchicLayoutCore#setAlgorithmProperty
        */
       setAlgorithmProperty(key:Object,value:Object):void;
@@ -102855,7 +96639,7 @@ declare namespace system{
        */
       static SWIMLANE_DESCRIPTOR_DP_KEY:yfiles.algorithms.NodeDpKey<yfiles.hierarchic.SwimlaneDescriptor>;
       /**
-       * Data acceptor key for publishing the layer IDs for all nodes in the graph.
+       * Data acceptor key for publishing the layer IDs for all nodes in the graph
        * @see yfiles.hierarchic.HierarchicLayout#LAYER_INDEX_DP_KEY
        * @const
        * @static
@@ -102863,7 +96647,7 @@ declare namespace system{
        */
       static LAYER_INDEX_DP_KEY:yfiles.algorithms.NodeDpKey<number>;
       /**
-       * Data acceptor key for publishing the index inside their layer for all nodes in the graph.
+       * Data acceptor key for publishing the index inside their layer for all nodes in the graph
        * @see yfiles.hierarchic.HierarchicLayout#SEQUENCE_INDEX_DP_KEY
        * @const
        * @static
@@ -102871,7 +96655,7 @@ declare namespace system{
        */
       static SEQUENCE_INDEX_DP_KEY:yfiles.algorithms.NodeDpKey<number>;
       /**
-       * Data provider key for internal use only.
+       * Data provider key for internal use only
        * @const
        * @static
        * @type {yfiles.algorithms.NodeDpKey.<boolean>}
@@ -103007,9 +96791,9 @@ declare namespace system{
        * <p>
        * Implementations should release internally held data structures when they are not needed any more.
        * </p>
-       * @param {yfiles.layout.LayoutGraph} graph the input graph that contains all elements that are used during the node placement
-       * @param {yfiles.hierarchic.ILayers} layers the {@link yfiles.hierarchic.ILayers} object that will be used during subsequent calls
-       * @param {yfiles.hierarchic.ILayoutDataProvider} ldp the {@link yfiles.hierarchic.ILayoutDataProvider} implementation which provides access to the {@link yfiles.hierarchic.INodeData} and {@link yfiles.hierarchic.IEdgeData}
+       * @param graph the input graph that contains all elements that are used during the node placement
+       * @param layers the {@link } object that will be used during subsequent calls
+       * @param ldp the {@link } implementation which provides access to the {@link } and {@link }
        * instances
        * @see yfiles.hierarchic.IDrawingDistanceCalculator#initialize
        * @abstract
@@ -103018,15 +96802,15 @@ declare namespace system{
       /**
        * Main interface method called by {@link yfiles.hierarchic.INodePlacer} instances to determine the minimum distance between
        * {@link yfiles.algorithms.Node}s of same layer.
-       * @param {yfiles.layout.LayoutGraph} graph the input graph
-       * @param {yfiles.hierarchic.ILayer} layer the {@link yfiles.hierarchic.ILayer} object that will be used during subsequent calls
-       * @param {yfiles.hierarchic.ILayoutDataProvider} ldp the {@link yfiles.hierarchic.ILayoutDataProvider} implementation which provides access to the {@link yfiles.hierarchic.INodeData} and {@link yfiles.hierarchic.IEdgeData}
+       * @param graph the input graph
+       * @param layer the {@link } object that will be used during subsequent calls
+       * @param ldp the {@link } implementation which provides access to the {@link } and {@link }
        * instances
-       * @param {yfiles.algorithms.Node} left the left of the two {@link yfiles.algorithms.Node}s whose minimum distance is to be determined or <code>null</code> if only the left border
-       * of the right {@link yfiles.algorithms.Node} is of interest
-       * @param {yfiles.algorithms.Node} right the right of the two {@link yfiles.algorithms.Node}s whose minimum distance is to be determined or <code>null</code> if only the right border
-       * of the left {@link yfiles.algorithms.Node} is of interest
-       * @returns {number} the minimum distance between two {@link yfiles.algorithms.Node}s of the same layer
+       * @param left the left of the two {@link }s whose minimum distance is to be determined or <code>null</code> if only the left border
+       * of the right {@link } is of interest
+       * @param right the right of the two {@link }s whose minimum distance is to be determined or <code>null</code> if only the right border
+       * of the left {@link } is of interest
+       * @returns the minimum distance between two {@link }s of the same layer
        * @abstract
        */
       getMinDistance(graph:yfiles.layout.LayoutGraph,layer:yfiles.hierarchic.ILayer,ldp:yfiles.hierarchic.ILayoutDataProvider,left:yfiles.algorithms.Node,right:yfiles.algorithms.Node):number;
@@ -103035,9 +96819,9 @@ declare namespace system{
        * <p>
        * Implementations may cache lengthy calculations in the initialization phase.
        * </p>
-       * @param {yfiles.layout.LayoutGraph} graph the input graph that contains all elements that are used during the node placement
-       * @param {yfiles.hierarchic.ILayers} layers the {@link yfiles.hierarchic.ILayers} object that will be used during subsequent calls
-       * @param {yfiles.hierarchic.ILayoutDataProvider} ldp the {@link yfiles.hierarchic.ILayoutDataProvider} implementation which provides access to the {@link yfiles.hierarchic.INodeData} and {@link yfiles.hierarchic.IEdgeData}
+       * @param graph the input graph that contains all elements that are used during the node placement
+       * @param layers the {@link } object that will be used during subsequent calls
+       * @param ldp the {@link } implementation which provides access to the {@link } and {@link }
        * instances
        * @see yfiles.hierarchic.IDrawingDistanceCalculator#dispose
        * @abstract
@@ -103261,8 +97045,8 @@ declare namespace system{
        * <p>
        * An edge is reversed if the layer index of its source node is greater than the layer index of its target node.
        * </p>
-       * @param {yfiles.layout.LayoutGraph} graph the input graph
-       * @param {yfiles.hierarchic.ILayoutDataProvider} ldp the {@link yfiles.hierarchic.ILayoutDataProvider} containing layering information about the nodes and edges of the graph
+       * @param graph the input graph
+       * @param ldp the {@link } containing layering information about the nodes and edges of the graph
        * @see yfiles.hierarchic.ILayoutDataProvider#getNodeData
        * @see yfiles.hierarchic.INodeData#layer
        * @abstract
@@ -103273,8 +97057,8 @@ declare namespace system{
        * <p>
        * It is called at the end of the {@link yfiles.hierarchic.HierarchicLayoutCore hierarchic layout algorithm}.
        * </p>
-       * @param {yfiles.layout.LayoutGraph} graph the input graph
-       * @param {yfiles.hierarchic.ILayoutDataProvider} ldp the {@link yfiles.hierarchic.ILayoutDataProvider} containing information about the nodes and edges of the graph
+       * @param graph the input graph
+       * @param ldp the {@link } containing information about the nodes and edges of the graph
        * @abstract
        */
       restoreEdgeDirections(graph:yfiles.layout.LayoutGraph,ldp:yfiles.hierarchic.ILayoutDataProvider):void;
@@ -103283,9 +97067,9 @@ declare namespace system{
        * <p>
        * It may be called by the incremental parts of the {@link yfiles.hierarchic.HierarchicLayoutCore hierarchic layout algorithm}.
        * </p>
-       * @param {yfiles.layout.LayoutGraph} graph the input graph
-       * @param {yfiles.hierarchic.ILayoutDataProvider} ldp the {@link yfiles.hierarchic.ILayoutDataProvider} containing layering information about the nodes and edges of the graph
-       * @param {yfiles.algorithms.Edge} edge the edge to be reversed
+       * @param graph the input graph
+       * @param ldp the {@link } containing layering information about the nodes and edges of the graph
+       * @param edge the edge to be reversed
        * @see yfiles.hierarchic.ILayoutDataProvider#getNodeData
        * @see yfiles.hierarchic.INodeData#layer
        * @abstract
@@ -103299,10 +97083,14 @@ declare namespace system{
     /**
      * This interface provides factory methods for creating incremental hints for the hierarchic layout.
      * <p>
-     * Incremental hints can be used for specifying that a subset of nodes (called incremental nodes) should be added to an
-     * existing graph layout. A layer hint specifies that both, a node's layer and its position within the layer should be
-     * determined by the algorithm. A sequence hint specifies that the algorithm should consider the current layer of a node
-     * while its position within the layer should be freely determined by the algorithm.
+     * Incremental hints can be used for specifying that a subset of nodes (called <em>incremental</em> nodes) should be added to an existing graph
+     * layout. A layer hint specifies that both, a node's layer and its position within the layer should be freely determined
+     * by the algorithm. A sequence hint specifies that the algorithm should consider the current layer of a node while its
+     * position within the layer should be freely determined by the algorithm. A node without any hint is called a <em>fixed</em> node.
+     * </p>
+     * <p>
+     * Sequence hints can also be specified for edges. These <em>incremental</em> edges are inserted in a suitable position within the layers
+     * crossed by the edges. For <em>fixed</em> edges the given input route is considered to calculate the position with the layers.
      * </p>
      * <p>
      * Information about incremental hints is provided by a {@link yfiles.algorithms.IDataProvider} registered with the graph with key
@@ -103330,8 +97118,8 @@ declare namespace system{
        * The positions of groups without incremental hints depend on the position of their descendants (i.e., the group is not
        * interpreted as fixed - it is simply ignored).
        * </p>
-       * @param {Object} forItemId the group node to be inserted incrementally
-       * @returns {Object} an {@link Object} that can be interpreted as a hint by {@link yfiles.hierarchic.HierarchicLayoutCore}
+       * @param forItemId the group node to be inserted incrementally
+       * @returns an {@link } that can be interpreted as a hint by {@link }
        * @abstract
        */
       createIncrementalGroupHint(forItemId:Object):Object;
@@ -103344,8 +97132,8 @@ declare namespace system{
        * Neighbors of this node may be also marked such that they are laid out incrementally. This makes it possible to
        * incrementally add whole subgraphs to the current layout.
        * </p>
-       * @param {Object} forNodeId the node to be layered and sequenced incrementally
-       * @returns {Object} an {@link Object} that can be interpreted as a hint by {@link yfiles.hierarchic.HierarchicLayoutCore}
+       * @param forNodeId the node to be layered and sequenced incrementally
+       * @returns an {@link } that can be interpreted as a hint by {@link }
        * @abstract
        */
       createLayerIncrementallyHint(forNodeId:Object):Object;
@@ -103353,14 +97141,19 @@ declare namespace system{
        * Creates a hint {@link Object} for a {@link yfiles.algorithms.Node} or {@link yfiles.algorithms.Edge} that should be inserted incrementally during the
        * sequencing phase.
        * <p>
-       * This will prevent the layering from being changed.
+       * All nodes that are not incrementally inserted during the layering phase (see
+       * {@link yfiles.hierarchic.IIncrementalHintsFactory#createLayerIncrementallyHint}) stay in their current layer. More precisely,
+       * the default {@link yfiles.hierarchic.HierarchicLayout#fixedElementsLayerer} implementation is an instance of {@link yfiles.hierarchic.AsIsLayerer} that determines the layer of the "fixed"
+       * nodes by analyzing the current node coordinates. Note that for the other nodes, the layout algorithm may insert new
+       * layers in between the existing layers.
        * </p>
        * <p>
-       * The {@link yfiles.algorithms.Node} will be placed on an already existing {@link yfiles.hierarchic.ILayer layer} that is determined by the {@link yfiles.hierarchic.HierarchicLayoutCore#layerer} implementation, i.e.
-       * "from sketch". Adjacent edges will automatically be rerouted optimally.
+       * For edges associated with this hint (or which are incident to an incremental node), the algorithm automatically
+       * calculates a suitable sequencing (position within the layer). For edges between two non-incremental nodes that do not
+       * have a hint, the sequencing phase considers the current route.
        * </p>
-       * @param {Object} forItemId the node or edge to be sequenced/inserted incrementally
-       * @returns {Object} an {@link Object} that can be interpreted as a hint by {@link yfiles.hierarchic.HierarchicLayoutCore}
+       * @param forItemId the node or edge to be sequenced/inserted incrementally
+       * @returns an {@link } that can be interpreted as a hint by {@link }
        * @abstract
        */
       createSequenceIncrementallyHint(forItemId:Object):Object;
@@ -103368,11 +97161,14 @@ declare namespace system{
        * Creates a hint {@link Object} for a {@link yfiles.algorithms.Node} that should be inserted incrementally into the graph on its exact current
        * position.
        * <p>
-       * The node will be placed in an already existing {@link yfiles.hierarchic.ILayer layer} that is determined by the {@link yfiles.hierarchic.HierarchicLayoutCore#layerer layerer} implementation. The position
-       * within its layer will be determined by its current position.
+       * As for nodes without hints, the algorithm uses the {@link yfiles.hierarchic.HierarchicLayout#fixedElementsLayerer} instance to determine the layer of such nodes and the {@link yfiles.hierarchic.HierarchicLayout#fixedElementsSequencer} instance to
+       * determine the position within the layer. By default, both implementations use the current coordinates of the nodes to
+       * derive the layer/position. However, for nodes marked with this hint, the algorithm should also preserve the exact
+       * coordinates while for nodes without hints the coordinates may be changed (these nodes only keep their relative
+       * positions).
        * </p>
-       * @param {Object} forNodeId the node to be placed on its exact current position
-       * @returns {Object} an {@link Object} that can be interpreted as a hint by {@link yfiles.hierarchic.HierarchicLayoutCore}
+       * @param forNodeId the node to be placed on its exact current position
+       * @returns an {@link } that can be interpreted as a hint by {@link }
        * @see yfiles.hierarchic.IIncrementalHintsFactory#createUseExactSequenceCoordinatesHint
        * @see yfiles.hierarchic.IIncrementalHintsFactory#createUseExactLayerCoordinatesHint
        * @see yfiles.hierarchic.SimplexNodePlacer#exactPlacement
@@ -103383,11 +97179,10 @@ declare namespace system{
        * Creates a hint {@link Object} for a {@link yfiles.algorithms.Node} that should be inserted incrementally into the graph on its exact current
        * layer position.
        * <p>
-       * The node will be placed in an already existing {@link yfiles.hierarchic.ILayer layer} that is determined by the {@link yfiles.hierarchic.HierarchicLayoutCore#layerer layerer} on the position that it occupies
-       * initially. The position within its layer will be determined by a {@link yfiles.hierarchic.INodePlacer} instance.
+       * The algorithm uses the {@link yfiles.hierarchic.HierarchicLayout#fixedElementsLayerer} instance to determine the layer of such nodes and the {@link yfiles.hierarchic.HierarchicLayout#fromScratchSequencer} instance to determine the sequencing.
        * </p>
-       * @param {Object} forNodeId the node to be placed on its exact current layer position
-       * @returns {Object} an {@link Object} that can be interpreted as a hint by {@link yfiles.hierarchic.HierarchicLayoutCore}
+       * @param forNodeId the node to be placed on its exact current layer position
+       * @returns an {@link } that can be interpreted as a hint by {@link }
        * @see yfiles.hierarchic.IIncrementalHintsFactory#createUseExactCoordinatesHint
        * @see yfiles.hierarchic.IIncrementalHintsFactory#createUseExactSequenceCoordinatesHint
        * @see yfiles.hierarchic.SimplexNodePlacer#exactPlacement
@@ -103398,12 +97193,10 @@ declare namespace system{
        * Creates a hint {@link Object} for a {@link yfiles.algorithms.Node} that should be inserted incrementally into the graph on its exact current
        * sequence position.
        * <p>
-       * The node will be placed in an already existing {@link yfiles.hierarchic.ILayer layer} that is determined by the {@link yfiles.hierarchic.HierarchicLayoutCore#layerer layerer} on the position that is
-       * considered best for its layer. The position within the sequence of its layer will be determined by its current
-       * coordinates.
+       * The algorithm uses the {@link yfiles.hierarchic.HierarchicLayout#fromScratchLayerer} instance to determine the layer of such nodes and the {@link yfiles.hierarchic.HierarchicLayout#fixedElementsSequencer} instance to determine the sequencing.
        * </p>
-       * @param {Object} forNodeId the node to be placed on its exact current sequence position
-       * @returns {Object} an {@link Object} that can be interpreted as a hint by {@link yfiles.hierarchic.HierarchicLayoutCore}
+       * @param forNodeId the node to be placed on its exact current sequence position
+       * @returns an {@link } that can be interpreted as a hint by {@link }
        * @see yfiles.hierarchic.IIncrementalHintsFactory#createUseExactCoordinatesHint
        * @see yfiles.hierarchic.IIncrementalHintsFactory#createUseExactLayerCoordinatesHint
        * @see yfiles.hierarchic.SimplexNodePlacer#exactPlacement
@@ -103426,17 +97219,17 @@ declare namespace system{
     export interface IItemFactory extends Object{
       /**
        * Converts a given {@link yfiles.algorithms.Node} to a label node.
-       * @param {yfiles.algorithms.Node} dummyNode the given {@link yfiles.algorithms.Node} to be converted
+       * @param dummyNode the given {@link } to be converted
        * @abstract
        */
       convertToLabelNode(dummyNode:yfiles.algorithms.Node):void;
       /**
        * Creates a bend {@link yfiles.algorithms.Node} for the given {@link yfiles.algorithms.Edge} in the given {@link yfiles.hierarchic.ILayer} and
        * assigns it to the given {@link yfiles.hierarchic.SwimlaneDescriptor} instance.
-       * @param {yfiles.hierarchic.ILayer} layer the given {@link yfiles.hierarchic.ILayer} instance
-       * @param {yfiles.algorithms.Edge} edge the given {@link yfiles.algorithms.Edge}
-       * @param {yfiles.hierarchic.SwimlaneDescriptor} [laneDescriptor=null] a given {@link yfiles.hierarchic.SwimlaneDescriptor} instance
-       * @returns {yfiles.algorithms.Node} the new bend {@link yfiles.algorithms.Node}
+       * @param layer the given {@link } instance
+       * @param edge the given {@link }
+       * @param [laneDescriptor=null] a given {@link } instance
+       * @returns the new bend {@link }
        * @abstract
        */
       createBendNode(layer:yfiles.hierarchic.ILayer,edge:yfiles.algorithms.Edge,laneDescriptor?:yfiles.hierarchic.SwimlaneDescriptor):yfiles.algorithms.Node;
@@ -103446,290 +97239,292 @@ declare namespace system{
        * <p>
        * The bend is assigned to the given {@link yfiles.hierarchic.SwimlaneDescriptor} instance.
        * </p>
-       * @param {yfiles.algorithms.Node} node the given {@link yfiles.algorithms.Node}
-       * @param {yfiles.algorithms.Edge} edge the given {@link yfiles.algorithms.Edge}
-       * @param {yfiles.hierarchic.SwimlaneDescriptor} [laneDescriptor=null] the given {@link yfiles.hierarchic.SwimlaneDescriptor} instance
-       * @returns {yfiles.hierarchic.INodeData} a {@link yfiles.hierarchic.INodeData} object for the given bend {@link yfiles.algorithms.Node}
+       * @param node the given {@link }
+       * @param edge the given {@link }
+       * @param [laneDescriptor=null] the given {@link } instance
+       * @returns a {@link } object for the given bend {@link }
        * @abstract
        */
       createBendNodeData(node:yfiles.algorithms.Node,edge:yfiles.algorithms.Edge,laneDescriptor?:yfiles.hierarchic.SwimlaneDescriptor):yfiles.hierarchic.INodeData;
       /**
        * Creates a dummy {@link yfiles.algorithms.Node} that mimics a connector to a group {@link yfiles.algorithms.Node}.
-       * @param {yfiles.algorithms.Node} groupNode the given group {@link yfiles.algorithms.Node}
-       * @param {Object} groupId the given group ID
-       * @param {yfiles.hierarchic.ILayer} layer the given {@link yfiles.hierarchic.ILayer} instance
-       * @param {yfiles.algorithms.Edge} edge the given {@link yfiles.algorithms.Edge}
-       * @returns {yfiles.algorithms.Node} the new {@link yfiles.algorithms.Node}
+       * @param groupNode the given group {@link }
+       * @param groupId the given group ID
+       * @param layer the given {@link } instance
+       * @param edge the given {@link }
+       * @returns the new {@link }
        * @abstract
        */
       createConnectorProxyForGroup(groupNode:yfiles.algorithms.Node,groupId:Object,layer:yfiles.hierarchic.ILayer,edge:yfiles.algorithms.Edge):yfiles.algorithms.Node;
       /**
        * Creates a dummy node that mimics a connector to a group node from a descendant.
-       * @param {yfiles.algorithms.Node} groupNode the group node to which the edge is connected
-       * @param {Object} groupId the id of the group node
-       * @param {yfiles.hierarchic.ILayer} layer the layer to which the dummy node will be assigned
-       * @param {yfiles.algorithms.Edge} e the edge that connects to the dummy node
-       * @returns {yfiles.algorithms.Node} the dummy node
+       * @param groupNode the group node to which the edge is connected
+       * @param groupId the id of the group node
+       * @param layer the layer to which the dummy node will be assigned
+       * @param e the edge that connects to the dummy node
+       * @returns the dummy node
        * @abstract
        */
       createContentConnectorProxyForGroup(groupNode:yfiles.algorithms.Node,groupId:Object,layer:yfiles.hierarchic.ILayer,e:yfiles.algorithms.Edge):yfiles.algorithms.Node;
       /**
        * Creates a spacer {@link yfiles.algorithms.Node} for the drawing phase using the given bounds in the given
        * {@link yfiles.hierarchic.ILayer}.
-       * @param {yfiles.hierarchic.ILayer} layer the given {@link yfiles.hierarchic.ILayer} instance
-       * @param {yfiles.algorithms.Rectangle2D} size the given bounds
-       * @param {Array.<yfiles.algorithms.Edge>} edges an array of {@link yfiles.algorithms.Edge}s
-       * @returns {yfiles.algorithms.Node} the new spacer {@link yfiles.algorithms.Node}
+       * @param layer the given {@link } instance
+       * @param size the given bounds
+       * @param edges an array of {@link }s
+       * @returns the new spacer {@link }
        * @abstract
        */
       createDistanceNode(layer:yfiles.hierarchic.ILayer,size:yfiles.algorithms.Rectangle2D,edges:yfiles.algorithms.Edge[]):yfiles.algorithms.Node;
       /**
        * Creates a dummy {@link yfiles.algorithms.Edge} using the given data.
-       * @param {yfiles.algorithms.Node} newSource the source node of the {@link yfiles.algorithms.Edge}
-       * @param {yfiles.algorithms.Node} newTarget the target node of the {@link yfiles.algorithms.Edge}
-       * @param {yfiles.algorithms.Edge} oldEdge the old {@link yfiles.algorithms.Edge} from which to retrieve the data
-       * @param {boolean} sourceEnd <code>true</code> if the source node of the edge is referred, <code>false</code> otherwise
-       * @param {boolean} targetEnd <code>true</code> if the target node of the edge is referred, <code>false</code> otherwise
-       * @returns {yfiles.algorithms.Edge} a new dummy {@link yfiles.algorithms.Edge}
+       * @param newSource the source node of the {@link }
+       * @param newTarget the target node of the {@link }
+       * @param oldEdge the old {@link } from which to retrieve the data
+       * @param sourceEnd <code>true</code> if the source node of the edge is referred, <code>false</code> otherwise
+       * @param targetEnd <code>true</code> if the target node of the edge is referred, <code>false</code> otherwise
+       * @returns a new dummy {@link }
        * @abstract
        */
       createDummyEdge(newSource:yfiles.algorithms.Node,newTarget:yfiles.algorithms.Node,oldEdge:yfiles.algorithms.Edge,sourceEnd:boolean,targetEnd:boolean):yfiles.algorithms.Edge;
       /**
        * Creates an edge group {@link yfiles.algorithms.Node} in the given {@link yfiles.hierarchic.ILayer}.
-       * @param {yfiles.hierarchic.ILayer} layer the given {@link yfiles.hierarchic.ILayer} instance
-       * @param {Object} groupId the ID of the edge group
-       * @returns {yfiles.algorithms.Node} the new group {@link yfiles.algorithms.Node}
+       * @param layer the given {@link } instance
+       * @param groupId the ID of the edge group
+       * @returns the new group {@link }
        * @abstract
        */
       createEdgeGroupNode(layer:yfiles.hierarchic.ILayer,groupId:Object):yfiles.algorithms.Node;
       /**
        * Creates a {@link yfiles.hierarchic.INodeData} object for an edge group {@link yfiles.algorithms.Node} and associates it with the
        * {@link yfiles.algorithms.Node}.
-       * @param {yfiles.algorithms.Node} node the given {@link yfiles.algorithms.Node}
-       * @param {Object} groupId the given group ID
-       * @param {boolean} source <code>true</code> if the edge group is referred to the source node, <code>false</code> otherwise
-       * @returns {yfiles.hierarchic.INodeData} a {@link yfiles.hierarchic.INodeData} object for the given edge group {@link yfiles.algorithms.Node}
+       * @param node the given {@link }
+       * @param groupId the given group ID
+       * @param source <code>true</code> if the edge group is referred to the source node, <code>false</code> otherwise
+       * @returns a {@link } object for the given edge group {@link }
        * @abstract
        */
       createEdgeGroupNodeData(node:yfiles.algorithms.Node,groupId:Object,source:boolean):yfiles.hierarchic.INodeData;
       /**
        * Creates an {@link yfiles.algorithms.Edge} that connects two group border {@link yfiles.algorithms.Node}s.
-       * @param {yfiles.algorithms.Node} source the source {@link yfiles.algorithms.Node}
-       * @param {yfiles.algorithms.Node} target the target {@link yfiles.algorithms.Node}
-       * @returns {yfiles.algorithms.Edge} the new {@link yfiles.algorithms.Edge} connecting the two group {@link yfiles.algorithms.Node}s
+       * @param source the source {@link }
+       * @param target the target {@link }
+       * @returns the new {@link } connecting the two group {@link }s
        * @abstract
        */
       createGroupBorderEdge(source:yfiles.algorithms.Node,target:yfiles.algorithms.Node):yfiles.algorithms.Edge;
       /**
        * Creates a group boundary {@link yfiles.algorithms.Node} for a group node in the given {@link yfiles.hierarchic.ILayer}.
-       * @param {yfiles.algorithms.Node} groupNode the given group {@link yfiles.algorithms.Node}
-       * @param {yfiles.hierarchic.ILayer} layer the given {@link yfiles.hierarchic.ILayer}
-       * @param {yfiles.hierarchic.NodeDataType} type one of {@link yfiles.hierarchic.NodeDataType#GROUP_BEGIN} or {@link yfiles.hierarchic.NodeDataType#GROUP_END}
-       * @returns {yfiles.algorithms.Node} the new group boundary {@link yfiles.algorithms.Node}
+       * @param groupNode the given group {@link }
+       * @param layer the given {@link }
+       * @param type one of {@link #GROUP_BEGIN} or {@link #GROUP_END}
+       * @returns the new group boundary {@link }
        * @abstract
        */
       createGroupBorderNode(groupNode:yfiles.algorithms.Node,layer:yfiles.hierarchic.ILayer,type:yfiles.hierarchic.NodeDataType):yfiles.algorithms.Node;
       /**
        * Create a dummy {@link yfiles.algorithms.Node} for a group {@link yfiles.hierarchic.ILayer layer}.
-       * @returns {yfiles.algorithms.Node} a new dummy {@link yfiles.algorithms.Node}
+       * @returns a new dummy {@link }
        * @abstract
        */
       createGroupLayerDummyNode():yfiles.algorithms.Node;
       /**
        * Creates a group node connector {@link yfiles.algorithms.Edge} between two group {@link yfiles.algorithms.Node}s.
-       * @param {yfiles.algorithms.Node} groupNode1 the first group node
-       * @param {yfiles.algorithms.Node} groupNode2 the first group node
-       * @param {yfiles.algorithms.Edge} representative the given representative {@link yfiles.algorithms.Edge}
-       * @returns {yfiles.algorithms.Edge} a new connector {@link yfiles.algorithms.Edge} between two group {@link yfiles.algorithms.Node}s
+       * @param groupNode1 the first group node
+       * @param groupNode2 the first group node
+       * @param representative the given representative {@link }
+       * @returns a new connector {@link } between two group {@link }s
        * @abstract
        */
       createGroupNodeConnectorEdge(groupNode1:yfiles.algorithms.Node,groupNode2:yfiles.algorithms.Node,representative:yfiles.algorithms.Edge):yfiles.algorithms.Edge;
       /**
        * Creates an {@link yfiles.hierarchic.IEdgeData} object for a normal {@link yfiles.algorithms.Edge} and associates it with the edge.
-       * @param {yfiles.algorithms.Edge} edge the given {@link yfiles.algorithms.Edge}
-       * @returns {yfiles.hierarchic.IEdgeData} an {@link yfiles.hierarchic.IEdgeData} object for the given {@link yfiles.algorithms.Edge}
+       * @param edge the given {@link }
+       * @returns an {@link } object for the given {@link }
        * @abstract
        */
       createNormalEdgeData(edge:yfiles.algorithms.Edge):yfiles.hierarchic.IEdgeData;
       /**
        * Creates a {@link yfiles.hierarchic.INodeData} object for a normal {@link yfiles.algorithms.Node} and associates it with the
        * {@link yfiles.algorithms.Node}.
-       * @param {yfiles.algorithms.Node} node the given {@link yfiles.algorithms.Node}
-       * @returns {yfiles.hierarchic.INodeData} a {@link yfiles.hierarchic.INodeData} object for the given {@link yfiles.algorithms.Node}
+       * @param node the given {@link }
+       * @returns a {@link } object for the given {@link }
        * @abstract
        */
       createNormalNodeData(node:yfiles.algorithms.Node):yfiles.hierarchic.INodeData;
       /**
        * Creates a proxy {@link yfiles.algorithms.Node} for an {@link yfiles.algorithms.Edge} during the drawing phase, changing the {@link yfiles.algorithms.Edge}
        * to end/start at the proxy and assigns it to a {@link yfiles.hierarchic.SwimlaneDescriptor} instance.
-       * @param {yfiles.algorithms.Edge} edge the given {@link yfiles.algorithms.Edge}
-       * @param {boolean} source <code>true</code> if the node is the source node of the edge, <code>false</code> otherwise
-       * @param {yfiles.hierarchic.SwimlaneDescriptor} [laneDescriptor=null] a given {@link yfiles.hierarchic.SwimlaneDescriptor} instance
-       * @returns {yfiles.algorithms.Node} the new proxy {@link yfiles.algorithms.Node}
+       * @param edge the given {@link }
+       * @param source <code>true</code> if the node is the source node of the edge, <code>false</code> otherwise
+       * @param [laneDescriptor=null] a given {@link } instance
+       * @returns the new proxy {@link }
        * @abstract
        */
       createProxyNode(edge:yfiles.algorithms.Edge,source:boolean,laneDescriptor?:yfiles.hierarchic.SwimlaneDescriptor):yfiles.algorithms.Node;
       /**
        * Creates a {@link yfiles.hierarchic.INodeData} object for a proxy {@link yfiles.algorithms.Node} and associates it with the proxy node.
-       * @param {yfiles.algorithms.Node} node the given {@link yfiles.algorithms.Node}
-       * @param {yfiles.algorithms.Node} proxy the given proxy node
-       * @param {yfiles.algorithms.Edge} edge the given {@link yfiles.algorithms.Edge}
-       * @returns {yfiles.hierarchic.INodeData} a {@link yfiles.hierarchic.INodeData} object for the given proxy node
+       * @param node the given {@link }
+       * @param proxy the given proxy node
+       * @param edge the given {@link }
+       * @returns a {@link } object for the given proxy node
        * @abstract
        */
       createProxyNodeData(node:yfiles.algorithms.Node,proxy:yfiles.algorithms.Node,edge:yfiles.algorithms.Edge):yfiles.hierarchic.INodeData;
       /**
        * Creates a dummy edge that belongs to a recursive {@link yfiles.algorithms.Edge}.
-       * @param {yfiles.algorithms.Node} newSource the source node of the {@link yfiles.algorithms.Edge}
-       * @param {yfiles.algorithms.Node} newTarget the target node of the {@link yfiles.algorithms.Edge}
-       * @param {yfiles.algorithms.Edge} oldEdge the old {@link yfiles.algorithms.Edge} from which to retrieve the data
-       * @param {boolean} sourceEnd <code>true</code> if the source node of the edge is referred, <code>false</code> otherwise
-       * @param {boolean} targetEnd <code>true</code> if the target node of the edge is referred, <code>false</code> otherwise
-       * @returns {yfiles.algorithms.Edge} a new dummy {@link yfiles.algorithms.Edge}
+       * @param newSource the source node of the {@link }
+       * @param newTarget the target node of the {@link }
+       * @param oldEdge the old {@link } from which to retrieve the data
+       * @param sourceEnd <code>true</code> if the source node of the edge is referred, <code>false</code> otherwise
+       * @param targetEnd <code>true</code> if the target node of the edge is referred, <code>false</code> otherwise
+       * @returns a new dummy {@link }
        * @abstract
        */
       createRecursiveDummyEdge(newSource:yfiles.algorithms.Node,newTarget:yfiles.algorithms.Node,oldEdge:yfiles.algorithms.Edge,sourceEnd:boolean,targetEnd:boolean):yfiles.algorithms.Edge;
       /**
        * Creates a dummy {@link yfiles.algorithms.Node} that represents a bend node of a recursive {@link yfiles.algorithms.Edge}.
-       * @param {yfiles.hierarchic.ILayer} layer the given {@link yfiles.hierarchic.ILayer} to which the dummy {@link yfiles.algorithms.Node} is assigned
-       * @param {yfiles.algorithms.Edge} edge the given {@link yfiles.algorithms.Edge} to which the dummy {@link yfiles.algorithms.Node} belongs
-       * @param {yfiles.hierarchic.SwimlaneDescriptor} laneDescriptor the given {@link yfiles.hierarchic.SwimlaneDescriptor} instance
-       * @returns {yfiles.algorithms.Node} the new {@link yfiles.algorithms.Node}
+       * @param layer the given {@link } to which the dummy {@link } is assigned
+       * @param edge the given {@link } to which the dummy {@link } belongs
+       * @param laneDescriptor the given {@link } instance
+       * @returns the new {@link }
        * @abstract
        */
       createRecursiveEdgeDummy(layer:yfiles.hierarchic.ILayer,edge:yfiles.algorithms.Edge,laneDescriptor:yfiles.hierarchic.SwimlaneDescriptor):yfiles.algorithms.Node;
       /**
        * Creates a {@link yfiles.hierarchic.INodeData} for a dummy {@link yfiles.algorithms.Node} of a recursive {@link yfiles.algorithms.Edge}.
-       * @param {yfiles.algorithms.Node} node the given {@link yfiles.algorithms.Node}
-       * @param {yfiles.algorithms.Edge} edge the given {@link yfiles.algorithms.Edge} to which the dummy {@link yfiles.algorithms.Node} belongs
-       * @param {yfiles.hierarchic.SwimlaneDescriptor} laneDescriptor the given {@link yfiles.hierarchic.SwimlaneDescriptor} instance
-       * @returns {yfiles.hierarchic.INodeData} the new {@link yfiles.hierarchic.INodeData} instance
+       * @param node the given {@link }
+       * @param edge the given {@link } to which the dummy {@link } belongs
+       * @param laneDescriptor the given {@link } instance
+       * @returns the new {@link } instance
        * @abstract
        */
       createRecursiveEdgeNodeData(node:yfiles.algorithms.Node,edge:yfiles.algorithms.Edge,laneDescriptor:yfiles.hierarchic.SwimlaneDescriptor):yfiles.hierarchic.INodeData;
       /**
        * Creates an {@link yfiles.hierarchic.IEdgeData} object for a same-layer recursive {@link yfiles.algorithms.Edge} and associates it with
        * the edge.
-       * @param {yfiles.algorithms.Edge} edge the given {@link yfiles.algorithms.Edge}
-       * @param {yfiles.hierarchic.IEdgeData} originalEdgeData the {@link yfiles.hierarchic.IEdgeData} object of the original edge
-       * @param {boolean} isUpper <code>true</code> is the recursive edge is an upper same layer edge, <code>false</code> otherwise
-       * @returns {yfiles.hierarchic.IEdgeData} an {@link yfiles.hierarchic.IEdgeData} object for the recursive same-layer {@link yfiles.algorithms.Edge}
+       * @param edge the given {@link }
+       * @param originalEdgeData the {@link } object of the original edge
+       * @param isUpper <code>true</code> is the recursive edge is an upper same layer edge, <code>false</code> otherwise
+       * @returns an {@link } object for the recursive same-layer {@link }
        * @abstract
        */
       createRecursiveSameLayerEdgeData(edge:yfiles.algorithms.Edge,originalEdgeData:yfiles.hierarchic.IEdgeData,isUpper:boolean):yfiles.hierarchic.IEdgeData;
       /**
        * Creates a redirected {@link yfiles.algorithms.Edge} to replace an {@link yfiles.algorithms.Edge} connected to a group
        * {@link yfiles.algorithms.Node}.
-       * @param {yfiles.algorithms.Node} newSource the source node of the {@link yfiles.algorithms.Edge}
-       * @param {yfiles.algorithms.Node} newTarget the target node of the {@link yfiles.algorithms.Edge}
-       * @param {yfiles.algorithms.Edge} groupEdge the given group {@link yfiles.algorithms.Edge}
-       * @returns {yfiles.algorithms.Edge} a new redirected {@link yfiles.algorithms.Edge}
+       * @param newSource the source node of the {@link }
+       * @param newTarget the target node of the {@link }
+       * @param groupEdge the given group {@link }
+       * @returns a new redirected {@link }
        * @abstract
        */
       createRedirectedGroupEdge(newSource:yfiles.algorithms.Node,newTarget:yfiles.algorithms.Node,groupEdge:yfiles.algorithms.Edge):yfiles.algorithms.Edge;
       /**
        * Creates a reversed dummy {@link yfiles.algorithms.Edge} using the given data.
-       * @param {yfiles.algorithms.Node} newSource the source node of the {@link yfiles.algorithms.Edge}
-       * @param {yfiles.algorithms.Node} newTarget the target node of the {@link yfiles.algorithms.Edge}
-       * @param {yfiles.algorithms.Edge} oldEdge the old {@link yfiles.algorithms.Edge} from which to retrieve the data
-       * @param {boolean} sourceEnd <code>true</code> if the source node of the edge is referred, <code>false</code> otherwise
-       * @param {boolean} targetEnd <code>true</code> if the target node of the edge is referred, <code>false</code> otherwise
-       * @returns {yfiles.algorithms.Edge} a new reversed dummy {@link yfiles.algorithms.Edge}
+       * @param newSource the source node of the {@link }
+       * @param newTarget the target node of the {@link }
+       * @param oldEdge the old {@link } from which to retrieve the data
+       * @param sourceEnd <code>true</code> if the source node of the edge is referred, <code>false</code> otherwise
+       * @param targetEnd <code>true</code> if the target node of the edge is referred, <code>false</code> otherwise
+       * @returns a new reversed dummy {@link }
        * @abstract
        */
       createReverseDummyEdge(newSource:yfiles.algorithms.Node,newTarget:yfiles.algorithms.Node,oldEdge:yfiles.algorithms.Edge,sourceEnd:boolean,targetEnd:boolean):yfiles.algorithms.Edge;
       /**
        * Creates an {@link yfiles.hierarchic.IEdgeData} object for a same-layer {@link yfiles.algorithms.Edge} and associates it with the edge.
-       * @param {yfiles.algorithms.Edge} edge the given {@link yfiles.algorithms.Edge}
-       * @returns {yfiles.hierarchic.IEdgeData} an {@link yfiles.hierarchic.IEdgeData} object for the same-layer {@link yfiles.algorithms.Edge}
+       * @param edge the given {@link }
+       * @returns an {@link } object for the same-layer {@link }
        * @abstract
        */
       createSameLayerEdgeData(edge:yfiles.algorithms.Edge):yfiles.hierarchic.IEdgeData;
       /**
        * Creates a same-layer {@link yfiles.algorithms.Edge} proxy connecting a newly created proxy {@link yfiles.algorithms.Node} and a given
        * proxy {@link yfiles.algorithms.Node} in the given {@link yfiles.hierarchic.ILayer}.
-       * @param {yfiles.hierarchic.ILayer} layer the given {@link yfiles.hierarchic.ILayer}
-       * @param {yfiles.algorithms.Edge} edge the given {@link yfiles.algorithms.Edge}
-       * @param {yfiles.algorithms.Node} toProxy the given proxy {@link yfiles.algorithms.Node}
-       * @returns {yfiles.algorithms.Edge} a new redefined same-layer {@link yfiles.algorithms.Edge}
+       * @param layer the given {@link }
+       * @param edge the given {@link }
+       * @param toProxy the given proxy {@link }
+       * @returns a new redefined same-layer {@link }
        * @abstract
        */
       createSameLayerProxy(layer:yfiles.hierarchic.ILayer,edge:yfiles.algorithms.Edge,toProxy:yfiles.algorithms.Node):yfiles.algorithms.Edge;
       /**
        * Creates a proxy {@link yfiles.algorithms.Node} for a same-layer {@link yfiles.algorithms.Edge} during the drawing phase that ends at the
        * side of a node.
-       * @param {yfiles.hierarchic.ILayer} inLayer the given {@link yfiles.hierarchic.ILayer} instance
-       * @param {yfiles.algorithms.Node} forNode the given {@link yfiles.algorithms.Node}
-       * @param {yfiles.algorithms.Edge} edge the given {@link yfiles.algorithms.Edge}
-       * @param {yfiles.hierarchic.SwimlaneDescriptor} [sld=null] a given {@link yfiles.hierarchic.SwimlaneDescriptor} instance
-       * @returns {yfiles.algorithms.Node} the new proxy {@link yfiles.algorithms.Node}
+       * @param inLayer the given {@link } instance
+       * @param forNode the given {@link }
+       * @param edge the given {@link }
+       * @param [sld=null] a given {@link } instance
+       * @returns the new proxy {@link }
        * @abstract
        */
       createSameLayerSideProxy(inLayer:yfiles.hierarchic.ILayer,forNode:yfiles.algorithms.Node,edge:yfiles.algorithms.Edge,sld?:yfiles.hierarchic.SwimlaneDescriptor):yfiles.algorithms.Node;
       /**
        * Creates a same-layer switch proxy {@link yfiles.algorithms.Node} (switching between two same-layer
        * {@link yfiles.algorithms.Edge}s on two different sides of the layer).
-       * @param {yfiles.hierarchic.ILayer} layer the given {@link yfiles.hierarchic.ILayer}
-       * @param {yfiles.algorithms.Edge} edge the given {@link yfiles.algorithms.Edge}
-       * @returns {yfiles.algorithms.Node} the new same-layer switch proxy {@link yfiles.algorithms.Node}
+       * @param layer the given {@link }
+       * @param edge the given {@link }
+       * @returns the new same-layer switch proxy {@link }
        * @abstract
        */
       createSameLayerSwitchProxy(layer:yfiles.hierarchic.ILayer,edge:yfiles.algorithms.Edge):yfiles.algorithms.Node;
       /**
        * Creates an {@link yfiles.hierarchic.IEdgeData} object for a self-loop {@link yfiles.algorithms.Edge} and associates it with the edge.
-       * @param {yfiles.algorithms.Edge} edge the given {@link yfiles.algorithms.Edge}
-       * @returns {yfiles.hierarchic.IEdgeData} an {@link yfiles.hierarchic.IEdgeData} object for a self-loop {@link yfiles.algorithms.Edge}
+       * @param edge the given {@link }
+       * @returns an {@link } object for a self-loop {@link }
        * @abstract
        */
       createSelfLoopEdgeData(edge:yfiles.algorithms.Edge):yfiles.hierarchic.IEdgeData;
       /**
        * Destroys a spacer {@link yfiles.algorithms.Node} for the drawing phase created using
        * {@link yfiles.hierarchic.IItemFactory#createDistanceNode}.
-       * @param {yfiles.algorithms.Node} distanceNode the {@link yfiles.algorithms.Node} to be destroyed
+       * @param distanceNode the {@link } to be destroyed
        * @abstract
        */
       destroyDistanceNode(distanceNode:yfiles.algorithms.Node):void;
       /**
        * Removes the given layer for proxies at groups to handle direct group content connector edges between a node in the
        * first/last layer of the group node and the groups border.
-       * @param {yfiles.hierarchic.ILayer} layer the layer to destroy
-       * @param {boolean} useInEdges whether the incoming edges should be used as the resulting edges
+       * @param layer the layer to destroy
+       * @param useInEdges whether the incoming edges should be used as the resulting edges
        * @see yfiles.hierarchic.EdgeLayoutDescriptor#directGroupContentEdgeRouting
        * @abstract
        */
       destroyGroupConnectorLayer(layer:yfiles.hierarchic.ILayer,useInEdges:boolean):void;
       /**
        * Destroys a previously created label layer
-       * @param {yfiles.hierarchic.ILayer} layer the layer to destroy
-       * @param {boolean} useInEdges whether the incoming edges should be used as the resulting edges
+       * @param layer the layer to destroy
+       * @param useInEdges whether the incoming edges should be used as the resulting edges
        * @abstract
        */
       destroyLabelNodeLayer(layer:yfiles.hierarchic.ILayer,useInEdges:boolean):void;
       /**
-       * Destroys a proxy {@link yfiles.algorithms.Node} created using CreateProxyNode for the drawing phase.
-       * @param {yfiles.algorithms.Node} proxyNode the proxy {@link yfiles.algorithms.Node} to be destroyed
-       * @returns {yfiles.algorithms.Edge} 
+       * Destroys a proxy {@link yfiles.algorithms.Node} created using {@link yfiles.hierarchic.IItemFactory#createProxyNode} for the drawing
+       * phase.
+       * @param proxyNode the proxy {@link } to be destroyed
+       * @returns 
        * @abstract
        */
       destroyProxyNode(proxyNode:yfiles.algorithms.Node):yfiles.algorithms.Edge;
       /**
        * Destroys a same-layer {@link yfiles.algorithms.Edge} proxy created using {@link yfiles.hierarchic.IItemFactory#createSameLayerProxy}.
-       * @param {yfiles.algorithms.Edge} edge the {@link yfiles.algorithms.Edge} whose proxy will be destroyed
-       * @returns {yfiles.algorithms.Edge} the redefined {@link yfiles.algorithms.Edge} after the removal of the proxy {@link yfiles.algorithms.Node}
+       * @param edge the {@link } whose proxy will be destroyed
+       * @returns the redefined {@link } after the removal of the proxy {@link }
        * @abstract
        */
       destroySameLayerProxy(edge:yfiles.algorithms.Edge):yfiles.algorithms.Edge;
       /**
-       * Destroys a proxy {@link yfiles.algorithms.Node} created using CreateProxyNode for the drawing phase.
-       * @param {yfiles.algorithms.Node} proxyNode the proxy {@link yfiles.algorithms.Node} to be destroyed
+       * Destroys a proxy {@link yfiles.algorithms.Node} created using {@link yfiles.hierarchic.IItemFactory#createProxyNode} for the drawing
+       * phase.
+       * @param proxyNode the proxy {@link } to be destroyed
        * @abstract
        */
       destroySameLayerSideProxy(proxyNode:yfiles.algorithms.Node):void;
       /**
        * Destroys a same-layer switch proxy {@link yfiles.algorithms.Node} created using
        * {@link yfiles.hierarchic.IItemFactory#createSameLayerSwitchProxy}.
-       * @param {yfiles.algorithms.Node} node the {@link yfiles.algorithms.Node} to be destroyed
-       * @returns {yfiles.algorithms.Edge} the redefined {@link yfiles.algorithms.Edge} after the removal of the same-layer switch proxy {@link yfiles.algorithms.Node}
+       * @param node the {@link } to be destroyed
+       * @returns the redefined {@link } after the removal of the same-layer switch proxy {@link }
        * @abstract
        */
       destroySameLayerSwitchProxy(node:yfiles.algorithms.Node):yfiles.algorithms.Edge;
@@ -103737,81 +97532,81 @@ declare namespace system{
        * Inserts a same-layer {@link yfiles.algorithms.Edge} or an {@link yfiles.algorithms.Edge} that may span multiple layers into the data
        * structure and returns the resulting list of
        * {@link yfiles.algorithms.Edge}s that has been created if this edge spans multiple layers.
-       * @param {yfiles.algorithms.Edge} edge the given {@link yfiles.algorithms.Edge}
-       * @returns {yfiles.algorithms.EdgeList} the resulting list of {@link yfiles.algorithms.Edge}s that has been created if this edge spans multiple layers
+       * @param edge the given {@link }
+       * @returns the resulting list of {@link }s that has been created if this edge spans multiple layers
        * @abstract
        */
       insertEdge(edge:yfiles.algorithms.Edge):yfiles.algorithms.EdgeList;
       /**
        * Inserts a layer for proxies at groups to handle direct group content connector edges between a node in the first/last
        * layer of the group node and the groups border.
-       * @param {boolean} top <code>true</code> if this layer is placed above a group nodes, <code>false</code> if placed below
-       * @param {number} index the index where the layer is inserted
-       * @returns {yfiles.hierarchic.ILayer} the new layer
+       * @param top <code>true</code> if this layer is placed above a group nodes, <code>false</code> if placed below
+       * @param index the index where the layer is inserted
+       * @returns the new layer
        * @see yfiles.hierarchic.EdgeLayoutDescriptor#directGroupContentEdgeRouting
        * @abstract
        */
       insertGroupConnectorLayer(top:boolean,index:number):yfiles.hierarchic.ILayer;
       /**
        * Inserts a {@link yfiles.hierarchic.ILayer layer} for group {@link yfiles.algorithms.Node}s.
-       * @param {boolean} source <code>true</code> if the group refers to the source node of an edge, <code>false</code> otherwise
-       * @param {number} index the index at which the specified {@link yfiles.hierarchic.ILayer layer} is to be inserted
-       * @returns {yfiles.hierarchic.ILayer} a {@link yfiles.hierarchic.ILayer layer} instance
+       * @param source <code>true</code> if the group refers to the source node of an edge, <code>false</code> otherwise
+       * @param index the index at which the specified {@link  layer} is to be inserted
+       * @returns a {@link  layer} instance
        * @abstract
        */
       insertGroupNodeLayer(source:boolean,index:number):yfiles.hierarchic.ILayer;
       /**
        * Inserts a {@link yfiles.hierarchic.ILayer} for labels.
-       * @param {boolean} source <code>true</code> if the source node of the edge, <code>false</code> otherwise
-       * @param {number} index the index at which the specified {@link yfiles.hierarchic.ILayer} is to be inserted
-       * @returns {yfiles.hierarchic.ILayer} a {@link yfiles.hierarchic.ILayer layer} instance
+       * @param source <code>true</code> if the source node of the edge, <code>false</code> otherwise
+       * @param index the index at which the specified {@link } is to be inserted
+       * @returns a {@link  layer} instance
        * @abstract
        */
       insertLabelNodeLayer(source:boolean,index:number):yfiles.hierarchic.ILayer;
       /**
        * Registers an {@link yfiles.algorithms.Edge} as a same-layer {@link yfiles.algorithms.Edge} appropriately into all data structures.
-       * @param {yfiles.algorithms.Edge} edge the given {@link yfiles.algorithms.Edge} to be registered
+       * @param edge the given {@link } to be registered
        * @abstract
        */
       registerSameLayerEdge(edge:yfiles.algorithms.Edge):void;
       /**
        * Converts a same-layer {@link yfiles.algorithms.Edge} to an {@link yfiles.algorithms.Edge} of type
        * {@link yfiles.hierarchic.EdgeDataType#DIRECT_SAME_LAYER_EDGE}.
-       * @param {yfiles.algorithms.Edge} sameLayerEdge the given same-layer {@link yfiles.algorithms.Edge}
+       * @param sameLayerEdge the given same-layer {@link }
        * @abstract
        */
       setDirectlyConnectSameLayerEdge(sameLayerEdge:yfiles.algorithms.Edge):void;
       /**
        * Specifies an edge group constraint for an {@link yfiles.algorithms.Edge} and assigns it to an {@link yfiles.hierarchic.IEdgeData}
        * object.
-       * @param {yfiles.algorithms.Edge} edge the given {@link yfiles.algorithms.Edge}
-       * @param {Object} sgId the ID of the edge group at the source node
-       * @param {Object} tgId the ID of the edge group at the target node
-       * @returns {yfiles.hierarchic.IEdgeData} an {@link yfiles.hierarchic.IEdgeData} object
+       * @param edge the given {@link }
+       * @param sgId the ID of the edge group at the source node
+       * @param tgId the ID of the edge group at the target node
+       * @returns an {@link } object
        * @abstract
        */
       setTemporaryEdgeGroups(edge:yfiles.algorithms.Edge,sgId:Object,tgId:Object):yfiles.hierarchic.IEdgeData;
       /**
        * Specifies the thickness for an {@link yfiles.algorithms.Edge} and defines it in an {@link yfiles.hierarchic.IEdgeData} object.
-       * @param {yfiles.algorithms.Edge} edge the given {@link yfiles.algorithms.Edge}
-       * @param {number} thickness the new edge thickness
-       * @returns {yfiles.hierarchic.IEdgeData} an {@link yfiles.hierarchic.IEdgeData} object with an adjusted {@link yfiles.hierarchic.EdgeLayoutDescriptor}
+       * @param edge the given {@link }
+       * @param thickness the new edge thickness
+       * @returns an {@link } object with an adjusted {@link }
        * @abstract
        */
       setTemporaryEdgeThickness(edge:yfiles.algorithms.Edge,thickness:number):yfiles.hierarchic.IEdgeData;
       /**
        * Specifies a port constraint for an {@link yfiles.algorithms.Edge} at the given side and assigns it to an {@link yfiles.hierarchic.IEdgeData}
        * object.
-       * @param {yfiles.algorithms.Edge} edge the given {@link yfiles.algorithms.Edge}
-       * @param {boolean} source <code>true</code> of the port constraint is defined on the source node of the {@link yfiles.algorithms.Edge}, <code>false</code> otherwise
-       * @param {yfiles.layout.PortConstraint} pc the given {@link yfiles.layout.PortConstraint} instance
-       * @returns {yfiles.hierarchic.IEdgeData} an {@link yfiles.hierarchic.IEdgeData} object
+       * @param edge the given {@link }
+       * @param source <code>true</code> of the port constraint is defined on the source node of the {@link }, <code>false</code> otherwise
+       * @param pc the given {@link } instance
+       * @returns an {@link } object
        * @abstract
        */
       setTemporaryPortConstraint(edge:yfiles.algorithms.Edge,source:boolean,pc:yfiles.layout.PortConstraint):yfiles.hierarchic.IEdgeData;
       /**
        * Reverts a label node to the normal {@link yfiles.algorithms.Node}.
-       * @param {yfiles.algorithms.Node} labelNode the given label node to be converted
+       * @param labelNode the given label node to be converted
        * @abstract
        */
       unconvertToLabelNode(labelNode:yfiles.algorithms.Node):void;
@@ -103834,19 +97629,19 @@ declare namespace system{
     export interface ILayer extends Object{
       /**
        * Adds a newly created {@link yfiles.algorithms.Node} to this {@link yfiles.hierarchic.ILayer} instance.
-       * @param {yfiles.algorithms.Node} node the {@link yfiles.algorithms.Node} to be added
+       * @param node the {@link } to be added
        * @abstract
        */
       add(node:yfiles.algorithms.Node):void;
       /**
        * Adds a same-layer {@link yfiles.algorithms.Edge} to this {@link yfiles.hierarchic.ILayer} instance.
-       * @param {yfiles.algorithms.Edge} edge the same-layer {@link yfiles.algorithms.Edge} to be added
+       * @param edge the same-layer {@link } to be added
        * @abstract
        */
       addSameLayerEdge(edge:yfiles.algorithms.Edge):void;
       /**
        * Removes a {@link yfiles.algorithms.Node} from this {@link yfiles.hierarchic.ILayer} instance.
-       * @param {yfiles.algorithms.Node} node the {@link yfiles.algorithms.Node} to be removed
+       * @param node the {@link } to be removed
        * @abstract
        */
       remove(node:yfiles.algorithms.Node):void;
@@ -103858,7 +97653,7 @@ declare namespace system{
       /**
        * Adjusts the order of the {@link yfiles.algorithms.Node}s of this {@link yfiles.hierarchic.ILayer} instance according to the given
        * order.
-       * @param {yfiles.algorithms.YList} list the given list to be used
+       * @param list the given list to be used
        * @abstract
        */
       setNodeOrder(list:yfiles.algorithms.YList):void;
@@ -103919,10 +97714,10 @@ declare namespace system{
        * The state of the source {@link yfiles.hierarchic.ILayers} instance is discarded after this call and does not need to be updated
        * to reflect the changes. The target {@link yfiles.hierarchic.ILayers} instance must be updated accordingly.
        * </p>
-       * @param {yfiles.layout.LayoutGraph} graph the graph containing the nodes of source and target {@link yfiles.hierarchic.ILayers} instances
-       * @param {yfiles.hierarchic.ILayoutDataProvider} ldp the {@link yfiles.hierarchic.ILayoutDataProvider} used for querying the layer indices
-       * @param {yfiles.hierarchic.ILayers} srcLayers the source {@link yfiles.hierarchic.ILayers} instance that will be merged into the target {@link yfiles.hierarchic.ILayers} instance
-       * @param {yfiles.hierarchic.ILayers} targetLayers the {@link yfiles.hierarchic.ILayers} instance that will be modified to contain the resulting layering
+       * @param graph the graph containing the nodes of source and target {@link } instances
+       * @param ldp the {@link } used for querying the layer indices
+       * @param srcLayers the source {@link } instance that will be merged into the target {@link } instance
+       * @param targetLayers the {@link } instance that will be modified to contain the resulting layering
        * @abstract
        */
       merge(graph:yfiles.layout.LayoutGraph,ldp:yfiles.hierarchic.ILayoutDataProvider,srcLayers:yfiles.hierarchic.ILayers,targetLayers:yfiles.hierarchic.ILayers):void;
@@ -103952,9 +97747,9 @@ declare namespace system{
        * Information about the nodes is provided by a {@link yfiles.hierarchic.ILayoutDataProvider}. However, positional information (see
        * {@link yfiles.hierarchic.INodeData#position} and {@link yfiles.hierarchic.INodeData#layer}) is not available during this phase.
        * </p>
-       * @param {yfiles.layout.LayoutGraph} graph the input graph
-       * @param {yfiles.hierarchic.ILayers} layers the {@link yfiles.hierarchic.ILayers} instance that will be filled with the results of the calculation
-       * @param {yfiles.hierarchic.ILayoutDataProvider} ldp the {@link yfiles.hierarchic.ILayoutDataProvider} used for querying information about the nodes and edges
+       * @param graph the input graph
+       * @param layers the {@link } instance that will be filled with the results of the calculation
+       * @param ldp the {@link } used for querying information about the nodes and edges
        * @see yfiles.hierarchic.ILayers#insert
        * @see yfiles.hierarchic.ILayer#add
        * @abstract
@@ -103982,34 +97777,34 @@ declare namespace system{
       /**
        * Creates a new and empty {@link yfiles.hierarchic.ILayers} instance that can be used on the same graph instance for temporary
        * results.
-       * @returns {yfiles.hierarchic.ILayers} a new and empty {@link yfiles.hierarchic.ILayers} instance
+       * @returns a new and empty {@link } instance
        * @abstract
        */
       createInstance():yfiles.hierarchic.ILayers;
       /**
        * Returns the {@link yfiles.hierarchic.ILayer layer} at the specified position in this {@link yfiles.hierarchic.ILayers list of layers}.
-       * @param {number} i the zero-based index of the {@link yfiles.hierarchic.ILayer layer} to return
-       * @returns {yfiles.hierarchic.ILayer} the {@link yfiles.hierarchic.ILayer layer} at the specified position
+       * @param i the zero-based index of the {@link  layer} to return
+       * @returns the {@link  layer} at the specified position
        * @abstract
        */
       getLayer(i:number):yfiles.hierarchic.ILayer;
       /**
        * Creates, inserts and returns a {@link yfiles.hierarchic.ILayer layer} of a given type associated with this {@link yfiles.hierarchic.ILayers list of layers}.
-       * @param {yfiles.hierarchic.LayerType} type one of the predefined layer types as defined in {@link yfiles.hierarchic.ILayer} interface
-       * @param {number} position the index at which the specified {@link yfiles.hierarchic.ILayer layer} is to be inserted
-       * @returns {yfiles.hierarchic.ILayer} a new {@link yfiles.hierarchic.ILayer} instance
+       * @param type one of the predefined layer types as defined in {@link } interface
+       * @param position the index at which the specified {@link  layer} is to be inserted
+       * @returns a new {@link } instance
        * @abstract
        */
       insert(type:yfiles.hierarchic.LayerType,position:number):yfiles.hierarchic.ILayer;
       /**
        * Removes the {@link yfiles.hierarchic.ILayer layer} at the specified position from this {@link yfiles.hierarchic.ILayers list of layers}.
-       * @param {number} index the zero-based index of the {@link yfiles.hierarchic.ILayer layer} to remove
+       * @param index the zero-based index of the {@link  layer} to remove
        * @abstract
        */
       remove(index:number):void;
       /**
        * Returns the number of {@link yfiles.hierarchic.ILayer layers} associated with this {@link yfiles.hierarchic.ILayers} instance.
-       * @returns {number} the number of layers of this {@link yfiles.hierarchic.ILayers} instance
+       * @returns the number of layers of this {@link } instance
        * @abstract
        */
       size():number;
@@ -104031,15 +97826,15 @@ declare namespace system{
     export interface ILayoutDataProvider extends Object{
       /**
        * Returns the {@link yfiles.hierarchic.IEdgeData} instance associated with the given {@link yfiles.algorithms.Edge}.
-       * @param {yfiles.algorithms.Edge} edge the given edge
-       * @returns {yfiles.hierarchic.IEdgeData} the {@link yfiles.hierarchic.IEdgeData} instance associated with the edge
+       * @param edge the given edge
+       * @returns the {@link } instance associated with the edge
        * @abstract
        */
       getEdgeData(edge:yfiles.algorithms.Edge):yfiles.hierarchic.IEdgeData;
       /**
        * Returns the {@link yfiles.hierarchic.INodeData} instance associated with the given {@link yfiles.algorithms.Node}.
-       * @param {yfiles.algorithms.Node} node the given node
-       * @returns {yfiles.hierarchic.INodeData} the {@link yfiles.hierarchic.INodeData} instance associated with the node
+       * @param node the given node
+       * @returns the {@link } instance associated with the node
        * @abstract
        */
       getNodeData(node:yfiles.algorithms.Node):yfiles.hierarchic.INodeData;
@@ -104078,9 +97873,9 @@ declare namespace system{
        * Side value must be inside <code>[0,3]</code> interval, where <code>0</code> corresponds to the top side, <code>1</code> to the right side, <code>2</code> to the bottom side
        * and <code>3</code> to the left side.
        * </p>
-       * @param {number} side an integer value from <code>[0,3]</code> interval
-       * @param {yfiles.layout.INodeLayout} nodeLayout the {@link yfiles.layout.INodeLayout} of the current node
-       * @returns {yfiles.algorithms.BorderLine} a {@link yfiles.algorithms.BorderLine} instance
+       * @param side an integer value from <code>[0,3]</code> interval
+       * @param nodeLayout the {@link } of the current node
+       * @returns a {@link } instance
        * @throws {Stubs.Exceptions.NotSupportedError} if this {@link yfiles.hierarchic.INodeData#type type} of node does not support node borders
        * @see yfiles.hierarchic.INodeData#getNormalizedBorderLine
        * @abstract
@@ -104099,8 +97894,8 @@ declare namespace system{
        * Side value must be inside <code>[0,3]</code> interval, where <code>0</code> corresponds to the top side, <code>1</code> to the right side, <code>2</code> to the bottom side
        * and <code>3</code> to the left side.
        * </p>
-       * @param {number} side an integer value from <code>[0,3]</code> interval
-       * @returns {yfiles.algorithms.BorderLine} a {@link yfiles.algorithms.BorderLine} instance or <code>null</code>
+       * @param side an integer value from <code>[0,3]</code> interval
+       * @returns a {@link } instance or <code>null</code>
        * @see yfiles.hierarchic.INodeData#createBorderLine
        * @abstract
        */
@@ -104108,7 +97903,7 @@ declare namespace system{
       /**
        * Returns the number of same-layer edges associated with the {@link yfiles.algorithms.Node} of this {@link yfiles.hierarchic.INodeData}
        * instance.
-       * @returns {number} the number of same-layer edges associated with the node
+       * @returns the number of same-layer edges associated with the node
        * @abstract
        */
       sameLayerEdgeCount():number;
@@ -104249,9 +98044,9 @@ declare namespace system{
        * The distance between two layers will be adjusted later by the edge routing algorithm. This method is responsible for
        * assigning the relative positions of the nodes within each layer.
        * </p>
-       * @param {yfiles.layout.LayoutGraph} graph the input graph
-       * @param {yfiles.hierarchic.ILayoutDataProvider} layoutDataProvider the {@link yfiles.hierarchic.ILayoutDataProvider} containing information about the elements
-       * @param {yfiles.hierarchic.ILayers} layers the {@link yfiles.hierarchic.ILayers} instance that will be calculated by this method
+       * @param graph the input graph
+       * @param layoutDataProvider the {@link } containing information about the elements
+       * @param layers the {@link } instance that will be calculated by this method
        * @abstract
        */
       assignLayerCoordinates(graph:yfiles.layout.LayoutGraph,layoutDataProvider:yfiles.hierarchic.ILayoutDataProvider,layers:yfiles.hierarchic.ILayers):void;
@@ -104261,10 +98056,10 @@ declare namespace system{
        * The minimum distance between each pair of nodes of the graph is determined by a {@link yfiles.hierarchic.IDrawingDistanceCalculator}
        * instance.
        * </p>
-       * @param {yfiles.layout.LayoutGraph} graph the input graph
-       * @param {yfiles.hierarchic.ILayoutDataProvider} layoutDataProvider the {@link yfiles.hierarchic.ILayoutDataProvider} containing information about the elements
-       * @param {yfiles.hierarchic.ILayers} layers the {@link yfiles.hierarchic.ILayers} instance that will be calculated by this method
-       * @param {yfiles.hierarchic.IDrawingDistanceCalculator} drawingDistanceCalculator the given {@link yfiles.hierarchic.IDrawingDistanceCalculator} instance
+       * @param graph the input graph
+       * @param layoutDataProvider the {@link } containing information about the elements
+       * @param layers the {@link } instance that will be calculated by this method
+       * @param drawingDistanceCalculator the given {@link } instance
        * @abstract
        */
       assignSequenceCoordinates(graph:yfiles.layout.LayoutGraph,layoutDataProvider:yfiles.hierarchic.ILayoutDataProvider,layers:yfiles.hierarchic.ILayers,drawingDistanceCalculator:yfiles.hierarchic.IDrawingDistanceCalculator):void;
@@ -104287,10 +98082,10 @@ declare namespace system{
        * <p>
        * This method is called by {@link yfiles.hierarchic.HierarchicLayoutCore} after the sequencing phase.
        * </p>
-       * @param {yfiles.layout.LayoutGraph} graph the input graph
-       * @param {yfiles.hierarchic.ILayers} layers the given {@link yfiles.hierarchic.ILayers} instance containing the elements in the layering
-       * @param {yfiles.hierarchic.ILayoutDataProvider} ldp the {@link yfiles.hierarchic.ILayoutDataProvider} containing layering information about the nodes and edges of the graph
-       * @param {yfiles.hierarchic.IItemFactory} itemFactory the {@link yfiles.hierarchic.IItemFactory} used temporarily for modifying the graph instance
+       * @param graph the input graph
+       * @param layers the given {@link } instance containing the elements in the layering
+       * @param ldp the {@link } containing layering information about the nodes and edges of the graph
+       * @param itemFactory the {@link } used temporarily for modifying the graph instance
        * @abstract
        */
       assignPorts(graph:yfiles.layout.LayoutGraph,layers:yfiles.hierarchic.ILayers,ldp:yfiles.hierarchic.ILayoutDataProvider,itemFactory:yfiles.hierarchic.IItemFactory):void;
@@ -104311,20 +98106,20 @@ declare namespace system{
     export interface IPortConstraintOptimizer extends Object{
       /**
        * Assigns new temporary port constraints after the layering information has been determined.
-       * @param {yfiles.layout.LayoutGraph} graph the input graph
-       * @param {yfiles.hierarchic.ILayers} layers the given {@link yfiles.hierarchic.ILayers} instance
-       * @param {yfiles.hierarchic.ILayoutDataProvider} ldp the {@link yfiles.hierarchic.ILayoutDataProvider} containing information about the elements
-       * @param {yfiles.hierarchic.IItemFactory} itemFactory the {@link yfiles.hierarchic.IItemFactory} to set the temporary port constraints with
+       * @param graph the input graph
+       * @param layers the given {@link } instance
+       * @param ldp the {@link } containing information about the elements
+       * @param itemFactory the {@link } to set the temporary port constraints with
        * @see yfiles.hierarchic.IItemFactory#setTemporaryPortConstraint
        * @abstract
        */
       optimizeAfterLayering(graph:yfiles.layout.LayoutGraph,layers:yfiles.hierarchic.ILayers,ldp:yfiles.hierarchic.ILayoutDataProvider,itemFactory:yfiles.hierarchic.IItemFactory):void;
       /**
        * Assigns new temporary port constraints after the sequence of the nodes has been determined.
-       * @param {yfiles.layout.LayoutGraph} graph the input graph
-       * @param {yfiles.hierarchic.ILayers} layers the given {@link yfiles.hierarchic.ILayers} instance
-       * @param {yfiles.hierarchic.ILayoutDataProvider} ldp the {@link yfiles.hierarchic.ILayoutDataProvider} containing information about the elements
-       * @param {yfiles.hierarchic.IItemFactory} itemFactory the {@link yfiles.hierarchic.IItemFactory} to set the temporary port constraints with
+       * @param graph the input graph
+       * @param layers the given {@link } instance
+       * @param ldp the {@link } containing information about the elements
+       * @param itemFactory the {@link } to set the temporary port constraints with
        * @see yfiles.hierarchic.IItemFactory#setTemporaryPortConstraint
        * @abstract
        */
@@ -104351,11 +98146,11 @@ declare namespace system{
        * This method is called by {@link yfiles.hierarchic.HierarchicLayoutCore} during the second phase and finally writes back the
        * calculated sequence using the {@link yfiles.hierarchic.ILayer#setNodeOrder} method.
        * </p>
-       * @param {yfiles.layout.LayoutGraph} graph the input graph
-       * @param {yfiles.hierarchic.ILayers} layers the given {@link yfiles.hierarchic.ILayers} instance containing the elements in the layering
-       * @param {yfiles.hierarchic.ILayoutDataProvider} ldp the {@link yfiles.hierarchic.ILayoutDataProvider} implementation which provides access to the {@link yfiles.hierarchic.INodeData} and {@link yfiles.hierarchic.IEdgeData}
+       * @param graph the input graph
+       * @param layers the given {@link } instance containing the elements in the layering
+       * @param ldp the {@link } implementation which provides access to the {@link } and {@link }
        * instances
-       * @param {yfiles.hierarchic.IItemFactory} itemFactory the {@link yfiles.hierarchic.IItemFactory} used temporarily for modifying the graph instance
+       * @param itemFactory the {@link } used temporarily for modifying the graph instance
        * @abstract
        */
       sequenceNodeLayers(graph:yfiles.layout.LayoutGraph,layers:yfiles.hierarchic.ILayers,ldp:yfiles.hierarchic.ILayoutDataProvider,itemFactory:yfiles.hierarchic.IItemFactory):void;
@@ -104372,7 +98167,7 @@ declare namespace system{
      * layered separately using the delegate {@link yfiles.hierarchic.ILayerer} instance. After that they will all be merged using the
      * specified {@link yfiles.hierarchic.ILayeredComponentsMerger} instance.
      * </p>
-     * @class yfiles.hierarchic.MultiComponentLayerer
+     * @class
      * @implements {yfiles.hierarchic.ILayerer}
      */
     export interface MultiComponentLayerer extends Object,yfiles.hierarchic.ILayerer{}
@@ -104380,11 +98175,10 @@ declare namespace system{
       /**
        * Creates a new instance of {@link yfiles.hierarchic.MultiComponentLayerer} using the given {@link yfiles.hierarchic.ILayeredComponentsMerger}
        * and {@link yfiles.collections.IComparer.<T>} instances.
-       * @param {yfiles.hierarchic.ILayerer} singleComponentLayerer
-       * @param {yfiles.hierarchic.ILayeredComponentsMerger} merger
-       * @param {yfiles.collections.IComparer.<Object>} componentComparer
+       * @param singleComponentLayerer
+       * @param merger
+       * @param componentComparer
        * @throws {Stubs.Exceptions.ArgumentError} if the given layerer or merger is <code>null</code>
-       * @constructor
        */
       constructor(singleComponentLayerer:yfiles.hierarchic.ILayerer,merger:yfiles.hierarchic.ILayeredComponentsMerger,componentComparer:yfiles.collections.IComparer<Object>);
       /**
@@ -104393,16 +98187,15 @@ declare namespace system{
        * A new instance of {@link yfiles.hierarchic.DefaultLayeredComponentsMerger} will be used as merger while no component {@link yfiles.collections.IComparer.<T>} will be
        * used.
        * </p>
-       * @param {yfiles.hierarchic.ILayerer} singleComponentLayerer
+       * @param singleComponentLayerer
        * @throws {Stubs.Exceptions.ArgumentError} if the given layerer is <code>null</code>
-       * @constructor
        */
       constructor(singleComponentLayerer:yfiles.hierarchic.ILayerer);
       /**
        * 
-       * @param {yfiles.layout.LayoutGraph} graph
-       * @param {yfiles.hierarchic.ILayers} layers
-       * @param {yfiles.hierarchic.ILayoutDataProvider} ldp
+       * @param graph
+       * @param layers
+       * @param ldp
        */
       assignLayers(graph:yfiles.layout.LayoutGraph,layers:yfiles.hierarchic.ILayers,ldp:yfiles.hierarchic.ILayoutDataProvider):void;
       /**
@@ -104414,8 +98207,8 @@ declare namespace system{
        * <p>
        * By default this method uses the {@link yfiles.hierarchic.MultiComponentLayerer#componentComparer ComponentComparator} to sort the list and has no effect if the instance is <code>null</code>.
        * </p>
-       * @param {Array.<yfiles.algorithms.NodeList>} nodeLists the array of {@link yfiles.algorithms.NodeList}s each of which containing nodes that belong to the same component
-       * @param {yfiles.algorithms.IDataProvider} componentIndexProvider the {@link yfiles.algorithms.IDataProvider} that returns an object (the component index) for each node (this value can be either
+       * @param nodeLists the array of {@link }s each of which containing nodes that belong to the same component
+       * @param componentIndexProvider the {@link } that returns an object (the component index) for each node (this value can be either
        * integer or object)
        * @protected
        */
@@ -104453,13 +98246,12 @@ declare namespace system{
      * </p>
      * @see yfiles.hierarchic.HierarchicLayoutCore#NODE_LAYOUT_DESCRIPTOR_DP_KEY
      * @see yfiles.hierarchic.EdgeLayoutDescriptor
-     * @class yfiles.hierarchic.NodeLayoutDescriptor
+     * @class
      */
     export interface NodeLayoutDescriptor extends Object{}
     export class NodeLayoutDescriptor {
       /**
        * Creates a new instance of a {@link yfiles.hierarchic.NodeLayoutDescriptor} with the default values.
-       * @constructor
        */
       constructor();
       /**
@@ -104480,8 +98272,8 @@ declare namespace system{
        * <p>
        * A value of <code>Double.POSITIVE_INFINITY</code> results in all ports being centered at the side in one point.
        * </p>
-       * @param {number} side the zero-based clockwise side index for top-to-bottom layouts (i.e., top is 0)
-       * @returns {number} the border gap ratio of a given side
+       * @param side the zero-based clockwise side index for top-to-bottom layouts (i.e., top is 0)
+       * @returns the border gap ratio of a given side
        * @see yfiles.hierarchic.NodeLayoutDescriptor#portBorderGapRatios
        * @see yfiles.hierarchic.NodeLayoutDescriptor#setPortBorderGapRatio
        */
@@ -104504,8 +98296,8 @@ declare namespace system{
        * <p>
        * A value of <code>Double.POSITIVE_INFINITY</code> results in all ports being centered at the side in one point.
        * </p>
-       * @param {number} side the zero-based clockwise side index for top-to-bottom layouts (i.e., top is 0)
-       * @param {number} ratio the given ratio
+       * @param side the zero-based clockwise side index for top-to-bottom layouts (i.e., top is 0)
+       * @param ratio the given ratio
        * @throws {Stubs.Exceptions.ArgumentError} if the given ratio is negative
        * @see yfiles.hierarchic.NodeLayoutDescriptor#portBorderGapRatios
        */
@@ -104592,14 +98384,13 @@ declare namespace system{
      * </p>
      * @see yfiles.layout.PartitionGrid
      * @see yfiles.hierarchic.HierarchicLayout
-     * @class yfiles.hierarchic.PartitionGridLayoutStage
+     * @class
      * @extends {yfiles.layout.LayoutStageBase}
      */
     export interface PartitionGridLayoutStage extends yfiles.layout.LayoutStageBase{}
     export class PartitionGridLayoutStage {
       /**
        * Creates a new instance of {@link yfiles.hierarchic.PartitionGridLayoutStage}.
-       * @constructor
        */
       constructor();
       static $class:yfiles.lang.Class;
@@ -104620,20 +98411,19 @@ declare namespace system{
      * @see yfiles.layout.PortCandidate#cost
      * @see yfiles.layout.PortCandidateSet#entries
      * @see yfiles.layout.PortCandidateSet#connectionCount
-     * @class yfiles.hierarchic.PortCandidateOptimizer
+     * @class
      * @extends {yfiles.hierarchic.PortConstraintOptimizerBase}
      */
     export interface PortCandidateOptimizer extends yfiles.hierarchic.PortConstraintOptimizerBase{}
     export class PortCandidateOptimizer {
       /**
        * Creates a new instance of {@link yfiles.hierarchic.PortCandidateOptimizer} with the default settings.
-       * @constructor
        */
       constructor();
       /**
        * Returns the data provider that provides the port candidate sets for nodes.
-       * @param {yfiles.layout.LayoutGraph} graph The graph that stores the data provider
-       * @returns {yfiles.algorithms.IDataProvider} 
+       * @param graph The graph that stores the data provider
+       * @returns 
        * @protected
        */
       getPortCandidateSetDataProvider(graph:yfiles.layout.LayoutGraph):yfiles.algorithms.IDataProvider;
@@ -104678,26 +98468,25 @@ declare namespace system{
     /**
      * This static class provides information about the same-layer structures created by class
      * {@link yfiles.hierarchic.PortConstraintOptimizerBase}.
-     * @class yfiles.hierarchic.PortConstraintOptimizerSameLayerData
+     * @class
      */
     export interface PortConstraintOptimizerSameLayerData extends Object{}
     export class PortConstraintOptimizerSameLayerData {
       /**
        * Creates a new {@link yfiles.hierarchic.PortConstraintOptimizerSameLayerData} instance.
-       * @constructor
        */
       constructor();
       /**
        * Adds a given dummy {@link yfiles.algorithms.Node} to this {@link yfiles.hierarchic.PortConstraintOptimizerSameLayerData} instance and
        * associates it with the given original (same-layer) {@link yfiles.algorithms.Edge}.
-       * @param {yfiles.algorithms.Node} sameLayerDummy a dummy node
-       * @param {yfiles.algorithms.Edge} originalEdge the original (same-layer) edge
+       * @param sameLayerDummy a dummy node
+       * @param originalEdge the original (same-layer) edge
        */
       addDummyNode(sameLayerDummy:yfiles.algorithms.Node,originalEdge:yfiles.algorithms.Edge):void;
       /**
        * Returns the original (same-layer) edge associated with the given dummy {@link yfiles.algorithms.Node}.
-       * @param {yfiles.algorithms.Node} sameLayerDummy a given dummy node
-       * @returns {yfiles.algorithms.Edge} the original (same-layer) edge associated with the given dummy node
+       * @param sameLayerDummy a given dummy node
+       * @returns the original (same-layer) edge associated with the given dummy node
        */
       getOriginalEdge(sameLayerDummy:yfiles.algorithms.Node):yfiles.algorithms.Edge;
       /**
@@ -104721,7 +98510,7 @@ declare namespace system{
      * <li>Invokes {@link yfiles.hierarchic.PortConstraintOptimizerBase#optimizeAfterSequencingForSingleNode the hook} in which the custom port assignment should be done.</li>
      * <li>Restores the original state of the layout graph by removing the temporary same-layer edges added in Step <code>1</code>.</li>
      * </ol>
-     * @class yfiles.hierarchic.PortConstraintOptimizerBase
+     * @class
      * @implements {yfiles.hierarchic.IPortConstraintOptimizer}
      */
     export interface PortConstraintOptimizerBase extends Object,yfiles.hierarchic.IPortConstraintOptimizer{}
@@ -104729,17 +98518,16 @@ declare namespace system{
       /**
        * Creates a new {@link yfiles.hierarchic.PortConstraintOptimizerBase} instance with default settings.
        * @protected
-       * @constructor
        */
       constructor();
       /**
        * Inserts a same-layer edge structure for each same-layer edge of the original graph.
-       * @param {yfiles.layout.LayoutGraph} graph the input graph
-       * @param {yfiles.hierarchic.ILayers} layers the given {@link yfiles.hierarchic.ILayers} instance holding the layering information
-       * @param {yfiles.hierarchic.ILayoutDataProvider} ldp the {@link yfiles.hierarchic.ILayoutDataProvider} implementation which provides access to the {@link yfiles.hierarchic.INodeData} and {@link yfiles.hierarchic.IEdgeData}
+       * @param graph the input graph
+       * @param layers the given {@link } instance holding the layering information
+       * @param ldp the {@link } implementation which provides access to the {@link } and {@link }
        * instances
-       * @param {yfiles.hierarchic.IItemFactory} itemFactory the {@link yfiles.hierarchic.IItemFactory factory} that sets the temporary port constraints
-       * @returns {yfiles.hierarchic.PortConstraintOptimizerSameLayerData} 
+       * @param itemFactory the {@link  factory} that sets the temporary port constraints
+       * @returns 
        * @see yfiles.hierarchic.IItemFactory#setTemporaryPortConstraint
        * @protected
        */
@@ -104751,11 +98539,11 @@ declare namespace system{
        * back-loops by assigning incoming edges to the south (i.e. bottom) side or outgoing edges to the north (i.e. top) side,
        * respectively.
        * </p>
-       * @param {yfiles.layout.LayoutGraph} graph the input graph
-       * @param {yfiles.hierarchic.ILayers} layers the given {@link yfiles.hierarchic.ILayers} instance holding the layering information
-       * @param {yfiles.hierarchic.ILayoutDataProvider} ldp the {@link yfiles.hierarchic.ILayoutDataProvider} implementation which provides access to the {@link yfiles.hierarchic.INodeData} and {@link yfiles.hierarchic.IEdgeData}
+       * @param graph the input graph
+       * @param layers the given {@link } instance holding the layering information
+       * @param ldp the {@link } implementation which provides access to the {@link } and {@link }
        * instances
-       * @param {yfiles.hierarchic.IItemFactory} itemFactory the {@link yfiles.hierarchic.IItemFactory factory} that sets the temporary port constraints
+       * @param itemFactory the {@link  factory} that sets the temporary port constraints
        * @see yfiles.hierarchic.IItemFactory#setTemporaryPortConstraint
        * @abstract
        */
@@ -104767,11 +98555,11 @@ declare namespace system{
        * invokes {@link yfiles.hierarchic.PortConstraintOptimizerBase#optimizeAfterSequencingForSingleNode the hook} in which the custom port assignment should be done, and finally {@link yfiles.hierarchic.PortConstraintOptimizerBase#removeSameLayerStructures restores the original state} of the
        * layout graph by removing the temporary edges.
        * </p>
-       * @param {yfiles.layout.LayoutGraph} graph the input graph
-       * @param {yfiles.hierarchic.ILayers} layers the given {@link yfiles.hierarchic.ILayers} instance holding the layering information
-       * @param {yfiles.hierarchic.ILayoutDataProvider} ldp the {@link yfiles.hierarchic.ILayoutDataProvider} implementation which provides access to the {@link yfiles.hierarchic.INodeData} and {@link yfiles.hierarchic.IEdgeData}
+       * @param graph the input graph
+       * @param layers the given {@link } instance holding the layering information
+       * @param ldp the {@link } implementation which provides access to the {@link } and {@link }
        * instances
-       * @param {yfiles.hierarchic.IItemFactory} itemFactory the {@link yfiles.hierarchic.IItemFactory factory} that sets the temporary port constraints
+       * @param itemFactory the {@link  factory} that sets the temporary port constraints
        * @see yfiles.hierarchic.PortConstraintOptimizerBase#insertSameLayerStructures
        * @see yfiles.hierarchic.PortConstraintOptimizerBase#optimizeAfterSequencing
        * @see yfiles.hierarchic.PortConstraintOptimizerBase#removeSameLayerStructures
@@ -104787,13 +98575,13 @@ declare namespace system{
        * Incoming and outgoing edges are sorted using {@link yfiles.collections.IComparer.<T>} instances which define the preferred ordering of the incoming and outgoing
        * edges from left to right.
        * </p>
-       * @param {yfiles.collections.IComparer.<Object>} inEdgeOrder a given {@link yfiles.collections.IComparer.<T>} instance for incoming edges
-       * @param {yfiles.collections.IComparer.<Object>} outEdgeOrder a given {@link yfiles.collections.IComparer.<T>} instance for outgoing edges
-       * @param {yfiles.layout.LayoutGraph} graph the input graph
-       * @param {yfiles.hierarchic.ILayoutDataProvider} ldp the {@link yfiles.hierarchic.ILayoutDataProvider} implementation which provides access to the {@link yfiles.hierarchic.INodeData} and {@link yfiles.hierarchic.IEdgeData}
+       * @param inEdgeOrder a given {@link } instance for incoming edges
+       * @param outEdgeOrder a given {@link } instance for outgoing edges
+       * @param graph the input graph
+       * @param ldp the {@link } implementation which provides access to the {@link } and {@link }
        * instances
-       * @param {yfiles.hierarchic.IItemFactory} itemFactory the {@link yfiles.hierarchic.IItemFactory factory} that sets the temporary port constraints
-       * @param {yfiles.hierarchic.ILayers} layers
+       * @param itemFactory the {@link  factory} that sets the temporary port constraints
+       * @param layers
        * @see yfiles.hierarchic.PortConstraintOptimizerBase#optimizeAfterSequencing
        * @protected
        */
@@ -104808,13 +98596,13 @@ declare namespace system{
        * Incoming and outgoing edges are sorted using {@link yfiles.collections.IComparer.<T>} instances which define the preferred ordering of the incoming and outgoing
        * edges from left to right.
        * </p>
-       * @param {yfiles.algorithms.Node} node the original node to set temporary port constraints
-       * @param {yfiles.collections.IComparer.<Object>} inEdgeOrder a given {@link yfiles.collections.IComparer.<T>} instance for incoming edges
-       * @param {yfiles.collections.IComparer.<Object>} outEdgeOrder a given {@link yfiles.collections.IComparer.<T>} instance for outgoing edges
-       * @param {yfiles.layout.LayoutGraph} graph the input graph
-       * @param {yfiles.hierarchic.ILayoutDataProvider} ldp the {@link yfiles.hierarchic.ILayoutDataProvider} implementation which provides access to the {@link yfiles.hierarchic.INodeData} and {@link yfiles.hierarchic.IEdgeData}
+       * @param node the original node to set temporary port constraints
+       * @param inEdgeOrder a given {@link } instance for incoming edges
+       * @param outEdgeOrder a given {@link } instance for outgoing edges
+       * @param graph the input graph
+       * @param ldp the {@link } implementation which provides access to the {@link } and {@link }
        * instances
-       * @param {yfiles.hierarchic.IItemFactory} itemFactory the {@link yfiles.hierarchic.IItemFactory factory} that sets the temporary port constraints
+       * @param itemFactory the {@link  factory} that sets the temporary port constraints
        * @see yfiles.hierarchic.PortConstraintOptimizerBase#optimizeAfterSequencing
        * @protected
        * @abstract
@@ -104823,12 +98611,12 @@ declare namespace system{
       /**
        * Removes the same-layer edge structure created using
        * {@link yfiles.hierarchic.PortConstraintOptimizerBase#insertSameLayerStructures}.
-       * @param {yfiles.hierarchic.PortConstraintOptimizerSameLayerData} sameLayerData a given {@link yfiles.hierarchic.PortConstraintOptimizerSameLayerData} instance holding the information about the same-layer
+       * @param sameLayerData a given {@link } instance holding the information about the same-layer
        * structures.
-       * @param {yfiles.layout.LayoutGraph} graph the input graph
-       * @param {yfiles.hierarchic.ILayoutDataProvider} ldp the {@link yfiles.hierarchic.ILayoutDataProvider} implementation which provides access to the {@link yfiles.hierarchic.INodeData} and {@link yfiles.hierarchic.IEdgeData}
+       * @param graph the input graph
+       * @param ldp the {@link } implementation which provides access to the {@link } and {@link }
        * instances
-       * @param {yfiles.hierarchic.IItemFactory} itemFactory the {@link yfiles.hierarchic.IItemFactory factory} that sets the temporary port constraints
+       * @param itemFactory the {@link  factory} that sets the temporary port constraints
        * @see yfiles.hierarchic.IItemFactory#setTemporaryPortConstraint
        * @protected
        */
@@ -104861,15 +98649,14 @@ declare namespace system{
      * This class is used by {@link yfiles.hierarchic.EdgeLayoutDescriptor} to specify the routing style for different types of edges.
      * @see yfiles.hierarchic.EdgeLayoutDescriptor#routingStyle
      * @see yfiles.hierarchic.IEdgeData#type
-     * @class yfiles.hierarchic.RoutingStyle
+     * @class
      */
     export interface RoutingStyle extends Object{}
     export class RoutingStyle {
       /**
        * Creates a new {@link yfiles.hierarchic.RoutingStyle} instance with the given routing style for each edge.
-       * @param {yfiles.hierarchic.EdgeRoutingStyle} routingStyle one of the predefined routing styles
+       * @param routingStyle one of the predefined routing styles
        * @throws {Stubs.Exceptions.ArgumentError} if an unknown routing style is given
-       * @constructor
        */
       constructor(routingStyle:yfiles.hierarchic.EdgeRoutingStyle);
       /**
@@ -104921,15 +98708,14 @@ declare namespace system{
      * <p>
      * It is used during the layout phase of {@link yfiles.hierarchic.HierarchicLayoutCore}, but can be used as a stand-alone tool.
      * </p>
-     * @class yfiles.hierarchic.SelfLoopCalculator
+     * @class
      */
     export interface SelfLoopCalculator extends Object{}
     export class SelfLoopCalculator {
       /**
        * Creates a new instance of {@link yfiles.hierarchic.SelfLoopCalculator} using the given parameters.
-       * @param {number} minFirstSegmentLength the minimum length of the first and last segment of an orthogonally routed self-loop
-       * @param {number} minEdgeDistance the minimum distance between a pair of self-loops
-       * @constructor
+       * @param minFirstSegmentLength the minimum length of the first and last segment of an orthogonally routed self-loop
+       * @param minEdgeDistance the minimum distance between a pair of self-loops
        */
       constructor(minFirstSegmentLength:number,minEdgeDistance:number);
       /**
@@ -104939,12 +98725,12 @@ declare namespace system{
        * instances hold information about the source/target ports of the edges and can be used for specifying the direction of
        * first and last segments.
        * </p>
-       * @param {yfiles.layout.LayoutGraph} graph the input graph
-       * @param {yfiles.algorithms.Node} node the node whose self-loops will be routed
-       * @param {yfiles.algorithms.YList} selfLoops a list of {@link yfiles.algorithms.Edge}s that will be routed
-       * @param {yfiles.algorithms.IDataProvider} spc the {@link yfiles.algorithms.IDataProvider} that returns the {@link yfiles.layout.PortConstraint} object associated with the source
+       * @param graph the input graph
+       * @param node the node whose self-loops will be routed
+       * @param selfLoops a list of {@link }s that will be routed
+       * @param spc the {@link } that returns the {@link } object associated with the source
        * ports of the edges
-       * @param {yfiles.algorithms.IDataProvider} tpc the {@link yfiles.algorithms.IDataProvider} that returns the {@link yfiles.layout.PortConstraint} object associated with the target
+       * @param tpc the {@link } that returns the {@link } object associated with the target
        * ports of the edges
        */
       calculateSelfLoops(graph:yfiles.layout.LayoutGraph,node:yfiles.algorithms.Node,selfLoops:yfiles.algorithms.YList,spc:yfiles.algorithms.IDataProvider,tpc:yfiles.algorithms.IDataProvider):void;
@@ -104955,11 +98741,11 @@ declare namespace system{
        * instances hold information about the source/target ports of the edges and can be used for specifying the direction of
        * first and last segments.
        * </p>
-       * @param {yfiles.layout.LayoutGraph} graph the input graph
-       * @param {yfiles.algorithms.Node} node the node whose self-loops will be routed
-       * @param {yfiles.algorithms.IDataProvider} spc the {@link yfiles.algorithms.IDataProvider} that returns the {@link yfiles.layout.PortConstraint} object associated with the source
+       * @param graph the input graph
+       * @param node the node whose self-loops will be routed
+       * @param spc the {@link } that returns the {@link } object associated with the source
        * ports of the edges
-       * @param {yfiles.algorithms.IDataProvider} tpc the {@link yfiles.algorithms.IDataProvider} that returns the {@link yfiles.layout.PortConstraint} object associated with the target
+       * @param tpc the {@link } that returns the {@link } object associated with the target
        * ports of the edges
        */
       calculateSelfLoops(graph:yfiles.layout.LayoutGraph,node:yfiles.algorithms.Node,spc:yfiles.algorithms.IDataProvider,tpc:yfiles.algorithms.IDataProvider):void;
@@ -104969,9 +98755,9 @@ declare namespace system{
        * The value is fetched from the corresponding {@link yfiles.algorithms.IDataProvider} registered with the graph with key
        * {@link yfiles.hierarchic.SelfLoopCalculator#MINIMUM_EDGE_DISTANCE_DP_KEY}.
        * </p>
-       * @param {yfiles.layout.LayoutGraph} graph the input graph
-       * @param {yfiles.algorithms.Edge} edge the given edge
-       * @returns {number} the minimum length between two edges
+       * @param graph the input graph
+       * @param edge the given edge
+       * @returns the minimum length between two edges
        * @protected
        */
       getMinimumDistance(graph:yfiles.layout.LayoutGraph,edge:yfiles.algorithms.Edge):number;
@@ -104981,9 +98767,9 @@ declare namespace system{
        * The value is fetched from the corresponding {@link yfiles.algorithms.IDataProvider} registered with the graph with key
        * {@link yfiles.hierarchic.SelfLoopCalculator#MINIMUM_FIRST_SEGMENT_LENGTH_DP_KEY}.
        * </p>
-       * @param {yfiles.layout.LayoutGraph} graph the input graph
-       * @param {yfiles.algorithms.Edge} edge the given edge
-       * @returns {number} the minimum length of the first segment of an edge
+       * @param graph the input graph
+       * @param edge the given edge
+       * @returns the minimum length of the first segment of an edge
        * @protected
        */
       getMinimumFirstSegmentLength(graph:yfiles.layout.LayoutGraph,edge:yfiles.algorithms.Edge):number;
@@ -104993,9 +98779,9 @@ declare namespace system{
        * The value is fetched from the corresponding {@link yfiles.algorithms.IDataProvider} registered with the graph with key
        * {@link yfiles.hierarchic.SelfLoopCalculator#MINIMUM_LAST_SEGMENT_LENGTH_DP_KEY}.
        * </p>
-       * @param {yfiles.layout.LayoutGraph} graph the input graph
-       * @param {yfiles.algorithms.Edge} edge the given edge
-       * @returns {number} the minimum length of the last segment of the given edge
+       * @param graph the input graph
+       * @param edge the given edge
+       * @returns the minimum length of the last segment of the given edge
        * @protected
        */
       getMinimumLastSegmentLength(graph:yfiles.layout.LayoutGraph,edge:yfiles.algorithms.Edge):number;
@@ -105005,9 +98791,9 @@ declare namespace system{
        * The value is fetched from the corresponding {@link yfiles.algorithms.IDataProvider} registered with the graph with key
        * {@link yfiles.hierarchic.SelfLoopCalculator#MINIMUM_NODE_DISTANCE_DP_KEY}.
        * </p>
-       * @param {yfiles.layout.LayoutGraph} graph the input graph
-       * @param {yfiles.algorithms.Node} node the given node
-       * @returns {number} the minimum distance between two nodes
+       * @param graph the input graph
+       * @param node the given node
+       * @returns the minimum distance between two nodes
        * @protected
        */
       getMinimumNodeDistance(graph:yfiles.layout.LayoutGraph,node:yfiles.algorithms.Node):number;
@@ -105017,9 +98803,9 @@ declare namespace system{
        * The value is fetched from the corresponding {@link yfiles.algorithms.IDataProvider} registered with the graph with key
        * {@link yfiles.hierarchic.SelfLoopCalculator#MINIMUM_OCTILINEAR_SEGMENT_LENGTH_DP_KEY}.
        * </p>
-       * @param {yfiles.layout.LayoutGraph} graph the input graph
-       * @param {yfiles.algorithms.Edge} edge the given edge
-       * @returns {number} the minimum octilinear segment length of the given edge
+       * @param graph the input graph
+       * @param edge the given edge
+       * @returns the minimum octilinear segment length of the given edge
        * @protected
        */
       getMinimumOctilinearSegmentLength(graph:yfiles.layout.LayoutGraph,edge:yfiles.algorithms.Edge):number;
@@ -105029,9 +98815,9 @@ declare namespace system{
        * The value is fetched from the corresponding {@link yfiles.algorithms.IDataProvider} registered with the graph with key
        * {@link yfiles.hierarchic.SelfLoopCalculator#OCTILINEAR_EDGES_DP_KEY}.
        * </p>
-       * @param {yfiles.layout.LayoutGraph} graph the input graph
-       * @param {yfiles.algorithms.Edge} edge the given edge
-       * @returns {boolean} <code>true</code> if the edge is octilinear, <code>false</code> otherwise
+       * @param graph the input graph
+       * @param edge the given edge
+       * @returns <code>true</code> if the edge is octilinear, <code>false</code> otherwise
        * @protected
        */
       isOctilinearEdge(graph:yfiles.layout.LayoutGraph,edge:yfiles.algorithms.Edge):boolean;
@@ -105084,7 +98870,7 @@ declare namespace system{
      * <p>
      * The drawer works with integer values and rounds double values to integers using sophisticated quantizing.
      * </p>
-     * @class yfiles.hierarchic.SimplexNodePlacer
+     * @class
      * @implements {yfiles.hierarchic.INodePlacer}
      */
     export interface SimplexNodePlacer extends Object,yfiles.hierarchic.INodePlacer{}
@@ -105092,9 +98878,9 @@ declare namespace system{
       constructor();
       /**
        * 
-       * @param {yfiles.layout.LayoutGraph} graph
-       * @param {yfiles.hierarchic.ILayoutDataProvider} layoutDataProvider
-       * @param {yfiles.hierarchic.ILayers} layers
+       * @param graph
+       * @param layoutDataProvider
+       * @param layers
        */
       assignLayerCoordinates(graph:yfiles.layout.LayoutGraph,layoutDataProvider:yfiles.hierarchic.ILayoutDataProvider,layers:yfiles.hierarchic.ILayers):void;
       /**
@@ -105103,21 +98889,21 @@ declare namespace system{
        * Information about sublayers is given by a {@link yfiles.algorithms.INodeMap} whose GetBool method has to return <code>true</code> for each
        * node that should be placed in the lower sublayer (values are set by this method).
        * </p>
-       * @param {yfiles.algorithms.NodeList} layerNodes a {@link yfiles.algorithms.NodeList list} of all @link y.layout.hierarchic.incremental.NodeData#TYPE_NORMAL normal nodes} of a layer
-       * @param {yfiles.hierarchic.ILayoutDataProvider} ldp the {@link yfiles.hierarchic.ILayoutDataProvider} implementation which provides access to the {@link yfiles.hierarchic.INodeData} and {@link yfiles.hierarchic.IEdgeData}
+       * @param layerNodes a {@link  list} of all @link y.layout.hierarchic.incremental.NodeData#TYPE_NORMAL normal nodes} of a layer
+       * @param ldp the {@link } implementation which provides access to the {@link } and {@link }
        * instances
-       * @param {yfiles.layout.LayoutGraph} graph the given graph
-       * @param {yfiles.algorithms.INodeMap} lowerSublayer the {@link yfiles.algorithms.INodeMap} holding sublayer information
+       * @param graph the given graph
+       * @param lowerSublayer the {@link } holding sublayer information
        * @see yfiles.hierarchic.SimplexNodePlacer#nodeCompaction
        * @protected
        */
       assignNodesToSublayer(layerNodes:yfiles.algorithms.NodeList,ldp:yfiles.hierarchic.ILayoutDataProvider,graph:yfiles.layout.LayoutGraph,lowerSublayer:yfiles.algorithms.INodeMap):void;
       /**
        * 
-       * @param {yfiles.layout.LayoutGraph} graph
-       * @param {yfiles.hierarchic.ILayoutDataProvider} layoutDataProvider
-       * @param {yfiles.hierarchic.ILayers} layers
-       * @param {yfiles.hierarchic.IDrawingDistanceCalculator} drawingDistanceCalculator
+       * @param graph
+       * @param layoutDataProvider
+       * @param layers
+       * @param drawingDistanceCalculator
        */
       assignSequenceCoordinates(graph:yfiles.layout.LayoutGraph,layoutDataProvider:yfiles.hierarchic.ILayoutDataProvider,layers:yfiles.hierarchic.ILayers,drawingDistanceCalculator:yfiles.hierarchic.IDrawingDistanceCalculator):void;
       /**
@@ -105125,13 +98911,13 @@ declare namespace system{
        * <p>
        * This callback method used by {@link yfiles.hierarchic.SimplexNodePlacer#assignLayerCoordinates}.
        * </p>
-       * @param {yfiles.layout.LayoutGraph} graph the input graph
-       * @param {yfiles.hierarchic.ILayoutDataProvider} ldp the {@link yfiles.hierarchic.ILayoutDataProvider} implementation which provides access to the {@link yfiles.hierarchic.INodeData} and {@link yfiles.hierarchic.IEdgeData}
+       * @param graph the input graph
+       * @param ldp the {@link } implementation which provides access to the {@link } and {@link }
        * instances
-       * @param {yfiles.algorithms.Node} node the given node
-       * @param {number} layerIndex the index of the layer
-       * @param {number} minLayerHeight the minimum height of the layer
-       * @returns {number} 
+       * @param node the given node
+       * @param layerIndex the index of the layer
+       * @param minLayerHeight the minimum height of the layer
+       * @returns 
        * @protected
        */
       getLayerAlignment(graph:yfiles.layout.LayoutGraph,ldp:yfiles.hierarchic.ILayoutDataProvider,node:yfiles.algorithms.Node,layerIndex:number,minLayerHeight:number):number;
@@ -105140,11 +98926,11 @@ declare namespace system{
        * <p>
        * This callback method is used by {@link yfiles.hierarchic.SimplexNodePlacer#assignSequenceCoordinates}.
        * </p>
-       * @param {yfiles.layout.LayoutGraph} graph the graph that contains the nodes
-       * @param {yfiles.hierarchic.ILayer} layer the layer that contains the nodes
-       * @param {yfiles.algorithms.Node} predNode the node to the left of the other one, may be <code>null</code> to indicate a border line
-       * @param {yfiles.algorithms.Node} succ the node to the right of the other one, may be <code>null</code> to indicate a border line
-       * @returns {number} the minimum distance allowed between those two nodes ( >=0 )
+       * @param graph the graph that contains the nodes
+       * @param layer the layer that contains the nodes
+       * @param predNode the node to the left of the other one, may be <code>null</code> to indicate a border line
+       * @param succ the node to the right of the other one, may be <code>null</code> to indicate a border line
+       * @returns the minimum distance allowed between those two nodes ( >=0 )
        * @see yfiles.hierarchic.IDrawingDistanceCalculator
        * @protected
        */
@@ -105154,11 +98940,11 @@ declare namespace system{
        * <p>
        * This callback method is used by {@link yfiles.hierarchic.SimplexNodePlacer#assignLayerCoordinates}.
        * </p>
-       * @param {yfiles.layout.LayoutGraph} graph the given graph
-       * @param {yfiles.hierarchic.ILayoutDataProvider} ldp the {@link yfiles.hierarchic.ILayoutDataProvider} implementation which provides access to the {@link yfiles.hierarchic.INodeData} and {@link yfiles.hierarchic.IEdgeData}
+       * @param graph the given graph
+       * @param ldp the {@link } implementation which provides access to the {@link } and {@link }
        * instances
-       * @param {yfiles.hierarchic.ILayer} layer the given {@link yfiles.hierarchic.ILayer} object
-       * @returns {number} the minimum height
+       * @param layer the given {@link } object
+       * @returns the minimum height
        * @protected
        */
       getMinimumLayerHeight(graph:yfiles.layout.LayoutGraph,ldp:yfiles.hierarchic.ILayoutDataProvider,layer:yfiles.hierarchic.ILayer):number;
@@ -105172,12 +98958,12 @@ declare namespace system{
        * If <code>inLayer</code> argument is <code>true</code>, this method is called from within the {@link yfiles.hierarchic.SimplexNodePlacer#assignLayerCoordinates}
        * method.
        * </p>
-       * @param {yfiles.layout.LayoutGraph} graph the given graph
-       * @param {yfiles.hierarchic.ILayoutDataProvider} provider the {@link yfiles.hierarchic.ILayoutDataProvider} implementation which provides access to the {@link yfiles.hierarchic.INodeData} and {@link yfiles.hierarchic.IEdgeData}
+       * @param graph the given graph
+       * @param provider the {@link } implementation which provides access to the {@link } and {@link }
        * instances
-       * @param {yfiles.algorithms.Node} node the given node
-       * @param {boolean} inLayer <code>true</code> if the layer coordinate of the node is queried, <code>false</code> if the sequence coordinate is queried
-       * @returns {boolean} <code>true</code> if the node should be treated as fixed, <code>false</code> otherwise
+       * @param node the given node
+       * @param inLayer <code>true</code> if the layer coordinate of the node is queried, <code>false</code> if the sequence coordinate is queried
+       * @returns <code>true</code> if the node should be treated as fixed, <code>false</code> otherwise
        * @protected
        */
       isFixedNode(graph:yfiles.layout.LayoutGraph,provider:yfiles.hierarchic.ILayoutDataProvider,node:yfiles.algorithms.Node,inLayer:boolean):boolean;
@@ -105313,7 +99099,7 @@ declare namespace system{
      * instance for each node of the graph.
      * </p>
      * @see yfiles.hierarchic.HierarchicLayoutCore#SWIMLANE_DESCRIPTOR_DP_KEY
-     * @class yfiles.hierarchic.SwimlaneDescriptor
+     * @class
      * @implements {yfiles.lang.IComparable}
      */
     export interface SwimlaneDescriptor extends Object,yfiles.lang.IComparable{}
@@ -105323,24 +99109,22 @@ declare namespace system{
        * <p>
        * The given client {@link Object} should be an instance of {@link yfiles.lang.IComparable} if the given {@link yfiles.collections.IComparer.<T>} is <code>null</code>.
        * </p>
-       * @param {Object} clientObject a client {@link Object} used for sorting the lanes
-       * @param {yfiles.collections.IComparer.<Object>} comparer a {@link yfiles.collections.IComparer.<T>} used for comparing the client objects
+       * @param clientObject a client {@link } used for sorting the lanes
+       * @param comparer a {@link } used for comparing the client objects
        * @throws {Stubs.Exceptions.ArgumentError} if the specified client {@link Object} is <code>null</code> or the specified {@link yfiles.collections.IComparer.<T>} is <code>null</code> but the specified client {@link Object} is not an instance of
        * {@link yfiles.lang.IComparable}.
-       * @constructor
        */
       constructor(clientObject:Object,comparer:yfiles.collections.IComparer<Object>);
       /**
        * Creates a new {@link yfiles.hierarchic.SwimlaneDescriptor} instance with a given {@link yfiles.lang.IComparable} object.
-       * @param {yfiles.lang.IComparable} clientObject a {@link yfiles.lang.IComparable} used for determining the order of the lanes
+       * @param clientObject a {@link } used for determining the order of the lanes
        * @throws {Stubs.Exceptions.ArgumentError} if the specified client object is <code>null</code>.
-       * @constructor
        */
       constructor(clientObject:yfiles.lang.IComparable);
       /**
        * Implements the {@link yfiles.lang.IComparable} interface using the {@link yfiles.hierarchic.SwimlaneDescriptor#comparer} and {@link yfiles.hierarchic.SwimlaneDescriptor#clientObject} fields.
-       * @param {Object} o
-       * @returns {number} 
+       * @param o
+       * @returns 
        */
       compareTo(o:Object):number;
       /**
@@ -105446,14 +99230,13 @@ declare namespace system{
      * @see yfiles.hierarchic.HierarchicLayout
      * @see yfiles.hierarchic.SwimlaneDescriptor
      * @see yfiles.layout.GroupingKeys
-     * @class yfiles.hierarchic.TopLevelGroupToSwimlaneStage
+     * @class
      * @extends {yfiles.layout.LayoutStageBase}
      */
     export interface TopLevelGroupToSwimlaneStage extends yfiles.layout.LayoutStageBase{}
     export class TopLevelGroupToSwimlaneStage {
       /**
        * Creates a new instance of {@link yfiles.hierarchic.TopLevelGroupToSwimlaneStage} with the default settings.
-       * @constructor
        */
       constructor();
       /**
@@ -105481,21 +99264,20 @@ declare namespace system{
      * <p>
      * {@graph {"ann":{"s":[30,30],"d":1},"n":[[63.79,0,[[73.45,24.35,10.67,18.7,"1"]]],[121,150,[[130.66,174.35,10.67,18.7,"2"]]],[71,150,[[80.66,174.35,10.67,18.7,"3"]]],[162.99,0,[[172.65,24.35,10.67,18.7,"6"]]],[162.99,70,[[172.65,94.35,10.67,18.7,"7"]]],[112.99,70,[[122.65,94.35,10.67,18.7,"8"]]],[30.99,70,[[37.31,94.35,17.35,18.7,"12"]]],[35.5,220,[[45.16,244.35,10.67,18.7,"8"]]],[0,150,[[9.66,174.35,10.67,18.7,"9"]]]],"e":[[5,1,0,15,0,-15,[127.99,120,136,120]],[0,1,10,15,-10,-15,[88.79,50,92.49,50,92.49,130,126,130]],[0,2,0,15,0,-15,[78.79,50,81.49,50,81.49,120,86,120]],[4,1,0,15,10,-15,[177.99,120,146,120]],[3,4,0,15,0,-15],[0,6,-10,15,0,-15,[68.79,50,45.99,50]],[6,7,7.5,15,0,-15,[53.49,120,50.5,120]],[6,8,-7.5,15,0,-15,[38.49,120,15,120]],[8,7,0,15,-10,-15,[15,200,40.5,200]],[2,7,0,15,10,-15,[86,200,60.5,200]]],"vp":[0.0,0.0,193.0,250.0]}}
      * </p>
-     * @class yfiles.hierarchic.TopologicalLayerer
+     * @class
      * @implements {yfiles.hierarchic.ILayerer}
      */
     export interface TopologicalLayerer extends Object,yfiles.hierarchic.ILayerer{}
     export class TopologicalLayerer {
       /**
        * Creates a new instance of {@link yfiles.hierarchic.TopologicalLayerer} with default settings.
-       * @constructor
        */
       constructor();
       /**
        * Assigns all nodes of the graph to layers and adds them to the {@link yfiles.hierarchic.ILayers} instance.
-       * @param {yfiles.layout.LayoutGraph} graph the input graph
-       * @param {yfiles.hierarchic.ILayers} layers the {@link yfiles.hierarchic.ILayers} instance that will be filled with the results of the calculation
-       * @param {yfiles.hierarchic.ILayoutDataProvider} ldp the {@link yfiles.hierarchic.ILayoutDataProvider} used for querying information about the nodes and edges
+       * @param graph the input graph
+       * @param layers the {@link } instance that will be filled with the results of the calculation
+       * @param ldp the {@link } used for querying information about the nodes and edges
        */
       assignLayers(graph:yfiles.layout.LayoutGraph,layers:yfiles.hierarchic.ILayers,ldp:yfiles.hierarchic.ILayoutDataProvider):void;
       /**
@@ -105509,38 +99291,37 @@ declare namespace system{
     /**
      * This class is a {@link yfiles.hierarchic.IDrawingDistanceCalculator} implementation that returns the minimum distances for each
      * kind of node pair based on their type as returned by {@link yfiles.hierarchic.INodeData#type}.
-     * @class yfiles.hierarchic.TypeBasedDrawingDistanceCalculator
+     * @class
      * @implements {yfiles.hierarchic.IDrawingDistanceCalculator}
      */
     export interface TypeBasedDrawingDistanceCalculator extends Object,yfiles.hierarchic.IDrawingDistanceCalculator{}
     export class TypeBasedDrawingDistanceCalculator {
       /**
        * Creates a new instance of {@link yfiles.hierarchic.TypeBasedDrawingDistanceCalculator} with default settings.
-       * @constructor
        */
       constructor();
       /**
        * 
-       * @param {yfiles.layout.LayoutGraph} graph
-       * @param {yfiles.hierarchic.ILayers} layers
-       * @param {yfiles.hierarchic.ILayoutDataProvider} ldp
+       * @param graph
+       * @param layers
+       * @param ldp
        */
       dispose(graph:yfiles.layout.LayoutGraph,layers:yfiles.hierarchic.ILayers,ldp:yfiles.hierarchic.ILayoutDataProvider):void;
       /**
        * 
-       * @param {yfiles.layout.LayoutGraph} graph
-       * @param {yfiles.hierarchic.ILayer} layer
-       * @param {yfiles.hierarchic.ILayoutDataProvider} ldp
-       * @param {yfiles.algorithms.Node} left
-       * @param {yfiles.algorithms.Node} right
-       * @returns {number} 
+       * @param graph
+       * @param layer
+       * @param ldp
+       * @param left
+       * @param right
+       * @returns 
        */
       getMinDistance(graph:yfiles.layout.LayoutGraph,layer:yfiles.hierarchic.ILayer,ldp:yfiles.hierarchic.ILayoutDataProvider,left:yfiles.algorithms.Node,right:yfiles.algorithms.Node):number;
       /**
        * 
-       * @param {yfiles.layout.LayoutGraph} graph
-       * @param {yfiles.hierarchic.ILayers} layers
-       * @param {yfiles.hierarchic.ILayoutDataProvider} ldp
+       * @param graph
+       * @param layers
+       * @param ldp
        */
       initialize(graph:yfiles.layout.LayoutGraph,layers:yfiles.hierarchic.ILayers,ldp:yfiles.hierarchic.ILayoutDataProvider):void;
       /**
@@ -105601,7 +99382,7 @@ declare namespace system{
      * <p>
      * {@graph {"ann":{"s":[30,30],"d":1},"n":[[100,70,[[109.66,94.35,10.67,18.7,"1"]]],[45.59,140,[[55.25,164.35,10.67,18.7,"2"]]],[95.59,140,[[105.25,164.35,10.67,18.7,"3"]]],[0,0,[[9.66,24.35,10.67,18.7,"6"]]],[0,70,[[9.66,94.35,10.67,18.7,"7"]]],[50,70,[[59.66,94.35,10.67,18.7,"8"]]],[145.59,140,[[151.91,164.35,17.35,18.7,"12"]]],[125.59,280,[[135.25,304.35,10.67,18.7,"8"]]],[125.59,210,[[135.25,234.35,10.67,18.7,"9"]]]],"e":[[5,1,0,15,0,-15,[65,120,60.59,120]],[0,1,-10,15,10,-15,[105,120,70.59,120]],[0,2,0,15,0,-15,[115,120,110.59,120]],[4,1,0,15,-10,-15,[15,120,50.59,120]],[3,4,0,15,0,-15],[0,6,10,15,0,-15,[125,120,160.59,120]],[6,7,7.5,15,10,-15,[168.09,190,176.09,190,176.09,260,150.59,260]],[6,8,-7.5,15,0,-15,[153.09,190,140.59,190]],[8,7,0,15,0,-15],[2,7,0,15,-10,-15,[110.59,190,105.09,190,105.09,260,130.59,260]]],"vp":[0.0,0.0,177.0,310.0]}}
      * </p>
-     * @class yfiles.hierarchic.WeightedLayerer
+     * @class
      * @implements {yfiles.hierarchic.ILayerer}
      */
     export interface WeightedLayerer extends Object,yfiles.hierarchic.ILayerer{}
@@ -105609,41 +99390,40 @@ declare namespace system{
       /**
        * Creates an instance of {@link yfiles.hierarchic.WeightedLayerer} with the given key that provides access to the {@link yfiles.algorithms.IDataProvider}
        * that holds the edge weights and unlimited maximum duration for the {@link yfiles.hierarchic.WeightedLayerer}.
-       * @param {Object} [key=null] the key to access the {@link yfiles.algorithms.IDataProvider} that holds the edge weights
-       * @constructor
+       * @param [key=null] the key to access the {@link } that holds the edge weights
        */
       constructor(key?:Object);
       /**
        * Assigns all nodes of the graph to layers and adds them to the {@link yfiles.hierarchic.ILayers} instance.
-       * @param {yfiles.layout.LayoutGraph} graph the input graph
-       * @param {yfiles.hierarchic.ILayers} layers the {@link yfiles.hierarchic.ILayers} instance that will be filled with the results of the calculation
-       * @param {yfiles.hierarchic.ILayoutDataProvider} ldp the {@link yfiles.hierarchic.ILayoutDataProvider} used for querying information about the nodes and edges
+       * @param graph the input graph
+       * @param layers the {@link } instance that will be filled with the results of the calculation
+       * @param ldp the {@link } used for querying information about the nodes and edges
        */
       assignLayers(graph:yfiles.layout.LayoutGraph,layers:yfiles.hierarchic.ILayers,ldp:yfiles.hierarchic.ILayoutDataProvider):void;
       /**
        * Assigns all nodes of the graph to layers.
-       * @param {yfiles.algorithms.Graph} graph the graph for which the layers are determined
-       * @param {yfiles.algorithms.INodeMap} layerID the {@link yfiles.algorithms.INodeMap} that will be filled by the layout algorithm and returns a zero-based layer index for each
+       * @param graph the graph for which the layers are determined
+       * @param layerID the {@link } that will be filled by the layout algorithm and returns a zero-based layer index for each
        * node
-       * @returns {number} the number of layers
+       * @returns the number of layers
        */
       assignLayersFast(graph:yfiles.algorithms.Graph,layerID:yfiles.algorithms.INodeMap):number;
       /**
        * Assigns all nodes of the graph to layers.
-       * @param {yfiles.algorithms.Graph} graph the graph for which the layers are determined
-       * @param {yfiles.algorithms.INodeMap} layerID the {@link yfiles.algorithms.INodeMap} that will be filled by the layout algorithm and returns the zero-based index of the layer
+       * @param graph the graph for which the layers are determined
+       * @param layerID the {@link } that will be filled by the layout algorithm and returns the zero-based index of the layer
        * to which each node belongs
-       * @returns {number} the number of layers
+       * @returns the number of layers
        */
       assignLayersToMap(graph:yfiles.algorithms.Graph,layerID:yfiles.algorithms.INodeMap):number;
       /**
        * Assigns all nodes of the graph to layers.
-       * @param {yfiles.layout.LayoutGraph} graph the graph for which the layers are determined
-       * @param {yfiles.algorithms.INodeMap} layerID the {@link yfiles.algorithms.INodeMap} that will be filled by the layout algorithm and returns a zero-based layer index for each
+       * @param graph the graph for which the layers are determined
+       * @param layerID the {@link } that will be filled by the layout algorithm and returns a zero-based layer index for each
        * node
-       * @param {yfiles.algorithms.EdgeList} reversedEdges an {@link yfiles.algorithms.EdgeList} containing the edges which had been reversed
-       * @param {yfiles.algorithms.IDataProvider} weight the {@link yfiles.algorithms.IDataProvider} that returns an integer value (weight) for each edge
-       * @returns {number} the number of layers
+       * @param reversedEdges an {@link } containing the edges which had been reversed
+       * @param weight the {@link } that returns an integer value (weight) for each edge
+       * @returns the number of layers
        */
       assignNodeLayerWithDataProvider(graph:yfiles.layout.LayoutGraph,layerID:yfiles.algorithms.INodeMap,reversedEdges:yfiles.algorithms.EdgeList,weight:yfiles.algorithms.IDataProvider):number;
       /**
@@ -105654,8 +99434,8 @@ declare namespace system{
        * <p>
        * It may be overridden if non-uniform weights are desired.
        * </p>
-       * @param {yfiles.algorithms.Edge} edge given edge
-       * @returns {number} the edge weight of the specified edge
+       * @param edge given edge
+       * @returns the edge weight of the specified edge
        * @see yfiles.hierarchic.WeightedLayerer#weightedCycleRemoval
        * @see yfiles.hierarchic.WeightedLayerer#weightedCycleRemoval
        * @protected
@@ -105663,8 +99443,8 @@ declare namespace system{
       getWeight(edge:yfiles.algorithms.Edge):number;
       /**
        * Removes cycles from the graph using a depth first search.
-       * @param {yfiles.algorithms.Graph} graph the graph
-       * @param {yfiles.algorithms.EdgeList} reversedEdges an {@link yfiles.algorithms.EdgeList} containing the edges which will be reversed
+       * @param graph the graph
+       * @param reversedEdges an {@link } containing the edges which will be reversed
        */
       makeDFSAcyclic(graph:yfiles.algorithms.Graph,reversedEdges:yfiles.algorithms.EdgeList):void;
       /**
@@ -105707,7 +99487,7 @@ declare namespace system{
     }
     /**
      * Specifies custom data for the {@link yfiles.hierarchic.HierarchicLayout}.
-     * @class yfiles.hierarchic.HierarchicLayoutData
+     * @class
      * @extends {yfiles.layout.LayoutData}
      */
     export interface HierarchicLayoutData extends yfiles.layout.LayoutData{}
@@ -105923,6 +99703,14 @@ declare namespace system{
        * @type {yfiles.layout.ItemMapping.<yfiles.graph.IEdge,number>}
        */
       edgeThickness:yfiles.layout.ItemMapping<yfiles.graph.IEdge,number>;
+      /**
+       * Gets or sets the mapping that provides a {@link yfiles.layout.PreferredPlacementDescriptor} instance for edge
+       * {@link yfiles.graph.ILabel}s.
+       * @see yfiles.layout.PreferredPlacementDescriptor
+       * @see yfiles.layout.LayoutGraphAdapter#EDGE_LABEL_LAYOUT_PREFERRED_PLACEMENT_DESCRIPTOR_DP_KEY
+       * @type {yfiles.layout.ItemMapping.<yfiles.graph.ILabel,yfiles.layout.PreferredPlacementDescriptor>}
+       */
+      edgeLabelPreferredPlacement:yfiles.layout.ItemMapping<yfiles.graph.ILabel,yfiles.layout.PreferredPlacementDescriptor>;
       static $class:yfiles.lang.Class;
     }
     /**
@@ -105932,7 +99720,7 @@ declare namespace system{
      * Only one of the provided ways to define a mapping can be used at the same time, therefore only one of the properties of
      * this class should be set on an instance.
      * </p>
-     * @class yfiles.hierarchic.IncrementalHintItemMapping
+     * @class
      * @extends {yfiles.layout.ContextItemMapping.<yfiles.graph.IModelItem,Object,yfiles.hierarchic.IIncrementalHintsFactory>}
      * @final
      */
@@ -105953,7 +99741,7 @@ declare namespace system{
     }
     /**
      * Specifies custom data for the {@link yfiles.hierarchic.SelfLoopCalculator}.
-     * @class yfiles.hierarchic.SelfLoopCalculatorData
+     * @class
      * @extends {yfiles.layout.LayoutData}
      */
     export interface SelfLoopCalculatorData extends yfiles.layout.LayoutData{}
@@ -105997,6 +99785,581 @@ declare namespace system{
       minimumOctilinearSegmentLengths:yfiles.layout.ItemMapping<yfiles.graph.IEdge,number>;
       static $class:yfiles.lang.Class;
     }
+  }export namespace labeling{
+    export enum OptimizationStrategy{
+      /**
+       * An optimization strategy aiming at a good balance between the available optimization options.
+       * @see yfiles.labeling.MISLabelingBase#optimizationStrategy
+       */
+      BALANCED,
+      /**
+       * An optimization strategy that especially reduces overlaps between labels and nodes as well as labels and node halos.
+       * @see yfiles.labeling.MISLabelingBase#optimizationStrategy
+       */
+      NODE_OVERLAP,
+      /**
+       * An optimization strategy that especially reduces overlaps between labels.
+       * @see yfiles.labeling.MISLabelingBase#optimizationStrategy
+       */
+      LABEL_OVERLAP,
+      /**
+       * An optimization strategy that especially reduces overlaps between labels and edges.
+       * @see yfiles.labeling.MISLabelingBase#optimizationStrategy
+       */
+      EDGE_OVERLAP,
+      /**
+       * An optimization strategy that mainly tries to satisfy the preferences described by a {@link yfiles.layout.PreferredPlacementDescriptor}
+       * associated with edge labels.
+       * @see yfiles.labeling.MISLabelingBase#optimizationStrategy
+       */
+      PREFERRED_PLACEMENT,
+      /**
+       * Use no optimization strategy.
+       */
+      NONE
+    }
+    /**
+     * A generic labeling algorithm for placing the labels of a graph.
+     * <p>
+     * {@graph {"ann":{"s":[30,30],"d":1,"c":1,"lblFlip":1,"lblB":1},"n":[[249.44,602.63,[[212.75,626.98,32.69,18.7,"Node"]]],[306.92,686.94,[[270.24,711.29,32.69,18.7,"Node"]]],[481.7,787.85,[[515.7,812.2,32.69,18.7,"Node"]]],[219.36,505.12,[[182.67,529.47,32.69,18.7,"Node"]]],[386.71,750.57,[[350.02,774.92,32.69,18.7,"Node"]]],[885,353.19,[[883.66,405.89,32.69,18.7,"Node"]]],[840.72,261.25,[[839.38,257.25,32.69,18.7,"Node"]]],[583.46,112.72,[[582.11,108.72,32.69,18.7,"Node"]]],[249.44,305.56,[[212.75,329.91,32.69,18.7,"Node"]]],[682.94,135.42,[[681.6,131.42,32.69,18.7,"Node"]]],[481.7,120.34,[[480.35,116.34,32.69,18.7,"Node"]]],[771.32,186.45,[[769.97,182.45,32.69,18.7,"Node"]]],[219.36,403.07,[[182.67,427.42,32.69,18.7,"Node"]]],[306.92,221.25,[[270.24,245.6,32.69,18.7,"Node"]]],[386.71,157.62,[[385.36,153.62,32.69,18.7,"Node"]]]],"e":[[0,1,[],[[259.45,643.51,32.03,18.7,0.826238774315996,-0.5633200580636204,"Edge"]]],[3,0,[],[[221.61,542.21,32.03,18.7,0.9555728057861415,-0.294755174410902,"Edge"]]],[1,4,[],[[349.3,723.77,32.03,18.7,0.6234898018587343,-0.7818314824680294,"Edge"]]],[4,2,[],[[418.05,771.98,32.03,18.7,0.36534102436639637,-0.9308737486442037,"Edge"]]],[3,5,[],[[262.64,513.66,32.03,18.7,-0.2225209339563144,-0.9749279121818236,"Edge"]]],[2,5,[],[[534.29,789.82,32.03,18.7,-0.7330518718298267,-0.680172737770919,"Edge"]]],[4,5,[],[[427.6,744.91,32.03,18.7,-0.6234898018587336,-0.7818314824680299,"Edge"]]],[1,5,[],[[350.46,685.47,32.03,18.7,-0.5000000000000003,-0.8660254037844386,"Edge"]]],[0,5,[],[[298.89,624.2,32.03,18.7,-0.3653410243663947,-0.9308737486442044,"Edge"]]],[5,6,[],[[878.37,323.28,32.03,18.7,0.9009688679024184,-0.4338837391175598,"Edge"]]],[7,5,[],[[611.91,162.36,32.03,18.7,0.6234898018587336,-0.7818314824680299,"Edge"]]],[8,5,[],[[292.35,341.41,32.03,18.7,0.07473009358642455,-0.9972037971811801,"Edge"]]],[9,7,[],[[645.8,157.7,32.03,18.7,0.2225209339563144,-0.9749279121818236,"Edge"]]],[7,10,[],[[549.55,131.38,32.03,18.7,-0.07473009358642278,-0.9972037971811804,"Edge"]]],[10,5,[],[[515.14,167.59,32.03,18.7,0.5000000000000003,-0.8660254037844386,"Edge"]]],[6,11,[],[[796.42,239.83,32.03,18.7,0.7330518718298267,-0.680172737770919,"Edge"]]],[11,9,[],[[733.51,192.55,32.03,18.7,0.4999999999999995,-0.866025403784439,"Edge"]]],[8,12,[],[[267.76,373.25,32.03,18.7,-0.9555728057861401,-0.29475517441090626,"Edge"]]],[12,3,[],[[253.06,467.1,32.03,18.7,-1.0,-2.7257675990577433E-15,"Edge"]]],[12,5,[],[[265.18,415.76,32.03,18.7,-0.07473009358642366,-0.9972037971811802,"Edge"]]],[13,5,[],[[347.6,261.29,32.03,18.7,0.22252093395631525,-0.9749279121818234,"Edge"]]],[13,8,[],[[284.16,291.63,32.03,18.7,-0.826238774315993,-0.5633200580636247,"Edge"]]],[10,14,[],[[450.54,153.46,32.03,18.7,-0.3653410243663931,-0.930873748644205,"Edge"]]],[14,13,[],[[349.3,214.42,32.03,18.7,-0.6234898018587314,-0.7818314824680315,"Edge"]]],[14,5,[],[[424.24,201.56,32.03,18.7,0.36534102436639554,-0.930873748644204,"Edge"]]]],"vp":[182.0,90.0,735.0,728.0]}} Node labels and edge labels placed by the labeling algorithm
+     * </p>
+     * <p>
+     * This algorithm can switch between two internal implementations. By default, it generates high quality label placements
+     * even for difficult instances. This especially holds if the label models allow a large number of different
+     * {@link yfiles.layout.LabelCandidate}s, i.e., there is a high potential for optimizations.
+     * </p>
+     * <p>
+     * If the duration of the calculation is of utmost importance, the internal algorithm can be changed to a simpler
+     * implementation by setting {@link yfiles.labeling.GenericLabeling#maximumDuration} to <code>0</code>. On the downside, the results will not be as good as the ones of the default mode.
+     * </p>
+     * <p>
+     * In default mode, this algorithm reduces the labeling problem to the maximum independent set (MIS) problem and solves the
+     * problem using simulated annealing. It is inspired by the article from Christensen, Marks and Shieber: <i>A General
+     * Cartographic Labelling Algorithm</i>.
+     * </p>
+     * <p>
+     * It is recommended to use {@link yfiles.layout.IEdgeLabelLayoutModel}s and
+     * {@link yfiles.layout.INodeLabelLayoutModel}s which allow free positioning of labels to achieve best results with this generic
+     * labeling algorithm.
+     * </p>
+     * <p>
+     * This algorithm works according to the general labeling concept defined by {@link yfiles.labeling.LabelingBase}.
+     * </p>
+     * @see yfiles.labeling.LabelingBase
+     * @class
+     * @extends {yfiles.labeling.MISLabelingBase}
+     */
+    export interface GenericLabeling extends yfiles.labeling.MISLabelingBase{}
+    export class GenericLabeling {
+      /**
+       * Creates a new instance of {@link yfiles.labeling.GenericLabeling} with default settings.
+       */
+      constructor();
+      /**
+       * Gets or sets whether or not this algorithm behaves deterministically.
+       * <p>
+       * If enabled, it produces the same results given the same input graph and settings.
+       * </p>
+       * @type {boolean}
+       */
+      deterministic:boolean;
+      /**
+       * Gets or sets the time limit for this algorithm in milliseconds.
+       * <p>
+       * <code>0x7FFFFFFF</code> denotes that there is no time limit. Values have to be greater than or equal to <code>0</code>.
+       * </p>
+       * @throws {Stubs.Exceptions.ArgumentError} if the given maximum duration is negative
+       * @type {number}
+       */
+      maximumDuration:number;
+      static $class:yfiles.lang.Class;
+    }
+    /**
+     * An abstract base class for generic labeling algorithms which place labels of graphs.
+     * <p>
+     * Labeling algorithms compute positions for labels in a given graph. The main goal is to place labels such that they do
+     * not overlap with other graph elements. Labeling algorithms do not modify positions of nodes and edges.
+     * </p>
+     * <p>
+     * <b>Concept</b>
+     * </p>
+     * <p>
+     * Generic labeling algorithms use the model associated with a label (i.e. {@link yfiles.layout.INodeLabelLayout#labelModel node label model} for nodes and {@link yfiles.layout.IEdgeLabelLayout#labelModel edge label model}
+     * for edges). The models are necessary to compute a set of {@link yfiles.layout.LabelCandidate}s, i.e., candidate positions for a
+     * label. Then, one <i>best matching</i> candidate from the set will be selected. This selection depends on several preferences, e.g., if {@link yfiles.labeling.LabelingBase#removeNodeOverlaps overlaps with nodes}
+     * are not allowed, candidates encoding overlapping positions will be ignored.
+     * </p>
+     * <p>
+     * After one {@link yfiles.layout.LabelCandidate} has been chosen, the label model's parameter is used for encoding the label
+     * position. Therefore, the result of a generic labeling algorithm is one model parameter per label. The parameter is {@link yfiles.layout.ILabelLayout#modelParameter stored with the label}
+     * and expresses the label position with respect to the underlying label model.
+     * </p>
+     * <p>
+     * <b>Features</b>
+     * </p>
+     * <p>
+     * This class provides a general frame, offering functionality which can be shared by other generic labeling algorithms.
+     * </p>
+     * <p>
+     * To only place labels or a subset of labels, the main labeling methods {@link yfiles.labeling.LabelingBase#label}, {@link yfiles.labeling.LabelingBase#label}
+     * and {@link yfiles.labeling.LabelingBase#label} are offered.
+     * </p>
+     * <p>
+     * As this class represents an {@link yfiles.layout.LayoutStageBase}, it allows usage as a generic labeling stage. By combining it
+     * with a
+     * {@link yfiles.layout.LayoutStageBase#coreLayout core layouter}, the labeling will take place after the core layouter was executed
+     * ({@link yfiles.labeling.LabelingBase#applyLayout}). This is especially useful if the core layouter does not support label
+     * handling.
+     * </p>
+     * @class
+     * @extends {yfiles.layout.LayoutStageBase}
+     */
+    export interface LabelingBase extends yfiles.layout.LayoutStageBase{}
+    export class LabelingBase {
+      /**
+       * Creates a new {@link yfiles.labeling.LabelingBase} instance with default settings.
+       */
+      constructor();
+      /**
+       * Returns the profit for placing a {@link yfiles.layout.LabelCandidate} with respect to the current {@link yfiles.labeling.LabelingBase#profitModel profit model}.
+       * <p>
+       * Method {@link yfiles.layout.IProfitModel#getProfit} on the current profit model will be invoked to compute the actual profit
+       * value.
+       * </p>
+       * <p>
+       * The higher the profit (rank) of a candidate is, the more likely it will be chosen as actual position by the algorithm.
+       * </p>
+       * @param candidate a label candidate
+       * @returns the profit value between <code>0</code> and <code>1</code>
+       */
+      getProfit(candidate:yfiles.layout.LabelCandidate):number;
+      /**
+       * Places the labels of the input graph restricting the placement to labels contained in the given lists.
+       * <p>
+       * The {@link yfiles.labeling.LabelingBase#affectedLabelsDpKey selection} will not be considered; the given lists will define the selection of labels that are to be placed.
+       * </p>
+       * @param graph the input graph
+       * @param nodeLabels a list of {@link }s defining the set of node labels that will be placed
+       * @param edgeLabels a list of {@link }s defining the set of edge labels that will be placed
+       */
+      label(graph:yfiles.layout.LayoutGraph,nodeLabels:yfiles.algorithms.YList,edgeLabels:yfiles.algorithms.YList):void;
+      /**
+       * Places the labels of the input graph using a {@link yfiles.algorithms.IDataProvider} registered to the input graph with the
+       * given key for determining which labels to place.
+       * <p>
+       * Instead of considering the current {@link yfiles.labeling.LabelingBase#affectedLabelsDpKey selection key}, the {@link yfiles.algorithms.IDataProvider} registered with the given key will
+       * be used for selecting labels. Invoking this method has the same effect as first {@link yfiles.labeling.LabelingBase#affectedLabelsDpKey specifying the key} as selection key and
+       * then invoking {@link yfiles.labeling.LabelingBase#label}.
+       * </p>
+       * @param graph the input graph
+       * @param [key=null] the {@link } key for label selection
+       */
+      label(graph:yfiles.layout.LayoutGraph,key?:Object):void;
+      /**
+       * Data provider key for mapping models to edge/node labels
+       * <p>
+       * The {@link yfiles.layout.INodeLabelLayoutModel}s and {@link yfiles.layout.IEdgeLabelLayoutModel}s linked to
+       * {@link yfiles.layout.INodeLabelLayout}s and {@link yfiles.layout.IEdgeLabelLayout}s by this {@link yfiles.algorithms.IDataProvider} are taken as
+       * replacement models. This means that the original model is internally replaced by another model when computing valid
+       * positions for the label. A model parameter that fits the calculated position of the replacement model best is set for
+       * the original label model.
+       * </p>
+       * @const
+       * @static
+       * @type {yfiles.algorithms.ILabelLayoutDpKey.<Object>}
+       */
+      static LABEL_MODEL_DP_KEY:yfiles.algorithms.ILabelLayoutDpKey<Object>;
+      /**
+       * Gets or sets the {@link yfiles.layout.IProfitModel} for ranking the {@link yfiles.layout.LabelCandidate}s for labels.
+       * <p>
+       * The profit model is used when {@link yfiles.labeling.LabelingBase#getProfit calculating the profit} of a candidate.
+       * </p>
+       * <p>
+       * The higher the profit (rank) of a candidate is, the more likely it will be chosen as actual position by the algorithm.
+       * </p>
+       * @see yfiles.layout.IProfitModel
+       * @see yfiles.layout.SimpleProfitModel
+       * @see yfiles.labeling.LabelingBase#getProfit
+       * @type {yfiles.layout.IProfitModel}
+       */
+      profitModel:yfiles.layout.IProfitModel;
+      /**
+       * Gets or sets whether or not <em>internal</em> node labels are allowed to move.
+       * <p>
+       * A node label is <em>internal</em> if the label's boundaries are completely within the node's boundaries.
+       * </p>
+       * @type {boolean}
+       */
+      moveInternalNodeLabels:boolean;
+      /**
+       * Gets or sets whether or not a post-processing step to reduce the number of label overlaps is applied.
+       * @type {boolean}
+       */
+      reduceLabelOverlaps:boolean;
+      /**
+       * Gets or sets whether or not {@link yfiles.layout.LabelCandidate label candidates} that overlap with nodes are removed.
+       * <p>
+       * If overlapping candidates are not removed, they will be considered but get a penalty. Therefore, it is still less likely
+       * that an overlapping candidate is finally chosen.
+       * </p>
+       * <p>
+       * The detection and removal of labels that overlap with nodes may increase the runtime of this algorithm.
+       * </p>
+       * @type {boolean}
+       */
+      removeNodeOverlaps:boolean;
+      /**
+       * Gets or sets whether or not {@link yfiles.layout.LabelCandidate label candidates} that overlap with edges are removed.
+       * <p>
+       * If overlapping candidates are not removed, they will be considered but get a penalty. Therefore, it is still less likely
+       * that an overlapping candidate is finally chosen.
+       * </p>
+       * <p>
+       * The detection and removal of labels that overlap with edges may increase the runtime of this algorithm.
+       * </p>
+       * @type {boolean}
+       */
+      removeEdgeOverlaps:boolean;
+      /**
+       * Gets or sets whether or not labels assigned to nodes are placed.
+       * @see yfiles.labeling.LabelingBase#affectedLabelsDpKey
+       * @type {boolean}
+       */
+      placeNodeLabels:boolean;
+      /**
+       * Gets or sets whether or not labels assigned to edges are placed.
+       * @see yfiles.labeling.LabelingBase#affectedLabelsDpKey
+       * @type {boolean}
+       */
+      placeEdgeLabels:boolean;
+      /**
+       * Gets or sets the {@link yfiles.algorithms.IDataProvider} key to mark labels as selected for placement.
+       * <p>
+       * If a {@link yfiles.algorithms.IDataProvider} is registered with this key, only the selected labels will be placed, while all
+       * other labels are considered fixed.
+       * </p>
+       * <p>
+       * The registered {@link yfiles.algorithms.IDataProvider} needs to map from {@link yfiles.layout.ILabelLayout} to {@link boolean} where <code>true</code> indicates
+       * that a label should be placed and <code>false</code> indicates that a label should be ignored.
+       * </p>
+       * @type {Object}
+       */
+      affectedLabelsDpKey:Object;
+      /**
+       * Gets or sets whether or not edge labels are automatically flipped if otherwise they would be upside-down.
+       * @type {boolean}
+       */
+      autoFlipping:boolean;
+      /**
+       * Gets or sets whether or not edge labels may overlap with edges belonging to the same edge group as the label's edge.
+       * <p>
+       * An edge group is a set of edges which share a common bus near the target or source node. They are defined using
+       * {@link yfiles.algorithms.IDataProvider}s registered with {@link yfiles.layout.PortConstraintKeys#SOURCE_GROUP_ID_DP_KEY} and
+       * {@link yfiles.layout.PortConstraintKeys#TARGET_GROUP_ID_DP_KEY}.
+       * </p>
+       * @see yfiles.layout.PortConstraintKeys#SOURCE_GROUP_ID_DP_KEY
+       * @see yfiles.layout.PortConstraintKeys#TARGET_GROUP_ID_DP_KEY
+       * @type {boolean}
+       */
+      edgeGroupOverlapAllowed:boolean;
+      static $class:yfiles.lang.Class;
+    }
+    /**
+     * A base class for generic labeling algorithms which solve the labeling problem by reducing it to the maximum independent
+     * set (MIS) problem.
+     * <p>
+     * Different optimization strategies are available; an optimization strategy defines which criteria the algorithm should
+     * try to optimize. For example, reducing the number of overlaps between labels and nodes may be considered more important
+     * than reducing the number of overlaps between labels and edges.
+     * </p>
+     * @see yfiles.labeling.GenericLabeling
+     * @class
+     * @extends {yfiles.labeling.LabelingBase}
+     */
+    export interface MISLabelingBase extends yfiles.labeling.LabelingBase{}
+    export class MISLabelingBase {
+      /**
+       * Creates a new {@link yfiles.labeling.MISLabelingBase} instance with default settings.
+       */
+      constructor();
+      /**
+       * Returns a {@link yfiles.algorithms.INodeMap} which assigns a profit value to each node in the {@link yfiles.labeling.MISLabelingBase#conflictGraph conflict graph}.
+       * <p>
+       * As the conflict graph's nodes represent {@link yfiles.layout.LabelCandidate}s, this mapping gives the profit value of label
+       * candidates. The assigned value is defined as the difference between the {@link yfiles.labeling.LabelingBase#getProfit profit induced by the profit model} and the
+       * candidate's {@link yfiles.layout.LabelCandidate#overlapPenalty overlap penalty}.
+       * </p>
+       * <p>
+       * The returned map is a mapping from each {@link yfiles.algorithms.Node} (representing a label candidate) in the {@link yfiles.labeling.MISLabelingBase#conflictGraph}
+       * to a {@link number} representing the profit value of the candidate.
+       * </p>
+       * @returns a mapping from nodes (i.e. label candidates) to their profit value
+       */
+      assignProfit():yfiles.algorithms.INodeMap;
+      /**
+       * Creates the edges in the conflict graph, i.e., one edge between two nodes if the corresponding
+       * {@link yfiles.layout.LabelCandidate}s intersect.
+       * <p>
+       * The nodes of the {@link yfiles.labeling.MISLabelingBase#conflictGraph conflict graph} represent
+       * {@link yfiles.layout.LabelCandidate}s. An edge between candidates signals that they overlap. A maximum independent set will be
+       * computed on the conflict graph to choose candidates such that no two candidates overlap.
+       * </p>
+       * <p>
+       * This method may be overridden to change the structure of the {@link yfiles.labeling.MISLabelingBase#conflictGraph conflict graph}. Edges between two
+       * {@link yfiles.layout.LabelCandidate}s in the conflict graph signal that the two candidates should not be selected together. By
+       * overriding this method, arbitrary reasons for indicating that two label candidates should not be chosen at the same time
+       * can be modeled.
+       * </p>
+       * @see yfiles.labeling.MISLabelingBase#conflictGraph
+       * @see yfiles.labeling.MISLabelingBase#nodesToBoxes
+       * @see yfiles.labeling.MISLabelingBase#boxesToNodes
+       * @see yfiles.labeling.MISLabelingBase#nodesToID
+       * @protected
+       */
+      createEdges():void;
+      /**
+       * Indicates that an overlap between a {@link yfiles.layout.LabelCandidate} and an {@link yfiles.algorithms.Edge} of the input graph has
+       * been found.
+       * <p>
+       * This method is called when finding overlaps while {@link yfiles.labeling.MISLabelingBase#createEdges creating edges} of the {@link yfiles.labeling.MISLabelingBase#conflictGraph conflict graph}. It will store a factor
+       * indicating how much the two elements overlap. The factor influences the {@link yfiles.labeling.LabelingBase#getProfit profit} assigned to the given label candidate.
+       * </p>
+       * <p>
+       * This method may be overridden to realize a custom strategy for reacting to overlaps between label candidates and edges.
+       * </p>
+       * @param labelCandidate the {@link } overlapping with the given {@link }
+       * @param edge the {@link } overlapping with the given {@link }
+       * @param eSegment the {@link } of the given edge overlapping with the given candidate
+       * @see yfiles.labeling.MISLabelingBase#conflictGraph
+       * @see yfiles.labeling.MISLabelingBase#createEdges
+       */
+      foundEdgeOverlap(labelCandidate:yfiles.layout.LabelCandidate,edge:yfiles.algorithms.Edge,eSegment:yfiles.algorithms.LineSegment):void;
+      /**
+       * Indicates that an overlap between a {@link yfiles.layout.LabelCandidate} and a {@link yfiles.layout.NodeHalo} of the input graph has
+       * been found.
+       * <p>
+       * This method is called when finding overlaps while {@link yfiles.labeling.MISLabelingBase#createEdges creating edges} of the {@link yfiles.labeling.MISLabelingBase#conflictGraph conflict graph}. It will store a factor
+       * indicating how much the two elements overlap. The factor influences the {@link yfiles.labeling.LabelingBase#getProfit profit} assigned to the given label candidate.
+       * </p>
+       * <p>
+       * This method may be overridden to realize a custom strategy for reacting to overlaps between label candidates and node
+       * halos.
+       * </p>
+       * @param labelCandidate the {@link } overlapping with a node halo
+       * @param node the {@link } whose {@link } is overlapping with the given label candidate
+       * @param haloRect the bounding box of the {@link } overlapping with the given label candidate
+       * @see yfiles.labeling.MISLabelingBase#conflictGraph
+       * @see yfiles.labeling.MISLabelingBase#createEdges
+       */
+      foundHaloOverlap(labelCandidate:yfiles.layout.LabelCandidate,node:yfiles.algorithms.Node,haloRect:yfiles.algorithms.YRectangle):void;
+      /**
+       * Indicates that an overlap between two {@link yfiles.layout.LabelCandidate}s has been found.
+       * <p>
+       * This method is called when finding overlaps while {@link yfiles.labeling.MISLabelingBase#createEdges creating edges} of the
+       * {@link yfiles.labeling.MISLabelingBase#conflictGraph conflict graph}. It will store a factor indicating how much the two candidates overlap. The factor influences the penalty
+       * assigned when both candidates are chosen, i.e., the penalty for the corresponding overlap.
+       * </p>
+       * <p>
+       * This method may be overridden to realize a custom strategy for reacting to overlaps among
+       * {@link yfiles.layout.LabelCandidate}s.
+       * </p>
+       * @param candidate1 the first overlapping {@link }
+       * @param candidate2 the second overlapping {@link }
+       * @param edge the {@link } in {@link #conflictGraph} representing the found overlap
+       * @see yfiles.labeling.MISLabelingBase#conflictGraph
+       * @see yfiles.labeling.MISLabelingBase#createEdges
+       */
+      foundLabelOverlap(candidate1:yfiles.layout.LabelCandidate,candidate2:yfiles.layout.LabelCandidate,edge:yfiles.algorithms.Edge):void;
+      /**
+       * Indicates that an overlap between a {@link yfiles.layout.LabelCandidate} and a {@link yfiles.algorithms.Node} of the input graph has
+       * been found.
+       * <p>
+       * This method is called when finding overlaps while {@link yfiles.labeling.MISLabelingBase#createEdges creating edges} of the {@link yfiles.labeling.MISLabelingBase#conflictGraph conflict graph}. It will store a factor
+       * indicating how much the two elements overlap. The factor influences the {@link yfiles.labeling.LabelingBase#getProfit profit} assigned to the given label candidate.
+       * </p>
+       * <p>
+       * This method may be overridden to realize a custom strategy for reacting to overlaps between label candidates and nodes.
+       * </p>
+       * @param labelCandidate the {@link } overlapping with the given node
+       * @param node the {@link } overlapping with the given label candidate
+       * @param nodeBox the bounding box of the given node
+       * @see yfiles.labeling.MISLabelingBase#conflictGraph
+       * @see yfiles.labeling.MISLabelingBase#createEdges
+       */
+      foundNodeOverlap(labelCandidate:yfiles.layout.LabelCandidate,node:yfiles.algorithms.Node,nodeBox:yfiles.algorithms.YRectangle):void;
+      /**
+       * The input graph that will be labeled.
+       * @type {yfiles.layout.LayoutGraph}
+       */
+      graph:yfiles.layout.LayoutGraph;
+      /**
+       * The conflict graph modeling
+       * {@link yfiles.layout.LabelCandidate}s as nodes and edges between them as conflicts, i.e., overlaps among candidates.
+       * @see yfiles.labeling.MISLabelingBase#createEdges
+       * @type {yfiles.algorithms.Graph}
+       */
+      conflictGraph:yfiles.algorithms.Graph;
+      /**
+       * The mapping from each node in the {@link yfiles.labeling.MISLabelingBase#conflictGraph} to the corresponding {@link yfiles.layout.LabelCandidate}
+       * instance.
+       * @see yfiles.labeling.MISLabelingBase#conflictGraph
+       * @type {yfiles.algorithms.INodeMap}
+       */
+      nodesToBoxes:yfiles.algorithms.INodeMap;
+      /**
+       * The mapping from the {@link yfiles.layout.LabelCandidate}s to the corresponding nodes in the
+       * {@link yfiles.labeling.MISLabelingBase#conflictGraph}.
+       * @see yfiles.labeling.MISLabelingBase#conflictGraph
+       * @type {yfiles.collections.IMap.<Object,Object>}
+       */
+      boxesToNodes:yfiles.collections.IMap<Object,Object>;
+      /**
+       * The mapping from nodes in the {@link yfiles.labeling.MISLabelingBase#conflictGraph} to a corresponding integer value (ID).
+       * <p>
+       * The ID denotes the actual label which a {@link yfiles.layout.LabelCandidate} (i.e. a node in the conflict graph) belongs to.
+       * </p>
+       * @type {yfiles.algorithms.INodeMap}
+       */
+      nodesToID:yfiles.algorithms.INodeMap;
+      /**
+       * Gets or sets the ratio between the internal profit (ip) and the profit computed using the specified {@link yfiles.labeling.LabelingBase#profitModel profit model} (sp).
+       * <p>
+       * This ratio defines how to weight the two profit values (ip) and (sp). The overall ratio is then computed as
+       * <code>ratio * sp + (1 - ratio) * ip</code>. The profit of a {@link yfiles.layout.LabelCandidate} defines how likely it is that the candidate
+       * will be chosen as actual label position.
+       * </p>
+       * <p>
+       * The ratio is defined to be a value from the interval <code>[0,1]</code>.
+       * </p>
+       * @throws {Stubs.Exceptions.ArgumentError} if the given ratio is negative or larger than <code>1</code>
+       * @see yfiles.labeling.LabelingBase#profitModel
+       * @see yfiles.labeling.MISLabelingBase#optimizationStrategy
+       * @type {number}
+       */
+      customProfitModelRatio:number;
+      /**
+       * Gets or sets the optimization strategy which defines the importance of criteria when optimizing labeling results.
+       * <p>
+       * Depending on the strategy, criteria like label-node overlaps, label-label overlaps and others are more or less
+       * important. For example, if the number of overlaps between labels and nodes is the most important criterion for the
+       * result, strategy {@link yfiles.labeling.OptimizationStrategy#NODE_OVERLAP} should be chosen.
+       * </p>
+       * @throws {Stubs.Exceptions.ArgumentError} if the given strategy is unknown
+       * @type {yfiles.labeling.OptimizationStrategy}
+       */
+      optimizationStrategy:yfiles.labeling.OptimizationStrategy;
+      /**
+       * Gets or sets whether or not {@link yfiles.layout.LabelCandidate label candidates} that overlap with nodes are removed.
+       * <p>
+       * If overlapping candidates are not removed, they will be considered but get a penalty. Therefore, it is still less likely
+       * that an overlapping candidate is finally chosen.
+       * </p>
+       * <p>
+       * The detection and removal of labels that overlap with nodes may increase the runtime of this algorithm.
+       * </p>
+       * @type {boolean}
+       */
+      removeNodeOverlaps:boolean;
+      /**
+       * Gets or sets whether or not {@link yfiles.layout.LabelCandidate label candidates} that overlap with edges are removed.
+       * <p>
+       * If overlapping candidates are not removed, they will be considered but get a penalty. Therefore, it is still less likely
+       * that an overlapping candidate is finally chosen.
+       * </p>
+       * <p>
+       * The detection and removal of labels that overlap with edges may increase the runtime of this algorithm.
+       * </p>
+       * @type {boolean}
+       */
+      removeEdgeOverlaps:boolean;
+      /**
+       * Gets or sets whether or not the number of ambiguous label placements is reduced by applying an additional optimization
+       * step.
+       * <p>
+       * A label position is considered to be ambiguous if it might not be possible to identify to which graph element the label
+       * belongs. For example, an edge label placed in between two edges is ambiguous.
+       * </p>
+       * <p>
+       * Enabling this reduction step does not guarantee that no ambiguous placements are selected. The algorithm will try to
+       * avoid them if other good positions without ambiguity are available. Other aspects like {@link yfiles.layout.PreferredPlacementDescriptor preferred placement} for edge
+       * labels will still be more important than the reduction of ambiguity.
+       * </p>
+       * @type {boolean}
+       */
+      reduceAmbiguity:boolean;
+      static $class:yfiles.lang.Class;
+    }
+    /**
+     * Specifies custom data for the {@link yfiles.labeling.GenericLabeling}.
+     * @class
+     * @extends {yfiles.layout.LayoutData}
+     */
+    export interface LabelingData extends yfiles.layout.LayoutData{}
+    export class LabelingData {
+      constructor();
+      /**
+       * Gets or sets the collection of labels that shall be placed by the algorithm.
+       * <p>
+       * Note that the {@link yfiles.layout.DpKeyItemCollection.<V>#dpKey} has to be set to the key assigned to {@link yfiles.labeling.LabelingBase#affectedLabelsDpKey}.
+       * </p>
+       * @see yfiles.labeling.LabelingBase#affectedLabelsDpKey
+       * @type {yfiles.layout.DpKeyItemCollection.<yfiles.graph.ILabel>}
+       */
+      affectedLabels:yfiles.layout.DpKeyItemCollection<yfiles.graph.ILabel>;
+      /**
+       * Gets or sets the mapping from node labels to an {@link yfiles.layout.INodeLabelLayoutModel} used by the labeling algorithm
+       * instead of the original label model.
+       * <p>
+       * If a label has no mapping, the original model is used as normal.
+       * </p>
+       * @see yfiles.labeling.LabelingBase#LABEL_MODEL_DP_KEY
+       * @type {yfiles.layout.ItemMapping.<yfiles.graph.ILabel,yfiles.layout.INodeLabelLayoutModel>}
+       */
+      nodeLabelModels:yfiles.layout.ItemMapping<yfiles.graph.ILabel,yfiles.layout.INodeLabelLayoutModel>;
+      /**
+       * Gets or sets the mapping from edge labels to an {@link yfiles.layout.IEdgeLabelLayoutModel} used by the labeling algorithm
+       * instead of the original label model.
+       * <p>
+       * If a label has no mapping, the original model is used as normal.
+       * </p>
+       * @see yfiles.labeling.LabelingBase#LABEL_MODEL_DP_KEY
+       * @type {yfiles.layout.ItemMapping.<yfiles.graph.ILabel,yfiles.layout.IEdgeLabelLayoutModel>}
+       */
+      edgeLabelModels:yfiles.layout.ItemMapping<yfiles.graph.ILabel,yfiles.layout.IEdgeLabelLayoutModel>;
+      /**
+       * Gets or sets a mapping from edges to an object representing their source edge group.
+       * @see yfiles.layout.PortConstraintKeys#SOURCE_GROUP_ID_DP_KEY
+       * @type {yfiles.layout.ItemMapping.<yfiles.graph.IEdge,Object>}
+       */
+      sourceGroupIds:yfiles.layout.ItemMapping<yfiles.graph.IEdge,Object>;
+      /**
+       * Gets or sets a mapping from edges to an object representing their target edge group.
+       * @see yfiles.layout.PortConstraintKeys#TARGET_GROUP_ID_DP_KEY
+       * @type {yfiles.layout.ItemMapping.<yfiles.graph.IEdge,Object>}
+       */
+      targetGroupIds:yfiles.layout.ItemMapping<yfiles.graph.IEdge,Object>;
+      /**
+       * Gets or sets the mapping from nodes to their {@link yfiles.layout.NodeHalo}.
+       * @see yfiles.layout.NodeHalo#NODE_HALO_DP_KEY
+       * @type {yfiles.layout.ItemMapping.<yfiles.graph.INode,yfiles.layout.NodeHalo>}
+       */
+      nodeHalos:yfiles.layout.ItemMapping<yfiles.graph.INode,yfiles.layout.NodeHalo>;
+      /**
+       * Gets or sets the AbortHandler used during the layout.
+       * @see yfiles.algorithms.AbortHandler#ABORT_HANDLER_DP_KEY
+       * @type {yfiles.algorithms.AbortHandler}
+       */
+      abortHandler:yfiles.algorithms.AbortHandler;
+      /**
+       * Gets or sets the mapping that provides a {@link yfiles.layout.PreferredPlacementDescriptor} instance for edge
+       * {@link yfiles.graph.ILabel}s.
+       * @see yfiles.layout.PreferredPlacementDescriptor
+       * @see yfiles.layout.LayoutGraphAdapter#EDGE_LABEL_LAYOUT_PREFERRED_PLACEMENT_DESCRIPTOR_DP_KEY
+       * @type {yfiles.layout.ItemMapping.<yfiles.graph.ILabel,yfiles.layout.PreferredPlacementDescriptor>}
+       */
+      edgeLabelPreferredPlacement:yfiles.layout.ItemMapping<yfiles.graph.ILabel,yfiles.layout.PreferredPlacementDescriptor>;
+      static $class:yfiles.lang.Class;
+    }
   }export namespace organic{
     export enum InitialPlacement{
       /**
@@ -106254,19 +100617,18 @@ declare namespace system{
      * To specify that specific nodes should not be moved, they can be marked as fixed using a {@link yfiles.algorithms.IDataProvider}
      * registered with key {@link yfiles.organic.ShuffleLayout#FIXED_NODE_DP_KEY}.
      * </p>
-     * @class yfiles.organic.ShuffleLayout
+     * @class
      * @implements {yfiles.layout.ILayoutStage}
      */
     export interface ShuffleLayout extends Object,yfiles.layout.ILayoutStage{}
     export class ShuffleLayout {
       /**
        * Creates a new instance of {@link yfiles.organic.ShuffleLayout} with default settings.
-       * @constructor
        */
       constructor();
       /**
        * Performs the overlap removal (shuffle) algorithm on the given graph, after the {@link yfiles.organic.ShuffleLayout#coreLayout core layout algorithm} was applied to it.
-       * @param {yfiles.layout.LayoutGraph} graph the input graph
+       * @param graph the input graph
        */
       applyLayout(graph:yfiles.layout.LayoutGraph):void;
       /**
@@ -106388,14 +100750,13 @@ declare namespace system{
      * and {@link yfiles.organic.ClassicOrganicLayout#initialTemperature initial temperature} can be controlled. This allows experts to configure and fine-tune the algorithm with respect to
      * their needs.
      * </p>
-     * @class yfiles.organic.ClassicOrganicLayout
+     * @class
      * @extends {yfiles.layout.MultiStageLayout}
      */
     export interface ClassicOrganicLayout extends yfiles.layout.MultiStageLayout{}
     export class ClassicOrganicLayout {
       /**
        * Creates a new {@link yfiles.organic.ClassicOrganicLayout} with default settings.
-       * @constructor
        */
       constructor();
       /**
@@ -106621,7 +100982,7 @@ declare namespace system{
       /**
        * Starts the layout calculation, continuing where it has stopped before and allowing a certain maximum duration in
        * milliseconds.
-       * @param {number} duration the duration in milliseconds the layout calculation is allowed to run
+       * @param duration the duration in milliseconds the layout calculation is allowed to run
        * @abstract
        */
       continueLayout(duration:number):void;
@@ -106677,10 +101038,6 @@ declare namespace system{
      * positions via mouse-dragging.
      * </p>
      * <p>
-     * If a {@link yfiles.layout.CopiedLayoutGraph} is being laid out, structural changes (e.g. creation or removal of nodes and edges)
-     * in the original graph can be automatically scheduled and applied to the {@link yfiles.layout.CopiedLayoutGraph} instance. Enable
-     * {@link yfiles.organic.InteractiveOrganicLayout#automaticStructureUpdate automatic structure updates} for this feature.
-     * <br />
      * Method {@link yfiles.organic.InteractiveOrganicLayout#addStructureUpdate} allows to schedule a custom event handler instance
      * that is executed in a synchronized context and can safely update the structure of the graph.
      * </p>
@@ -106698,14 +101055,13 @@ declare namespace system{
      * changes are stored as intermediate results. Such intermediate results can be {@link yfiles.organic.InteractiveOrganicLayout#commitPositions committed} in order to apply them to the
      * actual graph.
      * </p>
-     * @class yfiles.organic.InteractiveOrganicLayout
+     * @class
      * @implements {yfiles.layout.ILayoutAlgorithm}
      */
     export interface InteractiveOrganicLayout extends Object,yfiles.layout.ILayoutAlgorithm{}
     export class InteractiveOrganicLayout {
       /**
        * Creates a new instance of the {@link yfiles.organic.InteractiveOrganicLayout} with default settings.
-       * @constructor
        */
       constructor();
       /**
@@ -106715,8 +101071,8 @@ declare namespace system{
        * The given event handler will be queued and executed at a specific time. The event handler can make structural changes
        * (e.g. removal/creation of edges or nodes). They will be synchronized with the rest of the layout algorithm.
        * </p>
-       * @param {function(Object, yfiles.lang.EventArgs): void} handler The handler delegate that will be invoked using <code>null</code> as the sender and <code>args</code> as the event arguments
-       * @param {yfiles.lang.EventArgs} evt The event argument that will be piped to the <code>handler</code> invocation.
+       * @param handler The handler delegate that will be invoked using <code>null</code> as the sender and <code>args</code> as the event arguments
+       * @param evt The event argument that will be piped to the <code>handler</code> invocation.
        */
       addStructureUpdate(handler:(sender:Object,evt:yfiles.lang.EventArgs)=>void,evt:yfiles.lang.EventArgs):void;
       /**
@@ -106724,7 +101080,7 @@ declare namespace system{
        * <p>
        * Changes have to be {@link yfiles.organic.InteractiveOrganicLayout#commitPositions committed} to update the graph with the actual calculated positions.
        * </p>
-       * @param {yfiles.layout.LayoutGraph} graph the input graph
+       * @param graph the input graph
        * @see yfiles.organic.InteractiveOrganicLayout#startLayout
        */
       applyLayout(graph:yfiles.layout.LayoutGraph):void;
@@ -106756,9 +101112,9 @@ declare namespace system{
        * The returned largest movement can be used for estimating the difference between calculated layout and actual positions.
        * If the return value is <code>0</code>, the calculated layout was completely transferred.
        * </p>
-       * @param {number} maxMovement the maximum distance a node will be moved
-       * @param {number} factor a factor that determines the node movement
-       * @returns {number} the largest movement value or <code>0</code>, if the calculated layout has been transferred completely
+       * @param maxMovement the maximum distance a node will be moved
+       * @param factor a factor that determines the node movement
+       * @returns the largest movement value or <code>0</code>, if the calculated layout has been transferred completely
        * @see yfiles.organic.InteractiveOrganicLayout#commitPositions
        */
       commitPositionsSmoothly(maxMovement:number,factor:number):number;
@@ -106780,8 +101136,8 @@ declare namespace system{
        * only be intermediate results stored in the algorithm. This will be the case if scheduled updates were not yet completely
        * {@link yfiles.organic.InteractiveOrganicLayout#commitPositions committed} to the actual graph.
        * </p>
-       * @param {yfiles.algorithms.Node} node the node for which the center should be polled
-       * @returns {yfiles.algorithms.YPoint} the {@link yfiles.algorithms.YPoint} representing the center location of the given node, or <code>null</code> if nothing about the node is
+       * @param node the node for which the center should be polled
+       * @returns the {@link } representing the center location of the given node, or <code>null</code> if nothing about the node is
        * known
        * @see yfiles.organic.InteractiveOrganicLayout#setCenter
        */
@@ -106793,8 +101149,8 @@ declare namespace system{
        * intermediate result stored in the algorithm. This will be the case if scheduled updates were not yet completely {@link yfiles.organic.InteractiveOrganicLayout#commitPositions committed}
        * to the actual graph.
        * </p>
-       * @param {yfiles.algorithms.Node} node the node for which the x-coordinate should be polled
-       * @returns {number} the x-coordinate of the center location of the given node
+       * @param node the node for which the x-coordinate should be polled
+       * @returns the x-coordinate of the center location of the given node
        * @see yfiles.organic.InteractiveOrganicLayout#setCenterX
        */
       getCenterX(node:yfiles.algorithms.Node):number;
@@ -106805,8 +101161,8 @@ declare namespace system{
        * intermediate result stored in the algorithm. This will be the case if scheduled updates were not yet completely {@link yfiles.organic.InteractiveOrganicLayout#commitPositions committed}
        * to the actual graph.
        * </p>
-       * @param {yfiles.algorithms.Node} node the node for which the y-coordinate should be polled
-       * @returns {number} the y-coordinate of the center location of the given node
+       * @param node the node for which the y-coordinate should be polled
+       * @returns the y-coordinate of the center location of the given node
        * @see yfiles.organic.InteractiveOrganicLayout#setCenterY
        */
       getCenterY(node:yfiles.algorithms.Node):number;
@@ -106819,8 +101175,8 @@ declare namespace system{
        * <p>
        * The stress value is defined to be a value from the interval <code>[0,1]</code>.
        * </p>
-       * @param {yfiles.algorithms.Node} node the node for which the stress value should be polled
-       * @returns {number} the stress value of the given node
+       * @param node the node for which the stress value should be polled
+       * @returns the stress value of the given node
        * @see yfiles.organic.InteractiveOrganicLayout#setStress
        */
       getStress(node:yfiles.algorithms.Node):number;
@@ -106832,9 +101188,9 @@ declare namespace system{
        * committed to the graph while the algorithm is running using methods {@link yfiles.organic.InteractiveOrganicLayout#commitPositions}
        * or {@link yfiles.organic.InteractiveOrganicLayout#commitPositionsSmoothly}.
        * </p>
-       * @param {yfiles.algorithms.Node} node the node that should be updated
-       * @param {number} x the desired x-coordinate of the given node
-       * @param {number} y the desired y-coordinate of the given node
+       * @param node the node that should be updated
+       * @param x the desired x-coordinate of the given node
+       * @param y the desired y-coordinate of the given node
        */
       setCenter(node:yfiles.algorithms.Node,x:number,y:number):void;
       /**
@@ -106845,8 +101201,8 @@ declare namespace system{
        * committed to the graph while the algorithm is running using methods {@link yfiles.organic.InteractiveOrganicLayout#commitPositions}
        * or {@link yfiles.organic.InteractiveOrganicLayout#commitPositionsSmoothly}.
        * </p>
-       * @param {yfiles.algorithms.Node} node the node that should be updated
-       * @param {number} x the desired x-coordinate of the given node
+       * @param node the node that should be updated
+       * @param x the desired x-coordinate of the given node
        * @see yfiles.organic.InteractiveOrganicLayout#setCenterY
        * @see yfiles.organic.InteractiveOrganicLayout#setCenter
        */
@@ -106859,8 +101215,8 @@ declare namespace system{
        * committed to the graph while the algorithm is running using methods {@link yfiles.organic.InteractiveOrganicLayout#commitPositions}
        * or {@link yfiles.organic.InteractiveOrganicLayout#commitPositionsSmoothly}.
        * </p>
-       * @param {yfiles.algorithms.Node} node the node that should be updated
-       * @param {number} y the desired y-coordinate of the given node
+       * @param node the node that should be updated
+       * @param y the desired y-coordinate of the given node
        * @see yfiles.organic.InteractiveOrganicLayout#setCenterX
        * @see yfiles.organic.InteractiveOrganicLayout#setCenter
        */
@@ -106881,8 +101237,8 @@ declare namespace system{
        * committed to the graph while the algorithm is running using methods {@link yfiles.organic.InteractiveOrganicLayout#commitPositions}
        * or {@link yfiles.organic.InteractiveOrganicLayout#commitPositionsSmoothly}.
        * </p>
-       * @param {yfiles.algorithms.Node} node the node whose inertia to set
-       * @param {number} inertia an inertia value between <code>0</code> and <code>1</code>
+       * @param node the node whose inertia to set
+       * @param inertia an inertia value between <code>0</code> and <code>1</code>
        * @throws {Stubs.Exceptions.ArgumentError} if the given inertia value is negative or greater than <code>1</code>
        */
       setInertia(node:yfiles.algorithms.Node,inertia:number):void;
@@ -106894,8 +101250,8 @@ declare namespace system{
        * committed to the graph while the algorithm is running using methods {@link yfiles.organic.InteractiveOrganicLayout#commitPositions}
        * or {@link yfiles.organic.InteractiveOrganicLayout#commitPositionsSmoothly}.
        * </p>
-       * @param {yfiles.algorithms.Edge} edge the edge whose preferred length should be updated
-       * @param {number} newEdgeLength the new preferred edge length
+       * @param edge the edge whose preferred length should be updated
+       * @param newEdgeLength the new preferred edge length
        */
       setPreferredEdgeLength(edge:yfiles.algorithms.Edge,newEdgeLength:number):void;
       /**
@@ -106906,8 +101262,8 @@ declare namespace system{
        * committed to the graph while the algorithm is running using methods {@link yfiles.organic.InteractiveOrganicLayout#commitPositions}
        * or {@link yfiles.organic.InteractiveOrganicLayout#commitPositionsSmoothly}.
        * </p>
-       * @param {yfiles.algorithms.Node} node the node whose radius should be updated
-       * @param {number} radius the desired radius for the given node
+       * @param node the node whose radius should be updated
+       * @param radius the desired radius for the given node
        */
       setRadius(node:yfiles.algorithms.Node,radius:number):void;
       /**
@@ -106925,8 +101281,8 @@ declare namespace system{
        * <p>
        * The stress value is defined to be a value from the interval <code>[0,1]</code>.
        * </p>
-       * @param {yfiles.algorithms.Node} node the node whose stress value should be updated
-       * @param {number} stress a stress value from the interval <code>[0,1]</code>
+       * @param node the node whose stress value should be updated
+       * @param stress a stress value from the interval <code>[0,1]</code>
        * @throws {Stubs.Exceptions.ArgumentError} if the given stress value is negative or greater than <code>1</code>
        */
       setStress(node:yfiles.algorithms.Node,stress:number):void;
@@ -106938,8 +101294,8 @@ declare namespace system{
        * whenever the layout should be recalculated. To actually transfer the changes, {@link yfiles.organic.InteractiveOrganicLayout#commitPositions}
        * should be called subsequently.
        * </p>
-       * @param {yfiles.layout.LayoutGraph} graph the input graph
-       * @returns {yfiles.organic.InteractiveOrganicLayoutExecutionContext} a {@link yfiles.organic.InteractiveOrganicLayoutExecutionContext context instance} to control layout calculation
+       * @param graph the input graph
+       * @returns a {@link  context instance} to control layout calculation
        * @see yfiles.organic.InteractiveOrganicLayoutExecutionContext
        * @see yfiles.organic.InteractiveOrganicLayout#applyLayout
        */
@@ -106974,17 +101330,6 @@ declare namespace system{
        * @see yfiles.organic.InteractiveOrganicLayout#sleeping
        */
       wakeUp():void;
-      /**
-       * Gets or sets whether or not this algorithm performs automatic structure updates on the graph copy if the original graph
-       * changes.
-       * <p>
-       * If this feature is enabled, a listener will be registered with the original input graph. This listener will
-       * automatically transfer structural changes on the original graph to the graph copy and update its internal data
-       * structures.
-       * </p>
-       * @type {boolean}
-       */
-      automaticStructureUpdate:boolean;
       /**
        * Gets the time when the last wake-up, that is, call to {@link yfiles.organic.InteractiveOrganicLayout#wakeUp}, occurred.
        * <p>
@@ -107111,7 +101456,7 @@ declare namespace system{
      * </p>
      * <p>
      * This layout algorithm is able to consider a {@link yfiles.layout.PartitionGrid} structure. However, for common nodes (i.e.
-     * non-group nodes) it only considers single partition cells. Furthermore, the layout algorithm will throw a {@link yfiles.algorithms.InvalidGraphStructureError}
+     * non-group nodes) it only considers single partition cells. Furthermore, the layout algorithm will throw a {@link yfiles.lang.Exception}
      * if there is a partition grid and the descendants of a group node are assigned to different partition grid cells or if
      * there are group nodes that are associated with a group node mode other than {@link yfiles.organic.GroupNodeMode#NORMAL}.
      * </p>
@@ -107129,14 +101474,13 @@ declare namespace system{
      * {@graph {"ann":{"s":[50,50],"d":0, "c":1},"n":[[651.02,746.2],[499.25,376.34],[757.43,840.9],[574.93,802.49],[772.23,780.83],[712.08,729.69],[591.5,342.9],[630.22,404.23],[511.3,574.88],[356.15,353.31],[488.74,447.78],[566.25,739.99],[832.31,791.39],[152.43,610.4],[689.57,879.35],[248.1,596.17],[120.25,697.57],[639.18,467.72],[427.77,458.88],[408.48,519.6],[691.9,669.45],[818.01,882.83],[539.8,660.71],[585.22,875.17],[636.28,814.7],[714.64,608.38],[656.9,343.12],[511.04,217.28],[470.75,277.59],[422.59,338.16],[565.7,413.55],[531.15,295.7],[348.61,180.63],[402.12,271.28],[284.34,91.79],[321.78,0],[381.55,66.78],[214.95,158.82],[187.52,306.65],[287.7,278.04],[92.76,309.88],[631.56,613.97],[513.18,814.11],[775.66,700.72],[601.82,679.52],[504.9,731.91],[697.17,813.09],[606.93,266.97],[450.55,583.13],[728.3,327.65],[717.42,253.29],[543.5,154.51],[614.76,150.96],[500.57,513.16],[360.14,445.09],[293.67,694],[348.53,611.5],[206.29,734.57],[571.37,553.51],[0,313.72],[233.88,6.24],[182.4,76.67],[420.47,398.21],[561.25,487.65],[680.21,183.49]],"e":[[0,2],[0,5],[0,3],[0,4],[1,7],[1,6],[1,8],[1,10],[1,9],[0,12],[0,14],[0,11],[15,13],[16,13],[1,17],[1,19],[1,18],[0,24],[0,22],[0,20],[0,23],[0,21],[1,58],[0,25],[0,58],[1,29],[1,31],[1,26],[1,27],[1,28],[1,30],[32,34],[1,33],[32,33],[36,34],[35,34],[37,34],[38,40],[38,39],[0,44],[0,41],[0,46],[0,43],[0,45],[0,42],[1,47],[48,8],[48,58],[48,10],[48,18],[48,19],[50,47],[51,47],[52,47],[49,47],[48,53],[48,54],[1,54],[1,53],[55,56],[56,15],[16,57],[57,55],[56,48],[39,33],[59,40],[60,34],[61,34],[1,62],[48,62],[1,63],[48,63],[64,47]],"vp":[0.0,0.0,883.0,933.0]}} Organic Layout without applying specific layout styles to substructures {@graph {"ann":{"s":[50,50],"d":0,"c":1},"n":[[222.41,751.98],[933.19,715.06],[333.12,751.98],[167.05,656.1],[111.7,751.98],[277.76,656.1],[1075.74,818.63],[987.64,882.64],[826.53,1248.81],[1109.39,715.06],[923.05,1325.6],[250.02,979.37],[167.05,847.86],[283.81,1327.29],[277.76,847.86],[357.8,1251.78],[312.21,1429.13],[1075.74,611.5],[946.75,1221.23],[879.92,1137.62],[451.47,751.98],[352.53,563.47],[425.23,858.43],[425.23,645.53],[352.53,940.5],[250.02,524.59],[790.64,611.5],[756.99,715.06],[790.64,818.63],[987.64,547.49],[878.74,882.64],[878.74,547.49],[1282.21,484.89],[1243.62,401.08],[1488.63,603.97],[1399.06,538.9],[1522.84,498.68],[1399.06,669.05],[1287.59,215.47],[1262.1,323.21],[1313.08,107.74],[50.95,600.08],[141.18,966.16],[0,806.8],[141.18,537.8],[50.95,903.88],[0,697.16],[765.65,208.84],[592.77,1142.94],[799.86,314.13],[799.86,103.55],[676.08,143.76],[676.08,273.91],[772.89,1137.75],[706.25,1221.5],[488.59,1379.94],[460.19,1278.11],[414.6,1455.45],[619.49,1010.84],[1338.57,0],[1522.84,709.26],[1599.34,603.97],[730.18,1325.82],[826.67,1372.15],[876.36,208.84]],"e":[[0,2],[0,5],[0,3],[0,4],[1,7],[1,6],[1,8],[1,10],[1,9],[0,12],[0,14],[0,11],[15,13],[16,13],[1,17],[1,19],[1,18],[0,24],[0,22],[0,20],[0,23],[0,21],[1,58],[0,25],[0,58],[1,29],[1,31],[1,26],[1,27],[1,28],[1,30],[32,34],[1,33],[32,33],[36,34],[35,34],[37,34],[38,40],[38,39],[0,44],[0,41],[0,46],[0,43],[0,45],[0,42],[1,47],[48,8],[48,58],[48,10],[48,18],[48,19],[50,47],[51,47],[52,47],[49,47],[48,53],[48,54],[1,54],[1,53],[55,56],[56,15],[16,57],[57,55],[56,48],[39,33],[59,40],[60,34],[61,34],[1,62],[48,62],[1,63],[48,63],[64,47]],"vp":[0.0,0.0,1650.0,1506.0]}} Organic Layout of the same graph applying
      * specific layout styles to the detected substructures
      * </p>
-     * @class yfiles.organic.OrganicLayout
+     * @class
      * @extends {yfiles.layout.MultiStageLayout}
      */
     export interface OrganicLayout extends yfiles.layout.MultiStageLayout{}
     export class OrganicLayout {
       /**
        * Creates a new {@link yfiles.organic.OrganicLayout} instance with default settings.
-       * @constructor
        */
       constructor();
       /**
@@ -107148,8 +101492,8 @@ declare namespace system{
        * This method is called by {@link yfiles.organic.OrganicLayout#applyLayout} before the actual layout is calculated. It may be
        * overridden in order to manually configure the {@link yfiles.layout.ComponentLayout}.
        * </p>
-       * @param {yfiles.layout.LayoutGraph} graph the input graph
-       * @param {yfiles.layout.ComponentLayout} layouter the {@link yfiles.layout.ComponentLayout} instance to reconfigure
+       * @param graph the input graph
+       * @param layouter the {@link } instance to reconfigure
        * @see yfiles.organic.OrganicLayout#smartComponentLayout
        * @protected
        */
@@ -107160,14 +101504,14 @@ declare namespace system{
        * This method is called by {@link yfiles.organic.OrganicLayout#applyLayout} after the actual layout is calculated. It may be
        * overridden in order to revert a custom configuration made in {@link yfiles.organic.OrganicLayout#configureComponentLayout}.
        * </p>
-       * @param {yfiles.layout.LayoutGraph} graph the input graph
-       * @param {yfiles.layout.ComponentLayout} layouter the {@link yfiles.layout.ComponentLayout} to reset
+       * @param graph the input graph
+       * @param layouter the {@link } to reset
        * @see yfiles.organic.OrganicLayout#smartComponentLayout
        * @protected
        */
       disposeComponentLayout(graph:yfiles.layout.LayoutGraph,layouter:yfiles.layout.ComponentLayout):void;
       /**
-       * Data provider key for specifying the directedness of edges.
+       * Data provider key for specifying the directedness of edges
        * <p>
        * Generally, the organic layout algorithm doesn't consider the edge direction. Nevertheless, this {@link yfiles.algorithms.IDataProvider}
        * allows the user to specify hints on the directedness of edges. More precisely, a value of <code>1</code> indicates that the edge
@@ -107486,7 +101830,7 @@ declare namespace system{
      * {@link yfiles.layout.MultiStageLayout#appendStage}.
      * </p>
      * @see yfiles.layout.PartitionGrid
-     * @class yfiles.organic.OrganicPartitionGridLayoutStage
+     * @class
      * @extends {yfiles.layout.LayoutStageBase}
      */
     export interface OrganicPartitionGridLayoutStage extends yfiles.layout.LayoutStageBase{}
@@ -107494,8 +101838,7 @@ declare namespace system{
       /**
        * Creates a new instance of {@link yfiles.organic.OrganicPartitionGridLayoutStage} with the given layout algorithm as
        * {@link yfiles.layout.LayoutStageBase#coreLayout core algorithm}.
-       * @param {yfiles.layout.ILayoutAlgorithm} core the core layout algorithm
-       * @constructor
+       * @param core the core layout algorithm
        */
       constructor(core:yfiles.layout.ILayoutAlgorithm);
       static $class:yfiles.lang.Class;
@@ -107528,15 +101871,14 @@ declare namespace system{
      * Nodes can be marked as <em>fixed</em>. Such nodes will not be moved during the overlap removal process. A {@link yfiles.algorithms.IDataProvider}
      * with key {@link yfiles.organic.OrganicRemoveOverlapsStage#FIXED_NODE_DP_KEY} can be registered to mark the fixed nodes.
      * </p>
-     * @class yfiles.organic.OrganicRemoveOverlapsStage
+     * @class
      * @extends {yfiles.layout.LayoutStageBase}
      */
     export interface OrganicRemoveOverlapsStage extends yfiles.layout.LayoutStageBase{}
     export class OrganicRemoveOverlapsStage {
       /**
        * Creates a new instance of {@link yfiles.organic.OrganicRemoveOverlapsStage} with an optional {@link yfiles.layout.LayoutStageBase#coreLayout core layout algorithm}.
-       * @param {yfiles.layout.ILayoutAlgorithm} [core=null] The core layout algorithm.
-       * @constructor
+       * @param [core=null] The core layout algorithm.
        */
       constructor(core?:yfiles.layout.ILayoutAlgorithm);
       /**
@@ -107584,7 +101926,7 @@ declare namespace system{
      * </p>
      * @see yfiles.organic.OrganicLayout#outputRestriction
      * @see yfiles.organic.InteractiveOrganicLayout#outputRestriction
-     * @class yfiles.organic.OutputRestriction
+     * @class
      */
     export interface OutputRestriction extends Object{}
     export class OutputRestriction {
@@ -107602,8 +101944,8 @@ declare namespace system{
        * <p>
        * The aspect ratio needs to be strictly positive.
        * </p>
-       * @param {number} ratio the preferred aspect ratio of the output
-       * @returns {yfiles.organic.OutputRestriction} an {@link yfiles.organic.OutputRestriction} imposing the given aspect ratio on the layout
+       * @param ratio the preferred aspect ratio of the output
+       * @returns an {@link } imposing the given aspect ratio on the layout
        * @throws {Stubs.Exceptions.ArgumentError} if the given aspect ratio is <code>0</code> or negative
        * @see yfiles.organic.OrganicLayout#outputRestriction
        * @see yfiles.organic.InteractiveOrganicLayout#outputRestriction
@@ -107618,10 +101960,10 @@ declare namespace system{
        * <p>
        * The radius of the restriction circle needs to be greater than zero.
        * </p>
-       * @param {number} x the x-coordinate of the restriction circle's center
-       * @param {number} y the y-coordinate of the restriction circle's center
-       * @param {number} radius the radius of the restriction circle
-       * @returns {yfiles.organic.OutputRestriction} the {@link yfiles.organic.OutputRestriction} confining the layout to a circular area
+       * @param x the x-coordinate of the restriction circle's center
+       * @param y the y-coordinate of the restriction circle's center
+       * @param radius the radius of the restriction circle
+       * @returns the {@link } confining the layout to a circular area
        * @throws {Stubs.Exceptions.ArgumentError} if the given radius is less than or equal to zero
        * @see yfiles.organic.OrganicLayout#outputRestriction
        * @see yfiles.organic.InteractiveOrganicLayout#outputRestriction
@@ -107639,11 +101981,11 @@ declare namespace system{
        * <p>
        * The values for height and width of the ellipse's bounding box need to be greater than zero.
        * </p>
-       * @param {number} x the x-coordinate of the bounding box's upper left corner
-       * @param {number} y the y-coordinate of the bounding box's upper left corner
-       * @param {number} w the width of the bounding box
-       * @param {number} h the height of the bounding box
-       * @returns {yfiles.organic.OutputRestriction} the {@link yfiles.organic.OutputRestriction} confining the layout to an elliptical area
+       * @param x the x-coordinate of the bounding box's upper left corner
+       * @param y the y-coordinate of the bounding box's upper left corner
+       * @param w the width of the bounding box
+       * @param h the height of the bounding box
+       * @returns the {@link } confining the layout to an elliptical area
        * @throws {Stubs.Exceptions.ArgumentError} if the given width or height is <code>0</code> or negative
        * @see yfiles.organic.OrganicLayout#outputRestriction
        * @see yfiles.organic.InteractiveOrganicLayout#outputRestriction
@@ -107658,11 +102000,11 @@ declare namespace system{
        * <p>
        * The values for height and width of the rectangle need to be greater than zero.
        * </p>
-       * @param {number} x the x-coordinate of the restriction rectangle's upper-left corner
-       * @param {number} y the y-coordinate of the restriction rectangle's upper-left corner
-       * @param {number} w width of the restriction rectangle
-       * @param {number} h height of the restriction rectangle
-       * @returns {yfiles.organic.OutputRestriction} the {@link yfiles.organic.OutputRestriction} confining the layout to a rectangular area
+       * @param x the x-coordinate of the restriction rectangle's upper-left corner
+       * @param y the y-coordinate of the restriction rectangle's upper-left corner
+       * @param w width of the restriction rectangle
+       * @param h height of the restriction rectangle
+       * @returns the {@link } confining the layout to a rectangular area
        * @throws {Stubs.Exceptions.ArgumentError} if the given width or height is less than or equal to zero
        * @see yfiles.organic.OrganicLayout#outputRestriction
        * @see yfiles.organic.InteractiveOrganicLayout#outputRestriction
@@ -107700,15 +102042,14 @@ declare namespace system{
      * </p>
      * @see yfiles.organic.ShuffleLayout
      * @see yfiles.layout.RecursiveGroupLayout
-     * @class yfiles.organic.RecursiveShuffleLayout
+     * @class
      * @extends {yfiles.layout.LayoutStageBase}
      */
     export interface RecursiveShuffleLayout extends yfiles.layout.LayoutStageBase{}
     export class RecursiveShuffleLayout {
       /**
        * Creates a new {@link yfiles.organic.RecursiveShuffleLayout} instance with an optional {@link yfiles.layout.LayoutStageBase#coreLayout core layout algorithm}.
-       * @param {yfiles.layout.ILayoutAlgorithm} [core=null] The core layout algorithm.
-       * @constructor
+       * @param [core=null] The core layout algorithm.
        */
       constructor(core?:yfiles.layout.ILayoutAlgorithm);
       /**
@@ -107737,7 +102078,7 @@ declare namespace system{
      * It is possible to define a {@link yfiles.organic.RemoveOverlapsStage#minimumNodeDistance minimum distance} between nodes. This feature allows to not only remove overlaps but forces
      * nodes to keep a specified distance to other nodes.
      * </p>
-     * @class yfiles.organic.RemoveOverlapsStage
+     * @class
      * @implements {yfiles.layout.ILayoutStage}
      */
     export interface RemoveOverlapsStage extends Object,yfiles.layout.ILayoutStage{}
@@ -107747,9 +102088,8 @@ declare namespace system{
        * <p>
        * The minimum node distance needs to be non-negative.
        * </p>
-       * @param {number} minimumNodeDistance a non-negative minimum distance value
+       * @param minimumNodeDistance a non-negative minimum distance value
        * @throws {Stubs.Exceptions.ArgumentError} if the given distance is negative
-       * @constructor
        */
       constructor(minimumNodeDistance:number);
       /**
@@ -107758,7 +102098,7 @@ declare namespace system{
        * <p>
        * If a {@link yfiles.organic.RemoveOverlapsStage#coreLayout core layout algorithm} is specified, it will be executed first.
        * </p>
-       * @param {yfiles.layout.LayoutGraph} graph the input graph
+       * @param graph the input graph
        */
       applyLayout(graph:yfiles.layout.LayoutGraph):void;
       /**
@@ -107823,20 +102163,19 @@ declare namespace system{
      * The amount of split-nodes replacing a single original edge can be controlled via the
      * {@link yfiles.organic.SplitEdgeStage#splitSegmentLength split segment length}. The smaller the value, the more split-nodes this stage will insert.
      * </p>
-     * @class yfiles.organic.SplitEdgeStage
+     * @class
      * @implements {yfiles.layout.ILayoutStage}
      */
     export interface SplitEdgeStage extends Object,yfiles.layout.ILayoutStage{}
     export class SplitEdgeStage {
       /**
        * Creates a new {@link yfiles.organic.SplitEdgeStage} with default settings.
-       * @constructor
        */
       constructor();
       /**
        * Replaces the edges of the given graph by a path of split-edges, executes the {@link yfiles.organic.SplitEdgeStage#coreLayout core layout algorithm} and restores the
        * original edges, introducing bends at the locations of the split-nodes.
-       * @param {yfiles.layout.LayoutGraph} graph the input graph
+       * @param graph the input graph
        */
       applyLayout(graph:yfiles.layout.LayoutGraph):void;
       /**
@@ -107891,7 +102230,7 @@ declare namespace system{
     }
     /**
      * Specifies custom data for the {@link yfiles.organic.OrganicLayout}.
-     * @class yfiles.organic.OrganicLayoutData
+     * @class
      * @extends {yfiles.layout.LayoutData}
      */
     export interface OrganicLayoutData extends yfiles.layout.LayoutData{}
@@ -108022,16 +102361,15 @@ declare namespace system{
      * It is possible to select
      * {@link yfiles.router.ParallelEdgeRouter#LEADING_EDGE_DP_KEY custom master edges}. All edges that are parallel to the selected edges will be temporarily removed.
      * </p>
-     * @class yfiles.router.ParallelEdgeRouter
+     * @class
      * @extends {yfiles.layout.LayoutStageBase}
      */
     export interface ParallelEdgeRouter extends yfiles.layout.LayoutStageBase{}
     export class ParallelEdgeRouter {
       /**
        * Creates a new {@link yfiles.router.ParallelEdgeRouter} instance with an optional {@link yfiles.layout.LayoutStageBase#coreLayout core layout algorithm}.
-       * @param {yfiles.layout.ILayoutAlgorithm} [coreLayouter=null] The core layout algorithm.
+       * @param [coreLayouter=null] The core layout algorithm.
        * @see yfiles.layout.LayoutStageBase#coreLayout
-       * @constructor
        */
       constructor(coreLayouter?:yfiles.layout.ILayoutAlgorithm);
       /**
@@ -108044,7 +102382,7 @@ declare namespace system{
        * This method is called before invoking the {@link yfiles.layout.LayoutStageBase#coreLayout core layout algorithm}. It may be overridden to change the selection of leading
        * edges. Hidden edges should be stored in {@link yfiles.router.ParallelEdgeRouter#hiddenEdges} to enable un-hiding later on.
        * </p>
-       * @param {yfiles.algorithms.Graph} graph the input graph
+       * @param graph the input graph
        * @see yfiles.router.ParallelEdgeRouter#directedMode
        * @see yfiles.router.ParallelEdgeRouter#AFFECTED_EDGES_DP_KEY
        * @protected
@@ -108060,8 +102398,8 @@ declare namespace system{
        * This method is called when the {@link yfiles.layout.LayoutStageBase#coreLayout core layout algorithm} is finished. It may be overridden to introduce a custom routing for
        * parallel edges.
        * </p>
-       * @param {yfiles.layout.LayoutGraph} graph the graph after the core layout
-       * @param {yfiles.algorithms.IEdgeMap} parallelEdges the map that provides all parallel edges for each master edge
+       * @param graph the graph after the core layout
+       * @param parallelEdges the map that provides all parallel edges for each master edge
        * @see yfiles.router.ParallelEdgeRouter#joinEnds
        * @see yfiles.router.ParallelEdgeRouter#adaptiveLineDistances
        * @see yfiles.router.ParallelEdgeRouter#adjustLeadingEdge
@@ -108209,22 +102547,6 @@ declare namespace system{
        */
       ROUTE_EDGES_AT_AFFECTED_NODES
     }
-    export enum ChannelOrientation{
-      /**
-       * Channel orientation specifier for routing edges vertically.
-       * <p>
-       * More precisely, the algorithm calculates the x-coordinates of the vertical middle segments of the added edges.
-       * </p>
-       */
-      VERTICAL,
-      /**
-       * Channel orientation specifier for routing edges horizontally.
-       * <p>
-       * More precisely, the algorithm calculates the y-coordinates of the horizontal middle segments of the added edges.
-       * </p>
-       */
-      HORIZONTAL
-    }
     export enum MonotonicPathRestriction{
       /**
        * A constant specifying that there are no monotonic edge path restrictions.
@@ -108263,15 +102585,14 @@ declare namespace system{
      * will first invoke the {@link yfiles.layout.LayoutStageBase#coreLayout} if one exists. Then, it will remove all bends from the edges and will place the ports either on
      * the center of the nodes or at a location specified by a {@link yfiles.layout.PortConstraint}.
      * </p>
-     * @class yfiles.router.StraightLineEdgeRouter
+     * @class
      * @extends {yfiles.layout.LayoutStageBase}
      */
     export interface StraightLineEdgeRouter extends yfiles.layout.LayoutStageBase{}
     export class StraightLineEdgeRouter {
       /**
        * Creates a new instance of {@link yfiles.router.StraightLineEdgeRouter} with an optional {@link yfiles.layout.LayoutStageBase#coreLayout core layout algorithm}.
-       * @param {yfiles.layout.ILayoutAlgorithm} [core=null] The core layout algorithm.
-       * @constructor
+       * @param [core=null] The core layout algorithm.
        */
       constructor(core?:yfiles.layout.ILayoutAlgorithm);
       /**
@@ -108318,20 +102639,18 @@ declare namespace system{
      * The path that was followed in order to reach a given {@link yfiles.router.PartitionCell partition cell} can be reconstructed by traversing all
      * {@link yfiles.router.CellEntrance#previousEntrance previous entrances}. The {@link yfiles.router.CellEntrance#enterInterval enter interval} and {@link yfiles.router.CellEntrance#enterDirection enter direction} determine how the {@link yfiles.router.PartitionCell partition cell} was entered.
      * </p>
-     * @class yfiles.router.CellEntrance
+     * @class
      */
     export interface CellEntrance extends Object{}
     export class CellEntrance {
       /**
        * Creates a new {@link yfiles.router.CellEntrance} instance that is a copy of a given other {@link yfiles.router.CellEntrance}.
-       * @param {yfiles.router.CellEntrance} other the {@link yfiles.router.CellEntrance} to be copied
-       * @constructor
+       * @param other the {@link } to be copied
        */
       constructor(other:yfiles.router.CellEntrance);
       /**
        * Creates a new {@link yfiles.router.CellEntrance} instance for a given {@link yfiles.router.PartitionCell}.
-       * @param {yfiles.router.PartitionCell} cell the {@link yfiles.router.PartitionCell} that is entered
-       * @constructor
+       * @param cell the {@link } that is entered
        */
       constructor(cell:yfiles.router.PartitionCell);
       /**
@@ -108381,21 +102700,20 @@ declare namespace system{
     }
     /**
      * This class stores information about the part of an edge segment that lies inside a specified {@link yfiles.router.PartitionCell partition cell}.
-     * @class yfiles.router.CellSegmentInfo
+     * @class
      * @extends {yfiles.router.SegmentInfoBase}
      */
     export interface CellSegmentInfo extends yfiles.router.SegmentInfoBase{}
     export class CellSegmentInfo {
       /**
        * Creates a new {@link yfiles.router.CellSegmentInfo} instance.
-       * @param {yfiles.algorithms.Edge} edge the edge to which the segment of this info belongs
-       * @param {number} segmentIndex the index of the segment to which this info belongs
-       * @param {yfiles.layout.Direction} direction the direction to which the segment of this info points
-       * @param {yfiles.router.Interval} locationRange the range within which the common location of this segment has to lie
-       * @param {yfiles.router.Interval} minExtension the minimum interval in extension direction this segment part is known to intersect
-       * @param {yfiles.router.Interval} maxExtension the maximum interval in extension direction this segment part will span
-       * @param {yfiles.router.PartitionCell} cell the partition cell within which this part of the edge segment lies
-       * @constructor
+       * @param edge the edge to which the segment of this info belongs
+       * @param segmentIndex the index of the segment to which this info belongs
+       * @param direction the direction to which the segment of this info points
+       * @param locationRange the range within which the common location of this segment has to lie
+       * @param minExtension the minimum interval in extension direction this segment part is known to intersect
+       * @param maxExtension the maximum interval in extension direction this segment part will span
+       * @param cell the partition cell within which this part of the edge segment lies
        */
       constructor(edge:yfiles.algorithms.Edge,segmentIndex:number,direction:yfiles.layout.Direction,locationRange:yfiles.router.Interval,minExtension:yfiles.router.Interval,maxExtension:yfiles.router.Interval,cell:yfiles.router.PartitionCell);
       /**
@@ -108417,55 +102735,54 @@ declare namespace system{
      * Channels are used by the {@link yfiles.router.ChannelBasedPathRouting} to route edges using
      * {@link yfiles.router.SegmentInfo}s describing their path.
      * </p>
-     * @class yfiles.router.Channel
+     * @class
      */
     export interface Channel extends Object{}
     export class Channel {
       /**
        * Creates a new {@link yfiles.router.Channel} that contains the given {@link yfiles.router.SegmentInfo segment info}.
-       * @param {yfiles.router.SegmentInfo} segment the given segment info for which the {@link yfiles.router.Channel} is created
+       * @param segment the given segment info for which the {@link } is created
        * @throws {Stubs.Exceptions.ArgumentError} if the given segment has a different orientation than the other segments already contained in the channel
-       * @constructor
        */
       constructor(segment:yfiles.router.SegmentInfo);
       /**
        * Adds a new {@link yfiles.router.SegmentInfo segment info} to the {@link yfiles.router.Channel channel}.
-       * @param {yfiles.router.SegmentInfo} segment the segment info to be added to this channel
+       * @param segment the segment info to be added to this channel
        * @throws {Stubs.Exceptions.ArgumentError} if the given segment has a different orientation than the other segments already contained in the channel
        */
       addSegment(segment:yfiles.router.SegmentInfo):void;
       /**
        * Adds a {@link yfiles.router.SegmentGroup segment group} to this {@link yfiles.router.Channel channel}.
-       * @param {yfiles.router.SegmentGroup} group the segment group to be added
+       * @param group the segment group to be added
        */
       addSegmentGroup(group:yfiles.router.SegmentGroup):void;
       /**
        * Returns the current location that the given {@link yfiles.router.SegmentInfo segment info} has been assigned within its {@link yfiles.router.SegmentInfoBase#locationRange location range}.
-       * @param {yfiles.router.SegmentInfo} segmentInfo the segment info for which the current location will be returned
-       * @returns {number} the current location of the segment info or {@link number#NaN} if no location has been assigned before
+       * @param segmentInfo the segment info for which the current location will be returned
+       * @returns the current location of the segment info or {@link #NaN} if no location has been assigned before
        * @see yfiles.router.Channel#setCurrentLocation
        */
       getCurrentLocation(segmentInfo:yfiles.router.SegmentInfo):number;
       /**
        * Returns the {@link yfiles.router.SegmentInfo segment info} with the given index in the list of segments of this {@link yfiles.router.Channel channel}.
-       * @param {number} index the index of the segment in the list of segments
-       * @returns {yfiles.router.SegmentInfo} the {@link yfiles.router.SegmentInfo segment info} with the given index in the list of segments
+       * @param index the index of the segment in the list of segments
+       * @returns the {@link  segment info} with the given index in the list of segments
        */
       getSegment(index:number):yfiles.router.SegmentInfo;
       /**
        * Returns the {@link yfiles.router.SegmentGroup segment group} with the given index in this {@link yfiles.router.Channel channel}.
-       * @param {number} index the index of the segment group
-       * @returns {yfiles.router.SegmentGroup} the {@link yfiles.router.SegmentGroup segment group} with the given index in this channel
+       * @param index the index of the segment group
+       * @returns the {@link  segment group} with the given index in this channel
        */
       getSegmentGroup(index:number):yfiles.router.SegmentGroup;
       /**
        * Returns the number of {@link yfiles.router.SegmentInfo segment infos} in this channel.
-       * @returns {number} the number of segment infos in this channel
+       * @returns the number of segment infos in this channel
        */
       segmentCount():number;
       /**
        * Returns the number of {@link yfiles.router.SegmentGroup segment groups} in this {@link yfiles.router.Channel channel}.
-       * @returns {number} the number of segment groups in this channel
+       * @returns the number of segment groups in this channel
        */
       segmentGroupCount():number;
       /**
@@ -108474,8 +102791,8 @@ declare namespace system{
        * During the distribution of the segments in the channel, different locations can be assigned but only the last one is
        * finally assigned to the {@link yfiles.router.SegmentInfo segment info}.
        * </p>
-       * @param {yfiles.router.SegmentInfo} segmentInfo the segment info for which the current location will be set
-       * @param {number} location the location of the segment info within its location range
+       * @param segmentInfo the segment info for which the current location will be set
+       * @param location the location of the segment info within its location range
        * @see yfiles.router.SegmentInfoBase#location
        */
       setCurrentLocation(segmentInfo:yfiles.router.SegmentInfo,location:number):void;
@@ -108524,13 +102841,12 @@ declare namespace system{
      * </p>
      * @see yfiles.router.EdgeInfo#getSegmentInfo
      * @see yfiles.layout.LayoutGraph#setPath
-     * @class yfiles.router.ChannelBasedPathRouting
+     * @class
      */
     export interface ChannelBasedPathRouting extends Object{}
     export class ChannelBasedPathRouting {
       /**
        * Creates a new instance of {@link yfiles.router.ChannelBasedPathRouting}.
-       * @constructor
        */
       constructor();
       /**
@@ -108539,7 +102855,7 @@ declare namespace system{
        * This method is called after the segments have been distributed in the channel but before the final locations of the
        * segments are assigned to the {@link yfiles.router.SegmentInfo segment info}s.
        * </p>
-       * @param {yfiles.router.Channel} channel the channel that contains the segment infos for which the alignment should be considered
+       * @param channel the channel that contains the segment infos for which the alignment should be considered
        * @see yfiles.router.Channel#getCurrentLocation
        * @see yfiles.router.SegmentInfoBase#preferredAlignment
        * @protected
@@ -108550,7 +102866,7 @@ declare namespace system{
        * <p>
        * This method is called after the order of the {@link yfiles.router.SegmentInfo segment infos} within a channel has been {@link yfiles.router.ChannelBasedPathRouting#optimizeSegmentOrder optimized}.
        * </p>
-       * @param {yfiles.router.Channel} channel the channel that contains the segment infos for which the locations will be calculated
+       * @param channel the channel that contains the segment infos for which the locations will be calculated
        * @see yfiles.router.Channel#setCurrentLocation
        * @protected
        */
@@ -108569,11 +102885,11 @@ declare namespace system{
        * This method is called in {@link yfiles.router.ChannelBasedPathRouting#route} before edge segments are distributed within the
        * channels.
        * </p>
-       * @param {yfiles.algorithms.YList} channels the channels whose segments will be sorted by the {@link yfiles.collections.IComparer.<T> comparator}
-       * @param {yfiles.router.PathSearchResult} pathSearchResult the {@link yfiles.router.PathSearchResult path search result} containing the {@link yfiles.router.EdgeInfo}s with the
-       * {@link yfiles.router.SegmentInfo}s for which the comparator will be used
-       * @param {yfiles.router.PathSearchConfiguration} configuration the {@link yfiles.router.PathSearchConfiguration configuration} used during this path search
-       * @returns {yfiles.collections.IComparer.<Object>} a {@link yfiles.collections.IComparer.<T> comparator} used for sorting the {@link yfiles.router.SegmentInfo}s in a {@link yfiles.router.Channel channel}
+       * @param channels the channels whose segments will be sorted by the {@link  comparator}
+       * @param pathSearchResult the {@link  path search result} containing the {@link }s with the
+       * {@link }s for which the comparator will be used
+       * @param configuration the {@link  configuration} used during this path search
+       * @returns a {@link  comparator} used for sorting the {@link }s in a {@link  channel}
        * @protected
        */
       createSegmentInfoComparer(channels:yfiles.algorithms.YList,pathSearchResult:yfiles.router.PathSearchResult,configuration:yfiles.router.PathSearchConfiguration):yfiles.collections.IComparer<Object>;
@@ -108583,7 +102899,7 @@ declare namespace system{
        * <p>
        * This method must be called before the edges are {@link yfiles.router.ChannelBasedPathRouting#route routed}.
        * </p>
-       * @param {yfiles.router.PathSearchConfiguration} configuration the {@link yfiles.router.PathSearchConfiguration configuration} used for the following path routing
+       * @param configuration the {@link  configuration} used for the following path routing
        * @see yfiles.router.ChannelBasedPathRouting#route
        */
       initialize(configuration:yfiles.router.PathSearchConfiguration):void;
@@ -108600,7 +102916,7 @@ declare namespace system{
        * {@link yfiles.router.SegmentInfo}s and, if possible, the minimum edge to edge distances and possible grid constraints for the
        * segments.
        * </p>
-       * @param {yfiles.router.Channel} channel the channel for which the order of the {@link yfiles.router.SegmentInfo}s is optimized
+       * @param channel the channel for which the order of the {@link }s is optimized
        * @protected
        */
       optimizeSegmentOrder(channel:yfiles.router.Channel):void;
@@ -108623,8 +102939,8 @@ declare namespace system{
        * <p>
        * Finally, the control points for the paths are calculated.
        * </p>
-       * @param {yfiles.algorithms.EdgeList} edges the {@link yfiles.algorithms.EdgeList list of edges} to be routed
-       * @param {yfiles.router.PathSearchResult} pathSearchResult the {@link yfiles.router.PathSearchResult path search result} containing the {@link yfiles.router.Path} objects for the edges
+       * @param edges the {@link  list of edges} to be routed
+       * @param pathSearchResult the {@link  path search result} containing the {@link } objects for the edges
        * @throws {Stubs.Exceptions.InvalidOperationError} if the locations are not within the segment's location range
        * @see yfiles.router.PathSearchResult#getPath
        * @see yfiles.router.SegmentInfoBase#locationRange
@@ -108637,8 +102953,8 @@ declare namespace system{
        * This method is called in {@link yfiles.router.ChannelBasedPathRouting#route} when the edge segments are distributed within the
        * channels.
        * </p>
-       * @param {yfiles.collections.IList.<Object>} segmentInfos the list of {@link yfiles.router.SegmentInfo}s to be sorted
-       * @param {yfiles.collections.IComparer.<Object>} segmentInfoComparer the comparator used for sorting the list of {@link yfiles.router.SegmentInfo}s
+       * @param segmentInfos the list of {@link }s to be sorted
+       * @param segmentInfoComparer the comparator used for sorting the list of {@link }s
        * @protected
        */
       sortSegmentInfos(segmentInfos:yfiles.collections.IList<Object>,segmentInfoComparer:yfiles.collections.IComparer<Object>):void;
@@ -108657,7 +102973,7 @@ declare namespace system{
      * The partitioning strategy is based on binary space partitioning. It divides the partition space recursively in two {@link yfiles.router.PartitionCell cells}
      * until each cell is completely covered by one or more {@link yfiles.router.Obstacle}s or completely empty.
      * </p>
-     * @class yfiles.router.DynamicObstacleDecomposition
+     * @class
      * @implements {yfiles.router.IObstaclePartition}
      * @implements {yfiles.router.IDynamicDecomposition}
      */
@@ -108665,7 +102981,6 @@ declare namespace system{
     export class DynamicObstacleDecomposition {
       /**
        * Constructs a new instance of {@link yfiles.router.DynamicObstacleDecomposition}.
-       * @constructor
        */
       constructor();
       /**
@@ -108675,7 +102990,7 @@ declare namespace system{
        * These events occur when the decomposition changes the partition by subdividing cells into sub-cells or when new cells
        * are created.
        * </p>
-       * @param {yfiles.router.IDecompositionListener} listener the dynamic decomposition listener to add
+       * @param listener the dynamic decomposition listener to add
        * @see yfiles.router.IDecompositionListener
        */
       addDynamicDecompositionListener(listener:yfiles.router.IDecompositionListener):void;
@@ -108690,36 +103005,36 @@ declare namespace system{
        * <p>
        * This method is also called in {@link yfiles.router.DynamicObstacleDecomposition#init}.
        * </p>
-       * @param {yfiles.router.PartitionCell} createdCell the newly created cell
+       * @param createdCell the newly created cell
        * @see yfiles.router.IDecompositionListener
        * @protected
        */
       fireCreateCellEvent(createdCell:yfiles.router.PartitionCell):void;
       /**
        * Notifies all registered {@link yfiles.router.IDecompositionListener dynamic decomposition listeners} that the given {@link yfiles.router.PartitionCell partition cell} has been finalized.
-       * @param {yfiles.router.PartitionCell} finalizedCell the cell that has been finalized
+       * @param finalizedCell the cell that has been finalized
        * @see yfiles.router.IDecompositionListener
        * @protected
        */
       fireFinalizeCellEvent(finalizedCell:yfiles.router.PartitionCell):void;
       /**
        * Notifies all registered {@link yfiles.router.IDecompositionListener dynamic decomposition listeners} of a subdivision of a given {@link yfiles.router.PartitionCell partition cell}.
-       * @param {yfiles.router.PartitionCell} cell the cell that has been subdivided
-       * @param {yfiles.collections.IList.<Object>} subCells the new sub-cells resulting from the subdivision of the given cell
+       * @param cell the cell that has been subdivided
+       * @param subCells the new sub-cells resulting from the subdivision of the given cell
        * @see yfiles.router.IDecompositionListener
        * @protected
        */
       fireSubdividedEvent(cell:yfiles.router.PartitionCell,subCells:yfiles.collections.IList<Object>):void;
       /**
        * Returns a list of all {@link yfiles.router.PartitionCell}s that intersect or cover the given rectangle.
-       * @param {yfiles.algorithms.YRectangle} rect the rectangular area whose (partially) covered cells will be returned
-       * @returns {yfiles.collections.IList.<Object>} a list of {@link yfiles.router.PartitionCell}s that (partially) cover the given rectangular area
+       * @param rect the rectangular area whose (partially) covered cells will be returned
+       * @returns a list of {@link }s that (partially) cover the given rectangular area
        */
       getCells(rect:yfiles.algorithms.YRectangle):yfiles.collections.IList<Object>;
       /**
        * Returns all {@link yfiles.router.PartitionCell partition cells} that are completely covered by the given {@link yfiles.router.Obstacle}.
-       * @param {yfiles.router.Obstacle} obstacle the obstacle for which the covered cells will be returned
-       * @returns {yfiles.collections.IList.<Object>} an unmodifiable list of {@link yfiles.router.PartitionCell} instances that are completely covered by the given obstacle
+       * @param obstacle the obstacle for which the covered cells will be returned
+       * @returns an unmodifiable list of {@link } instances that are completely covered by the given obstacle
        */
       getCellsForObstacle(obstacle:yfiles.router.Obstacle):yfiles.collections.IList<Object>;
       /**
@@ -108732,19 +103047,19 @@ declare namespace system{
        * depending on the cut costs (during {@link yfiles.router.DynamicObstacleDecomposition#getCellsForObstacle}, {@link yfiles.router.DynamicObstacleDecomposition#getCells}
        * and {@link yfiles.router.DynamicObstacleDecomposition#getNeighbors} methods).
        * </p>
-       * @param {number} cut the coordinate of the cut
-       * @param {number} min the left side of the subdivided cell
-       * @param {number} max the right side of the subdivided cell
-       * @param {number} orthogonalMin the upper side of the subdivided cell
-       * @param {number} orthogonalMax the lower side of the subdivided cell
-       * @returns {number} the cost of a cut with respect to the geometry of the sub-cells
+       * @param cut the coordinate of the cut
+       * @param min the left side of the subdivided cell
+       * @param max the right side of the subdivided cell
+       * @param orthogonalMin the upper side of the subdivided cell
+       * @param orthogonalMax the lower side of the subdivided cell
+       * @returns the cost of a cut with respect to the geometry of the sub-cells
        * @protected
        */
       getGeometricCutCosts(cut:number,min:number,max:number,orthogonalMin:number,orthogonalMax:number):number;
       /**
        * Returns the neighbor {@link yfiles.router.PartitionCell partition cells} of the given cell.
-       * @param {yfiles.router.PartitionCell} cell the cell whose neighbors will be returned
-       * @returns {yfiles.collections.IList.<Object>} the neighbor cells of the given cell
+       * @param cell the cell whose neighbors will be returned
+       * @returns the neighbor cells of the given cell
        */
       getNeighbors(cell:yfiles.router.PartitionCell):yfiles.collections.IList<Object>;
       /**
@@ -108757,17 +103072,17 @@ declare namespace system{
        * depending on the cut costs (during {@link yfiles.router.DynamicObstacleDecomposition#getCellsForObstacle}, {@link yfiles.router.DynamicObstacleDecomposition#getCells}
        * and {@link yfiles.router.DynamicObstacleDecomposition#getNeighbors} methods).
        * </p>
-       * @param {number} numObstaclesInFirstHalf the number of obstacles that lie completely in the first half
-       * @param {number} numObstaclesInSecondHalf the number of obstacles that lie completely in the second half
-       * @param {number} numObstaclesOnCut the number of obstacles that lie on the cut
-       * @returns {number} the cost of a cut with respect to the subdivided obstacles
+       * @param numObstaclesInFirstHalf the number of obstacles that lie completely in the first half
+       * @param numObstaclesInSecondHalf the number of obstacles that lie completely in the second half
+       * @param numObstaclesOnCut the number of obstacles that lie on the cut
+       * @returns the cost of a cut with respect to the subdivided obstacles
        * @protected
        */
       getObstacleCutCosts(numObstaclesInFirstHalf:number,numObstaclesInSecondHalf:number,numObstaclesOnCut:number):number;
       /**
        * Returns all {@link yfiles.router.Obstacle}s that cover the given {@link yfiles.router.PartitionCell partition cell}.
-       * @param {yfiles.router.PartitionCell} cell the partition cell for which the obstacles will be returned
-       * @returns {yfiles.collections.IList.<Object>} an unmodifiable list of {@link yfiles.router.Obstacle} instances that cover the given cell
+       * @param cell the partition cell for which the obstacles will be returned
+       * @returns an unmodifiable list of {@link } instances that cover the given cell
        */
       getObstacles(cell:yfiles.router.PartitionCell):yfiles.collections.IList<Object>;
       /**
@@ -108775,14 +103090,14 @@ declare namespace system{
        * <p>
        * This method must be called before any other method is invoked.
        * </p>
-       * @param {yfiles.collections.IList.<Object>} obstacles a list of {@link yfiles.router.Obstacle} objects
-       * @param {yfiles.algorithms.YRectangle} partitionBounds the bounds of the partition
+       * @param obstacles a list of {@link } objects
+       * @param partitionBounds the bounds of the partition
        */
       init(obstacles:yfiles.collections.IList<Object>,partitionBounds:yfiles.algorithms.YRectangle):void;
       /**
        * Removes the given {@link yfiles.router.IDecompositionListener dynamic decomposition listener} such that it no longer receives {@link yfiles.router.PartitionCell} subdivision
        * and creation events from this decomposition.
-       * @param {yfiles.router.IDecompositionListener} listener the dynamic decomposition listener to remove
+       * @param listener the dynamic decomposition listener to remove
        * @see yfiles.router.IDecompositionListener
        */
       removeDynamicDecompositionListener(listener:yfiles.router.IDecompositionListener):void;
@@ -108822,20 +103137,19 @@ declare namespace system{
     }
     /**
      * This class encapsulates the information that determines the route of a specific edge within a specific {@link yfiles.router.PartitionCell partition cell}.
-     * @class yfiles.router.EdgeCellInfo
+     * @class
      */
     export interface EdgeCellInfo extends Object{}
     export class EdgeCellInfo {
       /**
        * Creates a new {@link yfiles.router.EdgeCellInfo} instance.
-       * @param {yfiles.algorithms.Edge} edge the edge whose routing in the cell is described
-       * @param {yfiles.router.PartitionCell} cell the cell in which the edge is routed
-       * @param {yfiles.router.OrthogonalInterval} enterInterval the interval that the edge uses to enter the cell
-       * @param {yfiles.router.OrthogonalInterval} exitInterval the interval that the edge uses to exit the cell
-       * @param {yfiles.layout.Direction} enterDirection the direction in which the edge enters the cell
-       * @param {yfiles.layout.Direction} exitDirection the direction in which the edge exits the cell
-       * @param {number} enterSegmentNo the index of the edge segment that enters the cell
-       * @constructor
+       * @param edge the edge whose routing in the cell is described
+       * @param cell the cell in which the edge is routed
+       * @param enterInterval the interval that the edge uses to enter the cell
+       * @param exitInterval the interval that the edge uses to exit the cell
+       * @param enterDirection the direction in which the edge enters the cell
+       * @param exitDirection the direction in which the edge exits the cell
+       * @param enterSegmentNo the index of the edge segment that enters the cell
        */
       constructor(edge:yfiles.algorithms.Edge,cell:yfiles.router.PartitionCell,enterInterval:yfiles.router.OrthogonalInterval,exitInterval:yfiles.router.OrthogonalInterval,enterDirection:yfiles.layout.Direction,exitDirection:yfiles.layout.Direction,enterSegmentNo:number);
       /**
@@ -108925,54 +103239,53 @@ declare namespace system{
     /**
      * This class encapsulates the information required to route an edge with a path routing algorithm.
      * @see yfiles.router.ChannelBasedPathRouting
-     * @class yfiles.router.EdgeInfo
+     * @class
      */
     export interface EdgeInfo extends Object{}
     export class EdgeInfo {
       /**
        * Creates a new {@link yfiles.router.EdgeInfo} instance.
-       * @param {yfiles.router.Path} path the path that will be used for routing the edge
-       * @param {yfiles.router.PathSearchConfiguration} configuration the {@link yfiles.router.PathSearchConfiguration configuration} of the path search algorithm
-       * @constructor
+       * @param path the path that will be used for routing the edge
+       * @param configuration the {@link  configuration} of the path search algorithm
        */
       constructor(path:yfiles.router.Path,configuration:yfiles.router.PathSearchConfiguration);
       /**
        * Calculates an array of {@link yfiles.algorithms.LineSegment}s created by the {@link yfiles.router.EdgeInfo#calculatePathPoints calculated path points}.
-       * @returns {Array.<yfiles.algorithms.LineSegment>} an array of {@link yfiles.algorithms.LineSegment}s created by the calculated path points
+       * @returns an array of {@link }s created by the calculated path points
        */
       calculateLineSegments():yfiles.algorithms.LineSegment[];
       /**
        * Calculates a list of {@link yfiles.algorithms.YPoint}s containing the source port, bend and target port locations.
-       * @returns {yfiles.algorithms.YList} a list of {@link yfiles.algorithms.YPoint}s containing the source port, bend and target port locations
+       * @returns a list of {@link }s containing the source port, bend and target port locations
        */
       calculatePathPoints():yfiles.algorithms.YList;
       /**
        * Returns the {@link yfiles.router.EdgeCellInfo} of the given {@link yfiles.router.CellEntrance} in the path.
-       * @param {yfiles.router.CellEntrance} entrance the entrance for which the {@link yfiles.router.EdgeCellInfo} will be returned
-       * @returns {yfiles.router.EdgeCellInfo} the {@link yfiles.router.EdgeCellInfo} of the given {@link yfiles.router.CellEntrance} in the path
+       * @param entrance the entrance for which the {@link } will be returned
+       * @returns the {@link } of the given {@link } in the path
        */
       getEdgeCellInfo(entrance:yfiles.router.CellEntrance):yfiles.router.EdgeCellInfo;
       /**
        * Returns the {@link yfiles.router.SegmentInfo} of the segment following the segment of the given {@link yfiles.router.SegmentInfo}.
-       * @param {yfiles.router.SegmentInfo} segment the segment info for which the next segment info will be returned
-       * @returns {yfiles.router.SegmentInfo} the segment info of the segment following the segment of the given segment info
+       * @param segment the segment info for which the next segment info will be returned
+       * @returns the segment info of the segment following the segment of the given segment info
        */
       getNextSegment(segment:yfiles.router.SegmentInfo):yfiles.router.SegmentInfo;
       /**
        * Returns the {@link yfiles.router.SegmentInfo} of the segment preceding the segment of the given {@link yfiles.router.SegmentInfo}.
-       * @param {yfiles.router.SegmentInfo} segment the segment info for which the previous segment info will be returned
-       * @returns {yfiles.router.SegmentInfo} the segment info of the segment preceding the segment of the given segment info
+       * @param segment the segment info for which the previous segment info will be returned
+       * @returns the segment info of the segment preceding the segment of the given segment info
        */
       getPreviousSegment(segment:yfiles.router.SegmentInfo):yfiles.router.SegmentInfo;
       /**
        * Returns the {@link yfiles.router.SegmentInfo} of the edge segment with the given index.
-       * @param {number} segmentIndex the index of the edge segment for which the segment info will be returned
-       * @returns {yfiles.router.SegmentInfo} the {@link yfiles.router.SegmentInfo} of the edge segment with the given index
+       * @param segmentIndex the index of the edge segment for which the segment info will be returned
+       * @returns the {@link } of the edge segment with the given index
        */
       getSegmentInfo(segmentIndex:number):yfiles.router.SegmentInfo;
       /**
        * Returns the number of segments of the edge.
-       * @returns {number} the number of segments of the edge
+       * @returns the number of segments of the edge
        */
       segmentCount():number;
       /**
@@ -109027,18 +103340,17 @@ declare namespace system{
      * This class is designed such that it allows future additions of new getter methods.
      * </p>
      * @see yfiles.router.EdgeRouter#EDGE_LAYOUT_DESCRIPTOR_DP_KEY
-     * @class yfiles.router.EdgeLayoutDescriptor
+     * @class
      */
     export interface EdgeLayoutDescriptor extends Object{}
     export class EdgeLayoutDescriptor {
       /**
        * Creates a new instance of an {@link yfiles.router.EdgeLayoutDescriptor} with the default settings.
-       * @constructor
        */
       constructor();
       /**
        * Creates a copy of this {@link yfiles.router.EdgeLayoutDescriptor} instance.
-       * @returns {yfiles.router.EdgeLayoutDescriptor} a copy of this {@link yfiles.router.EdgeLayoutDescriptor} instance
+       * @returns a copy of this {@link } instance
        */
       createCopy():yfiles.router.EdgeLayoutDescriptor;
       /**
@@ -109178,20 +103490,19 @@ declare namespace system{
      * {@link yfiles.algorithms.IDataProvider}s are registered with the graph with key {@link yfiles.layout.PortConstraintKeys#SOURCE_GROUP_ID_DP_KEY}
      * for source groups or key {@link yfiles.layout.PortConstraintKeys#TARGET_GROUP_ID_DP_KEY} for target groups.
      * </p>
-     * @class yfiles.router.EdgeRouter
+     * @class
      * @extends {yfiles.layout.LayoutStageBase}
      */
     export interface EdgeRouter extends yfiles.layout.LayoutStageBase{}
     export class EdgeRouter {
       /**
        * Creates a new {@link yfiles.router.EdgeRouter} instance with an optional {@link yfiles.layout.LayoutStageBase#coreLayout core layout algorithm}.
-       * @param {yfiles.layout.ILayoutAlgorithm} [core=null] The core layout algorithm.
-       * @constructor
+       * @param [core=null] The core layout algorithm.
        */
       constructor(core?:yfiles.layout.ILayoutAlgorithm);
       /**
        * Checks the sizes of the nodes to be non-zero.
-       * @param {yfiles.layout.LayoutGraph} g The graph to check.
+       * @param g The graph to check.
        * @protected
        */
       checkNodeSize(g:yfiles.layout.LayoutGraph):void;
@@ -109201,7 +103512,7 @@ declare namespace system{
        * This method is called by {@link yfiles.router.EdgeRouter#applyLayout} after the edge routes are calculated. It may be overridden
        * in order to provide a custom implementation for cleaning up a {@link yfiles.router.GraphPartition} instance.
        * </p>
-       * @param {yfiles.router.GraphPartition} partition the given {@link yfiles.router.GraphPartition} instance
+       * @param partition the given {@link } instance
        * @see yfiles.router.EdgeRouter#configureGraphPartition
        * @see yfiles.router.EdgeRouter#registeredPartitionExtensions
        * @protected
@@ -109213,7 +103524,7 @@ declare namespace system{
        * This method is called by {@link yfiles.router.EdgeRouter#applyLayout} before the edge routes are calculated. It may be
        * overridden in order to adjust the configuration of the {@link yfiles.router.GraphPartition} instance.
        * </p>
-       * @param {yfiles.router.GraphPartition} partition the given {@link yfiles.router.GraphPartition} instance
+       * @param partition the given {@link } instance
        * @see yfiles.router.EdgeRouter#registeredPartitionExtensions
        * @see yfiles.router.EdgeRouter#cleanUpGraphPartition
        * @protected
@@ -109225,7 +103536,7 @@ declare namespace system{
        * This method is called by {@link yfiles.router.EdgeRouter#applyLayout} before the edge routes are calculated. It may be
        * overridden in order to adjust the configuration of a {@link yfiles.router.PathSearch} instance.
        * </p>
-       * @param {yfiles.router.PathSearch} pathSearch a {@link yfiles.router.PathSearch} instance
+       * @param pathSearch a {@link } instance
        * @see yfiles.router.EdgeRouter#createPathSearch
        * @see yfiles.router.EdgeRouter#registeredPathSearchExtensions
        * @protected
@@ -109237,9 +103548,9 @@ declare namespace system{
        * This method is called by {@link yfiles.router.EdgeRouter#applyLayout} before the edge routes are calculated. It may be
        * overridden in order to create a new {@link yfiles.router.PathSearchConfiguration} object with custom configuration.
        * </p>
-       * @param {yfiles.layout.LayoutGraph} graph the input graph
-       * @param {yfiles.layout.GroupingSupport} grouping the grouping structure of the graph
-       * @returns {yfiles.router.PathSearchConfiguration} a {@link yfiles.router.PathSearchConfiguration} instance
+       * @param graph the input graph
+       * @param grouping the grouping structure of the graph
+       * @returns a {@link } instance
        * @protected
        */
       createConfiguration(graph:yfiles.layout.LayoutGraph,grouping:yfiles.layout.GroupingSupport):yfiles.router.PathSearchConfiguration;
@@ -109252,9 +103563,9 @@ declare namespace system{
        * <p>
        * By default, this method returns an instance of the default implementation.
        * </p>
-       * @param {yfiles.layout.LayoutGraph} graph the input graph
-       * @param {yfiles.router.PathSearchConfiguration} configuration the given configuration for the path searching process
-       * @returns {yfiles.collections.IComparer.<Object>} a {@link yfiles.collections.IComparer.<T>} instance
+       * @param graph the input graph
+       * @param configuration the given configuration for the path searching process
+       * @returns a {@link } instance
        * @protected
        */
       createDefaultEdgeOrderComparer(graph:yfiles.layout.LayoutGraph,configuration:yfiles.router.PathSearchConfiguration):yfiles.collections.IComparer<Object>;
@@ -109267,8 +103578,8 @@ declare namespace system{
        * This method is called by {@link yfiles.router.EdgeRouter#applyLayout} before the edge routes are calculated. It may be
        * overridden in order to create a new {@link yfiles.router.GraphPartition} object with a custom configuration.
        * </p>
-       * @param {yfiles.router.IObstaclePartition} decomposition the current {@link yfiles.router.IObstaclePartition}
-       * @returns {yfiles.router.GraphPartition} a {@link yfiles.router.GraphPartition} instance
+       * @param decomposition the current {@link }
+       * @returns a {@link } instance
        * @see yfiles.router.EdgeRouter#configureGraphPartition
        * @see yfiles.router.EdgeRouter#registeredPartitionExtensions
        */
@@ -109280,7 +103591,7 @@ declare namespace system{
        * This method is called by {@link yfiles.router.EdgeRouter#applyLayout} before the edge routes are calculated. It may be
        * overridden in order to create a new {@link yfiles.router.DynamicObstacleDecomposition} object with custom configuration.
        * </p>
-       * @returns {yfiles.router.DynamicObstacleDecomposition} a {@link yfiles.router.DynamicObstacleDecomposition} instance
+       * @returns a {@link } instance
        * @see yfiles.router.EdgeRouter#createGraphPartition
        * @protected
        */
@@ -109292,7 +103603,7 @@ declare namespace system{
        * This method is called by {@link yfiles.router.EdgeRouter#applyLayout} before the edge routes are calculated. It may be
        * overridden in order to create a new {@link yfiles.router.ChannelBasedPathRouting} object with custom configuration.
        * </p>
-       * @returns {yfiles.router.ChannelBasedPathRouting} a {@link yfiles.router.ChannelBasedPathRouting} instance
+       * @returns a {@link } instance
        * @protected
        */
       createPathRouting():yfiles.router.ChannelBasedPathRouting;
@@ -109301,7 +103612,7 @@ declare namespace system{
        * <p>
        * This method may be overridden in order to create a new {@link yfiles.router.PathSearch} object with custom configuration.
        * </p>
-       * @returns {yfiles.router.PathSearch} a {@link yfiles.router.PathSearch} instance
+       * @returns a {@link } instance
        * @see yfiles.router.EdgeRouter#configurePathSearch
        * @see yfiles.router.EdgeRouter#registeredPathSearchExtensions
        * @protected
@@ -109313,9 +103624,9 @@ declare namespace system{
        * This method is called by {@link yfiles.router.EdgeRouter#applyLayout} before the edge routes are calculated. It may be
        * overridden in order to create a new {@link yfiles.router.PathSearchContext} object with custom configuration.
        * </p>
-       * @param {yfiles.router.PathSearch} pathSearch a given {@link yfiles.router.PathSearch} instance
-       * @param {yfiles.router.PathSearchConfiguration} configuration a given configuration for the path searching process
-       * @returns {yfiles.router.PathSearchContext} a {@link yfiles.router.PathSearchContext} instance
+       * @param pathSearch a given {@link } instance
+       * @param configuration a given configuration for the path searching process
+       * @returns a {@link } instance
        * @protected
        */
       createPathSearchContext(pathSearch:yfiles.router.PathSearch,configuration:yfiles.router.PathSearchConfiguration):yfiles.router.PathSearchContext;
@@ -109329,8 +103640,8 @@ declare namespace system{
        * <p>
        * This method may be overridden in order to create an {@link yfiles.router.EdgeLayoutDescriptor} with custom configuration.
        * </p>
-       * @param {yfiles.algorithms.Edge} edge the given edge
-       * @returns {yfiles.router.EdgeLayoutDescriptor} the current {@link yfiles.router.EdgeLayoutDescriptor} instance for a given edge
+       * @param edge the given edge
+       * @returns the current {@link } instance for a given edge
        * @see yfiles.router.EdgeRouter#defaultEdgeLayoutDescriptor
        * @see yfiles.router.EdgeRouter#EDGE_LAYOUT_DESCRIPTOR_DP_KEY
        */
@@ -109345,9 +103656,9 @@ declare namespace system{
        * This method may be overridden in order to determine differently whether or not a given edge is considered to be
        * selected.
        * </p>
-       * @param {yfiles.algorithms.Edge} edge the given edge
-       * @param {yfiles.algorithms.Graph} graph the input graph
-       * @returns {boolean} <code>true</code> if the given edge is selected, <code>false</code> otherwise
+       * @param edge the given edge
+       * @param graph the input graph
+       * @returns <code>true</code> if the given edge is selected, <code>false</code> otherwise
        */
       isAffected(edge:yfiles.algorithms.Edge,graph:yfiles.algorithms.Graph):boolean;
       /**
@@ -109649,7 +103960,7 @@ declare namespace system{
      * re-dispatches the decomposition notifications to its extensions.
      * </p>
      * @see yfiles.router.IGraphPartitionExtension
-     * @class yfiles.router.GraphPartition
+     * @class
      * @implements {yfiles.router.IPartition}
      * @implements {yfiles.router.IDynamicDecomposition}
      * @implements {yfiles.router.IDecompositionListener}
@@ -109658,8 +103969,7 @@ declare namespace system{
     export class GraphPartition {
       /**
        * Creates a new {@link yfiles.router.GraphPartition} instance using the given {@link yfiles.router.GraphPartition#partition delegate inner obstacle partition}.
-       * @param {yfiles.router.IObstaclePartition} partition the delegate inner obstacle partition
-       * @constructor
+       * @param partition the delegate inner obstacle partition
        */
       constructor(partition:yfiles.router.IObstaclePartition);
       /**
@@ -109668,7 +103978,7 @@ declare namespace system{
        * The listener will be notified upon dynamic decomposition events. If it is a {@link yfiles.router.IGraphPartitionExtension},
        * method {@link yfiles.router.IGraphPartitionExtension#preparePartition} is called during {@link yfiles.router.GraphPartition#init initialization}.
        * </p>
-       * @param {yfiles.router.IDecompositionListener} listener the listener to be added
+       * @param listener the listener to be added
        */
       addDynamicDecompositionListener(listener:yfiles.router.IDecompositionListener):void;
       /**
@@ -109685,23 +103995,23 @@ declare namespace system{
        * <p>
        * All obstacles created via this method are delegated to the {@link yfiles.router.GraphPartition#partition inner partition} upon {@link yfiles.router.GraphPartition#init initialization}.
        * </p>
-       * @param {yfiles.algorithms.YRectangle} bounds the bounds of the obstacle
-       * @param {Object} data the additional data that should be associated with the obstacle
-       * @returns {yfiles.router.Obstacle} a new {@link yfiles.router.Obstacle} using the given bounds and data
+       * @param bounds the bounds of the obstacle
+       * @param data the additional data that should be associated with the obstacle
+       * @returns a new {@link } using the given bounds and data
        */
       createObstacle(bounds:yfiles.algorithms.YRectangle,data:Object):yfiles.router.Obstacle;
       /**
        * Returns a list of all {@link yfiles.router.PartitionCell}s that intersect or cover the given rectangle by delegating to the
        * corresponding method of the {@link yfiles.router.GraphPartition#partition inner partition}.
-       * @param {yfiles.algorithms.YRectangle} rect the rectangular area whose (partially) covered cells will be returned
-       * @returns {yfiles.collections.IList.<Object>} a list containing (partially) covered {@link yfiles.router.PartitionCell}s
+       * @param rect the rectangular area whose (partially) covered cells will be returned
+       * @returns a list containing (partially) covered {@link }s
        * @see yfiles.router.IPartition#getCells
        */
       getCells(rect:yfiles.algorithms.YRectangle):yfiles.collections.IList<Object>;
       /**
        * Returns all {@link yfiles.router.PartitionCell}s that are completely covered by the bounds of the given node.
-       * @param {yfiles.algorithms.Node} node the node for which the covered cells will be returned
-       * @returns {yfiles.collections.IList.<Object>} an unmodifiable list of {@link yfiles.router.PartitionCell} instances that are completely covered by the bounds of the given
+       * @param node the node for which the covered cells will be returned
+       * @returns an unmodifiable list of {@link } instances that are completely covered by the bounds of the given
        * node
        * @throws {Stubs.Exceptions.ArgumentError} if the node is unknown
        */
@@ -109710,27 +104020,27 @@ declare namespace system{
        * Returns a list of all
        * {@link yfiles.router.PartitionCell}s that are neighbors of the given cell, i.e., those cells that have a common border segment
        * with the given cell.
-       * @param {yfiles.router.PartitionCell} cell the cell whose neighbors will be returned
-       * @returns {yfiles.collections.IList.<Object>} a list of {@link yfiles.router.PartitionCell}s that are neighbors of the given cell
+       * @param cell the cell whose neighbors will be returned
+       * @returns a list of {@link }s that are neighbors of the given cell
        */
       getNeighbors(cell:yfiles.router.PartitionCell):yfiles.collections.IList<Object>;
       /**
        * Returns a list of all {@link yfiles.algorithms.Node}s whose bounds intersect or cover the bounds of the given cell.
-       * @param {yfiles.router.PartitionCell} cell the cell
-       * @returns {yfiles.collections.IList.<Object>} a list of {@link yfiles.algorithms.Node}s that are intersected by the given cell
+       * @param cell the cell
+       * @returns a list of {@link }s that are intersected by the given cell
        */
       getNodes(cell:yfiles.router.PartitionCell):yfiles.collections.IList<Object>;
       /**
        * Returns the {@link yfiles.router.Obstacle} that has been created earlier for the given data object.
-       * @param {Object} data the given data for which the obstacle will be returned
-       * @returns {yfiles.router.Obstacle} the {@link yfiles.router.Obstacle} that has been created earlier for the given data object
+       * @param data the given data for which the obstacle will be returned
+       * @returns the {@link } that has been created earlier for the given data object
        */
       getObstacle(data:Object):yfiles.router.Obstacle;
       /**
        * Returns all {@link yfiles.router.Obstacle}s covering the given {@link yfiles.router.PartitionCell} by delegating to the corresponding
        * method of the {@link yfiles.router.GraphPartition#partition inner partition}.
-       * @param {yfiles.router.PartitionCell} cell the cell whose obstacles will be returned
-       * @returns {yfiles.collections.IList.<Object>} a list of {@link yfiles.router.Obstacle}s that cover the given cell
+       * @param cell the cell whose obstacles will be returned
+       * @returns a list of {@link }s that cover the given cell
        * @see yfiles.router.IObstaclePartition#getObstacles
        */
       getObstacles(cell:yfiles.router.PartitionCell):yfiles.collections.IList<Object>;
@@ -109749,7 +104059,7 @@ declare namespace system{
        * In the case where the {@link yfiles.router.GraphPartition#partition delegate partition} is of type {@link yfiles.router.IDynamicDecomposition}, this {@link yfiles.router.GraphPartition}
        * will also be added as {@link yfiles.router.IDecompositionListener} to it.
        * </p>
-       * @param {yfiles.router.PathSearchConfiguration} configuration the configuration used by path search algorithms
+       * @param configuration the configuration used by path search algorithms
        * @see yfiles.router.GraphPartition#clear
        * @see yfiles.router.IGraphPartitionExtension#preparePartition
        * @see yfiles.router.GraphPartition#addDynamicDecompositionListener
@@ -109761,7 +104071,7 @@ declare namespace system{
        * <p>
        * This method is a callback after a {@link yfiles.router.PartitionCell} has been created.
        * </p>
-       * @param {yfiles.router.PartitionCell} createdCell the newly created {@link yfiles.router.PartitionCell}
+       * @param createdCell the newly created {@link }
        */
       onCellCreated(createdCell:yfiles.router.PartitionCell):void;
       /**
@@ -109770,7 +104080,7 @@ declare namespace system{
        * <p>
        * This method is a callback after a {@link yfiles.router.PartitionCell} has been finalized and won't be further subdivided.
        * </p>
-       * @param {yfiles.router.PartitionCell} finalizedCell the cell that has been finalized
+       * @param finalizedCell the cell that has been finalized
        */
       onCellFinalized(finalizedCell:yfiles.router.PartitionCell):void;
       /**
@@ -109779,8 +104089,8 @@ declare namespace system{
        * <p>
        * This method is a callback after a {@link yfiles.router.PartitionCell} has been subdivided into several sub-cells.
        * </p>
-       * @param {yfiles.router.PartitionCell} cell the cell that has been subdivided
-       * @param {yfiles.collections.IList.<Object>} subCells the sub-cells resulting from the subdivision of the given {@link yfiles.router.PartitionCell}
+       * @param cell the cell that has been subdivided
+       * @param subCells the sub-cells resulting from the subdivision of the given {@link }
        */
       onCellSubdivided(cell:yfiles.router.PartitionCell,subCells:yfiles.collections.IList<Object>):void;
       /**
@@ -109788,7 +104098,7 @@ declare namespace system{
        * <p>
        * The listener will not be notified of dynamic decomposition events anymore.
        * </p>
-       * @param {yfiles.router.IDecompositionListener} listener the listener to be removed
+       * @param listener the listener to be removed
        */
       removeDynamicDecompositionListener(listener:yfiles.router.IDecompositionListener):void;
       /**
@@ -109817,14 +104127,13 @@ declare namespace system{
      * </p>
      * @see yfiles.router.GraphPartitionExtensionAdapter#configuration
      * @see yfiles.router.GraphPartitionExtensionAdapter#graphPartition
-     * @class yfiles.router.GraphPartitionExtensionAdapter
+     * @class
      * @implements {yfiles.router.IGraphPartitionExtension}
      */
     export interface GraphPartitionExtensionAdapter extends Object,yfiles.router.IGraphPartitionExtension{}
     export class GraphPartitionExtensionAdapter {
       /**
        * Creates a new instance of {@link yfiles.router.GraphPartitionExtensionAdapter}.
-       * @constructor
        */
       constructor();
       /**
@@ -109833,25 +104142,25 @@ declare namespace system{
       cleanup():void;
       /**
        * 
-       * @param {yfiles.router.PartitionCell} createdCell
+       * @param createdCell
        */
       onCellCreated(createdCell:yfiles.router.PartitionCell):void;
       /**
        * 
-       * @param {yfiles.router.PartitionCell} finalizedCell
+       * @param finalizedCell
        */
       onCellFinalized(finalizedCell:yfiles.router.PartitionCell):void;
       /**
        * 
-       * @param {yfiles.router.PartitionCell} cell
-       * @param {yfiles.collections.IList.<Object>} subCells
+       * @param cell
+       * @param subCells
        */
       onCellSubdivided(cell:yfiles.router.PartitionCell,subCells:yfiles.collections.IList<Object>):void;
       /**
        * Stores the given {@link yfiles.router.PathSearchConfiguration} and {@link yfiles.router.GraphPartition} such that they are accessible
        * through {@link yfiles.router.GraphPartitionExtensionAdapter#configuration} and {@link yfiles.router.GraphPartitionExtensionAdapter#graphPartition}, respectively.
-       * @param {yfiles.router.PathSearchConfiguration} configuration the configuration used for the path search
-       * @param {yfiles.router.GraphPartition} graphPartition the graph partition that uses this extension
+       * @param configuration the configuration used for the path search
+       * @param graphPartition the graph partition that uses this extension
        */
       preparePartition(configuration:yfiles.router.PathSearchConfiguration,graphPartition:yfiles.router.GraphPartition):void;
       /**
@@ -109874,7 +104183,7 @@ declare namespace system{
      * <p>
      * The grid is defined by its origin and the spacing between the equidistant grid lines.
      * </p>
-     * @class yfiles.router.Grid
+     * @class
      * @final
      */
     export interface Grid extends Object{}
@@ -109884,10 +104193,9 @@ declare namespace system{
        * <p>
        * The spacing between the grid lines must be at least <code>1</code>. If the given spacing is smaller, value <code>1</code> is assumed.
        * </p>
-       * @param {number} originX the x-coordinate of the origin of the grid
-       * @param {number} originY the y-coordinate of the origin of the grid
-       * @param {number} spacing the spacing between the grid lines
-       * @constructor
+       * @param originX the x-coordinate of the origin of the grid
+       * @param originY the y-coordinate of the origin of the grid
+       * @param spacing the spacing between the grid lines
        */
       constructor(originX:number,originY:number,spacing:number);
       /**
@@ -109919,7 +104227,7 @@ declare namespace system{
       /**
        * Adds the given {@link yfiles.router.IDecompositionListener} that will be notified of dynamic decomposition events to the
        * {@link yfiles.router.IPartition}.
-       * @param {yfiles.router.IDecompositionListener} listener the listener to be added
+       * @param listener the listener to be added
        * @abstract
        */
       addDynamicDecompositionListener(listener:yfiles.router.IDecompositionListener):void;
@@ -109928,7 +104236,7 @@ declare namespace system{
        * <p>
        * The {@link yfiles.router.IDecompositionListener} will be no more notified of dynamic decomposition events.
        * </p>
-       * @param {yfiles.router.IDecompositionListener} listener the listener to be removed
+       * @param listener the listener to be removed
        * @abstract
        */
       removeDynamicDecompositionListener(listener:yfiles.router.IDecompositionListener):void;
@@ -109947,13 +104255,13 @@ declare namespace system{
     export interface IDecompositionListener extends Object{
       /**
        * Callback after the new given {@link yfiles.router.PartitionCell} has been created.
-       * @param {yfiles.router.PartitionCell} createdCell the newly created {@link yfiles.router.PartitionCell}
+       * @param createdCell the newly created {@link }
        * @abstract
        */
       onCellCreated(createdCell:yfiles.router.PartitionCell):void;
       /**
        * Callback after the given {@link yfiles.router.PartitionCell} has been finalized and won't be further subdivided.
-       * @param {yfiles.router.PartitionCell} finalizedCell the cell that has been finalized
+       * @param finalizedCell the cell that has been finalized
        * @abstract
        */
       onCellFinalized(finalizedCell:yfiles.router.PartitionCell):void;
@@ -109962,8 +104270,8 @@ declare namespace system{
        * <p>
        * {@link yfiles.router.IDecompositionListener} may not modify the list of sub-cells.
        * </p>
-       * @param {yfiles.router.PartitionCell} cell the cell that has been subdivided
-       * @param {yfiles.collections.IList.<Object>} subCells the sub-cells resulting from the subdivision of the given {@link yfiles.router.PartitionCell}
+       * @param cell the cell that has been subdivided
+       * @param subCells the sub-cells resulting from the subdivision of the given {@link }
        * @abstract
        */
       onCellSubdivided(cell:yfiles.router.PartitionCell,subCells:yfiles.collections.IList<Object>):void;
@@ -109988,11 +104296,11 @@ declare namespace system{
       /**
        * Appends additional enter intervals to the given list of enter intervals for moving from the {@link yfiles.router.PartitionCell partition cell} of the
        * current {@link yfiles.router.CellEntrance} to the neighboring cell.
-       * @param {yfiles.router.CellEntrance} currentEntrance the current {@link yfiles.router.CellEntrance} that is exited
-       * @param {yfiles.router.PartitionCell} enteredCell the neighboring cell that will be entered
-       * @param {yfiles.router.OrthogonalInterval} commonInterval the common interval of the left and entered partition cells
-       * @param {yfiles.collections.IList.<Object>} allEnterIntervals the list to which additional enter intervals have to be appended
-       * @param {yfiles.router.PathSearchContext} context the context of the path search
+       * @param currentEntrance the current {@link } that is exited
+       * @param enteredCell the neighboring cell that will be entered
+       * @param commonInterval the common interval of the left and entered partition cells
+       * @param allEnterIntervals the list to which additional enter intervals have to be appended
+       * @param context the context of the path search
        * @abstract
        */
       appendEnterIntervals(currentEntrance:yfiles.router.CellEntrance,enteredCell:yfiles.router.PartitionCell,commonInterval:yfiles.router.OrthogonalInterval,allEnterIntervals:yfiles.collections.IList<Object>,context:yfiles.router.PathSearchContext):void;
@@ -110028,8 +104336,8 @@ declare namespace system{
        * is initialized. Implementations may use the graph upon which the given {@link yfiles.router.GraphPartition} is based to
        * initialize themselves and/or to {@link yfiles.router.GraphPartition#createObstacle add obstacles} to the list with which {@link yfiles.router.IObstaclePartition} is initialized.
        * </p>
-       * @param {yfiles.router.PathSearchConfiguration} configuration the configuration used for the path search
-       * @param {yfiles.router.GraphPartition} graphPartition the graph partition that uses this extension
+       * @param configuration the configuration used for the path search
+       * @param graphPartition the graph partition that uses this extension
        * @abstract
        */
       preparePartition(configuration:yfiles.router.PathSearchConfiguration,graphPartition:yfiles.router.GraphPartition):void;
@@ -110069,15 +104377,15 @@ declare namespace system{
       clear():void;
       /**
        * Returns all {@link yfiles.router.PartitionCell}s that are completely covered by the given {@link yfiles.router.Obstacle}.
-       * @param {yfiles.router.Obstacle} obstacle the obstacle for which the covered cells will be returned
-       * @returns {yfiles.collections.IList.<Object>} an unmodifiable list of {@link yfiles.router.PartitionCell} instances that are completely covered by the given obstacle
+       * @param obstacle the obstacle for which the covered cells will be returned
+       * @returns an unmodifiable list of {@link } instances that are completely covered by the given obstacle
        * @abstract
        */
       getCellsForObstacle(obstacle:yfiles.router.Obstacle):yfiles.collections.IList<Object>;
       /**
        * Returns all {@link yfiles.router.Obstacle}s that cover the given {@link yfiles.router.PartitionCell}.
-       * @param {yfiles.router.PartitionCell} cell the partition cell for which the obstacles will be returned
-       * @returns {yfiles.collections.IList.<Object>} an unmodifiable list of {@link yfiles.router.Obstacle} instances that cover the given cell
+       * @param cell the partition cell for which the obstacles will be returned
+       * @returns an unmodifiable list of {@link } instances that cover the given cell
        * @abstract
        */
       getObstacles(cell:yfiles.router.PartitionCell):yfiles.collections.IList<Object>;
@@ -110087,8 +104395,8 @@ declare namespace system{
        * <p>
        * Unused partitions must be cleared using method {@link yfiles.router.IObstaclePartition#clear}.
        * </p>
-       * @param {yfiles.collections.IList.<Object>} obstacles a list of {@link yfiles.router.Obstacle}s that have to be considered by the partition
-       * @param {yfiles.algorithms.YRectangle} bounds the bounds of the partition
+       * @param obstacles a list of {@link }s that have to be considered by the partition
+       * @param bounds the bounds of the partition
        * @see yfiles.router.IObstaclePartition#clear
        * @abstract
        */
@@ -110109,8 +104417,8 @@ declare namespace system{
     export interface IPartition extends Object{
       /**
        * Returns a list of all {@link yfiles.router.PartitionCell}s that intersect or cover the given rectangle.
-       * @param {yfiles.algorithms.YRectangle} rect the rectangular area whose (partially) covered cells will be returned
-       * @returns {yfiles.collections.IList.<Object>} a list of {@link yfiles.router.PartitionCell}s that (partially) cover the given rectangular area
+       * @param rect the rectangular area whose (partially) covered cells will be returned
+       * @returns a list of {@link }s that (partially) cover the given rectangular area
        * @abstract
        */
       getCells(rect:yfiles.algorithms.YRectangle):yfiles.collections.IList<Object>;
@@ -110118,8 +104426,8 @@ declare namespace system{
        * Returns a list of all
        * {@link yfiles.router.PartitionCell}s that are neighbors of the given cell, i.e., those cells that have a common border segment
        * with the given cell.
-       * @param {yfiles.router.PartitionCell} cell the cell whose neighbors will be returned
-       * @returns {yfiles.collections.IList.<Object>} a list of {@link yfiles.router.PartitionCell}s that are neighbors of the given cell
+       * @param cell the cell whose neighbors will be returned
+       * @returns a list of {@link }s that are neighbors of the given cell
        * @abstract
        */
       getNeighbors(cell:yfiles.router.PartitionCell):yfiles.collections.IList<Object>;
@@ -110136,7 +104444,7 @@ declare namespace system{
     };
     /**
      * This class represents a one-dimensional closed interval.
-     * @class yfiles.router.Interval
+     * @class
      */
     export interface Interval extends Object{}
     export class Interval {
@@ -110146,9 +104454,8 @@ declare namespace system{
        * The upper and lower bound of the two given values are determined automatically, i.e., the smaller one will be treated as
        * the lower bound and the larger one as the upper bound.
        * </p>
-       * @param {number} bound1 the first interval bound
-       * @param {number} bound2 the second interval bound
-       * @constructor
+       * @param bound1 the first interval bound
+       * @param bound2 the second interval bound
        */
       constructor(bound1:number,bound2:number);
       /**
@@ -110157,9 +104464,9 @@ declare namespace system{
        * The bridging interval is <code>null</code> if the given intervals intersect each other. Otherwise, the bridging interval is
        * <code>[minimum of upper bounds, maximum of lower bounds]</code>.
        * </p>
-       * @param {yfiles.router.Interval} i1 the first interval
-       * @param {yfiles.router.Interval} i2 the second interval
-       * @returns {yfiles.router.Interval} the bridging interval between the given intervals or <code>null</code> if the intervals intersect
+       * @param i1 the first interval
+       * @param i2 the second interval
+       * @returns the bridging interval between the given intervals or <code>null</code> if the intervals intersect
        * @static
        */
       static calculateBridge(i1:yfiles.router.Interval,i2:yfiles.router.Interval):yfiles.router.Interval;
@@ -110169,9 +104476,9 @@ declare namespace system{
        * The intersection is <code>null</code> if the given intervals do not intersect each other. Otherwise, the intersection is
        * <code>[maximum of lower bounds, minimum of upper bounds]</code>.
        * </p>
-       * @param {yfiles.router.Interval} i1 the first interval
-       * @param {yfiles.router.Interval} i2 the second interval
-       * @returns {yfiles.router.Interval} the intersection of the given intervals or <code>null</code> if the intervals do not intersect
+       * @param i1 the first interval
+       * @param i2 the second interval
+       * @returns the intersection of the given intervals or <code>null</code> if the intervals do not intersect
        * @static
        */
       static calculateIntersection(i1:yfiles.router.Interval,i2:yfiles.router.Interval):yfiles.router.Interval;
@@ -110180,9 +104487,9 @@ declare namespace system{
        * <p>
        * The first interval spans the rectangle in horizontal dimension, the second interval in vertical dimension.
        * </p>
-       * @param {yfiles.router.Interval} horizontal the interval that defines the location and length of the rectangle in horizontal dimension
-       * @param {yfiles.router.Interval} vertical the interval that defines the location and length of the rectangle in vertical dimension
-       * @returns {yfiles.algorithms.YRectangle} the spanning rectangle between the given intervals
+       * @param horizontal the interval that defines the location and length of the rectangle in horizontal dimension
+       * @param vertical the interval that defines the location and length of the rectangle in vertical dimension
+       * @returns the spanning rectangle between the given intervals
        * @static
        */
       static calculateSpanningRectangle(horizontal:yfiles.router.Interval,vertical:yfiles.router.Interval):yfiles.algorithms.YRectangle;
@@ -110192,9 +104499,9 @@ declare namespace system{
        * The union is between the minimum of the lower bound of the given interval and the given value and the maximum of the
        * upper bound of the given interval and the given value.
        * </p>
-       * @param {yfiles.router.Interval} interval the interval to be extended
-       * @param {number} value the value to be in the union
-       * @returns {yfiles.router.Interval} the union of the given interval and the given value
+       * @param interval the interval to be extended
+       * @param value the value to be in the union
+       * @returns the union of the given interval and the given value
        * @static
        */
       static calculateUnion(interval:yfiles.router.Interval,value:number):yfiles.router.Interval;
@@ -110203,16 +104510,16 @@ declare namespace system{
        * <p>
        * The union is <code>[minimum of lower bounds, maximum of upper bounds]</code>.
        * </p>
-       * @param {yfiles.router.Interval} i1 the first interval
-       * @param {yfiles.router.Interval} i2 the second interval
-       * @returns {yfiles.router.Interval} the union of the given intervals
+       * @param i1 the first interval
+       * @param i2 the second interval
+       * @returns the union of the given intervals
        * @static
        */
       static calculateUnion(i1:yfiles.router.Interval,i2:yfiles.router.Interval):yfiles.router.Interval;
       /**
        * Checks whether or not the given value lies within the interval.
-       * @param {number} value the value to check
-       * @returns {boolean} <code>true</code> if the value lies within the interval, <code>false</code> otherwise
+       * @param value the value to check
+       * @returns <code>true</code> if the value lies within the interval, <code>false</code> otherwise
        */
       contains(value:number):boolean;
       /**
@@ -110221,19 +104528,19 @@ declare namespace system{
        * The given interval covers this interval, if <code>other lower bound - epsilon &lt;= this lower bound</code> and
        * <code>this upper bound &lt;= other upper bound + epsilon</code>.
        * </p>
-       * @param {yfiles.router.Interval} other the other interval
-       * @param {number} [eps=1E-06] the epsilon value that determines the extended range of the other interval
-       * @returns {boolean} <code>true</code> if this interval is fully covered by the other interval, <code>false</code> otherwise
+       * @param other the other interval
+       * @param [eps=1E-06] the epsilon value that determines the extended range of the other interval
+       * @returns <code>true</code> if this interval is fully covered by the other interval, <code>false</code> otherwise
        */
       coveredBy(other:yfiles.router.Interval,eps?:number):boolean;
       /**
        * Returns the distance between this {@link yfiles.router.Interval interval} and the given {@link yfiles.router.Interval interval}.
        * <p>
-       * If the intervals intersect, the distance is <code>0</code>. Otherwise, it is equal to
+       * If the intervals {@link yfiles.router.Interval#intersects intersect}, the distance is <code>0</code>. Otherwise, it is equal to
        * <code>dist(minimum of upper bounds, maximum of lower bounds)</code>.
        * </p>
-       * @param {yfiles.router.Interval} other the other interval to which the distance is calculated
-       * @returns {number} the distance between this interval and the given interval
+       * @param other the other interval to which the distance is calculated
+       * @returns the distance between this interval and the given interval
        */
       distanceTo(other:yfiles.router.Interval):number;
       /**
@@ -110242,14 +104549,14 @@ declare namespace system{
        * If this interval contains the specified value, the distance is <code>0</code>. Otherwise, it is the minimum of <code>dist(value, lower bound)</code>
        * and <code>dist(value, upper bound)</code>.
        * </p>
-       * @param {number} value the value to which the distance is calculated
-       * @returns {number} the distance between the value and the interval
+       * @param value the value to which the distance is calculated
+       * @returns the distance between the value and the interval
        */
       distanceTo(value:number):number;
       /**
        * Returns the {@link yfiles.router.Interval interval} bound that is closest to the given value.
-       * @param {number} value the value for which the closest interval bound will be returned
-       * @returns {number} 
+       * @param value the value for which the closest interval bound will be returned
+       * @returns 
        * <ul>
        * <li>the <code>value</code>, if the given value lies within the interval, or</li>
        * <li>the lower bound, if the given value is smaller than or equal to the lower bound, or</li>
@@ -110263,29 +104570,29 @@ declare namespace system{
        * The intervals are considered to cover the same range, if their minimum values as well as their maximum values differ
        * only in the given epsilon value.
        * </p>
-       * @param {yfiles.router.Interval} other the other interval
-       * @param {number} [eps=1E-06] the maximum distance between the two minimum and the two maximum values
-       * @returns {boolean} <code>true</code> if the intervals cover the same range, <code>false</code> otherwise
+       * @param other the other interval
+       * @param [eps=1E-06] the maximum distance between the two minimum and the two maximum values
+       * @returns <code>true</code> if the intervals cover the same range, <code>false</code> otherwise
        */
       hasSameRange(other:yfiles.router.Interval,eps?:number):boolean;
       /**
        * Checks whether or not this {@link yfiles.router.Interval interval} intersects with the given
        * {@link yfiles.router.Interval interval}, considering the given minimum intersection length.
-       * @param {yfiles.router.Interval} other the other interval to check
-       * @param {number} [minIntersection=0] the minimum length of the intersection of the intervals
-       * @returns {boolean} <code>true</code> if the intervals intersect at least by the given minimum length, <code>false</code> otherwise
+       * @param other the other interval to check
+       * @param [minIntersection=0] the minimum length of the intersection of the intervals
+       * @returns <code>true</code> if the intervals intersect at least by the given minimum length, <code>false</code> otherwise
        */
       intersects(other:yfiles.router.Interval,minIntersection?:number):boolean;
       /**
        * Checks whether or not the lower bound of this {@link yfiles.router.Interval interval} is greater than the upper bound of the given interval.
-       * @param {yfiles.router.Interval} other the interval to compare
-       * @returns {boolean} <code>true</code> if the current interval is on the right of the given one, <code>false</code> otherwise
+       * @param other the interval to compare
+       * @returns <code>true</code> if the current interval is on the right of the given one, <code>false</code> otherwise
        */
       isGreaterThan(other:yfiles.router.Interval):boolean;
       /**
        * Checks whether or not the upper bound of this {@link yfiles.router.Interval interval} is smaller than the lower bound of the given interval.
-       * @param {yfiles.router.Interval} other the interval to compare
-       * @returns {boolean} <code>true</code> if the current interval is on the left of the given one, <code>false</code> otherwise
+       * @param other the interval to compare
+       * @returns <code>true</code> if the current interval is on the left of the given one, <code>false</code> otherwise
        */
       isLessThan(other:yfiles.router.Interval):boolean;
       /**
@@ -110313,15 +104620,14 @@ declare namespace system{
     /**
      * This class describes the obstacles that are used by implementations of {@link yfiles.router.IObstaclePartition} to subdivide an
      * area into {@link yfiles.router.PartitionCell}s.
-     * @class yfiles.router.Obstacle
+     * @class
      */
     export interface Obstacle extends Object{}
     export class Obstacle {
       /**
        * Creates a new {@link yfiles.router.Obstacle} instance with the given bounds and additional data.
-       * @param {yfiles.algorithms.YRectangle} bounds the bounds of the obstacle
-       * @param {Object} data the additional data associated to the obstacle
-       * @constructor
+       * @param bounds the bounds of the obstacle
+       * @param data the additional data associated to the obstacle
        */
       constructor(bounds:yfiles.algorithms.YRectangle,data:Object);
       /**
@@ -110344,27 +104650,25 @@ declare namespace system{
      * exits a {@link yfiles.router.PartitionCell partition cell}.
      * </p>
      * @see yfiles.router.PathSearch
-     * @class yfiles.router.OrthogonalInterval
+     * @class
      */
     export interface OrthogonalInterval extends Object{}
     export class OrthogonalInterval {
       /**
        * Creates a new {@link yfiles.router.OrthogonalInterval} instance using the <code>from</code> and <code>to</code> value as interval bounds.
-       * @param {number} from the start of the interval bounds
-       * @param {number} to the end of the interval bounds
-       * @param {number} location the location in the two-dimensional coordinate system
-       * @param {boolean} isVertical <code>true</code> if the orthogonal interval is vertical, <code>false</code> if it is horizontal
+       * @param from the start of the interval bounds
+       * @param to the end of the interval bounds
+       * @param location the location in the two-dimensional coordinate system
+       * @param isVertical <code>true</code> if the orthogonal interval is vertical, <code>false</code> if it is horizontal
        * @throws {Stubs.Exceptions.ArgumentError} if the given range is <code>null</code>
-       * @constructor
        */
       constructor(from:number,to:number,location:number,isVertical:boolean);
       /**
        * Creates a new {@link yfiles.router.OrthogonalInterval} instance with the given interval bounds.
-       * @param {yfiles.router.Interval} range the given range
-       * @param {number} location the location in the two-dimensional coordinate system
-       * @param {boolean} isVertical <code>true</code> if the orthogonal interval is vertical, <code>false</code> if it is horizontal
+       * @param range the given range
+       * @param location the location in the two-dimensional coordinate system
+       * @param isVertical <code>true</code> if the orthogonal interval is vertical, <code>false</code> if it is horizontal
        * @throws {Stubs.Exceptions.ArgumentError} if the given range is <code>null</code>
-       * @constructor
        */
       constructor(range:yfiles.router.Interval,location:number,isVertical:boolean);
       /**
@@ -110374,9 +104678,9 @@ declare namespace system{
        * range of both intervals. If it is horizontal, it will have the same vertical location as <code>i2</code> and the shared horizontal
        * range of both intervals. The orthogonal intervals must have same orientation.
        * </p>
-       * @param {yfiles.router.OrthogonalInterval} i1 the first orthogonal interval
-       * @param {yfiles.router.OrthogonalInterval} i2 the second orthogonal interval
-       * @returns {yfiles.router.OrthogonalInterval} the shared orthogonal interval of both given orthogonal intervals
+       * @param i1 the first orthogonal interval
+       * @param i2 the second orthogonal interval
+       * @returns the shared orthogonal interval of both given orthogonal intervals
        * @throws {Stubs.Exceptions.ArgumentError} if the orthogonal intervals have different orientations
        * @see yfiles.router.OrthogonalInterval#intersects
        * @static
@@ -110389,9 +104693,9 @@ declare namespace system{
        * range of both orthogonal intervals. If it is horizontal, it will have the same vertical location as <code>i2</code> and the shared
        * vertical range of both orthogonal intervals. The orthogonal intervals must have same orientation.
        * </p>
-       * @param {yfiles.router.OrthogonalInterval} i1 the first orthogonal interval
-       * @param {yfiles.router.OrthogonalInterval} i2 the second orthogonal interval
-       * @returns {yfiles.router.OrthogonalInterval} the union of both given orthogonal intervals
+       * @param i1 the first orthogonal interval
+       * @param i2 the second orthogonal interval
+       * @returns the union of both given orthogonal intervals
        * @throws {Stubs.Exceptions.ArgumentError} if the orthogonal intervals have different orientations
        * @see yfiles.router.OrthogonalInterval#intersects
        * @static
@@ -110404,8 +104708,8 @@ declare namespace system{
        * interval's range. The location of both orthogonal intervals is ignored. The orthogonal intervals must have the same
        * orientation.
        * </p>
-       * @param {yfiles.router.OrthogonalInterval} other the other orthogonal interval
-       * @returns {boolean} <code>true</code> if this orthogonal interval is fully covered by the other orthogonal interval, <code>false</code> otherwise
+       * @param other the other orthogonal interval
+       * @returns <code>true</code> if this orthogonal interval is fully covered by the other orthogonal interval, <code>false</code> otherwise
        * @throws {Stubs.Exceptions.ArgumentError} if the orthogonal intervals have different orientations
        * @see yfiles.router.PartitionCell
        */
@@ -110415,8 +104719,8 @@ declare namespace system{
        * <p>
        * The orthogonal intervals must have different orientations.
        * </p>
-       * @param {yfiles.router.OrthogonalInterval} other the other orthogonal interval
-       * @returns {boolean} <code>true</code> if this orthogonal interval crosses the given one, <code>false</code> otherwise
+       * @param other the other orthogonal interval
+       * @returns <code>true</code> if this orthogonal interval crosses the given one, <code>false</code> otherwise
        * @throws {Stubs.Exceptions.ArgumentError} if the given orthogonal intervals have the same orientation
        */
       crosses(other:yfiles.router.OrthogonalInterval):boolean;
@@ -110425,8 +104729,8 @@ declare namespace system{
        * <p>
        * The orthogonal intervals must have the same orientation.
        * </p>
-       * @param {yfiles.router.OrthogonalInterval} other the other orthogonal interval
-       * @returns {number} <code>0</code> if the orthogonal intervals intersect each other, otherwise the minimal distance between the orthogonal intervals is
+       * @param other the other orthogonal interval
+       * @returns <code>0</code> if the orthogonal intervals {@link #intersects intersect} each other, otherwise the minimal distance between the orthogonal intervals is
        * returned
        * @throws {Stubs.Exceptions.ArgumentError} if the orthogonal intervals have different orientations
        */
@@ -110437,8 +104741,8 @@ declare namespace system{
        * If both orthogonal intervals cover the same range, they are considered the same. The location of both orthogonal
        * intervals is ignored. The orthogonal intervals must have the same orientation.
        * </p>
-       * @param {yfiles.router.OrthogonalInterval} other the other orthogonal interval
-       * @returns {boolean} <code>true</code> if the orthogonal intervals cover the same range, <code>false</code> otherwise
+       * @param other the other orthogonal interval
+       * @returns <code>true</code> if the orthogonal intervals cover the same range, <code>false</code> otherwise
        * @throws {Stubs.Exceptions.ArgumentError} if the orthogonal intervals have different orientations
        * @see yfiles.router.PartitionCell
        */
@@ -110451,9 +104755,9 @@ declare namespace system{
        * intersection size. The location of both orthogonal intervals is ignored. The orthogonal intervals must have the same
        * orientation.
        * </p>
-       * @param {yfiles.router.OrthogonalInterval} other the other orthogonal interval
-       * @param {number} [minIntersection=0] the minimum size of the intersection
-       * @returns {boolean} <code>true</code> if this interval intersects the given other orthogonal interval, <code>false</code> otherwise
+       * @param other the other orthogonal interval
+       * @param [minIntersection=0] the minimum size of the intersection
+       * @returns <code>true</code> if this interval intersects the given other orthogonal interval, <code>false</code> otherwise
        * @throws {Stubs.Exceptions.ArgumentError} if the orthogonal intervals have different orientations
        * @see yfiles.router.PartitionCell
        */
@@ -110468,8 +104772,8 @@ declare namespace system{
        * If the intervals have different orientations, the Manhattan distance is the sum of the distances between one interval's
        * range and the other interval's location.
        * </p>
-       * @param {yfiles.router.OrthogonalInterval} other the other orthogonal interval
-       * @returns {number} the Manhattan distance between this interval and the given one
+       * @param other the other orthogonal interval
+       * @returns the Manhattan distance between this interval and the given one
        */
       manhattanDistanceTo(other:yfiles.router.OrthogonalInterval):number;
       /**
@@ -110514,15 +104818,15 @@ declare namespace system{
     /**
      * This class is a type-safe enumeration used for defining the border of a {@link yfiles.router.PartitionCell}.
      * @see yfiles.router.PartitionCell#createBorderInterval
-     * @class yfiles.router.PartitionCellBorder
+     * @class
      */
     export interface PartitionCellBorder extends Object{}
     export class PartitionCellBorder {
       /**
        * Returns the type of the border that is passed through when entering a {@link yfiles.router.PartitionCell} in the given
        * direction.
-       * @param {yfiles.layout.Direction} direction the direction in which a {@link yfiles.router.PartitionCell} has been entered
-       * @returns {yfiles.router.PartitionCellBorder} the type of the border that is passed through when entering a {@link yfiles.router.PartitionCell}
+       * @param direction the direction in which a {@link } has been entered
+       * @returns the type of the border that is passed through when entering a {@link }
        * @see yfiles.router.PartitionCell
        * @static
        */
@@ -110530,8 +104834,8 @@ declare namespace system{
       /**
        * Returns the type of the border that is passed through when exiting a {@link yfiles.router.PartitionCell} in the given
        * direction.
-       * @param {yfiles.layout.Direction} direction the direction in which a {@link yfiles.router.PartitionCell} has been exited
-       * @returns {yfiles.router.PartitionCellBorder} the type of the border that is passed through when exiting a {@link yfiles.router.PartitionCell}
+       * @param direction the direction in which a {@link } has been exited
+       * @returns the type of the border that is passed through when exiting a {@link }
        * @see yfiles.router.PartitionCell
        * @static
        */
@@ -110541,8 +104845,8 @@ declare namespace system{
        * <p>
        * The border type corresponds to the {@link yfiles.layout.PortCandidate#direction direction} of the given {@link yfiles.layout.PortCandidate}.
        * </p>
-       * @param {yfiles.layout.PortCandidate} pc the port candidate for which the border type is returned
-       * @returns {yfiles.router.PartitionCellBorder} the type of the border that is defined by the given port candidate
+       * @param pc the port candidate for which the border type is returned
+       * @returns the type of the border that is defined by the given port candidate
        * @see yfiles.layout.PortCandidate
        * @static
        */
@@ -110552,8 +104856,8 @@ declare namespace system{
        * <p>
        * The border type corresponds to the {@link yfiles.layout.PortConstraint#side side} of the given {@link yfiles.layout.PortConstraint}.
        * </p>
-       * @param {yfiles.layout.PortConstraint} pc the port constraint for which the border type is returned
-       * @returns {yfiles.router.PartitionCellBorder} the type of the border that is defined by the given port constraint
+       * @param pc the port constraint for which the border type is returned
+       * @returns the type of the border that is defined by the given port constraint
        * @see yfiles.layout.PortConstraint
        * @static
        */
@@ -110607,28 +104911,26 @@ declare namespace system{
      * {@link yfiles.router.PartitionCell#removeData}, respectively.
      * </p>
      * @see yfiles.router.PartitionCellKeys
-     * @class yfiles.router.PartitionCell
+     * @class
      */
     export interface PartitionCell extends Object{}
     export class PartitionCell {
       /**
        * Creates a new {@link yfiles.router.PartitionCell} instance of the given {@link yfiles.router.IPartition} with the given bounds.
-       * @param {number} x the x-coordinate of the upper-left corner of the partition cell
-       * @param {number} y the y-coordinate of the upper-left corner of the partition cell
-       * @param {number} width the width of the partition cell
-       * @param {number} height the height of the partition cell
-       * @param {yfiles.router.IPartition} partition the partition to which the partition cell belongs
+       * @param x the x-coordinate of the upper-left corner of the partition cell
+       * @param y the y-coordinate of the upper-left corner of the partition cell
+       * @param width the width of the partition cell
+       * @param height the height of the partition cell
+       * @param partition the partition to which the partition cell belongs
        * @see yfiles.router.IPartition
-       * @constructor
        */
       constructor(x:number,y:number,width:number,height:number,partition:yfiles.router.IPartition);
       /**
        * Creates a new {@link yfiles.router.PartitionCell} of the given {@link yfiles.router.IPartition} with the location and the size of the
        * given rectangle.
-       * @param {yfiles.algorithms.YRectangle} bounds the bounds describing the size and location of the partition cell
-       * @param {yfiles.router.IPartition} partition the partition to which the partition cell belongs
+       * @param bounds the bounds describing the size and location of the partition cell
+       * @param partition the partition to which the partition cell belongs
        * @see yfiles.router.IPartition
-       * @constructor
        */
       constructor(bounds:yfiles.algorithms.YRectangle,partition:yfiles.router.IPartition);
       /**
@@ -110650,15 +104952,15 @@ declare namespace system{
        * <li>{@link yfiles.router.PartitionCellBorder#NORTH}</li>
        * <li>{@link yfiles.router.PartitionCellBorder#SOUTH}</li>
        * </ul>
-       * @param {yfiles.router.PartitionCellBorder} border a border of this partition cell
-       * @returns {yfiles.router.OrthogonalInterval} an {@link yfiles.router.OrthogonalInterval} that defines the location, the size and the orientation of the given border
+       * @param border a border of this partition cell
+       * @returns an {@link } that defines the location, the size and the orientation of the given border
        * @see yfiles.router.PartitionCellBorder
        */
       createBorderInterval(border:yfiles.router.PartitionCellBorder):yfiles.router.OrthogonalInterval;
       /**
        * Returns the additional data associated with the given key for this {@link yfiles.router.PartitionCell}.
-       * @param {Object} key the key whose associated data will be returned
-       * @returns {Object} the additional data associated with the given key or <code>null</code> if there is no data associated with the given key
+       * @param key the key whose associated data will be returned
+       * @returns the additional data associated with the given key or <code>null</code> if there is no data associated with the given key
        * @see yfiles.router.PartitionCell#putData
        * @see yfiles.router.PartitionCell#removeData
        * @see yfiles.router.PartitionCell#clearData
@@ -110667,9 +104969,9 @@ declare namespace system{
       getData(key:Object):Object;
       /**
        * Stores the additional data associated with the given key for this {@link yfiles.router.PartitionCell}.
-       * @param {Object} key the key with which the additional data will be associated
-       * @param {Object} data the additional data
-       * @returns {Object} the previous data associated with the given key or <code>null</code> if there was no data associated with the given key
+       * @param key the key with which the additional data will be associated
+       * @param data the additional data
+       * @returns the previous data associated with the given key or <code>null</code> if there was no data associated with the given key
        * @see yfiles.router.PartitionCell#getData
        * @see yfiles.router.PartitionCell#removeData
        * @see yfiles.router.PartitionCell#clearData
@@ -110678,8 +104980,8 @@ declare namespace system{
       putData(key:Object,data:Object):Object;
       /**
        * Removes the additional data associated with the given key for this {@link yfiles.router.PartitionCell}.
-       * @param {Object} key the key for which the associated data will be removed
-       * @returns {Object} the additional data associated with the given key or <code>null</code> if there is no data associated with the given key
+       * @param key the key for which the associated data will be removed
+       * @returns the additional data associated with the given key or <code>null</code> if there is no data associated with the given key
        * @see yfiles.router.PartitionCell#getData
        * @see yfiles.router.PartitionCell#putData
        * @see yfiles.router.PartitionCell#clearData
@@ -110740,7 +105042,7 @@ declare namespace system{
      * In order to get the data of the {@link yfiles.router.PartitionCell} that is associated with the given key, method {@link yfiles.router.PartitionCell#getData}
      * should be used.
      * </p>
-     * @class yfiles.router.PartitionCellKeys
+     * @class
      * @static
      */
     export interface PartitionCellKeys extends Object{}
@@ -110825,42 +105127,41 @@ declare namespace system{
      * </p>
      * @see yfiles.router.PathSearch
      * @see yfiles.router.PathSearchResult
-     * @class yfiles.router.Path
+     * @class
      */
     export interface Path extends Object{}
     export class Path {
       /**
        * Creates a new instance of {@link yfiles.router.Path} for the given edge, {@link yfiles.router.CellEntrance cell entrances} and cost.
-       * @param {yfiles.algorithms.Edge} edge the edge for which the path was calculated
-       * @param {yfiles.collections.IList.<Object>} entrances the list of {@link yfiles.router.CellEntrance} objects describing the edge path from source node to target node
-       * @param {number} cost the overall cost of this path
-       * @constructor
+       * @param edge the edge for which the path was calculated
+       * @param entrances the list of {@link } objects describing the edge path from source node to target node
+       * @param cost the overall cost of this path
        */
       constructor(edge:yfiles.algorithms.Edge,entrances:yfiles.collections.IList<Object>,cost:number);
       /**
        * Returns the {@link yfiles.router.CellEntrance} at the given position of this path.
-       * @param {number} position the position of the {@link yfiles.router.CellEntrance} to return
-       * @returns {yfiles.router.CellEntrance} the {@link yfiles.router.CellEntrance} at the given position of this path
+       * @param position the position of the {@link } to return
+       * @returns the {@link } at the given position of this path
        * @see yfiles.router.Path#setEntrance
        */
       getEntrance(position:number):yfiles.router.CellEntrance;
       /**
        * Returns the number of {@link yfiles.router.CellEntrance} objects in this path.
-       * @returns {number} the number of {@link yfiles.router.CellEntrance} objects in this path
+       * @returns the number of {@link } objects in this path
        */
       length():number;
       /**
        * Returns the position of the first occurrence of the given {@link yfiles.router.CellEntrance} in this path, or <code>-1</code> if this path
        * does not contain this {@link yfiles.router.CellEntrance}.
-       * @param {yfiles.router.CellEntrance} entrance the {@link yfiles.router.CellEntrance} for which the position is retrieved
-       * @returns {number} the position of the first occurrence of the given {@link yfiles.router.CellEntrance} in this path, or <code>-1</code> if this path does not
-       * contain this {@link yfiles.router.CellEntrance}
+       * @param entrance the {@link } for which the position is retrieved
+       * @returns the position of the first occurrence of the given {@link } in this path, or <code>-1</code> if this path does not
+       * contain this {@link }
        */
       positionOf(entrance:yfiles.router.CellEntrance):number;
       /**
        * Replaces the {@link yfiles.router.CellEntrance} at the given position of this path with the given {@link yfiles.router.CellEntrance}.
-       * @param {number} position the position of the {@link yfiles.router.CellEntrance} to replace
-       * @param {yfiles.router.CellEntrance} entrance the {@link yfiles.router.CellEntrance} to be stored at the given position
+       * @param position the position of the {@link } to replace
+       * @param entrance the {@link } to be stored at the given position
        * @see yfiles.router.Path#getEntrance
        */
       setEntrance(position:number,entrance:yfiles.router.CellEntrance):void;
@@ -110904,13 +105205,12 @@ declare namespace system{
      * </p>
      * @see yfiles.router.PathSearch#addPathSearchExtension
      * @see yfiles.router.PathSearch#addAdditionalEnterIntervalCalculator
-     * @class yfiles.router.PathSearch
+     * @class
      */
     export interface PathSearch extends Object{}
     export class PathSearch {
       /**
        * Creates a new instance of {@link yfiles.router.PathSearch}.
-       * @constructor
        */
       constructor();
       /**
@@ -110920,8 +105220,8 @@ declare namespace system{
        * {@link yfiles.router.CellEntrance}s with narrowed intervals to the queue. The interval is more specific and will be judged with
        * lower costs.
        * </p>
-       * @param {yfiles.router.IEnterIntervalCalculator} enterIntervalCalculator the calculator to add
-       * @returns {boolean} <code>true</code> if the calculator was successfully added, <code>false</code> otherwise
+       * @param enterIntervalCalculator the calculator to add
+       * @returns <code>true</code> if the calculator was successfully added, <code>false</code> otherwise
        */
       addAdditionalEnterIntervalCalculator(enterIntervalCalculator:yfiles.router.IEnterIntervalCalculator):boolean;
       /**
@@ -110929,8 +105229,8 @@ declare namespace system{
        * <p>
        * An extension can influence the pathfinding process by adding costs for entering certain {@link yfiles.router.CellEntrance}s.
        * </p>
-       * @param {yfiles.router.PathSearchExtension} extension the extension to add to this path search
-       * @returns {boolean} <code>true</code> if the extension has been added, <code>false</code> otherwise
+       * @param extension the extension to add to this path search
+       * @returns <code>true</code> if the extension has been added, <code>false</code> otherwise
        */
       addPathSearchExtension(extension:yfiles.router.PathSearchExtension):boolean;
       /**
@@ -110944,14 +105244,14 @@ declare namespace system{
        * The costs for the given enter intervals are retrieved from all registered
        * {@link yfiles.router.PathSearchExtension}s. The calculation stops when it reaches the given maximum cost value.
        * </p>
-       * @param {yfiles.router.CellEntrance} currentEntrance the current cell entrance
-       * @param {yfiles.router.PartitionCell} enteredCell the partition cell to enter
-       * @param {Array.<yfiles.router.OrthogonalInterval>} enterIntervals the different entering intervals of the entered cell
-       * @param {Array.<yfiles.router.EdgeCellInfo>} lastEdgeCellInfos the information about how the last cell was crossed
-       * @param {yfiles.router.PathSearchContext} context the context information
-       * @param {Array.<number>} costs the array in which the calculated costs for entering the neighbor cell via the according enter intervals shall be
+       * @param currentEntrance the current cell entrance
+       * @param enteredCell the partition cell to enter
+       * @param enterIntervals the different entering intervals of the entered cell
+       * @param lastEdgeCellInfos the information about how the last cell was crossed
+       * @param context the context information
+       * @param costs the array in which the calculated costs for entering the neighbor cell via the according enter intervals shall be
        * written
-       * @param {Array.<number>} maxAllowedCosts the maximum costs an enter interval may induce. If this cost is exceeded, no further additional costs for this interval
+       * @param maxAllowedCosts the maximum costs an enter interval may induce. If this cost is exceeded, no further additional costs for this interval
        * are calculated. Note that the entries in this array get modified during cost calculation
        * @see yfiles.router.PathSearchExtension#calculateCosts
        * @protected
@@ -110967,9 +105267,9 @@ declare namespace system{
        * <p>
        * The heuristic costs for the given entrance are retrieved from all registered {@link yfiles.router.PathSearchExtension}s.
        * </p>
-       * @param {yfiles.router.CellEntrance} entrance the current entrance
-       * @param {yfiles.router.PathSearchContext} context the context information
-       * @returns {number} the heuristic costs for the rest of the path if the given entrance is used
+       * @param entrance the current entrance
+       * @param context the context information
+       * @returns the heuristic costs for the rest of the path if the given entrance is used
        * @see yfiles.router.PathSearchExtension#calculateHeuristicCosts
        * @protected
        */
@@ -110999,9 +105299,9 @@ declare namespace system{
        * <p>
        * The <code>decreaseFactor</code> takes values from <code>[0,1]</code>, where <code>0</code> means no reduction while <code>1</code> means the strongest reduction.
        * </p>
-       * @param {yfiles.router.PenaltySettings} penaltySettings the penalty settings whose penalties shall be reduced
-       * @param {number} decreaseFactor the factor with values between <code>0</code> and <code>1</code> that indicates how strong to reduce the penalties
-       * @param {yfiles.router.PathSearchContext} context the context information of the current path search
+       * @param penaltySettings the penalty settings whose penalties shall be reduced
+       * @param decreaseFactor the factor with values between <code>0</code> and <code>1</code> that indicates how strong to reduce the penalties
+       * @param context the context information of the current path search
        * @protected
        */
       decreasePenaltySettings(penaltySettings:yfiles.router.PenaltySettings,decreaseFactor:number,context:yfiles.router.PathSearchContext):void;
@@ -111014,7 +105314,7 @@ declare namespace system{
        * This method is called by {@link yfiles.router.PathSearch#findPathsForCurrentEdge} and may be overridden to use a custom
        * finalization step.
        * </p>
-       * @param {yfiles.router.Path} path the path to finalize
+       * @param path the path to finalize
        * @protected
        */
       finalizePath(path:yfiles.router.Path):void;
@@ -111035,7 +105335,7 @@ declare namespace system{
        * At last, the extensions are asked to finalize the path search result using their {@link yfiles.router.PathSearchExtension#finalizePathSearchResult}
        * callback.
        * </p>
-       * @param {yfiles.router.PathSearchContext} context the context to use during the path search
+       * @param context the context to use during the path search
        * @see yfiles.router.PathSearchContext#edges
        * @see yfiles.router.PathSearchContext#pathSearchResult
        */
@@ -111055,7 +105355,7 @@ declare namespace system{
        * It is called by {@link yfiles.router.PathSearch#findPaths} and may be overridden to skip certain edges or implement a custom
        * path search.
        * </p>
-       * @param {yfiles.router.PathSearchContext} context the context information needed for finding a path
+       * @param context the context information needed for finding a path
        * @protected
        */
       findPathsForCurrentEdge(context:yfiles.router.PathSearchContext):void;
@@ -111064,8 +105364,8 @@ declare namespace system{
        * <p>
        * The path is finalized if the {@link yfiles.router.PathSearch} chose it as the best result for the edge.
        * </p>
-       * @param {yfiles.algorithms.Edge} edge the edge for which the path is returned
-       * @returns {yfiles.router.Path} the finalized path for the given edge or <code>null</code> if no path has been found and finalized
+       * @param edge the edge for which the path is returned
+       * @returns the finalized path for the given edge or <code>null</code> if no path has been found and finalized
        */
       getFinalizedPath(edge:yfiles.algorithms.Edge):yfiles.router.Path;
       /**
@@ -111093,9 +105393,9 @@ declare namespace system{
        * This method is called during cost calculation. It may be overridden to change the interval handling for the
        * {@link yfiles.router.CellEntrance}s.
        * </p>
-       * @param {yfiles.router.CellEntrance} currentEntrance the current cell entrance
-       * @param {yfiles.router.PartitionCell} neighborCell the neighboring cell that is handled.
-       * @param {yfiles.router.PathSearchContext} context the context information
+       * @param currentEntrance the current cell entrance
+       * @param neighborCell the neighboring cell that is handled.
+       * @param context the context information
        * @see yfiles.router.PathSearch#calculateCosts
        * @see yfiles.router.PathSearch#calculateHeuristicCosts
        * @protected
@@ -111106,36 +105406,35 @@ declare namespace system{
        * <p>
        * This method also calls {@link yfiles.router.PathSearchExtension#initialize} for all registered path search extensions.
        * </p>
-       * @param {yfiles.router.PathSearchConfiguration} configuration the configuration that the path search shall use
+       * @param configuration the configuration that the path search shall use
        */
       init(configuration:yfiles.router.PathSearchConfiguration):void;
       /**
        * Removes the given interval calculator from the list of registered {@link yfiles.router.IEnterIntervalCalculator}s.
-       * @param {yfiles.router.IEnterIntervalCalculator} enterIntervalCalculator the calculator to remove
-       * @returns {boolean} <code>true</code> if an interval calculator was removed as a result of this call, <code>false</code> if the given calculator was not part of the
+       * @param enterIntervalCalculator the calculator to remove
+       * @returns <code>true</code> if an interval calculator was removed as a result of this call, <code>false</code> if the given calculator was not part of the
        * list
        */
       removeAdditionalEnterIntervalCalculator(enterIntervalCalculator:yfiles.router.IEnterIntervalCalculator):boolean;
       /**
        * Removes the given extension from the list of {@link yfiles.router.PathSearchExtension}s.
-       * @param {yfiles.router.PathSearchExtension} extension the extension to remove from the path search
-       * @returns {boolean} <code>true</code> if an extension was removed as a result of this call, <code>false</code> if the given extension was not contained in the list
+       * @param extension the extension to remove from the path search
+       * @returns <code>true</code> if an extension was removed as a result of this call, <code>false</code> if the given extension was not contained in the list
        */
       removePathSearchExtension(extension:yfiles.router.PathSearchExtension):boolean;
       static $class:yfiles.lang.Class;
     }
     /**
      * This class contains the basic configuration used by path search algorithms.
-     * @class yfiles.router.PathSearchConfiguration
+     * @class
      */
     export interface PathSearchConfiguration extends Object{}
     export class PathSearchConfiguration {
       /**
        * Creates a new instance of {@link yfiles.router.PathSearchConfiguration} used for a path search.
-       * @param {yfiles.layout.LayoutGraph} graph the graph containing the edges whose path will be searched
-       * @param {yfiles.layout.GroupingSupport} grouping the grouping information of the graph
-       * @param {yfiles.router.EdgeRouter} edgeRouter the edge routing algorithm using this configuration
-       * @constructor
+       * @param graph the graph containing the edges whose path will be searched
+       * @param grouping the grouping information of the graph
+       * @param edgeRouter the edge routing algorithm using this configuration
        */
       constructor(graph:yfiles.layout.LayoutGraph,grouping:yfiles.layout.GroupingSupport,edgeRouter:yfiles.router.EdgeRouter);
       /**
@@ -111165,27 +105464,26 @@ declare namespace system{
      * <p>
      * Most notably, the context provides access to the edge that is currently being routed (see {@link yfiles.router.PathSearchContext#currentEdge}).
      * </p>
-     * @class yfiles.router.PathSearchContext
+     * @class
      */
     export interface PathSearchContext extends Object{}
     export class PathSearchContext {
       /**
        * Creates a new instance of {@link yfiles.router.PathSearchContext}.
-       * @param {yfiles.router.PathSearch} pathSearch the path search that uses this context
-       * @param {yfiles.router.PathSearchConfiguration} configuration the configuration used for the path search
-       * @constructor
+       * @param pathSearch the path search that uses this context
+       * @param configuration the configuration used for the path search
        */
       constructor(pathSearch:yfiles.router.PathSearch,configuration:yfiles.router.PathSearchConfiguration);
       /**
        * Adds an additional source cell of the {@link yfiles.router.PathSearchContext#currentEdge current edge} if it is not already contained in the list of source cells.
-       * @param {yfiles.router.PartitionCell} cell the new source cell to add
+       * @param cell the new source cell to add
        * @see yfiles.router.PathSearchContext#sourceCellCount
        * @see yfiles.router.PathSearchContext#getSourceCell
        */
       addSourceCell(cell:yfiles.router.PartitionCell):void;
       /**
        * Adds an additional target cell of the {@link yfiles.router.PathSearchContext#currentEdge current edge} if it is not already contained in the list of target cells.
-       * @param {yfiles.router.PartitionCell} cell the new target cell to add
+       * @param cell the new target cell to add
        * @see yfiles.router.PathSearchContext#targetCellCount
        * @see yfiles.router.PathSearchContext#getTargetCell
        */
@@ -111193,46 +105491,46 @@ declare namespace system{
       /**
        * Returns the source cell with the given index in the list of all cells that are covered by the source node of the
        * {@link yfiles.router.PathSearchContext#currentEdge current edge}.
-       * @param {number} index the index of the source cell
-       * @returns {yfiles.router.PartitionCell} the source cell with the given index in the list of all source cells
+       * @param index the index of the source cell
+       * @returns the source cell with the given index in the list of all source cells
        */
       getSourceCell(index:number):yfiles.router.PartitionCell;
       /**
        * Returns the target cell with the given index in the list of all cells that are covered by the target node of the
        * {@link yfiles.router.PathSearchContext#currentEdge current edge}.
-       * @param {number} index the index of the target cell
-       * @returns {yfiles.router.PartitionCell} the target cell with the given index in the list of all cells that are covered by the target node of the {@link yfiles.router.PathSearchContext#currentEdge current edge}
+       * @param index the index of the target cell
+       * @returns the target cell with the given index in the list of all cells that are covered by the target node of the {@link #currentEdge current edge}
        */
       getTargetCell(index:number):yfiles.router.PartitionCell;
       /**
        * Determines whether or not the given cell is a source cell of the {@link yfiles.router.PathSearchContext#currentEdge current edge}.
-       * @param {yfiles.router.PartitionCell} cell the cell
-       * @returns {boolean} <code>true</code> if the given cell is in the list of source cells, <code>false</code> otherwise
+       * @param cell the cell
+       * @returns <code>true</code> if the given cell is in the list of source cells, <code>false</code> otherwise
        * @see yfiles.router.PathSearchContext#sourceCellCount
        * @see yfiles.router.PathSearchContext#getSourceCell
        */
       isSourceCell(cell:yfiles.router.PartitionCell):boolean;
       /**
        * Determines whether or not the given cell is a target cell of the {@link yfiles.router.PathSearchContext#currentEdge current edge}.
-       * @param {yfiles.router.PartitionCell} cell the cell
-       * @returns {boolean} <code>true</code> if the given cell is in the list of target cells, <code>false</code> otherwise
+       * @param cell the cell
+       * @returns <code>true</code> if the given cell is in the list of target cells, <code>false</code> otherwise
        * @see yfiles.router.PathSearchContext#targetCellCount
        * @see yfiles.router.PathSearchContext#getTargetCell
        */
       isTargetCell(cell:yfiles.router.PartitionCell):boolean;
       /**
        * Specifies the edges that shall be routed.
-       * @param {yfiles.algorithms.EdgeList} edges the list of edges that shall be routed
+       * @param edges the list of edges that shall be routed
        */
       setEdges(edges:yfiles.algorithms.EdgeList):void;
       /**
        * Returns the number of all cells that are covered by the source node of the {@link yfiles.router.PathSearchContext#currentEdge current edge}.
-       * @returns {number} the number of all cells that are covered by the source node
+       * @returns the number of all cells that are covered by the source node
        */
       sourceCellCount():number;
       /**
        * Returns the number of all cells that are covered by the target node of the {@link yfiles.router.PathSearchContext#currentEdge current edge}.
-       * @returns {number} the number of all cells that are covered by the target node
+       * @returns the number of all cells that are covered by the target node
        */
       targetCellCount():number;
       /**
@@ -111308,13 +105606,12 @@ declare namespace system{
      * </ol>
      * @see yfiles.router.PathSearch#addPathSearchExtension
      * @see yfiles.router.PathSearchContext#currentEdge
-     * @class yfiles.router.PathSearchExtension
+     * @class
      */
     export interface PathSearchExtension extends Object{}
     export class PathSearchExtension {
       /**
        * Creates a new instance of {@link yfiles.router.PathSearchExtension}.
-       * @constructor
        */
       constructor();
       /**
@@ -111325,7 +105622,7 @@ declare namespace system{
        * implementation doesn't add any {@link yfiles.router.CellEntrance}s. It may be overridden to add {@link yfiles.router.CellEntrance}s with
        * specific enter intervals, e.g., to consider {@link yfiles.layout.PortConstraint}s.
        * </p>
-       * @param {yfiles.collections.IList.<Object>} allStartEntrances a list of all previously generated entrances
+       * @param allStartEntrances a list of all previously generated entrances
        */
       appendStartEntrances(allStartEntrances:yfiles.collections.IList<Object>):void;
       /**
@@ -111344,13 +105641,13 @@ declare namespace system{
        * This implementation doesn't add any costs. It may be overridden to add costs, e.g., if entering through the given
        * interval would create a bend.
        * </p>
-       * @param {yfiles.router.CellEntrance} currentEntrance the entrance that was used for entering the current cell
-       * @param {yfiles.router.PartitionCell} enteredCell the neighboring cell that shall be entered
-       * @param {yfiles.router.OrthogonalInterval} enterInterval the interval that shall be used for entering the neighboring cell
-       * @param {yfiles.router.EdgeCellInfo} edgeCellInfo the information about how the current cell would be traversed if the neighboring cell would be entered by this enter
+       * @param currentEntrance the entrance that was used for entering the current cell
+       * @param enteredCell the neighboring cell that shall be entered
+       * @param enterInterval the interval that shall be used for entering the neighboring cell
+       * @param edgeCellInfo the information about how the current cell would be traversed if the neighboring cell would be entered by this enter
        * interval
-       * @param {number} maxAllowedCosts the maximum allowed costs for this enter interval
-       * @returns {number} the costs for entering the neighboring cell via the enter interval
+       * @param maxAllowedCosts the maximum allowed costs for this enter interval
+       * @returns the costs for entering the neighboring cell via the enter interval
        * @protected
        */
       calculateCosts(currentEntrance:yfiles.router.CellEntrance,enteredCell:yfiles.router.PartitionCell,enterInterval:yfiles.router.OrthogonalInterval,edgeCellInfo:yfiles.router.EdgeCellInfo,maxAllowedCosts:number):number;
@@ -111365,8 +105662,8 @@ declare namespace system{
        * This implementation doesn't add any costs. It may be overridden to add some heuristic costs, e.g., if the edge would
        * have to bend to reach the target node from the given {@link yfiles.router.CellEntrance}.
        * </p>
-       * @param {yfiles.router.CellEntrance} entrance the entrance to calculate the heuristic costs for the rest of the path
-       * @returns {number} the minimal costs that will arise to finish the path if the given cell entrance is used as next step
+       * @param entrance the entrance to calculate the heuristic costs for the rest of the path
+       * @returns the minimal costs that will arise to finish the path if the given cell entrance is used as next step
        */
       calculateHeuristicCosts(entrance:yfiles.router.CellEntrance):number;
       /**
@@ -111379,8 +105676,8 @@ declare namespace system{
        * start entrances with less specific intervals more expensive. For example, intervals that allow more than just the {@link yfiles.layout.PortConstraint}
        * location to connect to the source node become more expensive.
        * </p>
-       * @param {yfiles.router.CellEntrance} startEntrance the start entrance for which the cost is calculated
-       * @returns {number} the cost for starting the path in the given entrance
+       * @param startEntrance the start entrance for which the cost is calculated
+       * @returns the cost for starting the path in the given entrance
        */
       calculateStartEntranceCost(startEntrance:yfiles.router.CellEntrance):number;
       /**
@@ -111393,7 +105690,7 @@ declare namespace system{
        * This implementation does nothing. It may be overridden to reset some edge specific information, e.g., removing
        * previously added listeners.
        * </p>
-       * @param {yfiles.router.PathSearchContext} context the context containing the current edge for which the path search has been canceled
+       * @param context the context containing the current edge for which the path search has been canceled
        * @see yfiles.router.PathSearchExtension#initializeCurrentEdge
        * @see yfiles.router.PathSearchExtension#finalizeEdges
        */
@@ -111413,7 +105710,7 @@ declare namespace system{
        * This implementation does nothing. It may be overridden to add/reset some edge specific information, e.g., removing
        * previously added listeners or adding new start entrances.
        * </p>
-       * @param {yfiles.router.PathSearchContext} context the context containing the current edge for which the path search has been finished
+       * @param context the context containing the current edge for which the path search has been finished
        * @see yfiles.router.PathSearchExtension#initializeCurrentEdge
        * @see yfiles.router.PathSearchExtension#finalizeEdges
        */
@@ -111423,7 +105720,7 @@ declare namespace system{
        * <p>
        * This callback notifies the extension if enough paths have been found for all edges in the context's edge list.
        * </p>
-       * @param {yfiles.router.PathSearchContext} context the context containing the list of edges for which paths have been found
+       * @param context the context containing the list of edges for which paths have been found
        * @see yfiles.router.PathSearchContext#edges
        */
       finalizeEdges(context:yfiles.router.PathSearchContext):void;
@@ -111437,7 +105734,7 @@ declare namespace system{
        * This implementation does nothing. It may be overridden to collect some information about the given path that may
        * influence the path search of later edges.
        * </p>
-       * @param {yfiles.router.Path} path the path found for the current edge in the context
+       * @param path the path found for the current edge in the context
        * @see yfiles.router.PathSearchContext#currentEdge
        */
       finalizePath(path:yfiles.router.Path):void;
@@ -111453,7 +105750,7 @@ declare namespace system{
        * next list of edges to route or ends the path search by calling
        * {@link yfiles.router.PathSearchExtension#cleanUp}. This implementation does nothing.
        * </p>
-       * @param {yfiles.router.PathSearchResult} pathSearchResult the path search result for the edge in the current context's edge list
+       * @param pathSearchResult the path search result for the edge in the current context's edge list
        * @see yfiles.router.PathSearchExtension#initializeEdges
        * @see yfiles.router.PathSearchExtension#cleanUp
        */
@@ -111464,7 +105761,7 @@ declare namespace system{
        * This method is the first one to be called by the {@link yfiles.router.PathSearch}. It may be overridden to initialize this
        * extension with necessary settings like {@link yfiles.layout.GroupingSupport}.
        * </p>
-       * @param {yfiles.router.PathSearchConfiguration} configuration the configuration to use for the following path searches
+       * @param configuration the configuration to use for the following path searches
        */
       initialize(configuration:yfiles.router.PathSearchConfiguration):void;
       /**
@@ -111476,7 +105773,7 @@ declare namespace system{
        * <p>
        * It may be overridden to initialize/reset the settings for the current edge (e.g. minimum distances).
        * </p>
-       * @param {yfiles.router.PathSearchContext} context the context containing the current edge
+       * @param context the context containing the current edge
        * @see yfiles.router.PathSearchContext#currentEdge
        */
       initializeCurrentEdge(context:yfiles.router.PathSearchContext):void;
@@ -111489,7 +105786,7 @@ declare namespace system{
        * <p>
        * It may be overridden to initialize/reset the settings for the routed edges (e.g. minimum distances).
        * </p>
-       * @param {yfiles.router.PathSearchContext} context the context containing the list of edges for which paths shall be found
+       * @param context the context containing the list of edges for which paths shall be found
        * @see yfiles.router.PathSearchContext#edges
        */
       initializeEdges(context:yfiles.router.PathSearchContext):void;
@@ -111505,8 +105802,8 @@ declare namespace system{
        * {@link yfiles.router.CellEntrance}s as valid targets. It may be overridden to only activate the target if the route fulfills a
        * certain condition.
        * </p>
-       * @param {yfiles.router.CellEntrance} entrance the entrance to decide if it is a valid target entrance
-       * @returns {boolean} <code>true</code> if the path may end with this entrance, <code>false</code> otherwise
+       * @param entrance the entrance to decide if it is a valid target entrance
+       * @returns <code>true</code> if the path may end with this entrance, <code>false</code> otherwise
        */
       isValidTargetEntrance(entrance:yfiles.router.CellEntrance):boolean;
       /**
@@ -111534,14 +105831,13 @@ declare namespace system{
      * These are used by the {@link yfiles.router.ChannelBasedPathRouting} algorithm to calculate the final segment locations for the
      * segments of an edge path.
      * </p>
-     * @class yfiles.router.PathSearchResult
+     * @class
      */
     export interface PathSearchResult extends Object{}
     export class PathSearchResult {
       /**
        * Creates a new instance of {@link yfiles.router.PathSearchResult}.
-       * @param {yfiles.router.PathSearchConfiguration} configuration the configuration used for the path search
-       * @constructor
+       * @param configuration the configuration used for the path search
        */
       constructor(configuration:yfiles.router.PathSearchConfiguration);
       /**
@@ -111550,8 +105846,8 @@ declare namespace system{
        * If the given edge shall be routed but no path has been set for it, yet, <code>null</code> is returned. If no {@link yfiles.router.EdgeInfo}
        * has been created for the path by this context before, a new one is instantiated, otherwise the stored one is returned.
        * </p>
-       * @param {yfiles.algorithms.Edge} edge the edge for which the {@link yfiles.router.EdgeInfo} will be returned
-       * @returns {yfiles.router.EdgeInfo} an {@link yfiles.router.EdgeInfo} describing the path of the edge
+       * @param edge the edge for which the {@link } will be returned
+       * @returns an {@link } describing the path of the edge
        * @see yfiles.router.PathSearchResult#setPath
        */
       getEdgeInfo(edge:yfiles.algorithms.Edge):yfiles.router.EdgeInfo;
@@ -111561,20 +105857,20 @@ declare namespace system{
        * If no {@link yfiles.router.EdgeInfo} has been created for this path by this context before, a new one is instantiated, otherwise
        * the stored one is returned.
        * </p>
-       * @param {yfiles.router.Path} path the path for which the {@link yfiles.router.EdgeInfo} will be returned
-       * @returns {yfiles.router.EdgeInfo} an {@link yfiles.router.EdgeInfo} describing the given path
+       * @param path the path for which the {@link } will be returned
+       * @returns an {@link } describing the given path
        */
       getEdgeInfo(path:yfiles.router.Path):yfiles.router.EdgeInfo;
       /**
        * Returns the previously registered path found for the edge.
-       * @param {yfiles.algorithms.Edge} edge the edge for which the path is provided
-       * @returns {yfiles.router.Path} the previously registered path found for the edge or <code>null</code> if no path has been registered, yet
+       * @param edge the edge for which the path is provided
+       * @returns the previously registered path found for the edge or <code>null</code> if no path has been registered, yet
        */
       getPath(edge:yfiles.algorithms.Edge):yfiles.router.Path;
       /**
        * Specifies a found path for an edge.
-       * @param {yfiles.algorithms.Edge} edge the edge for which the path is set
-       * @param {yfiles.router.Path} path the found path
+       * @param edge the edge for which the path is set
+       * @param path the found path
        */
       setPath(edge:yfiles.algorithms.Edge,path:yfiles.router.Path):void;
       static $class:yfiles.lang.Class;
@@ -111593,13 +105889,12 @@ declare namespace system{
      * {@link yfiles.router.PenaltySettings#OPTIMIZATION_BALANCED}, {@link yfiles.router.PenaltySettings#OPTIMIZATION_EDGE_BENDS}, {@link yfiles.router.PenaltySettings#OPTIMIZATION_EDGE_LENGTHS}
      * and {@link yfiles.router.PenaltySettings#OPTIMIZATION_EDGE_CROSSINGS}.
      * </p>
-     * @class yfiles.router.PenaltySettings
+     * @class
      */
     export interface PenaltySettings extends Object{}
     export class PenaltySettings {
       /**
        * Creates a new instance of {@link yfiles.router.PenaltySettings}.
-       * @constructor
        */
       constructor();
       /**
@@ -111608,7 +105903,7 @@ declare namespace system{
        * This implementation uses method {@link yfiles.router.PenaltySettings#newInstance} to obtain a new instance which adopts all
        * settings.
        * </p>
-       * @returns {yfiles.router.PenaltySettings} a copy of this instance
+       * @returns a copy of this instance
        */
       createCopy():yfiles.router.PenaltySettings;
       /**
@@ -111618,7 +105913,7 @@ declare namespace system{
        * {@link yfiles.router.PenaltySettings#createCopy}. Subclasses can override this method in order to return a more specialized
        * version.
        * </p>
-       * @returns {yfiles.router.PenaltySettings} a specialized {@link yfiles.router.PenaltySettings}
+       * @returns a specialized {@link }
        * @protected
        */
       newInstance():yfiles.router.PenaltySettings;
@@ -112034,15 +106329,14 @@ declare namespace system{
      * segment can be influenced by the {@link yfiles.router.PolylineLayoutStage#maximumNonOrthogonalSegmentRatio maximum non-orthogonal segment ratio} and the {@link yfiles.router.PolylineLayoutStage#preferredPolylineSegmentLength preferred polyline segment length}. The new
      * octilinear segments maintain a {@link yfiles.router.PolylineLayoutStage#minimumNodeToEdgeDistance minimum distance} between the edges and all nodes in the graph if possible.
      * </p>
-     * @class yfiles.router.PolylineLayoutStage
+     * @class
      * @extends {yfiles.layout.LayoutStageBase}
      */
     export interface PolylineLayoutStage extends yfiles.layout.LayoutStageBase{}
     export class PolylineLayoutStage {
       /**
        * Creates a new instance of {@link yfiles.router.PolylineLayoutStage} using the given {@link yfiles.layout.LayoutStageBase#coreLayout core layout algorithm}.
-       * @param {yfiles.layout.ILayoutAlgorithm} [coreLayouter=null] the core layout routine
-       * @constructor
+       * @param [coreLayouter=null] the core layout routine
        */
       constructor(coreLayouter?:yfiles.layout.ILayoutAlgorithm);
       /**
@@ -112120,15 +106414,14 @@ declare namespace system{
      * The {@link yfiles.router.SegmentGroup} contains the {@link yfiles.router.SegmentGroup#commonLocationRange common location range} for the edge group and provides a {@link yfiles.router.SegmentGroup#commonSegmentInfo common segment info}
      * representing the grouped segments.
      * </p>
-     * @class yfiles.router.SegmentGroup
+     * @class
      */
     export interface SegmentGroup extends Object{}
     export class SegmentGroup {
       /**
        * Creates a new instance of {@link yfiles.router.SegmentGroup} that contains the given segments and a range to place them.
-       * @param {yfiles.router.Interval} commonLocationRange the location range of the given {@link yfiles.router.SegmentInfo}s
-       * @param {yfiles.collections.IList.<Object>} segmentInfos the list containing the grouped {@link yfiles.router.SegmentInfo}s
-       * @constructor
+       * @param commonLocationRange the location range of the given {@link }s
+       * @param segmentInfos the list containing the grouped {@link }s
        */
       constructor(commonLocationRange:yfiles.router.Interval,segmentInfos:yfiles.collections.IList<Object>);
       /**
@@ -112161,40 +106454,38 @@ declare namespace system{
      * <p>
      * Most notably, it stores the {@link yfiles.router.SegmentInfoBase#direction direction} of the segment and the {@link yfiles.router.SegmentInfoBase#locationRange interval} that restricts the location of the segment.
      * </p>
-     * @class yfiles.router.SegmentInfo
+     * @class
      * @extends {yfiles.router.SegmentInfoBase}
      */
     export interface SegmentInfo extends yfiles.router.SegmentInfoBase{}
     export class SegmentInfo {
       /**
        * Creates a new instance of {@link yfiles.router.SegmentInfo} with the given information.
-       * @param {yfiles.algorithms.Edge} edge the edge to which the segment of this info belongs
-       * @param {number} segmentIndex the index of the segment to which this info belongs
-       * @param {yfiles.layout.Direction} direction the direction to which the segment of this info points
-       * @param {yfiles.router.Interval} locationRange the range within which the common location of this segment has to lie
-       * @param {yfiles.router.Interval} minExtension the minimum interval in extension direction this segment is known to intersect
-       * @param {yfiles.router.Interval} maxExtension the maximum interval in extension direction this segment will span
-       * @param {yfiles.collections.IList.<Object>} cellSegmentInfos the list of {@link yfiles.router.CellSegmentInfo} objects upon which this segment info is built
-       * @constructor
+       * @param edge the edge to which the segment of this info belongs
+       * @param segmentIndex the index of the segment to which this info belongs
+       * @param direction the direction to which the segment of this info points
+       * @param locationRange the range within which the common location of this segment has to lie
+       * @param minExtension the minimum interval in extension direction this segment is known to intersect
+       * @param maxExtension the maximum interval in extension direction this segment will span
+       * @param cellSegmentInfos the list of {@link } objects upon which this segment info is built
        */
       constructor(edge:yfiles.algorithms.Edge,segmentIndex:number,direction:yfiles.layout.Direction,locationRange:yfiles.router.Interval,minExtension:yfiles.router.Interval,maxExtension:yfiles.router.Interval,cellSegmentInfos:yfiles.collections.IList<Object>);
       /**
        * Creates a new instance of {@link yfiles.router.SegmentInfo} using a {@link yfiles.algorithms.LineSegment} to describe the edge segment.
-       * @param {yfiles.algorithms.Edge} edge the edge to which the segment of this info belongs
-       * @param {number} segmentIndex the index of the segment to which this info belongs
-       * @param {yfiles.algorithms.LineSegment} segment a line segment describing the edge segment
-       * @constructor
+       * @param edge the edge to which the segment of this info belongs
+       * @param segmentIndex the index of the segment to which this info belongs
+       * @param segment a line segment describing the edge segment
        */
       constructor(edge:yfiles.algorithms.Edge,segmentIndex:number,segment:yfiles.algorithms.LineSegment);
       /**
        * Returns the number of {@link yfiles.router.CellSegmentInfo} of this segment info.
-       * @returns {number} the number of {@link yfiles.router.CellSegmentInfo} of this segment info
+       * @returns the number of {@link } of this segment info
        */
       cellSegmentInfoCount():number;
       /**
        * Returns the {@link yfiles.router.CellSegmentInfo} at the given index of this segment info.
-       * @param {number} index the index of the {@link yfiles.router.CellSegmentInfo} to return
-       * @returns {yfiles.router.CellSegmentInfo} the {@link yfiles.router.CellSegmentInfo} at the given index of this segment info
+       * @param index the index of the {@link } to return
+       * @returns the {@link } at the given index of this segment info
        */
       getCellSegmentInfo(index:number):yfiles.router.CellSegmentInfo;
       /**
@@ -112219,20 +106510,19 @@ declare namespace system{
      * Most notably, {@link yfiles.router.SegmentInfoBase} stores the {@link yfiles.router.SegmentInfoBase#direction direction} to which the segment points and the {@link yfiles.router.SegmentInfoBase#locationRange interval} describing
      * possible locations and extensions of a segment.
      * </p>
-     * @class yfiles.router.SegmentInfoBase
+     * @class
      */
     export interface SegmentInfoBase extends Object{}
     export class SegmentInfoBase {
       /**
        * Creates a new instance of {@link yfiles.router.SegmentInfoBase}.
-       * @param {yfiles.algorithms.Edge} edge the edge to which the segment of this info belongs
-       * @param {number} segmentIndex the index of the segment to which this info belongs
-       * @param {yfiles.layout.Direction} direction the direction to which the segment of this info points
-       * @param {yfiles.router.Interval} locationRange the range within which the common location of this segment has to lie
-       * @param {yfiles.router.Interval} minExtension the minimum interval in extension direction this segment is known to intersect
-       * @param {yfiles.router.Interval} maxExtension the maximum interval in extension direction this segment will span
+       * @param edge the edge to which the segment of this info belongs
+       * @param segmentIndex the index of the segment to which this info belongs
+       * @param direction the direction to which the segment of this info points
+       * @param locationRange the range within which the common location of this segment has to lie
+       * @param minExtension the minimum interval in extension direction this segment is known to intersect
+       * @param maxExtension the maximum interval in extension direction this segment will span
        * @protected
-       * @constructor
        */
       constructor(edge:yfiles.algorithms.Edge,segmentIndex:number,direction:yfiles.layout.Direction,locationRange:yfiles.router.Interval,minExtension:yfiles.router.Interval,maxExtension:yfiles.router.Interval);
       /**
@@ -112240,11 +106530,10 @@ declare namespace system{
        * <p>
        * This constructor is meant to be used for fixed orthogonal edge segments.
        * </p>
-       * @param {yfiles.algorithms.Edge} edge the edge to which this segment info belongs
-       * @param {number} segmentIndex the index of the segment to which this info belongs
-       * @param {yfiles.algorithms.LineSegment} segment a line segment describing the edge segment
+       * @param edge the edge to which this segment info belongs
+       * @param segmentIndex the index of the segment to which this info belongs
+       * @param segment a line segment describing the edge segment
        * @protected
-       * @constructor
        */
       constructor(edge:yfiles.algorithms.Edge,segmentIndex:number,segment:yfiles.algorithms.LineSegment);
       /**
@@ -112340,39 +106629,35 @@ declare namespace system{
      * a default group ID is used. Therefore, all such edges ending at the same node belong to the same group.
      * </p>
      * @see yfiles.router.BusRouter#EDGE_DESCRIPTOR_DP_KEY
-     * @class yfiles.router.BusDescriptor
+     * @class
      */
     export interface BusDescriptor extends Object{}
     export class BusDescriptor {
       /**
        * Creates a new instance of {@link yfiles.router.BusDescriptor} for the specified parameters.
-       * @param {Object} busID the ID of the bus to which the associated edge belongs
-       * @param {boolean} fixed <code>true</code> if associated edge is fixed, <code>false</code> otherwise
-       * @param {Object} sourceGroupID the group ID of the source side
-       * @param {Object} targetGroupID the group ID of the target side
-       * @constructor
+       * @param busID the ID of the bus to which the associated edge belongs
+       * @param fixed <code>true</code> if associated edge is fixed, <code>false</code> otherwise
+       * @param sourceGroupID the group ID of the source side
+       * @param targetGroupID the group ID of the target side
        */
       constructor(busID:Object,fixed:boolean,sourceGroupID:Object,targetGroupID:Object);
       /**
        * Creates a new instance of {@link yfiles.router.BusDescriptor} for the specified parameters and default group IDs.
-       * @param {Object} busID the ID of the bus to which the associated edge belongs
-       * @param {boolean} fixed <code>true</code> if associated edge is fixed, <code>false</code> otherwise
-       * @constructor
+       * @param busID the ID of the bus to which the associated edge belongs
+       * @param fixed <code>true</code> if associated edge is fixed, <code>false</code> otherwise
        */
       constructor(busID:Object,fixed:boolean);
       /**
        * Creates a new instance of {@link yfiles.router.BusDescriptor} for the specified parameters and marks it as not fixed.
-       * @param {Object} busID the ID of the bus to which the associated edge belongs
-       * @param {Object} sourceGroupID the group ID of the source side
-       * @param {Object} targetGroupID the group ID of the target side
-       * @constructor
+       * @param busID the ID of the bus to which the associated edge belongs
+       * @param sourceGroupID the group ID of the source side
+       * @param targetGroupID the group ID of the target side
        */
       constructor(busID:Object,sourceGroupID:Object,targetGroupID:Object);
       /**
        * Creates a new instance of {@link yfiles.router.BusDescriptor} for the specified bus ID which is marked as not fixed and uses the
        * default edge group IDs.
-       * @param {Object} busID the ID of the bus to which the associated edge belongs
-       * @constructor
+       * @param busID the ID of the bus to which the associated edge belongs
        */
       constructor(busID:Object);
       /**
@@ -112427,7 +106712,7 @@ declare namespace system{
      * unique ID which identifies the bus to which it is associated. This is the representation expected by
      * {@link yfiles.router.BusRouter}.
      * </p>
-     * @class yfiles.router.BusRepresentations
+     * @class
      */
     export interface BusRepresentations extends Object{}
     export class BusRepresentations {
@@ -112443,12 +106728,12 @@ declare namespace system{
        * these paths are ambiguous. In this case, an arbitrary tree is computed from the hub's subgraph which defines all the
        * paths.
        * </p>
-       * @param {yfiles.layout.LayoutGraph} graph the graph of the bus
-       * @param {Array.<yfiles.algorithms.EdgeList>} hubEdgesLists an array of {@link yfiles.algorithms.EdgeList}s each containing the edges of a bus
-       * @param {yfiles.algorithms.IDataProvider} hubMarker a {@link yfiles.algorithms.IDataProvider} that marks hub nodes
-       * @param {yfiles.algorithms.IDataProvider} fixedMarker a {@link yfiles.algorithms.IDataProvider} that marks fixed edges
-       * @param {yfiles.algorithms.IDataAcceptor} descriptorAcceptor a {@link yfiles.algorithms.IDataAcceptor} for storing the created bus descriptors
-       * @returns {yfiles.algorithms.EdgeList} a list of the created edges
+       * @param graph the graph of the bus
+       * @param hubEdgesLists an array of {@link }s each containing the edges of a bus
+       * @param hubMarker a {@link } that marks hub nodes
+       * @param fixedMarker a {@link } that marks fixed edges
+       * @param descriptorAcceptor a {@link } for storing the created bus descriptors
+       * @returns a list of the created edges
        * @static
        */
       static replaceHubsBySubgraph(graph:yfiles.layout.LayoutGraph,hubEdgesLists:yfiles.algorithms.EdgeList[],hubMarker:yfiles.algorithms.IDataProvider,fixedMarker:yfiles.algorithms.IDataProvider,descriptorAcceptor:yfiles.algorithms.IDataAcceptor):yfiles.algorithms.EdgeList;
@@ -112457,10 +106742,10 @@ declare namespace system{
        * <p>
        * This method delegates to {@link yfiles.router.BusRepresentations#replaceHubsBySubgraph}.
        * </p>
-       * @param {yfiles.layout.LayoutGraph} graph the graph of the bus
-       * @param {yfiles.algorithms.IDataProvider} hubMarker a {@link yfiles.algorithms.IDataProvider} that marks hub nodes
-       * @param {yfiles.algorithms.IDataAcceptor} descriptorAcceptor a {@link yfiles.algorithms.IDataAcceptor} for storing the created bus descriptors
-       * @returns {yfiles.algorithms.EdgeList} a list of the created edges
+       * @param graph the graph of the bus
+       * @param hubMarker a {@link } that marks hub nodes
+       * @param descriptorAcceptor a {@link } for storing the created bus descriptors
+       * @returns a list of the created edges
        * @see yfiles.router.BusRepresentations#replaceHubsBySubgraph
        * @see yfiles.router.BusRepresentations#toEdgeLists
        * @static
@@ -112469,22 +106754,21 @@ declare namespace system{
       /**
        * Changes the representation of buses from complete subgraphs to hubs by replacing intersection points by hubs.
        * <p>
-       * The edges of the given graph must form an orthogonal, cycle-free bus, otherwise an {@link Stubs.Exceptions.InvalidOperationError}
-       * is thrown.
+       * The edges of the given graph must form an orthogonal, cycle-free bus, otherwise an {@link yfiles.lang.Exception} is thrown.
        * </p>
-       * @param {yfiles.layout.LayoutGraph} graph the graph where each bus is represented by a complete subgraph of the corresponding nodes
-       * @param {yfiles.algorithms.IEdgeCursor} edgeCursor an {@link yfiles.algorithms.IEdgeCursor} of the regular edges
-       * @param {yfiles.algorithms.IDataProvider} descriptorProvider a {@link yfiles.algorithms.IDataProvider} that provides a {@link yfiles.router.BusDescriptor} for each edge
-       * @param {yfiles.algorithms.IDataAcceptor} busIDAcceptor an optional {@link yfiles.algorithms.IDataAcceptor} that stores the bus ID for each new edge
+       * @param graph the graph where each bus is represented by a complete subgraph of the corresponding nodes
+       * @param edgeCursor an {@link } of the regular edges
+       * @param descriptorProvider a {@link } that provides a {@link } for each edge
+       * @param busIDAcceptor an optional {@link } that stores the bus ID for each new edge
        * @throws {Stubs.Exceptions.InvalidOperationError} if the path of an edge is not orthogonal or if some paths form a cycle
        * @static
        */
       static replaceSubgraphByHubs(graph:yfiles.layout.LayoutGraph,edgeCursor:yfiles.algorithms.IEdgeCursor,descriptorProvider:yfiles.algorithms.IDataProvider,busIDAcceptor:yfiles.algorithms.IDataAcceptor):void;
       /**
        * Calculates for every bus represented by hubs a list of all of its edges.
-       * @param {yfiles.algorithms.Graph} graph the graph where buses are represented by means of hubs
-       * @param {yfiles.algorithms.IDataProvider} hubMarker a {@link yfiles.algorithms.IDataProvider} which marks hub nodes
-       * @returns {Array.<yfiles.algorithms.EdgeList>} an array of {@link yfiles.algorithms.EdgeList}s where each list contains all edges of a bus
+       * @param graph the graph where buses are represented by means of hubs
+       * @param hubMarker a {@link } which marks hub nodes
+       * @returns an array of {@link }s where each list contains all edges of a bus
        * @static
        */
       static toEdgeLists(graph:yfiles.algorithms.Graph,hubMarker:yfiles.algorithms.IDataProvider):yfiles.algorithms.EdgeList[];
@@ -112585,14 +106869,13 @@ declare namespace system{
      * {@link yfiles.router.BusDescriptor#fixed corresponding BusDescriptor property}. The paths of edges which are not marked as fixed are calculated by the algorithm.
      * The structure induced by the fixed edges must be orthogonal and cycle-free.
      * </p>
-     * @class yfiles.router.BusRouter
+     * @class
      * @extends {yfiles.layout.LayoutStageBase}
      */
     export interface BusRouter extends yfiles.layout.LayoutStageBase{}
     export class BusRouter {
       /**
        * Creates a new instance of {@link yfiles.router.BusRouter} with default settings.
-       * @constructor
        */
       constructor();
       /**
@@ -112789,24 +107072,23 @@ declare namespace system{
      * has to be registered with the graph to mark all edges that should be routed by the algorithm. The routes of the other
      * edges remain unchanged. If there is no such key registered, the algorithm routes all edges.
      * </p>
-     * @class yfiles.router.ChannelEdgeRouter
+     * @class
      * @extends {yfiles.layout.LayoutStageBase}
      */
     export interface ChannelEdgeRouter extends yfiles.layout.LayoutStageBase{}
     export class ChannelEdgeRouter {
       /**
        * Creates a new {@link yfiles.router.ChannelEdgeRouter} instance with default settings.
-       * @constructor
        */
       constructor();
       /**
        * Checks the sizes of the nodes to be non-zero.
-       * @param {yfiles.layout.LayoutGraph} g The graph to check.
+       * @param g The graph to check.
        * @protected
        */
       checkNodeSize(g:yfiles.layout.LayoutGraph):void;
       /**
-       * Data provider key for marking the edges that should be routed.
+       * Data provider key for marking the edges that should be routed
        * <p>
        * If this key is not registered with the graph, the algorithm will route all edges.
        * </p>
@@ -112876,30 +107158,28 @@ declare namespace system{
      * This edge routing algorithm is realized as a {@link yfiles.layout.ILayoutStage} which can be applied to a graph directly or
      * using a {@link yfiles.router.OrganicEdgeRouter#coreLayout core layout algorithm}.
      * </p>
-     * @class yfiles.router.OrganicEdgeRouter
+     * @class
      * @implements {yfiles.layout.ILayoutStage}
      */
     export interface OrganicEdgeRouter extends Object,yfiles.layout.ILayoutStage{}
     export class OrganicEdgeRouter {
       /**
        * Creates a new {@link yfiles.router.OrganicEdgeRouter} with the given {@link yfiles.router.OrganicEdgeRouter#coreLayout core layout algorithm}.
-       * @param {yfiles.layout.ILayoutAlgorithm} core the core layout algorithm
-       * @constructor
+       * @param core the core layout algorithm
        */
       constructor(core:yfiles.layout.ILayoutAlgorithm);
       /**
        * Creates a new {@link yfiles.router.OrganicEdgeRouter} instance with the default settings.
-       * @constructor
        */
       constructor();
       /**
        * Performs the organic routing of the edges of the input graph.
-       * @param {yfiles.layout.LayoutGraph} graph the input graph
+       * @param graph the input graph
        */
       applyLayout(graph:yfiles.layout.LayoutGraph):void;
       /**
        * Checks the sizes of the nodes to be non-zero.
-       * @param {yfiles.layout.LayoutGraph} g The graph to check.
+       * @param g The graph to check.
        * @protected
        */
       checkNodeSize(g:yfiles.layout.LayoutGraph):void;
@@ -112908,7 +107188,7 @@ declare namespace system{
        * <p>
        * The edges will keep a greater distance to the nodes. Therefore, they won't cross them.
        * </p>
-       * @returns {yfiles.layout.ILayoutStage} the {@link yfiles.layout.ILayoutStage} that resizes the nodes
+       * @returns the {@link } that resizes the nodes
        */
       createNodeEnlargementStage():yfiles.layout.ILayoutStage;
       /**
@@ -112980,14 +107260,13 @@ declare namespace system{
      * The edges whose paths have to be routed can be defined registering a {@link yfiles.algorithms.IDataProvider} with key
      * {@link yfiles.router.OrthogonalPatternEdgeRouter#DEFAULT_AFFECTED_EDGES_DP_KEY}.
      * </p>
-     * @class yfiles.router.OrthogonalPatternEdgeRouter
+     * @class
      * @extends {yfiles.layout.LayoutStageBase}
      */
     export interface OrthogonalPatternEdgeRouter extends yfiles.layout.LayoutStageBase{}
     export class OrthogonalPatternEdgeRouter {
       /**
        * Creates a new instance of {@link yfiles.router.OrthogonalPatternEdgeRouter} with default settings.
-       * @constructor
        */
       constructor();
       /**
@@ -112996,11 +107275,11 @@ declare namespace system{
        * This method is called by {@link yfiles.router.OrthogonalPatternEdgeRouter#calculateCost}. The default implementation multiplies
        * the number of bends with the according {@link yfiles.router.OrthogonalPatternEdgeRouter#bendCost costs}. It may be overridden to change the calculation of these costs.
        * </p>
-       * @param {yfiles.algorithms.Edge} edge the edge for which the costs are calculated
-       * @param {yfiles.algorithms.YList} path the path of the given edge
-       * @param {yfiles.layout.PortCandidate} spc the source {@link yfiles.layout.PortCandidate} for this edge
-       * @param {yfiles.layout.PortCandidate} tpc the target {@link yfiles.layout.PortCandidate} for this edge
-       * @returns {number} the costs for the bends of this path
+       * @param edge the edge for which the costs are calculated
+       * @param path the path of the given edge
+       * @param spc the source {@link } for this edge
+       * @param tpc the target {@link } for this edge
+       * @returns the costs for the bends of this path
        * @protected
        */
       calculateBendCost(edge:yfiles.algorithms.Edge,path:yfiles.algorithms.YList,spc:yfiles.layout.PortCandidate,tpc:yfiles.layout.PortCandidate):number;
@@ -113012,11 +107291,11 @@ declare namespace system{
        * {@link yfiles.layout.PortCandidate}s and monotonic path restrictions. It may be overridden to apply a different set of costs or
        * a different weighting.
        * </p>
-       * @param {yfiles.algorithms.Edge} edge the edge whose costs to calculate
-       * @param {yfiles.algorithms.YList} path the edge's path
-       * @param {yfiles.layout.PortCandidate} spc the source {@link yfiles.layout.PortCandidate} for this edge
-       * @param {yfiles.layout.PortCandidate} tpc the target {@link yfiles.layout.PortCandidate} for this edge
-       * @returns {number} the sum of all costs for this edge's path
+       * @param edge the edge whose costs to calculate
+       * @param path the edge's path
+       * @param spc the source {@link } for this edge
+       * @param tpc the target {@link } for this edge
+       * @returns the sum of all costs for this edge's path
        * @protected
        */
       calculateCost(edge:yfiles.algorithms.Edge,path:yfiles.algorithms.YList,spc:yfiles.layout.PortCandidate,tpc:yfiles.layout.PortCandidate):number;
@@ -113028,11 +107307,11 @@ declare namespace system{
        * crossings between edge segments and nodes and sum up the costs. It may be overridden to use a different combination of
        * costs.
        * </p>
-       * @param {yfiles.algorithms.Edge} edge the edge for which the costs are calculated
-       * @param {yfiles.algorithms.YList} path the path of the given edge
-       * @param {yfiles.layout.PortCandidate} spc the source {@link yfiles.layout.PortCandidate} for this edge
-       * @param {yfiles.layout.PortCandidate} tpc the target {@link yfiles.layout.PortCandidate} for this edge
-       * @returns {number} the overall crossing costs of the given path, including edge crossings, edge overlaps and node crossings
+       * @param edge the edge for which the costs are calculated
+       * @param path the path of the given edge
+       * @param spc the source {@link } for this edge
+       * @param tpc the target {@link } for this edge
+       * @returns the overall crossing costs of the given path, including edge crossings, edge overlaps and node crossings
        * @protected
        */
       calculateCrossingCosts(edge:yfiles.algorithms.Edge,path:yfiles.algorithms.YList,spc:yfiles.layout.PortCandidate,tpc:yfiles.layout.PortCandidate):number;
@@ -113043,11 +107322,11 @@ declare namespace system{
        * costs between <code>0</code> for short paths and <code>1</code> for long paths. Hence, it has relatively little impact on the overall costs. The
        * method may be overridden to introduce a different weighting of the edge length.
        * </p>
-       * @param {yfiles.algorithms.Edge} edge the edge for which the costs are calculated
-       * @param {yfiles.algorithms.YList} path the path of the given edge
-       * @param {yfiles.layout.PortCandidate} spc the source {@link yfiles.layout.PortCandidate} for this edge
-       * @param {yfiles.layout.PortCandidate} tpc the target {@link yfiles.layout.PortCandidate} for this edge
-       * @returns {number} the costs for the length of the given path
+       * @param edge the edge for which the costs are calculated
+       * @param path the path of the given edge
+       * @param spc the source {@link } for this edge
+       * @param tpc the target {@link } for this edge
+       * @returns the costs for the length of the given path
        * @protected
        */
       calculateEdgeLength(edge:yfiles.algorithms.Edge,path:yfiles.algorithms.YList,spc:yfiles.layout.PortCandidate,tpc:yfiles.layout.PortCandidate):number;
@@ -113057,11 +107336,11 @@ declare namespace system{
        * This method is called by {@link yfiles.router.OrthogonalPatternEdgeRouter#calculateCost}. The default implementation will return
        * the {@link yfiles.layout.PortCandidate#cost candidates' costs}. It may be overridden to change the calculation of these costs.
        * </p>
-       * @param {yfiles.algorithms.Edge} edge the edge for which the costs are calculated
-       * @param {yfiles.algorithms.YList} path the path of the given edge
-       * @param {yfiles.layout.PortCandidate} spc the source {@link yfiles.layout.PortCandidate} for this edge
-       * @param {yfiles.layout.PortCandidate} tpc the target {@link yfiles.layout.PortCandidate} for this edge
-       * @returns {number} the costs for the {@link yfiles.layout.PortCandidate}s
+       * @param edge the edge for which the costs are calculated
+       * @param path the path of the given edge
+       * @param spc the source {@link } for this edge
+       * @param tpc the target {@link } for this edge
+       * @returns the costs for the {@link }s
        * @protected
        */
       calculatePortCandidateCost(edge:yfiles.algorithms.Edge,path:yfiles.algorithms.YList,spc:yfiles.layout.PortCandidate,tpc:yfiles.layout.PortCandidate):number;
@@ -113074,22 +107353,22 @@ declare namespace system{
        * source and target ports share the same node side. In this manner, paths with different source and target directions are
        * cheaper and thus preferred. The method may be overridden to change the calculation of this penalty.
        * </p>
-       * @param {yfiles.algorithms.Edge} edge the edge for which the costs are calculated
-       * @param {yfiles.algorithms.YList} path the path of the given edge
-       * @param {yfiles.layout.PortCandidate} spc the source {@link yfiles.layout.PortCandidate} for this edge
-       * @param {yfiles.layout.PortCandidate} tpc the target {@link yfiles.layout.PortCandidate} for this edge
-       * @returns {number} an extra penalty for specific self-loop paths
+       * @param edge the edge for which the costs are calculated
+       * @param path the path of the given edge
+       * @param spc the source {@link } for this edge
+       * @param tpc the target {@link } for this edge
+       * @returns an extra penalty for specific self-loop paths
        * @protected
        */
       calculateSelfLoopSelfSidePenaltyCost(edge:yfiles.algorithms.Edge,path:yfiles.algorithms.YList,spc:yfiles.layout.PortCandidate,tpc:yfiles.layout.PortCandidate):number;
       /**
        * Checks the sizes of the nodes to be non-zero.
-       * @param {yfiles.layout.LayoutGraph} g The graph to check.
+       * @param g The graph to check.
        * @protected
        */
       checkNodeSize(g:yfiles.layout.LayoutGraph):void;
       /**
-       * Data provider key for determining which edges are routed.
+       * Data provider key for determining which edges are routed
        * @const
        * @static
        * @type {yfiles.algorithms.EdgeDpKey.<boolean>}
@@ -113223,14 +107502,13 @@ declare namespace system{
      * Method {@link yfiles.router.OrthogonalSegmentDistributionStage#lockFirstAndLastSegment} can be used to guarantee that the first and last segment of an edge won't be distributed. So, ports can easily
      * be maintained without setting explicit strong {@link yfiles.layout.PortConstraint}s or fixed {@link yfiles.layout.PortCandidate}s.
      * </p>
-     * @class yfiles.router.OrthogonalSegmentDistributionStage
+     * @class
      * @extends {yfiles.layout.LayoutStageBase}
      */
     export interface OrthogonalSegmentDistributionStage extends yfiles.layout.LayoutStageBase{}
     export class OrthogonalSegmentDistributionStage {
       /**
        * Creates a new instance of {@link yfiles.router.OrthogonalSegmentDistributionStage} with default settings.
-       * @constructor
        */
       constructor();
       /**
@@ -113238,13 +107516,13 @@ declare namespace system{
        * <p>
        * The grid coordinates will be multiples of the {@link yfiles.router.OrthogonalSegmentDistributionStage#gridSpacing grid spacing} added to this origin.
        * </p>
-       * @param {number} offsetX the x-coordinate of the grid origin
-       * @param {number} offsetY the y-coordinate of the grid origin
+       * @param offsetX the x-coordinate of the grid origin
+       * @param offsetY the y-coordinate of the grid origin
        * @see yfiles.router.OrthogonalSegmentDistributionStage#gridRouting
        */
       setGridOrigin(offsetX:number,offsetY:number):void;
       /**
-       * Data provider key for determining which edges are distributed.
+       * Data provider key for determining which edges are distributed
        * @const
        * @static
        * @type {yfiles.algorithms.EdgeDpKey.<boolean>}
@@ -113345,21 +107623,20 @@ declare namespace system{
      * <p>
      * Thus, it guarantees that ports are always in the interior of the nodes or on their borders.
      * </p>
-     * @class yfiles.router.SnapOuterPortsToNodeBorderStage
+     * @class
      * @extends {yfiles.layout.LayoutStageBase}
      */
     export interface SnapOuterPortsToNodeBorderStage extends yfiles.layout.LayoutStageBase{}
     export class SnapOuterPortsToNodeBorderStage {
       /**
        * Creates a new instance of {@link yfiles.router.SnapOuterPortsToNodeBorderStage}.
-       * @constructor
        */
       constructor();
       static $class:yfiles.lang.Class;
     }
     /**
      * Specifies custom data for the {@link yfiles.router.BusRouter}.
-     * @class yfiles.router.BusRouterData
+     * @class
      * @extends {yfiles.layout.LayoutData}
      */
     export interface BusRouterData extends yfiles.layout.LayoutData{}
@@ -113421,7 +107698,7 @@ declare namespace system{
     }
     /**
      * Specifies custom data for the {@link yfiles.router.ChannelEdgeRouter}.
-     * @class yfiles.router.ChannelEdgeRouterData
+     * @class
      * @extends {yfiles.layout.LayoutData}
      */
     export interface ChannelEdgeRouterData extends yfiles.layout.LayoutData{}
@@ -113437,7 +107714,7 @@ declare namespace system{
     }
     /**
      * Specifies custom data for the {@link yfiles.router.OrganicEdgeRouter}.
-     * @class yfiles.router.OrganicEdgeRouterData
+     * @class
      * @extends {yfiles.layout.LayoutData}
      */
     export interface OrganicEdgeRouterData extends yfiles.layout.LayoutData{}
@@ -113459,7 +107736,7 @@ declare namespace system{
     }
     /**
      * Specifies custom data for the {@link yfiles.router.OrthogonalPatternEdgeRouter}.
-     * @class yfiles.router.OrthogonalPatternEdgeRouterData
+     * @class
      * @extends {yfiles.layout.LayoutData}
      */
     export interface OrthogonalPatternEdgeRouterData extends yfiles.layout.LayoutData{}
@@ -113511,7 +107788,7 @@ declare namespace system{
     }
     /**
      * Specifies custom data for the {@link yfiles.router.ParallelEdgeRouter}.
-     * @class yfiles.router.ParallelEdgeRouterData
+     * @class
      * @extends {yfiles.layout.LayoutData}
      */
     export interface ParallelEdgeRouterData extends yfiles.layout.LayoutData{}
@@ -113542,7 +107819,7 @@ declare namespace system{
     }
     /**
      * Specifies custom data for the {@link yfiles.router.EdgeRouter}.
-     * @class yfiles.router.PolylineEdgeRouterData
+     * @class
      * @extends {yfiles.layout.LayoutData}
      */
     export interface PolylineEdgeRouterData extends yfiles.layout.LayoutData{}
@@ -113656,7 +107933,7 @@ declare namespace system{
     }
     /**
      * Specifies custom data for the {@link yfiles.router.StraightLineEdgeRouter}.
-     * @class yfiles.router.StraightLineEdgeRouterData
+     * @class
      * @extends {yfiles.layout.LayoutData}
      */
     export interface StraightLineEdgeRouterData extends yfiles.layout.LayoutData{}
@@ -113694,6 +107971,5332 @@ declare namespace system{
       targetPortConstraints:yfiles.layout.ItemMapping<yfiles.graph.IEdge,yfiles.layout.PortConstraint>;
       static $class:yfiles.lang.Class;
     }
+  }export namespace partial{
+    export enum EdgeRoutingStrategy{
+      /**
+       * A routing strategy that produces orthogonal routes for partial edges and inter-edges.
+       * <p>
+       * A route of an edge is called <i>orthogonal</i> if it only consists of vertical and horizontal segments.
+       * </p>
+       * <p>
+       * <i>Inter-edges</i> are edges between fixed and partial nodes as well as edges between different subgraph components.
+       * </p>
+       * @see yfiles.partial.PartialLayout#edgeRoutingStrategy
+       */
+      ORTHOGONAL,
+      /**
+       * A routing strategy that produces straight-line routes for partial edges and inter-edges.
+       * <p>
+       * <i>Inter-edges</i> are edges between fixed and partial nodes as well as edges between different subgraph components.
+       * </p>
+       * @see yfiles.partial.PartialLayout#edgeRoutingStrategy
+       */
+      STRAIGHTLINE,
+      /**
+       * Automatically chooses a suitable routing strategy for partial edges and inter-edges by analyzing the routes of the fixed
+       * edges. If, for example, all fixed edges have orthogonal edge routes, inter-edges will be routed orthogonally, too.
+       * <p>
+       * <i>Inter-edges</i> are edges between fixed and partial nodes as well as edges between different subgraph components.
+       * </p>
+       * @see yfiles.partial.PartialLayout#edgeRoutingStrategy
+       */
+      AUTOMATIC,
+      /**
+       * A routing strategy that produces organic routes for partial edges and inter-edges.
+       * <p>
+       * <i>Inter-edges</i> are edges between fixed and partial nodes as well as edges between different subgraph components.
+       * </p>
+       * @see yfiles.partial.PartialLayout#edgeRoutingStrategy
+       */
+      ORGANIC,
+      /**
+       * A routing strategy that produces octilinear routes for partial edges and inter-edges.
+       * <p>
+       * A route of an edge is called <i>octilinear</i> if the slope of each segment is a multiple of <code>45</code> degrees.
+       * </p>
+       * <p>
+       * <i>Inter-edges</i> are edges between fixed and partial nodes as well as edges between different subgraph components.
+       * </p>
+       * @see yfiles.partial.PartialLayout#edgeRoutingStrategy
+       */
+      OCTILINEAR
+    }
+    export enum ComponentAssignmentStrategy{
+      /**
+       * A component assignment strategy that assigns each partial node to a separate subgraph component.
+       * @see yfiles.partial.PartialLayout#componentAssignmentStrategy
+       */
+      SINGLE,
+      /**
+       * A component assignment strategy where the subgraph components correspond to the connected components of the graph
+       * induced by the partial elements.
+       * @see yfiles.partial.PartialLayout#componentAssignmentStrategy
+       */
+      CONNECTED,
+      /**
+       * A component assignment strategy where the subgraph components correspond to the clusters computed by a clustering
+       * algorithm based on {@link yfiles.algorithms.Groups#edgeBetweennessClustering edge betweenness centrality}.
+       * @see yfiles.partial.PartialLayout#componentAssignmentStrategy
+       */
+      CLUSTERING,
+      /**
+       * A component assignment strategy where the subgraph components are defined by the user. Two partial nodes are considered
+       * to be in the same component if the {@link yfiles.algorithms.IDataProvider} associated with key {@link yfiles.partial.PartialLayout#COMPONENT_ID_DP_KEY}
+       * returns the same object for both of them.
+       * @see yfiles.partial.PartialLayout#COMPONENT_ID_DP_KEY
+       * @see yfiles.partial.PartialLayout#componentAssignmentStrategy
+       */
+      CUSTOMIZED
+    }
+    export enum SubgraphPlacement{
+      /**
+       * A positioning strategy which tries to place each subgraph component close to the barycenter of its graph neighbors.
+       * @see yfiles.partial.PartialLayout#subgraphPlacement
+       */
+      BARYCENTER,
+      /**
+       * A positioning strategy which tries to place each subgraph component close to its original position.
+       * @see yfiles.partial.PartialLayout#subgraphPlacement
+       */
+      FROM_SKETCH
+    }
+    export enum LayoutOrientation{
+      /**
+       * Layout orientation specifier where the algorithm tries to place partial nodes (subgraph components) such that each
+       * predecessor of a node <code>v</code> is placed above <code>v</code> and each successor below <code>v</code>.
+       * @see yfiles.partial.PartialLayout#layoutOrientation
+       */
+      TOP_TO_BOTTOM,
+      /**
+       * Layout orientation specifier where the algorithm tries to place partial nodes (subgraph components) such that each
+       * predecessor of a node <code>v</code> is placed below <code>v</code> and each successor above <code>v</code>.
+       * @see yfiles.partial.PartialLayout#layoutOrientation
+       */
+      BOTTOM_TO_TOP,
+      /**
+       * Layout orientation specifier where the algorithm tries to place partial nodes (subgraph components) such that each
+       * predecessor of a node <code>v</code> is placed to the left of <code>v</code> and each successor to the right of <code>v</code>.
+       * @see yfiles.partial.PartialLayout#layoutOrientation
+       */
+      LEFT_TO_RIGHT,
+      /**
+       * Layout orientation specifier where the algorithm tries to place partial nodes (subgraph components) such that each
+       * predecessor of a node <code>v</code> is placed to the right of <code>v</code> and each successor to the left of <code>v</code>.
+       * @see yfiles.partial.PartialLayout#layoutOrientation
+       */
+      RIGHT_TO_LEFT,
+      /**
+       * Layout orientation specifier where the algorithm automatically detects the layout orientation.
+       * <p>
+       * The algorithm analyzes the flow direction of fixed edges in the current drawing. If there is no common flow direction,
+       * the results are the same as for {@link yfiles.partial.LayoutOrientation#NONE}. Otherwise, the layout orientation is either
+       * {@link yfiles.partial.LayoutOrientation#TOP_TO_BOTTOM}, {@link yfiles.partial.LayoutOrientation#BOTTOM_TO_TOP}, {@link yfiles.partial.LayoutOrientation#LEFT_TO_RIGHT}
+       * or {@link yfiles.partial.LayoutOrientation#RIGHT_TO_LEFT}.
+       * </p>
+       * @see yfiles.partial.PartialLayout#layoutOrientation
+       */
+      AUTO_DETECT,
+      /**
+       * Layout orientation specifier where the layout orientation is completely ignored.
+       * @see yfiles.partial.PartialLayout#layoutOrientation
+       */
+      NONE
+    }
+    /**
+     * This class represents a partial layout algorithm which changes the coordinates for a given set of graph elements (called
+     * partial elements) only.
+     * <p>
+     * The location and size of the remaining elements (called fixed elements) is not allowed to be changed.<b>Layout Style</b>
+     * </p>
+     * <p>
+     * This partial layout algorithm offers a kind of generic partial layout support for other existing layout algorithms.
+     * Hence, its layout style heavily depends on the selected {@link yfiles.partial.PartialLayout#coreLayout core layout algorithm} as well as the specified {@link yfiles.partial.PartialLayout#edgeRouter edge router} or
+     * {@link yfiles.partial.PartialLayout#edgeRoutingStrategy edge routing strategy}.
+     * </p>
+     * <p>
+     * The partial layout is suitable for applications where users may incrementally add new elements to an existing drawing.
+     * The added elements should be arranged so that they fit best possible into the given diagram without making any changes
+     * to the already existing layout. Hence, the so-called mental map of the existing drawing is preserved.
+     * </p>
+     * <p>
+     * {@graph {"ann":{"s":[60,30],"d":1},"n":[[49.74,127.62,295.26,342.38,2,[[49.74,150,295.26,22.38,"Group"]]],[270,425,[[291.33,449.35,17.35,18.7,"16"]]],[270,375,[[291.33,399.35,17.35,18.7,"18"]]],[200,375,[[221.33,399.35,17.35,18.7,"19"]]],[64.74,405.17,1,[[86.07,429.52,17.35,18.7,"13"]]],[200,265,[[221.33,289.35,17.35,18.7,"20"]]],[100,215,[[124.66,239.35,10.67,18.7,"2"]]],[100,165,[[124.66,189.35,10.67,18.7,"3"]]],[100,265,[[121.33,289.35,17.35,18.7,"22"]]],[-420.63,317.87,375.21,302.93,3,[[-420.63,340.25,375.21,22.38,"Group"]]],[-179.98,534.8,1,[[-155.31,559.15,10.67,18.7,"6"]]],[-163.42,363.25,1,[[-142.09,387.6,17.35,18.7,"12"]]],[-371.63,364.65,1,[[-346.96,389,10.67,18.7,"8"]]],[-333.29,532.76,1,[[-308.62,557.11,10.67,18.7,"9"]]],[-176.17,453.25,1,[[-154.84,477.6,17.35,18.7,"11"]]],[370,215,[[394.66,239.35,10.67,18.7,"1"]]],[370,165,[[394.66,189.35,10.67,18.7,"4"]]],[-130.4,215,1,[[-105.74,239.35,10.67,18.7,"5"]]],[-224.19,264.44,1,[[-199.52,288.79,10.67,18.7,"7"]]],[370,425,[[391.33,449.35,17.35,18.7,"10"]]],[370,265,[[391.33,289.35,17.35,18.7,"14"]]],[370,375,[[391.33,399.35,17.35,18.7,"15"]]],[270,505,[[291.33,529.35,17.35,18.7,"17"]]],[440,165,[[461.33,189.35,17.35,18.7,"21"]]]],"e":[[13,12,0,-15,0,15],[13,14],[10,13,-30,4,0,0],[14,11],[6,7,0,-15,0,15],[5,8,-30,0,30,0],[1,2,0,-15,0,15],[2,3,-30,0,30,0],[4,3],[15,6,-30,0,30,0],[15,16,0,-15,0,15],[7,16,30,0,-30,0],[6,17],[17,18],[18,12],[10,19],[15,20,0,15,0,-15],[19,21,0,-15,0,15],[21,20,0,-15,0,15],[19,1,-30,0,30,0],[1,22,0,15,0,-15],[20,5,-30,0,30,0],[16,23,30,0,-30,0],[11,4,-30,0,0,0]],"vp":[-421.0,127.0,921.0,494.0]}} The input graph where marked nodes denote the partial elements that were incrementally added to the existing diagram. {@graph {"ann":{"s":[60,30],"d":1},"n":[[67.37,127.62,260,342.38,2,[[67.37,150,260,22.38,"Group"]]],[252.37,425,[[273.7,449.35,17.35,18.7,"16"]]],[252.37,375,[[273.7,399.35,17.35,18.7,"18"]]],[182.37,375,[[203.7,399.35,17.35,18.7,"19"]]],[182.37,321,1,[[203.7,345.35,17.35,18.7,"13"]]],[182.37,265,[[203.7,289.35,17.35,18.7,"20"]]],[82.37,215,[[107.03,239.35,10.67,18.7,"2"]]],[82.37,165,[[107.03,189.35,10.67,18.7,"3"]]],[82.37,265,[[103.7,289.35,17.35,18.7,"22"]]],[-147.05,387.62,180,185.56,3,[[-147.05,410,180,22.38,"Group"]]],[-42.05,425,1,[[-17.38,449.35,10.67,18.7,"6"]]],[-42.05,474.19,1,[[-20.72,498.54,17.35,18.7,"12"]]],[-132.05,425,1,[[-107.38,449.35,10.67,18.7,"8"]]],[-132.05,474.19,1,[[-107.38,498.54,10.67,18.7,"9"]]],[-42.05,528.19,1,[[-20.72,552.54,17.35,18.7,"11"]]],[352.37,215,[[377.03,239.35,10.67,18.7,"1"]]],[352.37,165,[[377.03,189.35,10.67,18.7,"4"]]],[-13.63,215,1,[[11.03,239.35,10.67,18.7,"5"]]],[-13.63,265,1,[[11.03,289.35,10.67,18.7,"7"]]],[352.37,425,[[373.7,449.35,17.35,18.7,"10"]]],[352.37,265,[[373.7,289.35,17.35,18.7,"14"]]],[352.37,375,[[373.7,399.35,17.35,18.7,"15"]]],[252.37,505,[[273.7,529.35,17.35,18.7,"17"]]],[422.37,165,[[443.7,189.35,17.35,18.7,"21"]]]],"e":[[13,12,0,-15,0,15],[13,14,0,15,-30,0,[-102.05,543.19]],[10,13,-30,0,30,0,[-54.55,440,-54.55,489.19]],[14,11,0,-15,0,15],[6,7,0,-15,0,15],[5,8,-30,0,30,0],[1,2,0,-15,0,15],[2,3,-30,0,30,0],[4,3,0,15,0,-15],[15,6,-30,0,30,0],[15,16,0,-15,0,15],[7,16,30,0,-30,0],[6,17,-30,0,30,0],[17,18,0,15,0,-15],[18,12,-30,0,0,-15,[-102.05,280]],[10,19,30,0,0,15,[27.95,440,27.95,474,382.37,474]],[15,20,0,15,0,-15],[19,21,0,-15,0,15],[21,20,0,-15,0,15],[19,1,-30,0,30,0],[1,22,0,15,0,-15],[20,5,-30,0,30,0],[16,23,30,0,-30,0],[11,4,30,5.2,-30,0,[119.87,494.39,119.87,336]]],"vp":[-148.0,127.0,631.0,447.0]}}
+     * The result of a partial layout run with {@link yfiles.partial.PartialLayout#componentAssignmentStrategy component assignment strategy} set to {@link yfiles.partial.ComponentAssignmentStrategy#SINGLE}
+     * and with {@link yfiles.partial.PartialLayout#considerNodeAlignment node alignment} enabled.<b>Features</b>
+     * </p>
+     * <p>
+     * Similar to the layout style, the supported feature set mainly depends on the features supported by the specified {@link yfiles.partial.PartialLayout#coreLayout core layout algorithm}
+     * as well as the specified {@link yfiles.partial.PartialLayout#edgeRouter edge router} or {@link yfiles.partial.PartialLayout#edgeRoutingStrategy edge routing strategy}. The internal step that {@link yfiles.partial.PartialLayout#placeSubgraphs places the components} can handle
+     * group nodes as well as minimum distance constraints. Furthermore, it is able to consider node labels.
+     * </p>
+     * <p>
+     * <b>Concept</b> The layout algorithm tries to place the partial elements such that the resulting drawing (including the fixed elements)
+     * has a good quality with respect to common graph drawing aesthetics.
+     * </p>
+     * <p>
+     * The layout algorithm handles each selected graph element as partial element. For this, it looks up the {@link yfiles.algorithms.IDataProvider}
+     * keys {@link yfiles.partial.PartialLayout#AFFECTED_NODES_DP_KEY} and {@link yfiles.partial.PartialLayout#AFFECTED_EDGES_DP_KEY}. Partial
+     * node elements can be assigned to the so-called <i>subgraph components</i>. During the layout process each subgraph induced by the nodes of a
+     * component is first laid out using the specified {@link yfiles.partial.PartialLayout#coreLayout core layout algorithm}. Then, the different components are placed
+     * one-by-one onto the drawing area such that the number of overlaps among graph elements is small. The user can specify
+     * different objectives for finding 'good' positions for subgraph components (see {@link yfiles.partial.PartialLayout#subgraphPlacement}), e.g., {@link yfiles.partial.SubgraphPlacement#BARYCENTER}
+     * specifies that the component should be placed close to the barycenter of its graph neighbors and {@link yfiles.partial.SubgraphPlacement#FROM_SKETCH}
+     * specifies that the component should be placed close to its original position.
+     * </p>
+     * <p>
+     * Method {@link yfiles.partial.PartialLayout#componentAssignmentStrategy} allows to specify the strategy that assigns partial nodes to subgraph components. Possible values are
+     * {@link yfiles.partial.ComponentAssignmentStrategy#CLUSTERING}, {@link yfiles.partial.ComponentAssignmentStrategy#CONNECTED}, {@link yfiles.partial.ComponentAssignmentStrategy#SINGLE}
+     * and
+     * {@link yfiles.partial.ComponentAssignmentStrategy#CUSTOMIZED}. The last value allows to use a customized component assignment.
+     * Note that nodes of a component cannot be assigned to different group nodes.
+     * </p>
+     * <p>
+     * Furthermore, the user can specify the edge routing strategy (see {@link yfiles.partial.PartialLayout#edgeRoutingStrategy}) that is used for routing partial edges and edges
+     * between different subgraph components (so-called <i>inter-edges</i>). Possible values are {@link yfiles.partial.EdgeRoutingStrategy#ORGANIC},
+     * {@link yfiles.partial.EdgeRoutingStrategy#ORTHOGONAL}, {@link yfiles.partial.EdgeRoutingStrategy#STRAIGHTLINE}, {@link yfiles.partial.EdgeRoutingStrategy#OCTILINEAR}
+     * and {@link yfiles.partial.EdgeRoutingStrategy#AUTOMATIC}.
+     * </p>
+     * @class
+     * @extends {yfiles.layout.LayoutStageBase}
+     */
+    export interface PartialLayout extends yfiles.layout.LayoutStageBase{}
+    export class PartialLayout {
+      /**
+       * Creates a new instance of {@link yfiles.partial.PartialLayout} which uses the specified {@link yfiles.layout.ILayoutAlgorithm} instance
+       * as the core layout algorithm.
+       * <p>
+       * This instance is applied to each subgraph component, see {@link yfiles.partial.PartialLayout#componentAssignmentStrategy}.
+       * </p>
+       * @param [subgraphLayouter=null] the layout algorithm that is applied to the subgraph components
+       * @see yfiles.partial.PartialLayout#componentAssignmentStrategy
+       */
+      constructor(subgraphLayouter?:yfiles.layout.ILayoutAlgorithm);
+      /**
+       * This method is called each time when edges are routed with an edge router.
+       * <p>
+       * Subclasses may modify the configuration of the given edge router instance.
+       * </p>
+       * <p>
+       * The type of the given instance depends on the edge routing strategy, i.e., if the routing strategy is set to {@link yfiles.partial.EdgeRoutingStrategy#OCTILINEAR}
+       * or {@link yfiles.partial.EdgeRoutingStrategy#ORTHOGONAL} it's an instance of {@link yfiles.router.EdgeRouter}, if the routing strategy
+       * is set to {@link yfiles.partial.EdgeRoutingStrategy#ORGANIC} it's an instance of {@link yfiles.organic.OrganicLayout}, and, if the
+       * routing strategy is set to {@link yfiles.partial.EdgeRoutingStrategy#STRAIGHTLINE} it's an instance of a private
+       * {@link yfiles.router.StraightLineEdgeRouter}. If the edge routing strategy is set to
+       * {@link yfiles.partial.EdgeRoutingStrategy#AUTOMATIC}, the layout algorithm chooses one of the above strategies that best fits
+       * the routing style of the fixed edges.
+       * </p>
+       * @param edgeRouter the instance used for routing the edges
+       * @see yfiles.partial.PartialLayout#edgeRouter
+       * @see yfiles.partial.PartialLayout#edgeRoutingStrategy
+       * @protected
+       */
+      configureEdgeRouter(edgeRouter:yfiles.layout.ILayoutAlgorithm):void;
+      /**
+       * This method is called during the {@link yfiles.partial.PartialLayout#applyLayout layout process} and calculates the layout for the given subgraph component using the
+       * specified {@link yfiles.partial.PartialLayout#coreLayout core layout algorithm}.
+       * <p>
+       * It is called once for each subgraph component.
+       * </p>
+       * <p>
+       * Subclasses may implement a custom layout strategy or add some additional data.
+       * </p>
+       * @param subGraph the subgraph component
+       * @protected
+       */
+      layoutSubgraph(subGraph:yfiles.layout.LayoutGraph):void;
+      /**
+       * This method is called during the {@link yfiles.partial.PartialLayout#applyLayout layout process} and places the subgraph components one-by-one onto the drawing area.
+       * <p>
+       * Therefore, it considers the {@link yfiles.partial.PartialLayout#subgraphPlacement specified objective} for finding a suitable position.
+       * </p>
+       * <p>
+       * Subclasses may implement a custom placement strategy or add some additional data. However, they must not modify the
+       * given subgraph component lists.
+       * </p>
+       * @param graph the input graph
+       * @param subgraphComponents each entry contains a {@link } that induces a subgraph component
+       * @protected
+       */
+      placeSubgraphs(graph:yfiles.layout.LayoutGraph,subgraphComponents:yfiles.algorithms.NodeList[]):void;
+      /**
+       * This method is called during the {@link yfiles.partial.PartialLayout#applyLayout layout process} and routes all partial edges that connect two fixed elements.
+       * <p>
+       * It either uses a {@link yfiles.partial.PartialLayout#edgeRouter custom edge router} or an internal edge router that produces routes according to the specified
+       * {@link yfiles.partial.PartialLayout#edgeRoutingStrategy routing strategy}.
+       * </p>
+       * <p>
+       * Subclasses may implement a custom routing strategy or add some additional data.
+       * </p>
+       * @param graph the subgraph of the input graph induced by the fixed nodes
+       * @param partialEdges the {@link  list of partial edges} to be routed
+       * @protected
+       */
+      routeEdgesBetweenFixedElements(graph:yfiles.layout.LayoutGraph,partialEdges:yfiles.algorithms.EdgeList):void;
+      /**
+       * This method is called during the {@link yfiles.partial.PartialLayout#applyLayout layout process} and routes all inter-edges.
+       * <p>
+       * <i>Inter-edges</i> are edges between different subgraph components including edges between fixed and partial elements. For the routing,
+       * this method uses the edge router instance set with method {@link yfiles.partial.PartialLayout#edgeRouter}. If no edge router was specified by the user, it uses an
+       * internal edge router with routing strategy {@link yfiles.partial.PartialLayout#edgeRoutingStrategy}.
+       * </p>
+       * <p>
+       * Subclasses may implement a custom routing strategy or add some additional data.
+       * </p>
+       * @param graph the relevant subgraph
+       * @param interEdges the {@link  list of inter-edges} to be routed
+       * @protected
+       */
+      routeInterEdges(graph:yfiles.layout.LayoutGraph,interEdges:yfiles.algorithms.EdgeList):void;
+      /**
+       * Data provider key for marking partial nodes
+       * @see yfiles.partial.PartialLayout#AFFECTED_EDGES_DP_KEY
+       * @const
+       * @static
+       * @type {yfiles.algorithms.NodeDpKey.<boolean>}
+       */
+      static AFFECTED_NODES_DP_KEY:yfiles.algorithms.NodeDpKey<boolean>;
+      /**
+       * Data provider key for specifying the edges that should be considered to be directed
+       * <p>
+       * If a layout orientation is specified (i.e., {@link yfiles.partial.PartialLayout#layoutOrientation} is not
+       * {@link yfiles.partial.LayoutOrientation#NONE}), the algorithm tries to route directed edges such that they adhere to that
+       * orientation.
+       * </p>
+       * @see yfiles.partial.PartialLayout#layoutOrientation
+       * @const
+       * @static
+       * @type {yfiles.algorithms.EdgeDpKey.<boolean>}
+       */
+      static DIRECTED_EDGES_DP_KEY:yfiles.algorithms.EdgeDpKey<boolean>;
+      /**
+       * Data provider key for marking partial edges
+       * @see yfiles.partial.PartialLayout#AFFECTED_NODES_DP_KEY
+       * @const
+       * @static
+       * @type {yfiles.algorithms.EdgeDpKey.<boolean>}
+       */
+      static AFFECTED_EDGES_DP_KEY:yfiles.algorithms.EdgeDpKey<boolean>;
+      /**
+       * Data provider key for obtaining the edges that should be routed by the edge router
+       * @see yfiles.partial.PartialLayout#edgeRouter
+       * @const
+       * @static
+       * @type {yfiles.algorithms.EdgeDpKey.<boolean>}
+       */
+      static ROUTE_EDGE_DP_KEY:yfiles.algorithms.EdgeDpKey<boolean>;
+      /**
+       * Data provider key for defining custom subgraph components
+       * @see yfiles.partial.ComponentAssignmentStrategy#CUSTOMIZED
+       * @see yfiles.partial.PartialLayout#componentAssignmentStrategy
+       * @const
+       * @static
+       * @type {yfiles.algorithms.NodeDpKey.<Object>}
+       */
+      static COMPONENT_ID_DP_KEY:yfiles.algorithms.NodeDpKey<Object>;
+      /**
+       * Gets or sets the {@link yfiles.layout.ILayoutAlgorithm} instance that is applied to each subgraph component.
+       * <p>
+       * More precisely, during the layout process each subgraph induced by the (partial) nodes of a component (see
+       * {@link yfiles.partial.PartialLayout#componentAssignmentStrategy}) is first laid out using this instance.
+       * </p>
+       * @type {yfiles.layout.ILayoutAlgorithm}
+       */
+      coreLayout:yfiles.layout.ILayoutAlgorithm;
+      /**
+       * Gets or sets the preferred time limit (in milliseconds) for the layout algorithm.
+       * <p>
+       * The specified value has to be greater than or equal to <code>0</code>. If the value is <code>0x7FFFFFFF</code>, the time is not limited.
+       * </p>
+       * @throws {Stubs.Exceptions.ArgumentError} if the maximum duration is negative
+       * @type {number}
+       */
+      maximumDuration:number;
+      /**
+       * Gets or sets whether or not edges between different subgraph components should be routed immediately.
+       * <p>
+       * If this option is enabled, edges are routed during the placement of the subgraph components, i.e., immediately after a
+       * component is placed, its edges to other already placed components are routed. Otherwise, these edges are routed in a
+       * separate step after placing all subgraph components. Hence, while enabling this option usually leads to shorter edge
+       * routes, the placement of subgraph components is less compact.
+       * </p>
+       * @see yfiles.partial.PartialLayout#routeInterEdges
+       * @see yfiles.partial.PartialLayout#placeSubgraphs
+       * @type {boolean}
+       */
+      routeInterEdgesImmediately:boolean;
+      /**
+       * Gets or sets whether or not a subgraph component may be placed within another subgraph component.
+       * <p>
+       * Enabling this option leads to more compact layout results but requires more runtime.
+       * </p>
+       * @type {boolean}
+       */
+      componentCompaction:boolean;
+      /**
+       * Gets or sets whether or not fixed (non-partial) group nodes may be resized.
+       * <p>
+       * Enabling this option may lead to better results if there are fixed group nodes, since there is more space for the
+       * partial elements.
+       * </p>
+       * @type {boolean}
+       */
+      resizeFixedGroups:boolean;
+      /**
+       * Gets or sets the objective used for finding 'good' positions for subgraph components.
+       * @throws {Stubs.Exceptions.ArgumentError} if the specified strategy does not match one of the predefined positioning strategies
+       * @type {yfiles.partial.SubgraphPlacement}
+       */
+      subgraphPlacement:yfiles.partial.SubgraphPlacement;
+      /**
+       * Gets or sets the minimum distance between two adjacent nodes.
+       * <p>
+       * The specified value has to be non-negative.
+       * </p>
+       * @throws {Stubs.Exceptions.ArgumentError} if the distance is negative
+       * @type {number}
+       */
+      minimumNodeDistance:number;
+      /**
+       * Gets or sets whether or not partial nodes should be aligned.
+       * <p>
+       * If this option is enabled, the algorithm tries to align the center of partial nodes with other nodes.
+       * </p>
+       * @type {boolean}
+       */
+      considerNodeAlignment:boolean;
+      /**
+       * Gets or sets the strategy that assigns partial nodes to subgraph components.
+       * <p>
+       * The specified core layouter (see {@link yfiles.partial.PartialLayout#coreLayout}) independently calculates the layout for each such subgraph component.
+       * </p>
+       * @throws {Stubs.Exceptions.ArgumentError} if the specified strategy does not match one of the predefined assignment strategies.
+       * @see yfiles.partial.PartialLayout#coreLayout
+       * @type {yfiles.partial.ComponentAssignmentStrategy}
+       */
+      componentAssignmentStrategy:yfiles.partial.ComponentAssignmentStrategy;
+      /**
+       * Gets or sets whether or not a postprocessing step should be applied to reduce the number of directed edges that do not
+       * comply with the specified layout orientation.
+       * @see yfiles.partial.PartialLayout#layoutOrientation
+       * @see yfiles.partial.PartialLayout#DIRECTED_EDGES_DP_KEY
+       * @type {boolean}
+       */
+      optimizeOrientation:boolean;
+      /**
+       * Gets or sets the custom edge router instance that is used for partial edges and edges between different subgraph
+       * components (so-called inter-edges).
+       * @see yfiles.partial.PartialLayout#ROUTE_EDGE_DP_KEY
+       * @see yfiles.partial.PartialLayout#edgeRoutingStrategy
+       * @type {yfiles.layout.ILayoutAlgorithm}
+       */
+      edgeRouter:yfiles.layout.ILayoutAlgorithm;
+      /**
+       * Gets or sets the routing strategy that is used for partial edges and edges between different subgraph components
+       * (so-called inter-edges).
+       * @throws {Stubs.Exceptions.ArgumentError} if the specified strategy does not match one of the predefined routing strategies
+       * @see yfiles.partial.PartialLayout#edgeRouter
+       * @type {yfiles.partial.EdgeRoutingStrategy}
+       */
+      edgeRoutingStrategy:yfiles.partial.EdgeRoutingStrategy;
+      /**
+       * Gets or sets the layout orientation that is considered during the placement of partial elements.
+       * <p>
+       * More precisely, the algorithm tries to place each {@link yfiles.partial.PartialLayout#componentAssignmentStrategy subgraph component} such that each predecessor of a component's node <code>v</code>
+       * is placed before <code>v</code> and each successor after <code>v</code> with respect to the layout orientation.
+       * </p>
+       * @throws {Stubs.Exceptions.ArgumentError} if the specified orientation does not match one of the predefined orientations
+       * @see yfiles.partial.PartialLayout#DIRECTED_EDGES_DP_KEY
+       * @type {yfiles.partial.LayoutOrientation}
+       */
+      layoutOrientation:yfiles.partial.LayoutOrientation;
+      /**
+       * Gets or sets whether or not subgraph components are mirrored to improve the layout quality.
+       * <p>
+       * If enabled, the algorithm checks for each component which of the four possible mirrorings minimizes the edge length.
+       * </p>
+       * @type {boolean}
+       */
+      allowMirroring:boolean;
+      static $class:yfiles.lang.Class;
+    }
+    /**
+     * Specifies custom data for the {@link yfiles.partial.PartialLayout}.
+     * @class
+     * @extends {yfiles.layout.LayoutData}
+     */
+    export interface PartialLayoutData extends yfiles.layout.LayoutData{}
+    export class PartialLayoutData {
+      constructor();
+      /**
+       * Gets or sets the collection of nodes placed by the layout.
+       * @see yfiles.partial.PartialLayout#AFFECTED_NODES_DP_KEY
+       * @type {yfiles.layout.ItemCollection.<yfiles.graph.INode>}
+       */
+      affectedNodes:yfiles.layout.ItemCollection<yfiles.graph.INode>;
+      /**
+       * Gets or sets the collection of edges placed by the layout.
+       * @see yfiles.partial.PartialLayout#AFFECTED_EDGES_DP_KEY
+       * @type {yfiles.layout.ItemCollection.<yfiles.graph.IEdge>}
+       */
+      affectedEdges:yfiles.layout.ItemCollection<yfiles.graph.IEdge>;
+      /**
+       * Gets or sets the collection of edges that are considered as directed by the layout.
+       * <p>
+       * Only if the {@link yfiles.partial.PartialLayout#layoutOrientation} is not {@link yfiles.partial.LayoutOrientation#NONE} the directedness of edges has an effect.
+       * </p>
+       * @see yfiles.partial.PartialLayout#DIRECTED_EDGES_DP_KEY
+       * @type {yfiles.layout.ItemCollection.<yfiles.graph.IEdge>}
+       */
+      directedEdges:yfiles.layout.ItemCollection<yfiles.graph.IEdge>;
+      /**
+       * Gets or sets the mapping from partial nodes to an object defining their component assignment.
+       * <p>
+       * All partial nodes associated with the same object are assigned to the same subgraph component.
+       * </p>
+       * @see yfiles.partial.PartialLayout#COMPONENT_ID_DP_KEY
+       * @see yfiles.partial.ComponentAssignmentStrategy#CUSTOMIZED
+       * @see yfiles.partial.PartialLayout#componentAssignmentStrategy
+       * @type {yfiles.layout.ItemMapping.<yfiles.graph.INode,Object>}
+       */
+      componentIds:yfiles.layout.ItemMapping<yfiles.graph.INode,Object>;
+      /**
+       * Gets or sets the mapping from nodes to their {@link yfiles.layout.NodeHalo}.
+       * @see yfiles.layout.NodeHalo#NODE_HALO_DP_KEY
+       * @type {yfiles.layout.ItemMapping.<yfiles.graph.INode,yfiles.layout.NodeHalo>}
+       */
+      nodeHalos:yfiles.layout.ItemMapping<yfiles.graph.INode,yfiles.layout.NodeHalo>;
+      /**
+       * Gets or sets a mapping from edges to their source {@link yfiles.layout.PortConstraint}.
+       * @see yfiles.layout.PortConstraintKeys#SOURCE_PORT_CONSTRAINT_DP_KEY
+       * @type {yfiles.layout.ItemMapping.<yfiles.graph.IEdge,yfiles.layout.PortConstraint>}
+       */
+      sourcePortConstraints:yfiles.layout.ItemMapping<yfiles.graph.IEdge,yfiles.layout.PortConstraint>;
+      /**
+       * Gets or sets a mapping from edges to their target {@link yfiles.layout.PortConstraint}.
+       * @see yfiles.layout.PortConstraintKeys#TARGET_PORT_CONSTRAINT_DP_KEY
+       * @type {yfiles.layout.ItemMapping.<yfiles.graph.IEdge,yfiles.layout.PortConstraint>}
+       */
+      targetPortConstraints:yfiles.layout.ItemMapping<yfiles.graph.IEdge,yfiles.layout.PortConstraint>;
+      /**
+       * Gets or sets a mapping from edges to a collection of their source port {@link yfiles.layout.PortCandidate candidates}.
+       * @see yfiles.layout.PortCandidate#SOURCE_PORT_CANDIDATE_COLLECTION_DP_KEY
+       * @type {yfiles.layout.ItemMapping.<yfiles.graph.IEdge,yfiles.collections.ICollection.<yfiles.layout.PortCandidate>>}
+       */
+      sourcePortCandidates:yfiles.layout.ItemMapping<yfiles.graph.IEdge,yfiles.collections.ICollection<yfiles.layout.PortCandidate>>;
+      /**
+       * Gets or sets a mapping from edges to a collection of their target port {@link yfiles.layout.PortCandidate candidates}.
+       * @see yfiles.layout.PortCandidate#TARGET_PORT_CANDIDATE_COLLECTION_DP_KEY
+       * @type {yfiles.layout.ItemMapping.<yfiles.graph.IEdge,yfiles.collections.ICollection.<yfiles.layout.PortCandidate>>}
+       */
+      targetPortCandidates:yfiles.layout.ItemMapping<yfiles.graph.IEdge,yfiles.collections.ICollection<yfiles.layout.PortCandidate>>;
+      /**
+       * Gets or sets the AbortHandler used during the layout.
+       * @see yfiles.algorithms.AbortHandler#ABORT_HANDLER_DP_KEY
+       * @type {yfiles.algorithms.AbortHandler}
+       */
+      abortHandler:yfiles.algorithms.AbortHandler;
+      /**
+       * Gets or sets the partition grid layout data.
+       * @type {yfiles.layout.PartitionGridData}
+       */
+      partitionGridData:yfiles.layout.PartitionGridData;
+      static $class:yfiles.lang.Class;
+    }
+  }export namespace tree{
+    /**
+     * Encapsulates information bound to a node while the algorithm calculates a layout.
+     * @class
+     */
+    export interface BalloonLayoutNodeInfo extends Object{}
+    export class BalloonLayoutNodeInfo {
+      /**
+       * The upper angle of the subtree wedge rooted at the node.
+       * @type {number}
+       */
+      upperAngle:number;
+      /**
+       * The lower angle of the subtree wedge rooted at the node.
+       * @type {number}
+       */
+      lowerAngle:number;
+      /**
+       * The angle of the gap to the wedge of the previous child node.
+       * @type {number}
+       */
+      gapAngle:number;
+      /**
+       * The distance of the node to its root node.
+       * @type {number}
+       */
+      dist:number;
+      /**
+       * Gets the sum of all wedge angles of the subtree rooted at this node.
+       * @type {number}
+       */
+      angleSum:number;
+      static $class:yfiles.lang.Class;
+    }
+    /**
+     * A tree layout algorithm that arranges the subtrees of the tree in a balloon-like fashion.
+     * <p>
+     * <b>Layout Style</b> {@link yfiles.tree.BalloonLayout} is designed to arrange directed and undirected tree graphs. Subtrees rooted at a node are
+     * placed in a radial fashion around their root node. All direct children of one node can be placed on a common circle
+     * around their parent node (depending on the {@link yfiles.tree.BalloonLayout#childAlignmentPolicy alignment policy}). Therefore, subtrees look like balloons or stars,
+     * especially if subtrees have similar sizes. The edges of the tree are drawn as straight lines. {@graph {"ann":{"s":[30,30],"d":1,"c":1},"n":[[765.94,466.2],[616.19,1035.44],[858.96,1192.81],[289.45,1092.35],[983.21,685.48],[390.63,1191.59],[1141.69,322.61],[1215.22,473.98],[599.06,923.71],[924.21,1082.3],[291.41,844.85],[1077.22,396.06],[999.14,1284.78],[391.43,1274.01],[324.89,753.04],[236.05,1223.63],[930.33,1330.15],[1013.36,1203.58],[1165.73,539.9],[1084.13,551.52],[612.56,192.18],[1004.03,1061.74],[901.39,675.54],[684.7,152.3],[1022.85,458.01],[190.18,1336.4],[767.32,1282.66],[473.05,1190.8],[684.09,233.13],[385.33,871.88],[1139.17,442.18],[925.13,116.39],[353.13,675.6],[334.78,932.43],[685.33,1291.17],[152.25,1056.81],[427.86,640.81],[1239.04,331.19],[1006.49,764.55],[934.86,198.24],[732.68,1169.96],[1046.6,632.79],[412.14,1021.39],[1266.98,538.13],[716.32,76.19],[1068.06,1329.99],[76.94,1090.32],[792.51,44.73],[576.22,1141.17],[944.59,280.09],[718.72,987.86],[132.38,1277.64],[1007.52,113.83],[318.35,600.87],[686.08,946.6],[0,1060.76],[621.34,1239.22],[684.87,0],[47.38,1167.26],[929.76,34.1],[866.88,1320.91],[425.22,944.01],[1181.1,233.18],[374.69,793.72],[118.75,981.5],[903.65,1002.48],[532.13,493.99],[200.85,981.73],[760.81,183.93],[633.38,1355.17],[1177.35,621.5],[775.83,1364.64],[784.35,1446.63],[1237.23,394.55],[272.59,1334.67],[974.02,603.57],[457.46,831.99],[159.13,1412.75],[260.6,752.11],[1069.67,256.55],[1044.67,310.87],[1121.63,226.96],[1225.82,272.87],[597.56,111.13],[530.37,198.46],[610.06,274.57],[555.63,251.79],[547.23,141.92],[1062.07,709.49],[929.94,748.38],[843.55,104.61],[857.02,162.82],[1295.93,457.26],[193.97,837.29],[246.66,931.74],[206.06,892.47],[214.43,784.65],[979.61,1149.06],[838.99,1066.04],[786.55,1086.86],[172.43,1172.3],[317.44,1231.28],[428.9,1117.65],[872.95,52.59],[984.14,58.85],[987.6,170.17],[521.61,289.78],[410.77,300.73],[412.02,412.1],[523.07,420.56],[465.9,437.92],[389.75,356.66],[464.06,273.7],[553.17,340.51],[472.17,355.73]],"e":[[0,1],[1,2],[1,3],[0,4],[3,5],[0,6],[6,7],[1,8],[2,9],[3,10],[6,11],[2,12],[5,13],[10,14],[3,15],[12,16],[12,17],[7,18],[18,19],[0,20],[9,21],[4,22],[20,23],[11,24],[15,25],[2,26],[5,27],[20,28],[10,29],[7,30],[0,31],[14,32],[10,33],[26,34],[3,35],[32,36],[6,37],[4,38],[31,39],[2,40],[4,41],[3,42],[7,43],[23,44],[12,45],[35,46],[44,47],[1,48],[39,49],[1,50],[25,51],[31,52],[32,53],[1,54],[46,55],[34,56],[44,57],[46,58],[31,59],[2,60],[29,61],[6,62],[10,63],[35,64],[9,65],[0,66],[3,67],[23,68],[34,69],[18,70],[26,71],[71,72],[7,73],[25,74],[4,75],[29,76],[25,77],[10,78],[6,79],[6,80],[6,81],[6,82],[20,83],[20,84],[20,85],[20,86],[20,87],[4,88],[4,89],[31,90],[31,91],[7,92],[10,93],[10,94],[10,95],[10,96],[2,97],[2,98],[2,99],[3,100],[3,101],[3,102],[31,103],[31,104],[31,105],[0,114],[114,106],[114,107],[114,108],[114,109],[114,110],[114,111],[114,112],[114,113]],"vp":[0.0,0.0,1326.0,1477.0]}} Sample balloon-drawing of
+     * a large tree obtained with default settings {@graph {"ann":{"s":[20,20],"d":1,"c":1},"n":[[302.82,325.51,70,70,[[323.15,369.86,29.35,18.7,"Root"]]],[467.87,433.16,35,35],[555.28,457.63,[[581.09,480.55,27.36,18.7,0.20775573281806076,-0.978180737635551,"Leaf"]]],[539.95,490.69,[[558.57,519.19,27.36,18.7,0.6124052098749311,-0.7905440271851036,"Leaf"]]],[511.78,513.79,[[521.49,544.2,27.36,18.7,0.8952174454926904,-0.4456295830457645,"Leaf"]]],[617.42,438.44,[[645.7,457.5,27.36,18.7,-0.01562900399598557,-0.9998778596579152,"Leaf"]]],[604.25,500.42,[[626.78,526.54,27.36,18.7,0.42067550054279435,-0.9072111789672069,"Leaf"]]],[168.96,426.6,35,35],[122.16,495.14,[[108.91,545.35,27.36,18.7,-0.7471310564613752,-0.6646767518658294,"Leaf"]]],[101.02,465.46,[[72.6,501.56,27.36,18.7,-0.38380727069642384,-0.9234132222144982,"Leaf"]]],[94.89,429.54,[[58.95,446.33,27.36,18.7,0.0558744858236695,-0.9984378006836183,"Leaf"]]],[108.08,558.63,[[104.38,613.01,27.36,18.7,-0.8765491095440469,-0.48131243341257923,"Leaf"]]],[60.74,516.51,[[39.11,560.52,27.36,18.7,-0.5800788870754927,-0.8145603014935467,"Leaf"]]],[472.4,260.75,35,35],[534.73,207.69,[[563.84,210.51,27.36,18.7,-0.7413022827299817,-0.6711713086979497,"Leaf"]]],[555.61,237.55,[[585.94,249.4,27.36,18.7,-0.3757344582282841,-0.9267273692407589,"Leaf"]]],[561.43,273.52,[[588.93,294.02,27.36,18.7,0.06458526120504259,-0.997912192547559,"Leaf"]]],[549.36,144.32,[[576.39,143.07,27.36,18.7,-0.8723155432038684,-0.48894334343044304,"Leaf"]]],[596.34,186.85,[[626.56,194.12,27.36,18.7,-0.5729485100623841,-0.8195913645331399,"Leaf"]]],[316.53,515.88,35,35],[349.51,601,[[356.29,631.15,27.36,18.7,0.9501038773669919,-0.3119336823945245,"Leaf"]]],[313.23,604.36,[[326.48,660.69,27.36,18.7,-0.9912225732921417,-0.1322036693745865,"Leaf"]]],[279.09,591.61,[[271.88,644.75,27.36,18.7,-0.8351387927609661,-0.5500392684397689,"Leaf"]]],[397.33,645.07,[[408.68,675.44,27.36,18.7,0.8566078613378385,-0.5159679950289693,"Leaf"]]],[337.13,664.84,[[339.49,693.76,27.36,18.7,0.9957417304784997,-0.09218680048511825,"Leaf"]]],[52.71,198.2,[[17.59,197.15,27.36,18.7,0.42857629306653433,-0.9035055954565794,"Leaf"]]],[39,260.06,[[3.57,279.73,27.36,18.7,-0.006902939255060647,-0.9999761744309916,"Leaf"]]],[145.3,185.63,[[126.97,158.82,27.36,18.7,0.8990721607310399,-0.43780046801987216,"Leaf"]]],[116.92,208.49,[[85.4,197.66,27.36,18.7,0.6192806018773118,-0.7851697498875478,"Leaf"]]],[101.3,241.41,[[64.86,250.7,27.36,18.7,0.21628395104715628,-0.9763305037329477,"Leaf"]]],[173.56,251.58,35,35],[321.26,36.12,[[318.14,1.56,27.36,18.7,0.9965082870714412,-0.08349391473599899,"Leaf"]]],[260.88,55.36,[[239.7,30.94,27.36,18.7,0.861077857359917,-0.5084731296385823,"Leaf"]]],[378.65,109.85,[[406.52,110,27.36,18.7,-0.8303070560332068,-0.557306192950939,"Leaf"]]],[344.63,96.81,[[366.44,90.16,27.36,18.7,-0.9900311505600138,-0.14084857443657478,"Leaf"]]],[308.31,99.85,[[295.59,69.34,27.36,18.7,0.9527898006751772,-0.30363068970273144,"Leaf"]]],[325.62,170.19,35,35],[620.15,245.57,[[649.55,261.91,27.36,18.7,-0.15959409597274285,-0.9871827209441234,"Leaf"]]],[565.45,550.51,[[579.72,580.47,27.36,18.7,0.7732871466592579,-0.6340559823955481,"Leaf"]]],[36.42,458,[[3.15,484.87,27.36,18.7,-0.1682027041762925,-0.9857524285071697,"Leaf"]]],[91.95,148.45,[[66.13,128.88,27.36,18.7,0.7787908142925284,-0.6272837217508362,"Leaf"]]],[383.99,45.04,[[409.22,41.45,27.36,18.7,-0.933684654259895,-0.3580963088326663,"Leaf"]]],[274.32,656.46,[[277.16,712.35,27.36,18.7,-0.9367740425600954,-0.34993484134280844,"Leaf"]]]],"e":[[0,1,[],[[405.66,401.96,61.37,18.7,0.5213485166954306,-0.8533438487148509,"Root-Edge"]]],[1,2],[1,3],[1,4],[1,5],[1,6],[0,7,[],[[268.23,398.95,61.37,18.7,0.4834440722369951,0.8753752504034548,"Root-Edge"]]],[7,8],[7,9],[7,10],[7,11],[7,12],[0,13,[],[[407.74,322.69,61.37,18.7,-0.4757866709710364,-0.8795607106540735,"Root-Edge"]]],[13,14],[13,15],[13,16],[13,17],[13,18],[0,19,[],[[336.08,439.99,61.37,18.7,0.999759704932882,0.02192104907427582,"Root-Edge"]]],[19,20],[19,21],[19,22],[19,23],[19,24],[0,30,[],[[270.35,318.48,61.37,18.7,-0.5287754007295448,0.8487617896579165,"Root-Edge"]]],[30,29],[30,28],[30,27],[30,26],[30,25],[0,36,[],[[340.26,281.05,61.37,18.7,-0.9995303423338449,-0.030644652942837143,"Root-Edge"]]],[36,35],[36,34],[36,33],[36,32],[36,31],[13,37],[1,38],[7,39],[30,40],[36,41],[19,42]],"vp":[-1.0,0.0,678.0,722.0]}} Sample balloon-drawing featuring interleaved child placement and ray-like
+     * node labels <b>Concept</b>The algorithm executes the following steps:
+     * </p>
+     * <ol>
+     * <li>Select a root node according to the specified {@link yfiles.tree.BalloonLayout#rootNodePolicy root policy}.</li>
+     * <li>Determine the placement of subtrees around the root using a bottom-up recursive approach (starting with leaf nodes).</li>
+     * <li>Assign the actual coordinates of nodes, again using a recursive approach (starting with the root node).</li>
+     * </ol>
+     * <p>
+     * <b>Features</b>
+     * </p>
+     * <p>
+     * The algorithm features integrated {@link yfiles.tree.BalloonLayout#integratedEdgeLabeling edge labeling} as well as {@link yfiles.tree.BalloonLayout#integratedNodeLabeling node labeling}. Edge labels and node labels are placed
+     * automatically without generating overlaps with other labels or graph elements. There are different {@link yfiles.tree.BalloonLayout#nodeLabelingPolicy ways} to place node
+     * labels. Edge labeling will take the settings of {@link yfiles.layout.PreferredPlacementDescriptor} into account.
+     * </p>
+     * <p>
+     * Defining a {@link yfiles.tree.BalloonLayout#preferredChildWedge preferred wedge angle} has a great influence on the layout style. Subtrees rooted at a node get a certain
+     * amount of radial space to be placed around the parent node, such that a preferred angle close to <code>360</code> degrees will
+     * generate drawings where subtrees look like balloons, while an angle close to <code>180</code> degrees could be chosen to get drawings
+     * where subtrees look like semicircles.
+     * </p>
+     * <p>
+     * Since it is computationally not very complex, {@link yfiles.tree.BalloonLayout} is very well suited for large tree graphs. It
+     * performs well even for huge graphs.
+     * </p>
+     * <p>
+     * This layout algorithm can only handle graphs with a tree structure. To apply it to a general graph, a {@link yfiles.tree.TreeReductionStage}
+     * can be appended. This stage will temporarily remove some edges of the input graph until a tree is obtained. These edges
+     * will later be reinserted and routed separately.
+     * </p>
+     * @class
+     * @extends {yfiles.layout.MultiStageLayout}
+     */
+    export interface BalloonLayout extends yfiles.layout.MultiStageLayout{}
+    export class BalloonLayout {
+      /**
+       * Creates a new {@link yfiles.tree.BalloonLayout} instance with default settings.
+       */
+      constructor();
+      /**
+       * Calculates the wedge angle that has to be reserved for the subtree rooted at the given node scaling the {@link yfiles.tree.BalloonLayoutNodeInfo#dist distance} with
+       * the given scale factor.
+       * <p>
+       * Given some {@link yfiles.tree.BalloonLayoutNodeInfo#dist distance} the {@link yfiles.tree.BalloonLayoutNodeInfo#upperAngle upper angle} and {@link yfiles.tree.BalloonLayoutNodeInfo#lowerAngle lower angle} of the wedge belonging to the subtree rooted at <code>root</code> will be
+       * calculated and stored in the {@link yfiles.tree.BalloonLayoutNodeInfo} instance associated with <code>root</code>
+       * ({@link yfiles.tree.BalloonLayout#getInfo}).
+       * </p>
+       * <p>
+       * This method may be overridden to perform a custom wedge angle assignment scheme. The method is called when
+       * {@link yfiles.tree.BalloonLayout#calculateChildArrangement arranging child nodes}. Large edge labels on the incoming edge to <code>root</code> need to be considered, if {@link yfiles.tree.BalloonLayout#integratedEdgeLabeling integrated edge labeling}
+       * should still work properly.
+       * </p>
+       * @param root the node for which the wedge angles are calculated
+       * @param [scaleFactor=1.0] a factor to be applied to the {@link #dist distance} of <code>root</code>
+       * @returns the sum of the upper and lower wedge angle of the subtree rooted at the given root node
+       * @see yfiles.tree.BalloonLayout#calculateChildArrangement
+       * @protected
+       */
+      calculateAngles(root:yfiles.algorithms.Node,scaleFactor?:number):number;
+      /**
+       * Calculates a child node arrangement for a given root node of the tree.
+       * <p>
+       * During the arrangement, child nodes of <code>root</code> will be {@link yfiles.tree.BalloonLayout#sortChildNodes sorted}. Furthermore, distances of the child nodes will be chosen
+       * such that the wedge of the subtree of <code>root</code> fits into the preferred wedge angle, which is either defined via {@link yfiles.tree.BalloonLayout#preferredRootWedge} or {@link yfiles.tree.BalloonLayout#preferredChildWedge}.
+       * Calculated distances are stored in {@link yfiles.tree.BalloonLayoutNodeInfo#dist}.
+       * </p>
+       * <p>
+       * The angle values - upper and lower wedge angle - may also be updated during this process and stored in {@link yfiles.tree.BalloonLayoutNodeInfo#upperAngle}
+       * and {@link yfiles.tree.BalloonLayoutNodeInfo#lowerAngle}, respectively. To compute the angles of wedges, method {@link yfiles.tree.BalloonLayout#calculateAngles}
+       * is used.
+       * </p>
+       * <p>
+       * This method may be overridden to perform a custom child node arrangement. If support for available features like {@link yfiles.tree.BalloonLayout#interleavedMode interleaving}
+       * should be maintained, then these features need to be carefully considered during the arrangement.
+       * </p>
+       * @param root the node for whose children to compute an arrangement
+       * @protected
+       */
+      calculateChildArrangement(root:yfiles.algorithms.Node):void;
+      /**
+       * Determines the root node of {@link yfiles.tree.BalloonLayout#graph} according to the chosen {@link yfiles.tree.BalloonLayout#rootNodePolicy root node policy}.
+       * <p>
+       * This method may be overridden to implement some other strategy for choosing the root node of the input graph. It is
+       * called before the rest of the layout process within {@link yfiles.tree.BalloonLayout#applyLayoutCore}.
+       * </p>
+       * @returns the root node of {@link #graph}
+       * @see yfiles.tree.BalloonLayout#rootNodePolicy
+       * @protected
+       */
+      determineRoot():yfiles.algorithms.Node;
+      /**
+       * Returns the {@link yfiles.tree.BalloonLayoutNodeInfo} object associated with the given node while the layout algorithm is
+       * active.
+       * <p>
+       * The returned object contains detailed information describing the placement of a node in the layout being computed, e.g.,
+       * a node's distance to its parent or the wedge angle of the subtree rooted at a node.
+       * </p>
+       * <p>
+       * Subclasses may want to override this method to realize another node information setup. This method is called throughout
+       * the algorithm, each time some information associated with a node needs to be retrieved or stored.
+       * </p>
+       * @param node the node whose information object should be retrieved
+       * @returns the {@link } instance associated to the given node
+       * @see yfiles.tree.BalloonLayoutNodeInfo
+       */
+      getInfo(node:yfiles.algorithms.Node):yfiles.tree.BalloonLayoutNodeInfo;
+      /**
+       * Returns the preferred radial amount (wedge) in degrees that child nodes may in total occupy around the given node.
+       * <p>
+       * The wedge angle controls the degree to which the child nodes may radiate from the center of layout. A value close to <code>360</code>
+       * means that the child nodes may radiate in (almost) any direction from their parent node, edge lengths can in consequence
+       * stay rather small. On the other hand, a small value means that children are restricted to a small angle; thus, edges
+       * lengths (and drawings) may become large.
+       * </p>
+       * <p>
+       * This method returns the {@link yfiles.tree.BalloonLayout#preferredRootWedge preferred root wedge} if node <code>root</code> was selected as global root node ({@link yfiles.tree.BalloonLayout#rootNodePolicy}). Otherwise, it either
+       * returns {@link yfiles.tree.BalloonLayout#preferredChildWedge} or if the given node has an outdegree equal to <code>2</code>, it returns the minimum of {@link yfiles.tree.BalloonLayout#preferredChildWedge} and <code>180</code>.
+       * </p>
+       * <p>
+       * This method may be overridden to provide a custom child wedge function.
+       * </p>
+       * @param root the node to get the preferred wedge angle for
+       * @returns the preferred wedge angle for <code>root</code> in degrees
+       * @see yfiles.tree.BalloonLayout#preferredChildWedge
+       * @see yfiles.tree.BalloonLayout#preferredRootWedge
+       * @protected
+       */
+      getPreferredChildWedge(root:yfiles.algorithms.Node):number;
+      /**
+       * Sorts the child nodes (successors) of the given node.
+       * <p>
+       * This implementation uses the original node coordinates if {@link yfiles.tree.BalloonLayout#fromSketchMode From Sketch mode} is enabled. Otherwise it uses {@link yfiles.tree.BalloonLayout#comparer the specified comparator}
+       * to sort the outgoing edges and thus the children of <code>root</code>. If there is no such comparator, then the sorting depends on
+       * whether or not the child nodes are placed in an {@link yfiles.tree.BalloonLayout#interleavedMode interleaved} fashion:
+       * </p>
+       * <ul>
+       * <li>Normal: Children are sorted according to the chosen {@link yfiles.tree.BalloonLayout#childOrderingPolicy child ordering policy}.</li>
+       * <li>
+       * Interleaved: Children are sorted such that the resulting interleaved node placement is compact, while children inducing
+       * larger subgraphs are placed next to smaller ones.
+       * </li>
+       * </ul>
+       * <p>
+       * This method may be overridden to realize a custom child node ordering. It gets called in method {@link yfiles.tree.BalloonLayout#calculateChildArrangement}
+       * before coordinates are assigned and just after the wedge sizes for all subtrees rooted at <code>root</code> are determined.
+       * </p>
+       * @param root the node whose child nodes will be sorted
+       * @protected
+       */
+      sortChildNodes(root:yfiles.algorithms.Node):void;
+      /**
+       * Data provider key for marking nodes whose child nodes should be placed in an interleaved fashion
+       * <p>
+       * This {@link yfiles.algorithms.IDataProvider} allows to individually configure the interleaving feature for each node in the
+       * graph.
+       * </p>
+       * @see yfiles.tree.BalloonLayout#interleavedMode
+       * @const
+       * @static
+       * @type {yfiles.algorithms.NodeDpKey.<boolean>}
+       */
+      static INTERLEAVED_NODES_DP_KEY:yfiles.algorithms.NodeDpKey<boolean>;
+      /**
+       * Data provider key for marking the node that will be used as root node of the tree
+       * @see yfiles.tree.BalloonLayout#rootNodePolicy
+       * @const
+       * @static
+       * @type {yfiles.algorithms.NodeDpKey.<boolean>}
+       */
+      static SELECTED_ROOT_DP_KEY:yfiles.algorithms.NodeDpKey<boolean>;
+      /**
+       * The layout graph being acted upon.
+       * @protected
+       * @type {yfiles.layout.LayoutGraph}
+       */
+      graph:yfiles.layout.LayoutGraph;
+      /**
+       * Gets or sets the {@link yfiles.collections.IComparer.<T>} instance that determines the order of the outgoing edges for each node of the tree.
+       * <p>
+       * If no {@link yfiles.collections.IComparer.<T>} is specified (i.e. the {@link yfiles.collections.IComparer.<T>} is <code>null</code>), the outgoing edges will be sorted according to the current
+       * {@link yfiles.tree.BalloonLayout#childOrderingPolicy child ordering policy}.
+       * </p>
+       * @see yfiles.tree.BalloonLayout#childOrderingPolicy
+       * @see yfiles.tree.BalloonLayout#fromSketchMode
+       * @type {yfiles.collections.IComparer.<Object>}
+       */
+      comparer:yfiles.collections.IComparer<Object>;
+      /**
+       * Gets or sets the child ordering policy for sorting the child nodes around their parents.
+       * <p>
+       * The sorting policy can affect the compactness of drawings. Advantageous orderings allow adjacent subtrees to be close
+       * together and can thus make the whole layout more compact.
+       * </p>
+       * @throws {Stubs.Exceptions.ArgumentError} if an unknown ordering policy is given
+       * @see yfiles.tree.BalloonLayout#fromSketchMode
+       * @see yfiles.tree.BalloonLayout#comparer
+       * @type {yfiles.tree.ChildOrderingPolicy}
+       */
+      childOrderingPolicy:yfiles.tree.ChildOrderingPolicy;
+      /**
+       * Gets or sets the minimum distance to be kept between the nodes in the tree.
+       * <p>
+       * The distance needs to be a non-negative integer value.
+       * </p>
+       * @throws {Stubs.Exceptions.ArgumentError} if the given minimum distance is negative
+       * @see yfiles.tree.BalloonLayout#allowOverlaps
+       * @type {number}
+       */
+      minimumNodeDistance:number;
+      /**
+       * Gets or sets whether or not to consider the given coordinates of the input diagram when arranging the tree.
+       * <p>
+       * Enabling this feature, the original circular order of child nodes around their parent nodes will be maintained according
+       * to the initial coordinates when determining the order of the child nodes.
+       * </p>
+       * @type {boolean}
+       */
+      fromSketchMode:boolean;
+      /**
+       * Gets or sets the root node selection policy of this layout algorithm.
+       * <p>
+       * The policy determines which node is chosen as (virtual) tree root during the layout process.
+       * </p>
+       * @throws {Stubs.Exceptions.ArgumentError} if an unknown root node policy is given
+       * @type {yfiles.tree.RootNodePolicy}
+       */
+      rootNodePolicy:yfiles.tree.RootNodePolicy;
+      /**
+       * Gets or sets the preferred radial amount (wedge) in degrees that child nodes may in total occupy around their parent
+       * node.
+       * <p>
+       * The wedge angle controls the degree to which the child nodes may radiate from the center of layout. A value close to <code>360</code>
+       * means that the child nodes may radiate in (almost) any direction from their parent node, edge lengths can in consequence
+       * stay rather small. On the other hand, a small value means that children are restricted to a small angle; thus, edge
+       * lengths (and drawings) may become large.
+       * </p>
+       * <p>
+       * The minimum allowed wedge angle is <code>1</code> and the maximum allowed value is <code>359</code>.
+       * </p>
+       * @throws {Stubs.Exceptions.ArgumentError} if the given angle is smaller than <code>1</code> or larger than <code>359</code>
+       * @see yfiles.tree.BalloonLayout#preferredRootWedge
+       * @type {number}
+       */
+      preferredChildWedge:number;
+      /**
+       * Gets or sets the preferred radial amount (wedge) in degrees that child nodes may in total occupy around the global
+       * root.
+       * <p>
+       * This property allows to separately control the wedge angle for the designated root node of the tree, while {@link yfiles.tree.BalloonLayout#preferredChildWedge} controls the
+       * angles of all child nodes. The root node will be determined depending on the {@link yfiles.tree.BalloonLayout#rootNodePolicy root node policy}.
+       * </p>
+       * <p>
+       * The minimum allowed root wedge angle is <code>1</code> and the maximum allowed value is <code>360</code>.
+       * </p>
+       * @throws {Stubs.Exceptions.ArgumentError} if the given angle is smaller than <code>1</code> or larger than <code>360</code>
+       * @see yfiles.tree.BalloonLayout#preferredChildWedge
+       * @type {number}
+       */
+      preferredRootWedge:number;
+      /**
+       * Gets or sets whether or not (partially) overlapping nodes are allowed.
+       * <p>
+       * If overlaps are allowed, the resulting layouts can become significantly more compact. Overlaps will mostly occur at the
+       * borders of nodes. Nodes will not be totally covered by other nodes.
+       * </p>
+       * @type {boolean}
+       */
+      allowOverlaps:boolean;
+      /**
+       * Gets or sets the factor defining how compact layout results will potentially be, where a smaller factor produces
+       * potentially more compact layouts.
+       * <p>
+       * The algorithm tries to optimize the child node arrangement around each tree node such that each subtree is as close to
+       * its root as possible, while still fitting into the {@link yfiles.tree.BalloonLayout#preferredChildWedge preferred wedge angle} and not overlapping with adjacent subtrees.
+       * </p>
+       * <p>
+       * High compactness factor values induce the optimization procedure to be less strict and accept less optimal results,
+       * while low factor values mean that the optimization will only stop when being nearly optimal. Thus, lower values lead to
+       * a potentially higher runtime.
+       * </p>
+       * <p>
+       * The minimum factor value is <code>0.05</code> and the maximum is <code>1.0</code>.
+       * </p>
+       * @throws {Stubs.Exceptions.ArgumentError} if the factor is smaller than <code>0.05</code> or greater than <code>1.0</code>
+       * @type {number}
+       */
+      compactnessFactor:number;
+      /**
+       * Gets or sets the minimum length that this layout algorithm assigns to edges of the graph.
+       * <p>
+       * A lower minimum edge length allows generally more compact layouts. It has the highest effect if most nodes of the graph
+       * have a low degree, as the minimum can potentially be met for such graphs.
+       * </p>
+       * <p>
+       * The minimum length must be non-negative.
+       * </p>
+       * @throws {Stubs.Exceptions.ArgumentError} if the given length is negative
+       * @type {number}
+       */
+      minimumEdgeLength:number;
+      /**
+       * Gets or sets whether or not the layout algorithm reserves space for node labels.
+       * <p>
+       * The size of nodes will temporarily be adjusted such that the label is included. Therefore, result drawings may get
+       * significantly larger if this feature is enabled.
+       * </p>
+       * @type {boolean}
+       */
+      considerNodeLabels:boolean;
+      /**
+       * Gets or sets the mode for child node arrangement.
+       * <p>
+       * Child nodes are either placed interleaved or on a single layer around their parent node. Interleaved placement means
+       * that child nodes are placed around their common parent in two different layers in an alternating fashion. For example,
+       * the first child is on the inner layer, the second child on the outer layer, the third one again on the inner layer,
+       * etc.
+       * </p>
+       * <p>
+       * Independent of this mode, the alignment of child nodes on the same layer is still defined by the {@link yfiles.tree.BalloonLayout#childAlignmentPolicy alignment policy}.
+       * However, {@link yfiles.tree.ChildAlignmentPolicy#SMART} is only supported for non-interleaved arrangement.
+       * </p>
+       * @throws {Stubs.Exceptions.ArgumentError} if an unknown mode for interleaved arrangement is given
+       * @see yfiles.tree.BalloonLayout#childAlignmentPolicy
+       * @type {yfiles.tree.InterleavedMode}
+       */
+      interleavedMode:yfiles.tree.InterleavedMode;
+      /**
+       * Gets or sets the child alignment policy for this layout algorithm.
+       * <p>
+       * This policy influences the distance of child nodes to their parent nodes and the alignment of children with the same
+       * parent.
+       * </p>
+       * @throws {Stubs.Exceptions.ArgumentError} if an unknown policy is given
+       * @type {yfiles.tree.ChildAlignmentPolicy}
+       */
+      childAlignmentPolicy:yfiles.tree.ChildAlignmentPolicy;
+      /**
+       * Gets or sets whether or not the layout algorithm automatically places node labels.
+       * <p>
+       * If enabled, this layout algorithm will calculate the positions for the node labels assuring that no overlaps occur.
+       * </p>
+       * <p>
+       * Different labeling strategies may be selected using {@link yfiles.tree.BalloonLayout#nodeLabelingPolicy}.
+       * </p>
+       * @see yfiles.tree.BalloonLayout#nodeLabelingPolicy
+       * @type {boolean}
+       */
+      integratedNodeLabeling:boolean;
+      /**
+       * Gets or sets whether or not the layout algorithm automatically places edge labels.
+       * <p>
+       * If enabled, this layout algorithm will calculate the positions for the edge labels assuring that no overlaps occur.
+       * </p>
+       * @type {boolean}
+       */
+      integratedEdgeLabeling:boolean;
+      /**
+       * Gets or sets the policy defining how node labels are placed by the integrated node labeling mechanism (for example, the
+       * desired label orientation).
+       * @throws {Stubs.Exceptions.ArgumentError} if an unknown labeling policy is given
+       * @see yfiles.tree.BalloonLayout#integratedNodeLabeling
+       * @type {yfiles.tree.NodeLabelingPolicy}
+       */
+      nodeLabelingPolicy:yfiles.tree.NodeLabelingPolicy;
+      /**
+       * Gets or sets the distance between node labels belonging to the same node.
+       * <p>
+       * It also defines the distance between labels and the node they belong to in case of label placement outside of the node
+       * (e.g. for {@link yfiles.tree.NodeLabelingPolicy#RAY_LIKE ray-like label placement}).
+       * </p>
+       * <p>
+       * The spacing must have a non-negative value.
+       * </p>
+       * @throws {Stubs.Exceptions.ArgumentError} if the given spacing value is negative
+       * @see yfiles.tree.BalloonLayout#integratedNodeLabeling
+       * @type {number}
+       */
+      nodeLabelSpacing:number;
+      /**
+       * Gets or sets the distance between edge labels belonging to the same edge as well as the distance of the edge labels to
+       * the target node of the edge.
+       * <p>
+       * The spacing must have a non-negative value.
+       * </p>
+       * @throws {Stubs.Exceptions.ArgumentError} if the given label spacing value is negative
+       * @see yfiles.tree.BalloonLayout#integratedEdgeLabeling
+       * @type {number}
+       */
+      edgeLabelSpacing:number;
+      /**
+       * Gets or sets whether or not chains are drawn straight or not.
+       * <p>
+       * A chain is defined as a tree node with exactly one child node. If this feature is enabled, then the incoming edge and
+       * outgoing edge of the chain will have the same orientation, i.e., the whole chain looks straight.
+       * </p>
+       * <p>
+       * Straightening all chains can lead to smoother, more symmetric results.
+       * </p>
+       * @type {boolean}
+       */
+      chainStraighteningMode:boolean;
+      /**
+       * Sets whether or not the {@link yfiles.layout.ILayoutStage} used for arranging the components of the graph is activated.
+       * @see yfiles.layout.MultiStageLayout#componentLayoutEnabled
+       * @see yfiles.layout.MultiStageLayout#componentLayout
+       * @see yfiles.layout.ComponentLayout
+       * @type {boolean}
+       */
+      componentLayoutEnabled:boolean;
+      /**
+       * Sets whether or not the {@link yfiles.layout.ILayoutStage} used for hiding group nodes is activated.
+       * @see yfiles.layout.MultiStageLayout#hideGroupsStageEnabled
+       * @see yfiles.layout.MultiStageLayout#hideGroupsStage
+       * @see yfiles.layout.HideGroupsStage
+       * @type {boolean}
+       */
+      hideGroupsStageEnabled:boolean;
+      /**
+       * Sets whether or not the {@link yfiles.layout.ILayoutStage} that modifies the orientation of the layout is activated.
+       * @see yfiles.layout.MultiStageLayout#orientationLayoutEnabled
+       * @see yfiles.layout.MultiStageLayout#orientationLayout
+       * @see yfiles.layout.MultiStageLayout#layoutOrientation
+       * @see yfiles.layout.OrientationLayout
+       * @type {boolean}
+       */
+      orientationLayoutEnabled:boolean;
+      /**
+       * Sets whether or not the {@link yfiles.layout.ILayoutStage} used for routing parallel edges is activated.
+       * @see yfiles.layout.MultiStageLayout#parallelEdgeRouterEnabled
+       * @see yfiles.layout.MultiStageLayout#parallelEdgeRouter
+       * @see yfiles.router.ParallelEdgeRouter
+       * @type {boolean}
+       */
+      parallelEdgeRouterEnabled:boolean;
+      /**
+       * Sets whether or not the {@link yfiles.layout.ILayoutStage} used for routing self-loops is activated.
+       * @see yfiles.layout.MultiStageLayout#selfLoopRouterEnabled
+       * @see yfiles.layout.MultiStageLayout#selfLoopRouter
+       * @see yfiles.layout.SelfLoopRouter
+       * @type {boolean}
+       */
+      selfLoopRouterEnabled:boolean;
+      static $class:yfiles.lang.Class;
+    }
+    export enum FillStyle{
+      /**
+       * Style specifier which defines that rows/columns are aligned with their leading side.
+       * @see yfiles.tree.AspectRatioNodePlacer#fillStyle
+       */
+      LEADING,
+      /**
+       * Style specifier which defines that rows/columns are aligned with their center.
+       * @see yfiles.tree.AspectRatioNodePlacer#fillStyle
+       */
+      CENTERED,
+      /**
+       * Style specifier which defines that rows/columns are justified to have the same width/height.
+       * @see yfiles.tree.AspectRatioNodePlacer#fillStyle
+       */
+      JUSTIFY,
+      /**
+       * Style specifier which defines that rows/columns are aligned with their trailing side.
+       * @see yfiles.tree.AspectRatioNodePlacer#fillStyle
+       */
+      TRAILING
+    }
+    export enum RootPlacement{
+      /**
+       * A root placement specifier for placing the root centered above its subtree, depending on the actual {@link yfiles.layout.MultiStageLayout#layoutOrientation layout orientation}.
+       * @see yfiles.tree.AspectRatioTreeLayout#ROOT_PLACEMENT_DP_KEY
+       */
+      TOP,
+      /**
+       * A root placement specifier for placing the root in the upper left corner of the subtree bounds with respect to the
+       * actual {@link yfiles.layout.MultiStageLayout#layoutOrientation layout orientation}.
+       * <p>
+       * Whether the root is placed entirely beside the subtree with no horizontal overlaps or entirely above the subtree without
+       * vertical overlaps will be determined by the layout of the subtree. The layout algorithm tries to minimize the bounds of
+       * the subtree.
+       * </p>
+       * @see yfiles.tree.AspectRatioTreeLayout#ROOT_PLACEMENT_DP_KEY
+       * @see yfiles.tree.RootPlacement#CORNER_TOP
+       * @see yfiles.tree.RootPlacement#CORNER_SIDE
+       */
+      CORNER,
+      /**
+       * A root placement specifier for placing the root in the upper left corner of the subtree bounds with respect to the
+       * actual {@link yfiles.layout.MultiStageLayout#layoutOrientation layout orientation}.
+       * <p>
+       * The root is placed entirely beside the subtree with no horizontal overlaps. This might by important if the root's height
+       * is very large while its width is small.
+       * </p>
+       * @see yfiles.tree.AspectRatioTreeLayout#ROOT_PLACEMENT_DP_KEY
+       */
+      CORNER_SIDE,
+      /**
+       * A root placement specifier for placing the root of a subtree in the upper left corner of the subtree bounds with respect
+       * to the actual {@link yfiles.layout.MultiStageLayout#layoutOrientation layout orientation}.
+       * <p>
+       * The root is placed entirely above the subtree with no vertical overlaps. This might by important if the root's width is
+       * very large while its height is small.
+       * </p>
+       * @see yfiles.tree.AspectRatioTreeLayout#ROOT_PLACEMENT_DP_KEY
+       */
+      CORNER_TOP
+    }
+    export enum SubtreeArrangement{
+      /**
+       * A direction specifier for placing the child nodes next to each other in direction of the actual
+       * {@link yfiles.layout.MultiStageLayout#layoutOrientation layout orientation}, with the edges connecting in the direction of flow.
+       * @see yfiles.tree.AspectRatioTreeLayout#SUBTREE_ROUTING_POLICY_DP_KEY
+       */
+      HORIZONTAL,
+      /**
+       * A direction specifier for placing the child nodes above each other in direction of the actual
+       * {@link yfiles.layout.MultiStageLayout#layoutOrientation layout orientation}, with the edges connecting orthogonally to the direction of flow.
+       * @see yfiles.tree.AspectRatioTreeLayout#SUBTREE_ROUTING_POLICY_DP_KEY
+       */
+      VERTICAL
+    }
+    export enum InterleavedMode{
+      /**
+       * A child placement mode where all child nodes are placed around their parent with equal distances.
+       * @see yfiles.tree.BalloonLayout#interleavedMode
+       */
+      OFF,
+      /**
+       * A child placement mode where nodes are placed in an interleaved fashion, that is, with two different, alternating
+       * distances to the parent node.
+       * @see yfiles.tree.BalloonLayout#interleavedMode
+       */
+      ALL_NODES,
+      /**
+       * A child placement mode where child nodes of selected nodes are placed in an interleaved fashion, that is, with two
+       * different, alternating distances to the parent node.
+       * <p>
+       * All other nodes are placed without interleaving. The node selection can be specified by registering an appropriate {@link yfiles.algorithms.IDataProvider}
+       * for key {@link yfiles.tree.BalloonLayout#INTERLEAVED_NODES_DP_KEY}.
+       * </p>
+       * @see yfiles.tree.BalloonLayout#interleavedMode
+       */
+      MARKED_NODES
+    }
+    export enum NodeLabelingPolicy{
+      /**
+       * Node labeling policy for ray-like label placement at nodes with zero or one child node.
+       * <p>
+       * Labels belonging to leaf nodes and nodes with exactly one successor (thus forming a sort of chain) will not be oriented
+       * horizontal but ray-like; they get the same orientation as their nodes' incoming edge. The labels of the other nodes will
+       * be oriented horizontally and placed at the center of the corresponding node.
+       * </p>
+       * @see yfiles.tree.BalloonLayout#nodeLabelingPolicy
+       */
+      RAY_LIKE,
+      /**
+       * Node labeling policy for ray-like label placement at leaf nodes.
+       * <p>
+       * Labels corresponding to leaf nodes get the same orientation as their nodes' incoming edge and are placed outside the
+       * node (without overlaps). The labels of the other nodes will be oriented horizontally and placed at the center of the
+       * corresponding node.
+       * </p>
+       * @see yfiles.tree.BalloonLayout#nodeLabelingPolicy
+       */
+      RAY_LIKE_LEAVES,
+      /**
+       * Node labeling policy for horizontal label placement at all nodes.
+       * <p>
+       * The node labels are placed at the center of the corresponding node.
+       * </p>
+       * @see yfiles.tree.BalloonLayout#nodeLabelingPolicy
+       */
+      HORIZONTAL
+    }
+    export enum ChildAlignmentPolicy{
+      /**
+       * Alignment policy to align child nodes rooted at the same parent such that the border of their convex hull has the same
+       * distance to the parent node's center.
+       * @see yfiles.tree.BalloonLayout#childAlignmentPolicy
+       */
+      PLAIN,
+      /**
+       * Alignment policy to align child nodes rooted at the same parent such that each child has the same center-to-center
+       * distance to the parent node.
+       * <p>
+       * All nodes will be placed on a common radius around their parent, respective to their center coordinates.
+       * </p>
+       * @see yfiles.tree.BalloonLayout#childAlignmentPolicy
+       */
+      SAME_CENTER,
+      /**
+       * Alignment policy for aligning child nodes such that the distances to their parent are kept short and drawings can
+       * potentially become more compact.
+       * <p>
+       * This policy realizes the exact same child alignment as {@link yfiles.tree.ChildAlignmentPolicy#PLAIN} if there are no edge
+       * labels associated with edges going to child nodes or if {@link yfiles.tree.BalloonLayout#integratedEdgeLabeling integrated edge labeling} is disabled.
+       * </p>
+       * <p>
+       * If edge labels need to be considered, edge labels will be added to the convex hull of the child node to which the edge
+       * connects. This means that child nodes connected with a labeled edge will be aligned at the border where the edge label
+       * begins. In consequence, edge labels will be aligned with neighboring edge labels as well as neighboring child nodes if a
+       * child node has no edge label at its incoming edge.
+       * </p>
+       * <p>
+       * This alignment strategy is especially effective if large edge labels need to be considered while drawings should still
+       * be compact and distances from parent to child nodes short.
+       * </p>
+       * @see yfiles.tree.BalloonLayout#childAlignmentPolicy
+       */
+      COMPACT,
+      /**
+       * Alignment policy to align child nodes rooted at the same parent using a mixture of the other policies and aiming to
+       * achieve symmetry and compactness at the same time.
+       * <p>
+       * Similar to
+       * {@link yfiles.tree.ChildAlignmentPolicy#SAME_CENTER}, this policy aims to achieve alignments featuring equal distances between
+       * parent and child node centers. However, a much larger distance for all child nodes caused by single large subtrees is
+       * avoided by this policy. In such cases, the smaller subtrees may be placed on a common radius and the large subtrees are
+       * placed with different distances.
+       * </p>
+       * @see yfiles.tree.BalloonLayout#childAlignmentPolicy
+       */
+      SMART
+    }
+    export enum ChildOrderingPolicy{
+      /**
+       * Child ordering policy which orders child nodes depending on their subtree size such that large subtrees are placed next
+       * to small ones in order to save space.
+       * <p>
+       * The actual area of a subtree is used as the subtree size. The smallest subtree is placed next to the largest subtree,
+       * followed by the second smallest subtree and so on. This way, drawings can become more compact, because the adjacent
+       * placement of large subtrees is avoided (which would require edges to become longer for subtrees to fit next to each
+       * other).
+       * </p>
+       * @see yfiles.tree.BalloonLayout#childOrderingPolicy
+       */
+      COMPACT,
+      /**
+       * Child ordering policy which sorts the child nodes according to their wedge angles.
+       * <p>
+       * The node with the greatest angle gets median position in the sorting order. The smaller the wedges, the farther away a
+       * node will be placed from the median position. Using this policy, the produced results are often more symmetric.
+       * </p>
+       * @see yfiles.tree.BalloonLayout#childOrderingPolicy
+       */
+      SYMMETRIC
+    }
+    export enum RootNodePolicy{
+      /**
+       * Root node policy for choosing a node with indegree <code>0</code> as root node of the tree.
+       * <p>
+       * The selection of the root node will happen according to {@link yfiles.algorithms.Trees#getRoot}.
+       * </p>
+       * @see yfiles.tree.BalloonLayout#rootNodePolicy
+       * @see yfiles.algorithms.Trees#getRoot
+       */
+      DIRECTED_ROOT,
+      /**
+       * Root node policy for choosing the center node as root node of the tree.
+       * <p>
+       * A {@link yfiles.algorithms.Trees#getCenterRoot center node} induces a minimum depth tree when being used as the root of that tree.
+       * </p>
+       * @see yfiles.tree.BalloonLayout#rootNodePolicy
+       * @see yfiles.algorithms.Trees#getCenterRoot
+       */
+      CENTER_ROOT,
+      /**
+       * Root node policy for choosing a weighted center node as root node of the tree.
+       * <p>
+       * A {@link yfiles.algorithms.Trees#getWeightedCenterNode weighted center node} is a node which is part of the greatest number of all undirected paths in a graph.
+       * </p>
+       * @see yfiles.tree.BalloonLayout#rootNodePolicy
+       */
+      WEIGHTED_CENTER_ROOT,
+      /**
+       * Root node policy for choosing a custom node as the root node of the tree.
+       * <p>
+       * The root node is specified using a {@link yfiles.algorithms.IDataProvider} registered with the graph with key
+       * {@link yfiles.tree.BalloonLayout#SELECTED_ROOT_DP_KEY}.
+       * </p>
+       * @see yfiles.tree.BalloonLayout#rootNodePolicy
+       */
+      SELECTED_ROOT
+    }
+    export enum ChildPlacement{
+      /**
+       * Placement specifier which defines that subtrees are placed one below the other and left of the root node.
+       * @see yfiles.tree.DefaultNodePlacer#childPlacement
+       */
+      VERTICAL_TO_LEFT,
+      /**
+       * Placement specifier which defines that subtrees are placed one below the other and right of the root node.
+       * @see yfiles.tree.DefaultNodePlacer#childPlacement
+       */
+      VERTICAL_TO_RIGHT,
+      /**
+       * Placement specifier which defines that subtrees are placed horizontally next to each other and above the root node.
+       * @see yfiles.tree.DefaultNodePlacer#childPlacement
+       */
+      HORIZONTAL_UPWARD,
+      /**
+       * Placement specifier which defines that subtrees are placed horizontally next to each other and below the root node.
+       * @see yfiles.tree.DefaultNodePlacer#childPlacement
+       */
+      HORIZONTAL_DOWNWARD
+    }
+    export enum RootAlignment{
+      /**
+       * Alignment specifier which defines that the root node is placed ahead of all its child subtrees.
+       * <p>
+       * Depending on the {@link yfiles.tree.DefaultNodePlacer#childPlacement child placement}, the root node is placed ahead (e.g.
+       * {@link yfiles.tree.ChildPlacement#HORIZONTAL_DOWNWARD}: left) of the combined bounding box of all subtrees without labels.
+       * </p>
+       * @see yfiles.tree.DefaultNodePlacer#rootAlignment
+       */
+      LEADING_OFFSET,
+      /**
+       * Alignment specifier which defines that the root node is placed aligned with its first subtree.
+       * <p>
+       * Depending on the {@link yfiles.tree.DefaultNodePlacer#childPlacement child placement}, the root node is placed aligned with the bounding box of its first (e.g.
+       * {@link yfiles.tree.ChildPlacement#HORIZONTAL_DOWNWARD}: left) subtree.
+       * </p>
+       * @see yfiles.tree.DefaultNodePlacer#rootAlignment
+       */
+      LEADING,
+      /**
+       * Alignment specifier which defines that the root node is placed aligned with the center of its subtrees.
+       * @see yfiles.tree.DefaultNodePlacer#rootAlignment
+       */
+      CENTER,
+      /**
+       * Alignment specifier which defines that the root node is placed at the median of the connection points to its subtrees.
+       * @see yfiles.tree.DefaultNodePlacer#rootAlignment
+       */
+      MEDIAN,
+      /**
+       * Alignment specifier which defines that the root node is placed aligned with its last subtree.
+       * <p>
+       * Depending on the {@link yfiles.tree.DefaultNodePlacer#childPlacement child placement}, the root node is placed aligned with the bounding box of its last (e.g.
+       * {@link yfiles.tree.ChildPlacement#HORIZONTAL_DOWNWARD}: right) subtree.
+       * </p>
+       * @see yfiles.tree.DefaultNodePlacer#rootAlignment
+       */
+      TRAILING,
+      /**
+       * Alignment specifier which defines that the root is placed after all its subtree.
+       * <p>
+       * Depending on the {@link yfiles.tree.DefaultNodePlacer#childPlacement child placement}, the root node is placed after (e.g.
+       * {@link yfiles.tree.ChildPlacement#HORIZONTAL_DOWNWARD}: right) of the combined bounding box of all subtrees without labels.
+       * </p>
+       * @see yfiles.tree.DefaultNodePlacer#rootAlignment
+       */
+      TRAILING_OFFSET,
+      /**
+       * Alignment specifier which defines that the root is placed after all its subtrees, centered on the bus.
+       * <p>
+       * Depending on the {@link yfiles.tree.DefaultNodePlacer#childPlacement child placement}, the root node is placed after (e.g.
+       * {@link yfiles.tree.ChildPlacement#HORIZONTAL_DOWNWARD}: right) of the combined bounding box of all subtrees without labels. The
+       * bus leaves directly from the root node.
+       * </p>
+       * @see yfiles.tree.DefaultNodePlacer#rootAlignment
+       */
+      TRAILING_ON_BUS,
+      /**
+       * Alignment specifier which defines that the root is placed ahead of all its subtrees, centered on the bus.
+       * <p>
+       * Depending on the {@link yfiles.tree.DefaultNodePlacer#childPlacement child placement}, the root node is placed ahead (e.g.
+       * {@link yfiles.tree.ChildPlacement#HORIZONTAL_DOWNWARD}: left) of the combined bounding box of all subtrees without labels. The
+       * bus leaves directly from the root node.
+       * </p>
+       * @see yfiles.tree.DefaultNodePlacer#rootAlignment
+       */
+      LEADING_ON_BUS
+    }
+    export enum RoutingStyle{
+      /**
+       * Routing style specifier which defines that edge paths are routed orthogonally with the bends located in the channel
+       * between the root node and the child nodes.
+       * @see yfiles.tree.DefaultNodePlacer#routingStyle
+       */
+      FORK,
+      /**
+       * Routing style specifier which defines that edge paths are routed orthogonally with just one bend.
+       * <p>
+       * Edges will leave the root node at its sides and bend exactly above the according child node. If the child node is placed
+       * directly below the root node, the edge will bend inside of the root node and leave it at the bottom.
+       * </p>
+       * @see yfiles.tree.DefaultNodePlacer#routingStyle
+       */
+      FORK_AT_ROOT,
+      /**
+       * Routing style specifier which defines that edge paths are routed with a straight segment to the center of the child
+       * nodes.
+       * @see yfiles.tree.DefaultNodePlacer#routingStyle
+       */
+      STRAIGHT,
+      /**
+       * Routing style constant which defines that edge paths are routed with a straight segment to the connector of the {@link yfiles.tree.SubtreeShape}
+       * of the child nodes.
+       * @see yfiles.tree.DefaultNodePlacer#routingStyle
+       */
+      POLYLINE
+    }
+    export enum PortAssignmentMode{
+      /**
+       * A port assignment specifier that defines that
+       * {@link yfiles.layout.PortConstraint}s are considered. Ports are placed using the following rules:
+       * <ul>
+       * <li>edges without a {@link yfiles.layout.PortConstraint} are anchored at the center of the node</li>
+       * <li>edges with a weak {@link yfiles.layout.PortConstraint} are anchored at the center of their specified side</li>
+       * <li>edges with a strong {@link yfiles.layout.PortConstraint} are anchored at their initial coordinates</li>
+       * </ul>
+       * <p>
+       * If edges with
+       * {@link yfiles.layout.PortConstraint}s are grouped, all edges in the same group will use the port coordinates of the first edge
+       * in the group.
+       * </p>
+       * @see yfiles.layout.PortConstraintKeys#SOURCE_PORT_CONSTRAINT_DP_KEY
+       * @see yfiles.layout.PortConstraintKeys#TARGET_PORT_CONSTRAINT_DP_KEY
+       * @see yfiles.layout.PortConstraintKeys#SOURCE_GROUP_ID_DP_KEY
+       * @see yfiles.layout.PortConstraintKeys#TARGET_GROUP_ID_DP_KEY
+       */
+      PORT_CONSTRAINT,
+      /**
+       * A port assignment specifier which defines that edges are distributed evenly at the northern side of their nodes.
+       * <p>
+       * Grouped edges will use the same port coordinate and will be considered as a single edge when calculating the
+       * distribution.
+       * </p>
+       * @see yfiles.layout.PortConstraintKeys#SOURCE_GROUP_ID_DP_KEY
+       * @see yfiles.layout.PortConstraintKeys#TARGET_GROUP_ID_DP_KEY
+       */
+      DISTRIBUTED_NORTH,
+      /**
+       * A port assignment specifier which defines that edges are distributed evenly at the southern side of their nodes.
+       * <p>
+       * Grouped edges will use the same port coordinate and will be considered as a single edge when calculating the
+       * distribution.
+       * </p>
+       * @see yfiles.layout.PortConstraintKeys#SOURCE_GROUP_ID_DP_KEY
+       * @see yfiles.layout.PortConstraintKeys#TARGET_GROUP_ID_DP_KEY
+       */
+      DISTRIBUTED_SOUTH,
+      /**
+       * A port assignment specifier which defines that edges are distributed evenly at the eastern side of their nodes.
+       * <p>
+       * Grouped edges will use the same port coordinate and will be considered as a single edge when calculating the
+       * distribution.
+       * </p>
+       * @see yfiles.layout.PortConstraintKeys#SOURCE_GROUP_ID_DP_KEY
+       * @see yfiles.layout.PortConstraintKeys#TARGET_GROUP_ID_DP_KEY
+       */
+      DISTRIBUTED_EAST,
+      /**
+       * A port assignment specifier which defines that edges are distributed evenly at the western side of their nodes.
+       * <p>
+       * Grouped edges will use the same port coordinate and will be considered as a single edge when calculating the
+       * distribution.
+       * </p>
+       * @see yfiles.layout.PortConstraintKeys#SOURCE_GROUP_ID_DP_KEY
+       * @see yfiles.layout.PortConstraintKeys#TARGET_GROUP_ID_DP_KEY
+       */
+      DISTRIBUTED_WEST,
+      /**
+       * A port assignment specifier which defines that all ports are reset to the center of their nodes.
+       */
+      NONE
+    }
+    export enum ConnectorDirection{
+      /**
+       * A direction constant that describes that the last connector segment points up. The edge from the parent will connect to
+       * the north of the {@link yfiles.tree.SubtreeShape}.
+       * @see yfiles.tree.SubtreeShape#connectorDirection
+       */
+      NORTH,
+      /**
+       * A direction constant that describes that the last connector segment points to the right. The edge from the parent will
+       * connect to the east of the {@link yfiles.tree.SubtreeShape}.
+       * @see yfiles.tree.SubtreeShape#connectorDirection
+       */
+      EAST,
+      /**
+       * A direction constant that describes that the last connector segment points down. The edge from the parent will connect
+       * to the south of the {@link yfiles.tree.SubtreeShape}.
+       * @see yfiles.tree.SubtreeShape#connectorDirection
+       */
+      SOUTH,
+      /**
+       * A direction constant that describes that the last connector segment points to the left. The edge from the parent will
+       * connect to the west of the {@link yfiles.tree.SubtreeShape}.
+       * @see yfiles.tree.SubtreeShape#connectorDirection
+       */
+      WEST
+    }
+    export enum BorderLineSide{
+      /**
+       * Side constant that defines the index of the northern border line.
+       * @see yfiles.tree.SubtreeShape#getBorderLine
+       */
+      NORTH,
+      /**
+       * Side constant that defines the index of the eastern border line.
+       * @see yfiles.tree.SubtreeShape#getBorderLine
+       */
+      EAST,
+      /**
+       * Side constant that defines the index of the southern border line.
+       * @see yfiles.tree.SubtreeShape#getBorderLine
+       */
+      SOUTH,
+      /**
+       * Side constant that defines the index of the western border line.
+       * @see yfiles.tree.SubtreeShape#getBorderLine
+       */
+      WEST
+    }
+    export enum LayeredRoutingStyle{
+      /**
+       * Routing style specifier which defines that edges consist of one straight segment.
+       * @see yfiles.tree.LayeredNodePlacer#routingStyle
+       */
+      STRAIGHT,
+      /**
+       * Routing style specifier which defines that edges are routed in an orthogonal, bus-like fashion.
+       * @see yfiles.tree.LayeredNodePlacer#routingStyle
+       */
+      ORTHOGONAL
+    }
+    export enum MultiParentRoutingStyle{
+      /**
+       * Routing style for routing non-shared edge segments in a polyline fashion.
+       * <p>
+       * The edges connected to a multi-parent structure will share their paths until shortly above/below the multi-parent nodes.
+       * This style only applies to the part of the edges where they split to connect to different multi-parents.
+       * </p>
+       * @see yfiles.tree.MultiParentDescriptor#edgeStyle
+       */
+      POLYLINE,
+      /**
+       * Routing style for routing non-shared edge segments in an orthogonal fashion.
+       * <p>
+       * The edges connected to a multi-parent structure will share their paths until shortly above/below the multi-parent nodes.
+       * This style only applies to the part of the edges where they split to connect to different multi-parents.
+       * </p>
+       * @see yfiles.tree.MultiParentDescriptor#edgeStyle
+       */
+      ORTHOGONAL,
+      /**
+       * Routing style for routing non-shared edge segments straight. This style will route the part of the edges that doesn't
+       * share the same path directly from the center of the multi-parent to the common point of the edges in the multi-parent
+       * structure.
+       * <p>
+       * The edges connected to a multi-parent structure will share their paths until shortly above/below the multi-parent nodes.
+       * This style only applies to the part of the edges where they split to connect to different multi-parents.
+       * </p>
+       * @see yfiles.tree.MultiParentDescriptor#edgeStyle
+       */
+      STRAIGHT
+    }
+    export enum ParentConnectorDirection{
+      /**
+       * Direction specifier which indicates that no connector should be calculated.
+       * @see yfiles.tree.INodePlacer#placeSubtree
+       */
+      NONE,
+      /**
+       * Direction specifier which indicates that any direction can be used for the connector to the parent node.
+       * @see yfiles.tree.INodePlacer#placeSubtree
+       */
+      ANY,
+      /**
+       * Direction specifier which indicates that the connector to the parent node should end in a segment that can be extended
+       * by a segment that goes north.
+       * @see yfiles.tree.INodePlacer#placeSubtree
+       */
+      NORTH,
+      /**
+       * Direction specifier which indicates that the connector to the parent node should end in a segment that can be extended
+       * by a segment that goes east.
+       * @see yfiles.tree.INodePlacer#placeSubtree
+       */
+      EAST,
+      /**
+       * Direction specifier which indicates that the connector to the parent node should end in a segment that can be extended
+       * by a segment that goes south.
+       * @see yfiles.tree.INodePlacer#placeSubtree
+       */
+      SOUTH,
+      /**
+       * Direction specifier which indicates that the connector to the parent node should end in a segment that can be extended
+       * by a segment that goes west.
+       * @see yfiles.tree.INodePlacer#placeSubtree
+       */
+      WEST
+    }
+    export enum PortStyle{
+      /**
+       * A constant defining that ports are placed at the center of the nodes.
+       * <p>
+       * This constant uses <code>(0,0)</code> as port offset.
+       * </p>
+       * @see yfiles.tree.ClassicTreeLayout#portStyle
+       */
+      NODE_CENTER,
+      /**
+       * A constant defining that ports are placed at the center of the border of the nodes.
+       * @see yfiles.tree.ClassicTreeLayout#portStyle
+       */
+      BORDER_CENTER,
+      /**
+       * A constant defining that ports are evenly distributed along the border of the nodes.
+       * @see yfiles.tree.ClassicTreeLayout#portStyle
+       */
+      BORDER_DISTRIBUTED,
+      /**
+       * A constant defining that ports are assigned based on given {@link yfiles.layout.PortConstraint port constraints}.
+       * @see yfiles.tree.ClassicTreeLayout#portStyle
+       */
+      PORT_CONSTRAINTS_AWARE
+    }
+    export enum EdgeRoutingStyle{
+      /**
+       * A constant for routing the edges as straight-line segments.
+       * @see yfiles.tree.ClassicTreeLayout#edgeRoutingStyle
+       */
+      PLAIN,
+      /**
+       * A constant for routing the edges orthogonally in a bus-like fashion.
+       * @see yfiles.tree.ClassicTreeLayout#edgeRoutingStyle
+       */
+      ORTHOGONAL
+    }
+    export enum LeafPlacement{
+      /**
+       * A policy for placing the leaf nodes in a stack-like fashion with balanced stack heights.
+       * <p>
+       * In this context, a stack-like fashion means that leaf nodes that connect to the same parent node are placed one upon the
+       * other, resulting in horizontally compact layouts.
+       * </p>
+       * <p>
+       * This policy tries to balance stack heights, i.e., for each subtree that consists only of leaf nodes, {@link yfiles.tree.LeafPlacement#LEAVES_STACKED_RIGHT}
+       * or {@link yfiles.tree.LeafPlacement#LEAVES_STACKED_LEFT_AND_RIGHT} will be used depending on the number of leaves in the
+       * subtree.
+       * </p>
+       * @see yfiles.tree.ClassicTreeLayout#leafPlacement
+       * @see yfiles.tree.ClassicTreeLayout#leafPlacement
+       */
+      LEAVES_STACKED,
+      /**
+       * A policy for placing the leaf nodes in a stack-like fashion using a single stack left.
+       * <p>
+       * In this context, a stack-like fashion means that leaf nodes that connect to the same root node are placed one upon the
+       * other, resulting in horizontally compact layouts.
+       * </p>
+       * <p>
+       * This policy uses a single stack that lies to the left relative to the center of the parent node.
+       * </p>
+       * @see yfiles.tree.ClassicTreeLayout#leafPlacement
+       * @see yfiles.tree.ClassicTreeLayout#leafPlacement
+       */
+      LEAVES_STACKED_LEFT,
+      /**
+       * A policy for placing the leaf nodes in a stack-like fashion using a single stack right.
+       * <p>
+       * In this context, a stack-like fashion means that leaf nodes that connect to the same root node are placed one upon the
+       * other, resulting in horizontally compact layouts.
+       * </p>
+       * <p>
+       * This policy uses a single stack that lies to the right relative to the center of the parent node.
+       * </p>
+       * @see yfiles.tree.ClassicTreeLayout#leafPlacement
+       * @see yfiles.tree.ClassicTreeLayout#leafPlacement
+       */
+      LEAVES_STACKED_RIGHT,
+      /**
+       * A policy for placing the leaf nodes in a stack-like fashion using two stacks.
+       * <p>
+       * In this context, a stack-like fashion means that leaf nodes that connect to the same root node are placed one upon the
+       * other, resulting in horizontally compact layouts.
+       * </p>
+       * <p>
+       * This policy distributes leaf nodes among two stacks, one to the left and one to the right relative to the center of the
+       * parent node.
+       * </p>
+       * @see yfiles.tree.ClassicTreeLayout#leafPlacement
+       * @see yfiles.tree.ClassicTreeLayout#leafPlacement
+       */
+      LEAVES_STACKED_LEFT_AND_RIGHT,
+      /**
+       * A policy for placing the leaf nodes in a Dendrogram-like fashion.
+       * <p>
+       * According to this policy, all leaf nodes are placed in one layer (i.e. all leaves are placed on one horizontal line in a
+       * top-to-bottom or in a bottom-to-top layout).
+       * </p>
+       * @see yfiles.tree.ClassicTreeLayout#leafPlacement
+       * @see yfiles.tree.ClassicTreeLayout#leafPlacement
+       */
+      ALL_LEAVES_ON_SAME_LAYER,
+      /**
+       * A policy for placing the leaf nodes with the same parent in the same layer.
+       * <p>
+       * For example, siblings are being placed on a horizontal line in a top-to-bottom or in a bottom-to-top layout.
+       * </p>
+       * <p>
+       * This policy produces vertically compact layouts.
+       * </p>
+       * @see yfiles.tree.ClassicTreeLayout#leafPlacement
+       * @see yfiles.tree.ClassicTreeLayout#leafPlacement
+       */
+      SIBLINGS_ON_SAME_LAYER
+    }
+    /**
+     * This {@link yfiles.tree.INodePlacer} places the subtrees such that the overall aspect ratio of the arranged subtree will be
+     * close to a preferred aspect ratio.
+     * <p>
+     * <b>Layout Style</b> The aspect ratio describes the relation between width and height of the subtree. To achieve the desired aspect ratio,
+     * this {@link yfiles.tree.INodePlacer} divides the child {@link yfiles.tree.SubtreeShape}s into as much rows as needed. The edges are
+     * either routed along the rows or along the columns. {@graph {"ann":{"s":[30,30],"d":1},"n":[[0,0],[70,70],[140,70],[210,70],[280,70],[70,140],[140,140],[210,140],[280,140],[70,210],[140,210],[210,210],[280,210],[70,280],[140,280],[210,280],[280,280]],"e":[[0,1,[50,15,50,85]],[0,2,[120,15,120,85]],[0,3,[190,15,190,85]],[0,4,[260,15,260,85]],[0,5,[50,15,50,155]],[0,6,[120,15,120,155]],[0,7,[190,15,190,155]],[0,8,[260,15,260,155]],[0,9,[50,15,50,225]],[0,10,[120,15,120,225]],[0,11,[190,15,190,225]],[0,12,[260,15,260,225]],[0,13,[50,15,50,295]],[0,14,[120,15,120,295]],[0,15,[190,15,190,295]],[0,16,[260,15,260,295]]],"vp":[0.0,0.0,310.0,310.0]}}
+     * </p>
+     * <p>
+     * Aspect ratio <code>1</code>
+     * </p>
+     * <p>
+     * {@graph {"ann":{"s":[30,30],"d":1},"n":[[0,0],[70,70],[140,70],[210,70],[70,140],[140,140],[210,140],[70,210],[140,210],[210,210],[70,280],[140,280],[210,280],[70,350],[140,350],[210,350],[70,420]],"e":[[0,1,[50,15,50,85]],[0,2,[120,15,120,85]],[0,3,[190,15,190,85]],[0,4,[50,15,50,155]],[0,5,[120,15,120,155]],[0,6,[190,15,190,155]],[0,7,[50,15,50,225]],[0,8,[120,15,120,225]],[0,9,[190,15,190,225]],[0,10,[50,15,50,295]],[0,11,[120,15,120,295]],[0,12,[190,15,190,295]],[0,13,[50,15,50,365]],[0,14,[120,15,120,365]],[0,15,[190,15,190,365]],[0,16,[50,15,50,435]]],"vp":[0.0,0.0,240.0,450.0]}}
+     * </p>
+     * <p>
+     * Aspect ratio <code>0.5</code>
+     * </p>
+     * <p>
+     * {@graph {"ann":{"s":[30,30],"d":1},"n":[[0,0],[70,70],[140,70],[210,70],[280,70],[350,70],[420,70],[490,70],[560,70],[70,140],[140,140],[210,140],[280,140],[350,140],[420,140],[490,140],[560,140]],"e":[[0,1,[50,15,50,85]],[0,2,[120,15,120,85]],[0,3,[190,15,190,85]],[0,4,[260,15,260,85]],[0,5,[330,15,330,85]],[0,6,[400,15,400,85]],[0,7,[470,15,470,85]],[0,8,[540,15,540,85]],[0,9,[50,15,50,155]],[0,10,[120,15,120,155]],[0,11,[190,15,190,155]],[0,12,[260,15,260,155]],[0,13,[330,15,330,155]],[0,14,[400,15,400,155]],[0,15,[470,15,470,155]],[0,16,[540,15,540,155]]],"vp":[0.0,0.0,590.0,170.0]}}
+     * </p>
+     * <p>
+     * Aspect ratio <code>2</code>
+     * </p>
+     * @class
+     * @extends {yfiles.tree.NodePlacerBase}
+     * @implements {yfiles.tree.IFromSketchNodePlacer}
+     */
+    export interface AspectRatioNodePlacer extends yfiles.tree.NodePlacerBase,yfiles.tree.IFromSketchNodePlacer{}
+    export class AspectRatioNodePlacer {
+      /**
+       * Creates a new instance of {@link yfiles.tree.AspectRatioNodePlacer} with default settings.
+       */
+      constructor();
+      /**
+       * Creates an {@link yfiles.collections.IComparer.<T> edge comparator} which takes the initial coordinates of the nodes into account.
+       * <p>
+       * This {@link yfiles.collections.IComparer.<T>} defines the order of the outgoing edges of a node before the actual placement of the node's subtree is calculated.
+       * It also considers whether or not the rows are placed {@link yfiles.tree.AspectRatioNodePlacer#horizontal horiontally}.
+       * </p>
+       * @returns the {@link } for the edges
+       */
+      createFromSketchComparer():yfiles.collections.IComparer<Object>;
+      /**
+       * Gets or sets whether child nodes are distributed in horizontal rows or vertical columns.
+       * @type {boolean}
+       */
+      horizontal:boolean;
+      /**
+       * Gets or sets the vertical distance between the {@link yfiles.tree.SubtreeShape}s.
+       * <p>
+       * The nodes will be placed below each other, keeping this distance.
+       * </p>
+       * <p>
+       * The distance needs to be non-negative.
+       * </p>
+       * @throws {Stubs.Exceptions.ArgumentError} if the specified distance is negative
+       * @type {number}
+       */
+      verticalDistance:number;
+      /**
+       * Gets or sets the horizontal distance between the {@link yfiles.tree.SubtreeShape}s.
+       * <p>
+       * The nodes will be placed next to each other, keeping this distance.
+       * </p>
+       * <p>
+       * The distance needs to be non-negative.
+       * </p>
+       * @throws {Stubs.Exceptions.ArgumentError} if the specified distance is negative
+       * @type {number}
+       */
+      horizontalDistance:number;
+      /**
+       * Gets or sets the preferred aspect ratio (width/height) for the subtrees.
+       * <p>
+       * This ratio determines among how many rows/columns the nodes will be distributed.
+       * </p>
+       * <p>
+       * The aspect ratio needs to be positive.
+       * </p>
+       * @throws {Stubs.Exceptions.ArgumentError} if the specified aspect ratio is <code>0</code> or negative
+       * @type {number}
+       */
+      aspectRatio:number;
+      /**
+       * Gets or sets how rows/columns are aligned with each other.
+       * @throws {Stubs.Exceptions.ArgumentError} if an unknown fill style is specified
+       * @type {yfiles.tree.FillStyle}
+       */
+      fillStyle:yfiles.tree.FillStyle;
+      static $class:yfiles.lang.Class;
+    }
+    /**
+     * The {@link yfiles.tree.AspectRatioTreeLayout} arranges tree graphs in a compact fashion.
+     * <p>
+     * <b>Layout Style</b> This layout algorithm tries to generate compact tree layouts with a certain preferred aspect ratio. {@graph {"ann":{"s":[30,30],"d":1},"n":[[0,0],[40,740],[360,740],[480,810],[400,810],[240,810],[80,810],[160,810],[560,810],[200,880],[200,940],[200,1000],[200,1060],[200,1120],[120,880],[120,940],[120,1000],[120,1060],[120,1120],[280,880],[280,940],[320,880],[320,940],[600,880],[600,940],[600,1000],[520,880],[520,940],[520,1000],[440,880],[440,940],[440,1000],[440,1060],[440,1120],[40,70],[390,70],[80,450],[80,640],[200,140],[200,450],[80,140],[150,680],[190,680],[240,210],[240,270],[240,330],[120,520],[120,580],[160,520],[160,580],[270,490],[270,550],[310,490],[310,550],[350,490],[350,550],[120,210],[120,270],[120,330],[120,390],[160,210],[160,270],[160,330],[430,610],[580,510],[430,510],[430,140],[510,140],[590,140],[470,610],[650,550],[500,550],[540,550],[630,210],[630,270],[630,330],[470,210],[470,270],[470,330],[470,390],[470,450],[550,210],[550,270],[550,330],[550,390],[550,450]],"e":[[0,1,-10,0,0,0,[5,50,5,720,55,720]],[0,2,-10,0,0,0,[5,50,5,720,375,720]],[2,3,-10,0,0,0,[365,790,495,790]],[2,4,-10,0,0,0,[365,790,415,790]],[1,5,-10,0,0,0,[45,790,255,790]],[1,6,-10,0,0,0,[45,790,95,790]],[1,7,-10,0,0,0,[45,790,175,790]],[2,8,-10,0,0,0,[365,790,575,790]],[7,9,-10,0,0,0,[165,860,215,860]],[7,10,-10,0,0,0,[165,860,165,920,215,920]],[7,11,-10,0,0,0,[165,860,165,980,215,980]],[7,12,-10,0,0,0,[165,860,165,1040,215,1040]],[7,13,-10,0,0,0,[165,860,165,1100,215,1100]],[6,14,-10,0,0,0,[85,860,135,860]],[6,15,-10,0,0,0,[85,860,85,920,135,920]],[6,16,-10,0,0,0,[85,860,85,980,135,980]],[6,17,-10,0,0,0,[85,860,85,1040,135,1040]],[6,18,-10,0,0,0,[85,860,85,1100,135,1100]],[5,19,-10,0,0,0,[245,860,295,860]],[5,20,-10,0,0,0,[245,860,245,920,295,920]],[5,21,-10,0,0,0,[245,860,335,860]],[5,22,-10,0,0,0,[245,860,245,920,335,920]],[8,23,-10,0,0,0,[565,860,615,860]],[8,24,-10,0,0,0,[565,860,565,920,615,920]],[8,25,-10,0,0,0,[565,860,565,980,615,980]],[3,26,-10,0,0,0,[485,860,535,860]],[3,27,-10,0,0,0,[485,860,485,920,535,920]],[3,28,-10,0,0,0,[485,860,485,980,535,980]],[4,29,-10,0,0,0,[405,860,455,860]],[4,30,-10,0,0,0,[405,860,405,920,455,920]],[4,31,-10,0,0,0,[405,860,405,980,455,980]],[4,32,-10,0,0,0,[405,860,405,1040,455,1040]],[4,33,-10,0,0,0,[405,860,405,1100,455,1100]],[0,34,-10,0,0,0,[5,50,55,50]],[0,35,-10,0,0,0,[5,50,405,50]],[34,36,-10,0,0,0,[45,120,45,430,95,430]],[34,37,-10,0,0,0,[45,120,45,620,95,620]],[34,38,-10,0,0,0,[45,120,215,120]],[34,39,-10,0,0,0,[45,120,45,430,215,430]],[34,40,-10,0,0,0,[45,120,95,120]],[37,41,0,-10,0,0,[130,645,130,660,165,660]],[37,42,0,-10,0,0,[130,645,130,660,205,660]],[38,43,-10,0,0,0,[205,190,255,190]],[38,44,-10,0,0,0,[205,190,205,250,255,250]],[38,45,-10,0,0,0,[205,190,205,310,255,310]],[36,46,-10,0,0,0,[85,500,135,500]],[36,47,-10,0,0,0,[85,500,85,560,135,560]],[36,48,-10,0,0,0,[85,500,175,500]],[36,49,-10,0,0,0,[85,500,85,560,175,560]],[39,50,0,-10,0,0,[250,455,250,470,285,470]],[39,51,0,-10,0,0,[250,455,250,530,285,530]],[39,52,0,-10,0,0,[250,455,250,470,325,470]],[39,53,0,-10,0,0,[250,455,250,530,325,530]],[39,54,0,-10,0,0,[250,455,250,470,365,470]],[39,55,0,-10,0,0,[250,455,250,530,365,530]],[40,56,-10,0,0,0,[85,190,135,190]],[40,57,-10,0,0,0,[85,190,85,250,135,250]],[40,58,-10,0,0,0,[85,190,85,310,135,310]],[40,59,-10,0,0,0,[85,190,85,370,135,370]],[40,60,-10,0,0,0,[85,190,175,190]],[40,61,-10,0,0,0,[85,190,85,250,175,250]],[40,62,-10,0,0,0,[85,190,85,310,175,310]],[35,63,-10,0,0,0,[395,120,395,590,445,590]],[35,64,-10,0,0,0,[395,120,395,490,595,490]],[35,65,-10,0,0,0,[395,120,395,490,445,490]],[35,66,-10,0,0,0,[395,120,445,120]],[35,67,-10,0,0,0,[395,120,525,120]],[35,68,-10,0,0,0,[395,120,605,120]],[35,69,-10,0,0,0,[395,120,395,590,485,590]],[64,70,0,-10,0,0,[630,515,630,530,665,530]],[65,71,0,-10,0,0,[480,515,480,530,515,530]],[65,72,0,-10,0,0,[480,515,480,530,555,530]],[68,73,-10,0,0,0,[595,190,645,190]],[68,74,-10,0,0,0,[595,190,595,250,645,250]],[68,75,-10,0,0,0,[595,190,595,310,645,310]],[66,76,-10,0,0,0,[435,190,485,190]],[66,77,-10,0,0,0,[435,190,435,250,485,250]],[66,78,-10,0,0,0,[435,190,435,310,485,310]],[66,79,-10,0,0,0,[435,190,435,370,485,370]],[66,80,-10,0,0,0,[435,190,435,430,485,430]],[67,81,-10,0,0,0,[515,190,565,190]],[67,82,-10,0,0,0,[515,190,515,250,565,250]],[67,83,-10,0,0,0,[515,190,515,310,565,310]],[67,84,-10,0,0,0,[515,190,515,370,565,370]],[67,85,-10,0,0,0,[515,190,515,430,565,430]]],"vp":[0.0,0.0,680.0,1150.0]}}
+     * </p>
+     * <p>
+     * Example layout with an aspect ratio of <code>0.5</code>
+     * </p>
+     * <p>
+     * <b>Concept</b>
+     * </p>
+     * <p>
+     * The layout algorithm starts from the root and recursively assigns coordinates to all tree nodes. In this manner, leaf
+     * nodes will be placed first, while each parent node is placed centered above its child nodes.
+     * </p>
+     * <p>
+     * <b>Features</b>
+     * </p>
+     * <p>
+     * The aspect ratio of each subtree can be specified individually. A {@link yfiles.algorithms.IDataProvider} registered with {@link yfiles.tree.AspectRatioTreeLayout#SUBTREE_ASPECT_RATIO_DP_KEY}
+     * returns the aspect ratio for each local root node.
+     * </p>
+     * <p>
+     * A custom node can be defined as root of the tree using a {@link yfiles.algorithms.IDataProvider} registered with the graph with
+     * key {@link yfiles.tree.AspectRatioTreeLayout#SELECTED_ROOT_DP_KEY}.
+     * </p>
+     * @class
+     * @extends {yfiles.layout.MultiStageLayout}
+     */
+    export interface AspectRatioTreeLayout extends yfiles.layout.MultiStageLayout{}
+    export class AspectRatioTreeLayout {
+      /**
+       * Creates a new {@link yfiles.tree.AspectRatioTreeLayout} instance with default settings.
+       */
+      constructor();
+      /**
+       * Adds bends to the given {@link yfiles.layout.IEdgeLayout}.
+       * <p>
+       * This method is called by {@link yfiles.tree.AspectRatioTreeLayout#applyLayoutCore} for each edge, after the nodes are placed, to
+       * route the path of the edges. It may be overridden to apply a custom routing style.
+       * </p>
+       * @param edgeLayout the layout of the edge that is routed
+       * @param localRoot the local root of the subtree
+       * @param child the child connected to the local root with the given edge
+       * @param rootPlacement the placement specifier of the local root
+       * @param routingPolicy the direction specifier for the routing
+       * @protected
+       */
+      createBends(edgeLayout:yfiles.layout.IEdgeLayout,localRoot:yfiles.algorithms.Node,child:yfiles.algorithms.Node,rootPlacement:yfiles.tree.RootPlacement,routingPolicy:yfiles.tree.SubtreeArrangement):void;
+      /**
+       * Retrieves the aspect ratio for the subtree that is rooted at the given node.
+       * <p>
+       * If there is an individual aspect ratio for the subtree provided by a {@link yfiles.algorithms.IDataProvider} registered with key
+       * {@link yfiles.tree.AspectRatioTreeLayout#SUBTREE_ASPECT_RATIO_DP_KEY}, that ratio will be returned. Otherwise, the {@link yfiles.tree.AspectRatioTreeLayout#aspectRatio default aspect ratio}
+       * will be returned.
+       * </p>
+       * <p>
+       * This method is called by {@link yfiles.tree.AspectRatioTreeLayout#applyLayoutCore} before a subtree is arranged. It may be
+       * overridden to use another approach to define the aspect ratio for subtrees.
+       * </p>
+       * @param localRoot the root node of the subtree
+       * @returns the aspect ratio of the subtree rooted at the local root node
+       * @see yfiles.tree.AspectRatioTreeLayout#SUBTREE_ASPECT_RATIO_DP_KEY
+       * @see yfiles.tree.AspectRatioTreeLayout#aspectRatio
+       * @protected
+       */
+      getAspectRatio(localRoot:yfiles.algorithms.Node):number;
+      /**
+       * Retrieves the root placement for the subtree that is rooted at the given node.
+       * <p>
+       * Either an individual root placement for the subtree (defined via a {@link yfiles.algorithms.IDataProvider} registered with
+       * {@link yfiles.tree.AspectRatioTreeLayout#ROOT_PLACEMENT_DP_KEY}), or if there is none, the {@link yfiles.tree.AspectRatioTreeLayout#rootPlacement default root placement} is returned.
+       * </p>
+       * <p>
+       * This method is called by {@link yfiles.tree.AspectRatioTreeLayout#applyLayoutCore} after a subtree is arranged to align the
+       * local root node. It may be overridden to use another approach to define the root placement for a subtree.
+       * </p>
+       * @param localRoot the root of the subtree
+       * @returns the root placement of the subtree
+       * @see yfiles.tree.AspectRatioTreeLayout#ROOT_PLACEMENT_DP_KEY
+       * @see yfiles.tree.AspectRatioTreeLayout#rootPlacement
+       * @protected
+       */
+      getRootPlacement(localRoot:Object):yfiles.tree.RootPlacement;
+      /**
+       * Retrieves the routing for the subtree that is rooted at the given node.
+       * <p>
+       * Either an individual routing for the subtree (defined via a {@link yfiles.algorithms.IDataProvider} registered with
+       * {@link yfiles.tree.AspectRatioTreeLayout#SUBTREE_ROUTING_POLICY_DP_KEY}), or if there is none, the {@link yfiles.tree.AspectRatioTreeLayout#subtreeArrangement default routing} is returned.
+       * </p>
+       * <p>
+       * This method is called by {@link yfiles.tree.AspectRatioTreeLayout#applyLayoutCore} to determine the direction of the subtrees.
+       * It may be overridden to use another approach to define the routing for a subtree.
+       * </p>
+       * @param localRoot the root of the subtree
+       * @returns the routing policy for the subtree
+       * @see yfiles.tree.AspectRatioTreeLayout#SUBTREE_ROUTING_POLICY_DP_KEY
+       * @see yfiles.tree.AspectRatioTreeLayout#subtreeArrangement
+       * @protected
+       */
+      getSubtreeArrangement(localRoot:Object):yfiles.tree.SubtreeArrangement;
+      /**
+       * Retrieves all children of the given local root.
+       * <p>
+       * This method is called by {@link yfiles.tree.AspectRatioTreeLayout#applyLayoutCore} to arrange the subtrees below the local
+       * root.
+       * </p>
+       * @param localRoot the root of a subtree
+       * @returns all successors of the given node
+       * @protected
+       */
+      getSuccessors(localRoot:yfiles.algorithms.Node):yfiles.algorithms.INodeCursor;
+      /**
+       * Data provider key for specifying a target aspect ratio for each subtree
+       * <p>
+       * The aspect ratio needs to be greater than <code>0</code>.
+       * </p>
+       * <ul>
+       * <li>aspect ratio <code>1</code>: width and height of the layout should be the same</li>
+       * <li>aspect ratio between <code>0</code> and <code>1</code>: the height of the layout should be greater than its width</li>
+       * <li>aspect ratio greater than <code>1</code>: the width of the layout should be greater than its height</li>
+       * </ul>
+       * <p>
+       * If no specific ratio is defined for a subtree, the layout algorithm falls back to the default {@link yfiles.tree.AspectRatioTreeLayout#aspectRatio aspect ratio}.
+       * </p>
+       * @const
+       * @static
+       * @type {yfiles.algorithms.NodeDpKey.<number>}
+       */
+      static SUBTREE_ASPECT_RATIO_DP_KEY:yfiles.algorithms.NodeDpKey<number>;
+      /**
+       * Data provider key for specifying the placement of each subtree root
+       * <p>
+       * If no root placement is specified for one of the subtree roots, the default {@link yfiles.tree.AspectRatioTreeLayout#rootPlacement root placement} will be used.
+       * </p>
+       * @const
+       * @static
+       * @type {yfiles.algorithms.NodeDpKey.<yfiles.tree.RootPlacement>}
+       */
+      static ROOT_PLACEMENT_DP_KEY:yfiles.algorithms.NodeDpKey<yfiles.tree.RootPlacement>;
+      /**
+       * Data provider key for specifying the routing direction for each subtree root
+       * <p>
+       * The children in a subtree are arranged either horizontally or vertically. The edges are routed to the top of the child
+       * nodes or at the side, respectively. Directions depend on the {@link yfiles.layout.MultiStageLayout#layoutOrientation layout orientation} and refer to {@link yfiles.layout.LayoutOrientation#TOP_TO_BOTTOM}
+       * for this description.
+       * </p>
+       * <p>
+       * If no specific routing policy is specified for a subtree root, the layout algorithm uses the default {@link yfiles.tree.AspectRatioTreeLayout#subtreeArrangement routing direction}.
+       * </p>
+       * @const
+       * @static
+       * @type {yfiles.algorithms.NodeDpKey.<yfiles.tree.SubtreeArrangement>}
+       */
+      static SUBTREE_ROUTING_POLICY_DP_KEY:yfiles.algorithms.NodeDpKey<yfiles.tree.SubtreeArrangement>;
+      /**
+       * Data provider key for marking the node that will be used as root node of the tree
+       * @const
+       * @static
+       * @type {yfiles.algorithms.NodeDpKey.<boolean>}
+       */
+      static SELECTED_ROOT_DP_KEY:yfiles.algorithms.NodeDpKey<boolean>;
+      /**
+       * The input graph this algorithm is handling.
+       * @protected
+       * @type {yfiles.layout.LayoutGraph}
+       */
+      graph:yfiles.layout.LayoutGraph;
+      /**
+       * Gets or sets the horizontal distance between adjacent nodes.
+       * <p>
+       * The distance needs to be non-negative.
+       * </p>
+       * @throws {Stubs.Exceptions.ArgumentError} if the specified distance is negative
+       * @type {number}
+       */
+      horizontalDistance:number;
+      /**
+       * Gets or sets the vertical distance between adjacent nodes.
+       * <p>
+       * The distance needs to be non-negative.
+       * </p>
+       * @throws {Stubs.Exceptions.ArgumentError} if the specified distance is negative
+       * @type {number}
+       */
+      verticalDistance:number;
+      /**
+       * Sets whether or not the {@link yfiles.layout.ILayoutStage} used for arranging the components of the graph is activated.
+       * @see yfiles.layout.MultiStageLayout#componentLayoutEnabled
+       * @see yfiles.layout.MultiStageLayout#componentLayout
+       * @see yfiles.layout.ComponentLayout
+       * @type {boolean}
+       */
+      componentLayoutEnabled:boolean;
+      /**
+       * Sets whether or not the {@link yfiles.layout.ILayoutStage} used for hiding group nodes is activated.
+       * @see yfiles.layout.MultiStageLayout#hideGroupsStageEnabled
+       * @see yfiles.layout.MultiStageLayout#hideGroupsStage
+       * @see yfiles.layout.HideGroupsStage
+       * @type {boolean}
+       */
+      hideGroupsStageEnabled:boolean;
+      /**
+       * Sets whether or not the {@link yfiles.layout.ILayoutStage} used for routing parallel edges is activated.
+       * @see yfiles.layout.MultiStageLayout#parallelEdgeRouterEnabled
+       * @see yfiles.layout.MultiStageLayout#parallelEdgeRouter
+       * @see yfiles.router.ParallelEdgeRouter
+       * @type {boolean}
+       */
+      parallelEdgeRouterEnabled:boolean;
+      /**
+       * Sets whether or not the {@link yfiles.layout.ILayoutStage} used for routing self-loops is activated.
+       * @see yfiles.layout.MultiStageLayout#selfLoopRouterEnabled
+       * @see yfiles.layout.MultiStageLayout#selfLoopRouter
+       * @see yfiles.layout.SelfLoopRouter
+       * @type {boolean}
+       */
+      selfLoopRouterEnabled:boolean;
+      /**
+       * Gets or sets the {@link yfiles.collections.IComparer.<T>} that will be used for sorting the {@link yfiles.algorithms.Node#sortOutEdges outgoing edges} of each local root in the tree before they are being
+       * arranged.
+       * @type {yfiles.collections.IComparer.<Object>}
+       */
+      comparer:yfiles.collections.IComparer<Object>;
+      /**
+       * Gets or sets the default aspect ratio for this {@link yfiles.tree.AspectRatioTreeLayout}.
+       * <p>
+       * This aspect ratio is used for all subtrees for which there is no specific aspect ratio defined in a {@link yfiles.algorithms.IDataProvider}
+       * registered with {@link yfiles.tree.AspectRatioTreeLayout#SUBTREE_ASPECT_RATIO_DP_KEY}.
+       * </p>
+       * <p>
+       * The aspect ratio needs to have a positive value.
+       * </p>
+       * @throws {Stubs.Exceptions.ArgumentError} if the specified aspect ratio is <code>0</code> or negative
+       * @type {number}
+       */
+      aspectRatio:number;
+      /**
+       * Gets or sets the desired placement of the tree's root node.
+       * @throws {Stubs.Exceptions.ArgumentError} if an unknown placement specifiers is set
+       * @type {yfiles.tree.RootPlacement}
+       */
+      rootPlacement:yfiles.tree.RootPlacement;
+      /**
+       * Gets or sets how the children of a local root are arranged and how the edges between them are routed.
+       * @throws {Stubs.Exceptions.ArgumentError} if the specified routing policy is unknown
+       * @type {yfiles.tree.SubtreeArrangement}
+       */
+      subtreeArrangement:yfiles.tree.SubtreeArrangement;
+      /**
+       * Gets or sets the preferred distance between any two bends of an edge.
+       * <p>
+       * Additionally, the preferred bend distance governs the distance between the first and last edges and the corresponding
+       * ports.
+       * </p>
+       * <p>
+       * The distance needs to be non-negative.
+       * </p>
+       * @throws {Stubs.Exceptions.ArgumentError} if the specified distance is negative
+       * @type {number}
+       */
+      bendDistance:number;
+      static $class:yfiles.lang.Class;
+    }
+    /**
+     * The {@link yfiles.tree.AssistantNodePlacer} places nodes that are marked as assistants left and right of their parents and all
+     * other nodes below the assistant nodes.
+     * <p>
+     * <b>Layout Style</b> {@graph {"ann":{"s":[30,30],"d":1},"n":[[75,0],[100,171],[50,171],[0,171],[150,171],[110,50,1],[40,100,1],[40,50,1]],"e":[[0,1,[90,150.5,115,150.5]],[0,2,[90,150.5,65,150.5]],[0,3,[90,150.5,15,150.5]],[0,4,[90,150.5,165,150.5]],[0,5,[90,65]],[0,6,[90,115]],[0,7,[90,65]]],"vp":[0.0,0.0,180.0,201.0]}}
+     * </p>
+     * <p>
+     * Assistants are marked
+     * </p>
+     * <p>
+     * <b>Concept</b> This {@link yfiles.tree.INodePlacer} delegates the placement of all assistant nodes to an instance of
+     * {@link yfiles.tree.LeftRightNodePlacer}. The non-assistant nodes are handled by another {@link yfiles.tree.AssistantNodePlacer#childNodePlacer node placer}. To be able to do this, {@link yfiles.tree.AssistantNodePlacer}
+     * uses a {@link yfiles.tree.IProcessor} which prepares the graph for node placing.
+     * </p>
+     * <p>
+     * A {@link yfiles.algorithms.IDataProvider} that is registered using {@link yfiles.tree.AssistantNodePlacer#ASSISTANT_NODE_DP_KEY} returns
+     * <code>true</code> for assistant nodes and <code>false</code> for all other nodes.
+     * </p>
+     * @class
+     * @extends {yfiles.tree.RotatableNodePlacerBase}
+     */
+    export interface AssistantNodePlacer extends yfiles.tree.RotatableNodePlacerBase{}
+    export class AssistantNodePlacer {
+      /**
+       * Creates a new {@link yfiles.tree.AssistantNodePlacer} instance that uses the transformation defined by the given matrix.
+       * @param modificationMatrix the transformation matrix
+       */
+      constructor(modificationMatrix:yfiles.tree.RotatableNodePlacerMatrix);
+      /**
+       * Creates a new {@link yfiles.tree.AssistantNodePlacer} instance with default settings.
+       */
+      constructor();
+      /**
+       * Creates a {@link yfiles.collections.IComparer.<T>} that compares outgoing edges connecting to assistant nodes and edges connecting to non-assistant nodes
+       * separately.
+       * @param assistantComparer the {@link } for edges connecting to <em>assistant</em> nodes
+       * @param childComparer the {@link } for edges connecting to <em>non-assistant</em> nodes
+       * @returns a {@link } that compares edges to assistant nodes separately from edges to non-assistant nodes
+       * @static
+       */
+      static createCompoundComparer(assistantComparer:yfiles.collections.IComparer<Object>,childComparer:yfiles.collections.IComparer<Object>):yfiles.collections.IComparer<Object>;
+      /**
+       * Data provider key for marking which nodes are placed as assistants
+       * @const
+       * @static
+       * @type {yfiles.algorithms.NodeDpKey.<boolean>}
+       */
+      static ASSISTANT_NODE_DP_KEY:yfiles.algorithms.NodeDpKey<boolean>;
+      /**
+       * Gets or sets the spacing between subtrees for the delegate {@link yfiles.tree.INodePlacer}.
+       * <p>
+       * The spacing needs to be non-negative.
+       * </p>
+       * @throws {Stubs.Exceptions.ArgumentError} if the given spacing is negative
+       * @type {number}
+       */
+      spacing:number;
+      /**
+       * Gets or sets the {@link yfiles.tree.INodePlacer} instance that places the non-assistant children.
+       * <p>
+       * These non-assistant child nodes will be placed below the assistant child nodes and are arranged by the given
+       * {@link yfiles.tree.INodePlacer}. Non-assistant child nodes are the ones that are not marked in the {@link yfiles.algorithms.IDataProvider}
+       * registered with {@link yfiles.tree.AssistantNodePlacer#ASSISTANT_NODE_DP_KEY}.
+       * </p>
+       * @see yfiles.tree.AssistantNodePlacer#ASSISTANT_NODE_DP_KEY
+       * @type {yfiles.tree.INodePlacer}
+       */
+      childNodePlacer:yfiles.tree.INodePlacer;
+      static $class:yfiles.lang.Class;
+    }
+    /**
+     * The {@link yfiles.tree.BusNodePlacer} creates a bus to which all child nodes and the local root node are connected.
+     * <p>
+     * <b>Layout Style</b> {@graph {"ann":{"s":[30,30],"d":1},"n":[[40,0],[140,0],[190,0],[50,70],[0,70],[100,70],[150,70],[90,0,1]],"e":[[7,0,[105,50,55,50]],[7,1,[105,50,155,50]],[7,2,[105,50,205,50]],[7,3,[105,50,65,50]],[7,4,[105,50,15,50]],[7,5,[105,50,115,50]],[7,6,[105,50,165,50]]],"vp":[0.0,0.0,220.0,100.0]}}
+     * </p>
+     * <p>
+     * The root node is marked
+     * </p>
+     * @class
+     * @extends {yfiles.tree.RotatableNodePlacerBase}
+     */
+    export interface BusNodePlacer extends yfiles.tree.RotatableNodePlacerBase{}
+    export class BusNodePlacer {
+      /**
+       * Creates a new {@link yfiles.tree.BusNodePlacer} instance that uses the transformation defined by the given matrix.
+       * @param modificationMatrix the transformation matrix
+       */
+      constructor(modificationMatrix:yfiles.tree.RotatableNodePlacerMatrix);
+      /**
+       * Creates a new instance of {@link yfiles.tree.BusNodePlacer} with default settings.
+       */
+      constructor();
+      static $class:yfiles.lang.Class;
+    }
+    /**
+     * This layout algorithm arranges graphs with a tree structure.
+     * <p>
+     * <b>Layout Style</b> {@link yfiles.tree.ClassicTreeLayout} is designed to arrange directed and undirected trees that have a unique root node. All
+     * children are placed below their parent in relation to the main layout direction. The edges of the graph are routed as
+     * straight-line segments or in an orthogonal bus-like fashion.
+     * </p>
+     * <p>
+     * Tree layout algorithms are commonly used for visualizing relational data and for producing diagrams of high quality that
+     * are able to reveal possible hierarchic properties of the graph. More precisely, they find applications in dataflow
+     * analysis, software engineering, bioinformatics and business administration.
+     * </p>
+     * <p>
+     * {@graph {"ann":{"s":[30,30],"d":1},"n":[[215.62,70],[365.62,0],[706.25,210],[25,140],[331.25,140],[100,280],[512.5,210],[325,280],[762.5,280],[200,210],[150,350],[400,350],[825,350],[350,350],[25,210],[900,420],[700,420],[100,350],[575,280],[575,350],[600,420],[200,280],[150,420],[25,280],[550,420],[300,420],[850,420],[800,420],[400,420],[200,350],[350,420],[50,350],[500,420],[100,420],[750,420],[450,420],[0,420],[50,420],[200,420],[650,280],[250,420],[650,420],[650,350]],"e":[[1,0,0,15,0,-15,[230.62,50]],[1,2,0,15,0,-15,[721.25,50]],[1,3,0,15,0,-15,[40,50]],[0,4,0,15,0,-15,[346.25,120]],[0,5,0,15,0,-15,[115,120]],[4,6,0,15,0,-15,[527.5,190]],[4,7,0,15,0,-15,[340,190]],[2,8,0,15,0,-15,[777.5,260]],[4,9,0,15,0,-15,[215,190]],[4,10,0,15,0,-15,[165,190]],[7,11,0,15,0,-15,[415,330]],[8,12,0,15,0,-15,[840,330]],[7,13,0,15,0,-15,[365,330]],[3,14,0,15,0,-15],[12,15,0,15,0,-15,[915,400]],[8,16,0,15,0,-15,[715,330]],[5,17,0,15,0,-15],[6,18,0,15,0,-15,[590,260]],[18,19,0,15,0,-15],[19,20,0,15,0,-15,[615,400]],[9,21,0,15,0,-15],[10,22,0,15,0,-15],[14,23,0,15,0,-15],[19,24,0,15,0,-15,[565,400]],[7,25,0,15,0,-15,[315,330]],[12,26,0,15,0,-15,[865,400]],[12,27,0,15,0,-15,[815,400]],[11,28,0,15,0,-15],[21,29,0,15,0,-15],[13,30,0,15,0,-15],[23,31,0,15,0,-15,[65,330]],[6,32,0,15,0,-15,[515,260]],[17,33,0,15,0,-15],[12,34,0,15,0,-15,[765,400]],[6,35,0,15,0,-15,[465,260]],[23,36,0,15,0,-15,[15,330]],[31,37,0,15,0,-15],[29,38,0,15,0,-15],[2,39,0,15,0,-15,[665,260]],[7,40,0,15,0,-15,[265,330]],[39,42,0,15,0,-15],[42,41,0,15,0,-15]],"vp":[0.0,0.0,930.0,450.0]}} A Dendrogram {@graph {"ann":{"s":[30,30],"d":1},"n":[[983.12,0],[495,85],[495,170],[151.25,170],[495,240],[42.5,255],[85,325],[0,325],[520,310],[470,310],[520,380],[135,395],[470,380],[85,395],[520,450],[35,395],[185,240,265,270,2],[260,255],[320,325],[405,395],[320,395],[370,465],[320,465],[235,395],[270,465],[200,325],[570,155,560,510,2],[670,170],[1060,240],[670,240],[1060,310],[670,325],[585,240],[1085,380],[670,395],[670,465],[620,325],[1035,380],[720,310,295,340,2],[810,325],[920,395],[835,395],[920,465],[785,395],[835,465],[970,535],[920,535],[735,395],[735,465],[870,535],[920,605],[1150,70,440,495,2],[1471.25,85],[1545,155],[1397.5,155],[1510,240],[1435,240],[1460,310],[1360,240],[1460,380],[1485,450],[1410,310],[1360,310],[1435,450],[1510,310],[1360,380],[1435,520],[1165,225,175,230,2],[1230,240],[1280,310],[1230,310],[1180,310],[1265,380,60,60,2],[1280,395]],"e":[[0,1,[998.12,50,510,50]],[1,2],[1,3,[510,135,166.25,135]],[2,4],[3,5,[166.25,220,57.5,220]],[5,6,[57.5,305,100,305]],[5,7,[57.5,305,15,305]],[4,8,[510,290,535,290]],[4,9,[510,290,485,290]],[8,10],[6,11,[100,375,150,375]],[9,12],[6,13],[10,14],[6,15,[100,375,50,375]],[3,17,[166.25,220,275,220]],[17,18,[275,305,335,305]],[18,19,[335,375,420,375]],[18,20],[20,21,[335,445,385,445]],[20,22],[18,23,[335,375,250,375]],[20,24,[335,445,285,445]],[17,25,[275,305,215,305]],[1,27,[510,135,685,135]],[27,28,[685,220,1075,220]],[27,29],[28,30],[29,31],[27,32,[685,220,600,220]],[30,33,[1075,360,1100,360]],[31,34],[34,35],[29,36,[685,290,635,290]],[30,37,[1075,360,1050,360]],[29,39,[685,290,825,290]],[39,40,[825,375,935,375]],[39,41,[825,375,850,375]],[40,42],[39,43,[825,375,800,375]],[41,44],[42,45,[935,515,985,515]],[42,46],[39,47,[825,375,750,375]],[47,48],[42,49,[935,515,885,515]],[46,50],[0,52,[998.12,50,1486.25,50]],[52,53,[1486.25,135,1560,135]],[52,54,[1486.25,135,1412.5,135]],[54,55,[1412.5,205,1525,205]],[54,56,[1412.5,205,1450,205]],[56,57,[1450,290,1475,290]],[54,58,[1412.5,205,1375,205]],[57,59],[59,60,[1475,430,1500,430]],[56,61,[1450,290,1425,290]],[58,62],[59,63,[1475,430,1450,430]],[55,64],[62,65],[63,66],[54,68,[1412.5,205,1245,205]],[68,69,[1245,290,1295,290]],[68,70],[68,71,[1245,290,1195,290]],[69,73]],"vp":[0.0,0.0,1590.0,665.0]}} A graph containing group nodes {@graph {"ann":{"s":[30,30],"d":1},"n":[[4.33,440.22],[74.33,418.34,73.78,73.78],[188.11,41,48,48],[197.11,417.95],[298,245.33],[298,445.67],[389.89,393.78,73.78,73.78],[411.78,146.89],[298,25],[411.78,243.78],[411.78,293.78],[298,590.56],[503.67,100,73.78,73.78],[197.11,708.56],[188.11,821.45,48,48],[525.56,415.67],[525.56,243.78],[399.84,13.06,53.88,53.88],[276.11,661.67,73.78,73.78],[411.78,343.78],[411.78,497.56],[402.78,547.56,48,48],[402.78,615.56,48,48],[298,755.45],[525.56,472.56],[525.56,293.78],[629.39,243.78],[525.56,0],[525.56,50],[525.56,522.56],[298,805.45],[617.45,485.62,53.88,53.88],[629.39,50],[411.78,755.45],[711.33,38.06,53.88,53.88],[629.39,559.5],[298,75],[411.78,683.56],[525.56,599.56],[411.78,805.45],[723.27,559.5],[629.39,293.78],[525.56,193.78],[723.27,497.56],[298,855.45],[525.56,649.56]],"e":[[0,1],[1,2,[168.11,455.22,168.11,65]],[1,3,[168.11,455.22,168.11,432.95]],[3,4,[256.11,432.95,256.11,260.33]],[3,5,[256.11,432.95,256.11,460.67]],[5,6,[369.89,460.67,369.89,430.67]],[4,7,[369.89,260.33,369.89,161.89]],[2,8,[256.11,65,256.11,40]],[4,9,[369.89,260.33,369.89,258.78]],[4,10,[369.89,260.33,369.89,308.78]],[3,11,[256.11,432.95,256.11,605.56]],[7,12,[483.67,161.89,483.67,136.89]],[1,13,[168.11,455.22,168.11,723.56]],[1,14,[168.11,455.22,168.11,845.45]],[6,15],[9,16],[8,17],[13,18,[256.11,723.56,256.11,698.56]],[4,19,[369.89,260.33,369.89,358.78]],[5,20,[369.89,460.67,369.89,512.56]],[11,21,[369.89,605.56,369.89,571.56]],[11,22,[369.89,605.56,369.89,639.56]],[13,23,[256.11,723.56,256.11,770.45]],[20,24,[483.67,512.56,483.67,487.56]],[10,25],[16,26],[17,27,[483.67,40,483.67,15]],[17,28,[483.67,40,483.67,65]],[20,29,[483.67,512.56,483.67,537.56]],[14,30,[256.11,845.45,256.11,820.45]],[29,31,[597.45,537.56,597.45,512.56]],[28,32],[23,33],[32,34],[29,35,[597.45,537.56,597.45,574.5]],[2,36,[256.11,65,256.11,90]],[18,37],[22,38,[483.67,639.56,483.67,614.56]],[30,39],[35,40],[25,41],[7,42,[483.67,161.89,483.67,208.78]],[31,43],[14,44,[256.11,845.45,256.11,870.45]],[22,45,[483.67,639.56,483.67,664.56]]],"vp":[4.0,0.0,762.0,886.0]}} Left-to-right layout with global layering<b>Concept</b>
+     * </p>
+     * <p>
+     * The layout algorithm starts from the root and recursively assigns coordinates to all tree nodes. In this manner, leaf
+     * nodes will be placed first, while each parent node is placed centered above its children.
+     * </p>
+     * <p>
+     * <b>Features</b>
+     * </p>
+     * <p>
+     * The layout algorithm supports custom sorting of sibling nodes by using a specific {@link yfiles.tree.NodeOrderComparer}. Each
+     * tree node may have an individual {@link yfiles.tree.NodeOrderComparer} that is stored in a {@link yfiles.algorithms.IDataProvider}
+     * registered with the graph with {@link yfiles.tree.NodeOrderComparer#NODE_ORDER_COMPARABLE_DP_KEY}. If this {@link yfiles.tree.NodeOrderComparer}
+     * uses the initial coordinates of the nodes, it allows the incremental insertion of child nodes while keeping the relative
+     * locations of the other nodes.
+     * </p>
+     * <p>
+     * A custom node can be defined as root of the tree using a {@link yfiles.algorithms.IDataProvider} registered with the graph with
+     * key {@link yfiles.tree.ClassicTreeLayout#SELECTED_ROOT_DP_KEY}.
+     * </p>
+     * <p>
+     * {@link yfiles.tree.ClassicTreeLayout} can be configured to {@link yfiles.tree.ClassicTreeLayout#considerNodeLabels reserve space for node labels}. It can also {@link yfiles.tree.ClassicTreeLayout#integratedEdgeLabeling place edge labels along edges}
+     * such that the labels won't overlap with other graph elements. Edge labels are placed according to the information stored
+     * in a {@link yfiles.layout.PreferredPlacementDescriptor} instance. However, the placement along the edge will only affect the
+     * order of multiple labels at the same edge. The algorithm will always place the labels close to the target node.
+     * </p>
+     * <p>
+     * Grouping of nodes can also be handled by this layout algorithm. It is important that a group node contains a whole
+     * subtree. Otherwise, the group nodes may overlap with each other or with other nodes. Furthermore, the user may specify
+     * minimum size constraints for each group node using {@link yfiles.algorithms.IDataProvider} key
+     * {@link yfiles.layout.GroupingKeys#MINIMUM_NODE_SIZE_DP_KEY}.
+     * </p>
+     * <p>
+     * This layout algorithm can only handle graphs with a tree structure. To apply it to a general graph, a {@link yfiles.tree.TreeReductionStage}
+     * can be appended. This stage will temporarily remove some edges of the input graph until a tree is obtained. After the
+     * layout calculation, the stage will reinsert the edges that were removed and route them separately.
+     * </p>
+     * @class
+     * @extends {yfiles.layout.MultiStageLayout}
+     */
+    export interface ClassicTreeLayout extends yfiles.layout.MultiStageLayout{}
+    export class ClassicTreeLayout {
+      /**
+       * Creates a new {@link yfiles.tree.ClassicTreeLayout} instance with default settings.
+       */
+      constructor();
+      /**
+       * Data provider key for marking the node that will be used as root node of the tree
+       * @const
+       * @static
+       * @type {yfiles.algorithms.NodeDpKey.<boolean>}
+       */
+      static SELECTED_ROOT_DP_KEY:yfiles.algorithms.NodeDpKey<boolean>;
+      /**
+       * Gets or sets whether or not a global layering is enforced, that is, each node spans exactly one layer.
+       * <p>
+       * If it is enabled, the algorithm ensures that nodes never span more than one layer. Otherwise, nodes with larger size
+       * might span two or more layers such that a more compact layout is produced.
+       * </p>
+       * <p>
+       * This setting can be advantageous, if the hierarchical structure of the tree should be emphasized.
+       * </p>
+       * @see yfiles.tree.ClassicTreeLayout#verticalAlignment
+       * @see yfiles.tree.ClassicTreeLayout#verticalAlignment
+       * @type {boolean}
+       */
+      enforceGlobalLayering:boolean;
+      /**
+       * Gets or sets the layout policy for leaf nodes.
+       * @throws {Stubs.Exceptions.ArgumentError} if the specified policy is unknown
+       * @type {yfiles.tree.LeafPlacement}
+       */
+      leafPlacement:yfiles.tree.LeafPlacement;
+      /**
+       * Gets or sets whether or not group nodes are handled by the layout algorithm.
+       * @see yfiles.layout.MultiStageLayout#hideGroupsStageEnabled
+       * @type {boolean}
+       */
+      groupingSupported:boolean;
+      /**
+       * Gets or sets the {@link yfiles.collections.IComparer.<T>} instance that is used for sorting the outgoing edges of each node of the tree.
+       * <p>
+       * This comparator defines the relative order of the child nodes in the layout.
+       * </p>
+       * @type {yfiles.collections.IComparer.<Object>}
+       */
+      comparer:yfiles.collections.IComparer<Object>;
+      /**
+       * Gets or sets the port assignment policy that will be applied.
+       * @type {yfiles.tree.PortStyle}
+       */
+      portStyle:yfiles.tree.PortStyle;
+      /**
+       * Gets or sets the edge routing style used by this layout algorithm.
+       * <p>
+       * If {@link yfiles.tree.EdgeRoutingStyle#PLAIN} is set, the edges will be routed as straight-line segments. If {@link yfiles.tree.EdgeRoutingStyle#ORTHOGONAL}
+       * is set, all edges will be routed orthogonally in a bus-like fashion.
+       * </p>
+       * @throws {Stubs.Exceptions.ArgumentError} if an invalid layout style is provided
+       * @type {yfiles.tree.EdgeRoutingStyle}
+       */
+      edgeRoutingStyle:yfiles.tree.EdgeRoutingStyle;
+      /**
+       * Gets or sets the minimum horizontal distance between adjacent nodes within the same layer.
+       * @throws {Stubs.Exceptions.ArgumentError} if the given distance is negative
+       * @type {number}
+       */
+      minimumNodeDistance:number;
+      /**
+       * Gets or sets the minimum distance between two adjacent layers.
+       * @throws {Stubs.Exceptions.ArgumentError} if the given distance is negative
+       * @type {number}
+       */
+      minimumLayerDistance:number;
+      /**
+       * Gets or sets whether or not the layout algorithm reserves space for node labels.
+       * @type {boolean}
+       */
+      considerNodeLabels:boolean;
+      /**
+       * Gets or sets whether or not the layout algorithm reserves space for edge labels and places them.
+       * <p>
+       * To define the desired placement for each label add a {@link yfiles.layout.PreferredPlacementDescriptor} on
+       * {@link yfiles.layout.IEdgeLabelLayout}.
+       * </p>
+       * <p>
+       * This method is a convenience method that assures that the {@link yfiles.layout.MultiStageLayout#labeling label layouter} is of type {@link yfiles.layout.LabelLayoutTranslator}
+       * and {@link yfiles.layout.LabelLayoutTranslator#translateEdgeLabels} is set to <code>true</code>.
+       * </p>
+       * @type {boolean}
+       */
+      integratedEdgeLabeling:boolean;
+      /**
+       * Gets or sets the vertical bus alignment for orthogonally routed edge buses.
+       * <p>
+       * The bus alignment determines the relative position of an edge bus between two subsequent layers. The value of this
+       * property must lie within the interval <code>[0,1]</code> where:
+       * </p>
+       * <ul>
+       * <li>A value of <code>0</code> places the bus at the top, directly below the parent node.</li>
+       * <li>A value of <code>0.5</code> places the bus in the middle between parent and child nodes.</li>
+       * <li>A value of <code>1</code> places the bus at the bottom, directly above the child nodes.</li>
+       * </ul>
+       * @throws {Stubs.Exceptions.ArgumentError} if <code>busAlignment</code> is not in <code>[0,1]</code>
+       * @see yfiles.tree.ClassicTreeLayout#edgeRoutingStyle
+       * @see yfiles.tree.ClassicTreeLayout#enforceGlobalLayering
+       * @see yfiles.tree.ClassicTreeLayout#leafPlacement
+       * @type {number}
+       */
+      busAlignment:number;
+      /**
+       * Gets or sets the vertical alignment of the nodes within their corresponding layers.
+       * <p>
+       * The value for the vertical alignment is considered as relative to the height of the corresponding layer, which is
+       * determined by the maximum height of the nodes that belong to the particular layer.
+       * </p>
+       * <p>
+       * The value of this property must lie within the interval <code>[0,1]</code>, where:
+       * </p>
+       * <ul>
+       * <li>A value of <code>0</code> corresponds to top-alignment.</li>
+       * <li>A value of <code>0.5</code> corresponds to center-alignment.</li>
+       * <li>A value of <code>1</code> corresponds to bottom-alignment.</li>
+       * </ul>
+       * @throws {Stubs.Exceptions.ArgumentError} if vertical alignment value does not lie within <code>[0,1]</code>
+       * @see yfiles.tree.ClassicTreeLayout#enforceGlobalLayering
+       * @type {number}
+       */
+      verticalAlignment:number;
+      /**
+       * Gets or sets the modification matrix used for rotating / mirroring the layout.
+       * @type {yfiles.tree.RotatableNodePlacerMatrix}
+       */
+      modificationMatrix:yfiles.tree.RotatableNodePlacerMatrix;
+      /**
+       * Sets whether or not the {@link yfiles.layout.ILayoutStage} used for arranging the components of the graph is activated.
+       * @see yfiles.layout.MultiStageLayout#componentLayoutEnabled
+       * @see yfiles.layout.MultiStageLayout#componentLayout
+       * @see yfiles.layout.ComponentLayout
+       * @type {boolean}
+       */
+      componentLayoutEnabled:boolean;
+      /**
+       * Sets whether or not the {@link yfiles.layout.ILayoutStage} used for routing parallel edges is activated.
+       * @see yfiles.layout.MultiStageLayout#parallelEdgeRouterEnabled
+       * @see yfiles.layout.MultiStageLayout#parallelEdgeRouter
+       * @see yfiles.router.ParallelEdgeRouter
+       * @type {boolean}
+       */
+      parallelEdgeRouterEnabled:boolean;
+      /**
+       * Sets whether or not the {@link yfiles.layout.ILayoutStage} used for routing self-loops is activated.
+       * @see yfiles.layout.MultiStageLayout#selfLoopRouterEnabled
+       * @see yfiles.layout.MultiStageLayout#selfLoopRouter
+       * @see yfiles.layout.SelfLoopRouter
+       * @type {boolean}
+       */
+      selfLoopRouterEnabled:boolean;
+      static $class:yfiles.lang.Class;
+    }
+    /**
+     * {@link yfiles.tree.DefaultNodePlacer} is the default implementation of interface {@link yfiles.tree.INodePlacer}.
+     * <p>
+     * <b>Layout Style</b> The layout style can be customized in several ways. Subtrees sharing the same local root node are either placed above
+     * or below each other. {@graph {"ann":{"s":[30,30],"d":1},"n":[[135,0],[0,70],[70,70],[120,149],[170,149],[220,149],[270,149],[70,199],[120,278],[170,278],[220,278],[270,278]],"e":[[0,1,0,15,0,0,[150,50,15,50]],[1,2],[2,3,-11.25,15,0,0,[73.75,116,135,133]],[2,4,-3.75,15,0,0,[81.25,116,185,133]],[2,5,3.75,15,0,0,[88.75,116,235,133]],[2,6,11.25,15,0,0,[96.25,116,285,133]],[1,7,[50,85,50,214]],[7,8,-11.25,15,0,0,[73.75,245,135,262]],[7,9,-3.75,15,0,0,[81.25,245,185,262]],[7,10,3.75,15,0,0,[88.75,245,235,262]],[7,11,11.25,15,0,0,[96.25,245,285,262]]],"vp":[0.0,0.0,300.0,308.0]}}
+     * </p>
+     * <p>
+     * Each layer in the tree uses different configurations of {@link yfiles.tree.DefaultNodePlacer}
+     * </p>
+     * <p>
+     * <b>Features</b>
+     * </p>
+     * <p>
+     * {@link yfiles.tree.SubtreeShape}s can be arranged in each main direction specified in
+     * {@link yfiles.tree.DefaultNodePlacer#childPlacement}. That way, the subtrees of the same graph can have different directions.
+     * </p>
+     * <p>
+     * This node placer aligns the local root node according to a chosen {@link yfiles.tree.DefaultNodePlacer#rootAlignment alignment}.
+     * </p>
+     * <p>
+     * There are various {@link yfiles.tree.DefaultNodePlacer#routingStyle routing styles} that result in different edge routes.
+     * </p>
+     * @class
+     * @extends {yfiles.tree.NodePlacerBase}
+     * @implements {yfiles.tree.IFromSketchNodePlacer}
+     * @implements {yfiles.lang.ICloneable}
+     */
+    export interface DefaultNodePlacer extends yfiles.tree.NodePlacerBase,yfiles.tree.IFromSketchNodePlacer,yfiles.lang.ICloneable{}
+    export class DefaultNodePlacer {
+      /**
+       * Creates a new {@link yfiles.tree.DefaultNodePlacer} instance with custom settings.
+       * @param childPlacement the child placement specifier describing the style of the arrangement
+       * @param rootAlignment the alignment specifier describing how the root node is aligned with its child nodes
+       * @param routingStyle the routing style specifier
+       * @param verticalDistance the vertical distance between the {@link }s
+       * @param horizontalDistance the horizontal distance between the {@link }s
+       * @param minFirstSegmentLength the minimum length of the first edge segment (connected to the root node)
+       * @param minLastSegmentLength the minimum length of the last edge segment (connected to the child node)
+       * @param minSlope the minimum slope between the root node and the {@link }s
+       * @param minSlopeHeight the minimum vertical height of sloped edge segments
+       * @throws {Stubs.Exceptions.ArgumentError} if the placement specifier or the root alignment or the routing style is unknown or if the horizontal/vertical distance
+       * or the minimum first/last segment length or the minimum slope or the minimum vertical height is negative
+       * @see yfiles.tree.DefaultNodePlacer#childPlacement
+       * @see yfiles.tree.DefaultNodePlacer#rootAlignment
+       * @see yfiles.tree.DefaultNodePlacer#routingStyle
+       * @see yfiles.tree.DefaultNodePlacer#verticalDistance
+       * @see yfiles.tree.DefaultNodePlacer#horizontalDistance
+       * @see yfiles.tree.DefaultNodePlacer#minimumFirstSegmentLength
+       * @see yfiles.tree.DefaultNodePlacer#minimumLastSegmentLength
+       * @see yfiles.tree.DefaultNodePlacer#minimumSlope
+       * @see yfiles.tree.DefaultNodePlacer#minimumSlopeHeight
+       */
+      constructor(childPlacement:yfiles.tree.ChildPlacement,rootAlignment:yfiles.tree.RootAlignment,routingStyle:yfiles.tree.RoutingStyle,verticalDistance:number,horizontalDistance:number,minFirstSegmentLength:number,minLastSegmentLength:number,minSlope:number,minSlopeHeight:number);
+      /**
+       * Creates a new {@link yfiles.tree.DefaultNodePlacer} instance with customized {@link yfiles.tree.DefaultNodePlacer#childPlacement child placement}, {@link yfiles.tree.DefaultNodePlacer#rootAlignment root alignment}, {@link yfiles.tree.DefaultNodePlacer#routingStyle routing style}, {@link yfiles.tree.DefaultNodePlacer#verticalDistance vertical}
+       * and {@link yfiles.tree.DefaultNodePlacer#horizontalDistance horizontal distance}.
+       * @param childPlacement the child placement specifier describing the style of the arrangement
+       * @param rootAlignment the alignment specifier describing how the root node is aligned with its child nodes
+       * @param routingStyle the routing style specifier
+       * @param verticalDistance the vertical distance between the {@link }s
+       * @param horizontalDistance the horizontal distance between the {@link }s
+       * @throws {Stubs.Exceptions.ArgumentError} if the placement specifier or the root alignment or the routing style is unknown or if the horizontal/vertical distance
+       * is negative
+       * @see yfiles.tree.DefaultNodePlacer#childPlacement
+       * @see yfiles.tree.DefaultNodePlacer#rootAlignment
+       * @see yfiles.tree.DefaultNodePlacer#routingStyle
+       * @see yfiles.tree.DefaultNodePlacer#verticalDistance
+       * @see yfiles.tree.DefaultNodePlacer#horizontalDistance
+       */
+      constructor(childPlacement:yfiles.tree.ChildPlacement,rootAlignment:yfiles.tree.RootAlignment,routingStyle:yfiles.tree.RoutingStyle,verticalDistance:number,horizontalDistance:number);
+      /**
+       * Creates a new {@link yfiles.tree.DefaultNodePlacer} instance with customized {@link yfiles.tree.DefaultNodePlacer#childPlacement child placement}, {@link yfiles.tree.DefaultNodePlacer#rootAlignment root alignment}, {@link yfiles.tree.DefaultNodePlacer#verticalDistance vertical} and
+       * {@link yfiles.tree.DefaultNodePlacer#horizontalDistance horizontal distance}.
+       * @param childPlacement the child placement specifier describing the style of the arrangement
+       * @param rootAlignment the alignment specifier describing how the root node is aligned with its child nodes
+       * @param verticalDistance the vertical distance between the {@link }s
+       * @param horizontalDistance the horizontal distance between the {@link }s
+       * @throws {Stubs.Exceptions.ArgumentError} if the placement specifier or the root alignment specifier is unknown or if the horizontal/vertical distance is
+       * negative
+       * @see yfiles.tree.DefaultNodePlacer#childPlacement
+       * @see yfiles.tree.DefaultNodePlacer#rootAlignment
+       * @see yfiles.tree.DefaultNodePlacer#verticalDistance
+       * @see yfiles.tree.DefaultNodePlacer#horizontalDistance
+       */
+      constructor(childPlacement:yfiles.tree.ChildPlacement,rootAlignment:yfiles.tree.RootAlignment,verticalDistance:number,horizontalDistance:number);
+      /**
+       * Creates a new {@link yfiles.tree.DefaultNodePlacer} instance with customized {@link yfiles.tree.DefaultNodePlacer#childPlacement child placement}, {@link yfiles.tree.DefaultNodePlacer#verticalDistance vertical} and {@link yfiles.tree.DefaultNodePlacer#horizontalDistance horizontal distance}.
+       * @param childPlacement the child placement specifier describing the style of the arrangement
+       * @param verticalDistance the vertical distance between the {@link }s
+       * @param horizontalDistance the horizontal distance between the {@link }s
+       * @throws {Stubs.Exceptions.ArgumentError} if the placement specifier is unknown or if the horizontal/vertical distance is negative
+       * @see yfiles.tree.DefaultNodePlacer#childPlacement
+       * @see yfiles.tree.DefaultNodePlacer#verticalDistance
+       * @see yfiles.tree.DefaultNodePlacer#horizontalDistance
+       */
+      constructor(childPlacement:yfiles.tree.ChildPlacement,verticalDistance:number,horizontalDistance:number);
+      /**
+       * Creates a new {@link yfiles.tree.DefaultNodePlacer} instance with default settings.
+       */
+      constructor();
+      /**
+       * Calculates the bends for the connector to the parent node.
+       * <p>
+       * This implementation adds bends to the connector for edges that route the edges around the child node in case there are
+       * {@link yfiles.layout.PortConstraint}s that conflict with the direction of the {@link yfiles.tree.DefaultNodePlacer#childPlacement child placement}.
+       * </p>
+       * <p>
+       * This method is called in {@link yfiles.tree.DefaultNodePlacer#placeSubtreeOfNode} to route the edges after the
+       * {@link yfiles.tree.SubtreeShape}s are arranged. It may be overridden to customize the routing style.
+       * </p>
+       * @param graph the input graph
+       * @param localRoot the local root node whose connector is calculated and stored in the given subtree shape
+       * @param rootLayout the {@link } of the root node
+       * @param subtreeShape the shape of the whole subtree of the local root
+       * @param parentEdge the incoming edge of the local root node that will be the connector for the given subtree shape
+       * @param parentEdgeLayout the current {@link } of the connector edge
+       * @param direction the direction specifier as defined in the {@link } interface which should be used for the connector
+       * @see yfiles.tree.NodePlacerBase#determineChildConnectors
+       * @protected
+       */
+      calculateParentConnector(graph:yfiles.layout.LayoutGraph,localRoot:yfiles.algorithms.Node,rootLayout:yfiles.layout.INodeLayout,subtreeShape:yfiles.tree.SubtreeShape,parentEdge:yfiles.algorithms.Edge,parentEdgeLayout:yfiles.layout.IEdgeLayout,direction:number):void;
+      /**
+       * Calculates the routing of the source side of the edge to the given child node.
+       * <p>
+       * This method delegates to {@link yfiles.tree.DefaultNodePlacer#calculateSourceEdgeLayout} if the {@link yfiles.tree.DefaultNodePlacer#routingStyle routing style} is not
+       * {@link yfiles.tree.RoutingStyle#FORK}. It may be overridden to implement a custom routing style.
+       * </p>
+       * @param rootLayout the {@link } of the local root node
+       * @param childShape the {@link } instance of the corresponding child's subtree
+       * @param edge the edge
+       * @param rootForkCoordinate the y-coordinate of the first bend of the edge if the placement is horizontal, the x-coordinate otherwise
+       * @param childForkCoordinate the y-coordinate of the second (= last) bend of the edge if the placement is horizontal, the x-coordinate otherwise
+       * @protected
+       */
+      calculateSlopedSourceEdgeLayout(rootLayout:yfiles.layout.INodeLayout,childShape:yfiles.tree.SubtreeShape,edge:yfiles.algorithms.Edge,childForkCoordinate:number,rootForkCoordinate:number):void;
+      /**
+       * Calculates the routing of the source side of the edge to the given child node.
+       * <p>
+       * This implementation adds bends to the {@link yfiles.layout.IEdgeLayout} of the given edge according to the specified {@link yfiles.tree.DefaultNodePlacer#routingStyle routing style}
+       * and {@link yfiles.tree.DefaultNodePlacer#childPlacement child placement}. It also updates the target points in the {@link yfiles.tree.SubtreeShape}.
+       * </p>
+       * <p>
+       * This method is called by {@link yfiles.tree.DefaultNodePlacer#calculateSlopedSourceEdgeLayout} to route the edges. It may be
+       * overridden to implement a custom edge routing style.
+       * </p>
+       * @param rootLayout the {@link } of the local root node
+       * @param childShape the {@link } of the child's subtree that is connected through the given edge
+       * @param edge the edge
+       * @protected
+       */
+      calculateSourceEdgeLayout(rootLayout:yfiles.layout.INodeLayout,childShape:yfiles.tree.SubtreeShape,edge:yfiles.algorithms.Edge):void;
+      /**
+       * Calculates the routing of the target side of the edge to the given child node.
+       * <p>
+       * This implementation just resets the current {@link yfiles.layout.IEdgeLayout}.
+       * </p>
+       * <p>
+       * This method is called by {@link yfiles.tree.DefaultNodePlacer#placeSubtreeOfNode} after the {@link yfiles.tree.SubtreeShape shapes} of the local root's children
+       * are placed. It may be overridden to add some {@link yfiles.tree.SubtreeShape#addTargetPoint target points} to the edge.
+       * </p>
+       * @param rootLayout the {@link } of the local root node
+       * @param childShape the {@link } of the child's subtree that is connected through the given edge
+       * @param edge the edge
+       * @protected
+       */
+      calculateTargetEdgeLayout(rootLayout:yfiles.layout.INodeLayout,childShape:yfiles.tree.SubtreeShape,edge:yfiles.algorithms.Edge):void;
+      /**
+       * Creates a {@link yfiles.collections.IComparer.<T>} for outgoing edges which takes the initial coordinates of the edges' targets into account.
+       * <p>
+       * Child nodes are sorted in a way that the layout will resemble the current arrangement of the nodes. This is especially
+       * useful for interactive or incremental layout calculation.
+       * </p>
+       * @returns a {@link } that considers the initial coordinates of the nodes
+       */
+      createComparer():yfiles.collections.IComparer<Object>;
+      /**
+       * Delegates to {@link yfiles.tree.DefaultNodePlacer#createComparer}.
+       * @returns the From Sketch {@link }
+       * @see yfiles.tree.DefaultNodePlacer#createComparer
+       */
+      createFromSketchComparer():yfiles.collections.IComparer<Object>;
+      /**
+       * Gets or sets the direction in which the child nodes are placed with respect to their parent node.
+       * <p>
+       * Subtrees can be placed below, above, left or right of their roots.
+       * </p>
+       * @throws {Stubs.Exceptions.ArgumentError} if an unknown placement specifier is set
+       * @type {yfiles.tree.ChildPlacement}
+       */
+      childPlacement:yfiles.tree.ChildPlacement;
+      /**
+       * Gets or sets how the root node is aligned with its children and their {@link yfiles.tree.SubtreeShape}s.
+       * @throws {Stubs.Exceptions.ArgumentError} if an unknown root alignment specifier is set
+       * @type {yfiles.tree.RootAlignment}
+       */
+      rootAlignment:yfiles.tree.RootAlignment;
+      /**
+       * Gets or sets the relative vertical alignment of nodes with the same parent.
+       * <p>
+       * All values between <code>0</code> and <code>1</code> result in a valid alignment.
+       * </p>
+       * <ul>
+       * <li><code>0</code> - nodes are top-aligned</li>
+       * <li><code>0.5</code> - nodes are center-aligned</li>
+       * <li><code>1</code> - nodes are bottom-aligned</li>
+       * </ul>
+       * <p>
+       * Values outside the interval <code>[0,1]</code> will result in a more compact node placement with unaligned nodes.
+       * </p>
+       * @type {number}
+       */
+      verticalAlignment:number;
+      /**
+       * Gets or sets the style in which edge paths are routed.
+       * @throws {Stubs.Exceptions.ArgumentError} if the specified routing style is unknown
+       * @type {yfiles.tree.RoutingStyle}
+       */
+      routingStyle:yfiles.tree.RoutingStyle;
+      /**
+       * Gets or sets the vertical distance between nodes or {@link yfiles.tree.SubtreeShape}s.
+       * <p>
+       * The distance needs to be non-negative.
+       * </p>
+       * @throws {Stubs.Exceptions.ArgumentError} if the specified distance is negative
+       * @type {number}
+       */
+      verticalDistance:number;
+      /**
+       * Gets or sets the minimum length for the first segment of an edge.
+       * <p>
+       * During layout calculation, the edges of the tree are directed. Hence, the first segment is always the segment that is
+       * attached to the source, which is the local root node.
+       * </p>
+       * <p>
+       * The length needs to be non-negative.
+       * </p>
+       * @throws {Stubs.Exceptions.ArgumentError} if the minimum segment length is negative
+       * @type {number}
+       */
+      minimumFirstSegmentLength:number;
+      /**
+       * Gets or sets the minimum length for the last segment of an edge.
+       * <p>
+       * During layout calculation, the edges of the tree are directed. Hence, the last segment is always the segment that is
+       * attached to the target, which is a child node.
+       * </p>
+       * <p>
+       * The length needs to be non-negative.
+       * </p>
+       * @throws {Stubs.Exceptions.ArgumentError} if the minimum segment length is negative
+       * @type {number}
+       */
+      minimumLastSegmentLength:number;
+      /**
+       * Gets or sets the minimum slope of the edge segments.
+       * <p>
+       * These sloped segments are between the vertical first and last segment of the edge.
+       * </p>
+       * <p>
+       * The segments may become steeper but they will have at least the specified slope. Negative minimum slopes can lead to
+       * edge routes looking like spider legs.
+       * </p>
+       * @see yfiles.tree.DefaultNodePlacer#minimumSlopeHeight
+       * @type {number}
+       */
+      minimumSlope:number;
+      /**
+       * Gets or sets the minimum height for sloped edge segments.
+       * <p>
+       * These sloped segments are between the vertical first and last segment of the edge.
+       * </p>
+       * <p>
+       * The segments may become steeper to reach the specified height.
+       * </p>
+       * @see yfiles.tree.DefaultNodePlacer#minimumSlope
+       * @type {number}
+       */
+      minimumSlopeHeight:number;
+      /**
+       * Gets or sets the horizontal distance between nodes or {@link yfiles.tree.SubtreeShape}s.
+       * <p>
+       * The distance needs to be non-negative.
+       * </p>
+       * @throws {Stubs.Exceptions.ArgumentError} if the specified distance is negative
+       * @type {number}
+       */
+      horizontalDistance:number;
+      static $class:yfiles.lang.Class;
+    }
+    /**
+     * The {@link yfiles.tree.DefaultPortAssignment} provides some simple {@link yfiles.tree.DefaultPortAssignment#mode port assignment styles}.
+     * <p>
+     * Ports are either {@link yfiles.tree.PortAssignmentMode#NONE centered} on the node, distributed at one side of the node or placed considering
+     * {@link yfiles.layout.PortConstraint}s.
+     * </p>
+     * @class
+     * @implements {yfiles.tree.IPortAssignment}
+     */
+    export interface DefaultPortAssignment extends Object,yfiles.tree.IPortAssignment{}
+    export class DefaultPortAssignment {
+      /**
+       * Creates a new {@link yfiles.tree.DefaultPortAssignment} instance using the given port assignment mode and ratio between the
+       * border and the ports and the gap between the ports themselves.
+       * @param mode one of the predefined port assignment specifiers
+       * @param [ratio=0.5] the ratio of the distance between outer ports and the border to the distance between any two ports
+       * @throws {Stubs.Exceptions.ArgumentError} if an unknown mode is specified or if the specified ratio is negative
+       */
+      constructor(mode:yfiles.tree.PortAssignmentMode,ratio?:number);
+      /**
+       * Creates a new {@link yfiles.tree.DefaultPortAssignment} instance with default settings.
+       */
+      constructor();
+      /**
+       * Assigns relative coordinates to the source port of the outgoing edge to a child of the given node.
+       * <p>
+       * This method is called by {@link yfiles.tree.DefaultPortAssignment#assignPorts} for each outgoing edge of the given node. It may
+       * be overridden to assign a custom location to the source port of outgoing edges.
+       * </p>
+       * @param graph the input graph
+       * @param node the node
+       * @param edge the edge to the child node
+       * @param index the zero-based index of the child edge
+       * @see yfiles.layout.IEdgeLayout#sourcePoint
+       * @protected
+       */
+      assignChildEdgeSourcePort(graph:yfiles.layout.LayoutGraph,node:yfiles.algorithms.Node,edge:yfiles.algorithms.Edge,index:number):void;
+      /**
+       * Assigns relative coordinates to the target port of the incoming edge from the parent of the given node.
+       * <p>
+       * This method is called by {@link yfiles.tree.DefaultPortAssignment#assignPorts} if the given node has a parent node. It may be
+       * overridden to assign a custom location to the target port of the incoming edge.
+       * </p>
+       * @param graph the input graph
+       * @param node the node
+       * @param edge the edge from the parent node
+       * @see yfiles.layout.IEdgeLayout#targetPoint
+       * @protected
+       */
+      assignParentEdgeTargetPort(graph:yfiles.layout.LayoutGraph,node:yfiles.algorithms.Node,edge:yfiles.algorithms.Edge):void;
+      /**
+       * Places the ports of edges connecting to the given node according to the {@link yfiles.tree.DefaultPortAssignment#mode port assignment mode}.
+       * @param graph the input graph
+       * @param node the node whose adjacent edges' ports should be placed
+       * @see yfiles.tree.DefaultPortAssignment#mode
+       */
+      assignPorts(graph:yfiles.layout.LayoutGraph,node:yfiles.algorithms.Node):void;
+      /**
+       * Determines the distance between the outer ports and the border of the node.
+       * <p>
+       * This implementation calculates the gap according to the number of edges at one side of the node. It also includes the
+       * {@link yfiles.tree.DefaultPortAssignment#borderGapToPortGapRatio ratio between border gap and port gap}.
+       * </p>
+       * <p>
+       * This method is called by {@link yfiles.tree.DefaultPortAssignment#assignChildEdgeSourcePort} to calculate the location of the
+       * first port. It may be overridden to implement a different distribution of ports on the node's side.
+       * </p>
+       * @param sideLength the width/height of the side
+       * @param edgeCount the number of edges that connect to this side
+       * @returns the absolute gap to be used on both sides of the ports
+       * @see yfiles.tree.DefaultPortAssignment#assignChildEdgeSourcePort
+       * @see yfiles.tree.DefaultPortAssignment#borderGapToPortGapRatio
+       * @protected
+       */
+      getPortBorderGap(sideLength:number,edgeCount:number):number;
+      /**
+       * Determines the distance between two adjacent ports.
+       * <p>
+       * This implementation calculates the gap according to the number of edges at one side of the node. The edges are
+       * distributed keeping the given gap to the border of the node.
+       * </p>
+       * <p>
+       * This method is called by {@link yfiles.tree.DefaultPortAssignment#assignChildEdgeSourcePort} to calculate the distance between
+       * two ports. It may be overridden to implement a different distribution of ports on the node's side.
+       * </p>
+       * @param sideLength the width/height of the side
+       * @param edgeCount the number of edges/ports that connect to this side
+       * @param portBorderGap the port border gap (i.e. calculated by {@link #getPortBorderGap})
+       * @returns the absolute distance to be used between two adjacent ports
+       * @see yfiles.tree.DefaultPortAssignment#assignChildEdgeSourcePort
+       * @see yfiles.tree.DefaultPortAssignment#getPortBorderGap
+       * @protected
+       */
+      getPortDistanceDelta(sideLength:number,edgeCount:number,portBorderGap:number):number;
+      /**
+       * Retrieves the source {@link yfiles.layout.PortConstraint} for the given edge.
+       * <p>
+       * This implementation accesses the {@link yfiles.algorithms.IDataProvider} registered with
+       * {@link yfiles.layout.PortConstraintKeys#SOURCE_PORT_CONSTRAINT_DP_KEY}.
+       * </p>
+       * <p>
+       * This method is called by {@link yfiles.tree.DefaultPortAssignment#assignChildEdgeSourcePort} in
+       * {@link yfiles.tree.PortAssignmentMode#PORT_CONSTRAINT}.
+       * </p>
+       * @param graph the input graph
+       * @param edge the edge
+       * @param index the index of the child that is the target of the given edge
+       * @returns the source {@link } or <code>null</code> if no source {@link } is specified
+       * @see yfiles.layout.PortConstraint
+       * @see yfiles.layout.PortConstraintKeys#SOURCE_PORT_CONSTRAINT_DP_KEY
+       * @see yfiles.tree.DefaultPortAssignment#assignChildEdgeSourcePort
+       * @protected
+       */
+      getSourcePortConstraint(graph:yfiles.layout.LayoutGraph,edge:yfiles.algorithms.Edge,index:number):yfiles.layout.PortConstraint;
+      /**
+       * Retrieves the target {@link yfiles.layout.PortConstraint} for the given edge.
+       * <p>
+       * This implementation accesses the {@link yfiles.algorithms.IDataProvider} registered with
+       * {@link yfiles.layout.PortConstraintKeys#SOURCE_PORT_CONSTRAINT_DP_KEY}.
+       * </p>
+       * <p>
+       * This method is called by {@link yfiles.tree.DefaultPortAssignment#assignParentEdgeTargetPort} in
+       * {@link yfiles.tree.PortAssignmentMode#PORT_CONSTRAINT}.
+       * </p>
+       * @param graph the input graph
+       * @param edge the edge
+       * @returns the target {@link } or <code>null</code> if no target {@link } is specified
+       * @see yfiles.layout.PortConstraint
+       * @see yfiles.layout.PortConstraintKeys#TARGET_PORT_CONSTRAINT_DP_KEY
+       * @see yfiles.tree.DefaultPortAssignment#assignParentEdgeTargetPort
+       * @protected
+       */
+      getTargetPortConstraint(graph:yfiles.layout.LayoutGraph,edge:yfiles.algorithms.Edge):yfiles.layout.PortConstraint;
+      /**
+       * Gets or sets the mode that describes how ports are placed.
+       * @throws {Stubs.Exceptions.ArgumentError} if an unknown mode is specified
+       * @type {yfiles.tree.PortAssignmentMode}
+       */
+      mode:yfiles.tree.PortAssignmentMode;
+      /**
+       * Gets or sets the ratio of the <em>border gap</em> (distance between the outer ports to the node border) to the <em>port gap</em> (distance between adjacent
+       * ports).
+       * <p>
+       * The ratio must have a positive value. When the ratio is <code>0</code> the ports will be distributed along the whole side of the node
+       * without a gap between the last port and the corner.
+       * </p>
+       * @throws {Stubs.Exceptions.ArgumentError} if the specified ratio is negative
+       * @type {number}
+       */
+      borderGapToPortGapRatio:number;
+      /**
+       * Gets or sets whether or not the port assignment should reverse the order of the ports.
+       * <p>
+       * The normal order is from left to right and from top to bottom. It will be reversed if this option is enabled.
+       * </p>
+       * @type {boolean}
+       */
+      reversedPortOrder:boolean;
+      static $class:yfiles.lang.Class;
+    }
+    /**
+     * {@link yfiles.tree.DelegatingNodePlacer} delegates the arrangement of the children to two different {@link yfiles.tree.INodePlacer}s.
+     * <p>
+     * <b>Layout Style</b> This {@link yfiles.tree.INodePlacer} can, for example, be used for creating mind maps or a playing schedule of a sports
+     * competition. {@graph {"ann":{"s":[130,30],"d":1},"n":[[662,400,[[669.97,424.35,114.05,18.7]]],[662,175,[[669.97,199.35,114.05,18.7]]],[662,625,[[685.65,649.35,82.7,18.7]]],[812,175,[[829.98,199.35,94.04,18.7]]],[982,275,[[999.98,299.35,94.04,18.7]]],[812,625,[[835.65,649.35,82.7,18.7]]],[512,175,[[519.97,199.35,114.05,18.7]]],[982,725,[[1010.64,749.35,72.71,18.7]]],[1152,775,[[1180.64,799.35,72.71,18.7]]],[1322,800,[[1341.97,824.35,90.05,18.7]]],[982,75,[[1004.32,99.35,85.37,18.7]]],[1152,675,[[1163.65,699.35,106.71,18.7]]],[1152,325,[[1177.32,349.35,79.36,18.7]]],[982,525,[[1005.65,549.35,82.7,18.7]]],[1152,125,[[1190.32,149.35,53.37,18.7]]],[1152,575,[[1175.65,599.35,82.7,18.7]]],[1322,350,[[1347.32,374.35,79.36,18.7]]],[1322,150,[[1343.65,174.35,86.7,18.7]]],[1322,300,[[1347.32,324.35,79.36,18.7]]],[1152,225,[[1169.98,249.35,94.04,18.7]]],[1152,25,[[1174.32,49.35,85.37,18.7]]],[342,75,[[372.66,99.35,68.69,18.7]]],[1152,475,[[1165.65,499.35,102.7,18.7]]],[1322,500,[[1326,524.35,122.06,18.7]]],[1322,250,[[1339.98,274.35,94.04,18.7]]],[1322,600,[[1330.31,624.35,113.38,18.7]]],[172,25,[[188.64,49.35,96.72,18.7]]],[342,275,[[349.97,299.35,114.05,18.7]]],[2,0,[[26.32,24.35,81.36,18.7]]],[1322,550,[[1345.65,574.35,82.7,18.7]]],[172,125,[[202.66,149.35,68.69,18.7]]],[1322,200,[[1344.32,224.35,85.36,18.7]]],[2,100,[[32.32,124.35,69.37,18.7]]],[1322,450,[[1335.65,474.35,102.7,18.7]]],[1322,750,[[1350.64,774.35,72.71,18.7]]],[512,625,[[532.65,649.35,88.69,18.7]]],[172,225,[[179.97,249.35,114.05,18.7]]],[1322,700,[[1329.63,724.35,114.74,18.7]]],[172,325,[[200.98,349.35,72.03,18.7]]],[1322,50,[[1344.32,74.35,85.37,18.7]]],[2,300,[[4.98,324.35,124.05,18.7]]],[2,50,[[18.64,74.35,96.72,18.7]]],[2,150,[[32.66,174.35,68.69,18.7]]],[1322,650,[[1333.65,674.35,106.71,18.7]]],[1322,0,[[1356.66,24.35,60.69,18.7]]],[1322,100,[[1360.32,124.35,53.37,18.7]]],[342,525,[[347.31,549.35,119.39,18.7]]],[172,475,[[171.97,499.35,130.06,18.7]]],[2,350,[[30.98,374.35,72.03,18.7]]],[2,450,[[1.97,474.35,130.06,18.7]]],[342,725,[[362.65,749.35,88.69,18.7]]],[2,200,[[25.31,224.35,83.37,18.7]]],[172,575,[[177.31,599.35,119.39,18.7]]],[172,675,[[197.32,699.35,79.35,18.7]]],[2,500,[[15.98,524.35,102.04,18.7]]],[2,550,[[14.63,574.35,104.73,18.7]]],[2,600,[[7.31,624.35,119.39,18.7]]],[2,250,[[9.97,274.35,114.05,18.7]]],[172,775,[[192.65,799.35,88.69,18.7]]],[2,750,[[22.65,774.35,88.69,18.7]]],[2,800,[[16.64,824.35,100.72,18.7]]],[2,650,[[11.97,674.35,110.07,18.7]]],[2,700,[[27.32,724.35,79.35,18.7]]]],"e":[[0,1],[0,2],[1,3],[3,4,[954,190,954,290]],[2,5],[1,6],[5,7,[954,640,954,740]],[7,8,[1124,740,1124,790]],[8,9,[1294,790,1294,815]],[3,10,[954,190,954,90]],[7,11,[1124,740,1124,690]],[4,12,[1124,290,1124,340]],[5,13,[954,640,954,540]],[10,14,[1124,90,1124,140]],[13,15,[1124,540,1124,590]],[12,16,[1294,340,1294,365]],[14,17,[1294,140,1294,165]],[12,18,[1294,340,1294,315]],[4,19,[1124,290,1124,240]],[10,20,[1124,90,1124,40]],[6,21,[500,190,500,90]],[13,22,[1124,540,1124,490]],[22,23,[1294,490,1294,515]],[19,24,[1294,240,1294,265]],[15,25,[1294,590,1294,615]],[21,26,[330,90,330,40]],[6,27,[500,190,500,290]],[26,28,[160,40,160,15]],[15,29,[1294,590,1294,565]],[21,30,[330,90,330,140]],[19,31,[1294,240,1294,215]],[30,32,[160,140,160,115]],[22,33,[1294,490,1294,465]],[8,34,[1294,790,1294,765]],[2,35],[27,36,[330,290,330,240]],[11,37,[1294,690,1294,715]],[27,38,[330,290,330,340]],[20,39,[1294,40,1294,65]],[38,40,[160,340,160,315]],[26,41,[160,40,160,65]],[30,42,[160,140,160,165]],[11,43,[1294,690,1294,665]],[20,44,[1294,40,1294,15]],[14,45,[1294,140,1294,115]],[35,46,[500,640,500,540]],[46,47,[330,540,330,490]],[38,48,[160,340,160,365]],[47,49,[160,490,160,465]],[35,50,[500,640,500,740]],[36,51,[160,240,160,215]],[46,52,[330,540,330,590]],[50,53,[330,740,330,690]],[47,54,[160,490,160,515]],[52,55,[160,590,160,565]],[52,56,[160,590,160,615]],[36,57,[160,240,160,265]],[50,58,[330,740,330,790]],[58,59,[160,790,160,765]],[58,60,[160,790,160,815]],[53,61,[160,690,160,665]],[53,62,[160,690,160,715]]],"vp":[1.0,0.0,1451.0,830.0]}}
+     * </p>
+     * <p>
+     * There are two subtrees that are placed above and below the root; Both subtrees consist of two subtrees that are placed
+     * left and right of their local root
+     * </p>
+     * @class
+     * @extends {yfiles.tree.RotatableNodePlacerBase}
+     */
+    export interface DelegatingNodePlacer extends yfiles.tree.RotatableNodePlacerBase{}
+    export class DelegatingNodePlacer {
+      /**
+       * Creates a new {@link yfiles.tree.DefaultNodePlacer} instance with default settings using the given modification matrix and the
+       * given node placers as delegates.
+       * @param modificationMatrix the transformation matrix
+       * @param placerUpperLeft the first delegate {@link } which places the left subtrees
+       * @param placerLowerRight the second delegate {@link } which places the right subtrees
+       * @see yfiles.tree.DelegatingNodePlacer#PRIMARY_NODES_DP_KEY
+       */
+      constructor(modificationMatrix:yfiles.tree.RotatableNodePlacerMatrix,placerUpperLeft:yfiles.tree.INodePlacer,placerLowerRight:yfiles.tree.INodePlacer);
+      /**
+       * Returns all upper-left children of the local root node.
+       * <p>
+       * Which children belong to this list is determined using the {@link yfiles.algorithms.IDataProvider} registered with
+       * {@link yfiles.tree.DelegatingNodePlacer#PRIMARY_NODES_DP_KEY}. If no such {@link yfiles.algorithms.IDataProvider} is registered, the
+       * first half of the children is returned.
+       * </p>
+       * <p>
+       * These children are placed using the {@link yfiles.tree.INodePlacer} returned by {@link yfiles.tree.DelegatingNodePlacer#primaryPlacer}.
+       * </p>
+       * @param localRoot the local root node
+       * @param graph the input graph
+       * @returns the list of upper-left child {@link }s
+       * @see yfiles.tree.DelegatingNodePlacer#PRIMARY_NODES_DP_KEY
+       */
+      primaryChildren(localRoot:yfiles.algorithms.Node,graph:yfiles.layout.LayoutGraph):yfiles.algorithms.NodeList;
+      /**
+       * Returns all lower-right children of the local root node.
+       * <p>
+       * Which children belong to this list is determined using the {@link yfiles.algorithms.IDataProvider} registered with
+       * {@link yfiles.tree.DelegatingNodePlacer#PRIMARY_NODES_DP_KEY}. If no such {@link yfiles.algorithms.IDataProvider} is registered, the
+       * second half of the children is returned.
+       * </p>
+       * <p>
+       * These children are placed using the {@link yfiles.tree.INodePlacer} returned by {@link yfiles.tree.DelegatingNodePlacer#secondaryPlacer}.
+       * </p>
+       * @param localRoot the local root node
+       * @param graph the input graph
+       * @returns the list of lower-right child {@link }s
+       * @see yfiles.tree.DelegatingNodePlacer#PRIMARY_NODES_DP_KEY
+       */
+      secondaryChildren(localRoot:yfiles.algorithms.Node,graph:yfiles.layout.LayoutGraph):yfiles.algorithms.NodeList;
+      /**
+       * Data provider key for dividing the children into two sets
+       * <p>
+       * If there is no {@link yfiles.algorithms.IDataProvider} registered with this key, half of the nodes are placed left of the root
+       * and the remaining nodes are placed right of the root.
+       * </p>
+       * @const
+       * @static
+       * @type {yfiles.algorithms.NodeDpKey.<boolean>}
+       */
+      static PRIMARY_NODES_DP_KEY:yfiles.algorithms.NodeDpKey<boolean>;
+      /**
+       * Gets the {@link yfiles.tree.INodePlacer} instance that will arrange the lower-right part of the graph.
+       * @see yfiles.tree.DelegatingNodePlacer#primaryPlacer
+       * @see yfiles.tree.DelegatingNodePlacer#secondaryChildren
+       * @type {yfiles.tree.INodePlacer}
+       */
+      secondaryPlacer:yfiles.tree.INodePlacer;
+      /**
+       * Gets the {@link yfiles.tree.INodePlacer} instance that will arrange the upper-left part of the graph.
+       * @see yfiles.tree.DelegatingNodePlacer#secondaryPlacer
+       * @see yfiles.tree.DelegatingNodePlacer#primaryChildren
+       * @type {yfiles.tree.INodePlacer}
+       */
+      primaryPlacer:yfiles.tree.INodePlacer;
+      static $class:yfiles.lang.Class;
+    }
+    /**
+     * The {@link yfiles.tree.DendrogramNodePlacer} arranges subtrees as dendrograms.
+     * <p>
+     * <b>Layout Style</b> This {@link yfiles.tree.INodePlacer} arranges nodes from top to bottom. It arranges subtrees in such a way that all subtrees of
+     * a single local root are aligned with their bottom border. {@graph {"ann":{"s":[30,30],"d":1},"n":[[212.5,0],[400,70],[450,140],[300,210],[400,210],[450,210],[150,140],[25,70],[200,280],[150,280],[50,210],[450,280],[350,280],[25,140],[100,210],[400,280],[0,280],[300,280],[50,280],[100,280],[250,280]],"e":[[0,1,[227.5,50,415,50]],[1,2,[415,120,465,120]],[0,3,[227.5,50,315,50]],[1,4],[2,5],[0,6,[227.5,50,165,50]],[0,7,[227.5,50,40,50]],[6,8,[165,190,215,190]],[6,9],[5,11],[1,12,[415,120,365,120]],[7,13],[13,10,[40,190,65,190]],[6,14,[165,190,115,190]],[4,15],[13,16,[40,190,15,190]],[3,17],[10,18],[14,19],[0,20,[227.5,50,265,50]]],"vp":[0.0,0.0,480.0,310.0]}}
+     * </p>
+     * <p>
+     * Note: This implementation does not support {@link yfiles.layout.PortConstraint}s.
+     * </p>
+     * @class
+     * @implements {yfiles.tree.IFromSketchNodePlacer}
+     */
+    export interface DendrogramNodePlacer extends Object,yfiles.tree.IFromSketchNodePlacer{}
+    export class DendrogramNodePlacer {
+      /**
+       * Creates a new {@link yfiles.tree.DendrogramNodePlacer} instance with default settings.
+       */
+      constructor();
+      /**
+       * Creates a {@link yfiles.collections.IComparer.<T>} that sorts outgoing edges according to the x-coordinate of their target nodes.
+       * <p>
+       * This {@link yfiles.collections.IComparer.<T>} can be used for achieving a From Sketch layout.
+       * </p>
+       * @returns the {@link }
+       * @see yfiles.tree.DendrogramNodePlacer#createFromSketchComparer
+       */
+      createComparer():yfiles.collections.IComparer<Object>;
+      /**
+       * Creates a {@link yfiles.collections.IComparer.<T>} for the edges which takes the initial x-coordinates of the nodes into account.
+       * <p>
+       * This implementation delegates to {@link yfiles.tree.DendrogramNodePlacer#createComparer}.
+       * </p>
+       * @returns the {@link } for the edges
+       * @see yfiles.tree.DendrogramNodePlacer#createComparer
+       */
+      createFromSketchComparer():yfiles.collections.IComparer<Object>;
+      /**
+       * Creates an optional {@link yfiles.tree.IProcessor} for pre- and post-processing.
+       * <p>
+       * This implementation returns <code>null</code>. Hence, no pre- or post-processing is done.
+       * </p>
+       * @param layouter the current {@link } instance
+       * @param graph the input graph
+       * @param currentRoot the root node handled by this {@link }
+       * @returns <code>null</code>
+       */
+      createProcessor(layouter:yfiles.tree.TreeLayout,graph:yfiles.layout.LayoutGraph,currentRoot:yfiles.algorithms.Node):yfiles.tree.IProcessor;
+      /**
+       * Provides {@link yfiles.tree.ParentConnectorDirection#NORTH} for all children.
+       * <p>
+       * Edges will always connect to the top of the child nodes.
+       * </p>
+       * @param localRoot the local root node
+       * @param connectorMap the map that is used for storing the direction specifiers of the child nodes
+       */
+      determineChildConnectors(localRoot:yfiles.algorithms.Node,connectorMap:yfiles.algorithms.IDataMap):void;
+      /**
+       * Arranges the {@link yfiles.tree.SubtreeShape SubtreeShapes} of the local root and its children as a dendrogram.
+       * @param nodeShapeProvider the {@link } for obtaining an initial shape of the root node
+       * @param subtreeShapeProvider the {@link } for accessing the pre-calculated shapes of the subtrees
+       * @param graph the input graph
+       * @param localRoot the root of the subtree that should be arranged by this method
+       * @param parentConnectorDirection the direction specifier for the connector of the local root node to its parent node
+       * @returns the combined shape of the whole subtree rooted at the given local root node
+       */
+      placeSubtree(nodeShapeProvider:yfiles.algorithms.IDataProvider,subtreeShapeProvider:yfiles.algorithms.IDataProvider,graph:yfiles.layout.LayoutGraph,localRoot:yfiles.algorithms.Node,parentConnectorDirection:yfiles.tree.ParentConnectorDirection):yfiles.tree.SubtreeShape;
+      /**
+       * Gets or sets the minimum distance between the {@link yfiles.tree.SubtreeShape} of a root node and the bus connecting to all of
+       * its children.
+       * <p>
+       * The distance needs to be non-negative.
+       * </p>
+       * @throws {Stubs.Exceptions.ArgumentError} if the specified distance is negative
+       * @type {number}
+       */
+      minimumRootDistance:number;
+      /**
+       * Gets or sets the minimum horizontal distance between adjacent {@link yfiles.tree.SubtreeShape SubtreeShapes}.
+       * <p>
+       * The distance needs to be non-negative.
+       * </p>
+       * @throws {Stubs.Exceptions.ArgumentError} if the specified distance is negative
+       * @type {number}
+       */
+      minimumSubtreeDistance:number;
+      static $class:yfiles.lang.Class;
+    }
+    /**
+     * The {@link yfiles.tree.DoubleLineNodePlacer} arranges the children of a local root alternating in two lines.
+     * <p>
+     * <b>Layout Style</b> This {@link yfiles.tree.INodePlacer} arranges nodes from top to bottom. It places the subtrees in two horizontal lines below
+     * the root. They are distributed in an alternating fashion, i.e., adjacent subtrees are in different lines.
+     * </p>
+     * <p>
+     * This node placer is especially useful for leaves with a large width.
+     * </p>
+     * <p>
+     * {@graph {"ann":{"s":[141.67,30],"d":1},"n":[[298.33,0,60,30],[0,60],[85.83,99.9],[171.67,60],[257.5,99.9],[343.33,60],[429.17,99.9],[515,60]],"e":[[0,1,[70.83,15]],[0,2,[156.67,15]],[0,3,[242.5,15]],[0,4],[0,5,[414.17,15]],[0,6,[500,15]],[0,7,[585.83,15]]],"vp":[0.0,0.0,657.0,130.0]}}
+     * </p>
+     * @class
+     * @extends {yfiles.tree.RotatableNodePlacerBase}
+     */
+    export interface DoubleLineNodePlacer extends yfiles.tree.RotatableNodePlacerBase{}
+    export class DoubleLineNodePlacer {
+      /**
+       * Creates a new {@link yfiles.tree.DoubleLineNodePlacer} instance whose direction is specified by the given modification matrix.
+       * @param modificationMatrix the transformation matrix for this {@link }
+       */
+      constructor(modificationMatrix:yfiles.tree.RotatableNodePlacerMatrix);
+      /**
+       * Creates a new {@link yfiles.tree.DoubleLineNodePlacer} instance with the default settings.
+       */
+      constructor();
+      /**
+       * Gets or sets the {@link yfiles.tree.RootNodeAlignment RootAlginment} that defines how the root node is aligned with its children and their shapes.
+       * @type {yfiles.tree.RootNodeAlignment}
+       */
+      rootAlignment:yfiles.tree.RootNodeAlignment;
+      /**
+       * Gets or sets the ratio of the {@link yfiles.tree.RotatableNodePlacerBase#spacing spacing} between the root and the children in the upper line and the spacing between the
+       * two lines of subtrees.
+       * @type {number}
+       */
+      doubleLineSpacingRatio:number;
+      static $class:yfiles.lang.Class;
+    }
+    /**
+     * A {@link yfiles.tree.FreeNodePlacer} is a simple <em>pseudo</em>-placer.
+     * <p>
+     * The children of local root nodes are not moved. The {@link yfiles.tree.INodePlacer} just merges their rotated shapes and routes
+     * the edges.
+     * </p>
+     * <p>
+     * This {@link yfiles.tree.INodePlacer} may be useful if a local root node does not have any children or you want to place them
+     * manually.
+     * </p>
+     * @class
+     * @extends {yfiles.tree.RotatableNodePlacerBase}
+     */
+    export interface FreeNodePlacer extends yfiles.tree.RotatableNodePlacerBase{}
+    export class FreeNodePlacer {
+      /**
+       * Creates a new instance of {@link yfiles.tree.FreeNodePlacer} with default settings.
+       */
+      constructor();
+      static $class:yfiles.lang.Class;
+    }
+    /**
+     * The {@link yfiles.tree.GridNodePlacer} arranges the shapes of the children of a local root in a grid.
+     * <p>
+     * <b>Layout Style</b> The grid consists of a number of rows. The subtrees are assigned to the rows using a {@link yfiles.algorithms.IDataProvider}
+     * that is registered with the graph with {@link yfiles.tree.GridNodePlacer#ROW_INDEX_DP_KEY}. {@graph {"ann":{"s":[30,30],"d":1},"n":[[0,0],[50,140],[50,210],[50,70],[100,140],[100,210],[100,70],[150,140],[150,210],[150,70],[200,140],[200,210],[200,70]],"e":[[0,1,[40,15,40,120,65,120]],[0,2,[40,15,40,190,65,190]],[0,3,[40,15,40,50,65,50]],[0,4,[40,15,40,120,115,120]],[0,5,[40,15,40,190,115,190]],[0,6,[40,15,40,50,115,50]],[0,7,[40,15,40,120,165,120]],[0,8,[40,15,40,190,165,190]],[0,9,[40,15,40,50,165,50]],[0,10,[40,15,40,120,215,120]],[0,11,[40,15,40,190,215,190]],[0,12,[40,15,40,50,215,50]]],"vp":[0.0,0.0,230.0,240.0]}}
+     * </p>
+     * <p>
+     * Child nodes placed in a grid using three rows and four columns
+     * </p>
+     * @class
+     * @extends {yfiles.tree.RotatableNodePlacerBase}
+     */
+    export interface GridNodePlacer extends yfiles.tree.RotatableNodePlacerBase{}
+    export class GridNodePlacer {
+      /**
+       * Creates a new {@link yfiles.tree.GridNodePlacer} instance with the given {@link yfiles.tree.RotatableNodePlacerBase#modificationMatrix modification matrix} and {@link yfiles.tree.GridNodePlacer#rootAlignment root alignment}.
+       * @param modificationMatrix the transformation matrix for this {@link }
+       * @param rootAlignment the alignment of the local root with its subtrees
+       */
+      constructor(modificationMatrix:yfiles.tree.RotatableNodePlacerMatrix,rootAlignment:yfiles.tree.RootNodeAlignment);
+      /**
+       * Creates a new {@link yfiles.tree.GridNodePlacer} instance whose direction is specified by the given modification matrix.
+       * @param modificationMatrix the transformation matrix for this {@link }
+       */
+      constructor(modificationMatrix:yfiles.tree.RotatableNodePlacerMatrix);
+      /**
+       * Creates a new {@link yfiles.tree.GridNodePlacer} with default settings.
+       */
+      constructor();
+      /**
+       * Data provider key for assigning nodes to the rows in the grid
+       * <p>
+       * If no {@link yfiles.algorithms.IDataProvider} is registered with this key, all nodes will be placed in the same row.
+       * </p>
+       * @const
+       * @static
+       * @type {yfiles.algorithms.NodeDpKey.<number>}
+       */
+      static ROW_INDEX_DP_KEY:yfiles.algorithms.NodeDpKey<number>;
+      /**
+       * Gets or sets the {@link yfiles.tree.RootNodeAlignment RootAlginment} that defines how the root node is aligned with its children and their shapes.
+       * @type {yfiles.tree.RootNodeAlignment}
+       */
+      rootAlignment:yfiles.tree.RootNodeAlignment;
+      static $class:yfiles.lang.Class;
+    }
+    /**
+     * This {@link yfiles.tree.INodePlacer} places the children of a local root in groups.
+     * <p>
+     * The groups are determined by the grouping of the edges that connect the children to its root. The placement of the
+     * groups is specified by a {@link yfiles.tree.INodePlacer} which will consider grouped children as one child. The children within
+     * a group are placed by another {@link yfiles.tree.INodePlacer}.
+     * </p>
+     * <p>
+     * {@graph {"ann":{"s":[30,30],"d":1},"n":[[70.15,0,91.19,30],[0,91],[111,91],[201.5,91],[0,141],[111,141],[201.5,141]],"e":[[0,1,-30,15,0,0,[85.75,50,50,50,50,106]],[0,2,0,15,0,0,[115.75,50,91,50,91,106]],[0,3,30,15,0,0,[145.75,50,181.5,50,181.5,106]],[0,4,-30,15,0,0,[85.75,50,50,50,50,156]],[0,5,0,15,0,0,[115.75,50,91,50,91,156]],[0,6,30,15,0,0,[145.75,50,181.5,50,181.5,156]]],"vp":[0.0,0.0,232.0,171.0]}} There are three edge groups whose target nodes are placed above each other
+     * </p>
+     * @see yfiles.layout.PortConstraintKeys#SOURCE_GROUP_ID_DP_KEY
+     * @see yfiles.layout.PortConstraintKeys#TARGET_GROUP_ID_DP_KEY
+     * @class
+     * @implements {yfiles.tree.INodePlacer}
+     */
+    export interface GroupedNodePlacer extends Object,yfiles.tree.INodePlacer{}
+    export class GroupedNodePlacer {
+      /**
+       * Creates a new {@link yfiles.tree.GroupedNodePlacer} instance.
+       * @param groupPlacer the {@link } which places the child groups
+       * @param childPlacer the {@link } which places the children within their group
+       */
+      constructor(groupPlacer:yfiles.tree.INodePlacer,childPlacer:yfiles.tree.INodePlacer);
+      /**
+       * Creates a {@link yfiles.tree.IProcessor} that prepares the graph for edge grouping.
+       * <p>
+       * In a pre-processing step, the {@link yfiles.tree.IProcessor} inserts a dummy node for each edge group and connects it to the
+       * local root and the edges of the according group. The child node placer is assigned to those dummy nodes and will arrange
+       * them during the layout calculation.
+       * </p>
+       * <p>
+       * The changes to the graph are restored in a post-processing step.
+       * </p>
+       * @param layouter the current {@link } instance
+       * @param graph the input graph
+       * @param currentRoot the root node handled by this {@link }
+       * @returns the {@link } responsible for preparing the graph
+       * @see yfiles.layout.PortConstraintKeys#SOURCE_GROUP_ID_DP_KEY
+       * @see yfiles.layout.PortConstraintKeys#TARGET_GROUP_ID_DP_KEY
+       */
+      createProcessor(layouter:yfiles.tree.TreeLayout,graph:yfiles.layout.LayoutGraph,currentRoot:yfiles.algorithms.Node):yfiles.tree.IProcessor;
+      /**
+       * Delegates to the {@link yfiles.tree.INodePlacer} responsible for arranging the nodes in one group.
+       * @param localRoot the local root node
+       * @param connectorMap the map used for storing the direction specifiers of the child nodes
+       */
+      determineChildConnectors(localRoot:yfiles.algorithms.Node,connectorMap:yfiles.algorithms.IDataMap):void;
+      /**
+       * Places the groups of {@link yfiles.tree.SubtreeShape}s according to their group IDs.
+       * @param nodeShapeProvider the {@link } for obtaining an initial shape of the root node
+       * @param subtreeShapeProvider the {@link } for accessing the pre-calculated shapes of the subtrees
+       * @param graph the input graph
+       * @param localRoot the root of the subtree that should be arranged by this method
+       * @param parentConnectorDirection the direction specifier for the connector of the local root node to its parent node
+       * @returns the merged {@link }s of the local root and its children
+       * @see yfiles.layout.PortConstraintKeys#SOURCE_GROUP_ID_DP_KEY
+       * @see yfiles.layout.PortConstraintKeys#TARGET_GROUP_ID_DP_KEY
+       */
+      placeSubtree(nodeShapeProvider:yfiles.algorithms.IDataProvider,subtreeShapeProvider:yfiles.algorithms.IDataProvider,graph:yfiles.layout.LayoutGraph,localRoot:yfiles.algorithms.Node,parentConnectorDirection:yfiles.tree.ParentConnectorDirection):yfiles.tree.SubtreeShape;
+      static $class:yfiles.lang.Class;
+    }
+    /**
+     * A {@link yfiles.tree.IFromSketchNodePlacer} arranges the subtrees while taking the initial locations of the nodes into account.
+     * <p>
+     * It provides a {@link yfiles.collections.IComparer.<T>} which sorts the outgoing edges of a node according to the initial coordinates of their target nodes.
+     * Keeping the original order of nodes, this {@link yfiles.collections.IComparer.<T>} allows to incrementally add new nodes to the graph.
+     * </p>
+     * @interface
+     * @implements {yfiles.tree.INodePlacer}
+     */
+    export interface IFromSketchNodePlacer extends Object,yfiles.tree.INodePlacer{
+      /**
+       * Creates an {@link yfiles.collections.IComparer.<T> edge comparator} which takes the initial coordinates of the nodes into account.
+       * <p>
+       * This {@link yfiles.collections.IComparer.<T>} defines the order of the outgoing edges of a node before the actual placement of the node's subtree is
+       * calculated.
+       * </p>
+       * @returns the {@link } for the edges
+       * @abstract
+       */
+      createFromSketchComparer():yfiles.collections.IComparer<Object>;
+    }
+    var IFromSketchNodePlacer:{
+      $class:yfiles.lang.Class;
+      isInstance(o:Object):boolean;
+    };
+    /**
+     * A {@link yfiles.tree.INodePlacer} is responsible for the arrangement of a local root node and all of its subtrees.
+     * <p>
+     * Subtrees are represented as {@link yfiles.tree.SubtreeShape SubtreeShape}s with a connecting edge to the root of the subtree.
+     * </p>
+     * <p>
+     * Implementations of this interface have to:
+     * </p>
+     * <ul>
+     * <li>
+     * arrange the {@link yfiles.tree.SubtreeShape SubtreeShapes} and the root node (only the relative position matters, shapes can be placed at any absolute
+     * location, {@link yfiles.tree.TreeLayout} will perform the final alignment).
+     * </li>
+     * <li>
+     * perform the edge routing from the root node to all child nodes with respect to the connector provided by the
+     * {@link yfiles.tree.SubtreeShape SubtreeShapes}
+     * </li>
+     * <li>calculate the union of the {@link yfiles.tree.SubtreeShape SubtreeShapes} and the shape of the root node as well as any added edges</li>
+     * <li>initialize the connector of the root node with respect to the preferred connection direction</li>
+     * <li>return the {@link yfiles.tree.SubtreeShape SubtreeShape} for the subtree including the local root</li>
+     * </ul>
+     * @interface
+     */
+    export interface INodePlacer extends Object{
+      /**
+       * Creates an optional {@link yfiles.tree.IProcessor} for pre- and post-processing.
+       * <p>
+       * This method is called by {@link yfiles.tree.TreeLayout} before arranging the {@link yfiles.tree.SubtreeShape SubtreeShapes}. If no pre- or post-processing is
+       * needed, this method may return <code>null</code>.
+       * </p>
+       * @param layouter the current {@link } instance
+       * @param graph the input graph
+       * @param currentRoot the root node handled by this {@link }
+       * @returns a {@link } instance or <code>null</code>
+       * @abstract
+       */
+      createProcessor(layouter:yfiles.tree.TreeLayout,graph:yfiles.layout.LayoutGraph,currentRoot:yfiles.algorithms.Node):yfiles.tree.IProcessor;
+      /**
+       * Provides the direction of the connector to the {@link yfiles.tree.SubtreeShape SubtreeShape} for each child node.
+       * <p>
+       * This method is called by {@link yfiles.tree.TreeLayout} before the {@link yfiles.tree.SubtreeShape SubtreeShapes} for the children of the local root node are
+       * calculated. The direction specifiers are stored in the given map for all child nodes of the local root.
+       * </p>
+       * @param localRoot the local root node
+       * @param connectorMap the map that must be used for storing the direction specifiers of the child nodes
+       * @abstract
+       */
+      determineChildConnectors(localRoot:yfiles.algorithms.Node,connectorMap:yfiles.algorithms.IDataMap):void;
+      /**
+       * Arranges the {@link yfiles.tree.SubtreeShape SubtreeShapes} of the local root and its children and routes the edges that connect them.
+       * <p>
+       * This method is the main method of the tree layout algorithm. It is called by {@link yfiles.tree.TreeLayout} in each recursion
+       * step to place the local root in relation to its children. Their shapes will be merged into one
+       * {@link yfiles.tree.SubtreeShape SubtreeShape}, which is returned by this method.
+       * </p>
+       * <p>
+       * The {@link yfiles.tree.SubtreeShape SubtreeShape} for the local root can be obtained from the <code>nodeShapeProvider</code>. <code>subtreeShapeProvider</code> contains the {@link yfiles.tree.SubtreeShape SubtreeShapes}
+       * assigned to the child nodes.
+       * </p>
+       * <p>
+       * Due to the order in which the tree nodes are processed, it is guaranteed that at the time of the invocation of this
+       * method the {@link yfiles.tree.SubtreeShape SubtreeShape} of every descendant node has already been calculated.
+       * </p>
+       * @param nodeShapeProvider the {@link } for obtaining an initial shape of the root node
+       * @param subtreeShapeProvider the {@link } for accessing the pre-calculated shapes of the subtrees
+       * @param graph the input graph
+       * @param localRoot the root of the subtree that should be arranged by this method
+       * @param parentConnectorDirection the direction specifier for the connector of the local root node to its parent node
+       * @returns the combined shape of the whole subtree
+       * @abstract
+       */
+      placeSubtree(nodeShapeProvider:yfiles.algorithms.IDataProvider,subtreeShapeProvider:yfiles.algorithms.IDataProvider,graph:yfiles.layout.LayoutGraph,localRoot:yfiles.algorithms.Node,parentConnectorDirection:yfiles.tree.ParentConnectorDirection):yfiles.tree.SubtreeShape;
+    }
+    var INodePlacer:{
+      $class:yfiles.lang.Class;
+      isInstance(o:Object):boolean;
+    };
+    /**
+     * A {@link yfiles.tree.IPortAssignment} places the ports of edges connecting to the same node.
+     * <p>
+     * Classes implementing this interface are responsible for the assignment of the edges' ports. {@link yfiles.tree.INodePlacer}
+     * instances need to obey the currently set ports.
+     * </p>
+     * @interface
+     */
+    export interface IPortAssignment extends Object{
+      /**
+       * Places the ports of edges connecting to the given node.
+       * <p>
+       * This method is called by {@link yfiles.tree.TreeLayout} before the actual layout calculation takes place. It assigns both the
+       * single incoming edge's target port as well as all source ports of all outgoing child edges.
+       * </p>
+       * @param graph the graph
+       * @param node the node whose adjacent edges' ports should be set
+       * @abstract
+       */
+      assignPorts(graph:yfiles.layout.LayoutGraph,node:yfiles.algorithms.Node):void;
+    }
+    var IPortAssignment:{
+      $class:yfiles.lang.Class;
+      isInstance(o:Object):boolean;
+    };
+    /**
+     * A {@link yfiles.tree.IProcessor} provides the possibility for each {@link yfiles.tree.INodePlacer} to prepare (and clean up) the graph
+     * for the children of the local root.
+     * <p>
+     * It is created by {@link yfiles.tree.INodePlacer#createProcessor} and called by the {@link yfiles.tree.TreeLayout} before and after the
+     * actual arrangement of the nodes.
+     * </p>
+     * <p>
+     * A {@link yfiles.tree.IProcessor} may change values within the
+     * {@link yfiles.algorithms.IDataMap}s for its children. It can also temporarily change the graph by hiding nodes or adding dummy
+     * nodes.
+     * </p>
+     * @interface
+     */
+    export interface IProcessor extends Object{
+      /**
+       * This method is called by the {@link yfiles.tree.TreeLayout} after the layout has finished.
+       * <p>
+       * It can be used for cleanup tasks.
+       * </p>
+       * <p>
+       * Changes on the graph structure that have been made in {@link yfiles.tree.IProcessor#preProcess} can be undone here.
+       * </p>
+       * @abstract
+       */
+      postProcess():void;
+      /**
+       * Performs preparations for the actual tree layout in a pre-processing step.
+       * <p>
+       * This method is called by {@link yfiles.tree.TreeLayout} before the {@link yfiles.tree.INodePlacer}s are called recursively. A {@link yfiles.tree.IProcessor}
+       * may change some settings within this method. This can be used for specifying values for the children of the local root,
+       * manipulate the graph structure or do anything else that needs to be done.
+       * </p>
+       * @param nodePlacerDataProvider the map that stores a {@link } instance for each node
+       * @param portAssignmentDataProvider The map that stores a {@link } instance for each node
+       * @param childComparatorProvider the map that stores a {@link } instance for each node
+       * @abstract
+       */
+      preProcess(nodePlacerDataProvider:yfiles.algorithms.IDataMap,portAssignmentDataProvider:yfiles.algorithms.IDataMap,childComparatorProvider:yfiles.algorithms.IDataMap):void;
+    }
+    var IProcessor:{
+      $class:yfiles.lang.Class;
+      isInstance(o:Object):boolean;
+    };
+    /**
+     * A {@link yfiles.tree.LayeredNodePlacer} arranges the nodes of a subtree respecting layers.
+     * <p>
+     * <b>Layout Style</b> Nodes that have the same depth in the tree will be placed in the same horizontal layer. They will be vertically
+     * {@link yfiles.tree.LayeredNodePlacer#verticalAlignment aligned}. {@graph {"ann":{"s":[30,30],"d":1},"n":[[245.52,0],[69.46,77.5],[7.5,162.5],[181.42,240,45,45],[57.5,155,45,45],[0,240,45,45],[246.42,77.5],[406.58,70,45,45],[181.42,155,45,45],[246.42,155,45,45],[375.88,247.5],[7.5,332.5],[122.5,158.04,38.92,38.92],[409.62,158.04,38.92,38.92],[311.42,162.5],[65,247.5],[443.38,243.04,38.92,38.92],[138.92,332.5],[338.92,325,45,45],[311.42,247.5],[403.92,328.04,38.92,38.92],[188.92,332.5],[238.92,332.5]],"e":[[0,1,[260.52,42,84.46,42]],[1,2,[84.46,127,22.5,127]],[1,4,[84.46,127,80,127]],[2,5],[0,6,[260.52,42,261.42,42]],[0,7,[260.52,42,429.08,42]],[6,8,[261.42,127,203.92,127]],[8,3],[6,9,[261.42,127,268.92,127]],[5,11],[1,12,[84.46,127,141.96,127]],[7,13],[13,10,[429.08,212,390.88,212]],[6,14,[261.42,127,326.42,127]],[4,15],[13,16,[429.08,212,462.83,212]],[3,17,[203.92,297,153.92,297]],[10,18,[390.88,297,361.42,297]],[14,19],[10,20,[390.88,297,423.38,297]],[3,21],[3,22,[203.92,297,253.92,297]]],"vp":[0.0,0.0,483.0,370.0]}}
+     * </p>
+     * @class
+     * @extends {yfiles.tree.RotatableNodePlacerBase}
+     */
+    export interface LayeredNodePlacer extends yfiles.tree.RotatableNodePlacerBase{}
+    export class LayeredNodePlacer {
+      /**
+       * Creates a new {@link yfiles.tree.LayeredNodePlacer} instance whose direction is specified by the given modification matrix.
+       * <p>
+       * The given ID identifies different {@link yfiles.tree.LayeredNodePlacer} instances that share the same layer heights.
+       * </p>
+       * @param modificationMatrix the transformation matrix for this {@link }
+       * @param id the {@link } ID
+       */
+      constructor(modificationMatrix:yfiles.tree.RotatableNodePlacerMatrix,id:Object);
+      /**
+       * Creates a new {@link yfiles.tree.LayeredNodePlacer} instance with the default settings.
+       */
+      constructor();
+      /**
+       * Gets or sets whether or not the layering is done dendrogram-like.
+       * <p>
+       * When enabled, leaves are placed in the same layer and remaining tree nodes are assigned to a layer as close to their
+       * children as possible.
+       * </p>
+       * @type {boolean}
+       */
+      dendrogramStyle:boolean;
+      /**
+       * Gets or sets the {@link yfiles.tree.RootNodeAlignment RootAlginment} that defines how the root node is aligned with its children and their shapes.
+       * @type {yfiles.tree.RootNodeAlignment}
+       */
+      rootAlignment:yfiles.tree.RootNodeAlignment;
+      /**
+       * Gets or sets the relative vertical alignment of nodes within their respective layers.
+       * <p>
+       * A value of <code>0</code> means that nodes are top-aligned; a value of <code>0.5</code> means that nodes are center-aligned; a value of <code>1</code> means
+       * that nodes are bottom-aligned;
+       * </p>
+       * <p>
+       * Values for a valid vertical alignment are in the range <code>[0..1]</code>.
+       * </p>
+       * @throws {Stubs.Exceptions.ArgumentError} if the specified alignment is outside <code>[0..1]</code>
+       * @type {number}
+       */
+      verticalAlignment:number;
+      /**
+       * Gets the ID of this {@link yfiles.tree.LayeredNodePlacer}.
+       * <p>
+       * The ID is used for identifying
+       * {@link yfiles.tree.LayeredNodePlacer}s that share information about the layer height. Using different IDs allows aligned layouts
+       * within different subtrees.
+       * </p>
+       * @type {Object}
+       */
+      id:Object;
+      /**
+       * Gets or sets the distance between two adjacent layers.
+       * <p>
+       * The spacing needs to be non-negative.
+       * </p>
+       * @throws {Stubs.Exceptions.ArgumentError} if the specified spacing is negative
+       * @type {number}
+       */
+      layerSpacing:number;
+      /**
+       * Gets or sets the routing style for the edges in the subtree.
+       * @throws {Stubs.Exceptions.ArgumentError} if the specified routing style specifier is unknown
+       * @type {yfiles.tree.LayeredRoutingStyle}
+       */
+      routingStyle:yfiles.tree.LayeredRoutingStyle;
+      /**
+       * Gets or sets the vertical bus alignment for orthogonally routed edges.
+       * <p>
+       * The bus alignment determines the relative position of an edge bus in between two subsequent layers of nodes.
+       * </p>
+       * <p>
+       * Values for a valid vertical alignment are in the range <code>[0..1]</code>, such that:
+       * </p>
+       * <ul>
+       * <li>A value of <code>0.0</code> places the bus at the top, right below the parent node.</li>
+       * <li>A value of <code>0.5</code> places the bus in the middle between parent and child nodes.</li>
+       * <li>A value of <code>1.0</code> places the bus at the bottom, right above the child nodes.</li>
+       * </ul>
+       * @throws {Stubs.Exceptions.ArgumentError} if the specified alignment is outside <code>[0..1]</code>
+       * @type {number}
+       */
+      busAlignment:number;
+      /**
+       * Gets or sets whether or not straight edges are extended to avoid label overlaps.
+       * <p>
+       * If enabled, polyline connectors between the parent and its children are added to the according subtree shape. Node or
+       * edge labels will not be crossed.
+       * </p>
+       * @type {boolean}
+       */
+      polylineLabeling:boolean;
+      static $class:yfiles.lang.Class;
+    }
+    /**
+     * A {@link yfiles.tree.LeafNodePlacer} creates a {@link yfiles.tree.SubtreeShape SubtreeShape} for a leaf node and routes its incoming edge at the target side.
+     * @class
+     * @implements {yfiles.tree.INodePlacer}
+     */
+    export interface LeafNodePlacer extends Object,yfiles.tree.INodePlacer{}
+    export class LeafNodePlacer {
+      /**
+       * Creates a new {@link yfiles.tree.LeafNodePlacer} instance with default settings.
+       */
+      constructor();
+      /**
+       * Creates an optional {@link yfiles.tree.IProcessor} for pre- and post-processing.
+       * <p>
+       * This implementation returns <code>null</code>. Hence, no pre- or post-processing is done.
+       * </p>
+       * @param layouter the current {@link } instance
+       * @param graph the input graph
+       * @param currentRoot the root node handled by this {@link }
+       * @returns <code>null</code>
+       */
+      createProcessor(layouter:yfiles.tree.TreeLayout,graph:yfiles.layout.LayoutGraph,currentRoot:yfiles.algorithms.Node):yfiles.tree.IProcessor;
+      /**
+       * Does nothing because leaf nodes don't have children so there are no child connectors.
+       * @param localRoot the local root node
+       * @param connectorMap the map that must be used for storing the direction specifiers of the child nodes
+       */
+      determineChildConnectors(localRoot:yfiles.algorithms.Node,connectorMap:yfiles.algorithms.IDataMap):void;
+      /**
+       * Creates a {@link yfiles.tree.SubtreeShape} for the local root node (a leaf node in this case) and adds target points to the
+       * incoming edge.
+       * <p>
+       * The incoming edge is routed according to possibly assigned {@link yfiles.layout.PortConstraint}s.
+       * </p>
+       * @param nodeShapeProvider the {@link } for obtaining an initial shape of the root node
+       * @param subtreeShapeProvider the {@link } for accessing the pre-calculated shapes of the subtrees
+       * @param graph the input graph
+       * @param localRoot the root of the subtree that should be arranged by this method
+       * @param parentConnectorDirection the direction specifier for the connector of the local root node to its parent node
+       * @returns the {@link } of the leaf node including the connector
+       */
+      placeSubtree(nodeShapeProvider:yfiles.algorithms.IDataProvider,subtreeShapeProvider:yfiles.algorithms.IDataProvider,graph:yfiles.layout.LayoutGraph,localRoot:yfiles.algorithms.Node,parentConnectorDirection:yfiles.tree.ParentConnectorDirection):yfiles.tree.SubtreeShape;
+      static $class:yfiles.lang.Class;
+    }
+    /**
+     * The {@link yfiles.tree.LeftRightNodePlacer} arranges the children in a subtree on the left and the right of a vertical bus.
+     * <p>
+     * <b>Layout Style</b> {@graph {"ann":{"s":[30,30],"d":1},"n":[[35,0],[0,50],[70,50],[0,100],[70,100],[0,150],[70,150],[0,200],[70,200],[35,250]],"e":[[0,1,[50,65]],[0,2,[50,65]],[0,3,[50,115]],[0,4,[50,115]],[0,5,[50,165]],[0,6,[50,165]],[0,7,[50,215]],[0,8,[50,215]],[0,9]],"vp":[0.0,0.0,100.0,280.0]}}
+     * </p>
+     * @class
+     * @extends {yfiles.tree.RotatableNodePlacerBase}
+     */
+    export interface LeftRightNodePlacer extends yfiles.tree.RotatableNodePlacerBase{}
+    export class LeftRightNodePlacer {
+      /**
+       * Creates a new {@link yfiles.tree.LeftRightNodePlacer} instance using the given modification matrix.
+       * @param modificationMatrix the transformation matrix for this {@link }
+       */
+      constructor(modificationMatrix:yfiles.tree.RotatableNodePlacerMatrix);
+      /**
+       * Creates a new {@link yfiles.tree.LeftRightNodePlacer} instance with default settings.
+       */
+      constructor();
+      /**
+       * Creates a special {@link yfiles.algorithms.IDataProvider} that determines whether a given node is placed left or right of the
+       * parent node.
+       * <p>
+       * This {@link yfiles.algorithms.IDataProvider} can be registered with the graph with key
+       * {@link yfiles.tree.LeftRightNodePlacer#LEFT_RIGHT_DP_KEY}. It calculates the side with respect to the initial coordinates of the
+       * nodes in the graph, considering the orientation of the subtree.
+       * </p>
+       * <p>
+       * If a node is assigned to the left side, this {@link yfiles.algorithms.IDataProvider} will return <code>true</code>. For the right side, it
+       * will return <code>false</code>.
+       * </p>
+       * @param nodePlacerMap a {@link } containing the corresponding {@link }s for the node
+       * @returns 
+       * @static
+       */
+      static createLeftRightDataProvider(nodePlacerMap:yfiles.algorithms.IDataProvider):yfiles.algorithms.IDataProvider;
+      /**
+       * Data provider key for assigning nodes to the left or the right side of the bus
+       * <p>
+       * If no {@link yfiles.algorithms.IDataProvider} is specified using this key, the nodes will be placed alternating from left to
+       * right.
+       * </p>
+       * @const
+       * @static
+       * @type {yfiles.algorithms.NodeDpKey.<boolean>}
+       */
+      static LEFT_RIGHT_DP_KEY:yfiles.algorithms.NodeDpKey<boolean>;
+      /**
+       * Gets or sets the horizontal distance between nodes or subtrees.
+       * <p>
+       * The distance needs to be non-negative.
+       * </p>
+       * @throws {Stubs.Exceptions.ArgumentError} if the specified distance is negative
+       * @type {number}
+       */
+      horizontalDistance:number;
+      /**
+       * Gets or sets the vertical distance between nodes or subtrees.
+       * <p>
+       * The distance needs to be non-negative.
+       * </p>
+       * @throws {Stubs.Exceptions.ArgumentError} if the specified distance is negative
+       * @type {number}
+       */
+      verticalDistance:number;
+      /**
+       * Sets a uniform horizontal and vertical spacing between subtrees.
+       * <p>
+       * This method sets the given distance value for the {@link yfiles.tree.LeftRightNodePlacer#horizontalDistance horizontal spacing} and for the {@link yfiles.tree.LeftRightNodePlacer#verticalDistance vertical spacing}.
+       * </p>
+       * @throws {Stubs.Exceptions.ArgumentError} if the specified spacing value is negative
+       * @see yfiles.tree.LeftRightNodePlacer#horizontalDistance
+       * @see yfiles.tree.LeftRightNodePlacer#verticalDistance
+       * @type {number}
+       */
+      spacing:number;
+      /**
+       * Gets or sets whether or not the last child is placed centered, aligned with the bus and below the other child nodes.
+       * <p>
+       * When enabled, the last child will always be centered independent of the number of siblings.
+       * </p>
+       * @type {boolean}
+       */
+      placeLastOnBottom:boolean;
+      static $class:yfiles.lang.Class;
+    }
+    /**
+     * The {@link yfiles.tree.MultiParentDescriptor} provides style information for multi-parent structures.
+     * <p>
+     * This class is used by {@link yfiles.tree.TreeLayout} to determine the desired layout of nodes that constitute a multi-parent
+     * structure. All nodes of such a structure are placed side by side and the incident edges are routed over common points
+     * for incoming edges and for outgoing edges.
+     * </p>
+     * <p>
+     * {@graph {"ann":{"s":[40,40],"d":1},"n":[[411.25,0],[682.5,85],[210,155],[612.5,165],[35,225],[577.5,235],[385,320.5],[682.5,155,40,60],[70,305],[210,85],[0,295,40,60],[0,385],[210,225],[700,320.5],[175,295],[245,295],[315,225],[752.5,165],[420,405.5],[647.5,235],[752.5,235],[770,406],[140,380.5,40,60],[210,390.5],[315,295,40,60],[490,405.5],[175,485.5],[455,320.5],[481.25,0],[700,406],[560,406],[630,406],[560,491],[630,491],[525,320.5],[280,380.5,40,60],[70,390.5]],"e":[[0,1,[431.25,55.5,466.25,55.5,466.25,70,702.5,70]],[1,3,[702.5,140,632.5,140]],[2,4,[230,210,55,210]],[3,5,[632.5,220,597.5,220]],[5,6,[597.5,290,475,290,475,305,405,305]],[1,7],[4,8,[55,280,90,280]],[0,9,[431.25,55.5,466.25,55.5,466.25,70,230,70]],[9,2],[4,10,[55,280,20,280]],[10,11],[2,12],[5,13,[597.5,290,720,290]],[12,14,[230,280,195,280]],[12,15,[230,280,265,280]],[2,16,[230,210,335,210]],[1,17,[702.5,140,772.5,140]],[6,18,[405,376,475,376,475,390.5,440,390.5]],[3,19,[632.5,220,667.5,220]],[17,20],[13,21,[720,375.5,790,375.5]],[14,22,[195,365,160,365]],[14,23,[195,365,230,365]],[16,24],[6,25,[405,376,475,376,475,390.5,510,390.5]],[22,26,[160,456,195,456]],[23,26,[230,456,195,456]],[5,27,[597.5,290,475,290]],[27,18,[475,390.5,440,390.5]],[27,25,[475,390.5,510,390.5]],[28,9,[501.25,55.5,466.25,55.5,466.25,70,230,70]],[28,1,[501.25,55.5,466.25,55.5,466.25,70,702.5,70]],[13,29],[13,30,[720,375.5,615,375.5,615,390.5,580,390.5]],[13,31,[720,375.5,615,375.5,615,390.5,650,390.5]],[30,32,[580,461.5,615,461.5,615,476,580,476]],[31,32,[650,461.5,615,461.5,615,476,580,476]],[30,33,[580,461.5,615,461.5,615,476,650,476]],[31,33,[650,461.5,615,461.5,615,476,650,476]],[5,34,[597.5,290,475,290,475,305,545,305]],[34,18,[545,376,475,376,475,390.5,440,390.5]],[34,25,[545,376,475,376,475,390.5,510,390.5]],[14,35,[195,365,300,365]],[35,26,[300,456,195,456]],[14,36,[195,365,90,365]],[36,26,[90,456,195,456]]],"vp":[0.0,0.0,810.0,531.0]}}
+     * </p>
+     * <p>
+     * A tree graph containing multi-parent structures
+     * </p>
+     * @see yfiles.tree.TreeLayout#MULTI_PARENT_DESCRIPTOR_DP_KEY
+     * @class
+     */
+    export interface MultiParentDescriptor extends Object{}
+    export class MultiParentDescriptor {
+      /**
+       * Creates a new {@link yfiles.tree.MultiParentDescriptor} instance with default settings.
+       */
+      constructor();
+      /**
+       * Gets or sets the minimum distance between two nodes belonging to the same multi-parent structure.
+       * <p>
+       * The distance needs to be non-negative.
+       * </p>
+       * @throws {Stubs.Exceptions.ArgumentError} if the given node distance is negative
+       * @type {number}
+       */
+      minimumNodeDistance:number;
+      /**
+       * Gets or sets the minimum distance between the nodes of a multi-parent structure and the bus connecting these nodes.
+       * <p>
+       * In case the edge style is not orthogonal, the bus only consists of a common point.
+       * </p>
+       * <p>
+       * The minimum distance needs to be non-negative.
+       * </p>
+       * @throws {Stubs.Exceptions.ArgumentError} if the given bus distance is negative
+       * @type {number}
+       */
+      minimumBusDistance:number;
+      /**
+       * Gets or sets the relative vertical alignment of nodes belonging to the same multi-parent structure.
+       * <p>
+       * A value of <code>0</code> means that nodes are top-aligned; a value of <code>1</code> means that nodes are bottom-aligned; a value of <code>0.5</code> means
+       * that nodes are center-aligned.
+       * </p>
+       * <p>
+       * Values outside the interval <code>[0,1]</code> will result in a compact node placement with unaligned nodes, especially when labels
+       * are considered.
+       * </p>
+       * @type {number}
+       */
+      verticalAlignment:number;
+      /**
+       * Gets or sets the routing style for edges that connect to nodes which constitute a multi-parent structure.
+       * @throws {Stubs.Exceptions.ArgumentError} if the given routing style is unknown
+       * @type {yfiles.tree.MultiParentRoutingStyle}
+       */
+      edgeStyle:yfiles.tree.MultiParentRoutingStyle;
+      static $class:yfiles.lang.Class;
+    }
+    /**
+     * The {@link yfiles.tree.NodeOrderComparer} compares edges according to a specified order.
+     * <p>
+     * It obtains the order from a {@link yfiles.algorithms.IDataProvider} registered with the graph with key
+     * {@link yfiles.tree.NodeOrderComparer#NODE_ORDER_COMPARABLE_DP_KEY}.
+     * </p>
+     * <p>
+     * Various tree layout algorithms can use this {@link yfiles.collections.IComparer.<T>} to influence the resulting layout. To achieve this, use this comparator and
+     * assign it to the comparator property of the layout algorithm classes.
+     * </p>
+     * @see yfiles.tree.ClassicTreeLayout#comparer
+     * @see yfiles.tree.TreeLayout#defaultOutEdgeComparer
+     * @see yfiles.tree.TreeLayout#OUT_EDGE_COMPARER_DP_KEY
+     * @see yfiles.tree.BalloonLayout#comparer
+     * @see yfiles.tree.AspectRatioTreeLayout#comparer
+     * @see yfiles.tree.NodeOrderComparer#NODE_ORDER_COMPARABLE_DP_KEY
+     * @class
+     * @implements {yfiles.collections.IComparer.<Object>}
+     */
+    export interface NodeOrderComparer extends Object,yfiles.collections.IComparer<Object>{}
+    export class NodeOrderComparer {
+      /**
+       * Creates a new {@link yfiles.tree.NodeOrderComparer} instance.
+       */
+      constructor();
+      /**
+       * Compares two edges according to their index in the order specified using a {@link yfiles.algorithms.IDataProvider}.
+       * <p>
+       * Target nodes for which the {@link yfiles.algorithms.IDataProvider} registered with {@link yfiles.tree.NodeOrderComparer#NODE_ORDER_COMPARABLE_DP_KEY}
+       * returns <code>null</code> or an {@link Object} that does not implement {@link yfiles.lang.IComparable} are treated as being smaller than other target
+       * nodes.
+       * </p>
+       * @param edge1 the first edge
+       * @param edge2 the second edge
+       * @returns 
+       * @see yfiles.tree.NodeOrderComparer#NODE_ORDER_COMPARABLE_DP_KEY
+       */
+      compare(edge1:Object,edge2:Object):number;
+      /**
+       * Data provider key for registering an order for each node in the graph
+       * @const
+       * @static
+       * @type {yfiles.algorithms.NodeDpKey.<yfiles.lang.IComparable>}
+       */
+      static NODE_ORDER_COMPARABLE_DP_KEY:yfiles.algorithms.NodeDpKey<yfiles.lang.IComparable>;
+      static $class:yfiles.lang.Class;
+    }
+    /**
+     * Abstract base class for implementations of the {@link yfiles.tree.INodePlacer} interface.
+     * <p>
+     * This class provides convenience methods for sub-tasks that are often used during the arrangement of a local root and its
+     * children. It also offers prepared implementations for the methods of the {@link yfiles.tree.INodePlacer} interface.
+     * </p>
+     * <p>
+     * Subclasses just need to override the following two abstract methods: {@link yfiles.tree.NodePlacerBase#placeSubtreeOfNode} and
+     * {@link yfiles.tree.NodePlacerBase#determineChildConnectors}.
+     * </p>
+     * @class
+     * @implements {yfiles.tree.INodePlacer}
+     * @implements {yfiles.lang.ICloneable}
+     */
+    export interface NodePlacerBase extends Object,yfiles.tree.INodePlacer,yfiles.lang.ICloneable{}
+    export class NodePlacerBase {
+      /**
+       * Creates a new instance of {@link yfiles.tree.NodePlacerBase}.
+       */
+      constructor();
+      /**
+       * Returns a clone of this {@link yfiles.tree.INodePlacer} instance.
+       * @returns an exact copy of this {@link } instance
+       */
+      clone():Object;
+      /**
+       * Creates an optional {@link yfiles.tree.IProcessor} for pre- and post-processing.
+       * <p>
+       * This implementation returns <code>null</code>. Hence, no pre- or post-processing will be done.
+       * </p>
+       * @param layouter the current {@link } instance
+       * @param graph the input graph
+       * @param currentRoot the root node handled by this {@link }
+       * @returns <code>null</code>
+       */
+      createProcessor(layouter:yfiles.tree.TreeLayout,graph:yfiles.layout.LayoutGraph,currentRoot:yfiles.algorithms.Node):yfiles.tree.IProcessor;
+      /**
+       * Determines a connector direction for the given child node.
+       * <p>
+       * This method is used in {@link yfiles.tree.NodePlacerBase#determineChildConnectors} and must be implemented by subclasses.
+       * </p>
+       * @param child the child node
+       * @returns a direction specifier as defined in the {@link } interface
+       * @protected
+       * @abstract
+       */
+      determineChildConnector(child:yfiles.algorithms.Node):yfiles.tree.ParentConnectorDirection;
+      /**
+       * Provides the direction of the connector to the {@link yfiles.tree.SubtreeShape SubtreeShape} for each child node.
+       * <p>
+       * This implementation uses {@link yfiles.tree.NodePlacerBase#determineChildConnector} to retrieve the direction for the
+       * connectors.
+       * </p>
+       * @param localRoot the local root node
+       * @param connectorMap the map that must be used for storing the direction specifiers of the child nodes
+       */
+      determineChildConnectors(localRoot:yfiles.algorithms.Node,connectorMap:yfiles.algorithms.IDataMap):void;
+      /**
+       * Returns the {@link yfiles.tree.SubtreeShape} for the given node.
+       * <p>
+       * This is a convenience method that retrieves a {@link yfiles.tree.SubtreeShape} for a single node from the corresponding
+       * {@link yfiles.algorithms.IDataProvider}.
+       * </p>
+       * <p>
+       * This method is used in {@link yfiles.tree.NodePlacerBase#placeSubtreeOfNode} for retrieving the {@link yfiles.tree.SubtreeShape}s for
+       * the local root nodes. It may be overridden to return a custom implementation of {@link yfiles.tree.SubtreeShape}.
+       * </p>
+       * @param node the node
+       * @returns the {@link } for the given node
+       * @protected
+       */
+      getNodeShape(node:yfiles.algorithms.Node):yfiles.tree.SubtreeShape;
+      /**
+       * Returns the {@link yfiles.tree.SubtreeShape} for the subtree rooted at the given node.
+       * <p>
+       * This is a convenience method that retrieves a {@link yfiles.tree.SubtreeShape} of a complete subtree from the corresponding
+       * {@link yfiles.algorithms.IDataProvider}.
+       * </p>
+       * <p>
+       * This method is used in {@link yfiles.tree.NodePlacerBase#placeSubtreeOfNode} for retrieving the {@link yfiles.tree.SubtreeShape}s for
+       * the subtrees that are arranged. It may be overridden to return a custom implementation of {@link yfiles.tree.SubtreeShape}.
+       * </p>
+       * @param node the local root node
+       * @returns the {@link } of the subtree rooted at the given local root node
+       * @protected
+       */
+      getSubtreeShape(node:yfiles.algorithms.Node):yfiles.tree.SubtreeShape;
+      /**
+       * Initializes the local data structures and then delegates the work to the abstract variant of this method
+       * ({@link yfiles.tree.NodePlacerBase#placeSubtreeOfNode})
+       * @param nodeShapeProvider the {@link } for obtaining an initial shape of the root node
+       * @param subtreeShapeProvider the {@link } for accessing the pre-calculated shapes of the subtrees
+       * @param graph the input graph
+       * @param localRoot the root of the subtree that should be arranged by this method
+       * @param parentConnectorDirection the direction specifier for the connector of the local root node to its parent node
+       * @returns the merged {@link } for the subtree rooted at the local root node
+       * @see yfiles.tree.NodePlacerBase#placeSubtreeOfNode
+       */
+      placeSubtree(nodeShapeProvider:yfiles.algorithms.IDataProvider,subtreeShapeProvider:yfiles.algorithms.IDataProvider,graph:yfiles.layout.LayoutGraph,localRoot:yfiles.algorithms.Node,parentConnectorDirection:yfiles.tree.ParentConnectorDirection):yfiles.tree.SubtreeShape;
+      /**
+       * Arranges the local root relative to the {@link yfiles.tree.SubtreeShape} of its children.
+       * <p>
+       * This is the main method that must be implemented by subclasses. It is called by
+       * {@link yfiles.tree.NodePlacerBase#placeSubtree}.
+       * </p>
+       * @param localRoot the local root node
+       * @param parentConnectorDirection the direction of the connector
+       * @returns a {@link } instance that describes the shape of the whole subtree rooted at the given local root
+       * @protected
+       * @abstract
+       */
+      placeSubtreeOfNode(localRoot:yfiles.algorithms.Node,parentConnectorDirection:yfiles.tree.ParentConnectorDirection):yfiles.tree.SubtreeShape;
+      /**
+       * The graph instance this class is working on.
+       * @protected
+       * @type {yfiles.layout.LayoutGraph}
+       */
+      graph:yfiles.layout.LayoutGraph;
+      static $class:yfiles.lang.Class;
+    }
+    /**
+     * A {@link yfiles.tree.RootNodeAlignment} describes how a local root node is arranged in relation to its children.
+     * <p>
+     * The actual placement depends on the orientation of the subtree rooted at the current local root node. All descriptions
+     * of the provided alignments refer to the top-to-bottom orientation described by
+     * {@link yfiles.tree.RotatableNodePlacerMatrix#DEFAULT}. In this case, the subtrees are placed below the local root and the local
+     * root is aligned horizontally above them.
+     * </p>
+     * @class
+     */
+    export interface RootNodeAlignment extends Object{}
+    export class RootNodeAlignment {
+      /**
+       * Calculates the common bounds of the given subtree shapes.
+       * <p>
+       * This method can be used when placing the local root above its subtrees in method
+       * {@link yfiles.tree.RootNodeAlignment#placeParentHorizontal}.
+       * </p>
+       * @param shapes a list of rotated subtree shapes
+       * @returns the rectangle describing the bounds containing all given shapes
+       * @protected
+       * @static
+       */
+      static getBounds(shapes:yfiles.collections.IList<Object>):yfiles.algorithms.Rectangle2D;
+      /**
+       * Moves the shape of the local root to a suitable position relative to the children's shapes.
+       * <p>
+       * The movement should only be done on the x-axis (horizontally).
+       * </p>
+       * <p>
+       * This method is called by {@link yfiles.tree.RotatableNodePlacerBase}s when they {@link yfiles.tree.RotatableNodePlacerBase#placeSubtreeOfNode place the subtrees}.
+       * </p>
+       * @param rootShape the shape of the local root node that will be moved
+       * @param shapes a list of rotated subtree shapes, representing the shapes of the child nodes
+       * @param shapeBounds accumulated bounds of the shapes of all child nodes
+       * @param spacing the spacing value that should be used
+       * @protected
+       * @abstract
+       */
+      placeParentHorizontal(rootShape:yfiles.tree.RotatedSubtreeShape,shapes:yfiles.collections.IList<Object>,shapeBounds:yfiles.algorithms.Rectangle2D,spacing:number):void;
+      /**
+       * Horizontal {@link yfiles.tree.RootNodeAlignment} at the center of the subtrees.
+       * <p>
+       * The root node is placed centered above its whole subgraph. To determine the alignment, only {@link yfiles.layout.INodeLayout}s
+       * are considered. Node labels are not included although they are also contained in {@link yfiles.tree.SubtreeShape}s.
+       * </p>
+       * @const
+       * @static
+       * @type {yfiles.tree.RootNodeAlignment}
+       */
+      static CENTER:yfiles.tree.RootNodeAlignment;
+      /**
+       * Horizontal {@link yfiles.tree.RootNodeAlignment} at the median child node.
+       * <p>
+       * The root node is placed above the median of its children. To determine the alignment, only {@link yfiles.layout.INodeLayout}s
+       * are considered. Node labels are not included although they are also contained in {@link yfiles.tree.SubtreeShape}s.
+       * </p>
+       * @const
+       * @static
+       * @type {yfiles.tree.RootNodeAlignment}
+       */
+      static MEDIAN:yfiles.tree.RootNodeAlignment;
+      /**
+       * Horizontal {@link yfiles.tree.RootNodeAlignment} left of the children.
+       * <p>
+       * The local root node leaves a distance specified by the given spacing to the leftmost child. To determine the alignment,
+       * only {@link yfiles.layout.INodeLayout}s are considered. Node labels are not included although they are also contained in
+       * {@link yfiles.tree.SubtreeShape}s.
+       * </p>
+       * @const
+       * @static
+       * @type {yfiles.tree.RootNodeAlignment}
+       */
+      static LEADING:yfiles.tree.RootNodeAlignment;
+      /**
+       * Horizontal {@link yfiles.tree.RootNodeAlignment} right of the children.
+       * <p>
+       * The root node leaves a distance specified by the given spacing to the rightmost child. To determine the alignment, only
+       * {@link yfiles.layout.INodeLayout}s are considered. Node labels are not included although they are also contained in
+       * {@link yfiles.tree.SubtreeShape}s.
+       * </p>
+       * @const
+       * @static
+       * @type {yfiles.tree.RootNodeAlignment}
+       */
+      static TRAILING:yfiles.tree.RootNodeAlignment;
+      /**
+       * Horizontal {@link yfiles.tree.RootNodeAlignment} at the left side.
+       * <p>
+       * The root node is placed left aligned with its leftmost child. To determine the alignment, only
+       * {@link yfiles.layout.INodeLayout}s are considered. Node labels are not included although they are also contained in
+       * {@link yfiles.tree.SubtreeShape}s.
+       * </p>
+       * @const
+       * @static
+       * @type {yfiles.tree.RootNodeAlignment}
+       */
+      static LEFT:yfiles.tree.RootNodeAlignment;
+      /**
+       * Horizontal {@link yfiles.tree.RootNodeAlignment} at the right side.
+       * <p>
+       * The root node is placed right aligned with its rightmost child. To determine the alignment, only
+       * {@link yfiles.layout.INodeLayout}s are considered. Node labels are not included although they are also contained in
+       * {@link yfiles.tree.SubtreeShape}s.
+       * </p>
+       * @const
+       * @static
+       * @type {yfiles.tree.RootNodeAlignment}
+       */
+      static RIGHT:yfiles.tree.RootNodeAlignment;
+      /**
+       * Horizontal alignment at the center of the children.
+       * <p>
+       * The root node is placed centered over its direct children. To determine the alignment, only {@link yfiles.layout.INodeLayout}s
+       * are considered. Node labels are not included although they are also contained in {@link yfiles.tree.SubtreeShape}s.
+       * </p>
+       * @const
+       * @static
+       * @type {yfiles.tree.RootNodeAlignment}
+       */
+      static CENTER_OVER_CHILDREN:yfiles.tree.RootNodeAlignment;
+      /**
+       * An array containing all supported {@link yfiles.tree.RootNodeAlignment}s.
+       * @const
+       * @static
+       * @type {Array.<yfiles.tree.RootNodeAlignment>}
+       */
+      static ALL:yfiles.tree.RootNodeAlignment[];
+      static $class:yfiles.lang.Class;
+    }
+    /**
+     * A matrix describes the rotation of the subtree handled by {@link yfiles.tree.RotatableNodePlacerBase}.
+     * <p>
+     * Subtrees may be rotated or mirrored. Also, matrices offering a combination of rotation and mirroring are provided.
+     * </p>
+     * @class
+     */
+    export interface RotatableNodePlacerMatrix extends Object{}
+    export class RotatableNodePlacerMatrix {
+      /**
+       * Compares the values of the current {@link yfiles.tree.RotatableNodePlacerMatrix} with the values of the given
+       * {@link yfiles.tree.RotatableNodePlacerMatrix}.
+       * @param other the matrix
+       * @returns <code>true</code> if this matrix and the given other matrix contain the same values, <code>false</code> otherwise
+       */
+      equalValues(other:yfiles.tree.RotatableNodePlacerMatrix):boolean;
+      /**
+       * Multiplies this {@link yfiles.tree.RotatableNodePlacerMatrix} with the given other {@link yfiles.tree.RotatableNodePlacerMatrix}.
+       * @param other the other matrix
+       * @returns the product of both matrices
+       */
+      multiply(other:yfiles.tree.RotatableNodePlacerMatrix):yfiles.tree.RotatableNodePlacerMatrix;
+      /**
+       * The identity matrix which does not apply any rotation or mirroring.
+       * @const
+       * @static
+       * @type {yfiles.tree.RotatableNodePlacerMatrix}
+       */
+      static DEFAULT:yfiles.tree.RotatableNodePlacerMatrix;
+      /**
+       * A matrix which applies a counter-clockwise rotation by 90 degrees.
+       * @const
+       * @static
+       * @type {yfiles.tree.RotatableNodePlacerMatrix}
+       */
+      static ROT90:yfiles.tree.RotatableNodePlacerMatrix;
+      /**
+       * A matrix which applies a rotation by 180 degrees.
+       * @const
+       * @static
+       * @type {yfiles.tree.RotatableNodePlacerMatrix}
+       */
+      static ROT180:yfiles.tree.RotatableNodePlacerMatrix;
+      /**
+       * A matrix which applies a counter-clockwise rotation by 270 degrees.
+       * @const
+       * @static
+       * @type {yfiles.tree.RotatableNodePlacerMatrix}
+       */
+      static ROT270:yfiles.tree.RotatableNodePlacerMatrix;
+      /**
+       * A matrix which applies a horizontal mirroring.
+       * @const
+       * @static
+       * @type {yfiles.tree.RotatableNodePlacerMatrix}
+       */
+      static MIR_HOR:yfiles.tree.RotatableNodePlacerMatrix;
+      /**
+       * A matrix which applies a vertical mirroring.
+       * @const
+       * @static
+       * @type {yfiles.tree.RotatableNodePlacerMatrix}
+       */
+      static MIR_VERT:yfiles.tree.RotatableNodePlacerMatrix;
+      /**
+       * A matrix which applies a horizontal mirroring and a counter-clockwise rotation by 90 degrees.
+       * @const
+       * @static
+       * @type {yfiles.tree.RotatableNodePlacerMatrix}
+       */
+      static MIR_HOR_ROT90:yfiles.tree.RotatableNodePlacerMatrix;
+      /**
+       * A matrix which applies a vertical mirroring and a counter-clockwise rotation by 90 degrees.
+       * @const
+       * @static
+       * @type {yfiles.tree.RotatableNodePlacerMatrix}
+       */
+      static MIR_VERT_ROT90:yfiles.tree.RotatableNodePlacerMatrix;
+      static $class:yfiles.lang.Class;
+    }
+    /**
+     * Abstract base class for {@link yfiles.tree.INodePlacer}s that support rotations of the subtrees.
+     * <p>
+     * The direction specified in this {@link yfiles.tree.RotatableNodePlacerBase} (defined by a
+     * {@link yfiles.tree.RotatableNodePlacerBase#modificationMatrix transformation matrix}) rotates the subtree that is placed. This is the final direction of this subtree. Rotations are
+     * not accumulated.
+     * </p>
+     * <p>
+     * {@link yfiles.tree.INodePlacer}s of this type will only implement the default direction (i.e. top-to-bottom). The other
+     * directions are calculated using the specified modification {@link yfiles.tree.RotatableNodePlacerMatrix}. The direction used by
+     * the implementing
+     * {@link yfiles.tree.INodePlacer}s is called the model direction while the actual direction in the graph is the real direction.
+     * </p>
+     * <p>
+     * Note that using rotatable {@link yfiles.tree.INodePlacer}s has some pitfalls. Calculations must be aware of the rotations.
+     * Especially operations on {@link yfiles.algorithms.BorderLine}s should not be called directly (e.g.
+     * {@link yfiles.algorithms.BorderLine#mergeWithMin}, {@link yfiles.algorithms.BorderLine#mergeWithMax}). The corresponding methods of {@link yfiles.tree.RotatableNodePlacerBase}
+     * already support the different directions.
+     * </p>
+     * <p>
+     * Subclasses just need to override the following two abstract methods: {@link yfiles.tree.RotatableNodePlacerBase#placeSubtreeOfNode}
+     * and {@link yfiles.tree.RotatableNodePlacerBase#determineChildConnectors}.
+     * </p>
+     * @class
+     * @implements {yfiles.tree.IFromSketchNodePlacer}
+     */
+    export interface RotatableNodePlacerBase extends Object,yfiles.tree.IFromSketchNodePlacer{}
+    export class RotatableNodePlacerBase {
+      /**
+       * Creates a new instance of {@link yfiles.tree.RotatableNodePlacerBase} whose direction is specified by the given modification
+       * matrix.
+       * @param modificationMatrix the transformation matrix for the {@link }
+       * @protected
+       */
+      constructor(modificationMatrix:yfiles.tree.RotatableNodePlacerMatrix);
+      /**
+       * Creates a {@link yfiles.collections.IComparer.<T>} for outgoing edges that takes the rotation into account.
+       * @returns the {@link } that considers the rotation
+       */
+      createComparer():yfiles.collections.IComparer<Object>;
+      /**
+       * Delegates to {@link yfiles.tree.RotatableNodePlacerBase#createComparer}.
+       * @returns the From Sketch {@link }
+       * @see yfiles.tree.RotatableNodePlacerBase#createComparer
+       */
+      createFromSketchComparer():yfiles.collections.IComparer<Object>;
+      /**
+       * Creates an optional {@link yfiles.tree.IProcessor} for pre- and post-processing.
+       * <p>
+       * This implementation returns <code>null</code>. Hence, no pre- or post-processing is done.
+       * </p>
+       * @param layouter the current {@link } instance
+       * @param graph the input graph
+       * @param currentRoot the root node handled by this {@link }
+       * @returns <code>null</code>
+       */
+      createProcessor(layouter:yfiles.tree.TreeLayout,graph:yfiles.layout.LayoutGraph,currentRoot:yfiles.algorithms.Node):yfiles.tree.IProcessor;
+      /**
+       * Determines a connector direction for the given child node.
+       * <p>
+       * This method is called by {@link yfiles.tree.RotatableNodePlacerBase#determineChildConnectors} and must be implemented by
+       * subclasses. Implementations can assume the default direction (top-to-bottom) for their arrangement.
+       * </p>
+       * @param child the child node
+       * @returns a direction specifier as defined in the {@link } interface
+       * @protected
+       * @abstract
+       */
+      determineChildConnector(child:yfiles.algorithms.Node):yfiles.tree.ParentConnectorDirection;
+      /**
+       * Provides the direction of the connector to the {@link yfiles.tree.SubtreeShape SubtreeShape} for each child node.
+       * <p>
+       * This implementation uses {@link yfiles.tree.RotatableNodePlacerBase#determineChildConnector} and the {@link yfiles.tree.RotatableNodePlacerBase#modificationMatrix modification matrix} to
+       * retrieve the direction for the connectors.
+       * </p>
+       * @param localRoot the local root
+       * @param connectorMap the map that must be used for storing the direction specifiers of the child nodes
+       * @see yfiles.tree.RotatableNodePlacerBase#determineChildConnector
+       */
+      determineChildConnectors(localRoot:yfiles.algorithms.Node,connectorMap:yfiles.algorithms.IDataMap):void;
+      /**
+       * Returns the rotated subtree shape for the given node.
+       * <p>
+       * This is a convenience method that retrieves a rotated subtree shape for a single node from the corresponding
+       * {@link yfiles.algorithms.IDataProvider}. This shape may be modified and returned by
+       * {@link yfiles.tree.RotatableNodePlacerBase#placeSubtreeOfNode}.
+       * </p>
+       * @param node the node
+       * @returns the subtree shape for the given node
+       * @protected
+       */
+      getNodeShape(node:yfiles.algorithms.Node):yfiles.tree.RotatedSubtreeShape;
+      /**
+       * Returns the target {@link yfiles.layout.PortConstraint} for the local root's incoming edge.
+       * <p>
+       * This method translates the {@link yfiles.layout.PortConstraint} according to the rotation described by the {@link yfiles.tree.RotatableNodePlacerBase#modificationMatrix modification matrix}.
+       * It should be used instead of {@link yfiles.layout.PortConstraint#getTPC}.
+       * </p>
+       * <p>
+       * This method may be used in {@link yfiles.tree.RotatableNodePlacerBase#placeSubtreeOfNode} to route the edges to the according
+       * port. It may be overridden to provide constant {@link yfiles.layout.PortConstraint}s for each node.
+       * </p>
+       * @param localRoot the local root
+       * @returns the {@link } for the incoming edge of the local root or {@link #ANY} if no {@link }
+       * is assigned for that edge
+       * @protected
+       */
+      getPortConstraint(localRoot:yfiles.algorithms.Node):yfiles.layout.PortConstraint;
+      /**
+       * Returns the absolute source point of the given edge depending on the rotation of this {@link yfiles.tree.INodePlacer}.
+       * <p>
+       * This method translates the source point according to the rotation described by the {@link yfiles.tree.RotatableNodePlacerBase#modificationMatrix modification matrix}. It should be
+       * used instead of {@link yfiles.layout.LayoutGraph#getSourcePointAbs}.
+       * </p>
+       * <p>
+       * It can be used in an implementation of {@link yfiles.tree.RotatableNodePlacerBase#placeSubtreeOfNode}.
+       * </p>
+       * @param edge the edge whose absolute source point should be calculated
+       * @returns the translated absolute source point for the given edge and current modification matrix
+       * @protected
+       */
+      getSourcePointAbs(edge:yfiles.algorithms.Edge):yfiles.algorithms.YPoint;
+      /**
+       * Returns the rotated subtree shape for the subtree rooted at the given node.
+       * <p>
+       * This is a convenience method that retrieves a subtree shape of a complete subtree from the corresponding
+       * {@link yfiles.algorithms.IDataProvider}.
+       * </p>
+       * @param node the local root node
+       * @returns the rotated subtree shape of the subtree rooted at the given local root node
+       * @protected
+       */
+      getSubtreeShape(node:yfiles.algorithms.Node):yfiles.tree.RotatedSubtreeShape;
+      /**
+       * Initializes the local data structures and then delegates the work to the abstract variant of this method
+       * ({@link yfiles.tree.RotatableNodePlacerBase#placeSubtreeOfNode}).
+       * @param nodeShapeProvider the {@link } for obtaining an initial shape of the root node
+       * @param subtreeShapeProvider the {@link } for accessing the pre-calculated shapes of the subtrees
+       * @param graph the input graph
+       * @param localRoot the root of the subtree that should be arranged by this method
+       * @param parentConnectorDirection the direction specifier for the connector of the local root node to its parent node
+       * @returns the merged {@link } for the subtree rooted at the local root node
+       * @see yfiles.tree.RotatableNodePlacerBase#placeSubtreeOfNode
+       */
+      placeSubtree(nodeShapeProvider:yfiles.algorithms.IDataProvider,subtreeShapeProvider:yfiles.algorithms.IDataProvider,graph:yfiles.layout.LayoutGraph,localRoot:yfiles.algorithms.Node,parentConnectorDirection:yfiles.tree.ParentConnectorDirection):yfiles.tree.SubtreeShape;
+      /**
+       * Arranges the local root relative to the rotated subtree shapes of its children.
+       * <p>
+       * This is the main method that must be implemented by subclasses. For calculations and locations subclasses should use the
+       * corresponding methods of {@link yfiles.tree.RotatableNodePlacerBase} which already consider the {@link yfiles.tree.RotatableNodePlacerBase#modificationMatrix modification matrix}.
+       * </p>
+       * @param localRoot the local root node
+       * @param parentConnectorDirection the direction specifier for the connector of the local root node to its parent node
+       * @returns the merged subtree shape that contains the local root node and all its children
+       * @protected
+       * @abstract
+       */
+      placeSubtreeOfNode(localRoot:yfiles.algorithms.Node,parentConnectorDirection:yfiles.tree.ParentConnectorDirection):yfiles.tree.RotatedSubtreeShape;
+      /**
+       * Translates the given real direction of the resulting layout to the model direction of this
+       * {@link yfiles.tree.RotatableNodePlacerBase}.
+       * <p>
+       * This method is used in {@link yfiles.tree.RotatableNodePlacerBase#placeSubtreeOfNode} to be able to retrieve the model direction
+       * for the connector
+       * </p>
+       * @param realDirection the real direction
+       * @returns the model direction
+       * @throws {Stubs.Exceptions.ArgumentError} if translation for the given real direction is not implemented
+       * @protected
+       */
+      translateDirectionToModel(realDirection:yfiles.tree.ParentConnectorDirection):number;
+      /**
+       * Translates the given model direction to the real direction in the resulting layout.
+       * <p>
+       * This method is used in {@link yfiles.tree.RotatableNodePlacerBase#determineChildConnectors} to be able to return the real
+       * connector direction.
+       * </p>
+       * @param modelDirection the model direction
+       * @returns the real direction
+       * @throws {Stubs.Exceptions.ArgumentError} if translation for the given model direction is not implemented
+       * @protected
+       */
+      translateDirectionToReal(modelDirection:yfiles.tree.ParentConnectorDirection):number;
+      /**
+       * Translates a point from the real layout direction to the model direction using the given modification matrix.
+       * @param modificationMatrix the modification matrix to use for the translation
+       * @param realWorldPoint the point with coordinates from the real world
+       * @returns the translated point with coordinates from the model
+       * @static
+       */
+      static translatePoint(modificationMatrix:yfiles.tree.RotatableNodePlacerMatrix,realWorldPoint:yfiles.algorithms.YPoint):yfiles.algorithms.YPoint;
+      /**
+       * The graph instance this {@link yfiles.tree.INodePlacer} is working on.
+       * @protected
+       * @type {yfiles.layout.LayoutGraph}
+       */
+      graph:yfiles.layout.LayoutGraph;
+      /**
+       * The provider of {@link yfiles.tree.SubtreeShape}s for whole subtrees.
+       * @protected
+       * @type {yfiles.algorithms.IDataProvider}
+       */
+      subtreeShapeProvider:yfiles.algorithms.IDataProvider;
+      /**
+       * The provider of {@link yfiles.tree.SubtreeShape}s for single nodes.
+       * @protected
+       * @type {yfiles.algorithms.IDataProvider}
+       */
+      nodeShapeProvider:yfiles.algorithms.IDataProvider;
+      /**
+       * The list containing the created children.
+       * @protected
+       * @type {yfiles.collections.IList.<Object>}
+       */
+      createdChildren:yfiles.collections.IList<Object>;
+      /**
+       * Gets the modification matrix that defines the direction of the subtree.
+       * @type {yfiles.tree.RotatableNodePlacerMatrix}
+       */
+      modificationMatrix:yfiles.tree.RotatableNodePlacerMatrix;
+      /**
+       * Gets or sets the spacing between subtrees.
+       * <p>
+       * The spacing needs to be non-negative.
+       * </p>
+       * @throws {Stubs.Exceptions.ArgumentError} if the given spacing is negative
+       * @type {number}
+       */
+      spacing:number;
+      static $class:yfiles.lang.Class;
+    }
+    /**
+     * Decorates a SubtreeShape and provides rotated access on it.
+     * @class
+     */
+    export interface RotatedSubtreeShape extends Object{}
+    export class RotatedSubtreeShape {
+      /**
+       * For testing purposes only
+       * @protected
+       */
+      constructor();
+      static $class:yfiles.lang.Class;
+    }
+    /**
+     * The {@link yfiles.tree.SimpleNodePlacer} arranges all children of a local root in a single row.
+     * <p>
+     * <b>Layout Style</b> {@graph {"ann":{"s":[30,30],"d":1},"n":[[0,0],[50,50],[235,50],[370,50],[720,50],[100,100],[770,100],[285,100],[420,50],[520,50],[570,100],[670,100],[150,150],[720,150],[470,100],[335,100],[620,150],[820,150],[520,150],[185,100]],"e":[[0,1,[65,15]],[0,2,[250,15]],[0,3,[385,15]],[0,4,[735,15]],[1,5,[115,65]],[4,6,[785,65]],[2,7,[300,65]],[0,8,[435,15]],[0,9,[535,15]],[9,10,[585,65]],[9,11,[685,65]],[5,12,[165,115]],[11,13,[735,115]],[8,14,[485,65]],[2,15,[350,65]],[10,16,[635,115]],[6,17,[835,115]],[14,18,[535,115]],[1,19,[200,65]]],"vp":[0.0,0.0,850.0,180.0]}}
+     * </p>
+     * @class
+     * @extends {yfiles.tree.RotatableNodePlacerBase}
+     */
+    export interface SimpleNodePlacer extends yfiles.tree.RotatableNodePlacerBase{}
+    export class SimpleNodePlacer {
+      /**
+       * Creates a new {@link yfiles.tree.SimpleNodePlacer} instance that uses the given {@link yfiles.tree.RotatableNodePlacerBase#modificationMatrix modification matrix} and {@link yfiles.tree.SimpleNodePlacer#rootAlignment root alignment}.
+       * @param modificationMatrix the transformation matrix for this {@link }
+       * @param rootAlignment the alignment for the local root in relation to its subtrees
+       */
+      constructor(modificationMatrix:yfiles.tree.RotatableNodePlacerMatrix,rootAlignment:yfiles.tree.RootNodeAlignment);
+      /**
+       * Creates a new {@link yfiles.tree.SimpleNodePlacer} instance that uses the given {@link yfiles.tree.RotatableNodePlacerBase#modificationMatrix modification matrix}.
+       * @param modificationMatrix the transformation matrix for this {@link }
+       */
+      constructor(modificationMatrix:yfiles.tree.RotatableNodePlacerMatrix);
+      /**
+       * Creates a new {@link yfiles.tree.SimpleNodePlacer} instance with default settings.
+       */
+      constructor();
+      /**
+       * Gets or sets the {@link yfiles.tree.RootNodeAlignment RootAlignment} that defines how the root node is aligned with its children and their shapes.
+       * @type {yfiles.tree.RootNodeAlignment}
+       */
+      rootAlignment:yfiles.tree.RootNodeAlignment;
+      /**
+       * Gets or sets the relative vertical alignment of nodes with the same parent.
+       * <p>
+       * All values between <code>0</code> and <code>1</code> result in a valid alignment.
+       * </p>
+       * <ul>
+       * <li><code>0</code> - nodes are top-aligned</li>
+       * <li><code>0.5</code> - nodes are center-aligned</li>
+       * <li><code>1</code> - nodes are bottom-aligned</li>
+       * </ul>
+       * <p>
+       * Values outside the interval <code>[0,1]</code> may result in a more compact node placement with unaligned nodes, especially when
+       * labels are considered.
+       * </p>
+       * @type {number}
+       */
+      verticalAlignment:number;
+      /**
+       * Gets or sets whether or not a bus is created in the space between the parent and its children.
+       * @type {boolean}
+       */
+      createBus:boolean;
+      static $class:yfiles.lang.Class;
+    }
+    /**
+     * The {@link yfiles.tree.TreeComponentLayout} arranges tree-like subgraph structures in a mixed layout style.
+     * <p>
+     * {@graph {"ann":{"s":[37.5,37.5],"d":1},"n":[[-18.75,231.25],[56.25,231.25],[131.25,231.25],[-18.75,631.25],[631.25,231.25],[631.25,631.25],[131.25,631.25],[-18.75,-18.75],[631.25,-18.75],[631.25,131.25],[631.25,56.25],[131.25,406.25],[131.25,556.25],[447.5,75,1],[560,162.5,1],[497.5,162.5,1],[391.25,343.75,1],[328.75,343.75,1],[247.5,500,1],[247.5,587.5,1],[310,500,1],[310,587.5,1],[266.25,343.75,1],[272.5,75,1],[385,162.5,1],[322.5,162.5,1],[97.5,75,1],[210,162.5,1],[147.5,162.5,1]],"e":[[0,1,18.75,-0,-18.75,-0],[1,2,18.75,-0,-18.75,-0],[0,3,-0,18.75,-0,-18.75],[2,4,18.75,-0,-18.75,-0],[4,5,-0,18.75,-0,-18.75],[5,6,-18.75,-0,18.75,-0],[6,3,-18.75,-0,18.75,-0],[0,7,-0,-18.75,-0,18.75],[7,8,18.75,-0,-18.75,-0],[4,9,-0,-18.75,-0,18.75],[8,10,-0,18.75,-0,-18.75],[10,9,-0,18.75,-0,-18.75],[11,2,-0,-18.75,-0,18.75],[11,12,-0,18.75,-0,-18.75],[6,12,-0,-18.75,-0,18.75],[7,13,18.75,12.5,0,0,[52.5,12.5,52.5,50,466.25,50]],[13,14,-13.75,0,-0,-0,[452.5,137.5,578.75,137.5]],[13,15,-13.75,0,-0,-0,[452.5,137.5,516.25,137.5]],[2,16,18.75,12.5,0,0,[221.25,262.5,221.25,318.75,410,318.75]],[2,17,18.75,12.5,0,0,[221.25,262.5,221.25,318.75,347.5,318.75]],[11,18,18.75,-0,0,0,[202.5,425,202.5,475,266.25,475]],[11,19,18.75,-0,0,0,[202.5,425,202.5,562.5,266.25,562.5]],[11,20,18.75,-0,0,0,[202.5,425,202.5,475,328.75,475]],[11,21,18.75,-0,0,0,[202.5,425,202.5,562.5,328.75,562.5]],[2,22,18.75,12.5,0,0,[221.25,262.5,221.25,318.75,285,318.75]],[7,23,18.75,12.5,0,0,[52.5,12.5,52.5,50,291.25,50]],[23,24,-13.75,0,-0,-0,[277.5,137.5,403.75,137.5]],[23,25,-13.75,0,-0,-0,[277.5,137.5,341.25,137.5]],[7,26,18.75,12.5,0,0,[52.5,12.5,52.5,50,116.25,50]],[26,27,-13.75,0,-0,-0,[102.5,137.5,228.75,137.5]],[26,28,-13.75,0,-0,-0,[102.5,137.5,166.25,137.5]]],"vp":[-19.0,-19.0,688.0,688.0]}}
+     * </p>
+     * <p>
+     * The tree components are marked
+     * </p>
+     * @class
+     * @implements {yfiles.layout.ILayoutStage}
+     */
+    export interface TreeComponentLayout extends Object,yfiles.layout.ILayoutStage{}
+    export class TreeComponentLayout {
+      /**
+       * Creates a new {@link yfiles.tree.TreeComponentLayout} instance using the specified layouter for arranging the subtrees.
+       * @param treeCoreLayouter the layout algorithm used for arranging the tree components
+       * @throws {Stubs.Exceptions.ArgumentError} if the specified layout algorithm is <code>null</code>
+       */
+      constructor(treeCoreLayouter:yfiles.layout.ILayoutAlgorithm);
+      /**
+       * Finds the tree components inside the given graph and applies a {@link yfiles.tree.TreeComponentLayout#treeComponentCoreLayout tree layout} to them.
+       * @param graph the input graph
+       */
+      applyLayout(graph:yfiles.layout.LayoutGraph):void;
+      /**
+       * Delegates the layout calculation to the {@link yfiles.tree.TreeComponentLayout#coreLayout core layout algorithm} and handles the dummy nodes.
+       * <p>
+       * The dummy nodes are marked using the given {@link yfiles.algorithms.IDataProvider}.
+       * </p>
+       * <p>
+       * This implementation just registers the dummy node {@link yfiles.algorithms.IDataProvider} with the graph with key
+       * {@link yfiles.tree.TreeComponentLayout#DUMMY_NODE_DP_KEY}, executes the core layout algorithm and finally removes the data
+       * provider again.
+       * </p>
+       * <p>
+       * This method is called by {@link yfiles.tree.TreeComponentLayout#applyLayout} to invoke the core layout algorithm. It may be
+       * overridden to customize the handling of the dummy nodes.
+       * </p>
+       * @param graph the input graph
+       * @param dummyDp the {@link } which marks the dummy nodes
+       * @protected
+       */
+      applyLayoutUsingDummies(graph:yfiles.layout.LayoutGraph,dummyDp:yfiles.algorithms.IDataProvider):void;
+      /**
+       * Data provider key for identifying dummy nodes during the layout calculation
+       * <p>
+       * This {@link yfiles.algorithms.IDataProvider} is registered and also removed in
+       * {@link yfiles.tree.TreeComponentLayout#applyLayoutUsingDummies}.
+       * </p>
+       * @see yfiles.tree.TreeComponentLayout#applyLayoutUsingDummies
+       * @const
+       * @static
+       * @type {yfiles.algorithms.NodeDpKey.<boolean>}
+       */
+      static DUMMY_NODE_DP_KEY:yfiles.algorithms.NodeDpKey<boolean>;
+      /**
+       * 
+       * @type {yfiles.layout.ILayoutAlgorithm}
+       */
+      coreLayout:yfiles.layout.ILayoutAlgorithm;
+      /**
+       * Gets or sets the layout algorithm that is applied to tree components.
+       * @type {yfiles.layout.ILayoutAlgorithm}
+       */
+      treeComponentCoreLayout:yfiles.layout.ILayoutAlgorithm;
+      /**
+       * Gets or sets whether or not tree component arrangement is improved by changing the orientation of components.
+       * @type {boolean}
+       */
+      optimizeOrientation:boolean;
+      static $class:yfiles.lang.Class;
+    }
+    /**
+     * A {@link yfiles.tree.SubtreeShape} represents the position and the borders of a subtree.
+     * <p>
+     * {@link yfiles.tree.INodePlacer}s will move {@link yfiles.tree.SubtreeShape}s and use the borders to calculate distances between the
+     * subtrees. When two subtrees are placed in relation to their common root, their
+     * {@link yfiles.tree.SubtreeShape}s are merged to represent the new subtree.
+     * </p>
+     * <p>
+     * The borders on each side of the {@link yfiles.tree.SubtreeShape} are modeled with
+     * {@link yfiles.algorithms.BorderLine}s. The resulting area includes the borders of each node and edge in the corresponding
+     * subtree. It can also contain the bounds of labels belonging to those nodes and edges.
+     * </p>
+     * <p>
+     * The {@link yfiles.tree.SubtreeShape} also describes a connector defining the location to which the edge from its parent is
+     * attached. It is possible to add some bends (target points) at the end of this edge and include them in the
+     * {@link yfiles.tree.SubtreeShape}. During layout calculation, the last target point is the connection point for the edge.
+     * </p>
+     * @see yfiles.tree.SubtreeShape#getBorderLine
+     * @see yfiles.tree.SubtreeShape#connectorX
+     * @see yfiles.tree.SubtreeShape#connectorY
+     * @see yfiles.tree.SubtreeShape#addBoundsToShape
+     * @see yfiles.tree.SubtreeShape#addTargetPoint
+     * @class
+     * @final
+     */
+    export interface SubtreeShape extends Object{}
+    export class SubtreeShape {
+      /**
+       * Extends this {@link yfiles.tree.SubtreeShape} instance by the given rectangle.
+       * <p>
+       * The border lines are updated with this segment.
+       * </p>
+       * @param x the x-coordinate of the upper-left corner of the rectangle
+       * @param y the y-coordinate of the upper-left corner of the rectangle
+       * @param width the width of the rectangle
+       * @param height the height of the rectangle
+       * @see yfiles.tree.SubtreeShape#getBorderLine
+       */
+      addBoundsToShape(x:number,y:number,width:number,height:number):void;
+      /**
+       * Adds all edge segments of the given edge to this {@link yfiles.tree.SubtreeShape} instance.
+       * <p>
+       * The border lines are updated.
+       * </p>
+       * @param graph the input graph
+       * @param edge the given edge
+       * @see yfiles.tree.SubtreeShape#getBorderLine
+       * @see yfiles.tree.SubtreeShape#addLineSegment
+       */
+      addEdgeSegments(graph:yfiles.layout.LayoutGraph,edge:yfiles.algorithms.Edge):void;
+      /**
+       * Extends this {@link yfiles.tree.SubtreeShape} instance by the given segment.
+       * <p>
+       * The border lines are updated with this segment.
+       * </p>
+       * @param x1 the x-coordinate of the first point of the segment
+       * @param y1 the y-coordinate of the first point of the segment
+       * @param x2 the x-coordinate of the second point of the segment
+       * @param y2 the y-coordinate of the second point of the segment
+       * @see yfiles.tree.SubtreeShape#getBorderLine
+       * @see yfiles.tree.SubtreeShape#addEdgeSegments
+       * @see yfiles.tree.SubtreeShape#updateConnectorShape
+       */
+      addLineSegment(x1:number,y1:number,x2:number,y2:number):void;
+      /**
+       * Adds another point to the connector.
+       * <p>
+       * The points will appear as bend of the incoming edge. Points are added in reverse direction of the edge. Hence, the last
+       * target point is further away from the target node than the points before.
+       * </p>
+       * @param x the current x-coordinate of the point
+       * @param y the current y-coordinate of the point
+       */
+      addTargetPoint(x:number,y:number):void;
+      /**
+       * Appends all target points that have previously been added to this shape to the given {@link yfiles.layout.IEdgeLayout}
+       * instance.
+       * <p>
+       * This method is used by {@link yfiles.tree.INodePlacer} instances for the final edge paths.
+       * </p>
+       * @param edgeLayout the {@link } that will be modified
+       * @see yfiles.tree.SubtreeShape#addTargetPoint
+       */
+      appendTargetPoints(edgeLayout:yfiles.layout.IEdgeLayout):void;
+      /**
+       * Copies the state of this {@link yfiles.tree.SubtreeShape} instance to the given shape applying a modification matrix.
+       * @param toShape the given shape that gets the assigned values
+       * @param modificationMatrix the matrix that may add geometrical modifications
+       */
+      assignValuesTo(toShape:yfiles.tree.SubtreeShape,modificationMatrix:yfiles.tree.RotatableNodePlacerMatrix):void;
+      /**
+       * Creates a clone of this {@link yfiles.tree.SubtreeShape} instance, modifying it using the provided modification matrix.
+       * @param matrix the matrix that defines the modification for the new instance
+       * @returns the clone of this {@link } instance
+       * @see yfiles.tree.RotatableNodePlacerMatrix#DEFAULT
+       */
+      createCopy(matrix:yfiles.tree.RotatableNodePlacerMatrix):yfiles.tree.SubtreeShape;
+      /**
+       * Returns the {@link yfiles.algorithms.BorderLine} instance that describes the {@link yfiles.tree.SubtreeShape} at the given side.
+       * @param index one of the predefined borderline directions
+       * @returns the {@link } instance for the given side
+       * @throws {Stubs.Exceptions.ArgumentError} if the given index is invalid
+       */
+      getBorderLine(index:number):yfiles.algorithms.BorderLine;
+      /**
+       * Merges the given {@link yfiles.tree.SubtreeShape} instance with this {@link yfiles.tree.SubtreeShape} instance.
+       * <p>
+       * The border lines are updated.
+       * </p>
+       * @param other the {@link } to be merged with this {@link }
+       */
+      mergeWith(other:yfiles.tree.SubtreeShape):void;
+      /**
+       * Moves this {@link yfiles.tree.SubtreeShape} instance and its connector by the given offsets.
+       * <p>
+       * Border lines are updated.
+       * </p>
+       * @param dx the delta x-offset by which this shape will be moved
+       * @param dy the delta y-offset by which this shape will be moved
+       */
+      move(dx:number,dy:number):void;
+      /**
+       * Adds the line segments of the connector to the bounds of this {@link yfiles.tree.SubtreeShape} instance.
+       * <p>
+       * The line segments result from the target points.
+       * </p>
+       * @see yfiles.tree.SubtreeShape#addTargetPoint
+       */
+      updateConnectorShape():void;
+      /**
+       * Gets the bounds of the {@link yfiles.layout.INodeLayout} of the root node of this {@link yfiles.tree.SubtreeShape} instance.
+       * @type {yfiles.algorithms.Rectangle2D}
+       */
+      coreBounds:yfiles.algorithms.Rectangle2D;
+      /**
+       * Gets the current bounds of this {@link yfiles.tree.SubtreeShape} instance.
+       * @type {yfiles.algorithms.Rectangle2D}
+       */
+      bounds:yfiles.algorithms.Rectangle2D;
+      /**
+       * Gets the current x-coordinate of the connection point to which the layout algorithm connects the ingoing edge.
+       * <p>
+       * The connection point can change when target points are added to the {@link yfiles.tree.SubtreeShape} instance.
+       * </p>
+       * @see yfiles.tree.SubtreeShape#addTargetPoint
+       * @see yfiles.tree.SubtreeShape#appendTargetPoints
+       * @type {number}
+       */
+      connectorX:number;
+      /**
+       * Gets the current y-coordinate of the connection point to which the layout algorithm connects the ingoing edge.
+       * <p>
+       * The connection point can change when target points are added to the {@link yfiles.tree.SubtreeShape} instance.
+       * </p>
+       * @see yfiles.tree.SubtreeShape#addTargetPoint
+       * @see yfiles.tree.SubtreeShape#appendTargetPoints
+       * @type {number}
+       */
+      connectorY:number;
+      /**
+       * Gets the direction of the last connector segment.
+       * @type {yfiles.tree.ConnectorDirection}
+       */
+      connectorDirection:yfiles.tree.ConnectorDirection;
+      /**
+       * Gets the current minimum x-coordinate of this {@link yfiles.tree.SubtreeShape} instance.
+       * @type {number}
+       */
+      minX:number;
+      /**
+       * Gets the current minimum y-coordinate of this {@link yfiles.tree.SubtreeShape} instance.
+       * @type {number}
+       */
+      minY:number;
+      /**
+       * Gets the current maximum x-coordinate of this {@link yfiles.tree.SubtreeShape} instance.
+       * @type {number}
+       */
+      maxX:number;
+      /**
+       * Gets the current maximum y-coordinate of this {@link yfiles.tree.SubtreeShape} instance.
+       * @type {number}
+       */
+      maxY:number;
+      /**
+       * Gets the current x-coordinate of the origin of this {@link yfiles.tree.SubtreeShape} instance.
+       * <p>
+       * The origin is defined as the upper left corner of the {@link yfiles.layout.INodeLayout} of the local root of this shape.
+       * </p>
+       * @type {number}
+       */
+      originX:number;
+      /**
+       * Gets the current y-coordinate of the origin of this {@link yfiles.tree.SubtreeShape} instance.
+       * <p>
+       * The origin is defined as the upper left corner of the {@link yfiles.layout.INodeLayout} of the local root of this shape.
+       * </p>
+       * @type {number}
+       */
+      originY:number;
+      static $class:yfiles.lang.Class;
+    }
+    /**
+     * This layout algorithm arranges graphs with a tree structure.
+     * <p>
+     * <b>Layout Style</b> {@link yfiles.tree.TreeLayout} provides multiple different arrangements of trees and subtrees. It is easy to customize the
+     * {@link yfiles.tree.TreeLayout#OUT_EDGE_COMPARER_DP_KEY order of edges}, the {@link yfiles.tree.TreeLayout#PORT_ASSIGNMENT_DP_KEY port assignment} and the {@link yfiles.tree.TreeLayout#NODE_PLACER_DP_KEY arrangement of the nodes} for each subtree.
+     * </p>
+     * <p>
+     * Tree layout algorithms are commonly applied to visualize relational data and produce diagrams of high quality that are
+     * able to reveal possible hierarchic properties of the graph. More precisely, they find applications in dataflow analysis,
+     * software engineering, bioinformatics and business administration.
+     * </p>
+     * <p>
+     * {@graph {"ann": {"s": [37.5,37.5], "d": 1},"n": [[209.96,0], [71.88,77.5], [348.04,77.5], [348.04,155], [202.77,232.5], [172.5,310], [71.88,232.5], [115,387.5], [115,310], [233.04,310], [71.88,155], [348.04,232.5], [319.29,310], [376.79,310], [463.04,232.5], [491.79,310], [434.29,310], [28.75,310], [57.5,387.5], [0,387.5], [376.79,387.5], [261.79,387.5], [204.29,387.5]], "e": [[0,1], [0,2], [2,3], [3,4], [4,5], [6,8], [8,7], [4,9], [1,10], [10,6], [3,11], [11,12], [11,13], [3,14], [14,15], [14,16], [6,17], [17,18], [17,19], [13,20], [9,21], [9,22]], "vp": [0.0,0.0,530.0,425.0]}} Example graph with a layout calculated by {@link yfiles.tree.TreeLayout} using default settings {@graph {"ann": {"s": [60,30], "d": 1},"n": [[1190,0], [0,50], [160,120], [80,120], [240,120], [120,190], [200,190], [280,190], [160,310], [80,310], [240,310], [120,240], [200,240], [280,240], [330,50], [460,256.6], [410,306.6], [510,306.6], [410,356.6], [510,356.6], [460,406.6], [650,441.6], [410,491.6], [490,491.6], [570,491.6], [710,50], [790,100], [870,170], [950,170], [1030,170], [1110,170], [1190,170], [870,240], [950,240], [1030,240], [1110,240], [1190,240], [870,310], [950,310], [1030,310], [1110,310], [1190,310], [870,380], [950,380], [1030,380], [1110,380], [1190,380], [430,120], [500,170], [540,206.6], [580,170], [620,206.6], [660,170], [80,520], [160,430], [160,480], [226.6,405], [226.6,455], [160,380], [790,465], [870,430], [950,430], [950,500], [1030,465], [870,500]], "e": [[0,1,[30,15]], [1,2,[30,100,190,100]], [2,3,[190,170,110,170]], [2,4,[190,170,270,170]], [2,5,[190,170,150,170]], [2,6,[190,170,230,170]], [2,7,[190,170,310,170]], [1,8,[30,360,190,360]], [8,9,[190,290,110,290]], [8,10,[190,290,270,290]], [8,11,[190,290,150,290]], [8,12,[190,290,230,290]], [8,13,[190,290,310,290]], [0,14,[360,15]], [14,15,[360,271.6]], [15,16,[490,321.6]], [15,17,[490,321.6]], [15,18,[490,371.6]], [15,19,[490,371.6]], [15,20], [14,21,[360,456.6]], [21,22,[440,456.6]], [21,23,[520,456.6]], [21,24,[600,456.6]], [0,25,[740,15]], [25,26,[740,115]], [26,27,[860,115,860,150,900,150]], [26,28,[860,115,860,150,980,150]], [26,29,[860,115,860,150,1060,150]], [26,30,[860,115,860,150,1140,150]], [26,31,[860,115,860,150,1220,150]], [26,32,[860,115,860,220,900,220]], [26,33,[860,115,860,220,980,220]], [26,34,[860,115,860,220,1060,220]], [26,35,[860,115,860,220,1140,220]], [26,36,[860,115,860,220,1220,220]], [26,37,[860,115,860,290,900,290]], [26,38,[860,115,860,290,980,290]], [26,39,[860,115,860,290,1060,290]], [26,40,[860,115,860,290,1140,290]], [26,41,[860,115,860,290,1220,290]], [26,42,[860,115,860,360,900,360]], [26,43,[860,115,860,360,980,360]], [26,44,[860,115,860,360,1060,360]], [26,45,[860,115,860,360,1140,360]], [26,46,[860,115,860,360,1220,360]], [14,47,[360,100,410,100,410,135]], [47,48,[530,135]], [47,49,[570,135]], [47,50,[610,135]], [47,51,[650,135]], [47,52,[690,135]], [1,53,[30,535]], [53,54,[110,445]], [53,55,[110,495]], [53,56,[110,420]], [53,57,[110,470]], [53,58,[110,395]], [25,59,[740,480]], [59,60,[900,480]], [59,61,[980,480]], [59,62,[980,480]], [59,63], [59,64,[900,480]]], "vp": [0.0,0.0,1250.0,550.0]}} Tree layout using different
+     * {@link yfiles.tree.INodePlacer}s and rotations<b>Concept</b>
+     * </p>
+     * <p>
+     * The layout algorithm starts from the leaves and continues with their parents, then with the parents of the parents and
+     * so on. When a node is processed, the algorithm will use the corresponding {@link yfiles.tree.INodePlacer} instance to move its
+     * children (along with their subtrees) to a suitable position and to route the outgoing edges of this node. Then, the next
+     * local root node will be processed.
+     * </p>
+     * <p>
+     * To avoid moving all nodes several times and to know the area that the subtrees occupy, the layout algorithm uses
+     * {@link yfiles.tree.SubtreeShape}s. These {@link yfiles.tree.SubtreeShape}s are moved and merged during layout calculation.
+     * </p>
+     * <p>
+     * <b>Features</b>
+     * </p>
+     * <p>
+     * Each subtree can have a different style of node placement. {@link yfiles.tree.INodePlacer}s are responsible for arranging
+     * subtrees and their common root node. They can be specified separately for each local root with a {@link yfiles.algorithms.IDataProvider}
+     * registered with the graph using key {@link yfiles.tree.TreeLayout#NODE_PLACER_DP_KEY}.
+     * </p>
+     * <p>
+     * A custom node can be defined as root of the tree using a {@link yfiles.algorithms.IDataProvider} registered with the graph with
+     * key {@link yfiles.tree.TreeLayout#SELECTED_ROOT_DP_KEY}.
+     * </p>
+     * <p>
+     * The layout algorithm can be configured to reserve space for node labels and place the edge labels along edges such that
+     * the labels won't overlap with other graph elements. Edge labels are placed according to the information stored in a {@link yfiles.layout.PreferredPlacementDescriptor}
+     * instance. However, the placement along the edge will only affect the order of multiple labels at the same edge. The
+     * algorithm will always place the labels close to the target node.
+     * </p>
+     * <p>
+     * Grouping of nodes can also be handled by this layout algorithm. It is important that a group node contains a whole
+     * subtree. Otherwise, the group nodes may overlap with each other or with other nodes. Furthermore, the user may specify
+     * minimum size constraints for each group node using {@link yfiles.algorithms.IDataProvider} key
+     * {@link yfiles.layout.GroupingKeys#MINIMUM_NODE_SIZE_DP_KEY}.
+     * </p>
+     * <p>
+     * {@link yfiles.tree.TreeLayout} supports custom sorting of the outgoing edges of a node. For example, a {@link yfiles.tree.INodePlacer}
+     * instance that implements {@link yfiles.tree.IFromSketchNodePlacer} provides a comparator that keeps the current order of
+     * siblings, allowing to extend the graph incrementally.
+     * </p>
+     * <p>
+     * This layout algorithm can only handle graphs with a tree structure. To apply it to a general graph, a {@link yfiles.tree.TreeReductionStage}
+     * can be appended. This stage will temporarily remove some edges of the input graph until a tree is obtained. After the
+     * layout calculation, the stage will reinsert the edges that were removed and route them separately.
+     * </p>
+     * @class
+     * @extends {yfiles.layout.MultiStageLayout}
+     */
+    export interface TreeLayout extends yfiles.layout.MultiStageLayout{}
+    export class TreeLayout {
+      /**
+       * Creates a new {@link yfiles.tree.TreeLayout} instance with default settings.
+       */
+      constructor();
+      /**
+       * Creates a {@link yfiles.tree.SubtreeShape} for the given node that consists only of the bounds of this particular node.
+       * <p>
+       * It may also include node labels or {@link yfiles.layout.NodeHalo}s.
+       * </p>
+       * <p>
+       * This method may be overridden to return a custom {@link yfiles.tree.SubtreeShape} for the given node.
+       * </p>
+       * @param node the given node
+       * @returns a {@link } instance
+       */
+      createNodeShape(node:yfiles.algorithms.Node):yfiles.tree.SubtreeShape;
+      /**
+       * Returns a list of edges that need to be reversed in order to obtain a valid rooted and directed tree from the input
+       * graph.
+       * <p>
+       * The root node of the tree is either a node marked by a {@link yfiles.algorithms.IDataProvider} registered with the graph with
+       * key {@link yfiles.tree.TreeLayout#SELECTED_ROOT_DP_KEY} or is defined according to {@link yfiles.algorithms.Trees#getRoot}.
+       * </p>
+       * <p>
+       * This method is called initially to calculate a rooted tree from the input graph. It may be overridden to apply a custom
+       * algorithm that determines which edges need to be reversed.
+       * </p>
+       * @returns a list of edges that need to be reversed
+       * @see yfiles.tree.TreeLayout#reverseEdges
+       * @protected
+       */
+      directTree():yfiles.algorithms.EdgeList;
+      /**
+       * Returns the {@link yfiles.tree.INodePlacer} instance that is used for the placement of the local root node and the
+       * {@link yfiles.tree.SubtreeShape}s.
+       * <p>
+       * The method may be overridden to return custom {@link yfiles.tree.INodePlacer} instances. It is possible to return a shared
+       * instance for multiple different nodes because the instances are not used after subsequent calls to this method.
+       * </p>
+       * <p>
+       * The current implementation returns the {@link yfiles.tree.INodePlacer} defined by the {@link yfiles.algorithms.IDataProvider} registered
+       * with key {@link yfiles.tree.TreeLayout#NODE_PLACER_DP_KEY}. It falls back to the default {@link yfiles.tree.INodePlacer} if there is no
+       * specific {@link yfiles.tree.INodePlacer} for the given node.
+       * </p>
+       * @param localRoot the root of the local subtree
+       * @returns the {@link } instance that places the subtree below the given local root node
+       * @see yfiles.tree.TreeLayout#NODE_PLACER_DP_KEY
+       * @see yfiles.tree.TreeLayout#defaultNodePlacer
+       * @protected
+       */
+      getNodePlacer(localRoot:yfiles.algorithms.Node):yfiles.tree.INodePlacer;
+      /**
+       * Returns the {@link yfiles.collections.IComparer.<T>} instance that will sort the outgoing edges connecting to the given node.
+       * <p>
+       * The {@link yfiles.collections.IComparer.<T>} can be <code>null</code> in case the initial edge order shall be used.
+       * </p>
+       * <p>
+       * The method may be overridden to return custom {@link yfiles.collections.IComparer.<T>} instances. It is possible to return a shared instance for multiple
+       * different nodes because the instances are not used after subsequent calls to this method.
+       * </p>
+       * <p>
+       * The current implementation returns the {@link yfiles.collections.IComparer.<T>} defined in the {@link yfiles.algorithms.IDataProvider} registered with key
+       * {@link yfiles.tree.TreeLayout#OUT_EDGE_COMPARER_DP_KEY}. It falls back to the default {@link yfiles.collections.IComparer.<T>} if there is no specific {@link yfiles.collections.IComparer.<T>} for the given
+       * node.
+       * </p>
+       * @param localRoot the root of the local subtree
+       * @returns the {@link } or <code>null</code> that sorts the outgoing edges of the given node
+       * @see yfiles.tree.TreeLayout#OUT_EDGE_COMPARER_DP_KEY
+       * @see yfiles.tree.TreeLayout#defaultOutEdgeComparer
+       */
+      getOutEdgeComparer(localRoot:yfiles.algorithms.Node):yfiles.collections.IComparer<Object>;
+      /**
+       * Returns the {@link yfiles.tree.IPortAssignment} instance that places the ports of the connecting edges of the given node.
+       * <p>
+       * The method may be overridden to return customized {@link yfiles.tree.IPortAssignment} instances. It is possible to return a
+       * shared instance for multiple different nodes because the instances are not used after subsequent calls to this method.
+       * </p>
+       * <p>
+       * The current implementation returns the {@link yfiles.tree.IPortAssignment} defined by the {@link yfiles.algorithms.IDataProvider}
+       * registered with key {@link yfiles.tree.TreeLayout#OUT_EDGE_COMPARER_DP_KEY}. It falls back to the default {@link yfiles.tree.IPortAssignment}
+       * if there is no specific {@link yfiles.tree.IPortAssignment} for the given node.
+       * </p>
+       * @param localRoot the root of the local subtree
+       * @returns the {@link } instance that assigns the ports of the edges at the given node
+       * @see yfiles.tree.TreeLayout#PORT_ASSIGNMENT_DP_KEY
+       * @see yfiles.tree.TreeLayout#defaultPortAssignment
+       * @protected
+       */
+      getPortAssignment(localRoot:yfiles.algorithms.Node):yfiles.tree.IPortAssignment;
+      /**
+       * Returns an array of the nodes that will be laid out.
+       * <p>
+       * The given node will be considered as the root of the tree. The order of the elements ensures that no parent is processed
+       * before one of its successors.
+       * </p>
+       * <p>
+       * This method may be overridden to change the order in which the nodes (and their subtrees) are handled. However, it is
+       * important to keep the parents after the successors. Only siblings can change places.
+       * </p>
+       * @param root the node to be considered as root of the tree
+       * @returns an array of nodes that will be laid out
+       * @protected
+       */
+      getRootsArray(root:yfiles.algorithms.Node):yfiles.algorithms.Node[];
+      /**
+       * Provides access to the {@link yfiles.tree.SubtreeShape} for the given node.
+       * <p>
+       * The {@link yfiles.tree.SubtreeShape} contains information about the current extent and location of the subtree rooted at the
+       * node. It should only be modified during the layout of the parent node. Also, it won't be initialized before the layout
+       * of the corresponding subtree is calculated.
+       * </p>
+       * <p>
+       * This method updates the {@link yfiles.tree.SubtreeShape} in {@link yfiles.tree.TreeLayout#layoutRoot}.
+       * </p>
+       * @param localRoot the root of the subtree
+       * @returns the {@link } instance if it has already been calculated, <code>null</code> otherwise
+       * @protected
+       */
+      getSubtreeShape(localRoot:yfiles.algorithms.Node):yfiles.tree.SubtreeShape;
+      /**
+       * Calculates the layout for the given root node and its subtrees.
+       * <p>
+       * This method is invoked for each node in the tree exactly once. Thus, children are always handled before their parents.
+       * In this manner, the subtrees already have a layout and can be arranged with their parent.
+       * </p>
+       * <p>
+       * To retrieve the shapes of the subtrees of all children of the local root, this method uses
+       * {@link yfiles.tree.TreeLayout#getSubtreeShape}.
+       * </p>
+       * <p>
+       * The method may be overridden to add configuration code.
+       * </p>
+       * @param localRoot the root of the subtree that whose layout is calculated
+       * @returns the combined {@link } of the local root node and all of its children and connecting edges
+       * @protected
+       */
+      layoutRoot(localRoot:yfiles.algorithms.Node):yfiles.tree.SubtreeShape;
+      /**
+       * Reverses the direction of given edges.
+       * <p>
+       * This method will be called initially after the {@link yfiles.tree.TreeLayout#directTree} method and finally after the layout has
+       * been calculated. It may be overridden to additionally reverse data that depends on the direction of the edges.
+       * </p>
+       * @param reversedEdges the edges that will be reversed
+       * @protected
+       */
+      reverseEdges(reversedEdges:yfiles.algorithms.EdgeList):void;
+      /**
+       * Data provider key for specifying a child node placer for each node
+       * @see yfiles.tree.TreeLayout#defaultNodePlacer
+       * @const
+       * @static
+       * @type {yfiles.algorithms.NodeDpKey.<yfiles.tree.INodePlacer>}
+       */
+      static NODE_PLACER_DP_KEY:yfiles.algorithms.NodeDpKey<yfiles.tree.INodePlacer>;
+      /**
+       * Data provider key for assigning ports to nodes
+       * @see yfiles.tree.TreeLayout#defaultPortAssignment
+       * @const
+       * @static
+       * @type {yfiles.algorithms.NodeDpKey.<yfiles.tree.IPortAssignment>}
+       */
+      static PORT_ASSIGNMENT_DP_KEY:yfiles.algorithms.NodeDpKey<yfiles.tree.IPortAssignment>;
+      /**
+       * Data provider key for specifying the comparator for the outgoing edges
+       * @see yfiles.tree.TreeLayout#defaultOutEdgeComparer
+       * @const
+       * @static
+       * @type {yfiles.algorithms.NodeDpKey.<yfiles.collections.IComparer.<Object>>}
+       */
+      static OUT_EDGE_COMPARER_DP_KEY:yfiles.algorithms.NodeDpKey<yfiles.collections.IComparer<Object>>;
+      /**
+       * Data provider key for defining the priority of critical edges
+       * <p>
+       * The layout algorithm tries to align each node pair that is connected by a critical edge (integer value >
+       * <code>0</code>). This feature can, for example, be used for highlighting different edge paths that are important for a user.
+       * Conflicts between different critical edges are always resolved in favor of the higher priority.
+       * </p>
+       * <p>
+       * Critical edges will always align the centers of source and target node, thus replacing the current root alignment of the
+       * {@link yfiles.tree.INodePlacer}.
+       * </p>
+       * <p>
+       * The critical edge may not be straight if subtrees are rotated or port constraints are assigned.
+       * </p>
+       * <p>
+       * This feature is only supported by the following {@link yfiles.tree.INodePlacer}s:
+       * </p>
+       * <ul>
+       * <li>{@link yfiles.tree.DefaultNodePlacer}</li>
+       * <li>{@link yfiles.tree.SimpleNodePlacer}</li>
+       * <li>{@link yfiles.tree.LayeredNodePlacer}</li>
+       * <li>{@link yfiles.tree.DoubleLineNodePlacer}</li>
+       * <li>{@link yfiles.tree.DendrogramNodePlacer}</li>
+       * </ul>
+       * @const
+       * @static
+       * @type {yfiles.algorithms.EdgeDpKey.<number>}
+       */
+      static CRITICAL_EDGE_DP_KEY:yfiles.algorithms.EdgeDpKey<number>;
+      /**
+       * Data provider key for retrieving descriptors for nodes in multi-parent structures
+       * <p>
+       * The returned descriptor affects the layout of the multi-parent structure.
+       * </p>
+       * @see yfiles.tree.TreeLayout#multiParentAllowed
+       * @const
+       * @static
+       * @type {yfiles.algorithms.NodeDpKey.<yfiles.tree.MultiParentDescriptor>}
+       */
+      static MULTI_PARENT_DESCRIPTOR_DP_KEY:yfiles.algorithms.NodeDpKey<yfiles.tree.MultiParentDescriptor>;
+      /**
+       * Data provider key for marking the node that will be used as root node of the tree
+       * @const
+       * @static
+       * @type {yfiles.algorithms.NodeDpKey.<boolean>}
+       */
+      static SELECTED_ROOT_DP_KEY:yfiles.algorithms.NodeDpKey<boolean>;
+      /**
+       * The input graph for which a layout is calculated.
+       * @protected
+       * @type {yfiles.layout.LayoutGraph}
+       */
+      graph:yfiles.layout.LayoutGraph;
+      /**
+       * Gets or sets whether or not group nodes are handled by the layout algorithm.
+       * @type {boolean}
+       */
+      groupingSupported:boolean;
+      /**
+       * Sets whether or not the {@link yfiles.layout.ILayoutStage} used for arranging the components of the graph is activated.
+       * @see yfiles.layout.MultiStageLayout#componentLayoutEnabled
+       * @see yfiles.layout.MultiStageLayout#componentLayout
+       * @see yfiles.layout.ComponentLayout
+       * @type {boolean}
+       */
+      componentLayoutEnabled:boolean;
+      /**
+       * Sets whether or not the {@link yfiles.layout.ILayoutStage} used for routing parallel edges is activated.
+       * @see yfiles.layout.MultiStageLayout#parallelEdgeRouterEnabled
+       * @see yfiles.layout.MultiStageLayout#parallelEdgeRouter
+       * @see yfiles.router.ParallelEdgeRouter
+       * @type {boolean}
+       */
+      parallelEdgeRouterEnabled:boolean;
+      /**
+       * Sets whether or not the {@link yfiles.layout.ILayoutStage} used for routing self-loops is activated.
+       * @see yfiles.layout.MultiStageLayout#selfLoopRouterEnabled
+       * @see yfiles.layout.MultiStageLayout#selfLoopRouter
+       * @see yfiles.layout.SelfLoopRouter
+       * @type {boolean}
+       */
+      selfLoopRouterEnabled:boolean;
+      /**
+       * Gets a {@link yfiles.algorithms.IDataAcceptor} that can overwrite the source {@link yfiles.layout.PortConstraint port contraint} temporarily used during the layout.
+       * <p>
+       * This method sets temporary source {@link yfiles.layout.PortConstraint}s, e.g., after edge reversal. It may be overridden to
+       * handle those {@link yfiles.layout.PortConstraint}s separately.
+       * </p>
+       * @see yfiles.layout.PortConstraintKeys#SOURCE_PORT_CONSTRAINT_DP_KEY
+       * @type {yfiles.algorithms.IDataAcceptor}
+       */
+      sourcePortConstraintDataAcceptor:yfiles.algorithms.IDataAcceptor;
+      /**
+       * Gets a {@link yfiles.algorithms.IDataAcceptor} that can overwrite the target {@link yfiles.layout.PortConstraint port contraint} temporarily used during the layout.
+       * <p>
+       * This method sets temporary target {@link yfiles.layout.PortConstraint}s, e.g., after edge reversal. It may be overridden to
+       * handle those {@link yfiles.layout.PortConstraint}s separately.
+       * </p>
+       * @see yfiles.layout.PortConstraintKeys#TARGET_PORT_CONSTRAINT_DP_KEY
+       * @protected
+       * @type {yfiles.algorithms.IDataAcceptor}
+       */
+      targetPortConstraintDataAcceptor:yfiles.algorithms.IDataAcceptor;
+      /**
+       * Gets a {@link yfiles.algorithms.IDataAcceptor} that can be used for temporarily overwriting the source group information used
+       * during the layout.
+       * <p>
+       * This method may be overridden to handle those edge groups separately.
+       * </p>
+       * @see yfiles.layout.PortConstraintKeys#SOURCE_GROUP_ID_DP_KEY
+       * @protected
+       * @type {yfiles.algorithms.IDataAcceptor}
+       */
+      sourceGroupDataAcceptor:yfiles.algorithms.IDataAcceptor;
+      /**
+       * Gets a {@link yfiles.algorithms.IDataAcceptor} that can be used for temporarily overwriting the target group information used
+       * during the layout.
+       * <p>
+       * This method may be overridden to handle those edge groups separately.
+       * </p>
+       * @see yfiles.layout.PortConstraintKeys#TARGET_GROUP_ID_DP_KEY
+       * @protected
+       * @type {yfiles.algorithms.IDataAcceptor}
+       */
+      targetGroupDataAcceptor:yfiles.algorithms.IDataAcceptor;
+      /**
+       * Gets or sets the default {@link yfiles.tree.INodePlacer} instance that arranges all subtrees that do not have a specific {@link yfiles.tree.INodePlacer}
+       * assigned using a {@link yfiles.algorithms.IDataProvider}.
+       * @throws {Stubs.Exceptions.ArgumentError} if the default {@link yfiles.tree.INodePlacer} is set to <code>null</code>
+       * @see yfiles.tree.TreeLayout#NODE_PLACER_DP_KEY
+       * @type {yfiles.tree.INodePlacer}
+       */
+      defaultNodePlacer:yfiles.tree.INodePlacer;
+      /**
+       * Gets or sets the default {@link yfiles.tree.INodePlacer} instance that places the leaf nodes of the tree.
+       * @throws {Stubs.Exceptions.ArgumentError} if the default {@link yfiles.tree.INodePlacer} is set to <code>null</code>
+       * @see yfiles.tree.TreeLayout#defaultNodePlacer
+       * @type {yfiles.tree.INodePlacer}
+       */
+      defaultLeafPlacer:yfiles.tree.INodePlacer;
+      /**
+       * Gets or sets the default {@link yfiles.tree.IPortAssignment} instance for all subtrees that do not have a specific {@link yfiles.tree.IPortAssignment}
+       * assigned using a {@link yfiles.algorithms.IDataProvider}.
+       * @throws {Stubs.Exceptions.ArgumentError} if the default {@link yfiles.tree.IPortAssignment} is set to <code>null</code>
+       * @see yfiles.tree.TreeLayout#PORT_ASSIGNMENT_DP_KEY
+       * @type {yfiles.tree.IPortAssignment}
+       */
+      defaultPortAssignment:yfiles.tree.IPortAssignment;
+      /**
+       * Gets or sets the default {@link yfiles.collections.IComparer.<T>} instance that sorts the outgoing edges in all subtrees that do not have a specific {@link yfiles.collections.IComparer.<T>} assigned
+       * using a {@link yfiles.algorithms.IDataProvider}.
+       * @see yfiles.tree.TreeLayout#OUT_EDGE_COMPARER_DP_KEY
+       * @type {yfiles.collections.IComparer.<Object>}
+       */
+      defaultOutEdgeComparer:yfiles.collections.IComparer<Object>;
+      /**
+       * Gets or sets whether or not the layout algorithm reserves space for node labels.
+       * <p>
+       * If this feature is enabled, the {@link yfiles.tree.SubtreeShape} of the nodes will also hold the shapes of its labels.
+       * </p>
+       * @type {boolean}
+       */
+      considerNodeLabels:boolean;
+      /**
+       * Gets or sets whether or not edge labels are placed by the layout algorithm.
+       * <p>
+       * If this is enabled, the {@link yfiles.tree.SubtreeShape}s of the subtrees are extended by the edge labels.
+       * </p>
+       * <p>
+       * The layout algorithm uses the information of {@link yfiles.layout.PreferredPlacementDescriptor} for an edge label to determine
+       * the corresponding placement. However, edge labels are always placed at the target side of the edge. The placement along
+       * the edge only affects the order of the edge labels at the same edge.
+       * </p>
+       * @type {boolean}
+       */
+      integratedEdgeLabeling:boolean;
+      /**
+       * Gets or sets whether or not multi-parent structures are allowed for this tree layout.
+       * <p>
+       * If multi-parent structures are allowed, the directed input graph may contain structures of multiple nodes that share the
+       * same predecessors as well as the same successors. All nodes belonging to such a structure are placed side by side and
+       * the incident edges are routed in a bus-style manner.
+       * </p>
+       * @type {boolean}
+       */
+      multiParentAllowed:boolean;
+      static $class:yfiles.lang.Class;
+    }
+    /**
+     * The {@link yfiles.tree.TreeReductionStage} temporarily reduces general graphs to trees.
+     * <p>
+     * <b>Layout Style</b>
+     * </p>
+     * <p>
+     * This stage prepares a non-tree graph such that it can be processed by a tree layout algorithm.
+     * </p>
+     * <p>
+     * {@graph {"ann":{"s":[30,30],"d":1},"n":[[150,0],[260,70],[210,70],[260,140],[310,210],[335,280],[75,70],[285,280],[25,70],[25,140],[75,140],[150,70],[25,210],[185,280],[175,140],[50,280],[0,280],[210,210],[235,280],[125,140]],"e":[[0,1,[165,50,275,50]],[0,2,[165,50,225,50]],[1,3],[3,4,[275,190,325,190]],[4,5,[325,260,350,260]],[0,6,[165,50,90,50]],[4,7,[325,260,300,260]],[0,8,[165,50,40,50]],[8,9],[6,10],[0,11],[9,12],[11,14,[165,120,190,120]],[12,15,[40,260,65,260]],[12,16,[40,260,15,260]],[3,17,[275,190,225,190]],[17,13,[225,260,200,260]],[17,18,[225,260,250,260]],[11,19,[165,120,140,120]],[2,11,1],[12,13,1],[17,14,1]],"vp":[0.0,0.0,365.0,310.0]}}
+     * </p>
+     * <p>
+     * The non-tree edges are marked
+     * </p>
+     * <p>
+     * <b>Concept</b> This {@link yfiles.layout.ILayoutStage} works in three steps:
+     * </p>
+     * <ol>
+     * <li>Remove some edges to get a tree or forest from the graph</li>
+     * <li>Invoke the {@link yfiles.layout.LayoutStageBase#coreLayout core layout algorithm} which supports tree graph handling</li>
+     * <li>Reinsert all previously removed edges</li>
+     * <li>
+     * Optionally route these edges using the non-tree edge router and place their labels using the non-tree edge labeling
+     * algorithm.
+     * </li>
+     * </ol>
+     * <p>
+     * <b>Features</b>
+     * </p>
+     * <p>
+     * The routing of the temporarily hidden non-tree edges can be customized by specifying an {@link yfiles.tree.TreeReductionStage#nonTreeEdgeRouter edge routing algorithm} for those
+     * edges. Similarly, the placement of edge labels of non-tree edges can be delegated to a custom
+     * {@link yfiles.tree.TreeReductionStage#nonTreeEdgeLabelingAlgorithm edge labeling algorithm}. As default, both custom algorithms are not specified and, thus, non-tree edges are not routed
+     * and edge labels not placed.
+     * </p>
+     * <p>
+     * This stage is also able to handle multi-parent structures, i.e., structures of multiple nodes that share the same
+     * predecessors as well as the same successors. More precisely, if the specified {@link yfiles.layout.LayoutStageBase#coreLayout core layout algorithm} supports
+     * multi-parent structures (see {@link yfiles.tree.TreeLayout#multiParentAllowed}) and option {@link yfiles.tree.TreeReductionStage#multiParentAllowed} is enabled, this stage does not hide such structures, i.e., the multi-parent
+     * structures are passed to the {@link yfiles.layout.LayoutStageBase#coreLayout core layout algorithm}.
+     * </p>
+     * <p>
+     * Non-tree edges can also be bundled together such that their common parts are to some degree merged into a bundled part.
+     * The edge bundling can be specified by means of method {@link yfiles.tree.TreeReductionStage#edgeBundling}.
+     * </p>
+     * @class
+     * @extends {yfiles.layout.LayoutStageBase}
+     */
+    export interface TreeReductionStage extends yfiles.layout.LayoutStageBase{}
+    export class TreeReductionStage {
+      /**
+       * Creates a new {@link yfiles.tree.TreeReductionStage} instance with the given core layout algorithm and default settings.
+       * @param core the core layout algorithm
+       */
+      constructor(core:yfiles.layout.ILayoutAlgorithm);
+      /**
+       * Creates a new {@link yfiles.tree.TreeReductionStage} instance with default settings.
+       */
+      constructor();
+      /**
+       * Creates a routing algorithm that routes edges as a single straight segment.
+       * <p>
+       * The created instance can be used for {@link yfiles.tree.TreeReductionStage#nonTreeEdgeRouter routing non-tree edges}.
+       * </p>
+       * @returns an edge routing algorithm that produces straight-line edges
+       * @see yfiles.tree.TreeReductionStage#nonTreeEdgeRouter
+       */
+      createStraightLineRouter():yfiles.layout.ILayoutAlgorithm;
+      /**
+       * Routes all edges that do not belong to the chosen spanning tree.
+       * <p>
+       * This method is called by {@link yfiles.tree.TreeReductionStage#applyLayout} after the tree was arranged by the
+       * {@link yfiles.layout.LayoutStageBase#coreLayout core layout algorithm}. It may be overridden to apply custom edge routes.
+       * </p>
+       * @param graph the graph containing tree and non-tree edges
+       * @param nonTreeEdgeMap the {@link } that marks all non-tree edges in the graph
+       * @protected
+       */
+      routeNonTreeEdges(graph:yfiles.layout.LayoutGraph,nonTreeEdgeMap:yfiles.algorithms.IEdgeMap):void;
+      /**
+       * Data provider key for explicitly marking (some) edges that should not be considered for the tree
+       * @see yfiles.tree.TreeReductionStage#nonTreeEdgeRouter
+       * @const
+       * @static
+       * @type {yfiles.algorithms.EdgeDpKey.<boolean>}
+       */
+      static NON_TREE_EDGES_DP_KEY:yfiles.algorithms.EdgeDpKey<boolean>;
+      /**
+       * Gets or sets whether or not multi-parent structures (structures of multiple nodes that share the same predecessors as
+       * well as the same successors) are allowed.
+       * <p>
+       * More precisely, if this option is enabled and the specified {@link yfiles.layout.LayoutStageBase#coreLayout core layout algorithm} can handle multi-parent structures
+       * (see {@link yfiles.tree.TreeLayout#multiParentAllowed}), this stage does not hide such structures, but the multi-parent structures are passed on to the {@link yfiles.layout.LayoutStageBase#coreLayout} core layout
+       * algorithm}.
+       * </p>
+       * @type {boolean}
+       */
+      multiParentAllowed:boolean;
+      /**
+       * Gets or sets the edge routing algorithm that is applied to all non-tree edges.
+       * @see yfiles.tree.TreeReductionStage#nonTreeEdgeSelectionKey
+       * @type {yfiles.layout.ILayoutAlgorithm}
+       */
+      nonTreeEdgeRouter:yfiles.layout.ILayoutAlgorithm;
+      /**
+       * Gets or sets the key to register a {@link yfiles.algorithms.IDataProvider} that will be used by the {@link yfiles.tree.TreeReductionStage#nonTreeEdgeRouter non-tree edge routing algorithm}
+       * to determine the edges that need to be routed.
+       * @see yfiles.tree.TreeReductionStage#nonTreeEdgeRouter
+       * @type {Object}
+       */
+      nonTreeEdgeSelectionKey:Object;
+      /**
+       * Gets or sets the labeling algorithm that is applied to all edge labels that belong to non-tree edges.
+       * <p>
+       * It is required that a suitable {@link yfiles.tree.TreeReductionStage#nonTreeEdgeLabelSelectionKey edge label selection key} is set. Otherwise, the edge labeling algorithm might also place
+       * labels of tree edges.
+       * </p>
+       * @see yfiles.tree.TreeReductionStage#nonTreeEdgeLabelSelectionKey
+       * @type {yfiles.layout.ILayoutAlgorithm}
+       */
+      nonTreeEdgeLabelingAlgorithm:yfiles.layout.ILayoutAlgorithm;
+      /**
+       * Gets or sets the key to register a {@link yfiles.algorithms.IDataProvider} that is used by the {@link yfiles.tree.TreeReductionStage#nonTreeEdgeLabelingAlgorithm non-tree edge labeling algorithm}
+       * to determine which edge labels it should place.
+       * @see yfiles.tree.TreeReductionStage#nonTreeEdgeLabelingAlgorithm
+       * @type {Object}
+       */
+      nonTreeEdgeLabelSelectionKey:Object;
+      /**
+       * Gets the {@link yfiles.layout.EdgeBundling} instance that defines the settings of the edge bundling feature.
+       * <p>
+       * The specified {@link yfiles.layout.EdgeBundling} defines global bundling properties. Settings for individual edges can be
+       * defined by assigning an {@link yfiles.layout.EdgeBundleDescriptor} to an edge using a {@link yfiles.algorithms.IDataProvider} registered
+       * with key {@link yfiles.layout.EdgeBundling#EDGE_BUNDLE_DESCRIPTOR_DP_KEY}. To enable bundling for all non-tree edges, set a {@link yfiles.layout.EdgeBundling#defaultBundleDescriptor default bundle descriptor}
+       * which has {@link yfiles.layout.EdgeBundleDescriptor#bundled bundling} enabled.
+       * </p>
+       * <p>
+       * If the graph contains self-loops that belong to the set of non-tree edges, the stage will invoke the router defined for
+       * the non-tree edges in order to route them. In the case where this is not desired, the user has to hide them from the
+       * stage and route them afterwards as desired.
+       * </p>
+       * @type {yfiles.layout.EdgeBundling}
+       */
+      edgeBundling:yfiles.layout.EdgeBundling;
+      static $class:yfiles.lang.Class;
+    }
+    /**
+     * Specifies custom data for the {@link yfiles.tree.AspectRatioTreeLayout}.
+     * @class
+     * @extends {yfiles.layout.LayoutData}
+     */
+    export interface AspectRatioTreeLayoutData extends yfiles.layout.LayoutData{}
+    export class AspectRatioTreeLayoutData {
+      constructor();
+      /**
+       * Gets or sets the mapping from nodes to the aspect ratio of their sub tree.
+       * @see yfiles.tree.AspectRatioTreeLayout#SUBTREE_ASPECT_RATIO_DP_KEY
+       * @type {yfiles.layout.ItemMapping.<yfiles.graph.INode,number>}
+       */
+      subtreeAspectRatios:yfiles.layout.ItemMapping<yfiles.graph.INode,number>;
+      /**
+       * Gets or sets the mapping from nodes with sub trees to their placements.
+       * @see yfiles.tree.AspectRatioTreeLayout#ROOT_PLACEMENT_DP_KEY
+       * @see yfiles.tree.AspectRatioTreeLayout#getRootPlacement
+       * @type {yfiles.layout.ItemMapping.<yfiles.graph.INode,yfiles.tree.RootPlacement>}
+       */
+      rootPlacements:yfiles.layout.ItemMapping<yfiles.graph.INode,yfiles.tree.RootPlacement>;
+      /**
+       * Gets or sets the mapping from nodes to the routing policies of their sub trees.
+       * @see yfiles.tree.AspectRatioTreeLayout#SUBTREE_ROUTING_POLICY_DP_KEY
+       * @see yfiles.tree.AspectRatioTreeLayout#getSubtreeArrangement
+       * @type {yfiles.layout.ItemMapping.<yfiles.graph.INode,yfiles.tree.SubtreeArrangement>}
+       */
+      subtreeRoutingPolicies:yfiles.layout.ItemMapping<yfiles.graph.INode,yfiles.tree.SubtreeArrangement>;
+      static $class:yfiles.lang.Class;
+    }
+    /**
+     * Specifies custom data for the {@link yfiles.tree.BalloonLayout}.
+     * @class
+     * @extends {yfiles.layout.LayoutData}
+     */
+    export interface BalloonLayoutData extends yfiles.layout.LayoutData{}
+    export class BalloonLayoutData {
+      constructor();
+      /**
+       * Gets or sets the collection of nodes that should be arranged in an interleaved fashion.
+       * @see yfiles.tree.BalloonLayout#INTERLEAVED_NODES_DP_KEY
+       * @type {yfiles.layout.ItemCollection.<yfiles.graph.INode>}
+       */
+      interleavedNodes:yfiles.layout.ItemCollection<yfiles.graph.INode>;
+      /**
+       * Gets or sets the mapping from nodes to their {@link yfiles.layout.NodeHalo}.
+       * @see yfiles.layout.NodeHalo#NODE_HALO_DP_KEY
+       * @type {yfiles.layout.ItemMapping.<yfiles.graph.INode,yfiles.layout.NodeHalo>}
+       */
+      nodeHalos:yfiles.layout.ItemMapping<yfiles.graph.INode,yfiles.layout.NodeHalo>;
+      /**
+       * Gets or sets the AbortHandler used during the layout.
+       * @see yfiles.algorithms.AbortHandler#ABORT_HANDLER_DP_KEY
+       * @type {yfiles.algorithms.AbortHandler}
+       */
+      abortHandler:yfiles.algorithms.AbortHandler;
+      /**
+       * Gets or sets the mapping for marking the node that will be used as root node of the tree.
+       * <p>
+       * The custom root node selection induced by this property is only considered if the {@link yfiles.tree.BalloonLayout#rootNodePolicy root node policy} is set to
+       * {@link yfiles.tree.RootNodePolicy#SELECTED_ROOT}.
+       * </p>
+       * @see yfiles.tree.BalloonLayout#SELECTED_ROOT_DP_KEY
+       * @type {yfiles.layout.ItemMapping.<yfiles.graph.INode,boolean>}
+       */
+      treeRoot:yfiles.layout.ItemMapping<yfiles.graph.INode,boolean>;
+      /**
+       * Gets or sets the mapping that provides a {@link yfiles.layout.PreferredPlacementDescriptor} instance for edge
+       * {@link yfiles.graph.ILabel}s.
+       * @see yfiles.layout.PreferredPlacementDescriptor
+       * @see yfiles.layout.LayoutGraphAdapter#EDGE_LABEL_LAYOUT_PREFERRED_PLACEMENT_DESCRIPTOR_DP_KEY
+       * @type {yfiles.layout.ItemMapping.<yfiles.graph.ILabel,yfiles.layout.PreferredPlacementDescriptor>}
+       */
+      edgeLabelPreferredPlacement:yfiles.layout.ItemMapping<yfiles.graph.ILabel,yfiles.layout.PreferredPlacementDescriptor>;
+      static $class:yfiles.lang.Class;
+    }
+    /**
+     * Specifies custom data for the {@link yfiles.tree.TreeLayout}.
+     * @class
+     * @extends {yfiles.layout.LayoutData}
+     */
+    export interface TreeLayoutData extends yfiles.layout.LayoutData{}
+    export class TreeLayoutData {
+      constructor();
+      /**
+       * Gets or sets the mapping from nodes to their {@link yfiles.tree.INodePlacer}.
+       * @see yfiles.tree.TreeLayout#NODE_PLACER_DP_KEY
+       * @type {yfiles.layout.ItemMapping.<yfiles.graph.INode,yfiles.tree.INodePlacer>}
+       */
+      nodePlacers:yfiles.layout.ItemMapping<yfiles.graph.INode,yfiles.tree.INodePlacer>;
+      /**
+       * Gets or sets the mapping from nodes to their {@link yfiles.tree.IPortAssignment}.
+       * @see yfiles.tree.TreeLayout#PORT_ASSIGNMENT_DP_KEY
+       * @type {yfiles.layout.ItemMapping.<yfiles.graph.INode,yfiles.tree.IPortAssignment>}
+       */
+      portAssignments:yfiles.layout.ItemMapping<yfiles.graph.INode,yfiles.tree.IPortAssignment>;
+      /**
+       * Gets or sets the mapping from nodes to comparison functions used to sort the nodes' outgoing edges.
+       * @see yfiles.tree.TreeLayout#OUT_EDGE_COMPARER_DP_KEY
+       * @type {yfiles.layout.ItemMapping.<yfiles.graph.INode,Function>}
+       */
+      outEdgeComparers:yfiles.layout.ItemMapping<yfiles.graph.INode,Function>;
+      /**
+       * Gets or sets the mapping from nodes to their {@link yfiles.layout.NodeHalo}.
+       * @see yfiles.layout.NodeHalo#NODE_HALO_DP_KEY
+       * @type {yfiles.layout.ItemMapping.<yfiles.graph.INode,yfiles.layout.NodeHalo>}
+       */
+      nodeHalos:yfiles.layout.ItemMapping<yfiles.graph.INode,yfiles.layout.NodeHalo>;
+      /**
+       * Gets or sets a mapping from edges to their source {@link yfiles.layout.PortConstraint}.
+       * @see yfiles.layout.PortConstraintKeys#SOURCE_PORT_CONSTRAINT_DP_KEY
+       * @type {yfiles.layout.ItemMapping.<yfiles.graph.IEdge,yfiles.layout.PortConstraint>}
+       */
+      sourcePortConstraints:yfiles.layout.ItemMapping<yfiles.graph.IEdge,yfiles.layout.PortConstraint>;
+      /**
+       * Gets or sets a mapping from edges to their target {@link yfiles.layout.PortConstraint}.
+       * @see yfiles.layout.PortConstraintKeys#TARGET_PORT_CONSTRAINT_DP_KEY
+       * @type {yfiles.layout.ItemMapping.<yfiles.graph.IEdge,yfiles.layout.PortConstraint>}
+       */
+      targetPortConstraints:yfiles.layout.ItemMapping<yfiles.graph.IEdge,yfiles.layout.PortConstraint>;
+      /**
+       * Gets or sets the collection of nodes the {@link yfiles.tree.AssistantNodePlacer} considers as assistants.
+       * <p>
+       * This collection is only considered if {@link yfiles.tree.TreeLayoutData#nodePlacers} returns any {@link yfiles.tree.AssistantNodePlacer} .
+       * </p>
+       * @see yfiles.tree.AssistantNodePlacer#ASSISTANT_NODE_DP_KEY
+       * @type {yfiles.layout.ItemCollection.<yfiles.graph.INode>}
+       */
+      assistantNodes:yfiles.layout.ItemCollection<yfiles.graph.INode>;
+      /**
+       * Gets or sets the collection of nodes the {@link yfiles.tree.DelegatingNodePlacer} places with its {@link yfiles.tree.DelegatingNodePlacer#primaryPlacer}.
+       * <p>
+       * This collection is only considered if {@link yfiles.tree.TreeLayoutData#nodePlacers} returns any {@link yfiles.tree.DelegatingNodePlacer} .
+       * </p>
+       * @see yfiles.tree.DelegatingNodePlacer#PRIMARY_NODES_DP_KEY
+       * @type {yfiles.layout.ItemCollection.<yfiles.graph.INode>}
+       */
+      delegatingNodePlacersPrimaryNodes:yfiles.layout.ItemCollection<yfiles.graph.INode>;
+      /**
+       * Gets or sets a mapping from nodes to a boolean value that specifies whether a node should be placed left of the bus
+       * (<code>true</code>) or right of the bus (<code>false</code>).
+       * <p>
+       * This mapping is only considered if {@link yfiles.tree.TreeLayoutData#nodePlacers} returns a {@link yfiles.tree.LeftRightNodePlacer} .
+       * </p>
+       * @see yfiles.tree.LeftRightNodePlacer#LEFT_RIGHT_DP_KEY
+       * @type {yfiles.layout.ItemMapping.<yfiles.graph.INode,boolean>}
+       */
+      leftRightPlacersLeftNodes:yfiles.layout.ItemMapping<yfiles.graph.INode,boolean>;
+      /**
+       * Gets or sets the mapping from nodes to the index of the row the {@link yfiles.tree.GridNodePlacer} shall place the node in.
+       * <p>
+       * This collection is only considered if {@link yfiles.tree.TreeLayoutData#nodePlacers} returns any {@link yfiles.tree.GridNodePlacer} .
+       * </p>
+       * @see yfiles.tree.GridNodePlacer#ROW_INDEX_DP_KEY
+       * @type {yfiles.layout.ItemMapping.<yfiles.graph.INode,number>}
+       */
+      gridNodePlacerRowIndices:yfiles.layout.ItemMapping<yfiles.graph.INode,number>;
+      /**
+       * Gets or sets the AbortHandler used during the layout.
+       * @see yfiles.algorithms.AbortHandler#ABORT_HANDLER_DP_KEY
+       * @type {yfiles.algorithms.AbortHandler}
+       */
+      abortHandler:yfiles.algorithms.AbortHandler;
+      /**
+       * Gets or sets the mapping for marking the node that will be used as root node of the tree.
+       * @see yfiles.tree.TreeLayout#SELECTED_ROOT_DP_KEY
+       * @type {yfiles.layout.ItemMapping.<yfiles.graph.INode,boolean>}
+       */
+      treeRoot:yfiles.layout.ItemMapping<yfiles.graph.INode,boolean>;
+      /**
+       * Gets or sets the mapping that provides a {@link yfiles.layout.PreferredPlacementDescriptor} instance for edge
+       * {@link yfiles.graph.ILabel}s.
+       * @see yfiles.layout.PreferredPlacementDescriptor
+       * @see yfiles.layout.LayoutGraphAdapter#EDGE_LABEL_LAYOUT_PREFERRED_PLACEMENT_DESCRIPTOR_DP_KEY
+       * @type {yfiles.layout.ItemMapping.<yfiles.graph.ILabel,yfiles.layout.PreferredPlacementDescriptor>}
+       */
+      edgeLabelPreferredPlacement:yfiles.layout.ItemMapping<yfiles.graph.ILabel,yfiles.layout.PreferredPlacementDescriptor>;
+      static $class:yfiles.lang.Class;
+    }
+    /**
+     * Specifies custom data for the {@link yfiles.tree.TreeReductionStage}.
+     * @class
+     * @extends {yfiles.layout.LayoutData}
+     */
+    export interface TreeReductionStageData extends yfiles.layout.LayoutData{}
+    export class TreeReductionStageData {
+      constructor();
+      /**
+       * Gets or sets the collection of edges explicitly marked as not belonging to a tree.
+       * @see yfiles.tree.TreeReductionStage#NON_TREE_EDGES_DP_KEY
+       * @type {yfiles.layout.ItemCollection.<yfiles.graph.IEdge>}
+       */
+      nonTreeEdges:yfiles.layout.ItemCollection<yfiles.graph.IEdge>;
+      /**
+       * Gets or sets the mapping of edges to their {@link yfiles.layout.EdgeBundleDescriptor}.
+       * <p>
+       * Bundling together multiple edges means that their common parts are to some degree merged into a bundled part. At the
+       * source and target point, the edges are again clearly split.
+       * </p>
+       * <p>
+       * If an edge is mapped to <code>null</code>, the {@link yfiles.layout.EdgeBundling#defaultBundleDescriptor default descriptor} is used.
+       * </p>
+       * @see yfiles.layout.EdgeBundleDescriptor
+       * @see yfiles.tree.TreeReductionStage#edgeBundling
+       * @type {yfiles.layout.ItemMapping.<yfiles.graph.IEdge,yfiles.layout.EdgeBundleDescriptor>}
+       */
+      edgeBundleDescriptors:yfiles.layout.ItemMapping<yfiles.graph.IEdge,yfiles.layout.EdgeBundleDescriptor>;
+      static $class:yfiles.lang.Class;
+    }
   }export namespace genealogy{
     /**
      * This layout algorithm arranges genealogical graphs (family trees).
@@ -113710,7 +113313,7 @@ declare namespace system{
      * <p>
      * In order to determine whether a node represents an individual or a partnership, a {@link yfiles.algorithms.IDataProvider} has to
      * be registered with key {@link yfiles.genealogy.FamilyTreeLayout#FAMILY_TYPE_DP_KEY}. If this {@link yfiles.algorithms.IDataProvider} is
-     * missing, an {@link Stubs.Exceptions.ArgumentError} will be thrown.
+     * missing, an {@link yfiles.lang.Exception} will be thrown.
      * </p>
      * <p>
      * This {@link yfiles.algorithms.IDataProvider} provides:
@@ -113726,7 +113329,7 @@ declare namespace system{
      * <p>
      * A {@link yfiles.genealogy.FamilyType#FAMILY} node links all members of a family. It can only have two incoming edges from the
      * parents. Two nodes of the same type (families or individuals) cannot be directly connected. If the input graph violates
-     * these specifications, a {@link yfiles.algorithms.InvalidGraphStructureError} exception will be thrown.
+     * these specifications, a {@link yfiles.lang.Exception} exception will be thrown.
      * </p>
      * <p>
      * The layout is calculated basically in two steps:
@@ -113751,14 +113354,13 @@ declare namespace system{
      * The location of {@link yfiles.genealogy.FamilyType#FAMILY} nodes can be {@link yfiles.genealogy.FamilyTreeLayout#familyNodesAlwaysBelow specified} in relation to the partners. This placement
      * can be set independently for {@link yfiles.genealogy.FamilyTreeLayout#partnerlessBelow parents}.
      * </p>
-     * @class yfiles.genealogy.FamilyTreeLayout
+     * @class
      * @extends {yfiles.layout.MultiStageLayout}
      */
     export interface FamilyTreeLayout extends yfiles.layout.MultiStageLayout{}
     export class FamilyTreeLayout {
       /**
        * Creates a new instance of {@link yfiles.genealogy.FamilyTreeLayout} with default settings.
-       * @constructor
        */
       constructor();
       /**
@@ -113915,7 +113517,7 @@ declare namespace system{
     }
     /**
      * Specifies custom data for the {@link yfiles.genealogy.FamilyTreeLayout}.
-     * @class yfiles.genealogy.FamilyTreeLayoutData
+     * @class
      * @extends {yfiles.layout.LayoutData}
      */
     export interface FamilyTreeLayoutData extends yfiles.layout.LayoutData{}
@@ -113934,65 +113536,64 @@ declare namespace system{
     /**
      * This class is a default implementation of interface {@link yfiles.multipage.IElementFactory}.
      * @see yfiles.multipage.IElementFactory
-     * @class yfiles.multipage.DefaultElementFactory
+     * @class
      * @implements {yfiles.multipage.IElementFactory}
      */
     export interface DefaultElementFactory extends Object,yfiles.multipage.IElementFactory{}
     export class DefaultElementFactory {
       /**
        * Creates a new instance of {@link yfiles.multipage.DefaultElementFactory}.
-       * @constructor
        */
       constructor();
       /**
        * 
-       * @param {yfiles.multipage.LayoutContext} context
-       * @param {yfiles.algorithms.Node} connector
-       * @param {yfiles.algorithms.Node} opposite
-       * @param {Object} origEdgeId
-       * @param {boolean} atTarget
-       * @returns {yfiles.algorithms.Edge} 
+       * @param context
+       * @param connector
+       * @param opposite
+       * @param origEdgeId
+       * @param atTarget
+       * @returns 
        */
       createConnectorEdge(context:yfiles.multipage.LayoutContext,connector:yfiles.algorithms.Node,opposite:yfiles.algorithms.Node,origEdgeId:Object,atTarget:boolean):yfiles.algorithms.Edge;
       /**
        * 
-       * @param {yfiles.multipage.LayoutContext} context
-       * @param {yfiles.algorithms.YList} edgeIds
-       * @param {Object} representedNodeId
-       * @returns {yfiles.algorithms.Node} 
+       * @param context
+       * @param edgeIds
+       * @param representedNodeId
+       * @returns 
        */
       createConnectorNode(context:yfiles.multipage.LayoutContext,edgeIds:yfiles.algorithms.YList,representedNodeId:Object):yfiles.algorithms.Node;
       /**
        * 
-       * @param {yfiles.multipage.LayoutContext} context
-       * @param {yfiles.algorithms.Node} proxyNode
-       * @param {yfiles.algorithms.Node} opposite
-       * @param {Object} replacingEdgeId
-       * @param {Object} origNodeId
-       * @returns {yfiles.algorithms.Edge} 
+       * @param context
+       * @param proxyNode
+       * @param opposite
+       * @param replacingEdgeId
+       * @param origNodeId
+       * @returns 
        */
       createProxyEdge(context:yfiles.multipage.LayoutContext,proxyNode:yfiles.algorithms.Node,opposite:yfiles.algorithms.Node,replacingEdgeId:Object,origNodeId:Object):yfiles.algorithms.Edge;
       /**
        * 
-       * @param {yfiles.multipage.LayoutContext} context
-       * @param {Object} origNodeId
-       * @returns {yfiles.algorithms.Node} 
+       * @param context
+       * @param origNodeId
+       * @returns 
        */
       createProxyNode(context:yfiles.multipage.LayoutContext,origNodeId:Object):yfiles.algorithms.Node;
       /**
        * 
-       * @param {yfiles.multipage.LayoutContext} context
-       * @param {yfiles.algorithms.Node} proxyReference
-       * @param {yfiles.algorithms.Node} opposite
-       * @param {Object} referencingCopyId
-       * @returns {yfiles.algorithms.Edge} 
+       * @param context
+       * @param proxyReference
+       * @param opposite
+       * @param referencingCopyId
+       * @returns 
        */
       createProxyReferenceEdge(context:yfiles.multipage.LayoutContext,proxyReference:yfiles.algorithms.Node,opposite:yfiles.algorithms.Node,referencingCopyId:Object):yfiles.algorithms.Edge;
       /**
        * 
-       * @param {yfiles.multipage.LayoutContext} context
-       * @param {Object} referringProxyId
-       * @returns {yfiles.algorithms.Node} 
+       * @param context
+       * @param referringProxyId
+       * @returns 
        */
       createProxyReferenceNode(context:yfiles.multipage.LayoutContext,referringProxyId:Object):yfiles.algorithms.Node;
       /**
@@ -114005,11 +113606,11 @@ declare namespace system{
        * <p>
        * Subclasses may implement this method to use custom size values.
        * </p>
-       * @param {yfiles.multipage.LayoutContext} context an object providing relevant layout information, for example, the current graph as well as various information about the
+       * @param context an object providing relevant layout information, for example, the current graph as well as various information about the
        * graph elements
-       * @param {Object} id the element ID
-       * @param {number} type the type of the node to be created
-       * @returns {yfiles.algorithms.YDimension} the default size of the new node
+       * @param id the element ID
+       * @param type the type of the node to be created
+       * @returns the default size of the new node
        * @protected
        */
       getDefaultNodeSize(context:yfiles.multipage.LayoutContext,id:Object,type:number):yfiles.algorithms.YDimension;
@@ -114219,13 +113820,13 @@ declare namespace system{
        * <p>
        * Such an edge connects the given {@link yfiles.multipage.NodeType#CONNECTOR connector} and opposite node.
        * </p>
-       * @param {yfiles.multipage.LayoutContext} context an object providing relevant layout information, for example, the current graph as well as various information about the
+       * @param context an object providing relevant layout information, for example, the current graph as well as various information about the
        * graph elements
-       * @param {yfiles.algorithms.Node} connector the endpoint of the edge that represents the connector node
-       * @param {yfiles.algorithms.Node} opposite the other endpoint of the edge
-       * @param {Object} origEdgeId the ID of the edge that is split by the connector edge
-       * @param {boolean} atTarget <code>true</code> if the connector node is the target of the edge, <code>false</code> otherwise
-       * @returns {yfiles.algorithms.Edge} the created connector edge
+       * @param connector the endpoint of the edge that represents the connector node
+       * @param opposite the other endpoint of the edge
+       * @param origEdgeId the ID of the edge that is split by the connector edge
+       * @param atTarget <code>true</code> if the connector node is the target of the edge, <code>false</code> otherwise
+       * @returns the created connector edge
        * @see yfiles.multipage.EdgeType#CONNECTOR
        * @see yfiles.multipage.NodeType#CONNECTOR
        * @see yfiles.multipage.LayoutContext#createEdge
@@ -114234,11 +113835,11 @@ declare namespace system{
       createConnectorEdge(context:yfiles.multipage.LayoutContext,connector:yfiles.algorithms.Node,opposite:yfiles.algorithms.Node,origEdgeId:Object,atTarget:boolean):yfiles.algorithms.Edge;
       /**
        * Callback method for creating a node of type {@link yfiles.multipage.NodeType#CONNECTOR}.
-       * @param {yfiles.multipage.LayoutContext} context an object providing relevant layout information, for example, the current graph as well as various information about the
+       * @param context an object providing relevant layout information, for example, the current graph as well as various information about the
        * graph elements
-       * @param {yfiles.algorithms.YList} edgesIds a {@link yfiles.algorithms.YList list} that contains the IDs of edges that are split by this connector
-       * @param {Object} representedNodeId the ID of the node that is represented by this connector
-       * @returns {yfiles.algorithms.Node} the created connector node
+       * @param edgesIds a {@link  list} that contains the IDs of edges that are split by this connector
+       * @param representedNodeId the ID of the node that is represented by this connector
+       * @returns the created connector node
        * @see yfiles.multipage.NodeType#CONNECTOR
        * @see yfiles.multipage.LayoutContext#createNode
        * @see yfiles.multipage.INodeInfo#representedNode
@@ -114250,13 +113851,13 @@ declare namespace system{
        * <p>
        * Such an edge should connect the given {@link yfiles.multipage.NodeType#PROXY proxy} and opposite node.
        * </p>
-       * @param {yfiles.multipage.LayoutContext} context an object providing relevant layout information, for example, the current graph as well as various information about the
+       * @param context an object providing relevant layout information, for example, the current graph as well as various information about the
        * graph elements
-       * @param {yfiles.algorithms.Node} proxyNode the endpoint of the edge that represents the proxy node
-       * @param {yfiles.algorithms.Node} opposite the other endpoint of the new edge
-       * @param {Object} replacingEdgeId the ID of the related edge that is connected to the original node
-       * @param {Object} origNodeId the ID of the original node to which the proxy node refers
-       * @returns {yfiles.algorithms.Edge} the created proxy edge
+       * @param proxyNode the endpoint of the edge that represents the proxy node
+       * @param opposite the other endpoint of the new edge
+       * @param replacingEdgeId the ID of the related edge that is connected to the original node
+       * @param origNodeId the ID of the original node to which the proxy node refers
+       * @returns the created proxy edge
        * @see yfiles.multipage.EdgeType#PROXY
        * @see yfiles.multipage.NodeType#PROXY
        * @see yfiles.multipage.LayoutContext#createEdge
@@ -114265,10 +113866,10 @@ declare namespace system{
       createProxyEdge(context:yfiles.multipage.LayoutContext,proxyNode:yfiles.algorithms.Node,opposite:yfiles.algorithms.Node,replacingEdgeId:Object,origNodeId:Object):yfiles.algorithms.Edge;
       /**
        * Callback method for creating a node of type {@link yfiles.multipage.NodeType#PROXY}.
-       * @param {yfiles.multipage.LayoutContext} context an object providing relevant layout information, for example, the current graph as well as various information about the
+       * @param context an object providing relevant layout information, for example, the current graph as well as various information about the
        * graph elements
-       * @param {Object} origNodeId the ID of the node for which a proxy has to be created
-       * @returns {yfiles.algorithms.Node} the created proxy node
+       * @param origNodeId the ID of the node for which a proxy has to be created
+       * @returns the created proxy node
        * @see yfiles.multipage.LayoutContext#createNode
        * @see yfiles.multipage.NodeType#PROXY_REFERENCE
        * @see yfiles.multipage.NodeType#PROXY
@@ -114280,12 +113881,12 @@ declare namespace system{
        * <p>
        * Such an (undirected) edge should connect the given {@link yfiles.multipage.NodeType#PROXY_REFERENCE proxy reference} and opposite node.
        * </p>
-       * @param {yfiles.multipage.LayoutContext} context an object providing relevant layout information, for example, the current graph as well as various information about the
+       * @param context an object providing relevant layout information, for example, the current graph as well as various information about the
        * graph elements
-       * @param {yfiles.algorithms.Node} proxyReference the endpoint of the edge that represents the proxy reference node
-       * @param {yfiles.algorithms.Node} opposite the other endpoint of the new edge
-       * @param {Object} referencingCopyId the ID of the proxy node that is referenced by the proxy reference node
-       * @returns {yfiles.algorithms.Edge} the created proxy reference edge
+       * @param proxyReference the endpoint of the edge that represents the proxy reference node
+       * @param opposite the other endpoint of the new edge
+       * @param referencingCopyId the ID of the proxy node that is referenced by the proxy reference node
+       * @returns the created proxy reference edge
        * @see yfiles.multipage.EdgeType#PROXY_REFERENCE
        * @see yfiles.multipage.NodeType#PROXY_REFERENCE
        * @see yfiles.multipage.LayoutContext#createEdge
@@ -114294,10 +113895,10 @@ declare namespace system{
       createProxyReferenceEdge(context:yfiles.multipage.LayoutContext,proxyReference:yfiles.algorithms.Node,opposite:yfiles.algorithms.Node,referencingCopyId:Object):yfiles.algorithms.Edge;
       /**
        * Callback method for creating a node of type {@link yfiles.multipage.NodeType#PROXY_REFERENCE}.
-       * @param {yfiles.multipage.LayoutContext} context an object providing relevant layout information, for example, the current graph as well as various information about the
+       * @param context an object providing relevant layout information, for example, the current graph as well as various information about the
        * graph elements
-       * @param {Object} referringProxyId the ID of the proxy to which the created node refers
-       * @returns {yfiles.algorithms.Node} the new proxy reference node
+       * @param referringProxyId the ID of the proxy to which the created node refers
+       * @returns the new proxy reference node
        * @see yfiles.multipage.NodeType#PROXY_REFERENCE
        * @see yfiles.multipage.LayoutContext#createNode
        * @see yfiles.multipage.NodeType#PROXY
@@ -114316,29 +113917,29 @@ declare namespace system{
     export interface IElementInfoManager extends Object{
       /**
        * Returns the edge information object of the given edge.
-       * @param {yfiles.algorithms.Edge} edge the edge for which the information object should be returned
-       * @returns {yfiles.multipage.IEdgeInfo} the edge information object of the given edge
+       * @param edge the edge for which the information object should be returned
+       * @returns the edge information object of the given edge
        * @abstract
        */
       getEdgeInfo(edge:yfiles.algorithms.Edge):yfiles.multipage.IEdgeInfo;
       /**
        * Returns the edge label information object of the given edge label layout.
-       * @param {yfiles.layout.IEdgeLabelLayout} edgeLabelLayout the edge label layout for which the information object should be returned
-       * @returns {yfiles.multipage.IEdgeLabelInfo} the edge label information object of the given edge label layout
+       * @param edgeLabelLayout the edge label layout for which the information object should be returned
+       * @returns the edge label information object of the given edge label layout
        * @abstract
        */
       getEdgeLabelInfo(edgeLabelLayout:yfiles.layout.IEdgeLabelLayout):yfiles.multipage.IEdgeLabelInfo;
       /**
        * Returns the node information object of the given node.
-       * @param {yfiles.algorithms.Node} node the node for which the information object should be returned
-       * @returns {yfiles.multipage.INodeInfo} the node information object of the given node
+       * @param node the node for which the information object should be returned
+       * @returns the node information object of the given node
        * @abstract
        */
       getNodeInfo(node:yfiles.algorithms.Node):yfiles.multipage.INodeInfo;
       /**
        * Returns the node label layout information object of the given node label layout.
-       * @param {yfiles.layout.INodeLabelLayout} nodeLabelLayout the node label layout for which the information object should be returned
-       * @returns {yfiles.multipage.INodeLabelInfo} the node label information object of the given node label layout
+       * @param nodeLabelLayout the node label layout for which the information object should be returned
+       * @returns the node label information object of the given node label layout
        * @abstract
        */
       getNodeLabelInfo(nodeLabelLayout:yfiles.layout.INodeLabelLayout):yfiles.multipage.INodeLabelInfo;
@@ -114354,7 +113955,7 @@ declare namespace system{
     export interface ILayoutCallback extends Object{
       /**
        * Invoked from {@link yfiles.multipage.MultiPageLayout#applyLayout} when a new multi-page layout has been calculated.
-       * @param {yfiles.multipage.MultiPageLayoutResult} result the result of the layout calculation
+       * @param result the result of the layout calculation
        * @see yfiles.multipage.MultiPageLayout#applyLayout
        * @abstract
        */
@@ -114453,101 +114054,101 @@ declare namespace system{
      * <p>
      * It provides several methods to access data as well as adding and removing elements.
      * </p>
-     * @class yfiles.multipage.LayoutContext
+     * @class
      * @implements {yfiles.multipage.IElementInfoManager}
      */
     export interface LayoutContext extends Object,yfiles.multipage.IElementInfoManager{}
     export class LayoutContext {
       /**
        * Adds a label to a given edge.
-       * @param {yfiles.layout.IEdgeLabelLayout} label the label that should be added to the given edge
-       * @param {yfiles.algorithms.Edge} labeledElement the edge to which the label should be added
+       * @param label the label that should be added to the given edge
+       * @param labeledElement the edge to which the label should be added
        */
       addEdgeLabel(label:yfiles.layout.IEdgeLabelLayout,labeledElement:yfiles.algorithms.Edge):void;
       /**
        * Adds a label to a given node.
-       * @param {yfiles.layout.INodeLabelLayout} label the label that should be added to the given node
-       * @param {yfiles.algorithms.Node} labeledElement the node to which the label should be added
+       * @param label the label that should be added to the given node
+       * @param labeledElement the node to which the label should be added
        */
       addNodeLabel(label:yfiles.layout.INodeLabelLayout,labeledElement:yfiles.algorithms.Node):void;
       /**
        * All methods of the {@link yfiles.multipage.IElementFactory} have to use this method to create an edge.
-       * @param {yfiles.algorithms.Node} source the source of the edge
-       * @param {yfiles.algorithms.Node} target the target of the edge
-       * @param {Object} sameDataElementId the ID of the edge whose data should be copied to the created edge (or <code>null</code> if no data should be copied)
-       * @returns {yfiles.algorithms.Edge} the created edge
+       * @param source the source of the edge
+       * @param target the target of the edge
+       * @param sameDataElementId the ID of the edge whose data should be copied to the created edge (or <code>null</code> if no data should be copied)
+       * @returns the created edge
        * @see yfiles.multipage.IElementFactory
        */
       createEdge(source:yfiles.algorithms.Node,target:yfiles.algorithms.Node,sameDataElementId:Object):yfiles.algorithms.Edge;
       /**
        * All methods of the {@link yfiles.multipage.IElementFactory} have to use this method to create a node.
-       * @param {Object} sameDataElementId the ID of the node whose data should be copied to the created node (or <code>null</code> if no data should be copied)
-       * @returns {yfiles.algorithms.Node} the created node
+       * @param sameDataElementId the ID of the node whose data should be copied to the created node (or <code>null</code> if no data should be copied)
+       * @returns the created node
        * @see yfiles.multipage.IElementFactory
        */
       createNode(sameDataElementId:Object):yfiles.algorithms.Node;
       /**
        * 
-       * @param {yfiles.algorithms.Edge} edge
-       * @returns {yfiles.multipage.IEdgeInfo} 
+       * @param edge
+       * @returns 
        */
       getEdgeInfo(edge:yfiles.algorithms.Edge):yfiles.multipage.IEdgeInfo;
       /**
        * 
-       * @param {yfiles.layout.IEdgeLabelLayout} edgeLabelLayout
-       * @returns {yfiles.multipage.IEdgeLabelInfo} 
+       * @param edgeLabelLayout
+       * @returns 
        */
       getEdgeLabelInfo(edgeLabelLayout:yfiles.layout.IEdgeLabelLayout):yfiles.multipage.IEdgeLabelInfo;
       /**
        * 
-       * @param {yfiles.algorithms.Node} node
-       * @returns {yfiles.multipage.INodeInfo} 
+       * @param node
+       * @returns 
        */
       getNodeInfo(node:yfiles.algorithms.Node):yfiles.multipage.INodeInfo;
       /**
        * 
-       * @param {yfiles.layout.INodeLabelLayout} nodeLabelLayout
-       * @returns {yfiles.multipage.INodeLabelInfo} 
+       * @param nodeLabelLayout
+       * @returns 
        */
       getNodeLabelInfo(nodeLabelLayout:yfiles.layout.INodeLabelLayout):yfiles.multipage.INodeLabelInfo;
       /**
        * Returns the edge of the input graph with the given ID or <code>null</code> if there is no such edge.
-       * @param {Object} id the ID of the edge that should be returned
-       * @returns {yfiles.algorithms.Edge} the edge of the input graph with the given ID or <code>null</code> if there is no such edge
+       * @param id the ID of the edge that should be returned
+       * @returns the edge of the input graph with the given ID or <code>null</code> if there is no such edge
        */
       getOriginalEdge(id:Object):yfiles.algorithms.Edge;
       /**
        * Returns the node of the input graph with the given ID or <code>null</code> if there is no such node.
-       * @param {Object} id the ID of the node that should be returned
-       * @returns {yfiles.algorithms.Node} the node of the input graph with the given ID or <code>null</code> if there is no such node
+       * @param id the ID of the node that should be returned
+       * @returns the node of the input graph with the given ID or <code>null</code> if there is no such node
        */
       getOriginalNode(id:Object):yfiles.algorithms.Node;
       /**
        * Returns the edge of a page graph (a graph that represents the result of the multi-page layout) with the given ID or <code>null</code>
        * if there is no such edge.
-       * @param {Object} id the ID of the edge that should be returned
-       * @returns {yfiles.algorithms.Edge} the edge of a page graph with the given ID or <code>null</code> if there is no such edge
+       * @param id the ID of the edge that should be returned
+       * @returns the edge of a page graph with the given ID or <code>null</code> if there is no such edge
        */
       getPageEdge(id:Object):yfiles.algorithms.Edge;
       /**
        * Returns the node of a page graph (a graph that represents the result of the multi-page layout) with the given ID or <code>null</code>
        * if there is no such node.
-       * @param {Object} id the ID of the node that should be returned
-       * @returns {yfiles.algorithms.Node} the node of a page graph with the given ID or <code>null</code> if there is no such node
+       * @param id the ID of the node that should be returned
+       * @returns the node of a page graph with the given ID or <code>null</code> if there is no such node
        */
       getPageNode(id:Object):yfiles.algorithms.Node;
       /**
        * Removes a label from a given edge.
-       * @param {yfiles.layout.IEdgeLabelLayout} label the label that should be removed
-       * @param {yfiles.algorithms.Edge} labeledElement the edge owning the label
-       * @returns {boolean} 
+       * @param label the label that should be removed
+       * @param labeledElement the edge owning the label
+       * @returns 
        */
       removeEdgeLabel(label:yfiles.layout.IEdgeLabelLayout,labeledElement:yfiles.algorithms.Edge):boolean;
       /**
        * Removes a label from a given node.
-       * @param {yfiles.layout.INodeLabelLayout} label the label that should be removed
-       * @param {yfiles.algorithms.Node} labeledElement the node owning the label
-       * @returns {boolean} 
+       * @param label the label that should be removed
+       * @param labeledElement the node owning the label
+       * @returns 
        */
       removeNodeLabel(label:yfiles.layout.INodeLabelLayout,labeledElement:yfiles.algorithms.Node):boolean;
       /**
@@ -114611,15 +114212,14 @@ declare namespace system{
      * not specify a return value. Therefore, client code has to {@link yfiles.multipage.MultiPageLayout#layoutCallback register} a {@link yfiles.multipage.ILayoutCallback} that is invoked
      * when the algorithm has calculated a new multi-page result.
      * </p>
-     * @class yfiles.multipage.MultiPageLayout
+     * @class
      * @extends {yfiles.layout.LayoutStageBase}
      */
     export interface MultiPageLayout extends yfiles.layout.LayoutStageBase{}
     export class MultiPageLayout {
       /**
        * Creates a new {@link yfiles.multipage.MultiPageLayout} instance.
-       * @param {yfiles.layout.ILayoutAlgorithm} core the layout algorithm used for a single page
-       * @constructor
+       * @param core the layout algorithm used for a single page
        */
       constructor(core:yfiles.layout.ILayoutAlgorithm);
       /**
@@ -114631,10 +114231,10 @@ declare namespace system{
        * <p>
        * Subclasses may implement a custom layout strategy for this step.
        * </p>
-       * @param {yfiles.layout.LayoutGraph} graph the input graph
-       * @param {yfiles.algorithms.IDataProvider} incrementalNodesDP a {@link yfiles.algorithms.IDataProvider} that returns a boolean value indicating whether or not a node is marked; the positions
+       * @param graph the input graph
+       * @param incrementalNodesDP a {@link } that returns a boolean value indicating whether or not a node is marked; the positions
        * of the non-marked nodes are not allowed to change
-       * @param {yfiles.multipage.LayoutContext} context the current layout context
+       * @param context the current layout context
        * @see yfiles.multipage.LayoutContext
        * @protected
        */
@@ -114645,8 +114245,8 @@ declare namespace system{
        * Unlike method {@link yfiles.multipage.MultiPageLayout#applyLayout}, this method ignores the registered {@link yfiles.multipage.MultiPageLayout#layoutCallback layout callback} and
        * directly returns the calculated {@link yfiles.multipage.MultiPageLayoutResult}.
        * </p>
-       * @param {yfiles.layout.LayoutGraph} graph the input graph
-       * @returns {yfiles.multipage.MultiPageLayoutResult} an instance of {@link yfiles.multipage.MultiPageLayoutResult} that represents the result of the layout run
+       * @param graph the input graph
+       * @returns an instance of {@link } that represents the result of the layout run
        * @throws {Stubs.Exceptions.ArgumentError} if for one of the keys {@link yfiles.multipage.MultiPageLayout#NODE_ID_DP_KEY}, {@link yfiles.multipage.MultiPageLayout#EDGE_ID_DP_KEY},
        * {@link yfiles.multipage.MultiPageLayout#NODE_LABEL_ID_DP_KEY} and {@link yfiles.multipage.MultiPageLayout#EDGE_LABEL_ID_DP_KEY} no {@link yfiles.algorithms.IDataProvider}
        * is registered with the given graph
@@ -114662,7 +114262,7 @@ declare namespace system{
        * <p>
        * Subclasses may create a custom implementation of the element factory.
        * </p>
-       * @returns {yfiles.multipage.IElementFactory} the created element factory
+       * @returns the created element factory
        * @see yfiles.multipage.MultiPageLayout#elementFactory
        * @see yfiles.multipage.MultiPageLayout#elementFactory
        * @see yfiles.multipage.IElementFactory
@@ -114678,32 +114278,33 @@ declare namespace system{
        * <p>
        * Subclasses may implement a custom remove/restore strategy.
        * </p>
-       * @param {yfiles.algorithms.Node} connector1 the first connector of the connector pair
-       * @param {yfiles.algorithms.Node} connector2 the second connector of the connector pair
-       * @param {yfiles.algorithms.YList} originalEdgeIds the IDs of the original edges that have to be restored
-       * @param {yfiles.multipage.LayoutContext} context the current layout context
-       * @returns {boolean} <code>true</code> if the removal of the connector pair was successful, <code>false</code> otherwise
+       * @param connector1 the first connector of the connector pair
+       * @param connector2 the second connector of the connector pair
+       * @param originalEdgeIds the IDs of the original edges that have to be restored
+       * @param context the current layout context
+       * @returns <code>true</code> if the removal of the connector pair was successful, <code>false</code> otherwise
        * @see yfiles.multipage.MultiPageLayout#routeRestoredEdges
        * @protected
        */
       removeConnectorPair(connector1:yfiles.algorithms.Node,connector2:yfiles.algorithms.Node,originalEdgeIds:yfiles.algorithms.YList,context:yfiles.multipage.LayoutContext):boolean;
       /**
-       * This method is called by {@link yfiles.multipage.MultiPageLayout#removeConnectorPair} to route the restored edges.
+       * This method is called whenever some single edges have to be routed without changing the position of nodes (e.g., by {@link yfiles.multipage.MultiPageLayout#removeConnectorPair}
+       * to route the restored edges).
        * <p>
        * It has to guarantee that the routes are fully contained within the given bounding rectangle.
        * </p>
        * <p>
        * Subclasses may implement a custom routing strategy for the restored edges.
        * </p>
-       * @param {yfiles.layout.LayoutGraph} graph the relevant graph
-       * @param {yfiles.algorithms.IDataProvider} selectedEdgesDP a {@link yfiles.algorithms.IDataProvider} that returns a boolean value indicating whether or not an edge should be rerouted
-       * @param {yfiles.algorithms.YRectangle} boundingRectangle the edge routes should be fully contained within this rectangle
+       * @param graph the relevant graph
+       * @param selectedEdgesDP a {@link } that returns a boolean value indicating whether or not an edge should be rerouted
+       * @param boundingRectangle the edge routes should be fully contained within this rectangle
        * @see yfiles.multipage.MultiPageLayout#removeConnectorPair
        * @protected
        */
       routeRestoredEdges(graph:yfiles.layout.LayoutGraph,selectedEdgesDP:yfiles.algorithms.IDataProvider,boundingRectangle:yfiles.algorithms.YRectangle):void;
       /**
-       * Data provider key for assigning a cluster ID to common (non-group) nodes.
+       * Data provider key for assigning a cluster ID to common (non-group) nodes
        * @see yfiles.multipage.MultiPageLayout#strictClusterSeparation
        * @const
        * @static
@@ -114711,35 +114312,35 @@ declare namespace system{
        */
       static NODE_CLUSTER_ID_DP_KEY:yfiles.algorithms.NodeDpKey<Object>;
       /**
-       * Data provider key for mapping each node of the input graph to a unique ID.
+       * Data provider key for mapping each node of the input graph to a unique ID
        * @const
        * @static
        * @type {yfiles.algorithms.NodeDpKey.<Object>}
        */
       static NODE_ID_DP_KEY:yfiles.algorithms.NodeDpKey<Object>;
       /**
-       * Data provider key for mapping each edge of the input graph to a unique ID.
+       * Data provider key for mapping each edge of the input graph to a unique ID
        * @const
        * @static
        * @type {yfiles.algorithms.EdgeDpKey.<Object>}
        */
       static EDGE_ID_DP_KEY:yfiles.algorithms.EdgeDpKey<Object>;
       /**
-       * Data provider key for mapping each edge label of the input graph to a unique ID.
+       * Data provider key for mapping each edge label of the input graph to a unique ID
        * @const
        * @static
        * @type {yfiles.algorithms.IEdgeLabelLayoutDpKey.<Object>}
        */
       static EDGE_LABEL_ID_DP_KEY:yfiles.algorithms.IEdgeLabelLayoutDpKey<Object>;
       /**
-       * Data provider key for mapping each node label of the input graph to a unique ID.
+       * Data provider key for mapping each node label of the input graph to a unique ID
        * @const
        * @static
        * @type {yfiles.algorithms.INodeLabelLayoutDpKey.<Object>}
        */
       static NODE_LABEL_ID_DP_KEY:yfiles.algorithms.INodeLabelLayoutDpKey<Object>;
       /**
-       * Data provider key for specifying the type of multi-edges.
+       * Data provider key for specifying the type of multi-edges
        * <p>
        * If {@link yfiles.multipage.MultiPageLayout#edgeBundleModeMask} &amp; {@link yfiles.multipage.EdgeBundleModes#DISTINGUISH_TYPES} == 1, multi-edges (edges with same endpoints) associated with
        * different types (objects) are distinguished, i.e., they are split by different connector pairs (see
@@ -114851,33 +114452,33 @@ declare namespace system{
      * {@link yfiles.multipage.MultiPageLayout#applyLayout}. In the latter case, a {@link yfiles.multipage.ILayoutCallback} has to be {@link yfiles.multipage.MultiPageLayout#layoutCallback set}
      * before starting the layout run.
      * </p>
-     * @class yfiles.multipage.MultiPageLayoutResult
+     * @class
      * @implements {yfiles.multipage.IElementInfoManager}
      */
     export interface MultiPageLayoutResult extends Object,yfiles.multipage.IElementInfoManager{}
     export class MultiPageLayoutResult {
       /**
        * 
-       * @param {yfiles.algorithms.Edge} edge
-       * @returns {yfiles.multipage.IEdgeInfo} 
+       * @param edge
+       * @returns 
        */
       getEdgeInfo(edge:yfiles.algorithms.Edge):yfiles.multipage.IEdgeInfo;
       /**
        * 
-       * @param {yfiles.layout.IEdgeLabelLayout} edgeLabelLayout
-       * @returns {yfiles.multipage.IEdgeLabelInfo} 
+       * @param edgeLabelLayout
+       * @returns 
        */
       getEdgeLabelInfo(edgeLabelLayout:yfiles.layout.IEdgeLabelLayout):yfiles.multipage.IEdgeLabelInfo;
       /**
        * 
-       * @param {yfiles.algorithms.Node} node
-       * @returns {yfiles.multipage.INodeInfo} 
+       * @param node
+       * @returns 
        */
       getNodeInfo(node:yfiles.algorithms.Node):yfiles.multipage.INodeInfo;
       /**
        * 
-       * @param {yfiles.layout.INodeLabelLayout} nodeLabelLayout
-       * @returns {yfiles.multipage.INodeLabelInfo} 
+       * @param nodeLabelLayout
+       * @returns 
        */
       getNodeLabelInfo(nodeLabelLayout:yfiles.layout.INodeLabelLayout):yfiles.multipage.INodeLabelInfo;
       /**
@@ -114885,8 +114486,8 @@ declare namespace system{
        * <p>
        * A <i>page graph</i> is a subgraph of the input graph whose layout fits the {@link yfiles.multipage.MultiPageLayout#maximumPageSize specified maximum page size}.
        * </p>
-       * @param {number} pageNo the given page number
-       * @returns {yfiles.layout.LayoutGraph} the page graph associated with the given page number
+       * @param pageNo the given page number
+       * @returns the page graph associated with the given page number
        * @throws {Stubs.Exceptions.IndexOutOfRangeError} if <code>pageNo >= pageCount</code> or <code>pageNo &lt; 0</code>
        * @see yfiles.multipage.MultiPageLayoutResult#pageCount
        */
@@ -114896,7 +114497,7 @@ declare namespace system{
        * <p>
        * Each page contains a {@link yfiles.multipage.MultiPageLayoutResult#getPage page graph} whose layout fits the {@link yfiles.multipage.MultiPageLayout#maximumPageSize specified maximum page size}.
        * </p>
-       * @returns {number} the number of available pages
+       * @returns the number of available pages
        * @see yfiles.multipage.MultiPageLayoutResult#getPage
        */
       pageCount():number;
@@ -114904,7 +114505,7 @@ declare namespace system{
     }
     /**
      * Specifies custom data for the {@link yfiles.multipage.MultiPageLayout}.
-     * @class yfiles.multipage.MultiPageLayoutData
+     * @class
      * @extends {yfiles.layout.LayoutData}
      */
     export interface MultiPageLayoutData extends yfiles.layout.LayoutData{}
@@ -115001,14 +114602,13 @@ declare namespace system{
      * groups. Edge bundling is supported only if {@link yfiles.circular.CircularLayout#partitionStyle partition layout style} is set to {@link yfiles.circular.PartitionStyle#CYCLE} and {@link yfiles.circular.CircularLayout#layoutStyle layout style}
      * is other than {@link yfiles.circular.LayoutStyle#BCC_ISOLATED}.
      * </p>
-     * @class yfiles.circular.CircularLayout
+     * @class
      * @extends {yfiles.layout.MultiStageLayout}
      */
     export interface CircularLayout extends yfiles.layout.MultiStageLayout{}
     export class CircularLayout {
       /**
        * Creates a new {@link yfiles.circular.CircularLayout} instance with the default settings.
-       * @constructor
        */
       constructor();
       /**
@@ -115248,14 +114848,13 @@ declare namespace system{
      * <li>The radius can be determined automatically. A specified {@link yfiles.circular.SingleCycleLayout#minimumRadius minimum radius} will be obeyed when choosing the radius.</li>
      * <li>The radius can be chosen manually. To do so, disable the {@link yfiles.circular.SingleCycleLayout#automaticRadius automatic radius selection} and specify the custom radius via {@link yfiles.circular.SingleCycleLayout#fixedRadius}.</li>
      * </ol>
-     * @class yfiles.circular.SingleCycleLayout
+     * @class
      * @extends {yfiles.layout.MultiStageLayout}
      */
     export interface SingleCycleLayout extends yfiles.layout.MultiStageLayout{}
     export class SingleCycleLayout {
       /**
        * Creates a new {@link yfiles.circular.SingleCycleLayout} instance with default settings.
-       * @constructor
        */
       constructor();
       /**
@@ -115312,9 +114911,8 @@ declare namespace system{
        */
       automaticRadius:boolean;
       /**
-       * Gets or sets the {@link yfiles.algorithms.INodeSequencer} that will be used for determining the order of the nodes for the
-       * circle placement.
-       * @throws {Stubs.Exceptions.ArgumentError} if the specified {@link yfiles.algorithms.INodeSequencer} is <code>null</code>
+       * Gets or sets the custom {@link yfiles.algorithms.INodeSequencer} that will be used for determining the order of the nodes for
+       * the circle placement.
        * @type {yfiles.algorithms.INodeSequencer}
        */
       nodeSequencer:yfiles.algorithms.INodeSequencer;
@@ -115347,7 +114945,7 @@ declare namespace system{
     }
     /**
      * Specifies custom data for the {@link yfiles.circular.CircularLayout}.
-     * @class yfiles.circular.CircularLayoutData
+     * @class
      * @extends {yfiles.layout.LayoutData}
      */
     export interface CircularLayoutData extends yfiles.layout.LayoutData{}
@@ -115412,18 +115010,17 @@ declare namespace system{
      * is registered with the graph with key {@link yfiles.orthogonal.OrthogonalLayout#EDGE_LAYOUT_DESCRIPTOR_DP_KEY}.
      * </p>
      * @see yfiles.orthogonal.OrthogonalLayout#EDGE_LAYOUT_DESCRIPTOR_DP_KEY
-     * @class yfiles.orthogonal.EdgeLayoutDescriptor
+     * @class
      */
     export interface EdgeLayoutDescriptor extends Object{}
     export class EdgeLayoutDescriptor {
       /**
        * Creates a new instance of {@link yfiles.orthogonal.EdgeLayoutDescriptor} with the default settings.
-       * @constructor
        */
       constructor();
       /**
        * Creates a copy of this {@link yfiles.orthogonal.EdgeLayoutDescriptor} instance.
-       * @returns {yfiles.orthogonal.EdgeLayoutDescriptor} a copy of this {@link yfiles.orthogonal.EdgeLayoutDescriptor} instance
+       * @returns a copy of this {@link } instance
        */
       createCopy():yfiles.orthogonal.EdgeLayoutDescriptor;
       /**
@@ -115592,14 +115189,13 @@ declare namespace system{
      * {@link yfiles.orthogonal.OrthogonalLayout#faceMaximization}, respectively. The drawback when these settings are enabled is that the running time of the algorithm may be
      * drastically increased.
      * </p>
-     * @class yfiles.orthogonal.OrthogonalLayout
+     * @class
      * @extends {yfiles.layout.MultiStageLayout}
      */
     export interface OrthogonalLayout extends yfiles.layout.MultiStageLayout{}
     export class OrthogonalLayout {
       /**
        * Creates a new {@link yfiles.orthogonal.OrthogonalLayout} instance with default settings.
-       * @constructor
        */
       constructor();
       /**
@@ -115609,7 +115205,7 @@ declare namespace system{
        * This method may be overridden to create a new {@link yfiles.orthogonal.EdgeLayoutDescriptor} instance with different
        * configuration settings.
        * </p>
-       * @returns {yfiles.orthogonal.EdgeLayoutDescriptor} a new {@link yfiles.orthogonal.EdgeLayoutDescriptor} instance
+       * @returns a new {@link } instance
        * @protected
        */
       createEdgeLayoutDescriptor():yfiles.orthogonal.EdgeLayoutDescriptor;
@@ -115827,14 +115423,13 @@ declare namespace system{
      * <p>
      * Octilinear routing of edges can be supported by appending {@link yfiles.router.PolylineLayoutStage}.
      * </p>
-     * @class yfiles.orthogonal.CompactOrthogonalLayout
+     * @class
      * @extends {yfiles.layout.PartitionLayout}
      */
     export interface CompactOrthogonalLayout extends yfiles.layout.PartitionLayout{}
     export class CompactOrthogonalLayout {
       /**
        * Creates a new {@link yfiles.orthogonal.CompactOrthogonalLayout} instance with default settings.
-       * @constructor
        */
       constructor();
       /**
@@ -115867,7 +115462,7 @@ declare namespace system{
     }
     /**
      * Specifies custom data for the {@link yfiles.orthogonal.OrthogonalLayout}.
-     * @class yfiles.orthogonal.OrthogonalLayoutData
+     * @class
      * @extends {yfiles.layout.LayoutData}
      */
     export interface OrthogonalLayoutData extends yfiles.layout.LayoutData{}
@@ -115910,6 +115505,14 @@ declare namespace system{
        * @type {yfiles.algorithms.AbortHandler}
        */
       abortHandler:yfiles.algorithms.AbortHandler;
+      /**
+       * Gets or sets the mapping that provides a {@link yfiles.layout.PreferredPlacementDescriptor} instance for edge
+       * {@link yfiles.graph.ILabel}s.
+       * @see yfiles.layout.PreferredPlacementDescriptor
+       * @see yfiles.layout.LayoutGraphAdapter#EDGE_LABEL_LAYOUT_PREFERRED_PLACEMENT_DESCRIPTOR_DP_KEY
+       * @type {yfiles.layout.ItemMapping.<yfiles.graph.ILabel,yfiles.layout.PreferredPlacementDescriptor>}
+       */
+      edgeLabelPreferredPlacement:yfiles.layout.ItemMapping<yfiles.graph.ILabel,yfiles.layout.PreferredPlacementDescriptor>;
       static $class:yfiles.lang.Class;
     }
   }export namespace radial{
@@ -115930,6 +115533,7 @@ declare namespace system{
       /**
        * Specifier for a center nodes policy which chooses the node with the highest weighted centrality as center node.
        * @see yfiles.radial.RadialLayout#centerNodesPolicy
+       * @see yfiles.algorithms.Trees#getWeightedCenterNode
        */
       WEIGHTED_CENTRALITY,
       /**
@@ -115983,13 +115587,12 @@ declare namespace system{
      * layout algorithm will return a {@link yfiles.radial.RadialLayoutNodeInfo} object with appropriately filled fields for each {@link yfiles.algorithms.Node}
      * when the layout is calculated.
      * </p>
-     * @class yfiles.radial.RadialLayoutNodeInfo
+     * @class
      */
     export interface RadialLayoutNodeInfo extends Object{}
     export class RadialLayoutNodeInfo {
       /**
        * Creates a new {@link yfiles.radial.RadialLayoutNodeInfo} instance.
-       * @constructor
        */
       constructor();
       /**
@@ -116059,14 +115662,13 @@ declare namespace system{
      * value. If the layer spacing is <code>0</code>, the radii are chosen such that all nodes fit on their corresponding circles. A minimum
      * layer distance is specified by {@link yfiles.radial.RadialLayout#minimumLayerDistance}.
      * </p>
-     * @class yfiles.radial.RadialLayout
+     * @class
      * @extends {yfiles.layout.MultiStageLayout}
      */
     export interface RadialLayout extends yfiles.layout.MultiStageLayout{}
     export class RadialLayout {
       /**
        * Creates a new {@link yfiles.radial.RadialLayout} instance with the default settings.
-       * @constructor
        */
       constructor();
       /**
@@ -116184,7 +115786,7 @@ declare namespace system{
     }
     /**
      * Specifies custom data for the {@link yfiles.radial.RadialLayout}.
-     * @class yfiles.radial.RadialLayoutData
+     * @class
      * @extends {yfiles.layout.LayoutData}
      */
     export interface RadialLayoutData extends yfiles.layout.LayoutData{}
@@ -116259,14 +115861,13 @@ declare namespace system{
      * independent.
      * </p>
      * @see yfiles.seriesparallel.SeriesParallelLayout#defaultOutEdgeComparer
-     * @class yfiles.seriesparallel.DefaultOutEdgeComparer
+     * @class
      * @implements {yfiles.collections.IComparer.<Object>}
      */
     export interface DefaultOutEdgeComparer extends Object,yfiles.collections.IComparer<Object>{}
     export class DefaultOutEdgeComparer {
       /**
        * Creates a {@link yfiles.seriesparallel.DefaultOutEdgeComparer} instance with default settings.
-       * @constructor
        */
       constructor();
       /**
@@ -116275,9 +115876,9 @@ declare namespace system{
        * The order of edges is kept unless there are
        * {@link yfiles.layout.PortConstraint}s assigned. Then the edges will be sorted to avoid edge crossings.
        * </p>
-       * @param {Object} o1 the first edge
-       * @param {Object} o2 the second edge
-       * @returns {number} the order of the given two edges
+       * @param o1 the first edge
+       * @param o2 the second edge
+       * @returns the order of the given two edges
        */
       compare(o1:Object,o2:Object):number;
       static $class:yfiles.lang.Class;
@@ -116298,7 +115899,7 @@ declare namespace system{
      * @see yfiles.layout.PortConstraint
      * @see yfiles.layout.PortConstraintKeys#SOURCE_GROUP_ID_DP_KEY
      * @see yfiles.layout.PortConstraintKeys#TARGET_GROUP_ID_DP_KEY
-     * @class yfiles.seriesparallel.DefaultPortAssignment
+     * @class
      * @implements {yfiles.seriesparallel.IPortAssignment}
      */
     export interface DefaultPortAssignment extends Object,yfiles.seriesparallel.IPortAssignment{}
@@ -116306,21 +115907,19 @@ declare namespace system{
       /**
        * Creates a new {@link yfiles.seriesparallel.DefaultPortAssignment} instance using the given {@link yfiles.seriesparallel.DefaultPortAssignment#mode mode} and a given value for the {@link yfiles.seriesparallel.DefaultPortAssignment#borderGapToPortGapRatio ratio}
        * of the gap between the border and the ports to the gap between the ports themselves.
-       * @param {yfiles.seriesparallel.PortAssignmentMode} mode one of the predefined port assignment modes
-       * @param {number} [ratio=0.5] the ratio of the distance between outer ports and the border to the distance between any two ports
+       * @param mode one of the predefined port assignment modes
+       * @param [ratio=0.5] the ratio of the distance between outer ports and the border to the distance between any two ports
        * @throws {Stubs.Exceptions.ArgumentError} if the given mode is unknown or the given ratio is negative
-       * @constructor
        */
       constructor(mode:yfiles.seriesparallel.PortAssignmentMode,ratio?:number);
       /**
        * Creates a new {@link yfiles.seriesparallel.DefaultPortAssignment} with default settings.
-       * @constructor
        */
       constructor();
       /**
        * Places the ports of edges connecting to the given node according to the {@link yfiles.seriesparallel.DefaultPortAssignment#mode port assignment mode}.
-       * @param {yfiles.layout.LayoutGraph} graph the input graph
-       * @param {yfiles.algorithms.Node} node the node whose adjacent edges' ports should be placed
+       * @param graph the input graph
+       * @param node the node whose adjacent edges' ports should be placed
        * @see yfiles.seriesparallel.DefaultPortAssignment#mode
        */
       assignPorts(graph:yfiles.layout.LayoutGraph,node:yfiles.algorithms.Node):void;
@@ -116334,9 +115933,9 @@ declare namespace system{
        * This method is called by {@link yfiles.seriesparallel.DefaultPortAssignment#assignPorts} to calculate the location of the first
        * port. It may be overridden to implement a different distribution of ports on the node's side.
        * </p>
-       * @param {number} sideLength the width/height of the side
-       * @param {number} edgeCount the number of edges that connect to this side
-       * @returns {number} the absolute gap to be used on both sides of the ports
+       * @param sideLength the width/height of the side
+       * @param edgeCount the number of edges that connect to this side
+       * @returns the absolute gap to be used on both sides of the ports
        * @see yfiles.seriesparallel.DefaultPortAssignment#assignPorts
        * @see yfiles.seriesparallel.DefaultPortAssignment#borderGapToPortGapRatio
        * @protected
@@ -116352,10 +115951,10 @@ declare namespace system{
        * This method is called by {@link yfiles.seriesparallel.DefaultPortAssignment#assignPorts} to calculate the distance between two
        * ports. It may be overridden to implement a different distribution of ports on the node's side.
        * </p>
-       * @param {number} sideLength the width/height of the side
-       * @param {number} edgeCount the number of edges/ports that connect to this side
-       * @param {number} portBorderGap the port border gap (i.e. calculated by {@link yfiles.seriesparallel.DefaultPortAssignment#getPortBorderGap})
-       * @returns {number} the absolute distance to be used between two adjacent ports
+       * @param sideLength the width/height of the side
+       * @param edgeCount the number of edges/ports that connect to this side
+       * @param portBorderGap the port border gap (i.e. calculated by {@link #getPortBorderGap})
+       * @returns the absolute distance to be used between two adjacent ports
        * @see yfiles.seriesparallel.DefaultPortAssignment#assignPorts
        * @see yfiles.seriesparallel.DefaultPortAssignment#getPortBorderGap
        * @protected
@@ -116406,18 +116005,17 @@ declare namespace system{
      * </p>
      * @see yfiles.seriesparallel.SeriesParallelLayout#EDGE_LAYOUT_DESCRIPTOR_DP_KEY
      * @see yfiles.seriesparallel.SeriesParallelLayout#defaultEdgeLayoutDescriptor
-     * @class yfiles.seriesparallel.EdgeLayoutDescriptor
+     * @class
      */
     export interface EdgeLayoutDescriptor extends Object{}
     export class EdgeLayoutDescriptor {
       /**
        * Creates a new instance of {@link yfiles.seriesparallel.EdgeLayoutDescriptor} with default settings.
-       * @constructor
        */
       constructor();
       /**
        * Creates a copy of this {@link yfiles.seriesparallel.EdgeLayoutDescriptor} instance.
-       * @returns {yfiles.seriesparallel.EdgeLayoutDescriptor} a copy of this {@link yfiles.seriesparallel.EdgeLayoutDescriptor} instance
+       * @returns a copy of this {@link } instance
        */
       createCopy():yfiles.seriesparallel.EdgeLayoutDescriptor;
       /**
@@ -116519,8 +116117,8 @@ declare namespace system{
        * <p>
        * This method is called by {@link yfiles.seriesparallel.SeriesParallelLayout} before the actual layout of the graph takes place.
        * </p>
-       * @param {yfiles.layout.LayoutGraph} graph the graph instance the node is part of
-       * @param {yfiles.algorithms.Node} node the node whose incident edges' ports are assigned
+       * @param graph the graph instance the node is part of
+       * @param node the node whose incident edges' ports are assigned
        * @see yfiles.seriesparallel.SeriesParallelLayout#OUT_EDGE_COMPARER_DP_KEY
        * @see yfiles.seriesparallel.SeriesParallelLayout#defaultOutEdgeComparer
        * @abstract
@@ -116605,14 +116203,13 @@ declare namespace system{
      * edges from the input graph until a series-parallel graph is obtained. The edges that were removed will be routed
      * separately afterwards.
      * </p>
-     * @class yfiles.seriesparallel.SeriesParallelLayout
+     * @class
      * @extends {yfiles.layout.MultiStageLayout}
      */
     export interface SeriesParallelLayout extends yfiles.layout.MultiStageLayout{}
     export class SeriesParallelLayout {
       /**
        * Creates a new {@link yfiles.seriesparallel.SeriesParallelLayout} instance with default settings.
-       * @constructor
        */
       constructor();
       /**
@@ -116620,8 +116217,8 @@ declare namespace system{
        * <p>
        * The current implementation detects the series-parallel graph structure in linear time.
        * </p>
-       * @param {yfiles.algorithms.Graph} graph the input graph
-       * @returns {boolean} <code>true</code> if the given graph is series-parallel, <code>false</code> otherwise
+       * @param graph the input graph
+       * @returns <code>true</code> if the given graph is series-parallel, <code>false</code> otherwise
        * @static
        */
       static isSeriesParallelGraph(graph:yfiles.algorithms.Graph):boolean;
@@ -116871,7 +116468,7 @@ declare namespace system{
     }
     /**
      * Specifies custom data for the {@link yfiles.seriesparallel.SeriesParallelLayout}.
-     * @class yfiles.seriesparallel.SeriesParallelLayoutData
+     * @class
      * @extends {yfiles.layout.LayoutData}
      */
     export interface SeriesParallelLayoutData extends yfiles.layout.LayoutData{}
@@ -116914,10 +116511,19 @@ declare namespace system{
        * @type {yfiles.algorithms.AbortHandler}
        */
       abortHandler:yfiles.algorithms.AbortHandler;
+      /**
+       * Gets or sets the mapping that provides a {@link yfiles.layout.PreferredPlacementDescriptor} instance for edge
+       * {@link yfiles.graph.ILabel}s.
+       * @see yfiles.layout.PreferredPlacementDescriptor
+       * @see yfiles.layout.LayoutGraphAdapter#EDGE_LABEL_LAYOUT_PREFERRED_PLACEMENT_DESCRIPTOR_DP_KEY
+       * @type {yfiles.layout.ItemMapping.<yfiles.graph.ILabel,yfiles.layout.PreferredPlacementDescriptor>}
+       */
+      edgeLabelPreferredPlacement:yfiles.layout.ItemMapping<yfiles.graph.ILabel,yfiles.layout.PreferredPlacementDescriptor>;
       static $class:yfiles.lang.Class;
     }
   }}
 
+type yfiles_namespace = typeof yfiles;
 declare module 'yfiles/algorithms' { export = yfiles; }
 declare module 'yfiles/complete' { export = yfiles; }
 declare module 'yfiles/lang' { export = yfiles.lang; }
@@ -116940,4 +116546,4 @@ declare module 'yfiles/view-editor' { export = yfiles; }
 declare module 'yfiles/view-folding' { export = yfiles; }
 declare module 'yfiles/view-graphml' { export = yfiles; }
 declare module 'yfiles/view-layout-bridge' { export = yfiles; }
-declare module 'yfiles/view-table' { export = yfiles; }
+declare module 'yfiles/view-table' { export = yfiles; }
\ No newline at end of file
diff --git a/types/yfiles/yfiles-tests.ts b/types/yfiles/yfiles-tests.ts
index 9f227aced5..05e284529c 100644
--- a/types/yfiles/yfiles-tests.ts
+++ b/types/yfiles/yfiles-tests.ts
@@ -118,6 +118,7 @@ class BasicTest {
         let a21 = new yfiles.styles.ArcEdgeStyle();
         let a22 = new yfiles.tree.AspectRatioTreeLayout();
         let a23 = new yfiles.view.GraphComponent();
+        let yfilesNamespace : yfiles_namespace;
     }
 
     testsForVersion2001() {

From 038ab80ad11f6281f23db34e03ac87c70e718af7 Mon Sep 17 00:00:00 2001
From: mulles3008 <erikmuller94@gmail.com>
Date: Thu, 27 Apr 2017 20:06:55 +0200
Subject: [PATCH 074/321] Added wait to i18n.Options interface (#16154)

* Added wait to i18n.Options interface

Enables setting global wait-flag. Important for react-i18next>=3.1.0
(https://github.com/i18next/react-i18next/blob/master/CHANGELOG.md#310)

* Added interface i18n.ReactOptions for options specific to react-i18next
---
 types/i18next/i18next-tests.ts | 3 ++-
 types/i18next/index.d.ts       | 7 ++++++-
 2 files changed, 8 insertions(+), 2 deletions(-)

diff --git a/types/i18next/i18next-tests.ts b/types/i18next/i18next-tests.ts
index e51f2f495c..744fd950d4 100644
--- a/types/i18next/i18next-tests.ts
+++ b/types/i18next/i18next-tests.ts
@@ -55,7 +55,8 @@ i18n.init({
     interpolation: <i18n.InterpolationOptions>{},
     detection: null,
     backend: null,
-    cache: null
+    cache: null,
+    wait: false
 });
 
 i18n.t('helloWorld', <i18n.TranslationOptions> {
diff --git a/types/i18next/index.d.ts b/types/i18next/index.d.ts
index ee06d8d18c..c0b0c82d81 100644
--- a/types/i18next/index.d.ts
+++ b/types/i18next/index.d.ts
@@ -87,12 +87,17 @@ declare namespace i18n {
         cache?: any;
     }
 
+    // init options for react-i18next
+    interface ReactOptions {
+      wait?: boolean;
+    }
+
     type TranslationFunction = (key: string, options?: TranslationOptions) => string;
 
     interface I18n {
         //constructor(options?: Options, callback?: (err: any, t: TranslationFunction) => void);
 
-        init(options?: Options, callback?: (err: any, t: TranslationFunction) => void): I18n;
+        init(options?: Options&ReactOptions, callback?: (err: any, t: TranslationFunction) => void): I18n;
 
         loadResources(callback?: (err: any) => void): void;
 

From ffa30397c21cd8603b80696d5b954342be09729f Mon Sep 17 00:00:00 2001
From: Nicholas Simmons <nick.simmons@shopify.com>
Date: Thu, 27 Apr 2017 14:56:45 -0400
Subject: [PATCH 075/321] Add koa-redis type definitions (#16179)

---
 types/koa-redis/index.d.ts         | 17 +++++++++++++++++
 types/koa-redis/koa-redis-tests.ts | 20 ++++++++++++++++++++
 types/koa-redis/tsconfig.json      | 22 ++++++++++++++++++++++
 types/koa-redis/tslint.json        |  1 +
 4 files changed, 60 insertions(+)
 create mode 100644 types/koa-redis/index.d.ts
 create mode 100644 types/koa-redis/koa-redis-tests.ts
 create mode 100644 types/koa-redis/tsconfig.json
 create mode 100644 types/koa-redis/tslint.json

diff --git a/types/koa-redis/index.d.ts b/types/koa-redis/index.d.ts
new file mode 100644
index 0000000000..94937c6455
--- /dev/null
+++ b/types/koa-redis/index.d.ts
@@ -0,0 +1,17 @@
+// Type definitions for koa-redis 3.0
+// Project: https://github.com/koajs/koa-redis
+// Definitions by: Nick Simmons <https://github.com/nsimmons>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+
+import {ClientOpts} from 'redis';
+import {SessionStore} from 'koa-generic-session';
+
+declare namespace redisStore {
+    interface RedisOptions extends ClientOpts {
+        duplicate?: boolean;
+        client?: any;
+    }
+}
+
+declare function redisStore(options: redisStore.RedisOptions): SessionStore;
+export = redisStore;
diff --git a/types/koa-redis/koa-redis-tests.ts b/types/koa-redis/koa-redis-tests.ts
new file mode 100644
index 0000000000..68d557336c
--- /dev/null
+++ b/types/koa-redis/koa-redis-tests.ts
@@ -0,0 +1,20 @@
+import * as Koa from "koa";
+import {MemoryStore, Session} from "koa-generic-session";
+import session = require("koa-generic-session");
+import redisStore = require("koa-redis");
+
+const app = new Koa();
+
+app.use(session({
+    store: redisStore({
+      url: 'redis://url:123',
+      host: 'redisHost',
+      port: 123,
+      path: 'redis/path',
+      db: '2',
+      duplicate: false,
+      client: {}
+  })
+}));
+
+app.listen(80);
diff --git a/types/koa-redis/tsconfig.json b/types/koa-redis/tsconfig.json
new file mode 100644
index 0000000000..c6a27579dd
--- /dev/null
+++ b/types/koa-redis/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",
+        "koa-redis-tests.ts"
+    ]
+}
diff --git a/types/koa-redis/tslint.json b/types/koa-redis/tslint.json
new file mode 100644
index 0000000000..3db14f85ea
--- /dev/null
+++ b/types/koa-redis/tslint.json
@@ -0,0 +1 @@
+{ "extends": "dtslint/dt.json" }

From c2bca7cc2269e74e318c3ed01b648361bdd29e32 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Fran=C3=A7ois=20Wouts?= <f@codonut.com>
Date: Fri, 28 Apr 2017 04:59:33 +1000
Subject: [PATCH 076/321] [shelljs] Declare ShellConfig.execPath property
 (#16171)

* Declare ShellConfig.execPath property

See its usage in
https://github.com/shelljs/shelljs/blob/master/src/exec.js

* [shelljs] Add tslint.json

The tslint.json config includes two exceptions:
- unified-signatures = false because overloaded methods have different
enough purposes to warrant a separate documentation
- max-line-length = false because existing documentation breaks the
rule, and it seems better fixed separately

Code changes are straightforward style changes suggested by the linter.
---
 types/shelljs/index.d.ts       | 167 ++++++++++++++++-----------------
 types/shelljs/shelljs-tests.ts |  51 +++++-----
 types/shelljs/tslint.json      |   7 ++
 3 files changed, 115 insertions(+), 110 deletions(-)
 create mode 100644 types/shelljs/tslint.json

diff --git a/types/shelljs/index.d.ts b/types/shelljs/index.d.ts
index a8f2196dab..c8a7dbaec6 100644
--- a/types/shelljs/index.d.ts
+++ b/types/shelljs/index.d.ts
@@ -1,32 +1,30 @@
-// Type definitions for ShellJS v0.7.6
+// Type definitions for ShellJS 0.7
 // Project: http://shelljs.org
 // Definitions by: Niklas Mollenhauer <https://github.com/nikeee>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 
-
 ///<reference types="node"/>
 
-
 import child = require("child_process");
 
 /**
  * Changes to directory dir for the duration of the script
  * @param {string} dir Directory to change in.
  */
-export declare function cd(dir: string): void;
+export function cd(dir: string): void;
 
 /**
  * Returns the current directory.
  * @return {string} The current directory.
  */
-export declare function pwd(): string;
+export function pwd(): string;
 
 /**
  * Returns array of files in the given path, or in current directory if no path provided.
  * @param  {string[]} ...paths Paths to search.
  * @return {string[]}          An array of files in the given path(s).
  */
-export declare function ls(...paths: string[]): string[];
+export function ls(...paths: string[]): string[];
 
 /**
  * Returns array of files in the given path, or in current directory if no path provided.
@@ -34,14 +32,14 @@ export declare function ls(...paths: string[]): string[];
  * @param  {string[]} ...paths Paths to search.
  * @return {string[]}          An array of files in the given path(s).
  */
-export declare function ls(options: string, ...paths: string[]): string[];
+export function ls(options: string, ...paths: string[]): string[];
 
 /**
  * Returns array of files in the given path, or in current directory if no path provided.
  * @param  {string[]} paths Paths to search.
  * @return {string[]}       An array of files in the given path(s).
  */
-export declare function ls(paths: string[]): string[];
+export function ls(paths: string[]): string[];
 
 /**
  * Returns array of files in the given path, or in current directory if no path provided.
@@ -49,35 +47,35 @@ export declare function ls(paths: string[]): string[];
  * @param  {string[]} paths    Paths to search.
  * @return {string[]}          An array of files in the given path(s).
  */
-export declare function ls(options: string, paths: string[]): string[];
+export function ls(options: string, paths: string[]): string[];
 
 /**
  * Returns array of all files (however deep) in the given paths.
  * @param {string[]} ...path   The path(s) to search.
  * @return {string[]}          An array of all files (however deep) in the given path(s).
  */
-export declare function find(...path: string[]): string[];
+export function find(...path: string[]): string[];
 
 /**
  * Returns array of all files (however deep) in the given paths.
  * @param {string[]} path   The path(s) to search.
  * @return {string[]}       An array of all files (however deep) in the given path(s).
  */
-export declare function find(path: string[]): string[];
+export function find(path: string[]): string[];
 
 /**
  * Copies files. The wildcard * is accepted.
  * @param {string} source  The source.
  * @param {string}   dest  The destination.
  */
-export declare function cp(source: string, dest: string): void;
+export function cp(source: string, dest: string): void;
 
 /**
  * Copies files. The wildcard * is accepted.
  * @param {string[]} source  The source.
  * @param {string}   dest    The destination.
  */
-export declare function cp(source: string[], dest: string): void;
+export function cp(source: string[], dest: string): void;
 
 /**
  * Copies files. The wildcard * is accepted.
@@ -85,7 +83,7 @@ export declare function cp(source: string[], dest: string): void;
  * @param {strin]}   source  The source.
  * @param {string}   dest    The destination.
  */
-export declare function cp(options: string, source: string, dest: string): void;
+export function cp(options: string, source: string, dest: string): void;
 
 /**
  * Copies files. The wildcard * is accepted.
@@ -93,73 +91,73 @@ export declare function cp(options: string, source: string, dest: string): void;
  * @param {string[]} source  The source.
  * @param {string}   dest    The destination.
  */
-export declare function cp(options: string, source: string[], dest: string): void;
+export function cp(options: string, source: string[], dest: string): void;
 
 /**
  * Removes files. The wildcard * is accepted.
  * @param {string[]} ...files Files to remove.
  */
-export declare function rm(...files: string[]): void;
+export function rm(...files: string[]): void;
 
 /**
  * Removes files. The wildcard * is accepted.
  * @param {string[]} files Files to remove.
  */
-export declare function rm(files: string[]): void;
+export function rm(files: string[]): void;
 
 /**
  * Removes files. The wildcard * is accepted.
  * @param {string}   options  Available options: -f (force), -r, -R (recursive)
  * @param {string[]} ...files Files to remove.
  */
-export declare function rm(options: string, ...files: string[]): void;
+export function rm(options: string, ...files: string[]): void;
 
 /**
  * Removes files. The wildcard * is accepted.
  * @param {string}   options  Available options: -f (force), -r, -R (recursive)
  * @param {string[]} ...files Files to remove.
  */
-export declare function rm(options: string, files: string[]): void;
+export function rm(options: string, files: string[]): void;
 
 /**
  * Moves files. The wildcard * is accepted.
  * @param {string} source The source.
  * @param {string} dest   The destination.
  */
-export declare function mv(source: string, dest: string): void;
+export function mv(source: string, dest: string): void;
 
 /**
  * Moves files. The wildcard * is accepted.
  * @param {string[]} source The source.
  * @param {string}   dest   The destination.
  */
-export declare function mv(source: string[], dest: string): void;
+export function mv(source: string[], dest: string): void;
 
 /**
  * Creates directories.
  * @param {string[]} ...dir Directories to create.
  */
-export declare function mkdir(...dir: string[]): void;
+export function mkdir(...dir: string[]): void;
 
 /**
  * Creates directories.
  * @param {string[]} dir Directories to create.
  */
-export declare function mkdir(dir: string[]): void;
+export function mkdir(dir: string[]): void;
 
 /**
  * Creates directories.
  * @param {string}   options Available options: p (full paths, will create intermediate dirs if necessary)
  * @param {string[]} ...dir  The directories to create.
  */
-export declare function mkdir(options: string, ...dir: string[]): void;
+export function mkdir(options: string, ...dir: string[]): void;
 
 /**
  * Creates directories.
  * @param {string}   options Available options: p (full paths, will create intermediate dirs if necessary)
  * @param {string[]} dir     The directories to create.
  */
-export declare function mkdir(options: string, dir: string[]): void;
+export function mkdir(options: string, dir: string[]): void;
 
 /**
  * Evaluates expression using the available primaries and returns corresponding value.
@@ -167,22 +165,21 @@ export declare function mkdir(options: string, dir: string[]): void;
  * @param  {string}  path   The path.
  * @return {boolean}        See option parameter.
  */
-export declare function test(option: string, path: string): boolean;
+export function test(option: string, path: string): boolean;
 
 /**
  * Returns a string containing the given file, or a concatenated string containing the files if more than one file is given (a new line character is introduced between each file). Wildcard * accepted.
  * @param  {string[]} ...files Files to use.
  * @return {string}            A string containing the given file, or a concatenated string containing the files if more than one file is given (a new line character is introduced between each file).
  */
-export declare function cat(...files: string[]): string;
+export function cat(...files: string[]): string;
 
 /**
  * Returns a string containing the given file, or a concatenated string containing the files if more than one file is given (a new line character is introduced between each file). Wildcard * accepted.
  * @param  {string[]} files Files to use.
  * @return {string}         A string containing the given file, or a concatenated string containing the files if more than one file is given (a new line character is introduced between each file).
  */
-export declare function cat(files: string[]): string;
-
+export function cat(files: string[]): string;
 
 // Does not work yet.
 export interface String {
@@ -206,7 +203,7 @@ export interface String {
  * @param  {string} file        The file to process.
  * @return {string}             The new string after replacement.
  */
-export declare function sed(searchRegex: RegExp, replacement: string, file: string): string;
+export function sed(searchRegex: RegExp, replacement: string, file: string): string;
 
 /**
  * Reads an input string from file and performs a JavaScript replace() on the input using the given search regex and replacement string or function. Returns the new string after replacement.
@@ -215,7 +212,7 @@ export declare function sed(searchRegex: RegExp, replacement: string, file: stri
  * @param  {string} file        The file to process.
  * @return {string}             The new string after replacement.
  */
-export declare function sed(searchRegex: string, replacement: string, file: string): string;
+export function sed(searchRegex: string, replacement: string, file: string): string;
 
 /**
  * Reads an input string from file and performs a JavaScript replace() on the input using the given search regex and replacement string or function. Returns the new string after replacement.
@@ -225,7 +222,7 @@ export declare function sed(searchRegex: string, replacement: string, file: stri
  * @param  {string} file        The file to process.
  * @return {string}             The new string after replacement.
  */
-export declare function sed(options: string, searchRegex: RegExp, replacement: string, file: string): string;
+export function sed(options: string, searchRegex: RegExp, replacement: string, file: string): string;
 
 /**
  * Reads an input string from file and performs a JavaScript replace() on the input using the given search regex and replacement string or function. Returns the new string after replacement.
@@ -235,7 +232,7 @@ export declare function sed(options: string, searchRegex: RegExp, replacement: s
  * @param  {string} file        The file to process.
  * @return {string}             The new string after replacement.
  */
-export declare function sed(options: string, searchRegex: string, replacement: string, file: string): string;
+export function sed(options: string, searchRegex: string, replacement: string, file: string): string;
 
 /**
  * Reads input string from given files and returns a string containing all lines of the file that match the given regex_filter. Wildcard * accepted.
@@ -243,7 +240,7 @@ export declare function sed(options: string, searchRegex: string, replacement: s
  * @param  {string[]} ...files     The files to process.
  * @return {string}                Returns a string containing all lines of the file that match the given regex_filter.
  */
-export declare function grep(regex_filter: RegExp, ...files: string[]): string;
+export function grep(regex_filter: RegExp, ...files: string[]): string;
 
 /**
  * Reads input string from given files and returns a string containing all lines of the file that match the given regex_filter. Wildcard * accepted.
@@ -251,7 +248,7 @@ export declare function grep(regex_filter: RegExp, ...files: string[]): string;
  * @param  {string[]} ...files     The files to process.
  * @return {string}                Returns a string containing all lines of the file that match the given regex_filter.
  */
-export declare function grep(regex_filter: RegExp, files: string[]): string;
+export function grep(regex_filter: RegExp, files: string[]): string;
 
 /**
  * Reads input string from given files and returns a string containing all lines of the file that match the given regex_filter. Wildcard * accepted.
@@ -260,7 +257,7 @@ export declare function grep(regex_filter: RegExp, files: string[]): string;
  * @param  {string[]} ...files     The files to process.
  * @return {string}                Returns a string containing all lines of the file that match the given regex_filter.
  */
-export declare function grep(options: string, regex_filter: string, ...files: string[]): string;
+export function grep(options: string, regex_filter: string, ...files: string[]): string;
 
 /**
  * Reads input string from given files and returns a string containing all lines of the file that match the given regex_filter. Wildcard * accepted.
@@ -269,42 +266,42 @@ export declare function grep(options: string, regex_filter: string, ...files: st
  * @param  {string[]} files        The files to process.
  * @return {string}                Returns a string containing all lines of the file that match the given regex_filter.
  */
-export declare function grep(options: string, regex_filter: string, files: string[]): string;
+export function grep(options: string, regex_filter: string, files: string[]): string;
 
 /**
  * Searches for command in the system's PATH. On Windows looks for .exe, .cmd, and .bat extensions.
  * @param  {string} command The command to search for.
  * @return {string}         Returns string containing the absolute path to the command.
  */
-export declare function which(command: string): string;
+export function which(command: string): string;
 
 /**
  * Prints string to stdout, and returns string with additional utility methods like .to().
  * @param  {string[]} ...text The text to print.
  * @return {string}           Returns the string that was passed as argument.
  */
-export declare function echo(...text: string[]): string;
+export function echo(...text: string[]): string;
 
 /**
  * Save the current directory on the top of the directory stack and then cd to dir. With no arguments, pushd exchanges the top two directories. Returns an array of paths in the stack.
  * @param  {"+N"}     dir Brings the Nth directory (counting from the left of the list printed by dirs, starting with zero) to the top of the list by rotating the stack.
  * @return {string[]}     Returns an array of paths in the stack.
  */
-export declare function pushd(dir: "+N"): string[];
+export function pushd(dir: "+N"): string[];
 
 /**
  * Save the current directory on the top of the directory stack and then cd to dir. With no arguments, pushd exchanges the top two directories. Returns an array of paths in the stack.
  * @param  {"-N"}     dir Brings the Nth directory (counting from the right of the list printed by dirs, starting with zero) to the top of the list by rotating the stack.
  * @return {string[]}     Returns an array of paths in the stack.
  */
-export declare function pushd(dir: "-N"): string[];
+export function pushd(dir: "-N"): string[];
 
 /**
  * Save the current directory on the top of the directory stack and then cd to dir. With no arguments, pushd exchanges the top two directories. Returns an array of paths in the stack.
  * @param  {string}     dir Makes the current working directory be the top of the stack, and then executes the equivalent of cd dir.
  * @return {string[]}       Returns an array of paths in the stack.
  */
-export declare function pushd(dir: string): string[];
+export function pushd(dir: string): string[];
 
 /**
  * Save the current directory on the top of the directory stack and then cd to dir. With no arguments, pushd exchanges the top two directories. Returns an array of paths in the stack.
@@ -312,7 +309,7 @@ export declare function pushd(dir: string): string[];
  * @param  {"+N"}     dir Brings the Nth directory (counting from the left of the list printed by dirs, starting with zero) to the top of the list by rotating the stack.
  * @return {string[]}     Returns an array of paths in the stack.
  */
-export declare function pushd(options: string, dir: "+N"): string[];
+export function pushd(options: string, dir: "+N"): string[];
 
 /**
  * Save the current directory on the top of the directory stack and then cd to dir. With no arguments, pushd exchanges the top two directories. Returns an array of paths in the stack.
@@ -320,7 +317,7 @@ export declare function pushd(options: string, dir: "+N"): string[];
  * @param  {"-N"}     dir Brings the Nth directory (counting from the right of the list printed by dirs, starting with zero) to the top of the list by rotating the stack.
  * @return {string[]}     Returns an array of paths in the stack.
  */
-export declare function pushd(options: string, dir: "-N"): string[];
+export function pushd(options: string, dir: "-N"): string[];
 
 /**
  * Save the current directory on the top of the directory stack and then cd to dir. With no arguments, pushd exchanges the top two directories. Returns an array of paths in the stack.
@@ -328,34 +325,34 @@ export declare function pushd(options: string, dir: "-N"): string[];
  * @param  {string}   dir     Makes the current working directory be the top of the stack, and then executes the equivalent of cd dir.
  * @return {string[]}         Returns an array of paths in the stack.
  */
-export declare function pushd(options: string, dir: string): string[];
+export function pushd(options: string, dir: string): string[];
 
 /**
  * When no arguments are given, popd removes the top directory from the stack and performs a cd to the new top directory. The elements are numbered from 0 starting at the first directory listed with dirs; i.e., popd is equivalent to popd +0. Returns an array of paths in the stack.
  * @param  {"+N"}     dir Removes the Nth directory (counting from the left of the list printed by dirs), starting with zero.
  * @return {string[]}     Returns an array of paths in the stack.
  */
-export declare function popd(dir: "+N"): string[];
+export function popd(dir: "+N"): string[];
 
 /**
  * When no arguments are given, popd removes the top directory from the stack and performs a cd to the new top directory. The elements are numbered from 0 starting at the first directory listed with dirs; i.e., popd is equivalent to popd +0. Returns an array of paths in the stack.
  * @return {string[]}     Returns an array of paths in the stack.
  */
-export declare function popd(): string[];
+export function popd(): string[];
 
 /**
  * When no arguments are given, popd removes the top directory from the stack and performs a cd to the new top directory. The elements are numbered from 0 starting at the first directory listed with dirs; i.e., popd is equivalent to popd +0. Returns an array of paths in the stack.
  * @param  {"-N"}     dir Removes the Nth directory (counting from the right of the list printed by dirs), starting with zero.
  * @return {string[]}     Returns an array of paths in the stack.
  */
-export declare function popd(dir: "-N"): string[];
+export function popd(dir: "-N"): string[];
 
 /**
  * When no arguments are given, popd removes the top directory from the stack and performs a cd to the new top directory. The elements are numbered from 0 starting at the first directory listed with dirs; i.e., popd is equivalent to popd +0. Returns an array of paths in the stack.
  * @param  {string}     dir You can only use -N and +N.
  * @return {string[]}       Returns an array of paths in the stack.
  */
-export declare function popd(dir: string): string[];
+export function popd(dir: string): string[];
 
 /**
  * When no arguments are given, popd removes the top directory from the stack and performs a cd to the new top directory. The elements are numbered from 0 starting at the first directory listed with dirs; i.e., popd is equivalent to popd +0. Returns an array of paths in the stack.
@@ -363,7 +360,7 @@ export declare function popd(dir: string): string[];
  * @param  {"+N"}     dir     Removes the Nth directory (counting from the left of the list printed by dirs), starting with zero.
  * @return {string[]}         Returns an array of paths in the stack.
  */
-export declare function popd(options: string, dir: "+N"): string[];
+export function popd(options: string, dir: "+N"): string[];
 
 /**
  * When no arguments are given, popd removes the top directory from the stack and performs a cd to the new top directory. The elements are numbered from 0 starting at the first directory listed with dirs; i.e., popd is equivalent to popd +0. Returns an array of paths in the stack.
@@ -371,7 +368,7 @@ export declare function popd(options: string, dir: "+N"): string[];
  * @param  {"-N"}     dir     Removes the Nth directory (counting from the right of the list printed by dirs), starting with zero.
  * @return {string[]}         Returns an array of paths in the stack.
  */
-export declare function popd(options: string, dir: "-N"): string[];
+export function popd(options: string, dir: "-N"): string[];
 
 /**
  * When no arguments are given, popd removes the top directory from the stack and performs a cd to the new top directory. The elements are numbered from 0 starting at the first directory listed with dirs; i.e., popd is equivalent to popd +0. Returns an array of paths in the stack.
@@ -379,42 +376,42 @@ export declare function popd(options: string, dir: "-N"): string[];
  * @param  {string}   dir     You can only use -N and +N.
  * @return {string[]}         Returns an array of paths in the stack.
  */
-export declare function popd(options: string, dir: string): string[];
+export function popd(options: string, dir: string): string[];
 
 /**
  * Clears the directory stack by deleting all of the elements.
  * @param  {"-c"}     options Clears the directory stack by deleting all of the elements.
  * @return {string[]}         Returns an array of paths in the stack, or a single path if +N or -N was specified.
  */
-export declare function dirs(options: "-c"): string[];
+export function dirs(options: "-c"): string[];
 
 /**
  * Display the list of currently remembered directories. Returns an array of paths in the stack, or a single path if +N or -N was specified.
  * @param  {"+N"}   options Displays the Nth directory (counting from the left of the list printed by dirs when invoked without options), starting with zero.
  * @return {string[]}       Returns an array of paths in the stack, or a single path if +N or -N was specified.
  */
-export declare function dirs(options: "+N"): string;
+export function dirs(options: "+N"): string;
 
 /**
  * Display the list of currently remembered directories. Returns an array of paths in the stack, or a single path if +N or -N was specified.
  * @param  {"-N"}   options Displays the Nth directory (counting from the right of the list printed by dirs when invoked without options), starting with zero.
  * @return {string[]}       Returns an array of paths in the stack, or a single path if +N or -N was specified.
  */
-export declare function dirs(options: "-N"): string;
+export function dirs(options: "-N"): string;
 
 /**
  * Display the list of currently remembered directories. Returns an array of paths in the stack, or a single path if +N or -N was specified.
  * @param  {string} options Available options: -c, -N, +N. You can only use those.
  * @return {any}            Returns an array of paths in the stack, or a single path if +N or -N was specified.
  */
-export declare function dirs(options: string): any;
+export function dirs(options: string): any;
 
 /**
  * Links source to dest. Use -f to force the link, should dest already exist.
  * @param {string} source The source.
  * @param {string} dest   The destination.
  */
-export declare function ln(source: string, dest: string): void;
+export function ln(source: string, dest: string): void;
 
 /**
  * Links source to dest. Use -f to force the link, should dest already exist.
@@ -422,49 +419,47 @@ export declare function ln(source: string, dest: string): void;
  * @param {string} source The source.
  * @param {string} dest   The destination.
  */
-export declare function ln(options: string, source: string, dest: string): void;
+export function ln(options: string, source: string, dest: string): void;
 
 /**
  * Exits the current process with the given exit code.
  * @param {number} code The exit code.
  */
-export declare function exit(code: number): void;
+export function exit(code: number): void;
 
 /**
  * Object containing environment variables (both getter and setter). Shortcut to process.env.
  */
-export declare var env: { [key: string]: string };
+export const env: { [key: string]: string };
 
 /**
  * Executes the given command synchronously.
  * @param  {string}                 command The command to execute.
  * @return {ExecOutputReturnValue}          Returns an object containing the return code and output as string.
  */
-export declare function exec(command: string): ExecOutputReturnValue;
+export function exec(command: string): ExecOutputReturnValue;
 /**
  * Executes the given command synchronously.
  * @param  {string}                                     command The command to execute.
  * @param  {ExecOptions}                                options Silence and synchronous options.
  * @return {ExecOutputReturnValue | child.ChildProcess}         Returns an object containing the return code and output as string, or if {async:true} was passed, a ChildProcess.
  */
-export declare function exec(command: string, options: ExecOptions): ExecOutputReturnValue | child.ChildProcess;
+export function exec(command: string, options: ExecOptions): ExecOutputReturnValue | child.ChildProcess;
 /**
  * Executes the given command synchronously.
  * @param  {string}          command  The command to execute.
  * @param  {ExecOptions}     options  Silence and synchronous options.
  * @param  {ExecCallback}    callback Receives code and output asynchronously.
  */
-export declare function exec(command: string, options: ExecOptions, callback: ExecCallback): child.ChildProcess;
+export function exec(command: string, options: ExecOptions, callback: ExecCallback): child.ChildProcess;
 /**
  * Executes the given command synchronously.
  * @param  {string}          command  The command to execute.
  * @param  {ExecCallback}    callback Receives code and output asynchronously.
  */
-export declare function exec(command: string, callback: ExecCallback): child.ChildProcess;
+export function exec(command: string, callback: ExecCallback): child.ChildProcess;
 
-export interface ExecCallback {
-    (code: number, stdout: string, stderr: string): any;
-}
+export type ExecCallback = (code: number, stdout: string, stderr: string) => any;
 
 export interface ExecOptions extends child.ExecOptions {
     silent?: boolean;
@@ -484,7 +479,7 @@ export interface ExecOutputReturnValue {
  * @param {number} octalMode The access mode. Octal.
  * @param {string} file      The file to use.
  */
-export declare function chmod(octalMode: number, file: string): void;
+export function chmod(octalMode: number, file: string): void;
 
 /**
  * Alters the permissions of a file or directory by either specifying the absolute permissions in octal form or expressing the changes in symbols. This command tries to mimic the POSIX behavior as much as possible. Notable exceptions:
@@ -493,7 +488,7 @@ export declare function chmod(octalMode: number, file: string): void;
  * @param {string} mode      The access mode. Can be an octal string or a symbolic mode string.
  * @param {string} file      The file to use.
  */
-export declare function chmod(mode: string, file: string): void;
+export function chmod(mode: string, file: string): void;
 
 // Non-Unix commands
 
@@ -501,36 +496,34 @@ export declare function chmod(mode: string, file: string): void;
  * Searches and returns string containing a writeable, platform-dependent temporary directory. Follows Python's tempfile algorithm.
  * @return {string} The temp file path.
  */
-export declare function tempdir(): string;
+export function tempdir(): string;
 
 /**
  * Tests if error occurred in the last command.
  * @return {string} Returns null if no error occurred, otherwise returns string explaining the error
  */
-export declare function error(): string;
+export function error(): string;
 
-export declare function touch(...files: string[]): void;
-export declare function touch(files: string[]): void;
-
-type TouchOptionsLiteral = "-a" | "-c" | "-m" | "-d" | "-r";
-
-export declare function touch(options: TouchOptionsLiteral, ...files: string[]): void;
-export declare function touch(options: TouchOptionsLiteral, files: string[]): void;
+export type TouchOptionsLiteral = "-a" | "-c" | "-m" | "-d" | "-r";
 
 /**
  * Update the access and modification times of each FILE to the current time. A FILE argument that does not exist is created empty, unless -c is supplied
  */
-type touchOptionsArray = {
+export interface touchOptionsArray {
     '-d'?: string;
     '-r'?: string;
-};
+}
 
-export declare function touch(options: touchOptionsArray, ...files: string[]): void;
-export declare function touch(options: touchOptionsArray, files: string[]): void;
+export function touch(...files: string[]): void;
+export function touch(files: string[]): void;
+export function touch(options: TouchOptionsLiteral, ...files: string[]): void;
+export function touch(options: TouchOptionsLiteral, files: string[]): void;
+export function touch(options: touchOptionsArray, ...files: string[]): void;
+export function touch(options: touchOptionsArray, files: string[]): void;
 
 // Configuration
 
-interface ShellConfig {
+export interface ShellConfig {
     /**
      * Suppresses all command output if true, except for echo() calls. Default is false.
      * @type {boolean}
@@ -542,10 +535,16 @@ interface ShellConfig {
      * @type {boolean}
      */
     fatal: boolean;
+
+    /**
+     * Absolute path of the Node binary. Default is null (inferred).
+     * @type {string|null}
+     */
+    execPath: string | null;
 }
 
 /**
  * The shelljs configuration.
  * @type {ShellConfig}
  */
-export declare var config: ShellConfig;
+export const config: ShellConfig;
diff --git a/types/shelljs/shelljs-tests.ts b/types/shelljs/shelljs-tests.ts
index 03f439af02..e771eccbca 100644
--- a/types/shelljs/shelljs-tests.ts
+++ b/types/shelljs/shelljs-tests.ts
@@ -2,8 +2,7 @@
 
 import shell = require("shelljs");
 
-if (!shell.which("git"))
-{
+if (!shell.which("git")) {
     shell.echo("Sorry, this script requires git");
     shell.exit(1);
 }
@@ -22,9 +21,10 @@ shell.ls("*.js").forEach( file => {
 
 shell.cd("..");
 
+shell.config.execPath = shell.which('node');
+
 // Run external tool synchronously
-if (shell.exec('git commit -am "Auto-commit"').code !== 0)
-{
+if (shell.exec('git commit -am "Auto-commit"').code !== 0) {
     shell.echo("Error: Git commit failed");
     shell.exit(1);
 }
@@ -52,7 +52,7 @@ shell.mkdir("-p", ["/tmp/a/b/c/d", "/tmp/e/f/g"]); // same as above
 if (shell.test("-d", "/tmp/a/b/c/d")) { /* do something with dir */ }
 if (!shell.test("-f", "/tmp/a/b/c/d")) { /* do something with dir */ }
 
-var str = shell.cat("file*.txt");
+let str = shell.cat("file*.txt");
 str = shell.cat("file1", "file2");
 str = shell.cat(["file1", "file2"]); // same as above
 
@@ -62,7 +62,7 @@ shell.sed(/.*DELETE_THIS_LINE.*\n/, "", "source.js");
 shell.grep("-v", "GLOBAL_VARIABLE", "*.js");
 shell.grep("GLOBAL_VARIABLE", "*.js");
 
-var nodeExec = shell.which("node");
+let nodeExec = shell.which("node");
 
 shell.pushd("/etc"); // Returns /etc /usr
 shell.pushd("+1");   // Returns /usr /etc
@@ -76,35 +76,35 @@ shell.echo(process.cwd()); // '/usr'
 shell.ln("file", "newlink");
 shell.ln("-sf", "file", "existing");
 
-var testPath = shell.env["path"];
+let testPath = shell.env["path"];
 
 import child = require("child_process");
 
-var version = shell.exec("node --version").stdout;
+let version = shell.exec("node --version").stdout;
 
-var version2 = <shell.ExecOutputReturnValue>shell.exec("node --version", { async: false });
-var output = version2.stdout;
+let version2 = <shell.ExecOutputReturnValue> shell.exec("node --version", { async: false });
+let output = version2.stdout;
 
-var asyncVersion3 = <child.ChildProcess>shell.exec("node --version", { async: true });
-var pid = asyncVersion3.pid;
+let asyncVersion3 = <child.ChildProcess> shell.exec("node --version", { async: true });
+let pid = asyncVersion3.pid;
 
-shell.exec("node --version", { silent: true }, function (code, stdout, stderr) {
-    var version = stdout;
+shell.exec("node --version", { silent: true }, (code, stdout, stderr) => {
+    let version = stdout;
 });
-shell.exec("node --version", { silent: true, async: true, cwd: '/usr/local/bin' }, function (code, stdout, stderr) {
-    var version = stdout;
+shell.exec("node --version", { silent: true, async: true, cwd: '/usr/local/bin' }, (code, stdout, stderr) => {
+    let version = stdout;
 });
-shell.exec("node --version", function (code, stdout, stderr) {
-    var version = stdout;
+shell.exec("node --version", (code, stdout, stderr) => {
+    let version = stdout;
 });
-shell.exec("node --version", function (code: number) {
-    var num: number = code;
+shell.exec("node --version", (code: number) => {
+    let num: number = code;
 });
 
-var childProc = shell.exec("node --version", function (code: number) {
-    var num: number = code;
+let childProc = shell.exec("node --version", (code: number) => {
+    let num: number = code;
 });
-var pid = childProc.pid;
+pid = childProc.pid;
 
 shell.chmod(755, "/Users/brandon");
 shell.chmod("755", "/Users/brandon"); // same as above
@@ -126,10 +126,9 @@ shell.touch({ '-r': '/some/file.txt' }, '/Users/brandom/test1');
 shell.touch({ '-r': '/some/file.txt' }, '/Users/brandom/test1', '/Users/brandom/test2');
 shell.touch({ '-r': '/oome/file.txt' }, ['/Users/brandom/test1', '/Users/brandom/test2']);
 
+let tmp = shell.tempdir(); // "/tmp" for most *nix platforms
 
-var tmp = shell.tempdir(); // "/tmp" for most *nix platforms
-
-var errorlol = shell.error();
+let errorlol = shell.error();
 
 shell.config.fatal = true;
 shell.config.silent = true;
diff --git a/types/shelljs/tslint.json b/types/shelljs/tslint.json
new file mode 100644
index 0000000000..85874f7b2a
--- /dev/null
+++ b/types/shelljs/tslint.json
@@ -0,0 +1,7 @@
+{
+    "extends": "dtslint/dt.json",
+    "rules": {
+        "max-line-length": false,
+        "unified-signatures": false
+    }
+}

From b878b731b028ba22a78564d5d8b10fc2d48173c8 Mon Sep 17 00:00:00 2001
From: Reid Weber <reid@meshstudio.io>
Date: Thu, 27 Apr 2017 14:02:22 -0700
Subject: [PATCH 077/321] Added running to CronJob interface

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

diff --git a/types/cron/index.d.ts b/types/cron/index.d.ts
index d4fa027c93..780890c014 100644
--- a/types/cron/index.d.ts
+++ b/types/cron/index.d.ts
@@ -14,6 +14,7 @@ interface CronJobStatic {
 interface CronJob {
     start(): void;
     stop(): void;
+    running: boolean | undefined;
 }
 export declare var CronJob: CronJobStatic;
 

From 52140f15093c4337d7ea9fbca66f610c38d664c2 Mon Sep 17 00:00:00 2001
From: Guy Bedford <guybedford@gmail.com>
Date: Thu, 27 Apr 2017 23:57:55 +0200
Subject: [PATCH 078/321] NodeJS: ensure process.stdout.columns support
 (#16178)

* ensure process.stdout.columns support

* make tty stream interfaces optional
---
 types/node/v6/index.d.ts | 15 ++++++++++++---
 1 file changed, 12 insertions(+), 3 deletions(-)

diff --git a/types/node/v6/index.d.ts b/types/node/v6/index.d.ts
index 6bac11b605..0c1796368e 100644
--- a/types/node/v6/index.d.ts
+++ b/types/node/v6/index.d.ts
@@ -358,10 +358,19 @@ declare namespace NodeJS {
         isTTY?: true;
     }
 
+    export interface WriteStream extends Socket {
+        columns?: number;
+        rows?: number;
+    }
+    export interface ReadStream extends Socket {
+        isRaw?: boolean;
+        setRawMode?(mode: boolean): void;
+    }
+
     export interface Process extends EventEmitter {
-        stdout: Socket;
-        stderr: Socket;
-        stdin: Socket;
+        stdout: WriteStream;
+        stderr: WriteStream;
+        stdin: ReadStream;
         argv: string[];
         argv0: string;
         execArgv: string[];

From 886cdd2f820bbb64ba7bde711879db7e3fb38da6 Mon Sep 17 00:00:00 2001
From: Michael Zlatkovsky <Zlatkovsky@users.noreply.github.com>
Date: Thu, 27 Apr 2017 19:02:55 -0700
Subject: [PATCH 079/321] Updated ExcelApi from v1.3 to v1.6 (#16165)

Also minor updates to tests (added one test for `object.set`, and let VS Code auto-format the rest)
---
 types/office-js/index.d.ts         | 5933 +++++++++++++++++++++++-----
 types/office-js/office-js-tests.ts |  244 +-
 2 files changed, 4984 insertions(+), 1193 deletions(-)

diff --git a/types/office-js/index.d.ts b/types/office-js/index.d.ts
index 1b7f8424cb..e6f947b677 100644
--- a/types/office-js/index.d.ts
+++ b/types/office-js/index.d.ts
@@ -52,7 +52,7 @@ declare namespace Office {
         Excel,
         /**
          * Host is PowerPoint
-         */	
+         */
         PowerPoint,
         /**
          * Host is Outlook
@@ -64,12 +64,12 @@ declare namespace Office {
         OneNote,
         /**
          * Host is Project
-         */		
+         */
         Project,
         /**
          * Host is Access
          */
-        Access		
+        Access
     }
     export enum PlatformType {
         /**
@@ -2453,11 +2453,10 @@ declare module OfficeExtension {
 
 
 ////////////////////////////////////////////////////////////////
-//////////////// Begin Excel APIs (latest = 1.3) ///////////////
+/////////////////////// Begin Excel APIs ///////////////////////
 ////////////////////////////////////////////////////////////////
 
-
-declare module Excel {
+declare namespace Excel {
     interface ThreeArrowsSet {
         [index: number]: Icon;
         redDownArrow: Icon;
@@ -2616,6 +2615,65 @@ declare module Excel {
         fiveBoxes: FiveBoxesSet;
     }
     var icons: IconCollections;
+    /**
+     * Provides connection session for a remote workbook.
+     */
+    class Session {
+        private static WorkbookSessionIdHeaderName;
+        private static WorkbookSessionIdHeaderNameLower;
+        constructor(workbookUrl?: string, requestHeaders?: {
+            [name: string]: string;
+        }, persisted?: boolean);
+        /**
+         * Close the session.
+         */
+        close(): OfficeExtension.IPromise<void>;
+    }
+    /**
+     * The RequestContext object facilitates requests to the Excel application. Since the Office add-in and the Excel application run in two different processes, the request context is required to get access to the Excel object model from the add-in.
+     */
+    class RequestContext extends OfficeExtension.ClientRequestContext {
+        constructor(url?: string | Session);
+        readonly workbook: Workbook;
+        readonly application: Application;
+    }
+    /**
+     * Executes a batch script that performs actions on the Excel object model, using a new RequestContext. When the promise is resolved, any tracked objects that were automatically allocated during execution will be released.
+     * @param batch - A function that takes in a RequestContext and returns a promise (typically, just the result of "context.sync()"). The context parameter facilitates requests to the Excel application. Since the Office add-in and the Excel application run in two different processes, the RequestContext is required to get access to the Excel object model from the add-in.
+     */
+    function run<T>(batch: (context: Excel.RequestContext) => OfficeExtension.IPromise<T>): OfficeExtension.IPromise<T>;
+    /**
+     * Executes a batch script that performs actions on the Excel object model, using a new remote RequestContext. When the promise is resolved, any tracked objects that were automatically allocated during execution will be released.
+     * @param requestInfo - The URL of the remote workbook and the request headers to be sent.
+     * @param batch - A function that takes in a RequestContext and returns a promise (typically, just the result of "context.sync()"). The context parameter facilitates requests to the Excel application. Since the Office add-in and the Excel application run in two different processes, the RequestContext is required to get access to the Excel object model from the add-in.
+     */
+    function run<T>(requestInfo: OfficeExtension.RequestUrlAndHeaderInfo | Session, batch: (context: Excel.RequestContext) => OfficeExtension.IPromise<T>): OfficeExtension.IPromise<T>;
+    /**
+     * Executes a batch script that performs actions on the Excel object model, using the RequestContext of a previously-created API object. When the promise is resolved, any tracked objects that were automatically allocated during execution will be released.
+     * @param object - A previously-created API object. The batch will use the same RequestContext as the passed-in object, which means that any changes applied to the object will be picked up by "context.sync()".
+     * @param batch - A function that takes in a RequestContext and returns a promise (typically, just the result of "context.sync()"). The context parameter facilitates requests to the Excel application. Since the Office add-in and the Excel application run in two different processes, the RequestContext is required to get access to the Excel object model from the add-in.
+     */
+    function run<T>(object: OfficeExtension.ClientObject, batch: (context: Excel.RequestContext) => OfficeExtension.IPromise<T>): OfficeExtension.IPromise<T>;
+    /**
+     * Executes a batch script that performs actions on the Excel object model, using the remote RequestContext of a previously-created API object. When the promise is resolved, any tracked objects that were automatically allocated during execution will be released.
+     * @param requestInfo - The URL of the remote workbook and the request headers to be sent.
+     * @param object - A previously-created API object. The batch will use the same RequestContext as the passed-in object, which means that any changes applied to the object will be picked up by "context.sync()".
+     * @param batch - A function that takes in a RequestContext and returns a promise (typically, just the result of "context.sync()"). The context parameter facilitates requests to the Excel application. Since the Office add-in and the Excel application run in two different processes, the RequestContext is required to get access to the Excel object model from the add-in.
+     */
+    function run<T>(requestInfo: OfficeExtension.RequestUrlAndHeaderInfo | Session, object: OfficeExtension.ClientObject, batch: (context: Excel.RequestContext) => OfficeExtension.IPromise<T>): OfficeExtension.IPromise<T>;
+    /**
+     * Executes a batch script that performs actions on the Excel object model, using the RequestContext of previously-created API objects.
+     * @param objects - An array of previously-created API objects. The array will be validated to make sure that all of the objects share the same context. The batch will use this shared RequestContext, which means that any changes applied to these objects will be picked up by "context.sync()".
+     * @param batch - A function that takes in a RequestContext and returns a promise (typically, just the result of "context.sync()"). The context parameter facilitates requests to the Excel application. Since the Office add-in and the Excel application run in two different processes, the RequestContext is required to get access to the Excel object model from the add-in.
+     */
+    function run<T>(objects: OfficeExtension.ClientObject[], batch: (context: Excel.RequestContext) => OfficeExtension.IPromise<T>): OfficeExtension.IPromise<T>;
+    /**
+     * Executes a batch script that performs actions on the Excel object model, using the remote RequestContext of previously-created API objects.
+     * @param requestInfo - The URL of the remote workbook and the request headers to be sent.
+     * @param objects - An array of previously-created API objects. The array will be validated to make sure that all of the objects share the same context. The batch will use this shared RequestContext, which means that any changes applied to these objects will be picked up by "context.sync()".
+     * @param batch - A function that takes in a RequestContext and returns a promise (typically, just the result of "context.sync()"). The context parameter facilitates requests to the Excel application. Since the Office add-in and the Excel application run in two different processes, the RequestContext is required to get access to the Excel object model from the add-in.
+     */
+    function run<T>(requestInfo: OfficeExtension.RequestUrlAndHeaderInfo | Session, objects: OfficeExtension.ClientObject[], batch: (context: Excel.RequestContext) => OfficeExtension.IPromise<T>): OfficeExtension.IPromise<T>;
     /**
      *
      * Provides information about the binding that raised the SelectionChanged event.
@@ -2689,6 +2747,21 @@ declare module Excel {
          */
         workbook: Excel.Workbook;
     }
+    /**
+     *
+     * Provides information about the setting that raised the SettingsChanged event
+     *
+     * [Api set: ExcelApi 1.4]
+     */
+    interface SettingsChangedEventArgs {
+        /**
+         *
+         * Gets the Setting object that represents the binding that raised the SettingsChanged event
+         *
+         * [Api set: ExcelApi 1.4]
+         */
+        settings: Excel.SettingCollection;
+    }
     /**
      *
      * Represents the Excel application that manages the workbook.
@@ -2702,16 +2775,23 @@ declare module Excel {
          *
          * [Api set: ExcelApi 1.1]
          */
-        calculationMode: string;
+        readonly calculationMode: string;
         /**
          *
          * Recalculate all currently opened workbooks in Excel.
          *
-         * @param calculationType Specifies the calculation type to use. See Excel.CalculationType for details.
-         *
          * [Api set: ExcelApi 1.1]
+         *
+         * @param calculationType Specifies the calculation type to use. See Excel.CalculationType for details.
          */
         calculate(calculationType: string): void;
+        /**
+         *
+         * Suspends calculation until the next "context.sync()" is called. Once set, it is the developer's responsibility to re-calc the workbook, to ensure that any dependencies are propagated.
+         *
+         * [Api set: ExcelApi 1.7 (PREVIEW)]
+         */
+        suspendApiCalculationUntilNextSync(): void;
         /**
          * Queues up a command to load the specified properties of the object. You must call "context.sync()" before reading the properties.
          */
@@ -2733,49 +2813,63 @@ declare module Excel {
          *
          * [Api set: ExcelApi 1.1]
          */
-        application: Excel.Application;
+        readonly application: Excel.Application;
         /**
          *
          * Represents a collection of bindings that are part of the workbook. Read-only.
          *
          * [Api set: ExcelApi 1.1]
          */
-        bindings: Excel.BindingCollection;
+        readonly bindings: Excel.BindingCollection;
+        /**
+         *
+         * Represents the collection of custom XML parts contained by this workbook. Read-only.
+         *
+         * [Api set: ExcelApi 1.5]
+         */
+        readonly customXmlParts: Excel.CustomXmlPartCollection;
         /**
          *
          * Represents Excel application instance that contains this workbook. Read-only.
          *
          * [Api set: ExcelApi 1.2]
          */
-        functions: Excel.Functions;
+        readonly functions: Excel.Functions;
         /**
          *
          * Represents a collection of workbook scoped named items (named ranges and constants). Read-only.
          *
          * [Api set: ExcelApi 1.1]
          */
-        names: Excel.NamedItemCollection;
+        readonly names: Excel.NamedItemCollection;
         /**
          *
          * Represents a collection of PivotTables associated with the workbook. Read-only.
          *
          * [Api set: ExcelApi 1.3]
          */
-        pivotTables: Excel.PivotTableCollection;
+        readonly pivotTables: Excel.PivotTableCollection;
+        /**
+         *
+         * Represents a collection of Settings associated with the workbook. Read-only.
+         *
+         * [Api set: ExcelApi 1.4]
+         */
+        readonly settings: Excel.SettingCollection;
         /**
          *
          * Represents a collection of tables associated with the workbook. Read-only.
          *
          * [Api set: ExcelApi 1.1]
          */
-        tables: Excel.TableCollection;
+        readonly tables: Excel.TableCollection;
         /**
          *
          * Represents a collection of worksheets associated with the workbook. Read-only.
          *
          * [Api set: ExcelApi 1.1]
          */
-        worksheets: Excel.WorksheetCollection;
+        readonly worksheets: Excel.WorksheetCollection;
         /**
          *
          * Gets the currently selected range from the workbook.
@@ -2793,7 +2887,7 @@ declare module Excel {
          *
          * [Api set: ExcelApi 1.2]
          */
-        onSelectionChanged: OfficeExtension.EventHandlers<Excel.SelectionChangedEventArgs>;
+        readonly onSelectionChanged: OfficeExtension.EventHandlers<Excel.SelectionChangedEventArgs>;
         toJSON(): {};
     }
     /**
@@ -2809,35 +2903,42 @@ declare module Excel {
          *
          * [Api set: ExcelApi 1.1]
          */
-        charts: Excel.ChartCollection;
+        readonly charts: Excel.ChartCollection;
+        /**
+         *
+         * Collection of names scoped to the current worksheet. Read-only.
+         *
+         * [Api set: ExcelApi 1.4]
+         */
+        readonly names: Excel.NamedItemCollection;
         /**
          *
          * Collection of PivotTables that are part of the worksheet. Read-only.
          *
          * [Api set: ExcelApi 1.3]
          */
-        pivotTables: Excel.PivotTableCollection;
+        readonly pivotTables: Excel.PivotTableCollection;
         /**
          *
          * Returns sheet protection object for a worksheet.
          *
          * [Api set: ExcelApi 1.2]
          */
-        protection: Excel.WorksheetProtection;
+        readonly protection: Excel.WorksheetProtection;
         /**
          *
          * Collection of tables that are part of the worksheet. Read-only.
          *
          * [Api set: ExcelApi 1.1]
          */
-        tables: Excel.TableCollection;
+        readonly tables: Excel.TableCollection;
         /**
          *
          * Returns a value that uniquely identifies the worksheet in a given workbook. The value of the identifier remains the same even when the worksheet is renamed or moved. Read-only.
          *
          * [Api set: ExcelApi 1.1]
          */
-        id: string;
+        readonly id: string;
         /**
          *
          * The display name of the worksheet.
@@ -2859,6 +2960,15 @@ declare module Excel {
          * [Api set: ExcelApi 1.1 for reading visibility; 1.2 for setting it.]
          */
         visibility: string;
+        /** Sets multiple properties on the object at the same time, based on JSON input. */
+        set(properties: Interfaces.WorksheetUpdateData, options?: {
+            /**
+             * Throw an error if the passed-in property list includes read-only properties (default = true).
+             */
+            throwOnReadOnly?: boolean;
+        }): void;
+        /** Sets multiple properties on the object at the same time, based on an existing loaded object. */
+        set(properties: Worksheet): void;
         /**
          *
          * Activate the worksheet in the Excel UI.
@@ -2866,6 +2976,13 @@ declare module Excel {
          * [Api set: ExcelApi 1.1]
          */
         activate(): void;
+        /**
+         *
+         * Calculates all cells on a worksheet.
+         *
+         * [Api set: ExcelApi 1.6 (PREVIEW)]
+         */
+        calculate(markAllDirty: boolean): void;
         /**
          *
          * Deletes the worksheet from the workbook.
@@ -2877,30 +2994,75 @@ declare module Excel {
          *
          * Gets the range object containing the single cell based on row and column numbers. The cell can be outside the bounds of its parent range, so long as it's stays within the worksheet grid.
          *
+         * [Api set: ExcelApi 1.1]
+         *
          * @param row The row number of the cell to be retrieved. Zero-indexed.
          * @param column the column number of the cell to be retrieved. Zero-indexed.
-         *
-         * [Api set: ExcelApi 1.1]
          */
         getCell(row: number, column: number): Excel.Range;
+        /**
+         *
+         * Gets the worksheet that follows this one. If there are no worksheets following this one, this method will throw an error.
+         *
+         * [Api set: ExcelApi 1.5]
+         *
+         * @param visibleOnly If true, considers only visible worksheets, skipping over any hidden ones.
+         */
+        getNext(visibleOnly?: boolean): Excel.Worksheet;
+        /**
+         *
+         * Gets the worksheet that follows this one. If there are no worksheets following this one, this method will return a null object.
+         *
+         * [Api set: ExcelApi 1.5]
+         *
+         * @param visibleOnly If true, considers only visible worksheets, skipping over any hidden ones.
+         */
+        getNextOrNullObject(visibleOnly?: boolean): Excel.Worksheet;
+        /**
+         *
+         * Gets the worksheet that precedes this one. If there are no previous worksheets, this method will throw an error.
+         *
+         * [Api set: ExcelApi 1.5]
+         *
+         * @param visibleOnly If true, considers only visible worksheets, skipping over any hidden ones.
+         */
+        getPrevious(visibleOnly?: boolean): Excel.Worksheet;
+        /**
+         *
+         * Gets the worksheet that precedes this one. If there are no previous worksheets, this method will return a null objet.
+         *
+         * [Api set: ExcelApi 1.5]
+         *
+         * @param visibleOnly If true, considers only visible worksheets, skipping over any hidden ones.
+         */
+        getPreviousOrNullObject(visibleOnly?: boolean): Excel.Worksheet;
         /**
          *
          * Gets the range object specified by the address or name.
          *
-         * @param address The address or the name of the range. If not specified, the entire worksheet range is returned.
-         *
          * [Api set: ExcelApi 1.1]
+         *
+         * @param address The address or the name of the range. If not specified, the entire worksheet range is returned.
          */
         getRange(address?: string): Excel.Range;
         /**
          *
-         * The used range is the smallest range that encompasses any cells that have a value or formatting assigned to them. If the worksheet is blank, this function will return the top left cell.
-         *
-         * @param valuesOnly Considers only cells with values as used cells (ignores formatting). [Api set: ExcelApi 1.2]
+         * The used range is the smallest range that encompasses any cells that have a value or formatting assigned to them. If the entire worksheet is blank, this function will return the top left cell (i.e.,: it will *not* throw an error).
          *
          * [Api set: ExcelApi 1.1]
+         *
+         * @param valuesOnly Considers only cells with values as used cells (ignoring formatting). [Api set: ExcelApi 1.2]
          */
         getUsedRange(valuesOnly?: boolean): Excel.Range;
+        /**
+         *
+         * The used range is the smallest range that encompasses any cells that have a value or formatting assigned to them. If the entire worksheet is blank, this function will return a null object.
+         *
+         * [Api set: ExcelApi 1.4]
+         *
+         * @param valuesOnly Considers only cells with values as used cells.
+         */
+        getUsedRangeOrNullObject(valuesOnly?: boolean): Excel.Range;
         /**
          * Queues up a command to load the specified properties of the object. You must call "context.sync()" before reading the properties.
          */
@@ -2921,14 +3083,14 @@ declare module Excel {
      */
     class WorksheetCollection extends OfficeExtension.ClientObject {
         /** Gets the loaded child items in this collection. */
-        items: Array<Excel.Worksheet>;
+        readonly items: Array<Excel.Worksheet>;
         /**
          *
          * Adds a new worksheet to the workbook. The worksheet will be added at the end of existing worksheets. If you wish to activate the newly added worksheet, call ".activate() on it.
          *
-         * @param name The name of the worksheet to be added. If specified, name should be unqiue. If not specified, Excel determines the name of the new worksheet.
-         *
          * [Api set: ExcelApi 1.1]
+         *
+         * @param name The name of the worksheet to be added. If specified, name should be unqiue. If not specified, Excel determines the name of the new worksheet.
          */
         add(name?: string): Excel.Worksheet;
         /**
@@ -2938,15 +3100,47 @@ declare module Excel {
          * [Api set: ExcelApi 1.1]
          */
         getActiveWorksheet(): Excel.Worksheet;
+        /**
+         *
+         * Gets the number of worksheets in the collection.
+         *
+         * [Api set: ExcelApi 1.4]
+         */
+        getCount(visibleOnly?: boolean): OfficeExtension.ClientResult<number>;
+        /**
+         *
+         * Gets the first worksheet in the collection.
+            If true, considers only visible worksheets, skipping over any hidden ones.
+         *
+         * [Api set: ExcelApi 1.5]
+         */
+        getFirst(visibleOnly?: boolean): Excel.Worksheet;
         /**
          *
          * Gets a worksheet object using its Name or ID.
          *
-         * @param key The Name or ID of the worksheet.
-         *
          * [Api set: ExcelApi 1.1]
+         *
+         * @param key The Name or ID of the worksheet.
          */
         getItem(key: string): Excel.Worksheet;
+        /**
+         *
+         * Gets a worksheet object using its Name or ID. If the worksheet does not exist, will return a null object.
+         *
+         * [Api set: ExcelApi 1.4]
+         *
+         * @param key The Name or ID of the worksheet.
+         */
+        getItemOrNullObject(key: string): Excel.Worksheet;
+        /**
+         *
+         * Gets the last worksheet in the collection.
+            If true, considers only visible worksheets, skipping over any hidden ones.
+         *
+         * [Api set: ExcelApi 1.5]
+         */
+        getLast(visibleOnly?: boolean): Excel.Worksheet;
         /**
          * Queues up a command to load the specified properties of the object. You must call "context.sync()" before reading the properties.
          */
@@ -2966,21 +3160,21 @@ declare module Excel {
          *
          * [Api set: ExcelApi 1.2]
          */
-        options: Excel.WorksheetProtectionOptions;
+        readonly options: Excel.WorksheetProtectionOptions;
         /**
          *
          * Indicates if the worksheet is protected. Read-Only.
          *
          * [Api set: ExcelApi 1.2]
          */
-        protected: boolean;
+        readonly protected: boolean;
         /**
          *
          * Protects a worksheet. Fails if the worksheet has been protected.
          *
-         * @param options sheet protection options.
-         *
          * [Api set: ExcelApi 1.2]
+         *
+         * @param options sheet protection options.
          */
         protect(options?: Excel.WorksheetProtectionOptions): void;
         /**
@@ -3091,55 +3285,62 @@ declare module Excel {
      * [Api set: ExcelApi 1.1]
      */
     class Range extends OfficeExtension.ClientObject {
+        /**
+         *
+         * Collection of ConditionalFormats that intersect the range. Read-only.
+         *
+         * [Api set: ExcelApi 1.6 (PREVIEW)]
+         */
+        readonly conditionalFormats: Excel.ConditionalFormatCollection;
         /**
          *
          * Returns a format object, encapsulating the range's font, fill, borders, alignment, and other properties. Read-only.
          *
          * [Api set: ExcelApi 1.1]
          */
-        format: Excel.RangeFormat;
+        readonly format: Excel.RangeFormat;
         /**
          *
          * Represents the range sort of the current range.
          *
          * [Api set: ExcelApi 1.2]
          */
-        sort: Excel.RangeSort;
+        readonly sort: Excel.RangeSort;
         /**
          *
          * The worksheet containing the current range. Read-only.
          *
          * [Api set: ExcelApi 1.1]
          */
-        worksheet: Excel.Worksheet;
+        readonly worksheet: Excel.Worksheet;
         /**
          *
          * Represents the range reference in A1-style. Address value will contain the Sheet reference (e.g. Sheet1!A1:B4). Read-only.
          *
          * [Api set: ExcelApi 1.1]
          */
-        address: string;
+        readonly address: string;
         /**
          *
          * Represents range reference for the specified range in the language of the user. Read-only.
          *
          * [Api set: ExcelApi 1.1]
          */
-        addressLocal: string;
+        readonly addressLocal: string;
         /**
          *
          * Number of cells in the range. This API will return -1 if the cell count exceeds 2^31-1 (2,147,483,647). Read-only.
          *
          * [Api set: ExcelApi 1.1]
          */
-        cellCount: number;
+        readonly cellCount: number;
         /**
          *
          * Represents the total number of columns in the range. Read-only.
          *
          * [Api set: ExcelApi 1.1]
          */
-        columnCount: number;
+        readonly columnCount: number;
         /**
          *
          * Represents if all columns of the current range are hidden.
@@ -3153,7 +3354,7 @@ declare module Excel {
          *
          * [Api set: ExcelApi 1.1]
          */
-        columnIndex: number;
+        readonly columnIndex: number;
         /**
          *
          * Represents the formula in A1-style notation.
@@ -3181,7 +3382,7 @@ declare module Excel {
          *
          * [Api set: ExcelApi 1.2]
          */
-        hidden: boolean;
+        readonly hidden: boolean;
         /**
          *
          * Represents Excel's number format code for the given cell.
@@ -3195,7 +3396,7 @@ declare module Excel {
          *
          * [Api set: ExcelApi 1.1]
          */
-        rowCount: number;
+        readonly rowCount: number;
         /**
          *
          * Represents if all rows of the current range are hidden.
@@ -3209,21 +3410,21 @@ declare module Excel {
          *
          * [Api set: ExcelApi 1.1]
          */
-        rowIndex: number;
+        readonly rowIndex: number;
         /**
          *
          * Text values of the specified range. The Text value will not depend on the cell width. The # sign substitution that happens in Excel UI will not affect the text value returned by the API. Read-only.
          *
          * [Api set: ExcelApi 1.1]
          */
-        text: Array<Array<any>>;
+        readonly text: Array<Array<any>>;
         /**
          *
          * Represents the type of data of each cell. Read-only.
          *
          * [Api set: ExcelApi 1.1]
          */
-        valueTypes: Array<Array<string>>;
+        readonly valueTypes: Array<Array<string>>;
         /**
          *
          * Represents the raw values of the specified range. The data returned could be of type string, number, or a boolean. Cell that contain an error will return the error string.
@@ -3231,80 +3432,96 @@ declare module Excel {
          * [Api set: ExcelApi 1.1]
          */
         values: Array<Array<any>>;
+        /** Sets multiple properties on the object at the same time, based on JSON input. */
+        set(properties: Interfaces.RangeUpdateData, options?: {
+            /**
+             * Throw an error if the passed-in property list includes read-only properties (default = true).
+             */
+            throwOnReadOnly?: boolean;
+        }): void;
+        /** Sets multiple properties on the object at the same time, based on an existing loaded object. */
+        set(properties: Range): void;
+        /**
+         *
+         * Calculates a range of cells on a worksheet.
+         *
+         * [Api set: ExcelApi 1.6 (PREVIEW)]
+         */
+        calculate(): void;
         /**
          *
          * Clear range values, format, fill, border, etc.
          *
-         * @param applyTo Determines the type of clear action. See Excel.ClearApplyTo for details.
-         *
          * [Api set: ExcelApi 1.1]
+         *
+         * @param applyTo Determines the type of clear action. See Excel.ClearApplyTo for details.
          */
         clear(applyTo?: string): void;
         /**
          *
          * Deletes the cells associated with the range.
          *
-         * @param shift Specifies which way to shift the cells. See Excel.DeleteShiftDirection for details.
-         *
          * [Api set: ExcelApi 1.1]
+         *
+         * @param shift Specifies which way to shift the cells. See Excel.DeleteShiftDirection for details.
          */
         delete(shift: string): void;
         /**
          *
          * Gets the smallest range object that encompasses the given ranges. For example, the GetBoundingRect of "B2:C5" and "D10:E15" is "B2:E16".
          *
-         * @param anotherRange The range object or address or range name.
-         *
          * [Api set: ExcelApi 1.1]
+         *
+         * @param anotherRange The range object or address or range name.
          */
         getBoundingRect(anotherRange: Excel.Range | string): Excel.Range;
         /**
          *
          * Gets the range object containing the single cell based on row and column numbers. The cell can be outside the bounds of its parent range, so long as it's stays within the worksheet grid. The returned cell is located relative to the top left cell of the range.
          *
+         * [Api set: ExcelApi 1.1]
+         *
          * @param row Row number of the cell to be retrieved. Zero-indexed.
          * @param column Column number of the cell to be retrieved. Zero-indexed.
-         *
-         * [Api set: ExcelApi 1.1]
          */
         getCell(row: number, column: number): Excel.Range;
         /**
          *
          * Gets a column contained in the range.
          *
-         * @param column Column number of the range to be retrieved. Zero-indexed.
-         *
          * [Api set: ExcelApi 1.1]
+         *
+         * @param column Column number of the range to be retrieved. Zero-indexed.
          */
         getColumn(column: number): Excel.Range;
         /**
          *
          * Gets a certain number of columns to the right of the current Range object.
          *
-         * @param count The number of columns to include in the resulting range. In general, use a positive number to create a range outside the current range. You can also use a negative number to create a range within the current range. The default value is 1.
-         *
          * [Api set: ExcelApi 1.2]
+         *
+         * @param count The number of columns to include in the resulting range. In general, use a positive number to create a range outside the current range. You can also use a negative number to create a range within the current range. The default value is 1.
          */
         getColumnsAfter(count?: number): Excel.Range;
         /**
          *
          * Gets a certain number of columns to the left of the current Range object.
          *
-         * @param count The number of columns to include in the resulting range. In general, use a positive number to create a range outside the current range. You can also use a negative number to create a range within the current range. The default value is 1.
-         *
          * [Api set: ExcelApi 1.2]
+         *
+         * @param count The number of columns to include in the resulting range. In general, use a positive number to create a range outside the current range. You can also use a negative number to create a range within the current range. The default value is 1.
          */
         getColumnsBefore(count?: number): Excel.Range;
         /**
          *
-         * Gets an object that represents the entire column of the range.
+         * Gets an object that represents the entire column of the range (for example, if the current range represents cells "B4:E11", it's `getEntireColumn` is a range that represents columns "B:E").
          *
          * [Api set: ExcelApi 1.1]
          */
         getEntireColumn(): Excel.Range;
         /**
          *
-         * Gets an object that represents the entire row of the range.
+         * Gets an object that represents the entire row of the range (for example, if the current range represents cells "B4:E11", it's `GetEntireRow` is a range that represents rows "4:11").
          *
          * [Api set: ExcelApi 1.1]
          */
@@ -3313,11 +3530,20 @@ declare module Excel {
          *
          * Gets the range object that represents the rectangular intersection of the given ranges.
          *
-         * @param anotherRange The range object or range address that will be used to determine the intersection of ranges.
-         *
          * [Api set: ExcelApi 1.1]
+         *
+         * @param anotherRange The range object or range address that will be used to determine the intersection of ranges.
          */
         getIntersection(anotherRange: Excel.Range | string): Excel.Range;
+        /**
+         *
+         * Gets the range object that represents the rectangular intersection of the given ranges. If no intersection is found, will return a null object.
+         *
+         * [Api set: ExcelApi 1.4]
+         *
+         * @param anotherRange The range object or range address that will be used to determine the intersection of ranges.
+         */
+        getIntersectionOrNullObject(anotherRange: Excel.Range | string): Excel.Range;
         /**
          *
          * Gets the last cell within the range. For example, the last cell of "B2:D5" is "D5".
@@ -3341,60 +3567,69 @@ declare module Excel {
         getLastRow(): Excel.Range;
         /**
          *
-         * Gets an object which represents a range that's offset from the specified range. The dimension of the returned range will match this range. If the resulting range is forced outside the bounds of the worksheet grid, an exception will be thrown.
+         * Gets an object which represents a range that's offset from the specified range. The dimension of the returned range will match this range. If the resulting range is forced outside the bounds of the worksheet grid, an error will be thrown.
+         *
+         * [Api set: ExcelApi 1.1]
          *
          * @param rowOffset The number of rows (positive, negative, or 0) by which the range is to be offset. Positive values are offset downward, and negative values are offset upward.
          * @param columnOffset The number of columns (positive, negative, or 0) by which the range is to be offset. Positive values are offset to the right, and negative values are offset to the left.
-         *
-         * [Api set: ExcelApi 1.1]
          */
         getOffsetRange(rowOffset: number, columnOffset: number): Excel.Range;
         /**
          *
          * Gets a Range object similar to the current Range object, but with its bottom-right corner expanded (or contracted) by some number of rows and columns.
          *
+         * [Api set: ExcelApi 1.2]
+         *
          * @param deltaRows The number of rows by which to expand the bottom-right corner, relative to the current range. Use a positive number to expand the range, or a negative number to decrease it.
          * @param deltaColumns The number of columnsby which to expand the bottom-right corner, relative to the current range. Use a positive number to expand the range, or a negative number to decrease it.
-         *
-         * [Api set: ExcelApi 1.2]
          */
         getResizedRange(deltaRows: number, deltaColumns: number): Excel.Range;
         /**
          *
          * Gets a row contained in the range.
          *
-         * @param row Row number of the range to be retrieved. Zero-indexed.
-         *
          * [Api set: ExcelApi 1.1]
+         *
+         * @param row Row number of the range to be retrieved. Zero-indexed.
          */
         getRow(row: number): Excel.Range;
         /**
          *
          * Gets a certain number of rows above the current Range object.
          *
-         * @param count The number of rows to include in the resulting range. In general, use a positive number to create a range outside the current range. You can also use a negative number to create a range within the current range. The default value is 1.
-         *
          * [Api set: ExcelApi 1.2]
+         *
+         * @param count The number of rows to include in the resulting range. In general, use a positive number to create a range outside the current range. You can also use a negative number to create a range within the current range. The default value is 1.
          */
         getRowsAbove(count?: number): Excel.Range;
         /**
          *
          * Gets a certain number of rows below the current Range object.
          *
-         * @param count The number of rows to include in the resulting range. In general, use a positive number to create a range outside the current range. You can also use a negative number to create a range within the current range. The default value is 1.
-         *
          * [Api set: ExcelApi 1.2]
+         *
+         * @param count The number of rows to include in the resulting range. In general, use a positive number to create a range outside the current range. You can also use a negative number to create a range within the current range. The default value is 1.
          */
         getRowsBelow(count?: number): Excel.Range;
         /**
          *
-         * Returns the used range of the given range object.
-         *
-         * @param valuesOnly Considers only cells with values as used cells. [Api set: ExcelApi 1.2]
+         * Returns the used range of the given range object. If there are no used cells within the range, this function will throw an ItemNotFound error.
          *
          * [Api set: ExcelApi 1.1]
+         *
+         * @param valuesOnly Considers only cells with values as used cells. [Api set: ExcelApi 1.2]
          */
         getUsedRange(valuesOnly?: boolean): Excel.Range;
+        /**
+         *
+         * Returns the used range of the given range object. If there are no used cells within the range, this function will return a null object.
+         *
+         * [Api set: ExcelApi 1.4]
+         *
+         * @param valuesOnly Considers only cells with values as used cells.
+         */
+        getUsedRangeOrNullObject(valuesOnly?: boolean): Excel.Range;
         /**
          *
          * Represents the visible rows of the current range.
@@ -3406,18 +3641,18 @@ declare module Excel {
          *
          * Inserts a cell or a range of cells into the worksheet in place of this range, and shifts the other cells to make space. Returns a new Range object at the now blank space.
          *
-         * @param shift Specifies which way to shift the cells. See Excel.InsertShiftDirection for details.
-         *
          * [Api set: ExcelApi 1.1]
+         *
+         * @param shift Specifies which way to shift the cells. See Excel.InsertShiftDirection for details.
          */
         insert(shift: string): Excel.Range;
         /**
          *
          * Merge the range cells into one region in the worksheet.
          *
-         * @param across Set true to merge cells in each row of the specified range as separate merged cells. The default value is false.
-         *
          * [Api set: ExcelApi 1.2]
+         *
+         * @param across Set true to merge cells in each row of the specified range as separate merged cells. The default value is false.
          */
         merge(across?: boolean): void;
         /**
@@ -3469,7 +3704,7 @@ declare module Excel {
     }
     /**
      *
-     * Represents a string reference of the form SheetName!A1:B5, or a global or local named range
+     * Represents a string reference of the form SheetName!A1:B5, or a global or local named range.
      *
      * [Api set: ExcelApi 1.2]
      */
@@ -3489,21 +3724,21 @@ declare module Excel {
          *
          * [Api set: ExcelApi 1.3]
          */
-        rows: Excel.RangeViewCollection;
+        readonly rows: Excel.RangeViewCollection;
         /**
          *
          * Represents the cell addresses of the RangeView.
          *
          * [Api set: ExcelApi 1.3]
          */
-        cellAddresses: Array<Array<any>>;
+        readonly cellAddresses: Array<Array<any>>;
         /**
          *
          * Returns the number of visible columns. Read-only.
          *
          * [Api set: ExcelApi 1.3]
          */
-        columnCount: number;
+        readonly columnCount: number;
         /**
          *
          * Represents the formula in A1-style notation.
@@ -3531,7 +3766,7 @@ declare module Excel {
          *
          * [Api set: ExcelApi 1.3]
          */
-        index: number;
+        readonly index: number;
         /**
          *
          * Represents Excel's number format code for the given cell.
@@ -3545,21 +3780,21 @@ declare module Excel {
          *
          * [Api set: ExcelApi 1.3]
          */
-        rowCount: number;
+        readonly rowCount: number;
         /**
          *
          * Text values of the specified range. The Text value will not depend on the cell width. The # sign substitution that happens in Excel UI will not affect the text value returned by the API. Read-only.
          *
          * [Api set: ExcelApi 1.3]
          */
-        text: Array<Array<any>>;
+        readonly text: Array<Array<any>>;
         /**
          *
          * Represents the type of data of each cell. Read-only.
          *
          * [Api set: ExcelApi 1.3]
          */
-        valueTypes: Array<Array<string>>;
+        readonly valueTypes: Array<Array<string>>;
         /**
          *
          * Represents the raw values of the specified range view. The data returned could be of type string, number, or a boolean. Cell that contain an error will return the error string.
@@ -3567,6 +3802,15 @@ declare module Excel {
          * [Api set: ExcelApi 1.3]
          */
         values: Array<Array<any>>;
+        /** Sets multiple properties on the object at the same time, based on JSON input. */
+        set(properties: Interfaces.RangeViewUpdateData, options?: {
+            /**
+             * Throw an error if the passed-in property list includes read-only properties (default = true).
+             */
+            throwOnReadOnly?: boolean;
+        }): void;
+        /** Sets multiple properties on the object at the same time, based on an existing loaded object. */
+        set(properties: RangeView): void;
         /**
          *
          * Gets the parent range associated with the current RangeView.
@@ -3594,20 +3838,27 @@ declare module Excel {
     }
     /**
      *
-     * Represents a collection of worksheet objects that are part of the workbook.
+     * Represents a collection of RangeView objects.
      *
      * [Api set: ExcelApi 1.3]
      */
     class RangeViewCollection extends OfficeExtension.ClientObject {
         /** Gets the loaded child items in this collection. */
-        items: Array<Excel.RangeView>;
+        readonly items: Array<Excel.RangeView>;
+        /**
+         *
+         * Gets the number of RangeView objects in the collection.
+         *
+         * [Api set: ExcelApi 1.4]
+         */
+        getCount(): OfficeExtension.ClientResult<number>;
         /**
          *
          * Gets a RangeView Row via it's index. Zero-Indexed.
          *
-         * @param index Index of the visible row.
-         *
          * [Api set: ExcelApi 1.3]
+         *
+         * @param index Index of the visible row.
          */
         getItemAt(index: number): Excel.RangeView;
         /**
@@ -3618,30 +3869,99 @@ declare module Excel {
     }
     /**
      *
-     * Setting represents a key-value pair of a setting persisted to the document.
+     * Represents a collection of worksheet objects that are part of the workbook.
      *
-     * [Api set: ExcelApi 1.3]
+     * [Api set: ExcelApi 1.4]
      */
-    class Setting extends OfficeExtension.ClientObject {
+    class SettingCollection extends OfficeExtension.ClientObject {
+        /** Gets the loaded child items in this collection. */
+        readonly items: Array<Excel.Setting>;
         /**
          *
-         * Represents the value stored for this setting.
+         * Sets or adds the specified setting to the workbook.
          *
-         * [Api set: ExcelApi 1.3]
+         * [Api set: ExcelApi 1.4]
+         *
+         * @param key The Key of the new setting.
+         * @param value The Value for the new setting.
          */
-        value: any;
+        add(key: string, value: string | number | boolean | Array<any> | any): Excel.Setting;
+        /**
+         *
+         * Gets the number of Settings in the collection.
+         *
+         * [Api set: ExcelApi 1.4]
+         */
+        getCount(): OfficeExtension.ClientResult<number>;
+        /**
+         *
+         * Gets a Setting entry via the key.
+         *
+         * [Api set: ExcelApi 1.4]
+         *
+         * @param key Key of the setting.
+         */
+        getItem(key: string): Excel.Setting;
+        /**
+         *
+         * Gets a Setting entry via the key. If the Setting does not exist, will return a null object.
+         *
+         * [Api set: ExcelApi 1.4]
+         *
+         * @param key The key of the setting.
+         */
+        getItemOrNullObject(key: string): Excel.Setting;
+        /**
+         * Queues up a command to load the specified properties of the object. You must call "context.sync()" before reading the properties.
+         */
+        load(option?: string | string[] | OfficeExtension.LoadOption): Excel.SettingCollection;
+        /**
+         *
+         * Occurs when the Settings in the document are changed.
+         *
+         * [Api set: ExcelApi 1.4]
+         */
+        readonly onSettingsChanged: OfficeExtension.EventHandlers<Excel.SettingsChangedEventArgs>;
+        toJSON(): {};
+    }
+    /**
+     *
+     * Setting represents a key-value pair of a setting persisted to the document.
+     *
+     * [Api set: ExcelApi 1.4]
+     */
+    class Setting extends OfficeExtension.ClientObject {
+        private static DateJSONPrefix;
+        private static DateJSONSuffix;
+        private static replaceStringDateWithDate(value);
         /**
          *
          * Returns the key that represents the id of the Setting. Read-only.
          *
-         * [Api set: ExcelApi 1.3]
+         * [Api set: ExcelApi 1.4]
          */
-        key: string;
+        readonly key: string;
+        /**
+         *
+         * Represents the value stored for this setting.
+         *
+         * [Api set: ExcelApi 1.4]
+         */
+        value: any;
+        /** Sets multiple properties on the object at the same time, based on JSON input. */
+        set(properties: Interfaces.SettingUpdateData, options?: {
+            /**
+             * Throw an error if the passed-in property list includes read-only properties (default = true).
+             */
+            throwOnReadOnly?: boolean;
+        }): void;
+        /** Sets multiple properties on the object at the same time, based on an existing loaded object. */
+        set(properties: Setting): void;
         /**
          *
          * Deletes the setting.
          *
-         * [Api set: ExcelApi 1.3]
+         * [Api set: ExcelApi 1.4]
          */
         delete(): void;
         /**
@@ -3650,6 +3970,7 @@ declare module Excel {
         load(option?: string | string[] | OfficeExtension.LoadOption): Excel.Setting;
         toJSON(): {
             "key": string;
+            "value": any;
         };
     }
     /**
@@ -3660,16 +3981,56 @@ declare module Excel {
      */
     class NamedItemCollection extends OfficeExtension.ClientObject {
         /** Gets the loaded child items in this collection. */
-        items: Array<Excel.NamedItem>;
+        readonly items: Array<Excel.NamedItem>;
+        /**
+         *
+         * Adds a new name to the collection of the given scope.
+         *
+         * [Api set: ExcelApi 1.4]
+         *
+         * @param name The name of the named item.
+         * @param reference The formula or the range that the name will refer to.
+         * @param comment The comment associated with the named item
+         * @returns
+         */
+        add(name: string, reference: Excel.Range | string, comment?: string): Excel.NamedItem;
+        /**
+         *
+         * Adds a new name to the collection of the given scope using the user's locale for the formula.
+         *
+         * [Api set: ExcelApi 1.4]
+         *
+         * @param name The "name" of the named item.
+         * @param formula The formula in the user's locale that the name will refer to.
+         * @param comment The comment associated with the named item
+         * @returns
+         */
+        addFormulaLocal(name: string, formula: string, comment?: string): Excel.NamedItem;
+        /**
+         *
+         * Gets the number of named items in the collection.
+         *
+         * [Api set: ExcelApi 1.4]
+         */
+        getCount(): OfficeExtension.ClientResult<number>;
         /**
          *
          * Gets a nameditem object using its name
          *
-         * @param name nameditem name.
-         *
          * [Api set: ExcelApi 1.1]
+         *
+         * @param name nameditem name.
          */
         getItem(name: string): Excel.NamedItem;
+        /**
+         *
+         * Gets a nameditem object using its name. If the nameditem object does not exist, will return a null object.
+         *
+         * [Api set: ExcelApi 1.4]
+         *
+         * @param name nameditem name.
+         */
+        getItemOrNullObject(name: string): Excel.NamedItem;
         /**
          * Queues up a command to load the specified properties of the object. You must call "context.sync()" before reading the properties.
          */
@@ -3683,27 +4044,55 @@ declare module Excel {
      * [Api set: ExcelApi 1.1]
      */
     class NamedItem extends OfficeExtension.ClientObject {
+        /**
+         *
+         * Returns the worksheet on which the named item is scoped to. Throws an error if the items is scoped to the workbook instead.
+         *
+         * [Api set: ExcelApi 1.4]
+         */
+        readonly worksheet: Excel.Worksheet;
+        /**
+         *
+         * Returns the worksheet on which the named item is scoped to. Returns a null object if the item is scoped to the workbook instead.
+         *
+         * [Api set: ExcelApi 1.4]
+         */
+        readonly worksheetOrNullObject: Excel.Worksheet;
+        /**
+         *
+         * Represents the comment associated with this name.
+         *
+         * [Api set: ExcelApi 1.4]
+         */
+        comment: string;
         /**
          *
          * The name of the object. Read-only.
          *
          * [Api set: ExcelApi 1.1]
          */
-        name: string;
+        readonly name: string;
+        /**
+         *
+         * Indicates whether the name is scoped to the workbook or to a specific worksheet. Read-only.
+         *
+         * [Api set: ExcelApi 1.4]
+         */
+        readonly scope: string;
         /**
          *
          * Indicates the type of the value returned by the name's formula. See Excel.NamedItemType for details. Read-only.
          *
          * [Api set: ExcelApi 1.1]
          */
-        type: string;
+        readonly type: string;
         /**
          *
-         * Represents the value computed by the name's formula. Read-only.
+         * Represents the value computed by the name's formula. For a named range, will return the range address. Read-only.
          *
          * [Api set: ExcelApi 1.1]
          */
-        value: any;
+        readonly value: any;
         /**
          *
          * Specifies whether the object is visible or not.
@@ -3711,18 +4100,34 @@ declare module Excel {
          * [Api set: ExcelApi 1.1]
          */
         visible: boolean;
+        /** Sets multiple properties on the object at the same time, based on JSON input. */
+        set(properties: Interfaces.NamedItemUpdateData, options?: {
+            /**
+             * Throw an error if the passed-in property list includes read-only properties (default = true).
+             */
+            throwOnReadOnly?: boolean;
+        }): void;
+        /** Sets multiple properties on the object at the same time, based on an existing loaded object. */
+        set(properties: NamedItem): void;
         /**
          *
-         * Returns the range object that is associated with the name. Throws an exception if the named item's type is not a range.
+         * Deletes the given name.
+         *
+         * [Api set: ExcelApi 1.4]
+         */
+        delete(): void;
+        /**
+         *
+         * Returns the range object that is associated with the name. Throws an error if the named item's type is not a range.
          *
          * [Api set: ExcelApi 1.1]
          */
         getRange(): Excel.Range;
         /**
          *
-         * Returns the range object that is associated with the name. Returns a null object if the named item's type is not a range
+         * Returns the range object that is associated with the name. Returns a null object if the named item's type is not a range.
          *
-         * [Api set: ExcelApi 1.1]
+         * [Api set: ExcelApi 1.4]
          */
         getRangeOrNullObject(): Excel.Range;
         /**
@@ -3730,7 +4135,9 @@ declare module Excel {
          */
         load(option?: string | string[] | OfficeExtension.LoadOption): Excel.NamedItem;
         toJSON(): {
+            "comment": string;
             "name": string;
+            "scope": string;
             "type": string;
             "value": any;
             "visible": boolean;
@@ -3749,14 +4156,14 @@ declare module Excel {
          *
          * [Api set: ExcelApi 1.1]
          */
-        id: string;
+        readonly id: string;
         /**
          *
          * Returns the type of the binding. See Excel.BindingType for details. Read-only.
          *
          * [Api set: ExcelApi 1.1]
          */
-        type: string;
+        readonly type: string;
         /**
          *
          * Deletes the binding.
@@ -3795,14 +4202,14 @@ declare module Excel {
          *
          * [Api set: ExcelApi 1.2]
          */
-        onDataChanged: OfficeExtension.EventHandlers<Excel.BindingDataChangedEventArgs>;
+        readonly onDataChanged: OfficeExtension.EventHandlers<Excel.BindingDataChangedEventArgs>;
         /**
          *
          * Occurs when the selection is changed within the binding.
          *
          * [Api set: ExcelApi 1.2]
          */
-        onSelectionChanged: OfficeExtension.EventHandlers<Excel.BindingSelectionChangedEventArgs>;
+        readonly onSelectionChanged: OfficeExtension.EventHandlers<Excel.BindingSelectionChangedEventArgs>;
         toJSON(): {
             "id": string;
             "type": string;
@@ -3816,64 +4223,80 @@ declare module Excel {
      */
     class BindingCollection extends OfficeExtension.ClientObject {
         /** Gets the loaded child items in this collection. */
-        items: Array<Excel.Binding>;
+        readonly items: Array<Excel.Binding>;
         /**
          *
          * Returns the number of bindings in the collection. Read-only.
          *
          * [Api set: ExcelApi 1.1]
          */
-        count: number;
+        readonly count: number;
         /**
          *
          * Add a new binding to a particular Range.
          *
+         * [Api set: ExcelApi 1.3]
+         *
          * @param range Range to bind the binding to. May be an Excel Range object, or a string. If string, must contain the full address, including the sheet name
          * @param bindingType Type of binding. See Excel.BindingType.
          * @param id Name of binding.
-         *
-         * [Api set: ExcelApi 1.3]
          */
         add(range: Excel.Range | string, bindingType: string, id: string): Excel.Binding;
         /**
          *
          * Add a new binding based on a named item in the workbook.
          *
+         * [Api set: ExcelApi 1.3]
+         *
          * @param name Name from which to create binding.
          * @param bindingType Type of binding. See Excel.BindingType.
          * @param id Name of binding.
-         *
-         * [Api set: ExcelApi 1.3]
          */
         addFromNamedItem(name: string, bindingType: string, id: string): Excel.Binding;
         /**
          *
          * Add a new binding based on the current selection.
          *
+         * [Api set: ExcelApi 1.3]
+         *
          * @param bindingType Type of binding. See Excel.BindingType.
          * @param id Name of binding.
-         *
-         * [Api set: ExcelApi 1.3]
          */
         addFromSelection(bindingType: string, id: string): Excel.Binding;
+        /**
+         *
+         * Gets the number of bindings in the collection.
+         *
+         * [Api set: ExcelApi 1.4]
+         */
+        getCount(): OfficeExtension.ClientResult<number>;
         /**
          *
          * Gets a binding object by ID.
          *
-         * @param id Id of the binding object to be retrieved.
-         *
          * [Api set: ExcelApi 1.1]
+         *
+         * @param id Id of the binding object to be retrieved.
          */
         getItem(id: string): Excel.Binding;
         /**
          *
          * Gets a binding object based on its position in the items array.
          *
-         * @param index Index value of the object to be retrieved. Zero-indexed.
-         *
          * [Api set: ExcelApi 1.1]
+         *
+         * @param index Index value of the object to be retrieved. Zero-indexed.
          */
         getItemAt(index: number): Excel.Binding;
+        /**
+         *
+         * Gets a binding object by ID. If the binding object does not exist, will return a null object.
+         *
+         * [Api set: ExcelApi 1.4]
+         *
+         * @param id Id of the binding object to be retrieved.
+         */
+        getItemOrNullObject(id: string): Excel.Binding;
         /**
          * Queues up a command to load the specified properties of the object. You must call "context.sync()" before reading the properties.
          */
@@ -3890,42 +4313,58 @@ declare module Excel {
      */
     class TableCollection extends OfficeExtension.ClientObject {
         /** Gets the loaded child items in this collection. */
-        items: Array<Excel.Table>;
+        readonly items: Array<Excel.Table>;
         /**
          *
          * Returns the number of tables in the workbook. Read-only.
          *
          * [Api set: ExcelApi 1.1]
          */
-        count: number;
+        readonly count: number;
         /**
          *
          * Create a new table. The range object or source address determines the worksheet under which the table will be added. If the table cannot be added (e.g., because the address is invalid, or the table would overlap with another table), an error will be thrown.
          *
+         * [Api set: ExcelApi 1.1]
+         *
          * @param address A Range object, or a string address or name of the range representing the data source. If the address does not contain a sheet name, the currently-active sheet is used. [Api set: ExcelApi 1.1 for string parameter; 1.3 for accepting a Range object as well]
          * @param hasHeaders Boolean value that indicates whether the data being imported has column labels. If the source does not contain headers (i.e,. when this property set to false), Excel will automatically generate header shifting the data down by one row.
-         *
-         * [Api set: ExcelApi 1.1]
          */
         add(address: Excel.Range | string, hasHeaders: boolean): Excel.Table;
+        /**
+         *
+         * Gets the number of tables in the collection.
+         *
+         * [Api set: ExcelApi 1.4]
+         */
+        getCount(): OfficeExtension.ClientResult<number>;
         /**
          *
          * Gets a table by Name or ID.
          *
-         * @param key Name or ID of the table to be retrieved.
-         *
          * [Api set: ExcelApi 1.1]
+         *
+         * @param key Name or ID of the table to be retrieved.
          */
         getItem(key: number | string): Excel.Table;
         /**
          *
          * Gets a table based on its position in the collection.
          *
-         * @param index Index value of the object to be retrieved. Zero-indexed.
-         *
          * [Api set: ExcelApi 1.1]
+         *
+         * @param index Index value of the object to be retrieved. Zero-indexed.
          */
         getItemAt(index: number): Excel.Table;
+        /**
+         *
+         * Gets a table by Name or ID. If the table does not exist, will return a null object.
+         *
+         * [Api set: ExcelApi 1.4]
+         *
+         * @param key Name or ID of the table to be retrieved.
+         */
+        getItemOrNullObject(key: number | string): Excel.Table;
         /**
          * Queues up a command to load the specified properties of the object. You must call "context.sync()" before reading the properties.
          */
@@ -3947,28 +4386,28 @@ declare module Excel {
          *
          * [Api set: ExcelApi 1.1]
          */
-        columns: Excel.TableColumnCollection;
+        readonly columns: Excel.TableColumnCollection;
         /**
          *
          * Represents a collection of all the rows in the table. Read-only.
          *
          * [Api set: ExcelApi 1.1]
          */
-        rows: Excel.TableRowCollection;
+        readonly rows: Excel.TableRowCollection;
         /**
          *
          * Represents the sorting for the table.
          *
          * [Api set: ExcelApi 1.2]
          */
-        sort: Excel.TableSort;
+        readonly sort: Excel.TableSort;
         /**
          *
          * The worksheet containing the current table. Read-only.
          *
          * [Api set: ExcelApi 1.2]
          */
-        worksheet: Excel.Worksheet;
+        readonly worksheet: Excel.Worksheet;
         /**
          *
          * Indicates whether the first column contains special formatting.
@@ -3989,7 +4428,7 @@ declare module Excel {
          *
          * [Api set: ExcelApi 1.1]
          */
-        id: number;
+        readonly id: number;
         /**
          *
          * Name of the table.
@@ -4039,6 +4478,15 @@ declare module Excel {
          * [Api set: ExcelApi 1.1]
          */
         style: string;
+        /** Sets multiple properties on the object at the same time, based on JSON input. */
+        set(properties: Interfaces.TableUpdateData, options?: {
+            /**
+             * Throw an error if the passed-in property list includes read-only properties (default = true).
+             */
+            throwOnReadOnly?: boolean;
+        }): void;
+        /** Sets multiple properties on the object at the same time, based on an existing loaded object. */
+        set(properties: Table): void;
         /**
          *
          * Clears all the filters currently applied on the table.
@@ -4120,43 +4568,59 @@ declare module Excel {
      */
     class TableColumnCollection extends OfficeExtension.ClientObject {
         /** Gets the loaded child items in this collection. */
-        items: Array<Excel.TableColumn>;
+        readonly items: Array<Excel.TableColumn>;
         /**
          *
          * Returns the number of columns in the table. Read-only.
          *
          * [Api set: ExcelApi 1.1]
          */
-        count: number;
+        readonly count: number;
         /**
          *
          * Adds a new column to the table.
          *
+         * [Api set: ExcelApi 1.1 requires an index smaller than the total column count; 1.4 allows index to be optional (null or -1) and will append a column at the end; 1.4 allows name parameter at creation time.]
+         *
          * @param index Specifies the relative position of the new column. If null or -1, the addition happens at the end. Columns with a higher index will be shifted to the side. Zero-indexed.
          * @param values A 2-dimensional array of unformatted values of the table column.
          * @param name Specifies the name of the new column. If null, the default name will be used.
-         *
-         * [Api set: ExcelApi 1.1 requires an index smaller than the total column count; 1.4 allows index to be optional (null or -1) and will append a column at the end; 1.4 allows name parameter at creation time.]
          */
         add(index?: number, values?: Array<Array<boolean | string | number>> | boolean | string | number, name?: string): Excel.TableColumn;
+        /**
+         *
+         * Gets the number of columns in the table.
+         *
+         * [Api set: ExcelApi 1.4]
+         */
+        getCount(): OfficeExtension.ClientResult<number>;
         /**
          *
          * Gets a column object by Name or ID.
          *
-         * @param key Column Name or ID.
-         *
          * [Api set: ExcelApi 1.1]
+         *
+         * @param key Column Name or ID.
          */
         getItem(key: number | string): Excel.TableColumn;
         /**
          *
          * Gets a column based on its position in the collection.
          *
-         * @param index Index value of the object to be retrieved. Zero-indexed.
-         *
          * [Api set: ExcelApi 1.1]
+         *
+         * @param index Index value of the object to be retrieved. Zero-indexed.
          */
         getItemAt(index: number): Excel.TableColumn;
+        /**
+         *
+         * Gets a column object by Name or ID. If the column does not exist, will return a null object.
+         *
+         * [Api set: ExcelApi 1.4]
+         *
+         * @param key Column Name or ID.
+         */
+        getItemOrNullObject(key: number | string): Excel.TableColumn;
         /**
          * Queues up a command to load the specified properties of the object. You must call "context.sync()" before reading the properties.
          */
@@ -4178,21 +4642,21 @@ declare module Excel {
          *
          * [Api set: ExcelApi 1.2]
          */
-        filter: Excel.Filter;
+        readonly filter: Excel.Filter;
         /**
          *
          * Returns a unique key that identifies the column within the table. Read-only.
          *
          * [Api set: ExcelApi 1.1]
          */
-        id: number;
+        readonly id: number;
         /**
          *
          * Returns the index number of the column within the columns collection of the table. Zero-indexed. Read-only.
          *
          * [Api set: ExcelApi 1.1]
          */
-        index: number;
+        readonly index: number;
         /**
          *
          * Represents the name of the table column.
@@ -4207,6 +4671,15 @@ declare module Excel {
          * [Api set: ExcelApi 1.1]
          */
         values: Array<Array<any>>;
+        /** Sets multiple properties on the object at the same time, based on JSON input. */
+        set(properties: Interfaces.TableColumnUpdateData, options?: {
+            /**
+             * Throw an error if the passed-in property list includes read-only properties (default = true).
+             */
+            throwOnReadOnly?: boolean;
+        }): void;
+        /** Sets multiple properties on the object at the same time, based on an existing loaded object. */
+        set(properties: TableColumn): void;
         /**
          *
          * Deletes the column from the table.
@@ -4256,36 +4729,58 @@ declare module Excel {
     /**
      *
      * Represents a collection of all the rows that are part of the table.
+            
+            Note that unlike Ranges or Columns, which will adjust if new rows/columns are added before them,
+            a TableRow object represent the physical location of the table row, but not the data.
+            That is, if the data is sorted or if new rows are added, a table row will continue
+            to point at the index for which it was created.
      *
      * [Api set: ExcelApi 1.1]
      */
     class TableRowCollection extends OfficeExtension.ClientObject {
         /** Gets the loaded child items in this collection. */
-        items: Array<Excel.TableRow>;
+        readonly items: Array<Excel.TableRow>;
         /**
          *
          * Returns the number of rows in the table. Read-only.
          *
          * [Api set: ExcelApi 1.1]
          */
-        count: number;
+        readonly count: number;
         /**
          *
          * Adds one or more rows to the table. The return object will be the top of the newly added row(s).
+            
+            Note that unlike Ranges or Columns, which will adjust if new rows/columns are added before them,
+            a TableRow object represent the physical location of the table row, but not the data.
+            That is, if the data is sorted or if new rows are added, a table row will continue
+            to point at the index for which it was created.
+         *
+         * [Api set: ExcelApi 1.1 for adding a single row; 1.4 allows adding of multiple rows.]
          *
          * @param index Specifies the relative position of the new row. If null or -1, the addition happens at the end. Any rows below the inserted row are shifted downwards. Zero-indexed.
          * @param values A 2-dimensional array of unformatted values of the table row.
-         *
-         * [Api set: ExcelApi 1.1 for adding a single row; 1.4 allows adding of multiple rows.]
          */
         add(index?: number, values?: Array<Array<boolean | string | number>> | boolean | string | number): Excel.TableRow;
         /**
          *
-         * Gets a row based on its position in the collection.
+         * Gets the number of rows in the table.
          *
-         * @param index Index value of the object to be retrieved. Zero-indexed.
+         * [Api set: ExcelApi 1.4]
+         */
+        getCount(): OfficeExtension.ClientResult<number>;
+        /**
+         *
+         * Gets a row based on its position in the collection.
+            
+            Note that unlike Ranges or Columns, which will adjust if new rows/columns are added before them,
+            a TableRow object represent the physical location of the table row, but not the data.
+            That is, if the data is sorted or if new rows are added, a table row will continue
+            to point at the index for which it was created.
          *
          * [Api set: ExcelApi 1.1]
+         *
+         * @param index Index value of the object to be retrieved. Zero-indexed.
          */
         getItemAt(index: number): Excel.TableRow;
         /**
@@ -4299,6 +4794,11 @@ declare module Excel {
     /**
      *
      * Represents a row in a table.
+            
+            Note that unlike Ranges or Columns, which will adjust if new rows/columns are added before them,
+            a TableRow object represent the physical location of the table row, but not the data.
+            That is, if the data is sorted or if new rows are added, a table row will continue
+            to point at the index for which it was created.
      *
      * [Api set: ExcelApi 1.1]
      */
@@ -4309,7 +4809,7 @@ declare module Excel {
          *
          * [Api set: ExcelApi 1.1]
          */
-        index: number;
+        readonly index: number;
         /**
          *
          * Represents the raw values of the specified range. The data returned could be of type string, number, or a boolean. Cell that contain an error will return the error string.
@@ -4317,6 +4817,15 @@ declare module Excel {
          * [Api set: ExcelApi 1.1]
          */
         values: Array<Array<any>>;
+        /** Sets multiple properties on the object at the same time, based on JSON input. */
+        set(properties: Interfaces.TableRowUpdateData, options?: {
+            /**
+             * Throw an error if the passed-in property list includes read-only properties (default = true).
+             */
+            throwOnReadOnly?: boolean;
+        }): void;
+        /** Sets multiple properties on the object at the same time, based on an existing loaded object. */
+        set(properties: TableRow): void;
         /**
          *
          * Deletes the row from the table.
@@ -4353,28 +4862,28 @@ declare module Excel {
          *
          * [Api set: ExcelApi 1.1]
          */
-        borders: Excel.RangeBorderCollection;
+        readonly borders: Excel.RangeBorderCollection;
         /**
          *
          * Returns the fill object defined on the overall range. Read-only.
          *
          * [Api set: ExcelApi 1.1]
          */
-        fill: Excel.RangeFill;
+        readonly fill: Excel.RangeFill;
         /**
          *
          * Returns the font object defined on the overall range. Read-only.
          *
          * [Api set: ExcelApi 1.1]
          */
-        font: Excel.RangeFont;
+        readonly font: Excel.RangeFont;
         /**
          *
          * Returns the format protection object for a range.
          *
          * [Api set: ExcelApi 1.2]
          */
-        protection: Excel.FormatProtection;
+        readonly protection: Excel.FormatProtection;
         /**
          *
          * Gets or sets the width of all colums within the range. If the column widths are not uniform, null will be returned.
@@ -4410,6 +4919,15 @@ declare module Excel {
          * [Api set: ExcelApi 1.1]
          */
         wrapText: boolean;
+        /** Sets multiple properties on the object at the same time, based on JSON input. */
+        set(properties: Interfaces.RangeFormatUpdateData, options?: {
+            /**
+             * Throw an error if the passed-in property list includes read-only properties (default = true).
+             */
+            throwOnReadOnly?: boolean;
+        }): void;
+        /** Sets multiple properties on the object at the same time, based on an existing loaded object. */
+        set(properties: RangeFormat): void;
         /**
          *
          * Changes the width of the columns of the current range to achieve the best fit, based on the current data in the columns.
@@ -4460,6 +4978,15 @@ declare module Excel {
          * [Api set: ExcelApi 1.2]
          */
         locked: boolean;
+        /** Sets multiple properties on the object at the same time, based on JSON input. */
+        set(properties: Interfaces.FormatProtectionUpdateData, options?: {
+            /**
+             * Throw an error if the passed-in property list includes read-only properties (default = true).
+             */
+            throwOnReadOnly?: boolean;
+        }): void;
+        /** Sets multiple properties on the object at the same time, based on an existing loaded object. */
+        set(properties: FormatProtection): void;
         /**
          * Queues up a command to load the specified properties of the object. You must call "context.sync()" before reading the properties.
          */
@@ -4483,6 +5010,15 @@ declare module Excel {
          * [Api set: ExcelApi 1.1]
          */
         color: string;
+        /** Sets multiple properties on the object at the same time, based on JSON input. */
+        set(properties: Interfaces.RangeFillUpdateData, options?: {
+            /**
+             * Throw an error if the passed-in property list includes read-only properties (default = true).
+             */
+            throwOnReadOnly?: boolean;
+        }): void;
+        /** Sets multiple properties on the object at the same time, based on an existing loaded object. */
+        set(properties: RangeFill): void;
         /**
          *
          * Resets the range background.
@@ -4518,7 +5054,7 @@ declare module Excel {
          *
          * [Api set: ExcelApi 1.1]
          */
-        sideIndex: string;
+        readonly sideIndex: string;
         /**
          *
          * One of the constants of line style specifying the line style for the border. See Excel.BorderLineStyle for details.
@@ -4533,6 +5069,15 @@ declare module Excel {
          * [Api set: ExcelApi 1.1]
          */
         weight: string;
+        /** Sets multiple properties on the object at the same time, based on JSON input. */
+        set(properties: Interfaces.RangeBorderUpdateData, options?: {
+            /**
+             * Throw an error if the passed-in property list includes read-only properties (default = true).
+             */
+            throwOnReadOnly?: boolean;
+        }): void;
+        /** Sets multiple properties on the object at the same time, based on an existing loaded object. */
+        set(properties: RangeBorder): void;
         /**
          * Queues up a command to load the specified properties of the object. You must call "context.sync()" before reading the properties.
          */
@@ -4546,36 +5091,36 @@ declare module Excel {
     }
     /**
      *
-     * Represents the border objects that make up range border.
+     * Represents the border objects that make up the range border.
      *
      * [Api set: ExcelApi 1.1]
      */
     class RangeBorderCollection extends OfficeExtension.ClientObject {
         /** Gets the loaded child items in this collection. */
-        items: Array<Excel.RangeBorder>;
+        readonly items: Array<Excel.RangeBorder>;
         /**
          *
          * Number of border objects in the collection. Read-only.
          *
          * [Api set: ExcelApi 1.1]
          */
-        count: number;
+        readonly count: number;
         /**
          *
          * Gets a border object using its name
          *
-         * @param index Index value of the border object to be retrieved. See Excel.BorderIndex for details.
-         *
          * [Api set: ExcelApi 1.1]
+         *
+         * @param index Index value of the border object to be retrieved. See Excel.BorderIndex for details.
          */
         getItem(index: string): Excel.RangeBorder;
         /**
          *
          * Gets a border object using its index
          *
-         * @param index Index value of the object to be retrieved. Zero-indexed.
-         *
          * [Api set: ExcelApi 1.1]
+         *
+         * @param index Index value of the object to be retrieved. Zero-indexed.
          */
         getItemAt(index: number): Excel.RangeBorder;
         /**
@@ -4635,6 +5180,15 @@ declare module Excel {
          * [Api set: ExcelApi 1.1]
          */
         underline: string;
+        /** Sets multiple properties on the object at the same time, based on JSON input. */
+        set(properties: Interfaces.RangeFontUpdateData, options?: {
+            /**
+             * Throw an error if the passed-in property list includes read-only properties (default = true).
+             */
+            throwOnReadOnly?: boolean;
+        }): void;
+        /** Sets multiple properties on the object at the same time, based on an existing loaded object. */
+        set(properties: RangeFont): void;
         /**
          * Queues up a command to load the specified properties of the object. You must call "context.sync()" before reading the properties.
          */
@@ -4656,43 +5210,60 @@ declare module Excel {
      */
     class ChartCollection extends OfficeExtension.ClientObject {
         /** Gets the loaded child items in this collection. */
-        items: Array<Excel.Chart>;
+        readonly items: Array<Excel.Chart>;
         /**
          *
          * Returns the number of charts in the worksheet. Read-only.
          *
          * [Api set: ExcelApi 1.1]
          */
-        count: number;
+        readonly count: number;
         /**
          *
          * Creates a new chart.
          *
+         * [Api set: ExcelApi 1.1]
+         *
          * @param type Represents the type of a chart. See Excel.ChartType for details.
          * @param sourceData The Range object corresponding to the source data.
          * @param seriesBy Specifies the way columns or rows are used as data series on the chart. See Excel.ChartSeriesBy for details.
-         *
-         * [Api set: ExcelApi 1.1]
          */
         add(type: string, sourceData: Excel.Range, seriesBy?: string): Excel.Chart;
+        /**
+         *
+         * Returns the number of charts in the worksheet.
+         *
+         * [Api set: ExcelApi 1.4]
+         */
+        getCount(): OfficeExtension.ClientResult<number>;
         /**
          *
          * Gets a chart using its name. If there are multiple charts with the same name, the first one will be returned.
          *
-         * @param name Name of the chart to be retrieved.
-         *
          * [Api set: ExcelApi 1.1]
+         *
+         * @param name Name of the chart to be retrieved.
          */
         getItem(name: string): Excel.Chart;
         /**
          *
          * Gets a chart based on its position in the collection.
          *
-         * @param index Index value of the object to be retrieved. Zero-indexed.
-         *
          * [Api set: ExcelApi 1.1]
+         *
+         * @param index Index value of the object to be retrieved. Zero-indexed.
          */
         getItemAt(index: number): Excel.Chart;
+        /**
+         *
+         * Gets a chart using its name. If there are multiple charts with the same name, the first one will be returned.
+            If the chart does not exist, will return a null object.
+         *
+         * [Api set: ExcelApi 1.4]
+         *
+         * @param name Name of the chart to be retrieved.
+         */
+        getItemOrNullObject(name: string): Excel.Chart;
         /**
          * Queues up a command to load the specified properties of the object. You must call "context.sync()" before reading the properties.
          */
@@ -4714,49 +5285,49 @@ declare module Excel {
          *
          * [Api set: ExcelApi 1.1]
          */
-        axes: Excel.ChartAxes;
+        readonly axes: Excel.ChartAxes;
         /**
          *
          * Represents the datalabels on the chart. Read-only.
          *
          * [Api set: ExcelApi 1.1]
          */
-        dataLabels: Excel.ChartDataLabels;
+        readonly dataLabels: Excel.ChartDataLabels;
         /**
          *
          * Encapsulates the format properties for the chart area. Read-only.
          *
          * [Api set: ExcelApi 1.1]
          */
-        format: Excel.ChartAreaFormat;
+        readonly format: Excel.ChartAreaFormat;
         /**
          *
          * Represents the legend for the chart. Read-only.
          *
          * [Api set: ExcelApi 1.1]
          */
-        legend: Excel.ChartLegend;
+        readonly legend: Excel.ChartLegend;
         /**
          *
          * Represents either a single series or collection of series in the chart. Read-only.
          *
          * [Api set: ExcelApi 1.1]
          */
-        series: Excel.ChartSeriesCollection;
+        readonly series: Excel.ChartSeriesCollection;
         /**
          *
          * Represents the title of the specified chart, including the text, visibility, position and formating of the title. Read-only.
          *
          * [Api set: ExcelApi 1.1]
          */
-        title: Excel.ChartTitle;
+        readonly title: Excel.ChartTitle;
         /**
          *
          * The worksheet containing the current chart. Read-only.
          *
          * [Api set: ExcelApi 1.2]
          */
-        worksheet: Excel.Worksheet;
+        readonly worksheet: Excel.Worksheet;
         /**
          *
          * Represents the height, in points, of the chart object.
@@ -4792,6 +5363,15 @@ declare module Excel {
          * [Api set: ExcelApi 1.1]
          */
         width: number;
+        /** Sets multiple properties on the object at the same time, based on JSON input. */
+        set(properties: Interfaces.ChartUpdateData, options?: {
+            /**
+             * Throw an error if the passed-in property list includes read-only properties (default = true).
+             */
+            throwOnReadOnly?: boolean;
+        }): void;
+        /** Sets multiple properties on the object at the same time, based on an existing loaded object. */
+        set(properties: Chart): void;
         /**
          *
          * Deletes the chart object.
@@ -4804,31 +5384,31 @@ declare module Excel {
          * Renders the chart as a base64-encoded image by scaling the chart to fit the specified dimensions.
             The aspect ratio is preserved as part of the resizing.
          *
+         * [Api set: ExcelApi 1.2]
+         *
          * @param height (Optional) The desired height of the resulting image.
          * @param width (Optional) The desired width of the resulting image.
          * @param fittingMode (Optional) The method used to scale the chart to the specified to the specified dimensions (if both height and width are set)."
-         *
-         * [Api set: ExcelApi 1.2]
          */
         getImage(width?: number, height?: number, fittingMode?: string): OfficeExtension.ClientResult<string>;
         /**
          *
          * Resets the source data for the chart.
          *
+         * [Api set: ExcelApi 1.1]
+         *
          * @param sourceData The Range object corresponding to the source data.
          * @param seriesBy Specifies the way columns or rows are used as data series on the chart. Can be one of the following: Auto (default), Rows, Columns. See Excel.ChartSeriesBy for details.
-         *
-         * [Api set: ExcelApi 1.1]
          */
         setData(sourceData: Excel.Range, seriesBy?: string): void;
         /**
          *
          * Positions the chart relative to cells on the worksheet.
          *
+         * [Api set: ExcelApi 1.1]
+         *
          * @param startCell The start cell. This is where the chart will be moved to. The start cell is the top-left or top-right cell, depending on the user's right-to-left display settings.
          * @param endCell (Optional) The end cell. If specified, the chart's width and height will be set to fully cover up this cell/range.
-         *
-         * [Api set: ExcelApi 1.1]
          */
         setPosition(startCell: Excel.Range | string, endCell?: Excel.Range | string): void;
         /**
@@ -4861,14 +5441,23 @@ declare module Excel {
          *
          * [Api set: ExcelApi 1.1]
          */
-        fill: Excel.ChartFill;
+        readonly fill: Excel.ChartFill;
         /**
          *
          * Represents the font attributes (font name, font size, color, etc.) for the current object. Read-only.
          *
          * [Api set: ExcelApi 1.1]
          */
-        font: Excel.ChartFont;
+        readonly font: Excel.ChartFont;
+        /** Sets multiple properties on the object at the same time, based on JSON input. */
+        set(properties: Interfaces.ChartAreaFormatUpdateData, options?: {
+            /**
+             * Throw an error if the passed-in property list includes read-only properties (default = true).
+             */
+            throwOnReadOnly?: boolean;
+        }): void;
+        /** Sets multiple properties on the object at the same time, based on an existing loaded object. */
+        set(properties: ChartAreaFormat): void;
         /**
          * Queues up a command to load the specified properties of the object. You must call "context.sync()" before reading the properties.
          */
@@ -4886,21 +5475,28 @@ declare module Excel {
      */
     class ChartSeriesCollection extends OfficeExtension.ClientObject {
         /** Gets the loaded child items in this collection. */
-        items: Array<Excel.ChartSeries>;
+        readonly items: Array<Excel.ChartSeries>;
         /**
          *
          * Returns the number of series in the collection. Read-only.
          *
          * [Api set: ExcelApi 1.1]
          */
-        count: number;
+        readonly count: number;
+        /**
+         *
+         * Returns the number of series in the collection.
+         *
+         * [Api set: ExcelApi 1.4]
+         */
+        getCount(): OfficeExtension.ClientResult<number>;
         /**
          *
          * Retrieves a series based on its position in the collection
          *
-         * @param index Index value of the object to be retrieved. Zero-indexed.
-         *
          * [Api set: ExcelApi 1.1]
+         *
+         * @param index Index value of the object to be retrieved. Zero-indexed.
          */
         getItemAt(index: number): Excel.ChartSeries;
         /**
@@ -4924,14 +5520,14 @@ declare module Excel {
          *
          * [Api set: ExcelApi 1.1]
          */
-        format: Excel.ChartSeriesFormat;
+        readonly format: Excel.ChartSeriesFormat;
         /**
          *
          * Represents a collection of all points in the series. Read-only.
          *
          * [Api set: ExcelApi 1.1]
          */
-        points: Excel.ChartPointsCollection;
+        readonly points: Excel.ChartPointsCollection;
         /**
          *
          * Represents the name of a series in a chart.
@@ -4939,6 +5535,15 @@ declare module Excel {
          * [Api set: ExcelApi 1.1]
          */
         name: string;
+        /** Sets multiple properties on the object at the same time, based on JSON input. */
+        set(properties: Interfaces.ChartSeriesUpdateData, options?: {
+            /**
+             * Throw an error if the passed-in property list includes read-only properties (default = true).
+             */
+            throwOnReadOnly?: boolean;
+        }): void;
+        /** Sets multiple properties on the object at the same time, based on an existing loaded object. */
+        set(properties: ChartSeries): void;
         /**
          * Queues up a command to load the specified properties of the object. You must call "context.sync()" before reading the properties.
          */
@@ -4961,14 +5566,23 @@ declare module Excel {
          *
          * [Api set: ExcelApi 1.1]
          */
-        fill: Excel.ChartFill;
+        readonly fill: Excel.ChartFill;
         /**
          *
          * Represents line formatting. Read-only.
          *
          * [Api set: ExcelApi 1.1]
          */
-        line: Excel.ChartLineFormat;
+        readonly line: Excel.ChartLineFormat;
+        /** Sets multiple properties on the object at the same time, based on JSON input. */
+        set(properties: Interfaces.ChartSeriesFormatUpdateData, options?: {
+            /**
+             * Throw an error if the passed-in property list includes read-only properties (default = true).
+             */
+            throwOnReadOnly?: boolean;
+        }): void;
+        /** Sets multiple properties on the object at the same time, based on an existing loaded object. */
+        set(properties: ChartSeriesFormat): void;
         /**
          * Queues up a command to load the specified properties of the object. You must call "context.sync()" before reading the properties.
          */
@@ -4986,21 +5600,28 @@ declare module Excel {
      */
     class ChartPointsCollection extends OfficeExtension.ClientObject {
         /** Gets the loaded child items in this collection. */
-        items: Array<Excel.ChartPoint>;
+        readonly items: Array<Excel.ChartPoint>;
         /**
          *
-         * Returns the number of chart points in the collection. Read-only.
+         * Returns the number of chart points in the series. Read-only.
          *
          * [Api set: ExcelApi 1.1]
          */
-        count: number;
+        readonly count: number;
+        /**
+         *
+         * Returns the number of chart points in the series.
+         *
+         * [Api set: ExcelApi 1.4]
+         */
+        getCount(): OfficeExtension.ClientResult<number>;
         /**
          *
          * Retrieve a point based on its position within the series.
          *
-         * @param index Index value of the object to be retrieved. Zero-indexed.
-         *
          * [Api set: ExcelApi 1.1]
+         *
+         * @param index Index value of the object to be retrieved. Zero-indexed.
          */
         getItemAt(index: number): Excel.ChartPoint;
         /**
@@ -5024,14 +5645,14 @@ declare module Excel {
          *
          * [Api set: ExcelApi 1.1]
          */
-        format: Excel.ChartPointFormat;
+        readonly format: Excel.ChartPointFormat;
         /**
          *
          * Returns the value of a chart point. Read-only.
          *
          * [Api set: ExcelApi 1.1]
          */
-        value: any;
+        readonly value: any;
         /**
          * Queues up a command to load the specified properties of the object. You must call "context.sync()" before reading the properties.
          */
@@ -5054,7 +5675,7 @@ declare module Excel {
          *
          * [Api set: ExcelApi 1.1]
          */
-        fill: Excel.ChartFill;
+        readonly fill: Excel.ChartFill;
         /**
          * Queues up a command to load the specified properties of the object. You must call "context.sync()" before reading the properties.
          */
@@ -5076,21 +5697,30 @@ declare module Excel {
          *
          * [Api set: ExcelApi 1.1]
          */
-        categoryAxis: Excel.ChartAxis;
+        readonly categoryAxis: Excel.ChartAxis;
         /**
          *
          * Represents the series axis of a 3-dimensional chart. Read-only.
          *
          * [Api set: ExcelApi 1.1]
          */
-        seriesAxis: Excel.ChartAxis;
+        readonly seriesAxis: Excel.ChartAxis;
         /**
          *
          * Represents the value axis in an axis. Read-only.
          *
          * [Api set: ExcelApi 1.1]
          */
-        valueAxis: Excel.ChartAxis;
+        readonly valueAxis: Excel.ChartAxis;
+        /** Sets multiple properties on the object at the same time, based on JSON input. */
+        set(properties: Interfaces.ChartAxesUpdateData, options?: {
+            /**
+             * Throw an error if the passed-in property list includes read-only properties (default = true).
+             */
+            throwOnReadOnly?: boolean;
+        }): void;
+        /** Sets multiple properties on the object at the same time, based on an existing loaded object. */
+        set(properties: ChartAxes): void;
         /**
          * Queues up a command to load the specified properties of the object. You must call "context.sync()" before reading the properties.
          */
@@ -5114,28 +5744,28 @@ declare module Excel {
          *
          * [Api set: ExcelApi 1.1]
          */
-        format: Excel.ChartAxisFormat;
+        readonly format: Excel.ChartAxisFormat;
         /**
          *
          * Returns a gridlines object that represents the major gridlines for the specified axis. Read-only.
          *
          * [Api set: ExcelApi 1.1]
          */
-        majorGridlines: Excel.ChartGridlines;
+        readonly majorGridlines: Excel.ChartGridlines;
         /**
          *
          * Returns a Gridlines object that represents the minor gridlines for the specified axis. Read-only.
          *
          * [Api set: ExcelApi 1.1]
          */
-        minorGridlines: Excel.ChartGridlines;
+        readonly minorGridlines: Excel.ChartGridlines;
         /**
          *
          * Represents the axis title. Read-only.
          *
          * [Api set: ExcelApi 1.1]
          */
-        title: Excel.ChartAxisTitle;
+        readonly title: Excel.ChartAxisTitle;
         /**
          *
          * Represents the interval between two major tick marks. Can be set to a numeric value or an empty string.  The returned value is always a number.
@@ -5164,6 +5794,15 @@ declare module Excel {
          * [Api set: ExcelApi 1.1]
          */
         minorUnit: any;
+        /** Sets multiple properties on the object at the same time, based on JSON input. */
+        set(properties: Interfaces.ChartAxisUpdateData, options?: {
+            /**
+             * Throw an error if the passed-in property list includes read-only properties (default = true).
+             */
+            throwOnReadOnly?: boolean;
+        }): void;
+        /** Sets multiple properties on the object at the same time, based on an existing loaded object. */
+        set(properties: ChartAxis): void;
         /**
          * Queues up a command to load the specified properties of the object. You must call "context.sync()" before reading the properties.
          */
@@ -5192,14 +5831,23 @@ declare module Excel {
          *
          * [Api set: ExcelApi 1.1]
          */
-        font: Excel.ChartFont;
+        readonly font: Excel.ChartFont;
         /**
          *
          * Represents chart line formatting. Read-only.
          *
          * [Api set: ExcelApi 1.1]
          */
-        line: Excel.ChartLineFormat;
+        readonly line: Excel.ChartLineFormat;
+        /** Sets multiple properties on the object at the same time, based on JSON input. */
+        set(properties: Interfaces.ChartAxisFormatUpdateData, options?: {
+            /**
+             * Throw an error if the passed-in property list includes read-only properties (default = true).
+             */
+            throwOnReadOnly?: boolean;
+        }): void;
+        /** Sets multiple properties on the object at the same time, based on an existing loaded object. */
+        set(properties: ChartAxisFormat): void;
         /**
          * Queues up a command to load the specified properties of the object. You must call "context.sync()" before reading the properties.
          */
@@ -5222,7 +5870,7 @@ declare module Excel {
          *
          * [Api set: ExcelApi 1.1]
          */
-        format: Excel.ChartAxisTitleFormat;
+        readonly format: Excel.ChartAxisTitleFormat;
         /**
          *
          * Represents the axis title.
@@ -5237,6 +5885,15 @@ declare module Excel {
          * [Api set: ExcelApi 1.1]
          */
         visible: boolean;
+        /** Sets multiple properties on the object at the same time, based on JSON input. */
+        set(properties: Interfaces.ChartAxisTitleUpdateData, options?: {
+            /**
+             * Throw an error if the passed-in property list includes read-only properties (default = true).
+             */
+            throwOnReadOnly?: boolean;
+        }): void;
+        /** Sets multiple properties on the object at the same time, based on an existing loaded object. */
+        set(properties: ChartAxisTitle): void;
         /**
          * Queues up a command to load the specified properties of the object. You must call "context.sync()" before reading the properties.
          */
@@ -5260,7 +5917,16 @@ declare module Excel {
          *
          * [Api set: ExcelApi 1.1]
          */
-        font: Excel.ChartFont;
+        readonly font: Excel.ChartFont;
+        /** Sets multiple properties on the object at the same time, based on JSON input. */
+        set(properties: Interfaces.ChartAxisTitleFormatUpdateData, options?: {
+            /**
+             * Throw an error if the passed-in property list includes read-only properties (default = true).
+             */
+            throwOnReadOnly?: boolean;
+        }): void;
+        /** Sets multiple properties on the object at the same time, based on an existing loaded object. */
+        set(properties: ChartAxisTitleFormat): void;
         /**
          * Queues up a command to load the specified properties of the object. You must call "context.sync()" before reading the properties.
          */
@@ -5282,7 +5948,7 @@ declare module Excel {
          *
          * [Api set: ExcelApi 1.1]
          */
-        format: Excel.ChartDataLabelFormat;
+        readonly format: Excel.ChartDataLabelFormat;
         /**
          *
          * DataLabelPosition value that represents the position of the data label. See Excel.ChartDataLabelPosition for details.
@@ -5339,6 +6005,15 @@ declare module Excel {
          * [Api set: ExcelApi 1.1]
          */
         showValue: boolean;
+        /** Sets multiple properties on the object at the same time, based on JSON input. */
+        set(properties: Interfaces.ChartDataLabelsUpdateData, options?: {
+            /**
+             * Throw an error if the passed-in property list includes read-only properties (default = true).
+             */
+            throwOnReadOnly?: boolean;
+        }): void;
+        /** Sets multiple properties on the object at the same time, based on an existing loaded object. */
+        set(properties: ChartDataLabels): void;
         /**
          * Queues up a command to load the specified properties of the object. You must call "context.sync()" before reading the properties.
          */
@@ -5368,14 +6043,23 @@ declare module Excel {
          *
          * [Api set: ExcelApi 1.1]
          */
-        fill: Excel.ChartFill;
+        readonly fill: Excel.ChartFill;
         /**
          *
          * Represents the font attributes (font name, font size, color, etc.) for a chart data label. Read-only.
          *
          * [Api set: ExcelApi 1.1]
          */
-        font: Excel.ChartFont;
+        readonly font: Excel.ChartFont;
+        /** Sets multiple properties on the object at the same time, based on JSON input. */
+        set(properties: Interfaces.ChartDataLabelFormatUpdateData, options?: {
+            /**
+             * Throw an error if the passed-in property list includes read-only properties (default = true).
+             */
+            throwOnReadOnly?: boolean;
+        }): void;
+        /** Sets multiple properties on the object at the same time, based on an existing loaded object. */
+        set(properties: ChartDataLabelFormat): void;
         /**
          * Queues up a command to load the specified properties of the object. You must call "context.sync()" before reading the properties.
          */
@@ -5398,7 +6082,7 @@ declare module Excel {
          *
          * [Api set: ExcelApi 1.1]
          */
-        format: Excel.ChartGridlinesFormat;
+        readonly format: Excel.ChartGridlinesFormat;
         /**
          *
          * Boolean value representing if the axis gridlines are visible or not.
@@ -5406,6 +6090,15 @@ declare module Excel {
          * [Api set: ExcelApi 1.1]
          */
         visible: boolean;
+        /** Sets multiple properties on the object at the same time, based on JSON input. */
+        set(properties: Interfaces.ChartGridlinesUpdateData, options?: {
+            /**
+             * Throw an error if the passed-in property list includes read-only properties (default = true).
+             */
+            throwOnReadOnly?: boolean;
+        }): void;
+        /** Sets multiple properties on the object at the same time, based on an existing loaded object. */
+        set(properties: ChartGridlines): void;
         /**
          * Queues up a command to load the specified properties of the object. You must call "context.sync()" before reading the properties.
          */
@@ -5428,7 +6121,16 @@ declare module Excel {
          *
          * [Api set: ExcelApi 1.1]
          */
-        line: Excel.ChartLineFormat;
+        readonly line: Excel.ChartLineFormat;
+        /** Sets multiple properties on the object at the same time, based on JSON input. */
+        set(properties: Interfaces.ChartGridlinesFormatUpdateData, options?: {
+            /**
+             * Throw an error if the passed-in property list includes read-only properties (default = true).
+             */
+            throwOnReadOnly?: boolean;
+        }): void;
+        /** Sets multiple properties on the object at the same time, based on an existing loaded object. */
+        set(properties: ChartGridlinesFormat): void;
         /**
          * Queues up a command to load the specified properties of the object. You must call "context.sync()" before reading the properties.
          */
@@ -5450,7 +6152,7 @@ declare module Excel {
          *
          * [Api set: ExcelApi 1.1]
          */
-        format: Excel.ChartLegendFormat;
+        readonly format: Excel.ChartLegendFormat;
         /**
          *
          * Boolean value for whether the chart legend should overlap with the main body of the chart.
@@ -5472,6 +6174,15 @@ declare module Excel {
          * [Api set: ExcelApi 1.1]
          */
         visible: boolean;
+        /** Sets multiple properties on the object at the same time, based on JSON input. */
+        set(properties: Interfaces.ChartLegendUpdateData, options?: {
+            /**
+             * Throw an error if the passed-in property list includes read-only properties (default = true).
+             */
+            throwOnReadOnly?: boolean;
+        }): void;
+        /** Sets multiple properties on the object at the same time, based on an existing loaded object. */
+        set(properties: ChartLegend): void;
         /**
          * Queues up a command to load the specified properties of the object. You must call "context.sync()" before reading the properties.
          */
@@ -5496,14 +6207,23 @@ declare module Excel {
          *
          * [Api set: ExcelApi 1.1]
          */
-        fill: Excel.ChartFill;
+        readonly fill: Excel.ChartFill;
         /**
          *
          * Represents the font attributes such as font name, font size, color, etc. of a chart legend. Read-only.
          *
          * [Api set: ExcelApi 1.1]
          */
-        font: Excel.ChartFont;
+        readonly font: Excel.ChartFont;
+        /** Sets multiple properties on the object at the same time, based on JSON input. */
+        set(properties: Interfaces.ChartLegendFormatUpdateData, options?: {
+            /**
+             * Throw an error if the passed-in property list includes read-only properties (default = true).
+             */
+            throwOnReadOnly?: boolean;
+        }): void;
+        /** Sets multiple properties on the object at the same time, based on an existing loaded object. */
+        set(properties: ChartLegendFormat): void;
         /**
          * Queues up a command to load the specified properties of the object. You must call "context.sync()" before reading the properties.
          */
@@ -5526,7 +6246,7 @@ declare module Excel {
          *
          * [Api set: ExcelApi 1.1]
          */
-        format: Excel.ChartTitleFormat;
+        readonly format: Excel.ChartTitleFormat;
         /**
          *
          * Boolean value representing if the chart title will overlay the chart or not.
@@ -5548,6 +6268,15 @@ declare module Excel {
          * [Api set: ExcelApi 1.1]
          */
         visible: boolean;
+        /** Sets multiple properties on the object at the same time, based on JSON input. */
+        set(properties: Interfaces.ChartTitleUpdateData, options?: {
+            /**
+             * Throw an error if the passed-in property list includes read-only properties (default = true).
+             */
+            throwOnReadOnly?: boolean;
+        }): void;
+        /** Sets multiple properties on the object at the same time, based on an existing loaded object. */
+        set(properties: ChartTitle): void;
         /**
          * Queues up a command to load the specified properties of the object. You must call "context.sync()" before reading the properties.
          */
@@ -5572,14 +6301,23 @@ declare module Excel {
          *
          * [Api set: ExcelApi 1.1]
          */
-        fill: Excel.ChartFill;
+        readonly fill: Excel.ChartFill;
         /**
          *
          * Represents the font attributes (font name, font size, color, etc.) for an object. Read-only.
          *
          * [Api set: ExcelApi 1.1]
          */
-        font: Excel.ChartFont;
+        readonly font: Excel.ChartFont;
+        /** Sets multiple properties on the object at the same time, based on JSON input. */
+        set(properties: Interfaces.ChartTitleFormatUpdateData, options?: {
+            /**
+             * Throw an error if the passed-in property list includes read-only properties (default = true).
+             */
+            throwOnReadOnly?: boolean;
+        }): void;
+        /** Sets multiple properties on the object at the same time, based on an existing loaded object. */
+        set(properties: ChartTitleFormat): void;
         /**
          * Queues up a command to load the specified properties of the object. You must call "context.sync()" before reading the properties.
          */
@@ -5611,9 +6349,9 @@ declare module Excel {
          *
          * Sets the fill formatting of a chart element to a uniform color.
          *
-         * @param color HTML color code representing the color of the border line, of the form #RRGGBB (e.g. "FFA500") or as a named HTML color (e.g. "orange").
-         *
          * [Api set: ExcelApi 1.1]
+         *
+         * @param color HTML color code representing the color of the border line, of the form #RRGGBB (e.g. "FFA500") or as a named HTML color (e.g. "orange").
          */
         setSolidColor(color: string): void;
         toJSON(): {};
@@ -5632,6 +6370,15 @@ declare module Excel {
          * [Api set: ExcelApi 1.1]
          */
         color: string;
+        /** Sets multiple properties on the object at the same time, based on JSON input. */
+        set(properties: Interfaces.ChartLineFormatUpdateData, options?: {
+            /**
+             * Throw an error if the passed-in property list includes read-only properties (default = true).
+             */
+            throwOnReadOnly?: boolean;
+        }): void;
+        /** Sets multiple properties on the object at the same time, based on an existing loaded object. */
+        set(properties: ChartLineFormat): void;
         /**
          *
          * Clear the line format of a chart element.
@@ -5696,6 +6443,15 @@ declare module Excel {
          * [Api set: ExcelApi 1.1]
          */
         underline: string;
+        /** Sets multiple properties on the object at the same time, based on JSON input. */
+        set(properties: Interfaces.ChartFontUpdateData, options?: {
+            /**
+             * Throw an error if the passed-in property list includes read-only properties (default = true).
+             */
+            throwOnReadOnly?: boolean;
+        }): void;
+        /** Sets multiple properties on the object at the same time, based on an existing loaded object. */
+        set(properties: ChartFont): void;
         /**
          * Queues up a command to load the specified properties of the object. You must call "context.sync()" before reading the properties.
          */
@@ -5720,13 +6476,13 @@ declare module Excel {
          *
          * Perform a sort operation.
          *
+         * [Api set: ExcelApi 1.2]
+         *
          * @param fields The list of conditions to sort on.
          * @param matchCase Whether to have the casing impact string ordering.
          * @param hasHeaders Whether the range has a header.
          * @param orientation Whether the operation is sorting rows or columns.
          * @param method The ordering method used for Chinese characters.
-         *
-         * [Api set: ExcelApi 1.2]
          */
         apply(fields: Array<Excel.SortField>, matchCase?: boolean, hasHeaders?: boolean, orientation?: string, method?: string): void;
         toJSON(): {};
@@ -5744,30 +6500,30 @@ declare module Excel {
          *
          * [Api set: ExcelApi 1.2]
          */
-        fields: Array<Excel.SortField>;
+        readonly fields: Array<Excel.SortField>;
         /**
          *
          * Represents whether the casing impacted the last sort of the table.
          *
          * [Api set: ExcelApi 1.2]
          */
-        matchCase: boolean;
+        readonly matchCase: boolean;
         /**
          *
          * Represents Chinese character ordering method last used to sort the table.
          *
          * [Api set: ExcelApi 1.2]
          */
-        method: string;
+        readonly method: string;
         /**
          *
          * Perform a sort operation.
          *
+         * [Api set: ExcelApi 1.2]
+         *
          * @param fields The list of conditions to sort on.
          * @param matchCase Whether to have the casing impact string ordering.
          * @param method The ordering method used for Chinese characters.
-         *
-         * [Api set: ExcelApi 1.2]
          */
         apply(fields: Array<Excel.SortField>, matchCase?: boolean, method?: string): void;
         /**
@@ -5857,106 +6613,106 @@ declare module Excel {
          *
          * [Api set: ExcelApi 1.2]
          */
-        criteria: Excel.FilterCriteria;
+        readonly criteria: Excel.FilterCriteria;
         /**
          *
          * Apply the given filter criteria on the given column.
          *
-         * @param criteria The criteria to apply.
-         *
          * [Api set: ExcelApi 1.2]
+         *
+         * @param criteria The criteria to apply.
          */
         apply(criteria: Excel.FilterCriteria): void;
         /**
          *
          * Apply a "Bottom Item" filter to the column for the given number of elements.
          *
-         * @param count The number of elements from the bottom to show.
-         *
          * [Api set: ExcelApi 1.2]
+         *
+         * @param count The number of elements from the bottom to show.
          */
         applyBottomItemsFilter(count: number): void;
         /**
          *
          * Apply a "Bottom Percent" filter to the column for the given percentage of elements.
          *
-         * @param percent The percentage of elements from the bottom to show.
-         *
          * [Api set: ExcelApi 1.2]
+         *
+         * @param percent The percentage of elements from the bottom to show.
          */
         applyBottomPercentFilter(percent: number): void;
         /**
          *
          * Apply a "Cell Color" filter to the column for the given color.
          *
-         * @param color The background color of the cells to show.
-         *
          * [Api set: ExcelApi 1.2]
+         *
+         * @param color The background color of the cells to show.
          */
         applyCellColorFilter(color: string): void;
         /**
          *
          * Apply a "Icon" filter to the column for the given criteria strings.
          *
+         * [Api set: ExcelApi 1.2]
+         *
          * @param criteria1 The first criteria string.
          * @param criteria2 The second criteria string.
          * @param oper The operator that describes how the two criteria are joined.
-         *
-         * [Api set: ExcelApi 1.2]
          */
         applyCustomFilter(criteria1: string, criteria2?: string, oper?: string): void;
         /**
          *
          * Apply a "Dynamic" filter to the column.
          *
-         * @param criteria The dynamic criteria to apply.
-         *
          * [Api set: ExcelApi 1.2]
+         *
+         * @param criteria The dynamic criteria to apply.
          */
         applyDynamicFilter(criteria: string): void;
         /**
          *
          * Apply a "Font Color" filter to the column for the given color.
          *
-         * @param color The font color of the cells to show.
-         *
          * [Api set: ExcelApi 1.2]
+         *
+         * @param color The font color of the cells to show.
          */
         applyFontColorFilter(color: string): void;
         /**
          *
          * Apply a "Icon" filter to the column for the given icon.
          *
-         * @param icon The icons of the cells to show.
-         *
          * [Api set: ExcelApi 1.2]
+         *
+         * @param icon The icons of the cells to show.
          */
         applyIconFilter(icon: Excel.Icon): void;
         /**
          *
          * Apply a "Top Item" filter to the column for the given number of elements.
          *
-         * @param count The number of elements from the top to show.
-         *
          * [Api set: ExcelApi 1.2]
+         *
+         * @param count The number of elements from the top to show.
          */
         applyTopItemsFilter(count: number): void;
         /**
          *
          * Apply a "Top Percent" filter to the column for the given percentage of elements.
          *
-         * @param percent The percentage of elements from the top to show.
-         *
          * [Api set: ExcelApi 1.2]
+         *
+         * @param percent The percentage of elements from the top to show.
          */
         applyTopPercentFilter(percent: number): void;
         /**
          *
          * Apply a "Values" filter to the column for the given values.
          *
-         * @param values The list of values to show.
-         *
          * [Api set: ExcelApi 1.2]
+         *
+         * @param values The list of values to show.
          */
         applyValuesFilter(values: Array<string | Excel.FilterDatetime>): void;
         /**
@@ -5992,7 +6748,7 @@ declare module Excel {
          *
          * The first criterion used to filter data. Used as an operator in the case of "custom" filtering.
              For example ">50" for number greater than 50 or "=*s" for values ending in "s".
-
+            
              Used as a number in the case of top/bottom items/percents. E.g. "5" for the top 5 items if filterOn is set to "topItems"
          *
          * [Api set: ExcelApi 1.2]
@@ -6085,6 +6841,177 @@ declare module Excel {
          */
         set: string;
     }
+    /**
+     *
+     * A scoped collection of custom XML parts.
+            A scoped collection is the result of some operation, e.g. filtering by namespace.
+            A scoped collection cannot be scoped any further.
+     *
+     * [Api set: ExcelApi 1.5]
+     */
+    class CustomXmlPartScopedCollection extends OfficeExtension.ClientObject {
+        /** Gets the loaded child items in this collection. */
+        readonly items: Array<Excel.CustomXmlPart>;
+        /**
+         *
+         * Gets the number of CustomXML parts in this collection.
+         *
+         * [Api set: ExcelApi 1.5]
+         */
+        getCount(): OfficeExtension.ClientResult<number>;
+        /**
+         *
+         * Gets a custom XML part based on its ID.
+         *
+         * [Api set: ExcelApi 1.5]
+         *
+         * @param id ID of the object to be retrieved.
+         */
+        getItem(id: string): Excel.CustomXmlPart;
+        /**
+         *
+         * Gets a custom XML part based on its ID.
+            If the CustomXmlPart does not exist, the return object's isNull property will be true.
+         *
+         * [Api set: ExcelApi 1.5]
+         *
+         * @param id ID of the object to be retrieved.
+         */
+        getItemOrNullObject(id: string): Excel.CustomXmlPart;
+        /**
+         *
+         * If the collection contains exactly one item, this method returns it.
+            Otherwise, this method produces an error.
+         *
+         * [Api set: ExcelApi 1.5]
+         */
+        getOnlyItem(): Excel.CustomXmlPart;
+        /**
+         *
+         * If the collection contains exactly one item, this method returns it.
+            Otherwise, this method returns Null.
+         *
+         * [Api set: ExcelApi 1.5]
+         */
+        getOnlyItemOrNullObject(): Excel.CustomXmlPart;
+        /**
+         * Queues up a command to load the specified properties of the object. You must call "context.sync()" before reading the properties.
+         */
+        load(option?: string | string[] | OfficeExtension.LoadOption): Excel.CustomXmlPartScopedCollection;
+        toJSON(): {};
+    }
+    /**
+     *
+     * A collection of custom XML parts.
+     *
+     * [Api set: ExcelApi 1.5]
+     */
+    class CustomXmlPartCollection extends OfficeExtension.ClientObject {
+        /** Gets the loaded child items in this collection. */
+        readonly items: Array<Excel.CustomXmlPart>;
+        /**
+         *
+         * Adds a new custom XML part to the workbook.
+         *
+         * [Api set: ExcelApi 1.5]
+         *
+         * @param xml XML content. Must be a valid XML fragment.
+         */
+        add(xml: string): Excel.CustomXmlPart;
+        /**
+         *
+         * Gets a new scoped collection of custom XML parts whose namespaces match the given namespace.
+         *
+         * [Api set: ExcelApi 1.5]
+         *
+         * @param namespaceUri
+         */
+        getByNamespace(namespaceUri: string): Excel.CustomXmlPartScopedCollection;
+        /**
+         *
+         * Gets the number of CustomXml parts in the collection.
+         *
+         * [Api set: ExcelApi 1.5]
+         */
+        getCount(): OfficeExtension.ClientResult<number>;
+        /**
+         *
+         * Gets a custom XML part based on its ID.
+         *
+         * [Api set: ExcelApi 1.5]
+         *
+         * @param id ID of the object to be retrieved.
+         */
+        getItem(id: string): Excel.CustomXmlPart;
+        /**
+         *
+         * Gets a custom XML part based on its ID.
+            If the CustomXmlPart does not exist, the return object's isNull property will be true.
+         *
+         * [Api set: ExcelApi 1.5]
+         *
+         * @param id ID of the object to be retrieved.
+         */
+        getItemOrNullObject(id: string): Excel.CustomXmlPart;
+        /**
+         * Queues up a command to load the specified properties of the object. You must call "context.sync()" before reading the properties.
+         */
+        load(option?: string | string[] | OfficeExtension.LoadOption): Excel.CustomXmlPartCollection;
+        toJSON(): {};
+    }
+    /**
+     *
+     * Represents a custom XML part object in a workbook.
+     *
+     * [Api set: ExcelApi 1.5]
+     */
+    class CustomXmlPart extends OfficeExtension.ClientObject {
+        /**
+         *
+         * The custom XML part's ID. Read-only.
+         *
+         * [Api set: ExcelApi 1.5]
+         */
+        readonly id: string;
+        /**
+         *
+         * The custom XML part's namespace URI. Read-only.
+         *
+         * [Api set: ExcelApi 1.5]
+         */
+        readonly namespaceUri: string;
+        /**
+         *
+         * Deletes the custom XML part.
+         *
+         * [Api set: ExcelApi 1.5]
+         */
+        delete(): void;
+        /**
+         *
+         * Gets the custom XML part's full XML content.
+         *
+         * [Api set: ExcelApi 1.5]
+         */
+        getXml(): OfficeExtension.ClientResult<string>;
+        /**
+         *
+         * Sets the custom XML part's full XML content.
+         *
+         * [Api set: ExcelApi 1.5]
+         *
+         * @param xml XML content for the part.
+         */
+        setXml(xml: string): void;
+        /**
+         * Queues up a command to load the specified properties of the object. You must call "context.sync()" before reading the properties.
+         */
+        load(option?: string | string[] | OfficeExtension.LoadOption): Excel.CustomXmlPart;
+        toJSON(): {
+            "id": string;
+            "namespaceUri": string;
+        };
+    }
     /**
      *
      * Represents a collection of all the PivotTables that are part of the workbook or worksheet.
@@ -6093,19 +7020,35 @@ declare module Excel {
      */
     class PivotTableCollection extends OfficeExtension.ClientObject {
         /** Gets the loaded child items in this collection. */
-        items: Array<Excel.PivotTable>;
+        readonly items: Array<Excel.PivotTable>;
+        /**
+         *
+         * Gets the number of pivot tables in the collection.
+         *
+         * [Api set: ExcelApi 1.4]
+         */
+        getCount(): OfficeExtension.ClientResult<number>;
         /**
          *
          * Gets a PivotTable by name.
          *
-         * @param name Name of the PivotTable to be retrieved.
-         *
          * [Api set: ExcelApi 1.3]
+         *
+         * @param name Name of the PivotTable to be retrieved.
          */
         getItem(name: string): Excel.PivotTable;
         /**
          *
-         * Refreshes all the PivotTables in the collection.
+         * Gets a PivotTable by name. If the PivotTable does not exist, will return a null object.
+         *
+         * [Api set: ExcelApi 1.4]
+         *
+         * @param name Name of the PivotTable to be retrieved.
+         */
+        getItemOrNullObject(name: string): Excel.PivotTable;
+        /**
+         *
+         * Refreshes all the pivot tables in the collection.
          *
          * [Api set: ExcelApi 1.3]
          */
@@ -6129,7 +7072,14 @@ declare module Excel {
          *
          * [Api set: ExcelApi 1.3]
          */
-        worksheet: Excel.Worksheet;
+        readonly worksheet: Excel.Worksheet;
+        /**
+         *
+         * Id of the PivotTable.
+         *
+         * [Api set: ExcelApi 1.5]
+         */
+        readonly id: string;
         /**
          *
          * Name of the PivotTable.
@@ -6137,6 +7087,15 @@ declare module Excel {
          * [Api set: ExcelApi 1.3]
          */
         name: string;
+        /** Sets multiple properties on the object at the same time, based on JSON input. */
+        set(properties: Interfaces.PivotTableUpdateData, options?: {
+            /**
+             * Throw an error if the passed-in property list includes read-only properties (default = true).
+             */
+            throwOnReadOnly?: boolean;
+        }): void;
+        /** Sets multiple properties on the object at the same time, based on an existing loaded object. */
+        set(properties: PivotTable): void;
         /**
          *
          * Refreshes the PivotTable.
@@ -6149,13 +7108,1276 @@ declare module Excel {
          */
         load(option?: string | string[] | OfficeExtension.LoadOption): Excel.PivotTable;
         toJSON(): {
+            "id": string;
             "name": string;
         };
     }
+    /**
+     *
+     * Represents a collection of all the conditional formats that are overlap the range.
+     *
+     * [Api set: ExcelApi 1.6 (PREVIEW)]
+     */
+    class ConditionalFormatCollection extends OfficeExtension.ClientObject {
+        /** Gets the loaded child items in this collection. */
+        readonly items: Array<Excel.ConditionalFormat>;
+        /**
+         *
+         * Adds a new conditional format to the collection at the first/top priority.
+         *
+         * [Api set: ExcelApi 1.6 (PREVIEW)]
+         *
+         * @param type The type of conditional format being added. See Excel.ConditionalFormatType for details.
+         */
+        add(type: string): Excel.ConditionalFormat;
+        /**
+         *
+         * Clears all conditional formats active on the current specified range.
+         *
+         * [Api set: ExcelApi 1.6 (PREVIEW)]
+         */
+        clearAll(): void;
+        /**
+         *
+         * Returns the number of conditional formats in the workbook. Read-only.
+         *
+         * [Api set: ExcelApi 1.6 (PREVIEW)]
+         */
+        getCount(): OfficeExtension.ClientResult<number>;
+        /**
+         *
+         * Returns a conditional format at the given index.
+         *
+         * [Api set: ExcelApi 1.6 (PREVIEW)]
+         *
+         * @param index Index of the conditional formats to be retrieved.
+         */
+        getItemAt(index: number): Excel.ConditionalFormat;
+        /**
+         * Queues up a command to load the specified properties of the object. You must call "context.sync()" before reading the properties.
+         */
+        load(option?: string | string[] | OfficeExtension.LoadOption): Excel.ConditionalFormatCollection;
+        toJSON(): {};
+    }
+    /**
+     *
+     * An object encapsulating a conditional format's range, format, rule, and other properties.
+     *
+     * [Api set: ExcelApi 1.6 (PREVIEW)]
+     */
+    class ConditionalFormat extends OfficeExtension.ClientObject {
+        /**
+         *
+         * Returns the cell value conditional format properties if the current conditional format is a CellValue type.
+            For example to format all cells between 5 and 10.
+         *
+         * [Api set: ExcelApi 1.6 (PREVIEW)]
+         */
+        readonly cellValue: Excel.CellValueConditionalFormat;
+        /**
+         *
+         * Returns the cell value conditional format properties if the current conditional format is a CellValue type.
+            For example to format all cells between 5 and 10.
+         *
+         * [Api set: ExcelApi 1.6 (PREVIEW)]
+         */
+        readonly cellValueOrNullObject: Excel.CellValueConditionalFormat;
+        /**
+         *
+         * Returns the ColorScale conditional format properties if the current conditional format is an ColorScale type.
+         *
+         * [Api set: ExcelApi 1.6 (PREVIEW)]
+         */
+        readonly colorScale: Excel.ColorScaleConditionalFormat;
+        /**
+         *
+         * Returns the ColorScale conditional format properties if the current conditional format is an ColorScale type.
+         *
+         * [Api set: ExcelApi 1.6 (PREVIEW)]
+         */
+        readonly colorScaleOrNullObject: Excel.ColorScaleConditionalFormat;
+        /**
+         *
+         * Returns the custom conditional format properties if the current conditional format is a custom type.
+         *
+         * [Api set: ExcelApi 1.6 (PREVIEW)]
+         */
+        readonly custom: Excel.CustomConditionalFormat;
+        /**
+         *
+         * Returns the custom conditional format properties if the current conditional format is a custom type.
+         *
+         * [Api set: ExcelApi 1.6 (PREVIEW)]
+         */
+        readonly customOrNullObject: Excel.CustomConditionalFormat;
+        /**
+         *
+         * Returns the data bar properties if the current conditional format is a data bar.
+         *
+         * [Api set: ExcelApi 1.6 (PREVIEW)]
+         */
+        readonly dataBar: Excel.DataBarConditionalFormat;
+        /**
+         *
+         * Returns the data bar properties if the current conditional format is a data bar.
+         *
+         * [Api set: ExcelApi 1.6 (PREVIEW)]
+         */
+        readonly dataBarOrNullObject: Excel.DataBarConditionalFormat;
+        /**
+         *
+         * Returns the IconSet conditional format properties if the current conditional format is an IconSet type.
+         *
+         * [Api set: ExcelApi 1.6 (PREVIEW)]
+         */
+        readonly iconSet: Excel.IconSetConditionalFormat;
+        /**
+         *
+         * Returns the IconSet conditional format properties if the current conditional format is an IconSet type.
+         *
+         * [Api set: ExcelApi 1.6 (PREVIEW)]
+         */
+        readonly iconSetOrNullObject: Excel.IconSetConditionalFormat;
+        /**
+         *
+         * Returns the preset criteria conditional format such as above average/below average/unique values/contains blank/nonblank/error/noerror properties.
+         *
+         * [Api set: ExcelApi 1.6 (PREVIEW)]
+         */
+        readonly preset: Excel.PresetCriteriaConditionalFormat;
+        /**
+         *
+         * Returns the preset criteria conditional format such as above average/below average/unique values/contains blank/nonblank/error/noerror properties.
+         *
+         * [Api set: ExcelApi 1.6 (PREVIEW)]
+         */
+        readonly presetOrNullObject: Excel.PresetCriteriaConditionalFormat;
+        /**
+         *
+         * Returns the specific text conditional format properties if the current conditional format is a text type.
+            For example to format cells matching the word "Text".
+         *
+         * [Api set: ExcelApi 1.6 (PREVIEW)]
+         */
+        readonly textComparison: Excel.TextConditionalFormat;
+        /**
+         *
+         * Returns the specific text conditional format properties if the current conditional format is a text type.
+            For example to format cells matching the word "Text".
+         *
+         * [Api set: ExcelApi 1.6 (PREVIEW)]
+         */
+        readonly textComparisonOrNullObject: Excel.TextConditionalFormat;
+        /**
+         *
+         * Returns the Top/Bottom conditional format properties if the current conditional format is an TopBottom type.
+            For example to format the top 10% or bottom 10 items.
+         *
+         * [Api set: ExcelApi 1.6 (PREVIEW)]
+         */
+        readonly topBottom: Excel.TopBottomConditionalFormat;
+        /**
+         *
+         * Returns the Top/Bottom conditional format properties if the current conditional format is an TopBottom type.
+            For example to format the top 10% or bottom 10 items.
+         *
+         * [Api set: ExcelApi 1.6 (PREVIEW)]
+         */
+        readonly topBottomOrNullObject: Excel.TopBottomConditionalFormat;
+        /**
+         *
+         * The priority (or index) within the conditional format collection that this conditional format currently exists in. Changing this also
+            changes other conditional formats' priorities, to allow for a contiguous priority order.
+            Use a negative priority to begin from the back.
+            Priorities greater than than bounds will get and set to the maximum (or minimum if negative) priority.
+         *
+         * [Api set: ExcelApi 1.6 (PREVIEW)]
+         */
+        priority: number;
+        /**
+         *
+         * If the conditions of this conditional format are met, no lower-priority formats shall take effect on that cell.
+            Null on databars, icon sets, and colorscales as there's no concept of StopIfTrue for these
+         *
+         * [Api set: ExcelApi 1.6 (PREVIEW)]
+         */
+        stopIfTrue: boolean;
+        /**
+         *
+         * A type of conditional format. Only one can be set at a time. Read-Only.
+         *
+         * [Api set: ExcelApi 1.6 (PREVIEW)]
+         */
+        readonly type: string;
+        /** Sets multiple properties on the object at the same time, based on JSON input. */
+        set(properties: Interfaces.ConditionalFormatUpdateData, options?: {
+            /**
+             * Throw an error if the passed-in property list includes read-only properties (default = true).
+             */
+            throwOnReadOnly?: boolean;
+        }): void;
+        /** Sets multiple properties on the object at the same time, based on an existing loaded object. */
+        set(properties: ConditionalFormat): void;
+        /**
+         *
+         * Deletes this conditional format.
+         *
+         * [Api set: ExcelApi 1.6 (PREVIEW)]
+         */
+        delete(): void;
+        /**
+         *
+         * Returns the range the conditonal format is applied to or a null object if the range is discontiguous. Read-only.
+         *
+         * [Api set: ExcelApi 1.6 (PREVIEW)]
+         */
+        getRange(): Excel.Range;
+        /**
+         *
+         * Returns the range the conditonal format is applied to or a null object if the range is discontiguous. Read-only.
+         *
+         * [Api set: ExcelApi 1.6 (PREVIEW)]
+         */
+        getRangeOrNullObject(): Excel.Range;
+        /**
+         * Queues up a command to load the specified properties of the object. You must call "context.sync()" before reading the properties.
+         */
+        load(option?: string | string[] | OfficeExtension.LoadOption): Excel.ConditionalFormat;
+        toJSON(): {
+            "cellValue": CellValueConditionalFormat;
+            "cellValueOrNullObject": CellValueConditionalFormat;
+            "colorScale": ColorScaleConditionalFormat;
+            "colorScaleOrNullObject": ColorScaleConditionalFormat;
+            "custom": CustomConditionalFormat;
+            "customOrNullObject": CustomConditionalFormat;
+            "dataBar": DataBarConditionalFormat;
+            "dataBarOrNullObject": DataBarConditionalFormat;
+            "iconSet": IconSetConditionalFormat;
+            "iconSetOrNullObject": IconSetConditionalFormat;
+            "preset": PresetCriteriaConditionalFormat;
+            "presetOrNullObject": PresetCriteriaConditionalFormat;
+            "priority": number;
+            "stopIfTrue": boolean;
+            "textComparison": TextConditionalFormat;
+            "textComparisonOrNullObject": TextConditionalFormat;
+            "topBottom": TopBottomConditionalFormat;
+            "topBottomOrNullObject": TopBottomConditionalFormat;
+            "type": string;
+        };
+    }
+    /**
+     *
+     * Represents an Excel Conditional Data Bar Type.
+     *
+     * [Api set: ExcelApi 1.6 (PREVIEW)]
+     */
+    class DataBarConditionalFormat extends OfficeExtension.ClientObject {
+        /**
+         *
+         * Representation of all values to the left of the axis in an Excel data bar.
+         *
+         * [Api set: ExcelApi 1.6 (PREVIEW)]
+         */
+        readonly negativeFormat: Excel.ConditionalDataBarNegativeFormat;
+        /**
+         *
+         * Representation of all values to the right of the axis in an Excel data bar.
+         *
+         * [Api set: ExcelApi 1.6 (PREVIEW)]
+         */
+        readonly positiveFormat: Excel.ConditionalDataBarPositiveFormat;
+        /**
+         *
+         * HTML color code representing the color of the Axis line, of the form #RRGGBB (e.g. "FFA500") or as a named HTML color (e.g. "orange").
+            "" (empty string) if no axis is present or set.
+         *
+         * [Api set: ExcelApi 1.6 (PREVIEW)]
+         */
+        axisColor: string;
+        /**
+         *
+         * Representation of how the axis is determined for an Excel data bar.
+         *
+         * [Api set: ExcelApi 1.6 (PREVIEW)]
+         */
+        axisFormat: string;
+        /**
+         *
+         * Represents the direction that the data bar graphic should be based on.
+         *
+         * [Api set: ExcelApi 1.6 (PREVIEW)]
+         */
+        barDirection: string;
+        /**
+         *
+         * The rule for what consistutes the lower bound (and how to calculate it, if applicable) for a data bar.
+         *
+         * [Api set: ExcelApi 1.6 (PREVIEW)]
+         */
+        lowerBoundRule: Excel.ConditionalDataBarRule;
+        /**
+         *
+         * If true, hides the values from the cells where the data bar is applied.
+         *
+         * [Api set: ExcelApi 1.6 (PREVIEW)]
+         */
+        showDataBarOnly: boolean;
+        /**
+         *
+         * The rule for what constitutes the upper bound (and how to calculate it, if applicable) for a data bar.
+         *
+         * [Api set: ExcelApi 1.6 (PREVIEW)]
+         */
+        upperBoundRule: Excel.ConditionalDataBarRule;
+        /** Sets multiple properties on the object at the same time, based on JSON input. */
+        set(properties: Interfaces.DataBarConditionalFormatUpdateData, options?: {
+            /**
+             * Throw an error if the passed-in property list includes read-only properties (default = true).
+             */
+            throwOnReadOnly?: boolean;
+        }): void;
+        /** Sets multiple properties on the object at the same time, based on an existing loaded object. */
+        set(properties: DataBarConditionalFormat): void;
+        /**
+         * Queues up a command to load the specified properties of the object. You must call "context.sync()" before reading the properties.
+         */
+        load(option?: string | string[] | OfficeExtension.LoadOption): Excel.DataBarConditionalFormat;
+        toJSON(): {
+            "axisColor": string;
+            "axisFormat": string;
+            "barDirection": string;
+            "lowerBoundRule": ConditionalDataBarRule;
+            "negativeFormat": ConditionalDataBarNegativeFormat;
+            "positiveFormat": ConditionalDataBarPositiveFormat;
+            "showDataBarOnly": boolean;
+            "upperBoundRule": ConditionalDataBarRule;
+        };
+    }
+    /**
+     *
+     * Represents a conditional format DataBar Format for the positive side of the data bar.
+     *
+     * [Api set: ExcelApi 1.6 (PREVIEW)]
+     */
+    class ConditionalDataBarPositiveFormat extends OfficeExtension.ClientObject {
+        /**
+         *
+         * HTML color code representing the color of the border line, of the form #RRGGBB (e.g. "FFA500") or as a named HTML color (e.g. "orange").
+            "" (empty string) if no border is present or set.
+         *
+         * [Api set: ExcelApi 1.6 (PREVIEW)]
+         */
+        borderColor: string;
+        /**
+         *
+         * HTML color code representing the fill color, of the form #RRGGBB (e.g. "FFA500") or as a named HTML color (e.g. "orange").
+         *
+         * [Api set: ExcelApi 1.6 (PREVIEW)]
+         */
+        fillColor: string;
+        /**
+         *
+         * Boolean representation of whether or not the DataBar has a gradient.
+         *
+         * [Api set: ExcelApi 1.6 (PREVIEW)]
+         */
+        gradientFill: boolean;
+        /** Sets multiple properties on the object at the same time, based on JSON input. */
+        set(properties: Interfaces.ConditionalDataBarPositiveFormatUpdateData, options?: {
+            /**
+             * Throw an error if the passed-in property list includes read-only properties (default = true).
+             */
+            throwOnReadOnly?: boolean;
+        }): void;
+        /** Sets multiple properties on the object at the same time, based on an existing loaded object. */
+        set(properties: ConditionalDataBarPositiveFormat): void;
+        /**
+         * Queues up a command to load the specified properties of the object. You must call "context.sync()" before reading the properties.
+         */
+        load(option?: string | string[] | OfficeExtension.LoadOption): Excel.ConditionalDataBarPositiveFormat;
+        toJSON(): {
+            "borderColor": string;
+            "fillColor": string;
+            "gradientFill": boolean;
+        };
+    }
+    /**
+     *
+     * Represents a conditional format DataBar Format for the negative side of the data bar.
+     *
+     * [Api set: ExcelApi 1.6 (PREVIEW)]
+     */
+    class ConditionalDataBarNegativeFormat extends OfficeExtension.ClientObject {
+        /**
+         *
+         * HTML color code representing the color of the border line, of the form #RRGGBB (e.g. "FFA500") or as a named HTML color (e.g. "orange").
+            "Empty String" if no border is present or set.
+         *
+         * [Api set: ExcelApi 1.6 (PREVIEW)]
+         */
+        borderColor: string;
+        /**
+         *
+         * HTML color code representing the fill color, of the form #RRGGBB (e.g. "FFA500") or as a named HTML color (e.g. "orange").
+         *
+         * [Api set: ExcelApi 1.6 (PREVIEW)]
+         */
+        fillColor: string;
+        /**
+         *
+         * Boolean representation of whether or not the negative DataBar has the same border color as the positive DataBar.
+         *
+         * [Api set: ExcelApi 1.6 (PREVIEW)]
+         */
+        matchPositiveBorderColor: boolean;
+        /**
+         *
+         * Boolean representation of whether or not the negative DataBar has the same fill color as the positive DataBar.
+         *
+         * [Api set: ExcelApi 1.6 (PREVIEW)]
+         */
+        matchPositiveFillColor: boolean;
+        /** Sets multiple properties on the object at the same time, based on JSON input. */
+        set(properties: Interfaces.ConditionalDataBarNegativeFormatUpdateData, options?: {
+            /**
+             * Throw an error if the passed-in property list includes read-only properties (default = true).
+             */
+            throwOnReadOnly?: boolean;
+        }): void;
+        /** Sets multiple properties on the object at the same time, based on an existing loaded object. */
+        set(properties: ConditionalDataBarNegativeFormat): void;
+        /**
+         * Queues up a command to load the specified properties of the object. You must call "context.sync()" before reading the properties.
+         */
+        load(option?: string | string[] | OfficeExtension.LoadOption): Excel.ConditionalDataBarNegativeFormat;
+        toJSON(): {
+            "borderColor": string;
+            "fillColor": string;
+            "matchPositiveBorderColor": boolean;
+            "matchPositiveFillColor": boolean;
+        };
+    }
+    /**
+     *
+     * Represents a rule-type for a Data Bar.
+     *
+     * [Api set: ExcelApi 1.6 (PREVIEW)]
+     */
+    interface ConditionalDataBarRule {
+        /**
+         *
+         * The formula, if required, to evaluate the databar rule on.
+         *
+         * [Api set: ExcelApi 1.6 (PREVIEW)]
+         */
+        formula?: string;
+        /**
+         *
+         * The type of rule for the databar.
+         *
+         * [Api set: ExcelApi 1.6 (PREVIEW)]
+         */
+        type: string;
+    }
+    /**
+     *
+     * Represents a custom conditional format type.
+     *
+     * [Api set: ExcelApi 1.6 (PREVIEW)]
+     */
+    class CustomConditionalFormat extends OfficeExtension.ClientObject {
+        /**
+         *
+         * Returns a format object, encapsulating the conditional formats font, fill, borders, and other properties. Read-only.
+         *
+         * [Api set: ExcelApi 1.6 (PREVIEW)]
+         */
+        readonly format: Excel.ConditionalRangeFormat;
+        /**
+         *
+         * Represents the Rule object on this conditional format.
+         *
+         * [Api set: ExcelApi 1.6 (PREVIEW)]
+         */
+        readonly rule: Excel.ConditionalFormatRule;
+        /** Sets multiple properties on the object at the same time, based on JSON input. */
+        set(properties: Interfaces.CustomConditionalFormatUpdateData, options?: {
+            /**
+             * Throw an error if the passed-in property list includes read-only properties (default = true).
+             */
+            throwOnReadOnly?: boolean;
+        }): void;
+        /** Sets multiple properties on the object at the same time, based on an existing loaded object. */
+        set(properties: CustomConditionalFormat): void;
+        /**
+         * Queues up a command to load the specified properties of the object. You must call "context.sync()" before reading the properties.
+         */
+        load(option?: string | string[] | OfficeExtension.LoadOption): Excel.CustomConditionalFormat;
+        toJSON(): {
+            "format": ConditionalRangeFormat;
+            "rule": ConditionalFormatRule;
+        };
+    }
+    /**
+     *
+     * Represents a rule, for all traditional rule/format pairings.
+     *
+     * [Api set: ExcelApi 1.6 (PREVIEW)]
+     */
+    class ConditionalFormatRule extends OfficeExtension.ClientObject {
+        /**
+         *
+         * The formula, if required, to evaluate the conditional format rule on.
+         *
+         * [Api set: ExcelApi 1.6 (PREVIEW)]
+         */
+        formula: string;
+        /**
+         *
+         * The formula, if required, to evaluate the conditional format rule on in the user's language.
+         *
+         * [Api set: ExcelApi 1.6 (PREVIEW)]
+         */
+        formulaLocal: string;
+        /**
+         *
+         * The formula, if required, to evaluate the conditional format rule on in R1C1-style notation.
+         *
+         * [Api set: ExcelApi 1.6 (PREVIEW)]
+         */
+        formulaR1C1: string;
+        /** Sets multiple properties on the object at the same time, based on JSON input. */
+        set(properties: Interfaces.ConditionalFormatRuleUpdateData, options?: {
+            /**
+             * Throw an error if the passed-in property list includes read-only properties (default = true).
+             */
+            throwOnReadOnly?: boolean;
+        }): void;
+        /** Sets multiple properties on the object at the same time, based on an existing loaded object. */
+        set(properties: ConditionalFormatRule): void;
+        /**
+         * Queues up a command to load the specified properties of the object. You must call "context.sync()" before reading the properties.
+         */
+        load(option?: string | string[] | OfficeExtension.LoadOption): Excel.ConditionalFormatRule;
+        toJSON(): {
+            "formula": string;
+            "formulaLocal": string;
+            "formulaR1C1": string;
+        };
+    }
+    /**
+     *
+     * Represents an IconSet criteria for conditional formatting.
+     *
+     * [Api set: ExcelApi 1.6 (PREVIEW)]
+     */
+    class IconSetConditionalFormat extends OfficeExtension.ClientObject {
+        /**
+         *
+         * An array of Criteria and IconSets for the rules and potential custom icons for conditional icons. Note that for the first criterion only the custom icon can be modified, while type, formula and operator will be ignored when set.
+         *
+         * [Api set: ExcelApi 1.6 (PREVIEW)]
+         */
+        criteria: Array<Excel.ConditionalIconCriterion>;
+        /**
+         *
+         * If true, reverses the icon orders for the IconSet. Note that this cannot be set if custom icons are used.
+         *
+         * [Api set: ExcelApi 1.6 (PREVIEW)]
+         */
+        reverseIconOrder: boolean;
+        /**
+         *
+         * If true, hides the values and only shows icons.
+         *
+         * [Api set: ExcelApi 1.6 (PREVIEW)]
+         */
+        showIconOnly: boolean;
+        /**
+         *
+         * If set, displays the IconSet option for the conditional format.
+         *
+         * [Api set: ExcelApi 1.6 (PREVIEW)]
+         */
+        style: string;
+        /** Sets multiple properties on the object at the same time, based on JSON input. */
+        set(properties: Interfaces.IconSetConditionalFormatUpdateData, options?: {
+            /**
+             * Throw an error if the passed-in property list includes read-only properties (default = true).
+             */
+            throwOnReadOnly?: boolean;
+        }): void;
+        /** Sets multiple properties on the object at the same time, based on an existing loaded object. */
+        set(properties: IconSetConditionalFormat): void;
+        /**
+         * Queues up a command to load the specified properties of the object. You must call "context.sync()" before reading the properties.
+         */
+        load(option?: string | string[] | OfficeExtension.LoadOption): Excel.IconSetConditionalFormat;
+        toJSON(): {
+            "criteria": ConditionalIconCriterion[];
+            "reverseIconOrder": boolean;
+            "showIconOnly": boolean;
+            "style": string;
+        };
+    }
+    /**
+     *
+     * Represents an Icon Criterion which contains a type, value, an Operator, and an optional custom icon, if not using an iconset.
+     *
+     * [Api set: ExcelApi 1.6 (PREVIEW)]
+     */
+    interface ConditionalIconCriterion {
+        /**
+         *
+         * The custom icon for the current criterion if different from the default IconSet, else null will be returned.
+         *
+         * [Api set: ExcelApi 1.6 (PREVIEW)]
+         */
+        customIcon?: Excel.Icon;
+        /**
+         *
+         * A number or a formula depending on the type.
+         *
+         * [Api set: ExcelApi 1.6 (PREVIEW)]
+         */
+        formula: string;
+        /**
+         *
+         * GreaterThan or GreaterThanOrEqual for each of the rule type for the Icon conditional format.
+         *
+         * [Api set: ExcelApi 1.6 (PREVIEW)]
+         */
+        operator: string;
+        /**
+         *
+         * What the icon conditional formula should be based on.
+         *
+         * [Api set: ExcelApi 1.6 (PREVIEW)]
+         */
+        type: string;
+    }
+    /**
+     *
+     * Represents an IconSet criteria for conditional formatting.
+     *
+     * [Api set: ExcelApi 1.6 (PREVIEW)]
+     */
+    class ColorScaleConditionalFormat extends OfficeExtension.ClientObject {
+        /**
+         *
+         * The criteria of the color scale. Midpoint is optional when using a two point color scale.
+         *
+         * [Api set: ExcelApi 1.6 (PREVIEW)]
+         */
+        criteria: Excel.ConditionalColorScaleCriteria;
+        /**
+         *
+         * If true the color scale will have three points (minimum, midpoint, maximum), otherwise it will have two (minimum, maximum).
+         *
+         * [Api set: ExcelApi 1.6 (PREVIEW)]
+         */
+        readonly threeColorScale: boolean;
+        /** Sets multiple properties on the object at the same time, based on JSON input. */
+        set(properties: Interfaces.ColorScaleConditionalFormatUpdateData, options?: {
+            /**
+             * Throw an error if the passed-in property list includes read-only properties (default = true).
+             */
+            throwOnReadOnly?: boolean;
+        }): void;
+        /** Sets multiple properties on the object at the same time, based on an existing loaded object. */
+        set(properties: ColorScaleConditionalFormat): void;
+        /**
+         * Queues up a command to load the specified properties of the object. You must call "context.sync()" before reading the properties.
+         */
+        load(option?: string | string[] | OfficeExtension.LoadOption): Excel.ColorScaleConditionalFormat;
+        toJSON(): {
+            "criteria": ConditionalColorScaleCriteria;
+            "threeColorScale": boolean;
+        };
+    }
+    /**
+     *
+     * Represents the criteria of the color scale.
+     *
+     * [Api set: ExcelApi 1.6 (PREVIEW)]
+     */
+    interface ConditionalColorScaleCriteria {
+        /**
+         *
+         * The maximum point Color Scale Criterion.
+         *
+         * [Api set: ExcelApi 1.6 (PREVIEW)]
+         */
+        maximum: Excel.ConditionalColorScaleCriterion;
+        /**
+         *
+         * The midpoint Color Scale Criterion if the color scale is a 3-color scale.
+         *
+         * [Api set: ExcelApi 1.6 (PREVIEW)]
+         */
+        midpoint?: Excel.ConditionalColorScaleCriterion;
+        /**
+         *
+         * The minimum point Color Scale Criterion.
+         *
+         * [Api set: ExcelApi 1.6 (PREVIEW)]
+         */
+        minimum: Excel.ConditionalColorScaleCriterion;
+    }
+    /**
+     *
+     * Represents a Color Scale Criterion which contains a type, value and a color.
+     *
+     * [Api set: ExcelApi 1.6 (PREVIEW)]
+     */
+    interface ConditionalColorScaleCriterion {
+        /**
+         *
+         * HTML color code representation of the color scale color. E.g. #FF0000 represents Red.
+         *
+         * [Api set: ExcelApi 1.6 (PREVIEW)]
+         */
+        color?: string;
+        /**
+         *
+         * A number, a formula, or null (if Type is LowestValue).
+         *
+         * [Api set: ExcelApi 1.6 (PREVIEW)]
+         */
+        formula?: string;
+        /**
+         *
+         * What the icon conditional formula should be based on.
+         *
+         * [Api set: ExcelApi 1.6 (PREVIEW)]
+         */
+        type: string;
+    }
+    /**
+     *
+     * Represents a Top/Bottom conditional format.
+     *
+     * [Api set: ExcelApi 1.6 (PREVIEW)]
+     */
+    class TopBottomConditionalFormat extends OfficeExtension.ClientObject {
+        /**
+         *
+         * Returns a format object, encapsulating the conditional formats font, fill, borders, and other properties. Read-only.
+         *
+         * [Api set: ExcelApi 1.6 (PREVIEW)]
+         */
+        readonly format: Excel.ConditionalRangeFormat;
+        /**
+         *
+         * The criteria of the Top/Bottom conditional format.
+         *
+         * [Api set: ExcelApi 1.6 (PREVIEW)]
+         */
+        rule: Excel.ConditionalTopBottomRule;
+        /** Sets multiple properties on the object at the same time, based on JSON input. */
+        set(properties: Interfaces.TopBottomConditionalFormatUpdateData, options?: {
+            /**
+             * Throw an error if the passed-in property list includes read-only properties (default = true).
+             */
+            throwOnReadOnly?: boolean;
+        }): void;
+        /** Sets multiple properties on the object at the same time, based on an existing loaded object. */
+        set(properties: TopBottomConditionalFormat): void;
+        /**
+         * Queues up a command to load the specified properties of the object. You must call "context.sync()" before reading the properties.
+         */
+        load(option?: string | string[] | OfficeExtension.LoadOption): Excel.TopBottomConditionalFormat;
+        toJSON(): {
+            "format": ConditionalRangeFormat;
+            "rule": ConditionalTopBottomRule;
+        };
+    }
+    /**
+     *
+     * Represents the rule of the top/bottom conditional format.
+     *
+     * [Api set: ExcelApi 1.6 (PREVIEW)]
+     */
+    interface ConditionalTopBottomRule {
+        /**
+         *
+         * The rank between 1 and 1000 for numeric ranks or 1 and 100 for percent ranks.
+         *
+         * [Api set: ExcelApi 1.6 (PREVIEW)]
+         */
+        rank: number;
+        /**
+         *
+         * Format values based on the top or bottom rank.
+         *
+         * [Api set: ExcelApi 1.6 (PREVIEW)]
+         */
+        type: string;
+    }
+    /**
+     *
+     * Represents the the preset criteria conditional format such as above average/below average/unique values/contains blank/nonblank/error/noerror.
+     *
+     * [Api set: ExcelApi 1.6 (PREVIEW)]
+     */
+    class PresetCriteriaConditionalFormat extends OfficeExtension.ClientObject {
+        /**
+         *
+         * Returns a format object, encapsulating the conditional formats font, fill, borders, and other properties. Read-only.
+         *
+         * [Api set: ExcelApi 1.6 (PREVIEW)]
+         */
+        readonly format: Excel.ConditionalRangeFormat;
+        /**
+         *
+         * The rule of the conditional format.
+         *
+         * [Api set: ExcelApi 1.6 (PREVIEW)]
+         */
+        rule: Excel.ConditionalPresetCriteriaRule;
+        /** Sets multiple properties on the object at the same time, based on JSON input. */
+        set(properties: Interfaces.PresetCriteriaConditionalFormatUpdateData, options?: {
+            /**
+             * Throw an error if the passed-in property list includes read-only properties (default = true).
+             */
+            throwOnReadOnly?: boolean;
+        }): void;
+        /** Sets multiple properties on the object at the same time, based on an existing loaded object. */
+        set(properties: PresetCriteriaConditionalFormat): void;
+        /**
+         * Queues up a command to load the specified properties of the object. You must call "context.sync()" before reading the properties.
+         */
+        load(option?: string | string[] | OfficeExtension.LoadOption): Excel.PresetCriteriaConditionalFormat;
+        toJSON(): {
+            "format": ConditionalRangeFormat;
+            "rule": ConditionalPresetCriteriaRule;
+        };
+    }
+    /**
+     *
+     * Represents the Preset Criteria Conditional Format Rule
+     *
+     * [Api set: ExcelApi 1.6 (PREVIEW)]
+     */
+    interface ConditionalPresetCriteriaRule {
+        /**
+         *
+         * The criterion of the conditional format.
+         *
+         * [Api set: ExcelApi 1.6 (PREVIEW)]
+         */
+        criterion: string;
+    }
+    /**
+     *
+     * Represents a specific text conditional format.
+     *
+     * [Api set: ExcelApi 1.6 (PREVIEW)]
+     */
+    class TextConditionalFormat extends OfficeExtension.ClientObject {
+        /**
+         *
+         * Returns a format object, encapsulating the conditional formats font, fill, borders, and other properties. Read-only.
+         *
+         * [Api set: ExcelApi 1.6 (PREVIEW)]
+         */
+        readonly format: Excel.ConditionalRangeFormat;
+        /**
+         *
+         * The rule of the conditional format.
+         *
+         * [Api set: ExcelApi 1.6 (PREVIEW)]
+         */
+        rule: Excel.ConditionalTextComparisonRule;
+        /** Sets multiple properties on the object at the same time, based on JSON input. */
+        set(properties: Interfaces.TextConditionalFormatUpdateData, options?: {
+            /**
+             * Throw an error if the passed-in property list includes read-only properties (default = true).
+             */
+            throwOnReadOnly?: boolean;
+        }): void;
+        /** Sets multiple properties on the object at the same time, based on an existing loaded object. */
+        set(properties: TextConditionalFormat): void;
+        /**
+         * Queues up a command to load the specified properties of the object. You must call "context.sync()" before reading the properties.
+         */
+        load(option?: string | string[] | OfficeExtension.LoadOption): Excel.TextConditionalFormat;
+        toJSON(): {
+            "format": ConditionalRangeFormat;
+            "rule": ConditionalTextComparisonRule;
+        };
+    }
+    /**
+     *
+     * Represents a Cell Value Conditional Format Rule
+     *
+     * [Api set: ExcelApi 1.6 (PREVIEW)]
+     */
+    interface ConditionalTextComparisonRule {
+        /**
+         *
+         * The operator of the text conditional format.
+         *
+         * [Api set: ExcelApi 1.6 (PREVIEW)]
+         */
+        operator: string;
+        /**
+         *
+         * The Text value of conditional format.
+         *
+         * [Api set: ExcelApi 1.6 (PREVIEW)]
+         */
+        text: string;
+    }
+    /**
+     *
+     * Represents a cell value conditional format.
+     *
+     * [Api set: ExcelApi 1.6 (PREVIEW)]
+     */
+    class CellValueConditionalFormat extends OfficeExtension.ClientObject {
+        /**
+         *
+         * Returns a format object, encapsulating the conditional formats font, fill, borders, and other properties. Read-only.
+         *
+         * [Api set: ExcelApi 1.6 (PREVIEW)]
+         */
+        readonly format: Excel.ConditionalRangeFormat;
+        /**
+         *
+         * Represents the Rule object on this conditional format.
+         *
+         * [Api set: ExcelApi 1.6 (PREVIEW)]
+         */
+        rule: Excel.ConditionalCellValueRule;
+        /** Sets multiple properties on the object at the same time, based on JSON input. */
+        set(properties: Interfaces.CellValueConditionalFormatUpdateData, options?: {
+            /**
+             * Throw an error if the passed-in property list includes read-only properties (default = true).
+             */
+            throwOnReadOnly?: boolean;
+        }): void;
+        /** Sets multiple properties on the object at the same time, based on an existing loaded object. */
+        set(properties: CellValueConditionalFormat): void;
+        /**
+         * Queues up a command to load the specified properties of the object. You must call "context.sync()" before reading the properties.
+         */
+        load(option?: string | string[] | OfficeExtension.LoadOption): Excel.CellValueConditionalFormat;
+        toJSON(): {
+            "format": ConditionalRangeFormat;
+            "rule": ConditionalCellValueRule;
+        };
+    }
+    /**
+     *
+     * Represents a Cell Value Conditional Format Rule
+     *
+     * [Api set: ExcelApi 1.6 (PREVIEW)]
+     */
+    interface ConditionalCellValueRule {
+        /**
+         *
+         * The formula, if required, to evaluate the conditional format rule on.
+         *
+         * [Api set: ExcelApi 1.6 (PREVIEW)]
+         */
+        formula1: string;
+        /**
+         *
+         * The formula, if required, to evaluate the conditional format rule on.
+         *
+         * [Api set: ExcelApi 1.6 (PREVIEW)]
+         */
+        formula2?: string;
+        /**
+         *
+         * The operator of the text conditional format.
+         *
+         * [Api set: ExcelApi 1.6 (PREVIEW)]
+         */
+        operator: string;
+    }
+    /**
+     *
+     * A format object encapsulating the conditional formats range's font, fill, borders, and other properties.
+     *
+     * [Api set: ExcelApi 1.6 (PREVIEW)]
+     */
+    class ConditionalRangeFormat extends OfficeExtension.ClientObject {
+        /**
+         *
+         * Collection of border objects that apply to the overall conditional format range. Read-only.
+         *
+         * [Api set: ExcelApi 1.6 (PREVIEW)]
+         */
+        readonly borders: Excel.ConditionalRangeBorderCollection;
+        /**
+         *
+         * Returns the fill object defined on the overall conditional format range. Read-only.
+         *
+         * [Api set: ExcelApi 1.6 (PREVIEW)]
+         */
+        readonly fill: Excel.ConditionalRangeFill;
+        /**
+         *
+         * Returns the font object defined on the overall conditional format range. Read-only.
+         *
+         * [Api set: ExcelApi 1.6 (PREVIEW)]
+         */
+        readonly font: Excel.ConditionalRangeFont;
+        /**
+         *
+         * Represents Excel's number format code for the given range. Cleared if null is passed in.
+         *
+         * [Api set: ExcelApi 1.6 (PREVIEW)]
+         */
+        numberFormat: any;
+        /** Sets multiple properties on the object at the same time, based on JSON input. */
+        set(properties: Interfaces.ConditionalRangeFormatUpdateData, options?: {
+            /**
+             * Throw an error if the passed-in property list includes read-only properties (default = true).
+             */
+            throwOnReadOnly?: boolean;
+        }): void;
+        /** Sets multiple properties on the object at the same time, based on an existing loaded object. */
+        set(properties: ConditionalRangeFormat): void;
+        /**
+         * Queues up a command to load the specified properties of the object. You must call "context.sync()" before reading the properties.
+         */
+        load(option?: string | string[] | OfficeExtension.LoadOption): Excel.ConditionalRangeFormat;
+        toJSON(): {
+            "numberFormat": any;
+        };
+    }
+    /**
+     *
+     * This object represents the font attributes (font style,, color, etc.) for an object.
+     *
+     * [Api set: ExcelApi 1.6 (PREVIEW)]
+     */
+    class ConditionalRangeFont extends OfficeExtension.ClientObject {
+        /**
+         *
+         * Represents the bold status of font.
+         *
+         * [Api set: ExcelApi 1.6 (PREVIEW)]
+         */
+        bold: boolean;
+        /**
+         *
+         * HTML color code representation of the text color. E.g. #FF0000 represents Red.
+         *
+         * [Api set: ExcelApi 1.6 (PREVIEW)]
+         */
+        color: string;
+        /**
+         *
+         * Represents the italic status of the font.
+         *
+         * [Api set: ExcelApi 1.6 (PREVIEW)]
+         */
+        italic: boolean;
+        /**
+         *
+         * Represents the strikethrough status of the font.
+         *
+         * [Api set: ExcelApi 1.6 (PREVIEW)]
+         */
+        strikethrough: boolean;
+        /**
+         *
+         * Type of underline applied to the font. See Excel.ConditionalRangeFontUnderlineStyle for details.
+         *
+         * [Api set: ExcelApi 1.6 (PREVIEW)]
+         */
+        underline: string;
+        /** Sets multiple properties on the object at the same time, based on JSON input. */
+        set(properties: Interfaces.ConditionalRangeFontUpdateData, options?: {
+            /**
+             * Throw an error if the passed-in property list includes read-only properties (default = true).
+             */
+            throwOnReadOnly?: boolean;
+        }): void;
+        /** Sets multiple properties on the object at the same time, based on an existing loaded object. */
+        set(properties: ConditionalRangeFont): void;
+        /**
+         *
+         * Resets the font formats.
+         *
+         * [Api set: ExcelApi 1.6 (PREVIEW)]
+         */
+        clear(): void;
+        /**
+         * Queues up a command to load the specified properties of the object. You must call "context.sync()" before reading the properties.
+         */
+        load(option?: string | string[] | OfficeExtension.LoadOption): Excel.ConditionalRangeFont;
+        toJSON(): {
+            "bold": boolean;
+            "color": string;
+            "italic": boolean;
+            "strikethrough": boolean;
+            "underline": string;
+        };
+    }
+    /**
+     *
+     * Represents the background of a conditional range object.
+     *
+     * [Api set: ExcelApi 1.6 (PREVIEW)]
+     */
+    class ConditionalRangeFill extends OfficeExtension.ClientObject {
+        /**
+         *
+         * HTML color code representing the color of the fill, of the form #RRGGBB (e.g. "FFA500") or as a named HTML color (e.g. "orange").
+         *
+         * [Api set: ExcelApi 1.6 (PREVIEW)]
+         */
+        color: string;
+        /** Sets multiple properties on the object at the same time, based on JSON input. */
+        set(properties: Interfaces.ConditionalRangeFillUpdateData, options?: {
+            /**
+             * Throw an error if the passed-in property list includes read-only properties (default = true).
+             */
+            throwOnReadOnly?: boolean;
+        }): void;
+        /** Sets multiple properties on the object at the same time, based on an existing loaded object. */
+        set(properties: ConditionalRangeFill): void;
+        /**
+         *
+         * Resets the fill.
+         *
+         * [Api set: ExcelApi 1.6 (PREVIEW)]
+         */
+        clear(): void;
+        /**
+         * Queues up a command to load the specified properties of the object. You must call "context.sync()" before reading the properties.
+         */
+        load(option?: string | string[] | OfficeExtension.LoadOption): Excel.ConditionalRangeFill;
+        toJSON(): {
+            "color": string;
+        };
+    }
+    /**
+     *
+     * Represents the border of an object.
+     *
+     * [Api set: ExcelApi 1.6 (PREVIEW)]
+     */
+    class ConditionalRangeBorder extends OfficeExtension.ClientObject {
+        /**
+         *
+         * HTML color code representing the color of the border line, of the form #RRGGBB (e.g. "FFA500") or as a named HTML color (e.g. "orange").
+         *
+         * [Api set: ExcelApi 1.6 (PREVIEW)]
+         */
+        color: string;
+        /**
+         *
+         * Constant value that indicates the specific side of the border. See Excel.ConditionalRangeBorderIndex for details. Read-only.
+         *
+         * [Api set: ExcelApi 1.6 (PREVIEW)]
+         */
+        readonly sideIndex: string;
+        /**
+         *
+         * One of the constants of line style specifying the line style for the border. See Excel.BorderLineStyle for details.
+         *
+         * [Api set: ExcelApi 1.6 (PREVIEW)]
+         */
+        style: string;
+        /** Sets multiple properties on the object at the same time, based on JSON input. */
+        set(properties: Interfaces.ConditionalRangeBorderUpdateData, options?: {
+            /**
+             * Throw an error if the passed-in property list includes read-only properties (default = true).
+             */
+            throwOnReadOnly?: boolean;
+        }): void;
+        /** Sets multiple properties on the object at the same time, based on an existing loaded object. */
+        set(properties: ConditionalRangeBorder): void;
+        /**
+         * Queues up a command to load the specified properties of the object. You must call "context.sync()" before reading the properties.
+         */
+        load(option?: string | string[] | OfficeExtension.LoadOption): Excel.ConditionalRangeBorder;
+        toJSON(): {
+            "color": string;
+            "sideIndex": string;
+            "style": string;
+        };
+    }
+    /**
+     *
+     * Represents the border objects that make up range border.
+     *
+     * [Api set: ExcelApi 1.6 (PREVIEW)]
+     */
+    class ConditionalRangeBorderCollection extends OfficeExtension.ClientObject {
+        /**
+         *
+         * Gets the top border
+         *
+         * [Api set: ExcelApi 1.6 (PREVIEW)]
+         */
+        readonly bottom: Excel.ConditionalRangeBorder;
+        /**
+         *
+         * Gets the top border
+         *
+         * [Api set: ExcelApi 1.6 (PREVIEW)]
+         */
+        readonly left: Excel.ConditionalRangeBorder;
+        /**
+         *
+         * Gets the top border
+         *
+         * [Api set: ExcelApi 1.6 (PREVIEW)]
+         */
+        readonly right: Excel.ConditionalRangeBorder;
+        /**
+         *
+         * Gets the top border
+         *
+         * [Api set: ExcelApi 1.6 (PREVIEW)]
+         */
+        readonly top: Excel.ConditionalRangeBorder;
+        /** Gets the loaded child items in this collection. */
+        readonly items: Array<Excel.ConditionalRangeBorder>;
+        /**
+         *
+         * Number of border objects in the collection. Read-only.
+         *
+         * [Api set: ExcelApi 1.6 (PREVIEW)]
+         */
+        readonly count: number;
+        /**
+         *
+         * Gets a border object using its name
+         *
+         * [Api set: ExcelApi 1.6 (PREVIEW)]
+         *
+         * @param index Index value of the border object to be retrieved. See Excel.ConditionalRangeBorderIndex for details.
+         */
+        getItem(index: string): Excel.ConditionalRangeBorder;
+        /**
+         *
+         * Gets a border object using its index
+         *
+         * [Api set: ExcelApi 1.6 (PREVIEW)]
+         *
+         * @param index Index value of the object to be retrieved. Zero-indexed.
+         */
+        getItemAt(index: number): Excel.ConditionalRangeBorder;
+        /**
+         * Queues up a command to load the specified properties of the object. You must call "context.sync()" before reading the properties.
+         */
+        load(option?: string | string[] | OfficeExtension.LoadOption): Excel.ConditionalRangeBorderCollection;
+        toJSON(): {
+            "count": number;
+        };
+    }
     /**
      * [Api set: ExcelApi 1.1]
      */
-    module BindingType {
+    namespace BindingType {
         var range: string;
         var table: string;
         var text: string;
@@ -6163,7 +8385,7 @@ declare module Excel {
     /**
      * [Api set: ExcelApi 1.1]
      */
-    module BorderIndex {
+    namespace BorderIndex {
         var edgeTop: string;
         var edgeBottom: string;
         var edgeLeft: string;
@@ -6176,7 +8398,7 @@ declare module Excel {
     /**
      * [Api set: ExcelApi 1.1]
      */
-    module BorderLineStyle {
+    namespace BorderLineStyle {
         var none: string;
         var continuous: string;
         var dash: string;
@@ -6189,7 +8411,7 @@ declare module Excel {
     /**
      * [Api set: ExcelApi 1.1]
      */
-    module BorderWeight {
+    namespace BorderWeight {
         var hairline: string;
         var thin: string;
         var medium: string;
@@ -6198,7 +8420,7 @@ declare module Excel {
     /**
      * [Api set: ExcelApi 1.1]
      */
-    module CalculationMode {
+    namespace CalculationMode {
         var automatic: string;
         var automaticExceptTables: string;
         var manual: string;
@@ -6206,23 +8428,39 @@ declare module Excel {
     /**
      * [Api set: ExcelApi 1.1]
      */
-    module CalculationType {
+    namespace CalculationType {
+        /**
+         *
+         * Recalculates all cells that Excel has marked as dirty, that is, dependents of volatile or changed data, and cells programmatically marked as dirty.
+         *
+         */
         var recalculate: string;
+        /**
+         *
+         * This will mark all cells as dirty and then recalculate them.
+         *
+         */
         var full: string;
+        /**
+         *
+         * This will rebuild the full dependency chain, mark all cells as dirty and then recalculate them.
+         *
+         */
         var fullRebuild: string;
     }
     /**
-     * [Api set: ExcelApi 1.1]
+     * [Api set: ExcelApi 1.1 for All/Formats/Contents, 1.7 for Hyperlinks.]
      */
-    module ClearApplyTo {
+    namespace ClearApplyTo {
         var all: string;
         var formats: string;
         var contents: string;
+        var hyperlinks: string;
     }
     /**
      * [Api set: ExcelApi 1.1]
      */
-    module ChartDataLabelPosition {
+    namespace ChartDataLabelPosition {
         var invalid: string;
         var none: string;
         var center: string;
@@ -6239,7 +8477,7 @@ declare module Excel {
     /**
      * [Api set: ExcelApi 1.1]
      */
-    module ChartLegendPosition {
+    namespace ChartLegendPosition {
         var invalid: string;
         var top: string;
         var bottom: string;
@@ -6254,7 +8492,7 @@ declare module Excel {
      *
      * [Api set: ExcelApi 1.1]
      */
-    module ChartSeriesBy {
+    namespace ChartSeriesBy {
         /**
          *
          * On Desktop, the "auto" option will inspect the source data shape to automatically guess whether the data is by rows or columns; on Excel Online, "auto" will simply default to "columns".
@@ -6267,7 +8505,7 @@ declare module Excel {
     /**
      * [Api set: ExcelApi 1.1]
      */
-    module ChartType {
+    namespace ChartType {
         var invalid: string;
         var columnClustered: string;
         var columnStacked: string;
@@ -6346,21 +8584,227 @@ declare module Excel {
     /**
      * [Api set: ExcelApi 1.1]
      */
-    module ChartUnderlineStyle {
+    namespace ChartUnderlineStyle {
         var none: string;
         var single: string;
     }
+    /**
+     *
+     * Represents the format options for a Data Bar Axis.
+     *
+     * [Api set: ExcelApi 1.6 (PREVIEW)]
+     */
+    namespace ConditionalDataBarAxisFormat {
+        var automatic: string;
+        var none: string;
+        var cellMidPoint: string;
+    }
+    /**
+     *
+     * Represents the Data Bar direction within a cell.
+     *
+     * [Api set: ExcelApi 1.6 (PREVIEW)]
+     */
+    namespace ConditionalDataBarDirection {
+        var context: string;
+        var leftToRight: string;
+        var rightToLeft: string;
+    }
+    /**
+     *
+     * Represents the direction for a selection.
+     *
+     * [Api set: ExcelApi 1.6 (PREVIEW)]
+     */
+    namespace ConditionalFormatDirection {
+        var top: string;
+        var bottom: string;
+    }
+    /**
+     * [Api set: ExcelApi 1.6 (PREVIEW)]
+     */
+    namespace ConditionalFormatType {
+        var custom: string;
+        var dataBar: string;
+        var colorScale: string;
+        var iconSet: string;
+        var topBottom: string;
+        var presetCriteria: string;
+        var containsText: string;
+        var cellValue: string;
+    }
+    /**
+     *
+     * Represents the types of conditional format values.
+     *
+     * [Api set: ExcelApi 1.6 (PREVIEW)]
+     */
+    namespace ConditionalFormatRuleType {
+        var invalid: string;
+        var automatic: string;
+        var lowestValue: string;
+        var highestValue: string;
+        var number: string;
+        var percent: string;
+        var formula: string;
+        var percentile: string;
+    }
+    /**
+     *
+     * Represents the types of conditional format values.
+     *
+     * [Api set: ExcelApi 1.6 (PREVIEW)]
+     */
+    namespace ConditionalFormatIconRuleType {
+        var invalid: string;
+        var number: string;
+        var percent: string;
+        var formula: string;
+        var percentile: string;
+    }
+    /**
+     *
+     * Represents the types of conditional format values.
+     *
+     * [Api set: ExcelApi 1.6 (PREVIEW)]
+     */
+    namespace ConditionalFormatColorCriterionType {
+        var invalid: string;
+        var lowestValue: string;
+        var highestValue: string;
+        var number: string;
+        var percent: string;
+        var formula: string;
+        var percentile: string;
+    }
+    /**
+     *
+     * Represents the criteria for the above/below average conditional format type.
+     *
+     * [Api set: ExcelApi 1.6 (PREVIEW)]
+     */
+    namespace ConditionalTopBottomCriterionType {
+        var invalid: string;
+        var topItems: string;
+        var topPercent: string;
+        var bottomItems: string;
+        var bottomPercent: string;
+    }
+    /**
+     *
+     * Represents the criteria for the Preset Criteria conditional format type.
+     *
+     * [Api set: ExcelApi 1.6 (PREVIEW)]
+     */
+    namespace ConditionalFormatPresetCriterion {
+        var invalid: string;
+        var blanks: string;
+        var nonBlanks: string;
+        var errors: string;
+        var nonErrors: string;
+        var yesterday: string;
+        var today: string;
+        var tomorrow: string;
+        var lastSevenDays: string;
+        var lastWeek: string;
+        var thisWeek: string;
+        var nextWeek: string;
+        var lastMonth: string;
+        var thisMonth: string;
+        var nextMonth: string;
+        var aboveAverage: string;
+        var belowAverage: string;
+        var equalOrAboveAverage: string;
+        var equalOrBelowAverage: string;
+        var oneStdDevAboveAverage: string;
+        var oneStdDevBelowAverage: string;
+        var twoStdDevAboveAverage: string;
+        var twoStdDevBelowAverage: string;
+        var threeStdDevAboveAverage: string;
+        var threeStdDevBelowAverage: string;
+        var uniqueValues: string;
+        var duplicateValues: string;
+    }
+    /**
+     *
+     * Represents the operator of the text conditional format type.
+     *
+     * [Api set: ExcelApi 1.6 (PREVIEW)]
+     */
+    namespace ConditionalTextOperator {
+        var invalid: string;
+        var contains: string;
+        var notContains: string;
+        var beginsWith: string;
+        var endsWith: string;
+    }
+    /**
+     *
+     * Represents the operator of the text conditional format type.
+     *
+     * [Api set: ExcelApi 1.6 (PREVIEW)]
+     */
+    namespace ConditionalCellValueOperator {
+        var invalid: string;
+        var between: string;
+        var notBetween: string;
+        var equalTo: string;
+        var notEqualTo: string;
+        var greaterThan: string;
+        var lessThan: string;
+        var greaterThanOrEqual: string;
+        var lessThanOrEqual: string;
+    }
+    /**
+     *
+     * Represents the operator for each icon criteria.
+     *
+     * [Api set: ExcelApi 1.6 (PREVIEW)]
+     */
+    namespace ConditionalIconCriterionOperator {
+        var invalid: string;
+        var greaterThan: string;
+        var greaterThanOrEqual: string;
+    }
+    /**
+     * [Api set: ExcelApi 1.6 (PREVIEW)]
+     */
+    namespace ConditionalRangeBorderIndex {
+        var edgeTop: string;
+        var edgeBottom: string;
+        var edgeLeft: string;
+        var edgeRight: string;
+    }
+    /**
+     * [Api set: ExcelApi 1.6 (PREVIEW)]
+     */
+    namespace ConditionalRangeBorderLineStyle {
+        var none: string;
+        var continuous: string;
+        var dash: string;
+        var dashDot: string;
+        var dashDotDot: string;
+        var dot: string;
+    }
+    /**
+     * [Api set: ExcelApi 1.6 (PREVIEW)]
+     */
+    namespace ConditionalRangeFontUnderlineStyle {
+        var none: string;
+        var single: string;
+        var double: string;
+    }
     /**
      * [Api set: ExcelApi 1.1]
      */
-    module DeleteShiftDirection {
+    namespace DeleteShiftDirection {
         var up: string;
         var left: string;
     }
     /**
      * [Api set: ExcelApi 1.2]
      */
-    module DynamicFilterCriteria {
+    namespace DynamicFilterCriteria {
         var unknown: string;
         var aboveAverage: string;
         var allDatesInPeriodApril: string;
@@ -6400,7 +8844,7 @@ declare module Excel {
     /**
      * [Api set: ExcelApi 1.2]
      */
-    module FilterDatetimeSpecificity {
+    namespace FilterDatetimeSpecificity {
         var year: string;
         var month: string;
         var day: string;
@@ -6411,7 +8855,7 @@ declare module Excel {
     /**
      * [Api set: ExcelApi 1.2]
      */
-    module FilterOn {
+    namespace FilterOn {
         var bottomItems: string;
         var bottomPercent: string;
         var cellColor: string;
@@ -6426,14 +8870,14 @@ declare module Excel {
     /**
      * [Api set: ExcelApi 1.2]
      */
-    module FilterOperator {
+    namespace FilterOperator {
         var and: string;
         var or: string;
     }
     /**
      * [Api set: ExcelApi 1.1]
      */
-    module HorizontalAlignment {
+    namespace HorizontalAlignment {
         var general: string;
         var left: string;
         var center: string;
@@ -6446,7 +8890,7 @@ declare module Excel {
     /**
      * [Api set: ExcelApi 1.2]
      */
-    module IconSet {
+    namespace IconSet {
         var invalid: string;
         var threeArrows: string;
         var threeArrowsGray: string;
@@ -6472,7 +8916,7 @@ declare module Excel {
     /**
      * [Api set: ExcelApi 1.2]
      */
-    module ImageFittingMode {
+    namespace ImageFittingMode {
         var fit: string;
         var fitAndCenter: string;
         var fill: string;
@@ -6480,14 +8924,21 @@ declare module Excel {
     /**
      * [Api set: ExcelApi 1.1]
      */
-    module InsertShiftDirection {
+    namespace InsertShiftDirection {
         var down: string;
         var right: string;
     }
+    /**
+     * [Api set: ExcelApi 1.4]
+     */
+    namespace NamedItemScope {
+        var worksheet: string;
+        var workbook: string;
+    }
     /**
      * [Api set: ExcelApi 1.1]
      */
-    module NamedItemType {
+    namespace NamedItemType {
         var string: string;
         var integer: string;
         var double: string;
@@ -6498,7 +8949,7 @@ declare module Excel {
     /**
      * [Api set: ExcelApi 1.1]
      */
-    module RangeUnderlineStyle {
+    namespace RangeUnderlineStyle {
         var none: string;
         var single: string;
         var double: string;
@@ -6508,7 +8959,7 @@ declare module Excel {
     /**
      * [Api set: ExcelApi 1.1]
      */
-    module SheetVisibility {
+    namespace SheetVisibility {
         var visible: string;
         var hidden: string;
         var veryHidden: string;
@@ -6516,7 +8967,7 @@ declare module Excel {
     /**
      * [Api set: ExcelApi 1.1]
      */
-    module RangeValueType {
+    namespace RangeValueType {
         var unknown: string;
         var empty: string;
         var string: string;
@@ -6528,14 +8979,14 @@ declare module Excel {
     /**
      * [Api set: ExcelApi 1.2]
      */
-    module SortOrientation {
+    namespace SortOrientation {
         var rows: string;
         var columns: string;
     }
     /**
      * [Api set: ExcelApi 1.2]
      */
-    module SortOn {
+    namespace SortOn {
         var value: string;
         var cellColor: string;
         var fontColor: string;
@@ -6544,21 +8995,21 @@ declare module Excel {
     /**
      * [Api set: ExcelApi 1.2]
      */
-    module SortDataOption {
+    namespace SortDataOption {
         var normal: string;
         var textAsNumber: string;
     }
     /**
      * [Api set: ExcelApi 1.2]
      */
-    module SortMethod {
+    namespace SortMethod {
         var pinYin: string;
         var strokeCount: string;
     }
     /**
      * [Api set: ExcelApi 1.1]
      */
-    module VerticalAlignment {
+    namespace VerticalAlignment {
         var top: string;
         var center: string;
         var bottom: string;
@@ -6578,14 +9029,14 @@ declare module Excel {
          *
          * [Api set: ExcelApi 1.2]
          */
-        error: string;
+        readonly error: string;
         /**
          *
          * The value of function evaluation. The value field will be populated only if no error has occurred (i.e., the Error property is not set).
          *
          * [Api set: ExcelApi 1.2]
          */
-        value: T;
+        readonly value: T;
         /**
          * Queues up a command to load the specified properties of the object. You must call "context.sync()" before reading the properties.
          */
@@ -6606,15 +9057,17 @@ declare module Excel {
          *
          * Returns the absolute value of a number, a number without its sign.
          *
-         * @param number Is the real number for which you want the absolute value.
-         *
          * [Api set: ExcelApi 1.2]
+         *
+         * @param number Is the real number for which you want the absolute value.
          */
         abs(number: number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>): FunctionResult<number>;
         /**
          *
          * Returns the accrued interest for a security that pays periodic interest.
          *
+         * [Api set: ExcelApi 1.2]
+         *
          * @param issue Is the security's issue date, expressed as a serial date number.
          * @param firstInterest Is the security's first interest date, expressed as a serial date number.
          * @param settlement Is the security's settlement date, expressed as a serial date number.
@@ -6623,63 +9076,63 @@ declare module Excel {
          * @param frequency Is the number of coupon payments per year.
          * @param basis Is the type of day count basis to use.
          * @param calcMethod Is a logical value: to accrued interest from issue date = TRUE or omitted; to calculate from last coupon payment date = FALSE.
-         *
-         * [Api set: ExcelApi 1.2]
          */
         accrInt(issue: number | string | boolean | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, firstInterest: number | string | boolean | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, settlement: number | string | boolean | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, rate: number | string | boolean | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, par: number | string | boolean | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, frequency: number | string | boolean | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, basis?: number | string | boolean | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, calcMethod?: number | string | boolean | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>): FunctionResult<number>;
         /**
          *
          * Returns the accrued interest for a security that pays interest at maturity.
          *
+         * [Api set: ExcelApi 1.2]
+         *
          * @param issue Is the security's issue date, expressed as a serial date number.
          * @param settlement Is the security's maturity date, expressed as a serial date number.
          * @param rate Is the security's annual coupon rate.
          * @param par Is the security's par value.
          * @param basis Is the type of day count basis to use.
-         *
-         * [Api set: ExcelApi 1.2]
          */
         accrIntM(issue: number | string | boolean | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, settlement: number | string | boolean | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, rate: number | string | boolean | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, par: number | string | boolean | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, basis?: number | string | boolean | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>): FunctionResult<number>;
         /**
          *
          * Returns the arccosine of a number, in radians in the range 0 to Pi. The arccosine is the angle whose cosine is Number.
          *
-         * @param number Is the cosine of the angle you want and must be from -1 to 1.
-         *
          * [Api set: ExcelApi 1.2]
+         *
+         * @param number Is the cosine of the angle you want and must be from -1 to 1.
          */
         acos(number: number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>): FunctionResult<number>;
         /**
          *
          * Returns the inverse hyperbolic cosine of a number.
          *
-         * @param number Is any real number equal to or greater than 1.
-         *
          * [Api set: ExcelApi 1.2]
+         *
+         * @param number Is any real number equal to or greater than 1.
          */
         acosh(number: number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>): FunctionResult<number>;
         /**
          *
          * Returns the arccotangent of a number, in radians in the range 0 to Pi.
          *
-         * @param number Is the cotangent of the angle you want.
-         *
          * [Api set: ExcelApi 1.2]
+         *
+         * @param number Is the cotangent of the angle you want.
          */
         acot(number: number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>): FunctionResult<number>;
         /**
          *
          * Returns the inverse hyperbolic cotangent of a number.
          *
-         * @param number Is the hyperbolic cotangent of the angle that you want.
-         *
          * [Api set: ExcelApi 1.2]
+         *
+         * @param number Is the hyperbolic cotangent of the angle that you want.
          */
         acoth(number: number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>): FunctionResult<number>;
         /**
          *
          * Returns the prorated linear depreciation of an asset for each accounting period.
          *
+         * [Api set: ExcelApi 1.2]
+         *
          * @param cost Is the cost of the asset.
          * @param datePurchased Is the date the asset is purchased.
          * @param firstPeriod Is the date of the end of the first period.
@@ -6687,14 +9140,14 @@ declare module Excel {
          * @param period Is the period.
          * @param rate Is the rate of depreciation.
          * @param basis Year_basis : 0 for year of 360 days, 1 for actual, 3 for year of 365 days.
-         *
-         * [Api set: ExcelApi 1.2]
          */
         amorDegrc(cost: number | string | boolean | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, datePurchased: number | string | boolean | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, firstPeriod: number | string | boolean | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, salvage: number | string | boolean | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, period: number | string | boolean | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, rate: number | string | boolean | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, basis?: number | string | boolean | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>): FunctionResult<number>;
         /**
          *
          * Returns the prorated linear depreciation of an asset for each accounting period.
          *
+         * [Api set: ExcelApi 1.2]
+         *
          * @param cost Is the cost of the asset.
          * @param datePurchased Is the date the asset is purchased.
          * @param firstPeriod Is the date of the end of the first period.
@@ -6702,1260 +9155,1258 @@ declare module Excel {
          * @param period Is the period.
          * @param rate Is the rate of depreciation.
          * @param basis Year_basis : 0 for year of 360 days, 1 for actual, 3 for year of 365 days.
-         *
-         * [Api set: ExcelApi 1.2]
          */
         amorLinc(cost: number | string | boolean | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, datePurchased: number | string | boolean | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, firstPeriod: number | string | boolean | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, salvage: number | string | boolean | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, period: number | string | boolean | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, rate: number | string | boolean | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, basis?: number | string | boolean | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>): FunctionResult<number>;
         /**
          *
          * Checks whether all arguments are TRUE, and returns TRUE if all arguments are TRUE.
          *
-         * @param values List of parameters, whose elements are 1 to 255 conditions you want to test that can be either TRUE or FALSE and can be logical values, arrays, or references.
-         *
          * [Api set: ExcelApi 1.2]
+         *
+         * @param values List of parameters, whose elements are 1 to 255 conditions you want to test that can be either TRUE or FALSE and can be logical values, arrays, or references.
          */
         and(...values: Array<boolean | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>>): FunctionResult<boolean>;
         /**
          *
          * Converts a Roman numeral to Arabic.
          *
-         * @param text Is the Roman numeral you want to convert.
-         *
          * [Api set: ExcelApi 1.2]
+         *
+         * @param text Is the Roman numeral you want to convert.
          */
         arabic(text: string | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>): FunctionResult<number>;
         /**
          *
          * Returns the number of areas in a reference. An area is a range of contiguous cells or a single cell.
          *
-         * @param reference Is a reference to a cell or range of cells and can refer to multiple areas.
-         *
          * [Api set: ExcelApi 1.2]
+         *
+         * @param reference Is a reference to a cell or range of cells and can refer to multiple areas.
          */
         areas(reference: Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>): FunctionResult<number>;
         /**
          *
          * Changes full-width (double-byte) characters to half-width (single-byte) characters. Use with double-byte character sets (DBCS).
          *
-         * @param text Is a text, or a reference to a cell containing a text.
-         *
          * [Api set: ExcelApi 1.2]
+         *
+         * @param text Is a text, or a reference to a cell containing a text.
          */
         asc(text: string | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>): FunctionResult<string>;
         /**
          *
          * Returns the arcsine of a number in radians, in the range -Pi/2 to Pi/2.
          *
-         * @param number Is the sine of the angle you want and must be from -1 to 1.
-         *
          * [Api set: ExcelApi 1.2]
+         *
+         * @param number Is the sine of the angle you want and must be from -1 to 1.
          */
         asin(number: number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>): FunctionResult<number>;
         /**
          *
          * Returns the inverse hyperbolic sine of a number.
          *
-         * @param number Is any real number equal to or greater than 1.
-         *
          * [Api set: ExcelApi 1.2]
+         *
+         * @param number Is any real number equal to or greater than 1.
          */
         asinh(number: number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>): FunctionResult<number>;
         /**
          *
          * Returns the arctangent of a number in radians, in the range -Pi/2 to Pi/2.
          *
-         * @param number Is the tangent of the angle you want.
-         *
          * [Api set: ExcelApi 1.2]
+         *
+         * @param number Is the tangent of the angle you want.
          */
         atan(number: number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>): FunctionResult<number>;
         /**
          *
          * Returns the arctangent of the specified x- and y- coordinates, in radians between -Pi and Pi, excluding -Pi.
          *
+         * [Api set: ExcelApi 1.2]
+         *
          * @param xNum Is the x-coordinate of the point.
          * @param yNum Is the y-coordinate of the point.
-         *
-         * [Api set: ExcelApi 1.2]
          */
         atan2(xNum: number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, yNum: number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>): FunctionResult<number>;
         /**
          *
          * Returns the inverse hyperbolic tangent of a number.
          *
-         * @param number Is any real number between -1 and 1 excluding -1 and 1.
-         *
          * [Api set: ExcelApi 1.2]
+         *
+         * @param number Is any real number between -1 and 1 excluding -1 and 1.
          */
         atanh(number: number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>): FunctionResult<number>;
         /**
          *
          * Returns the average of the absolute deviations of data points from their mean. Arguments can be numbers or names, arrays, or references that contain numbers.
          *
-         * @param values List of parameters, whose elements are 1 to 255 arguments for which you want the average of the absolute deviations.
-         *
          * [Api set: ExcelApi 1.2]
+         *
+         * @param values List of parameters, whose elements are 1 to 255 arguments for which you want the average of the absolute deviations.
          */
         aveDev(...values: Array<number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>>): FunctionResult<number>;
         /**
          *
          * Returns the average (arithmetic mean) of its arguments, which can be numbers or names, arrays, or references that contain numbers.
          *
-         * @param values List of parameters, whose elements are 1 to 255 numeric arguments for which you want the average.
-         *
          * [Api set: ExcelApi 1.2]
+         *
+         * @param values List of parameters, whose elements are 1 to 255 numeric arguments for which you want the average.
          */
         average(...values: Array<number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>>): FunctionResult<number>;
         /**
          *
          * Returns the average (arithmetic mean) of its arguments, evaluating text and FALSE in arguments as 0; TRUE evaluates as 1. Arguments can be numbers, names, arrays, or references.
          *
-         * @param values List of parameters, whose elements are 1 to 255 arguments for which you want the average.
-         *
          * [Api set: ExcelApi 1.2]
+         *
+         * @param values List of parameters, whose elements are 1 to 255 arguments for which you want the average.
          */
         averageA(...values: Array<number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>>): FunctionResult<number>;
         /**
          *
          * Finds average(arithmetic mean) for the cells specified by a given condition or criteria.
          *
+         * [Api set: ExcelApi 1.2]
+         *
          * @param range Is the range of cells you want evaluated.
          * @param criteria Is the condition or criteria in the form of a number, expression, or text that defines which cells will be used to find the average.
          * @param averageRange Are the actual cells to be used to find the average. If omitted, the cells in range are used.
-         *
-         * [Api set: ExcelApi 1.2]
          */
         averageIf(range: Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, criteria: number | string | boolean | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, averageRange?: Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>): FunctionResult<number>;
         /**
          *
          * Finds average(arithmetic mean) for the cells specified by a given set of conditions or criteria.
          *
+         * [Api set: ExcelApi 1.2]
+         *
          * @param averageRange Are the actual cells to be used to find the average.
          * @param values List of parameters, where the first element of each pair is the Is the range of cells you want evaluated for the particular condition , and the second element is is the condition or criteria in the form of a number, expression, or text that defines which cells will be used to find the average.
-         *
-         * [Api set: ExcelApi 1.2]
          */
         averageIfs(averageRange: Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, ...values: Array<Excel.Range | Excel.RangeReference | Excel.FunctionResult<any> | number | string | boolean>): FunctionResult<number>;
         /**
          *
          * Converts a number to text (baht).
          *
-         * @param number Is a number that you want to convert.
-         *
          * [Api set: ExcelApi 1.2]
+         *
+         * @param number Is a number that you want to convert.
          */
         bahtText(number: number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>): FunctionResult<string>;
         /**
          *
          * Converts a number into a text representation with the given radix (base).
          *
+         * [Api set: ExcelApi 1.2]
+         *
          * @param number Is the number that you want to convert.
          * @param radix Is the base Radix that you want to convert the number into.
          * @param minLength Is the minimum length of the returned string.  If omitted leading zeros are not added.
-         *
-         * [Api set: ExcelApi 1.2]
          */
         base(number: number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, radix: number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, minLength?: number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>): FunctionResult<string>;
         /**
          *
          * Returns the modified Bessel function In(x).
          *
+         * [Api set: ExcelApi 1.2]
+         *
          * @param x Is the value at which to evaluate the function.
          * @param n Is the order of the Bessel function.
-         *
-         * [Api set: ExcelApi 1.2]
          */
         besselI(x: number | string | boolean | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, n: number | string | boolean | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>): FunctionResult<number>;
         /**
          *
          * Returns the Bessel function Jn(x).
          *
+         * [Api set: ExcelApi 1.2]
+         *
          * @param x Is the value at which to evaluate the function.
          * @param n Is the order of the Bessel function.
-         *
-         * [Api set: ExcelApi 1.2]
          */
         besselJ(x: number | string | boolean | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, n: number | string | boolean | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>): FunctionResult<number>;
         /**
          *
          * Returns the modified Bessel function Kn(x).
          *
+         * [Api set: ExcelApi 1.2]
+         *
          * @param x Is the value at which to evaluate the function.
          * @param n Is the order of the function.
-         *
-         * [Api set: ExcelApi 1.2]
          */
         besselK(x: number | string | boolean | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, n: number | string | boolean | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>): FunctionResult<number>;
         /**
          *
          * Returns the Bessel function Yn(x).
          *
+         * [Api set: ExcelApi 1.2]
+         *
          * @param x Is the value at which to evaluate the function.
          * @param n Is the order of the function.
-         *
-         * [Api set: ExcelApi 1.2]
          */
         besselY(x: number | string | boolean | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, n: number | string | boolean | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>): FunctionResult<number>;
         /**
          *
          * Returns the beta probability distribution function.
          *
+         * [Api set: ExcelApi 1.2]
+         *
          * @param x Is the value between A and B at which to evaluate the function.
          * @param alpha Is a parameter to the distribution and must be greater than 0.
          * @param beta Is a parameter to the distribution and must be greater than 0.
          * @param cumulative Is a logical value: for the cumulative distribution function, use TRUE; for the probability density function, use FALSE.
          * @param A Is an optional lower bound to the interval of x. If omitted, A = 0.
          * @param B Is an optional upper bound to the interval of x. If omitted, B = 1.
-         *
-         * [Api set: ExcelApi 1.2]
          */
         beta_Dist(x: number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, alpha: number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, beta: number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, cumulative: boolean | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, A?: number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, B?: number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>): FunctionResult<number>;
         /**
          *
          * Returns the inverse of the cumulative beta probability density function (BETA.DIST).
          *
+         * [Api set: ExcelApi 1.2]
+         *
          * @param probability Is a probability associated with the beta distribution.
          * @param alpha Is a parameter to the distribution and must be greater than 0.
          * @param beta Is a parameter to the distribution and must be greater than 0.
          * @param A Is an optional lower bound to the interval of x. If omitted, A = 0.
          * @param B Is an optional upper bound to the interval of x. If omitted, B = 1.
-         *
-         * [Api set: ExcelApi 1.2]
          */
         beta_Inv(probability: number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, alpha: number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, beta: number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, A?: number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, B?: number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>): FunctionResult<number>;
         /**
          *
          * Converts a binary number to decimal.
          *
-         * @param number Is the binary number you want to convert.
-         *
          * [Api set: ExcelApi 1.2]
+         *
+         * @param number Is the binary number you want to convert.
          */
         bin2Dec(number: number | string | boolean | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>): FunctionResult<number>;
         /**
          *
          * Converts a binary number to hexadecimal.
          *
+         * [Api set: ExcelApi 1.2]
+         *
          * @param number Is the binary number you want to convert.
          * @param places Is the number of characters to use.
-         *
-         * [Api set: ExcelApi 1.2]
          */
         bin2Hex(number: number | string | boolean | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, places?: number | string | boolean | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>): FunctionResult<number>;
         /**
          *
          * Converts a binary number to octal.
          *
+         * [Api set: ExcelApi 1.2]
+         *
          * @param number Is the binary number you want to convert.
          * @param places Is the number of characters to use.
-         *
-         * [Api set: ExcelApi 1.2]
          */
         bin2Oct(number: number | string | boolean | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, places?: number | string | boolean | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>): FunctionResult<number>;
         /**
          *
          * Returns the individual term binomial distribution probability.
          *
+         * [Api set: ExcelApi 1.2]
+         *
          * @param numberS Is the number of successes in trials.
          * @param trials Is the number of independent trials.
          * @param probabilityS Is the probability of success on each trial.
          * @param cumulative Is a logical value: for the cumulative distribution function, use TRUE; for the probability mass function, use FALSE.
-         *
-         * [Api set: ExcelApi 1.2]
          */
         binom_Dist(numberS: number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, trials: number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, probabilityS: number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, cumulative: boolean | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>): FunctionResult<number>;
         /**
          *
          * Returns the probability of a trial result using a binomial distribution.
          *
+         * [Api set: ExcelApi 1.2]
+         *
          * @param trials Is the number of independent trials.
          * @param probabilityS Is the probability of success on each trial.
          * @param numberS Is the number of successes in trials.
          * @param numberS2 If provided this function returns the probability that the number of successful trials shall lie between numberS and numberS2.
-         *
-         * [Api set: ExcelApi 1.2]
          */
         binom_Dist_Range(trials: number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, probabilityS: number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, numberS: number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, numberS2?: number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>): FunctionResult<number>;
         /**
          *
          * Returns the smallest value for which the cumulative binomial distribution is greater than or equal to a criterion value.
          *
+         * [Api set: ExcelApi 1.2]
+         *
          * @param trials Is the number of Bernoulli trials.
          * @param probabilityS Is the probability of success on each trial, a number between 0 and 1 inclusive.
          * @param alpha Is the criterion value, a number between 0 and 1 inclusive.
-         *
-         * [Api set: ExcelApi 1.2]
          */
         binom_Inv(trials: number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, probabilityS: number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, alpha: number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>): FunctionResult<number>;
         /**
          *
          * Returns a bitwise 'And' of two numbers.
          *
+         * [Api set: ExcelApi 1.2]
+         *
          * @param number1 Is the decimal representation of the binary number you want to evaluate.
          * @param number2 Is the decimal representation of the binary number you want to evaluate.
-         *
-         * [Api set: ExcelApi 1.2]
          */
         bitand(number1: number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, number2: number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>): FunctionResult<number>;
         /**
          *
          * Returns a number shifted left by shift_amount bits.
          *
+         * [Api set: ExcelApi 1.2]
+         *
          * @param number Is the decimal representation of the binary number you want to evaluate.
          * @param shiftAmount Is the number of bits that you want to shift Number left by.
-         *
-         * [Api set: ExcelApi 1.2]
          */
         bitlshift(number: number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, shiftAmount: number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>): FunctionResult<number>;
         /**
          *
          * Returns a bitwise 'Or' of two numbers.
          *
+         * [Api set: ExcelApi 1.2]
+         *
          * @param number1 Is the decimal representation of the binary number you want to evaluate.
          * @param number2 Is the decimal representation of the binary number you want to evaluate.
-         *
-         * [Api set: ExcelApi 1.2]
          */
         bitor(number1: number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, number2: number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>): FunctionResult<number>;
         /**
          *
          * Returns a number shifted right by shift_amount bits.
          *
+         * [Api set: ExcelApi 1.2]
+         *
          * @param number Is the decimal representation of the binary number you want to evaluate.
          * @param shiftAmount Is the number of bits that you want to shift Number right by.
-         *
-         * [Api set: ExcelApi 1.2]
          */
         bitrshift(number: number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, shiftAmount: number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>): FunctionResult<number>;
         /**
          *
          * Returns a bitwise 'Exclusive Or' of two numbers.
          *
+         * [Api set: ExcelApi 1.2]
+         *
          * @param number1 Is the decimal representation of the binary number you want to evaluate.
          * @param number2 Is the decimal representation of the binary number you want to evaluate.
-         *
-         * [Api set: ExcelApi 1.2]
          */
         bitxor(number1: number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, number2: number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>): FunctionResult<number>;
         /**
          *
          * Rounds a number up, to the nearest integer or to the nearest multiple of significance.
          *
+         * [Api set: ExcelApi 1.2]
+         *
          * @param number Is the value you want to round.
          * @param significance Is the multiple to which you want to round.
          * @param mode When given and nonzero this function will round away from zero.
-         *
-         * [Api set: ExcelApi 1.2]
          */
         ceiling_Math(number: number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, significance?: number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, mode?: number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>): FunctionResult<number>;
         /**
          *
          * Rounds a number up, to the nearest integer or to the nearest multiple of significance.
          *
+         * [Api set: ExcelApi 1.2]
+         *
          * @param number Is the value you want to round.
          * @param significance Is the multiple to which you want to round.
-         *
-         * [Api set: ExcelApi 1.2]
          */
         ceiling_Precise(number: number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, significance?: number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>): FunctionResult<number>;
         /**
          *
          * Returns the character specified by the code number from the character set for your computer.
          *
-         * @param number Is a number between 1 and 255 specifying which character you want.
-         *
          * [Api set: ExcelApi 1.2]
+         *
+         * @param number Is a number between 1 and 255 specifying which character you want.
          */
         char(number: number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>): FunctionResult<string>;
         /**
          *
          * Returns the left-tailed probability of the chi-squared distribution.
          *
+         * [Api set: ExcelApi 1.2]
+         *
          * @param x Is the value at which you want to evaluate the distribution, a nonnegative number.
          * @param degFreedom Is the number of degrees of freedom, a number between 1 and 10^10, excluding 10^10.
          * @param cumulative Is a logical value for the function to return: the cumulative distribution function = TRUE; the probability density function = FALSE.
-         *
-         * [Api set: ExcelApi 1.2]
          */
         chiSq_Dist(x: number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, degFreedom: number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, cumulative: boolean | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>): FunctionResult<number>;
         /**
          *
          * Returns the right-tailed probability of the chi-squared distribution.
          *
+         * [Api set: ExcelApi 1.2]
+         *
          * @param x Is the value at which you want to evaluate the distribution, a nonnegative number.
          * @param degFreedom Is the number of degrees of freedom, a number between 1 and 10^10, excluding 10^10.
-         *
-         * [Api set: ExcelApi 1.2]
          */
         chiSq_Dist_RT(x: number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, degFreedom: number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>): FunctionResult<number>;
         /**
          *
          * Returns the inverse of the left-tailed probability of the chi-squared distribution.
          *
+         * [Api set: ExcelApi 1.2]
+         *
          * @param probability Is a probability associated with the chi-squared distribution, a value between 0 and 1 inclusive.
          * @param degFreedom Is the number of degrees of freedom, a number between 1 and 10^10, excluding 10^10.
-         *
-         * [Api set: ExcelApi 1.2]
          */
         chiSq_Inv(probability: number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, degFreedom: number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>): FunctionResult<number>;
         /**
          *
          * Returns the inverse of the right-tailed probability of the chi-squared distribution.
          *
+         * [Api set: ExcelApi 1.2]
+         *
          * @param probability Is a probability associated with the chi-squared distribution, a value between 0 and 1 inclusive.
          * @param degFreedom Is the number of degrees of freedom, a number between 1 and 10^10, excluding 10^10.
-         *
-         * [Api set: ExcelApi 1.2]
          */
         chiSq_Inv_RT(probability: number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, degFreedom: number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>): FunctionResult<number>;
         /**
          *
          * Chooses a value or action to perform from a list of values, based on an index number.
          *
+         * [Api set: ExcelApi 1.2]
+         *
          * @param indexNum Specifies which value argument is selected. indexNum must be between 1 and 254, or a formula or a reference to a number between 1 and 254.
          * @param values List of parameters, whose elements are 1 to 254 numbers, cell references, defined names, formulas, functions, or text arguments from which CHOOSE selects.
-         *
-         * [Api set: ExcelApi 1.2]
          */
         choose(indexNum: number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, ...values: Array<Excel.Range | number | string | boolean | Excel.RangeReference | Excel.FunctionResult<any>>): FunctionResult<number | string | boolean>;
         /**
          *
          * Removes all nonprintable characters from text.
          *
-         * @param text Is any worksheet information from which you want to remove nonprintable characters.
-         *
          * [Api set: ExcelApi 1.2]
+         *
+         * @param text Is any worksheet information from which you want to remove nonprintable characters.
          */
         clean(text: string | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>): FunctionResult<string>;
         /**
          *
          * Returns a numeric code for the first character in a text string, in the character set used by your computer.
          *
-         * @param text Is the text for which you want the code of the first character.
-         *
          * [Api set: ExcelApi 1.2]
+         *
+         * @param text Is the text for which you want the code of the first character.
          */
         code(text: string | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>): FunctionResult<number>;
         /**
          *
          * Returns the number of columns in an array or reference.
          *
-         * @param array Is an array or array formula, or a reference to a range of cells for which you want the number of columns.
-         *
          * [Api set: ExcelApi 1.2]
+         *
+         * @param array Is an array or array formula, or a reference to a range of cells for which you want the number of columns.
          */
         columns(array: Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>): FunctionResult<number>;
         /**
          *
          * Returns the number of combinations for a given number of items.
          *
+         * [Api set: ExcelApi 1.2]
+         *
          * @param number Is the total number of items.
          * @param numberChosen Is the number of items in each combination.
-         *
-         * [Api set: ExcelApi 1.2]
          */
         combin(number: number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, numberChosen: number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>): FunctionResult<number>;
         /**
          *
          * Returns the number of combinations with repetitions for a given number of items.
          *
+         * [Api set: ExcelApi 1.2]
+         *
          * @param number Is the total number of items.
          * @param numberChosen Is the number of items in each combination.
-         *
-         * [Api set: ExcelApi 1.2]
          */
         combina(number: number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, numberChosen: number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>): FunctionResult<number>;
         /**
          *
          * Converts real and imaginary coefficients into a complex number.
          *
+         * [Api set: ExcelApi 1.2]
+         *
          * @param realNum Is the real coefficient of the complex number.
          * @param iNum Is the imaginary coefficient of the complex number.
          * @param suffix Is the suffix for the imaginary component of the complex number.
-         *
-         * [Api set: ExcelApi 1.2]
          */
         complex(realNum: number | string | boolean | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, iNum: number | string | boolean | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, suffix?: number | string | boolean | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>): FunctionResult<number>;
         /**
          *
          * Joins several text strings into one text string.
          *
-         * @param values List of parameters, whose elements are 1 to 255 text strings to be joined into a single text string and can be text strings, numbers, or single-cell references.
-         *
          * [Api set: ExcelApi 1.2]
+         *
+         * @param values List of parameters, whose elements are 1 to 255 text strings to be joined into a single text string and can be text strings, numbers, or single-cell references.
          */
         concatenate(...values: Array<string | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>>): FunctionResult<string>;
         /**
          *
          * Returns the confidence interval for a population mean, using a normal distribution.
          *
+         * [Api set: ExcelApi 1.2]
+         *
          * @param alpha Is the significance level used to compute the confidence level, a number greater than 0 and less than 1.
          * @param standardDev Is the population standard deviation for the data range and is assumed to be known. standardDev must be greater than 0.
          * @param size Is the sample size.
-         *
-         * [Api set: ExcelApi 1.2]
          */
         confidence_Norm(alpha: number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, standardDev: number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, size: number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>): FunctionResult<number>;
         /**
          *
          * Returns the confidence interval for a population mean, using a Student's T distribution.
          *
+         * [Api set: ExcelApi 1.2]
+         *
          * @param alpha Is the significance level used to compute the confidence level, a number greater than 0 and less than 1.
          * @param standardDev Is the population standard deviation for the data range and is assumed to be known. standardDev must be greater than 0.
          * @param size Is the sample size.
-         *
-         * [Api set: ExcelApi 1.2]
          */
         confidence_T(alpha: number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, standardDev: number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, size: number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>): FunctionResult<number>;
         /**
          *
          * Converts a number from one measurement system to another.
          *
+         * [Api set: ExcelApi 1.2]
+         *
          * @param number Is the value in from_units to convert.
          * @param fromUnit Is the units for number.
          * @param toUnit Is the units for the result.
-         *
-         * [Api set: ExcelApi 1.2]
          */
         convert(number: number | string | boolean | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, fromUnit: number | string | boolean | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, toUnit: number | string | boolean | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>): FunctionResult<number>;
         /**
          *
          * Returns the cosine of an angle.
          *
-         * @param number Is the angle in radians for which you want the cosine.
-         *
          * [Api set: ExcelApi 1.2]
+         *
+         * @param number Is the angle in radians for which you want the cosine.
          */
         cos(number: number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>): FunctionResult<number>;
         /**
          *
          * Returns the hyperbolic cosine of a number.
          *
-         * @param number Is any real number.
-         *
          * [Api set: ExcelApi 1.2]
+         *
+         * @param number Is any real number.
          */
         cosh(number: number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>): FunctionResult<number>;
         /**
          *
          * Returns the cotangent of an angle.
          *
-         * @param number Is the angle in radians for which you want the cotangent.
-         *
          * [Api set: ExcelApi 1.2]
+         *
+         * @param number Is the angle in radians for which you want the cotangent.
          */
         cot(number: number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>): FunctionResult<number>;
         /**
          *
          * Returns the hyperbolic cotangent of a number.
          *
-         * @param number Is the angle in radians for which you want the hyperbolic cotangent.
-         *
          * [Api set: ExcelApi 1.2]
+         *
+         * @param number Is the angle in radians for which you want the hyperbolic cotangent.
          */
         coth(number: number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>): FunctionResult<number>;
         /**
          *
          * Counts the number of cells in a range that contain numbers.
          *
-         * @param values List of parameters, whose elements are 1 to 255 arguments that can contain or refer to a variety of different types of data, but only numbers are counted.
-         *
          * [Api set: ExcelApi 1.2]
+         *
+         * @param values List of parameters, whose elements are 1 to 255 arguments that can contain or refer to a variety of different types of data, but only numbers are counted.
          */
         count(...values: Array<number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>>): FunctionResult<number>;
         /**
          *
          * Counts the number of cells in a range that are not empty.
          *
-         * @param values List of parameters, whose elements are 1 to 255 arguments representing the values and cells you want to count. Values can be any type of information.
-         *
          * [Api set: ExcelApi 1.2]
+         *
+         * @param values List of parameters, whose elements are 1 to 255 arguments representing the values and cells you want to count. Values can be any type of information.
          */
         countA(...values: Array<number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>>): FunctionResult<number>;
         /**
          *
          * Counts the number of empty cells in a specified range of cells.
          *
-         * @param range Is the range from which you want to count the empty cells.
-         *
          * [Api set: ExcelApi 1.2]
+         *
+         * @param range Is the range from which you want to count the empty cells.
          */
         countBlank(range: Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>): FunctionResult<number>;
         /**
          *
          * Counts the number of cells within a range that meet the given condition.
          *
+         * [Api set: ExcelApi 1.2]
+         *
          * @param range Is the range of cells from which you want to count nonblank cells.
          * @param criteria Is the condition in the form of a number, expression, or text that defines which cells will be counted.
-         *
-         * [Api set: ExcelApi 1.2]
          */
         countIf(range: Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, criteria: number | string | boolean | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>): FunctionResult<number>;
         /**
          *
          * Counts the number of cells specified by a given set of conditions or criteria.
          *
-         * @param values List of parameters, where the first element of each pair is the Is the range of cells you want evaluated for the particular condition , and the second element is is the condition in the form of a number, expression, or text that defines which cells will be counted.
-         *
          * [Api set: ExcelApi 1.2]
+         *
+         * @param values List of parameters, where the first element of each pair is the Is the range of cells you want evaluated for the particular condition , and the second element is is the condition in the form of a number, expression, or text that defines which cells will be counted.
          */
         countIfs(...values: Array<Excel.Range | Excel.RangeReference | Excel.FunctionResult<any> | number | string | boolean>): FunctionResult<number>;
         /**
          *
          * Returns the number of days from the beginning of the coupon period to the settlement date.
          *
+         * [Api set: ExcelApi 1.2]
+         *
          * @param settlement Is the security's settlement date, expressed as a serial date number.
          * @param maturity Is the security's maturity date, expressed as a serial date number.
          * @param frequency Is the number of coupon payments per year.
          * @param basis Is the type of day count basis to use.
-         *
-         * [Api set: ExcelApi 1.2]
          */
         coupDayBs(settlement: number | string | boolean | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, maturity: number | string | boolean | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, frequency: number | string | boolean | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, basis?: number | string | boolean | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>): FunctionResult<number>;
         /**
          *
          * Returns the number of days in the coupon period that contains the settlement date.
          *
+         * [Api set: ExcelApi 1.2]
+         *
          * @param settlement Is the security's settlement date, expressed as a serial date number.
          * @param maturity Is the security's maturity date, expressed as a serial date number.
          * @param frequency Is the number of coupon payments per year.
          * @param basis Is the type of day count basis to use.
-         *
-         * [Api set: ExcelApi 1.2]
          */
         coupDays(settlement: number | string | boolean | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, maturity: number | string | boolean | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, frequency: number | string | boolean | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, basis?: number | string | boolean | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>): FunctionResult<number>;
         /**
          *
          * Returns the number of days from the settlement date to the next coupon date.
          *
+         * [Api set: ExcelApi 1.2]
+         *
          * @param settlement Is the security's settlement date, expressed as a serial date number.
          * @param maturity Is the security's maturity date, expressed as a serial date number.
          * @param frequency Is the number of coupon payments per year.
          * @param basis Is the type of day count basis to use.
-         *
-         * [Api set: ExcelApi 1.2]
          */
         coupDaysNc(settlement: number | string | boolean | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, maturity: number | string | boolean | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, frequency: number | string | boolean | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, basis?: number | string | boolean | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>): FunctionResult<number>;
         /**
          *
          * Returns the next coupon date after the settlement date.
          *
+         * [Api set: ExcelApi 1.2]
+         *
          * @param settlement Is the security's settlement date, expressed as a serial date number.
          * @param maturity Is the security's maturity date, expressed as a serial date number.
          * @param frequency Is the number of coupon payments per year.
          * @param basis Is the type of day count basis to use.
-         *
-         * [Api set: ExcelApi 1.2]
          */
         coupNcd(settlement: number | string | boolean | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, maturity: number | string | boolean | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, frequency: number | string | boolean | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, basis?: number | string | boolean | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>): FunctionResult<number>;
         /**
          *
          * Returns the number of coupons payable between the settlement date and maturity date.
          *
+         * [Api set: ExcelApi 1.2]
+         *
          * @param settlement Is the security's settlement date, expressed as a serial date number.
          * @param maturity Is the security's maturity date, expressed as a serial date number.
          * @param frequency Is the number of coupon payments per year.
          * @param basis Is the type of day count basis to use.
-         *
-         * [Api set: ExcelApi 1.2]
          */
         coupNum(settlement: number | string | boolean | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, maturity: number | string | boolean | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, frequency: number | string | boolean | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, basis?: number | string | boolean | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>): FunctionResult<number>;
         /**
          *
          * Returns the previous coupon date before the settlement date.
          *
+         * [Api set: ExcelApi 1.2]
+         *
          * @param settlement Is the security's settlement date, expressed as a serial date number.
          * @param maturity Is the security's maturity date, expressed as a serial date number.
          * @param frequency Is the number of coupon payments per year.
          * @param basis Is the type of day count basis to use.
-         *
-         * [Api set: ExcelApi 1.2]
          */
         coupPcd(settlement: number | string | boolean | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, maturity: number | string | boolean | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, frequency: number | string | boolean | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, basis?: number | string | boolean | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>): FunctionResult<number>;
         /**
          *
          * Returns the cosecant of an angle.
          *
-         * @param number Is the angle in radians for which you want the cosecant.
-         *
          * [Api set: ExcelApi 1.2]
+         *
+         * @param number Is the angle in radians for which you want the cosecant.
          */
         csc(number: number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>): FunctionResult<number>;
         /**
          *
          * Returns the hyperbolic cosecant of an angle.
          *
-         * @param number Is the angle in radians for which you want the hyperbolic cosecant.
-         *
          * [Api set: ExcelApi 1.2]
+         *
+         * @param number Is the angle in radians for which you want the hyperbolic cosecant.
          */
         csch(number: number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>): FunctionResult<number>;
         /**
          *
          * Returns the cumulative interest paid between two periods.
          *
+         * [Api set: ExcelApi 1.2]
+         *
          * @param rate Is the interest rate.
          * @param nper Is the total number of payment periods.
          * @param pv Is the present value.
          * @param startPeriod Is the first period in the calculation.
          * @param endPeriod Is the last period in the calculation.
          * @param type Is the timing of the payment.
-         *
-         * [Api set: ExcelApi 1.2]
          */
         cumIPmt(rate: number | string | boolean | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, nper: number | string | boolean | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, pv: number | string | boolean | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, startPeriod: number | string | boolean | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, endPeriod: number | string | boolean | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, type: number | string | boolean | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>): FunctionResult<number>;
         /**
          *
          * Returns the cumulative principal paid on a loan between two periods.
          *
+         * [Api set: ExcelApi 1.2]
+         *
          * @param rate Is the interest rate.
          * @param nper Is the total number of payment periods.
          * @param pv Is the present value.
          * @param startPeriod Is the first period in the calculation.
          * @param endPeriod Is the last period in the calculation.
          * @param type Is the timing of the payment.
-         *
-         * [Api set: ExcelApi 1.2]
          */
         cumPrinc(rate: number | string | boolean | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, nper: number | string | boolean | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, pv: number | string | boolean | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, startPeriod: number | string | boolean | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, endPeriod: number | string | boolean | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, type: number | string | boolean | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>): FunctionResult<number>;
         /**
          *
          * Averages the values in a column in a list or database that match conditions you specify.
          *
+         * [Api set: ExcelApi 1.2]
+         *
          * @param database Is the range of cells that makes up the list or database. A database is a list of related data.
          * @param field Is either the label of the column in double quotation marks or a number that represents the column's position in the list.
          * @param criteria Is the range of cells that contains the conditions you specify. The range includes a column label and one cell below the label for a condition.
-         *
-         * [Api set: ExcelApi 1.2]
          */
         daverage(database: Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, field: number | string | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, criteria: string | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>): FunctionResult<number>;
         /**
          *
          * Counts the cells containing numbers in the field (column) of records in the database that match the conditions you specify.
          *
+         * [Api set: ExcelApi 1.2]
+         *
          * @param database Is the range of cells that makes up the list or database. A database is a list of related data.
          * @param field Is either the label of the column in double quotation marks or a number that represents the column's position in the list.
          * @param criteria Is the range of cells that contains the conditions you specify. The range includes a column label and one cell below the label for a condition.
-         *
-         * [Api set: ExcelApi 1.2]
          */
         dcount(database: Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, field: number | string | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, criteria: string | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>): FunctionResult<number>;
         /**
          *
          * Counts nonblank cells in the field (column) of records in the database that match the conditions you specify.
          *
+         * [Api set: ExcelApi 1.2]
+         *
          * @param database Is the range of cells that makes up the list or database. A database is a list of related data.
          * @param field Is either the label of the column in double quotation marks or a number that represents the column's position in the list.
          * @param criteria Is the range of cells that contains the conditions you specify. The range includes a column label and one cell below the label for a condition.
-         *
-         * [Api set: ExcelApi 1.2]
          */
         dcountA(database: Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, field: number | string | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, criteria: string | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>): FunctionResult<number>;
         /**
          *
          * Extracts from a database a single record that matches the conditions you specify.
          *
+         * [Api set: ExcelApi 1.2]
+         *
          * @param database Is the range of cells that makes up the list or database. A database is a list of related data.
          * @param field Is either the label of the column in double quotation marks or a number that represents the column's position in the list.
          * @param criteria Is the range of cells that contains the conditions you specify. The range includes a column label and one cell below the label for a condition.
-         *
-         * [Api set: ExcelApi 1.2]
          */
         dget(database: Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, field: number | string | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, criteria: string | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>): FunctionResult<number | boolean | string>;
         /**
          *
          * Returns the largest number in the field (column) of records in the database that match the conditions you specify.
          *
+         * [Api set: ExcelApi 1.2]
+         *
          * @param database Is the range of cells that makes up the list or database. A database is a list of related data.
          * @param field Is either the label of the column in double quotation marks or a number that represents the column's position in the list.
          * @param criteria Is the range of cells that contains the conditions you specify. The range includes a column label and one cell below the label for a condition.
-         *
-         * [Api set: ExcelApi 1.2]
          */
         dmax(database: Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, field: number | string | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, criteria: string | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>): FunctionResult<number>;
         /**
          *
          * Returns the smallest number in the field (column) of records in the database that match the conditions you specify.
          *
+         * [Api set: ExcelApi 1.2]
+         *
          * @param database Is the range of cells that makes up the list or database. A database is a list of related data.
          * @param field Is either the label of the column in double quotation marks or a number that represents the column's position in the list.
          * @param criteria Is the range of cells that contains the conditions you specify. The range includes a column label and one cell below the label for a condition.
-         *
-         * [Api set: ExcelApi 1.2]
          */
         dmin(database: Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, field: number | string | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, criteria: string | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>): FunctionResult<number>;
         /**
          *
          * Multiplies the values in the field (column) of records in the database that match the conditions you specify.
          *
+         * [Api set: ExcelApi 1.2]
+         *
          * @param database Is the range of cells that makes up the list or database. A database is a list of related data.
          * @param field Is either the label of the column in double quotation marks or a number that represents the column's position in the list.
          * @param criteria Is the range of cells that contains the conditions you specify. The range includes a column label and one cell below the label for a condition.
-         *
-         * [Api set: ExcelApi 1.2]
          */
         dproduct(database: Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, field: number | string | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, criteria: string | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>): FunctionResult<number>;
         /**
          *
          * Estimates the standard deviation based on a sample from selected database entries.
          *
+         * [Api set: ExcelApi 1.2]
+         *
          * @param database Is the range of cells that makes up the list or database. A database is a list of related data.
          * @param field Is either the label of the column in double quotation marks or a number that represents the column's position in the list.
          * @param criteria Is the range of cells that contains the conditions you specify. The range includes a column label and one cell below the label for a condition.
-         *
-         * [Api set: ExcelApi 1.2]
          */
         dstDev(database: Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, field: number | string | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, criteria: string | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>): FunctionResult<number>;
         /**
          *
          * Calculates the standard deviation based on the entire population of selected database entries.
          *
+         * [Api set: ExcelApi 1.2]
+         *
          * @param database Is the range of cells that makes up the list or database. A database is a list of related data.
          * @param field Is either the label of the column in double quotation marks or a number that represents the column's position in the list.
          * @param criteria Is the range of cells that contains the conditions you specify. The range includes a column label and one cell below the label for a condition.
-         *
-         * [Api set: ExcelApi 1.2]
          */
         dstDevP(database: Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, field: number | string | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, criteria: string | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>): FunctionResult<number>;
         /**
          *
          * Adds the numbers in the field (column) of records in the database that match the conditions you specify.
          *
+         * [Api set: ExcelApi 1.2]
+         *
          * @param database Is the range of cells that makes up the list or database. A database is a list of related data.
          * @param field Is either the label of the column in double quotation marks or a number that represents the column's position in the list.
          * @param criteria Is the range of cells that contains the conditions you specify. The range includes a column label and one cell below the label for a condition.
-         *
-         * [Api set: ExcelApi 1.2]
          */
         dsum(database: Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, field: number | string | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, criteria: string | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>): FunctionResult<number>;
         /**
          *
          * Estimates variance based on a sample from selected database entries.
          *
+         * [Api set: ExcelApi 1.2]
+         *
          * @param database Is the range of cells that makes up the list or database. A database is a list of related data.
          * @param field Is either the label of the column in double quotation marks or a number that represents the column's position in the list.
          * @param criteria Is the range of cells that contains the conditions you specify. The range includes a column label and one cell below the label for a condition.
-         *
-         * [Api set: ExcelApi 1.2]
          */
         dvar(database: Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, field: number | string | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, criteria: string | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>): FunctionResult<number>;
         /**
          *
          * Calculates variance based on the entire population of selected database entries.
          *
+         * [Api set: ExcelApi 1.2]
+         *
          * @param database Is the range of cells that makes up the list or database. A database is a list of related data.
          * @param field Is either the label of the column in double quotation marks or a number that represents the column's position in the list.
          * @param criteria Is the range of cells that contains the conditions you specify. The range includes a column label and one cell below the label for a condition.
-         *
-         * [Api set: ExcelApi 1.2]
          */
         dvarP(database: Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, field: number | string | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, criteria: string | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>): FunctionResult<number>;
         /**
          *
          * Returns the number that represents the date in Microsoft Excel date-time code.
          *
+         * [Api set: ExcelApi 1.2]
+         *
          * @param year Is a number from 1900 or 1904 (depending on the workbook's date system) to 9999.
          * @param month Is a number from 1 to 12 representing the month of the year.
          * @param day Is a number from 1 to 31 representing the day of the month.
-         *
-         * [Api set: ExcelApi 1.2]
          */
         date(year: number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, month: number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, day: number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>): FunctionResult<number>;
         /**
          *
          * Converts a date in the form of text to a number that represents the date in Microsoft Excel date-time code.
          *
-         * @param dateText Is text that represents a date in a Microsoft Excel date format, between 1/1/1900 or 1/1/1904 (depending on the workbook's date system) and 12/31/9999.
-         *
          * [Api set: ExcelApi 1.2]
+         *
+         * @param dateText Is text that represents a date in a Microsoft Excel date format, between 1/1/1900 or 1/1/1904 (depending on the workbook's date system) and 12/31/9999.
          */
         datevalue(dateText: string | number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>): FunctionResult<number>;
         /**
          *
          * Returns the day of the month, a number from 1 to 31.
          *
-         * @param serialNumber Is a number in the date-time code used by Microsoft Excel.
-         *
          * [Api set: ExcelApi 1.2]
+         *
+         * @param serialNumber Is a number in the date-time code used by Microsoft Excel.
          */
         day(serialNumber: number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>): FunctionResult<number>;
         /**
          *
          * Returns the number of days between the two dates.
          *
+         * [Api set: ExcelApi 1.2]
+         *
          * @param endDate startDate and endDate are the two dates between which you want to know the number of days.
          * @param startDate startDate and endDate are the two dates between which you want to know the number of days.
-         *
-         * [Api set: ExcelApi 1.2]
          */
         days(endDate: string | number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, startDate: string | number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>): FunctionResult<number>;
         /**
          *
          * Returns the number of days between two dates based on a 360-day year (twelve 30-day months).
          *
+         * [Api set: ExcelApi 1.2]
+         *
          * @param startDate startDate and endDate are the two dates between which you want to know the number of days.
          * @param endDate startDate and endDate are the two dates between which you want to know the number of days.
          * @param method Is a logical value specifying the calculation method: U.S. (NASD) = FALSE or omitted; European = TRUE.
-         *
-         * [Api set: ExcelApi 1.2]
          */
         days360(startDate: number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, endDate: number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, method?: boolean | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>): FunctionResult<number>;
         /**
          *
          * Returns the depreciation of an asset for a specified period using the fixed-declining balance method.
          *
+         * [Api set: ExcelApi 1.2]
+         *
          * @param cost Is the initial cost of the asset.
          * @param salvage Is the salvage value at the end of the life of the asset.
          * @param life Is the number of periods over which the asset is being depreciated (sometimes called the useful life of the asset).
          * @param period Is the period for which you want to calculate the depreciation. Period must use the same units as Life.
          * @param month Is the number of months in the first year. If month is omitted, it is assumed to be 12.
-         *
-         * [Api set: ExcelApi 1.2]
          */
         db(cost: number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, salvage: number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, life: number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, period: number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, month?: number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>): FunctionResult<number>;
         /**
          *
          * Changes half-width (single-byte) characters within a character string to full-width (double-byte) characters. Use with double-byte character sets (DBCS).
          *
-         * @param text Is a text, or a reference to a cell containing a text.
-         *
          * [Api set: ExcelApi 1.2]
+         *
+         * @param text Is a text, or a reference to a cell containing a text.
          */
         dbcs(text: string | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>): FunctionResult<string>;
         /**
          *
          * Returns the depreciation of an asset for a specified period using the double-declining balance method or some other method you specify.
          *
+         * [Api set: ExcelApi 1.2]
+         *
          * @param cost Is the initial cost of the asset.
          * @param salvage Is the salvage value at the end of the life of the asset.
          * @param life Is the number of periods over which the asset is being depreciated (sometimes called the useful life of the asset).
          * @param period Is the period for which you want to calculate the depreciation. Period must use the same units as Life.
          * @param factor Is the rate at which the balance declines. If Factor is omitted, it is assumed to be 2 (the double-declining balance method).
-         *
-         * [Api set: ExcelApi 1.2]
          */
         ddb(cost: number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, salvage: number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, life: number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, period: number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, factor?: number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>): FunctionResult<number>;
         /**
          *
          * Converts a decimal number to binary.
          *
+         * [Api set: ExcelApi 1.2]
+         *
          * @param number Is the decimal integer you want to convert.
          * @param places Is the number of characters to use.
-         *
-         * [Api set: ExcelApi 1.2]
          */
         dec2Bin(number: number | string | boolean | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, places?: number | string | boolean | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>): FunctionResult<number>;
         /**
          *
          * Converts a decimal number to hexadecimal.
          *
+         * [Api set: ExcelApi 1.2]
+         *
          * @param number Is the decimal integer you want to convert.
          * @param places Is the number of characters to use.
-         *
-         * [Api set: ExcelApi 1.2]
          */
         dec2Hex(number: number | string | boolean | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, places?: number | string | boolean | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>): FunctionResult<number>;
         /**
          *
          * Converts a decimal number to octal.
          *
+         * [Api set: ExcelApi 1.2]
+         *
          * @param number Is the decimal integer you want to convert.
          * @param places Is the number of characters to use.
-         *
-         * [Api set: ExcelApi 1.2]
          */
         dec2Oct(number: number | string | boolean | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, places?: number | string | boolean | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>): FunctionResult<number>;
         /**
          *
          * Converts a text representation of a number in a given base into a decimal number.
          *
+         * [Api set: ExcelApi 1.2]
+         *
          * @param number Is the number that you want to convert.
          * @param radix Is the base Radix of the number you are converting.
-         *
-         * [Api set: ExcelApi 1.2]
          */
         decimal(number: string | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, radix: number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>): FunctionResult<number>;
         /**
          *
          * Converts radians to degrees.
          *
-         * @param angle Is the angle in radians that you want to convert.
-         *
          * [Api set: ExcelApi 1.2]
+         *
+         * @param angle Is the angle in radians that you want to convert.
          */
         degrees(angle: number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>): FunctionResult<number>;
         /**
          *
          * Tests whether two numbers are equal.
          *
+         * [Api set: ExcelApi 1.2]
+         *
          * @param number1 Is the first number.
          * @param number2 Is the second number.
-         *
-         * [Api set: ExcelApi 1.2]
          */
         delta(number1: number | string | boolean | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, number2?: number | string | boolean | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>): FunctionResult<number>;
         /**
          *
          * Returns the sum of squares of deviations of data points from their sample mean.
          *
-         * @param values List of parameters, whose elements are 1 to 255 arguments, or an array or array reference, on which you want DEVSQ to calculate.
-         *
          * [Api set: ExcelApi 1.2]
+         *
+         * @param values List of parameters, whose elements are 1 to 255 arguments, or an array or array reference, on which you want DEVSQ to calculate.
          */
         devSq(...values: Array<number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>>): FunctionResult<number>;
         /**
          *
          * Returns the discount rate for a security.
          *
+         * [Api set: ExcelApi 1.2]
+         *
          * @param settlement Is the security's settlement date, expressed as a serial date number.
          * @param maturity Is the security's maturity date, expressed as a serial date number.
          * @param pr Is the security's price per $100 face value.
          * @param redemption Is the security's redemption value per $100 face value.
          * @param basis Is the type of day count basis to use.
-         *
-         * [Api set: ExcelApi 1.2]
          */
         disc(settlement: number | string | boolean | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, maturity: number | string | boolean | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, pr: number | string | boolean | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, redemption: number | string | boolean | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, basis?: number | string | boolean | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>): FunctionResult<number>;
         /**
          *
          * Converts a number to text, using currency format.
          *
+         * [Api set: ExcelApi 1.2]
+         *
          * @param number Is a number, a reference to a cell containing a number, or a formula that evaluates to a number.
          * @param decimals Is the number of digits to the right of the decimal point. The number is rounded as necessary; if omitted, Decimals = 2.
-         *
-         * [Api set: ExcelApi 1.2]
          */
         dollar(number: number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, decimals?: number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>): FunctionResult<string>;
         /**
          *
          * Converts a dollar price, expressed as a fraction, into a dollar price, expressed as a decimal number.
          *
+         * [Api set: ExcelApi 1.2]
+         *
          * @param fractionalDollar Is a number expressed as a fraction.
          * @param fraction Is the integer to use in the denominator of the fraction.
-         *
-         * [Api set: ExcelApi 1.2]
          */
         dollarDe(fractionalDollar: number | string | boolean | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, fraction: number | string | boolean | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>): FunctionResult<number>;
         /**
          *
          * Converts a dollar price, expressed as a decimal number, into a dollar price, expressed as a fraction.
          *
+         * [Api set: ExcelApi 1.2]
+         *
          * @param decimalDollar Is a decimal number.
          * @param fraction Is the integer to use in the denominator of a fraction.
-         *
-         * [Api set: ExcelApi 1.2]
          */
         dollarFr(decimalDollar: number | string | boolean | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, fraction: number | string | boolean | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>): FunctionResult<number>;
         /**
          *
          * Returns the annual duration of a security with periodic interest payments.
          *
+         * [Api set: ExcelApi 1.2]
+         *
          * @param settlement Is the security's settlement date, expressed as a serial date number.
          * @param maturity Is the security's maturity date, expressed as a serial date number.
          * @param coupon Is the security's annual coupon rate.
          * @param yld Is the security's annual yield.
          * @param frequency Is the number of coupon payments per year.
          * @param basis Is the type of day count basis to use.
-         *
-         * [Api set: ExcelApi 1.2]
          */
         duration(settlement: number | string | boolean | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, maturity: number | string | boolean | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, coupon: number | string | boolean | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, yld: number | string | boolean | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, frequency: number | string | boolean | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, basis?: number | string | boolean | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>): FunctionResult<number>;
         /**
          *
          * Rounds a number up, to the nearest integer or to the nearest multiple of significance.
          *
+         * [Api set: ExcelApi 1.2]
+         *
          * @param number Is the value you want to round.
          * @param significance Is the multiple to which you want to round.
-         *
-         * [Api set: ExcelApi 1.2]
          */
         ecma_Ceiling(number: number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, significance: number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>): FunctionResult<number>;
         /**
          *
          * Returns the serial number of the date that is the indicated number of months before or after the start date.
          *
+         * [Api set: ExcelApi 1.2]
+         *
          * @param startDate Is a serial date number that represents the start date.
          * @param months Is the number of months before or after startDate.
-         *
-         * [Api set: ExcelApi 1.2]
          */
         edate(startDate: number | string | boolean | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, months: number | string | boolean | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>): FunctionResult<number>;
         /**
          *
          * Returns the effective annual interest rate.
          *
+         * [Api set: ExcelApi 1.2]
+         *
          * @param nominalRate Is the nominal interest rate.
          * @param npery Is the number of compounding periods per year.
-         *
-         * [Api set: ExcelApi 1.2]
          */
         effect(nominalRate: number | string | boolean | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, npery: number | string | boolean | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>): FunctionResult<number>;
         /**
          *
          * Returns the serial number of the last day of the month before or after a specified number of months.
          *
+         * [Api set: ExcelApi 1.2]
+         *
          * @param startDate Is a serial date number that represents the start date.
          * @param months Is the number of months before or after the startDate.
-         *
-         * [Api set: ExcelApi 1.2]
          */
         eoMonth(startDate: number | string | boolean | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, months: number | string | boolean | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>): FunctionResult<number>;
         /**
          *
          * Returns the error function.
          *
+         * [Api set: ExcelApi 1.2]
+         *
          * @param lowerLimit Is the lower bound for integrating ERF.
          * @param upperLimit Is the upper bound for integrating ERF.
-         *
-         * [Api set: ExcelApi 1.2]
          */
         erf(lowerLimit: number | string | boolean | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, upperLimit?: number | string | boolean | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>): FunctionResult<number>;
         /**
          *
          * Returns the complementary error function.
          *
-         * @param x Is the lower bound for integrating ERF.
-         *
          * [Api set: ExcelApi 1.2]
+         *
+         * @param x Is the lower bound for integrating ERF.
          */
         erfC(x: number | string | boolean | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>): FunctionResult<number>;
         /**
          *
          * Returns the complementary error function.
          *
-         * @param X Is the lower bound for integrating ERFC.PRECISE.
-         *
          * [Api set: ExcelApi 1.2]
+         *
+         * @param X Is the lower bound for integrating ERFC.PRECISE.
          */
         erfC_Precise(X: number | string | boolean | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>): FunctionResult<number>;
         /**
          *
          * Returns the error function.
          *
-         * @param X Is the lower bound for integrating ERF.PRECISE.
-         *
          * [Api set: ExcelApi 1.2]
+         *
+         * @param X Is the lower bound for integrating ERF.PRECISE.
          */
         erf_Precise(X: number | string | boolean | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>): FunctionResult<number>;
         /**
          *
          * Returns a number matching an error value.
          *
-         * @param errorVal Is the error value for which you want the identifying number, and can be an actual error value or a reference to a cell containing an error value.
-         *
          * [Api set: ExcelApi 1.2]
+         *
+         * @param errorVal Is the error value for which you want the identifying number, and can be an actual error value or a reference to a cell containing an error value.
          */
         error_Type(errorVal: string | number | boolean | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>): FunctionResult<number>;
         /**
          *
          * Rounds a positive number up and negative number down to the nearest even integer.
          *
-         * @param number Is the value to round.
-         *
          * [Api set: ExcelApi 1.2]
+         *
+         * @param number Is the value to round.
          */
         even(number: number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>): FunctionResult<number>;
         /**
          *
          * Checks whether two text strings are exactly the same, and returns TRUE or FALSE. EXACT is case-sensitive.
          *
+         * [Api set: ExcelApi 1.2]
+         *
          * @param text1 Is the first text string.
          * @param text2 Is the second text string.
-         *
-         * [Api set: ExcelApi 1.2]
          */
         exact(text1: string | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, text2: string | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>): FunctionResult<boolean>;
         /**
          *
          * Returns e raised to the power of a given number.
          *
-         * @param number Is the exponent applied to the base e. The constant e equals 2.71828182845904, the base of the natural logarithm.
-         *
          * [Api set: ExcelApi 1.2]
+         *
+         * @param number Is the exponent applied to the base e. The constant e equals 2.71828182845904, the base of the natural logarithm.
          */
         exp(number: number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>): FunctionResult<number>;
         /**
          *
          * Returns the exponential distribution.
          *
+         * [Api set: ExcelApi 1.2]
+         *
          * @param x Is the value of the function, a nonnegative number.
          * @param lambda Is the parameter value, a positive number.
          * @param cumulative Is a logical value for the function to return: the cumulative distribution function = TRUE; the probability density function = FALSE.
-         *
-         * [Api set: ExcelApi 1.2]
          */
         expon_Dist(x: number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, lambda: number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, cumulative: boolean | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>): FunctionResult<number>;
         /**
          *
          * Returns the future value of an initial principal after applying a series of compound interest rates.
          *
+         * [Api set: ExcelApi 1.2]
+         *
          * @param principal Is the present value.
          * @param schedule Is an array of interest rates to apply.
-         *
-         * [Api set: ExcelApi 1.2]
          */
         fvschedule(principal: number | string | boolean | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, schedule: number | string | Excel.Range | boolean | Excel.RangeReference | Excel.FunctionResult<any>): FunctionResult<number>;
         /**
          *
          * Returns the (left-tailed) F probability distribution (degree of diversity) for two data sets.
          *
+         * [Api set: ExcelApi 1.2]
+         *
          * @param x Is the value at which to evaluate the function, a nonnegative number.
          * @param degFreedom1 Is the numerator degrees of freedom, a number between 1 and 10^10, excluding 10^10.
          * @param degFreedom2 Is the denominator degrees of freedom, a number between 1 and 10^10, excluding 10^10.
          * @param cumulative Is a logical value for the function to return: the cumulative distribution function = TRUE; the probability density function = FALSE.
-         *
-         * [Api set: ExcelApi 1.2]
          */
         f_Dist(x: number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, degFreedom1: number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, degFreedom2: number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, cumulative: boolean | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>): FunctionResult<number>;
         /**
          *
          * Returns the (right-tailed) F probability distribution (degree of diversity) for two data sets.
          *
+         * [Api set: ExcelApi 1.2]
+         *
          * @param x Is the value at which to evaluate the function, a nonnegative number.
          * @param degFreedom1 Is the numerator degrees of freedom, a number between 1 and 10^10, excluding 10^10.
          * @param degFreedom2 Is the denominator degrees of freedom, a number between 1 and 10^10, excluding 10^10.
-         *
-         * [Api set: ExcelApi 1.2]
          */
         f_Dist_RT(x: number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, degFreedom1: number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, degFreedom2: number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>): FunctionResult<number>;
         /**
          *
          * Returns the inverse of the (left-tailed) F probability distribution: if p = F.DIST(x,...), then F.INV(p,...) = x.
          *
+         * [Api set: ExcelApi 1.2]
+         *
          * @param probability Is a probability associated with the F cumulative distribution, a number between 0 and 1 inclusive.
          * @param degFreedom1 Is the numerator degrees of freedom, a number between 1 and 10^10, excluding 10^10.
          * @param degFreedom2 Is the denominator degrees of freedom, a number between 1 and 10^10, excluding 10^10.
-         *
-         * [Api set: ExcelApi 1.2]
          */
         f_Inv(probability: number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, degFreedom1: number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, degFreedom2: number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>): FunctionResult<number>;
         /**
          *
          * Returns the inverse of the (right-tailed) F probability distribution: if p = F.DIST.RT(x,...), then F.INV.RT(p,...) = x.
          *
+         * [Api set: ExcelApi 1.2]
+         *
          * @param probability Is a probability associated with the F cumulative distribution, a number between 0 and 1 inclusive.
          * @param degFreedom1 Is the numerator degrees of freedom, a number between 1 and 10^10, excluding 10^10.
          * @param degFreedom2 Is the denominator degrees of freedom, a number between 1 and 10^10, excluding 10^10.
-         *
-         * [Api set: ExcelApi 1.2]
          */
         f_Inv_RT(probability: number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, degFreedom1: number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, degFreedom2: number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>): FunctionResult<number>;
         /**
          *
          * Returns the factorial of a number, equal to 1*2*3*...* Number.
          *
-         * @param number Is the nonnegative number you want the factorial of.
-         *
          * [Api set: ExcelApi 1.2]
+         *
+         * @param number Is the nonnegative number you want the factorial of.
          */
         fact(number: number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>): FunctionResult<number>;
         /**
          *
          * Returns the double factorial of a number.
          *
-         * @param number Is the value for which to return the double factorial.
-         *
          * [Api set: ExcelApi 1.2]
+         *
+         * @param number Is the value for which to return the double factorial.
          */
         factDouble(number: number | string | boolean | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>): FunctionResult<number>;
         /**
@@ -7969,978 +10420,978 @@ declare module Excel {
          *
          * Returns the starting position of one text string within another text string. FIND is case-sensitive.
          *
+         * [Api set: ExcelApi 1.2]
+         *
          * @param findText Is the text you want to find. Use double quotes (empty text) to match the first character in withinText; wildcard characters not allowed.
          * @param withinText Is the text containing the text you want to find.
          * @param startNum Specifies the character at which to start the search. The first character in withinText is character number 1. If omitted, startNum = 1.
-         *
-         * [Api set: ExcelApi 1.2]
          */
         find(findText: string | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, withinText: string | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, startNum?: number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>): FunctionResult<number>;
         /**
          *
          * Finds the starting position of one text string within another text string. FINDB is case-sensitive. Use with double-byte character sets (DBCS).
          *
+         * [Api set: ExcelApi 1.2]
+         *
          * @param findText Is the text you want to find.
          * @param withinText Is the text containing the text you want to find.
          * @param startNum Specifies the character at which to start the search.
-         *
-         * [Api set: ExcelApi 1.2]
          */
         findB(findText: string | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, withinText: string | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, startNum?: number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>): FunctionResult<number>;
         /**
          *
          * Returns the Fisher transformation.
          *
-         * @param x Is the value for which you want the transformation, a number between -1 and 1, excluding -1 and 1.
-         *
          * [Api set: ExcelApi 1.2]
+         *
+         * @param x Is the value for which you want the transformation, a number between -1 and 1, excluding -1 and 1.
          */
         fisher(x: number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>): FunctionResult<number>;
         /**
          *
          * Returns the inverse of the Fisher transformation: if y = FISHER(x), then FISHERINV(y) = x.
          *
-         * @param y Is the value for which you want to perform the inverse of the transformation.
-         *
          * [Api set: ExcelApi 1.2]
+         *
+         * @param y Is the value for which you want to perform the inverse of the transformation.
          */
         fisherInv(y: number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>): FunctionResult<number>;
         /**
          *
          * Rounds a number to the specified number of decimals and returns the result as text with or without commas.
          *
+         * [Api set: ExcelApi 1.2]
+         *
          * @param number Is the number you want to round and convert to text.
          * @param decimals Is the number of digits to the right of the decimal point. If omitted, Decimals = 2.
          * @param noCommas Is a logical value: do not display commas in the returned text = TRUE; do display commas in the returned text = FALSE or omitted.
-         *
-         * [Api set: ExcelApi 1.2]
          */
         fixed(number: number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, decimals?: number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, noCommas?: boolean | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>): FunctionResult<string>;
         /**
          *
          * Rounds a number down, to the nearest integer or to the nearest multiple of significance.
          *
+         * [Api set: ExcelApi 1.2]
+         *
          * @param number Is the value you want to round.
          * @param significance Is the multiple to which you want to round.
          * @param mode When given and nonzero this function will round towards zero.
-         *
-         * [Api set: ExcelApi 1.2]
          */
         floor_Math(number: number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, significance?: number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, mode?: number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>): FunctionResult<number>;
         /**
          *
          * Rounds a number down, to the nearest integer or to the nearest multiple of significance.
          *
+         * [Api set: ExcelApi 1.2]
+         *
          * @param number Is the numeric value you want to round.
          * @param significance Is the multiple to which you want to round.
-         *
-         * [Api set: ExcelApi 1.2]
          */
         floor_Precise(number: number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, significance?: number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>): FunctionResult<number>;
         /**
          *
          * Returns the future value of an investment based on periodic, constant payments and a constant interest rate.
          *
+         * [Api set: ExcelApi 1.2]
+         *
          * @param rate Is the interest rate per period. For example, use 6%/4 for quarterly payments at 6% APR.
          * @param nper Is the total number of payment periods in the investment.
          * @param pmt Is the payment made each period; it cannot change over the life of the investment.
          * @param pv Is the present value, or the lump-sum amount that a series of future payments is worth now. If omitted, Pv = 0.
          * @param type Is a value representing the timing of payment: payment at the beginning of the period = 1; payment at the end of the period = 0 or omitted.
-         *
-         * [Api set: ExcelApi 1.2]
          */
         fv(rate: number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, nper: number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, pmt: number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, pv?: number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, type?: number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>): FunctionResult<number>;
         /**
          *
          * Returns the Gamma function value.
          *
-         * @param x Is the value for which you want to calculate Gamma.
-         *
          * [Api set: ExcelApi 1.2]
+         *
+         * @param x Is the value for which you want to calculate Gamma.
          */
         gamma(x: number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>): FunctionResult<number>;
         /**
          *
          * Returns the natural logarithm of the gamma function.
          *
-         * @param x Is the value for which you want to calculate GAMMALN, a positive number.
-         *
          * [Api set: ExcelApi 1.2]
+         *
+         * @param x Is the value for which you want to calculate GAMMALN, a positive number.
          */
         gammaLn(x: number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>): FunctionResult<number>;
         /**
          *
          * Returns the natural logarithm of the gamma function.
          *
-         * @param x Is the value for which you want to calculate GAMMALN.PRECISE, a positive number.
-         *
          * [Api set: ExcelApi 1.2]
+         *
+         * @param x Is the value for which you want to calculate GAMMALN.PRECISE, a positive number.
          */
         gammaLn_Precise(x: number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>): FunctionResult<number>;
         /**
          *
          * Returns the gamma distribution.
          *
+         * [Api set: ExcelApi 1.2]
+         *
          * @param x Is the value at which you want to evaluate the distribution, a nonnegative number.
          * @param alpha Is a parameter to the distribution, a positive number.
          * @param beta Is a parameter to the distribution, a positive number. If beta = 1, GAMMA.DIST returns the standard gamma distribution.
          * @param cumulative Is a logical value: return the cumulative distribution function = TRUE; return the probability mass function = FALSE or omitted.
-         *
-         * [Api set: ExcelApi 1.2]
          */
         gamma_Dist(x: number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, alpha: number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, beta: number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, cumulative: boolean | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>): FunctionResult<number>;
         /**
          *
          * Returns the inverse of the gamma cumulative distribution: if p = GAMMA.DIST(x,...), then GAMMA.INV(p,...) = x.
          *
+         * [Api set: ExcelApi 1.2]
+         *
          * @param probability Is the probability associated with the gamma distribution, a number between 0 and 1, inclusive.
          * @param alpha Is a parameter to the distribution, a positive number.
          * @param beta Is a parameter to the distribution, a positive number. If beta = 1, GAMMA.INV returns the inverse of the standard gamma distribution.
-         *
-         * [Api set: ExcelApi 1.2]
          */
         gamma_Inv(probability: number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, alpha: number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, beta: number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>): FunctionResult<number>;
         /**
          *
          * Returns 0.5 less than the standard normal cumulative distribution.
          *
-         * @param x Is the value for which you want the distribution.
-         *
          * [Api set: ExcelApi 1.2]
+         *
+         * @param x Is the value for which you want the distribution.
          */
         gauss(x: number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>): FunctionResult<number>;
         /**
          *
          * Returns the greatest common divisor.
          *
-         * @param values List of parameters, whose elements are 1 to 255 values.
-         *
          * [Api set: ExcelApi 1.2]
+         *
+         * @param values List of parameters, whose elements are 1 to 255 values.
          */
         gcd(...values: Array<number | string | Excel.Range | boolean | Excel.RangeReference | Excel.FunctionResult<any>>): FunctionResult<number>;
         /**
          *
          * Tests whether a number is greater than a threshold value.
          *
+         * [Api set: ExcelApi 1.2]
+         *
          * @param number Is the value to test against step.
          * @param step Is the threshold value.
-         *
-         * [Api set: ExcelApi 1.2]
          */
         geStep(number: number | string | boolean | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, step?: number | string | boolean | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>): FunctionResult<number>;
         /**
          *
          * Returns the geometric mean of an array or range of positive numeric data.
          *
-         * @param values List of parameters, whose elements are 1 to 255 numbers or names, arrays, or references that contain numbers for which you want the mean.
-         *
          * [Api set: ExcelApi 1.2]
+         *
+         * @param values List of parameters, whose elements are 1 to 255 numbers or names, arrays, or references that contain numbers for which you want the mean.
          */
         geoMean(...values: Array<number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>>): FunctionResult<number>;
         /**
          *
          * Looks for a value in the top row of a table or array of values and returns the value in the same column from a row you specify.
          *
+         * [Api set: ExcelApi 1.2]
+         *
          * @param lookupValue Is the value to be found in the first row of the table and can be a value, a reference, or a text string.
          * @param tableArray Is a table of text, numbers, or logical values in which data is looked up. tableArray can be a reference to a range or a range name.
          * @param rowIndexNum Is the row number in tableArray from which the matching value should be returned. The first row of values in the table is row 1.
          * @param rangeLookup Is a logical value: to find the closest match in the top row (sorted in ascending order) = TRUE or omitted; find an exact match = FALSE.
-         *
-         * [Api set: ExcelApi 1.2]
          */
         hlookup(lookupValue: number | string | boolean | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, tableArray: Excel.Range | number | Excel.RangeReference | Excel.FunctionResult<any>, rowIndexNum: Excel.Range | number | Excel.RangeReference | Excel.FunctionResult<any>, rangeLookup?: boolean | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>): FunctionResult<number | string | boolean>;
         /**
          *
          * Returns the harmonic mean of a data set of positive numbers: the reciprocal of the arithmetic mean of reciprocals.
          *
-         * @param values List of parameters, whose elements are 1 to 255 numbers or names, arrays, or references that contain numbers for which you want the harmonic mean.
-         *
          * [Api set: ExcelApi 1.2]
+         *
+         * @param values List of parameters, whose elements are 1 to 255 numbers or names, arrays, or references that contain numbers for which you want the harmonic mean.
          */
         harMean(...values: Array<number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>>): FunctionResult<number>;
         /**
          *
          * Converts a Hexadecimal number to binary.
          *
+         * [Api set: ExcelApi 1.2]
+         *
          * @param number Is the hexadecimal number you want to convert.
          * @param places Is the number of characters to use.
-         *
-         * [Api set: ExcelApi 1.2]
          */
         hex2Bin(number: number | string | boolean | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, places?: number | string | boolean | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>): FunctionResult<number>;
         /**
          *
          * Converts a hexadecimal number to decimal.
          *
-         * @param number Is the hexadecimal number you want to convert.
-         *
          * [Api set: ExcelApi 1.2]
+         *
+         * @param number Is the hexadecimal number you want to convert.
          */
         hex2Dec(number: number | string | boolean | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>): FunctionResult<number>;
         /**
          *
          * Converts a hexadecimal number to octal.
          *
+         * [Api set: ExcelApi 1.2]
+         *
          * @param number Is the hexadecimal number you want to convert.
          * @param places Is the number of characters to use.
-         *
-         * [Api set: ExcelApi 1.2]
          */
         hex2Oct(number: number | string | boolean | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, places?: number | string | boolean | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>): FunctionResult<number>;
         /**
          *
          * Returns the hour as a number from 0 (12:00 A.M.) to 23 (11:00 P.M.).
          *
-         * @param serialNumber Is a number in the date-time code used by Microsoft Excel, or text in time format, such as 16:48:00 or 4:48:00 PM.
-         *
          * [Api set: ExcelApi 1.2]
+         *
+         * @param serialNumber Is a number in the date-time code used by Microsoft Excel, or text in time format, such as 16:48:00 or 4:48:00 PM.
          */
         hour(serialNumber: number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>): FunctionResult<number>;
         /**
          *
          * Returns the hypergeometric distribution.
          *
+         * [Api set: ExcelApi 1.2]
+         *
          * @param sampleS Is the number of successes in the sample.
          * @param numberSample Is the size of the sample.
          * @param populationS Is the number of successes in the population.
          * @param numberPop Is the population size.
          * @param cumulative Is a logical value: for the cumulative distribution function, use TRUE; for the probability density function, use FALSE.
-         *
-         * [Api set: ExcelApi 1.2]
          */
         hypGeom_Dist(sampleS: number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, numberSample: number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, populationS: number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, numberPop: number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, cumulative: boolean | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>): FunctionResult<number>;
         /**
          *
          * Creates a shortcut or jump that opens a document stored on your hard drive, a network server, or on the Internet.
          *
+         * [Api set: ExcelApi 1.2]
+         *
          * @param linkLocation Is the text giving the path and file name to the document to be opened, a hard drive location, UNC address, or URL path.
          * @param friendlyName Is text or a number that is displayed in the cell. If omitted, the cell displays the linkLocation text.
-         *
-         * [Api set: ExcelApi 1.2]
          */
         hyperlink(linkLocation: string | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, friendlyName?: number | string | boolean | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>): FunctionResult<number | string | boolean>;
         /**
          *
          * Rounds a number up, to the nearest integer or to the nearest multiple of significance.
          *
+         * [Api set: ExcelApi 1.2]
+         *
          * @param number Is the value you want to round.
          * @param significance Is the optional multiple to which you want to round.
-         *
-         * [Api set: ExcelApi 1.2]
          */
         iso_Ceiling(number: number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, significance?: number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>): FunctionResult<number>;
         /**
          *
          * Checks whether a condition is met, and returns one value if TRUE, and another value if FALSE.
          *
+         * [Api set: ExcelApi 1.2]
+         *
          * @param logicalTest Is any value or expression that can be evaluated to TRUE or FALSE.
          * @param valueIfTrue Is the value that is returned if logicalTest is TRUE. If omitted, TRUE is returned. You can nest up to seven IF functions.
          * @param valueIfFalse Is the value that is returned if logicalTest is FALSE. If omitted, FALSE is returned.
-         *
-         * [Api set: ExcelApi 1.2]
          */
         if(logicalTest: boolean | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, valueIfTrue?: Excel.Range | number | string | boolean | Excel.RangeReference | Excel.FunctionResult<any>, valueIfFalse?: Excel.Range | number | string | boolean | Excel.RangeReference | Excel.FunctionResult<any>): FunctionResult<number | string | boolean>;
         /**
          *
          * Returns the absolute value (modulus) of a complex number.
          *
-         * @param inumber Is a complex number for which you want the absolute value.
-         *
          * [Api set: ExcelApi 1.2]
+         *
+         * @param inumber Is a complex number for which you want the absolute value.
          */
         imAbs(inumber: number | string | boolean | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>): FunctionResult<number>;
         /**
          *
          * Returns the argument q, an angle expressed in radians.
          *
-         * @param inumber Is a complex number for which you want the argument.
-         *
          * [Api set: ExcelApi 1.2]
+         *
+         * @param inumber Is a complex number for which you want the argument.
          */
         imArgument(inumber: number | string | boolean | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>): FunctionResult<number>;
         /**
          *
          * Returns the complex conjugate of a complex number.
          *
-         * @param inumber Is a complex number for which you want the conjugate.
-         *
          * [Api set: ExcelApi 1.2]
+         *
+         * @param inumber Is a complex number for which you want the conjugate.
          */
         imConjugate(inumber: number | string | boolean | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>): FunctionResult<number>;
         /**
          *
          * Returns the cosine of a complex number.
          *
-         * @param inumber Is a complex number for which you want the cosine.
-         *
          * [Api set: ExcelApi 1.2]
+         *
+         * @param inumber Is a complex number for which you want the cosine.
          */
         imCos(inumber: number | string | boolean | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>): FunctionResult<number>;
         /**
          *
          * Returns the hyperbolic cosine of a complex number.
          *
-         * @param inumber Is a complex number for which you want the hyperbolic cosine.
-         *
          * [Api set: ExcelApi 1.2]
+         *
+         * @param inumber Is a complex number for which you want the hyperbolic cosine.
          */
         imCosh(inumber: number | string | boolean | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>): FunctionResult<number>;
         /**
          *
          * Returns the cotangent of a complex number.
          *
-         * @param inumber Is a complex number for which you want the cotangent.
-         *
          * [Api set: ExcelApi 1.2]
+         *
+         * @param inumber Is a complex number for which you want the cotangent.
          */
         imCot(inumber: number | string | boolean | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>): FunctionResult<number>;
         /**
          *
          * Returns the cosecant of a complex number.
          *
-         * @param inumber Is a complex number for which you want the cosecant.
-         *
          * [Api set: ExcelApi 1.2]
+         *
+         * @param inumber Is a complex number for which you want the cosecant.
          */
         imCsc(inumber: number | string | boolean | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>): FunctionResult<number>;
         /**
          *
          * Returns the hyperbolic cosecant of a complex number.
          *
-         * @param inumber Is a complex number for which you want the hyperbolic cosecant.
-         *
          * [Api set: ExcelApi 1.2]
+         *
+         * @param inumber Is a complex number for which you want the hyperbolic cosecant.
          */
         imCsch(inumber: number | string | boolean | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>): FunctionResult<number>;
         /**
          *
          * Returns the quotient of two complex numbers.
          *
+         * [Api set: ExcelApi 1.2]
+         *
          * @param inumber1 Is the complex numerator or dividend.
          * @param inumber2 Is the complex denominator or divisor.
-         *
-         * [Api set: ExcelApi 1.2]
          */
         imDiv(inumber1: number | string | boolean | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, inumber2: number | string | boolean | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>): FunctionResult<number>;
         /**
          *
          * Returns the exponential of a complex number.
          *
-         * @param inumber Is a complex number for which you want the exponential.
-         *
          * [Api set: ExcelApi 1.2]
+         *
+         * @param inumber Is a complex number for which you want the exponential.
          */
         imExp(inumber: number | string | boolean | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>): FunctionResult<number>;
         /**
          *
          * Returns the natural logarithm of a complex number.
          *
-         * @param inumber Is a complex number for which you want the natural logarithm.
-         *
          * [Api set: ExcelApi 1.2]
+         *
+         * @param inumber Is a complex number for which you want the natural logarithm.
          */
         imLn(inumber: number | string | boolean | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>): FunctionResult<number>;
         /**
          *
          * Returns the base-10 logarithm of a complex number.
          *
-         * @param inumber Is a complex number for which you want the common logarithm.
-         *
          * [Api set: ExcelApi 1.2]
+         *
+         * @param inumber Is a complex number for which you want the common logarithm.
          */
         imLog10(inumber: number | string | boolean | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>): FunctionResult<number>;
         /**
          *
          * Returns the base-2 logarithm of a complex number.
          *
-         * @param inumber Is a complex number for which you want the base-2 logarithm.
-         *
          * [Api set: ExcelApi 1.2]
+         *
+         * @param inumber Is a complex number for which you want the base-2 logarithm.
          */
         imLog2(inumber: number | string | boolean | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>): FunctionResult<number>;
         /**
          *
          * Returns a complex number raised to an integer power.
          *
+         * [Api set: ExcelApi 1.2]
+         *
          * @param inumber Is a complex number you want to raise to a power.
          * @param number Is the power to which you want to raise the complex number.
-         *
-         * [Api set: ExcelApi 1.2]
          */
         imPower(inumber: number | string | boolean | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, number: number | string | boolean | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>): FunctionResult<number>;
         /**
          *
          * Returns the product of 1 to 255 complex numbers.
          *
-         * @param values Inumber1, Inumber2,... are from 1 to 255 complex numbers to multiply.
-         *
          * [Api set: ExcelApi 1.2]
+         *
+         * @param values Inumber1, Inumber2,... are from 1 to 255 complex numbers to multiply.
          */
         imProduct(...values: Array<Excel.Range | number | string | boolean | Excel.RangeReference | Excel.FunctionResult<any>>): FunctionResult<number>;
         /**
          *
          * Returns the real coefficient of a complex number.
          *
-         * @param inumber Is a complex number for which you want the real coefficient.
-         *
          * [Api set: ExcelApi 1.2]
+         *
+         * @param inumber Is a complex number for which you want the real coefficient.
          */
         imReal(inumber: number | string | boolean | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>): FunctionResult<number>;
         /**
          *
          * Returns the secant of a complex number.
          *
-         * @param inumber Is a complex number for which you want the secant.
-         *
          * [Api set: ExcelApi 1.2]
+         *
+         * @param inumber Is a complex number for which you want the secant.
          */
         imSec(inumber: number | string | boolean | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>): FunctionResult<number>;
         /**
          *
          * Returns the hyperbolic secant of a complex number.
          *
-         * @param inumber Is a complex number for which you want the hyperbolic secant.
-         *
          * [Api set: ExcelApi 1.2]
+         *
+         * @param inumber Is a complex number for which you want the hyperbolic secant.
          */
         imSech(inumber: number | string | boolean | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>): FunctionResult<number>;
         /**
          *
          * Returns the sine of a complex number.
          *
-         * @param inumber Is a complex number for which you want the sine.
-         *
          * [Api set: ExcelApi 1.2]
+         *
+         * @param inumber Is a complex number for which you want the sine.
          */
         imSin(inumber: number | string | boolean | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>): FunctionResult<number>;
         /**
          *
          * Returns the hyperbolic sine of a complex number.
          *
-         * @param inumber Is a complex number for which you want the hyperbolic sine.
-         *
          * [Api set: ExcelApi 1.2]
+         *
+         * @param inumber Is a complex number for which you want the hyperbolic sine.
          */
         imSinh(inumber: number | string | boolean | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>): FunctionResult<number>;
         /**
          *
          * Returns the square root of a complex number.
          *
-         * @param inumber Is a complex number for which you want the square root.
-         *
          * [Api set: ExcelApi 1.2]
+         *
+         * @param inumber Is a complex number for which you want the square root.
          */
         imSqrt(inumber: number | string | boolean | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>): FunctionResult<number>;
         /**
          *
          * Returns the difference of two complex numbers.
          *
+         * [Api set: ExcelApi 1.2]
+         *
          * @param inumber1 Is the complex number from which to subtract inumber2.
          * @param inumber2 Is the complex number to subtract from inumber1.
-         *
-         * [Api set: ExcelApi 1.2]
          */
         imSub(inumber1: number | string | boolean | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, inumber2: number | string | boolean | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>): FunctionResult<number>;
         /**
          *
          * Returns the sum of complex numbers.
          *
-         * @param values List of parameters, whose elements are from 1 to 255 complex numbers to add.
-         *
          * [Api set: ExcelApi 1.2]
+         *
+         * @param values List of parameters, whose elements are from 1 to 255 complex numbers to add.
          */
         imSum(...values: Array<Excel.Range | number | string | boolean | Excel.RangeReference | Excel.FunctionResult<any>>): FunctionResult<number>;
         /**
          *
          * Returns the tangent of a complex number.
          *
-         * @param inumber Is a complex number for which you want the tangent.
-         *
          * [Api set: ExcelApi 1.2]
+         *
+         * @param inumber Is a complex number for which you want the tangent.
          */
         imTan(inumber: number | string | boolean | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>): FunctionResult<number>;
         /**
          *
          * Returns the imaginary coefficient of a complex number.
          *
-         * @param inumber Is a complex number for which you want the imaginary coefficient.
-         *
          * [Api set: ExcelApi 1.2]
+         *
+         * @param inumber Is a complex number for which you want the imaginary coefficient.
          */
         imaginary(inumber: number | string | boolean | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>): FunctionResult<number>;
         /**
          *
          * Rounds a number down to the nearest integer.
          *
-         * @param number Is the real number you want to round down to an integer.
-         *
          * [Api set: ExcelApi 1.2]
+         *
+         * @param number Is the real number you want to round down to an integer.
          */
         int(number: number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>): FunctionResult<number>;
         /**
          *
          * Returns the interest rate for a fully invested security.
          *
+         * [Api set: ExcelApi 1.2]
+         *
          * @param settlement Is the security's settlement date, expressed as a serial date number.
          * @param maturity Is the security's maturity date, expressed as a serial date number.
          * @param investment Is the amount invested in the security.
          * @param redemption Is the amount to be received at maturity.
          * @param basis Is the type of day count basis to use.
-         *
-         * [Api set: ExcelApi 1.2]
          */
         intRate(settlement: number | string | boolean | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, maturity: number | string | boolean | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, investment: number | string | boolean | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, redemption: number | string | boolean | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, basis?: number | string | boolean | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>): FunctionResult<number>;
         /**
          *
          * Returns the interest payment for a given period for an investment, based on periodic, constant payments and a constant interest rate.
          *
+         * [Api set: ExcelApi 1.2]
+         *
          * @param rate Is the interest rate per period. For example, use 6%/4 for quarterly payments at 6% APR.
          * @param per Is the period for which you want to find the interest and must be in the range 1 to Nper.
          * @param nper Is the total number of payment periods in an investment.
          * @param pv Is the present value, or the lump-sum amount that a series of future payments is worth now.
          * @param fv Is the future value, or a cash balance you want to attain after the last payment is made. If omitted, Fv = 0.
          * @param type Is a logical value representing the timing of payment: at the end of the period = 0 or omitted, at the beginning of the period = 1.
-         *
-         * [Api set: ExcelApi 1.2]
          */
         ipmt(rate: number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, per: number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, nper: number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, pv: number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, fv?: number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, type?: number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>): FunctionResult<number>;
         /**
          *
          * Returns the internal rate of return for a series of cash flows.
          *
+         * [Api set: ExcelApi 1.2]
+         *
          * @param values Is an array or a reference to cells that contain numbers for which you want to calculate the internal rate of return.
          * @param guess Is a number that you guess is close to the result of IRR; 0.1 (10 percent) if omitted.
-         *
-         * [Api set: ExcelApi 1.2]
          */
         irr(values: Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, guess?: number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>): FunctionResult<number>;
         /**
          *
          * Checks whether a value is an error (#VALUE!, #REF!, #DIV/0!, #NUM!, #NAME?, or #NULL!) excluding #N/A, and returns TRUE or FALSE.
          *
-         * @param value Is the value you want to test. Value can refer to a cell, a formula, or a name that refers to a cell, formula, or value.
-         *
          * [Api set: ExcelApi 1.2]
+         *
+         * @param value Is the value you want to test. Value can refer to a cell, a formula, or a name that refers to a cell, formula, or value.
          */
         isErr(value: number | string | boolean | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>): FunctionResult<boolean>;
         /**
          *
          * Checks whether a value is an error (#N/A, #VALUE!, #REF!, #DIV/0!, #NUM!, #NAME?, or #NULL!), and returns TRUE or FALSE.
          *
-         * @param value Is the value you want to test. Value can refer to a cell, a formula, or a name that refers to a cell, formula, or value.
-         *
          * [Api set: ExcelApi 1.2]
+         *
+         * @param value Is the value you want to test. Value can refer to a cell, a formula, or a name that refers to a cell, formula, or value.
          */
         isError(value: number | string | boolean | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>): FunctionResult<boolean>;
         /**
          *
          * Returns TRUE if the number is even.
          *
-         * @param number Is the value to test.
-         *
          * [Api set: ExcelApi 1.2]
+         *
+         * @param number Is the value to test.
          */
         isEven(number: number | string | boolean | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>): FunctionResult<number>;
         /**
          *
          * Checks whether a reference is to a cell containing a formula, and returns TRUE or FALSE.
          *
-         * @param reference Is a reference to the cell you want to test.  Reference can be a cell reference, a formula, or name that refers to a cell.
-         *
          * [Api set: ExcelApi 1.2]
+         *
+         * @param reference Is a reference to the cell you want to test.  Reference can be a cell reference, a formula, or name that refers to a cell.
          */
         isFormula(reference: Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>): FunctionResult<boolean>;
         /**
          *
          * Checks whether a value is a logical value (TRUE or FALSE), and returns TRUE or FALSE.
          *
-         * @param value Is the value you want to test. Value can refer to a cell, a formula, or a name that refers to a cell, formula, or value.
-         *
          * [Api set: ExcelApi 1.2]
+         *
+         * @param value Is the value you want to test. Value can refer to a cell, a formula, or a name that refers to a cell, formula, or value.
          */
         isLogical(value: number | string | boolean | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>): FunctionResult<boolean>;
         /**
          *
          * Checks whether a value is #N/A, and returns TRUE or FALSE.
          *
-         * @param value Is the value you want to test. Value can refer to a cell, a formula, or a name that refers to a cell, formula, or value.
-         *
          * [Api set: ExcelApi 1.2]
+         *
+         * @param value Is the value you want to test. Value can refer to a cell, a formula, or a name that refers to a cell, formula, or value.
          */
         isNA(value: number | string | boolean | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>): FunctionResult<boolean>;
         /**
          *
          * Checks whether a value is not text (blank cells are not text), and returns TRUE or FALSE.
          *
-         * @param value Is the value you want tested: a cell; a formula; or a name referring to a cell, formula, or value.
-         *
          * [Api set: ExcelApi 1.2]
+         *
+         * @param value Is the value you want tested: a cell; a formula; or a name referring to a cell, formula, or value.
          */
         isNonText(value: number | string | boolean | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>): FunctionResult<boolean>;
         /**
          *
          * Checks whether a value is a number, and returns TRUE or FALSE.
          *
-         * @param value Is the value you want to test. Value can refer to a cell, a formula, or a name that refers to a cell, formula, or value.
-         *
          * [Api set: ExcelApi 1.2]
+         *
+         * @param value Is the value you want to test. Value can refer to a cell, a formula, or a name that refers to a cell, formula, or value.
          */
         isNumber(value: number | string | boolean | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>): FunctionResult<boolean>;
         /**
          *
          * Returns TRUE if the number is odd.
          *
-         * @param number Is the value to test.
-         *
          * [Api set: ExcelApi 1.2]
+         *
+         * @param number Is the value to test.
          */
         isOdd(number: number | string | boolean | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>): FunctionResult<number>;
         /**
          *
          * Checks whether a value is text, and returns TRUE or FALSE.
          *
-         * @param value Is the value you want to test. Value can refer to a cell, a formula, or a name that refers to a cell, formula, or value.
-         *
          * [Api set: ExcelApi 1.2]
+         *
+         * @param value Is the value you want to test. Value can refer to a cell, a formula, or a name that refers to a cell, formula, or value.
          */
         isText(value: number | string | boolean | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>): FunctionResult<boolean>;
         /**
          *
          * Returns the ISO week number in the year for a given date.
          *
-         * @param date Is the date-time code used by Microsoft Excel for date and time calculation.
-         *
          * [Api set: ExcelApi 1.2]
+         *
+         * @param date Is the date-time code used by Microsoft Excel for date and time calculation.
          */
         isoWeekNum(date: number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>): FunctionResult<number>;
         /**
          *
          * Returns the interest paid during a specific period of an investment.
          *
+         * [Api set: ExcelApi 1.2]
+         *
          * @param rate Interest rate per period. For example, use 6%/4 for quarterly payments at 6% APR.
          * @param per Period for which you want to find the interest.
          * @param nper Number of payment periods in an investment.
          * @param pv Lump sum amount that a series of future payments is right now.
-         *
-         * [Api set: ExcelApi 1.2]
          */
         ispmt(rate: number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, per: number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, nper: number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, pv: number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>): FunctionResult<number>;
         /**
          *
          * Checks whether a value is a reference, and returns TRUE or FALSE.
          *
-         * @param value Is the value you want to test. Value can refer to a cell, a formula, or a name that refers to a cell, formula, or value.
-         *
          * [Api set: ExcelApi 1.2]
+         *
+         * @param value Is the value you want to test. Value can refer to a cell, a formula, or a name that refers to a cell, formula, or value.
          */
         isref(value: Excel.Range | number | string | boolean | Excel.RangeReference | Excel.FunctionResult<any>): FunctionResult<boolean>;
         /**
          *
          * Returns the kurtosis of a data set.
          *
-         * @param values List of parameters, whose elements are 1 to 255 numbers or names, arrays, or references that contain numbers for which you want the kurtosis.
-         *
          * [Api set: ExcelApi 1.2]
+         *
+         * @param values List of parameters, whose elements are 1 to 255 numbers or names, arrays, or references that contain numbers for which you want the kurtosis.
          */
         kurt(...values: Array<number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>>): FunctionResult<number>;
         /**
          *
          * Returns the k-th largest value in a data set. For example, the fifth largest number.
          *
+         * [Api set: ExcelApi 1.2]
+         *
          * @param array Is the array or range of data for which you want to determine the k-th largest value.
          * @param k Is the position (from the largest) in the array or cell range of the value to return.
-         *
-         * [Api set: ExcelApi 1.2]
          */
         large(array: number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, k: number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>): FunctionResult<number>;
         /**
          *
          * Returns the least common multiple.
          *
-         * @param values List of parameters, whose elements are 1 to 255 values for which you want the least common multiple.
-         *
          * [Api set: ExcelApi 1.2]
+         *
+         * @param values List of parameters, whose elements are 1 to 255 values for which you want the least common multiple.
          */
         lcm(...values: Array<number | string | Excel.Range | boolean | Excel.RangeReference | Excel.FunctionResult<any>>): FunctionResult<number>;
         /**
          *
          * Returns the specified number of characters from the start of a text string.
          *
+         * [Api set: ExcelApi 1.2]
+         *
          * @param text Is the text string containing the characters you want to extract.
          * @param numChars Specifies how many characters you want LEFT to extract; 1 if omitted.
-         *
-         * [Api set: ExcelApi 1.2]
          */
         left(text: string | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, numChars?: number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>): FunctionResult<string>;
         /**
          *
          * Returns the specified number of characters from the start of a text string. Use with double-byte character sets (DBCS).
          *
+         * [Api set: ExcelApi 1.2]
+         *
          * @param text Is the text string containing the characters you want to extract.
          * @param numBytes Specifies how many characters you want LEFT to return.
-         *
-         * [Api set: ExcelApi 1.2]
          */
         leftb(text: string | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, numBytes?: number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>): FunctionResult<string>;
         /**
          *
          * Returns the number of characters in a text string.
          *
-         * @param text Is the text whose length you want to find. Spaces count as characters.
-         *
          * [Api set: ExcelApi 1.2]
+         *
+         * @param text Is the text whose length you want to find. Spaces count as characters.
          */
         len(text: string | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>): FunctionResult<number>;
         /**
          *
          * Returns the number of characters in a text string. Use with double-byte character sets (DBCS).
          *
-         * @param text Is the text whose length you want to find.
-         *
          * [Api set: ExcelApi 1.2]
+         *
+         * @param text Is the text whose length you want to find.
          */
         lenb(text: string | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>): FunctionResult<number>;
         /**
          *
          * Returns the natural logarithm of a number.
          *
-         * @param number Is the positive real number for which you want the natural logarithm.
-         *
          * [Api set: ExcelApi 1.2]
+         *
+         * @param number Is the positive real number for which you want the natural logarithm.
          */
         ln(number: number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>): FunctionResult<number>;
         /**
          *
          * Returns the logarithm of a number to the base you specify.
          *
+         * [Api set: ExcelApi 1.2]
+         *
          * @param number Is the positive real number for which you want the logarithm.
          * @param base Is the base of the logarithm; 10 if omitted.
-         *
-         * [Api set: ExcelApi 1.2]
          */
         log(number: number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, base?: number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>): FunctionResult<number>;
         /**
          *
          * Returns the base-10 logarithm of a number.
          *
-         * @param number Is the positive real number for which you want the base-10 logarithm.
-         *
          * [Api set: ExcelApi 1.2]
+         *
+         * @param number Is the positive real number for which you want the base-10 logarithm.
          */
         log10(number: number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>): FunctionResult<number>;
         /**
          *
          * Returns the lognormal distribution of x, where ln(x) is normally distributed with parameters Mean and Standard_dev.
          *
+         * [Api set: ExcelApi 1.2]
+         *
          * @param x Is the value at which to evaluate the function, a positive number.
          * @param mean Is the mean of ln(x).
          * @param standardDev Is the standard deviation of ln(x), a positive number.
          * @param cumulative Is a logical value: for the cumulative distribution function, use TRUE; for the probability density function, use FALSE.
-         *
-         * [Api set: ExcelApi 1.2]
          */
         logNorm_Dist(x: number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, mean: number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, standardDev: number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, cumulative: boolean | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>): FunctionResult<number>;
         /**
          *
          * Returns the inverse of the lognormal cumulative distribution function of x, where ln(x) is normally distributed with parameters Mean and Standard_dev.
          *
+         * [Api set: ExcelApi 1.2]
+         *
          * @param probability Is a probability associated with the lognormal distribution, a number between 0 and 1, inclusive.
          * @param mean Is the mean of ln(x).
          * @param standardDev Is the standard deviation of ln(x), a positive number.
-         *
-         * [Api set: ExcelApi 1.2]
          */
         logNorm_Inv(probability: number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, mean: number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, standardDev: number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>): FunctionResult<number>;
         /**
          *
          * Looks up a value either from a one-row or one-column range or from an array. Provided for backward compatibility.
          *
+         * [Api set: ExcelApi 1.2]
+         *
          * @param lookupValue Is a value that LOOKUP searches for in lookupVector and can be a number, text, a logical value, or a name or reference to a value.
          * @param lookupVector Is a range that contains only one row or one column of text, numbers, or logical values, placed in ascending order.
          * @param resultVector Is a range that contains only one row or column, the same size as lookupVector.
-         *
-         * [Api set: ExcelApi 1.2]
          */
         lookup(lookupValue: number | string | boolean | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, lookupVector: Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, resultVector?: Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>): FunctionResult<number | string | boolean>;
         /**
          *
          * Converts all letters in a text string to lowercase.
          *
-         * @param text Is the text you want to convert to lowercase. Characters in Text that are not letters are not changed.
-         *
          * [Api set: ExcelApi 1.2]
+         *
+         * @param text Is the text you want to convert to lowercase. Characters in Text that are not letters are not changed.
          */
         lower(text: string | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>): FunctionResult<string>;
         /**
          *
          * Returns the Macauley modified duration for a security with an assumed par value of $100.
          *
+         * [Api set: ExcelApi 1.2]
+         *
          * @param settlement Is the security's settlement date, expressed as a serial date number.
          * @param maturity Is the security's maturity date, expressed as a serial date number.
          * @param coupon Is the security's annual coupon rate.
          * @param yld Is the security's annual yield.
          * @param frequency Is the number of coupon payments per year.
          * @param basis Is the type of day count basis to use.
-         *
-         * [Api set: ExcelApi 1.2]
          */
         mduration(settlement: number | string | boolean | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, maturity: number | string | boolean | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, coupon: number | string | boolean | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, yld: number | string | boolean | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, frequency: number | string | boolean | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, basis?: number | string | boolean | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>): FunctionResult<number>;
         /**
          *
          * Returns the internal rate of return for a series of periodic cash flows, considering both cost of investment and interest on reinvestment of cash.
          *
+         * [Api set: ExcelApi 1.2]
+         *
          * @param values Is an array or a reference to cells that contain numbers that represent a series of payments (negative) and income (positive) at regular periods.
          * @param financeRate Is the interest rate you pay on the money used in the cash flows.
          * @param reinvestRate Is the interest rate you receive on the cash flows as you reinvest them.
-         *
-         * [Api set: ExcelApi 1.2]
          */
         mirr(values: Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, financeRate: number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, reinvestRate: number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>): FunctionResult<number>;
         /**
          *
          * Returns a number rounded to the desired multiple.
          *
+         * [Api set: ExcelApi 1.2]
+         *
          * @param number Is the value to round.
          * @param multiple Is the multiple to which you want to round number.
-         *
-         * [Api set: ExcelApi 1.2]
          */
         mround(number: number | string | boolean | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, multiple: number | string | boolean | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>): FunctionResult<number>;
         /**
          *
          * Returns the relative position of an item in an array that matches a specified value in a specified order.
          *
+         * [Api set: ExcelApi 1.2]
+         *
          * @param lookupValue Is the value you use to find the value you want in the array, a number, text, or logical value, or a reference to one of these.
          * @param lookupArray Is a contiguous range of cells containing possible lookup values, an array of values, or a reference to an array.
          * @param matchType Is a number 1, 0, or -1 indicating which value to return.
-         *
-         * [Api set: ExcelApi 1.2]
          */
         match(lookupValue: number | string | boolean | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, lookupArray: number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, matchType?: number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>): FunctionResult<number>;
         /**
          *
          * Returns the largest value in a set of values. Ignores logical values and text.
          *
-         * @param values List of parameters, whose elements are 1 to 255 numbers, empty cells, logical values, or text numbers for which you want the maximum.
-         *
          * [Api set: ExcelApi 1.2]
+         *
+         * @param values List of parameters, whose elements are 1 to 255 numbers, empty cells, logical values, or text numbers for which you want the maximum.
          */
         max(...values: Array<number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>>): FunctionResult<number>;
         /**
          *
          * Returns the largest value in a set of values. Does not ignore logical values and text.
          *
-         * @param values List of parameters, whose elements are 1 to 255 numbers, empty cells, logical values, or text numbers for which you want the maximum.
-         *
          * [Api set: ExcelApi 1.2]
+         *
+         * @param values List of parameters, whose elements are 1 to 255 numbers, empty cells, logical values, or text numbers for which you want the maximum.
          */
         maxA(...values: Array<number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>>): FunctionResult<number>;
         /**
          *
          * Returns the median, or the number in the middle of the set of given numbers.
          *
-         * @param values List of parameters, whose elements are 1 to 255 numbers or names, arrays, or references that contain numbers for which you want the median.
-         *
          * [Api set: ExcelApi 1.2]
+         *
+         * @param values List of parameters, whose elements are 1 to 255 numbers or names, arrays, or references that contain numbers for which you want the median.
          */
         median(...values: Array<number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>>): FunctionResult<number>;
         /**
          *
          * Returns the characters from the middle of a text string, given a starting position and length.
          *
+         * [Api set: ExcelApi 1.2]
+         *
          * @param text Is the text string from which you want to extract the characters.
          * @param startNum Is the position of the first character you want to extract. The first character in Text is 1.
          * @param numChars Specifies how many characters to return from Text.
-         *
-         * [Api set: ExcelApi 1.2]
          */
         mid(text: string | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, startNum: number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, numChars: number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>): FunctionResult<string>;
         /**
          *
          * Returns characters from the middle of a text string, given a starting position and length. Use with double-byte character sets (DBCS).
          *
+         * [Api set: ExcelApi 1.2]
+         *
          * @param text Is the text string containing the characters you want to extract.
          * @param startNum Is the position of the first character you want to extract in text.
          * @param numBytes Specifies how many characters to return from text.
-         *
-         * [Api set: ExcelApi 1.2]
          */
         midb(text: string | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, startNum: number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, numBytes: number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>): FunctionResult<string>;
         /**
          *
          * Returns the smallest number in a set of values. Ignores logical values and text.
          *
-         * @param values List of parameters, whose elements are 1 to 255 numbers, empty cells, logical values, or text numbers for which you want the minimum.
-         *
          * [Api set: ExcelApi 1.2]
+         *
+         * @param values List of parameters, whose elements are 1 to 255 numbers, empty cells, logical values, or text numbers for which you want the minimum.
          */
         min(...values: Array<number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>>): FunctionResult<number>;
         /**
          *
          * Returns the smallest value in a set of values. Does not ignore logical values and text.
          *
-         * @param values List of parameters, whose elements are 1 to 255 numbers, empty cells, logical values, or text numbers for which you want the minimum.
-         *
          * [Api set: ExcelApi 1.2]
+         *
+         * @param values List of parameters, whose elements are 1 to 255 numbers, empty cells, logical values, or text numbers for which you want the minimum.
          */
         minA(...values: Array<number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>>): FunctionResult<number>;
         /**
          *
          * Returns the minute, a number from 0 to 59.
          *
-         * @param serialNumber Is a number in the date-time code used by Microsoft Excel or text in time format, such as 16:48:00 or 4:48:00 PM.
-         *
          * [Api set: ExcelApi 1.2]
+         *
+         * @param serialNumber Is a number in the date-time code used by Microsoft Excel or text in time format, such as 16:48:00 or 4:48:00 PM.
          */
         minute(serialNumber: number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>): FunctionResult<number>;
         /**
          *
          * Returns the remainder after a number is divided by a divisor.
          *
+         * [Api set: ExcelApi 1.2]
+         *
          * @param number Is the number for which you want to find the remainder after the division is performed.
          * @param divisor Is the number by which you want to divide Number.
-         *
-         * [Api set: ExcelApi 1.2]
          */
         mod(number: number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, divisor: number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>): FunctionResult<number>;
         /**
          *
          * Returns the month, a number from 1 (January) to 12 (December).
          *
-         * @param serialNumber Is a number in the date-time code used by Microsoft Excel.
-         *
          * [Api set: ExcelApi 1.2]
+         *
+         * @param serialNumber Is a number in the date-time code used by Microsoft Excel.
          */
         month(serialNumber: number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>): FunctionResult<number>;
         /**
          *
          * Returns the multinomial of a set of numbers.
          *
-         * @param values List of parameters, whose elements are 1 to 255 values for which you want the multinomial.
-         *
          * [Api set: ExcelApi 1.2]
+         *
+         * @param values List of parameters, whose elements are 1 to 255 values for which you want the multinomial.
          */
         multiNomial(...values: Array<number | string | Excel.Range | boolean | Excel.RangeReference | Excel.FunctionResult<any>>): FunctionResult<number>;
         /**
          *
          * Converts non-number value to a number, dates to serial numbers, TRUE to 1, anything else to 0 (zero).
          *
-         * @param value Is the value you want converted.
-         *
          * [Api set: ExcelApi 1.2]
+         *
+         * @param value Is the value you want converted.
          */
         n(value: number | string | boolean | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>): FunctionResult<number>;
         /**
          *
          * Returns the number of periods for an investment based on periodic, constant payments and a constant interest rate.
          *
+         * [Api set: ExcelApi 1.2]
+         *
          * @param rate Is the interest rate per period. For example, use 6%/4 for quarterly payments at 6% APR.
          * @param pmt Is the payment made each period; it cannot change over the life of the investment.
          * @param pv Is the present value, or the lump-sum amount that a series of future payments is worth now.
          * @param fv Is the future value, or a cash balance you want to attain after the last payment is made. If omitted, zero is used.
          * @param type Is a logical value: payment at the beginning of the period = 1; payment at the end of the period = 0 or omitted.
-         *
-         * [Api set: ExcelApi 1.2]
          */
         nper(rate: number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, pmt: number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, pv: number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, fv?: number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, type?: number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>): FunctionResult<number>;
         /**
@@ -8954,96 +11405,96 @@ declare module Excel {
          *
          * Returns the negative binomial distribution, the probability that there will be Number_f failures before the Number_s-th success, with Probability_s probability of a success.
          *
+         * [Api set: ExcelApi 1.2]
+         *
          * @param numberF Is the number of failures.
          * @param numberS Is the threshold number of successes.
          * @param probabilityS Is the probability of a success; a number between 0 and 1.
          * @param cumulative Is a logical value: for the cumulative distribution function, use TRUE; for the probability mass function, use FALSE.
-         *
-         * [Api set: ExcelApi 1.2]
          */
         negBinom_Dist(numberF: number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, numberS: number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, probabilityS: number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, cumulative: boolean | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>): FunctionResult<number>;
         /**
          *
          * Returns the number of whole workdays between two dates.
          *
+         * [Api set: ExcelApi 1.2]
+         *
          * @param startDate Is a serial date number that represents the start date.
          * @param endDate Is a serial date number that represents the end date.
          * @param holidays Is an optional set of one or more serial date numbers to exclude from the working calendar, such as state and federal holidays and floating holidays.
-         *
-         * [Api set: ExcelApi 1.2]
          */
         networkDays(startDate: number | string | boolean | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, endDate: number | string | boolean | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, holidays?: number | string | Excel.Range | boolean | Excel.RangeReference | Excel.FunctionResult<any>): FunctionResult<number>;
         /**
          *
          * Returns the number of whole workdays between two dates with custom weekend parameters.
          *
+         * [Api set: ExcelApi 1.2]
+         *
          * @param startDate Is a serial date number that represents the start date.
          * @param endDate Is a serial date number that represents the end date.
          * @param weekend Is a number or string specifying when weekends occur.
          * @param holidays Is an optional set of one or more serial date numbers to exclude from the working calendar, such as state and federal holidays and floating holidays.
-         *
-         * [Api set: ExcelApi 1.2]
          */
         networkDays_Intl(startDate: number | string | boolean | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, endDate: number | string | boolean | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, weekend?: number | string | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, holidays?: number | string | Excel.Range | boolean | Excel.RangeReference | Excel.FunctionResult<any>): FunctionResult<number>;
         /**
          *
          * Returns the annual nominal interest rate.
          *
+         * [Api set: ExcelApi 1.2]
+         *
          * @param effectRate Is the effective interest rate.
          * @param npery Is the number of compounding periods per year.
-         *
-         * [Api set: ExcelApi 1.2]
          */
         nominal(effectRate: number | string | boolean | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, npery: number | string | boolean | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>): FunctionResult<number>;
         /**
          *
          * Returns the normal distribution for the specified mean and standard deviation.
          *
+         * [Api set: ExcelApi 1.2]
+         *
          * @param x Is the value for which you want the distribution.
          * @param mean Is the arithmetic mean of the distribution.
          * @param standardDev Is the standard deviation of the distribution, a positive number.
          * @param cumulative Is a logical value: for the cumulative distribution function, use TRUE; for the probability density function, use FALSE.
-         *
-         * [Api set: ExcelApi 1.2]
          */
         norm_Dist(x: number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, mean: number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, standardDev: number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, cumulative: boolean | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>): FunctionResult<number>;
         /**
          *
          * Returns the inverse of the normal cumulative distribution for the specified mean and standard deviation.
          *
+         * [Api set: ExcelApi 1.2]
+         *
          * @param probability Is a probability corresponding to the normal distribution, a number between 0 and 1 inclusive.
          * @param mean Is the arithmetic mean of the distribution.
          * @param standardDev Is the standard deviation of the distribution, a positive number.
-         *
-         * [Api set: ExcelApi 1.2]
          */
         norm_Inv(probability: number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, mean: number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, standardDev: number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>): FunctionResult<number>;
         /**
          *
          * Returns the standard normal distribution (has a mean of zero and a standard deviation of one).
          *
+         * [Api set: ExcelApi 1.2]
+         *
          * @param z Is the value for which you want the distribution.
          * @param cumulative Is a logical value for the function to return: the cumulative distribution function = TRUE; the probability density function = FALSE.
-         *
-         * [Api set: ExcelApi 1.2]
          */
         norm_S_Dist(z: number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, cumulative: boolean | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>): FunctionResult<number>;
         /**
          *
          * Returns the inverse of the standard normal cumulative distribution (has a mean of zero and a standard deviation of one).
          *
-         * @param probability Is a probability corresponding to the normal distribution, a number between 0 and 1 inclusive.
-         *
          * [Api set: ExcelApi 1.2]
+         *
+         * @param probability Is a probability corresponding to the normal distribution, a number between 0 and 1 inclusive.
          */
         norm_S_Inv(probability: number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>): FunctionResult<number>;
         /**
          *
          * Changes FALSE to TRUE, or TRUE to FALSE.
          *
-         * @param logical Is a value or expression that can be evaluated to TRUE or FALSE.
-         *
          * [Api set: ExcelApi 1.2]
+         *
+         * @param logical Is a value or expression that can be evaluated to TRUE or FALSE.
          */
         not(logical: boolean | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>): FunctionResult<boolean>;
         /**
@@ -9057,65 +11508,67 @@ declare module Excel {
          *
          * Returns the net present value of an investment based on a discount rate and a series of future payments (negative values) and income (positive values).
          *
+         * [Api set: ExcelApi 1.2]
+         *
          * @param rate Is the rate of discount over the length of one period.
          * @param values List of parameters, whose elements are 1 to 254 payments and income, equally spaced in time and occurring at the end of each period.
-         *
-         * [Api set: ExcelApi 1.2]
          */
         npv(rate: number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, ...values: Array<number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>>): FunctionResult<number>;
         /**
          *
          * Converts text to number in a locale-independent manner.
          *
+         * [Api set: ExcelApi 1.2]
+         *
          * @param text Is the string representing the number you want to convert.
          * @param decimalSeparator Is the character used as the decimal separator in the string.
          * @param groupSeparator Is the character used as the group separator in the string.
-         *
-         * [Api set: ExcelApi 1.2]
          */
         numberValue(text: string | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, decimalSeparator?: string | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, groupSeparator?: string | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>): FunctionResult<number>;
         /**
          *
          * Converts an octal number to binary.
          *
+         * [Api set: ExcelApi 1.2]
+         *
          * @param number Is the octal number you want to convert.
          * @param places Is the number of characters to use.
-         *
-         * [Api set: ExcelApi 1.2]
          */
         oct2Bin(number: number | string | boolean | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, places?: number | string | boolean | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>): FunctionResult<number>;
         /**
          *
          * Converts an octal number to decimal.
          *
-         * @param number Is the octal number you want to convert.
-         *
          * [Api set: ExcelApi 1.2]
+         *
+         * @param number Is the octal number you want to convert.
          */
         oct2Dec(number: number | string | boolean | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>): FunctionResult<number>;
         /**
          *
          * Converts an octal number to hexadecimal.
          *
+         * [Api set: ExcelApi 1.2]
+         *
          * @param number Is the octal number you want to convert.
          * @param places Is the number of characters to use.
-         *
-         * [Api set: ExcelApi 1.2]
          */
         oct2Hex(number: number | string | boolean | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, places?: number | string | boolean | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>): FunctionResult<number>;
         /**
          *
          * Rounds a positive number up and negative number down to the nearest odd integer.
          *
-         * @param number Is the value to round.
-         *
          * [Api set: ExcelApi 1.2]
+         *
+         * @param number Is the value to round.
          */
         odd(number: number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>): FunctionResult<number>;
         /**
          *
          * Returns the price per $100 face value of a security with an odd first period.
          *
+         * [Api set: ExcelApi 1.2]
+         *
          * @param settlement Is the security's settlement date, expressed as a serial date number.
          * @param maturity Is the security's maturity date, expressed as a serial date number.
          * @param issue Is the security's issue date, expressed as a serial date number.
@@ -9125,14 +11578,14 @@ declare module Excel {
          * @param redemption Is the security's redemption value per $100 face value.
          * @param frequency Is the number of coupon payments per year.
          * @param basis Is the type of day count basis to use.
-         *
-         * [Api set: ExcelApi 1.2]
          */
         oddFPrice(settlement: number | string | boolean | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, maturity: number | string | boolean | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, issue: number | string | boolean | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, firstCoupon: number | string | boolean | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, rate: number | string | boolean | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, yld: number | string | boolean | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, redemption: number | string | boolean | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, frequency: number | string | boolean | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, basis?: number | string | boolean | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>): FunctionResult<number>;
         /**
          *
          * Returns the yield of a security with an odd first period.
          *
+         * [Api set: ExcelApi 1.2]
+         *
          * @param settlement Is the security's settlement date, expressed as a serial date number.
          * @param maturity Is the security's maturity date, expressed as a serial date number.
          * @param issue Is the security's issue date, expressed as a serial date number.
@@ -9142,14 +11595,14 @@ declare module Excel {
          * @param redemption Is the security's redemption value per $100 face value.
          * @param frequency Is the number of coupon payments per year.
          * @param basis Is the type of day count basis to use.
-         *
-         * [Api set: ExcelApi 1.2]
          */
         oddFYield(settlement: number | string | boolean | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, maturity: number | string | boolean | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, issue: number | string | boolean | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, firstCoupon: number | string | boolean | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, rate: number | string | boolean | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, pr: number | string | boolean | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, redemption: number | string | boolean | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, frequency: number | string | boolean | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, basis?: number | string | boolean | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>): FunctionResult<number>;
         /**
          *
          * Returns the price per $100 face value of a security with an odd last period.
          *
+         * [Api set: ExcelApi 1.2]
+         *
          * @param settlement Is the security's settlement date, expressed as a serial date number.
          * @param maturity Is the security's maturity date, expressed as a serial date number.
          * @param lastInterest Is the security's last coupon date, expressed as a serial date number.
@@ -9158,14 +11611,14 @@ declare module Excel {
          * @param redemption Is the security's redemption value per $100 face value.
          * @param frequency Is the number of coupon payments per year.
          * @param basis Is the type of day count basis to use.
-         *
-         * [Api set: ExcelApi 1.2]
          */
         oddLPrice(settlement: number | string | boolean | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, maturity: number | string | boolean | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, lastInterest: number | string | boolean | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, rate: number | string | boolean | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, yld: number | string | boolean | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, redemption: number | string | boolean | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, frequency: number | string | boolean | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, basis?: number | string | boolean | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>): FunctionResult<number>;
         /**
          *
          * Returns the yield of a security with an odd last period.
          *
+         * [Api set: ExcelApi 1.2]
+         *
          * @param settlement Is the security's settlement date, expressed as a serial date number.
          * @param maturity Is the security's maturity date, expressed as a serial date number.
          * @param lastInterest Is the security's last coupon date, expressed as a serial date number.
@@ -9174,99 +11627,97 @@ declare module Excel {
          * @param redemption Is the security's redemption value per $100 face value.
          * @param frequency Is the number of coupon payments per year.
          * @param basis Is the type of day count basis to use.
-         *
-         * [Api set: ExcelApi 1.2]
          */
         oddLYield(settlement: number | string | boolean | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, maturity: number | string | boolean | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, lastInterest: number | string | boolean | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, rate: number | string | boolean | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, pr: number | string | boolean | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, redemption: number | string | boolean | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, frequency: number | string | boolean | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, basis?: number | string | boolean | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>): FunctionResult<number>;
         /**
          *
          * Checks whether any of the arguments are TRUE, and returns TRUE or FALSE. Returns FALSE only if all arguments are FALSE.
          *
-         * @param values List of parameters, whose elements are 1 to 255 conditions that you want to test that can be either TRUE or FALSE.
-         *
          * [Api set: ExcelApi 1.2]
+         *
+         * @param values List of parameters, whose elements are 1 to 255 conditions that you want to test that can be either TRUE or FALSE.
          */
         or(...values: Array<boolean | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>>): FunctionResult<boolean>;
         /**
          *
          * Returns the number of periods required by an investment to reach a specified value.
          *
+         * [Api set: ExcelApi 1.2]
+         *
          * @param rate Is the interest rate per period.
          * @param pv Is the present value of the investment.
          * @param fv Is the desired future value of the investment.
-         *
-         * [Api set: ExcelApi 1.2]
          */
         pduration(rate: number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, pv: number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, fv: number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>): FunctionResult<number>;
         /**
          *
          * Returns the rank of a value in a data set as a percentage of the data set as a percentage (0..1, exclusive) of the data set.
          *
+         * [Api set: ExcelApi 1.2]
+         *
          * @param array Is the array or range of data with numeric values that defines relative standing.
          * @param x Is the value for which you want to know the rank.
          * @param significance Is an optional value that identifies the number of significant digits for the returned percentage, three digits if omitted (0.xxx%).
-         *
-         * [Api set: ExcelApi 1.2]
          */
         percentRank_Exc(array: number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, x: number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, significance?: number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>): FunctionResult<number>;
         /**
          *
          * Returns the rank of a value in a data set as a percentage of the data set as a percentage (0..1, inclusive) of the data set.
          *
+         * [Api set: ExcelApi 1.2]
+         *
          * @param array Is the array or range of data with numeric values that defines relative standing.
          * @param x Is the value for which you want to know the rank.
          * @param significance Is an optional value that identifies the number of significant digits for the returned percentage, three digits if omitted (0.xxx%).
-         *
-         * [Api set: ExcelApi 1.2]
          */
         percentRank_Inc(array: number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, x: number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, significance?: number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>): FunctionResult<number>;
         /**
          *
          * Returns the k-th percentile of values in a range, where k is in the range 0..1, exclusive.
          *
+         * [Api set: ExcelApi 1.2]
+         *
          * @param array Is the array or range of data that defines relative standing.
          * @param k Is the percentile value that is between 0 through 1, inclusive.
-         *
-         * [Api set: ExcelApi 1.2]
          */
         percentile_Exc(array: number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, k: number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>): FunctionResult<number>;
         /**
          *
          * Returns the k-th percentile of values in a range, where k is in the range 0..1, inclusive.
          *
+         * [Api set: ExcelApi 1.2]
+         *
          * @param array Is the array or range of data that defines relative standing.
          * @param k Is the percentile value that is between 0 through 1, inclusive.
-         *
-         * [Api set: ExcelApi 1.2]
          */
         percentile_Inc(array: number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, k: number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>): FunctionResult<number>;
         /**
          *
          * Returns the number of permutations for a given number of objects that can be selected from the total objects.
          *
+         * [Api set: ExcelApi 1.2]
+         *
          * @param number Is the total number of objects.
          * @param numberChosen Is the number of objects in each permutation.
-         *
-         * [Api set: ExcelApi 1.2]
          */
         permut(number: number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, numberChosen: number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>): FunctionResult<number>;
         /**
          *
          * Returns the number of permutations for a given number of objects (with repetitions) that can be selected from the total objects.
          *
+         * [Api set: ExcelApi 1.2]
+         *
          * @param number Is the total number of objects.
          * @param numberChosen Is the number of objects in each permutation.
-         *
-         * [Api set: ExcelApi 1.2]
          */
         permutationa(number: number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, numberChosen: number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>): FunctionResult<number>;
         /**
          *
          * Returns the value of the density function for a standard normal distribution.
          *
-         * @param x Is the number for which you want the density of the standard normal distribution.
-         *
          * [Api set: ExcelApi 1.2]
+         *
+         * @param x Is the number for which you want the density of the standard normal distribution.
          */
         phi(x: number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>): FunctionResult<number>;
         /**
@@ -9280,54 +11731,56 @@ declare module Excel {
          *
          * Calculates the payment for a loan based on constant payments and a constant interest rate.
          *
+         * [Api set: ExcelApi 1.2]
+         *
          * @param rate Is the interest rate per period for the loan. For example, use 6%/4 for quarterly payments at 6% APR.
          * @param nper Is the total number of payments for the loan.
          * @param pv Is the present value: the total amount that a series of future payments is worth now.
          * @param fv Is the future value, or a cash balance you want to attain after the last payment is made, 0 (zero) if omitted.
          * @param type Is a logical value: payment at the beginning of the period = 1; payment at the end of the period = 0 or omitted.
-         *
-         * [Api set: ExcelApi 1.2]
          */
         pmt(rate: number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, nper: number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, pv: number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, fv?: number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, type?: number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>): FunctionResult<number>;
         /**
          *
          * Returns the Poisson distribution.
          *
+         * [Api set: ExcelApi 1.2]
+         *
          * @param x Is the number of events.
          * @param mean Is the expected numeric value, a positive number.
          * @param cumulative Is a logical value: for the cumulative Poisson probability, use TRUE; for the Poisson probability mass function, use FALSE.
-         *
-         * [Api set: ExcelApi 1.2]
          */
         poisson_Dist(x: number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, mean: number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, cumulative: boolean | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>): FunctionResult<number>;
         /**
          *
          * Returns the result of a number raised to a power.
          *
+         * [Api set: ExcelApi 1.2]
+         *
          * @param number Is the base number, any real number.
          * @param power Is the exponent, to which the base number is raised.
-         *
-         * [Api set: ExcelApi 1.2]
          */
         power(number: number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, power: number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>): FunctionResult<number>;
         /**
          *
          * Returns the payment on the principal for a given investment based on periodic, constant payments and a constant interest rate.
          *
+         * [Api set: ExcelApi 1.2]
+         *
          * @param rate Is the interest rate per period. For example, use 6%/4 for quarterly payments at 6% APR.
          * @param per Specifies the period and must be in the range 1 to nper.
          * @param nper Is the total number of payment periods in an investment.
          * @param pv Is the present value: the total amount that a series of future payments is worth now.
          * @param fv Is the future value, or cash balance you want to attain after the last payment is made.
          * @param type Is a logical value: payment at the beginning of the period = 1; payment at the end of the period = 0 or omitted.
-         *
-         * [Api set: ExcelApi 1.2]
          */
         ppmt(rate: number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, per: number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, nper: number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, pv: number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, fv?: number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, type?: number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>): FunctionResult<number>;
         /**
          *
          * Returns the price per $100 face value of a security that pays periodic interest.
          *
+         * [Api set: ExcelApi 1.2]
+         *
          * @param settlement Is the security's settlement date, expressed as a serial date number.
          * @param maturity Is the security's maturity date, expressed as a serial date number.
          * @param rate Is the security's annual coupon rate.
@@ -9335,105 +11788,103 @@ declare module Excel {
          * @param redemption Is the security's redemption value per $100 face value.
          * @param frequency Is the number of coupon payments per year.
          * @param basis Is the type of day count basis to use.
-         *
-         * [Api set: ExcelApi 1.2]
          */
         price(settlement: number | string | boolean | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, maturity: number | string | boolean | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, rate: number | string | boolean | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, yld: number | string | boolean | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, redemption: number | string | boolean | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, frequency: number | string | boolean | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, basis?: number | string | boolean | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>): FunctionResult<number>;
         /**
          *
          * Returns the price per $100 face value of a discounted security.
          *
+         * [Api set: ExcelApi 1.2]
+         *
          * @param settlement Is the security's settlement date, expressed as a serial date number.
          * @param maturity Is the security's maturity date, expressed as a serial date number.
          * @param discount Is the security's discount rate.
          * @param redemption Is the security's redemption value per $100 face value.
          * @param basis Is the type of day count basis to use.
-         *
-         * [Api set: ExcelApi 1.2]
          */
         priceDisc(settlement: number | string | boolean | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, maturity: number | string | boolean | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, discount: number | string | boolean | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, redemption: number | string | boolean | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, basis?: number | string | boolean | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>): FunctionResult<number>;
         /**
          *
          * Returns the price per $100 face value of a security that pays interest at maturity.
          *
+         * [Api set: ExcelApi 1.2]
+         *
          * @param settlement Is the security's settlement date, expressed as a serial date number.
          * @param maturity Is the security's maturity date, expressed as a serial date number.
          * @param issue Is the security's issue date, expressed as a serial date number.
          * @param rate Is the security's interest rate at date of issue.
          * @param yld Is the security's annual yield.
          * @param basis Is the type of day count basis to use.
-         *
-         * [Api set: ExcelApi 1.2]
          */
         priceMat(settlement: number | string | boolean | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, maturity: number | string | boolean | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, issue: number | string | boolean | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, rate: number | string | boolean | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, yld: number | string | boolean | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, basis?: number | string | boolean | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>): FunctionResult<number>;
         /**
          *
          * Multiplies all the numbers given as arguments.
          *
-         * @param values List of parameters, whose elements are 1 to 255 numbers, logical values, or text representations of numbers that you want to multiply.
-         *
          * [Api set: ExcelApi 1.2]
+         *
+         * @param values List of parameters, whose elements are 1 to 255 numbers, logical values, or text representations of numbers that you want to multiply.
          */
         product(...values: Array<number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>>): FunctionResult<number>;
         /**
          *
          * Converts a text string to proper case; the first letter in each word to uppercase, and all other letters to lowercase.
          *
-         * @param text Is text enclosed in quotation marks, a formula that returns text, or a reference to a cell containing text to partially capitalize.
-         *
          * [Api set: ExcelApi 1.2]
+         *
+         * @param text Is text enclosed in quotation marks, a formula that returns text, or a reference to a cell containing text to partially capitalize.
          */
         proper(text: string | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>): FunctionResult<string>;
         /**
          *
          * Returns the present value of an investment: the total amount that a series of future payments is worth now.
          *
+         * [Api set: ExcelApi 1.2]
+         *
          * @param rate Is the interest rate per period. For example, use 6%/4 for quarterly payments at 6% APR.
          * @param nper Is the total number of payment periods in an investment.
          * @param pmt Is the payment made each period and cannot change over the life of the investment.
          * @param fv Is the future value, or a cash balance you want to attain after the last payment is made.
          * @param type Is a logical value: payment at the beginning of the period = 1; payment at the end of the period = 0 or omitted.
-         *
-         * [Api set: ExcelApi 1.2]
          */
         pv(rate: number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, nper: number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, pmt: number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, fv?: number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, type?: number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>): FunctionResult<number>;
         /**
          *
          * Returns the quartile of a data set, based on percentile values from 0..1, exclusive.
          *
+         * [Api set: ExcelApi 1.2]
+         *
          * @param array Is the array or cell range of numeric values for which you want the quartile value.
          * @param quart Is a number: minimum value = 0; 1st quartile = 1; median value = 2; 3rd quartile = 3; maximum value = 4.
-         *
-         * [Api set: ExcelApi 1.2]
          */
         quartile_Exc(array: number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, quart: number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>): FunctionResult<number>;
         /**
          *
          * Returns the quartile of a data set, based on percentile values from 0..1, inclusive.
          *
+         * [Api set: ExcelApi 1.2]
+         *
          * @param array Is the array or cell range of numeric values for which you want the quartile value.
          * @param quart Is a number: minimum value = 0; 1st quartile = 1; median value = 2; 3rd quartile = 3; maximum value = 4.
-         *
-         * [Api set: ExcelApi 1.2]
          */
         quartile_Inc(array: number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, quart: number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>): FunctionResult<number>;
         /**
          *
          * Returns the integer portion of a division.
          *
+         * [Api set: ExcelApi 1.2]
+         *
          * @param numerator Is the dividend.
          * @param denominator Is the divisor.
-         *
-         * [Api set: ExcelApi 1.2]
          */
         quotient(numerator: number | string | boolean | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, denominator: number | string | boolean | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>): FunctionResult<number>;
         /**
          *
          * Converts degrees to radians.
          *
-         * @param angle Is an angle in degrees that you want to convert.
-         *
          * [Api set: ExcelApi 1.2]
+         *
+         * @param angle Is an angle in degrees that you want to convert.
          */
         radians(angle: number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>): FunctionResult<number>;
         /**
@@ -9447,575 +11898,575 @@ declare module Excel {
          *
          * Returns a random number between the numbers you specify.
          *
+         * [Api set: ExcelApi 1.2]
+         *
          * @param bottom Is the smallest integer RANDBETWEEN will return.
          * @param top Is the largest integer RANDBETWEEN will return.
-         *
-         * [Api set: ExcelApi 1.2]
          */
         randBetween(bottom: number | string | boolean | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, top: number | string | boolean | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>): FunctionResult<number>;
         /**
          *
          * Returns the rank of a number in a list of numbers: its size relative to other values in the list; if more than one value has the same rank, the average rank is returned.
          *
+         * [Api set: ExcelApi 1.2]
+         *
          * @param number Is the number for which you want to find the rank.
          * @param ref Is an array of, or a reference to, a list of numbers. Nonnumeric values are ignored.
          * @param order Is a number: rank in the list sorted descending = 0 or omitted; rank in the list sorted ascending = any nonzero value.
-         *
-         * [Api set: ExcelApi 1.2]
          */
         rank_Avg(number: number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, ref: Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, order?: boolean | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>): FunctionResult<number>;
         /**
          *
          * Returns the rank of a number in a list of numbers: its size relative to other values in the list; if more than one value has the same rank, the top rank of that set of values is returned.
          *
+         * [Api set: ExcelApi 1.2]
+         *
          * @param number Is the number for which you want to find the rank.
          * @param ref Is an array of, or a reference to, a list of numbers. Nonnumeric values are ignored.
          * @param order Is a number: rank in the list sorted descending = 0 or omitted; rank in the list sorted ascending = any nonzero value.
-         *
-         * [Api set: ExcelApi 1.2]
          */
         rank_Eq(number: number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, ref: Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, order?: boolean | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>): FunctionResult<number>;
         /**
          *
          * Returns the interest rate per period of a loan or an investment. For example, use 6%/4 for quarterly payments at 6% APR.
          *
+         * [Api set: ExcelApi 1.2]
+         *
          * @param nper Is the total number of payment periods for the loan or investment.
          * @param pmt Is the payment made each period and cannot change over the life of the loan or investment.
          * @param pv Is the present value: the total amount that a series of future payments is worth now.
          * @param fv Is the future value, or a cash balance you want to attain after the last payment is made. If omitted, uses Fv = 0.
          * @param type Is a logical value: payment at the beginning of the period = 1; payment at the end of the period = 0 or omitted.
          * @param guess Is your guess for what the rate will be; if omitted, Guess = 0.1 (10 percent).
-         *
-         * [Api set: ExcelApi 1.2]
          */
         rate(nper: number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, pmt: number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, pv: number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, fv?: number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, type?: number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, guess?: number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>): FunctionResult<number>;
         /**
          *
          * Returns the amount received at maturity for a fully invested security.
          *
+         * [Api set: ExcelApi 1.2]
+         *
          * @param settlement Is the security's settlement date, expressed as a serial date number.
          * @param maturity Is the security's maturity date, expressed as a serial date number.
          * @param investment Is the amount invested in the security.
          * @param discount Is the security's discount rate.
          * @param basis Is the type of day count basis to use.
-         *
-         * [Api set: ExcelApi 1.2]
          */
         received(settlement: number | string | boolean | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, maturity: number | string | boolean | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, investment: number | string | boolean | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, discount: number | string | boolean | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, basis?: number | string | boolean | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>): FunctionResult<number>;
         /**
          *
          * Replaces part of a text string with a different text string.
          *
+         * [Api set: ExcelApi 1.2]
+         *
          * @param oldText Is text in which you want to replace some characters.
          * @param startNum Is the position of the character in oldText that you want to replace with newText.
          * @param numChars Is the number of characters in oldText that you want to replace.
          * @param newText Is the text that will replace characters in oldText.
-         *
-         * [Api set: ExcelApi 1.2]
          */
         replace(oldText: string | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, startNum: number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, numChars: number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, newText: string | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>): FunctionResult<string>;
         /**
          *
          * Replaces part of a text string with a different text string. Use with double-byte character sets (DBCS).
          *
+         * [Api set: ExcelApi 1.2]
+         *
          * @param oldText Is text in which you want to replace some characters.
          * @param startNum Is the position of the character in oldText that you want to replace with newText.
          * @param numBytes Is the number of characters in oldText that you want to replace with newText.
          * @param newText Is the text that will replace characters in oldText.
-         *
-         * [Api set: ExcelApi 1.2]
          */
         replaceB(oldText: string | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, startNum: number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, numBytes: number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, newText: string | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>): FunctionResult<string>;
         /**
          *
          * Repeats text a given number of times. Use REPT to fill a cell with a number of instances of a text string.
          *
+         * [Api set: ExcelApi 1.2]
+         *
          * @param text Is the text you want to repeat.
          * @param numberTimes Is a positive number specifying the number of times to repeat text.
-         *
-         * [Api set: ExcelApi 1.2]
          */
         rept(text: string | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, numberTimes: number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>): FunctionResult<string>;
         /**
          *
          * Returns the specified number of characters from the end of a text string.
          *
+         * [Api set: ExcelApi 1.2]
+         *
          * @param text Is the text string that contains the characters you want to extract.
          * @param numChars Specifies how many characters you want to extract, 1 if omitted.
-         *
-         * [Api set: ExcelApi 1.2]
          */
         right(text: string | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, numChars?: number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>): FunctionResult<string>;
         /**
          *
          * Returns the specified number of characters from the end of a text string. Use with double-byte character sets (DBCS).
          *
+         * [Api set: ExcelApi 1.2]
+         *
          * @param text Is the text string containing the characters you want to extract.
          * @param numBytes Specifies how many characters you want to extract.
-         *
-         * [Api set: ExcelApi 1.2]
          */
         rightb(text: string | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, numBytes?: number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>): FunctionResult<string>;
         /**
          *
          * Converts an Arabic numeral to Roman, as text.
          *
+         * [Api set: ExcelApi 1.2]
+         *
          * @param number Is the Arabic numeral you want to convert.
          * @param form Is the number specifying the type of Roman numeral you want.
-         *
-         * [Api set: ExcelApi 1.2]
          */
         roman(number: number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, form?: boolean | number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>): FunctionResult<string>;
         /**
          *
          * Rounds a number to a specified number of digits.
          *
+         * [Api set: ExcelApi 1.2]
+         *
          * @param number Is the number you want to round.
          * @param numDigits Is the number of digits to which you want to round. Negative rounds to the left of the decimal point; zero to the nearest integer.
-         *
-         * [Api set: ExcelApi 1.2]
          */
         round(number: number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, numDigits: number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>): FunctionResult<number>;
         /**
          *
          * Rounds a number down, toward zero.
          *
+         * [Api set: ExcelApi 1.2]
+         *
          * @param number Is any real number that you want rounded down.
          * @param numDigits Is the number of digits to which you want to round. Negative rounds to the left of the decimal point; zero or omitted, to the nearest integer.
-         *
-         * [Api set: ExcelApi 1.2]
          */
         roundDown(number: number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, numDigits: number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>): FunctionResult<number>;
         /**
          *
          * Rounds a number up, away from zero.
          *
+         * [Api set: ExcelApi 1.2]
+         *
          * @param number Is any real number that you want rounded up.
          * @param numDigits Is the number of digits to which you want to round. Negative rounds to the left of the decimal point; zero or omitted, to the nearest integer.
-         *
-         * [Api set: ExcelApi 1.2]
          */
         roundUp(number: number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, numDigits: number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>): FunctionResult<number>;
         /**
          *
          * Returns the number of rows in a reference or array.
          *
-         * @param array Is an array, an array formula, or a reference to a range of cells for which you want the number of rows.
-         *
          * [Api set: ExcelApi 1.2]
+         *
+         * @param array Is an array, an array formula, or a reference to a range of cells for which you want the number of rows.
          */
         rows(array: Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>): FunctionResult<number>;
         /**
          *
          * Returns an equivalent interest rate for the growth of an investment.
          *
+         * [Api set: ExcelApi 1.2]
+         *
          * @param nper Is the number of periods for the investment.
          * @param pv Is the present value of the investment.
          * @param fv Is the future value of the investment.
-         *
-         * [Api set: ExcelApi 1.2]
          */
         rri(nper: number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, pv: number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, fv: number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>): FunctionResult<number>;
         /**
          *
          * Returns the secant of an angle.
          *
-         * @param number Is the angle in radians for which you want the secant.
-         *
          * [Api set: ExcelApi 1.2]
+         *
+         * @param number Is the angle in radians for which you want the secant.
          */
         sec(number: number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>): FunctionResult<number>;
         /**
          *
          * Returns the hyperbolic secant of an angle.
          *
-         * @param number Is the angle in radians for which you want the hyperbolic secant.
-         *
          * [Api set: ExcelApi 1.2]
+         *
+         * @param number Is the angle in radians for which you want the hyperbolic secant.
          */
         sech(number: number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>): FunctionResult<number>;
         /**
          *
          * Returns the second, a number from 0 to 59.
          *
-         * @param serialNumber Is a number in the date-time code used by Microsoft Excel or text in time format, such as 16:48:23 or 4:48:47 PM.
-         *
          * [Api set: ExcelApi 1.2]
+         *
+         * @param serialNumber Is a number in the date-time code used by Microsoft Excel or text in time format, such as 16:48:23 or 4:48:47 PM.
          */
         second(serialNumber: number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>): FunctionResult<number>;
         /**
          *
          * Returns the sum of a power series based on the formula.
          *
+         * [Api set: ExcelApi 1.2]
+         *
          * @param x Is the input value to the power series.
          * @param n Is the initial power to which you want to raise x.
          * @param m Is the step by which to increase n for each term in the series.
          * @param coefficients Is a set of coefficients by which each successive power of x is multiplied.
-         *
-         * [Api set: ExcelApi 1.2]
          */
         seriesSum(x: number | string | boolean | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, n: number | string | boolean | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, m: number | string | boolean | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, coefficients: Excel.Range | string | number | boolean | Excel.RangeReference | Excel.FunctionResult<any>): FunctionResult<number>;
         /**
          *
          * Returns the sheet number of the referenced sheet.
          *
-         * @param value Is the name of a sheet or a reference that you want the sheet number of.  If omitted the number of the sheet containing the function is returned.
-         *
          * [Api set: ExcelApi 1.2]
+         *
+         * @param value Is the name of a sheet or a reference that you want the sheet number of.  If omitted the number of the sheet containing the function is returned.
          */
         sheet(value?: Excel.Range | string | Excel.RangeReference | Excel.FunctionResult<any>): FunctionResult<number>;
         /**
          *
          * Returns the number of sheets in a reference.
          *
-         * @param reference Is a reference for which you want to know the number of sheets it contains.  If omitted the number of sheets in the workbook containing the function is returned.
-         *
          * [Api set: ExcelApi 1.2]
+         *
+         * @param reference Is a reference for which you want to know the number of sheets it contains.  If omitted the number of sheets in the workbook containing the function is returned.
          */
         sheets(reference?: Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>): FunctionResult<number>;
         /**
          *
          * Returns the sign of a number: 1 if the number is positive, zero if the number is zero, or -1 if the number is negative.
          *
-         * @param number Is any real number.
-         *
          * [Api set: ExcelApi 1.2]
+         *
+         * @param number Is any real number.
          */
         sign(number: number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>): FunctionResult<number>;
         /**
          *
          * Returns the sine of an angle.
          *
-         * @param number Is the angle in radians for which you want the sine. Degrees * PI()/180 = radians.
-         *
          * [Api set: ExcelApi 1.2]
+         *
+         * @param number Is the angle in radians for which you want the sine. Degrees * PI()/180 = radians.
          */
         sin(number: number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>): FunctionResult<number>;
         /**
          *
          * Returns the hyperbolic sine of a number.
          *
-         * @param number Is any real number.
-         *
          * [Api set: ExcelApi 1.2]
+         *
+         * @param number Is any real number.
          */
         sinh(number: number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>): FunctionResult<number>;
         /**
          *
          * Returns the skewness of a distribution: a characterization of the degree of asymmetry of a distribution around its mean.
          *
-         * @param values List of parameters, whose elements are 1 to 255 numbers or names, arrays, or references that contain numbers for which you want the skewness.
-         *
          * [Api set: ExcelApi 1.2]
+         *
+         * @param values List of parameters, whose elements are 1 to 255 numbers or names, arrays, or references that contain numbers for which you want the skewness.
          */
         skew(...values: Array<number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>>): FunctionResult<number>;
         /**
          *
          * Returns the skewness of a distribution based on a population: a characterization of the degree of asymmetry of a distribution around its mean.
          *
-         * @param values List of parameters, whose elements are 1 to 254 numbers or names, arrays, or references that contain numbers for which you want the population skewness.
-         *
          * [Api set: ExcelApi 1.2]
+         *
+         * @param values List of parameters, whose elements are 1 to 254 numbers or names, arrays, or references that contain numbers for which you want the population skewness.
          */
         skew_p(...values: Array<number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>>): FunctionResult<number>;
         /**
          *
          * Returns the straight-line depreciation of an asset for one period.
          *
+         * [Api set: ExcelApi 1.2]
+         *
          * @param cost Is the initial cost of the asset.
          * @param salvage Is the salvage value at the end of the life of the asset.
          * @param life Is the number of periods over which the asset is being depreciated (sometimes called the useful life of the asset).
-         *
-         * [Api set: ExcelApi 1.2]
          */
         sln(cost: number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, salvage: number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, life: number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>): FunctionResult<number>;
         /**
          *
          * Returns the k-th smallest value in a data set. For example, the fifth smallest number.
          *
+         * [Api set: ExcelApi 1.2]
+         *
          * @param array Is an array or range of numerical data for which you want to determine the k-th smallest value.
          * @param k Is the position (from the smallest) in the array or range of the value to return.
-         *
-         * [Api set: ExcelApi 1.2]
          */
         small(array: number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, k: number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>): FunctionResult<number>;
         /**
          *
          * Returns the square root of a number.
          *
-         * @param number Is the number for which you want the square root.
-         *
          * [Api set: ExcelApi 1.2]
+         *
+         * @param number Is the number for which you want the square root.
          */
         sqrt(number: number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>): FunctionResult<number>;
         /**
          *
          * Returns the square root of (number * Pi).
          *
-         * @param number Is the number by which p is multiplied.
-         *
          * [Api set: ExcelApi 1.2]
+         *
+         * @param number Is the number by which p is multiplied.
          */
         sqrtPi(number: number | string | boolean | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>): FunctionResult<number>;
         /**
          *
          * Estimates standard deviation based on a sample, including logical values and text. Text and the logical value FALSE have the value 0; the logical value TRUE has the value 1.
          *
-         * @param values List of parameters, whose elements are 1 to 255 values corresponding to a sample of a population and can be values or names or references to values.
-         *
          * [Api set: ExcelApi 1.2]
+         *
+         * @param values List of parameters, whose elements are 1 to 255 values corresponding to a sample of a population and can be values or names or references to values.
          */
         stDevA(...values: Array<number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>>): FunctionResult<number>;
         /**
          *
          * Calculates standard deviation based on an entire population, including logical values and text. Text and the logical value FALSE have the value 0; the logical value TRUE has the value 1.
          *
-         * @param values List of parameters, whose elements are 1 to 255 values corresponding to a population and can be values, names, arrays, or references that contain values.
-         *
          * [Api set: ExcelApi 1.2]
+         *
+         * @param values List of parameters, whose elements are 1 to 255 values corresponding to a population and can be values, names, arrays, or references that contain values.
          */
         stDevPA(...values: Array<number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>>): FunctionResult<number>;
         /**
          *
          * Calculates standard deviation based on the entire population given as arguments (ignores logical values and text).
          *
-         * @param values List of parameters, whose elements are 1 to 255 numbers corresponding to a population and can be numbers or references that contain numbers.
-         *
          * [Api set: ExcelApi 1.2]
+         *
+         * @param values List of parameters, whose elements are 1 to 255 numbers corresponding to a population and can be numbers or references that contain numbers.
          */
         stDev_P(...values: Array<number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>>): FunctionResult<number>;
         /**
          *
          * Estimates standard deviation based on a sample (ignores logical values and text in the sample).
          *
-         * @param values List of parameters, whose elements are 1 to 255 numbers corresponding to a sample of a population and can be numbers or references that contain numbers.
-         *
          * [Api set: ExcelApi 1.2]
+         *
+         * @param values List of parameters, whose elements are 1 to 255 numbers corresponding to a sample of a population and can be numbers or references that contain numbers.
          */
         stDev_S(...values: Array<number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>>): FunctionResult<number>;
         /**
          *
          * Returns a normalized value from a distribution characterized by a mean and standard deviation.
          *
+         * [Api set: ExcelApi 1.2]
+         *
          * @param x Is the value you want to normalize.
          * @param mean Is the arithmetic mean of the distribution.
          * @param standardDev Is the standard deviation of the distribution, a positive number.
-         *
-         * [Api set: ExcelApi 1.2]
          */
         standardize(x: number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, mean: number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, standardDev: number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>): FunctionResult<number>;
         /**
          *
          * Replaces existing text with new text in a text string.
          *
+         * [Api set: ExcelApi 1.2]
+         *
          * @param text Is the text or the reference to a cell containing text in which you want to substitute characters.
          * @param oldText Is the existing text you want to replace. If the case of oldText does not match the case of text, SUBSTITUTE will not replace the text.
          * @param newText Is the text you want to replace oldText with.
          * @param instanceNum Specifies which occurrence of oldText you want to replace. If omitted, every instance of oldText is replaced.
-         *
-         * [Api set: ExcelApi 1.2]
          */
         substitute(text: string | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, oldText: string | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, newText: string | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, instanceNum?: string | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>): FunctionResult<string>;
         /**
          *
          * Returns a subtotal in a list or database.
          *
+         * [Api set: ExcelApi 1.2]
+         *
          * @param functionNum Is the number 1 to 11 that specifies the summary function for the subtotal.
          * @param values List of parameters, whose elements are 1 to 254 ranges or references for which you want the subtotal.
-         *
-         * [Api set: ExcelApi 1.2]
          */
         subtotal(functionNum: number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, ...values: Array<Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>>): FunctionResult<number>;
         /**
          *
          * Adds all the numbers in a range of cells.
          *
-         * @param values List of parameters, whose elements are 1 to 255 numbers to sum. Logical values and text are ignored in cells, included if typed as arguments.
-         *
          * [Api set: ExcelApi 1.2]
+         *
+         * @param values List of parameters, whose elements are 1 to 255 numbers to sum. Logical values and text are ignored in cells, included if typed as arguments.
          */
         sum(...values: Array<number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>>): FunctionResult<number>;
         /**
          *
          * Adds the cells specified by a given condition or criteria.
          *
+         * [Api set: ExcelApi 1.2]
+         *
          * @param range Is the range of cells you want evaluated.
          * @param criteria Is the condition or criteria in the form of a number, expression, or text that defines which cells will be added.
          * @param sumRange Are the actual cells to sum. If omitted, the cells in range are used.
-         *
-         * [Api set: ExcelApi 1.2]
          */
         sumIf(range: Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, criteria: number | string | boolean | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, sumRange?: Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>): FunctionResult<number>;
         /**
          *
          * Adds the cells specified by a given set of conditions or criteria.
          *
+         * [Api set: ExcelApi 1.2]
+         *
          * @param sumRange Are the actual cells to sum.
          * @param values List of parameters, where the first element of each pair is the Is the range of cells you want evaluated for the particular condition , and the second element is is the condition or criteria in the form of a number, expression, or text that defines which cells will be added.
-         *
-         * [Api set: ExcelApi 1.2]
          */
         sumIfs(sumRange: Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, ...values: Array<Excel.Range | Excel.RangeReference | Excel.FunctionResult<any> | number | string | boolean>): FunctionResult<number>;
         /**
          *
          * Returns the sum of the squares of the arguments. The arguments can be numbers, arrays, names, or references to cells that contain numbers.
          *
-         * @param values List of parameters, whose elements are 1 to 255 numbers, arrays, names, or references to arrays for which you want the sum of the squares.
-         *
          * [Api set: ExcelApi 1.2]
+         *
+         * @param values List of parameters, whose elements are 1 to 255 numbers, arrays, names, or references to arrays for which you want the sum of the squares.
          */
         sumSq(...values: Array<number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>>): FunctionResult<number>;
         /**
          *
          * Returns the sum-of-years' digits depreciation of an asset for a specified period.
          *
+         * [Api set: ExcelApi 1.2]
+         *
          * @param cost Is the initial cost of the asset.
          * @param salvage Is the salvage value at the end of the life of the asset.
          * @param life Is the number of periods over which the asset is being depreciated (sometimes called the useful life of the asset).
          * @param per Is the period and must use the same units as Life.
-         *
-         * [Api set: ExcelApi 1.2]
          */
         syd(cost: number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, salvage: number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, life: number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, per: number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>): FunctionResult<number>;
         /**
          *
          * Checks whether a value is text, and returns the text if it is, or returns double quotes (empty text) if it is not.
          *
-         * @param value Is the value to test.
-         *
          * [Api set: ExcelApi 1.2]
+         *
+         * @param value Is the value to test.
          */
         t(value: number | string | boolean | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>): FunctionResult<string>;
         /**
          *
          * Returns the bond-equivalent yield for a treasury bill.
          *
+         * [Api set: ExcelApi 1.2]
+         *
          * @param settlement Is the Treasury bill's settlement date, expressed as a serial date number.
          * @param maturity Is the Treasury bill's maturity date, expressed as a serial date number.
          * @param discount Is the Treasury bill's discount rate.
-         *
-         * [Api set: ExcelApi 1.2]
          */
         tbillEq(settlement: number | string | boolean | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, maturity: number | string | boolean | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, discount: number | string | boolean | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>): FunctionResult<number>;
         /**
          *
          * Returns the price per $100 face value for a treasury bill.
          *
+         * [Api set: ExcelApi 1.2]
+         *
          * @param settlement Is the Treasury bill's settlement date, expressed as a serial date number.
          * @param maturity Is the Treasury bill's maturity date, expressed as a serial date number.
          * @param discount Is the Treasury bill's discount rate.
-         *
-         * [Api set: ExcelApi 1.2]
          */
         tbillPrice(settlement: number | string | boolean | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, maturity: number | string | boolean | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, discount: number | string | boolean | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>): FunctionResult<number>;
         /**
          *
          * Returns the yield for a treasury bill.
          *
+         * [Api set: ExcelApi 1.2]
+         *
          * @param settlement Is the Treasury bill's settlement date, expressed as a serial date number.
          * @param maturity Is the Treasury bill's maturity date, expressed as a serial date number.
          * @param pr Is the Treasury Bill's price per $100 face value.
-         *
-         * [Api set: ExcelApi 1.2]
          */
         tbillYield(settlement: number | string | boolean | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, maturity: number | string | boolean | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, pr: number | string | boolean | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>): FunctionResult<number>;
         /**
          *
          * Returns the left-tailed Student's t-distribution.
          *
+         * [Api set: ExcelApi 1.2]
+         *
          * @param x Is the numeric value at which to evaluate the distribution.
          * @param degFreedom Is an integer indicating the number of degrees of freedom that characterize the distribution.
          * @param cumulative Is a logical value: for the cumulative distribution function, use TRUE; for the probability density function, use FALSE.
-         *
-         * [Api set: ExcelApi 1.2]
          */
         t_Dist(x: number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, degFreedom: number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, cumulative: boolean | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>): FunctionResult<number>;
         /**
          *
          * Returns the two-tailed Student's t-distribution.
          *
+         * [Api set: ExcelApi 1.2]
+         *
          * @param x Is the numeric value at which to evaluate the distribution.
          * @param degFreedom Is an integer indicating the number of degrees of freedom that characterize the distribution.
-         *
-         * [Api set: ExcelApi 1.2]
          */
         t_Dist_2T(x: number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, degFreedom: number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>): FunctionResult<number>;
         /**
          *
          * Returns the right-tailed Student's t-distribution.
          *
+         * [Api set: ExcelApi 1.2]
+         *
          * @param x Is the numeric value at which to evaluate the distribution.
          * @param degFreedom Is an integer indicating the number of degrees of freedom that characterize the distribution.
-         *
-         * [Api set: ExcelApi 1.2]
          */
         t_Dist_RT(x: number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, degFreedom: number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>): FunctionResult<number>;
         /**
          *
          * Returns the left-tailed inverse of the Student's t-distribution.
          *
+         * [Api set: ExcelApi 1.2]
+         *
          * @param probability Is the probability associated with the two-tailed Student's t-distribution, a number between 0 and 1 inclusive.
          * @param degFreedom Is a positive integer indicating the number of degrees of freedom to characterize the distribution.
-         *
-         * [Api set: ExcelApi 1.2]
          */
         t_Inv(probability: number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, degFreedom: number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>): FunctionResult<number>;
         /**
          *
          * Returns the two-tailed inverse of the Student's t-distribution.
          *
+         * [Api set: ExcelApi 1.2]
+         *
          * @param probability Is the probability associated with the two-tailed Student's t-distribution, a number between 0 and 1 inclusive.
          * @param degFreedom Is a positive integer indicating the number of degrees of freedom to characterize the distribution.
-         *
-         * [Api set: ExcelApi 1.2]
          */
         t_Inv_2T(probability: number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, degFreedom: number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>): FunctionResult<number>;
         /**
          *
          * Returns the tangent of an angle.
          *
-         * @param number Is the angle in radians for which you want the tangent. Degrees * PI()/180 = radians.
-         *
          * [Api set: ExcelApi 1.2]
+         *
+         * @param number Is the angle in radians for which you want the tangent. Degrees * PI()/180 = radians.
          */
         tan(number: number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>): FunctionResult<number>;
         /**
          *
          * Returns the hyperbolic tangent of a number.
          *
-         * @param number Is any real number.
-         *
          * [Api set: ExcelApi 1.2]
+         *
+         * @param number Is any real number.
          */
         tanh(number: number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>): FunctionResult<number>;
         /**
          *
          * Converts a value to text in a specific number format.
          *
+         * [Api set: ExcelApi 1.2]
+         *
          * @param value Is a number, a formula that evaluates to a numeric value, or a reference to a cell containing a numeric value.
          * @param formatText Is a number format in text form from the Category box on the Number tab in the Format Cells dialog box (not General).
-         *
-         * [Api set: ExcelApi 1.2]
          */
         text(value: number | string | boolean | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, formatText: string | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>): FunctionResult<string>;
         /**
          *
          * Converts hours, minutes, and seconds given as numbers to an Excel serial number, formatted with a time format.
          *
+         * [Api set: ExcelApi 1.2]
+         *
          * @param hour Is a number from 0 to 23 representing the hour.
          * @param minute Is a number from 0 to 59 representing the minute.
          * @param second Is a number from 0 to 59 representing the second.
-         *
-         * [Api set: ExcelApi 1.2]
          */
         time(hour: number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, minute: number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, second: number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>): FunctionResult<number>;
         /**
          *
          * Converts a text time to an Excel serial number for a time, a number from 0 (12:00:00 AM) to 0.999988426 (11:59:59 PM). Format the number with a time format after entering the formula.
          *
-         * @param timeText Is a text string that gives a time in any one of the Microsoft Excel time formats (date information in the string is ignored).
-         *
          * [Api set: ExcelApi 1.2]
+         *
+         * @param timeText Is a text string that gives a time in any one of the Microsoft Excel time formats (date information in the string is ignored).
          */
         timevalue(timeText: string | number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>): FunctionResult<number>;
         /**
@@ -10029,19 +12480,19 @@ declare module Excel {
          *
          * Removes all spaces from a text string except for single spaces between words.
          *
-         * @param text Is the text from which you want spaces removed.
-         *
          * [Api set: ExcelApi 1.2]
+         *
+         * @param text Is the text from which you want spaces removed.
          */
         trim(text: string | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>): FunctionResult<string>;
         /**
          *
          * Returns the mean of the interior portion of a set of data values.
          *
+         * [Api set: ExcelApi 1.2]
+         *
          * @param array Is the range or array of values to trim and average.
          * @param percent Is the fractional number of data points to exclude from the top and bottom of the data set.
-         *
-         * [Api set: ExcelApi 1.2]
          */
         trimMean(array: number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, percent: number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>): FunctionResult<number>;
         /**
@@ -10055,119 +12506,121 @@ declare module Excel {
          *
          * Truncates a number to an integer by removing the decimal, or fractional, part of the number.
          *
+         * [Api set: ExcelApi 1.2]
+         *
          * @param number Is the number you want to truncate.
          * @param numDigits Is a number specifying the precision of the truncation, 0 (zero) if omitted.
-         *
-         * [Api set: ExcelApi 1.2]
          */
         trunc(number: number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, numDigits?: number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>): FunctionResult<number>;
         /**
          *
          * Returns an integer representing the data type of a value: number = 1; text = 2; logical value = 4; error value = 16; array = 64.
          *
-         * @param value Can be any value.
-         *
          * [Api set: ExcelApi 1.2]
+         *
+         * @param value Can be any value.
          */
         type(value: boolean | string | number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>): FunctionResult<number>;
         /**
          *
          * Converts a number to text, using currency format.
          *
+         * [Api set: ExcelApi 1.2]
+         *
          * @param number Is a number, a reference to a cell containing a number, or a formula that evaluates to a number.
          * @param decimals Is the number of digits to the right of the decimal point.
-         *
-         * [Api set: ExcelApi 1.2]
          */
         usdollar(number: number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, decimals?: number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>): FunctionResult<string>;
         /**
          *
          * Returns the Unicode character referenced by the given numeric value.
          *
-         * @param number Is the Unicode number representing a character.
-         *
          * [Api set: ExcelApi 1.2]
+         *
+         * @param number Is the Unicode number representing a character.
          */
         unichar(number: number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>): FunctionResult<string>;
         /**
          *
          * Returns the number (code point) corresponding to the first character of the text.
          *
-         * @param text Is the character that you want the Unicode value of.
-         *
          * [Api set: ExcelApi 1.2]
+         *
+         * @param text Is the character that you want the Unicode value of.
          */
         unicode(text: string | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>): FunctionResult<number>;
         /**
          *
          * Converts a text string to all uppercase letters.
          *
-         * @param text Is the text you want converted to uppercase, a reference or a text string.
-         *
          * [Api set: ExcelApi 1.2]
+         *
+         * @param text Is the text you want converted to uppercase, a reference or a text string.
          */
         upper(text: string | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>): FunctionResult<string>;
         /**
          *
          * Looks for a value in the leftmost column of a table, and then returns a value in the same row from a column you specify. By default, the table must be sorted in an ascending order.
          *
+         * [Api set: ExcelApi 1.2]
+         *
          * @param lookupValue Is the value to be found in the first column of the table, and can be a value, a reference, or a text string.
          * @param tableArray Is a table of text, numbers, or logical values, in which data is retrieved. tableArray can be a reference to a range or a range name.
          * @param colIndexNum Is the column number in tableArray from which the matching value should be returned. The first column of values in the table is column 1.
          * @param rangeLookup Is a logical value: to find the closest match in the first column (sorted in ascending order) = TRUE or omitted; find an exact match = FALSE.
-         *
-         * [Api set: ExcelApi 1.2]
          */
         vlookup(lookupValue: number | string | boolean | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, tableArray: Excel.Range | number | Excel.RangeReference | Excel.FunctionResult<any>, colIndexNum: Excel.Range | number | Excel.RangeReference | Excel.FunctionResult<any>, rangeLookup?: boolean | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>): FunctionResult<number | string | boolean>;
         /**
          *
          * Converts a text string that represents a number to a number.
          *
-         * @param text Is the text enclosed in quotation marks or a reference to a cell containing the text you want to convert.
-         *
          * [Api set: ExcelApi 1.2]
+         *
+         * @param text Is the text enclosed in quotation marks or a reference to a cell containing the text you want to convert.
          */
         value(text: string | boolean | number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>): FunctionResult<number>;
         /**
          *
          * Estimates variance based on a sample, including logical values and text. Text and the logical value FALSE have the value 0; the logical value TRUE has the value 1.
          *
-         * @param values List of parameters, whose elements are 1 to 255 value arguments corresponding to a sample of a population.
-         *
          * [Api set: ExcelApi 1.2]
+         *
+         * @param values List of parameters, whose elements are 1 to 255 value arguments corresponding to a sample of a population.
          */
         varA(...values: Array<number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>>): FunctionResult<number>;
         /**
          *
          * Calculates variance based on the entire population, including logical values and text. Text and the logical value FALSE have the value 0; the logical value TRUE has the value 1.
          *
-         * @param values List of parameters, whose elements are 1 to 255 value arguments corresponding to a population.
-         *
          * [Api set: ExcelApi 1.2]
+         *
+         * @param values List of parameters, whose elements are 1 to 255 value arguments corresponding to a population.
          */
         varPA(...values: Array<number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>>): FunctionResult<number>;
         /**
          *
          * Calculates variance based on the entire population (ignores logical values and text in the population).
          *
-         * @param values List of parameters, whose elements are 1 to 255 numeric arguments corresponding to a population.
-         *
          * [Api set: ExcelApi 1.2]
+         *
+         * @param values List of parameters, whose elements are 1 to 255 numeric arguments corresponding to a population.
          */
         var_P(...values: Array<number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>>): FunctionResult<number>;
         /**
          *
          * Estimates variance based on a sample (ignores logical values and text in the sample).
          *
-         * @param values List of parameters, whose elements are 1 to 255 numeric arguments corresponding to a sample of a population.
-         *
          * [Api set: ExcelApi 1.2]
+         *
+         * @param values List of parameters, whose elements are 1 to 255 numeric arguments corresponding to a sample of a population.
          */
         var_S(...values: Array<number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>>): FunctionResult<number>;
         /**
          *
          * Returns the depreciation of an asset for any period you specify, including partial periods, using the double-declining balance method or some other method you specify.
          *
+         * [Api set: ExcelApi 1.2]
+         *
          * @param cost Is the initial cost of the asset.
          * @param salvage Is the salvage value at the end of the life of the asset.
          * @param life Is the number of periods over which the asset is being depreciated (sometimes called the useful life of the asset).
@@ -10175,120 +12628,120 @@ declare module Excel {
          * @param endPeriod Is the ending period for which you want to calculate the depreciation, in the same units as Life.
          * @param factor Is the rate at which the balance declines, 2 (double-declining balance) if omitted.
          * @param noSwitch Switch to straight-line depreciation when depreciation is greater than the declining balance = FALSE or omitted; do not switch = TRUE.
-         *
-         * [Api set: ExcelApi 1.2]
          */
         vdb(cost: number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, salvage: number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, life: number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, startPeriod: number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, endPeriod: number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, factor?: number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, noSwitch?: boolean | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>): FunctionResult<number>;
         /**
          *
          * Returns the week number in the year.
          *
+         * [Api set: ExcelApi 1.2]
+         *
          * @param serialNumber Is the date-time code used by Microsoft Excel for date and time calculation.
          * @param returnType Is a number (1 or 2) that determines the type of the return value.
-         *
-         * [Api set: ExcelApi 1.2]
          */
         weekNum(serialNumber: number | string | boolean | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, returnType?: number | string | boolean | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>): FunctionResult<number>;
         /**
          *
          * Returns a number from 1 to 7 identifying the day of the week of a date.
          *
+         * [Api set: ExcelApi 1.2]
+         *
          * @param serialNumber Is a number that represents a date.
          * @param returnType Is a number: for Sunday=1 through Saturday=7, use 1; for Monday=1 through Sunday=7, use 2; for Monday=0 through Sunday=6, use 3.
-         *
-         * [Api set: ExcelApi 1.2]
          */
         weekday(serialNumber: number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, returnType?: number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>): FunctionResult<number>;
         /**
          *
          * Returns the Weibull distribution.
          *
+         * [Api set: ExcelApi 1.2]
+         *
          * @param x Is the value at which to evaluate the function, a nonnegative number.
          * @param alpha Is a parameter to the distribution, a positive number.
          * @param beta Is a parameter to the distribution, a positive number.
          * @param cumulative Is a logical value: for the cumulative distribution function, use TRUE; for the probability mass function, use FALSE.
-         *
-         * [Api set: ExcelApi 1.2]
          */
         weibull_Dist(x: number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, alpha: number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, beta: number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, cumulative: boolean | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>): FunctionResult<number>;
         /**
          *
          * Returns the serial number of the date before or after a specified number of workdays.
          *
+         * [Api set: ExcelApi 1.2]
+         *
          * @param startDate Is a serial date number that represents the start date.
          * @param days Is the number of nonweekend and non-holiday days before or after startDate.
          * @param holidays Is an optional array of one or more serial date numbers to exclude from the working calendar, such as state and federal holidays and floating holidays.
-         *
-         * [Api set: ExcelApi 1.2]
          */
         workDay(startDate: number | string | boolean | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, days: number | string | boolean | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, holidays?: number | string | Excel.Range | boolean | Excel.RangeReference | Excel.FunctionResult<any>): FunctionResult<number>;
         /**
          *
          * Returns the serial number of the date before or after a specified number of workdays with custom weekend parameters.
          *
+         * [Api set: ExcelApi 1.2]
+         *
          * @param startDate Is a serial date number that represents the start date.
          * @param days Is the number of nonweekend and non-holiday days before or after startDate.
          * @param weekend Is a number or string specifying when weekends occur.
          * @param holidays Is an optional array of one or more serial date numbers to exclude from the working calendar, such as state and federal holidays and floating holidays.
-         *
-         * [Api set: ExcelApi 1.2]
          */
         workDay_Intl(startDate: number | string | boolean | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, days: number | string | boolean | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, weekend?: number | string | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, holidays?: number | string | Excel.Range | boolean | Excel.RangeReference | Excel.FunctionResult<any>): FunctionResult<number>;
         /**
          *
          * Returns the internal rate of return for a schedule of cash flows.
          *
+         * [Api set: ExcelApi 1.2]
+         *
          * @param values Is a series of cash flows that correspond to a schedule of payments in dates.
          * @param dates Is a schedule of payment dates that corresponds to the cash flow payments.
          * @param guess Is a number that you guess is close to the result of XIRR.
-         *
-         * [Api set: ExcelApi 1.2]
          */
         xirr(values: number | string | Excel.Range | boolean | Excel.RangeReference | Excel.FunctionResult<any>, dates: number | string | Excel.Range | boolean | Excel.RangeReference | Excel.FunctionResult<any>, guess?: number | string | boolean | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>): FunctionResult<number>;
         /**
          *
          * Returns the net present value for a schedule of cash flows.
          *
+         * [Api set: ExcelApi 1.2]
+         *
          * @param rate Is the discount rate to apply to the cash flows.
          * @param values Is a series of cash flows that correspond to a schedule of payments in dates.
          * @param dates Is a schedule of payment dates that corresponds to the cash flow payments.
-         *
-         * [Api set: ExcelApi 1.2]
          */
         xnpv(rate: number | string | boolean | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, values: number | string | Excel.Range | boolean | Excel.RangeReference | Excel.FunctionResult<any>, dates: number | string | Excel.Range | boolean | Excel.RangeReference | Excel.FunctionResult<any>): FunctionResult<number>;
         /**
          *
          * Returns a logical 'Exclusive Or' of all arguments.
          *
-         * @param values List of parameters, whose elements are 1 to 254 conditions you want to test that can be either TRUE or FALSE and can be logical values, arrays, or references.
-         *
          * [Api set: ExcelApi 1.2]
+         *
+         * @param values List of parameters, whose elements are 1 to 254 conditions you want to test that can be either TRUE or FALSE and can be logical values, arrays, or references.
          */
         xor(...values: Array<boolean | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>>): FunctionResult<boolean>;
         /**
          *
          * Returns the year of a date, an integer in the range 1900 - 9999.
          *
-         * @param serialNumber Is a number in the date-time code used by Microsoft Excel.
-         *
          * [Api set: ExcelApi 1.2]
+         *
+         * @param serialNumber Is a number in the date-time code used by Microsoft Excel.
          */
         year(serialNumber: number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>): FunctionResult<number>;
         /**
          *
          * Returns the year fraction representing the number of whole days between start_date and end_date.
          *
+         * [Api set: ExcelApi 1.2]
+         *
          * @param startDate Is a serial date number that represents the start date.
          * @param endDate Is a serial date number that represents the end date.
          * @param basis Is the type of day count basis to use.
-         *
-         * [Api set: ExcelApi 1.2]
          */
         yearFrac(startDate: number | string | boolean | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, endDate: number | string | boolean | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, basis?: number | string | boolean | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>): FunctionResult<number>;
         /**
          *
          * Returns the yield on a security that pays periodic interest.
          *
+         * [Api set: ExcelApi 1.2]
+         *
          * @param settlement Is the security's settlement date, expressed as a serial date number.
          * @param maturity Is the security's maturity date, expressed as a serial date number.
          * @param rate Is the security's annual coupon rate.
@@ -10296,51 +12749,49 @@ declare module Excel {
          * @param redemption Is the security's redemption value per $100 face value.
          * @param frequency Is the number of coupon payments per year.
          * @param basis Is the type of day count basis to use.
-         *
-         * [Api set: ExcelApi 1.2]
          */
         yield(settlement: number | string | boolean | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, maturity: number | string | boolean | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, rate: number | string | boolean | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, pr: number | string | boolean | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, redemption: number | string | boolean | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, frequency: number | string | boolean | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, basis?: number | string | boolean | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>): FunctionResult<number>;
         /**
          *
          * Returns the annual yield for a discounted security. For example, a treasury bill.
          *
+         * [Api set: ExcelApi 1.2]
+         *
          * @param settlement Is the security's settlement date, expressed as a serial date number.
          * @param maturity Is the security's maturity date, expressed as a serial date number.
          * @param pr Is the security's price per $100 face value.
          * @param redemption Is the security's redemption value per $100 face value.
          * @param basis Is the type of day count basis to use.
-         *
-         * [Api set: ExcelApi 1.2]
          */
         yieldDisc(settlement: number | string | boolean | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, maturity: number | string | boolean | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, pr: number | string | boolean | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, redemption: number | string | boolean | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, basis?: number | string | boolean | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>): FunctionResult<number>;
         /**
          *
          * Returns the annual yield of a security that pays interest at maturity.
          *
+         * [Api set: ExcelApi 1.2]
+         *
          * @param settlement Is the security's settlement date, expressed as a serial date number.
          * @param maturity Is the security's maturity date, expressed as a serial date number.
          * @param issue Is the security's issue date, expressed as a serial date number.
          * @param rate Is the security's interest rate at date of issue.
          * @param pr Is the security's price per $100 face value.
          * @param basis Is the type of day count basis to use.
-         *
-         * [Api set: ExcelApi 1.2]
          */
         yieldMat(settlement: number | string | boolean | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, maturity: number | string | boolean | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, issue: number | string | boolean | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, rate: number | string | boolean | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, pr: number | string | boolean | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, basis?: number | string | boolean | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>): FunctionResult<number>;
         /**
          *
          * Returns the one-tailed P-value of a z-test.
          *
+         * [Api set: ExcelApi 1.2]
+         *
          * @param array Is the array or range of data against which to test X.
          * @param x Is the value to test.
          * @param sigma Is the population (known) standard deviation. If omitted, the sample standard deviation is used.
-         *
-         * [Api set: ExcelApi 1.2]
          */
         z_Test(array: number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, x: number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>, sigma?: number | Excel.Range | Excel.RangeReference | Excel.FunctionResult<any>): FunctionResult<number>;
         toJSON(): {};
     }
-    module ErrorCodes {
+    namespace ErrorCodes {
         var accessDenied: string;
         var apiNotFound: string;
         var generalException: string;
@@ -10355,56 +12806,1382 @@ declare module Excel {
         var notImplemented: string;
         var unsupportedOperation: string;
     }
-}
-declare module Excel {
-    /**
-     * The RequestContext object facilitates requests to the Excel application. Since the Office add-in and the Excel application run in two different processes, the request context is required to get access to the Excel object model from the add-in.
-     */
-    class RequestContext extends OfficeExtension.ClientRequestContext {
-        constructor(url?: string);
-        workbook: Workbook;
+    module Interfaces {
+        /** An interface for updating data on the Worksheet object, for use in "worksheet.set({ ... })". */
+        interface WorksheetUpdateData {
+            /**
+             *
+             * The display name of the worksheet.
+             *
+             * [Api set: ExcelApi 1.1]
+             */
+            name?: string;
+            /**
+             *
+             * The zero-based position of the worksheet within the workbook.
+             *
+             * [Api set: ExcelApi 1.1]
+             */
+            position?: number;
+            /**
+             *
+             * The Visibility of the worksheet.
+             *
+             * [Api set: ExcelApi 1.1 for reading visibility; 1.2 for setting it.]
+             */
+            visibility?: string;
+        }
+        /** An interface for updating data on the Range object, for use in "range.set({ ... })". */
+        interface RangeUpdateData {
+            /**
+            *
+            * Returns a format object, encapsulating the range's font, fill, borders, alignment, and other properties.
+            *
+            * [Api set: ExcelApi 1.1]
+            */
+            format?: Excel.Interfaces.RangeFormatUpdateData;
+            /**
+             *
+             * Represents if all columns of the current range are hidden.
+             *
+             * [Api set: ExcelApi 1.2]
+             */
+            columnHidden?: boolean;
+            /**
+             *
+             * Represents the formula in A1-style notation.
+             *
+             * [Api set: ExcelApi 1.1]
+             */
+            formulas?: Array<Array<any>>;
+            /**
+             *
+             * Represents the formula in A1-style notation, in the user's language and number-formatting locale.  For example, the English "=SUM(A1, 1.5)" formula would become "=SUMME(A1; 1,5)" in German.
+             *
+             * [Api set: ExcelApi 1.1]
+             */
+            formulasLocal?: Array<Array<any>>;
+            /**
+             *
+             * Represents the formula in R1C1-style notation.
+             *
+             * [Api set: ExcelApi 1.2]
+             */
+            formulasR1C1?: Array<Array<any>>;
+            /**
+             *
+             * Represents Excel's number format code for the given cell.
+             *
+             * [Api set: ExcelApi 1.1]
+             */
+            numberFormat?: Array<Array<any>>;
+            /**
+             *
+             * Represents if all rows of the current range are hidden.
+             *
+             * [Api set: ExcelApi 1.2]
+             */
+            rowHidden?: boolean;
+            /**
+             *
+             * Represents the raw values of the specified range. The data returned could be of type string, number, or a boolean. Cell that contain an error will return the error string.
+             *
+             * [Api set: ExcelApi 1.1]
+             */
+            values?: Array<Array<any>>;
+        }
+        /** An interface for updating data on the RangeView object, for use in "rangeView.set({ ... })". */
+        interface RangeViewUpdateData {
+            /**
+             *
+             * Represents the formula in A1-style notation.
+             *
+             * [Api set: ExcelApi 1.3]
+             */
+            formulas?: Array<Array<any>>;
+            /**
+             *
+             * Represents the formula in A1-style notation, in the user's language and number-formatting locale.  For example, the English "=SUM(A1, 1.5)" formula would become "=SUMME(A1; 1,5)" in German.
+             *
+             * [Api set: ExcelApi 1.3]
+             */
+            formulasLocal?: Array<Array<any>>;
+            /**
+             *
+             * Represents the formula in R1C1-style notation.
+             *
+             * [Api set: ExcelApi 1.3]
+             */
+            formulasR1C1?: Array<Array<any>>;
+            /**
+             *
+             * Represents Excel's number format code for the given cell.
+             *
+             * [Api set: ExcelApi 1.3]
+             */
+            numberFormat?: Array<Array<any>>;
+            /**
+             *
+             * Represents the raw values of the specified range view. The data returned could be of type string, number, or a boolean. Cell that contain an error will return the error string.
+             *
+             * [Api set: ExcelApi 1.3]
+             */
+            values?: Array<Array<any>>;
+        }
+        /** An interface for updating data on the Setting object, for use in "setting.set({ ... })". */
+        interface SettingUpdateData {
+            /**
+             *
+             * Represents the value stored for this setting.
+             *
+             * [Api set: ExcelApi 1.4]
+             */
+            value?: any;
+        }
+        /** An interface for updating data on the NamedItem object, for use in "namedItem.set({ ... })". */
+        interface NamedItemUpdateData {
+            /**
+             *
+             * Represents the comment associated with this name.
+             *
+             * [Api set: ExcelApi 1.4]
+             */
+            comment?: string;
+            /**
+             *
+             * Specifies whether the object is visible or not.
+             *
+             * [Api set: ExcelApi 1.1]
+             */
+            visible?: boolean;
+        }
+        /** An interface for updating data on the Table object, for use in "table.set({ ... })". */
+        interface TableUpdateData {
+            /**
+             *
+             * Indicates whether the first column contains special formatting.
+             *
+             * [Api set: ExcelApi 1.3]
+             */
+            highlightFirstColumn?: boolean;
+            /**
+             *
+             * Indicates whether the last column contains special formatting.
+             *
+             * [Api set: ExcelApi 1.3]
+             */
+            highlightLastColumn?: boolean;
+            /**
+             *
+             * Name of the table.
+             *
+             * [Api set: ExcelApi 1.1]
+             */
+            name?: string;
+            /**
+             *
+             * Indicates whether the columns show banded formatting in which odd columns are highlighted differently from even ones to make reading the table easier.
+             *
+             * [Api set: ExcelApi 1.3]
+             */
+            showBandedColumns?: boolean;
+            /**
+             *
+             * Indicates whether the rows show banded formatting in which odd rows are highlighted differently from even ones to make reading the table easier.
+             *
+             * [Api set: ExcelApi 1.3]
+             */
+            showBandedRows?: boolean;
+            /**
+             *
+             * Indicates whether the filter buttons are visible at the top of each column header. Setting this is only allowed if the table contains a header row.
+             *
+             * [Api set: ExcelApi 1.3]
+             */
+            showFilterButton?: boolean;
+            /**
+             *
+             * Indicates whether the header row is visible or not. This value can be set to show or remove the header row.
+             *
+             * [Api set: ExcelApi 1.1]
+             */
+            showHeaders?: boolean;
+            /**
+             *
+             * Indicates whether the total row is visible or not. This value can be set to show or remove the total row.
+             *
+             * [Api set: ExcelApi 1.1]
+             */
+            showTotals?: boolean;
+            /**
+             *
+             * Constant value that represents the Table style. Possible values are: TableStyleLight1 thru TableStyleLight21, TableStyleMedium1 thru TableStyleMedium28, TableStyleStyleDark1 thru TableStyleStyleDark11. A custom user-defined style present in the workbook can also be specified.
+             *
+             * [Api set: ExcelApi 1.1]
+             */
+            style?: string;
+        }
+        /** An interface for updating data on the TableColumn object, for use in "tableColumn.set({ ... })". */
+        interface TableColumnUpdateData {
+            /**
+             *
+             * Represents the name of the table column.
+             *
+             * [Api set: ExcelApi 1.1 for getting the name; 1.4 for setting it.]
+             */
+            name?: string;
+            /**
+             *
+             * Represents the raw values of the specified range. The data returned could be of type string, number, or a boolean. Cell that contain an error will return the error string.
+             *
+             * [Api set: ExcelApi 1.1]
+             */
+            values?: Array<Array<any>>;
+        }
+        /** An interface for updating data on the TableRow object, for use in "tableRow.set({ ... })". */
+        interface TableRowUpdateData {
+            /**
+             *
+             * Represents the raw values of the specified range. The data returned could be of type string, number, or a boolean. Cell that contain an error will return the error string.
+             *
+             * [Api set: ExcelApi 1.1]
+             */
+            values?: Array<Array<any>>;
+        }
+        /** An interface for updating data on the RangeFormat object, for use in "rangeFormat.set({ ... })". */
+        interface RangeFormatUpdateData {
+            /**
+            *
+            * Returns the fill object defined on the overall range.
+            *
+            * [Api set: ExcelApi 1.1]
+            */
+            fill?: Excel.Interfaces.RangeFillUpdateData;
+            /**
+            *
+            * Returns the font object defined on the overall range.
+            *
+            * [Api set: ExcelApi 1.1]
+            */
+            font?: Excel.Interfaces.RangeFontUpdateData;
+            /**
+            *
+            * Returns the format protection object for a range.
+            *
+            * [Api set: ExcelApi 1.2]
+            */
+            protection?: Excel.Interfaces.FormatProtectionUpdateData;
+            /**
+             *
+             * Gets or sets the width of all colums within the range. If the column widths are not uniform, null will be returned.
+             *
+             * [Api set: ExcelApi 1.2]
+             */
+            columnWidth?: number;
+            /**
+             *
+             * Represents the horizontal alignment for the specified object. See Excel.HorizontalAlignment for details.
+             *
+             * [Api set: ExcelApi 1.1]
+             */
+            horizontalAlignment?: string;
+            /**
+             *
+             * Gets or sets the height of all rows in the range. If the row heights are not uniform null will be returned.
+             *
+             * [Api set: ExcelApi 1.2]
+             */
+            rowHeight?: number;
+            /**
+             *
+             * Represents the vertical alignment for the specified object. See Excel.VerticalAlignment for details.
+             *
+             * [Api set: ExcelApi 1.1]
+             */
+            verticalAlignment?: string;
+            /**
+             *
+             * Indicates if Excel wraps the text in the object. A null value indicates that the entire range doesn't have uniform wrap setting
+             *
+             * [Api set: ExcelApi 1.1]
+             */
+            wrapText?: boolean;
+        }
+        /** An interface for updating data on the FormatProtection object, for use in "formatProtection.set({ ... })". */
+        interface FormatProtectionUpdateData {
+            /**
+             *
+             * Indicates if Excel hides the formula for the cells in the range. A null value indicates that the entire range doesn't have uniform formula hidden setting.
+             *
+             * [Api set: ExcelApi 1.2]
+             */
+            formulaHidden?: boolean;
+            /**
+             *
+             * Indicates if Excel locks the cells in the object. A null value indicates that the entire range doesn't have uniform lock setting.
+             *
+             * [Api set: ExcelApi 1.2]
+             */
+            locked?: boolean;
+        }
+        /** An interface for updating data on the RangeFill object, for use in "rangeFill.set({ ... })". */
+        interface RangeFillUpdateData {
+            /**
+             *
+             * HTML color code representing the color of the border line, of the form #RRGGBB (e.g. "FFA500") or as a named HTML color (e.g. "orange")
+             *
+             * [Api set: ExcelApi 1.1]
+             */
+            color?: string;
+        }
+        /** An interface for updating data on the RangeBorder object, for use in "rangeBorder.set({ ... })". */
+        interface RangeBorderUpdateData {
+            /**
+             *
+             * HTML color code representing the color of the border line, of the form #RRGGBB (e.g. "FFA500") or as a named HTML color (e.g. "orange").
+             *
+             * [Api set: ExcelApi 1.1]
+             */
+            color?: string;
+            /**
+             *
+             * One of the constants of line style specifying the line style for the border. See Excel.BorderLineStyle for details.
+             *
+             * [Api set: ExcelApi 1.1]
+             */
+            style?: string;
+            /**
+             *
+             * Specifies the weight of the border around a range. See Excel.BorderWeight for details.
+             *
+             * [Api set: ExcelApi 1.1]
+             */
+            weight?: string;
+        }
+        /** An interface for updating data on the RangeFont object, for use in "rangeFont.set({ ... })". */
+        interface RangeFontUpdateData {
+            /**
+             *
+             * Represents the bold status of font.
+             *
+             * [Api set: ExcelApi 1.1]
+             */
+            bold?: boolean;
+            /**
+             *
+             * HTML color code representation of the text color. E.g. #FF0000 represents Red.
+             *
+             * [Api set: ExcelApi 1.1]
+             */
+            color?: string;
+            /**
+             *
+             * Represents the italic status of the font.
+             *
+             * [Api set: ExcelApi 1.1]
+             */
+            italic?: boolean;
+            /**
+             *
+             * Font name (e.g. "Calibri")
+             *
+             * [Api set: ExcelApi 1.1]
+             */
+            name?: string;
+            /**
+             *
+             * Font size.
+             *
+             * [Api set: ExcelApi 1.1]
+             */
+            size?: number;
+            /**
+             *
+             * Type of underline applied to the font. See Excel.RangeUnderlineStyle for details.
+             *
+             * [Api set: ExcelApi 1.1]
+             */
+            underline?: string;
+        }
+        /** An interface for updating data on the Chart object, for use in "chart.set({ ... })". */
+        interface ChartUpdateData {
+            /**
+            *
+            * Represents chart axes.
+            *
+            * [Api set: ExcelApi 1.1]
+            */
+            axes?: Excel.Interfaces.ChartAxesUpdateData;
+            /**
+            *
+            * Represents the datalabels on the chart.
+            *
+            * [Api set: ExcelApi 1.1]
+            */
+            dataLabels?: Excel.Interfaces.ChartDataLabelsUpdateData;
+            /**
+            *
+            * Encapsulates the format properties for the chart area.
+            *
+            * [Api set: ExcelApi 1.1]
+            */
+            format?: Excel.Interfaces.ChartAreaFormatUpdateData;
+            /**
+            *
+            * Represents the legend for the chart.
+            *
+            * [Api set: ExcelApi 1.1]
+            */
+            legend?: Excel.Interfaces.ChartLegendUpdateData;
+            /**
+            *
+            * Represents the title of the specified chart, including the text, visibility, position and formating of the title.
+            *
+            * [Api set: ExcelApi 1.1]
+            */
+            title?: Excel.Interfaces.ChartTitleUpdateData;
+            /**
+             *
+             * Represents the height, in points, of the chart object.
+             *
+             * [Api set: ExcelApi 1.1]
+             */
+            height?: number;
+            /**
+             *
+             * The distance, in points, from the left side of the chart to the worksheet origin.
+             *
+             * [Api set: ExcelApi 1.1]
+             */
+            left?: number;
+            /**
+             *
+             * Represents the name of a chart object.
+             *
+             * [Api set: ExcelApi 1.1]
+             */
+            name?: string;
+            /**
+             *
+             * Represents the distance, in points, from the top edge of the object to the top of row 1 (on a worksheet) or the top of the chart area (on a chart).
+             *
+             * [Api set: ExcelApi 1.1]
+             */
+            top?: number;
+            /**
+             *
+             * Represents the width, in points, of the chart object.
+             *
+             * [Api set: ExcelApi 1.1]
+             */
+            width?: number;
+        }
+        /** An interface for updating data on the ChartAreaFormat object, for use in "chartAreaFormat.set({ ... })". */
+        interface ChartAreaFormatUpdateData {
+            /**
+            *
+            * Represents the font attributes (font name, font size, color, etc.) for the current object.
+            *
+            * [Api set: ExcelApi 1.1]
+            */
+            font?: Excel.Interfaces.ChartFontUpdateData;
+        }
+        /** An interface for updating data on the ChartSeries object, for use in "chartSeries.set({ ... })". */
+        interface ChartSeriesUpdateData {
+            /**
+            *
+            * Represents the formatting of a chart series, which includes fill and line formatting.
+            *
+            * [Api set: ExcelApi 1.1]
+            */
+            format?: Excel.Interfaces.ChartSeriesFormatUpdateData;
+            /**
+             *
+             * Represents the name of a series in a chart.
+             *
+             * [Api set: ExcelApi 1.1]
+             */
+            name?: string;
+        }
+        /** An interface for updating data on the ChartSeriesFormat object, for use in "chartSeriesFormat.set({ ... })". */
+        interface ChartSeriesFormatUpdateData {
+            /**
+            *
+            * Represents line formatting.
+            *
+            * [Api set: ExcelApi 1.1]
+            */
+            line?: Excel.Interfaces.ChartLineFormatUpdateData;
+        }
+        /** An interface for updating data on the ChartAxes object, for use in "chartAxes.set({ ... })". */
+        interface ChartAxesUpdateData {
+            /**
+            *
+            * Represents the category axis in a chart.
+            *
+            * [Api set: ExcelApi 1.1]
+            */
+            categoryAxis?: Excel.Interfaces.ChartAxisUpdateData;
+            /**
+            *
+            * Represents the series axis of a 3-dimensional chart.
+            *
+            * [Api set: ExcelApi 1.1]
+            */
+            seriesAxis?: Excel.Interfaces.ChartAxisUpdateData;
+            /**
+            *
+            * Represents the value axis in an axis.
+            *
+            * [Api set: ExcelApi 1.1]
+            */
+            valueAxis?: Excel.Interfaces.ChartAxisUpdateData;
+        }
+        /** An interface for updating data on the ChartAxis object, for use in "chartAxis.set({ ... })". */
+        interface ChartAxisUpdateData {
+            /**
+            *
+            * Represents the formatting of a chart object, which includes line and font formatting.
+            *
+            * [Api set: ExcelApi 1.1]
+            */
+            format?: Excel.Interfaces.ChartAxisFormatUpdateData;
+            /**
+            *
+            * Returns a gridlines object that represents the major gridlines for the specified axis.
+            *
+            * [Api set: ExcelApi 1.1]
+            */
+            majorGridlines?: Excel.Interfaces.ChartGridlinesUpdateData;
+            /**
+            *
+            * Returns a Gridlines object that represents the minor gridlines for the specified axis.
+            *
+            * [Api set: ExcelApi 1.1]
+            */
+            minorGridlines?: Excel.Interfaces.ChartGridlinesUpdateData;
+            /**
+            *
+            * Represents the axis title.
+            *
+            * [Api set: ExcelApi 1.1]
+            */
+            title?: Excel.Interfaces.ChartAxisTitleUpdateData;
+            /**
+             *
+             * Represents the interval between two major tick marks. Can be set to a numeric value or an empty string.  The returned value is always a number.
+             *
+             * [Api set: ExcelApi 1.1]
+             */
+            majorUnit?: any;
+            /**
+             *
+             * Represents the maximum value on the value axis.  Can be set to a numeric value or an empty string (for automatic axis values).  The returned value is always a number.
+             *
+             * [Api set: ExcelApi 1.1]
+             */
+            maximum?: any;
+            /**
+             *
+             * Represents the minimum value on the value axis. Can be set to a numeric value or an empty string (for automatic axis values).  The returned value is always a number.
+             *
+             * [Api set: ExcelApi 1.1]
+             */
+            minimum?: any;
+            /**
+             *
+             * Represents the interval between two minor tick marks. "Can be set to a numeric value or an empty string (for automatic axis values). The returned value is always a number.
+             *
+             * [Api set: ExcelApi 1.1]
+             */
+            minorUnit?: any;
+        }
+        /** An interface for updating data on the ChartAxisFormat object, for use in "chartAxisFormat.set({ ... })". */
+        interface ChartAxisFormatUpdateData {
+            /**
+            *
+            * Represents the font attributes (font name, font size, color, etc.) for a chart axis element.
+            *
+            * [Api set: ExcelApi 1.1]
+            */
+            font?: Excel.Interfaces.ChartFontUpdateData;
+            /**
+            *
+            * Represents chart line formatting.
+            *
+            * [Api set: ExcelApi 1.1]
+            */
+            line?: Excel.Interfaces.ChartLineFormatUpdateData;
+        }
+        /** An interface for updating data on the ChartAxisTitle object, for use in "chartAxisTitle.set({ ... })". */
+        interface ChartAxisTitleUpdateData {
+            /**
+            *
+            * Represents the formatting of chart axis title.
+            *
+            * [Api set: ExcelApi 1.1]
+            */
+            format?: Excel.Interfaces.ChartAxisTitleFormatUpdateData;
+            /**
+             *
+             * Represents the axis title.
+             *
+             * [Api set: ExcelApi 1.1]
+             */
+            text?: string;
+            /**
+             *
+             * A boolean that specifies the visibility of an axis title.
+             *
+             * [Api set: ExcelApi 1.1]
+             */
+            visible?: boolean;
+        }
+        /** An interface for updating data on the ChartAxisTitleFormat object, for use in "chartAxisTitleFormat.set({ ... })". */
+        interface ChartAxisTitleFormatUpdateData {
+            /**
+            *
+            * Represents the font attributes, such as font name, font size, color, etc. of chart axis title object.
+            *
+            * [Api set: ExcelApi 1.1]
+            */
+            font?: Excel.Interfaces.ChartFontUpdateData;
+        }
+        /** An interface for updating data on the ChartDataLabels object, for use in "chartDataLabels.set({ ... })". */
+        interface ChartDataLabelsUpdateData {
+            /**
+            *
+            * Represents the format of chart data labels, which includes fill and font formatting.
+            *
+            * [Api set: ExcelApi 1.1]
+            */
+            format?: Excel.Interfaces.ChartDataLabelFormatUpdateData;
+            /**
+             *
+             * DataLabelPosition value that represents the position of the data label. See Excel.ChartDataLabelPosition for details.
+             *
+             * [Api set: ExcelApi 1.1]
+             */
+            position?: string;
+            /**
+             *
+             * String representing the separator used for the data labels on a chart.
+             *
+             * [Api set: ExcelApi 1.1]
+             */
+            separator?: string;
+            /**
+             *
+             * Boolean value representing if the data label bubble size is visible or not.
+             *
+             * [Api set: ExcelApi 1.1]
+             */
+            showBubbleSize?: boolean;
+            /**
+             *
+             * Boolean value representing if the data label category name is visible or not.
+             *
+             * [Api set: ExcelApi 1.1]
+             */
+            showCategoryName?: boolean;
+            /**
+             *
+             * Boolean value representing if the data label legend key is visible or not.
+             *
+             * [Api set: ExcelApi 1.1]
+             */
+            showLegendKey?: boolean;
+            /**
+             *
+             * Boolean value representing if the data label percentage is visible or not.
+             *
+             * [Api set: ExcelApi 1.1]
+             */
+            showPercentage?: boolean;
+            /**
+             *
+             * Boolean value representing if the data label series name is visible or not.
+             *
+             * [Api set: ExcelApi 1.1]
+             */
+            showSeriesName?: boolean;
+            /**
+             *
+             * Boolean value representing if the data label value is visible or not.
+             *
+             * [Api set: ExcelApi 1.1]
+             */
+            showValue?: boolean;
+        }
+        /** An interface for updating data on the ChartDataLabelFormat object, for use in "chartDataLabelFormat.set({ ... })". */
+        interface ChartDataLabelFormatUpdateData {
+            /**
+            *
+            * Represents the font attributes (font name, font size, color, etc.) for a chart data label.
+            *
+            * [Api set: ExcelApi 1.1]
+            */
+            font?: Excel.Interfaces.ChartFontUpdateData;
+        }
+        /** An interface for updating data on the ChartGridlines object, for use in "chartGridlines.set({ ... })". */
+        interface ChartGridlinesUpdateData {
+            /**
+            *
+            * Represents the formatting of chart gridlines.
+            *
+            * [Api set: ExcelApi 1.1]
+            */
+            format?: Excel.Interfaces.ChartGridlinesFormatUpdateData;
+            /**
+             *
+             * Boolean value representing if the axis gridlines are visible or not.
+             *
+             * [Api set: ExcelApi 1.1]
+             */
+            visible?: boolean;
+        }
+        /** An interface for updating data on the ChartGridlinesFormat object, for use in "chartGridlinesFormat.set({ ... })". */
+        interface ChartGridlinesFormatUpdateData {
+            /**
+            *
+            * Represents chart line formatting.
+            *
+            * [Api set: ExcelApi 1.1]
+            */
+            line?: Excel.Interfaces.ChartLineFormatUpdateData;
+        }
+        /** An interface for updating data on the ChartLegend object, for use in "chartLegend.set({ ... })". */
+        interface ChartLegendUpdateData {
+            /**
+            *
+            * Represents the formatting of a chart legend, which includes fill and font formatting.
+            *
+            * [Api set: ExcelApi 1.1]
+            */
+            format?: Excel.Interfaces.ChartLegendFormatUpdateData;
+            /**
+             *
+             * Boolean value for whether the chart legend should overlap with the main body of the chart.
+             *
+             * [Api set: ExcelApi 1.1]
+             */
+            overlay?: boolean;
+            /**
+             *
+             * Represents the position of the legend on the chart. See Excel.ChartLegendPosition for details.
+             *
+             * [Api set: ExcelApi 1.1]
+             */
+            position?: string;
+            /**
+             *
+             * A boolean value the represents the visibility of a ChartLegend object.
+             *
+             * [Api set: ExcelApi 1.1]
+             */
+            visible?: boolean;
+        }
+        /** An interface for updating data on the ChartLegendFormat object, for use in "chartLegendFormat.set({ ... })". */
+        interface ChartLegendFormatUpdateData {
+            /**
+            *
+            * Represents the font attributes such as font name, font size, color, etc. of a chart legend.
+            *
+            * [Api set: ExcelApi 1.1]
+            */
+            font?: Excel.Interfaces.ChartFontUpdateData;
+        }
+        /** An interface for updating data on the ChartTitle object, for use in "chartTitle.set({ ... })". */
+        interface ChartTitleUpdateData {
+            /**
+            *
+            * Represents the formatting of a chart title, which includes fill and font formatting.
+            *
+            * [Api set: ExcelApi 1.1]
+            */
+            format?: Excel.Interfaces.ChartTitleFormatUpdateData;
+            /**
+             *
+             * Boolean value representing if the chart title will overlay the chart or not.
+             *
+             * [Api set: ExcelApi 1.1]
+             */
+            overlay?: boolean;
+            /**
+             *
+             * Represents the title text of a chart.
+             *
+             * [Api set: ExcelApi 1.1]
+             */
+            text?: string;
+            /**
+             *
+             * A boolean value the represents the visibility of a chart title object.
+             *
+             * [Api set: ExcelApi 1.1]
+             */
+            visible?: boolean;
+        }
+        /** An interface for updating data on the ChartTitleFormat object, for use in "chartTitleFormat.set({ ... })". */
+        interface ChartTitleFormatUpdateData {
+            /**
+            *
+            * Represents the font attributes (font name, font size, color, etc.) for an object.
+            *
+            * [Api set: ExcelApi 1.1]
+            */
+            font?: Excel.Interfaces.ChartFontUpdateData;
+        }
+        /** An interface for updating data on the ChartLineFormat object, for use in "chartLineFormat.set({ ... })". */
+        interface ChartLineFormatUpdateData {
+            /**
+             *
+             * HTML color code representing the color of lines in the chart.
+             *
+             * [Api set: ExcelApi 1.1]
+             */
+            color?: string;
+        }
+        /** An interface for updating data on the ChartFont object, for use in "chartFont.set({ ... })". */
+        interface ChartFontUpdateData {
+            /**
+             *
+             * Represents the bold status of font.
+             *
+             * [Api set: ExcelApi 1.1]
+             */
+            bold?: boolean;
+            /**
+             *
+             * HTML color code representation of the text color. E.g. #FF0000 represents Red.
+             *
+             * [Api set: ExcelApi 1.1]
+             */
+            color?: string;
+            /**
+             *
+             * Represents the italic status of the font.
+             *
+             * [Api set: ExcelApi 1.1]
+             */
+            italic?: boolean;
+            /**
+             *
+             * Font name (e.g. "Calibri")
+             *
+             * [Api set: ExcelApi 1.1]
+             */
+            name?: string;
+            /**
+             *
+             * Size of the font (e.g. 11)
+             *
+             * [Api set: ExcelApi 1.1]
+             */
+            size?: number;
+            /**
+             *
+             * Type of underline applied to the font. See Excel.ChartUnderlineStyle for details.
+             *
+             * [Api set: ExcelApi 1.1]
+             */
+            underline?: string;
+        }
+        /** An interface for updating data on the PivotTable object, for use in "pivotTable.set({ ... })". */
+        interface PivotTableUpdateData {
+            /**
+             *
+             * Name of the PivotTable.
+             *
+             * [Api set: ExcelApi 1.3]
+             */
+            name?: string;
+        }
+        /** An interface for updating data on the ConditionalFormat object, for use in "conditionalFormat.set({ ... })". */
+        interface ConditionalFormatUpdateData {
+            /**
+            *
+            * Returns the cell value conditional format properties if the current conditional format is a CellValue type.
+            For example to format all cells between 5 and 10.
+            *
+            * [Api set: ExcelApi 1.6 (PREVIEW)]
+            */
+            cellValue?: Excel.Interfaces.CellValueConditionalFormatUpdateData;
+            /**
+            *
+            * Returns the cell value conditional format properties if the current conditional format is a CellValue type.
+            For example to format all cells between 5 and 10.
+            *
+            * [Api set: ExcelApi 1.6 (PREVIEW)]
+            */
+            cellValueOrNullObject?: Excel.Interfaces.CellValueConditionalFormatUpdateData;
+            /**
+            *
+            * Returns the ColorScale conditional format properties if the current conditional format is an ColorScale type.
+            *
+            * [Api set: ExcelApi 1.6 (PREVIEW)]
+            */
+            colorScale?: Excel.Interfaces.ColorScaleConditionalFormatUpdateData;
+            /**
+            *
+            * Returns the ColorScale conditional format properties if the current conditional format is an ColorScale type.
+            *
+            * [Api set: ExcelApi 1.6 (PREVIEW)]
+            */
+            colorScaleOrNullObject?: Excel.Interfaces.ColorScaleConditionalFormatUpdateData;
+            /**
+            *
+            * Returns the custom conditional format properties if the current conditional format is a custom type.
+            *
+            * [Api set: ExcelApi 1.6 (PREVIEW)]
+            */
+            custom?: Excel.Interfaces.CustomConditionalFormatUpdateData;
+            /**
+            *
+            * Returns the custom conditional format properties if the current conditional format is a custom type.
+            *
+            * [Api set: ExcelApi 1.6 (PREVIEW)]
+            */
+            customOrNullObject?: Excel.Interfaces.CustomConditionalFormatUpdateData;
+            /**
+            *
+            * Returns the data bar properties if the current conditional format is a data bar.
+            *
+            * [Api set: ExcelApi 1.6 (PREVIEW)]
+            */
+            dataBar?: Excel.Interfaces.DataBarConditionalFormatUpdateData;
+            /**
+            *
+            * Returns the data bar properties if the current conditional format is a data bar.
+            *
+            * [Api set: ExcelApi 1.6 (PREVIEW)]
+            */
+            dataBarOrNullObject?: Excel.Interfaces.DataBarConditionalFormatUpdateData;
+            /**
+            *
+            * Returns the IconSet conditional format properties if the current conditional format is an IconSet type.
+            *
+            * [Api set: ExcelApi 1.6 (PREVIEW)]
+            */
+            iconSet?: Excel.Interfaces.IconSetConditionalFormatUpdateData;
+            /**
+            *
+            * Returns the IconSet conditional format properties if the current conditional format is an IconSet type.
+            *
+            * [Api set: ExcelApi 1.6 (PREVIEW)]
+            */
+            iconSetOrNullObject?: Excel.Interfaces.IconSetConditionalFormatUpdateData;
+            /**
+            *
+            * Returns the preset criteria conditional format such as above average/below average/unique values/contains blank/nonblank/error/noerror properties.
+            *
+            * [Api set: ExcelApi 1.6 (PREVIEW)]
+            */
+            preset?: Excel.Interfaces.PresetCriteriaConditionalFormatUpdateData;
+            /**
+            *
+            * Returns the preset criteria conditional format such as above average/below average/unique values/contains blank/nonblank/error/noerror properties.
+            *
+            * [Api set: ExcelApi 1.6 (PREVIEW)]
+            */
+            presetOrNullObject?: Excel.Interfaces.PresetCriteriaConditionalFormatUpdateData;
+            /**
+            *
+            * Returns the specific text conditional format properties if the current conditional format is a text type.
+            For example to format cells matching the word "Text".
+            *
+            * [Api set: ExcelApi 1.6 (PREVIEW)]
+            */
+            textComparison?: Excel.Interfaces.TextConditionalFormatUpdateData;
+            /**
+            *
+            * Returns the specific text conditional format properties if the current conditional format is a text type.
+            For example to format cells matching the word "Text".
+            *
+            * [Api set: ExcelApi 1.6 (PREVIEW)]
+            */
+            textComparisonOrNullObject?: Excel.Interfaces.TextConditionalFormatUpdateData;
+            /**
+            *
+            * Returns the Top/Bottom conditional format properties if the current conditional format is an TopBottom type.
+            For example to format the top 10% or bottom 10 items.
+            *
+            * [Api set: ExcelApi 1.6 (PREVIEW)]
+            */
+            topBottom?: Excel.Interfaces.TopBottomConditionalFormatUpdateData;
+            /**
+            *
+            * Returns the Top/Bottom conditional format properties if the current conditional format is an TopBottom type.
+            For example to format the top 10% or bottom 10 items.
+            *
+            * [Api set: ExcelApi 1.6 (PREVIEW)]
+            */
+            topBottomOrNullObject?: Excel.Interfaces.TopBottomConditionalFormatUpdateData;
+            /**
+             *
+             * The priority (or index) within the conditional format collection that this conditional format currently exists in. Changing this also
+            changes other conditional formats' priorities, to allow for a contiguous priority order.
+            Use a negative priority to begin from the back.
+            Priorities greater than than bounds will get and set to the maximum (or minimum if negative) priority.
+             *
+             * [Api set: ExcelApi 1.6 (PREVIEW)]
+             */
+            priority?: number;
+            /**
+             *
+             * If the conditions of this conditional format are met, no lower-priority formats shall take effect on that cell.
+            Null on databars, icon sets, and colorscales as there's no concept of StopIfTrue for these
+             *
+             * [Api set: ExcelApi 1.6 (PREVIEW)]
+             */
+            stopIfTrue?: boolean;
+        }
+        /** An interface for updating data on the DataBarConditionalFormat object, for use in "dataBarConditionalFormat.set({ ... })". */
+        interface DataBarConditionalFormatUpdateData {
+            /**
+            *
+            * Representation of all values to the left of the axis in an Excel data bar.
+            *
+            * [Api set: ExcelApi 1.6 (PREVIEW)]
+            */
+            negativeFormat?: Excel.Interfaces.ConditionalDataBarNegativeFormatUpdateData;
+            /**
+            *
+            * Representation of all values to the right of the axis in an Excel data bar.
+            *
+            * [Api set: ExcelApi 1.6 (PREVIEW)]
+            */
+            positiveFormat?: Excel.Interfaces.ConditionalDataBarPositiveFormatUpdateData;
+            /**
+             *
+             * HTML color code representing the color of the Axis line, of the form #RRGGBB (e.g. "FFA500") or as a named HTML color (e.g. "orange").
+            "" (empty string) if no axis is present or set.
+             *
+             * [Api set: ExcelApi 1.6 (PREVIEW)]
+             */
+            axisColor?: string;
+            /**
+             *
+             * Representation of how the axis is determined for an Excel data bar.
+             *
+             * [Api set: ExcelApi 1.6 (PREVIEW)]
+             */
+            axisFormat?: string;
+            /**
+             *
+             * Represents the direction that the data bar graphic should be based on.
+             *
+             * [Api set: ExcelApi 1.6 (PREVIEW)]
+             */
+            barDirection?: string;
+            /**
+             *
+             * The rule for what consistutes the lower bound (and how to calculate it, if applicable) for a data bar.
+             *
+             * [Api set: ExcelApi 1.6 (PREVIEW)]
+             */
+            lowerBoundRule?: Excel.ConditionalDataBarRule;
+            /**
+             *
+             * If true, hides the values from the cells where the data bar is applied.
+             *
+             * [Api set: ExcelApi 1.6 (PREVIEW)]
+             */
+            showDataBarOnly?: boolean;
+            /**
+             *
+             * The rule for what constitutes the upper bound (and how to calculate it, if applicable) for a data bar.
+             *
+             * [Api set: ExcelApi 1.6 (PREVIEW)]
+             */
+            upperBoundRule?: Excel.ConditionalDataBarRule;
+        }
+        /** An interface for updating data on the ConditionalDataBarPositiveFormat object, for use in "conditionalDataBarPositiveFormat.set({ ... })". */
+        interface ConditionalDataBarPositiveFormatUpdateData {
+            /**
+             *
+             * HTML color code representing the color of the border line, of the form #RRGGBB (e.g. "FFA500") or as a named HTML color (e.g. "orange").
+            "" (empty string) if no border is present or set.
+             *
+             * [Api set: ExcelApi 1.6 (PREVIEW)]
+             */
+            borderColor?: string;
+            /**
+             *
+             * HTML color code representing the fill color, of the form #RRGGBB (e.g. "FFA500") or as a named HTML color (e.g. "orange").
+             *
+             * [Api set: ExcelApi 1.6 (PREVIEW)]
+             */
+            fillColor?: string;
+            /**
+             *
+             * Boolean representation of whether or not the DataBar has a gradient.
+             *
+             * [Api set: ExcelApi 1.6 (PREVIEW)]
+             */
+            gradientFill?: boolean;
+        }
+        /** An interface for updating data on the ConditionalDataBarNegativeFormat object, for use in "conditionalDataBarNegativeFormat.set({ ... })". */
+        interface ConditionalDataBarNegativeFormatUpdateData {
+            /**
+             *
+             * HTML color code representing the color of the border line, of the form #RRGGBB (e.g. "FFA500") or as a named HTML color (e.g. "orange").
+            "Empty String" if no border is present or set.
+             *
+             * [Api set: ExcelApi 1.6 (PREVIEW)]
+             */
+            borderColor?: string;
+            /**
+             *
+             * HTML color code representing the fill color, of the form #RRGGBB (e.g. "FFA500") or as a named HTML color (e.g. "orange").
+             *
+             * [Api set: ExcelApi 1.6 (PREVIEW)]
+             */
+            fillColor?: string;
+            /**
+             *
+             * Boolean representation of whether or not the negative DataBar has the same border color as the positive DataBar.
+             *
+             * [Api set: ExcelApi 1.6 (PREVIEW)]
+             */
+            matchPositiveBorderColor?: boolean;
+            /**
+             *
+             * Boolean representation of whether or not the negative DataBar has the same fill color as the positive DataBar.
+             *
+             * [Api set: ExcelApi 1.6 (PREVIEW)]
+             */
+            matchPositiveFillColor?: boolean;
+        }
+        /** An interface for updating data on the CustomConditionalFormat object, for use in "customConditionalFormat.set({ ... })". */
+        interface CustomConditionalFormatUpdateData {
+            /**
+            *
+            * Returns a format object, encapsulating the conditional formats font, fill, borders, and other properties.
+            *
+            * [Api set: ExcelApi 1.6 (PREVIEW)]
+            */
+            format?: Excel.Interfaces.ConditionalRangeFormatUpdateData;
+            /**
+            *
+            * Represents the Rule object on this conditional format.
+            *
+            * [Api set: ExcelApi 1.6 (PREVIEW)]
+            */
+            rule?: Excel.Interfaces.ConditionalFormatRuleUpdateData;
+        }
+        /** An interface for updating data on the ConditionalFormatRule object, for use in "conditionalFormatRule.set({ ... })". */
+        interface ConditionalFormatRuleUpdateData {
+            /**
+             *
+             * The formula, if required, to evaluate the conditional format rule on.
+             *
+             * [Api set: ExcelApi 1.6 (PREVIEW)]
+             */
+            formula?: string;
+            /**
+             *
+             * The formula, if required, to evaluate the conditional format rule on in the user's language.
+             *
+             * [Api set: ExcelApi 1.6 (PREVIEW)]
+             */
+            formulaLocal?: string;
+            /**
+             *
+             * The formula, if required, to evaluate the conditional format rule on in R1C1-style notation.
+             *
+             * [Api set: ExcelApi 1.6 (PREVIEW)]
+             */
+            formulaR1C1?: string;
+        }
+        /** An interface for updating data on the IconSetConditionalFormat object, for use in "iconSetConditionalFormat.set({ ... })". */
+        interface IconSetConditionalFormatUpdateData {
+            /**
+             *
+             * An array of Criteria and IconSets for the rules and potential custom icons for conditional icons. Note that for the first criterion only the custom icon can be modified, while type, formula and operator will be ignored when set.
+             *
+             * [Api set: ExcelApi 1.6 (PREVIEW)]
+             */
+            criteria?: Array<Excel.ConditionalIconCriterion>;
+            /**
+             *
+             * If true, reverses the icon orders for the IconSet. Note that this cannot be set if custom icons are used.
+             *
+             * [Api set: ExcelApi 1.6 (PREVIEW)]
+             */
+            reverseIconOrder?: boolean;
+            /**
+             *
+             * If true, hides the values and only shows icons.
+             *
+             * [Api set: ExcelApi 1.6 (PREVIEW)]
+             */
+            showIconOnly?: boolean;
+            /**
+             *
+             * If set, displays the IconSet option for the conditional format.
+             *
+             * [Api set: ExcelApi 1.6 (PREVIEW)]
+             */
+            style?: string;
+        }
+        /** An interface for updating data on the ColorScaleConditionalFormat object, for use in "colorScaleConditionalFormat.set({ ... })". */
+        interface ColorScaleConditionalFormatUpdateData {
+            /**
+             *
+             * The criteria of the color scale. Midpoint is optional when using a two point color scale.
+             *
+             * [Api set: ExcelApi 1.6 (PREVIEW)]
+             */
+            criteria?: Excel.ConditionalColorScaleCriteria;
+        }
+        /** An interface for updating data on the TopBottomConditionalFormat object, for use in "topBottomConditionalFormat.set({ ... })". */
+        interface TopBottomConditionalFormatUpdateData {
+            /**
+            *
+            * Returns a format object, encapsulating the conditional formats font, fill, borders, and other properties.
+            *
+            * [Api set: ExcelApi 1.6 (PREVIEW)]
+            */
+            format?: Excel.Interfaces.ConditionalRangeFormatUpdateData;
+            /**
+             *
+             * The criteria of the Top/Bottom conditional format.
+             *
+             * [Api set: ExcelApi 1.6 (PREVIEW)]
+             */
+            rule?: Excel.ConditionalTopBottomRule;
+        }
+        /** An interface for updating data on the PresetCriteriaConditionalFormat object, for use in "presetCriteriaConditionalFormat.set({ ... })". */
+        interface PresetCriteriaConditionalFormatUpdateData {
+            /**
+            *
+            * Returns a format object, encapsulating the conditional formats font, fill, borders, and other properties.
+            *
+            * [Api set: ExcelApi 1.6 (PREVIEW)]
+            */
+            format?: Excel.Interfaces.ConditionalRangeFormatUpdateData;
+            /**
+             *
+             * The rule of the conditional format.
+             *
+             * [Api set: ExcelApi 1.6 (PREVIEW)]
+             */
+            rule?: Excel.ConditionalPresetCriteriaRule;
+        }
+        /** An interface for updating data on the TextConditionalFormat object, for use in "textConditionalFormat.set({ ... })". */
+        interface TextConditionalFormatUpdateData {
+            /**
+            *
+            * Returns a format object, encapsulating the conditional formats font, fill, borders, and other properties.
+            *
+            * [Api set: ExcelApi 1.6 (PREVIEW)]
+            */
+            format?: Excel.Interfaces.ConditionalRangeFormatUpdateData;
+            /**
+             *
+             * The rule of the conditional format.
+             *
+             * [Api set: ExcelApi 1.6 (PREVIEW)]
+             */
+            rule?: Excel.ConditionalTextComparisonRule;
+        }
+        /** An interface for updating data on the CellValueConditionalFormat object, for use in "cellValueConditionalFormat.set({ ... })". */
+        interface CellValueConditionalFormatUpdateData {
+            /**
+            *
+            * Returns a format object, encapsulating the conditional formats font, fill, borders, and other properties.
+            *
+            * [Api set: ExcelApi 1.6 (PREVIEW)]
+            */
+            format?: Excel.Interfaces.ConditionalRangeFormatUpdateData;
+            /**
+             *
+             * Represents the Rule object on this conditional format.
+             *
+             * [Api set: ExcelApi 1.6 (PREVIEW)]
+             */
+            rule?: Excel.ConditionalCellValueRule;
+        }
+        /** An interface for updating data on the ConditionalRangeFormat object, for use in "conditionalRangeFormat.set({ ... })". */
+        interface ConditionalRangeFormatUpdateData {
+            /**
+             *
+             * Represents Excel's number format code for the given range. Cleared if null is passed in.
+             *
+             * [Api set: ExcelApi 1.6 (PREVIEW)]
+             */
+            numberFormat?: any;
+        }
+        /** An interface for updating data on the ConditionalRangeFont object, for use in "conditionalRangeFont.set({ ... })". */
+        interface ConditionalRangeFontUpdateData {
+            /**
+             *
+             * Represents the bold status of font.
+             *
+             * [Api set: ExcelApi 1.6 (PREVIEW)]
+             */
+            bold?: boolean;
+            /**
+             *
+             * HTML color code representation of the text color. E.g. #FF0000 represents Red.
+             *
+             * [Api set: ExcelApi 1.6 (PREVIEW)]
+             */
+            color?: string;
+            /**
+             *
+             * Represents the italic status of the font.
+             *
+             * [Api set: ExcelApi 1.6 (PREVIEW)]
+             */
+            italic?: boolean;
+            /**
+             *
+             * Represents the strikethrough status of the font.
+             *
+             * [Api set: ExcelApi 1.6 (PREVIEW)]
+             */
+            strikethrough?: boolean;
+            /**
+             *
+             * Type of underline applied to the font. See Excel.ConditionalRangeFontUnderlineStyle for details.
+             *
+             * [Api set: ExcelApi 1.6 (PREVIEW)]
+             */
+            underline?: string;
+        }
+        /** An interface for updating data on the ConditionalRangeFill object, for use in "conditionalRangeFill.set({ ... })". */
+        interface ConditionalRangeFillUpdateData {
+            /**
+             *
+             * HTML color code representing the color of the fill, of the form #RRGGBB (e.g. "FFA500") or as a named HTML color (e.g. "orange").
+             *
+             * [Api set: ExcelApi 1.6 (PREVIEW)]
+             */
+            color?: string;
+        }
+        /** An interface for updating data on the ConditionalRangeBorder object, for use in "conditionalRangeBorder.set({ ... })". */
+        interface ConditionalRangeBorderUpdateData {
+            /**
+             *
+             * HTML color code representing the color of the border line, of the form #RRGGBB (e.g. "FFA500") or as a named HTML color (e.g. "orange").
+             *
+             * [Api set: ExcelApi 1.6 (PREVIEW)]
+             */
+            color?: string;
+            /**
+             *
+             * One of the constants of line style specifying the line style for the border. See Excel.BorderLineStyle for details.
+             *
+             * [Api set: ExcelApi 1.6 (PREVIEW)]
+             */
+            style?: string;
+        }
     }
-    /**
-     * Executes a batch script that performs actions on the Excel object model, using a new RequestContext. When the promise is resolved, any tracked objects that were automatically allocated during execution will be released.
-     * @param batch - A function that takes in a RequestContext and returns a promise (typically, just the result of "context.sync()"). The context parameter facilitates requests to the Excel application. Since the Office add-in and the Excel application run in two different processes, the RequestContext is required to get access to the Excel object model from the add-in.
-     */
-    function run<T>(batch: (context: Excel.RequestContext) => OfficeExtension.IPromise<T>): OfficeExtension.IPromise<T>;
-    /**
-     * Executes a batch script that performs actions on the Excel object model, using a new remote RequestContext. When the promise is resolved, any tracked objects that were automatically allocated during execution will be released.
-     * @param requestInfo - The URL of the remote workbook and the request headers to be sent.
-     * @param batch - A function that takes in a RequestContext and returns a promise (typically, just the result of "context.sync()"). The context parameter facilitates requests to the Excel application. Since the Office add-in and the Excel application run in two different processes, the RequestContext is required to get access to the Excel object model from the add-in.
-     */
-    function run<T>(requestInfo: OfficeExtension.RequestUrlAndHeaderInfo, batch: (context: Excel.RequestContext) => OfficeExtension.IPromise<T>): OfficeExtension.IPromise<T>;
-    /**
-     * Executes a batch script that performs actions on the Excel object model, using the RequestContext of a previously-created API object. When the promise is resolved, any tracked objects that were automatically allocated during execution will be released.
-     * @param object - A previously-created API object. The batch will use the same RequestContext as the passed-in object, which means that any changes applied to the object will be picked up by "context.sync()".
-     * @param batch - A function that takes in a RequestContext and returns a promise (typically, just the result of "context.sync()"). The context parameter facilitates requests to the Excel application. Since the Office add-in and the Excel application run in two different processes, the RequestContext is required to get access to the Excel object model from the add-in.
-     */
-    function run<T>(object: OfficeExtension.ClientObject, batch: (context: Excel.RequestContext) => OfficeExtension.IPromise<T>): OfficeExtension.IPromise<T>;
-    /**
-     * Executes a batch script that performs actions on the Excel object model, using the remote RequestContext of a previously-created API object. When the promise is resolved, any tracked objects that were automatically allocated during execution will be released.
-     * @param requestInfo - The URL of the remote workbook and the request headers to be sent.
-     * @param object - A previously-created API object. The batch will use the same RequestContext as the passed-in object, which means that any changes applied to the object will be picked up by "context.sync()".
-     * @param batch - A function that takes in a RequestContext and returns a promise (typically, just the result of "context.sync()"). The context parameter facilitates requests to the Excel application. Since the Office add-in and the Excel application run in two different processes, the RequestContext is required to get access to the Excel object model from the add-in.
-     */
-    function run<T>(requestInfo: OfficeExtension.RequestUrlAndHeaderInfo, object: OfficeExtension.ClientObject, batch: (context: Excel.RequestContext) => OfficeExtension.IPromise<T>): OfficeExtension.IPromise<T>;
-    /**
-     * Executes a batch script that performs actions on the Excel object model, using the RequestContext of previously-created API objects.
-     * @param objects - An array of previously-created API objects. The array will be validated to make sure that all of the objects share the same context. The batch will use this shared RequestContext, which means that any changes applied to these objects will be picked up by "context.sync()".
-     * @param batch - A function that takes in a RequestContext and returns a promise (typically, just the result of "context.sync()"). The context parameter facilitates requests to the Excel application. Since the Office add-in and the Excel application run in two different processes, the RequestContext is required to get access to the Excel object model from the add-in.
-     */
-    function run<T>(objects: OfficeExtension.ClientObject[], batch: (context: Excel.RequestContext) => OfficeExtension.IPromise<T>): OfficeExtension.IPromise<T>;
-    /**
-     * Executes a batch script that performs actions on the Excel object model, using the remote RequestContext of previously-created API objects.
-     * @param requestInfo - The URL of the remote workbook and the request headers to be sent.
-     * @param objects - An array of previously-created API objects. The array will be validated to make sure that all of the objects share the same context. The batch will use this shared RequestContext, which means that any changes applied to these objects will be picked up by "context.sync()".
-     * @param batch - A function that takes in a RequestContext and returns a promise (typically, just the result of "context.sync()"). The context parameter facilitates requests to the Excel application. Since the Office add-in and the Excel application run in two different processes, the RequestContext is required to get access to the Excel object model from the add-in.
-     */
-    function run<T>(requestInfo: OfficeExtension.RequestUrlAndHeaderInfo, objects: OfficeExtension.ClientObject[], batch: (context: Excel.RequestContext) => OfficeExtension.IPromise<T>): OfficeExtension.IPromise<T>;
 }
 
 
-
 ////////////////////////////////////////////////////////////////
 //////////////////////// End Excel APIs ////////////////////////
 ////////////////////////////////////////////////////////////////
@@ -10418,10 +14195,9 @@ declare module Excel {
 
 
 ////////////////////////////////////////////////////////////////
-//////////////////////// Begin Word APIs ///////////////////////
+/////////////////////// Begin Word APIs ////////////////////////
 ////////////////////////////////////////////////////////////////
 
-
 declare namespace Word {
     /**
      *
@@ -15825,11 +19601,8 @@ declare module Word {
 }
 
 
-
-
-
 ////////////////////////////////////////////////////////////////
-///////////////////////// End Word APIs ////////////////////////
+//////////////////////// End Word APIs /////////////////////////
 ////////////////////////////////////////////////////////////////
 
 
diff --git a/types/office-js/office-js-tests.ts b/types/office-js/office-js-tests.ts
index 768ed7ae5d..d5a874693a 100644
--- a/types/office-js/office-js-tests.ts
+++ b/types/office-js/office-js-tests.ts
@@ -6,64 +6,64 @@ Copyright (c) Microsoft Corporation
 
 
 function test_excel() {
-	
+
 	// Range
-	Excel.run(function(ctx) {
+	Excel.run(function (ctx) {
 		var range = ctx.workbook.getSelectedRange().load("values");
 		return ctx.sync()
-			.then(function() {
+			.then(function () {
 				var vals = range.values;
-				for (var i = 0; i < vals.length; i++){
-					for (var j = 0; j < vals[i].length; j++){
+				for (var i = 0; i < vals.length; i++) {
+					for (var j = 0; j < vals[i].length; j++) {
 						vals[i][j] = vals[i][j].toUpperCase();
 					}
 				}
 				range.values = vals;
 			})
-			.then(ctx.sync);	
+			.then(ctx.sync);
 	}).catch(function (error) {
 		console.log(error);
 	});
-	
-	
+
+
 	// Chart
 	Excel.run(function (ctx) {
 		var sheet = ctx.workbook.worksheets.getItem("Sheet1");
-		
+
 		var range = sheet.getRange("A1:B3");
 		range.values = [
 			["", "Gender"],
 			["Male", 12],
 			["Female", 14]
 		];
-		
-		var chart = sheet.charts.add("pie", range, "auto");
-		
+
+		var chart = sheet.charts.add(Excel.ChartType._3DColumn, range, "auto");
+
 		chart.format.fill.setSolidColor("F8F8FF");
-		
+
 		chart.title.text = "Class Demographics";
 		chart.title.format.font.bold = true;
 		chart.title.format.font.size = 18;
 		chart.title.format.font.color = "568568";
-		
+
 		chart.legend.position = "right";
 		chart.legend.format.font.name = "Algerian";
 		chart.legend.format.font.size = 13;
-		
+
 		chart.dataLabels.showPercentage = true;
 		chart.dataLabels.format.font.size = 15;
 		chart.dataLabels.format.font.color = "444444";
-		
+
 		var points = chart.series.getItemAt(0).points;
 		points.getItemAt(0).format.fill.setSolidColor("8FBC8F");
 		points.getItemAt(1).format.fill.setSolidColor("D87093");
-		
+
 		return ctx.sync();
 	}).catch(function (error) {
 		console.log(error);
 	});
-	
-	
+
+
 	// Table
 	Excel.run(function (ctx) {
 		var rows = ctx.workbook.tables.getItem("Table1").rows.load("values");
@@ -71,77 +71,95 @@ function test_excel() {
 			.then(function () {
 				var largestRow = 0;
 				var largestValue = 0;
-				
-				for (var i = 0; i < rows.items.length; i++){
-					if (rows.items[i].values[0][1] > largestValue){
+
+				for (var i = 0; i < rows.items.length; i++) {
+					if (rows.items[i].values[0][1] > largestValue) {
 						largestRow = i;
 						largestValue = rows.items[i].values[0][1];
 					}
 				}
-				
+
 				var largestRowRng = rows.getItemAt(largestRow).getRange();
 				largestRowRng.format.fill.color = "#ff0000";
-				
+
 			})
-			.then(ctx.sync);	
+			.then(ctx.sync);
 	}).catch(function (error) {
 		console.log(error);
 	});
-	
+
+
+	// Object.set
+	Excel.run(ctx => {
+		const range = ctx.workbook.getSelectedRange();
+		range.set({
+			values: [[1]],
+			format: {
+				font: {
+					bold: true
+				},
+				fill: {
+					color: "red"
+				}
+			}
+		});
+
+		return ctx.sync();
+	}).catch(console.log);
 }
 
 function test_word() {
-	
+
 	// Search
 	Word.run(function (context) {
-		
+
 		// Create a proxy object for the document body.
 		var body = context.document.body;
-		
+
 		// Setup the search options.
 		var options = Word.SearchOptions.newObject(context);
 		options.matchCase = false
-	
+
 		// Queue a commmand to search the document.
 		var searchResults = context.document.body.search('video', options);
-	
+
 		// Queue a commmand to load the results.
 		context.load(searchResults, 'text, font');
-	
+
 		// Synchronize the document state by executing the queued-up commands, 
 		// and return a promise to indicate task completion.
 		return context.sync().then(function () {
-			var results = 'Found count: ' + searchResults.items.length + 
-						'; we highlighted the results.';
-	
+			var results = 'Found count: ' + searchResults.items.length +
+				'; we highlighted the results.';
+
 			// Queue a command to change the font for each found item. 
 			for (var i = 0; i < searchResults.items.length; i++) {
-			searchResults.items[i].font.color = '#FF0000'    // Change color to Red
-			searchResults.items[i].font.highlightColor = '#FFFF00';
-			searchResults.items[i].font.bold = true;
+				searchResults.items[i].font.color = '#FF0000'    // Change color to Red
+				searchResults.items[i].font.highlightColor = '#FFFF00';
+				searchResults.items[i].font.bold = true;
 			}
-			
+
 			// Synchronize the document state by executing the queued-up commands, 
 			// and return a promise to indicate task completion.
 			return context.sync().then(function () {
 				console.log(results);
-			});  
-		});  
+			});
+		});
 	})
-	.catch(function (error) {
-		console.log('Error: ' + JSON.stringify(error));
-		if (error instanceof OfficeExtension.Error) {
-			console.log('Debug info: ' + JSON.stringify(error.debugInfo));
-		}
-	});
+		.catch(function (error) {
+			console.log('Error: ' + JSON.stringify(error));
+			if (error instanceof OfficeExtension.Error) {
+				console.log('Debug info: ' + JSON.stringify(error.debugInfo));
+			}
+		});
+
 
-	
 	// Content control
 	Word.run(function (context) {
-		
+
 		// Create a proxy range object for the current selection.
 		var range = context.document.getSelection();
-		
+
 		// Queue a commmand to create the content control.
 		var myContentControl = range.insertContentControl();
 		myContentControl.tag = 'Customer-Address';
@@ -150,84 +168,84 @@ function test_word() {
 		myContentControl.insertText('One Microsoft Way, Redmond, WA 98052', 'replace');
 		myContentControl.cannotEdit = true;
 		myContentControl.appearance = 'tags';
-		
+
 		// Queue a command to load the id property for the content control you created.
 		context.load(myContentControl, 'id');
-		
+
 		// Synchronize the document state by executing the queued-up commands, 
 		// and return a promise to indicate task completion.
 		return context.sync().then(function () {
 			console.log('Created content control with id: ' + myContentControl.id);
-		});  
+		});
 	})
-	.catch(function (error) {
-		console.log('Error: ' + JSON.stringify(error));
-		if (error instanceof OfficeExtension.Error) {
-			console.log('Debug info: ' + JSON.stringify(error.debugInfo));
-		}
-        });
+		.catch(function (error) {
+			console.log('Error: ' + JSON.stringify(error));
+			if (error instanceof OfficeExtension.Error) {
+				console.log('Debug info: ' + JSON.stringify(error.debugInfo));
+			}
+		});
 
-    // Body.insertInlinePictureFromBase64 Word 1.1    
-    Word.run(function(context) {
-                
-        // Create a proxy body object.     
-        var body = context.document.body;
+	// Body.insertInlinePictureFromBase64 Word 1.1    
+	Word.run(function (context) {
 
-        // Queue a command to insert the image into the document.        
-        var image = body.insertInlinePictureFromBase64('', Word.InsertLocation.start);
-                
-        // Queue a command to select the image.
-        image.select();
-                
-        // Synchronize the document state by executing the queued commands,
-        // and returning a promise to indicate task completion. 
-        return context.sync()
-    })
-        .catch(function(error) {
-            console.log('Error: ' + JSON.stringify(error));
-            if (error instanceof OfficeExtension.Error) {
-                console.log('Debug info: ' + JSON.stringify(error.debugInfo));
-            }
-        });
-    
-    // Body.insertInlinePictureFromBase64 Word 1.2
-    Word.run((context) => {
+		// Create a proxy body object.     
+		var body = context.document.body;
 
-        // Create a proxy object for the range at the current selection.
-        var imageRange = context.document.getSelection();
+		// Queue a command to insert the image into the document.        
+		var image = body.insertInlinePictureFromBase64('', Word.InsertLocation.start);
 
-        // Load the selected range.
-        context.load(imageRange, 'text');
+		// Queue a command to select the image.
+		image.select();
 
-        // Synchronize the document state by executing the queued commands, 
-        // and return a promise to indicate task completion.
-        return context.sync()
-            .then(() => {
+		// Synchronize the document state by executing the queued commands,
+		// and returning a promise to indicate task completion. 
+		return context.sync()
+	})
+		.catch(function (error) {
+			console.log('Error: ' + JSON.stringify(error));
+			if (error instanceof OfficeExtension.Error) {
+				console.log('Debug info: ' + JSON.stringify(error.debugInfo));
+			}
+		});
 
-                // Queue a command to insert the image into the document.
-                var insertedImage = imageRange.insertInlinePictureFromBase64('', Word.InsertLocation.replace);
+	// Body.insertInlinePictureFromBase64 Word 1.2
+	Word.run((context) => {
 
-                // Queue a command to navigate the UI to the insert picture.
-                insertedImage.select();
+		// Create a proxy object for the range at the current selection.
+		var imageRange = context.document.getSelection();
 
-                // Queue an indefinite number of commands to insert paragraphs 
-                // based on the number of callouts added to the image. 
-                if (this._calloutNumber > 0) {
-                    var lastParagraph = insertedImage.insertParagraph('Here are your callout descriptions:', Word.InsertLocation.after) as Word.Paragraph;
+		// Load the selected range.
+		context.load(imageRange, 'text');
 
-                    for (var i = 0; i < this._calloutNumber; i++) {
-                        lastParagraph = lastParagraph.insertParagraph((i + 1) + ') [enter callout description].', Word.InsertLocation.after);
-                    }
-                }
-            })
-            // Synchronize the document state by executing the queued commands.
-            .then(context.sync);
-    })
-        .catch((error) => {
-            console.log('Error: ' + JSON.stringify(error));
-            if (error instanceof OfficeExtension.Error) {
-                console.log('Debug info: ' + JSON.stringify(error.debugInfo));
-            }
-        });
+		// Synchronize the document state by executing the queued commands, 
+		// and return a promise to indicate task completion.
+		return context.sync()
+			.then(() => {
+
+				// Queue a command to insert the image into the document.
+				var insertedImage = imageRange.insertInlinePictureFromBase64('', Word.InsertLocation.replace);
+
+				// Queue a command to navigate the UI to the insert picture.
+				insertedImage.select();
+
+				// Queue an indefinite number of commands to insert paragraphs 
+				// based on the number of callouts added to the image. 
+				if (this._calloutNumber > 0) {
+					var lastParagraph = insertedImage.insertParagraph('Here are your callout descriptions:', Word.InsertLocation.after) as Word.Paragraph;
+
+					for (var i = 0; i < this._calloutNumber; i++) {
+						lastParagraph = lastParagraph.insertParagraph((i + 1) + ') [enter callout description].', Word.InsertLocation.after);
+					}
+				}
+			})
+			// Synchronize the document state by executing the queued commands.
+			.then(context.sync);
+	})
+		.catch((error) => {
+			console.log('Error: ' + JSON.stringify(error));
+			if (error instanceof OfficeExtension.Error) {
+				console.log('Debug info: ' + JSON.stringify(error.debugInfo));
+			}
+		});
 
 }

From 4e341618558c54f3e621aaa16c29666ee49195e8 Mon Sep 17 00:00:00 2001
From: Nick Redmond <systemride@gmail.com>
Date: Fri, 28 Apr 2017 09:44:09 -0700
Subject: [PATCH 080/321] react-native: PermissionsAndroid should have
 requestMultiple method

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

diff --git a/types/react-native/index.d.ts b/types/react-native/index.d.ts
index a87295fdf0..fe7602bb9f 100644
--- a/types/react-native/index.d.ts
+++ b/types/react-native/index.d.ts
@@ -7053,6 +7053,12 @@ export interface PermissionsAndroidStatic {
      * and then shows the system permission dialog
      */
     request(permission: Permission, rationale?: Rationale): Promise<string>
+    /**
+     * Prompts the user to enable multiple permissions in the same dialog and
+     * returns an object with the permissions as keys and strings as values
+     * indicating whether the user allowed or denied the request
+     */
+    requestMultiple(permissions: Array<string>): Promise<{[permission: string]: PermissionStatus}>
 }
 
 export interface PushNotificationPermissions {

From 767259eaa9f2092c481e63fafd6594b5e32306c4 Mon Sep 17 00:00:00 2001
From: Guilhem Brouat <ganlhi@gmail.com>
Date: Fri, 28 Apr 2017 19:41:13 +0200
Subject: [PATCH 081/321] =?UTF-8?q?[openlayers]=20Added=20missing=20functi?=
 =?UTF-8?q?ons=20and=20configuration=20property=20added=E2=80=A6=20(#16167?=
 =?UTF-8?q?)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

* [openlayers] Added missing functions and configuration property added by openlayers 4.1.0

* Added tests
---
 types/openlayers/index.d.ts          | 94 +++++++++++++++++-----------
 types/openlayers/openlayers-tests.ts | 37 +++++++----
 2 files changed, 84 insertions(+), 47 deletions(-)

diff --git a/types/openlayers/index.d.ts b/types/openlayers/index.d.ts
index b9d2c55ef6..577e2f485a 100644
--- a/types/openlayers/index.d.ts
+++ b/types/openlayers/index.d.ts
@@ -1,6 +1,6 @@
-// Type definitions for OpenLayers v4.0.1
+// Type definitions for OpenLayers v4.1.0
 // Project: http://openlayers.org/
-// Definitions by: Olivier Sechet <https://github.com/osechet>
+// Definitions by: Olivier Sechet <https://github.com/osechet>, Guilhem Brouat <https://github.com/ganlhi>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 // Definitions partially generated using tsd-jsdoc (https://github.com/englercj/tsd-jsdoc)
 
@@ -4919,28 +4919,28 @@ declare module ol {
                  * @param {ol.proj.Projection=} opt_projection Projection.
                  */
                 constructor(type: ol.interaction.DragAndDropEventType, file: File, opt_features?: ol.Feature[], opt_projection?: ol.proj.Projection);
-    
+
                 /**
                  * The features parsed from dropped data.
                  * @type {Array.<ol.Feature>|undefined}
                  * @api stable
                  */
                 features: ol.Feature[];
-    
+
                 /**
                  * The dropped file.
                  * @type {File}
                  * @api stable
                  */
                 file: File;
-    
+
                 /**
                  * The feature projection.
                  * @type {ol.proj.Projection|undefined}
                  * @api
                  */
                 projection: ol.proj.Projection;
-    
+
             }
 
         }
@@ -5023,7 +5023,7 @@ declare module ol {
                  * @implements {oli.DragBoxEvent}
                  */
                 constructor(type: string, coordinate: ol.Coordinate, mapBrowserEvent: ol.MapBrowserEvent);
-        
+
                 /**
                  * The coordinate of the drag event.
                  * @const
@@ -5031,14 +5031,14 @@ declare module ol {
                  * @api stable
                  */
                 coordinate: ol.Coordinate;
-        
+
                 /**
                  * @const
                  * @type {ol.MapBrowserEvent}
                  * @api
                  */
                 mapBrowserEvent: ol.MapBrowserEvent;
-        
+
             }
 
         }
@@ -5195,14 +5195,14 @@ declare module ol {
                  * @param {ol.Feature} feature The feature drawn.
                  */
                 constructor(type: ol.interaction.DrawEventType, feature: ol.Feature);
-    
+
                 /**
                  * The feature being drawn.
                  * @type {ol.Feature}
                  * @api stable
                  */
                 feature: ol.Feature;
-    
+
             }
 
         }
@@ -5500,21 +5500,21 @@ declare module ol {
                  *     {@link ol.MapBrowserPointerEvent}.
                  */
                 constructor(type: ol.ModifyEventType, features: ol.Collection<ol.Feature>, mapBrowserPointerEvent: ol.MapBrowserPointerEvent);
-    
+
                 /**
                  * The features being modified.
                  * @type {ol.Collection.<ol.Feature>}
                  * @api
                  */
                 features: ol.Collection<ol.Feature>;
-    
+
                 /**
                  * Associated {@link ol.MapBrowserEvent}.
                  * @type {ol.MapBrowserEvent}
                  * @api
                  */
                 mapBrowserEvent: ol.MapBrowserEvent;
-    
+
             }
 
         }
@@ -5722,28 +5722,28 @@ declare module ol {
                  * @constructor
                  */
                 constructor(type: string, selected: ol.Feature[], deselected: ol.Feature[], mapBrowserEvent: ol.MapBrowserEvent);
-    
+
                 /**
                  * Selected features array.
                  * @type {Array.<ol.Feature>}
                  * @api
                  */
                 selected: ol.Feature[];
-    
+
                 /**
                  * Deselected features array.
                  * @type {Array.<ol.Feature>}
                  * @api
                  */
                 deselected: ol.Feature[];
-    
+
                 /**
                  * Associated {@link ol.MapBrowserEvent}.
                  * @type {ol.MapBrowserEvent}
                  * @api
                  */
                 mapBrowserEvent: ol.MapBrowserEvent;
-    
+
             }
 
         }
@@ -5922,14 +5922,14 @@ declare module ol {
                  * @param {ol.Coordinate} coordinate The event coordinate.
                  */
                 constructor(type: ol.interaction.TranslateEventType, features: ol.Collection<ol.Feature>, coordinate: ol.Coordinate);
-    
+
                 /**
                  * The features being translated.
                  * @type {ol.Collection.<ol.Feature>}
                  * @api
                  */
                 features: ol.Collection<ol.Feature>;
-    
+
                 /**
                  * The coordinate of the drag event.
                  * @const
@@ -5937,7 +5937,7 @@ declare module ol {
                  * @api
                  */
                 coordinate: ol.Coordinate;
-    
+
             }
 
         }
@@ -7854,18 +7854,18 @@ declare module ol {
 
         }
 
-         /**
-          * Register proj4. If not explicitly registered, it will be assumed that
-          * proj4js will be loaded in the global namespace. For example in a
-          * browserify ES6 environment you could use:
-          *
-          *     import ol from 'openlayers';
-          *     import proj4 from 'proj4';
-          *     ol.proj.setProj4(proj4);
-          *
-          * @param {any} proj4 Proj4.
-          * @api
-          */
+        /**
+         * Register proj4. If not explicitly registered, it will be assumed that
+         * proj4js will be loaded in the global namespace. For example in a
+         * browserify ES6 environment you could use:
+         *
+         *     import ol from 'openlayers';
+         *     import proj4 from 'proj4';
+         *     ol.proj.setProj4(proj4);
+         *
+         * @param {any} proj4 Proj4.
+         * @api
+         */
         function setProj4(proj4: any): void;
 
         /**
@@ -8391,6 +8391,13 @@ declare module ol {
              */
             getSource(): ol.source.Vector;
 
+            /**
+             * Get the distance in pixels between clusters.
+             * @return {number} The distance in pixels.
+             * @api
+             */
+            getDistance(): number;
+
             /**
              * Set the distance in pixels between clusters.
              * @param {number} distance The distance in pixels.
@@ -10632,7 +10639,7 @@ declare module ol {
              * @param {ol.style.Fill} fill Fill style.
              * @api
              */
-            setFill(fill: ol.style.Fill):void;
+            setFill(fill: ol.style.Fill): void;
 
             /**
              * Set a geometry that is rendered instead of the feature's geometry.
@@ -11798,6 +11805,20 @@ declare module ol {
          */
         setRotation(rotation: number): void;
 
+        /**
+         * Set a new maximum zoom level for the view.
+         * @param {number} zoom The maximum zoom level.
+         * @api stable
+         */
+        setMaxZoom(zoom: number): void;
+
+        /**
+         * Set a new minimum zoom level for the view.
+         * @param {number} zoom The minimum zoom level.
+         * @api stable
+         */
+        setMinZoom(zoom: number): void;
+
         /**
          * Zoom to a specific zoom level.
          * @param {number} zoom Zoom level.
@@ -11812,7 +11833,7 @@ declare module ol {
          * @param {olx.AnimateOptions | (completed: boolean) => void } restArgs
          * @api experimental
          */
-        animate(...var_args: Array<olx.animation.AnimateOptions|olx.animation.AnimateCallback>): void;
+        animate(...var_args: Array<olx.animation.AnimateOptions | olx.animation.AnimateCallback>): void;
 
     }
 
@@ -12367,6 +12388,7 @@ declare module olx {
         interface DefaultsOptions {
             altShiftDragRotate?: boolean;
             doubleClickZoom?: boolean;
+            constrainResolution?: boolean;
             keyboard?: boolean;
             mouseWheelZoom?: boolean;
             shiftDragZoom?: boolean;
@@ -12487,7 +12509,7 @@ declare module olx {
             geometryName?: string;
             condition?: ol.EventsConditionType;
             freehandCondition?: ol.EventsConditionType;
-            freehand?:boolean;
+            freehand?: boolean;
             wrapX?: boolean;
         }
 
diff --git a/types/openlayers/openlayers-tests.ts b/types/openlayers/openlayers-tests.ts
index 01d12bf1b6..de12feeb80 100644
--- a/types/openlayers/openlayers-tests.ts
+++ b/types/openlayers/openlayers-tests.ts
@@ -64,6 +64,7 @@ let styleArray: Array<ol.style.Style>;
 let styleFunction: ol.StyleFunction;
 let tilegrid: ol.tilegrid.TileGrid;
 let transformFn: ol.TransformFunction;
+let clusterSource: ol.source.Cluster;
 let vectorSource: ol.source.Vector;
 let units: ol.proj.Units;
 let styleRegularShape: ol.style.RegularShape;
@@ -350,6 +351,13 @@ featureCollection = vectorSource.getFeaturesCollection();
 featureArray = vectorSource.getFeaturesInExtent(extent);
 voidValue = vectorSource.removeFeature(feature);
 
+
+clusterSource = new ol.source.Cluster({
+    source: vectorSource
+});
+
+numberValue = clusterSource.getDistance();
+
 //
 // ol.Feature
 //
@@ -386,6 +394,9 @@ let view: ol.View = new ol.View({
     zoom: numberValue,
 });
 
+voidValue = view.setMaxZoom(numberValue);
+voidValue = view.setMinZoom(numberValue);
+
 //
 // ol.layer.Tile
 //
@@ -418,10 +429,10 @@ voidValue = olObject.unset(stringValue, booleanValue);
 ol.Observable.unByKey(eventKey);
 let observable: ol.Observable = new ol.Observable();
 voidValue = observable.changed();
-voidOrBooleanValue = observable.dispatchEvent({type: stringValue});
-voidOrBooleanValue = observable.dispatchEvent({type: stringValue, target: domEventTarget});
-voidOrBooleanValue = observable.dispatchEvent({type: stringValue, target: eventTarget});
-voidOrBooleanValue = observable.dispatchEvent({type: stringValue, a: numberValue, b: stringValue, c: booleanValue, d: null, e: {}});
+voidOrBooleanValue = observable.dispatchEvent({ type: stringValue });
+voidOrBooleanValue = observable.dispatchEvent({ type: stringValue, target: domEventTarget });
+voidOrBooleanValue = observable.dispatchEvent({ type: stringValue, target: eventTarget });
+voidOrBooleanValue = observable.dispatchEvent({ type: stringValue, a: numberValue, b: stringValue, c: booleanValue, d: null, e: {} });
 voidOrBooleanValue = observable.dispatchEvent(olEvent);
 voidOrBooleanValue = observable.dispatchEvent(stringValue);
 numberValue = observable.getRevision();
@@ -437,7 +448,7 @@ voidValue = observable.un([stringValue, stringValue], fn, {});
 //
 let getPointResolutionFn: (n: number, c: ol.Coordinate) => number;
 projection = new ol.proj.Projection({
-    code:stringValue,
+    code: stringValue,
 });
 stringValue = projection.getCode();
 extent = projection.getExtent();
@@ -468,7 +479,7 @@ let imageWMS: ol.source.ImageWMS = new ol.source.ImageWMS({
     params: {},
     projection: projection,
     serverType: stringValue,
-    url:stringValue
+    url: stringValue
 });
 
 //
@@ -484,7 +495,7 @@ let tileWMS: ol.source.TileWMS = new ol.source.TileWMS({
     params: {},
     projection: projection,
     serverType: stringValue,
-    url:stringValue
+    url: stringValue
 });
 
 voidValue = tileWMS.updateParams(tileWMS.getParams());
@@ -657,7 +668,7 @@ draw = new ol.interaction.Draw({
     type: "Point",
     style: styleFunction
 });
-let styleFunctionAsStyle = function(feature: ol.Feature, resolution: number): ol.style.Style { return style; }
+let styleFunctionAsStyle = function (feature: ol.Feature, resolution: number): ol.style.Style { return style; }
 draw = new ol.interaction.Draw({
     type: "Point",
     style: styleFunctionAsStyle
@@ -665,10 +676,14 @@ draw = new ol.interaction.Draw({
 ol.interaction.Draw.createBox();
 ol.interaction.Draw.createRegularPolygon();
 ol.interaction.Draw.createRegularPolygon(4);
-ol.interaction.Draw.createRegularPolygon(4,0);
+ol.interaction.Draw.createRegularPolygon(4, 0);
+
+ol.interaction.defaults({
+    constrainResolution: booleanValue
+});
 
 
-let styleFunctionAsArray = function(feature: ol.Feature, resolution: number): ol.style.Style[] { return styleArray; }
+let styleFunctionAsArray = function (feature: ol.Feature, resolution: number): ol.style.Style[] { return styleArray; }
 draw = new ol.interaction.Draw({
     type: "Point",
     style: styleFunctionAsArray
@@ -705,7 +720,7 @@ const select: ol.interaction.Select = new ol.interaction.Select({
 //
 
 styleRegularShape = new ol.style.RegularShape({
-    fill: new ol.style.Fill({color: 'red'}),
+    fill: new ol.style.Fill({ color: 'red' }),
     points: 4,
 });
 

From 0cd29398f150d2a84f723badebdd3811cce75f47 Mon Sep 17 00:00:00 2001
From: Joscha Feth <joscha@feth.com>
Date: Sat, 29 Apr 2017 03:45:36 +1000
Subject: [PATCH 082/321] popper.js: update type definitions to 1.8.5 (#16159)

* popper.js: 1.8.5: update type definitions

* lints

* Update index.d.ts

* remove copy
---
 types/popper.js/index.d.ts         | 107 ++++++++++++++++-------------
 types/popper.js/popper.js-tests.ts |  13 ++--
 2 files changed, 68 insertions(+), 52 deletions(-)

diff --git a/types/popper.js/index.d.ts b/types/popper.js/index.d.ts
index 71713a2ae1..0f8f06a7ba 100644
--- a/types/popper.js/index.d.ts
+++ b/types/popper.js/index.d.ts
@@ -1,58 +1,73 @@
-// Type definitions for popper.js v0.4.0
+// Type definitions for popper.js v1.8.5
 // Project: https://github.com/FezVrasta/popper.js/
-// Definitions by: rhysd <https://rhysd.github.io>
+// Definitions by: rhysd <https://rhysd.github.io>, joscha <https://github.com/joscha>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 
 declare namespace Popper {
-	export interface PopperOptions {
-		placement?: string;
-		gpuAcceleration?: boolean;
-		offset?: number;
-		boundariesElement?: string | Element;
-		boundariesPadding?: number;
-		preventOverflowOrder?: ("left" | "right" | "top" | "bottom")[];
-		flipBehavior?: string | string[];
-		modifiers?: string[];
-		modifiersIgnored?: string[];
-		removeOnDestroy?: boolean;
-		arrowElement?: string | Element;
-	}
-	export class Modifiers {
-		applyStyle(data: Object): Object;
-		shift(data: Object): Object;
-		preventOverflow(data: Object): Object;
-		keepTogether(data: Object): Object;
-		flip(data: Object): Object;
-		offset(data: Object): Object;
-		arrow(data: Object): Object;
-	}
-	export interface Data {
-		placement: string;
-		offsets: {
-			popper: {
-				position: string;
-				top: number;
-				left: number;
-			};
-		};
-	}
+  export interface PopperOptions {
+    placement?: string;
+    boundariesPadding?: number;
+    modifiers?: {
+      order?: number,
+      enabled?: boolean,
+      fn?: Function,
+      'function'?: Function,
+      onLoad?: Function,
+      applyStyle?: {
+        gpuAcceleration?: boolean,
+      },
+      preventOverflow?: {
+        boundariesElement?: string | Element,
+        priority?: ('left' | 'right' | 'top' | 'bottom')[],
+      },
+      offset?: {
+        offset?: number,
+      },
+      flip?: {
+        behavior?: string | string[],
+        boundariesElement?: string | Element,
+      },
+    };
+    modifiersIgnored?: string[];
+    removeOnDestroy?: boolean;
+    arrowElement?: string | Element;
+    onCreate?(data: Popper.Data): void;
+    onUpdate?(data: Popper.Data): void;
+  }
+  export class Modifiers {
+    applyStyle(data: Object): Object;
+    shift(data: Object): Object;
+    preventOverflow(data: Object): Object;
+    keepTogether(data: Object): Object;
+    flip(data: Object): Object;
+    offset(data: Object): Object;
+    arrow(data: Object): Object;
+  }
+  export interface Data {
+    placement: string;
+    offsets: {
+      popper: {
+        position: string;
+        top: number;
+        left: number;
+      };
+    };
+  }
 }
 
 declare class Popper {
-	public modifiers: Popper.Modifiers;
-	public placement: string;
+  public modifiers: Popper.Modifiers;
+  public placement: string;
 
-	constructor(reference: Element, popper: Element | Object, options?: Popper.PopperOptions);
+  constructor(reference: Element, popper: Element | Object, options?: Popper.PopperOptions);
 
-	destroy(): void;
-	update(): void;
-	onCreate(cb: (data: Popper.Data) => void): this;
-	onUpdate(cb: (data: Popper.Data) => void): this;
-	parse(config: Object): Element;
-	runModifiers(data: Object, modifiers: string[], ends: Function): void;
-	isModifierRequired(): boolean;
+  destroy(): void;
+  update(): void;
+  parse(config: Object): Element;
+  runModifiers(data: Object, modifiers: string[], ends: Function): void;
+  isModifierRequired(): boolean;
 }
 
-declare module "popper.js" {
-	export = Popper;
+declare module 'popper.js' {
+  export default Popper;
 }
diff --git a/types/popper.js/popper.js-tests.ts b/types/popper.js/popper.js-tests.ts
index 872118aff4..326a23206c 100644
--- a/types/popper.js/popper.js-tests.ts
+++ b/types/popper.js/popper.js-tests.ts
@@ -1,5 +1,5 @@
 
-import * as Popper from 'popper.js';
+import Popper from 'popper.js';
 
 var reference = document.querySelector('.my-button');
 var thePopper = new Popper(
@@ -30,9 +30,10 @@ var anotherPopper = new Popper(
 
 var reference = document.querySelector('.my-button');
 var popper = document.querySelector('.my-popper');
-var anotherPopper = new Popper(reference, popper).onCreate(function(instance) {
-    console.log(instance.offsets);
-}).onUpdate(function(data) {
-    var p = data.offsets.popper;
-    console.log(`top: ${p.top}, left: ${p.left}`);
+var anotherPopper = new Popper(reference, popper, {
+    onCreate: (data => console.log(data)),
+    onUpdate: ((data) => {
+        var p = data.offsets.popper;
+        console.log(`top: ${p.top}, left: ${p.left}`);
+    })
 });

From 44b6460fecbafb3e0cc5b703525a4432fea7e821 Mon Sep 17 00:00:00 2001
From: Daniel Perez Alvarez <unindented@gmail.com>
Date: Fri, 28 Apr 2017 10:47:54 -0700
Subject: [PATCH 083/321] Update types for remote-redux-devtools (#16186)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Add an optional extended description…
---
 types/remote-redux-devtools/index.d.ts        | 133 ++++++++++++++----
 types/remote-redux-devtools/package.json      |   5 +
 .../remote-redux-devtools-tests.ts            |  50 ++++++-
 types/remote-redux-devtools/tsconfig.json     |   4 +-
 types/remote-redux-devtools/tslint.json       |   1 +
 5 files changed, 160 insertions(+), 33 deletions(-)
 create mode 100644 types/remote-redux-devtools/package.json
 create mode 100644 types/remote-redux-devtools/tslint.json

diff --git a/types/remote-redux-devtools/index.d.ts b/types/remote-redux-devtools/index.d.ts
index b43f35cd1f..4725bc4c58 100644
--- a/types/remote-redux-devtools/index.d.ts
+++ b/types/remote-redux-devtools/index.d.ts
@@ -1,31 +1,112 @@
-// Type definitions for remote-redux-devtools v0.3.2
+// Type definitions for remote-redux-devtools 0.5
 // Project: https://github.com/zalmoxisus/remote-redux-devtools
-// Definitions by: Colin Eberhardt <https://github.com/ColinEberhardt>
+// Definitions by: Colin Eberhardt <https://github.com/ColinEberhardt>, Daniel Perez Alvarez <https://github.com/unindented>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 
-declare module "remote-redux-devtools" {
+import {
+  Action,
+  ActionCreator,
+  ActionCreatorsMapObject,
+  GenericStoreEnhancer
+} from "redux";
 
-    type StringOrArray = string | string[];
-
-    interface Config {
-      name?: string;
-      realtime?: boolean;
-      hostname?: string;
-      port?: number;
-      secure?: boolean;
-      filters?: {[key: string]: string[]};
-      maxAge?: number;
-      startOn?: StringOrArray;
-      stopOn?: StringOrArray;
-      sendOn?: StringOrArray;
-      sendOnError?: number;
-      sendTo?: string;
-      id?: string;
-    }
-
-    function devTools(config?: Config): Function;
-
-    namespace devTools {}
-
-    export = devTools;
+export interface RemoteReduxDevToolsOptions {
+  /** The instance name to be showed on the monitor page. */
+  name?: string;
+  /**
+   * Specifies whether to allow remote monitoring. By default is
+   * `process.env.NODE_ENV === 'development'`.
+   */
+  realtime?: boolean;
+  /**
+   * Used to specify host for `remotedev-server`. If `port` is specified,
+   * default value is `localhost`.
+   */
+  hostname?: string;
+  /** Used to specify host's port for `remotedev-server`. */
+  port?: number;
+  /** Specifies whether to use `https` protocol for `remotedev-server`. */
+  secure?: boolean;
+  /**
+   * Maximum allowed actions to be stored in the history tree. The oldest
+   * actions are removed once `maxAge` is reached. It's critical for
+   * performance.
+   */
+  maxAge?: number;
+  /**
+   * Function which takes `action` object as argument, and should return
+   * `action` object back.
+   */
+  actionSanitizer?(action: any): any;
+  /**
+   * Function which takes `state` object as argument, and should return
+   * `state` object back.
+   */
+  stateSanitizer?(state: any): any;
+  /**
+   * Actions types to be hidden in the monitors (while passed to the
+   * reducers). If `actionsWhitelist` specified, `actionsBlacklist` is ignored.
+   */
+  actionsBlacklist?: string | string[];
+  /**
+   * Actions types to be shown in the monitors (while passed to the reducers).
+   * If `actionsWhitelist` specified, `actionsBlacklist` is ignored.
+   */
+  actionsWhitelist?: string | string[];
+  /**
+   * Action or list of actions which should start remote monitoring (when
+   * `realtime` is `false`).
+   */
+  startOn?: string | string[];
+  /** Action or list of actions which should stop remote monitoring. */
+  stopOn?: string | string[];
+  /**
+   * Action or list of actions which should trigger sending the history to
+   * the monitor (without starting it).
+   */
+  sendOn?: string | string[];
+  /**
+   * `0` - disabled (default)
+   * `1` - send all uncaught exception messages
+   * `2` - send only reducers error messages.
+   */
+  sendOnError?: 0 | 1 | 2;
+  /**
+   * URL of the monitor to send the history when sendOn is triggered. By
+   * default is `${secure ? 'https' : 'http'}://${hostname}:${port}`.
+   */
+  sendTo?: string;
+  /** Action creators functions to be available in the dispatcher. */
+  actionCreators?: Array<ActionCreator<any>> | ActionCreatorsMapObject;
+  /**
+   * If specified as `false`, it will not record the changes till clicking on
+   * *Start recording* button. Available only for Redux enhancer, for others
+   * use `autoPause`.
+   */
+  shouldRecordChanges?: boolean;
+  /**
+   * If specified as `true`, it will not allow any non-monitor actions to be
+   * dispatched till clicking on *Unlock changes* button. Available only for
+   * Redux enhancer.
+   */
+  shouldStartLocked?: boolean;
+  /**
+   * If set to `false`, will not recompute the states on hot reloading (or on
+   * replacing the reducers). Available only for Redux enhancer.
+   */
+  shouldHotReload?: boolean;
+  /**
+   * If specified as `true`, whenever there's an exception in reducers, the
+   * monitors will show the error message, and next actions will not be
+   * dispatched.
+   */
+  shouldCatchErrors?: boolean;
+  /**
+   * Identifies the instance when sending the history triggered by `sendOn`.
+   * You can use, for example, user id here, to know who sent the data.
+   */
+  id?: string;
 }
+
+export function composeWithDevTools(options?: RemoteReduxDevToolsOptions): (...funcs: GenericStoreEnhancer[]) => GenericStoreEnhancer;
+export function composeWithDevTools(...funcs: GenericStoreEnhancer[]): GenericStoreEnhancer;
diff --git a/types/remote-redux-devtools/package.json b/types/remote-redux-devtools/package.json
new file mode 100644
index 0000000000..36ce503807
--- /dev/null
+++ b/types/remote-redux-devtools/package.json
@@ -0,0 +1,5 @@
+{
+  "dependencies": {
+    "redux": "^3.6.0"
+  }
+}
diff --git a/types/remote-redux-devtools/remote-redux-devtools-tests.ts b/types/remote-redux-devtools/remote-redux-devtools-tests.ts
index 2215c81399..218405a963 100644
--- a/types/remote-redux-devtools/remote-redux-devtools-tests.ts
+++ b/types/remote-redux-devtools/remote-redux-devtools-tests.ts
@@ -1,11 +1,51 @@
-import * as devTools from "remote-redux-devtools";
+import {
+  Action,
+  Middleware,
+  Reducer,
+  applyMiddleware,
+  createStore
+} from 'redux';
+import { composeWithDevTools } from 'remote-redux-devtools';
 
-// example configuration from: https://github.com/zalmoxisus/remote-redux-devtools
-devTools({
+const composeEnhancers = composeWithDevTools();
+
+const reducer: Reducer<{}> = () => ({});
+const middleware: Middleware[] = [];
+const store = createStore(reducer, composeEnhancers(
+  applyMiddleware(...middleware)
+));
+
+const store1 = createStore(reducer, composeWithDevTools({
+  actionSanitizer: (action) => action,
+  stateSanitizer: (state) => state
+}));
+
+const store2 = createStore(reducer, composeWithDevTools({
+  actionsBlacklist: 'SOME_ACTION'
+}));
+
+const store3 = createStore(reducer, composeWithDevTools({
+  shouldRecordChanges: true,
+  shouldStartLocked: true,
+  shouldHotReload: true,
+  shouldCatchErrors: true
+}));
+
+const store4 = createStore(reducer, composeWithDevTools({
+  id: 'android-app',
+  name: 'Android app',
+  sendTo: 'https://example.com'
+}));
+
+const store5 = createStore(reducer, composeWithDevTools({
   name: 'Android app',
   realtime: true,
   hostname: 'localhost',
   port: 8000,
+  secure: false,
   maxAge: 30,
-  filters: { blacklist: ['EFFECT_RESOLVED'] }
-});
+  startOn: '@@START',
+  stopOn: '@@STOP',
+  sendOn: ['@@SEND'],
+  sendOnError: 2
+}));
diff --git a/types/remote-redux-devtools/tsconfig.json b/types/remote-redux-devtools/tsconfig.json
index 67d6cba7a8..d38d13a996 100644
--- a/types/remote-redux-devtools/tsconfig.json
+++ b/types/remote-redux-devtools/tsconfig.json
@@ -6,7 +6,7 @@
         ],
         "noImplicitAny": true,
         "noImplicitThis": true,
-        "strictNullChecks": false,
+        "strictNullChecks": true,
         "baseUrl": "../",
         "typeRoots": [
             "../"
@@ -19,4 +19,4 @@
         "index.d.ts",
         "remote-redux-devtools-tests.ts"
     ]
-}
\ No newline at end of file
+}
diff --git a/types/remote-redux-devtools/tslint.json b/types/remote-redux-devtools/tslint.json
new file mode 100644
index 0000000000..3db14f85ea
--- /dev/null
+++ b/types/remote-redux-devtools/tslint.json
@@ -0,0 +1 @@
+{ "extends": "dtslint/dt.json" }

From b96c59423533e8a02125f4be9766d9f7fd054dfc Mon Sep 17 00:00:00 2001
From: Benjamin <benjamin.p.harding@gmail.com>
Date: Sat, 29 Apr 2017 05:48:29 +1200
Subject: [PATCH 084/321] Update raygun definition (#16187)

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

diff --git a/types/raygun4js/index.d.ts b/types/raygun4js/index.d.ts
index 6acae0a8dd..66a7ce8ee9 100644
--- a/types/raygun4js/index.d.ts
+++ b/types/raygun4js/index.d.ts
@@ -1,4 +1,4 @@
-// Type definitions for raygun4js 2.4.2
+// Type definitions for raygun4js 2.6.0
 // Project: https://github.com/MindscapeHQ/raygun4js
 // Definitions by: Brian Surowiec <https://github.com/xt0rted>, Benjamin Harding <https://github.com/BenjaminHarding>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
@@ -104,6 +104,11 @@ interface RaygunOptions {
      * A string URI containing the protocol, domain and port (optional) where all payloads will be sent to. This can be used to proxy payloads to the Raygun API through your own server. When not set this defaults internally to the Raygun API, and for most usages you won't need to set this.
      */
     apiEndpoint?: string;
+
+    /**
+     * String which can be optionally set "onLoad" which will then boot the RealUserMonitoring side instead of waiting for the `load` event.
+     */
+    from?: string|"onLoad";
 }
 
 interface RaygunPayload {
@@ -250,6 +255,26 @@ interface RaygunStatic {
      * Track Single Page Application route events.
      */
     trackEvent(type: "pageView", options: { path: string }): void;
+
+    /**
+     * Records a manual breadcrumb with the given message and metadata passed.
+     */
+    recordBreadcrumb(message:string,metadata?:any): void;
+
+    /**
+     * Enables all breadcrumbs level or a type can be passed which will enable only that passed one.
+     */
+    enableAutoBreadcrumbs(type?:"XHR"|"Clicks"|"Console"|"Navigation"): void;
+
+    /**
+     * Disables all breadcrumbs or a type can be passed to disable only that one.
+     */
+    disableAutoBreadcrumbs(type?:"XHR"|"Clicks"|"Console"|"Navigation"): void;
+
+    /**
+     * Pass "breadcrumbsLevel" alongside a valid breadcrumbs level to set the current level. Passing options other than "breadcrumbsLevel" will set xhr hosts to ignore being
+     */
+    setBreadcrumbOption(option?:string|"breadcrumbsLevel", value?:string|"debug"|"info"|"warning"|"error"): void;
 }
 
 interface RaygunV2UserDetails {
@@ -298,6 +323,19 @@ interface RaygunV2 {
     (key: "send"|"withCustomData", value: any): void;
     (key: "getRaygunInstance"):RaygunStatic;
     (key: "detach"): void;
+    (key: "disableAutoBreadcrumbs"): void;
+    (key: "enableAutoBreadcrumbs"): void;
+    (key: "disableAutoBreadcrumbsConsole"): void;
+    (key: "enableAutoBreadcrumbsConsole"): void;
+    (key: "disableAutoBreadcrumbsNavigation"): void;
+    (key: "enableAutoBreadcrumbsNavigation"): void;
+    (key: "disableAutoBreadcrumbsClicks"): void;
+    (key: "enableAutoBreadcrumbsClicks"): void;
+    (key: "disableAutoBreadcrumbsXHR"): void;
+    (key: "enableAutoBreadcrumbsXHR"): void;
+    (key: "setAutoBreadcrumbsXHRIgnoredHosts"): void;
+    (key: "setBreadcrumbLevel"): void;
+    (key: "recordBreadcrumb", message:string|{message:string,metadata:any,level:string|"debug"|"info"|"warning"|"error",location:string}, metadata:any): void;
     (key: string):void;
 }
 
diff --git a/types/raygun4js/raygun4js-tests.ts b/types/raygun4js/raygun4js-tests.ts
index 34ffeafbfb..7fe6fc6496 100644
--- a/types/raygun4js/raygun4js-tests.ts
+++ b/types/raygun4js/raygun4js-tests.ts
@@ -79,3 +79,9 @@ client.endSession();
 client.trackEvent('pageView', {
     path: '/url'
 });
+
+client.disableAutoBreadcrumbs();
+
+client.enableAutoBreadcrumbs();
+
+client.recordBreadcrumb("Breadcrumb Message", { custom: "data" });

From d195893d7bef2ee0b02d9884160f7d30796040dd Mon Sep 17 00:00:00 2001
From: Jakob Mulvad Nielsen <mulvad@gmail.com>
Date: Fri, 28 Apr 2017 19:51:11 +0200
Subject: [PATCH 085/321] [pixi.js] Fixed definition of renderer options
 (#16190)

* Fixed definition of pixi.js renderer options

* Fixed missing semicolons
---
 types/pixi.js/index.d.ts       | 10 ++--------
 types/pixi.js/pixi.js-tests.ts |  8 ++++++++
 2 files changed, 10 insertions(+), 8 deletions(-)

diff --git a/types/pixi.js/index.d.ts b/types/pixi.js/index.d.ts
index 1d49cf0533..88ed75eced 100644
--- a/types/pixi.js/index.d.ts
+++ b/types/pixi.js/index.d.ts
@@ -836,18 +836,12 @@ declare namespace PIXI {
         destroy(): void;
     }
 
-    interface IWebGLRendererOptions {
-        view?: HTMLCanvasElement;
-        transparent?: boolean;
-        autoResize?: boolean;
-        antialias?: boolean;
+    interface IWebGLRendererOptions extends IRendererOptions {
         forceFXAA?: boolean;
-        resolution?: number;
-        clearBeforeRender?: boolean;
         preserveDrawingBuffer?: boolean;
-        roundPixels?: boolean;
         legacy?: boolean;
     }
+
     class WebGLRenderer extends SystemRenderer {
         // plugintarget mixin start
         static __plugins: Object;
diff --git a/types/pixi.js/pixi.js-tests.ts b/types/pixi.js/pixi.js-tests.ts
index 95c24e08ac..f73dfd7021 100644
--- a/types/pixi.js/pixi.js-tests.ts
+++ b/types/pixi.js/pixi.js-tests.ts
@@ -20,6 +20,14 @@ function basics() {
         }
     }
 
+    class Renderer {
+        private renderer: PIXI.WebGLRenderer;
+        constructor() {
+            // Renderer should allow options from both WebGLRenderer and underlying SystemRenderer
+            this.renderer = new PIXI.WebGLRenderer(0, 0, { backgroundColor : 0x272d37, forceFXAA: true });
+        }
+    }
+
     class Click {
         private app: PIXI.Application;
 

From d31f645856e95f235d7a5d94a624cdb6dda8c141 Mon Sep 17 00:00:00 2001
From: Danny Arnold <despair.blue@gmail.com>
Date: Fri, 28 Apr 2017 19:52:41 +0200
Subject: [PATCH 086/321] fix shortid() not callable (#16193)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Add an optional extended description…
---
 types/shortid/index.d.ts       | 18 ++++++++++++------
 types/shortid/shortid-tests.ts |  2 ++
 2 files changed, 14 insertions(+), 6 deletions(-)

diff --git a/types/shortid/index.d.ts b/types/shortid/index.d.ts
index 437c502fce..e22504054f 100644
--- a/types/shortid/index.d.ts
+++ b/types/shortid/index.d.ts
@@ -1,11 +1,17 @@
 // Type definitions for shortid
 // Project: https://github.com/dylang/shortid
-// Definitions by: Sam Saint-Pettersen <https://github.com/stpettersens>
+// Definitions by: Sam Saint-Pettersen <https://github.com/stpettersens>, Danny Arnold <https://github.com/despairblue>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 
+declare const shortid: ShortId
 
-export declare function generate(): string;
-export declare function characters(string: string): string;
-export declare function isValid(id: any): boolean;
-export declare function worker(integer: number): void;
-export declare function seed(float: number): void;
+export = shortid
+
+interface ShortId {
+  (): string,
+  generate: () => string,
+  characters: (string: string) => string,
+  isValid: (id: any) => boolean,
+  worker: (integer: number) => void,
+  seed: (float: number) => void,
+}
diff --git a/types/shortid/shortid-tests.ts b/types/shortid/shortid-tests.ts
index 6d05a500b4..3093bbf32a 100644
--- a/types/shortid/shortid-tests.ts
+++ b/types/shortid/shortid-tests.ts
@@ -2,8 +2,10 @@
 import shortid = require('shortid');
 
 var my_short_id: string = shortid.generate();
+var my_short_id2: string = shortid();
 console.log(my_short_id);
 
 console.log('Is valid short id? => %s', shortid.isValid(my_short_id)); // => true
+console.log('Is valid short id? => %s', shortid.isValid(my_short_id2)); // => true
 console.log('Is valid short id? => %s', shortid.isValid(5)); // => false
 console.log('Is valid short id? => %s', shortid.isValid('i have spaces')); // => false

From cb4276018894ccd8621df909cfa001ecf8285809 Mon Sep 17 00:00:00 2001
From: Jeremy Fauvel <fauvel.jeremy@icloud.com>
Date: Fri, 28 Apr 2017 19:54:07 +0200
Subject: [PATCH 087/321] Add missing Redirect props (#16195)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Add an optional extended description…
---
 types/react-router/index.d.ts      |  4 ++++
 types/react-router/test/Switch.tsx | 15 +++++++++++++++
 types/react-router/tsconfig.json   |  3 ++-
 3 files changed, 21 insertions(+), 1 deletion(-)
 create mode 100644 types/react-router/test/Switch.tsx

diff --git a/types/react-router/index.d.ts b/types/react-router/index.d.ts
index 4eb3aa14f9..2c21ac742b 100644
--- a/types/react-router/index.d.ts
+++ b/types/react-router/index.d.ts
@@ -11,6 +11,7 @@
 //                 Dovydas Navickas <https://github.com/DovydasNavickas>
 //                 Tanguy Krotoff <https://github.com/tkrotoff>
 //                 Huy Nguyen <https://github.com/huy-nguyen>
+//                 Jérémy Fauvel <https://github.com/grmiade>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 // TypeScript Version: 2.2
 
@@ -49,6 +50,9 @@ declare module 'react-router' {
     to: H.LocationDescriptor;
     push?: boolean;
     from?: string;
+    path?: string;
+    exact?: boolean;
+    strict?: boolean;
   }
   class Redirect extends React.Component<RedirectProps, void> {}
 
diff --git a/types/react-router/test/Switch.tsx b/types/react-router/test/Switch.tsx
new file mode 100644
index 0000000000..626b0f6f7e
--- /dev/null
+++ b/types/react-router/test/Switch.tsx
@@ -0,0 +1,15 @@
+import * as React from 'react'
+import { BrowserRouter, Redirect, Route, Switch } from 'react-router-dom'
+
+const Home = () => <h2>Home</h2>
+
+const SwitchTest = () => (
+  <BrowserRouter>
+    <Switch>
+      <Redirect exact from="/" to="/home"/>
+      <Route path="/home" component={Home}/>
+    </Switch>
+  </BrowserRouter>
+)
+
+export default SwitchTest
diff --git a/types/react-router/tsconfig.json b/types/react-router/tsconfig.json
index 9ae373d000..3a2e475777 100644
--- a/types/react-router/tsconfig.json
+++ b/types/react-router/tsconfig.json
@@ -27,6 +27,7 @@
     "test/PreventingTransitions.tsx",
     "test/Recursive.tsx",
     "test/RouteConfig.tsx",
-    "test/Sidebar.tsx"
+    "test/Sidebar.tsx",
+    "test/Switch.tsx"
   ]
 }

From 0aa77fc2b36fef8f93d35b142a2501eba86f6a16 Mon Sep 17 00:00:00 2001
From: Pasi Eronen <pe@iki.fi>
Date: Fri, 28 Apr 2017 20:56:46 +0300
Subject: [PATCH 088/321] joi: add support for array.unique(comparator)
 (#16200)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Add an optional extended description…
---
 types/joi/index.d.ts   | 3 ++-
 types/joi/joi-tests.ts | 2 ++
 2 files changed, 4 insertions(+), 1 deletion(-)

diff --git a/types/joi/index.d.ts b/types/joi/index.d.ts
index c11bcb9daf..b1696bb7ad 100644
--- a/types/joi/index.d.ts
+++ b/types/joi/index.d.ts
@@ -567,7 +567,8 @@ export interface ArraySchema extends AnySchema<ArraySchema> {
      * Be aware that a deep equality is performed on elements of the array having a type of object,
      * a performance penalty is to be expected for this kind of operation.
      */
-    unique(): ArraySchema;
+    unique(comparator?: (a: any, b: any) => boolean): ArraySchema;
+    unique(comparator?: string): ArraySchema;
 }
 
 export interface ObjectSchema extends AnySchema<ObjectSchema> {
diff --git a/types/joi/joi-tests.ts b/types/joi/joi-tests.ts
index f35a124183..a58623ea06 100644
--- a/types/joi/joi-tests.ts
+++ b/types/joi/joi-tests.ts
@@ -261,6 +261,8 @@ arrSchema = arrSchema.min(num);
 arrSchema = arrSchema.max(num);
 arrSchema = arrSchema.length(num);
 arrSchema = arrSchema.unique();
+arrSchema = arrSchema.unique((a, b) => a.test === b.test);
+arrSchema = arrSchema.unique('customer.id');
 
 
 arrSchema = arrSchema.items(numSchema);

From 73fb208f9819e3e58eba5a8a5a814e6376bf77ce Mon Sep 17 00:00:00 2001
From: Dmitry Kharitonov <geakstr@me.com>
Date: Sat, 29 Apr 2017 01:06:09 +0400
Subject: [PATCH 089/321] Update index.d.ts (#16212)

Add `origin` param to `doc.replaceRange`
---
 types/codemirror/index.d.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/types/codemirror/index.d.ts b/types/codemirror/index.d.ts
index d0b2dd6511..561d311540 100644
--- a/types/codemirror/index.d.ts
+++ b/types/codemirror/index.d.ts
@@ -439,7 +439,7 @@ declare namespace CodeMirror {
 
         /** Replace the part of the document between from and to with the given string.
         from and to must be {line, ch} objects. to can be left off to simply insert the string at position from. */
-        replaceRange(replacement: string, from: CodeMirror.Position, to?: CodeMirror.Position): void;
+        replaceRange(replacement: string, from: CodeMirror.Position, to?: CodeMirror.Position, origin?: string): void;
 
         /** Get the content of line n. */
         getLine(n: number): string;

From 8477fccea44b2c0b62e05a988bcc84c8d7749629 Mon Sep 17 00:00:00 2001
From: Federico Caselli <CaselIT@users.noreply.github.com>
Date: Fri, 28 Apr 2017 23:07:55 +0200
Subject: [PATCH 090/321] timeoutCallback is optional (#16197)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Add an optional extended description…
---
 types/rwlock/index.d.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/types/rwlock/index.d.ts b/types/rwlock/index.d.ts
index 2a034b78c3..dd7e9d2c9d 100644
--- a/types/rwlock/index.d.ts
+++ b/types/rwlock/index.d.ts
@@ -19,7 +19,7 @@ declare namespace ReadWriteLock {
   interface Options {
     scope?: any;
     timeout?: number;
-    timeoutCallback(): void;
+    timeoutCallback?(): void;
   }
 }
 

From dc9845e6349a32c897adfcc2c2d2f29a8aac5470 Mon Sep 17 00:00:00 2001
From: Kat Busch <katbusch@users.noreply.github.com>
Date: Fri, 28 Apr 2017 14:14:58 -0700
Subject: [PATCH 091/321] [react-bootstrap] Add disable ButtonProps (#16209)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Add an optional extended description…
---
 types/react-bootstrap/index.d.ts                | 3 ++-
 types/react-bootstrap/react-bootstrap-tests.tsx | 6 ++++++
 2 files changed, 8 insertions(+), 1 deletion(-)

diff --git a/types/react-bootstrap/index.d.ts b/types/react-bootstrap/index.d.ts
index 2067c97c68..a11abcd38d 100644
--- a/types/react-bootstrap/index.d.ts
+++ b/types/react-bootstrap/index.d.ts
@@ -1,6 +1,6 @@
 // Type definitions for react-bootstrap
 // Project: https://github.com/react-bootstrap/react-bootstrap
-// Definitions by: Walker Burgin <https://github.com/walkerburgin>, Vincent Siao <https://github.com/vsiao>, Danilo Barros <https://github.com/danilojrr>, Batbold Gansukh <https://github.com/Batbold-Gansukh>, Raymond May Jr. <https://github.com/octatone>, Cheng Sieu Ly <https://github.com/chengsieuly>
+// Definitions by: Walker Burgin <https://github.com/walkerburgin>, Vincent Siao <https://github.com/vsiao>, Danilo Barros <https://github.com/danilojrr>, Batbold Gansukh <https://github.com/Batbold-Gansukh>, Raymond May Jr. <https://github.com/octatone>, Cheng Sieu Ly <https://github.com/chengsieuly>, Kat Busch <https://github.com/katbusch>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 // TypeScript Version: 2.1
 
@@ -82,6 +82,7 @@ declare namespace ReactBootstrap {
         bsStyle?: string;
         bsSize?: Sizes;
         componentClass?: React.ReactType;
+        disabled?: boolean;
     }
     type Button = React.ClassicComponent<ButtonProps, {}>;
     var Button: React.ClassicComponentClass<ButtonProps>;
diff --git a/types/react-bootstrap/react-bootstrap-tests.tsx b/types/react-bootstrap/react-bootstrap-tests.tsx
index 432636559b..14784f9a3d 100644
--- a/types/react-bootstrap/react-bootstrap-tests.tsx
+++ b/types/react-bootstrap/react-bootstrap-tests.tsx
@@ -99,6 +99,12 @@ export class ReactBootstrapTest extends Component<any, any> {
                     </ButtonGroup>
                 </div>
 
+                <div style={style}>
+                    <ButtonToolbar>
+                        <Button disabled>Disabled button</Button>
+                        <Button bsStyle='large' disabled>Disabled large button</Button>
+                    </ButtonToolbar>
+                </div>
 
                 <div style={style as CSSProperties}>
                     <ButtonToolbar>

From 1b25b92cff6e57f95312fa2cb91ac189f70755b8 Mon Sep 17 00:00:00 2001
From: Josh Goldberg <joshuakgoldberg@outlook.com>
Date: Fri, 28 Apr 2017 17:20:25 -0400
Subject: [PATCH 092/321] chai.assert.throws should allow a regexp + message
 (#16068)

Fixes #16067.
---
 types/chai/index.d.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/types/chai/index.d.ts b/types/chai/index.d.ts
index 73f62290f5..7690fe49a7 100644
--- a/types/chai/index.d.ts
+++ b/types/chai/index.d.ts
@@ -848,7 +848,7 @@ declare namespace Chai {
          * @param regExp   Potential expected message match.
          * @param message   Message to display on error.
          */
-        throws(fn: Function, regExp: RegExp): void;
+        throws(fn: Function, regExp: RegExp, message?: string): void;
 
         /**
          * Asserts that function will throw an error that is an instance of constructor.

From de52c9ccca2732e72930d1990583707c064f0ea0 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Martynas=20Kunig=C4=97lis?= <martynas@ignitenet.com>
Date: Sat, 29 Apr 2017 00:21:27 +0300
Subject: [PATCH 093/321] Quote from Knex source code comments: 'The transactor
 is a full featured knex object, with a "commit", a "rollback" and a
 "savepoint" function.' (#16092)

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

diff --git a/types/knex/index.d.ts b/types/knex/index.d.ts
index 0b107481f7..e95373120e 100644
--- a/types/knex/index.d.ts
+++ b/types/knex/index.d.ts
@@ -22,7 +22,7 @@ interface Knex extends Knex.QueryInterface {
     __knex__: string;
 
     raw: Knex.RawBuilder;
-    transaction: <R>(transactionScope: ((trx: Knex.Transaction) => void)) => Promise<any>;
+    transaction(transactionScope: (trx: Knex.Transaction) => any): Promise<any>;
     destroy(callback: Function): void;
     destroy(): Promise<void>;
     batchInsert(tableName : TableName, data: any[], chunkSize : number) : Knex.QueryBuilder;
@@ -347,10 +347,10 @@ declare namespace Knex {
         exec(callback: Function): QueryBuilder;
     }
 
-    interface Transaction extends QueryBuilder {
-        commit: any;
-        rollback: any;
-        raw: Knex.RawBuilder;
+    interface Transaction extends Knex {
+        savepoint(transactionScope: (trx: Transaction) => any): Promise<any>;
+        commit(value?: any): QueryBuilder;
+        rollback(error?: any): QueryBuilder;
     }
 
     //
diff --git a/types/knex/knex-tests.ts b/types/knex/knex-tests.ts
index 1c2d5c4b4a..920b347a70 100644
--- a/types/knex/knex-tests.ts
+++ b/types/knex/knex-tests.ts
@@ -434,7 +434,19 @@ knex.transaction(function(trx) {
 // Using trx as a transaction object:
 knex.transaction(function(trx) {
 
-  trx.raw('')
+  trx.raw('');
+
+  trx.on('query-error', function(error: Error) {
+    console.error(error);
+  });
+
+  trx.savepoint(function(nestedTrx) {
+    nestedTrx.rollback(new Error('something went terribly wrong'));
+  });
+
+  trx.transaction(function(nestedTrx) {
+    nestedTrx.commit();
+  });
 
   var info: any;
   var books: any[] = [

From 5dc27752e49efac4540158817fa08e640646f474 Mon Sep 17 00:00:00 2001
From: Peter Keuter <github@peterkeuter.nl>
Date: Mon, 1 May 2017 16:36:19 +0200
Subject: [PATCH 094/321] update mssql definitions to 4.0.1 (#15909)

* update mssql definitions to 4.0.1

* updated tests

* support es6 tagged template literals

* implemented connectionstring constructor

* updated tests
---
 types/mssql/index.d.ts     | 57 +++++++++++++++++++++-----------------
 types/mssql/mssql-tests.ts | 25 +++++++++++------
 2 files changed, 47 insertions(+), 35 deletions(-)

diff --git a/types/mssql/index.d.ts b/types/mssql/index.d.ts
index 5f013e33a1..80dbf2cf43 100644
--- a/types/mssql/index.d.ts
+++ b/types/mssql/index.d.ts
@@ -1,6 +1,6 @@
-// Type definitions for mssql 3.3
+// Type definitions for mssql 4.0.1
 // Project: https://www.npmjs.com/package/mssql
-// Definitions by: COLSA Corporation <http://www.colsa.com/>, Ben Farr <https://github.com/jaminfarr>, Vitor Buzinaro <https://github.com/buzinas>, Matt Richardson <https://github.com/mrrichar/>, Jørgen Elgaard Larsen <https://github.com/elhaard/>
+// Definitions by: COLSA Corporation <http://www.colsa.com/>, Ben Farr <https://github.com/jaminfarr>, Vitor Buzinaro <https://github.com/buzinas>, Matt Richardson <https://github.com/mrrichar/>, Jørgen Elgaard Larsen <https://github.com/elhaard/>, Peter Keuter <https://github.com/pkeuter/>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 
 /// <reference types="node" />
@@ -8,7 +8,7 @@
 
 import events = require('events');
 export interface ISqlType {
-  type: ISqlTypeFactory;
+    type: ISqlTypeFactory;
 }
 export interface ISqlTypeWithNoParams extends ISqlType { type: ISqlTypeFactoryWithNoParams }
 export interface ISqlTypeWithLength extends ISqlType { type: ISqlTypeFactoryWithLength; length: number }
@@ -97,7 +97,6 @@ export declare var MAX: number;
 export declare var fix: boolean;
 export declare var Promise: any;
 
-
 interface IMap extends Array<{ js: any, sql: any }> {
     register(jstype: any, sql: any): void;
 }
@@ -110,10 +109,19 @@ export interface IColumnMetadata {
         index: number;
         name: string;
         length: number;
-        type:  ISqlType;
+        type: ISqlType;
         udt?: any;
     }
 }
+export interface IResult<T> {
+    recordsets: IRecordSet<T>[];
+    recordset: IRecordSet<T>;
+    rowsAffected: number[],
+    output: { [key: string]: any };
+}
+export interface IProcedureResult<T> extends IResult<T> {
+    returnValue: any;
+}
 export interface IRecordSet<T> extends Array<T> {
     columns: IColumnMetadata;
 }
@@ -162,15 +170,17 @@ export interface config {
     pool?: IPool;
 }
 
-export declare class Connection extends events.EventEmitter {
+export declare class ConnectionPool extends events.EventEmitter {
     public connected: boolean;
     public connecting: boolean;
     public driver: string;
     public constructor(config: config, callback?: (err?: any) => void);
-    public connect(): Promise<Connection>;
+    public constructor(connectionString: string, callback?: (err?: any) => void);
+    public connect(): Promise<ConnectionPool>;
     public connect(callback: (err: any) => void): void;
     public close(): Promise<void>;
     public close(callback: (err: any) => void): void;
+    public request(): Request;
 }
 
 export declare class ConnectionError implements Error {
@@ -209,32 +219,30 @@ interface IRequestParameters {
 }
 
 export declare class Request extends events.EventEmitter {
-    public connection: Connection;
     public transaction: Transaction;
     public pstatement: PreparedStatement;
     public parameters: IRequestParameters;
     public verbose: boolean;
-    public multiple: boolean;
     public canceled: boolean;
     public stream: any;
-    public constructor(connection?: Connection);
+    public constructor(connection?: ConnectionPool);
     public constructor(transaction: Transaction);
     public constructor(preparedStatement: PreparedStatement);
-    public execute(procedure: string): Promise<IRecordSet<any>>;
-    public execute<Entity>(procedure: string): Promise<IRecordSet<Entity>>;
-    public execute<Entity>(procedure: string, callback: (err?: any, recordsets?: IRecordSet<Entity>, returnValue?: any, rowsAffected?: number) => void): void;
+    public execute(procedure: string): Promise<IProcedureResult<any>>;
+    public execute<Entity>(procedure: string): Promise<IProcedureResult<Entity>>;
+    public execute<Entity>(procedure: string, callback: (err?: any, recordsets?: IProcedureResult<Entity>, returnValue?: any) => void): void;
     public input(name: string, value: any): Request;
     public input(name: string, type: any, value: any): Request;
     public output(name: string, type: any, value?: any): Request;
     public pipe(stream: NodeJS.WritableStream): NodeJS.WritableStream;
-    public query(command: string): Promise<IRecordSet<any>>;
-    public query<Entity>(command: string): Promise<IRecordSet<Entity>>;
-    public query<Entity>(command: string, callback: (err?: Error, recordset?: IRecordSet<Entity>, rowsAffected?: number) => void): void;
-    public query<Entity>(command: string, callback: (err?: Error, recordset?: IRecordSet<Entity>) => void): void;
-    public batch(batch: string): Promise<IRecordSet<any>>;
-    public batch<Entity>(batch: string): Promise<IRecordSet<Entity>>;
-    public batch(batch: string, callback: (err?: Error, recordset?: IRecordSet<any>) => void): void;
-    public batch<Entity>(batch: string, callback: (err?: any, recordset?: IRecordSet<Entity>) => void): void;
+    public query(strings: TemplateStringsArray, ...interpolations: any[]): Promise<IResult<any>>;
+    public query(command: string): Promise<IResult<any>>;
+    public query<Entity>(command: string): Promise<IResult<Entity>>;
+    public query<Entity>(command: string, callback: (err?: Error, recordset?: IResult<Entity>) => void): void;
+    public batch(batch: string): Promise<IResult<any>>;
+    public batch<Entity>(batch: string): Promise<IResult<Entity>>;
+    public batch(batch: string, callback: (err?: Error, recordset?: IResult<any>) => void): void;
+    public batch<Entity>(batch: string, callback: (err?: any, recordset?: IResult<Entity>) => void): void;
     public bulk(table: Table): Promise<number>;
     public bulk(table: Table, callback: (err: Error, rowCount: any) => void): void;
     public cancel(): void;
@@ -248,9 +256,8 @@ export declare class RequestError implements Error {
 }
 
 export declare class Transaction extends events.EventEmitter {
-    public connection: Connection;
     public isolationLevel: IIsolationLevel;
-    public constructor(connection?: Connection);
+    public constructor(connection?: ConnectionPool);
     public begin(isolationLevel?: IIsolationLevel): Promise<void>;
     public begin(isolationLevel?: IIsolationLevel, callback?: (err?: any) => void): void;
     public commit(): Promise<void>;
@@ -267,14 +274,12 @@ export declare class TransactionError implements Error {
 }
 
 export declare class PreparedStatement extends events.EventEmitter {
-    public connection: Connection;
     public transaction: Transaction;
     public prepared: boolean;
     public statement: string;
     public parameters: IRequestParameters;
-    public multiple: boolean;
     public stream: any;
-    public constructor(connection?: Connection);
+    public constructor(connection?: ConnectionPool);
     public input(name: string, type: ISqlType): PreparedStatement;
     public output(name: string, type: ISqlType): PreparedStatement;
     public prepare(statement?: string): Promise<void>;
diff --git a/types/mssql/mssql-tests.ts b/types/mssql/mssql-tests.ts
index 764f6da8e1..4bda996f85 100644
--- a/types/mssql/mssql-tests.ts
+++ b/types/mssql/mssql-tests.ts
@@ -1,7 +1,7 @@
 import sql = require('mssql');
 
 interface Entity{
-  value: number;
+    value: number;
 }
 
 var config: sql.config = {
@@ -15,7 +15,13 @@ var config: sql.config = {
     }
 }
 
-var connection: sql.Connection = new sql.Connection(config, function (err: any) {
+var connectionStringTest: sql.ConnectionPool = new sql.ConnectionPool("connectionstring", (err) => {
+    if (err) {
+        return err;
+    }
+});
+
+var connection: sql.ConnectionPool = new sql.ConnectionPool(config, function (err: any) {
     if (err != null) {
         console.warn("Issue with connecting to SQL Server!");
     }
@@ -24,25 +30,25 @@ var connection: sql.Connection = new sql.Connection(config, function (err: any)
 
         var getArticlesQuery = "SELECT * FROM TABLE";
 
-        requestQuery.query(getArticlesQuery, function (err, recordSet) {
+        requestQuery.query(getArticlesQuery, function (err, result) {
             if (err) {
                 console.error('Error happened calling Query: ' + err.name + " " + err.message);
 
             }
             // checking to see if the articles returned as at least one.
-            else if (recordSet.length > 0) {
+            else if (result.recordset.length > 0) {
             }
         });
 
         getArticlesQuery = "SELECT 1 as value FROM TABLE";
 
-        requestQuery.query<Entity>(getArticlesQuery, function (err, recordSet) {
+        requestQuery.query<Entity>(getArticlesQuery, function (err, result) {
             if (err) {
                 console.error('Error happened calling Query: ' + err.name + " " + err.message);
 
             }
             // checking to see if the articles returned as at least one.
-            else if (recordSet.length > 0 && recordSet[0].value) {
+            else if (result.recordset.length > 0 && result.recordset[0].value) {
             }
         });
 
@@ -124,7 +130,7 @@ function test_table() {
 
 function test_promise_returns() {
     // Methods return a promises if the callback is omitted.
-    var connection: sql.Connection = new sql.Connection(config);
+    var connection: sql.ConnectionPool = new sql.ConnectionPool(config);
     connection.connect().then(() => { });
     connection.close().then(() => { });
 
@@ -144,13 +150,14 @@ function test_promise_returns() {
     request.bulk(new sql.Table("table_name")).then(() => { });
     request.query('SELECT 1').then((recordset) => { });
     request.query<Entity>('SELECT 1 as value').then(res => {    });
+    request.query`SELECT ${1} as value`.then(res => {    });
     request.execute('procedure_name').then((recordset) => { });
 }
 
 
 function test_request_constructor() {
     // Request can be constructed with a connection, preparedStatment, transaction or no arguments
-    var connection: sql.Connection = new sql.Connection(config);
+    var connection: sql.ConnectionPool = new sql.ConnectionPool(config);
     var preparedStatment = new sql.PreparedStatement(connection);
     var transaction = new sql.Transaction(connection);
 
@@ -161,7 +168,7 @@ function test_request_constructor() {
 }
 
 function test_classes_extend_eventemitter() {
-    var connection: sql.Connection = new sql.Connection(config);
+    var connection: sql.ConnectionPool = new sql.ConnectionPool(config);
     var transaction = new sql.Transaction();
     var request = new sql.Request();
     var preparedStatment = new sql.PreparedStatement();

From 6c0036b88198cbc59d2eed09aa3c93907b21a4f3 Mon Sep 17 00:00:00 2001
From: Dom Armstrong <dom@dom-armstrong.co.uk>
Date: Mon, 1 May 2017 15:41:29 +0100
Subject: [PATCH 095/321] Add dottie (#15969)

* Add dottie

* Add dottie
---
 types/dottie/dottie-tests.ts |  21 ++++
 types/dottie/index.d.ts      | 194 +++++++++++++++++++++++++++++++++++
 types/dottie/tsconfig.json   |  22 ++++
 types/dottie/tslint.json     |   1 +
 4 files changed, 238 insertions(+)
 create mode 100644 types/dottie/dottie-tests.ts
 create mode 100644 types/dottie/index.d.ts
 create mode 100644 types/dottie/tsconfig.json
 create mode 100644 types/dottie/tslint.json

diff --git a/types/dottie/dottie-tests.ts b/types/dottie/dottie-tests.ts
new file mode 100644
index 0000000000..366d2e32d9
--- /dev/null
+++ b/types/dottie/dottie-tests.ts
@@ -0,0 +1,21 @@
+import dottie = require('dottie');
+
+dottie.memoizePath = true;
+
+const nestedObject = {
+  some: {
+    nested: {
+      value: 'a'
+    }
+  }
+};
+
+dottie.exists(nestedObject, 'some.nested');
+dottie.default(nestedObject, 'some.nested.value', 'b');
+dottie.get<string>(nestedObject, 'some.nested.value', 'b');
+dottie.set(nestedObject, 'some.nested.value', 'b');
+dottie.transform({ 'foo.bar': 'baz' });
+dottie.transform({ foo_bar: 'baz' }, { delimiter: '_' });
+dottie.flatten({ foo: { bar: 'baz' }});
+dottie.flatten({ foo: { bar: 'baz' }}, '_');
+dottie.paths(nestedObject);
diff --git a/types/dottie/index.d.ts b/types/dottie/index.d.ts
new file mode 100644
index 0000000000..66fb81df5f
--- /dev/null
+++ b/types/dottie/index.d.ts
@@ -0,0 +1,194 @@
+// Type definitions for dottie 2.0
+// Project: https://github.com/mickhansen/dottie
+// Definitions by: Dom Armstrong <https://github.com/domarmstrong/>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+// TypeScript Version: 2.2
+
+declare const dottie: dottie.Dottie;
+export = dottie;
+
+declare namespace dottie {
+    type DottiePath = string | string[];
+
+    /**
+     * @example:
+     * {
+     *  'foo.bar.baz': 'baz',
+     *  'foo.baz': 'baz',
+     * }
+     */
+    interface FlatPaths {
+        [path: string]: any;
+    }
+
+    interface SetOptions {
+        /**
+         * force overwrite defined non-object keys into objects if needed
+         */
+        force?: boolean;
+    }
+
+    interface TransformOptions {
+        /**
+         * Use a custom delimiter for path
+         */
+        delimiter?: string;
+    }
+
+    interface Dottie {
+        /**
+         * Dottie memoization flag
+         */
+        memoizePath: boolean;
+
+        /**
+         * Check path exists in object
+         *
+         * @example
+         * const values = {
+         *  some: {
+         *    key: 'foobar';
+         *  },
+         * }
+         *
+         * dottie.exists(values, 'some.key'); // true
+         * dottie.exists(values, 'some.otherKey'); // false
+         */
+        exists(obj: object, path: DottiePath): boolean;
+
+        /**
+         * Gets nested value, or undefined if unreachable, or a default value if passed.
+         *
+         * @example
+         * const values = {
+         *  some: {
+         *    nested: {
+         *      key: 'foobar';
+         *    }
+         *  },
+         *  'some.dot.included': {
+         *    key: 'barfoo'
+         *  }
+         * }
+         *
+         * dottie.get<string>(values, 'some.nested.key'); // 'foobar'
+         * dottie.get<string>(values, 'some.undefined.key'); // undefined
+         * dottie.get<string>(values, 'some.undefined.key', 'defaultval'); // 'defaultval'
+         * dottie.get<string>(values, ['some.dot.included', 'key']); // 'barfoo'
+         */
+        get<T>(obj: object, path: DottiePath, defaultValue: T): T;
+
+        /**
+         * Sets nested value, creates nested structure if needed
+         *
+         * @example
+         * dottie.set(values, 'some.nested.value', someValue);
+         * dottie.set(values, ['some.dot.included', 'value'], someValue);
+         * dottie.set(values, 'some.nested.object', someValue, { force: true });
+         */
+        set(obj: object, path: DottiePath, value: any, options?: SetOptions): void;
+
+        /**
+         * Set the default value if path does not exist
+         *
+         * @example
+         * dottie.default({}, 'some.value', 'a') as MyType; // { some: { value: 'a' }}
+         * dottie.default({ some: { value: 'a' }}, 'some.value', 'b') as MyType; // { some: { value: 'a' }}
+         */
+        default(obj: object, path: DottiePath, value: any): any;
+
+        /**
+         * Transform object from keys with dottie notation to nested objects
+         *
+         * @example
+         * const values = {
+         *   'user.name': 'Gummy Bear',
+         *   'user.email': 'gummybear@candymountain.com',
+         *   'user.professional.title': 'King',
+         *   'user.professional.employer': 'Candy Mountain'
+         * };
+         * const transformed = dottie.transform(values) as MyType;
+         *
+         * assert.deepEqual(transformed, {
+         *   user: {
+         *     name: 'Gummy Bear',
+         *     email: 'gummybear@candymountain.com',
+         *     professional: {
+         *       title: 'King',
+         *       employer: 'Candy Mountain'
+         *     }
+         *   }
+         * });
+         *
+         * @example with custom delimiter
+         * const values = {
+         *   'user_name': 'Mick Hansen',
+         *   'user_email': 'maker@mhansen.io'
+         * };
+         * const transformed = dottie.transform(values, { delimiter: '_' }) as MyType;
+         *
+         * assert.deepEqual(transformed, {
+         *   user: {
+         *     name: 'Mick Hansen',
+         *     email: 'maker@mhansen.io'
+         *   }
+         * });
+         */
+        transform(obj: FlatPaths, options?: TransformOptions): any;
+
+        /**
+         * Opposite of transform. Flattens a nested object
+         *
+         * @example
+         * const values = {
+         *   user: {
+         *     name: 'Gummy Bear',
+         *     email: 'gummybear@candymountain.com',
+         *     professional: {
+         *       title: 'King',
+         *       employer: 'Candy Mountain'
+         *     }
+         *   }
+         * };
+         * const transformed = dottie.transform(values);
+         *
+         * assert.deepEqual(transformed, {
+         *   'user.name': 'Gummy Bear',
+         *   'user.email': 'gummybear@candymountain.com',
+         *   'user.professional.title': 'King',
+         *   'user.professional.employer': 'Candy Mountain'
+         * });
+         *
+         * @example with custom delimiter
+         * const values = {
+         *   user: {
+         *     name: 'Mick Hansen',
+         *     email: 'maker@mhansen.io'
+         *   }
+         * };
+         * const transformed = dottie.flatten(values, '_');
+         *
+         * assert.deepEqual(transformed, {
+         *   'user_name': 'Mick Hansen',
+         *   'user_email': 'maker@mhansen.io'
+         * });
+         */
+        flatten(obj: object, delimiter?: string): FlatPaths;
+
+        /**
+         * Get paths in object
+         *
+         * @example
+         * const object = {
+         *   a: 1,
+         *   b: {
+         *     c: 2,
+         *     d: { e: 3 }
+         *   }
+         * };
+         *
+         * dottie.paths(object); // ["a", "b.c", "b.d.e"];
+         */
+        paths(obj: object): string[];
+    }
+}
diff --git a/types/dottie/tsconfig.json b/types/dottie/tsconfig.json
new file mode 100644
index 0000000000..03af0fda9b
--- /dev/null
+++ b/types/dottie/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",
+        "dottie-tests.ts"
+    ]
+}
diff --git a/types/dottie/tslint.json b/types/dottie/tslint.json
new file mode 100644
index 0000000000..3db14f85ea
--- /dev/null
+++ b/types/dottie/tslint.json
@@ -0,0 +1 @@
+{ "extends": "dtslint/dt.json" }

From 992ef67dcbeee862a9e047acf31dae494772cf17 Mon Sep 17 00:00:00 2001
From: Ali Taheri Moghaddar <ali.taheri.m@gmail.com>
Date: Mon, 1 May 2017 19:14:25 +0430
Subject: [PATCH 096/321] [password-hash-and-salt] Add typings (#16073)

* Add password-hash-and-salt typings

* Fix lint error

* Improve export semantics
---
 types/password-hash-and-salt/index.d.ts       | 14 +++++++++++
 .../password-hash-and-salt-tests.ts           | 23 +++++++++++++++++++
 types/password-hash-and-salt/tsconfig.json    | 22 ++++++++++++++++++
 types/password-hash-and-salt/tslint.json      |  1 +
 4 files changed, 60 insertions(+)
 create mode 100644 types/password-hash-and-salt/index.d.ts
 create mode 100644 types/password-hash-and-salt/password-hash-and-salt-tests.ts
 create mode 100644 types/password-hash-and-salt/tsconfig.json
 create mode 100644 types/password-hash-and-salt/tslint.json

diff --git a/types/password-hash-and-salt/index.d.ts b/types/password-hash-and-salt/index.d.ts
new file mode 100644
index 0000000000..710e18631c
--- /dev/null
+++ b/types/password-hash-and-salt/index.d.ts
@@ -0,0 +1,14 @@
+// Type definitions for password-hash-and-salt 0.1
+// Project: https://github.com/florianheinemann/password-hash-and-salt
+// Definitions by: Ali Taheri <https://github.com/alitaheri>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+
+interface Password {
+    hash(cb: (error: string, hash: string) => void): void;
+    verifyAgainst(hash: string, cb: (error: string, verified: boolean) => void): void;
+}
+
+declare function password(password: string): Password;
+declare namespace password {}
+
+export = password;
diff --git a/types/password-hash-and-salt/password-hash-and-salt-tests.ts b/types/password-hash-and-salt/password-hash-and-salt-tests.ts
new file mode 100644
index 0000000000..4865cf0eed
--- /dev/null
+++ b/types/password-hash-and-salt/password-hash-and-salt-tests.ts
@@ -0,0 +1,23 @@
+import * as password from 'password-hash-and-salt';
+
+const myuser: { hash: string } = { hash: '' };
+
+// Creating hash and salt
+password('mysecret').hash((error, hash) => {
+	if (error)
+		throw new Error('Something went wrong!');
+
+	// Store hash (incl. algorithm, iterations, and salt)
+	myuser.hash = hash;
+
+	// Verifying a hash
+	password('hack').verifyAgainst(myuser.hash, (error, verified) => {
+		if (error)
+			throw new Error('Something went wrong!');
+		if (!verified) {
+			// Wrong!
+		} else {
+			// Correct!
+		}
+	});
+});
diff --git a/types/password-hash-and-salt/tsconfig.json b/types/password-hash-and-salt/tsconfig.json
new file mode 100644
index 0000000000..27c9ff3242
--- /dev/null
+++ b/types/password-hash-and-salt/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",
+        "password-hash-and-salt-tests.ts"
+    ]
+}
\ No newline at end of file
diff --git a/types/password-hash-and-salt/tslint.json b/types/password-hash-and-salt/tslint.json
new file mode 100644
index 0000000000..3db14f85ea
--- /dev/null
+++ b/types/password-hash-and-salt/tslint.json
@@ -0,0 +1 @@
+{ "extends": "dtslint/dt.json" }

From 0a29ae08a9b78bd701e323a41ca99cbed5937c95 Mon Sep 17 00:00:00 2001
From: Yousef <yousefdardiry@gmail.com>
Date: Mon, 1 May 2017 21:29:24 +0200
Subject: [PATCH 097/321] fix null in sequelize find (#16219)

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

diff --git a/types/sequelize/v3/index.d.ts b/types/sequelize/v3/index.d.ts
index e823a926e2..d24cad3cdd 100644
--- a/types/sequelize/v3/index.d.ts
+++ b/types/sequelize/v3/index.d.ts
@@ -3724,15 +3724,15 @@ declare namespace sequelize {
          * 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>;
-        findByPrimary(identifier?: number | string, options?: FindOptions): Promise<TInstance>;
+        findById(identifier?: number | string, options?: FindOptions): Promise<TInstance | null>;
+        findByPrimary(identifier?: number | string, options?: FindOptions): 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>;
-        find(options?: FindOptions): Promise<TInstance>;
+        findOne(options?: FindOptions): Promise<TInstance | null>;
+        find(options?: FindOptions): Promise<TInstance | null>;
 
         /**
          * Run an aggregation method on the specified field

From 0cefb71e500b0cda3dc04c07e3d2c8cb280b02de Mon Sep 17 00:00:00 2001
From: Mike Cook <mike@mike-cook.co.uk>
Date: Mon, 1 May 2017 20:34:37 +0100
Subject: [PATCH 098/321] Add type definitions for koa-websocket (#16221)

---
 types/koa-websocket/index.d.ts             | 36 ++++++++++++++++++++++
 types/koa-websocket/koa-websocket-tests.ts | 14 +++++++++
 types/koa-websocket/tsconfig.json          | 22 +++++++++++++
 types/koa-websocket/tslint.json            |  1 +
 4 files changed, 73 insertions(+)
 create mode 100644 types/koa-websocket/index.d.ts
 create mode 100644 types/koa-websocket/koa-websocket-tests.ts
 create mode 100644 types/koa-websocket/tsconfig.json
 create mode 100644 types/koa-websocket/tslint.json

diff --git a/types/koa-websocket/index.d.ts b/types/koa-websocket/index.d.ts
new file mode 100644
index 0000000000..115dbb43f6
--- /dev/null
+++ b/types/koa-websocket/index.d.ts
@@ -0,0 +1,36 @@
+// Type definitions for koa-websocket 2.1
+// Project: https://github.com/kudos/koa-websocket
+// Definitions by: My Self <https://github.com/me>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+// TypeScript Version: 2.2
+
+import * as Koa from 'koa';
+import * as ws from 'ws';
+import * as http from 'http';
+import * as https from 'https';
+
+type KoaWebsocketConnectionHandler = (socket: ws) => void;
+type KoaWebsocketMiddleware = (this: KoaWebsocketMiddlewareContext, context: Koa.Context, next: () => Promise<any>) => any;
+interface KoaWebsocketMiddlewareContext extends Koa.Context {
+    websocket: ws;
+    path: string;
+}
+
+declare class KoaWebsocketServer {
+    app: Koa;
+    middleware: Koa.Middleware[];
+
+    constructor(app: Koa);
+    listen(server: http.Server | https.Server): ws.Server;
+    onConnection(handler: KoaWebsocketConnectionHandler): void;
+    use(middleware: KoaWebsocketMiddleware): this;
+}
+
+interface KoaWebsocketApp extends Koa {
+    ws: KoaWebsocketServer;
+}
+
+type KoaWebsockets = (app: Koa) => KoaWebsocketApp;
+
+declare const websockets: KoaWebsockets;
+export = websockets;
diff --git a/types/koa-websocket/koa-websocket-tests.ts b/types/koa-websocket/koa-websocket-tests.ts
new file mode 100644
index 0000000000..66bd4bf4d2
--- /dev/null
+++ b/types/koa-websocket/koa-websocket-tests.ts
@@ -0,0 +1,14 @@
+import * as Koa from 'koa';
+import * as websocket from 'koa-websocket';
+
+const app = websocket(new Koa());
+
+app.ws.use(async function(context, next) {
+    this.websocket.on('message', (message) => {
+        console.log(message);
+    });
+    this.websocket.send('Hello world');
+    await next();
+});
+
+app.listen(3000);
diff --git a/types/koa-websocket/tsconfig.json b/types/koa-websocket/tsconfig.json
new file mode 100644
index 0000000000..effcb59356
--- /dev/null
+++ b/types/koa-websocket/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",
+        "koa-websocket-tests.ts"
+    ]
+}
diff --git a/types/koa-websocket/tslint.json b/types/koa-websocket/tslint.json
new file mode 100644
index 0000000000..3db14f85ea
--- /dev/null
+++ b/types/koa-websocket/tslint.json
@@ -0,0 +1 @@
+{ "extends": "dtslint/dt.json" }

From 7547cd219a1ecadf923d72d6ca995e827ecfa320 Mon Sep 17 00:00:00 2001
From: huhuanming <workboring@gmail.com>
Date: Tue, 2 May 2017 03:35:36 +0800
Subject: [PATCH 099/321] Add React navigation (#16223)

* Add react-navigation Types

* Add actions

Functions : https://reactnavigation.org/docs/navigators/navigation-actions
Note: the `type` option has to be optional because if not, we have to add it when we use one of actions.

* Support of Screen Navigation Options

For Stack, Tab and Drawer

* Add Generic for NavigationNavigatorProps params

* NavigationParams: any type of param

* Add Tab and Drawer Navigators

* Use of ViewStyle and TextStyle

* Improve tsconfig.json && tslint.json

* Add Test

* fix test

* fix lint
---
 types/react-navigation/index.d.ts             | 603 ++++++++++++++++++
 .../react-navigation-tests.tsx                |  30 +
 types/react-navigation/tsconfig.json          |  23 +
 types/react-navigation/tslint.json            |  22 +
 4 files changed, 678 insertions(+)
 create mode 100644 types/react-navigation/index.d.ts
 create mode 100644 types/react-navigation/react-navigation-tests.tsx
 create mode 100644 types/react-navigation/tsconfig.json
 create mode 100644 types/react-navigation/tslint.json

diff --git a/types/react-navigation/index.d.ts b/types/react-navigation/index.d.ts
new file mode 100644
index 0000000000..6b263642ff
--- /dev/null
+++ b/types/react-navigation/index.d.ts
@@ -0,0 +1,603 @@
+// Type definitions for react-navigation 1.0
+// Project: https://github.com/react-community/react-navigation
+// Definitions by: Huhuanming <https://github.com/huhuanming>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+
+import * as React from 'react'
+import {
+  Animated,
+  ViewStyle,
+  TextStyle
+} from 'react-native'
+
+export type HeaderMode = 'float' | 'screen' | 'none'
+
+export function addNavigationHelpers(params: any): any
+
+type SubViewProps = NavigationSceneRendererProps & {
+  onNavigateBack?: () => void,
+}
+
+type SubViewRenderer = (subViewProps: SubViewProps) => React.ReactElement<any> | undefined
+
+export type HeaderProps = NavigationSceneRendererProps & {
+  mode: HeaderMode,
+  onNavigateBack?: () => void,
+  renderLeftComponent: SubViewRenderer,
+  renderRightComponent: SubViewRenderer,
+  renderTitleComponent: SubViewRenderer,
+  tintColor?: string,
+  router: NavigationRouter,
+}
+
+/**
+ * NavigationState is a tree of routes for a single navigator, where each child
+ * route may either be a NavigationScreenRoute or a NavigationRouterRoute.
+ * NavigationScreenRoute represents a leaf screen, while the
+ * NavigationRouterRoute represents the state of a child navigator.
+ *
+ * NOTE: NavigationState is a state tree local to a single navigator and
+ * its child navigators (via the routes field).
+ * If we're in navigator nested deep inside the app, the state will only be the
+ * state for that navigator.
+ * The state for the root navigator of our app represents the whole navigation
+ * state for the whole app.
+ */
+export interface NavigationState {
+  /**
+   * Index refers to the active child route in the routes array.
+   */
+  index: number,
+  routes: any[],
+}
+
+export interface NavigationRoute<P> {
+  /**
+   * React's key used by some navigators. No need to specify these manually,
+   * they will be defined by the router.
+   */
+  key: string,
+  /**
+   * For example 'Home'.
+   * This is used as a key in a route config when creating a navigator.
+   */
+  routeName: string,
+  /**
+   * Path is an advanced feature used for deep linking and on the web.
+   */
+  path?: string,
+  /**
+   * Params passed to this route when navigating to it,
+   * e.g. `{ car_id: 123 }` in a route that displays a car.
+   */
+  params: P,
+}
+
+export interface NavigationRouter {
+  /**
+   * The reducer that outputs the new navigation state for a given action, with
+   * an optional previous state. When the action is considered handled but the
+   * state is unchanged, the output state is null.
+   */
+  getStateForAction: (
+    action: NavigationAction,
+    lastState?: NavigationState,
+  ) => NavigationState | undefined,
+
+  /**
+   * Maps a URI-like string to an action. This can be mapped to a state
+   * using `getStateForAction`.
+   */
+  getActionForPathAndParams: (path: string, params?: NavigationParams) => NavigationAction | undefined,
+
+  getPathAndParamsForState: (state: NavigationState) => { path: string, params?: NavigationParams },
+
+  getComponentForRouteName: (routeName: string) => NavigationComponent,
+
+  getComponentForState: (state: NavigationState) => NavigationComponent,
+
+  /**
+   * Gets the screen config for a given navigation screen prop.
+   *
+   * For example, we could get the config for a 'Foo' screen when the
+   * `navigation.state` is:
+   *
+   *  {routeName: 'Foo', key: '123'}
+   */
+  getScreenConfig: (
+    navigation: NavigationScreenProp<any, NavigationAction>,
+    optionName: string,
+  ) => any, // todo, fix this any type to become a key of NavigationScreenConfig
+}
+
+type NavigationFunc<E> = (navigation: NavigationScreenProp<any, NavigationAction>, config: E) => E
+
+export type NavigationScreenOption<T> = T | NavigationFunc<T>
+
+export interface HeaderConfig {
+  /**
+   * Title string used by the navigation bar, or a custom component
+   */
+  title?: string | React.ReactElement<any>;
+
+  /**
+   * Whether the navigation bar is visible.
+   */
+  visible?: boolean;
+
+  /**
+   * Renders a custom right component
+   */
+  right?: React.ReactElement<any>,
+
+  /**
+   * Renders a custom left component
+   */
+  left?: React.ReactElement<any>
+
+  /**
+   * Style passed into navigation bar container
+   */
+  style?: ViewStyle,
+
+  /**
+   * Style passed into navigation bar title
+   */
+  titleStyle?: TextStyle,
+
+  // // Style of title text
+  // titleTextStyle?: $NavigationThunk<Object>,
+  // // Tint color of navigation bar contents
+  // tintColor?: $NavigationThunk<string>,
+  // // Navigation bar height
+  // height?: $NavigationThunk<number>,
+  // // Navigation bar translucentcy
+  // translucent?: $NavigationThunk<boolean>,
+  // // Renders a custom left component
+  // renderLeft?: React.Element<*> |
+  //   (navigation: NavigationProp<*>, canGoBack: boolean) => React.Element<*>,
+  // // Renders a custom navigation bar background
+  // renderBackground?: $NavigationThunk<React.Element<*>>,
+}
+
+export interface TabBarConfig {
+  /**
+   * Icon used by the tab bar.
+   */
+  icon?: (options: { tintColor: string, focused: boolean }) => React.ReactElement<any> | undefined;
+  /**
+   * Label text used by the tab bar.
+   */
+  label?: string | React.ReactElement<any>;
+}
+
+export interface DrawerConfig {
+  /**
+   * Icon used by the drawer.
+   */
+  icon?: (options: { tintColor: string, focused: boolean }) => React.ReactElement<any> | undefined;
+  /**
+   * Label text used by the drawer.
+   */
+  label?: string;
+}
+
+export interface CardStackConfig {
+  /**
+   * Whether you can use gestures to dismiss this screen.
+   * Defaults to true on iOS, false on Android.
+   */
+  gesturesEnabled?: boolean;
+}
+
+export interface NavigationScreenOptions {
+  /**
+   * Title is rendered by certain navigators, e.g. the tab navigator,
+   * or on web as the title of the browser tab.
+   */
+  title?: NavigationScreenOption<string>;
+  /**
+   * Options passed to the navigation bar for this screen.
+   */
+  header?: NavigationScreenOption<HeaderConfig>;
+  /**
+   * Options passed to the tab bar for this screen.
+   */
+  tabBar?: NavigationScreenOption<TabBarConfig>;
+  /**
+   * Options passed to the drawer for this screen.
+   */
+  drawer?: NavigationScreenOption<DrawerConfig>;
+  /**
+   * Options passed to the card stack for this screen.
+   */
+  cardStack?: NavigationScreenOption<CardStackConfig>;
+}
+
+export interface NavigationScreenConfig {
+  title?: string,
+  header?: HeaderConfig,
+  tabBar?: TabBarConfig,
+  drawer?: DrawerConfig;
+}
+
+export type NavigationComponent = NavigationScreenComponent<any> | NavigationNavigator<any>
+
+export type NavigationScreenComponent<T> = React.ComponentClass<T> & {
+  navigationOptions?: NavigationScreenOptions,
+}
+
+export type NavigationNavigator<T> = React.ComponentClass<T> & {
+  router?: NavigationRouter,
+  navigationOptions?: NavigationScreenOptions,
+}
+
+export interface NavigationParams {
+  [key: string]: any,
+}
+
+export interface NavigationNavigateAction {
+  type?: 'Navigation/NAVIGATE',
+  routeName: string,
+  params?: NavigationParams,
+
+  // The action to run inside the sub-router
+  action?: NavigationNavigateAction,
+}
+
+export interface NavigationBackAction {
+  type?: 'Navigation/BACK',
+  key?: string,
+}
+
+export interface NavigationSetParamsAction {
+  type?: 'Navigation/SET_PARAMS',
+
+  // The key of the route where the params should be set
+  key: string,
+
+  // The new params to merge into the existing route params
+  params?: NavigationParams,
+}
+
+export interface NavigationInitAction {
+  type?: 'Navigation/INIT',
+  params?: NavigationParams,
+}
+
+export interface NavigationResetAction {
+  type?: 'Navigation/RESET',
+  index: number,
+  actions: NavigationNavigateAction[],
+}
+
+export interface NavigationUriAction {
+  type?: 'Navigation/URI',
+  uri: string,
+}
+
+export interface NavigationContainerOptions {
+  // This is used to extract the path from the URI passed to the app for a deep link
+  URIPrefix?: string,
+}
+
+export interface NavigationContainerConfig {
+  containerOptions?: NavigationContainerOptions,
+}
+
+export interface NavigationStackViewConfig {
+  mode?: 'card' | 'modal',
+  headerMode?: HeaderMode,
+  headerComponent?: React.ComponentClass<HeaderProps>,
+  cardStyle?: ViewStyle,
+  onTransitionStart?: () => void,
+  onTransitionEnd?: () => void,
+}
+
+export interface NavigationStackRouterConfig {
+  initialRouteName?: string,
+  initialRouteParams?: NavigationParams,
+  paths?: NavigationPathsConfig,
+  navigationOptions?: NavigationScreenOptions,
+}
+
+export type NavigationStackAction =
+  NavigationInitAction
+  | NavigationNavigateAction
+  | NavigationBackAction
+  | NavigationSetParamsAction
+  | NavigationResetAction
+
+export type NavigationTabAction =
+  NavigationInitAction
+  | NavigationNavigateAction
+  | NavigationBackAction
+
+export type NavigationAction =
+  NavigationInitAction
+  | NavigationStackAction
+  | NavigationTabAction
+
+export namespace NavigationActions {
+  function navigate(options: NavigationNavigateAction): any;
+  function reset(options: NavigationResetAction): any;
+  function back(options: NavigationBackAction): any;
+  function setParams(options: NavigationSetParamsAction): any;
+}
+
+export type NavigationRouteConfig<T> = T & {
+  navigationOptions?: NavigationScreenOptions,
+  path?: string,
+}
+
+export interface NavigationPathsConfig {
+  [routeName: string]: string,
+}
+
+export interface NavigationTabRouterConfig {
+  initialRouteName?: string,
+  paths?: NavigationPathsConfig,
+  navigationOptions?: NavigationScreenOptions,
+  order?: string[], // todo: type these as the real route names rather than 'string'
+
+  // Does the back button cause the router to switch to the initial tab
+  backBehavior?: 'none' | 'initialRoute', // defaults `initialRoute`
+}
+
+export interface NavigationRouteConfigMap {
+  [routeName: string]: NavigationRouteConfig<any>,
+}
+
+export type NavigationDispatch<A> = (action: A) => boolean
+
+export interface NavigationProp<S, A> {
+  state: S,
+  dispatch: NavigationDispatch<A>,
+}
+
+export type NavigationScreenProp<S, A> = NavigationProp<S, A> & {
+  goBack: (routeKey?: string) => boolean,
+  navigate: (routeName: string, params?: NavigationParams, action?: NavigationAction) => boolean,
+  setParams: (newParams: NavigationParams) => boolean,
+}
+
+export interface NavigationNavigatorProps<P> {
+  navigation: NavigationProp<NavigationRoute<P>, NavigationAction>,
+}
+
+/**
+ * Gestures, Animations, and Interpolators
+ */
+
+export type NavigationAnimatedValue = Animated.Value
+
+export type NavigationGestureDirection = 'horizontal' | 'vertical'
+
+export interface NavigationLayout {
+  height: NavigationAnimatedValue,
+  initHeight: number,
+  initWidth: number,
+  isMeasured: boolean,
+  width: NavigationAnimatedValue,
+}
+
+export interface NavigationScene {
+  index: number,
+  isActive: boolean,
+  isStale: boolean,
+  key: string,
+  route: any,
+}
+
+export interface NavigationTransitionProps {
+  // The layout of the transitioner of the scenes.
+  layout: NavigationLayout,
+
+  // The navigation state of the transitioner.
+  navigationState: NavigationState,
+
+  // The progressive index of the transitioner's navigation state.
+  position: NavigationAnimatedValue,
+
+  // The value that represents the progress of the transition when navigation
+  // state changes from one to another. Its numberic value will range from 0
+  // to 1.
+  //  progress.__getAnimatedValue() < 1 : transtion is happening.
+  //  progress.__getAnimatedValue() == 1 : transtion completes.
+  progress: NavigationAnimatedValue,
+
+  // All the scenes of the transitioner.
+  scenes: NavigationScene[],
+
+  // The active scene, corresponding to the route at
+  // `navigationState.routes[navigationState.index]`. When rendering
+  // NavigationSceneRendererPropsIndex, the scene does not refer to the active
+  // scene, but instead the scene that is being rendered. The index always
+  // is the index of the scene
+  scene: NavigationScene,
+  index: number,
+  navigation: NavigationScreenProp<any, NavigationAction>,
+
+  // The gesture distance for `horizontal` and `vertical` transitions
+  gestureResponseDistance?: number,
+}
+
+// The scene renderer props are nearly identical to the props used for rendering
+// a transition. The exception is that the passed scene is not the active scene
+// but is instead the scene that the renderer should render content for.
+export type NavigationSceneRendererProps = NavigationTransitionProps
+
+export interface NavigationPanHandlers {
+  onMoveShouldSetResponder: () => void,
+  onMoveShouldSetResponderCapture: () => void,
+  onResponderEnd: () => void,
+  onResponderGrant: () => void,
+  onResponderMove: () => void,
+  onResponderReject: () => void,
+  onResponderRelease: () => void,
+  onResponderStart: () => void,
+  onResponderTerminate: () => void,
+  onResponderTerminationRequest: () => void,
+  onStartShouldSetResponder: () => void,
+  onStartShouldSetResponderCapture: () => void,
+}
+
+export interface NavigationTransitionSpec {
+  duration?: number,
+  // An easing function from `Easing`.
+  easing?: () => any,
+  // A timing function such as `Animated.timing`.
+  timing?: (value: NavigationAnimatedValue, config: any) => any,
+}
+
+export type NavigationAnimationSetter = (
+  position: NavigationAnimatedValue,
+  newState: NavigationState,
+  lastState: NavigationState,
+) => void
+
+export type NavigationSceneRenderer = (
+  props: NavigationSceneRendererProps,
+) => React.ReactElement<any>
+
+export type NavigationStyleInterpolator = (
+  props: NavigationSceneRendererProps,
+) => ViewStyle
+
+export interface LayoutEvent {
+  nativeEvent: {
+    layout: {
+      x: number;
+      y: number;
+      width: number;
+      height: number;
+    },
+  }
+}
+
+interface NavigationContainerProps {
+  navigation: NavigationProp<any, NavigationAction>
+  onNavigationStateChange?: (
+    preNavigationState: NavigationState,
+    nextNavigationState: NavigationState,
+  ) => void
+}
+
+interface NavigationContainerState {
+  nav?: NavigationState
+}
+
+export interface NavigationContainer extends React.ComponentClass<
+  NavigationContainerProps
+> {
+  router: any
+}
+
+export type StackNavigatorConfig =
+  NavigationContainerConfig
+  & NavigationStackViewConfig
+  & NavigationStackRouterConfig;
+
+// Return createNavigationContainer
+export function StackNavigator(
+  routeConfigMap: NavigationRouteConfigMap,
+  stackConfig?: StackNavigatorConfig,
+): NavigationContainer
+
+/**
+ * Drawer Navigator
+ */
+export interface DrawNavigatorConfig {
+  drawerWidth?: number,
+  drawerPosition?: 'left'|'right',
+  contentComponent?: React.ReactElement<any>,
+  contentOptions?: {
+    activeTintColor?: string,
+    activeBackgroundColor?: string,
+    inactiveTintColor?: string,
+    inactiveBackgroundColor?: string,
+    style?: ViewStyle,
+    labelStyle?: TextStyle
+  }
+}
+
+export function DrawerNavigator(
+  routeConfigMap: NavigationRouteConfigMap,
+  drawConfig?: DrawNavigatorConfig,
+): NavigationContainer;
+
+/**
+ * Tab Navigator
+ */
+export interface TabNavigatorConfig {
+  tabBarComponent?: React.ReactElement<any>,
+  tabBarPosition?: 'top'|'bottom',
+  swipeEnabled?: boolean,
+  animationEnabled?: boolean,
+  lazy?: boolean,
+  tabBarOptions?: {
+    activeTintColor?: string,
+    activeBackgroundColor?: string,
+    inactiveTintColor?: string,
+    inactiveBackgroundColor?: string,
+    showLabel?: boolean,
+    style?: ViewStyle,
+    labelStyle?: TextStyle,
+
+    // Top
+    showIcon?: boolean,
+    upperCaseLabel?: boolean,
+    pressColor?: string,
+    pressOpacity?: number,
+    scrollEnabled?: boolean,
+    tabStyle?: ViewStyle,
+    indicatorStyle?: ViewStyle
+  }
+  initialRouteName?: string,
+  order?: string[],
+  paths?: any     // TODO: better def
+  backBehavior?: 'initialRoute'|'none'
+}
+
+export function TabNavigator(
+  routeConfigMap: NavigationRouteConfigMap,
+  drawConfig?: TabNavigatorConfig,
+): NavigationContainer;
+/**
+ * Screen Options
+ */
+export interface StackNavigatorScreenOptions {
+  title?: string;
+  headerVisible?: boolean;
+  headerTitle?: string|React.ReactElement<any>;
+  headerBackTitle?: string|null;
+  headerTruncatedBackTitle?: string;
+  headerRight?: React.ReactElement<any>;
+  headerLeft?: React.ReactElement<any>;
+  headerStyle?: ViewStyle;
+  headerTitleStyle?: ViewStyle;
+  headerTintColor?: string;
+  headerPressColorAndroid?: string;
+  gesturesEnabled?: boolean;
+}
+
+export interface TabNavigatorScreenOptions {
+  title?: string;
+  tabBarVisible?: boolean;
+  tabBarIcon?: React.ReactElement<any>;
+  tabBarLaben?: string
+      |React.ReactElement<any>
+      | ((options: {focused: boolean, tintColor: string}) => React.ReactElement<any>)
+  ;
+}
+
+export interface DrawerNavigatorScreenOptions {
+  title?: string;
+  drawerLabel?: string
+      |React.ReactElement<any>
+      | ((options: {focused: boolean, tintColor: string}) => React.ReactElement<any>)
+  ;
+  drawerIcon?: React.ReactElement<any>
+      | ((options: {focused: boolean, tintColor: string}) => React.ReactElement<any>)
+  ;
+}
diff --git a/types/react-navigation/react-navigation-tests.tsx b/types/react-navigation/react-navigation-tests.tsx
new file mode 100644
index 0000000000..d01ae62640
--- /dev/null
+++ b/types/react-navigation/react-navigation-tests.tsx
@@ -0,0 +1,30 @@
+import * as React from 'react';
+import { View } from 'react-native';
+import {
+    addNavigationHelpers,
+    StackNavigator,
+} from 'react-navigation';
+
+const Start = (
+    <View />
+);
+
+export const AppNavigator = StackNavigator({
+    StartImage: {
+        path: 'startImage',
+        screen: Start,
+    },
+}, {
+    initialRouteName: 'StartImage',
+});
+
+const Router = (props: any) => (
+  <AppNavigator
+    navigation={
+      addNavigationHelpers({
+            dispatch: {},
+            state: {},
+        })
+      }
+    />
+);
diff --git a/types/react-navigation/tsconfig.json b/types/react-navigation/tsconfig.json
new file mode 100644
index 0000000000..e670f06667
--- /dev/null
+++ b/types/react-navigation/tsconfig.json
@@ -0,0 +1,23 @@
+{
+  "compilerOptions": {
+    "module": "commonjs",
+    "lib": [
+      "es6"
+    ],
+    "noImplicitAny": true,
+    "noImplicitThis": true,
+    "strictNullChecks": false,
+    "baseUrl": "../",
+    "jsx": "react",
+    "typeRoots": [
+      "../"
+    ],
+    "types": [],
+    "noEmit": true,
+    "forceConsistentCasingInFileNames": true
+  },
+  "files": [
+    "index.d.ts",
+    "react-navigation-tests.tsx"
+  ]
+}
diff --git a/types/react-navigation/tslint.json b/types/react-navigation/tslint.json
new file mode 100644
index 0000000000..0a6488b194
--- /dev/null
+++ b/types/react-navigation/tslint.json
@@ -0,0 +1,22 @@
+{
+  "extends": "dtslint/dt.json",
+  "rules": {
+    // Lowercase `object` is available in TypeScript 2.2 only.
+    "ban-types": false,
+    // Below are all TODO
+    "align": false,
+    "array-type": false,
+    "comment-format": false,
+    "interface-over-type-literal": false,
+    "jsdoc-format": false,
+    "no-misused-new": false,
+    "no-consecutive-blank-lines": false,
+    "no-empty-interface": false,
+    "no-padding": false,
+    "no-var": false,
+    "prefer-declare-function": false,
+    "prefer-method-signature": false,
+    "semicolon": false,
+    "strict-export-declare-modifiers": false
+  }
+}

From e8d4865015c4e6eb0a195abbe33937c461ff7b30 Mon Sep 17 00:00:00 2001
From: Paul Murray <plmrry@gmail.com>
Date: Mon, 1 May 2017 16:12:09 -0400
Subject: [PATCH 100/321] fix CollectionAggregationOptions.maxTimeMS (#16226)

`maxTimeMS` on `CollectionAggregationOptions` should be `number` not `boolean`
---
 types/mongodb/index.d.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/types/mongodb/index.d.ts b/types/mongodb/index.d.ts
index 859dc87b26..4c4106c7a6 100644
--- a/types/mongodb/index.d.ts
+++ b/types/mongodb/index.d.ts
@@ -634,7 +634,7 @@ export interface CollectionAggregationOptions {
     allowDiskUse?: boolean;
     // specifies a cumulative time limit in milliseconds for processing operations
     // on the cursor. MongoDB interrupts the operation at the earliest following interrupt point.
-    maxTimeMS?: boolean;
+    maxTimeMS?: number;
     // Allow driver to bypass schema validation in MongoDB 3.2 or higher.
     bypassDocumentValidation?: boolean;
 }

From 55d680e198f84727ef2f0011632f1cff1f82497d Mon Sep 17 00:00:00 2001
From: Oden <ops991923@gmail.com>
Date: Mon, 1 May 2017 13:13:41 -0700
Subject: [PATCH 101/321] Remove unneeded and broken react-router dependency
 from react-i18next (#16228)

---
 types/react-i18next/index.d.ts    | 3 +--
 types/react-i18next/tsconfig.json | 5 -----
 2 files changed, 1 insertion(+), 7 deletions(-)

diff --git a/types/react-i18next/index.d.ts b/types/react-i18next/index.d.ts
index 7114087cd6..930fa7ae3c 100644
--- a/types/react-i18next/index.d.ts
+++ b/types/react-i18next/index.d.ts
@@ -6,7 +6,6 @@
 
 import * as I18next from "i18next";
 import * as React from "react";
-import * as ReactRouter from "react-router";
 
 export type TranslationFunction = I18next.TranslationFunction;
 
@@ -53,6 +52,6 @@ interface TranslateOptions {
 
 export function translate(namespaces?: string[] | string, options?: TranslateOptions): <C extends Function>(WrappedComponent: C) => C;
 
-export function loadNamespaces({ components, i18n }: { components: ReactRouter.RouteComponent[], i18n: I18next.I18n }): Promise<void>;
+export function loadNamespaces({ components, i18n }: { components: (React.ComponentClass<any> | React.StatelessComponent<any>)[], i18n: I18next.I18n }): Promise<void>;
 
 export as namespace ReactI18Next;
diff --git a/types/react-i18next/tsconfig.json b/types/react-i18next/tsconfig.json
index c64579c2e8..ad5bca544b 100644
--- a/types/react-i18next/tsconfig.json
+++ b/types/react-i18next/tsconfig.json
@@ -9,11 +9,6 @@
         "noImplicitThis": true,
         "strictNullChecks": true,
         "baseUrl": "../",
-        "paths": {
-            "history": ["history/v2"],
-            "history/*": ["history/v2/*"],
-            "react-router": ["react-router/v2"]
-        },
         "typeRoots": [
             "../"
         ],

From f532d39637dfd4c272b504794fe2ff0bfb704b81 Mon Sep 17 00:00:00 2001
From: Endel Dreyer <endel.dreyer@gmail.com>
Date: Mon, 1 May 2017 22:15:37 +0200
Subject: [PATCH 102/321] node: add pauseOnConnect to createServer options
 (#16230)

Documentation: https://nodejs.org/api/net.html#net_net_createserver_options_connectionlistener
---
 types/node/index.d.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/types/node/index.d.ts b/types/node/index.d.ts
index 0f2a6e663e..9985d61ccc 100644
--- a/types/node/index.d.ts
+++ b/types/node/index.d.ts
@@ -2122,7 +2122,7 @@ declare module "net" {
         prependOnceListener(event: "listening", listener: () => void): this;
     }
     export function createServer(connectionListener?: (socket: Socket) => void): Server;
-    export function createServer(options?: { allowHalfOpen?: boolean; }, connectionListener?: (socket: Socket) => void): Server;
+    export function createServer(options?: { allowHalfOpen?: boolean, pauseOnConnect?: boolean }, connectionListener?: (socket: Socket) => void): Server;
     export function connect(options: { port: number, host?: string, localAddress?: string, localPort?: string, family?: number, allowHalfOpen?: boolean; }, connectionListener?: Function): Socket;
     export function connect(port: number, host?: string, connectionListener?: Function): Socket;
     export function connect(path: string, connectionListener?: Function): Socket;

From 5a71b4961f39b3b8b72c72622395ef251006ffc3 Mon Sep 17 00:00:00 2001
From: Michael Aird <michael.aird@gmail.com>
Date: Mon, 1 May 2017 16:16:20 -0400
Subject: [PATCH 103/321] Add missing scheduler properties/method (#16231)

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

diff --git a/types/kendo-ui/index.d.ts b/types/kendo-ui/index.d.ts
index f1d3fa0437..9848335e49 100644
--- a/types/kendo-ui/index.d.ts
+++ b/types/kendo-ui/index.d.ts
@@ -5409,6 +5409,7 @@ declare namespace kendo.ui {
         slotByElement(element: Element): any;
         slotByElement(element: JQuery): any;
         view(type?: string): void;
+	view(): kendo.ui.SchedulerView;
         viewName(): string;
 
     }
@@ -5627,7 +5628,8 @@ declare namespace kendo.ui {
         dateHeaderTemplate?: string|Function;
         dayTemplate?: string|Function;
         editable?: boolean|SchedulerViewEditable;
-        endTime?: Date;
+        endDate?(): Date;
+	endTime?: Date;
         eventHeight?: number;
         eventTemplate?: string|Function;
         eventTimeTemplate?: string|Function;
@@ -5641,6 +5643,7 @@ declare namespace kendo.ui {
         selectedShortDateFormat?: string;
         showWorkHours?: boolean;
         slotTemplate?: string|Function;
+	startDate?(): Date;
         startTime?: Date;
         title?: string;
         type?: string;

From 4d4b29f5630b01e7a42be4f77cb8c7d2ec4afd69 Mon Sep 17 00:00:00 2001
From: spacejack <spacejack@users.noreply.github.com>
Date: Mon, 1 May 2017 16:16:42 -0400
Subject: [PATCH 104/321] Fixes for RouteResolver type and ClassComponent view
 method. (#16232)

---
 types/mithril/index.d.ts                   |  8 ++---
 types/mithril/test/test-class-component.ts | 11 ++++---
 types/mithril/test/test-route.ts           | 38 ++++++++++++++++++++--
 3 files changed, 46 insertions(+), 11 deletions(-)

diff --git a/types/mithril/index.d.ts b/types/mithril/index.d.ts
index 1115d7c1f5..46fbb061ab 100644
--- a/types/mithril/index.d.ts
+++ b/types/mithril/index.d.ts
@@ -61,11 +61,11 @@ declare namespace Mithril {
 		trust(html: string): Vnode<any, any>;
 	}
 
-	interface RouteResolver<State, Params> {
+	interface RouteResolver<Attrs, State> {
 		/** The onmatch hook is called when the router needs to find a component to render. */
-		render?(this: State, vnode: Vnode<State, Params>): Children;
+		onmatch?(this: this, args: Attrs, requestedPath: string): Component<any, any> | Promise<any> | void;
 		/** The render method is called on every redraw for a matching route. */
-		onmatch?(args: Params, requestedPath: string): Component<any, any> | Promise<any> | void;
+		render?(this: this, vnode: Vnode<Attrs, State>): Children;
 	}
 
 	/** This represents a key-value mapping linking routes to components. */
@@ -232,7 +232,7 @@ declare namespace Mithril {
 		/** The onremove hook is called before a DOM element is removed from the document. */
 		onupdate?(vnode: VnodeDOM<A, this>): any;
 		/** Creates a view out of virtual elements. */
-		view(vnode: CVnode<A>): Children | null | void;
+		view(vnode: Vnode<A, this>): Children | null | void;
 	}
 
 	/**
diff --git a/types/mithril/test/test-class-component.ts b/types/mithril/test/test-class-component.ts
index 7c1348683e..19f3aa343a 100644
--- a/types/mithril/test/test-class-component.ts
+++ b/types/mithril/test/test-class-component.ts
@@ -1,5 +1,5 @@
 import * as m from 'mithril';
-import {ClassComponent, CVnode, CVnodeDOM} from 'mithril';
+import {ClassComponent, Vnode, CVnode, CVnodeDOM} from 'mithril';
 
 ///////////////////////////////////////////////////////////
 // 0.
@@ -95,12 +95,13 @@ class Comp4 implements ClassComponent<Comp4Attrs> {
 	add(num: number) {
 		this.count += num;
 	}
-	view({attrs}: CVnode<Comp4Attrs>) {
+	view(vnode: Vnode<Comp4Attrs, Comp4>) {
 		return [
-			m('h1', `This ${attrs.name} has been clicked ${this.count} times`),
+			m('h1', `This ${vnode.attrs.name} has been clicked ${this.count} times`),
 			m('button',
 				{
-					onclick: () => this.add(1)
+					// Can access 'this' via vnode.state
+					onclick: () => vnode.state.add(1)
 				},
 			"Click me")
 		];
@@ -129,7 +130,7 @@ export interface Attrs {
 
 export default class MyComponent implements ClassComponent<Attrs> {
 	count = 0;
-	view({attrs}: CVnode<Attrs>) {
+	view({attrs}: Vnode<Attrs, MyComponent>) {
 		return m('span', `name: ${attrs.name}, count: ${this.count}`);
 	}
 }
diff --git a/types/mithril/test/test-route.ts b/types/mithril/test/test-route.ts
index 5e584a8184..b18a92212c 100644
--- a/types/mithril/test/test-route.ts
+++ b/types/mithril/test/test-route.ts
@@ -1,4 +1,4 @@
-import {Component} from 'mithril';
+import {Component, Comp, RouteResolver} from 'mithril';
 import * as h from 'mithril/hyperscript';
 import * as route from 'mithril/route';
 
@@ -14,6 +14,39 @@ const component2 = {
 	}
 } as Component<{title: string}, {}>;
 
+interface Attrs {
+	id: string;
+}
+
+interface State {
+	text: string;
+}
+
+const component3: Comp<Attrs, State> = {
+	text: "Uninitialized",
+	oninit({state}) {
+		state.text = "Initialized";
+	},
+	view({attrs}) {
+		return h('p', 'id: ' + attrs.id);
+	}
+};
+
+// RouteResolver example using Attrs type and this context
+const routeResolver: RouteResolver<Attrs, State> & {message: string} = {
+	message: "",
+	onmatch(attrs, path) {
+		this.message = "Match";
+		const id: string = attrs.id;
+		return component3;
+	},
+	render(vnode) {
+		this.message = "Render";
+		vnode.key = vnode.attrs.id;
+		return vnode;
+	}
+};
+
 route(document.body, '/', {
 	'/': component1,
 	'/test1': {
@@ -41,7 +74,8 @@ route(document.body, '/', {
 				resolve(component2);
 			});
 		}
-	}
+	},
+	'test5/:id': routeResolver
 });
 
 route.prefix('/app');

From 0edf649dcb4322d6695de3c1e0f7c421b60dd6bb Mon Sep 17 00:00:00 2001
From: valepu <valepu@libero.it>
Date: Mon, 1 May 2017 22:17:01 +0200
Subject: [PATCH 105/321] Autobahn: Add missing Publish Options (#16233)

Add all the missing publish options to interface IPublishOptions (according to documentation https://github.com/crossbario/autobahn-js/blob/master/doc/programming.md#publishing-events ). "disclose_me" is undocumented but it is indeed used inside autobahn's code
---
 types/autobahn/index.d.ts | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

diff --git a/types/autobahn/index.d.ts b/types/autobahn/index.d.ts
index 8a37bdf21b..6741bcccd1 100644
--- a/types/autobahn/index.d.ts
+++ b/types/autobahn/index.d.ts
@@ -1,6 +1,6 @@
 // Type definitions for AutobahnJS v0.9.7
 // Project: http://autobahn.ws/js/
-// Definitions by: Elad Zelingher <https://github.com/darkl/>, Andy Hawkins <https://github.com/a904guy/,http://a904guy.com/,http://www.bmbsqd.com>
+// Definitions by: Elad Zelingher <https://github.com/darkl/>, Andy Hawkins <https://github.com/a904guy/,http://a904guy.com/,http://www.bmbsqd.com>, Wladimir Totino <https://github.com/valepu>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 
 /// <reference types="when" />
@@ -167,8 +167,14 @@ declare namespace autobahn {
     interface IPublishOptions {
         acknowledge?: boolean;
         exclude?: number[];
+        exclude_authid?: string[];
+        exclude_authrole?: string[];
         eligible?: number[];
-        disclose_me?: Boolean;
+        eligible_authid?: string[];
+        eligible_authrole?: string[];
+        retain?: boolean;
+        disclose_me?: boolean;
+        exclude_me?: boolean;
     }
 
     interface ISubscribeOptions {

From 15d14159bac65d42872f78bf70138ee8f2efb7e3 Mon Sep 17 00:00:00 2001
From: Budi Irawan <deerawan@gmail.com>
Date: Tue, 2 May 2017 06:44:20 +1000
Subject: [PATCH 106/321] improve fallback language (#16236)

- add def for array of string
- add def for object list
---
 types/i18next/i18next-tests.ts | 28 ++++++++++++++++++++++++++++
 types/i18next/index.d.ts       | 14 ++++++++++----
 2 files changed, 38 insertions(+), 4 deletions(-)

diff --git a/types/i18next/i18next-tests.ts b/types/i18next/i18next-tests.ts
index 744fd950d4..2d3f6d3b04 100644
--- a/types/i18next/i18next-tests.ts
+++ b/types/i18next/i18next-tests.ts
@@ -59,6 +59,18 @@ i18n.init({
     wait: false
 });
 
+i18n.init({
+    fallbackLng: ['en', 'ru'],
+});
+
+i18n.init({
+    fallbackLng: {
+        'de-CH': ['fr', 'it'],
+        'zh-HANT': ['zh-HANS', 'en'],
+        'default': ['en']
+    },
+});
+
 i18n.t('helloWorld', <i18n.TranslationOptions> {
     defaultValue: 'default',
     count: 10
@@ -70,6 +82,22 @@ i18n.t('helloWorldInterpolated', <i18n.TranslationOptions> {
     name: "world"
 });
 
+i18n.t('helloSingleFallbackLng', <i18n.TranslationOptions> {
+    fallbackLng: 'en'
+});
+
+i18n.t('helloMultiFallbackLng', <i18n.TranslationOptions> {
+    fallbackLng: ['en', 'ru']
+});
+
+i18n.t('helloObjectFallbackLng', <i18n.TranslationOptions> {
+    fallbackLng: {
+        'de-CH': ['fr', 'it'],
+        'zh-HANT': ['zh-HANS', 'en'],
+        'default': ['en']
+    },
+});
+
 i18n.exists("helloWorld");
 
 const options:i18n.Options = i18n.options;
diff --git a/types/i18next/index.d.ts b/types/i18next/index.d.ts
index c0b0c82d81..1cacdeb7c3 100644
--- a/types/i18next/index.d.ts
+++ b/types/i18next/index.d.ts
@@ -1,6 +1,6 @@
-// Type definitions for i18next v2.3.4
+// Type definitions for i18next v2.3.5
 // Project: http://i18next.com
-// Definitions by: Michael Ledin <https://github.com/mxl>
+// Definitions by: Michael Ledin <https://github.com/mxl>, Budi Irawan <https://github.com/deerawan>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 
 // Sources: https://github.com/i18next/i18next/
@@ -19,6 +19,12 @@ declare namespace i18n {
         [key: string]: any;
     }
 
+    interface FallbackLngObjList {
+        [language: string]: string[]
+    }
+
+    type FallbackLng = string | string[] | FallbackLngObjList;
+
     interface InterpolationOptions {
         escapeValue?: boolean;
         prefix?: string;
@@ -41,7 +47,7 @@ declare namespace i18n {
         replace?: any;
         lng?: string;
         lngs?: string[];
-        fallbackLng?: string;
+        fallbackLng?: FallbackLng;
         ns?: string | string[];
         keySeparator?: string;
         nsSeparator?: string;
@@ -57,7 +63,7 @@ declare namespace i18n {
         debug?: boolean;
         resources?: ResourceStore;
         lng?: string;
-        fallbackLng?: string;
+        fallbackLng?: FallbackLng;
         ns?: string | string[];
         defaultNS?: string;
         fallbackNS?: string | string[];

From 3440a18e98cb7845e53ca37114bb3a9910c2fc7b Mon Sep 17 00:00:00 2001
From: sclassen <st.classen@gmx.ch>
Date: Mon, 1 May 2017 22:46:11 +0200
Subject: [PATCH 107/321] ngStorage: improve definitions and update to newest
 tslint (#16238)

* update ngstorage to new linter configuration

* update ngStorage interfaces

- remove the method StorageService.get() as it does not exist
- add the method StorageService.$supported() which was missing
- StorageService.$default() and StorageService.$reset() return an intersection type of its argument and StorageService
- add the method StorageProvider.remove() which was missing
- add the method StorageProvider.supported which was missing
---
 types/ngstorage/index.d.ts         |  45 ++++++++---
 types/ngstorage/ngstorage-tests.ts | 125 +++++++++++++++--------------
 types/ngstorage/tsconfig.json      |   2 +-
 types/ngstorage/tslint.json        |   1 +
 4 files changed, 101 insertions(+), 72 deletions(-)
 create mode 100644 types/ngstorage/tslint.json

diff --git a/types/ngstorage/index.d.ts b/types/ngstorage/index.d.ts
index 15fb3c0481..83c740ff0e 100644
--- a/types/ngstorage/index.d.ts
+++ b/types/ngstorage/index.d.ts
@@ -1,23 +1,48 @@
-// Type definitions for ngstorage 0.3.11
+// Type definitions for ngstorage 0.3
 // Project: https://github.com/gsklee/ngStorage
 // Definitions by: Jakub Pistek <https://github.com/kubiq>
 // Definitions: https://github.com/kubiq/DefinitelyTyped
 
-declare module 'ngstorage' {
+export namespace ngStorage {
+    interface StorageService {
+        /**
+         * @return true if the storage service is supported by the browser.
+         */
+        $supported(): boolean;
+
+        /**
+         * Adds default values to the store.
+         * Copies all properties of the default items to the store.
+         * If the store already has one of these properties it will skip it.
+         *
+         * @param items object holding the default values.
+         * @return the modified storage service.
+         */
+        $default<T>(items: T): StorageService & T;
+
+        /**
+         * Removes all properties from the store.
+         *
+         * @param items optional object holding the default values to initialize the store after reset.
+         * @return the modified storage service.
+         */
+        $reset<T>(items?: T): StorageService & T;
 
-    interface IStorageService {
-        $default(items: {}): IStorageService;
-        $reset(items?: {}): IStorageService;
         $apply(): void;
         $sync(): void;
-        get<T>(key: string): T;
+
+        /**
+         * Access to the properties of the store.
+         */
+        [key: string]: any;
     }
 
-    interface IStorageProvider extends angular.IServiceProvider {
-
-        get<T>(key: string): T;
-        set<T>(key: string, value: T): T;
+    interface StorageProvider extends angular.IServiceProvider {
+        get<T>(key: string): T | boolean;
+        set<T>(key: string, value: T): T | boolean;
+        remove(key: string): void;
 
+        supported(): boolean;
         setKeyPrefix(prefix: string): void;
         setSerializer(serializer: (value: any) => string): void;
         setDeserializer(deserializer: (value: string) => any): void;
diff --git a/types/ngstorage/ngstorage-tests.ts b/types/ngstorage/ngstorage-tests.ts
index abddf19bb7..a69d905a55 100644
--- a/types/ngstorage/ngstorage-tests.ts
+++ b/types/ngstorage/ngstorage-tests.ts
@@ -1,78 +1,81 @@
-/// <reference types="angular"/>
+import * as angular from "angular";
+import { ngStorage } from "ngstorage";
 
-import {IStorageService, IStorageProvider} from "ngstorage";
+let app: angular.IModule = angular.module('at', ['ngStorage']);
 
-var app: any;
-app.controller('LocalCtrl', function ($localStorage: IStorageService) {
+app.controller('LocalCtrl', ($localStorage: ngStorage.StorageService) => {
+    if ($localStorage.$supported()) {
+        const store: MyStore & ngStorage.StorageService = $localStorage.$default<MyStore>({
+            counter: 1
+        });
 
-    $localStorage.$default({
-        counter: 1
-    });
+        store.$reset<MyStore>({
+            counter: 1
+        });
 
-    $localStorage.$reset({
-        counter: 1
-    });
-
-    $localStorage.$reset();
-
-    $localStorage.$apply();
-
-    $localStorage.$sync();
+        store.$reset();
+        store.$apply();
+        store.$sync();
+    }
 });
 
-app.controller('SessionCtrl', function ($sessionStorage: IStorageService) {
+app.controller('SessionCtrl', ($sessionStorage: ngStorage.StorageService) => {
+    if ($sessionStorage.$supported()) {
+        const store: MyStore & ngStorage.StorageService = $sessionStorage.$default<MyStore>({
+            counter: 1
+        });
 
-    $sessionStorage.$default({
-        counter: 1
-    });
+        store.$reset<MyStore>({
+            counter: 1
+        });
 
-    $sessionStorage.$reset({
-        counter: 1
-    });
-
-    $sessionStorage.$reset();
-
-    $sessionStorage.$apply();
-
-    $sessionStorage.$sync();
+        store.$reset();
+        store.$apply();
+        store.$sync();
+    }
 });
 
-app.config(['$localStorageProvider', function ($localStorageProvider: IStorageProvider) {
+app.config(($localStorageProvider: ngStorage.StorageProvider) => {
+    if ($localStorageProvider.supported()) {
+        $localStorageProvider.setKeyPrefix('NewPrefix');
+        $localStorageProvider.set('MyKey', { counter: 'value' });
+        $localStorageProvider.get('MyKey');
+        $localStorageProvider.remove('MyKey');
 
-    $localStorageProvider.setKeyPrefix('NewPrefix');
+        const mySerializer = (value: any): string => {
+            return value.toString();
+        };
 
-    $localStorageProvider.get('MyKey');
+        const myDeserializer = (value: string): any => {
+            return value;
+        };
 
-    $localStorageProvider.set('MyKey', {counter: 'value'});
+        $localStorageProvider.setSerializer(mySerializer);
+        $localStorageProvider.setDeserializer(myDeserializer);
+    }
+});
 
-    var mySerializer = function (value: any): string {
-        return value.toString();
-    };
+app.config(($sessionStorageProvider: ngStorage.StorageProvider) => {
+    if ($sessionStorageProvider.supported()) {
+        $sessionStorageProvider.setKeyPrefix('NewPrefix');
+        $sessionStorageProvider.set('MyKey', { counter: 'value' });
+        $sessionStorageProvider.get('MyKey');
+        $sessionStorageProvider.remove('MyKey');
 
-    var myDeserializer = function (value: string): any {
-        return value;
-    };
+        const mySerializer = (value: any): string => {
+            return value.toString();
+        };
 
-    $localStorageProvider.setSerializer(mySerializer);
-    $localStorageProvider.setDeserializer(myDeserializer);
+        const myDeserializer = (value: string): any => {
+            return value;
+        };
+
+        $sessionStorageProvider.setSerializer(mySerializer);
+        $sessionStorageProvider.setDeserializer(myDeserializer);
+    }
+});
+
+interface MyStore {
+    counter?: number;
+    foo?: string;
 }
-]).config(['$sessionStorageProvider', function ($sessionStorageProvider: IStorageProvider) {
-
-    $sessionStorageProvider.setKeyPrefix('NewPrefix');
-
-    $sessionStorageProvider.get('MyKey');
-
-    $sessionStorageProvider.set('MyKey', {counter: 'value'});
-
-    var mySerializer = function (value: any): string {
-        return value.toString();
-    };
-
-    var myDeserializer = function (value: string): any {
-        return value;
-    };
-
-    $sessionStorageProvider.setSerializer(mySerializer);
-    $sessionStorageProvider.setDeserializer(myDeserializer);
-}
-]);
diff --git a/types/ngstorage/tsconfig.json b/types/ngstorage/tsconfig.json
index a3cdb4a204..fffe367328 100644
--- a/types/ngstorage/tsconfig.json
+++ b/types/ngstorage/tsconfig.json
@@ -7,7 +7,7 @@
         ],
         "noImplicitAny": true,
         "noImplicitThis": true,
-        "strictNullChecks": false,
+        "strictNullChecks": true,
         "baseUrl": "../",
         "typeRoots": [
             "../"
diff --git a/types/ngstorage/tslint.json b/types/ngstorage/tslint.json
new file mode 100644
index 0000000000..3db14f85ea
--- /dev/null
+++ b/types/ngstorage/tslint.json
@@ -0,0 +1 @@
+{ "extends": "dtslint/dt.json" }

From ddb6d939c3ad40e3e22fdf2d6c6d4fee3af29262 Mon Sep 17 00:00:00 2001
From: Denis <carriere.denis@gmail.com>
Date: Mon, 1 May 2017 16:47:36 -0400
Subject: [PATCH 108/321] TS Linting react-router (#16240)

- Using default `dtslint/dt.json` for linting
---
 types/react-router/index.d.ts                 | 184 ++++++++----------
 types/react-router/test/Ambiguous.tsx         |  14 +-
 types/react-router/test/Animation.tsx         |  26 +--
 types/react-router/test/Auth.tsx              |  42 ++--
 types/react-router/test/Basic.tsx             |  16 +-
 types/react-router/test/CustomLink.tsx        |  14 +-
 types/react-router/test/MemoryRouter.tsx      |  14 +-
 types/react-router/test/ModalGallery.tsx      |  52 ++---
 .../react-router/test/NavigateWithContext.tsx |  54 ++---
 types/react-router/test/NoMatch.tsx           |  14 +-
 types/react-router/test/Params.tsx            |  10 +-
 .../test/PreventingTransitions.tsx            |  20 +-
 types/react-router/test/Recursive.tsx         |  18 +-
 types/react-router/test/RouteConfig.tsx       |  26 +--
 types/react-router/test/Sidebar.tsx           |  16 +-
 types/react-router/test/Switch.tsx            |  10 +-
 types/react-router/tslint.json                |  15 +-
 17 files changed, 251 insertions(+), 294 deletions(-)

diff --git a/types/react-router/index.d.ts b/types/react-router/index.d.ts
index 2c21ac742b..07e22c26d5 100644
--- a/types/react-router/index.d.ts
+++ b/types/react-router/index.d.ts
@@ -15,112 +15,82 @@
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 // TypeScript Version: 2.2
 
-declare module 'react-router' {
-  import * as React from 'react';
-  import * as H from 'history';
+import * as React from 'react';
+import * as H from 'history';
 
-	// This is the type of the context object that will be passed down to all children of
-	// a `Router` component:
-	interface RouterChildContext<P> {
-		router: {
-			history: H.History
-			route: {
-				location: H.Location,
-				match: match<P>
-			}
-		}
-	}
-  interface MemoryRouterProps {
-    initialEntries?: H.LocationDescriptor[];
-    initialIndex?: number;
-    getUserConfirmation?: () => void;
-    keyLength?: number;
-  }
-  class MemoryRouter extends React.Component<MemoryRouterProps, void> {}
-
-
-  interface PromptProps {
-    message: string | ((location: H.Location) => void);
-    when?: boolean;
-  }
-  class Prompt extends React.Component<PromptProps, void> {}
-
-
-  interface RedirectProps {
-    to: H.LocationDescriptor;
-    push?: boolean;
-    from?: string;
-    path?: string;
-    exact?: boolean;
-    strict?: boolean;
-  }
-  class Redirect extends React.Component<RedirectProps, void> {}
-
-
-  interface RouteComponentProps<P> {
-    match: match<P>;
-    location: H.Location;
-    history: H.History;
-  }
-
-  interface RouteProps {
-    location?: H.Location;
-    component?: React.SFC<RouteComponentProps<any> | void> | React.ComponentClass<RouteComponentProps<any> | void>;
-    render?: (props: RouteComponentProps<any>) => React.ReactNode;
-    children?: (props: RouteComponentProps<any>) => React.ReactNode | React.ReactNode;
-    path?: string;
-    exact?: boolean;
-    strict?: boolean;
-  }
-  class Route extends React.Component<RouteProps, void> {}
-
-
-  interface RouterProps {
-    history: any;
-  }
-  class Router extends React.Component<RouterProps, void> {}
-
-
-  interface StaticRouterProps {
-    basename?: string;
-    location?: string | object;
-    context?: object;
-  }
-  class StaticRouter extends React.Component<StaticRouterProps, void> {}
-
-
-  interface SwitchProps extends RouteProps {
-  }
-  class Switch extends React.Component<SwitchProps, void> {}
-
-
-  interface match<P> {
-    params: P;
-    isExact: boolean;
-    path: string;
-    url: string;
-  }
-
-
-  function matchPath<P>(pathname: string, props: RouteProps): match<P> | null;
-
-
-  function withRouter(component: React.SFC<RouteComponentProps<any>> | React.ComponentClass<RouteComponentProps<any>>): React.ComponentClass<any>;
-
-
-  export {
-    MemoryRouter,
-    Prompt,
-    Redirect,
-    RouteComponentProps, // TypeScript specific, not from React Router itself
-    RouteProps, // TypeScript specific, not from React Router itself
-    Route,
-    Router,
-    StaticRouter,
-    Switch,
-    match, // TypeScript specific, not from React Router itself
-    matchPath,
-		withRouter,
-		RouterChildContext
-  }
+// This is the type of the context object that will be passed down to all children of
+// a `Router` component:
+export interface RouterChildContext<P> {
+  router: {
+    history: H.History
+    route: {
+      location: H.Location
+      match: match<P>
+    }
+  };
 }
+export interface MemoryRouterProps {
+  initialEntries?: H.LocationDescriptor[];
+  initialIndex?: number;
+  getUserConfirmation?: (() => void);
+  keyLength?: number;
+}
+
+export class MemoryRouter extends React.Component<MemoryRouterProps, void> {}
+
+export interface PromptProps {
+  message: string | ((location: H.Location) => void);
+  when?: boolean;
+}
+export class Prompt extends React.Component<PromptProps, void> {}
+
+export interface RedirectProps {
+  to: H.LocationDescriptor;
+  push?: boolean;
+  from?: string;
+  path?: string;
+  exact?: boolean;
+  strict?: boolean;
+}
+export class Redirect extends React.Component<RedirectProps, void> {}
+
+export interface RouteComponentProps<P> {
+  match: match<P>;
+  location: H.Location;
+  history: H.History;
+}
+
+export interface RouteProps {
+  location?: H.Location;
+  component?: React.SFC<RouteComponentProps<any> | undefined> | React.ComponentClass<RouteComponentProps<any> | undefined>;
+  render?: ((props: RouteComponentProps<any>) => React.ReactNode);
+  children?: ((props: RouteComponentProps<any>) => React.ReactNode | React.ReactNode);
+  path?: string;
+  exact?: boolean;
+  strict?: boolean;
+}
+export class Route extends React.Component<RouteProps, undefined> {}
+
+export interface RouterProps {
+  history: any;
+}
+export class Router extends React.Component<RouterProps, undefined> {}
+
+export interface StaticRouterProps {
+  basename?: string;
+  location?: string | object;
+  context?: object;
+}
+
+export class StaticRouter extends React.Component<StaticRouterProps, undefined> {}
+export class Switch extends React.Component<RouteProps, undefined> {}
+
+export interface match<P> {
+  params: P;
+  isExact: boolean;
+  path: string;
+  url: string;
+}
+
+export function matchPath<P>(pathname: string, props: RouteProps): match<P> | null;
+export function withRouter(component: React.SFC<RouteComponentProps<any>> | React.ComponentClass<RouteComponentProps<any>>): React.ComponentClass<any>;
diff --git a/types/react-router/test/Ambiguous.tsx b/types/react-router/test/Ambiguous.tsx
index 971636a1e0..6e6598fd71 100644
--- a/types/react-router/test/Ambiguous.tsx
+++ b/types/react-router/test/Ambiguous.tsx
@@ -1,11 +1,11 @@
-import * as React from 'react'
+import * as React from 'react';
 import {
   BrowserRouter as Router,
   RouteComponentProps,
   Route,
   Link,
   Switch
-} from 'react-router-dom'
+} from 'react-router-dom';
 
 const AmbiguousExample = () => (
   <Router>
@@ -37,14 +37,14 @@ const AmbiguousExample = () => (
       </Switch>
     </div>
   </Router>
-)
+);
 
-const About = () => <h2>About</h2>
-const Company = () => <h2>Company</h2>
+const About = () => <h2>About</h2>;
+const Company = () => <h2>Company</h2>;
 const User: React.SFC<RouteComponentProps<{user: string}>> = ({ match }) => (
   <div>
     <h2>User: {match.params.user}</h2>
   </div>
-)
+);
 
-export default AmbiguousExample
\ No newline at end of file
+export default AmbiguousExample;
diff --git a/types/react-router/test/Animation.tsx b/types/react-router/test/Animation.tsx
index 1696dfd6fd..d303f29a97 100644
--- a/types/react-router/test/Animation.tsx
+++ b/types/react-router/test/Animation.tsx
@@ -1,5 +1,5 @@
-import * as React from 'react'
-import * as ReactCSSTransitionGroup from 'react-addons-css-transition-group'
+import * as React from 'react';
+import * as ReactCSSTransitionGroup from 'react-addons-css-transition-group';
 import {
   BrowserRouter as Router,
   RouteComponentProps,
@@ -7,7 +7,7 @@ import {
   LinkProps,
   Link,
   Redirect
-} from 'react-router-dom'
+} from 'react-router-dom';
 
 /* you'll need this CSS somewhere
 .fade-enter {
@@ -58,13 +58,13 @@ const AnimationExample = () => (
       </div>
     )}/>
   </Router>
-)
+);
 
 const NavLink: React.SFC<LinkProps> = (props) => (
   <li style={styles.navItem}>
     <Link {...props} style={{ color: 'inherit' }}/>
   </li>
-)
+);
 
 interface HSLParams {
   h: number;
@@ -78,9 +78,9 @@ const HSL: React.SFC<RouteComponentProps<HSLParams>> = ({ match: { params } }) =
     ...styles.hsl,
     background: `hsl(${params.h}, ${params.s}%, ${params.l}%)`
   }}>hsl({params.h}, {params.s}%, {params.l}%)</div>
-)
+);
 
-const styles: any = {}
+const styles: any = {};
 
 styles.fill = {
   position: 'absolute',
@@ -88,13 +88,13 @@ styles.fill = {
   right: 0,
   top: 0,
   bottom: 0
-}
+};
 
 styles.content = {
   ...styles.fill,
   top: '40px',
   textAlign: 'center'
-}
+};
 
 styles.nav = {
   padding: 0,
@@ -104,20 +104,20 @@ styles.nav = {
   height: '40px',
   width: '100%',
   display: 'flex'
-}
+};
 
 styles.navItem = {
   textAlign: 'center',
   flex: 1,
   listStyleType: 'none',
   padding: '10px'
-}
+};
 
 styles.hsl  = {
   ...styles.fill,
   color: 'white',
   paddingTop: '20px',
   fontSize: '30px'
-}
+};
 
-export default AnimationExample
\ No newline at end of file
+export default AnimationExample;
diff --git a/types/react-router/test/Auth.tsx b/types/react-router/test/Auth.tsx
index 86dffe2b63..c57251f9ef 100644
--- a/types/react-router/test/Auth.tsx
+++ b/types/react-router/test/Auth.tsx
@@ -1,4 +1,4 @@
-import * as React from 'react'
+import * as React from 'react';
 import {
   BrowserRouter as Router,
   RouteComponentProps,
@@ -7,7 +7,7 @@ import {
   Link,
   Redirect,
   withRouter
-} from 'react-router-dom'
+} from 'react-router-dom';
 
 ////////////////////////////////////////////////////////////
 // 1. Click the public page
@@ -28,31 +28,31 @@ const AuthExample = () => (
       <PrivateRoute path="/protected" component={Protected}/>
     </div>
   </Router>
-)
+);
 
 const fakeAuth = {
   isAuthenticated: false,
   authenticate(this: any, cb: () => void) {
-    this.isAuthenticated = true
-    setTimeout(cb, 100) // fake async
+    this.isAuthenticated = true;
+    setTimeout(cb, 100); // fake async
   },
   signout(this: any, cb: () => void) {
-    this.isAuthenticated = false
-    setTimeout(cb, 100)
+    this.isAuthenticated = false;
+    setTimeout(cb, 100);
   }
-}
+};
 
 const AuthButton = withRouter(({ history }) => (
   fakeAuth.isAuthenticated ? (
     <p>
       Welcome! <button onClick={() => {
-        fakeAuth.signout(() => history.push('/'))
+        fakeAuth.signout(() => history.push('/'));
       }}>Sign out</button>
     </p>
   ) : (
     <p>You are not logged in.</p>
   )
-))
+));
 
 const PrivateRoute: React.SFC<RouteProps> = ({ component, ...rest }) => (
   <Route {...rest} render={props => (
@@ -63,30 +63,30 @@ const PrivateRoute: React.SFC<RouteProps> = ({ component, ...rest }) => (
       }}/>
     )
   )}/>
-)
+);
 
-const Public: React.SFC<RouteComponentProps<void>> = () => <h3>Public</h3>
-const Protected: React.SFC<RouteComponentProps<void>> = () => <h3>Protected</h3>
+const Public: React.SFC<RouteComponentProps<void>> = () => <h3>Public</h3>;
+const Protected: React.SFC<RouteComponentProps<void>> = () => <h3>Protected</h3>;
 
 class Login extends React.Component<RouteComponentProps<void>, {redirectToReferrer: boolean}> {
   state = {
     redirectToReferrer: false
-  }
+  };
 
   login = () => {
     fakeAuth.authenticate(() => {
-      this.setState({ redirectToReferrer: true })
-    })
+      this.setState({ redirectToReferrer: true });
+    });
   }
 
   render() {
-    const { from } = this.props.location.state || { from: { pathname: '/' } }
-    const { redirectToReferrer } = this.state
+    const { from } = this.props.location.state || { from: { pathname: '/' } };
+    const { redirectToReferrer } = this.state;
 
     if (redirectToReferrer) {
       return (
         <Redirect to={from}/>
-      )
+      );
     }
 
     return (
@@ -94,8 +94,8 @@ class Login extends React.Component<RouteComponentProps<void>, {redirectToReferr
         <p>You must log in to view the page at {from.pathname}</p>
         <button onClick={this.login}>Log in</button>
       </div>
-    )
+    );
   }
 }
 
-export default AuthExample
\ No newline at end of file
+export default AuthExample;
diff --git a/types/react-router/test/Basic.tsx b/types/react-router/test/Basic.tsx
index 16ff86947a..c2b6c58405 100644
--- a/types/react-router/test/Basic.tsx
+++ b/types/react-router/test/Basic.tsx
@@ -1,10 +1,10 @@
-import * as React from 'react'
+import * as React from 'react';
 import {
   BrowserRouter as Router,
   RouteComponentProps,
   Route,
   Link
-} from 'react-router-dom'
+} from 'react-router-dom';
 
 const BasicExample = () => (
   <Router>
@@ -22,19 +22,19 @@ const BasicExample = () => (
       <Route path="/topics" component={Topics}/>
     </div>
   </Router>
-)
+);
 
 const Home = () => (
   <div>
     <h2>Home</h2>
   </div>
-)
+);
 
 const About = () => (
   <div>
     <h2>About</h2>
   </div>
-)
+);
 
 const Topics: React.SFC<RouteComponentProps<void>> = ({ match }) => (
   <div>
@@ -62,12 +62,12 @@ const Topics: React.SFC<RouteComponentProps<void>> = ({ match }) => (
       <h3>Please select a topic.</h3>
     )}/>
   </div>
-)
+);
 
 const Topic: React.SFC<RouteComponentProps<{topicId: string}>> = ({ match }) => (
   <div>
     <h3>{match.params.topicId}</h3>
   </div>
-)
+);
 
-export default BasicExample
\ No newline at end of file
+export default BasicExample;
diff --git a/types/react-router/test/CustomLink.tsx b/types/react-router/test/CustomLink.tsx
index 2159cf039a..4ec8be4c87 100644
--- a/types/react-router/test/CustomLink.tsx
+++ b/types/react-router/test/CustomLink.tsx
@@ -1,10 +1,10 @@
-import * as React from 'react'
+import * as React from 'react';
 import {
   BrowserRouter as Router,
   Route,
   LinkProps,
   Link
-} from 'react-router-dom'
+} from 'react-router-dom';
 
 const CustomLinkExample = () => (
   <Router>
@@ -16,7 +16,7 @@ const CustomLinkExample = () => (
       <Route path="/about" component={About}/>
     </div>
   </Router>
-)
+);
 
 interface OldSchoolMenuLinkProps extends LinkProps {
   activeOnlyWhenExact?: boolean;
@@ -28,18 +28,18 @@ const OldSchoolMenuLink: React.SFC<OldSchoolMenuLinkProps> = ({ label, to, activ
       {match ? '> ' : ''}<Link to={to}>{label}</Link>
     </div>
   )}/>
-)
+);
 
 const Home = () => (
   <div>
     <h2>Home</h2>
   </div>
-)
+);
 
 const About = () => (
   <div>
     <h2>About</h2>
   </div>
-)
+);
 
-export default CustomLinkExample
\ No newline at end of file
+export default CustomLinkExample;
diff --git a/types/react-router/test/MemoryRouter.tsx b/types/react-router/test/MemoryRouter.tsx
index 1dd247acb2..7d947e436e 100644
--- a/types/react-router/test/MemoryRouter.tsx
+++ b/types/react-router/test/MemoryRouter.tsx
@@ -1,16 +1,16 @@
-import * as React from 'react'
+import * as React from 'react';
 import {
   MemoryRouter,
   Route,
   Link
-} from 'react-router-dom'
+} from 'react-router-dom';
 
 const initialRouterEntries = [
   '/',
   {
     pathname: '/about'
   }
-]
+];
 
 const MemoryRouterExample = () => (
   <MemoryRouter initialEntries={[initialRouterEntries]} initialIndex={1}>
@@ -26,18 +26,18 @@ const MemoryRouterExample = () => (
       <Route path="/about" component={About}/>
     </div>
   </MemoryRouter>
-)
+);
 
 const Home = () => (
   <div>
     <h2>Home</h2>
   </div>
-)
+);
 
 const About = () => (
   <div>
     <h2>About</h2>
   </div>
-)
+);
 
-export default MemoryRouterExample
+export default MemoryRouterExample;
diff --git a/types/react-router/test/ModalGallery.tsx b/types/react-router/test/ModalGallery.tsx
index ae817e0cc9..7236ea19a1 100644
--- a/types/react-router/test/ModalGallery.tsx
+++ b/types/react-router/test/ModalGallery.tsx
@@ -1,11 +1,11 @@
-import * as React from 'react'
+import * as React from 'react';
 import {
   BrowserRouter as Router,
   Switch,
   RouteComponentProps,
   Route,
   Link
-} from 'react-router-dom'
+} from 'react-router-dom';
 
 // This example shows how to render two different screens
 // (or the same screen in a different context) at the same url,
@@ -29,26 +29,26 @@ class ModalSwitch extends React.Component<RouteComponentProps<void>, void> {
   // So, to get both screens to render, we can save the old
   // location and pass it to Switch, so it will think the location
   // is still `/` even though its `/images/2`.
-  previousLocation = this.props.location
+  previousLocation = this.props.location;
 
   componentWillUpdate(nextProps: RouteComponentProps<void>) {
-    const { location } = this.props
+    const { location } = this.props;
     // set previousLocation if props.location is not modal
     if (
       nextProps.history.action !== 'POP' &&
       (!location.state || !location.state.modal)
     ) {
-      this.previousLocation = this.props.location
+      this.previousLocation = this.props.location;
     }
   }
 
   render() {
-    const { location } = this.props
+    const { location } = this.props;
     const isModal = !!(
       location.state &&
       location.state.modal &&
       this.previousLocation !== location // not initial render
-    )
+    );
     return (
       <div>
         <Switch location={isModal ? this.previousLocation : location}>
@@ -58,7 +58,7 @@ class ModalSwitch extends React.Component<RouteComponentProps<void>, void> {
         </Switch>
         {isModal ? <Route path='/img/:id' component={Modal} /> : null}
       </div>
-    )
+    );
   }
 }
 
@@ -68,21 +68,21 @@ const IMAGES = [
   { id: 2, title: 'Tomato', color: 'Tomato' },
   { id: 3, title: 'Seven Ate Nine', color: '#789' },
   { id: 4, title: 'Crimson', color: 'Crimson' }
-]
+];
 
 const Thumbnail: React.SFC<{color: string}> = ({ color }) =>
   <div style={{
     width: 50,
     height: 50,
     background: color
-  }}/>
+  }}/>;
 
 const Image: React.SFC<{color: string}> = ({ color }) =>
   <div style={{
     width: '100%',
     height: 400,
     background: color
-  }}></div>
+  }}></div>;
 
 const Home = () => (
   <div>
@@ -93,7 +93,7 @@ const Home = () => (
       <li><Link to='/img/4'>Crimson</Link></li>
     </ul>
   </div>
-)
+);
 
 const Gallery = () => (
   <div>
@@ -111,12 +111,12 @@ const Gallery = () => (
       </Link>
     ))}
   </div>
-)
+);
 
 const ImageView: React.SFC<RouteComponentProps<{id: string}>> = ({ match }) => {
-  const image = IMAGES[parseInt(match.params.id, 10)]
+  const image = IMAGES[parseInt(match.params.id, 10)];
   if (!image) {
-    return <div>Image not found</div>
+    return <div>Image not found</div>;
   }
 
   return (
@@ -124,18 +124,18 @@ const ImageView: React.SFC<RouteComponentProps<{id: string}>> = ({ match }) => {
       <h1>{image.title}</h1>
       <Image color={image.color} />
     </div>
-  )
-}
+  );
+};
 
 const Modal: React.SFC<RouteComponentProps<{id: string}>> = ({ match, history }) => {
-  const image = IMAGES[parseInt(match.params.id, 10)]
+  const image = IMAGES[parseInt(match.params.id, 10)];
   if (!image) {
-    return null!
+    return null!;
   }
   const back = (e: React.MouseEvent<HTMLElement>) => {
-    e.stopPropagation()
-    history.goBack()
-  }
+    e.stopPropagation();
+    history.goBack();
+  };
   return (
     <div
       onClick={back}
@@ -164,13 +164,13 @@ const Modal: React.SFC<RouteComponentProps<{id: string}>> = ({ match, history })
         </button>
       </div>
     </div>
-  )
-}
+  );
+};
 
 const ModalGallery = () => (
   <Router>
     <Route component={ModalSwitch} />
   </Router>
-)
+);
 
-export default ModalGallery
\ No newline at end of file
+export default ModalGallery;
diff --git a/types/react-router/test/NavigateWithContext.tsx b/types/react-router/test/NavigateWithContext.tsx
index 6f7dfa9f4a..89b53aef58 100644
--- a/types/react-router/test/NavigateWithContext.tsx
+++ b/types/react-router/test/NavigateWithContext.tsx
@@ -1,42 +1,42 @@
 import * as React from 'react';
 import {
-	RouterChildContext,
-	RouteComponentProps
+  RouterChildContext,
+  RouteComponentProps
 } from 'react-router';
 import {
-	BrowserRouter as Router,
-	Route,
-} from 'react-router-dom'
+  BrowserRouter as Router,
+  Route,
+} from 'react-router-dom';
 
 interface Params {
-	id?: string
+  id?: string;
 }
-type Props = RouteComponentProps<Params>
+type Props = RouteComponentProps<Params>;
 
 class ComponentThatUsesContext extends React.Component<Props, {}> {
-	static contextTypes = {
-		router: React.PropTypes.object.isRequired
-	}
-	context: RouterChildContext<Params>
-	private onClick = () => {
-		const {
-			history,
-			route: {
-				location,
-				match
-			}
-		} = this.context.router;
-		history.push('/some/url');
-	}
-	render() {
-		return <div/>
-	}
+  static contextTypes = {
+    router: React.PropTypes.object.isRequired
+  };
+  context: RouterChildContext<Params>;
+  private onClick = () => {
+    const {
+      history,
+      route: {
+        location,
+        match
+      }
+    } = this.context.router;
+    history.push('/some/url');
+  }
+  render() {
+    return <div/>;
+  }
 }
 
 const Test = () => (
-	<Router>
-		<Route path='/' exact component={ComponentThatUsesContext}/>
-	</Router>
+  <Router>
+    <Route path='/' exact component={ComponentThatUsesContext}/>
+  </Router>
 );
 
 export default Test;
diff --git a/types/react-router/test/NoMatch.tsx b/types/react-router/test/NoMatch.tsx
index 10b7a64fa9..83c359d33e 100644
--- a/types/react-router/test/NoMatch.tsx
+++ b/types/react-router/test/NoMatch.tsx
@@ -1,4 +1,4 @@
-import * as React from 'react'
+import * as React from 'react';
 import {
   BrowserRouter as Router,
   RouteComponentProps,
@@ -6,7 +6,7 @@ import {
   Link,
   Switch,
   Redirect
-} from 'react-router-dom'
+} from 'react-router-dom';
 
 const NoMatchExample = () => (
   <Router>
@@ -26,7 +26,7 @@ const NoMatchExample = () => (
       </Switch>
     </div>
   </Router>
-)
+);
 
 const Home = () => (
   <p>
@@ -35,14 +35,14 @@ const Home = () => (
     matches. A <code>&lt;Route></code> with
     no <code>path</code> always matches.
   </p>
-)
+);
 
-const WillMatch = () => <h3>Matched!</h3>
+const WillMatch = () => <h3>Matched!</h3>;
 
 const NoMatch: React.SFC<RouteComponentProps<void>> = ({ location }) => (
   <div>
     <h3>No match for <code>{location.pathname}</code></h3>
   </div>
-)
+);
 
-export default NoMatchExample
\ No newline at end of file
+export default NoMatchExample;
diff --git a/types/react-router/test/Params.tsx b/types/react-router/test/Params.tsx
index 148161c317..a6d0bded7f 100644
--- a/types/react-router/test/Params.tsx
+++ b/types/react-router/test/Params.tsx
@@ -1,10 +1,10 @@
-import * as React from 'react'
+import * as React from 'react';
 import {
   BrowserRouter as Router,
   RouteComponentProps,
   Route,
   Link
-} from 'react-router-dom'
+} from 'react-router-dom';
 
 const ParamsExample = () => (
   <Router>
@@ -20,12 +20,12 @@ const ParamsExample = () => (
       <Route path="/:id" component={Child}/>
     </div>
   </Router>
-)
+);
 
 const Child: React.SFC<RouteComponentProps<{id: string}>> = ({ match }) => (
   <div>
     <h3>ID: {match.params.id}</h3>
   </div>
-)
+);
 
-export default ParamsExample
\ No newline at end of file
+export default ParamsExample;
diff --git a/types/react-router/test/PreventingTransitions.tsx b/types/react-router/test/PreventingTransitions.tsx
index b23ba65608..bd5d76ae2b 100644
--- a/types/react-router/test/PreventingTransitions.tsx
+++ b/types/react-router/test/PreventingTransitions.tsx
@@ -1,11 +1,11 @@
-import * as React from 'react'
+import * as React from 'react';
 import {
   BrowserRouter as Router,
   RouteComponentProps,
   Route,
   Link,
   Prompt
-} from 'react-router-dom'
+} from 'react-router-dom';
 
 const PreventingTransitionsExample = () => (
   <Router>
@@ -20,15 +20,15 @@ const PreventingTransitionsExample = () => (
       <Route path="/two" render={() => <h3>Two</h3>}/>
     </div>
   </Router>
-)
+);
 
-class Form extends React.Component<void, {isBlocking: boolean}> {
+class Form extends React.Component<undefined, {isBlocking: boolean}> {
   state = {
     isBlocking: false
-  }
+  };
 
   render() {
-    const { isBlocking } = this.state
+    const { isBlocking } = this.state;
 
     return (
       <form
@@ -37,7 +37,7 @@ class Form extends React.Component<void, {isBlocking: boolean}> {
           (event.target as HTMLFormElement).reset();
           this.setState({
             isBlocking: false
-          })
+          });
         }}
       >
         <Prompt
@@ -58,7 +58,7 @@ class Form extends React.Component<void, {isBlocking: boolean}> {
             onChange={event => {
               this.setState({
                 isBlocking: event.target.value.length > 0
-              })
+              });
             }}
           />
         </p>
@@ -67,8 +67,8 @@ class Form extends React.Component<void, {isBlocking: boolean}> {
           <button>Submit to stop blocking</button>
         </p>
       </form>
-    )
+    );
   }
 }
 
-export default PreventingTransitionsExample
\ No newline at end of file
+export default PreventingTransitionsExample;
diff --git a/types/react-router/test/Recursive.tsx b/types/react-router/test/Recursive.tsx
index 31b7c5fe29..64c0f690dc 100644
--- a/types/react-router/test/Recursive.tsx
+++ b/types/react-router/test/Recursive.tsx
@@ -1,11 +1,11 @@
-import * as React from 'react'
+import * as React from 'react';
 import {
   BrowserRouter as Router,
   RouteComponentProps,
   Route,
   Link,
   match
-} from 'react-router-dom'
+} from 'react-router-dom';
 import * as H from 'history';
 
 const PEEPS = [
@@ -13,15 +13,15 @@ const PEEPS = [
   { id: 1, name: 'Sean', friends: [ 0, 3 ] },
   { id: 2, name: 'Kim', friends: [ 0, 1, 3 ], },
   { id: 3, name: 'David', friends: [ 1, 2 ] }
-]
+];
 
-const find = (id: number) => PEEPS.find(p => p.id === id)
+const find = (id: number) => PEEPS.find(p => p.id === id);
 
 const RecursiveExample = () => (
   <Router>
     <Person match={{ params: { id: 0 }, url: '' }}/>
   </Router>
-)
+);
 
 interface InitialPersonProps {
   match: {
@@ -35,7 +35,7 @@ interface InitialPersonProps {
 type PersonProps = RouteComponentProps<{ id: number }>;
 
 const Person: React.SFC<InitialPersonProps | PersonProps> = ({ match }) => {
-  const person = find(match.params.id)
+  const person = find(match.params.id);
 
   return (
     <div>
@@ -51,7 +51,7 @@ const Person: React.SFC<InitialPersonProps | PersonProps> = ({ match }) => {
       </ul>
       <Route path={`${match.url}/:id`} component={Person as React.SFC<PersonProps>}/>
     </div>
-  )
-}
+  );
+};
 
-export default RecursiveExample
+export default RecursiveExample;
diff --git a/types/react-router/test/RouteConfig.tsx b/types/react-router/test/RouteConfig.tsx
index 1dffdc1527..b723821080 100644
--- a/types/react-router/test/RouteConfig.tsx
+++ b/types/react-router/test/RouteConfig.tsx
@@ -1,11 +1,11 @@
-import * as React from 'react'
+import * as React from 'react';
 import {
   BrowserRouter as Router,
   RouteComponentProps,
   RouteProps,
   Route,
   Link
-} from 'react-router-dom'
+} from 'react-router-dom';
 
 // Some folks find value in a centralized route config.
 // A route config is just data. React is great at mapping
@@ -13,12 +13,12 @@ import {
 
 ////////////////////////////////////////////////////////////
 // first our route components
-const Main = () => <h2>Main</h2>
+const Main = () => <h2>Main</h2>;
 
-const Sandwiches = () => <h2>Sandwiches</h2>
+const Sandwiches = () => <h2>Sandwiches</h2>;
 
 interface PropsWithRoutes extends RouteComponentProps<void> {
-  routes: Array<MyRouteProps>;
+  routes: MyRouteProps[];
 }
 
 const Tacos: React.SFC<PropsWithRoutes> = ({ routes }) => (
@@ -33,10 +33,10 @@ const Tacos: React.SFC<PropsWithRoutes> = ({ routes }) => (
       <RouteWithSubRoutes key={i} {...route}/>
     ))}
   </div>
-)
+);
 
-const Bus = () => <h3>Bus</h3>
-const Cart = () => <h3>Cart</h3>
+const Bus = () => <h3>Bus</h3>;
+const Cart = () => <h3>Cart</h3>;
 
 ////////////////////////////////////////////////////////////
 // then our route config
@@ -44,7 +44,7 @@ interface MyRouteProps extends RouteProps {
   component: React.SFC<PropsWithRoutes>;
   routes?: MyRouteProps[];
 }
-const routes: Array<MyRouteProps> = [
+const routes: MyRouteProps[] = [
   { path: '/sandwiches',
     component: Sandwiches
   },
@@ -59,7 +59,7 @@ const routes: Array<MyRouteProps> = [
       }
     ]
   }
-]
+];
 
 // wrap <Route> and use this everywhere instead, then when
 // sub routes are added to any route it'll work
@@ -68,7 +68,7 @@ const RouteWithSubRoutes = (route: MyRouteProps) => (
     // pass the sub-routes down to keep nesting
     <route.component {...props} routes={route.routes!}/>
   )}/>
-)
+);
 
 const RouteConfigExample = () => (
   <Router>
@@ -83,6 +83,6 @@ const RouteConfigExample = () => (
       ))}
     </div>
   </Router>
-)
+);
 
-export default RouteConfigExample
\ No newline at end of file
+export default RouteConfigExample;
diff --git a/types/react-router/test/Sidebar.tsx b/types/react-router/test/Sidebar.tsx
index fb81829dfb..921db7eca0 100644
--- a/types/react-router/test/Sidebar.tsx
+++ b/types/react-router/test/Sidebar.tsx
@@ -1,20 +1,20 @@
-import * as React from 'react'
+import * as React from 'react';
 import {
   BrowserRouter as Router,
   RouteProps,
   Route,
   Link
-} from 'react-router-dom'
+} from 'react-router-dom';
 
 // Each logical "route" has two components, one for
 // the sidebar and one for the main area. We want to
 // render both of them in different places when the
 // path matches the current URL.
 interface MyRoute extends RouteProps {
-  sidebar: () => JSX.Element;
-  main: () => JSX.Element;
+  sidebar: (() => JSX.Element);
+  main: (() => JSX.Element);
 }
-const routes: Array<MyRoute> = [
+const routes: MyRoute[] = [
   { path: '/',
     exact: true,
     sidebar: () => <div>home!</div>,
@@ -28,7 +28,7 @@ const routes: Array<MyRoute> = [
     sidebar: () => <div>shoelaces!</div>,
     main: () => <h2>Shoelaces</h2>
   }
-]
+];
 
 const SidebarExample = () => (
   <Router>
@@ -75,6 +75,6 @@ const SidebarExample = () => (
       </div>
     </div>
   </Router>
-)
+);
 
-export default SidebarExample
\ No newline at end of file
+export default SidebarExample;
diff --git a/types/react-router/test/Switch.tsx b/types/react-router/test/Switch.tsx
index 626b0f6f7e..6a8b50f247 100644
--- a/types/react-router/test/Switch.tsx
+++ b/types/react-router/test/Switch.tsx
@@ -1,7 +1,7 @@
-import * as React from 'react'
-import { BrowserRouter, Redirect, Route, Switch } from 'react-router-dom'
+import * as React from 'react';
+import { BrowserRouter, Redirect, Route, Switch } from 'react-router-dom';
 
-const Home = () => <h2>Home</h2>
+const Home = () => <h2>Home</h2>;
 
 const SwitchTest = () => (
   <BrowserRouter>
@@ -10,6 +10,6 @@ const SwitchTest = () => (
       <Route path="/home" component={Home}/>
     </Switch>
   </BrowserRouter>
-)
+);
 
-export default SwitchTest
+export default SwitchTest;
diff --git a/types/react-router/tslint.json b/types/react-router/tslint.json
index 53121f8387..2750cc0197 100644
--- a/types/react-router/tslint.json
+++ b/types/react-router/tslint.json
@@ -1,14 +1 @@
-{
-  "extends": "dtslint/dt.json",
-  "rules": {
-    "align": false,
-    "array-type": false,
-    "eofline": false,
-    "no-consecutive-blank-lines": false,
-    "no-empty-interface": false,
-    "prefer-method-signature": false,
-    "void-return": false,
-    "no-single-declare-module": false,
-    "semicolon": false
-  }
-}
+{ "extends": "dtslint/dt.json" }
\ No newline at end of file

From be0d3f97cb6760e29c13fc0910bc1f3b6758e52c Mon Sep 17 00:00:00 2001
From: Iain McGinniss <iainmcgin@gmail.com>
Date: Mon, 1 May 2017 13:49:02 -0700
Subject: [PATCH 109/321] Typescript 2.3 fixes for credential management API
 (#16241)

Removes the copied (now out of date) definition of RequestInit.
Once 2.3 is "stable" for DefinitelyTyped (early June),
CMRequestInit will be updated to match the latest lib.dom.d.ts
definition.
---
 .../index.d.ts                                | 26 +++----------------
 1 file changed, 4 insertions(+), 22 deletions(-)

diff --git a/types/webappsec-credential-management/index.d.ts b/types/webappsec-credential-management/index.d.ts
index 36e6bf5c6a..d316572aab 100644
--- a/types/webappsec-credential-management/index.d.ts
+++ b/types/webappsec-credential-management/index.d.ts
@@ -1,4 +1,4 @@
-// Type definitions for W3C (WebAppSec) Credential Management API Level 1, 0.1
+// Type definitions for W3C (WebAppSec) Credential Management API Level 1, 0.2
 // Project: https://github.com/w3c/webappsec-credential-management
 // Definitions by: Iain McGinniss <https://github.com/iainmcgin>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
@@ -27,27 +27,9 @@ interface GlobalFetch {
 }
 
 /**
- * Original definition from TS 2.2 dom.
- */
-interface RequestInit {
-    method?: string;
-    headers?: any;
-    body?: any;
-    referrer?: string;
-    referrerPolicy?: string;
-    mode?: string;
-    credentials?: string;
-    cache?: string;
-    redirect?: string;
-    integrity?: string;
-    keepalive?: boolean;
-    window?: any;
-}
-
-/**
- * Variant of {@link RequestInit} that permits a {@link PasswordCredential} to
- * be used in the {@code credentials} property. All other properties are
- * identical to {@link RequestInit}.
+ * Variant of TS 2.2 {@link RequestInit} that permits a
+ * {@link PasswordCredential} to be used in the {@code credentials} property.
+ * All other properties are identical to {@link RequestInit}.
  */
 interface CMRequestInit {
     method?: string;

From 950c9cdca99ccc97dd09cb05609da679063584c5 Mon Sep 17 00:00:00 2001
From: beeme1mr <beeme1mr@users.noreply.github.com>
Date: Mon, 1 May 2017 16:49:14 -0400
Subject: [PATCH 110/321] Added a code property to MongoError (#16242)

Added missing code property to MongoError.

http://thecodebarbarian.com/mongoose-error-handling
---
 types/mongodb/index.d.ts | 1 +
 1 file changed, 1 insertion(+)

diff --git a/types/mongodb/index.d.ts b/types/mongodb/index.d.ts
index 4c4106c7a6..5fe6332350 100644
--- a/types/mongodb/index.d.ts
+++ b/types/mongodb/index.d.ts
@@ -35,6 +35,7 @@ export interface MongoCallback<T> {
 export class MongoError extends Error {
     constructor(message: string);
     static create(options: Object): MongoError;
+    code?: number;
 }
 
 //http://mongodb.github.io/node-mongodb-native/2.1/api/MongoClient.html#.connect

From 3ff7e25c70b2e4cac8d6dde11fc227d172338681 Mon Sep 17 00:00:00 2001
From: Alan Agius <alan.agius4@gmail.com>
Date: Mon, 1 May 2017 22:56:02 +0200
Subject: [PATCH 111/321] feat(fs-extra): update typings to `3.0.x` (#16218)

* feat(fs-extra): update typyings to `3.0.x`

* feat(fs-extra): update typings to `3.0.x`

* test(fs-extra): add more test coverage

* add `pathExists`

* fix lint issues

* fix lint issues

* add `TypeScript Version: 2.2'

* add more tests

* change `interface` to `type`

* add typescript version

* add missing semicolon

* add universalify fs async methods

* add `fs` methods

* feat(fs-extra): update typings to `3.0.x`

* fix lint issues

* fix more lint issues

* fs-extra: add `mkdtemp`

* remove extra breakline

* remove `walk` and overall improvments

* fix tests

* add options to test

* remove `CopyFilterFunction` and `CopyFilter`

* remove `CopyFilterFunction` and `CopyFilter`

* fix test

* re add `CopyFilter`

* fs-extra: fix CopyFilter

* fs-extra: remove `MkdirOptions`

* fs-extra: remove exra interfaces

* feat(fs-extra): update typings to
---
 types/fs-extra-promise/index.d.ts |   8 +-
 types/fs-extra/fs-extra-tests.ts  | 158 +++++++++++---
 types/fs-extra/index.d.ts         | 328 +++++++++++++++++++++---------
 types/fs-extra/tsconfig.json      |  42 ++--
 types/fs-extra/tslint.json        |   3 +
 5 files changed, 391 insertions(+), 148 deletions(-)
 create mode 100644 types/fs-extra/tslint.json

diff --git a/types/fs-extra-promise/index.d.ts b/types/fs-extra-promise/index.d.ts
index a03512a577..b4c9a648ac 100644
--- a/types/fs-extra-promise/index.d.ts
+++ b/types/fs-extra-promise/index.d.ts
@@ -2,6 +2,7 @@
 // Project: https://github.com/overlookmotel/fs-extra-promise
 // Definitions by: midknight41 <https://github.com/midknight41>, Jason Swearingen <https://github.com/jasonswearingen>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+// TypeScript Version: 2.2
 
 /// <reference types="node" />
 /// <reference types="bluebird" />
@@ -10,10 +11,15 @@
 import * as stream from 'stream';
 import { Stats } from 'fs';
 import * as Promise from 'bluebird';
-import { CopyFilter, CopyOptions, ReadOptions, WriteOptions, MkdirOptions, MoveOptions } from 'fs-extra';
+import { CopyFilter, CopyOptions, ReadOptions, WriteOptions, MoveOptions } from 'fs-extra';
 
 export * from 'fs-extra';
 
+export interface MkdirOptions {
+    fs?: any;
+    mode?: number;
+}
+
 //promisified versions
 export declare function copyAsync(src: string, dest: string): Promise<void>;
 export declare function copyAsync(src: string, dest: string, filter: CopyFilter): Promise<void>;
diff --git a/types/fs-extra/fs-extra-tests.ts b/types/fs-extra/fs-extra-tests.ts
index d39cae8d6f..005857e48c 100644
--- a/types/fs-extra/fs-extra-tests.ts
+++ b/types/fs-extra/fs-extra-tests.ts
@@ -1,106 +1,214 @@
 import * as fs from 'fs-extra';
 import * as Path from 'path';
 
+const len = 2;
 const src = "";
 const dest = "";
 const file = "";
 const dir = "";
 const path = "";
 const data = "";
+const uid = 0;
+const gid = 0;
+const fd = 0;
+const modeNum = 0;
+const modeStr = "";
 const object = {};
-const errorCallback = (err: Error) => {};
+const errorCallback = (err: Error) => { };
 const readOptions: fs.ReadOptions = {
- 	reviver : {}
+	reviver: {}
 };
 const writeOptions: fs.WriteOptions = {
- 	replacer: {}
+	replacer: {}
 };
 
+fs.moveSync(src, dest, {});
+fs.move(src, dest, {}).then(() => {
+	// stub
+});
+fs.move(src, dest).then(() => {
+	// stub
+});
+fs.move(src, dest, {}, () => {
+	// stub
+});
+fs.move(src, dest, () => {
+	// stub
+});
+
+fs.copy(src, dest).then(() => {
+	// stub
+});
+fs.copy(src, dest, { overwrite: true }).then(() => {
+	// stub
+});
 fs.copy(src, dest, errorCallback);
-fs.copy(src, dest, (src: string) => {
-	return false;
-}, errorCallback);
+fs.copy(src, dest, (src: string) => false, errorCallback);
 fs.copy(src, dest,
 	{
-		clobber: true,
+		overwrite: true,
 		preserveTimestamps: true,
-		filter: (src: string) => { return false; }
+		filter: (src: string) => false
 	},
 	errorCallback
 );
 fs.copy(src, dest,
 	{
-		clobber: true,
+		overwrite: true,
 		preserveTimestamps: true,
 		filter: /.*/
 	},
 	errorCallback
 );
 fs.copySync(src, dest);
-fs.copySync(src, dest, (src: string) => {
-	return false;
-});
+fs.copySync(src, dest, (src: string) => false);
 fs.copySync(src, dest, /.*/);
 fs.copySync(src, dest,
 	{
-		clobber: true,
+		overwrite: true,
 		preserveTimestamps: true,
-		filter: (src: string) => { return false; }
+		filter: (src: string) => false
 	}
 );
 fs.copySync(src, dest,
 	{
-		clobber: true,
+		overwrite: true,
 		preserveTimestamps: true,
 		filter: /.*/
 	}
 );
+fs.createFile(file).then(() => {
+	// stub
+});
 fs.createFile(file, errorCallback);
 fs.createFileSync(file);
 
+fs.mkdirs(dir).then(() => {
+	// stub
+});
+fs.mkdirp(dir).then(() => {
+	// stub
+});
 fs.mkdirs(dir, errorCallback);
-fs.mkdirs(dir, {}, errorCallback);
 fs.mkdirsSync(dir);
-fs.mkdirsSync(dir, {});
 fs.mkdirp(dir, errorCallback);
-fs.mkdirp(dir, {}, errorCallback);
 fs.mkdirpSync(dir);
-fs.mkdirpSync(dir, {});
 
+fs.outputFile(file, data).then(() => {
+	// stub
+});
 fs.outputFile(file, data, errorCallback);
 fs.outputFileSync(file, data);
-fs.outputJson(file, data, errorCallback);
+
+fs.outputJson(file, data, {
+	spaces: 2
+}).then(() => {
+	// stub
+});
+fs.outputJson(file, data, {
+	spaces: 2
+}, errorCallback);
 fs.outputJSON(file, data, errorCallback);
+fs.outputJSON(file, data).then(() => {
+	// stub
+});
 
 fs.outputJsonSync(file, data);
 fs.outputJSONSync(file, data);
 
-fs.readJson(file, (error: Error, jsonObject: any) => {});
-fs.readJson(file, readOptions, (error: Error, jsonObject: any) => {});
-fs.readJSON(file, (error: Error, jsonObject: any) => {});
-fs.readJSON(file, readOptions, (error: Error, jsonObject: any) => {});
+fs.readJson(file).then(() => {
+	// stub
+});
+
+fs.readJson(file, readOptions).then(() => {
+	// stub
+});
+fs.readJson(file, (error: Error, jsonObject: any) => { });
+fs.readJson(file, readOptions, (error: Error, jsonObject: any) => { });
+fs.readJSON(file, (error: Error, jsonObject: any) => { });
+fs.readJSON(file, readOptions, (error: Error, jsonObject: any) => { });
 
 fs.readJsonSync(file, readOptions);
 fs.readJSONSync(file, readOptions);
 
 fs.remove(dir, errorCallback);
+fs.remove(dir).then(() => {
+	// stub
+});
 fs.removeSync(dir);
 
+fs.writeJson(file, object).then(() => {
+	// stub
+});
+fs.writeJSON(file, object).then(() => {
+	// stub
+});
 fs.writeJson(file, object, errorCallback);
 fs.writeJson(file, object, writeOptions, errorCallback);
 fs.writeJSON(file, object, errorCallback);
 fs.writeJSON(file, object, writeOptions, errorCallback);
-
+fs.writeJson(file, object, writeOptions).then(() => {
+	// stub
+});
+fs.writeJSON(file, object, writeOptions).then(() => {
+	// stub
+});
 fs.writeJsonSync(file, object, writeOptions);
 fs.writeJSONSync(file, object, writeOptions);
 
+fs.ensureDir(path).then(() => {
+	// stub
+});
 fs.ensureDir(path, errorCallback);
 fs.ensureDirSync(path);
+
+fs.ensureFile(path).then(() => {
+	// stub
+});
 fs.ensureFile(path, errorCallback);
 fs.ensureFileSync(path);
+fs.ensureLink(path).then(() => {
+	// stub
+});
 fs.ensureLink(path, errorCallback);
 fs.ensureLinkSync(path);
+fs.ensureSymlink(path).then(() => {
+	// stub
+});
 fs.ensureSymlink(path, errorCallback);
 fs.ensureSymlinkSync(path);
+fs.emptyDir(path).then(() => {
+	// stub
+});
 fs.emptyDir(path, errorCallback);
 fs.emptyDirSync(path);
+fs.pathExists(path).then((_exist: boolean) => {
+	// stub
+});
+fs.pathExists(path, (_err: Error, _exists: boolean) => { });
+const x: boolean = fs.pathExistsSync(path);
+
+fs.rename(src, dest, errorCallback);
+fs.renameSync(src, dest);
+fs.truncate(path, len, errorCallback);
+fs.truncateSync(path, len);
+fs.chown(path, uid, gid, errorCallback);
+fs.chownSync(path, uid, gid);
+fs.fchown(fd, uid, gid, errorCallback);
+fs.fchownSync(fd, uid, gid);
+fs.lchown(path, uid, gid, errorCallback);
+fs.lchownSync(path, uid, gid);
+fs.chmod(path, modeNum, errorCallback);
+fs.chmod(path, modeStr, errorCallback);
+fs.chmodSync(path, modeNum);
+fs.chmodSync(path, modeStr);
+fs.fchmod(fd, modeNum, errorCallback);
+fs.fchmod(fd, modeStr, errorCallback);
+fs.fchmodSync(fd, modeNum);
+fs.fchmodSync(fd, modeStr);
+fs.lchmod(path, modeStr, errorCallback);
+fs.lchmod(path, modeNum, errorCallback);
+fs.lchmodSync(path, modeNum);
+fs.lchmodSync(path, modeStr);
+fs.statSync(path);
+fs.lstatSync(path);
diff --git a/types/fs-extra/index.d.ts b/types/fs-extra/index.d.ts
index c46dddba85..3d65d617b0 100644
--- a/types/fs-extra/index.d.ts
+++ b/types/fs-extra/index.d.ts
@@ -1,9 +1,8 @@
-// Type definitions for fs-extra 2.1
+// Type definitions for fs-extra 3.0
 // Project: https://github.com/jprichardson/node-fs-extra
-// Definitions by: midknight41 <https://github.com/midknight41>, Brendan Forster <https://github.com/shiftkey>
+// Definitions by: Alan Agius <https://github.com/alan-agius4>, midknight41 <https://github.com/midknight41>, Brendan Forster <https://github.com/shiftkey>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
-
-// Imported from: https://github.com/soywiz/typescript-node-definitions/fs-extra.d.ts
+// TypeScript Version: 2.2
 
 /// <reference types="node" />
 
@@ -11,123 +10,255 @@ import { Stats } from "fs";
 
 export * from "fs";
 
-export declare function copy(src: string, dest: string, callback?: (err: Error) => void): void;
-export declare function copy(src: string, dest: string, filter: CopyFilter, callback?: (err: Error) => void): void;
-export declare function copy(src: string, dest: string, options: CopyOptions, callback?: (err: Error) => void): void;
+export function copy(src: string, dest: string, options?: CopyOptions): Promise<void>;
+export function copy(src: string, dest: string, callback: (err: Error) => void): void;
+export function copy(src: string, dest: string, options: CopyOptions, callback: (err: Error) => void): void;
+export function copySync(src: string, dest: string, options?: CopyOptions): void;
 
-export declare function copySync(src: string, dest: string): void;
-export declare function copySync(src: string, dest: string, filter: CopyFilter): void;
-export declare function copySync(src: string, dest: string, options: CopyOptions): void;
+export function move(src: string, dest: string, options?: MoveOptions): Promise<void>;
+export function move(src: string, dest: string, callback: (err: Error) => void): void;
+export function move(src: string, dest: string, options: MoveOptions, callback: (err: Error) => void): void;
+export function moveSync(src: string, dest: string, options?: MoveOptions): void;
 
-export declare function move(src: string, dest: string, callback?: (err: Error) => void): void;
-export declare function move(src: string, dest: string, options: MoveOptions, callback?: (err: Error) => void): void;
+export function createFile(file: string): Promise<void>;
+export function createFile(file: string, callback: (err: Error) => void): void;
+export function createFileSync(file: string): void;
 
-export declare function createFile(file: string, callback?: (err: Error) => void): void;
-export declare function createFileSync(file: string): void;
+export function ensureDir(path: string): Promise<void>;
+export function ensureDir(path: string, callback: (err: Error) => void): void;
+export function ensureDirSync(path: string): void;
 
-export declare function mkdirs(dir: string, callback?: (err: Error) => void): void;
-export declare function mkdirp(dir: string, callback?: (err: Error) => void): void;
-export declare function mkdirs(dir: string, options?: MkdirOptions, callback?: (err: Error) => void): void;
-export declare function mkdirp(dir: string, options?: MkdirOptions, callback?: (err: Error) => void): void;
-export declare function mkdirsSync(dir: string, options?: MkdirOptions): void;
-export declare function mkdirpSync(dir: string, options?: MkdirOptions): void;
+export function mkdirs(dir: string): Promise<void>;
+export function mkdirs(dir: string, callback: (err: Error) => void): void;
+export function mkdirp(dir: string): Promise<void>;
+export function mkdirp(dir: string, callback: (err: Error) => void): void;
+export function mkdirsSync(dir: string): void;
+export function mkdirpSync(dir: string): void;
 
-export declare function outputFile(file: string, data: any, callback?: (err: Error) => void): void;
-export declare function outputFileSync(file: string, data: any): void;
+export function outputFile(file: string, data: any): Promise<void>;
+export function outputFile(file: string, data: any, callback: (err: Error) => void): void;
+export function outputFileSync(file: string, data: any): void;
 
-export declare function outputJson(file: string, data: any, callback?: (err: Error) => void): void;
-export declare function outputJSON(file: string, data: any, callback?: (err: Error) => void): void;
-export declare function outputJsonSync(file: string, data: any): void;
-export declare function outputJSONSync(file: string, data: any): void;
+export function readJson(file: string, options?: ReadOptions): Promise<any>;
+export function readJson(file: string, callback: (err: Error, jsonObject: any) => void): void;
+export function readJson(file: string, options: ReadOptions, callback: (err: Error, jsonObject: any) => void): void;
+export function readJSON(file: string, options?: ReadOptions): Promise<any>;
+export function readJSON(file: string, callback: (err: Error, jsonObject: any) => void): void;
+export function readJSON(file: string, options: ReadOptions, callback: (err: Error, jsonObject: any) => void): void;
 
-export declare function readJson(file: string, callback: (err: Error, jsonObject: any) => void): void;
-export declare function readJson(file: string, options: ReadOptions, callback: (err: Error, jsonObject: any) => void): void;
-export declare function readJSON(file: string, callback: (err: Error, jsonObject: any) => void): void;
-export declare function readJSON(file: string, options: ReadOptions, callback: (err: Error, jsonObject: any) => void): void;
+export function readJsonSync(file: string, options?: ReadOptions): any;
+export function readJSONSync(file: string, options?: ReadOptions): any;
 
-export declare function readJsonSync(file: string, options?: ReadOptions): any;
-export declare function readJSONSync(file: string, options?: ReadOptions): any;
+export function remove(dir: string): Promise<void>;
+export function remove(dir: string, callback: (err: Error) => void): void;
+export function removeSync(dir: string): void;
 
-export declare function remove(dir: string, callback?: (err: Error) => void): void;
-export declare function removeSync(dir: string): void;
+export function outputJSON(file: string, data: any, options?: WriteOptions): Promise<void>;
+export function outputJSON(file: string, data: any, options: WriteOptions, callback: (err: Error) => void): void;
+export function outputJSON(file: string, data: any, callback: (err: Error) => void): void;
+export function outputJson(file: string, data: any, options?: WriteOptions): Promise<void>;
+export function outputJson(file: string, data: any, options: WriteOptions, callback: (err: Error) => void): void;
+export function outputJson(file: string, data: any, callback: (err: Error) => void): void;
+export function outputJsonSync(file: string, data: any, options?: WriteOptions): void;
+export function outputJSONSync(file: string, data: any, options?: WriteOptions): void;
 
-export declare function writeJson(file: string, object: any, callback?: (err: Error) => void): void;
-export declare function writeJson(file: string, object: any, options?: WriteOptions, callback?: (err: Error) => void): void;
-export declare function writeJSON(file: string, object: any, callback?: (err: Error) => void): void;
-export declare function writeJSON(file: string, object: any, options?: WriteOptions, callback?: (err: Error) => void): void;
+export function writeJSON(file: string, object: any, options?: WriteOptions): Promise<void>;
+export function writeJSON(file: string, object: any, callback: (err: Error) => void): void;
+export function writeJSON(file: string, object: any, options: WriteOptions, callback: (err: Error) => void): void;
+export function writeJson(file: string, object: any, options?: WriteOptions): Promise<void>;
+export function writeJson(file: string, object: any, callback: (err: Error) => void): void;
+export function writeJson(file: string, object: any, options: WriteOptions, callback: (err: Error) => void): void;
 
-export declare function writeJsonSync(file: string, object: any, options?: WriteOptions): void;
-export declare function writeJSONSync(file: string, object: any, options?: WriteOptions): void;
+export function writeJsonSync(file: string, object: any, options?: WriteOptions): void;
+export function writeJSONSync(file: string, object: any, options?: WriteOptions): void;
 
-export declare function ensureDir(path: string, callback: (err: Error) => void): void;
-export declare function ensureDirSync(path: string): void;
+export function ensureFile(path: string): Promise<void>;
+export function ensureFile(path: string, callback: (err: Error) => void): void;
+export function ensureFileSync(path: string): void;
 
-export declare function ensureFile(path: string, callback: (err: Error) => void): void;
-export declare function ensureFileSync(path: string): void;
+export function ensureLink(path: string): Promise<void>;
+export function ensureLink(path: string, callback: (err: Error) => void): void;
+export function ensureLinkSync(path: string): void;
 
-export declare function ensureLink(path: string, callback: (err: Error) => void): void;
-export declare function ensureLinkSync(path: string): void;
+export function ensureSymlink(path: string): Promise<void>;
+export function ensureSymlink(path: string, callback: (err: Error) => void): void;
+export function ensureSymlinkSync(path: string): void;
 
-export declare function ensureSymlink(path: string, callback: (err: Error) => void): void;
-export declare function ensureSymlinkSync(path: string): void;
+export function emptyDir(path: string): Promise<void>;
+export function emptyDir(path: string, callback: (err: Error) => void): void;
+export function emptyDirSync(path: string): void;
 
-export declare function emptyDir(path: string, callback?: (err: Error) => void): void;
-export declare function emptyDirSync(path: string): boolean;
+export function pathExists(path: string): Promise<boolean>;
+export function pathExists(path: string, callback: (err: Error, exists: boolean) => void): void;
+export function pathExistsSync(path: string): boolean;
 
-export interface WalkEventEmitter extends NodeJS.ReadableStream {
-    on(event: 'data', callback: (file: WalkEventFile) => void): this;
-    on(event: 'readable', callback: (this: PathEntryStream) => void): this;
-    on(event: 'error', callback: (error: Error, item: PathEntry) => void): this;
-    on(event: 'end', callback: () => void): this;
-    on(event: string | symbol, callback: Function): this;
-}
+// fs async methods
+// copied from https://github.com/DefinitelyTyped/DefinitelyTyped/blob/master/types/node/v6/index.d.ts
 
-export interface WalkEventFile {
+/** Tests a user's permissions for the file specified by path. */
+export function access(path: string | Buffer, callback: (err: NodeJS.ErrnoException) => void): void;
+export function access(path: string | Buffer, mode: number, callback: (err: NodeJS.ErrnoException) => void): void;
+export function access(path: string | Buffer, mode?: number): Promise<void>;
+
+export function appendFile(filename: string, data: any, options: { encoding?: string; mode?: number | string; flag?: string; }, callback: (err: NodeJS.ErrnoException) => void): void;
+export function appendFile(filename: string, data: any, callback: (err: NodeJS.ErrnoException) => void): void;
+export function appendFile(filename: string, data: any, options?: { encoding?: string; mode?: number | string; flag?: string; }): Promise<void>;
+
+export function chmod(path: string | Buffer, mode: string | number, callback: (err?: NodeJS.ErrnoException) => void): void;
+export function chmod(path: string | Buffer, mode: string | number): Promise<void>;
+
+export function chown(path: string | Buffer, uid: number, gid: number): Promise<void>;
+export function chown(path: string | Buffer, uid: number, gid: number, callback: (err?: NodeJS.ErrnoException) => void): void;
+
+export function close(fd: number, callback: (err?: NodeJS.ErrnoException) => void): void;
+export function close(fd: number): Promise<void>;
+
+export function fchmod(fd: number, mode: string | number, callback: (err?: NodeJS.ErrnoException) => void): void;
+export function fchmod(fd: number, mode: string | number): Promise<void>;
+
+export function fchown(fd: number, uid: number, gid: number, callback: (err?: NodeJS.ErrnoException) => void): void;
+export function fchown(fd: number, uid: number, gid: number): Promise<void>;
+
+export function fdatasync(fd: number, callback: () => void): void;
+export function fdatasync(fd: number): Promise<void>;
+
+export function fstat(fd: number, callback: (err: NodeJS.ErrnoException, stats: Stats) => any): void;
+export function fstat(fd: number): Promise<Stats>;
+
+export function fsync(fd: number, callback: (err?: NodeJS.ErrnoException) => void): void;
+export function fsync(fd: number): Promise<void>;
+
+export function ftruncate(fd: number, callback: (err?: NodeJS.ErrnoException) => void): void;
+export function ftruncate(fd: number, len: number, callback: (err?: NodeJS.ErrnoException) => void): void;
+export function ftruncate(fd: number, len?: number): Promise<void>;
+
+export function futimes(fd: number, atime: number, mtime: number, callback: (err?: NodeJS.ErrnoException) => void): void;
+export function futimes(fd: number, atime: Date, mtime: Date, callback: (err?: NodeJS.ErrnoException) => void): void;
+export function futimes(fd: number, atime: number, mtime: number): Promise<void>;
+export function futimes(fd: number, atime: Date, mtime: Date): Promise<void>;
+
+export function lchown(path: string | Buffer, uid: number, gid: number, callback: (err?: NodeJS.ErrnoException) => void): void;
+export function lchown(path: string | Buffer, uid: number, gid: number): Promise<void>;
+
+export function link(srcpath: string | Buffer, dstpath: string | Buffer, callback: (err?: NodeJS.ErrnoException) => void): void;
+export function link(srcpath: string | Buffer, dstpath: string | Buffer): Promise<void>;
+
+export function lstat(path: string | Buffer, callback: (err: NodeJS.ErrnoException, stats: Stats) => any): void;
+export function lstat(path: string | Buffer): Promise<Stats>;
+
+/**
+ * Asynchronous mkdir - creates the directory specified in {path}.  Parameter {mode} defaults to 0777.
+ *
+ * @param path
+ * @param callback No arguments other than a possible exception are given to the completion callback.
+ */
+export function mkdir(path: string | Buffer, callback: (err?: NodeJS.ErrnoException) => void): void;
+/**
+ * Asynchronous mkdir - creates the directory specified in {path}.  Parameter {mode} defaults to 0777.
+ *
+ * @param path
+ * @param mode
+ * @param callback No arguments other than a possible exception are given to the completion callback.
+ */
+export function mkdir(path: string | Buffer, mode: number | string, callback: (err?: NodeJS.ErrnoException) => void): void;
+export function mkdir(path: string | Buffer): Promise<void>;
+
+export function open(path: string | Buffer, flags: string | number, callback: (err: NodeJS.ErrnoException, fd: number) => void): void;
+export function open(path: string | Buffer, flags: string | number, mode: number, callback: (err: NodeJS.ErrnoException, fd: number) => void): void;
+export function open(path: string | Buffer, flags: string | number, mode?: number): Promise<number>;
+
+export function read(fd: number, buffer: Buffer, offset: number, length: number, position: number | null, callback: (err: NodeJS.ErrnoException, bytesRead: number, buffer: Buffer) => void): void;
+export function read(fd: number, buffer: Buffer, offset: number, length: number, position: number | null): Promise<[number, Buffer]>;
+
+export function readFile(filename: string, callback: (err: NodeJS.ErrnoException, data: Buffer) => void): void;
+export function readFile(filename: string, encoding: string, callback: (err: NodeJS.ErrnoException, data: string) => void): void;
+export function readFile(filename: string, options: { flag?: string; } | { encoding: string; flag?: string; }, callback: (err: NodeJS.ErrnoException, data: Buffer) => void): void;
+export function readFile(filename: string, options: { flag?: string; } | { encoding: string; flag?: string; }): Promise<string>;
+// tslint:disable-next-line:unified-signatures
+export function readFile(filename: string, encoding: string): Promise<string>;
+export function readFile(filename: string): Promise<Buffer>;
+
+export function readdir(path: string | Buffer, callback: (err: NodeJS.ErrnoException, files: string[]) => void): void;
+export function readdir(path: string | Buffer): Promise<string[]>;
+
+export function readlink(path: string | Buffer, callback: (err: NodeJS.ErrnoException, linkString: string) => any): void;
+export function readlink(path: string | Buffer): Promise<string>;
+
+export function realpath(path: string | Buffer, callback: (err: NodeJS.ErrnoException, resolvedPath: string) => any): void;
+export function realpath(path: string | Buffer, cache: { [path: string]: string }, callback: (err: NodeJS.ErrnoException, resolvedPath: string) => any): void;
+export function realpath(path: string | Buffer, cache?: { [path: string]: string }): Promise<string>;
+
+export function rename(oldPath: string, newPath: string, callback: (err?: NodeJS.ErrnoException) => void): void;
+export function rename(oldPath: string, newPath: string): Promise<void>;
+
+/**
+ * Asynchronous rmdir - removes the directory specified in {path}
+ *
+ * @param path
+ * @param callback No arguments other than a possible exception are given to the completion callback.
+ */
+export function rmdir(path: string | Buffer, callback: (err?: NodeJS.ErrnoException) => void): void;
+export function rmdir(path: string | Buffer): Promise<void>;
+
+export function stat(path: string | Buffer, callback: (err: NodeJS.ErrnoException, stats: Stats) => any): void;
+export function stat(path: string | Buffer): Promise<Stats>;
+
+export function symlink(srcpath: string | Buffer, dstpath: string | Buffer, type: string, callback: (err?: NodeJS.ErrnoException) => void): void;
+export function symlink(srcpath: string | Buffer, dstpath: string | Buffer, type?: string): Promise<void>;
+
+export function truncate(path: string | Buffer, callback: (err?: NodeJS.ErrnoException) => void): void;
+export function truncate(path: string | Buffer, len: number, callback: (err?: NodeJS.ErrnoException) => void): void;
+export function truncate(path: string | Buffer, len?: number): Promise<void>;
+
+/**
+ * Asynchronous unlink - deletes the file specified in {path}
+ *
+ * @param path
+ * @param callback No arguments other than a possible exception are given to the completion callback.
+ */
+export function unlink(path: string | Buffer, callback: (err?: NodeJS.ErrnoException) => void): void;
+export function unlink(path: string | Buffer): Promise<void>;
+
+export function utimes(path: string | Buffer, atime: number, mtime: number, callback: (err?: NodeJS.ErrnoException) => void): void;
+export function utimes(path: string | Buffer, atime: Date, mtime: Date, callback: (err?: NodeJS.ErrnoException) => void): void;
+export function utimes(path: string | Buffer, atime: number, mtime: number): Promise<void>;
+export function utimes(path: string | Buffer, atime: Date, mtime: Date): Promise<void>;
+
+export function write(fd: number, buffer: Buffer, offset: number, length: number, position: number | null, callback: (err: NodeJS.ErrnoException, written: number, buffer: Buffer) => void): void;
+export function write(fd: number, buffer: Buffer, offset: number, length: number, callback: (err: NodeJS.ErrnoException, written: number, buffer: Buffer) => void): void;
+export function write(fd: number, data: any, callback: (err: NodeJS.ErrnoException, written: number, str: string) => void): void;
+export function write(fd: number, data: any, offset: number, callback: (err: NodeJS.ErrnoException, written: number, str: string) => void): void;
+export function write(fd: number, data: any, offset: number, encoding: string, callback: (err: NodeJS.ErrnoException, written: number, str: string) => void): void;
+export function write(fd: number, buffer: Buffer, offset: number, length: number, position?: number | null): Promise<[number, Buffer]>;
+export function write(fd: number, data: any, offset: number, encoding?: string): Promise<[number, string]>;
+
+export function writeFile(filename: string, data: any, callback: (err: NodeJS.ErrnoException) => void): void;
+export function writeFile(filename: string, data: any, options: { encoding?: string; mode?: number; flag?: string; }, callback?: (err: NodeJS.ErrnoException) => void): void;
+export function writeFile(filename: string, data: any, options?: { encoding?: string; mode?: number; flag?: string; }): Promise<void>;
+
+/**
+ * Asynchronous mkdtemp - Creates a unique temporary directory. Generates six random characters to be appended behind a required prefix to create a unique temporary directory.
+ *
+ * @param prefix
+ * @param callback The created folder path is passed as a string to the callback's second parameter.
+ */
+export function mkdtemp(prefix: string, callback?: (err: NodeJS.ErrnoException, folder: string) => void): void;
+export function mkdtemp(prefix: string): Promise<string>;
+
+export interface PathEntry {
     path: string;
     stats: Stats;
 }
 
-export interface WalkOptions {
-  /**
-   * Control how results are enumerated from `readdir`:
-   * - 'shift' will return the first element from the array.
-   * - 'pop' will return the last element from the array.
-   *
-   * If not specified, the default behaviour is 'shift'
-   */
-  queueMethod?: 'pop' | 'shift';
-  /**
-   * Provide a function to sort the paths before they are enumerated
-   */
-  pathSorter?: (left: string, right: string) => number;
-  /**
-   * An optional object to override the default `fs` APIs for testing purposes
-   */
-  fs?: Object;
-  /**
-   * Provide a function to exclude certain file paths. The function should
-   * return true when the element should be kept, and false otherwise.
-   */
-  filter?: (path: string, index: number, array: Array<PathEntry>) => boolean;
+export interface PathEntryStream {
+    read(): PathEntry | null;
 }
 
-export type PathEntry = {
-  path: string;
-  stats: Stats;
-}
-
-export type PathEntryStream = {
-  read(): PathEntry | null
-}
-
-export interface CopyFilterFunction {
-    (src: string): boolean
-}
+export type CopyFilterFunction = (src: string) => boolean;
 
 export type CopyFilter = CopyFilterFunction | RegExp;
 
 export interface CopyOptions {
-    clobber?: boolean;
     dereference?: boolean;
     overwrite?: boolean;
     preserveTimestamps?: boolean;
@@ -137,28 +268,23 @@ export interface CopyOptions {
 }
 
 export interface MoveOptions {
-    clobber? : boolean;
+    overwrite?: boolean;
     limit?: number;
 }
 
 export interface ReadOptions {
     throws?: boolean;
-    fs?: Object;
+    fs?: object;
     reviver?: any;
     encoding?: string;
     flag?: string;
 }
 
 export interface WriteOptions {
-    fs?: Object;
+    fs?: object;
     replacer?: any;
     spaces?: number;
     encoding?: string;
     flag?: string;
     mode?: number;
 }
-
-export interface MkdirOptions {
-    fs?: any;
-    mode?: number;
-}
diff --git a/types/fs-extra/tsconfig.json b/types/fs-extra/tsconfig.json
index 6337361eed..818b38896c 100644
--- a/types/fs-extra/tsconfig.json
+++ b/types/fs-extra/tsconfig.json
@@ -1,22 +1,22 @@
 {
-    "compilerOptions": {
-        "module": "commonjs",
-        "lib": [
-            "es6"
-        ],
-        "noImplicitAny": true,
-        "noImplicitThis": true,
-        "strictNullChecks": false,
-        "baseUrl": "../",
-        "typeRoots": [
-            "../"
-        ],
-        "types": [],
-        "noEmit": true,
-        "forceConsistentCasingInFileNames": true
-    },
-    "files": [
-        "index.d.ts",
-        "fs-extra-tests.ts"
-    ]
-}
\ No newline at end of file
+  "compilerOptions": {
+    "module": "commonjs",
+    "lib": [
+      "es6"
+    ],
+    "noImplicitAny": true,
+    "noImplicitThis": true,
+    "strictNullChecks": true,
+    "baseUrl": "../",
+    "typeRoots": [
+      "../"
+    ],
+    "types": [],
+    "noEmit": true,
+    "forceConsistentCasingInFileNames": true
+  },
+  "files": [
+    "index.d.ts",
+    "fs-extra-tests.ts"
+  ]
+}
diff --git a/types/fs-extra/tslint.json b/types/fs-extra/tslint.json
new file mode 100644
index 0000000000..d88586e5bd
--- /dev/null
+++ b/types/fs-extra/tslint.json
@@ -0,0 +1,3 @@
+{
+  "extends": "dtslint/dt.json"
+}

From ebb729c3760cbd837294e9bce4edd061c219cdef Mon Sep 17 00:00:00 2001
From: Josh Gillespie <jcgillespie@users.noreply.github.com>
Date: Mon, 1 May 2017 15:56:31 -0500
Subject: [PATCH 112/321] Adding the errors module to request-promise-native
 (#16216)

* Adding the errors module from the request-promise-native

* linting
---
 types/request-promise-native/index.d.ts       |  90 ++-
 .../request-promise-native-tests.ts           | 593 +++++++++---------
 types/request-promise-native/tslint.json      |   3 +
 3 files changed, 365 insertions(+), 321 deletions(-)
 create mode 100644 types/request-promise-native/tslint.json

diff --git a/types/request-promise-native/index.d.ts b/types/request-promise-native/index.d.ts
index 05eedaab72..ab606fb542 100644
--- a/types/request-promise-native/index.d.ts
+++ b/types/request-promise-native/index.d.ts
@@ -1,32 +1,76 @@
-// Type definitions for request-promise-native v1.0.3
+// Type definitions for request-promise-native 1.0
 // Project: https://github.com/request/request-promise-native
 // Definitions by: Gustavo Henke <https://github.com/gustavohenke>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 
-import request = require('request');
-import http = require('http');
+declare module 'request-promise-native' {
+    import request = require('request');
+    import http = require('http');
 
-declare namespace requestPromise {
-    interface RequestPromise extends request.Request {
-        then<TResult>(onfulfilled?: (value: any) => TResult | PromiseLike<TResult>, onrejected?: (reason: any) => TResult | PromiseLike<TResult>): Promise<TResult>;
-        then<TResult>(onfulfilled?: (value: any) => TResult | PromiseLike<TResult>, onrejected?: (reason: any) => void): Promise<TResult>;
-        catch(onrejected?: (reason: any) => any | PromiseLike<any>): Promise<any>;
-        catch(onrejected?: (reason: any) => void): Promise<any>;
-        promise(): Promise<any>;
-        cancel(): void;
+    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>;
+            promise(): Promise<any>;
+            cancel(): void;
+        }
+
+        interface RequestPromiseOptions extends request.CoreOptions {
+            simple?: boolean;
+            transform?(body: any, response: http.IncomingMessage, resolveWithFullResponse?: boolean): any;
+            resolveWithFullResponse?: boolean;
+        }
+
+        type FullResponse = request.RequestResponse;
+        type OptionsWithUri = request.UriOptions & RequestPromiseOptions;
+        type OptionsWithUrl = request.UrlOptions & RequestPromiseOptions;
+        type Options = OptionsWithUri | OptionsWithUrl;
     }
 
-    interface RequestPromiseOptions extends request.CoreOptions {
-        simple?: boolean;
-        transform?: (body: any, response: http.IncomingMessage, resolveWithFullResponse?: boolean) => any;
-        resolveWithFullResponse?: boolean;
-    }
-
-    export type FullResponse = request.RequestResponse;
-    export type OptionsWithUri = request.UriOptions & RequestPromiseOptions;
-    export type OptionsWithUrl = request.UrlOptions & RequestPromiseOptions;
-    export type Options = OptionsWithUri | OptionsWithUrl;
+    let requestPromise: request.RequestAPI<requestPromise.RequestPromise, requestPromise.RequestPromiseOptions, request.RequiredUriUrl>;
+    export = requestPromise;
 }
 
-declare var requestPromise: request.RequestAPI<requestPromise.RequestPromise, requestPromise.RequestPromiseOptions, request.RequiredUriUrl>;
-export = requestPromise;
+declare module 'request-promise-native/errors' {
+    import rp = require('request-promise-native');
+    import http = require('http');
+
+    interface RequestError extends Error {
+        cause: any;
+        error: any;
+        options: rp.Options;
+        response: http.IncomingMessage;
+    }
+    interface RequestErrorConstructor {
+        new (cause: any, options: rp.Options, response: http.IncomingMessage): RequestError;
+        (cause: any, options: rp.Options, response: http.IncomingMessage): RequestError;
+        prototype: RequestError;
+    }
+    const RequestError: RequestErrorConstructor;
+
+    interface StatusCodeError extends Error {
+        statusCode: number;
+        error: any;
+        options: rp.Options;
+        response: http.IncomingMessage;
+    }
+    interface StatusCodeErrorConstructor extends Error {
+        new (statusCode: number, body: any, options: rp.Options, response: http.IncomingMessage): StatusCodeError;
+        (statusCode: number, body: any, options: rp.Options, response: http.IncomingMessage): StatusCodeError;
+        prototype: StatusCodeError;
+    }
+    const StatusCodeError: StatusCodeErrorConstructor;
+
+    interface TransformError extends Error {
+        cause: any;
+        error: any;
+        options: rp.Options;
+        response: http.IncomingMessage;
+    }
+    interface TransformErrorConstructor extends Error {
+        new (cause: any, options: rp.Options, response: http.IncomingMessage): TransformError;
+        (cause: any, options: rp.Options, response: http.IncomingMessage): TransformError;
+        prototype: TransformError;
+    }
+    const TransformError: TransformErrorConstructor;
+}
diff --git a/types/request-promise-native/request-promise-native-tests.ts b/types/request-promise-native/request-promise-native-tests.ts
index 4267351328..b0562acc6e 100644
--- a/types/request-promise-native/request-promise-native-tests.ts
+++ b/types/request-promise-native/request-promise-native-tests.ts
@@ -1,126 +1,127 @@
-import * as rp from 'request-promise-native';
+import * as rpn from 'request-promise-native';
+import * as path from 'path';
 
-rp('http://www.google.com')
-    .then(console.dir)
-    .catch(console.error);
+rpn('http://www.google.com')
+  .then(console.dir)
+  .catch(console.error);
 
-var options: rp.Options = {
-    uri : 'http://posttestserver.com/post.php',
-    method : 'POST',
-    json: true,
-    body: { some: 'payload' }
+let options: rpn.Options = {
+  uri: 'http://posttestserver.com/post.php',
+  method: 'POST',
+  json: true,
+  body: { some: 'payload' }
 };
 
-rp(options)
-    .then(console.dir)
-    .catch(console.error);
+let j = rpn.jar();
 
-rp('http://google.com').then(() => {});
+rpn(options)
+  .then(console.dir)
+  .catch(console.error);
+
+rpn('http://google.com').then(() => { });
 
 // This works:
-rp('http://google.com').then(console.dir);
-rp('http://google.com').catch(console.error);
-rp('http://google.com').then(console.dir, console.error);
+rpn('http://google.com').then(console.dir);
+rpn('http://google.com').catch(console.error);
+rpn('http://google.com').then(console.dir, console.error);
 
-rp({ uri: 'http://google.com', resolveWithFullResponse: true }).then((response) => {});
-rp({ uri: 'http://google.com', simple: false }).catch((reason) => {});
+rpn({ uri: 'http://google.com', resolveWithFullResponse: true }).then((response) => { });
+rpn({ uri: 'http://google.com', simple: false }).catch((reason) => { });
 
-
-//Defaults tests
+// Defaults tests
 (() => {
   const githubUrl = 'https://github.com';
-  const defaultJarRequest = rp.defaults({ jar: true });
-  defaultJarRequest.get(githubUrl).then(() => {});
-  //defaultJarRequest(); //this line doesn't compile (and shouldn't)
-  const defaultUrlRequest = rp.defaults({ url: githubUrl });
-  defaultUrlRequest().then(() => {});
-  defaultUrlRequest.get().then(() => {});
-  const defaultBodyRequest = defaultUrlRequest.defaults({body: '{}', json: true});
-  defaultBodyRequest.get().then(() => {});
-  defaultBodyRequest.post().then(() => {});
-  defaultBodyRequest.put().then(() => {});
+  const defaultJarRequest = rpn.defaults({ jar: true });
+  defaultJarRequest.get(githubUrl).then(() => { });
+  // defaultJarRequest(); //this line doesn't compile (and shouldn't)
+  const defaultUrlRequest = rpn.defaults({ url: githubUrl });
+  defaultUrlRequest().then(() => { });
+  defaultUrlRequest.get().then(() => { });
+  const defaultBodyRequest = defaultUrlRequest.defaults({ body: '{}', json: true });
+  defaultBodyRequest.get().then(() => { });
+  defaultBodyRequest.post().then(() => { });
+  defaultBodyRequest.put().then(() => { });
 })();
 
 // Get full response after DELETE
 options = {
-    method: 'DELETE',
-    uri: 'http://my-server/path/to/resource/1234'
+  method: 'DELETE',
+  uri: 'http://my-server/path/to/resource/1234'
 };
 
-rp(options)
-    .then(function (response: http.IncomingMessage) {
-        console.log("DELETE succeeded with status %d", response.statusCode);
-    })
-    .catch(console.error);
+rpn(options)
+  .then((response: http.IncomingMessage) => {
+    console.log("DELETE succeeded with status %d", response.statusCode);
+  })
+  .catch(console.error);
 
-//The following examples from https://github.com/request/request
+// The following examples from https://github.com/request/request
 import * as fs from 'fs';
 import * as http from 'http';
-var request = rp;
 
-request('http://www.google.com', function (error, response, body) {
-  if (!error && response.statusCode == 200) {
+rpn('http://www.google.com', (error, response, body) => {
+  if (!error && response.statusCode === 200) {
     console.log(body); // Show the HTML for the Google homepage.
   }
 });
 
-request('http://google.com/doodle.png').pipe(fs.createWriteStream('doodle.png'));
+rpn('http://google.com/doodle.png').pipe(fs.createWriteStream('doodle.png'));
 
-fs.createReadStream('file.json').pipe(request.put('http://mysite.com/obj.json'));
+fs.createReadStream('file.json').pipe(rpn.put('http://mysite.com/obj.json'));
 
-request.get('http://google.com/img.png').pipe(request.put('http://mysite.com/img.png'));
+rpn.get('http://google.com/img.png').pipe(rpn.put('http://mysite.com/img.png'));
 
-request
+rpn
   .get('http://google.com/img.png')
-  .on('response', function(response: any) {
+  .on('response', (response: any) => {
     console.log(response.statusCode); // 200
     console.log(response.headers['content-type']); // 'image/png'
   })
-  .pipe(request.put('http://mysite.com/img.png'));
+  .pipe(rpn.put('http://mysite.com/img.png'));
 
-request
+rpn
   .get('http://mysite.com/doodle.png')
-  .on('error', function(err: any) {
+  .on('error', (err: any) => {
     console.log(err);
   })
   .pipe(fs.createWriteStream('doodle.png'));
 
-http.createServer(function (req, resp) {
+http.createServer((req, resp) => {
   if (req.url === '/doodle.png') {
     if (req.method === 'PUT') {
-      req.pipe(request.put('http://mysite.com/doodle.png'));
+      req.pipe(rpn.put('http://mysite.com/doodle.png'));
     } else if (req.method === 'GET' || req.method === 'HEAD') {
-      request.get('http://mysite.com/doodle.png').pipe(resp);
+      rpn.get('http://mysite.com/doodle.png').pipe(resp);
     }
   }
 });
 
-http.createServer(function (req, resp) {
+http.createServer((req, resp) => {
   if (req.url === '/doodle.png') {
-    var x = request('http://mysite.com/doodle.png');
+    let x = rpn('http://mysite.com/doodle.png');
     req.pipe(x);
     x.pipe(resp);
   }
 });
 
-var resp: http.ServerResponse;
-var req: rp.RequestPromise;
-req.pipe(request('http://mysite.com/doodle.png')).pipe(resp);
+let resp: http.ServerResponse;
+let req: rpn.RequestPromise;
+req.pipe(rpn('http://mysite.com/doodle.png')).pipe(resp);
 
-var r = request;
-http.createServer(function (req, resp) {
+let r = rpn;
+http.createServer((req, resp) => {
   if (req.url === '/doodle.png') {
     r.get('http://google.com/doodle.png').pipe(resp);
   }
 });
 
-request.post('http://service.com/upload', {form:{key:'value'}});
+rpn.post('http://service.com/upload', { form: { key: 'value' } });
 // or
-request.post('http://service.com/upload').form({key:'value'});
+rpn.post('http://service.com/upload').form({ key: 'value' });
 // or
-request.post({url:'http://service.com/upload', form: {key:'value'}}, function(err,httpResponse,body){ /* ... */ });
+rpn.post({ url: 'http://service.com/upload', form: { key: 'value' } }, (err, httpResponse, body) => { /* ... */ });
 
-var data = {
+let data = {
   // Pass a simple key-value pair
   my_field: 'my_value',
   // Pass data via Buffers
@@ -136,93 +137,93 @@ var data = {
   // Use case: for some types of streams, you'll need to provide "file"-related information manually.
   // See the `form-data` README for more information about options: https://github.com/felixge/node-form-data
   custom_file: {
-    value:  fs.createReadStream('/dev/urandom'),
+    value: fs.createReadStream('/dev/urandom'),
     options: {
       filename: 'topsecret.jpg',
       contentType: 'image/jpg'
     }
   }
 };
-request.post({url:'http://service.com/upload', formData: data}, function optionalCallback(err, httpResponse, body) {
+rpn.post({ url: 'http://service.com/upload', formData: data }, function optionalCallback(err, httpResponse, body) {
   if (err) {
     return console.error('upload failed:', err);
   }
   console.log('Upload successful!  Server responded with:', body);
 });
 
-var requestMultipart = request.post('http://service.com/upload', function optionalCallback(err, httpResponse, body) {});
-var form = requestMultipart.form();
+let requestMultipart = rpn.post('http://service.com/upload', function optionalCallback(err, httpResponse, body) { });
+let form = requestMultipart.form();
 form.append('my_field', 'my_value');
 form.append('my_buffer', new Buffer([1, 2, 3]));
-form.append('custom_file', fs.createReadStream(__dirname + '/unicycle.jpg'), {filename: 'unicycle.jpg'});
+form.append('custom_file', fs.createReadStream(__dirname + '/unicycle.jpg'), { filename: 'unicycle.jpg' });
 
-request({
-    method: 'PUT',
-    preambleCRLF: true,
-    postambleCRLF: true,
-    uri: 'http://service.com/upload',
-    multipart: {
-      chunked: false,
-      data: [
-        {
-          'content-type': 'application/json',
-          body: JSON.stringify({foo: 'bar', _attachments: {'message.txt': {follows: true, length: 18, 'content_type': 'text/plain' }}})
-        },
-        { body: 'I am an attachment' }
-      ]
-    }
-  },
-  function (error, response, body) {
-    if (error) {
-      return console.error('upload failed:', error);
-    }
-    console.log('Upload successful!  Server responded with:', body);
-  });
-request({
-    method: 'PUT',
-    preambleCRLF: true,
-    postambleCRLF: true,
-    uri: 'http://service.com/upload',
-    multipart: [
+rpn({
+  method: 'PUT',
+  preambleCRLF: true,
+  postambleCRLF: true,
+  uri: 'http://service.com/upload',
+  multipart: {
+    chunked: false,
+    data: [
       {
         'content-type': 'application/json',
-        body: JSON.stringify({foo: 'bar', _attachments: {'message.txt': {follows: true, length: 18, 'content_type': 'text/plain' }}})
+        body: JSON.stringify({ foo: 'bar', _attachments: { 'message.txt': { follows: true, length: 18, content_type: 'text/plain' } } })
       },
-      { body: 'I am an attachment' },
-      { body: fs.createReadStream('image.png') }
+      { body: 'I am an attachment' }
     ]
-  },
-  function (error, response, body) {
+  }
+},
+  (error, response, body) => {
+    if (error) {
+      return console.error('upload failed:', error);
+    }
+    console.log('Upload successful!  Server responded with:', body);
+  });
+rpn({
+  method: 'PUT',
+  preambleCRLF: true,
+  postambleCRLF: true,
+  uri: 'http://service.com/upload',
+  multipart: [
+    {
+      'content-type': 'application/json',
+      body: JSON.stringify({ foo: 'bar', _attachments: { 'message.txt': { follows: true, length: 18, content_type: 'text/plain' } } })
+    },
+    { body: 'I am an attachment' },
+    { body: fs.createReadStream('image.png') }
+  ]
+},
+  (error, response, body) => {
     if (error) {
       return console.error('upload failed:', error);
     }
     console.log('Upload successful!  Server responded with:', body);
   });
 
-request.get('http://some.server.com/').auth('username', 'password', false);
+rpn.get('http://some.server.com/').auth('username', 'password', false);
 // or
-request.get('http://some.server.com/', {
-  'auth': {
-    'user': 'username',
-    'pass': 'password',
-    'sendImmediately': false
+rpn.get('http://some.server.com/', {
+  auth: {
+    user: 'username',
+    pass: 'password',
+    sendImmediately: false
   }
 });
 // or
-request.get('http://some.server.com/').auth(null, null, true, 'bearerToken');
+rpn.get('http://some.server.com/').auth(null, null, true, 'bearerToken');
 // or
-request.get('http://some.server.com/', {
-  'auth': {
-    'bearer': 'bearerToken'
+rpn.get('http://some.server.com/', {
+  auth: {
+    bearer: 'bearerToken'
   }
 });
 
-var username = 'username',
-    password = 'password',
-    url = 'http://' + username + ':' + password + '@some.server.com';
+let username = 'username';
+let password = 'password';
+let url = 'http://' + username + ':' + password + '@some.server.com';
 
-request({url: url}, function (error, response, body) {
-   // Do more stuff with 'body' here
+rpn({ url }, (error, response, body) => {
+  // Do more stuff with 'body' here
 });
 
 options = {
@@ -233,253 +234,249 @@ options = {
 };
 
 function callback(error: any, response: http.IncomingMessage, body: string) {
-  if (!error && response.statusCode == 200) {
-    var info = JSON.parse(body);
+  if (!error && response.statusCode === 200) {
+    let info = JSON.parse(body);
     console.log(info.stargazers_count + " Stars");
     console.log(info.forks_count + " Forks");
   }
 }
 
-request(options, callback);
+rpn(options, callback);
 
 // OAuth1.0 - 3-legged server side flow (Twitter example)
 // step 1
 import * as qs from 'querystring';
 const CONSUMER_KEY = 'key';
 const CONSUMER_SECRET = 'secret';
-var oauth =
-    { callback: 'http://mysite.com/callback/'
-    , consumer_key: CONSUMER_KEY
-    , consumer_secret: CONSUMER_SECRET
-    }
-  , url = 'https://api.twitter.com/oauth/request_token'
-  ;
-request.post({url:url, oauth:oauth}, function (e, r, body) {
+let oauth = {
+  callback: 'http://mysite.com/callback/'
+  , consumer_key: CONSUMER_KEY
+  , consumer_secret: CONSUMER_SECRET
+};
+
+url = 'https://api.twitter.com/oauth/request_token';
+
+rpn.post({ url, oauth }, (e, r, body) => {
   // Ideally, you would take the body in the response
   // and construct a URL that a user clicks on (like a sign in button).
   // The verifier is only available in the response after a user has
   // verified with twitter that they are authorizing your app.
 
   // step 2
-  var req_data = qs.parse(body);
-  var uri = 'https://api.twitter.com/oauth/authenticate'
-    + '?' + qs.stringify({oauth_token: req_data.oauth_token});
+  let req_data = qs.parse(body);
+  let uri = 'https://api.twitter.com/oauth/authenticate'
+    + '?' + qs.stringify({ oauth_token: req_data.oauth_token });
   // redirect the user to the authorize uri
 
   // step 3
   // after the user is redirected back to your server
-  var auth_data: any = qs.parse(body)
-    , oauth =
-      { consumer_key: CONSUMER_KEY
-      , consumer_secret: CONSUMER_SECRET
-      , token: auth_data.oauth_token
-      , token_secret: req_data.oauth_token_secret
-      , verifier: auth_data.oauth_verifier
-      }
-    , url = 'https://api.twitter.com/oauth/access_token'
-    ;
-  request.post({url:url, oauth:oauth}, function (e, r, body) {
+  let auth_data: any = qs.parse(body);
+  let oauth = {
+    consumer_key: CONSUMER_KEY
+    , consumer_secret: CONSUMER_SECRET
+    , token: auth_data.oauth_token
+    , token_secret: req_data.oauth_token_secret
+    , verifier: auth_data.oauth_verifier
+  };
+  url = 'https://api.twitter.com/oauth/access_token';
+
+  rpn.post({ url, oauth }, (e, r, body) => {
     // ready to make signed requests on behalf of the user
-    var perm_data: any = qs.parse(body);
-    var oauth =
-        { consumer_key: CONSUMER_KEY
-        , consumer_secret: CONSUMER_SECRET
-        , token: perm_data.oauth_token
-        , token_secret: perm_data.oauth_token_secret
-        };
-    var url = 'https://api.twitter.com/1.1/users/show.json';
-    var query = {
+    let perm_data: any = qs.parse(body);
+    let oauth = {
+      consumer_key: CONSUMER_KEY
+      , consumer_secret: CONSUMER_SECRET
+      , token: perm_data.oauth_token
+      , token_secret: perm_data.oauth_token_secret
+    };
+
+    url = 'https://api.twitter.com/1.1/users/show.json';
+    let query = {
       screen_name: perm_data.screen_name,
       user_id: perm_data.user_id
     };
-    request.get({url:url, oauth:oauth, qs:query, json:true}, function (e, r, user) {
+    rpn.get({ url, oauth, qs: query, json: true }, (e, r, user) => {
       console.log(user);
     });
   });
 });
 
-var path = require('path')
-    , certFile = path.resolve(__dirname, 'ssl/client.crt')
-    , keyFile = path.resolve(__dirname, 'ssl/client.key')
-    , caFile = path.resolve(__dirname, 'ssl/ca.cert.pem');
+let certFile = path.resolve(__dirname, 'ssl/client.crt');
+let keyFile = path.resolve(__dirname, 'ssl/client.key');
+let caFile = path.resolve(__dirname, 'ssl/ca.cert.pem');
 
 options = {
-    url: 'https://api.some-server.com/',
+  url: 'https://api.some-server.com/',
+  cert: fs.readFileSync(certFile),
+  key: fs.readFileSync(keyFile),
+  passphrase: 'password',
+  ca: fs.readFileSync(caFile)
+};
+
+rpn.get(options);
+
+options = {
+  url: 'https://api.some-server.com/',
+  agentOptions: {
     cert: fs.readFileSync(certFile),
     key: fs.readFileSync(keyFile),
+    // Or use `pfx` property replacing `cert` and `key` when using private key, certificate and CA certs in PFX or PKCS12 format:
+    // pfx: fs.readFileSync(pfxFilePath),
     passphrase: 'password',
-    ca: fs.readFileSync(caFile)
+    securityOptions: 'SSL_OP_NO_SSLv3'
+  }
 };
 
-request.get(options);
+rpn.get(options);
 
-var path = require('path')
-    , certFile = path.resolve(__dirname, 'ssl/client.crt')
-    , keyFile = path.resolve(__dirname, 'ssl/client.key');
-
-options = {
-    url: 'https://api.some-server.com/',
-    agentOptions: {
-        cert: fs.readFileSync(certFile),
-        key: fs.readFileSync(keyFile),
-        // Or use `pfx` property replacing `cert` and `key` when using private key, certificate and CA certs in PFX or PKCS12 format:
-        // pfx: fs.readFileSync(pfxFilePath),
-        passphrase: 'password',
-        securityOptions: 'SSL_OP_NO_SSLv3'
-    }
-};
-
-request.get(options);
-
-request.get({
-    url: 'https://api.some-server.com/',
-    agentOptions: {
-        secureProtocol: 'SSLv3_method'
-    }
+rpn.get({
+  url: 'https://api.some-server.com/',
+  agentOptions: {
+    secureProtocol: 'SSLv3_method'
+  }
 });
 
-request.get({
-    url: 'https://api.some-server.com/',
-    agentOptions: {
-        ca: fs.readFileSync('ca.cert.pem')
-    }
+rpn.get({
+  url: 'https://api.some-server.com/',
+  agentOptions: {
+    ca: fs.readFileSync('ca.cert.pem')
+  }
 });
 
+rpn({
+  // will be ignored
+  method: 'GET',
+  uri: 'http://www.google.com',
 
-request({
-    // will be ignored
-    method: 'GET',
-    uri: 'http://www.google.com',
-
-    // HTTP Archive Request Object
-    har: {
-      url: 'http://www.mockbin.com/har',
-      method: 'POST',
-      headers: [
-        {
-          name: 'content-type',
-          value: 'application/x-www-form-urlencoded'
-        }
-      ],
-      postData: {
-        mimeType: 'application/x-www-form-urlencoded',
-        params: [
-          {
-            name: 'foo',
-            value: 'bar'
-          },
-          {
-            name: 'hello',
-            value: 'world'
-          }
-        ]
+  // HTTP Archive Request Object
+  har: {
+    url: 'http://www.mockbin.com/har',
+    method: 'POST',
+    headers: [
+      {
+        name: 'content-type',
+        value: 'application/x-www-form-urlencoded'
       }
-    }
-  });
-
-//requests using baseRequest() will set the 'x-token' header
-var baseRequest = request.defaults({
-  headers: {'x-token': 'my-token'}
-});
-
-//requests using specialRequest() will include the 'x-token' header set in
-//baseRequest and will also include the 'special' header
-var specialRequest = baseRequest.defaults({
-  headers: {special: 'special value'}
-});
-
-request.put(url);
-request.patch(url);
-request.post(url);
-request.head(url);
-request.del(url);
-request.get(url);
-request.cookie('key1=value1');
-request.jar();
-request.debug = true;
-
-request.get('http://10.255.255.1', {timeout: 1500}, function(err) {
-    console.log(err.code === 'ETIMEDOUT');
-    // Set to `true` if the timeout was a connection timeout, `false` or
-    // `undefined` otherwise.
-    console.log(err.connect === true);
-    process.exit(0);
-});
-
-var rand = Math.floor(Math.random()*100000000).toString();
-  request(
-    { method: 'PUT'
-    , uri: 'http://mikeal.iriscouch.com/testjs/' + rand
-    , multipart:
-      [ { 'content-type': 'application/json'
-        ,  body: JSON.stringify({foo: 'bar', _attachments: {'message.txt': {follows: true, length: 18, 'content_type': 'text/plain' }}})
+    ],
+    postData: {
+      mimeType: 'application/x-www-form-urlencoded',
+      params: [
+        {
+          name: 'foo',
+          value: 'bar'
+        },
+        {
+          name: 'hello',
+          value: 'world'
         }
-      , { body: 'I am an attachment' }
       ]
     }
-  , function (error, response, body) {
-      if(response.statusCode == 201){
-        console.log('document saved as: http://mikeal.iriscouch.com/testjs/'+ rand)
-      } else {
-        console.log('error: '+ response.statusCode)
-        console.log(body)
-      }
-    }
-  );
+  }
+});
 
-request(
-    { method: 'GET'
+// requests using baseRequest() will set the 'x-token' header
+let baseRequest = rpn.defaults({
+  headers: { 'x-token': 'my-token' }
+});
+
+// requests using specialRequest() will include the 'x-token' header set in
+// baseRequest and will also include the 'special' header
+let specialRequest = baseRequest.defaults({
+  headers: { special: 'special value' }
+});
+
+rpn.put(url);
+rpn.patch(url);
+rpn.post(url);
+rpn.head(url);
+rpn.del(url);
+rpn.get(url);
+rpn.cookie('key1=value1');
+rpn.jar();
+console.log(rpn.debug);
+
+rpn.get('http://10.255.255.1', { timeout: 1500 }, (err) => {
+  console.log(err.code === 'ETIMEDOUT');
+  // Set to `true` if the timeout was a connection timeout, `false` or
+  // `undefined` otherwise.
+  console.log(err.connect === true);
+  process.exit(0);
+});
+
+let rand = Math.floor(Math.random() * 100000000).toString();
+rpn(
+  {
+    method: 'PUT'
+    , uri: 'http://mikeal.iriscouch.com/testjs/' + rand
+    , multipart:
+    [{
+      'content-type': 'application/json'
+      , body: JSON.stringify({ foo: 'bar', _attachments: { 'message.txt': { follows: true, length: 18, content_type: 'text/plain' } } })
+    }
+      , { body: 'I am an attachment' }
+    ]
+  }
+  , (error, response, body) => {
+    if (response.statusCode === 201) {
+      console.log('document saved as: http://mikeal.iriscouch.com/testjs/' + rand);
+    } else {
+      console.log('error: ' + response.statusCode);
+      console.log(body);
+    }
+  }
+);
+
+rpn(
+  {
+    method: 'GET'
     , uri: 'http://www.google.com'
     , gzip: true
-    }
-  , function (error, response, body) {
-      // body is the decompressed response body
-      console.log('server encoded the data as: ' + (response.headers['content-encoding'] || 'identity'))
-      console.log('the decoded data is: ' + body)
-    }
-  ).on('data', function(data: any) {
-    // decompressed data as it is received
-    console.log('decoded chunk: ' + data)
-  })
-  .on('response', function(response: http.IncomingMessage) {
+  }
+  , (error, response, body) => {
+    // body is the decompressed response body
+    console.log('server encoded the data as: ' + (response.headers['content-encoding'] || 'identity'));
+    console.log('the decoded data is: ' + body);
+  }
+).on('data', (data: any) => {
+  // decompressed data as it is received
+  console.log('decoded chunk: ' + data);
+})
+  .on('response', (response: http.IncomingMessage) => {
     // unmodified http.IncomingMessage object
-    response.on('data', function(data: any[]) {
+    response.on('data', (data: any[]) => {
       // compressed data as it is received
-      console.log('received ' + data.length + ' bytes of compressed data')
-    })
+      console.log('received ' + data.length + ' bytes of compressed data');
+    });
   });
 
-var requestWithJar = request.defaults({jar: true})
-requestWithJar('http://www.google.com', function () {
+let requestWithJar = rpn.defaults({ jar: true });
+requestWithJar('http://www.google.com', () => {
   requestWithJar('http://images.google.com');
 });
 
-var j = request.jar()
-requestWithJar = request.defaults({jar:j})
-requestWithJar('http://www.google.com', function () {
+requestWithJar = rpn.defaults({ jar: j });
+requestWithJar('http://www.google.com', () => {
   requestWithJar('http://images.google.com');
 });
 
-var j = request.jar();
-var cookie = request.cookie('key1=value1');
-var url = 'http://www.google.com';
+let cookie = rpn.cookie('key1=value1');
+url = 'http://www.google.com';
 j.setCookie(cookie, url);
-request({url: url, jar: j}, function () {
-  request('http://images.google.com');
+rpn({ url, jar: j }, () => {
+  rpn('http://images.google.com');
 });
 
-//TODO: add definitions for tough-cookie-filestore
-//var FileCookieStore = require('tough-cookie-filestore');
+// TODO: add definitions for tough-cookie-filestore
+// let FileCookieStore = require('tough-cookie-filestore');
 // NOTE - currently the 'cookies.json' file must already exist!
-//var j = request.jar(new FileCookieStore('cookies.json'));
-requestWithJar = request.defaults({ jar : j })
-request('http://www.google.com', function() {
-  request('http://images.google.com');
+// let j = request.jar(new FileCookieStore('cookies.json'));
+requestWithJar = rpn.defaults({ jar: j });
+rpn('http://www.google.com', () => {
+  rpn('http://images.google.com');
 });
 
-var j = request.jar()
-request({url: 'http://www.google.com', jar: j}, function () {
-  var cookie_string = j.getCookieString(url); // "key1=value1; key2=value2; ..."
-  var cookies = j.getCookies(url);
+rpn({ url: 'http://www.google.com', jar: j }, () => {
+  let cookie_string = j.getCookieString(url); // "key1=value1; key2=value2; ..."
+  let cookies = j.getCookies(url);
   // [{key: 'key1', value: 'value1', domain: "www.google.com", ...}, ...]
 });
diff --git a/types/request-promise-native/tslint.json b/types/request-promise-native/tslint.json
new file mode 100644
index 0000000000..f93cf8562a
--- /dev/null
+++ b/types/request-promise-native/tslint.json
@@ -0,0 +1,3 @@
+{
+    "extends": "dtslint/dt.json"
+}

From 418bdd3a4971282c4dd3a5c0fa88a0bf9dc0906e Mon Sep 17 00:00:00 2001
From: lobo87 <daniel.brolli@gmail.com>
Date: Mon, 1 May 2017 23:02:04 +0200
Subject: [PATCH 113/321] added new types for npm package
 cordova-plugin-native-keyboard (#16152)

* added cordova-plugin-native-keyboard

* updated to conform linting checks
---
 .../cordova-plugin-native-keyboard-tests.ts   |  43 +++
 .../cordova-plugin-native-keyboard/index.d.ts | 303 ++++++++++++++++++
 .../tsconfig.json                             |  22 ++
 .../tslint.json                               |   1 +
 4 files changed, 369 insertions(+)
 create mode 100644 types/cordova-plugin-native-keyboard/cordova-plugin-native-keyboard-tests.ts
 create mode 100644 types/cordova-plugin-native-keyboard/index.d.ts
 create mode 100644 types/cordova-plugin-native-keyboard/tsconfig.json
 create mode 100644 types/cordova-plugin-native-keyboard/tslint.json

diff --git a/types/cordova-plugin-native-keyboard/cordova-plugin-native-keyboard-tests.ts b/types/cordova-plugin-native-keyboard/cordova-plugin-native-keyboard-tests.ts
new file mode 100644
index 0000000000..4597e2c39a
--- /dev/null
+++ b/types/cordova-plugin-native-keyboard/cordova-plugin-native-keyboard-tests.ts
@@ -0,0 +1,43 @@
+/**
+ * Display Messenger
+ */
+NativeKeyboard.showMessenger({
+    onSubmit: (text) => {},
+    onKeyboardDidHide: () => {},
+    onKeyboardDidShow: () => {},
+    onKeyboardWillShow: () => {},
+    onTextChanged: (text) => {},
+    onKeyboardWillHide: () => {},
+});
+
+/**
+ * Display Messenger Keyboard
+ */
+NativeKeyboard.showMessengerKeyboard(
+    () => {},
+    () => {});
+
+/**
+ * Hide Messenger
+ */
+NativeKeyboard.hideMessenger(
+    { animated: true},
+    () => {},
+    () => {});
+
+NativeKeyboard.hideMessenger();
+
+/**
+ * Hide Messenger Keyboard
+ */
+NativeKeyboard.hideMessengerKeyboard(
+    () => {},
+    () => {});
+
+/**
+ * Update Messenger Keyboard
+ */
+NativeKeyboard.updateMessenger(
+    {text: 'FooBar'},
+    () => {},
+    () => {});
diff --git a/types/cordova-plugin-native-keyboard/index.d.ts b/types/cordova-plugin-native-keyboard/index.d.ts
new file mode 100644
index 0000000000..0f64199bd1
--- /dev/null
+++ b/types/cordova-plugin-native-keyboard/index.d.ts
@@ -0,0 +1,303 @@
+// Type definitions for cordova-plugin-native-keyboard 1.3
+// Project: https://github.com/EddyVerbruggen/cordova-plugin-native-keyboard#readme
+// Definitions by: Daniel Brolli <https://github.com/lobo87>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+interface NativeKeyboard {
+    /**
+     * Show the messenger, the bare minimum which has to be passed to the function is
+     * the onSubmit callback
+     * @param options
+     */
+    showMessenger(
+        options: NativeKeyboardShowOptions
+    ): void;
+
+    /**
+     * It's likely your app only has 1 one page where you want to show the messenger,
+     * so you want to hide it when the user navigates away. You can choose to do this
+     * either animated (a quick slide down animation) or not.
+     *
+     * @param options
+     * @param onSuccess
+     * @param onError
+     */
+    hideMessenger(
+        options?: NativeKeyboardHideOptions,
+        onSuccess?: () => void,
+        onError?: (err: any) => void
+    ): void;
+
+    /**
+     * Show a previously hidden keyboard
+     *
+     * @param onSuccess
+     * @param onError
+     */
+    showMessengerKeyboard(
+        onSuccess?: () => void,
+        onError?: (err: any) => void,
+    ): void;
+
+    /**
+     * Hide the keyboard, but not the messenger bar
+     *
+     * @param onSuccess
+     * @param onError
+     */
+    hideMessengerKeyboard(
+        onSuccess?: () => void,
+        onError?: (err: any) => void,
+    ): void;
+
+    /**
+     * Manipulate the messenger while it's open. For instance if you want to
+     * update the text programmatically based on what the user typed (by responding to
+     * onTextChanged events).
+     *
+     * @param options
+     * @param onSuccess
+     * @param onError
+     */
+    updateMessenger(
+        options: NativeKeyboardUpdateOptions,
+        onSuccess?: () => void,
+        onError?: (err: any) => void
+    ): void;
+}
+
+interface NativeKeyboardUpdateOptions {
+    /**
+     * Replace the messenger's text by this. The current text remains if omitted.
+     */
+    text?: string;
+
+    /**
+     * Position the cursor anywhere in the text range. Defaults to the end of the text.
+     */
+    caretIndex?: number;
+
+    /**
+     * If false or omitted no changes to the keyboard state are made.
+     */
+    showKeyboard?: boolean;
+}
+
+interface NativeKeyboardHideOptions {
+    /**
+     * A boolean flag inidicating if the keyboard should be shown/hidden with an animation
+     */
+    animated?: boolean;
+}
+
+interface NativeKeyboardShowOptions {
+    /**
+     * Callback function, which is being called as soon as the user submits
+     * @param text
+     */
+    onSubmit(text: string): void;
+
+    /**
+     * Callback function which is being executed as soon as the keyboard will show
+     */
+    onKeyboardWillShow?(): void;
+
+    /**
+     * Callback function which is being executed as soon as the keyboard did show
+     */
+    onKeyboardDidShow?(): void;
+
+    /**
+     * Callback function which is being executed as soon as the keyboard will hide
+     */
+    onKeyboardWillHide?(): void;
+
+    /**
+     * Callback function which is being executed as soon as the keyboard did hide
+     */
+    onKeyboardDidHide?(): void;
+
+    /**
+     * Callback function which is being executed as soon as the entered text changes. Will
+     * return the new text
+     *
+     * @param text
+     */
+    onTextChanged?(text: string): void;
+
+    /**
+     * DOM element, which should be scrolled automatically
+     */
+    autoscrollElement?: any;
+
+    /**
+     * Boolean value indicating if the content should be scrolled to the end after the messenger is
+     * shown
+     */
+    scrollToBottomAfterMessengerShows?: boolean;
+
+    /**
+     * Boolean value indicating if the keyboard should be kept open after submitting the entered
+     * text
+     *
+     * Default: false
+     */
+    keepOpenAfterSubmit?: boolean;
+
+    /**
+     * Makes the messenger bar slide in from the bottom.
+     *
+     * Default: false
+     */
+    animated?: boolean;
+
+    /**
+     * Open the keyboard when showing the messenger.
+     *
+     * Default: false
+     */
+    showKeyboard?: boolean;
+
+    /**
+     * A text which will be in the messenger bar, when opening
+     */
+    text?: string;
+
+    /**
+     * The color of the typed text in HEX.
+     *
+     * Default: #444
+     */
+    textColor?: string;
+
+    /**
+     * A placeholder which will be in the messenger bar, when opening and the input field is
+     * empty
+     */
+    placeholder?: string;
+
+    /**
+     * The color of the placeholder.
+     *
+     * Default: #ccc
+     */
+    placeholderColor?: string;
+
+    /**
+     * The background color of the messenger bar.
+     *
+     * Default: #F6F6F6
+     */
+    backgroundColor?: string;
+
+    /**
+     * The background color of the textview. Looks nicest on Android
+     * if it's the same color as the backgroundColor property.
+     *
+     * Default: #F6F6F6
+     */
+    textViewBackgroundColor?: string;
+
+    /**
+     * The border color of the textview.
+     *
+     * Default: #666666
+     */
+    textViewBorderColor?: string;
+
+    /**
+     * Maximum amount of chars that can be entered
+     */
+    maxChars?: number;
+
+    /**
+     * Options are: "none", "split", "countdown", "countdownreversed".
+     * Note that if maxChars is set, "none" will still show a counter.
+     *
+     * Default: "none"
+     */
+    counterStyle?: string;
+
+    /**
+     * Options are: "default", "decimalpad", "phonepad", "numberpad", "namephonepad",
+     * "number", "email", "twitter", "url", "alphabet", "search", "ascii"
+     *
+     * Default: "default"
+     */
+    type?: string;
+
+    /**
+     * Options are: "light", "dark".
+     *
+     * Default: "default"
+     */
+    appearance?: string;
+
+    /**
+     * Disables things like the Emoji keyboard and the Predicive text entry bar
+     *
+     * Default: false
+     */
+    secure?: boolean;
+
+    /**
+     * The left button of the messenger bar
+     */
+    leftButton?: LeftButtonOptions;
+
+    /**
+     * The right button of the messenger bar
+     */
+    rightButton?: ButtonOptions;
+}
+
+interface ButtonOptions {
+    /**
+     * The type of the button.
+     * Either "text", "fontawesome" or "ionicon".
+     *
+     * Default: "text"
+     */
+    type?: string;
+
+    /**
+     * The value of the button. On "text" the string is used as label
+     * On fonatawesome or ionicon the icon name is used (e.g. fa-rocket)
+     *
+     * Default: "Send"
+     */
+    value?: string;
+
+    /**
+     * If type is "text" you can set this to either "normal", "bold" or "italic".
+     *
+     * Default: "normal"
+     */
+    textStyle?: string;
+
+    /**
+     * The color of the button in HEX
+     *
+     * Default: #000
+     */
+    color: string;
+
+    /**
+     * A callback being executed as soon as the button is clicked
+     */
+    onPress(): void;
+}
+
+interface LeftButtonOptions extends ButtonOptions {
+    /**
+     * Set to true to disable the button once text has been entered.
+     *
+     * Default: false
+     */
+    disabledWhenTextEntered?: boolean;
+}
+
+/** NativeKeyboard instance */
+declare var NativeKeyboard: NativeKeyboard;
+interface Window {
+    NativeKeyboard: NativeKeyboard;
+}
diff --git a/types/cordova-plugin-native-keyboard/tsconfig.json b/types/cordova-plugin-native-keyboard/tsconfig.json
new file mode 100644
index 0000000000..4309b2406b
--- /dev/null
+++ b/types/cordova-plugin-native-keyboard/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",
+        "cordova-plugin-native-keyboard-tests.ts"
+    ]
+}
diff --git a/types/cordova-plugin-native-keyboard/tslint.json b/types/cordova-plugin-native-keyboard/tslint.json
new file mode 100644
index 0000000000..3db14f85ea
--- /dev/null
+++ b/types/cordova-plugin-native-keyboard/tslint.json
@@ -0,0 +1 @@
+{ "extends": "dtslint/dt.json" }

From 7bd8b5865ca82475458ee6cb34f6656fc5727db0 Mon Sep 17 00:00:00 2001
From: Guo Yunhe <guoyunhebrave@gmail.com>
Date: Tue, 2 May 2017 00:03:00 +0300
Subject: [PATCH 114/321] js-search: add definition (#16102)

* js-search: add definition

* js-search: fix project url

* js-search: use module instead of namespace declare

* js-search: change strictNullChecks to true

* js-search: add tslint.json
---
 types/js-search/index.d.ts         | 143 +++++++++++++++++++++++++++++
 types/js-search/js-search-tests.ts |  58 ++++++++++++
 types/js-search/tsconfig.json      |  22 +++++
 types/js-search/tslint.json        |   1 +
 4 files changed, 224 insertions(+)
 create mode 100644 types/js-search/index.d.ts
 create mode 100644 types/js-search/js-search-tests.ts
 create mode 100644 types/js-search/tsconfig.json
 create mode 100644 types/js-search/tslint.json

diff --git a/types/js-search/index.d.ts b/types/js-search/index.d.ts
new file mode 100644
index 0000000000..49c10251eb
--- /dev/null
+++ b/types/js-search/index.d.ts
@@ -0,0 +1,143 @@
+// Type definitions for js-search v1.4.0
+// Project: https://github.com/bvaughn/js-search
+// Definitions by: Guo Yunhe <https://github.com/guoyunhe>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+
+declare module "js-search" {
+
+    class Search {
+
+        constructor(
+            uidFieldName: string | Array<string>
+        );
+
+        public indexStrategy: IIndexStrategy;
+        public sanitizer: ISanitizer;
+        public searchIndex: ISearchIndex;
+        public tokenizer: ITokenizer;
+
+        public addDocument(document: Object): void;
+        public addDocuments(documents: Array<Object>): void;
+
+        public addIndex(field: string | Array<string>): void;
+
+        public search(query: string): Array<Object>;
+
+    }
+
+    interface IIndexStrategy {
+        expandToken(token: string): Array<string>;
+    }
+
+    class AllSubstringsIndexStrategy implements IIndexStrategy {
+        expandToken(token: string): Array<string>;
+    }
+
+    class ExactWordIndexStrategy implements IIndexStrategy {
+        expandToken(token: string): Array<string>;
+    }
+
+    class PrefixIndexStrategy implements IIndexStrategy {
+        expandToken(token: string): Array<string>;
+    }
+
+    interface ISanitizer {
+        sanitize(text: string): string;
+    }
+
+    class CaseSensitiveSanitizer implements ISanitizer {
+        sanitize(text: string): string;
+    }
+
+    class LowerCaseSanitizer implements ISanitizer {
+        sanitize(text: string): string;
+    }
+
+    interface ISearchIndex {
+        indexDocument(
+            token: string,
+            uid: string,
+            document: Object
+        ): void;
+
+        search(
+            tokens: Array<string>,
+            corpus: Array<Object>
+        ): Array<Object>;
+    }
+
+    type ITfIdfTokenMap = {
+        [token: string]: ITfIdfTokenMetadata;
+    };
+
+    type ITfIdfUidMap = {
+        [uid: string]: ITfIdfUidMetadata;
+    };
+
+    type ITfIdfTokenMetadata = {
+        $numDocumentOccurrences: number;
+        $totalNumOccurrences: number;
+        $uidMap: ITfIdfUidMap;
+    };
+
+    type ITfIdfUidMetadata = {
+        $document: Object;
+        $numTokenOccurrences: number;
+    };
+
+    class TfIdfSearchIndex implements ISearchIndex {
+        constructor(uidFieldName: string | Array<string>);
+
+        indexDocument(token: string, uid: string, doc: Object): void;
+
+        search(tokens: Array<string>, corpus: Array<Object>): Array<Object>;
+    }
+
+    class UnorderedSearchIndex implements ISearchIndex {
+        constructor();
+
+        indexDocument(token: string, uid: string, doc: Object): void;
+
+        search(tokens: Array<string>, corpus: Array<Object>): Array<Object>;
+    }
+
+    interface ITokenizer {
+        tokenize(text: string): Array<string>;
+    }
+
+    class SimpleTokenizer implements ITokenizer {
+        tokenize(text: string): Array<string>;
+    }
+
+    type StemmingFunction = (text: string) => string;
+
+    class StemmingTokenizer implements ITokenizer {
+        constructor(
+            stemmingFunction: StemmingFunction,
+            decoratedTokenizer: ITokenizer
+        );
+
+        tokenize(text: string): Array<string>;
+    }
+
+    class StopWordsTokenizer implements ITokenizer {
+        constructor(decoratedTokenizer: ITokenizer);
+
+        tokenize(text: string): Array<string>;
+    }
+
+    var StopWordsMap: any;
+
+    class TokenHighlighter {
+
+        constructor(
+            opt_indexStrategy: IIndexStrategy,
+            opt_sanitizer: ISanitizer,
+            opt_wrapperTagName: string
+        );
+
+        public highlight(text: string, tokens: Array<string>): string;
+
+    }
+
+}
diff --git a/types/js-search/js-search-tests.ts b/types/js-search/js-search-tests.ts
new file mode 100644
index 0000000000..b852e000cc
--- /dev/null
+++ b/types/js-search/js-search-tests.ts
@@ -0,0 +1,58 @@
+import { Search, ITokenizer, StopWordsMap, StopWordsTokenizer, StemmingTokenizer, SimpleTokenizer, UnorderedSearchIndex } from "js-search";
+
+var theGreatGatsby = {
+  isbn: '9781597226769',
+  title: 'The Great Gatsby',
+  author: {
+    name: 'F. Scott Fitzgerald'
+  },
+  tags: ['book', 'inspirational']
+};
+var theDaVinciCode = {
+  isbn: '0307474275',
+  title: 'The DaVinci Code',
+  author: {
+    name: 'Dan Brown'
+  },
+  tags: ['book', 'mystery']
+};
+var angelsAndDemons = {
+  isbn: '074349346X',
+  title: 'Angels & Demons',
+  author: {
+    name: 'Dan Brown',
+  },
+  tags: ['book', 'mystery']
+};
+
+var search = new Search('isbn');
+search.addIndex('title');
+search.addIndex(['author', 'name']);
+search.addIndex('tags')
+
+search.addDocuments([theGreatGatsby, theDaVinciCode, angelsAndDemons]);
+
+search.search('The');    // [theGreatGatsby, theDaVinciCode]
+search.search('scott');  // [theGreatGatsby]
+search.search('dan');    // [angelsAndDemons, theDaVinciCode]
+search.search('mystery') // [angelsAndDemons, theDaVinciCode]
+
+search.tokenizer = <ITokenizer>{
+  tokenize(text: any) {
+    // Convert text to an Array of strings and return the Array
+  }
+};
+
+
+// Function should accept a string param and return a string
+var stemmer = function () { return 'foobar' };
+
+search.tokenizer = new StemmingTokenizer(stemmer, new SimpleTokenizer());
+
+
+search.tokenizer = new StopWordsTokenizer(new SimpleTokenizer());
+
+StopWordsMap.the = false; // Do not treat "the" as a stop word
+StopWordsMap.bob = true;  // Treat "bob" as a stop word
+
+search.searchIndex = new UnorderedSearchIndex();
diff --git a/types/js-search/tsconfig.json b/types/js-search/tsconfig.json
new file mode 100644
index 0000000000..83ce87381c
--- /dev/null
+++ b/types/js-search/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",
+        "js-search-tests.ts"
+    ]
+}
diff --git a/types/js-search/tslint.json b/types/js-search/tslint.json
new file mode 100644
index 0000000000..3db14f85ea
--- /dev/null
+++ b/types/js-search/tslint.json
@@ -0,0 +1 @@
+{ "extends": "dtslint/dt.json" }

From 3d2aeae3119bbca70f3a68454570e456d25374c0 Mon Sep 17 00:00:00 2001
From: Andy <anhans@microsoft.com>
Date: Mon, 1 May 2017 14:03:24 -0700
Subject: [PATCH 115/321] Remove `promise` package (#16030)

---
 types/promise/index.d.ts       | 28 ----------------------------
 types/promise/promise-tests.ts | 25 -------------------------
 types/promise/tsconfig.json    | 22 ----------------------
 3 files changed, 75 deletions(-)
 delete mode 100644 types/promise/index.d.ts
 delete mode 100644 types/promise/promise-tests.ts
 delete mode 100644 types/promise/tsconfig.json

diff --git a/types/promise/index.d.ts b/types/promise/index.d.ts
deleted file mode 100644
index d51e11de3d..0000000000
--- a/types/promise/index.d.ts
+++ /dev/null
@@ -1,28 +0,0 @@
-// Type definitions for promise v7.1.1
-// Project: https://www.promisejs.org/
-// Definitions by: Manuel Rueda <https://github.com/ManRueda>
-// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
-
-export as namespace Promise;
-
-export = Promise;
-declare var Promise: Promise.IPromise;
-
-declare namespace Promise {
-	export interface IPromise {
-		new <T>(resolver: (resolve: (value: T) => void, reject: (reason: any) => void) => void): IThenable<T>;
-
-		resolve: <T>(value: T) => IThenable<T>;
-		reject: <T>(value: T) => IThenable<T>;
-		all: (array: Array<IThenable<any>>) => IThenable<Array<any>>;
-		denodeify: (fn: Function) => (...args: any[]) => IThenable<any>;
-		nodeify: (fn: Function) => Function;
-	}
-
-	export interface IThenable<T> {
-		then<R>(onFulfilled?: (value: T) => IThenable<R>|R, onRejected?: (error: any) => IThenable<R>|R): IThenable<R>;
-		catch<R>(onRejected?: (error: any) => IThenable<R>|R): IThenable<R>;
-		done<R>(onFulfilled?: (value: T) => IThenable<R>|R, onRejected?: (error: any) => IThenable<R>|R): IThenable<R>;
-		nodeify<R>(callback: Function): IThenable<R>;
-	}
-}
diff --git a/types/promise/promise-tests.ts b/types/promise/promise-tests.ts
deleted file mode 100644
index c90cf4bf5e..0000000000
--- a/types/promise/promise-tests.ts
+++ /dev/null
@@ -1,25 +0,0 @@
-var prom = new Promise<boolean>((resolve, reject) => {
-	resolve(true);
-});
-
-var prom2 = new Promise<boolean>((resolve, reject) => {
-	resolve(true);
-});
-
-prom.then((val) => {
-  const b: boolean = val;
-}).catch(() => {
-
-});
-
-var prom3 = Promise.all([prom, prom2]);
-
-prom3.then((resolve: Array<any>) => {
-
-});
-
-function withCallback(arg: any, cb: (e: Error, result: any) => void): void {
-	cb(null, arg);
-}
-var prom4 = Promise.denodeify(withCallback);
-prom4('test').then(result => result);
diff --git a/types/promise/tsconfig.json b/types/promise/tsconfig.json
deleted file mode 100644
index 5fc066d3e9..0000000000
--- a/types/promise/tsconfig.json
+++ /dev/null
@@ -1,22 +0,0 @@
-{
-    "compilerOptions": {
-        "module": "commonjs",
-        "lib": [
-            "es5"
-        ],
-        "noImplicitAny": true,
-        "noImplicitThis": true,
-        "strictNullChecks": false,
-        "baseUrl": "../",
-        "typeRoots": [
-            "../"
-        ],
-        "types": [],
-        "noEmit": true,
-        "forceConsistentCasingInFileNames": true
-    },
-    "files": [
-        "index.d.ts",
-        "promise-tests.ts"
-    ]
-}
\ No newline at end of file

From 93f85817e11b3c6f803189d6936a2d9c44e4efad Mon Sep 17 00:00:00 2001
From: Andy <anhans@microsoft.com>
Date: Mon, 1 May 2017 14:04:18 -0700
Subject: [PATCH 116/321] leaflet-markercluster: Rename to
 "leaflet.markercluster" and convert to module (#16027)

---
 .../index.d.ts                                       | 12 +++++++-----
 .../leaflet.markercluster-tests.ts}                  |  2 ++
 .../tsconfig.json                                    |  2 +-
 .../tslint.json                                      |  0
 4 files changed, 10 insertions(+), 6 deletions(-)
 rename types/{leaflet-markercluster => leaflet.markercluster}/index.d.ts (96%)
 rename types/{leaflet-markercluster/leaflet-markercluster-tests.ts => leaflet.markercluster/leaflet.markercluster-tests.ts} (98%)
 rename types/{leaflet-markercluster => leaflet.markercluster}/tsconfig.json (91%)
 rename types/{leaflet-markercluster => leaflet.markercluster}/tslint.json (100%)

diff --git a/types/leaflet-markercluster/index.d.ts b/types/leaflet.markercluster/index.d.ts
similarity index 96%
rename from types/leaflet-markercluster/index.d.ts
rename to types/leaflet.markercluster/index.d.ts
index f2323f4573..b6780ec357 100644
--- a/types/leaflet-markercluster/index.d.ts
+++ b/types/leaflet.markercluster/index.d.ts
@@ -3,10 +3,12 @@
 // Definitions by: Robert Imig <https://github.com/rimig>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 
-/// <reference types="leaflet" />
+import * as Leaflet from "leaflet";
 
-declare namespace L {
-    interface MarkerCluster extends L.Marker {
+export = Leaflet;
+
+declare global { namespace L {
+    interface MarkerCluster extends Marker {
         /*
         * Recursively retrieve all child markers of this cluster.
         */
@@ -103,7 +105,7 @@ declare namespace L {
         /*
         * Function used to create the cluster icon
         */
-        iconCreateFunction?: ((cluster: L.MarkerCluster) => L.Icon | L.DivIcon);
+        iconCreateFunction?: ((cluster: MarkerCluster) => Icon | DivIcon);
 
         /*
         * Boolean to split the addLayers processing in to small intervals so that the page does not freeze.
@@ -164,4 +166,4 @@ declare namespace L {
     * Create a marker cluster group, optionally given marker cluster group options.
     */
     function markerClusterGroup(options?: MarkerClusterGroupOptions): MarkerClusterGroup;
-}
+} }
diff --git a/types/leaflet-markercluster/leaflet-markercluster-tests.ts b/types/leaflet.markercluster/leaflet.markercluster-tests.ts
similarity index 98%
rename from types/leaflet-markercluster/leaflet-markercluster-tests.ts
rename to types/leaflet.markercluster/leaflet.markercluster-tests.ts
index 73b98586e9..2a2a4969e1 100644
--- a/types/leaflet-markercluster/leaflet-markercluster-tests.ts
+++ b/types/leaflet.markercluster/leaflet.markercluster-tests.ts
@@ -1,3 +1,5 @@
+import L = require("leaflet.markercluster");
+
 const polylineOptions: L.PolylineOptions = {};
 const icon: L.Icon = L.icon({ iconUrl: 'foo' });
 
diff --git a/types/leaflet-markercluster/tsconfig.json b/types/leaflet.markercluster/tsconfig.json
similarity index 91%
rename from types/leaflet-markercluster/tsconfig.json
rename to types/leaflet.markercluster/tsconfig.json
index d5e7d33df8..6cc587aa00 100644
--- a/types/leaflet-markercluster/tsconfig.json
+++ b/types/leaflet.markercluster/tsconfig.json
@@ -18,6 +18,6 @@
     },
     "files": [
         "index.d.ts",
-        "leaflet-markercluster-tests.ts"
+        "leaflet.markercluster-tests.ts"
     ]
 }
\ No newline at end of file
diff --git a/types/leaflet-markercluster/tslint.json b/types/leaflet.markercluster/tslint.json
similarity index 100%
rename from types/leaflet-markercluster/tslint.json
rename to types/leaflet.markercluster/tslint.json

From 774e70493563a14dd39dc327460ac2fd63a43112 Mon Sep 17 00:00:00 2001
From: Andy <anhans@microsoft.com>
Date: Mon, 1 May 2017 14:04:37 -0700
Subject: [PATCH 117/321] selenium-webdriver: Fix Promise errors (#15989)

---
 types/selenium-webdriver/test/index.ts | 18 ++++++++++--------
 1 file changed, 10 insertions(+), 8 deletions(-)

diff --git a/types/selenium-webdriver/test/index.ts b/types/selenium-webdriver/test/index.ts
index c7bae6700c..f325fe6604 100644
--- a/types/selenium-webdriver/test/index.ts
+++ b/types/selenium-webdriver/test/index.ts
@@ -822,8 +822,8 @@ function TestPromiseModule() {
     stringPromise = webdriver.promise.createFlow<string>((newFlow: webdriver.promise.ControlFlow) => 'ABC');
 
     let deferred: webdriver.promise.Deferred<string>;
-    deferred = webdriver.promise.defer();
-    deferred = webdriver.promise.defer();
+    deferred = webdriver.promise.defer<string>();
+    deferred = webdriver.promise.defer<string>();
 
     stringPromise = deferred.promise;
 
@@ -835,12 +835,12 @@ function TestPromiseModule() {
     voidPromise = webdriver.promise.fulfilled<void>();
     stringPromise = webdriver.promise.fulfilled('abc');
 
-    stringPromise = webdriver.promise.fullyResolved('abc');
+    stringPromise = webdriver.promise.fullyResolved<string>('abc');
 
     let bool: boolean = webdriver.promise.isGenerator(() => {});
     let isPromise: boolean = webdriver.promise.isPromise('ABC');
 
-    stringPromise = webdriver.promise.rejected('{a: 123}');
+    stringPromise = webdriver.promise.rejected<string>('{a: 123}');
 
     webdriver.promise.setDefaultFlow(new webdriver.promise.ControlFlow());
 
@@ -935,11 +935,13 @@ function TestDeferred() {
 function TestPromiseClass() {
     let controlFlow: webdriver.promise.ControlFlow;
     let promise: webdriver.promise.Promise<string>;
-    promise = new webdriver.promise.Promise<string>((resolve: (value: string) => void, reject: () => void) => {});
-    promise = new webdriver.promise.Promise<string>((resolve: (value: webdriver.promise.Promise<string>) => void, reject: () => void) => {});
-    promise = new webdriver.promise.Promise<string>((resolve: (value: string) => void, reject: () => void) => {}, controlFlow);
+    promise = new webdriver.promise.Promise<string>((resolve, reject) => {
+        resolve("");
+        resolve(Promise.resolve(""));
+        reject(new Error());
+    }, controlFlow);
 
-    promise = promise.then();
+    promise = promise.then<string>();
     promise = promise.then((a: string) => 'cde');
     promise = promise.then((a: string) => 'cde', (e: any) => {});
     promise = promise.then((a: string) => 'cde', (e: any) => 123);

From 441bef5f52b71c559df8df67f48dd179191b374e Mon Sep 17 00:00:00 2001
From: Andy <anhans@microsoft.com>
Date: Mon, 1 May 2017 14:04:53 -0700
Subject: [PATCH 118/321] cucumber: Fix new `--noImplicitAny` error (#15983)

---
 types/cucumber/cucumber-tests.ts | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/types/cucumber/cucumber-tests.ts b/types/cucumber/cucumber-tests.ts
index 379922d1a7..53ca726230 100644
--- a/types/cucumber/cucumber-tests.ts
+++ b/types/cucumber/cucumber-tests.ts
@@ -7,7 +7,7 @@ function StepSample() {
     type HookScenarioResult = cucumber.HookScenarioResult;
 
     cucumber.defineSupportCode(function ({setWorldConstructor, defineParameterType, After, Around, Before, registerHandler, Given, When, Then}) {
-        setWorldConstructor(function ({attach, parameters}) {
+        setWorldConstructor(function ({attach, parameters}: any) {
             this.attach = attach;
             this.parameters = parameters;
             this.visit = function (url: string, callback: Callback) {
@@ -19,7 +19,7 @@ function StepSample() {
             console.log(scenarioResult.status === "failed");
             callback();
         });
-      
+
         Before({ timeout: 1000 }, function (scenarioResult: HookScenarioResult, callback: Callback) {
             console.log(scenarioResult.status === "failed");
             callback();
@@ -35,7 +35,7 @@ function StepSample() {
             console.log("After");
             callback();
         });
-      
+
         After({ timeout: 1000 }, (scenarioResult: HookScenarioResult, callback?: Callback) => {
             console.log("After");
             callback();
@@ -48,7 +48,7 @@ function StepSample() {
         Given(/^a variable set to (\d+)$/, (x: string) => {
             console.log("the number is: " + x);
         });
-        
+
         Given(/^a variable set to (\d+)$/, (x: number) => {
             console.log(typeof x);
         });

From 3a5fa639424011eba69ae5a407c4af00174e4bd9 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Iker=20P=C3=A9rez=20Brunelli?=
 <DarkerTV@users.noreply.github.com>
Date: Mon, 1 May 2017 23:46:38 +0200
Subject: [PATCH 119/321] Add snekfetch type definitions (#16214)

* Add snekfetch typings

* Fix linting errors

* Remove unsused import

* Make interfaces and types available to import
---
 types/snekfetch/index.d.ts         | 126 +++++++++++++++++++++++++++++
 types/snekfetch/snekfetch-tests.ts |  12 +++
 types/snekfetch/tsconfig.json      |  22 +++++
 types/snekfetch/tslint.json        |   3 +
 4 files changed, 163 insertions(+)
 create mode 100644 types/snekfetch/index.d.ts
 create mode 100644 types/snekfetch/snekfetch-tests.ts
 create mode 100644 types/snekfetch/tsconfig.json
 create mode 100644 types/snekfetch/tslint.json

diff --git a/types/snekfetch/index.d.ts b/types/snekfetch/index.d.ts
new file mode 100644
index 0000000000..71ef08d9a1
--- /dev/null
+++ b/types/snekfetch/index.d.ts
@@ -0,0 +1,126 @@
+// Type definitions for snekfetch 3.1
+// Project: https://github.com/GusCaplan/snekfetch
+// Definitions by: Iker Pérez Brunelli <https://github.com/DarkerTV>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+// TypeScript Version: 2.2
+
+/// <reference types="node" />
+
+import { ClientRequest } from 'http';
+import { Readable } from 'stream';
+
+declare namespace Snekfetch {
+    interface SnekfetchOptions {
+        headers?: { [key: string]: any };
+        data?: any;
+    }
+
+    interface Result {
+        request: ClientRequest;
+        body: Buffer;
+        text: string;
+        ok: boolean;
+        headers: { [key: string]: any };
+        status: number;
+        statusText: string;
+    }
+
+    type methods = 'ACL'
+        | 'BIND'
+        | 'CHECKOUT'
+        | 'CONNECT'
+        | 'COPY'
+        | 'DELETE'
+        | 'GET'
+        | 'HEAD'
+        | 'LINK'
+        | 'LOCK'
+        | 'M-SEARCH'
+        | 'MERGE'
+        | 'MKACTIVITY'
+        | 'MKCALENDAR'
+        | 'MKCOL'
+        | 'MOVE'
+        | 'NOTIFY'
+        | 'OPTIONS'
+        | 'PATCH'
+        | 'POST'
+        | 'PROPFIND'
+        | 'PROPPATCH'
+        | 'PURGE'
+        | 'PUT'
+        | 'REBIND'
+        | 'REPORT'
+        | 'SEARCH'
+        | 'SUBSCRIBE'
+        | 'TRACE'
+        | 'UNBIND'
+        | 'UNLINK'
+        | 'UNLOCK'
+        | 'UNSUBSCRIBE'
+        | 'BREW';
+}
+
+declare class Snekfetch extends Readable {
+    static METHODS: Snekfetch.methods[];
+    static version: string;
+
+    data: any;
+    request: ClientRequest;
+    readonly response: Snekfetch.Result | null;
+
+    constructor(method: Snekfetch.methods, url: string, opts?: Snekfetch.SnekfetchOptions);
+
+    static acl(url: string): Snekfetch;
+    static bind(url: string): Snekfetch;
+    static checkout(url: string): Snekfetch;
+    static connect(url: string): Snekfetch;
+    static copy(url: string): Snekfetch;
+    static delete(url: string): Snekfetch;
+    static get(url: string): Snekfetch;
+    static head(url: string): Snekfetch;
+    static link(url: string): Snekfetch;
+    static lock(url: string): Snekfetch;
+    static msearch(url: string): Snekfetch;
+    static merge(url: string): Snekfetch;
+    static mkactivity(url: string): Snekfetch;
+    static mkcalendar(url: string): Snekfetch;
+    static mkcol(url: string): Snekfetch;
+    static move(url: string): Snekfetch;
+    static notify(url: string): Snekfetch;
+    static options(url: string): Snekfetch;
+    static patch(url: string): Snekfetch;
+    static post(url: string): Snekfetch;
+    static propfind(url: string): Snekfetch;
+    static proppatch(url: string): Snekfetch;
+    static purge(url: string): Snekfetch;
+    static put(url: string): Snekfetch;
+    static rebind(url: string): Snekfetch;
+    static report(url: string): Snekfetch;
+    static search(url: string): Snekfetch;
+    static subscribe(url: string): Snekfetch;
+    static trace(url: string): Snekfetch;
+    static unbind(url: string): Snekfetch;
+    static unlink(url: string): Snekfetch;
+    static unlock(url: string): Snekfetch;
+    static unsubscribe(url: string): Snekfetch;
+    static brew(url: string): Snekfetch;
+
+    query(name: string, value: string): Snekfetch;
+
+    set(name: string | { [key: string]: string | string[] }, value?: string | string[]): Snekfetch;
+
+    attach(name: string, data: string | object | Buffer, filename?: string): Snekfetch;
+
+    send(data?: any): Snekfetch;
+
+    then(): Promise<Snekfetch.Result>;
+    then<T>(resolver: (res: Snekfetch.Result) => T, rejector?: (err: Error) => any): Promise<T>;
+
+    catch(rejector: (err: Error) => any): Promise<Snekfetch.Result>;
+
+    end(): Promise<Snekfetch.Result>;
+    end<T>(cb: (err: Error | null, res: Snekfetch.Result | Error | null) => T): Promise<T>;
+}
+
+export = Snekfetch;
diff --git a/types/snekfetch/snekfetch-tests.ts b/types/snekfetch/snekfetch-tests.ts
new file mode 100644
index 0000000000..b05c02628a
--- /dev/null
+++ b/types/snekfetch/snekfetch-tests.ts
@@ -0,0 +1,12 @@
+import * as fs from 'fs';
+import * as snekfetch from 'snekfetch';
+
+snekfetch.get('https://s.gus.host/o-SNAKES-80.jpg')
+  .then(r => fs.writeFile('download.jpg', r.body));
+
+snekfetch.get('https://s.gus.host/o-SNAKES-80.jpg')
+  .pipe(fs.createWriteStream('download.jpg'));
+
+snekfetch.post('https://httpbin.org/post')
+  .send({ meme: 'dream' })
+  .then(r => console.log(r.body));
diff --git a/types/snekfetch/tsconfig.json b/types/snekfetch/tsconfig.json
new file mode 100644
index 0000000000..f07bbc8b66
--- /dev/null
+++ b/types/snekfetch/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",
+        "snekfetch-tests.ts"
+    ]
+}
diff --git a/types/snekfetch/tslint.json b/types/snekfetch/tslint.json
new file mode 100644
index 0000000000..40ebe59923
--- /dev/null
+++ b/types/snekfetch/tslint.json
@@ -0,0 +1,3 @@
+{
+    "extends": "dtslint/dt.json" 
+}

From ea345679fb124e9a31572ff022be85b2b0e9cb9c Mon Sep 17 00:00:00 2001
From: Mikal Madsen <mikal.madsen@gmail.com>
Date: Tue, 2 May 2017 00:19:16 +0200
Subject: [PATCH 120/321] Add Recase typings (#15744)

* Add Recase typings

* Add relaxed-json type definitions

* Update Recase and Relaxed-JSON types as per PR review

* Update Recase and Relaxed-JSON types
---
 types/recase/index.d.ts                  | 14 +++++++
 types/recase/recase-tests.ts             | 33 ++++++++++++++++
 types/recase/tsconfig.json               | 22 +++++++++++
 types/recase/tslint.json                 |  1 +
 types/relaxed-json/index.d.ts            | 16 ++++++++
 types/relaxed-json/relaxed-json-tests.ts | 49 ++++++++++++++++++++++++
 types/relaxed-json/tsconfig.json         | 22 +++++++++++
 types/relaxed-json/tslint.json           |  1 +
 8 files changed, 158 insertions(+)
 create mode 100644 types/recase/index.d.ts
 create mode 100644 types/recase/recase-tests.ts
 create mode 100644 types/recase/tsconfig.json
 create mode 100644 types/recase/tslint.json
 create mode 100644 types/relaxed-json/index.d.ts
 create mode 100644 types/relaxed-json/relaxed-json-tests.ts
 create mode 100644 types/relaxed-json/tsconfig.json
 create mode 100644 types/relaxed-json/tslint.json

diff --git a/types/recase/index.d.ts b/types/recase/index.d.ts
new file mode 100644
index 0000000000..29808f6130
--- /dev/null
+++ b/types/recase/index.d.ts
@@ -0,0 +1,14 @@
+// Type definitions for Recase 1.0
+// Project: https://www.npmjs.com/package/recase
+// Definitions by: Mikal Madsen <https://github.com/18steps>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+
+export interface Recase {
+    camelCopy(orig: any): any;
+    snakeCopy(orig: any): any;
+}
+export function create(opts: {
+    exceptions?: {
+        [origKey: string]: string;
+    };
+}): Recase;
diff --git a/types/recase/recase-tests.ts b/types/recase/recase-tests.ts
new file mode 100644
index 0000000000..fe554ecb4b
--- /dev/null
+++ b/types/recase/recase-tests.ts
@@ -0,0 +1,33 @@
+import * as Recase from 'recase';
+const recase = Recase.create({exceptions: {FOO: 'foo'}});
+
+const snake = recase.snakeCopy(
+    {
+        FOO: 1,                  // Exception
+        abcXyz: {                // Normal
+            _abcXyz: [           // private
+                {__abcXyz: 1},   // very private
+                {___abcXyz: 1},  // very very private
+            ],
+        },
+    },
+);
+
+const camel = recase.camelCopy(
+    {
+        foo: 1,                   // Exception
+        abc_xyz: {                // Normal
+            _abc_xyz: [           // private
+                {__abc_xyz: 1},   // very private
+                {___abc_xyz: 1},  // very very private
+            ],
+        },
+    },
+);
+
+recase.snakeCopy(1);
+recase.camelCopy(2);
+recase.snakeCopy('a');
+recase.camelCopy('b');
+recase.snakeCopy(['c', '1']);
+recase.snakeCopy(['d', '1']);
diff --git a/types/recase/tsconfig.json b/types/recase/tsconfig.json
new file mode 100644
index 0000000000..fe94c39f52
--- /dev/null
+++ b/types/recase/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",
+        "recase-tests.ts"
+    ]
+}
diff --git a/types/recase/tslint.json b/types/recase/tslint.json
new file mode 100644
index 0000000000..3db14f85ea
--- /dev/null
+++ b/types/recase/tslint.json
@@ -0,0 +1 @@
+{ "extends": "dtslint/dt.json" }
diff --git a/types/relaxed-json/index.d.ts b/types/relaxed-json/index.d.ts
new file mode 100644
index 0000000000..7b081d9acf
--- /dev/null
+++ b/types/relaxed-json/index.d.ts
@@ -0,0 +1,16 @@
+// Type definitions for relaxed-json 1.0
+// Project: https://github.com/phadej/relaxed-json
+// Definitions by: Mikal Madsen <https://github.com/18steps>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+
+export type Reviver = (this: {}, key: string, value: any) => any;
+export function transform(text: string): string;
+export function parse(text: string, reviver: Reviver): {};
+export function parse(text: string, opts?: {
+    reviver?: Reviver,
+    relaxed?: boolean,
+    warnings?: boolean,
+    tolerant?: boolean,
+    duplicate?: boolean,
+}): {};
+export function stringify(obj: any): string;
diff --git a/types/relaxed-json/relaxed-json-tests.ts b/types/relaxed-json/relaxed-json-tests.ts
new file mode 100644
index 0000000000..dc07398f9f
--- /dev/null
+++ b/types/relaxed-json/relaxed-json-tests.ts
@@ -0,0 +1,49 @@
+import * as RJSON from 'relaxed-json';
+
+const relaxedString = `
+    {                               // comment
+        foo: "bar",                 // identifier
+        "arr": [1,2,3,],            // trailing comma in array
+        "single-quoted": 'string',
+        'trailing': 4,
+    },
+`;
+
+RJSON.transform(relaxedString);
+
+function revive(key: string, value: any): any {
+    return typeof value === 'number'
+        ? value * 2  // return value * 2 for numbers
+        : value;     // return everything else unchanged
+}
+
+RJSON.parse(relaxedString, revive);
+
+RJSON.parse(relaxedString, {
+    reviver: revive,
+    relaxed: true,
+    warnings: true,
+    tolerant: true,
+    duplicate: true,
+});
+
+RJSON.parse(relaxedString, {
+    tolerant: false,
+    duplicate: true,
+});
+
+RJSON.parse(relaxedString, {
+    reviver: revive,
+});
+
+RJSON.parse(relaxedString, {});
+
+const parsed = RJSON.parse(relaxedString);
+RJSON.stringify(parsed);
+
+RJSON.stringify({
+    foo: 'bar',
+});
+RJSON.stringify([1, 2, 3]);
+RJSON.stringify(3);
+RJSON.stringify('a');
diff --git a/types/relaxed-json/tsconfig.json b/types/relaxed-json/tsconfig.json
new file mode 100644
index 0000000000..235aa056fa
--- /dev/null
+++ b/types/relaxed-json/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",
+        "relaxed-json-tests.ts"
+    ]
+}
diff --git a/types/relaxed-json/tslint.json b/types/relaxed-json/tslint.json
new file mode 100644
index 0000000000..3db14f85ea
--- /dev/null
+++ b/types/relaxed-json/tslint.json
@@ -0,0 +1 @@
+{ "extends": "dtslint/dt.json" }

From b0a313322970e0107b3899f7ff432413dd8fc0e6 Mon Sep 17 00:00:00 2001
From: Robin Ward <robin.ward@gmail.com>
Date: Mon, 1 May 2017 18:43:32 -0400
Subject: [PATCH 121/321] Ember: Missing optional parameter for
 `Ember.Helper.helper` function (#16250)

Currently, the second `hash` parameter to the closure is not supported,
even though it's used in the Ember Documentation for the method:

https://github.com/emberjs/ember.js/blob/v2.12.0/packages/ember-glimmer/lib/helper.js#L110-L114

I confirmed in the latest version of Ember.js that this `hash`
parameter works, so I believe the types should be updated to
support it.
---
 types/ember/ember-tests.ts | 11 +++++++++++
 types/ember/index.d.ts     |  2 +-
 2 files changed, 12 insertions(+), 1 deletion(-)

diff --git a/types/ember/ember-tests.ts b/types/ember/ember-tests.ts
index 99f00aae6f..4119e1d7ec 100644
--- a/types/ember/ember-tests.ts
+++ b/types/ember/ember-tests.ts
@@ -105,6 +105,17 @@ App.userController = Em.Object.create({
     })
 });
 
+Ember.Helper.helper((params) => {
+  let cents = params[0];
+  return `${cents * 0.01}`;
+});
+
+Ember.Helper.helper((params, hash) => {
+  let cents = params[0];
+  let currency = hash.currency;
+  return `${currency}${cents * 0.01}`;
+});
+
 Handlebars.registerHelper('highlight', (property: string, options: any) =>
     new Handlebars.SafeString('<span class="highlight">' + "some value" + '</span>'));
 
diff --git a/types/ember/index.d.ts b/types/ember/index.d.ts
index f7aedcb7c1..1a8d5455c5 100644
--- a/types/ember/index.d.ts
+++ b/types/ember/index.d.ts
@@ -1137,7 +1137,7 @@ declare namespace Ember {
        service(name?: string): Service;
     };
     class Helper extends Object {
-      static helper( h: (a: any) => any): Helper;
+      static helper( h: (params: any, hash?: any) => any): Helper;
       compute(params: any[], hash: any): any;
       recompute(params: any[], hash: any): any;
     }

From 7a49d23bc5ab2f1c3132f3996fd4f77468d200f5 Mon Sep 17 00:00:00 2001
From: Matthias Dailey <matthias.dailey@ccri.com>
Date: Mon, 1 May 2017 18:53:28 -0400
Subject: [PATCH 122/321] Add openlayers version 3.x (3.20) (#15923)

---
 types/openlayers/v3/index.d.ts          | 13931 ++++++++++++++++++++++
 types/openlayers/v3/openlayers-tests.ts |   765 ++
 types/openlayers/v3/tsconfig.json       |    28 +
 3 files changed, 14724 insertions(+)
 create mode 100644 types/openlayers/v3/index.d.ts
 create mode 100644 types/openlayers/v3/openlayers-tests.ts
 create mode 100644 types/openlayers/v3/tsconfig.json

diff --git a/types/openlayers/v3/index.d.ts b/types/openlayers/v3/index.d.ts
new file mode 100644
index 0000000000..c9791bc109
--- /dev/null
+++ b/types/openlayers/v3/index.d.ts
@@ -0,0 +1,13931 @@
+// Type definitions for OpenLayers v3.20.0
+// Project: http://openlayers.org/
+// Definitions by: Olivier Sechet <https://github.com/osechet>, Matthias Dailey <https://github.com/matthiasdailey-ccri>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+// Definitions partially generated using tsd-jsdoc (https://github.com/englercj/tsd-jsdoc)
+
+declare type GlobalObject = Object;
+
+/**
+ * @namespace ol
+ */
+declare module ol {
+    /**
+     * The animation static methods are designed to be used with the
+     * {@link ol.Map#beforeRender} method.  For example:
+     *
+     *     var map = new ol.Map({ ... });
+     *     var zoom = ol.animation.zoom({
+     *       resolution: map.getView().getResolution()
+     *     });
+     *     map.beforeRender(zoom);
+     *     map.getView().setResolution(map.getView().getResolution() * 2);
+     *
+     * @namespace ol.animation
+     */
+    module animation {
+        /**
+         * Generate an animated transition that will "bounce" the resolution as it
+         * approaches the final value.
+         * @param {olx.animation.BounceOptions} options Bounce options.
+         * @return {ol.PreRenderFunction} Pre-render function.
+         * @api
+         */
+        function bounce(options: olx.animation.BounceOptions): ol.PreRenderFunction;
+
+        /**
+         * Generate an animated transition while updating the view center.
+         * @param {olx.animation.PanOptions} options Pan options.
+         * @return {ol.PreRenderFunction} Pre-render function.
+         * @api
+         */
+        function pan(options: olx.animation.PanOptions): ol.PreRenderFunction;
+
+        /**
+         * Generate an animated transition while updating the view rotation.
+         * @param {olx.animation.RotateOptions} options Rotate options.
+         * @return {ol.PreRenderFunction} Pre-render function.
+         * @api
+         */
+        function rotate(options: olx.animation.RotateOptions): ol.PreRenderFunction;
+
+        /**
+         * Generate an animated transition while updating the view resolution.
+         * @param {olx.animation.ZoomOptions} options Zoom options.
+         * @return {ol.PreRenderFunction} Pre-render function.
+         * @api
+         */
+        function zoom(options: olx.animation.ZoomOptions): ol.PreRenderFunction;
+
+    }
+
+    /**
+      * Error object thrown when an assertion failed. This is an ECMA-262 Error,
+      * extended with a `code` property.
+      * @see {@link https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Error}
+      * @constructor
+      * @extends {Error}
+      * @implements {oli.AssertionError}
+      * @param {number} code Error code.
+      */
+    class AssertionError extends Error {
+        /**
+         * Error object thrown when an assertion failed. This is an ECMA-262 Error,
+         * extended with a `code` property.
+         * @see {@link https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Error}
+         * @constructor
+         * @extends {Error}
+         * @implements {oli.AssertionError}
+         * @param {number} code Error code.
+         */
+        constructor(code: number);
+
+        /**
+         * Error code. The meaning of the code can be found on
+         * {@link http://openlayers.org/en/latest/errors.html} (replace `latest` with
+         * the version found in the OpenLayers script's header comment if a version
+         * other than the latest is used).
+         * @type {number}
+         * @api
+         */
+        code: number;
+
+    }
+
+    /**
+     * @classdesc
+     * An attribution for a layer source.
+     *
+     * Example:
+     *
+     *     source: new ol.source.OSM({
+     *       attributions: [
+     *         new ol.Attribution({
+     *           html: 'All maps &copy; ' +
+     *               '<a href="http://www.opencyclemap.org/">OpenCycleMap</a>'
+     *         }),
+     *         ol.source.OSM.ATTRIBUTION
+     *       ],
+     *     ..
+     *
+     * @constructor
+     * @param {olx.AttributionOptions} options Attribution options.
+     * @struct
+     * @api stable
+     */
+    class Attribution {
+        /**
+         * @classdesc
+         * An attribution for a layer source.
+         *
+         * Example:
+         *
+         *     source: new ol.source.OSM({
+         *       attributions: [
+         *         new ol.Attribution({
+         *           html: 'All maps &copy; ' +
+         *               '<a href="http://www.opencyclemap.org/">OpenCycleMap</a>'
+         *         }),
+         *         ol.source.OSM.ATTRIBUTION
+         *       ],
+         *     ..
+         *
+         * @constructor
+         * @param {olx.AttributionOptions} options Attribution options.
+         * @struct
+         * @api stable
+         */
+        constructor(options: olx.AttributionOptions);
+
+        /**
+         * Get the attribution markup.
+         * @return {string} The attribution HTML.
+         * @api stable
+         */
+        getHTML(): string;
+
+    }
+
+    /**
+     * @classdesc
+     * An expanded version of standard JS Array, adding convenience methods for
+     * manipulation. Add and remove changes to the Collection trigger a Collection
+     * event. Note that this does not cover changes to the objects _within_ the
+     * Collection; they trigger events on the appropriate object, not on the
+     * Collection as a whole.
+     *
+     * @constructor
+     * @extends {ol.Object}
+     * @fires ol.Collection.Event
+     * @param {!Array.<T>=} opt_array Array.
+     * @template T
+     * @api stable
+     */
+    class Collection<T> extends ol.Object {
+        /**
+         * @classdesc
+         * An expanded version of standard JS Array, adding convenience methods for
+         * manipulation. Add and remove changes to the Collection trigger a Collection
+         * event. Note that this does not cover changes to the objects _within_ the
+         * Collection; they trigger events on the appropriate object, not on the
+         * Collection as a whole.
+         *
+         * @constructor
+         * @extends {ol.Object}
+         * @fires ol.Collection.Event
+         * @param {!Array.<T>=} opt_array Array.
+         * @template T
+         * @api stable
+         */
+        constructor(opt_array?: T[]);
+
+        /**
+         * Remove all elements from the collection.
+         * @api stable
+         */
+        clear(): void;
+
+        /**
+         * Add elements to the collection.  This pushes each item in the provided array
+         * to the end of the collection.
+         * @param {!Array.<T>} arr Array.
+         * @return {ol.Collection.<T>} This collection.
+         * @api stable
+         */
+        extend(arr: T[]): ol.Collection<T>;
+
+        /**
+         * Iterate over each element, calling the provided callback.
+         * @param {function(this: S, T, number, Array.<T>): *} f The function to call
+         *     for every element. This function takes 3 arguments (the element, the
+         *     index and the array). The return value is ignored.
+         * @param {S=} opt_this The object to use as `this` in `f`.
+         * @template S
+         * @api stable
+         */
+        forEach<S>(f: ((item: T, index: number, array: T[]) => any), opt_this?: S): void;
+
+        /**
+         * Get a reference to the underlying Array object. Warning: if the array
+         * is mutated, no events will be dispatched by the collection, and the
+         * collection's "length" property won't be in sync with the actual length
+         * of the array.
+         * @return {!Array.<T>} Array.
+         * @api stable
+         */
+        getArray(): T[];
+
+        /**
+         * Get the element at the provided index.
+         * @param {number} index Index.
+         * @return {T} Element.
+         * @api stable
+         */
+        item(index: number): T;
+
+        /**
+         * Get the length of this collection.
+         * @return {number} The length of the array.
+         * @observable
+         * @api stable
+         */
+        getLength(): number;
+
+        /**
+         * Insert an element at the provided index.
+         * @param {number} index Index.
+         * @param {T} elem Element.
+         * @api stable
+         */
+        insertAt(index: number, elem: T): void;
+
+        /**
+         * Remove the last element of the collection and return it.
+         * Return `undefined` if the collection is empty.
+         * @return {T|undefined} Element.
+         * @api stable
+         */
+        pop(): (T);
+
+        /**
+         * Insert the provided element at the end of the collection.
+         * @param {T} elem Element.
+         * @return {number} Length.
+         * @api stable
+         */
+        push(elem: T): number;
+
+        /**
+         * Remove the first occurrence of an element from the collection.
+         * @param {T} elem Element.
+         * @return {T|undefined} The removed element or undefined if none found.
+         * @api stable
+         */
+        remove(elem: T): (T);
+
+        /**
+         * Remove the element at the provided index and return it.
+         * Return `undefined` if the collection does not contain this index.
+         * @param {number} index Index.
+         * @return {T|undefined} Value.
+         * @api stable
+         */
+        removeAt(index: number): (T);
+
+        /**
+         * Set the element at the provided index.
+         * @param {number} index Index.
+         * @param {T} elem Element.
+         * @api stable
+         */
+        setAt(index: number, elem: T): void;
+
+    }
+
+    module Collection {
+
+        type EventType = string;
+
+        /**
+          * @classdesc
+          * Events emitted by {@link ol.Collection} instances are instances of this
+          * type.
+          *
+          * @constructor
+          * @extends {ol.events.Event}
+          * @implements {oli.Collection.Event}
+          * @param {ol.Collection.EventType} type Type.
+          * @param {*=} opt_element Element.
+          */
+        class Event extends ol.events.Event {
+            /**
+             * @classdesc
+             * Events emitted by {@link ol.Collection} instances are instances of this
+             * type.
+             *
+             * @constructor
+             * @extends {ol.events.Event}
+             * @implements {oli.Collection.Event}
+             * @param {ol.Collection.EventType} type Type.
+             * @param {*=} opt_element Element.
+             */
+            constructor(type: ol.Collection.EventType, opt_element?: any);
+
+            /**
+             * The element that is added to or removed from the collection.
+             * @type {*}
+             * @api stable
+             */
+            element: any;
+
+        }
+    }
+
+    /**
+     * Colors can be defined as a {@link ol.Color} array, or as strings in
+     * `rgb(r,g,b)` or `rgba(r,g,b,a)` format, or in hex `#rrggbb` or `#rgb` format.
+     * Color names, like 'red', 'blue' or 'green', may also be used with the
+     * Canvas renderer.
+     *
+     * @namespace ol.color
+     */
+    module color {
+        /**
+         * Return the color as an array. This function maintains a cache of calculated
+         * arrays which means the result should not be modified.
+         * @param {ol.Color|string} color Color.
+         * @return {ol.Color} Color.
+         * @api
+         */
+        function asArray(color: (ol.Color | string)): ol.Color;
+
+        /**
+         * Return the color as an rgba string.
+         * @param {ol.Color|string} color Color.
+         * @return {string} Rgba string.
+         * @api
+         */
+        function asString(color: (ol.Color | string)): string;
+
+    }
+
+    /**
+     * An {@link ol.ColorLike} can be a color, gradient or pattern accepted by
+     * [CanvasRenderingContext2D.fillStyle](https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/fillStyle).
+     * @namespace ol.colorlike
+     */
+    module colorlike {
+        /**
+         * @param {ol.Color|ol.ColorLike} color Color.
+         * @return {ol.ColorLike} The color as an ol.ColorLike
+         * @api
+         */
+        function asColorLike(color: (ol.Color | ol.ColorLike)): ol.ColorLike;
+
+    }
+
+    /**
+     * @namespace ol.control
+     */
+    module control {
+        /**
+         * @classdesc
+         * Control to show all the attributions associated with the layer sources
+         * in the map. This control is one of the default controls included in maps.
+         * By default it will show in the bottom right portion of the map, but this can
+         * be changed by using a css selector for `.ol-attribution`.
+         *
+         * @constructor
+         * @extends {ol.control.Control}
+         * @param {olx.control.AttributionOptions=} opt_options Attribution options.
+         * @api stable
+         */
+        class Attribution extends ol.control.Control {
+            /**
+             * @classdesc
+             * Control to show all the attributions associated with the layer sources
+             * in the map. This control is one of the default controls included in maps.
+             * By default it will show in the bottom right portion of the map, but this can
+             * be changed by using a css selector for `.ol-attribution`.
+             *
+             * @constructor
+             * @extends {ol.control.Control}
+             * @param {olx.control.AttributionOptions=} opt_options Attribution options.
+             * @api stable
+             */
+            constructor(opt_options?: olx.control.AttributionOptions);
+
+            /**
+             * Update the attribution element.
+             * @param {ol.MapEvent} mapEvent Map event.
+             * @this {ol.control.Attribution}
+             * @api
+             */
+            static render(mapEvent: ol.MapEvent): void;
+
+            /**
+             * Return `true` if the attribution is collapsible, `false` otherwise.
+             * @return {boolean} True if the widget is collapsible.
+             * @api stable
+             */
+            getCollapsible(): boolean;
+
+            /**
+             * Set whether the attribution should be collapsible.
+             * @param {boolean} collapsible True if the widget is collapsible.
+             * @api stable
+             */
+            setCollapsible(collapsible: boolean): void;
+
+            /**
+             * Collapse or expand the attribution according to the passed parameter. Will
+             * not do anything if the attribution isn't collapsible or if the current
+             * collapsed state is already the one requested.
+             * @param {boolean} collapsed True if the widget is collapsed.
+             * @api stable
+             */
+            setCollapsed(collapsed: boolean): void;
+
+            /**
+             * Return `true` when the attribution is currently collapsed or `false`
+             * otherwise.
+             * @return {boolean} True if the widget is collapsed.
+             * @api stable
+             */
+            getCollapsed(): boolean;
+
+        }
+
+        /**
+         * @classdesc
+         * A control is a visible widget with a DOM element in a fixed position on the
+         * screen. They can involve user input (buttons), or be informational only;
+         * the position is determined using CSS. By default these are placed in the
+         * container with CSS class name `ol-overlaycontainer-stopevent`, but can use
+         * any outside DOM element.
+         *
+         * This is the base class for controls. You can use it for simple custom
+         * controls by creating the element with listeners, creating an instance:
+         * ```js
+         * var myControl = new ol.control.Control({element: myElement});
+         * ```
+         * and then adding this to the map.
+         *
+         * The main advantage of having this as a control rather than a simple separate
+         * DOM element is that preventing propagation is handled for you. Controls
+         * will also be `ol.Object`s in a `ol.Collection`, so you can use their
+         * methods.
+         *
+         * You can also extend this base for your own control class. See
+         * examples/custom-controls for an example of how to do this.
+         *
+         * @constructor
+         * @extends {ol.Object}
+         * @implements {oli.control.Control}
+         * @param {olx.control.ControlOptions} options Control options.
+         * @api stable
+         */
+        class Control extends ol.Object {
+            /**
+             * @classdesc
+             * A control is a visible widget with a DOM element in a fixed position on the
+             * screen. They can involve user input (buttons), or be informational only;
+             * the position is determined using CSS. By default these are placed in the
+             * container with CSS class name `ol-overlaycontainer-stopevent`, but can use
+             * any outside DOM element.
+             *
+             * This is the base class for controls. You can use it for simple custom
+             * controls by creating the element with listeners, creating an instance:
+             * ```js
+             * var myControl = new ol.control.Control({element: myElement});
+             * ```
+             * and then adding this to the map.
+             *
+             * The main advantage of having this as a control rather than a simple separate
+             * DOM element is that preventing propagation is handled for you. Controls
+             * will also be `ol.Object`s in a `ol.Collection`, so you can use their
+             * methods.
+             *
+             * You can also extend this base for your own control class. See
+             * examples/custom-controls for an example of how to do this.
+             *
+             * @constructor
+             * @extends {ol.Object}
+             * @implements {oli.control.Control}
+             * @param {olx.control.ControlOptions} options Control options.
+             * @api stable
+             */
+            constructor(options: olx.control.ControlOptions);
+
+            /**
+             * Get the map associated with this control.
+             * @return {ol.Map} Map.
+             * @api stable
+             */
+            getMap(): ol.Map;
+
+            /**
+             * Remove the control from its current map and attach it to the new map.
+             * Subclasses may set up event handlers to get notified about changes to
+             * the map here.
+             * @param {ol.Map} map Map.
+             * @api stable
+             */
+            setMap(map: ol.Map): void;
+
+            /**
+             * This function is used to set a target element for the control. It has no
+             * effect if it is called after the control has been added to the map (i.e.
+             * after `setMap` is called on the control). If no `target` is set in the
+             * options passed to the control constructor and if `setTarget` is not called
+             * then the control is added to the map's overlay container.
+             * @param {Element|string} target Target.
+             * @api
+             */
+            setTarget(target: (Element | string)): void;
+
+        }
+
+        /**
+         * @classdesc
+         * Provides a button that when clicked fills up the full screen with the map.
+         * The full screen source element is by default the element containing the map viewport unless
+         * overriden by providing the `source` option. In which case, the dom
+         * element introduced using this parameter will be displayed in full screen.
+         *
+         * When in full screen mode, a close button is shown to exit full screen mode.
+         * The [Fullscreen API](http://www.w3.org/TR/fullscreen/) is used to
+         * toggle the map in full screen mode.
+         *
+         *
+         * @constructor
+         * @extends {ol.control.Control}
+         * @param {olx.control.FullScreenOptions=} opt_options Options.
+         * @api stable
+         */
+        class FullScreen extends ol.control.Control {
+            /**
+             * @classdesc
+             * Provides a button that when clicked fills up the full screen with the map.
+             * The full screen source element is by default the element containing the map viewport unless
+             * overriden by providing the `source` option. In which case, the dom
+             * element introduced using this parameter will be displayed in full screen.
+             *
+             * When in full screen mode, a close button is shown to exit full screen mode.
+             * The [Fullscreen API](http://www.w3.org/TR/fullscreen/) is used to
+             * toggle the map in full screen mode.
+             *
+             *
+             * @constructor
+             * @extends {ol.control.Control}
+             * @param {olx.control.FullScreenOptions=} opt_options Options.
+             * @api stable
+             */
+            constructor(opt_options?: olx.control.FullScreenOptions);
+
+        }
+
+        /**
+         * Set of controls included in maps by default. Unless configured otherwise,
+         * this returns a collection containing an instance of each of the following
+         * controls:
+         * * {@link ol.control.Zoom}
+         * * {@link ol.control.Rotate}
+         * * {@link ol.control.Attribution}
+         *
+         * @param {olx.control.DefaultsOptions=} opt_options Defaults options.
+         * @return {ol.Collection.<ol.control.Control>} Controls.
+         * @api stable
+         */
+        function defaults(opt_options?: olx.control.DefaultsOptions): ol.Collection<ol.control.Control>;
+
+        /**
+         * @classdesc
+         * A control to show the 2D coordinates of the mouse cursor. By default, these
+         * are in the view projection, but can be in any supported projection.
+         * By default the control is shown in the top right corner of the map, but this
+         * can be changed by using the css selector `.ol-mouse-position`.
+         *
+         * @constructor
+         * @extends {ol.control.Control}
+         * @param {olx.control.MousePositionOptions=} opt_options Mouse position
+         *     options.
+         * @api stable
+         */
+        class MousePosition extends ol.control.Control {
+            /**
+             * @classdesc
+             * A control to show the 2D coordinates of the mouse cursor. By default, these
+             * are in the view projection, but can be in any supported projection.
+             * By default the control is shown in the top right corner of the map, but this
+             * can be changed by using the css selector `.ol-mouse-position`.
+             *
+             * @constructor
+             * @extends {ol.control.Control}
+             * @param {olx.control.MousePositionOptions=} opt_options Mouse position
+             *     options.
+             * @api stable
+             */
+            constructor(opt_options?: olx.control.MousePositionOptions);
+
+            /**
+             * Update the mouseposition element.
+             * @param {ol.MapEvent} mapEvent Map event.
+             * @this {ol.control.MousePosition}
+             * @api
+             */
+            static render(mapEvent: ol.MapEvent): void;
+
+            /**
+             * Return the coordinate format type used to render the current position or
+             * undefined.
+             * @return {ol.CoordinateFormatType|undefined} The format to render the current
+             *     position in.
+             * @observable
+             * @api stable
+             */
+            getCoordinateFormat(): (ol.CoordinateFormatType);
+
+            /**
+             * Return the projection that is used to report the mouse position.
+             * @return {ol.proj.Projection|undefined} The projection to report mouse
+             *     position in.
+             * @observable
+             * @api stable
+             */
+            getProjection(): (ol.proj.Projection);
+
+            /**
+             * Set the coordinate format type used to render the current position.
+             * @param {ol.CoordinateFormatType} format The format to render the current
+             *     position in.
+             * @observable
+             * @api stable
+             */
+            setCoordinateFormat(format: ol.CoordinateFormatType): void;
+
+            /**
+             * Set the projection that is used to report the mouse position.
+             * @param {ol.proj.Projection} projection The projection to report mouse
+             *     position in.
+             * @observable
+             * @api stable
+             */
+            setProjection(projection: ol.proj.Projection): void;
+
+        }
+
+        /**
+         * Create a new control with a map acting as an overview map for an other
+         * defined map.
+         * @constructor
+         * @extends {ol.control.Control}
+         * @param {olx.control.OverviewMapOptions=} opt_options OverviewMap options.
+         * @api
+         */
+        class OverviewMap extends ol.control.Control {
+            /**
+             * Create a new control with a map acting as an overview map for an other
+             * defined map.
+             * @constructor
+             * @extends {ol.control.Control}
+             * @param {olx.control.OverviewMapOptions=} opt_options OverviewMap options.
+             * @api
+             */
+            constructor(opt_options?: olx.control.OverviewMapOptions);
+
+            /**
+             * Update the overview map element.
+             * @param {ol.MapEvent} mapEvent Map event.
+             * @this {ol.control.OverviewMap}
+             * @api
+             */
+            static render(mapEvent: ol.MapEvent): void;
+
+            /**
+             * Return `true` if the overview map is collapsible, `false` otherwise.
+             * @return {boolean} True if the widget is collapsible.
+             * @api stable
+             */
+            getCollapsible(): boolean;
+
+            /**
+             * Set whether the overview map should be collapsible.
+             * @param {boolean} collapsible True if the widget is collapsible.
+             * @api stable
+             */
+            setCollapsible(collapsible: boolean): void;
+
+            /**
+             * Collapse or expand the overview map according to the passed parameter. Will
+             * not do anything if the overview map isn't collapsible or if the current
+             * collapsed state is already the one requested.
+             * @param {boolean} collapsed True if the widget is collapsed.
+             * @api stable
+             */
+            setCollapsed(collapsed: boolean): void;
+
+            /**
+             * Determine if the overview map is collapsed.
+             * @return {boolean} The overview map is collapsed.
+             * @api stable
+             */
+            getCollapsed(): boolean;
+
+            /**
+             * Return the overview map.
+             * @return {ol.Map} Overview map.
+             * @api
+             */
+            getOverviewMap(): ol.Map;
+
+        }
+
+        /**
+         * @classdesc
+         * A button control to reset rotation to 0.
+         * To style this control use css selector `.ol-rotate`. A `.ol-hidden` css
+         * selector is added to the button when the rotation is 0.
+         *
+         * @constructor
+         * @extends {ol.control.Control}
+         * @param {olx.control.RotateOptions=} opt_options Rotate options.
+         * @api stable
+         */
+        class Rotate extends ol.control.Control {
+            /**
+             * @classdesc
+             * A button control to reset rotation to 0.
+             * To style this control use css selector `.ol-rotate`. A `.ol-hidden` css
+             * selector is added to the button when the rotation is 0.
+             *
+             * @constructor
+             * @extends {ol.control.Control}
+             * @param {olx.control.RotateOptions=} opt_options Rotate options.
+             * @api stable
+             */
+            constructor(opt_options?: olx.control.RotateOptions);
+
+            /**
+             * Update the rotate control element.
+             * @param {ol.MapEvent} mapEvent Map event.
+             * @this {ol.control.Rotate}
+             * @api
+             */
+            static render(mapEvent: ol.MapEvent): void;
+
+        }
+
+        /**
+         * @classdesc
+         * A control displaying rough y-axis distances, calculated for the center of the
+         * viewport. For conformal projections (e.g. EPSG:3857, the default view
+         * projection in OpenLayers), the scale is valid for all directions.
+         * No scale line will be shown when the y-axis distance of a pixel at the
+         * viewport center cannot be calculated in the view projection.
+         * By default the scale line will show in the bottom left portion of the map,
+         * but this can be changed by using the css selector `.ol-scale-line`.
+         *
+         * @constructor
+         * @extends {ol.control.Control}
+         * @param {olx.control.ScaleLineOptions=} opt_options Scale line options.
+         * @api stable
+         */
+        class ScaleLine extends ol.control.Control {
+            /**
+             * @classdesc
+             * A control displaying rough y-axis distances, calculated for the center of the
+             * viewport. For conformal projections (e.g. EPSG:3857, the default view
+             * projection in OpenLayers), the scale is valid for all directions.
+             * No scale line will be shown when the y-axis distance of a pixel at the
+             * viewport center cannot be calculated in the view projection.
+             * By default the scale line will show in the bottom left portion of the map,
+             * but this can be changed by using the css selector `.ol-scale-line`.
+             *
+             * @constructor
+             * @extends {ol.control.Control}
+             * @param {olx.control.ScaleLineOptions=} opt_options Scale line options.
+             * @api stable
+             */
+            constructor(opt_options?: olx.control.ScaleLineOptions);
+
+            /**
+             * Return the units to use in the scale line.
+             * @return {ol.control.ScaleLine.Units|undefined} The units to use in the scale
+             *     line.
+             * @observable
+             * @api stable
+             */
+            getUnits(): (ol.control.ScaleLine.Units);
+
+            /**
+             * Update the scale line element.
+             * @param {ol.MapEvent} mapEvent Map event.
+             * @this {ol.control.ScaleLine}
+             * @api
+             */
+            static render(mapEvent: ol.MapEvent): void;
+
+            /**
+             * Set the units to use in the scale line.
+             * @param {ol.control.ScaleLine.Units} units The units to use in the scale line.
+             * @observable
+             * @api stable
+             */
+            setUnits(units: ol.control.ScaleLine.Units): void;
+        }
+
+        module ScaleLine {
+            /**
+             * @enum {string}
+             * @api
+             */
+            type Property = string;
+
+            /**
+            * Units for the scale line. Supported values are `'degrees'`, `'imperial'`,
+            * `'nautical'`, `'metric'`, `'us'`.
+            * @enum {string}
+            */
+            type Units = "degrees" | "imperial" | "nautical" | "metric" | "us";
+        }
+
+        /**
+         * @classdesc
+         * A control with 2 buttons, one for zoom in and one for zoom out.
+         * This control is one of the default controls of a map. To style this control
+         * use css selectors `.ol-zoom-in` and `.ol-zoom-out`.
+         *
+         * @constructor
+         * @extends {ol.control.Control}
+         * @param {olx.control.ZoomOptions=} opt_options Zoom options.
+         * @api stable
+         */
+        class Zoom extends ol.control.Control {
+            /**
+             * @classdesc
+             * A control with 2 buttons, one for zoom in and one for zoom out.
+             * This control is one of the default controls of a map. To style this control
+             * use css selectors `.ol-zoom-in` and `.ol-zoom-out`.
+             *
+             * @constructor
+             * @extends {ol.control.Control}
+             * @param {olx.control.ZoomOptions=} opt_options Zoom options.
+             * @api stable
+             */
+            constructor(opt_options?: olx.control.ZoomOptions);
+
+        }
+
+        /**
+         * @classdesc
+         * A slider type of control for zooming.
+         *
+         * Example:
+         *
+         *     map.addControl(new ol.control.ZoomSlider());
+         *
+         * @constructor
+         * @extends {ol.control.Control}
+         * @param {olx.control.ZoomSliderOptions=} opt_options Zoom slider options.
+         * @api stable
+         */
+        class ZoomSlider extends ol.control.Control {
+            /**
+             * @classdesc
+             * A slider type of control for zooming.
+             *
+             * Example:
+             *
+             *     map.addControl(new ol.control.ZoomSlider());
+             *
+             * @constructor
+             * @extends {ol.control.Control}
+             * @param {olx.control.ZoomSliderOptions=} opt_options Zoom slider options.
+             * @api stable
+             */
+            constructor(opt_options?: olx.control.ZoomSliderOptions);
+
+            /**
+             * Update the zoomslider element.
+             * @param {ol.MapEvent} mapEvent Map event.
+             * @this {ol.control.ZoomSlider}
+             * @api
+             */
+            static render(mapEvent: ol.MapEvent): void;
+
+        }
+
+        /**
+         * @classdesc
+         * A button control which, when pressed, changes the map view to a specific
+         * extent. To style this control use the css selector `.ol-zoom-extent`.
+         *
+         * @constructor
+         * @extends {ol.control.Control}
+         * @param {olx.control.ZoomToExtentOptions=} opt_options Options.
+         * @api stable
+         */
+        class ZoomToExtent extends ol.control.Control {
+            /**
+             * @classdesc
+             * A button control which, when pressed, changes the map view to a specific
+             * extent. To style this control use the css selector `.ol-zoom-extent`.
+             *
+             * @constructor
+             * @extends {ol.control.Control}
+             * @param {olx.control.ZoomToExtentOptions=} opt_options Options.
+             * @api stable
+             */
+            constructor(opt_options?: olx.control.ZoomToExtentOptions);
+
+        }
+
+    }
+
+    /**
+     * @namespace ol.coordinate
+     */
+    module coordinate {
+        /**
+         * Add `delta` to `coordinate`. `coordinate` is modified in place and returned
+         * by the function.
+         *
+         * Example:
+         *
+         *     var coord = [7.85, 47.983333];
+         *     ol.coordinate.add(coord, [-2, 4]);
+         *     // coord is now [5.85, 51.983333]
+         *
+         * @param {ol.Coordinate} coordinate Coordinate.
+         * @param {ol.Coordinate} delta Delta.
+         * @return {ol.Coordinate} The input coordinate adjusted by the given delta.
+         * @api stable
+         */
+        function add(coordinate: ol.Coordinate, delta: ol.Coordinate): ol.Coordinate;
+
+        /**
+         * Returns a {@link ol.CoordinateFormatType} function that can be used to format
+         * a {ol.Coordinate} to a string.
+         *
+         * Example without specifying the fractional digits:
+         *
+         *     var coord = [7.85, 47.983333];
+         *     var stringifyFunc = ol.coordinate.createStringXY();
+         *     var out = stringifyFunc(coord);
+         *     // out is now '8, 48'
+         *
+         * Example with explicitly specifying 2 fractional digits:
+         *
+         *     var coord = [7.85, 47.983333];
+         *     var stringifyFunc = ol.coordinate.createStringXY(2);
+         *     var out = stringifyFunc(coord);
+         *     // out is now '7.85, 47.98'
+         *
+         * @param {number=} opt_fractionDigits The number of digits to include
+         *    after the decimal point. Default is `0`.
+         * @return {ol.CoordinateFormatType} Coordinate format.
+         * @api stable
+         */
+        function createStringXY(opt_fractionDigits?: number): ol.CoordinateFormatType;
+
+        /**
+         * Transforms the given {@link ol.Coordinate} to a string using the given string
+         * template. The strings `{x}` and `{y}` in the template will be replaced with
+         * the first and second coordinate values respectively.
+         *
+         * Example without specifying the fractional digits:
+         *
+         *     var coord = [7.85, 47.983333];
+         *     var template = 'Coordinate is ({x}|{y}).';
+         *     var out = ol.coordinate.format(coord, template);
+         *     // out is now 'Coordinate is (8|48).'
+         *
+         * Example explicitly specifying the fractional digits:
+         *
+         *     var coord = [7.85, 47.983333];
+         *     var template = 'Coordinate is ({x}|{y}).';
+         *     var out = ol.coordinate.format(coord, template, 2);
+         *     // out is now 'Coordinate is (7.85|47.98).'
+         *
+         * @param {ol.Coordinate|undefined} coordinate Coordinate.
+         * @param {string} template A template string with `{x}` and `{y}` placeholders
+         *     that will be replaced by first and second coordinate values.
+         * @param {number=} opt_fractionDigits The number of digits to include
+         *    after the decimal point. Default is `0`.
+         * @return {string} Formatted coordinate.
+         * @api stable
+         */
+        function format(coordinate: (ol.Coordinate), template: string, opt_fractionDigits?: number): string;
+
+        /**
+         * Rotate `coordinate` by `angle`. `coordinate` is modified in place and
+         * returned by the function.
+         *
+         * Example:
+         *
+         *     var coord = [7.85, 47.983333];
+         *     var rotateRadians = Math.PI / 2; // 90 degrees
+         *     ol.coordinate.rotate(coord, rotateRadians);
+         *     // coord is now [-47.983333, 7.85]
+         *
+         * @param {ol.Coordinate} coordinate Coordinate.
+         * @param {number} angle Angle in radian.
+         * @return {ol.Coordinate} Coordinate.
+         * @api stable
+         */
+        function rotate(coordinate: ol.Coordinate, angle: number): ol.Coordinate;
+
+        /**
+         * Format a geographic coordinate with the hemisphere, degrees, minutes, and
+         * seconds.
+         *
+         * Example without specifying fractional digits:
+         *
+         *     var coord = [7.85, 47.983333];
+         *     var out = ol.coordinate.toStringHDMS(coord);
+         *     // out is now '47° 58′ 60″ N 7° 50′ 60″ E'
+         *
+         * Example explicitly specifying 1 fractional digit:
+         *
+         *     var coord = [7.85, 47.983333];
+         *     var out = ol.coordinate.toStringHDMS(coord, 1);
+         *     // out is now '47° 58′ 60.0″ N 7° 50′ 60.0″ E'
+         *
+         * @param {ol.Coordinate|undefined} coordinate Coordinate.
+         * @param {number=} opt_fractionDigits The number of digits to include
+         *    after the decimal point. Default is `0`.
+         * @return {string} Hemisphere, degrees, minutes and seconds.
+         * @api stable
+         */
+        function toStringHDMS(coordinate?: ol.Coordinate, opt_fractionDigits?: number): string;
+
+        /**
+         * Format a coordinate as a comma delimited string.
+         *
+         * Example without specifying fractional digits:
+         *
+         *     var coord = [7.85, 47.983333];
+         *     var out = ol.coordinate.toStringXY(coord);
+         *     // out is now '8, 48'
+         *
+         * Example explicitly specifying 1 fractional digit:
+         *
+         *     var coord = [7.85, 47.983333];
+         *     var out = ol.coordinate.toStringXY(coord, 1);
+         *     // out is now '7.8, 48.0'
+         *
+         * @param {ol.Coordinate|undefined} coordinate Coordinate.
+         * @param {number=} opt_fractionDigits The number of digits to include
+         *    after the decimal point. Default is `0`.
+         * @return {string} XY.
+         * @api stable
+         */
+        function toStringXY(coordinate?: ol.Coordinate, opt_fractionDigits?: number): string;
+
+    }
+
+    /**
+     * @classdesc
+     * The ol.DeviceOrientation class provides access to information from
+     * DeviceOrientation events.  See the [HTML 5 DeviceOrientation Specification](
+     * http://www.w3.org/TR/orientation-event/) for more details.
+     *
+     * Many new computers, and especially mobile phones
+     * and tablets, provide hardware support for device orientation. Web
+     * developers targeting mobile devices will be especially interested in this
+     * class.
+     *
+     * Device orientation data are relative to a common starting point. For mobile
+     * devices, the starting point is to lay your phone face up on a table with the
+     * top of the phone pointing north. This represents the zero state. All
+     * angles are then relative to this state. For computers, it is the same except
+     * the screen is open at 90 degrees.
+     *
+     * Device orientation is reported as three angles - `alpha`, `beta`, and
+     * `gamma` - relative to the starting position along the three planar axes X, Y
+     * and Z. The X axis runs from the left edge to the right edge through the
+     * middle of the device. Similarly, the Y axis runs from the bottom to the top
+     * of the device through the middle. The Z axis runs from the back to the front
+     * through the middle. In the starting position, the X axis points to the
+     * right, the Y axis points away from you and the Z axis points straight up
+     * from the device lying flat.
+     *
+     * The three angles representing the device orientation are relative to the
+     * three axes. `alpha` indicates how much the device has been rotated around the
+     * Z axis, which is commonly interpreted as the compass heading (see note
+     * below). `beta` indicates how much the device has been rotated around the X
+     * axis, or how much it is tilted from front to back.  `gamma` indicates how
+     * much the device has been rotated around the Y axis, or how much it is tilted
+     * from left to right.
+     *
+     * For most browsers, the `alpha` value returns the compass heading so if the
+     * device points north, it will be 0.  With Safari on iOS, the 0 value of
+     * `alpha` is calculated from when device orientation was first requested.
+     * ol.DeviceOrientation provides the `heading` property which normalizes this
+     * behavior across all browsers for you.
+     *
+     * It is important to note that the HTML 5 DeviceOrientation specification
+     * indicates that `alpha`, `beta` and `gamma` are in degrees while the
+     * equivalent properties in ol.DeviceOrientation are in radians for consistency
+     * with all other uses of angles throughout OpenLayers.
+     *
+     * To get notified of device orientation changes, register a listener for the
+     * generic `change` event on your `ol.DeviceOrientation` instance.
+     *
+     * @see {@link http://www.w3.org/TR/orientation-event/}
+     *
+     * @constructor
+     * @extends {ol.Object}
+     * @param {olx.DeviceOrientationOptions=} opt_options Options.
+     * @api
+     */
+    class DeviceOrientation extends ol.Object {
+        /**
+         * @classdesc
+         * The ol.DeviceOrientation class provides access to information from
+         * DeviceOrientation events.  See the [HTML 5 DeviceOrientation Specification](
+         * http://www.w3.org/TR/orientation-event/) for more details.
+         *
+         * Many new computers, and especially mobile phones
+         * and tablets, provide hardware support for device orientation. Web
+         * developers targeting mobile devices will be especially interested in this
+         * class.
+         *
+         * Device orientation data are relative to a common starting point. For mobile
+         * devices, the starting point is to lay your phone face up on a table with the
+         * top of the phone pointing north. This represents the zero state. All
+         * angles are then relative to this state. For computers, it is the same except
+         * the screen is open at 90 degrees.
+         *
+         * Device orientation is reported as three angles - `alpha`, `beta`, and
+         * `gamma` - relative to the starting position along the three planar axes X, Y
+         * and Z. The X axis runs from the left edge to the right edge through the
+         * middle of the device. Similarly, the Y axis runs from the bottom to the top
+         * of the device through the middle. The Z axis runs from the back to the front
+         * through the middle. In the starting position, the X axis points to the
+         * right, the Y axis points away from you and the Z axis points straight up
+         * from the device lying flat.
+         *
+         * The three angles representing the device orientation are relative to the
+         * three axes. `alpha` indicates how much the device has been rotated around the
+         * Z axis, which is commonly interpreted as the compass heading (see note
+         * below). `beta` indicates how much the device has been rotated around the X
+         * axis, or how much it is tilted from front to back.  `gamma` indicates how
+         * much the device has been rotated around the Y axis, or how much it is tilted
+         * from left to right.
+         *
+         * For most browsers, the `alpha` value returns the compass heading so if the
+         * device points north, it will be 0.  With Safari on iOS, the 0 value of
+         * `alpha` is calculated from when device orientation was first requested.
+         * ol.DeviceOrientation provides the `heading` property which normalizes this
+         * behavior across all browsers for you.
+         *
+         * It is important to note that the HTML 5 DeviceOrientation specification
+         * indicates that `alpha`, `beta` and `gamma` are in degrees while the
+         * equivalent properties in ol.DeviceOrientation are in radians for consistency
+         * with all other uses of angles throughout OpenLayers.
+         *
+         * To get notified of device orientation changes, register a listener for the
+         * generic `change` event on your `ol.DeviceOrientation` instance.
+         *
+         * @see {@link http://www.w3.org/TR/orientation-event/}
+         *
+         * @constructor
+         * @extends {ol.Object}
+         * @param {olx.DeviceOrientationOptions=} opt_options Options.
+         * @api
+         */
+        constructor(opt_options?: olx.DeviceOrientationOptions);
+
+        /**
+         * Rotation around the device z-axis (in radians).
+         * @return {number|undefined} The euler angle in radians of the device from the
+         *     standard Z axis.
+         * @observable
+         * @api
+         */
+        getAlpha(): (number);
+
+        /**
+         * Rotation around the device x-axis (in radians).
+         * @return {number|undefined} The euler angle in radians of the device from the
+         *     planar X axis.
+         * @observable
+         * @api
+         */
+        getBeta(): (number);
+
+        /**
+         * Rotation around the device y-axis (in radians).
+         * @return {number|undefined} The euler angle in radians of the device from the
+         *     planar Y axis.
+         * @observable
+         * @api
+         */
+        getGamma(): (number);
+
+        /**
+         * The heading of the device relative to north (in radians).
+         * @return {number|undefined} The heading of the device relative to north, in
+         *     radians, normalizing for different browser behavior.
+         * @observable
+         * @api
+         */
+        getHeading(): (number);
+
+        /**
+         * Determine if orientation is being tracked.
+         * @return {boolean} Changes in device orientation are being tracked.
+         * @observable
+         * @api
+         */
+        getTracking(): boolean;
+
+        /**
+         * Enable or disable tracking of device orientation events.
+         * @param {boolean} tracking The status of tracking changes to alpha, beta and
+         *     gamma. If true, changes are tracked and reported immediately.
+         * @observable
+         * @api
+         */
+        setTracking(tracking: boolean): void;
+
+    }
+
+    /**
+     * Objects that need to clean up after themselves.
+     * @constructor
+     */
+    class Disposable {
+        /**
+         * Objects that need to clean up after themselves.
+         * @constructor
+         */
+        constructor();
+
+    }
+
+    /**
+     * Easing functions for {@link ol.animation}.
+     * @namespace ol.easing
+     */
+    module easing {
+        /**
+         * Start slow and speed up.
+         * @param {number} t Input between 0 and 1.
+         * @return {number} Output between 0 and 1.
+         * @api
+         */
+        function easeIn(t: number): number;
+
+        /**
+         * Start fast and slow down.
+         * @param {number} t Input between 0 and 1.
+         * @return {number} Output between 0 and 1.
+         * @api
+         */
+        function easeOut(t: number): number;
+
+        /**
+         * Start slow, speed up, and then slow down again.
+         * @param {number} t Input between 0 and 1.
+         * @return {number} Output between 0 and 1.
+         * @api
+         */
+        function inAndOut(t: number): number;
+
+        /**
+         * Maintain a constant speed over time.
+         * @param {number} t Input between 0 and 1.
+         * @return {number} Output between 0 and 1.
+         * @api
+         */
+        function linear(t: number): number;
+
+        /**
+         * Start slow, speed up, and at the very end slow down again.  This has the
+         * same general behavior as {@link ol.easing.inAndOut}, but the final slowdown
+         * is delayed.
+         * @param {number} t Input between 0 and 1.
+         * @return {number} Output between 0 and 1.
+         * @api
+         */
+        function upAndDown(t: number): number;
+
+    }
+
+    /**
+     * Applications do not normally create event instances. They register (and
+     * unregister) event listener functions, which, when called by the library as
+     * the result of an event being dispatched, are passed event instances as their
+     * first argument. Listeners can be registered and unregistered on all objects
+     * descending from {@link ol.Observable}. All event instances have a `target`
+     * property, which corresponds to the object on which the event was dispatched.
+     * By default, `this` within the listener also refers to the target, though
+     * this can be configured in the listener registration function.
+     * Some classes have their own event type, which return additional
+     * properties; see the specific event class page for details.
+     *
+     * @namespace ol.events
+     */
+    module events {
+        /**
+         * @namespace ol.events.condition
+         */
+        module condition {
+            /**
+             * Return `true` if only the alt-key is pressed, `false` otherwise (e.g. when
+             * additionally the shift-key is pressed).
+             *
+             * @param {ol.MapBrowserEvent} mapBrowserEvent Map browser event.
+             * @return {boolean} True if only the alt key is pressed.
+             * @api stable
+             */
+            function altKeyOnly(mapBrowserEvent: ol.MapBrowserEvent): boolean;
+
+            /**
+             * Return `true` if only the alt-key and shift-key is pressed, `false` otherwise
+             * (e.g. when additionally the platform-modifier-key is pressed).
+             *
+             * @param {ol.MapBrowserEvent} mapBrowserEvent Map browser event.
+             * @return {boolean} True if only the alt and shift keys are pressed.
+             * @api stable
+             */
+            function altShiftKeysOnly(mapBrowserEvent: ol.MapBrowserEvent): boolean;
+
+            /**
+             * Return always true.
+             *
+             * @param {ol.MapBrowserEvent} mapBrowserEvent Map browser event.
+             * @return {boolean} True.
+             * @function
+             * @api stable
+             */
+            function always(mapBrowserEvent: ol.MapBrowserEvent): boolean;
+
+            /**
+             * Return `true` if the event is a `click` event, `false` otherwise.
+             *
+             * @param {ol.MapBrowserEvent} mapBrowserEvent Map browser event.
+             * @return {boolean} True if the event is a map `click` event.
+             * @api stable
+             */
+            function click(mapBrowserEvent: ol.MapBrowserEvent): boolean;
+
+            /**
+             * Return always false.
+             *
+             * @param {ol.MapBrowserEvent} mapBrowserEvent Map browser event.
+             * @return {boolean} False.
+             * @function
+             * @api stable
+             */
+            function never(mapBrowserEvent: ol.MapBrowserEvent): boolean;
+
+            /**
+             * Return `true` if the browser event is a `pointermove` event, `false`
+             * otherwise.
+             *
+             * @param {ol.MapBrowserEvent} mapBrowserEvent Map browser event.
+             * @return {boolean} True if the browser event is a `pointermove` event.
+             * @api
+             */
+            function pointerMove(mapBrowserEvent: ol.MapBrowserEvent): boolean;
+
+            /**
+             * Return `true` if the event is a map `singleclick` event, `false` otherwise.
+             *
+             * @param {ol.MapBrowserEvent} mapBrowserEvent Map browser event.
+             * @return {boolean} True if the event is a map `singleclick` event.
+             * @api stable
+             */
+            function singleClick(mapBrowserEvent: ol.MapBrowserEvent): boolean;
+
+            /**
+             * Return `true` if the event is a map `dblclick` event, `false` otherwise.
+             *
+             * @param {ol.MapBrowserEvent} mapBrowserEvent Map browser event.
+             * @return {boolean} True if the event is a map `dblclick` event.
+             * @api stable
+             */
+            function doubleClick(mapBrowserEvent: ol.MapBrowserEvent): boolean;
+
+            /**
+             * Return `true` if no modifier key (alt-, shift- or platform-modifier-key) is
+             * pressed.
+             *
+             * @param {ol.MapBrowserEvent} mapBrowserEvent Map browser event.
+             * @return {boolean} True only if there no modifier keys are pressed.
+             * @api stable
+             */
+            function noModifierKeys(mapBrowserEvent: ol.MapBrowserEvent): boolean;
+
+            /**
+             * Return `true` if only the platform-modifier-key (the meta-key on Mac,
+             * ctrl-key otherwise) is pressed, `false` otherwise (e.g. when additionally
+             * the shift-key is pressed).
+             *
+             * @param {ol.MapBrowserEvent} mapBrowserEvent Map browser event.
+             * @return {boolean} True if only the platform modifier key is pressed.
+             * @api stable
+             */
+            function platformModifierKeyOnly(mapBrowserEvent: ol.MapBrowserEvent): boolean;
+
+            /**
+             * Return `true` if only the shift-key is pressed, `false` otherwise (e.g. when
+             * additionally the alt-key is pressed).
+             *
+             * @param {ol.MapBrowserEvent} mapBrowserEvent Map browser event.
+             * @return {boolean} True if only the shift key is pressed.
+             * @api stable
+             */
+            function shiftKeyOnly(mapBrowserEvent: ol.MapBrowserEvent): boolean;
+
+            /**
+             * Return `true` if the target element is not editable, i.e. not a `<input>`-,
+             * `<select>`- or `<textarea>`-element, `false` otherwise.
+             *
+             * @param {ol.MapBrowserEvent} mapBrowserEvent Map browser event.
+             * @return {boolean} True only if the target element is not editable.
+             * @api
+             */
+            function targetNotEditable(mapBrowserEvent: ol.MapBrowserEvent): boolean;
+
+            /**
+             * Return `true` if the event originates from a mouse device.
+             *
+             * @param {ol.MapBrowserEvent} mapBrowserEvent Map browser event.
+             * @return {boolean} True if the event originates from a mouse device.
+             * @api stable
+             */
+            function mouseOnly(mapBrowserEvent: ol.MapBrowserEvent): boolean;
+
+            /**
+             * Return `true` if the event originates from a primary pointer in
+             * contact with the surface or if the left mouse button is pressed.
+             * @see http://www.w3.org/TR/pointerevents/#button-states
+             *
+             * @param {ol.MapBrowserEvent} mapBrowserEvent Map browser event.
+             * @return {boolean} True if the event originates from a primary pointer.
+             * @api
+             */
+            function primaryAction(mapBrowserEvent: ol.MapBrowserEvent): boolean;
+
+        }
+
+        /**
+         * @classdesc
+         * Stripped down implementation of the W3C DOM Level 2 Event interface.
+         * @see {@link https://www.w3.org/TR/DOM-Level-2-Events/events.html#Events-interface}
+         *
+         * This implementation only provides `type` and `target` properties, and
+         * `stopPropagation` and `preventDefault` methods. It is meant as base class
+         * for higher level events defined in the library, and works with
+         * {@link ol.events.EventTarget}.
+         *
+         * @constructor
+         * @implements {oli.events.Event}
+         * @param {string} type Type.
+         */
+        class Event {
+            /**
+             * @classdesc
+             * Stripped down implementation of the W3C DOM Level 2 Event interface.
+             * @see {@link https://www.w3.org/TR/DOM-Level-2-Events/events.html#Events-interface}
+             *
+             * This implementation only provides `type` and `target` properties, and
+             * `stopPropagation` and `preventDefault` methods. It is meant as base class
+             * for higher level events defined in the library, and works with
+             * {@link ol.events.EventTarget}.
+             *
+             * @constructor
+             * @implements {oli.events.Event}
+             * @param {string} type Type.
+             */
+            constructor(type: string);
+
+            /**
+             * The event type.
+             * @type {string}
+             * @api stable
+             */
+            type: string;
+
+            /**
+             * The event target.
+             * @type {Object}
+             * @api stable
+             */
+            target: GlobalObject;
+
+            /**
+             * Stop event propagation.
+             * @function
+             * @api stable
+             */
+            preventDefault(): void;
+
+            /**
+             * Stop event propagation.
+             * @function
+             * @api stable
+             */
+            stopPropagation(): void;
+
+        }
+
+        /**
+         * @classdesc
+         * A simplified implementation of the W3C DOM Level 2 EventTarget interface.
+         * @see {@link https://www.w3.org/TR/2000/REC-DOM-Level-2-Events-20001113/events.html#Events-EventTarget}
+         *
+         * There are two important simplifications compared to the specification:
+         *
+         * 1. The handling of `useCapture` in `addEventListener` and
+         *    `removeEventListener`. There is no real capture model.
+         * 2. The handling of `stopPropagation` and `preventDefault` on `dispatchEvent`.
+         *    There is no event target hierarchy. When a listener calls
+         *    `stopPropagation` or `preventDefault` on an event object, it means that no
+         *    more listeners after this one will be called. Same as when the listener
+         *    returns false.
+         *
+         * @constructor
+         * @extends {ol.Disposable}
+         */
+        class EventTarget extends ol.Disposable {
+            /**
+             * @classdesc
+             * A simplified implementation of the W3C DOM Level 2 EventTarget interface.
+             * @see {@link https://www.w3.org/TR/2000/REC-DOM-Level-2-Events-20001113/events.html#Events-EventTarget}
+             *
+             * There are two important simplifications compared to the specification:
+             *
+             * 1. The handling of `useCapture` in `addEventListener` and
+             *    `removeEventListener`. There is no real capture model.
+             * 2. The handling of `stopPropagation` and `preventDefault` on `dispatchEvent`.
+             *    There is no event target hierarchy. When a listener calls
+             *    `stopPropagation` or `preventDefault` on an event object, it means that no
+             *    more listeners after this one will be called. Same as when the listener
+             *    returns false.
+             *
+             * @constructor
+             * @extends {ol.Disposable}
+             */
+            constructor();
+
+        }
+
+    }
+
+    /**
+     * @namespace ol.extent
+     */
+    module extent {
+        /**
+         * Build an extent that includes all given coordinates.
+         *
+         * @param {Array.<ol.Coordinate>} coordinates Coordinates.
+         * @return {ol.Extent} Bounding extent.
+         * @api stable
+         */
+        function boundingExtent(coordinates: ol.Coordinate[]): ol.Extent;
+
+        /**
+         * Return extent increased by the provided value.
+         * @param {ol.Extent} extent Extent.
+         * @param {number} value The amount by which the extent should be buffered.
+         * @param {ol.Extent=} opt_extent Extent.
+         * @return {ol.Extent} Extent.
+         * @api stable
+         */
+        function buffer(extent: ol.Extent, value: number, opt_extent?: ol.Extent): ol.Extent;
+
+        /**
+         * Check if the passed coordinate is contained or on the edge of the extent.
+         *
+         * @param {ol.Extent} extent Extent.
+         * @param {ol.Coordinate} coordinate Coordinate.
+         * @return {boolean} The coordinate is contained in the extent.
+         * @api stable
+         */
+        function containsCoordinate(extent: ol.Extent, coordinate: ol.Coordinate): boolean;
+
+        /**
+         * Check if one extent contains another.
+         *
+         * An extent is deemed contained if it lies completely within the other extent,
+         * including if they share one or more edges.
+         *
+         * @param {ol.Extent} extent1 Extent 1.
+         * @param {ol.Extent} extent2 Extent 2.
+         * @return {boolean} The second extent is contained by or on the edge of the
+         *     first.
+         * @api stable
+         */
+        function containsExtent(extent1: ol.Extent, extent2: ol.Extent): boolean;
+
+        /**
+         * Check if the passed coordinate is contained or on the edge of the extent.
+         *
+         * @param {ol.Extent} extent Extent.
+         * @param {number} x X coordinate.
+         * @param {number} y Y coordinate.
+         * @return {boolean} The x, y values are contained in the extent.
+         * @api stable
+         */
+        function containsXY(extent: ol.Extent, x: number, y: number): boolean;
+
+        /**
+         * Create an empty extent.
+         * @return {ol.Extent} Empty extent.
+         * @api stable
+         */
+        function createEmpty(): ol.Extent;
+
+        /**
+         * Determine if two extents are equivalent.
+         * @param {ol.Extent} extent1 Extent 1.
+         * @param {ol.Extent} extent2 Extent 2.
+         * @return {boolean} The two extents are equivalent.
+         * @api stable
+         */
+        function equals(extent1: ol.Extent, extent2: ol.Extent): boolean;
+
+        /**
+         * Modify an extent to include another extent.
+         * @param {ol.Extent} extent1 The extent to be modified.
+         * @param {ol.Extent} extent2 The extent that will be included in the first.
+         * @return {ol.Extent} A reference to the first (extended) extent.
+         * @api stable
+         */
+        function extend(extent1: ol.Extent, extent2: ol.Extent): ol.Extent;
+
+        /**
+         * Get the bottom left coordinate of an extent.
+         * @param {ol.Extent} extent Extent.
+         * @return {ol.Coordinate} Bottom left coordinate.
+         * @api stable
+         */
+        function getBottomLeft(extent: ol.Extent): ol.Coordinate;
+
+        /**
+         * Get the bottom right coordinate of an extent.
+         * @param {ol.Extent} extent Extent.
+         * @return {ol.Coordinate} Bottom right coordinate.
+         * @api stable
+         */
+        function getBottomRight(extent: ol.Extent): ol.Coordinate;
+
+        /**
+         * Get the center coordinate of an extent.
+         * @param {ol.Extent} extent Extent.
+         * @return {ol.Coordinate} Center.
+         * @api stable
+         */
+        function getCenter(extent: ol.Extent): ol.Coordinate;
+
+        /**
+         * Get the height of an extent.
+         * @param {ol.Extent} extent Extent.
+         * @return {number} Height.
+         * @api stable
+         */
+        function getHeight(extent: ol.Extent): number;
+
+        /**
+         * Get the intersection of two extents.
+         * @param {ol.Extent} extent1 Extent 1.
+         * @param {ol.Extent} extent2 Extent 2.
+         * @param {ol.Extent=} opt_extent Optional extent to populate with intersection.
+         * @return {ol.Extent} Intersecting extent.
+         * @api stable
+         */
+        function getIntersection(extent1: ol.Extent, extent2: ol.Extent, opt_extent?: ol.Extent): ol.Extent;
+
+        /**
+         * Get the size (width, height) of an extent.
+         * @param {ol.Extent} extent The extent.
+         * @return {ol.Size} The extent size.
+         * @api stable
+         */
+        function getSize(extent: ol.Extent): ol.Size;
+
+        /**
+         * Get the top left coordinate of an extent.
+         * @param {ol.Extent} extent Extent.
+         * @return {ol.Coordinate} Top left coordinate.
+         * @api stable
+         */
+        function getTopLeft(extent: ol.Extent): ol.Coordinate;
+
+        /**
+         * Get the top right coordinate of an extent.
+         * @param {ol.Extent} extent Extent.
+         * @return {ol.Coordinate} Top right coordinate.
+         * @api stable
+         */
+        function getTopRight(extent: ol.Extent): ol.Coordinate;
+
+        /**
+         * Get the width of an extent.
+         * @param {ol.Extent} extent Extent.
+         * @return {number} Width.
+         * @api stable
+         */
+        function getWidth(extent: ol.Extent): number;
+
+        /**
+         * Determine if one extent intersects another.
+         * @param {ol.Extent} extent1 Extent 1.
+         * @param {ol.Extent} extent2 Extent.
+         * @return {boolean} The two extents intersect.
+         * @api stable
+         */
+        function intersects(extent1: ol.Extent, extent2: ol.Extent): boolean;
+
+        /**
+         * Determine if an extent is empty.
+         * @param {ol.Extent} extent Extent.
+         * @return {boolean} Is empty.
+         * @api stable
+         */
+        function isEmpty(extent: ol.Extent): boolean;
+
+        /**
+         * Apply a transform function to the extent.
+         * @param {ol.Extent} extent Extent.
+         * @param {ol.TransformFunction} transformFn Transform function.  Called with
+         * [minX, minY, maxX, maxY] extent coordinates.
+         * @param {ol.Extent=} opt_extent Destination extent.
+         * @return {ol.Extent} Extent.
+         * @api stable
+         */
+        function applyTransform(extent: ol.Extent, transformFn: ol.TransformFunction, opt_extent?: ol.Extent): ol.Extent;
+
+    }
+
+    /**
+     * @classdesc
+     * A vector object for geographic features with a geometry and other
+     * attribute properties, similar to the features in vector file formats like
+     * GeoJSON.
+     *
+     * Features can be styled individually with `setStyle`; otherwise they use the
+     * style of their vector layer.
+     *
+     * Note that attribute properties are set as {@link ol.Object} properties on
+     * the feature object, so they are observable, and have get/set accessors.
+     *
+     * Typically, a feature has a single geometry property. You can set the
+     * geometry using the `setGeometry` method and get it with `getGeometry`.
+     * It is possible to store more than one geometry on a feature using attribute
+     * properties. By default, the geometry used for rendering is identified by
+     * the property name `geometry`. If you want to use another geometry property
+     * for rendering, use the `setGeometryName` method to change the attribute
+     * property associated with the geometry for the feature.  For example:
+     *
+     * ```js
+     * var feature = new ol.Feature({
+     *   geometry: new ol.geom.Polygon(polyCoords),
+     *   labelPoint: new ol.geom.Point(labelCoords),
+     *   name: 'My Polygon'
+     * });
+     *
+     * // get the polygon geometry
+     * var poly = feature.getGeometry();
+     *
+     * // Render the feature as a point using the coordinates from labelPoint
+     * feature.setGeometryName('labelPoint');
+     *
+     * // get the point geometry
+     * var point = feature.getGeometry();
+     * ```
+     *
+     * @constructor
+     * @extends {ol.Object}
+     * @param {ol.geom.Geometry|Object.<string, *>=} opt_geometryOrProperties
+     *     You may pass a Geometry object directly, or an object literal
+     *     containing properties.  If you pass an object literal, you may
+     *     include a Geometry associated with a `geometry` key.
+     * @api stable
+     */
+    class Feature extends ol.Object {
+        /**
+         * @classdesc
+         * A vector object for geographic features with a geometry and other
+         * attribute properties, similar to the features in vector file formats like
+         * GeoJSON.
+         *
+         * Features can be styled individually with `setStyle`; otherwise they use the
+         * style of their vector layer.
+         *
+         * Note that attribute properties are set as {@link ol.Object} properties on
+         * the feature object, so they are observable, and have get/set accessors.
+         *
+         * Typically, a feature has a single geometry property. You can set the
+         * geometry using the `setGeometry` method and get it with `getGeometry`.
+         * It is possible to store more than one geometry on a feature using attribute
+         * properties. By default, the geometry used for rendering is identified by
+         * the property name `geometry`. If you want to use another geometry property
+         * for rendering, use the `setGeometryName` method to change the attribute
+         * property associated with the geometry for the feature.  For example:
+         *
+         * ```js
+         * var feature = new ol.Feature({
+         *   geometry: new ol.geom.Polygon(polyCoords),
+         *   labelPoint: new ol.geom.Point(labelCoords),
+         *   name: 'My Polygon'
+         * });
+         *
+         * // get the polygon geometry
+         * var poly = feature.getGeometry();
+         *
+         * // Render the feature as a point using the coordinates from labelPoint
+         * feature.setGeometryName('labelPoint');
+         *
+         * // get the point geometry
+         * var point = feature.getGeometry();
+         * ```
+         *
+         * @constructor
+         * @extends {ol.Object}
+         * @param {ol.geom.Geometry|Object.<string, *>=} opt_geometryOrProperties
+         *     You may pass a Geometry object directly, or an object literal
+         *     containing properties.  If you pass an object literal, you may
+         *     include a Geometry associated with a `geometry` key.
+         * @api stable
+         */
+        constructor(opt_geometryOrProperties?: (ol.geom.Geometry | { [k: string]: any }));
+
+        /**
+         * Clone this feature. If the original feature has a geometry it
+         * is also cloned. The feature id is not set in the clone.
+         * @return {ol.Feature} The clone.
+         * @api stable
+         */
+        clone(): ol.Feature;
+
+        /**
+         * Get the feature's default geometry.  A feature may have any number of named
+         * geometries.  The "default" geometry (the one that is rendered by default) is
+         * set when calling {@link ol.Feature#setGeometry}.
+         * @return {ol.geom.Geometry|undefined} The default geometry for the feature.
+         * @api stable
+         * @observable
+         */
+        getGeometry(): (ol.geom.Geometry);
+
+        /**
+         * Get the feature identifier.  This is a stable identifier for the feature and
+         * is either set when reading data from a remote source or set explicitly by
+         * calling {@link ol.Feature#setId}.
+         * @return {number|string|undefined} Id.
+         * @api stable
+         * @observable
+         */
+        getId(): (number | string);
+
+        /**
+         * Get the name of the feature's default geometry.  By default, the default
+         * geometry is named `geometry`.
+         * @return {string} Get the property name associated with the default geometry
+         *     for this feature.
+         * @api stable
+         */
+        getGeometryName(): string;
+
+        /**
+         * Get the feature's style.  This return for this method depends on what was
+         * provided to the {@link ol.Feature#setStyle} method.
+         * @return {ol.style.Style|Array.<ol.style.Style>|
+         *     ol.FeatureStyleFunction} The feature style.
+         * @api stable
+         * @observable
+         */
+        getStyle(): (ol.style.Style | ol.style.Style[] | ol.FeatureStyleFunction);
+
+        /**
+         * Get the feature's style function.
+         * @return {ol.FeatureStyleFunction|undefined} Return a function
+         * representing the current style of this feature.
+         * @api stable
+         */
+        getStyleFunction(): (ol.FeatureStyleFunction);
+
+        /**
+         * Set the default geometry for the feature.  This will update the property
+         * with the name returned by {@link ol.Feature#getGeometryName}.
+         * @param {ol.geom.Geometry|undefined} geometry The new geometry.
+         * @api stable
+         * @observable
+         */
+        setGeometry(geometry: (ol.geom.Geometry)): void;
+
+        /**
+         * Set the style for the feature.  This can be a single style object, an array
+         * of styles, or a function that takes a resolution and returns an array of
+         * styles. If it is `null` the feature has no style (a `null` style).
+         * @param {ol.style.Style|Array.<ol.style.Style>|
+         *     ol.FeatureStyleFunction} style Style for this feature.
+         * @api stable
+         * @observable
+         */
+        setStyle(style: (ol.style.Style | ol.style.Style[] | ol.FeatureStyleFunction)): void;
+
+        /**
+         * Set the feature id.  The feature id is considered stable and may be used when
+         * requesting features or comparing identifiers returned from a remote source.
+         * The feature id can be used with the {@link ol.source.Vector#getFeatureById}
+         * method.
+         * @param {number|string|undefined} id The feature id.
+         * @api stable
+         * @observable
+         */
+        setId(id: (number | string)): void;
+
+        /**
+         * Set the property name to be used when getting the feature's default geometry.
+         * When calling {@link ol.Feature#getGeometry}, the value of the property with
+         * this name will be returned.
+         * @param {string} name The property name of the default geometry.
+         * @api stable
+         */
+        setGeometryName(name: string): void;
+
+    }
+
+    /**
+     * Loading mechanisms for vector data.
+     * @namespace ol.featureloader
+     */
+    module featureloader {
+        /**
+         * Create an XHR feature loader for a `url` and `format`. The feature loader
+         * loads features (with XHR), parses the features, and adds them to the
+         * vector tile.
+         * @param {string|ol.FeatureUrlFunction} url Feature URL service.
+         * @param {ol.format.Feature} format Feature format.
+         * @return {ol.FeatureLoader} The feature loader.
+         * @api
+         */
+        function tile(url: (string | ol.FeatureUrlFunction), format: ol.format.Feature): ol.FeatureLoader;
+
+        /**
+         * Create an XHR feature loader for a `url` and `format`. The feature loader
+         * loads features (with XHR), parses the features, and adds them to the
+         * vector source.
+         * @param {string|ol.FeatureUrlFunction} url Feature URL service.
+         * @param {ol.format.Feature} format Feature format.
+         * @return {ol.FeatureLoader} The feature loader.
+         * @api
+         */
+        function xhr(url: (string | ol.FeatureUrlFunction), format: ol.format.Feature): ol.FeatureLoader;
+
+    }
+
+    /**
+     * @namespace ol.format
+     */
+    module format {
+
+        /**
+         * @classdesc
+         * Feature format for reading and writing data in the EsriJSON format.
+         *
+         * @constructor
+         * @extends {ol.format.JSONFeature}
+         * @param {olx.format.EsriJSONOptions=} opt_options Options.
+         * @api
+         */
+        class EsriJSON extends ol.format.JSONFeature {
+            /**
+             * @classdesc
+             * Feature format for reading and writing data in the EsriJSON format.
+             *
+             * @constructor
+             * @extends {ol.format.JSONFeature}
+             * @param {olx.format.EsriJSONOptions=} opt_options Options.
+             * @api
+             */
+            constructor(opt_options?: olx.format.EsriJSONOptions);
+
+            /**
+             * Read a feature from a EsriJSON Feature source.  Only works for Feature,
+             * use `readFeatures` to read FeatureCollection source.
+             *
+             * @function
+             * @param {ArrayBuffer|Document|Node|Object|string} source Source.
+             * @param {olx.format.ReadOptions=} opt_options Read options.
+             * @return {ol.Feature} Feature.
+             * @api
+             */
+            readFeature(source: (ArrayBuffer | Document | Node | GlobalObject | string), opt_options?: olx.format.ReadOptions): ol.Feature;
+
+            /**
+             * Read all features from a EsriJSON source.  Works with both Feature and
+             * FeatureCollection sources.
+             *
+             * @function
+             * @param {ArrayBuffer|Document|Node|Object|string} source Source.
+             * @param {olx.format.ReadOptions=} opt_options Read options.
+             * @return {Array.<ol.Feature>} Features.
+             * @api
+             */
+            readFeatures(source: (ArrayBuffer | Document | Node | GlobalObject | string), opt_options?: olx.format.ReadOptions): ol.Feature[];
+
+            /**
+             * Read a geometry from a EsriJSON source.
+             *
+             * @function
+             * @param {ArrayBuffer|Document|Node|Object|string} source Source.
+             * @param {olx.format.ReadOptions=} opt_options Read options.
+             * @return {ol.geom.Geometry} Geometry.
+             * @api
+             */
+            readGeometry(source: (ArrayBuffer | Document | Node | GlobalObject | string), opt_options?: olx.format.ReadOptions): ol.geom.Geometry;
+
+            /**
+             * Read the projection from a EsriJSON source.
+             *
+             * @function
+             * @param {ArrayBuffer|Document|Node|Object|string} source Source.
+             * @return {ol.proj.Projection} Projection.
+             * @api
+             */
+            readProjection(source: (ArrayBuffer | Document | Node | GlobalObject | string)): ol.proj.Projection;
+
+            /**
+             * Encode a geometry as a EsriJSON string.
+             *
+             * @function
+             * @param {ol.geom.Geometry} geometry Geometry.
+             * @param {olx.format.WriteOptions=} opt_options Write options.
+             * @return {string} EsriJSON.
+             * @api
+             */
+            writeGeometry(geometry: ol.geom.Geometry, opt_options?: olx.format.WriteOptions): string;
+
+            /**
+             * Encode a geometry as a EsriJSON object.
+             *
+             * @param {ol.geom.Geometry} geometry Geometry.
+             * @param {olx.format.WriteOptions=} opt_options Write options.
+             * @return {EsriJSONGeometry} Object.
+             * @api
+             */
+            writeGeometryObject(geometry: ol.geom.Geometry, opt_options?: olx.format.WriteOptions): EsriJSONGeometry;
+
+            /**
+             * Encode a feature as a EsriJSON Feature string.
+             *
+             * @function
+             * @param {ol.Feature} feature Feature.
+             * @param {olx.format.WriteOptions=} opt_options Write options.
+             * @return {string} EsriJSON.
+             * @api
+             */
+            writeFeature(feature: ol.Feature, opt_options?: olx.format.WriteOptions): string;
+
+            /**
+             * Encode a feature as a esriJSON Feature object.
+             *
+             * @param {ol.Feature} feature Feature.
+             * @param {olx.format.WriteOptions=} opt_options Write options.
+             * @return {Object} Object.
+             * @api
+             */
+            writeFeatureObject(feature: ol.Feature, opt_options?: olx.format.WriteOptions): GlobalObject;
+
+            /**
+             * Encode an array of features as EsriJSON.
+             *
+             * @function
+             * @param {Array.<ol.Feature>} features Features.
+             * @param {olx.format.WriteOptions=} opt_options Write options.
+             * @return {string} EsriJSON.
+             * @api
+             */
+            writeFeatures(features: ol.Feature[], opt_options?: olx.format.WriteOptions): string;
+
+            /**
+             * Encode an array of features as a EsriJSON object.
+             *
+             * @param {Array.<ol.Feature>} features Features.
+             * @param {olx.format.WriteOptions=} opt_options Write options.
+             * @return {Object} EsriJSON Object.
+             * @api
+             */
+            writeFeaturesObject(features: ol.Feature[], opt_options?: olx.format.WriteOptions): GlobalObject;
+
+        }
+
+        type EsriJSONGeometry = JSON;
+
+        /**
+         * @classdesc
+         * Abstract base class; normally only used for creating subclasses and not
+         * instantiated in apps.
+         * Base class for feature formats.
+         * {ol.format.Feature} subclasses provide the ability to decode and encode
+         * {@link ol.Feature} objects from a variety of commonly used geospatial
+         * file formats.  See the documentation for each format for more details.
+         *
+         * @constructor
+         * @api stable
+         */
+        class Feature {
+            /**
+             * @classdesc
+             * Abstract base class; normally only used for creating subclasses and not
+             * instantiated in apps.
+             * Base class for feature formats.
+             * {ol.format.Feature} subclasses provide the ability to decode and encode
+             * {@link ol.Feature} objects from a variety of commonly used geospatial
+             * file formats.  See the documentation for each format for more details.
+             *
+             * @constructor
+             * @api stable
+             */
+            constructor();
+
+        }
+
+        type GeoJSONFeature = JSON;
+        type GeoJSONFeatureCollection = JSON;
+        type GeoJSONGeometry = JSON;
+        type GeoJSONGeometryCollection = JSON;
+
+        /**
+         * @classdesc
+         * Feature format for reading and writing data in the GeoJSON format.
+         *
+         * @constructor
+         * @extends {ol.format.JSONFeature}
+         * @param {olx.format.GeoJSONOptions=} opt_options Options.
+         * @api stable
+         */
+        class GeoJSON extends ol.format.JSONFeature {
+            /**
+             * @classdesc
+             * Feature format for reading and writing data in the GeoJSON format.
+             *
+             * @constructor
+             * @extends {ol.format.JSONFeature}
+             * @param {olx.format.GeoJSONOptions=} opt_options Options.
+             * @api stable
+             */
+            constructor(opt_options?: olx.format.GeoJSONOptions);
+
+            /**
+             * Read a feature from a GeoJSON Feature source.  Only works for Feature,
+             * use `readFeatures` to read FeatureCollection source.
+             *
+             * @function
+             * @param {Document|Node|Object|string} source Source.
+             * @param {olx.format.ReadOptions=} opt_options Read options.
+             * @return {ol.Feature} Feature.
+             * @api stable
+             */
+            readFeature(source: (Document | Node | GlobalObject | string), opt_options?: olx.format.ReadOptions): ol.Feature;
+
+            /**
+             * Read all features from a GeoJSON source.  Works with both Feature and
+             * FeatureCollection sources.
+             *
+             * @function
+             * @param {Document|Node|Object|string} source Source.
+             * @param {olx.format.ReadOptions=} opt_options Read options.
+             * @return {Array.<ol.Feature>} Features.
+             * @api stable
+             */
+            readFeatures(source: (Document | Node | GlobalObject | string), opt_options?: olx.format.ReadOptions): ol.Feature[];
+
+            /**
+             * Read a geometry from a GeoJSON source.
+             *
+             * @function
+             * @param {Document|Node|Object|string} source Source.
+             * @param {olx.format.ReadOptions=} opt_options Read options.
+             * @return {ol.geom.Geometry} Geometry.
+             * @api stable
+             */
+            readGeometry(source: (Document | Node | GlobalObject | string), opt_options?: olx.format.ReadOptions): ol.geom.Geometry;
+
+            /**
+             * Read the projection from a GeoJSON source.
+             *
+             * @function
+             * @param {Document|Node|Object|string} source Source.
+             * @return {ol.proj.Projection} Projection.
+             * @api stable
+             */
+            readProjection(source: (Document | Node | GlobalObject | string)): ol.proj.Projection;
+
+            /**
+             * Encode a feature as a GeoJSON Feature string.
+             *
+             * @function
+             * @param {ol.Feature} feature Feature.
+             * @param {olx.format.WriteOptions=} opt_options Write options.
+             * @return {string} GeoJSON.
+             * @api stable
+             */
+            writeFeature(feature: ol.Feature, opt_options?: olx.format.WriteOptions): string;
+
+            /**
+             * Encode a feature as a GeoJSON Feature object.
+             *
+             * @param {ol.Feature} feature Feature.
+             * @param {olx.format.WriteOptions=} opt_options Write options.
+             * @return {GeoJSONFeature} Object.
+             * @api stable
+             */
+            writeFeatureObject(feature: ol.Feature, opt_options?: olx.format.WriteOptions): GeoJSONFeature;
+
+            /**
+             * Encode an array of features as GeoJSON.
+             *
+             * @function
+             * @param {Array.<ol.Feature>} features Features.
+             * @param {olx.format.WriteOptions=} opt_options Write options.
+             * @return {string} GeoJSON.
+             * @api stable
+             */
+            writeFeatures(features: ol.Feature[], opt_options?: olx.format.WriteOptions): string;
+
+            /**
+             * Encode an array of features as a GeoJSON object.
+             *
+             * @param {Array.<ol.Feature>} features Features.
+             * @param {olx.format.WriteOptions=} opt_options Write options.
+             * @return {GeoJSONFeatureCollection} GeoJSON Object.
+             * @api stable
+             */
+            writeFeaturesObject(features: ol.Feature[], opt_options?: olx.format.WriteOptions): GeoJSONFeatureCollection;
+
+            /**
+             * Encode a geometry as a GeoJSON string.
+             *
+             * @function
+             * @param {ol.geom.Geometry} geometry Geometry.
+             * @param {olx.format.WriteOptions=} opt_options Write options.
+             * @return {string} GeoJSON.
+             * @api stable
+             */
+            writeGeometry(geometry: ol.geom.Geometry, opt_options?: olx.format.WriteOptions): string;
+
+            /**
+             * Encode a geometry as a GeoJSON object.
+             *
+             * @param {ol.geom.Geometry} geometry Geometry.
+             * @param {olx.format.WriteOptions=} opt_options Write options.
+             * @return {GeoJSONGeometry|GeoJSONGeometryCollection} Object.
+             * @api stable
+             */
+            writeGeometryObject(geometry: ol.geom.Geometry, opt_options?: olx.format.WriteOptions): (GeoJSONGeometry | GeoJSONGeometryCollection);
+
+        }
+
+        /**
+         * @classdesc
+         * Feature format for reading and writing data in the GML format
+         * version 3.1.1.
+         * Currently only supports GML 3.1.1 Simple Features profile.
+         *
+         * @constructor
+         * @param {olx.format.GMLOptions=} opt_options
+         *     Optional configuration object.
+         * @extends {ol.format.GMLBase}
+         * @api stable
+         */
+        class GML extends ol.format.GMLBase {
+            /**
+             * @classdesc
+             * Feature format for reading and writing data in the GML format
+             * version 3.1.1.
+             * Currently only supports GML 3.1.1 Simple Features profile.
+             *
+             * @constructor
+             * @param {olx.format.GMLOptions=} opt_options
+             *     Optional configuration object.
+             * @extends {ol.format.GMLBase}
+             * @api stable
+             */
+            constructor(opt_options?: olx.format.GMLOptions);
+
+            /**
+             * Encode an array of features in GML 3.1.1 Simple Features.
+             *
+             * @function
+             * @param {Array.<ol.Feature>} features Features.
+             * @param {olx.format.WriteOptions=} opt_options Options.
+             * @return {string} Result.
+             * @api stable
+             */
+            writeFeatures(features: ol.Feature[], opt_options?: olx.format.WriteOptions): string;
+
+            /**
+             * Encode an array of features in the GML 3.1.1 format as an XML node.
+             *
+             * @function
+             * @param {Array.<ol.Feature>} features Features.
+             * @param {olx.format.WriteOptions=} opt_options Options.
+             * @return {Node} Node.
+             * @api
+             */
+            writeFeaturesNode(features: ol.Feature[], opt_options?: olx.format.WriteOptions): Node;
+
+        }
+
+        /**
+         * @classdesc
+         * Feature format for reading and writing data in the GML format,
+         * version 2.1.2.
+         *
+         * @constructor
+         * @param {olx.format.GMLOptions=} opt_options Optional configuration object.
+         * @extends {ol.format.GMLBase}
+         * @api
+         */
+        class GML2 extends ol.format.GMLBase {
+            /**
+             * @classdesc
+             * Feature format for reading and writing data in the GML format,
+             * version 2.1.2.
+             *
+             * @constructor
+             * @param {olx.format.GMLOptions=} opt_options Optional configuration object.
+             * @extends {ol.format.GMLBase}
+             * @api
+             */
+            constructor(opt_options?: olx.format.GMLOptions);
+
+        }
+
+        /**
+         * @classdesc
+         * Feature format for reading and writing data in the GML format
+         * version 3.1.1.
+         * Currently only supports GML 3.1.1 Simple Features profile.
+         *
+         * @constructor
+         * @param {olx.format.GMLOptions=} opt_options
+         *     Optional configuration object.
+         * @extends {ol.format.GMLBase}
+         * @api
+         */
+        class GML3 extends ol.format.GMLBase {
+            /**
+             * @classdesc
+             * Feature format for reading and writing data in the GML format
+             * version 3.1.1.
+             * Currently only supports GML 3.1.1 Simple Features profile.
+             *
+             * @constructor
+             * @param {olx.format.GMLOptions=} opt_options
+             *     Optional configuration object.
+             * @extends {ol.format.GMLBase}
+             * @api
+             */
+            constructor(opt_options?: olx.format.GMLOptions);
+
+            /**
+             * Encode a geometry in GML 3.1.1 Simple Features.
+             *
+             * @param {ol.geom.Geometry} geometry Geometry.
+             * @param {olx.format.WriteOptions=} opt_options Options.
+             * @return {Node} Node.
+             * @api
+             */
+            writeGeometryNode(geometry: ol.geom.Geometry, opt_options?: olx.format.WriteOptions): Node;
+
+            /**
+             * Encode an array of features in GML 3.1.1 Simple Features.
+             *
+             * @function
+             * @param {Array.<ol.Feature>} features Features.
+             * @param {olx.format.WriteOptions=} opt_options Options.
+             * @return {string} Result.
+             * @api stable
+             */
+            writeFeatures(features: ol.Feature[], opt_options?: olx.format.WriteOptions): string;
+
+            /**
+             * Encode an array of features in the GML 3.1.1 format as an XML node.
+             *
+             * @param {Array.<ol.Feature>} features Features.
+             * @param {olx.format.WriteOptions=} opt_options Options.
+             * @return {Node} Node.
+             * @api
+             */
+            writeFeaturesNode(features: ol.Feature[], opt_options?: olx.format.WriteOptions): Node;
+
+        }
+
+        /**
+         * @classdesc
+         * Abstract base class; normally only used for creating subclasses and not
+         * instantiated in apps.
+         * Feature base format for reading and writing data in the GML format.
+         * This class cannot be instantiated, it contains only base content that
+         * is shared with versioned format classes ol.format.GML2 and
+         * ol.format.GML3.
+         *
+         * @constructor
+         * @param {olx.format.GMLOptions=} opt_options
+         *     Optional configuration object.
+         * @extends {ol.format.XMLFeature}
+         */
+        class GMLBase extends ol.format.XMLFeature {
+            /**
+             * @classdesc
+             * Abstract base class; normally only used for creating subclasses and not
+             * instantiated in apps.
+             * Feature base format for reading and writing data in the GML format.
+             * This class cannot be instantiated, it contains only base content that
+             * is shared with versioned format classes ol.format.GML2 and
+             * ol.format.GML3.
+             *
+             * @constructor
+             * @param {olx.format.GMLOptions=} opt_options
+             *     Optional configuration object.
+             * @extends {ol.format.XMLFeature}
+             */
+            constructor(opt_options?: olx.format.GMLOptions);
+
+            /**
+             * Read all features from a GML FeatureCollection.
+             *
+             * @function
+             * @param {Document|Node|Object|string} source Source.
+             * @param {olx.format.ReadOptions=} opt_options Options.
+             * @return {Array.<ol.Feature>} Features.
+             * @api stable
+             */
+            readFeatures(source: (Document | Node | GlobalObject | string), opt_options?: olx.format.ReadOptions): ol.Feature[];
+
+        }
+
+        /**
+         * @classdesc
+         * Feature format for reading and writing data in the GPX format.
+         *
+         * @constructor
+         * @extends {ol.format.XMLFeature}
+         * @param {olx.format.GPXOptions=} opt_options Options.
+         * @api stable
+         */
+        class GPX extends ol.format.XMLFeature {
+            /**
+             * @classdesc
+             * Feature format for reading and writing data in the GPX format.
+             *
+             * @constructor
+             * @extends {ol.format.XMLFeature}
+             * @param {olx.format.GPXOptions=} opt_options Options.
+             * @api stable
+             */
+            constructor(opt_options?: olx.format.GPXOptions);
+
+            /**
+             * Read the first feature from a GPX source.
+             * Routes (`<rte>`) are converted into LineString geometries, and tracks (`<trk>`)
+             * into MultiLineString. Any properties on route and track waypoints are ignored.
+             *
+             * @function
+             * @param {Document|Node|Object|string} source Source.
+             * @param {olx.format.ReadOptions=} opt_options Read options.
+             * @return {ol.Feature} Feature.
+             * @api stable
+             */
+            readFeature(source: (Document | Node | GlobalObject | string), opt_options?: olx.format.ReadOptions): ol.Feature;
+
+            /**
+             * Read all features from a GPX source.
+             * Routes (`<rte>`) are converted into LineString geometries, and tracks (`<trk>`)
+             * into MultiLineString. Any properties on route and track waypoints are ignored.
+             *
+             * @function
+             * @param {Document|Node|Object|string} source Source.
+             * @param {olx.format.ReadOptions=} opt_options Read options.
+             * @return {Array.<ol.Feature>} Features.
+             * @api stable
+             */
+            readFeatures(source: (Document | Node | GlobalObject | string), opt_options?: olx.format.ReadOptions): ol.Feature[];
+
+            /**
+             * Read the projection from a GPX source.
+             *
+             * @function
+             * @param {Document|Node|Object|string} source Source.
+             * @return {ol.proj.Projection} Projection.
+             * @api stable
+             */
+            readProjection(source: (Document | Node | GlobalObject | string)): ol.proj.Projection;
+
+            /**
+             * Encode an array of features in the GPX format.
+             * LineString geometries are output as routes (`<rte>`), and MultiLineString
+             * as tracks (`<trk>`).
+             *
+             * @function
+             * @param {Array.<ol.Feature>} features Features.
+             * @param {olx.format.WriteOptions=} opt_options Write options.
+             * @return {string} Result.
+             * @api stable
+             */
+            writeFeatures(features: ol.Feature[], opt_options?: olx.format.WriteOptions): string;
+
+            /**
+             * Encode an array of features in the GPX format as an XML node.
+             * LineString geometries are output as routes (`<rte>`), and MultiLineString
+             * as tracks (`<trk>`).
+             *
+             * @param {Array.<ol.Feature>} features Features.
+             * @param {olx.format.WriteOptions=} opt_options Options.
+             * @return {Node} Node.
+             * @api
+             */
+            writeFeaturesNode(features: ol.Feature[], opt_options?: olx.format.WriteOptions): Node;
+
+        }
+
+        /**
+         * IGC altitude/z. One of 'barometric', 'gps', 'none'.
+         * @enum {string}
+         */
+        type IGCZ = "barometric" | "gps" | "none";
+
+        /**
+         * @classdesc
+         * Feature format for `*.igc` flight recording files.
+         *
+         * @constructor
+         * @extends {ol.format.TextFeature}
+         * @param {olx.format.IGCOptions=} opt_options Options.
+         * @api
+         */
+        class IGC extends ol.format.TextFeature {
+            /**
+             * @classdesc
+             * Feature format for `*.igc` flight recording files.
+             *
+             * @constructor
+             * @extends {ol.format.TextFeature}
+             * @param {olx.format.IGCOptions=} opt_options Options.
+             * @api
+             */
+            constructor(opt_options?: olx.format.IGCOptions);
+
+            /**
+             * Read the feature from the IGC source.
+             *
+             * @function
+             * @param {Document|Node|Object|string} source Source.
+             * @param {olx.format.ReadOptions=} opt_options Read options.
+             * @return {ol.Feature} Feature.
+             * @api
+             */
+            readFeature(source: (Document | Node | GlobalObject | string), opt_options?: olx.format.ReadOptions): ol.Feature;
+
+            /**
+             * Read the feature from the source. As IGC sources contain a single
+             * feature, this will return the feature in an array.
+             *
+             * @function
+             * @param {Document|Node|Object|string} source Source.
+             * @param {olx.format.ReadOptions=} opt_options Read options.
+             * @return {Array.<ol.Feature>} Features.
+             * @api
+             */
+            readFeatures(source: (Document | Node | GlobalObject | string), opt_options?: olx.format.ReadOptions): ol.Feature[];
+
+            /**
+             * Read the projection from the IGC source.
+             *
+             * @function
+             * @param {Document|Node|Object|string} source Source.
+             * @return {ol.proj.Projection} Projection.
+             * @api
+             */
+            readProjection(source: (Document | Node | GlobalObject | string)): ol.proj.Projection;
+
+        }
+
+        /**
+         * @classdesc
+         * Abstract base class; normally only used for creating subclasses and not
+         * instantiated in apps.
+         * Base class for JSON feature formats.
+         *
+         * @constructor
+         * @extends {ol.format.Feature}
+         */
+        class JSONFeature extends ol.format.Feature {
+            /**
+             * @classdesc
+             * Abstract base class; normally only used for creating subclasses and not
+             * instantiated in apps.
+             * Base class for JSON feature formats.
+             *
+             * @constructor
+             * @extends {ol.format.Feature}
+             */
+            constructor();
+
+        }
+
+        /**
+         * @classdesc
+         * Feature format for reading and writing data in the KML format.
+         *
+         * Note that the KML format uses the URL() constructor. Older browsers such as IE
+         * which do not support this will need a URL polyfill to be loaded before use.
+         *
+         * @constructor
+         * @extends {ol.format.XMLFeature}
+         * @param {olx.format.KMLOptions=} opt_options Options.
+         * @api stable
+         */
+        class KML extends ol.format.XMLFeature {
+            /**
+             * @classdesc
+             * Feature format for reading and writing data in the KML format.
+             *
+             * Note that the KML format uses the URL() constructor. Older browsers such as IE
+             * which do not support this will need a URL polyfill to be loaded before use.
+             *
+             * @constructor
+             * @extends {ol.format.XMLFeature}
+             * @param {olx.format.KMLOptions=} opt_options Options.
+             * @api stable
+             */
+            constructor(opt_options?: olx.format.KMLOptions);
+
+            /**
+             * Read the first feature from a KML source. MultiGeometries are converted into
+             * GeometryCollections if they are a mix of geometry types, and into MultiPoint/
+             * MultiLineString/MultiPolygon if they are all of the same type.
+             *
+             * @function
+             * @param {Document|Node|Object|string} source Source.
+             * @param {olx.format.ReadOptions=} opt_options Read options.
+             * @return {ol.Feature} Feature.
+             * @api stable
+             */
+            readFeature(source: (Document | Node | GlobalObject | string), opt_options?: olx.format.ReadOptions): ol.Feature;
+
+            /**
+             * Read all features from a KML source. MultiGeometries are converted into
+             * GeometryCollections if they are a mix of geometry types, and into MultiPoint/
+             * MultiLineString/MultiPolygon if they are all of the same type.
+             *
+             * @function
+             * @param {Document|Node|Object|string} source Source.
+             * @param {olx.format.ReadOptions=} opt_options Read options.
+             * @return {Array.<ol.Feature>} Features.
+             * @api stable
+             */
+            readFeatures(source: (Document | Node | GlobalObject | string), opt_options?: olx.format.ReadOptions): ol.Feature[];
+
+            /**
+             * Read the name of the KML.
+             *
+             * @param {Document|Node|string} source Souce.
+             * @return {string|undefined} Name.
+             * @api stable
+             */
+            readName(source: (Document | Node | string)): (string);
+
+            /**
+             * Read the network links of the KML.
+             *
+             * @param {Document|Node|string} source Source.
+             * @return {Array.<Object>} Network links.
+             * @api
+             */
+            readNetworkLinks(source: (Document | Node | string)): GlobalObject[];
+
+            /**
+             * Read the projection from a KML source.
+             *
+             * @function
+             * @param {Document|Node|Object|string} source Source.
+             * @return {ol.proj.Projection} Projection.
+             * @api stable
+             */
+            readProjection(source: (Document | Node | GlobalObject | string)): ol.proj.Projection;
+
+            /**
+             * Encode an array of features in the KML format. GeometryCollections, MultiPoints,
+             * MultiLineStrings, and MultiPolygons are output as MultiGeometries.
+             *
+             * @function
+             * @param {Array.<ol.Feature>} features Features.
+             * @param {olx.format.WriteOptions=} opt_options Options.
+             * @return {string} Result.
+             * @api stable
+             */
+            writeFeatures(features: ol.Feature[], opt_options?: olx.format.WriteOptions): string;
+
+            /**
+             * Encode an array of features in the KML format as an XML node. GeometryCollections,
+             * MultiPoints, MultiLineStrings, and MultiPolygons are output as MultiGeometries.
+             *
+             * @param {Array.<ol.Feature>} features Features.
+             * @param {olx.format.WriteOptions=} opt_options Options.
+             * @return {Node} Node.
+             * @api
+             */
+            writeFeaturesNode(features: ol.Feature[], opt_options?: olx.format.WriteOptions): Node;
+
+        }
+
+        /**
+         * @classdesc
+         * Feature format for reading data in the Mapbox MVT format.
+         *
+         * @constructor
+         * @extends {ol.format.Feature}
+         * @param {olx.format.MVTOptions=} opt_options Options.
+         * @api
+         */
+        class MVT extends ol.format.Feature {
+            /**
+             * @classdesc
+             * Feature format for reading data in the Mapbox MVT format.
+             *
+             * @constructor
+             * @extends {ol.format.Feature}
+             * @param {olx.format.MVTOptions=} opt_options Options.
+             * @api
+             */
+            constructor(opt_options?: olx.format.MVTOptions);
+
+            /**
+             * @inheritDoc
+             * @api
+             */
+            readFeatures(source: (Document | Node | ArrayBuffer | GlobalObject | string), opt_options?: olx.format.ReadOptions): ol.Feature[];
+
+            /**
+             * @inheritDoc
+             * @api
+             */
+            readProjection(source: (Document | Node | GlobalObject | string)): ol.proj.Projection;
+
+            /**
+             * Sets the layers that features will be read from.
+             * @param {Array.<string>} layers Layers.
+             * @api
+             */
+            setLayers(layers: string[]): void;
+
+        }
+
+        module filter {
+            interface Filter { }
+        }
+
+        /**
+         * @classdesc
+         * Feature format for reading data in the
+         * [OSMXML format](http://wiki.openstreetmap.org/wiki/OSM_XML).
+         *
+         * @constructor
+         * @extends {ol.format.XMLFeature}
+         * @api stable
+         */
+        class OSMXML extends ol.format.XMLFeature {
+            /**
+             * @classdesc
+             * Feature format for reading data in the
+             * [OSMXML format](http://wiki.openstreetmap.org/wiki/OSM_XML).
+             *
+             * @constructor
+             * @extends {ol.format.XMLFeature}
+             * @api stable
+             */
+            constructor();
+
+            /**
+             * Read all features from an OSM source.
+             *
+             * @function
+             * @param {Document|Node|Object|string} source Source.
+             * @param {olx.format.ReadOptions=} opt_options Read options.
+             * @return {Array.<ol.Feature>} Features.
+             * @api stable
+             */
+            readFeatures(source: (Document | Node | GlobalObject | string), opt_options?: olx.format.ReadOptions): ol.Feature[];
+
+            /**
+             * Read the projection from an OSM source.
+             *
+             * @function
+             * @param {Document|Node|Object|string} source Source.
+             * @return {ol.proj.Projection} Projection.
+             * @api stable
+             */
+            readProjection(source: (Document | Node | GlobalObject | string)): ol.proj.Projection;
+
+        }
+
+        /**
+         * @classdesc
+         * Feature format for reading and writing data in the Encoded
+         * Polyline Algorithm Format.
+         *
+         * @constructor
+         * @extends {ol.format.TextFeature}
+         * @param {olx.format.PolylineOptions=} opt_options
+         *     Optional configuration object.
+         * @api stable
+         */
+        class Polyline extends ol.format.TextFeature {
+            /**
+             * @classdesc
+             * Feature format for reading and writing data in the Encoded
+             * Polyline Algorithm Format.
+             *
+             * @constructor
+             * @extends {ol.format.TextFeature}
+             * @param {olx.format.PolylineOptions=} opt_options
+             *     Optional configuration object.
+             * @api stable
+             */
+            constructor(opt_options?: olx.format.PolylineOptions);
+
+            /**
+             * Encode a list of n-dimensional points and return an encoded string
+             *
+             * Attention: This function will modify the passed array!
+             *
+             * @param {Array.<number>} numbers A list of n-dimensional points.
+             * @param {number} stride The number of dimension of the points in the list.
+             * @param {number=} opt_factor The factor by which the numbers will be
+             *     multiplied. The remaining decimal places will get rounded away.
+             *     Default is `1e5`.
+             * @return {string} The encoded string.
+             * @api
+             */
+            static encodeDeltas(numbers: number[], stride: number, opt_factor?: number): string;
+
+            /**
+             * Decode a list of n-dimensional points from an encoded string
+             *
+             * @param {string} encoded An encoded string.
+             * @param {number} stride The number of dimension of the points in the
+             *     encoded string.
+             * @param {number=} opt_factor The factor by which the resulting numbers will
+             *     be divided. Default is `1e5`.
+             * @return {Array.<number>} A list of n-dimensional points.
+             * @api
+             */
+            static decodeDeltas(encoded: string, stride: number, opt_factor?: number): number[];
+
+            /**
+             * Encode a list of floating point numbers and return an encoded string
+             *
+             * Attention: This function will modify the passed array!
+             *
+             * @param {Array.<number>} numbers A list of floating point numbers.
+             * @param {number=} opt_factor The factor by which the numbers will be
+             *     multiplied. The remaining decimal places will get rounded away.
+             *     Default is `1e5`.
+             * @return {string} The encoded string.
+             * @api
+             */
+            static encodeFloats(numbers: number[], opt_factor?: number): string;
+
+            /**
+             * Decode a list of floating point numbers from an encoded string
+             *
+             * @param {string} encoded An encoded string.
+             * @param {number=} opt_factor The factor by which the result will be divided.
+             *     Default is `1e5`.
+             * @return {Array.<number>} A list of floating point numbers.
+             * @api
+             */
+            static decodeFloats(encoded: string, opt_factor?: number): number[];
+
+            /**
+             * Read the feature from the Polyline source. The coordinates are assumed to be
+             * in two dimensions and in latitude, longitude order.
+             *
+             * @function
+             * @param {Document|Node|Object|string} source Source.
+             * @param {olx.format.ReadOptions=} opt_options Read options.
+             * @return {ol.Feature} Feature.
+             * @api stable
+             */
+            readFeature(source: (Document | Node | GlobalObject | string), opt_options?: olx.format.ReadOptions): ol.Feature;
+
+            /**
+             * Read the feature from the source. As Polyline sources contain a single
+             * feature, this will return the feature in an array.
+             *
+             * @function
+             * @param {Document|Node|Object|string} source Source.
+             * @param {olx.format.ReadOptions=} opt_options Read options.
+             * @return {Array.<ol.Feature>} Features.
+             * @api stable
+             */
+            readFeatures(source: (Document | Node | GlobalObject | string), opt_options?: olx.format.ReadOptions): ol.Feature[];
+
+            /**
+             * Read the geometry from the source.
+             *
+             * @function
+             * @param {Document|Node|Object|string} source Source.
+             * @param {olx.format.ReadOptions=} opt_options Read options.
+             * @return {ol.geom.Geometry} Geometry.
+             * @api stable
+             */
+            readGeometry(source: (Document | Node | GlobalObject | string), opt_options?: olx.format.ReadOptions): ol.geom.Geometry;
+
+            /**
+             * Read the projection from a Polyline source.
+             *
+             * @function
+             * @param {Document|Node|Object|string} source Source.
+             * @return {ol.proj.Projection} Projection.
+             * @api stable
+             */
+            readProjection(source: (Document | Node | GlobalObject | string)): ol.proj.Projection;
+
+            /**
+             * Write a single geometry in Polyline format.
+             *
+             * @function
+             * @param {ol.geom.Geometry} geometry Geometry.
+             * @param {olx.format.WriteOptions=} opt_options Write options.
+             * @return {string} Geometry.
+             * @api stable
+             */
+            writeGeometry(geometry: ol.geom.Geometry, opt_options?: olx.format.WriteOptions): string;
+
+        }
+
+        /**
+         * @classdesc
+         * Abstract base class; normally only used for creating subclasses and not
+         * instantiated in apps.
+         * Base class for text feature formats.
+         *
+         * @constructor
+         * @extends {ol.format.Feature}
+         */
+        class TextFeature extends ol.format.Feature {
+            /**
+             * @classdesc
+             * Abstract base class; normally only used for creating subclasses and not
+             * instantiated in apps.
+             * Base class for text feature formats.
+             *
+             * @constructor
+             * @extends {ol.format.Feature}
+             */
+            constructor();
+
+        }
+
+        /**
+         * @classdesc
+         * Feature format for reading data in the TopoJSON format.
+         *
+         * @constructor
+         * @extends {ol.format.JSONFeature}
+         * @param {olx.format.TopoJSONOptions=} opt_options Options.
+         * @api stable
+         */
+        class TopoJSON extends ol.format.JSONFeature {
+            /**
+             * @classdesc
+             * Feature format for reading data in the TopoJSON format.
+             *
+             * @constructor
+             * @extends {ol.format.JSONFeature}
+             * @param {olx.format.TopoJSONOptions=} opt_options Options.
+             * @api stable
+             */
+            constructor(opt_options?: olx.format.TopoJSONOptions);
+
+            /**
+             * Read all features from a TopoJSON source.
+             *
+             * @function
+             * @param {Document|Node|Object|string} source Source.
+             * @return {Array.<ol.Feature>} Features.
+             * @api stable
+             */
+            readFeatures(source: (Document | Node | GlobalObject | string)): ol.Feature[];
+
+            /**
+             * Read the projection from a TopoJSON source.
+             *
+             * @function
+             * @param {Document|Node|Object|string} object Source.
+             * @return {ol.proj.Projection} Projection.
+             * @api stable
+             */
+            readProjection(object: (Document | Node | GlobalObject | string)): ol.proj.Projection;
+
+        }
+
+        /**
+         * @classdesc
+         * Feature format for reading and writing data in the WFS format.
+         * By default, supports WFS version 1.1.0. You can pass a GML format
+         * as option if you want to read a WFS that contains GML2 (WFS 1.0.0).
+         * Also see {@link ol.format.GMLBase} which is used by this format.
+         *
+         * @constructor
+         * @param {olx.format.WFSOptions=} opt_options
+         *     Optional configuration object.
+         * @extends {ol.format.XMLFeature}
+         * @api stable
+         */
+        class WFS extends ol.format.XMLFeature {
+            /**
+             * @classdesc
+             * Feature format for reading and writing data in the WFS format.
+             * By default, supports WFS version 1.1.0. You can pass a GML format
+             * as option if you want to read a WFS that contains GML2 (WFS 1.0.0).
+             * Also see {@link ol.format.GMLBase} which is used by this format.
+             *
+             * @constructor
+             * @param {olx.format.WFSOptions=} opt_options
+             *     Optional configuration object.
+             * @extends {ol.format.XMLFeature}
+             * @api stable
+             */
+            constructor(opt_options?: olx.format.WFSOptions);
+
+            /**
+             * Read all features from a WFS FeatureCollection.
+             *
+             * @function
+             * @param {Document|Node|Object|string} source Source.
+             * @param {olx.format.ReadOptions=} opt_options Read options.
+             * @return {Array.<ol.Feature>} Features.
+             * @api stable
+             */
+            readFeatures(source: (Document | Node | GlobalObject | string), opt_options?: olx.format.ReadOptions): ol.Feature[];
+
+            /**
+             * Read transaction response of the source.
+             *
+             * @param {Document|Node|Object|string} source Source.
+             * @return {ol.WFSTransactionResponse|undefined} Transaction response.
+             * @api stable
+             */
+            readTransactionResponse(source: (Document | Node | GlobalObject | string)): (ol.WFSTransactionResponse);
+
+            /**
+             * Read feature collection metadata of the source.
+             *
+             * @param {Document|Node|Object|string} source Source.
+             * @return {ol.WFSFeatureCollectionMetadata|undefined}
+             *     FeatureCollection metadata.
+             * @api stable
+             */
+            readFeatureCollectionMetadata(source: (Document | Node | GlobalObject | string)): (ol.WFSFeatureCollectionMetadata);
+
+            /**
+             * Encode format as WFS `GetFeature` and return the Node.
+             *
+             * @param {olx.format.WFSWriteGetFeatureOptions} options Options.
+             * @return {Node} Result.
+             * @api stable
+             */
+            writeGetFeature(options: olx.format.WFSWriteGetFeatureOptions): Node;
+
+            /**
+             * Encode format as WFS `Transaction` and return the Node.
+             *
+             * @param {Array.<ol.Feature>} inserts The features to insert.
+             * @param {Array.<ol.Feature>} updates The features to update.
+             * @param {Array.<ol.Feature>} deletes The features to delete.
+             * @param {olx.format.WFSWriteTransactionOptions} options Write options.
+             * @return {Node} Result.
+             * @api stable
+             */
+            writeTransaction(inserts: ol.Feature[], updates: ol.Feature[], deletes: ol.Feature[], options: olx.format.WFSWriteTransactionOptions): Node;
+
+            /**
+             * Read the projection from a WFS source.
+             *
+             * @function
+             * @param {Document|Node|Object|string} source Source.
+             * @return {?ol.proj.Projection} Projection.
+             * @api stable
+             */
+            readProjection(source: (Document | Node | GlobalObject | string)): ol.proj.Projection;
+
+        }
+
+        /**
+         * @classdesc
+         * Geometry format for reading and writing data in the `WellKnownText` (WKT)
+         * format.
+         *
+         * @constructor
+         * @extends {ol.format.TextFeature}
+         * @param {olx.format.WKTOptions=} opt_options Options.
+         * @api stable
+         */
+        class WKT extends ol.format.TextFeature {
+            /**
+             * @classdesc
+             * Geometry format for reading and writing data in the `WellKnownText` (WKT)
+             * format.
+             *
+             * @constructor
+             * @extends {ol.format.TextFeature}
+             * @param {olx.format.WKTOptions=} opt_options Options.
+             * @api stable
+             */
+            constructor(opt_options?: olx.format.WKTOptions);
+
+            /**
+             * Read a feature from a WKT source.
+             *
+             * @function
+             * @param {Document|Node|Object|string} source Source.
+             * @param {olx.format.ReadOptions=} opt_options Read options.
+             * @return {ol.Feature} Feature.
+             * @api stable
+             */
+            readFeature(source: (Document | Node | GlobalObject | string), opt_options?: olx.format.ReadOptions): ol.Feature;
+
+            /**
+             * Read all features from a WKT source.
+             *
+             * @function
+             * @param {Document|Node|Object|string} source Source.
+             * @param {olx.format.ReadOptions=} opt_options Read options.
+             * @return {Array.<ol.Feature>} Features.
+             * @api stable
+             */
+            readFeatures(source: (Document | Node | GlobalObject | string), opt_options?: olx.format.ReadOptions): ol.Feature[];
+
+            /**
+             * Read a single geometry from a WKT source.
+             *
+             * @function
+             * @param {Document|Node|Object|string} source Source.
+             * @param {olx.format.ReadOptions=} opt_options Read options.
+             * @return {ol.geom.Geometry} Geometry.
+             * @api stable
+             */
+            readGeometry(source: (Document | Node | GlobalObject | string), opt_options?: olx.format.ReadOptions): ol.geom.Geometry;
+
+            /**
+             * Encode a feature as a WKT string.
+             *
+             * @function
+             * @param {ol.Feature} feature Feature.
+             * @param {olx.format.WriteOptions=} opt_options Write options.
+             * @return {string} WKT string.
+             * @api stable
+             */
+            writeFeature(feature: ol.Feature, opt_options?: olx.format.WriteOptions): string;
+
+            /**
+             * Encode an array of features as a WKT string.
+             *
+             * @function
+             * @param {Array.<ol.Feature>} features Features.
+             * @param {olx.format.WriteOptions=} opt_options Write options.
+             * @return {string} WKT string.
+             * @api stable
+             */
+            writeFeatures(features: ol.Feature[], opt_options?: olx.format.WriteOptions): string;
+
+            /**
+             * Write a single geometry as a WKT string.
+             *
+             * @function
+             * @param {ol.geom.Geometry} geometry Geometry.
+             * @return {string} WKT string.
+             * @api stable
+             */
+            writeGeometry(geometry: ol.geom.Geometry): string;
+
+        }
+
+        /**
+         * @classdesc
+         * Format for reading WMS capabilities data
+         *
+         * @constructor
+         * @extends {ol.format.XML}
+         * @api
+         */
+        class WMSCapabilities extends ol.format.XML {
+            /**
+             * @classdesc
+             * Format for reading WMS capabilities data
+             *
+             * @constructor
+             * @extends {ol.format.XML}
+             * @api
+             */
+            constructor();
+
+            /**
+             * Read a WMS capabilities document.
+             *
+             * @function
+             * @param {Document|Node|string} source The XML source.
+             * @return {Object} An object representing the WMS capabilities.
+             * @api
+             */
+            read(source: (Document | Node | string)): GlobalObject;
+
+        }
+
+        /**
+         * @classdesc
+         * Format for reading WMSGetFeatureInfo format. It uses
+         * {@link ol.format.GML2} to read features.
+         *
+         * @constructor
+         * @extends {ol.format.XMLFeature}
+         * @param {olx.format.WMSGetFeatureInfoOptions=} opt_options Options.
+         * @api
+         */
+        class WMSGetFeatureInfo extends ol.format.XMLFeature {
+            /**
+             * @classdesc
+             * Format for reading WMSGetFeatureInfo format. It uses
+             * {@link ol.format.GML2} to read features.
+             *
+             * @constructor
+             * @extends {ol.format.XMLFeature}
+             * @param {olx.format.WMSGetFeatureInfoOptions=} opt_options Options.
+             * @api
+             */
+            constructor(opt_options?: olx.format.WMSGetFeatureInfoOptions);
+
+            /**
+             * Read all features from a WMSGetFeatureInfo response.
+             *
+             * @function
+             * @param {Document|Node|Object|string} source Source.
+             * @param {olx.format.ReadOptions=} opt_options Options.
+             * @return {Array.<ol.Feature>} Features.
+             * @api stable
+             */
+            readFeatures(source: (Document | Node | GlobalObject | string), opt_options?: olx.format.ReadOptions): ol.Feature[];
+
+        }
+
+        /**
+         * @classdesc
+         * Format for reading WMTS capabilities data.
+         *
+         * @constructor
+         * @extends {ol.format.XML}
+         * @api
+         */
+        class WMTSCapabilities extends ol.format.XML {
+            /**
+             * @classdesc
+             * Format for reading WMTS capabilities data.
+             *
+             * @constructor
+             * @extends {ol.format.XML}
+             * @api
+             */
+            constructor();
+
+            /**
+             * Read a WMTS capabilities document.
+             *
+             * @function
+             * @param {Document|Node|string} source The XML source.
+             * @return {Object} An object representing the WMTS capabilities.
+             * @api
+             */
+            read(source: (Document | Node | string)): GlobalObject;
+
+        }
+
+        /**
+         * @classdesc
+         * Generic format for reading non-feature XML data
+         *
+         * @constructor
+         * @struct
+         */
+        class XML {
+            /**
+             * @classdesc
+             * Generic format for reading non-feature XML data
+             *
+             * @constructor
+             * @struct
+             */
+            constructor();
+
+        }
+
+        /**
+         * @classdesc
+         * Abstract base class; normally only used for creating subclasses and not
+         * instantiated in apps.
+         * Base class for XML feature formats.
+         *
+         * @constructor
+         * @extends {ol.format.Feature}
+         */
+        class XMLFeature extends ol.format.Feature {
+            /**
+             * @classdesc
+             * Abstract base class; normally only used for creating subclasses and not
+             * instantiated in apps.
+             * Base class for XML feature formats.
+             *
+             * @constructor
+             * @extends {ol.format.Feature}
+             */
+            constructor();
+
+        }
+
+    }
+
+    /**
+     * @classdesc
+     * Helper class for providing HTML5 Geolocation capabilities.
+     * The [Geolocation API](http://www.w3.org/TR/geolocation-API/)
+     * is used to locate a user's position.
+     *
+     * To get notified of position changes, register a listener for the generic
+     * `change` event on your instance of `ol.Geolocation`.
+     *
+     * Example:
+     *
+     *     var geolocation = new ol.Geolocation({
+     *       // take the projection to use from the map's view
+     *       projection: view.getProjection()
+     *     });
+     *     // listen to changes in position
+     *     geolocation.on('change', function(evt) {
+     *       window.console.log(geolocation.getPosition());
+     *     });
+     *
+     * @fires error
+     * @constructor
+     * @extends {ol.Object}
+     * @param {olx.GeolocationOptions=} opt_options Options.
+     * @api stable
+     */
+    class Geolocation extends ol.Object {
+        /**
+         * @classdesc
+         * Helper class for providing HTML5 Geolocation capabilities.
+         * The [Geolocation API](http://www.w3.org/TR/geolocation-API/)
+         * is used to locate a user's position.
+         *
+         * To get notified of position changes, register a listener for the generic
+         * `change` event on your instance of `ol.Geolocation`.
+         *
+         * Example:
+         *
+         *     var geolocation = new ol.Geolocation({
+         *       // take the projection to use from the map's view
+         *       projection: view.getProjection()
+         *     });
+         *     // listen to changes in position
+         *     geolocation.on('change', function(evt) {
+         *       window.console.log(geolocation.getPosition());
+         *     });
+         *
+         * @fires error
+         * @constructor
+         * @extends {ol.Object}
+         * @param {olx.GeolocationOptions=} opt_options Options.
+         * @api stable
+         */
+        constructor(opt_options?: olx.GeolocationOptions);
+
+        /**
+         * Get the accuracy of the position in meters.
+         * @return {number|undefined} The accuracy of the position measurement in
+         *     meters.
+         * @observable
+         * @api stable
+         */
+        getAccuracy(): (number);
+
+        /**
+         * Get a geometry of the position accuracy.
+         * @return {?ol.geom.Geometry} A geometry of the position accuracy.
+         * @observable
+         * @api stable
+         */
+        getAccuracyGeometry(): ol.geom.Geometry;
+
+        /**
+         * Get the altitude associated with the position.
+         * @return {number|undefined} The altitude of the position in meters above mean
+         *     sea level.
+         * @observable
+         * @api stable
+         */
+        getAltitude(): (number);
+
+        /**
+         * Get the altitude accuracy of the position.
+         * @return {number|undefined} The accuracy of the altitude measurement in
+         *     meters.
+         * @observable
+         * @api stable
+         */
+        getAltitudeAccuracy(): (number);
+
+        /**
+         * Get the heading as radians clockwise from North.
+         * @return {number|undefined} The heading of the device in radians from north.
+         * @observable
+         * @api stable
+         */
+        getHeading(): (number);
+
+        /**
+         * Get the position of the device.
+         * @return {ol.Coordinate|undefined} The current position of the device reported
+         *     in the current projection.
+         * @observable
+         * @api stable
+         */
+        getPosition(): (ol.Coordinate);
+
+        /**
+         * Get the projection associated with the position.
+         * @return {ol.proj.Projection|undefined} The projection the position is
+         *     reported in.
+         * @observable
+         * @api stable
+         */
+        getProjection(): (ol.proj.Projection);
+
+        /**
+         * Get the speed in meters per second.
+         * @return {number|undefined} The instantaneous speed of the device in meters
+         *     per second.
+         * @observable
+         * @api stable
+         */
+        getSpeed(): (number);
+
+        /**
+         * Determine if the device location is being tracked.
+         * @return {boolean} The device location is being tracked.
+         * @observable
+         * @api stable
+         */
+        getTracking(): boolean;
+
+        /**
+         * Get the tracking options.
+         * @see http://www.w3.org/TR/geolocation-API/#position-options
+         * @return {GeolocationPositionOptions|undefined} PositionOptions as defined by
+         *     the [HTML5 Geolocation spec
+         *     ](http://www.w3.org/TR/geolocation-API/#position_options_interface).
+         * @observable
+         * @api stable
+         */
+        getTrackingOptions(): (PositionOptions);
+
+        /**
+         * Set the projection to use for transforming the coordinates.
+         * @param {ol.proj.Projection} projection The projection the position is
+         *     reported in.
+         * @observable
+         * @api stable
+         */
+        setProjection(projection: ol.proj.Projection): void;
+
+        /**
+         * Enable or disable tracking.
+         * @param {boolean} tracking Enable tracking.
+         * @observable
+         * @api stable
+         */
+        setTracking(tracking: boolean): void;
+
+        /**
+         * Set the tracking options.
+         * @see http://www.w3.org/TR/geolocation-API/#position-options
+         * @param {GeolocationPositionOptions} options PositionOptions as defined by the
+         *     [HTML5 Geolocation spec
+         *     ](http://www.w3.org/TR/geolocation-API/#position_options_interface).
+         * @observable
+         * @api stable
+         */
+        setTrackingOptions(options: PositionOptions): void;
+
+    }
+
+    /**
+     * @namespace ol.geom
+     */
+    module geom {
+        /**
+         * @classdesc
+         * Circle geometry.
+         *
+         * @constructor
+         * @extends {ol.geom.SimpleGeometry}
+         * @param {ol.Coordinate} center Center.
+         * @param {number=} opt_radius Radius.
+         * @param {ol.geom.GeometryLayout=} opt_layout Layout.
+         * @api
+         */
+        class Circle extends ol.geom.SimpleGeometry {
+            /**
+             * @classdesc
+             * Circle geometry.
+             *
+             * @constructor
+             * @extends {ol.geom.SimpleGeometry}
+             * @param {ol.Coordinate} center Center.
+             * @param {number=} opt_radius Radius.
+             * @param {ol.geom.GeometryLayout=} opt_layout Layout.
+             * @api
+             */
+            constructor(center: ol.Coordinate, opt_radius?: number, opt_layout?: ol.geom.GeometryLayout);
+
+            /**
+             * Make a complete copy of the geometry.
+             * @return {!ol.geom.Circle} Clone.
+             * @api
+             */
+            clone(): ol.geom.Circle;
+
+            /**
+             * Return the center of the circle as {@link ol.Coordinate coordinate}.
+             * @return {ol.Coordinate} Center.
+             * @api
+             */
+            getCenter(): ol.Coordinate;
+
+            /**
+             * Return the radius of the circle.
+             * @return {number} Radius.
+             * @api
+             */
+            getRadius(): number;
+
+            /**
+             * @inheritDoc
+             * @api
+             */
+            getType(): ol.geom.GeometryType;
+
+            /**
+             * @inheritDoc
+             * @api stable
+             */
+            intersectsExtent(extent: ol.Extent): boolean;
+
+            /**
+             * Set the center of the circle as {@link ol.Coordinate coordinate}.
+             * @param {ol.Coordinate} center Center.
+             * @api
+             */
+            setCenter(center: ol.Coordinate): void;
+
+            /**
+             * Set the center (as {@link ol.Coordinate coordinate}) and the radius (as
+             * number) of the circle.
+             * @param {ol.Coordinate} center Center.
+             * @param {number} radius Radius.
+             * @param {ol.geom.GeometryLayout=} opt_layout Layout.
+             * @api
+             */
+            setCenterAndRadius(center: ol.Coordinate, radius: number, opt_layout?: ol.geom.GeometryLayout): void;
+
+            /**
+             * Set the radius of the circle. The radius is in the units of the projection.
+             * @param {number} radius Radius.
+             * @api
+             */
+            setRadius(radius: number): void;
+
+        }
+
+        /**
+         * The geometry type. One of `'Point'`, `'LineString'`, `'LinearRing'`,
+         * `'Polygon'`, `'MultiPoint'`, `'MultiLineString'`, `'MultiPolygon'`,
+         * `'GeometryCollection'`, `'Circle'`.
+         * @enum {string}
+         */
+        type GeometryType = "Point" | "LineString" | "LinearRing" | "Polygon" | "MultiPoint" | "MultiLineString" | "MultiPolygon" | "GeometryCollection" | "Circle";
+
+        /**
+         * The coordinate layout for geometries, indicating whether a 3rd or 4th z ('Z')
+         * or measure ('M') coordinate is available. Supported values are `'XY'`,
+         * `'XYZ'`, `'XYM'`, `'XYZM'`.
+         * @enum {string}
+         */
+        type GeometryLayout = "XY" | "XYZ" | "XYM" | "XYZM";
+
+        /**
+         * @classdesc
+         * Abstract base class; normally only used for creating subclasses and not
+         * instantiated in apps.
+         * Base class for vector geometries.
+         *
+         * To get notified of changes to the geometry, register a listener for the
+         * generic `change` event on your geometry instance.
+         *
+         * @constructor
+         * @extends {ol.Object}
+         * @api stable
+         */
+        class Geometry extends ol.Object {
+            /**
+             * @classdesc
+             * Abstract base class; normally only used for creating subclasses and not
+             * instantiated in apps.
+             * Base class for vector geometries.
+             *
+             * To get notified of changes to the geometry, register a listener for the
+             * generic `change` event on your geometry instance.
+             *
+             * @constructor
+             * @extends {ol.Object}
+             * @api stable
+             */
+            constructor();
+
+            /**
+             * Return the closest point of the geometry to the passed point as
+             * {@link ol.Coordinate coordinate}.
+             * @param {ol.Coordinate} point Point.
+             * @param {ol.Coordinate=} opt_closestPoint Closest point.
+             * @return {ol.Coordinate} Closest point.
+             * @api stable
+             */
+            getClosestPoint(point: ol.Coordinate, opt_closestPoint?: ol.Coordinate): ol.Coordinate;
+
+            /**
+             * Returns true if this geometry includes the specified coordinate. If the
+             * coordinate is on the boundary of the geometry, returns false.
+             * @param {ol.Coordinate} coordinate Coordinate.
+             * @return {boolean} Contains coordinate.
+             * @api
+             */
+            intersectsCoordinate(coordinate: ol.Coordinate): boolean;
+
+            /**
+             * Get the extent of the geometry.
+             * @param {ol.Extent=} opt_extent Extent.
+             * @return {ol.Extent} extent Extent.
+             * @api stable
+             */
+            getExtent(opt_extent?: ol.Extent): ol.Extent;
+
+            /**
+             * Rotate the geometry around a given coordinate. This modifies the geometry
+             * coordinates in place.
+             * @abstract
+             * @param {number} angle Rotation angle in radians.
+             * @param {ol.Coordinate} anchor The rotation center.
+             * @api
+             */
+            rotate(angle: number, anchor: ol.Coordinate): void;
+
+            /**
+             * Scale the geometry (with an optional origin).  This modifies the geometry
+             * coordinates in place.
+             * @abstract
+             * @param {number} sx The scaling factor in the x-direction.
+             * @param {number=} opt_sy The scaling factor in the y-direction (defaults to
+             *     sx).
+             * @param {ol.Coordinate=} opt_anchor The scale origin (defaults to the center
+             *     of the geometry extent).
+             * @api
+             */
+            scale(sx: number, opt_sy?: number, opt_anchor?: ol.Coordinate): void;
+
+            /**
+             * Create a simplified version of this geometry.  For linestrings, this uses
+             * the the {@link
+             * https://en.wikipedia.org/wiki/Ramer-Douglas-Peucker_algorithm
+             * Douglas Peucker} algorithm.  For polygons, a quantization-based
+             * simplification is used to preserve topology.
+             * @function
+             * @param {number} tolerance The tolerance distance for simplification.
+             * @return {ol.geom.Geometry} A new, simplified version of the original
+             *     geometry.
+             * @api
+             */
+            simplify(tolerance: number): ol.geom.Geometry;
+
+            /**
+             * Transform each coordinate of the geometry from one coordinate reference
+             * system to another. The geometry is modified in place.
+             * For example, a line will be transformed to a line and a circle to a circle.
+             * If you do not want the geometry modified in place, first `clone()` it and
+             * then use this function on the clone.
+             *
+             * @param {ol.ProjectionLike} source The current projection.  Can be a
+             *     string identifier or a {@link ol.proj.Projection} object.
+             * @param {ol.ProjectionLike} destination The desired projection.  Can be a
+             *     string identifier or a {@link ol.proj.Projection} object.
+             * @return {ol.geom.Geometry} This geometry.  Note that original geometry is
+             *     modified in place.
+             * @api stable
+             */
+            transform(source: ol.ProjectionLike, destination: ol.ProjectionLike): ol.geom.Geometry;
+
+            /**
+             * Get the type of this geometry.
+             * @abstract
+             * @return {ol.geom.GeometryType} Geometry type.
+             */
+            getType(): ol.geom.GeometryType;
+        }
+
+        /**
+         * @classdesc
+         * An array of {@link ol.geom.Geometry} objects.
+         *
+         * @constructor
+         * @extends {ol.geom.Geometry}
+         * @param {Array.<ol.geom.Geometry>=} opt_geometries Geometries.
+         * @api stable
+         */
+        class GeometryCollection extends ol.geom.Geometry {
+            /**
+             * @classdesc
+             * An array of {@link ol.geom.Geometry} objects.
+             *
+             * @constructor
+             * @extends {ol.geom.Geometry}
+             * @param {Array.<ol.geom.Geometry>=} opt_geometries Geometries.
+             * @api stable
+             */
+            constructor(opt_geometries?: ol.geom.Geometry[]);
+
+            /**
+             * Make a complete copy of the geometry.
+             * @return {!ol.geom.GeometryCollection} Clone.
+             * @api stable
+             */
+            clone(): ol.geom.GeometryCollection;
+
+            /**
+             * Return the geometries that make up this geometry collection.
+             * @return {Array.<ol.geom.Geometry>} Geometries.
+             * @api stable
+             */
+            getGeometries(): ol.geom.Geometry[];
+
+            /**
+             * @inheritDoc
+             * @api stable
+             */
+            getType(): ol.geom.GeometryType;
+
+            /**
+             * @inheritDoc
+             * @api stable
+             */
+            intersectsExtent(extent: ol.Extent): boolean;
+
+            /**
+             * Set the geometries that make up this geometry collection.
+             * @param {Array.<ol.geom.Geometry>} geometries Geometries.
+             * @api stable
+             */
+            setGeometries(geometries: ol.geom.Geometry[]): void;
+
+            /**
+             * @inheritDoc
+             * @api stable
+             */
+            applyTransform(transformFn: ol.TransformFunction): void;
+
+            /**
+             * Translate the geometry.
+             * @param {number} deltaX Delta X.
+             * @param {number} deltaY Delta Y.
+             * @api
+             */
+            translate(deltaX: number, deltaY: number): void;
+
+        }
+
+        /**
+         * @classdesc
+         * Linear ring geometry. Only used as part of polygon; cannot be rendered
+         * on its own.
+         *
+         * @constructor
+         * @extends {ol.geom.SimpleGeometry}
+         * @param {Array.<ol.Coordinate>} coordinates Coordinates.
+         * @param {ol.geom.GeometryLayout=} opt_layout Layout.
+         * @api stable
+         */
+        class LinearRing extends ol.geom.SimpleGeometry {
+            /**
+             * @classdesc
+             * Linear ring geometry. Only used as part of polygon; cannot be rendered
+             * on its own.
+             *
+             * @constructor
+             * @extends {ol.geom.SimpleGeometry}
+             * @param {Array.<ol.Coordinate>} coordinates Coordinates.
+             * @param {ol.geom.GeometryLayout=} opt_layout Layout.
+             * @api stable
+             */
+            constructor(coordinates: ol.Coordinate[], opt_layout?: ol.geom.GeometryLayout);
+
+            /**
+             * Make a complete copy of the geometry.
+             * @return {!ol.geom.LinearRing} Clone.
+             * @api stable
+             */
+            clone(): ol.geom.LinearRing;
+
+            /**
+             * Return the area of the linear ring on projected plane.
+             * @return {number} Area (on projected plane).
+             * @api stable
+             */
+            getArea(): number;
+
+            /**
+             * Return the coordinates of the linear ring.
+             * @return {Array.<ol.Coordinate>} Coordinates.
+             * @api stable
+             */
+            getCoordinates(): ol.Coordinate[];
+
+            /**
+             * @inheritDoc
+             * @api stable
+             */
+            getType(): ol.geom.GeometryType;
+
+            /**
+             * Set the coordinates of the linear ring.
+             * @param {Array.<ol.Coordinate>} coordinates Coordinates.
+             * @param {ol.geom.GeometryLayout=} opt_layout Layout.
+             * @api stable
+             */
+            setCoordinates(coordinates: ol.Coordinate[], opt_layout?: ol.geom.GeometryLayout): void;
+
+        }
+
+        /**
+         * @classdesc
+         * Linestring geometry.
+         *
+         * @constructor
+         * @extends {ol.geom.SimpleGeometry}
+         * @param {Array.<ol.Coordinate>} coordinates Coordinates.
+         * @param {ol.geom.GeometryLayout=} opt_layout Layout.
+         * @api stable
+         */
+        class LineString extends ol.geom.SimpleGeometry {
+            /**
+             * @classdesc
+             * Linestring geometry.
+             *
+             * @constructor
+             * @extends {ol.geom.SimpleGeometry}
+             * @param {Array.<ol.Coordinate>} coordinates Coordinates.
+             * @param {ol.geom.GeometryLayout=} opt_layout Layout.
+             * @api stable
+             */
+            constructor(coordinates: ol.Coordinate[], opt_layout?: ol.geom.GeometryLayout);
+
+            /**
+             * Append the passed coordinate to the coordinates of the linestring.
+             * @param {ol.Coordinate} coordinate Coordinate.
+             * @api stable
+             */
+            appendCoordinate(coordinate: ol.Coordinate): void;
+
+            /**
+             * Make a complete copy of the geometry.
+             * @return {!ol.geom.LineString} Clone.
+             * @api stable
+             */
+            clone(): ol.geom.LineString;
+
+            /**
+             * Iterate over each segment, calling the provided callback.
+             * If the callback returns a truthy value the function returns that
+             * value immediately. Otherwise the function returns `false`.
+             *
+             * @param {function(this: S, ol.Coordinate, ol.Coordinate): T} callback Function
+             *     called for each segment.
+             * @param {S=} opt_this The object to be used as the value of 'this'
+             *     within callback.
+             * @return {T|boolean} Value.
+             * @template T,S
+             * @api
+             */
+            forEachSegment<T, S>(callback: (() => T), opt_this?: S): (T | boolean);
+
+            /**
+             * Returns the coordinate at `m` using linear interpolation, or `null` if no
+             * such coordinate exists.
+             *
+             * `opt_extrapolate` controls extrapolation beyond the range of Ms in the
+             * MultiLineString. If `opt_extrapolate` is `true` then Ms less than the first
+             * M will return the first coordinate and Ms greater than the last M will
+             * return the last coordinate.
+             *
+             * @param {number} m M.
+             * @param {boolean=} opt_extrapolate Extrapolate. Default is `false`.
+             * @return {ol.Coordinate} Coordinate.
+             * @api stable
+             */
+            getCoordinateAtM(m: number, opt_extrapolate?: boolean): ol.Coordinate;
+
+            /**
+             * Return the coordinates of the linestring.
+             * @return {Array.<ol.Coordinate>} Coordinates.
+             * @api stable
+             */
+            getCoordinates(): ol.Coordinate[];
+
+            /**
+             * Return the coordinate at the provided fraction along the linestring.
+             * The `fraction` is a number between 0 and 1, where 0 is the start of the
+             * linestring and 1 is the end.
+             * @param {number} fraction Fraction.
+             * @param {ol.Coordinate=} opt_dest Optional coordinate whose values will
+             *     be modified. If not provided, a new coordinate will be returned.
+             * @return {ol.Coordinate} Coordinate of the interpolated point.
+             * @api
+             */
+            getCoordinateAt(fraction: number, opt_dest?: ol.Coordinate): ol.Coordinate;
+
+            /**
+             * Return the length of the linestring on projected plane.
+             * @return {number} Length (on projected plane).
+             * @api stable
+             */
+            getLength(): number;
+
+            /**
+             * @inheritDoc
+             * @api stable
+             */
+            getType(): ol.geom.GeometryType;
+
+            /**
+             * @inheritDoc
+             * @api stable
+             */
+            intersectsExtent(extent: ol.Extent): boolean;
+
+            /**
+             * Set the coordinates of the linestring.
+             * @param {Array.<ol.Coordinate>} coordinates Coordinates.
+             * @param {ol.geom.GeometryLayout=} opt_layout Layout.
+             * @api stable
+             */
+            setCoordinates(coordinates: ol.Coordinate[], opt_layout?: ol.geom.GeometryLayout): void;
+
+        }
+
+        /**
+         * @classdesc
+         * Multi-linestring geometry.
+         *
+         * @constructor
+         * @extends {ol.geom.SimpleGeometry}
+         * @param {Array.<Array.<ol.Coordinate>>} coordinates Coordinates.
+         * @param {ol.geom.GeometryLayout=} opt_layout Layout.
+         * @api stable
+         */
+        class MultiLineString extends ol.geom.SimpleGeometry {
+            /**
+             * @classdesc
+             * Multi-linestring geometry.
+             *
+             * @constructor
+             * @extends {ol.geom.SimpleGeometry}
+             * @param {Array.<Array.<ol.Coordinate>>} coordinates Coordinates.
+             * @param {ol.geom.GeometryLayout=} opt_layout Layout.
+             * @api stable
+             */
+            constructor(coordinates: ol.Coordinate[][], opt_layout?: ol.geom.GeometryLayout);
+
+            /**
+             * Append the passed linestring to the multilinestring.
+             * @param {ol.geom.LineString} lineString LineString.
+             * @api stable
+             */
+            appendLineString(lineString: ol.geom.LineString): void;
+
+            /**
+             * Make a complete copy of the geometry.
+             * @return {!ol.geom.MultiLineString} Clone.
+             * @api stable
+             */
+            clone(): ol.geom.MultiLineString;
+
+            /**
+             * Returns the coordinate at `m` using linear interpolation, or `null` if no
+             * such coordinate exists.
+             *
+             * `opt_extrapolate` controls extrapolation beyond the range of Ms in the
+             * MultiLineString. If `opt_extrapolate` is `true` then Ms less than the first
+             * M will return the first coordinate and Ms greater than the last M will
+             * return the last coordinate.
+             *
+             * `opt_interpolate` controls interpolation between consecutive LineStrings
+             * within the MultiLineString. If `opt_interpolate` is `true` the coordinates
+             * will be linearly interpolated between the last coordinate of one LineString
+             * and the first coordinate of the next LineString.  If `opt_interpolate` is
+             * `false` then the function will return `null` for Ms falling between
+             * LineStrings.
+             *
+             * @param {number} m M.
+             * @param {boolean=} opt_extrapolate Extrapolate. Default is `false`.
+             * @param {boolean=} opt_interpolate Interpolate. Default is `false`.
+             * @return {ol.Coordinate} Coordinate.
+             * @api stable
+             */
+            getCoordinateAtM(m: number, opt_extrapolate?: boolean, opt_interpolate?: boolean): ol.Coordinate;
+
+            /**
+             * Return the coordinates of the multilinestring.
+             * @return {Array.<Array.<ol.Coordinate>>} Coordinates.
+             * @api stable
+             */
+            getCoordinates(): ol.Coordinate[][];
+
+            /**
+             * Return the linestring at the specified index.
+             * @param {number} index Index.
+             * @return {ol.geom.LineString} LineString.
+             * @api stable
+             */
+            getLineString(index: number): ol.geom.LineString;
+
+            /**
+             * Return the linestrings of this multilinestring.
+             * @return {Array.<ol.geom.LineString>} LineStrings.
+             * @api stable
+             */
+            getLineStrings(): ol.geom.LineString[];
+
+            /**
+             * @inheritDoc
+             * @api stable
+             */
+            getType(): ol.geom.GeometryType;
+
+            /**
+             * @inheritDoc
+             * @api stable
+             */
+            intersectsExtent(extent: ol.Extent): boolean;
+
+            /**
+             * Set the coordinates of the multilinestring.
+             * @param {Array.<Array.<ol.Coordinate>>} coordinates Coordinates.
+             * @param {ol.geom.GeometryLayout=} opt_layout Layout.
+             * @api stable
+             */
+            setCoordinates(coordinates: ol.Coordinate[][], opt_layout?: ol.geom.GeometryLayout): void;
+
+        }
+
+        /**
+         * @classdesc
+         * Multi-point geometry.
+         *
+         * @constructor
+         * @extends {ol.geom.SimpleGeometry}
+         * @param {Array.<ol.Coordinate>} coordinates Coordinates.
+         * @param {ol.geom.GeometryLayout=} opt_layout Layout.
+         * @api stable
+         */
+        class MultiPoint extends ol.geom.SimpleGeometry {
+            /**
+             * @classdesc
+             * Multi-point geometry.
+             *
+             * @constructor
+             * @extends {ol.geom.SimpleGeometry}
+             * @param {Array.<ol.Coordinate>} coordinates Coordinates.
+             * @param {ol.geom.GeometryLayout=} opt_layout Layout.
+             * @api stable
+             */
+            constructor(coordinates: ol.Coordinate[], opt_layout?: ol.geom.GeometryLayout);
+
+            /**
+             * Append the passed point to this multipoint.
+             * @param {ol.geom.Point} point Point.
+             * @api stable
+             */
+            appendPoint(point: ol.geom.Point): void;
+
+            /**
+             * Make a complete copy of the geometry.
+             * @return {!ol.geom.MultiPoint} Clone.
+             * @api stable
+             */
+            clone(): ol.geom.MultiPoint;
+
+            /**
+             * Return the coordinates of the multipoint.
+             * @return {Array.<ol.Coordinate>} Coordinates.
+             * @api stable
+             */
+            getCoordinates(): ol.Coordinate[];
+
+            /**
+             * Return the point at the specified index.
+             * @param {number} index Index.
+             * @return {ol.geom.Point} Point.
+             * @api stable
+             */
+            getPoint(index: number): ol.geom.Point;
+
+            /**
+             * Return the points of this multipoint.
+             * @return {Array.<ol.geom.Point>} Points.
+             * @api stable
+             */
+            getPoints(): ol.geom.Point[];
+
+            /**
+             * @inheritDoc
+             * @api stable
+             */
+            getType(): ol.geom.GeometryType;
+
+            /**
+             * @inheritDoc
+             * @api stable
+             */
+            intersectsExtent(extent: ol.Extent): boolean;
+
+            /**
+             * Set the coordinates of the multipoint.
+             * @param {Array.<ol.Coordinate>} coordinates Coordinates.
+             * @param {ol.geom.GeometryLayout=} opt_layout Layout.
+             * @api stable
+             */
+            setCoordinates(coordinates: ol.Coordinate[], opt_layout?: ol.geom.GeometryLayout): void;
+
+        }
+
+        /**
+         * @classdesc
+         * Multi-polygon geometry.
+         *
+         * @constructor
+         * @extends {ol.geom.SimpleGeometry}
+         * @param {Array.<Array.<Array.<ol.Coordinate>>>} coordinates Coordinates.
+         * @param {ol.geom.GeometryLayout=} opt_layout Layout.
+         * @api stable
+         */
+        class MultiPolygon extends ol.geom.SimpleGeometry {
+            /**
+             * @classdesc
+             * Multi-polygon geometry.
+             *
+             * @constructor
+             * @extends {ol.geom.SimpleGeometry}
+             * @param {Array.<Array.<Array.<ol.Coordinate>>>} coordinates Coordinates.
+             * @param {ol.geom.GeometryLayout=} opt_layout Layout.
+             * @api stable
+             */
+            constructor(coordinates: ol.Coordinate[][][], opt_layout?: ol.geom.GeometryLayout);
+
+            /**
+             * Append the passed polygon to this multipolygon.
+             * @param {ol.geom.Polygon} polygon Polygon.
+             * @api stable
+             */
+            appendPolygon(polygon: ol.geom.Polygon): void;
+
+            /**
+             * Make a complete copy of the geometry.
+             * @return {!ol.geom.MultiPolygon} Clone.
+             * @api stable
+             */
+            clone(): ol.geom.MultiPolygon;
+
+            /**
+             * Return the area of the multipolygon on projected plane.
+             * @return {number} Area (on projected plane).
+             * @api stable
+             */
+            getArea(): number;
+
+            /**
+             * Get the coordinate array for this geometry.  This array has the structure
+             * of a GeoJSON coordinate array for multi-polygons.
+             *
+             * @param {boolean=} opt_right Orient coordinates according to the right-hand
+             *     rule (counter-clockwise for exterior and clockwise for interior rings).
+             *     If `false`, coordinates will be oriented according to the left-hand rule
+             *     (clockwise for exterior and counter-clockwise for interior rings).
+             *     By default, coordinate orientation will depend on how the geometry was
+             *     constructed.
+             * @return {Array.<Array.<Array.<ol.Coordinate>>>} Coordinates.
+             * @api stable
+             */
+            getCoordinates(opt_right?: boolean): ol.Coordinate[][][];
+
+            /**
+             * Return the interior points as {@link ol.geom.MultiPoint multipoint}.
+             * @return {ol.geom.MultiPoint} Interior points.
+             * @api stable
+             */
+            getInteriorPoints(): ol.geom.MultiPoint;
+
+            /**
+             * Return the polygon at the specified index.
+             * @param {number} index Index.
+             * @return {ol.geom.Polygon} Polygon.
+             * @api stable
+             */
+            getPolygon(index: number): ol.geom.Polygon;
+
+            /**
+             * Return the polygons of this multipolygon.
+             * @return {Array.<ol.geom.Polygon>} Polygons.
+             * @api stable
+             */
+            getPolygons(): ol.geom.Polygon[];
+
+            /**
+             * @inheritDoc
+             * @api stable
+             */
+            getType(): ol.geom.GeometryType;
+
+            /**
+             * @inheritDoc
+             * @api stable
+             */
+            intersectsExtent(extent: ol.Extent): boolean;
+
+            /**
+             * Set the coordinates of the multipolygon.
+             * @param {Array.<Array.<Array.<ol.Coordinate>>>} coordinates Coordinates.
+             * @param {ol.geom.GeometryLayout=} opt_layout Layout.
+             * @api stable
+             */
+            setCoordinates(coordinates: ol.Coordinate[][][], opt_layout?: ol.geom.GeometryLayout): void;
+
+        }
+
+        /**
+         * @classdesc
+         * Point geometry.
+         *
+         * @constructor
+         * @extends {ol.geom.SimpleGeometry}
+         * @param {ol.Coordinate} coordinates Coordinates.
+         * @param {ol.geom.GeometryLayout=} opt_layout Layout.
+         * @api stable
+         */
+        class Point extends ol.geom.SimpleGeometry {
+            /**
+             * @classdesc
+             * Point geometry.
+             *
+             * @constructor
+             * @extends {ol.geom.SimpleGeometry}
+             * @param {ol.Coordinate} coordinates Coordinates.
+             * @param {ol.geom.GeometryLayout=} opt_layout Layout.
+             * @api stable
+             */
+            constructor(coordinates: ol.Coordinate, opt_layout?: ol.geom.GeometryLayout);
+
+            /**
+             * Make a complete copy of the geometry.
+             * @return {!ol.geom.Point} Clone.
+             * @api stable
+             */
+            clone(): ol.geom.Point;
+
+            /**
+             * Return the coordinate of the point.
+             * @return {ol.Coordinate} Coordinates.
+             * @api stable
+             */
+            getCoordinates(): ol.Coordinate;
+
+            /**
+             * @inheritDoc
+             * @api stable
+             */
+            getType(): ol.geom.GeometryType;
+
+            /**
+             * @inheritDoc
+             * @api stable
+             */
+            intersectsExtent(extent: ol.Extent): boolean;
+
+            /**
+             * Set the coordinate of the point.
+             * @param {ol.Coordinate} coordinates Coordinates.
+             * @param {ol.geom.GeometryLayout=} opt_layout Layout.
+             * @api stable
+             */
+            setCoordinates(coordinates: ol.Coordinate, opt_layout?: ol.geom.GeometryLayout): void;
+
+        }
+
+        /**
+         * @classdesc
+         * Polygon geometry.
+         *
+         * @constructor
+         * @extends {ol.geom.SimpleGeometry}
+         * @param {Array.<Array.<ol.Coordinate>>} coordinates Coordinates.
+         * @param {ol.geom.GeometryLayout=} opt_layout Layout.
+         * @api stable
+         */
+        class Polygon extends ol.geom.SimpleGeometry {
+            /**
+             * @classdesc
+             * Polygon geometry.
+             *
+             * @constructor
+             * @extends {ol.geom.SimpleGeometry}
+             * @param {Array.<Array.<ol.Coordinate>>} coordinates Coordinates.
+             * @param {ol.geom.GeometryLayout=} opt_layout Layout.
+             * @api stable
+             */
+            constructor(coordinates: ol.Coordinate[][], opt_layout?: ol.geom.GeometryLayout);
+
+            /**
+             * Append the passed linear ring to this polygon.
+             * @param {ol.geom.LinearRing} linearRing Linear ring.
+             * @api stable
+             */
+            appendLinearRing(linearRing: ol.geom.LinearRing): void;
+
+            /**
+             * Make a complete copy of the geometry.
+             * @return {!ol.geom.Polygon} Clone.
+             * @api stable
+             */
+            clone(): ol.geom.Polygon;
+
+            /**
+             * Return the area of the polygon on projected plane.
+             * @return {number} Area (on projected plane).
+             * @api stable
+             */
+            getArea(): number;
+
+            /**
+             * Get the coordinate array for this geometry.  This array has the structure
+             * of a GeoJSON coordinate array for polygons.
+             *
+             * @param {boolean=} opt_right Orient coordinates according to the right-hand
+             *     rule (counter-clockwise for exterior and clockwise for interior rings).
+             *     If `false`, coordinates will be oriented according to the left-hand rule
+             *     (clockwise for exterior and counter-clockwise for interior rings).
+             *     By default, coordinate orientation will depend on how the geometry was
+             *     constructed.
+             * @return {Array.<Array.<ol.Coordinate>>} Coordinates.
+             * @api stable
+             */
+            getCoordinates(opt_right?: boolean): ol.Coordinate[][];
+
+            /**
+             * Return an interior point of the polygon.
+             * @return {ol.geom.Point} Interior point.
+             * @api stable
+             */
+            getInteriorPoint(): ol.geom.Point;
+
+            /**
+             * Return the number of rings of the polygon,  this includes the exterior
+             * ring and any interior rings.
+             *
+             * @return {number} Number of rings.
+             * @api
+             */
+            getLinearRingCount(): number;
+
+            /**
+             * Return the Nth linear ring of the polygon geometry. Return `null` if the
+             * given index is out of range.
+             * The exterior linear ring is available at index `0` and the interior rings
+             * at index `1` and beyond.
+             *
+             * @param {number} index Index.
+             * @return {ol.geom.LinearRing} Linear ring.
+             * @api stable
+             */
+            getLinearRing(index: number): ol.geom.LinearRing;
+
+            /**
+             * Return the linear rings of the polygon.
+             * @return {Array.<ol.geom.LinearRing>} Linear rings.
+             * @api stable
+             */
+            getLinearRings(): ol.geom.LinearRing[];
+
+            /**
+             * @inheritDoc
+             * @api stable
+             */
+            getType(): ol.geom.GeometryType;
+
+            /**
+             * @inheritDoc
+             * @api stable
+             */
+            intersectsExtent(extent: ol.Extent): boolean;
+
+            /**
+             * Set the coordinates of the polygon.
+             * @param {Array.<Array.<ol.Coordinate>>} coordinates Coordinates.
+             * @param {ol.geom.GeometryLayout=} opt_layout Layout.
+             * @api stable
+             */
+            setCoordinates(coordinates: ol.Coordinate[][], opt_layout?: ol.geom.GeometryLayout): void;
+
+            /**
+             * Create an approximation of a circle on the surface of a sphere.
+             * @param {ol.Sphere} sphere The sphere.
+             * @param {ol.Coordinate} center Center (`[lon, lat]` in degrees).
+             * @param {number} radius The great-circle distance from the center to
+             *     the polygon vertices.
+             * @param {number=} opt_n Optional number of vertices for the resulting
+             *     polygon. Default is `32`.
+             * @return {ol.geom.Polygon} The "circular" polygon.
+             * @api stable
+             */
+            static circular(sphere: ol.Sphere, center: ol.Coordinate, radius: number, opt_n?: number): ol.geom.Polygon;
+
+            /**
+             * Create a polygon from an extent. The layout used is `XY`.
+             * @param {ol.Extent} extent The extent.
+             * @return {ol.geom.Polygon} The polygon.
+             * @api
+             */
+            static fromExtent(extent: ol.Extent): ol.geom.Polygon;
+
+            /**
+             * Create a regular polygon from a circle.
+             * @param {ol.geom.Circle} circle Circle geometry.
+             * @param {number=} opt_sides Number of sides of the polygon. Default is 32.
+             * @param {number=} opt_angle Start angle for the first vertex of the polygon in
+             *     radians. Default is 0.
+             * @return {ol.geom.Polygon} Polygon geometry.
+             * @api
+             */
+            static fromCircle(circle: ol.geom.Circle, opt_sides?: number, opt_angle?: number): ol.geom.Polygon;
+
+        }
+
+        /**
+         * @classdesc
+         * Abstract base class; only used for creating subclasses; do not instantiate
+         * in apps, as cannot be rendered.
+         *
+         * @constructor
+         * @extends {ol.geom.Geometry}
+         * @api stable
+         */
+        class SimpleGeometry extends ol.geom.Geometry {
+            /**
+             * @classdesc
+             * Abstract base class; only used for creating subclasses; do not instantiate
+             * in apps, as cannot be rendered.
+             *
+             * @constructor
+             * @extends {ol.geom.Geometry}
+             * @api stable
+             */
+            constructor();
+
+            /**
+             * Return the first coordinate of the geometry.
+             * @return {ol.Coordinate} First coordinate.
+             * @api stable
+             */
+            getFirstCoordinate(): ol.Coordinate;
+
+            /**
+             * Return the last coordinate of the geometry.
+             * @return {ol.Coordinate} Last point.
+             * @api stable
+             */
+            getLastCoordinate(): ol.Coordinate;
+
+            /**
+             * Return the {@link ol.geom.GeometryLayout layout} of the geometry.
+             * @return {ol.geom.GeometryLayout} Layout.
+             * @api stable
+             */
+            getLayout(): ol.geom.GeometryLayout;
+
+            /**
+             * @inheritDoc
+             * @api stable
+             */
+            applyTransform(transformFn: ol.TransformFunction): void;
+
+            /**
+             * @inheritDoc
+             * @api stable
+             */
+            translate(deltaX: number, deltaY: number): void;
+
+        }
+
+    }
+
+    /**
+     * Render a grid for a coordinate system on a map.
+     * @constructor
+     * @param {olx.GraticuleOptions=} opt_options Options.
+     * @api
+     */
+    class Graticule {
+        /**
+         * Render a grid for a coordinate system on a map.
+         * @constructor
+         * @param {olx.GraticuleOptions=} opt_options Options.
+         * @api
+         */
+        constructor(opt_options?: olx.GraticuleOptions);
+
+        /**
+         * Get the map associated with this graticule.
+         * @return {ol.Map} The map.
+         * @api
+         */
+        getMap(): ol.Map;
+
+        /**
+         * Get the list of meridians.  Meridians are lines of equal longitude.
+         * @return {Array.<ol.geom.LineString>} The meridians.
+         * @api
+         */
+        getMeridians(): ol.geom.LineString[];
+
+        /**
+         * Get the list of parallels.  Pallels are lines of equal latitude.
+         * @return {Array.<ol.geom.LineString>} The parallels.
+         * @api
+         */
+        getParallels(): ol.geom.LineString[];
+
+        /**
+         * Set the map for this graticule.  The graticule will be rendered on the
+         * provided map.
+         * @param {ol.Map} map Map.
+         * @api
+         */
+        setMap(map: ol.Map): void;
+
+    }
+
+    /**
+     * @namespace ol.has
+     */
+    module has {
+        /**
+         * The ratio between physical pixels and device-independent pixels
+         * (dips) on the device (`window.devicePixelRatio`).
+         * @const
+         * @type {number}
+         * @api stable
+         */
+        const DEVICE_PIXEL_RATIO: number;
+
+        /**
+         * True if both the library and browser support Canvas.  Always `false`
+         * if `ol.ENABLE_CANVAS` is set to `false` at compile time.
+         * @const
+         * @type {boolean}
+         * @api stable
+         */
+        const CANVAS: boolean;
+
+        /**
+         * Indicates if DeviceOrientation is supported in the user's browser.
+         * @const
+         * @type {boolean}
+         * @api stable
+         */
+        const DEVICE_ORIENTATION: boolean;
+
+        /**
+         * Is HTML5 geolocation supported in the current browser?
+         * @const
+         * @type {boolean}
+         * @api stable
+         */
+        const GEOLOCATION: boolean;
+
+        /**
+         * True if browser supports touch events.
+         * @const
+         * @type {boolean}
+         * @api stable
+         */
+        const TOUCH: boolean;
+
+        /**
+         * True if both OpenLayers and browser support WebGL.  Always `false`
+         * if `ol.ENABLE_WEBGL` is set to `false` at compile time.
+         * @const
+         * @type {boolean}
+         * @api stable
+         */
+        const WEBGL: boolean;
+
+    }
+
+    /**
+     * @constructor
+     * @extends {ol.ImageBase}
+     * @param {ol.Extent} extent Extent.
+     * @param {number|undefined} resolution Resolution.
+     * @param {number} pixelRatio Pixel ratio.
+     * @param {Array.<ol.Attribution>} attributions Attributions.
+     * @param {string} src Image source URI.
+     * @param {?string} crossOrigin Cross origin.
+     * @param {ol.ImageLoadFunctionType} imageLoadFunction Image load function.
+     */
+    class Image extends ol.ImageBase {
+        /**
+         * @constructor
+         * @extends {ol.ImageBase}
+         * @param {ol.Extent} extent Extent.
+         * @param {number|undefined} resolution Resolution.
+         * @param {number} pixelRatio Pixel ratio.
+         * @param {Array.<ol.Attribution>} attributions Attributions.
+         * @param {string} src Image source URI.
+         * @param {?string} crossOrigin Cross origin.
+         * @param {ol.ImageLoadFunctionType} imageLoadFunction Image load function.
+         */
+        constructor(extent: ol.Extent, resolution: (number), pixelRatio: number, attributions: ol.Attribution[], src: string, crossOrigin?: string, imageLoadFunction?: ol.ImageLoadFunctionType);
+
+        /**
+         * Get the HTML image element (may be a Canvas, Image, or Video).
+         * @param {Object=} opt_context Object.
+         * @return {HTMLCanvasElement|Image|HTMLVideoElement} Image.
+         * @api
+         */
+        getImage(opt_context?: GlobalObject): (HTMLCanvasElement | Image | HTMLVideoElement);
+
+        /**
+         * Load the image or retry if loading previously failed.
+         * Loading is taken care of by the tile queue, and calling this method is
+         * only needed for preloading or for reloading in case of an error.
+         * @api
+         */
+        load(): void;
+
+    }
+
+    /**
+     * @constructor
+     * @extends {ol.events.EventTarget}
+     * @param {ol.Extent} extent Extent.
+     * @param {number|undefined} resolution Resolution.
+     * @param {number} pixelRatio Pixel ratio.
+     * @param {ol.ImageState} state State.
+     * @param {Array.<ol.Attribution>} attributions Attributions.
+     */
+    class ImageBase extends ol.events.EventTarget {
+        /**
+         * @constructor
+         * @extends {ol.events.EventTarget}
+         * @param {ol.Extent} extent Extent.
+         * @param {number|undefined} resolution Resolution.
+         * @param {number} pixelRatio Pixel ratio.
+         * @param {ol.ImageState} state State.
+         * @param {Array.<ol.Attribution>} attributions Attributions.
+         */
+        constructor(extent: ol.Extent, resolution: (number), pixelRatio: number, state: ol.ImageState, attributions: ol.Attribution[]);
+
+    }
+
+    type ImageState = number;
+
+    /**
+     * @constructor
+     * @extends {ol.Tile}
+     * @param {ol.TileCoord} tileCoord Tile coordinate.
+     * @param {ol.Tile.State} state State.
+     * @param {string} src Image source URI.
+     * @param {?string} crossOrigin Cross origin.
+     * @param {ol.TileLoadFunctionType} tileLoadFunction Tile load function.
+     */
+    class ImageTile extends ol.Tile {
+        /**
+         * @constructor
+         * @extends {ol.Tile}
+         * @param {ol.TileCoord} tileCoord Tile coordinate.
+         * @param {ol.Tile.State} state State.
+         * @param {string} src Image source URI.
+         * @param {?string} crossOrigin Cross origin.
+         * @param {ol.TileLoadFunctionType} tileLoadFunction Tile load function.
+         */
+        constructor(tileCoord: ol.TileCoord, state: ol.Tile.State, src: string, crossOrigin?: string, tileLoadFunction?: ol.TileLoadFunctionType);
+
+        /**
+         * Get the image element for this tile.
+         * @inheritDoc
+         * @api
+         */
+        getImage(opt_context?: GlobalObject): (HTMLCanvasElement | HTMLImageElement | HTMLVideoElement);
+
+    }
+
+    /**
+     * Inherit the prototype methods from one constructor into another.
+     *
+     * Usage:
+     *
+     *     function ParentClass(a, b) { }
+     *     ParentClass.prototype.foo = function(a) { }
+     *
+     *     function ChildClass(a, b, c) {
+     *       // Call parent constructor
+     *       ParentClass.call(this, a, b);
+     *     }
+     *     ol.inherits(ChildClass, ParentClass);
+     *
+     *     var child = new ChildClass('a', 'b', 'see');
+     *     child.foo(); // This works.
+     *
+     * @param {!Function} childCtor Child constructor.
+     * @param {!Function} parentCtor Parent constructor.
+     * @function
+     * @api
+     */
+    function inherits(childCtor: (() => any), parentCtor: (() => any)): void;
+
+    /**
+     * @namespace ol.interaction
+     */
+    module interaction {
+        /**
+         * @classdesc
+         * Allows the user to zoom by double-clicking on the map.
+         *
+         * @constructor
+         * @extends {ol.interaction.Interaction}
+         * @param {olx.interaction.DoubleClickZoomOptions=} opt_options Options.
+         * @api stable
+         */
+        class DoubleClickZoom extends ol.interaction.Interaction {
+            /**
+             * @classdesc
+             * Allows the user to zoom by double-clicking on the map.
+             *
+             * @constructor
+             * @extends {ol.interaction.Interaction}
+             * @param {olx.interaction.DoubleClickZoomOptions=} opt_options Options.
+             * @api stable
+             */
+            constructor(opt_options?: olx.interaction.DoubleClickZoomOptions);
+
+            /**
+             * Handles the {@link ol.MapBrowserEvent map browser event} (if it was a
+             * doubleclick) and eventually zooms the map.
+             * @param {ol.MapBrowserEvent} mapBrowserEvent Map browser event.
+             * @return {boolean} `false` to stop event propagation.
+             * @this {ol.interaction.DoubleClickZoom}
+             * @api
+             */
+            static handleEvent(mapBrowserEvent: ol.MapBrowserEvent): boolean;
+
+        }
+
+        /**
+         * @classdesc
+         * Handles input of vector data by drag and drop.
+         *
+         * @constructor
+         * @extends {ol.interaction.Interaction}
+         * @fires ol.interaction.DragAndDropEvent
+         * @param {olx.interaction.DragAndDropOptions=} opt_options Options.
+         * @api stable
+         */
+        class DragAndDrop extends ol.interaction.Interaction {
+            /**
+             * @classdesc
+             * Handles input of vector data by drag and drop.
+             *
+             * @constructor
+             * @extends {ol.interaction.Interaction}
+             * @fires ol.interaction.DragAndDropEvent
+             * @param {olx.interaction.DragAndDropOptions=} opt_options Options.
+             * @api stable
+             */
+            constructor(opt_options?: olx.interaction.DragAndDropOptions);
+
+            /**
+             * Handles the {@link ol.MapBrowserEvent map browser event} unconditionally and
+             * neither prevents the browser default nor stops event propagation.
+             * @param {ol.MapBrowserEvent} mapBrowserEvent Map browser event.
+             * @return {boolean} `false` to stop event propagation.
+             * @this {ol.interaction.DragAndDrop}
+             * @api
+             */
+            static handleEvent: any;
+
+        }
+
+        /**
+         * @namespace ol.interaction.DragAndDrop
+         */
+        module DragAndDrop {
+            /**
+             * @classdesc
+             * Events emitted by {@link ol.interaction.DragAndDrop} instances are instances
+             * of this type.
+             *
+             * @constructor
+             * @extends {ol.events.Event}
+             * @implements {oli.interaction.DragAndDropEvent}
+             * @param {ol.interaction.DragAndDropEventType} type Type.
+             * @param {File} file File.
+             * @param {Array.<ol.Feature>=} opt_features Features.
+             * @param {ol.proj.Projection=} opt_projection Projection.
+             */
+            class Event extends ol.events.Event {
+                /**
+                 * @classdesc
+                 * Events emitted by {@link ol.interaction.DragAndDrop} instances are instances
+                 * of this type.
+                 *
+                 * @constructor
+                 * @extends {ol.events.Event}
+                 * @implements {oli.interaction.DragAndDropEvent}
+                 * @param {ol.interaction.DragAndDropEventType} type Type.
+                 * @param {File} file File.
+                 * @param {Array.<ol.Feature>=} opt_features Features.
+                 * @param {ol.proj.Projection=} opt_projection Projection.
+                 */
+                constructor(type: ol.interaction.DragAndDropEventType, file: File, opt_features?: ol.Feature[], opt_projection?: ol.proj.Projection);
+
+                /**
+                 * The features parsed from dropped data.
+                 * @type {Array.<ol.Feature>|undefined}
+                 * @api stable
+                 */
+                features: ol.Feature[];
+
+                /**
+                 * The dropped file.
+                 * @type {File}
+                 * @api stable
+                 */
+                file: File;
+
+                /**
+                 * The feature projection.
+                 * @type {ol.proj.Projection|undefined}
+                 * @api
+                 */
+                projection: ol.proj.Projection;
+
+            }
+
+        }
+
+        type DragAndDropEventType = string;
+
+        /**
+         * @classdesc
+         * Allows the user to draw a vector box by clicking and dragging on the map,
+         * normally combined with an {@link ol.events.condition} that limits
+         * it to when the shift or other key is held down. This is used, for example,
+         * for zooming to a specific area of the map
+         * (see {@link ol.interaction.DragZoom} and
+         * {@link ol.interaction.DragRotateAndZoom}).
+         *
+         * This interaction is only supported for mouse devices.
+         *
+         * @constructor
+         * @extends {ol.interaction.Pointer}
+         * @fires ol.DragBoxEvent
+         * @param {olx.interaction.DragBoxOptions=} opt_options Options.
+         * @api stable
+         */
+        class DragBox extends ol.interaction.Pointer {
+            /**
+             * @classdesc
+             * Allows the user to draw a vector box by clicking and dragging on the map,
+             * normally combined with an {@link ol.events.condition} that limits
+             * it to when the shift or other key is held down. This is used, for example,
+             * for zooming to a specific area of the map
+             * (see {@link ol.interaction.DragZoom} and
+             * {@link ol.interaction.DragRotateAndZoom}).
+             *
+             * This interaction is only supported for mouse devices.
+             *
+             * @constructor
+             * @extends {ol.interaction.Pointer}
+             * @fires ol.DragBoxEvent
+             * @param {olx.interaction.DragBoxOptions=} opt_options Options.
+             * @api stable
+             */
+            constructor(opt_options?: olx.interaction.DragBoxOptions);
+
+            /**
+             * Returns geometry of last drawn box.
+             * @return {ol.geom.Polygon} Geometry.
+             * @api stable
+             */
+            getGeometry(): ol.geom.Polygon;
+
+        }
+
+        /**
+         * @namespace ol.interaction.DragBox
+         */
+        module DragBox {
+            /**
+             * @classdesc
+             * Events emitted by {@link ol.interaction.DragBox} instances are instances of
+             * this type.
+             *
+             * @param {string} type The event type.
+             * @param {ol.Coordinate} coordinate The event coordinate.
+             * @param {ol.MapBrowserEvent} mapBrowserEvent Originating event.
+             * @extends {ol.events.Event}
+             * @constructor
+             * @implements {oli.DragBoxEvent}
+             */
+            class Event extends ol.events.Event {
+                /**
+                 * @classdesc
+                 * Events emitted by {@link ol.interaction.DragBox} instances are instances of
+                 * this type.
+                 *
+                 * @param {string} type The event type.
+                 * @param {ol.Coordinate} coordinate The event coordinate.
+                 * @param {ol.MapBrowserEvent} mapBrowserEvent Originating event.
+                 * @extends {ol.events.Event}
+                 * @constructor
+                 * @implements {oli.DragBoxEvent}
+                 */
+                constructor(type: string, coordinate: ol.Coordinate, mapBrowserEvent: ol.MapBrowserEvent);
+
+                /**
+                 * The coordinate of the drag event.
+                 * @const
+                 * @type {ol.Coordinate}
+                 * @api stable
+                 */
+                coordinate: ol.Coordinate;
+
+                /**
+                 * @const
+                 * @type {ol.MapBrowserEvent}
+                 * @api
+                 */
+                mapBrowserEvent: ol.MapBrowserEvent;
+
+            }
+
+        }
+
+        type DragBoxEventType = string;
+
+        /**
+         * @classdesc
+         * Allows the user to pan the map by dragging the map.
+         *
+         * @constructor
+         * @extends {ol.interaction.Pointer}
+         * @param {olx.interaction.DragPanOptions=} opt_options Options.
+         * @api stable
+         */
+        class DragPan extends ol.interaction.Pointer {
+            /**
+             * @classdesc
+             * Allows the user to pan the map by dragging the map.
+             *
+             * @constructor
+             * @extends {ol.interaction.Pointer}
+             * @param {olx.interaction.DragPanOptions=} opt_options Options.
+             * @api stable
+             */
+            constructor(opt_options?: olx.interaction.DragPanOptions);
+
+        }
+
+        /**
+         * @classdesc
+         * Allows the user to rotate the map by clicking and dragging on the map,
+         * normally combined with an {@link ol.events.condition} that limits
+         * it to when the alt and shift keys are held down.
+         *
+         * This interaction is only supported for mouse devices.
+         *
+         * @constructor
+         * @extends {ol.interaction.Pointer}
+         * @param {olx.interaction.DragRotateOptions=} opt_options Options.
+         * @api stable
+         */
+        class DragRotate extends ol.interaction.Pointer {
+            /**
+             * @classdesc
+             * Allows the user to rotate the map by clicking and dragging on the map,
+             * normally combined with an {@link ol.events.condition} that limits
+             * it to when the alt and shift keys are held down.
+             *
+             * This interaction is only supported for mouse devices.
+             *
+             * @constructor
+             * @extends {ol.interaction.Pointer}
+             * @param {olx.interaction.DragRotateOptions=} opt_options Options.
+             * @api stable
+             */
+            constructor(opt_options?: olx.interaction.DragRotateOptions);
+
+        }
+
+        /**
+         * @classdesc
+         * Allows the user to zoom and rotate the map by clicking and dragging
+         * on the map.  By default, this interaction is limited to when the shift
+         * key is held down.
+         *
+         * This interaction is only supported for mouse devices.
+         *
+         * And this interaction is not included in the default interactions.
+         *
+         * @constructor
+         * @extends {ol.interaction.Pointer}
+         * @param {olx.interaction.DragRotateAndZoomOptions=} opt_options Options.
+         * @api stable
+         */
+        class DragRotateAndZoom extends ol.interaction.Pointer {
+            /**
+             * @classdesc
+             * Allows the user to zoom and rotate the map by clicking and dragging
+             * on the map.  By default, this interaction is limited to when the shift
+             * key is held down.
+             *
+             * This interaction is only supported for mouse devices.
+             *
+             * And this interaction is not included in the default interactions.
+             *
+             * @constructor
+             * @extends {ol.interaction.Pointer}
+             * @param {olx.interaction.DragRotateAndZoomOptions=} opt_options Options.
+             * @api stable
+             */
+            constructor(opt_options?: olx.interaction.DragRotateAndZoomOptions);
+
+        }
+
+        /**
+         * @classdesc
+         * Allows the user to zoom the map by clicking and dragging on the map,
+         * normally combined with an {@link ol.events.condition} that limits
+         * it to when a key, shift by default, is held down.
+         *
+         * To change the style of the box, use CSS and the `.ol-dragzoom` selector, or
+         * your custom one configured with `className`.
+         *
+         * @constructor
+         * @extends {ol.interaction.DragBox}
+         * @param {olx.interaction.DragZoomOptions=} opt_options Options.
+         * @api stable
+         */
+        class DragZoom extends ol.interaction.DragBox {
+            /**
+             * @classdesc
+             * Allows the user to zoom the map by clicking and dragging on the map,
+             * normally combined with an {@link ol.events.condition} that limits
+             * it to when a key, shift by default, is held down.
+             *
+             * To change the style of the box, use CSS and the `.ol-dragzoom` selector, or
+             * your custom one configured with `className`.
+             *
+             * @constructor
+             * @extends {ol.interaction.DragBox}
+             * @param {olx.interaction.DragZoomOptions=} opt_options Options.
+             * @api stable
+             */
+            constructor(opt_options?: olx.interaction.DragZoomOptions);
+
+        }
+
+        /**
+         * @namespace ol.interaction.Draw
+         */
+        module Draw {
+            /**
+             * @classdesc
+             * Events emitted by {@link ol.interaction.Draw} instances are instances of
+             * this type.
+             *
+             * @constructor
+             * @extends {ol.events.Event}
+             * @implements {oli.DrawEvent}
+             * @param {ol.interaction.DrawEventType} type Type.
+             * @param {ol.Feature} feature The feature drawn.
+             */
+            class Event extends ol.events.Event {
+                /**
+                 * @classdesc
+                 * Events emitted by {@link ol.interaction.Draw} instances are instances of
+                 * this type.
+                 *
+                 * @constructor
+                 * @extends {ol.events.Event}
+                 * @implements {oli.DrawEvent}
+                 * @param {ol.interaction.DrawEventType} type Type.
+                 * @param {ol.Feature} feature The feature drawn.
+                 */
+                constructor(type: ol.interaction.DrawEventType, feature: ol.Feature);
+
+                /**
+                 * The feature being drawn.
+                 * @type {ol.Feature}
+                 * @api stable
+                 */
+                feature: ol.Feature;
+
+            }
+
+        }
+
+        type DrawEventType = string;
+
+        /**
+         * @classdesc
+         * Interaction for drawing feature geometries.
+         *
+         * @constructor
+         * @extends {ol.interaction.Pointer}
+         * @fires ol.interaction.DrawEvent
+         * @param {olx.interaction.DrawOptions} options Options.
+         * @api stable
+         */
+        class Draw extends ol.interaction.Pointer {
+            /**
+             * @classdesc
+             * Interaction for drawing feature geometries.
+             *
+             * @constructor
+             * @extends {ol.interaction.Pointer}
+             * @fires ol.interaction.DrawEvent
+             * @param {olx.interaction.DrawOptions} options Options.
+             * @api stable
+             */
+            constructor(options: olx.interaction.DrawOptions);
+
+            /**
+             * Remove last point of the feature currently being drawn.
+             * @api
+             */
+            removeLastPoint(): void;
+
+            /**
+             * Stop drawing and add the sketch feature to the target layer.
+             * The {@link ol.interaction.DrawEventType.DRAWEND} event is dispatched before
+             * inserting the feature.
+             * @api
+             */
+            finishDrawing(): void;
+
+            /**
+             * Extend an existing geometry by adding additional points. This only works
+             * on features with `LineString` geometries, where the interaction will
+             * extend lines by adding points to the end of the coordinates array.
+             * @param {!ol.Feature} feature Feature to be extended.
+             * @api
+             */
+            extend(feature: ol.Feature): void;
+
+            /**
+             * Create a `geometryFunction` for `mode: 'Circle'` that will create a regular
+             * polygon with a user specified number of sides and start angle instead of an
+             * `ol.geom.Circle` geometry.
+             * @param {number=} opt_sides Number of sides of the regular polygon. Default is
+             *     32.
+             * @param {number=} opt_angle Angle of the first point in radians. 0 means East.
+             *     Default is the angle defined by the heading from the center of the
+             *     regular polygon to the current pointer position.
+             * @return {ol.DrawGeometryFunctionType} Function that draws a
+             *     polygon.
+             * @api
+             */
+            static createRegularPolygon(opt_sides?: number, opt_angle?: number): ol.DrawGeometryFunctionType;
+
+        }
+
+        /**
+         * Set of interactions included in maps by default. Specific interactions can be
+         * excluded by setting the appropriate option to false in the constructor
+         * options, but the order of the interactions is fixed.  If you want to specify
+         * a different order for interactions, you will need to create your own
+         * {@link ol.interaction.Interaction} instances and insert them into a
+         * {@link ol.Collection} in the order you want before creating your
+         * {@link ol.Map} instance. The default set of interactions, in sequence, is:
+         * * {@link ol.interaction.DragRotate}
+         * * {@link ol.interaction.DoubleClickZoom}
+         * * {@link ol.interaction.DragPan}
+         * * {@link ol.interaction.PinchRotate}
+         * * {@link ol.interaction.PinchZoom}
+         * * {@link ol.interaction.KeyboardPan}
+         * * {@link ol.interaction.KeyboardZoom}
+         * * {@link ol.interaction.MouseWheelZoom}
+         * * {@link ol.interaction.DragZoom}
+         *
+         * @param {olx.interaction.DefaultsOptions=} opt_options Defaults options.
+         * @return {ol.Collection.<ol.interaction.Interaction>} A collection of
+         * interactions to be used with the ol.Map constructor's interactions option.
+         * @api stable
+         */
+        function defaults(opt_options?: olx.interaction.DefaultsOptions): ol.Collection<ol.interaction.Interaction>;
+
+        /**
+         * @classdesc
+         * Abstract base class; normally only used for creating subclasses and not
+         * instantiated in apps.
+         * User actions that change the state of the map. Some are similar to controls,
+         * but are not associated with a DOM element.
+         * For example, {@link ol.interaction.KeyboardZoom} is functionally the same as
+         * {@link ol.control.Zoom}, but triggered by a keyboard event not a button
+         * element event.
+         * Although interactions do not have a DOM element, some of them do render
+         * vectors and so are visible on the screen.
+         *
+         * @constructor
+         * @param {olx.interaction.InteractionOptions} options Options.
+         * @extends {ol.Object}
+         * @api
+         */
+        class Interaction extends ol.Object {
+            /**
+             * @classdesc
+             * Abstract base class; normally only used for creating subclasses and not
+             * instantiated in apps.
+             * User actions that change the state of the map. Some are similar to controls,
+             * but are not associated with a DOM element.
+             * For example, {@link ol.interaction.KeyboardZoom} is functionally the same as
+             * {@link ol.control.Zoom}, but triggered by a keyboard event not a button
+             * element event.
+             * Although interactions do not have a DOM element, some of them do render
+             * vectors and so are visible on the screen.
+             *
+             * @constructor
+             * @param {olx.interaction.InteractionOptions} options Options.
+             * @extends {ol.Object}
+             * @api
+             */
+            constructor(options: olx.interaction.InteractionOptions);
+
+            /**
+             * Return whether the interaction is currently active.
+             * @return {boolean} `true` if the interaction is active, `false` otherwise.
+             * @observable
+             * @api
+             */
+            getActive(): boolean;
+
+            /**
+             * Get the map associated with this interaction.
+             * @return {ol.Map} Map.
+             * @api
+             */
+            getMap(): ol.Map;
+
+            /**
+             * Activate or deactivate the interaction.
+             * @param {boolean} active Active.
+             * @observable
+             * @api
+             */
+            setActive(active: boolean): void;
+
+        }
+
+        /**
+         * @classdesc
+         * Allows the user to pan the map using keyboard arrows.
+         * Note that, although this interaction is by default included in maps,
+         * the keys can only be used when browser focus is on the element to which
+         * the keyboard events are attached. By default, this is the map div,
+         * though you can change this with the `keyboardEventTarget` in
+         * {@link ol.Map}. `document` never loses focus but, for any other element,
+         * focus will have to be on, and returned to, this element if the keys are to
+         * function.
+         * See also {@link ol.interaction.KeyboardZoom}.
+         *
+         * @constructor
+         * @extends {ol.interaction.Interaction}
+         * @param {olx.interaction.KeyboardPanOptions=} opt_options Options.
+         * @api stable
+         */
+        class KeyboardPan extends ol.interaction.Interaction {
+            /**
+             * @classdesc
+             * Allows the user to pan the map using keyboard arrows.
+             * Note that, although this interaction is by default included in maps,
+             * the keys can only be used when browser focus is on the element to which
+             * the keyboard events are attached. By default, this is the map div,
+             * though you can change this with the `keyboardEventTarget` in
+             * {@link ol.Map}. `document` never loses focus but, for any other element,
+             * focus will have to be on, and returned to, this element if the keys are to
+             * function.
+             * See also {@link ol.interaction.KeyboardZoom}.
+             *
+             * @constructor
+             * @extends {ol.interaction.Interaction}
+             * @param {olx.interaction.KeyboardPanOptions=} opt_options Options.
+             * @api stable
+             */
+            constructor(opt_options?: olx.interaction.KeyboardPanOptions);
+
+            /**
+             * Handles the {@link ol.MapBrowserEvent map browser event} if it was a
+             * `KeyEvent`, and decides the direction to pan to (if an arrow key was
+             * pressed).
+             * @param {ol.MapBrowserEvent} mapBrowserEvent Map browser event.
+             * @return {boolean} `false` to stop event propagation.
+             * @this {ol.interaction.KeyboardPan}
+             * @api
+             */
+            static handleEvent(mapBrowserEvent: ol.MapBrowserEvent): boolean;
+
+        }
+
+        /**
+         * @classdesc
+         * Allows the user to zoom the map using keyboard + and -.
+         * Note that, although this interaction is by default included in maps,
+         * the keys can only be used when browser focus is on the element to which
+         * the keyboard events are attached. By default, this is the map div,
+         * though you can change this with the `keyboardEventTarget` in
+         * {@link ol.Map}. `document` never loses focus but, for any other element,
+         * focus will have to be on, and returned to, this element if the keys are to
+         * function.
+         * See also {@link ol.interaction.KeyboardPan}.
+         *
+         * @constructor
+         * @param {olx.interaction.KeyboardZoomOptions=} opt_options Options.
+         * @extends {ol.interaction.Interaction}
+         * @api stable
+         */
+        class KeyboardZoom extends ol.interaction.Interaction {
+            /**
+             * @classdesc
+             * Allows the user to zoom the map using keyboard + and -.
+             * Note that, although this interaction is by default included in maps,
+             * the keys can only be used when browser focus is on the element to which
+             * the keyboard events are attached. By default, this is the map div,
+             * though you can change this with the `keyboardEventTarget` in
+             * {@link ol.Map}. `document` never loses focus but, for any other element,
+             * focus will have to be on, and returned to, this element if the keys are to
+             * function.
+             * See also {@link ol.interaction.KeyboardPan}.
+             *
+             * @constructor
+             * @param {olx.interaction.KeyboardZoomOptions=} opt_options Options.
+             * @extends {ol.interaction.Interaction}
+             * @api stable
+             */
+            constructor(opt_options?: olx.interaction.KeyboardZoomOptions);
+
+            /**
+             * Handles the {@link ol.MapBrowserEvent map browser event} if it was a
+             * `KeyEvent`, and decides whether to zoom in or out (depending on whether the
+             * key pressed was '+' or '-').
+             * @param {ol.MapBrowserEvent} mapBrowserEvent Map browser event.
+             * @return {boolean} `false` to stop event propagation.
+             * @this {ol.interaction.KeyboardZoom}
+             * @api
+             */
+            static handleEvent(mapBrowserEvent: ol.MapBrowserEvent): boolean;
+
+        }
+
+        /**
+         * @namespace ol.interaction.Modify
+         */
+        module Modify {
+            /**
+             * @classdesc
+             * Events emitted by {@link ol.interaction.Modify} instances are instances of
+             * this type.
+             *
+             * @constructor
+             * @extends {ol.events.Event}
+             * @implements {oli.ModifyEvent}
+             * @param {ol.ModifyEventType} type Type.
+             * @param {ol.Collection.<ol.Feature>} features The features modified.
+             * @param {ol.MapBrowserPointerEvent} mapBrowserPointerEvent Associated
+             *     {@link ol.MapBrowserPointerEvent}.
+             */
+            class Event extends ol.events.Event {
+                /**
+                 * @classdesc
+                 * Events emitted by {@link ol.interaction.Modify} instances are instances of
+                 * this type.
+                 *
+                 * @constructor
+                 * @extends {ol.events.Event}
+                 * @implements {oli.ModifyEvent}
+                 * @param {ol.ModifyEventType} type Type.
+                 * @param {ol.Collection.<ol.Feature>} features The features modified.
+                 * @param {ol.MapBrowserPointerEvent} mapBrowserPointerEvent Associated
+                 *     {@link ol.MapBrowserPointerEvent}.
+                 */
+                constructor(type: ol.ModifyEventType, features: ol.Collection<ol.Feature>, mapBrowserPointerEvent: ol.MapBrowserPointerEvent);
+
+                /**
+                 * The features being modified.
+                 * @type {ol.Collection.<ol.Feature>}
+                 * @api
+                 */
+                features: ol.Collection<ol.Feature>;
+
+                /**
+                 * Associated {@link ol.MapBrowserEvent}.
+                 * @type {ol.MapBrowserEvent}
+                 * @api
+                 */
+                mapBrowserEvent: ol.MapBrowserEvent;
+
+            }
+
+        }
+
+        /**
+         * @classdesc
+         * Interaction for modifying feature geometries.
+         *
+         * @constructor
+         * @extends {ol.interaction.Pointer}
+         * @param {olx.interaction.ModifyOptions} options Options.
+         * @fires ol.interaction.ModifyEvent
+         * @api
+         */
+        class Modify extends ol.interaction.Pointer {
+            /**
+             * @classdesc
+             * Interaction for modifying feature geometries.
+             *
+             * @constructor
+             * @extends {ol.interaction.Pointer}
+             * @param {olx.interaction.ModifyOptions} options Options.
+             * @fires ol.interaction.ModifyEvent
+             * @api
+             */
+            constructor(options: olx.interaction.ModifyOptions);
+
+            /**
+             * Removes the vertex currently being pointed.
+             * @return {boolean} True when a vertex was removed.
+             * @api
+             */
+            removePoint(): boolean;
+
+        }
+
+        /**
+         * @classdesc
+         * Allows the user to zoom the map by scrolling the mouse wheel.
+         *
+         * @constructor
+         * @extends {ol.interaction.Interaction}
+         * @param {olx.interaction.MouseWheelZoomOptions=} opt_options Options.
+         * @api stable
+         */
+        class MouseWheelZoom extends ol.interaction.Interaction {
+            /**
+             * @classdesc
+             * Allows the user to zoom the map by scrolling the mouse wheel.
+             *
+             * @constructor
+             * @extends {ol.interaction.Interaction}
+             * @param {olx.interaction.MouseWheelZoomOptions=} opt_options Options.
+             * @api stable
+             */
+            constructor(opt_options?: olx.interaction.MouseWheelZoomOptions);
+
+            /**
+             * Handles the {@link ol.MapBrowserEvent map browser event} (if it was a
+             * mousewheel-event) and eventually zooms the map.
+             * @param {ol.MapBrowserEvent} mapBrowserEvent Map browser event.
+             * @return {boolean} `false` to stop event propagation.
+             * @this {ol.interaction.MouseWheelZoom}
+             * @api
+             */
+            static handleEvent(mapBrowserEvent: ol.MapBrowserEvent): boolean;
+
+            /**
+             * Enable or disable using the mouse's location as an anchor when zooming
+             * @param {boolean} useAnchor true to zoom to the mouse's location, false
+             * to zoom to the center of the map
+             * @api
+             */
+            setMouseAnchor(useAnchor: boolean): void;
+
+        }
+
+        /**
+         * @classdesc
+         * Allows the user to rotate the map by twisting with two fingers
+         * on a touch screen.
+         *
+         * @constructor
+         * @extends {ol.interaction.Pointer}
+         * @param {olx.interaction.PinchRotateOptions=} opt_options Options.
+         * @api stable
+         */
+        class PinchRotate extends ol.interaction.Pointer {
+            /**
+             * @classdesc
+             * Allows the user to rotate the map by twisting with two fingers
+             * on a touch screen.
+             *
+             * @constructor
+             * @extends {ol.interaction.Pointer}
+             * @param {olx.interaction.PinchRotateOptions=} opt_options Options.
+             * @api stable
+             */
+            constructor(opt_options?: olx.interaction.PinchRotateOptions);
+
+        }
+
+        /**
+         * @classdesc
+         * Allows the user to zoom the map by pinching with two fingers
+         * on a touch screen.
+         *
+         * @constructor
+         * @extends {ol.interaction.Pointer}
+         * @param {olx.interaction.PinchZoomOptions=} opt_options Options.
+         * @api stable
+         */
+        class PinchZoom extends ol.interaction.Pointer {
+            /**
+             * @classdesc
+             * Allows the user to zoom the map by pinching with two fingers
+             * on a touch screen.
+             *
+             * @constructor
+             * @extends {ol.interaction.Pointer}
+             * @param {olx.interaction.PinchZoomOptions=} opt_options Options.
+             * @api stable
+             */
+            constructor(opt_options?: olx.interaction.PinchZoomOptions);
+
+        }
+
+        /**
+         * @classdesc
+         * Base class that calls user-defined functions on `down`, `move` and `up`
+         * events. This class also manages "drag sequences".
+         *
+         * When the `handleDownEvent` user function returns `true` a drag sequence is
+         * started. During a drag sequence the `handleDragEvent` user function is
+         * called on `move` events. The drag sequence ends when the `handleUpEvent`
+         * user function is called and returns `false`.
+         *
+         * @constructor
+         * @param {olx.interaction.PointerOptions=} opt_options Options.
+         * @extends {ol.interaction.Interaction}
+         * @api
+         */
+        class Pointer extends ol.interaction.Interaction {
+            /**
+             * @classdesc
+             * Base class that calls user-defined functions on `down`, `move` and `up`
+             * events. This class also manages "drag sequences".
+             *
+             * When the `handleDownEvent` user function returns `true` a drag sequence is
+             * started. During a drag sequence the `handleDragEvent` user function is
+             * called on `move` events. The drag sequence ends when the `handleUpEvent`
+             * user function is called and returns `false`.
+             *
+             * @constructor
+             * @param {olx.interaction.PointerOptions=} opt_options Options.
+             * @extends {ol.interaction.Interaction}
+             * @api
+             */
+            constructor(opt_options?: olx.interaction.PointerOptions);
+
+            /**
+             * Handles the {@link ol.MapBrowserEvent map browser event} and may call into
+             * other functions, if event sequences like e.g. 'drag' or 'down-up' etc. are
+             * detected.
+             * @param {ol.MapBrowserEvent} mapBrowserEvent Map browser event.
+             * @return {boolean} `false` to stop event propagation.
+             * @this {ol.interaction.Pointer}
+             * @api
+             */
+            static handleEvent(mapBrowserEvent: ol.MapBrowserEvent): boolean;
+
+        }
+
+        /**
+         * @namespace ol.interaction.Select
+         */
+        module Select {
+            /**
+             * @classdesc
+             * Events emitted by {@link ol.interaction.Select} instances are instances of
+             * this type.
+             *
+             * @param {string} type The event type.
+             * @param {Array.<ol.Feature>} selected Selected features.
+             * @param {Array.<ol.Feature>} deselected Deselected features.
+             * @param {ol.MapBrowserEvent} mapBrowserEvent Associated
+             *     {@link ol.MapBrowserEvent}.
+             * @implements {oli.SelectEvent}
+             * @extends {ol.events.Event}
+             * @constructor
+             */
+            class Event extends ol.events.Event {
+                /**
+                 * @classdesc
+                 * Events emitted by {@link ol.interaction.Select} instances are instances of
+                 * this type.
+                 *
+                 * @param {string} type The event type.
+                 * @param {Array.<ol.Feature>} selected Selected features.
+                 * @param {Array.<ol.Feature>} deselected Deselected features.
+                 * @param {ol.MapBrowserEvent} mapBrowserEvent Associated
+                 *     {@link ol.MapBrowserEvent}.
+                 * @implements {oli.SelectEvent}
+                 * @extends {ol.events.Event}
+                 * @constructor
+                 */
+                constructor(type: string, selected: ol.Feature[], deselected: ol.Feature[], mapBrowserEvent: ol.MapBrowserEvent);
+
+                /**
+                 * Selected features array.
+                 * @type {Array.<ol.Feature>}
+                 * @api
+                 */
+                selected: ol.Feature[];
+
+                /**
+                 * Deselected features array.
+                 * @type {Array.<ol.Feature>}
+                 * @api
+                 */
+                deselected: ol.Feature[];
+
+                /**
+                 * Associated {@link ol.MapBrowserEvent}.
+                 * @type {ol.MapBrowserEvent}
+                 * @api
+                 */
+                mapBrowserEvent: ol.MapBrowserEvent;
+
+            }
+
+        }
+
+        /**
+         * @classdesc
+         * Interaction for selecting vector features. By default, selected features are
+         * styled differently, so this interaction can be used for visual highlighting,
+         * as well as selecting features for other actions, such as modification or
+         * output. There are three ways of controlling which features are selected:
+         * using the browser event as defined by the `condition` and optionally the
+         * `toggle`, `add`/`remove`, and `multi` options; a `layers` filter; and a
+         * further feature filter using the `filter` option.
+         *
+         * Selected features are added to an internal unmanaged layer.
+         *
+         * @constructor
+         * @extends {ol.interaction.Interaction}
+         * @param {olx.interaction.SelectOptions=} opt_options Options.
+         * @fires ol.interaction.SelectEvent
+         * @api stable
+         */
+        class Select extends ol.interaction.Interaction {
+            /**
+             * @classdesc
+             * Interaction for selecting vector features. By default, selected features are
+             * styled differently, so this interaction can be used for visual highlighting,
+             * as well as selecting features for other actions, such as modification or
+             * output. There are three ways of controlling which features are selected:
+             * using the browser event as defined by the `condition` and optionally the
+             * `toggle`, `add`/`remove`, and `multi` options; a `layers` filter; and a
+             * further feature filter using the `filter` option.
+             *
+             * Selected features are added to an internal unmanaged layer.
+             *
+             * @constructor
+             * @extends {ol.interaction.Interaction}
+             * @param {olx.interaction.SelectOptions=} opt_options Options.
+             * @fires ol.interaction.SelectEvent
+             * @api stable
+             */
+            constructor(opt_options?: olx.interaction.SelectOptions);
+
+            /**
+             * Get the selected features.
+             * @return {ol.Collection.<ol.Feature>} Features collection.
+             * @api stable
+             */
+            getFeatures(): ol.Collection<ol.Feature>;
+
+            /**
+             * Returns the associated {@link ol.layer.Vector vectorlayer} of
+             * the (last) selected feature. Note that this will not work with any
+             * programmatic method like pushing features to
+             * {@link ol.interaction.Select#getFeatures collection}.
+             * @param {ol.Feature|ol.render.Feature} feature Feature
+             * @return {ol.layer.Vector} Layer.
+             * @api
+             */
+            getLayer(feature: (ol.Feature | ol.render.Feature)): ol.layer.Vector;
+
+            /**
+             * Handles the {@link ol.MapBrowserEvent map browser event} and may change the
+             * selected state of features.
+             * @param {ol.MapBrowserEvent} mapBrowserEvent Map browser event.
+             * @return {boolean} `false` to stop event propagation.
+             * @this {ol.interaction.Select}
+             * @api
+             */
+            static handleEvent(mapBrowserEvent: ol.MapBrowserEvent): boolean;
+
+            /**
+             * Remove the interaction from its current map, if any,  and attach it to a new
+             * map, if any. Pass `null` to just remove the interaction from the current map.
+             * @param {ol.Map} map Map.
+             * @api stable
+             */
+            setMap(map: ol.Map): void;
+
+        }
+
+        /**
+         * @classdesc
+         * Handles snapping of vector features while modifying or drawing them.  The
+         * features can come from a {@link ol.source.Vector} or {@link ol.Collection}
+         * Any interaction object that allows the user to interact
+         * with the features using the mouse can benefit from the snapping, as long
+         * as it is added before.
+         *
+         * The snap interaction modifies map browser event `coordinate` and `pixel`
+         * properties to force the snap to occur to any interaction that them.
+         *
+         * Example:
+         *
+         *     var snap = new ol.interaction.Snap({
+         *       source: source
+         *     });
+         *
+         * @constructor
+         * @extends {ol.interaction.Pointer}
+         * @param {olx.interaction.SnapOptions=} opt_options Options.
+         * @api
+         */
+        class Snap extends ol.interaction.Pointer {
+            /**
+             * @classdesc
+             * Handles snapping of vector features while modifying or drawing them.  The
+             * features can come from a {@link ol.source.Vector} or {@link ol.Collection}
+             * Any interaction object that allows the user to interact
+             * with the features using the mouse can benefit from the snapping, as long
+             * as it is added before.
+             *
+             * The snap interaction modifies map browser event `coordinate` and `pixel`
+             * properties to force the snap to occur to any interaction that them.
+             *
+             * Example:
+             *
+             *     var snap = new ol.interaction.Snap({
+             *       source: source
+             *     });
+             *
+             * @constructor
+             * @extends {ol.interaction.Pointer}
+             * @param {olx.interaction.SnapOptions=} opt_options Options.
+             * @api
+             */
+            constructor(opt_options?: olx.interaction.SnapOptions);
+
+            /**
+             * Add a feature to the collection of features that we may snap to.
+             * @param {ol.Feature} feature Feature.
+             * @param {boolean=} opt_listen Whether to listen to the geometry change or not
+             *     Defaults to `true`.
+             * @api
+             */
+            addFeature(feature: ol.Feature, opt_listen?: boolean): void;
+
+            /**
+             * Remove a feature from the collection of features that we may snap to.
+             * @param {ol.Feature} feature Feature
+             * @param {boolean=} opt_unlisten Whether to unlisten to the geometry change
+             *     or not. Defaults to `true`.
+             * @api
+             */
+            removeFeature(feature: ol.Feature, opt_unlisten?: boolean): void;
+
+        }
+
+        //class Translate extends ol.interaction.Pointer {
+        //
+        //}
+
+        /**
+         * @namespace ol.interaction.Translate
+         */
+        module Translate {
+            /**
+             * @classdesc
+             * Events emitted by {@link ol.interaction.Translate} instances are instances of
+             * this type.
+             *
+             * @constructor
+             * @extends {ol.events.Event}
+             * @implements {oli.interaction.TranslateEvent}
+             * @param {ol.interaction.TranslateEventType} type Type.
+             * @param {ol.Collection.<ol.Feature>} features The features translated.
+             * @param {ol.Coordinate} coordinate The event coordinate.
+             */
+            class Event extends ol.events.Event {
+                /**
+                 * @classdesc
+                 * Events emitted by {@link ol.interaction.Translate} instances are instances of
+                 * this type.
+                 *
+                 * @constructor
+                 * @extends {ol.events.Event}
+                 * @implements {oli.interaction.TranslateEvent}
+                 * @param {ol.interaction.TranslateEventType} type Type.
+                 * @param {ol.Collection.<ol.Feature>} features The features translated.
+                 * @param {ol.Coordinate} coordinate The event coordinate.
+                 */
+                constructor(type: ol.interaction.TranslateEventType, features: ol.Collection<ol.Feature>, coordinate: ol.Coordinate);
+
+                /**
+                 * The features being translated.
+                 * @type {ol.Collection.<ol.Feature>}
+                 * @api
+                 */
+                features: ol.Collection<ol.Feature>;
+
+                /**
+                 * The coordinate of the drag event.
+                 * @const
+                 * @type {ol.Coordinate}
+                 * @api
+                 */
+                coordinate: ol.Coordinate;
+
+            }
+
+        }
+
+        type TranslateEventType = string;
+
+        /**
+         * @classdesc
+         * Interaction for translating (moving) features.
+         *
+         * @constructor
+         * @extends {ol.interaction.Pointer}
+         * @fires ol.interaction.TranslateEvent
+         * @param {olx.interaction.TranslateOptions} options Options.
+         * @api
+         */
+        class Translate extends ol.interaction.Pointer {
+            /**
+             * @classdesc
+             * Interaction for translating (moving) features.
+             *
+             * @constructor
+             * @extends {ol.interaction.Pointer}
+             * @fires ol.interaction.TranslateEvent
+             * @param {olx.interaction.TranslateOptions=} options Options.
+             * @api
+             */
+            constructor(options?: olx.interaction.TranslateOptions);
+
+            getHitTolerance(): number;
+
+            setHitTolerance(hitTolerance: number): void;
+
+        }
+
+    }
+
+    /**
+     * @classdesc
+     * Implementation of inertial deceleration for map movement.
+     *
+     * @constructor
+     * @param {number} decay Rate of decay (must be negative).
+     * @param {number} minVelocity Minimum velocity (pixels/millisecond).
+     * @param {number} delay Delay to consider to calculate the kinetic
+     *     initial values (milliseconds).
+     * @struct
+     * @api
+     */
+    class Kinetic {
+        /**
+         * @classdesc
+         * Implementation of inertial deceleration for map movement.
+         *
+         * @constructor
+         * @param {number} decay Rate of decay (must be negative).
+         * @param {number} minVelocity Minimum velocity (pixels/millisecond).
+         * @param {number} delay Delay to consider to calculate the kinetic
+         *     initial values (milliseconds).
+         * @struct
+         * @api
+         */
+        constructor(decay: number, minVelocity: number, delay: number);
+
+    }
+
+    /**
+     * @namespace ol.layer
+     */
+    module layer {
+        /**
+         * @classdesc
+         * Abstract base class; normally only used for creating subclasses and not
+         * instantiated in apps.
+         * Note that with `ol.layer.Base` and all its subclasses, any property set in
+         * the options is set as a {@link ol.Object} property on the layer object, so
+         * is observable, and has get/set accessors.
+         *
+         * @constructor
+         * @extends {ol.Object}
+         * @param {olx.layer.BaseOptions} options Layer options.
+         * @api stable
+         */
+        class Base extends ol.Object {
+            /**
+             * @classdesc
+             * Abstract base class; normally only used for creating subclasses and not
+             * instantiated in apps.
+             * Note that with `ol.layer.Base` and all its subclasses, any property set in
+             * the options is set as a {@link ol.Object} property on the layer object, so
+             * is observable, and has get/set accessors.
+             *
+             * @constructor
+             * @extends {ol.Object}
+             * @param {olx.layer.BaseOptions} options Layer options.
+             * @api stable
+             */
+            constructor(options: olx.layer.BaseOptions);
+
+            /**
+             * Return the {@link ol.Extent extent} of the layer or `undefined` if it
+             * will be visible regardless of extent.
+             * @return {ol.Extent|undefined} The layer extent.
+             * @observable
+             * @api stable
+             */
+            getExtent(): (ol.Extent);
+
+            /**
+             * Return the maximum resolution of the layer.
+             * @return {number} The maximum resolution of the layer.
+             * @observable
+             * @api stable
+             */
+            getMaxResolution(): number;
+
+            /**
+             * Return the minimum resolution of the layer.
+             * @return {number} The minimum resolution of the layer.
+             * @observable
+             * @api stable
+             */
+            getMinResolution(): number;
+
+            /**
+             * Return the opacity of the layer (between 0 and 1).
+             * @return {number} The opacity of the layer.
+             * @observable
+             * @api stable
+             */
+            getOpacity(): number;
+
+            /**
+             * Return the visibility of the layer (`true` or `false`).
+             * @return {boolean} The visibility of the layer.
+             * @observable
+             * @api stable
+             */
+            getVisible(): boolean;
+
+            /**
+             * Return the Z-index of the layer, which is used to order layers before
+             * rendering. The default Z-index is 0.
+             * @return {number} The Z-index of the layer.
+             * @observable
+             * @api
+             */
+            getZIndex(): number;
+
+            /**
+             * Set the extent at which the layer is visible.  If `undefined`, the layer
+             * will be visible at all extents.
+             * @param {ol.Extent|undefined} extent The extent of the layer.
+             * @observable
+             * @api stable
+             */
+            setExtent(extent: (ol.Extent)): void;
+
+            /**
+             * Set the maximum resolution at which the layer is visible.
+             * @param {number} maxResolution The maximum resolution of the layer.
+             * @observable
+             * @api stable
+             */
+            setMaxResolution(maxResolution: number): void;
+
+            /**
+             * Set the minimum resolution at which the layer is visible.
+             * @param {number} minResolution The minimum resolution of the layer.
+             * @observable
+             * @api stable
+             */
+            setMinResolution(minResolution: number): void;
+
+            /**
+             * Set the opacity of the layer, allowed values range from 0 to 1.
+             * @param {number} opacity The opacity of the layer.
+             * @observable
+             * @api stable
+             */
+            setOpacity(opacity: number): void;
+
+            /**
+             * Set the visibility of the layer (`true` or `false`).
+             * @param {boolean} visible The visibility of the layer.
+             * @observable
+             * @api stable
+             */
+            setVisible(visible: boolean): void;
+
+            /**
+             * Set Z-index of the layer, which is used to order layers before rendering.
+             * The default Z-index is 0.
+             * @param {number} zindex The z-index of the layer.
+             * @observable
+             * @api
+             */
+            setZIndex(zindex: number): void;
+
+        }
+
+        /**
+         * @classdesc
+         * A {@link ol.Collection} of layers that are handled together.
+         *
+         * A generic `change` event is triggered when the group/Collection changes.
+         *
+         * @constructor
+         * @extends {ol.layer.Base}
+         * @param {olx.layer.GroupOptions=} opt_options Layer options.
+         * @api stable
+         */
+        class Group extends ol.layer.Base {
+            /**
+             * @classdesc
+             * A {@link ol.Collection} of layers that are handled together.
+             *
+             * A generic `change` event is triggered when the group/Collection changes.
+             *
+             * @constructor
+             * @extends {ol.layer.Base}
+             * @param {olx.layer.GroupOptions=} opt_options Layer options.
+             * @api stable
+             */
+            constructor(opt_options?: olx.layer.GroupOptions);
+
+            /**
+             * Returns the {@link ol.Collection collection} of {@link ol.layer.Layer layers}
+             * in this group.
+             * @return {!ol.Collection.<ol.layer.Base>} Collection of
+             *   {@link ol.layer.Base layers} that are part of this group.
+             * @observable
+             * @api stable
+             */
+            getLayers(): ol.Collection<ol.layer.Base>;
+
+            /**
+             * Set the {@link ol.Collection collection} of {@link ol.layer.Layer layers}
+             * in this group.
+             * @param {!ol.Collection.<ol.layer.Base>} layers Collection of
+             *   {@link ol.layer.Base layers} that are part of this group.
+             * @observable
+             * @api stable
+             */
+            setLayers(layers: ol.Collection<ol.layer.Base>): void;
+
+        }
+
+        /**
+         * @classdesc
+         * Layer for rendering vector data as a heatmap.
+         * Note that any property set in the options is set as a {@link ol.Object}
+         * property on the layer object; for example, setting `title: 'My Title'` in the
+         * options means that `title` is observable, and has get/set accessors.
+         *
+         * @constructor
+         * @extends {ol.layer.Vector}
+         * @fires ol.render.Event
+         * @param {olx.layer.HeatmapOptions=} opt_options Options.
+         * @api
+         */
+        class Heatmap extends ol.layer.Vector {
+            /**
+             * @classdesc
+             * Layer for rendering vector data as a heatmap.
+             * Note that any property set in the options is set as a {@link ol.Object}
+             * property on the layer object; for example, setting `title: 'My Title'` in the
+             * options means that `title` is observable, and has get/set accessors.
+             *
+             * @constructor
+             * @extends {ol.layer.Vector}
+             * @fires ol.render.Event
+             * @param {olx.layer.HeatmapOptions=} opt_options Options.
+             * @api
+             */
+            constructor(opt_options?: olx.layer.HeatmapOptions);
+
+            /**
+             * Return the blur size in pixels.
+             * @return {number} Blur size in pixels.
+             * @api
+             * @observable
+             */
+            getBlur(): number;
+
+            /**
+             * Return the gradient colors as array of strings.
+             * @return {Array.<string>} Colors.
+             * @api
+             * @observable
+             */
+            getGradient(): string[];
+
+            /**
+             * Return the size of the radius in pixels.
+             * @return {number} Radius size in pixel.
+             * @api
+             * @observable
+             */
+            getRadius(): number;
+
+            /**
+             * Set the blur size in pixels.
+             * @param {number} blur Blur size in pixels.
+             * @api
+             * @observable
+             */
+            setBlur(blur: number): void;
+
+            /**
+             * Set the gradient colors as array of strings.
+             * @param {Array.<string>} colors Gradient.
+             * @api
+             * @observable
+             */
+            setGradient(colors: string[]): void;
+
+            /**
+             * Set the size of the radius in pixels.
+             * @param {number} radius Radius size in pixel.
+             * @api
+             * @observable
+             */
+            setRadius(radius: number): void;
+
+        }
+
+        /**
+         * @classdesc
+         * Server-rendered images that are available for arbitrary extents and
+         * resolutions.
+         * Note that any property set in the options is set as a {@link ol.Object}
+         * property on the layer object; for example, setting `title: 'My Title'` in the
+         * options means that `title` is observable, and has get/set accessors.
+         *
+         * @constructor
+         * @extends {ol.layer.Layer}
+         * @fires ol.render.Event
+         * @param {olx.layer.ImageOptions=} opt_options Layer options.
+         * @api stable
+         */
+        class Image extends ol.layer.Layer {
+            /**
+             * @classdesc
+             * Server-rendered images that are available for arbitrary extents and
+             * resolutions.
+             * Note that any property set in the options is set as a {@link ol.Object}
+             * property on the layer object; for example, setting `title: 'My Title'` in the
+             * options means that `title` is observable, and has get/set accessors.
+             *
+             * @constructor
+             * @extends {ol.layer.Layer}
+             * @fires ol.render.Event
+             * @param {olx.layer.ImageOptions=} opt_options Layer options.
+             * @api stable
+             */
+            constructor(opt_options?: olx.layer.ImageOptions);
+
+        }
+
+        /**
+         * @classdesc
+         * Abstract base class; normally only used for creating subclasses and not
+         * instantiated in apps.
+         * A visual representation of raster or vector map data.
+         * Layers group together those properties that pertain to how the data is to be
+         * displayed, irrespective of the source of that data.
+         *
+         * Layers are usually added to a map with {@link ol.Map#addLayer}. Components
+         * like {@link ol.interaction.Select} use unmanaged layers internally. These
+         * unmanaged layers are associated with the map using
+         * {@link ol.layer.Layer#setMap} instead.
+         *
+         * A generic `change` event is fired when the state of the source changes.
+         *
+         * @constructor
+         * @extends {ol.layer.Base}
+         * @fires ol.render.Event
+         * @param {olx.layer.LayerOptions} options Layer options.
+         * @api stable
+         */
+        class Layer extends ol.layer.Base {
+            /**
+             * @classdesc
+             * Abstract base class; normally only used for creating subclasses and not
+             * instantiated in apps.
+             * A visual representation of raster or vector map data.
+             * Layers group together those properties that pertain to how the data is to be
+             * displayed, irrespective of the source of that data.
+             *
+             * Layers are usually added to a map with {@link ol.Map#addLayer}. Components
+             * like {@link ol.interaction.Select} use unmanaged layers internally. These
+             * unmanaged layers are associated with the map using
+             * {@link ol.layer.Layer#setMap} instead.
+             *
+             * A generic `change` event is fired when the state of the source changes.
+             *
+             * @constructor
+             * @extends {ol.layer.Base}
+             * @fires ol.render.Event
+             * @param {olx.layer.LayerOptions} options Layer options.
+             * @api stable
+             */
+            constructor(options: olx.layer.LayerOptions);
+
+            /**
+             * Get the layer source.
+             * @return {ol.source.Source} The layer source (or `null` if not yet set).
+             * @observable
+             * @api stable
+             */
+            getSource(): ol.source.Source;
+
+            /**
+             * Sets the layer to be rendered on top of other layers on a map. The map will
+             * not manage this layer in its layers collection, and the callback in
+             * {@link ol.Map#forEachLayerAtPixel} will receive `null` as layer. This
+             * is useful for temporary layers. To remove an unmanaged layer from the map,
+             * use `#setMap(null)`.
+             *
+             * To add the layer to a map and have it managed by the map, use
+             * {@link ol.Map#addLayer} instead.
+             * @param {ol.Map} map Map.
+             * @api
+             */
+            setMap(map: ol.Map): void;
+
+            /**
+             * Set the layer source.
+             * @param {ol.source.Source} source The layer source.
+             * @observable
+             * @api stable
+             */
+            setSource(source: ol.source.Source): void;
+
+        }
+
+        /**
+         * @classdesc
+         * For layer sources that provide pre-rendered, tiled images in grids that are
+         * organized by zoom levels for specific resolutions.
+         * Note that any property set in the options is set as a {@link ol.Object}
+         * property on the layer object; for example, setting `title: 'My Title'` in the
+         * options means that `title` is observable, and has get/set accessors.
+         *
+         * @constructor
+         * @extends {ol.layer.Layer}
+         * @fires ol.render.Event
+         * @param {olx.layer.TileOptions=} opt_options Tile layer options.
+         * @api stable
+         */
+        class Tile extends ol.layer.Layer {
+            /**
+             * @classdesc
+             * For layer sources that provide pre-rendered, tiled images in grids that are
+             * organized by zoom levels for specific resolutions.
+             * Note that any property set in the options is set as a {@link ol.Object}
+             * property on the layer object; for example, setting `title: 'My Title'` in the
+             * options means that `title` is observable, and has get/set accessors.
+             *
+             * @constructor
+             * @extends {ol.layer.Layer}
+             * @fires ol.render.Event
+             * @param {olx.layer.TileOptions=} opt_options Tile layer options.
+             * @api stable
+             */
+            constructor(opt_options?: olx.layer.TileOptions);
+
+            /**
+             * Return the level as number to which we will preload tiles up to.
+             * @return {number} The level to preload tiles up to.
+             * @observable
+             * @api
+             */
+            getPreload(): number;
+
+            /**
+             * Set the level as number to which we will preload tiles up to.
+             * @param {number} preload The level to preload tiles up to.
+             * @observable
+             * @api
+             */
+            setPreload(preload: number): void;
+
+            /**
+             * Whether we use interim tiles on error.
+             * @return {boolean} Use interim tiles on error.
+             * @observable
+             * @api
+             */
+            getUseInterimTilesOnError(): boolean;
+
+            /**
+             * Set whether we use interim tiles on error.
+             * @param {boolean} useInterimTilesOnError Use interim tiles on error.
+             * @observable
+             * @api
+             */
+            setUseInterimTilesOnError(useInterimTilesOnError: boolean): void;
+
+        }
+
+        /**
+         * @classdesc
+         * Vector data that is rendered client-side.
+         * Note that any property set in the options is set as a {@link ol.Object}
+         * property on the layer object; for example, setting `title: 'My Title'` in the
+         * options means that `title` is observable, and has get/set accessors.
+         *
+         * @constructor
+         * @extends {ol.layer.Layer}
+         * @fires ol.render.Event
+         * @param {olx.layer.VectorOptions=} opt_options Options.
+         * @api stable
+         */
+        class Vector extends ol.layer.Layer {
+            /**
+             * @classdesc
+             * Vector data that is rendered client-side.
+             * Note that any property set in the options is set as a {@link ol.Object}
+             * property on the layer object; for example, setting `title: 'My Title'` in the
+             * options means that `title` is observable, and has get/set accessors.
+             *
+             * @constructor
+             * @extends {ol.layer.Layer}
+             * @fires ol.render.Event
+             * @param {olx.layer.VectorOptions=} opt_options Options.
+             * @api stable
+             */
+            constructor(opt_options?: olx.layer.VectorOptions);
+
+            /**
+             * Return the associated {@link ol.source.Vector vectorsource} of the layer.
+             * @return {ol.source.Vector} Source.
+             * @api stable
+             */
+            getSource(): ol.source.Vector;
+
+            /**
+             * Get the style for features.  This returns whatever was passed to the `style`
+             * option at construction or to the `setStyle` method.
+             * @return {ol.style.Style|Array.<ol.style.Style>|ol.StyleFunction}
+             *     Layer style.
+             * @api stable
+             */
+            getStyle(): (ol.style.Style | ol.style.Style[] | ol.StyleFunction);
+
+            /**
+             * Get the style function.
+             * @return {ol.StyleFunction|undefined} Layer style function.
+             * @api stable
+             */
+            getStyleFunction(): (ol.StyleFunction);
+
+            /**
+             * Set the style for features.  This can be a single style object, an array
+             * of styles, or a function that takes a feature and resolution and returns
+             * an array of styles. If it is `undefined` the default style is used. If
+             * it is `null` the layer has no style (a `null` style), so only features
+             * that have their own styles will be rendered in the layer. See
+             * {@link ol.style} for information on the default style.
+             * @param {ol.style.Style|Array.<ol.style.Style>|ol.StyleFunction|null|undefined}
+             *     style Layer style.
+             * @api stable
+             */
+            setStyle(style: (ol.style.Style | ol.style.Style[] | ol.StyleFunction)): void;
+
+        }
+
+        /**
+         * @enum {string}
+         * Render mode for vector tiles:
+         *  * `'image'`: Vector tiles are rendered as images. Great performance, but
+         *    point symbols and texts are always rotated with the view and pixels are
+         *    scaled during zoom animations.
+         *  * `'hybrid'`: Polygon and line elements are rendered as images, so pixels
+         *    are scaled during zoom animations. Point symbols and texts are accurately
+         *    rendered as vectors and can stay upright on rotated views.
+         *  * `'vector'`: Vector tiles are rendered as vectors. Most accurate rendering
+         *    even during animations, but slower performance than the other options.
+         * @api
+         */
+        type VectorTileRenderType = "image" | "hybrid" | "vector";
+
+        /**
+         * @classdesc
+         * Layer for vector tile data that is rendered client-side.
+         * Note that any property set in the options is set as a {@link ol.Object}
+         * property on the layer object; for example, setting `title: 'My Title'` in the
+         * options means that `title` is observable, and has get/set accessors.
+         *
+         * @constructor
+         * @extends {ol.layer.Vector}
+         * @param {olx.layer.VectorTileOptions=} opt_options Options.
+         * @api
+         */
+        class VectorTile extends ol.layer.Vector {
+            /**
+             * @classdesc
+             * Layer for vector tile data that is rendered client-side.
+             * Note that any property set in the options is set as a {@link ol.Object}
+             * property on the layer object; for example, setting `title: 'My Title'` in the
+             * options means that `title` is observable, and has get/set accessors.
+             *
+             * @constructor
+             * @extends {ol.layer.Vector}
+             * @param {olx.layer.VectorTileOptions=} opt_options Options.
+             * @api
+             */
+            constructor(opt_options?: olx.layer.VectorTileOptions);
+
+            /**
+             * Return the level as number to which we will preload tiles up to.
+             * @return {number} The level to preload tiles up to.
+             * @observable
+             * @api
+             */
+            getPreload(): number;
+
+            /**
+             * Whether we use interim tiles on error.
+             * @return {boolean} Use interim tiles on error.
+             * @observable
+             * @api
+             */
+            getUseInterimTilesOnError(): boolean;
+
+            /**
+             * Set the level as number to which we will preload tiles up to.
+             * @param {number} preload The level to preload tiles up to.
+             * @observable
+             * @api
+             */
+            setPreload(preload: number): void;
+
+            /**
+             * Set whether we use interim tiles on error.
+             * @param {boolean} useInterimTilesOnError Use interim tiles on error.
+             * @observable
+             * @api
+             */
+            setUseInterimTilesOnError(useInterimTilesOnError: boolean): void;
+
+        }
+
+    }
+
+    /**
+     * Strategies for loading vector data.
+     * @namespace ol.loadingstrategy
+     */
+    module loadingstrategy {
+        /**
+         * Strategy function for loading all features with a single request.
+         * @param {ol.Extent} extent Extent.
+         * @param {number} resolution Resolution.
+         * @return {Array.<ol.Extent>} Extents.
+         * @api
+         */
+        function all(extent: ol.Extent, resolution: number): ol.Extent[];
+
+        /**
+         * Strategy function for loading features based on the view's extent and
+         * resolution.
+         * @param {ol.Extent} extent Extent.
+         * @param {number} resolution Resolution.
+         * @return {Array.<ol.Extent>} Extents.
+         * @api
+         */
+        function bbox(extent: ol.Extent, resolution: number): ol.Extent[];
+
+        /**
+         * Creates a strategy function for loading features based on a tile grid.
+         * @param {ol.tilegrid.TileGrid} tileGrid Tile grid.
+         * @return {function(ol.Extent, number): Array.<ol.Extent>} Loading strategy.
+         * @api
+         */
+        function tile(tileGrid: ol.tilegrid.TileGrid): ((extent: ol.Extent, i: number) => ol.Extent[]);
+
+    }
+
+    /**
+     * @classdesc
+     * The map is the core component of OpenLayers. For a map to render, a view,
+     * one or more layers, and a target container are needed:
+     *
+     *     var map = new ol.Map({
+     *       view: new ol.View({
+     *         center: [0, 0],
+     *         zoom: 1
+     *       }),
+     *       layers: [
+     *         new ol.layer.Tile({
+     *           source: new ol.source.OSM()
+     *         })
+     *       ],
+     *       target: 'map'
+     *     });
+     *
+     * The above snippet creates a map using a {@link ol.layer.Tile} to display
+     * {@link ol.source.OSM} OSM data and render it to a DOM element with the
+     * id `map`.
+     *
+     * The constructor places a viewport container (with CSS class name
+     * `ol-viewport`) in the target element (see `getViewport()`), and then two
+     * further elements within the viewport: one with CSS class name
+     * `ol-overlaycontainer-stopevent` for controls and some overlays, and one with
+     * CSS class name `ol-overlaycontainer` for other overlays (see the `stopEvent`
+     * option of {@link ol.Overlay} for the difference). The map itself is placed in
+     * a further element within the viewport, either DOM or Canvas, depending on the
+     * renderer.
+     *
+     * Layers are stored as a `ol.Collection` in layerGroups. A top-level group is
+     * provided by the library. This is what is accessed by `getLayerGroup` and
+     * `setLayerGroup`. Layers entered in the options are added to this group, and
+     * `addLayer` and `removeLayer` change the layer collection in the group.
+     * `getLayers` is a convenience function for `getLayerGroup().getLayers()`.
+     * Note that `ol.layer.Group` is a subclass of `ol.layer.Base`, so layers
+     * entered in the options or added with `addLayer` can be groups, which can
+     * contain further groups, and so on.
+     *
+     * @constructor
+     * @extends {ol.Object}
+     * @param {olx.MapOptions} options Map options.
+     * @fires ol.MapBrowserEvent
+     * @fires ol.MapEvent
+     * @fires ol.render.Event#postcompose
+     * @fires ol.render.Event#precompose
+     * @api stable
+     */
+    class Map extends ol.Object {
+        /**
+         * @classdesc
+         * The map is the core component of OpenLayers. For a map to render, a view,
+         * one or more layers, and a target container are needed:
+         *
+         *     var map = new ol.Map({
+         *       view: new ol.View({
+         *         center: [0, 0],
+         *         zoom: 1
+         *       }),
+         *       layers: [
+         *         new ol.layer.Tile({
+         *           source: new ol.source.OSM()
+         *         })
+         *       ],
+         *       target: 'map'
+         *     });
+         *
+         * The above snippet creates a map using a {@link ol.layer.Tile} to display
+         * {@link ol.source.OSM} OSM data and render it to a DOM element with the
+         * id `map`.
+         *
+         * The constructor places a viewport container (with CSS class name
+         * `ol-viewport`) in the target element (see `getViewport()`), and then two
+         * further elements within the viewport: one with CSS class name
+         * `ol-overlaycontainer-stopevent` for controls and some overlays, and one with
+         * CSS class name `ol-overlaycontainer` for other overlays (see the `stopEvent`
+         * option of {@link ol.Overlay} for the difference). The map itself is placed in
+         * a further element within the viewport, either DOM or Canvas, depending on the
+         * renderer.
+         *
+         * Layers are stored as a `ol.Collection` in layerGroups. A top-level group is
+         * provided by the library. This is what is accessed by `getLayerGroup` and
+         * `setLayerGroup`. Layers entered in the options are added to this group, and
+         * `addLayer` and `removeLayer` change the layer collection in the group.
+         * `getLayers` is a convenience function for `getLayerGroup().getLayers()`.
+         * Note that `ol.layer.Group` is a subclass of `ol.layer.Base`, so layers
+         * entered in the options or added with `addLayer` can be groups, which can
+         * contain further groups, and so on.
+         *
+         * @constructor
+         * @extends {ol.Object}
+         * @param {olx.MapOptions} options Map options.
+         * @fires ol.MapBrowserEvent
+         * @fires ol.MapEvent
+         * @fires ol.render.Event#postcompose
+         * @fires ol.render.Event#precompose
+         * @api stable
+         */
+        constructor(options: olx.MapOptions);
+
+        /**
+         * Add the given control to the map.
+         * @param {ol.control.Control} control Control.
+         * @api stable
+         */
+        addControl(control: ol.control.Control): void;
+
+        /**
+         * Add the given interaction to the map.
+         * @param {ol.interaction.Interaction} interaction Interaction to add.
+         * @api stable
+         */
+        addInteraction(interaction: ol.interaction.Interaction): void;
+
+        /**
+         * Adds the given layer to the top of this map. If you want to add a layer
+         * elsewhere in the stack, use `getLayers()` and the methods available on
+         * {@link ol.Collection}.
+         * @param {ol.layer.Base} layer Layer.
+         * @api stable
+         */
+        addLayer(layer: ol.layer.Base): void;
+
+        /**
+         * Add the given overlay to the map.
+         * @param {ol.Overlay} overlay Overlay.
+         * @api stable
+         */
+        addOverlay(overlay: ol.Overlay): void;
+
+        /**
+         * Add functions to be called before rendering. This can be used for attaching
+         * animations before updating the map's view.  The {@link ol.animation}
+         * namespace provides several static methods for creating prerender functions.
+         * @param {...ol.PreRenderFunction} var_args Any number of pre-render functions.
+         * @api
+         */
+        beforeRender(var_args: ol.PreRenderFunction): void;
+
+        /**
+         * Detect features that intersect a pixel on the viewport, and execute a
+         * callback with each intersecting feature. Layers included in the detection can
+         * be configured through `opt_layerFilter`.
+         * @param {ol.Pixel} pixel Pixel.
+         * @param {function(this: S, (ol.Feature|ol.render.Feature),
+         *     ol.layer.Layer): T} callback Feature callback. The callback will be
+         *     called with two arguments. The first argument is one
+         *     {@link ol.Feature feature} or
+         *     {@link ol.render.Feature render feature} at the pixel, the second is
+         *     the {@link ol.layer.Layer layer} of the feature and will be null for
+         *     unmanaged layers. To stop detection, callback functions can return a
+         *     truthy value.
+         * @param {(function(this: U, ol.layer.Layer): boolean)=} opt_layerFilter Layer
+         *     filter function. The filter function will receive one argument, the
+         *     {@link ol.layer.Layer layer-candidate} and it should return a boolean
+         *     value. Only layers which are visible and for which this function returns
+         *     `true` will be tested for features. By default, all visible layers will
+         *     be tested.
+         * @return {T|undefined} Callback result, i.e. the return value of last
+         * callback execution, or the first truthy callback return value.
+         * @template T
+         * @api stable
+         */
+        forEachFeatureAtPixel<T>(
+            pixel: ol.Pixel,
+            callback: ((feature: (ol.Feature | ol.render.Feature), layer: ol.layer.Layer) => T),
+            opt_layerFilter?: ((layer: ol.layer.Layer) => boolean)
+        ): (T);
+
+        /**
+         * Detect layers that have a color value at a pixel on the viewport, and
+         * execute a callback with each matching layer. Layers included in the
+         * detection can be configured through `opt_layerFilter`.
+         * @param {ol.Pixel} pixel Pixel.
+         * @param {function(this: S, ol.layer.Layer, ol.Color): T} callback Layer
+         *     callback. This callback will recieve two arguments: first is the
+         *     {@link ol.layer.Layer layer}, second argument is {@link ol.Color}
+         *     and will be null for layer types that do not currently support this
+         *     argument. To stop detection callback functions can return a truthy value.
+         * @param {S=} opt_this Value to use as `this` when executing `callback`.
+         * @param {(function(this: U, ol.layer.Layer): boolean)=} opt_layerFilter Layer
+         *     filter function. The filter function will receive one argument, the
+         *     {@link ol.layer.Layer layer-candidate} and it should return a boolean
+         *     value. Only layers which are visible and for which this function returns
+         *     `true` will be tested for features. By default, all visible layers will
+         *     be tested.
+         * @param {U=} opt_this2 Value to use as `this` when executing `layerFilter`.
+         * @return {T|undefined} Callback result, i.e. the return value of last
+         * callback execution, or the first truthy callback return value.
+         * @template S,T,U
+         * @api stable
+         */
+        forEachLayerAtPixel<S, T, U>(pixel: ol.Pixel, callback: ((layer: ol.layer.Layer, color: ol.Color) => T), opt_this?: S, opt_layerFilter?: ((layer: ol.layer.Layer) => boolean), opt_this2?: U): (T);
+
+        /**
+         * Detect if features intersect a pixel on the viewport. Layers included in the
+         * detection can be configured through `opt_layerFilter`.
+         * @param {ol.Pixel} pixel Pixel.
+         * @param {(function(this: U, ol.layer.Layer): boolean)=} opt_layerFilter Layer
+         *     filter function. The filter function will receive one argument, the
+         *     {@link ol.layer.Layer layer-candidate} and it should return a boolean
+         *     value. Only layers which are visible and for which this function returns
+         *     `true` will be tested for features. By default, all visible layers will
+         *     be tested.
+         * @return {boolean} Is there a feature at the given pixel?
+         * @api
+         */
+        hasFeatureAtPixel(
+            pixel: ol.Pixel,
+            opt_layerFilter?: ((layer: ol.layer.Layer) => boolean)
+        ): boolean;
+
+        /**
+         * Returns the geographical coordinate for a browser event.
+         * @param {Event} event Event.
+         * @return {ol.Coordinate} Coordinate.
+         * @api stable
+         */
+        getEventCoordinate(event: Event): ol.Coordinate;
+
+        /**
+         * Returns the map pixel position for a browser event relative to the viewport.
+         * @param {Event} event Event.
+         * @return {ol.Pixel} Pixel.
+         * @api stable
+         */
+        getEventPixel(event: Event): ol.Pixel;
+
+        /**
+         * Get the target in which this map is rendered.
+         * Note that this returns what is entered as an option or in setTarget:
+         * if that was an element, it returns an element; if a string, it returns that.
+         * @return {Element|string|undefined} The Element or id of the Element that the
+         *     map is rendered in.
+         * @observable
+         * @api stable
+         */
+        getTarget(): (Element | string);
+
+        /**
+         * Get the DOM element into which this map is rendered. In contrast to
+         * `getTarget` this method always return an `Element`, or `null` if the
+         * map has no target.
+         * @return {Element} The element that the map is rendered in.
+         * @api
+         */
+        getTargetElement(): Element;
+
+        /**
+         * Get the coordinate for a given pixel.  This returns a coordinate in the
+         * map view projection.
+         * @param {ol.Pixel} pixel Pixel position in the map viewport.
+         * @return {ol.Coordinate} The coordinate for the pixel position.
+         * @api stable
+         */
+        getCoordinateFromPixel(pixel: ol.Pixel): ol.Coordinate;
+
+        /**
+         * Get the map controls. Modifying this collection changes the controls
+         * associated with the map.
+         * @return {ol.Collection.<ol.control.Control>} Controls.
+         * @api stable
+         */
+        getControls(): ol.Collection<ol.control.Control>;
+
+        /**
+         * Get the map overlays. Modifying this collection changes the overlays
+         * associated with the map.
+         * @return {ol.Collection.<ol.Overlay>} Overlays.
+         * @api stable
+         */
+        getOverlays(): ol.Collection<ol.Overlay>;
+
+        /**
+         * Get an overlay by its identifier (the value returned by overlay.getId()).
+         * Note that the index treats string and numeric identifiers as the same. So
+         * `map.getOverlayById(2)` will return an overlay with id `'2'` or `2`.
+         * @param {string|number} id Overlay identifier.
+         * @return {ol.Overlay} Overlay.
+         * @api
+         */
+        getOverlayById(id: (string | number)): ol.Overlay;
+
+        /**
+         * Get the map interactions. Modifying this collection changes the interactions
+         * associated with the map.
+         *
+         * Interactions are used for e.g. pan, zoom and rotate.
+         * @return {ol.Collection.<ol.interaction.Interaction>} Interactions.
+         * @api stable
+         */
+        getInteractions(): ol.Collection<ol.interaction.Interaction>;
+
+        /**
+         * Get the layergroup associated with this map.
+         * @return {ol.layer.Group} A layer group containing the layers in this map.
+         * @observable
+         * @api stable
+         */
+        getLayerGroup(): ol.layer.Group;
+
+        /**
+         * Get the collection of layers associated with this map.
+         * @return {!ol.Collection.<ol.layer.Base>} Layers.
+         * @api stable
+         */
+        getLayers(): ol.Collection<ol.layer.Base>;
+
+        /**
+         * Get the pixel for a coordinate.  This takes a coordinate in the map view
+         * projection and returns the corresponding pixel.
+         * @param {ol.Coordinate} coordinate A map coordinate.
+         * @return {ol.Pixel} A pixel position in the map viewport.
+         * @api stable
+         */
+        getPixelFromCoordinate(coordinate: ol.Coordinate): ol.Pixel;
+
+        /**
+         * Get the size of this map.
+         * @return {ol.Size|undefined} The size in pixels of the map in the DOM.
+         * @observable
+         * @api stable
+         */
+        getSize(): (ol.Size);
+
+        /**
+         * Get the view associated with this map. A view manages properties such as
+         * center and resolution.
+         * @return {ol.View} The view that controls this map.
+         * @observable
+         * @api stable
+         */
+        getView(): ol.View;
+
+        /**
+         * Get the element that serves as the map viewport.
+         * @return {Element} Viewport.
+         * @api stable
+         */
+        getViewport(): Element;
+
+        /**
+         * Requests an immediate render in a synchronous manner.
+         * @api stable
+         */
+        renderSync(): void;
+
+        /**
+         * Request a map rendering (at the next animation frame).
+         * @api stable
+         */
+        render(): void;
+
+        /**
+         * Remove the given control from the map.
+         * @param {ol.control.Control} control Control.
+         * @return {ol.control.Control|undefined} The removed control (or undefined
+         *     if the control was not found).
+         * @api stable
+         */
+        removeControl(control: ol.control.Control): (ol.control.Control);
+
+        /**
+         * Remove the given interaction from the map.
+         * @param {ol.interaction.Interaction} interaction Interaction to remove.
+         * @return {ol.interaction.Interaction|undefined} The removed interaction (or
+         *     undefined if the interaction was not found).
+         * @api stable
+         */
+        removeInteraction(interaction: ol.interaction.Interaction): (ol.interaction.Interaction);
+
+        /**
+         * Removes the given layer from the map.
+         * @param {ol.layer.Base} layer Layer.
+         * @return {ol.layer.Base|undefined} The removed layer (or undefined if the
+         *     layer was not found).
+         * @api stable
+         */
+        removeLayer(layer: ol.layer.Base): (ol.layer.Base);
+
+        /**
+         * Remove the given overlay from the map.
+         * @param {ol.Overlay} overlay Overlay.
+         * @return {ol.Overlay|undefined} The removed overlay (or undefined
+         *     if the overlay was not found).
+         * @api stable
+         */
+        removeOverlay(overlay: ol.Overlay): (ol.Overlay);
+
+        /**
+         * Sets the layergroup of this map.
+         * @param {ol.layer.Group} layerGroup A layer group containing the layers in
+         *     this map.
+         * @observable
+         * @api stable
+         */
+        setLayerGroup(layerGroup: ol.layer.Group): void;
+
+        /**
+         * Set the size of this map.
+         * @param {ol.Size|undefined} size The size in pixels of the map in the DOM.
+         * @observable
+         * @api
+         */
+        setSize(size: (ol.Size)): void;
+
+        /**
+         * Set the target element to render this map into.
+         * @param {Element|string|undefined} target The Element or id of the Element
+         *     that the map is rendered in.
+         * @observable
+         * @api stable
+         */
+        setTarget(target: (Element | string)): void;
+
+        /**
+         * Set the view for this map.
+         * @param {ol.View} view The view that controls this map.
+         * @observable
+         * @api stable
+         */
+        setView(view: ol.View): void;
+
+        /**
+         * Force a recalculation of the map viewport size.  This should be called when
+         * third-party code changes the size of the map viewport.
+         * @api stable
+         */
+        updateSize(): void;
+
+    }
+
+    /**
+     * @classdesc
+     * Events emitted as map browser events are instances of this type.
+     * See {@link ol.Map} for which events trigger a map browser event.
+     *
+     * @constructor
+     * @extends {ol.MapEvent}
+     * @implements {oli.MapBrowserEvent}
+     * @param {string} type Event type.
+     * @param {ol.Map} map Map.
+     * @param {Event} browserEvent Browser event.
+     * @param {boolean=} opt_dragging Is the map currently being dragged?
+     * @param {?olx.FrameState=} opt_frameState Frame state.
+     */
+    class MapBrowserEvent extends ol.MapEvent {
+        /**
+         * @classdesc
+         * Events emitted as map browser events are instances of this type.
+         * See {@link ol.Map} for which events trigger a map browser event.
+         *
+         * @constructor
+         * @extends {ol.MapEvent}
+         * @implements {oli.MapBrowserEvent}
+         * @param {string} type Event type.
+         * @param {ol.Map} map Map.
+         * @param {Event} browserEvent Browser event.
+         * @param {boolean=} opt_dragging Is the map currently being dragged?
+         * @param {?olx.FrameState=} opt_frameState Frame state.
+         */
+        constructor(type: string, map: ol.Map, browserEvent: Event, opt_dragging?: boolean, opt_frameState?: olx.FrameState);
+
+        /**
+         * The original browser event.
+         * @const
+         * @type {Event}
+         * @api stable
+         */
+        originalEvent: Event;
+
+        /**
+         * The pixel of the original browser event.
+         * @type {ol.Pixel}
+         * @api stable
+         */
+        pixel: ol.Pixel;
+
+        /**
+         * The coordinate of the original browser event.
+         * @type {ol.Coordinate}
+         * @api stable
+         */
+        coordinate: ol.Coordinate;
+
+        /**
+         * Indicates if the map is currently being dragged. Only set for
+         * `POINTERDRAG` and `POINTERMOVE` events. Default is `false`.
+         *
+         * @type {boolean}
+         * @api stable
+         */
+        dragging: boolean;
+
+    }
+
+    /**
+     * @constructor
+     * @extends {ol.MapBrowserEvent}
+     * @param {string} type Event type.
+     * @param {ol.Map} map Map.
+     * @param {ol.pointer.PointerEvent} pointerEvent Pointer event.
+     * @param {boolean=} opt_dragging Is the map currently being dragged?
+     * @param {?olx.FrameState=} opt_frameState Frame state.
+     */
+    class MapBrowserPointerEvent extends ol.MapBrowserEvent {
+
+        // /**
+        //  * @constructor
+        //  * @extends {ol.MapBrowserEvent}
+        //  * @param {string} type Event type.
+        //  * @param {ol.Map} map Map.
+        //  * @param {ol.pointer.PointerEvent} pointerEvent Pointer event.
+        //  * @param {boolean=} opt_dragging Is the map currently being dragged?
+        //  * @param {?olx.FrameState=} opt_frameState Frame state.
+        //  */
+        // constructor (type: string,
+        //           map: ol.Map,
+        //           pointerEvent: ol.pointer.PointerEvent,
+        //           opt_dragging?: boolean,
+        //           opt_frameState?: olx.FrameState)
+
+        pointerEvent: ol.pointer.PointerEvent;
+    }
+
+    /**
+     * @classdesc
+     * Events emitted as map events are instances of this type.
+     * See {@link ol.Map} for which events trigger a map event.
+     *
+     * @constructor
+     * @extends {ol.events.Event}
+     * @implements {oli.MapEvent}
+     * @param {string} type Event type.
+     * @param {ol.Map} map Map.
+     * @param {?olx.FrameState=} opt_frameState Frame state.
+     */
+    class MapEvent extends ol.events.Event {
+        /**
+         * @classdesc
+         * Events emitted as map events are instances of this type.
+         * See {@link ol.Map} for which events trigger a map event.
+         *
+         * @constructor
+         * @extends {ol.events.Event}
+         * @implements {oli.MapEvent}
+         * @param {string} type Event type.
+         * @param {ol.Map} map Map.
+         * @param {?olx.FrameState=} opt_frameState Frame state.
+         */
+        constructor(type: string, map: ol.Map, opt_frameState?: olx.FrameState);
+
+        /**
+         * The map where the event occurred.
+         * @type {ol.Map}
+         * @api stable
+         */
+        map: ol.Map;
+
+        /**
+         * The frame state at the time of the event.
+         * @type {?olx.FrameState}
+         * @api
+         */
+        frameState: olx.FrameState;
+
+    }
+
+    /**
+     * @classdesc
+     * Events emitted by {@link ol.Object} instances are instances of this type.
+     *
+     * @param {string} type The event type.
+     * @param {string} key The property name.
+     * @param {*} oldValue The old value for `key`.
+     * @extends {ol.events.Event}
+     * @implements {oli.ObjectEvent}
+     * @constructor
+     */
+    class ObjectEvent extends ol.events.Event {
+        /**
+         * @classdesc
+         * Events emitted by {@link ol.Object} instances are instances of this type.
+         *
+         * @param {string} type The event type.
+         * @param {string} key The property name.
+         * @param {*} oldValue The old value for `key`.
+         * @extends {ol.events.Event}
+         * @implements {oli.ObjectEvent}
+         * @constructor
+         */
+        constructor(type: string, key: string, oldValue: any);
+
+        /**
+         * The name of the property whose value is changing.
+         * @type {string}
+         * @api stable
+         */
+        key: string;
+
+        /**
+         * The old value. To get the new value use `e.target.get(e.key)` where
+         * `e` is the event object.
+         * @type {*}
+         * @api stable
+         */
+        oldValue: any;
+
+    }
+
+    /**
+     * @classdesc
+     * Abstract base class; normally only used for creating subclasses and not
+     * instantiated in apps.
+     * Most non-trivial classes inherit from this.
+     *
+     * This extends {@link ol.Observable} with observable properties, where each
+     * property is observable as well as the object as a whole.
+     *
+     * Classes that inherit from this have pre-defined properties, to which you can
+     * add your owns. The pre-defined properties are listed in this documentation as
+     * 'Observable Properties', and have their own accessors; for example,
+     * {@link ol.Map} has a `target` property, accessed with `getTarget()`  and
+     * changed with `setTarget()`. Not all properties are however settable. There
+     * are also general-purpose accessors `get()` and `set()`. For example,
+     * `get('target')` is equivalent to `getTarget()`.
+     *
+     * The `set` accessors trigger a change event, and you can monitor this by
+     * registering a listener. For example, {@link ol.View} has a `center`
+     * property, so `view.on('change:center', function(evt) {...});` would call the
+     * function whenever the value of the center property changes. Within the
+     * function, `evt.target` would be the view, so `evt.target.getCenter()` would
+     * return the new center.
+     *
+     * You can add your own observable properties with
+     * `object.set('prop', 'value')`, and retrieve that with `object.get('prop')`.
+     * You can listen for changes on that property value with
+     * `object.on('change:prop', listener)`. You can get a list of all
+     * properties with {@link ol.Object#getProperties object.getProperties()}.
+     *
+     * Note that the observable properties are separate from standard JS properties.
+     * You can, for example, give your map object a title with
+     * `map.title='New title'` and with `map.set('title', 'Another title')`. The
+     * first will be a `hasOwnProperty`; the second will appear in
+     * `getProperties()`. Only the second is observable.
+     *
+     * Properties can be deleted by using the unset method. E.g.
+     * object.unset('foo').
+     *
+     * @constructor
+     * @extends {ol.Observable}
+     * @param {Object.<string, *>=} opt_values An object with key-value pairs.
+     * @fires ol.ObjectEvent
+     * @api
+     */
+    class Object extends ol.Observable {
+        /**
+         * @classdesc
+         * Abstract base class; normally only used for creating subclasses and not
+         * instantiated in apps.
+         * Most non-trivial classes inherit from this.
+         *
+         * This extends {@link ol.Observable} with observable properties, where each
+         * property is observable as well as the object as a whole.
+         *
+         * Classes that inherit from this have pre-defined properties, to which you can
+         * add your owns. The pre-defined properties are listed in this documentation as
+         * 'Observable Properties', and have their own accessors; for example,
+         * {@link ol.Map} has a `target` property, accessed with `getTarget()`  and
+         * changed with `setTarget()`. Not all properties are however settable. There
+         * are also general-purpose accessors `get()` and `set()`. For example,
+         * `get('target')` is equivalent to `getTarget()`.
+         *
+         * The `set` accessors trigger a change event, and you can monitor this by
+         * registering a listener. For example, {@link ol.View} has a `center`
+         * property, so `view.on('change:center', function(evt) {...});` would call the
+         * function whenever the value of the center property changes. Within the
+         * function, `evt.target` would be the view, so `evt.target.getCenter()` would
+         * return the new center.
+         *
+         * You can add your own observable properties with
+         * `object.set('prop', 'value')`, and retrieve that with `object.get('prop')`.
+         * You can listen for changes on that property value with
+         * `object.on('change:prop', listener)`. You can get a list of all
+         * properties with {@link ol.Object#getProperties object.getProperties()}.
+         *
+         * Note that the observable properties are separate from standard JS properties.
+         * You can, for example, give your map object a title with
+         * `map.title='New title'` and with `map.set('title', 'Another title')`. The
+         * first will be a `hasOwnProperty`; the second will appear in
+         * `getProperties()`. Only the second is observable.
+         *
+         * Properties can be deleted by using the unset method. E.g.
+         * object.unset('foo').
+         *
+         * @constructor
+         * @extends {ol.Observable}
+         * @param {Object.<string, *>=} opt_values An object with key-value pairs.
+         * @fires ol.ObjectEvent
+         * @api
+         */
+        constructor(opt_values?: { [k: string]: any });
+
+        /**
+         * Gets a value.
+         * @param {string} key Key name.
+         * @return {*} Value.
+         * @api stable
+         */
+        get(key: string): any;
+
+        /**
+         * Get a list of object property names.
+         * @return {Array.<string>} List of property names.
+         * @api stable
+         */
+        getKeys(): string[];
+
+        /**
+         * Get an object of all property names and values.
+         * @return {Object.<string, *>} Object.
+         * @api stable
+         */
+        getProperties(): { [k: string]: any };
+
+        /**
+         * Sets a value.
+         * @param {string} key Key name.
+         * @param {*} value Value.
+         * @param {boolean=} opt_silent Update without triggering an event.
+         * @api stable
+         */
+        set(key: string, value: any, opt_silent?: boolean): void;
+
+        /**
+         * Sets a collection of key-value pairs.  Note that this changes any existing
+         * properties and adds new ones (it does not remove any existing properties).
+         * @param {Object.<string, *>} values Values.
+         * @param {boolean=} opt_silent Update without triggering an event.
+         * @api stable
+         */
+        setProperties(values: { [k: string]: any }, opt_silent?: boolean): void;
+
+        /**
+         * Unsets a property.
+         * @param {string} key Key name.
+         * @param {boolean=} opt_silent Unset without triggering an event.
+         * @api stable
+         */
+        unset(key: string, opt_silent?: boolean): void;
+
+    }
+
+    /**
+     * @classdesc
+     * Abstract base class; normally only used for creating subclasses and not
+     * instantiated in apps.
+     * An event target providing convenient methods for listener registration
+     * and unregistration. A generic `change` event is always available through
+     * {@link ol.Observable#changed}.
+     *
+     * @constructor
+     * @extends {ol.events.EventTarget}
+     * @fires ol.events.Event
+     * @struct
+     * @api stable
+     */
+    class Observable extends ol.events.EventTarget {
+        /**
+         * @classdesc
+         * Abstract base class; normally only used for creating subclasses and not
+         * instantiated in apps.
+         * An event target providing convenient methods for listener registration
+         * and unregistration. A generic `change` event is always available through
+         * {@link ol.Observable#changed}.
+         *
+         * @constructor
+         * @extends {ol.events.EventTarget}
+         * @fires ol.events.Event
+         * @struct
+         * @api stable
+         */
+        constructor();
+
+        /**
+         * Removes an event listener using the key returned by `on()` or `once()`.
+         * @param {ol.EventsKey|Array.<ol.EventsKey>} key The key returned by `on()`
+         *     or `once()` (or an array of keys).
+         * @api stable
+         */
+        static unByKey(key: (ol.EventsKey | ol.EventsKey[])): void;
+
+        /**
+         * Increases the revision counter and dispatches a 'change' event.
+         * @api
+         */
+        changed(): void;
+
+        /**
+         * Dispatches an event and calls all listeners listening for events
+         * of this type. The event parameter can either be a string or an
+         * Object with a `type` property.
+         *
+         * @param {{type: string,
+         *     target: (EventTarget|ol.events.EventTarget|undefined)}|ol.events.Event|
+         *     string} event Event object.
+         * @function
+         * @api
+         */
+        dispatchEvent(event: (GlobalObject | ol.events.Event | string)): void;
+
+        /**
+         * Get the version number for this object.  Each time the object is modified,
+         * its version number will be incremented.
+         * @return {number} Revision.
+         * @api
+         */
+        getRevision(): number;
+
+        /**
+         * Listen for a certain type of event.
+         * @param {string|Array.<string>} type The event type or array of event types.
+         * @param {function(?): ?} listener The listener function.
+         * @param {Object=} opt_this The object to use as `this` in `listener`.
+         * @return {ol.EventsKey|Array.<ol.EventsKey>} Unique key for the listener. If
+         *     called with an array of event types as the first argument, the return
+         *     will be an array of keys.
+         * @api stable
+         */
+        on(type: (string | string[]), listener: Function, opt_this?: GlobalObject): (ol.EventsKey | ol.EventsKey[]);
+
+        /**
+         * Listen once for a certain type of event.
+         * @param {string|Array.<string>} type The event type or array of event types.
+         * @param {function(?): ?} listener The listener function.
+         * @param {Object=} opt_this The object to use as `this` in `listener`.
+         * @return {ol.EventsKey|Array.<ol.EventsKey>} Unique key for the listener. If
+         *     called with an array of event types as the first argument, the return
+         *     will be an array of keys.
+         * @api stable
+         */
+        once(type: (string | string[]), listener: Function, opt_this?: GlobalObject): (ol.EventsKey | ol.EventsKey[]);
+
+        /**
+         * Unlisten for a certain type of event.
+         * @param {string|Array.<string>} type The event type or array of event types.
+         * @param {function(?): ?} listener The listener function.
+         * @param {Object=} opt_this The object which was used as `this` by the
+         * `listener`.
+         * @api stable
+         */
+        un(type: (string | string[]), listener: Function, opt_this?: GlobalObject): void;
+
+        /**
+         * Removes an event listener using the key returned by `on()` or `once()`.
+         * Note that using the {@link ol.Observable.unByKey} static function is to
+         * be preferred.
+         * @param {ol.EventsKey|Array.<ol.EventsKey>} key The key returned by `on()`
+         *     or `once()` (or an array of keys).
+         * @function
+         * @api stable
+         */
+        unByKey(key: (ol.EventsKey | ol.EventsKey[])): void;
+
+    }
+
+    /**
+     * Overlay position: `'bottom-left'`, `'bottom-center'`,  `'bottom-right'`,
+     * `'center-left'`, `'center-center'`, `'center-right'`, `'top-left'`,
+     * `'top-center'`, `'top-right'`
+     * @enum {string}
+     */
+    type OverlayPositioning = "bottom-left" | "bottom-center" | "bottom-right" | "center-left" | "center-center" | "center-right" | "top-left" | "top-center" | "top-right";
+
+    /**
+     * @classdesc
+     * An element to be displayed over the map and attached to a single map
+     * location.  Like {@link ol.control.Control}, Overlays are visible widgets.
+     * Unlike Controls, they are not in a fixed position on the screen, but are tied
+     * to a geographical coordinate, so panning the map will move an Overlay but not
+     * a Control.
+     *
+     * Example:
+     *
+     *     var popup = new ol.Overlay({
+     *       element: document.getElementById('popup')
+     *     });
+     *     popup.setPosition(coordinate);
+     *     map.addOverlay(popup);
+     *
+     * @constructor
+     * @extends {ol.Object}
+     * @param {olx.OverlayOptions} options Overlay options.
+     * @api stable
+     */
+    class Overlay extends ol.Object {
+        /**
+         * @classdesc
+         * An element to be displayed over the map and attached to a single map
+         * location.  Like {@link ol.control.Control}, Overlays are visible widgets.
+         * Unlike Controls, they are not in a fixed position on the screen, but are tied
+         * to a geographical coordinate, so panning the map will move an Overlay but not
+         * a Control.
+         *
+         * Example:
+         *
+         *     var popup = new ol.Overlay({
+         *       element: document.getElementById('popup')
+         *     });
+         *     popup.setPosition(coordinate);
+         *     map.addOverlay(popup);
+         *
+         * @constructor
+         * @extends {ol.Object}
+         * @param {olx.OverlayOptions} options Overlay options.
+         * @api stable
+         */
+        constructor(options: olx.OverlayOptions);
+
+        /**
+         * Get the DOM element of this overlay.
+         * @return {Element|undefined} The Element containing the overlay.
+         * @observable
+         * @api stable
+         */
+        getElement(): (Element);
+
+        /**
+         * Get the overlay identifier which is set on constructor.
+         * @return {number|string|undefined} Id.
+         * @api
+         */
+        getId(): (number | string);
+
+        /**
+         * Get the map associated with this overlay.
+         * @return {ol.Map|undefined} The map that the overlay is part of.
+         * @observable
+         * @api stable
+         */
+        getMap(): (ol.Map);
+
+        /**
+         * Get the offset of this overlay.
+         * @return {Array.<number>} The offset.
+         * @observable
+         * @api stable
+         */
+        getOffset(): number[];
+
+        /**
+         * Get the current position of this overlay.
+         * @return {ol.Coordinate|undefined} The spatial point that the overlay is
+         *     anchored at.
+         * @observable
+         * @api stable
+         */
+        getPosition(): (ol.Coordinate);
+
+        /**
+         * Get the current positioning of this overlay.
+         * @return {ol.OverlayPositioning} How the overlay is positioned
+         *     relative to its point on the map.
+         * @observable
+         * @api stable
+         */
+        getPositioning(): ol.OverlayPositioning;
+
+        /**
+         * Set the DOM element to be associated with this overlay.
+         * @param {Element|undefined} element The Element containing the overlay.
+         * @observable
+         * @api stable
+         */
+        setElement(element: (Element)): void;
+
+        /**
+         * Set the map to be associated with this overlay.
+         * @param {ol.Map|undefined} map The map that the overlay is part of.
+         * @observable
+         * @api stable
+         */
+        setMap(map: (ol.Map)): void;
+
+        /**
+         * Set the offset for this overlay.
+         * @param {Array.<number>} offset Offset.
+         * @observable
+         * @api stable
+         */
+        setOffset(offset: number[]): void;
+
+        /**
+         * Set the position for this overlay. If the position is `undefined` the
+         * overlay is hidden.
+         * @param {ol.Coordinate|undefined} position The spatial point that the overlay
+         *     is anchored at.
+         * @observable
+         * @api stable
+         */
+        setPosition(position: (ol.Coordinate)): void;
+
+        /**
+         * Set the positioning for this overlay.
+         * @param {ol.OverlayPositioning} positioning how the overlay is
+         *     positioned relative to its point on the map.
+         * @observable
+         * @api stable
+         */
+        setPositioning(positioning: ol.OverlayPositioning): void;
+
+    }
+
+    module pointer {
+
+        /**
+         * @classdesc
+         * A class for pointer events.
+         *
+         * This class is used as an abstraction for mouse events,
+         * touch events and even native pointer events.
+         *
+         * @constructor
+         * @extends {ol.events.Event}
+         * @param {string} type The type of the event to create.
+         * @param {Event} originalEvent The event.
+         * @param {Object.<string, ?>=} opt_eventDict An optional dictionary of
+         *    initial event properties.
+         */
+        class PointerEvent {
+        }
+    }
+
+    /**
+     * The ol.proj namespace stores:
+     * * a list of {@link ol.proj.Projection}
+     * objects, one for each projection supported by the application
+     * * a list of transform functions needed to convert coordinates in one projection
+     * into another.
+     *
+     * The static functions are the methods used to maintain these.
+     * Each transform function can handle not only simple coordinate pairs, but also
+     * large arrays of coordinates such as vector geometries.
+     *
+     * When loaded, the library adds projection objects for EPSG:4326 (WGS84
+     * geographic coordinates) and EPSG:3857 (Web or Spherical Mercator, as used
+     * for example by Bing Maps or OpenStreetMap), together with the relevant
+     * transform functions.
+     *
+     * Additional transforms may be added by using the {@link http://proj4js.org/}
+     * library (version 2.2 or later). You can use the full build supplied by
+     * Proj4js, or create a custom build to support those projections you need; see
+     * the Proj4js website for how to do this. You also need the Proj4js definitions
+     * for the required projections. These definitions can be obtained from
+     * {@link http://epsg.io/}, and are a JS function, so can be loaded in a script
+     * tag (as in the examples) or pasted into your application.
+     * The first time there is a request for a projection, either with a
+     * {@link ol.proj.projectionLike} or directly with {@link ol.proj.get}, the
+     * code will check if the Proj4js library and the necessary definition are
+     * loaded; if so, it will register the appropriate {@link ol.proj.Projection}
+     * object and add transform functions between the new projection and all the
+     * existing ones. See examples/wms-image-custom-proj for an example of this.
+     * Because the check for presence of the Proj4js library and the definition only
+     * takes place on the first request for them, this means they can be loaded
+     * dynamically as needed; for example, with user-supplied data where you don't
+     * know in advance what projections are needed, you can initially load minimal
+     * support and then load whichever are requested.
+     *
+     * Note that Proj4js does not support projection extents. If you want to add
+     * one for creating default tile grids, you can add it after the Projection
+     * object has been created with `setExtent`, for example,
+     * `ol.proj.get('EPSG:1234').setExtent(extent)`.
+     *
+     * In addition to Proj4js support, any transform functions can be added with
+     * {@link ol.proj.addCoordinateTransforms}. To use this, you must first create
+     * a {@link ol.proj.Projection} object for the new projection and add it with
+     * {@link ol.proj.addProjection}. You can then add the forward and inverse
+     * functions with {@link ol.proj.addCoordinateTransforms}. See
+     * examples/wms-custom-proj for an example of this.
+     *
+     * Note that if no transforms are needed and you only need to define the
+     * projection, just add a {@link ol.proj.Projection} with
+     * {@link ol.proj.addProjection}. See examples/wms-no-proj for an example of
+     * this.
+     *
+     * @namespace ol.proj
+     */
+    module proj {
+
+        /**
+         * Projection units: `'degrees'`, `'ft'`, `'m'`, `'pixels'`, `'tile-pixels'` or
+         * `'us-ft'`.
+         * @enum {string}
+         */
+        type Units = "degress" | "ft" | "m" | "pixels" | "tile-pixels" | "us-ft";
+
+        /**
+         * Meters per unit lookup table.
+         * @const
+         * @type {Object.<ol.proj.Units, number>}
+         * @api stable
+         */
+        const METERS_PER_UNIT: { [k: string]: number };
+
+        /**
+         * @classdesc
+         * Projection definition class. One of these is created for each projection
+         * supported in the application and stored in the {@link ol.proj} namespace.
+         * You can use these in applications, but this is not required, as API params
+         * and options use {@link ol.ProjectionLike} which means the simple string
+         * code will suffice.
+         *
+         * You can use {@link ol.proj.get} to retrieve the object for a particular
+         * projection.
+         *
+         * The library includes definitions for `EPSG:4326` and `EPSG:3857`, together
+         * with the following aliases:
+         * * `EPSG:4326`: CRS:84, urn:ogc:def:crs:EPSG:6.6:4326,
+         *     urn:ogc:def:crs:OGC:1.3:CRS84, urn:ogc:def:crs:OGC:2:84,
+         *     http://www.opengis.net/gml/srs/epsg.xml#4326,
+         *     urn:x-ogc:def:crs:EPSG:4326
+         * * `EPSG:3857`: EPSG:102100, EPSG:102113, EPSG:900913,
+         *     urn:ogc:def:crs:EPSG:6.18:3:3857,
+         *     http://www.opengis.net/gml/srs/epsg.xml#3857
+         *
+         * If you use proj4js, aliases can be added using `proj4.defs()`; see
+         * [documentation](https://github.com/proj4js/proj4js). To set an alternative
+         * namespace for proj4, use {@link ol.proj.setProj4}.
+         *
+         * @constructor
+         * @param {olx.ProjectionOptions} options Projection options.
+         * @struct
+         * @api stable
+         */
+        class Projection {
+            /**
+             * @classdesc
+             * Projection definition class. One of these is created for each projection
+             * supported in the application and stored in the {@link ol.proj} namespace.
+             * You can use these in applications, but this is not required, as API params
+             * and options use {@link ol.ProjectionLike} which means the simple string
+             * code will suffice.
+             *
+             * You can use {@link ol.proj.get} to retrieve the object for a particular
+             * projection.
+             *
+             * The library includes definitions for `EPSG:4326` and `EPSG:3857`, together
+             * with the following aliases:
+             * * `EPSG:4326`: CRS:84, urn:ogc:def:crs:EPSG:6.6:4326,
+             *     urn:ogc:def:crs:OGC:1.3:CRS84, urn:ogc:def:crs:OGC:2:84,
+             *     http://www.opengis.net/gml/srs/epsg.xml#4326,
+             *     urn:x-ogc:def:crs:EPSG:4326
+             * * `EPSG:3857`: EPSG:102100, EPSG:102113, EPSG:900913,
+             *     urn:ogc:def:crs:EPSG:6.18:3:3857,
+             *     http://www.opengis.net/gml/srs/epsg.xml#3857
+             *
+             * If you use proj4js, aliases can be added using `proj4.defs()`; see
+             * [documentation](https://github.com/proj4js/proj4js). To set an alternative
+             * namespace for proj4, use {@link ol.proj.setProj4}.
+             *
+             * @constructor
+             * @param {olx.ProjectionOptions} options Projection options.
+             * @struct
+             * @api stable
+             */
+            constructor(options: olx.ProjectionOptions);
+
+            /**
+             * Get the code for this projection, e.g. 'EPSG:4326'.
+             * @return {string} Code.
+             * @api stable
+             */
+            getCode(): string;
+
+            /**
+             * Get the validity extent for this projection.
+             * @return {ol.Extent} Extent.
+             * @api stable
+             */
+            getExtent(): ol.Extent;
+
+            /**
+             * Get the units of this projection.
+             * @return {ol.proj.Units} Units.
+             * @api stable
+             */
+            getUnits(): ol.proj.Units;
+
+            /**
+             * Get the amount of meters per unit of this projection.  If the projection is
+             * not configured with `metersPerUnit` or a units identifier, the return is
+             * `undefined`.
+             * @return {number|undefined} Meters.
+             * @api stable
+             */
+            getMetersPerUnit(): (number);
+
+            /**
+             * Get the world extent for this projection.
+             * @return {ol.Extent} Extent.
+             * @api
+             */
+            getWorldExtent(): ol.Extent;
+
+            /**
+             * Is this projection a global projection which spans the whole world?
+             * @return {boolean} Whether the projection is global.
+             * @api stable
+             */
+            isGlobal(): boolean;
+
+            /**
+             * Set if the projection is a global projection which spans the whole world
+             * @param {boolean} global Whether the projection is global.
+             * @api stable
+             */
+            setGlobal(global: boolean): void;
+
+            /**
+             * Set the validity extent for this projection.
+             * @param {ol.Extent} extent Extent.
+             * @api stable
+             */
+            setExtent(extent: ol.Extent): void;
+
+            /**
+             * Set the world extent for this projection.
+             * @param {ol.Extent} worldExtent World extent
+             *     [minlon, minlat, maxlon, maxlat].
+             * @api
+             */
+            setWorldExtent(worldExtent: ol.Extent): void;
+
+            /**
+             * Set the getPointResolution function for this projection.
+             * @param {function(number, ol.Coordinate):number} func Function
+             * @api
+             */
+            setGetPointResolution(func: ((resolution: number, coords: ol.Coordinate) => number)): void;
+
+            /**
+             * Get the resolution of the point in degrees or distance units.
+             * For projections with degrees as the unit this will simply return the
+             * provided resolution. The default for other projections is to estimate
+             * the point resolution by transforming the 'point' pixel to EPSG:4326,
+             * measuring its width and height on the normal sphere,
+             * and taking the average of the width and height.
+             * An alternative implementation may be given when constructing a
+             * projection. For many local projections,
+             * such a custom function will return the resolution unchanged.
+             * @param {number} resolution Resolution in projection units.
+             * @param {ol.Coordinate} point Point.
+             * @return {number} Point resolution in projection units.
+             * @api
+             */
+            getPointResolution(resolution: number, point: ol.Coordinate): number;
+
+        }
+
+         /**
+          * Register proj4. If not explicitly registered, it will be assumed that
+          * proj4js will be loaded in the global namespace. For example in a
+          * browserify ES6 environment you could use:
+          *
+          *     import ol from 'openlayers';
+          *     import proj4 from 'proj4';
+          *     ol.proj.setProj4(proj4);
+          *
+          * @param {any} proj4 Proj4.
+          * @api
+          */
+        function setProj4(proj4: any): void;
+
+        /**
+         * Registers transformation functions that don't alter coordinates. Those allow
+         * to transform between projections with equal meaning.
+         *
+         * @param {Array.<ol.proj.Projection>} projections Projections.
+         * @api
+         */
+        function addEquivalentProjections(projections: ol.proj.Projection[]): void;
+
+        /**
+         * Add a Projection object to the list of supported projections that can be
+         * looked up by their code.
+         *
+         * @param {ol.proj.Projection} projection Projection instance.
+         * @api stable
+         */
+        function addProjection(projection: ol.proj.Projection): void;
+
+        /**
+         * Registers coordinate transform functions to convert coordinates between the
+         * source projection and the destination projection.
+         * The forward and inverse functions convert coordinate pairs; this function
+         * converts these into the functions used internally which also handle
+         * extents and coordinate arrays.
+         *
+         * @param {ol.ProjectionLike} source Source projection.
+         * @param {ol.ProjectionLike} destination Destination projection.
+         * @param {function(ol.Coordinate): ol.Coordinate} forward The forward transform
+         *     function (that is, from the source projection to the destination
+         *     projection) that takes a {@link ol.Coordinate} as argument and returns
+         *     the transformed {@link ol.Coordinate}.
+         * @param {function(ol.Coordinate): ol.Coordinate} inverse The inverse transform
+         *     function (that is, from the destination projection to the source
+         *     projection) that takes a {@link ol.Coordinate} as argument and returns
+         *     the transformed {@link ol.Coordinate}.
+         * @api stable
+         */
+        function addCoordinateTransforms(source: ol.ProjectionLike, destination: ol.ProjectionLike, forward: ((coords: ol.Coordinate) => ol.Coordinate), inverse: ((coords: ol.Coordinate) => ol.Coordinate)): void;
+
+        /**
+         * Transforms a coordinate from longitude/latitude to a different projection.
+         * @param {ol.Coordinate} coordinate Coordinate as longitude and latitude, i.e.
+         *     an array with longitude as 1st and latitude as 2nd element.
+         * @param {ol.ProjectionLike=} opt_projection Target projection. The
+         *     default is Web Mercator, i.e. 'EPSG:3857'.
+         * @return {ol.Coordinate} Coordinate projected to the target projection.
+         * @api stable
+         */
+        function fromLonLat(coordinate: ol.Coordinate, opt_projection?: ol.ProjectionLike): ol.Coordinate;
+
+        /**
+         * Transforms a coordinate to longitude/latitude.
+         * @param {ol.Coordinate} coordinate Projected coordinate.
+         * @param {ol.ProjectionLike=} opt_projection Projection of the coordinate.
+         *     The default is Web Mercator, i.e. 'EPSG:3857'.
+         * @return {ol.Coordinate} Coordinate as longitude and latitude, i.e. an array
+         *     with longitude as 1st and latitude as 2nd element.
+         * @api stable
+         */
+        function toLonLat(coordinate: ol.Coordinate, opt_projection?: ol.ProjectionLike): ol.Coordinate;
+
+        /**
+         * Fetches a Projection object for the code specified.
+         *
+         * @param {ol.ProjectionLike} projectionLike Either a code string which is
+         *     a combination of authority and identifier such as "EPSG:4326", or an
+         *     existing projection object, or undefined.
+         * @return {ol.proj.Projection} Projection object, or null if not in list.
+         * @api stable
+         */
+        function get(projectionLike: ol.ProjectionLike): ol.proj.Projection;
+
+        /**
+         * Checks if two projections are the same, that is every coordinate in one
+         * projection does represent the same geographic point as the same coordinate in
+         * the other projection.
+         *
+         * @param {ol.proj.Projection} projection1 Projection 1.
+         * @param {ol.proj.Projection} projection2 Projection 2.
+         * @return {boolean} Equivalent.
+         * @api
+         */
+        function equivalent(projection1: ol.proj.Projection, projection2: ol.proj.Projection): boolean;
+
+        /**
+         * Given the projection-like objects, searches for a transformation
+         * function to convert a coordinates array from the source projection to the
+         * destination projection.
+         *
+         * @param {ol.ProjectionLike} source Source.
+         * @param {ol.ProjectionLike} destination Destination.
+         * @return {ol.TransformFunction} Transform function.
+         * @api stable
+         */
+        function getTransform(source: ol.ProjectionLike, destination: ol.ProjectionLike): ol.TransformFunction;
+
+        /**
+         * Transforms a coordinate from source projection to destination projection.
+         * This returns a new coordinate (and does not modify the original).
+         *
+         * See {@link ol.proj.transformExtent} for extent transformation.
+         * See the transform method of {@link ol.geom.Geometry} and its subclasses for
+         * geometry transforms.
+         *
+         * @param {ol.Coordinate} coordinate Coordinate.
+         * @param {ol.ProjectionLike} source Source projection-like.
+         * @param {ol.ProjectionLike} destination Destination projection-like.
+         */
+        function transform(coordinate: ol.Coordinate, source: ol.ProjectionLike, destination: ol.ProjectionLike): ol.Coordinate;
+
+        /**
+         * Transforms an extent from source projection to destination projection.  This
+         * returns a new extent (and does not modify the original).
+         *
+         * @param {ol.Extent} extent The extent to transform.
+         * @param {ol.ProjectionLike} source Source projection-like.
+         * @param {ol.ProjectionLike} destination Destination projection-like.
+         * @return {ol.Extent} The transformed extent.
+         * @api stable
+         */
+        function transformExtent(extent: ol.Extent, source: ol.ProjectionLike, destination: ol.ProjectionLike): ol.Extent;
+
+        /**
+         * Get the resolution of the point in degrees or distance units. For
+         * projections with degrees as the unit this will simply return the
+         * provided resolution. For other projections the point resolution is
+         * estimated by transforming the 'point' pixel to EPSG:4326, measuring
+         * its width and height on the normal sphere, and taking the average of
+         * the width and height.
+         * @param {ol.proj.Projection} projection The projection.
+         * @param {number} resolution Nominal resolution in projection units.
+         * @param {ol.Coordinate} point Point to find adjusted resolution at.
+         * @return {number} Point to find adjusted resolution at.
+         */
+        function getPointResolution(
+            projection: ol.proj.Projection,
+            resolution: number,
+            point: ol.Coordinate
+        ): number;
+    }
+
+    /**
+     * @namespace ol.render
+     */
+    module render {
+        /**
+         * @namespace ol.render.canvas
+         */
+        module canvas {
+            /**
+             * @classdesc
+             * A concrete subclass of {@link ol.render.VectorContext} that implements
+             * direct rendering of features and geometries to an HTML5 Canvas context.
+             * Instances of this class are created internally by the library and
+             * provided to application code as vectorContext member of the
+             * {@link ol.render.Event} object associated with postcompose, precompose and
+             * render events emitted by layers and maps.
+             *
+             * @constructor
+             * @extends {ol.render.VectorContext}
+             * @param {CanvasRenderingContext2D} context Context.
+             * @param {number} pixelRatio Pixel ratio.
+             * @param {ol.Extent} extent Extent.
+             * @param {ol.Transform} transform Transform.
+             * @param {number} viewRotation View rotation.
+             * @struct
+             */
+            class Immediate extends ol.render.VectorContext {
+                /**
+                 * @classdesc
+                 * A concrete subclass of {@link ol.render.VectorContext} that implements
+                 * direct rendering of features and geometries to an HTML5 Canvas context.
+                 * Instances of this class are created internally by the library and
+                 * provided to application code as vectorContext member of the
+                 * {@link ol.render.Event} object associated with postcompose, precompose and
+                 * render events emitted by layers and maps.
+                 *
+                 * @constructor
+                 * @extends {ol.render.VectorContext}
+                 * @param {CanvasRenderingContext2D} context Context.
+                 * @param {number} pixelRatio Pixel ratio.
+                 * @param {ol.Extent} extent Extent.
+                 * @param {ol.Transform} transform Transform.
+                 * @param {number} viewRotation View rotation.
+                 * @struct
+                 */
+                constructor(context: CanvasRenderingContext2D, pixelRatio: number, extent: ol.Extent, transform: any, viewRotation: number);
+
+                /**
+                 * Render a circle geometry into the canvas.  Rendering is immediate and uses
+                 * the current fill and stroke styles.
+                 *
+                 * @param {ol.geom.Circle} geometry Circle geometry.
+                 * @api
+                 */
+                drawCircle(geometry: ol.geom.Circle): void;
+
+                /**
+                 * Set the rendering style.  Note that since this is an immediate rendering API,
+                 * any `zIndex` on the provided style will be ignored.
+                 *
+                 * @param {ol.style.Style} style The rendering style.
+                 * @api
+                 */
+                setStyle(style: ol.style.Style): void;
+
+                /**
+                 * Render a geometry into the canvas.  Call
+                 * {@link ol.render.canvas.Immediate#setStyle} first to set the rendering style.
+                 *
+                 * @param {ol.geom.Geometry|ol.render.Feature} geometry The geometry to render.
+                 * @api
+                 */
+                drawGeometry(geometry: (ol.geom.Geometry | ol.render.Feature)): void;
+
+                /**
+                 * Render a feature into the canvas.  Note that any `zIndex` on the provided
+                 * style will be ignored - features are rendered immediately in the order that
+                 * this method is called.  If you need `zIndex` support, you should be using an
+                 * {@link ol.layer.Vector} instead.
+                 *
+                 * @param {ol.Feature} feature Feature.
+                 * @param {ol.style.Style} style Style.
+                 * @api
+                 */
+                drawFeature(feature: ol.Feature, style: ol.style.Style): void;
+
+            }
+
+        }
+
+        /**
+         * @constructor
+         * @extends {ol.events.Event}
+         * @implements {oli.render.Event}
+         * @param {ol.render.EventType} type Type.
+         * @param {ol.render.VectorContext=} opt_vectorContext Vector context.
+         * @param {olx.FrameState=} opt_frameState Frame state.
+         * @param {?CanvasRenderingContext2D=} opt_context Context.
+         * @param {?ol.webgl.Context=} opt_glContext WebGL Context.
+         */
+        class Event extends ol.events.Event {
+            /**
+             * @constructor
+             * @extends {ol.events.Event}
+             * @implements {oli.render.Event}
+             * @param {ol.render.EventType} type Type.
+             * @param {ol.render.VectorContext=} opt_vectorContext Vector context.
+             * @param {olx.FrameState=} opt_frameState Frame state.
+             * @param {?CanvasRenderingContext2D=} opt_context Context.
+             * @param {?ol.webgl.Context=} opt_glContext WebGL Context.
+             */
+            constructor(type: ol.render.EventType, opt_vectorContext?: ol.render.VectorContext, opt_frameState?: olx.FrameState, opt_context?: CanvasRenderingContext2D, opt_glContext?: any);
+
+            /**
+             * For canvas, this is an instance of {@link ol.render.canvas.Immediate}.
+             * @type {ol.render.VectorContext|undefined}
+             * @api
+             */
+            vectorContext: ol.render.VectorContext;
+
+            /**
+             * An object representing the current render frame state.
+             * @type {olx.FrameState|undefined}
+             * @api
+             */
+            frameState: olx.FrameState;
+
+            /**
+             * Canvas context. Only available when a Canvas renderer is used, null
+             * otherwise.
+             * @type {CanvasRenderingContext2D|null|undefined}
+             * @api
+             */
+            context: CanvasRenderingContext2D;
+
+            /**
+             * WebGL context. Only available when a WebGL renderer is used, null
+             * otherwise.
+             * @type {ol.webgl.Context|null|undefined}
+             * @api
+             */
+            glContext: any;
+
+        }
+
+        type EventType = string;
+
+        /**
+         * Lightweight, read-only, {@link ol.Feature} and {@link ol.geom.Geometry} like
+         * structure, optimized for rendering and styling. Geometry access through the
+         * API is limited to getting the type and extent of the geometry.
+         *
+         * @constructor
+         * @param {ol.geom.GeometryType} type Geometry type.
+         * @param {Array.<number>} flatCoordinates Flat coordinates. These always need
+         *     to be right-handed for polygons.
+         * @param {Array.<number>|Array.<Array.<number>>} ends Ends or Endss.
+         * @param {Object.<string, *>} properties Properties.
+         */
+        class Feature {
+            /**
+             * Lightweight, read-only, {@link ol.Feature} and {@link ol.geom.Geometry} like
+             * structure, optimized for rendering and styling. Geometry access through the
+             * API is limited to getting the type and extent of the geometry.
+             *
+             * @constructor
+             * @param {ol.geom.GeometryType} type Geometry type.
+             * @param {Array.<number>} flatCoordinates Flat coordinates. These always need
+             *     to be right-handed for polygons.
+             * @param {Array.<number>|Array.<Array.<number>>} ends Ends or Endss.
+             * @param {Object.<string, *>} properties Properties.
+             */
+            constructor(type: ol.geom.GeometryType, flatCoordinates: number[], ends: (number[] | number[][]), properties: { [k: string]: any });
+
+            /**
+             * Get a feature property by its key.
+             * @param {string} key Key
+             * @return {*} Value for the requested key.
+             * @api
+             */
+            get(key: string): any;
+
+            /**
+             * Get the extent of this feature's geometry.
+             * @return {ol.Extent} Extent.
+             * @api
+             */
+            getExtent(): ol.Extent;
+
+            /**
+             * Get the feature for working with its geometry.
+             * @return {ol.render.Feature} Feature.
+             * @api
+             */
+            getGeometry(): ol.render.Feature;
+
+            /**
+             * Get the feature properties.
+             * @return {Object.<string, *>} Feature properties.
+             * @api
+             */
+            getProperties(): { [k: string]: any };
+
+            /**
+             * Get the type of this feature's geometry.
+             * @return {ol.geom.GeometryType} Geometry type.
+             * @api
+             */
+            getType(): ol.geom.GeometryType;
+
+        }
+
+        /**
+         * Context for drawing geometries.  A vector context is available on render
+         * events and does not need to be constructed directly.
+         * @constructor
+         * @struct
+         * @api
+         */
+        class VectorContext {
+            /**
+             * Context for drawing geometries.  A vector context is available on render
+             * events and does not need to be constructed directly.
+             * @constructor
+             * @struct
+             * @api
+             */
+            constructor();
+
+        }
+
+        /**
+         * Binds a Canvas Immediate API to a canvas context, to allow drawing geometries
+         * to the context's canvas.
+         *
+         * The units for geometry coordinates are css pixels relative to the top left
+         * corner of the canvas element.
+         * ```js
+         * var canvas = document.createElement('canvas');
+         * var render = ol.render.toContext(canvas.getContext('2d'),
+         *     { size: [100, 100] });
+         * render.setFillStrokeStyle(new ol.style.Fill({ color: blue }));
+         * render.drawPolygon(
+         *     new ol.geom.Polygon([[[0, 0], [100, 100], [100, 0], [0, 0]]]));
+         * ```
+         *
+         * @param {CanvasRenderingContext2D} context Canvas context.
+         * @param {olx.render.ToContextOptions=} opt_options Options.
+         * @return {ol.render.canvas.Immediate} Canvas Immediate.
+         * @api
+         */
+        function toContext(context: CanvasRenderingContext2D, opt_options?: olx.render.ToContextOptions): ol.render.canvas.Immediate;
+
+    }
+
+    /**
+     * Available renderers: `'canvas'`, `'dom'` or `'webgl'`.
+     * @enum {string}
+     */
+    type RendererType = "canvas" | "dom" | "webgl";
+
+    /**
+     * Raster operation type. Supported values are `'pixel'` and `'image'`.
+     * @enum {string}
+     */
+    type RasterOperationType = "pixel" | "image";
+
+    /**
+     * @namespace ol.source
+     */
+    module source {
+        /**
+         * @classdesc
+         * Layer source for Bing Maps tile data.
+         *
+         * @constructor
+         * @extends {ol.source.TileImage}
+         * @param {olx.source.BingMapsOptions} options Bing Maps options.
+         * @api stable
+         */
+        class BingMaps extends ol.source.TileImage {
+            /**
+             * @classdesc
+             * Layer source for Bing Maps tile data.
+             *
+             * @constructor
+             * @extends {ol.source.TileImage}
+             * @param {olx.source.BingMapsOptions} options Bing Maps options.
+             * @api stable
+             */
+            constructor(options: olx.source.BingMapsOptions);
+
+            /**
+             * The attribution containing a link to the Microsoft® Bing™ Maps Platform APIs’
+             * Terms Of Use.
+             * @const
+             * @type {ol.Attribution}
+             * @api
+             */
+            static TOS_ATTRIBUTION: ol.Attribution;
+
+        }
+
+        /**
+         * @classdesc
+         * Layer source for the CartoDB tiles.
+         *
+         * @constructor
+         * @extends {ol.source.XYZ}
+         * @param {olx.source.CartoDBOptions} options CartoDB options.
+         * @api
+         */
+        class CartoDB extends ol.source.XYZ {
+            /**
+             * @classdesc
+             * Layer source for the CartoDB tiles.
+             *
+             * @constructor
+             * @extends {ol.source.XYZ}
+             * @param {olx.source.CartoDBOptions} options CartoDB options.
+             * @api
+             */
+            constructor(options: olx.source.CartoDBOptions);
+
+            /**
+             * Returns the current config.
+             * @return {!Object} The current configuration.
+             * @api
+             */
+            getConfig(): GlobalObject;
+
+            /**
+             * Updates the carto db config.
+             * @param {Object} config a key-value lookup. Values will replace current values
+             *     in the config.
+             * @api
+             */
+            updateConfig(config: GlobalObject): void;
+
+            /**
+             * Sets the CartoDB config
+             * @param {Object} config In the case of anonymous maps, a CartoDB configuration
+             *     object.
+             * If using named maps, a key-value lookup with the template parameters.
+             * @api
+             */
+            setConfig(config: GlobalObject): void;
+
+        }
+
+        /**
+         * @classdesc
+         * Layer source to cluster vector data. Works out of the box with point
+         * geometries. For other geometry types, or if not all geometries should be
+         * considered for clustering, a custom `geometryFunction` can be defined.
+         *
+         * @constructor
+         * @param {olx.source.ClusterOptions} options Constructor options.
+         * @extends {ol.source.Vector}
+         * @api
+         */
+        class Cluster extends ol.source.Vector {
+            /**
+             * @classdesc
+             * Layer source to cluster vector data. Works out of the box with point
+             * geometries. For other geometry types, or if not all geometries should be
+             * considered for clustering, a custom `geometryFunction` can be defined.
+             *
+             * @constructor
+             * @param {olx.source.ClusterOptions} options Constructor options.
+             * @extends {ol.source.Vector}
+             * @api
+             */
+            constructor(options: olx.source.ClusterOptions);
+
+            /**
+             * Get a reference to the wrapped source.
+             * @return {ol.source.Vector} Source.
+             * @api
+             */
+            getSource(): ol.source.Vector;
+
+            /**
+             * Set the distance in pixels between clusters.
+             * @param {number} distance The distance in pixels.
+             * @api
+             */
+            setDistance(distance: number): void;
+
+        }
+
+        /**
+         * @classdesc
+         * Abstract base class; normally only used for creating subclasses and not
+         * instantiated in apps.
+         * Base class for sources providing a single image.
+         *
+         * @constructor
+         * @extends {ol.source.Source}
+         * @param {ol.SourceImageOptions} options Single image source options.
+         * @api
+         */
+        class Image extends ol.source.Source {
+            /**
+             * @classdesc
+             * Abstract base class; normally only used for creating subclasses and not
+             * instantiated in apps.
+             * Base class for sources providing a single image.
+             *
+             * @constructor
+             * @extends {ol.source.Source}
+             * @param {ol.SourceImageOptions} options Single image source options.
+             * @api
+             */
+            constructor(options: ol.SourceImageOptions);
+
+        }
+
+        /**
+         * @classdesc
+         * Events emitted by {@link ol.source.Image} instances are instances of this
+         * type.
+         *
+         * @constructor
+         * @extends {ol.events.Event}
+         * @implements {oli.source.ImageEvent}
+         * @param {string} type Type.
+         * @param {ol.Image} image The image.
+         */
+        class ImageEvent extends ol.events.Event {
+            /**
+             * @classdesc
+             * Events emitted by {@link ol.source.Image} instances are instances of this
+             * type.
+             *
+             * @constructor
+             * @extends {ol.events.Event}
+             * @implements {oli.source.ImageEvent}
+             * @param {string} type Type.
+             * @param {ol.Image} image The image.
+             */
+            constructor(type: string, image: ol.Image);
+
+            /**
+             * The image related to the event.
+             * @type {ol.Image}
+             * @api
+             */
+            image: ol.Image;
+
+        }
+
+        /**
+         * @classdesc
+         * Source for data from ArcGIS Rest services providing single, untiled images.
+         * Useful when underlying map service has labels.
+         *
+         * If underlying map service is not using labels,
+         * take advantage of ol image caching and use
+         * {@link ol.source.TileArcGISRest} data source.
+         *
+         * @constructor
+         * @fires ol.source.ImageEvent
+         * @extends {ol.source.Image}
+         * @param {olx.source.ImageArcGISRestOptions=} opt_options Image ArcGIS Rest Options.
+         * @api
+         */
+        class ImageArcGISRest extends ol.source.Image {
+            /**
+             * @classdesc
+             * Source for data from ArcGIS Rest services providing single, untiled images.
+             * Useful when underlying map service has labels.
+             *
+             * If underlying map service is not using labels,
+             * take advantage of ol image caching and use
+             * {@link ol.source.TileArcGISRest} data source.
+             *
+             * @constructor
+             * @fires ol.source.ImageEvent
+             * @extends {ol.source.Image}
+             * @param {olx.source.ImageArcGISRestOptions=} opt_options Image ArcGIS Rest Options.
+             * @api
+             */
+            constructor(opt_options?: olx.source.ImageArcGISRestOptions);
+
+            /**
+             * Get the user-provided params, i.e. those passed to the constructor through
+             * the "params" option, and possibly updated using the updateParams method.
+             * @return {Object} Params.
+             * @api stable
+             */
+            getParams(): GlobalObject;
+
+            /**
+             * Return the image load function of the source.
+             * @return {ol.ImageLoadFunctionType} The image load function.
+             * @api
+             */
+            getImageLoadFunction(): ol.ImageLoadFunctionType;
+
+            /**
+             * Return the URL used for this ArcGIS source.
+             * @return {string|undefined} URL.
+             * @api stable
+             */
+            getUrl(): (string);
+
+            /**
+             * Set the image load function of the source.
+             * @param {ol.ImageLoadFunctionType} imageLoadFunction Image load function.
+             * @api
+             */
+            setImageLoadFunction(imageLoadFunction: ol.ImageLoadFunctionType): void;
+
+            /**
+             * Set the URL to use for requests.
+             * @param {string|undefined} url URL.
+             * @api stable
+             */
+            setUrl(url: (string)): void;
+
+            /**
+             * Update the user-provided params.
+             * @param {Object} params Params.
+             * @api stable
+             */
+            updateParams(params: GlobalObject): void;
+
+        }
+
+        /**
+         * @classdesc
+         * Base class for image sources where a canvas element is the image.
+         *
+         * @constructor
+         * @extends {ol.source.Image}
+         * @param {olx.source.ImageCanvasOptions} options Constructor options.
+         * @api
+         */
+        class ImageCanvas extends ol.source.Image {
+            /**
+             * @classdesc
+             * Base class for image sources where a canvas element is the image.
+             *
+             * @constructor
+             * @extends {ol.source.Image}
+             * @param {olx.source.ImageCanvasOptions} options Constructor options.
+             * @api
+             */
+            constructor(options: olx.source.ImageCanvasOptions);
+
+        }
+
+        /**
+         * @classdesc
+         * Source for images from Mapguide servers
+         *
+         * @constructor
+         * @fires ol.source.ImageEvent
+         * @extends {ol.source.Image}
+         * @param {olx.source.ImageMapGuideOptions} options Options.
+         * @api stable
+         */
+        class ImageMapGuide extends ol.source.Image {
+            /**
+             * @classdesc
+             * Source for images from Mapguide servers
+             *
+             * @constructor
+             * @fires ol.source.ImageEvent
+             * @extends {ol.source.Image}
+             * @param {olx.source.ImageMapGuideOptions} options Options.
+             * @api stable
+             */
+            constructor(options: olx.source.ImageMapGuideOptions);
+
+            /**
+             * Get the user-provided params, i.e. those passed to the constructor through
+             * the "params" option, and possibly updated using the updateParams method.
+             * @return {Object} Params.
+             * @api stable
+             */
+            getParams(): GlobalObject;
+
+            /**
+             * Return the image load function of the source.
+             * @return {ol.ImageLoadFunctionType} The image load function.
+             * @api
+             */
+            getImageLoadFunction(): ol.ImageLoadFunctionType;
+
+            /**
+             * Update the user-provided params.
+             * @param {Object} params Params.
+             * @api stable
+             */
+            updateParams(params: GlobalObject): void;
+
+            /**
+             * Set the image load function of the MapGuide source.
+             * @param {ol.ImageLoadFunctionType} imageLoadFunction Image load function.
+             * @api
+             */
+            setImageLoadFunction(imageLoadFunction: ol.ImageLoadFunctionType): void;
+
+        }
+
+        /**
+         * @classdesc
+         * A layer source for displaying a single, static image.
+         *
+         * @constructor
+         * @extends {ol.source.Image}
+         * @param {olx.source.ImageStaticOptions} options Options.
+         * @api stable
+         */
+        class ImageStatic extends ol.source.Image {
+            /**
+             * @classdesc
+             * A layer source for displaying a single, static image.
+             *
+             * @constructor
+             * @extends {ol.source.Image}
+             * @param {olx.source.ImageStaticOptions} options Options.
+             * @api stable
+             */
+            constructor(options: olx.source.ImageStaticOptions);
+
+        }
+
+        /**
+         * @classdesc
+         * An image source whose images are canvas elements into which vector features
+         * read from a vector source (`ol.source.Vector`) are drawn. An
+         * `ol.source.ImageVector` object is to be used as the `source` of an image
+         * layer (`ol.layer.Image`). Image layers are rotated, scaled, and translated,
+         * as opposed to being re-rendered, during animations and interactions. So, like
+         * any other image layer, an image layer configured with an
+         * `ol.source.ImageVector` will exhibit this behaviour. This is in contrast to a
+         * vector layer, where vector features are re-drawn during animations and
+         * interactions.
+         *
+         * @constructor
+         * @extends {ol.source.ImageCanvas}
+         * @param {olx.source.ImageVectorOptions} options Options.
+         * @api
+         */
+        class ImageVector extends ol.source.ImageCanvas {
+            /**
+             * @classdesc
+             * An image source whose images are canvas elements into which vector features
+             * read from a vector source (`ol.source.Vector`) are drawn. An
+             * `ol.source.ImageVector` object is to be used as the `source` of an image
+             * layer (`ol.layer.Image`). Image layers are rotated, scaled, and translated,
+             * as opposed to being re-rendered, during animations and interactions. So, like
+             * any other image layer, an image layer configured with an
+             * `ol.source.ImageVector` will exhibit this behaviour. This is in contrast to a
+             * vector layer, where vector features are re-drawn during animations and
+             * interactions.
+             *
+             * @constructor
+             * @extends {ol.source.ImageCanvas}
+             * @param {olx.source.ImageVectorOptions} options Options.
+             * @api
+             */
+            constructor(options: olx.source.ImageVectorOptions);
+
+            /**
+             * Get a reference to the wrapped source.
+             * @return {ol.source.Vector} Source.
+             * @api
+             */
+            getSource(): ol.source.Vector;
+
+            /**
+             * Get the style for features.  This returns whatever was passed to the `style`
+             * option at construction or to the `setStyle` method.
+             * @return {ol.style.Style|Array.<ol.style.Style>|ol.StyleFunction}
+             *     Layer style.
+             * @api stable
+             */
+            getStyle(): (ol.style.Style | ol.style.Style[] | ol.StyleFunction);
+
+            /**
+             * Get the style function.
+             * @return {ol.StyleFunction|undefined} Layer style function.
+             * @api stable
+             */
+            getStyleFunction(): (ol.StyleFunction);
+
+            /**
+             * Set the style for features.  This can be a single style object, an array
+             * of styles, or a function that takes a feature and resolution and returns
+             * an array of styles. If it is `undefined` the default style is used. If
+             * it is `null` the layer has no style (a `null` style), so only features
+             * that have their own styles will be rendered in the layer. See
+             * {@link ol.style} for information on the default style.
+             * @param {ol.style.Style|Array.<ol.style.Style>|ol.StyleFunction|undefined}
+             *     style Layer style.
+             * @api stable
+             */
+            setStyle(style: (ol.style.Style | ol.style.Style[] | ol.StyleFunction)): void;
+
+        }
+
+        /**
+         * @classdesc
+         * Source for WMS servers providing single, untiled images.
+         *
+         * @constructor
+         * @fires ol.source.ImageEvent
+         * @extends {ol.source.Image}
+         * @param {olx.source.ImageWMSOptions=} opt_options Options.
+         * @api stable
+         */
+        class ImageWMS extends ol.source.Image {
+            /**
+             * @classdesc
+             * Source for WMS servers providing single, untiled images.
+             *
+             * @constructor
+             * @fires ol.source.ImageEvent
+             * @extends {ol.source.Image}
+             * @param {olx.source.ImageWMSOptions=} opt_options Options.
+             * @api stable
+             */
+            constructor(opt_options?: olx.source.ImageWMSOptions);
+
+            /**
+             * Return the GetFeatureInfo URL for the passed coordinate, resolution, and
+             * projection. Return `undefined` if the GetFeatureInfo URL cannot be
+             * constructed.
+             * @param {ol.Coordinate} coordinate Coordinate.
+             * @param {number} resolution Resolution.
+             * @param {ol.ProjectionLike} projection Projection.
+             * @param {!Object} params GetFeatureInfo params. `INFO_FORMAT` at least should
+             *     be provided. If `QUERY_LAYERS` is not provided then the layers specified
+             *     in the `LAYERS` parameter will be used. `VERSION` should not be
+             *     specified here.
+             * @return {string|undefined} GetFeatureInfo URL.
+             * @api stable
+             */
+            getGetFeatureInfoUrl(coordinate: ol.Coordinate, resolution: number, projection: ol.ProjectionLike, params: GlobalObject): (string);
+
+            /**
+             * Get the user-provided params, i.e. those passed to the constructor through
+             * the "params" option, and possibly updated using the updateParams method.
+             * @return {Object} Params.
+             * @api stable
+             */
+            getParams(): GlobalObject;
+
+            /**
+             * Return the image load function of the source.
+             * @return {ol.ImageLoadFunctionType} The image load function.
+             * @api
+             */
+            getImageLoadFunction(): ol.ImageLoadFunctionType;
+
+            /**
+             * Return the URL used for this WMS source.
+             * @return {string|undefined} URL.
+             * @api stable
+             */
+            getUrl(): (string);
+
+            /**
+             * Set the image load function of the source.
+             * @param {ol.ImageLoadFunctionType} imageLoadFunction Image load function.
+             * @api
+             */
+            setImageLoadFunction(imageLoadFunction: ol.ImageLoadFunctionType): void;
+
+            /**
+             * Set the URL to use for requests.
+             * @param {string|undefined} url URL.
+             * @api stable
+             */
+            setUrl(url: (string)): void;
+
+            /**
+             * Update the user-provided params.
+             * @param {Object} params Params.
+             * @api stable
+             */
+            updateParams(params: GlobalObject): void;
+
+        }
+
+        /**
+         * @classdesc
+         * Layer source for the OpenStreetMap tile server.
+         *
+         * @constructor
+         * @extends {ol.source.XYZ}
+         * @param {olx.source.OSMOptions=} opt_options Open Street Map options.
+         * @api stable
+         */
+        class OSM extends ol.source.XYZ {
+            /**
+             * @classdesc
+             * Layer source for the OpenStreetMap tile server.
+             *
+             * @constructor
+             * @extends {ol.source.XYZ}
+             * @param {olx.source.OSMOptions=} opt_options Open Street Map options.
+             * @api stable
+             */
+            constructor(opt_options?: olx.source.OSMOptions);
+
+            /**
+             * The attribution containing a link to the OpenStreetMap Copyright and License
+             * page.
+             * @const
+             * @type {ol.Attribution}
+             * @api
+             */
+            static ATTRIBUTION: ol.Attribution;
+
+        }
+
+        /**
+         * @classdesc
+         * A source that transforms data from any number of input sources using an array
+         * of {@link ol.RasterOperation} functions to transform input pixel values into
+         * output pixel values.
+         *
+         * @constructor
+         * @extends {ol.source.Image}
+         * @fires ol.source.RasterEvent
+         * @param {olx.source.RasterOptions} options Options.
+         * @api
+         */
+        class Raster extends ol.source.Image {
+            /**
+             * @classdesc
+             * A source that transforms data from any number of input sources using an array
+             * of {@link ol.RasterOperation} functions to transform input pixel values into
+             * output pixel values.
+             *
+             * @constructor
+             * @extends {ol.source.Image}
+             * @fires ol.source.RasterEvent
+             * @param {olx.source.RasterOptions} options Options.
+             * @api
+             */
+            constructor(options: olx.source.RasterOptions);
+
+            /**
+             * Set the operation.
+             * @param {ol.RasterOperation} operation New operation.
+             * @param {Object=} opt_lib Functions that will be available to operations run
+             *     in a worker.
+             * @api
+             */
+            setOperation(operation: ol.RasterOperation, opt_lib?: GlobalObject): void;
+
+        }
+
+        /**
+         * @classdesc
+         * Events emitted by {@link ol.source.Raster} instances are instances of this
+         * type.
+         *
+         * @constructor
+         * @extends {ol.events.Event}
+         * @implements {oli.source.RasterEvent}
+         * @param {string} type Type.
+         * @param {olx.FrameState} frameState The frame state.
+         * @param {Object} data An object made available to operations.
+         */
+        class RasterEvent extends ol.events.Event {
+            /**
+             * @classdesc
+             * Events emitted by {@link ol.source.Raster} instances are instances of this
+             * type.
+             *
+             * @constructor
+             * @extends {ol.events.Event}
+             * @implements {oli.source.RasterEvent}
+             * @param {string} type Type.
+             * @param {olx.FrameState} frameState The frame state.
+             * @param {Object} data An object made available to operations.
+             */
+            constructor(type: string, frameState: olx.FrameState, data: GlobalObject);
+
+            /**
+             * The raster extent.
+             * @type {ol.Extent}
+             * @api
+             */
+            extent: ol.Extent;
+
+            /**
+             * The pixel resolution (map units per pixel).
+             * @type {number}
+             * @api
+             */
+            resolution: number;
+
+            /**
+             * An object made available to all operations.  This can be used by operations
+             * as a storage object (e.g. for calculating statistics).
+             * @type {Object}
+             * @api
+             */
+            data: GlobalObject;
+
+        }
+
+        /**
+         * State of the source, one of 'undefined', 'loading', 'ready' or 'error'.
+         * @enum {string}
+         */
+        type State = "undefined" | "loading" | "ready" | "error";
+
+        /**
+         * @classdesc
+         * Abstract base class; normally only used for creating subclasses and not
+         * instantiated in apps.
+         * Base class for {@link ol.layer.Layer} sources.
+         *
+         * A generic `change` event is triggered when the state of the source changes.
+         *
+         * @constructor
+         * @extends {ol.Object}
+         * @param {ol.SourceSourceOptions} options Source options.
+         * @api stable
+         */
+        class Source extends ol.Object {
+            /**
+             * @classdesc
+             * Abstract base class; normally only used for creating subclasses and not
+             * instantiated in apps.
+             * Base class for {@link ol.layer.Layer} sources.
+             *
+             * A generic `change` event is triggered when the state of the source changes.
+             *
+             * @constructor
+             * @extends {ol.Object}
+             * @param {ol.SourceSourceOptions} options Source options.
+             * @api stable
+             */
+            constructor(options: ol.SourceSourceOptions);
+
+            /**
+             * Get the attributions of the source.
+             * @return {Array.<ol.Attribution>} Attributions.
+             * @api stable
+             */
+            getAttributions(): ol.Attribution[];
+
+            /**
+             * Get the logo of the source.
+             * @return {string|olx.LogoOptions|undefined} Logo.
+             * @api stable
+             */
+            getLogo(): (string | olx.LogoOptions);
+
+            /**
+             * Get the projection of the source.
+             * @return {ol.proj.Projection} Projection.
+             * @api
+             */
+            getProjection(): ol.proj.Projection;
+
+            /**
+             * Get the state of the source, see {@link ol.source.State} for possible states.
+             * @return {ol.source.State} State.
+             * @api
+             */
+            getState(): ol.source.State;
+
+            /**
+             * Refreshes the source and finally dispatches a 'change' event.
+             * @api
+             */
+            refresh(): void;
+
+            /**
+             * Set the attributions of the source.
+             * @param {ol.AttributionLike|undefined} attributions Attributions.
+             *     Can be passed as `string`, `Array<string>`, `{@link ol.Attribution}`,
+             *     `Array<{@link ol.Attribution}>` or `undefined`.
+             * @api
+             */
+            setAttributions(attributions: (ol.AttributionLike)): void;
+
+        }
+
+        /**
+         * @classdesc
+         * Layer source for the Stamen tile server.
+         *
+         * @constructor
+         * @extends {ol.source.XYZ}
+         * @param {olx.source.StamenOptions} options Stamen options.
+         * @api stable
+         */
+        class Stamen extends ol.source.XYZ {
+            /**
+             * @classdesc
+             * Layer source for the Stamen tile server.
+             *
+             * @constructor
+             * @extends {ol.source.XYZ}
+             * @param {olx.source.StamenOptions} options Stamen options.
+             * @api stable
+             */
+            constructor(options: olx.source.StamenOptions);
+
+        }
+
+        /**
+         * @classdesc
+         * Abstract base class; normally only used for creating subclasses and not
+         * instantiated in apps.
+         * Base class for sources providing images divided into a tile grid.
+         *
+         * @constructor
+         * @extends {ol.source.Source}
+         * @param {ol.SourceTileOptions} options Tile source options.
+         * @api
+         */
+        class Tile extends ol.source.Source {
+            /**
+             * @classdesc
+             * Abstract base class; normally only used for creating subclasses and not
+             * instantiated in apps.
+             * Base class for sources providing images divided into a tile grid.
+             *
+             * @constructor
+             * @extends {ol.source.Source}
+             * @param {ol.SourceTileOptions} options Tile source options.
+             * @api
+             */
+            constructor(options: ol.SourceTileOptions);
+
+            /**
+             * Return the tile grid of the tile source.
+             * @return {ol.tilegrid.TileGrid} Tile grid.
+             * @api stable
+             */
+            getTileGrid(): ol.tilegrid.TileGrid;
+
+        }
+
+        /**
+         * @classdesc
+         * Events emitted by {@link ol.source.Tile} instances are instances of this
+         * type.
+         *
+         * @constructor
+         * @extends {ol.events.Event}
+         * @implements {oli.source.TileEvent}
+         * @param {string} type Type.
+         * @param {ol.Tile} tile The tile.
+         */
+        class TileEvent extends ol.events.Event {
+            /**
+             * @classdesc
+             * Events emitted by {@link ol.source.Tile} instances are instances of this
+             * type.
+             *
+             * @constructor
+             * @extends {ol.events.Event}
+             * @implements {oli.source.TileEvent}
+             * @param {string} type Type.
+             * @param {ol.Tile} tile The tile.
+             */
+            constructor(type: string, tile: ol.Tile);
+
+            /**
+             * The tile related to the event.
+             * @type {ol.Tile}
+             * @api
+             */
+            tile: ol.Tile;
+
+        }
+
+        /**
+         * @classdesc
+         * Layer source for tile data from ArcGIS Rest services. Map and Image
+         * Services are supported.
+         *
+         * For cached ArcGIS services, better performance is available using the
+         * {@link ol.source.XYZ} data source.
+         *
+         * @constructor
+         * @extends {ol.source.TileImage}
+         * @param {olx.source.TileArcGISRestOptions=} opt_options Tile ArcGIS Rest
+         *     options.
+         * @api
+         */
+        class TileArcGISRest extends ol.source.TileImage {
+            /**
+             * @classdesc
+             * Layer source for tile data from ArcGIS Rest services. Map and Image
+             * Services are supported.
+             *
+             * For cached ArcGIS services, better performance is available using the
+             * {@link ol.source.XYZ} data source.
+             *
+             * @constructor
+             * @extends {ol.source.TileImage}
+             * @param {olx.source.TileArcGISRestOptions=} opt_options Tile ArcGIS Rest
+             *     options.
+             * @api
+             */
+            constructor(opt_options?: olx.source.TileArcGISRestOptions);
+
+            /**
+             * Get the user-provided params, i.e. those passed to the constructor through
+             * the "params" option, and possibly updated using the updateParams method.
+             * @return {Object} Params.
+             * @api
+             */
+            getParams(): GlobalObject;
+
+            /**
+             * Update the user-provided params.
+             * @param {Object} params Params.
+             * @api stable
+             */
+            updateParams(params: GlobalObject): void;
+
+        }
+
+        /**
+         * @classdesc
+         * A pseudo tile source, which does not fetch tiles from a server, but renders
+         * a grid outline for the tile grid/projection along with the coordinates for
+         * each tile. See examples/canvas-tiles for an example.
+         *
+         * Uses Canvas context2d, so requires Canvas support.
+         *
+         * @constructor
+         * @extends {ol.source.Tile}
+         * @param {olx.source.TileDebugOptions} options Debug tile options.
+         * @api
+         */
+        class TileDebug extends ol.source.Tile {
+            /**
+             * @classdesc
+             * A pseudo tile source, which does not fetch tiles from a server, but renders
+             * a grid outline for the tile grid/projection along with the coordinates for
+             * each tile. See examples/canvas-tiles for an example.
+             *
+             * Uses Canvas context2d, so requires Canvas support.
+             *
+             * @constructor
+             * @extends {ol.source.Tile}
+             * @param {olx.source.TileDebugOptions} options Debug tile options.
+             * @api
+             */
+            constructor(options: olx.source.TileDebugOptions);
+
+        }
+
+        /**
+         * @classdesc
+         * Base class for sources providing images divided into a tile grid.
+         *
+         * @constructor
+         * @fires ol.source.TileEvent
+         * @extends {ol.source.UrlTile}
+         * @param {olx.source.TileImageOptions} options Image tile options.
+         * @api
+         */
+        class TileImage extends ol.source.UrlTile {
+            /**
+             * @classdesc
+             * Base class for sources providing images divided into a tile grid.
+             *
+             * @constructor
+             * @fires ol.source.TileEvent
+             * @extends {ol.source.UrlTile}
+             * @param {olx.source.TileImageOptions} options Image tile options.
+             * @api
+             */
+            constructor(options: olx.source.TileImageOptions);
+
+            /**
+             * Sets whether to render reprojection edges or not (usually for debugging).
+             * @param {boolean} render Render the edges.
+             * @api
+             */
+            setRenderReprojectionEdges(render: boolean): void;
+
+            /**
+             * Sets the tile grid to use when reprojecting the tiles to the given
+             * projection instead of the default tile grid for the projection.
+             *
+             * This can be useful when the default tile grid cannot be created
+             * (e.g. projection has no extent defined) or
+             * for optimization reasons (custom tile size, resolutions, ...).
+             *
+             * @param {ol.ProjectionLike} projection Projection.
+             * @param {ol.tilegrid.TileGrid} tilegrid Tile grid to use for the projection.
+             * @api
+             */
+            setTileGridForProjection(projection: ol.ProjectionLike, tilegrid: ol.tilegrid.TileGrid): void;
+
+        }
+
+        /**
+         * @classdesc
+         * Layer source for tile data in TileJSON format.
+         *
+         * @constructor
+         * @extends {ol.source.TileImage}
+         * @param {olx.source.TileJSONOptions} options TileJSON options.
+         * @api stable
+         */
+        class TileJSON extends ol.source.TileImage {
+            /**
+             * @classdesc
+             * Layer source for tile data in TileJSON format.
+             *
+             * @constructor
+             * @extends {ol.source.TileImage}
+             * @param {olx.source.TileJSONOptions} options TileJSON options.
+             * @api stable
+             */
+            constructor(options: olx.source.TileJSONOptions);
+
+            /**
+             * @return {TileJSON} The tilejson object.
+             * @api
+             */
+            getTileJSON(): TileJSON;
+
+        }
+
+        /**
+         * @classdesc
+         * Layer source for UTFGrid interaction data loaded from TileJSON format.
+         *
+         * @constructor
+         * @extends {ol.source.Tile}
+         * @param {olx.source.TileUTFGridOptions} options Source options.
+         * @api
+         */
+        class TileUTFGrid extends ol.source.Tile {
+            /**
+             * @classdesc
+             * Layer source for UTFGrid interaction data loaded from TileJSON format.
+             *
+             * @constructor
+             * @extends {ol.source.Tile}
+             * @param {olx.source.TileUTFGridOptions} options Source options.
+             * @api
+             */
+            constructor(options: olx.source.TileUTFGridOptions);
+
+            /**
+             * Return the template from TileJSON.
+             * @return {string|undefined} The template from TileJSON.
+             * @api
+             */
+            getTemplate(): (string);
+
+            /**
+             * Calls the callback (synchronously by default) with the available data
+             * for given coordinate and resolution (or `null` if not yet loaded or
+             * in case of an error).
+             * @param {ol.Coordinate} coordinate Coordinate.
+             * @param {number} resolution Resolution.
+             * @param {function(this: T, *)} callback Callback.
+             * @param {T=} opt_this The object to use as `this` in the callback.
+             * @param {boolean=} opt_request If `true` the callback is always async.
+             *                               The tile data is requested if not yet loaded.
+             * @template T
+             * @api
+             */
+            forDataAtCoordinateAndResolution<T>(coordinate: ol.Coordinate, resolution: number, callback: ((d: any) => any), opt_this?: T, opt_request?: boolean): void;
+
+        }
+
+        /**
+         * @classdesc
+         * Layer source for tile data from WMS servers.
+         *
+         * @constructor
+         * @extends {ol.source.TileImage}
+         * @param {olx.source.TileWMSOptions=} opt_options Tile WMS options.
+         * @api stable
+         */
+        class TileWMS extends ol.source.TileImage {
+            /**
+             * @classdesc
+             * Layer source for tile data from WMS servers.
+             *
+             * @constructor
+             * @extends {ol.source.TileImage}
+             * @param {olx.source.TileWMSOptions=} opt_options Tile WMS options.
+             * @api stable
+             */
+            constructor(opt_options?: olx.source.TileWMSOptions);
+
+            /**
+             * Return the GetFeatureInfo URL for the passed coordinate, resolution, and
+             * projection. Return `undefined` if the GetFeatureInfo URL cannot be
+             * constructed.
+             * @param {ol.Coordinate} coordinate Coordinate.
+             * @param {number} resolution Resolution.
+             * @param {ol.ProjectionLike} projection Projection.
+             * @param {!Object} params GetFeatureInfo params. `INFO_FORMAT` at least should
+             *     be provided. If `QUERY_LAYERS` is not provided then the layers specified
+             *     in the `LAYERS` parameter will be used. `VERSION` should not be
+             *     specified here.
+             * @return {string|undefined} GetFeatureInfo URL.
+             * @api stable
+             */
+            getGetFeatureInfoUrl(coordinate: ol.Coordinate, resolution: number, projection: ol.ProjectionLike, params: GlobalObject): (string);
+
+            /**
+             * Get the user-provided params, i.e. those passed to the constructor through
+             * the "params" option, and possibly updated using the updateParams method.
+             * @return {Object} Params.
+             * @api stable
+             */
+            getParams(): GlobalObject;
+
+            /**
+             * Update the user-provided params.
+             * @param {Object} params Params.
+             * @api stable
+             */
+            updateParams(params: GlobalObject): void;
+
+        }
+
+        /**
+         * @classdesc
+         * Base class for sources providing tiles divided into a tile grid over http.
+         *
+         * @constructor
+         * @fires ol.source.TileEvent
+         * @extends {ol.source.Tile}
+         * @param {ol.SourceUrlTileOptions} options Image tile options.
+         */
+        class UrlTile extends ol.source.Tile {
+            /**
+             * @classdesc
+             * Base class for sources providing tiles divided into a tile grid over http.
+             *
+             * @constructor
+             * @fires ol.source.TileEvent
+             * @extends {ol.source.Tile}
+             * @param {ol.SourceUrlTileOptions} options Image tile options.
+             */
+            constructor(options: ol.SourceUrlTileOptions);
+
+            /**
+             * Return the tile load function of the source.
+             * @return {ol.TileLoadFunctionType} TileLoadFunction
+             * @api
+             */
+            getTileLoadFunction(): ol.TileLoadFunctionType;
+
+            /**
+             * Return the tile URL function of the source.
+             * @return {ol.TileUrlFunctionType} TileUrlFunction
+             * @api
+             */
+            getTileUrlFunction(): ol.TileUrlFunctionType;
+
+            /**
+             * Return the URLs used for this source.
+             * When a tileUrlFunction is used instead of url or urls,
+             * null will be returned.
+             * @return {!Array.<string>|null} URLs.
+             * @api
+             */
+            getUrls(): (string[]);
+
+            /**
+             * Set the tile load function of the source.
+             * @param {ol.TileLoadFunctionType} tileLoadFunction Tile load function.
+             * @api
+             */
+            setTileLoadFunction(tileLoadFunction: ol.TileLoadFunctionType): void;
+
+            /**
+             * Set the tile URL function of the source.
+             * @param {ol.TileUrlFunctionType} tileUrlFunction Tile URL function.
+             * @param {string=} opt_key Optional new tile key for the source.
+             * @api
+             */
+            setTileUrlFunction(tileUrlFunction: ol.TileUrlFunctionType, opt_key?: string): void;
+
+            /**
+             * Set the URL to use for requests.
+             * @param {string} url URL.
+             * @api stable
+             */
+            setUrl(url: string): void;
+
+            /**
+             * Set the URLs to use for requests.
+             * @param {Array.<string>} urls URLs.
+             * @api stable
+             */
+            setUrls(urls: string[]): void;
+
+        }
+
+        /**
+         * @classdesc
+         * Provides a source of features for vector layers. Vector features provided
+         * by this source are suitable for editing. See {@link ol.source.VectorTile} for
+         * vector data that is optimized for rendering.
+         *
+         * @constructor
+         * @extends {ol.source.Source}
+         * @fires ol.source.VectorEvent
+         * @param {olx.source.VectorOptions=} opt_options Vector source options.
+         * @api stable
+         */
+        class Vector extends ol.source.Source {
+            /**
+             * @classdesc
+             * Provides a source of features for vector layers. Vector features provided
+             * by this source are suitable for editing. See {@link ol.source.VectorTile} for
+             * vector data that is optimized for rendering.
+             *
+             * @constructor
+             * @extends {ol.source.Source}
+             * @fires ol.source.VectorEvent
+             * @param {olx.source.VectorOptions=} opt_options Vector source options.
+             * @api stable
+             */
+            constructor(opt_options?: olx.source.VectorOptions);
+
+            /**
+             * Add a single feature to the source.  If you want to add a batch of features
+             * at once, call {@link ol.source.Vector#addFeatures source.addFeatures()}
+             * instead.
+             * @param {ol.Feature} feature Feature to add.
+             * @api stable
+             */
+            addFeature(feature: ol.Feature): void;
+
+            /**
+             * Add a batch of features to the source.
+             * @param {Array.<ol.Feature>} features Features to add.
+             * @api stable
+             */
+            addFeatures(features: ol.Feature[]): void;
+
+            /**
+             * Remove all features from the source.
+             * @param {boolean=} opt_fast Skip dispatching of {@link removefeature} events.
+             * @api stable
+             */
+            clear(opt_fast?: boolean): void;
+
+            /**
+             * Iterate through all features on the source, calling the provided callback
+             * with each one.  If the callback returns any "truthy" value, iteration will
+             * stop and the function will return the same value.
+             *
+             * @param {function(this: T, ol.Feature): S} callback Called with each feature
+             *     on the source.  Return a truthy value to stop iteration.
+             * @param {T=} opt_this The object to use as `this` in the callback.
+             * @return {S|undefined} The return value from the last call to the callback.
+             * @template T,S
+             * @api stable
+             */
+            forEachFeature<T, S>(callback: ((feature: ol.Feature) => S), opt_this?: T): (S);
+
+            /**
+             * Iterate through all features whose bounding box intersects the provided
+             * extent (note that the feature's geometry may not intersect the extent),
+             * calling the callback with each feature.  If the callback returns a "truthy"
+             * value, iteration will stop and the function will return the same value.
+             *
+             * If you are interested in features whose geometry intersects an extent, call
+             * the {@link ol.source.Vector#forEachFeatureIntersectingExtent
+             * source.forEachFeatureIntersectingExtent()} method instead.
+             *
+             * When `useSpatialIndex` is set to false, this method will loop through all
+             * features, equivalent to {@link ol.source.Vector#forEachFeature}.
+             *
+             * @param {ol.Extent} extent Extent.
+             * @param {function(this: T, ol.Feature): S} callback Called with each feature
+             *     whose bounding box intersects the provided extent.
+             * @param {T=} opt_this The object to use as `this` in the callback.
+             * @return {S|undefined} The return value from the last call to the callback.
+             * @template T,S
+             * @api
+             */
+            forEachFeatureInExtent<T, S>(extent: ol.Extent, callback: ((feature: ol.Feature) => S), opt_this?: T): (S);
+
+            /**
+             * Iterate through all features whose geometry intersects the provided extent,
+             * calling the callback with each feature.  If the callback returns a "truthy"
+             * value, iteration will stop and the function will return the same value.
+             *
+             * If you only want to test for bounding box intersection, call the
+             * {@link ol.source.Vector#forEachFeatureInExtent
+             * source.forEachFeatureInExtent()} method instead.
+             *
+             * @param {ol.Extent} extent Extent.
+             * @param {function(this: T, ol.Feature): S} callback Called with each feature
+             *     whose geometry intersects the provided extent.
+             * @param {T=} opt_this The object to use as `this` in the callback.
+             * @return {S|undefined} The return value from the last call to the callback.
+             * @template T,S
+             * @api
+             */
+            forEachFeatureIntersectingExtent<T, S>(extent: ol.Extent, callback: ((feature: ol.Feature) => S), opt_this?: T): (S);
+
+            /**
+             * Get the features collection associated with this source. Will be `null`
+             * unless the source was configured with `useSpatialIndex` set to `false`, or
+             * with an {@link ol.Collection} as `features`.
+             * @return {ol.Collection.<ol.Feature>} The collection of features.
+             * @api
+             */
+            getFeaturesCollection(): ol.Collection<ol.Feature>;
+
+            /**
+             * Get all features on the source.
+             * @return {Array.<ol.Feature>} Features.
+             * @api stable
+             */
+            getFeatures(): ol.Feature[];
+
+            /**
+             * Get all features whose geometry intersects the provided coordinate.
+             * @param {ol.Coordinate} coordinate Coordinate.
+             * @return {Array.<ol.Feature>} Features.
+             * @api stable
+             */
+            getFeaturesAtCoordinate(coordinate: ol.Coordinate): ol.Feature[];
+
+            /**
+             * Get all features in the provided extent.  Note that this returns all features
+             * whose bounding boxes intersect the given extent (so it may include features
+             * whose geometries do not intersect the extent).
+             *
+             * This method is not available when the source is configured with
+             * `useSpatialIndex` set to `false`.
+             * @param {ol.Extent} extent Extent.
+             * @return {Array.<ol.Feature>} Features.
+             * @api
+             */
+            getFeaturesInExtent(extent: ol.Extent): ol.Feature[];
+
+            /**
+             * Get the closest feature to the provided coordinate.
+             *
+             * This method is not available when the source is configured with
+             * `useSpatialIndex` set to `false`.
+             * @param {ol.Coordinate} coordinate Coordinate.
+             * @param {function(ol.Feature):boolean=} opt_filter Feature filter function.
+             *     The filter function will receive one argument, the {@link ol.Feature feature}
+             *     and it should return a boolean value. By default, no filtering is made.
+             * @return {ol.Feature} Closest feature.
+             * @api stable
+             */
+            getClosestFeatureToCoordinate(coordinate: ol.Coordinate, opt_filter?: ((feature: ol.Feature) => boolean)): ol.Feature;
+
+            /**
+             * Get the extent of the features currently in the source.
+             *
+             * This method is not available when the source is configured with
+             * `useSpatialIndex` set to `false`.
+             * @return {!ol.Extent} Extent.
+             * @api stable
+             */
+            getExtent(): ol.Extent;
+
+            /**
+             * Get a feature by its identifier (the value returned by feature.getId()).
+             * Note that the index treats string and numeric identifiers as the same.  So
+             * `source.getFeatureById(2)` will return a feature with id `'2'` or `2`.
+             *
+             * @param {string|number} id Feature identifier.
+             * @return {ol.Feature} The feature (or `null` if not found).
+             * @api stable
+             */
+            getFeatureById(id: (string | number)): ol.Feature;
+
+            /**
+             * Get the format associated with this source.
+             *
+             * @return {ol.format.Feature|undefined} The feature format.
+             * @api
+             */
+            getFormat(): (ol.format.Feature);
+
+            /**
+             * Get the url associated with this source.
+             *
+             * @return {string|ol.FeatureUrlFunction|undefined} The url.
+             * @api
+             */
+            getUrl(): (string | ol.FeatureUrlFunction);
+
+            /**
+             * Remove a single feature from the source.  If you want to remove all features
+             * at once, use the {@link ol.source.Vector#clear source.clear()} method
+             * instead.
+             * @param {ol.Feature} feature Feature to remove.
+             * @api stable
+             */
+            removeFeature(feature: ol.Feature): void;
+
+        }
+
+        /**
+         * @classdesc
+         * Events emitted by {@link ol.source.Vector} instances are instances of this
+         * type.
+         *
+         * @constructor
+         * @extends {ol.events.Event}
+         * @implements {oli.source.VectorEvent}
+         * @param {string} type Type.
+         * @param {ol.Feature=} opt_feature Feature.
+         */
+        class VectorEvent extends ol.events.Event {
+            /**
+             * @classdesc
+             * Events emitted by {@link ol.source.Vector} instances are instances of this
+             * type.
+             *
+             * @constructor
+             * @extends {ol.events.Event}
+             * @implements {oli.source.VectorEvent}
+             * @param {string} type Type.
+             * @param {ol.Feature=} opt_feature Feature.
+             */
+            constructor(type: string, opt_feature?: ol.Feature);
+
+            /**
+             * The feature being added or removed.
+             * @type {ol.Feature|undefined}
+             * @api stable
+             */
+            feature: ol.Feature;
+
+        }
+
+        /**
+         * @classdesc
+         * Class for layer sources providing vector data divided into a tile grid, to be
+         * used with {@link ol.layer.VectorTile}. Although this source receives tiles
+         * with vector features from the server, it is not meant for feature editing.
+         * Features are optimized for rendering, their geometries are clipped at or near
+         * tile boundaries and simplified for a view resolution. See
+         * {@link ol.source.Vector} for vector sources that are suitable for feature
+         * editing.
+         *
+         * @constructor
+         * @fires ol.source.TileEvent
+         * @extends {ol.source.UrlTile}
+         * @param {olx.source.VectorTileOptions} options Vector tile options.
+         * @api
+         */
+        class VectorTile extends ol.source.UrlTile {
+            /**
+             * @classdesc
+             * Class for layer sources providing vector data divided into a tile grid, to be
+             * used with {@link ol.layer.VectorTile}. Although this source receives tiles
+             * with vector features from the server, it is not meant for feature editing.
+             * Features are optimized for rendering, their geometries are clipped at or near
+             * tile boundaries and simplified for a view resolution. See
+             * {@link ol.source.Vector} for vector sources that are suitable for feature
+             * editing.
+             *
+             * @constructor
+             * @fires ol.source.TileEvent
+             * @extends {ol.source.UrlTile}
+             * @param {olx.source.VectorTileOptions} options Vector tile options.
+             * @api
+             */
+            constructor(options: olx.source.VectorTileOptions);
+
+        }
+
+        /**
+         * @namespace ol.source.wms
+         */
+        module wms {
+            /**
+             * Available server types: `'carmentaserver'`, `'geoserver'`, `'mapserver'`,
+             *     `'qgis'`. These are servers that have vendor parameters beyond the WMS
+             *     specification that OpenLayers can make use of.
+             * @enum {string}
+             */
+            type ServerType = "carmentaserver" | "geoserver" | "mapserver" | "qgis";
+
+        }
+
+        /**
+         * Request encoding. One of 'KVP', 'REST'.
+         * @enum {string}
+         */
+        type WMTSRequestEncoding = "KVP" | "REST";
+
+        /**
+         * @classdesc
+         * Layer source for tile data from WMTS servers.
+         *
+         * @constructor
+         * @extends {ol.source.TileImage}
+         * @param {olx.source.WMTSOptions} options WMTS options.
+         * @api stable
+         */
+        class WMTS extends ol.source.TileImage {
+            /**
+             * @classdesc
+             * Layer source for tile data from WMTS servers.
+             *
+             * @constructor
+             * @extends {ol.source.TileImage}
+             * @param {olx.source.WMTSOptions} options WMTS options.
+             * @api stable
+             */
+            constructor(options: olx.source.WMTSOptions);
+
+            /**
+             * Get the dimensions, i.e. those passed to the constructor through the
+             * "dimensions" option, and possibly updated using the updateDimensions
+             * method.
+             * @return {!Object} Dimensions.
+             * @api
+             */
+            getDimensions(): GlobalObject;
+
+            /**
+             * Return the image format of the WMTS source.
+             * @return {string} Format.
+             * @api
+             */
+            getFormat(): string;
+
+            /**
+             * Return the layer of the WMTS source.
+             * @return {string} Layer.
+             * @api
+             */
+            getLayer(): string;
+
+            /**
+             * Return the matrix set of the WMTS source.
+             * @return {string} MatrixSet.
+             * @api
+             */
+            getMatrixSet(): string;
+
+            /**
+             * Return the request encoding, either "KVP" or "REST".
+             * @return {ol.source.WMTSRequestEncoding} Request encoding.
+             * @api
+             */
+            getRequestEncoding(): ol.source.WMTSRequestEncoding;
+
+            /**
+             * Return the style of the WMTS source.
+             * @return {string} Style.
+             * @api
+             */
+            getStyle(): string;
+
+            /**
+             * Return the version of the WMTS source.
+             * @return {string} Version.
+             * @api
+             */
+            getVersion(): string;
+
+            /**
+             * Update the dimensions.
+             * @param {Object} dimensions Dimensions.
+             * @api
+             */
+            updateDimensions(dimensions: GlobalObject): void;
+
+            /**
+             * Generate source options from a capabilities object.
+             * @param {Object} wmtsCap An object representing the capabilities document.
+             * @param {Object} config Configuration properties for the layer.  Defaults for
+             *                  the layer will apply if not provided.
+             *
+             * Required config properties:
+             *  - layer - {string} The layer identifier.
+             *
+             * Optional config properties:
+             *  - matrixSet - {string} The matrix set identifier, required if there is
+             *       more than one matrix set in the layer capabilities.
+             *  - projection - {string} The desired CRS when no matrixSet is specified.
+             *       eg: "EPSG:3857". If the desired projection is not available,
+             *       an error is thrown.
+             *  - requestEncoding - {string} url encoding format for the layer. Default is
+             *       the first tile url format found in the GetCapabilities response.
+             *  - style - {string} The name of the style
+             *  - format - {string} Image format for the layer. Default is the first
+             *       format returned in the GetCapabilities response.
+             * @return {olx.source.WMTSOptions} WMTS source options object.
+             * @api
+             */
+            static optionsFromCapabilities(wmtsCap: GlobalObject, config: GlobalObject): olx.source.WMTSOptions;
+
+        }
+
+        /**
+         * @classdesc
+         * Layer source for tile data with URLs in a set XYZ format that are
+         * defined in a URL template. By default, this follows the widely-used
+         * Google grid where `x` 0 and `y` 0 are in the top left. Grids like
+         * TMS where `x` 0 and `y` 0 are in the bottom left can be used by
+         * using the `{-y}` placeholder in the URL template, so long as the
+         * source does not have a custom tile grid. In this case,
+         * {@link ol.source.TileImage} can be used with a `tileUrlFunction`
+         * such as:
+         *
+         *  tileUrlFunction: function(coordinate) {
+         *    return 'http://mapserver.com/' + coordinate[0] + '/' +
+         *        coordinate[1] + '/' + coordinate[2] + '.png';
+         *    }
+         *
+         *
+         * @constructor
+         * @extends {ol.source.TileImage}
+         * @param {olx.source.XYZOptions=} opt_options XYZ options.
+         * @api stable
+         */
+        class XYZ extends ol.source.TileImage {
+            /**
+             * @classdesc
+             * Layer source for tile data with URLs in a set XYZ format that are
+             * defined in a URL template. By default, this follows the widely-used
+             * Google grid where `x` 0 and `y` 0 are in the top left. Grids like
+             * TMS where `x` 0 and `y` 0 are in the bottom left can be used by
+             * using the `{-y}` placeholder in the URL template, so long as the
+             * source does not have a custom tile grid. In this case,
+             * {@link ol.source.TileImage} can be used with a `tileUrlFunction`
+             * such as:
+             *
+             *  tileUrlFunction: function(coordinate) {
+             *    return 'http://mapserver.com/' + coordinate[0] + '/' +
+             *        coordinate[1] + '/' + coordinate[2] + '.png';
+             *    }
+             *
+             *
+             * @constructor
+             * @extends {ol.source.TileImage}
+             * @param {olx.source.XYZOptions=} opt_options XYZ options.
+             * @api stable
+             */
+            constructor(opt_options?: olx.source.XYZOptions);
+
+        }
+
+        /**
+         * @classdesc
+         * Layer source for tile data in Zoomify format.
+         *
+         * @constructor
+         * @extends {ol.source.TileImage}
+         * @param {olx.source.ZoomifyOptions=} opt_options Options.
+         * @api stable
+         */
+        class Zoomify extends ol.source.TileImage {
+            /**
+             * @classdesc
+             * Layer source for tile data in Zoomify format.
+             *
+             * @constructor
+             * @extends {ol.source.TileImage}
+             * @param {olx.source.ZoomifyOptions=} opt_options Options.
+             * @api stable
+             */
+            constructor(opt_options?: olx.source.ZoomifyOptions);
+
+        }
+
+    }
+
+    /**
+     * @classdesc
+     * Class to create objects that can be used with {@link
+     * ol.geom.Polygon.circular}.
+     *
+     * For example to create a sphere whose radius is equal to the semi-major
+     * axis of the WGS84 ellipsoid:
+     *
+     * ```js
+     * var wgs84Sphere= new ol.Sphere(6378137);
+     * ```
+     *
+     * @constructor
+     * @param {number} radius Radius.
+     * @api
+     */
+    class Sphere {
+        /**
+         * @classdesc
+         * Class to create objects that can be used with {@link
+         * ol.geom.Polygon.circular}.
+         *
+         * For example to create a sphere whose radius is equal to the semi-major
+         * axis of the WGS84 ellipsoid:
+         *
+         * ```js
+         * var wgs84Sphere= new ol.Sphere(6378137);
+         * ```
+         *
+         * @constructor
+         * @param {number} radius Radius.
+         * @api
+         */
+        constructor(radius: number);
+
+        /**
+         * Returns the geodesic area for a list of coordinates.
+         *
+         * [Reference](http://trs-new.jpl.nasa.gov/dspace/handle/2014/40409)
+         * Robert. G. Chamberlain and William H. Duquette, "Some Algorithms for
+         * Polygons on a Sphere", JPL Publication 07-03, Jet Propulsion
+         * Laboratory, Pasadena, CA, June 2007
+         *
+         * @param {Array.<ol.Coordinate>} coordinates List of coordinates of a linear
+         * ring. If the ring is oriented clockwise, the area will be positive,
+         * otherwise it will be negative.
+         * @return {number} Area.
+         * @api
+         */
+        geodesicArea(coordinates: ol.Coordinate[]): number;
+
+        /**
+         * Returns the distance from c1 to c2 using the haversine formula.
+         *
+         * @param {ol.Coordinate} c1 Coordinate 1.
+         * @param {ol.Coordinate} c2 Coordinate 2.
+         * @return {number} Haversine distance.
+         * @api
+         */
+        haversineDistance(c1: ol.Coordinate, c2: ol.Coordinate): number;
+
+    }
+
+    /**
+     * Feature styles.
+     *
+     * If no style is defined, the following default style is used:
+     * ```js
+     *  var fill = new ol.style.Fill({
+     *    color: 'rgba(255,255,255,0.4)'
+     *  });
+     *  var stroke = new ol.style.Stroke({
+     *    color: '#3399CC',
+     *    width: 1.25
+     *  });
+     *  var styles = [
+     *    new ol.style.Style({
+     *      image: new ol.style.Circle({
+     *        fill: fill,
+     *        stroke: stroke,
+     *        radius: 5
+     *      }),
+     *      fill: fill,
+     *      stroke: stroke
+     *    })
+     *  ];
+     * ```
+     *
+     * A separate editing style has the following defaults:
+     * ```js
+     *  var white = [255, 255, 255, 1];
+     *  var blue = [0, 153, 255, 1];
+     *  var width = 3;
+     *  styles[ol.geom.GeometryType.POLYGON] = [
+     *    new ol.style.Style({
+     *      fill: new ol.style.Fill({
+     *        color: [255, 255, 255, 0.5]
+     *      })
+     *    })
+     *  ];
+     *  styles[ol.geom.GeometryType.MULTI_POLYGON] =
+     *      styles[ol.geom.GeometryType.POLYGON];
+     *  styles[ol.geom.GeometryType.LINE_STRING] = [
+     *    new ol.style.Style({
+     *      stroke: new ol.style.Stroke({
+     *        color: white,
+     *        width: width + 2
+     *      })
+     *    }),
+     *    new ol.style.Style({
+     *      stroke: new ol.style.Stroke({
+     *        color: blue,
+     *        width: width
+     *      })
+     *    })
+     *  ];
+     *  styles[ol.geom.GeometryType.MULTI_LINE_STRING] =
+     *      styles[ol.geom.GeometryType.LINE_STRING];
+     *  styles[ol.geom.GeometryType.POINT] = [
+     *    new ol.style.Style({
+     *      image: new ol.style.Circle({
+     *        radius: width * 2,
+     *        fill: new ol.style.Fill({
+     *          color: blue
+     *        }),
+     *        stroke: new ol.style.Stroke({
+     *          color: white,
+     *          width: width / 2
+     *        })
+     *      }),
+     *      zIndex: Infinity
+     *    })
+     *  ];
+     *  styles[ol.geom.GeometryType.MULTI_POINT] =
+     *      styles[ol.geom.GeometryType.POINT];
+     *  styles[ol.geom.GeometryType.GEOMETRY_COLLECTION] =
+     *      styles[ol.geom.GeometryType.POLYGON].concat(
+     *          styles[ol.geom.GeometryType.POINT]
+     *      );
+     *```
+     *
+     * @namespace ol.style
+     */
+    module style {
+        /**
+         * Manages the creation of image atlases.
+         *
+         * Images added to this manager will be inserted into an atlas, which
+         * will be used for rendering.
+         * The `size` given in the constructor is the size for the first
+         * atlas. After that, when new atlases are created, they will have
+         * twice the size as the latest atlas (until `maxSize` is reached).
+         *
+         * If an application uses many images or very large images, it is recommended
+         * to set a higher `size` value to avoid the creation of too many atlases.
+         *
+         * @constructor
+         * @struct
+         * @api
+         * @param {olx.style.AtlasManagerOptions=} opt_options Options.
+         */
+        class AtlasManager {
+            /**
+             * Manages the creation of image atlases.
+             *
+             * Images added to this manager will be inserted into an atlas, which
+             * will be used for rendering.
+             * The `size` given in the constructor is the size for the first
+             * atlas. After that, when new atlases are created, they will have
+             * twice the size as the latest atlas (until `maxSize` is reached).
+             *
+             * If an application uses many images or very large images, it is recommended
+             * to set a higher `size` value to avoid the creation of too many atlases.
+             *
+             * @constructor
+             * @struct
+             * @api
+             * @param {olx.style.AtlasManagerOptions=} opt_options Options.
+             */
+            constructor(opt_options?: olx.style.AtlasManagerOptions);
+
+        }
+
+        /**
+         * @classdesc
+         * Set circle style for vector features.
+         *
+         * @constructor
+         * @param {olx.style.CircleOptions=} opt_options Options.
+         * @extends {ol.style.Image}
+         * @api
+         */
+        class Circle extends ol.style.Image {
+            /**
+             * @classdesc
+             * Set circle style for vector features.
+             *
+             * @constructor
+             * @param {olx.style.CircleOptions=} opt_options Options.
+             * @extends {ol.style.Image}
+             * @api
+             */
+            constructor(opt_options?: olx.style.CircleOptions);
+
+            /**
+             * Get the fill style for the circle.
+             * @return {ol.style.Fill} Fill style.
+             * @api
+             */
+            getFill(): ol.style.Fill;
+
+            /**
+             * Get the image used to render the circle.
+             * @param {number} pixelRatio Pixel ratio.
+             * @return {HTMLCanvasElement} Canvas element.
+             * @api
+             */
+            getImage(pixelRatio: number): HTMLCanvasElement;
+
+            /**
+             * Get the circle radius.
+             * @return {number} Radius.
+             * @api
+             */
+            getRadius(): number;
+
+            /**
+             * Get the stroke style for the circle.
+             * @return {ol.style.Stroke} Stroke style.
+             * @api
+             */
+            getStroke(): ol.style.Stroke;
+
+            /**
+             * Set the circle radius.
+             *
+             * @param {number} radius Circle radius.
+             * @api
+             */
+            setRadius(radius: number): void;
+
+        }
+
+        /**
+         * @classdesc
+         * Set fill style for vector features.
+         *
+         * @constructor
+         * @param {olx.style.FillOptions=} opt_options Options.
+         * @api
+         */
+        class Fill {
+            /**
+             * @classdesc
+             * Set fill style for vector features.
+             *
+             * @constructor
+             * @param {olx.style.FillOptions=} opt_options Options.
+             * @api
+             */
+            constructor(opt_options?: olx.style.FillOptions);
+
+            /**
+             * Get the fill color.
+             * @return {ol.Color|ol.ColorLike} Color.
+             * @api
+             */
+            getColor(): (ol.Color | ol.ColorLike);
+
+            /**
+             * Set the color.
+             *
+             * @param {ol.Color|ol.ColorLike} color Color.
+             * @api
+             */
+            setColor(color: (ol.Color | ol.ColorLike)): void;
+
+        }
+
+        /**
+         * Icon anchor units. One of 'fraction', 'pixels'.
+         * @enum {string}
+         */
+        type IconAnchorUnits = "fraction" | "pixels";
+
+        /**
+         * Icon origin. One of 'bottom-left', 'bottom-right', 'top-left', 'top-right'.
+         * @enum {string}
+         */
+        type IconOrigin = "bottom-left" | "bottom-right" | "top-left" | "top-right";
+
+        /**
+         * @classdesc
+         * Set icon style for vector features.
+         *
+         * @constructor
+         * @param {olx.style.IconOptions=} opt_options Options.
+         * @extends {ol.style.Image}
+         * @api
+         */
+        class Icon extends ol.style.Image {
+            /**
+             * @classdesc
+             * Set icon style for vector features.
+             *
+             * @constructor
+             * @param {olx.style.IconOptions=} opt_options Options.
+             * @extends {ol.style.Image}
+             * @api
+             */
+            constructor(opt_options?: olx.style.IconOptions);
+
+            /**
+             * @inheritDoc
+             * @api
+             */
+            getAnchor(): number[];
+
+            /**
+             * Get the image icon.
+             * @param {number} pixelRatio Pixel ratio.
+             * @return {Image|HTMLCanvasElement} Image or Canvas element.
+             * @api
+             */
+            getImage(pixelRatio: number): (Image | HTMLCanvasElement);
+
+            /**
+             * @inheritDoc
+             * @api
+             */
+            getOrigin(): number[];
+
+            /**
+             * Get the image URL.
+             * @return {string|undefined} Image src.
+             * @api
+             */
+            getSrc(): (string);
+
+            /**
+             * @inheritDoc
+             * @api
+             */
+            getSize(): ol.Size;
+
+            /**
+             * Load not yet loaded URI.
+             * When rendering a feature with an icon style, the vector renderer will
+             * automatically call this method. However, you might want to call this
+             * method yourself for preloading or other purposes.
+             * @api
+             */
+            load(): void;
+
+        }
+
+        /**
+         * @classdesc
+         * A base class used for creating subclasses and not instantiated in
+         * apps. Base class for {@link ol.style.Icon}, {@link ol.style.Circle} and
+         * {@link ol.style.RegularShape}.
+         *
+         * @constructor
+         * @param {ol.StyleImageOptions} options Options.
+         * @api
+         */
+        class Image {
+            /**
+             * @classdesc
+             * A base class used for creating subclasses and not instantiated in
+             * apps. Base class for {@link ol.style.Icon}, {@link ol.style.Circle} and
+             * {@link ol.style.RegularShape}.
+             *
+             * @constructor
+             * @param {ol.StyleImageOptions} options Options.
+             * @api
+             */
+            constructor(options: ol.StyleImageOptions);
+
+            /**
+             * Get the symbolizer opacity.
+             * @return {number} Opacity.
+             * @api
+             */
+            getOpacity(): number;
+
+            /**
+             * Determine whether the symbolizer rotates with the map.
+             * @return {boolean} Rotate with map.
+             * @api
+             */
+            getRotateWithView(): boolean;
+
+            /**
+             * Get the symoblizer rotation.
+             * @return {number} Rotation.
+             * @api
+             */
+            getRotation(): number;
+
+            /**
+             * Get the symbolizer scale.
+             * @return {number} Scale.
+             * @api
+             */
+            getScale(): number;
+
+            /**
+             * Determine whether the symbolizer should be snapped to a pixel.
+             * @return {boolean} The symbolizer should snap to a pixel.
+             * @api
+             */
+            getSnapToPixel(): boolean;
+
+            /**
+             * Set the opacity.
+             *
+             * @param {number} opacity Opacity.
+             * @api
+             */
+            setOpacity(opacity: number): void;
+
+            /**
+             * Set the rotation.
+             *
+             * @param {number} rotation Rotation.
+             * @api
+             */
+            setRotation(rotation: number): void;
+
+            /**
+             * Set the scale.
+             *
+             * @param {number} scale Scale.
+             * @api
+             */
+            setScale(scale: number): void;
+
+        }
+
+        /**
+         * @classdesc
+         * Set regular shape style for vector features. The resulting shape will be
+         * a regular polygon when `radius` is provided, or a star when `radius1` and
+         * `radius2` are provided.
+         *
+         * @constructor
+         * @param {olx.style.RegularShapeOptions} options Options.
+         * @extends {ol.style.Image}
+         * @api
+         */
+        class RegularShape extends ol.style.Image {
+            /**
+             * @classdesc
+             * Set regular shape style for vector features. The resulting shape will be
+             * a regular polygon when `radius` is provided, or a star when `radius1` and
+             * `radius2` are provided.
+             *
+             * @constructor
+             * @param {olx.style.RegularShapeOptions} options Options.
+             * @extends {ol.style.Image}
+             * @api
+             */
+            constructor(options: olx.style.RegularShapeOptions);
+
+            /**
+             * @inheritDoc
+             * @api
+             */
+            getAnchor(): number[];
+
+            /**
+             * Get the angle used in generating the shape.
+             * @return {number} Shape's rotation in radians.
+             * @api
+             */
+            getAngle(): number;
+
+            /**
+             * Get the fill style for the shape.
+             * @return {ol.style.Fill} Fill style.
+             * @api
+             */
+            getFill(): ol.style.Fill;
+
+            /**
+             * @inheritDoc
+             * @api
+             */
+            getImage(pixelRatio: number): (HTMLCanvasElement | HTMLVideoElement | Image);
+
+            /**
+             * @inheritDoc
+             * @api
+             */
+            getOrigin(): number[];
+
+            /**
+             * Get the number of points for generating the shape.
+             * @return {number} Number of points for stars and regular polygons.
+             * @api
+             */
+            getPoints(): number;
+
+            /**
+             * Get the (primary) radius for the shape.
+             * @return {number} Radius.
+             * @api
+             */
+            getRadius(): number;
+
+            /**
+             * Get the secondary radius for the shape.
+             * @return {number} Radius2.
+             * @api
+             */
+            getRadius2(): number;
+
+            /**
+             * @inheritDoc
+             * @api
+             */
+            getSize(): ol.Size;
+
+            /**
+             * Get the stroke style for the shape.
+             * @return {ol.style.Stroke} Stroke style.
+             * @api
+             */
+            getStroke(): ol.style.Stroke;
+
+        }
+
+        /**
+         * @classdesc
+         * Set stroke style for vector features.
+         * Note that the defaults given are the Canvas defaults, which will be used if
+         * option is not defined. The `get` functions return whatever was entered in
+         * the options; they will not return the default.
+         *
+         * @constructor
+         * @param {olx.style.StrokeOptions=} opt_options Options.
+         * @api
+         */
+        class Stroke {
+            /**
+             * @classdesc
+             * Set stroke style for vector features.
+             * Note that the defaults given are the Canvas defaults, which will be used if
+             * option is not defined. The `get` functions return whatever was entered in
+             * the options; they will not return the default.
+             *
+             * @constructor
+             * @param {olx.style.StrokeOptions=} opt_options Options.
+             * @api
+             */
+            constructor(opt_options?: olx.style.StrokeOptions);
+
+            /**
+             * Get the stroke color.
+             * @return {ol.Color|string} Color.
+             * @api
+             */
+            getColor(): (ol.Color | string);
+
+            /**
+             * Get the line cap type for the stroke.
+             * @return {string|undefined} Line cap.
+             * @api
+             */
+            getLineCap(): (string);
+
+            /**
+             * Get the line dash style for the stroke.
+             * @return {Array.<number>} Line dash.
+             * @api
+             */
+            getLineDash(): number[];
+
+            /**
+             * Get the line join type for the stroke.
+             * @return {string|undefined} Line join.
+             * @api
+             */
+            getLineJoin(): (string);
+
+            /**
+             * Get the miter limit for the stroke.
+             * @return {number|undefined} Miter limit.
+             * @api
+             */
+            getMiterLimit(): (number);
+
+            /**
+             * Get the stroke width.
+             * @return {number|undefined} Width.
+             * @api
+             */
+            getWidth(): (number);
+
+            /**
+             * Set the color.
+             *
+             * @param {ol.Color|string} color Color.
+             * @api
+             */
+            setColor(color: (ol.Color | string)): void;
+
+            /**
+             * Set the line cap.
+             *
+             * @param {string|undefined} lineCap Line cap.
+             * @api
+             */
+            setLineCap(lineCap: (string)): void;
+
+            /**
+             * Set the line dash.
+             *
+             * Please note that Internet Explorer 10 and lower [do not support][mdn] the
+             * `setLineDash` method on the `CanvasRenderingContext2D` and therefore this
+             * property will have no visual effect in these browsers.
+             *
+             * [mdn]: https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/setLineDash#Browser_compatibility
+             *
+             * @param {Array.<number>} lineDash Line dash.
+             * @api
+             */
+            setLineDash(lineDash: number[]): void;
+
+            /**
+             * Set the line join.
+             *
+             * @param {string|undefined} lineJoin Line join.
+             * @api
+             */
+            setLineJoin(lineJoin: (string)): void;
+
+            /**
+             * Set the miter limit.
+             *
+             * @param {number|undefined} miterLimit Miter limit.
+             * @api
+             */
+            setMiterLimit(miterLimit: (number)): void;
+
+            /**
+             * Set the width.
+             *
+             * @param {number|undefined} width Width.
+             * @api
+             */
+            setWidth(width: (number)): void;
+
+        }
+
+        /**
+         * @classdesc
+         * Container for vector feature rendering styles. Any changes made to the style
+         * or its children through `set*()` methods will not take effect until the
+         * feature or layer that uses the style is re-rendered.
+         *
+         * @constructor
+         * @struct
+         * @param {olx.style.StyleOptions=} opt_options Style options.
+         * @api
+         */
+        class Style {
+            /**
+             * @classdesc
+             * Container for vector feature rendering styles. Any changes made to the style
+             * or its children through `set*()` methods will not take effect until the
+             * feature or layer that uses the style is re-rendered.
+             *
+             * @constructor
+             * @struct
+             * @param {olx.style.StyleOptions=} opt_options Style options.
+             * @api
+             */
+            constructor(opt_options?: olx.style.StyleOptions);
+
+            /**
+             * Get the geometry to be rendered.
+             * @return {string|ol.geom.Geometry|ol.StyleGeometryFunction}
+             * Feature property or geometry or function that returns the geometry that will
+             * be rendered with this style.
+             * @api
+             */
+            getGeometry(): (string | ol.geom.Geometry | ol.StyleGeometryFunction);
+
+            /**
+             * Get the function used to generate a geometry for rendering.
+             * @return {!ol.StyleGeometryFunction} Function that is called with a feature
+             * and returns the geometry to render instead of the feature's geometry.
+             * @api
+             */
+            getGeometryFunction(): ol.StyleGeometryFunction;
+
+            /**
+             * Get the fill style.
+             * @return {ol.style.Fill} Fill style.
+             * @api
+             */
+            getFill(): ol.style.Fill;
+
+            /**
+             * Get the image style.
+             * @return {ol.style.Image} Image style.
+             * @api
+             */
+            getImage(): ol.style.Image;
+
+            /**
+             * Get the stroke style.
+             * @return {ol.style.Stroke} Stroke style.
+             * @api
+             */
+            getStroke(): ol.style.Stroke;
+
+            /**
+             * Get the text style.
+             * @return {ol.style.Text} Text style.
+             * @api
+             */
+            getText(): ol.style.Text;
+
+            /**
+             * Get the z-index for the style.
+             * @return {number|undefined} ZIndex.
+             * @api
+             */
+            getZIndex(): (number);
+
+            /**
+             * Set the fill style.
+             * @param {ol.style.Fill} fill Fill style.
+             * @api
+             */
+            setFill(fill: ol.style.Fill):void;
+
+            /**
+             * Set a geometry that is rendered instead of the feature's geometry.
+             *
+             * @param {string|ol.geom.Geometry|ol.StyleGeometryFunction} geometry
+             *     Feature property or geometry or function returning a geometry to render
+             *     for this style.
+             * @api
+             */
+            setGeometry(geometry: (string | ol.geom.Geometry | ol.StyleGeometryFunction)): void;
+
+            /**
+             * Set the image style.
+             * @param {ol.style.Image} image Image style.
+             * @api
+             */
+            setImage(image: ol.style.Image): void;
+
+            /**
+             * Set the stroke style.
+             * @param {ol.style.Stroke} stroke Stroke style.
+             * @api
+             */
+            setStroke(stroke: ol.style.Stroke): void;
+
+            /**
+             * Set the text style.
+             * @param {ol.style.Text} text Text style.
+             * @api
+             */
+            setText(text: ol.style.Text): void;
+
+            /**
+             * Set the z-index.
+             *
+             * @param {number|undefined} zIndex ZIndex.
+             * @api
+             */
+            setZIndex(zIndex: (number)): void;
+
+        }
+
+        /**
+         * @classdesc
+         * Set text style for vector features.
+         *
+         * @constructor
+         * @param {olx.style.TextOptions=} opt_options Options.
+         * @api
+         */
+        class Text {
+            /**
+             * @classdesc
+             * Set text style for vector features.
+             *
+             * @constructor
+             * @param {olx.style.TextOptions=} opt_options Options.
+             * @api
+             */
+            constructor(opt_options?: olx.style.TextOptions);
+
+            /**
+             * Get the font name.
+             * @return {string|undefined} Font.
+             * @api
+             */
+            getFont(): (string);
+
+            /**
+             * Get the x-offset for the text.
+             * @return {number} Horizontal text offset.
+             * @api
+             */
+            getOffsetX(): number;
+
+            /**
+             * Get the y-offset for the text.
+             * @return {number} Vertical text offset.
+             * @api
+             */
+            getOffsetY(): number;
+
+            /**
+             * Get the fill style for the text.
+             * @return {ol.style.Fill} Fill style.
+             * @api
+             */
+            getFill(): ol.style.Fill;
+
+            /**
+             * Determine whether the text rotates with the map.
+             * @return {boolean|undefined} Rotate with map.
+             * @api
+             */
+            getRotateWithView(): (boolean);
+
+            /**
+             * Get the text rotation.
+             * @return {number|undefined} Rotation.
+             * @api
+             */
+            getRotation(): (number);
+
+            /**
+             * Get the text scale.
+             * @return {number|undefined} Scale.
+             * @api
+             */
+            getScale(): (number);
+
+            /**
+             * Get the stroke style for the text.
+             * @return {ol.style.Stroke} Stroke style.
+             * @api
+             */
+            getStroke(): ol.style.Stroke;
+
+            /**
+             * Get the text to be rendered.
+             * @return {string|undefined} Text.
+             * @api
+             */
+            getText(): (string);
+
+            /**
+             * Get the text alignment.
+             * @return {string|undefined} Text align.
+             * @api
+             */
+            getTextAlign(): (string);
+
+            /**
+             * Get the text baseline.
+             * @return {string|undefined} Text baseline.
+             * @api
+             */
+            getTextBaseline(): (string);
+
+            /**
+             * Set the font.
+             *
+             * @param {string|undefined} font Font.
+             * @api
+             */
+            setFont(font: (string)): void;
+
+            /**
+             * Set the x offset.
+             *
+             * @param {number} offsetX Horizontal text offset.
+             * @api
+             */
+            setOffsetX(offsetX: number): void;
+
+            /**
+             * Set the y offset.
+             *
+             * @param {number} offsetY Vertical text offset.
+             * @api
+             */
+            setOffsetY(offsetY: number): void;
+
+            /**
+             * Set the fill.
+             *
+             * @param {ol.style.Fill} fill Fill style.
+             * @api
+             */
+            setFill(fill: ol.style.Fill): void;
+
+            /**
+             * Set the rotation.
+             *
+             * @param {number|undefined} rotation Rotation.
+             * @api
+             */
+            setRotation(rotation: (number)): void;
+
+            /**
+             * Set the scale.
+             *
+             * @param {number|undefined} scale Scale.
+             * @api
+             */
+            setScale(scale: (number)): void;
+
+            /**
+             * Set the stroke.
+             *
+             * @param {ol.style.Stroke} stroke Stroke style.
+             * @api
+             */
+            setStroke(stroke: ol.style.Stroke): void;
+
+            /**
+             * Set the text.
+             *
+             * @param {string|undefined} text Text.
+             * @api
+             */
+            setText(text: (string)): void;
+
+            /**
+             * Set the text alignment.
+             *
+             * @param {string|undefined} textAlign Text align.
+             * @api
+             */
+            setTextAlign(textAlign: (string)): void;
+
+            /**
+             * Set the text baseline.
+             *
+             * @param {string|undefined} textBaseline Text baseline.
+             * @api
+             */
+            setTextBaseline(textBaseline: (string)): void;
+
+        }
+
+    }
+
+    /**
+     * @classdesc
+     * Base class for tiles.
+     *
+     * @constructor
+     * @extends {ol.events.EventTarget}
+     * @param {ol.TileCoord} tileCoord Tile coordinate.
+     * @param {ol.Tile.State} state State.
+     */
+    class Tile extends ol.events.EventTarget {
+        /**
+         * @classdesc
+         * Base class for tiles.
+         *
+         * @constructor
+         * @extends {ol.events.EventTarget}
+         * @param {ol.TileCoord} tileCoord Tile coordinate.
+         * @param {ol.Tile.State} state State.
+         */
+        constructor(tileCoord: ol.TileCoord, state: ol.Tile.State);
+
+        /**
+         * Get the tile coordinate for this tile.
+         * @return {ol.TileCoord} The tile coordinate.
+         * @api
+         */
+        getTileCoord(): ol.TileCoord;
+
+        /**
+         * Load the image or retry if loading previously failed.
+         * Loading is taken care of by the tile queue, and calling this method is
+         * only needed for preloading or for reloading in case of an error.
+         * @abstract
+         * @api
+         */
+        load(): void;
+
+    }
+
+    module Tile {
+        type State = number;
+    }
+
+    /**
+     * @namespace ol.tilegrid
+     */
+    module tilegrid {
+        /**
+         * Creates a tile grid with a standard XYZ tiling scheme.
+         * @param {olx.tilegrid.XYZOptions=} opt_options Tile grid options.
+         * @return {ol.tilegrid.TileGrid} Tile grid instance.
+         * @api
+         */
+        function createXYZ(opt_options?: olx.tilegrid.XYZOptions): ol.tilegrid.TileGrid;
+
+        /**
+         * @classdesc
+         * Base class for setting the grid pattern for sources accessing tiled-image
+         * servers.
+         *
+         * @constructor
+         * @param {olx.tilegrid.TileGridOptions} options Tile grid options.
+         * @struct
+         * @api stable
+         */
+        class TileGrid {
+            /**
+             * @classdesc
+             * Base class for setting the grid pattern for sources accessing tiled-image
+             * servers.
+             *
+             * @constructor
+             * @param {olx.tilegrid.TileGridOptions} options Tile grid options.
+             * @struct
+             * @api stable
+             */
+            constructor(options: olx.tilegrid.TileGridOptions);
+
+            /**
+             * Call a function with each tile coordinate for a given extent and zoom level.
+             *
+             * @param {ol.Extent} extent Extent.
+             * @param {number} zoom Zoom level.
+             * @param {function(ol.TileCoord)} callback Function called with each tile coordinate.
+             * @api
+             */
+            forEachTileCoord(extent: ol.Extent, zoom: number, callback: ((coords: ol.TileCoord) => any)): void;
+
+            /**
+             * Get the maximum zoom level for the grid.
+             * @return {number} Max zoom.
+             * @api
+             */
+            getMaxZoom(): number;
+
+            /**
+             * Get the minimum zoom level for the grid.
+             * @return {number} Min zoom.
+             * @api
+             */
+            getMinZoom(): number;
+
+            /**
+             * Get the origin for the grid at the given zoom level.
+             * @param {number} z Z.
+             * @return {ol.Coordinate} Origin.
+             * @api stable
+             */
+            getOrigin(z: number): ol.Coordinate;
+
+            /**
+             * Get the resolution for the given zoom level.
+             * @param {number} z Z.
+             * @return {number} Resolution.
+             * @api stable
+             */
+            getResolution(z: number): number;
+
+            /**
+             * Get the list of resolutions for the tile grid.
+             * @return {Array.<number>} Resolutions.
+             * @api stable
+             */
+            getResolutions(): number[];
+
+            /**
+             * Get the extent of a tile coordinate.
+             *
+             * @param {ol.TileCoord} tileCoord Tile coordinate.
+             * @param {ol.Extent=} opt_extent Temporary extent object.
+             * @return {ol.Extent} Extent.
+             * @api
+             */
+            getTileCoordExtent(tileCoord: ol.TileCoord, opt_extent?: ol.Extent): ol.Extent;
+
+            /**
+             * Get the tile coordinate for the given map coordinate and resolution.  This
+             * method considers that coordinates that intersect tile boundaries should be
+             * assigned the higher tile coordinate.
+             *
+             * @param {ol.Coordinate} coordinate Coordinate.
+             * @param {number} resolution Resolution.
+             * @param {ol.TileCoord=} opt_tileCoord Destination ol.TileCoord object.
+             * @return {ol.TileCoord} Tile coordinate.
+             * @api
+             */
+            getTileCoordForCoordAndResolution(coordinate: ol.Coordinate, resolution: number, opt_tileCoord?: ol.TileCoord): ol.TileCoord;
+
+            /**
+             * Get a tile coordinate given a map coordinate and zoom level.
+             * @param {ol.Coordinate} coordinate Coordinate.
+             * @param {number} z Zoom level.
+             * @param {ol.TileCoord=} opt_tileCoord Destination ol.TileCoord object.
+             * @return {ol.TileCoord} Tile coordinate.
+             * @api
+             */
+            getTileCoordForCoordAndZ(coordinate: ol.Coordinate, z: number, opt_tileCoord?: ol.TileCoord): ol.TileCoord;
+
+            /**
+             * Get the tile size for a zoom level. The type of the return value matches the
+             * `tileSize` or `tileSizes` that the tile grid was configured with. To always
+             * get an `ol.Size`, run the result through `ol.size.toSize()`.
+             * @param {number} z Z.
+             * @return {number|ol.Size} Tile size.
+             * @api stable
+             */
+            getTileSize(z: number): (number | ol.Size);
+
+            /**
+             * @param {number} resolution Resolution.
+             * @param {number=} opt_direction If 0, the nearest resolution will be used.
+             *     If 1, the nearest lower resolution will be used. If -1, the nearest
+             *     higher resolution will be used. Default is 0.
+             * @return {number} Z.
+             * @api
+             */
+            getZForResolution(resolution: number, opt_direction?: number): number;
+
+        }
+
+        /**
+         * @classdesc
+         * Set the grid pattern for sources accessing WMTS tiled-image servers.
+         *
+         * @constructor
+         * @extends {ol.tilegrid.TileGrid}
+         * @param {olx.tilegrid.WMTSOptions} options WMTS options.
+         * @struct
+         * @api
+         */
+        class WMTS extends ol.tilegrid.TileGrid {
+            /**
+             * @classdesc
+             * Set the grid pattern for sources accessing WMTS tiled-image servers.
+             *
+             * @constructor
+             * @extends {ol.tilegrid.TileGrid}
+             * @param {olx.tilegrid.WMTSOptions} options WMTS options.
+             * @struct
+             * @api
+             */
+            constructor(options: olx.tilegrid.WMTSOptions);
+
+            /**
+             * Get the list of matrix identifiers.
+             * @return {Array.<string>} MatrixIds.
+             * @api
+             */
+            getMatrixIds(): string[];
+
+            /**
+             * Create a tile grid from a WMTS capabilities matrix set.
+             * @param {Object} matrixSet An object representing a matrixSet in the
+             *     capabilities document.
+             * @param {ol.Extent=} opt_extent An optional extent to restrict the tile
+             *     ranges the server provides.
+             * @return {ol.tilegrid.WMTS} WMTS tileGrid instance.
+             * @api
+             */
+            static createFromCapabilitiesMatrixSet(matrixSet: GlobalObject, opt_extent?: ol.Extent): ol.tilegrid.WMTS;
+
+        }
+
+    }
+
+    /**
+     * @typedef {string|Array.<string>|ol.Attribution|Array.<ol.Attribution>}
+     */
+    type AttributionLike = (string | string[] | ol.Attribution | ol.Attribution[]);
+
+    /**
+     * A function returning the canvas element (`{HTMLCanvasElement}`)
+     * used by the source as an image. The arguments passed to the function are:
+     * {@link ol.Extent} the image extent, `{number}` the image resolution,
+     * `{number}` the device pixel ratio, {@link ol.Size} the image size, and
+     * {@link ol.proj.Projection} the image projection. The canvas returned by
+     * this function is cached by the source. The this keyword inside the function
+     * references the {@link ol.source.ImageCanvas}.
+     *
+     * @typedef {function(this:ol.source.ImageCanvas, ol.Extent, number,
+     *     number, ol.Size, ol.proj.Projection): HTMLCanvasElement}
+     */
+    type CanvasFunctionType = (extent: ol.Extent, resolution: number, pixelRatio: number, size: ol.Size, proj: ol.proj.Projection) => HTMLCanvasElement;
+
+    /**
+     * A color represented as a short array [red, green, blue, alpha].
+     * red, green, and blue should be integers in the range 0..255 inclusive.
+     * alpha should be a float in the range 0..1 inclusive. If no alpha value is
+     * given then `1` will be used.
+     * @typedef {Array.<number>|Uint8Array|Uint8ClampedArray}
+     */
+    type Color = ([number, number, number, number] | Uint8Array | Uint8ClampedArray);
+
+    /**
+     * A type accepted by CanvasRenderingContext2D.fillStyle.
+     * Represents a color, pattern, or gradient.
+     *
+     * @typedef {string|CanvasPattern|CanvasGradient}
+     */
+    type ColorLike = (string | CanvasPattern | CanvasGradient);
+
+    /**
+     * An array of numbers representing an xy coordinate. Example: `[16, 48]`.
+     * @typedef {Array.<number>}
+     */
+    type Coordinate = [number, number];
+
+    /**
+     * A function that takes a {@link ol.Coordinate} and transforms it into a
+     * `{string}`.
+     *
+     * @typedef {function((ol.Coordinate|undefined)): string}
+     */
+    type CoordinateFormatType = (coords?: ol.Coordinate) => string;
+
+    /**
+     * A function that takes a {@link ol.MapBrowserEvent} and two
+     * {@link ol.Pixel}s and returns a `{boolean}`. If the condition is met,
+     * true should be returned.
+     * @typedef {function(ol.MapBrowserEvent, ol.Pixel, ol.Pixel):boolean}
+     */
+    type DragBoxEndConditionType = (event: ol.MapBrowserEvent, pixel1: ol.Pixel, pixel2: ol.Pixel) => boolean;
+
+    /**
+     * Function that takes coordinates and an optional existing geometry as
+     * arguments, and returns a geometry. The optional existing geometry is the
+     * geometry that is returned when the function is called without a second
+     * argument.
+     * @typedef {function(!(ol.Coordinate|Array.<ol.Coordinate>|
+     *     Array.<Array.<ol.Coordinate>>), ol.geom.SimpleGeometry=):
+     *     ol.geom.SimpleGeometry}
+     */
+    type DrawGeometryFunctionType = (coords: (ol.Coordinate | ol.Coordinate[] | ol.Coordinate[][]), geo: ol.geom.SimpleGeometry) => ol.geom.SimpleGeometry;
+
+    /**
+     * A function that takes an {@link ol.MapBrowserEvent} and returns a
+     * `{boolean}`. If the condition is met, true should be returned.
+     *
+     * @typedef {function(ol.MapBrowserEvent): boolean}
+     */
+    type EventsConditionType = (event: ol.MapBrowserEvent) => boolean;
+
+    /**
+     * Key to use with {@link ol.Observable#unByKey}.
+     *
+     * @typedef {{bindTo: (Object|undefined),
+     *     boundListener: (ol.EventsListenerFunctionType|undefined),
+     *     callOnce: boolean,
+     *     deleteIndex: (number|undefined),
+     *     listener: ol.EventsListenerFunctionType,
+     *     target: (EventTarget|ol.events.EventTarget),
+     *     type: string}}
+     */
+    type EventsKey = Object;
+
+    /**
+     * An array of numbers representing an extent: `[minx, miny, maxx, maxy]`.
+     * @typedef {Array.<number>}
+     */
+    type Extent = [number, number, number, number];
+
+    /**
+     * {@link ol.source.Vector} sources use a function of this type to load
+     * features.
+     *
+     * This function takes an {@link ol.Extent} representing the area to be loaded,
+     * a `{number}` representing the resolution (map units per pixel) and an
+     * {@link ol.proj.Projection} for the projection  as arguments. `this` within
+     * the function is bound to the {@link ol.source.Vector} it's called from.
+     *
+     * The function is responsible for loading the features and adding them to the
+     * source.
+     * @typedef {function(this:ol.source.Vector, ol.Extent, number,
+     *                    ol.proj.Projection)}
+     */
+    type FeatureLoader = (extent: ol.Extent, resolution: number, proj: ol.proj.Projection) => void;
+
+    /**
+     * A function that returns an array of {@link ol.style.Style styles} given a
+     * resolution. The `this` keyword inside the function references the
+     * {@link ol.Feature} to be styled.
+     *
+     * @typedef {function(this: ol.Feature, number):
+     *     (ol.style.Style|Array.<ol.style.Style>)}
+     */
+    type FeatureStyleFunction = (resolution: number) => (ol.style.Style | ol.style.Style[]);
+
+    /**
+     * {@link ol.source.Vector} sources use a function of this type to get the url
+     * to load features from.
+     *
+     * This function takes an {@link ol.Extent} representing the area to be loaded,
+     * a `{number}` representing the resolution (map units per pixel) and an
+     * {@link ol.proj.Projection} for the projection  as arguments and returns a
+     * `{string}` representing the URL.
+     * @typedef {function(ol.Extent, number, ol.proj.Projection) : string}
+     */
+    type FeatureUrlFunction = (extent: ol.Extent, resolution: number, proj: ol.proj.Projection) => string;
+
+    /**
+     * A function that takes an {@link ol.Image} for the image and a `{string}` for
+     * the src as arguments. It is supposed to make it so the underlying image
+     * {@link ol.Image#getImage} is assigned the content specified by the src. If
+     * not specified, the default is
+     *
+     *     function(image, src) {
+     *       image.getImage().src = src;
+     *     }
+     *
+     * Providing a custom `imageLoadFunction` can be useful to load images with
+     * post requests or - in general - through XHR requests, where the src of the
+     * image element would be set to a data URI when the content is loaded.
+     *
+     * @typedef {function(ol.Image, string)}
+     */
+    type ImageLoadFunctionType = (image: ol.Image, url: string) => void;
+
+    /**
+     * A function that takes an {@link ol.Extent} and a resolution as arguments, and
+     * returns an array of {@link ol.Extent} with the extents to load. Usually this
+     * is one of the standard {@link ol.loadingstrategy} strategies.
+     *
+     * @typedef {function(ol.Extent, number): Array.<ol.Extent>}
+     */
+    type LoadingStrategy = (extent: ol.Extent, resolution: number) => ol.Extent[];
+
+    type ModifyEventType = string;
+
+    /**
+     * An array with two elements, representing a pixel. The first element is the
+     * x-coordinate, the second the y-coordinate of the pixel.
+     * @typedef {Array.<number>}
+     */
+    type Pixel = [number, number];
+
+    /**
+     * Function to perform manipulations before rendering. This function is called
+     * with the {@link ol.Map} as first and an optional {@link olx.FrameState} as
+     * second argument. Return `true` to keep this function for the next frame,
+     * `false` to remove it.
+     * @typedef {function(ol.Map, ?olx.FrameState): boolean}
+     */
+    type PreRenderFunction = (map: ol.Map, state?: olx.FrameState) => boolean;
+
+    /**
+     * A projection as {@link ol.proj.Projection}, SRS identifier string or
+     * undefined.
+     * @typedef {ol.proj.Projection|string|undefined} ol.ProjectionLike
+     */
+    type ProjectionLike = (ol.proj.Projection | string | undefined);
+
+    /**
+     * A function that takes an array of input data, performs some operation, and
+     * returns an array of ouput data.
+     * For `pixel` type operations, the function will be called with an array of
+     * pixels, where each pixel is an array of four numbers (`[r, g, b, a]`) in the
+     * range of 0 - 255. It should return a single pixel array.
+     * For `'image'` type operations, functions will be called with an array of
+     * {@link ImageData https://developer.mozilla.org/en-US/docs/Web/API/ImageData}
+     * and should return a single {@link ImageData
+     * https://developer.mozilla.org/en-US/docs/Web/API/ImageData}.  The operations
+     * are called with a second "data" argument, which can be used for storage.  The
+     * data object is accessible from raster events, where it can be initialized in
+     * "beforeoperations" and accessed again in "afteroperations".
+     *
+     * @typedef {function((Array.<Array.<number>>|Array.<ImageData>), Object):
+     *     (Array.<number>|ImageData)}
+     */
+    type RasterOperation = (data: (number[][] | ImageData[]), obj: GlobalObject) => (number[] | ImageData);
+
+    /**
+     * A function that takes an {@link ol.Feature} or {@link ol.render.Feature} and
+     * an {@link ol.layer.Layer} and returns `true` if the feature may be selected
+     * or `false` otherwise.
+     * @typedef {function((ol.Feature|ol.render.Feature), ol.layer.Layer):
+     *     boolean}
+     */
+    type SelectFilterFunction = (feature: (ol.Feature | ol.render.Feature), layer: ol.layer.Layer) => boolean;
+
+    /**
+     * An array of numbers representing a size: `[width, height]`.
+     * @typedef {Array.<number>}
+     */
+    type Size = [number, number];
+
+    /**
+     * @typedef {{attributions: (ol.AttributionLike|undefined),
+     *            extent: (null|ol.Extent|undefined),
+     *            logo: (string|olx.LogoOptions|undefined),
+     *            projection: ol.ProjectionLike,
+     *            resolutions: (Array.<number>|undefined),
+     *            state: (ol.source.State|undefined)}}
+     */
+    interface SourceImageOptions {
+        attributions?: ol.AttributionLike;
+        extent?: (ol.Extent);
+        logo?: (string | olx.LogoOptions);
+        projection: ol.ProjectionLike;
+        resolutions?: number[];
+        state?: ol.source.State;
+    }
+
+    /**
+     * @typedef {{attributions: (ol.AttributionLike|undefined),
+     *            logo: (string|olx.LogoOptions|undefined),
+     *            projection: ol.ProjectionLike,
+     *            state: (ol.source.State|undefined),
+     *            wrapX: (boolean|undefined)}}
+     */
+    interface SourceSourceOptions {
+        attributions?: ol.AttributionLike;
+        logo?: (string | olx.LogoOptions);
+        projection: ol.ProjectionLike;
+        state?: ol.source.State;
+        wrapX?: boolean;
+    }
+
+    /**
+     * @typedef {{attributions: (ol.AttributionLike|undefined),
+     *            cacheSize: (number|undefined),
+     *            extent: (ol.Extent|undefined),
+     *            logo: (string|olx.LogoOptions|undefined),
+     *            opaque: (boolean|undefined),
+     *            projection: ol.ProjectionLike,
+     *            state: (ol.source.State|undefined),
+     *            tileGrid: (ol.tilegrid.TileGrid|undefined),
+     *            tileLoadFunction: ol.TileLoadFunctionType,
+     *            tilePixelRatio: (number|undefined),
+     *            tileUrlFunction: (ol.TileUrlFunctionType|undefined),
+     *            url: (string|undefined),
+     *            urls: (Array.<string>|undefined),
+     *            wrapX: (boolean|undefined)}}
+     */
+    interface SourceUrlTileOptions {
+        attributions?: ol.AttributionLike;
+        cacheSize?: number;
+        extent?: ol.Extent;
+        logo?: (string | olx.LogoOptions);
+        opaque?: boolean;
+        projection: ol.ProjectionLike;
+        state?: ol.source.State;
+        tileGrid?: ol.tilegrid.TileGrid;
+        tileLoadFunction: ol.TileLoadFunctionType;
+        tilePixelRatio?: number;
+        tileUrlFunction?: ol.TileUrlFunctionType;
+        url?: string;
+        urls?: string[];
+        wrapX?: boolean;
+    }
+
+    /**
+     * @typedef {{attributions: (ol.AttributionLike|undefined),
+     *            cacheSize: (number|undefined),
+     *            extent: (ol.Extent|undefined),
+     *            logo: (string|olx.LogoOptions|undefined),
+     *            opaque: (boolean|undefined),
+     *            tilePixelRatio: (number|undefined),
+     *            projection: ol.ProjectionLike,
+     *            state: (ol.source.State|undefined),
+     *            tileGrid: (ol.tilegrid.TileGrid|undefined),
+     *            wrapX: (boolean|undefined)}}
+     */
+    interface SourceTileOptions {
+        attributions?: ol.AttributionLike;
+        cacheSize?: number;
+        extent?: ol.Extent;
+        logo?: (string | olx.LogoOptions);
+        opaque?: boolean;
+        tilePixelRatio?: number;
+        projection: ol.ProjectionLike;
+        state?: ol.source.State;
+        tileGrid?: ol.tilegrid.TileGrid;
+        wrapX?: boolean;
+    }
+
+    /**
+     * @typedef {{opacity: number,
+     *            rotateWithView: boolean,
+     *            rotation: number,
+     *            scale: number,
+     *            snapToPixel: boolean}}
+     */
+    interface StyleImageOptions {
+        opacity: number;
+        rotateWithView: boolean;
+        rotation: number;
+        scale: number;
+        snapToPixel: boolean;
+    }
+
+    /**
+     * A function that takes an {@link ol.Feature} and a `{number}` representing
+     * the view's resolution. The function should return a {@link ol.style.Style}
+     * or an array of them. This way e.g. a vector layer can be styled.
+     *
+     * @typedef {function((ol.Feature|ol.render.Feature), number):
+     *     (ol.style.Style|Array.<ol.style.Style>)}
+     */
+    type StyleFunction = (feature: (ol.Feature | ol.render.Feature), resolution: number) => (ol.style.Style | ol.style.Style[]);
+
+    /**
+     * A function that takes an {@link ol.Feature} as argument and returns an
+     * {@link ol.geom.Geometry} that will be rendered and styled for the feature.
+     *
+     * @typedef {function((ol.Feature|ol.render.Feature)):
+     *     (ol.geom.Geometry|ol.render.Feature|undefined)}
+     */
+    type StyleGeometryFunction = (feature: (ol.Feature | ol.render.Feature)) => (ol.geom.Geometry | ol.render.Feature);
+
+    /**
+     * An array of three numbers representing the location of a tile in a tile
+     * grid. The order is `z`, `x`, and `y`. `z` is the zoom level.
+     * @typedef {Array.<number>} ol.TileCoord
+     */
+    type TileCoord = [number, number, number];
+
+    /**
+     * A function that takes an {@link ol.Tile} for the tile and a `{string}` for
+     * the url as arguments.
+     *
+     * @typedef {function(ol.Tile, string)}
+     */
+    type TileLoadFunctionType = (tile: ol.Tile, url: string) => void;
+
+    /**
+     * {@link ol.source.Tile} sources use a function of this type to get the url
+     * that provides a tile for a given tile coordinate.
+     *
+     * This function takes an {@link ol.TileCoord} for the tile coordinate, a
+     * `{number}` representing the pixel ratio and an {@link ol.proj.Projection} for
+     * the projection  as arguments and returns a `{string}` representing the tile
+     * URL, or undefined if no tile should be requested for the passed tile
+     * coordinate.
+     *
+     * @typedef {function(ol.TileCoord, number,
+     *           ol.proj.Projection): (string|undefined)}
+     */
+    type TileUrlFunctionType = (coords: ol.TileCoord, pixelRatio: number, proj: ol.proj.Projection) => string;
+
+    /**
+     * A transform function accepts an array of input coordinate values, an optional
+     * output array, and an optional dimension (default should be 2).  The function
+     * transforms the input coordinate values, populates the output array, and
+     * returns the output array.
+     *
+     * @typedef {function(Array.<number>, Array.<number>=, number=): Array.<number>}
+     */
+    type TransformFunction = (array: number[], out?: number[], dimension?: number) => number[];
+
+    /**
+     * Number of features; bounds/extent.
+     * @typedef {{numberOfFeatures: number,
+     *            bounds: ol.Extent}}
+     */
+    type WFSFeatureCollectionMetadata = Object;
+
+    /**
+     * Total deleted; total inserted; total updated; array of insert ids.
+     * @typedef {{totalDeleted: number,
+     *            totalInserted: number,
+     *            totalUpdated: number,
+     *            insertIds: Array.<string>}}
+     */
+    type WFSTransactionResponse = Object;
+
+    /**
+     * @constructor
+     * @extends {ol.Tile}
+     * @param {ol.TileCoord} tileCoord Tile coordinate.
+     * @param {ol.Tile.State} state State.
+     * @param {string} src Data source url.
+     * @param {ol.format.Feature} format Feature format.
+     * @param {ol.TileLoadFunctionType} tileLoadFunction Tile load function.
+     */
+    class VectorTile extends ol.Tile {
+        /**
+         * @constructor
+         * @extends {ol.Tile}
+         * @param {ol.TileCoord} tileCoord Tile coordinate.
+         * @param {ol.Tile.State} state State.
+         * @param {string} src Data source url.
+         * @param {ol.format.Feature} format Feature format.
+         * @param {ol.TileLoadFunctionType} tileLoadFunction Tile load function.
+         */
+        constructor(tileCoord: ol.TileCoord, state: ol.Tile.State, src: string, format: ol.format.Feature, tileLoadFunction: ol.TileLoadFunctionType);
+
+        /**
+         * Get the feature format assigned for reading this tile's features.
+         * @return {ol.format.Feature} Feature format.
+         * @api
+         */
+        getFormat(): ol.format.Feature;
+
+        /**
+         * @param {Array.<ol.Feature>} features Features.
+         * @api
+         */
+        setFeatures(features: ol.Feature[]): void;
+
+        /**
+         * Set the projection of the features that were added with {@link #setFeatures}.
+         * @param {ol.proj.Projection} projection Feature projection.
+         * @api
+         */
+        setProjection(projection: ol.proj.Projection): void;
+
+        /**
+         * Set the feature loader for reading this tile's features.
+         * @param {ol.FeatureLoader} loader Feature loader.
+         * @api
+         */
+        setLoader(loader: ol.FeatureLoader): void;
+
+    }
+
+    /**
+     * @classdesc
+     * An ol.View object represents a simple 2D view of the map.
+     *
+     * This is the object to act upon to change the center, resolution,
+     * and rotation of the map.
+     *
+     * ### The view states
+     *
+     * An `ol.View` is determined by three states: `center`, `resolution`,
+     * and `rotation`. Each state has a corresponding getter and setter, e.g.
+     * `getCenter` and `setCenter` for the `center` state.
+     *
+     * An `ol.View` has a `projection`. The projection determines the
+     * coordinate system of the center, and its units determine the units of the
+     * resolution (projection units per pixel). The default projection is
+     * Spherical Mercator (EPSG:3857).
+     *
+     * ### The constraints
+     *
+     * `setCenter`, `setResolution` and `setRotation` can be used to change the
+     * states of the view. Any value can be passed to the setters. And the value
+     * that is passed to a setter will effectively be the value set in the view,
+     * and returned by the corresponding getter.
+     *
+     * But an `ol.View` object also has a *resolution constraint*, a
+     * *rotation constraint* and a *center constraint*.
+     *
+     * As said above, no constraints are applied when the setters are used to set
+     * new states for the view. Applying constraints is done explicitly through
+     * the use of the `constrain*` functions (`constrainResolution` and
+     * `constrainRotation` and `constrainCenter`).
+     *
+     * The main users of the constraints are the interactions and the
+     * controls. For example, double-clicking on the map changes the view to
+     * the "next" resolution. And releasing the fingers after pinch-zooming
+     * snaps to the closest resolution (with an animation).
+     *
+     * The *resolution constraint* snaps to specific resolutions. It is
+     * determined by the following options: `resolutions`, `maxResolution`,
+     * `maxZoom`, and `zoomFactor`. If `resolutions` is set, the other three
+     * options are ignored. See documentation for each option for more
+     * information.
+     *
+     * The *rotation constraint* snaps to specific angles. It is determined
+     * by the following options: `enableRotation` and `constrainRotation`.
+     * By default the rotation value is snapped to zero when approaching the
+     * horizontal.
+     *
+     * The *center constraint* is determined by the `extent` option. By
+     * default the center is not constrained at all.
+     *
+     * @constructor
+     * @extends {ol.Object}
+     * @param {olx.ViewOptions=} opt_options View options.
+     * @api stable
+     */
+    class View extends ol.Object {
+        /**
+         * @classdesc
+         * An ol.View object represents a simple 2D view of the map.
+         *
+         * This is the object to act upon to change the center, resolution,
+         * and rotation of the map.
+         *
+         * ### The view states
+         *
+         * An `ol.View` is determined by three states: `center`, `resolution`,
+         * and `rotation`. Each state has a corresponding getter and setter, e.g.
+         * `getCenter` and `setCenter` for the `center` state.
+         *
+         * An `ol.View` has a `projection`. The projection determines the
+         * coordinate system of the center, and its units determine the units of the
+         * resolution (projection units per pixel). The default projection is
+         * Spherical Mercator (EPSG:3857).
+         *
+         * ### The constraints
+         *
+         * `setCenter`, `setResolution` and `setRotation` can be used to change the
+         * states of the view. Any value can be passed to the setters. And the value
+         * that is passed to a setter will effectively be the value set in the view,
+         * and returned by the corresponding getter.
+         *
+         * But an `ol.View` object also has a *resolution constraint*, a
+         * *rotation constraint* and a *center constraint*.
+         *
+         * As said above, no constraints are applied when the setters are used to set
+         * new states for the view. Applying constraints is done explicitly through
+         * the use of the `constrain*` functions (`constrainResolution` and
+         * `constrainRotation` and `constrainCenter`).
+         *
+         * The main users of the constraints are the interactions and the
+         * controls. For example, double-clicking on the map changes the view to
+         * the "next" resolution. And releasing the fingers after pinch-zooming
+         * snaps to the closest resolution (with an animation).
+         *
+         * The *resolution constraint* snaps to specific resolutions. It is
+         * determined by the following options: `resolutions`, `maxResolution`,
+         * `maxZoom`, and `zoomFactor`. If `resolutions` is set, the other three
+         * options are ignored. See documentation for each option for more
+         * information.
+         *
+         * The *rotation constraint* snaps to specific angles. It is determined
+         * by the following options: `enableRotation` and `constrainRotation`.
+         * By default the rotation value is snapped to zero when approaching the
+         * horizontal.
+         *
+         * The *center constraint* is determined by the `extent` option. By
+         * default the center is not constrained at all.
+         *
+         * @constructor
+         * @extends {ol.Object}
+         * @param {olx.ViewOptions=} opt_options View options.
+         * @api stable
+         */
+        constructor(opt_options?: olx.ViewOptions);
+
+        /**
+         * Get the constrained center of this view.
+         * @param {ol.Coordinate|undefined} center Center.
+         * @return {ol.Coordinate|undefined} Constrained center.
+         * @api
+         */
+        constrainCenter(center: (ol.Coordinate)): (ol.Coordinate);
+
+        /**
+         * Get the constrained resolution of this view.
+         * @param {number|undefined} resolution Resolution.
+         * @param {number=} opt_delta Delta. Default is `0`.
+         * @param {number=} opt_direction Direction. Default is `0`.
+         * @return {number|undefined} Constrained resolution.
+         * @api
+         */
+        constrainResolution(resolution: (number), opt_delta?: number, opt_direction?: number): (number);
+
+        /**
+         * Get the constrained rotation of this view.
+         * @param {number|undefined} rotation Rotation.
+         * @param {number=} opt_delta Delta. Default is `0`.
+         * @return {number|undefined} Constrained rotation.
+         * @api
+         */
+        constrainRotation(rotation: (number), opt_delta?: number): (number);
+
+        /**
+         * Get the view center.
+         * @return {ol.Coordinate|undefined} The center of the view.
+         * @observable
+         * @api stable
+         */
+        getCenter(): (ol.Coordinate);
+
+        /**
+         * Calculate the extent for the current view state and the passed size.
+         * The size is the pixel dimensions of the box into which the calculated extent
+         * should fit. In most cases you want to get the extent of the entire map,
+         * that is `map.getSize()`.
+         * @param {ol.Size} size Box pixel size.
+         * @return {ol.Extent} Extent.
+         * @api stable
+         */
+        calculateExtent(size: ol.Size): ol.Extent;
+
+        /**
+         * Get the maximum resolution of the view.
+         * @return {number} The maximum resolution of the view.
+         * @api
+         */
+        getMaxResolution(): number;
+
+        /**
+         * Get the minimum resolution of the view.
+         * @return {number} The minimum resolution of the view.
+         * @api
+         */
+        getMinResolution(): number;
+
+        /**
+         * Get the view projection.
+         * @return {ol.proj.Projection} The projection of the view.
+         * @api stable
+         */
+        getProjection(): ol.proj.Projection;
+
+        /**
+         * Get the view resolution.
+         * @return {number|undefined} The resolution of the view.
+         * @observable
+         * @api stable
+         */
+        getResolution(): (number);
+
+        /**
+         * Get the resolutions for the view. This returns the array of resolutions
+         * passed to the constructor of the {ol.View}, or undefined if none were given.
+         * @return {Array.<number>|undefined} The resolutions of the view.
+         * @api stable
+         */
+        getResolutions(): (number[]);
+
+        /**
+         * Get the view rotation.
+         * @return {number} The rotation of the view in radians.
+         * @observable
+         * @api stable
+         */
+        getRotation(): number;
+
+        /**
+         * Get the current zoom level. Return undefined if the current
+         * resolution is undefined or not within the "resolution constraints".
+         * @return {number|undefined} Zoom.
+         * @api stable
+         */
+        getZoom(): (number);
+
+        /**
+         * Fit the given geometry or extent based on the given map size and border.
+         * The size is pixel dimensions of the box to fit the extent into.
+         * In most cases you will want to use the map size, that is `map.getSize()`.
+         * Takes care of the map angle.
+         * @param {ol.geom.SimpleGeometry|ol.Extent} geometry Geometry.
+         * @param {ol.Size} size Box pixel size.
+         * @param {olx.view.FitOptions=} opt_options Options.
+         * @api
+         */
+        fit(geometry: (ol.geom.SimpleGeometry | ol.Extent), size: ol.Size, opt_options?: olx.view.FitOptions): void;
+
+        /**
+         * Center on coordinate and view position.
+         * @param {ol.Coordinate} coordinate Coordinate.
+         * @param {ol.Size} size Box pixel size.
+         * @param {ol.Pixel} position Position on the view to center on.
+         * @api
+         */
+        centerOn(coordinate: ol.Coordinate, size: ol.Size, position: ol.Pixel): void;
+
+        /**
+         * Rotate the view around a given coordinate.
+         * @param {number} rotation New rotation value for the view.
+         * @param {ol.Coordinate=} opt_anchor The rotation center.
+         * @api stable
+         */
+        rotate(rotation: number, opt_anchor?: ol.Coordinate): void;
+
+        /**
+         * Set the center of the current view.
+         * @param {ol.Coordinate|undefined} center The center of the view.
+         * @observable
+         * @api stable
+         */
+        setCenter(center: (ol.Coordinate)): void;
+
+        /**
+         * Set the resolution for this view.
+         * @param {number|undefined} resolution The resolution of the view.
+         * @observable
+         * @api stable
+         */
+        setResolution(resolution: (number)): void;
+
+        /**
+         * Set the rotation for this view.
+         * @param {number} rotation The rotation of the view in radians.
+         * @observable
+         * @api stable
+         */
+        setRotation(rotation: number): void;
+
+        /**
+         * Zoom to a specific zoom level.
+         * @param {number} zoom Zoom level.
+         * @api stable
+         */
+        setZoom(zoom: number): void;
+
+        /**
+         * Animate the view. The view's center, zoom (or resolution), and
+         * rotation can be animated for smooth transitions between view states.
+         * @param {olx.AnimateOptions} var_args Animation options.
+         * @param {olx.AnimateOptions | (completed: boolean) => void } restArgs
+         * @api experimental
+         */
+        animate(...var_args: Array<olx.animation.AnimateOptions|olx.animation.AnimateCallback>): void;
+
+    }
+
+}
+
+/**
+ * @namespace olx
+ */
+declare module olx {
+
+    /**
+     * @namespace olx.animation
+     */
+    module animation {
+        /**
+         * @typedef {{resolution: number,
+         *     start: (number|undefined),
+         *     duration: (number|undefined),
+         *     easing: (function(number):number|undefined)}}
+         */
+        interface BounceOptions {
+            resolution: number;
+            start?: number;
+            duration?: number;
+            easing?: ((t: number) => number);
+        }
+
+
+        /**
+         * @typedef {{source: ol.Coordinate,
+         *     start: (number|undefined),
+         *     duration: (number|undefined),
+         *     easing: (function(number):number|undefined)}}
+         */
+        interface PanOptions {
+            source: ol.Coordinate;
+            start?: number;
+            duration?: number;
+            easing?: ((t: number) => number);
+        }
+
+
+        /**
+         * @typedef {{rotation: (number|undefined),
+         *     anchor: (ol.Coordinate|undefined),
+         *     start: (number|undefined),
+         *     duration: (number|undefined),
+         *     easing: (function(number):number|undefined)}}
+         */
+        interface RotateOptions {
+            rotation?: number;
+            anchor?: ol.Coordinate;
+            start?: number;
+            duration?: number;
+            easing?: ((t: number) => number);
+        }
+
+
+        /**
+         * @typedef {{resolution: number,
+         *     start: (number|undefined),
+         *     duration: (number|undefined),
+         *     easing: (function(number):number|undefined)}}
+         */
+        interface ZoomOptions {
+            resolution: number;
+            start?: number;
+            duration?: number;
+            easing?: ((t: number) => number);
+        }
+
+        /**
+         * Animation options. Multiple animations can be run in series by passing
+         * multiple options objects. To run multiple animations in parallel, call
+         * the method multiple times. An optional callback can be provided as a
+         * final argument. The callback will be called with a boolean indicating
+         * whether the animation completed without being cancelled.
+         */
+        interface AnimateOptions {
+            center?: ol.Coordinate | undefined;
+            zoom?: number | undefined;
+            resolution?: number | undefined;
+            rotation?: number | undefined;
+            anchor?: number | undefined;
+            duration?: number | undefined;
+            easing?: ((t: number) => number) | undefined;
+        }
+
+        type AnimateCallback = (completed: boolean) => void;
+    }
+
+    /**
+     * @namespace olx.control
+     */
+    module control {
+        /**
+         * @typedef {{className: (string|undefined),
+         *     collapsible: (boolean|undefined),
+         *     collapsed: (boolean|undefined),
+         *     tipLabel: (string|undefined),
+         *     label: (string|Node|undefined),
+         *     collapseLabel: (string|Node|undefined),
+         *     render: (function(ol.MapEvent)|undefined),
+         *     target: (Element|undefined)}}
+         */
+        interface AttributionOptions {
+            className?: string;
+            target?: Element;
+            collapsible?: boolean;
+            collapsed?: boolean;
+            tipLabel?: string;
+            label?: (string | Node);
+            collapseLabel?: (string | Node);
+            render?: ((event: ol.MapEvent) => any);
+        }
+
+
+        /**
+         * @typedef {{element: (Element|undefined),
+         *     render: (function(ol.MapEvent)|undefined),
+         *     target: (Element|string|undefined)}}
+         */
+        interface ControlOptions {
+            element?: Element;
+            render?: ((event: ol.MapEvent) => any);
+            target?: (Element | string);
+        }
+
+
+        /**
+         * @typedef {{attribution: (boolean|undefined),
+         *     attributionOptions: (olx.control.AttributionOptions|undefined),
+         *     rotate: (boolean|undefined),
+         *     rotateOptions: (olx.control.RotateOptions|undefined),
+         *     zoom: (boolean|undefined),
+         *     zoomOptions: (olx.control.ZoomOptions|undefined)}}
+         */
+        interface DefaultsOptions {
+            attribution?: boolean;
+            attributionOptions?: olx.control.AttributionOptions;
+            rotate?: boolean;
+            rotateOptions?: olx.control.RotateOptions;
+            zoom?: boolean;
+            zoomOptions?: olx.control.ZoomOptions;
+        }
+
+
+        /**
+         * @typedef {{className: (string|undefined),
+         *     label: (string|Node|undefined),
+         *     labelActive: (string|Node|undefined),
+         *     tipLabel: (string|undefined),
+         *     keys: (boolean|undefined),
+         *     target: (Element|undefined),
+         *     source: (Element|string|undefined)}}
+         */
+        interface FullScreenOptions {
+            className?: string;
+            label?: (string | Node);
+            labelActive?: (string | Node);
+            tipLabel?: string;
+            keys?: boolean;
+            target?: Element;
+            source?: (Element | string);
+        }
+
+
+        /**
+         * @typedef {{className: (string|undefined),
+         *     coordinateFormat: (ol.CoordinateFormatType|undefined),
+         *     projection: ol.ProjectionLike,
+         *     render: (function(ol.MapEvent)|undefined),
+         *     target: (Element|undefined),
+         *     undefinedHTML: (string|undefined)}}
+         */
+        interface MousePositionOptions {
+            className?: string;
+            coordinateFormat?: ol.CoordinateFormatType;
+            projection: ol.ProjectionLike;
+            render?: ((event: ol.MapEvent) => any);
+            target?: Element;
+            undefinedHTML?: string;
+        }
+
+
+        /**
+         * @typedef {{collapsed: (boolean|undefined),
+         *     collapseLabel: (string|Node|undefined),
+         *     collapsible: (boolean|undefined),
+         *     label: (string|Node|undefined),
+         *     layers: (Array.<ol.layer.Layer>|ol.Collection.<ol.layer.Layer>|undefined),
+         *     render: (function(ol.MapEvent)|undefined),
+         *     target: (Element|undefined),
+         *     tipLabel: (string|undefined),
+         *     view: (ol.View|undefined)}}
+         */
+        interface OverviewMapOptions {
+            collapsed?: boolean;
+            collapseLabel?: (string | Node);
+            collapsible?: boolean;
+            label?: (string | Node);
+            layers?: (ol.layer.Layer[] | ol.Collection<ol.layer.Layer>);
+            render?: ((event: ol.MapEvent) => any);
+            target?: Element;
+            tipLabel?: string;
+            view?: ol.View;
+        }
+
+
+        /**
+         * @typedef {{className: (string|undefined),
+         *     minWidth: (number|undefined),
+         *     render: (function(ol.MapEvent)|undefined),
+         *     target: (Element|undefined),
+         *     units: (ol.control.ScaleLine.Units|string|undefined)}}
+         */
+        interface ScaleLineOptions {
+            className?: string;
+            minWidth?: number;
+            render?: ((event: ol.MapEvent) => any);
+            target?: Element;
+            units?: (ol.control.ScaleLine.Units | string);
+        }
+
+
+        /**
+         * @typedef {{duration: (number|undefined),
+         *     className: (string|undefined),
+         *     label: (string|Element|undefined),
+         *     tipLabel: (string|undefined),
+         *     target: (Element|undefined),
+         *     render: (function(ol.MapEvent)|undefined),
+         *     resetNorth: (function()|undefined),
+         *     autoHide: (boolean|undefined)}}
+         */
+        interface RotateOptions {
+            className?: string;
+            label?: (string | Element);
+            tipLabel?: string;
+            duration?: number;
+            autoHide?: boolean;
+            render?: ((event: ol.MapEvent) => any);
+            resetNorth?: (() => any);
+            target?: Element;
+        }
+
+
+        /**
+         * @typedef {{duration: (number|undefined),
+         *     className: (string|undefined),
+         *     zoomInLabel: (string|Node|undefined),
+         *     zoomOutLabel: (string|Node|undefined),
+         *     zoomInTipLabel: (string|undefined),
+         *     zoomOutTipLabel: (string|undefined),
+         *     delta: (number|undefined),
+         *     target: (Element|undefined)}}
+         */
+        interface ZoomOptions {
+            duration?: number;
+            className?: string;
+            zoomInLabel?: (string | Node);
+            zoomOutLabel?: (string | Node);
+            zoomInTipLabel?: string;
+            zoomOutTipLabel?: string;
+            delta?: number;
+            target?: Element;
+        }
+
+
+        /**
+         * @typedef {{className: (string|undefined),
+         *     duration: (number|undefined),
+         *     maxResolution: (number|undefined),
+         *     minResolution: (number|undefined),
+         *     render: (function(ol.MapEvent)|undefined)}}
+         */
+        interface ZoomSliderOptions {
+            className?: string;
+            duration?: number;
+            maxResolution?: number;
+            minResolution?: number;
+            render?: ((event: ol.MapEvent) => any);
+        }
+
+
+        /**
+         * @typedef {{className: (string|undefined),
+         *     target: (Element|undefined),
+         *     label: (string|Node|undefined),
+         *     tipLabel: (string|undefined),
+         *     extent: (ol.Extent|undefined)}}
+         */
+        interface ZoomToExtentOptions {
+            className?: string;
+            target?: Element;
+            label?: (string | Node);
+            tipLabel?: string;
+            extent?: ol.Extent;
+        }
+
+
+    }
+
+    /**
+     * @namespace olx.format
+     */
+    module format {
+        /**
+         * @typedef {{dataProjection: ol.ProjectionLike,
+         *     featureProjection: ol.ProjectionLike,
+         *     rightHanded: (boolean|undefined)}}
+         */
+        interface ReadOptions {
+            dataProjection: ol.ProjectionLike;
+            featureProjection: ol.ProjectionLike;
+        }
+
+
+        /**
+         * @typedef {{dataProjection: ol.ProjectionLike,
+         *     featureProjection: ol.ProjectionLike,
+         *     rightHanded: (boolean|undefined),
+         *     decimals: (number|undefined)}}
+         */
+        interface WriteOptions {
+            dataProjection: ol.ProjectionLike;
+            featureProjection?: ol.ProjectionLike;
+            rightHanded?: boolean;
+            decimals?: number;
+        }
+
+
+        /**
+         * @typedef {{defaultDataProjection: ol.ProjectionLike,
+         *     geometryName: (string|undefined)}}
+         */
+        interface GeoJSONOptions {
+            defaultDataProjection: ol.ProjectionLike;
+            featureProjection: ol.ProjectionLike;
+            geometryName?: string;
+        }
+
+
+        /**
+         * @typedef {{geometryName: (string|undefined)}}
+         */
+        interface EsriJSONOptions {
+            geometryName?: string;
+        }
+
+        /**
+         * @typedef {{featureClass: (function((ol.geom.Geometry|Object.<string, *>)=)|
+         *         function(ol.geom.GeometryType,Array.<number>,
+         *             (Array.<number>|Array.<Array.<number>>),Object.<string, *>)|
+         *         undefined),
+         *     geometryName: (string|undefined),
+         *     layers: (Array.<string>|undefined),
+         *     layerName: (string|undefined)}}
+         */
+        interface MVTOptions {
+            featureClass?: (((geom: (ol.geom.Geometry | { [k: string]: any })) => any) | ((geom: ol.geom.GeometryType, arg2: number[], arg3: (number[] | number[][]), arg4: { [k: string]: any }) => any));
+            geometryName?: string;
+            layerName?: string;
+            layers?: string[];
+        }
+
+
+        /**
+         * @typedef {{factor: (number|undefined),
+         *     geometryLayout: (ol.geom.GeometryLayout|undefined)}}
+         */
+        interface PolylineOptions {
+            factor?: number;
+            geometryLayout?: ol.geom.GeometryLayout;
+        }
+
+
+        /**
+         * @typedef {{defaultDataProjection: ol.ProjectionLike}}
+         */
+        interface TopoJSONOptions {
+            defaultDataProjection: ol.ProjectionLike;
+        }
+
+
+        /**
+         * @typedef {{altitudeMode: (ol.format.IGCZ|undefined)}}
+         */
+        interface IGCOptions {
+            altitudeMode?: ol.format.IGCZ;
+        }
+
+
+        /**
+         * @typedef {{extractStyles: (boolean|undefined),
+         *     defaultStyle: (Array.<ol.style.Style>|undefined),
+         *     showPointNames: (boolean|undefined),
+         *     writeStyles: (boolean|undefined)}}
+         */
+        interface KMLOptions {
+            extractStyles?: boolean;
+            showPointNames?: boolean;
+            defaultStyle?: ol.style.Style[];
+            writeStyles?: boolean;
+        }
+
+
+        /**
+         * @typedef {{featureNS: (Object.<string, string>|string|undefined),
+         *     featureType: (Array.<string>|string|undefined),
+         *     srsName: string,
+         *     surface: (boolean|undefined),
+         *     curve: (boolean|undefined),
+         *     multiCurve: (boolean|undefined),
+         *     multiSurface: (boolean|undefined),
+         *     schemaLocation: (string|undefined)}}
+         */
+        interface GMLOptions {
+            featureNS?: ({ [k: string]: string } | string);
+            featureType?: (string[] | string);
+            srsName: string;
+            surface?: boolean;
+            curve?: boolean;
+            multiCurve?: boolean;
+            multiSurface?: boolean;
+            schemaLocation?: string;
+        }
+
+
+        /**
+         * @typedef {{readExtensions: (function(ol.Feature, Node)|undefined)}}
+         */
+        interface GPXOptions {
+            readExtensions?: ((feature: ol.Feature, node: Node) => any);
+        }
+
+
+        /**
+         * @typedef {{featureNS: (Object.<string, string>|string|undefined),
+         *     featureType: (Array.<string>|string|undefined),
+         *     gmlFormat: (ol.format.GMLBase|undefined),
+         *     schemaLocation: (string|undefined)}}
+         */
+        interface WFSOptions {
+            featureNS?: ({ [k: string]: string } | string);
+            featureType?: (string[] | string);
+            gmlFormat?: ol.format.GMLBase;
+            schemaLocation?: string;
+        }
+
+
+        /**
+         * @typedef {{featureNS: string,
+         *     featurePrefix: string,
+         *     featureTypes: Array.<string>,
+         *     srsName: (string|undefined),
+         *     handle: (string|undefined),
+         *     outputFormat: (string|undefined),
+         *     maxFeatures: (number|undefined),
+         *     geometryName: (string|undefined),
+         *     propertyNames: (Array.<string>|undefined),
+         *     startIndex: (number|undefined),
+         *     count: (number|undefined),
+         *     bbox: (ol.Extent|undefined),
+         *     filter: (ol.format.ogc.filter.Filter|undefined),
+         *     resultType: (string|undefined)}}
+         */
+        interface WFSWriteGetFeatureOptions {
+            featureNS: string;
+            featurePrefix: string;
+            featureTypes: string[];
+            srsName?: string;
+            handle?: string;
+            outputFormat?: string;
+            maxFeatures?: number;
+            geometryName?: string;
+            propertyNames?: string[];
+            startIndex?: number;
+            count?: number;
+            bbox?: ol.Extent;
+            filter?: ol.format.filter.Filter;
+            resultType?: string;
+        }
+
+
+        /**
+         * @typedef {{featureNS: string,
+         *     featurePrefix: string,
+         *     featureType: string,
+         *     srsName: (string|undefined),
+         *     handle: (string|undefined),
+         *     nativeElements: Array.<Object>,
+         *     gmlOptions: (olx.format.GMLOptions|undefined)}}
+         */
+        interface WFSWriteTransactionOptions {
+            featureNS: string;
+            featurePrefix: string;
+            featureType: string;
+            srsName?: string;
+            handle?: string;
+            nativeElements: GlobalObject[];
+            gmlOptions?: olx.format.GMLOptions;
+        }
+
+
+        /**
+         * @typedef {{splitCollection: (boolean|undefined)}}
+         */
+        interface WKTOptions {
+            splitCollection?: boolean;
+        }
+
+
+        /**
+         * @typedef {{
+         *     layers: (Array.<string>|undefined)
+         * }}
+         */
+        interface WMSGetFeatureInfoOptions {
+            layers?: string[];
+        }
+
+
+    }
+
+    /**
+     * @namespace olx.interaction
+     */
+    module interaction {
+        /**
+         * Object literal with config options for interactions.
+         * @typedef {{handleEvent: function(ol.MapBrowserEvent):boolean}}
+         */
+        interface InteractionOptions {
+            handleEvent: (event: ol.MapBrowserEvent) => boolean;
+        }
+
+
+        /**
+         * Interactions for the map. Default is `true` for all options.
+         * @typedef {{altShiftDragRotate: (boolean|undefined),
+         *     doubleClickZoom: (boolean|undefined),
+         *     keyboard: (boolean|undefined),
+         *     mouseWheelZoom: (boolean|undefined),
+         *     shiftDragZoom: (boolean|undefined),
+         *     dragPan: (boolean|undefined),
+         *     pinchRotate: (boolean|undefined),
+         *     pinchZoom: (boolean|undefined),
+         *     zoomDelta: (number|undefined),
+         *     zoomDuration: (number|undefined)}}
+         */
+        interface DefaultsOptions {
+            altShiftDragRotate?: boolean;
+            doubleClickZoom?: boolean;
+            keyboard?: boolean;
+            mouseWheelZoom?: boolean;
+            shiftDragZoom?: boolean;
+            dragPan?: boolean;
+            pinchRotate?: boolean;
+            pinchZoom?: boolean;
+            zoomDelta?: number;
+            zoomDuration?: number;
+        }
+
+
+        /**
+         * @typedef {{duration: (number|undefined),
+         *     delta: (number|undefined)}}
+         */
+        interface DoubleClickZoomOptions {
+            duration?: number;
+            delta?: number;
+        }
+
+
+        /**
+         * @typedef {{formatConstructors: (Array.<function(new: ol.format.Feature)>|undefined),
+         *     projection: ol.ProjectionLike,
+         *     target: (Element|undefined)}}
+         */
+        interface DragAndDropOptions {
+            formatConstructors?: ((n: ol.format.Feature) => any)[];
+            projection: ol.ProjectionLike;
+            target?: Element;
+        }
+
+
+        /**
+         * @typedef {{className: (string|undefined),
+         *     condition: (ol.EventsConditionType|undefined),
+         *     boxEndCondition: (ol.DragBoxEndConditionType|undefined)}}
+         */
+        interface DragBoxOptions {
+            className?: string;
+            condition?: ol.EventsConditionType;
+            boxEndCondition?: ol.DragBoxEndConditionType;
+        }
+
+
+        /**
+         * @typedef {{condition: (ol.EventsConditionType|undefined),
+         *     kinetic: (ol.Kinetic|undefined)}}
+         */
+        interface DragPanOptions {
+            condition?: ol.EventsConditionType;
+            kinetic?: ol.Kinetic;
+        }
+
+
+        /**
+         * @typedef {{condition: (ol.EventsConditionType|undefined),
+         *     duration: (number|undefined)}}
+         */
+        interface DragRotateAndZoomOptions {
+            condition?: ol.EventsConditionType;
+            duration?: number;
+        }
+
+
+        /**
+         * @typedef {{condition: (ol.EventsConditionType|undefined),
+         *     duration: (number|undefined)}}
+         */
+        interface DragRotateOptions {
+            condition?: ol.EventsConditionType;
+            duration?: number;
+        }
+
+
+        /**
+         * @typedef {{className: (string|undefined),
+         *     condition: (ol.EventsConditionType|undefined),
+         *     duration: (number|undefined),
+         *     out: (boolean|undefined)}}
+         */
+        interface DragZoomOptions {
+            className?: string;
+            condition?: ol.EventsConditionType;
+            duration?: number;
+            out?: boolean;
+        }
+
+
+        /**
+         * @typedef {{clickTolerance: (number|undefined),
+         *     features: (ol.Collection.<ol.Feature>|undefined),
+         *     source: (ol.source.Vector|undefined),
+         *     snapTolerance: (number|undefined),
+         *     type: ol.geom.GeometryType,
+         *     maxPoints: (number|undefined),
+         *     minPoints: (number|undefined),
+         *     finishCondition: (ol.EventsConditionType|undefined),
+         *     style: (ol.style.Style|Array.<ol.style.Style>|ol.StyleFunction|undefined),
+         *     geometryFunction: (ol.DrawGeometryFunctionType|undefined),
+         *     geometryName: (string|undefined),
+         *     condition: (ol.EventsConditionType|undefined),
+         *     freehandCondition: (ol.EventsConditionType|undefined),
+         *     wrapX: (boolean|undefined)}}
+         */
+        interface DrawOptions {
+            clickTolerance?: number;
+            features?: ol.Collection<ol.Feature>;
+            source?: ol.source.Vector;
+            snapTolerance?: number;
+            type: ol.geom.GeometryType;
+            maxPoints?: number;
+            minPoints?: number;
+            finishCondition?: ol.EventsConditionType;
+            style?: (ol.style.Style | ol.style.Style[] | ol.StyleFunction);
+            geometryFunction?: ol.DrawGeometryFunctionType;
+            geometryName?: string;
+            condition?: ol.EventsConditionType;
+            freehandCondition?: ol.EventsConditionType;
+            wrapX?: boolean;
+        }
+
+
+        /**
+         * @typedef {{
+         *     features: (ol.Collection.<ol.Feature>|undefined),
+         *     layers: (undefined|Array.<ol.layer.Layer>|function(ol.layer.Layer): boolean)
+         * }}
+         */
+        interface TranslateOptions {
+            features?: ol.Collection<ol.Feature>;
+            layers?: (ol.layer.Layer[] | ((layer: ol.layer.Layer) => boolean));
+            hitTolerance?: number;
+        }
+
+
+        /**
+         * @typedef {{condition: (ol.EventsConditionType|undefined),
+         *     duration: (number|undefined),
+         *     pixelDelta: (number|undefined)}}
+         */
+        interface KeyboardPanOptions {
+            condition?: ol.EventsConditionType;
+            duration?: number;
+            pixelDelta?: number;
+        }
+
+
+        /**
+         * @typedef {{duration: (number|undefined),
+         *     condition: (ol.EventsConditionType|undefined),
+         *     delta: (number|undefined)}}
+         */
+        interface KeyboardZoomOptions {
+            duration?: number;
+            condition?: ol.EventsConditionType;
+            delta?: number;
+        }
+
+
+        /**
+         * @typedef {{condition: (ol.EventsConditionType|undefined),
+         *     deleteCondition: (ol.EventsConditionType|undefined),
+         *     pixelTolerance: (number|undefined),
+         *     style: (ol.style.Style|Array.<ol.style.Style>|ol.StyleFunction|undefined),
+         *     features: ol.Collection.<ol.Feature>,
+         *     wrapX: (boolean|undefined)}}
+         */
+        interface ModifyOptions {
+            condition?: ol.EventsConditionType;
+            deleteCondition?: ol.EventsConditionType;
+            pixelTolerance?: number;
+            style?: (ol.style.Style | ol.style.Style[] | ol.StyleFunction);
+            features: ol.Collection<ol.Feature>;
+            wrapX?: boolean;
+        }
+
+
+        /**
+         * @typedef {{duration: (number|undefined),
+         *     useAnchor: (boolean|undefined)}}
+         */
+        interface MouseWheelZoomOptions {
+            duration?: number;
+            useAnchor?: boolean;
+        }
+
+
+        /**
+         * @typedef {{threshold: (number|undefined),
+         *     duration: (number|undefined)}}
+         */
+        interface PinchRotateOptions {
+            duration?: number;
+            threshold?: number;
+        }
+
+
+        /**
+         * @typedef {{duration: (number|undefined)}}
+         */
+        interface PinchZoomOptions {
+            duration?: number;
+        }
+
+
+        /**
+         * @typedef {{handleDownEvent: (function(ol.MapBrowserPointerEvent):boolean|undefined),
+         *     handleDragEvent: (function(ol.MapBrowserPointerEvent)|undefined),
+         *     handleEvent: (function(ol.MapBrowserEvent):boolean|undefined),
+         *     handleMoveEvent: (function(ol.MapBrowserPointerEvent)|undefined),
+         *     handleUpEvent: (function(ol.MapBrowserPointerEvent):boolean|undefined)}}
+         */
+        interface PointerOptions {
+            handleDownEvent?: ((event: ol.MapBrowserPointerEvent) => boolean);
+            handleDragEvent?: ((event: ol.MapBrowserPointerEvent) => boolean);
+            handleEvent?: ((event: ol.MapBrowserPointerEvent) => boolean);
+            handleMoveEvent?: ((event: ol.MapBrowserPointerEvent) => boolean);
+            handleUpEvent?: ((event: ol.MapBrowserPointerEvent) => boolean);
+        }
+
+
+        /**
+         * @typedef {{addCondition: (ol.EventsConditionType|undefined),
+         *     condition: (ol.EventsConditionType|undefined),
+         *     layers: (undefined|Array.<ol.layer.Layer>|function(ol.layer.Layer): boolean),
+         *     style: (ol.style.Style|Array.<ol.style.Style>|ol.StyleFunction|undefined),
+         *     removeCondition: (ol.EventsConditionType|undefined),
+         *     toggleCondition: (ol.EventsConditionType|undefined),
+         *     multi: (boolean|undefined),
+         *     features: (ol.Collection.<ol.Feature>|undefined),
+         *     filter: (ol.SelectFilterFunction|undefined),
+         *     wrapX: (boolean|undefined)}}
+         */
+        interface SelectOptions {
+            addCondition?: ol.EventsConditionType;
+            condition?: ol.EventsConditionType;
+            layers?: (ol.layer.Layer[] | ((layer: ol.layer.Layer) => boolean));
+            style?: (ol.style.Style | ol.style.Style[] | ol.StyleFunction);
+            removeCondition?: ol.EventsConditionType;
+            toggleCondition?: ol.EventsConditionType;
+            multi?: boolean;
+            features?: ol.Collection<ol.Feature>;
+            filter?: ol.SelectFilterFunction;
+            wrapX?: boolean;
+        }
+
+
+        /**
+         * Options for snap
+         * @typedef {{
+         *     features: (ol.Collection.<ol.Feature>|undefined),
+         *     pixelTolerance: (number|undefined),
+         *     source: (ol.source.Vector|undefined),
+         *     edge: (boolean|undefined),
+         *     vertex: (boolean|undefined)
+         * }}
+         */
+        interface SnapOptions {
+            features?: ol.Collection<ol.Feature>;
+            edge?: boolean;
+            vertex?: boolean;
+            pixelTolerance?: number;
+            source?: ol.source.Vector;
+        }
+
+
+    }
+
+    /**
+     * @namespace olx.layer
+     */
+    module layer {
+        /**
+         * @typedef {{opacity: (number|undefined),
+         *     visible: (boolean|undefined),
+         *     extent: (ol.Extent|undefined),
+         *     zIndex: (number|undefined),
+         *     minResolution: (number|undefined),
+         *     maxResolution: (number|undefined)}}
+         */
+        interface BaseOptions {
+            opacity?: number;
+            visible?: boolean;
+            extent?: ol.Extent;
+            zIndex?: number;
+            minResolution?: number;
+            maxResolution?: number;
+        }
+
+
+        /**
+         * @typedef {{opacity: (number|undefined),
+         *     source: (ol.source.Source|undefined),
+         *     visible: (boolean|undefined),
+         *     extent: (ol.Extent|undefined),
+         *     zIndex: (number|undefined),
+         *     minResolution: (number|undefined),
+         *     maxResolution: (number|undefined)}}
+         */
+        interface LayerOptions {
+            opacity?: number;
+            source?: ol.source.Source;
+            visible?: boolean;
+            extent?: ol.Extent;
+            zIndex?: number;
+            minResolution?: number;
+            maxResolution?: number;
+        }
+
+
+        /**
+         * @typedef {{opacity: (number|undefined),
+         *     visible: (boolean|undefined),
+         *     extent: (ol.Extent|undefined),
+         *     zIndex: (number|undefined),
+         *     minResolution: (number|undefined),
+         *     maxResolution: (number|undefined),
+         *     layers: (Array.<ol.layer.Base>|ol.Collection.<ol.layer.Base>|undefined)}}
+         */
+        interface GroupOptions {
+            opacity?: number;
+            visible?: boolean;
+            extent?: ol.Extent;
+            zIndex?: number;
+            minResolution?: number;
+            maxResolution?: number;
+            layers?: (ol.layer.Base[] | ol.Collection<ol.layer.Base>);
+        }
+
+
+        /**
+         * @typedef {{gradient: (Array.<string>|undefined),
+         *     radius: (number|undefined),
+         *     blur: (number|undefined),
+         *     shadow: (number|undefined),
+         *     weight: (string|function(ol.Feature):number|undefined),
+         *     extent: (ol.Extent|undefined),
+         *     minResolution: (number|undefined),
+         *     maxResolution: (number|undefined),
+         *     opacity: (number|undefined),
+         *     source: (ol.source.Vector|undefined),
+         *     visible: (boolean|undefined)}}
+         */
+        interface HeatmapOptions {
+            gradient?: string[];
+            radius?: number;
+            blur?: number;
+            shadow?: number;
+            weight: (string | ((feature: ol.Feature) => number));
+            extent?: ol.Extent;
+            minResolution?: number;
+            maxResolution?: number;
+            opacity?: number;
+            source: ol.source.Vector;
+            visible?: boolean;
+        }
+
+
+        /**
+         * @typedef {{opacity: (number|undefined),
+         *     map: (ol.Map|undefined),
+         *     source: (ol.source.Image|undefined),
+         *     visible: (boolean|undefined),
+         *     extent: (ol.Extent|undefined),
+         *     minResolution: (number|undefined),
+         *     maxResolution: (number|undefined)}}
+         */
+        interface ImageOptions {
+            opacity?: number;
+            source: ol.source.Image;
+            map?: ol.Map;
+            visible?: boolean;
+            extent?: ol.Extent;
+            minResolution?: number;
+            maxResolution?: number;
+        }
+
+
+        /**
+         * @typedef {{opacity: (number|undefined),
+         *     preload: (number|undefined),
+         *     source: (ol.source.Tile|undefined),
+         *     map: (ol.Map|undefined),
+         *     visible: (boolean|undefined),
+         *     extent: (ol.Extent|undefined),
+         *     minResolution: (number|undefined),
+         *     maxResolution: (number|undefined),
+         *     useInterimTilesOnError: (boolean|undefined)}}
+         */
+        interface TileOptions {
+            opacity?: number;
+            preload?: number;
+            source: ol.source.Tile;
+            map?: ol.Map;
+            visible?: boolean;
+            extent?: ol.Extent;
+            minResolution?: number;
+            maxResolution?: number;
+            useInterimTilesOnError?: boolean;
+        }
+
+
+        /**
+         * @typedef {{renderOrder: (function(ol.Feature, ol.Feature):number|null|undefined),
+         *     minResolution: (number|undefined),
+         *     maxResolution: (number|undefined),
+         *     opacity: (number|undefined),
+         *     renderBuffer: (number|undefined),
+         *     source: (ol.source.Vector|undefined),
+         *     map: (ol.Map|undefined),
+         *     style: (ol.style.Style|Array.<ol.style.Style>|ol.StyleFunction|undefined),
+         *     updateWhileAnimating: (boolean|undefined),
+         *     updateWhileInteracting: (boolean|undefined),
+         *     visible: (boolean|undefined)}}
+         */
+        interface VectorOptions {
+            renderOrder?: (feature1: ol.Feature, feature2: ol.Feature) => number;
+            map?: ol.Map;
+            extent?: ol.Extent;
+            minResolution?: number;
+            maxResolution?: number;
+            opacity?: number;
+            renderBuffer?: number;
+            source: ol.source.Vector;
+            style?: (ol.style.Style | ol.style.Style[] | ol.StyleFunction);
+            updateWhileAnimating?: boolean;
+            updateWhileInteracting?: boolean;
+            visible?: boolean;
+        }
+
+
+        /**
+         * @typedef {{extent: (ol.Extent|undefined),
+         *     map: (ol.Map|undefined),
+         *     minResolution: (number|undefined),
+         *     maxResolution: (number|undefined),
+         *     opacity: (number|undefined),
+         *     renderBuffer: (number|undefined),
+         *     renderMode: (ol.layer.VectorTileRenderType|string|undefined),
+         *     renderOrder: (function(ol.Feature, ol.Feature):number|undefined),
+         *     source: (ol.source.VectorTile|undefined),
+         *     style: (ol.style.Style|Array.<ol.style.Style>|ol.StyleFunction|undefined),
+         *     updateWhileAnimating: (boolean|undefined),
+         *     updateWhileInteracting: (boolean|undefined),
+         *     visible: (boolean|undefined)}}
+         */
+        interface VectorTileOptions {
+            renderBuffer?: number;
+            renderMode?: (ol.layer.VectorTileRenderType | string);
+            renderOrder: (feature1: ol.Feature, feature2: ol.Feature) => number;
+            map?: ol.Map;
+            extent?: ol.Extent;
+            minResolution?: number;
+            maxResolution?: number;
+            opacity?: number;
+            source?: ol.source.VectorTile;
+            style?: (ol.style.Style | ol.style.Style[] | ol.StyleFunction);
+            updateWhileAnimating?: boolean;
+            updateWhileInteracting?: boolean;
+            visible?: boolean;
+        }
+
+
+    }
+
+    /**
+     * @namespace olx.parser
+     */
+    module parser {
+    }
+
+    /**
+     * @namespace olx.render
+     */
+    module render {
+        /**
+         * @typedef {{size: (ol.Size|undefined),
+         *     pixelRatio: (number|undefined)}}
+         */
+        interface ToContextOptions {
+            size?: ol.Size;
+            pixelRatio?: number;
+        }
+
+
+    }
+
+    /**
+     * @namespace olx.source
+     */
+    module source {
+        /**
+         * @typedef {{cacheSize: (number|undefined),
+         *     culture: (string|undefined),
+         *     key: string,
+         *     imagerySet: string,
+         *     maxZoom: (number|undefined),
+         *     reprojectionErrorThreshold: (number|undefined),
+         *     tileLoadFunction: (ol.TileLoadFunctionType|undefined),
+         *     wrapX: (boolean|undefined)}}
+         */
+        interface BingMapsOptions {
+            cacheSize?: number;
+            culture?: string;
+            key: string;
+            imagerySet: string;
+            maxZoom?: number;
+            reprojectionErrorThreshold?: number;
+            tileLoadFunction?: ol.TileLoadFunctionType;
+            wrapX?: boolean;
+        }
+
+
+        /**
+         * @typedef {{attributions: (ol.AttributionLike|undefined),
+         *     distance: (number|undefined),
+         *     extent: (ol.Extent|undefined),
+         *     format: (ol.format.Feature|undefined),
+         *     geometryFunction: (undefined|function(ol.Feature):ol.geom.Point),
+         *     logo: (string|undefined),
+         *     projection: ol.ProjectionLike,
+         *     source: ol.source.Vector,
+         *     wrapX: (boolean|undefined)}}
+         */
+        interface ClusterOptions {
+            attributions?: ol.AttributionLike;
+            distance?: number;
+            extent?: ol.Extent;
+            geometryFunction?: ((feature: ol.Feature) => ol.geom.Point);
+            format?: ol.format.Feature;
+            logo?: string;
+            projection?: ol.ProjectionLike;
+            source: ol.source.Vector;
+            wrapX?: boolean;
+        }
+
+        type TileJSON = JSON;
+
+        /**
+         * @typedef {{preemptive: (boolean|undefined),
+         *     jsonp: (boolean|undefined),
+         *     tileJSON: (TileJSON|undefined),
+         *     url: (string|undefined)}}
+         */
+        interface TileUTFGridOptions {
+            jsonp?: boolean;
+            preemptive?: boolean;
+            tileJSON?: TileJSON;
+            url?: string;
+        }
+
+
+        /**
+         * @typedef {{attributions: (ol.AttributionLike|undefined),
+         *            cacheSize: (number|undefined),
+         *            crossOrigin: (null|string|undefined),
+         *            logo: (string|olx.LogoOptions|undefined),
+         *            opaque: (boolean|undefined),
+         *            projection: ol.ProjectionLike,
+         *            reprojectionErrorThreshold: (number|undefined),
+         *            state: (ol.source.State|undefined),
+         *            tileClass: (function(new: ol.ImageTile, ol.TileCoord,
+         *                                 ol.Tile.State, string, ?string,
+         *                                 ol.TileLoadFunctionType)|undefined),
+         *            tileGrid: (ol.tilegrid.TileGrid|undefined),
+         *            tileLoadFunction: (ol.TileLoadFunctionType|undefined),
+         *            tilePixelRatio: (number|undefined),
+         *            tileUrlFunction: (ol.TileUrlFunctionType|undefined),
+         *            url: (string|undefined),
+         *            urls: (Array.<string>|undefined),
+         *            wrapX: (boolean|undefined)}}
+         */
+        interface TileImageOptions {
+            attributions?: ol.AttributionLike;
+            cacheSize?: number;
+            crossOrigin?: (string);
+            logo?: (string | olx.LogoOptions);
+            opaque?: boolean;
+            projection: ol.ProjectionLike;
+            reprojectionErrorThreshold?: number;
+            state?: ol.source.State;
+            tileClass?: ((n: ol.ImageTile, coords: ol.TileCoord, state: ol.Tile.State, s1: string, s2: string, type: ol.TileLoadFunctionType) => any);
+            tileGrid?: ol.tilegrid.TileGrid;
+            tileLoadFunction?: ol.TileLoadFunctionType;
+            tilePixelRatio?: number;
+            tileUrlFunction?: ol.TileUrlFunctionType;
+            url?: string;
+            urls?: string[];
+            wrapX?: boolean;
+        }
+
+
+        /**
+         * @typedef {{attributions: (ol.AttributionLike|undefined),
+         *            cacheSize: (number|undefined),
+         *            format: (ol.format.Feature|undefined),
+         *            logo: (string|olx.LogoOptions|undefined),
+         *            overlaps: (boolean|undefined),
+         *            projection: ol.ProjectionLike,
+         *            state: (ol.source.State|undefined),
+         *            tileClass: (function(new: ol.VectorTile, ol.TileCoord,
+         *                 ol.Tile.State, string, ol.format.Feature,
+         *                 ol.TileLoadFunctionType)|undefined),
+         *            tileGrid: (ol.tilegrid.TileGrid|undefined),
+         *            tileLoadFunction: (ol.TileLoadFunctionType|undefined),
+         *            tilePixelRatio: (number|undefined),
+         *            tileUrlFunction: (ol.TileUrlFunctionType|undefined),
+         *            url: (string|undefined),
+         *            urls: (Array.<string>|undefined),
+         *            wrapX: (boolean|undefined)}}
+         */
+        interface VectorTileOptions {
+            attributions?: ol.AttributionLike;
+            cacheSize?: number;
+            format?: ol.format.Feature;
+            logo?: (string | olx.LogoOptions);
+            overlaps?: boolean;
+            projection: ol.ProjectionLike;
+            state?: ol.source.State;
+            tileClass?: ((n: ol.VectorTile, coords: ol.TileCoord, state: ol.Tile.State, s: string, feature: ol.format.Feature, type: ol.TileLoadFunctionType) => any);
+            tileGrid?: ol.tilegrid.TileGrid;
+            tileLoadFunction?: ol.TileLoadFunctionType;
+            tilePixelRatio?: number;
+            tileUrlFunction?: ol.TileUrlFunctionType;
+            url?: string;
+            urls?: string[];
+            wrapX?: boolean;
+        }
+
+
+        /**
+         * @typedef {{url: (string|undefined),
+         *     displayDpi: (number|undefined),
+         *     metersPerUnit: (number|undefined),
+         *     hidpi: (boolean|undefined),
+         *     useOverlay: (boolean|undefined),
+         *     projection: ol.ProjectionLike,
+         *     ratio: (number|undefined),
+         *     resolutions: (Array.<number>|undefined),
+         *     imageLoadFunction: (ol.ImageLoadFunctionType|undefined),
+         *     params: (Object|undefined)}}
+         */
+        interface ImageMapGuideOptions {
+            url?: string;
+            displayDpi?: number;
+            metersPerUnit?: number;
+            hidpi?: boolean;
+            useOverlay?: boolean;
+            projection: ol.ProjectionLike;
+            ratio?: number;
+            resolutions?: number[];
+            imageLoadFunction?: ol.ImageLoadFunctionType;
+            params?: GlobalObject;
+        }
+
+
+        /**
+         * @typedef {{cacheSize: (number|undefined),
+         *     layer: string,
+         *     reprojectionErrorThreshold: (number|undefined),
+         *     tileLoadFunction: (ol.TileLoadFunctionType|undefined),
+         *     url: (string|undefined)}}
+         */
+        interface MapQuestOptions {
+            cacheSize?: number;
+            layer: string;
+            reprojectionErrorThreshold?: number;
+            tileLoadFunction?: ol.TileLoadFunctionType;
+            url?: string;
+        }
+
+
+        /**
+         * @typedef {{projection: ol.ProjectionLike,
+         *     tileGrid: (ol.tilegrid.TileGrid|undefined),
+         *     wrapX: (boolean|undefined)}}
+         */
+        interface TileDebugOptions {
+            projection: ol.ProjectionLike;
+            tileGrid?: ol.tilegrid.TileGrid;
+            wrapX?: boolean;
+        }
+
+
+        /**
+         * @typedef {{attributions: (ol.AttributionLike|undefined),
+         *     cacheSize: (number|undefined),
+         *     crossOrigin: (null|string|undefined),
+         *     maxZoom: (number|undefined),
+         *     opaque: (boolean|undefined),
+         *     reprojectionErrorThreshold: (number|undefined),
+         *     tileLoadFunction: (ol.TileLoadFunctionType|undefined),
+         *     url: (string|undefined),
+         *     wrapX: (boolean|undefined)}}
+         */
+        interface OSMOptions {
+            attributions?: ol.AttributionLike;
+            cacheSize?: number;
+            crossOrigin?: (string);
+            maxZoom?: number;
+            opaque?: boolean;
+            reprojectionErrorThreshold?: number;
+            tileLoadFunction?: ol.TileLoadFunctionType;
+            url?: string;
+            wrapX?: boolean;
+        }
+
+
+        /**
+         * @typedef {{attributions: (Array.<ol.Attribution>|undefined),
+         *     crossOrigin: (null|string|undefined),
+         *     logo: (string|olx.LogoOptions|undefined),
+         *     imageLoadFunction: (ol.ImageLoadFunctionType|undefined),
+         *     params: Object.<string,*>,
+         *     projection: ol.ProjectionLike,
+         *     ratio: (number|undefined),
+         *     resolutions: (Array.<number>|undefined),
+         *     url: (string|undefined)}}
+         */
+        interface ImageArcGISRestOptions {
+            attributions?: ol.Attribution[];
+            crossOrigin?: (string);
+            logo?: (string | olx.LogoOptions);
+            imageLoadFunction?: ol.ImageLoadFunctionType;
+            params?: { [k: string]: any };
+            projection: ol.ProjectionLike;
+            ratio?: number;
+            resolutions?: number[];
+            url?: string;
+        }
+
+
+        /**
+         * @typedef {{attributions: (ol.AttributionLike|undefined),
+         *     canvasFunction: ol.CanvasFunctionType,
+         *     logo: (string|olx.LogoOptions|undefined),
+         *     projection: ol.ProjectionLike,
+         *     ratio: (number|undefined),
+         *     resolutions: (Array.<number>|undefined),
+         *     state: (ol.source.State|undefined)}}
+         */
+        interface ImageCanvasOptions {
+            attributions?: ol.AttributionLike;
+            canvasFunction: ol.CanvasFunctionType;
+            logo?: (string | olx.LogoOptions);
+            projection: ol.ProjectionLike;
+            ratio?: number;
+            resolutions?: number[];
+            state?: ol.source.State;
+        }
+
+
+        /**
+         * @typedef {{attributions: (ol.AttributionLike|undefined),
+         *     logo: (string|olx.LogoOptions|undefined),
+         *     projection: ol.ProjectionLike,
+         *     ratio: (number|undefined),
+         *     renderBuffer: (number|undefined),
+         *     resolutions: (Array.<number>|undefined),
+         *     source: ol.source.Vector,
+         *     style: (ol.style.Style|Array.<ol.style.Style>|ol.StyleFunction|undefined)}}
+         */
+        interface ImageVectorOptions {
+            attributions?: ol.AttributionLike;
+            logo?: (string | olx.LogoOptions);
+            projection: ol.ProjectionLike;
+            ratio?: number;
+            renderBuffer?: number;
+            resolutions?: number[];
+            source: ol.source.Vector;
+            style?: (ol.style.Style | ol.style.Style[] | ol.StyleFunction);
+        }
+
+
+        /**
+         * @typedef {{sources: Array.<ol.source.Source>,
+         *     operation: (ol.RasterOperation|undefined),
+         *     lib: (Object|undefined),
+         *     threads: (number|undefined),
+         *     operationType: (ol.RasterOperationType|undefined)}}
+         * @api
+         */
+        interface RasterOptions {
+            sources: ol.source.Source[];
+            operation?: ol.RasterOperation;
+            lib?: GlobalObject;
+            threads?: number;
+            operationType?: ol.RasterOperationType;
+        }
+
+
+        /**
+         * @typedef {{attributions: (ol.AttributionLike|undefined),
+         *     crossOrigin: (null|string|undefined),
+         *     hidpi: (boolean|undefined),
+         *     serverType: (ol.source.wms.ServerType|string|undefined),
+         *     logo: (string|olx.LogoOptions|undefined),
+         *     imageLoadFunction: (ol.ImageLoadFunctionType|undefined),
+         *     params: Object.<string,*>,
+         *     projection: ol.ProjectionLike,
+         *     ratio: (number|undefined),
+         *     resolutions: (Array.<number>|undefined),
+         *     url: (string|undefined)}}
+         */
+        interface ImageWMSOptions {
+            attributions?: ol.AttributionLike;
+            crossOrigin?: (string);
+            hidpi?: boolean;
+            serverType?: (ol.source.wms.ServerType | string);
+            imageLoadFunction?: ol.ImageLoadFunctionType;
+            logo?: (string | olx.LogoOptions);
+            params: { [k: string]: any };
+            projection: ol.ProjectionLike;
+            ratio?: number;
+            resolutions?: number[];
+            url?: string;
+        }
+
+
+        /**
+         * @typedef {{cacheSize: (number|undefined),
+         *     layer: string,
+         *     minZoom: (number|undefined),
+         *     maxZoom: (number|undefined),
+         *     opaque: (boolean|undefined),
+         *     reprojectionErrorThreshold: (number|undefined),
+         *     tileLoadFunction: (ol.TileLoadFunctionType|undefined),
+         *     url: (string|undefined)}}
+         */
+        interface StamenOptions {
+            cacheSize?: number;
+            layer: string;
+            minZoom?: number;
+            maxZoom?: number;
+            opaque?: boolean;
+            reprojectionErrorThreshold?: number;
+            tileLoadFunction?: ol.TileLoadFunctionType;
+            url?: string;
+        }
+
+
+        /**
+         * @typedef {{attributions: (ol.AttributionLike|undefined),
+         *     crossOrigin: (null|string|undefined),
+         *     imageExtent: (ol.Extent),
+         *     imageLoadFunction: (ol.ImageLoadFunctionType|undefined),
+         *     imageSize: (ol.Size|undefined),
+         *     logo: (string|olx.LogoOptions|undefined),
+         *     projection: ol.ProjectionLike,
+         *     url: string}}
+         */
+        interface ImageStaticOptions {
+            attributions?: ol.AttributionLike;
+            crossOrigin?: (string);
+            imageExtent: ol.Extent;
+            imageLoadFunction?: ol.ImageLoadFunctionType;
+            logo?: (string | olx.LogoOptions);
+            projection: ol.ProjectionLike;
+            imageSize?: ol.Size;
+            url: string;
+        }
+
+
+        /**
+         * @typedef {{attributions: (ol.AttributionLike|undefined),
+         *     cacheSize: (number|undefined),
+         *     crossOrigin: (null|string|undefined),
+         *     params: (Object.<string, *>|undefined),
+         *     logo: (string|olx.LogoOptions|undefined),
+         *     tileGrid: (ol.tilegrid.TileGrid|undefined),
+         *     projection: ol.ProjectionLike,
+         *     reprojectionErrorThreshold: (number|undefined),
+         *     tileLoadFunction: (ol.TileLoadFunctionType|undefined),
+         *     url: (string|undefined),
+         *     urls: (Array.<string>|undefined),
+         *     wrapX: (boolean|undefined)}}
+         */
+        interface TileArcGISRestOptions {
+            attributions?: ol.AttributionLike;
+            cacheSize?: number;
+            crossOrigin?: (string);
+            params?: { [k: string]: any };
+            logo?: (string | olx.LogoOptions);
+            tileGrid?: ol.tilegrid.TileGrid;
+            projection?: ol.ProjectionLike;
+            reprojectionErrorThreshold?: number;
+            tileLoadFunction?: ol.TileLoadFunctionType;
+            url?: string;
+            wrapX?: boolean;
+            urls?: string[];
+        }
+
+
+        /**
+         * @typedef {{attributions: (ol.AttributionLike|undefined),
+         *     cacheSize: (number|undefined),
+         *     crossOrigin: (null|string|undefined),
+         *     jsonp: (boolean|undefined),
+         *     reprojectionErrorThreshold: (number|undefined),
+         *     tileLoadFunction: (ol.TileLoadFunctionType|undefined),
+         *     url: string,
+         *     wrapX: (boolean|undefined)}}
+         */
+        interface TileJSONOptions {
+            attributions?: ol.AttributionLike;
+            cacheSize?: number;
+            crossOrigin?: (string);
+            jsonp?: boolean;
+            reprojectionErrorThreshold?: number;
+            tileLoadFunction?: ol.TileLoadFunctionType;
+            url: string;
+            wrapX?: boolean;
+        }
+
+
+        /**
+         * @typedef {{attributions: (ol.AttributionLike|undefined),
+         *     cacheSize: (number|undefined),
+         *     params: Object.<string,*>,
+         *     crossOrigin: (null|string|undefined),
+         *     gutter: (number|undefined),
+         *     hidpi: (boolean|undefined),
+         *     logo: (string|olx.LogoOptions|undefined),
+         *     tileGrid: (ol.tilegrid.TileGrid|undefined),
+         *     projection: ol.ProjectionLike,
+         *     reprojectionErrorThreshold: (number|undefined),
+         *     serverType: (ol.source.wms.ServerType|string|undefined),
+         *     tileLoadFunction: (ol.TileLoadFunctionType|undefined),
+         *     url: (string|undefined),
+         *     urls: (Array.<string>|undefined),
+         *     wrapX: (boolean|undefined)}}
+         */
+        interface TileWMSOptions {
+            attributions?: ol.AttributionLike;
+            cacheSize?: number;
+            params: { [k: string]: any };
+            crossOrigin?: (string);
+            gutter?: number;
+            hidpi?: boolean;
+            logo?: (string | olx.LogoOptions);
+            tileGrid?: ol.tilegrid.TileGrid;
+            projection: ol.ProjectionLike;
+            reprojectionErrorThreshold?: number;
+            serverType?: (ol.source.wms.ServerType | string);
+            tileLoadFunction?: ol.TileLoadFunctionType;
+            url?: string;
+            urls?: string[];
+            wrapX?: boolean;
+        }
+
+
+        /**
+         * @typedef {{attributions: (ol.AttributionLike|undefined),
+         *     features: (Array.<ol.Feature>|ol.Collection.<ol.Feature>|undefined),
+         *     format: (ol.format.Feature|undefined),
+         *     loader: (ol.FeatureLoader|undefined),
+         *     logo: (string|olx.LogoOptions|undefined),
+         *     overlaps: (boolean|undefined),
+         *     strategy: (ol.LoadingStrategy|undefined),
+         *     url: (string|ol.FeatureUrlFunction|undefined),
+         *     useSpatialIndex: (boolean|undefined),
+         *     wrapX: (boolean|undefined)}}
+         */
+        interface VectorOptions {
+            attributions?: ol.AttributionLike;
+            features?: (ol.Feature[] | ol.Collection<ol.Feature>);
+            format?: ol.format.Feature;
+            loader?: ol.FeatureLoader;
+            logo?: (string | olx.LogoOptions);
+            overlaps?: boolean;
+            strategy?: ol.LoadingStrategy;
+            url?: (string | ol.FeatureUrlFunction);
+            useSpatialIndex?: boolean;
+            wrapX?: boolean;
+        }
+
+
+        /**
+         * @typedef {{attributions: (ol.AttributionLike|undefined),
+         *     cacheSize: (number|undefined),
+         *     crossOrigin: (string|null|undefined),
+         *     logo: (string|olx.LogoOptions|undefined),
+         *     tileGrid: ol.tilegrid.WMTS,
+         *     projection: ol.ProjectionLike,
+         *     reprojectionErrorThreshold: (number|undefined),
+         *     requestEncoding: (ol.source.WMTSRequestEncoding|string|undefined),
+         *     layer: string,
+         *     style: string,
+         *     tilePixelRatio: (number|undefined),
+         *     version: (string|undefined),
+         *     format: (string|undefined),
+         *     matrixSet: string,
+         *     dimensions: (!Object|undefined),
+         *     url: (string|undefined),
+         *     tileLoadFunction: (ol.TileLoadFunctionType|undefined),
+         *     urls: (Array.<string>|undefined),
+         *     tileClass: (function(new: ol.ImageTile, ol.TileCoord,
+         *                          ol.Tile.State, string, ?string,
+         *                          ol.TileLoadFunctionType)|undefined),
+         *     wrapX: (boolean|undefined)}}
+         */
+        interface WMTSOptions {
+            attributions?: ol.AttributionLike;
+            cacheSize?: number;
+            crossOrigin?: (string);
+            logo?: (string | olx.LogoOptions);
+            tileGrid: ol.tilegrid.WMTS;
+            projection: ol.ProjectionLike;
+            reprojectionErrorThreshold?: number;
+            requestEncoding?: (ol.source.WMTSRequestEncoding | string);
+            layer: string;
+            style: string;
+            tileClass?: ((n: ol.ImageTile, coords: ol.TileCoord, state: ol.Tile.State, s1: string, s2: string, type: ol.TileLoadFunctionType) => any);
+            tilePixelRatio?: number;
+            version?: string;
+            format?: string;
+            matrixSet: string;
+            dimensions?: GlobalObject;
+            url?: string;
+            tileLoadFunction?: ol.TileLoadFunctionType;
+            urls?: string[];
+            wrapX?: boolean;
+        }
+
+
+        /**
+         * @typedef {{attributions: (ol.AttributionLike|undefined),
+         *     cacheSize: (number|undefined),
+         *     crossOrigin: (null|string|undefined),
+         *     logo: (string|olx.LogoOptions|undefined),
+         *     opaque: (boolean|undefined),
+         *     projection: ol.ProjectionLike,
+         *     reprojectionErrorThreshold: (number|undefined),
+         *     maxZoom: (number|undefined),
+         *     minZoom: (number|undefined),
+         *     tileGrid: (ol.tilegrid.TileGrid|undefined),
+         *     tileLoadFunction: (ol.TileLoadFunctionType|undefined),
+         *     tilePixelRatio: (number|undefined),
+         *     tileSize: (number|ol.Size|undefined),
+         *     tileUrlFunction: (ol.TileUrlFunctionType|undefined),
+         *     url: (string|undefined),
+         *     urls: (Array.<string>|undefined),
+         *     wrapX: (boolean|undefined)}}
+         */
+        interface XYZOptions {
+            attributions?: ol.AttributionLike;
+            cacheSize?: number;
+            crossOrigin?: (string);
+            logo?: (string | olx.LogoOptions);
+            opaque?: boolean;
+            projection?: ol.ProjectionLike;
+            reprojectionErrorThreshold?: number;
+            maxZoom?: number;
+            minZoom?: number;
+            tileGrid?: ol.tilegrid.TileGrid;
+            tileLoadFunction?: ol.TileLoadFunctionType;
+            tilePixelRatio?: number;
+            tileSize?: (number | ol.Size);
+            tileUrlFunction?: ol.TileUrlFunctionType;
+            url?: string;
+            urls?: string[];
+            wrapX?: boolean;
+        }
+
+
+        /**
+         * @typedef {{attributions: (ol.AttributionLike|undefined),
+         *     cacheSize: (number|undefined),
+         *     crossOrigin: (null|string|undefined),
+         *     logo: (string|olx.LogoOptions|undefined),
+         *     projection: ol.ProjectionLike,
+         *     maxZoom: (number|undefined),
+         *     minZoom: (number|undefined),
+         *     wrapX: (boolean|undefined),
+         *     config: (Object|undefined),
+         *     map: (string|undefined),
+         *     account: string}}
+         */
+        interface CartoDBOptions {
+            attributions?: ol.AttributionLike;
+            cacheSize?: number;
+            crossOrigin?: (string);
+            logo?: (string | olx.LogoOptions);
+            projection: ol.ProjectionLike;
+            maxZoom?: number;
+            minZoom?: number;
+            wrapX?: boolean;
+            config?: GlobalObject;
+            map?: string;
+            account: string;
+        }
+
+
+        /**
+         * @typedef {{attributions: (ol.AttributionLike|undefined),
+         *     cacheSize: (number|undefined),
+         *     crossOrigin: (null|string|undefined),
+         *     logo: (string|olx.LogoOptions|undefined),
+         *     reprojectionErrorThreshold: (number|undefined),
+         *     url: !string,
+         *     tierSizeCalculation: (string|undefined),
+         *     size: ol.Size}}
+         */
+        interface ZoomifyOptions {
+            attributions?: ol.AttributionLike;
+            cacheSize?: number;
+            crossOrigin?: (string);
+            logo?: (string | olx.LogoOptions);
+            reprojectionErrorThreshold?: number;
+            url: string;
+            tierSizeCalculation?: string;
+            size: ol.Size;
+        }
+
+
+    }
+
+    /**
+     * @namespace olx.style
+     */
+    module style {
+        /**
+         * @typedef {{fill: (ol.style.Fill|undefined),
+         *     radius: number,
+         *     snapToPixel: (boolean|undefined),
+         *     stroke: (ol.style.Stroke|undefined),
+         *     atlasManager: (ol.style.AtlasManager|undefined)}}
+         */
+        interface CircleOptions {
+            fill?: ol.style.Fill;
+            radius: number;
+            snapToPixel?: boolean;
+            stroke?: ol.style.Stroke;
+            atlasManager?: ol.style.AtlasManager;
+        }
+
+
+        /**
+         * @typedef {{color: (ol.Color|ol.ColorLike|undefined)}}
+         */
+        interface FillOptions {
+            color?: (ol.Color | ol.ColorLike);
+        }
+
+
+        /**
+         * @typedef {{anchor: (Array.<number>|undefined),
+         *     anchorOrigin: (ol.style.IconOrigin|undefined),
+         *     anchorXUnits: (ol.style.IconAnchorUnits|undefined),
+         *     anchorYUnits: (ol.style.IconAnchorUnits|undefined),
+         *     color: (ol.Color|string|undefined),
+         *     crossOrigin: (null|string|undefined),
+         *     img: (Image|HTMLCanvasElement|undefined),
+         *     offset: (Array.<number>|undefined),
+         *     offsetOrigin: (ol.style.IconOrigin|undefined),
+         *     opacity: (number|undefined),
+         *     scale: (number|undefined),
+         *     snapToPixel: (boolean|undefined),
+         *     rotateWithView: (boolean|undefined),
+         *     rotation: (number|undefined),
+         *     size: (ol.Size|undefined),
+         *     imgSize: (ol.Size|undefined),
+         *     src: (string|undefined)}}
+         */
+        interface IconOptions {
+            anchor?: number[];
+            anchorOrigin?: ol.style.IconOrigin;
+            anchorXUnits?: ol.style.IconAnchorUnits;
+            anchorYUnits?: ol.style.IconAnchorUnits;
+            color?: (ol.Color | string);
+            crossOrigin?: (string);
+            img?: (any | HTMLCanvasElement);
+            offset?: number[];
+            offsetOrigin?: ol.style.IconOrigin;
+            opacity?: number;
+            scale?: number;
+            snapToPixel?: boolean;
+            rotateWithView?: boolean;
+            rotation?: number;
+            size?: ol.Size;
+            imgSize?: ol.Size;
+            src: string;
+        }
+
+
+        /**
+         * Specify radius for regular polygons, or radius1 and radius2 for stars.
+         * @typedef {{fill: (ol.style.Fill|undefined),
+         *     points: number,
+         *     radius: (number|undefined),
+         *     radius1: (number|undefined),
+         *     radius2: (number|undefined),
+         *     angle: (number|undefined),
+         *     snapToPixel: (boolean|undefined),
+         *     stroke: (ol.style.Stroke|undefined),
+         *     rotation: (number|undefined),
+         *     rotateWithView: (boolean|undefined),
+         *     atlasManager: (ol.style.AtlasManager|undefined)}}
+         */
+        interface RegularShapeOptions {
+            fill?: ol.style.Fill;
+            points: number;
+            radius?: number;
+            radius1?: number;
+            radius2?: number;
+            angle?: number;
+            snapToPixel?: boolean;
+            stroke?: ol.style.Stroke;
+        }
+
+
+        /**
+         * @typedef {{color: (ol.Color|string|undefined),
+         *     lineCap: (string|undefined),
+         *     lineJoin: (string|undefined),
+         *     lineDash: (Array.<number>|undefined),
+         *     miterLimit: (number|undefined),
+         *     width: (number|undefined)}}
+         */
+        interface StrokeOptions {
+            color?: ol.Color | string;
+            lineCap?: string;
+            lineJoin?: string;
+            lineDash?: number[];
+            miterLimit?: number;
+            width?: number;
+        }
+
+
+        /**
+         * @typedef {{font: (string|undefined),
+         *     offsetX: (number|undefined),
+         *     offsetY: (number|undefined),
+         *     scale: (number|undefined),
+         *     rotateWithView: (boolean|undefined),
+         *     rotation: (number|undefined),
+         *     text: (string|undefined),
+         *     textAlign: (string|undefined),
+         *     textBaseline: (string|undefined),
+         *     fill: (ol.style.Fill|undefined),
+         *     stroke: (ol.style.Stroke|undefined)}}
+         */
+        interface TextOptions {
+            font?: string;
+            offsetX?: number;
+            offsetY?: number;
+            scale?: number;
+            rotation?: number;
+            text?: string;
+            textAlign?: string;
+            textBaseline?: string;
+            fill?: ol.style.Fill;
+            stroke?: ol.style.Stroke;
+        }
+
+
+        /**
+         * @typedef {{geometry: (undefined|string|ol.geom.Geometry|ol.StyleGeometryFunction),
+         *     fill: (ol.style.Fill|undefined),
+         *     image: (ol.style.Image|undefined),
+         *     stroke: (ol.style.Stroke|undefined),
+         *     text: (ol.style.Text|undefined),
+         *     zIndex: (number|undefined)}}
+         */
+        interface StyleOptions {
+            geometry?: (string | ol.geom.Geometry | ol.StyleGeometryFunction);
+            fill?: ol.style.Fill;
+            image?: ol.style.Image;
+            stroke?: ol.style.Stroke;
+            text?: ol.style.Text;
+            zIndex?: number;
+        }
+
+
+        /**
+         * @typedef {{initialSize: (number|undefined),
+         *     maxSize: (number|undefined),
+         *     space: (number|undefined)}}
+         */
+        interface AtlasManagerOptions {
+            initialSize?: number;
+            maxSize?: number;
+            space?: number;
+        }
+
+
+    }
+
+    /**
+     * @namespace olx.tilegrid
+     */
+    module tilegrid {
+        /**
+         * @typedef {{extent: (ol.Extent|undefined),
+         *     minZoom: (number|undefined),
+         *     origin: (ol.Coordinate|undefined),
+         *     origins: (Array.<ol.Coordinate>|undefined),
+         *     resolutions: !Array.<number>,
+         *     sizes: (Array.<ol.Size>|undefined),
+         *     tileSize: (number|ol.Size|undefined),
+         *     tileSizes: (Array.<number|ol.Size>|undefined)}}
+         */
+        interface TileGridOptions {
+            extent?: ol.Extent;
+            minZoom?: number;
+            origin?: ol.Coordinate;
+            origins?: ol.Coordinate[];
+            resolutions: number[];
+            tileSize?: (number | ol.Size);
+            tileSizes?: ((number | ol.Size)[]);
+        }
+
+
+        /**
+         * @typedef {{extent: (ol.Extent|undefined),
+         *     origin: (ol.Coordinate|undefined),
+         *     origins: (Array.<ol.Coordinate>|undefined),
+         *     resolutions: !Array.<number>,
+         *     matrixIds: !Array.<string>,
+         *     sizes: (Array.<ol.Size>|undefined),
+         *     tileSize: (number|ol.Size|undefined),
+         *     tileSizes: (Array.<number|ol.Size>|undefined)}}
+         */
+        interface WMTSOptions {
+            extent?: ol.Extent;
+            origin?: ol.Coordinate;
+            origins?: ol.Coordinate[];
+            resolutions: number[];
+            matrixIds: string[];
+            sizes?: ol.Size[];
+            tileSize?: (number | ol.Size);
+            tileSizes?: ((number | ol.Size)[]);
+            widths?: number[];
+        }
+
+
+        /**
+         * @typedef {{extent: (ol.Extent|undefined),
+         *     maxZoom: (number|undefined),
+         *     minZoom: (number|undefined),
+         *     tileSize: (number|ol.Size|undefined)}}
+         */
+        interface XYZOptions {
+            extent?: ol.Extent;
+            maxZoom?: number;
+            minZoom?: number;
+            tileSize?: (number | ol.Size);
+        }
+
+
+    }
+
+    /**
+     * @typedef {{html: string,
+     *     tileRanges: (Object.<string, Array.<ol.TileRange>>|undefined)}}
+     */
+    interface AttributionOptions {
+        html: string;
+    }
+
+
+    /**
+     * @typedef {{tracking: (boolean|undefined)}}
+     */
+    interface DeviceOrientationOptions {
+        tracking?: boolean;
+    }
+
+    /**
+     * @typedef {{tracking: (boolean|undefined),
+     *     trackingOptions: (PositionOptions|undefined),
+     *     projection: ol.ProjectionLike}}
+     */
+    interface GeolocationOptions {
+        tracking?: boolean;
+        trackingOptions?: PositionOptions;
+        projection: ol.ProjectionLike;
+    }
+
+
+    /**
+     * Object literal with config options for the map logo.
+     * @typedef {{href: (string), src: (string)}}
+     */
+    interface LogoOptions {
+        href: string;
+        src: string;
+    }
+
+
+    /**
+     * @typedef {{map: (ol.Map|undefined),
+     *     maxLines: (number|undefined),
+     *     strokeStyle: (ol.style.Stroke|undefined),
+     *     targetSize: (number|undefined)}}
+     */
+    interface GraticuleOptions {
+        map?: ol.Map;
+        maxLines?: number;
+        strokeStyle?: ol.style.Stroke;
+        targetSize?: number;
+    }
+
+
+    /**
+     * Object literal with config options for the map.
+     * @typedef {{controls: (ol.Collection.<ol.control.Control>|Array.<ol.control.Control>|undefined),
+     *     pixelRatio: (number|undefined),
+     *     interactions: (ol.Collection.<ol.interaction.Interaction>|Array.<ol.interaction.Interaction>|undefined),
+     *     keyboardEventTarget: (Element|Document|string|undefined),
+     *     layers: (Array.<ol.layer.Base>|ol.Collection.<ol.layer.Base>|undefined),
+     *     loadTilesWhileAnimating: (boolean|undefined),
+     *     loadTilesWhileInteracting: (boolean|undefined),
+     *     logo: (boolean|string|olx.LogoOptions|Element|undefined),
+     *     overlays: (ol.Collection.<ol.Overlay>|Array.<ol.Overlay>|undefined),
+     *     renderer: (ol.RendererType|Array.<ol.RendererType|string>|string|undefined),
+     *     target: (Element|string|undefined),
+     *     view: (ol.View|undefined)}}
+     */
+    interface MapOptions {
+        controls?: (ol.Collection<ol.control.Control> | ol.control.Control[]);
+        pixelRatio?: number;
+        interactions?: (ol.Collection<ol.interaction.Interaction> | ol.interaction.Interaction[]);
+        keyboardEventTarget?: (Element | Document | string);
+        layers?: (ol.layer.Base[] | ol.Collection<ol.layer.Base>);
+        loadTilesWhileAnimating?: boolean;
+        loadTilesWhileInteracting?: boolean;
+        logo?: (boolean | string | olx.LogoOptions | Element);
+        overlays?: (ol.Collection<ol.Overlay> | ol.Overlay[]);
+        renderer?: (ol.RendererType | (ol.RendererType | string)[] | string);
+        target?: (Element | string);
+        view?: ol.View;
+    }
+
+
+    /**
+     * Object literal with config options for the overlay.
+     * @typedef {{id: (number|string|undefined),
+     *     element: (Element|undefined),
+     *     offset: (Array.<number>|undefined),
+     *     position: (ol.Coordinate|undefined),
+     *     positioning: (ol.OverlayPositioning|string|undefined),
+     *     stopEvent: (boolean|undefined),
+     *     insertFirst: (boolean|undefined),
+     *     autoPan: (boolean|undefined),
+     *     autoPanAnimation: (olx.animation.PanOptions|undefined),
+     *     autoPanMargin: (number|undefined)}}
+     */
+    interface OverlayOptions {
+        id?: (number | string);
+        element?: Element;
+        offset?: number[];
+        position?: ol.Coordinate;
+        positioning?: (ol.OverlayPositioning | string);
+        stopEvent?: boolean;
+        insertFirst?: boolean;
+        autoPan?: boolean;
+        autoPanAnimation?: olx.animation.PanOptions;
+        autoPanMargin?: number;
+    }
+
+
+    /**
+     * Object literal with config options for the projection.
+     * @typedef {{code: string,
+     *     units: (ol.proj.Units|string|undefined),
+     *     extent: (ol.Extent|undefined),
+     *     axisOrientation: (string|undefined),
+     *     global: (boolean|undefined),
+     *     metersPerUnit: (number|undefined),
+     *     worldExtent: (ol.Extent|undefined),
+     *     getPointResolution: (function(number, ol.Coordinate):number|undefined) }}
+     */
+    interface ProjectionOptions {
+        code: string;
+        units?: (ol.proj.Units | string);
+        extent?: ol.Extent;
+        axisOrientation?: string;
+        global?: boolean;
+        metersPerUnit?: number;
+        worldExtent?: ol.Extent;
+        getPointResolution?: ((resolution: number, coords: ol.Coordinate) => number);
+    }
+
+    module view {
+        /**
+         * @typedef {{
+         *     padding: (!Array.<number>|undefined),
+         *     constrainResolution: (boolean|undefined),
+         *     nearest: (boolean|undefined),
+         *     maxZoom: (number|undefined),
+         *     minResolution: (number|undefined)}}
+         */
+        interface FitOptions {
+            padding?: number[];
+            constrainResolution?: boolean;
+            nearest?: boolean;
+            maxZoom?: number;
+            minResolution?: number;
+        }
+    }
+
+    /**
+     * Object literal with config options for the view.
+     * @typedef {{center: (ol.Coordinate|undefined),
+     *     constrainRotation: (boolean|number|undefined),
+     *     enableRotation: (boolean|undefined),
+     *     extent: (ol.Extent|undefined),
+     *     minResolution: (number|undefined),
+     *     maxResolution: (number|undefined),
+     *     minZoom: (number|undefined),
+     *     maxZoom: (number|undefined),
+     *     projection: ol.ProjectionLike,
+     *     resolution: (number|undefined),
+     *     resolutions: (Array.<number>|undefined),
+     *     rotation: (number|undefined),
+     *     zoom: (number|undefined),
+     *     zoomFactor: (number|undefined)}}
+     */
+    interface ViewOptions {
+        center?: ol.Coordinate;
+        constrainRotation?: (boolean | number);
+        enableRotation?: boolean;
+        extent?: ol.Extent;
+        maxResolution?: number;
+        minResolution?: number;
+        maxZoom?: number;
+        minZoom?: number;
+        projection?: ol.ProjectionLike;
+        resolution?: number;
+        resolutions?: number[];
+        rotation?: number;
+        zoom?: number;
+        zoomFactor?: number;
+    }
+
+    /**
+    * Object literal with options for the {@link ol.Map#forEachFeatureAtPixel} and
+    * {@link ol.Map#hasFeatureAtPixel} methods.
+    * @typedef {{layerFilter: ((function(ol.layer.Layer): boolean)|undefined),
+    *     hitTolerance: (number|undefined)}}
+    */
+    interface AtPixelOptions {
+        layerFilter?: ((layer: ol.layer.Layer) => boolean)
+        hitTolerance?: number
+    }
+
+    /**
+     * @typedef {{animate: boolean,
+     *     attributions: Object.<string, ol.Attribution>,
+     *     coordinateToPixelTransform: ol.Transform,
+     *     extent: (null|ol.Extent),
+     *     focus: ol.Coordinate,
+     *     index: number,
+     *     layerStates: Object.<number, ol.LayerState>,
+     *     layerStatesArray: Array.<ol.LayerState>,
+     *     logos: Object.<string, (string|Element)>,
+     *     pixelRatio: number,
+     *     pixelToCoordinateTransform: ol.Transform,
+     *     postRenderFunctions: Array.<ol.PostRenderFunction>,
+     *     size: ol.Size,
+     *     skippedFeatureUids: Object.<string, boolean>,
+     *     tileQueue: ol.TileQueue,
+     *     time: number,
+     *     usedTiles: Object.<string, Object.<string, ol.TileRange>>,
+     *     viewState: olx.ViewState,
+     *     viewHints: Array.<number>,
+     *     wantedTiles: !Object.<string, Object.<string, boolean>>}}
+     */
+    interface FrameState {
+        pixelRatio: number;
+        time: number;
+        viewState: olx.ViewState;
+    }
+
+
+    /**
+     * @typedef {{center: ol.Coordinate,
+     *     projection: ol.proj.Projection,
+     *     resolution: number,
+     *     rotation: number}}
+     */
+    interface ViewState {
+        center: ol.Coordinate;
+        projection: ol.proj.Projection;
+        resolution: number;
+        rotation: number;
+    }
+
+}
+
+declare module "openlayers" {
+    export = ol;
+}
diff --git a/types/openlayers/v3/openlayers-tests.ts b/types/openlayers/v3/openlayers-tests.ts
new file mode 100644
index 0000000000..e00fd561ac
--- /dev/null
+++ b/types/openlayers/v3/openlayers-tests.ts
@@ -0,0 +1,765 @@
+// Basic type variables for test functions
+let anyValue: any;
+let voidValue: void;
+let numberValue: number;
+let booleanValue: boolean;
+let stringValue: string;
+let stringArray: Array<string>;
+let jsonValue: JSON;
+let voidOrBooleanValue: void | boolean;
+let domEventTarget: EventTarget;
+let fn: Function;
+let object: Object;
+
+// Callback predefinitions for OpenLayers
+let preRenderFunction: ol.PreRenderFunction;
+let transformFunction: ol.TransformFunction;
+let coordinateFormatType: ol.CoordinateFormatType;
+let featureStyleFunction: ol.FeatureStyleFunction;
+let featureLoader: ol.FeatureLoader;
+let easingFunction: (t: number) => number;
+let drawGeometryFunction: ol.DrawGeometryFunctionType;
+
+// Type variables for OpenLayers
+let attribution: ol.Attribution;
+let boundingCoordinates: Array<ol.Coordinate>;
+let circle: ol.geom.Circle;
+let color: ol.Color;
+let coordinate: ol.Coordinate;
+let coordinatesArray: Array<ol.Coordinate>;
+let coordinatesArrayDim2: Array<Array<ol.Coordinate>>;
+let extent: ol.Extent;
+let olEvent: ol.events.Event;
+let eventKey: ol.EventsKey;
+let eventKeyArray: Array<ol.EventsKey>;
+let eventKeyMixed: ol.EventsKey | Array<ol.EventsKey>;
+let eventTarget: ol.events.EventTarget;
+let feature: ol.Feature;
+let featureArray: Array<ol.Feature>;
+let featureCollection: ol.Collection<ol.Feature>;
+let featureFormat: ol.format.Feature;
+let featureUrlFunction: ol.FeatureUrlFunction;
+let graticule: ol.Graticule;
+let geometriesArray: Array<ol.geom.Geometry>;
+let geometry: ol.geom.Geometry;
+let geometryCollection: ol.geom.GeometryCollection;
+let geometryLayout: ol.geom.GeometryLayout;
+let geometryType: ol.geom.GeometryType;
+let linearRing: ol.geom.LinearRing;
+let lineString: ol.geom.LineString;
+let loadingStrategy: ol.LoadingStrategy;
+let logoOptions: olx.LogoOptions;
+let mapBrowserEvent: ol.MapBrowserEvent;
+let multiLineString: ol.geom.MultiLineString;
+let multiPoint: ol.geom.MultiPoint;
+let multiPolygon: ol.geom.MultiPolygon;
+let point: ol.geom.Point;
+let polygon: ol.geom.Polygon;
+let projection: ol.proj.Projection;
+let projectionLike: ol.ProjectionLike;
+let simpleGeometry: ol.geom.SimpleGeometry;
+let size: ol.Size;
+let style: ol.style.Style;
+let styleArray: Array<ol.style.Style>;
+let styleFunction: ol.StyleFunction;
+let tilegrid: ol.tilegrid.TileGrid;
+let transformFn: ol.TransformFunction;
+let vectorSource: ol.source.Vector;
+let units: ol.proj.Units;
+let styleRegularShape: ol.style.RegularShape;
+
+//
+// ol.Attribution
+//
+
+attribution = new ol.Attribution({
+    html: stringValue,
+});
+
+//
+// ol.color
+//
+color = [255, 255, 255, 1.0];
+color = ol.color.asArray(color);
+color = ol.color.asArray(stringValue);
+stringValue = ol.color.asString(color);
+stringValue = ol.color.asString(stringValue);
+
+//
+// ol.extent
+//
+transformFunction = function (input: number[]) {
+    let returnData: number[];
+    return returnData;
+};
+transformFunction = function (input: number[], output: number[]) {
+    let returnData: number[];
+    return returnData;
+};
+transformFunction = function (input: number[], output: number[], dimension: number) {
+    let returnData: number[];
+    return returnData;
+}
+extent = ol.extent.applyTransform(extent, transformFunction);
+ol.extent.applyTransform(extent, transformFunction, extent);
+extent = ol.extent.boundingExtent(boundingCoordinates)
+extent = ol.extent.buffer(extent, numberValue);
+ol.extent.buffer(extent, numberValue, extent);
+booleanValue = ol.extent.containsCoordinate(extent, coordinate);
+booleanValue = ol.extent.containsExtent(extent, extent);
+booleanValue = ol.extent.containsXY(extent, numberValue, numberValue);
+extent = ol.extent.createEmpty();
+booleanValue = ol.extent.equals(extent, extent);
+extent = ol.extent.extend(extent, extent);
+coordinate = ol.extent.getBottomLeft(extent);
+coordinate = ol.extent.getBottomRight(extent);
+coordinate = ol.extent.getCenter(extent);
+numberValue = ol.extent.getHeight(extent);
+extent = ol.extent.getIntersection(extent, extent);
+ol.extent.getIntersection(extent, extent, extent);
+size = ol.extent.getSize(extent);
+coordinate = ol.extent.getTopLeft(extent);
+coordinate = ol.extent.getTopRight(extent);
+numberValue = ol.extent.getWidth(extent);
+booleanValue = ol.extent.intersects(extent, extent);
+booleanValue = ol.extent.isEmpty(extent);
+
+//
+// ol.featureloader
+//
+featureLoader = ol.featureloader.xhr(stringValue, featureFormat);
+
+//
+// ol.loadingstrategy
+//
+loadingStrategy = ol.loadingstrategy.all;
+loadingStrategy = ol.loadingstrategy.bbox;
+loadingStrategy = ol.loadingstrategy.tile(tilegrid);
+
+//
+//
+// ol.geom.Circle
+//
+booleanValue = circle.intersectsExtent(extent);
+circle = <ol.geom.Circle>circle.transform(projectionLike, projectionLike);
+
+//
+//
+// ol.geom.Geometry
+//
+let geometryResult: ol.geom.Geometry;
+coordinate = geometryResult.getClosestPoint(coordinate);
+geometryResult.getClosestPoint(coordinate, coordinate);
+extent = geometryResult.getExtent();
+geometryResult.getExtent(extent);
+geometryResult.transform(projectionLike, projectionLike);
+
+//
+//
+// ol.geom.GeometryCollection
+//
+geometryCollection = new ol.geom.GeometryCollection(geometriesArray)
+geometryCollection = new ol.geom.GeometryCollection();
+voidValue = geometryCollection.applyTransform(transformFn);
+geometryCollection = geometryCollection.clone();
+geometriesArray = geometryCollection.getGeometries();
+geometryType = geometryCollection.getType();
+booleanValue = geometryCollection.intersectsExtent(extent);
+voidValue = geometryCollection.setGeometries(geometriesArray);
+
+//
+//
+// ol.geom.LinearRing
+//
+linearRing = new ol.geom.LinearRing(coordinatesArray);
+linearRing = new ol.geom.LinearRing(coordinatesArray, geometryLayout);
+linearRing = linearRing.clone();
+numberValue = linearRing.getArea();
+coordinatesArray = linearRing.getCoordinates();
+geometryType = linearRing.getType();
+voidValue = linearRing.setCoordinates(coordinatesArray);
+voidValue = linearRing.setCoordinates(coordinatesArray, geometryLayout);
+
+//
+//
+// ol.geom.LineString
+//
+lineString = new ol.geom.LineString(coordinatesArray);
+lineString = new ol.geom.LineString(coordinatesArray, geometryLayout);
+voidValue = lineString.appendCoordinate(coordinate);
+lineString = lineString.clone();
+coordinate = lineString.getCoordinateAtM(numberValue);
+coordinate = lineString.getCoordinateAtM(numberValue, booleanValue);
+coordinatesArray = lineString.getCoordinates();
+numberValue = lineString.getLength();
+geometryType = lineString.getType();
+booleanValue = lineString.intersectsExtent(extent);
+voidValue = lineString.setCoordinates(coordinatesArray);
+voidValue = lineString.setCoordinates(coordinatesArray, geometryLayout);
+
+//
+//
+// ol.geom.MultiLineString
+//
+let lineStringsArray: Array<ol.geom.LineString>;
+
+multiLineString = new ol.geom.MultiLineString(coordinatesArrayDim2);
+multiLineString = new ol.geom.MultiLineString(coordinatesArrayDim2, geometryLayout);
+voidValue = multiLineString.appendLineString(lineString);
+multiLineString = multiLineString.clone();
+coordinate = multiLineString.getCoordinateAtM(numberValue);
+coordinate = multiLineString.getCoordinateAtM(numberValue, booleanValue);
+coordinate = multiLineString.getCoordinateAtM(numberValue, booleanValue, booleanValue);
+coordinatesArrayDim2 = multiLineString.getCoordinates();
+lineString = multiLineString.getLineString(numberValue);
+lineStringsArray = multiLineString.getLineStrings();
+geometryType = multiLineString.getType();
+booleanValue = multiLineString.intersectsExtent(extent);
+voidValue = multiLineString.setCoordinates(coordinatesArrayDim2);
+voidValue = multiLineString.setCoordinates(coordinatesArrayDim2, geometryLayout);
+
+//
+//
+// ol.geom.MultiPoint
+//
+let pointsArray: Array<ol.geom.Point>;
+
+multiPoint = new ol.geom.MultiPoint(coordinatesArray);
+multiPoint = new ol.geom.MultiPoint(coordinatesArray, geometryLayout);
+voidValue = multiPoint.appendPoint(point);
+multiPoint = multiPoint.clone();
+coordinatesArray = multiPoint.getCoordinates();
+point = multiPoint.getPoint(numberValue);
+pointsArray = multiPoint.getPoints();
+geometryType = multiPoint.getType();
+booleanValue = multiPoint.intersectsExtent(extent);
+voidValue = multiPoint.setCoordinates(coordinatesArray);
+voidValue = multiPoint.setCoordinates(coordinatesArray, geometryLayout);
+
+//
+//
+// ol.geom.MultiPolygon
+//
+let coordinatesArrayDim3: Array<Array<Array<ol.Coordinate>>>;
+let polygonsArray: Array<ol.geom.Polygon>;
+
+multiPolygon = new ol.geom.MultiPolygon(coordinatesArrayDim3);
+multiPolygon = new ol.geom.MultiPolygon(coordinatesArrayDim3, geometryLayout);
+voidValue = multiPolygon.appendPolygon(polygon);
+multiPolygon = multiPolygon.clone();
+numberValue = multiPolygon.getArea();
+coordinatesArrayDim3 = multiPolygon.getCoordinates();
+coordinatesArrayDim3 = multiPolygon.getCoordinates(booleanValue);
+multiPoint = multiPolygon.getInteriorPoints();
+polygon = multiPolygon.getPolygon(numberValue);
+polygonsArray = multiPolygon.getPolygons();
+geometryType = multiPolygon.getType();
+booleanValue = multiPolygon.intersectsExtent(extent);
+voidValue = multiPolygon.setCoordinates(coordinatesArrayDim3);
+voidValue = multiPolygon.setCoordinates(coordinatesArrayDim3, geometryLayout);
+
+//
+//
+// ol.geom.Point
+//
+point = new ol.geom.Point(coordinate);
+point = new ol.geom.Point(coordinate, geometryLayout);
+point = point.clone();
+coordinate = point.getCoordinates();
+geometryType = point.getType();
+booleanValue = point.intersectsExtent(extent);
+voidValue = point.setCoordinates(coordinate);
+voidValue = point.setCoordinates(coordinate, geometryLayout);
+
+//
+//
+// ol.geom.Polygon
+//
+let localSphere: ol.Sphere;
+let linearRingsArray: Array<ol.geom.LinearRing>;
+
+polygon = new ol.geom.Polygon(coordinatesArrayDim2);
+polygon = new ol.geom.Polygon(coordinatesArrayDim2, geometryLayout);
+polygon = ol.geom.Polygon.circular(localSphere, coordinate, numberValue);
+polygon = ol.geom.Polygon.circular(localSphere, coordinate, numberValue, numberValue);
+polygon = ol.geom.Polygon.fromCircle(circle);
+polygon = ol.geom.Polygon.fromCircle(circle, numberValue);
+polygon = ol.geom.Polygon.fromCircle(circle, numberValue, numberValue);
+polygon = ol.geom.Polygon.fromExtent(extent);
+voidValue = polygon.appendLinearRing(linearRing);
+polygon = polygon.clone();
+numberValue = polygon.getArea();
+coordinatesArrayDim2 = polygon.getCoordinates();
+coordinatesArrayDim2 = polygon.getCoordinates(booleanValue);
+point = polygon.getInteriorPoint();
+linearRing = polygon.getLinearRing(numberValue);
+numberValue = polygon.getLinearRingCount();
+linearRingsArray = polygon.getLinearRings();
+geometryType = polygon.getType();
+booleanValue = polygon.intersectsExtent(extent);
+voidValue = polygon.setCoordinates([[coordinate]]);
+voidValue = polygon.setCoordinates([[coordinate]], geometryLayout);
+
+//
+//
+// ol.geom.SimpleGeometry
+//
+simpleGeometry.applyTransform(transformFn);
+coordinate = simpleGeometry.getFirstCoordinate();
+coordinate = simpleGeometry.getLastCoordinate();
+geometryLayout = simpleGeometry.getLayout();
+voidValue = simpleGeometry.translate(numberValue, numberValue);
+
+//
+// ol.source
+//
+let featureCallback: (f: ol.Feature) => any;
+vectorSource = new ol.source.Vector({
+    attributions: [attribution],
+    features: featureCollection,
+    format: featureFormat,
+    loader: featureLoader,
+    logo: logoOptions,
+    strategy: loadingStrategy,
+    url: stringValue,
+    useSpatialIndex: booleanValue,
+    wrapX: booleanValue
+});
+vectorSource = new ol.source.Vector({
+    features: featureArray
+});
+vectorSource = new ol.source.Vector({
+    url: featureUrlFunction,
+    loader: featureLoader
+});
+voidValue = vectorSource.addFeature(feature);
+voidValue = vectorSource.addFeatures(featureArray);
+voidValue = vectorSource.clear();
+voidValue = vectorSource.clear(booleanValue);
+anyValue = vectorSource.forEachFeature(featureCallback);
+anyValue = vectorSource.forEachFeature(featureCallback, object);
+anyValue = vectorSource.forEachFeatureInExtent(extent, featureCallback, object);
+anyValue = vectorSource.forEachFeatureIntersectingExtent(extent, featureCallback, object);
+feature = vectorSource.getClosestFeatureToCoordinate(coordinate);
+extent = vectorSource.getExtent();
+feature = vectorSource.getFeatureById(stringValue);
+feature = vectorSource.getFeatureById(numberValue);
+featureArray = vectorSource.getFeatures();
+featureArray = vectorSource.getFeaturesAtCoordinate(coordinate);
+featureCollection = vectorSource.getFeaturesCollection();
+featureArray = vectorSource.getFeaturesInExtent(extent);
+voidValue = vectorSource.removeFeature(feature);
+
+//
+// ol.Feature
+//
+feature = new ol.Feature();
+feature = new ol.Feature(geometry);
+feature = new ol.Feature({
+    geometry: geometry,
+    a: numberValue,
+    b: stringValue,
+    c: null,
+    d: object
+});
+feature = feature.clone();
+geometry = feature.getGeometry();
+stringValue = feature.getGeometryName();
+let featureGetId: string | number = feature.getId();
+let featureGetStyle: ol.style.Style | Array<ol.style.Style> | ol.FeatureStyleFunction = feature.getStyle();
+featureStyleFunction = feature.getStyleFunction();
+voidValue = feature.setGeometry(geometry);
+voidValue = feature.setGeometryName(stringValue);
+voidValue = feature.setId(stringValue);
+voidValue = feature.setId(numberValue);
+voidValue = feature.setStyle(style);
+voidValue = feature.setStyle(styleArray);
+voidValue = feature.setStyle(featureStyleFunction);
+voidValue = feature.setProperties(object);
+
+//
+// ol.View
+//
+
+let view: ol.View = new ol.View({
+    center: [0, 0],
+    zoom: numberValue,
+});
+
+//
+// ol.layer.Layer
+//
+let layerLayer: ol.layer.Layer = new ol.layer.Layer({});
+
+//
+// ol.layer.Tile
+//
+let tileLayer: ol.layer.Tile = new ol.layer.Tile({
+    source: new ol.source.OSM()
+});
+
+//
+// ol.Object
+//
+let olObject: ol.Object = new ol.Object({
+    a: numberValue,
+    b: stringValue,
+    c: booleanValue,
+    d: voidValue,
+    e: object,
+    f: fn
+});
+anyValue = olObject.get(stringValue);
+stringArray = olObject.getKeys();
+object = olObject.getProperties();
+voidValue = olObject.set(stringValue, anyValue);
+voidValue = olObject.set(stringValue, anyValue, booleanValue);
+voidValue = olObject.setProperties(object, booleanValue);
+voidValue = olObject.unset(stringValue, booleanValue);
+
+//
+// ol.Observable
+//
+ol.Observable.unByKey(eventKey);
+let observable: ol.Observable = new ol.Observable();
+voidValue = observable.changed();
+voidOrBooleanValue = observable.dispatchEvent({type: stringValue});
+voidOrBooleanValue = observable.dispatchEvent({type: stringValue, target: domEventTarget});
+voidOrBooleanValue = observable.dispatchEvent({type: stringValue, target: eventTarget});
+voidOrBooleanValue = observable.dispatchEvent({type: stringValue, a: numberValue, b: stringValue, c: booleanValue, d: null, e: {}});
+voidOrBooleanValue = observable.dispatchEvent(olEvent);
+voidOrBooleanValue = observable.dispatchEvent(stringValue);
+numberValue = observable.getRevision();
+eventKeyMixed = observable.on(stringValue, fn);
+eventKeyMixed = observable.on([stringValue, stringValue], fn, {});
+eventKeyMixed = observable.once(stringValue, fn);
+eventKeyMixed = observable.once([stringValue, stringValue], fn, {});
+voidValue = observable.un(stringValue, fn);
+voidValue = observable.un([stringValue, stringValue], fn, {});
+voidValue = observable.unByKey(eventKey);
+voidValue = observable.unByKey(eventKeyArray);
+
+//
+// ol.proj
+//
+let getPointResolutionFn: (n: number, c: ol.Coordinate) => number;
+projection = new ol.proj.Projection({
+    code:stringValue,
+});
+stringValue = projection.getCode();
+extent = projection.getExtent();
+numberValue = projection.getMetersPerUnit();
+numberValue = projection.getPointResolution(numberValue, coordinate);
+units = projection.getUnits();
+extent = projection.getWorldExtent();
+booleanValue = projection.isGlobal();
+voidValue = projection.setExtent(extent);
+voidValue = projection.setGetPointResolution(getPointResolutionFn);
+voidValue = projection.setGlobal(booleanValue);
+voidValue = projection.setWorldExtent(extent);
+
+//
+// ol.Map
+//
+
+let map: ol.Map = new ol.Map({
+    view: view,
+    layers: [tileLayer],
+    target: stringValue
+});
+voidValue = map.beforeRender(preRenderFunction);
+
+//
+// ol.source.ImageWMS
+//
+let imageWMS: ol.source.ImageWMS = new ol.source.ImageWMS({
+    params: {},
+    projection: projection,
+    serverType: stringValue,
+    url:stringValue
+});
+
+//
+// ol.source.Source
+//
+const source = imageWMS as ol.source.Source;
+projection = source.getProjection();
+
+//
+// ol.source.TileWMS
+//
+let tileWMS: ol.source.TileWMS = new ol.source.TileWMS({
+    params: {},
+    projection: projection,
+    serverType: stringValue,
+    url:stringValue
+});
+
+voidValue = tileWMS.updateParams(tileWMS.getParams());
+stringValue = tileWMS.getGetFeatureInfoUrl([0, 0], 1, "EPSG:4326", {});
+
+//
+// ol.source.WMTS
+//
+let wmts: ol.source.WMTS = new ol.source.WMTS({
+    layer: "",
+    projection: projection,
+    matrixSet: "",
+    style: "",
+    tileGrid: new ol.tilegrid.WMTS({
+        matrixIds: [],
+        resolutions: [],
+    }),
+    wrapX: true,
+});
+
+//
+// ol.animation
+//
+let bounceOptions: olx.animation.BounceOptions;
+bounceOptions.duration = numberValue;
+bounceOptions.start = numberValue;
+bounceOptions.resolution = numberValue;
+bounceOptions.easing = easingFunction;
+preRenderFunction = ol.animation.bounce(bounceOptions);
+
+let panOptions: olx.animation.PanOptions;
+panOptions.duration = numberValue;
+panOptions.start = numberValue;
+panOptions.source = coordinate;
+panOptions.easing = easingFunction;
+preRenderFunction = ol.animation.pan(panOptions);
+
+let rotateOptions: olx.animation.RotateOptions;
+rotateOptions.duration = numberValue;
+rotateOptions.start = numberValue;
+rotateOptions.anchor = coordinate;
+rotateOptions.rotation = numberValue;
+rotateOptions.easing = easingFunction;
+preRenderFunction = ol.animation.rotate(rotateOptions);
+
+let zoomOptions: olx.animation.ZoomOptions;
+zoomOptions.duration = numberValue;
+zoomOptions.start = numberValue;
+zoomOptions.resolution = numberValue;
+zoomOptions.easing = easingFunction;
+preRenderFunction = ol.animation.zoom(zoomOptions);
+voidValue = map.beforeRender(preRenderFunction);
+
+//
+// ol.coordinate
+//
+coordinate = ol.coordinate.add(coordinate, coordinate);
+coordinateFormatType = ol.coordinate.createStringXY();
+coordinateFormatType = ol.coordinate.createStringXY(numberValue);
+stringValue = ol.coordinate.format(coordinate, stringValue);
+stringValue = ol.coordinate.format(coordinate, stringValue, numberValue);
+coordinate = ol.coordinate.rotate(coordinate, numberValue);
+stringValue = ol.coordinate.toStringHDMS();
+stringValue = ol.coordinate.toStringHDMS(coordinate);
+stringValue = ol.coordinate.toStringHDMS(coordinate, numberValue);
+stringValue = ol.coordinate.toStringXY();
+stringValue = ol.coordinate.toStringXY(coordinate);
+stringValue = ol.coordinate.toStringXY(coordinate, numberValue);
+
+//
+// ol.easing
+//
+easingFunction = ol.easing.easeIn;
+easingFunction = ol.easing.easeOut;
+easingFunction = ol.easing.inAndOut;
+easingFunction = ol.easing.linear;
+easingFunction = ol.easing.upAndDown;
+
+//
+// ol.Geolocation
+//
+let geolocation: ol.Geolocation = new ol.Geolocation({
+    projection: projection
+});
+coordinate = geolocation.getPosition();
+
+//
+// ol.Graticule
+//
+
+graticule = new ol.Graticule();
+graticule = new ol.Graticule({
+    map: map,
+});
+let graticuleMap: ol.Map = graticule.getMap();
+let graticuleMeridians: Array<ol.geom.LineString> = graticule.getMeridians();
+let graticuleParallels: Array<ol.geom.LineString> = graticule.getParallels();
+voidValue = graticule.setMap(graticuleMap);
+
+//
+// ol.DeviceOrientation
+//
+
+let deviceOrientation: ol.DeviceOrientation = new ol.DeviceOrientation({
+    tracking: true,
+});
+numberValue = deviceOrientation.getHeading();
+
+//
+// ol.Overlay
+//
+
+let popup: ol.Overlay = new ol.Overlay({
+    element: document.getElementById('popup')
+});
+voidValue = map.addOverlay(popup);
+let popupElement: Element = popup.getElement();
+let popupMap: ol.Map = popup.getMap();
+let popupOffset: Array<number> = popup.getOffset();
+coordinate = popup.getPosition();
+let popupPositioning: ol.OverlayPositioning = popup.getPositioning();
+voidValue = popup.setElement(popupElement);
+voidValue = popup.setMap(popupMap);
+voidValue = popup.setOffset(popupOffset);
+voidValue = popup.setPosition(coordinate);
+voidValue = popup.setPositioning(popupPositioning);
+
+
+//
+// ol.format.GeoJSON
+//
+
+let geojsonOptions: olx.format.GeoJSONOptions;
+geojsonOptions.defaultDataProjection = "EPSG";
+geojsonOptions.defaultDataProjection = projection;
+geojsonOptions.geometryName = "geom";
+
+let geojsonFormat: ol.format.GeoJSON;
+geojsonFormat = new ol.format.GeoJSON();
+geojsonFormat = new ol.format.GeoJSON(geojsonOptions);
+
+// Test options
+let readOptions: olx.format.ReadOptions;
+readOptions.dataProjection = "EPSG";
+readOptions.dataProjection = projection;
+readOptions.featureProjection = "EPSG";
+readOptions.featureProjection = projection;
+
+let writeOptions: olx.format.WriteOptions;
+writeOptions.dataProjection = "EPSG";
+writeOptions.dataProjection = projection;
+writeOptions.featureProjection = "EPSG";
+writeOptions.featureProjection = projection;
+writeOptions.rightHanded = false;
+
+// Test functions
+feature = geojsonFormat.readFeature("json");
+feature = geojsonFormat.readFeature("json", readOptions);
+featureArray = geojsonFormat.readFeatures("json");
+featureArray = geojsonFormat.readFeatures("json", readOptions);
+geometry = geojsonFormat.readGeometry("geometry");
+geometry = geojsonFormat.readGeometry("geometry", readOptions);
+stringValue = geojsonFormat.writeFeature(feature);
+stringValue = geojsonFormat.writeFeature(feature, writeOptions);
+stringValue = geojsonFormat.writeFeatures(featureArray);
+stringValue = geojsonFormat.writeFeatures(featureArray, writeOptions);
+stringValue = geojsonFormat.writeGeometry(geometry);
+stringValue = geojsonFormat.writeGeometry(geometry, writeOptions);
+jsonValue = geojsonFormat.writeFeatureObject(feature);
+jsonValue = geojsonFormat.writeFeatureObject(feature, writeOptions);
+jsonValue = geojsonFormat.writeFeaturesObject(featureArray);
+jsonValue = geojsonFormat.writeFeaturesObject(featureArray, writeOptions);
+jsonValue = geojsonFormat.writeGeometryObject(geometry);
+jsonValue = geojsonFormat.writeGeometryObject(geometry, writeOptions);
+
+//
+// ol.interactions
+//
+let modify: ol.interaction.Modify = new ol.interaction.Modify({
+    features: new ol.Collection<ol.Feature>(featureArray)
+});
+
+let draw: ol.interaction.Draw = new ol.interaction.Draw({
+    type: "Point",
+    clickTolerance: numberValue,
+    features: new ol.Collection([]),
+    source: vectorSource,
+    snapTolerance: numberValue,
+    maxPoints: numberValue,
+    minPoints: numberValue,
+    style: style,
+    geometryFunction: drawGeometryFunction,
+    geometryName: stringValue,
+    condition: ol.events.condition.never,
+    freehandCondition: ol.events.condition.never,
+    wrapX: booleanValue
+});
+draw = new ol.interaction.Draw({
+    type: "Point",
+    style: styleArray
+});
+draw = new ol.interaction.Draw({
+    type: "Point",
+    style: styleFunction
+});
+let styleFunctionAsStyle = function(feature: ol.Feature, resolution: number): ol.style.Style { return style; }
+draw = new ol.interaction.Draw({
+    type: "Point",
+    style: styleFunctionAsStyle
+});
+let styleFunctionAsArray = function(feature: ol.Feature, resolution: number): ol.style.Style[] { return styleArray; }
+draw = new ol.interaction.Draw({
+    type: "Point",
+    style: styleFunctionAsArray
+});
+draw.finishDrawing();
+
+let dragbox: ol.interaction.DragBox = new ol.interaction.DragBox({
+    className: stringValue,
+    condition: ol.events.condition.always,
+    boxEndCondition: function (mapBrowserEvent: ol.MapBrowserEvent, startPixel: ol.Pixel, endPixel: ol.Pixel) {
+        let width: number = endPixel[0] - startPixel[0];
+        let height: number = endPixel[1] - startPixel[1];
+        return booleanValue;
+    }
+});
+polygon = dragbox.getGeometry();
+
+let interaction: ol.interaction.Interaction = new ol.interaction.Interaction({
+    handleEvent: function (e: ol.MapBrowserEvent) {
+        return booleanValue;
+    }
+});
+booleanValue = interaction.getActive();
+map = interaction.getMap();
+voidValue = interaction.setActive(true);
+
+
+
+const select: ol.interaction.Select = new ol.interaction.Select({
+    layers: (layer: ol.layer.Layer) => true,
+});
+
+let translateInteraction: ol.interaction.Translate = new ol.interaction.Translate();
+translateInteraction = new ol.interaction.Translate({});
+translateInteraction = new ol.interaction.Translate({
+    features: featureCollection,
+    layers: [layerLayer],
+    hitTolerance: 7
+});
+translateInteraction = new ol.interaction.Translate({
+    layers: (layer: ol.layer.Layer) => true,
+});
+numberValue = translateInteraction.getHitTolerance();
+translateInteraction.setHitTolerance(numberValue);
+
+//
+// ol.style.RegularShape
+//
+
+styleRegularShape = new ol.style.RegularShape({
+    fill: new ol.style.Fill({color: 'red'}),
+    points: 4,
+});
+
+//
+// ol.proj
+//
+
+let value = ol.proj.METERS_PER_UNIT['degrees'];
diff --git a/types/openlayers/v3/tsconfig.json b/types/openlayers/v3/tsconfig.json
new file mode 100644
index 0000000000..1433c42333
--- /dev/null
+++ b/types/openlayers/v3/tsconfig.json
@@ -0,0 +1,28 @@
+{
+    "compilerOptions": {
+        "module": "commonjs",
+        "lib": [
+            "es6",
+            "dom"
+        ],
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictNullChecks": false,
+        "baseUrl": "../../",
+        "typeRoots": [
+            "../../"
+        ],
+        "types": [],
+        "paths": {
+            "openlayers": [
+                "openlayers/v3"
+            ]
+        },
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true
+    },
+    "files": [
+        "index.d.ts",
+        "openlayers-tests.ts"
+    ]
+}

From cfa517b96ef57f28c94d56dd50ba68870e1d89fd Mon Sep 17 00:00:00 2001
From: Manuel Francisco Naranjo <naranjo.manuel@gmail.com>
Date: Mon, 1 May 2017 19:55:25 -0300
Subject: [PATCH 123/321] Bleno TypeScript definition added (#15656)

Adding definition and required test for compliance for Bleno library.
---
 types/bleno/bleno-tests.ts |  56 ++++++++++++++++
 types/bleno/index.d.ts     | 128 +++++++++++++++++++++++++++++++++++++
 types/bleno/tsconfig.json  |  22 +++++++
 types/bleno/tslint.json    |   1 +
 4 files changed, 207 insertions(+)
 create mode 100644 types/bleno/bleno-tests.ts
 create mode 100644 types/bleno/index.d.ts
 create mode 100644 types/bleno/tsconfig.json
 create mode 100644 types/bleno/tslint.json

diff --git a/types/bleno/bleno-tests.ts b/types/bleno/bleno-tests.ts
new file mode 100644
index 0000000000..7dcb47ff35
--- /dev/null
+++ b/types/bleno/bleno-tests.ts
@@ -0,0 +1,56 @@
+import * as Bleno from 'bleno';
+
+export class EchoCharacteristic extends Bleno.Characteristic {
+  _value: any;
+  _updateValueCallback: any;
+
+  constructor() {
+    super({
+      uuid: 'ec0e',
+      properties: ['read', 'write', 'notify'],
+      value: null
+    });
+    this._value = new ArrayBuffer(0);
+    this._updateValueCallback = null;
+  }
+
+  onReadRequest(offset: number, callback: any) {
+    callback(Bleno.Characteristic.RESULT_SUCCESS, this._value);
+  }
+
+  onWriteRequest(data: any, offset: number, withoutResponse: boolean, callback: any) {
+    this._value = data;
+
+    if (this._updateValueCallback) {
+      this._updateValueCallback(this._value);
+    }
+
+    callback(Bleno.Characteristic.RESULT_SUCCESS);
+  }
+
+  onSubscribe(maxValueSize: number, updateValueCallback: any) {
+    this._updateValueCallback = updateValueCallback;
+  }
+
+  onUnsubscribefunction() {
+    this._updateValueCallback = null;
+  }
+}
+
+Bleno.on('stateChange', (state: string) => {
+  if (state === 'poweredOn') {
+    Bleno.startAdvertising('echo', ['ec00'], () => {});
+  } else {
+    Bleno.stopAdvertising(() => {});
+  }
+});
+
+let characteristic = new EchoCharacteristic();
+Bleno.on('advertisingStart', (error: string) => {
+  if (!error) {
+    Bleno.setServices(
+      [new Bleno.PrimaryService({uuid: 'ec00', characteristics: [ characteristic ] })],
+      () => {}
+    );
+  }
+});
diff --git a/types/bleno/index.d.ts b/types/bleno/index.d.ts
new file mode 100644
index 0000000000..a59e394a84
--- /dev/null
+++ b/types/bleno/index.d.ts
@@ -0,0 +1,128 @@
+// Type definitions for bleno 0.4
+// Project: https://github.com/sandeepmistry/bleno
+// Definitions by: Manuel Francisco Naranjo <naranjo.manuel@gmail.com>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+
+export class Characteristic {
+    uuid: any;
+    properties: any;
+    secure: any;
+    value: any;
+    descriptors: any;
+
+    constructor(options: any);
+
+    onIndicate(): void;
+
+    onNotify(): void;
+
+    onReadRequest(offset: any, callback: any): void;
+
+    onSubscribe(maxValueSize: any, updateValueCallback: any): void;
+
+    onUnsubscribe(): void;
+
+    onWriteRequest(data: any, offset: any, withoutResponse: any, callback: any): void;
+
+    toString(): any;
+
+    static RESULT_ATTR_NOT_LONG: number;
+
+    static RESULT_INVALID_ATTRIBUTE_LENGTH: number;
+
+    static RESULT_INVALID_OFFSET: number;
+
+    static RESULT_SUCCESS: number;
+
+    static RESULT_UNLIKELY_ERROR: number;
+}
+
+export class Descriptor {
+    uuid: any;
+    value: any;
+
+    constructor(options: any);
+
+    toString(): any;
+}
+
+export class PrimaryService {
+    uuid: any;
+    characteristics: any;
+
+    constructor(options: any);
+
+    toString(): any;
+}
+
+export const address: string;
+
+export const domain: any;
+
+export const mtu: number;
+
+export const platform: string;
+
+export const rssi: number;
+
+export const state: string;
+
+export function addListener(type: any, listener: any): any;
+
+export function disconnect(): void;
+
+export function emit(type: any, ...args: any[]): any;
+
+export function eventNames(): any;
+
+export function getMaxListeners(): any;
+
+export function listenerCount(type: any): any;
+
+export function listeners(type: any): any;
+
+export function on(type: any, listener: any): any;
+
+export function onAccept(clientAddress: any): void;
+
+export function onAddressChange(address: any): void;
+
+export function onAdvertisingStart(error: any): void;
+
+export function onAdvertisingStop(): void;
+
+export function onDisconnect(clientAddress: any): void;
+
+export function onMtuChange(mtu: any): void;
+
+export function onPlatform(platform: any): void;
+
+export function onRssiUpdate(rssi: any): void;
+
+export function onServicesSet(error: any): void;
+
+export function onStateChange(state: any): void;
+
+export function once(type: any, listener: any): any;
+
+export function prependListener(type: any, listener: any): any;
+
+export function prependOnceListener(type: any, listener: any): any;
+
+export function removeAllListeners(type: any, ...args: any[]): any;
+
+export function removeListener(type: any, listener: any): any;
+
+export function setMaxListeners(n: any): any;
+
+export function setServices(services: any, callback: any): void;
+
+export function startAdvertising(name: any, serviceUuids: any, callback: any): void;
+
+export function startAdvertisingIBeacon(uuid: any, major: any, minor: any, measuredPower: any, callback: any): void;
+
+export function startAdvertisingWithEIRData(advertisementData: any, scanData: any, callback: any): void;
+
+export function stopAdvertising(callback: any): void;
+
+export function updateRssi(callback: any): void;
diff --git a/types/bleno/tsconfig.json b/types/bleno/tsconfig.json
new file mode 100644
index 0000000000..44fa6c893f
--- /dev/null
+++ b/types/bleno/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",
+        "bleno-tests.ts"
+    ]
+}
diff --git a/types/bleno/tslint.json b/types/bleno/tslint.json
new file mode 100644
index 0000000000..377cc837d4
--- /dev/null
+++ b/types/bleno/tslint.json
@@ -0,0 +1 @@
+{ "extends": "../tslint.json" }

From faaec1416d5d0e2f325912ded6b177a56554d423 Mon Sep 17 00:00:00 2001
From: Severin <sevefriede@gmail.com>
Date: Tue, 2 May 2017 01:04:51 +0200
Subject: [PATCH 124/321] Updating template function defintion (#15936)

* Updating template function defintion

As mentioned [here](https://github.com/seveves/ng2-vis/issues/32) there is a problem with the definition of the template functions. We really should allow any as a return value because you can return a string, Handlebars, mustache or even react templates. As you can see [here](http://visjs.org/docs/timeline/#Templates) the template function always has three parameters. I made them optional because you don't have to use them at all.

* Using fat arrow syntax

I think this is the right way to do it.

* Fix lint error
---
 types/vis/index.d.ts | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/types/vis/index.d.ts b/types/vis/index.d.ts
index b265ce5693..5b7cc718b2 100644
--- a/types/vis/index.d.ts
+++ b/types/vis/index.d.ts
@@ -152,7 +152,7 @@ export interface TimelineOptions {
   groupEditable?: TimelineOptionsGroupEditableType;
   groupOrder?: TimelineOptionsGroupOrderType;
   groupOrderSwap?: TimelineOptionsGroupOrderSwapFunction;
-  groupTemplate?(): void; // TODO
+  groupTemplate?(item?: any, element?: any, data?: any): any;
   height?: HeightWidthType;
   hiddenDates?: any; // TODO
   horizontalScroll?: boolean;
@@ -187,7 +187,7 @@ export interface TimelineOptions {
   stack?: boolean;
   snap?: TimelineOptionsSnapFunction;
   start?: DateType;
-  template?(): void; // TODO
+  template?(item?: any, element?: any, data?: any): any;
   throttleRedraw?: number;
   timeAxis?: TimelineTimeAxisOption;
   type?: string;

From a6550043d980a4d72c5def080526f9225f6077f9 Mon Sep 17 00:00:00 2001
From: Alexander <SuperPaintman@users.noreply.github.com>
Date: Tue, 2 May 2017 04:23:29 +0500
Subject: [PATCH 125/321] Added definitions for `to-markdown` (#15875)

---
 types/to-markdown/index.d.ts           | 52 ++++++++++++++++++++
 types/to-markdown/to-markdown-tests.ts | 66 ++++++++++++++++++++++++++
 types/to-markdown/tsconfig.json        | 23 +++++++++
 3 files changed, 141 insertions(+)
 create mode 100644 types/to-markdown/index.d.ts
 create mode 100644 types/to-markdown/to-markdown-tests.ts
 create mode 100644 types/to-markdown/tsconfig.json

diff --git a/types/to-markdown/index.d.ts b/types/to-markdown/index.d.ts
new file mode 100644
index 0000000000..492168f2b0
--- /dev/null
+++ b/types/to-markdown/index.d.ts
@@ -0,0 +1,52 @@
+// Type definitions for Marked (v3.0.4)
+// Project: https://github.com/domchristie/to-markdown
+// Definitions by: SuperPaintman <https://github.com/SuperPaintman>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+
+/**
+ * Converts HTML to markdown.
+ */
+declare function toMarkdown(input: string, options: toMarkdown.IOptions): string;
+/**
+ * Converts HTML to markdown.
+ */
+declare function toMarkdown(input: string): string;
+
+declare namespace toMarkdown {
+  export interface IFilter {
+    (node: HTMLElement): boolean;
+  }
+
+  export type Filter = string
+                     | string[]
+                     | IFilter;
+
+  export interface IOptions {
+    converters?: IConverter[];
+    gfm?:        boolean;
+  }
+
+  export interface IConverter {
+    filter: Filter;
+    replacement(innerHTML: string, node: HTMLElement): string;
+  }
+
+  /**
+   * Returns true / false depending on whether the element is block level.
+   */
+  export function isBlock(node: HTMLElement): boolean;
+
+  /**
+   * Returns true / false depending on whether the element is void.
+   */
+  export function isVoid(node: HTMLElement): boolean;
+
+  /**
+   * Returns the HTML string of an element with its contents converted/
+   */
+  export function outer(node: HTMLElement, content: string): boolean;
+}
+
+declare module 'to-markdown' {
+  export = toMarkdown;
+}
diff --git a/types/to-markdown/to-markdown-tests.ts b/types/to-markdown/to-markdown-tests.ts
new file mode 100644
index 0000000000..bbc8e14e4a
--- /dev/null
+++ b/types/to-markdown/to-markdown-tests.ts
@@ -0,0 +1,66 @@
+'use strict';
+import * as toMarkdown from 'to-markdown';
+
+// toMarkdown()
+toMarkdown(`
+<h1>Hello</h1>
+`);
+
+toMarkdown(`
+<h1>Hello</h1>
+`, { });
+
+toMarkdown(`
+<h1>Hello</h1>
+`, {
+  gfm: true
+});
+
+toMarkdown(`
+<h1>Hello</h1>
+`, {
+  converters: [
+    {
+      filter: 'code',
+      replacement(innerHTML) {
+        return '`' + innerHTML + '`';
+      }
+    },
+    {
+      filter: ['em', 'i'],
+      replacement(innerHTML) {
+        return '*' + innerHTML + '*';
+      }
+    },
+    {
+      filter(node) {
+        return node.nodeName === 'SPAN'
+               && /italic/i.test(node.style.fontStyle);
+      },
+      replacement(innerHTML) {
+        return '*' + innerHTML + '*';
+      }
+    },
+    {
+      filter(node) {
+        return node.nodeName === 'SPAN'
+               && /italic/i.test(node.style.fontStyle);
+      },
+      replacement(innerHTML, node) {
+        return innerHTML + ' (node: `' + node.nodeName + '`)';
+      }
+    }
+  ]
+});
+
+
+// toMarkdown.isBlock()
+toMarkdown.isBlock(document.querySelector('h1'));  // true
+toMarkdown.isBlock(document.querySelector('img')); // false
+
+// toMarkdown.isVoid()
+toMarkdown.isVoid(document.querySelector('br'));   // true
+toMarkdown.isVoid(document.querySelector('body')); // false
+
+// toMarkdown.outer()
+toMarkdown.outer(document.querySelector('a'), '|');
diff --git a/types/to-markdown/tsconfig.json b/types/to-markdown/tsconfig.json
new file mode 100644
index 0000000000..460ef24c1e
--- /dev/null
+++ b/types/to-markdown/tsconfig.json
@@ -0,0 +1,23 @@
+{
+    "compilerOptions": {
+        "module": "commonjs",
+        "lib": [
+            "es6",
+            "dom"
+        ],
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictNullChecks": false,
+        "baseUrl": "../",
+        "typeRoots": [
+            "../"
+        ],
+        "types": [],
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true
+    },
+    "files": [
+        "index.d.ts",
+        "to-markdown-tests.ts"
+    ]
+}

From 8279081781cbac70435714f48139905472e9d89a Mon Sep 17 00:00:00 2001
From: Vaclav Novotny <novotny.v@clav.cz>
Date: Tue, 2 May 2017 01:30:34 +0200
Subject: [PATCH 126/321] modified jQuery.on({ [events: string]: handler }) so
 it resolves handlers as JQueryEventHandlers. (#15979)

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

diff --git a/types/jquery/index.d.ts b/types/jquery/index.d.ts
index 0a47546193..f944f93ba3 100644
--- a/types/jquery/index.d.ts
+++ b/types/jquery/index.d.ts
@@ -2767,7 +2767,7 @@ interface JQuery {
      * @param data Data to be passed to the handler in event.data when an event occurs.
      * @see {@link https://api.jquery.com/on/#on-events-selector-data}
      */
-    on(events: { [key: string]: any; }, selector?: string, data?: any): JQuery;
+    on(events: { [key: string]: (eventObject: JQueryEventObject, ...args: any[]) => any; }, selector?: string, data?: any): JQuery;
     /**
      * Attach an event handler function for one or more events to the selected elements.
      *
@@ -2775,7 +2775,7 @@ interface JQuery {
      * @param data Data to be passed to the handler in event.data when an event occurs.
      * @see {@link https://api.jquery.com/on/#on-events-selector-data}
      */
-    on(events: { [key: string]: any; }, data?: any): JQuery;
+    on(events: { [key: string]: (eventObject: JQueryEventObject, ...args: any[]) => any; }, data?: any): JQuery;
 
     /**
      * Attach a handler to an event for the elements. The handler is executed at most once per element per event type.

From d9be5adccd1aa418753cf1eab4186331c756f365 Mon Sep 17 00:00:00 2001
From: bryanjjohnson <bryanjjohnson05@gmail.com>
Date: Mon, 1 May 2017 17:30:55 -0600
Subject: [PATCH 127/321] update for mapbox-gl to v0.35.1 (#16005)

* update for mapbox-gl to v0.35.1

* fix to mapbox-gl update
---
 types/mapbox-gl/index.d.ts | 117 ++++++++++++++++++++++++++++---------
 1 file changed, 91 insertions(+), 26 deletions(-)

diff --git a/types/mapbox-gl/index.d.ts b/types/mapbox-gl/index.d.ts
index b7a9064f86..99c9854791 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.30.0
+// Type definitions for Mapbox GL JS v0.35.1
 // Project: https://github.com/mapbox/mapbox-gl-js
 // Definitions by: Dominik Bruderer <https://github.com/dobrud>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
@@ -9,6 +9,7 @@ declare namespace mapboxgl {
 	let accessToken: string;
 	let version: string;
 	export function supported(options?: {failIfMajorPerformanceCaveat?: boolean}): boolean;
+	export function setRTLTextPlugin(pluginURL: string, callback: Function): void;
 
 	/**
 	 * Map
@@ -50,7 +51,7 @@ declare namespace mapboxgl {
 
 		queryRenderedFeatures(pointOrBox?: mapboxgl.Point|number[]|mapboxgl.Point[]|number[][], parameters?: {layers?: string[], filter?: any[]}): GeoJSON.Feature<GeoJSON.GeometryObject>[];
 
-		querySourceFeatures(sourceID: string, parameters: {sourceLayer?: string, filter?: any[]}): GeoJSON.Feature<GeoJSON.GeometryObject>[];
+		querySourceFeatures(sourceID: string, parameters?: {sourceLayer?: string, filter?: any[]}): GeoJSON.Feature<GeoJSON.GeometryObject>[];
 
 		setStyle(style: mapboxgl.Style | string): this;
 
@@ -58,10 +59,18 @@ declare namespace mapboxgl {
 
 		addSource(id: string, source: VectorSource | RasterSource | GeoJSONSource | ImageSource | VideoSource | GeoJSONSourceRaw): this;
 
+		isSourceLoaded(id: string): boolean;
+
 		removeSource(id: string): this;
 
 		getSource(id: string): VectorSource | RasterSource | GeoJSONSource | ImageSource | VideoSource;
 
+		addImage(name: string, image: HTMLImageElement | ArrayBufferView, options?: {width?: number, height?: number, pixelRatio?: number}): this;
+
+		removeImage(name: string): this;
+
+		loadImage(url: string, callback: Function): this;
+
 		addLayer(layer: mapboxgl.Layer, before?: string): this;
 
 		moveLayer(id: string, beforeId?: string): this;
@@ -84,6 +93,10 @@ declare namespace mapboxgl {
 
 		getLayoutProperty(layer: string, name: string, klass?: string): any;
 
+		setLight(options: mapboxgl.Light, lightOptions: any): this;
+
+		getLight(): mapboxgl.Light;
+
 		getContainer(): HTMLElement;
 
 		getCanvasContainer(): HTMLElement;
@@ -134,7 +147,7 @@ declare namespace mapboxgl {
 
 		setPitch(pitch: number, eventData?: EventData): this;
 
-		fitBounds(bounds: mapboxgl.LngLatBounds | number[][], options?: { linear?: boolean, easing?: Function, padding?: number, offset?: Point|number[],maxZoom?: number }): this;
+		fitBounds(bounds: mapboxgl.LngLatBounds | number[][], options?: { linear?: boolean, easing?: Function, padding?: number | mapboxgl.PaddingOptions, offset?: Point|number[],maxZoom?: number }, eventData?: mapboxgl.EventData): this;
 
 		jumpTo(options: mapboxgl.CameraOptions, eventData?: mapboxgl.EventData): this;
 
@@ -142,6 +155,8 @@ declare namespace mapboxgl {
 
 		flyTo(options: mapboxgl.FlyToOptions, eventData?: mapboxgl.EventData): this;
 
+		isMoving(): boolean;
+
 		stop(): this;
 
 		scrollZoom: ScrollZoomHandler;
@@ -201,6 +216,8 @@ declare namespace mapboxgl {
 		/** If true, enable keyboard shortcuts (see KeyboardHandler). */
 		keyboard?: boolean;
 
+		logoPosition?: boolean;
+
 		/** If set, the map is constrained to the given bounds. */
 		maxBounds?: mapboxgl.LngLatBounds | number[][];
 
@@ -215,6 +232,10 @@ declare namespace mapboxgl {
 
 		pitch?: number;
 
+		refreshExpiredTiles?: boolean;
+
+		renderWorldCopies?: boolean;
+
 		/** If true, enable the "scroll to zoom" interaction */
 		scrollZoom?: boolean;
 
@@ -231,6 +252,13 @@ declare namespace mapboxgl {
 		zoom?: number;
 	}
 
+	export class PaddingOptions extends Evented {
+		top: number;
+		bottom: number;
+		left: number;
+		right: number;
+	}
+
 	/**
 	 * BoxZoomHandler
 	 */
@@ -368,7 +396,7 @@ declare namespace mapboxgl {
 	 * Attribution
 	 */
 	export class AttributionControl extends Control {
-		constructor();
+		constructor(options?: {compact?: boolean});
 	}
 
 	/**
@@ -378,6 +406,13 @@ declare namespace mapboxgl {
 		constructor(options?: {maxWidth?: number, unit?: string})
 	}
 
+	/**
+	 * Fullscreen
+	 */
+	export class FullscreenControl extends Control {
+		constructor();
+	}
+
 	/**
 	 * Popup
 	 */
@@ -440,7 +475,7 @@ declare namespace mapboxgl {
 	}
 
 	export interface Source {
-		type: "vector" | "raster" | "geojson" | "image" | "video";
+		type: "vector" | "raster" | "geojson" | "image" | "video" | "canvas";
 	}
 
 	/**
@@ -511,6 +546,29 @@ declare namespace mapboxgl {
 		coordinates?: number[][];
 	}
 
+	/**
+	 * CanvasSource
+	 */
+	export class CanvasSource implements Source, CanvasSourceOptions {
+		type: "canvas";
+
+		coordinates: number[][];
+
+		canvas: string;
+
+		getCanvas(): HTMLCanvasElement;
+
+		setCoordinates(coordinates: number[][]): this;
+	}
+
+	export interface CanvasSourceOptions {
+		coordinates: number[][];
+
+		animate?: boolean;
+
+		canvas: string;
+	}
+
 	interface VectorSource extends Source {
 		type: "vector";
 		url?: string;
@@ -540,6 +598,8 @@ declare namespace mapboxgl {
 		/** Return a new LngLat object whose longitude is wrapped to the range (-180, 180). */
 		wrap(): mapboxgl.LngLat;
 
+		wrapToBestWorld(center: mapboxgl.LngLat): mapboxgl.LngLat;
+
 		/** Return a LngLat as an array */
 		toArray(): number[];
 
@@ -665,8 +725,12 @@ declare namespace mapboxgl {
 	export class Evented {
 		on(type: string, listener: Function): this;
 
+		on(type: string, layer: string, listener: Function): this;
+
 		off(type?: string | any, listener?: Function): this;
 
+		off(type?: string | any, layer?: string, listener?: Function): this;
+
 		once(type: string, listener: Function): this;
 
 		fire(type: string, data?: mapboxgl.EventData | Object): this;
@@ -810,7 +874,7 @@ declare namespace mapboxgl {
 
 	export interface Layer {
 		id: string;
-		type?: "fill" | "line" | "symbol" | "circle" | "raster" | "background" | string; //TODO: Ideally we wouldn't accept string here, just these specific strings
+		type?: "fill" | "line" | "symbol" | "circle" | "fill-extrusion" | "raster" | "background";
 
 		metadata?: any;
 		ref?: string;
@@ -834,6 +898,7 @@ declare namespace mapboxgl {
 		property?: string;
 		base?: number;
 		type?: "identity" | "exponential" | "interval" | "categorical";
+		default?: any;
 		"colorSpace"?: "rgb" | "lab" | "interval";
 	}
 
@@ -881,14 +946,14 @@ declare namespace mapboxgl {
 		"line-round-limit"?: number;
 	}
 	export interface LinePaint {
-		"line-opacity"?: number;
+		"line-opacity"?: number | StyleFunction;
 		"line-color"?: string| StyleFunction;
 		"line-translate"?: number[];
 		"line-translate-anchor"?: "map" | "viewport";
 		"line-width"?: number;
-		"line-gap-width"?: number;
-		"line-offset"?: number;
-		"line-blur"?: number;
+		"line-gap-width"?: number | StyleFunction;
+		"line-offset"?: number | StyleFunction;
+		"line-blur"?: number | StyleFunction;
 		"line-dasharray"?: number[];
 		"line-dasharray-transition"?: Transition;
 		"line-pattern"?: string;
@@ -904,29 +969,29 @@ declare namespace mapboxgl {
 		"icon-ignore-placement"?: boolean;
 		"icon-optional"?: boolean;
 		"icon-rotation-alignment"?: "map" | "viewport" | "auto";
-		"icon-size"?: number;
+		"icon-size"?: number | StyleFunction;
 		"icon-text-fit"?: "none" | "both" | "width" | "height";
 		"icon-text-fit-padding"?: number[];
-		"icon-image"?: string;
+		"icon-image"?: string | StyleFunction;
 		"icon-rotate"?: number | StyleFunction;
 		"icon-padding"?: number;
 		"icon-keep-upright"?: boolean;
 		"icon-offset"?: number[] | StyleFunction;
 		"text-pitch-alignment"?: "map" | "viewport" | "auto";
 		"text-rotation-alignment"?: "map" | "viewport" | "auto";
-		"text-field"?: string;
+		"text-field"?: string | StyleFunction;
 		"text-font"?: string | string[];
-		"text-size"?: number;
+		"text-size"?: number | StyleFunction;
 		"text-max-width"?: number;
 		"text-line-height"?: number;
 		"text-letter-spacing"?: number;
 		"text-justify"?: "left" | "center" | "right";
 		"text-anchor"?: "center" | "left" | "right" | "top" | "bottom" | "top-left" | "top-right" | "bottom-left" | "bottom-right";
 		"text-max-angle"?: number;
-		"text-rotate"?: number;
+		"text-rotate"?: number | StyleFunction;
 		"text-padding"?: number;
 		"text-keep-upright"?: boolean;
-		"text-transform"?: "none" | "uppercase" | "lowercase";
+		"text-transform"?: "none" | "uppercase" | "lowercase" | StyleFunction;
 		"text-offset"?: number[];
 		"text-allow-overlap"?: boolean;
 		"text-ignore-placement"?: boolean;
@@ -934,18 +999,18 @@ declare namespace mapboxgl {
 
 	}
 	export interface SymbolPaint {
-		"icon-opacity"?: number;
-		"icon-color"?: string;
-		"icon-halo-color"?: string;
-		"icon-halo-width"?: number;
-		"icon-halo-blur"?: number;
+		"icon-opacity"?: number | StyleFunction;
+		"icon-color"?: string | StyleFunction;
+		"icon-halo-color"?: string | StyleFunction;
+		"icon-halo-width"?: number | StyleFunction;
+		"icon-halo-blur"?: number | StyleFunction;
 		"icon-translate"?: number[];
 		"icon-translate-anchor"?: "map" | "viewport";
-		"text-opacity"?: number;
-		"text-color"?: "string";
-		"text-halo-color"?: "string";
-		"text-halo-width"?: number;
-		"text-halo-blur"?: number;
+		"text-opacity"?: number | StyleFunction;
+		"text-color"?: string | StyleFunction;
+		"text-halo-color"?: string | StyleFunction;
+		"text-halo-width"?: number | StyleFunction;
+		"text-halo-blur"?: number | StyleFunction;
 		"text-translate"?: number[];
 		"text-translate-anchor"?: "map" | "viewport";
 	}

From a3947c3eaae67a7f5118aebc1371a32b2930174c Mon Sep 17 00:00:00 2001
From: Tairan Wang <tairan.wang@gmail.com>
Date: Tue, 2 May 2017 07:34:52 +0800
Subject: [PATCH 128/321] add type for "react-weui" (#16044)

* add type for "react-weui"

* fix ci issue

* fix dtslint issue
---
 types/react-weui/index.d.ts          | 1242 ++++++++++++++++++++++++++
 types/react-weui/react-weui-tests.ts |    1 +
 types/react-weui/tsconfig.json       |   22 +
 types/react-weui/tslint.json         |    1 +
 4 files changed, 1266 insertions(+)
 create mode 100644 types/react-weui/index.d.ts
 create mode 100644 types/react-weui/react-weui-tests.ts
 create mode 100644 types/react-weui/tsconfig.json
 create mode 100644 types/react-weui/tslint.json

diff --git a/types/react-weui/index.d.ts b/types/react-weui/index.d.ts
new file mode 100644
index 0000000000..45ef616f2b
--- /dev/null
+++ b/types/react-weui/index.d.ts
@@ -0,0 +1,1242 @@
+// Type definitions for react-weui 1.0
+// Project: https://github.com/weui/react-weui
+// Definitions by: Tairan Wang <https://github.com/tairan>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+// TypeScript Version: 2.2
+export class ActionSheet {
+    constructor(props: any);
+    handleMaskClick(e: any): void;
+    render(): any;
+    renderActions(): any;
+    renderMenuItem(): any;
+    static defaultProps: {
+        actions: any[];
+        autoDectect: boolean;
+        menus: any[];
+        show: boolean;
+        type: string;
+    };
+}
+
+export class Article {
+    constructor(...args: any[]);
+    render(): any;
+    static defaultProps: {
+    };
+    static propTypes: {
+    };
+}
+
+export class Badge {
+    constructor(...args: any[]);
+    render(): any;
+    static defaultProps: {
+        dot: boolean;
+        preset: string;
+    };
+}
+
+export class Button {
+    constructor(...args: any[]);
+    render(): any;
+    static defaultProps: {
+        disabled: boolean;
+        size: string;
+        type: string;
+    };
+}
+
+export class ButtonArea {
+    constructor(...args: any[]);
+    render(): any;
+    static defaultProps: {
+        direction: string;
+    };
+}
+
+export class CityPicker {
+    constructor(props: any);
+    handleChange(): void;
+    parseData(data: any, subKey: any, ...args: any[]): any;
+    render(): any;
+    updateGroup(item: any, i: any, groupIndex: any, selected: any, picker: any): void;
+    static defaultProps: {
+        data: any[];
+        dataMap: {
+            id: string;
+            items: string;
+        };
+        selected: any[];
+        show: boolean;
+    };
+}
+
+export class Dialog {
+    constructor(props: any);
+    render(): any;
+    renderButtons(): any;
+    static defaultProps: {
+        autoDectect: boolean;
+        buttons: any[];
+        show: boolean;
+        title: string;
+        type: string;
+    };
+}
+
+export class Form {
+    constructor(...args: any[]);
+    render(): any;
+    static defaultProps: {
+        checkbox: boolean;
+        radio: boolean;
+    };
+}
+
+export class FormCell {
+    constructor(...args: any[]);
+    render(): any;
+    static defaultProps: {
+        checkbox: boolean;
+        radio: boolean;
+        select: boolean;
+        selectPos: any;
+        switch: boolean;
+        vcode: boolean;
+        warn: boolean;
+    };
+}
+
+export class Grid {
+    constructor(...args: any[]);
+    render(): any;
+    static defaultProps: {
+        icon: boolean;
+        label: string;
+    };
+}
+
+export class GridIcon {
+    constructor(...args: any[]);
+    render(): any;
+}
+
+export class GridLabel {
+    constructor(...args: any[]);
+    render(): any;
+}
+
+export class Grids {
+    constructor(...args: any[]);
+    render(): any;
+    renderData(data: any): any;
+    static defaultProps: {
+        data: any[];
+    };
+}
+
+export class Icon {
+    constructor(...args: any[]);
+    render(): any;
+    static defaultProps: {
+        size: string;
+        value: string;
+    };
+}
+
+export class Mask {
+    constructor(...args: any[]);
+    render(): any;
+    static defaultProps: {
+        transparent: boolean;
+    };
+}
+
+export class MediaBox {
+    constructor(...args: any[]);
+    render(): any;
+    static defaultProps: {
+        type: string;
+    };
+}
+
+export class MediaBoxBody {
+    constructor(...args: any[]);
+    render(): any;
+}
+
+export class MediaBoxDescription {
+    constructor(...args: any[]);
+    render(): any;
+}
+
+export class MediaBoxHeader {
+    constructor(...args: any[]);
+    render(): any;
+}
+
+export class MediaBoxInfo {
+    constructor(...args: any[]);
+    render(): any;
+    renderData(metas: any): any;
+    static defaultProps: {
+        data: any[];
+    };
+}
+
+export class MediaBoxInfoMeta {
+    constructor(...args: any[]);
+    render(): any;
+    static defaultProps: {
+        extra: boolean;
+    };
+}
+
+export class MediaBoxTitle {
+    constructor(...args: any[]);
+    render(): any;
+}
+
+export class Msg {
+    constructor(...args: any[]);
+    render(): any;
+    static defaultProps: {
+        buttons: any[];
+        type: string;
+    };
+}
+
+export class NavBar {
+    constructor(...args: any[]);
+    render(): any;
+}
+
+export class NavBarItem {
+    constructor(...args: any[]);
+    render(): any;
+    static defaultProps: {
+        active: boolean;
+    };
+}
+
+export class Panel {
+    constructor(...args: any[]);
+    render(): any;
+    static defaultProps: {
+        access: boolean;
+    };
+}
+
+export class PanelBody {
+    constructor(...args: any[]);
+    render(): any;
+}
+
+export class PanelFooter {
+    constructor(...args: any[]);
+    render(): any;
+}
+
+export class PanelHeader {
+    constructor(...args: any[]);
+    render(): any;
+}
+
+export class Picker {
+    constructor(props: any);
+    handleChange(item: any, i: any, groupIndex: any): void;
+    handleChanges(): void;
+    handleClose(cb: any): any;
+    render(): any;
+    renderActions(): any;
+    renderGroups(): any;
+    static defaultProps: {
+        actions: any[];
+        groups: any[];
+        lang: {
+            leftBtn: string;
+            rightBtn: string;
+        };
+        show: boolean;
+    };
+}
+
+export class PickerGroup {
+    constructor(props: any);
+    adjustPosition(props: any): any;
+    componentDidMount(): void;
+    componentWillReceiveProps(nextProps: any): void;
+    handleTouchEnd(e: any): any;
+    handleTouchMove(e: any): void;
+    handleTouchStart(e: any): void;
+    render(): any;
+    updateSelected(...args: any[]): void;
+    static defaultProps: {
+        aniamtion: boolean;
+        defaultIndex: number;
+        groupIndex: number;
+        height: number;
+        indicatorHeight: number;
+        indicatorTop: number;
+        itemHeight: number;
+        mapKeys: {
+            label: string;
+        };
+    };
+}
+
+export class Popup {
+    constructor(...args: any[]);
+    render(): any;
+    static defaultProps: {
+        enableMask: boolean;
+        show: boolean;
+    };
+}
+
+export class SearchBar {
+    constructor(...args: any[]);
+    blurHandle(e: any): void;
+    cancelHandle(e: any): void;
+    changeHandle(e: any): void;
+    clearHandle(e: any): void;
+    render(): any;
+    submitHandle(e: any): void;
+    static defaultProps: {
+        autocomplete: string;
+        lang: {
+            cancel: string;
+        };
+        onCancel: any;
+        onChange: any;
+        onClear: any;
+        onSubmit: any;
+        placeholder: string;
+        searchName: string;
+    };
+}
+
+export class Select {
+    constructor(...args: any[]);
+    render(): any;
+    renderData(data: any): any;
+    static defaultProps: {
+        data: any[];
+    };
+}
+
+export class Slider {
+    constructor(props: any);
+    componentDidMount(): void;
+    componentWillReceiveProps(nextProps: any): void;
+    handleTouchEnd(e: any): void;
+    handleTouchMove(e: any): any;
+    handleTouchStart(e: any): void;
+    render(): any;
+    updateValue(...args: any[]): any;
+    static defaultProps: {
+        defaultValue: number;
+        disabled: boolean;
+        max: number;
+        min: number;
+        showValue: boolean;
+        snapToValue: boolean;
+        step: number;
+    };
+}
+
+export class Tab {
+    constructor(...args: any[]);
+    handleHeaderClick(idx: any): void;
+    parseChild(children: any): any;
+    render(): any;
+    renderBar(type: any, children: any, cls: any): any;
+    static defaultProps: {
+        defaultIndex: number;
+        type: string;
+    };
+}
+
+export class TabBar {
+    constructor(...args: any[]);
+    render(): any;
+}
+
+export class TabBarIcon {
+    constructor(...args: any[]);
+    render(): any;
+}
+
+export class TabBarItem {
+    constructor(...args: any[]);
+    render(): any;
+    static defaultProps: {
+        active: boolean;
+        icon: boolean;
+        label: string;
+    };
+}
+
+export class TabBarLabel {
+    constructor(...args: any[]);
+    render(): any;
+}
+
+export class TabBody {
+    constructor(...args: any[]);
+    render(): any;
+}
+
+export class TabBodyItem {
+    constructor(...args: any[]);
+    render(): any;
+    static defaultProps: {
+        active: boolean;
+    };
+}
+
+export class TextArea {
+    constructor(...args: any[]);
+    handleChange(e: any): void;
+    render(): any;
+    static defaultProps: {
+        defaultValue: any;
+        showCounter: boolean;
+    };
+}
+
+export class Toast {
+    constructor(...args: any[]);
+    render(): any;
+    static defaultProps: {
+        icon: string;
+        show: boolean;
+    };
+}
+
+export class Uploader {
+    constructor(...args: any[]);
+    detectVerticalSquash(img: any): any;
+    handleChange(e: any): void;
+    handleFile(file: any, cb: any, ...args: any[]): void;
+    render(): any;
+    renderFiles(): any;
+    static defaultProps: {
+        files: any[];
+        lang: {
+            maxError: any;
+        };
+        maxCount: number;
+        maxWidth: number;
+        onChange: any;
+        onError: any;
+        title: string;
+    };
+}
+
+export const version: string;
+export function Agreement(props: any): any;
+export function Cell(props: any): any;
+export function CellBody(props: any): any;
+export function CellFooter(props: any): any;
+export function CellHeader(props: any): any;
+export function Cells(props: any): any;
+export function CellsTips(props: any): any;
+export function CellsTitle(props: any): any;
+export function Checkbox(props: any): any;
+export function Flex(props: any): any;
+export function FlexItem(props: any): any;
+export function Footer(props: any): any;
+export function FooterLink(props: any): any;
+export function FooterLinks(props: any): any;
+export function FooterText(props: any): any;
+export function Gallery(props: any): any;
+export function GalleryDelete(props: any): any;
+export function Input(props: any): any;
+export function Label(props: any): any;
+export function LoadMore(props: any): any;
+export function PopupHeader(props: any): any;
+export function Preview(props: any): any;
+export function PreviewBody(props: any): any;
+export function PreviewButton(props: any): any;
+export function PreviewFooter(props: any): any;
+export function PreviewHeader(props: any): any;
+export function PreviewItem(props: any): any;
+export function Progress(props: any): any;
+export function Radio(props: any): any;
+export function Switch(props: any): any;
+export function Toptips(props: any): any;
+export function VCode(props: any): any;
+export namespace ActionSheet {
+    namespace propTypes {
+        function actions(p0: any, p1: any, p2: any, p3: any, p4: any, p5: any): any;
+        function autoDectect(p0: any, p1: any, p2: any, p3: any, p4: any, p5: any): any;
+        function menus(p0: any, p1: any, p2: any, p3: any, p4: any, p5: any): any;
+        function onRequestClose(p0: any, p1: any, p2: any, p3: any, p4: any, p5: any): any;
+        function show(p0: any, p1: any, p2: any, p3: any, p4: any, p5: any): any;
+        function type(p0: any, p1: any, p2: any, p3: any, p4: any, p5: any): any;
+        namespace actions {
+            function isRequired(p0: any, p1: any, p2: any, p3: any, p4: any, p5: any): any;
+        }
+        namespace autoDectect {
+            function isRequired(p0: any, p1: any, p2: any, p3: any, p4: any, p5: any): any;
+        }
+        namespace menus {
+            function isRequired(p0: any, p1: any, p2: any, p3: any, p4: any, p5: any): any;
+        }
+        namespace onRequestClose {
+            function isRequired(p0: any, p1: any, p2: any, p3: any, p4: any, p5: any): any;
+        }
+        namespace show {
+            function isRequired(p0: any, p1: any, p2: any, p3: any, p4: any, p5: any): any;
+        }
+        namespace type {
+            function isRequired(p0: any, p1: any, p2: any, p3: any, p4: any, p5: any): any;
+        }
+    }
+}
+
+export namespace Badge {
+    namespace propTypes {
+        function dot(p0: any, p1: any, p2: any, p3: any, p4: any, p5: any): any;
+        function preset(p0: any, p1: any, p2: any, p3: any, p4: any, p5: any): any;
+        namespace dot {
+            function isRequired(p0: any, p1: any, p2: any, p3: any, p4: any, p5: any): any;
+        }
+        namespace preset {
+            function isRequired(p0: any, p1: any, p2: any, p3: any, p4: any, p5: any): any;
+        }
+    }
+}
+
+export namespace Button {
+    namespace propTypes {
+        function disabled(p0: any, p1: any, p2: any, p3: any, p4: any, p5: any): any;
+        function size(p0: any, p1: any, p2: any, p3: any, p4: any, p5: any): any;
+        function type(p0: any, p1: any, p2: any, p3: any, p4: any, p5: any): any;
+        namespace disabled {
+            function isRequired(p0: any, p1: any, p2: any, p3: any, p4: any, p5: any): any;
+        }
+        namespace size {
+            function isRequired(p0: any, p1: any, p2: any, p3: any, p4: any, p5: any): any;
+        }
+        namespace type {
+            function isRequired(p0: any, p1: any, p2: any, p3: any, p4: any, p5: any): any;
+        }
+    }
+}
+
+export namespace ButtonArea {
+    namespace propTypes {
+        function direction(p0: any, p1: any, p2: any, p3: any, p4: any, p5: any): any;
+        namespace direction {
+            function isRequired(p0: any, p1: any, p2: any, p3: any, p4: any, p5: any): any;
+        }
+    }
+}
+
+export namespace Cell {
+    const defaultProps: {
+        access: boolean;
+        link: boolean;
+    };
+    namespace propTypes {
+        function access(p0: any, p1: any, p2: any, p3: any, p4: any, p5: any): any;
+        function component(p0: any, p1: any, p2: any, p3: any, p4: any, p5: any): any;
+        function link(p0: any, p1: any, p2: any, p3: any, p4: any, p5: any): any;
+        namespace access {
+            function isRequired(p0: any, p1: any, p2: any, p3: any, p4: any, p5: any): any;
+        }
+        namespace component {
+            function isRequired(p0: any, p1: any, p2: any, p3: any, p4: any, p5: any): any;
+        }
+        namespace link {
+            function isRequired(p0: any, p1: any, p2: any, p3: any, p4: any, p5: any): any;
+        }
+    }
+}
+
+export namespace CellBody {
+    const defaultProps: {
+        primary: boolean;
+    };
+    namespace propTypes {
+        function primary(p0: any, p1: any, p2: any, p3: any, p4: any, p5: any): any;
+        namespace primary {
+            function isRequired(p0: any, p1: any, p2: any, p3: any, p4: any, p5: any): any;
+        }
+    }
+}
+
+export namespace CellFooter {
+    const defaultProps: {
+        primary: boolean;
+    };
+    namespace propTypes {
+        function primary(p0: any, p1: any, p2: any, p3: any, p4: any, p5: any): any;
+        namespace primary {
+            function isRequired(p0: any, p1: any, p2: any, p3: any, p4: any, p5: any): any;
+        }
+    }
+}
+
+export namespace CellHeader {
+    const defaultProps: {
+        primary: boolean;
+    };
+    namespace propTypes {
+        function primary(p0: any, p1: any, p2: any, p3: any, p4: any, p5: any): any;
+        namespace primary {
+            function isRequired(p0: any, p1: any, p2: any, p3: any, p4: any, p5: any): any;
+        }
+    }
+}
+
+export namespace Cells {
+    const defaultProps: {
+    };
+    const propTypes: {
+    };
+}
+
+export namespace CityPicker {
+    namespace propTypes {
+        function data(p0: any, p1: any, p2: any, p3: any, p4: any, p5: any): any;
+        function dataMap(p0: any, p1: any, p2: any, p3: any, p4: any, p5: any): any;
+        function selected(p0: any, p1: any, p2: any, p3: any, p4: any, p5: any): any;
+        function show(p0: any, p1: any, p2: any, p3: any, p4: any, p5: any): any;
+        namespace dataMap {
+            function isRequired(p0: any, p1: any, p2: any, p3: any, p4: any, p5: any): any;
+        }
+        namespace selected {
+            function isRequired(p0: any, p1: any, p2: any, p3: any, p4: any, p5: any): any;
+        }
+        namespace show {
+            function isRequired(p0: any, p1: any, p2: any, p3: any, p4: any, p5: any): any;
+        }
+    }
+}
+
+export namespace Dialog {
+    namespace propTypes {
+        function autoDectect(p0: any, p1: any, p2: any, p3: any, p4: any, p5: any): any;
+        function buttons(p0: any, p1: any, p2: any, p3: any, p4: any, p5: any): any;
+        function show(p0: any, p1: any, p2: any, p3: any, p4: any, p5: any): any;
+        function title(p0: any, p1: any, p2: any, p3: any, p4: any, p5: any): any;
+        function type(p0: any, p1: any, p2: any, p3: any, p4: any, p5: any): any;
+        namespace autoDectect {
+            function isRequired(p0: any, p1: any, p2: any, p3: any, p4: any, p5: any): any;
+        }
+        namespace buttons {
+            function isRequired(p0: any, p1: any, p2: any, p3: any, p4: any, p5: any): any;
+        }
+        namespace show {
+            function isRequired(p0: any, p1: any, p2: any, p3: any, p4: any, p5: any): any;
+        }
+        namespace title {
+            function isRequired(p0: any, p1: any, p2: any, p3: any, p4: any, p5: any): any;
+        }
+        namespace type {
+            function isRequired(p0: any, p1: any, p2: any, p3: any, p4: any, p5: any): any;
+        }
+    }
+}
+
+export namespace FlexItem {
+    const defaultProps: {
+        component: string;
+    };
+    namespace propTypes {
+        function component(p0: any, p1: any, p2: any, p3: any, p4: any, p5: any): any;
+        namespace component {
+            function isRequired(p0: any, p1: any, p2: any, p3: any, p4: any, p5: any): any;
+        }
+    }
+}
+
+export namespace Form {
+    namespace propTypes {
+        function checkbox(p0: any, p1: any, p2: any, p3: any, p4: any, p5: any): any;
+        function radio(p0: any, p1: any, p2: any, p3: any, p4: any, p5: any): any;
+        namespace checkbox {
+            function isRequired(p0: any, p1: any, p2: any, p3: any, p4: any, p5: any): any;
+        }
+        namespace radio {
+            function isRequired(p0: any, p1: any, p2: any, p3: any, p4: any, p5: any): any;
+        }
+    }
+}
+
+export namespace FormCell {
+    namespace propTypes {
+        function checkbox(p0: any, p1: any, p2: any, p3: any, p4: any, p5: any): any;
+        function radio(p0: any, p1: any, p2: any, p3: any, p4: any, p5: any): any;
+        function select(p0: any, p1: any, p2: any, p3: any, p4: any, p5: any): any;
+        function selectPos(p0: any, p1: any, p2: any, p3: any, p4: any, p5: any): any;
+        function vcode(p0: any, p1: any, p2: any, p3: any, p4: any, p5: any): any;
+        function warn(p0: any, p1: any, p2: any, p3: any, p4: any, p5: any): any;
+        namespace checkbox {
+            function isRequired(p0: any, p1: any, p2: any, p3: any, p4: any, p5: any): any;
+        }
+        namespace radio {
+            function isRequired(p0: any, p1: any, p2: any, p3: any, p4: any, p5: any): any;
+        }
+        namespace select {
+            function isRequired(p0: any, p1: any, p2: any, p3: any, p4: any, p5: any): any;
+        }
+        namespace selectPos {
+            function isRequired(p0: any, p1: any, p2: any, p3: any, p4: any, p5: any): any;
+        }
+        namespace vcode {
+            function isRequired(p0: any, p1: any, p2: any, p3: any, p4: any, p5: any): any;
+        }
+        namespace warn {
+            function isRequired(p0: any, p1: any, p2: any, p3: any, p4: any, p5: any): any;
+        }
+    }
+}
+
+export namespace Gallery {
+    const defaultProps: {
+        show: any;
+        src: string;
+    };
+    namespace propTypes {
+        function show(p0: any, p1: any, p2: any, p3: any, p4: any, p5: any): any;
+        function src(p0: any, p1: any, p2: any, p3: any, p4: any, p5: any): any;
+        namespace show {
+            function isRequired(p0: any, p1: any, p2: any, p3: any, p4: any, p5: any): any;
+        }
+        namespace src {
+            function isRequired(p0: any, p1: any, p2: any, p3: any, p4: any, p5: any): any;
+        }
+    }
+}
+
+export namespace Grid {
+    namespace propTypes {
+        function icon(p0: any, p1: any, p2: any, p3: any, p4: any, p5: any): any;
+        function label(p0: any, p1: any, p2: any, p3: any, p4: any, p5: any): any;
+        namespace icon {
+            function isRequired(p0: any, p1: any, p2: any, p3: any, p4: any, p5: any): any;
+        }
+        namespace label {
+            function isRequired(p0: any, p1: any, p2: any, p3: any, p4: any, p5: any): any;
+        }
+    }
+}
+
+export namespace Grids {
+    namespace propTypes {
+        function data(p0: any, p1: any, p2: any, p3: any, p4: any, p5: any): any;
+        namespace data {
+            function isRequired(p0: any, p1: any, p2: any, p3: any, p4: any, p5: any): any;
+        }
+    }
+}
+
+export namespace Icon {
+    namespace propTypes {
+        function size(p0: any, p1: any, p2: any, p3: any, p4: any, p5: any): any;
+        function value(p0: any, p1: any, p2: any, p3: any, p4: any, p5: any): any;
+        namespace size {
+            function isRequired(p0: any, p1: any, p2: any, p3: any, p4: any, p5: any): any;
+        }
+        namespace value {
+            function isRequired(p0: any, p1: any, p2: any, p3: any, p4: any, p5: any): any;
+        }
+    }
+}
+
+export namespace Input {
+    const defaultProps: {
+        defaultValue: any;
+    };
+    namespace propTypes {
+        function defaultValue(p0: any, p1: any, p2: any, p3: any, p4: any, p5: any): any;
+        namespace defaultValue {
+            function isRequired(p0: any, p1: any, p2: any, p3: any, p4: any, p5: any): any;
+        }
+    }
+}
+
+export namespace LoadMore {
+    const defaultProps: {
+        loading: boolean;
+        showDot: boolean;
+        showLine: boolean;
+    };
+    namespace propTypes {
+        function loading(p0: any, p1: any, p2: any, p3: any, p4: any, p5: any): any;
+        function showDot(p0: any, p1: any, p2: any, p3: any, p4: any, p5: any): any;
+        function showLine(p0: any, p1: any, p2: any, p3: any, p4: any, p5: any): any;
+        namespace loading {
+            function isRequired(p0: any, p1: any, p2: any, p3: any, p4: any, p5: any): any;
+        }
+        namespace showDot {
+            function isRequired(p0: any, p1: any, p2: any, p3: any, p4: any, p5: any): any;
+        }
+        namespace showLine {
+            function isRequired(p0: any, p1: any, p2: any, p3: any, p4: any, p5: any): any;
+        }
+    }
+}
+
+export namespace Mask {
+    namespace propTypes {
+        function transparent(p0: any, p1: any, p2: any, p3: any, p4: any, p5: any): any;
+        namespace transparent {
+            function isRequired(p0: any, p1: any, p2: any, p3: any, p4: any, p5: any): any;
+        }
+    }
+}
+
+export namespace MediaBox {
+    namespace propTypes {
+        function type(p0: any, p1: any, p2: any, p3: any, p4: any, p5: any): any;
+        namespace type {
+            function isRequired(p0: any, p1: any, p2: any, p3: any, p4: any, p5: any): any;
+        }
+    }
+}
+
+export namespace MediaBoxInfo {
+    namespace propTypes {
+        function data(p0: any, p1: any, p2: any, p3: any, p4: any, p5: any): any;
+        namespace data {
+            function isRequired(p0: any, p1: any, p2: any, p3: any, p4: any, p5: any): any;
+        }
+    }
+}
+
+export namespace MediaBoxInfoMeta {
+    namespace propTypes {
+        function extra(p0: any, p1: any, p2: any, p3: any, p4: any, p5: any): any;
+        namespace extra {
+            function isRequired(p0: any, p1: any, p2: any, p3: any, p4: any, p5: any): any;
+        }
+    }
+}
+
+export namespace Msg {
+    namespace propTypes {
+        function buttons(p0: any, p1: any, p2: any, p3: any, p4: any, p5: any): any;
+        function description(p0: any, p1: any, p2: any, p3: any, p4: any, p5: any): any;
+        function extraHref(p0: any, p1: any, p2: any, p3: any, p4: any, p5: any): any;
+        function extraText(p0: any, p1: any, p2: any, p3: any, p4: any, p5: any): any;
+        function footer(p0: any, p1: any, p2: any, p3: any, p4: any, p5: any): any;
+        function title(p0: any, p1: any, p2: any, p3: any, p4: any, p5: any): any;
+        function type(p0: any, p1: any, p2: any, p3: any, p4: any, p5: any): any;
+        namespace buttons {
+            function isRequired(p0: any, p1: any, p2: any, p3: any, p4: any, p5: any): any;
+        }
+        namespace description {
+            function isRequired(p0: any, p1: any, p2: any, p3: any, p4: any, p5: any): any;
+        }
+        namespace extraHref {
+            function isRequired(p0: any, p1: any, p2: any, p3: any, p4: any, p5: any): any;
+        }
+        namespace extraText {
+            function isRequired(p0: any, p1: any, p2: any, p3: any, p4: any, p5: any): any;
+        }
+        namespace footer {
+            function isRequired(p0: any, p1: any, p2: any, p3: any, p4: any, p5: any): any;
+        }
+        namespace title {
+            function isRequired(p0: any, p1: any, p2: any, p3: any, p4: any, p5: any): any;
+        }
+        namespace type {
+            function isRequired(p0: any, p1: any, p2: any, p3: any, p4: any, p5: any): any;
+        }
+    }
+}
+
+export namespace NavBarItem {
+    namespace propTypes {
+        function active(p0: any, p1: any, p2: any, p3: any, p4: any, p5: any): any;
+        function label(p0: any, p1: any, p2: any, p3: any, p4: any, p5: any): any;
+        namespace active {
+            function isRequired(p0: any, p1: any, p2: any, p3: any, p4: any, p5: any): any;
+        }
+        namespace label {
+            function isRequired(p0: any, p1: any, p2: any, p3: any, p4: any, p5: any): any;
+        }
+    }
+}
+
+export namespace Panel {
+    namespace propTypes {
+        function access(p0: any, p1: any, p2: any, p3: any, p4: any, p5: any): any;
+        namespace access {
+            function isRequired(p0: any, p1: any, p2: any, p3: any, p4: any, p5: any): any;
+        }
+    }
+}
+
+export namespace Picker {
+    namespace propTypes {
+        function actions(p0: any, p1: any, p2: any, p3: any, p4: any, p5: any): any;
+        function defaultSelect(p0: any, p1: any, p2: any, p3: any, p4: any, p5: any): any;
+        function groups(p0: any, p1: any, p2: any, p3: any, p4: any, p5: any): any;
+        function lang(p0: any, p1: any, p2: any, p3: any, p4: any, p5: any): any;
+        function onCancel(p0: any, p1: any, p2: any, p3: any, p4: any, p5: any): any;
+        function onChange(p0: any, p1: any, p2: any, p3: any, p4: any, p5: any): any;
+        function onGroupChange(p0: any, p1: any, p2: any, p3: any, p4: any, p5: any): any;
+        function show(p0: any, p1: any, p2: any, p3: any, p4: any, p5: any): any;
+        namespace actions {
+            function isRequired(p0: any, p1: any, p2: any, p3: any, p4: any, p5: any): any;
+        }
+        namespace defaultSelect {
+            function isRequired(p0: any, p1: any, p2: any, p3: any, p4: any, p5: any): any;
+        }
+        namespace groups {
+            function isRequired(p0: any, p1: any, p2: any, p3: any, p4: any, p5: any): any;
+        }
+        namespace lang {
+            function isRequired(p0: any, p1: any, p2: any, p3: any, p4: any, p5: any): any;
+        }
+        namespace onCancel {
+            function isRequired(p0: any, p1: any, p2: any, p3: any, p4: any, p5: any): any;
+        }
+        namespace onChange {
+            function isRequired(p0: any, p1: any, p2: any, p3: any, p4: any, p5: any): any;
+        }
+        namespace onGroupChange {
+            function isRequired(p0: any, p1: any, p2: any, p3: any, p4: any, p5: any): any;
+        }
+        namespace show {
+            function isRequired(p0: any, p1: any, p2: any, p3: any, p4: any, p5: any): any;
+        }
+    }
+}
+
+export namespace PickerGroup {
+    namespace propTypes {
+        function aniamtion(p0: any, p1: any, p2: any, p3: any, p4: any, p5: any): any;
+        function defaultIndex(p0: any, p1: any, p2: any, p3: any, p4: any, p5: any): any;
+        function groupIndex(p0: any, p1: any, p2: any, p3: any, p4: any, p5: any): any;
+        function height(p0: any, p1: any, p2: any, p3: any, p4: any, p5: any): any;
+        function indicatorHeight(p0: any, p1: any, p2: any, p3: any, p4: any, p5: any): any;
+        function indicatorTop(p0: any, p1: any, p2: any, p3: any, p4: any, p5: any): any;
+        function itemHeight(p0: any, p1: any, p2: any, p3: any, p4: any, p5: any): any;
+        function onChange(p0: any, p1: any, p2: any, p3: any, p4: any, p5: any): any;
+        namespace aniamtion {
+            function isRequired(p0: any, p1: any, p2: any, p3: any, p4: any, p5: any): any;
+        }
+        namespace defaultIndex {
+            function isRequired(p0: any, p1: any, p2: any, p3: any, p4: any, p5: any): any;
+        }
+        namespace groupIndex {
+            function isRequired(p0: any, p1: any, p2: any, p3: any, p4: any, p5: any): any;
+        }
+        namespace height {
+            function isRequired(p0: any, p1: any, p2: any, p3: any, p4: any, p5: any): any;
+        }
+        namespace indicatorHeight {
+            function isRequired(p0: any, p1: any, p2: any, p3: any, p4: any, p5: any): any;
+        }
+        namespace indicatorTop {
+            function isRequired(p0: any, p1: any, p2: any, p3: any, p4: any, p5: any): any;
+        }
+        namespace itemHeight {
+            function isRequired(p0: any, p1: any, p2: any, p3: any, p4: any, p5: any): any;
+        }
+        namespace onChange {
+            function isRequired(p0: any, p1: any, p2: any, p3: any, p4: any, p5: any): any;
+        }
+    }
+}
+
+export namespace Popup {
+    namespace propTypes {
+        function enableMask(p0: any, p1: any, p2: any, p3: any, p4: any, p5: any): any;
+        function show(p0: any, p1: any, p2: any, p3: any, p4: any, p5: any): any;
+        namespace enableMask {
+            function isRequired(p0: any, p1: any, p2: any, p3: any, p4: any, p5: any): any;
+        }
+        namespace show {
+            function isRequired(p0: any, p1: any, p2: any, p3: any, p4: any, p5: any): any;
+        }
+    }
+}
+
+export namespace PopupHeader {
+    const defaultProps: {
+        left: string;
+        right: string;
+    };
+    namespace propTypes {
+        function left(p0: any, p1: any, p2: any, p3: any, p4: any, p5: any): any;
+        function leftOnClick(p0: any, p1: any, p2: any, p3: any, p4: any, p5: any): any;
+        function right(p0: any, p1: any, p2: any, p3: any, p4: any, p5: any): any;
+        function rightOnClick(p0: any, p1: any, p2: any, p3: any, p4: any, p5: any): any;
+        namespace left {
+            function isRequired(p0: any, p1: any, p2: any, p3: any, p4: any, p5: any): any;
+        }
+        namespace leftOnClick {
+            function isRequired(p0: any, p1: any, p2: any, p3: any, p4: any, p5: any): any;
+        }
+        namespace right {
+            function isRequired(p0: any, p1: any, p2: any, p3: any, p4: any, p5: any): any;
+        }
+        namespace rightOnClick {
+            function isRequired(p0: any, p1: any, p2: any, p3: any, p4: any, p5: any): any;
+        }
+    }
+}
+
+export namespace PreviewButton {
+    const defaultProps: {
+        primary: boolean;
+    };
+    namespace propTypes {
+        function primary(p0: any, p1: any, p2: any, p3: any, p4: any, p5: any): any;
+        namespace primary {
+            function isRequired(p0: any, p1: any, p2: any, p3: any, p4: any, p5: any): any;
+        }
+    }
+}
+
+export namespace PreviewItem {
+    const defaultProps: {
+        label: boolean;
+        value: boolean;
+    };
+    namespace propTypes {
+        function label(p0: any, p1: any, p2: any, p3: any, p4: any, p5: any): any;
+        function value(p0: any, p1: any, p2: any, p3: any, p4: any, p5: any): any;
+        namespace label {
+            function isRequired(p0: any, p1: any, p2: any, p3: any, p4: any, p5: any): any;
+        }
+        namespace value {
+            function isRequired(p0: any, p1: any, p2: any, p3: any, p4: any, p5: any): any;
+        }
+    }
+}
+
+export namespace Progress {
+    const defaultProps: {
+        showCancel: boolean;
+        value: number;
+    };
+    namespace propTypes {
+        function showCancel(p0: any, p1: any, p2: any, p3: any, p4: any, p5: any): any;
+        function value(p0: any, p1: any, p2: any, p3: any, p4: any, p5: any): any;
+        namespace showCancel {
+            function isRequired(p0: any, p1: any, p2: any, p3: any, p4: any, p5: any): any;
+        }
+        namespace value {
+            function isRequired(p0: any, p1: any, p2: any, p3: any, p4: any, p5: any): any;
+        }
+    }
+}
+
+export namespace SearchBar {
+    namespace propTypes {
+        function lang(p0: any, p1: any, p2: any, p3: any, p4: any, p5: any): any;
+        function onCancel(p0: any, p1: any, p2: any, p3: any, p4: any, p5: any): any;
+        function onChange(p0: any, p1: any, p2: any, p3: any, p4: any, p5: any): any;
+        function onClear(p0: any, p1: any, p2: any, p3: any, p4: any, p5: any): any;
+        function onSubmit(p0: any, p1: any, p2: any, p3: any, p4: any, p5: any): any;
+        function placeholder(p0: any, p1: any, p2: any, p3: any, p4: any, p5: any): any;
+        function searchName(p0: any, p1: any, p2: any, p3: any, p4: any, p5: any): any;
+        namespace lang {
+            function isRequired(p0: any, p1: any, p2: any, p3: any, p4: any, p5: any): any;
+        }
+        namespace onCancel {
+            function isRequired(p0: any, p1: any, p2: any, p3: any, p4: any, p5: any): any;
+        }
+        namespace onChange {
+            function isRequired(p0: any, p1: any, p2: any, p3: any, p4: any, p5: any): any;
+        }
+        namespace onClear {
+            function isRequired(p0: any, p1: any, p2: any, p3: any, p4: any, p5: any): any;
+        }
+        namespace onSubmit {
+            function isRequired(p0: any, p1: any, p2: any, p3: any, p4: any, p5: any): any;
+        }
+        namespace placeholder {
+            function isRequired(p0: any, p1: any, p2: any, p3: any, p4: any, p5: any): any;
+        }
+        namespace searchName {
+            function isRequired(p0: any, p1: any, p2: any, p3: any, p4: any, p5: any): any;
+        }
+    }
+}
+
+export namespace Select {
+    namespace propTypes {
+        function data(p0: any, p1: any, p2: any, p3: any, p4: any, p5: any): any;
+        namespace data {
+            function isRequired(p0: any, p1: any, p2: any, p3: any, p4: any, p5: any): any;
+        }
+    }
+}
+
+export namespace Slider {
+    namespace propTypes {
+        function defaultValue(p0: any, p1: any, p2: any, p3: any, p4: any, p5: any): any;
+        function disabled(p0: any, p1: any, p2: any, p3: any, p4: any, p5: any): any;
+        function max(p0: any, p1: any, p2: any, p3: any, p4: any, p5: any): any;
+        function min(p0: any, p1: any, p2: any, p3: any, p4: any, p5: any): any;
+        function onChange(p0: any, p1: any, p2: any, p3: any, p4: any, p5: any): any;
+        function showValue(p0: any, p1: any, p2: any, p3: any, p4: any, p5: any): any;
+        function snapToValue(p0: any, p1: any, p2: any, p3: any, p4: any, p5: any): any;
+        function step(p0: any, p1: any, p2: any, p3: any, p4: any, p5: any): any;
+        function value(p0: any, p1: any, p2: any, p3: any, p4: any, p5: any): any;
+        namespace defaultValue {
+            function isRequired(p0: any, p1: any, p2: any, p3: any, p4: any, p5: any): any;
+        }
+        namespace disabled {
+            function isRequired(p0: any, p1: any, p2: any, p3: any, p4: any, p5: any): any;
+        }
+        namespace max {
+            function isRequired(p0: any, p1: any, p2: any, p3: any, p4: any, p5: any): any;
+        }
+        namespace min {
+            function isRequired(p0: any, p1: any, p2: any, p3: any, p4: any, p5: any): any;
+        }
+        namespace onChange {
+            function isRequired(p0: any, p1: any, p2: any, p3: any, p4: any, p5: any): any;
+        }
+        namespace showValue {
+            function isRequired(p0: any, p1: any, p2: any, p3: any, p4: any, p5: any): any;
+        }
+        namespace snapToValue {
+            function isRequired(p0: any, p1: any, p2: any, p3: any, p4: any, p5: any): any;
+        }
+        namespace step {
+            function isRequired(p0: any, p1: any, p2: any, p3: any, p4: any, p5: any): any;
+        }
+        namespace value {
+            function isRequired(p0: any, p1: any, p2: any, p3: any, p4: any, p5: any): any;
+        }
+    }
+}
+
+export namespace Tab {
+    namespace propTypes {
+        function defaultIndex(p0: any, p1: any, p2: any, p3: any, p4: any, p5: any): any;
+        function onChange(p0: any, p1: any, p2: any, p3: any, p4: any, p5: any): any;
+        function type(p0: any, p1: any, p2: any, p3: any, p4: any, p5: any): any;
+        namespace defaultIndex {
+            function isRequired(p0: any, p1: any, p2: any, p3: any, p4: any, p5: any): any;
+        }
+        namespace onChange {
+            function isRequired(p0: any, p1: any, p2: any, p3: any, p4: any, p5: any): any;
+        }
+        namespace type {
+            function isRequired(p0: any, p1: any, p2: any, p3: any, p4: any, p5: any): any;
+        }
+    }
+}
+
+export namespace TabBarItem {
+    namespace propTypes {
+        function active(p0: any, p1: any, p2: any, p3: any, p4: any, p5: any): any;
+        function icon(p0: any, p1: any, p2: any, p3: any, p4: any, p5: any): any;
+        function label(p0: any, p1: any, p2: any, p3: any, p4: any, p5: any): any;
+        namespace active {
+            function isRequired(p0: any, p1: any, p2: any, p3: any, p4: any, p5: any): any;
+        }
+        namespace icon {
+            function isRequired(p0: any, p1: any, p2: any, p3: any, p4: any, p5: any): any;
+        }
+        namespace label {
+            function isRequired(p0: any, p1: any, p2: any, p3: any, p4: any, p5: any): any;
+        }
+    }
+}
+
+export namespace TabBodyItem {
+    namespace propTypes {
+        function active(p0: any, p1: any, p2: any, p3: any, p4: any, p5: any): any;
+        namespace active {
+            function isRequired(p0: any, p1: any, p2: any, p3: any, p4: any, p5: any): any;
+        }
+    }
+}
+
+export namespace TextArea {
+    namespace propTypes {
+        function defaultValue(p0: any, p1: any, p2: any, p3: any, p4: any, p5: any): any;
+        function maxLength(p0: any, p1: any, p2: any, p3: any, p4: any, p5: any): any;
+        function showCounter(p0: any, p1: any, p2: any, p3: any, p4: any, p5: any): any;
+        namespace defaultValue {
+            function isRequired(p0: any, p1: any, p2: any, p3: any, p4: any, p5: any): any;
+        }
+        namespace maxLength {
+            function isRequired(p0: any, p1: any, p2: any, p3: any, p4: any, p5: any): any;
+        }
+        namespace showCounter {
+            function isRequired(p0: any, p1: any, p2: any, p3: any, p4: any, p5: any): any;
+        }
+    }
+}
+
+export namespace Toast {
+    namespace propTypes {
+        function icon(p0: any, p1: any, p2: any, p3: any, p4: any, p5: any): any;
+        function iconSize(p0: any, p1: any, p2: any, p3: any, p4: any, p5: any): any;
+        function show(p0: any, p1: any, p2: any, p3: any, p4: any, p5: any): any;
+        namespace icon {
+            function isRequired(p0: any, p1: any, p2: any, p3: any, p4: any, p5: any): any;
+        }
+        namespace iconSize {
+            function isRequired(p0: any, p1: any, p2: any, p3: any, p4: any, p5: any): any;
+        }
+        namespace show {
+            function isRequired(p0: any, p1: any, p2: any, p3: any, p4: any, p5: any): any;
+        }
+    }
+}
+
+export namespace Toptips {
+    const defaultProps: {
+        show: boolean;
+        type: string;
+    };
+    namespace propTypes {
+        function show(p0: any, p1: any, p2: any, p3: any, p4: any, p5: any): any;
+        function type(p0: any, p1: any, p2: any, p3: any, p4: any, p5: any): any;
+        namespace show {
+            function isRequired(p0: any, p1: any, p2: any, p3: any, p4: any, p5: any): any;
+        }
+        namespace type {
+            function isRequired(p0: any, p1: any, p2: any, p3: any, p4: any, p5: any): any;
+        }
+    }
+}
+
+export namespace Uploader {
+    namespace propTypes {
+        function files(p0: any, p1: any, p2: any, p3: any, p4: any, p5: any): any;
+        function lang(p0: any, p1: any, p2: any, p3: any, p4: any, p5: any): any;
+        function maxCount(p0: any, p1: any, p2: any, p3: any, p4: any, p5: any): any;
+        function maxWidth(p0: any, p1: any, p2: any, p3: any, p4: any, p5: any): any;
+        function onChange(p0: any, p1: any, p2: any, p3: any, p4: any, p5: any): any;
+        function onError(p0: any, p1: any, p2: any, p3: any, p4: any, p5: any): any;
+        function title(p0: any, p1: any, p2: any, p3: any, p4: any, p5: any): any;
+        namespace files {
+            function isRequired(p0: any, p1: any, p2: any, p3: any, p4: any, p5: any): any;
+        }
+        namespace lang {
+            function isRequired(p0: any, p1: any, p2: any, p3: any, p4: any, p5: any): any;
+        }
+        namespace maxCount {
+            function isRequired(p0: any, p1: any, p2: any, p3: any, p4: any, p5: any): any;
+        }
+        namespace maxWidth {
+            function isRequired(p0: any, p1: any, p2: any, p3: any, p4: any, p5: any): any;
+        }
+        namespace onChange {
+            function isRequired(p0: any, p1: any, p2: any, p3: any, p4: any, p5: any): any;
+        }
+        namespace onError {
+            function isRequired(p0: any, p1: any, p2: any, p3: any, p4: any, p5: any): any;
+        }
+        namespace title {
+            function isRequired(p0: any, p1: any, p2: any, p3: any, p4: any, p5: any): any;
+        }
+    }
+}
diff --git a/types/react-weui/react-weui-tests.ts b/types/react-weui/react-weui-tests.ts
new file mode 100644
index 0000000000..815a9f68cf
--- /dev/null
+++ b/types/react-weui/react-weui-tests.ts
@@ -0,0 +1 @@
+import WeUI = require('react-weui');
diff --git a/types/react-weui/tsconfig.json b/types/react-weui/tsconfig.json
new file mode 100644
index 0000000000..14cc063ab2
--- /dev/null
+++ b/types/react-weui/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-weui-tests.ts"
+    ]
+}
diff --git a/types/react-weui/tslint.json b/types/react-weui/tslint.json
new file mode 100644
index 0000000000..3db14f85ea
--- /dev/null
+++ b/types/react-weui/tslint.json
@@ -0,0 +1 @@
+{ "extends": "dtslint/dt.json" }

From 876b72a0c7db8a32f4d671a8511d0ddf988fc545 Mon Sep 17 00:00:00 2001
From: "Amir.h Yeganemehr" <yeganemehr@jeyserver.com>
Date: Tue, 2 May 2017 04:05:16 +0430
Subject: [PATCH 129/321] Create definitions for jquery.growl (#16055)

* add jquery.growl definition

* Fix Travis CI checks
---
 types/jquery.growl/index.d.ts    | 37 ++++++++++++++++++++++++++++++++
 types/jquery.growl/tsconfig.json | 21 ++++++++++++++++++
 types/jquery.growl/tslint.json   |  1 +
 3 files changed, 59 insertions(+)
 create mode 100644 types/jquery.growl/index.d.ts
 create mode 100644 types/jquery.growl/tsconfig.json
 create mode 100644 types/jquery.growl/tslint.json

diff --git a/types/jquery.growl/index.d.ts b/types/jquery.growl/index.d.ts
new file mode 100644
index 0000000000..4507f1ca4f
--- /dev/null
+++ b/types/jquery.growl/index.d.ts
@@ -0,0 +1,37 @@
+// Type definitions for jquery.growl 1.3
+// Project: https://github.com/ksylvest/jquery-growl#readme
+// Definitions by: Amir.h Yeganemehr <https://github.com/yeganemehr>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+
+///<reference types="jquery" />
+
+interface growlOptions {
+	// Message
+	message: string;
+	// Title
+	title?: string;
+	// URL
+	url?: string;
+	// while hovering over the alert, prevent it from being dismissed (true | false - default: true)
+	delayOnHover?: boolean;
+	// the duration (in milliseconds) for which the alert is displayed (default: 3200)
+	duration?: number;
+	// whether the alert should be fixed rather than auto- dismissed(true | false - default: false)
+	fixed?: boolean;
+	// the alert's position ('tl' | 'tr' | 'bl' | 'br' | 'tc' | 'bc' - default: 'tr')
+	location?: string;
+	// the alert's size ('small' | 'medium' | 'large' - default: 'medium')
+	size?: string;
+	// the alert's style ('default' | 'error' | 'notice' | 'warning' - default: 'default')
+	style?: string;
+}
+
+interface growl {
+	error(options: growlOptions): void;
+	notice(options: growlOptions): void;
+	warning(options: growlOptions): void;
+}
+
+interface JQueryStatic {
+	growl: growl;
+}
diff --git a/types/jquery.growl/tsconfig.json b/types/jquery.growl/tsconfig.json
new file mode 100644
index 0000000000..a2cbd4e379
--- /dev/null
+++ b/types/jquery.growl/tsconfig.json
@@ -0,0 +1,21 @@
+{
+    "compilerOptions": {
+        "module": "commonjs",
+        "lib": [
+            "es6"
+        ],
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictNullChecks": true,
+        "baseUrl": "../",
+        "typeRoots": [
+            "../"
+        ],
+        "types": [],
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true
+    },
+    "files": [
+        "index.d.ts"
+    ]
+}
diff --git a/types/jquery.growl/tslint.json b/types/jquery.growl/tslint.json
new file mode 100644
index 0000000000..3db14f85ea
--- /dev/null
+++ b/types/jquery.growl/tslint.json
@@ -0,0 +1 @@
+{ "extends": "dtslint/dt.json" }

From 48d4027255366685e40c7c6d7d007c347a83abec Mon Sep 17 00:00:00 2001
From: sebek64 <sebek64@post.cz>
Date: Tue, 2 May 2017 01:36:36 +0200
Subject: [PATCH 130/321] fix(leavlet.awesome-markers): typo in color name
 (#16205)

* fix(leavlet.awesome-markers): typo in color name

* fix(leaflet.awesome-markers): change github project link

 - it seems that this one is actively developed
---
 types/leaflet.awesome-markers/index.d.ts | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/types/leaflet.awesome-markers/index.d.ts b/types/leaflet.awesome-markers/index.d.ts
index ee6b65eaa4..48c58b8f60 100644
--- a/types/leaflet.awesome-markers/index.d.ts
+++ b/types/leaflet.awesome-markers/index.d.ts
@@ -1,5 +1,5 @@
 // Type definitions for Leaflet.awesome-markers plugin v2.0
-// Project: https://github.com/lvoogdt/Leaflet.awesome-markers
+// Project: https://github.com/sigma-geosistemas/Leaflet.awesome-markers#properties
 // Definitions by: Egor Komarov <https://github.com/Odrin>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 
@@ -45,7 +45,7 @@ declare global { namespace L {
             /**
             * Color of the marker
             */
-            markerColor?: 'red' | 'darkred' | 'orange' | 'green' | 'darkgreen' | 'blue' | 'purple' | 'darkpuple' | 'cadetblue';
+            markerColor?: 'red' | 'darkred' | 'orange' | 'green' | 'darkgreen' | 'blue' | 'purple' | 'darkpurple' | 'cadetblue';
 
             /**
             * Color of the icon. 'white', 'black' or css code (hex, rgba etc).

From 5ff63bda5e5b58a36b11e334a5458b98975f1a3e Mon Sep 17 00:00:00 2001
From: Tom Wanzek <tomwanzek@gmail.com>
Date: Mon, 1 May 2017 19:46:04 -0400
Subject: [PATCH 131/321] Add d3-sankey Definitions (#16051)

* d3-sankey:
*  Initial incomplete draft of definitions (see TODOs) In particular issue with circular definitions given the source code approach to mutating nodes and links.
* Added tsconfig and tslint.

* Added initial draft of shape tests
* Subject to addressing SankeyNodes/SankeyLinks circularity in definitions
* Fixed return types of nodes() and links() to reflect source code rather than API Doc.

* Use intersection types to avoid circularity
* Using intersection types avoids running into the circularity issue with the generics driving SankeyNode an SankeyLink

* Refine SankeyLinkPathGenerator tests.

* Add interface tests for SankeyNode and SankeyLink

* Complete comments. Add one pathGen test.

* Fix lint errors.

* semicolon.

* Updated some comments.
* Some comments were updated to reflect the comments used in PR 23 to the d3-sankey repo

* Fix typo. Thx @gustavderdrache .

* Add Co-Maintainer
---
 types/d3-sankey/d3-sankey-tests.ts | 258 ++++++++++++++++++++++++++++
 types/d3-sankey/index.d.ts         | 267 +++++++++++++++++++++++++++++
 types/d3-sankey/tsconfig.json      |  23 +++
 types/d3-sankey/tslint.json        |   6 +
 4 files changed, 554 insertions(+)
 create mode 100644 types/d3-sankey/d3-sankey-tests.ts
 create mode 100644 types/d3-sankey/index.d.ts
 create mode 100644 types/d3-sankey/tsconfig.json
 create mode 100644 types/d3-sankey/tslint.json

diff --git a/types/d3-sankey/d3-sankey-tests.ts b/types/d3-sankey/d3-sankey-tests.ts
new file mode 100644
index 0000000000..246755a900
--- /dev/null
+++ b/types/d3-sankey/d3-sankey-tests.ts
@@ -0,0 +1,258 @@
+/**
+ * Typescript definition tests for d3/d3-sankey module
+ *
+ * Note: These tests are intended to test the definitions only
+ * in the sense of typing and call signature consistency. They
+ * are not intended as functional tests.
+ */
+
+import * as d3Sankey from 'd3-sankey';
+import {select, Selection} from 'd3-selection';
+
+// ---------------------------------------------------------------------------
+// Preparatory Steps
+// ---------------------------------------------------------------------------
+
+// Create interfaces for the user-provided node/link attributes, which are NOT mandated or calculated by
+// the Sankey layout generator. The latter are reflected in the SankeyNode and SankeyLink interfaces provided
+// by the definitions file
+interface SNodeExtra {
+    nodeId: number;
+    name: string;
+}
+
+interface SLinkExtra {
+    uom: string;
+}
+
+// For convenience
+type SNode = d3Sankey.SankeyNode<SNodeExtra, SLinkExtra>;
+type SLink = d3Sankey.SankeyLink<SNodeExtra, SLinkExtra>;
+
+interface DAG {
+    nodes: SNode[];
+    links: SLink[];
+}
+
+const graph: DAG = {
+  nodes: [{
+    nodeId: 0,
+    name: "node0"
+  }, {
+    nodeId: 1,
+    name: "node1"
+  }, {
+    nodeId: 2,
+    name: "node2"
+  }, {
+    nodeId: 3,
+    name: "node3"
+  }, {
+    nodeId: 4,
+    name: "node4"
+  }],
+  links: [{
+    source: 0,
+    target: 2,
+    value: 2,
+    uom: 'Widget(s)'
+  }, {
+    source: 1,
+    target: 2,
+    value: 2,
+    uom: 'Widget(s)'
+  }, {
+    source: 1,
+    target: 3,
+    value: 2,
+    uom: 'Widget(s)'
+  }, {
+    source: 0,
+    target: 4,
+    value: 2,
+    uom: 'Widget(s)'
+  }, {
+    source: 2,
+    target: 3,
+    value: 2,
+    uom: 'Widget(s)'
+  }, {
+    source: 2,
+    target: 4,
+    value: 2,
+    uom: 'Widget(s)'
+  }, {
+    source: 3,
+    target: 4,
+    value: 4,
+    uom: 'Widget(s)'
+  }]
+};
+
+let sNodes: SNode[];
+let sLinks: SLink[];
+
+let num: number;
+let numMaybe: number | undefined;
+let str: string;
+let size: [number, number];
+
+const svgLinkPaths = select<SVGSVGElement, undefined>('svg').selectAll<SVGPathElement, SLink>('.linkPath'); // assume mock DOM
+
+// ---------------------------------------------------------------------------
+// Obtain SankeyLayout Generator
+// ---------------------------------------------------------------------------
+
+let slgDefault: d3Sankey.SankeyLayout<{}, {}> = d3Sankey.sankey();
+let slgDAG: d3Sankey.SankeyLayout<SNodeExtra, SLinkExtra> = d3Sankey.sankey<SNodeExtra, SLinkExtra>();
+
+// ---------------------------------------------------------------------------
+// NodeWidth
+// ---------------------------------------------------------------------------
+
+// Set -----------------------------------------------------------------------
+
+// test return type for chainability
+slgDAG = slgDAG.nodeWidth(32);
+
+// Get -----------------------------------------------------------------------
+
+num = slgDAG.nodeWidth();
+
+// ---------------------------------------------------------------------------
+// NodePadding
+// ---------------------------------------------------------------------------
+
+// Set -----------------------------------------------------------------------
+
+// test return type for chainability
+slgDAG = slgDAG.nodePadding(8);
+
+// Get -----------------------------------------------------------------------
+
+num = slgDAG.nodePadding();
+
+// ---------------------------------------------------------------------------
+// Size
+// ---------------------------------------------------------------------------
+
+// Set -----------------------------------------------------------------------
+
+// test return type for chainability
+slgDAG = slgDAG.size([1200, 800]);
+
+// Get -----------------------------------------------------------------------
+
+size = slgDAG.size();
+
+// ---------------------------------------------------------------------------
+// Nodes
+// ---------------------------------------------------------------------------
+
+// Set -----------------------------------------------------------------------
+
+// test return type for chainability
+slgDAG = slgDAG.nodes(graph.nodes);
+
+// Get -----------------------------------------------------------------------
+
+sNodes = slgDAG.nodes();
+
+// ---------------------------------------------------------------------------
+// Links
+// ---------------------------------------------------------------------------
+
+// Set -----------------------------------------------------------------------
+
+// test return type for chainability
+slgDAG = slgDAG.links(graph.links);
+
+// Get -----------------------------------------------------------------------
+
+sLinks = slgDAG.links();
+
+// ---------------------------------------------------------------------------
+// Compute Layout
+// ---------------------------------------------------------------------------
+
+// test return type for chainability
+slgDAG = slgDAG.layout(22);
+
+// ---------------------------------------------------------------------------
+// Relayout
+// ---------------------------------------------------------------------------
+
+// test return type for chainability
+slgDAG = slgDAG.relayout();
+
+// ---------------------------------------------------------------------------
+// Obtain and Use Link SVG Path Generator
+// ---------------------------------------------------------------------------
+
+let pathGen: d3Sankey.SankeyLinkPathGenerator<SNodeExtra, SLinkExtra>;
+
+pathGen = slgDAG.link();
+
+// Adjust Link SVG Path Generator curvature ----------------------------------
+
+// test return type
+pathGen = pathGen.curvature(0.6);
+num = pathGen.curvature();
+
+// uses
+
+let svgPathString: string = pathGen(slgDAG.links()[0]);
+svgLinkPaths.attr('d', pathGen);
+
+// ---------------------------------------------------------------------------
+// Shape test Node/Link related interfaces and types
+// ---------------------------------------------------------------------------
+
+// Sankey Node --------------------------------------------------------------
+
+let sNode = sNodes[0];
+
+// User-specified extra properties:
+
+num = sNode.nodeId;
+str = sNode.name;
+
+// Sankey Layout calculated (if layout has been run, otherwise undefined):
+
+numMaybe = sNode.dx;
+numMaybe = sNode.x;
+numMaybe = sNode.dy;
+numMaybe = sNode.y;
+numMaybe = sNode.value;
+
+let linksArrMaybe: SLink[] | undefined;
+
+linksArrMaybe = sNode.sourceLinks;
+linksArrMaybe = sNode.targetLinks;
+
+// Sankey Link --------------------------------------------------------------
+
+let sLink = sLinks[0];
+
+// User-specified extra properties:
+
+str = sLink.uom;
+
+// Sankey Layout mandated link properties:
+
+num = sLink.value;
+
+// Node depending on initialization strategy and whether
+// layout(...) was invoked, the source and target nodes may be numbers
+// objects without the Sankey layout coordinates, or objects with calculated
+// information
+let numOrSankeyNode: number  | SNode;
+
+numOrSankeyNode = sLink.source;
+numOrSankeyNode = sLink.target;
+
+// Sankey Layout calculated (if layout has been run, otherwise undefined):
+
+numMaybe = sLink.sy;
+numMaybe = sLink.ty;
+numMaybe = sLink.dy;
diff --git a/types/d3-sankey/index.d.ts b/types/d3-sankey/index.d.ts
new file mode 100644
index 0000000000..1446bc917f
--- /dev/null
+++ b/types/d3-sankey/index.d.ts
@@ -0,0 +1,267 @@
+// Type definitions for D3JS d3-sankey module 0.4
+// Project: https://github.com/d3/d3-sankey/
+// Definitions by: Tom Wanzek <https://github.com/tomwanzek>, Alex Ford <https://github.com/gustavderdrache>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+
+// Last module patch version validated against: 0.4.2
+
+/**
+ * A helper interface as an extension reference for user-provided properties of
+ * nodes and links in the graph, which are not required or calculated by
+ * the Sankey Layout Generator
+ */
+export interface SankeyExtraProperties { [key: string]: any; }
+
+/**
+ * Helper interface to define the properties of Sankey Nodes. Calculated properties may only be defined,
+ * once the layout(...) method of the Sankey layout generator has been invoked.
+ *
+ * The first generic N refers to user-defined properties contained in the node data passed into
+ * Sankey layout generator. These properties are IN EXCESS to the properties explicitly identified in the
+ * SankeyNodeMinimal interface.
+ *
+ * The second generic L refers to user-defined properties contained in the link data passed into
+ * Sankey layout generator. These properties are IN EXCESS to the properties explicitly identified in the
+ * SankeyLinkMinimal interface.
+ */
+export interface SankeyNodeMinimal<N extends SankeyExtraProperties, L extends SankeyExtraProperties> {
+    /**
+     * Array of links which have this node as their source.
+     * This property is calculated internally by the Sankey layout generator.
+     */
+    sourceLinks?: Array<SankeyLink<N, L>>;
+    /**
+     * Array of links which have this node as their target.
+     * This property is calculated internally by the Sankey layout generator.
+     */
+    targetLinks?: Array<SankeyLink<N, L>>;
+    /**
+     * Node value calculated by Sankey Layout Generator based on values of incoming and outgoing links
+     */
+    value?: number;
+    /**
+     * Node horizontal position calculated by Sankey layout generator
+     */
+    x?: number;
+    /**
+     * Node width calculated by Sankey layout generator
+     */
+    dx?: number;
+    /**
+     * Node vertical position (depth) calculated by Sankey layout generator
+     */
+    y?: number;
+    /**
+     * Node height (vertical extent based on node value) calculated by Sankey layout generator
+     */
+    dy?: number;
+}
+
+/**
+ * Sankey Node type including both user-defined node data elements as well as those
+ * calculated once the layout(...) method of the Sankey layout generators has been invoked.
+ *
+ * The first generic N refers to user-defined properties contained in the node data passed into
+ * Sankey layout generator. These properties are IN EXCESS to the properties explicitly identified in the
+ * SankeyNodeMinimal interface.
+ *
+ * The second generic L refers to user-defined properties contained in the link data passed into
+ * Sankey layout generator. These properties are IN EXCESS to the properties explicitly identified in the
+ * SankeyLinkMinimal interface.
+ */
+export type SankeyNode<N extends SankeyExtraProperties, L extends SankeyExtraProperties> = N & SankeyNodeMinimal<N, L>;
+
+/**
+ * Helper interface to define the properties of Sankey Links. Calculated properties may only be defined,
+ * once the layout(...) method of the Sankey layout generator has been invoked.
+ *
+ * The first generic N refers to user-defined properties contained in the node data passed into
+ * Sankey layout generator. These properties are IN EXCESS to the properties explicitly identified in the
+ * SankeyNodeMinimal interface.
+ *
+ * The second generic L refers to user-defined properties contained in the link data passed into
+ * Sankey layout generator. These properties are IN EXCESS to the properties explicitly identified in the
+ * SankeyLinkMinimal interface.
+ */
+export interface SankeyLinkMinimal<N extends SankeyExtraProperties, L extends SankeyExtraProperties> {
+    /**
+     * Source node of the link. For convenience, when initializing a Sankey layout, source may be the index of the source node in the nodes array
+     * passed into the Sankey layout generator. Once the layout(...) method is invoked, the numeric index will be replaced with the corresponding
+     * source node object.
+     */
+    source: number | SankeyNode<N, L>;
+    /**
+     * Target node of the link. For convenience, when initializing a Sankey layout, target may be the index of the target node in the nodes array
+     * passed into the Sankey layout generator. Once the layout(...) method is invoked, the numeric index will be replaced with the corresponding
+     * target node object.
+     */
+    target: number | SankeyNode<N, L>;
+    /**
+     * Value of the link
+     */
+    value: number;
+    /**
+     * Link breadth calculated by Sankey layout generator based on the link value
+     */
+    dy?: number;
+    /**
+     * Vertical starting position of the link (at source node) calculated by Sankey layout generator
+     */
+    sy?: number;
+    /**
+     * Vertical end position of the link (at target node) calculated by Sankey layout generator
+     */
+    ty?: number;
+}
+
+/**
+ * Sankey Link type including both user-defined link data elements, those required by the Sankey layout generator,
+ *  as well as those calculated once the layout(...) method of the layout generator has been invoked.
+ *
+ * The first generic N refers to user-defined properties contained in the node data passed into
+ * Sankey layout generator. These properties are IN EXCESS to the properties explicitly identified in the
+ * SankeyNodeMinimal interface.
+ *
+ * The second generic L refers to user-defined properties contained in the link data passed into
+ * Sankey layout generator. These properties are IN EXCESS to the properties explicitly identified in the
+ * SankeyLinkMinimal interface.
+ */
+export type SankeyLink<N extends SankeyExtraProperties, L extends SankeyExtraProperties> = L & SankeyLinkMinimal<N, L>;
+
+/**
+ * An svg path generator factory for the link paths in a calculated Sankey Layout.
+ */
+export interface SankeyLinkPathGenerator<N extends SankeyExtraProperties, L extends SankeyExtraProperties> {
+    /**
+     * Return svg path string for a given link.
+     *
+     * IMPORTANT: Only invoke for link data with Sankey Layout information previously calculated.
+     *
+     * @param link A Sankey diagram link, for which the layout has already been calculated.
+     */
+    (link: SankeyLink<N, L>): string;
+    /**
+     * Returns the current curvature used to calculate svg paths for links.
+     * The default curvature is 0.5.
+     */
+    curvature(): number;
+    /**
+     * Set the curvature used to calculate svg paths for links and return the updated link path generator.
+     *
+     * @param curvature Curvature to be used when calculating svg paths for links. The default curvature is 0.5.
+     */
+    curvature(curvature: number): this;
+}
+
+/**
+ * A Sankey layout generator.
+ *
+ * The first generic N refers to user-defined properties contained in the node data passed into
+ * Sankey layout generator. These properties are IN EXCESS to the properties explicitly identified in the
+ * SankeyNodeMinimal interface.
+ *
+ * The second generic L refers to user-defined properties contained in the link data passed into
+ * Sankey layout generator. These properties are IN EXCESS to the properties explicitly identified in the
+ * SankeyLinkMinimal interface.
+ */
+export interface SankeyLayout<N extends SankeyExtraProperties, L extends SankeyExtraProperties> {
+    /**
+     * Return the current node width, which defaults to 24.
+     */
+    nodeWidth(): number;
+    /**
+     * Set the node width to the specified number and return this Sankey layout generator.
+     *
+     * @param width Width of node in pixels, which defaults to 24.
+     */
+    nodeWidth(width: number): this;
+
+    /**
+     * Return the current node padding, which defaults to 8.
+     *
+     * Node padding refers to the vertical space between nodes which occupy the same horizontal space.
+     */
+    nodePadding(): number;
+    /**
+     * Set the node padding to the specified number and return this Sankey layout generator.
+     *
+     * Node padding refers to the vertical space between nodes which occupy the same horizontal space.
+     *
+     * @param padding Node padding in pixels, which defaults to 8.
+     */
+    nodePadding(padding: number): this;
+
+    /**
+     * Return the current array of nodes, which defaults to [].
+     */
+    nodes(): Array<SankeyNode<N, L>>;
+    /**
+     * Set the sankey generator's nodes to the specified array of objects and returns this sankey layout generator.
+     *
+     * @param nodes Array of nodes.
+     */
+    nodes(nodes: Array<SankeyNode<N, L>>): this;
+
+    /**
+     * Return the current array of links, which defaults to [].
+     */
+    links(): Array<SankeyLink<N, L>>;
+    /**
+     * Set the sankey generator's links to the specified array of objects and returns this sankey layout generator.
+     *
+     * @param links Array of links.
+     */
+    links(links: Array<SankeyLink<N, L>>): this;
+
+    /**
+     * Runs the sankey layout algorithm updating the nodes and links with their respective layout information and returns this sankey generator.
+     *
+     * @param iterations Number of passes to be used in the iterative relaxation algorithm for node placement.
+     */
+    layout(iterations: number): this;
+
+    /**
+     * Recalculate the depth of links and return this Sankey layout generator.
+     * This methods is primarily used when a node is moved vertically, e.g. using d3-drag.
+     */
+    relayout(): this;
+
+    /**
+     * Return the current layout size in pixels. The size is a two element array of [width, height] which defaults to [1, 1].
+     */
+    size(): [number, number];
+    /**
+     * Set the size of the layout and return this Sankey layout generator.
+     *
+     * @param size A two element array of [width, height] in pixels which defaults to [1, 1].
+     */
+    size(size: [number, number]): this;
+
+    /**
+     * Return a Sankey link path generator for the links based on the calculated Sankey diagram layout.
+     * The link path generator can be invoked as a function being passed as its argument a link object
+     * with calculated layout information. It returns the computed <svg> path string for the link.
+     * By default the link path generator uses a curvature of 0.5.
+     */
+    link(): SankeyLinkPathGenerator<N, L>;
+}
+
+/**
+ * Get a Sankey layout generator.
+ *
+ * Invoking sankey() without generics, means the node type and link type assume no user-defined attributes, i.e.
+ * only the attributes internally used by the Sankey layout generator.
+ */
+export function sankey(): SankeyLayout<{}, {}>;
+/**
+ * Get a Sankey layout generator.
+ *
+ * The first generic N refers to user-defined properties contained in the node data passed into
+ * Sankey layout generator. These properties are IN EXCESS to the properties explicitly identified in the
+ * SankeyNodeMinimal interface.
+ *
+ * The second generic L refers to user-defined properties contained in the link data passed into
+ * Sankey layout generator. These properties are IN EXCESS to the properties explicitly identified in the
+ * SankeyLinkMinimal interface.
+ */
+export function sankey<N extends SankeyExtraProperties, L extends SankeyExtraProperties>(): SankeyLayout<N, L>;
diff --git a/types/d3-sankey/tsconfig.json b/types/d3-sankey/tsconfig.json
new file mode 100644
index 0000000000..bd11293dc2
--- /dev/null
+++ b/types/d3-sankey/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",
+        "d3-sankey-tests.ts"
+    ]
+}
diff --git a/types/d3-sankey/tslint.json b/types/d3-sankey/tslint.json
new file mode 100644
index 0000000000..08b1465cd6
--- /dev/null
+++ b/types/d3-sankey/tslint.json
@@ -0,0 +1,6 @@
+{
+    "extends": "dtslint/dt.json",
+    "rules": {
+        "unified-signatures": false
+    }
+}

From 18e3ce9627e5a5e5bbc75d232ade1ed52edb8d90 Mon Sep 17 00:00:00 2001
From: taoqf <tao_qiufeng@126.com>
Date: Mon, 1 May 2017 19:07:41 -0500
Subject: [PATCH 132/321] improve defination of ndarray (#16169)

* add weixin-app

* add wx

* add new line at end of file

* tslint wx and wx-app

* fixed test error

* change project name weixin

* rename

* weixin-app Add param this

* change discription of jweixin

* add some Event declaration

* change tslint config
extends dtslint/dt.json

* add defination of ccap, qr-image

* remove redundant jsdoc

* remove doc

* allow overloads

* inline some types

* fix tslint error

* ndarray
add tslint
export like a module style

* ndarray make ndarray as a interface
---
 types/ndarray/index.d.ts       | 54 ++++++++++++++++++----------------
 types/ndarray/ndarray-tests.ts |  3 +-
 types/ndarray/tslint.json      |  3 ++
 3 files changed, 32 insertions(+), 28 deletions(-)
 create mode 100644 types/ndarray/tslint.json

diff --git a/types/ndarray/index.d.ts b/types/ndarray/index.d.ts
index 52d86ff0c8..27f12fec24 100644
--- a/types/ndarray/index.d.ts
+++ b/types/ndarray/index.d.ts
@@ -1,34 +1,36 @@
-// Type definitions for ndarray v1.0.18
+// Type definitions for ndarray 1.0
 // Project: https://github.com/scijs/ndarray
 // Definitions by: Giff Song <https://github.com/pawsong/>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 
-type Data = Array<number> | Int8Array | Int16Array | Int32Array |
-            Uint8Array | Uint16Array | Uint32Array |
-            Float32Array | Float64Array | Uint8ClampedArray;
-
-interface ndarray {
-    data: Data;
-    shape: number[];
-    stride: number[];
-    offset: number;
-    dtype: 'int8' | 'int16' | 'int32' | 'uint8' | 'uint16' |'uint32' |
-           'float32' | 'float64' | 'array'| 'uint8_clamped' | 'buffer' | 'generic';
-    size: number;
-    order: number[];
-    dimension: number;
-    get(...args: number[]): number;
-    set(...args: number[]): number;
-    index(...args: number[]): number;
-    lo(...args: number[]): ndarray;
-    hi(...args: number[]): ndarray;
-    step(...args: number[]): ndarray;
-    transpose(...args: number[]): ndarray;
-    pick(...args: number[]): ndarray;
-}
-
 declare function ndarray(
-    data: Data, shape?: number[], stride?: number[], offset?: number
+	data: Data, shape?: number[], stride?: number[], offset?: number
 ): ndarray;
 
+type Data = number[] | Int8Array | Int16Array | Int32Array |
+	Uint8Array | Uint16Array | Uint32Array |
+	Float32Array | Float64Array | Uint8ClampedArray;
+
+interface ndarray {
+	data: Data;
+	shape: number[];
+	stride: number[];
+	offset: number;
+	dtype: 'int8' | 'int16' | 'int32' | 'uint8' | 'uint16' | 'uint32' |
+	'float32' | 'float64' | 'array' | 'uint8_clamped' | 'buffer' | 'generic';
+	size: number;
+	order: number[];
+	dimension: number;
+	get(...args: number[]): number;
+	set(...args: number[]): number;
+	index(...args: number[]): number;
+	lo(...args: number[]): ndarray;
+	hi(...args: number[]): ndarray;
+	step(...args: number[]): ndarray;
+	transpose(...args: number[]): ndarray;
+	pick(...args: number[]): ndarray;
+}
+
+declare namespace ndarray { }
+
 export = ndarray;
diff --git a/types/ndarray/ndarray-tests.ts b/types/ndarray/ndarray-tests.ts
index a72a9acad5..899f43efd5 100644
--- a/types/ndarray/ndarray-tests.ts
+++ b/types/ndarray/ndarray-tests.ts
@@ -1,5 +1,4 @@
-
-import ndarray = require('ndarray');
+import * as ndarray from 'ndarray';
 
 const data = new Int32Array(2 * 2 * 2 + 10);
 const a = ndarray(data, [2, 2, 2], [1, 2, 4], 5);
diff --git a/types/ndarray/tslint.json b/types/ndarray/tslint.json
new file mode 100644
index 0000000000..f93cf8562a
--- /dev/null
+++ b/types/ndarray/tslint.json
@@ -0,0 +1,3 @@
+{
+    "extends": "dtslint/dt.json"
+}

From 1ee58c511495db1b41ecdc04e3f1df1948c41c06 Mon Sep 17 00:00:00 2001
From: Dolan <dolan_miu@hotmail.com>
Date: Tue, 2 May 2017 01:08:44 +0100
Subject: [PATCH 133/321] Archiver update from 0.15.0 to 1.3.x (#15894)

* archiver clean up and updated version

* added tslint.json

* added back in create because it still works. Updated examples

* fixed listing issues

* fixed more linting issues

* added glob options and EntryData

* added more to tests

* fixed tests by returning this, instead of void

* removed whitespace

* Add node types import

* Keep original author
---
 types/archiver/archiver-tests.ts | 30 +++++++++++++++--------
 types/archiver/index.d.ts        | 42 ++++++++++++++++++++++----------
 2 files changed, 49 insertions(+), 23 deletions(-)

diff --git a/types/archiver/archiver-tests.ts b/types/archiver/archiver-tests.ts
index 57a569ab02..d4ea423a4f 100644
--- a/types/archiver/archiver-tests.ts
+++ b/types/archiver/archiver-tests.ts
@@ -1,26 +1,36 @@
-import Archiver = require('archiver');
-import FS = require('fs');
+import * as Archiver from 'archiver';
+import * as fs from 'fs';
 
 const archiver = Archiver.create('zip');
 
-const writeStream = FS.createWriteStream('./archiver.d.ts');
-const readStream = FS.createReadStream('./archiver.d.ts');
+const writeStream = fs.createWriteStream('./archiver.d.ts');
+const readStream = fs.createReadStream('./archiver.d.ts');
 
 archiver.abort();
+
+archiver.pipe(writeStream);
+archiver.append(readStream, { name: 'archiver.d.ts' });
+
 archiver.append(readStream, {name: 'archiver.d.ts'})
 .append(readStream, {name: 'archiver.d.ts'});
 
 archiver.bulk({ mappaing: {} });
 
 archiver.directory('./path', './someOtherPath');
-archiver.directory('./path', { name: "testName"} );
-
+archiver.directory('./path', { name: "testName" });
 archiver.directory('./', "", {});
-archiver.directory('./', {name: 'test'}, {});
+archiver.directory('./', { name: 'test' }, {});
+
+archiver.append(readStream, {
+    name: "sub/folder.xml"
+});
+
+archiver.glob("**", {
+    cwd: 'path/to/files',
+});
+archiver.glob('./path', {}, {});
 
 archiver.file('./path', { name: 'test' });
-archiver.glob('./path', {}, {});
-archiver.finalize();
 
 archiver.setFormat('zip');
 archiver.setModule(() => {});
@@ -28,4 +38,4 @@ archiver.setModule(() => {});
 archiver.pointer();
 archiver.use(() => {});
 
-archiver.pipe(writeStream);
+archiver.finalize();
diff --git a/types/archiver/index.d.ts b/types/archiver/index.d.ts
index 9c2b2ae509..2e4b1063ff 100644
--- a/types/archiver/index.d.ts
+++ b/types/archiver/index.d.ts
@@ -1,51 +1,67 @@
 // Type definitions for archiver 1.3
 // Project: https://github.com/archiverjs/node-archiver
-// Definitions by: Esri <https://github.com/archiverjs/node-archiver>
+// Definitions by: Esri <https://github.com/archiverjs/node-archiver>, Dolan Miu <https://github.com/dolanmiu>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 
 /* =================== USAGE ===================
 
     import Archiver = require('archiver);
     var archiver = Archiver.create('zip');
-    archiver.pipe(FS.createWriteStream('xxx'));
-    archiver.append(FS.createReadStream('xxx'));
+    archiver.pipe(fs.createWriteStream('xxx'));
+    archiver.append(fs.createReadStream('xxx'));
     archiver.finalize();
 
  =============================================== */
 
 /// <reference types="node" />
 
-import * as FS from 'fs';
-import * as STREAM from 'stream';
+import * as fs from 'fs';
+import * as stream from 'stream';
+import * as express from 'express';
+import * as glob from 'glob';
 
-declare function archiver(format: string, options?: {}): archiver.Archiver;
+declare function archiver(format: archiver.Format, options?: archiver.ArchiverOptions): archiver.Archiver;
 
 declare namespace archiver {
-    function create(format: string, options?: {}): Archiver;
+    type Format = 'zip' | 'tar';
+
+    function create(format: string, options?: ArchiverOptions): Archiver;
     function registerFormat(format: string, module: Function): void;
 
-    interface nameInterface {
+    interface EntryData {
         name?: string;
+        prefix?: string;
+        stats?: string;
     }
 
-    interface Archiver extends STREAM.Transform {
+    interface Archiver extends stream.Transform {
         abort(): this;
-        append(source: STREAM.Readable | Buffer | string, name: nameInterface): this;
+        append(source: stream.Readable | Buffer | string, name?: EntryData): this;
 
         bulk(mappings: any): this;
 
-        directory(dirpath: string, destpath: nameInterface | string, data?: any | Function): this;
+        directory(dirpath: string, options: EntryData | string, data?: EntryData): this;
 
-        file(filepath: string, data: any): this;
-        glob(pattern: string, options: {}, data: any): this;
+        file(filename: string, data: EntryData): this;
+        glob(pattern: string, options?: glob.IOptions, data?: EntryData): this;
         finalize(): this;
 
+        pipe(stream: fs.WriteStream | express.Response): void;
+
         setFormat(format: string): this;
         setModule(module: Function): this;
 
         pointer(): number;
         use(plugin: Function): this;
     }
+
+    interface ArchiverOptions {
+        store?: boolean;
+        gzip?: boolean;
+        gzipOptions?: {
+            level: number,
+        };
+    }
 }
 
 export = archiver;

From a2bcaaff8277870f16a8c60d6f6a3642e8ad205b Mon Sep 17 00:00:00 2001
From: Andy <anhans@microsoft.com>
Date: Tue, 2 May 2017 08:46:01 -0700
Subject: [PATCH 134/321] to-markdown: Lint and add strictNullChecks (#16272)

---
 types/to-markdown/index.d.ts           | 40 +++++++++-----------------
 types/to-markdown/to-markdown-tests.ts | 16 +++++------
 types/to-markdown/tsconfig.json        |  2 +-
 types/to-markdown/tslint.json          |  1 +
 4 files changed, 23 insertions(+), 36 deletions(-)
 create mode 100644 types/to-markdown/tslint.json

diff --git a/types/to-markdown/index.d.ts b/types/to-markdown/index.d.ts
index 492168f2b0..12019adc02 100644
--- a/types/to-markdown/index.d.ts
+++ b/types/to-markdown/index.d.ts
@@ -1,32 +1,24 @@
-// Type definitions for Marked (v3.0.4)
+// Type definitions for to-markdown 3.0
 // Project: https://github.com/domchristie/to-markdown
 // Definitions by: SuperPaintman <https://github.com/SuperPaintman>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 
+export = toMarkdown;
+
 /**
  * Converts HTML to markdown.
  */
-declare function toMarkdown(input: string, options: toMarkdown.IOptions): string;
-/**
- * Converts HTML to markdown.
- */
-declare function toMarkdown(input: string): string;
+declare function toMarkdown(input: string, options?: toMarkdown.Options): string;
 
 declare namespace toMarkdown {
-  export interface IFilter {
-    (node: HTMLElement): boolean;
+  type Filter = string | string[] | ((node: HTMLElement) => boolean);
+
+  interface Options {
+    converters?: Converter[];
+    gfm?: boolean;
   }
 
-  export type Filter = string
-                     | string[]
-                     | IFilter;
-
-  export interface IOptions {
-    converters?: IConverter[];
-    gfm?:        boolean;
-  }
-
-  export interface IConverter {
+  interface Converter {
     filter: Filter;
     replacement(innerHTML: string, node: HTMLElement): string;
   }
@@ -34,19 +26,15 @@ declare namespace toMarkdown {
   /**
    * Returns true / false depending on whether the element is block level.
    */
-  export function isBlock(node: HTMLElement): boolean;
+  function isBlock(node: HTMLElement): boolean;
 
   /**
    * Returns true / false depending on whether the element is void.
    */
-  export function isVoid(node: HTMLElement): boolean;
+  function isVoid(node: HTMLElement): boolean;
 
   /**
-   * Returns the HTML string of an element with its contents converted/
+   * Returns the HTML string of an element with its contents converted.
    */
-  export function outer(node: HTMLElement, content: string): boolean;
-}
-
-declare module 'to-markdown' {
-  export = toMarkdown;
+  function outer(node: HTMLElement, content: string): boolean;
 }
diff --git a/types/to-markdown/to-markdown-tests.ts b/types/to-markdown/to-markdown-tests.ts
index bbc8e14e4a..8aa3b27a6f 100644
--- a/types/to-markdown/to-markdown-tests.ts
+++ b/types/to-markdown/to-markdown-tests.ts
@@ -1,4 +1,3 @@
-'use strict';
 import * as toMarkdown from 'to-markdown';
 
 // toMarkdown()
@@ -35,7 +34,7 @@ toMarkdown(`
     {
       filter(node) {
         return node.nodeName === 'SPAN'
-               && /italic/i.test(node.style.fontStyle);
+               && /italic/i.test(node.style.fontStyle!);
       },
       replacement(innerHTML) {
         return '*' + innerHTML + '*';
@@ -44,7 +43,7 @@ toMarkdown(`
     {
       filter(node) {
         return node.nodeName === 'SPAN'
-               && /italic/i.test(node.style.fontStyle);
+               && /italic/i.test(node.style.fontStyle!);
       },
       replacement(innerHTML, node) {
         return innerHTML + ' (node: `' + node.nodeName + '`)';
@@ -53,14 +52,13 @@ toMarkdown(`
   ]
 });
 
-
 // toMarkdown.isBlock()
-toMarkdown.isBlock(document.querySelector('h1'));  // true
-toMarkdown.isBlock(document.querySelector('img')); // false
+toMarkdown.isBlock(document.querySelector('h1')!);  // true
+toMarkdown.isBlock(document.querySelector('img')!); // false
 
 // toMarkdown.isVoid()
-toMarkdown.isVoid(document.querySelector('br'));   // true
-toMarkdown.isVoid(document.querySelector('body')); // false
+toMarkdown.isVoid(document.querySelector('br')!);   // true
+toMarkdown.isVoid(document.querySelector('body')!); // false
 
 // toMarkdown.outer()
-toMarkdown.outer(document.querySelector('a'), '|');
+toMarkdown.outer(document.querySelector('a')!, '|');
diff --git a/types/to-markdown/tsconfig.json b/types/to-markdown/tsconfig.json
index 460ef24c1e..17519f6d5d 100644
--- a/types/to-markdown/tsconfig.json
+++ b/types/to-markdown/tsconfig.json
@@ -7,7 +7,7 @@
         ],
         "noImplicitAny": true,
         "noImplicitThis": true,
-        "strictNullChecks": false,
+        "strictNullChecks": true,
         "baseUrl": "../",
         "typeRoots": [
             "../"
diff --git a/types/to-markdown/tslint.json b/types/to-markdown/tslint.json
new file mode 100644
index 0000000000..2750cc0197
--- /dev/null
+++ b/types/to-markdown/tslint.json
@@ -0,0 +1 @@
+{ "extends": "dtslint/dt.json" }
\ No newline at end of file

From 5d7df036b290a830962ede513ec3e22461f55b21 Mon Sep 17 00:00:00 2001
From: Ruslan Arkhipau <DethAriel@users.noreply.github.com>
Date: Tue, 2 May 2017 09:27:52 -0700
Subject: [PATCH 135/321] [grecaptcha] Add type definition for invisible
 recaptcha (#16247)

* Update `ReCaptchaV2.Parameters` to include new optional parameter `badge`

* Add `ReCaptchaV2.Badge` type to hold allowed values for `ReCaptchaV2.Parameters.badge`

* Update `ReCaptchaV2.Size` type to include `"invisible"` value as valid

* Add `tslint.json` file to grecaptcha

fixes #16245
---
 types/grecaptcha/grecaptcha-tests.ts |  41 +++++++----
 types/grecaptcha/index.d.ts          | 105 ++++++++++++++-------------
 types/grecaptcha/tslint.json         |   3 +
 3 files changed, 84 insertions(+), 65 deletions(-)
 create mode 100644 types/grecaptcha/tslint.json

diff --git a/types/grecaptcha/grecaptcha-tests.ts b/types/grecaptcha/grecaptcha-tests.ts
index 3546ac3433..f1da1b35b4 100644
--- a/types/grecaptcha/grecaptcha-tests.ts
+++ b/types/grecaptcha/grecaptcha-tests.ts
@@ -1,22 +1,33 @@
-
-
-var params: ReCaptchaV2.Parameters = {
-  "sitekey": "mySuperSecretKey",
-  "theme": "light",
-  "type": "image",
-  "size": "normal",
-  "tabindex": 5,
-  "callback": (response: string) => { },
+const params: ReCaptchaV2.Parameters = {
+  sitekey: "mySuperSecretKey",
+  theme: "light",
+  type: "image",
+  size: "normal",
+  tabindex: 5,
+  callback: (response: string) => { },
   "expired-callback": () => { },
-}
+};
 
-var id1: number = grecaptcha.render("foo");
-var id2: number = grecaptcha.render("foo", params);
-var id3: number = grecaptcha.render(document.getElementById("foo"));
-var id4: number = grecaptcha.render(document.getElementById("foo"), params);
+const size1: ReCaptchaV2.Size = "compact";
+const size2: ReCaptchaV2.Size = "invisible";
+const size3: ReCaptchaV2.Size = "normal";
+
+const badge1: ReCaptchaV2.Badge = "bottomleft";
+const badge2: ReCaptchaV2.Badge = "bottomright";
+const badge3: ReCaptchaV2.Badge = "inline";
+
+const invisibleParams: ReCaptchaV2.Parameters = {
+  sitekey: "siteKey",
+  badge: badge1,
+};
+
+const id1: number = grecaptcha.render("foo");
+const id2: number = grecaptcha.render("foo", params);
+const id3: number = grecaptcha.render(document.getElementById("foo"));
+const id4: number = grecaptcha.render(document.getElementById("foo"), params);
 
 // response takes a number and returns a string
-var response1: string = grecaptcha.getResponse(id1);
+const response1: string = grecaptcha.getResponse(id1);
 
 // reset takes a number
 grecaptcha.reset(id1);
diff --git a/types/grecaptcha/index.d.ts b/types/grecaptcha/index.d.ts
index 26f4e69507..59d1fa6699 100644
--- a/types/grecaptcha/index.d.ts
+++ b/types/grecaptcha/index.d.ts
@@ -1,85 +1,90 @@
 // Type definitions for Google Recaptcha 2.0
 // Project: https://www.google.com/recaptcha
-// Definitions by: Kristof Mattei <http://kristofmattei.be>, Martin Costello <https://martincostello.com/>
+// Definitions by: Kristof Mattei <http://kristofmattei.be>, Martin Costello <https://martincostello.com/>, Ruslan Arkhipau <https://github.com/DethAriel>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 
 declare var grecaptcha: ReCaptchaV2.ReCaptcha;
 
-declare namespace ReCaptchaV2
-{
-  class ReCaptcha
-  {
+declare namespace ReCaptchaV2 {
+  class ReCaptcha {
     /**
-      * Renders the container as a reCAPTCHA widget and returns the ID of the newly created widget.
-      * @param container The HTML element to render the reCAPTCHA widget. Specify either the ID of the container (string) or the DOM element itself.
-      * @param parameters An object containing parameters as key=value pairs, for example, {"sitekey": "your_site_key", "theme": "light"}. See @see render parameters.
-      * @return the ID of the newly created widget.
-      **/
+     * Renders the container as a reCAPTCHA widget and returns the ID of the newly created widget.
+     * @param container The HTML element to render the reCAPTCHA widget. Specify either the ID of the container (string) or the DOM element itself.
+     * @param parameters An object containing parameters as key=value pairs, for example, {"sitekey": "your_site_key", "theme": "light"}. See @see render parameters.
+     * @return the ID of the newly created widget.
+     */
     render(container: (string | HTMLElement), parameters?: Parameters): number;
     /**
-      * Resets the reCAPTCHA widget.
-      * @param opt_widget_id Optional widget ID, defaults to the first widget created if unspecified.
-      **/
+     * Resets the reCAPTCHA widget.
+     * @param opt_widget_id Optional widget ID, defaults to the first widget created if unspecified.
+     */
     reset(opt_widget_id?: number): void;
     /**
-      * Gets the response for the reCAPTCHA widget.
-      * @param opt_widget_id Optional widget ID, defaults to the first widget created if unspecified.
-      * @return the response of the reCAPTCHA widget.
-      **/
+     * Gets the response for the reCAPTCHA widget.
+     * @param opt_widget_id Optional widget ID, defaults to the first widget created if unspecified.
+     * @return the response of the reCAPTCHA widget.
+     */
     getResponse(opt_widget_id?: number): string;
     /**
-      * Programatically invoke the reCAPTCHA check. Used if the invisible reCAPTCHA is on a div instead of a button.
-      * @param opt_widget_id Optional widget ID, defaults to the first widget created if unspecified.
-      **/
+     * Programatically invoke the reCAPTCHA check. Used if the invisible reCAPTCHA is on a div instead of a button.
+     * @param opt_widget_id Optional widget ID, defaults to the first widget created if unspecified.
+     */
     execute(opt_widget_id?: number): void;
   }
 
   type Theme = "light" | "dark";
   type Type = "image" | "audio";
-  type Size = "normal" | "compact";
+  type Size = "normal" | "compact" | "invisible";
+  type Badge = "bottomright" | "bottomleft" | "inline";
 
-  interface Parameters
-  {
+  interface Parameters {
     /**
-      * Your sitekey.
-      **/
+     * Your sitekey.
+     */
     sitekey: string;
     /**
-      * Optional. The color theme of the widget.
-      * Accepted values: "light", "dark"
-      * @default "light"
-      * @type {Theme}
-      **/
+     * Optional. The color theme of the widget.
+     * Accepted values: "light", "dark"
+     * @default "light"
+     * @type {Theme}
+     */
     theme?: Theme;
     /**
-      * Optional. The type of CAPTCHA to serve.
-      * Accepted values: "audio", "image"
-      * @default "image"
-      * @type {Type}
-      **/
+     * Optional. The type of CAPTCHA to serve.
+     * Accepted values: "audio", "image"
+     * @default "image"
+     * @type {Type}
+     */
     type?: Type;
     /**
-      * Optional. The size of the widget.
-      * Accepted values: "compact", "normal"
-      * @default "compact"
-      * @type {Size}
-      */
+     * Optional. The size of the widget.
+     * Accepted values: "compact", "normal", "invisible".
+     * @default "compact"
+     * @type {Size}
+     */
     size?: Size;
     /**
-      * Optional. The tabindex of the widget and challenge.
-      * If other elements in your page use tabindex, it should be set to make user navigation easier.
-      **/
+     * Optional. The tabindex of the widget and challenge.
+     * If other elements in your page use tabindex, it should be set to make user navigation easier.
+     */
     tabindex?: number;
     /**
-      * Optional. Your callback function that's executed when the user submits a successful CAPTCHA response.
-      * The user's response, g-recaptcha-response, will be the input for your callback function.
-      **/
-    callback?: (response: string) => void;
+     * Optional. Your callback function that's executed when the user submits a successful CAPTCHA response.
+     * The user's response, g-recaptcha-response, will be the input for your callback function.
+     */
+    callback?(response: string): void;
     /**
-      * Optional. Your callback function that's executed when the recaptcha response expires and the user needs to solve a new CAPTCHA.
-      **/
+     * Optional. The badge location for g-recaptcha with size of "invisible".
+     *
+     * @default "bottomright"
+     * @type {Badge}
+     */
+    badge?: Badge;
+    /**
+     * Optional. Your callback function that's executed when the recaptcha response expires and the user needs to solve a new CAPTCHA.
+     */
     // Notice to the reader
     // I need to surround this object with quotes, this will however break intellisense in VS 2013.
-    "expired-callback"?: () => void;
+    "expired-callback"?(): void;
   }
 }
diff --git a/types/grecaptcha/tslint.json b/types/grecaptcha/tslint.json
new file mode 100644
index 0000000000..f93cf8562a
--- /dev/null
+++ b/types/grecaptcha/tslint.json
@@ -0,0 +1,3 @@
+{
+    "extends": "dtslint/dt.json"
+}

From 31e2829a1bad5bab774c02b16241d91c74a8b0a6 Mon Sep 17 00:00:00 2001
From: taoqf <tao_qiufeng@126.com>
Date: Tue, 2 May 2017 11:28:49 -0500
Subject: [PATCH 136/321] export Data from ndarray (#16251)

* add weixin-app

* add wx

* add new line at end of file

* tslint wx and wx-app

* fixed test error

* change project name weixin

* rename

* weixin-app Add param this

* change discription of jweixin

* add some Event declaration

* change tslint config
extends dtslint/dt.json

* add defination of ccap, qr-image

* remove redundant jsdoc

* remove doc

* allow overloads

* inline some types

* fix tslint error

* ndarray
add tslint
export like a module style

* ndarray make ndarray as a interface

* ndarray: export type Data
---
 types/ndarray/index.d.ts | 14 +++++++-------
 1 file changed, 7 insertions(+), 7 deletions(-)

diff --git a/types/ndarray/index.d.ts b/types/ndarray/index.d.ts
index 27f12fec24..f409e7fe74 100644
--- a/types/ndarray/index.d.ts
+++ b/types/ndarray/index.d.ts
@@ -4,15 +4,11 @@
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 
 declare function ndarray(
-	data: Data, shape?: number[], stride?: number[], offset?: number
+	data: ndarray.Data, shape?: number[], stride?: number[], offset?: number
 ): ndarray;
 
-type Data = number[] | Int8Array | Int16Array | Int32Array |
-	Uint8Array | Uint16Array | Uint32Array |
-	Float32Array | Float64Array | Uint8ClampedArray;
-
 interface ndarray {
-	data: Data;
+	data: ndarray.Data;
 	shape: number[];
 	stride: number[];
 	offset: number;
@@ -31,6 +27,10 @@ interface ndarray {
 	pick(...args: number[]): ndarray;
 }
 
-declare namespace ndarray { }
+declare namespace ndarray {
+	type Data = number[] | Int8Array | Int16Array | Int32Array |
+		Uint8Array | Uint16Array | Uint32Array |
+		Float32Array | Float64Array | Uint8ClampedArray;
+}
 
 export = ndarray;

From 4baa153d2cb1cbb687c4095ac1093394f5fde723 Mon Sep 17 00:00:00 2001
From: Lauri Lavanti <laurilavanti@gmail.com>
Date: Tue, 2 May 2017 19:29:14 +0300
Subject: [PATCH 137/321] (#16189): Add LocationChangeAction to
 react-router-redux (#16252)

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

diff --git a/types/react-router-redux/index.d.ts b/types/react-router-redux/index.d.ts
index bebaab7562..e224f92530 100644
--- a/types/react-router-redux/index.d.ts
+++ b/types/react-router-redux/index.d.ts
@@ -59,4 +59,20 @@ export interface RouterAction extends Action {
     payload: LocationActionPayload;
 }
 
+export interface LocationChangeAction extends Action {
+    type: typeof LOCATION_CHANGE;
+    payload: Location & {
+        props?: {
+            match: {
+                path: string;
+                url: string;
+                params: any;
+                isExact: boolean;
+            },
+            location: Location;
+            history: History;
+        }
+    };
+}
+
 export function routerMiddleware(history: History): Middleware;

From 8070c2338e98281e84ef412b2cd4b40fba55baa7 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Martynas=20=C5=BDilinskas?= <martiogalaltu@gmail.com>
Date: Tue, 2 May 2017 20:02:11 +0300
Subject: [PATCH 138/321] Updated readme. Added that definition by can be
 multiline. (#16276)

---
 README.md | 7 +++++++
 1 file changed, 7 insertions(+)

diff --git a/README.md b/README.md
index 3028c233d0..9f3c4fe78f 100644
--- a/README.md
+++ b/README.md
@@ -89,6 +89,13 @@ First, [fork](https://guides.github.com/activities/forking/) this repository, in
 * Make changes. Remember to edit tests.
 * You may also want to add yourself to "Definitions by" section of the package header.
   - Do this by adding your name to the end of the line, as in `// Definitions by: Alice <https://github.com/alice>, Bob <https://github.com/bob>`.
+  - Or if there are more people, it can be multiline
+  ```typescript
+  // Definitions by: Alice <https://github.com/alice>
+  //                 Bob <https://github.com/bob>
+  //                 Steve <https://github.com/steve>
+  //                 John <https://github.com/john>
+  ```
 * `npm install -g typescript@2.0` and run `tsc`.
 
 When you make a PR to edit an existing package, `dt-bot` should @-mention previous authors.

From c69aadeeb578e7f9b53cf8fc55ad7dbe9ac7e9ea Mon Sep 17 00:00:00 2001
From: Ali Taheri Moghaddar <ali.taheri.m@gmail.com>
Date: Tue, 2 May 2017 21:42:27 +0430
Subject: [PATCH 139/321] [react-grid-layout] Improve typings (#16071)

* Improve react-grid-layout typings

* Fix lint errors
---
 types/react-grid-layout/index.d.ts            | 352 +++++++++++++-----
 .../react-grid-layout-tests.tsx               |  27 +-
 2 files changed, 281 insertions(+), 98 deletions(-)

diff --git a/types/react-grid-layout/index.d.ts b/types/react-grid-layout/index.d.ts
index 5ece607aa5..3ed852e765 100644
--- a/types/react-grid-layout/index.d.ts
+++ b/types/react-grid-layout/index.d.ts
@@ -1,110 +1,292 @@
 // Type definitions for react-grid-layout 0.14
 // Project: https://github.com/STRML/react-grid-layout
-// Definitions by: Andrew Birkholz <https://github.com/abirkholz>
+// Definitions by: Andrew Birkholz <https://github.com/abirkholz>, Ali Taheri <https://github.com/alitaheri>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+// TypeScript Version: 2.2
 
 import * as React from "react";
 
 export as namespace ReactGridLayout;
 export = ReactGridLayout;
 
-declare class ReactGridLayout extends React.Component<ReactGridLayout.DefaultProps, any> {
-    constructor(props: any, context: any);
-
-    componentDidMount(): void;
-    componentWillReceiveProps(nextProps: any): void;
-    containerHeight(): any;
-    onDrag(i: number, x: number, y: number, _ref2: any): void;
-    onDragStart(i: number, x: number, y: number, _ref: any): void;
-    onDragStop(i: number, x: number, y: number, _ref3: any): void;
-    onLayoutMaybeChanged(newLayout: any[], oldLayout: any[]): void;
-    onResize(i: number, w: number, h: number, _ref5: any): void;
-    onResizeStart(i: number, w: number, h: number, _ref4: any): void;
-    onResizeStop(i: number, w: number, h: number, _ref6: any): void;
-    placeholder(): any;
-    processGridItem(child: any): any;
-    render(): JSX.Element | null;
-
-    static WidthProvider(ComposedComponent: any, ...args: any[]): any;
-    static displayName: string;
-}
+declare class ReactGridLayout extends React.Component<ReactGridLayout.ReactGridLayoutProps, any> { }
 
 declare namespace ReactGridLayout {
-    interface CoreProps {
-        autoSize?: boolean;
-        className?: string;
-        isDraggable?: boolean;
-        isResizable?: boolean;
-        layout?: any[];
-        margin?: number[];
-        maxRows?: number;
-        rowHeight?: number;
-        useCSSTransforms?: boolean;
-        verticalCompact?: boolean;
-        width?: number;
+    type Breakpoints = 'lg' | 'md' | 'sm' | 'xs' | 'xxs';
 
-        onDrag?(layout: any, oldItem: any, newItem: any, placeholder: any, e: MouseEvent, element: HTMLElement): any;
-        onDragStart?(layout: any, oldItem: any, newItem: any, placeholder: any, e: MouseEvent, element: HTMLElement): any;
-        onDragStop?(layout: any, oldItem: any, newItem: any, placeholder: any, e: MouseEvent, element: HTMLElement): any;
-        onResize?(layout: any, oldItem: any, newItem: any, placeholder: any, e: MouseEvent, element: HTMLElement): any;
-        onResizeStart?(layout: any, oldItem: any, newItem: any, placeholder: any, e: MouseEvent, element: HTMLElement): any;
-        onResizeStop?(layout: any, oldItem: any, newItem: any, placeholder: any, e: MouseEvent, element: HTMLElement): any;
+    interface Layout {
+        /**
+         * A string corresponding to the component key.
+         * Uses the index of components instead if not provided.
+         */
+        i?: string;
+
+        /**
+         * X position in grid units.
+         */
+        x: number;
+
+        /**
+         * Y position in grid units.
+         */
+        y: number;
+
+        /**
+         * Width in grid units.
+         */
+        w: number;
+
+        /**
+         * Height in grid units.
+         */
+        h: number;
+
+        /**
+         * Minimum width in grid units.
+         */
+        minW?: number;
+
+        /**
+         * Maximum width in grid units.
+         */
+        maxW?: number;
+
+        /**
+         * Minimum height in grid units.
+         */
+        minH?: number;
+
+        /**
+         * Maximum height in grid units.
+         */
+        maxH?: number;
+
+        /**
+         * If true, equal to `isDraggable: false` and `isResizable: false`.
+         */
+        static?: boolean;
+
+        /**
+         * If false, will not be draggable. Overrides `static`.
+         */
+        isDraggable?: boolean;
+
+        /**
+         * If false, will not be resizable. Overrides `static`.
+         */
+        isResizable?: boolean;
     }
 
-    interface DefaultProps extends CoreProps {
+    type Layouts = {
+        [P in Breakpoints]: Layout;
+    };
+
+    type ItemCallback = (
+        layout: Layout[],
+        oldItem: Layout,
+        newItem: Layout,
+        placeholder: Layout,
+        event: MouseEvent,
+        element: HTMLElement
+    ) => void;
+
+    interface CoreProps {
+        /**
+         * The classname to add to the root element.
+         */
+        className?: string;
+
+        /**
+         * Inline-style object to pass to the root element.
+         */
+        style?: React.CSSProperties;
+
+        /**
+         * If true, the container height swells and contracts to fit contents.
+         */
+        autoSize?: boolean;
+
+        /**
+         * A CSS selector for tags that will not be draggable.
+         *
+         * For example: `draggableCancel: '.MyNonDraggableAreaClassName'`
+         *
+         * If you forget the leading. it will not work.
+         */
+        draggableCancel?: string;
+
+        /**
+         * A CSS selector for tags that will act as the draggable handle.
+         *
+         * For example: `draggableHandle: '.MyDragHandleClassName'`
+         *
+         * If you forget the leading . it will not work.
+         */
+        draggableHandle?: string;
+
+        /**
+         * If true, the layout will compact vertically.
+         */
+        verticalCompact?: boolean;
+
+        /**
+         * This allows setting the initial width on the server side.
+         * This is required unless using the HOC <WidthProvider> or similar.
+         */
+        width?: number;
+
+        /**
+         * Margin between items `[x, y]` in px.
+         */
+        margin?: [number, number];
+
+        /**
+         * Padding inside the container `[x, y]` in px.
+         */
+        containerPadding?: [number, number];
+
+        /**
+         * Rows have a static height, but you can change this based on breakpoints if you like.
+         */
+        rowHeight?: number;
+
+        /**
+         * If set to false it will disable dragging on all children.
+         */
+        isDraggable?: boolean;
+
+        /**
+         * If set to false it will disable resizing on all children.
+         */
+        isResizable?: boolean;
+
+        /**
+         * Uses CSS3 `translate()` instead of position top/left.
+         * This makes about 6x faster paint performance.
+         */
+        useCSSTransforms?: boolean;
+
+        /**
+         * Default Infinity, but you can specify a max here if you like.
+         * Note that this isn't fully fleshed out and won't error if you specify a layout that
+         * extends beyond the row capacity. It will, however, not allow users to drag/resize
+         * an item past the barrier. They can push items beyond the barrier, though.
+         * Intentionally not documented for this reason.
+         */
+        maxRows?: number;
+
+        /**
+         * Calls when drag starts.
+         */
+        onDragStart?: ItemCallback;
+
+        /**
+         * Calls on each drag movement.
+         */
+        onDrag?: ItemCallback;
+
+        /**
+         * Calls when drag is complete.
+         */
+        onDragStop?: ItemCallback;
+
+        /**
+         * Calls when resize starts.
+         */
+        onResizeStart?: ItemCallback;
+
+        /**
+         * Calls when resize movement happens.
+         */
+        onResize?: ItemCallback;
+
+        /**
+         * Calls when resize is complete.
+         */
+        onResizeStop?: ItemCallback;
+    }
+
+    interface ReactGridLayoutProps extends CoreProps {
+        /**
+         * Number of columns in this layout.
+         */
         cols?: number;
-        onLayoutChange?(layout: any): any;
+
+        /**
+         * Layout is an array of object with the format:
+         *
+         * `{x: number, y: number, w: number, h: number}`
+         *
+         * The index into the layout must match the key used on each item component.
+         * If you choose to use custom keys, you can specify that key in the layout
+         * array objects like so:
+         *
+         * `{i: string, x: number, y: number, w: number, h: number}`
+         *
+         * If not provided, use data-grid props on children.
+         */
+        layout?: Layout[];
+
+        /**
+         * Callback so you can save the layout.
+         * Calls back with (currentLayout) after every drag or resize stop.
+         */
+        onLayoutChange?(layout: Layout[]): void;
     }
 
     interface ResponsiveProps extends CoreProps {
-        breakpoints: {lg: number, md: number, sm: number, xs: number, xxs: number};
-        cols: {lg: number, md: number, sm: number, xs: number, xxs: number};
-        layouts?: {};
+        /**
+         * `{name: pxVal}, e.g. {lg: 1200, md: 996, sm: 768, xs: 480}`
+         *
+         * Breakpoint names are arbitrary but must match in the cols and layouts objects.
+         */
+        breakpoints?: {[P in Breakpoints]: number };
 
-        onBreakpointChange?(newBreakpoint: string, newCols: number): any;
-        onLayoutChange?(currentLayout: any, allLayouts: any): any;
-        onWidthChange?(containerWidth: number, margin: [number, number], cols: number, containerPadding: [number, number]): any;
+        /**
+         * Number of cols. This is a breakpoint -> cols map, e.g. `{lg: 12, md: 10, ...}`.
+         */
+        cols?: {[P in Breakpoints]: number };
+
+        /**
+         * layouts is an object mapping breakpoints to layouts.
+         *
+         * e.g. `{lg: Layout, md: Layout, ...}`
+         */
+        layouts?: Layouts;
+
+        /**
+         * Calls back with breakpoint and new number pf cols.
+         */
+        onBreakpointChange?(newBreakpoint: string, newCols: number): void;
+
+        /**
+         * Callback so you can save the layout.
+         */
+        onLayoutChange?(currentLayout: Layout, allLayouts: Layouts): void;
+
+        /**
+         * Callback when the width changes, so you can modify the layout as needed.
+         */
+        onWidthChange?(
+            containerWidth: number,
+            margin: [number, number],
+            cols: number,
+            containerPadding: [number, number]
+        ): void;
     }
 
-    class Responsive extends React.Component<ResponsiveProps, any> {
-        constructor(...args: any[]);
+    class Responsive extends React.Component<ResponsiveProps, any> { }
 
-        componentWillReceiveProps(nextProps: any): void;
-        generateInitialState(): any;
-        onWidthChange(nextProps: any): void;
-        render(): JSX.Element | null;
+    interface WidthProviderProps {
+        /**
+         * If true, WidthProvider will measure the container's width before mounting children.
+         * Use this if you'd like to completely eliminate any resizing animation on
+         * application/component mount.
+         */
+        measureBeforeMount?: boolean;
     }
 
-    namespace Responsive {
-        namespace utils {
-            function findOrGenerateResponsiveLayout(layouts: {}, breakpoints: {}, breakpoint: number, lastBreakpoint: number, cols: {}, verticalCompact: boolean): any;
-            function getBreakpointFromWidth(breakpoints: {}, width: number): any;
-            function getColsFromBreakpoint(breakpoint: number, cols: {}): any;
-            function sortBreakpoints(breakpoints: {}): any;
-        }
-    }
-
-    namespace utils {
-        function autoBindHandlers(el: any, fns: any): any;
-        function bottom(layout: any): any;
-        function childrenEqual(a: any, b: any): any;
-        function cloneLayout(layout: any): any;
-        function cloneLayoutItem(layoutItem: any): any;
-        function collides(l1: any, l2: any): any;
-        function compact(layout: any, verticalCompact: any): any;
-        function compactItem(compareWith: any, l: any, verticalCompact: any): any;
-        function correctBounds(layout: any, bounds: any): any;
-        function getAllCollisions(layout: any, layoutItem: any): any;
-        function getFirstCollision(layout: any, layoutItem: any): any;
-        function getLayoutItem(layout: any, id: any): any;
-        function getStatics(layout: any): any;
-        function moveElement(layout: any, l: any, x: any, y: any, isUserAction: any): any;
-        function moveElementAwayFromCollision(layout: any, collidesWith: any, itemToMove: any, isUserAction: any): any;
-        function perc(num: any): any;
-        function setTopLeft(_ref2: any): any;
-        function setTransform(_ref: any): any;
-        function sortLayoutItemsByRowCol(layout: any): any;
-        function synchronizeLayoutWithChildren(initialLayout: any, children: any, cols: any, verticalCompact: any): any;
-        function validateLayout(layout: any, contextName: any): void;
-    }
+    function WidthProvider<P>(
+        component: React.ComponentClass<P>
+    ): React.ComponentClass<P & WidthProviderProps>;
 }
diff --git a/types/react-grid-layout/react-grid-layout-tests.tsx b/types/react-grid-layout/react-grid-layout-tests.tsx
index 90c716e7f6..081da57e9c 100644
--- a/types/react-grid-layout/react-grid-layout-tests.tsx
+++ b/types/react-grid-layout/react-grid-layout-tests.tsx
@@ -1,15 +1,15 @@
 import * as React from 'react';
 import * as ReactGridLayout from 'react-grid-layout';
+import { Responsive, WidthProvider } from 'react-grid-layout';
 
-const ReactGridLayoutResponsive = ReactGridLayout.Responsive;
-const ReactGridLayoutResponsiveWidth = ReactGridLayout.WidthProvider(ReactGridLayout.Responsive);
+const ResponsiveWidth = WidthProvider(Responsive);
 
 class DefaultGridTest extends React.Component<any, any> {
   render() {
     const layout = [
-      {i: 'a', x: 0, y: 0, w: 1, h: 2, static: true},
-      {i: 'b', x: 1, y: 0, w: 3, h: 2, minW: 2, maxW: 4},
-      {i: 'c', x: 4, y: 0, w: 1, h: 2}
+      { i: 'a', x: 0, y: 0, w: 1, h: 2, static: true },
+      { i: 'b', x: 1, y: 0, w: 3, h: 2, minW: 2, maxW: 4 },
+      { i: 'c', x: 4, y: 0, w: 1, h: 2 }
     ];
 
     return (
@@ -32,15 +32,15 @@ class DefaultGridTest extends React.Component<any, any> {
 class ResponsiveGridTest extends React.Component<any, any> {
   render() {
     return (
-      <ReactGridLayoutResponsive
+      <Responsive
         width={800}
-        breakpoints={{lg: 1200, md: 996, sm: 768, xs: 480, xxs: 0}}
-        cols={{lg: 12, md: 10, sm: 6, xs: 4, xxs: 2}}
+        breakpoints={{ lg: 1200, md: 996, sm: 768, xs: 480, xxs: 0 }}
+        cols={{ lg: 12, md: 10, sm: 6, xs: 4, xxs: 2 }}
       >
         <div key="1">a</div>
         <div key="2">b</div>
         <div key="3">c</div>
-      </ReactGridLayoutResponsive>
+      </Responsive>
     );
   }
 }
@@ -48,14 +48,15 @@ class ResponsiveGridTest extends React.Component<any, any> {
 class ResponsiveGridWidthProviderTest extends React.Component<any, any> {
   render() {
     return (
-      <ReactGridLayoutResponsiveWidth
-        breakpoints={{lg: 1200, md: 996, sm: 768, xs: 480, xxs: 0}}
-        cols={{lg: 12, md: 10, sm: 6, xs: 4, xxs: 2}}
+      <ResponsiveWidth
+        measureBeforeMount={true}
+        breakpoints={{ lg: 1200, md: 996, sm: 768, xs: 480, xxs: 0 }}
+        cols={{ lg: 12, md: 10, sm: 6, xs: 4, xxs: 2 }}
       >
         <div key="1">a</div>
         <div key="2">b</div>
         <div key="3">c</div>
-      </ReactGridLayoutResponsiveWidth>
+      </ResponsiveWidth>
     );
   }
 }

From 538907bb861b976a5415214730613558a0a8b8fb Mon Sep 17 00:00:00 2001
From: Waldo000000 <waldo000000@gmail.com>
Date: Wed, 3 May 2017 03:28:23 +1000
Subject: [PATCH 140/321] Add initial watson-developer-cloud definitions
 (#16254)

---
 types/watson-developer-cloud/index.d.ts       | 618 ++++++++++++++++++
 types/watson-developer-cloud/tsconfig.json    |  22 +
 types/watson-developer-cloud/tslint.json      |   1 +
 .../watson-developer-cloud-tests.ts           |  25 +
 4 files changed, 666 insertions(+)
 create mode 100644 types/watson-developer-cloud/index.d.ts
 create mode 100644 types/watson-developer-cloud/tsconfig.json
 create mode 100644 types/watson-developer-cloud/tslint.json
 create mode 100644 types/watson-developer-cloud/watson-developer-cloud-tests.ts

diff --git a/types/watson-developer-cloud/index.d.ts b/types/watson-developer-cloud/index.d.ts
new file mode 100644
index 0000000000..08494f74d7
--- /dev/null
+++ b/types/watson-developer-cloud/index.d.ts
@@ -0,0 +1,618 @@
+// Type definitions for watson-developer-cloud 2.31
+// Project: https://github.com/watson-developer-cloud/node-sdk#readme
+// Definitions by: Roy Wallace <https://github.com/waldo000000>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+
+/// <reference types="node" />
+
+export class AlchemyDataNewsV1 {
+    constructor(options: any);
+
+    getNews(params: any, callback: any): any;
+
+    static URL: string;
+}
+
+export class AlchemyLanguageV1 {
+    constructor(options: any);
+
+    authors(_params: any, callback: any): any;
+
+    category(_params: any, callback: any): any;
+
+    combined(_params: any, callback: any): any;
+
+    concepts(_params: any, callback: any): any;
+
+    dates(_params: any, callback: any): any;
+
+    emotion(params: any, callback: any): any;
+
+    entities(_params: any, callback: any): any;
+
+    feeds(_params: any, callback: any): any;
+
+    keywords(_params: any, callback: any): any;
+
+    language(_params: any, callback: any): any;
+
+    microformats(_params: any, callback: any): any;
+
+    publicationDate(_params: any, callback: any): any;
+
+    relations(_params: any, callback: any): any;
+
+    sentiment(params: any, callback: any): any;
+
+    taxonomy(_params: any, callback: any): any;
+
+    text(params: any, callback: any): any;
+
+    title(_params: any, callback: any): any;
+
+    typedRelations(_params: any, callback: any): any;
+
+    static URL: string;
+}
+
+export class AlchemyVisionV1 {
+    constructor(options: any);
+
+    getImageKeywords(_params: any, callback: any): any;
+
+    getImageLinks(_params: any, callback: any): any;
+
+    getImageSceneText(_params: any, callback: any): any;
+
+    recognizeFaces(_params: any, callback: any): any;
+
+    static URL: string;
+}
+
+export class AuthorizationV1 {
+    constructor(options: any);
+
+    getToken(params: any, callback: any): any;
+
+    static URL: string;
+}
+
+export class ConversationV1 {
+    constructor(options: any);
+
+    createCounterExample(params: any, callback: any): any;
+
+    createEntity(params: any, callback: any): any;
+
+    createExample(params: any, callback: any): any;
+
+    createIntent(params: any, callback: any): any;
+
+    createSynonym(params: any, callback: any): any;
+
+    createValue(params: any, callback: any): any;
+
+    createWorkspace(params: any, callback: any): any;
+
+    deleteCounterExample(params: any, callback: any): any;
+
+    deleteEntity(params: any, callback: any): any;
+
+    deleteExample(params: any, callback: any): any;
+
+    deleteIntent(params: any, callback: any): any;
+
+    deleteSynonym(params: any, callback: any): any;
+
+    deleteValue(params: any, callback: any): any;
+
+    deleteWorkspace(params: any, callback: any): any;
+
+    getCounterExample(params: any, callback: any): any;
+
+    getCounterExamples(params: any, callback: any): any;
+
+    getEntities(params: any, callback: any): any;
+
+    getEntity(params: any, callback: any): any;
+
+    getExample(params: any, callback: any): any;
+
+    getExamples(params: any, callback: any): any;
+
+    getIntent(params: any, callback: any): any;
+
+    getIntents(params: any, callback: any): any;
+
+    getLogs(params: any, callback: any): any;
+
+    getSynonym(params: any, callback: any): any;
+
+    getSynonyms(params: any, callback: any): any;
+
+    getValue(params: any, callback: any): any;
+
+    getValues(params: any, callback: any): any;
+
+    getWorkspace(params: any, callback: any): any;
+
+    listWorkspaces(params: any, callback: any): any;
+
+    message(params: any, callback: any): any;
+
+    updateCounterExample(params: any, callback: any): any;
+
+    updateEntity(params: any, callback: any): any;
+
+    updateExample(params: any, callback: any): any;
+
+    updateIntent(params: any, callback: any): any;
+
+    updateSynonym(params: any, callback: any): any;
+
+    updateValue(params: any, callback: any): any;
+
+    updateWorkspace(params: any, callback: any): any;
+
+    workspaceStatus(params: any, callback: any): any;
+
+    static URL: string;
+
+    static VERSION_DATE_2016_07_11: string;
+
+    static VERSION_DATE_2016_09_20: string;
+
+    static VERSION_DATE_2017_02_03: string;
+
+    static VERSION_DATE_2017_04_21: string;
+}
+
+export class ConversationV1Experimental {
+    constructor(options: any);
+
+    message(params: any, callback: any): any;
+
+    static URL: string;
+}
+
+export class DialogV1 {
+    constructor(options: any);
+
+    conversation(params: any, callback: any): any;
+
+    createDialog(params: any, callback: any): any;
+
+    deleteDialog(params: any, callback: any): any;
+
+    getContent(params: any, callback: any): any;
+
+    getConversation(params: any, callback: any): any;
+
+    getDialogs(params: any, callback: any): any;
+
+    getProfile(params: any, callback: any): any;
+
+    updateContent(params: any, callback: any): any;
+
+    updateDialog(params: any, callback: any): any;
+
+    updateProfile(params: any, callback: any): any;
+
+    static URL: string;
+}
+
+export class DiscoveryV1 {
+    constructor(options: any);
+
+    addDocument(params: any, callback: any): any;
+
+    createCollection(params: any, callback: any): any;
+
+    createEnvironment(params: any, callback: any): any;
+
+    deleteCollection(params: any, callback: any): any;
+
+    deleteDocument(params: any, callback: any): any;
+
+    deleteEnvironment(params: any, callback: any): any;
+
+    getCollection(params: any, callback: any): any;
+
+    getCollections(params: any, callback: any): any;
+
+    getConfiguration(params: any, callback: any): any;
+
+    getConfigurations(params: any, callback: any): any;
+
+    getEnvironment(params: any, callback: any): any;
+
+    getEnvironments(params: any, callback: any): any;
+
+    query(params: any, callback: any): any;
+
+    updateDocument(params: any, callback: any): any;
+
+    updateEnvironment(params: any, callback: any): any;
+
+    static URL: string;
+
+    static VERSION_DATE_2016_12_15: string;
+
+    static VERSION_DATE_2017_04_27: string;
+}
+
+export class DiscoveryV1Experimental {
+    constructor(options: any);
+
+    getCollection(params: any, collectionId: any, callback: any): any;
+
+    getCollections(params: any, callback: any): any;
+
+    getEnvironment(params: any, callback: any): any;
+
+    getEnvironments(params: any, callback: any): any;
+
+    query(params: any, callback: any): any;
+
+    static URL: string;
+
+    static VERSION_DATE_2016_07_11: string;
+}
+
+export class DocumentConversionV1 {
+    constructor(options: any);
+
+    addDocumentToBatch(): void;
+
+    convert(params: any, callback: any): any;
+
+    createBatch(): void;
+
+    createJob(): void;
+
+    getBatch(): void;
+
+    getBatchDocument(): void;
+
+    getBatchDocuments(): void;
+
+    getBatches(): void;
+
+    getDocument(): void;
+
+    getDocuments(): void;
+
+    getJob(): void;
+
+    getJobLog(): void;
+
+    getJobs(): void;
+
+    getOutput(): void;
+
+    getOutputs(): void;
+
+    index(params: any, callback: any): any;
+
+    updateBatch(): void;
+
+    uploadDocument(): void;
+
+    static URL: string;
+}
+
+export class LanguageTranslationV2 {
+    constructor(options: any);
+
+    createModel(params: any, callback: any): any;
+
+    deleteModel(params: any, callback: any): any;
+
+    getIdentifiableLanguages(params: any, callback: any): any;
+
+    getModel(params: any, callback: any): any;
+
+    getModels(params: any, callback: any): any;
+
+    identify(params: any, callback: any): any;
+
+    translate(params: any, callback: any): any;
+
+    static URL: string;
+}
+
+export class LanguageTranslatorV2 {
+    constructor(options: any);
+
+    createModel(params: any, callback: any): any;
+
+    deleteModel(params: any, callback: any): any;
+
+    getIdentifiableLanguages(params: any, callback: any): any;
+
+    getModel(params: any, callback: any): any;
+
+    getModels(params: any, callback: any): any;
+
+    identify(params: any, callback: any): any;
+
+    translate(params: any, callback: any): any;
+
+    static URL: string;
+}
+
+export class NaturalLanguageClassifierV1 {
+    constructor(options: any);
+
+    classify(params: any, callback: any): any;
+
+    create(params: any, callback: any): any;
+
+    list(params: any, callback: any): any;
+
+    remove(params: any, callback: any): any;
+
+    status(params: any, callback: any): any;
+
+    static URL: string;
+}
+
+export class NaturalLanguageUnderstandingV1 {
+    constructor(options: any);
+
+    analyze(params: any, callback: any): any;
+
+    deleteModel(params: any, callback: any): any;
+
+    getCredentialsFromBluemix(name: any): any;
+
+    listModels(params: any, callback: any): any;
+
+    static URL: string;
+
+    static VERSION_DATE_2016_01_23: string;
+
+    static VERSION_DATE_2017_02_27: string;
+}
+
+export class PersonalityInsightsV2 {
+    constructor(options: any);
+
+    profile(params: any, callback: any): any;
+
+    static URL: string;
+}
+
+export class PersonalityInsightsV3 {
+    constructor(options: any);
+
+    profile(_params: any, callback: any): any;
+
+    static URL: string;
+}
+
+export class RetrieveAndRankV1 {
+    constructor(options: any);
+
+    createCluster(params: any, callback: any): any;
+
+    createCollection(params: any, callback: any): any;
+
+    createRanker(params: any, callback: any): any;
+
+    createSolrClient(params: any): any;
+
+    deleteCluster(params: any, callback: any): any;
+
+    deleteCollection(params: any, callback: any): any;
+
+    deleteConfig(params: any, callback: any): any;
+
+    deleteRanker(params: any, callback: any): any;
+
+    getClusterStats(params: any, callback: any): any;
+
+    getConfig(params: any, callback: any): any;
+
+    getResizeStatus(params: any, callback: any): any;
+
+    listClusters(params: any, callback: any): any;
+
+    listCollections(params: any, callback: any): any;
+
+    listConfigs(params: any, callback: any): any;
+
+    listRankers(params: any, callback: any): any;
+
+    pollCluster(params: any, callback: any): any;
+
+    rank(params: any, callback: any): any;
+
+    rankerStatus(params: any, callback: any): any;
+
+    resizeCluster(params: any, callback: any): any;
+
+    uploadConfig(params: any, callback: any): any;
+
+    static URL: string;
+}
+
+export class SpeechToTextV1 {
+    constructor(options: any);
+
+    addCorpus(params: any, callback: any): any;
+
+    addWord(params: any, callback: any): any;
+
+    addWords(params: any, callback: any): any;
+
+    createCustomization(params: any, callback: any): any;
+
+    createRecognitionJob(params: any, callback: any): any;
+
+    createRecognizeStream(params: any): any;
+
+    createSession(params: any, callback: any): any;
+
+    deleteCorpus(params: any, callback: any): any;
+
+    deleteCustomization(params: any, callback: any): any;
+
+    deleteRecognitionJob(params: any, callback: any): any;
+
+    deleteSession(params: any, callback: any): any;
+
+    deleteWord(params: any, callback: any): any;
+
+    getCorpora(params: any, callback: any): any;
+
+    getCorpus(params: any, callback: any): any;
+
+    getCustomization(params: any, callback: any): any;
+
+    getCustomizations(params: any, callback: any): any;
+
+    getModel(params: any, callback: any): any;
+
+    getModels(params: any, callback: any): any;
+
+    getRecognitionJob(params: any, callback: any): any;
+
+    getRecognitionJobs(params: any, callback: any): any;
+
+    getRecognizeStatus(params: any, callback: any): any;
+
+    getWord(params: any, callback: any): any;
+
+    getWords(params: any, callback: any): any;
+
+    observeResult(params: any, ...args: any[]): any;
+
+    recognize(params: any, callback: any): any;
+
+    recognizeLive(params: any, ...args: any[]): any;
+
+    registerCallback(params: any, callback: (any)): any;
+
+    resetCustomization(params: any, callback: any): any;
+
+    trainCustomization(params: any, callback: any): any;
+
+    whenCorporaAnalyzed(params: any, callback: any): any;
+
+    whenCustomizationReady(params: any, callback: any): any;
+
+    static ERR_NO_CORPORA: string;
+
+    static ERR_TIMEOUT: string;
+
+    static URL: string;
+}
+
+export class TextToSpeechV1 {
+    constructor(options: any);
+
+    addWord(params: any, callback: any): any;
+
+    addWords(params: any, callback: any): any;
+
+    createCustomization(params: any, callback: any): any;
+
+    deleteCustomization(params: any, callback: any): any;
+
+    deleteWord(params: any, callback: any): any;
+
+    getCustomization(params: any, callback: any): any;
+
+    getCustomizations(params: any, callback: any): any;
+
+    getWord(params: any, callback: any): any;
+
+    getWords(params: any, callback: any): any;
+
+    pronunciation(params: any, callback: any): any;
+
+    synthesize(params: any, callback: any): any;
+
+    updateCustomization(params: any, callback: any): any;
+
+    voice(params: any, callback: any): any;
+
+    voices(params: any, callback: any): any;
+
+    static URL: string;
+}
+
+export class ToneAnalyzerV3 {
+    constructor(options: any);
+
+    tone(params: any, callback: any): any;
+
+    tone_chat(params: any, callback: any): any;
+
+    static URL: string;
+}
+
+export class TradeoffAnalyticsV1 {
+    constructor(options: any);
+
+    dilemmas(params: any, callback: any): any;
+
+    events(params: any, callback: any): any;
+
+    static URL: string;
+}
+
+export class VisualRecognitionV3 {
+    constructor(options: any);
+
+    addImage(params: any, callback: any): any;
+
+    classify(params: any, callback: any): any;
+
+    createClassifier(params: any, callback: any): any;
+
+    createCollection(params: any, callback: any): any;
+
+    deleteClassifier(params: any, callback: any): any;
+
+    deleteCollection(params: any, callback: any): any;
+
+    deleteImage(params: any, callback: any): any;
+
+    deleteImageMetadata(params: any, callback: any): any;
+
+    detectFaces(params: any, callback: any): any;
+
+    findSimilar(params: any, callback: any): any;
+
+    getClassifier(params: any, callback: any): any;
+
+    getCollection(params: any, callback: any): any;
+
+    getCredentialsFromBluemix(): any;
+
+    getCredentialsFromEnvironment(name: any): any;
+
+    getImage(params: any, callback: any): any;
+
+    getImageMetadata(params: any, callback: any): any;
+
+    initCredentials(options: any): any;
+
+    listClassifiers(params: any, callback: any): any;
+
+    listCollections(params: any, callback: any): any;
+
+    listImages(params: any, callback: any): any;
+
+    recognizeText(params: any, callback: any): any;
+
+    request(parameters: any, cb: any): any;
+
+    retrainClassifier(params: any, callback: any): any;
+
+    setImageMetadata(params: any, callback: any): any;
+
+    static URL: string;
+}
diff --git a/types/watson-developer-cloud/tsconfig.json b/types/watson-developer-cloud/tsconfig.json
new file mode 100644
index 0000000000..20868ac9d8
--- /dev/null
+++ b/types/watson-developer-cloud/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",
+        "watson-developer-cloud-tests.ts"
+    ]
+}
diff --git a/types/watson-developer-cloud/tslint.json b/types/watson-developer-cloud/tslint.json
new file mode 100644
index 0000000000..3db14f85ea
--- /dev/null
+++ b/types/watson-developer-cloud/tslint.json
@@ -0,0 +1 @@
+{ "extends": "dtslint/dt.json" }
diff --git a/types/watson-developer-cloud/watson-developer-cloud-tests.ts b/types/watson-developer-cloud/watson-developer-cloud-tests.ts
new file mode 100644
index 0000000000..857dff35ed
--- /dev/null
+++ b/types/watson-developer-cloud/watson-developer-cloud-tests.ts
@@ -0,0 +1,25 @@
+import * as watson from 'watson-developer-cloud';
+import * as fs from 'fs';
+
+const speech_to_text = new watson.SpeechToTextV1({
+  username: '<username>',
+  password: '<password>'
+});
+
+const params = {
+  // From file
+  audio: fs.createReadStream('./resources/speech.wav'),
+  content_type: 'audio/l16; rate=44100'
+};
+
+speech_to_text.recognize(params, (err: any, res: any) => {
+  if (err)
+    console.log(err);
+  else
+    console.log(JSON.stringify(res, null, 2));
+});
+
+// or streaming
+fs.createReadStream('./resources/speech.wav')
+  .pipe(speech_to_text.createRecognizeStream({ content_type: 'audio/l16; rate=44100' }))
+  .pipe(fs.createWriteStream('./transcription.txt'));

From e0cfd8f75b5418789877318255cf3e1b1605ec2d Mon Sep 17 00:00:00 2001
From: Peter Keuter <github@peterkeuter.nl>
Date: Tue, 2 May 2017 19:34:31 +0200
Subject: [PATCH 141/321] move query template function to connectionpool
 (#16260)

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

diff --git a/types/mssql/index.d.ts b/types/mssql/index.d.ts
index 80dbf2cf43..390f487444 100644
--- a/types/mssql/index.d.ts
+++ b/types/mssql/index.d.ts
@@ -176,6 +176,7 @@ export declare class ConnectionPool extends events.EventEmitter {
     public driver: string;
     public constructor(config: config, callback?: (err?: any) => void);
     public constructor(connectionString: string, callback?: (err?: any) => void);
+    public query(strings: TemplateStringsArray, ...interpolations: any[]): Promise<IResult<any>>;
     public connect(): Promise<ConnectionPool>;
     public connect(callback: (err: any) => void): void;
     public close(): Promise<void>;
@@ -235,7 +236,6 @@ export declare class Request extends events.EventEmitter {
     public input(name: string, type: any, value: any): Request;
     public output(name: string, type: any, value?: any): Request;
     public pipe(stream: NodeJS.WritableStream): NodeJS.WritableStream;
-    public query(strings: TemplateStringsArray, ...interpolations: any[]): Promise<IResult<any>>;
     public query(command: string): Promise<IResult<any>>;
     public query<Entity>(command: string): Promise<IResult<Entity>>;
     public query<Entity>(command: string, callback: (err?: Error, recordset?: IResult<Entity>) => void): void;
diff --git a/types/mssql/mssql-tests.ts b/types/mssql/mssql-tests.ts
index 4bda996f85..c5e4535e44 100644
--- a/types/mssql/mssql-tests.ts
+++ b/types/mssql/mssql-tests.ts
@@ -26,6 +26,7 @@ var connection: sql.ConnectionPool = new sql.ConnectionPool(config, function (er
         console.warn("Issue with connecting to SQL Server!");
     }
     else {
+        connection.query`SELECT ${1} as value`.then(res => {    });
         var requestQuery = new sql.Request(connection);
 
         var getArticlesQuery = "SELECT * FROM TABLE";
@@ -150,7 +151,6 @@ function test_promise_returns() {
     request.bulk(new sql.Table("table_name")).then(() => { });
     request.query('SELECT 1').then((recordset) => { });
     request.query<Entity>('SELECT 1 as value').then(res => {    });
-    request.query`SELECT ${1} as value`.then(res => {    });
     request.execute('procedure_name').then((recordset) => { });
 }
 

From 90b46feda1171b688c415487c95fca653dc1c180 Mon Sep 17 00:00:00 2001
From: Harurow <Harurow@users.noreply.github.com>
Date: Wed, 3 May 2017 02:35:23 +0900
Subject: [PATCH 142/321] add openIcon, closeIcon properties for CardHeader
 (#16262)

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

diff --git a/types/material-ui/index.d.ts b/types/material-ui/index.d.ts
index 9c815ada38..ce98d40903 100644
--- a/types/material-ui/index.d.ts
+++ b/types/material-ui/index.d.ts
@@ -823,6 +823,8 @@ declare namespace __MaterialUI {
             titleColor?: string;
             titleStyle?: React.CSSProperties;
             className?: string;
+            openIcon?: React.ReactNode;
+            closeIcon?: React.ReactNode;
         }
         export class CardHeader extends React.Component<CardHeaderProps, {}> {
         }

From 550cf1fbeac30dfce9c205a010f59b37663db182 Mon Sep 17 00:00:00 2001
From: Daniel Rosenwasser <Daniel.Rosenwasser@microsoft.com>
Date: Tue, 2 May 2017 11:32:41 -0700
Subject: [PATCH 143/321] Removed inheritance from `React.Props` (which is
 deprecated) as well as explicit `ref` properties.

TypeScript already includes `ref` properties when necessary through the use of
`JSX.IntrinsicClassAttributes` (which is more or less just an alias of `React.ClassAttributes<T>`
inside of React's declaration files).

Our understanding is that having these declarations caused problems in assignability in
scenarios where the 'ref' key in props were not assignable in odd ways.
---
 types/react-native/index.d.ts     | 158 ++++++++++--------------------
 types/react-native/test/index.tsx |  38 ++++++-
 2 files changed, 87 insertions(+), 109 deletions(-)

diff --git a/types/react-native/index.d.ts b/types/react-native/index.d.ts
index fe7602bb9f..9991b51bc7 100644
--- a/types/react-native/index.d.ts
+++ b/types/react-native/index.d.ts
@@ -807,7 +807,7 @@ export interface TextPropertiesAndroid {
 }
 
 // https://facebook.github.io/react-native/docs/text.html#props
-export interface TextProperties extends TextPropertiesIOS, TextPropertiesAndroid, React.Props<TextStatic> {
+export interface TextProperties extends TextPropertiesIOS, TextPropertiesAndroid {
 
     /**
      * When set to `true`, indicates that the view is an accessibility element. The default value
@@ -1040,7 +1040,7 @@ export type ReturnKeyTypeIOS = "default" | "google" | "join" | "route" | "yahoo"
 /**
  * @see https://facebook.github.io/react-native/docs/textinput.html#props
  */
-export interface TextInputProperties extends ViewProperties, TextInputIOSProperties, TextInputAndroidProperties, React.Props<TextInputStatic> {
+export interface TextInputProperties extends ViewProperties, TextInputIOSProperties, TextInputAndroidProperties {
 
     /**
      * Can tell TextInput to automatically capitalize certain characters.
@@ -1202,8 +1202,6 @@ export interface TextInputProperties extends ViewProperties, TextInputIOSPropert
      * or set/update maxLength to prevent unwanted edits without flicker.
      */
     value?: string
-
-    ref?: React.Ref<ViewStatic & TextInputStatic>
 }
 
 /**
@@ -1272,7 +1270,7 @@ export type ToolbarAndroidAction = {
     showWithText?: boolean
 }
 
-export interface ToolbarAndroidProperties extends ViewProperties, React.Props<ToolbarAndroidStatic> {
+export interface ToolbarAndroidProperties extends ViewProperties {
 
     /**
      * Sets possible actions on the toolbar as part of the action menu. These are displayed as icons
@@ -1368,8 +1366,6 @@ export interface ToolbarAndroidProperties extends ViewProperties, React.Props<To
      * Sets the toolbar title color.
      */
     titleColor?: string
-
-    ref?: React.Ref<ToolbarAndroidStatic>
 }
 
 /**
@@ -1632,7 +1628,7 @@ export interface ViewPropertiesAndroid {
 /**
  * @see https://facebook.github.io/react-native/docs/view.html#props
  */
-export interface ViewProperties extends ViewPropertiesAndroid, ViewPropertiesIOS, GestureResponderHandlers, Touchable, React.Props<ViewStatic> {
+export interface ViewProperties extends ViewPropertiesAndroid, ViewPropertiesIOS, GestureResponderHandlers, Touchable {
 
     /**
      * Overrides the text that's read by the screen reader when the user interacts with the element. By default, the
@@ -1850,7 +1846,7 @@ export interface KeyboardAvoidingViewStatic extends TimerMixin, React.ClassicCom
 
 }
 
-export interface KeyboardAvoidingViewProps extends ViewProperties, React.Props<KeyboardAvoidingViewStatic> {
+export interface KeyboardAvoidingViewProps extends ViewProperties {
 
     behavior?: 'height' | 'position' | 'padding'
 
@@ -1864,8 +1860,6 @@ export interface KeyboardAvoidingViewProps extends ViewProperties, React.Props<K
      * may be non-zero in some use cases.
      */
     keyboardVerticalOffset?: number
-
-    ref?: React.Ref<KeyboardAvoidingViewStatic & ViewStatic>
 }
 
 /**
@@ -2009,7 +2003,7 @@ export interface WebViewHtmlSource {
 /**
  * @see https://facebook.github.io/react-native/docs/webview.html#props
  */
-export interface WebViewProperties extends ViewProperties, WebViewPropertiesAndroid, WebViewPropertiesIOS, React.Props<WebViewStatic> {
+export interface WebViewProperties extends ViewProperties, WebViewPropertiesAndroid, WebViewPropertiesIOS {
 
     /**
      * Controls whether to adjust the content inset for web views that are
@@ -2098,8 +2092,6 @@ export interface WebViewProperties extends ViewProperties, WebViewPropertiesAndr
      * sets whether the webpage scales to fit the view and the user can change the scale
      */
     scalesPageToFit?: boolean
-
-    ref?: React.Ref<WebViewStatic & ViewStatic>
 }
 
 
@@ -2147,7 +2139,7 @@ export interface NativeSegmentedControlIOSChangeEvent {
     target: number
 }
 
-export interface SegmentedControlIOSProperties extends ViewProperties, React.Props<SegmentedControlIOSStatic> {
+export interface SegmentedControlIOSProperties extends ViewProperties {
 
     /**
      * If false the user won't be able to interact with the control. Default value is true.
@@ -2187,8 +2179,6 @@ export interface SegmentedControlIOSProperties extends ViewProperties, React.Pro
      * The labels for the control's segment buttons, in order.
      */
     values?: string[]
-
-    ref?: React.Ref<SegmentedControlIOSStatic>
 }
 
 /**
@@ -2216,7 +2206,7 @@ export interface SegmentedControlIOSStatic extends NativeMethodsMixin, React.Cla
 }
 
 
-export interface NavigatorIOSProperties extends React.Props<NavigatorIOSStatic> {
+export interface NavigatorIOSProperties {
     /**
      * The default background color of the navigation bar.
      */
@@ -2340,7 +2330,7 @@ export interface NavigatorIOSStatic extends NavigationIOS, React.ComponentClass<
 /**
  * @see https://facebook.github.io/react-native/docs/activityindicator.html#props
  */
-export interface ActivityIndicatorProperties extends ViewProperties, React.Props<ActivityIndicatorStatic> {
+export interface ActivityIndicatorProperties extends ViewProperties {
 
     /**
      * Whether to show the indicator (true, the default) or hide it (false).
@@ -2366,8 +2356,6 @@ export interface ActivityIndicatorProperties extends ViewProperties, React.Props
     size?: number | 'small' | 'large'
 
     style?: ViewStyle
-
-    ref?: React.Ref<ActivityIndicatorStatic>
 }
 
 export interface ActivityIndicatorStatic extends NativeMethodsMixin, React.ClassicComponentClass<ActivityIndicatorProperties> {
@@ -2377,7 +2365,7 @@ export interface ActivityIndicatorStatic extends NativeMethodsMixin, React.Class
 /**
  * @see https://facebook.github.io/react-native/docs/activityindicatorios.html#props
  */
-export interface ActivityIndicatorIOSProperties extends ViewProperties, React.Props<ActivityIndicatorIOSStatic> {
+export interface ActivityIndicatorIOSProperties extends ViewProperties {
 
     /**
      * Whether to show the indicator (true, the default) or hide it (false).
@@ -2408,8 +2396,6 @@ export interface ActivityIndicatorIOSProperties extends ViewProperties, React.Pr
     size?: 'small' | 'large'
 
     style?: ViewStyle
-
-    ref?: React.Ref<ActivityIndicatorIOSStatic>
 }
 
 /**
@@ -2419,7 +2405,7 @@ export interface ActivityIndicatorIOSStatic extends React.ComponentClass<Activit
 }
 
 
-export interface DatePickerIOSProperties extends ViewProperties, React.Props<DatePickerIOSStatic> {
+export interface DatePickerIOSProperties extends ViewProperties {
 
     /**
      * The currently selected date.
@@ -2464,8 +2450,6 @@ export interface DatePickerIOSProperties extends ViewProperties, React.Props<Dat
      * For instance, to show times in Pacific Standard Time, pass -7 * 60.
      */
     timeZoneOffsetInMinutes?: number
-
-    ref?: React.Ref<DatePickerIOSStatic & ViewStatic>
 }
 
 export interface DatePickerIOSStatic extends NativeMethodsMixin, React.ComponentClass<DatePickerIOSProperties> {
@@ -2477,7 +2461,7 @@ export interface DrawerSlideEvent extends NativeSyntheticEvent<NativeTouchEvent>
 /**
  * @see DrawerLayoutAndroid.android.js
  */
-export interface DrawerLayoutAndroidProperties extends ViewProperties, React.Props<DrawerLayoutAndroidStatic> {
+export interface DrawerLayoutAndroidProperties extends ViewProperties {
 
     /**
      * Specifies the background color of the drawer. The default value
@@ -2567,8 +2551,6 @@ export interface DrawerLayoutAndroidProperties extends ViewProperties, React.Pro
      * only have an effect on API 21+.
      */
     statusBarBackgroundColor?: string
-
-    ref?: React.Ref<DrawerLayoutAndroidStatic & ViewStatic>
 }
 
 interface DrawerPosition {
@@ -2597,7 +2579,7 @@ export interface DrawerLayoutAndroidStatic extends NativeMethodsMixin, React.Cla
 /**
  * @see PickerIOS.ios.js
  */
-export interface PickerIOSItemProperties extends React.Props<PickerIOSItemStatic> {
+export interface PickerIOSItemProperties {
     value?: string | number
     label?: string
 }
@@ -2611,7 +2593,7 @@ export interface PickerIOSItemStatic extends React.ComponentClass<PickerIOSItemP
 /**
  * @see Picker.js
  */
-export interface PickerItemProperties extends React.Props<PickerItem> {
+export interface PickerItemProperties {
     testID?: string
     color?: string
     label: string
@@ -2621,18 +2603,16 @@ export interface PickerItemProperties extends React.Props<PickerItem> {
 export interface PickerItem extends React.ComponentClass<PickerItemProperties> {
 }
 
-export interface PickerPropertiesIOS extends ViewProperties, React.Props<PickerStatic> {
+export interface PickerPropertiesIOS extends ViewProperties {
 
     /**
      * Style to apply to each of the item labels.
      * @platform ios
      */
     itemStyle?: ViewStyle,
-
-    ref?: React.Ref<PickerStatic & ViewStatic>
 }
 
-export interface PickerPropertiesAndroid extends ViewProperties, React.Props<PickerStatic> {
+export interface PickerPropertiesAndroid extends ViewProperties {
 
     /**
      * If set to false, the picker will be disabled, i.e. the user will not be able to make a
@@ -2656,15 +2636,13 @@ export interface PickerPropertiesAndroid extends ViewProperties, React.Props<Pic
      * @platform android
      */
     prompt?: string
-
-    ref?: React.Ref<PickerStatic & ViewStatic>
 }
 
 /**
  * @see https://facebook.github.io/react-native/docs/picker.html
  * @see Picker.js
  */
-export interface PickerProperties extends PickerPropertiesIOS, PickerPropertiesAndroid, React.Props<PickerStatic> {
+export interface PickerProperties extends PickerPropertiesIOS, PickerPropertiesAndroid {
 
     /**
      * Callback for when an item is selected. This is called with the
@@ -2688,8 +2666,6 @@ export interface PickerProperties extends PickerPropertiesIOS, PickerPropertiesA
      * Used to locate this view in end-to-end tests.
      */
     testId?: string
-
-    ref?: React.Ref<PickerStatic>
 }
 
 /**
@@ -2714,13 +2690,11 @@ export interface PickerStatic extends React.ComponentClass<PickerProperties> {
  * @see https://facebook.github.io/react-native/docs/pickerios.html
  * @see PickerIOS.ios.js
  */
-export interface PickerIOSProperties extends ViewProperties, React.Props<PickerIOSStatic> {
+export interface PickerIOSProperties extends ViewProperties {
 
     itemStyle?: TextStyle
     onValueChange?: ( value: string | number ) => void
     selectedValue?: string | number
-
-    ref?: React.Ref<PickerIOSStatic & ViewStatic>
 }
 
 /**
@@ -2736,7 +2710,7 @@ export interface PickerIOSStatic extends NativeMethodsMixin, React.ClassicCompon
  * @see https://facebook.github.io/react-native/docs/progressbarandroid.html
  * @see ProgressBarAndroid.android.js
  */
-export interface ProgressBarAndroidProperties extends ViewProperties, React.Props<ProgressBarAndroidStatic> {
+export interface ProgressBarAndroidProperties extends ViewProperties {
 
     /**
      * Style of the ProgressBar. One of:
@@ -2770,8 +2744,6 @@ export interface ProgressBarAndroidProperties extends ViewProperties, React.Prop
      * Used to locate this view in end-to-end tests.
      */
     testID?: string
-
-    ref?: React.Ref<ProgressBarAndroidStatic>
 }
 /**
  * React component that wraps the Android-only `ProgressBar`. This component is used to indicate
@@ -2784,7 +2756,7 @@ export interface ProgressBarAndroidStatic extends NativeMethodsMixin, React.Clas
  * @see https://facebook.github.io/react-native/docs/progressviewios.html
  * @see ProgressViewIOS.ios.js
  */
-export interface ProgressViewIOSProperties extends ViewProperties, React.Props<ProgressViewIOSStatic> {
+export interface ProgressViewIOSProperties extends ViewProperties {
 
     /**
      * The progress bar style.
@@ -2815,13 +2787,11 @@ export interface ProgressViewIOSProperties extends ViewProperties, React.Props<P
      * A stretchable image to display behind the progress bar.
      */
     trackImage?: ImageURISource | ImageURISource[]
-
-    ref?: React.Ref<ProgressViewIOSStatic>
 }
 export interface ProgressViewIOSStatic extends NativeMethodsMixin, React.ClassicComponentClass<ProgressViewIOSProperties> {
 }
 
-export interface RefreshControlPropertiesIOS extends ViewProperties, React.Props<RefreshControlStatic> {
+export interface RefreshControlPropertiesIOS extends ViewProperties {
 
     /**
      * The color of the refresh indicator.
@@ -2837,11 +2807,9 @@ export interface RefreshControlPropertiesIOS extends ViewProperties, React.Props
      * Title color.
      */
     titleColor?: string
-
-    ref?: React.Ref<RefreshControlStatic & ViewStatic>
 }
 
-export interface RefreshControlPropertiesAndroid extends ViewProperties, React.Props<RefreshControlStatic> {
+export interface RefreshControlPropertiesAndroid extends ViewProperties {
 
     /**
      * The colors (at least one) that will be used to draw the refresh indicator.
@@ -2868,11 +2836,9 @@ export interface RefreshControlPropertiesAndroid extends ViewProperties, React.P
      * @platform android
      */
     progressViewOffset?: number
-
-    ref?: React.Ref<RefreshControlStatic & ViewStatic>
 }
 
-export interface RefreshControlProperties extends RefreshControlPropertiesIOS, RefreshControlPropertiesAndroid, React.Props<RefreshControl> {
+export interface RefreshControlProperties extends RefreshControlPropertiesIOS, RefreshControlPropertiesAndroid {
 
     /**
      * Called when the view starts refreshing.
@@ -2883,8 +2849,6 @@ export interface RefreshControlProperties extends RefreshControlPropertiesIOS, R
      * Whether the view should be indicating an active refresh.
      */
     refreshing: boolean
-
-    ref?: React.Ref<RefreshControlStatic>
 }
 
 /**
@@ -2899,8 +2863,7 @@ export interface RefreshControlStatic extends NativeMethodsMixin, React.ClassicC
     SIZE: Object // Undocumented
 }
 
-export interface RecyclerViewBackedScrollViewProperties extends ScrollViewProperties, React.Props<RecyclerViewBackedScrollViewStatic> {
-    ref?: React.Ref<RecyclerViewBackedScrollViewProperties & ScrollViewProperties>
+export interface RecyclerViewBackedScrollViewProperties extends ScrollViewProperties {
 }
 
 /**
@@ -2945,7 +2908,7 @@ export interface RecyclerViewBackedScrollViewStatic extends ScrollResponderMixin
     getScrollResponder(): JSX.Element;
 }
 
-export interface SliderPropertiesIOS extends ViewProperties, React.Props<SliderStatic> {
+export interface SliderPropertiesIOS extends ViewProperties {
 
     /**
      * Assigns a maximum track image. Only static images are supported.
@@ -2982,11 +2945,9 @@ export interface SliderPropertiesIOS extends ViewProperties, React.Props<SliderS
      * to fill the track.
      */
     trackImage?: ImageURISource
-
-    ref?: React.Ref<SliderStatic>
 }
 
-export interface SliderProperties extends SliderPropertiesIOS, React.Props<SliderStatic> {
+export interface SliderProperties extends SliderPropertiesIOS {
 
     /**
      * If true the user won't be able to move the slider.
@@ -3051,7 +3012,7 @@ export interface SliderStatic extends NativeMethodsMixin, React.ClassicComponent
 /**
  * https://facebook.github.io/react-native/docs/switchios.html#props
  */
-export interface SwitchIOSProperties extends ViewProperties, React.Props<SwitchIOSStatic> {
+export interface SwitchIOSProperties extends ViewProperties {
 
     /**
      * If true the user won't be able to toggle the switch. Default value is false.
@@ -3082,8 +3043,6 @@ export interface SwitchIOSProperties extends ViewProperties, React.Props<SwitchI
      * The value of the switch, if true the switch will be turned on. Default value is false.
      */
     value?: boolean
-
-    ref?: React.Ref<SwitchIOSStatic>
 }
 
 /**
@@ -3293,7 +3252,7 @@ interface ImagePropertiesAndroid {
 /**
  * @see https://facebook.github.io/react-native/docs/image.html
  */
-export interface ImageProperties extends ImagePropertiesIOS, ImagePropertiesAndroid, React.Props<Image> {
+export interface ImageProperties extends ImagePropertiesIOS, ImagePropertiesAndroid {
     /**
      * onLayout function
      *
@@ -3448,7 +3407,7 @@ export interface ViewabilityConfig {
 /**
  * @see https://facebook.github.io/react-native/docs/flatlist.html#props
  */
-export interface FlatListProperties<ItemT> extends React.Props<FlatListStatic<ItemT>> {
+export interface FlatListProperties<ItemT> {
 
     /**
      * Rendered in between each item, but not at the top or bottom
@@ -3558,8 +3517,6 @@ export interface FlatListProperties<ItemT> extends React.Props<FlatListStatic<It
      * See `ViewabilityHelper` for flow type and further documentation.
      */
     viewabilityConfig?: any
-
-    ref?: React.Ref<FlatListStatic<ItemT> & ViewStatic>
 }
 
 export interface FlatListStatic<ItemT> extends React.ComponentClass<FlatListProperties<ItemT>> {
@@ -3687,7 +3644,7 @@ export interface SectionListStatic<SectionT> extends React.ComponentClass<Sectio
 /**
  * @see https://facebook.github.io/react-native/docs/listview.html#props
  */
-export interface ListViewProperties extends ScrollViewProperties, React.Props<ListViewStatic> {
+export interface ListViewProperties extends ScrollViewProperties {
 
     /**
      * An instance of [ListView.DataSource](docs/listviewdatasource.html) to use
@@ -3816,8 +3773,6 @@ export interface ListViewProperties extends ScrollViewProperties, React.Props<Li
      * @platform ios
      */
     stickyHeaderIndices?: number[]
-
-    ref?: React.Ref<ListViewStatic & ScrollViewStatic & ViewStatic>
 }
 
 
@@ -3897,7 +3852,7 @@ export interface MapViewOverlay {
     id?: string
 }
 
-export interface MapViewProperties extends ViewProperties, React.Props<MapViewStatic> {
+export interface MapViewProperties extends ViewProperties {
 
     /**
      * If false points of interest won't be displayed on the map.
@@ -4018,8 +3973,6 @@ export interface MapViewProperties extends ViewProperties, React.Props<MapViewSt
      * Default value is true.
      */
     zoomEnabled?: boolean
-
-    ref?: React.Ref<MapViewStatic & ViewStatic>
 }
 
 /**
@@ -4033,7 +3986,7 @@ export interface MapViewStatic extends NativeMethodsMixin, React.ComponentClass<
     }
 }
 
-export interface ModalProperties extends React.Props<ModalStatic> {
+export interface ModalProperties {
 
     // Only `animated` is documented. The JS code says `animated` is
     // deprecated and `animationType` is preferred.
@@ -4262,7 +4215,7 @@ export interface TouchableWithoutFeedbackProperties extends TouchableWithoutFeed
 }
 
 
-export interface TouchableWithoutFeedbackProps extends TouchableWithoutFeedbackProperties, React.Props<TouchableWithoutFeedbackStatic> {
+export interface TouchableWithoutFeedbackProps extends TouchableWithoutFeedbackProperties {
 
 }
 
@@ -4280,7 +4233,7 @@ export interface TouchableWithoutFeedbackStatic extends TimerMixin, TouchableMix
 /**
  * @see https://facebook.github.io/react-native/docs/touchablehighlight.html#props
  */
-export interface TouchableHighlightProperties extends TouchableWithoutFeedbackProperties, React.Props<TouchableHighlightStatic> {
+export interface TouchableHighlightProperties extends TouchableWithoutFeedbackProperties {
 
     /**
      * Determines what the opacity of the wrapped view should be when touch is active.
@@ -4330,7 +4283,7 @@ export interface TouchableHighlightStatic extends NativeMethodsMixin, TimerMixin
 /**
  * @see https://facebook.github.io/react-native/docs/touchableopacity.html#props
  */
-export interface TouchableOpacityProperties extends TouchableWithoutFeedbackProperties, React.Props<TouchableOpacityStatic> {
+export interface TouchableOpacityProperties extends TouchableWithoutFeedbackProperties {
     /**
      * Determines what the opacity of the wrapped view should be when touch is active.
      * Defaults to 0.2
@@ -4373,7 +4326,7 @@ type BackgroundPropType = RippleBackgroundPropType | ThemeAttributeBackgroundPro
 /**
  * @see https://facebook.github.io/react-native/docs/touchableopacity.html#props
  */
-export interface TouchableNativeFeedbackProperties extends TouchableWithoutFeedbackProperties, React.Props<TouchableNativeFeedbackStatic> {
+export interface TouchableNativeFeedbackProperties extends TouchableWithoutFeedbackProperties {
     /**
      * Determines the type of background drawable that's going to be used to display feedback.
      * It takes an object with type property and extra data depending on the type.
@@ -4523,7 +4476,7 @@ export interface Route {
 /**
  * @see https://facebook.github.io/react-native/docs/navigator.html#content
  */
-export interface NavigatorProperties extends React.Props<Navigator> {
+export interface NavigatorProperties {
     /**
      * Optional function that allows configuration about scene animations and gestures.
      * Will be invoked with `route` and `routeStack` parameters, where `route`
@@ -4771,7 +4724,7 @@ export namespace NavigatorStatic {
     /**
      * @see NavigatorNavigationBar.js
      */
-    export interface NavigationBarProperties extends React.Props<NavigationBarStatic> {
+    export interface NavigationBarProperties {
         navigator?: Navigator
         routeMapper?: NavigationBarRouteMapper
         navState?: NavState
@@ -4810,7 +4763,7 @@ export namespace NavigatorStatic {
     /**
      * @see NavigatorNavigationBar.js
      */
-    export interface BreadcrumbNavigationBarProperties extends React.Props<BreadcrumbNavigationBarStatic> {
+    export interface BreadcrumbNavigationBarProperties {
         navigator?: Navigator
         routeMapper?: BreadcrumbNavigationBarRouteMapper
         navState?: NavState
@@ -5123,7 +5076,7 @@ export interface ListViewDataSource {
 /**
  * @see https://facebook.github.io/react-native/docs/tabbarios-item.html#props
  */
-export interface TabBarItemProperties extends ViewProperties, React.Props<TabBarItemStatic> {
+export interface TabBarItemProperties extends ViewProperties {
 
     /**
      * Little red bubble that sits at the top right of the icon.
@@ -5175,8 +5128,6 @@ export interface TabBarItemProperties extends ViewProperties, React.Props<TabBar
      * Text that appears under the icon. It is ignored when a system icon is defined.
      */
     title?: string
-
-    ref?: React.Ref<TabBarItemStatic & ViewStatic>
 }
 
 export interface TabBarItemStatic extends React.ComponentClass<TabBarItemProperties> {
@@ -5185,7 +5136,7 @@ export interface TabBarItemStatic extends React.ComponentClass<TabBarItemPropert
 /**
  * @see https://facebook.github.io/react-native/docs/tabbarios.html#props
  */
-export interface TabBarIOSProperties extends ViewProperties, React.Props<TabBarIOSStatic> {
+export interface TabBarIOSProperties extends ViewProperties {
 
     /**
      * Background color of the tab bar
@@ -5217,8 +5168,6 @@ export interface TabBarIOSProperties extends ViewProperties, React.Props<TabBarI
      * Color of text on unselected tabs
      */
     unselectedTintColor?: string
-
-    ref?: React.Ref<TabBarIOSStatic & ViewStatic>
 }
 
 export interface TabBarIOSStatic extends React.ComponentClass<TabBarIOSProperties> {
@@ -5868,7 +5817,7 @@ export interface ScrollViewPropertiesAndroid {
     overScrollMode?: 'auto' | 'always' | 'never'
 }
 
-export interface ScrollViewProperties extends ViewProperties, ScrollViewPropertiesIOS, ScrollViewPropertiesAndroid, Touchable, React.Props<ScrollViewStatic> {
+export interface ScrollViewProperties extends ViewProperties, ScrollViewPropertiesIOS, ScrollViewPropertiesAndroid, Touchable {
 
     /**
      * These styles will be applied to the scroll view content container which
@@ -5985,12 +5934,9 @@ export interface ScrollViewProperties extends ViewProperties, ScrollViewProperti
      * functionality for the ScrollView.
      */
     refreshControl?: React.ReactElement<RefreshControlProperties>
-
-    ref?: React.Ref<ScrollViewStatic & ViewStatic>
 }
 
-export interface ScrollViewProps extends ScrollViewProperties, React.Props<ScrollViewStatic> {
-    ref?: React.Ref<ScrollViewStatic>
+export interface ScrollViewProps extends ScrollViewProperties {
 }
 
 interface ScrollViewStatic extends ScrollResponderMixin, React.ComponentClass<ScrollViewProps> {
@@ -6064,15 +6010,13 @@ export interface NativeScrollEvent {
     zoomScale: number;
 }
 
-export interface SnapshotViewIOSProperties extends ViewProperties, React.Props<SnapshotViewIOSStatic> {
+export interface SnapshotViewIOSProperties extends ViewProperties {
 
     // A callback when the Snapshot view is ready to be compared
     onSnapshotReady(): any,
 
     // A name to identify the individual instance to the SnapshotView
     testIdentifier: string,
-
-    ref?: React.Ref<ViewStatic & SnapshotViewIOSStatic>
 }
 
 export interface SnapshotViewIOSStatic extends NativeMethodsMixin, React.ComponentClass<SnapshotViewIOSProperties> {}
@@ -6098,7 +6042,7 @@ export interface SwipeableListViewDataSource {
     setOpenRowID(rowID: string): SwipeableListViewDataSource
 }
 
-export interface SwipeableListViewProps extends React.Props<SwipeableListViewStatic> {
+export interface SwipeableListViewProps {
 
     /**
      * To alert the user that swiping is possible, the first row can bounce
@@ -7253,7 +7197,7 @@ export type StatusBarStyle = "default" | "light-content"
  */
 export type StatusBarAnimation = "none" | "fade" | "slide"
 
-export interface StatusBarPropertiesIOS extends React.Props<StatusBarStatic> {
+export interface StatusBarPropertiesIOS {
     /**
      * Sets the color of the status bar text.
      */
@@ -7271,7 +7215,7 @@ export interface StatusBarPropertiesIOS extends React.Props<StatusBarStatic> {
     showHideTransition?: "fade" | "slide"
 }
 
-export interface StatusBarPropertiesAndroid extends React.Props<StatusBarStatic> {
+export interface StatusBarPropertiesAndroid {
     /**
      * The background color of the status bar.
      */
@@ -7285,7 +7229,7 @@ export interface StatusBarPropertiesAndroid extends React.Props<StatusBarStatic>
     translucent?: boolean
 }
 
-export interface StatusBarProperties extends StatusBarPropertiesIOS, StatusBarPropertiesAndroid, React.Props<StatusBarStatic> {
+export interface StatusBarProperties extends StatusBarPropertiesIOS, StatusBarPropertiesAndroid {
 
     /**
      * If the transition between status bar property changes should be
@@ -7517,7 +7461,7 @@ export interface UIManagerStatic {
     ): void;
 }
 
-export interface SwitchPropertiesIOS extends ViewProperties, React.Props<SwitchStatic> {
+export interface SwitchPropertiesIOS extends ViewProperties {
 
     /**
      * Background color when the switch is turned on.
@@ -7533,11 +7477,9 @@ export interface SwitchPropertiesIOS extends ViewProperties, React.Props<SwitchS
      * Background color when the switch is turned off.
      */
     tintColor?: string
-
-    ref?: React.Ref<SwitchStatic>
 }
 
-export interface SwitchProperties extends SwitchPropertiesIOS, React.Props<SwitchStatic> {
+export interface SwitchProperties extends SwitchPropertiesIOS {
 
     /**
      * If true the user won't be able to toggle the switch.
diff --git a/types/react-native/test/index.tsx b/types/react-native/test/index.tsx
index 480fa9c486..6c22c0597a 100644
--- a/types/react-native/test/index.tsx
+++ b/types/react-native/test/index.tsx
@@ -18,16 +18,22 @@ import {
     BackAndroid,
     Dimensions,
     InteractionManager,
+    ListView,
+    ListViewDataSource,
     StyleSheet,
     Systrace,
     Text,
     TextStyle,
+    TextProperties,
     View,
     ViewStyle,
     ViewPagerAndroid,
     FlatList,
     SectionList,
-    findNodeHandle
+    findNodeHandle,
+    ScrollView,
+    ScrollViewProps,
+    RefreshControl,
 } from 'react-native';
 
 function testDimensions() {
@@ -219,3 +225,33 @@ export class SectionListTest {
         />
     }
 }
+
+export class CapsLockComponent extends React.Component<TextProperties, {}> {
+    render() {
+        const content = (this.props.children || "") as string
+        return (
+            <Text {...this.props} >
+                {content.toUpperCase()}
+            </Text>
+        )
+    }
+}
+
+class ScrollerListComponentTest extends React.Component<{}, { dataSource: ListViewDataSource}> {
+    render() {
+        return (
+            <ListView dataSource={this.state.dataSource}
+                renderScrollComponent={(props) => {
+                    if (props.scrollEnabled) {
+                        throw new Error("Expected scroll to be enabled.")
+                    }
+
+                    return <ScrollView {...props} />
+                }}
+                renderRow={({ type, data }, _, row: number) => {
+                    return <Text>Filler</Text>
+                }
+            } />
+        )
+    }
+}

From 455e6bb9c057979b16c7a56c7b9c03e5c919ff24 Mon Sep 17 00:00:00 2001
From: frodehansen2 <Frode.Hansen@utdanningsdirektoratet.no>
Date: Wed, 3 May 2017 16:23:54 +0200
Subject: [PATCH 144/321] react-widgets: Add combobox placeholder (#16288)

* react-widgets: add combobox placeholder

* Add name to definitions by
---
 types/react-widgets/index.d.ts              | 2 +-
 types/react-widgets/lib/Combobox.d.ts       | 5 +++++
 types/react-widgets/react-widgets-tests.tsx | 2 +-
 3 files changed, 7 insertions(+), 2 deletions(-)

diff --git a/types/react-widgets/index.d.ts b/types/react-widgets/index.d.ts
index 13d6c6cbe8..6cea9d195b 100644
--- a/types/react-widgets/index.d.ts
+++ b/types/react-widgets/index.d.ts
@@ -1,6 +1,6 @@
 // Type definitions for react-widgets 3.2
 // Project: https://github.com/jquense/react-widgets
-// Definitions by: Rogier Schouten <https://github.com/rogierschouten/>, Balázs Sándor <https://github.com/sanyatuning>
+// Definitions by: Rogier Schouten <https://github.com/rogierschouten/>, Balázs Sándor <https://github.com/sanyatuning>, Frode Hansen <https://github.com/frodehansen2>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 // TypeScript Version: 2.1
 
diff --git a/types/react-widgets/lib/Combobox.d.ts b/types/react-widgets/lib/Combobox.d.ts
index 79ac6272ec..473919f31d 100644
--- a/types/react-widgets/lib/Combobox.d.ts
+++ b/types/react-widgets/lib/Combobox.d.ts
@@ -73,6 +73,11 @@ interface ComboBoxProps extends ReactWidgetsCommonDropdownProps<ComboBoxClass> {
      * the groupBy value will be used.
      */
     groupComponent?: React.ReactType;
+    /**
+     * The same as an input placeholder, only works in browsers that support the placeholder
+     * attribute for inputs
+     */
+    placeholder?: string;
     /**
      * When true the Combobox will suggest, or fill in, values as you type. The suggestions are
      * always "startsWith", meaning it will search from the start of the textField property
diff --git a/types/react-widgets/react-widgets-tests.tsx b/types/react-widgets/react-widgets-tests.tsx
index 8efd554299..53ee0dd7f8 100644
--- a/types/react-widgets/react-widgets-tests.tsx
+++ b/types/react-widgets/react-widgets-tests.tsx
@@ -47,7 +47,7 @@ class Test extends React.Component<React.Props<{}>, {}> {
             </div>
             <div>
                 <Calendar disabled readOnly />
-                <Combobox disabled readOnly dropUp />
+                <Combobox disabled readOnly dropUp placeholder={'Some text'}/>
                 <DateTimePicker disabled readOnly dropUp />
                 <DropdownList disabled readOnly dropUp />
                 <Multiselect disabled readOnly dropUp />

From b746bd969d8bdc24e6e3be9646a5fe6b28df8bff Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Martynas=20=C5=BDilinskas?= <martiogalaltu@gmail.com>
Date: Wed, 3 May 2017 17:31:29 +0300
Subject: [PATCH 145/321] [enzyme] Added missing methods and deprecation
 warning on method. (#16275)

* Added getNode and getNodes in CommonWrapper w/ tests.

* Added getDOMNode in CommonWrapper w/ tests.

* Added slice in CommonWrapper w/ tests.

* Added tap in CommonWrapper w/ tests.

* Deprecation on isEmpty method.

* Updated dts header.
---
 types/enzyme/enzyme-tests.tsx | 84 +++++++++++++++++++++++++++--------
 types/enzyme/index.d.ts       | 35 +++++++++++++--
 2 files changed, 97 insertions(+), 22 deletions(-)

diff --git a/types/enzyme/enzyme-tests.tsx b/types/enzyme/enzyme-tests.tsx
index 7118fd4403..2dc9e98c87 100644
--- a/types/enzyme/enzyme-tests.tsx
+++ b/types/enzyme/enzyme-tests.tsx
@@ -1,6 +1,6 @@
 import * as React from "react";
-import {shallow, mount, render, ShallowWrapper, ReactWrapper} from "enzyme";
-import {Component, ReactElement, HTMLAttributes, ComponentClass, StatelessComponent} from "react";
+import { shallow, mount, render, ShallowWrapper, ReactWrapper } from "enzyme";
+import { Component, ReactElement, HTMLAttributes, ComponentClass, StatelessComponent } from "react";
 
 // Help classes/interfaces
 interface MyComponentProps {
@@ -27,9 +27,11 @@ const MyStatelessComponent = (props: StatelessProps) => <span />;
 // ShallowWrapper
 function ShallowWrapperTest() {
     let shallowWrapper: ShallowWrapper<MyComponentProps, MyComponentState> =
-        shallow<MyComponentProps, MyComponentState>(<MyComponent stringProp="value"/>);
+        shallow<MyComponentProps, MyComponentState>(<MyComponent stringProp="value" />);
 
     let reactElement: ReactElement<any>;
+    let reactElements: Array<ReactElement<any>>;
+    let domElement: Element;
     let boolVal: boolean;
     let stringVal: string;
     let numOrStringVal: number | string;
@@ -44,7 +46,7 @@ function ShallowWrapperTest() {
     }
 
     function test_shallow_options() {
-        shallow(<MyComponent stringProp="1"/>, {
+        shallow(<MyComponent stringProp="1" />, {
             context: {
                 test: "a",
             },
@@ -80,19 +82,19 @@ function ShallowWrapperTest() {
     }
 
     function test_contains() {
-        boolVal = shallowWrapper.contains(<div className="foo bar"/>);
+        boolVal = shallowWrapper.contains(<div className="foo bar" />);
     }
 
     function test_containsMatchingElement() {
-        boolVal = shallowWrapper.contains(<div className="foo bar"/>);
+        boolVal = shallowWrapper.contains(<div className="foo bar" />);
     }
 
     function test_containsAllMatchingElements() {
-        boolVal = shallowWrapper.containsAllMatchingElements([<div className="foo bar"/>]);
+        boolVal = shallowWrapper.containsAllMatchingElements([<div className="foo bar" />]);
     }
 
     function test_containsAnyMatchingElement() {
-        boolVal = shallowWrapper.containsAnyMatchingElements([<div className="foo bar"/>]);
+        boolVal = shallowWrapper.containsAnyMatchingElements([<div className="foo bar" />]);
     }
 
     function test_dive() {
@@ -104,15 +106,15 @@ function ShallowWrapperTest() {
             bar: any;
         }
 
-        const diveWrapper: ShallowWrapper<TmpProps, TmpState> = shallowWrapper.dive<TmpProps, TmpState>({ context: { foobar: 'barfoo' }});
+        const diveWrapper: ShallowWrapper<TmpProps, TmpState> = shallowWrapper.dive<TmpProps, TmpState>({ context: { foobar: 'barfoo' } });
     }
 
     function test_equals() {
-        boolVal = shallowWrapper.equals(<div className="foo bar"/>);
+        boolVal = shallowWrapper.equals(<div className="foo bar" />);
     }
 
     function test_matchesElement() {
-        boolVal = shallowWrapper.matchesElement(<div className="foo bar"/>);
+        boolVal = shallowWrapper.matchesElement(<div className="foo bar" />);
     }
 
     function test_hasClass() {
@@ -196,6 +198,18 @@ function ShallowWrapperTest() {
         reactElement = shallowWrapper.get(1);
     }
 
+    function test_getNode() {
+        reactElement = shallowWrapper.getNode();
+    }
+
+    function test_getNodes() {
+        reactElements = shallowWrapper.getNodes();
+    }
+
+    function test_getDOMNode() {
+        domElement = shallowWrapper.getDOMNode();
+    }
+
     function test_at() {
         shallowWrapper = shallowWrapper.at(1);
     }
@@ -208,6 +222,15 @@ function ShallowWrapperTest() {
         shallowWrapper = shallowWrapper.last();
     }
 
+    function test_slice() {
+        shallowWrapper = shallowWrapper.slice(1);
+        shallowWrapper = shallowWrapper.slice(1, 3);
+    }
+
+    function test_tap() {
+        shallowWrapper.tap((intercepter) => { });
+    }
+
     function test_state() {
         const state: MyComponentState = shallowWrapper.state();
         const prop: string = shallowWrapper.state('stateProperty');
@@ -333,9 +356,11 @@ function ShallowWrapperTest() {
 // ReactWrapper
 function ReactWrapperTest() {
     let reactWrapper: ReactWrapper<MyComponentProps, MyComponentState> =
-        mount<MyComponentProps, MyComponentState>(<MyComponent stringProp="value"/>);
+        mount<MyComponentProps, MyComponentState>(<MyComponent stringProp="value" />);
 
     let reactElement: ReactElement<any>;
+    let reactElements: Array<ReactElement<any>>;
+    let domElement: Element;
     let boolVal: boolean;
     let stringVal: string;
     let elementWrapper: ReactWrapper<HTMLAttributes<{}>, {}>;
@@ -355,7 +380,7 @@ function ReactWrapperTest() {
     function test_mount() {
         reactWrapper = reactWrapper.mount();
 
-        mount(<MyComponent stringProp='1'/>, {
+        mount(<MyComponent stringProp='1' />, {
             attachTo: document.getElementById('test'),
             context: {
                 a: "b"
@@ -409,27 +434,27 @@ function ReactWrapperTest() {
     }
 
     function test_contains() {
-        boolVal = reactWrapper.contains(<div className="foo bar"/>);
+        boolVal = reactWrapper.contains(<div className="foo bar" />);
     }
 
     function test_containsMatchingElement() {
-        boolVal = reactWrapper.contains(<div className="foo bar"/>);
+        boolVal = reactWrapper.contains(<div className="foo bar" />);
     }
 
     function test_containsAllMatchingElements() {
-        boolVal = reactWrapper.containsAllMatchingElements([<div className="foo bar"/>]);
+        boolVal = reactWrapper.containsAllMatchingElements([<div className="foo bar" />]);
     }
 
     function test_containsAnyMatchingElement() {
-        boolVal = reactWrapper.containsAnyMatchingElements([<div className="foo bar"/>]);
+        boolVal = reactWrapper.containsAnyMatchingElements([<div className="foo bar" />]);
     }
 
     function test_equals() {
-        boolVal = reactWrapper.equals(<div className="foo bar"/>);
+        boolVal = reactWrapper.equals(<div className="foo bar" />);
     }
 
     function test_matchesElement() {
-        boolVal = reactWrapper.matchesElement(<div className="foo bar"/>);
+        boolVal = reactWrapper.matchesElement(<div className="foo bar" />);
     }
 
     function test_hasClass() {
@@ -501,6 +526,18 @@ function ReactWrapperTest() {
         reactElement = reactWrapper.get(1);
     }
 
+    function test_getNode() {
+        reactElement = reactWrapper.getNode();
+    }
+
+    function test_getNodes() {
+        reactElements = reactWrapper.getNodes();
+    }
+
+    function test_getDOMNode() {
+        domElement = reactWrapper.getDOMNode();
+    }
+
     function test_at() {
         reactWrapper = reactWrapper.at(1);
     }
@@ -513,6 +550,15 @@ function ReactWrapperTest() {
         reactWrapper = reactWrapper.last();
     }
 
+    function test_slice() {
+        reactWrapper = reactWrapper.slice(1);
+        reactWrapper = reactWrapper.slice(1, 3);
+    }
+
+    function test_tap() {
+        reactWrapper.tap((intercepter) => { });
+    }
+
     function test_state() {
         const state: MyComponentState = reactWrapper.state();
         const prop: string = reactWrapper.state('stateProperty');
diff --git a/types/enzyme/index.d.ts b/types/enzyme/index.d.ts
index abd40975be..721895e522 100644
--- a/types/enzyme/index.d.ts
+++ b/types/enzyme/index.d.ts
@@ -1,4 +1,4 @@
-// Type definitions for Enzyme 2.7
+// Type definitions for Enzyme 2.8
 // Project: https://github.com/airbnb/enzyme
 // Definitions by: Marian Palkus <https://github.com/MarianPalkus>
 //                 Cap3 <http://www.cap3.de>
@@ -6,6 +6,7 @@
 //                 Tom Crockett <https://github.com/pelotom>
 //                 jwbay <https://github.com/jwbay>
 //                 huhuanming <https://github.com/huhuanming>
+//                 MartynasZilinskas <https://github.com/MartynasZilinskas>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 // TypeScript Version: 2.1
 
@@ -22,7 +23,7 @@ export class ElementClass extends Component<any, 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, any>;
+    new (props?: Props, context?: any): Component<Props, any>;
 }
 
 export type StatelessComponent<Props> = (props: Props, context?: any) => JSX.Element;
@@ -42,6 +43,8 @@ export interface EnzymePropSelector {
 }
 export type EnzymeSelector = string | StatelessComponent<any> | ComponentClass<any> | EnzymePropSelector;
 
+export type Intercepter<T> = (intercepter: T) => void;
+
 export interface CommonWrapper<P, S> {
     /**
      * Returns a new wrapper with only the nodes of the current wrapper that, when passed into the provided predicate function, return true.
@@ -97,6 +100,7 @@ export interface CommonWrapper<P, S> {
 
     /**
      * Returns whether or not the current node is empty.
+     * @deprecated Use .exists() instead.
      */
     isEmpty(): boolean;
 
@@ -134,6 +138,21 @@ export interface CommonWrapper<P, S> {
      */
     get(index: number): ReactElement<any>;
 
+    /**
+     * Returns the wrapper's underlying node.
+     */
+    getNode(): ReactElement<any>;
+
+    /**
+     * Returns the wrapper's underlying nodes.
+     */
+    getNodes(): Array<ReactElement<any>>;
+
+    /**
+     * Returns the outer most DOMComponent of the current wrapper.
+     */
+    getDOMNode(): Element;
+
     /**
      * Returns a wrapper around the node at a given index of the current wrapper.
      * @param index
@@ -150,6 +169,16 @@ export interface CommonWrapper<P, S> {
      */
     last(): this;
 
+    /**
+     * Returns a new wrapper with a subset of the nodes of the original wrapper, according to the rules of `Array#slice`.
+     */
+    slice(begin?: number, end?: number): this;
+
+    /**
+     * Taps into the wrapper method chain. Helpful for debugging.
+     */
+    tap(intercepter: Intercepter<this>): this;
+
     /**
      * Returns the state hash for the root node of the wrapper. Optionally pass in a prop name and it will return just that value.
      * @param [key]
@@ -335,7 +364,7 @@ export interface CommonWrapper<P, S> {
      *
      * Note: can only be called on a wrapper of a single node.
      */
-    type(): string | ComponentClass<P> | StatelessComponent<P> ;
+    type(): string | ComponentClass<P> | StatelessComponent<P>;
 
     length: number;
 }

From d762eaf8a0631b6508a6c5eda5983231d106a949 Mon Sep 17 00:00:00 2001
From: Rogier Schouten <github@workingcode.nl>
Date: Wed, 3 May 2017 19:21:40 +0200
Subject: [PATCH 146/321] Add typings for exceljs (#16263)

* add typings for exceljs

* update to latest definitelytyped standards
---
 types/exceljs/exceljs-tests.ts |  82 ++++++++++++
 types/exceljs/index.d.ts       | 231 +++++++++++++++++++++++++++++++++
 types/exceljs/tsconfig.json    |  22 ++++
 types/exceljs/tslint.json      |   1 +
 4 files changed, 336 insertions(+)
 create mode 100644 types/exceljs/exceljs-tests.ts
 create mode 100644 types/exceljs/index.d.ts
 create mode 100644 types/exceljs/tsconfig.json
 create mode 100644 types/exceljs/tslint.json

diff --git a/types/exceljs/exceljs-tests.ts b/types/exceljs/exceljs-tests.ts
new file mode 100644
index 0000000000..95147c7726
--- /dev/null
+++ b/types/exceljs/exceljs-tests.ts
@@ -0,0 +1,82 @@
+import * as Excel from 'exceljs';
+
+// most examples taken and adapted from README.md
+
+const workbook = new Excel.Workbook();
+
+workbook.creator = 'Me';
+workbook.lastModifiedBy = 'Her';
+workbook.created = new Date(1985, 8, 30);
+workbook.modified = new Date();
+workbook.lastPrinted = new Date(2016, 9, 27);
+workbook.properties.date1904 = true;
+
+workbook.views = [
+  {
+    x: 0, y: 0, width: 10000, height: 20000,
+    firstSheet: 0, activeTab: 1, visibility: 'visible'
+  }
+];
+
+const worksheet: Excel.Worksheet = workbook.addWorksheet('My Sheet');
+const worksheet2 = workbook.getWorksheet('My Sheet');
+const worksheet3 = workbook.getWorksheet(1);
+const sheet = workbook.addWorksheet('My Sheet', {views: [{showGridLines: false}]});
+
+const row: Excel.Row = worksheet.addRow([3, 'Sam', new Date()]);
+row.getCell(1).value = 5;
+
+worksheet.eachRow((row: Excel.Row, rowNumber: number): void => {
+    // nothing
+});
+
+row.eachCell((cell: Excel.Cell, colNumber: number): void => {
+    // nothing
+});
+
+worksheet.mergeCells('A4:B5');
+
+worksheet.getCell('A1').numFmt = '0.00%';
+worksheet.getCell('A1').font = {
+    name: 'Comic Sans MS',
+    family: 4,
+    size: 16,
+    underline: true,
+    bold: true
+};
+
+worksheet.getCell('A1').alignment = { vertical: 'top', horizontal: 'left' };
+worksheet.getCell('B1').alignment = { vertical: 'middle', horizontal: 'center' };
+worksheet.getCell('C1').alignment = { vertical: 'bottom', horizontal: 'right' };
+worksheet.getCell('D1').alignment = { wrapText: true };
+worksheet.getCell('E1').alignment = { indent: 1 };
+
+worksheet.getCell('A1').border = {
+    top: {style: 'thin'},
+    left: {style: 'thin'},
+    bottom: {style: 'thin'},
+    right: {style: 'thin'}
+};
+
+worksheet.getCell('A3').border = {
+    top: {style: 'double', color: {argb: 'FF00FF00'}},
+    left: {style: 'double', color: {argb: 'FF00FF00'}},
+    bottom: {style: 'double', color: {argb: 'FF00FF00'}},
+    right: {style: 'double', color: {argb: 'FF00FF00'}}
+};
+
+worksheet.getCell('A1').fill = {
+    type: 'pattern',
+    pattern: 'solid',
+    fgColor: {argb: 'FFFF0000'}
+};
+
+workbook.xlsx.readFile("/home/john/bla.xlsx")
+    .then((): void => {
+        // use workbook
+    });
+
+workbook.xlsx.writeFile("/home/john/bla.xlsx")
+    .then((): void => {
+        // done
+    });
diff --git a/types/exceljs/index.d.ts b/types/exceljs/index.d.ts
new file mode 100644
index 0000000000..259eaccae1
--- /dev/null
+++ b/types/exceljs/index.d.ts
@@ -0,0 +1,231 @@
+// Type definitions for exceljs 0.4
+// Project: https://github.com/guyonroche/exceljs
+// Definitions by: Rogier Schouten <https://github.com/rogierschouten>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+
+export const enum ValueType {
+	Null = 0,
+	Merge = 1,
+	Number = 2,
+	String = 3,
+	Date = 4,
+	Hyperlink = 5,
+	Formula = 6,
+	SharedString = 7,
+	RichText = 8,
+	Boolean = 9,
+	Error = 10
+}
+
+export const enum FormulaType {
+	None = 0,
+	Master = 1,
+	Shared = 2
+}
+
+export const enum RelationshipType {
+	None = 0,
+	OfficeDocument = 1,
+	Worksheet = 2,
+	CalcChain = 3,
+	SharedStrings = 4,
+	Styles = 5,
+	Theme = 6,
+	Hyperlink = 7
+}
+
+export const enum DocumentType {
+	Xlsx = 1
+}
+
+export const enum ReadingOrder {
+	RightToLeft = 1,
+	LeftToRight = 2,
+}
+
+export interface ErrorValue {
+	error: "#N/A" | "#REF!" | "#NAME?" | "#DIV/0!" | "#NULL!" | "#VALUE!" | "#NUM!";
+}
+
+export interface WorksheetView {
+	state?: "normal" | "split" | "frozen";
+	showRuler?: boolean;
+	showRowColHeaders?: boolean;
+	showGridLines?: boolean;
+	zoomScale?: number;
+	zoomScaleNormal?: number;
+	style?: "pageBreakPreview" | "pageLayout";
+}
+
+export interface WorkbookView {
+	x?: number;
+	y?: number;
+	width?: number;
+	height?: number;
+	firstSheet?: number;
+	activeTab?: number;
+	visibility?: string;
+}
+
+export interface Fill {
+	type: "pattern" | "gradient";
+	pattern?: "none" | "solid";
+	fgColor?: Color;
+	bgColor?: Color;
+}
+
+export interface Font {
+	name: string;
+	size?: number;
+	family?: number;
+	schema?: "minor" | "major" | "none";
+	charset?: number;
+	color?: Color;
+	bold?: boolean;
+	italic?: boolean;
+	underline?: true | false | "none" | "single" | "double" | "singleAccounting" | "doubleAccounting";
+	strike?: boolean;
+	outline?: boolean;
+}
+
+export type BorderStyle =
+	"thin" | "dotted" | "dashDot" | "hair" | "dashDotDot" | "slantDashDot" | "mediumDashed"  | "mediumDashDotDot" |
+	"mediumDashDot" | "medium" | "double" | "thick";
+
+export interface Color {
+	/**
+	 * Hex string for alpha-red-green-blue e.g. FF00FF00
+	 */
+	argb: string;
+}
+
+export interface Border {
+	style?: BorderStyle;
+	color?: Color;
+}
+
+export interface Borders {
+	top?: Border;
+	left?: Border;
+	bottom?: Border;
+	right?: Border;
+}
+
+export interface Alignment {
+	horizontal?: "left" | "center" | "right" | "fill" | "justify" | "centerContinuous" | "distributed";
+	vertical?: "top" | "middle" | "bottom" | "distributed" | "justify";
+	wrapText?: boolean;
+	indent?: number;
+	readingOrder?: "rtl" | "ltr";
+	textrotation?: number | "vertical";
+}
+
+export interface Cell {
+	border?: Borders;
+	font?: Font;
+	alignment?: Alignment;
+	numFmt?: string;
+	value?: any;
+	fill?: Fill;
+}
+
+export interface Row {
+	/**
+	 * The row number
+	 */
+	number: number;
+	height: number;
+	hidden: boolean;
+	collapsed: boolean;
+	values: any[];
+	outlineLevel?: number;
+
+	readonly cellCount: number;
+	readonly actualCellCount: number;
+
+	getCell(index: number): Cell;
+
+	eachCell(callback: (cell: Cell, colNumber: number) => void): void;
+	eachCell(opts: { includeEmpty: boolean}, callback: (cell: Cell, colNumber: number) => void): void;
+}
+
+export interface Column {
+	width: number;
+}
+
+export interface Worksheet {
+	/**
+	 * The total row size of the document. Equal to the row number of the last row that has values.
+	 */
+	rowCount: number;
+	/**
+	 * A count of the number of rows that have values. If a mid-document row is empty, it will not be included in the count.
+	 */
+	actualRowCount: number;
+	/**
+	 * The total column size of the document. Equal to the maximum cell count from all of the rows
+	 */
+	columnCount: number;
+	/**
+	 * A count of the number of columns that have values.
+	 */
+	actualColumnCount: number;
+
+	/**
+	 * Get or create a column
+	 */
+	getColumn(index: number): Column;
+
+	/**
+	 * Create a new row
+	 */
+	addRow(data: any[]): Row;
+
+	/**
+	 * Get or create row by 0-based index
+	 */
+	getRow(index: number): Row;
+	eachRow(callback: (row: Row, rowNumber: number) => void): void;
+
+	/**
+	 * Get or create cell
+	 */
+	getCell(ref: string): Cell;
+
+	/**
+	 * Merge cells, either:
+	 * tlbr string
+	 * tl string, br string
+	 * t, l, b, r numbers
+	 */
+	mergeCells(a: number | string, b?: number | string, c?: number, d?: number): void;
+}
+
+export interface Xlsx {
+	readFile(path: string): Promise<void>;
+	writeFile(path: string): Promise<void>;
+}
+
+export interface WorksheetProps {
+	showGridLines: boolean;
+}
+
+export class Workbook {
+	constructor();
+
+	creator: string;
+	lastModifiedBy: string;
+	created: Date;
+	modified: Date;
+	lastPrinted: Date;
+	properties: {
+		date1904: boolean;
+	};
+	views: WorkbookView[];
+
+	addWorksheet(name: string, opts?: { properties?: WorksheetProps, views?: WorksheetView[] }): Worksheet;
+
+	getWorksheet(indexOrName: number | string): Worksheet;
+
+	xlsx: Xlsx;
+}
diff --git a/types/exceljs/tsconfig.json b/types/exceljs/tsconfig.json
new file mode 100644
index 0000000000..f9cb219d06
--- /dev/null
+++ b/types/exceljs/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",
+        "exceljs-tests.ts"
+    ]
+}
diff --git a/types/exceljs/tslint.json b/types/exceljs/tslint.json
new file mode 100644
index 0000000000..3db14f85ea
--- /dev/null
+++ b/types/exceljs/tslint.json
@@ -0,0 +1 @@
+{ "extends": "dtslint/dt.json" }

From 15e80a61262ccc7f43a9309a5c032618b3ee3415 Mon Sep 17 00:00:00 2001
From: mkools-vg <mkools-vg@users.noreply.github.com>
Date: Wed, 3 May 2017 19:29:52 +0200
Subject: [PATCH 147/321] Added some strings to the Sys.Res class. (#16265)

Added missing strings: undefinedEvent, eventHandlerNotFunction,
propertyUndefined, propertyNotAnArray, propertyNotWritable
---
 types/microsoft-ajax/index.d.ts              | 25 ++++++++++++++++++++
 types/microsoft-ajax/microsoft-ajax-tests.ts |  5 ++++
 2 files changed, 30 insertions(+)

diff --git a/types/microsoft-ajax/index.d.ts b/types/microsoft-ajax/index.d.ts
index 6c6d34dc9d..27aeeb441f 100644
--- a/types/microsoft-ajax/index.d.ts
+++ b/types/microsoft-ajax/index.d.ts
@@ -1406,6 +1406,31 @@ declare namespace Sys {
         */
         static nullWebRequest: string;
 
+        /**
+         * @return "'{0}' is not an event."
+         */
+        static undefinedEvent: string;
+
+        /**
+         * @return "Handler must be a function."
+         */
+        static eventHandlerNotFunction: string;
+
+        /**
+         * @return "'{0}' is not a property or an existing field."
+         */
+        static propertyUndefined: string;
+
+        /**
+         * @return "'{0}' is not an Array property."
+         */
+        static propertyNotAnArray: string;
+
+        /**
+         * @return "'{0}' is not a writable property."
+         */
+        static propertyNotWritable: string;
+
         //#endregion
     }
 
diff --git a/types/microsoft-ajax/microsoft-ajax-tests.ts b/types/microsoft-ajax/microsoft-ajax-tests.ts
index fb0ebff654..d392dbbe2c 100644
--- a/types/microsoft-ajax/microsoft-ajax-tests.ts
+++ b/types/microsoft-ajax/microsoft-ajax-tests.ts
@@ -548,6 +548,11 @@ function Sys_Res_Tests() {
     var invokeCalledTwice = Sys.Res.invokeCalledTwice;
     var notImplemented = Sys.Res.notImplemented;
     var nullWebRequest = Sys.Res.nullWebRequest;
+    var undefinedEvent = Sys.Res.undefinedEvent;
+    var eventHandlerNotFunction = Sys.Res.eventHandlerNotFunction;
+    var propertyUndefined = Sys.Res.propertyUndefined;
+    var propertyNotAnArray = Sys.Res.propertyNotAnArray;
+    var propertyNotWritable = Sys.Res.propertyNotWritable;
 }
 
 function Sys_StringBuilder_Tests() {

From 386630caeeb51cf3e8e0f333caddcac561764d18 Mon Sep 17 00:00:00 2001
From: Steve Hipwell <steve.hipwell@gmail.com>
Date: Wed, 3 May 2017 18:52:01 +0100
Subject: [PATCH 148/321] Add typings for restify-errors (#16269)

* Added typings for restify-errors

* Fixed restify-errors linting errors

* Updated restify-errors tests

* Fixed restify-errors failing tests
---
 types/restify-errors/index.d.ts              | 119 +++++++++++++++++++
 types/restify-errors/restify-errors-tests.ts |  81 +++++++++++++
 types/restify-errors/tsconfig.json           |  22 ++++
 types/restify-errors/tslint.json             |   1 +
 4 files changed, 223 insertions(+)
 create mode 100644 types/restify-errors/index.d.ts
 create mode 100644 types/restify-errors/restify-errors-tests.ts
 create mode 100644 types/restify-errors/tsconfig.json
 create mode 100644 types/restify-errors/tslint.json

diff --git a/types/restify-errors/index.d.ts b/types/restify-errors/index.d.ts
new file mode 100644
index 0000000000..c22b4339a8
--- /dev/null
+++ b/types/restify-errors/index.d.ts
@@ -0,0 +1,119 @@
+// Type definitions for restify-errors 4.3
+// Project: http://www.restify.com
+// Definitions by: Steve Hipwell <https://github.com/stevehipwell>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+
+import { VError, Options as vErrorOptions } from "verror";
+
+export interface RestifyHttpErrorOptions extends vErrorOptions {
+    statusCode?: number;
+
+    message?: string;
+
+    code?: string;
+
+    context?: any;
+}
+
+export class HttpError extends VError {
+    constructor(printf: string, ...args: any[]);
+
+    constructor(options: RestifyHttpErrorOptions, printf?: string, ...args: any[]);
+
+    // tslint:disable-next-line unified-signatures
+    constructor(priorErr: any, printf?: string, ...args: any[]);
+
+    constructor(priorErr: any, options: RestifyHttpErrorOptions, printf?: string, ...args: any[]);
+
+    message: string;
+
+    statusCode: number;
+
+    code: string;
+
+    body: any;
+
+    displayName: string;
+}
+
+export interface RestifyRestErrorOptions extends RestifyHttpErrorOptions {
+    restCode?: string;
+}
+
+export class RestError extends HttpError {
+    constructor(printf: string, ...args: any[]);
+
+    constructor(options: RestifyRestErrorOptions, printf?: string, ...args: any[]);
+
+    // tslint:disable-next-line unified-signatures
+    constructor(priorErr: any, printf?: string, ...args: any[]);
+
+    constructor(priorErr: any, options: RestifyRestErrorOptions, printf?: string, ...args: any[]);
+
+    restCode: string;
+}
+
+export function makeConstructor(name: string, defaults?: any): void;
+
+export function makeErrFromCode(statusCode: number, ...args: any[]): HttpError;
+
+export function bunyanSerializer(err: any): any;
+
+export const HttpErrors: {
+    BadRequestError: HttpError;
+    UnauthorizedError: HttpError;
+    PaymentRequiredError: HttpError;
+    ForbiddenError: HttpError;
+    NotFoundError: HttpError;
+    MethodNotAllowedError: HttpError;
+    NotAcceptableError: HttpError;
+    ProxyAuthenticationRequiredError: HttpError;
+    RequestTimeoutError: HttpError;
+    ConflictError: HttpError;
+    GoneError: HttpError;
+    LengthRequiredError: HttpError;
+    PreconditionFailedError: HttpError;
+    RequestEntityTooLargeError: HttpError;
+    RequesturiTooLargeError: HttpError;
+    UnsupportedMediaTypeError: HttpError;
+    RangeNotSatisfiableError: HttpError;
+    ExpectationFailedError: HttpError;
+    ImATeapotError: HttpError;
+    UnprocessableEntityError: HttpError;
+    LockedError: HttpError;
+    FailedDependencyError: HttpError;
+    UnorderedCollectionError: HttpError;
+    UpgradeRequiredError: HttpError;
+    PreconditionRequiredError: HttpError;
+    TooManyRequestsError: HttpError;
+    RequestHeaderFieldsTooLargeError: HttpError;
+    InternalServerError: HttpError;
+    NotImplementedError: HttpError;
+    BadGatewayError: HttpError;
+    ServiceUnavailableError: HttpError;
+    GatewayTimeoutError: HttpError;
+    HttpVersionNotSupportedError: HttpError;
+    VariantAlsoNegotiatesError: HttpError;
+    InsufficientStorageError: HttpError;
+    BandwidthLimitExceededError: HttpError;
+    NotExtendedError: HttpError;
+    NetworkAuthenticationRequiredError: HttpError;
+};
+
+export const RestErrors: {
+    BadDigestError: RestError;
+    BadMethodError: RestError;
+    InternalError: RestError;
+    InvalidArgumentError: RestError;
+    InvalidContentError: RestError;
+    InvalidCredentialsError: RestError;
+    InvalidHeaderError: RestError;
+    InvalidVersionError: RestError;
+    MissingParameterError: RestError;
+    NotAuthorizedError: RestError;
+    PreconditionFailedError: RestError;
+    RequestExpiredError: RestError;
+    RequestThrottledError: RestError;
+    ResourceNotFoundError: RestError;
+    WrongAcceptError: RestError;
+};
diff --git a/types/restify-errors/restify-errors-tests.ts b/types/restify-errors/restify-errors-tests.ts
new file mode 100644
index 0000000000..a48044fd92
--- /dev/null
+++ b/types/restify-errors/restify-errors-tests.ts
@@ -0,0 +1,81 @@
+import * as restifyErrors from "restify-errors";
+
+const prevErr = new Error();
+
+// HttpError
+const httpErrorA = new restifyErrors.HttpError("Hello World!");
+const httpErrorB = new restifyErrors.HttpError("Hello %s!", "World");
+const httpErrorC = new restifyErrors.HttpError({ statusCode: 404 }, "Hello %s!", "World");
+const httpErrorD = new restifyErrors.HttpError(prevErr, "Hello World!");
+const httpErrorE = new restifyErrors.HttpError(prevErr, "Hello %s!", "World");
+const httpErrorF = new restifyErrors.HttpError(prevErr, { statusCode: 404 }, "Hello %s!", "World");
+
+// RestError
+const restErrorA = new restifyErrors.RestError("Hello World!");
+const restErrorB = new restifyErrors.RestError("Hello %s!", "World");
+const restErrorC = new restifyErrors.RestError({ statusCode: 404, restCode: "TEST" }, "Hello %s!", "World");
+const restErrorD = new restifyErrors.RestError(prevErr, "Hello World!");
+const restErrorE = new restifyErrors.RestError(prevErr, "Hello %s!", "World");
+const restErrorF = new restifyErrors.RestError(prevErr, { statusCode: 404, restCode: "TEST" }, "Hello %s!", "World");
+
+// Functions
+restifyErrors.makeConstructor("TestError", {});
+const customError = restifyErrors.makeErrFromCode(500, "Testing....");
+const bunyanSerializer = restifyErrors.bunyanSerializer;
+
+// HttpErrors
+let httpError = restifyErrors.HttpErrors.BadRequestError;
+httpError = restifyErrors.HttpErrors.UnauthorizedError;
+httpError = restifyErrors.HttpErrors.PaymentRequiredError;
+httpError = restifyErrors.HttpErrors.ForbiddenError;
+httpError = restifyErrors.HttpErrors.NotFoundError;
+httpError = restifyErrors.HttpErrors.MethodNotAllowedError;
+httpError = restifyErrors.HttpErrors.NotAcceptableError;
+httpError = restifyErrors.HttpErrors.ProxyAuthenticationRequiredError;
+httpError = restifyErrors.HttpErrors.RequestTimeoutError;
+httpError = restifyErrors.HttpErrors.ConflictError;
+httpError = restifyErrors.HttpErrors.GoneError;
+httpError = restifyErrors.HttpErrors.LengthRequiredError;
+httpError = restifyErrors.HttpErrors.PreconditionFailedError;
+httpError = restifyErrors.HttpErrors.RequestEntityTooLargeError;
+httpError = restifyErrors.HttpErrors.RequesturiTooLargeError;
+httpError = restifyErrors.HttpErrors.UnsupportedMediaTypeError;
+httpError = restifyErrors.HttpErrors.RangeNotSatisfiableError;
+httpError = restifyErrors.HttpErrors.ExpectationFailedError;
+httpError = restifyErrors.HttpErrors.ImATeapotError;
+httpError = restifyErrors.HttpErrors.UnprocessableEntityError;
+httpError = restifyErrors.HttpErrors.LockedError;
+httpError = restifyErrors.HttpErrors.FailedDependencyError;
+httpError = restifyErrors.HttpErrors.UnorderedCollectionError;
+httpError = restifyErrors.HttpErrors.UpgradeRequiredError;
+httpError = restifyErrors.HttpErrors.PreconditionRequiredError;
+httpError = restifyErrors.HttpErrors.TooManyRequestsError;
+httpError = restifyErrors.HttpErrors.RequestHeaderFieldsTooLargeError;
+httpError = restifyErrors.HttpErrors.InternalServerError;
+httpError = restifyErrors.HttpErrors.NotImplementedError;
+httpError = restifyErrors.HttpErrors.BadGatewayError;
+httpError = restifyErrors.HttpErrors.ServiceUnavailableError;
+httpError = restifyErrors.HttpErrors.GatewayTimeoutError;
+httpError = restifyErrors.HttpErrors.HttpVersionNotSupportedError;
+httpError = restifyErrors.HttpErrors.VariantAlsoNegotiatesError;
+httpError = restifyErrors.HttpErrors.InsufficientStorageError;
+httpError = restifyErrors.HttpErrors.BandwidthLimitExceededError;
+httpError = restifyErrors.HttpErrors.NotExtendedError;
+httpError = restifyErrors.HttpErrors.NetworkAuthenticationRequiredError;
+
+// RestErrors
+let restError = restifyErrors.RestErrors.BadDigestError;
+restError = restifyErrors.RestErrors.BadMethodError;
+restError = restifyErrors.RestErrors.InternalError;
+restError = restifyErrors.RestErrors.InvalidArgumentError;
+restError = restifyErrors.RestErrors.InvalidContentError;
+restError = restifyErrors.RestErrors.InvalidCredentialsError;
+restError = restifyErrors.RestErrors.InvalidHeaderError;
+restError = restifyErrors.RestErrors.InvalidVersionError;
+restError = restifyErrors.RestErrors.MissingParameterError;
+restError = restifyErrors.RestErrors.NotAuthorizedError;
+restError = restifyErrors.RestErrors.PreconditionFailedError;
+restError = restifyErrors.RestErrors.RequestExpiredError;
+restError = restifyErrors.RestErrors.RequestThrottledError;
+restError = restifyErrors.RestErrors.ResourceNotFoundError;
+restError = restifyErrors.RestErrors.WrongAcceptError;
diff --git a/types/restify-errors/tsconfig.json b/types/restify-errors/tsconfig.json
new file mode 100644
index 0000000000..11cc40f24f
--- /dev/null
+++ b/types/restify-errors/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-errors-tests.ts"
+    ]
+}
diff --git a/types/restify-errors/tslint.json b/types/restify-errors/tslint.json
new file mode 100644
index 0000000000..3db14f85ea
--- /dev/null
+++ b/types/restify-errors/tslint.json
@@ -0,0 +1 @@
+{ "extends": "dtslint/dt.json" }

From 2c0494ee207b36a5a86c8328bc428109ad1d94c9 Mon Sep 17 00:00:00 2001
From: Steve Hipwell <steve.hipwell@gmail.com>
Date: Wed, 3 May 2017 18:55:19 +0100
Subject: [PATCH 149/321] Updated restify to lint correctly (#16274)

* Updated restify to lint correctly

* Updated restify request query

* Fixed restify tests error
---
 types/restify/index.d.ts       | 310 ++++++++++++++++-----------------
 types/restify/restify-tests.ts | 111 ++++++------
 types/restify/tsconfig.json    |   6 +-
 types/restify/tslint.json      |   1 +
 4 files changed, 205 insertions(+), 223 deletions(-)
 create mode 100644 types/restify/tslint.json

diff --git a/types/restify/index.d.ts b/types/restify/index.d.ts
index 759a46c6d0..4cc27b21e8 100644
--- a/types/restify/index.d.ts
+++ b/types/restify/index.d.ts
@@ -1,6 +1,6 @@
-// Type definitions for node.js REST framework 2.0
+// Type definitions for restify 4.3
 // Project: https://github.com/mcavage/node-restify
-// Definitions by: Bret Little <https://github.com/blittle>
+// Definitions by: Bret Little <https://github.com/blittle>, Steve Hipwell <https://github.com/stevehipwell>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 
 /// <reference types="node" />
@@ -9,14 +9,13 @@ import http = require('http');
 import Logger = require('bunyan');
 import url = require('url');
 
-
-interface addressInterface {
+export interface addressInterface {
     port: number;
     family: string;
     address: string;
 }
 
-interface requestFileInterface {
+export interface requestFileInterface {
     path: string;
     type: string;
 }
@@ -24,16 +23,16 @@ interface requestFileInterface {
 /**
  * Comes from authorizationParser plugin
  */
-interface requestAuthorization {
+export interface requestAuthorization {
     scheme: string;
     credentials: string;
     basic?: {
         username: string;
         password: string;
-    }
+    };
 }
 
-interface Request extends http.IncomingMessage {
+export interface Request extends http.IncomingMessage {
     /**
      * builds an absolute URI for the request.
      * @private
@@ -41,7 +40,7 @@ interface Request extends http.IncomingMessage {
      * @param    {String} path a url path
      * @returns  {String}
      */
-    absoluteUri: (path: string) => string;
+    absoluteUri(path: string): string;
 
     /**
      * returns any header off the request. also, 'correct' any
@@ -52,7 +51,7 @@ interface Request extends http.IncomingMessage {
      * @param    {String} value default value if header isn't found on the req
      * @returns  {String}
      */
-    header: (name: string, value?: string) => string;
+    header(name: string, value?: string): string;
 
     /**
      * returns any trailer header off the request. also, 'correct' any
@@ -63,7 +62,7 @@ interface Request extends http.IncomingMessage {
      * @param    {String} value default value if header isn't found on the req
      * @returns  {String}
      */
-    trailer: (name: string, value?: string) => string;
+    trailer(name: string, value?: string): string;
 
     /**
      * checks if the accept header is present and has the value requested.
@@ -73,7 +72,7 @@ interface Request extends http.IncomingMessage {
      * @param    {String | Array} types an array of accept type headers
      * @returns  {Boolean}
      */
-    accepts: (types: string | string[]) => boolean;
+    accepts(types: string | string[]): boolean;
 
     /**
      * checks if the request accepts the encoding types.
@@ -82,7 +81,7 @@ interface Request extends http.IncomingMessage {
      * @param    {String | Array} types an array of accept type headers
      * @returns  {Boolean}
      */
-    acceptsEncoding: (types: string | string[]) => boolean;
+    acceptsEncoding(types: string | string[]): boolean;
 
     /**
      * Check if the incoming request contains the Content-Type header field, and
@@ -92,7 +91,7 @@ interface Request extends http.IncomingMessage {
      * @param    {String} type  a content-type header value
      * @returns  {Boolean}
      */
-    is: (type: string) => boolean;
+    is(type: string): boolean;
 
     /**
      * Check if the incoming request is chunked.
@@ -100,7 +99,7 @@ interface Request extends http.IncomingMessage {
      * @function isChunked
      * @returns  {Boolean}
      */
-    isChunked: () => boolean;
+    isChunked(): boolean;
 
     /**
      * Check if the incoming request is kept alive.
@@ -108,7 +107,7 @@ interface Request extends http.IncomingMessage {
      * @function isKeepAlive
      * @returns  {Boolean}
      */
-    isKeepAlive: () => boolean;
+    isKeepAlive(): boolean;
 
     /**
      * Check if the incoming request has been upgraded.
@@ -116,7 +115,7 @@ interface Request extends http.IncomingMessage {
      * @function isUpgradeRequest
      * @returns  {Boolean}
      */
-    isUpgradeRequest: () => boolean;
+    isUpgradeRequest(): boolean;
 
     /**
      * Check if the incoming request is an upload verb.
@@ -124,7 +123,7 @@ interface Request extends http.IncomingMessage {
      * @function isUpload
      * @returns  {Boolean}
      */
-    isUpload: () => boolean;
+    isUpload(): boolean;
 
     /**
      * retrieves the user-agent header.
@@ -132,7 +131,7 @@ interface Request extends http.IncomingMessage {
      * @function userAgent
      * @returns  {String}
      */
-    userAgent: () => string;
+    userAgent(): string;
 
     /**
      * Start the timer for a request handler function. You must explicitly invoke
@@ -143,7 +142,7 @@ interface Request extends http.IncomingMessage {
      * @param    {String}    handlerName The name of the handler.
      * @returns  {undefined}
      */
-    startHandlerTimer: (handlerName: string) => void;
+    startHandlerTimer(handlerName: string): void;
 
     /**
      * Stop the timer for a request handler function.
@@ -152,9 +151,9 @@ interface Request extends http.IncomingMessage {
      * @param    {String}    handlerName The name of the handler.
      * @returns  {undefined}
      */
-    endHandlerTimer: (handlerName: string) => void;
+    endHandlerTimer(handlerName: string): void;
 
-    getLogger: (component: string) => any;
+    getLogger(component: string): any;
 
     /**
      * gets the content-length header off the request.
@@ -162,13 +161,13 @@ interface Request extends http.IncomingMessage {
      * @function getContentLength
      * @returns {Number}
      */
-    getContentLength: () => number;
+    getContentLength(): number;
 
     /**
      * @see getContentLength
      * @function contentLength
      */
-    contentLength: () => number;
+    contentLength(): number;
 
     /**
      * gets the content-type header.
@@ -176,12 +175,12 @@ interface Request extends http.IncomingMessage {
      * @function getContentType
      * @returns {String}
      */
-    getContentType: () => string;
+    getContentType(): string;
 
     /**
      * @see getContentType
      */
-    contentType: () => string;
+    contentType(): string;
 
     /**
      * retrieves the complete URI requested by the client.
@@ -189,12 +188,12 @@ interface Request extends http.IncomingMessage {
      * @function getHref
      * @returns {String}
      */
-    getHref: () => string;
+    getHref(): string;
 
     /**
      * @see getHref
      */
-    href: () => string;
+    href(): string;
 
     log: Logger;
     /**
@@ -203,12 +202,12 @@ interface Request extends http.IncomingMessage {
      * @function getId
      * @returns  {String}
      */
-    getId: () => string;
+    getId(): string;
 
     /**
      * @see getId
      */
-    id: () => string;
+    id(): string;
 
     /**
      * retrieves the cleaned up url path.
@@ -217,12 +216,12 @@ interface Request extends http.IncomingMessage {
      * @function getPath
      * @returns  {String}
      */
-    getPath: () => string;
+    getPath(): string;
 
     /**
      * @see getPath
      */
-    path: () => string;
+    path(): string;
 
     /**
      * returns the raw query string
@@ -230,21 +229,22 @@ interface Request extends http.IncomingMessage {
      * @function getQuery
      * @returns  {String}
      */
-    getQuery: () => string;
+    getQuery(): string;
 
     /**
      * @see getQuery
      */
-    query: () => string;
+    query: any;
+
     secure: boolean;
 
     /**
-      * returns ms since epoch when request was setup.
-      * @public
-      * @function time
-      * @returns  {Number}
-      */
-    time: () => number;
+     * returns ms since epoch when request was setup.
+     * @public
+     * @function time
+     * @returns  {Number}
+     */
+    time(): number;
 
     /**
      * returns a parsed URL object.
@@ -252,7 +252,7 @@ interface Request extends http.IncomingMessage {
      * @function getUrl
      * @returns  {Object}
      */
-    getUrl: () => url.Url;
+    getUrl(): url.Url;
 
     /**
      * returns the accept-version header.
@@ -260,12 +260,12 @@ interface Request extends http.IncomingMessage {
      * @function getVersion
      * @returns  {String}
      */
-    getVersion: () => string;
+    getVersion(): string;
 
     /**
      * @see getVersion
      */
-    version: () => string;
+    version(): string;
     params: any;
     files?: { [name: string]: requestFileInterface };
 
@@ -275,7 +275,7 @@ interface Request extends http.IncomingMessage {
      * @function isSecure
      * @returns  {Boolean}
      */
-    isSecure: () => boolean;
+    isSecure(): boolean;
     /** available when bodyParser plugin is used */
     body?: any;
     /** available when authorizationParser plugin is used */
@@ -292,34 +292,34 @@ interface Request extends http.IncomingMessage {
  * @property {String} name The name of the handler.
  * @property {Array} time A tuple of [seconds, nanoseconds], how long the handler took.
  */
-interface HandlerTiming {
+export interface HandlerTiming {
     name: string;
     time: [number, number];
 }
 
-interface Response extends http.ServerResponse {
-    header: (key: string, value?: any) => any;
-    cache: (type?: any, options?: Object) => 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;
+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: Object;
+    headers: any;
     id: string;
 }
 
-interface RouteSpec {
+export interface RouteSpec {
     method: string;
     name: string;
     path: string | RegExp;
     versions: string[];
 }
 
-interface Route {
+export interface Route {
     name: string;
     method: string;
     path: RoutePathRegex;
@@ -328,7 +328,7 @@ interface Route {
     versions: string[];
 }
 
-interface RouteOptions {
+export interface RouteOptions {
     name: string;
     method: string;
     path?: string | RegExp;
@@ -338,11 +338,11 @@ interface RouteOptions {
     versions?: string | string[];
 }
 
-interface RoutePathRegex extends RegExp {
+export interface RoutePathRegex extends RegExp {
     restifyParams: string[];
 }
 
-interface Router {
+export interface Router {
     name: string;
     mounts: { [routeName: string]: Route };
     versions: string[];
@@ -357,7 +357,7 @@ interface Router {
         PUT: Route[];
     };
     log?: any;
-    toString: () => string;
+    toString(): string;
 
     /**
      * Takes an object of route params and query params, and 'renders' a URL
@@ -366,21 +366,21 @@ interface Router {
      * @param    {Object} query     an object of query params
      * @returns  {String}
      */
-    render: (routeName: string, params: Object, query?: Object) => 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: Object) => string | boolean;
+    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;
+    unmount(name: string): string | boolean;
 
     /**
      * finds the route for a given request and response.
@@ -389,146 +389,125 @@ interface Router {
      * @param    {Function} callback operation callback
      * @returns  {undefined}
      */
-    find: (req: Request, res: Response, callback: (err: Error, route: Route) => void) => void;
+    find(req: Request, res: Response, callback: (err: Error, route: Route) => void): void;
 }
 
-interface Server extends http.Server {
-    use(handler: RequestHandler, ...handlers: RequestHandler[]): Server;
-    use(handler: RequestHandler[], ...handlers: RequestHandler[]): Server;
-    use(handler: RequestHandler, ...handlers: RequestHandler[][]): Server;
-    use(handler: RequestHandler[], ...handlers: RequestHandler[][]): Server;
+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, ...routeCallBacks: RequestHandler[]): string;
-    post(route: any, routeCallBack: RequestHandler[], ...routeCallBacks: RequestHandler[]): string;
-    post(route: any, routeCallBack: RequestHandler, ...routeCallBacks: RequestHandler[][]): string;
-    post(route: any, routeCallBack: RequestHandler[], ...routeCallBacks: RequestHandler[][]): string;
+    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, ...routeCallBacks: RequestHandler[]): string;
-    patch(route: any, routeCallBack: RequestHandler[], ...routeCallBacks: RequestHandler[]): string;
-    patch(route: any, routeCallBack: RequestHandler, ...routeCallBacks: RequestHandler[][]): string;
-    patch(route: any, routeCallBack: 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, ...routeCallBacks: RequestHandler[]): string;
-    put(route: any, routeCallBack: RequestHandler[], ...routeCallBacks: RequestHandler[]): string;
-    put(route: any, routeCallBack: RequestHandler, ...routeCallBacks: RequestHandler[][]): string;
-    put(route: any, routeCallBack: 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, ...routeCallBacks: RequestHandler[]): string;
-    del(route: any, routeCallBack: RequestHandler[], ...routeCallBacks: RequestHandler[]): string;
-    del(route: any, routeCallBack: RequestHandler, ...routeCallBacks: RequestHandler[][]): string;
-    del(route: any, routeCallBack: 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, ...routeCallBacks: RequestHandler[]): string;
-    get(route: any, routeCallBack: RequestHandler[], ...routeCallBacks: RequestHandler[]): string;
-    get(route: any, routeCallBack: RequestHandler, ...routeCallBacks: RequestHandler[][]): string;
-    get(route: any, routeCallBack: 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, ...routeCallBacks: RequestHandler[]): string;
-    head(route: any, routeCallBack: RequestHandler[], ...routeCallBacks: RequestHandler[]): string;
-    head(route: any, routeCallBack: RequestHandler, ...routeCallBacks: RequestHandler[][]): string;
-    head(route: any, routeCallBack: 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, ...routeCallBacks: RequestHandler[]): string;
-    opts(route: any, routeCallBack: RequestHandler[], ...routeCallBacks: RequestHandler[]): string;
-    opts(route: any, routeCallBack: RequestHandler, ...routeCallBacks: RequestHandler[][]): string;
-    opts(route: any, routeCallBack: 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: Object;
+    log: any;
     acceptable: string[];
     url: string;
-    address: () => addressInterface;
+    address(): addressInterface;
     listen(...args: any[]): any;
     close(...args: any[]): any;
     pre(routeCallBack: RequestHandler): Server;
     server: http.Server;
     router: Router;
     routes: Route[];
-    toString: () => string;
+    toString(): string;
 }
 
-interface ServerOptions {
+export interface ServerOptions {
     ca?: string;
     certificate?: string | string[] | Buffer | Buffer[];
     key?: string | string[] | Buffer | Buffer[];
-    formatters?: Object;
-    log?: Object;
+    formatters?: any;
+    log?: any;
     name?: string;
-    spdy?: Object;
+    spdy?: any;
     version?: string;
     responseTimeHeader?: string;
-    responseTimeFormatter?: (durationInMilliseconds: number) => any;
+    responseTimeFormatter?(durationInMilliseconds: number): any;
     handleUpgrades?: boolean;
     router?: Router;
     httpsServerOptions?: any;
 	socketio?: boolean;
 }
 
-interface ClientOptions {
+export interface ClientOptions {
     accept?: string;
     connectTimeout?: number;
     requestTimeout?: number;
-    dtrace?: Object;
-    gzip?: Object;
-    headers?: Object;
-    log?: Object;
-    retry?: Object;
-    signRequest?: Function;
+    dtrace?: any;
+    gzip?: any;
+    headers?: any;
+    log?: any;
+    retry?: any;
+    signRequest?(): void;
     url?: string;
     userAgent?: string;
     version?: string;
 }
 
-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 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;
 }
 
-interface HttpClient extends Client {
-    get: (opts?: string | { path?: string; [name: string]: any }, callback?: Function) => any;
-    head: (opts?: string | { path?: string; [name: string]: any }, callback?: Function) => any;
-    post: (opts?: string | { path?: string; [name: string]: any }, callback?: Function) => any;
-    put: (opts?: string | { path?: string; [name: string]: any }, callback?: Function) => any;
-    patch: (opts?: string | { path?: string; [name: string]: any }, callback?: Function) => any;
-    del: (opts?: string | { path?: string; [name: string]: any }, callback?: Function) => any;
+export interface HttpClient extends Client {
+    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;
 }
 
-interface ThrottleOptions {
+export interface ThrottleOptions {
     burst?: number;
     rate?: number;
     ip?: boolean;
     xff?: boolean;
     username?: boolean;
-    tokensTable?: Object;
+    tokensTable?: any;
     maxKeys?: number;
-    overrides?: Object;
+    overrides?: any;
 }
 
-interface Next {
+export interface Next {
     (err?: any): any;
-    ifError?: (err?: any) => any;
+    ifError(err?: any): any;
 }
 
-interface RequestHandler {
-    (req: Request, res: Response, next: Next): any;
-}
-
-interface CORS {
-    (cors?: {
-        origins?: string[];
-        credentials?: boolean;
-        headers?: string[];
-    }): RequestHandler;
-    origins: string[];
-    ALLOW_HEADERS: string[];
-    credentials: boolean;
-}
+export type RequestHandler = (req: Request, res: Response, next: Next) => any;
 
 export function createServer(options?: ServerOptions): Server;
 
@@ -538,8 +517,10 @@ export function createClient(options?: ClientOptions): HttpClient;
 
 export class HttpError { constructor(cause: any, message?: any); }
 
-declare class DefiniteHttpError {
+export class DefiniteHttpError {
     constructor(message?: any);
+
+    // tslint:disable-next-line unified-signatures
     constructor(cause: any, message?: any);
 }
 
@@ -598,26 +579,35 @@ 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?: Object): RequestHandler;
-export function urlEncodedBodyParser(options?: Object): RequestHandler[];
+export function queryParser(options?: any): RequestHandler;
+export function urlEncodedBodyParser(options?: any): RequestHandler[];
 export function jsonp(): RequestHandler;
-export function gzipResponse(options?: Object): RequestHandler;
-export function bodyParser(options?: Object): RequestHandler[];
-export function requestLogger(options?: Object): RequestHandler;
-export function serveStatic(options?: Object): 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?: Object): Function;
+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 var CORS: CORS;
-
-export module pre {
-    export function pause(): RequestHandler;
-    export function sanitizePath(options?: any): RequestHandler;
-    export function userAgentConnection(options?: any): RequestHandler;
+export interface CORS {
+    (cors?: {
+        origins?: string[];
+        credentials?: boolean;
+        headers?: string[];
+    }): RequestHandler;
+    origins: string[];
+    ALLOW_HEADERS: string[];
+    credentials: boolean;
 }
+
+export const pre: {
+    pause(): RequestHandler;
+    sanitizePath(options?: any): RequestHandler;
+    userAgentConnection(options?: any): RequestHandler;
+};
diff --git a/types/restify/restify-tests.ts b/types/restify/restify-tests.ts
index aa5c7f0e91..34db48ba0a 100644
--- a/types/restify/restify-tests.ts
+++ b/types/restify/restify-tests.ts
@@ -1,20 +1,18 @@
+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;
 
-import restify = require("restify");
-import url = require("url");
+            if (body)
+                return body.toString('base64');
 
-var 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;
+            return body;
+        }
     }
-  }
 });
 
 server = restify.createServer({
@@ -27,18 +25,17 @@ server = restify.createServer({
     spdy: {},
     version: "",
     responseTimeHeader: "",
-    responseTimeFormatter : (durationInMilliseconds: number) => {},
-	socketio: false
+    responseTimeFormatter: (durationInMilliseconds: number) => { },
+    socketio: false
 });
 
 server.pre(restify.pre.sanitizePath());
 
-server.on('someEvent', ()=>{});
+server.on('someEvent', () => { });
 
-
-server.use((req, res, next)=>{});
-server.use([(req, res, next)=>{}]);
-server.use((req, res, next)=>{}, (req, res, next)=>{});
+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');
@@ -64,8 +61,8 @@ function send(req: restify.Request, res: restify.Response, next: restify.Next) {
     req.timers.pop() === { name: 'test', time: [0, 1234] };
     req.getLogger('test');
 
-    var log = req.log;
-    log.debug({params: req.params}, 'Hello there %s', 'foo');
+    const log = req.log;
+    log.debug({ params: req.params }, 'Hello there %s', 'foo');
 
     req.getContentLength() === 50;
     req.contentLength() === 50;
@@ -78,7 +75,7 @@ function send(req: restify.Request, res: restify.Response, next: restify.Next) {
     req.getPath() === 'test';
     req.path() === 'test';
     req.getQuery() === 'test';
-    req.query() === 'test';
+    req.query === 'test';
     req.secure === true;
     req.time() === 1463518410080;
     req.getUrl() === url.parse('http://test.test.test/test');
@@ -95,12 +92,12 @@ function send(req: restify.Request, res: restify.Response, next: restify.Next) {
 
     res.status(344);
 
-    res.send({hello: 'world'});
-    res.send(201, {hello: 'world'});
+    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.json(201, { hello: 'world' });
+    res.json({ hello: 'world' });
 
     res.code === 50;
     res.contentLength === 50;
@@ -113,22 +110,20 @@ function send(req: restify.Request, res: restify.Response, next: restify.Next) {
     return next();
 }
 
-
 server.post('/hello', send);
-server.put( '/hello', send);
-server.del( '/hello', send);
-server.get( '/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.put(/(.*)/, send);
+server.del(/(.*)/, send);
+server.get(/(.*)/, send);
 server.head(/(.*)/, send);
 server.opts(/(.*)/, send);
 
-
 new restify.BadRequestError();
 new restify.UnauthorizedError();
 new restify.PaymentRequiredError();
@@ -239,7 +234,6 @@ new restify.RequestThrottledError();
 new restify.ResourceNotFoundError();
 new restify.WrongAcceptError();
 
-
 server.name = "";
 server.version = "";
 server.log = {};
@@ -268,12 +262,12 @@ server.use(restify.throttle({
         '192.168.1.1': {
             rate: 0,
             burst: 0
-         }
+        }
     }
 }));
 
 server.on('after', restify.auditLogger({
-    log: ()=>{}
+    log: () => { }
 }));
 
 server.on('after', (req: restify.Request, res: restify.Response, route: restify.Route, err: any) => {
@@ -282,18 +276,18 @@ 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.auditLogger({ log: () => { } })(req, res, route, err);
 });
 
-restify.defaultResponseHeaders = function(data: any) {
-  this.header('Server', 'helloworld');
+(<any> restify).defaultResponseHeaders = function(this: restify.Request, data: any) {
+    this.header('Server', 'helloworld');
 };
 
-restify.defaultResponseHeaders = false;
+(<any> restify).defaultResponseHeaders = false;
 
-//RESTIFY Client Tests
+// RESTIFY Client Tests
 
-var client = restify.createJsonClient({
+let client = restify.createJsonClient({
     url: 'https://api.us-west-1.joyentcloud.com',
     version: '*'
 });
@@ -306,46 +300,43 @@ client = restify.createStringClient({
     headers: {},
     log: {},
     retry: {},
-    signRequest: ()=>{},
+    signRequest: () => { },
     url: "",
     userAgent: "",
     version: ""
 });
 
-client.head('test', function(err: any, req: restify.Request, res: restify.Response) { });
-client.put('path', {}, function(err: any, req: restify.Request, res: restify.Response, obj: any) { });
-client.patch('path', {}, function(err: any, req: restify.Request, res: restify.Response, obj: any) { });
-client.del('path', function(err: any, req: restify.Request, res: restify.Response) { });
+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' }, function(err: any, req: restify.Request, res: restify.Response, obj: any) {
+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', function(err: any, req: restify.Request, res: restify.Response, data: string) {
+client.get('/foo/bar', (err: any, req: restify.Request, res: restify.Response, data: string) => {
     console.log('%s', data);
 });
 
-var client2 = restify.createClient({
-  url: 'http://127.0.0.1'
+let client2 = restify.createClient({
+    url: 'http://127.0.0.1'
 });
 
-client2.get('/str/mcavage', function(err: any, req: any) {
-
-    req.on('result', function(err: any, res: any) {
-
+client2.get('/str/mcavage', (err: any, req: any) => {
+    req.on('result', (err: any, res: any) => {
         res.body = '';
         res.setEncoding('utf8');
-        res.on('data', function(chunk: string) {
+        res.on('data', (chunk: string) => {
             res.body += chunk;
         });
 
-        res.on('end', function() {
+        res.on('end', () => {
             console.log(res.body);
         });
     });
 });
 
-
 client.basicAuth('test', 'password');
 client2.basicAuth('test', 'password');
diff --git a/types/restify/tsconfig.json b/types/restify/tsconfig.json
index 4c145ff900..22c95b0fd2 100644
--- a/types/restify/tsconfig.json
+++ b/types/restify/tsconfig.json
@@ -5,8 +5,8 @@
             "es6"
         ],
         "noImplicitAny": true,
-        "noImplicitThis": false,
-        "strictNullChecks": false,
+        "noImplicitThis": true,
+        "strictNullChecks": true,
         "baseUrl": "../",
         "typeRoots": [
             "../"
@@ -19,4 +19,4 @@
         "index.d.ts",
         "restify-tests.ts"
     ]
-}
\ No newline at end of file
+}
diff --git a/types/restify/tslint.json b/types/restify/tslint.json
new file mode 100644
index 0000000000..3db14f85ea
--- /dev/null
+++ b/types/restify/tslint.json
@@ -0,0 +1 @@
+{ "extends": "dtslint/dt.json" }

From b794bedb72d3b88ccb3acc107076e05d242cc03e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Cl=C3=A9ment=20Pr=C3=A9vot?= <clement.prevot@gmail.com>
Date: Wed, 3 May 2017 19:57:45 +0200
Subject: [PATCH 150/321] Added type definitions for chai-arrays (#16266)

---
 types/chai-arrays/chai-arrays-tests.ts | 76 ++++++++++++++++++++++++++
 types/chai-arrays/index.d.ts           | 37 +++++++++++++
 types/chai-arrays/tsconfig.json        | 22 ++++++++
 types/chai-arrays/tslint.json          |  1 +
 4 files changed, 136 insertions(+)
 create mode 100644 types/chai-arrays/chai-arrays-tests.ts
 create mode 100644 types/chai-arrays/index.d.ts
 create mode 100644 types/chai-arrays/tsconfig.json
 create mode 100644 types/chai-arrays/tslint.json

diff --git a/types/chai-arrays/chai-arrays-tests.ts b/types/chai-arrays/chai-arrays-tests.ts
new file mode 100644
index 0000000000..7fabaacbca
--- /dev/null
+++ b/types/chai-arrays/chai-arrays-tests.ts
@@ -0,0 +1,76 @@
+import { expect } from 'chai';
+import { assert } from 'chai';
+
+import chai = require('chai');
+import ChaiArrays = require('chai-arrays');
+
+chai.use(ChaiArrays);
+chai.should();
+
+const arr: any[] = [1, 2, 3];
+const str: string = 'abcdef';
+
+const otherArr: number[] = [1, 2, 3];
+const anotherArr: number[] = [2, 4];
+const yetAnotherArr: number[] = [8, 5, 7];
+
+arr.should.be.array();
+str.should.not.be.array();
+
+expect(arr).to.be.array();
+expect(str).not.to.be.array();
+
+assert.array(arr, 'is array');
+
+arr.should.be.ofSize(3);
+arr.should.not.be.ofSize(4);
+
+expect(arr).to.be.ofSize(3);
+expect(str).not.to.be.ofSize(4);
+
+assert.ofSize(arr, 3, 'has 3 elements');
+
+arr.should.be.equalTo(otherArr);
+arr.should.not.be.equalTo(anotherArr);
+
+expect(arr).to.be.equalTo(otherArr);
+expect(str).to.be.not.equalTo(anotherArr);
+
+assert.equalTo(arr, otherArr, 'is equal to');
+
+arr.should.be.containing(1);
+arr.should.not.be.containing(4);
+
+expect(arr).to.be.containing(1);
+expect(str).to.be.not.containing(4);
+
+assert.containing(arr, 1, 'contains');
+
+arr.should.be.containingAllOf(otherArr);
+arr.should.not.be.containingAllOf(anotherArr);
+
+expect(arr).to.be.containingAllOf(otherArr);
+expect(str).to.be.not.containingAllOf(anotherArr);
+
+assert.containingAllOf(arr, otherArr, 'contains all of');
+
+arr.should.be.containingAnyOf(otherArr);
+arr.should.be.containingAnyOf(anotherArr);
+arr.should.not.be.containingAnyOf(yetAnotherArr);
+
+expect(arr).to.be.containingAnyOf(otherArr);
+expect(str).to.be.containingAnyOf(anotherArr);
+expect(str).to.be.not.containingAnyOf(yetAnotherArr);
+
+assert.containingAnyOf(arr, otherArr, 'contains any of');
+assert.containingAnyOf(arr, anotherArr, 'contains any of');
+
+arr.should.be.sorted();
+anotherArr.should.be.sorted();
+yetAnotherArr.should.be.sorted();
+
+expect(arr).to.be.sorted();
+expect(anotherArr).to.be.sorted();
+expect(yetAnotherArr).to.be.not.sorted();
+
+assert.sorted(arr, 'sorted');
diff --git a/types/chai-arrays/index.d.ts b/types/chai-arrays/index.d.ts
new file mode 100644
index 0000000000..d387d1614d
--- /dev/null
+++ b/types/chai-arrays/index.d.ts
@@ -0,0 +1,37 @@
+// Type definitions for chai-arrays 1.0
+// Project: https://github.com/GaneshSPatil/chai-arrays
+// Definitions by: Clément Prévot <https://github.com/clementprevot/>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+
+///<reference types="chai" />
+
+declare global {
+    namespace Chai {
+        interface Assertion extends LanguageChains, NumericComparison, TypeComparison {
+            array(): Assertion;
+            ofSize(size: number): Assertion;
+            equalTo(arr: any[]): Assertion;
+            containing(value: any): Assertion;
+            containingAllOf(values: any[]): Assertion;
+            containingAnyOf(values: any[]): Assertion;
+            sorted(): Assertion;
+        }
+
+        interface Assert {
+            array(val: any[], msg?: string): void;
+            ofSize(val: any[], size: number, msg?: string): void;
+            equalTo(val: any[], array: any[], msg?: string): void;
+            containing(val: any[], value: any, msg?: string): void;
+            containingAllOf(val: any[], values: any[], msg?: string): void;
+            containingAnyOf(val: any[], values: any[], msg?: string): void;
+            sorted(val: any[], msg?: string): void;
+        }
+    }
+
+    interface Array<T> {
+        should: Chai.Assertion;
+    }
+}
+
+declare function chaiArrays(chai: any, utils: any): void;
+export = chaiArrays;
diff --git a/types/chai-arrays/tsconfig.json b/types/chai-arrays/tsconfig.json
new file mode 100644
index 0000000000..a555dfb8e2
--- /dev/null
+++ b/types/chai-arrays/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",
+        "chai-arrays-tests.ts"
+    ]
+}
diff --git a/types/chai-arrays/tslint.json b/types/chai-arrays/tslint.json
new file mode 100644
index 0000000000..3db14f85ea
--- /dev/null
+++ b/types/chai-arrays/tslint.json
@@ -0,0 +1 @@
+{ "extends": "dtslint/dt.json" }

From 2ca5a0e8f40a6ace600c5e5a90ba9df0475d7e14 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Vesa=20Poikaj=C3=A4rvi?= <vesa.poikajarvi@iki.fi>
Date: Wed, 3 May 2017 20:58:47 +0300
Subject: [PATCH 151/321] [bookshelf] Model#orderBy and Collection#orderBy
 (#16277)

* Bookshelf Model#orderBy and Collection#orderBy

orderBt introduced in Bookshelf 0.9.3

* [bookshelf] orderBy explicit parameters instead of ...args

* [bookshelf] Use a type for sort order
---
 types/bookshelf/bookshelf-tests.ts | 22 +++++++++++++++++++++-
 types/bookshelf/index.d.ts         |  8 ++++++--
 2 files changed, 27 insertions(+), 3 deletions(-)

diff --git a/types/bookshelf/bookshelf-tests.ts b/types/bookshelf/bookshelf-tests.ts
index 61718a4274..de7c73b085 100644
--- a/types/bookshelf/bookshelf-tests.ts
+++ b/types/bookshelf/bookshelf-tests.ts
@@ -637,6 +637,16 @@ customer.on('fetching', (model, columns) => {
 
 /* model.once(), see http://bookshelfjs.org/#Model-instance-once */
 
+/* model.orderBy(), see http://bookshelfjs.org/#Model-instance-orderBy */
+{
+	(new User)
+		.orderBy('name', 'ASC')
+		.fetchAll()
+		.then((users: Bookshelf.Collection<User>) => {
+			console.log(users)
+		});
+}
+
 /* model.parse(), see http://bookshelfjs.org/#Model-instance-parse */
 
 // Example of a "parse" to convert snake_case to camelCase, using `underscore.string`
@@ -1096,6 +1106,16 @@ ships.on('fetched', (collection, response) => {
 
 /* collection.once(), see http://bookshelfjs.org/#Collection-instance-once */
 
+/* collection.orderBy(), see http://bookshelfjs.org/#Collection-instance-orderBy */
+{
+	User.collection()
+		.orderBy('-name')
+		.fetch()
+		.then((users: Bookshelf.Collection<User>) => {
+			console.log(users);
+		})
+}
+
 /* collection.parse(), see http://bookshelfjs.org/#Collection-instance-parse */
 
 /* collection.pluck(), see http://bookshelfjs.org/#Collection-instance-pluck */
@@ -1376,4 +1396,4 @@ new User({name: 'John'}).fetchAll({require: true})
 	new Country({id: 1}).capital().fetch().then(model => {
 		// ...
 	});
-}
\ No newline at end of file
+}
diff --git a/types/bookshelf/index.d.ts b/types/bookshelf/index.d.ts
index 398534806d..e6b61eb1cc 100644
--- a/types/bookshelf/index.d.ts
+++ b/types/bookshelf/index.d.ts
@@ -1,6 +1,6 @@
-// Type definitions for bookshelfjs v0.8.2
+// Type definitions for bookshelfjs v0.9.3
 // Project: http://bookshelfjs.org/
-// Definitions by: Andrew Schurman <http://github.com/arcticwaters>
+// Definitions by: Andrew Schurman <http://github.com/arcticwaters>, Vesa Poikajärvi <https://github.com/vesse>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 // TypeScript Version: 2.2
 
@@ -23,6 +23,8 @@ interface Bookshelf extends Bookshelf.Events<any> {
 declare function Bookshelf(knex: knex): Bookshelf;
 
 declare namespace Bookshelf {
+	type SortOrder = 'ASC'|'asc'|'DESC'|'desc';
+
 	abstract class Events<T> {
 		on(event?: string, callback?: EventFunction<T>, context?: any): void;
 		off(event?: string): void;
@@ -105,6 +107,7 @@ declare namespace Bookshelf {
 		morphOne<R extends Model<any>>(target: { new (...args: any[]): R }, name?: string, columnNames?: string[], morphValue?: string): R;
 		morphTo(name: string, columnNames?: string[], ...target: typeof Model[]): T;
 		morphTo(name: string, ...target: typeof Model[]): T;
+		orderBy(column: string, order?: SortOrder): T;
 
 		// Declaration order matters otherwise TypeScript gets confused between query() and query(...query: string[])
 		query(): Knex.QueryBuilder;
@@ -242,6 +245,7 @@ declare namespace Bookshelf {
 		detach(options?: SyncOptions): BlueBird<any>;
 		fetchOne(options?: CollectionFetchOneOptions): BlueBird<T>;
 		load(relations: string | string[], options?: SyncOptions): BlueBird<Collection<T>>;
+		orderBy(column: string, order?: SortOrder): T;
 
 		// Declaration order matters otherwise TypeScript gets confused between query() and query(...query: string[])
 		query(): Knex.QueryBuilder;

From 5857473cc7fb7b86b8ee66aebd6579bb3097d59e Mon Sep 17 00:00:00 2001
From: Tom Wanzek <tomwanzek@gmail.com>
Date: Wed, 3 May 2017 14:09:12 -0400
Subject: [PATCH 152/321] [d3-contour] Add Definitions (#16280)

* [d3-contour] Initialize skeleton

* [d3-contour]
* Initial definitions
* Add DOM to compilation context libraries

* [d3-contour]
* Add JSDoc comments
* Unify `thresholds(...)`-setter signatures which accept generator functions.

* [d3-contour]
* Add tests
* Add additional lint-rule to ignore unified-signatures for now

* [d3-contour]
* Linted.

* [d3-contour] Lint arrow function
---
 types/d3-contour/d3-contour-tests.ts | 189 ++++++++++++++++++++
 types/d3-contour/index.d.ts          | 246 +++++++++++++++++++++++++++
 types/d3-contour/tsconfig.json       |  23 +++
 types/d3-contour/tslint.json         |   6 +
 4 files changed, 464 insertions(+)
 create mode 100644 types/d3-contour/d3-contour-tests.ts
 create mode 100644 types/d3-contour/index.d.ts
 create mode 100644 types/d3-contour/tsconfig.json
 create mode 100644 types/d3-contour/tslint.json

diff --git a/types/d3-contour/d3-contour-tests.ts b/types/d3-contour/d3-contour-tests.ts
new file mode 100644
index 0000000000..a70f1f44e7
--- /dev/null
+++ b/types/d3-contour/d3-contour-tests.ts
@@ -0,0 +1,189 @@
+/**
+ * Typescript definition tests for d3/d3-contour module
+ *
+ * Note: These tests are intended to test the definitions only
+ * in the sense of typing and call signature consistency. They
+ * are not intended as functional tests.
+ */
+
+import * as d3Contour from 'd3-contour';
+import {
+    range,
+    thresholdSturges,
+    ThresholdArrayGenerator,
+    ThresholdCountGenerator
+} from 'd3-array';
+import { geoPath } from 'd3-geo';
+import { randomNormal } from 'd3-random';
+
+// -----------------------------------------------------------------------------
+// Preparatory Steps
+// -----------------------------------------------------------------------------
+
+// Some test setup is based on Contour Plot II Golstein-Price function at https://bl.ocks.org/mbostock/f48ff9c1af4d637c9a518727f5fdfef5
+
+const n = 256;
+const m = 256;
+const values: number[] = new Array(n * m);
+for (let j = 0.5, k = 0; j < m; ++j) {
+    for (let i = 0.5; i < n; ++i, ++k) {
+        values[k] = goldsteinPrice(i / n * 4 - 2, 1 - j / m * 3);
+    }
+}
+
+function goldsteinPrice(x: number, y: number) {
+    return (1 + Math.pow(x + y + 1, 2) * (19 - 14 * x + 3 * x * x - 14 * y + 6 * x * x + 3 * y * y))
+        * (30 + Math.pow(2 * x - 3 * y, 2) * (18 - 32 * x + 12 * x * x + 48 * y - 36 * x * y + 27 * y * y));
+}
+
+let size: [number, number];
+let boolFlag: boolean;
+const thresholdArrayGen: ThresholdArrayGenerator<number> = (values: number[], min: number, max: number) => {
+    let thresholds: number[];
+    thresholds = [values[1], values[2], values[4]];
+    return thresholds;
+};
+
+let thresholdGenerator: ThresholdArrayGenerator<number> | ThresholdCountGenerator;
+let pathStringMaybe: string | undefined;
+let num: number;
+
+const pathSolo = geoPath<any, d3Contour.ContourMultiPolygon>();
+
+// -----------------------------------------------------------------------------
+// Test Contour Generator
+// -----------------------------------------------------------------------------
+
+// Get contour generator -------------------------------------------------------
+
+let contGen: d3Contour.Contours = d3Contour.contours();
+
+// Configure contour generator =================================================
+
+// size(...) -------------------------------------------------------------------
+
+// set with chainability
+contGen = contGen.size([n, m]);
+
+size = contGen.size();
+
+// smooth(...) -----------------------------------------------------------------
+
+// set with chainability
+contGen = contGen.smooth(true);
+
+boolFlag = contGen.smooth();
+
+// thresholds(...) -------------------------------------------------------------
+
+// set with count
+contGen = contGen.thresholds(10);
+
+// set with array
+const thresholds1 = range(1, 21)
+    .map(p => Math.pow(2, p));
+contGen = contGen.thresholds(thresholds1);
+
+// set with threshold array generator
+
+contGen = contGen.thresholds(thresholdArrayGen); // mock
+
+// set with threshold count generator
+
+contGen = contGen.thresholds(thresholdSturges);
+
+// get
+thresholdGenerator = contGen.thresholds();
+
+// Use contour generator =======================================================
+
+pathStringMaybe = pathSolo(contGen(values)[0]);
+
+// -----------------------------------------------------------------------------
+// Test Contour Generator for Density Estimates
+// -----------------------------------------------------------------------------
+
+interface CustomDatum {
+    x: number;
+    y: number;
+}
+
+// Get contour generator -------------------------------------------------------
+
+let contDensDefault: d3Contour.ContourDensity<[number, number]> = d3Contour.contourDensity();
+let contDensCustom: d3Contour.ContourDensity<CustomDatum> = d3Contour.contourDensity<CustomDatum>();
+
+// Configure contour generator =================================================
+
+// x(...) ----------------------------------------------------------------------
+
+// set with chainability
+contDensCustom = contDensCustom.x((datum) => {
+    const d: CustomDatum = datum; // check passed in argument type
+    return d.x;
+});
+
+// get
+const xAcc: (d: CustomDatum) => number = contDensCustom.x();
+
+// y(...) ----------------------------------------------------------------------
+
+// set with chainability
+contDensCustom = contDensCustom.y((datum) => {
+    const d: CustomDatum = datum; // check passed in argument type
+    return d.y;
+});
+
+// get
+const yAcc: (d: CustomDatum) => number = contDensCustom.y();
+
+// size(...) -------------------------------------------------------------------
+
+// set with chainability
+contDensCustom = contDensCustom.size([900, 600]);
+
+size = contDensCustom.size();
+
+// cellSize(...) -----------------------------------------------------------------
+
+// set with chainability
+contDensCustom = contDensCustom.cellSize(3);
+
+num = contDensCustom.cellSize();
+
+// thresholds(...) -------------------------------------------------------------
+
+// set with count
+contDensCustom = contDensCustom.thresholds(10);
+
+// set with array
+contDensCustom = contDensCustom.thresholds([0.1, 0.25, 0.5, 0.75, 1]);
+
+// set with threshold array generator
+contDensCustom = contDensCustom.thresholds(thresholdArrayGen); // mock
+
+// set with threshold count generator
+contDensCustom = contDensCustom.thresholds(thresholdSturges);
+
+// get
+thresholdGenerator = contDensCustom.thresholds();
+
+// bandwidth(...) --------------------------------------------------------------
+// set with chainability
+contDensCustom = contDensCustom.bandwidth(40);
+// get
+num = contDensCustom.bandwidth();
+
+// Use contour generator =======================================================
+
+const indNorm: CustomDatum[] = [];
+const rX = randomNormal();
+const rY = randomNormal(1, 2);
+for (let i = 0; i < 1000; i++) {
+    indNorm.push({
+        x: rX(),
+        y: rY()
+    });
+}
+
+pathStringMaybe = pathSolo(contDensCustom(indNorm)[0]);
diff --git a/types/d3-contour/index.d.ts b/types/d3-contour/index.d.ts
new file mode 100644
index 0000000000..2222e459a1
--- /dev/null
+++ b/types/d3-contour/index.d.ts
@@ -0,0 +1,246 @@
+// Type definitions for d3-contour 1.1
+// Project: https://d3js.org/d3-contour/
+// Definitions by: Tom Wanzek <https://github.com/tomwanzek>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+
+// Last module patch version validated against: 1.1.0
+
+import { MultiPolygon } from 'geojson';
+import { ThresholdArrayGenerator, ThresholdCountGenerator } from 'd3-array';
+
+/**
+ * An extended GeoJSON MultiPolygon representing a contour.
+ */
+export interface ContourMultiPolygon extends MultiPolygon {
+    /**
+     * Threshold value of the contour.
+     */
+    value: number;
+}
+
+/**
+ * A contour generator which computes contour polygons by applying marching squares to a rectangular array of numeric values.
+ *
+ * For each threshold value, the contour generator constructs a GeoJSON MultiPolygon geometry object representing the area
+ * where the input values are greater than or equal to the threshold value.
+ * The geometry is in planar coordinates, where ⟨i + 0.5, j + 0.5⟩ corresponds to element i + jn in the input values array.
+ *
+ */
+export interface Contours {
+    /**
+     * Computes the contours for the given array of values, returning an array of GeoJSON MultiPolygon geometry objects.
+     * Each geometry object represents the area where the input values are greater than or equal to the corresponding threshold value;
+     * the threshold value for each geometry object is exposed as geometry.value.
+     *
+     * The returned geometry objects are typically passed to d3.geoPath to display,
+     * using null or d3.geoIdentity as the associated projection
+     *
+     * @param values Array of input values. The input values must be an array of length n×m where [n, m] is the contour generator’s size;
+     * furthermore, each values[i + jn] must represent the value at the position ⟨i, j⟩.
+     */
+    (values: number[]): ContourMultiPolygon[];
+
+    /**
+     * Return the expected size of the input values grid, which defaults to [1,1].
+     */
+    size(): [number, number];
+    /**
+     * Sets the expected size of the input values grid to the contour generator and returns the contour generator.
+     *
+     * @param size Size of the input values grid specified as an array [n, m]
+     * where n is the number of columns in the grid and m is the number of rows; n and m must be positive integers.
+     */
+    size(size: [number, number]): this;
+
+    /**
+     * Returns the current smoothing flag, which defaults to true.
+     */
+    smooth(): boolean;
+    /**
+     * Sets whether or not the generated contour polygons are smoothed using linear interpolation and returns the contour generator.
+     *
+     * @param smooth Flag to enable linear interpolation. The default is "true".
+     */
+    smooth(smooth: boolean): this;
+
+    /**
+     * Returns the current threshold generator, which by default implements Sturges’ formula.
+     */
+    thresholds(): ThresholdCountGenerator | ThresholdArrayGenerator<number>;
+    /**
+     * Sets the threshold generator to use the specified count and returns this contour generator.
+     * The input values’ extent will be uniformly divided into approximately count bins.
+     *
+     * @param count Expected number of threshold bins.
+     */
+    thresholds(count: number): this;
+    /**
+     * Sets the threshold generator to the specified array and returns this contour generator.
+     *
+     * Thresholds are defined as an array of values [x0, x1, …].
+     * The first generated contour corresponds to the area where the input values are greater than or equal to x0;
+     * the second contour corresponds to the area where the input values are greater than or equal to x1, and so on.
+     * Thus, there is exactly one generated MultiPolygon geometry object for each specified threshold value;
+     * the threshold value is exposed as geometry.value.
+     *
+     * @param thresholds Array of thresholds to use.
+     */
+    thresholds(thresholds: number[]): this;
+    /**
+     * Sets the threshold generator to the specified function and returns this contour generator.
+     *
+     * Thresholds are defined as an array of values [x0, x1, …].
+     * The first generated contour corresponds to the area where the input values are greater than or equal to x0;
+     * the second contour corresponds to the area where the input values are greater than or equal to x1, and so on.
+     * Thus, there is exactly one generated MultiPolygon geometry object for each specified threshold value;
+     * the threshold value is exposed as geometry.value.
+     *
+     * @param thresholds A threshold generator function. The threshold generator function is passed the array of input values
+     * as its argument and returns either an array of calculated thresholds, or the count of thresholds to use.
+     */
+    thresholds(thresholds: ThresholdCountGenerator | ThresholdArrayGenerator<number>): this;
+}
+
+/**
+ * Construct a new contour generator with the default settings.
+ */
+export function contours(): Contours;
+
+/**
+ * A contour generator for density estimates.
+ */
+export interface ContourDensity<Datum> {
+    /**
+     * Estimates the density contours for the given array of data, returning an array of GeoJSON MultiPolygon geometry objects.
+     * Each geometry object represents the area where the estimated number of points per square pixel is greater than or equal to
+     * the corresponding threshold value; the threshold value for each geometry object is exposed as geometry.value.
+     * The returned geometry objects are typically passed to d3.geoPath to display, using null or d3.geoIdentity as the associated projection.
+     * See also d3.contours.
+     *
+     * The x- and y-coordinate for each data point are computed using density.x and density.y.
+     * The generated contours are only accurate within the estimator’s defined size.
+     *
+     * @param data Array of input data.
+     */
+    (data: Datum[]): ContourMultiPolygon[];
+
+    /**
+     * Returns the current x-coordinate accessor.
+     * The default x-coordinate accessor is a functions which accepts as input a two-element array of numbers
+     * and returns the element at index 0.
+     */
+    x(): (d: Datum) => number;
+    /**
+     * Sets the x-coordinate accessor and returns the density contour estimator.
+     *
+     * @param x An x-coordinate accessor function, which accepts as input an element of the input data array and returns the
+     * x-coordinate.
+     */
+    x(x: (d: Datum) => number): this;
+
+    /**
+     * Returns the current y-coordinate accessor.
+     * The default y-coordinate accessor is a functions which accepts as input a two-element array of numbers
+     * and returns the element at index 1.
+     */
+    y(): (d: Datum) => number;
+    /**
+     * Sets the y-coordinate accessor and returns the density contour estimator.
+     *
+     * @param y An y-coordinate accessor function, which accepts as input an element of the input data array and returns the
+     * y-coordinate.
+     */
+    y(y: (d: Datum) => number): this;
+
+    /**
+     * Returns the current size, which defaults to [960, 500].
+     */
+    size(): [number, number];
+    /**
+     * Sets the size of the density estimator to the specified bounds and returns the density contour estimator.
+     *
+     * @param size The size is specified as an array [width, height], where width is the maximum x-value and height is the maximum y-value.
+     */
+    size(size: [number, number]): this;
+
+    /**
+     * Returns the current cell size, which defaults to 4.
+     */
+    cellSize(): number;
+    /**
+     * Sets the size of individual cells in the underlying bin grid to the specified positive integer and returns the density contour estimator.
+     *
+     * The cell size is rounded down to the nearest power of two. Smaller cells produce more detailed contour polygons, but are more expensive to compute.
+     *
+     * @param cellSize Cell size, a positive integer.
+     */
+    cellSize(cellSize: number): this;
+
+    /**
+     * Returns the current threshold generator, which by default generates about twenty nicely-rounded density thresholds.
+     */
+    thresholds(): ThresholdCountGenerator | ThresholdArrayGenerator<number>;
+    /**
+     * Sets the threshold generator to use the specified count and returns this density contour estimator.
+     * Approximately count uniformly-spaced nicely-rounded thresholds will be generated.
+     *
+     * @param count Expected number of thresholds.
+     */
+    thresholds(count: number): this;
+    /**
+     * Sets the threshold generator to the specified array and returns this density contour estimator.
+     *
+     * Thresholds are defined as an array of values [x0, x1, …]. The first generated density contour corresponds to the area
+     * where the estimated density is greater than or equal to x0; the second contour corresponds to the area
+     * where the estimated density is greater than or equal to x1, and so on.
+     * Thus, there is exactly one generated MultiPolygon geometry object for each specified threshold value;
+     *  the threshold value is exposed as geometry.value. The first value x0 should typically be greater than zero.
+     *
+     * @param thresholds Array of thresholds to use.
+     */
+    thresholds(thresholds: number[]): this;
+    /**
+     * Sets the threshold generator to the specified function and returns this density contour estimator.
+     *
+     * Thresholds are defined as an array of values [x0, x1, …]. The first generated density contour corresponds to the area
+     * where the estimated density is greater than or equal to x0; the second contour corresponds to the area
+     * where the estimated density is greater than or equal to x1, and so on.
+     * Thus, there is exactly one generated MultiPolygon geometry object for each specified threshold value;
+     *  the threshold value is exposed as geometry.value. The first value x0 should typically be greater than zero.
+     *
+     * @param thresholds A threshold generator function. The threshold generator function is passed the array of input values
+     * as its argument and returns either an array of calculated thresholds, or the count of thresholds to use.
+     */
+    thresholds(thresholds: ThresholdCountGenerator | ThresholdArrayGenerator<number>): this;
+
+    /**
+     * Returns the current bandwidth, which defaults to 20.4939….
+     */
+    bandwidth(): number;
+    /**
+     * Sets the bandwidth (the standard deviation) of the Gaussian kernel and returns the density contour estimator.
+     *
+     * @param bandwidth Bandwidth (the standard deviation) of the Gaussian kernel.
+     * The specified bandwidth is currently rounded to the nearest supported value by this implementation, and must be nonnegative.
+     */
+    bandwidth(bandwidth: number): this;
+}
+
+/**
+ * Construct a new contour generator for density estimates with the default settings.
+ *
+ * The default settings assume that, the elements of the data array used
+ * with the density contour generator are two-element arrays. The first element
+ * corresponds to the x-dimension, the second to the y-dimension.
+ */
+export function contourDensity(): ContourDensity<[number, number]>;
+/**
+ * Construct a new contour generator for density estimates.
+ *
+ * The generic refers to the data type of an element in the data array
+ * used with the density contour generator.
+ *
+ * Important: ensure that the x- and y-accessor functions are configured to
+ * match the data type used for the generic Datum.
+ */
+export function contourDensity<Datum>(): ContourDensity<Datum>;
diff --git a/types/d3-contour/tsconfig.json b/types/d3-contour/tsconfig.json
new file mode 100644
index 0000000000..4f9d0a8284
--- /dev/null
+++ b/types/d3-contour/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",
+        "d3-contour-tests.ts"
+    ]
+}
diff --git a/types/d3-contour/tslint.json b/types/d3-contour/tslint.json
new file mode 100644
index 0000000000..08016de61a
--- /dev/null
+++ b/types/d3-contour/tslint.json
@@ -0,0 +1,6 @@
+{
+  "extends": "dtslint/dt.json",
+  "rules": {
+    "unified-signatures": false
+  }
+}

From cf786aea6d593d79d6a0e6967c52872ec1011edb Mon Sep 17 00:00:00 2001
From: hgossler <hendrik.gossler@gmail.com>
Date: Wed, 3 May 2017 12:09:38 -0600
Subject: [PATCH 153/321] Add functions for v1.10 (#16281)

- VError.hasCauseWithName
- VError.errorFromList
- VError.errorForEach
---
 types/verror/index.d.ts      | 7 +++++--
 types/verror/verror-tests.ts | 9 +++++++++
 2 files changed, 14 insertions(+), 2 deletions(-)

diff --git a/types/verror/index.d.ts b/types/verror/index.d.ts
index b8a14ae425..a77a81f349 100644
--- a/types/verror/index.d.ts
+++ b/types/verror/index.d.ts
@@ -1,4 +1,4 @@
-// Type definitions for verror 1.9
+// Type definitions for verror 1.10
 // Project: https://github.com/davepacheco/node-verror
 // Definitions by: Sven Reglitzki <https://github.com/svi3c/>, Maxime Toumi-M <https://github.com/max4t/>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
@@ -22,8 +22,11 @@ declare class VError extends Error {
 
     static cause(err: Error): Error | null;
     static info(err: Error): VError.Info;
-    static findCauseByName(err: Error, name: string): Error | null;
     static fullStack(err: Error): string;
+    static findCauseByName(err: Error, name: string): Error | null;
+    static hasCauseWithName(err: Error, name: string): boolean;
+    static errorFromList<T extends Error>(errors: T[]): null | T | VError.MultiError;
+    static errorForEach(err: Error, func: (err: Error) => void): void;
 
     cause(): Error | undefined;
     constructor(options: VError.Options | Error, message: string, ...params: any[]);
diff --git a/types/verror/verror-tests.ts b/types/verror/verror-tests.ts
index efb52c9178..c3b560bfb2 100644
--- a/types/verror/verror-tests.ts
+++ b/types/verror/verror-tests.ts
@@ -25,3 +25,12 @@ const info: { [k: string]: any } = VError.info(verror3);
 const namedCause: Error | null = VError.findCauseByName(verror3, "fooError");
 const stack: string = VError.fullStack(verror3);
 const cause3: Error | null = VError.cause(verror3);
+
+// Added in v1.9
+const hasCause: boolean = VError.hasCauseWithName(error, "name");
+
+// Added in v1.10
+const toList1: null|VError|MultiError = VError.errorFromList([verror1]);
+const toList2: null|Error|MultiError = VError.errorFromList([error, verror1]);
+
+VError.errorForEach(multiError, (error: Error) => {});

From 8f7ff04d075c5a201f54d512aef37fc22c5b206e Mon Sep 17 00:00:00 2001
From: taoqf <tao_qiufeng@126.com>
Date: Wed, 3 May 2017 13:10:52 -0500
Subject: [PATCH 154/321] Add type definition for cwise-parser (#16282)

* add weixin-app

* add wx

* add new line at end of file

* tslint wx and wx-app

* fixed test error

* change project name weixin

* rename

* weixin-app Add param this

* change discription of jweixin

* add some Event declaration

* change tslint config
extends dtslint/dt.json

* add defination of ccap, qr-image

* remove redundant jsdoc

* remove doc

* allow overloads

* inline some types

* fix tslint error

* ndarray
add tslint
export like a module style

* ndarray make ndarray as a interface

* ndarray: export type Data

* add defination of cwise-parser

* add type definition for cwise-copiler

* fix tslint error

* add type definition for cwise
---
 types/cwise-compiler/cwise-compiler-tests.ts |  76 ++++
 types/cwise-compiler/index.d.ts              |  49 +++
 types/cwise-compiler/tsconfig.json           |  22 ++
 types/cwise-compiler/tslint.json             |   3 +
 types/cwise-parser/cwise-parser-tests.ts     |  26 ++
 types/cwise-parser/index.d.ts                |  22 ++
 types/cwise-parser/tsconfig.json             |  22 ++
 types/cwise-parser/tslint.json               |   3 +
 types/cwise/cwise-tests.ts                   | 366 +++++++++++++++++++
 types/cwise/index.d.ts                       |  24 ++
 types/cwise/tsconfig.json                    |  22 ++
 types/cwise/tslint.json                      |   3 +
 12 files changed, 638 insertions(+)
 create mode 100644 types/cwise-compiler/cwise-compiler-tests.ts
 create mode 100644 types/cwise-compiler/index.d.ts
 create mode 100644 types/cwise-compiler/tsconfig.json
 create mode 100644 types/cwise-compiler/tslint.json
 create mode 100644 types/cwise-parser/cwise-parser-tests.ts
 create mode 100644 types/cwise-parser/index.d.ts
 create mode 100644 types/cwise-parser/tsconfig.json
 create mode 100644 types/cwise-parser/tslint.json
 create mode 100644 types/cwise/cwise-tests.ts
 create mode 100644 types/cwise/index.d.ts
 create mode 100644 types/cwise/tsconfig.json
 create mode 100644 types/cwise/tslint.json

diff --git a/types/cwise-compiler/cwise-compiler-tests.ts b/types/cwise-compiler/cwise-compiler-tests.ts
new file mode 100644
index 0000000000..38e19de886
--- /dev/null
+++ b/types/cwise-compiler/cwise-compiler-tests.ts
@@ -0,0 +1,76 @@
+/// <reference types='node' />
+
+import * as parse from 'cwise-parser';
+import * as ndarray from 'ndarray';
+import * as compile from 'cwise-compiler';
+import * as tape from 'tape';
+
+tape("block tests", (t) => {
+	const ops = require('ndarray-ops');
+	const body2 = parse((a: number, b: number[]) => {
+		a = b[0] + b[1] + 1;
+	});
+	const body23 = parse((a: number, b: number[][]) => {
+		a = b[0][0] * b[1][0] + b[0][1] * b[1][1] + b[0][2] * b[1][2];
+	});
+
+	// Test with block index at the front of the indices
+	const c1 = compile({
+		args: ["array", { blockIndices: 1 }],
+		pre: parse(() => { }),
+		body: body2,
+		post: parse(() => { }),
+		debug: false,
+		funcName: "cwise",
+		blockSize: 64
+	});
+
+	const a1 = ndarray([1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12], [3, 4]);
+	const b1 = ndarray([57, 17, 95, 78, 16, 96, 85, 93, 38, 42, 16, 66, 23, 77, 17, 36, 30, 52, 16, 18, 23, 69, 67, 27], [2, 3, 4]);
+	const ref1 = ndarray([81, 95, 113, 115, 47, 149, 102, 112, 62, 112, 84, 94], [3, 4]);
+
+	c1(a1, b1);
+
+	t.ok(ops.equals(a1, ref1), "front block");
+
+	// Test with block index at the back of the indices
+	const c2 = compile({
+		args: ["array", { blockIndices: -1 }],
+		pre: parse(() => { }),
+		body: body2,
+		post: parse(() => { }),
+		debug: false,
+		funcName: "cwise",
+		blockSize: 64
+	});
+
+	const a2 = ndarray([1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12], [3, 4]);
+	const b2 = ndarray([57, 17, 95, 78, 16, 96, 85, 93, 38, 42, 16, 66, 23, 77, 17, 36, 30, 52, 16, 18, 23, 69, 67, 27], [3, 4, 2]);
+	const ref2 = ndarray([75, 174, 113, 179, 81, 83, 101, 54, 83, 35, 93, 95], [3, 4]);
+
+	c2(a2, b2);
+
+	t.ok(ops.equals(a2, ref2), "back block");
+
+	// Multiple block indices
+	const c3 = compile({
+		args: ["array", { blockIndices: -2 }],
+		pre: parse(() => { }),
+		body: body23,
+		post: parse(() => { }),
+		debug: false,
+		funcName: "cwise",
+		blockSize: 64
+	});
+	const a3 = ndarray([1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12], [3, 4]);
+	const b3 = ndarray([48, 46, 89, 64, 72, 96, 38, 37, 79, 92, 89, 62, 84, 41, 13, 81, 53, 30, 68, 78, 34, 81, 90, 50,
+		82, 97, 46, 18, 11, 79, 15, 68, 88, 58, 71, 84, 76, 35, 74, 82, 27, 47, 59, 25, 78, 61, 10, 43,
+		96, 59, 21, 74, 41, 67, 11, 72, 38, 62, 95, 66, 57, 44, 93, 10, 51, 59, 50, 85, 71, 41, 79, 45], [3, 4, 2, 3]);
+	const ref = ndarray([14928, 11687, 9367, 14228, 6177, 13090, 10655, 7203, 10930, 10030, 8301, 11960], [3, 4]);
+
+	c3(a3, b3);
+
+	t.ok(ops.equals(a3, ref), "block with two indices");
+
+	t.end();
+});
diff --git a/types/cwise-compiler/index.d.ts b/types/cwise-compiler/index.d.ts
new file mode 100644
index 0000000000..e661934a6a
--- /dev/null
+++ b/types/cwise-compiler/index.d.ts
@@ -0,0 +1,49 @@
+// Type definitions for cwise-compiler 1.1
+// Project: https://github.com/scijs/cwise-compiler
+// Definitions by: taoqf <https://github.com/taoqf>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+
+import { CompiledRoutine } from 'cwise-parser';
+import * as ndarray from 'ndarray';
+
+declare namespace cwise_compiler {
+	interface BlockIndice {
+		blockIndices: number;
+	}
+	interface OffsetArg {
+		offset: number[];
+		array: number;
+	}
+	type ArgType = 'array' | 'offset' | 'shape' | 'scalar' | 'index' | BlockIndice | OffsetArg;
+	interface UserArgs {
+		args: ArgType[];
+		pre: CompiledRoutine;
+		body: CompiledRoutine;
+		post: CompiledRoutine;
+		debug: boolean;
+		funcName: string;
+		blockSize: number;
+		printCode?: boolean;
+	}
+	interface Procedure {
+		argTypes: ArgType[];
+		shimArgs: string[];
+		arrayArgs: number[];
+		arrayBlockIndices: number[];
+		scalarArgs: number[];
+		offsetArgs: OffsetArg[];
+		offsetArgIndex: number[];
+		indexArgs: number[];
+		shapeArgs: number[];
+		funcName: string;
+		pre: CompiledRoutine;
+		body: CompiledRoutine;
+		post: CompiledRoutine;
+		debug: boolean;
+		blockSize?: number;
+	}
+}
+
+declare function cwise_compiler(user_args: cwise_compiler.UserArgs): (a: ndarray, b: ndarray, ...args: ndarray[]) => ndarray;
+
+export = cwise_compiler;
diff --git a/types/cwise-compiler/tsconfig.json b/types/cwise-compiler/tsconfig.json
new file mode 100644
index 0000000000..a78923fa03
--- /dev/null
+++ b/types/cwise-compiler/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",
+        "cwise-compiler-tests.ts"
+    ]
+}
diff --git a/types/cwise-compiler/tslint.json b/types/cwise-compiler/tslint.json
new file mode 100644
index 0000000000..531fb4ef87
--- /dev/null
+++ b/types/cwise-compiler/tslint.json
@@ -0,0 +1,3 @@
+{
+	"extends": "dtslint/dt.json"
+}
\ No newline at end of file
diff --git a/types/cwise-parser/cwise-parser-tests.ts b/types/cwise-parser/cwise-parser-tests.ts
new file mode 100644
index 0000000000..c50b9be06a
--- /dev/null
+++ b/types/cwise-parser/cwise-parser-tests.ts
@@ -0,0 +1,26 @@
+import * as parser from "cwise-parser";
+// import parser = require("cwise-parser");
+import * as tape from "tape";
+
+tape("basic tests", (t) => {
+	const parsed = parser((a: number, b: number, c: number) => {
+		a += b;
+		c = Math.cos(b);
+	});
+
+	t.equals(parsed.args.length, 3);
+
+	t.equals(parsed.args[0].lvalue, true);
+	t.equals(parsed.args[0].rvalue, true);
+	t.equals(parsed.args[0].count, 1);
+
+	t.equals(parsed.args[1].lvalue, false);
+	t.equals(parsed.args[1].rvalue, true);
+	t.equals(parsed.args[1].count, 2);
+
+	t.equals(parsed.args[2].lvalue, true);
+	t.equals(parsed.args[2].rvalue, false);
+	t.equals(parsed.args[2].count, 1);
+
+	t.end();
+});
diff --git a/types/cwise-parser/index.d.ts b/types/cwise-parser/index.d.ts
new file mode 100644
index 0000000000..d2a06fd7f1
--- /dev/null
+++ b/types/cwise-parser/index.d.ts
@@ -0,0 +1,22 @@
+// Type definitions for cwise-parser 1.0
+// Project: https://github.com/scijs/cwise-parser#readme
+// Definitions by: taoqf <https://github.com/taoqf>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+
+declare namespace cwise_parser {
+	interface CompiledArgument {
+		name: string;
+		lvalue: boolean;
+		rvalue: boolean;
+		count: number;
+	}
+	interface CompiledRoutine {
+		body: string;
+		args: CompiledArgument[];
+		thisVars: string[];
+		localVars: string[];
+	}
+}
+
+declare function cwise_parser<T>(func: (a: number, ...args: T[]) => any): cwise_parser.CompiledRoutine;
+export = cwise_parser;
diff --git a/types/cwise-parser/tsconfig.json b/types/cwise-parser/tsconfig.json
new file mode 100644
index 0000000000..ce6c3c1355
--- /dev/null
+++ b/types/cwise-parser/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",
+        "cwise-parser-tests.ts"
+    ]
+}
diff --git a/types/cwise-parser/tslint.json b/types/cwise-parser/tslint.json
new file mode 100644
index 0000000000..531fb4ef87
--- /dev/null
+++ b/types/cwise-parser/tslint.json
@@ -0,0 +1,3 @@
+{
+	"extends": "dtslint/dt.json"
+}
\ No newline at end of file
diff --git a/types/cwise/cwise-tests.ts b/types/cwise/cwise-tests.ts
new file mode 100644
index 0000000000..66843adfe2
--- /dev/null
+++ b/types/cwise/cwise-tests.ts
@@ -0,0 +1,366 @@
+import * as cwise from 'cwise';
+import * as ndarray from 'ndarray';
+import * as tape from 'tape';
+
+// basic
+tape("only allow same shape", (t) => {
+	const op1 = cwise({
+		args: ["array"],
+		body: (a: number) => { a = 1; }
+	});
+	const op2 = cwise({
+		args: ["array", "array"],
+		body: (a: number, b: number) => { a = b; }
+	});
+	const op3 = cwise({
+		args: ["array", "array", "array"],
+		body: (a: number, b: number, c: number) => { a = b + c; }
+	});
+	const op2block_pos = cwise({
+		args: ["array", { blockIndices: 1 }],
+		body: (a: number, b: number[]) => { a = b[1]; }
+	});
+	const op2block_neg = cwise({
+		args: ["array", { blockIndices: -1 }],
+		body: (a: number, b: number[]) => { a = b[1]; }
+	});
+
+	t.doesNotThrow(() => { op1(ndarray([1, 2, 3], [3])); });
+	t.doesNotThrow(() => { op2(ndarray([1, 2, 3], [3]), ndarray([1, 2, 3], [3])); });
+	t.doesNotThrow(() => { op2(ndarray([1, 2, 3, 4, 5, 6], [3, 2]), ndarray([1, 2, 3, 4, 5, 6], [3, 2])); });
+	t.doesNotThrow(() => { op3(ndarray([1, 2, 3], [3]), ndarray([1, 2, 3], [3]), ndarray([1, 2, 3], [3])); });
+	t.doesNotThrow(() => { op2block_pos(ndarray([1, 2], [2]), ndarray([1, 2, 3, 4, 5, 6], [3, 2])); });
+	t.doesNotThrow(() => { op2block_neg(ndarray([1, 2, 3], [3]), ndarray([1, 2, 3, 4, 5, 6], [3, 2])); });
+
+	t.throws(() => { op2(ndarray([1, 2, 3], [3]), ndarray([1, 2], [2])); });
+	t.throws(() => { op2(ndarray([1, 2, 3, 4, 5, 6], [3, 2]), ndarray([1, 2, 3], [3, 1])); });
+	t.throws(() => { op2(ndarray([1, 2, 3, 4, 5, 6], [3, 2]), ndarray([1, 2, 3, 4], [2, 2])); });
+	t.throws(() => { op3(ndarray([1, 2, 3], [3]), ndarray([1, 2, 3], [3]), ndarray([1, 2], [2])); });
+	t.throws(() => { op3(ndarray([1, 2, 3], [3]), ndarray([1, 2], [2]), ndarray([1, 2, 3], [3])); });
+	t.throws(() => { op3(ndarray([1, 2], [2]), ndarray([1, 2, 3], [3]), ndarray([1, 2, 3], [3])); });
+	t.throws(() => { op2block_pos(ndarray([1, 2, 3], [3]), ndarray([1, 2, 3, 4, 5, 6], [3, 2])); });
+	t.throws(() => { op2block_neg(ndarray([1, 2], [2]), ndarray([1, 2, 3, 4, 5, 6], [3, 2])); });
+	t.throws(() => { op2block_pos(ndarray([1, 2, 3, 4, 5, 6], [3, 2]), ndarray([1, 2, 3, 4], [2, 2])); });
+	t.throws(() => { op2block_neg(ndarray([1, 2, 3, 4, 5, 6], [3, 2]), ndarray([1, 2, 3, 4], [2, 2])); });
+
+	t.end();
+});
+
+// binarry
+class DumbStorage {
+	data: Int32Array;
+	length: number;
+	constructor(n: number) {
+		this.data = new Int32Array(n);
+		this.length = n;
+	}
+	get(i: number) {
+		return this.data[i];
+	}
+	set(i: number, v: number) {
+		return this.data[i] = v;
+	}
+}
+
+tape("binary", (t) => {
+	const binary = cwise({
+		args: ["array", "array", "scalar", "shape", "index"],
+		body(a: number, b: number, t: tape.Test, s: number[], idx: number) {
+			if (!(a === 0)) t.fail("idx:" + idx + ", shape:" + s + ",a:" + a);
+			a = b + 1001;
+		}
+	});
+
+	function testBinary1D(P: ndarray, Q: ndarray, testName: string) {
+		t.equals(P.shape[0], Q.shape[0], testName + "; shape");
+		for (let i = 0; i < P.shape[0]; ++i) {
+			Q.set(i, i);
+			P.set(i, 0);
+		}
+		binary(P, Q, t);
+		for (let i = 0; i < P.shape[0]; ++i) {
+			if (!(P.get(i) === i + 1001)) {
+				t.fail(testName + "; encountered " + P.get(i) + " instead of " + (i + 1001) + " at " + i);
+				return;
+			}
+		}
+		t.pass(testName);
+	}
+
+	const A1 = ndarray(new Int32Array(128));
+	const B1 = ndarray(new Int32Array(128));
+
+	testBinary1D(ndarray(new Int32Array(0)), ndarray(new Int32Array(0)), "length==0");
+	testBinary1D(ndarray(new Int32Array(1)), ndarray(new Int32Array(1)), "length==1");
+	testBinary1D(A1, B1, "A, B");
+	testBinary1D(A1.lo(32), B1.hi(128 - 32), "A.lo(32), B.hi(128-32)");
+	testBinary1D(A1.step(-1), B1, "A.step(-1), B");
+	testBinary1D(A1, B1.step(-1), "A, B.step(-1)");
+
+	const A2 = ndarray(new DumbStorage(128) as any);
+	const B2 = ndarray(new DumbStorage(128) as any);
+	testBinary1D(ndarray(new DumbStorage(0) as any), ndarray(new DumbStorage(0) as any), "DS; length==0");
+	testBinary1D(ndarray(new DumbStorage(1) as any), ndarray(new DumbStorage(1) as any), "DS; length==0");
+	testBinary1D(A2, B2, "DS; A, B");
+	testBinary1D(A2.lo(32), B2.hi(128 - 32), "DS; A.lo(32), B.hi(128-32)");
+	testBinary1D(A2.step(-1), B2, "DS; A.step(-1), B");
+	testBinary1D(A2, B2.step(-1), "DS; A, B.step(-1)");
+
+	const X = ndarray(new Int32Array(64 * 64), [64, 64]);
+	const Y = ndarray(new Int32Array(64 * 64), [64, 64]);
+
+	function testBinary2D(P: ndarray, Q: ndarray, testName: string) {
+		for (let i = 0; i < X.shape[0]; ++i) {
+			for (let j = 0; j < X.shape[1]; ++j) {
+				X.set(i, j, -10000);
+				Y.set(i, j, -256);
+			}
+		}
+		t.equals(P.shape[0], Q.shape[0], testName + "; shape[0]");
+		t.equals(P.shape[1], Q.shape[1], testName + "; shape[1]");
+		for (let i = 0; i < P.shape[0]; ++i) {
+			for (let j = 0; j < P.shape[1]; ++j) {
+				Q.set(i, j, i * 1000 + j);
+				P.set(i, j, 0);
+			}
+		}
+		binary(P, Q, t, P.shape);
+		for (let i = 0; i < P.shape[0]; ++i) {
+			for (let j = 0; j < P.shape[1]; ++j) {
+				if (!(P.get(i, j) === i * 1000 + j + 1001)) {
+					t.fail(testName + "; encountered " + P.get(i, j) + " instead of " + (i * 1000 + j + 1001) + " at (" + i + "," + j + ")");
+					return;
+				}
+			}
+		}
+		t.pass(testName);
+	}
+
+	testBinary2D(X, Y, "X, Y");
+	testBinary2D(X.transpose(1, 0), Y.transpose(1, 0), "X.T, Y.T");
+	testBinary2D(X.transpose(1, 0), Y, "X.T, Y");
+	testBinary2D(X, Y.transpose(1, 0), "X, Y.T");
+	testBinary2D(X.hi(32, 32), Y.hi(32, 32), "X.hi(32,32), Y.hi(32,32)");
+	testBinary2D(X.hi(31, 31), Y.hi(31, 31), "X.hi(31,31), Y.hi(31,31)");
+	testBinary2D(X.hi(0, 32), Y.hi(0, 32), "X.hi(0,32), Y.hi(0,32)");
+	testBinary2D(X.transpose(1, 0).hi(0, 32), Y.hi(0, 32), "X.T.hi(0,32), Y.hi(0,32)");
+	testBinary2D(X.transpose(1, 0).hi(33, 33), Y.hi(33, 33), "X.T.hi(33,33), Y.hi(33,33)");
+	testBinary2D(X.transpose(1, 0).hi(31, 31), Y.hi(31, 31), "X.T.hi(31,31), Y.hi(31,31)");
+
+	t.end();
+});
+
+// browserify
+import * as browserify from "browserify";
+import * as vm from 'vm';
+import * as path from 'path';
+
+const cases = ["unary", "binary", "offset", "fill"];
+
+bundleCasesFrom(0);
+
+function bundleCasesFrom(i: number) {
+	if (i >= cases.length) return;
+	const b = browserify();
+	b.ignore("tape");
+	b.add(__dirname + "/" + cases[i] + ".js");
+	b.transform(path.normalize(__dirname + "/../cwise.js"));
+	tape(cases[i], (t) => { // Without nested tests, the asynchronous nature of bundle causes issues with tape...
+		b.bundle((err, src) => {
+			if (err) {
+				throw new Error("failed to bundle!");
+			}
+			vm.runInNewContext(src.toString(), {
+				test: t.test.bind(t),
+				Buffer,
+				Int8Array,
+				Int16Array,
+				Int32Array,
+				Float32Array,
+				Float64Array,
+				Uint8Array,
+				Uint16Array,
+				Uint32Array,
+				Uint8ClampedArray,
+				console: { log: console.log.bind(console) }
+			});
+			t.end();
+		});
+	});
+	bundleCasesFrom(i + 1);
+}
+
+// fill
+tape("fill", (t) => {
+	const fill = cwise({
+		args: ["index", "array", "scalar"],
+		body(idx, out, f) {
+			out = f.apply(undefined, idx);
+		}
+	});
+
+	const xlen = 10;
+	const ylen = 5;
+	const array = ndarray(new Float32Array(xlen * ylen), [xlen, ylen]);
+
+	fill(array, (row: number, col: number) => {
+		return 0;
+	});
+
+	for (let i = 0; i < xlen; i++) {
+		for (let j = 0; j < ylen; j++) {
+			t.equals(array.get(i, j), 0, 'fill (' + i + ',' + j + ')');
+		}
+	}
+
+	fill(array, (row: number, col: number) => {
+		return 10 * (row + col);
+	});
+
+	for (let i = 0; i < xlen; i++) {
+		for (let j = 0; j < ylen; j++) {
+			t.equals(array.get(i, j), 10 * (i + j), 'fill (' + i + ',' + j + ')');
+		}
+	}
+
+	t.end();
+});
+
+// offset
+tape("offset", (t) => {
+	const binary = cwise({
+		args: ["array", "array", { offset: [1], array: 1 }, "scalar", "shape", "index"],
+		body(a, b, c, t, s, idx) {
+			if (!(a === 0)) t.fail("idx:" + idx + ", shape:" + s + ",a:" + a);
+			a = c + b + 1000;
+		}
+	});
+
+	function testBinary1D(P: ndarray, Q: ndarray, testName: string) {
+		t.equals(P.shape[0], Q.shape[0] - 1, testName + "; shape");
+		for (let i = 0; i < P.shape[0]; ++i) {
+			Q.set(i, i);
+			P.set(i, 0);
+		}
+		Q.set(P.shape[0], P.shape[0]);
+		binary(P, Q.hi(Q.shape[0] - 1), t);
+		for (let i = 0; i < P.shape[0]; ++i) {
+			if (!(P.get(i) === 2 * i + 1001)) {
+				t.fail(testName + "; encountered " + P.get(i) + " instead of " + (2 * i + 1001) + " at " + i);
+				return;
+			}
+		}
+		t.pass(testName);
+	}
+
+	const A1 = ndarray(new Int32Array(128));
+	const B1 = ndarray(new Int32Array(129));
+
+	testBinary1D(ndarray(new Int32Array(0)), ndarray(new Int32Array(1)), "length==0");
+	testBinary1D(ndarray(new Int32Array(1)), ndarray(new Int32Array(2)), "length==1");
+	testBinary1D(A1, B1, "A, B");
+	testBinary1D(A1.lo(32), B1.lo(32), "A.lo(32), B.lo(32)");
+	testBinary1D(A1.step(-1), B1, "A.step(-1), B");
+	testBinary1D(A1, B1.step(-1), "A, B.step(-1)");
+
+	const A2 = ndarray(new DumbStorage(128) as any);
+	const B2 = ndarray(new DumbStorage(129) as any);
+	testBinary1D(ndarray(new DumbStorage(0) as any), ndarray(new DumbStorage(1) as any), "DS; length==0");
+	testBinary1D(ndarray(new DumbStorage(1) as any), ndarray(new DumbStorage(2) as any), "DS; length==1");
+	testBinary1D(A2, B2, "DS; A, B");
+	testBinary1D(A2.lo(32), B2.lo(32), "DS; A.lo(32), B.lo(32)");
+	testBinary1D(A2.step(-1), B2, "DS; A.step(-1), B");
+	testBinary1D(A2, B2.step(-1), "DS; A, B.step(-1)");
+
+	t.end();
+});
+
+// unary
+
+tape("unary", (t) => {
+	const unary = cwise({
+		args: ["array"],
+		body(a) {
+			++a;
+		}
+	});
+
+	function testUnary1D(arr: ndarray, testName: string) {
+		for (let i = 0; i < arr.shape[0]; ++i) {
+			arr.set(i, i);
+		}
+		unary(arr);
+		for (let i = 0; i < arr.shape[0]; ++i) {
+			if (!(arr.get(i) === i + 1)) {
+				t.fail(testName + "; encountered " + arr.get(i) + " instead of " + (i + 1) + " at " + i);
+				return;
+			}
+		}
+		t.pass(testName);
+	}
+	const simple_zeros = ndarray(new Int32Array(4096));
+
+	testUnary1D(simple_zeros.hi(0), "simple_zeros.hi(0)");
+	testUnary1D(simple_zeros.hi(1), "simple_zeros.hi(1)");
+	testUnary1D(simple_zeros.hi(2), "simple_zeros.hi(2)");
+	testUnary1D(simple_zeros, "simple_zeros");
+	testUnary1D(simple_zeros.hi(31), "simple_zeros.hi(31)");
+	testUnary1D(simple_zeros.hi(32), "simple_zeros.hi(32)");
+	testUnary1D(simple_zeros.hi(33), "simple_zeros.hi(33)");
+	testUnary1D(simple_zeros.step(-1), "simple_zeros.step(-1)");
+	testUnary1D(simple_zeros.step(3), "simple_zeros.step(3)");
+	testUnary1D(simple_zeros.step(4), "simple_zeros.step(4)");
+	testUnary1D(simple_zeros.step(5).lo(10), "simple_zeros.step(5).lo(10)");
+
+	const custom_zeros = ndarray(new DumbStorage(4096) as any);
+
+	testUnary1D(custom_zeros.hi(0), "custom_zeros.hi(0)");
+	testUnary1D(custom_zeros.hi(1), "custom_zeros.hi(1)");
+	testUnary1D(custom_zeros.hi(2), "custom_zeros.hi(2)");
+	testUnary1D(custom_zeros, "custom_zeros");
+	testUnary1D(custom_zeros.hi(31), "custom_zeros.hi(31)");
+	testUnary1D(custom_zeros.hi(32), "custom_zeros.hi(32)");
+	testUnary1D(custom_zeros.hi(33), "custom_zeros.hi(33)");
+	testUnary1D(custom_zeros.step(-1), "custom_zeros.step(-1)");
+	testUnary1D(custom_zeros.step(3), "custom_zeros.step(3)");
+	testUnary1D(custom_zeros.step(4), "custom_zeros.step(4)");
+	testUnary1D(custom_zeros.step(5).lo(10), "custom_zeros.step(5).lo(10)");
+
+	function testUnary2D(arr: ndarray, testName: string) {
+		for (let i = 0; i < arr.shape[0]; ++i) {
+			for (let j = 0; j < arr.shape[1]; ++j) {
+				arr.set(i, j, i + j * arr.shape[0]);
+			}
+		}
+		unary(arr);
+		for (let i = 0; i < arr.shape[0]; ++i) {
+			for (let j = 0; j < arr.shape[1]; ++j) {
+				if (!(arr.get(i, j) === 1 + i + j * arr.shape[0])) {
+					t.fail(testName + "; encountered " + arr.get(i, j) + " instead of " + (1 + i + j * arr.shape[0]) + " at (" + i + "," + j + ")");
+					return;
+				}
+			}
+		}
+		t.pass(testName);
+	}
+
+	const M1 = ndarray(new Int32Array(128 * 128), [128, 128]);
+	testUnary2D(M1, "M");
+	testUnary2D(M1.hi(10, 10), "M.hi(10, 10)");
+	testUnary2D(M1.lo(100, 1), "M.lo(100,1)");
+	testUnary2D(M1.transpose(1, 0), "M.transpose(1,0)");
+	testUnary2D(M1.step(-1, 1), "M.step(-1, 1)");
+	testUnary2D(M1.step(-5, -2), "M.step(-5, -2)");
+	testUnary2D(M1.step(16, 3), "M.step(16, 3)");
+
+	const M2 = ndarray(new DumbStorage(128 * 128) as any, [128, 128]);
+	testUnary2D(M2, "DS; M");
+	testUnary2D(M2.hi(10, 10), "DS; M.hi(10, 10)");
+	testUnary2D(M2.lo(100, 1), "DS; M.lo(100,1)");
+	testUnary2D(M2.transpose(1, 0), "DS; M.transpose(1,0)");
+	testUnary2D(M2.step(-1, 1), "DS; M.step(-1, 1)");
+	testUnary2D(M2.step(-5, -2), "DS; M.step(-5, -2)");
+	testUnary2D(M2.step(16, 3), "DS; M.step(16, 3)");
+
+	t.end();
+});
diff --git a/types/cwise/index.d.ts b/types/cwise/index.d.ts
new file mode 100644
index 0000000000..d99d43ce59
--- /dev/null
+++ b/types/cwise/index.d.ts
@@ -0,0 +1,24 @@
+// Type definitions for cwise 1.0
+// Project: https://github.com/scijs/cwise#readme
+// Definitions by: taoqf <https://github.com/taoqf>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+
+import { ArgType } from "cwise-compiler";
+import * as ndarray from "ndarray";
+
+declare function cwise(a: string | cwise.UserArgs): cwise.Return;
+
+declare namespace cwise {
+	type Arg = ndarray | ((row: number, col: number) => number) | number[] | any;
+	type Return = (a: ndarray, ...b: Arg[]) => void;
+	interface UserArgs {
+		args: ArgType[];
+		pre?(a: number, ...args: any[]): void;
+		body(a: number, ...args: any[]): void;
+		post?(a: number, ...args: any[]): void;
+		funcName?: string;
+		blockSize?: number;
+		printCode?: boolean;
+	}
+}
+export = cwise;
diff --git a/types/cwise/tsconfig.json b/types/cwise/tsconfig.json
new file mode 100644
index 0000000000..f4aaf9b1a3
--- /dev/null
+++ b/types/cwise/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",
+		"cwise-tests.ts"
+	]
+}
\ No newline at end of file
diff --git a/types/cwise/tslint.json b/types/cwise/tslint.json
new file mode 100644
index 0000000000..531fb4ef87
--- /dev/null
+++ b/types/cwise/tslint.json
@@ -0,0 +1,3 @@
+{
+	"extends": "dtslint/dt.json"
+}
\ No newline at end of file

From da8970e975fd34c7a1ed601b63f8936026479e72 Mon Sep 17 00:00:00 2001
From: "Goh Yisheng (Andrew)" <9Y5@users.noreply.github.com>
Date: Thu, 4 May 2017 02:35:11 +0800
Subject: [PATCH 155/321] Add types for fecha. (#16284)

---
 types/fecha/fecha-tests.ts | 124 +++++++++++++++++++++++++++++++++++++
 types/fecha/index.d.ts     |  52 ++++++++++++++++
 types/fecha/tsconfig.json  |  22 +++++++
 types/fecha/tslint.json    |   1 +
 4 files changed, 199 insertions(+)
 create mode 100644 types/fecha/fecha-tests.ts
 create mode 100644 types/fecha/index.d.ts
 create mode 100644 types/fecha/tsconfig.json
 create mode 100644 types/fecha/tslint.json

diff --git a/types/fecha/fecha-tests.ts b/types/fecha/fecha-tests.ts
new file mode 100644
index 0000000000..0d0ce48638
--- /dev/null
+++ b/types/fecha/fecha-tests.ts
@@ -0,0 +1,124 @@
+import fecha = require('fecha');
+
+// test fecha.parse
+fecha.parse("February 3rd, 2014", "MMMM Do, YYYY");
+fecha.parse("5/3/98", "shortDate");
+
+// test override fecha.i18n
+fecha.i18n = {
+  dayNamesShort: ["Sun", "Mon", "Tue", "Wed", "Thur", "Fri", "Sat"],
+  dayNames: [
+    "Sunday",
+    "Monday",
+    "Tuesday",
+    "Wednesday",
+    "Thursday",
+    "Friday",
+    "Saturday"
+  ],
+  monthNamesShort: [
+    "Jan",
+    "Feb",
+    "Mar",
+    "Apr",
+    "May",
+    "Jun",
+    "Jul",
+    "Aug",
+    "Sep",
+    "Oct",
+    "Nov",
+    "Dec"
+  ],
+  monthNames: [
+    "January",
+    "February",
+    "March",
+    "April",
+    "May",
+    "June",
+    "July",
+    "August",
+    "September",
+    "October",
+    "November",
+    "December"
+  ],
+  amPm: ["am", "pm"],
+  DoFn(D: number) {
+    return D + "th";
+  }
+};
+
+// just change one default mask
+fecha.masks.shortDate = "M/D/YY";
+
+// test override fecha.masks with an object. Must implement all keys.
+// if you want to implement partially, use
+// fecha.masks = Object.assign(fecha.masks, {shortDate: 'M/D/YY'}) for example.
+fecha.masks = {
+  default: "ddd MMM DD YYYY HH:mm:ss",
+  shortDate: "M/D/YY",
+  mediumDate: "MMM D, YYYY",
+  longDate: "MMMM D, YYYY",
+  fullDate: "dddd, MMMM D, YYYY",
+  shortTime: "HH:mm",
+  mediumTime: "HH:mm:ss",
+  longTime: "HH:mm:ss.SSS"
+};
+
+// test add custom named mask.
+// fecha.masks.myMask = "HH:mm:ss YY/MM/DD"; does not work for now.
+fecha.masks['myMask'] = "HH:mm:ss YY/MM/DD";
+
+// test fecha.format without i18nSettings, with Date object.
+fecha.format(new Date(2014, 5, 6, 14, 10, 45), "myMask");
+
+// test fecha.format without i18nSettings with number.
+fecha.format(Date.now(), "myMask");
+
+// test override i18nSettings with fecha.format
+fecha.format(new Date(2014, 5, 6, 14, 10, 45), "myMask", {
+  dayNamesShort: ["Sun", "Mon", "Tue", "Wed", "Thur", "Fri", "Sat"],
+  dayNames: [
+    "Sunday",
+    "Monday",
+    "Tuesday",
+    "Wednesday",
+    "Thursday",
+    "Friday",
+    "Saturday"
+  ],
+  monthNamesShort: [
+    "Jan",
+    "Feb",
+    "Mar",
+    "Apr",
+    "May",
+    "Jun",
+    "Jul",
+    "Aug",
+    "Sep",
+    "Oct",
+    "Nov",
+    "Dec"
+  ],
+  monthNames: [
+    "January",
+    "February",
+    "March",
+    "April",
+    "May",
+    "June",
+    "July",
+    "August",
+    "September",
+    "October",
+    "November",
+    "December"
+  ],
+  amPm: ["am", "pm"],
+  DoFn(D: number) {
+    return D + "th";
+  }
+});
diff --git a/types/fecha/index.d.ts b/types/fecha/index.d.ts
new file mode 100644
index 0000000000..f68d26a316
--- /dev/null
+++ b/types/fecha/index.d.ts
@@ -0,0 +1,52 @@
+// Type definitions for fecha 2.3
+// Project: https://github.com/taylorhakes/fecha
+// Definitions by: Goh Yisheng <https://github.com/9y5>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+
+export type Days = [string, string, string, string, string, string, string];
+
+export type Months = [
+    string,
+    string,
+    string,
+    string,
+    string,
+    string,
+    string,
+    string,
+    string,
+    string,
+    string,
+    string
+];
+
+export interface i18nSettings {
+    amPm: [string, string];
+    dayNames: Days;
+    dayNamesShort: Days;
+    monthNames: Months;
+    monthNamesShort: Months;
+    DoFn(D: number): string;
+}
+
+export interface Masks {
+    default: string;
+    fullDate: string;
+    longDate: string;
+    longTime: string;
+    mediumDate: string;
+    mediumTime: string;
+    shortDate: string;
+    shortTime: string;
+    [myMask: string]: string;
+}
+
+export let masks: Masks;
+
+export let i18n: i18nSettings;
+
+export function format(dateObj: Date | number, mask: string, i18nSettings?: i18nSettings): string;
+
+export function parse(dateStr: string, format: string, i18nSettings?: i18nSettings): Date;
+
+export as namespace Fecha;
diff --git a/types/fecha/tsconfig.json b/types/fecha/tsconfig.json
new file mode 100644
index 0000000000..581630d1b6
--- /dev/null
+++ b/types/fecha/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",
+        "fecha-tests.ts"
+    ]
+}
diff --git a/types/fecha/tslint.json b/types/fecha/tslint.json
new file mode 100644
index 0000000000..3db14f85ea
--- /dev/null
+++ b/types/fecha/tslint.json
@@ -0,0 +1 @@
+{ "extends": "dtslint/dt.json" }

From ce6ecda5cd04202625f4176872854ce810dff52d Mon Sep 17 00:00:00 2001
From: Martin Costello <martin@martincostello.com>
Date: Wed, 3 May 2017 19:36:44 +0100
Subject: [PATCH 156/321] Add support for gestureHandling for Google Maps
 (#16287)

Add support for the gestureHandling property on the MapOptions
interface.
---
 types/googlemaps/googlemaps-tests.ts |  1 +
 types/googlemaps/index.d.ts          | 12 +++++++++++-
 2 files changed, 12 insertions(+), 1 deletion(-)

diff --git a/types/googlemaps/googlemaps-tests.ts b/types/googlemaps/googlemaps-tests.ts
index f57a4e80e0..20d2bc51c8 100644
--- a/types/googlemaps/googlemaps-tests.ts
+++ b/types/googlemaps/googlemaps-tests.ts
@@ -11,6 +11,7 @@ let map = new google.maps.Map(
     fullscreenControlOptions: {
         position: google.maps.ControlPosition.RIGHT_TOP
     },
+    gestureHandling: "cooperative",
     scrollwheel: true,
     zoom: 4
 });
diff --git a/types/googlemaps/index.d.ts b/types/googlemaps/index.d.ts
index 1ca49880c9..0e12a8e643 100644
--- a/types/googlemaps/index.d.ts
+++ b/types/googlemaps/index.d.ts
@@ -1,6 +1,6 @@
 // Type definitions for Google Maps JavaScript API 3.26
 // Project: https://developers.google.com/maps/
-// Definitions by: Folia A/S <http://www.folia.dk>, Chris Wrench <https://github.com/cgwrench>, Kiarash Ghiaseddin <https://github.com/Silver-Connection/DefinitelyTyped>,  Grant Hutchins <https://github.com/nertzy>, Denis Atyasov <https://github.com/xaolas>, Michael McMullin <https://github.com/mrmcnerd>
+// Definitions by: Folia A/S <http://www.folia.dk>, Chris Wrench <https://github.com/cgwrench>, Kiarash Ghiaseddin <https://github.com/Silver-Connection/DefinitelyTyped>,  Grant Hutchins <https://github.com/nertzy>, Denis Atyasov <https://github.com/xaolas>, Michael McMullin <https://github.com/mrmcnerd>, Martin Costello <https://github.com/martincostello>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 
 /*
@@ -95,6 +95,10 @@ declare namespace google.maps {
         fullscreenControl?: boolean;
         /** The display options for the Fullscreen control. */
         fullscreenControlOptions?: FullscreenControlOptions;
+        /**
+         * This setting controls how gestures on the map are handled.
+         */
+        gestureHandling?: GestureHandlingOptions;
         /**
          * The heading for aerial imagery in degrees measured clockwise from cardinal
          * direction North. Headings are snapped to the nearest available angle for
@@ -250,6 +254,12 @@ declare namespace google.maps {
         opened?: boolean;
     }
 
+    export type GestureHandlingOptions =
+        "cooperative" |
+        "greedy" |
+        "none" |
+        "auto";
+
     /** Options for the rendering of the pan control. */
     export interface PanControlOptions {
         /**

From beb12dc3ac24eca14ad0209d5bcf002185c5151c Mon Sep 17 00:00:00 2001
From: Alexandre Hagen <hagen.discus@gmail.com>
Date: Wed, 3 May 2017 20:46:24 +0200
Subject: [PATCH 157/321] Fix typings of IProvider for Restangular (#16290)

* Fix types of Provider

* Fix types restangular
---
 types/restangular/index.d.ts | 58 +++++++++++++++++++-----------------
 1 file changed, 30 insertions(+), 28 deletions(-)

diff --git a/types/restangular/index.d.ts b/types/restangular/index.d.ts
index 20a0bff82c..8fbc5723cb 100644
--- a/types/restangular/index.d.ts
+++ b/types/restangular/index.d.ts
@@ -39,33 +39,35 @@ declare namespace restangular {
   }
 
   interface IProvider {
-    setBaseUrl(baseUrl: string): void;
-    setExtraFields(fields: string[]): void;
-    setParentless(parentless: boolean, routes: string[]): void;
-    setDefaultHttpFields(httpFields: any): void;
-    addElementTransformer(route: string, transformer: Function): void;
-    addElementTransformer(route: string, isCollection: boolean, transformer: Function): void;
-    setTransformOnlyServerElements(active: boolean): void;
-    setOnElemRestangularized(callback: (elem: any, isCollection: boolean, what: string, restangular: IService) => any): void;
-    setResponseInterceptor(responseInterceptor: (data: any, operation: string, what: string, url: string, response: IResponse, deferred: angular.IDeferred<any>) => any): void;
-    setResponseExtractor(responseInterceptor: (data: any, operation: string, what: string, url: string, response: IResponse, deferred: angular.IDeferred<any>) => any): void;
-    addResponseInterceptor(responseInterceptor: (data: any, operation: string, what: string, url: string, response: IResponse, deferred: angular.IDeferred<any>) => any): void;
-    setRequestInterceptor(requestInterceptor: (element: any, operation: string, what: string, url: string) => any): void;
-    addRequestInterceptor(requestInterceptor: (element: any, operation: string, what: string, url: string) => any): void;
-    setFullRequestInterceptor(fullRequestInterceptor: (element: any, operation: string, what: string, url: string, headers: any, params: any, httpConfig: angular.IRequestShortcutConfig) => {element: any; headers: any; params: any}): void;
-    addFullRequestInterceptor(requestInterceptor: (element: any, operation: string, what: string, url: string, headers: any, params: any, httpConfig: angular.IRequestShortcutConfig) => {headers: any; params: any; element: any; httpConfig: angular.IRequestShortcutConfig}): void;
-    setErrorInterceptor(errorInterceptor: (response: IResponse, deferred: angular.IDeferred<any>, responseHandler: (response: restangular.IResponse) => any) => any): void;
-    setRestangularFields(fields: {[fieldName: string]: string}): void;
-    setMethodOverriders(overriders: string[]): void;
-    setJsonp(jsonp: boolean): void;
-    setDefaultRequestParams(params: any): void;
-    setDefaultRequestParams(method: string, params: any): void;
-    setDefaultRequestParams(methods: string[], params: any): void;
-    setFullResponse(fullResponse: boolean): void;
-    setDefaultHeaders(headers: any): void;
-    setRequestSuffix(suffix: string): void;
-    setUseCannonicalId(useCannonicalId: boolean): void;
-    setEncodeIds(encode: boolean): void;
+    setBaseUrl(baseUrl: string): IProvider;
+    setExtraFields(fields: string[]): IProvider;
+    setParentless(parentless: boolean, routes: string[]): IProvider;
+    setDefaultHttpFields(httpFields: any): IProvider;
+    addElementTransformer(route: string, transformer: Function): IProvider;
+    addElementTransformer(route: string, isCollection: boolean, transformer: Function): IProvider;
+    setTransformOnlyServerElements(active: boolean): IProvider;
+    setOnElemRestangularized(callback: (elem: any, isCollection: boolean, what: string, restangular: IService) => any): IProvider;
+    setResponseInterceptor(responseInterceptor: (data: any, operation: string, what: string, url: string, response: IResponse, deferred: angular.IDeferred<any>) => any): IProvider;
+    setResponseExtractor(responseInterceptor: (data: any, operation: string, what: string, url: string, response: IResponse, deferred: angular.IDeferred<any>) => any): IProvider;
+    addResponseInterceptor(responseInterceptor: (data: any, operation: string, what: string, url: string, response: IResponse, deferred: angular.IDeferred<any>) => any): IProvider;
+    setRequestInterceptor(requestInterceptor: (element: any, operation: string, what: string, url: string) => any): IProvider;
+    addRequestInterceptor(requestInterceptor: (element: any, operation: string, what: string, url: string) => any): IProvider;
+    setFullRequestInterceptor(fullRequestInterceptor: (element: any, operation: string, what: string, url: string, headers: any, params: any, httpConfig: angular.IRequestShortcutConfig) => {element: any; headers: any; params: any}): IProvider;
+    addFullRequestInterceptor(requestInterceptor: (element: any, operation: string, what: string, url: string, headers: any, params: any, httpConfig: angular.IRequestShortcutConfig) => {headers: any; params: any; element: any; httpConfig: angular.IRequestShortcutConfig}): IProvider;
+    setErrorInterceptor(errorInterceptor: (response: IResponse, deferred: angular.IDeferred<any>, responseHandler: (response: restangular.IResponse) => any) => any): IProvider;
+    setRestangularFields(fields: {[fieldName: string]: string}): IProvider;
+    setMethodOverriders(overriders: string[]): IProvider;
+    setJsonp(jsonp: boolean): IProvider;
+    setDefaultRequestParams(params: any): IProvider;
+    setDefaultRequestParams(method: string, params: any): IProvider;
+    setDefaultRequestParams(methods: string[], params: any): IProvider;
+    setFullResponse(fullResponse: boolean): IProvider;
+    setDefaultHeaders(headers: any): IProvider;
+    setRequestSuffix(suffix: string): IProvider;
+    setUseCannonicalId(useCannonicalId: boolean): IProvider;
+    setEncodeIds(encode: boolean): IProvider;
+    setSelfLinkAbsoluteUrl(value: boolean): IProvider;
+    setParentless(value: any) : IProvider;
   }
 
   interface ICustom {
@@ -93,7 +95,7 @@ declare namespace restangular {
     extendModel(route: string, extender: (model: IElement) => any): void;
     extendCollection(route: string, extender: (collection: ICollection) => any): void;
   }
-  
+
   interface IScopedService extends IService {
     one(id: number): IElement;
     one(id: string): IElement;

From dd4e4502408ac4c533added58a7d5b3803a85dcb Mon Sep 17 00:00:00 2001
From: Youngrok Kim <rok0810@gmail.com>
Date: Thu, 4 May 2017 03:46:57 +0900
Subject: [PATCH 158/321] [joi] Add missing AnySchema.validate() method
 (#16291)

* [joi] Add missing AnySchema.validate() method

* [joi] convert indent of joi-tests.ts file to space
---
 types/joi/index.d.ts   |   8 +
 types/joi/joi-tests.ts | 807 +++++++++++++++++++++--------------------
 2 files changed, 414 insertions(+), 401 deletions(-)

diff --git a/types/joi/index.d.ts b/types/joi/index.d.ts
index b1696bb7ad..dbf134e541 100644
--- a/types/joi/index.d.ts
+++ b/types/joi/index.d.ts
@@ -167,6 +167,14 @@ export interface Reference extends Schema {
 }
 
 export interface AnySchema<T extends AnySchema<Schema>> {
+    /**
+     * Validates a value using the schema and options.
+     */
+    validate<T>(value: T): ValidationResult<T>;
+    validate<T>(value: T, options: ValidationOptions): ValidationResult<T>;
+    validate<T, R>(value: T, callback: (err: ValidationError, value: T) => R): R;
+    validate<T, R>(value: T, options: ValidationOptions, callback: (err: ValidationError, value: T) => R): R;
+
     /**
      * Whitelists a value
      */
diff --git a/types/joi/joi-tests.ts b/types/joi/joi-tests.ts
index a58623ea06..3cd2e28b73 100644
--- a/types/joi/joi-tests.ts
+++ b/types/joi/joi-tests.ts
@@ -50,87 +50,87 @@ var ref: Joi.Reference = null;
 
 var validOpts: Joi.ValidationOptions = null;
 
-validOpts = {abortEarly: bool};
-validOpts = {convert: bool};
-validOpts = {allowUnknown: bool};
-validOpts = {skipFunctions: bool};
-validOpts = {stripUnknown: bool};
-validOpts = {stripUnknown: {arrays: bool}};
-validOpts = {stripUnknown: {objects: bool}};
-validOpts = {stripUnknown: {arrays: bool, objects: bool}};
-validOpts = {language: bool};
-validOpts = {presence: str};
-validOpts = {context: obj};
-validOpts = {noDefaults: bool};
+validOpts = { abortEarly: bool };
+validOpts = { convert: bool };
+validOpts = { allowUnknown: bool };
+validOpts = { skipFunctions: bool };
+validOpts = { stripUnknown: bool };
+validOpts = { stripUnknown: { arrays: bool } };
+validOpts = { stripUnknown: { objects: bool } };
+validOpts = { stripUnknown: { arrays: bool, objects: bool } };
+validOpts = { language: bool };
+validOpts = { presence: str };
+validOpts = { context: obj };
+validOpts = { noDefaults: bool };
 
 // --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- ---
 
 var renOpts: Joi.RenameOptions = null;
 
-renOpts = {alias: bool};
-renOpts = {multiple: bool};
-renOpts = {override: bool};
-renOpts = {ignoreUndefined: bool};
+renOpts = { alias: bool };
+renOpts = { multiple: bool };
+renOpts = { override: bool };
+renOpts = { ignoreUndefined: bool };
 
 // --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- ---
 
 var emailOpts: Joi.EmailOptions = null;
 
-emailOpts = {errorLevel: num};
-emailOpts = {errorLevel: bool};
-emailOpts = {tldWhitelist: strArr};
-emailOpts = {tldWhitelist: obj};
-emailOpts = {minDomainAtoms: num};
+emailOpts = { errorLevel: num };
+emailOpts = { errorLevel: bool };
+emailOpts = { tldWhitelist: strArr };
+emailOpts = { tldWhitelist: obj };
+emailOpts = { minDomainAtoms: num };
 
 // --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- ---
 
 var ipOpts: Joi.IpOptions = null;
 
-ipOpts = {version: str};
-ipOpts = {version: strArr};
-ipOpts = {cidr: str};
+ipOpts = { version: str };
+ipOpts = { version: strArr };
+ipOpts = { cidr: str };
 
 // --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- ---
 
 var uriOpts: Joi.UriOptions = null;
 
-uriOpts = {scheme: str};
-uriOpts = {scheme: exp};
-uriOpts = {scheme: strArr};
-uriOpts = {scheme: expArr};
+uriOpts = { scheme: str };
+uriOpts = { scheme: exp };
+uriOpts = { scheme: strArr };
+uriOpts = { scheme: expArr };
 
 // --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- ---
 
 var whenOpts: Joi.WhenOptions<any> = null;
 
-whenOpts = {is: x};
-whenOpts = {is: schema, then: schema};
-whenOpts = {is: schema, otherwise: schema};
+whenOpts = { is: x };
+whenOpts = { is: schema, then: schema };
+whenOpts = { is: schema, otherwise: schema };
 
 // --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- ---
 
 var refOpts: Joi.ReferenceOptions = null;
 
-refOpts = {separator: str};
-refOpts = {contextPrefix: str};
+refOpts = { separator: str };
+refOpts = { contextPrefix: str };
 
 // --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- ---
 
 var validErr: Joi.ValidationError = null;
 var validErrItem: Joi.ValidationErrorItem;
 
-validErrItem= {
-	message: str,
-	type: str,
-	path: str
+validErrItem = {
+    message: str,
+    type: str,
+    path: str
 };
 
 validErrItem = {
-	message: str,
-	type: str,
-	path: str,
-	options: validOpts,
-	context: obj
+    message: str,
+    type: str,
+    path: str,
+    options: validOpts,
+    context: obj
 };
 
 // --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- ---
@@ -162,23 +162,23 @@ anySchema = objSchema;
 var schemaMap: Joi.SchemaMap = null;
 
 schemaMap = {
-	a: numSchema,
-	b: strSchema
+    a: numSchema,
+    b: strSchema
 };
 schemaMap = {
-	a: numSchema,
-	b: {
-		b1: strSchema,
-		b2: anySchema
-	}
+    a: numSchema,
+    b: {
+        b1: strSchema,
+        b2: anySchema
+    }
 };
 schemaMap = {
-	a: numSchema,
-	b: [
-		{ b1: strSchema },
-		{ b2: anySchema }
-	],
-	c: arrSchema
+    a: numSchema,
+    b: [
+        { b1: strSchema },
+        { b2: anySchema }
+    ],
+    c: arrSchema
 };
 
 // --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- ---
@@ -186,63 +186,63 @@ schemaMap = {
 anySchema = Joi.any();
 
 namespace common {
-	anySchema = anySchema.allow(x);
-	anySchema = anySchema.allow(x, x);
-	anySchema = anySchema.allow([x, x, x]);
-	anySchema = anySchema.valid(x);
-	anySchema = anySchema.valid(x, x);
-	anySchema = anySchema.valid([x, x, x]);
-	anySchema = anySchema.only(x);
-	anySchema = anySchema.only(x, x);
-	anySchema = anySchema.only([x, x, x]);
-	anySchema = anySchema.equal(x);
-	anySchema = anySchema.equal(x, x);
-	anySchema = anySchema.equal([x, x, x]);
-	anySchema = anySchema.invalid(x);
-	anySchema = anySchema.invalid(x, x);
-	anySchema = anySchema.invalid([x, x, x]);
-	anySchema = anySchema.disallow(x);
-	anySchema = anySchema.disallow(x, x);
-	anySchema = anySchema.disallow([x, x, x]);
-	anySchema = anySchema.not(x);
-	anySchema = anySchema.not(x, x);
-	anySchema = anySchema.not([x, x, x]);
+    anySchema = anySchema.allow(x);
+    anySchema = anySchema.allow(x, x);
+    anySchema = anySchema.allow([x, x, x]);
+    anySchema = anySchema.valid(x);
+    anySchema = anySchema.valid(x, x);
+    anySchema = anySchema.valid([x, x, x]);
+    anySchema = anySchema.only(x);
+    anySchema = anySchema.only(x, x);
+    anySchema = anySchema.only([x, x, x]);
+    anySchema = anySchema.equal(x);
+    anySchema = anySchema.equal(x, x);
+    anySchema = anySchema.equal([x, x, x]);
+    anySchema = anySchema.invalid(x);
+    anySchema = anySchema.invalid(x, x);
+    anySchema = anySchema.invalid([x, x, x]);
+    anySchema = anySchema.disallow(x);
+    anySchema = anySchema.disallow(x, x);
+    anySchema = anySchema.disallow([x, x, x]);
+    anySchema = anySchema.not(x);
+    anySchema = anySchema.not(x, x);
+    anySchema = anySchema.not([x, x, x]);
 
-	anySchema = anySchema.default();
-	anySchema = anySchema.default(x);
-	anySchema = anySchema.default(x, str);
+    anySchema = anySchema.default();
+    anySchema = anySchema.default(x);
+    anySchema = anySchema.default(x, str);
 
-	anySchema = anySchema.required();
-	anySchema = anySchema.optional();
-	anySchema = anySchema.forbidden();
-	anySchema = anySchema.strip();
+    anySchema = anySchema.required();
+    anySchema = anySchema.optional();
+    anySchema = anySchema.forbidden();
+    anySchema = anySchema.strip();
 
-	anySchema = anySchema.description(str);
-	anySchema = anySchema.notes(str);
-	anySchema = anySchema.notes(strArr);
-	anySchema = anySchema.tags(str);
-	anySchema = anySchema.tags(strArr);
+    anySchema = anySchema.description(str);
+    anySchema = anySchema.notes(str);
+    anySchema = anySchema.notes(strArr);
+    anySchema = anySchema.tags(str);
+    anySchema = anySchema.tags(strArr);
 
-	anySchema = anySchema.meta(obj);
-	anySchema = anySchema.example(obj);
-	anySchema = anySchema.unit(str);
+    anySchema = anySchema.meta(obj);
+    anySchema = anySchema.example(obj);
+    anySchema = anySchema.unit(str);
 
-	anySchema = anySchema.options(validOpts);
-	anySchema = anySchema.strict();
-	anySchema = anySchema.strict(bool);
-	anySchema = anySchema.concat(x);
+    anySchema = anySchema.options(validOpts);
+    anySchema = anySchema.strict();
+    anySchema = anySchema.strict(bool);
+    anySchema = anySchema.concat(x);
 
-	altSchema = anySchema.when(str, whenOpts);
-	altSchema = anySchema.when(ref, whenOpts);
+    altSchema = anySchema.when(str, whenOpts);
+    altSchema = anySchema.when(ref, whenOpts);
 
-	anySchema = anySchema.label(str);
-	anySchema = anySchema.raw();
-	anySchema = anySchema.raw(bool);
-	anySchema = anySchema.empty();
-	anySchema = anySchema.empty(str);
-	anySchema = anySchema.empty(anySchema);
+    anySchema = anySchema.label(str);
+    anySchema = anySchema.raw();
+    anySchema = anySchema.raw(bool);
+    anySchema = anySchema.empty();
+    anySchema = anySchema.empty(str);
+    anySchema = anySchema.empty(anySchema);
 
-	anySchema = anySchema.error(err);
+    anySchema = anySchema.error(err);
 }
 
 // --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- ---
@@ -275,51 +275,51 @@ arrSchema = arrSchema.items([schemaMap, schemaMap]);
 // - - - - - - - -
 
 namespace common_copy_paste {
-	// use search & replace from any
-	arrSchema = arrSchema.allow(x);
-	arrSchema = arrSchema.allow(x, x);
-	arrSchema = arrSchema.allow([x, x, x]);
-	arrSchema = arrSchema.valid(x);
-	arrSchema = arrSchema.valid(x, x);
-	arrSchema = arrSchema.valid([x, x, x]);
-	arrSchema = arrSchema.only(x);
-	arrSchema = arrSchema.only(x, x);
-	arrSchema = arrSchema.only([x, x, x]);
-	arrSchema = arrSchema.equal(x);
-	arrSchema = arrSchema.equal(x, x);
-	arrSchema = arrSchema.equal([x, x, x]);
-	arrSchema = arrSchema.invalid(x);
-	arrSchema = arrSchema.invalid(x, x);
-	arrSchema = arrSchema.invalid([x, x, x]);
-	arrSchema = arrSchema.disallow(x);
-	arrSchema = arrSchema.disallow(x, x);
-	arrSchema = arrSchema.disallow([x, x, x]);
-	arrSchema = arrSchema.not(x);
-	arrSchema = arrSchema.not(x, x);
-	arrSchema = arrSchema.not([x, x, x]);
+    // use search & replace from any
+    arrSchema = arrSchema.allow(x);
+    arrSchema = arrSchema.allow(x, x);
+    arrSchema = arrSchema.allow([x, x, x]);
+    arrSchema = arrSchema.valid(x);
+    arrSchema = arrSchema.valid(x, x);
+    arrSchema = arrSchema.valid([x, x, x]);
+    arrSchema = arrSchema.only(x);
+    arrSchema = arrSchema.only(x, x);
+    arrSchema = arrSchema.only([x, x, x]);
+    arrSchema = arrSchema.equal(x);
+    arrSchema = arrSchema.equal(x, x);
+    arrSchema = arrSchema.equal([x, x, x]);
+    arrSchema = arrSchema.invalid(x);
+    arrSchema = arrSchema.invalid(x, x);
+    arrSchema = arrSchema.invalid([x, x, x]);
+    arrSchema = arrSchema.disallow(x);
+    arrSchema = arrSchema.disallow(x, x);
+    arrSchema = arrSchema.disallow([x, x, x]);
+    arrSchema = arrSchema.not(x);
+    arrSchema = arrSchema.not(x, x);
+    arrSchema = arrSchema.not([x, x, x]);
 
-	arrSchema = arrSchema.default(x);
+    arrSchema = arrSchema.default(x);
 
-	arrSchema = arrSchema.required();
-	arrSchema = arrSchema.optional();
-	arrSchema = arrSchema.forbidden();
+    arrSchema = arrSchema.required();
+    arrSchema = arrSchema.optional();
+    arrSchema = arrSchema.forbidden();
 
-	arrSchema = arrSchema.description(str);
-	arrSchema = arrSchema.notes(str);
-	arrSchema = arrSchema.notes(strArr);
-	arrSchema = arrSchema.tags(str);
-	arrSchema = arrSchema.tags(strArr);
+    arrSchema = arrSchema.description(str);
+    arrSchema = arrSchema.notes(str);
+    arrSchema = arrSchema.notes(strArr);
+    arrSchema = arrSchema.tags(str);
+    arrSchema = arrSchema.tags(strArr);
 
-	arrSchema = arrSchema.meta(obj);
-	arrSchema = arrSchema.example(obj);
-	arrSchema = arrSchema.unit(str);
+    arrSchema = arrSchema.meta(obj);
+    arrSchema = arrSchema.example(obj);
+    arrSchema = arrSchema.unit(str);
 
-	arrSchema = arrSchema.options(validOpts);
-	arrSchema = arrSchema.strict();
-	arrSchema = arrSchema.concat(x);
+    arrSchema = arrSchema.options(validOpts);
+    arrSchema = arrSchema.strict();
+    arrSchema = arrSchema.concat(x);
 
-	altSchema = arrSchema.when(str, whenOpts);
-	altSchema = arrSchema.when(ref, whenOpts);
+    altSchema = arrSchema.when(str, whenOpts);
+    altSchema = arrSchema.when(ref, whenOpts);
 }
 
 // --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- ---
@@ -328,68 +328,68 @@ boolSchema = Joi.bool();
 boolSchema = Joi.boolean();
 
 namespace common_copy_paste {
-	boolSchema = boolSchema.allow(x);
-	boolSchema = boolSchema.allow(x, x);
-	boolSchema = boolSchema.allow([x, x, x]);
-	boolSchema = boolSchema.valid(x);
-	boolSchema = boolSchema.valid(x, x);
-	boolSchema = boolSchema.valid([x, x, x]);
-	boolSchema = boolSchema.only(x);
-	boolSchema = boolSchema.only(x, x);
-	boolSchema = boolSchema.only([x, x, x]);
-	boolSchema = boolSchema.equal(x);
-	boolSchema = boolSchema.equal(x, x);
-	boolSchema = boolSchema.equal([x, x, x]);
-	boolSchema = boolSchema.invalid(x);
-	boolSchema = boolSchema.invalid(x, x);
-	boolSchema = boolSchema.invalid([x, x, x]);
-	boolSchema = boolSchema.disallow(x);
-	boolSchema = boolSchema.disallow(x, x);
-	boolSchema = boolSchema.disallow([x, x, x]);
-	boolSchema = boolSchema.not(x);
-	boolSchema = boolSchema.not(x, x);
-	boolSchema = boolSchema.not([x, x, x]);
+    boolSchema = boolSchema.allow(x);
+    boolSchema = boolSchema.allow(x, x);
+    boolSchema = boolSchema.allow([x, x, x]);
+    boolSchema = boolSchema.valid(x);
+    boolSchema = boolSchema.valid(x, x);
+    boolSchema = boolSchema.valid([x, x, x]);
+    boolSchema = boolSchema.only(x);
+    boolSchema = boolSchema.only(x, x);
+    boolSchema = boolSchema.only([x, x, x]);
+    boolSchema = boolSchema.equal(x);
+    boolSchema = boolSchema.equal(x, x);
+    boolSchema = boolSchema.equal([x, x, x]);
+    boolSchema = boolSchema.invalid(x);
+    boolSchema = boolSchema.invalid(x, x);
+    boolSchema = boolSchema.invalid([x, x, x]);
+    boolSchema = boolSchema.disallow(x);
+    boolSchema = boolSchema.disallow(x, x);
+    boolSchema = boolSchema.disallow([x, x, x]);
+    boolSchema = boolSchema.not(x);
+    boolSchema = boolSchema.not(x, x);
+    boolSchema = boolSchema.not([x, x, x]);
 
-	boolSchema = boolSchema.default(x);
+    boolSchema = boolSchema.default(x);
 
-	boolSchema = boolSchema.required();
-	boolSchema = boolSchema.optional();
-	boolSchema = boolSchema.forbidden();
+    boolSchema = boolSchema.required();
+    boolSchema = boolSchema.optional();
+    boolSchema = boolSchema.forbidden();
 
-	boolSchema = boolSchema.description(str);
-	boolSchema = boolSchema.notes(str);
-	boolSchema = boolSchema.notes(strArr);
-	boolSchema = boolSchema.tags(str);
-	boolSchema = boolSchema.tags(strArr);
+    boolSchema = boolSchema.description(str);
+    boolSchema = boolSchema.notes(str);
+    boolSchema = boolSchema.notes(strArr);
+    boolSchema = boolSchema.tags(str);
+    boolSchema = boolSchema.tags(strArr);
 
-	boolSchema = boolSchema.meta(obj);
-	boolSchema = boolSchema.example(obj);
-	boolSchema = boolSchema.unit(str);
+    boolSchema = boolSchema.meta(obj);
+    boolSchema = boolSchema.example(obj);
+    boolSchema = boolSchema.unit(str);
 
-	boolSchema = boolSchema.options(validOpts);
-	boolSchema = boolSchema.strict();
-	boolSchema = boolSchema.concat(x);
+    boolSchema = boolSchema.options(validOpts);
+    boolSchema = boolSchema.strict();
+    boolSchema = boolSchema.concat(x);
 
-	boolSchema = boolSchema.truthy(str);
-	boolSchema = boolSchema.truthy(num);
-	boolSchema = boolSchema.truthy(strArr);
-	boolSchema = boolSchema.truthy(numArr);
-	boolSchema = boolSchema.truthy(str, str);
-	boolSchema = boolSchema.truthy(strArr, str);
-	boolSchema = boolSchema.truthy(str, strArr);
-	boolSchema = boolSchema.truthy(strArr, strArr);
-	boolSchema = boolSchema.falsy(str);
-	boolSchema = boolSchema.falsy(num);
-	boolSchema = boolSchema.falsy(strArr);
-	boolSchema = boolSchema.falsy(numArr);
-	boolSchema = boolSchema.falsy(str, str);
-	boolSchema = boolSchema.falsy(strArr, str);
-	boolSchema = boolSchema.falsy(str, strArr);
-	boolSchema = boolSchema.falsy(strArr, strArr);
-	boolSchema = boolSchema.insensitive(bool);
+    boolSchema = boolSchema.truthy(str);
+    boolSchema = boolSchema.truthy(num);
+    boolSchema = boolSchema.truthy(strArr);
+    boolSchema = boolSchema.truthy(numArr);
+    boolSchema = boolSchema.truthy(str, str);
+    boolSchema = boolSchema.truthy(strArr, str);
+    boolSchema = boolSchema.truthy(str, strArr);
+    boolSchema = boolSchema.truthy(strArr, strArr);
+    boolSchema = boolSchema.falsy(str);
+    boolSchema = boolSchema.falsy(num);
+    boolSchema = boolSchema.falsy(strArr);
+    boolSchema = boolSchema.falsy(numArr);
+    boolSchema = boolSchema.falsy(str, str);
+    boolSchema = boolSchema.falsy(strArr, str);
+    boolSchema = boolSchema.falsy(str, strArr);
+    boolSchema = boolSchema.falsy(strArr, strArr);
+    boolSchema = boolSchema.insensitive(bool);
 
-	altSchema = boolSchema.when(str, whenOpts);
-	altSchema = boolSchema.when(ref, whenOpts);
+    altSchema = boolSchema.when(str, whenOpts);
+    altSchema = boolSchema.when(ref, whenOpts);
 }
 
 // --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- ---
@@ -402,50 +402,50 @@ binSchema = binSchema.max(num);
 binSchema = binSchema.length(num);
 
 namespace common {
-	binSchema = binSchema.allow(x);
-	binSchema = binSchema.allow(x, x);
-	binSchema = binSchema.allow([x, x, x]);
-	binSchema = binSchema.valid(x);
-	binSchema = binSchema.valid(x, x);
-	binSchema = binSchema.valid([x, x, x]);
-	binSchema = binSchema.only(x);
-	binSchema = binSchema.only(x, x);
-	binSchema = binSchema.only([x, x, x]);
-	binSchema = binSchema.equal(x);
-	binSchema = binSchema.equal(x, x);
-	binSchema = binSchema.equal([x, x, x]);
-	binSchema = binSchema.invalid(x);
-	binSchema = binSchema.invalid(x, x);
-	binSchema = binSchema.invalid([x, x, x]);
-	binSchema = binSchema.disallow(x);
-	binSchema = binSchema.disallow(x, x);
-	binSchema = binSchema.disallow([x, x, x]);
-	binSchema = binSchema.not(x);
-	binSchema = binSchema.not(x, x);
-	binSchema = binSchema.not([x, x, x]);
+    binSchema = binSchema.allow(x);
+    binSchema = binSchema.allow(x, x);
+    binSchema = binSchema.allow([x, x, x]);
+    binSchema = binSchema.valid(x);
+    binSchema = binSchema.valid(x, x);
+    binSchema = binSchema.valid([x, x, x]);
+    binSchema = binSchema.only(x);
+    binSchema = binSchema.only(x, x);
+    binSchema = binSchema.only([x, x, x]);
+    binSchema = binSchema.equal(x);
+    binSchema = binSchema.equal(x, x);
+    binSchema = binSchema.equal([x, x, x]);
+    binSchema = binSchema.invalid(x);
+    binSchema = binSchema.invalid(x, x);
+    binSchema = binSchema.invalid([x, x, x]);
+    binSchema = binSchema.disallow(x);
+    binSchema = binSchema.disallow(x, x);
+    binSchema = binSchema.disallow([x, x, x]);
+    binSchema = binSchema.not(x);
+    binSchema = binSchema.not(x, x);
+    binSchema = binSchema.not([x, x, x]);
 
-	binSchema = binSchema.default(x);
+    binSchema = binSchema.default(x);
 
-	binSchema = binSchema.required();
-	binSchema = binSchema.optional();
-	binSchema = binSchema.forbidden();
+    binSchema = binSchema.required();
+    binSchema = binSchema.optional();
+    binSchema = binSchema.forbidden();
 
-	binSchema = binSchema.description(str);
-	binSchema = binSchema.notes(str);
-	binSchema = binSchema.notes(strArr);
-	binSchema = binSchema.tags(str);
-	binSchema = binSchema.tags(strArr);
+    binSchema = binSchema.description(str);
+    binSchema = binSchema.notes(str);
+    binSchema = binSchema.notes(strArr);
+    binSchema = binSchema.tags(str);
+    binSchema = binSchema.tags(strArr);
 
-	binSchema = binSchema.meta(obj);
-	binSchema = binSchema.example(obj);
-	binSchema = binSchema.unit(str);
+    binSchema = binSchema.meta(obj);
+    binSchema = binSchema.example(obj);
+    binSchema = binSchema.unit(str);
 
-	binSchema = binSchema.options(validOpts);
-	binSchema = binSchema.strict();
-	binSchema = binSchema.concat(x);
+    binSchema = binSchema.options(validOpts);
+    binSchema = binSchema.strict();
+    binSchema = binSchema.concat(x);
 
-	altSchema = binSchema.when(str, whenOpts);
-	altSchema = binSchema.when(ref, whenOpts);
+    altSchema = binSchema.when(str, whenOpts);
+    altSchema = binSchema.when(ref, whenOpts);
 }
 
 // --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- ---
@@ -474,50 +474,50 @@ dateSchema = dateSchema.timestamp('javascript');
 dateSchema = dateSchema.timestamp('unix');
 
 namespace common {
-	dateSchema = dateSchema.allow(x);
-	dateSchema = dateSchema.allow(x, x);
-	dateSchema = dateSchema.allow([x, x, x]);
-	dateSchema = dateSchema.valid(x);
-	dateSchema = dateSchema.valid(x, x);
-	dateSchema = dateSchema.valid([x, x, x]);
-	dateSchema = dateSchema.only(x);
-	dateSchema = dateSchema.only(x, x);
-	dateSchema = dateSchema.only([x, x, x]);
-	dateSchema = dateSchema.equal(x);
-	dateSchema = dateSchema.equal(x, x);
-	dateSchema = dateSchema.equal([x, x, x]);
-	dateSchema = dateSchema.invalid(x);
-	dateSchema = dateSchema.invalid(x, x);
-	dateSchema = dateSchema.invalid([x, x, x]);
-	dateSchema = dateSchema.disallow(x);
-	dateSchema = dateSchema.disallow(x, x);
-	dateSchema = dateSchema.disallow([x, x, x]);
-	dateSchema = dateSchema.not(x);
-	dateSchema = dateSchema.not(x, x);
-	dateSchema = dateSchema.not([x, x, x]);
+    dateSchema = dateSchema.allow(x);
+    dateSchema = dateSchema.allow(x, x);
+    dateSchema = dateSchema.allow([x, x, x]);
+    dateSchema = dateSchema.valid(x);
+    dateSchema = dateSchema.valid(x, x);
+    dateSchema = dateSchema.valid([x, x, x]);
+    dateSchema = dateSchema.only(x);
+    dateSchema = dateSchema.only(x, x);
+    dateSchema = dateSchema.only([x, x, x]);
+    dateSchema = dateSchema.equal(x);
+    dateSchema = dateSchema.equal(x, x);
+    dateSchema = dateSchema.equal([x, x, x]);
+    dateSchema = dateSchema.invalid(x);
+    dateSchema = dateSchema.invalid(x, x);
+    dateSchema = dateSchema.invalid([x, x, x]);
+    dateSchema = dateSchema.disallow(x);
+    dateSchema = dateSchema.disallow(x, x);
+    dateSchema = dateSchema.disallow([x, x, x]);
+    dateSchema = dateSchema.not(x);
+    dateSchema = dateSchema.not(x, x);
+    dateSchema = dateSchema.not([x, x, x]);
 
-	dateSchema = dateSchema.default(x);
+    dateSchema = dateSchema.default(x);
 
-	dateSchema = dateSchema.required();
-	dateSchema = dateSchema.optional();
-	dateSchema = dateSchema.forbidden();
+    dateSchema = dateSchema.required();
+    dateSchema = dateSchema.optional();
+    dateSchema = dateSchema.forbidden();
 
-	dateSchema = dateSchema.description(str);
-	dateSchema = dateSchema.notes(str);
-	dateSchema = dateSchema.notes(strArr);
-	dateSchema = dateSchema.tags(str);
-	dateSchema = dateSchema.tags(strArr);
+    dateSchema = dateSchema.description(str);
+    dateSchema = dateSchema.notes(str);
+    dateSchema = dateSchema.notes(strArr);
+    dateSchema = dateSchema.tags(str);
+    dateSchema = dateSchema.tags(strArr);
 
-	dateSchema = dateSchema.meta(obj);
-	dateSchema = dateSchema.example(obj);
-	dateSchema = dateSchema.unit(str);
+    dateSchema = dateSchema.meta(obj);
+    dateSchema = dateSchema.example(obj);
+    dateSchema = dateSchema.unit(str);
 
-	dateSchema = dateSchema.options(validOpts);
-	dateSchema = dateSchema.strict();
-	dateSchema = dateSchema.concat(x);
+    dateSchema = dateSchema.options(validOpts);
+    dateSchema = dateSchema.strict();
+    dateSchema = dateSchema.concat(x);
 
-	altSchema = dateSchema.when(str, whenOpts);
-	altSchema = dateSchema.when(ref, whenOpts);
+    altSchema = dateSchema.when(str, whenOpts);
+    altSchema = dateSchema.when(ref, whenOpts);
 }
 
 // --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- ---
@@ -548,50 +548,50 @@ numSchema = numSchema.positive();
 numSchema = numSchema.negative();
 
 namespace common {
-	numSchema = numSchema.allow(x);
-	numSchema = numSchema.allow(x, x);
-	numSchema = numSchema.allow([x, x, x]);
-	numSchema = numSchema.valid(x);
-	numSchema = numSchema.valid(x, x);
-	numSchema = numSchema.valid([x, x, x]);
-	numSchema = numSchema.only(x);
-	numSchema = numSchema.only(x, x);
-	numSchema = numSchema.only([x, x, x]);
-	numSchema = numSchema.equal(x);
-	numSchema = numSchema.equal(x, x);
-	numSchema = numSchema.equal([x, x, x]);
-	numSchema = numSchema.invalid(x);
-	numSchema = numSchema.invalid(x, x);
-	numSchema = numSchema.invalid([x, x, x]);
-	numSchema = numSchema.disallow(x);
-	numSchema = numSchema.disallow(x, x);
-	numSchema = numSchema.disallow([x, x, x]);
-	numSchema = numSchema.not(x);
-	numSchema = numSchema.not(x, x);
-	numSchema = numSchema.not([x, x, x]);
+    numSchema = numSchema.allow(x);
+    numSchema = numSchema.allow(x, x);
+    numSchema = numSchema.allow([x, x, x]);
+    numSchema = numSchema.valid(x);
+    numSchema = numSchema.valid(x, x);
+    numSchema = numSchema.valid([x, x, x]);
+    numSchema = numSchema.only(x);
+    numSchema = numSchema.only(x, x);
+    numSchema = numSchema.only([x, x, x]);
+    numSchema = numSchema.equal(x);
+    numSchema = numSchema.equal(x, x);
+    numSchema = numSchema.equal([x, x, x]);
+    numSchema = numSchema.invalid(x);
+    numSchema = numSchema.invalid(x, x);
+    numSchema = numSchema.invalid([x, x, x]);
+    numSchema = numSchema.disallow(x);
+    numSchema = numSchema.disallow(x, x);
+    numSchema = numSchema.disallow([x, x, x]);
+    numSchema = numSchema.not(x);
+    numSchema = numSchema.not(x, x);
+    numSchema = numSchema.not([x, x, x]);
 
-	numSchema = numSchema.default(x);
+    numSchema = numSchema.default(x);
 
-	numSchema = numSchema.required();
-	numSchema = numSchema.optional();
-	numSchema = numSchema.forbidden();
+    numSchema = numSchema.required();
+    numSchema = numSchema.optional();
+    numSchema = numSchema.forbidden();
 
-	numSchema = numSchema.description(str);
-	numSchema = numSchema.notes(str);
-	numSchema = numSchema.notes(strArr);
-	numSchema = numSchema.tags(str);
-	numSchema = numSchema.tags(strArr);
+    numSchema = numSchema.description(str);
+    numSchema = numSchema.notes(str);
+    numSchema = numSchema.notes(strArr);
+    numSchema = numSchema.tags(str);
+    numSchema = numSchema.tags(strArr);
 
-	numSchema = numSchema.meta(obj);
-	numSchema = numSchema.example(obj);
-	numSchema = numSchema.unit(str);
+    numSchema = numSchema.meta(obj);
+    numSchema = numSchema.example(obj);
+    numSchema = numSchema.unit(str);
 
-	numSchema = numSchema.options(validOpts);
-	numSchema = numSchema.strict();
-	numSchema = numSchema.concat(x);
+    numSchema = numSchema.options(validOpts);
+    numSchema = numSchema.strict();
+    numSchema = numSchema.concat(x);
 
-	altSchema = numSchema.when(str, whenOpts);
-	altSchema = numSchema.when(ref, whenOpts);
+    altSchema = numSchema.when(str, whenOpts);
+    altSchema = numSchema.when(ref, whenOpts);
 }
 
 // --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- ---
@@ -657,50 +657,50 @@ objSchema = objSchema.optionalKeys(str, str);
 objSchema = objSchema.optionalKeys(strArr);
 
 namespace common {
-	objSchema = objSchema.allow(x);
-	objSchema = objSchema.allow(x, x);
-	objSchema = objSchema.allow([x, x, x]);
-	objSchema = objSchema.valid(x);
-	objSchema = objSchema.valid(x, x);
-	objSchema = objSchema.valid([x, x, x]);
-	objSchema = objSchema.only(x);
-	objSchema = objSchema.only(x, x);
-	objSchema = objSchema.only([x, x, x]);
-	objSchema = objSchema.equal(x);
-	objSchema = objSchema.equal(x, x);
-	objSchema = objSchema.equal([x, x, x]);
-	objSchema = objSchema.invalid(x);
-	objSchema = objSchema.invalid(x, x);
-	objSchema = objSchema.invalid([x, x, x]);
-	objSchema = objSchema.disallow(x);
-	objSchema = objSchema.disallow(x, x);
-	objSchema = objSchema.disallow([x, x, x]);
-	objSchema = objSchema.not(x);
-	objSchema = objSchema.not(x, x);
-	objSchema = objSchema.not([x, x, x]);
+    objSchema = objSchema.allow(x);
+    objSchema = objSchema.allow(x, x);
+    objSchema = objSchema.allow([x, x, x]);
+    objSchema = objSchema.valid(x);
+    objSchema = objSchema.valid(x, x);
+    objSchema = objSchema.valid([x, x, x]);
+    objSchema = objSchema.only(x);
+    objSchema = objSchema.only(x, x);
+    objSchema = objSchema.only([x, x, x]);
+    objSchema = objSchema.equal(x);
+    objSchema = objSchema.equal(x, x);
+    objSchema = objSchema.equal([x, x, x]);
+    objSchema = objSchema.invalid(x);
+    objSchema = objSchema.invalid(x, x);
+    objSchema = objSchema.invalid([x, x, x]);
+    objSchema = objSchema.disallow(x);
+    objSchema = objSchema.disallow(x, x);
+    objSchema = objSchema.disallow([x, x, x]);
+    objSchema = objSchema.not(x);
+    objSchema = objSchema.not(x, x);
+    objSchema = objSchema.not([x, x, x]);
 
-	objSchema = objSchema.default(x);
+    objSchema = objSchema.default(x);
 
-	objSchema = objSchema.required();
-	objSchema = objSchema.optional();
-	objSchema = objSchema.forbidden();
+    objSchema = objSchema.required();
+    objSchema = objSchema.optional();
+    objSchema = objSchema.forbidden();
 
-	objSchema = objSchema.description(str);
-	objSchema = objSchema.notes(str);
-	objSchema = objSchema.notes(strArr);
-	objSchema = objSchema.tags(str);
-	objSchema = objSchema.tags(strArr);
+    objSchema = objSchema.description(str);
+    objSchema = objSchema.notes(str);
+    objSchema = objSchema.notes(strArr);
+    objSchema = objSchema.tags(str);
+    objSchema = objSchema.tags(strArr);
 
-	objSchema = objSchema.meta(obj);
-	objSchema = objSchema.example(obj);
-	objSchema = objSchema.unit(str);
+    objSchema = objSchema.meta(obj);
+    objSchema = objSchema.example(obj);
+    objSchema = objSchema.unit(str);
 
-	objSchema = objSchema.options(validOpts);
-	objSchema = objSchema.strict();
-	objSchema = objSchema.concat(x);
+    objSchema = objSchema.options(validOpts);
+    objSchema = objSchema.strict();
+    objSchema = objSchema.concat(x);
 
-	altSchema = objSchema.when(str, whenOpts);
-	altSchema = objSchema.when(ref, whenOpts);
+    altSchema = objSchema.when(str, whenOpts);
+    altSchema = objSchema.when(ref, whenOpts);
 }
 
 // --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- ---
@@ -734,8 +734,8 @@ strSchema = strSchema.ip(ipOpts);
 strSchema = strSchema.uri();
 strSchema = strSchema.uri(uriOpts);
 strSchema = strSchema.guid();
-strSchema = strSchema.guid({version: ['uuidv1', 'uuidv2', 'uuidv3', 'uuidv4', 'uuidv5']});
-strSchema = strSchema.guid({version: 'uuidv4'});
+strSchema = strSchema.guid({ version: ['uuidv1', 'uuidv2', 'uuidv3', 'uuidv4', 'uuidv5'] });
+strSchema = strSchema.guid({ version: 'uuidv4' });
 strSchema = strSchema.hex();
 strSchema = strSchema.hostname();
 strSchema = strSchema.isoDate();
@@ -744,50 +744,50 @@ strSchema = strSchema.uppercase();
 strSchema = strSchema.trim();
 
 namespace common {
-	strSchema = strSchema.allow(x);
-	strSchema = strSchema.allow(x, x);
-	strSchema = strSchema.allow([x, x, x]);
-	strSchema = strSchema.valid(x);
-	strSchema = strSchema.valid(x, x);
-	strSchema = strSchema.valid([x, x, x]);
-	strSchema = strSchema.only(x);
-	strSchema = strSchema.only(x, x);
-	strSchema = strSchema.only([x, x, x]);
-	strSchema = strSchema.equal(x);
-	strSchema = strSchema.equal(x, x);
-	strSchema = strSchema.equal([x, x, x]);
-	strSchema = strSchema.invalid(x);
-	strSchema = strSchema.invalid(x, x);
-	strSchema = strSchema.invalid([x, x, x]);
-	strSchema = strSchema.disallow(x);
-	strSchema = strSchema.disallow(x, x);
-	strSchema = strSchema.disallow([x, x, x]);
-	strSchema = strSchema.not(x);
-	strSchema = strSchema.not(x, x);
-	strSchema = strSchema.not([x, x, x]);
+    strSchema = strSchema.allow(x);
+    strSchema = strSchema.allow(x, x);
+    strSchema = strSchema.allow([x, x, x]);
+    strSchema = strSchema.valid(x);
+    strSchema = strSchema.valid(x, x);
+    strSchema = strSchema.valid([x, x, x]);
+    strSchema = strSchema.only(x);
+    strSchema = strSchema.only(x, x);
+    strSchema = strSchema.only([x, x, x]);
+    strSchema = strSchema.equal(x);
+    strSchema = strSchema.equal(x, x);
+    strSchema = strSchema.equal([x, x, x]);
+    strSchema = strSchema.invalid(x);
+    strSchema = strSchema.invalid(x, x);
+    strSchema = strSchema.invalid([x, x, x]);
+    strSchema = strSchema.disallow(x);
+    strSchema = strSchema.disallow(x, x);
+    strSchema = strSchema.disallow([x, x, x]);
+    strSchema = strSchema.not(x);
+    strSchema = strSchema.not(x, x);
+    strSchema = strSchema.not([x, x, x]);
 
-	strSchema = strSchema.default(x);
+    strSchema = strSchema.default(x);
 
-	strSchema = strSchema.required();
-	strSchema = strSchema.optional();
-	strSchema = strSchema.forbidden();
+    strSchema = strSchema.required();
+    strSchema = strSchema.optional();
+    strSchema = strSchema.forbidden();
 
-	strSchema = strSchema.description(str);
-	strSchema = strSchema.notes(str);
-	strSchema = strSchema.notes(strArr);
-	strSchema = strSchema.tags(str);
-	strSchema = strSchema.tags(strArr);
+    strSchema = strSchema.description(str);
+    strSchema = strSchema.notes(str);
+    strSchema = strSchema.notes(strArr);
+    strSchema = strSchema.tags(str);
+    strSchema = strSchema.tags(strArr);
 
-	strSchema = strSchema.meta(obj);
-	strSchema = strSchema.example(obj);
-	strSchema = strSchema.unit(str);
+    strSchema = strSchema.meta(obj);
+    strSchema = strSchema.example(obj);
+    strSchema = strSchema.unit(str);
 
-	strSchema = strSchema.options(validOpts);
-	strSchema = strSchema.strict();
-	strSchema = strSchema.concat(x);
+    strSchema = strSchema.options(validOpts);
+    strSchema = strSchema.strict();
+    strSchema = strSchema.concat(x);
 
-	altSchema = strSchema.when(str, whenOpts);
-	altSchema = strSchema.when(ref, whenOpts);
+    altSchema = strSchema.when(str, whenOpts);
+    altSchema = strSchema.when(ref, whenOpts);
 }
 
 // --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- ---
@@ -811,22 +811,22 @@ namespace validate_tests {
         Joi.validate(value, schema);
         Joi.validate(value, schema, validOpts);
         Joi.validate(value, schema, validOpts, (err, value) => {
-	x = value;
-	str = err.message;
-	str = err.details[0].path;
-	str = err.details[0].message;
-	str = err.details[0].type;
+            x = value;
+            str = err.message;
+            str = err.details[0].path;
+            str = err.details[0].message;
+            str = err.details[0].type;
         });
         Joi.validate(value, schema, (err, value) => {
-	x = value;
-	str = err.message;
-	str = err.details[0].path;
-	str = err.details[0].message;
-	str = err.details[0].type;
+            x = value;
+            str = err.message;
+            str = err.details[0].path;
+            str = err.details[0].message;
+            str = err.details[0].type;
         });
         // variant
         Joi.validate(num, schema, validOpts, (err, value) => {
-	num = value;
+            num = value;
         });
 
         // plain opts
@@ -853,6 +853,11 @@ namespace validate_tests {
         returnValue = Joi.validate(value, obj, validOpts);
         value = Joi.validate(value, obj, validOpts, (err, value) => value);
         value = Joi.validate(value, schema, validOpts, (err, value) => value);
+
+        returnValue = schema.validate(value);
+        returnValue = schema.validate(value, validOpts);
+        value = schema.validate(value, (err, value) => value);
+        value = schema.validate(value, validOpts, (err, value) => value);
     }
 }
 

From 158ea650e509a8ede5062670a2a672701d738980 Mon Sep 17 00:00:00 2001
From: Balazs Erdos <account@balazserdos.net>
Date: Wed, 3 May 2017 20:53:34 +0200
Subject: [PATCH 159/321] Add grouped joins (#16294)

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

diff --git a/types/knex/index.d.ts b/types/knex/index.d.ts
index e95373120e..16330b4e3a 100644
--- a/types/knex/index.d.ts
+++ b/types/knex/index.d.ts
@@ -173,6 +173,7 @@ declare namespace Knex {
 
     interface Join {
         (raw: Raw): QueryBuilder;
+        (builder: QueryBuilder, clause: (this: JoinClause) => void): QueryBuilder;
         (tableName: string, columns: { [key: string]: string | number | Raw }): QueryBuilder;
         (tableName: string, callback: Function): QueryBuilder;
         (tableName: TableName, raw: Raw): QueryBuilder;

From 08b6b892b4ea5a0782e3b9d0e1f5e9ac0083dfbc Mon Sep 17 00:00:00 2001
From: Andy <anhans@microsoft.com>
Date: Wed, 3 May 2017 11:53:59 -0700
Subject: [PATCH 160/321] jquery.growl: Add test file and fix types (#16295)

---
 types/jquery.growl/index.d.ts            | 47 +++++++++++++-----------
 types/jquery.growl/jquery.growl-tests.ts |  4 ++
 types/jquery.growl/tsconfig.json         |  3 +-
 3 files changed, 31 insertions(+), 23 deletions(-)
 create mode 100644 types/jquery.growl/jquery.growl-tests.ts

diff --git a/types/jquery.growl/index.d.ts b/types/jquery.growl/index.d.ts
index 4507f1ca4f..2a847b8ef7 100644
--- a/types/jquery.growl/index.d.ts
+++ b/types/jquery.growl/index.d.ts
@@ -5,31 +5,34 @@
 
 ///<reference types="jquery" />
 
-interface growlOptions {
-	// Message
-	message: string;
-	// Title
-	title?: string;
-	// URL
-	url?: string;
-	// while hovering over the alert, prevent it from being dismissed (true | false - default: true)
-	delayOnHover?: boolean;
-	// the duration (in milliseconds) for which the alert is displayed (default: 3200)
-	duration?: number;
-	// whether the alert should be fixed rather than auto- dismissed(true | false - default: false)
-	fixed?: boolean;
-	// the alert's position ('tl' | 'tr' | 'bl' | 'br' | 'tc' | 'bc' - default: 'tr')
-	location?: string;
-	// the alert's size ('small' | 'medium' | 'large' - default: 'medium')
-	size?: string;
-	// the alert's style ('default' | 'error' | 'notice' | 'warning' - default: 'default')
-	style?: string;
+declare namespace growl {
+	interface Options {
+		// Message
+		message: string;
+		// Title
+		title?: string;
+		// URL
+		url?: string;
+		// while hovering over the alert, prevent it from being dismissed (true | false - default: true)
+		delayOnHover?: boolean;
+		// the duration (in milliseconds) for which the alert is displayed (default: 3200)
+		duration?: number;
+		// whether the alert should be fixed rather than auto- dismissed(true | false - default: false)
+		fixed?: boolean;
+		// the alert's position ('tl' | 'tr' | 'bl' | 'br' | 'tc' | 'bc' - default: 'tr')
+		location?: string;
+		// the alert's size ('small' | 'medium' | 'large' - default: 'medium')
+		size?: string;
+		// the alert's style ('default' | 'error' | 'notice' | 'warning' - default: 'default')
+		style?: string;
+	}
 }
 
 interface growl {
-	error(options: growlOptions): void;
-	notice(options: growlOptions): void;
-	warning(options: growlOptions): void;
+	(options: growl.Options): void;
+	error(options: growl.Options): void;
+	notice(options: growl.Options): void;
+	warning(options: growl.Options): void;
 }
 
 interface JQueryStatic {
diff --git a/types/jquery.growl/jquery.growl-tests.ts b/types/jquery.growl/jquery.growl-tests.ts
new file mode 100644
index 0000000000..3391441bf1
--- /dev/null
+++ b/types/jquery.growl/jquery.growl-tests.ts
@@ -0,0 +1,4 @@
+$.growl({ title: "Growl", message: "The kitten is awake!" });
+$.growl.error({ message: "The kitten is attacking!" });
+$.growl.notice({ message: "The kitten is cute!" });
+$.growl.warning({ message: "The kitten is ugly!" });
diff --git a/types/jquery.growl/tsconfig.json b/types/jquery.growl/tsconfig.json
index a2cbd4e379..8eb3a19e35 100644
--- a/types/jquery.growl/tsconfig.json
+++ b/types/jquery.growl/tsconfig.json
@@ -16,6 +16,7 @@
         "forceConsistentCasingInFileNames": true
     },
     "files": [
-        "index.d.ts"
+        "index.d.ts",
+        "jquery.growl-tests.ts"
     ]
 }

From 02151eb220eb75cc1fad233650d24e716fb9efbb Mon Sep 17 00:00:00 2001
From: Dennis Schwartz <dennis@repositive.io>
Date: Wed, 3 May 2017 19:58:52 +0100
Subject: [PATCH 161/321] Added onFinish function to @types/tape (#16301)

---
 types/tape/index.d.ts    | 11 +++++++++--
 types/tape/tape-tests.ts |  1 +
 2 files changed, 10 insertions(+), 2 deletions(-)

diff --git a/types/tape/index.d.ts b/types/tape/index.d.ts
index 85af8d06ad..d7da838859 100644
--- a/types/tape/index.d.ts
+++ b/types/tape/index.d.ts
@@ -1,6 +1,8 @@
-// Type definitions for tape v4.2.2
+// Type definitions for tape v4.2.29
 // Project: https://github.com/substack/tape
-// Definitions by: Bart van der Schoor <https://github.com/Bartvds>, Haoqun Jiang <https://github.com/sodatea>
+// Definitions by: Bart van der Schoor <https://github.com/Bartvds>
+//                 Haoqun Jiang <https://github.com/sodatea>
+//                 Dennis Schwartz <https://github.com/DennisSchwartz>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 
 /// <reference types="node" />
@@ -44,6 +46,11 @@ declare namespace tape {
      */
     export function skip(name: string, cb: tape.TestCase): void;
 
+    /**
+     * The onFinish hook will get invoked when ALL tape tests have finished right before tape is about to print the test summary.
+     */
+    export function onFinish(cb: () => void): void;
+
     /**
      * Like test(name, cb) except if you use .only this is the only test case that will run for the entire process, all other test cases using tape will be ignored.
      */
diff --git a/types/tape/tape-tests.ts b/types/tape/tape-tests.ts
index 9884ece458..09847fe9a9 100644
--- a/types/tape/tape-tests.ts
+++ b/types/tape/tape-tests.ts
@@ -16,6 +16,7 @@ tape(name, (test: tape.Test) => {
 
 tape.skip(name, cb);
 tape.only(name, cb);
+tape.onFinish(() => {});
 
 
 var sopts: tape.StreamOptions;

From f782f81c7ac72343d59a4c1a00cb5f1a538bf4ba Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Lukas=20Spie=C3=9F?= <lumaxis@users.noreply.github.com>
Date: Wed, 3 May 2017 21:02:19 +0200
Subject: [PATCH 162/321] Update type definition to include changes from Sinon
 2.2.0 (#16298)

* Add usingPromise to sinon types

* Add type definitions for sinon's calledImmediatelyBefore/After

* Update types for sinon's resolves() by marking parameter as optional

* Add tslint.json for sinon and fix issues
---
 types/sinon/index.d.ts     | 27 +++++++------
 types/sinon/sinon-tests.ts | 79 +++++++++++++++++++++++---------------
 types/sinon/tslint.json    |  7 ++++
 3 files changed, 72 insertions(+), 41 deletions(-)
 create mode 100644 types/sinon/tslint.json

diff --git a/types/sinon/index.d.ts b/types/sinon/index.d.ts
index 7907d4a7ff..2056d7e384 100644
--- a/types/sinon/index.d.ts
+++ b/types/sinon/index.d.ts
@@ -1,13 +1,15 @@
-// Type definitions for Sinon 2.1.0
+// Type definitions for Sinon 2.2
 // Project: http://sinonjs.org/
-// Definitions by: William Sears <https://github.com/mrbigdog2u>, Jonathan Little <https://github.com/rationull>
+// Definitions by: William Sears <https://github.com/mrbigdog2u>, Jonathan Little <https://github.com/rationull>, Lukas Spieß <https://github.con/lumaxis>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 
 // sinon uses DOM dependencies which are absent in browserless envoronment like node.js
 // to avoid compiler errors this monkey patch is used
 // see more details in https://github.com/DefinitelyTyped/DefinitelyTyped/issues/11351
+// tslint:disable no-empty-interface
 interface Event { }
 interface Document { }
+// tslint:enable no-empty-interface
 
 declare namespace Sinon {
     interface SinonSpyCallApi {
@@ -65,6 +67,8 @@ declare namespace Sinon {
         (...args: any[]): any;
         calledBefore(anotherSpy: SinonSpy): boolean;
         calledAfter(anotherSpy: SinonSpy): boolean;
+        calledImmediatelyBefore(anotherSpy: SinonSpy): boolean;
+        calledImmediatelyAfter(anotherSpy: SinonSpy): boolean;
         calledWithNew(): boolean;
         withArgs(...args: any[]): SinonSpy;
         alwaysCalledOn(obj: any): boolean;
@@ -98,10 +102,12 @@ declare namespace Sinon {
     interface SinonStub extends SinonSpy {
         resetBehavior(): void;
         resetHistory(): void;
+        usingPromise(promiseLibrary: any): void;
+
         returns(obj: any): SinonStub;
         returnsArg(index: number): SinonStub;
         returnsThis(): SinonStub;
-        resolves(value: any): SinonStub;
+        resolves(value?: any): SinonStub;
         throws(type?: string): SinonStub;
         throws(obj: any): SinonStub;
         rejects(): SinonStub;
@@ -237,7 +243,7 @@ declare namespace Sinon {
 
     interface SinonFakeXMLHttpRequest {
         // Properties
-        onCreate: (xhr: SinonFakeXMLHttpRequest) => void;
+        onCreate(xhr: SinonFakeXMLHttpRequest): void;
         url: string;
         method: string;
         requestHeaders: any;
@@ -265,9 +271,7 @@ declare namespace Sinon {
         onerror(): void;
     }
 
-    interface SinonFakeXMLHttpRequestStatic {
-        (): SinonFakeXMLHttpRequest;
-    }
+    type SinonFakeXMLHttpRequestStatic = () => SinonFakeXMLHttpRequest;
 
     interface SinonStatic {
         useFakeXMLHttpRequest: SinonFakeXMLHttpRequestStatic;
@@ -279,7 +283,7 @@ declare namespace Sinon {
         autoRespond: boolean;
         autoRespondAfter: number;
         fakeHTTPMethods: boolean;
-        getHTTPMethod: (request: SinonFakeXMLHttpRequest) => string;
+        getHTTPMethod(request: SinonFakeXMLHttpRequest): string;
         requests: SinonFakeXMLHttpRequest[];
         respondImmediately: boolean;
 
@@ -320,8 +324,8 @@ declare namespace Sinon {
     interface SinonAssert {
         // Properties
         failException: string;
-        fail: (message?: string) => void; // Overridable
-        pass: (assertion: any) => void; // Overridable
+        fail(message?: string): void; // Overridable
+        pass(assertion: any): void; // Overridable
 
         // Methods
         notCalled(spy: SinonSpy): void;
@@ -411,6 +415,7 @@ declare namespace Sinon {
         reset(): void;
         resetHistory(): void;
         resetBehavior(): void;
+        usingPromise(promiseLibrary: any): void;
         verify(): void;
         verifyAndRestore(): void;
     }
@@ -444,7 +449,7 @@ declare namespace Sinon {
     }
 }
 
-declare var Sinon: Sinon.SinonStatic;
+declare const Sinon: Sinon.SinonStatic;
 
 export = Sinon;
 export as namespace sinon;
diff --git a/types/sinon/sinon-tests.ts b/types/sinon/sinon-tests.ts
index 404cf1ef39..41f38318dc 100644
--- a/types/sinon/sinon-tests.ts
+++ b/types/sinon/sinon-tests.ts
@@ -1,8 +1,10 @@
 import sinon = require("sinon");
 
 function once(fn: Function) {
-    var returnValue: any, called = false;
-    return function () {
+    let called = false;
+    let returnValue: any;
+
+    return function() {
         if (!called) {
             called = true;
             returnValue = fn.apply(this, arguments);
@@ -12,44 +14,44 @@ function once(fn: Function) {
 }
 
 function testOne() {
-    var callback = sinon.spy();
-    var proxy = once(callback);
+    let callback = sinon.spy();
+    let proxy = once(callback);
     proxy();
     if (callback.calledOnce) { console.log("test1 calledOnce success"); } else { console.log("test1 calledOnce failure"); }
 }
 
 function testTwo() {
-    var callback = sinon.spy(() => {});
-    var proxy = once(callback);
+    let callback = sinon.spy(() => {});
+    let proxy = once(callback);
     proxy();
     proxy();
     if (callback.calledOnce) { console.log("test2 calledOnce success"); } else { console.log("test2 calledOnce failure"); }
 }
 
 function testThree() {
-    var obj = { thisObj: true };
-    var callback = sinon.spy({}, "method");
-    var proxy = once(callback);
+    let obj = { thisObj: true };
+    let callback = sinon.spy({}, "method");
+    let proxy = once(callback);
     proxy.call(obj, callback, 1, 2, 3);
     if (callback.calledOn(obj)) { console.log("test3 calledOn success"); } else { console.log("test3 calledOn failure"); }
     if (callback.calledWith(callback, 1, 2, 3)) { console.log("test3 calledWith success"); } else { console.log("test3 calledWith failure"); }
 }
 
 function testFour() {
-    var callback = sinon.stub().returns(42);
-    var proxy = once(callback);
-    var val = proxy.apply(callback, [1, 2, 3]);
+    let callback = sinon.stub().returns(42);
+    let proxy = once(callback);
+    let val = proxy.apply(callback, [1, 2, 3]);
     if (val === 42) { console.log("test4 returns success"); } else { console.log("test4 returns failure"); }
 }
 
 function testFive() {
-    var callback = sinon.stub().returnsArg(1);
-    var proxy = once(callback);
-    var val = proxy.apply(callback, [1, 2, 3]);
+    let callback = sinon.stub().returnsArg(1);
+    let proxy = once(callback);
+    let val = proxy.apply(callback, [1, 2, 3]);
     if (val === 2) { console.log("test5 returnsArg success"); } else { console.log("test5 returnsArg failure"); }
 }
 
-var objectUnderTest: any = {
+let objectUnderTest: any = {
     process: (obj: any) => {
         // It doesn't really matter what's here because the stub is going to replace this function
         return obj.success(99);
@@ -57,7 +59,7 @@ var objectUnderTest: any = {
 };
 
 function testSix() {
-    var stub = sinon.stub(objectUnderTest, "process").yieldsTo("success");
+    let stub = sinon.stub(objectUnderTest, "process").yieldsTo("success");
     objectUnderTest.process({
         success: () => { console.log("test6 yieldsTo success"); },
         failure: () => { console.log("test6 yieldsTo failure"); }
@@ -66,8 +68,8 @@ function testSix() {
 }
 
 function testSeven() {
-    var obj = { functionToTest : () => { } };
-    var mockObj = sinon.mock(obj);
+    let obj = { functionToTest : () => { } };
+    let mockObj = sinon.mock(obj);
     obj.functionToTest();
     mockObj.expects('functionToTest').once();
 }
@@ -77,7 +79,7 @@ function testEight() {
 }
 
 function testNine() {
-	var callback = sinon.stub().returns(42);
+	let callback = sinon.stub().returns(42);
 	callback({ x: 5, y: 5 });
 	callback.calledWithMatch({ x: 5 });
 	callback.alwaysCalledWithMatch({ y: 5 });
@@ -89,7 +91,7 @@ function testNine() {
 }
 
 function testSandbox() {
-    var sandbox = sinon.sandbox.create();
+    let sandbox = sinon.sandbox.create();
 
     sandbox.assert.notCalled(sinon.spy());
 
@@ -104,19 +106,21 @@ function testSandbox() {
     sandbox.reset();
     sandbox.resetHistory();
     sandbox.resetBehavior();
+    sandbox.usingPromise(Promise);
     sandbox.verify();
     sandbox.verifyAndRestore();
 }
 
 function testPromises() {
-    var resolveStub = sinon.stub().resolves(10);
-    var rejectStub1 = sinon.stub().rejects();
-    var rejectsStub2 = sinon.stub().rejects(new Error('Specified error'));
-    var rejectsStub2 = sinon.stub().rejects("TypeError");
+    let resolveStub = sinon.stub().resolves();
+    resolveStub = sinon.stub().resolves(10);
+    let rejectStub1 = sinon.stub().rejects();
+    let rejectsStub2 = sinon.stub().rejects(new Error('Specified error'));
+    rejectsStub2 = sinon.stub().rejects("TypeError");
 }
 
 function testSymbolMatch() {
-    var stub = sinon.stub();
+    let stub = sinon.stub();
     stub(Symbol('TestSymbol'));
     stub.calledWithMatch(sinon.match.symbol);
 }
@@ -125,6 +129,18 @@ function testResetHistory() {
     sinon.stub().resetHistory();
 }
 
+function testUsingPromises() {
+    sinon.stub().usingPromise(Promise);
+}
+
+function testSpy() {
+    const otherSpy = sinon.spy();
+    sinon.spy().calledAfter(otherSpy);
+    sinon.spy().calledBefore(otherSpy);
+    sinon.spy().calledImmediatelyAfter(otherSpy);
+    sinon.spy().calledImmediatelyBefore(otherSpy);
+}
+
 testOne();
 testTwo();
 testThree();
@@ -135,23 +151,26 @@ testSeven();
 testEight();
 testNine();
 testPromises();
+testSandbox();
+testSpy();
 testSymbolMatch();
 testResetHistory();
+testUsingPromises();
 
-var clock = sinon.useFakeTimers();
+let clock = sinon.useFakeTimers();
 clock.setSystemTime(1000);
 clock.setSystemTime(new Date());
 
 class TestCreateStubInstance {
-    someTestMethod(testArg : string) {};
+    someTestMethod(testArg: string) {}
 }
 
 sinon.createStubInstance(TestCreateStubInstance).someTestMethod('some argument');
 
 function testGetCalls() {
-    var double = sinon.spy((a: number) => a * 2);
+    let double = sinon.spy((a: number) => a * 2);
     double(2);
     double(4);
     double.getCall(0).args.length === 1;
     double.getCalls().find(call => call.args[0] === 4).returnValue === 8;
-}
\ No newline at end of file
+}
diff --git a/types/sinon/tslint.json b/types/sinon/tslint.json
new file mode 100644
index 0000000000..1b62a88e52
--- /dev/null
+++ b/types/sinon/tslint.json
@@ -0,0 +1,7 @@
+{
+    "extends": "dtslint/dt.json",
+    "rules": {
+        "ban-types": false,
+        "unified-signatures": false
+    }
+}

From 514a27de01ad899feccc2898e3c2b8768fa90f02 Mon Sep 17 00:00:00 2001
From: Caleb St-Denis <caleb.stdenis@outlook.com>
Date: Wed, 3 May 2017 15:02:48 -0400
Subject: [PATCH 163/321] angular - Separate interfaces for each lifecycle hook
 (#16299)

* Separate interfaces for each lifecycle hook

Having one required hook per interface leads to greater type safety than
having a single IController interface with all properties optional.
Namely, the IController interface will not help you if you misspell a hook
name. (A slight improvement, admittedly, but an improvement nonetheless.)

This is closer to how the typings are done for lifecycle hooks in ng2.

* Use `dtslint`

* Fix trailing whitespace
---
 types/angular/index.d.ts  | 73 ++++++++++++++++++++++++++++++++++++++-
 types/angular/tslint.json |  2 +-
 2 files changed, 73 insertions(+), 2 deletions(-)

diff --git a/types/angular/index.d.ts b/types/angular/index.d.ts
index 1d59854d9d..c895c4f7ee 100644
--- a/types/angular/index.d.ts
+++ b/types/angular/index.d.ts
@@ -1,6 +1,6 @@
 // Type definitions for Angular JS 1.6
 // Project: http://angularjs.org
-// Definitions by: Diego Vilar <http://github.com/diegovilar>, Georgii Dolzhykov <http://github.com/thorn0>
+// Definitions by: Diego Vilar <http://github.com/diegovilar>, Georgii Dolzhykov <http://github.com/thorn0>, Caleb St-Denis <https://github.com/calebstdenis>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 
 /// <reference types="jquery" />
@@ -1847,6 +1847,77 @@ declare namespace angular {
         $postLink?(): void;
     }
 
+    /**
+     * Interface for the $onInit lifecycle hook
+     * https://docs.angularjs.org/api/ng/service/$compile#life-cycle-hooks
+     */
+    interface IOnInit {
+        /**
+         * Called on each controller after all the controllers on an element have been constructed and had their bindings
+         * initialized (and before the pre & post linking functions for the directives on this element). This is a good
+         * place to put initialization code for your controller.
+         */
+        $onInit(): void;
+    }
+
+    /**
+     * Interface for the $doCheck lifecycle hook
+     * https://docs.angularjs.org/api/ng/service/$compile#life-cycle-hooks
+     */
+    interface IDoCheck {
+        /**
+         * Called on each turn of the digest cycle. Provides an opportunity to detect and act on changes.
+         * Any actions that you wish to take in response to the changes that you detect must be invoked from this hook;
+         * implementing this has no effect on when `$onChanges` is called. For example, this hook could be useful if you wish
+         * to perform a deep equality check, or to check a `Dat`e object, changes to which would not be detected by Angular's
+         * change detector and thus not trigger `$onChanges`. This hook is invoked with no arguments; if detecting changes,
+         * you must store the previous value(s) for comparison to the current values.
+         */
+        $doCheck(): void;
+    }
+
+    /**
+     * Interface for the $onChanges lifecycle hook
+     * https://docs.angularjs.org/api/ng/service/$compile#life-cycle-hooks
+     */
+    interface IOnChanges {
+        /**
+         * Called whenever one-way bindings are updated. The onChangesObj is a hash whose keys are the names of the bound
+         * properties that have changed, and the values are an {@link IChangesObject} object  of the form
+         * { currentValue, previousValue, isFirstChange() }. Use this hook to trigger updates within a component such as
+         * cloning the bound value to prevent accidental mutation of the outer value.
+         */
+        $onChanges(onChangesObj: IOnChangesObject): void;
+    }
+
+    /**
+     * Interface for the $onDestroy lifecycle hook
+     * https://docs.angularjs.org/api/ng/service/$compile#life-cycle-hooks
+     */
+    interface IOnDestroy {
+        /**
+         * Called on a controller when its containing scope is destroyed. Use this hook for releasing external resources,
+         * watches and event handlers.
+         */
+        $onDestroy(): void;
+    }
+
+    /**
+     * Interface for the $postLink lifecycle hook
+     * https://docs.angularjs.org/api/ng/service/$compile#life-cycle-hooks
+     */
+    interface IPostLink {
+        /**
+         * Called after this controller's element and its children have been linked. Similar to the post-link function this
+         * hook can be used to set up DOM event handlers and do direct DOM manipulation. Note that child elements that contain
+         * templateUrl directives will not have been compiled and linked since they are waiting for their template to load
+         * asynchronously and their own compilation and linking has been suspended until that occurs. This hook can be considered
+         * analogous to the ngAfterViewInit and ngAfterContentInit hooks in Angular 2. Since the compilation process is rather
+         * different in Angular 1 there is no direct mapping and care should be taken when upgrading.
+         */
+        $postLink(): void;
+    }
+
     interface IOnChangesObject {
         [property: string]: IChangesObject<any>;
     }
diff --git a/types/angular/tslint.json b/types/angular/tslint.json
index 3ace427c86..50c4474b7c 100644
--- a/types/angular/tslint.json
+++ b/types/angular/tslint.json
@@ -17,4 +17,4 @@
         "unified-signatures": false,
         "void-return": false
     }
-}
+}
\ No newline at end of file

From 74818a2559ae6b7f2bdd09c8ae2d37b1a995cb2b Mon Sep 17 00:00:00 2001
From: Kyle Roach <kroach.work@gmail.com>
Date: Wed, 3 May 2017 15:07:12 -0400
Subject: [PATCH 164/321] [react-native] Added BackHandler component (#16302)

---
 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 9991b51bc7..a7dc4da43a 100644
--- a/types/react-native/index.d.ts
+++ b/types/react-native/index.d.ts
@@ -6452,6 +6452,18 @@ export interface BackAndroidStatic {
     removeEventListener(eventName: BackPressEventName, handler: () => void): void;
 }
 
+/**
+ * Detect hardware back button presses, and programmatically invoke the
+ * default back button functionality to exit the app if there are no
+ * listeners or if none of the listeners return true.
+ * Methods don't have more detailed documentation as of 0.25.
+ */
+export interface BackHandlerStatic {
+    exitApp(): void;
+    addEventListener(eventName: BackPressEventName, handler: () => void): void;
+    removeEventListener(eventName: BackPressEventName, handler: () => void): void;
+}
+
 export interface ButtonProperties {
     title: string;
     onPress: () => any;
@@ -8592,6 +8604,9 @@ export type AsyncStorage = AsyncStorageStatic
 export var BackAndroid: BackAndroidStatic
 export type BackAndroid = BackAndroidStatic
 
+export var BackHandler: BackHandlerStatic
+export type BackHandler = BackHandlerStatic
+
 export var Button: ButtonStatic
 export type Button = ButtonStatic
 

From d1a979d719ee3227739b3ca0577ad32804285ae8 Mon Sep 17 00:00:00 2001
From: Pavel Puchkov <0x6368656174@gmail.com>
Date: Thu, 4 May 2017 05:07:38 +1000
Subject: [PATCH 165/321] Change transaction() autoCallback param type from
 Blueburd to PromiseLike (#16253)

* Change transaction() autoCallback param type from Blueburd to PromiseLike

* Add promise tests.
---
 types/sequelize/index.d.ts         |  4 ++--
 types/sequelize/sequelize-tests.ts | 36 +++++++++++++++++++++---------
 types/sequelize/v3/index.d.ts      |  4 ++--
 3 files changed, 30 insertions(+), 14 deletions(-)

diff --git a/types/sequelize/index.d.ts b/types/sequelize/index.d.ts
index d94892170a..a7f5b0afe5 100644
--- a/types/sequelize/index.d.ts
+++ b/types/sequelize/index.d.ts
@@ -5726,8 +5726,8 @@ declare namespace sequelize {
          * @param autoCallback Callback for the transaction
          */
         transaction(options: TransactionOptions,
-            autoCallback: (t: Transaction) => Promise<any>): Promise<any>;
-        transaction(autoCallback: (t: Transaction) => Promise<any>): Promise<any>;
+            autoCallback: (t: Transaction) => PromiseLike<any>): Promise<any>;
+        transaction(autoCallback: (t: Transaction) => PromiseLike<any>): Promise<any>;
         transaction(): Promise<Transaction>;
 
         /**
diff --git a/types/sequelize/sequelize-tests.ts b/types/sequelize/sequelize-tests.ts
index 9425bd4f84..cc4462fa86 100644
--- a/types/sequelize/sequelize-tests.ts
+++ b/types/sequelize/sequelize-tests.ts
@@ -1,5 +1,6 @@
 import Sequelize = require("sequelize");
-import Promise = require('bluebird');
+import Q = require('q');
+import Bluebird = require('bluebird');
 
 //
 //  Fixtures
@@ -978,7 +979,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 } );
@@ -1617,18 +1618,33 @@ s.transaction().then( function( t ) {
 } );
 
 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 () => {
+});
+s.transaction((): Promise<void> => {
+    return Promise.resolve();
+});
+s.transaction((): Bluebird<void> => {
+    return Bluebird.resolve();
+});
+s.transaction((): Q.Promise<void> => {
+    return Q.Promise<void>((resolve) => {
+        resolve(null);
+    });
+});
diff --git a/types/sequelize/v3/index.d.ts b/types/sequelize/v3/index.d.ts
index d24cad3cdd..3712c4fb56 100644
--- a/types/sequelize/v3/index.d.ts
+++ b/types/sequelize/v3/index.d.ts
@@ -5692,8 +5692,8 @@ declare namespace sequelize {
          * @param autoCallback Callback for the transaction
          */
         transaction(options: TransactionOptions,
-            autoCallback: (t: Transaction) => Promise<any>): Promise<any>;
-        transaction(autoCallback: (t: Transaction) => Promise<any>): Promise<any>;
+            autoCallback: (t: Transaction) => PromiseLike<any>): Promise<any>;
+        transaction(autoCallback: (t: Transaction) => PromiseLike<any>): Promise<any>;
         transaction(): Promise<Transaction>;
 
         /**

From 90cd78deeb6044702c9175adb4b5354f005fc1c0 Mon Sep 17 00:00:00 2001
From: ikokostya <ikokostya@gmail.com>
Date: Wed, 3 May 2017 22:09:15 +0300
Subject: [PATCH 166/321] @types/node: fix dns.lookup() definitions (#15900)

* @types/node: fix dns.lookup() definitions

* fix optional family argument
---
 types/node/index.d.ts       | 31 +++++++++++++++++++--
 types/node/node-tests.ts    | 54 +++++++++++++++++++++++++++++++++++++
 types/node/v4/index.d.ts    | 31 +++++++++++++++++++--
 types/node/v4/node-tests.ts | 54 +++++++++++++++++++++++++++++++++++++
 types/node/v6/index.d.ts    | 31 +++++++++++++++++++--
 types/node/v6/node-tests.ts | 54 +++++++++++++++++++++++++++++++++++++
 6 files changed, 249 insertions(+), 6 deletions(-)

diff --git a/types/node/index.d.ts b/types/node/index.d.ts
index 9985d61ccc..7b81878fee 100644
--- a/types/node/index.d.ts
+++ b/types/node/index.d.ts
@@ -1891,8 +1891,35 @@ declare module "dns" {
         priority: number
     }
 
-    export function lookup(domain: string, family: number, callback: (err: Error, address: string, family: number) => void): string;
-    export function lookup(domain: string, callback: (err: Error, address: string, family: number) => void): string;
+    // Supported getaddrinfo flags.
+    export const ADDRCONFIG: number;
+    export const V4MAPPED: number;
+
+    export interface LookupOptions {
+        family?: number;
+        hints?: number;
+        all?: boolean;
+    }
+
+    export interface LookupOneOptions extends LookupOptions {
+        all?: false;
+    }
+
+    export interface LookupAllOptions extends LookupOptions {
+        all: true;
+    }
+
+    export interface LookupAddress {
+        address: string;
+        family: number;
+    }
+
+    export function lookup(domain: string, family: number, callback: (err: NodeJS.ErrnoException, address: string, family: number) => void): void;
+    export function lookup(domain: string, options: LookupOneOptions, callback: (err: NodeJS.ErrnoException, address: string, family: number) => void): void;
+    export function lookup(domain: string, options: LookupAllOptions, callback: (err: NodeJS.ErrnoException, addresses: LookupAddress[]) => void): void;
+    export function lookup(domain: string, options: LookupOptions, callback: (err: NodeJS.ErrnoException, address: string | LookupAddress[], family: number) => void): void;
+    export function lookup(domain: string, callback: (err: NodeJS.ErrnoException, address: string, family: number) => void): void;
+
     export function resolve(domain: string, rrtype: string, callback: (err: Error, addresses: string[]) => void): string[];
     export function resolve(domain: string, callback: (err: Error, addresses: string[]) => void): string[];
     export function resolve4(domain: string, callback: (err: Error, addresses: string[]) => void): string[];
diff --git a/types/node/node-tests.ts b/types/node/node-tests.ts
index 568d15d096..256d9a57b2 100644
--- a/types/node/node-tests.ts
+++ b/types/node/node-tests.ts
@@ -25,6 +25,7 @@ import * as stream from "stream";
 import * as timers from "timers";
 import * as repl from "repl";
 import * as v8 from "v8";
+import * as dns from "dns";
 
 // Specifically test buffer module regression.
 import {Buffer as ImportedBuffer, SlowBuffer as ImportedSlowBuffer} from "buffer";
@@ -2127,6 +2128,59 @@ namespace repl_tests {
     }
 }
 
+///////////////////////////////////////////////////
+/// DNS Tests : https://nodejs.org/api/dns.html ///
+///////////////////////////////////////////////////
+
+namespace dns_tests {
+    dns.lookup("nodejs.org", (err, address, family) => {
+        const _err: NodeJS.ErrnoException = err;
+        const _address: string = address;
+        const _family: number = family;
+    });
+    dns.lookup("nodejs.org", 4, (err, address, family) => {
+        const _err: NodeJS.ErrnoException = err;
+        const _address: string = address;
+        const _family: number = family;
+    });
+    dns.lookup("nodejs.org", 6, (err, address, family) => {
+        const _err: NodeJS.ErrnoException = err;
+        const _address: string = address;
+        const _family: number = family;
+    });
+    dns.lookup("nodejs.org", {}, (err, address, family) => {
+        const _err: NodeJS.ErrnoException = err;
+        const _address: string = address;
+        const _family: number = family;
+    });
+    dns.lookup(
+        "nodejs.org",
+        {
+            family: 4,
+            hints: dns.ADDRCONFIG | dns.V4MAPPED,
+            all: false
+        },
+        (err, address, family) => {
+            const _err: NodeJS.ErrnoException = err;
+            const _address: string = address;
+            const _family: number = family;
+        }
+    );
+    dns.lookup("nodejs.org", {all: true}, (err, addresses) => {
+        const _err: NodeJS.ErrnoException = err;
+        const _address: dns.LookupAddress[] = addresses;
+    });
+
+    function trueOrFalse(): boolean {
+        return Math.random() > 0.5 ? true : false;
+    }
+    dns.lookup("nodejs.org", {all: trueOrFalse()}, (err, addresses, family) => {
+        const _err: NodeJS.ErrnoException = err;
+        const _addresses: string | dns.LookupAddress[] = addresses;
+        const _family: number | undefined = family;
+    });
+}
+
 /*****************************************************************************
  *                                                                           *
  * The following tests are the modules not mentioned in document but existed *
diff --git a/types/node/v4/index.d.ts b/types/node/v4/index.d.ts
index f9d804c7eb..8d32f09744 100644
--- a/types/node/v4/index.d.ts
+++ b/types/node/v4/index.d.ts
@@ -1242,8 +1242,35 @@ declare module "url" {
 }
 
 declare module "dns" {
-    export function lookup(domain: string, family: number, callback: (err: Error, address: string, family: number) =>void ): string;
-    export function lookup(domain: string, callback: (err: Error, address: string, family: number) =>void ): string;
+    // Supported getaddrinfo flags.
+    export const ADDRCONFIG: number;
+    export const V4MAPPED: number;
+
+    export interface LookupOptions {
+        family?: number;
+        hints?: number;
+        all?: boolean;
+    }
+
+    export interface LookupOneOptions extends LookupOptions {
+        all?: false;
+    }
+
+    export interface LookupAllOptions extends LookupOptions {
+        all: true;
+    }
+
+    export interface LookupAddress {
+        address: string;
+        family: number;
+    }
+
+    export function lookup(domain: string, family: number, callback: (err: NodeJS.ErrnoException, address: string, family: number) => void): void;
+    export function lookup(domain: string, options: LookupOneOptions, callback: (err: NodeJS.ErrnoException, address: string, family: number) => void): void;
+    export function lookup(domain: string, options: LookupAllOptions, callback: (err: NodeJS.ErrnoException, addresses: LookupAddress[]) => void): void;
+    export function lookup(domain: string, options: LookupOptions, callback: (err: NodeJS.ErrnoException, address: string | LookupAddress[], family: number) => void): void;
+    export function lookup(domain: string, callback: (err: NodeJS.ErrnoException, address: string, family: number) => void): void;
+
     export function resolve(domain: string, rrtype: string, callback: (err: Error, addresses: string[]) =>void ): string[];
     export function resolve(domain: string, callback: (err: Error, addresses: string[]) =>void ): string[];
     export function resolve4(domain: string, callback: (err: Error, addresses: string[]) =>void ): string[];
diff --git a/types/node/v4/node-tests.ts b/types/node/v4/node-tests.ts
index d61693f1a6..43ce0f9f42 100644
--- a/types/node/v4/node-tests.ts
+++ b/types/node/v4/node-tests.ts
@@ -19,6 +19,7 @@ import * as cluster from "cluster";
 import * as os from "os";
 import * as vm from "vm";
 import * as string_decoder from "string_decoder";
+import * as dns from "dns";
 
 // Specifically test buffer module regression.
 import {Buffer as ImportedBuffer, SlowBuffer as ImportedSlowBuffer} from "buffer";
@@ -968,3 +969,56 @@ namespace net_tests {
         net.createServer().listen(0).close().address();
     }
 }
+
+///////////////////////////////////////////////////
+/// DNS Tests : https://nodejs.org/api/dns.html ///
+///////////////////////////////////////////////////
+
+namespace dns_tests {
+    dns.lookup("nodejs.org", (err, address, family) => {
+        const _err: NodeJS.ErrnoException = err;
+        const _address: string = address;
+        const _family: number = family;
+    });
+    dns.lookup("nodejs.org", 4, (err, address, family) => {
+        const _err: NodeJS.ErrnoException = err;
+        const _address: string = address;
+        const _family: number = family;
+    });
+    dns.lookup("nodejs.org", 6, (err, address, family) => {
+        const _err: NodeJS.ErrnoException = err;
+        const _address: string = address;
+        const _family: number = family;
+    });
+    dns.lookup("nodejs.org", {}, (err, address, family) => {
+        const _err: NodeJS.ErrnoException = err;
+        const _address: string = address;
+        const _family: number = family;
+    });
+    dns.lookup(
+        "nodejs.org",
+        {
+            family: 4,
+            hints: dns.ADDRCONFIG | dns.V4MAPPED,
+            all: false
+        },
+        (err, address, family) => {
+            const _err: NodeJS.ErrnoException = err;
+            const _address: string = address;
+            const _family: number = family;
+        }
+    );
+    dns.lookup("nodejs.org", {all: true}, (err, addresses) => {
+        const _err: NodeJS.ErrnoException = err;
+        const _address: dns.LookupAddress[] = addresses;
+    });
+
+    function trueOrFalse(): boolean {
+        return Math.random() > 0.5 ? true : false;
+    }
+    dns.lookup("nodejs.org", {all: trueOrFalse()}, (err, addresses, family) => {
+        const _err: NodeJS.ErrnoException = err;
+        const _addresses: string | dns.LookupAddress[] = addresses;
+        const _family: number | undefined = family;
+    });
+}
diff --git a/types/node/v6/index.d.ts b/types/node/v6/index.d.ts
index 0c1796368e..664a037dd9 100644
--- a/types/node/v6/index.d.ts
+++ b/types/node/v6/index.d.ts
@@ -1812,8 +1812,35 @@ declare module "dns" {
         priority: number
     }
 
-    export function lookup(domain: string, family: number, callback: (err: Error, address: string, family: number) => void): string;
-    export function lookup(domain: string, callback: (err: Error, address: string, family: number) => void): string;
+    // Supported getaddrinfo flags.
+    export const ADDRCONFIG: number;
+    export const V4MAPPED: number;
+
+    export interface LookupOptions {
+        family?: number;
+        hints?: number;
+        all?: boolean;
+    }
+
+    export interface LookupOneOptions extends LookupOptions {
+        all?: false;
+    }
+
+    export interface LookupAllOptions extends LookupOptions {
+        all: true;
+    }
+
+    export interface LookupAddress {
+        address: string;
+        family: number;
+    }
+
+    export function lookup(domain: string, family: number, callback: (err: NodeJS.ErrnoException, address: string, family: number) => void): void;
+    export function lookup(domain: string, options: LookupOneOptions, callback: (err: NodeJS.ErrnoException, address: string, family: number) => void): void;
+    export function lookup(domain: string, options: LookupAllOptions, callback: (err: NodeJS.ErrnoException, addresses: LookupAddress[]) => void): void;
+    export function lookup(domain: string, options: LookupOptions, callback: (err: NodeJS.ErrnoException, address: string | LookupAddress[], family: number) => void): void;
+    export function lookup(domain: string, callback: (err: NodeJS.ErrnoException, address: string, family: number) => void): void;
+
     export function resolve(domain: string, rrtype: string, callback: (err: Error, addresses: string[]) => void): string[];
     export function resolve(domain: string, callback: (err: Error, addresses: string[]) => void): string[];
     export function resolve4(domain: string, callback: (err: Error, addresses: string[]) => void): string[];
diff --git a/types/node/v6/node-tests.ts b/types/node/v6/node-tests.ts
index 0e03b1d94a..4792c5edf1 100644
--- a/types/node/v6/node-tests.ts
+++ b/types/node/v6/node-tests.ts
@@ -24,6 +24,7 @@ import * as string_decoder from "string_decoder";
 import * as stream from "stream";
 import * as timers from "timers";
 import * as repl from "repl";
+import * as dns from "dns";
 
 // Specifically test buffer module regression.
 import {Buffer as ImportedBuffer, SlowBuffer as ImportedSlowBuffer} from "buffer";
@@ -2039,6 +2040,59 @@ namespace repl_tests {
     }
 }
 
+///////////////////////////////////////////////////
+/// DNS Tests : https://nodejs.org/api/dns.html ///
+///////////////////////////////////////////////////
+
+namespace dns_tests {
+    dns.lookup("nodejs.org", (err, address, family) => {
+        const _err: NodeJS.ErrnoException = err;
+        const _address: string = address;
+        const _family: number = family;
+    });
+    dns.lookup("nodejs.org", 4, (err, address, family) => {
+        const _err: NodeJS.ErrnoException = err;
+        const _address: string = address;
+        const _family: number = family;
+    });
+    dns.lookup("nodejs.org", 6, (err, address, family) => {
+        const _err: NodeJS.ErrnoException = err;
+        const _address: string = address;
+        const _family: number = family;
+    });
+    dns.lookup("nodejs.org", {}, (err, address, family) => {
+        const _err: NodeJS.ErrnoException = err;
+        const _address: string = address;
+        const _family: number = family;
+    });
+    dns.lookup(
+        "nodejs.org",
+        {
+            family: 4,
+            hints: dns.ADDRCONFIG | dns.V4MAPPED,
+            all: false
+        },
+        (err, address, family) => {
+            const _err: NodeJS.ErrnoException = err;
+            const _address: string = address;
+            const _family: number = family;
+        }
+    );
+    dns.lookup("nodejs.org", {all: true}, (err, addresses) => {
+        const _err: NodeJS.ErrnoException = err;
+        const _address: dns.LookupAddress[] = addresses;
+    });
+
+    function trueOrFalse(): boolean {
+        return Math.random() > 0.5 ? true : false;
+    }
+    dns.lookup("nodejs.org", {all: trueOrFalse()}, (err, addresses, family) => {
+        const _err: NodeJS.ErrnoException = err;
+        const _addresses: string | dns.LookupAddress[] = addresses;
+        const _family: number | undefined = family;
+    });
+}
+
 /*****************************************************************************
  *                                                                           *
  * The following tests are the modules not mentioned in document but existed *

From 297a4960e56ef11893faa6dfbd67145bd1d2e4c1 Mon Sep 17 00:00:00 2001
From: Jared Chapiewsky <jpchapiewsky@gmail.com>
Date: Wed, 3 May 2017 14:10:12 -0500
Subject: [PATCH 167/321] add types for sinon-express-mock package (#16268)

* add types for sinon-express-mock package

* remove sinon-express-mock package.json file
---
 types/sinon-express-mock/index.d.ts           | 55 +++++++++++++++++++
 .../sinon-express-mock-tests.ts               | 40 ++++++++++++++
 types/sinon-express-mock/tsconfig.json        | 22 ++++++++
 types/sinon-express-mock/tslint.json          |  1 +
 4 files changed, 118 insertions(+)
 create mode 100644 types/sinon-express-mock/index.d.ts
 create mode 100644 types/sinon-express-mock/sinon-express-mock-tests.ts
 create mode 100644 types/sinon-express-mock/tsconfig.json
 create mode 100644 types/sinon-express-mock/tslint.json

diff --git a/types/sinon-express-mock/index.d.ts b/types/sinon-express-mock/index.d.ts
new file mode 100644
index 0000000000..240d962687
--- /dev/null
+++ b/types/sinon-express-mock/index.d.ts
@@ -0,0 +1,55 @@
+// Type definitions for sinon-express-mock 1.3
+// Project: https://github.com/danawoodman/sinon-express-mock#readme
+// Definitions by: Jared Chapiewsky <https://github.com/jpchip>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+// TypeScript Version: 2.2
+
+import * as Sinon from "sinon";
+
+export namespace mockReq {
+	interface MockReq {
+		accepts: Sinon.SinonStub;
+		acceptsCharsets: Sinon.SinonStub;
+		acceptsEncodings: Sinon.SinonStub;
+		acceptsLanguages: Sinon.SinonStub;
+		body: object;
+		flash: Sinon.SinonStub;
+		get: Sinon.SinonStub;
+		is: Sinon.SinonStub;
+		params: object;
+		query: object;
+		session: object;
+	}
+}
+
+export namespace mockRes {
+	interface MockRes {
+		append: Sinon.SinonStub;
+		attachement: Sinon.SinonStub;
+		clearCookie: Sinon.SinonStub;
+		cookie: Sinon.SinonStub;
+		download: Sinon.SinonStub;
+		end: Sinon.SinonStub;
+		format: object;
+		get: Sinon.SinonStub;
+		headersSent: Sinon.SinonStub;
+		json: Sinon.SinonStub;
+		jsonp: Sinon.SinonStub;
+		links: Sinon.SinonStub;
+		locals: object;
+		location: Sinon.SinonStub;
+		redirect: Sinon.SinonStub;
+		render: Sinon.SinonStub;
+		send: Sinon.SinonStub;
+		sendFile: Sinon.SinonStub;
+		sendStatus: Sinon.SinonStub;
+		set: Sinon.SinonStub;
+		status: Sinon.SinonStub;
+		type: Sinon.SinonStub;
+		vary: Sinon.SinonStub;
+	}
+}
+
+export function mockReq(options?: object): mockReq.MockReq;
+
+export function mockRes(options?: object): mockRes.MockRes;
diff --git a/types/sinon-express-mock/sinon-express-mock-tests.ts b/types/sinon-express-mock/sinon-express-mock-tests.ts
new file mode 100644
index 0000000000..8e5c61a6b9
--- /dev/null
+++ b/types/sinon-express-mock/sinon-express-mock-tests.ts
@@ -0,0 +1,40 @@
+import * as Sinon from "sinon";
+import {mockReq, mockRes} from "sinon-express-mock";
+
+const req = mockReq({});
+const acceptStub: Sinon.SinonStub = req.accepts();
+const acceptsCharsetsStub: Sinon.SinonStub = req.acceptsCharsets();
+const acceptsEncodingsStub: Sinon.SinonStub = req.acceptsEncodings();
+const acceptsLanguagesStub: Sinon.SinonStub = req.acceptsLanguages();
+const bodyObj: object = req.body;
+const flashStub: Sinon.SinonStub = req.flash();
+const getStub: Sinon.SinonStub = req.get();
+const isStub: Sinon.SinonStub = req.is();
+const paramsObj: object = req.params;
+const queryObj: object = req.query;
+const sessionObj: object = req.session;
+
+const res = mockRes({});
+const append: Sinon.SinonStub = res.append();
+const attachement: Sinon.SinonStub = res.attachement();
+const clearCookie: Sinon.SinonStub = res.clearCookie();
+const cookie: Sinon.SinonStub = res.cookie();
+const download: Sinon.SinonStub = res.download();
+const end: Sinon.SinonStub = res.end();
+const format: object = res.format;
+const get: Sinon.SinonStub = res.get();
+const headersSent: Sinon.SinonStub = res.headersSent();
+const json: Sinon.SinonStub = res.json();
+const jsonp: Sinon.SinonStub = res.jsonp();
+const links: Sinon.SinonStub = res.links();
+const locals: object = res.locals;
+const location: Sinon.SinonStub = res.location();
+const redirect: Sinon.SinonStub = res.redirect();
+const render: Sinon.SinonStub = res.render();
+const send: Sinon.SinonStub = res.send();
+const sendFile: Sinon.SinonStub = res.sendFile();
+const sendStatus: Sinon.SinonStub = res.sendStatus();
+const set: Sinon.SinonStub = res.set();
+const status: Sinon.SinonStub = res.status();
+const type: Sinon.SinonStub = res.type();
+const vary: Sinon.SinonStub = res.vary();
diff --git a/types/sinon-express-mock/tsconfig.json b/types/sinon-express-mock/tsconfig.json
new file mode 100644
index 0000000000..f88c00c6be
--- /dev/null
+++ b/types/sinon-express-mock/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",
+        "sinon-express-mock-tests.ts"
+    ]
+}
diff --git a/types/sinon-express-mock/tslint.json b/types/sinon-express-mock/tslint.json
new file mode 100644
index 0000000000..3db14f85ea
--- /dev/null
+++ b/types/sinon-express-mock/tslint.json
@@ -0,0 +1 @@
+{ "extends": "dtslint/dt.json" }

From e93d87a89923ed19f8f8a1cd33ec08adf06cdecd Mon Sep 17 00:00:00 2001
From: Nicholas Simmons <nick.simmons@shopify.com>
Date: Wed, 3 May 2017 15:11:34 -0400
Subject: [PATCH 168/321] Add koa-helmet type definitions (#16180)

---
 types/koa-helmet/index.d.ts          |  64 +++++++++
 types/koa-helmet/koa-helmet-tests.ts | 197 +++++++++++++++++++++++++++
 types/koa-helmet/tsconfig.json       |  22 +++
 types/koa-helmet/tslint.json         |   1 +
 4 files changed, 284 insertions(+)
 create mode 100644 types/koa-helmet/index.d.ts
 create mode 100644 types/koa-helmet/koa-helmet-tests.ts
 create mode 100644 types/koa-helmet/tsconfig.json
 create mode 100644 types/koa-helmet/tslint.json

diff --git a/types/koa-helmet/index.d.ts b/types/koa-helmet/index.d.ts
new file mode 100644
index 0000000000..f97480f505
--- /dev/null
+++ b/types/koa-helmet/index.d.ts
@@ -0,0 +1,64 @@
+// Type definitions for koa-helmet 3.1
+// Project: https://github.com/venables/koa-helmet#readme
+// Definitions by: Nick Simmons <https://github.com/me>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+
+import {
+    IHelmetConfiguration,
+    IHelmetFrameguardConfiguration,
+    IHelmetHstsConfiguration,
+    IHelmetXssFilterConfiguration,
+    IHelmetDnsPrefetchControlConfiguration,
+    IHelmetHpkpConfiguration,
+    IHelmetReferrerPolicyConfiguration } from 'helmet';
+import {Middleware, Context} from 'koa';
+
+declare namespace koaHelmet {
+    type KoaHelmetContentSecurityPolicyDirectiveFunction = (ctx: Context) => string;
+
+    type KoaHelmetCspDirectiveValue = string | KoaHelmetContentSecurityPolicyDirectiveFunction;
+
+    interface KoaHelmetContentSecurityPolicyDirectives {
+        baseUri?: KoaHelmetCspDirectiveValue[];
+        childSrc?: KoaHelmetCspDirectiveValue[];
+        connectSrc?: KoaHelmetCspDirectiveValue[];
+        defaultSrc?: KoaHelmetCspDirectiveValue[];
+        fontSrc?: KoaHelmetCspDirectiveValue[];
+        formAction?: KoaHelmetCspDirectiveValue[];
+        frameAncestors?: KoaHelmetCspDirectiveValue[];
+        frameSrc?: KoaHelmetCspDirectiveValue[];
+        imgSrc?: KoaHelmetCspDirectiveValue[];
+        mediaSrc?: KoaHelmetCspDirectiveValue[];
+        objectSrc?: KoaHelmetCspDirectiveValue[];
+        pluginTypes?: KoaHelmetCspDirectiveValue[];
+        reportUri?: string;
+        sandbox?: KoaHelmetCspDirectiveValue[];
+        scriptSrc?: KoaHelmetCspDirectiveValue[];
+        styleSrc?: KoaHelmetCspDirectiveValue[];
+    }
+
+    interface KoaHelmetContentSecurityPolicyConfiguration {
+        reportOnly?: boolean;
+        setAllHeaders?: boolean;
+        disableAndroid?: boolean;
+        browserSniff?: boolean;
+        directives?: KoaHelmetContentSecurityPolicyDirectives;
+    }
+
+    interface KoaHelmet {
+        (options?: IHelmetConfiguration): Middleware;
+        contentSecurityPolicy(options?: KoaHelmetContentSecurityPolicyConfiguration): Middleware;
+        dnsPrefetchControl(options?: IHelmetDnsPrefetchControlConfiguration): Middleware;
+        frameguard(options?: IHelmetFrameguardConfiguration): Middleware;
+        hpkp(options?: IHelmetHpkpConfiguration): Middleware;
+        hsts(options?: IHelmetHstsConfiguration): Middleware;
+        ieNoOpen(): Middleware;
+        noCache(options?: any): Middleware;
+        noSniff(): Middleware;
+        referrerPolicy(options?: IHelmetReferrerPolicyConfiguration): Middleware;
+        xssFilter(options?: IHelmetXssFilterConfiguration): Middleware;
+    }
+}
+
+declare const koaHelmet: koaHelmet.KoaHelmet;
+export = koaHelmet;
diff --git a/types/koa-helmet/koa-helmet-tests.ts b/types/koa-helmet/koa-helmet-tests.ts
new file mode 100644
index 0000000000..1f50ea5c6b
--- /dev/null
+++ b/types/koa-helmet/koa-helmet-tests.ts
@@ -0,0 +1,197 @@
+import * as Koa from 'koa';
+import helmet = require('koa-helmet');
+
+const app = new Koa();
+
+/**
+ * @summary Test for {@see helmet}.
+ */
+function helmetTest() {
+    app.use(helmet());
+    app.use(helmet({}));
+    app.use(helmet({ frameguard: false }));
+    app.use(helmet({ frameguard: true }));
+    app.use(helmet({
+      frameguard: {
+        action: 'deny'
+      }
+    }));
+}
+
+/**
+ * @summary Test for {@see helmet#contentSecurityPolicy} function.
+ */
+function contentSecurityPolicyTest() {
+    const emptyArray: string[] =  [];
+    const config = {
+        directives: {
+            baseUri: ['base.example.com'],
+            childSrc: ['child.example.com'],
+            connectSrc: ['connect.example.com'],
+            defaultSrc: ['*'],
+            fontSrc: ['font.example.com'],
+            formAction: ['formaction.example.com'],
+            frameAncestors: ["'none'"],
+            frameSrc: emptyArray,
+            imgSrc: ['images.example.com'],
+            mediaSrc: ['media.example.com'],
+            objectSrc: ['objects.example.com'],
+            pluginTypes: emptyArray,
+            reportUri: '/some-url',
+            sandbox: emptyArray,
+            scriptSrc: ['scripts.example.com', (ctx: Koa.Context) => {
+              return "'nonce-abc123'";
+            }],
+            styleSrc: ['css.example.com']
+        },
+        reportOnly: false,
+        setAllHeaders: false,
+        disableAndroid: false
+    };
+
+    app.use(helmet.contentSecurityPolicy());
+    app.use(helmet.contentSecurityPolicy({}));
+    app.use(helmet.contentSecurityPolicy(config));
+    app.use(helmet.contentSecurityPolicy({
+        directives: {
+            defaultSrc: ["'self'"]
+        },
+        setAllHeaders: true
+    }));
+}
+
+/**
+ * @summary Test for {@see helmet#dnsPrefetchControl} function.
+ */
+function dnsPrefetchControlTest() {
+    app.use(helmet.dnsPrefetchControl());
+    app.use(helmet.dnsPrefetchControl({ allow: false }));
+    app.use(helmet.dnsPrefetchControl({ allow: true }));
+}
+
+/**
+ * @summary Test for {@see helmet#frameguard} function.
+ */
+function frameguardTest() {
+    app.use(helmet.frameguard());
+    app.use(helmet.frameguard({}));
+    app.use(helmet.frameguard({ action: 'deny' }));
+    app.use(helmet.frameguard({ action: 'sameorigin' }));
+    app.use(helmet.frameguard({
+      action: 'allow-from',
+      domain: 'http://example.com'
+    }));
+}
+
+/**
+ * @summary Test for {@see helmet#hpkp} function.
+ */
+function hpkpTest() {
+    app.use(helmet.hpkp({
+        maxAge: 7776000000,
+        sha256s: ['AbCdEf123=', 'ZyXwVu456='],
+    }));
+
+    app.use(helmet.hpkp({
+        maxAge: 7776000000,
+        sha256s: ['AbCdEf123=', 'ZyXwVu456='],
+        includeSubdomains: false
+    }));
+
+    app.use(helmet.hpkp({
+        maxAge: 7776000000,
+        sha256s: ['AbCdEf123=', 'ZyXwVu456='],
+        includeSubdomains: true
+    }));
+
+    app.use(helmet.hpkp({
+        maxAge: 7776000000,
+        sha256s: ['AbCdEf123=', 'ZyXwVu456='],
+        reportUri: 'http://example.com'
+    }));
+
+    app.use(helmet.hpkp({
+        maxAge: 7776000000,
+        sha256s: ['AbCdEf123=', 'ZyXwVu456='],
+        reportOnly: true
+    }));
+
+    app.use(helmet.hpkp({
+        maxAge: 7776000000,
+        sha256s: ['AbCdEf123=', 'ZyXwVu456='],
+        setIf: (req, res) => true
+    }));
+}
+
+/**
+ * @summary Test for {@see helmet#hsts} function.
+ */
+function hstsTest() {
+    app.use(helmet.hsts());
+
+    app.use(helmet.hsts({ maxAge: 7776000000 }));
+
+    app.use(helmet.hsts({
+      maxAge: 7776000000,
+    }));
+
+    app.use(helmet.hsts({
+      maxAge: 7776000000,
+      includeSubdomains: true
+    }));
+
+    app.use(helmet.hsts({
+      maxAge: 7776000000,
+      preload: true
+    }));
+
+    app.use(helmet.hsts({
+      maxAge: 7776000000,
+      force: true
+    }));
+
+    app.use(helmet.hsts({
+      maxAge: 7776000000,
+      setIf: (req, res) => true
+    }));
+}
+
+/**
+ * @summary Test for {@see helmet#ieNoOpen} function.
+ */
+function ieNoOpenTest() {
+    app.use(helmet.ieNoOpen());
+}
+
+/**
+ * @summary Test for {@see helmet#noCache} function.
+ */
+function noCacheTest() {
+    app.use(helmet.noCache());
+    app.use(helmet.noCache({}));
+    app.use(helmet.noCache({ noEtag: true }));
+}
+
+/**
+ * @summary Test for {@see helmet#noSniff} function.
+ */
+function noSniffTest() {
+    app.use(helmet.noSniff());
+}
+
+/**
+ * @summary Test for {@see helmet#referrerPolicy} function.
+ */
+function referrerPolicyTest() {
+    app.use(helmet.referrerPolicy({ policy: 'same-origin' }));
+}
+
+/**
+ * @summary Test for {@see helmet#xssFilter} function.
+ */
+function xssFilterTest() {
+    app.use(helmet.xssFilter());
+    app.use(helmet.xssFilter({}));
+    app.use(helmet.xssFilter({ setOnOldIE: false }));
+    app.use(helmet.xssFilter({ setOnOldIE: true }));
+}
diff --git a/types/koa-helmet/tsconfig.json b/types/koa-helmet/tsconfig.json
new file mode 100644
index 0000000000..53162f08e8
--- /dev/null
+++ b/types/koa-helmet/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",
+        "koa-helmet-tests.ts"
+    ]
+}
diff --git a/types/koa-helmet/tslint.json b/types/koa-helmet/tslint.json
new file mode 100644
index 0000000000..3db14f85ea
--- /dev/null
+++ b/types/koa-helmet/tslint.json
@@ -0,0 +1 @@
+{ "extends": "dtslint/dt.json" }

From 2e9178c4b59b4a59b4b8210e54920ebb4cf69e29 Mon Sep 17 00:00:00 2001
From: Balazs Erdos <account@balazserdos.net>
Date: Wed, 3 May 2017 21:42:40 +0200
Subject: [PATCH 169/321] Fix commonjs import method (#16297)

---
 types/website-scraper/index.d.ts              |  8 +++--
 .../website-scraper/website-scraper-tests.ts  | 32 ++++++++++---------
 2 files changed, 23 insertions(+), 17 deletions(-)

diff --git a/types/website-scraper/index.d.ts b/types/website-scraper/index.d.ts
index bcc718f693..f913b5ca5a 100644
--- a/types/website-scraper/index.d.ts
+++ b/types/website-scraper/index.d.ts
@@ -43,8 +43,12 @@ declare namespace websiteScraper {
     interface Callback {
         (error: any | null, result: Resource[] | null): void;
     }
-    function scrape(options: Options, callback: Callback): void;
-    function scrape(options: Options): Promise<Resource[]>;
+    interface scrape {
+        (options: Options, callback: Callback): void;
+        (options: Options): Promise<Resource[]>;
+    }
 }
 
+declare var websiteScraper: websiteScraper.scrape;
+
 export = websiteScraper;
diff --git a/types/website-scraper/website-scraper-tests.ts b/types/website-scraper/website-scraper-tests.ts
index 4bd762adf8..dc479d5c76 100644
--- a/types/website-scraper/website-scraper-tests.ts
+++ b/types/website-scraper/website-scraper-tests.ts
@@ -1,29 +1,31 @@
-import * as scraper from 'website-scraper';
+import * as scraper from "website-scraper";
 
-scraper.scrape({
+scraper({
     urls: [
-        'http://nodejs.org/',
-        {url: 'http://nodejs.org/about', filename: 'about.html'},
-        {url: 'http://blog.nodejs.org/', filename: 'blog.html'}
+        "http://nodejs.org/",
+        { url: "http://nodejs.org/about", filename: "about.html" },
+        { url: "http://blog.nodejs.org/", filename: "blog.html" }
     ],
-    directory: '/path/to/save',
+    directory: "/path/to/save",
     subdirectories: [
-        {directory: 'img', extensions: ['.jpg', '.png', '.svg']},
-        {directory: 'js', extensions: ['.js']},
-        {directory: 'css', extensions: ['.css']}
+        { directory: "img", extensions: [".jpg", ".png", ".svg"] },
+        { directory: "js", extensions: [".js"] },
+        { directory: "css", extensions: [".css"] }
     ],
     sources: [
-        {selector: 'img', attr: 'src'},
-        {selector: 'link[rel="stylesheet"]', attr: 'href'},
-        {selector: 'script', attr: 'src'}
+        { selector: "img", attr: "src" },
+        { selector: "link[rel=\"stylesheet\"]", attr: "href" },
+        { selector: "script", attr: "src" }
     ],
     request: {
         headers: {
-            'User-Agent': 'Mozilla/5.0 (Linux; Android 4.2.1; en-us; Nexus 4 Build/JOP40D) AppleWebKit/535.19 (KHTML, like Gecko) Chrome/18.0.1025.166 Mobile Safari/535.19'
+            "User-Agent":
+            "Mozilla/5.0 (Linux; Android 4.2.1; en-us; Nexus 4 Build/JOP40D)\
+             AppleWebKit/535.19 (KHTML, like Gecko) Chrome/18.0.1025.166 Mobile Safari/535.19"
         }
     }
-}).then(function (result) {
+}).then(function(result) {
     console.log(result);
-}).catch(function(err){
+}).catch(function(err) {
     console.log(err);
 });

From b4da397a4febd19181bd2c46cac1c1793e81b263 Mon Sep 17 00:00:00 2001
From: Joonas Javanainen <joonas.javanainen@gmail.com>
Date: Wed, 3 May 2017 22:52:09 +0300
Subject: [PATCH 170/321] baconjs: doLog accepts a label, use PromiseLike in
 fromPromise (#16292)

* doLog accepts a label

* Use PromiseLike instead of Promise in fromPromise functions

Bacon accepts Promises/A+ -compatible promises that have just the .then
function, so the full Promise type is not actually required.

This also removes the need for the JQueryXHR special case, because
JQueryXHR is compatible with PromiseLike.

* Restore JQueryXHR special case to fromPromise

With strictNullChecks JQueryXHR is not compatible with PromiseLike.
The baconjs typings don't have strictNullChecks at the moment, so tsc
didn't catch this...

* Flatten contributors' list
---
 types/baconjs/baconjs-tests.ts |  5 +++++
 types/baconjs/index.d.ts       | 16 +++++++++-------
 2 files changed, 14 insertions(+), 7 deletions(-)

diff --git a/types/baconjs/baconjs-tests.ts b/types/baconjs/baconjs-tests.ts
index e948668dc7..75560d4e42 100644
--- a/types/baconjs/baconjs-tests.ts
+++ b/types/baconjs/baconjs-tests.ts
@@ -190,6 +190,11 @@ function CommonMethodsInEventStreamsAndProperties() {
                 console.log(sum); // returns [-1, 2, 8] in an order
             });
     }
+
+    {
+        var src = Bacon.fromArray([1, 2, 3]);
+        src.doLog('element value');
+    }
 }
 
 function EventStream() {
diff --git a/types/baconjs/index.d.ts b/types/baconjs/index.d.ts
index 8659ea9115..0550d6ec48 100644
--- a/types/baconjs/index.d.ts
+++ b/types/baconjs/index.d.ts
@@ -1,6 +1,6 @@
 // Type definitions for Bacon.js 0.7.0
 // Project: https://baconjs.github.io/
-// Definitions by: Alexander Matsievsky <https://github.com/alexander-matsievsky>
+// Definitions by: Alexander Matsievsky <https://github.com/alexander-matsievsky>, Joonas Javanainen <https://github.com/gekkio>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 
 /// <reference types="jquery" />
@@ -69,7 +69,7 @@ declare namespace Bacon {
     /**
      * @function
      * @description Creates an [EventStream]{@link Bacon.EventStream} from a `promise` Promise object such as JQuery Ajax. This stream will contain a single value or an error, followed immediately by stream end. You can use the optional `abort` flag (i.e. ´Bacon.fromPromise(p, true)´ to have the `abort` method of the given promise be called when all subscribers have been removed from the created stream.
-     * @param {Promise<A>|JQueryXHR} promise
+     * @param {PromiseLike<A>|JQueryXHR} promise
      * @param {boolean} [abort]
      * @returns {EventStream<E, A>}
      * @example
@@ -78,7 +78,7 @@ declare namespace Bacon {
      * Bacon.fromPromise($.ajax("https://baconjs.github.io/"), true);
      * Bacon.fromPromise(Promise.resolve(1), false);
      */
-    function fromPromise<E, A>(promise:Promise<A>|JQueryXHR, abort?:boolean):EventStream<E, A>;
+    function fromPromise<E, A>(promise:PromiseLike<A>|JQueryXHR, abort?:boolean):EventStream<E, A>;
 
     /**
      * @callback Bacon.fromPromise~eventTransformer
@@ -88,7 +88,7 @@ declare namespace Bacon {
     /**
      * @function Bacon.fromPromise
      * @description Creates an [EventStream]{@link Bacon.EventStream} from a `promise` Promise object such as JQuery Ajax. This stream will contain a single value or an error, followed immediately by stream end. You can use the `abort` flag (i.e. ´Bacon.fromPromise(p, true)´ to have the `abort` method of the given promise be called when all subscribers have been removed from the created stream, and also pass a function `eventTransformer` that transforms the promise value into Events. The default is to transform the value into `[new Bacon.Next(value), new Bacon.End()]`.
-     * @param {Promise<A>|JQueryXHR} promise
+     * @param {PromiseLike<A>|JQueryXHR} promise
      * @param {boolean} abort
      * @param {Bacon.fromPromise~eventTransformer} eventTransformer
      * @returns {EventStream<E, B>}
@@ -100,7 +100,7 @@ declare namespace Bacon {
      *     return [new Bacon.Next(n), new Bacon.Next(() => n), new Bacon.End()];
      * });
      */
-    function fromPromise<E, A, B>(promise:Promise<A>|JQueryXHR, abort:boolean, eventTransformer:(value:A) => (Initial<B>|Next<B>|End<B>|Error<E>)[]):EventStream<E, B>;
+    function fromPromise<E, A, B>(promise:PromiseLike<A>|JQueryXHR, abort:boolean, eventTransformer:(value:A) => (Initial<B>|Next<B>|End<B>|Error<E>)[]):EventStream<E, B>;
 
     /**
      * @function
@@ -1026,9 +1026,10 @@ declare namespace Bacon {
         /**
          * @method EventStream#doLog
          * @description Logs each value of the [EventStream]{@link Bacon.EventStream} to the console. [doLog]{@link Bacon.EventStream#doLog} behaves like [log]{@link Bacon.EventStream#log} but does not subscribe to the EventStream. You can think of `doLog` as a logger function that – unlike `log` – is safe to use in production. `doLog` is safe, because it does not cause the same surprising side-effects as `log` does.
+         * @param {string} [label]
          * @returns {EventStream<E, A>}
          */
-        doLog():EventStream<E, A>;
+        doLog(label?:string):EventStream<E, A>;
 
         /**
          * @method
@@ -1613,9 +1614,10 @@ declare namespace Bacon {
         /**
          * @method Property#doLog
          * @description Logs each value of the [Property]{@link Bacon.Property} to the console. [doLog]{@link Bacon.Property#doLog} behaves like [log]{@link Bacon.Property#log} but does not subscribe to the Property. You can think of `doLog` as a logger function that – unlike `log` – is safe to use in production. `doLog` is safe, because it does not cause the same surprising side-effects as `log` does.
+         * @param {string} [label]
          * @returns {Property<E, A>}
          */
-        doLog():Property<E, A>;
+        doLog(label?:string):Property<E, A>;
 
         /**
          * @method

From 80a97327cc60de9642a4c08ad417cffef0a501a7 Mon Sep 17 00:00:00 2001
From: Ben Dixon <bendxn@gmail.com>
Date: Wed, 3 May 2017 14:55:37 -0500
Subject: [PATCH 171/321] fixing react-joyride typings for v1.10.1 (#16278)

* fixing react-joyride typings for v1.10.1

* fixing index header to match expected format

* Flatten author names

* re-adding deprecated methods and marking them as private
---
 types/react-joyride/index.d.ts              | 44 +++++++++++++++------
 types/react-joyride/react-joyride-tests.tsx | 39 ++++++++++--------
 2 files changed, 55 insertions(+), 28 deletions(-)

diff --git a/types/react-joyride/index.d.ts b/types/react-joyride/index.d.ts
index 1bc2399769..82f82d26f2 100644
--- a/types/react-joyride/index.d.ts
+++ b/types/react-joyride/index.d.ts
@@ -1,6 +1,6 @@
-// Type definitions for react-joyride 1.6
+// Type definitions for react-joyride 1.10
 // Project: https://github.com/gilbarbara/react-joyride
-// Definitions by: Daniel Rosenwasser <https://github.com/DanielRosenwasser>
+// Definitions by: Daniel Rosenwasser <https://github.com/DanielRosenwasser>, Ben Dixon <https://github.com/bendxn>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 // TypeScript Version: 2.1
 
@@ -9,15 +9,20 @@ import React = require("react");
 export default class Joyride extends React.Component<Props, State> {
     constructor(props: Props);
 
-    addTooltip(data: Step): void;
-    start(autorun?: boolean): void;
+    reset(restart?: boolean): void;
     next(): void;
     back(): void;
-    stop(): void;
-    reset(restart: boolean): void;
-
+    addTooltip(data: Step): void;
     getProgress(): Progress;
-    parseSteps(steps: Step | Step[]): Step[];
+
+    /**
+     * Please don't use the `start` and `stop` methods anymore. Instead use a combination of the props `run` and `autoStart`.
+     */
+    private start(autorun?: boolean): void;
+    /**
+     * Please don't use the `start` and `stop` methods anymore. Instead use a combination of the props `run` and `autoStart`.
+     */
+    private stop(): void;
 
     static defaultProps: Props;
 }
@@ -40,13 +45,23 @@ export interface Props {
     /**
      * The tour's steps. Defaults to []
      */
-    steps?: any[];
+    steps?: Step[];
 
     /**
-     * Run/stop the tour.
+     * The initial step index. Defaults to 0
+     */
+    stepIndex?: number;
+
+    /**
+     * Run/stop the tour. Defaults to false
      */
     run?: boolean;
 
+    /**
+     * Open the tooltip automatically for the first step, without showing a beacon. Defaults to false
+     */
+    autoStart?: boolean;
+
     /**
      * Toggle keyboard navigation (esc, space bar, return). Defaults to true
      */
@@ -97,6 +112,11 @@ export interface Props {
      */
     showOverlay?: boolean;
 
+    /**
+     * Allow mouse and touch events within overlay hole, and prevent hole:click callback from being sent. Defaults to false
+     */
+    allowClicksThruHole?: boolean;
+
     /**
      * Display a link to skip the tour. Defaults to false
      */
@@ -135,10 +155,12 @@ export interface Props {
 
 export interface Step {
     title?: string;
-    text: string;
+    text?: React.ReactNode;
     selector: string;
     position?: "top" | "top-left" | "top-right" | "bottom" | "bottom-left" | "bottom-right" | "right" | "left";
     type?: "click" | "hover";
+    isFixed?: boolean;
+    allowClicksThruHole?: boolean;
     style?: StepStyles;
     [prop: string]: any;
 }
diff --git a/types/react-joyride/react-joyride-tests.tsx b/types/react-joyride/react-joyride-tests.tsx
index 68e11ba94c..e17745b893 100644
--- a/types/react-joyride/react-joyride-tests.tsx
+++ b/types/react-joyride/react-joyride-tests.tsx
@@ -1,24 +1,10 @@
 import React = require("react");
-import Joyride from "react-joyride";
+import Joyride, { Step } from "react-joyride";
 
 class NewComponent extends React.Component<undefined, undefined> {
     j: Joyride;
 
-    render() {
-        return <Joyride ref="j" run holePadding={4} resizeDebounceDelay={100} />;
-    }
-
-    doStuff() {
-        this.j.start(/*autorun*/ true);
-
-        this.j.next();
-
-        this.j.reset(true);
-        this.j.reset(false);
-
-        const { title, position } = this.j.getProgress().step;
-
-        this.j.parseSteps({
+    steps: Step[] = [{
             title: "Title",
             text: "Hurray",
             selector: ".selectable",
@@ -49,6 +35,25 @@ class NewComponent extends React.Component<undefined, undefined> {
             },
             name: "my-name",
             parent: "MyParent"
-        });
+        },
+        {
+            selector: ".other-selectable",
+            text: (<div>Also works</div>)
+        }];
+
+    render() {
+        return <Joyride ref="j" run={true} holePadding={4} resizeDebounceDelay={100} steps={this.steps} autoStart={true} />;
+    }
+
+    doStuff() {
+        this.j.next();
+        this.j.back();
+
+        this.j.reset(true);
+        this.j.reset(false);
+
+        this.j.addTooltip(this.steps[0]);
+
+        const { title, position } = this.j.getProgress().step;
     }
 }

From 364a884c95eb54ed11032b1a7afba5e03d1171ff Mon Sep 17 00:00:00 2001
From: Xiao Ling <lingxiao1002@gmail.com>
Date: Thu, 4 May 2017 03:56:53 +0800
Subject: [PATCH 172/321] Added dwt (#16259)

* Dynamic Web TWAIN

* Added Header

* Update

* strip BOM

* Fixed type error. Added typescript version.

* Added tslint.json

* Updated tslint.json
---
 types/dwt/dwt-tests.ts  |  101 ++
 types/dwt/index.d.ts    | 3459 +++++++++++++++++++++++++++++++++++++++
 types/dwt/tsconfig.json |   22 +
 types/dwt/tslint.json   |    9 +
 4 files changed, 3591 insertions(+)
 create mode 100644 types/dwt/dwt-tests.ts
 create mode 100644 types/dwt/index.d.ts
 create mode 100644 types/dwt/tsconfig.json
 create mode 100644 types/dwt/tslint.json

diff --git a/types/dwt/dwt-tests.ts b/types/dwt/dwt-tests.ts
new file mode 100644
index 0000000000..4b201cf33d
--- /dev/null
+++ b/types/dwt/dwt-tests.ts
@@ -0,0 +1,101 @@
+function dwtOnReady() {
+    let DWObject = Dynamsoft.WebTwainEnv.GetWebTwain('dwtcontrolContainer');    // Get the Dynamic Web TWAIN object that is embeded in the div with id 'dwtcontrolContainer'
+    if (DWObject) {
+      let count = DWObject.SourceCount;
+      if (count === 0) {
+        DWObject.CloseSourceManager();
+        DWObject.ImageCaptureDriverType = 0;
+        DWObject.OpenSourceManager();
+        count = DWObject.SourceCount;
+      }
+  }
+}
+
+function acquireImage() {
+  let DWObject = Dynamsoft.WebTwainEnv.GetWebTwain('dwtcontrolContainer');
+  if (DWObject) {
+    DWObject.SelectSourceByIndex(0); // Use method SelectSourceByIndex to avoid the 'Select Source' dialog
+    DWObject.OpenSource();
+    DWObject.IfDisableSourceAfterAcquire = true; // Scanner source will be disabled/closed automatically after the scan.
+    DWObject.AcquireImage({}, () => {}, (errorCode: number, errorString: string) => {DWObject.CloseSource(); });
+  }
+}
+
+function registerEvent() {
+  let DWObject = Dynamsoft.WebTwainEnv.GetWebTwain('dwtcontrolContainer');
+  if (DWObject) {
+    // The event OnPostTransfer fires after each image is scanned and transferred
+    DWObject.RegisterEvent("OnPostTransfer", function () {});
+
+    // The event OnPostLoad fires after the images from a local directory have been loaded into the control
+    DWObject.RegisterEvent("OnPostLoad", function () {});
+
+    // The event OnMouseClick fires when the mouse clicks on an image on Dynamic Web TWAIN viewer
+    DWObject.RegisterEvent("OnMouseClick", function () {});
+
+    // The event OnTopImageInTheViewChanged fires when the top image currently displayed in the viewer changes
+    DWObject.RegisterEvent("OnTopImageInTheViewChanged", function (index: number) {
+        DWObject.CurrentImageIndexInBuffer = index;
+    });
+  }
+}
+
+function editImage() {
+  let DWObject = Dynamsoft.WebTwainEnv.GetWebTwain('dwtcontrolContainer');
+  if (DWObject) {
+    if (DWObject.HowManyImagesInBuffer > 0)
+        DWObject.RotateLeft(DWObject.CurrentImageIndexInBuffer);
+
+    if (DWObject.HowManyImagesInBuffer > 0)
+        DWObject.RotateRight(DWObject.CurrentImageIndexInBuffer);
+
+    if (DWObject.HowManyImagesInBuffer > 0)
+        DWObject.Mirror(DWObject.CurrentImageIndexInBuffer);
+    
+    if (DWObject.HowManyImagesInBuffer > 0)
+        DWObject.Flip(DWObject.CurrentImageIndexInBuffer);
+  }
+}
+
+function showImageEditor() {
+  let DWObject = Dynamsoft.WebTwainEnv.GetWebTwain('dwtcontrolContainer');
+  if (DWObject) {
+    DWObject.ShowImageEditor();
+  }
+}
+
+function saveImage() {
+  let DWObject = Dynamsoft.WebTwainEnv.GetWebTwain('dwtcontrolContainer');
+  if (DWObject) {
+    DWObject.ConvertToGrayScale(DWObject.CurrentImageIndexInBuffer);
+    DWObject.SaveAsJPEG("DynamicWebTWAIN.jpg", DWObject.CurrentImageIndexInBuffer);
+    DWObject.SaveAllAsMultiPageTIFF("DynamicWebTWAIN.tiff", () => {}, (errorCode: number, errorString: string) => {});
+    DWObject.SaveAllAsPDF("DynamicWebTWAIN.pdf", () => {}, (errorCode: number, errorString: string) => {});
+  }
+}
+
+function updateLargeViewer() {
+  let DWObject = Dynamsoft.WebTwainEnv.GetWebTwain('dwtcontrolContainer');
+  let DWObjectLargeViewer = Dynamsoft.WebTwainEnv.GetWebTwain('dwtcontrolContainerLargeViewer');
+  if (DWObject) {
+    DWObject.CopyToClipboard(DWObject.CurrentImageIndexInBuffer); // Copy the current image in the thumbnail to clipboard in DIB format.
+    DWObjectLargeViewer.LoadDibFromClipboard(); // Load the image from Clipboard into the large viewer.
+  }
+}
+
+function uploadImage() {
+  let DWObject = Dynamsoft.WebTwainEnv.GetWebTwain('dwtcontrolContainer');
+  if (DWObject) {
+    DWObject.HTTPPort = 80;  
+    DWObject.IfSSL = false;
+    DWObject.HTTPUploadThroughPost("www.dynamsoft.com", DWObject.CurrentImageIndexInBuffer, "upload", "tmp.jpg", () => {}, (errorCode: number, errorString: string) => {});
+  }
+}
+
+function downloadImage() {
+  let DWObject = Dynamsoft.WebTwainEnv.GetWebTwain('dwtcontrolContainer');
+  if (DWObject) {
+    DWObject.HTTPPort = 80;                
+    DWObject.HTTPDownload("www.dynamsoft.com", "img.png", () => {}, (errorCode: number, errorString: string) => {});
+  }
+}
diff --git a/types/dwt/index.d.ts b/types/dwt/index.d.ts
new file mode 100644
index 0000000000..9198ba80bf
--- /dev/null
+++ b/types/dwt/index.d.ts
@@ -0,0 +1,3459 @@
+// Type definitions for dwt 12.3
+// Project: http://www.dynamsoft.com/Products/WebTWAIN_Overview.aspx
+// Definitions by: Xiao Ling <https://github.com/yushulx/>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+// TypeScript Version: 2.2
+
+/*!
+* Dynamsoft WebTwain JavaScript Intellisense
+* Product: Dynamsoft Web Twain
+* Web Site: http://www.dynamsoft.com
+*
+* Copyright 2017, Dynamsoft Corporation 
+* Author: Dynamsoft Support Team
+* Version: 12.3
+*/
+
+/** 
+ * @namespace Dynamsoft
+ */
+declare namespace Dynamsoft {
+    namespace WebTwainEnv {
+        function GetWebTwain (cid: string): WebTwain;
+        function RegisterEvent(event: string, fn: () => void): void;
+    }
+}
+
+/** ICAP_PIXELTYPE values (PT_ means Pixel Type) */
+declare enum EnumDWT_PixelType {
+    TWPT_BW = 0,
+    TWPT_GRAY = 1,
+    TWPT_RGB = 2,
+    TWPT_PALLETE = 3,
+    TWPT_CMY = 4,
+    TWPT_CMYK = 5,
+    TWPT_YUV = 6,
+    TWPT_YUVK = 7,
+    TWPT_CIEXYZ = 8,
+    TWPT_LAB = 9,
+    TWPT_SRGB = 10,
+    TWPT_SCRGB = 11,
+    TWPT_INFRARED = 16
+}
+
+declare enum EnumDWT_BorderStyle {
+  /** No border. */
+  TWBS_NONE = 0,
+  /** Flat border. */
+  TWBS_SINGLEFLAT = 1,
+  /** 3D border.   */
+  TWBS_SINGLE3D = 2
+}
+
+/** For query the operation that are supported by the data source on a capability .
+ *  Application gets these through DG_CONTROL/DAT_CAPABILITY/MSG_QUERYSUPPORT
+ */
+declare enum EnumDWT_MessageType {
+    TWQC_GET = 1,
+    TWQC_SET = 2,
+    TWQC_GETDEFAULT = 4,
+    TWQC_GETCURRENT = 8,
+    TWQC_RESET = 16
+}
+
+/** Capabilities */
+declare enum EnumDWT_Cap {
+    /** Nothing. */
+    CAP_NONE = 0,
+    /** The application is willing to accept this number of images. */
+    CAP_XFERCOUNT = 1,
+    /** Allows the application and Source to identify which compression schemes they have in
+     *  common for Buffered Memory and File transfers.
+     *  Note for File transfers:
+     *  Since only certain file formats support compression, this capability must be negotiated after
+     *  setting the desired file format with ICAP_IMAGEFILEFORMAT.
+     */
+    ICAP_COMPRESSION = 256,
+    /** The type of pixel data that a Source is capable of acquiring (for example, black and white, gray, RGB, etc.). */
+    ICAP_PIXELTYPE = 257,
+    /** Unless a quantity is dimensionless or uses a specified unit of measure, ICAP_UNITS determines
+     *  the unit of measure for all quantities.
+     */
+    ICAP_UNITS = 258,
+    /** Allows the application and Source to identify which transfer mechanisms the source supports. */
+    ICAP_XFERMECH = 259,
+    /** The name or other identifying information about the Author of the image. It may include a copyright string. */
+    CAP_AUTHOR = 4096,
+    /** A general note about the acquired image. */
+    CAP_CAPTION = 4097,
+    /** If TRUE, Source must acquire data from the document feeder acquire area and other feeder 
+     *  capabilities can be used. If FALSE, Source must acquire data from the non-feeder acquire area 
+     *  and no other feeder capabilities can be used.
+     */
+    CAP_FEEDERENABLED = 4098,
+    /** Reflect whether there are documents loaded in the Source's feeder. */
+    CAP_FEEDERLOADED = 4099,
+    /** The date and time the image was acquired.
+     *  Stored in the form "YYYY/MM/DD HH:mm:SS.sss" where YYYY is the year, MM is the 
+     *  numerical month, DD is the numerical day, HH is the hour, mm is the minute, SS is the second, 
+     *  and sss is the millisecond.
+     */
+    CAP_TIMEDATE = 4100,
+    /** Returns a list of all the capabilities for which the Source will answer inquiries. Does not indicate
+     *  which capabilities the Source will allow to be set by the application. Some capabilities can only
+     *  be set if certain setup work has been done so the Source cannot globally answer which
+     *  capabilities are "set-able."
+     */
+    CAP_SUPPORTEDCAPS = 4101,
+    /** Allows the application and Source to negotiate capabilities to be used in States 5 and 6. */
+    CAP_EXTENDEDCAPS = 4102,
+    /** If TRUE, the Source will automatically feed the next page from the document feeder after the
+     *  number of frames negotiated for capture from each page are acquired. CAP_FEEDERENABLED
+     *  must be TRUE to use this capability.
+     */
+    CAP_AUTOFEED = 4103,
+    /** If TRUE, the Source will eject the current page being acquired from and will leave the feeder
+     *  acquire area empty.
+     *  If CAP_AUTOFEED is TRUE, a fresh page will be advanced.
+     *  CAP_FEEDERENABLED must equal TRUE to use this capability.
+     *  This capability must have been negotiated as an extended capability to be used in States 5 and 6.
+     */
+    CAP_CLEARPAGE = 4104,
+    /** If TRUE, the Source will eject the current page and advance the next page in the document feeder
+     *  into the feeder acquire area.
+     *  If CAP_AUTOFEED is TRUE, the same action just described will occur and CAP_AUTOFEED will
+     *  remain active.
+     *  CAP_FEEDERENABLED must equal TRUE to use this capability.
+     *  This capability must have been negotiated as an extended capability to be used in States 5 and 6.
+     */
+    CAP_FEEDPAGE = 4105,
+    /** If TRUE, the Source will return the current page to the input side of the document feeder and
+     *  feed the last page from the output side of the feeder back into the acquisition area.
+     *  If CAP_AUTOFEED is TRUE, automatic feeding will continue after all negotiated frames from this
+     *  page are acquired.
+     *  CAP_FEEDERENABLED must equal TRUE to use this capability.
+     *  This capability must have been negotiated as an extended capability to be used in States 5 and 6.
+     */
+    CAP_REWINDPAGE = 4106,
+    /** If TRUE, the Source will display a progress indicator during acquisition and transfer, regardless
+     *  of whether the Source's user interface is active. If FALSE, the progress indicator will be
+     *  suppressed if the Source's user interface is inactive.
+     *  The Source will continue to display device-specific instructions and error messages even with
+     *  the Source user interface and progress indicators turned off.
+     */
+    CAP_INDICATORS = 4107,
+    /** Returns a list of all the capabilities for which the Source will answer inquiries. Does not indicate
+     *  which capabilities the Source will allow to be set by the application. Some capabilities can only
+     *  be set if certain setup work has been done so the Source cannot globally answer which
+     *  capabilities are "set-able."
+     */
+    CAP_SUPPORTEDCAPSEXT = 4108,
+    /** This capability determines whether the device has a paper sensor that can detect documents on the ADF or Flatbed. */
+    CAP_PAPERDETECTABLE = 4109,
+    /** If TRUE, indicates that this Source supports acquisition with the UI disabled; i.e.,
+     *  TW_USERINTERFACE's ShowUI field can be set to FALSE. If FALSE, indicates that this Source
+     *  can only support acquisition with the UI enabled.
+     */
+    CAP_UICONTROLLABLE = 4110,
+    /** If TRUE, the physical hardware (e.g., scanner, digital camera, image database, etc.) that
+     *  represents the image source is attached, powered on, and communicating.
+     */
+    CAP_DEVICEONLINE = 4111,
+    /** This capability is intended to boost the performance of a Source. The fundamental assumption
+     *  behind AutoScan is that the device is able to capture the number of images indicated by the
+     *  value of CAP_XFERCOUNT without waiting for the Application to request the image transfers.
+     *  This is only possible if the device has internal buffers capable of caching the images it captures.
+     *  The default behavior is undefined, because some high volume devices are incapable of anything
+     *  but CAP_AUTOSCAN being equal to TRUE. However, if a Source supports FALSE, it should use it
+     *  as the mandatory default, since this best describes the behavior of pre-1.8 TWAIN Applications.
+     */
+    CAP_AUTOSCAN = 4112,
+    /** Allows an application to request the delivery of thumbnail representations for the set of images
+     *  that are to be delivered.
+     *  Setting CAP_THUMBNAILSENABLED to TRUE turns on thumbnail mode. Images transferred
+     *  thereafter will be sent at thumbnail size (exact thumbnail size is determined by the Data Source).
+     *  Setting this capability to FALSE turns thumbnail mode off and returns full size images.
+     */
+    CAP_THUMBNAILSENABLED = 4113,
+    /** This indicates whether the scanner supports duplex. If so, it further indicates whether one-path
+     *  or two-path duplex is supported.
+     */
+    CAP_DUPLEX = 4114,
+    /** The user can set the duplex option to be TRUE or FALSE. If TRUE, the scanner scans both sides
+     *  of a paper; otherwise, the scanner will scan only one side of the image.
+     */
+    CAP_DUPLEXENABLED = 4115,
+    /** Allows an application to query a source to see if it implements the new user interface settings dialog.  */
+    CAP_ENABLEDSUIONLY = 4116,
+    CAP_CUSTOMDSDATA = 4117,
+    /** Allows the application to specify the starting endorser / imprinter number. All other endorser/
+     *  imprinter properties should be handled through the data source's user interface.
+     *  The user can set the starting number for the endorser.
+     */
+    CAP_ENDORSER = 4118,
+    /** Turns specific audible alarms on and off. */
+    CAP_ALARMS = 4120,
+    /** The volume of a device's audible alarm. Note that this control affects the volume of all alarms;
+     *  no specific volume control for individual types of alarms is provided.
+     */
+    CAP_ALARMVOLUME = 4121,
+    /** The number of images to automatically capture. This does not refer to the number of images to
+     *  be sent to the Application, use CAP_XFERCOUNT for that.
+     */
+    CAP_AUTOMATICCAPTURE = 4122,
+    /** For automatic capture, this value selects the number of milliseconds before the first picture is to
+     *  be taken, or the first image is to be scanned.
+     */
+    CAP_TIMEBEFOREFIRSTCAPTURE = 4123,
+    /** For automatic capture, this value selects the milliseconds to wait between pictures taken, or images scanned. */
+    CAP_TIMEBETWEENCAPTURES = 4124,
+    /** CapGet() reports the presence of data in the scanner's buffers. CapSet() with a value of TWCB_CLEAR immediately clears the buffers. */
+    CAP_CLEARBUFFERS = 4125,
+    /** Describes the number of pages that the scanner can buffer when CAP_AUTOSCAN is enabled. */
+    CAP_MAXBATCHBUFFERS = 4126,
+    /** The date and time of the device's clock.
+     *  Managed in the form "YYYY/MM/DD HH:mm:SS:sss" where YYYY is the year, MM is the
+     *  numerical month, DD is the numerical day, HH is the hour, mm is the minute, SS is the second,
+     *  and sss is the millisecond.
+     */
+    CAP_DEVICETIMEDATE = 4127,
+    /** CapGet() reports the kinds of power available to the device. CapGetCurrent() reports the current power supply in use. */
+    CAP_POWERSUPPLY = 4128,
+    /** This capability queries the Source for UI support for preview mode. If TRUE, the Source supports preview UI. */
+    CAP_CAMERAPREVIEWUI = 4129,
+    /** A string containing the serial number of the currently selected device in the Source. Multiple
+     *  devices may all report the same serial number.
+     */
+    CAP_SERIALNUMBER = 4132,
+    /** CapGet() returns the current list of available printer devices, along with the one currently being used for negotiation. 
+     *  CapSet() selects the current device for negotiation, and optionally constrains the list.
+     *  Top/Bottom refers to duplex devices, and indicates if the printer is writing on the top or the bottom of the sheet of paper. 
+     *  Simplex devices use the top settings. Before/After indicates whether printing occurs before or after the sheet of paper has been scanned.
+     */
+    CAP_PRINTER = 4134,
+    /** Turns the current CAP_PRINTER device on or off. */
+    CAP_PRINTERENABLED = 4135,
+    /** The User can set the starting number for the current CAP_PRINTER device. */
+    CAP_PRINTERINDEX = 4136,
+    /** Specifies the appropriate current CAP_PRINTER device mode.
+     *  Note:
+     *  • TWPM_SINGLESTRING specifies that the printed text will consist of a single string.
+     *  • TWPM _MULTISTRING specifies that the printed text will consist of an enumerated list of
+     *  strings to be printed in order.
+     *  • TWPM _COMPOUNDSTRING specifies that the printed string will consist of a compound of a
+     *  String followed by a value followed by a suffix string.
+     */
+    CAP_PRINTERMODE = 4137,
+    /** Specifies the string(s) that are to be used in the string component when the current
+     *  CAP_PRINTER device is enabled.
+     */
+    CAP_PRINTERSTRING = 4138,
+    /** Specifies the string that shall be used as the current CAP_PRINTER device's suffix. */
+    CAP_PRINTERSUFFIX = 4139,
+    /** Allows Application and Source to identify which languages they have in common for the exchange of string data, 
+     *  and to select the language of the internal UI. Since the TWLG_xxxx codes include language and country data, there is no separate 
+     *  capability for selecting the country.
+     */
+    CAP_LANGUAGE = 4140,
+    /** Helps the Application determine any special actions it may need to take when negotiating
+     *  frames with the Source. Allowed values are listed in <see cref="TWCapFeederAlignment"/>.
+     *  TWFA_NONE: The alignment is free-floating. Applications should assume
+     *  that the origin for frames is on the left.
+     *  TWFA_LEFT: The alignment is to the left.
+     *  TWFA_CENTER: The alignment is centered. This means that the paper will
+     *  be fed in the middle of the ICAP_PHYSICALWIDTH of the
+     *  device. If this is set, then the Application should calculate
+     *  any frames with a left offset of zero.
+     *  TWFA_RIGHT: The alignment is to the right.
+     */
+    CAP_FEEDERALIGNMENT =  4141,
+    /** TWFO_FIRSTPAGEFIRST if the feeder starts with the top of the first page.
+     *  TWFO_LASTPAGEFIRST is the feeder starts with the top of the last page.
+     */
+    CAP_FEEDERORDER =  4142,
+    /** Indicates whether the physical hardware (e.g. scanner, digital camera) is capable of acquiring
+     *  multiple images of the same page without changes to the physical registration of that page.
+     */
+    CAP_REACQUIREALLOWED =  4144,
+    /** The minutes of battery power remaining to the device. */
+    CAP_BATTERYMINUTES =  4146,
+    /** When used with CapGet(), return the percentage of battery power level on camera. If -1 is returned, it indicates that the battery is not present.  */
+    CAP_BATTERYPERCENTAGE =  4147,
+    /** Added 1.91  */
+    CAP_CAMERASIDE =  4148,
+    /** Added 1.91   */
+    CAP_SEGMENTED =  4149,  
+    /** Added 2.0  */
+    CAP_CAMERAENABLED =  4150,
+    /** Added 2.0    */
+    CAP_CAMERAORDER =  4151, 
+    /** Added 2.0  */
+    CAP_MICRENABLED =  4152, 
+    /** Added 2.0   */
+    CAP_FEEDERPREP =  4153,  
+    /** Added 2.0  */
+    CAP_FEEDERPOCKET =  4154,  
+    /** Added 2.1  */
+    CAP_AUTOMATICSENSEMEDIUM =  4155,
+    /** Added 2.1  */
+    CAP_CUSTOMINTERFACEGUID =  4156, 
+    /** TRUE enables and FALSE disables the Source's Auto-brightness function (if any). */
+    ICAP_AUTOBRIGHT =  4352,
+    /** The brightness values available within the Source. */
+    ICAP_BRIGHTNESS =  4353,
+    /** The contrast values available within the Source. */
+    ICAP_CONTRAST =  4355,
+    /** Specifies the square-cell halftone (dithering) matrix the Source should use to halftone the image. */
+    ICAP_CUSTHALFTONE =  4356,
+    /** Specifies the exposure time used to capture the image, in seconds. */
+    ICAP_EXPOSURETIME = 4357,
+    /** Describes the color characteristic of the subtractive filter applied to the image data. Multiple
+     *  filters may be applied to a single acquisition.
+     */
+    ICAP_FILTER = 4358,
+    /** Specifies whether or not the image was acquired using a flash. */
+    ICAP_FLASHUSED = 4359,
+    /** Gamma correction value for the image data. */
+    ICAP_GAMMA = 4360,
+    /** A list of names of the halftone patterns available within the Source. */
+    ICAP_HALFTONES = 4361,
+    /** Specifies which value in an image should be interpreted as the lightest "highlight." All values
+     *  "lighter" than this value will be clipped to this value. Whether lighter values are smaller or
+     *  larger can be determined by examining the Current value of ICAP_PIXELFLAVOR.
+     */
+    ICAP_HIGHLIGHT = 4362,
+    /** Informs the application which file formats the Source can generate (CapGet()). Tells the Source which file formats the application can handle (CapSet()).
+     *  TWFF_TIFF Used for document 
+     *  TWFF_PICT Native Macintosh 
+     *  TWFF_BMP Native Microsoft 
+     *  TWFF_XBM Used for document 
+     *  TWFF_JFIF Wrapper for JPEG 
+     *  TWFF_FPX FlashPix, used with digital 
+     *  TWFF_TIFFMULTI Multi-page TIFF files
+     *  TWFF_PNG An image format standard intended for use on the web, replaces GIF
+     *  TWFF_SPIFF A standard from JPEG, intended to replace JFIF, also supports JBIG
+     *  TWFF_EXIF File format for use with digital cameras. 
+     */
+    ICAP_IMAGEFILEFORMAT = 4364,
+    /** TRUE means the lamp is currently, or should be set to ON. Sources may not support CapSet() operations.  */
+    ICAP_LAMPSTATE = 4365,
+    /** Describes the general color characteristic of the light source used to acquire the image. */
+    ICAP_LIGHTSOURCE = 4366,
+    /** Defines which edge of the "paper" the image's "top" is aligned with. This information is used to adjust the frames to match the 
+     *  scanning orientation of the paper. For instance, if an ICAP_SUPPORTEDSIZE of TWSS_ISOA4 has been negotiated, 
+     *  and ICAP_ORIENTATION is set to TWOR_LANDSCAPE, then the Source must rotate the frame it downloads to the scanner to reflect the 
+     *  orientation of the paper. Please note that setting ICAP_ORIENTATION does not affect the values reported by ICAP_FRAMES; 
+     *  it just causes the Source to use them in a different way. The upper-left of the image is defined as the location where both the primary and 
+     *  secondary scans originate. (The X axis is the primary scan direction and the Y axis is the secondary scan direction.)
+     *  For a flatbed scanner, the light bar moves in the secondary scan direction. For a handheld scanner, the scanner is drug in the 
+     *  secondary scan direction. For a digital camera, the secondary direction is the vertical axis when the viewed image is considered upright. 
+     */
+    ICAP_ORIENTATION = 4368,
+    /** The maximum physical width (X-axis) the Source can acquire (measured in units of ICAP_UNITS). */
+    ICAP_PHYSICALWIDTH = 4369,
+    /** The maximum physical height (Y-axis) the Source can acquire (measured in units of ICAP_UNITS). */
+    ICAP_PHYSICALHEIGHT = 4370,
+    /** Specifies which value in an image should be interpreted as the darkest "shadow." All values 
+     *  "darker" than this value will be clipped to this value.
+     */
+    ICAP_SHADOW = 4371,
+    /** The list of frames the Source will acquire on each page. */
+    ICAP_FRAMES = 4372,
+    /** The native optical resolution along the X-axis of the device being controlled by the Source. Most
+     *  devices will respond with a single value (TW_ONEVALUE).
+     *  This is NOT a list of all resolutions that can be generated by the device. Rather, this is the
+     *  resolution of the device's optics. Measured in units of pixels per unit as defined by
+     *  ICAP_UNITS (pixels per TWUN_PIXELS yields dimensionless data).
+     */
+    ICAP_XNATIVERESOLUTION = 4374,
+    /** The native optical resolution along the Y-axis of the device being controlled by the Source.
+     *  Measured in units of pixels per unit as defined by ICAP_UNITS (pixels per TWUN_PIXELS
+     *  yields dimensionless data).
+     */
+    ICAP_YNATIVERESOLUTION = 4375,
+    /** All the X-axis resolutions the Source can provide.
+     *  Measured in units of pixels per unit as defined by ICAP_UNITS (pixels per TWUN_PIXELS
+     *  yields dimensionless data). That is, when the units are TWUN_PIXELS, both
+     *  ICAP_XRESOLUTION and ICAP_YRESOLUTION shall report 1 pixel/pixel. Some data sources
+     *  like to report the actual number of pixels that the device reports, but that response is more
+     *  appropriate in ICAP_PHYSICALHEIGHT and ICAP_PHYSICALWIDTH.
+     */
+    ICAP_XRESOLUTION = 4376,
+    /** All the Y-axis resolutions the Source can provide.
+     *  Measured in units of pixels per unit as defined by ICAP_UNITS (pixels per TWUN_PIXELS
+     *  yields dimensionless data). That is, when the units are TWUN_PIXELS, both
+     *  ICAP_XRESOLUTION and ICAP_YRESOLUTION shall report 1 pixel/pixel. Some data sources
+     *  like to report the actual number of pixels that the device reports, but that response is more
+     *  appropriate in ICAP_PHYSICALHEIGHT and ICAP_PHYSICALWIDTH.
+     */
+    ICAP_YRESOLUTION = 4377,
+    /** The maximum number of frames the Source can provide or the application can accept per page. 
+     *  This is a bounding capability only. It does not establish current or future behavior.
+     */
+    ICAP_MAXFRAMES = 4378,
+    /** This is used with buffered memory transfers. If TRUE, Source can provide application with tiled image data. */
+    ICAP_TILES = 4379,
+    /** Specifies how the bytes in an image are filled by the Source. TWBO_MSBFIRST indicates that the leftmost bit in the byte (usually bit 7) is 
+     *  the byte's Most Significant Bit.
+     */
+    ICAP_BITORDER = 4380,
+    /** Used for CCITT Group 3 2-dimensional compression. The 'K' factor indicates how often the
+     *  new compression baseline should be re-established. A value of 2 or 4 is common in facsimile
+     *  communication. A value of zero in this field will indicate an infinite K factor—the baseline is
+     *  only calculated at the beginning of the transfer.
+     */
+    ICAP_CCITTKFACTOR = 4381,
+    /** Describes whether the image was captured transmissively or reflectively. */
+    ICAP_LIGHTPATH = 4382,
+    /** Sense of the pixel whose numeric value is zero (minimum data value).  */
+    ICAP_PIXELFLAVOR = 4383,
+    /** Allows the application and Source to identify which color data formats are available. There are
+     *  two options, "planar" and "chunky."
+     */
+    ICAP_PLANARCHUNKY = 4384,
+    /** How the Source can/should rotate the scanned image data prior to transfer. This doesn't use
+     *  ICAP_UNITS. It is always measured in degrees. Any applied value is additive with any
+     *  rotation specified in ICAP_ORIENTATION.
+     */
+    ICAP_ROTATION = 4385,
+    /** For devices that support fixed frame sizes. 
+     *  Defined sizes match typical page sizes. This specifies the size(s) the Source can/should use to acquire image data. 
+     */
+    ICAP_SUPPORTEDSIZES = 4386,
+    /** Specifies the dividing line between black and white. This is the value the Source will use to
+     *  threshold, if needed, when ICAP_PIXELTYPE:TWPT_BW.
+     *  The value is normalized so there are no units of measure associated with this ICAP.
+     */
+    ICAP_THRESHOLD = 4387,
+    /** All the X-axis scaling values available. A value of '1.0' is equivalent to 100% scaling. Do not use values less than or equal to zero. */
+    ICAP_XSCALING = 4388,
+    /** All the Y-axis scaling values available. A value of '1.0' is equivalent to 100% scaling. Do not use values less than or equal to zero. 
+     *  There are no units inherent with this data as it is normalized to 1.0 being "unscaled."
+     */
+    ICAP_YSCALING = 4389,
+    /** Used for CCITT data compression only. Indicates the bit order representation of the stored compressed codes. */
+    ICAP_BITORDERCODES = 4390,
+    /** Used only for CCITT data compression. Specifies whether the compressed codes' pixel "sense" 
+     *  will be inverted from the Current value of ICAP_PIXELFLAVOR prior to transfer.
+     */
+    ICAP_PIXELFLAVORCODES = 4391,
+    /** Allows the application and Source to agree upon a common set of color descriptors that are 
+     *  made available by the Source. This ICAP is only useful for JPEG-compressed buffered memory image transfers.
+     */
+    ICAP_JPEGPIXELTYPE = 4392,
+    /** Used only with CCITT data compression. Specifies the minimum number of words of compressed codes (compressed data) to be transmitted per line. */
+    ICAP_TIMEFILL = 4394,
+    /** Specifies the pixel bit depths for the Current value of ICAP_PIXELTYPE. For example, when
+     *  using ICAP_PIXELTYPE:TWPT_GRAY, this capability specifies whether this is 8-bit gray or 4-bit gray.
+     *  This depth applies to all the data channels (for instance, the R, G, and B channels will all have
+     *  this same bit depth for RGB data).
+     */
+    ICAP_BITDEPTH = 4395,
+    /** Specifies the Reduction Method the Source should use to reduce the bit depth of the data. Most
+     *  commonly used with ICAP_PIXELTYPE:TWPT_BW to reduce gray data to black and white.
+     */
+    ICAP_BITDEPTHREDUCTION = 4396,
+    /** If TRUE the Source will issue a MSG_XFERREADY before starting the scan.
+     *  Note: The Source may need to scan the image before initiating the transfer. This is the case if
+     *  the scanned image is rotated or merged with another scanned image.
+     */
+    ICAP_UNDEFINEDIMAGESIZE = 4397,
+    /** Allows the application to query the data source to see if it supports extended image attribute capabilities, 
+     *  such as Barcode Recognition, Shaded Area Detection and Removal, Skew detection and Removal, and so on.
+     */
+    ICAP_EXTIMAGEINFO = 4399,
+    /** Allows the source to define the minimum height (Y-axis) that the source can acquire. */
+    ICAP_MINIMUMHEIGHT = 4400,
+    /** Allows the source to define theminimum width (X-axis) that the source can acquire. */
+    ICAP_MINIMUMWIDTH = 4401,
+    /** Use this capability to have the Source discard blank images. The Application never sees these
+     *  images during the scanning session.
+     *  TWBP_DISABLE – this must be the default state for the Source. It indicates that all images will
+     *  be delivered to the Application, none of them will be discarded.
+     *  TWBP_AUTO – if this is used, then the Source will decide if an image is blank or not and discard
+     *  as appropriate.
+     *  If the specified value is a positive number in the range 0 to 231–1, then this capability will use it
+     *  as the byte size cutoff point to identify which images are to be discarded. If the size of the image
+     *  is less than or equal to this value, then it will be discarded. If the size of the image is greater
+     *  than this value, then it will be kept so that it can be transferred to the Application.
+     */
+    ICAP_AUTODISCARDBLANKPAGES = 4404,
+    /** Flip rotation is used to properly orient images that flip orientation every other image.
+     *  TWFR_BOOK The images to be scanned are viewed in book form, flipping each page from left to right or right to left.
+     *  TWFR_FANFOLD The images to be scanned are viewed in fanfold paper style, flipping each page up or down. 
+     */
+    ICAP_FLIPROTATION = 4406,
+    /** Turns bar code detection on and off. */
+    ICAP_BARCODEDETECTIONENABLED = 4407,
+    /** Provides a list of bar code types that can be detected by the current Data Source. */
+    ICAP_SUPPORTEDBARCODETYPES = 4408,
+    /** The maximum number of supported search priorities. */
+    ICAP_BARCODEMAXSEARCHPRIORITIES = 4409,
+    /** A prioritized list of bar code types dictating the order in which bar codes will be sought. */
+    ICAP_BARCODESEARCHPRIORITIES = 4410,
+    /** Restricts bar code searching to certain orientations, or prioritizes one orientation over the other. */
+    ICAP_BARCODESEARCHMODE = 4411,
+    /** Restricts the number of times a search will be retried if none are found on each page. */
+    ICAP_BARCODEMAXRETRIES = 4412,
+    /** Restricts the total time spent on searching for a bar code on each page. */
+    ICAP_BARCODETIMEOUT = 4413,
+    /** When used with CapGet(), returns all camera supported lens zooming range.  */
+    ICAP_ZOOMFACTOR = 4414,
+    /** Turns patch code detection on and off. */
+    ICAP_PATCHCODEDETECTIONENABLED = 4415,
+    /** A list of patch code types that may be detected by the current Data Source. */
+    ICAP_SUPPORTEDPATCHCODETYPES = 4416,
+    /** The maximum number of supported search priorities. */
+    ICAP_PATCHCODEMAXSEARCHPRIORITIES = 4417,
+    /** A prioritized list of patch code types dictating the order in which patch codes will be sought. */
+    ICAP_PATCHCODESEARCHPRIORITIES = 4418,
+    /** Restricts patch code searching to certain orientations, or prioritizes one orientation over the other. */
+    ICAP_PATCHCODESEARCHMODE = 4419,
+    /** Restricts the number of times a search will be retried if none are found on each page. */
+    ICAP_PATCHCODEMAXRETRIES = 4420,
+    /** Restricts the total time spent on searching for a patch code on each page. */
+    ICAP_PATCHCODETIMEOUT = 4421,
+    /** For devices that support flash. CapSet() selects the flash to be used (if any). CapGet() reports the current setting.
+     *  This capability replaces ICAP_FLASHUSED, which is only able to negotiate the flash being on or off. 
+     */
+    ICAP_FLASHUSED2 = 4422,
+    /** For devices that support image enhancement filtering. This capability selects the algorithm used to improve the quality of the image. */
+    ICAP_IMAGEFILTER = 4423,
+    /** For devices that support noise filtering. This capability selects the algorithm used to remove noise. */
+    ICAP_NOISEFILTER = 4424,
+    /** Overscan is used to scan outside of the boundaries described by ICAP_FRAMES, and is used to help acquire image data that 
+     *  may be lost because of skewing.
+     *  This is primarily of use for transport scanners which rely on edge detection to begin scanning. 
+     *  If overscan is supported, then the device is capable of scanning in the inter-document gap to get the skewed image information. 
+     */
+    ICAP_OVERSCAN = 4425,
+    /** Turns automatic border detection on and off. */
+    ICAP_AUTOMATICBORDERDETECTION = 4432,
+    /** Turns automatic deskew correction on and off. */
+    ICAP_AUTOMATICDESKEW = 4433,
+    /** When TRUE this capability depends on intelligent features within the Source to automatically 
+     *  rotate the image to the correct position.
+     */
+    ICAP_AUTOMATICROTATE = 4434,
+    /** Added 1.9  */
+    ICAP_JPEGQUALITY = 4435,
+    /** Added 1.91   */
+    ICAP_FEEDERTYPE = 4436, 
+    /** Added 1.91  */
+    ICAP_ICCPROFILE = 4437,
+    /** Added 2.0   */
+    ICAP_AUTOSIZE = 4438,  
+    /** Added 2.1  */
+    ICAP_AUTOMATICCROPUSESFRAME = 4439, 
+    /** Added 2.1  */
+    ICAP_AUTOMATICLENGTHDETECTION = 4440,
+    /** Added 2.1  */
+    ICAP_AUTOMATICCOLORENABLED = 4441, 
+    /** Added 2.1  */
+    ICAP_AUTOMATICCOLORNONCOLORPIXELTYPE = 4442, 
+    /** Added 2.1  */
+    ICAP_COLORMANAGEMENTENABLED = 4443,
+    /** Added 2.1  */
+    ICAP_IMAGEMERGE = 4444,  
+    /** Added 2.1  */
+    ICAP_IMAGEMERGEHEIGHTTHRESHOLD = 4445,
+    /** Added 2.1   */
+    ICAP_SUPPORTEDEXTIMAGEINFO = 4446   
+}
+
+/** Capabilities exist in many varieties but all have a Default Value, Current Value, and may have other values available that can be supported if selected. 
+ *  To help categorize the supported values into clear structures, TWAIN defines four types of containers for capabilities = 
+ *  TW_ONEVALUE, TW_ARRAY, TW_RANGE and TW_ENUMERATION.
+ */
+declare enum EnumDWT_CapType {
+    /** Nothing. */
+    TWON_NONE = 0,
+    /** A rectangular array of values that describe a logical item. It is similar to the TW_ONEVALUE because the current and default values are the same and 
+     *  there are no other values to select from. For example, a list of the names, such as the supported capabilities list returned by the CAP_SUPPORTEDCAPS 
+     *  capability, would use this type of container. 
+     */
+    TWON_ARRAY = 3,
+    /** This is the most general type because it defines a list of values from which the Current Value can be chosen. 
+     *  The values do not progress uniformly through a range and there is not a consistent step size between the values. 
+     *  For example, if a Source's resolution options do not occur in even step sizes then an enumeration would be used (for example, 150, 400, and 600). 
+     */
+    TWON_ENUMERATION = 4,
+    /** A single value whose current and default values are coincident. The range of available values for this type of capability is simply this single value.
+     *  For example, a capability that indicates the presence of a document feeder could be of this type.
+     */
+    TWON_ONEVALUE = 5,
+    /** Many capabilities allow users to select their current value from a range of regularly spaced values. 
+     *  The capability can specify the minimum and maximum acceptable values and the incremental step size between the values.
+     *  For example, resolution might be supported from 100 to 600 in steps of 50 (100, 150, 200, ..., 550, 600). 
+     */
+    TWON_RANGE = 6
+}
+
+/** ICAP_XFERMECH values. */
+declare enum EnumDWT_TransferMode {
+    /** Native transfers require the data to be transferred to a single large block of RAM. Therefore,
+     *  they always face the risk of having an inadequate amount of RAM available to perform the transfer successfully.
+     */
+    TWSX_NATIVE = 0,
+    /** Disk File Mode Transfers. */
+    TWSX_FILE = 1,
+    /** Buffered Memory Mode Transfers. */
+    TWSX_MEMORY = 2,
+    /** added 1.91 */
+    TWSX_MEMFILE  = 4    
+}
+
+/** ICAP_IMAGEFILEFORMAT values. */
+declare enum EnumDWT_FileFormat {
+    /** Used for document imaging. Tagged Image File Format */
+    TWFF_TIFF = 0, 
+    /** Native Macintosh format. Macintosh PICT    */
+    TWFF_PICT = 1, 
+    /** Native Microsoft format. Windows Bitmap */
+    TWFF_BMP = 2,  
+    /** Used for document imaging. X-Windows Bitmap */
+    TWFF_XBM = 3,  
+    /** Wrapper for JPEG images. JPEG File Interchange Format */
+    TWFF_JFIF = 4, 
+    /** FlashPix, used with digital cameras. Flash Pix */
+    TWFF_FPX = 5,  
+    /** Multi-page TIFF files. Multi-page tiff file */
+    TWFF_TIFFMULTI = 6,
+    /** An image format standard intended for use on the web, replaces GIF. */
+    TWFF_PNG = 7,
+    /** A standard from JPEG, intended to replace JFIF, also supports JBIG. */
+    TWFF_SPIFF = 8,
+    /** File format for use with digital cameras. */
+    TWFF_EXIF = 9,
+    /** A file format from Adobe. 1.91 NB: this is not PDF/A  */
+    TWFF_PDF = 10,   
+    /** A file format from the Joint Photographic Experts Group. 1.91 */
+    TWFF_JP2 = 11,    
+    /** 1.91 */
+    TWFF_JPN = 12,    
+    /** 1.91 */
+    TWFF_JPX = 13,    
+    /** A file format from LizardTech. 1.91 */
+    TWFF_DEJAVU = 14,    
+    /** A file format from Adobe. 2.0 */
+    TWFF_PDFA = 15,   
+    /** 2.1 Adobe PDF/A, Version 2 */
+    TWFF_PDFA2 = 16  
+}
+
+/** TIFF file compression type. */
+declare enum EnumDWT_TIFFCompressionType {
+    /** Auto mode. */
+    TIFF_AUTO = 0,
+    /** Dump mode. */
+    TIFF_NONE = 1,
+    /** CCITT modified Huffman RLE. */
+    TIFF_RLE = 2,
+    /** CCITT Group 3 fax encoding. */
+    TIFF_FAX3 = 3,
+    /** CCITT T.4 (TIFF 6 name). */
+    TIFF_T4 = 3,
+    /** CCITT Group 4 fax encoding */
+    TIFF_FAX4 = 4,
+    /** CCITT T.6 (TIFF 6 name). */
+    TIFF_T6 = 4,
+    /** Lempel Ziv and Welch */
+    TIFF_LZW = 5,
+    TIFF_JPEG = 7,
+    TIFF_PACKBITS = 32773
+}
+
+/** The method to do interpolation. */
+declare enum EnumDWT_InterpolationMethod {
+    IM_NEARESTNEIGHBOUR = 1,
+    IM_BILINEAR = 2,
+    IM_BICUBIC = 3,
+	IM_BESTQUALITY = 5
+}
+
+/** Image type */
+declare enum EnumDWT_ImageType {
+    /** Native Microsoft format. */
+    IT_BMP = 0,
+    /** JPEG format. */
+    IT_JPG = 1,
+    /** Tagged Image File Format. */
+    IT_TIF = 2,
+    /** An image format standard intended for use on the web, replaces GIF. */
+    IT_PNG = 3,
+    /** A file format from Adobe. */
+    IT_PDF = 4,
+  IT_ALL = 5
+}
+
+/** PDF file compression type. */
+declare enum EnumDWT_PDFCompressionType {
+    /** Auto mode. */
+    PDF_AUTO = 0,
+    /** CCITT Group 3 fax encoding. */
+    PDF_FAX3 = 1,
+    /** CCITT Group 4 fax encoding */
+    PDF_FAX4 = 2,
+    /** Lempel Ziv and Welch */
+    PDF_LZW = 3,
+    /** CCITT modified Huffman RLE. */
+    PDF_RLE = 4,
+    PDF_JPEG = 5
+}
+
+declare enum EnumDWT_ShowMode {
+    /** Activates the window and displays it in its current size and position. */
+    SW_ACTIVE = 0,
+    /** Maximizes the window */
+    SW_MAX = 1,
+    /** Minimize the window */
+    SW_MIN = 2,
+    /** Close the latest opened editor window */
+    SW_CLOSE = 3,
+    /** Check whether a window exists */
+    SW_IFLIVE = 4
+}
+
+/** The kind of data stored in the container. */
+declare enum EnumDWT_CapValueType {
+    TWTY_INT8 = 0,
+    /** Means Item is a TW_INT16   */
+    TWTY_INT16 = 1,    
+    /** Means Item is a TW_INT32   */
+    TWTY_INT32 = 2,    
+    /** Means Item is a TW_UINT8   */
+    TWTY_UINT8 = 3,    
+    /** Means Item is a TW_UINT16  */
+    TWTY_UINT16 = 4,    
+    /** Means Item is a TW_int  */
+    TWTY_int = 5,    
+    /** Means Item is a TW_BOOL    */
+    TWTY_BOOL = 6,    
+    /** Means Item is a TW_FIX32   */
+    TWTY_FIX32 = 7,    
+    /** Means Item is a TW_FRAME   */
+    TWTY_FRAME = 8,    
+    /** Means Item is a TW_STR32   */
+    TWTY_STR32 = 9,    
+    /** Means Item is a TW_STR64   */
+    TWTY_STR64 = 10,    
+    /** Means Item is a TW_STR128  */
+    TWTY_STR128 = 11,    
+    /** Means Item is a TW_STR255  */
+    TWTY_STR255 = 12        
+}
+
+/** ICAP_UNITS values. */
+declare enum EnumDWT_UnitType {
+    TWUN_INCHES = 0,
+    TWUN_CENTIMETERS = 1,
+    TWUN_PICAS = 2,
+    TWUN_POINTS = 3,
+    TWUN_TWIPS = 4,
+    TWUN_PIXELS = 5,
+    TWUN_MILLIMETERS = 6
+}
+
+/** ICAP_DUPLEX values. */
+declare enum EnumDWT_DUPLEX {
+    TWDX_NONE = 0,
+    TWDX_1PASSDUPLEX = 1,
+    TWDX_2PASSDUPLEX = 2
+}
+
+/** CAP_LANGUAGE values. */
+declare enum EnumDWT_CapLanguage {
+    /** Danish      */
+    TWLG_DAN = 0, 
+    /** Dutch       */
+    TWLG_DUT = 1, 
+    /** International English   */
+    TWLG_ENG = 2, 
+    /** French Canadian         */
+    TWLG_FCF = 3, 
+    /** Finnish     */
+    TWLG_FIN = 4, 
+    /** French      */
+    TWLG_FRN = 5, 
+    /** German      */
+    TWLG_GER = 6, 
+    /** Icelandic   */
+    TWLG_ICE = 7, 
+    /** Italian      */
+    TWLG_ITN = 8, 
+    /** Norwegian   */
+    TWLG_NOR = 9, 
+    /** Portuguese  */
+    TWLG_POR = 10, 
+    /** Spanish     */
+    TWLG_SPA = 11, 
+    /** Swedish     */
+    TWLG_SWE = 12, 
+    /** U.S. English            */
+    TWLG_USA = 13, 
+    /** Added for 1.8  */
+    TWLG_USERLOCALE = -1,
+    TWLG_AFRIKAANS = 14,
+    TWLG_ALBANIA = 15,
+    TWLG_ARABIC = 16,
+    TWLG_ARABIC_ALGERIA = 17,
+    TWLG_ARABIC_BAHRAIN = 18,
+    TWLG_ARABIC_EGYPT = 19,
+    TWLG_ARABIC_IRAQ = 20,
+    TWLG_ARABIC_JORDAN = 21,
+    TWLG_ARABIC_KUWAIT = 22,
+    TWLG_ARABIC_LEBANON = 23,
+    TWLG_ARABIC_LIBYA = 24,
+    TWLG_ARABIC_MOROCCO = 25,
+    TWLG_ARABIC_OMAN = 26,
+    TWLG_ARABIC_QATAR = 27,
+    TWLG_ARABIC_SAUDIARABIA = 28,
+    TWLG_ARABIC_SYRIA = 29,
+    TWLG_ARABIC_TUNISIA = 30,
+    /** United Arabic Emirates  */
+    TWLG_ARABIC_UAE = 31, 
+    TWLG_ARABIC_YEMEN = 32,
+    TWLG_BASQUE = 33,
+    TWLG_BYELORUSSIAN = 34,
+    TWLG_BULGARIAN = 35,
+    TWLG_CATALAN = 36,
+    TWLG_CHINESE = 37,
+    TWLG_CHINESE_HONGKONG = 38,
+    /** People's Republic of China  */
+    TWLG_CHINESE_PRC = 39, 
+    TWLG_CHINESE_SINGAPORE = 40,
+    TWLG_CHINESE_SIMPLIFIED = 41,
+    TWLG_CHINESE_TAIWAN = 42,
+    TWLG_CHINESE_TRADITIONAL = 43,
+    TWLG_CROATIA = 44,
+    TWLG_CZECH = 45,
+    TWLG_DANISH = 0,
+    TWLG_DUTCH = 1,
+    TWLG_DUTCH_BELGIAN = 46,
+    TWLG_ENGLISH = 2,
+    TWLG_ENGLISH_AUSTRALIAN = 47,
+    TWLG_ENGLISH_CANADIAN = 48,
+    TWLG_ENGLISH_IRELAND = 49,
+    TWLG_ENGLISH_NEWZEALAND = 50,
+    TWLG_ENGLISH_SOUTHAFRICA = 51,
+    TWLG_ENGLISH_UK = 52,
+    TWLG_ENGLISH_USA = 13,
+    TWLG_ESTONIAN = 53,
+    TWLG_FAEROESE = 54,
+    TWLG_FARSI = 55,
+    TWLG_FINNISH = 4,
+    TWLG_FRENCH = 5,
+    TWLG_FRENCH_BELGIAN = 56,
+    TWLG_FRENCH_CANADIAN = 3,
+    TWLG_FRENCH_LUXEMBOURG = 57,
+    TWLG_FRENCH_SWISS = 58,
+    TWLG_GERMAN = 6,
+    TWLG_GERMAN_AUSTRIAN = 59,
+    TWLG_GERMAN_LUXEMBOURG = 60,
+    TWLG_GERMAN_LIECHTENSTEIN = 61,
+    TWLG_GERMAN_SWISS = 62,
+    TWLG_GREEK = 63,
+    TWLG_HEBREW = 64,
+    TWLG_HUNGARIAN = 65,
+    TWLG_ICELANDIC = 7,
+    TWLG_INDONESIAN = 66,
+    TWLG_ITALIAN = 8,
+    TWLG_ITALIAN_SWISS = 67,
+    TWLG_JAPANESE = 68,
+    TWLG_KOREAN = 69,
+    TWLG_KOREAN_JOHAB = 70,
+    TWLG_LATVIAN = 71,
+    TWLG_LITHUANIAN = 72,
+    TWLG_NORWEGIAN = 9,
+    TWLG_NORWEGIAN_BOKMAL = 73,
+    TWLG_NORWEGIAN_NYNORSK = 74,
+    TWLG_POLISH = 75,
+    TWLG_PORTUGUESE = 10,
+    TWLG_PORTUGUESE_BRAZIL = 76,
+    TWLG_ROMANIAN = 77,
+    TWLG_RUSSIAN = 78,
+    TWLG_SERBIAN_LATIN = 79,
+    TWLG_SLOVAK = 80,
+    TWLG_SLOVENIAN = 81,
+    TWLG_SPANISH = 11,
+    TWLG_SPANISH_MEXICAN = 82,
+    TWLG_SPANISH_MODERN = 83,
+    TWLG_SWEDISH = 12,
+    TWLG_THAI = 84,
+    TWLG_TURKISH = 85,
+    TWLG_UKRANIAN = 86,
+    /** More stuff added for 1.8  */
+    TWLG_ASSAMESE = 87,
+    TWLG_BENGALI = 88,
+    TWLG_BIHARI = 89,
+    TWLG_BODO = 90,
+    TWLG_DOGRI = 91,
+    TWLG_GUJARATI = 92,
+    TWLG_HARYANVI = 93,
+    TWLG_HINDI = 94,
+    TWLG_KANNADA = 95,
+    TWLG_KASHMIRI = 96,
+    TWLG_MALAYALAM = 97,
+    TWLG_MARATHI = 98,
+    TWLG_MARWARI = 99,
+    TWLG_MEGHALAYAN = 100,
+    TWLG_MIZO = 101,
+    TWLG_NAGA = 102,
+    TWLG_ORISSI = 103,
+    TWLG_PUNJABI = 104,
+    TWLG_PUSHTU = 105,
+    TWLG_SERBIAN_CYRILLIC = 106,
+    TWLG_SIKKIMI = 107,
+    TWLG_SWEDISH_FINLAND = 108,
+    TWLG_TAMIL = 109,
+    TWLG_TELUGU = 110,
+    TWLG_TRIPURI = 111,
+    TWLG_URDU = 112,
+    TWLG_VIETNAMESE = 113
+}
+
+/** TWAIN Supported sizes. */
+declare enum EnumDWT_CapSupportedSizes {
+    /** 0 */
+    TWSS_NONE = 0,
+    /** 1 */
+    TWSS_A4LETTER = 1,
+    /** 2 */
+    TWSS_B5LETTER = 2,
+    /** 3 */
+    TWSS_USLETTER = 3,
+    /** 4 */
+    TWSS_USLEGAL = 4,
+    /** Added 1.5 
+     *  5
+     */
+    TWSS_A5 = 5,
+    /** 6 */
+    TWSS_B4 = 6,
+    /** 7 */
+    TWSS_B6 = 7,
+    /** Added 1.7 
+     *  9
+     */
+    TWSS_USLEDGER = 9,
+    /** 10 */
+    TWSS_USEXECUTIVE = 10,
+    /** 11 */
+    TWSS_A3 = 11,
+    /** 12 */
+    TWSS_B3 = 12,
+    /** 13 */
+    TWSS_A6 = 13,
+    /** 14 */
+    TWSS_C4 = 14,
+    /** 15 */
+    TWSS_C5 = 15,
+    /** 16 */
+    TWSS_C6 = 16,
+    /** Added 1.8 
+     *  17
+     */
+    TWSS_4A0 = 17,
+    /** 18 */
+    TWSS_2A0 = 18,
+    /** 19 */
+    TWSS_A0 = 19,
+    /** 20 */
+    TWSS_A1 = 20,
+    /** 21 */
+    TWSS_A2 = 21,
+    /** 1 */
+    TWSS_A4 = 1,
+    /** 22 */
+    TWSS_A7 = 22,
+    /** 23 */
+    TWSS_A8 = 23,
+    /** 24 */
+    TWSS_A9 = 24,
+    /** 25 */
+    TWSS_A10 = 25,
+    /** 26 */
+    TWSS_ISOB0 = 26,
+    /** 27 */
+    TWSS_ISOB1 = 27,
+    /** 28 */
+    TWSS_ISOB2 = 28,
+    /** 12 */
+    TWSS_ISOB3 = 12,
+    /** 6 */
+    TWSS_ISOB4 = 6,
+    /** 29 */
+    TWSS_ISOB5 = 29,
+    /** 7 */
+    TWSS_ISOB6 = 7,
+    /** 30 */
+    TWSS_ISOB7 = 30,
+    /** 31 */
+    TWSS_ISOB8 = 31,
+    /** 32 */
+    TWSS_ISOB9 = 32,
+    /** 33 */
+    TWSS_ISOB10 = 33,
+    /** 34 */
+    TWSS_JISB0 = 34,
+    /** 35 */
+    TWSS_JISB1 = 35,
+    /** 36 */
+    TWSS_JISB2 = 36,
+    /** 37 */
+    TWSS_JISB3 = 37,
+    /** 38 */
+    TWSS_JISB4 = 38,
+    /** 2 */
+    TWSS_JISB5 = 2,
+    /** 39 */
+    TWSS_JISB6 = 39,
+    /** 40 */
+    TWSS_JISB7 = 40,
+    /** 41 */
+    TWSS_JISB8 = 41,
+    /** 41 */
+    TWSS_JISB9 = 42,
+    /** 43 */
+    TWSS_JISB10 = 43,
+    /** 44 */
+    TWSS_C0 = 44,
+    /** 45 */
+    TWSS_C1 = 45,
+    /** 46 */
+    TWSS_C2 = 46,
+    /** 47 */
+    TWSS_C3 = 47,
+    /** 48 */
+    TWSS_C7 = 48,
+    /** 49 */
+    TWSS_C8 = 49,
+    /** 50 */
+    TWSS_C9 = 50,
+    /** 51 */
+    TWSS_C10 = 51,
+    /** 52 */
+    TWSS_USSTATEMENT = 52,
+    /** 53 */
+    TWSS_BUSINESSCARD = 53,
+    /** 54. Added 2.1 */
+    TWSS_MAXSIZE = 54  
+}
+
+/** CAP_FEEDERALIGNMENT values. */
+declare enum EnumDWT_CapFeederAlignment {
+    /** The alignment is free-floating. Applications should assume that the origin for frames is on the left. */
+    TWFA_NONE = 0,
+    /** The alignment is to the left. */
+    TWFA_LEFT = 1,
+    /** The alignment is centered. This means that the paper will be fed in the middle of the ICAP_PHYSICALWIDTH of the 
+     *  device. If this is set, then the Application should calculate any frames with a left offset of zero.
+     */
+    TWFA_CENTER = 2,
+    /** The alignment is to the right. */
+    TWFA_RIGHT = 3
+}
+/** CAP_FEEDERORDER values. */
+declare enum EnumDWT_CapFeederOrder {
+    /** The feeder starts with the top of the first page. */
+    TWFO_FIRSTPAGEFIRST = 0,
+    /** The feeder starts with the top of the last page. */
+    TWFO_LASTPAGEFIRST = 1
+}
+
+/** CAP_PRINTER values. */
+declare enum EnumDWT_CapPrinter {
+    TWPR_IMPRINTERTOPBEFORE = 0,
+    TWPR_IMPRINTERTOPAFTER = 1,
+    TWPR_IMPRINTERBOTTOMBEFORE = 2,
+    TWPR_IMPRINTERBOTTOMAFTER = 3,
+    TWPR_ENDORSERTOPBEFORE = 4,
+    TWPR_ENDORSERTOPAFTER = 5,
+    TWPR_ENDORSERBOTTOMBEFORE = 6,
+    TWPR_ENDORSERBOTTOMAFTER = 7
+}
+
+/** CAP_PRINTERMODE values. */
+declare enum EnumDWT_CapPrinterMode {
+    /** Specifies that the printed text will consist of a single string. */
+    TWPM_SINGLESTRING = 0,
+    /** Specifies that the printed text will consist of an enumerated list of strings to be printed in order. */
+    TWPM_MULTISTRING = 1,
+    /** Specifies that the printed string will consist of a compound of a String followed by a value followed by a suffix string. */
+    TWPM_COMPOUNDSTRING = 2
+}
+
+/** ICAP_BITDEPTHREDUCTION values. */
+declare enum EnumDWT_CapBitdepthReduction {
+    TWBR_THRESHOLD = 0,
+    TWBR_HALFTONE = 1,
+    TWBR_CUSTHALFTONE = 2,
+    TWBR_DIFFUSION = 3
+}
+
+/** ICAP_BITORDER values. */
+declare enum EnumDWT_CapBitOrder {
+    TWBO_LSBFIRST = 0,
+    /** Indicates that the leftmost bit in the byte (usually bit 7) is the byte's Most Significant Bit. */
+    TWBO_MSBFIRST = 1
+}
+
+/** ICAP_FILTER values. */
+declare enum EnumDWT_CapFilterType {
+    TWFT_RED = 0,
+    TWFT_GREEN = 1,
+    TWFT_BLUE = 2,
+    TWFT_NONE = 3,
+    TWFT_WHITE = 4,
+    TWFT_CYAN = 5,
+    TWFT_MAGENTA = 6,
+    TWFT_YELLOW = 7,
+    TWFT_BLACK = 8
+}
+
+/** ICAP_FLASHUSED2 values. */
+declare enum EnumDWT_CapFlash {
+    TWFL_NONE = 0,
+    TWFL_OFF = 1,
+    TWFL_ON = 2,
+    TWFL_AUTO = 3,
+    TWFL_REDEYE = 4
+}
+
+/** ICAP_FLIPROTATION values. */
+declare enum EnumDWT_CapFlipRotation {
+    /** The images to be scanned are viewed in book form, flipping each page from left to right or right to left. */
+    TWFR_BOOK = 0,
+    /** The images to be scanned are viewed in fanfold paper style, flipping each page up or down. */
+    TWFR_FANFOLD = 1
+}
+
+/** ICAP_IMAGEFILTER values. */
+declare enum EnumDWT_CapImageFilter {
+    TWIF_NONE = 0,
+    TWIF_AUTO = 1,
+    /** Good for halftone images. */
+    TWIF_LOWPASS = 2,
+    /** Good for improving text. */
+    TWIF_BANDPASS = 3,
+    /** Good for improving fine lines. */
+    TWIF_HIGHPASS = 4,
+    TWIF_TEXT = 3,
+    TWIF_FINELINE = 4
+}
+
+/** ICAP_LIGHTPATH values. */
+declare enum EnumDWT_CapLightPath {
+    TWLP_REFLECTIVE = 0,
+    TWLP_TRANSMISSIVE = 1
+}
+
+/** ICAP_LIGHTSOURCE values. */
+declare enum EnumDWT_CapLightSource {
+    TWLS_RED = 0,
+    TWLS_GREEN = 1,
+    TWLS_BLUE = 2,
+    TWLS_NONE = 3,
+    TWLS_WHITE = 4,
+    TWLS_UV = 5,
+    TWLS_IR = 6
+}
+
+/** TWEI_MAGTYPE values. (MD_ means Mag Type) Added 2.0  */
+declare enum EnumDWT_MagType {
+    /** Added 2.0  */
+    TWMD_MICR = 0, 
+    /** added 2.1   */
+    TWMD_RAW = 1,  
+    /** added 2.1  */
+    TWMD_INVALID = 2  
+}
+
+/** ICAP_NOISEFILTER values. */
+declare enum EnumDWT_CapNoiseFilter {
+    TWNF_NONE = 0,
+    TWNF_AUTO = 1,
+    TWNF_LONEPIXEL = 2,
+    TWNF_MAJORITYRULE = 3
+}
+
+/** ICAP_ORIENTATION values. */
+declare enum EnumDWT_CapORientation {
+    TWOR_ROT0 = 0,
+    TWOR_ROT90 = 1,
+    TWOR_ROT180 = 2,
+    TWOR_ROT270 = 3,
+    TWOR_PORTRAIT = 0,
+    TWOR_LANDSCAPE = 3,
+    /** 2.0  */
+    TWOR_AUTO = 4,          
+    /** 2.0  */
+    TWOR_AUTOTEXT = 5,           
+    /** 2.0  */
+    TWOR_AUTOPICTURE = 6           
+}
+
+/** ICAP_OVERSCAN values. */
+declare enum EnumDWT_CapOverscan {
+    TWOV_NONE = 0,
+    TWOV_AUTO = 1,
+    TWOV_TOPBOTTOM = 2,
+    TWOV_LEFTRIGHT = 3,
+    TWOV_ALL = 4
+}
+
+/** ICAP_PIXELFLAVOR values. */
+declare enum EnumDWT_CapPixelFlavor {
+    /** Zero pixel represents darkest shade. zero pixel represents darkest shade   */
+    TWPF_CHOCOLATE = 0, 
+    /** Zero pixel represents lightest shade. zero pixel represents lightest shade  */
+    TWPF_VANILLA = 1  
+}
+
+/** ICAP_PLANARCHUNKY values. */
+declare enum EnumDWT_CapPlanarChunky {
+    TWPC_CHUNKY = 0,
+    TWPC_PLANAR = 1
+}
+
+/** Data source status. */
+declare enum EnumDWT_DataSourceStatus {
+    /** Indicate the data source is closed.  */
+    TWDSS_CLOSED = 0,
+    /** Indicate the data source is opened. */
+    TWDSS_OPENED = 1,
+    /** Indicate the data source is enabled.  */
+    TWDSS_ENABLED = 2,
+    /** Indicate the data source is acquiring image. */
+    TWDSS_ACQUIRING = 3
+}
+
+/** Fit window type */
+declare enum EnumDWT_FitWindowType {
+    /** Fit the image to the width and height of the window */
+    enumFitWindow = 0,
+    /** Fit the image to the height of the window */
+    enumFitWindowHeight = 1,
+    /** Fit the image to the width of the window */
+    enumFitWindowWidth = 2
+}
+
+declare enum EnumDWT_UploadDataFormat {
+	Binary = 0,
+	Base64 = 1
+}
+
+declare enum EnumDWT_MouseShape {
+	Default = 0,
+	Hand = 1,
+	Crosshair = 2,
+	Zoom = 3
+}
+
+/**
+ * @class
+ */
+// properties (get/set) / sync functions  
+interface WebTwain {
+    /** 
+     * Returns or sets whether multi-page selection is supported.
+     * @type {bool}
+     */
+    AllowMultiSelect: boolean;
+
+    /** 
+     * [Deprecated.] Returns or sets whether allowing the plugin to send authentication request. The default value of this property is TRUE.
+     * @type {bool}
+     */
+    AllowPluginAuthentication: boolean;
+
+    /** 
+     * [Deprecated.] Returns or sets whether the async mode is activated. With this mode, Dynamic Web TWAIN is able to upload/download files via HTTP/FTP asynchronously. The default value is false.
+     * @type {bool}
+     */
+    AsyncMode: boolean;
+
+    /** 
+     * Returns or sets the background color of the main control. It is a value specifying the 24-bit RGB value.
+     * @type {int}
+     */
+    BackgroundColor: number;
+
+    /** 
+     * Returns or sets the fill color of the selected area of an image when it is cut, erased or rotated. It is a value specifying the 24-bit RGB value.
+     * @type {int}
+     */
+    BackgroundFillColor: number;
+
+    /** 
+     * [Deprecated.] Returns the number of barcode detected in an image.
+     * @type {int}
+     */
+    BarcodeCount: number;
+
+    /** 
+     * Returns or sets the pixel bit depths for the current value of PixelType property. This is a runtime property.
+     * @type {short}
+     */
+    BitDepth: number;
+
+    /** 
+     * Returns the current deviation of the pixels in the image.
+     * @type {float}
+     */
+    BlankImageCurrentStdDev: number;
+
+    /** 
+     * Returns or sets the standard deviation of the pixels in the image.
+     * @type {float}
+     */
+    BlankImageMaxStdDev: number;
+
+    /** 
+     * Returns or sets the dividing line between black and white. The default value is 128.
+     * @type {int}
+     */
+    BlankImageThreshold: number;
+
+    /** 
+     * [Deprecated.] Returns or sets the border style.
+     * @type {EnumDWT_BorderStyle}
+     */
+    BorderStyle: EnumDWT_BorderStyle;
+
+    /** 
+     * Returns or sets the brightness values available within the Source. This is a runtime property.
+     * @type {float}
+     */
+    Brightness: number;
+
+    /** 
+     * [Deprecated.] Sets or returns whether brokerprocess is enabled for scanning.
+     * @type {int}
+     */
+    BrokerProcessType: number;
+    
+    /** 
+     * Sets or returns how much physical memory is allowed for storing images currently loaded in Dynamic Web TWAIN. Once the limit is reached, images will be cached on the hard disk.
+     * @type {int}
+     */
+    BufferMemoryLimit: number;
+
+    /** 
+     * Specifies the capabiltiy to be negotiated. This is a runtime property.
+     * @type {EnumDWT_Cap}
+     */
+    Capability: EnumDWT_Cap;
+
+    /** 
+     * Sets or returns the index (0-based) of a list to indicate the Current Value when the value of the CapType property is TWON_ENUMERATION. If the data type of the capability is String, the list is in CapItemsString property. For other data types, the list is in CapItems property. This is a runtime property.
+     * @type {int}
+     */
+    CapCurrentIndex: number;
+
+    /** 
+     * Sets or returns the current value in a range when the value of the CapType property is TWON_RANGE. This is a runtime property.
+     * @type {double}
+     */
+    CapCurrentValue: number;
+
+    /** 
+     * Returns the index (0-based) of a list to indicate the Default Value when the value of the CapType property is TWON_ENUMERATION. If the data type of the capability is String, the list is in CapItemsString property. For other data types, the list is in CapItems property. This is a runtime, read-only property.
+     * @type {int}
+     */
+    CapDefaultIndex: number;
+
+    /** 
+     * Returns the default value in a range when the value of the CapType property is TWON_RANGE. This is a runtime, read-only property. 
+     * @type {double}
+     */
+    CapDefaultValue: number;
+
+    /** 
+     * Sets or returns the maximum value in a range when the value of the CapType property is TWON_RANGE. This is a runtime property.
+     * @type {double}
+     */
+    CapMaxValue: number;
+
+    /** 
+     * Sets or returns the minimum value in a range when the value of the CapType property is TWON_RANGE. This is a runtime property.
+     * @type {double}
+     */
+    CapMinValue: number;
+
+    /** 
+     * [Deprecated.] Sets or returns how many items are in the list when the value of the CapType property is TWON_ARRAY or TWON_ENUMERATION. For String data type, the list is in CapItemsString property. For other data types, the list is in CapItems property. This is a runtime property.
+     * @type {int}
+     */
+    CapNumItems: number;
+    
+    /** 
+     * [Deprecated.] Replaced by GetCapItemsString method and SetCapItemsString method. 
+     * @type {string}
+     */
+    CapItemsString: string; 
+
+    /** 
+     * Sets or returns the step size in a range when the value of the CapType property is TWON_RANGE. This is a runtime property.
+     * @type {double}
+     */
+    CapStepSize: number;
+
+    /** 
+     * Sets or returns the type of capability container used to exchange capability information between application and source. This is a runtime property.
+     * @type {EnumDWT_CapType}
+     */
+    CapType: EnumDWT_CapType;
+
+    /** 
+     * Returns or sets the value of the capability specified by Capability property when the value of the CapType property is TWON_ONEVALUE. This is a runtime property.
+     * @type {double}
+     */
+    CapValue: number;
+
+    /** 
+     * Sets or returns the string value for a capability when the value of the CapType property is TWON_ONEVALUE. This is a runtime property.
+     * @type {string}
+     */
+    CapValueString: string;
+    
+    /** 
+     * Sets or returns the value type for reading the value of a capability. This is a runtime property.
+     * @type {short}
+     */
+    CapValueType: number;
+
+    /** 
+     * Returns or sets the contrast values available within the Source. This is a runtime property.
+     * @type {float}
+     */
+    Contrast: number;
+
+    /** 
+     * Sets or returns the product name string for the application identity.
+     * @type {string}
+     */
+    ProductName: string;
+
+    /** 
+     * Returns or sets current index of image in buffer. This is a runtime property.
+     * @type {short}
+     */
+    CurrentImageIndexInBuffer: number;
+
+    /** 
+     * Returns the device name of current source. This is a runtime, read-only property.
+     * @type {string}
+     */
+    CurrentSourceName: string;
+
+    /** 
+     * Returns the value indicating the data source status. This is a runtime, read-only property.
+     * @type {int}
+     */
+    DataSourceStatus: number;
+
+    /** 
+     * Returns the device name of default source. This is a runtime, read-only property.
+     * @type {string}
+     */
+    DefaultSourceName: string;
+
+    /** 
+     * Returns whether the source supports duplex. If so, it further returns the level of duplex the Source supports (one pass or two pass duplex). This is a runtime, read-only property.
+     * @type {int}
+     */
+    Duplex: number;
+
+    /** 
+     * [Deprecated.] Returns or sets whether the user can zoom image using hot key.
+     * @type {bool}
+     */
+    EnableInteractiveZoom: boolean;
+
+    /** 
+     * Returns the error code. This is a runtime, read-only property.
+     * @type {int}
+     */
+    ErrorCode: number;
+
+    /** 
+     * Returns the error string. This is a runtime, read-only property.
+     * @type {string}
+     */
+    ErrorString: string;
+
+    /** 
+     * Returns or sets whether to resize the image to fit the image to the width or height of the window. To use the property, the view mode should be set to -1 by -1. You can use SetViewMode method to set the view mode.
+     * @type {EnumDWT_FitWindowType}
+     */
+    FitWindowType: EnumDWT_FitWindowType;
+
+    /** 
+     * Returns or sets the password used to log into the FTP server.
+     * @type {string}
+     */
+    FTPPassword: string;
+
+    /** 
+     * Returns or sets the port number of the FTP server.
+     * @type {int}
+     */
+    FTPPort: number;
+
+    /** 
+     * Returns or sets the user name used to log into the FTP server.
+     * @type {string}
+     */
+    FTPUserName: string;
+
+    /** 
+     * Returns how many images are in buffer. This is a runtime, read-only property.
+     * @type {short}
+     */
+    HowManyImagesInBuffer: number;
+
+    /** 
+     * Specifies the field name of uploaded image through POST.
+     * @type {string}
+     */
+    HttpFieldNameOfUploadedImage: string;
+
+    /** 
+     * [Deprecated.] Sets or returns the password used to log into the HTTP server.
+     * @type {string}
+     */
+    HTTPPassword: string;
+
+    /** 
+     * Returns or sets the port number of the HTTP server.
+     * @type {int}
+     */
+    HTTPPort: number;
+
+    /** 
+     * Returns the response string from the HTTP server if an error occurs for HTTPUploadThroughPost() method. This is a runtime, read-only property.
+     * @type {string}
+     */
+    HTTPPostResponseString: string;
+
+    /** 
+     * [Deprecated.] Returns or sets the user name used to log into the HTTP server.
+     * @type {string}
+     */
+    HTTPUserName: string;
+
+    /** 
+     * Returns or sets whether the feature of disk caching is enabled.
+     * @type {bool}
+     */
+    IfAllowLocalCache: boolean;
+
+    /** 
+     * Returns or sets whether insert or append new scanned images.
+     * @type {bool}
+     */
+    IfAppendImage: boolean;
+
+    /** 
+     * Returns or sets whether the Source's Auto-brightness function is enabled. This is a runtime property.
+     * @type {bool}
+     */
+    IfAutoBright: boolean;
+
+    /** 
+     * Returns or sets whether the data source (scanner) will discard blank images during scanning. The property works only if the device and its driver support discarding blank pages. You can find whether your device supports this capbility from its user manual. Or, you can use the built-in methods of Dynamic Web TWAIN to detect blank images: IsBlankImage, IsBlankImageEx.
+     * @type {bool}
+     */
+    IfAutoDiscardBlankpages: boolean;
+
+    /** 
+     * Returns or sets whether the Source enable automatic document feeding process. This is a runtime property.
+     * @type {bool}
+     */
+    IfAutoFeed: boolean;
+
+    /** 
+     * Turns automatic border detection on and off. The property works only if the device and its driver support detecting the border automatically. You can find whether your device supports this capbility from its user manual. 
+     * @type {bool}
+     */
+    IfAutomaticBorderDetection: boolean;
+
+    /** 
+     * Turns automatic skew correction on and off.
+     * @type {bool}
+     */
+    IfAutomaticDeskew: boolean;
+
+    /** 
+     * Returns or sets whether the Source enables the automatic document scanning process. This is a runtime property.
+     * @type {bool}
+     */
+    IfAutoScan: boolean;
+
+    /** 
+     * Returns or sets whether close the Data Source User Interface after acquire all images. Default value of this property is FALSE.
+     * @type {bool}
+     */
+    IfDisableSourceAfterAcquire: boolean;
+
+    /** 
+     * Returns or sets whether the Source supports duplex. If TRUE, the scanner scans both sides of a paper; otherwise, the scanner will scan only one side of the image. This is a runtime property.
+     * @type {bool}
+     */
+    IfDuplexEnabled: boolean;
+
+    /** 
+     * Returns or sets whether the Automatic Document Feeder (ADF) is enabled. This is a runtime property.
+     * @type {bool}
+     */
+    IfFeederEnabled: boolean;
+
+    /** 
+     * Returns whether or not there are documents loaded in the Source's feeder when IfFeederEnabled and IfPaperDetectable are TRUE. This is a runtime, read-only property.
+     * @type {bool}
+     */
+    IfFeederLoaded: boolean;
+
+    /** 
+     * Returns or sets whether to resize the image to fit the size of window when the view mode is set to -1 by -1. You can use SetViewMode method to set the view mode.
+     * @type {bool}
+     */
+    IfFitWindow: boolean;
+
+    /** 
+     * [Deprecated.] Returns or sets whether the UI (User Interface) of Source runs in modal state. Default value of this property is TRUE.
+     * @type {bool}
+     */
+    IfModalUI: boolean;
+
+    /** 
+     * Sets or returns whether Dynamic Web TWAIN uses  Graphics Device Interface (GDI) when decoding images.
+     * @type {bool}
+     */
+    IfOpenImageWithGDIPlus: boolean;
+
+    /** 
+     * Returns the value whether the Source has a paper sensor that can detect documents on the ADF or Flatbed. This is a runtime, read-only property.
+     * @type {bool}
+     */
+    IfPaperDetectable: boolean;
+
+    /** 
+     * Returns or sets whether FTP passive mode is enabled.
+     * @type {bool}
+     */
+    IfPASVMode: boolean;
+
+    /** 
+     * [Deprecated.] Returns or sets whether communicate with device in a separate thread. Default value of this property is FALSE.
+     * @type {bool}
+     */
+    IfScanInNewThread: boolean;
+
+    /** 
+     * Sets or returns whether to show the cancel dialog when uploading images to server.
+     * @type {bool}
+     */
+    IfShowCancelDialogWhenImageTransfer: boolean;
+
+    /** 
+     * Returns or sets whether to show the file dialog box when saving scanned images or loading images from local folder.
+     * @type {bool}
+     */
+    IfShowFileDialog: boolean;
+
+    /** 
+     * Returns or sets whether the Source displays a progress indicator during acquisition and transfer, regardless of whether the Source's user interface is active. This is a runtime property.
+     * @type {bool}
+     */
+    IfShowIndicator: boolean;
+
+    /** 
+     * [Deprecated.] Returns or sets whether the driver of the printer displays the User Interface.
+     * @type {bool}
+     */
+    IfShowPrintUI: boolean;
+
+    /** 
+     * Returns or sets whether the progress bar will be displayed during the transaction. This is a runtime property.
+     * @type {bool}
+     */
+    IfShowProgressBar: boolean;
+
+    /** 
+     * Returns or sets whether the Source displays the User Interface.
+     * @type {bool}
+     */
+    IfShowUI: boolean;
+
+    /** 
+     * Returns or sets whether SSL is used when uploading or downloading images.
+     * @type {bool}
+     */
+    IfSSL: boolean;
+
+    /** 
+     * Return or sets whether the Source allows to save many images in one TIFF file. The default value is FALSE.
+     * @type {bool}
+     */
+    IfTiffMultiPage: boolean;
+
+    /** 
+     * Returns whether the Source supports acquisition with the UI (User Interface) disabled. If FALSE, indicates that this Source can only support acquisition with the UI enabled. This is a runtime, read-only property.
+     * @type {bool}
+     */
+    IfUIControllable: boolean;
+
+    /** 
+     * Sets or returns whether Dynamic Web TWAIN uses the new TWAIN Data Source Manager (TWAINDSM.dll) when acquiring images from TWAIN devices.
+     * @type {bool}
+     */
+    IfUseTwainDSM: boolean;
+	
+    /** 
+     * Specifies whether or not to automatically scroll to the last image or stay on the current image when loading or acquiring images
+     * @type {bool}
+     */
+	IfAutoScroll: boolean;
+	
+    /** 
+     * [Deprecated.] The number of bits in each image pixel (or bit depth). This is a runtime, read-only property.
+     * @type {short}
+     */
+    ImageBitsPerPixel: number;
+
+    /** 
+     * Returns or sets whether a TWAIN driver or Native Scan of Mac OS X is used for document scanning. This property works for Mac edition only.
+     * @type {int}
+     */
+    ImageCaptureDriverType: number;
+
+    /** 
+     * [Deprecated.] Returns or sets whether the image enumerator is enabled in Image Editor.
+     * @type {bool}
+     */
+    ImageEditorIfEnableEnumerator: boolean;
+
+    /** 
+     * [Deprecated.] Returns or sets whether the Image Editor is a modal window.
+     * @type {bool}
+     */
+    ImageEditorIfModal: boolean;
+
+    /** 
+     * [Deprecated.] Returns or sets whether the Image Editor is read-only.
+     * @type {bool}
+     */
+    ImageEditorIfReadonly: boolean;
+
+    /** 
+     * [Deprecated.] Returns or sets the title of Image Editor window.
+     * @type {string}
+     */
+    ImageEditorWindowTitle: string;
+
+    /** 
+     * Returns the document number of the current image. This is a runtime, read-only property.
+     * @type {int}
+     */
+    ImageLayoutDocumentNumber: number;
+
+    /** 
+     * Returns the value of the bottom-most edge of the current image frame (in Unit). This is a read-only runtime property.
+     * @type {float}
+     */
+    ImageLayoutFrameBottom: number;
+
+    /** 
+     * Returns the value of the left-most edge of the current image frame (in Unit). This is a runtime, read-only property.
+     * @type {float}
+     */
+    ImageLayoutFrameLeft: number;
+
+    /** 
+     * Returns the frame number of the current image. This is a runtime, read-only property.
+     * @type {int}
+     */
+    ImageLayoutFrameNumber: number;
+
+    /** 
+     * Returns the value of the right-most edge of the current image frame (in Unit). This is a runtime, read-only property.
+     * @type {float}
+     */
+    ImageLayoutFrameRight: number;
+
+    /** 
+     * Returns the value of the top-most edge of the current image frame (in Unit). This is a runtime, read-only property.
+     * @type {float}
+     */
+    ImageLayoutFrameTop: number;
+
+    /** 
+     * Returns the page number of the current image. This is a runtime, read-only property.
+     * @type {Long}
+     */
+    ImageLayoutPageNumber: number;
+
+    /** 
+     * [Deprecated.] Returns how tall/long, in pixels, the image is. This is a runtime, read-only property.
+     * @type {int}
+     */
+    ImageLength: number;
+
+    /** 
+     * Returns or sets the margin between images when multiple images are displayed in Dynamic Web TWAIN.
+     * @type {short}
+     */
+    ImageMargin: number;
+
+    /** 
+     * Returns the pixel type of the current image. This is a runtime, read-only property. Please note the property is only valid in OnPreTransfer and OnPostTransfer event.
+     * @type {EnumDWT_PixelType}
+     */
+    ImagePixelType: EnumDWT_PixelType;
+
+    /** 
+     * [Deprecated.] Returns how width, in pixels, the image is. This is a runtime, read-only property.
+     * @type {int}
+     */
+    ImageWidth: number;
+
+    /** 
+     * [Deprecated.] Returns the X resolution of the current image. X resolution is the number of pixels per Unit in the horizontal direction. This is a runtime, read-only property.
+     * @type {float}
+     */
+    ImageXResolution: number;
+
+    /** 
+     * [Deprecated.] Returns the Y resolution of the current image. Y resolution is the number of pixels per Unit in the vertical direction. This is a runtime, read-only property.
+     * @type {float}
+     */
+    ImageYResolution: number;
+
+    /** 
+     * Returns or sets the quality of JPEG files and PDF files using JPEG compression.
+     * @type {short}
+     */
+    JPEGQuality: number;
+
+    /** 
+     * Returns or sets the log level for debugging.
+     * @type {short}
+     */
+    LogLevel: number;
+
+    /** 
+     * Return the magnetic data if the scanner support magnetic data recognition.
+     * @type {string}
+     */
+    MagData: string;
+
+    /** 
+     * Return the magnetic type if the scanner support magnetic data recognition.
+     * @type {short}
+     */
+    MagType: number;
+
+    /** 
+     * Sets or returns the manufacture string for the application identity.
+     * @type {string}
+     */
+    Manufacturer: string;
+
+    /** 
+     * Returns or sets the maximum number of images can be held in buffer. 
+     * @type {short}
+     */
+    MaxImagesInBuffer: number;
+
+    /** 
+     * [Deprecated.] Returns or sets how many threads can be used when you upload files through POST.
+     * @type {int}
+     */
+    MaxInternetTransferThreads: number;
+
+    /** 
+     * Sets or returns the maximum allowed size when Dynamic Web TWAIN uploads a document.
+     * @type {int}
+     */
+    MaxUploadImageSize: number;
+
+    /** 
+     * Returns or sets the shape of the mouse.
+     * @type {bool}
+     */
+    MouseShape: boolean;
+
+    /** 
+     * Returns the X co-ordinate of the mouse. This is a runtime property.
+     * @type {int}
+     */
+    MouseX: number;
+
+    /** 
+     * Returns the Y co-ordinate of the mouse. This is a runtime property.
+     * @type {int}
+     */
+    MouseY: number;
+
+    /** 
+     * Returns or sets the page size(s) the Source can/should use to acquire image data. This is a runtime property.
+     * @type {short}
+     */
+    PageSize: number;
+
+    /** 
+     * Returns or sets the name of the person who creates the PDF document.
+     * @type {string}
+     */
+    PDFAuthor: string;
+
+    /** 
+     * Returns or sets the compression type of PDF files. This is a runtime property.
+     * @type {EnumDWT_PDFCompressionType}
+     */
+    PDFCompressionType: EnumDWT_PDFCompressionType;
+
+    /** 
+     * Returns or sets the date when the PDF document is created.
+     * @type {string}
+     */
+    PDFCreationDate: string;
+
+    /** 
+     * Returns or sets the name of the application that created the original document, if the PDF document is converted from another form.
+     * @type {string}
+     */
+    PDFCreator: string;
+
+    /** 
+     * Returns or sets the keywords associated with the PDF document.
+     * @type {string}
+     */
+    PDFKeywords: string;
+
+    /** 
+     * Returns or sets the date when the PDF document is last modified.
+     * @type {string}
+     */
+    PDFModifiedDate: string;
+
+    /** 
+     * Returns or sets the name of the application that converted the PDF document from its native.
+     * @type {string}
+     */
+    PDFProducer: string;
+
+    /** 
+     * Returns or sets the subject of the PDF document.
+     * @type {string}
+     */
+    PDFSubject: string;
+
+    /** 
+     * Returns or sets the title of the PDF document.
+     * @type {string}
+     */
+    PDFTitle: string;
+
+    /** 
+     * Returns or sets the value of the PDF version.
+     * @type {string}
+     */
+    PDFVersion: string;
+
+    /** 
+     * Returns the number of transfers the Source is ready to supply, upon demand. This is a runtime, read-only property.
+     * @type {short}
+     */
+    PendingXfers: number;
+
+    /** 
+     * Returns or sets the pixel flavor for acquired images. This is a runtime property.
+     * @type {short}
+     */
+    PixelFlavor: number;
+
+    /** 
+     * Returns or sets the pixel type of current data source. This is a runtime property. Using this property after calling OpenSource() method and before calling AcquireImage().
+     * @type {EnumDWT_PixelType}
+     */
+    PixelType: EnumDWT_PixelType;
+
+    /** 
+     * Sets or returns the product family string for the application identity.
+     * @type {string}
+     */
+    ProductFamily: string;
+
+    /** 
+     * Sets the product key. A product key is generated in Licensing Tool which is intalled with Dynamic Web TWAIN. Each product key corresponds with a license.
+     * @type {string}
+     */
+    ProductKey: string;
+
+    /** 
+     * [Deprecated.] Returns or sets the name of the proxy server.
+     * @type {string}
+     */
+    ProxyServer: string;
+
+    /** 
+     * Returns or sets the current resolution for acquired images. This is a runtime property.
+     * @type {float}
+     */
+    Resolution: number;
+
+    /** 
+     * Returns or sets how many scanned images are selected.
+     * @type {short}
+     */
+    SelectedImagesCount: number;
+
+    /** 
+     * Returns or sets the border color of the selected image. It is a value specifying the 24-bit RGB value.
+     * @type {int}
+     */
+    SelectionImageBorderColor: number;
+
+    /** 
+     * Specifies a fixed aspect ratio to be used for selecting an area.
+     * @type {float}
+     */
+    SelectionRectAspectRatio: number;
+
+    /** 
+     * Returns how many sources are installed in the system. This is a runtime, read-only property.
+     * @type {int}
+     */
+    SourceCount: number;
+    
+    /** 
+     * [Deprecated.] Replaced by GetSourceNameItems method.
+     * @type {string}
+     */
+    SourceNameItems: string;
+   
+    /** 
+     * [Deprecated.]
+     * @type {string}
+     */
+    GetSourceNames: string;
+
+    /** 
+     * Returns or sets the compression type of TIFF files. This is a runtime property.
+     * @type {EnumDWT_TIFFCompressionType}
+     */
+    TIFFCompressionType: EnumDWT_TIFFCompressionType;
+
+    /** 
+     * Sets or returns the transfer mode.
+     * @type {EnumDWT_TransferMode}
+     */
+    TransferMode: EnumDWT_TransferMode;
+
+    /** 
+     * Returns or sets the unit of measure. This is a runtime property.
+     * @type {short}
+     */
+    Unit: number;
+
+    /** 
+     * Sets or returns the version info string for the application identity.
+     * @type {string}
+     */
+    VersionInfo: string;
+
+    /** 
+     * Returns and sets the number of images you are willing to transfer per session. This is a runtime property.
+     * @type {short}
+     */
+    XferCount: number;
+
+    /** 
+     * Returns or sets zoom factor for the image, only valid When the view mode is set to -1 by -1.
+     * @type {float}
+     */
+    Zoom: number;
+
+    /**
+     * Binds a specified function to an event, so that the function gets called whenever the event fires.
+     * @method WebTwain#RegisterEvent 
+     * @param {string} name the name of the event that the function is bound to.
+     * @param {object} evt specifies the function to call when event fires.
+     * @return {bool}
+     */
+    RegisterEvent(name: string, evt: object): boolean;
+
+    // --- SCAN start --
+
+    /**
+     * Cancels all pending transfers.
+     * @method WebTwain#CancelAllPendingTransfers 
+     * @return {bool}
+     */
+    CancelAllPendingTransfers(): boolean;
+
+    /**
+     * Closes Data Source.
+     * @method WebTwain#CloseSource 
+     * @return {bool}
+     */
+    CloseSource(): boolean;
+
+    /**
+     * Closes and unloads Data Source Manager.
+     * @method WebTwain#CloseSourceManager 
+     * @return {bool}
+     */
+    CloseSourceManager(): boolean;
+
+    /**
+     * Disable the source. If the source's user interface is displayed when the source is enabled, it will be closed. 
+     * @method WebTwain#DisableSource 
+     * @return {bool}
+     */
+    DisableSource(): boolean;
+
+    /**
+     * Sets the Source to eject the current page and advance the next page in the document feeder into the feeder acquire area when IfFeederEnabled is TRUE.
+     * @method WebTwain#FeedPage 
+     * @return {bool}
+     */
+    FeedPage(): boolean;
+
+    /**
+     * Retrieve the device type of the currently selected data source, it might be a scanner, a web camera, etc.
+     * @method WebTwain#GetDeviceType 
+     * @return {int}
+     */
+    GetDeviceType(): number;
+
+    /**
+     * Get the source name according to the source index.
+     * @method WebTwain#GetSourceNameItems 
+     * @param {short} index int index. Index is 0-based and can not be greater than SourceCount property.
+     * @return {string}
+     */
+    GetSourceNameItems(index: number): string;
+
+    /**
+     * Loads the specified Source into main memory and causes its initialization, 
+     * placing Dynamic Web TWAIN into Capability Negotiation state. If no source is 
+     * specified (no SelectSource() or SelectSourceByIndex() is called), opens the default source.
+     * @method WebTwain#OpenSource 
+     * @return {bool}
+     */
+    OpenSource(): boolean;
+
+    /**
+     * Loads and opens Data Source Manager.
+     * @method WebTwain#OpenSourceManager 
+     * @return {bool}
+     */
+    OpenSourceManager(): boolean;
+
+    /**
+     * Reverts the current image layout to the Data Source's default.
+     * @method WebTwain#ResetImageLayout 
+     * @return {bool}
+     */
+    ResetImageLayout(): boolean;
+
+    /**
+     * Sets the Source to return the current page to the input side of the document feeder and 
+     * feed the last page from the outside of the feeder back into the acquisition area if IfFeederEnabled is TRUE.
+     * @method WebTwain#RewindPage 
+     * @return {bool}
+     */
+    RewindPage(): boolean;
+
+    /**
+     * Brings up the TWAIN Data Source Manager's Source Selection User Interface (UI)
+     * so that user can choose which Data Source to be the current Source.
+     * @method WebTwain#SelectSource 
+     * @return {bool}
+     */
+    SelectSource(): boolean;
+
+    /**
+     * Selects the index-the source in SourceNameItems property as the current source.
+     * @method WebTwain#SelectSourceByIndex 
+     * @param {short} index It is the index of SourceNameItems property.
+     * @return {bool}
+     */
+    SelectSourceByIndex(index: number): boolean;
+
+    /**
+     * Sets file name and file format information used in File Transfer Mode.
+     * @method WebTwain#SetFileXferInfo 
+     * @param {string} fileName the name of the file to be used in transfer.
+     * @param {EnumDWT_FileFormat} fileFormat an enumerated value indicates the format of the image.
+     * @return {bool}
+     */
+    SetFileXferInfo(fileName: string, fileFormat: EnumDWT_FileFormat): boolean;
+
+    /**
+     * Sets the left, top, right, and bottom sides of the image layout rectangle for the current Data Source.
+     * @method WebTwain#SetImageLayout 
+     * @param {float} left specifies the floating point number for the left side of the image layout rectangle.
+     * @param {float} top specifies the floating point number for the top side of the image layout rectangle.
+     * @param {float} right specifies the floating point number for the right side of the image layout rectangle.
+     * @param {float} bottom specifies the floating point number for the bottom side of the image layout rectangle.
+     * @return {bool}
+     */
+    SetImageLayout(left: number, top: number, right: number, bottom: number): boolean;
+
+    /**
+     * Clears all the web forms which are used for image uploading.
+     * @method WebTwain#ClearAllHTTPFormField 
+     * @return {bool}
+     */
+    ClearAllHTTPFormField(): boolean;
+
+    /**
+     * Clears the content of all custom tiff tags.
+     * @method WebTwain#ClearTiffCustomTag 
+     * @return {void}
+     */
+    ClearTiffCustomTag(): void;
+
+    /**
+     * Check whether a certain file exists on the local disk.
+     * @method WebTwain#FileExists 
+     * @param {string} localFile specifies the absolute path of the local file.
+     * @return {bool}
+     */
+    FileExists(localFile: string): boolean;
+
+    /**
+     * Downloads an image from the FTP server.
+     * @method WebTwain#FTPDownload 
+     * @param {string} FTPServer the name of the FTP server.
+     * @param {string} FTPRemoteFile the name of the file to be downloaded. It should be the relative path of the file on the FTP server.
+     * @param {function} optionalAsyncSuccessFunc optional. The function to call when the download succeeds. Please refer to the function prototype OnSuccess.
+     * @param {function} optionalAsyncFailureFunc optional. The function to call when the download fails. Please refer to the function prototype OnFailure.
+     * @return {bool}
+     */
+    FTPDownload(FTPServer: string, FTPRemoteFile: string, optionalAsyncSuccessFunc?: () => void, optionalAsyncFailureFunc?: (errorCode: number, errorString: string) => void): boolean;
+
+    /**
+     * Directly download a file from the FTP server to local disk without loading it into Dynamic Web TWAIN.
+     * @method WebTwain#FTPDownloadDirectly 
+     * @param {string} FTPServer the name of the FTP server.
+     * @param {string} FTPRemoteFile the name of the file to be downloaded. It should be the relative path of the file on the FTP server.
+     * @param {string} localFile specify a full path to store the file.
+     * @param {function} optionalAsyncSuccessFunc optional. The function to call when the download succeeds. Please refer to the function prototype OnSuccess.
+     * @param {function} optionalAsyncFailureFunc optional. The function to call when the download fails. Please refer to the function prototype OnFailure.
+     * @return {bool}
+     */
+    FTPDownloadDirectly(FTPServer: string, FTPRemoteFile: string, localFile: string, optionalAsyncSuccessFunc?: () => void, optionalAsyncFailureFunc?: (errorCode: number, errorString: string) => void): boolean;
+
+    /**
+     * Downloads an image from the FTP server.
+     * @method WebTwain#FTPDownloadEx 
+     * @param {string} FTPServer the name of the FTP server.
+     * @param {string} FTPRemoteFile the name of the file to be downloaded. It should be the relative path of the file on the FTP server.
+     * @param {EnumDWT_ImageType} lImageType simage format of the file to be downloaded.
+     * @param {function} optionalAsyncSuccessFunc optional. The function to call when the download succeeds. Please refer to the function prototype OnSuccess.
+     * @param {function} optionalAsyncFailureFunc optional. The function to call when the download fails. Please refer to the function prototype OnFailure.
+     * @return {bool}
+     */
+    FTPDownloadEx(FTPServer: string, FTPRemoteFile: string, lImageType: EnumDWT_ImageType, optionalAsyncSuccessFunc?: () => void, optionalAsyncFailureFunc?: (errorCode: number, errorString: string) => void): boolean;
+
+    /**
+     * Uploads the image of a specified index in the buffer to the FTP server.
+     * @method WebTwain#FTPUpload 
+     * @param {string} FTPServer the name of the FTP server.
+     * @param {short} sImageIndex specifies the index of the image in the buffer. The index is 0-based.
+     * @param {string} FTPRemoteFile the name of the file to be created on the FTP server. It should be a relative path on the FTP server.
+     * @param {function} optionalAsyncSuccessFunc optional. The function to call when the upload succeeds. Please refer to the function prototype OnSuccess.
+     * @param {function} optionalAsyncFailureFunc optional. The function to call when the upload fails. Please refer to the function prototype OnFailure.
+     * @return {bool}
+     */
+    FTPUpload(FTPServer: string, sImageIndex: number, FTPRemoteFile: string, optionalAsyncSuccessFunc?: () => void, optionalAsyncFailureFunc?: (errorCode: number, errorString: string) => void): boolean;
+
+    /**
+     * Directly upload a specific file to the FTP server without loading it into Dynamic Web TWAIN.
+     * @method WebTwain#FTPUploadDirectly 
+     * @param {string} FTPServer the name of the FTP server.
+     * @param {string} localFile specify the the full path of a local file.
+     * @param {string} FTPRemoteFile the name of the file to be created on the FTP server. It should be a relative path on the FTP server.
+     * @param {function} optionalAsyncSuccessFunc optional. The function to call when the upload succeeds. Please refer to the function prototype OnSuccess.
+     * @param {function} optionalAsyncFailureFunc optional. The function to call when the upload fails. Please refer to the function prototype OnFailure.
+     * @return {bool}
+     */
+    FTPUploadDirectly(FTPServer: string, localFile: string, FTPRemoteFile: string, optionalAsyncSuccessFunc?: () => void, optionalAsyncFailureFunc?: (errorCode: number, errorString: string) => void): boolean;
+
+    /**
+     * Uploads the image of a specified index in the buffer to the FTP server as a specified image format.
+     * @method WebTwain#FTPUploadEx 
+     * @param {string} FTPServer the name of the FTP server.
+     * @param {short} sImageIndex specifies the index of image in buffer. The index is 0-based. 
+     * @param {string} FTPRemoteFile the name of the file to be created on the FTP server. It should be a relative path on the FTP server.
+     * @param {EnumDWT_ImageType} lImageType the image format of the file to be created on the FTP server.
+     * @param {function} optionalAsyncSuccessFunc optional. The function to call when the upload succeeds. Please refer to the function prototype OnSuccess.
+     * @param {function} optionalAsyncFailureFunc optional. The function to call when the upload fails. Please refer to the function prototype OnFailure.
+     * @return {bool}
+     */
+    FTPUploadEx(FTPServer: string, sImageIndex: number, FTPRemoteFile: string, lImageType: EnumDWT_ImageType, optionalAsyncSuccessFunc?: () => void, optionalAsyncFailureFunc?: (errorCode: number, errorString: string) => void): boolean;
+
+    /**
+     * Uploads all images in buffer to the FTP server as Multi-Page TIFF.
+     * @method WebTwain#FTPUploadAllAsMultiPageTIFF 
+     * @param {string} FTPServer  the name of the FTP server.
+     * @param {string} FTPRemoteFile the name of the image to be uploaded. It should be a relative path on the FTP server.
+     * @param {function} optionalAsyncSuccessFunc optional. The function to call when the upload succeeds. Please refer to the function prototype OnSuccess.
+     * @param {function} optionalAsyncFailureFunc optional. The function to call when the upload fails. Please refer to the function prototype OnFailure.
+     * @return {bool}
+     */
+    FTPUploadAllAsMultiPageTIFF(FTPServer: string, FTPRemoteFile: string, optionalAsyncSuccessFunc?: () => void, optionalAsyncFailureFunc?: (errorCode: number, errorString: string) => void): boolean;
+
+    /**
+     * Uploads all images in buffer to the FTP server as Multi-Page PDF.
+     * @method WebTwain#FTPUploadAllAsPDF 
+     * @param {string} FTPServer the name of the FTP server.
+     * @param {string} FTPRemoteFile the name of the image to be uploaded. It should be a relative path on the FTP server.
+     * @param {function} optionalAsyncSuccessFunc optional. The function to call when the upload succeeds. Please refer to the function prototype OnSuccess.
+     * @param {function} optionalAsyncFailureFunc optional. The function to call when the upload fails. Please refer to the function prototype OnFailure.
+     * @return {bool}
+     */
+    FTPUploadAllAsPDF(FTPServer: string, FTPRemoteFile: string, optionalAsyncSuccessFunc?: () => void, optionalAsyncFailureFunc?: (errorCode: number, errorString: string) => void): boolean;
+
+    /**
+     * Uploads the selected images in buffer to the FTP server as Multi-Page PDF.
+     * @method WebTwain#FTPUploadAsMultiPagePDF 
+     * @param {string} FTPServer the name of the FTP server.
+     * @param {string} FTPRemoteFile the name of the image to be uploaded. It should be a relative path on the FTP server.
+     * @param {function} optionalAsyncSuccessFunc optional. The function to call when the upload succeeds. Please refer to the function prototype OnSuccess.
+     * @param {function} optionalAsyncFailureFunc optional. The function to call when the upload fails. Please refer to the function prototype OnFailure.
+     * @return {bool}
+     */
+    FTPUploadAsMultiPagePDF(FTPServer: string, FTPRemoteFile: string, optionalAsyncSuccessFunc?: () => void, optionalAsyncFailureFunc?: (errorCode: number, errorString: string) => void): boolean;
+
+    /**
+     * Uploads the selected images in buffer to the FTP server as Multi-Page TIFF.
+     * @method WebTwain#FTPUploadAsMultiPageTIFF 
+     * @param {string} FTPServer the name of the FTP server.
+     * @param {string} FTPRemoteFile the name of the image to be uploaded. It should be a relative path on the FTP server.
+     * @param {function} optionalAsyncSuccessFunc optional. The function to call when the upload succeeds. Please refer to the function prototype OnSuccess.
+     * @param {function} optionalAsyncFailureFunc optional. The function to call when the upload fails. Please refer to the function prototype OnFailure.
+     * @return {bool}
+     */
+    FTPUploadAsMultiPageTIFF(FTPServer: string, FTPRemoteFile: string, optionalAsyncSuccessFunc?: () => void, optionalAsyncFailureFunc?: (errorCode: number, errorString: string) => void): boolean;
+
+    /**
+     * Downloads an image from the HTTP server.
+     * @method WebTwain#HTTPDownload 
+     * @param {string} HTTPServer the name of the HTTP server.
+     * @param {string} HTTPRemoteFile the name of the image to be downloaded. It should be the relative path of the file on the HTTP server.
+     * @param {function} optionalAsyncSuccessFunc optional. The function to call when the download succeeds. Please refer to the function prototype OnSuccess.
+     * @param {function} optionalAsyncFailureFunc optional. The function to call when the download fails. Please refer to the function prototype OnFailure.
+     * @return {bool}
+     */
+    HTTPDownload(HTTPServer: string, HTTPRemoteFile: string, optionalAsyncSuccessFunc?: () => void, optionalAsyncFailureFunc?: (errorCode: number, errorString: string) => void): boolean;
+
+    /**
+     * Directly downloads a file from the HTTP server to a local disk without loading it into Dynamic Web TWAIN.
+     * @method WebTwain#HTTPDownloadDirectly 
+     * @param {string} HTTPServer the name of the HTTP server.
+     * @param {string} HTTPRemoteFile The relative path of the file on the HTTP server.
+     * @param {string} localFile specify the location to store the downloaded file.
+     * @param {function} optionalAsyncSuccessFunc optional. The function to call when the download succeeds. Please refer to the function prototype OnSuccess.
+     * @param {function} optionalAsyncFailureFunc optional. The function to call when the download fails. Please refer to the function prototype OnFailure.
+     * @return {bool}
+     */
+    HTTPDownloadDirectly(HTTPServer: string, HTTPRemoteFile: string, localFile: string, optionalAsyncSuccessFunc?: () => void, optionalAsyncFailureFunc?: (errorCode: number, errorString: string) => void): boolean;
+
+    /**
+     * Downloads an image from the HTTP server.
+     * @method WebTwain#HTTPDownloadEx 
+     * @param {string} HTTPServer the name of the HTTP server.
+     * @param {string} HTTPRemoteFile the relative path of the file on the HTTP server, or path to an action page (with necessary parameters) which gets and sends back the image stream to the client (please check the sample for more info)
+     * @param {EnumDWT_ImageType} lImageType the image format of the file to be downloaded.
+     * @param {function} optionalAsyncSuccessFunc optional. The function to call when the download succeeds. Please refer to the function prototype OnSuccess.
+     * @param {function} optionalAsyncFailureFunc optional. The function to call when the download fails. Please refer to the function prototype OnFailure.
+     * @return {bool}
+     */
+    HTTPDownloadEx(HTTPServer: string, HTTPRemoteFile: string, lImageType: EnumDWT_ImageType, optionalAsyncSuccessFunc?: () => void, optionalAsyncFailureFunc?: (errorCode: number, errorString: string) => void): boolean;
+
+    /**
+     *  Download an image from the server using a HTTP Post call.
+     * @method WebTwain#HTTPDownloadThroughPost 
+     * @param {string} HTTPServer the name of the HTTP server.
+     * @param {string} HTTPRemoteFile the relative path of the file on the HTTP server, or path to an action page (with necessary parameters) which gets and sends back the image stream to the client (please check the sample for more info)
+     * @param {EnumDWT_ImageType} lImageType the image format of the file to be downloaded.
+     * @param {function} optionalAsyncSuccessFunc optional. The function to call when the download succeeds. Please refer to the function prototype OnSuccess.
+     * @param {function} optionalAsyncFailureFunc optional. The function to call when the download fails. Please refer to the function prototype OnFailure.
+     * @return {bool}
+     */
+    HTTPDownloadThroughPost(HTTPServer: string, HTTPRemoteFile: string, lImageType: EnumDWT_ImageType, optionalAsyncSuccessFunc?: () => void, optionalAsyncFailureFunc?: (errorCode: number, errorString: string) => void): boolean;
+
+    /**
+     * Uploads the image of a specified index in the buffer to the HTTP server through the HTTP POST method.
+     * @method WebTwain#HTTPUploadThroughPost 
+     * @param {string} HTTPServer the name of the HTTP server.
+     * @param {short} sImageIndex specifies the index of image in buffer. The index is 0-based. 
+     * @param {string} ActionPage the specified page for posting image files. This is the relative path of the page, not the absolute path. For example: "upload.asp", not "http://www.webserver.com/upload.asp". 
+     * @param {string} fileName the name of the image to be uploaded.
+     * @param {function} optionalAsyncSuccessFunc optional. The function to call when the upload succeeds. Please refer to the function prototype OnHttpUploadSuccess.
+     * @param {function} optionalAsyncFailureFunc optional. The function to call when the upload fails. Please refer to the function prototype OnHttpUploadFailure.
+     * @return {bool}
+     */
+    HTTPUploadThroughPost(HTTPServer: string, sImageIndex: number, ActionPage: string, fileName: string, optionalAsyncSuccessFunc?: () => void, optionalAsyncFailureFunc?: (errorCode: number, errorString: string) => void): boolean;
+
+    /**
+     * Directly upload a specific local file to the HTTP server through the HTTP POST method without loading it into Dynamic Web TWAIN.
+     * @method WebTwain#HTTPUploadThroughPostDirectly 
+     * @param {string} HTTPServer the name of the HTTP server.
+     * @param {string} localFile specifies the path of a local file .
+     * @param {string} ActionPage the specified page for posting files. This is the relative path of the page, not the absolute path. For example: "upload.asp", not "http://www.webserver.com/upload.asp". 
+     * @param {string} fileName the name of the file to be uploaded.
+     * @param {function} optionalAsyncSuccessFunc optional. The function to call when the upload succeeds. Please refer to the function prototype OnHttpUploadSuccess.
+     * @param {function} optionalAsyncFailureFunc optional. The function to call when the upload fails. Please refer to the function prototype OnHttpUploadFailure.
+     * @return {bool}
+     */
+    HTTPUploadThroughPostDirectly(HTTPServer: string, localFile: string, ActionPage: string, fileName: string, optionalAsyncSuccessFunc?: () => void, optionalAsyncFailureFunc?: (errorCode: number, errorString: string) => void): boolean;
+
+    /**
+     * Uploads the image of a specified index in the buffer to the HTTP server as a specified image format through the HTTP POST method.
+     * @method WebTwain#HTTPUploadThroughPostEx 
+     * @param {string} HTTPServer  the name of the HTTP server.
+     * @param {short} sImageIndex specifies the index of image in buffer. The index is 0-based. 
+     * @param {string} ActionPage the specified page for posting image files. This is the relative path of the page, not the absolute path. For example: "upload.asp", not "http://www.webserver.com/upload.asp". 
+     * @param {string} fileName the name of the image to be uploaded.
+     * @param {EnumDWT_ImageType} lImageType the image format of the file to be created on the HTTP server.s
+     * @param {function} optionalAsyncSuccessFunc optional. The function to call when the upload succeeds. Please refer to the function prototype OnHttpUploadSuccess.
+     * @param {function} optionalAsyncFailureFunc optional. The function to call when the upload succeeds. Please refer to the function prototype OnHttpUploadFailure.
+     * @return {bool}
+     */
+    HTTPUploadThroughPostEx(HTTPServer: string, sImageIndex: number, ActionPage: string, fileName: string, lImageType: EnumDWT_ImageType, optionalAsyncSuccessFunc?: () => void, optionalAsyncFailureFunc?: (errorCode: number, errorString: string) => void): boolean;
+
+    /**
+     * Uploads all images in the buffer to the HTTP server through the HTTP Post method as a Multi-Page TIFF.
+     * @method WebTwain#HTTPUploadAllThroughPostAsMultiPageTIFF 
+     * @param {string} HTTPServer  the name of the HTTP server.
+     * @param {string} ActionPage the specified page for posting image files. This is the relative path of the page, not the absolute path. For example: "upload.asp", not "http://www.webserver.com/upload.asp".
+     * @param {string} fileName the name of the image to be uploaded.
+     * @param {function} optionalAsyncSuccessFunc optional. The function to call when the upload succeeds. Please refer to the function prototype OnHttpUploadSuccess.
+     * @param {function} optionalAsyncFailureFunc optional. The function to call when the upload fails. Please refer to the function prototype OnHttpUploadFailure.
+     * @return {bool}
+     */
+    HTTPUploadAllThroughPostAsMultiPageTIFF(HTTPServer: string, ActionPage: string, fileName: string, optionalAsyncSuccessFunc?: () => void, optionalAsyncFailureFunc?: (errorCode: number, errorString: string) => void): boolean;
+
+    /**
+     * Uploads the selected images in the buffer to the HTTP server through the HTTP Post method as a Multi-Page TIFF.
+     * @method WebTwain#HTTPUploadThroughPostAsMultiPageTIFF 
+     * @param {string} HTTPServer  the name of the HTTP server.
+     * @param {string} ActionPage the specified page for posting image files. This is the relative path of the page, not the absolute path. For example: "upload.asp", not "http://www.webserver.com/upload.asp".
+     * @param {string} fileName the name of the image to be uploaded.
+     * @param {function} optionalAsyncSuccessFunc optional. The function to call when the upload succeeds. Please refer to the function prototype OnHttpUploadSuccess.
+     * @param {function} optionalAsyncFailureFunc optional. The function to call when the upload fails. Please refer to the function prototype OnHttpUploadFailure.
+     * @return {bool}
+     */
+    HTTPUploadThroughPostAsMultiPageTIFF(HTTPServer: string, ActionPage: string, fileName: string, optionalAsyncSuccessFunc?: () => void, optionalAsyncFailureFunc?: (errorCode: number, errorString: string) => void): boolean;
+
+    /**
+     * Uploads all images in the buffer to the HTTP server through HTTP Post method as a Multi-Page PDF.
+     * @method WebTwain#HTTPUploadAllThroughPostAsPDF 
+     * @param {string} HTTPServer  the name of the HTTP server.
+     * @param {string} ActionPage the specified page for posting image files. This is the relative path of the page, not the absolute path. For example: "upload.asp", not "http://www.webserver.com/upload.asp".
+     * @param {string} fileName the name of the image to be uploaded.
+     * @param {function} optionalAsyncSuccessFunc optional. The function to call when the upload succeeds. Please refer to the function prototype OnHttpUploadSuccess.
+     * @param {function} optionalAsyncFailureFunc optional. The function to call when the upload fails. Please refer to the function prototype OnHttpUploadFailure.
+     * @return {bool}
+     */
+    HTTPUploadAllThroughPostAsPDF(HTTPServer: string, ActionPage: string, fileName: string, optionalAsyncSuccessFunc?: () => void, optionalAsyncFailureFunc?: (errorCode: number, errorString: string) => void): boolean;
+
+    /**
+     * Uploads the selected images in the buffer to the HTTP server through the HTTP Post method as a Multi-Page PDF.
+     * @method WebTwain#HTTPUploadThroughPostAsMultiPagePDF 
+     * @param {string} HTTPServer  the name of the HTTP server.
+     * @param {string} ActionPage the specified page for posting image files. This is the relative path of the page, not the absolute path. For example: "upload.asp", not "http://www.webserver.com/upload.asp".
+     * @param {string} fileName the name of the image to be uploaded.
+     * @param {function} optionalAsyncSuccessFunc optional. The function to call when the upload succeeds. Please refer to the function prototype OnHttpUploadSuccess.
+     * @param {function} optionalAsyncFailureFunc optional. The function to call when the upload fails. Please refer to the function prototype OnHttpUploadFailure.
+     * @return {bool}
+     */
+    HTTPUploadThroughPostAsMultiPagePDF(HTTPServer: string, ActionPage: string, fileName: string, optionalAsyncSuccessFunc?: () => void, optionalAsyncFailureFunc?: (errorCode: number, errorString: string) => void): boolean;
+
+    /**
+     * [Deprecated.] Directly uploads a specific local file to the HTTP server through the HTTP PUT method without loading it into Dynamic Web TWAIN.
+     * @method WebTwain#HTTPUploadThroughPutDirectly 
+     * @param {string} HTTPServer the name of the HTTP server.
+     * @param {string} localFile specifies the path of a local file. 
+     * @param {string} RemoteFileName the name of the file to be created on the HTTP server. It should a relative path on the web server.
+     * @param {function} optionalAsyncSuccessFunc optional. The function to call when the upload succeeds. Please refer to the function prototype OnSuccess.
+     * @param {function} optionalAsyncFailureFunc optional. The function to call when the upload fails. Please refer to the function prototype OnFailure.
+     * @return {bool}
+     */
+    HTTPUploadThroughPutDirectly(HTTPServer: string, localFile: string, RemoteFileName: string, optionalAsyncSuccessFunc?: () => void, optionalAsyncFailureFunc?: (errorCode: number, errorString: string) => void): boolean;
+
+    /**
+     * [Deprecated.] Uploads the image of a specified index in the buffer to the HTTP server through the HTTP PUT method.
+     * @method WebTwain#HTTPUploadThroughPut 
+     * @param {string} HTTPServer the name of the HTTP server.
+     * @param {short} sImageIndex specifies the index of image in buffer. The index is 0-based. 
+     * @param {string} RemoteFileName the name of the image to be created on the HTTP server. It should a relative path on the web server.
+     * @param {function} optionalAsyncSuccessFunc optional. The function to call when the upload succeeds. Please refer to the function prototype OnSuccess.
+     * @param {function} optionalAsyncFailureFunc optional. The function to call when the upload fails. Please refer to the function prototype OnFailure.
+     * @return {bool}
+     */
+    HTTPUploadThroughPut(HTTPServer: string, sImageIndex: number, RemoteFileName: string, optionalAsyncSuccessFunc?: () => void, optionalAsyncFailureFunc?: (errorCode: number, errorString: string) => void): boolean;
+
+    /**
+     * [Deprecated.] Uploads the image of a specified index in the buffer to the HTTP server as a specified image format through the HTTP PUT method.
+     * @method WebTwain#HTTPUploadThroughPutEx 
+     * @param {string} HTTPServer the name of the HTTP server.
+     * @param {short} sImageIndex specifies the index of image in buffer. The index is 0-based. 
+     * @param {string} RemoteFileName the name of the file to be created on the HTTP server. It should a relative path on the web server.
+     * @param {EnumDWT_ImageType} lImageType the image format of the file to be created on the HTTP server.
+     * @param {function} optionalAsyncSuccessFunc optional. The function to call when the upload succeeds. Please refer to the function prototype OnSuccess.
+     * @param {function} optionalAsyncFailureFunc optional. The function to call when the upload fails. Please refer to the function prototype OnFailure.
+     * @return {bool}
+     */
+    HTTPUploadThroughPutEx(HTTPServer: string, sImageIndex: number, RemoteFileName: string, lImageType: EnumDWT_ImageType, optionalAsyncSuccessFunc?: () => void, optionalAsyncFailureFunc?: (errorCode: number, errorString: string) => void): boolean;
+
+    /**
+     * [Deprecated.] Uploads all images in the buffer to the HTTP server through the HTTP Put method as a Multi-Page TIFF.
+     * @method WebTwain#HTTPUploadAllThroughPutAsMultiPageTIFF 
+     * @param {string} HTTPServer the name of the HTTP server.
+     * @param {string} RemoteFileName the name of the image to be uploaded.
+     * @param {function} optionalAsyncSuccessFunc optional. The function to call when the upload succeeds. Please refer to the function prototype OnSuccess.
+     * @param {function} optionalAsyncFailureFunc optional. The function to call when the upload fails. Please refer to the function prototype OnFailure.
+     * @return {bool}
+     */
+    HTTPUploadAllThroughPutAsMultiPageTIFF(HTTPServer: string, RemoteFileName: string, optionalAsyncSuccessFunc?: () => void, optionalAsyncFailureFunc?: (errorCode: number, errorString: string) => void): boolean;
+
+    /**
+     * [Deprecated.] Uploads the selected images in the buffer to the HTTP server through the HTTP Put method as a Multi-Page TIFF.
+     * @method WebTwain#HTTPUploadThroughPutAsMultiPageTIFF 
+     * @param {string} HTTPServer the name of the HTTP server.
+     * @param {string} RemoteFileName the name of the image to be uploaded.
+     * @param {function} optionalAsyncSuccessFunc optional. The function to call when the upload succeeds. Please refer to the function prototype OnSuccess.
+     * @param {function} optionalAsyncFailureFunc optional. The function to call when the upload fails. Please refer to the function prototype OnFailure.
+     * @return {bool}
+     */
+    HTTPUploadThroughPutAsMultiPageTIFF(HTTPServer: string, RemoteFileName: string, optionalAsyncSuccessFunc?: () => void, optionalAsyncFailureFunc?: (errorCode: number, errorString: string) => void): boolean;
+
+    /**
+     * [Deprecated.] Uploads all images in the buffer to the HTTP server through the HTTP Put method as a Multi-Page PDF.
+     * @method WebTwain#HTTPUploadAllThroughPutAsPDF 
+     * @param {string} HTTPServer the name of the HTTP server.
+     * @param {string} RemoteFileName the name of the image to be uploaded.
+     * @param {function} optionalAsyncSuccessFunc optional. The function to call when the upload succeeds. Please refer to the function prototype OnSuccess.
+     * @param {function} optionalAsyncFailureFunc optional. The function to call when the upload fails. Please refer to the function prototype OnFailure.
+     * @return {bool}
+     */
+    HTTPUploadAllThroughPutAsPDF(HTTPServer: string, RemoteFileName: string, optionalAsyncSuccessFunc?: () => void, optionalAsyncFailureFunc?: (errorCode: number, errorString: string) => void): boolean;
+
+    /**
+     * [Deprecated.] Uploads the selected images in the buffer to the HTTP server through the HTTP Put method as a Multi-Page PDF.
+     * @method WebTwain#HTTPUploadThroughPutAsMultiPagePDF 
+     * @param {string} HTTPServer the name of the HTTP server.
+     * @param {string} RemoteFileName the name of the image to be uploaded.
+     * @param {function} optionalAsyncSuccessFunc optional. The function to call when the upload succeeds. Please refer to the function prototype OnSuccess.
+     * @param {function} optionalAsyncFailureFunc optional. The function to call when the upload fails. Please refer to the function prototype OnFailure.
+     * @return {bool}
+     */
+    HTTPUploadThroughPutAsMultiPagePDF(HTTPServer: string, RemoteFileName: string, optionalAsyncSuccessFunc?: () => void, optionalAsyncFailureFunc?: (errorCode: number, errorString: string) => void): boolean;
+
+    /**
+     * Configures how segmented upload is done.
+     * @method WebTwain#SetUploadSegment 
+     * @param {int} segmentUploadThreshold specifies the threshold (in MB) over which segmented upload will be invoked.
+     * @param {int} moduleSize specifies the size of each segment (in KB).
+     * @return {bool}
+     */
+    SetUploadSegment (segmentUploadThreshold: number, moduleSize: number): boolean;
+
+    /**
+     * Uploads the images specified by the indices to the HTTP server.
+     * @method WebTwain#HTTPUpload 
+     * @param {string} url the url where the images are sent in a POST request.
+     * @param {Array} indices indices specifies which images are to be uploaded.
+     * @param {EnumDWT_ImageType} enumImageType the image format in which the images are to be uploaded.
+     * @param {EnumDWT_UploadDataFormat} dataFormat whether to upload the images as binary or a base64-based string.
+     * @param {function} asyncSuccessFunc the function to call when the upload succeeds. Please refer to the function prototype OnSuccess.
+     * @param {function} asyncFailureFunc the function to call when the upload fails. Please refer to the function prototype OnFailure.
+     * @return {bool}
+     */
+    HTTPUpload (url: string, indices: number[], enumImageType: EnumDWT_ImageType, dataFormat: EnumDWT_UploadDataFormat, optionalAsyncSuccessFunc?: () => void, optionalAsyncFailureFunc?: (errorCode: number, errorString: string) => void): boolean;
+
+    /**
+     * Loads a DIB format image from Clipboard into the Dynamic Web TWAIN.
+     * @method WebTwain#LoadDibFromClipboard 
+     * @param {function} optionalAsyncSuccessFunc optional. The function to call when the loading succeeds. Please refer to the function prototype OnSuccess.
+     * @param {function} optionalAsyncFailureFunc optional. The function to call when the loading fails. Please refer to the function prototype OnFailure.
+     * @return {bool}
+     */
+    LoadDibFromClipboard(optionalAsyncSuccessFunc?: () => void, optionalAsyncFailureFunc?: (errorCode: number, errorString: string) => void): boolean;
+
+    /**
+     * Loads an image into the Dynamic Web TWAIN.
+     * @method WebTwain#LoadImage 
+     * @param {string} localFile the name of the image to be loaded. It should be the absolute path of the image file on the local disk.
+     * @param {function} optionalAsyncSuccessFunc optional. The function to call when the loading succeeds. Please refer to the function prototype OnSuccess.
+     * @param {function} optionalAsyncFailureFunc optional. The function to call when the loading fails. Please refer to the function prototype OnFailure.
+     * @return {bool}
+     */
+    LoadImage(localFile: string, optionalAsyncSuccessFunc?: () => void, optionalAsyncFailureFunc?: (errorCode: number, errorString: string) => void): boolean;
+
+    /**
+     * Loads an image into the Dynamic Web TWAIN.
+     * @method WebTwain#LoadImageEx 
+     * @param {string} localFile the name of the image to be loaded. It should be the absolute path of the image file on the local disk.
+     * @param {EnumDWT_ImageType} lImageType the image format of the file to be loaded.
+     * @param {function} optionalAsyncSuccessFunc optional. The function to call when the loading succeeds. Please refer to the function prototype OnSuccess.
+     * @param {function} optionalAsyncFailureFunc optional. The function to call when the loading fails. Please refer to the function prototype OnFailure.
+     * @return {bool}
+     */
+    LoadImageEx(localFile: string, lImageType: EnumDWT_ImageType, optionalAsyncSuccessFunc?: () => void, optionalAsyncFailureFunc?: (errorCode: number, errorString: string) => void): boolean;
+
+    /**
+     * Loads image from a base64 byte array with the specified file format.
+     * @method WebTwain#LoadImageFromBase64Binary 
+     * @param {string} bry specifies the base64 string data.
+     * @param {EnumDWT_ImageType} lImageType specifies the file format.
+     * @return {bool}
+     */
+    LoadImageFromBase64Binary(bry: string, lImageType: EnumDWT_ImageType): boolean;
+
+    /**
+     * [Deprecated.] Loads image from a byte array with the specified file format.
+     * @method WebTwain#LoadImageFromBytes 
+     * @param {int} lBufferSize Specifies the buffer size.
+     * @param {Array} buffer A byte array of the image data.
+     * @param {EnumDWT_ImageType} lImageType Specifies the file format.
+     * @return {bool}
+     */
+    LoadImageFromBytes(lBufferSize: number, buffer: number[], lImageType: EnumDWT_ImageType): boolean;
+
+    /**
+     * Saves all images in buffer as a MultiPage TIFF file.
+     * @method WebTwain#SaveAllAsMultiPageTIFF 
+     * @param {string} localFile the name of the MultiPage TIFF file to be saved. It should be an absolute path on the local disk.
+     * @param {function} optionalAsyncSuccessFunc optional. The function to call when the saving succeeds. Please refer to the function prototype OnSuccess.
+     * @param {function} optionalAsyncFailureFunc optional. The function to call when the saving fails. Please refer to the function prototype OnFailure.
+     * @return {bool}
+     */
+    SaveAllAsMultiPageTIFF(localFile: string, optionalAsyncSuccessFunc?: () => void, optionalAsyncFailureFunc?: (errorCode: number, errorString: string) => void): boolean;
+
+    /**
+     * Saves all images in buffer as a Multi-Page PDF file.
+     * @method WebTwain#SaveAllAsPDF 
+     * @param {string} localFile the name of the Multi-Page PDF file to be saved. It should be an absolute path on the local disk.
+     * @param {function} optionalAsyncSuccessFunc optional. The function to call when the saving succeeds. Please refer to the function prototype OnSuccess.
+     * @param {function} optionalAsyncFailureFunc optional. The function to call when the saving fails. Please refer to the function prototype OnFailure.
+     * @return {bool}
+     */
+    SaveAllAsPDF(localFile: string, optionalAsyncSuccessFunc?: () => void, optionalAsyncFailureFunc?: (errorCode: number, errorString: string) => void): boolean;
+
+    /**
+     * Saves the image of a specified index in buffer as a BMP file.
+     * @method WebTwain#SaveAsBMP 
+     * @param {string} localFile the name of the BMP file to be saved. It should be an absolute path on the local disk.
+     * @param {short} sImageIndex specifies the index of image in buffer. The index is 0-based.
+     * @return {bool}
+     */
+    SaveAsBMP(localFile: string, sImageIndex: number): boolean;
+
+    /**
+     * Saves the image of a specified index in buffer as a JPEG file.
+     * @method WebTwain#SaveAsJPEG 
+     * @param {string} localFile the name of the JPEG file to be saved. It should be an absolute path on the local disk.
+     * @param {short} sImageIndex specifies the index of image in buffer. The index is 0-based. 
+     * @return {bool}
+     */
+    SaveAsJPEG(localFile: string, sImageIndex: number): boolean;
+
+    /**
+     * Saves the image of a specified index in buffer as a PDF file.
+     * @method WebTwain#SaveAsPDF 
+     * @param {string} localFile the name of the JPEG file to be saved. It should be an absolute path on the local disk.
+     * @param {short} sImageIndex specifies the index of image in buffer. The index is 0-based. 
+     * @return {bool}
+     */
+    SaveAsPDF(localFile: string, sImageIndex: number): boolean;
+
+    /**
+     * Saves the image of a specified index in buffer as a PNG file.
+     * @method WebTwain#SaveAsPNG 
+     * @param {string} localFile the name of the JPEG file to be saved. It should be an absolute path on the local disk.
+     * @param {short} sImageIndex specifies the index of image in buffer. The index is 0-based. 
+     * @return {bool}
+     */
+    SaveAsPNG(localFile: string, sImageIndex: number): boolean;
+
+    /**
+     * Saves the image of a specified index in buffer as a TIFF file.
+     * @method WebTwain#SaveAsTIFF 
+     * @param {string} localFile the name of the JPEG file to be saved. It should be an absolute path on the local disk.
+     * @param {short} sImageIndex specifies the index of image in buffer. The index is 0-based. 
+     * @return {bool}
+     */
+    SaveAsTIFF(localFile: string, sImageIndex: number): boolean;
+
+    /**
+     * Saves the selected images in buffer as a Multipage PDF file.
+     * @method WebTwain#SaveSelectedImagesAsMultiPagePDF 
+     * @param {string} localFile  the name of the MultiPage PDF file to be saved. It should be an absolute path on the local disk.
+     * @param {function} optionalAsyncSuccessFunc optional. The function to call when the saving succeeds. Please refer to the function prototype OnSuccess.
+     * @param {function} optionalAsyncFailureFunc optional. The function to call when the saving fails. Please refer to the function prototype OnFailure.
+     * @return {bool}
+     */
+    SaveSelectedImagesAsMultiPagePDF(localFile: string, optionalAsyncSuccessFunc?: () => void, optionalAsyncFailureFunc?: (errorCode: number, errorString: string) => void): boolean;
+
+    /**
+     * Saves the selected images in buffer as a Multipage TIFF file.
+     * @method WebTwain#SaveSelectedImagesAsMultiPageTIFF 
+     * @param {string} localFile  the name of the MultiPage TIFF file to be saved. It should be an absolute path on the local disk.
+     * @param {function} optionalAsyncSuccessFunc optional. The function to call when the saving succeeds. Please refer to the function prototype OnSuccess.
+     * @param {function} optionalAsyncFailureFunc optional. The function to call when the saving fails. Please refer to the function prototype OnFailure.
+     * @return {bool}
+     */
+    SaveSelectedImagesAsMultiPageTIFF(localFile: string, optionalAsyncSuccessFunc?: () => void, optionalAsyncFailureFunc?: (errorCode: number, errorString: string) => void): boolean;
+
+    /**
+     * Saves the selected images in buffer to base64 string.
+     * @method WebTwain#SaveSelectedImagesToBase64Binary 
+     * @return {string}
+     */
+    SaveSelectedImagesToBase64Binary(): string;
+
+    /**
+     * [Deprecated.] Saves the selected images in buffer to a byte array in the specified file format.
+     * @method WebTwain#SaveSelectedImagesToBytes 
+     * @param {int} bufferSize specified the buffer size.
+     * @param {Array} buffer A byte array of the image data.
+     * @return {int}
+     */
+    SaveSelectedImagesToBytes(bufferSize: number, buffer: number[]): number;
+
+    /**
+     * [Deprecated.] Sets current cookie into the Http Header to be used when uploading scanned images through POST.
+     * @method WebTwain#SetCookie 
+     * @param {string} cookie  the cookie on current page.
+     * @return {void}
+     */
+    SetCookie(cookie: string): void;
+
+    /**
+     * Sets a text parameter as a filed in a web form. This form is maintained by the component itself (meaning it's not on the page). All fields in this form will be passed to the server when uploading images.
+     * @method WebTwain#SetHTTPFormField 
+     * @param {string} FieldName specifies the name of a text field in web form. 
+     * @param {string} FieldValue specifies the value of a text field in web form.
+     * @return {bool}
+     */
+    SetHTTPFormField(FieldName: string, FieldValue: string): boolean;
+
+    /**
+     * Sets a custom tiff tag. Currently you can set up to 32 tags. The string to be set in a tag can be encoded with base64.
+     * @method WebTwain#SetTiffCustomTag 
+     * @param {int} tag specifies the tag identifier. The value should be between 600 and 700.
+     * @param {string} content the string to be set for this tag. The string will be written to the .tiff file when you save/upload it. If the string is base64 encoded, we'll decode it before writing it.
+     * @param {bool} base64Str if you'd like to encode the string with base64, set this to true. Otherwise, the string will be plin text.
+     * @return {bool}
+     */
+    SetTiffCustomTag(tag: number, content: string, base64Str: boolean): boolean;
+
+    /**
+     * Show save file dialog or show open file dialog.
+     * @method WebTwain#ShowFileDialog 
+     * @param {bool} SaveDialog True -- show save file dialog, False -- show open file dialog.
+     * @param {string} Filter The filter name specifies the filter pattern (for example, "*.TXT"). To specify multiple filter patterns for a single display string, use a semicolon to separate the patterns (for example, "*.TXT;*.DOC;*.BAK"). A pattern string can be a combination of valid file name characters and the asterisk (*) wildcard character. Do not include spaces in the pattern string. To retrieve a shortcut's target without filtering, use the string "All Files\0*.*\0\0", but the program will replace  "\0" with "|" automatically.
+     * @param {int} FilterIndex The index of the currently selected filter in the File Types control. The buffer pointed to by Filter contains pairs of strings that define the filters. The index is 0-based.
+     * @param {string} DefExtension Define the default extension. GetOpenFileName and GetSaveFileName append this extension to the file name only if the user fails to type an extension. If this member is NULL and the user fails to type an extension, no extension is appended.
+     * @param {string} InitialDir The initial directory. The algorithm for selecting the initial directory varies on different platforms.
+     * @param {bool} AllowMultiSelect True -- allows users to select more than one file, False -- only allows to select one file.
+     * @param {bool} OverwritePrompt True -- If a file already exists with the same name, the old file will be simply overwritten, False -- not allows to save and overwrite a same name file.
+     * @param {int} Flags If this parameter equals 0, the program will be initiated with the default flags, otherwise initiated with the cumstom value and paramters "AllowMultiSelect" and "OverwritePrompt" will be useless.
+     * @return {bool}
+     */
+    ShowFileDialog(SaveDialog: boolean, Filter: string, FilterIndex: number, DefExtension: string, InitialDir: string, AllowMultiSelect: boolean, OverwritePrompt: boolean, Flags: number): boolean;
+
+    /**
+     * Gets information of the capability specified by the Capability property.
+     * @method WebTwain#CapGet 
+     * @return {bool}
+     */
+    CapGet(): boolean;
+
+    /**
+     * Returns the Source's current Value for the specified capability. 
+     * @method WebTwain#CapGetCurrent 
+     * @return {bool}
+     */
+    CapGetCurrent(): boolean;
+
+    /**
+     * Returns the Source's Default Value for the specified capability. This is the Source's preferred default value.
+     * @method WebTwain#CapGetDefault 
+     * @return {bool}
+     */
+    CapGetDefault(): boolean;
+
+    /**
+     * Returns the value of the bottom-most edge of the specified frame.
+     * @method WebTwain#CapGetFrameBottom 
+     * @param {short} index specifies the value of which frame to get. The index is 0-based.
+     * @return {float}
+     */
+    CapGetFrameBottom(index: number): number;
+
+    /**
+     * Returns the value (in Unit) of the left-most edge of the specified frame.
+     * @method WebTwain#CapGetFrameLeft 
+     * @param {short} index specifies the value of which frame to get. The index is 0-based.
+     * @return {float}
+     */
+    CapGetFrameLeft(index: number): number;
+
+    /**
+     * Returns the value (in Unit) of the left-most edge of the specified frame.
+     * @method WebTwain#CapGetFrameRight 
+     * @param {short} index specifies the value of which frame to get. The index is 0-based.
+     * @return {float}
+     */
+    CapGetFrameRight(index: number): number;
+
+    /**
+     * Returns the value (in Unit) of the top-most edge of the specified frame.
+     * @method WebTwain#CapGetFrameTop 
+     * @param {short} index specifies the value of which frame to get. The index is 0-based.
+     * @return {float}
+     */
+    CapGetFrameTop(index: number): number;
+
+    /**
+     * Queries whether the Source supports a particular operation on the capability.
+     * @method WebTwain#CapIfSupported 
+     * @param {EnumDWT_MessageType} messageType specifies the type of capability operation.
+     * @return {bool}
+     */
+    CapIfSupported(messageType: EnumDWT_MessageType): boolean;
+
+    /**
+     * Changes the Current Value of the capability specified by Capability property back to its power-on value.
+     * @method WebTwain#CapReset 
+     * @return {bool}
+     */
+    CapReset(): boolean;
+
+    /**
+     * Sets the current capability using the container type specified by CapType property. The current capability is specified by Capability property.
+     * @method WebTwain#CapSet 
+     * @return {bool}
+     */
+    CapSet(): boolean;
+
+    /**
+     * Sets the values of the specified frame.
+     * @method WebTwain#CapSetFrame 
+     * @param {short} index  specifies the values of which frame to set. The index is 0-based.
+     * @param {float} left the value (in Unit) of the left-most edge of the specified frame.
+     * @param {float} top the value (in Unit) of the top-most edge of the specified frame.
+     * @param {float} right  the value (in Unit) of the right-most edge of the specified frame.
+     * @param {float} bottom  the value (in Unit) of the bottom-most edge of the specified frame.
+     * @return {bool}
+     */
+    CapSetFrame(index: number, left: number, top: number, right: number, bottom: number): boolean;
+
+    /**
+     * Get the cap item value of the capability specified by Capability property, when the value of the CapType property is TWON_ARRAY or TWON_ENUMERATION.
+     * @method WebTwain#GetCapItems 
+     * @param {int} index Index is 0-based. It is the index of the cap item.
+     * @return {double}
+     */
+    GetCapItems(index: number): number;
+
+    /**
+     * Returns the cap item value of the capability specified by Capability property, when the value of the CapType property is TWON_ARRAY or TWON_ENUMERATION.
+     * @method WebTwain#GetCapItemsString 
+     * @param {int} index Index is 0-based. It is the index of the cap item.
+     * @return {string}
+     */
+    GetCapItemsString(index: number): string;
+
+    /**
+     * Set the value of the specified cap item.
+     * @method WebTwain#SetCapItems 
+     * @param {int} index Index is 0-based. It is the index of the cap item.
+     * @param {double} newVal The Double type of CapItems property is used to present Double, Single(float), Long, int and even boolean types. For string type, please use CapItemsstring property.
+     * @return {void}
+     */
+    SetCapItems(index: number, newVal: number): void;
+
+    /**
+     * Set the cap item value of the capability specified by Capability property, when the value of the CapType property is TWON_ARRAY or TWON_ENUMERATION.
+     * @method WebTwain#SetCapItemsString 
+     * @param {int} index Index is 0-based. It is the index of the cap item.
+     * @param {string} newVal The new value to be set.
+     * @return {void}
+     */
+    SetCapItemsString(index: number, newVal: string): void;
+    // --- SCAN end --
+
+    // --- View & Edit start --
+
+    /**
+     * Add text on an image.
+     * @method WebTwain#AddText 
+     * @param {short} sImageIndex  the index of the image that you want to add text to.
+     * @param {int} x the x coordinate for the text.
+     * @param {int} y the y coordinate for the text.
+     * @param {string} text the content of the text that you want to add.
+     * @param {int} txtColor  the color for the text.
+     * @param {int} backgroundColor  the background color.
+     * @param {float} backgroundRoundRadius ranging from 0 to 0.5. Please NOTE that MAC version does not support this parameter.
+     * @param {float} backgroundOpacity specifies the opacity of the background of the added text, it ranges from 0 to 1.0. Please NOTE that Mac version only supports value 0 and 1
+     * @return {bool}
+     */
+    AddText(sImageIndex: number, x: number, y: number, text: string, txtColor: number, backgroundColor: number, backgroundRoundRadius: number, backgroundOpacity: number): boolean;
+
+    /**
+     * Create the font for adding text using the method AddText.
+     * @method WebTwain#CreateTextFont 
+     * @param {int} height Specifies the desired height (in logical units) of the font.The absolute value of nHeight must not exceed 16,384 device units after it is converted.For all height comparisons, the font mapper looks for the largest font that does not exceed the requested size or the smallest font if all the fonts exceed the requested size.
+     * @param {int} width Specifies the average width (in logical units) of characters in the font. If Width is 0, the aspect ratio of the device will be matched against the digitization aspect ratio of the available fonts to find the closest match, which is determined by the absolute value of the difference.
+     * @param {int} escapement Specifies the angle (in 0.1-degree units) between the escapement vector and the x-axis of the display surface. The escapement vector is the line through the origins of the first and last characters on a line. The angle is measured counterclockwise from the x-axis.
+     * @param {int} orientation Specifies the angle (in 0.1-degree units) between the baseline of a character and the x-axis.The angle is measured counterclockwise from the x-axis for coordinate systems in which the y-direction is down and clockwise from the x-axis for coordinate systems in which the y-direction is up.
+     * @param {int} weight Specifies the font weight (in inked pixels per 1000). The described valuesare approximate; the actual appearance depends on the typeface. Some fonts haveonly FW_NORMAL, FW_REGULAR, and FW_BOLD weights. If FW_DONTCARE is specified, a default weight is used.
+     * @param {short} italic  Specifies an italic font if set to TRUE.
+     * @param {short} underline Specifies an underlined font if set to TRUE.
+     * @param {short} strikeOut A strikeout font if set to TRUE.
+     * @param {short} charSet Specifies the font's character set. The OEM character set is system-dependent. Fonts with other character sets may exist in the system. An application that uses a font with an unknown character set must not attempt to translate or interpret strings that are to be rendered with that font. 
+     * @param {short} outputPrecision Specifies the desired output precision. The output precision defines how closely the output must match the requested font's height, width, character orientation, escapement, and pitch.
+     * @param {short} clipPrecision Specifies the desired clipping precision. The clipping precision defines how to clip characters that are partially outside the clipping region. 
+     * @param {short} quality Specifies the font's output quality, which defines how carefully the GDI must attempt to match the logical-font attributes to those of an actual physical font.
+     * @param {short} pitchAndFamily  The pitch and family of the font.
+     * @param {string} faceName   the typeface name, the length of this string must not exceed 32 characters, including the terminating null character.
+     * @return {bool}
+     */
+    CreateTextFont(height: number, width: number, escapement: number, orientation: number, weight: number, italic: number, underline: number, strikeOut: number, charSet: number, outputPrecision: number, clipPrecision: number, quality: number, pitchAndFamily: number, faceName: string): boolean;
+
+    /**
+     * Copies the image of a specified index in buffer to clipboard in DIB format.
+     * @method WebTwain#CopyToClipboard 
+     * @param {short} sImageIndex specifies the index of image in buffer. The index is 0-based.
+     * @return {bool}
+     */
+    CopyToClipboard(sImageIndex: number): boolean;
+
+    /**
+     * Clears the specified area of a specified image, and fill the area with the fill color.
+     * @method WebTwain#Erase 
+     * @param {short} sImageIndex specifies the index of image in buffer. The index is 0-based.
+     * @param {int} left specifies the x-coordinate of the upper-left corner of the rectangle.
+     * @param {int} top specifies the y-coordinate of the upper-left corner of the rectangle.
+     * @param {int} right specifies the x-coordinate of the lower-right corner of the rectangle.
+     * @param {int} bottom specifies the y-coordinate of the lower-right corner of the rectangle.
+     * @return {bool}
+     */
+    Erase(sImageIndex: number, left: number, top: number, right: number, bottom: number): boolean;
+
+    /**
+     * Returns the pixel bit depth of the selected image.
+     * @method WebTwain#GetImageBitDepth 
+     * @param {short} sImageIndex specifies the index of image. The index is 0-based.
+     * @return {short}
+     */
+    GetImageBitDepth(sImageIndex: number): number;
+
+    /**
+     * Returns the width (pixels) of the selected image. This is a read-only property.
+     * @method WebTwain#GetImageWidth 
+     * @param {short} sImageIndex specifies the index of image. The index is 0-based.
+     * @return {int}
+     */
+    GetImageWidth(sImageIndex: number): number;
+
+    /**
+     * Returns the height (pixels) of the selected image. This is a read-only property.
+     * @method WebTwain#GetImageHeight 
+     * @param {short} sImageIndex specifies the index of image. The index is 0-based.
+     * @return {int}
+     */
+    GetImageHeight(sImageIndex: number): number;
+
+    /**
+     * Returns the file size of the new image resized from the image of a specified index in buffer.
+     * @method WebTwain#GetImageSize 
+     * @param {short} sImageIndex specifies the index of image in buffer. The index is 0-based.
+     * @param {int} iWidth specifies the pixel width of the new image.
+     * @param {int} iHeight specifies the pixel height of the new image.
+     * @return {double}
+     */
+    GetImageSize(sImageIndex: number, iWidth: number, iHeight: number): number;
+
+    /**
+     * Pre-calculate the file size of the local image file that is saved from an image of a specified index in buffer.
+     * @method WebTwain#GetImageSizeWithSpecifiedType 
+     * @param {short} sImageIndex specifies the index of image in buffer. The index is 0-based.
+     * @param {short} sImageType specifies the type of an image file..
+     * @return {int}
+     */
+    GetImageSizeWithSpecifiedType(sImageIndex: number, sImageType: number): number;
+
+    /**
+     * Return the horizontal resolution of the specified image.
+     * @method WebTwain#GetImageXResolution 
+     * @param {short} sImageIndex specifies the index of image in buffer. The index is 0-based.
+     * @return {int}
+     */
+    GetImageXResolution(sImageIndex: number): number;
+
+    /**
+     * Return the vertical resolution of the specified image.
+     * @method WebTwain#GetImageYResolution 
+     * @param {short} sImageIndex specifies the index of image in buffer. The index is 0-based.
+     * @return {int}
+     */
+    GetImageYResolution(sImageIndex: number): number;
+
+    /**
+     * Returns the index of the selected image.
+     * @method WebTwain#GetSelectedImageIndex 
+     * @param {short} sSelectedIndex specifies the index of the selected image.
+     * @return {short}
+     */
+    GetSelectedImageIndex(sSelectedIndex: number): number;
+
+    /**
+     * You can use the method to select images programatically which is ususally done by mouse clicking.
+     * @method WebTwain#SetSelectedImageIndex 
+     * @param {short} sSelectedIndex this is the index of an array that holds the indices of selected images.
+     * @param {short} newVal specifies the index of an image that you want to select.
+     * @return {void}
+     */
+    SetSelectedImageIndex(selectedIndex: number, newVal: number): void;
+
+    /**
+     * Pre-calculate the file size of the local image file that is saved from the selected images in buffer.
+     * @method WebTwain#GetSelectedImagesSize 
+     * @param {int} iImageType specifies the type of an image file.
+     * @return {int}
+     */
+    GetSelectedImagesSize(iImageType: number): number;
+
+    /**
+     * Check the skew angle of an image by its index in buffer.
+     * @method WebTwain#GetSkewAngle 
+     * @param {short} sImageIndex the index of the image in the buffer.
+     * @return {double}
+     */
+    GetSkewAngle(sImageIndex: number): number;
+
+    /**
+     * Check the skew angle of a rectangular part of an image by its index in buffer.
+     * @method WebTwain#GetSkewAngleEx 
+     * @param {short} sImageIndex the index of the image in the buffer.
+     * @param {int} left specifies the x-coordinate of the upper-left corner of the rectangle.
+     * @param {int} top specifies the y-coordinate of the upper-left corner of the rectangle.
+     * @param {int} right specifies the x-coordinate of the lower-right corner of the rectangle.
+     * @param {int} bottom specifies the y-coordinate of the lower-right corner of the rectangle.
+     * @return {double}
+     */
+    GetSkewAngleEx(sImageIndex: number, left: number, top: number, right: number, bottom: number): number;
+
+    /**
+     * [Deprecated.] Detects whether a certain area on an image is blank.
+     * @method WebTwain#IsBlankImageEx 
+     * @param {short} sImageIndex specifies the index of image in buffer. The index is 0-based.
+     * @param {int} left specifies the x-coordinate of the upper-left corner of the rectangle.
+     * @param {int} top specifies the y-coordinate of the upper-left corner of the rectangle.
+     * @param {int} right specifies the x-coordinate of the lower-right corner of the rectangle.
+     * @param {int} bottom specifies the y-coordinate of the lower-right corner of the rectangle.
+     * @param {bool} bFuzzyMatch specifies whether use fuzzy matching when detecting.
+     * @return {bool}
+     */
+    IsBlankImageEx(sImageIndex: number, left: number, top: number, right: number, bottom: number, bFuzzyMatch: boolean): boolean;
+
+    /**
+     * Mirrors the image of a specified index in buffer.
+     * @method WebTwain#Mirror 
+     * @param {short} sImageIndex specifies the index of image in buffer. The index is 0-based.
+     * @return {bool}
+     */
+    Mirror(sImageIndex: number): boolean;
+
+    /**
+     * Decorates image of a specified index in buffer with rectangles of transparent color.
+     * @method WebTwain#OverlayRectangle 
+     * @param {short} sImageIndex specifies the index of image in buffer. The index is 0-based.
+     * @param {int} left specifies the x-coordinate of the upper-left corner of the rectangle.
+     * @param {int} top specifies the y-coordinate of the upper-left corner of the rectangle.
+     * @param {int} right specifies the x-coordinate of the lower-right corner of the rectangle.
+     * @param {int} bottom specifies the y-coordinate of the lower-right corner of the rectangle.
+     * @param {int} color Specifies the fill color of the rectangle. The byte-ordering of the RGB value is 0xBBGGRR. BB represents blue, GG represents green, RR represents red.
+     * @param {float} fOpacity Specifies the opacity of the rectangle. The value represents opacity. 1.0 is 100% opaque and 0.0 is totally transparent.
+     * @return {bool}
+     */
+    OverlayRectangle(sImageIndex: number, left: number, top: number, right: number, bottom: number, color: number, fOpacity: number): boolean;
+
+    /**
+     * Removes all images in buffer.
+     * @method WebTwain#RemoveAllImages 
+     * @return {void}
+     */
+    RemoveAllImages(): void;
+
+    /**
+     * Removes selected images in buffer.
+     * @method WebTwain#RemoveAllSelectedImages 
+     * @return {bool}
+     */
+    RemoveAllSelectedImages(): boolean;
+
+    /**
+     * Removes the image of a specified index in buffer.
+     * @method WebTwain#RemoveImage 
+     * @param {short} sImageIndexToBeDeleted  specifies the index of the image to be deleted  in buffer. The index is 0-based. 
+     * @return {bool}
+     */
+    RemoveImage(sImageIndexToBeDeleted: number): boolean;
+
+    // Image Operate
+    /**
+     * Rotates the image of a specified index in buffer by specified angle.
+     * @method WebTwain#Rotate 
+     * @param {short} sImageIndex  specifies the index of image in buffer. The index is 0-based.
+     * @param {float} fAngle  Specifies the rotation angle.
+     * @param {bool} bKeepSize Keep size or not.
+     * @return {bool}
+     */
+    Rotate(sImageIndex: number, fAngle: number, bKeepSize: boolean): boolean;
+
+    /**
+     * Rotates the image of a specified index in buffer by specified angle.
+     * @method WebTwain#RotateEx 
+     * @param {short} sImageIndex  specifies the index of image in buffer. The index is 0-based.
+     * @param {float} fAngle  Specifies the rotation angle.
+     * @param {bool} bKeepSize Keep size or not.
+     * @param {EnumDWT_InterpolationMethod} newVal specifies the method to do interpolation.
+     * @return {bool}
+     */
+    RotateEx(sImageIndex: number, fAngle: number, bKeepSize: boolean, newVal: EnumDWT_InterpolationMethod): boolean;
+
+    /**
+     * Rotates the image of a specified index in buffer by 90 degrees counter-clockwise.
+     * @method WebTwain#RotateLeft 
+     * @param {short} sImageIndex  specifies the index of image in buffer. The index is 0-based.
+     * @return {bool}
+     */
+    RotateLeft(sImageIndex: number): boolean;
+
+    /**
+     * Rotates the image of a specified index in buffer by 90 degrees clockwise.
+     * @method WebTwain#RotateRight 
+     * @param {short} sImageIndex  specifies the index of image in buffer. The index is 0-based.
+     * @return {bool}
+     */
+    RotateRight(sImageIndex: number): boolean;
+
+    /**
+     * Changes width and height of the image of a specified index in the buffer. Please note the file size of the image will be changed proportionately.
+     * @method WebTwain#ChangeImageSize 
+     * @param {short} sImageIndex specifies the index of image in buffer. The index is 0-based.
+     * @param {int} iNewWidth  specifies the pixel width of the new image.
+     * @param {int} iNewHeight specifies the pixel height of the new image.
+     * @param {EnumDWT_InterpolationMethod} newVal specifies the method to do interpolation.
+     * @return {bool}
+     */
+    ChangeImageSize(sImageIndex: number, iNewWidth: number, iNewHeight: number, newVal: EnumDWT_InterpolationMethod): boolean;
+
+    /**
+     * Flips the image of a specified index in buffer.
+     * @method WebTwain#Flip 
+     * @param {short} sImageIndex specifies the index of image in buffer. The index is 0-based.
+     * @return {bool}
+     */
+    Flip(sImageIndex: number): boolean;
+
+    /**
+     * Crops the image of a specified index in buffer.
+     * @method WebTwain#Crop 
+     * @param {short} sImageIndex specifies the index of image in buffer. The index is 0-based.
+     * @param {int} left specifies the x-coordinate of the upper-left corner of the rectangle.
+     * @param {int} top specifies the y-coordinate of the upper-left corner of the rectangle.
+     * @param {int} right specifies the x-coordinate of the lower-right corner of the rectangle.
+     * @param {int} bottom specifies the y-coordinate of the lower-right corner of the rectangle.
+     * @return {bool}
+     */
+    Crop(sImageIndex: number, left: number, top: number, right: number, bottom: number): boolean;
+
+    /**
+     * Crops the image of a specified index in buffer to clipboard in DIB format.
+     * @method WebTwain#CropToClipboard 
+     * @param {short} sImageIndex specifies the index of image in buffer. The index is 0-based.
+     * @param {int} left specifies the x-coordinate of the upper-left corner of the rectangle.
+     * @param {int} top specifies the y-coordinate of the upper-left corner of the rectangle.
+     * @param {int} right specifies the x-coordinate of the lower-right corner of the rectangle.
+     * @param {int} bottom specifies the y-coordinate of the lower-right corner of the rectangle.
+     * @return {bool}
+     */
+    CropToClipboard(sImageIndex: number, left: number, top: number, right: number, bottom: number): boolean;
+
+    /**
+     * Cuts the image data in the specified area to the system clipboard in DIB format.
+     * @method WebTwain#CutFrameToClipboard 
+     * @param {short} sImageIndex specifies the index of image in buffer. The index is 0-based.
+     * @param {int} left specifies the x-coordinate of the upper-left corner of the rectangle.
+     * @param {int} top specifies the y-coordinate of the upper-left corner of the rectangle.
+     * @param {int} right specifies the x-coordinate of the lower-right corner of the rectangle.
+     * @param {int} bottom specifies the y-coordinate of the lower-right corner of the rectangle.
+     * @return {bool}
+     */
+    CutFrameToClipboard(sImageIndex: number, left: number, top: number, right: number, bottom: number): boolean;
+
+    /**
+     * Cuts the image of a specified index in buffer to clipboard in DIB format.
+     * @method WebTwain#CutToClipboard 
+     * @param {short} sImageIndex specifies the index of image in buffer. The index is 0-based.
+     * @return {bool}
+     */
+    CutToClipboard(sImageIndex: number): boolean;
+
+    /**
+     * Change the DPI (dots per inch) for the specified image.
+     * @method WebTwain#SetDPI 
+     * @param {short} sImageIndex specifies the index of image in buffer. The index is 0-based.
+     * @param {int} xResolution The horizontal resolution.
+     * @param {int} yResolution The vertical resolution.
+     * @param {bool} bResampleImage Whether to resample the image. (The image size will be changed if this is set to true).
+     * @param {EnumDWT_InterpolationMethod} newVal specifies the method to do interpolation.
+     * @return {bool}
+     */
+    SetDPI(sImageIndex: number, xResolution: number, yResolution: number, bResampleImage: boolean, newVal: EnumDWT_InterpolationMethod): boolean;
+
+    /**
+     * Sets the view mode that images are displayed in Dynamic Web TWAIN. You can use this method to display multiple images in Dynamic Web TWAIN.
+     * @method WebTwain#SetViewMode 
+     * @param {short} sHorizontalImageCount  specifies how many columns can be displayed in Dynamic Web TWAIN. 
+     * @param {short} sVerticalImageCount specifies how many rows can be displayed in Dynamic Web TWAIN..
+     * @return {void}
+     */
+    SetViewMode(sHorizontalImageCount: number, sVerticalImageCount: number): void;
+
+    /**
+     * Moves a specified image.
+     * @method WebTwain#MoveImage 
+     * @param {short} sSourceImageIndex Specifies the source index of image in buffer. The index is 0-based.
+     * @param {short} sTargetImageIndex Specifies the target index of image in buffer. The index is 0-based.
+     * @return {bool}
+     */
+    MoveImage(sSourceImageIndex: number, sTargetImageIndex: number): boolean;
+
+    /**
+     * Switchs two images of specified indices in buffer.
+     * @method WebTwain#SwitchImage 
+     * @param {short} sImageIndex1 specifies the index of image in buffer. The index is 0-based.
+     * @param {short} sImageIndex2 specifies the index of image in buffer. The index is 0-based.
+     * @return {bool}
+     */
+    SwitchImage(sImageIndex1: number, sImageIndex2: number): boolean;
+
+    /**
+     * Shows the GUI of Image Printer.
+     * @method WebTwain#Print 
+     * @return {bool}
+     */
+    Print(): boolean;
+    // --- View & Edit end --
+
+    // --- Upload & Save  end --
+
+    // --- Others ---
+    /**
+     * Shows the GUI of Image Editor.
+     * @method WebTwain#ShowImageEditor 
+     * @return {bool}
+     */
+    ShowImageEditor(): boolean;
+
+    /**
+     * Unbinds an event from the specified function, so that the function stops receiving notifications when the event fires.
+     * @method WebTwain#UnregisterEvent 
+     * @param {string} name the name of the event.
+     * @param {object} evt specified the function to be unbound.
+     * @return {bool}
+     */
+    UnregisterEvent(name: string, evt: object): boolean;
+    // --- Others end ---
+
+    /**
+     * Enables the source to accept image.
+     * @method WebTwain#EnableSource 
+     * @return {bool}
+     */
+    EnableSource(): boolean;
+
+    /**
+     * Displays the source's built-in interface to acquire image.
+     * @method WebTwain#AcquireImage 
+     * @param {object} optionalDeviceConfig  a JS object used to set up the device for image acquisition.
+     * @param {function} asyncSuccessFunc the function to call when the upload succeeds. Please refer to the function prototype OnSuccess.
+     * @param {function} asyncFailureFunc the function to call when the upload fails. Please refer to the function prototype OnFailure.
+     * @return {bool}
+     */
+    AcquireImage(optionalDeviceConfig?: object, optionalAsyncSuccessFunc?: () => void, optionalAsyncFailureFunc?: (errorCode: number, errorString: string) => void): boolean;
+
+    // start from 10.0 
+    /**
+     * Change the width of an image in buffer.
+     * @method WebTwain#SetImageWidth 
+     * @param {short} sImageIndex  specifies which image you'd like to change.
+     * @param {int} iNewWidth specifies how wide you'd like to change the image.
+     * @return {bool}
+     */
+    SetImageWidth(sImageIndex: number, iNewWidth: number): boolean;
+
+    //  Set custom DS data (DAT_CUSTOMDSDATA), the input string is encoded with base64
+    /**
+     * Sets custom DS data to be used for scanning, the input string is encoded with base64. Custom DS data means a specific scanning profile.
+     * @method WebTwain#SetCustomDSDataEx 
+     * @param {string} value the input string which is encoded with base64.
+     * @return {bool}
+     */
+    SetCustomDSDataEx(value: string): boolean;
+
+    //  Set custom DS data, load data from the specified file
+    /**
+     * Sets custom DS data to be used for scanning, the data is stored in a file. Custom DS data means a specific scanning profile.
+     * @method WebTwain#SetCustomDSData 
+     * @param {string} fileName the absolute path of the file where the custom data source data is stored.
+     * @return {bool}
+     */
+    SetCustomDSData(fileName: string): boolean;
+
+    // Get custom DS data, and returned string  is encoded with base64
+    /**
+     * Gets custom DS data, the returned string is base64 encoded.
+     * @method WebTwain#GetCustomDSDataEx 
+     * @return {string}
+     */
+    GetCustomDSDataEx(): string;
+
+    // Get custom DS data, and save the data to the specified file
+    /**
+     * Gets custom DS data and save the data in a specified file.
+     * @method WebTwain#GetCustomDSData 
+     * @param {string} fileName  the path of the file used for storing custom DS data.
+     * @return {bool}
+     */
+    GetCustomDSData(fileName: string): boolean;
+
+    /**
+     * Changes the bitdepth of a specified image.
+     * @method WebTwain#ChangeBitDepth 
+     * @param {short} sImageIndex specifies the index of image in buffer. The index is 0-based.
+     * @param {short} sBitDepth specifies the target bit depth.
+     * @param {bool} bHighQuality specifies whether or not to keep high quality while changing the bit depth. When it's true, it takes more time.
+     * @return {bool}
+     */
+    ChangeBitDepth(sImageIndex: number, sBitDepth: number, bHighQuality: boolean): boolean;
+
+    /**
+     * Changes a specified image to gray scale.
+     * @method WebTwain#ConvertToGrayScale 
+     * @param {short} sIndex specifies the index of image in buffer. The index is 0-based.
+     * @return {bool}
+     */
+    ConvertToGrayScale(sIndex: number): boolean;
+
+    /**
+     * [Deprecated.] Shows the GUI of Image Editor with custom settings.
+     * @method WebTwain#ShowImageEditorEx 
+     * @param {int} x specifies the new position of the left top corner of the window.
+     * @param {int} y specifies the new position of the left top corner of the window.
+     * @param {int} cx specifies the width of the window.
+     * @param {int} cy specifies the height of the window.
+     * @param {int} nCmdShow specifices how the window should be shown.
+     * @return {bool}
+     */
+    ShowImageEditorEx(x: number, y: number, cx: number, cy: number, nCmdShow: number): boolean;
+
+    /**
+     * [Deprecated.] Detects whether an image is blank.
+     * @method WebTwain#IsBlankImage 
+     * @param {short} sImageIndex specifies the index of image in buffer. The index is 0-based.
+     * @return {bool}
+     */
+    IsBlankImage(sImageIndex: number): boolean;
+
+    /**
+     * Detects whether a specific image is blank.
+     * @method WebTwain#IsBlankImageExpress 
+     * @param {short} sImageIndex specifies the index of image in buffer. The index is 0-based.
+     * @return {bool}
+     */
+    IsBlankImageExpress(sImageIndex: number): boolean;
+
+    /**
+     * [Deprecated.] Detects whether a specific image is blank.
+     * @method WebTwain#GetBarcodeInfo 
+     * @param {int} barcodeInfoType Defined in TWAIN Specification.
+     * @param {int} barcodeIndex Specifies which barcode to check. The index is 0-based.
+     * @return {object}
+     */
+    GetBarcodeInfo(barcodeInfoType: number, barcodeIndex: number): object;
+
+    /**
+     * [Deprecated.] Gets the content from a specified barcode.
+     * @method WebTwain#GetBarcodeText 
+     * @param {int} barcodeIndex Specifies which barcode to check. The index is 0-based.
+     * @return {bool}
+     */
+    GetBarcodeText(barcodeIndex: number): boolean;
+
+    /**
+     * Sets the default source to use. It's only valid when IfUseTWAINDSM is set to true.
+     * @method WebTwain#SetDefaultSource 
+     * @param {short} sImageIndex specifies the index of the default source. The index is 0-based.
+     * @return {bool}
+     */
+    SetDefaultSource(sImageIndex: number): boolean;
+
+    /**
+     * Draws a rectangle on the viewer which represents the selected area.
+     * @method WebTwain#SetSelectedImageArea 
+     * @param {short} sImageIndex specifies the index of image in buffer. The index is 0-based.
+     * @param {int} left The X axis of the left border.
+     * @param {int} top The Y axis of the top border.
+     * @param {int} right The X axis of the right border.
+     * @param {int} bottom The Y axis of the bottom border.
+     * @return {bool}
+     */
+    SetSelectedImageArea(sImageIndex: number, left: number, top: number, right: number, bottom: number): boolean;
+
+    /**
+     * Converts the images specified by the indices to base64.
+     * @method WebTwain#ConvertToBase64 
+     * @param {Array} indices indices specifies which images are to be converted to base64.
+     * @param {EnumDWT_ImageType} enumImageType the image format in which the images are to be converted to base64.
+     * @param {function} asyncSuccessFunc the function to call when the upload succeeds. Please refer to the function prototype OnSuccess.
+     * @param {function} asyncFailureFunc the function to call when the upload fails. Please refer to the function prototype OnFailure.
+     * @return {bool}
+     */
+    ConvertToBase64(indices: number[], enumImageType: EnumDWT_ImageType, optionalAsyncSuccessFunc?: () => void, optionalAsyncFailureFunc?: (errorCode: number, errorString: string) => void): boolean;
+
+    /**
+     * Returns the direct URL of an image specified by index, if iWidth or iHeight is set to -1, you get the original image, otherwise you get the image with specified iWidth or iHeight while keeping the same aspect ratio.
+     * @method WebTwain#GetImageURL 
+     * @param {short} index the index of the image.
+     * @param {int} iWidth the width of the image.
+     * @param {int} iHeight the height of the image.
+     * @return {string}
+     */
+    GetImageURL(index: number, iWidth: number, iHeight: number): string;
+
+    /**
+     * Sets a header for the current HTTP Post request.
+     * @method WebTwain#SetHTTPHeader 
+     * @param {string} key the key of the header.
+     * @param {string} value the value of the header.
+     * @return {bool}
+     */
+    SetHTTPHeader(key: string, value: string): boolean;
+}
diff --git a/types/dwt/tsconfig.json b/types/dwt/tsconfig.json
new file mode 100644
index 0000000000..5ff27b3787
--- /dev/null
+++ b/types/dwt/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",
+        "dwt-tests.ts"
+    ]
+}
\ No newline at end of file
diff --git a/types/dwt/tslint.json b/types/dwt/tslint.json
new file mode 100644
index 0000000000..acce7c8a0b
--- /dev/null
+++ b/types/dwt/tslint.json
@@ -0,0 +1,9 @@
+{
+  "extends": "dtslint/dt.json",
+  "rules": {
+    "max-line-length": [false],
+    "no-trailing-whitespace": false,
+    "space-before-function-paren": false,
+    "only-arrow-functions": [false]
+  }
+}

From ae6e2cfd61010f9e6355b9f509512838ac485009 Mon Sep 17 00:00:00 2001
From: DABH <DABH@users.noreply.github.com>
Date: Wed, 3 May 2017 13:07:40 -0700
Subject: [PATCH 173/321] Winston: Fix timestamp type signatures (#16213)

* Winston: Fix timestamp type signatures

* Update Winston tests to reflect updated type for timestamp
---
 types/winston/index.d.ts       | 8 ++++----
 types/winston/winston-tests.ts | 9 +++++----
 2 files changed, 9 insertions(+), 8 deletions(-)

diff --git a/types/winston/index.d.ts b/types/winston/index.d.ts
index 1182f7553c..d28a83b574 100644
--- a/types/winston/index.d.ts
+++ b/types/winston/index.d.ts
@@ -277,7 +277,7 @@ declare namespace winston {
         json: boolean;
         colorize: boolean;
         prettyPrint: boolean;
-        timestamp: boolean;
+        timestamp: boolean | (() => string | boolean);
         showLevel: boolean;
         label: string|null;
         logstash: boolean;
@@ -304,7 +304,7 @@ declare namespace winston {
         maxFiles: number|null;
         prettyPrint: boolean;
         label: string|null;
-        timestamp: boolean;
+        timestamp: boolean | (() => string | boolean);
         eol: string;
         tailable: boolean;
         depth: string|null;
@@ -335,7 +335,7 @@ declare namespace winston {
         json: boolean;
         colorize: boolean;
         prettyPrint: boolean;
-        timestamp: boolean;
+        timestamp: boolean | (() => string | boolean);
         showLevel: boolean;
         label: string|null;
         depth: string|null;
@@ -400,7 +400,7 @@ declare namespace winston {
         label?: string;
         depth?: number;
 
-        timestamp?(): any | boolean;
+        timestamp: boolean | (() => string | boolean);
         stringify?(obj: any): string;
     }
 
diff --git a/types/winston/winston-tests.ts b/types/winston/winston-tests.ts
index db74a50c24..fe24733b39 100644
--- a/types/winston/winston-tests.ts
+++ b/types/winston/winston-tests.ts
@@ -5,6 +5,7 @@ let bool: boolean;
 let num: number;
 let metadata: any;
 let obj: any = {};
+let stamp: boolean | (() => string | boolean);
 
 winston.level = 'debug';
 
@@ -180,7 +181,7 @@ logger = new (winston.Logger)({
       silent: bool,
       json: bool,
       colorize: bool,
-      timestamp: bool,
+      timestamp: stamp,
       showLevel: bool,
       label: str,
       logstash: bool,
@@ -196,7 +197,7 @@ logger = new (winston.Logger)({
       maxFiles: num,
       maxRetries: num,
       prettyPrint: bool,
-      timestamp: bool,
+      timestamp: stamp,
       filename: str,
       dirname: str,
       datePattern: str,
@@ -209,7 +210,7 @@ logger = new (winston.Logger)({
       json: bool,
       colorize: bool,
       prettyPrint: bool,
-      timestamp: bool,
+      timestamp: stamp,
       showLevel: bool,
       logstash: bool,
       rotationFormat: bool,
@@ -244,7 +245,7 @@ logger = new (winston.Logger)({
       colorize: bool,
       showLevel: bool,
       depth: num,
-      timestamp: bool,
+      timestamp: stamp,
       label: str,
     }),
     new (winston.transports.Webhook)({

From f5d1b56f76e136afb29e39ea1e1ca9bbc274865a Mon Sep 17 00:00:00 2001
From: Christopher Cortes <christophercr@gmail.com>
Date: Wed, 3 May 2017 22:11:27 +0200
Subject: [PATCH 174/321] angular-material: fix wrong "ng" namespace in some
 types (it should be "angular") (#16204)

This caused a TSC error: "TS2503:Cannot find namespace 'ngr'". Replaced "ng" by "angular" in some places.
---
 types/angular-material/index.d.ts | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/types/angular-material/index.d.ts b/types/angular-material/index.d.ts
index 5afc9a9153..10648c0012 100644
--- a/types/angular-material/index.d.ts
+++ b/types/angular-material/index.d.ts
@@ -27,7 +27,7 @@ declare module 'angular' {
             escapeToClose?: boolean;
             resolve?: ResolveObject;
             controllerAs?: string;
-            parent?: ((scope: ng.IScope, element: JQuery) => Element | JQuery) | string | Element | JQuery; // default: root node
+            parent?: ((scope: angular.IScope, element: JQuery) => Element | JQuery) | string | Element | JQuery; // default: root node
             disableParentScroll?: boolean; // default: true
         }
 
@@ -107,9 +107,9 @@ declare module 'angular' {
             resolve?: ResolveObject;
             controllerAs?: string;
             parent?: string | Element | JQuery; // default: root node
-            onShowing?(scope: ng.IScope, element: JQuery): void;
-            onComplete?(scope: ng.IScope, element: JQuery): void;
-            onRemoving?(element: JQuery, removePromise: ng.IPromise<any>): void;
+            onShowing?(scope: angular.IScope, element: JQuery): void;
+            onComplete?(scope: angular.IScope, element: JQuery): void;
+            onRemoving?(element: JQuery, removePromise: angular.IPromise<any>): void;
             skipHide?: boolean;
             multiple?: boolean;
             fullscreen?: boolean; // default: false

From d48daa410e4d8200319950ce602106f9a366ba34 Mon Sep 17 00:00:00 2001
From: plgregoire <plgregoire81@gmail.com>
Date: Wed, 3 May 2017 16:12:01 -0400
Subject: [PATCH 175/321] element-resize-event: Add definition for the unbind
 method (#16202)

* Match version 2.0.7

* Match version 2.0.7

* Match version 2.0.7

* update library version
---
 .../element-resize-event-tests.ts                    |  4 ++--
 types/element-resize-event/index.d.ts                | 12 +++++++-----
 2 files changed, 9 insertions(+), 7 deletions(-)

diff --git a/types/element-resize-event/element-resize-event-tests.ts b/types/element-resize-event/element-resize-event-tests.ts
index 96c859cdae..5ebf93dcab 100644
--- a/types/element-resize-event/element-resize-event-tests.ts
+++ b/types/element-resize-event/element-resize-event-tests.ts
@@ -2,6 +2,6 @@
 import ere = require("element-resize-event");
 
 var domNode: Element = null;
-ere(domNode, (): void => {
-});
+ere(domNode, (): void => {});
+ere.unbind(domNode, (): void => {});
 
diff --git a/types/element-resize-event/index.d.ts b/types/element-resize-event/index.d.ts
index e500d2e7f9..4745bc3a11 100644
--- a/types/element-resize-event/index.d.ts
+++ b/types/element-resize-event/index.d.ts
@@ -1,8 +1,10 @@
-// Type definitions for element-resize-event 1.0.1
+// Type definitions for element-resize-event 2.0.9
 // Project: https://github.com/KyleAMathews/element-resize-event
-// Definitions by: Rogier Schouten <https://github.com/rogierschouten>
+// Definitions by: Rogier Schouten <https://github.com/rogierschouten>, Pierre-Luc Gregoire <https://github.com/plgregoire>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 
-
-declare function elementResizeEvent(domNode: Element, callback: () => void): void;
-export = elementResizeEvent;
+export = element_resize_event;
+declare function element_resize_event(omNode: Element, callback: () => void): void;
+declare namespace element_resize_event {
+    function unbind(omNode: Element, callback: () => void): void;
+}

From 99206f1cccbf52e47f4d0b961ecca6bb1c27504b Mon Sep 17 00:00:00 2001
From: charlesrey <charles.rey@gmail.com>
Date: Wed, 3 May 2017 22:15:51 +0200
Subject: [PATCH 176/321] Added the shouldCancelStart function (#15947)

To the SortableContainer props.
---
 types/react-sortable-hoc/index.d.ts | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/types/react-sortable-hoc/index.d.ts b/types/react-sortable-hoc/index.d.ts
index a9ef36379c..1ae88e258a 100644
--- a/types/react-sortable-hoc/index.d.ts
+++ b/types/react-sortable-hoc/index.d.ts
@@ -1,6 +1,6 @@
 // Type definitions for nes 0.0.7
 // Project: https://github.com/clauderic/react-sortable-hoc
-// Definitions by: Ivo Stratev <https://github.com/NoHomey>
+// Definitions by: Ivo Stratev <https://github.com/NoHomey>, Charles Rey <https://github.com/charlesrey>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 // TypeScript Version: 2.1
 
@@ -48,6 +48,7 @@ declare module 'react-sortable-hoc' {
         lockToContainerEdges?: boolean;
         lockOffset?: Offset | [Offset, Offset];
         getContainer?: ContainerGetter;
+        shouldCancelStart?: (event: SortEvent) => boolean;
     }
 
     export interface SortableElementProps {

From d27680e385a98a8c9b1a926d81476f3216e2c9ee Mon Sep 17 00:00:00 2001
From: Jerome Touffe-Blin <jtblin@gmail.com>
Date: Thu, 4 May 2017 06:17:32 +1000
Subject: [PATCH 177/321] koa-jwt: fix secret option can be a function (#16086)

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

diff --git a/types/koa-jwt/index.d.ts b/types/koa-jwt/index.d.ts
index 4c123ff4a8..52836a6dce 100644
--- a/types/koa-jwt/index.d.ts
+++ b/types/koa-jwt/index.d.ts
@@ -1,4 +1,4 @@
-// Type definitions for koa-jwt 2.1
+// Type definitions for koa-jwt 3.2
 // Project: https://github.com/koajs/jwt
 // Definitions by: Bruno Krebs <https://github.com/brunokrebs/>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
@@ -11,7 +11,7 @@ declare function jwt(options: jwt.Options): jwt.Middleware;
 
 declare namespace jwt {
     interface Options {
-        secret: string | Buffer;
+        secret: string | Buffer | jwt.SecretProvider;
         key?: string;
         getToken?(opts: jwt.Options): string;
         passthrough?: boolean;
@@ -30,4 +30,12 @@ declare namespace jwt {
     type Middleware = Koa.Middleware & {
         unless(options?: jwt.UnlessOptions): any;
     };
+
+    type SecretProvider = (header: jwt.TokenHeader) => Promise<string>;
+
+    interface TokenHeader {
+      alg: string;
+      kid: string;
+      typ: string;
+    }
 }
diff --git a/types/koa-jwt/koa-jwt-tests.ts b/types/koa-jwt/koa-jwt-tests.ts
index 646bb6d826..cdfc25fffa 100644
--- a/types/koa-jwt/koa-jwt-tests.ts
+++ b/types/koa-jwt/koa-jwt-tests.ts
@@ -15,3 +15,9 @@ app.use(jwt({
 app.use(jwt({
     secret: 'some-secret-key'
 }).unless({method: 'OPTIONS'}));
+
+app.use(jwt({
+    secret: (header: jwt.TokenHeader): Promise<string> => {
+    	return Promise.resolve("some-secret-key");
+    }
+}));

From 5ddccbbc61586c9015b0bdf432f8312017d39874 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Lukas=20Spie=C3=9F?= <lumaxis@users.noreply.github.com>
Date: Wed, 3 May 2017 22:19:31 +0200
Subject: [PATCH 178/321] Fix sinon's usingPromise return type definition
 (#16305)

* Fix sinon's usingPromise return type definition

* Fix alignment according to new dtslint rule
---
 types/sinon/index.d.ts     | 30 +++++++++++++++---------------
 types/sinon/sinon-tests.ts |  4 ++--
 2 files changed, 17 insertions(+), 17 deletions(-)

diff --git a/types/sinon/index.d.ts b/types/sinon/index.d.ts
index 2056d7e384..a2a4b32c8d 100644
--- a/types/sinon/index.d.ts
+++ b/types/sinon/index.d.ts
@@ -102,7 +102,7 @@ declare namespace Sinon {
     interface SinonStub extends SinonSpy {
         resetBehavior(): void;
         resetHistory(): void;
-        usingPromise(promiseLibrary: any): void;
+        usingPromise(promiseLibrary: any): SinonStub;
 
         returns(obj: any): SinonStub;
         returnsArg(index: number): SinonStub;
@@ -203,19 +203,19 @@ declare namespace Sinon {
         Date(year: number, month: number, day: number, hour: number, minute: number, second: number, ms: number): Date;
         restore(): void;
 
-		/**
-		 * Simulate the user changing the system clock while your program is running. It changes the 'now' timestamp
-		 * without affecting timers, intervals or immediates.
-		 * @param now The new 'now' in unix milliseconds
-		 */
-		setSystemTime(now: number): void;
-		/**
-		 * Simulate the user changing the system clock while your program is running. It changes the 'now' timestamp
-		 * without affecting timers, intervals or immediates.
-		 * @param now The new 'now' as a JavaScript Date
-		 */
-		setSystemTime(date: Date): void;
-	}
+        /**
+         * Simulate the user changing the system clock while your program is running. It changes the 'now' timestamp
+         * without affecting timers, intervals or immediates.
+         * @param now The new 'now' in unix milliseconds
+         */
+        setSystemTime(now: number): void;
+        /**
+         * Simulate the user changing the system clock while your program is running. It changes the 'now' timestamp
+         * without affecting timers, intervals or immediates.
+         * @param now The new 'now' as a JavaScript Date
+         */
+        setSystemTime(date: Date): void;
+    }
 
     interface SinonFakeTimersStatic {
         (): SinonFakeTimers;
@@ -415,7 +415,7 @@ declare namespace Sinon {
         reset(): void;
         resetHistory(): void;
         resetBehavior(): void;
-        usingPromise(promiseLibrary: any): void;
+        usingPromise(promiseLibrary: any): SinonSandbox;
         verify(): void;
         verifyAndRestore(): void;
     }
diff --git a/types/sinon/sinon-tests.ts b/types/sinon/sinon-tests.ts
index 41f38318dc..5304e04360 100644
--- a/types/sinon/sinon-tests.ts
+++ b/types/sinon/sinon-tests.ts
@@ -92,6 +92,7 @@ function testNine() {
 
 function testSandbox() {
     let sandbox = sinon.sandbox.create();
+    sandbox = sandbox.usingPromise(Promise);
 
     sandbox.assert.notCalled(sinon.spy());
 
@@ -106,7 +107,6 @@ function testSandbox() {
     sandbox.reset();
     sandbox.resetHistory();
     sandbox.resetBehavior();
-    sandbox.usingPromise(Promise);
     sandbox.verify();
     sandbox.verifyAndRestore();
 }
@@ -130,7 +130,7 @@ function testResetHistory() {
 }
 
 function testUsingPromises() {
-    sinon.stub().usingPromise(Promise);
+    const stub: sinon.SinonStub = sinon.stub().usingPromise(Promise);
 }
 
 function testSpy() {

From d93d6a53a4a294afa953bda3a731c9bc0ea4a43d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Vesa=20Poikaj=C3=A4rvi?= <vesa.poikajarvi@iki.fi>
Date: Wed, 3 May 2017 23:19:42 +0300
Subject: [PATCH 179/321] [bookshelf] fetchAll supports same parameters as
 fetch (#16170)

* fetchAll supports same parameters as fetch

Latest Bookshelf's instance.fetchAll calls collection.fetch() with
given options, ie. it supports the same options than fetch.

For example

(new User).fetchAll({columns: ['id', 'name']}).then(...)

* Update version number

* Revert "Update version number"

This reverts commit cf4a3e6c51554d75f5408acd23bb0fade6acafef.

* remove extra slash from contributor's name
---
 types/bookshelf/bookshelf-tests.ts | 9 +++++++++
 types/bookshelf/index.d.ts         | 3 +--
 2 files changed, 10 insertions(+), 2 deletions(-)

diff --git a/types/bookshelf/bookshelf-tests.ts b/types/bookshelf/bookshelf-tests.ts
index de7c73b085..f42a1bf784 100644
--- a/types/bookshelf/bookshelf-tests.ts
+++ b/types/bookshelf/bookshelf-tests.ts
@@ -481,6 +481,15 @@ new Book({'ISBN-13': '9780440180296'})
 
 /* model.fetchAll(), see http://bookshelfjs.org/#Model-instance-fetchAll */
 
+{
+	(new User).fetchAll({
+		columns: ['id', 'name'],
+		withRelated: ['posts.tags']
+	}).then((user: any) => {
+		console.log(user);
+	})
+}
+
 /* model.format(), see http://bookshelfjs.org/#Model-instance-format */
 
 /* model.get(), see http://bookshelfjs.org/#Model-instance-get */
diff --git a/types/bookshelf/index.d.ts b/types/bookshelf/index.d.ts
index e6b61eb1cc..86176ed2e8 100644
--- a/types/bookshelf/index.d.ts
+++ b/types/bookshelf/index.d.ts
@@ -282,8 +282,7 @@ declare namespace Bookshelf {
 		[index: string]: (query: Knex.QueryBuilder) => Knex.QueryBuilder;
 	}
 
-	interface FetchAllOptions extends SyncOptions {
-		require?: boolean;
+	interface FetchAllOptions extends FetchOptions {
 	}
 
 	interface SaveOptions extends SyncOptions {

From 74c1a0143600d0f9ad0711a2104bd5ad13c65148 Mon Sep 17 00:00:00 2001
From: jab <jab@users.noreply.github.com>
Date: Wed, 3 May 2017 17:10:05 -0400
Subject: [PATCH 180/321] fix incorrect case/type of primitives (#16306)

---
 .../cordova-plugin-qrscanner-tests.ts         | 10 ++---
 types/cordova-plugin-qrscanner/index.d.ts     | 39 ++++++++++---------
 2 files changed, 25 insertions(+), 24 deletions(-)

diff --git a/types/cordova-plugin-qrscanner/cordova-plugin-qrscanner-tests.ts b/types/cordova-plugin-qrscanner/cordova-plugin-qrscanner-tests.ts
index 009b0b7d2b..fe14bae63c 100644
--- a/types/cordova-plugin-qrscanner/cordova-plugin-qrscanner-tests.ts
+++ b/types/cordova-plugin-qrscanner/cordova-plugin-qrscanner-tests.ts
@@ -3,7 +3,7 @@
 var QRScanner: QRScanner = window.QRScanner;
 QRScanner.prepare();
 QRScanner.prepare((err, status) => { var error: QRScannerError = err; var obj: QRScannerStatus = status; });
-QRScanner.scan((err, results) => { var error: QRScannerError = err; var contents: String = results; });
+QRScanner.scan((err, results) => { var error: QRScannerError = err; var contents: string = results; });
 QRScanner.cancelScan();
 QRScanner.cancelScan((status) => {var obj: QRScannerStatus = status; });
 QRScanner.show();
@@ -31,12 +31,12 @@ QRScanner.destroy((status) => {var obj: QRScannerStatus = status; });
 
 QRScanner.prepare((err, status) => {
   var error: QRScannerError = err;
-  var num: Number = error.code;
-  var str: String = error.name;
+  var num: number = error.code;
+  var str: string = error.name;
   str = error._message;
 
   var obj: QRScannerStatus = status;
-  var bool: Boolean = status.authorized;
+  var bool: boolean = status.authorized;
   bool = status.denied;
   bool = status.restricted;
   bool = status.prepared;
@@ -46,5 +46,5 @@ QRScanner.prepare((err, status) => {
   bool = status.lightEnabled;
   bool = status.canOpenSettings;
   bool = status.canEnableLight;
-  var num: Number = status.currentCamera;
+  var num: number = status.currentCamera;
 });
diff --git a/types/cordova-plugin-qrscanner/index.d.ts b/types/cordova-plugin-qrscanner/index.d.ts
index ed5f72f26f..0f2a498a9c 100644
--- a/types/cordova-plugin-qrscanner/index.d.ts
+++ b/types/cordova-plugin-qrscanner/index.d.ts
@@ -1,6 +1,7 @@
-// Type definitions for cordova-plugin-qrscanner v1.0.0
+// Type definitions for cordova-plugin-qrscanner v1.0.1
 // Project: https://github.com/bitpay/cordova-plugin-qrscanner
 // Definitions by: Jason Dreyzehner <https://github.com/bitjson/>
+//                 Josh Bronson <https://github.com/jab>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 
 /**
@@ -32,7 +33,7 @@ interface QRScanner {
     * not need to be visible for scanning to function.
     * @param {function} callback Callback that gets an error or the results string.
     */
-    scan: (callback: (error: QRScannerError, result: String) => any) => void;
+    scan: (callback: (error: QRScannerError, result: string) => any) => void;
 
     /**
     * Cancels the current scan. If `QRScanner.prepare()` has not been called,
@@ -82,7 +83,7 @@ interface QRScanner {
     * @param {number} index A number representing the index of the camera to use.
     * @param {function} [callback] Callback that gets an error or the QRScannerStatus object.
     */
-    useCamera: (index: Number, callback?: (error: QRScannerError, status: QRScannerStatus) => any) => void;
+    useCamera: (index: number, callback?: (error: QRScannerError, status: QRScannerStatus) => any) => void;
 
     /**
     * Switch video capture to the device's front camera. If `QRScanner.prepare()`
@@ -150,7 +151,7 @@ interface QRScannerStatus {
   * (`AVAuthorizationStatus.Authorized`). On platforms with permissions granted
   * at install (Android pre-6.0, Windows Phone) this property is always true.
   */
-  authorized: Boolean,
+  authorized: boolean,
 
   /**
   * A boolean value which is true if the user permenantly denied camera access
@@ -158,59 +159,59 @@ interface QRScannerStatus {
   * only be gained by requesting the user change their decision (consider
   * offering a link to the setting via `openSettings()`).
   */
-  denied: Boolean,
+  denied: boolean,
 
   /**
   * A boolean value which is true if the user is unable to grant permissions due
   * to parental controls, organization security configuration profiles, or
   * similar reasons.
   */
-  restricted: Boolean,
+  restricted: boolean,
 
   /**
   * A boolean value which is true if QRScanner is prepared to capture video and
   * render it to the view.
   */
-  prepared: Boolean,
+  prepared: boolean,
 
   /**
   * A boolean value which is true if QRScanner is actively scanning for a QR code.
   */
-  scanning: Boolean,
+  scanning: boolean,
 
   /**
   * A boolean value which is true if QRScanner is displaying a live preview
   * from the device's camera. Set to false when the preview is paused.
   */
-  previewing: Boolean,
+  previewing: boolean,
 
   /**
   * A boolean value which is true when the native webview background is transparent.
   */
-  webviewBackgroundIsTransparent: Boolean,
+  webviewBackgroundIsTransparent: boolean,
 
   /**
   * A boolean value which is true if the light is enabled.
   */
-  lightEnabled: Boolean,
+  lightEnabled: boolean,
 
   /**
   * A boolean value which is true only if the users' operating system is able
   * to `QRScanner.openSettings()`.
   */
-  canOpenSettings: Boolean,
+  canOpenSettings: boolean,
 
   /**
   * A boolean value which is true only if the users' device can enable a light
   * in the direction of the currentCamera.
   */
-  canEnableLight: Boolean,
+  canEnableLight: boolean,
 
   /**
   * A number representing the index of the currentCamera. `0` is the back
   * camera, `1` is the front.
   */
-  currentCamera: Number
+  currentCamera: number
 }
 
 /**
@@ -218,8 +219,8 @@ interface QRScannerStatus {
 *
 * Many QRScanner functions accept a callback with an `error` parameter. When
 * QRScanner experiences errors, this parameter contains a QRScannerError object
-* with properties `name` (_String_), `code` (_Number_), and `_message`
-* (_String_). When handling errors, rely only on the `name` or `code` parameter,
+* with properties `name` (_string_), `code` (_number_), and `_message`
+* (_string_). When handling errors, rely only on the `name` or `code` parameter,
 *as the specific content of `_message` is not considered part of the plugin's
 * stable API.
 *
@@ -242,17 +243,17 @@ interface QRScannerError {
   /**
   * The standard string identifying the type of this QRScannerError.
   */
-  name: String,
+  name: string,
 
   /**
   * The standard number identifying the type of this QRScannerError.
   */
-  code: Number,
+  code: number,
 
   /**
   * A simple message describing this QRScannerError.
   */
-  _message: String
+  _message: string
 }
 
 declare var QRScanner: QRScanner;

From 1a608e05d819f721d0436240e0b835529aa3247d Mon Sep 17 00:00:00 2001
From: Mike Cook <mike@mike-cook.co.uk>
Date: Wed, 3 May 2017 22:11:22 +0100
Subject: [PATCH 181/321] Remove path-to-regexp and add koa-route definitions
 (#16220)

* Add type definitions for koa-route

* Not needed: path-to-regexp

* Change path-to-regexp asOfVersion to ^1.7.0

* Revert "Change path-to-regexp asOfVersion to ^1.7.0"

This reverts commit 0452ebe8033ef9de3c084f4ef3366f63e351af6e.

* Change path-to-regexp dependency to ^1.7.0
---
 notNeededPackages.json                        |  6 ++
 types/koa-route/index.d.ts                    | 63 +++++++++++++++++++
 types/koa-route/koa-route-tests.ts            | 21 +++++++
 types/koa-route/package.json                  |  5 ++
 .../tsconfig.json                             |  6 +-
 types/koa-route/tslint.json                   |  1 +
 types/path-to-regexp/index.d.ts               | 20 ------
 types/path-to-regexp/path-to-regexp-tests.ts  | 15 -----
 8 files changed, 99 insertions(+), 38 deletions(-)
 create mode 100644 types/koa-route/index.d.ts
 create mode 100644 types/koa-route/koa-route-tests.ts
 create mode 100644 types/koa-route/package.json
 rename types/{path-to-regexp => koa-route}/tsconfig.json (84%)
 create mode 100644 types/koa-route/tslint.json
 delete mode 100644 types/path-to-regexp/index.d.ts
 delete mode 100644 types/path-to-regexp/path-to-regexp-tests.ts

diff --git a/notNeededPackages.json b/notNeededPackages.json
index 2bc2de286f..ca42f4d9f5 100644
--- a/notNeededPackages.json
+++ b/notNeededPackages.json
@@ -354,6 +354,12 @@
             "sourceRepoURL": "https://github.com/blakeembrey/path-case",
             "asOfVersion": "1.1.2"
         },
+        {
+            "libraryName": "path-to-regexp",
+            "typingsPackageName": "path-to-regexp",
+            "sourceRepoURL": "https://github.com/pillarjs/path-to-regexp",
+            "asOfVersion": "1.7.0"
+        },
         {
             "libraryName": "pg-promise",
             "typingsPackageName": "pg-promise",
diff --git a/types/koa-route/index.d.ts b/types/koa-route/index.d.ts
new file mode 100644
index 0000000000..4ee63b7b14
--- /dev/null
+++ b/types/koa-route/index.d.ts
@@ -0,0 +1,63 @@
+// Type definitions for koa-route 3.2
+// Project: https://github.com/koajs/route#readme
+// Definitions by: Mike Cook <https://github.com/migstopheles>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+// TypeScript Version: 2.2
+
+import * as Koa from 'koa';
+import * as pathToRegexp from 'path-to-regexp';
+
+type RoutePath = string | RegExp | Array<string | RegExp>;
+
+type RouteHandler = (this: Koa.Context, ctx: Koa.Context, ...params: any[]) => any;
+
+type CreateRoute = (routeFunc: RouteHandler) => Koa.Middleware;
+
+interface RouteMethod {
+    (path: RoutePath): CreateRoute;
+    (path: RoutePath, fn: RouteHandler, opts?: pathToRegexp.ParseOptions & pathToRegexp.RegExpOptions): Koa.Middleware;
+}
+
+type CreateRouteMethod = (method: string) => RouteMethod;
+
+interface KoaRoutes {
+    all: CreateRouteMethod;
+    acl: RouteMethod;
+    bind: RouteMethod;
+    checkout: RouteMethod;
+    connect: RouteMethod;
+    copy: RouteMethod;
+    delete: RouteMethod;
+    del: RouteMethod;
+    get: RouteMethod;
+    head: RouteMethod;
+    link: RouteMethod;
+    lock: RouteMethod;
+    msearch: RouteMethod;
+    merge: RouteMethod;
+    mkactivity: RouteMethod;
+    mkcalendar: RouteMethod;
+    mkcol: RouteMethod;
+    move: RouteMethod;
+    notify: RouteMethod;
+    options: RouteMethod;
+    patch: RouteMethod;
+    post: RouteMethod;
+    propfind: RouteMethod;
+    proppatch: RouteMethod;
+    purge: RouteMethod;
+    put: RouteMethod;
+    rebind: RouteMethod;
+    report: RouteMethod;
+    search: RouteMethod;
+    subscribe: RouteMethod;
+    trace: RouteMethod;
+    unbind: RouteMethod;
+    unlink: RouteMethod;
+    unlock: RouteMethod;
+    unsubscribe: RouteMethod;
+}
+
+declare const routes: KoaRoutes;
+
+export = routes;
diff --git a/types/koa-route/koa-route-tests.ts b/types/koa-route/koa-route-tests.ts
new file mode 100644
index 0000000000..331c7d6b53
--- /dev/null
+++ b/types/koa-route/koa-route-tests.ts
@@ -0,0 +1,21 @@
+import * as Koa from 'koa';
+import * as route from 'koa-route';
+
+const app = new Koa();
+
+const getData = async (param: string) => Promise.resolve({ foo: param });
+
+const getter = route.get('/');
+const getterMiddleware = getter((ctx, next) => {
+    ctx.body = { status: 'OK' };
+    next();
+});
+
+const putter = route.put('/api/:param', async (ctx, param, next) => {
+    const data = await getData(param);
+    ctx.body = { status: 'OK', ...data };
+    next();
+});
+
+app.use(getterMiddleware);
+app.use(putter);
diff --git a/types/koa-route/package.json b/types/koa-route/package.json
new file mode 100644
index 0000000000..1bac4155dc
--- /dev/null
+++ b/types/koa-route/package.json
@@ -0,0 +1,5 @@
+{
+    "dependencies": {
+        "path-to-regexp": "^1.7.0"
+    }
+}
diff --git a/types/path-to-regexp/tsconfig.json b/types/koa-route/tsconfig.json
similarity index 84%
rename from types/path-to-regexp/tsconfig.json
rename to types/koa-route/tsconfig.json
index bee259111e..7b54228aaa 100644
--- a/types/path-to-regexp/tsconfig.json
+++ b/types/koa-route/tsconfig.json
@@ -6,7 +6,7 @@
         ],
         "noImplicitAny": true,
         "noImplicitThis": true,
-        "strictNullChecks": false,
+        "strictNullChecks": true,
         "baseUrl": "../",
         "typeRoots": [
             "../"
@@ -17,6 +17,6 @@
     },
     "files": [
         "index.d.ts",
-        "path-to-regexp-tests.ts"
+        "koa-route-tests.ts"
     ]
-}
\ No newline at end of file
+}
diff --git a/types/koa-route/tslint.json b/types/koa-route/tslint.json
new file mode 100644
index 0000000000..3db14f85ea
--- /dev/null
+++ b/types/koa-route/tslint.json
@@ -0,0 +1 @@
+{ "extends": "dtslint/dt.json" }
diff --git a/types/path-to-regexp/index.d.ts b/types/path-to-regexp/index.d.ts
deleted file mode 100644
index 3ca0d48fb0..0000000000
--- a/types/path-to-regexp/index.d.ts
+++ /dev/null
@@ -1,20 +0,0 @@
-// Type definitions for path-to-regexp v1.0.3
-// Project: https://github.com/pillarjs/path-to-regexp
-// Definitions by: xica <https://github.com/xica>
-// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
-
-
-
-declare function pathToRegexp(path: string, keys?: string[], options?: pathToRegexp.Options): RegExp;
-
-declare namespace pathToRegexp {
-
-    interface Options {
-        sensitive?: boolean;
-        strict?: boolean;
-        end?: boolean;
-    }
-
-}
-
-export = pathToRegexp;
diff --git a/types/path-to-regexp/path-to-regexp-tests.ts b/types/path-to-regexp/path-to-regexp-tests.ts
deleted file mode 100644
index 784016f225..0000000000
--- a/types/path-to-regexp/path-to-regexp-tests.ts
+++ /dev/null
@@ -1,15 +0,0 @@
-
-import pathToRegexp = require('path-to-regexp');
-
-var keys: string[] = [];
-var re = pathToRegexp('/foo/:bar', keys);
-
-re = pathToRegexp('/foo/:bar', keys, {
-    sensitive: true,
-    strict: false,
-    end: true
-});
-
-re = pathToRegexp('/foo/:bar', keys, {
-    sensitive: true
-});
\ No newline at end of file

From d5124f0eaf8c60e618e30c15f5e01ea607e0ebf8 Mon Sep 17 00:00:00 2001
From: Johan Nordberg <jnordberg@users.noreply.github.com>
Date: Wed, 3 May 2017 23:15:25 +0200
Subject: [PATCH 182/321] Add missing binaryType property (#16181)

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

diff --git a/types/ws/index.d.ts b/types/ws/index.d.ts
index 35f9b16f2b..9fce6f9dc3 100644
--- a/types/ws/index.d.ts
+++ b/types/ws/index.d.ts
@@ -25,6 +25,7 @@ declare class WebSocket extends events.EventEmitter {
     upgradeReq: http.IncomingMessage;
     protocol: string;
     bufferedAmount: number;
+    binaryType: string;
 
     CONNECTING: number;
     OPEN: number;

From 468f9a4aedda06f99f1f6c5ec4ca900a6a4662ca Mon Sep 17 00:00:00 2001
From: frnkclsst <frank.closset@gmail.com>
Date: Wed, 3 May 2017 23:24:49 +0200
Subject: [PATCH 183/321] Update index.d.ts (#16172)


From 5fcbda7c01d94888d5fb454d8bbf51b036965ef1 Mon Sep 17 00:00:00 2001
From: Wyatt Hou <fdmiey@gmail.com>
Date: Thu, 4 May 2017 05:27:05 +0800
Subject: [PATCH 184/321] babylon.parse return File not Node (#16163)

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

diff --git a/types/babylon/index.d.ts b/types/babylon/index.d.ts
index 4400a8f1a0..eb35a5d799 100644
--- a/types/babylon/index.d.ts
+++ b/types/babylon/index.d.ts
@@ -5,10 +5,11 @@
 
 /// <reference types="babel-types" />
 
-import * as t from 'babel-types';
-type Node = t.Node;
+import { File, Expression } from 'babel-types';
 
-export function parse(code: string, opts?: BabylonOptions): Node;
+export function parse(code: string, opts?: BabylonOptions): File;
+
+export function parseExpression(input: string, options?: BabylonOptions): Expression;
 
 export interface BabylonOptions {
     /**

From cc56f233d44579541bfebb98f223d2300c314d2d Mon Sep 17 00:00:00 2001
From: Eric Eslinger <eric.eslinger@gmail.com>
Date: Wed, 3 May 2017 14:28:14 -0700
Subject: [PATCH 185/321] select is optional here (#16157)

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

diff --git a/types/hapi/index.d.ts b/types/hapi/index.d.ts
index d4c8861a78..7ac280569a 100644
--- a/types/hapi/index.d.ts
+++ b/types/hapi/index.d.ts
@@ -2295,7 +2295,7 @@ export class Server extends Events.EventEmitter {
 	register(
 		plugins: any | any[],
 		options: {
-			select: string | string[];
+			select?: string | string[];
 			routes: {
 				prefix: string; vhost?: string | string[]
 			};
@@ -2304,7 +2304,7 @@ export class Server extends Events.EventEmitter {
 	register(
 		plugins: any | any[],
 		options: {
-			select: string | string[];
+			select?: string | string[];
 			routes: {
 				prefix: string; vhost?: string | string[]
 			};

From 265397ccd35d8762781c125085085eb5dfc349e7 Mon Sep 17 00:00:00 2001
From: Gyusun Yeom <omniavinco@gmail.com>
Date: Thu, 4 May 2017 06:49:18 +0900
Subject: [PATCH 186/321] add missing options for tmp & lint (#16138)

* add missing options

* add tslint

* fix lint error
---
 types/tmp/index.d.ts   | 80 ++++++++++++++++++++----------------------
 types/tmp/tmp-tests.ts |  8 ++---
 types/tmp/tslint.json  |  1 +
 3 files changed, 43 insertions(+), 46 deletions(-)
 create mode 100644 types/tmp/tslint.json

diff --git a/types/tmp/index.d.ts b/types/tmp/index.d.ts
index c3e95ee0f7..90a1deca32 100644
--- a/types/tmp/index.d.ts
+++ b/types/tmp/index.d.ts
@@ -1,47 +1,43 @@
-// Type definitions for tmp v0.0.28
+// Type definitions for tmp 0.0
 // Project: https://www.npmjs.com/package/tmp
-// Definitions by: Jared Klopper <https://github.com/optical>
+// Definitions by: Jared Klopper <https://github.com/optical>, Gyusun Yeom <https://github.com/Perlmint>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 
-
-
-declare namespace tmp {
-    interface Options extends SimpleOptions {
-        mode?: number;
-    }
-
-    interface SimpleOptions {
-        prefix?: string;
-        postfix?: string;
-        template?: string;
-        dir?: string;
-        tries?: number;
-        keep?: boolean;
-        unsafeCleanup?: boolean;
-    }
-
-    interface SynchrounousResult {
-        name: string;
-        fd: number;
-        removeCallback: () => void;
-    }
-
-    function file(callback: (err: any, path: string, fd: number, cleanupCallback: () => void) => void): void;
-    function file(config: Options, callback?: (err: any, path: string, fd: number, cleanupCallback: () => void) => void): void;
-
-    function fileSync(config?: Options): SynchrounousResult;
-
-    function dir(callback: (err: any, path: string, cleanupCallback: () => void) => void): void;
-    function dir(config: Options, callback?: (err: any, path: string, cleanupCallback: () => void) => void): void;
-
-    function dirSync(config?: Options): SynchrounousResult;
-
-    function tmpName(callback: (err: any, path: string) => void): void;
-    function tmpName(config: SimpleOptions, callback?: (err: any, path: string) => void): void;
-
-    function tmpNameSync(config?: SimpleOptions): string;
-
-    function setGracefulCleanup(): void;
+export interface Options extends SimpleOptions {
+    mode?: number;
+    discardDescriptor?: boolean;
+    detachDescriptor?: boolean;
 }
 
-export = tmp;
+export interface SimpleOptions {
+    prefix?: string;
+    postfix?: string;
+    template?: string;
+    dir?: string;
+    tries?: number;
+    keep?: boolean;
+    unsafeCleanup?: boolean;
+}
+
+export interface SynchrounousResult {
+    name: string;
+    fd: number;
+    removeCallback(): void;
+}
+
+export function file(callback: (err: any, path: string, fd: number, cleanupCallback: () => void) => void): void;
+export function file(config: Options, callback?: (err: any, path: string, fd: number, cleanupCallback: () => void) => void): void;
+
+export function fileSync(config?: Options): SynchrounousResult;
+
+export function dir(callback: (err: any, path: string, cleanupCallback: () => void) => void): void;
+export function dir(config: Options, callback?: (err: any, path: string, cleanupCallback: () => void) => void): void;
+
+export function dirSync(config?: Options): SynchrounousResult;
+
+export function tmpName(callback: (err: any, path: string) => void): void;
+export function tmpName(config: SimpleOptions, callback?: (err: any, path: string) => void): void;
+
+export function tmpNameSync(config?: SimpleOptions): string;
+
+export function setGracefulCleanup(): void;
diff --git a/types/tmp/tmp-tests.ts b/types/tmp/tmp-tests.ts
index 7f8a4cffb3..3d54b3ee41 100644
--- a/types/tmp/tmp-tests.ts
+++ b/types/tmp/tmp-tests.ts
@@ -44,7 +44,7 @@ tmp.tmpName({ template: '/tmp/tmp-XXXXXX' }, (err, path) => {
 
 tmp.setGracefulCleanup();
 
-var tmpobj = tmp.fileSync();
+let tmpobj = tmp.fileSync();
 console.log("File: ", tmpobj.name);
 console.log("Filedescriptor: ", tmpobj.fd);
 tmpobj.removeCallback();
@@ -53,7 +53,7 @@ tmpobj = tmp.dirSync();
 console.log("Dir: ", tmpobj.name);
 tmpobj.removeCallback();
 
-var name = tmp.tmpNameSync();
+const name = tmp.tmpNameSync();
 console.log("Created temporary filename: ", name);
 
 tmpobj = tmp.fileSync({ mode: 644, prefix: 'prefix-', postfix: '.txt' });
@@ -63,5 +63,5 @@ console.log("Filedescriptor: ", tmpobj.fd);
 tmpobj = tmp.dirSync({ mode: 750, prefix: 'myTmpDir_' });
 console.log("Dir: ", tmpobj.name);
 
-var tmpname  = tmp.tmpNameSync({ template: '/tmp/tmp-XXXXXX' });
-console.log("Created temporary filename: ", tmpname );
\ No newline at end of file
+const tmpname  = tmp.tmpNameSync({ template: '/tmp/tmp-XXXXXX' });
+console.log("Created temporary filename: ", tmpname );
diff --git a/types/tmp/tslint.json b/types/tmp/tslint.json
new file mode 100644
index 0000000000..3db14f85ea
--- /dev/null
+++ b/types/tmp/tslint.json
@@ -0,0 +1 @@
+{ "extends": "dtslint/dt.json" }

From 265cfa66deeabb072cd2e4e3e4343fdc0fa4d502 Mon Sep 17 00:00:00 2001
From: MNB <buyskih@gmail.com>
Date: Thu, 4 May 2017 00:55:55 +0300
Subject: [PATCH 187/321] Add exports to inerfaces (#16122)

---
 types/react-native-fetch-blob/index.d.ts | 58 ++++++++++++------------
 1 file changed, 29 insertions(+), 29 deletions(-)

diff --git a/types/react-native-fetch-blob/index.d.ts b/types/react-native-fetch-blob/index.d.ts
index 3e281c523d..2e668e18e8 100644
--- a/types/react-native-fetch-blob/index.d.ts
+++ b/types/react-native-fetch-blob/index.d.ts
@@ -23,7 +23,7 @@ interface RNFetchBlobStatic {
     JSONStream: any;
 }
 
-interface Polyfill {
+export interface Polyfill {
     Blob: PolyfillBlob;
     File: PolyfillFile;
     XMLHttpRequest: PolyfillXMLHttpRequest;
@@ -33,17 +33,17 @@ interface Polyfill {
     Fetch: PolyfillFetch;
 }
 
-declare class PolyfillFetch extends RNFetchBlobFetchPolyfill {
+export declare class PolyfillFetch extends RNFetchBlobFetchPolyfill {
     constructor(config: RNFetchBlobConfig);
 }
 
-declare class RNFetchBlobFetchPolyfill {
+export declare class RNFetchBlobFetchPolyfill {
     constructor(config: RNFetchBlobConfig);
 
     build(): (url: string, options: RNFetchBlobConfig) => StatefulPromise<RNFetchBlobFetchRepsonse>;
 }
 
-interface RNFetchBlobFetchRepsonse {
+export interface RNFetchBlobFetchRepsonse {
     arrayBuffer(): Promise<any[]>;
     blob(): Promise<PolyfillBlob>;
     json(): Promise<any>;
@@ -62,7 +62,7 @@ interface RNFetchBlobFetchRepsonse {
 /**
  * RNFetchBlob response object class.
  */
-interface FetchBlobResponse {
+export interface FetchBlobResponse {
     taskId: string;
     /**
      * get path of response temp file
@@ -111,7 +111,7 @@ interface FetchBlobResponse {
     readStream(encode: Encoding): RNFetchBlobStream | null;
 }
 
-interface PolyfillFileReader extends EventTarget {
+export interface PolyfillFileReader extends EventTarget {
     isRNFBPolyFill: boolean;
     onloadstart(e: Event): void;
     onprogress(e: Event): void;
@@ -130,22 +130,22 @@ interface PolyfillFileReader extends EventTarget {
     result: number;
 }
 
-declare namespace PolyfillFileReader {
+export declare namespace PolyfillFileReader {
     const EMPTY: number;
     const LOADING: number;
     const DONE: number;
 }
 
-declare class PolyfillEvent {
+export declare class PolyfillEvent {
 }
 
-interface PolyfillProgressEvent extends EventTarget {
+export interface PolyfillProgressEvent extends EventTarget {
     lengthComputable: boolean;
     loaded: number;
     total: number;
 }
 
-declare class PolyfillBlob extends EventTarget {
+export declare class PolyfillBlob extends EventTarget {
     /**
      * RNFetchBlob Blob polyfill, create a Blob directly from file path, BASE64
      * encoded data, and string. The conversion is done implicitly according to
@@ -198,7 +198,7 @@ declare class PolyfillBlob extends EventTarget {
     close(): Promise<void>;
 }
 
-declare namespace PolyfillBlob {
+export declare namespace PolyfillBlob {
     function clearCache(): void;
 
     function build(data: any, cType: any): Promise<PolyfillBlob>;
@@ -206,10 +206,10 @@ declare namespace PolyfillBlob {
     function setLog(level: number): void;
 }
 
-declare class PolyfillFile extends PolyfillBlob {
+export declare class PolyfillFile extends PolyfillBlob {
 }
 
-interface PolyfillXMLHttpRequest extends PolyfillXMLHttpRequestEventTarget {
+export interface PolyfillXMLHttpRequest extends PolyfillXMLHttpRequestEventTarget {
     upload: PolyfillXMLHttpRequestEventTarget;
     readonly UNSENT: number;
     readonly OPENED: number;
@@ -256,7 +256,7 @@ interface PolyfillXMLHttpRequest extends PolyfillXMLHttpRequestEventTarget {
     responseType: string;
 }
 
-declare namespace PolyfillXMLHttpRequest {
+export declare namespace PolyfillXMLHttpRequest {
     const binaryContentTypes: string[];
     const UNSENT: number;
     const OPENED: number;
@@ -271,7 +271,7 @@ declare namespace PolyfillXMLHttpRequest {
     function removeBinaryContentType(): void;
 }
 
-interface PolyfillXMLHttpRequestEventTarget extends EventTarget {
+export interface PolyfillXMLHttpRequestEventTarget extends EventTarget {
     onabort(e: Event): void;
     onerror(e: Event): void;
     onload(e: Event): void;
@@ -281,7 +281,7 @@ interface PolyfillXMLHttpRequestEventTarget extends EventTarget {
     onloadend(e: Event): void;
 }
 
-interface Net {
+export interface Net {
     /**
      * Get cookie according to the given url.
      * @param  {string} domain Domain of the cookies to be removed, remove all
@@ -298,7 +298,7 @@ interface Net {
     removeCookies(domain?: string): Promise<null>;
 }
 
-interface FS {
+export interface FS {
     RNFetchBlobSession: RNFetchBlobSession;
 
     /**
@@ -398,7 +398,7 @@ interface FS {
     df(): Promise<{ free: number, total: number }>;
 }
 
-interface Dirs {
+export interface Dirs {
     DocumentDir: string;
     CacheDir: string;
     PictureDir: string;
@@ -410,7 +410,7 @@ interface Dirs {
     MainBundleDir: string;
 }
 
-interface RNFetchBlobWriteStream {
+export interface RNFetchBlobWriteStream {
     id: string;
     encoding: string;
     append: boolean;
@@ -419,7 +419,7 @@ interface RNFetchBlobWriteStream {
     close(): void;
 }
 
-interface RNFetchBlobReadStream {
+export interface RNFetchBlobReadStream {
     path: string;
     encoding: Encoding;
     bufferSize?: number;
@@ -438,7 +438,7 @@ interface RNFetchBlobReadStream {
 type Encoding = "utf8" | "ascii" | "base64";
 
 /* tslint:disable-next-line interface-name*/
-interface IOSApi {
+export interface IOSApi {
     /**
      * Open a file in {@link https://developer.apple.com/reference/uikit/uidocumentinteractioncontroller UIDocumentInteractionController},
      * this is the default document viewer of iOS, supports several kinds of files. On Android, there's an similar method {@link android.actionViewIntent}.
@@ -453,7 +453,7 @@ interface IOSApi {
     openDocument(path: string): void;
 }
 
-interface AndroidApi {
+export interface AndroidApi {
     /**
      * When sending an ACTION_VIEW intent with given file path and MIME type, system will try to open an
      * App to handle the file. For example, open Gallery app to view an image, or install APK.
@@ -469,7 +469,7 @@ type Methods = "POST" | "GET" | "DELETE" | "PUT" | "post" | "get" | "delete" | "
  * A declare class inherits Promise, it has extra method like progress, uploadProgress,
  * and cancel which can help managing an asynchronous task's state.
  */
-interface StatefulPromise<T> extends Promise<T> {
+export interface StatefulPromise<T> extends Promise<T> {
     /**
      * Cancel the request when invoke this method.
      */
@@ -503,7 +503,7 @@ interface StatefulPromise<T> extends Promise<T> {
     expire(callback: () => void): StatefulPromise<void>;
 }
 
-declare class RNFetchBlobSession {
+export declare class RNFetchBlobSession {
     constructor(name: string, list: string[]);
 
     add(path: string): RNFetchBlobSession;
@@ -526,7 +526,7 @@ declare class RNFetchBlobSession {
 /**
  * A set of configurations that will be injected into a fetch method, with the following properties.
  */
-interface RNFetchBlobConfig {
+export interface RNFetchBlobConfig {
     /**
      * When this property is true, the downloaded data will overwrite the existing file. (true by default)
      */
@@ -570,7 +570,7 @@ interface RNFetchBlobConfig {
     addAndroidDownloads?: AddAndroidDownloads;
 }
 
-interface AddAndroidDownloads {
+export interface AddAndroidDownloads {
     /**
      * download file using Android download manager or not.
      */
@@ -602,7 +602,7 @@ interface AddAndroidDownloads {
     notification?: boolean;
 }
 
-interface RNFetchBlobResponseInfo {
+export interface RNFetchBlobResponseInfo {
     taskId: string;
     state: number;
     headers: any;
@@ -611,11 +611,11 @@ interface RNFetchBlobResponseInfo {
     rnfbEncode: "path" | "base64" | "ascii" | "utf8";
 }
 
-interface RNFetchBlobStream {
+export interface RNFetchBlobStream {
     onData(): void;
     onError(): void;
     onEnd(): void;
 }
 
-declare class RNFetchBlobFile {
+export declare class RNFetchBlobFile {
 }

From 9c78cc64c2d8189871255f937da359d487745f30 Mon Sep 17 00:00:00 2001
From: Rafael <devconcept@users.noreply.github.com>
Date: Wed, 3 May 2017 17:58:53 -0400
Subject: [PATCH 188/321] Added type definitions for multer-gridfs-storage
 (#16304)

* Added type definitions for multer-gridfs-storage

* Fixed testing errors

* Fixed compatibility issues with Typescript 2.0
---
 types/multer-gridfs-storage/index.d.ts        | 78 +++++++++++++++++++
 .../multer-gridfs-storage-tests.ts            | 43 ++++++++++
 types/multer-gridfs-storage/tsconfig.json     | 22 ++++++
 types/multer-gridfs-storage/tslint.json       |  1 +
 4 files changed, 144 insertions(+)
 create mode 100644 types/multer-gridfs-storage/index.d.ts
 create mode 100644 types/multer-gridfs-storage/multer-gridfs-storage-tests.ts
 create mode 100644 types/multer-gridfs-storage/tsconfig.json
 create mode 100644 types/multer-gridfs-storage/tslint.json

diff --git a/types/multer-gridfs-storage/index.d.ts b/types/multer-gridfs-storage/index.d.ts
new file mode 100644
index 0000000000..752609b4e3
--- /dev/null
+++ b/types/multer-gridfs-storage/index.d.ts
@@ -0,0 +1,78 @@
+// Type definitions for multer-gridfs-storage 1.1
+// Project: https://github.com/devconcept/multer-gridfs-storage
+// Definitions by: devconcept <https://github.com/devconcept/>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+
+import {EventEmitter} from 'events';
+import {Express} from 'express';
+import * as Multer from 'multer';
+import {Grid} from 'gridfs-stream';
+
+type logConfig = 'file' | 'all';
+
+interface StorageLog {
+	message: string;
+	extra: any;
+}
+
+type NodeCb<T> = (err: Error | null, value: T | null) => void;
+
+type ConfigFn<T> = (req: Express.Request, file: Express.Multer.File, cb: T) => void;
+
+// TODO: PR and add this interface to the mongodb types
+interface GridFile {
+	_id: any;
+	filename: string;
+	contentType: string;
+	length: number;
+	chunkSize: number;
+	uploadDate: Date;
+	aliases: any;
+	metadata: any;
+	md5: string;
+}
+
+interface MulterGfsOptions {
+	filename?: ConfigFn<NodeCb<string>>;
+	identifier?: ConfigFn<NodeCb<any>>;
+	metadata?: ConfigFn<NodeCb<any>>;
+	chunkSize?: number | ConfigFn<NodeCb<number>>;
+	root?: string | ConfigFn<NodeCb<string>>;
+	log?: boolean | NodeCb<StorageLog>;
+	logLevel?: logConfig;
+}
+
+declare class MulterGridfsStorage extends EventEmitter implements Multer.StorageEngine {
+	constructor(settings: MulterGridfsStorage.UrlStorageOptions | MulterGridfsStorage.GfsStorageOptions);
+
+	_handleFile(req: Express.Request, file: Express.Multer.File, callback: (error?: any, info?: Express.Multer.File) => void): void;
+
+	_removeFile(req: Express.Request, file: Express.Multer.File, callback: (error: Error) => void): void;
+}
+
+declare namespace MulterGridfsStorage {
+	interface UrlStorageOptions extends MulterGfsOptions {
+		url: string;
+	}
+
+	interface GfsStorageOptions extends MulterGfsOptions {
+		gfs: Promise<Grid> | Grid;
+	}
+}
+
+// Merge multer's file declaration with ours
+declare global {
+	namespace Express {
+		namespace Multer {
+			interface File {
+				filename: string;
+				metadata: any;
+				id: any;
+				grid: GridFile;
+				size: number;
+			}
+		}
+	}
+}
+
+export = MulterGridfsStorage;
diff --git a/types/multer-gridfs-storage/multer-gridfs-storage-tests.ts b/types/multer-gridfs-storage/multer-gridfs-storage-tests.ts
new file mode 100644
index 0000000000..229fd7877d
--- /dev/null
+++ b/types/multer-gridfs-storage/multer-gridfs-storage-tests.ts
@@ -0,0 +1,43 @@
+import * as MulterGridfsStorage from 'multer-gridfs-storage';
+import {Grid} from "gridfs-stream";
+
+// Exported interfaces
+let opt1: MulterGridfsStorage.GfsStorageOptions;
+let opt2: MulterGridfsStorage.UrlStorageOptions;
+
+// All options
+let gfsCtr = new MulterGridfsStorage({
+	gfs: new Grid(),
+	filename: (req, file, cb) => cb(null, ''),
+	chunkSize: (req, file, cb) => cb(null, 1),
+	identifier: (req, file, cb) => cb(null, ''),
+	metadata: (req, file, cb) => cb(new Error(), null),
+	logLevel: 'all',
+	root: (req, file, cb) => cb(null, 'unicorns')
+});
+
+let urlCtr = new MulterGridfsStorage({
+	url: '',
+	filename: (req, file, cb) => cb(null, ''),
+	chunkSize: (req, file, cb) => cb(null, 1),
+	identifier: (req, file, cb) => cb(null, ''),
+	metadata: (req, file, cb) => cb(new Error(), {}),
+	logLevel: 'all',
+	root: (req, file, cb) => cb(null, '')
+});
+
+// Other properties are optional
+let gfsOnly = new MulterGridfsStorage({
+	gfs: new Grid()
+});
+
+let urlOnly = new MulterGridfsStorage({
+	url: ''
+});
+
+function noop() {
+}
+// Extends event emitter
+gfsCtr.on('connection', noop);
+urlCtr.addListener('conection', noop);
+gfsOnly.removeAllListeners('conection');
diff --git a/types/multer-gridfs-storage/tsconfig.json b/types/multer-gridfs-storage/tsconfig.json
new file mode 100644
index 0000000000..46054115e0
--- /dev/null
+++ b/types/multer-gridfs-storage/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",
+				"multer-gridfs-storage-tests.ts"
+		]
+}
diff --git a/types/multer-gridfs-storage/tslint.json b/types/multer-gridfs-storage/tslint.json
new file mode 100644
index 0000000000..3db14f85ea
--- /dev/null
+++ b/types/multer-gridfs-storage/tslint.json
@@ -0,0 +1 @@
+{ "extends": "dtslint/dt.json" }

From 43d498dfa2b74853c8e2bcd5c063ec2d33584f90 Mon Sep 17 00:00:00 2001
From: Andy <anhans@microsoft.com>
Date: Wed, 3 May 2017 15:31:34 -0700
Subject: [PATCH 189/321] Remove destructuring in signatures (#16307)

---
 types/lestate/index.d.ts         | 36 ++++++++++++++------------------
 types/lestate/lestate-tests.ts   | 12 +++++------
 types/lestate/tslint.json        |  1 +
 types/nvd3/index.d.ts            |  2 +-
 types/stamplay-js-sdk/index.d.ts |  2 +-
 5 files changed, 25 insertions(+), 28 deletions(-)
 create mode 100644 types/lestate/tslint.json

diff --git a/types/lestate/index.d.ts b/types/lestate/index.d.ts
index c606b93c36..ca9f6aab47 100644
--- a/types/lestate/index.d.ts
+++ b/types/lestate/index.d.ts
@@ -1,25 +1,21 @@
-// Type definitions for LeState v0.1.3
+// Type definitions for LeState 0.1
 // Project: https://github.com/LeTools/LeState
 // Definitions by: Hadrian Oliveira <https://github.com/thelambdaparty/>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 
-declare let LeState : {
-    createState: (props?: {
-        initialState: {};
-    }) => {
-        set(newValue: {}): [{
-            id: number;
-            state: {};
-        }];
-        get(): any;
-        insert(newValue: {}): void;
-        getDescription(): {};
-        createListener({ id, selector, force }: {
-            id: number;
-            selector: (state :any) => {};
-            force?: boolean;
-        }): void;
-    };
-};
+export interface LeState {
+    set(newValue: {}): [{
+        id: number;
+        state: {};
+    }];
+    get(): any;
+    insert(newValue: {}): void;
+    getDescription(): {};
+    createListener(options: {
+        id: number;
+        selector(state: any): {};
+        force?: boolean;
+    }): void;
+}
 
-export = LeState;
+export function createState(props?: { initialState: {} }): LeState;
diff --git a/types/lestate/lestate-tests.ts b/types/lestate/lestate-tests.ts
index 3c2b074d2d..6eb3ad6d96 100644
--- a/types/lestate/lestate-tests.ts
+++ b/types/lestate/lestate-tests.ts
@@ -1,19 +1,19 @@
 import LeState = require("lestate");
-let State = LeState.createState()
+let State = LeState.createState();
 
 State.set({
     test : {}
-})
+});
 
-let currentState = State.get()
+let currentState = State.get();
 
 State.insert({
     test : {}
-})
+});
 
-let currentDescription = State.getDescription()
+let currentDescription = State.getDescription();
 
 State.createListener({
     id       : 0,
     selector : state => ({ test : state.test })
-})
+});
diff --git a/types/lestate/tslint.json b/types/lestate/tslint.json
new file mode 100644
index 0000000000..2750cc0197
--- /dev/null
+++ b/types/lestate/tslint.json
@@ -0,0 +1 @@
+{ "extends": "dtslint/dt.json" }
\ No newline at end of file
diff --git a/types/nvd3/index.d.ts b/types/nvd3/index.d.ts
index de2bbddefe..862aa38d99 100644
--- a/types/nvd3/index.d.ts
+++ b/types/nvd3/index.d.ts
@@ -67,7 +67,7 @@ declare namespace nv {
     }
 
     interface Nvd3TooltipStatic {
-        show([left, top]: [number, number], content: string, gravity?: string): void; //todo sort out use on nv.tooltip.
+        show(leftTop: [number, number], content: string, gravity?: string): void; //todo sort out use on nv.tooltip.
         cleanup(): void; //todo sort out use on nv.tooltip.
     }
 
diff --git a/types/stamplay-js-sdk/index.d.ts b/types/stamplay-js-sdk/index.d.ts
index ed029cc1bd..8189691a46 100644
--- a/types/stamplay-js-sdk/index.d.ts
+++ b/types/stamplay-js-sdk/index.d.ts
@@ -16,7 +16,7 @@ declare namespace Stamplay {
     unset(property: string): void;
     fetch(id: any): Promise<any>;
     destroy(): Promise<any>;
-    save({}?): Promise<any>;
+    save(arg?: any): Promise<any>; // TODO: Don't know what this is supposed to be.
     upVote(): Promise<any>;
   }
 

From 1550dfd1b8e38d9bf104b3fd16ea9bf98a2b358e Mon Sep 17 00:00:00 2001
From: liam-goodacre-hpe <liam.goodacre@hpe.com>
Date: Thu, 4 May 2017 01:18:14 +0100
Subject: [PATCH 190/321] Ramda - Fix typing of assoc, objOf, and transpose
 (#16091)

* Fix typing of assoc, objOf, and transpose

* Bump language version for Ramda
---
 types/ramda/index.d.ts     | 15 ++++++++-------
 types/ramda/ramda-tests.ts | 26 +++++++++++++++-----------
 2 files changed, 23 insertions(+), 18 deletions(-)

diff --git a/types/ramda/index.d.ts b/types/ramda/index.d.ts
index 7a4540e761..20ad9529a9 100644
--- a/types/ramda/index.d.ts
+++ b/types/ramda/index.d.ts
@@ -1,7 +1,8 @@
 // Type definitions for ramda
 // Project: https://github.com/donnut/typescript-ramda
-// Definitions by: Erwin Poeze <https://github.com/donnut>, Matt DeKrey <https://github.com/mdekrey>
+// Definitions by: Erwin Poeze <https://github.com/donnut>, Matt DeKrey <https://github.com/mdekrey>, Liam Goodacre <https://github.com/LiamGoodacre>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+// TypeScript Version: 2.2
 
 declare var R: R.Static;
 
@@ -214,9 +215,9 @@ declare namespace R {
         /**
          * Makes a shallow clone of an object, setting or overriding the specified property with the given value.
          */
-        assoc<T,U>(prop: string, val: T, obj: U): {prop: T} & U;
-        assoc(prop: string): <T,U>(val: T, obj: U) => {prop: T} & U;
-        assoc<T>(prop: string, val: T): <U>(obj: U) => {prop: T} & U;
+        assoc<T,U,K extends string>(prop: K, val: T, obj: U): Record<K, T> & U;
+        assoc<K extends string>(prop: K): <T,U>(val: T, obj: U) => Record<K, T> & U;
+        assoc<T,K extends string>(prop: K, val: T): <U>(obj: U) => Record<K, T> & U;
 
 
         /**
@@ -1055,8 +1056,8 @@ declare namespace R {
         /**
          * Creates an object containing a single key:value pair.
          */
-        objOf<T>(key: string, value: T): {string: T};
-        objOf(key: string): <T>(value: T) => {string: T};
+        objOf<T, K extends string>(key: K, value: T): Record<K, T>;
+        objOf<K extends string>(key: K): <T>(value: T) => Record<K, T>;
 
         /**
          * Returns a singleton array containing the value provided.
@@ -1584,7 +1585,7 @@ declare namespace R {
         /**
          * Transposes the rows and columns of a 2D list. When passed a list of n lists of length x, returns a list of x lists of length n.
          */
-        transpose<T>(list: any[][]): any[][];
+        transpose<T>(list: T[][]): T[][];
 
         /**
          * Removes (strips) whitespace from both ends of the string.
diff --git a/types/ramda/ramda-tests.ts b/types/ramda/ramda-tests.ts
index a801a5696e..5c5948b047 100644
--- a/types/ramda/ramda-tests.ts
+++ b/types/ramda/ramda-tests.ts
@@ -965,9 +965,9 @@ type Pair = KeyValuePair<string, number>
 }
 
 () => {
-    const a: any[][] = R.transpose([[1, 'a'], [2, 'b'], [3, 'c']]) //=> [[1, 2, 3], ['a', 'b', 'c']]
-    const b: any[][] = R.transpose([[1, 2, 3], ['a', 'b', 'c']]) //=> [[1, 'a'], [2, 'b'], [3, 'c']]
-    const c: any[][] = R.transpose([[10, 11], [20], [], [30, 31, 32]]) //=> [[10, 20, 30], [11, 31], [32]]
+    const a: (number | string)[][] = R.transpose<number | string>([[1, 'a'], [2, 'b'], [3, 'c']]) //=> [[1, 2, 3], ['a', 'b', 'c']]
+    const b: (number | string)[][] = R.transpose<number | string>([[1, 2, 3], ['a', 'b', 'c']]) //=> [[1, 'a'], [2, 'b'], [3, 'c']]
+    const c: number[][] = R.transpose([[10, 11], [20], [], [30, 31, 32]]) //=> [[10, 20, 30], [11, 31], [32]]
 }
 
 () => {
@@ -1024,9 +1024,10 @@ type Pair = KeyValuePair<string, number>
  * Object category
  */
 () => {
-    const a = R.assoc('c', 3, {a: 1, b: 2}); //=> {a: 1, b: 2, c: 3}
-    const b = R.assoc('c')(3, {a: 1, b: 2}); //=> {a: 1, b: 2, c: 3}
-    const c = R.assoc('c', 3)({a: 1, b: 2}); //=> {a: 1, b: 2, c: 3}
+    type ABC = {a: number, b: number, c: number}
+    const a: ABC = R.assoc('c', 3, {a: 1, b: 2}); //=> {a: 1, b: 2, c: 3}
+    const b: ABC = R.assoc('c')(3, {a: 1, b: 2}); //=> {a: 1, b: 2, c: 3}
+    const c: ABC = R.assoc('c', 3)({a: 1, b: 2}); //=> {a: 1, b: 2, c: 3}
 }
 
 () => {
@@ -1296,12 +1297,15 @@ class Rectangle {
 }
 
 () => {
-    var matchPhrases = R.compose(
-    R.objOf('must'),
-    R.map(R.objOf('match_phrase'))
-)
+    const matchPhrases = (xs: string[]) => R.objOf('must',
+        R.map(
+            (x: string) => R.objOf('match_phrase', x),
+            xs
+        )
+    )
 
-matchPhrases(['foo', 'bar', 'baz']);
+    const out: {must: Array<{match_phrase: string}>} =
+        matchPhrases(['foo', 'bar', 'baz']);
 }
 () => {
     R.omit(['a', 'd'], {a: 1, b: 2, c: 3, d: 4}); //=> {b: 2, c: 3}

From fd008d7f7606289de89e30a3a9dd8d152d5c8e55 Mon Sep 17 00:00:00 2001
From: Joseph Hain <hain.joseph@gmail.com>
Date: Thu, 4 May 2017 10:52:41 -0600
Subject: [PATCH 191/321] Add react-flip-move type definitions (#16309)

---
 types/react-flip-move/index.d.ts              | 220 ++++++++++++++++++
 .../react-flip-move/react-flip-move-tests.tsx |  70 ++++++
 types/react-flip-move/tsconfig.json           |  24 ++
 types/react-flip-move/tslint.json             |   1 +
 4 files changed, 315 insertions(+)
 create mode 100644 types/react-flip-move/index.d.ts
 create mode 100644 types/react-flip-move/react-flip-move-tests.tsx
 create mode 100644 types/react-flip-move/tsconfig.json
 create mode 100644 types/react-flip-move/tslint.json

diff --git a/types/react-flip-move/index.d.ts b/types/react-flip-move/index.d.ts
new file mode 100644
index 0000000000..81170d8f22
--- /dev/null
+++ b/types/react-flip-move/index.d.ts
@@ -0,0 +1,220 @@
+// Type definitions for react-flip-move 2.9
+// Project: https://github.com/joshwcomeau/react-flip-move
+// Definitions by: Joey Hain <https://github.com/jmhain>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+// TypeScript Version: 2.2
+
+import { Component, ReactElement } from "react";
+
+export as namespace FlipMove;
+export = FlipMove;
+
+declare class FlipMove extends Component<FlipMove.FlipMoveProps, any> { }
+
+declare namespace FlipMove {
+    type AnimationPreset = "elevator" | "fade" | "accordionVertical" | "accordionHorizontal" | "none";
+
+    interface Animation {
+        from: Partial<CSSStyleDeclaration>;
+        to: Partial<CSSStyleDeclaration>;
+    }
+
+    interface FlipMoveProps {
+        className?: string;
+
+        /**
+         * Any valid CSS3 timing function (eg. "linear", "ease-in", "cubic-bezier(1, 0, 0, 1)").
+         *
+         * @default "ease-in-out"
+         */
+        easing?: string;
+
+        /**
+         * The length, in milliseconds, that the transition ought to take.
+         *
+         * @default 350
+         */
+        duration?: number;
+
+        /**
+         * The length, in milliseconds, to wait before the animation begins.
+         *
+         * @default 0
+         */
+        delay?: number;
+
+        /**
+         * The length, in milliseconds, to be added to the duration of each subsequent element.
+         *
+         * For example, if you are animating 4 elements with a `duration` of 200 and a `staggerDurationBy` of 20:
+         *
+         * - The first element will take 200ms to transition.
+         * - The second element will take 220ms to transition.
+         * - The third element will take 240ms to transition.
+         * - The fourth element will take 260ms to transition.
+         *
+         * This effect is great for "humanizing" transitions and making them feel less robotic.
+         */
+        staggerDurationBy?: number;
+
+        /**
+         * The length, in milliseconds, to be added to the delay of each subsequent element.
+         *
+         * For example, if you are animating 4 elements with a `delay` of 0 and a `staggerDelayBy` of 20:
+         *
+         * - The first element will start transitioning immediately.
+         * - The second element will start transitioning after 20ms.
+         * - The third element will start transitioning after 40ms.
+         * - The fourth element will start transitioning after 60ms.
+         *
+         * Similarly to staggerDurationBy, This effect is great for "humanizing" transitions and making them feel less
+         * robotic.
+         *
+         * **Protip**: You can make elements animate one-at-a-time by using an identical duration and staggerDelayBy.
+         *
+         * @default 0
+         */
+        staggerDelayBy?: number;
+
+        /**
+         * Control the appear animation that runs when the component mounts. Works identically to enterAnimation below, but
+         * only fires on the initial children.
+         */
+        appearAnimation?: AnimationPreset | Animation | boolean;
+
+        /**
+         * Control the onEnter animation that runs when new items are added to the DOM.
+         *
+         * Accepts several types:
+         *
+         * **String:** You can enter one of the following presets to select that as your enter animation:
+         *
+         *   - `elevator` (default)
+         *   - `fade`
+         *   - `accordionVertical`
+         *   - `accordionHorizontal`
+         *   - `none`
+         *
+         * **Boolean:** You can enter `false` to disable the enter animation, or `true` to select the default enter animation (elevator).
+         *
+         * **Object:** For fully granular control, you can pass in an object that contains the styles you'd like to animate.
+         *
+         * It requires two keys: `from` and `to`. Each key holds an object of CSS properties. You can supply any valid
+         * camelCase CSS properties, and flip-move will transition between the two, over the course of the specified
+         * `duration`.
+         *
+         * Example:
+         *
+         *     const customEnterAnimation = {
+         *       from: { transform: 'scale(0.5, 1)' },
+         *       to:   { transform: 'scale(1, 1)' }
+         *     };
+         *
+         *     <FlipMove enterAnimation={customEnterAnimation}>
+         *          {renderChildren()}
+         *     </FlipMove>
+         *
+         * @default "elevator"
+         */
+        enterAnimation?: AnimationPreset | Animation | boolean;
+
+        /**
+         * Control the onLeave animation that runs when new items are removed from the DOM.
+         *
+         * This property functions identically to `enterAnimation`.
+         *
+         * @default "elevator"
+         */
+        leaveAnimation?: AnimationPreset | Animation | boolean;
+
+        /**
+         * Do not collapse container height until after leaving animations complete.
+         *
+         * When false, children are immediately removed from the DOM flow as they animate away. Setting this value to true
+         * will maintain the height of the container until after their leaving animation completes.
+         *
+         * @default false
+         */
+        maintainContainerHeight?: boolean;
+
+        /**
+         * A callback to be invoked **once per child element** at the start of the animation.
+         *
+         * In general, it is advisable to ignore the domNode argument and work with the childElement. The domNode is just
+         * an escape hatch for doing complex things not otherwise possible.
+         *
+         * @param childElement  A reference to the React Element being animated.
+         * @param domNode       A reference to the unadulterated DOM node being animated.
+         */
+        onStart?(childElement: ReactElement<any>, domNode: HTMLElement): void;
+
+        /**
+         * A callback to be invoked **once per child element** at the end of the animation.
+         *
+         * In general, it is advisable to ignore the `domNode` argument and work with the `childElement`. The `domNode` is
+         * just an escape hatch for doing complex things not otherwise possible.
+         *
+         * @param childElement  A reference to the React Element being animated.
+         * @param domNode       A reference to the unadulterated DOM node being animated.
+         */
+        onFinish?(childElement: ReactElement<any>, domNode: HTMLElement): void;
+
+        /**
+         * A callback to be invoked **once per group** at the start of the animation.
+         *
+         * The callback arguments are similar to the ones provided for onStart, except we provide an array of the elements
+         * and nodes. The order of both arguments is guaranteed; this means you can use a zipping function like lodash's
+         * .zip to get pairs of element/node, if needed.
+         *
+         * In general, it is advisable to ignore the `domNodes` argument and work with the `childElements` The `domNodes`
+         *
+         * are just an escape hatch for doing complex things not otherwise possible.
+         *
+         * @param childElements An array of the references to the React Element(s) being animated.
+         * @param domNodes      An array of the references to the unadulterated DOM node(s) being animated.
+         */
+        onStartAll?(childElements: Array<ReactElement<any>>, domNodes: HTMLElement[]): void;
+
+        /**
+         * A callback to be invoked **once per group** at the end of the animation.
+         *
+         * The callback arguments are similar to the ones provided for onFinish, except we provide an array of the elements
+         * and nodes. The order of both arguments is guaranteed; this means you can use a zipping function like lodash's
+         * .zip to get pairs of element/node, if needed.
+         *
+         * In general, it is advisable to ignore the `domNodes` argument and work with the `childElements` The `domNodes`
+         * are just an escape hatch for doing complex things not otherwise possible.
+         *
+         * @param childElements An array of the references to the React Element(s) being animated.
+         * @param domNodes      An array of the references to the unadulterated DOM node(s) being animated.
+         */
+        onFinishAll?(childElements: Array<ReactElement<any>>, domNodes: HTMLElement[]): void;
+
+        /**
+         * Flip Move wraps your children in a container element. By default, this element is a div, but you may wish to
+         * provide a custom HTML element (for example, if your children are list items, you may wish to set this to ul).
+         *
+         * Any valid HTML element type is accepted, but peculiar things may happen if you use an unconventional element.
+         *
+         * @default "div"
+         */
+        typeName?: string;
+
+        /**
+         * Sometimes, you may wish to temporarily disable the animations and have the normal behaviour resumed. Setting this
+         * flag to true skips all animations.
+         *
+         * @default false
+         */
+        disableAllAnimations?: boolean;
+
+        /**
+         * This function is called with a DOM node as the only argument. It should return an object as specified by the
+         * getBoundingClientRect() spec.
+         *
+         * For normal usage of FlipMove you won't need this. An example of usage is when FlipMove is used in a container
+         * that is scaled using CSS. You can correct the values from getBoundingClientRect by using this prop.
+         */
+        getPosition?(node: HTMLElement): ClientRect;
+    }
+}
diff --git a/types/react-flip-move/react-flip-move-tests.tsx b/types/react-flip-move/react-flip-move-tests.tsx
new file mode 100644
index 0000000000..c17c4f7bcc
--- /dev/null
+++ b/types/react-flip-move/react-flip-move-tests.tsx
@@ -0,0 +1,70 @@
+import * as React from "react";
+import * as FlipMove from "react-flip-move";
+
+class DefaultTest extends React.Component<any, any> {
+    render() {
+        return <FlipMove />;
+    }
+}
+
+class PresetTest extends React.Component<any, any> {
+    render() {
+        return (
+            <FlipMove
+                appearAnimation="fade"
+                enterAnimation="accordionHorizontal"
+                leaveAnimation="accordionVertical"
+            />
+        );
+    }
+}
+
+class CustomAnimationTest extends React.Component<any, any> {
+    render() {
+        const enterAnimation: FlipMove.Animation = {
+            from: { opacity: "0" },
+            to: { opacity: "1" }
+        };
+
+        const leaveAnimation: FlipMove.Animation = {
+            from: { opacity: "1" },
+            to: { opacity: "0" }
+        };
+
+        return (
+            <FlipMove
+                enterAnimation={enterAnimation}
+                appearAnimation={enterAnimation}
+                leaveAnimation={leaveAnimation}
+            />
+        );
+    }
+}
+
+class FlipMoveTest extends React.Component<any, any> {
+    onStart = (childElement: React.ReactElement<any>, domNode: HTMLElement) => {};
+
+    onFinish = (childElement: React.ReactElement<any>, domNode: HTMLElement) => {};
+
+    onStartAll = (childElements: Array<React.ReactElement<any>>, domNodes: HTMLElement[]) => {};
+
+    onFinishAll = (childElements: Array<React.ReactElement<any>>, domNodes: HTMLElement[]) => {};
+
+    render() {
+        return (
+            <FlipMove
+                delay={0}
+                staggerDelayBy={20}
+                duration={200}
+                staggerDurationBy={20}
+                maintainContainerHeight
+                disableAllAnimations={false}
+                easing="cubic-bezier(1, 0, 0, 1)"
+                onStart={this.onStart}
+                onFinish={this.onFinish}
+                onStartAll={this.onStartAll}
+                onFinishAll={this.onFinishAll}
+            />
+        );
+    }
+}
diff --git a/types/react-flip-move/tsconfig.json b/types/react-flip-move/tsconfig.json
new file mode 100644
index 0000000000..62cb92a878
--- /dev/null
+++ b/types/react-flip-move/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-flip-move-tests.tsx"
+    ]
+}
\ No newline at end of file
diff --git a/types/react-flip-move/tslint.json b/types/react-flip-move/tslint.json
new file mode 100644
index 0000000000..3db14f85ea
--- /dev/null
+++ b/types/react-flip-move/tslint.json
@@ -0,0 +1 @@
+{ "extends": "dtslint/dt.json" }

From 56ce2fe50d62f3ca3f829265b5501946d1f0e746 Mon Sep 17 00:00:00 2001
From: Wayne Dela Cruz <ddwwcruz@gmail.com>
Date: Thu, 4 May 2017 17:53:01 +0100
Subject: [PATCH 192/321] DropdownItem onclick should be callback (#15926)

* React CSSProperties position made specific

* Add test for css position

* DropdownItem onClick is callback

DropdownItem onClick was an event. It should be a callback function

* Test DropdownItem onClick definitions
---
 types/reactstrap/lib/DropdownItem.d.ts | 2 +-
 types/reactstrap/reactstrap-tests.tsx  | 4 +++-
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/types/reactstrap/lib/DropdownItem.d.ts b/types/reactstrap/lib/DropdownItem.d.ts
index 00088966b3..28a253e022 100644
--- a/types/reactstrap/lib/DropdownItem.d.ts
+++ b/types/reactstrap/lib/DropdownItem.d.ts
@@ -3,7 +3,7 @@ interface Props {
   divider?: boolean;
   tag?: React.ReactType;
   header?: boolean;
-  onClick?: React.MouseEvent<any>;
+  onClick?: (event: React.MouseEvent<any>) => void;
   className?: string;
 }
 
diff --git a/types/reactstrap/reactstrap-tests.tsx b/types/reactstrap/reactstrap-tests.tsx
index d4320246b7..5c40a323b5 100644
--- a/types/reactstrap/reactstrap-tests.tsx
+++ b/types/reactstrap/reactstrap-tests.tsx
@@ -347,7 +347,9 @@ class Example15 extends React.Component<any, any> {
           <DropdownItem disabled>Action</DropdownItem>
           <DropdownItem>Another Action</DropdownItem>
           <DropdownItem divider />
-          <DropdownItem>Another Action</DropdownItem>
+          <DropdownItem onClick={event => {
+            // something happens here
+          }}>Another Action</DropdownItem>
         </DropdownMenu>
       </ButtonDropdown>
     );

From e5d4764dbc36731c5281308a396c1cc977ab352b Mon Sep 17 00:00:00 2001
From: Vyacheslav <Hronex@users.noreply.github.com>
Date: Thu, 4 May 2017 19:54:52 +0300
Subject: [PATCH 193/321] Create definitions for markdown-it-container (#16313)

---
 types/markdown-it-container/index.d.ts        | 20 ++++++++++++
 .../markdown-it-container-tests.ts            | 32 +++++++++++++++++++
 types/markdown-it-container/tsconfig.json     | 22 +++++++++++++
 types/markdown-it-container/tslint.json       |  1 +
 4 files changed, 75 insertions(+)
 create mode 100644 types/markdown-it-container/index.d.ts
 create mode 100644 types/markdown-it-container/markdown-it-container-tests.ts
 create mode 100644 types/markdown-it-container/tsconfig.json
 create mode 100644 types/markdown-it-container/tslint.json

diff --git a/types/markdown-it-container/index.d.ts b/types/markdown-it-container/index.d.ts
new file mode 100644
index 0000000000..f2d3722a3d
--- /dev/null
+++ b/types/markdown-it-container/index.d.ts
@@ -0,0 +1,20 @@
+// Type definitions for MarkdownItContainer (markdown-it-container) 2.0
+// Project: https://github.com/markdown-it/markdown-it-container
+// Definitions by: Vyacheslav Demot <https://github.com/hronex>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+// TypeScript Version: 2.2
+
+import { MarkdownIt, Token, Renderer } from 'markdown-it';
+
+declare namespace markdownItContainer {
+	interface ContainerOpts {
+		marker?: string;
+		validate?(params: string): boolean;
+		render?(tokens: Token[], index: number, options: any, env: any, self: Renderer): void;
+	}
+
+	function container_plugin(md: MarkdownIt, name: string, opts: ContainerOpts): void;
+}
+
+declare var MarkdownItContainer: typeof markdownItContainer.container_plugin;
+export = MarkdownItContainer;
diff --git a/types/markdown-it-container/markdown-it-container-tests.ts b/types/markdown-it-container/markdown-it-container-tests.ts
new file mode 100644
index 0000000000..f3ef2dbba1
--- /dev/null
+++ b/types/markdown-it-container/markdown-it-container-tests.ts
@@ -0,0 +1,32 @@
+import * as MarkdownIt from "markdown-it";
+import MarkdownItContainer = require("markdown-it-container");
+
+const md = new MarkdownIt();
+
+md.use(MarkdownItContainer, 'spoiler', {
+	validate: (params: any) => params.trim().match(/^spoiler\s+(.*)$/),
+	render: (tokens: MarkdownIt.Token[], index: number) => {
+		const match = tokens[index].info.trim().match(/^spoiler\s+(.*)$/);
+		const onClick =
+			"this.parentNode.classList.toggle('_expanded');" +
+			"event.preventDefault();";
+
+		if (tokens[index].nesting === 1) {
+			return (
+				'<div class="markdown__spoiler">\n' +
+				'<div class="markdown__spoiler-title" onclick="' + onClick + '">\n' +
+				md.utils.escapeHtml(match && match[1] || '') + '\n' +
+				'</div>\n' +
+				'<div class="markdown__spoiler-content">\n'
+			);
+		} else {
+			return '</div></div>\n';
+		}
+	}
+});
+
+const src = `:::spoiler This Is Spoiler Title
+Here is spoiler content.
+:::`;
+
+md.render(src);
diff --git a/types/markdown-it-container/tsconfig.json b/types/markdown-it-container/tsconfig.json
new file mode 100644
index 0000000000..270b4284f0
--- /dev/null
+++ b/types/markdown-it-container/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",
+        "markdown-it-container-tests.ts"
+    ]
+}
\ No newline at end of file
diff --git a/types/markdown-it-container/tslint.json b/types/markdown-it-container/tslint.json
new file mode 100644
index 0000000000..3db14f85ea
--- /dev/null
+++ b/types/markdown-it-container/tslint.json
@@ -0,0 +1 @@
+{ "extends": "dtslint/dt.json" }

From 58496e097b10f2e21844b4c9bd6e402c4a0d2bb3 Mon Sep 17 00:00:00 2001
From: Alan Agius <alan.agius4@gmail.com>
Date: Thu, 4 May 2017 20:45:09 +0200
Subject: [PATCH 194/321] Feature/lodash decorators (#16064)

* feat(lodash-decorators): update types

* feat(lodash decorators): update typyings

* add typescript support version

* style(lodash-decorators): fix lint issues
---
 types/lodash-decorators/index.d.ts            | 316 ++++++++----------
 .../lodash-decorators-tests.ts                |  94 +++---
 2 files changed, 183 insertions(+), 227 deletions(-)

diff --git a/types/lodash-decorators/index.d.ts b/types/lodash-decorators/index.d.ts
index 26f755813c..1085db3a3a 100644
--- a/types/lodash-decorators/index.d.ts
+++ b/types/lodash-decorators/index.d.ts
@@ -1,6 +1,6 @@
-// Type definitions for lodash-decorators 1.0.5
+// Type definitions for lodash-decorators 3.0
 // Project: https://github.com/steelsojka/lodash-decorators
-// Definitions by: Qubo <https://github.com/tkqubo>
+// Definitions by: Alan Agius <https://github.com/alan-agius4>, Qubo <https://github.com/tkqubo>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 // TypeScript Version: 2.2
 
@@ -8,75 +8,56 @@
 
 declare module "lodash-decorators" {
     // Originally copied from ../node_modules/typescript/lib/lib.es6.d.ts
-    export interface ClassDecorator {
-        <TFunction extends Function>(target: TFunction): TFunction|void;
-    }
-    export interface PropertyDecorator {
-        (target: Object, propertyKey: string | symbol): void;
-    }
-    export interface MethodDecorator {
-        <T>(target: Object, propertyKey: string | symbol, descriptor: TypedPropertyDescriptor<T>): TypedPropertyDescriptor<T> | void;
-    }
-    export interface ParameterDecorator {
-        (target: Object, propertyKey: string | symbol, parameterIndex: number): void;
-    }
 
-    export interface TypedMethodDecorator<TFunction extends Function> {
-        (target: Object, propertyKey: string | symbol, descriptor: TypedPropertyDescriptor<TFunction>): TypedPropertyDescriptor<TFunction> | void;
-    }
+    type ClassDecorator = <TFunction extends Function>(target: TFunction) => TFunction | void;
 
-    export interface MethodDecoratorWithAccessor extends MethodDecorator, Accessor<MethodDecorator> {
-    }
+    type PropertyDecorator = (target: object, propertyKey: string | symbol) => void;
 
-    export interface Accessor<T> {
+    type MethodDecorator = <T>(target: object, propertyKey: string | symbol, descriptor: TypedPropertyDescriptor<T>) => TypedPropertyDescriptor<T> | void;
+
+    type ParameterDecorator = (target: object, propertyKey: string | symbol, parameterIndex: number) => void;
+
+    type TypedMethodDecorator<TFunction extends Function> = (target: object, propertyKey: string | symbol, descriptor: TypedPropertyDescriptor<TFunction>) => TypedPropertyDescriptor<TFunction> | void;
+
+    interface MethodDecoratorWithAccessor extends MethodDecorator, Accessor<MethodDecorator> { }
+
+    interface Accessor<T> {
         set: T;
         get: T;
         proto: T;
     }
 
-    export interface DebounceDecorator {
-        (wait: number, options?: _.DebounceSettings): MethodDecorator;
-    }
-    export interface ThrottleDecorator {
-        (wait: number, options?: _.ThrottleSettings): MethodDecorator;
-    }
-    export interface MemoizeDecorator {
-        (resolver?: Function): MethodDecorator;
-    }
-    export interface AfterDecorator {
-        (n: number): MethodDecorator;
-    }
-    export interface BeforeDecorator {
-        (n: number): MethodDecorator;
-    }
-    export interface AryDecorator {
-        (n: number): MethodDecorator;
-    }
-    export interface CurryDecorator {
-        (arity?: number): MethodDecorator;
-    }
-    export interface CurryRightDecorator {
-        (arity?: number): MethodDecorator;
-    }
-    export interface RestParamDecorator {
-        (start?: number): MethodDecorator;
-    }
-    export interface PartialDecorator {
-        (func: Function|string, ...args: any[]): MethodDecorator;
-    }
-    export interface WrapDecorator {
-        (wrapper: ((func: Function, ...args: any[]) => any)|string): MethodDecorator;
-    }
-    export interface ComposeDecorator {
-        (...funcs: (Function|string)[]): MethodDecorator;
-    }
-    export interface DelayDecorator {
-        (wait: number, ...args: any[]): MethodDecorator;
-    }
-    export interface DeferDecorator {
-        (...args: any[]): MethodDecorator;
-    }
-    export interface BindDecorator {
+    type DebounceDecorator = (wait: number, options?: _.DebounceSettings) => MethodDecorator;
+
+    type ThrottleDecorator = (wait: number, options?: _.ThrottleSettings) => MethodDecorator;
+
+    type MemoizeDecorator = (resolver?: Function) => MethodDecorator;
+
+    type AfterDecorator = (n: number) => MethodDecorator;
+
+    type BeforeDecorator = (n: number) => MethodDecorator;
+
+    type AryDecorator = (n: number) => MethodDecorator;
+
+    type CurryDecorator = (arity?: number) => MethodDecorator;
+
+    type CurryRightDecorator = (arity?: number) => MethodDecorator;
+
+    type RestDecorator = (start?: number) => MethodDecorator;
+
+    type OverArgsDecorator = (func: Function, ...transforms: Function[]) => MethodDecorator;
+
+    type PartialDecorator = (func: Function | string, ...args: any[]) => MethodDecorator;
+
+    type WrapDecorator = (wrapper: ((func: Function, ...args: any[]) => any) | string) => MethodDecorator;
+
+    type ComposeDecorator = (...funcs: Array<(Function | string)>) => MethodDecorator;
+
+    type DelayDecorator = (wait: number, ...args: any[]) => MethodDecorator;
+
+    type DeferDecorator = (...args: any[]) => MethodDecorator;
+
+    interface BindDecorator {
         (): TypedMethodDecorator<(<R>() => R)>;
         <T1>(param1?: T1):
             TypedMethodDecorator<(<R>(param1: T1) => R)>;
@@ -91,161 +72,144 @@ declare module "lodash-decorators" {
         <T1, T2, T3, T4, T5, T6>(param1?: T1, param2?: T2, param3?: T3, param4?: T4, param5?: T5, param6?: T6):
             TypedMethodDecorator<(<R>(param1: T1, param2: T2, param3: T3, param4: T4, param5: T5, param6: T6) => R)>;
     }
-    export interface BindAllDecorator {
-        (...methodNames: string[]): ClassDecorator;
-    }
-    export interface ModArgsDecorator {
-        (...transforms: Function[]): MethodDecorator;
-    }
 
-    export const debounce: DebounceDecorator & Accessor<DebounceDecorator>;
-    export const Debounce: DebounceDecorator & Accessor<DebounceDecorator>;
+    type BindAllDecorator = (...methodNames: string[]) => ClassDecorator;
 
-    export const throttle: ThrottleDecorator & Accessor<ThrottleDecorator>;
-    export const Throttle: ThrottleDecorator & Accessor<ThrottleDecorator>;
+    const debounce: DebounceDecorator & Accessor<DebounceDecorator>;
+    const Debounce: DebounceDecorator & Accessor<DebounceDecorator>;
 
-    export const memoize: MemoizeDecorator & Accessor<MemoizeDecorator>;
-    export const Memoize: MemoizeDecorator & Accessor<MemoizeDecorator>;
+    const throttle: ThrottleDecorator & Accessor<ThrottleDecorator>;
+    const Throttle: ThrottleDecorator & Accessor<ThrottleDecorator>;
 
-    export const after: AfterDecorator & Accessor<AfterDecorator>;
-    export const After: AfterDecorator & Accessor<AfterDecorator>;
+    const memoize: MemoizeDecorator & Accessor<MemoizeDecorator>;
+    const Memoize: MemoizeDecorator & Accessor<MemoizeDecorator>;
 
-    export const before: BeforeDecorator & Accessor<BeforeDecorator>;
-    export const Before: BeforeDecorator & Accessor<BeforeDecorator>;
+    const after: AfterDecorator & Accessor<AfterDecorator>;
+    const After: AfterDecorator & Accessor<AfterDecorator>;
 
-    export const ary: AryDecorator & Accessor<AryDecorator>;
-    export const Ary: AryDecorator & Accessor<AryDecorator>;
+    const before: BeforeDecorator & Accessor<BeforeDecorator>;
+    const Before: BeforeDecorator & Accessor<BeforeDecorator>;
 
-    export const curry: CurryDecorator & Accessor<CurryDecorator>;
-    export const Curry: CurryDecorator & Accessor<CurryDecorator>;
+    const ary: AryDecorator & Accessor<AryDecorator>;
+    const Ary: AryDecorator & Accessor<AryDecorator>;
 
-    export const curryRight: CurryRightDecorator & Accessor<CurryRightDecorator>;
-    export const CurryRight: CurryRightDecorator & Accessor<CurryRightDecorator>;
+    const curry: CurryDecorator & Accessor<CurryDecorator>;
+    const Curry: CurryDecorator & Accessor<CurryDecorator>;
 
-    export const restParam: RestParamDecorator & Accessor<RestParamDecorator>;
-    export const RestParam: RestParamDecorator & Accessor<RestParamDecorator>;
+    const curryRight: CurryRightDecorator & Accessor<CurryRightDecorator>;
+    const CurryRight: CurryRightDecorator & Accessor<CurryRightDecorator>;
 
-    export const partial: PartialDecorator & Accessor<PartialDecorator>;
-    export const Partial: PartialDecorator & Accessor<PartialDecorator>;
+    const overArgs: OverArgsDecorator & Accessor<OverArgsDecorator>;
+    const OverArgs: OverArgsDecorator & Accessor<OverArgsDecorator>;
 
-    export const partialRight: PartialDecorator & Accessor<PartialDecorator>;
-    export const PartialRight: PartialDecorator & Accessor<PartialDecorator>;
+    const rest: RestDecorator & Accessor<RestDecorator>;
+    const Rest: RestDecorator & Accessor<RestDecorator>;
 
-    export const wrap: WrapDecorator & Accessor<WrapDecorator>;
-    export const Wrap: WrapDecorator & Accessor<WrapDecorator>;
+    const partial: PartialDecorator & Accessor<PartialDecorator>;
+    const Partial: PartialDecorator & Accessor<PartialDecorator>;
 
-    export const compose: ComposeDecorator & Accessor<ComposeDecorator>;
-    export const Compose: ComposeDecorator & Accessor<ComposeDecorator>;
+    const partialRight: PartialDecorator & Accessor<PartialDecorator>;
+    const PartialRight: PartialDecorator & Accessor<PartialDecorator>;
 
-    export const flow: ComposeDecorator & Accessor<ComposeDecorator>;
-    export const Flow: ComposeDecorator & Accessor<ComposeDecorator>;
+    const wrap: WrapDecorator & Accessor<WrapDecorator>;
+    const Wrap: WrapDecorator & Accessor<WrapDecorator>;
 
-    export const flowRight: ComposeDecorator & Accessor<ComposeDecorator>;
-    export const FlowRight: ComposeDecorator & Accessor<ComposeDecorator>;
+    const flow: ComposeDecorator & Accessor<ComposeDecorator>;
+    const Flow: ComposeDecorator & Accessor<ComposeDecorator>;
 
-    export const backflow: ComposeDecorator & Accessor<ComposeDecorator>;
-    export const Backflow: ComposeDecorator & Accessor<ComposeDecorator>;
+    const flowRight: ComposeDecorator & Accessor<ComposeDecorator>;
+    const FlowRight: ComposeDecorator & Accessor<ComposeDecorator>;
 
-    export const delay: DelayDecorator & Accessor<DelayDecorator>;
-    export const Delay: DelayDecorator & Accessor<DelayDecorator>;
+    const delay: DelayDecorator & Accessor<DelayDecorator>;
+    const Delay: DelayDecorator & Accessor<DelayDecorator>;
 
-    export const defer: DeferDecorator & Accessor<DeferDecorator>;
-    export const Defer: DeferDecorator & Accessor<DeferDecorator>;
+    const defer: DeferDecorator & Accessor<DeferDecorator>;
+    const Defer: DeferDecorator & Accessor<DeferDecorator>;
 
-    export const bind: BindDecorator & Accessor<BindDecorator>;
-    export const Bind: BindDecorator & Accessor<BindDecorator>;
+    const bind: BindDecorator & Accessor<BindDecorator>;
+    const Bind: BindDecorator & Accessor<BindDecorator>;
 
-    export const bindAll: BindAllDecorator;
-    export const BindAll: BindAllDecorator;
+    const bindAll: BindAllDecorator;
+    const BindAll: BindAllDecorator;
 
-    export const modArgs: ModArgsDecorator & Accessor<ModArgsDecorator>;
-    export const ModArgs: ModArgsDecorator & Accessor<ModArgsDecorator>;
+    const once: MethodDecoratorWithAccessor;
+    const Once: MethodDecoratorWithAccessor;
 
-    export const once: MethodDecoratorWithAccessor;
-    export const Once: MethodDecoratorWithAccessor;
+    const attempt: MethodDecoratorWithAccessor;
+    const Attempt: MethodDecoratorWithAccessor;
 
-    export const spread: MethodDecoratorWithAccessor;
-    export const Spread: MethodDecoratorWithAccessor;
+    const spread: MethodDecoratorWithAccessor;
+    const Spread: MethodDecoratorWithAccessor;
 
-    export const rearg: MethodDecoratorWithAccessor;
-    export const Rearg: MethodDecoratorWithAccessor;
+    const rearg: MethodDecoratorWithAccessor;
+    const Rearg: MethodDecoratorWithAccessor;
 
-    export const negate: MethodDecoratorWithAccessor;
-    export const Negate: MethodDecoratorWithAccessor;
+    const negate: MethodDecoratorWithAccessor;
+    const Negate: MethodDecoratorWithAccessor;
 
-    export const tap: MethodDecoratorWithAccessor;
-    export const Tap: MethodDecoratorWithAccessor;
+    const tap: MethodDecoratorWithAccessor;
+    const Tap: MethodDecoratorWithAccessor;
+
+    const flip: MethodDecoratorWithAccessor;
+    const Flip: MethodDecoratorWithAccessor;
 }
 
 declare module "lodash-decorators/extensions" {
     // Originally copied from ../node_modules/typescript/lib/lib.es6.d.ts
-    export interface ClassDecorator {
-        <TFunction extends Function>(target: TFunction): TFunction|void;
-    }
-    export interface PropertyDecorator {
-        (target: Object, propertyKey: string | symbol): void;
-    }
-    export interface MethodDecorator {
-        <T>(target: Object, propertyKey: string | symbol, descriptor: TypedPropertyDescriptor<T>): TypedPropertyDescriptor<T> | void;
-    }
-    export interface ParameterDecorator {
-        (target: Object, propertyKey: string | symbol, parameterIndex: number): void;
-    }
+    type ClassDecorator = <TFunction extends Function>(target: TFunction) => TFunction | void;
 
-    export interface DeprecatedDecorator extends MethodDecorator, ClassDecorator {
+    type PropertyDecorator = (target: object, propertyKey: string | symbol) => void;
+
+    type MethodDecorator = <T>(target: object, propertyKey: string | symbol, descriptor: TypedPropertyDescriptor<T>) => TypedPropertyDescriptor<T> | void;
+
+    type ParameterDecorator = (target: object, propertyKey: string | symbol, parameterIndex: number) => void;
+
+    interface DeprecatedDecorator extends MethodDecorator, ClassDecorator {
         methodAction(fn: Function & { name: string }): void;
     }
 
-    export const deprecated: DeprecatedDecorator;
-    export const Deprecated: DeprecatedDecorator;
+    const deprecated: DeprecatedDecorator;
+    const Deprecated: DeprecatedDecorator;
 
-    export const writable: (writable?: boolean) => MethodDecorator;
-    export const Writable: (writable?: boolean) => MethodDecorator;
+    function writable(writable?: boolean): MethodDecorator;
+    function Writable(writable?: boolean): MethodDecorator;
 
-    export const configurable: (configurable?: boolean) => MethodDecorator;
-    export const Configurable: (configurable?: boolean) => MethodDecorator;
+    function configurable(configurable?: boolean): MethodDecorator;
+    function Configurable(configurable?: boolean): MethodDecorator;
 
-    export const returnsArg: (index?: number) => MethodDecorator;
-    export const ReturnsArg: (index?: number) => MethodDecorator;
+    function returnsArg(index?: number): MethodDecorator;
+    function ReturnsArg(index?: number): MethodDecorator;
 
-    export const enumerable: (enumerable?: boolean) => MethodDecorator;
-    export const Enumerable: (enumerable?: boolean) => MethodDecorator;
+    function enumerable(enumerable?: boolean): MethodDecorator;
+    function Enumerable(enumerable?: boolean): MethodDecorator;
 
-    export const nonenumerable: MethodDecorator;
-    export const Nonenumerable: MethodDecorator;
+    const nonenumerable: MethodDecorator;
+    const Nonenumerable: MethodDecorator;
 
-    export const nonconfigurable: MethodDecorator;
-    export const Nonconfigurable: MethodDecorator;
+    const nonconfigurable: MethodDecorator;
+    const Nonconfigurable: MethodDecorator;
 
-    export const readonly: MethodDecorator;
-    export const Readonly: MethodDecorator;
+    const readonly: MethodDecorator;
+    const Readonly: MethodDecorator;
 }
 
 declare module "lodash-decorators/validate" {
     // Originally copied from ../node_modules/typescript/lib/lib.es6.d.ts
-    export interface ClassDecorator {
-        <TFunction extends Function>(target: TFunction): TFunction|void;
-    }
-    export interface PropertyDecorator {
-        (target: Object, propertyKey: string | symbol): void;
-    }
-    export interface MethodDecorator {
-        <T>(target: Object, propertyKey: string | symbol, descriptor: TypedPropertyDescriptor<T>): TypedPropertyDescriptor<T> | void;
-    }
-    export interface ParameterDecorator {
-        (target: Object, propertyKey: string | symbol, parameterIndex: number): void;
-    }
+    type ClassDecorator = <TFunction extends Function>(target: TFunction) => TFunction | void;
 
-    export interface TypedMethodDecorator<TFunction extends Function> {
-        (target: Object, propertyKey: string | symbol, descriptor: TypedPropertyDescriptor<TFunction>): TypedPropertyDescriptor<TFunction> | void;
-    }
+    type PropertyDecorator = (target: object, propertyKey: string | symbol) => void;
 
-    export interface Predicate<T> {
-        (t: T): boolean;
-    }
-    type Predicates<T> = Predicate<T>|Predicate<T>[];
+    type MethodDecorator = <T>(target: object, propertyKey: string | symbol, descriptor: TypedPropertyDescriptor<T>) => TypedPropertyDescriptor<T> | void;
 
-    export interface ValidateDecorator {
+    type ParameterDecorator = (target: object, propertyKey: string | symbol, parameterIndex: number) => void;
+
+    type TypedMethodDecorator<TFunction extends Function> = (target: object, propertyKey: string | symbol, descriptor: TypedPropertyDescriptor<TFunction>) => TypedPropertyDescriptor<TFunction> | void;
+
+    type Predicate<T> = (t: T) => boolean;
+
+    type Predicates<T> = Predicate<T> | Array<Predicate<T>>;
+
+    interface ValidateDecorator {
         <T1>(p1: Predicates<T1>):
             TypedMethodDecorator<(<R>(param1: T1) => R)>;
         <T1, T2>(p1: Predicates<T1>, p2?: Predicates<T2>):
@@ -260,13 +224,11 @@ declare module "lodash-decorators/validate" {
             TypedMethodDecorator<(<R>(param1: T1, param2: T2, param3: T3, param4: T4, param5: T5, param6: T6) => R)>;
     }
 
-    export interface ValidateReturnDecorator {
-        <R>(p1: Predicates<R>): TypedMethodDecorator<((...args: any[]) => R)>;
-    }
+    type ValidateReturnDecorator = <R>(p1: Predicates<R>) => TypedMethodDecorator<((...args: any[]) => R)>;
 
-    export const validate: ValidateDecorator;
-    export const Validate: ValidateDecorator;
+    const validate: ValidateDecorator;
+    const Validate: ValidateDecorator;
 
-    export const validateReturn: ValidateReturnDecorator;
-    export const ValidateReturn: ValidateReturnDecorator;
+    const validateReturn: ValidateReturnDecorator;
+    const ValidateReturn: ValidateReturnDecorator;
 }
diff --git a/types/lodash-decorators/lodash-decorators-tests.ts b/types/lodash-decorators/lodash-decorators-tests.ts
index e22d6911f3..61c23f1ddb 100644
--- a/types/lodash-decorators/lodash-decorators-tests.ts
+++ b/types/lodash-decorators/lodash-decorators-tests.ts
@@ -2,7 +2,7 @@
 // With Arguments
 //
 
-import { after, debounce, memoize, curry } from 'lodash-decorators'
+import { after, debounce, memoize, curry } from 'lodash-decorators';
 
 class Person {
     firstName: string;
@@ -15,7 +15,7 @@ class Person {
     @after(3)
     @debounce(100)
     getFullName(): string {
-        return `${this.firstName} ${this.lastName}`
+        return `${this.firstName} ${this.lastName}`;
     }
 
     @curry(2)
@@ -28,7 +28,7 @@ class Person {
 // Without Arguments
 //
 
-import { tap } from 'lodash-decorators'
+import { tap } from 'lodash-decorators';
 
 class Person2 {
     firstName: string;
@@ -40,7 +40,7 @@ class Person2 {
 
     @once
     getFullName(): string {
-        return `${this.firstName} ${this.lastName}`
+        return `${this.firstName} ${this.lastName}`;
     }
 
     @tap
@@ -51,13 +51,13 @@ class Person2 {
 
 const person2 = new Person2();
 
-person2.popIt([1, 2, 3]); //=> [1, 2]
+person2.popIt([1, 2, 3]); // => [1, 2]
 
 //
 // Partials
 //
 
-import { partial, wrap } from 'lodash-decorators'
+import { partial, wrap } from 'lodash-decorators';
 
 class Person3 {
     firstName: string;
@@ -68,7 +68,7 @@ class Person3 {
     }
 
     getName(type: string) {
-        return type === 'firstName' ? this.firstName : this.lastName
+        return type === 'firstName' ? this.firstName : this.lastName;
     }
 
     @partial('getName', 'firstName')
@@ -83,7 +83,7 @@ class Person3 {
     }
 }
 
-//by .d.ts author: a workaround to ensure type
+// by .d.ts author: a workaround to ensure type
 interface Person3Ex extends Person3 {
     getUpperCaseName(): string;
 }
@@ -97,8 +97,6 @@ person3.getUpperCaseName(); // JOE SMITH
 //
 // Composition
 //
-
-//import { kebabCase } from 'lodash';
 import * as _ from 'lodash';
 
 class Person4 {
@@ -113,13 +111,13 @@ class Person4 {
         return `${this.firstName} ${this.lastName}`;
     }
 
-    @compose(_.kebabCase, 'getName')
+    @flow(_.kebabCase, 'getName')
     logName(name: string): void {
         console.log(name);
     }
 }
 
-//by .d.ts author: a workaround to ensure type
+// by .d.ts author: a workaround to ensure type
 interface Person4Ex extends Person4 {
     logName(): void;
 }
@@ -133,63 +131,62 @@ person4.logName(); // joe-smith
 //
 
 class Person5 {
-
     @curry(2) // <= prototype decorator
     @debounce(100) // <= instance decorator
-    getName() {} //=> Throws an error. (╯°□°）╯︵ ┻━┻
+    getName() { } // => Throws an error. (╯°□°）╯︵ ┻━┻
 
     @debounce(100) // <= instance decorator
     @curry(2) // <= prototype decorator
-    getName2() {} //=> All is well :)
+    getName2() { } // => All is well :)
 }
 
 //
 // Getters and Setters
 //
 
-import { once, compose } from 'lodash-decorators'
+import { once, flow } from 'lodash-decorators';
 
-function alwaysArray(value: string|string[]): string[] {
+function alwaysArray(value: string | string[]): string[] {
     return Array.isArray(value) ? value : _.isUndefined(value) ? [] : [value];
 }
 
 class Person6 {
-    constructor() {}
+    constructor() { }
     private nameList: string[];
 
-    //TODO: So far, TypeScript doesn't allow to put multiple decoratoes on set/get accessors.
+    // TODO: So far, TypeScript doesn't allow to put multiple decoratoes on set/get accessors.
     // see https://github.com/Microsoft/TypeScript/issues/2249#issuecomment-141684146
-    //@once.get
+    // @once.get
     get names(): string[] {
-        //MEMO: Resolve type inconsistency
+        // MEMO: Resolve type inconsistency
         return [this.nameList.join(' ')];
-        //MEMO: Original expression in repo
-        //return this.nameList.join(' ');
+        // MEMO: Original expression in repo
+        // return this.nameList.join(' ');
     }
 
-    @compose.set(alwaysArray)
+    @flow.set(alwaysArray)
     set names(names: string[]) {
         this.nameList = names;
     }
 }
 
-//by .d.ts author: a workaround to ensure type
+// by .d.ts author: a workaround to ensure type
 interface Person6Alt {
-    names: string[]|string;
+    names: string[] | string;
 }
 
 const person6 = new Person6();
 
 // nameList will always be an array.
-person6.names = undefined; //=> []
-(person6 as Person6Alt).names = 'Joe'; //=> ['Joe']
-person6.names = ['Jim']; //=> ['Jim']
+person6.names = undefined; // => []
+(person6 as Person6Alt).names = 'Joe'; // => ['Joe']
+person6.names = ['Jim']; // => ['Jim']
 
 //
 // Bind
 //
 
-import { bind } from 'lodash-decorators'
+import { bind } from 'lodash-decorators';
 
 class Person7 {
     firstName: string;
@@ -211,7 +208,7 @@ class Person7 {
     }
 }
 
-//by .d.ts author: a workaround to ensure type
+// by .d.ts author: a workaround to ensure type
 interface Person7Ex extends Person7 {
     getUpperCaseName(): string;
 }
@@ -221,8 +218,7 @@ const person7 = new Person7('Joe', 'Smith') as Person7Ex;
 person7.getName.call(null); // Joe Smith
 person7.getUpperCaseName(); // JOE
 
-
-import { bindAll } from 'lodash-decorators'
+import { bindAll } from 'lodash-decorators';
 
 @bindAll()
 class Person8 {
@@ -250,16 +246,16 @@ import { throttle } from 'lodash-decorators';
 
 class Person9 {
     @throttle(1000)
-    doStuff() {}
+    doStuff() { }
 
     @throttle.proto(1000)
-    doStuffMore() {}
+    doStuffMore() { }
 }
 
 const person9_1 = new Person9();
 const person9_2 = new Person9();
 
-person9_1.doStuff(); //=> Both are called
+person9_1.doStuff(); // => Both are called
 person9_2.doStuff();
 
 person9_1.doStuffMore();
@@ -272,26 +268,25 @@ person9_2.doStuffMore();
 // Extensions
 //
 
-import { deprecated } from 'lodash-decorators/extensions'
+import { deprecated } from 'lodash-decorators/extensions';
 
 // This is applied globally.
 deprecated.methodAction = fn => console.log(`Don't use ${fn.name}!`);
 
 @deprecated
 class Person10 {
-    constructor() {}
+    constructor() { }
 }
 
 class OtherPerson {
     @deprecated
-    fn() {}
+    fn() { }
 }
 
-let person10 = new Person10(); //=> Warning!
-
-let otherPerson = new OtherPerson();
-otherPerson.fn(); //=> Don't use fn!
+const person10 = new Person10(); // => Warning!
 
+const otherPerson = new OtherPerson();
+otherPerson.fn(); // => Don't use fn!
 
 //
 // https://github.com/steelsojka/lodash-decorators/tree/master/src/extensions
@@ -300,10 +295,10 @@ otherPerson.fn(); //=> Don't use fn!
 import { Writable, ReturnsArg } from 'lodash-decorators/extensions';
 
 class Person11 {
-    constructor() {}
+    constructor() { }
 
     @Writable(false)
-    getName() {}
+    getName() { }
 
     @ReturnsArg(1)
     doSomething(x: any, y: any, z: any) {
@@ -319,7 +314,7 @@ import { Validate } from 'lodash-decorators/validate';
 
 class Person12 {
     name: string;
-    constructor() {}
+    constructor() { }
 
     @Validate(_.isString)
     setName(name: any) {
@@ -330,7 +325,7 @@ class Person12 {
 class Person13 {
     name: string;
     age: number;
-    constructor() {}
+    constructor() { }
 
     @Validate(
         _.isString,
@@ -344,9 +339,8 @@ class Person13 {
 
 const person13 = new Person13();
 
-person13.setData('test', 5); //=> TypeError
-person13.setData('test', 12); //=> Valid
-
+person13.setData('test', 5); // => TypeError
+person13.setData('test', 12); // => Valid
 
 //
 // Additional typings

From 8ca642272557d0614e600bcc9655e06ba5e163cd Mon Sep 17 00:00:00 2001
From: arogg <alrogg@gmail.com>
Date: Thu, 4 May 2017 20:48:50 +0200
Subject: [PATCH 195/321] add hsl() to types/color (#16322)

---
 types/color/color-tests.ts | 1 +
 types/color/index.d.ts     | 1 +
 2 files changed, 2 insertions(+)

diff --git a/types/color/color-tests.ts b/types/color/color-tests.ts
index fb561d4ad1..7b1a48a945 100644
--- a/types/color/color-tests.ts
+++ b/types/color/color-tests.ts
@@ -59,3 +59,4 @@ var chain: Color.Color = color
     .opaquer(0)
     .rotate(0)
     .mix(colorOther, 0)
+    .hsl();
diff --git a/types/color/index.d.ts b/types/color/index.d.ts
index 0b7b505c01..e7e460f62a 100644
--- a/types/color/index.d.ts
+++ b/types/color/index.d.ts
@@ -85,6 +85,7 @@ declare namespace Color {
         opaquer(value: number): Color;
         rotate(value: number): Color;
         mix(color: Color, value?: number): Color;
+        hsl(): Color;
     }
 }
 

From 09f5d9e0e7c8533743346e7d0c4b6aa68cd52de1 Mon Sep 17 00:00:00 2001
From: ncipollina <ncipollina@gmail.com>
Date: Thu, 4 May 2017 14:51:03 -0400
Subject: [PATCH 196/321] Added pet-finder-api definitions. (#16319)

* Added pet-finder-api definitions.

* Fixed array issue.
Added whitespace to test file.
---
 types/pet-finder-api/index.d.ts              | 65 ++++++++++++++++++++
 types/pet-finder-api/pet-finder-api-tests.ts |  7 +++
 types/pet-finder-api/tsconfig.json           | 22 +++++++
 types/pet-finder-api/tslint.json             |  1 +
 4 files changed, 95 insertions(+)
 create mode 100644 types/pet-finder-api/index.d.ts
 create mode 100644 types/pet-finder-api/pet-finder-api-tests.ts
 create mode 100644 types/pet-finder-api/tsconfig.json
 create mode 100644 types/pet-finder-api/tslint.json

diff --git a/types/pet-finder-api/index.d.ts b/types/pet-finder-api/index.d.ts
new file mode 100644
index 0000000000..e438bda1c2
--- /dev/null
+++ b/types/pet-finder-api/index.d.ts
@@ -0,0 +1,65 @@
+// Type definitions for pet-finder-api 1.0
+// Project: https://github.com/drlukeangel/Pet-Finder-API-Javascript-Library
+// Definitions by: My Self <https://github.com/me>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+declare function petFinder(api_key: string, api_secret: string, options?: any): petFinder.PetFinder;
+
+declare namespace petFinder {
+    interface PetFinder {
+        getBreedList(animal: string, callback: (err: any, breedArray: string[]) => void): void;
+        getPet(petId: number, options: any, callback: (error: any, pet: Pet) => void): void;
+        getRandomPet(options: any, callback: (error: any, pet: Pet) => void): void;
+        findPet(options: any, callback: (error: any, pets: Pet[]) => void): void;
+        findShelter(location: string, options: any, callback: (error: any, shelters: Shelter[]) => void): void;
+        getShelter(shelterId: string, options: any, callback: (error: any, shelter: Shelter) => void): void;
+        getPetsInShelter(shelterId: string, options: any, callback: (error: any, pets: Pet[]) => void): void;
+        getSheltersWithBreeds(animal: string, breed: string, options: any, callback: (error: any, shelters: Shelter[]) => void): void;
+    }
+
+    interface Pet {
+        id: number;
+        name: string;
+        status: string;
+        description: string;
+        sex: string;
+        age: string;
+        size: string;
+        mix: string;
+        animal: string;
+        shelterId: string;
+        shelterPetId: string;
+        contact: Contact;
+        options: string[];
+        breeds: string[];
+        media: any;
+    }
+
+    interface Shelter {
+        id: string;
+        name: string;
+        email: string;
+        phone: string;
+        fax: string;
+        address1: string;
+        address2: string;
+        city: string;
+        state: string;
+        zip: string;
+        country: string;
+        longitude: number;
+        latitude: number;
+    }
+
+    interface Contact {
+        email: string;
+        phone: string;
+        fax: string;
+        address1: string;
+        address2: string;
+        city: string;
+        state: string;
+        zip: string;
+    }
+}
+
+export = petFinder;
diff --git a/types/pet-finder-api/pet-finder-api-tests.ts b/types/pet-finder-api/pet-finder-api-tests.ts
new file mode 100644
index 0000000000..4e1fadba1c
--- /dev/null
+++ b/types/pet-finder-api/pet-finder-api-tests.ts
@@ -0,0 +1,7 @@
+import petfinder = require("pet-finder-api");
+
+let finder = petfinder("api-key", "api-secret", {});
+
+finder.getBreedList('cat', (err, breeds) => { });
+
+finder.getPet(13, {}, (err, pet) => { });
diff --git a/types/pet-finder-api/tsconfig.json b/types/pet-finder-api/tsconfig.json
new file mode 100644
index 0000000000..0730a425dd
--- /dev/null
+++ b/types/pet-finder-api/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",
+        "pet-finder-api-tests.ts"
+    ]
+}
diff --git a/types/pet-finder-api/tslint.json b/types/pet-finder-api/tslint.json
new file mode 100644
index 0000000000..3db14f85ea
--- /dev/null
+++ b/types/pet-finder-api/tslint.json
@@ -0,0 +1 @@
+{ "extends": "dtslint/dt.json" }

From 4425d3444e03f0dac2256e521574cbdcbc3b6acb Mon Sep 17 00:00:00 2001
From: Hendrik Schaeidt <he.schaeidt@gmail.com>
Date: Thu, 4 May 2017 20:53:01 +0200
Subject: [PATCH 197/321] jest: add missing defintion for jasmine default
 timeout interval (#16314)

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

diff --git a/types/jest/index.d.ts b/types/jest/index.d.ts
index 595a42ea2b..36011e67a7 100644
--- a/types/jest/index.d.ts
+++ b/types/jest/index.d.ts
@@ -291,6 +291,7 @@ declare function pending(reason?: string): void;
 /** Fails a test when called within one. */
 declare function fail(error?: any): void;
 declare namespace jasmine {
+    var DEFAULT_TIMEOUT_INTERVAL: number;
     var clock: () => Clock;
     function any(aclass: any): Any;
     function anything(): Any;

From 7c0fb318b518e881e9200501f95730649559817a Mon Sep 17 00:00:00 2001
From: Nam Nguyen Thanh <nam.nguyenthanh@medhealthgroup.com.au>
Date: Fri, 5 May 2017 02:12:36 +0700
Subject: [PATCH 198/321] [FullCalendar] Removing allDay parameter in dayClick
 function (#16164)

* Removed allDay parameter

* Updated test for dayClick function

* Removed trailing whith space
---
 types/fullcalendar/fullcalendar-tests.ts | 8 +-------
 types/fullcalendar/index.d.ts            | 2 +-
 2 files changed, 2 insertions(+), 8 deletions(-)

diff --git a/types/fullcalendar/fullcalendar-tests.ts b/types/fullcalendar/fullcalendar-tests.ts
index 4557a94eef..ca456013af 100644
--- a/types/fullcalendar/fullcalendar-tests.ts
+++ b/types/fullcalendar/fullcalendar-tests.ts
@@ -417,13 +417,7 @@ $('#calendar').fullCalendar({
 });
 
 $('#calendar').fullCalendar({
-    dayClick(date, allDay, jsEvent, view) {
-        if (allDay) {
-            alert('Clicked on the entire day: ' + date);
-        } else {
-            alert('Clicked on the slot: ' + date);
-        }
-
+    dayClick(date, jsEvent, view) {
         alert('Coordinates: ' + jsEvent.pageX + ',' + jsEvent.pageY);
 
         alert('Current view: ' + view.name);
diff --git a/types/fullcalendar/index.d.ts b/types/fullcalendar/index.d.ts
index e040d613f9..2fedd216c6 100644
--- a/types/fullcalendar/index.d.ts
+++ b/types/fullcalendar/index.d.ts
@@ -90,7 +90,7 @@ export interface Options extends AgendaOptions, EventDraggingResizingOptions, Dr
 
     // Clicking & Hovering - http://fullcalendar.io/docs/mouse/
 
-    dayClick?(date: Date, allDay: boolean, jsEvent: MouseEvent, view: ViewObject): void;
+    dayClick?(date: Date, jsEvent: MouseEvent, view: ViewObject): void;
     eventClick?(event: EventObject, jsEvent: MouseEvent, view: ViewObject): any; // return type boolean or void
     eventMouseover?(event: EventObject, jsEvent: MouseEvent, view: ViewObject): void;
     eventMouseout?(event: EventObject, jsEvent: MouseEvent, view: ViewObject): void;

From 1b37b86896f50b919c18bfcff1a79c2c863f97ee Mon Sep 17 00:00:00 2001
From: "Fred K. Schott" <fkschott@gmail.com>
Date: Thu, 4 May 2017 12:13:54 -0700
Subject: [PATCH 199/321] update types for launchpad@v0.6.0 (#16308)

* update types for launchpad@v0.6.0

* cache current v0.5 types in subfolder

* Revert "cache current v0.5 types in subfolder"

This reverts commit 24bcd8aaba93c24fb6a135b5ae65aee0b793fde0.

* add version info to launchpad header
---
 types/launchpad/index.d.ts         | 12 +-----------
 types/launchpad/launchpad-tests.ts | 16 ----------------
 2 files changed, 1 insertion(+), 27 deletions(-)

diff --git a/types/launchpad/index.d.ts b/types/launchpad/index.d.ts
index c39db51f2e..158485f818 100644
--- a/types/launchpad/index.d.ts
+++ b/types/launchpad/index.d.ts
@@ -1,4 +1,4 @@
-// Type definitions for launchpad
+// Type definitions for launchpad 0.6.0
 // Project: https://www.npmjs.com/package/launchpad
 // Definitions by: Peter Burns <https://github.com/rictic>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
@@ -34,16 +34,6 @@ export function browserstack(
     authCreds: BrowserstackAuth,
     cb: (err: any, browserstack: Launcher) => void): void;
 
-interface RemoteConnectionOptions {
-  host: string;
-  username: string;
-  password: string;
-}
-
-export function remote(
-    connectionOpts: RemoteConnectionOptions,
-    cb: (err: any, remoteLauncher: Launcher) => void): void;
-
 interface BrowserPlatformDetails {
   pathQuery?: string;
   plistPath?: string;
diff --git a/types/launchpad/launchpad-tests.ts b/types/launchpad/launchpad-tests.ts
index e73beb47e5..0aa9d81104 100644
--- a/types/launchpad/launchpad-tests.ts
+++ b/types/launchpad/launchpad-tests.ts
@@ -43,19 +43,3 @@ launch.browserstack({
       }, 5000);
   });
 });
-
-launch.remote({
-  host : "ie7machine",
-  username : "launcher",
-  password : "testing"
-}, function(err, api) {
-  api.browsers(function(error, browsers) {
-    // -> List of all browsers found on ie7machine
-  });
-
-  api("http://github.com", {
-    browser : "safari",
-    version : "latest"
-  }, function(err, instance) {
-  });
-});

From 9f5858caef71c8b6ce6496affc4adf4e08ed2caf Mon Sep 17 00:00:00 2001
From: Tom Wanzek <tomwanzek@gmail.com>
Date: Thu, 4 May 2017 15:58:02 -0400
Subject: [PATCH 200/321] [d3-geo/d3-contour] Chores (#16324)

* [d3-contour] [Chore] Add contributor

* [d3-geo] Chore and Preparation for strictNullChecks
* [Chore] Change geoJSON to module import
* [Chore] Update return type signatures for `geoPath(...)` invocation. For the time being split the signatures for rendering to svg vs canvas. The return type for rendering is changed to `string | null`. This change corresponds to the comitted PR 98 in the d3-geo repo. The behavior and the definitions are now harmonized with d3-shape generators like `arc(...)`.

* [d3-contour] Update test to reflect `geoPath` change.
---
 types/d3-contour/d3-contour-tests.ts |  2 +-
 types/d3-contour/index.d.ts          |  2 +-
 types/d3-geo/index.d.ts              | 38 +++++++++++++++++++++++++---
 3 files changed, 36 insertions(+), 6 deletions(-)

diff --git a/types/d3-contour/d3-contour-tests.ts b/types/d3-contour/d3-contour-tests.ts
index a70f1f44e7..751dfe99c9 100644
--- a/types/d3-contour/d3-contour-tests.ts
+++ b/types/d3-contour/d3-contour-tests.ts
@@ -45,7 +45,7 @@ const thresholdArrayGen: ThresholdArrayGenerator<number> = (values: number[], mi
 };
 
 let thresholdGenerator: ThresholdArrayGenerator<number> | ThresholdCountGenerator;
-let pathStringMaybe: string | undefined;
+let pathStringMaybe: string | null;
 let num: number;
 
 const pathSolo = geoPath<any, d3Contour.ContourMultiPolygon>();
diff --git a/types/d3-contour/index.d.ts b/types/d3-contour/index.d.ts
index 2222e459a1..789ff32a5f 100644
--- a/types/d3-contour/index.d.ts
+++ b/types/d3-contour/index.d.ts
@@ -1,6 +1,6 @@
 // Type definitions for d3-contour 1.1
 // Project: https://d3js.org/d3-contour/
-// Definitions by: Tom Wanzek <https://github.com/tomwanzek>
+// Definitions by: Tom Wanzek <https://github.com/tomwanzek>, Hugues Stefanski <https://github.com/Ledragon>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 
 // Last module patch version validated against: 1.1.0
diff --git a/types/d3-geo/index.d.ts b/types/d3-geo/index.d.ts
index f6e4fa150d..bff408ce6b 100644
--- a/types/d3-geo/index.d.ts
+++ b/types/d3-geo/index.d.ts
@@ -3,10 +3,10 @@
 // Definitions by: Hugues Stefanski <https://github.com/Ledragon>, Tom Wanzek <https://github.com/tomwanzek>, Alex Ford <https://github.com/gustavderdrache>, Boris Yankov <https://github.com/borisyankov>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 
-/// <reference types="geojson" />
-
 // Last module patch version validated against: 1.6.1
 
+import * as GeoJSON from 'geojson';
+
 // ----------------------------------------------------------------------
 // Shared Interfaces and Types
 // ----------------------------------------------------------------------
@@ -926,7 +926,8 @@ export interface GeoPath<This, DatumObject extends GeoPermissibleObjects> {
      *
      * Any additional arguments are passed along to the pointRadius accessor.
      *
-     * If the rendering context is null, the function returns an SVG Path string, otherwise the function renders to the current context.
+     * IMPORTANT: If the rendering context of the geoPath generator is null,
+     * then the geoPath is returned as an SVG path data string.
      *
      * Separate path elements are typically slower than a single path element. However, distinct path elements are useful for styling and interation (e.g., click or mouseover).
      * Canvas rendering (see path.context) is typically faster than SVG, but requires more effort to implement styling and interaction.
@@ -935,7 +936,36 @@ export interface GeoPath<This, DatumObject extends GeoPermissibleObjects> {
      *
      * @param object An object to be rendered.
      */
-    (this: This, object: DatumObject, ...args: any[]): string | undefined;
+    (this: This, object: DatumObject, ...args: any[]): string | null;
+    /**
+     * Renders the given object, which may be any GeoJSON feature or geometry object:
+     *
+     * + Point - a single position.
+     * + MultiPoint - an array of positions.
+     * + LineString - an array of positions forming a continuous line.
+     * + MultiLineString - an array of arrays of positions forming several lines.
+     * + Polygon - an array of arrays of positions forming a polygon (possibly with holes).
+     * + MultiPolygon - a multidimensional array of positions forming multiple polygons.
+     * + GeometryCollection - an array of geometry objects.
+     * + Feature - a feature containing one of the above geometry objects.
+     * + FeatureCollection - an array of feature objects.
+     *
+     * The type Sphere is also supported, which is useful for rendering the outline of the globe; a sphere has no coordinates.
+     *
+     *
+     * Any additional arguments are passed along to the pointRadius accessor.
+     *
+     * IMPORTANT: If the geoPath generator has been configured with a rendering context,
+     * then the geoPath is rendered to this context as a sequence of path method calls and this function returns void.
+     *
+     * Separate path elements are typically slower than a single path element. However, distinct path elements are useful for styling and interation (e.g., click or mouseover).
+     * Canvas rendering (see path.context) is typically faster than SVG, but requires more effort to implement styling and interaction.
+     *
+     * The first generic type of the GeoPath generator used, must correspond to the "this" context bound to the function upon invocation.
+     *
+     * @param object An object to be rendered.
+     */
+    (this: This, object: DatumObject, ...args: any[]): void;
 
     /**
      * Returns the projected planar area (typically in square pixels) for the specified GeoJSON object.

From abef2dd28208c54172ad12b648fa85b1be514df0 Mon Sep 17 00:00:00 2001
From: John Maxwell <jgwmaxwell@gmail.com>
Date: Thu, 4 May 2017 21:08:11 +0100
Subject: [PATCH 201/321] [pg] Allow QueryConfig based queries rather than just
 string queries (#16293)

* feat: Allow QueryConfig based queries

* Harmonise pg.Client and pg.Pool query signatures
---
 types/pg/index.d.ts | 10 ++++++----
 1 file changed, 6 insertions(+), 4 deletions(-)

diff --git a/types/pg/index.d.ts b/types/pg/index.d.ts
index b87b99a722..6a2bd068d5 100644
--- a/types/pg/index.d.ts
+++ b/types/pg/index.d.ts
@@ -71,11 +71,13 @@ export declare class Pool extends events.EventEmitter {
     connect(callback: (err: Error, client: Client, done: () => void) => void): void;
 
     end(): Promise<void>;
+    
+    query(queryStream: QueryConfig & stream.Readable): stream.Readable;
+    query(queryTextOrConfig: string | QueryConfig): Promise<QueryResult>;
+    query(queryText: string, values: any[]): Promise<QueryResult>;
 
-    query(queryText: string, values?: any[]): Promise<QueryResult>;
-
-    query(queryText: string, callback: (err: Error, result: QueryResult) => void): void;
-    query(queryText: string, values: any[], callback: (err: Error, result: QueryResult) => void): void;
+    query(queryTextOrConfig: string | QueryConfig, callback: (err: Error, result: QueryResult) => void): Query;
+    query(queryText: string, values: any[], callback: (err: Error, result: QueryResult) => void): Query;
 
     on(event: "error", listener: (err: Error, client: Client) => void): this;
     on(event: "connect" | "acquire", listener: (client: Client) => void): this;

From 581dbc2ddecf04f6934b570952c333b4d1cede27 Mon Sep 17 00:00:00 2001
From: Sylvie Boenke-Bowden <kittimiyo@hotmail.com>
Date: Thu, 4 May 2017 13:57:28 -0700
Subject: [PATCH 202/321] Update definitions for react-custom-scrollbars@4.1.1
 - BREAKING CHANGES (#16326)

* Update definitions for react-custom-scrollbars@4.1.1 - BREAKING CHANGES

* Preserve react-custom-scrollbars v3 in folder
---
 types/react-custom-scrollbars/index.d.ts      | 17 ++++--
 types/react-custom-scrollbars/v3/index.d.ts   | 58 +++++++++++++++++++
 .../v3/react-custom-scrollbars-tests.tsx      | 10 ++++
 .../react-custom-scrollbars/v3/tsconfig.json  | 28 +++++++++
 4 files changed, 108 insertions(+), 5 deletions(-)
 create mode 100644 types/react-custom-scrollbars/v3/index.d.ts
 create mode 100644 types/react-custom-scrollbars/v3/react-custom-scrollbars-tests.tsx
 create mode 100644 types/react-custom-scrollbars/v3/tsconfig.json

diff --git a/types/react-custom-scrollbars/index.d.ts b/types/react-custom-scrollbars/index.d.ts
index cf9410f81d..88ed144561 100644
--- a/types/react-custom-scrollbars/index.d.ts
+++ b/types/react-custom-scrollbars/index.d.ts
@@ -1,6 +1,7 @@
-// Type definitions for react-css-transition-replace 2.0.1
+// Type definitions for react-custom-scrollbars 4.0
 // Project: https://github.com/malte-wessel/react-custom-scrollbars
-// Definitions by: David-LeBlanc-git <https://github.com/David-LeBlanc-git>
+// Definitions by:  David-LeBlanc-git <https://github.com/David-LeBlanc-git>
+//                  kittimiyo <https://github.com/kittimiyo>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 // TypeScript Version: 2.1
 
@@ -31,6 +32,8 @@ declare module "react-custom-scrollbars" {
         renderThumbHorizontal?: React.StatelessComponent<any>;
         renderThumbVertical?: React.StatelessComponent<any>;
 
+        hideTracksWhenNotNeeded?: boolean;
+
         autoHide?: boolean;
         autoHideTimeout?: number;
         autoHideDuration?: number;
@@ -38,6 +41,10 @@ declare module "react-custom-scrollbars" {
         thumbSize?: number;
         thumbMinSize?: number;
         universal?: boolean;
+
+        autoHeight?: boolean;
+        autoHeightMin?: number;
+        autoHeightMax?: number;
     }
 
     export default class Scrollbars extends React.Component<ScrollbarProps, {}> {
@@ -51,8 +58,8 @@ declare module "react-custom-scrollbars" {
         getScrollTop(): number;
         getScrollWidth(): number;
         getScrollHeight(): number;
-        getWidth(): number;
-        getHeight(): number;
+        getClientWidth(): number;
+        getClientHeight(): number;
         getValues(): positionValues;
     }
-}
\ No newline at end of file
+}
diff --git a/types/react-custom-scrollbars/v3/index.d.ts b/types/react-custom-scrollbars/v3/index.d.ts
new file mode 100644
index 0000000000..a5ae0da8b2
--- /dev/null
+++ b/types/react-custom-scrollbars/v3/index.d.ts
@@ -0,0 +1,58 @@
+// Type definitions for react-custom-scrollbars 3.0
+// Project: https://github.com/malte-wessel/react-custom-scrollbars
+// Definitions by: David-LeBlanc-git <https://github.com/David-LeBlanc-git>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+// TypeScript Version: 2.1
+
+import * as React from "react";
+
+declare module "react-custom-scrollbars" {
+    export interface positionValues {
+        top: number;
+        left: number;
+        clientWidth: number;
+        clientHeight: number;
+        scrollWidth: number;
+        scrollHeight: number;
+        scrollLeft: number;
+        scrollTop: number;
+    }
+
+    export interface ScrollbarProps extends React.HTMLProps<Scrollbars> {
+        onScroll?: React.UIEventHandler<any>;
+        onScrollFrame?: (values: positionValues) => void;
+        onScrollStart?: () => void;
+        onScrollStop?: () => void;
+        onUpdate?: (values: positionValues) => void;
+
+        renderView?: React.StatelessComponent<any>;
+        renderTrackHorizontal?: React.StatelessComponent<any>;
+        renderTrackVertical?: React.StatelessComponent<any>;
+        renderThumbHorizontal?: React.StatelessComponent<any>;
+        renderThumbVertical?: React.StatelessComponent<any>;
+
+        autoHide?: boolean;
+        autoHideTimeout?: number;
+        autoHideDuration?: number;
+
+        thumbSize?: number;
+        thumbMinSize?: number;
+        universal?: boolean;
+    }
+
+    export default class Scrollbars extends React.Component<ScrollbarProps, {}> {
+        scrollTop(top: number): void;
+        scrollLeft(left: number): void;
+        scrollToTop(): void;
+        scrollToBottom(): void;
+        scrollToLeft(): void;
+        scrollToRight(): void;
+        getScrollLeft(): number;
+        getScrollTop(): number;
+        getScrollWidth(): number;
+        getScrollHeight(): number;
+        getWidth(): number;
+        getHeight(): number;
+        getValues(): positionValues;
+    }
+}
diff --git a/types/react-custom-scrollbars/v3/react-custom-scrollbars-tests.tsx b/types/react-custom-scrollbars/v3/react-custom-scrollbars-tests.tsx
new file mode 100644
index 0000000000..240061eada
--- /dev/null
+++ b/types/react-custom-scrollbars/v3/react-custom-scrollbars-tests.tsx
@@ -0,0 +1,10 @@
+import * as React from "react"
+import { render } from 'react-dom';
+import Scrollbars from "react-custom-scrollbars"
+
+render(
+    <Scrollbars>
+        <div>Test</div>
+    </Scrollbars>,
+    document.getElementById("main")
+)
diff --git a/types/react-custom-scrollbars/v3/tsconfig.json b/types/react-custom-scrollbars/v3/tsconfig.json
new file mode 100644
index 0000000000..81204a9799
--- /dev/null
+++ b/types/react-custom-scrollbars/v3/tsconfig.json
@@ -0,0 +1,28 @@
+{
+    "compilerOptions": {
+        "module": "commonjs",
+        "lib": [
+            "es6",
+            "dom"
+        ],
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictNullChecks": true,
+        "baseUrl": "../../",
+        "typeRoots": [
+            "../../"
+        ],
+        "paths": {
+          "react-custom-scrollbars": ["react-custom-scrollbars/v3"],
+          "react-custom-scrollbars/*": ["react-custom-scrollbars/v3/*"]
+        },
+        "types": [],
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true,
+        "jsx": "react"
+    },
+    "files": [
+        "index.d.ts",
+        "react-custom-scrollbars-tests.tsx"
+    ]
+}

From 13b5f660baa232a454a2496b43ed51299aea4a5b Mon Sep 17 00:00:00 2001
From: Yui <yuit@users.noreply.github.com>
Date: Thu, 4 May 2017 14:04:25 -0700
Subject: [PATCH 203/321] Include ElementChildrenAttribute

This is a new feature in 2.3 as TypeScript will be able to check JSX.children
---
 types/react/index.d.ts | 1 +
 1 file changed, 1 insertion(+)

diff --git a/types/react/index.d.ts b/types/react/index.d.ts
index 741dae1012..f2df9c3f69 100644
--- a/types/react/index.d.ts
+++ b/types/react/index.d.ts
@@ -2725,6 +2725,7 @@ declare global {
             render(): JSX.Element | null;
         }
         interface ElementAttributesProperty { props: {}; }
+        interface ElementChildrenAttribute { children: {}; }
 
         interface IntrinsicAttributes extends React.Attributes { }
         interface IntrinsicClassAttributes<T> extends React.ClassAttributes<T> { }

From e564537f7f8cd413b64520034af9402c99d7f53f Mon Sep 17 00:00:00 2001
From: Mohamed Hegazy <mhegazy@microsoft.com>
Date: Thu, 4 May 2017 15:31:42 -0700
Subject: [PATCH 204/321] Fix lint failures (#16329)

* fix lint failures

* Fix more lint failures

* Fix some more lint errors
---
 types/bootstrap.v3.datetimepicker/index.d.ts  |  42 +-
 types/chocolatechipjs/index.d.ts              |   4 +-
 types/d3-ease/index.d.ts                      |  20 +-
 types/deepmerge/deepmerge-tests.ts            |  20 +-
 types/dwt/index.d.ts                          | 868 +++++++++---------
 types/ember/index.d.ts                        |  12 +-
 types/hapi-auth-jwt2/hapi-auth-jwt2-tests.ts  |   5 +-
 types/hapi/index.d.ts                         |  68 +-
 types/jasmine-ajax/index.d.ts                 |  24 +-
 types/jasmine-ajax/jasmine-ajax-tests.ts      |   2 +-
 types/jquery.validation/index.d.ts            |   6 +-
 .../jquery.validation-tests.ts                |  16 +-
 types/jui-core/index.d.ts                     |  42 +-
 types/jui-grid/index.d.ts                     |  92 +-
 types/jui/index.d.ts                          | 120 +--
 types/loopback-boot/loopback-boot-tests.ts    |  18 +-
 types/nedb/index.d.ts                         |   2 +-
 types/nedb/nedb-tests.ts                      | 136 +--
 types/optics-agent/optics-agent-tests.ts      |   4 +-
 types/react-router/test/ModalGallery.tsx      |  18 +-
 types/react-router/v3/react-router-tests.tsx  |  17 +-
 types/request-promise-native/index.d.ts       |   6 +-
 .../request-promise-native-tests.ts           |  52 +-
 types/restify/index.d.ts                      |   2 +-
 types/sparkpost/sparkpost-tests.ts            | 834 ++++++++---------
 types/swagger-hapi/swagger-hapi-tests.ts      |  32 +-
 .../swagger-restify-mw-tests.ts               |   6 +-
 27 files changed, 1244 insertions(+), 1224 deletions(-)

diff --git a/types/bootstrap.v3.datetimepicker/index.d.ts b/types/bootstrap.v3.datetimepicker/index.d.ts
index 4686aa9680..f37a42b67d 100644
--- a/types/bootstrap.v3.datetimepicker/index.d.ts
+++ b/types/bootstrap.v3.datetimepicker/index.d.ts
@@ -337,16 +337,16 @@ export interface DatetimepickerOptions {
 	/** Shows the week of the year to the left of first day of the week.
 	 * @default: false
 	 */
-    calendarWeeks?: boolean;
+	calendarWeeks?: boolean;
 	/** Using a Bootstraps collapse to switch between date/time pickers.
 	 * @default: true
 	 */
-    collapse?: boolean;
+	collapse?: boolean;
 	/** Disables the section of days of the week, e.g. weekends.
 	 * Accepts: array of numbers from 0-6
 	 * @default: false
 	 */
-    daysOfWeekDisabled?: number[] | boolean;
+	daysOfWeekDisabled?: number[] | boolean;
 	/** Changes the heading of the datepicker when in "days" view.
 	 * @default: "MMMM YYYY"
 	 */
@@ -358,14 +358,14 @@ export interface DatetimepickerOptions {
 	/** Sets the picker default date/time. Overrides useCurrent
 	 * @default: false
 	 */
-    defaultDate?: boolean | moment.Moment | Date | string;
+	defaultDate?: boolean | moment.Moment | Date | string;
 	/** Disables selection of dates in the array, e.g. holidays
 	 * @default: false
 	 * IMPORTANT! The getter returns an Object NOT an Array, with keys being the dates, values being true.
 	 * eg disabledDates = ["2010-10-10"]; -> disabledDated will be { "2010-01-01": true }
 	 * https://github.com/Eonasdan/bootstrap-datetimepicker/issues/1499
 	 */
-    disabledDates?: boolean | Array<moment.Moment | Date | string> | any;
+	disabledDates?: boolean | Array<moment.Moment | Date | string> | any;
 	/** Will allow or disallow hour selections (much like disabledTimeIntervals) but will affect all days
 	 * @default: false
 	 * IMPORTANT! The getter returns an Object NOT an Array, with keys being the hours, values being true.
@@ -384,7 +384,7 @@ export interface DatetimepickerOptions {
 	 * eg enabledDates = ["2010-10-10"]; -> enabledDated will be { "2010-01-01": true }
 	 * https://github.com/Eonasdan/bootstrap-datetimepicker/issues/1499
 	 */
-    enabledDates?: boolean | Array<moment.Moment | Date | string> | any;
+	enabledDates?: boolean | Array<moment.Moment | Date | string> | any;
 	/** Will allow or disallow hour selections (much like disabledTimeIntervals) but will affect all days
 	 * @default: false
 	 * IMPORTANT! The getter returns an Object NOT an Array, with keys being the hours, values being true.
@@ -403,17 +403,17 @@ export interface DatetimepickerOptions {
 	/** See momentjs' docs for valid formats. Format also dictates what components are shown, e.g. MM/dd/YYYY will not display the time picker.
 	 * @default: false
 	 */
-    format?: boolean | string | moment.MomentBuiltinFormat;
+	format?: boolean | string | moment.MomentBuiltinFormat;
 	/** Change the default icons for the pickers functions. */
-    icons?: Icons;
+	icons?: Icons;
 	/** Allow date picker show event to fire even when the associated input element has the readonly="readonly"property.
 	 * @default: false
 	 */
-    ignoreReadonly?: boolean;
+	ignoreReadonly?: boolean;
 	/** Will display the picker inline without the need of a input field. This will also hide borders and shadows.
 	 * @default: false
 	 */
-    inline?: boolean;
+	inline?: boolean;
 	/** Allows for custom events to fire on keyboard press.
 	 * eg: keybinds: {
 	 * 		up: (widget) => console.log(widget),
@@ -433,17 +433,17 @@ export interface DatetimepickerOptions {
 	/** See momentjs for valid locales. You must include moment-with-locales.js or a local js file.
 	 * @default: moment.locale()
 	 */
-    locale?: string;
+	locale?: string;
 	/** Prevents date/time selections after this date.
 	 * maxDate will override defaultDate and useCurrent if either of these settings are the same day since both options are invalid according to the rules you've selected.
 	 * @default: false
 	 */
-    maxDate?: boolean | moment.Moment | Date | string;
+	maxDate?: boolean | moment.Moment | Date | string;
 	/** Prevents date/time selections before this date.
 	 * minDate will override defaultDate and useCurrent if either of these settings are the same day since both options are invalid according to the rules you've selected.
 	 * @default: false
 	 */
-    minDate?: boolean | moment.Moment | Date | string;
+	minDate?: boolean | moment.Moment | Date | string;
 	/** Allows custom input formatting For example: the user can enter "yesterday"" or "30 days ago".
 	 * {@link http://eonasdan.github.io/bootstrap-datetimepicker/Functions/#parseinputdate}
 	 */
@@ -452,7 +452,7 @@ export interface DatetimepickerOptions {
 	 * Clicking the "Clear" button will set the calendar to null.
 	 * @default: false
 	 */
-    showClear?: boolean;
+	showClear?: boolean;
 	/** Show the "Close" button in the icon toolbar.
 	 * Clicking the "Close" button will call hide()
 	 * @default: false
@@ -462,11 +462,11 @@ export interface DatetimepickerOptions {
 	 * Clicking the "Today" button will set the calendar view and set the date to now.
 	 * @default: false
 	 */
-    showTodayButton?: boolean;
+	showTodayButton?: boolean;
 	/** Shows the picker side by side when using the time and date together.
 	 * @default: false
 	 */
-    sideBySide?: boolean;
+	sideBySide?: boolean;
 	/** Number of minutes the up/down arrow's will move the minutes value in the time picker
 	 * @default: 1
 	 */
@@ -479,17 +479,17 @@ export interface DatetimepickerOptions {
 	/** Changes the placement of the icon toolbar.
 	 * @default: "default"
 	 */
-    toolbarPlacement?: "default" | "top" | "bottom";
+	toolbarPlacement?: "default" | "top" | "bottom";
 	/** This will change the tooltips over each icon to a custom string */
 	tooltips?: Tooltips;
 	/** On show, will set the picker to the current date/time
 	 * @default: true
 	 */
-    useCurrent?: boolean;
+	useCurrent?: boolean;
 	/** Defines if moment should use strict date parsing when considering a date to be valid
 	 * @default: false
 	 */
-    useStrict?: boolean;
+	useStrict?: boolean;
 	/** This will change the viewDate without changing or setting the selected date.
 	 * @default: false
 	 */
@@ -498,7 +498,7 @@ export interface DatetimepickerOptions {
 	 * Note: To limit the picker to selecting, for instance the year and month, use format: MM/YYYY
 	 * @default: "days"
 	 */
-    viewMode?: "decades" | "years" | "months" | "days";
+	viewMode?: "decades" | "years" | "months" | "days";
 	/** On picker show, places the widget at the identifier (string) or jQuery object if the element has css position: "relative"
 	 * @default: null
 	 */
@@ -520,7 +520,7 @@ export interface Icons {
 	/** default: "glyphicon glyphicon-screenshot" */
 	previous?: string;
 	/** default: "glyphicon glyphicon-chevron-right" */
-    time?: string;
+	time?: string;
 	/** default: "glyphicon glyphicon-chevron-down" */
 	today?: string;
 	/** default: "glyphicon glyphicon-chevron-up" */
diff --git a/types/chocolatechipjs/index.d.ts b/types/chocolatechipjs/index.d.ts
index 0e33e087c3..4c1d49f6d1 100644
--- a/types/chocolatechipjs/index.d.ts
+++ b/types/chocolatechipjs/index.d.ts
@@ -438,7 +438,7 @@ interface ChocolateChipStatic {
   /**
    * Serialize
    */
-   serialize(form: HTMLFormElement | ChocolateChipElementArray): string;
+  serialize(form: HTMLFormElement | ChocolateChipElementArray): string;
 
   /**
    * Grabs values from a form and converts them into a JSON object.
@@ -862,7 +862,7 @@ interface ChocolateChipElementArray extends Array<HTMLElement> {
    * @param property The property to remove.
    * @return HTMLElement[]
    */
-   removeProp(property: string): ChocolateChipElementArray;
+  removeProp(property: string): ChocolateChipElementArray;
 
   /**
    * Adds the specified class(es) to each of the set of matched elements.
diff --git a/types/d3-ease/index.d.ts b/types/d3-ease/index.d.ts
index 3de6fd2e87..1f2b5f4cdd 100644
--- a/types/d3-ease/index.d.ts
+++ b/types/d3-ease/index.d.ts
@@ -87,7 +87,7 @@ export interface PolynomialEasingFactory {
      *
      * @param e Exponent for polynomial easing.
      */
-     exponent(e: number): PolynomialEasingFactory;
+    exponent(e: number): PolynomialEasingFactory;
 }
 
 /**
@@ -240,7 +240,7 @@ export interface BackEasingFactory {
      *
      * @param s Overshoot parameter
      */
-     overshoot(s: number): BackEasingFactory;
+    overshoot(s: number): BackEasingFactory;
 }
 
 /**
@@ -282,14 +282,14 @@ export interface ElasticEasingFactory {
      *
      * @param a Amplitude for elastic easing.
      */
-     amplitude(a: number): ElasticEasingFactory;
-     /**
-      * Returns a new elastic easing with the specified amplitude a.
-      * Defaults to 0.3,if not specified.
-      *
-      * @param p Period for elastic easing.
-      */
-     period(p: number): ElasticEasingFactory;
+    amplitude(a: number): ElasticEasingFactory;
+    /**
+     * Returns a new elastic easing with the specified amplitude a.
+     * Defaults to 0.3,if not specified.
+     *
+     * @param p Period for elastic easing.
+     */
+    period(p: number): ElasticEasingFactory;
 }
 
 /**
diff --git a/types/deepmerge/deepmerge-tests.ts b/types/deepmerge/deepmerge-tests.ts
index 8c7988ba78..5467cb83f0 100644
--- a/types/deepmerge/deepmerge-tests.ts
+++ b/types/deepmerge/deepmerge-tests.ts
@@ -1,13 +1,19 @@
 import * as deepmerge from "deepmerge";
 
-const x = { foo: { bar: 3 },
-  array: [ { does: 'work', too: [ 1, 2, 3 ] } ] };
-const y = { foo: { baz: 4 },
+const x = {
+  foo: { bar: 3 },
+  array: [{ does: 'work', too: [1, 2, 3] }]
+};
+const y = {
+  foo: { baz: 4 },
   quux: 5,
-  array: [ { does: 'work', too: [ 4, 5, 6 ] }, { really: 'yes' } ] };
+  array: [{ does: 'work', too: [4, 5, 6] }, { really: 'yes' }]
+};
 
-const expected = { foo: { bar: 3, baz: 4 },
-  array: [ { does: 'work', too: [ 1, 2, 3, 4, 5, 6 ] }, { really: 'yes' } ],
-  quux: 5 };
+const expected = {
+  foo: { bar: 3, baz: 4 },
+  array: [{ does: 'work', too: [1, 2, 3, 4, 5, 6] }, { really: 'yes' }],
+  quux: 5
+};
 
 const result = deepmerge<any>(x, y);
diff --git a/types/dwt/index.d.ts b/types/dwt/index.d.ts
index 9198ba80bf..460158afe1 100644
--- a/types/dwt/index.d.ts
+++ b/types/dwt/index.d.ts
@@ -9,12 +9,12 @@
 * Product: Dynamsoft Web Twain
 * Web Site: http://www.dynamsoft.com
 *
-* Copyright 2017, Dynamsoft Corporation 
+* Copyright 2017, Dynamsoft Corporation
 * Author: Dynamsoft Support Team
 * Version: 12.3
 */
 
-/** 
+/**
  * @namespace Dynamsoft
  */
 declare namespace Dynamsoft {
@@ -86,16 +86,16 @@ declare enum EnumDWT_Cap {
     CAP_AUTHOR = 4096,
     /** A general note about the acquired image. */
     CAP_CAPTION = 4097,
-    /** If TRUE, Source must acquire data from the document feeder acquire area and other feeder 
-     *  capabilities can be used. If FALSE, Source must acquire data from the non-feeder acquire area 
+    /** If TRUE, Source must acquire data from the document feeder acquire area and other feeder
+     *  capabilities can be used. If FALSE, Source must acquire data from the non-feeder acquire area
      *  and no other feeder capabilities can be used.
      */
     CAP_FEEDERENABLED = 4098,
     /** Reflect whether there are documents loaded in the Source's feeder. */
     CAP_FEEDERLOADED = 4099,
     /** The date and time the image was acquired.
-     *  Stored in the form "YYYY/MM/DD HH:mm:SS.sss" where YYYY is the year, MM is the 
-     *  numerical month, DD is the numerical day, HH is the hour, mm is the minute, SS is the second, 
+     *  Stored in the form "YYYY/MM/DD HH:mm:SS.sss" where YYYY is the year, MM is the
+     *  numerical month, DD is the numerical day, HH is the hour, mm is the minute, SS is the second,
      *  and sss is the millisecond.
      */
     CAP_TIMEDATE = 4100,
@@ -225,9 +225,9 @@ declare enum EnumDWT_Cap {
      *  devices may all report the same serial number.
      */
     CAP_SERIALNUMBER = 4132,
-    /** CapGet() returns the current list of available printer devices, along with the one currently being used for negotiation. 
+    /** CapGet() returns the current list of available printer devices, along with the one currently being used for negotiation.
      *  CapSet() selects the current device for negotiation, and optionally constrains the list.
-     *  Top/Bottom refers to duplex devices, and indicates if the printer is writing on the top or the bottom of the sheet of paper. 
+     *  Top/Bottom refers to duplex devices, and indicates if the printer is writing on the top or the bottom of the sheet of paper.
      *  Simplex devices use the top settings. Before/After indicates whether printing occurs before or after the sheet of paper has been scanned.
      */
     CAP_PRINTER = 4134,
@@ -250,8 +250,8 @@ declare enum EnumDWT_Cap {
     CAP_PRINTERSTRING = 4138,
     /** Specifies the string that shall be used as the current CAP_PRINTER device's suffix. */
     CAP_PRINTERSUFFIX = 4139,
-    /** Allows Application and Source to identify which languages they have in common for the exchange of string data, 
-     *  and to select the language of the internal UI. Since the TWLG_xxxx codes include language and country data, there is no separate 
+    /** Allows Application and Source to identify which languages they have in common for the exchange of string data,
+     *  and to select the language of the internal UI. Since the TWLG_xxxx codes include language and country data, there is no separate
      *  capability for selecting the country.
      */
     CAP_LANGUAGE = 4140,
@@ -282,21 +282,21 @@ declare enum EnumDWT_Cap {
     /** Added 1.91  */
     CAP_CAMERASIDE =  4148,
     /** Added 1.91   */
-    CAP_SEGMENTED =  4149,  
+    CAP_SEGMENTED =  4149,
     /** Added 2.0  */
     CAP_CAMERAENABLED =  4150,
     /** Added 2.0    */
-    CAP_CAMERAORDER =  4151, 
+    CAP_CAMERAORDER =  4151,
     /** Added 2.0  */
-    CAP_MICRENABLED =  4152, 
+    CAP_MICRENABLED =  4152,
     /** Added 2.0   */
-    CAP_FEEDERPREP =  4153,  
+    CAP_FEEDERPREP =  4153,
     /** Added 2.0  */
-    CAP_FEEDERPOCKET =  4154,  
+    CAP_FEEDERPOCKET =  4154,
     /** Added 2.1  */
     CAP_AUTOMATICSENSEMEDIUM =  4155,
     /** Added 2.1  */
-    CAP_CUSTOMINTERFACEGUID =  4156, 
+    CAP_CUSTOMINTERFACEGUID =  4156,
     /** TRUE enables and FALSE disables the Source's Auto-brightness function (if any). */
     ICAP_AUTOBRIGHT =  4352,
     /** The brightness values available within the Source. */
@@ -323,37 +323,37 @@ declare enum EnumDWT_Cap {
      */
     ICAP_HIGHLIGHT = 4362,
     /** Informs the application which file formats the Source can generate (CapGet()). Tells the Source which file formats the application can handle (CapSet()).
-     *  TWFF_TIFF Used for document 
-     *  TWFF_PICT Native Macintosh 
-     *  TWFF_BMP Native Microsoft 
-     *  TWFF_XBM Used for document 
-     *  TWFF_JFIF Wrapper for JPEG 
-     *  TWFF_FPX FlashPix, used with digital 
+     *  TWFF_TIFF Used for document
+     *  TWFF_PICT Native Macintosh
+     *  TWFF_BMP Native Microsoft
+     *  TWFF_XBM Used for document
+     *  TWFF_JFIF Wrapper for JPEG
+     *  TWFF_FPX FlashPix, used with digital
      *  TWFF_TIFFMULTI Multi-page TIFF files
      *  TWFF_PNG An image format standard intended for use on the web, replaces GIF
      *  TWFF_SPIFF A standard from JPEG, intended to replace JFIF, also supports JBIG
-     *  TWFF_EXIF File format for use with digital cameras. 
+     *  TWFF_EXIF File format for use with digital cameras.
      */
     ICAP_IMAGEFILEFORMAT = 4364,
     /** TRUE means the lamp is currently, or should be set to ON. Sources may not support CapSet() operations.  */
     ICAP_LAMPSTATE = 4365,
     /** Describes the general color characteristic of the light source used to acquire the image. */
     ICAP_LIGHTSOURCE = 4366,
-    /** Defines which edge of the "paper" the image's "top" is aligned with. This information is used to adjust the frames to match the 
-     *  scanning orientation of the paper. For instance, if an ICAP_SUPPORTEDSIZE of TWSS_ISOA4 has been negotiated, 
-     *  and ICAP_ORIENTATION is set to TWOR_LANDSCAPE, then the Source must rotate the frame it downloads to the scanner to reflect the 
-     *  orientation of the paper. Please note that setting ICAP_ORIENTATION does not affect the values reported by ICAP_FRAMES; 
-     *  it just causes the Source to use them in a different way. The upper-left of the image is defined as the location where both the primary and 
+    /** Defines which edge of the "paper" the image's "top" is aligned with. This information is used to adjust the frames to match the
+     *  scanning orientation of the paper. For instance, if an ICAP_SUPPORTEDSIZE of TWSS_ISOA4 has been negotiated,
+     *  and ICAP_ORIENTATION is set to TWOR_LANDSCAPE, then the Source must rotate the frame it downloads to the scanner to reflect the
+     *  orientation of the paper. Please note that setting ICAP_ORIENTATION does not affect the values reported by ICAP_FRAMES;
+     *  it just causes the Source to use them in a different way. The upper-left of the image is defined as the location where both the primary and
      *  secondary scans originate. (The X axis is the primary scan direction and the Y axis is the secondary scan direction.)
-     *  For a flatbed scanner, the light bar moves in the secondary scan direction. For a handheld scanner, the scanner is drug in the 
-     *  secondary scan direction. For a digital camera, the secondary direction is the vertical axis when the viewed image is considered upright. 
+     *  For a flatbed scanner, the light bar moves in the secondary scan direction. For a handheld scanner, the scanner is drug in the
+     *  secondary scan direction. For a digital camera, the secondary direction is the vertical axis when the viewed image is considered upright.
      */
     ICAP_ORIENTATION = 4368,
     /** The maximum physical width (X-axis) the Source can acquire (measured in units of ICAP_UNITS). */
     ICAP_PHYSICALWIDTH = 4369,
     /** The maximum physical height (Y-axis) the Source can acquire (measured in units of ICAP_UNITS). */
     ICAP_PHYSICALHEIGHT = 4370,
-    /** Specifies which value in an image should be interpreted as the darkest "shadow." All values 
+    /** Specifies which value in an image should be interpreted as the darkest "shadow." All values
      *  "darker" than this value will be clipped to this value.
      */
     ICAP_SHADOW = 4371,
@@ -387,13 +387,13 @@ declare enum EnumDWT_Cap {
      *  appropriate in ICAP_PHYSICALHEIGHT and ICAP_PHYSICALWIDTH.
      */
     ICAP_YRESOLUTION = 4377,
-    /** The maximum number of frames the Source can provide or the application can accept per page. 
+    /** The maximum number of frames the Source can provide or the application can accept per page.
      *  This is a bounding capability only. It does not establish current or future behavior.
      */
     ICAP_MAXFRAMES = 4378,
     /** This is used with buffered memory transfers. If TRUE, Source can provide application with tiled image data. */
     ICAP_TILES = 4379,
-    /** Specifies how the bytes in an image are filled by the Source. TWBO_MSBFIRST indicates that the leftmost bit in the byte (usually bit 7) is 
+    /** Specifies how the bytes in an image are filled by the Source. TWBO_MSBFIRST indicates that the leftmost bit in the byte (usually bit 7) is
      *  the byte's Most Significant Bit.
      */
     ICAP_BITORDER = 4380,
@@ -416,8 +416,8 @@ declare enum EnumDWT_Cap {
      *  rotation specified in ICAP_ORIENTATION.
      */
     ICAP_ROTATION = 4385,
-    /** For devices that support fixed frame sizes. 
-     *  Defined sizes match typical page sizes. This specifies the size(s) the Source can/should use to acquire image data. 
+    /** For devices that support fixed frame sizes.
+     *  Defined sizes match typical page sizes. This specifies the size(s) the Source can/should use to acquire image data.
      */
     ICAP_SUPPORTEDSIZES = 4386,
     /** Specifies the dividing line between black and white. This is the value the Source will use to
@@ -427,17 +427,17 @@ declare enum EnumDWT_Cap {
     ICAP_THRESHOLD = 4387,
     /** All the X-axis scaling values available. A value of '1.0' is equivalent to 100% scaling. Do not use values less than or equal to zero. */
     ICAP_XSCALING = 4388,
-    /** All the Y-axis scaling values available. A value of '1.0' is equivalent to 100% scaling. Do not use values less than or equal to zero. 
+    /** All the Y-axis scaling values available. A value of '1.0' is equivalent to 100% scaling. Do not use values less than or equal to zero.
      *  There are no units inherent with this data as it is normalized to 1.0 being "unscaled."
      */
     ICAP_YSCALING = 4389,
     /** Used for CCITT data compression only. Indicates the bit order representation of the stored compressed codes. */
     ICAP_BITORDERCODES = 4390,
-    /** Used only for CCITT data compression. Specifies whether the compressed codes' pixel "sense" 
+    /** Used only for CCITT data compression. Specifies whether the compressed codes' pixel "sense"
      *  will be inverted from the Current value of ICAP_PIXELFLAVOR prior to transfer.
      */
     ICAP_PIXELFLAVORCODES = 4391,
-    /** Allows the application and Source to agree upon a common set of color descriptors that are 
+    /** Allows the application and Source to agree upon a common set of color descriptors that are
      *  made available by the Source. This ICAP is only useful for JPEG-compressed buffered memory image transfers.
      */
     ICAP_JPEGPIXELTYPE = 4392,
@@ -458,7 +458,7 @@ declare enum EnumDWT_Cap {
      *  the scanned image is rotated or merged with another scanned image.
      */
     ICAP_UNDEFINEDIMAGESIZE = 4397,
-    /** Allows the application to query the data source to see if it supports extended image attribute capabilities, 
+    /** Allows the application to query the data source to see if it supports extended image attribute capabilities,
      *  such as Barcode Recognition, Shaded Area Detection and Removal, Skew detection and Removal, and so on.
      */
     ICAP_EXTIMAGEINFO = 4399,
@@ -480,7 +480,7 @@ declare enum EnumDWT_Cap {
     ICAP_AUTODISCARDBLANKPAGES = 4404,
     /** Flip rotation is used to properly orient images that flip orientation every other image.
      *  TWFR_BOOK The images to be scanned are viewed in book form, flipping each page from left to right or right to left.
-     *  TWFR_FANFOLD The images to be scanned are viewed in fanfold paper style, flipping each page up or down. 
+     *  TWFR_FANFOLD The images to be scanned are viewed in fanfold paper style, flipping each page up or down.
      */
     ICAP_FLIPROTATION = 4406,
     /** Turns bar code detection on and off. */
@@ -514,77 +514,77 @@ declare enum EnumDWT_Cap {
     /** Restricts the total time spent on searching for a patch code on each page. */
     ICAP_PATCHCODETIMEOUT = 4421,
     /** For devices that support flash. CapSet() selects the flash to be used (if any). CapGet() reports the current setting.
-     *  This capability replaces ICAP_FLASHUSED, which is only able to negotiate the flash being on or off. 
+     *  This capability replaces ICAP_FLASHUSED, which is only able to negotiate the flash being on or off.
      */
     ICAP_FLASHUSED2 = 4422,
     /** For devices that support image enhancement filtering. This capability selects the algorithm used to improve the quality of the image. */
     ICAP_IMAGEFILTER = 4423,
     /** For devices that support noise filtering. This capability selects the algorithm used to remove noise. */
     ICAP_NOISEFILTER = 4424,
-    /** Overscan is used to scan outside of the boundaries described by ICAP_FRAMES, and is used to help acquire image data that 
+    /** Overscan is used to scan outside of the boundaries described by ICAP_FRAMES, and is used to help acquire image data that
      *  may be lost because of skewing.
-     *  This is primarily of use for transport scanners which rely on edge detection to begin scanning. 
-     *  If overscan is supported, then the device is capable of scanning in the inter-document gap to get the skewed image information. 
+     *  This is primarily of use for transport scanners which rely on edge detection to begin scanning.
+     *  If overscan is supported, then the device is capable of scanning in the inter-document gap to get the skewed image information.
      */
     ICAP_OVERSCAN = 4425,
     /** Turns automatic border detection on and off. */
     ICAP_AUTOMATICBORDERDETECTION = 4432,
     /** Turns automatic deskew correction on and off. */
     ICAP_AUTOMATICDESKEW = 4433,
-    /** When TRUE this capability depends on intelligent features within the Source to automatically 
+    /** When TRUE this capability depends on intelligent features within the Source to automatically
      *  rotate the image to the correct position.
      */
     ICAP_AUTOMATICROTATE = 4434,
     /** Added 1.9  */
     ICAP_JPEGQUALITY = 4435,
     /** Added 1.91   */
-    ICAP_FEEDERTYPE = 4436, 
+    ICAP_FEEDERTYPE = 4436,
     /** Added 1.91  */
     ICAP_ICCPROFILE = 4437,
     /** Added 2.0   */
-    ICAP_AUTOSIZE = 4438,  
+    ICAP_AUTOSIZE = 4438,
     /** Added 2.1  */
-    ICAP_AUTOMATICCROPUSESFRAME = 4439, 
+    ICAP_AUTOMATICCROPUSESFRAME = 4439,
     /** Added 2.1  */
     ICAP_AUTOMATICLENGTHDETECTION = 4440,
     /** Added 2.1  */
-    ICAP_AUTOMATICCOLORENABLED = 4441, 
+    ICAP_AUTOMATICCOLORENABLED = 4441,
     /** Added 2.1  */
-    ICAP_AUTOMATICCOLORNONCOLORPIXELTYPE = 4442, 
+    ICAP_AUTOMATICCOLORNONCOLORPIXELTYPE = 4442,
     /** Added 2.1  */
     ICAP_COLORMANAGEMENTENABLED = 4443,
     /** Added 2.1  */
-    ICAP_IMAGEMERGE = 4444,  
+    ICAP_IMAGEMERGE = 4444,
     /** Added 2.1  */
     ICAP_IMAGEMERGEHEIGHTTHRESHOLD = 4445,
     /** Added 2.1   */
-    ICAP_SUPPORTEDEXTIMAGEINFO = 4446   
+    ICAP_SUPPORTEDEXTIMAGEINFO = 4446
 }
 
-/** Capabilities exist in many varieties but all have a Default Value, Current Value, and may have other values available that can be supported if selected. 
- *  To help categorize the supported values into clear structures, TWAIN defines four types of containers for capabilities = 
+/** Capabilities exist in many varieties but all have a Default Value, Current Value, and may have other values available that can be supported if selected.
+ *  To help categorize the supported values into clear structures, TWAIN defines four types of containers for capabilities =
  *  TW_ONEVALUE, TW_ARRAY, TW_RANGE and TW_ENUMERATION.
  */
 declare enum EnumDWT_CapType {
     /** Nothing. */
     TWON_NONE = 0,
-    /** A rectangular array of values that describe a logical item. It is similar to the TW_ONEVALUE because the current and default values are the same and 
-     *  there are no other values to select from. For example, a list of the names, such as the supported capabilities list returned by the CAP_SUPPORTEDCAPS 
-     *  capability, would use this type of container. 
+    /** A rectangular array of values that describe a logical item. It is similar to the TW_ONEVALUE because the current and default values are the same and
+     *  there are no other values to select from. For example, a list of the names, such as the supported capabilities list returned by the CAP_SUPPORTEDCAPS
+     *  capability, would use this type of container.
      */
     TWON_ARRAY = 3,
-    /** This is the most general type because it defines a list of values from which the Current Value can be chosen. 
-     *  The values do not progress uniformly through a range and there is not a consistent step size between the values. 
-     *  For example, if a Source's resolution options do not occur in even step sizes then an enumeration would be used (for example, 150, 400, and 600). 
+    /** This is the most general type because it defines a list of values from which the Current Value can be chosen.
+     *  The values do not progress uniformly through a range and there is not a consistent step size between the values.
+     *  For example, if a Source's resolution options do not occur in even step sizes then an enumeration would be used (for example, 150, 400, and 600).
      */
     TWON_ENUMERATION = 4,
     /** A single value whose current and default values are coincident. The range of available values for this type of capability is simply this single value.
      *  For example, a capability that indicates the presence of a document feeder could be of this type.
      */
     TWON_ONEVALUE = 5,
-    /** Many capabilities allow users to select their current value from a range of regularly spaced values. 
+    /** Many capabilities allow users to select their current value from a range of regularly spaced values.
      *  The capability can specify the minimum and maximum acceptable values and the incremental step size between the values.
-     *  For example, resolution might be supported from 100 to 600 in steps of 50 (100, 150, 200, ..., 550, 600). 
+     *  For example, resolution might be supported from 100 to 600 in steps of 50 (100, 150, 200, ..., 550, 600).
      */
     TWON_RANGE = 6
 }
@@ -600,23 +600,23 @@ declare enum EnumDWT_TransferMode {
     /** Buffered Memory Mode Transfers. */
     TWSX_MEMORY = 2,
     /** added 1.91 */
-    TWSX_MEMFILE  = 4    
+    TWSX_MEMFILE  = 4
 }
 
 /** ICAP_IMAGEFILEFORMAT values. */
 declare enum EnumDWT_FileFormat {
     /** Used for document imaging. Tagged Image File Format */
-    TWFF_TIFF = 0, 
+    TWFF_TIFF = 0,
     /** Native Macintosh format. Macintosh PICT    */
-    TWFF_PICT = 1, 
+    TWFF_PICT = 1,
     /** Native Microsoft format. Windows Bitmap */
-    TWFF_BMP = 2,  
+    TWFF_BMP = 2,
     /** Used for document imaging. X-Windows Bitmap */
-    TWFF_XBM = 3,  
+    TWFF_XBM = 3,
     /** Wrapper for JPEG images. JPEG File Interchange Format */
-    TWFF_JFIF = 4, 
+    TWFF_JFIF = 4,
     /** FlashPix, used with digital cameras. Flash Pix */
-    TWFF_FPX = 5,  
+    TWFF_FPX = 5,
     /** Multi-page TIFF files. Multi-page tiff file */
     TWFF_TIFFMULTI = 6,
     /** An image format standard intended for use on the web, replaces GIF. */
@@ -626,19 +626,19 @@ declare enum EnumDWT_FileFormat {
     /** File format for use with digital cameras. */
     TWFF_EXIF = 9,
     /** A file format from Adobe. 1.91 NB: this is not PDF/A  */
-    TWFF_PDF = 10,   
+    TWFF_PDF = 10,
     /** A file format from the Joint Photographic Experts Group. 1.91 */
-    TWFF_JP2 = 11,    
+    TWFF_JP2 = 11,
     /** 1.91 */
-    TWFF_JPN = 12,    
+    TWFF_JPN = 12,
     /** 1.91 */
-    TWFF_JPX = 13,    
+    TWFF_JPX = 13,
     /** A file format from LizardTech. 1.91 */
-    TWFF_DEJAVU = 14,    
+    TWFF_DEJAVU = 14,
     /** A file format from Adobe. 2.0 */
-    TWFF_PDFA = 15,   
+    TWFF_PDFA = 15,
     /** 2.1 Adobe PDF/A, Version 2 */
-    TWFF_PDFA2 = 16  
+    TWFF_PDFA2 = 16
 }
 
 /** TIFF file compression type. */
@@ -718,29 +718,29 @@ declare enum EnumDWT_ShowMode {
 declare enum EnumDWT_CapValueType {
     TWTY_INT8 = 0,
     /** Means Item is a TW_INT16   */
-    TWTY_INT16 = 1,    
+    TWTY_INT16 = 1,
     /** Means Item is a TW_INT32   */
-    TWTY_INT32 = 2,    
+    TWTY_INT32 = 2,
     /** Means Item is a TW_UINT8   */
-    TWTY_UINT8 = 3,    
+    TWTY_UINT8 = 3,
     /** Means Item is a TW_UINT16  */
-    TWTY_UINT16 = 4,    
+    TWTY_UINT16 = 4,
     /** Means Item is a TW_int  */
-    TWTY_int = 5,    
+    TWTY_int = 5,
     /** Means Item is a TW_BOOL    */
-    TWTY_BOOL = 6,    
+    TWTY_BOOL = 6,
     /** Means Item is a TW_FIX32   */
-    TWTY_FIX32 = 7,    
+    TWTY_FIX32 = 7,
     /** Means Item is a TW_FRAME   */
-    TWTY_FRAME = 8,    
+    TWTY_FRAME = 8,
     /** Means Item is a TW_STR32   */
-    TWTY_STR32 = 9,    
+    TWTY_STR32 = 9,
     /** Means Item is a TW_STR64   */
-    TWTY_STR64 = 10,    
+    TWTY_STR64 = 10,
     /** Means Item is a TW_STR128  */
-    TWTY_STR128 = 11,    
+    TWTY_STR128 = 11,
     /** Means Item is a TW_STR255  */
-    TWTY_STR255 = 12        
+    TWTY_STR255 = 12
 }
 
 /** ICAP_UNITS values. */
@@ -764,33 +764,33 @@ declare enum EnumDWT_DUPLEX {
 /** CAP_LANGUAGE values. */
 declare enum EnumDWT_CapLanguage {
     /** Danish      */
-    TWLG_DAN = 0, 
+    TWLG_DAN = 0,
     /** Dutch       */
-    TWLG_DUT = 1, 
+    TWLG_DUT = 1,
     /** International English   */
-    TWLG_ENG = 2, 
+    TWLG_ENG = 2,
     /** French Canadian         */
-    TWLG_FCF = 3, 
+    TWLG_FCF = 3,
     /** Finnish     */
-    TWLG_FIN = 4, 
+    TWLG_FIN = 4,
     /** French      */
-    TWLG_FRN = 5, 
+    TWLG_FRN = 5,
     /** German      */
-    TWLG_GER = 6, 
+    TWLG_GER = 6,
     /** Icelandic   */
-    TWLG_ICE = 7, 
+    TWLG_ICE = 7,
     /** Italian      */
-    TWLG_ITN = 8, 
+    TWLG_ITN = 8,
     /** Norwegian   */
-    TWLG_NOR = 9, 
+    TWLG_NOR = 9,
     /** Portuguese  */
-    TWLG_POR = 10, 
+    TWLG_POR = 10,
     /** Spanish     */
-    TWLG_SPA = 11, 
+    TWLG_SPA = 11,
     /** Swedish     */
-    TWLG_SWE = 12, 
+    TWLG_SWE = 12,
     /** U.S. English            */
-    TWLG_USA = 13, 
+    TWLG_USA = 13,
     /** Added for 1.8  */
     TWLG_USERLOCALE = -1,
     TWLG_AFRIKAANS = 14,
@@ -811,7 +811,7 @@ declare enum EnumDWT_CapLanguage {
     TWLG_ARABIC_SYRIA = 29,
     TWLG_ARABIC_TUNISIA = 30,
     /** United Arabic Emirates  */
-    TWLG_ARABIC_UAE = 31, 
+    TWLG_ARABIC_UAE = 31,
     TWLG_ARABIC_YEMEN = 32,
     TWLG_BASQUE = 33,
     TWLG_BYELORUSSIAN = 34,
@@ -820,7 +820,7 @@ declare enum EnumDWT_CapLanguage {
     TWLG_CHINESE = 37,
     TWLG_CHINESE_HONGKONG = 38,
     /** People's Republic of China  */
-    TWLG_CHINESE_PRC = 39, 
+    TWLG_CHINESE_PRC = 39,
     TWLG_CHINESE_SINGAPORE = 40,
     TWLG_CHINESE_SIMPLIFIED = 41,
     TWLG_CHINESE_TAIWAN = 42,
@@ -924,7 +924,7 @@ declare enum EnumDWT_CapSupportedSizes {
     TWSS_USLETTER = 3,
     /** 4 */
     TWSS_USLEGAL = 4,
-    /** Added 1.5 
+    /** Added 1.5
      *  5
      */
     TWSS_A5 = 5,
@@ -932,7 +932,7 @@ declare enum EnumDWT_CapSupportedSizes {
     TWSS_B4 = 6,
     /** 7 */
     TWSS_B6 = 7,
-    /** Added 1.7 
+    /** Added 1.7
      *  9
      */
     TWSS_USLEDGER = 9,
@@ -950,7 +950,7 @@ declare enum EnumDWT_CapSupportedSizes {
     TWSS_C5 = 15,
     /** 16 */
     TWSS_C6 = 16,
-    /** Added 1.8 
+    /** Added 1.8
      *  17
      */
     TWSS_4A0 = 17,
@@ -1037,7 +1037,7 @@ declare enum EnumDWT_CapSupportedSizes {
     /** 53 */
     TWSS_BUSINESSCARD = 53,
     /** 54. Added 2.1 */
-    TWSS_MAXSIZE = 54  
+    TWSS_MAXSIZE = 54
 }
 
 /** CAP_FEEDERALIGNMENT values. */
@@ -1046,7 +1046,7 @@ declare enum EnumDWT_CapFeederAlignment {
     TWFA_NONE = 0,
     /** The alignment is to the left. */
     TWFA_LEFT = 1,
-    /** The alignment is centered. This means that the paper will be fed in the middle of the ICAP_PHYSICALWIDTH of the 
+    /** The alignment is centered. This means that the paper will be fed in the middle of the ICAP_PHYSICALWIDTH of the
      *  device. If this is set, then the Application should calculate any frames with a left offset of zero.
      */
     TWFA_CENTER = 2,
@@ -1162,11 +1162,11 @@ declare enum EnumDWT_CapLightSource {
 /** TWEI_MAGTYPE values. (MD_ means Mag Type) Added 2.0  */
 declare enum EnumDWT_MagType {
     /** Added 2.0  */
-    TWMD_MICR = 0, 
+    TWMD_MICR = 0,
     /** added 2.1   */
-    TWMD_RAW = 1,  
+    TWMD_RAW = 1,
     /** added 2.1  */
-    TWMD_INVALID = 2  
+    TWMD_INVALID = 2
 }
 
 /** ICAP_NOISEFILTER values. */
@@ -1186,11 +1186,11 @@ declare enum EnumDWT_CapORientation {
     TWOR_PORTRAIT = 0,
     TWOR_LANDSCAPE = 3,
     /** 2.0  */
-    TWOR_AUTO = 4,          
+    TWOR_AUTO = 4,
     /** 2.0  */
-    TWOR_AUTOTEXT = 5,           
+    TWOR_AUTOTEXT = 5,
     /** 2.0  */
-    TWOR_AUTOPICTURE = 6           
+    TWOR_AUTOPICTURE = 6
 }
 
 /** ICAP_OVERSCAN values. */
@@ -1205,9 +1205,9 @@ declare enum EnumDWT_CapOverscan {
 /** ICAP_PIXELFLAVOR values. */
 declare enum EnumDWT_CapPixelFlavor {
     /** Zero pixel represents darkest shade. zero pixel represents darkest shade   */
-    TWPF_CHOCOLATE = 0, 
+    TWPF_CHOCOLATE = 0,
     /** Zero pixel represents lightest shade. zero pixel represents lightest shade  */
-    TWPF_VANILLA = 1  
+    TWPF_VANILLA = 1
 }
 
 /** ICAP_PLANARCHUNKY values. */
@@ -1253,825 +1253,825 @@ declare enum EnumDWT_MouseShape {
 /**
  * @class
  */
-// properties (get/set) / sync functions  
+// properties (get/set) / sync functions
 interface WebTwain {
-    /** 
+    /**
      * Returns or sets whether multi-page selection is supported.
      * @type {bool}
      */
     AllowMultiSelect: boolean;
 
-    /** 
+    /**
      * [Deprecated.] Returns or sets whether allowing the plugin to send authentication request. The default value of this property is TRUE.
      * @type {bool}
      */
     AllowPluginAuthentication: boolean;
 
-    /** 
+    /**
      * [Deprecated.] Returns or sets whether the async mode is activated. With this mode, Dynamic Web TWAIN is able to upload/download files via HTTP/FTP asynchronously. The default value is false.
      * @type {bool}
      */
     AsyncMode: boolean;
 
-    /** 
+    /**
      * Returns or sets the background color of the main control. It is a value specifying the 24-bit RGB value.
      * @type {int}
      */
     BackgroundColor: number;
 
-    /** 
+    /**
      * Returns or sets the fill color of the selected area of an image when it is cut, erased or rotated. It is a value specifying the 24-bit RGB value.
      * @type {int}
      */
     BackgroundFillColor: number;
 
-    /** 
+    /**
      * [Deprecated.] Returns the number of barcode detected in an image.
      * @type {int}
      */
     BarcodeCount: number;
 
-    /** 
+    /**
      * Returns or sets the pixel bit depths for the current value of PixelType property. This is a runtime property.
      * @type {short}
      */
     BitDepth: number;
 
-    /** 
+    /**
      * Returns the current deviation of the pixels in the image.
      * @type {float}
      */
     BlankImageCurrentStdDev: number;
 
-    /** 
+    /**
      * Returns or sets the standard deviation of the pixels in the image.
      * @type {float}
      */
     BlankImageMaxStdDev: number;
 
-    /** 
+    /**
      * Returns or sets the dividing line between black and white. The default value is 128.
      * @type {int}
      */
     BlankImageThreshold: number;
 
-    /** 
+    /**
      * [Deprecated.] Returns or sets the border style.
      * @type {EnumDWT_BorderStyle}
      */
     BorderStyle: EnumDWT_BorderStyle;
 
-    /** 
+    /**
      * Returns or sets the brightness values available within the Source. This is a runtime property.
      * @type {float}
      */
     Brightness: number;
 
-    /** 
+    /**
      * [Deprecated.] Sets or returns whether brokerprocess is enabled for scanning.
      * @type {int}
      */
     BrokerProcessType: number;
-    
-    /** 
+
+    /**
      * Sets or returns how much physical memory is allowed for storing images currently loaded in Dynamic Web TWAIN. Once the limit is reached, images will be cached on the hard disk.
      * @type {int}
      */
     BufferMemoryLimit: number;
 
-    /** 
+    /**
      * Specifies the capabiltiy to be negotiated. This is a runtime property.
      * @type {EnumDWT_Cap}
      */
     Capability: EnumDWT_Cap;
 
-    /** 
+    /**
      * Sets or returns the index (0-based) of a list to indicate the Current Value when the value of the CapType property is TWON_ENUMERATION. If the data type of the capability is String, the list is in CapItemsString property. For other data types, the list is in CapItems property. This is a runtime property.
      * @type {int}
      */
     CapCurrentIndex: number;
 
-    /** 
+    /**
      * Sets or returns the current value in a range when the value of the CapType property is TWON_RANGE. This is a runtime property.
      * @type {double}
      */
     CapCurrentValue: number;
 
-    /** 
+    /**
      * Returns the index (0-based) of a list to indicate the Default Value when the value of the CapType property is TWON_ENUMERATION. If the data type of the capability is String, the list is in CapItemsString property. For other data types, the list is in CapItems property. This is a runtime, read-only property.
      * @type {int}
      */
     CapDefaultIndex: number;
 
-    /** 
-     * Returns the default value in a range when the value of the CapType property is TWON_RANGE. This is a runtime, read-only property. 
+    /**
+     * Returns the default value in a range when the value of the CapType property is TWON_RANGE. This is a runtime, read-only property.
      * @type {double}
      */
     CapDefaultValue: number;
 
-    /** 
+    /**
      * Sets or returns the maximum value in a range when the value of the CapType property is TWON_RANGE. This is a runtime property.
      * @type {double}
      */
     CapMaxValue: number;
 
-    /** 
+    /**
      * Sets or returns the minimum value in a range when the value of the CapType property is TWON_RANGE. This is a runtime property.
      * @type {double}
      */
     CapMinValue: number;
 
-    /** 
+    /**
      * [Deprecated.] Sets or returns how many items are in the list when the value of the CapType property is TWON_ARRAY or TWON_ENUMERATION. For String data type, the list is in CapItemsString property. For other data types, the list is in CapItems property. This is a runtime property.
      * @type {int}
      */
     CapNumItems: number;
-    
-    /** 
-     * [Deprecated.] Replaced by GetCapItemsString method and SetCapItemsString method. 
+
+    /**
+     * [Deprecated.] Replaced by GetCapItemsString method and SetCapItemsString method.
      * @type {string}
      */
-    CapItemsString: string; 
+    CapItemsString: string;
 
-    /** 
+    /**
      * Sets or returns the step size in a range when the value of the CapType property is TWON_RANGE. This is a runtime property.
      * @type {double}
      */
     CapStepSize: number;
 
-    /** 
+    /**
      * Sets or returns the type of capability container used to exchange capability information between application and source. This is a runtime property.
      * @type {EnumDWT_CapType}
      */
     CapType: EnumDWT_CapType;
 
-    /** 
+    /**
      * Returns or sets the value of the capability specified by Capability property when the value of the CapType property is TWON_ONEVALUE. This is a runtime property.
      * @type {double}
      */
     CapValue: number;
 
-    /** 
+    /**
      * Sets or returns the string value for a capability when the value of the CapType property is TWON_ONEVALUE. This is a runtime property.
      * @type {string}
      */
     CapValueString: string;
-    
-    /** 
+
+    /**
      * Sets or returns the value type for reading the value of a capability. This is a runtime property.
      * @type {short}
      */
     CapValueType: number;
 
-    /** 
+    /**
      * Returns or sets the contrast values available within the Source. This is a runtime property.
      * @type {float}
      */
     Contrast: number;
 
-    /** 
+    /**
      * Sets or returns the product name string for the application identity.
      * @type {string}
      */
     ProductName: string;
 
-    /** 
+    /**
      * Returns or sets current index of image in buffer. This is a runtime property.
      * @type {short}
      */
     CurrentImageIndexInBuffer: number;
 
-    /** 
+    /**
      * Returns the device name of current source. This is a runtime, read-only property.
      * @type {string}
      */
     CurrentSourceName: string;
 
-    /** 
+    /**
      * Returns the value indicating the data source status. This is a runtime, read-only property.
      * @type {int}
      */
     DataSourceStatus: number;
 
-    /** 
+    /**
      * Returns the device name of default source. This is a runtime, read-only property.
      * @type {string}
      */
     DefaultSourceName: string;
 
-    /** 
+    /**
      * Returns whether the source supports duplex. If so, it further returns the level of duplex the Source supports (one pass or two pass duplex). This is a runtime, read-only property.
      * @type {int}
      */
     Duplex: number;
 
-    /** 
+    /**
      * [Deprecated.] Returns or sets whether the user can zoom image using hot key.
      * @type {bool}
      */
     EnableInteractiveZoom: boolean;
 
-    /** 
+    /**
      * Returns the error code. This is a runtime, read-only property.
      * @type {int}
      */
     ErrorCode: number;
 
-    /** 
+    /**
      * Returns the error string. This is a runtime, read-only property.
      * @type {string}
      */
     ErrorString: string;
 
-    /** 
+    /**
      * Returns or sets whether to resize the image to fit the image to the width or height of the window. To use the property, the view mode should be set to -1 by -1. You can use SetViewMode method to set the view mode.
      * @type {EnumDWT_FitWindowType}
      */
     FitWindowType: EnumDWT_FitWindowType;
 
-    /** 
+    /**
      * Returns or sets the password used to log into the FTP server.
      * @type {string}
      */
     FTPPassword: string;
 
-    /** 
+    /**
      * Returns or sets the port number of the FTP server.
      * @type {int}
      */
     FTPPort: number;
 
-    /** 
+    /**
      * Returns or sets the user name used to log into the FTP server.
      * @type {string}
      */
     FTPUserName: string;
 
-    /** 
+    /**
      * Returns how many images are in buffer. This is a runtime, read-only property.
      * @type {short}
      */
     HowManyImagesInBuffer: number;
 
-    /** 
+    /**
      * Specifies the field name of uploaded image through POST.
      * @type {string}
      */
     HttpFieldNameOfUploadedImage: string;
 
-    /** 
+    /**
      * [Deprecated.] Sets or returns the password used to log into the HTTP server.
      * @type {string}
      */
     HTTPPassword: string;
 
-    /** 
+    /**
      * Returns or sets the port number of the HTTP server.
      * @type {int}
      */
     HTTPPort: number;
 
-    /** 
+    /**
      * Returns the response string from the HTTP server if an error occurs for HTTPUploadThroughPost() method. This is a runtime, read-only property.
      * @type {string}
      */
     HTTPPostResponseString: string;
 
-    /** 
+    /**
      * [Deprecated.] Returns or sets the user name used to log into the HTTP server.
      * @type {string}
      */
     HTTPUserName: string;
 
-    /** 
+    /**
      * Returns or sets whether the feature of disk caching is enabled.
      * @type {bool}
      */
     IfAllowLocalCache: boolean;
 
-    /** 
+    /**
      * Returns or sets whether insert or append new scanned images.
      * @type {bool}
      */
     IfAppendImage: boolean;
 
-    /** 
+    /**
      * Returns or sets whether the Source's Auto-brightness function is enabled. This is a runtime property.
      * @type {bool}
      */
     IfAutoBright: boolean;
 
-    /** 
+    /**
      * Returns or sets whether the data source (scanner) will discard blank images during scanning. The property works only if the device and its driver support discarding blank pages. You can find whether your device supports this capbility from its user manual. Or, you can use the built-in methods of Dynamic Web TWAIN to detect blank images: IsBlankImage, IsBlankImageEx.
      * @type {bool}
      */
     IfAutoDiscardBlankpages: boolean;
 
-    /** 
+    /**
      * Returns or sets whether the Source enable automatic document feeding process. This is a runtime property.
      * @type {bool}
      */
     IfAutoFeed: boolean;
 
-    /** 
-     * Turns automatic border detection on and off. The property works only if the device and its driver support detecting the border automatically. You can find whether your device supports this capbility from its user manual. 
+    /**
+     * Turns automatic border detection on and off. The property works only if the device and its driver support detecting the border automatically. You can find whether your device supports this capbility from its user manual.
      * @type {bool}
      */
     IfAutomaticBorderDetection: boolean;
 
-    /** 
+    /**
      * Turns automatic skew correction on and off.
      * @type {bool}
      */
     IfAutomaticDeskew: boolean;
 
-    /** 
+    /**
      * Returns or sets whether the Source enables the automatic document scanning process. This is a runtime property.
      * @type {bool}
      */
     IfAutoScan: boolean;
 
-    /** 
+    /**
      * Returns or sets whether close the Data Source User Interface after acquire all images. Default value of this property is FALSE.
      * @type {bool}
      */
     IfDisableSourceAfterAcquire: boolean;
 
-    /** 
+    /**
      * Returns or sets whether the Source supports duplex. If TRUE, the scanner scans both sides of a paper; otherwise, the scanner will scan only one side of the image. This is a runtime property.
      * @type {bool}
      */
     IfDuplexEnabled: boolean;
 
-    /** 
+    /**
      * Returns or sets whether the Automatic Document Feeder (ADF) is enabled. This is a runtime property.
      * @type {bool}
      */
     IfFeederEnabled: boolean;
 
-    /** 
+    /**
      * Returns whether or not there are documents loaded in the Source's feeder when IfFeederEnabled and IfPaperDetectable are TRUE. This is a runtime, read-only property.
      * @type {bool}
      */
     IfFeederLoaded: boolean;
 
-    /** 
+    /**
      * Returns or sets whether to resize the image to fit the size of window when the view mode is set to -1 by -1. You can use SetViewMode method to set the view mode.
      * @type {bool}
      */
     IfFitWindow: boolean;
 
-    /** 
+    /**
      * [Deprecated.] Returns or sets whether the UI (User Interface) of Source runs in modal state. Default value of this property is TRUE.
      * @type {bool}
      */
     IfModalUI: boolean;
 
-    /** 
+    /**
      * Sets or returns whether Dynamic Web TWAIN uses  Graphics Device Interface (GDI) when decoding images.
      * @type {bool}
      */
     IfOpenImageWithGDIPlus: boolean;
 
-    /** 
+    /**
      * Returns the value whether the Source has a paper sensor that can detect documents on the ADF or Flatbed. This is a runtime, read-only property.
      * @type {bool}
      */
     IfPaperDetectable: boolean;
 
-    /** 
+    /**
      * Returns or sets whether FTP passive mode is enabled.
      * @type {bool}
      */
     IfPASVMode: boolean;
 
-    /** 
+    /**
      * [Deprecated.] Returns or sets whether communicate with device in a separate thread. Default value of this property is FALSE.
      * @type {bool}
      */
     IfScanInNewThread: boolean;
 
-    /** 
+    /**
      * Sets or returns whether to show the cancel dialog when uploading images to server.
      * @type {bool}
      */
     IfShowCancelDialogWhenImageTransfer: boolean;
 
-    /** 
+    /**
      * Returns or sets whether to show the file dialog box when saving scanned images or loading images from local folder.
      * @type {bool}
      */
     IfShowFileDialog: boolean;
 
-    /** 
+    /**
      * Returns or sets whether the Source displays a progress indicator during acquisition and transfer, regardless of whether the Source's user interface is active. This is a runtime property.
      * @type {bool}
      */
     IfShowIndicator: boolean;
 
-    /** 
+    /**
      * [Deprecated.] Returns or sets whether the driver of the printer displays the User Interface.
      * @type {bool}
      */
     IfShowPrintUI: boolean;
 
-    /** 
+    /**
      * Returns or sets whether the progress bar will be displayed during the transaction. This is a runtime property.
      * @type {bool}
      */
     IfShowProgressBar: boolean;
 
-    /** 
+    /**
      * Returns or sets whether the Source displays the User Interface.
      * @type {bool}
      */
     IfShowUI: boolean;
 
-    /** 
+    /**
      * Returns or sets whether SSL is used when uploading or downloading images.
      * @type {bool}
      */
     IfSSL: boolean;
 
-    /** 
+    /**
      * Return or sets whether the Source allows to save many images in one TIFF file. The default value is FALSE.
      * @type {bool}
      */
     IfTiffMultiPage: boolean;
 
-    /** 
+    /**
      * Returns whether the Source supports acquisition with the UI (User Interface) disabled. If FALSE, indicates that this Source can only support acquisition with the UI enabled. This is a runtime, read-only property.
      * @type {bool}
      */
     IfUIControllable: boolean;
 
-    /** 
+    /**
      * Sets or returns whether Dynamic Web TWAIN uses the new TWAIN Data Source Manager (TWAINDSM.dll) when acquiring images from TWAIN devices.
      * @type {bool}
      */
     IfUseTwainDSM: boolean;
-	
-    /** 
+
+    /**
      * Specifies whether or not to automatically scroll to the last image or stay on the current image when loading or acquiring images
      * @type {bool}
      */
-	IfAutoScroll: boolean;
-	
-    /** 
+    IfAutoScroll: boolean;
+
+    /**
      * [Deprecated.] The number of bits in each image pixel (or bit depth). This is a runtime, read-only property.
      * @type {short}
      */
     ImageBitsPerPixel: number;
 
-    /** 
+    /**
      * Returns or sets whether a TWAIN driver or Native Scan of Mac OS X is used for document scanning. This property works for Mac edition only.
      * @type {int}
      */
     ImageCaptureDriverType: number;
 
-    /** 
+    /**
      * [Deprecated.] Returns or sets whether the image enumerator is enabled in Image Editor.
      * @type {bool}
      */
     ImageEditorIfEnableEnumerator: boolean;
 
-    /** 
+    /**
      * [Deprecated.] Returns or sets whether the Image Editor is a modal window.
      * @type {bool}
      */
     ImageEditorIfModal: boolean;
 
-    /** 
+    /**
      * [Deprecated.] Returns or sets whether the Image Editor is read-only.
      * @type {bool}
      */
     ImageEditorIfReadonly: boolean;
 
-    /** 
+    /**
      * [Deprecated.] Returns or sets the title of Image Editor window.
      * @type {string}
      */
     ImageEditorWindowTitle: string;
 
-    /** 
+    /**
      * Returns the document number of the current image. This is a runtime, read-only property.
      * @type {int}
      */
     ImageLayoutDocumentNumber: number;
 
-    /** 
+    /**
      * Returns the value of the bottom-most edge of the current image frame (in Unit). This is a read-only runtime property.
      * @type {float}
      */
     ImageLayoutFrameBottom: number;
 
-    /** 
+    /**
      * Returns the value of the left-most edge of the current image frame (in Unit). This is a runtime, read-only property.
      * @type {float}
      */
     ImageLayoutFrameLeft: number;
 
-    /** 
+    /**
      * Returns the frame number of the current image. This is a runtime, read-only property.
      * @type {int}
      */
     ImageLayoutFrameNumber: number;
 
-    /** 
+    /**
      * Returns the value of the right-most edge of the current image frame (in Unit). This is a runtime, read-only property.
      * @type {float}
      */
     ImageLayoutFrameRight: number;
 
-    /** 
+    /**
      * Returns the value of the top-most edge of the current image frame (in Unit). This is a runtime, read-only property.
      * @type {float}
      */
     ImageLayoutFrameTop: number;
 
-    /** 
+    /**
      * Returns the page number of the current image. This is a runtime, read-only property.
      * @type {Long}
      */
     ImageLayoutPageNumber: number;
 
-    /** 
+    /**
      * [Deprecated.] Returns how tall/long, in pixels, the image is. This is a runtime, read-only property.
      * @type {int}
      */
     ImageLength: number;
 
-    /** 
+    /**
      * Returns or sets the margin between images when multiple images are displayed in Dynamic Web TWAIN.
      * @type {short}
      */
     ImageMargin: number;
 
-    /** 
+    /**
      * Returns the pixel type of the current image. This is a runtime, read-only property. Please note the property is only valid in OnPreTransfer and OnPostTransfer event.
      * @type {EnumDWT_PixelType}
      */
     ImagePixelType: EnumDWT_PixelType;
 
-    /** 
+    /**
      * [Deprecated.] Returns how width, in pixels, the image is. This is a runtime, read-only property.
      * @type {int}
      */
     ImageWidth: number;
 
-    /** 
+    /**
      * [Deprecated.] Returns the X resolution of the current image. X resolution is the number of pixels per Unit in the horizontal direction. This is a runtime, read-only property.
      * @type {float}
      */
     ImageXResolution: number;
 
-    /** 
+    /**
      * [Deprecated.] Returns the Y resolution of the current image. Y resolution is the number of pixels per Unit in the vertical direction. This is a runtime, read-only property.
      * @type {float}
      */
     ImageYResolution: number;
 
-    /** 
+    /**
      * Returns or sets the quality of JPEG files and PDF files using JPEG compression.
      * @type {short}
      */
     JPEGQuality: number;
 
-    /** 
+    /**
      * Returns or sets the log level for debugging.
      * @type {short}
      */
     LogLevel: number;
 
-    /** 
+    /**
      * Return the magnetic data if the scanner support magnetic data recognition.
      * @type {string}
      */
     MagData: string;
 
-    /** 
+    /**
      * Return the magnetic type if the scanner support magnetic data recognition.
      * @type {short}
      */
     MagType: number;
 
-    /** 
+    /**
      * Sets or returns the manufacture string for the application identity.
      * @type {string}
      */
     Manufacturer: string;
 
-    /** 
-     * Returns or sets the maximum number of images can be held in buffer. 
+    /**
+     * Returns or sets the maximum number of images can be held in buffer.
      * @type {short}
      */
     MaxImagesInBuffer: number;
 
-    /** 
+    /**
      * [Deprecated.] Returns or sets how many threads can be used when you upload files through POST.
      * @type {int}
      */
     MaxInternetTransferThreads: number;
 
-    /** 
+    /**
      * Sets or returns the maximum allowed size when Dynamic Web TWAIN uploads a document.
      * @type {int}
      */
     MaxUploadImageSize: number;
 
-    /** 
+    /**
      * Returns or sets the shape of the mouse.
      * @type {bool}
      */
     MouseShape: boolean;
 
-    /** 
+    /**
      * Returns the X co-ordinate of the mouse. This is a runtime property.
      * @type {int}
      */
     MouseX: number;
 
-    /** 
+    /**
      * Returns the Y co-ordinate of the mouse. This is a runtime property.
      * @type {int}
      */
     MouseY: number;
 
-    /** 
+    /**
      * Returns or sets the page size(s) the Source can/should use to acquire image data. This is a runtime property.
      * @type {short}
      */
     PageSize: number;
 
-    /** 
+    /**
      * Returns or sets the name of the person who creates the PDF document.
      * @type {string}
      */
     PDFAuthor: string;
 
-    /** 
+    /**
      * Returns or sets the compression type of PDF files. This is a runtime property.
      * @type {EnumDWT_PDFCompressionType}
      */
     PDFCompressionType: EnumDWT_PDFCompressionType;
 
-    /** 
+    /**
      * Returns or sets the date when the PDF document is created.
      * @type {string}
      */
     PDFCreationDate: string;
 
-    /** 
+    /**
      * Returns or sets the name of the application that created the original document, if the PDF document is converted from another form.
      * @type {string}
      */
     PDFCreator: string;
 
-    /** 
+    /**
      * Returns or sets the keywords associated with the PDF document.
      * @type {string}
      */
     PDFKeywords: string;
 
-    /** 
+    /**
      * Returns or sets the date when the PDF document is last modified.
      * @type {string}
      */
     PDFModifiedDate: string;
 
-    /** 
+    /**
      * Returns or sets the name of the application that converted the PDF document from its native.
      * @type {string}
      */
     PDFProducer: string;
 
-    /** 
+    /**
      * Returns or sets the subject of the PDF document.
      * @type {string}
      */
     PDFSubject: string;
 
-    /** 
+    /**
      * Returns or sets the title of the PDF document.
      * @type {string}
      */
     PDFTitle: string;
 
-    /** 
+    /**
      * Returns or sets the value of the PDF version.
      * @type {string}
      */
     PDFVersion: string;
 
-    /** 
+    /**
      * Returns the number of transfers the Source is ready to supply, upon demand. This is a runtime, read-only property.
      * @type {short}
      */
     PendingXfers: number;
 
-    /** 
+    /**
      * Returns or sets the pixel flavor for acquired images. This is a runtime property.
      * @type {short}
      */
     PixelFlavor: number;
 
-    /** 
+    /**
      * Returns or sets the pixel type of current data source. This is a runtime property. Using this property after calling OpenSource() method and before calling AcquireImage().
      * @type {EnumDWT_PixelType}
      */
     PixelType: EnumDWT_PixelType;
 
-    /** 
+    /**
      * Sets or returns the product family string for the application identity.
      * @type {string}
      */
     ProductFamily: string;
 
-    /** 
+    /**
      * Sets the product key. A product key is generated in Licensing Tool which is intalled with Dynamic Web TWAIN. Each product key corresponds with a license.
      * @type {string}
      */
     ProductKey: string;
 
-    /** 
+    /**
      * [Deprecated.] Returns or sets the name of the proxy server.
      * @type {string}
      */
     ProxyServer: string;
 
-    /** 
+    /**
      * Returns or sets the current resolution for acquired images. This is a runtime property.
      * @type {float}
      */
     Resolution: number;
 
-    /** 
+    /**
      * Returns or sets how many scanned images are selected.
      * @type {short}
      */
     SelectedImagesCount: number;
 
-    /** 
+    /**
      * Returns or sets the border color of the selected image. It is a value specifying the 24-bit RGB value.
      * @type {int}
      */
     SelectionImageBorderColor: number;
 
-    /** 
+    /**
      * Specifies a fixed aspect ratio to be used for selecting an area.
      * @type {float}
      */
     SelectionRectAspectRatio: number;
 
-    /** 
+    /**
      * Returns how many sources are installed in the system. This is a runtime, read-only property.
      * @type {int}
      */
     SourceCount: number;
-    
-    /** 
+
+    /**
      * [Deprecated.] Replaced by GetSourceNameItems method.
      * @type {string}
      */
     SourceNameItems: string;
-   
-    /** 
+
+    /**
      * [Deprecated.]
      * @type {string}
      */
     GetSourceNames: string;
 
-    /** 
+    /**
      * Returns or sets the compression type of TIFF files. This is a runtime property.
      * @type {EnumDWT_TIFFCompressionType}
      */
     TIFFCompressionType: EnumDWT_TIFFCompressionType;
 
-    /** 
+    /**
      * Sets or returns the transfer mode.
      * @type {EnumDWT_TransferMode}
      */
     TransferMode: EnumDWT_TransferMode;
 
-    /** 
+    /**
      * Returns or sets the unit of measure. This is a runtime property.
      * @type {short}
      */
     Unit: number;
 
-    /** 
+    /**
      * Sets or returns the version info string for the application identity.
      * @type {string}
      */
     VersionInfo: string;
 
-    /** 
+    /**
      * Returns and sets the number of images you are willing to transfer per session. This is a runtime property.
      * @type {short}
      */
     XferCount: number;
 
-    /** 
+    /**
      * Returns or sets zoom factor for the image, only valid When the view mode is set to -1 by -1.
      * @type {float}
      */
@@ -2079,7 +2079,7 @@ interface WebTwain {
 
     /**
      * Binds a specified function to an event, so that the function gets called whenever the event fires.
-     * @method WebTwain#RegisterEvent 
+     * @method WebTwain#RegisterEvent
      * @param {string} name the name of the event that the function is bound to.
      * @param {object} evt specifies the function to call when event fires.
      * @return {bool}
@@ -2090,81 +2090,81 @@ interface WebTwain {
 
     /**
      * Cancels all pending transfers.
-     * @method WebTwain#CancelAllPendingTransfers 
+     * @method WebTwain#CancelAllPendingTransfers
      * @return {bool}
      */
     CancelAllPendingTransfers(): boolean;
 
     /**
      * Closes Data Source.
-     * @method WebTwain#CloseSource 
+     * @method WebTwain#CloseSource
      * @return {bool}
      */
     CloseSource(): boolean;
 
     /**
      * Closes and unloads Data Source Manager.
-     * @method WebTwain#CloseSourceManager 
+     * @method WebTwain#CloseSourceManager
      * @return {bool}
      */
     CloseSourceManager(): boolean;
 
     /**
-     * Disable the source. If the source's user interface is displayed when the source is enabled, it will be closed. 
-     * @method WebTwain#DisableSource 
+     * Disable the source. If the source's user interface is displayed when the source is enabled, it will be closed.
+     * @method WebTwain#DisableSource
      * @return {bool}
      */
     DisableSource(): boolean;
 
     /**
      * Sets the Source to eject the current page and advance the next page in the document feeder into the feeder acquire area when IfFeederEnabled is TRUE.
-     * @method WebTwain#FeedPage 
+     * @method WebTwain#FeedPage
      * @return {bool}
      */
     FeedPage(): boolean;
 
     /**
      * Retrieve the device type of the currently selected data source, it might be a scanner, a web camera, etc.
-     * @method WebTwain#GetDeviceType 
+     * @method WebTwain#GetDeviceType
      * @return {int}
      */
     GetDeviceType(): number;
 
     /**
      * Get the source name according to the source index.
-     * @method WebTwain#GetSourceNameItems 
+     * @method WebTwain#GetSourceNameItems
      * @param {short} index int index. Index is 0-based and can not be greater than SourceCount property.
      * @return {string}
      */
     GetSourceNameItems(index: number): string;
 
     /**
-     * Loads the specified Source into main memory and causes its initialization, 
-     * placing Dynamic Web TWAIN into Capability Negotiation state. If no source is 
+     * Loads the specified Source into main memory and causes its initialization,
+     * placing Dynamic Web TWAIN into Capability Negotiation state. If no source is
      * specified (no SelectSource() or SelectSourceByIndex() is called), opens the default source.
-     * @method WebTwain#OpenSource 
+     * @method WebTwain#OpenSource
      * @return {bool}
      */
     OpenSource(): boolean;
 
     /**
      * Loads and opens Data Source Manager.
-     * @method WebTwain#OpenSourceManager 
+     * @method WebTwain#OpenSourceManager
      * @return {bool}
      */
     OpenSourceManager(): boolean;
 
     /**
      * Reverts the current image layout to the Data Source's default.
-     * @method WebTwain#ResetImageLayout 
+     * @method WebTwain#ResetImageLayout
      * @return {bool}
      */
     ResetImageLayout(): boolean;
 
     /**
-     * Sets the Source to return the current page to the input side of the document feeder and 
+     * Sets the Source to return the current page to the input side of the document feeder and
      * feed the last page from the outside of the feeder back into the acquisition area if IfFeederEnabled is TRUE.
-     * @method WebTwain#RewindPage 
+     * @method WebTwain#RewindPage
      * @return {bool}
      */
     RewindPage(): boolean;
@@ -2172,14 +2172,14 @@ interface WebTwain {
     /**
      * Brings up the TWAIN Data Source Manager's Source Selection User Interface (UI)
      * so that user can choose which Data Source to be the current Source.
-     * @method WebTwain#SelectSource 
+     * @method WebTwain#SelectSource
      * @return {bool}
      */
     SelectSource(): boolean;
 
     /**
      * Selects the index-the source in SourceNameItems property as the current source.
-     * @method WebTwain#SelectSourceByIndex 
+     * @method WebTwain#SelectSourceByIndex
      * @param {short} index It is the index of SourceNameItems property.
      * @return {bool}
      */
@@ -2187,7 +2187,7 @@ interface WebTwain {
 
     /**
      * Sets file name and file format information used in File Transfer Mode.
-     * @method WebTwain#SetFileXferInfo 
+     * @method WebTwain#SetFileXferInfo
      * @param {string} fileName the name of the file to be used in transfer.
      * @param {EnumDWT_FileFormat} fileFormat an enumerated value indicates the format of the image.
      * @return {bool}
@@ -2196,7 +2196,7 @@ interface WebTwain {
 
     /**
      * Sets the left, top, right, and bottom sides of the image layout rectangle for the current Data Source.
-     * @method WebTwain#SetImageLayout 
+     * @method WebTwain#SetImageLayout
      * @param {float} left specifies the floating point number for the left side of the image layout rectangle.
      * @param {float} top specifies the floating point number for the top side of the image layout rectangle.
      * @param {float} right specifies the floating point number for the right side of the image layout rectangle.
@@ -2207,21 +2207,21 @@ interface WebTwain {
 
     /**
      * Clears all the web forms which are used for image uploading.
-     * @method WebTwain#ClearAllHTTPFormField 
+     * @method WebTwain#ClearAllHTTPFormField
      * @return {bool}
      */
     ClearAllHTTPFormField(): boolean;
 
     /**
      * Clears the content of all custom tiff tags.
-     * @method WebTwain#ClearTiffCustomTag 
+     * @method WebTwain#ClearTiffCustomTag
      * @return {void}
      */
     ClearTiffCustomTag(): void;
 
     /**
      * Check whether a certain file exists on the local disk.
-     * @method WebTwain#FileExists 
+     * @method WebTwain#FileExists
      * @param {string} localFile specifies the absolute path of the local file.
      * @return {bool}
      */
@@ -2229,7 +2229,7 @@ interface WebTwain {
 
     /**
      * Downloads an image from the FTP server.
-     * @method WebTwain#FTPDownload 
+     * @method WebTwain#FTPDownload
      * @param {string} FTPServer the name of the FTP server.
      * @param {string} FTPRemoteFile the name of the file to be downloaded. It should be the relative path of the file on the FTP server.
      * @param {function} optionalAsyncSuccessFunc optional. The function to call when the download succeeds. Please refer to the function prototype OnSuccess.
@@ -2240,7 +2240,7 @@ interface WebTwain {
 
     /**
      * Directly download a file from the FTP server to local disk without loading it into Dynamic Web TWAIN.
-     * @method WebTwain#FTPDownloadDirectly 
+     * @method WebTwain#FTPDownloadDirectly
      * @param {string} FTPServer the name of the FTP server.
      * @param {string} FTPRemoteFile the name of the file to be downloaded. It should be the relative path of the file on the FTP server.
      * @param {string} localFile specify a full path to store the file.
@@ -2252,7 +2252,7 @@ interface WebTwain {
 
     /**
      * Downloads an image from the FTP server.
-     * @method WebTwain#FTPDownloadEx 
+     * @method WebTwain#FTPDownloadEx
      * @param {string} FTPServer the name of the FTP server.
      * @param {string} FTPRemoteFile the name of the file to be downloaded. It should be the relative path of the file on the FTP server.
      * @param {EnumDWT_ImageType} lImageType simage format of the file to be downloaded.
@@ -2264,7 +2264,7 @@ interface WebTwain {
 
     /**
      * Uploads the image of a specified index in the buffer to the FTP server.
-     * @method WebTwain#FTPUpload 
+     * @method WebTwain#FTPUpload
      * @param {string} FTPServer the name of the FTP server.
      * @param {short} sImageIndex specifies the index of the image in the buffer. The index is 0-based.
      * @param {string} FTPRemoteFile the name of the file to be created on the FTP server. It should be a relative path on the FTP server.
@@ -2276,7 +2276,7 @@ interface WebTwain {
 
     /**
      * Directly upload a specific file to the FTP server without loading it into Dynamic Web TWAIN.
-     * @method WebTwain#FTPUploadDirectly 
+     * @method WebTwain#FTPUploadDirectly
      * @param {string} FTPServer the name of the FTP server.
      * @param {string} localFile specify the the full path of a local file.
      * @param {string} FTPRemoteFile the name of the file to be created on the FTP server. It should be a relative path on the FTP server.
@@ -2288,9 +2288,9 @@ interface WebTwain {
 
     /**
      * Uploads the image of a specified index in the buffer to the FTP server as a specified image format.
-     * @method WebTwain#FTPUploadEx 
+     * @method WebTwain#FTPUploadEx
      * @param {string} FTPServer the name of the FTP server.
-     * @param {short} sImageIndex specifies the index of image in buffer. The index is 0-based. 
+     * @param {short} sImageIndex specifies the index of image in buffer. The index is 0-based.
      * @param {string} FTPRemoteFile the name of the file to be created on the FTP server. It should be a relative path on the FTP server.
      * @param {EnumDWT_ImageType} lImageType the image format of the file to be created on the FTP server.
      * @param {function} optionalAsyncSuccessFunc optional. The function to call when the upload succeeds. Please refer to the function prototype OnSuccess.
@@ -2301,7 +2301,7 @@ interface WebTwain {
 
     /**
      * Uploads all images in buffer to the FTP server as Multi-Page TIFF.
-     * @method WebTwain#FTPUploadAllAsMultiPageTIFF 
+     * @method WebTwain#FTPUploadAllAsMultiPageTIFF
      * @param {string} FTPServer  the name of the FTP server.
      * @param {string} FTPRemoteFile the name of the image to be uploaded. It should be a relative path on the FTP server.
      * @param {function} optionalAsyncSuccessFunc optional. The function to call when the upload succeeds. Please refer to the function prototype OnSuccess.
@@ -2312,7 +2312,7 @@ interface WebTwain {
 
     /**
      * Uploads all images in buffer to the FTP server as Multi-Page PDF.
-     * @method WebTwain#FTPUploadAllAsPDF 
+     * @method WebTwain#FTPUploadAllAsPDF
      * @param {string} FTPServer the name of the FTP server.
      * @param {string} FTPRemoteFile the name of the image to be uploaded. It should be a relative path on the FTP server.
      * @param {function} optionalAsyncSuccessFunc optional. The function to call when the upload succeeds. Please refer to the function prototype OnSuccess.
@@ -2323,7 +2323,7 @@ interface WebTwain {
 
     /**
      * Uploads the selected images in buffer to the FTP server as Multi-Page PDF.
-     * @method WebTwain#FTPUploadAsMultiPagePDF 
+     * @method WebTwain#FTPUploadAsMultiPagePDF
      * @param {string} FTPServer the name of the FTP server.
      * @param {string} FTPRemoteFile the name of the image to be uploaded. It should be a relative path on the FTP server.
      * @param {function} optionalAsyncSuccessFunc optional. The function to call when the upload succeeds. Please refer to the function prototype OnSuccess.
@@ -2334,7 +2334,7 @@ interface WebTwain {
 
     /**
      * Uploads the selected images in buffer to the FTP server as Multi-Page TIFF.
-     * @method WebTwain#FTPUploadAsMultiPageTIFF 
+     * @method WebTwain#FTPUploadAsMultiPageTIFF
      * @param {string} FTPServer the name of the FTP server.
      * @param {string} FTPRemoteFile the name of the image to be uploaded. It should be a relative path on the FTP server.
      * @param {function} optionalAsyncSuccessFunc optional. The function to call when the upload succeeds. Please refer to the function prototype OnSuccess.
@@ -2345,7 +2345,7 @@ interface WebTwain {
 
     /**
      * Downloads an image from the HTTP server.
-     * @method WebTwain#HTTPDownload 
+     * @method WebTwain#HTTPDownload
      * @param {string} HTTPServer the name of the HTTP server.
      * @param {string} HTTPRemoteFile the name of the image to be downloaded. It should be the relative path of the file on the HTTP server.
      * @param {function} optionalAsyncSuccessFunc optional. The function to call when the download succeeds. Please refer to the function prototype OnSuccess.
@@ -2356,7 +2356,7 @@ interface WebTwain {
 
     /**
      * Directly downloads a file from the HTTP server to a local disk without loading it into Dynamic Web TWAIN.
-     * @method WebTwain#HTTPDownloadDirectly 
+     * @method WebTwain#HTTPDownloadDirectly
      * @param {string} HTTPServer the name of the HTTP server.
      * @param {string} HTTPRemoteFile The relative path of the file on the HTTP server.
      * @param {string} localFile specify the location to store the downloaded file.
@@ -2368,7 +2368,7 @@ interface WebTwain {
 
     /**
      * Downloads an image from the HTTP server.
-     * @method WebTwain#HTTPDownloadEx 
+     * @method WebTwain#HTTPDownloadEx
      * @param {string} HTTPServer the name of the HTTP server.
      * @param {string} HTTPRemoteFile the relative path of the file on the HTTP server, or path to an action page (with necessary parameters) which gets and sends back the image stream to the client (please check the sample for more info)
      * @param {EnumDWT_ImageType} lImageType the image format of the file to be downloaded.
@@ -2380,7 +2380,7 @@ interface WebTwain {
 
     /**
      *  Download an image from the server using a HTTP Post call.
-     * @method WebTwain#HTTPDownloadThroughPost 
+     * @method WebTwain#HTTPDownloadThroughPost
      * @param {string} HTTPServer the name of the HTTP server.
      * @param {string} HTTPRemoteFile the relative path of the file on the HTTP server, or path to an action page (with necessary parameters) which gets and sends back the image stream to the client (please check the sample for more info)
      * @param {EnumDWT_ImageType} lImageType the image format of the file to be downloaded.
@@ -2392,10 +2392,10 @@ interface WebTwain {
 
     /**
      * Uploads the image of a specified index in the buffer to the HTTP server through the HTTP POST method.
-     * @method WebTwain#HTTPUploadThroughPost 
+     * @method WebTwain#HTTPUploadThroughPost
      * @param {string} HTTPServer the name of the HTTP server.
-     * @param {short} sImageIndex specifies the index of image in buffer. The index is 0-based. 
-     * @param {string} ActionPage the specified page for posting image files. This is the relative path of the page, not the absolute path. For example: "upload.asp", not "http://www.webserver.com/upload.asp". 
+     * @param {short} sImageIndex specifies the index of image in buffer. The index is 0-based.
+     * @param {string} ActionPage the specified page for posting image files. This is the relative path of the page, not the absolute path. For example: "upload.asp", not "http://www.webserver.com/upload.asp".
      * @param {string} fileName the name of the image to be uploaded.
      * @param {function} optionalAsyncSuccessFunc optional. The function to call when the upload succeeds. Please refer to the function prototype OnHttpUploadSuccess.
      * @param {function} optionalAsyncFailureFunc optional. The function to call when the upload fails. Please refer to the function prototype OnHttpUploadFailure.
@@ -2405,10 +2405,10 @@ interface WebTwain {
 
     /**
      * Directly upload a specific local file to the HTTP server through the HTTP POST method without loading it into Dynamic Web TWAIN.
-     * @method WebTwain#HTTPUploadThroughPostDirectly 
+     * @method WebTwain#HTTPUploadThroughPostDirectly
      * @param {string} HTTPServer the name of the HTTP server.
      * @param {string} localFile specifies the path of a local file .
-     * @param {string} ActionPage the specified page for posting files. This is the relative path of the page, not the absolute path. For example: "upload.asp", not "http://www.webserver.com/upload.asp". 
+     * @param {string} ActionPage the specified page for posting files. This is the relative path of the page, not the absolute path. For example: "upload.asp", not "http://www.webserver.com/upload.asp".
      * @param {string} fileName the name of the file to be uploaded.
      * @param {function} optionalAsyncSuccessFunc optional. The function to call when the upload succeeds. Please refer to the function prototype OnHttpUploadSuccess.
      * @param {function} optionalAsyncFailureFunc optional. The function to call when the upload fails. Please refer to the function prototype OnHttpUploadFailure.
@@ -2418,10 +2418,10 @@ interface WebTwain {
 
     /**
      * Uploads the image of a specified index in the buffer to the HTTP server as a specified image format through the HTTP POST method.
-     * @method WebTwain#HTTPUploadThroughPostEx 
+     * @method WebTwain#HTTPUploadThroughPostEx
      * @param {string} HTTPServer  the name of the HTTP server.
-     * @param {short} sImageIndex specifies the index of image in buffer. The index is 0-based. 
-     * @param {string} ActionPage the specified page for posting image files. This is the relative path of the page, not the absolute path. For example: "upload.asp", not "http://www.webserver.com/upload.asp". 
+     * @param {short} sImageIndex specifies the index of image in buffer. The index is 0-based.
+     * @param {string} ActionPage the specified page for posting image files. This is the relative path of the page, not the absolute path. For example: "upload.asp", not "http://www.webserver.com/upload.asp".
      * @param {string} fileName the name of the image to be uploaded.
      * @param {EnumDWT_ImageType} lImageType the image format of the file to be created on the HTTP server.s
      * @param {function} optionalAsyncSuccessFunc optional. The function to call when the upload succeeds. Please refer to the function prototype OnHttpUploadSuccess.
@@ -2432,7 +2432,7 @@ interface WebTwain {
 
     /**
      * Uploads all images in the buffer to the HTTP server through the HTTP Post method as a Multi-Page TIFF.
-     * @method WebTwain#HTTPUploadAllThroughPostAsMultiPageTIFF 
+     * @method WebTwain#HTTPUploadAllThroughPostAsMultiPageTIFF
      * @param {string} HTTPServer  the name of the HTTP server.
      * @param {string} ActionPage the specified page for posting image files. This is the relative path of the page, not the absolute path. For example: "upload.asp", not "http://www.webserver.com/upload.asp".
      * @param {string} fileName the name of the image to be uploaded.
@@ -2444,7 +2444,7 @@ interface WebTwain {
 
     /**
      * Uploads the selected images in the buffer to the HTTP server through the HTTP Post method as a Multi-Page TIFF.
-     * @method WebTwain#HTTPUploadThroughPostAsMultiPageTIFF 
+     * @method WebTwain#HTTPUploadThroughPostAsMultiPageTIFF
      * @param {string} HTTPServer  the name of the HTTP server.
      * @param {string} ActionPage the specified page for posting image files. This is the relative path of the page, not the absolute path. For example: "upload.asp", not "http://www.webserver.com/upload.asp".
      * @param {string} fileName the name of the image to be uploaded.
@@ -2456,7 +2456,7 @@ interface WebTwain {
 
     /**
      * Uploads all images in the buffer to the HTTP server through HTTP Post method as a Multi-Page PDF.
-     * @method WebTwain#HTTPUploadAllThroughPostAsPDF 
+     * @method WebTwain#HTTPUploadAllThroughPostAsPDF
      * @param {string} HTTPServer  the name of the HTTP server.
      * @param {string} ActionPage the specified page for posting image files. This is the relative path of the page, not the absolute path. For example: "upload.asp", not "http://www.webserver.com/upload.asp".
      * @param {string} fileName the name of the image to be uploaded.
@@ -2468,7 +2468,7 @@ interface WebTwain {
 
     /**
      * Uploads the selected images in the buffer to the HTTP server through the HTTP Post method as a Multi-Page PDF.
-     * @method WebTwain#HTTPUploadThroughPostAsMultiPagePDF 
+     * @method WebTwain#HTTPUploadThroughPostAsMultiPagePDF
      * @param {string} HTTPServer  the name of the HTTP server.
      * @param {string} ActionPage the specified page for posting image files. This is the relative path of the page, not the absolute path. For example: "upload.asp", not "http://www.webserver.com/upload.asp".
      * @param {string} fileName the name of the image to be uploaded.
@@ -2480,9 +2480,9 @@ interface WebTwain {
 
     /**
      * [Deprecated.] Directly uploads a specific local file to the HTTP server through the HTTP PUT method without loading it into Dynamic Web TWAIN.
-     * @method WebTwain#HTTPUploadThroughPutDirectly 
+     * @method WebTwain#HTTPUploadThroughPutDirectly
      * @param {string} HTTPServer the name of the HTTP server.
-     * @param {string} localFile specifies the path of a local file. 
+     * @param {string} localFile specifies the path of a local file.
      * @param {string} RemoteFileName the name of the file to be created on the HTTP server. It should a relative path on the web server.
      * @param {function} optionalAsyncSuccessFunc optional. The function to call when the upload succeeds. Please refer to the function prototype OnSuccess.
      * @param {function} optionalAsyncFailureFunc optional. The function to call when the upload fails. Please refer to the function prototype OnFailure.
@@ -2492,9 +2492,9 @@ interface WebTwain {
 
     /**
      * [Deprecated.] Uploads the image of a specified index in the buffer to the HTTP server through the HTTP PUT method.
-     * @method WebTwain#HTTPUploadThroughPut 
+     * @method WebTwain#HTTPUploadThroughPut
      * @param {string} HTTPServer the name of the HTTP server.
-     * @param {short} sImageIndex specifies the index of image in buffer. The index is 0-based. 
+     * @param {short} sImageIndex specifies the index of image in buffer. The index is 0-based.
      * @param {string} RemoteFileName the name of the image to be created on the HTTP server. It should a relative path on the web server.
      * @param {function} optionalAsyncSuccessFunc optional. The function to call when the upload succeeds. Please refer to the function prototype OnSuccess.
      * @param {function} optionalAsyncFailureFunc optional. The function to call when the upload fails. Please refer to the function prototype OnFailure.
@@ -2504,9 +2504,9 @@ interface WebTwain {
 
     /**
      * [Deprecated.] Uploads the image of a specified index in the buffer to the HTTP server as a specified image format through the HTTP PUT method.
-     * @method WebTwain#HTTPUploadThroughPutEx 
+     * @method WebTwain#HTTPUploadThroughPutEx
      * @param {string} HTTPServer the name of the HTTP server.
-     * @param {short} sImageIndex specifies the index of image in buffer. The index is 0-based. 
+     * @param {short} sImageIndex specifies the index of image in buffer. The index is 0-based.
      * @param {string} RemoteFileName the name of the file to be created on the HTTP server. It should a relative path on the web server.
      * @param {EnumDWT_ImageType} lImageType the image format of the file to be created on the HTTP server.
      * @param {function} optionalAsyncSuccessFunc optional. The function to call when the upload succeeds. Please refer to the function prototype OnSuccess.
@@ -2517,7 +2517,7 @@ interface WebTwain {
 
     /**
      * [Deprecated.] Uploads all images in the buffer to the HTTP server through the HTTP Put method as a Multi-Page TIFF.
-     * @method WebTwain#HTTPUploadAllThroughPutAsMultiPageTIFF 
+     * @method WebTwain#HTTPUploadAllThroughPutAsMultiPageTIFF
      * @param {string} HTTPServer the name of the HTTP server.
      * @param {string} RemoteFileName the name of the image to be uploaded.
      * @param {function} optionalAsyncSuccessFunc optional. The function to call when the upload succeeds. Please refer to the function prototype OnSuccess.
@@ -2528,7 +2528,7 @@ interface WebTwain {
 
     /**
      * [Deprecated.] Uploads the selected images in the buffer to the HTTP server through the HTTP Put method as a Multi-Page TIFF.
-     * @method WebTwain#HTTPUploadThroughPutAsMultiPageTIFF 
+     * @method WebTwain#HTTPUploadThroughPutAsMultiPageTIFF
      * @param {string} HTTPServer the name of the HTTP server.
      * @param {string} RemoteFileName the name of the image to be uploaded.
      * @param {function} optionalAsyncSuccessFunc optional. The function to call when the upload succeeds. Please refer to the function prototype OnSuccess.
@@ -2539,7 +2539,7 @@ interface WebTwain {
 
     /**
      * [Deprecated.] Uploads all images in the buffer to the HTTP server through the HTTP Put method as a Multi-Page PDF.
-     * @method WebTwain#HTTPUploadAllThroughPutAsPDF 
+     * @method WebTwain#HTTPUploadAllThroughPutAsPDF
      * @param {string} HTTPServer the name of the HTTP server.
      * @param {string} RemoteFileName the name of the image to be uploaded.
      * @param {function} optionalAsyncSuccessFunc optional. The function to call when the upload succeeds. Please refer to the function prototype OnSuccess.
@@ -2550,7 +2550,7 @@ interface WebTwain {
 
     /**
      * [Deprecated.] Uploads the selected images in the buffer to the HTTP server through the HTTP Put method as a Multi-Page PDF.
-     * @method WebTwain#HTTPUploadThroughPutAsMultiPagePDF 
+     * @method WebTwain#HTTPUploadThroughPutAsMultiPagePDF
      * @param {string} HTTPServer the name of the HTTP server.
      * @param {string} RemoteFileName the name of the image to be uploaded.
      * @param {function} optionalAsyncSuccessFunc optional. The function to call when the upload succeeds. Please refer to the function prototype OnSuccess.
@@ -2561,7 +2561,7 @@ interface WebTwain {
 
     /**
      * Configures how segmented upload is done.
-     * @method WebTwain#SetUploadSegment 
+     * @method WebTwain#SetUploadSegment
      * @param {int} segmentUploadThreshold specifies the threshold (in MB) over which segmented upload will be invoked.
      * @param {int} moduleSize specifies the size of each segment (in KB).
      * @return {bool}
@@ -2570,7 +2570,7 @@ interface WebTwain {
 
     /**
      * Uploads the images specified by the indices to the HTTP server.
-     * @method WebTwain#HTTPUpload 
+     * @method WebTwain#HTTPUpload
      * @param {string} url the url where the images are sent in a POST request.
      * @param {Array} indices indices specifies which images are to be uploaded.
      * @param {EnumDWT_ImageType} enumImageType the image format in which the images are to be uploaded.
@@ -2583,7 +2583,7 @@ interface WebTwain {
 
     /**
      * Loads a DIB format image from Clipboard into the Dynamic Web TWAIN.
-     * @method WebTwain#LoadDibFromClipboard 
+     * @method WebTwain#LoadDibFromClipboard
      * @param {function} optionalAsyncSuccessFunc optional. The function to call when the loading succeeds. Please refer to the function prototype OnSuccess.
      * @param {function} optionalAsyncFailureFunc optional. The function to call when the loading fails. Please refer to the function prototype OnFailure.
      * @return {bool}
@@ -2592,7 +2592,7 @@ interface WebTwain {
 
     /**
      * Loads an image into the Dynamic Web TWAIN.
-     * @method WebTwain#LoadImage 
+     * @method WebTwain#LoadImage
      * @param {string} localFile the name of the image to be loaded. It should be the absolute path of the image file on the local disk.
      * @param {function} optionalAsyncSuccessFunc optional. The function to call when the loading succeeds. Please refer to the function prototype OnSuccess.
      * @param {function} optionalAsyncFailureFunc optional. The function to call when the loading fails. Please refer to the function prototype OnFailure.
@@ -2602,7 +2602,7 @@ interface WebTwain {
 
     /**
      * Loads an image into the Dynamic Web TWAIN.
-     * @method WebTwain#LoadImageEx 
+     * @method WebTwain#LoadImageEx
      * @param {string} localFile the name of the image to be loaded. It should be the absolute path of the image file on the local disk.
      * @param {EnumDWT_ImageType} lImageType the image format of the file to be loaded.
      * @param {function} optionalAsyncSuccessFunc optional. The function to call when the loading succeeds. Please refer to the function prototype OnSuccess.
@@ -2613,7 +2613,7 @@ interface WebTwain {
 
     /**
      * Loads image from a base64 byte array with the specified file format.
-     * @method WebTwain#LoadImageFromBase64Binary 
+     * @method WebTwain#LoadImageFromBase64Binary
      * @param {string} bry specifies the base64 string data.
      * @param {EnumDWT_ImageType} lImageType specifies the file format.
      * @return {bool}
@@ -2622,7 +2622,7 @@ interface WebTwain {
 
     /**
      * [Deprecated.] Loads image from a byte array with the specified file format.
-     * @method WebTwain#LoadImageFromBytes 
+     * @method WebTwain#LoadImageFromBytes
      * @param {int} lBufferSize Specifies the buffer size.
      * @param {Array} buffer A byte array of the image data.
      * @param {EnumDWT_ImageType} lImageType Specifies the file format.
@@ -2632,7 +2632,7 @@ interface WebTwain {
 
     /**
      * Saves all images in buffer as a MultiPage TIFF file.
-     * @method WebTwain#SaveAllAsMultiPageTIFF 
+     * @method WebTwain#SaveAllAsMultiPageTIFF
      * @param {string} localFile the name of the MultiPage TIFF file to be saved. It should be an absolute path on the local disk.
      * @param {function} optionalAsyncSuccessFunc optional. The function to call when the saving succeeds. Please refer to the function prototype OnSuccess.
      * @param {function} optionalAsyncFailureFunc optional. The function to call when the saving fails. Please refer to the function prototype OnFailure.
@@ -2642,7 +2642,7 @@ interface WebTwain {
 
     /**
      * Saves all images in buffer as a Multi-Page PDF file.
-     * @method WebTwain#SaveAllAsPDF 
+     * @method WebTwain#SaveAllAsPDF
      * @param {string} localFile the name of the Multi-Page PDF file to be saved. It should be an absolute path on the local disk.
      * @param {function} optionalAsyncSuccessFunc optional. The function to call when the saving succeeds. Please refer to the function prototype OnSuccess.
      * @param {function} optionalAsyncFailureFunc optional. The function to call when the saving fails. Please refer to the function prototype OnFailure.
@@ -2652,7 +2652,7 @@ interface WebTwain {
 
     /**
      * Saves the image of a specified index in buffer as a BMP file.
-     * @method WebTwain#SaveAsBMP 
+     * @method WebTwain#SaveAsBMP
      * @param {string} localFile the name of the BMP file to be saved. It should be an absolute path on the local disk.
      * @param {short} sImageIndex specifies the index of image in buffer. The index is 0-based.
      * @return {bool}
@@ -2661,43 +2661,43 @@ interface WebTwain {
 
     /**
      * Saves the image of a specified index in buffer as a JPEG file.
-     * @method WebTwain#SaveAsJPEG 
+     * @method WebTwain#SaveAsJPEG
      * @param {string} localFile the name of the JPEG file to be saved. It should be an absolute path on the local disk.
-     * @param {short} sImageIndex specifies the index of image in buffer. The index is 0-based. 
+     * @param {short} sImageIndex specifies the index of image in buffer. The index is 0-based.
      * @return {bool}
      */
     SaveAsJPEG(localFile: string, sImageIndex: number): boolean;
 
     /**
      * Saves the image of a specified index in buffer as a PDF file.
-     * @method WebTwain#SaveAsPDF 
+     * @method WebTwain#SaveAsPDF
      * @param {string} localFile the name of the JPEG file to be saved. It should be an absolute path on the local disk.
-     * @param {short} sImageIndex specifies the index of image in buffer. The index is 0-based. 
+     * @param {short} sImageIndex specifies the index of image in buffer. The index is 0-based.
      * @return {bool}
      */
     SaveAsPDF(localFile: string, sImageIndex: number): boolean;
 
     /**
      * Saves the image of a specified index in buffer as a PNG file.
-     * @method WebTwain#SaveAsPNG 
+     * @method WebTwain#SaveAsPNG
      * @param {string} localFile the name of the JPEG file to be saved. It should be an absolute path on the local disk.
-     * @param {short} sImageIndex specifies the index of image in buffer. The index is 0-based. 
+     * @param {short} sImageIndex specifies the index of image in buffer. The index is 0-based.
      * @return {bool}
      */
     SaveAsPNG(localFile: string, sImageIndex: number): boolean;
 
     /**
      * Saves the image of a specified index in buffer as a TIFF file.
-     * @method WebTwain#SaveAsTIFF 
+     * @method WebTwain#SaveAsTIFF
      * @param {string} localFile the name of the JPEG file to be saved. It should be an absolute path on the local disk.
-     * @param {short} sImageIndex specifies the index of image in buffer. The index is 0-based. 
+     * @param {short} sImageIndex specifies the index of image in buffer. The index is 0-based.
      * @return {bool}
      */
     SaveAsTIFF(localFile: string, sImageIndex: number): boolean;
 
     /**
      * Saves the selected images in buffer as a Multipage PDF file.
-     * @method WebTwain#SaveSelectedImagesAsMultiPagePDF 
+     * @method WebTwain#SaveSelectedImagesAsMultiPagePDF
      * @param {string} localFile  the name of the MultiPage PDF file to be saved. It should be an absolute path on the local disk.
      * @param {function} optionalAsyncSuccessFunc optional. The function to call when the saving succeeds. Please refer to the function prototype OnSuccess.
      * @param {function} optionalAsyncFailureFunc optional. The function to call when the saving fails. Please refer to the function prototype OnFailure.
@@ -2707,7 +2707,7 @@ interface WebTwain {
 
     /**
      * Saves the selected images in buffer as a Multipage TIFF file.
-     * @method WebTwain#SaveSelectedImagesAsMultiPageTIFF 
+     * @method WebTwain#SaveSelectedImagesAsMultiPageTIFF
      * @param {string} localFile  the name of the MultiPage TIFF file to be saved. It should be an absolute path on the local disk.
      * @param {function} optionalAsyncSuccessFunc optional. The function to call when the saving succeeds. Please refer to the function prototype OnSuccess.
      * @param {function} optionalAsyncFailureFunc optional. The function to call when the saving fails. Please refer to the function prototype OnFailure.
@@ -2717,14 +2717,14 @@ interface WebTwain {
 
     /**
      * Saves the selected images in buffer to base64 string.
-     * @method WebTwain#SaveSelectedImagesToBase64Binary 
+     * @method WebTwain#SaveSelectedImagesToBase64Binary
      * @return {string}
      */
     SaveSelectedImagesToBase64Binary(): string;
 
     /**
      * [Deprecated.] Saves the selected images in buffer to a byte array in the specified file format.
-     * @method WebTwain#SaveSelectedImagesToBytes 
+     * @method WebTwain#SaveSelectedImagesToBytes
      * @param {int} bufferSize specified the buffer size.
      * @param {Array} buffer A byte array of the image data.
      * @return {int}
@@ -2733,7 +2733,7 @@ interface WebTwain {
 
     /**
      * [Deprecated.] Sets current cookie into the Http Header to be used when uploading scanned images through POST.
-     * @method WebTwain#SetCookie 
+     * @method WebTwain#SetCookie
      * @param {string} cookie  the cookie on current page.
      * @return {void}
      */
@@ -2741,8 +2741,8 @@ interface WebTwain {
 
     /**
      * Sets a text parameter as a filed in a web form. This form is maintained by the component itself (meaning it's not on the page). All fields in this form will be passed to the server when uploading images.
-     * @method WebTwain#SetHTTPFormField 
-     * @param {string} FieldName specifies the name of a text field in web form. 
+     * @method WebTwain#SetHTTPFormField
+     * @param {string} FieldName specifies the name of a text field in web form.
      * @param {string} FieldValue specifies the value of a text field in web form.
      * @return {bool}
      */
@@ -2750,7 +2750,7 @@ interface WebTwain {
 
     /**
      * Sets a custom tiff tag. Currently you can set up to 32 tags. The string to be set in a tag can be encoded with base64.
-     * @method WebTwain#SetTiffCustomTag 
+     * @method WebTwain#SetTiffCustomTag
      * @param {int} tag specifies the tag identifier. The value should be between 600 and 700.
      * @param {string} content the string to be set for this tag. The string will be written to the .tiff file when you save/upload it. If the string is base64 encoded, we'll decode it before writing it.
      * @param {bool} base64Str if you'd like to encode the string with base64, set this to true. Otherwise, the string will be plin text.
@@ -2760,7 +2760,7 @@ interface WebTwain {
 
     /**
      * Show save file dialog or show open file dialog.
-     * @method WebTwain#ShowFileDialog 
+     * @method WebTwain#ShowFileDialog
      * @param {bool} SaveDialog True -- show save file dialog, False -- show open file dialog.
      * @param {string} Filter The filter name specifies the filter pattern (for example, "*.TXT"). To specify multiple filter patterns for a single display string, use a semicolon to separate the patterns (for example, "*.TXT;*.DOC;*.BAK"). A pattern string can be a combination of valid file name characters and the asterisk (*) wildcard character. Do not include spaces in the pattern string. To retrieve a shortcut's target without filtering, use the string "All Files\0*.*\0\0", but the program will replace  "\0" with "|" automatically.
      * @param {int} FilterIndex The index of the currently selected filter in the File Types control. The buffer pointed to by Filter contains pairs of strings that define the filters. The index is 0-based.
@@ -2775,28 +2775,28 @@ interface WebTwain {
 
     /**
      * Gets information of the capability specified by the Capability property.
-     * @method WebTwain#CapGet 
+     * @method WebTwain#CapGet
      * @return {bool}
      */
     CapGet(): boolean;
 
     /**
-     * Returns the Source's current Value for the specified capability. 
-     * @method WebTwain#CapGetCurrent 
+     * Returns the Source's current Value for the specified capability.
+     * @method WebTwain#CapGetCurrent
      * @return {bool}
      */
     CapGetCurrent(): boolean;
 
     /**
      * Returns the Source's Default Value for the specified capability. This is the Source's preferred default value.
-     * @method WebTwain#CapGetDefault 
+     * @method WebTwain#CapGetDefault
      * @return {bool}
      */
     CapGetDefault(): boolean;
 
     /**
      * Returns the value of the bottom-most edge of the specified frame.
-     * @method WebTwain#CapGetFrameBottom 
+     * @method WebTwain#CapGetFrameBottom
      * @param {short} index specifies the value of which frame to get. The index is 0-based.
      * @return {float}
      */
@@ -2804,7 +2804,7 @@ interface WebTwain {
 
     /**
      * Returns the value (in Unit) of the left-most edge of the specified frame.
-     * @method WebTwain#CapGetFrameLeft 
+     * @method WebTwain#CapGetFrameLeft
      * @param {short} index specifies the value of which frame to get. The index is 0-based.
      * @return {float}
      */
@@ -2812,7 +2812,7 @@ interface WebTwain {
 
     /**
      * Returns the value (in Unit) of the left-most edge of the specified frame.
-     * @method WebTwain#CapGetFrameRight 
+     * @method WebTwain#CapGetFrameRight
      * @param {short} index specifies the value of which frame to get. The index is 0-based.
      * @return {float}
      */
@@ -2820,7 +2820,7 @@ interface WebTwain {
 
     /**
      * Returns the value (in Unit) of the top-most edge of the specified frame.
-     * @method WebTwain#CapGetFrameTop 
+     * @method WebTwain#CapGetFrameTop
      * @param {short} index specifies the value of which frame to get. The index is 0-based.
      * @return {float}
      */
@@ -2828,7 +2828,7 @@ interface WebTwain {
 
     /**
      * Queries whether the Source supports a particular operation on the capability.
-     * @method WebTwain#CapIfSupported 
+     * @method WebTwain#CapIfSupported
      * @param {EnumDWT_MessageType} messageType specifies the type of capability operation.
      * @return {bool}
      */
@@ -2836,21 +2836,21 @@ interface WebTwain {
 
     /**
      * Changes the Current Value of the capability specified by Capability property back to its power-on value.
-     * @method WebTwain#CapReset 
+     * @method WebTwain#CapReset
      * @return {bool}
      */
     CapReset(): boolean;
 
     /**
      * Sets the current capability using the container type specified by CapType property. The current capability is specified by Capability property.
-     * @method WebTwain#CapSet 
+     * @method WebTwain#CapSet
      * @return {bool}
      */
     CapSet(): boolean;
 
     /**
      * Sets the values of the specified frame.
-     * @method WebTwain#CapSetFrame 
+     * @method WebTwain#CapSetFrame
      * @param {short} index  specifies the values of which frame to set. The index is 0-based.
      * @param {float} left the value (in Unit) of the left-most edge of the specified frame.
      * @param {float} top the value (in Unit) of the top-most edge of the specified frame.
@@ -2862,7 +2862,7 @@ interface WebTwain {
 
     /**
      * Get the cap item value of the capability specified by Capability property, when the value of the CapType property is TWON_ARRAY or TWON_ENUMERATION.
-     * @method WebTwain#GetCapItems 
+     * @method WebTwain#GetCapItems
      * @param {int} index Index is 0-based. It is the index of the cap item.
      * @return {double}
      */
@@ -2870,7 +2870,7 @@ interface WebTwain {
 
     /**
      * Returns the cap item value of the capability specified by Capability property, when the value of the CapType property is TWON_ARRAY or TWON_ENUMERATION.
-     * @method WebTwain#GetCapItemsString 
+     * @method WebTwain#GetCapItemsString
      * @param {int} index Index is 0-based. It is the index of the cap item.
      * @return {string}
      */
@@ -2878,7 +2878,7 @@ interface WebTwain {
 
     /**
      * Set the value of the specified cap item.
-     * @method WebTwain#SetCapItems 
+     * @method WebTwain#SetCapItems
      * @param {int} index Index is 0-based. It is the index of the cap item.
      * @param {double} newVal The Double type of CapItems property is used to present Double, Single(float), Long, int and even boolean types. For string type, please use CapItemsstring property.
      * @return {void}
@@ -2887,7 +2887,7 @@ interface WebTwain {
 
     /**
      * Set the cap item value of the capability specified by Capability property, when the value of the CapType property is TWON_ARRAY or TWON_ENUMERATION.
-     * @method WebTwain#SetCapItemsString 
+     * @method WebTwain#SetCapItemsString
      * @param {int} index Index is 0-based. It is the index of the cap item.
      * @param {string} newVal The new value to be set.
      * @return {void}
@@ -2899,7 +2899,7 @@ interface WebTwain {
 
     /**
      * Add text on an image.
-     * @method WebTwain#AddText 
+     * @method WebTwain#AddText
      * @param {short} sImageIndex  the index of the image that you want to add text to.
      * @param {int} x the x coordinate for the text.
      * @param {int} y the y coordinate for the text.
@@ -2914,7 +2914,7 @@ interface WebTwain {
 
     /**
      * Create the font for adding text using the method AddText.
-     * @method WebTwain#CreateTextFont 
+     * @method WebTwain#CreateTextFont
      * @param {int} height Specifies the desired height (in logical units) of the font.The absolute value of nHeight must not exceed 16,384 device units after it is converted.For all height comparisons, the font mapper looks for the largest font that does not exceed the requested size or the smallest font if all the fonts exceed the requested size.
      * @param {int} width Specifies the average width (in logical units) of characters in the font. If Width is 0, the aspect ratio of the device will be matched against the digitization aspect ratio of the available fonts to find the closest match, which is determined by the absolute value of the difference.
      * @param {int} escapement Specifies the angle (in 0.1-degree units) between the escapement vector and the x-axis of the display surface. The escapement vector is the line through the origins of the first and last characters on a line. The angle is measured counterclockwise from the x-axis.
@@ -2923,9 +2923,9 @@ interface WebTwain {
      * @param {short} italic  Specifies an italic font if set to TRUE.
      * @param {short} underline Specifies an underlined font if set to TRUE.
      * @param {short} strikeOut A strikeout font if set to TRUE.
-     * @param {short} charSet Specifies the font's character set. The OEM character set is system-dependent. Fonts with other character sets may exist in the system. An application that uses a font with an unknown character set must not attempt to translate or interpret strings that are to be rendered with that font. 
+     * @param {short} charSet Specifies the font's character set. The OEM character set is system-dependent. Fonts with other character sets may exist in the system. An application that uses a font with an unknown character set must not attempt to translate or interpret strings that are to be rendered with that font.
      * @param {short} outputPrecision Specifies the desired output precision. The output precision defines how closely the output must match the requested font's height, width, character orientation, escapement, and pitch.
-     * @param {short} clipPrecision Specifies the desired clipping precision. The clipping precision defines how to clip characters that are partially outside the clipping region. 
+     * @param {short} clipPrecision Specifies the desired clipping precision. The clipping precision defines how to clip characters that are partially outside the clipping region.
      * @param {short} quality Specifies the font's output quality, which defines how carefully the GDI must attempt to match the logical-font attributes to those of an actual physical font.
      * @param {short} pitchAndFamily  The pitch and family of the font.
      * @param {string} faceName   the typeface name, the length of this string must not exceed 32 characters, including the terminating null character.
@@ -2935,7 +2935,7 @@ interface WebTwain {
 
     /**
      * Copies the image of a specified index in buffer to clipboard in DIB format.
-     * @method WebTwain#CopyToClipboard 
+     * @method WebTwain#CopyToClipboard
      * @param {short} sImageIndex specifies the index of image in buffer. The index is 0-based.
      * @return {bool}
      */
@@ -2943,7 +2943,7 @@ interface WebTwain {
 
     /**
      * Clears the specified area of a specified image, and fill the area with the fill color.
-     * @method WebTwain#Erase 
+     * @method WebTwain#Erase
      * @param {short} sImageIndex specifies the index of image in buffer. The index is 0-based.
      * @param {int} left specifies the x-coordinate of the upper-left corner of the rectangle.
      * @param {int} top specifies the y-coordinate of the upper-left corner of the rectangle.
@@ -2955,7 +2955,7 @@ interface WebTwain {
 
     /**
      * Returns the pixel bit depth of the selected image.
-     * @method WebTwain#GetImageBitDepth 
+     * @method WebTwain#GetImageBitDepth
      * @param {short} sImageIndex specifies the index of image. The index is 0-based.
      * @return {short}
      */
@@ -2963,7 +2963,7 @@ interface WebTwain {
 
     /**
      * Returns the width (pixels) of the selected image. This is a read-only property.
-     * @method WebTwain#GetImageWidth 
+     * @method WebTwain#GetImageWidth
      * @param {short} sImageIndex specifies the index of image. The index is 0-based.
      * @return {int}
      */
@@ -2971,7 +2971,7 @@ interface WebTwain {
 
     /**
      * Returns the height (pixels) of the selected image. This is a read-only property.
-     * @method WebTwain#GetImageHeight 
+     * @method WebTwain#GetImageHeight
      * @param {short} sImageIndex specifies the index of image. The index is 0-based.
      * @return {int}
      */
@@ -2979,7 +2979,7 @@ interface WebTwain {
 
     /**
      * Returns the file size of the new image resized from the image of a specified index in buffer.
-     * @method WebTwain#GetImageSize 
+     * @method WebTwain#GetImageSize
      * @param {short} sImageIndex specifies the index of image in buffer. The index is 0-based.
      * @param {int} iWidth specifies the pixel width of the new image.
      * @param {int} iHeight specifies the pixel height of the new image.
@@ -2989,7 +2989,7 @@ interface WebTwain {
 
     /**
      * Pre-calculate the file size of the local image file that is saved from an image of a specified index in buffer.
-     * @method WebTwain#GetImageSizeWithSpecifiedType 
+     * @method WebTwain#GetImageSizeWithSpecifiedType
      * @param {short} sImageIndex specifies the index of image in buffer. The index is 0-based.
      * @param {short} sImageType specifies the type of an image file..
      * @return {int}
@@ -2998,7 +2998,7 @@ interface WebTwain {
 
     /**
      * Return the horizontal resolution of the specified image.
-     * @method WebTwain#GetImageXResolution 
+     * @method WebTwain#GetImageXResolution
      * @param {short} sImageIndex specifies the index of image in buffer. The index is 0-based.
      * @return {int}
      */
@@ -3006,7 +3006,7 @@ interface WebTwain {
 
     /**
      * Return the vertical resolution of the specified image.
-     * @method WebTwain#GetImageYResolution 
+     * @method WebTwain#GetImageYResolution
      * @param {short} sImageIndex specifies the index of image in buffer. The index is 0-based.
      * @return {int}
      */
@@ -3014,7 +3014,7 @@ interface WebTwain {
 
     /**
      * Returns the index of the selected image.
-     * @method WebTwain#GetSelectedImageIndex 
+     * @method WebTwain#GetSelectedImageIndex
      * @param {short} sSelectedIndex specifies the index of the selected image.
      * @return {short}
      */
@@ -3022,7 +3022,7 @@ interface WebTwain {
 
     /**
      * You can use the method to select images programatically which is ususally done by mouse clicking.
-     * @method WebTwain#SetSelectedImageIndex 
+     * @method WebTwain#SetSelectedImageIndex
      * @param {short} sSelectedIndex this is the index of an array that holds the indices of selected images.
      * @param {short} newVal specifies the index of an image that you want to select.
      * @return {void}
@@ -3031,7 +3031,7 @@ interface WebTwain {
 
     /**
      * Pre-calculate the file size of the local image file that is saved from the selected images in buffer.
-     * @method WebTwain#GetSelectedImagesSize 
+     * @method WebTwain#GetSelectedImagesSize
      * @param {int} iImageType specifies the type of an image file.
      * @return {int}
      */
@@ -3039,7 +3039,7 @@ interface WebTwain {
 
     /**
      * Check the skew angle of an image by its index in buffer.
-     * @method WebTwain#GetSkewAngle 
+     * @method WebTwain#GetSkewAngle
      * @param {short} sImageIndex the index of the image in the buffer.
      * @return {double}
      */
@@ -3047,7 +3047,7 @@ interface WebTwain {
 
     /**
      * Check the skew angle of a rectangular part of an image by its index in buffer.
-     * @method WebTwain#GetSkewAngleEx 
+     * @method WebTwain#GetSkewAngleEx
      * @param {short} sImageIndex the index of the image in the buffer.
      * @param {int} left specifies the x-coordinate of the upper-left corner of the rectangle.
      * @param {int} top specifies the y-coordinate of the upper-left corner of the rectangle.
@@ -3059,7 +3059,7 @@ interface WebTwain {
 
     /**
      * [Deprecated.] Detects whether a certain area on an image is blank.
-     * @method WebTwain#IsBlankImageEx 
+     * @method WebTwain#IsBlankImageEx
      * @param {short} sImageIndex specifies the index of image in buffer. The index is 0-based.
      * @param {int} left specifies the x-coordinate of the upper-left corner of the rectangle.
      * @param {int} top specifies the y-coordinate of the upper-left corner of the rectangle.
@@ -3072,7 +3072,7 @@ interface WebTwain {
 
     /**
      * Mirrors the image of a specified index in buffer.
-     * @method WebTwain#Mirror 
+     * @method WebTwain#Mirror
      * @param {short} sImageIndex specifies the index of image in buffer. The index is 0-based.
      * @return {bool}
      */
@@ -3080,7 +3080,7 @@ interface WebTwain {
 
     /**
      * Decorates image of a specified index in buffer with rectangles of transparent color.
-     * @method WebTwain#OverlayRectangle 
+     * @method WebTwain#OverlayRectangle
      * @param {short} sImageIndex specifies the index of image in buffer. The index is 0-based.
      * @param {int} left specifies the x-coordinate of the upper-left corner of the rectangle.
      * @param {int} top specifies the y-coordinate of the upper-left corner of the rectangle.
@@ -3094,22 +3094,22 @@ interface WebTwain {
 
     /**
      * Removes all images in buffer.
-     * @method WebTwain#RemoveAllImages 
+     * @method WebTwain#RemoveAllImages
      * @return {void}
      */
     RemoveAllImages(): void;
 
     /**
      * Removes selected images in buffer.
-     * @method WebTwain#RemoveAllSelectedImages 
+     * @method WebTwain#RemoveAllSelectedImages
      * @return {bool}
      */
     RemoveAllSelectedImages(): boolean;
 
     /**
      * Removes the image of a specified index in buffer.
-     * @method WebTwain#RemoveImage 
-     * @param {short} sImageIndexToBeDeleted  specifies the index of the image to be deleted  in buffer. The index is 0-based. 
+     * @method WebTwain#RemoveImage
+     * @param {short} sImageIndexToBeDeleted  specifies the index of the image to be deleted  in buffer. The index is 0-based.
      * @return {bool}
      */
     RemoveImage(sImageIndexToBeDeleted: number): boolean;
@@ -3117,7 +3117,7 @@ interface WebTwain {
     // Image Operate
     /**
      * Rotates the image of a specified index in buffer by specified angle.
-     * @method WebTwain#Rotate 
+     * @method WebTwain#Rotate
      * @param {short} sImageIndex  specifies the index of image in buffer. The index is 0-based.
      * @param {float} fAngle  Specifies the rotation angle.
      * @param {bool} bKeepSize Keep size or not.
@@ -3127,7 +3127,7 @@ interface WebTwain {
 
     /**
      * Rotates the image of a specified index in buffer by specified angle.
-     * @method WebTwain#RotateEx 
+     * @method WebTwain#RotateEx
      * @param {short} sImageIndex  specifies the index of image in buffer. The index is 0-based.
      * @param {float} fAngle  Specifies the rotation angle.
      * @param {bool} bKeepSize Keep size or not.
@@ -3138,7 +3138,7 @@ interface WebTwain {
 
     /**
      * Rotates the image of a specified index in buffer by 90 degrees counter-clockwise.
-     * @method WebTwain#RotateLeft 
+     * @method WebTwain#RotateLeft
      * @param {short} sImageIndex  specifies the index of image in buffer. The index is 0-based.
      * @return {bool}
      */
@@ -3146,7 +3146,7 @@ interface WebTwain {
 
     /**
      * Rotates the image of a specified index in buffer by 90 degrees clockwise.
-     * @method WebTwain#RotateRight 
+     * @method WebTwain#RotateRight
      * @param {short} sImageIndex  specifies the index of image in buffer. The index is 0-based.
      * @return {bool}
      */
@@ -3154,7 +3154,7 @@ interface WebTwain {
 
     /**
      * Changes width and height of the image of a specified index in the buffer. Please note the file size of the image will be changed proportionately.
-     * @method WebTwain#ChangeImageSize 
+     * @method WebTwain#ChangeImageSize
      * @param {short} sImageIndex specifies the index of image in buffer. The index is 0-based.
      * @param {int} iNewWidth  specifies the pixel width of the new image.
      * @param {int} iNewHeight specifies the pixel height of the new image.
@@ -3165,7 +3165,7 @@ interface WebTwain {
 
     /**
      * Flips the image of a specified index in buffer.
-     * @method WebTwain#Flip 
+     * @method WebTwain#Flip
      * @param {short} sImageIndex specifies the index of image in buffer. The index is 0-based.
      * @return {bool}
      */
@@ -3173,7 +3173,7 @@ interface WebTwain {
 
     /**
      * Crops the image of a specified index in buffer.
-     * @method WebTwain#Crop 
+     * @method WebTwain#Crop
      * @param {short} sImageIndex specifies the index of image in buffer. The index is 0-based.
      * @param {int} left specifies the x-coordinate of the upper-left corner of the rectangle.
      * @param {int} top specifies the y-coordinate of the upper-left corner of the rectangle.
@@ -3185,7 +3185,7 @@ interface WebTwain {
 
     /**
      * Crops the image of a specified index in buffer to clipboard in DIB format.
-     * @method WebTwain#CropToClipboard 
+     * @method WebTwain#CropToClipboard
      * @param {short} sImageIndex specifies the index of image in buffer. The index is 0-based.
      * @param {int} left specifies the x-coordinate of the upper-left corner of the rectangle.
      * @param {int} top specifies the y-coordinate of the upper-left corner of the rectangle.
@@ -3197,7 +3197,7 @@ interface WebTwain {
 
     /**
      * Cuts the image data in the specified area to the system clipboard in DIB format.
-     * @method WebTwain#CutFrameToClipboard 
+     * @method WebTwain#CutFrameToClipboard
      * @param {short} sImageIndex specifies the index of image in buffer. The index is 0-based.
      * @param {int} left specifies the x-coordinate of the upper-left corner of the rectangle.
      * @param {int} top specifies the y-coordinate of the upper-left corner of the rectangle.
@@ -3209,7 +3209,7 @@ interface WebTwain {
 
     /**
      * Cuts the image of a specified index in buffer to clipboard in DIB format.
-     * @method WebTwain#CutToClipboard 
+     * @method WebTwain#CutToClipboard
      * @param {short} sImageIndex specifies the index of image in buffer. The index is 0-based.
      * @return {bool}
      */
@@ -3217,7 +3217,7 @@ interface WebTwain {
 
     /**
      * Change the DPI (dots per inch) for the specified image.
-     * @method WebTwain#SetDPI 
+     * @method WebTwain#SetDPI
      * @param {short} sImageIndex specifies the index of image in buffer. The index is 0-based.
      * @param {int} xResolution The horizontal resolution.
      * @param {int} yResolution The vertical resolution.
@@ -3229,8 +3229,8 @@ interface WebTwain {
 
     /**
      * Sets the view mode that images are displayed in Dynamic Web TWAIN. You can use this method to display multiple images in Dynamic Web TWAIN.
-     * @method WebTwain#SetViewMode 
-     * @param {short} sHorizontalImageCount  specifies how many columns can be displayed in Dynamic Web TWAIN. 
+     * @method WebTwain#SetViewMode
+     * @param {short} sHorizontalImageCount  specifies how many columns can be displayed in Dynamic Web TWAIN.
      * @param {short} sVerticalImageCount specifies how many rows can be displayed in Dynamic Web TWAIN..
      * @return {void}
      */
@@ -3238,7 +3238,7 @@ interface WebTwain {
 
     /**
      * Moves a specified image.
-     * @method WebTwain#MoveImage 
+     * @method WebTwain#MoveImage
      * @param {short} sSourceImageIndex Specifies the source index of image in buffer. The index is 0-based.
      * @param {short} sTargetImageIndex Specifies the target index of image in buffer. The index is 0-based.
      * @return {bool}
@@ -3247,7 +3247,7 @@ interface WebTwain {
 
     /**
      * Switchs two images of specified indices in buffer.
-     * @method WebTwain#SwitchImage 
+     * @method WebTwain#SwitchImage
      * @param {short} sImageIndex1 specifies the index of image in buffer. The index is 0-based.
      * @param {short} sImageIndex2 specifies the index of image in buffer. The index is 0-based.
      * @return {bool}
@@ -3256,7 +3256,7 @@ interface WebTwain {
 
     /**
      * Shows the GUI of Image Printer.
-     * @method WebTwain#Print 
+     * @method WebTwain#Print
      * @return {bool}
      */
     Print(): boolean;
@@ -3267,14 +3267,14 @@ interface WebTwain {
     // --- Others ---
     /**
      * Shows the GUI of Image Editor.
-     * @method WebTwain#ShowImageEditor 
+     * @method WebTwain#ShowImageEditor
      * @return {bool}
      */
     ShowImageEditor(): boolean;
 
     /**
      * Unbinds an event from the specified function, so that the function stops receiving notifications when the event fires.
-     * @method WebTwain#UnregisterEvent 
+     * @method WebTwain#UnregisterEvent
      * @param {string} name the name of the event.
      * @param {object} evt specified the function to be unbound.
      * @return {bool}
@@ -3284,14 +3284,14 @@ interface WebTwain {
 
     /**
      * Enables the source to accept image.
-     * @method WebTwain#EnableSource 
+     * @method WebTwain#EnableSource
      * @return {bool}
      */
     EnableSource(): boolean;
 
     /**
      * Displays the source's built-in interface to acquire image.
-     * @method WebTwain#AcquireImage 
+     * @method WebTwain#AcquireImage
      * @param {object} optionalDeviceConfig  a JS object used to set up the device for image acquisition.
      * @param {function} asyncSuccessFunc the function to call when the upload succeeds. Please refer to the function prototype OnSuccess.
      * @param {function} asyncFailureFunc the function to call when the upload fails. Please refer to the function prototype OnFailure.
@@ -3299,10 +3299,10 @@ interface WebTwain {
      */
     AcquireImage(optionalDeviceConfig?: object, optionalAsyncSuccessFunc?: () => void, optionalAsyncFailureFunc?: (errorCode: number, errorString: string) => void): boolean;
 
-    // start from 10.0 
+    // start from 10.0
     /**
      * Change the width of an image in buffer.
-     * @method WebTwain#SetImageWidth 
+     * @method WebTwain#SetImageWidth
      * @param {short} sImageIndex  specifies which image you'd like to change.
      * @param {int} iNewWidth specifies how wide you'd like to change the image.
      * @return {bool}
@@ -3312,7 +3312,7 @@ interface WebTwain {
     //  Set custom DS data (DAT_CUSTOMDSDATA), the input string is encoded with base64
     /**
      * Sets custom DS data to be used for scanning, the input string is encoded with base64. Custom DS data means a specific scanning profile.
-     * @method WebTwain#SetCustomDSDataEx 
+     * @method WebTwain#SetCustomDSDataEx
      * @param {string} value the input string which is encoded with base64.
      * @return {bool}
      */
@@ -3321,7 +3321,7 @@ interface WebTwain {
     //  Set custom DS data, load data from the specified file
     /**
      * Sets custom DS data to be used for scanning, the data is stored in a file. Custom DS data means a specific scanning profile.
-     * @method WebTwain#SetCustomDSData 
+     * @method WebTwain#SetCustomDSData
      * @param {string} fileName the absolute path of the file where the custom data source data is stored.
      * @return {bool}
      */
@@ -3330,7 +3330,7 @@ interface WebTwain {
     // Get custom DS data, and returned string  is encoded with base64
     /**
      * Gets custom DS data, the returned string is base64 encoded.
-     * @method WebTwain#GetCustomDSDataEx 
+     * @method WebTwain#GetCustomDSDataEx
      * @return {string}
      */
     GetCustomDSDataEx(): string;
@@ -3338,7 +3338,7 @@ interface WebTwain {
     // Get custom DS data, and save the data to the specified file
     /**
      * Gets custom DS data and save the data in a specified file.
-     * @method WebTwain#GetCustomDSData 
+     * @method WebTwain#GetCustomDSData
      * @param {string} fileName  the path of the file used for storing custom DS data.
      * @return {bool}
      */
@@ -3346,7 +3346,7 @@ interface WebTwain {
 
     /**
      * Changes the bitdepth of a specified image.
-     * @method WebTwain#ChangeBitDepth 
+     * @method WebTwain#ChangeBitDepth
      * @param {short} sImageIndex specifies the index of image in buffer. The index is 0-based.
      * @param {short} sBitDepth specifies the target bit depth.
      * @param {bool} bHighQuality specifies whether or not to keep high quality while changing the bit depth. When it's true, it takes more time.
@@ -3356,7 +3356,7 @@ interface WebTwain {
 
     /**
      * Changes a specified image to gray scale.
-     * @method WebTwain#ConvertToGrayScale 
+     * @method WebTwain#ConvertToGrayScale
      * @param {short} sIndex specifies the index of image in buffer. The index is 0-based.
      * @return {bool}
      */
@@ -3364,7 +3364,7 @@ interface WebTwain {
 
     /**
      * [Deprecated.] Shows the GUI of Image Editor with custom settings.
-     * @method WebTwain#ShowImageEditorEx 
+     * @method WebTwain#ShowImageEditorEx
      * @param {int} x specifies the new position of the left top corner of the window.
      * @param {int} y specifies the new position of the left top corner of the window.
      * @param {int} cx specifies the width of the window.
@@ -3376,7 +3376,7 @@ interface WebTwain {
 
     /**
      * [Deprecated.] Detects whether an image is blank.
-     * @method WebTwain#IsBlankImage 
+     * @method WebTwain#IsBlankImage
      * @param {short} sImageIndex specifies the index of image in buffer. The index is 0-based.
      * @return {bool}
      */
@@ -3384,7 +3384,7 @@ interface WebTwain {
 
     /**
      * Detects whether a specific image is blank.
-     * @method WebTwain#IsBlankImageExpress 
+     * @method WebTwain#IsBlankImageExpress
      * @param {short} sImageIndex specifies the index of image in buffer. The index is 0-based.
      * @return {bool}
      */
@@ -3392,7 +3392,7 @@ interface WebTwain {
 
     /**
      * [Deprecated.] Detects whether a specific image is blank.
-     * @method WebTwain#GetBarcodeInfo 
+     * @method WebTwain#GetBarcodeInfo
      * @param {int} barcodeInfoType Defined in TWAIN Specification.
      * @param {int} barcodeIndex Specifies which barcode to check. The index is 0-based.
      * @return {object}
@@ -3401,7 +3401,7 @@ interface WebTwain {
 
     /**
      * [Deprecated.] Gets the content from a specified barcode.
-     * @method WebTwain#GetBarcodeText 
+     * @method WebTwain#GetBarcodeText
      * @param {int} barcodeIndex Specifies which barcode to check. The index is 0-based.
      * @return {bool}
      */
@@ -3409,7 +3409,7 @@ interface WebTwain {
 
     /**
      * Sets the default source to use. It's only valid when IfUseTWAINDSM is set to true.
-     * @method WebTwain#SetDefaultSource 
+     * @method WebTwain#SetDefaultSource
      * @param {short} sImageIndex specifies the index of the default source. The index is 0-based.
      * @return {bool}
      */
@@ -3417,7 +3417,7 @@ interface WebTwain {
 
     /**
      * Draws a rectangle on the viewer which represents the selected area.
-     * @method WebTwain#SetSelectedImageArea 
+     * @method WebTwain#SetSelectedImageArea
      * @param {short} sImageIndex specifies the index of image in buffer. The index is 0-based.
      * @param {int} left The X axis of the left border.
      * @param {int} top The Y axis of the top border.
@@ -3429,7 +3429,7 @@ interface WebTwain {
 
     /**
      * Converts the images specified by the indices to base64.
-     * @method WebTwain#ConvertToBase64 
+     * @method WebTwain#ConvertToBase64
      * @param {Array} indices indices specifies which images are to be converted to base64.
      * @param {EnumDWT_ImageType} enumImageType the image format in which the images are to be converted to base64.
      * @param {function} asyncSuccessFunc the function to call when the upload succeeds. Please refer to the function prototype OnSuccess.
@@ -3440,7 +3440,7 @@ interface WebTwain {
 
     /**
      * Returns the direct URL of an image specified by index, if iWidth or iHeight is set to -1, you get the original image, otherwise you get the image with specified iWidth or iHeight while keeping the same aspect ratio.
-     * @method WebTwain#GetImageURL 
+     * @method WebTwain#GetImageURL
      * @param {short} index the index of the image.
      * @param {int} iWidth the width of the image.
      * @param {int} iHeight the height of the image.
@@ -3450,7 +3450,7 @@ interface WebTwain {
 
     /**
      * Sets a header for the current HTTP Post request.
-     * @method WebTwain#SetHTTPHeader 
+     * @method WebTwain#SetHTTPHeader
      * @param {string} key the key of the header.
      * @param {string} value the value of the header.
      * @return {bool}
diff --git a/types/ember/index.d.ts b/types/ember/index.d.ts
index 1a8d5455c5..37818e787e 100644
--- a/types/ember/index.d.ts
+++ b/types/ember/index.d.ts
@@ -548,9 +548,9 @@ declare namespace Ember {
         toArray(): any[];
         uniq(): Enumerable;
         without(value: any): Enumerable;
-    '@each': EachProxy;
+        '@each': EachProxy;
         Boolean: boolean;
-    '[]': any[];
+        '[]': any[];
         firstObject: any;
         hasEnumerableObservers: boolean;
         lastObject: any;
@@ -630,8 +630,8 @@ declare namespace Ember {
         unshiftObject(object: any): any;
         unshiftObjects(objects: any[]): any[];
         without(value: any): Enumerable;
-    '[]': any[];
-    '@each': EachProxy;
+        '[]': any[];
+        '@each': EachProxy;
         Boolean: boolean;
         firstObject: any;
         hasEnumerableObservers: boolean;
@@ -1030,7 +1030,7 @@ declare namespace Ember {
         toArray(): any[];
         uniq(): Enumerable;
         without(value: any): Enumerable;
-    '[]': any[];
+        '[]': any[];
         firstObject: any;
         hasEnumerableObservers: boolean;
         lastObject: any;
@@ -1291,7 +1291,7 @@ declare namespace Ember {
         toArray(): any[];
         uniq(): Enumerable;
         without(value: any): Enumerable;
-    '[]': any[];
+        '[]': any[];
         firstObject: any;
         hasEnumerableObservers: boolean;
         lastObject: any;
diff --git a/types/hapi-auth-jwt2/hapi-auth-jwt2-tests.ts b/types/hapi-auth-jwt2/hapi-auth-jwt2-tests.ts
index d0bf1b8688..640706f856 100644
--- a/types/hapi-auth-jwt2/hapi-auth-jwt2-tests.ts
+++ b/types/hapi-auth-jwt2/hapi-auth-jwt2-tests.ts
@@ -29,13 +29,14 @@ function validate(decoded: User, request: Hapi.Request, callback: hapiAuthJwt2.V
 }
 
 server.register(hapiAuthJwt2, err => {
-  server.auth.strategy('jwt', 'jwt', <hapiAuthJwt2.Options> {
+  const options: hapiAuthJwt2.Options = {
     key: 'NeverShareYourSecret',
     validateFunc: validate,
     verifyOptions: {
       algorithms: ['HS256']
     }
-  });
+  };
+  server.auth.strategy('jwt', 'jwt', options);
 });
 
 server.start();
diff --git a/types/hapi/index.d.ts b/types/hapi/index.d.ts
index 7ac280569a..6fdef94dec 100644
--- a/types/hapi/index.d.ts
+++ b/types/hapi/index.d.ts
@@ -120,8 +120,8 @@ export interface IServerConnectionOptions extends IConnectionConfigurationServer
 export interface IConnectionConfigurationServerDefaults {
 	/**  application-specific connection configuration which can be accessed via connection.settings.app. Provides a safe place to store application configuration without potential conflicts with the framework internals. Should not be used to configure plugins which should use plugins[name]. Note the difference between connection.settings.app which is used to store configuration values and connection.app which is meant for storing run-time state.  */
 	app?: any;
-		/** if false, response content encoding is disabled. Defaults to true */
-		compression?: boolean;
+	/** if false, response content encoding is disabled. Defaults to true */
+	compression?: boolean;
 	/**  connection load limits configuration where:  */
 	load?: {
 		/**  maximum V8 heap size over which incoming requests are rejected with an HTTP Server Timeout (503) response. Defaults to 0 (no limit).  */
@@ -408,7 +408,7 @@ export interface IProxyHandlerConfig {
 	maxSockets?: boolean | number;
 }
 /**  TODO: fill in joi definition  */
-export interface IJoi {}
+export interface IJoi { }
 
 /**  a validation function using the signature function(value, options, next) */
 export interface IValidationFunction {
@@ -514,7 +514,7 @@ export interface IRouteAdditionalConfigurationOptions {
 	};
 
 	/**  an alternative location for the route handler option. */
-		handler?: ISessionHandler | IStrictSessionHandler | string | IRouteHandlerConfig;
+	handler?: ISessionHandler | IStrictSessionHandler | string | IRouteHandlerConfig;
 	/** an optional unique identifier used to look up the route using server.lookup(). */
 	id?: number;
 	/** optional arguments passed to JSON.stringify() when converting an object or error response to a string payload.Supports the following: */
@@ -764,14 +764,21 @@ export interface IServerRealm {
 /** server.state(name, [options]) http://hapijs.com/api#serverstatename-options
  HTTP state management uses client cookies to persist a state across multiple requests. Registers a cookie definitions where:*/
 export interface IServerState {
-	/**  - the cookie name string. */name: string;
+	/**  - the cookie name string. */
+	name: string;
 
-	/** - are the optional cookie settings: */options: {
-		/**  - time - to - live in milliseconds.Defaults to null (session time- life - cookies are deleted when the browser is closed).*/ttl: number;
-		/**  - sets the 'Secure' flag.Defaults to false.*/isSecure: boolean;
-		/**  - sets the 'HttpOnly' flag.Defaults to false.*/isHttpOnly: boolean
-		/**  - the path scope.Defaults to null (no path).*/path: any;
-		/**  - the domain scope.Defaults to null (no domain). */domain: any;
+	/** - are the optional cookie settings: */
+	options: {
+		/**  - time - to - live in milliseconds.Defaults to null (session time- life - cookies are deleted when the browser is closed).*/
+		ttl: number;
+		/**  - sets the 'Secure' flag.Defaults to false.*/
+		isSecure: boolean;
+		/**  - sets the 'HttpOnly' flag.Defaults to false.*/
+		isHttpOnly: boolean
+		/**  - the path scope.Defaults to null (no path).*/
+		path: any;
+		/**  - the domain scope.Defaults to null (no domain). */
+		domain: any;
 		/**  if present and the cookie was not received from the client or explicitly set by the route handler, the cookie is automatically added to the response with the provided value. The value can be a function with signature function(request, next) where:
 		 request - the request object.
 		 next - the continuation function using the function(err, value) signature.*/
@@ -783,16 +790,25 @@ export interface IServerState {
 		 'form' - object value is encoded using the x-www-form-urlencoded method.
 		 'iron' - Encrypts and sign the value using iron.*/
 		encoding: string;
-		/**  - an object used to calculate an HMAC for cookie integrity validation.This does not provide privacy, only a mean to verify that the cookie value was generated by the server.Redundant when 'iron' encoding is used.Options are:*/sign: {
-			/** - algorithm options.Defaults to require('iron').defaults.integrity.*/integrity: any;
-			/** - password used for HMAC key generation.*/password: string;
+		/**  - an object used to calculate an HMAC for cookie integrity validation.This does not provide privacy, only a mean to verify that the cookie value was generated by the server.Redundant when 'iron' encoding is used.Options are:*/
+		sign: {
+			/** - algorithm options.Defaults to require('iron').defaults.integrity.*/
+			integrity: any;
+			/** - password used for HMAC key generation.*/
+			password: string;
 		};
-		/**  - password used for 'iron' encoding.*/password: string;
-		/** - options for 'iron' encoding.Defaults to require('iron').defaults.*/iron: any;
-		/** - if false, errors are ignored and treated as missing cookies.*/ignoreErrors: boolean;
-		/**  - if true, automatically instruct the client to remove invalid cookies.Defaults to false.*/clearInvalid: boolean;
-		/**  - if false, allows any cookie value including values in violation of RFC 6265. Defaults to true.*/strictHeader: boolean;
-		/**  - overrides the default proxy localStatePassThrough setting.*/passThrough: any;
+		/**  - password used for 'iron' encoding.*/
+		password: string;
+		/** - options for 'iron' encoding.Defaults to require('iron').defaults.*/
+		iron: any;
+		/** - if false, errors are ignored and treated as missing cookies.*/
+		ignoreErrors: boolean;
+		/**  - if true, automatically instruct the client to remove invalid cookies.Defaults to false.*/
+		clearInvalid: boolean;
+		/**  - if false, allows any cookie value including values in violation of RFC 6265. Defaults to true.*/
+		strictHeader: boolean;
+		/**  - overrides the default proxy localStatePassThrough setting.*/
+		passThrough: any;
 	};
 }
 
@@ -915,7 +931,7 @@ export interface IRouteConfiguration {
 	/**  - an optional domain string or an array of domain strings for limiting the route to only requests with a matching host header field.Matching is done against the hostname part of the header only (excluding the port).Defaults to all hosts.*/
 	vhost?: string;
 	/**  - (required) the function called to generate the response after successful authentication and validation.The handler function is described in Route handler.If set to a string, the value is parsed the same way a prerequisite server method string shortcut is processed.Alternatively, handler can be assigned an object with a single key using the name of a registered handler type and value with the options passed to the registered handler.*/
-		handler?: ISessionHandler | IStrictSessionHandler | string | IRouteHandlerConfig;
+	handler?: ISessionHandler | IStrictSessionHandler | string | IRouteHandlerConfig;
 	/** - additional route options.*/
 	config?: IRouteAdditionalConfigurationOptions;
 }
@@ -1122,7 +1138,7 @@ export interface IServerMethod {
  generateKey - a function used to generate a unique key (for caching) from the arguments passed to the method function (the callback argument is not passed as input). The server will automatically generate a unique key if the function's arguments are all of types 'string', 'number', or 'boolean'. However if the method uses other types of arguments, a key generation function must be provided which takes the same arguments as the function and returns a unique string (or null if no key can be generated).*/
 export interface IServerMethodOptions {
 	bind?: any;
-		cache?: ICatBoxCachePolicyOptions;
+	cache?: ICatBoxCachePolicyOptions;
 	callback?: boolean;
 	generateKey?(args: any[]): string;
 }
@@ -1891,9 +1907,9 @@ export class Server extends Events.EventEmitter {
 		 * }
 		 * });
 		 */
-			strategy(name: string, scheme: string, mode?: boolean | string, options?: any): void;
-			strategy(name: string, scheme: string, mode?: boolean | string): void;
-			strategy(name: string, scheme: string, options?: any): void;
+		strategy(name: string, scheme: string, mode?: boolean | string, options?: any): void;
+		strategy(name: string, scheme: string, mode?: boolean | string): void;
+		strategy(name: string, scheme: string, options?: any): void;
 
 		/** server.auth.test(strategy, request, next)
 		 Tests a request against an authentication strategy where:
@@ -1959,7 +1975,7 @@ export class Server extends Events.EventEmitter {
 	// value === { capital: 'oslo' };
 	});
 	});*/
-		cache(options: ICatBoxCachePolicyOptions): void;
+	cache(options: ICatBoxCachePolicyOptions): void;
 
 	/** server.connection([options])
 	 Adds an incoming server connection
diff --git a/types/jasmine-ajax/index.d.ts b/types/jasmine-ajax/index.d.ts
index 4762ba085a..dcc6720f04 100644
--- a/types/jasmine-ajax/index.d.ts
+++ b/types/jasmine-ajax/index.d.ts
@@ -27,13 +27,13 @@ interface JasmineAjaxRequest extends XMLHttpRequest {
 }
 
 interface JasmineAjaxRequestTracker {
-    track(request: JasmineAjaxRequest): void;
-    first(): JasmineAjaxRequest;
-    count(): number;
-    reset(): void;
-    mostRecent(): JasmineAjaxRequest;
-    at(index: number): JasmineAjaxRequest;
-    filter(urlToMatch: RegExp): JasmineAjaxRequest[];
+	track(request: JasmineAjaxRequest): void;
+	first(): JasmineAjaxRequest;
+	count(): number;
+	reset(): void;
+	mostRecent(): JasmineAjaxRequest;
+	at(index: number): JasmineAjaxRequest;
+	filter(urlToMatch: RegExp): JasmineAjaxRequest[];
 	filter(urlToMatch: Function): JasmineAjaxRequest[];
 	filter(urlToMatch: string): JasmineAjaxRequest[];
 }
@@ -48,14 +48,14 @@ interface JasmineAjaxRequestStubReturnOptions {
 
 interface JasmineAjaxRequestStub {
 	data?: string;
-    method?: string;
-    andReturn(options: JasmineAjaxRequestStubReturnOptions): void;
-    matches(fullUrl: string, data: string, method: string): boolean;
+	method?: string;
+	andReturn(options: JasmineAjaxRequestStubReturnOptions): void;
+	matches(fullUrl: string, data: string, method: string): boolean;
 }
 
 interface JasmineAjaxStubTracker {
-    addStub(stub: JasmineAjaxRequestStub): void;
-    reset(): void;
+	addStub(stub: JasmineAjaxRequestStub): void;
+	reset(): void;
 	findStub(url: string, data?: string, method?: string): JasmineAjaxRequestStub;
 }
 
diff --git a/types/jasmine-ajax/jasmine-ajax-tests.ts b/types/jasmine-ajax/jasmine-ajax-tests.ts
index b2c963c6c1..fabd525012 100644
--- a/types/jasmine-ajax/jasmine-ajax-tests.ts
+++ b/types/jasmine-ajax/jasmine-ajax-tests.ts
@@ -1779,7 +1779,7 @@ describe("mockAjax", () => {
 
 		mockAjax.install();
 
-		mockAjax.requests.track(<any> { url: '/testurl' });
+		// mockAjax.requests.track(<any> { url: '/testurl' });
 		mockAjax.stubRequest('/bobcat');
 
 		expect(mockAjax.requests.count()).toEqual(1);
diff --git a/types/jquery.validation/index.d.ts b/types/jquery.validation/index.d.ts
index 9b77a80e23..5e0e2cfa01 100644
--- a/types/jquery.validation/index.d.ts
+++ b/types/jquery.validation/index.d.ts
@@ -10,7 +10,7 @@ declare namespace JQueryValidation {
 
     type ValidatePredicate = ((element: HTMLElement, event: JQueryEventObject) => void);
 
-    type ShouldValidatePredicate = boolean|ValidatePredicate;
+    type ShouldValidatePredicate = boolean | ValidatePredicate;
 
     interface ValidationOptions {
         /**
@@ -218,7 +218,7 @@ declare namespace JQueryValidation {
          *
          * @param template The string to format.
          */
-        format(template: string): ( (...args: any[]) => string);
+        format(template: string): ((...args: any[]) => string);
         format(template: string, ...args: any[]): string;
         /**
          * Modify default settings for validation.
@@ -232,7 +232,7 @@ declare namespace JQueryValidation {
     }
 
     interface Validator {
-        element(element: string|JQuery): boolean;
+        element(element: string | JQuery): boolean;
         checkForm(): boolean;
         /**
          * Validates the form, returns true if it is valid, false otherwise.
diff --git a/types/jquery.validation/jquery.validation-tests.ts b/types/jquery.validation/jquery.validation-tests.ts
index 08bc439973..37273e0f51 100644
--- a/types/jquery.validation/jquery.validation-tests.ts
+++ b/types/jquery.validation/jquery.validation-tests.ts
@@ -15,8 +15,8 @@ function test_validate() {
             const errors = validator.numberOfInvalids();
             if (errors) {
                 const message = errors === 1
-                  ? 'You missed 1 field. It has been highlighted'
-                  : 'You missed ' + errors + ' fields. They have been highlighted';
+                    ? 'You missed 1 field. It has been highlighted'
+                    : 'You missed ' + errors + ' fields. They have been highlighted';
                 $("div.error span").html(message);
                 $("div.error").show();
             } else {
@@ -56,7 +56,7 @@ function test_validate() {
         },
         errorPlacement: (error, element) => {
             if (element.attr("name") === "fname"
-                        || element.attr("name") === "lname")
+                || element.attr("name") === "lname")
                 error.insertAfter("#lastname");
             else
                 error.insertAfter(element);
@@ -84,7 +84,7 @@ function test_validate() {
         onclick: (elt) => { }
     });
     $(".selector").validate({
-    onfocusout: (elt, event) => { },
+        onfocusout: (elt, event) => { },
         onkeyup: (elt, event) => { },
         onclick: (elt, event) => { }
     });
@@ -155,12 +155,12 @@ function test_validate() {
         highlight: (element: HTMLInputElement, errorClass, validClass) => {
             $(element).addClass(errorClass).removeClass(validClass);
             $((<HTMLInputElement> element).form).find("label[for=" + element.id + "]")
-                           .addClass(errorClass);
+                .addClass(errorClass);
         },
         unhighlight: (element: HTMLInputElement, errorClass, validClass) => {
             $(element).removeClass(errorClass).addClass(validClass);
             $((<HTMLInputElement> element).form).find("label[for=" + element.id + "]")
-                           .removeClass(errorClass);
+                .removeClass(errorClass);
         }
     });
     $(".selector").validate({
@@ -174,8 +174,8 @@ function test_validate() {
         onclick: false,
     });
     $('.selector').validate({
-        onfocusout: () => {},
-        onkeyup: () => {},
+        onfocusout: () => { },
+        onkeyup: () => { },
         onclick: elt => 2,
     });
 }
diff --git a/types/jui-core/index.d.ts b/types/jui-core/index.d.ts
index 2bea574d7c..d8143aaa28 100644
--- a/types/jui-core/index.d.ts
+++ b/types/jui-core/index.d.ts
@@ -34,7 +34,7 @@ export interface UtilBase {
      * @param {Function} ctor base Class
      * @param {Function} superCtor super Class
      */
-    inherit( ctor: ((...args: any[]) => any), superCtor: ((...args: any[]) => any) ): void;
+    inherit(ctor: ((...args: any[]) => any), superCtor: ((...args: any[]) => any)): void;
 
     /**
      * @method extend
@@ -53,7 +53,7 @@ export interface UtilBase {
      * @param {String or Number} px
      * @return {Number}
      */
-    pxToInt(px: string| number): number;
+    pxToInt(px: string | number): number;
 
     /**
      * @method clone
@@ -145,7 +145,7 @@ export interface UtilBase {
      * @param {Number} dataSize
      * @return {String}  변환된 csv 문자열
      */
-    dataToCsv(keys: string[] , dataList: any[], dataSize: number): string;
+    dataToCsv(keys: string[], dataList: any[], dataSize: number): string;
 
     /**
      * @method dataToCsv2
@@ -268,7 +268,7 @@ export interface UtilBase {
      * @param {Object} [context=null]
      * @return {Function} 최적화된 루프 콜백 (index, groupIndex 2가지 파라미터를 받는다.)
      */
-    loop(total: number, context?: any): ((index: number, groupIndex: number) => void );
+    loop(total: number, context?: any): ((index: number, groupIndex: number) => void);
 
     /**
      * @method loopArray
@@ -280,7 +280,7 @@ export interface UtilBase {
      * @param {Object} [context=null]
      * @return {Function} 최적화된 루프 콜백 (data, index, groupIndex 3가지 파라미터를 받는다.)
      */
-    loopArray(data: any[], context?: any): ((data: any, index: number, groupIndex: number) => void );
+    loopArray(data: any[], context?: any): ((data: any, index: number, groupIndex: number) => void);
 
     /**
      * @method makeIndex
@@ -405,7 +405,7 @@ export interface JuiStatic {
      * @param {String} type Event type
      * @param {Array} args Event arguments
      */
-     emit(key: string, type: string, args: any[]): void;
+    emit(key: string, type: string, args: any[]): void;
 
     /**
      * @method get
@@ -414,7 +414,7 @@ export interface JuiStatic {
      * @param {Integer/String} key
      * @returns {Object/Array} UI instance
      */
-     get(key: number|string): any;
+    get(key: number | string): any;
 
     /**
      * @method getAll
@@ -422,7 +422,7 @@ export interface JuiStatic {
      *
      * @return {Array} UI instances
      */
-     getAll(): any[];
+    getAll(): any[];
 
     /**
      * @method create
@@ -433,7 +433,7 @@ export interface JuiStatic {
      * @param {Object} options
      * @return {Object}
      */
-     create(type: string, selector: any, options?: {}): any;
+    create(type: string, selector: any, options?: {}): any;
 }
 
 export interface UICollection {
@@ -455,7 +455,7 @@ export interface UICore {
      * @param {Function} args Event Arguments
      * @return {Mixed}
      */
-      emit(type: string, args: () => void): any;
+    emit(type: string, args: () => void): any;
 
     /**
      * @method on
@@ -464,7 +464,7 @@ export interface UICore {
      * @param {String} type Event type
      * @param {Function} callback
      */
-     on(type: string, callback: () => void): void;
+    on(type: string, callback: () => void): void;
 
     /**
      * @method off
@@ -472,7 +472,7 @@ export interface UICore {
      *
      * @param {String} type Event type
      */
-      off(type: string): void;
+    off(type: string): void;
 
     /**
      * @method addValid
@@ -481,7 +481,7 @@ export interface UICore {
      * @param {String} name Method name
      * @param {Array} params Parameters
      */
-     addValid(name: string, params: any[]): void;
+    addValid(name: string, params: any[]): void;
 
     /**
      * @method callBefore
@@ -491,7 +491,7 @@ export interface UICore {
      * @param {Function} callback
      * @return {Mixed}
      */
-     callBefore(name: string, callback: () => void): void;
+    callBefore(name: string, callback: () => void): void;
 
     /**
      * @method callAfter
@@ -501,7 +501,7 @@ export interface UICore {
      * @param {Function} callback
      * @return {Mixed}
      */
-     callAfter(name: string, callback: () => void): void;
+    callAfter(name: string, callback: () => void): void;
 
     /**
      * @method callDelay
@@ -510,7 +510,7 @@ export interface UICore {
      * @param {String} name Method name
      * @param {Function} callback
      */
-     callDelay(name: string, callObj: () => void): void;
+    callDelay(name: string, callObj: () => void): void;
 
     /**
      * @method setTpl
@@ -519,7 +519,7 @@ export interface UICore {
      * @param {String} name Template name
      * @param {String} html Template markup
      */
-     setTpl(name: string, html: string): void;
+    setTpl(name: string, html: string): void;
 
     /**
      * @method setOption
@@ -528,14 +528,14 @@ export interface UICore {
      * @param {String} key
      * @param {Mixed} value
      */
-     setOption(key: string, value: any): void;
+    setOption(key: string, value: any): void;
 
     /**
      * @method destroy
      * Removes all events set in a UI obejct and the DOM element
      *
      */
-     destroy(): void;
+    destroy(): void;
 }
 
 //noinspection TypeScriptUnresolvedVariable
@@ -549,7 +549,7 @@ export interface UIEvent extends UICore {
      * @param {String/HTMLElement} Selector
      * @returns {*|jQuery}
      */
-     find(selector: any): JQuery;
+    find(selector: any): JQuery;
 }
 
 export class ColorScale {
@@ -807,7 +807,7 @@ export interface UtilMath {
     inverseMatrix3d(a: any[]): any[];
 }
 
-export interface UtilScaleOrdinal extends Function  {
+export interface UtilScaleOrdinal extends Function {
     (x: number): number;
     domain(values: any[]): UtilScaleOrdinal;
     range(values: any[]): UtilScaleOrdinal;
diff --git a/types/jui-grid/index.d.ts b/types/jui-grid/index.d.ts
index 8ced2164e4..5da7d23c43 100644
--- a/types/jui-grid/index.d.ts
+++ b/types/jui-grid/index.d.ts
@@ -3,16 +3,16 @@
 // Definitions by: Jin-Ho Park <https://github.com/easylogic>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 
-import {UIEvent} from 'jui-core';
+import { UIEvent } from 'jui-core';
 
 export interface GridColumn {
-    (index: number|string): this;
+    (index: number | string): this;
 
     /** @property {HTMLElement} [element=null] TH element of a specified column */
     element: any;
 
     /** @property {String} [order="asc"] Column sort state */
-    order: "asc"|"desc";
+    order: "asc" | "desc";
 
     /** @property {String} [name=null] Column name */
     name?: string;
@@ -27,7 +27,7 @@ export interface GridColumn {
     index: number;
 
     /** @property {"show"/"hide"/"resize"} [type="show"] The current column state */
-    type: "show"|"hide"|"resize";
+    type: "show" | "hide" | "resize";
 
     /** @property {Integer} [width=null] Column width */
     width?: number;
@@ -47,7 +47,7 @@ export interface GridRow {
     rownum?: number;
 
     /** @property {String/Integer} [index=null] Index of a specified row. In the case of a tree structure, a depth is given. */
-    index: number|string;
+    index: number | string;
 
     /** @property {HTMLElement} [element=null] TR element of a specified row. */
     element: any;
@@ -68,12 +68,12 @@ export interface GridRow {
     depth: number;
 
     /** @property {"open"/"fold"} [type="fold"] State value that indicates whether a child row is shown or hidden. */
-    type: "open"|"fold";
+    type: "open" | "fold";
 
     /** @property {Function} [type="null"] State value that indicates whether a child row is shown or hidden. */
     tpl?(): void;
 
-    setIndex(rownum: number|string): void;
+    setIndex(rownum: number | string): void;
     reload(columns: GridColumn[], seq: any, xssFilter: any): void;
     destroy(): void;
     isLeaf(): boolean;
@@ -81,37 +81,37 @@ export interface GridRow {
     open(): void;
     appendChild(row: GridRow): void;
     insertChild(rownum: number, row: GridRow, isReload?: any): void;
-    removeChild(index: number|string): void;
+    removeChild(index: number | string): void;
     lastChild(): GridRow;
-    lastChildLeaf(lastRow: GridRow): GridRow|any;
+    lastChildLeaf(lastRow: GridRow): GridRow | any;
     showCell(index: number): void;
     hideCell(index: number): void;
 }
 
 export interface GridBase {
-    appendRow(index: number|string, data?: {}): GridRow;
-    insertRow(index: number|string, data: {}): GridRow;
-    updateRow(index: number|string, data: {}): GridRow;
-    moveRow(index: number|string, targetIndex: number|string): void;
-    removeRow(index: number|string): void;
-    openRow(index: number|string): void;
+    appendRow(index: number | string, data?: {}): GridRow;
+    insertRow(index: number | string, data: {}): GridRow;
+    updateRow(index: number | string, data: {}): GridRow;
+    moveRow(index: number | string, targetIndex: number | string): void;
+    removeRow(index: number | string): void;
+    openRow(index: number | string): void;
     openRowAll(): void;
-    foldRow(index: number|string): void;
+    foldRow(index: number | string): void;
     foldRowAll(): void;
     removeRows(): void;
     sortRows(name: string, isDesc: boolean): void;
     appendColumn(tplType: string, dataList: any[]): void;
-    removeColumn(index: number|string): void;
-    hideColumn(index: number|string): void;
-    showColumn(index: number|string): void;
+    removeColumn(index: number | string): void;
+    hideColumn(index: number | string): void;
+    showColumn(index: number | string): void;
     getColumnCount(): number;
     getRowCount(): number;
-    getColumn(index?: number|string): GridColumn|GridColumn[];
-    getRow(index?: number|string): GridRow|GridRow[];
-    getRowAll(index: number|string): GridRow[];
-    getRowParent(index: number|string): GridRow;
-    setColumn(index: number|string, column: GridColumn): void;
-    setRow(index: number|string, row: GridRow): void;
+    getColumn(index?: number | string): GridColumn | GridColumn[];
+    getRow(index?: number | string): GridRow | GridRow[];
+    getRowAll(index: number | string): GridRow[];
+    getRowParent(index: number | string): GridRow;
+    setColumn(index: number | string, column: GridColumn): void;
+    setRow(index: number | string, row: GridRow): void;
 }
 
 export interface GridTable extends UIEvent {
@@ -153,7 +153,7 @@ export interface GridTable extends UIEvent {
          * @cfg {Boolean/Array} [colshow=false]
          * Sets a column index shown when the Show/Hide Column menu is enabled.
          */
-        colshow?: boolean|any[],
+        colshow?: boolean | any[],
 
         /**
          * @cfg {Boolean} [scroll=false]
@@ -189,7 +189,7 @@ export interface GridTable extends UIEvent {
          * @cfg {Boolean|Array} [editRow=false]
          * Determines whether to use a modified row area.
          */
-        editRow?: boolean|any[],
+        editRow?: boolean | any[],
 
         /**
          * @cfg {Boolean} [editEvent=true]
@@ -207,7 +207,7 @@ export interface GridTable extends UIEvent {
          * @cfg {Boolean/Array} [sort=false]
          * Determines whether to use the table sort function.
          */
-        sort?: boolean|any[],
+        sort?: boolean | any[],
 
         /**
          * @cfg {Integer} [sortIndex=null]
@@ -219,7 +219,7 @@ export interface GridTable extends UIEvent {
          * @cfg {String} [sortOrder="asc"]
          * Determines whether to use the table sort function.
          */
-        sortOrder?: "asc"|"desc",
+        sortOrder?: "asc" | "desc",
 
         /**
          * @cfg {Boolean} [sortEvent=true]
@@ -242,7 +242,7 @@ export interface GridTable extends UIEvent {
      *
      * @param {Array} rows
      */
-     update(indexOrRows?: any, rows?: any): void;
+    update(indexOrRows?: any, rows?: any): void;
     /**
      * @method updateTree
      * It is possible to configure a tree table using an object array with the index and data properties.
@@ -257,7 +257,7 @@ export interface GridTable extends UIEvent {
      *
      * @param {RowObject} row
      */
-    append(rowOrIndex?: number|any, row?: any): void;
+    append(rowOrIndex?: number | any, row?: any): void;
 
     /**
      * @method insert
@@ -468,7 +468,7 @@ export interface GridTable extends UIEvent {
      * @param {"Integer"/"String"} key index or column key
      * @return {ColumnObject} column
      */
-    getColumn(index: number|string): GridColumn;
+    getColumn(index: number | string): GridColumn;
 
     /**
      * @method showColumn
@@ -476,7 +476,7 @@ export interface GridTable extends UIEvent {
      *
      * @param {"Integer"/"String"} key index or column name
      */
-    showColumn(index: number|string, e?: any): void;
+    showColumn(index: number | string, e?: any): void;
 
     /**
      * @method hideColumn
@@ -484,7 +484,7 @@ export interface GridTable extends UIEvent {
      *
      * @param {"Integer"/"String"} key index or column name
      */
-    hideColumn(index: number|string, e?: any): void;
+    hideColumn(index: number | string, e?: any): void;
 
     /**
      * @method initColumns
@@ -662,7 +662,7 @@ export interface GridXTable extends UIEvent {
      *
      * @param {Integer} index
      */
-    open(index: number|string): void;
+    open(index: number | string): void;
 
     /**
      * @method fold
@@ -670,19 +670,19 @@ export interface GridXTable extends UIEvent {
      *
      * @param {Integer} index
      */
-    fold(index: number|string): void;
+    fold(index: number | string): void;
 
     /**
      * @method openAll
      * Shows all child rows of a specified index.
      */
-    openAll(index: number|string): void;
+    openAll(index: number | string): void;
 
     /**
      * @method foldAll
      * Hides all child rows of a specified index.
      */
-    foldAll(index: number|string): void;
+    foldAll(index: number | string): void;
 
     /**
      * @method next
@@ -705,7 +705,7 @@ export interface GridXTable extends UIEvent {
      * @param {Integer} index
      * @param {String} order  "asc" or "desc"
      */
-    sort(index: number, order: "asc"|"desc", e?: any, isNotLoading?: any): void;
+    sort(index: number, order: "asc" | "desc", e?: any, isNotLoading?: any): void;
 
     /**
      * @method filter
@@ -762,7 +762,7 @@ export interface GridXTable extends UIEvent {
      * @param {Integer|String} index
      * @param {Integer} dist
      */
-    scrollTop(index: number|string, dist: number): void;
+    scrollTop(index: number | string, dist: number): void;
 
     /**
      * @deprecated
@@ -831,7 +831,7 @@ export interface GridXTable extends UIEvent {
      * @param {"Integer"/"String"} key index or column key
      * @return {ColumnObject} column
      */
-    getColumn(index: number|string): GridColumn;
+    getColumn(index: number | string): GridColumn;
 
     /**
      * @method getData
@@ -840,7 +840,7 @@ export interface GridXTable extends UIEvent {
      * @param {"Integer"/"String"} key index
      * @return {ColumnObject} data
      */
-    getData(index: number|string): any;
+    getData(index: number | string): any;
 
     /**
      * @method showColumn
@@ -848,7 +848,7 @@ export interface GridXTable extends UIEvent {
      *
      * @param {"Integer"/"String"} key index or column name
      */
-    showColumn(index: number|string): void;
+    showColumn(index: number | string): void;
 
     /**
      * @method hideColumn
@@ -856,7 +856,7 @@ export interface GridXTable extends UIEvent {
      *
      * @param {"Integer"/"String"} key index or column name
      */
-    hideColumn(index: number|string): void;
+    hideColumn(index: number | string): void;
 
     /**
      * @method initColumns
@@ -864,7 +864,7 @@ export interface GridXTable extends UIEvent {
      *
      * @param {"Integer"/"String"} key index or column name
      */
-    initColumns(keys: number|string): void;
+    initColumns(keys: number | string): void;
 
     /**
      * @method showColumnMenu
@@ -973,7 +973,7 @@ export interface GridXTable extends UIEvent {
      * @param {Integer} columnIndex
      * @param {Function} callback
      */
-    rowFunc(type: "sum"|"avg", index: number, callback: (data: any) => void): any;
+    rowFunc(type: "sum" | "avg", index: number, callback: (data: any) => void): any;
 
     /**
      * @method getPage
diff --git a/types/jui/index.d.ts b/types/jui/index.d.ts
index 24e5ed215c..93372f898d 100644
--- a/types/jui/index.d.ts
+++ b/types/jui/index.d.ts
@@ -3,7 +3,7 @@
 // Definitions by: Jin-Ho Park <https://github.com/easylogic>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 
-import {UIEvent} from 'jui-core';
+import { UIEvent } from 'jui-core';
 
 export interface UIAccordion extends UIEvent {
     (selector: any, options?: {
@@ -26,7 +26,7 @@ export interface UIAccordion extends UIEvent {
          *
          */
         multipanel?: boolean
-    }) : this;
+    }): this;
 
     /**
      * @method activeIndex
@@ -52,7 +52,7 @@ export interface UIAutoComplete {
          * Designates words subject to autofill
          */
         words?: string[]
-    }) : this;
+    }): this;
 
     /**
      * @method update
@@ -61,14 +61,14 @@ export interface UIAutoComplete {
      * @param {Array} words
      *
      */
-     update(newWords: string[]): void;
+    update(newWords: string[]): void;
 
     /**
      * @method close
      * Close the active drop-down
      *
      */
-     close(): void;
+    close(): void;
 
     /**
      * @method list
@@ -76,7 +76,7 @@ export interface UIAutoComplete {
      *
      * @return {Array} words
      */
-     list(): string[];
+    list(): string[];
 }
 
 export interface UIColorPicker {
@@ -85,11 +85,11 @@ export interface UIColorPicker {
         event?: any,
         type?: string,
         color?: string
-    }) : this;
+    }): this;
 
-    getColor(type: string): string|{};
+    getColor(type: string): string | {};
 
-    setColor(value: string|{}): void;
+    setColor(value: string | {}): void;
 }
 
 export interface UICombo {
@@ -130,14 +130,14 @@ export interface UICombo {
          * @cfg {"top"/"bottom"} [position="bottom"]
          * It is possible to determine an initial selection button with a specified value
          */
-        position?: "top"|"bottom",
+        position?: "top" | "bottom",
 
         /**
          * @cfg {Boolean} [flex=true]
          * Drop-down menu is varied by changing the width function
          */
         flex?: boolean
-    }) : this;
+    }): this;
 
     /**
      * @method setIndex
@@ -145,7 +145,7 @@ export interface UICombo {
      *
      * @param {Number} index
      */
-     setIndex(index: number): void;
+    setIndex(index: number): void;
 
     /**
      * @method setValue
@@ -153,7 +153,7 @@ export interface UICombo {
      *
      * @param {Mixed} value
      */
-     setValue(value: any): void;
+    setValue(value: any): void;
 
     /**
      * @method getData
@@ -161,7 +161,7 @@ export interface UICombo {
      *
      * @return {Object}
      */
-     getData(): {};
+    getData(): {};
 
     /**
      * @method getValue
@@ -169,7 +169,7 @@ export interface UICombo {
      *
      * @return {Mixed}
      */
-     getValue(): any;
+    getValue(): any;
 
     /**
      * @method getText
@@ -177,25 +177,25 @@ export interface UICombo {
      *
      * @return {String}
      */
-     getText(): string;
+    getText(): string;
 
     /**
      * @method open
      * Shows the element list of a combo box
      */
-     open(e: any): void;
+    open(e: any): void;
 
     /**
      * @method fold
      * Hides the element list of a combo box
      */
-     fold(): void;
+    fold(): void;
 
     /**
      * @method reload
      * Re-defines a combo box
      */
-     reload(): void;
+    reload(): void;
 }
 
 export interface UIDatePicker {
@@ -206,7 +206,7 @@ export interface UIDatePicker {
          * @cfg {"daily"/"monthly"/"yearly"} [type="daily"]
          * Determines the type of a calendar
          */
-        type?: "daily"|"monthly"|"yearly",
+        type?: "daily" | "monthly" | "yearly",
 
         /**
          * @cfg {String} [titleFormat="yyyy.MM"]
@@ -224,7 +224,7 @@ export interface UIDatePicker {
          * @cfg {Date} [date="now"]
          * Selects a specific date as a basic
          */
-        date?: "now"|Date,
+        date?: "now" | Date,
 
         /**
          * @cfg {Date} [minDate="null"]
@@ -237,7 +237,7 @@ export interface UIDatePicker {
          * Selects a specific maximum date
          */
         maxDate?: Date
-    }) : this;
+    }): this;
 
     /**
      * @method page
@@ -246,7 +246,7 @@ export interface UIDatePicker {
      * @param {Integer} year
      * @param {Integer} month
      */
-     page(y: number, m: number): void;
+    page(y: number, m: number): void;
 
     /**
      * @method prev
@@ -260,7 +260,7 @@ export interface UIDatePicker {
      * Outputs a calendar that fits the next year/month
      *
      */
-     next(e: any, moveYear?: boolean): void;
+    next(e: any, moveYear?: boolean): void;
 
     /**
      * @method select
@@ -268,7 +268,7 @@ export interface UIDatePicker {
      *
      * @param {"year"/"month"/"date"/"timestamp"/"Date"}
      */
-    select( ...args: any[]): void;
+    select(...args: any[]): void;
 
     /**
      * @method addTime
@@ -276,7 +276,7 @@ export interface UIDatePicker {
      *
      * @param {"Integer"/"Date"} time Timestamp or Date
      */
-     addTime(time: number|Date): void;
+    addTime(time: number | Date): void;
 
     /**
      * @method getDate
@@ -284,7 +284,7 @@ export interface UIDatePicker {
      *
      * @return {Date} Date object
      */
-     getDate(): Date;
+    getDate(): Date;
 
     /**
      * @method getTime
@@ -292,7 +292,7 @@ export interface UIDatePicker {
      *
      * @return {Integer} Timestamp
      */
-     getTime(): number;
+    getTime(): number;
 
     /**
      * @method getFormat
@@ -300,13 +300,13 @@ export interface UIDatePicker {
      *
      * @return {String} format Formatted date string
      */
-     getFormat(format: string): string;
+    getFormat(format: string): string;
 
     /**
      * @method reload
      * Reloads the datepicker
      */
-     reload(): void;
+    reload(): void;
 }
 
 export interface UIDropdown {
@@ -377,7 +377,7 @@ export interface UIDropdown {
      * @param {Integer} x
      * @param {Integer} y
      */
-     show(x: number, y: number): void;
+    show(x: number, y: number): void;
 
     /**
      * @method move
@@ -386,13 +386,13 @@ export interface UIDropdown {
      * @param {Integer} x
      * @param {Integer} y
      */
-     move(x: number, y: number): void;
+    move(x: number, y: number): void;
 
     /**
      * @method reload
      * Reloads the dropdown list
      */
-     reload(): void;
+    reload(): void;
 }
 
 export interface UIModal {
@@ -403,7 +403,7 @@ export interface UIModal {
          * @cfg {"black"/"gray"} [color="black"]
          * Determines the color of a modal
          */
-        color?: "black"|"gray",
+        color?: "black" | "gray",
 
         /**
          * @cfg {Float} [opacity=0.4]
@@ -415,7 +415,7 @@ export interface UIModal {
          * @cfg {String/DOMElement} [target="body"]
          * Sets a selector on which a modal is shown
          */
-        target?: string|any,
+        target?: string | any,
 
         /**
          * @cfg {Integer} [index=0]
@@ -434,19 +434,19 @@ export interface UIModal {
          * Automatically hides a modal when clicking on it
          */
         autoHide?: boolean
-    }):  this;
+    }): this;
 
     /**
      * @method hide
      * Hides a modal
      */
-     hide(): void;
+    hide(): void;
 
     /**
      * @method show
      * Shows a modal
      */
-     show(): void;
+    show(): void;
 
     /**
      * @method resize
@@ -463,7 +463,7 @@ export interface UINotify {
          * @cfg {"top"/"top-lefet"/"top-right"/"bottom"/"bottom-left"/"bottom-right"} [position="top-right"]
          * Designates the location where a notice message is added
          */
-        position?: "top"|"top-lefet"|"top-right"|"bottom"|"bottom-left"|"bottom-right",
+        position?: "top" | "top-lefet" | "top-right" | "bottom" | "bottom-left" | "bottom-right",
 
         /**
          * @cfg {Integer} [padding=12]
@@ -524,7 +524,7 @@ export interface UINotify {
     reset(): void;
 }
 
-export interface  UIPaging {
+export interface UIPaging {
     (selector: any, options?: {
         tpl?: any,
         event?: any,
@@ -593,7 +593,7 @@ export interface UIProgress {
         tpl?: any,
         event?: any,
         type?: "simple" | "flat",       // simple or flat
-        orient?: "horizontal"|"vertical", // or vertical,
+        orient?: "horizontal" | "vertical", // or vertical,
         min?: number,
         max?: number,
         value?: number,
@@ -618,7 +618,7 @@ export interface UIProperty {
 
     loadItems(newItems: any[]): void;
 
-    addItem(item: {}|any[]): void;
+    addItem(item: {} | any[]): void;
 
     // remove item by key or title
     removeItem(item: {}): void;
@@ -628,7 +628,7 @@ export interface UIProperty {
      *
      * get a list of  group's title.
      */
-     getGroupList(): any[];
+    getGroupList(): any[];
 
     /**
      * @method collapsed
@@ -637,7 +637,7 @@ export interface UIProperty {
      *
      * @param {String} id
      */
-     collapsed(id: string): void;
+    collapsed(id: string): void;
 
     /**
      * @method expanded
@@ -683,13 +683,13 @@ export interface UISelect {
         event?: any,
         items?: any[],
         placeholder?: string,
-        align?: 'left'|'right',
-        valign?: 'top'|'bottom',
+        align?: 'left' | 'right',
+        valign?: 'top' | 'bottom',
         multi?: boolean
     }): this;
 
-    setValue(value: any|any[]): void;
-    getValue(): any| any[];
+    setValue(value: any | any[]): void;
+    getValue(): any | any[];
     setSelectedIndex(index: number): void;
     getSelectedIndex(): number;
     update(data: any[]): void;
@@ -699,8 +699,8 @@ export interface UISlider {
     (selector: any, options?: {
         tpl?: any,
         event?: any,
-        type?: "single"|"double", // or double
-        orient?: "horizontal"|"vertical", // or vertical,
+        type?: "single" | "double", // or double
+        orient?: "horizontal" | "vertical", // or vertical,
         min?: number,
         max?: number,
         step?: number,
@@ -776,13 +776,13 @@ export interface UISplitter {
          * @cfg {"vertical"/"horizontal"} [direction='vertical']
          * set bar's direction
          */
-        direction?: 'vertical'|'horizontal',
+        direction?: 'vertical' | 'horizontal',
 
         /**
          * @cfg {String/Number} [initSize='50%']
          * set first panel's default width or height
          */
-        initSize?: string|number,
+        initSize?: string | number,
 
         /**
          * @cfg {Number/Array} [minSize=30]
@@ -794,7 +794,7 @@ export interface UISplitter {
          * minSize[1] is second panel's minimum size
          *
          */
-        minSize?: number|number[],
+        minSize?: number | number[],
 
         /**
          * @cfg {String} [items=[]]
@@ -846,7 +846,7 @@ export interface UITab {
          * @cfg {String/DOMElement} [target=""]
          * Determines a selector in the area to become the content of a tab
          */
-        target?: string|any,
+        target?: string | any,
 
         /**
          * @cfg {Integer} [index=0]
@@ -963,7 +963,7 @@ export interface UITooltip {
          * @cfg {"top"/"bottom"/"left"/"right"} [position="top"]
          * Determines the location where a tooltip is shown
          */
-        position?: "top"|"bottom"|"left"|"right",
+        position?: "top" | "bottom" | "left" | "right",
 
         /**
          * @cfg {Integer} [width=150]
@@ -975,7 +975,7 @@ export interface UITooltip {
          * @cfg {"left"/"right"/"center"} [align="left"]
          * Determines the alignment state inside a tooltip
          */
-        align?: "left"|"right"|"center",
+        align?: "left" | "right" | "center",
 
         /**
          * @cfg {Integer} [delay=0]
@@ -1260,25 +1260,25 @@ export interface UIWindow {
          * @cfg {String/Integer} [left="auto"]
          * Determines the X coordinate of a window
          */
-        left?: string|number,
+        left?: string | number,
 
         /**
          * @cfg {String/Integer} [top="auto"]
          * Determines the Y coordinate of a window
          */
-        top?: string|number,
+        top?: string | number,
 
         /**
          * @cfg {String/Integer} [right="auto"]
          * Determines the X coordinate based on the right side of a window
          */
-        right?: string|number,
+        right?: string | number,
 
         /**
          * @cfg {String/Integer} [bottom="auto"]
          * Determines the Y coordinate based on the bottom side of a window
          */
-        bottom?: string|number,
+        bottom?: string | number,
 
         /**
          * @cfg {Boolean} [modal=false]
diff --git a/types/loopback-boot/loopback-boot-tests.ts b/types/loopback-boot/loopback-boot-tests.ts
index 5b0e8d54a9..5de95d00c6 100644
--- a/types/loopback-boot/loopback-boot-tests.ts
+++ b/types/loopback-boot/loopback-boot-tests.ts
@@ -3,18 +3,18 @@ import * as boot from 'loopback-boot';
 import * as cookieParser from 'cookie-parser';
 
 class Server {
-    app: loopback.LoopBackApplication;
+  app: loopback.LoopBackApplication;
 
-    static boostrap(): Server {
-      return new Server();
-    }
-    constructor() {
-        this.app = loopback();
+  static boostrap(): Server {
+    return new Server();
+  }
+  constructor() {
+    this.app = loopback();
 
-        this.app.use(cookieParser());
+    this.app.use(cookieParser());
 
-        this.config();
-    }
+    this.config();
+  }
 
   private config(): void {
     boot(this.app, __dirname, (err: Error) => {
diff --git a/types/nedb/index.d.ts b/types/nedb/index.d.ts
index d85016493e..15a2fd4e83 100644
--- a/types/nedb/index.d.ts
+++ b/types/nedb/index.d.ts
@@ -60,7 +60,7 @@ declare class Nedb {
      * If one update violates a constraint, all changes are rolled back
      */
     updateIndexes<T>(oldDoc: T, newDoc: T): void;
-    updateIndexes<T>(updates: Array<{oldDoc: T; newDoc: T}>): void;
+    updateIndexes<T>(updates: Array<{ oldDoc: T; newDoc: T }>): void;
 
     /**
      * Return the list of candidates for a given query
diff --git a/types/nedb/nedb-tests.ts b/types/nedb/nedb-tests.ts
index 9b5527051c..47af1b137f 100644
--- a/types/nedb/nedb-tests.ts
+++ b/types/nedb/nedb-tests.ts
@@ -54,7 +54,7 @@ class BaseCollection<T> {
 
     findByID(id: string): Promise<T> {
         return new Promise((resolve, reject) => {
-            this.dataStore.findOne<T>({_id: id}, (err: Error, doc: T) => {
+            this.dataStore.findOne<T>({ _id: id }, (err: Error, doc: T) => {
                 if (err) {
                     reject(err);
                 } else {
@@ -102,7 +102,7 @@ class BaseCollection<T> {
 
     upsert(query: any, updateQuery: any): Promise<T[]> {
         const a: Promise<T[]> = new Promise((resolve, reject) => {
-            this.dataStore.update(query, updateQuery, {upsert: true}, (err: Error, numberOfUpdated: number, upsert: boolean) => {
+            this.dataStore.update(query, updateQuery, { upsert: true }, (err: Error, numberOfUpdated: number, upsert: boolean) => {
                 if (err) {
                     reject(err);
                 } else {
@@ -112,7 +112,7 @@ class BaseCollection<T> {
         });
 
         const b: Promise<T[]> = new Promise((resolve, reject) => {
-            this.dataStore.update(query, updateQuery, {upsert: true}, (err: Error, numberOfUpdated: number, affectedDocs: any, upsert: boolean) => {
+            this.dataStore.update(query, updateQuery, { upsert: true }, (err: Error, numberOfUpdated: number, affectedDocs: any, upsert: boolean) => {
                 if (err) {
                     reject(err);
                 } else {
@@ -154,19 +154,19 @@ import Datastore = require('nedb');
 let db = new Datastore();
 
 // Type 2: Persistent datastore with manual loading
-db = new Datastore({filename: 'path/to/datafile'});
+db = new Datastore({ filename: 'path/to/datafile' });
 db.loadDatabase((err) => {    // Callback is optional
     // Now commands will be executed
 });
 
 // Type 3: Persistent datastore with automatic loading
-db = new Datastore({filename: 'path/to/datafile', autoload: true});
+db = new Datastore({ filename: 'path/to/datafile', autoload: true });
 // You can issue commands right away
 
 // Type 4: Persistent datastore for a Node Webkit app called 'nwtest'
 // For example on Linux, the datafile will be ~/.config/nwtest/nedb-data/something.db
 import path = require('path');
-db = new Datastore({filename: path.join(require('nw.gui').App.dataPath, 'something.db')});
+db = new Datastore({ filename: path.join(require('nw.gui').App.dataPath, 'something.db') });
 
 // Of course you can create multiple datastores if you need several
 // collections. In this case it's usually a good idea to use autoload for all collections.
@@ -179,14 +179,14 @@ dbContainer.users.loadDatabase();
 dbContainer.robots.loadDatabase();
 
 const doc: any = {
-    hello: 'world'
-    , n: 5
-    , today: new Date()
-    , nedbIsAwesome: true
-    , notthere: null
-    , notToBeSaved: undefined  // Will not be saved
-    , fruits: ['apple', 'orange', 'pear']
-    , infos: {name: 'nedb'}
+    hello: 'world',
+    n: 5,
+    today: new Date(),
+    nedbIsAwesome: true,
+    notthere: null,
+    notToBeSaved: undefined,  // Will not be saved
+    fruits: ['apple', 'orange', 'pear'],
+    infos: { name: 'nedb' }
 };
 
 db.insert(doc, (err: Error, newDoc: any) => {   // Callback is optional
@@ -194,54 +194,54 @@ db.insert(doc, (err: Error, newDoc: any) => {   // Callback is optional
     // newDoc has no key called notToBeSaved since its value was undefined
 });
 
-db.insert([{a: 5}, {a: 42}], (err: Error, newdocs: any[]) => {
+db.insert([{ a: 5 }, { a: 42 }], (err: Error, newdocs: any[]) => {
     // Two documents were inserted in the database
     // newDocs is an array with these documents, augmented with their _id
 });
 
 // If there is a unique constraint on field 'a', this will fail
-db.insert([{a: 5}, {a: 42}, {a: 5}], (err: Error) => {
+db.insert([{ a: 5 }, { a: 42 }, { a: 5 }], (err: Error) => {
     // err is a 'uniqueViolated' error
     // The database was not modified
 });
 
 // Finding all planets in the solar system
-db.find({system: 'solar'}, (err: Error, docs: any[]) => {
+db.find({ system: 'solar' }, (err: Error, docs: any[]) => {
     // docs is an array containing documents Mars, Earth, Jupiter
     // If no document is found, docs is equal to []
 });
 
 // Finding all planets whose name contain the substring 'ar' using a regular expression
-db.find({planet: /ar/}, (err: Error, docs: any[]) => {
+db.find({ planet: /ar/ }, (err: Error, docs: any[]) => {
     // docs contains Mars and Earth
 });
 
 // Finding all inhabited planets in the solar system
-db.find({system: 'solar', inhabited: true}, (err: Error, docs: any[]) => {
+db.find({ system: 'solar', inhabited: true }, (err: Error, docs: any[]) => {
     // docs is an array containing document Earth only
 });
 
 // Use the dot-notation to match fields in subdocuments
-db.find({"humans.genders": 2}, (err: Error, docs: any[]) => {
+db.find({ "humans.genders": 2 }, (err: Error, docs: any[]) => {
     // docs contains Earth
 });
 
 // Use the dot-notation to navigate arrays of subdocuments
-db.find({"completeData.planets.name": "Mars"}, (err: Error, docs: any[]) => {
+db.find({ "completeData.planets.name": "Mars" }, (err: Error, docs: any[]) => {
     // docs contains document 5
 });
 
-db.find({"completeData.planets.name": "Jupiter"}, (err: Error, docs: any[]) => {
+db.find({ "completeData.planets.name": "Jupiter" }, (err: Error, docs: any[]) => {
     // docs is empty
 });
 
-db.find({"completeData.planets.0.name": "Earth"}, (err: Error, docs: any[]) => {
+db.find({ "completeData.planets.0.name": "Earth" }, (err: Error, docs: any[]) => {
     // docs contains document 5
     // If we had tested against "Mars" docs would be empty because we are matching against a specific array element
 });
 
 // You can also deep-compare objects. Don't confuse this with dot-notation!
-db.find({humans: {genders: 2}}, (err: Error, docs: any[]) => {
+db.find({ humans: { genders: 2 } }, (err: Error, docs: any[]) => {
     // docs is empty, because { genders: 2 } is not equal to { genders: 2, eyes: true }
 });
 
@@ -250,66 +250,66 @@ db.find({}, (err: Error, docs: any[]) => {
 });
 
 // The same rules apply when you want to only find one document
-db.findOne({_id: 'id1'}, (err: Error, doc: any) => {
+db.findOne({ _id: 'id1' }, (err: Error, doc: any) => {
     // doc is the document Mars
     // If no document is found, doc is null
 });
 
 // $lt, $lte, $gt and $gte work on numbers and strings
-db.find({"humans.genders": {$gt: 5}}, (err: Error, docs: any[]) => {
+db.find({ "humans.genders": { $gt: 5 } }, (err: Error, docs: any[]) => {
     // docs contains Omicron Persei 8, whose humans have more than 5 genders (7).
 });
 
 // When used with strings, lexicographical order is used
-db.find({planet: {$gt: 'Mercury'}}, (err: Error, docs: any[]) => {
+db.find({ planet: { $gt: 'Mercury' } }, (err: Error, docs: any[]) => {
     // docs contains Omicron Persei 8
 });
 
 // Using $in. $nin is used in the same way
-db.find({planet: {$in: ['Earth', 'Jupiter']}}, (err: Error, docs: any[]) => {
+db.find({ planet: { $in: ['Earth', 'Jupiter'] } }, (err: Error, docs: any[]) => {
     // docs contains Earth and Jupiter
 });
 
 // Using $exists
-db.find({satellites: {$exists: true}}, (err: Error, docs: any[]) => {
+db.find({ satellites: { $exists: true } }, (err: Error, docs: any[]) => {
     // docs contains only Mars
 });
 
 // Using $regex with another operator
-db.find({planet: {$regex: /ar/, $nin: ['Jupiter', 'Earth']}}, (err: Error, docs: any[]) => {
+db.find({ planet: { $regex: /ar/, $nin: ['Jupiter', 'Earth'] } }, (err: Error, docs: any[]) => {
     // docs only contains Mars because Earth was excluded from the match by $nin
 });
 
 // Using an array-specific comparison function
 // Note: you can't use nested comparison functions, e.g. { $size: { $lt: 5 } } will throw an error
-db.find({satellites: {$size: 2}}, (err: Error, docs: any[]) => {
+db.find({ satellites: { $size: 2 } }, (err: Error, docs: any[]) => {
     // docs contains Mars
 });
 
-db.find({satellites: {$size: 1}}, (err: Error, docs: any[]) => {
+db.find({ satellites: { $size: 1 } }, (err: Error, docs: any[]) => {
     // docs is empty
 });
 
 // If a document's field is an array, matching it means matching any element of the array
-db.find({satellites: 'Phobos'}, (err: Error, docs: any[]) => {
+db.find({ satellites: 'Phobos' }, (err: Error, docs: any[]) => {
     // docs contains Mars. Result would have been the same if query had been { satellites: 'Deimos' }
 });
 
 // This also works for queries that use comparison operators
-db.find({satellites: {$lt: 'Amos'}}, (err: Error, docs: any[]) => {
+db.find({ satellites: { $lt: 'Amos' } }, (err: Error, docs: any[]) => {
     // docs is empty since Phobos and Deimos are after Amos in lexicographical order
 });
 
 // This also works with the $in and $nin operator
-db.find({satellites: {$in: ['Moon', 'Deimos']}}, (err: Error, docs: any[]) => {
+db.find({ satellites: { $in: ['Moon', 'Deimos'] } }, (err: Error, docs: any[]) => {
     // docs contains Mars (the Earth document is not complete!)
 });
 
-db.find({$or: [{planet: 'Earth'}, {planet: 'Mars'}]}, (err: Error, docs: any[]) => {
+db.find({ $or: [{ planet: 'Earth' }, { planet: 'Mars' }] }, (err: Error, docs: any[]) => {
     // docs contains Earth and Mars
 });
 
-db.find({$not: {planet: 'Earth'}}, (err: Error, docs: any[]) => {
+db.find({ $not: { planet: 'Earth' } }, (err: Error, docs: any[]) => {
     // docs contains Mars, Jupiter, Omicron Persei 8
 });
 
@@ -322,53 +322,53 @@ db.find({
 });
 
 // You can mix normal queries, comparison queries and logical operators
-db.find({$or: [{planet: 'Earth'}, {planet: 'Mars'}], inhabited: true}, (err: Error, docs: any[]) => {
+db.find({ $or: [{ planet: 'Earth' }, { planet: 'Mars' }], inhabited: true }, (err: Error, docs: any[]) => {
     // docs contains Earth
 });
 
 // No query used means all results are returned (before the Cursor modifiers)
-db.find({}).sort({planet: 1}).skip(1).limit(2).exec((err: Error, docs: any[]) => {
+db.find({}).sort({ planet: 1 }).skip(1).limit(2).exec((err: Error, docs: any[]) => {
     // docs is [doc3, doc1]
 });
 
 // You can sort in reverse order like this
-db.find({system: 'solar'}).sort({planet: -1}).exec((err: Error, docs: any[]) => {
+db.find({ system: 'solar' }).sort({ planet: -1 }).exec((err: Error, docs: any[]) => {
     // docs is [doc1, doc3, doc2]
 });
 
 // You can sort on one field, then another, and so on like this:
-db.find({}).sort({firstField: 1, secondField: -1});
+db.find({}).sort({ firstField: 1, secondField: -1 });
 
 // Same database as above
 
 // Keeping only the given fields
-db.find({planet: 'Mars'}, {planet: 1, system: 1}, (err: Error, docs: any[]) => {
+db.find({ planet: 'Mars' }, { planet: 1, system: 1 }, (err: Error, docs: any[]) => {
     // docs is [{ planet: 'Mars', system: 'solar', _id: 'id1' }]
 });
 
 // Keeping only the given fields but removing _id
-db.find({planet: 'Mars'}, {planet: 1, system: 1, _id: 0}, (err: Error, docs: any[]) => {
+db.find({ planet: 'Mars' }, { planet: 1, system: 1, _id: 0 }, (err: Error, docs: any[]) => {
     // docs is [{ planet: 'Mars', system: 'solar' }]
 });
 
 // Omitting only the given fields and removing _id
-db.find({planet: 'Mars'}, {planet: 0, system: 0, _id: 0}, (err: Error, docs: any[]) => {
+db.find({ planet: 'Mars' }, { planet: 0, system: 0, _id: 0 }, (err: Error, docs: any[]) => {
     // docs is [{ inhabited: false, satellites: ['Phobos', 'Deimos'] }]
 });
 
 // Failure: using both modes at the same time
-db.find({planet: 'Mars'}, {planet: 0, system: 1}, (err: Error, docs: any[]) => {
+db.find({ planet: 'Mars' }, { planet: 0, system: 1 }, (err: Error, docs: any[]) => {
     // err is the error message, docs is undefined
 });
 
 // You can also use it in a Cursor way but this syntax is not compatible with MongoDB
 // If upstream compatibility is important don't use this method
-db.find({planet: 'Mars'}).projection({planet: 1, system: 1}).exec((err: Error, docs: any[]) => {
+db.find({ planet: 'Mars' }).projection({ planet: 1, system: 1 }).exec((err: Error, docs: any[]) => {
     // docs is [{ planet: 'Mars', system: 'solar', _id: 'id1' }]
 });
 
 // Count all planets in the solar system
-db.count({system: 'solar'}, (err: Error, count: number) => {
+db.count({ system: 'solar' }, (err: Error, count: number) => {
     // count equals to 3
 });
 
@@ -384,7 +384,7 @@ db.count({}, (err: Error, count: number) => {
 // { _id: 'id4', planet: 'Omicron Persia 8', system: 'futurama', inhabited: true }
 
 // Replace a document by another
-db.update({planet: 'Jupiter'}, {planet: 'Pluton'}, {}, (err: Error, numReplaced: number) => {
+db.update({ planet: 'Jupiter' }, { planet: 'Pluton' }, {}, (err: Error, numReplaced: number) => {
     // numReplaced = 1
     // The doc #3 has been replaced by { _id: 'id3', planet: 'Pluton' }
     // Note that the _id is kept unchanged, and the document has been replaced
@@ -392,19 +392,19 @@ db.update({planet: 'Jupiter'}, {planet: 'Pluton'}, {}, (err: Error, numReplaced:
 });
 
 // Set an existing field's value
-db.update({system: 'solar'}, {$set: {system: 'solar system'}}, {multi: true}, (err: Error, numReplaced: number) => {
+db.update({ system: 'solar' }, { $set: { system: 'solar system' } }, { multi: true }, (err: Error, numReplaced: number) => {
     // numReplaced = 3
     // Field 'system' on Mars, Earth, Jupiter now has value 'solar system'
 });
 
 // Setting the value of a non-existing field in a subdocument by using the dot-notation
-db.update({planet: 'Mars'}, {$set: {"data.satellites": 2, "data.red": true}}, {}, () => {
+db.update({ planet: 'Mars' }, { $set: { "data.satellites": 2, "data.red": true } }, {}, () => {
     // Mars document now is { _id: 'id1', system: 'solar', inhabited: false
     //                      , data: { satellites: 2, red: true }
     //                      }
     // Not that to set fields in subdocuments, you HAVE to use dot-notation
     // Using object-notation will just replace the top-level field
-    db.update({planet: 'Mars'}, {$set: {data: {satellites: 3}}}, {}, () => {
+    db.update({ planet: 'Mars' }, { $set: { data: { satellites: 3 } } }, {}, () => {
         // Mars document now is { _id: 'id1', system: 'solar', inhabited: false
         //                      , data: { satellites: 3 }
         //                      }
@@ -413,23 +413,23 @@ db.update({planet: 'Mars'}, {$set: {"data.satellites": 2, "data.red": true}}, {}
 });
 
 // Deleting a field
-db.update({planet: 'Mars'}, {$unset: {planet: true}}, {}, () => {
+db.update({ planet: 'Mars' }, { $unset: { planet: true } }, {}, () => {
     // Now the document for Mars doesn't contain the planet field
     // You can unset nested fields with the dot notation of course
 });
 
 // Upserting a document
-db.update({planet: 'Pluton'}, {
+db.update({ planet: 'Pluton' }, {
     planet: 'Pluton',
     inhabited: false
-}, {upsert: true}, (err: Error, numReplaced: number, upsert: boolean) => {
+}, { upsert: true }, (err: Error, numReplaced: number, upsert: boolean) => {
     // numReplaced = 1, upsert = { _id: 'id5', planet: 'Pluton', inhabited: false }
     // A new document { _id: 'id5', planet: 'Pluton', inhabited: false } has been added to the collection
 });
 
 // If you upsert with a modifier, the upserted doc is the query modified by the modifier
 // This is simpler than it sounds :)
-db.update({planet: 'Pluton'}, {$inc: {distance: 38}}, {upsert: true}, () => {
+db.update({ planet: 'Pluton' }, { $inc: { distance: 38 } }, { upsert: true }, () => {
     // A new document { _id: 'id5', planet: 'Pluton', distance: 38 } has been added to the collection
 });
 
@@ -437,12 +437,12 @@ db.update({planet: 'Pluton'}, {$inc: {distance: 38}}, {upsert: true}, () => {
 // let's see how we can modify the array field atomically
 
 // $push inserts new elements at the end of the array
-db.update({_id: 'id6'}, {$push: {fruits: 'banana'}}, {}, () => {
+db.update({ _id: 'id6' }, { $push: { fruits: 'banana' } }, {}, () => {
     // Now the fruits array is ['apple', 'orange', 'pear', 'banana']
 });
 
 // $pop removes an element from the end (if used with 1) or the front (if used with -1) of the array
-db.update({_id: 'id6'}, {$pop: {fruits: 1}}, {}, () => {
+db.update({ _id: 'id6' }, { $pop: { fruits: 1 } }, {}, () => {
     // Now the fruits array is ['apple', 'orange']
     // With { $pop: { fruits: -1 } }, it would have been ['orange', 'pear']
 });
@@ -450,22 +450,22 @@ db.update({_id: 'id6'}, {$pop: {fruits: 1}}, {}, () => {
 // $addToSet adds an element to an array only if it isn't already in it
 // Equality is deep-checked (i.e. $addToSet will not insert an object in an array already containing the same object)
 // Note that it doesn't check whether the array contained duplicates before or not
-db.update({_id: 'id6'}, {$addToSet: {fruits: 'apple'}}, {}, () => {
+db.update({ _id: 'id6' }, { $addToSet: { fruits: 'apple' } }, {}, () => {
     // The fruits array didn't change
     // If we had used a fruit not in the array, e.g. 'banana', it would have been added to the array
 });
 
 // $pull removes all values matching a value or even any NeDB query from the array
-db.update({_id: 'id6'}, {$pull: {fruits: 'apple'}}, {}, () => {
+db.update({ _id: 'id6' }, { $pull: { fruits: 'apple' } }, {}, () => {
     // Now the fruits array is ['orange', 'pear']
 });
-db.update({_id: 'id6'}, {$pull: {fruits: {$in: ['apple', 'pear']}}}, {}, () => {
+db.update({ _id: 'id6' }, { $pull: { fruits: { $in: ['apple', 'pear'] } } }, {}, () => {
     // Now the fruits array is ['orange']
 });
 
 // $each can be used to $push or $addToSet multiple values at once
 // This example works the same way with $addToSet
-db.update({_id: 'id6'}, {$push: {fruits: {$each: ['banana', 'orange']}}}, {}, () => {
+db.update({ _id: 'id6' }, { $push: { fruits: { $each: ['banana', 'orange'] } } }, {}, () => {
     // Now the fruits array is ['apple', 'orange', 'pear', 'banana', 'orange']
 });
 
@@ -477,32 +477,32 @@ db.update({_id: 'id6'}, {$push: {fruits: {$each: ['banana', 'orange']}}}, {}, ()
 
 // Remove one document from the collection
 // options set to {} since the default for multi is false
-db.remove({_id: 'id2'}, {}, (err: Error, numRemoved: number) => {
+db.remove({ _id: 'id2' }, {}, (err: Error, numRemoved: number) => {
     // numRemoved = 1
 });
 
 // Remove multiple documents
-db.remove({system: 'solar'}, {multi: true}, (err: Error, numRemoved: number) => {
+db.remove({ system: 'solar' }, { multi: true }, (err: Error, numRemoved: number) => {
     // numRemoved = 3
     // All planets from the solar system were removed
 });
 
-db.ensureIndex({fieldName: 'somefield'}, (err: Error) => {
+db.ensureIndex({ fieldName: 'somefield' }, (err: Error) => {
     // If there was an error, err is not null
 });
 
 // Using a unique constraint with the index
-db.ensureIndex({fieldName: 'somefield', unique: true}, (err: Error) => {
+db.ensureIndex({ fieldName: 'somefield', unique: true }, (err: Error) => {
 });
 
 // Using a sparse unique index
-db.ensureIndex({fieldName: 'somefield', unique: true, sparse: true}, (err: Error) => {
+db.ensureIndex({ fieldName: 'somefield', unique: true, sparse: true }, (err: Error) => {
 });
 
 // Format of the error message when the unique constraint is not met
-db.insert({somefield: 'nedb'}, (err: Error) => {
+db.insert({ somefield: 'nedb' }, (err: Error) => {
     // err is null
-    db.insert({somefield: 'nedb'}, (err: Error) => {
+    db.insert({ somefield: 'nedb' }, (err: Error) => {
         // err is { errorType: 'uniqueViolated'
         //        , key: 'name'
         //        , message: 'Unique constraint violated for key name' }
diff --git a/types/optics-agent/optics-agent-tests.ts b/types/optics-agent/optics-agent-tests.ts
index cb4cb60051..8ead943b5a 100644
--- a/types/optics-agent/optics-agent-tests.ts
+++ b/types/optics-agent/optics-agent-tests.ts
@@ -33,10 +33,10 @@ OpticsAgent.instrumentHapiServer(hapiServer);
 const koaServer = new KoaServer();
 koaServer.use(OpticsAgent.koaMiddleware());
 
-const req = {} as express.Request;
+declare const req: express.Request;
 OpticsAgent.context(req);
 
 const agent = new OpticsAgent.Agent({ apiKey: '1234' });
 
-const schema = {} as GraphQLSchema;
+declare const schema: GraphQLSchema;
 agent.instrumentSchema(schema);
diff --git a/types/react-router/test/ModalGallery.tsx b/types/react-router/test/ModalGallery.tsx
index 7236ea19a1..3d7aadd0f7 100644
--- a/types/react-router/test/ModalGallery.tsx
+++ b/types/react-router/test/ModalGallery.tsx
@@ -52,9 +52,9 @@ class ModalSwitch extends React.Component<RouteComponentProps<void>, void> {
     return (
       <div>
         <Switch location={isModal ? this.previousLocation : location}>
-          <Route exact path='/' component={Home}/>
-          <Route path='/gallery' component={Gallery}/>
-          <Route path='/img/:id' component={ImageView}/>
+          <Route exact path='/' component={Home} />
+          <Route path='/gallery' component={Gallery} />
+          <Route path='/img/:id' component={ImageView} />
         </Switch>
         {isModal ? <Route path='/img/:id' component={Modal} /> : null}
       </div>
@@ -70,14 +70,14 @@ const IMAGES = [
   { id: 4, title: 'Crimson', color: 'Crimson' }
 ];
 
-const Thumbnail: React.SFC<{color: string}> = ({ color }) =>
+const Thumbnail: React.SFC<{ color: string }> = ({ color }) =>
   <div style={{
     width: 50,
     height: 50,
     background: color
-  }}/>;
+  }} />;
 
-const Image: React.SFC<{color: string}> = ({ color }) =>
+const Image: React.SFC<{ color: string }> = ({ color }) =>
   <div style={{
     width: '100%',
     height: 400,
@@ -113,7 +113,7 @@ const Gallery = () => (
   </div>
 );
 
-const ImageView: React.SFC<RouteComponentProps<{id: string}>> = ({ match }) => {
+const ImageView: React.SFC<RouteComponentProps<{ id: string }>> = ({ match }) => {
   const image = IMAGES[parseInt(match.params.id, 10)];
   if (!image) {
     return <div>Image not found</div>;
@@ -127,7 +127,7 @@ const ImageView: React.SFC<RouteComponentProps<{id: string}>> = ({ match }) => {
   );
 };
 
-const Modal: React.SFC<RouteComponentProps<{id: string}>> = ({ match, history }) => {
+const Modal: React.SFC<RouteComponentProps<{ id: string }>> = ({ match, history }) => {
   const image = IMAGES[parseInt(match.params.id, 10)];
   if (!image) {
     return null!;
@@ -149,7 +149,7 @@ const Modal: React.SFC<RouteComponentProps<{id: string}>> = ({ match, history })
       }}
     >
       <div className='modal' style={{
-      position: 'absolute',
+        position: 'absolute',
         background: '#fff',
         top: 25,
         left: '10%',
diff --git a/types/react-router/v3/react-router-tests.tsx b/types/react-router/v3/react-router-tests.tsx
index 084b21ac22..557712e922 100644
--- a/types/react-router/v3/react-router-tests.tsx
+++ b/types/react-router/v3/react-router-tests.tsx
@@ -33,10 +33,7 @@ interface CustomHistory {
 type CombinedHistory = History & CustomHistory;
 
 function createCustomHistory(history: History): CombinedHistory {
-	return {
-		...history,
-		test() {}
-	} as CombinedHistory;
+	return Object.assign(history, { test() { } });
 }
 const customHistory = createCustomHistory(browserHistory);
 
@@ -79,7 +76,7 @@ interface DashboardProps {
 }
 
 class Dashboard extends React.Component<DashboardProps, {}> {
-    static staticMethodToBeHoisted(): void {}
+	static staticMethodToBeHoisted(): void { }
 
 	navigate() {
 		const router = this.props.router;
@@ -125,20 +122,20 @@ ReactDOM.render((
 	<Router history={hashHistory}>
 		<Route path="/" component={Master}>
 			<IndexRoute component={DashboardWithRouter} />
-			<Route path="users" component={Users}/>
-			<Route path="*" component={NotFound}/>
+			<Route path="users" component={Users} />
+			<Route path="*" component={NotFound} />
 		</Route>
 	</Router>
 ), document.body);
 
 ReactDOM.render((
-	<Router history={ routerHistory }>
+	<Router history={routerHistory}>
 		<Route path="/" component={Master} />
 	</Router>
 ), document.body);
 
 ReactDOM.render((
-	<Router history={ customHistory }>
+	<Router history={customHistory}>
 		<Route path="/" component={Master} />
 	</Router>
 ), document.body);
@@ -147,7 +144,7 @@ const history = createMemoryHistory("baseurl");
 const routes = (
 	<Route path="/" component={Master}>
 		<IndexRoute component={DashboardWithRouter} />
-		<Route path="users" component={Users}/>
+		<Route path="users" component={Users} />
 	</Route>
 );
 
diff --git a/types/request-promise-native/index.d.ts b/types/request-promise-native/index.d.ts
index ab606fb542..e7d1e29cc1 100644
--- a/types/request-promise-native/index.d.ts
+++ b/types/request-promise-native/index.d.ts
@@ -42,7 +42,7 @@ declare module 'request-promise-native/errors' {
         response: http.IncomingMessage;
     }
     interface RequestErrorConstructor {
-        new (cause: any, options: rp.Options, response: http.IncomingMessage): RequestError;
+        new(cause: any, options: rp.Options, response: http.IncomingMessage): RequestError;
         (cause: any, options: rp.Options, response: http.IncomingMessage): RequestError;
         prototype: RequestError;
     }
@@ -55,7 +55,7 @@ declare module 'request-promise-native/errors' {
         response: http.IncomingMessage;
     }
     interface StatusCodeErrorConstructor extends Error {
-        new (statusCode: number, body: any, options: rp.Options, response: http.IncomingMessage): StatusCodeError;
+        new(statusCode: number, body: any, options: rp.Options, response: http.IncomingMessage): StatusCodeError;
         (statusCode: number, body: any, options: rp.Options, response: http.IncomingMessage): StatusCodeError;
         prototype: StatusCodeError;
     }
@@ -68,7 +68,7 @@ declare module 'request-promise-native/errors' {
         response: http.IncomingMessage;
     }
     interface TransformErrorConstructor extends Error {
-        new (cause: any, options: rp.Options, response: http.IncomingMessage): TransformError;
+        new(cause: any, options: rp.Options, response: http.IncomingMessage): TransformError;
         (cause: any, options: rp.Options, response: http.IncomingMessage): TransformError;
         prototype: TransformError;
     }
diff --git a/types/request-promise-native/request-promise-native-tests.ts b/types/request-promise-native/request-promise-native-tests.ts
index b0562acc6e..d553ab3dcc 100644
--- a/types/request-promise-native/request-promise-native-tests.ts
+++ b/types/request-promise-native/request-promise-native-tests.ts
@@ -249,9 +249,9 @@ import * as qs from 'querystring';
 const CONSUMER_KEY = 'key';
 const CONSUMER_SECRET = 'secret';
 let oauth = {
-  callback: 'http://mysite.com/callback/'
-  , consumer_key: CONSUMER_KEY
-  , consumer_secret: CONSUMER_SECRET
+  callback: 'http://mysite.com/callback/',
+  consumer_key: CONSUMER_KEY,
+  consumer_secret: CONSUMER_SECRET,
 };
 
 url = 'https://api.twitter.com/oauth/request_token';
@@ -272,11 +272,11 @@ rpn.post({ url, oauth }, (e, r, body) => {
   // after the user is redirected back to your server
   let auth_data: any = qs.parse(body);
   let oauth = {
-    consumer_key: CONSUMER_KEY
-    , consumer_secret: CONSUMER_SECRET
-    , token: auth_data.oauth_token
-    , token_secret: req_data.oauth_token_secret
-    , verifier: auth_data.oauth_verifier
+    consumer_key: CONSUMER_KEY,
+    consumer_secret: CONSUMER_SECRET,
+    token: auth_data.oauth_token,
+    token_secret: req_data.oauth_token_secret,
+    verifier: auth_data.oauth_verifier,
   };
   url = 'https://api.twitter.com/oauth/access_token';
 
@@ -284,10 +284,10 @@ rpn.post({ url, oauth }, (e, r, body) => {
     // ready to make signed requests on behalf of the user
     let perm_data: any = qs.parse(body);
     let oauth = {
-      consumer_key: CONSUMER_KEY
-      , consumer_secret: CONSUMER_SECRET
-      , token: perm_data.oauth_token
-      , token_secret: perm_data.oauth_token_secret
+      consumer_key: CONSUMER_KEY,
+      consumer_secret: CONSUMER_SECRET,
+      token: perm_data.oauth_token,
+      token_secret: perm_data.oauth_token_secret,
     };
 
     url = 'https://api.twitter.com/1.1/users/show.json';
@@ -406,17 +406,17 @@ rpn.get('http://10.255.255.1', { timeout: 1500 }, (err) => {
 let rand = Math.floor(Math.random() * 100000000).toString();
 rpn(
   {
-    method: 'PUT'
-    , uri: 'http://mikeal.iriscouch.com/testjs/' + rand
-    , multipart:
+    method: 'PUT',
+    uri: 'http://mikeal.iriscouch.com/testjs/' + rand,
+    multipart:
     [{
-      'content-type': 'application/json'
-      , body: JSON.stringify({ foo: 'bar', _attachments: { 'message.txt': { follows: true, length: 18, content_type: 'text/plain' } } })
-    }
-      , { body: 'I am an attachment' }
+      'content-type': 'application/json',
+      body: JSON.stringify({ foo: 'bar', _attachments: { 'message.txt': { follows: true, length: 18, content_type: 'text/plain' } } })
+    },
+    { body: 'I am an attachment' }
     ]
-  }
-  , (error, response, body) => {
+  },
+  (error, response, body) => {
     if (response.statusCode === 201) {
       console.log('document saved as: http://mikeal.iriscouch.com/testjs/' + rand);
     } else {
@@ -428,11 +428,11 @@ rpn(
 
 rpn(
   {
-    method: 'GET'
-    , uri: 'http://www.google.com'
-    , gzip: true
-  }
-  , (error, response, body) => {
+    method: 'GET',
+    uri: 'http://www.google.com',
+    gzip: true
+  },
+  (error, response, body) => {
     // body is the decompressed response body
     console.log('server encoded the data as: ' + (response.headers['content-encoding'] || 'identity'));
     console.log('the decoded data is: ' + body);
diff --git a/types/restify/index.d.ts b/types/restify/index.d.ts
index 4cc27b21e8..bb0db64140 100644
--- a/types/restify/index.d.ts
+++ b/types/restify/index.d.ts
@@ -454,7 +454,7 @@ export interface ServerOptions {
     handleUpgrades?: boolean;
     router?: Router;
     httpsServerOptions?: any;
-	socketio?: boolean;
+    socketio?: boolean;
 }
 
 export interface ClientOptions {
diff --git a/types/sparkpost/sparkpost-tests.ts b/types/sparkpost/sparkpost-tests.ts
index 409fbeac43..cd9774d2bd 100644
--- a/types/sparkpost/sparkpost-tests.ts
+++ b/types/sparkpost/sparkpost-tests.ts
@@ -45,7 +45,7 @@ client.inboundDomains.create({ domain: 'example1.com' })
   .catch(err => {
     console.log('Whoops! Something went wrong');
     console.log(err);
-});
+  });
 
 // Callback
 client.inboundDomains.delete("example1.com", (err, res) => {
@@ -66,7 +66,7 @@ client.inboundDomains.delete('example1.com')
   .catch(err => {
     console.log('Whoops! Something went wrong');
     console.log(err);
-});
+  });
 
 // Callback
 client.inboundDomains.get("example1.com", (err, res) => {
@@ -87,7 +87,7 @@ client.inboundDomains.get('example1.com')
   .catch(err => {
     console.log('Whoops! Something went wrong');
     console.log(err);
-});
+  });
 
 // Callback
 client.inboundDomains.list((err, res) => {
@@ -108,7 +108,7 @@ client.inboundDomains.list()
   .catch(err => {
     console.log('Whoops! Something went wrong');
     console.log(err);
-});
+  });
 
 // Callback
 client.messageEvents.search({}, (err, res) => {
@@ -152,8 +152,8 @@ client.messageEvents.search({
 
 // Promise
 client.messageEvents.search({
-    events: 'click',
-    campaign_ids: 'monday_mailshot'
+  events: 'click',
+  campaign_ids: 'monday_mailshot'
 })
   .then(data => {
     console.log('Congrats you can use our client library!');
@@ -162,7 +162,7 @@ client.messageEvents.search({
   .catch(err => {
     console.log('Whoops! Something went wrong');
     console.log(err);
-});
+  });
 
 // Promise
 client.messageEvents.search({})
@@ -173,16 +173,16 @@ client.messageEvents.search({})
   .catch(err => {
     console.log('Whoops! Something went wrong');
     console.log(err);
-});
+  });
 
 // Promise
 client.messageEvents.search({
-    from: '2016-01-01T00:00',
-    to: '2016-01-02T23:59',
-    page: 1,
-    per_page: 5,
-    events: ['bounce', 'out_of_band'],
-    bounce_classes: [10]
+  from: '2016-01-01T00:00',
+  to: '2016-01-02T23:59',
+  page: 1,
+  per_page: 5,
+  events: ['bounce', 'out_of_band'],
+  bounce_classes: [10]
 })
   .then(data => {
     console.log('Congrats you can use our client library!');
@@ -191,7 +191,7 @@ client.messageEvents.search({
   .catch(err => {
     console.log('Whoops! Something went wrong');
     console.log(err);
-});
+  });
 
 // Callback
 client.recipientLists.create({
@@ -248,7 +248,7 @@ client.recipientLists.create({
   .catch(err => {
     console.log('Whoops! Something went wrong');
     console.log(err);
-});
+  });
 
 // Callback
 client.recipientLists.delete("UNIQUE_TEST_ID", (err, res) => {
@@ -269,7 +269,7 @@ client.recipientLists.delete('UNIQUE_TEST_ID')
   .catch(err => {
     console.log('Whoops! Something went wrong');
     console.log(err);
-});
+  });
 
 // Callback
 client.recipientLists.list((err, res) => {
@@ -290,7 +290,7 @@ client.recipientLists.list()
   .catch(err => {
     console.log('Whoops! Something went wrong');
     console.log(err);
-});
+  });
 
 // Callback
 client.recipientLists.get('UNIQUE_TEST_ID', (err, res) => {
@@ -325,7 +325,7 @@ client.recipientLists.get('UNIQUE_TEST_ID', {
   .catch(err => {
     console.log('Whoops! Something went wrong');
     console.log(err);
-});
+  });
 
 // Promise
 client.recipientLists.get('UNIQUE_TEST_ID')
@@ -336,7 +336,7 @@ client.recipientLists.get('UNIQUE_TEST_ID')
   .catch(err => {
     console.log('Whoops! Something went wrong');
     console.log(err);
-});
+  });
 
 // Callback
 client.recipientLists.update('EXISTING_TEST_ID', {
@@ -410,11 +410,11 @@ client.relayWebhooks.create({
 
 // Promise
 client.relayWebhooks.create({
-    name: 'Test Relay Webhook',
-    target: 'http://client.test.com/test-webhook',
-    match: {
-      domain: 'inbound.example.com'
-    }
+  name: 'Test Relay Webhook',
+  target: 'http://client.test.com/test-webhook',
+  match: {
+    domain: 'inbound.example.com'
+  }
 })
   .then(data => {
     console.log('Congrats you can use our client library!');
@@ -423,7 +423,7 @@ client.relayWebhooks.create({
   .catch(err => {
     console.log('Whoops! Something went wrong');
     console.log(err);
-});
+  });
 
 // Callback
 client.relayWebhooks.delete("123456789", (err, res) => {
@@ -444,7 +444,7 @@ client.relayWebhooks.delete('123456789')
   .catch(err => {
     console.log('Whoops! Something went wrong');
     console.log(err);
-});
+  });
 
 // Callback
 client.relayWebhooks.get('123456789', (err, res) => {
@@ -465,7 +465,7 @@ client.relayWebhooks.get('123456789')
   .catch(err => {
     console.log('Whoops! Something went wrong');
     console.log(err);
-});
+  });
 
 client.relayWebhooks.list((err, res) => {
   if (err) {
@@ -485,7 +485,7 @@ client.relayWebhooks.list()
   .catch(err => {
     console.log('Whoops! Something went wrong');
     console.log(err);
-});
+  });
 
 // Callback
 client.relayWebhooks.update('123456789', {
@@ -501,7 +501,7 @@ client.relayWebhooks.update('123456789', {
 
 // Promise
 client.relayWebhooks.update('123456789', {
-    target: 'http://client.test.com/test-webhook'
+  target: 'http://client.test.com/test-webhook'
 })
   .then(data => {
     console.log('Congrats you can use our client library!');
@@ -510,7 +510,7 @@ client.relayWebhooks.update('123456789', {
   .catch(err => {
     console.log('Whoops! Something went wrong');
     console.log(err);
-});
+  });
 
 // Callback
 client.sendingDomains.create({
@@ -532,13 +532,13 @@ client.sendingDomains.create({
 
 // Promise
 client.sendingDomains.create({
-    domain: 'example1.com',
-    dkim: {
-      private: 'MIICXgIBAAKBgQC+W6scd3XWwvC/hPRksfDYFi3ztgyS9OSqnnjtNQeDdTSD1DRx/==',
-      public: 'MIGfMA0GCSqGSIb3DQEBAQUAA4GNADCBiQKBgQC+W6scd3XWwvC/==',
-      selector: 'brisbane',
-      headers: 'from:to:subject:date'
-    }
+  domain: 'example1.com',
+  dkim: {
+    private: 'MIICXgIBAAKBgQC+W6scd3XWwvC/hPRksfDYFi3ztgyS9OSqnnjtNQeDdTSD1DRx/==',
+    public: 'MIGfMA0GCSqGSIb3DQEBAQUAA4GNADCBiQKBgQC+W6scd3XWwvC/==',
+    selector: 'brisbane',
+    headers: 'from:to:subject:date'
+  }
 })
   .then(data => {
     console.log('Congrats you can use our client library!');
@@ -547,7 +547,7 @@ client.sendingDomains.create({
   .catch(err => {
     console.log('Whoops! Something went wrong');
     console.log(err);
-});
+  });
 
 // Callback
 client.sendingDomains.delete("example1.com", (err, data) => {
@@ -568,7 +568,7 @@ client.sendingDomains.delete('example1.com')
   .catch(err => {
     console.log('Whoops! Something went wrong');
     console.log(err);
-});
+  });
 
 // Callback
 client.sendingDomains.list((err, res) => {
@@ -589,7 +589,7 @@ client.sendingDomains.list()
   .catch(err => {
     console.log('Whoops! Something went wrong');
     console.log(err);
-});
+  });
 
 // Callback
 client.sendingDomains.get('example1.com', (err, res) => {
@@ -610,7 +610,7 @@ client.sendingDomains.get('example1.com')
   .catch(err => {
     console.log('Whoops! Something went wrong');
     console.log(err);
-});
+  });
 
 // Callback
 client.sendingDomains.update('example1.com', {
@@ -630,12 +630,12 @@ client.sendingDomains.update('example1.com', {
 });
 
 client.sendingDomains.update('example1.com', {
-	dkim: {
-      private: 'MIICXgIBAAKBgQC+W6scd3XWwvC/hPRksfDYFi3ztgyS9OSqnnjtNQeDdTSD1DRx/Y1g==',
-      public: 'MIGfMA0GCSqGSIb3DQEBAQUAA4GNADCBiQKBgQC+W6scd3XWwvC/==',
-      selector: 'hello_selector',
-      headers: 'from:to:subject:date'
-    }
+  dkim: {
+    private: 'MIICXgIBAAKBgQC+W6scd3XWwvC/hPRksfDYFi3ztgyS9OSqnnjtNQeDdTSD1DRx/Y1g==',
+    public: 'MIGfMA0GCSqGSIb3DQEBAQUAA4GNADCBiQKBgQC+W6scd3XWwvC/==',
+    selector: 'hello_selector',
+    headers: 'from:to:subject:date'
+  }
 })
   .then(data => {
     console.log('Congrats you can use our client library!');
@@ -644,14 +644,14 @@ client.sendingDomains.update('example1.com', {
   .catch(err => {
     console.log('Whoops! Something went wrong');
     console.log(err);
-});
+  });
 
 // Callback
 client.sendingDomains.verify('example1.com', {
-	dkim_verify: true,
-	spf_verify: true,
-	abuse_at_verify: true,
-	postmaster_at_verify: true
+  dkim_verify: true,
+  spf_verify: true,
+  abuse_at_verify: true,
+  postmaster_at_verify: true
 }, (err, res) => {
   if (err) {
     console.log(err);
@@ -663,7 +663,7 @@ client.sendingDomains.verify('example1.com', {
 
 // Callback
 client.sendingDomains.verify('example1.com', {
-	dkim_verify: false
+  dkim_verify: false
 }, (err, res) => {
   if (err) {
     console.log(err);
@@ -675,10 +675,10 @@ client.sendingDomains.verify('example1.com', {
 
 // Promise
 client.sendingDomains.verify('example1.com', {
-    dkim_verify: true,
-    spf_verify: true,
-    abuse_at_verify: true,
-    postmaster_at_verify: true
+  dkim_verify: true,
+  spf_verify: true,
+  abuse_at_verify: true,
+  postmaster_at_verify: true
 })
   .then(data => {
     console.log('Congrats you can use our client library!');
@@ -687,7 +687,7 @@ client.sendingDomains.verify('example1.com', {
   .catch(err => {
     console.log('Whoops! Something went wrong');
     console.log(err);
-});
+  });
 
 // Callback
 client.subaccounts.create({
@@ -708,12 +708,12 @@ client.subaccounts.create({
 
 // Promise
 client.subaccounts.create({
-    name: 'Test Subaccount',
-    key_label: 'Test Subaccount key',
-    key_grants: [
-      'smtp/inject',
-      'transmissions/modify'
-    ]
+  name: 'Test Subaccount',
+  key_label: 'Test Subaccount key',
+  key_grants: [
+    'smtp/inject',
+    'transmissions/modify'
+  ]
 })
   .then(data => {
     console.log('Congrats you can use our client library!');
@@ -722,7 +722,7 @@ client.subaccounts.create({
   .catch(err => {
     console.log('Whoops! Something went wrong');
     console.log(err);
-});
+  });
 
 // Callback
 client.subaccounts.list((err, res) => {
@@ -743,7 +743,7 @@ client.subaccounts.list()
   .catch(err => {
     console.log('Whoops! Something went wrong');
     console.log(err);
-});
+  });
 
 // Callback
 client.subaccounts.get(123, (err, res) => {
@@ -764,7 +764,7 @@ client.subaccounts.get('123')
   .catch(err => {
     console.log('Whoops! Something went wrong');
     console.log(err);
-});
+  });
 
 // Callback
 client.subaccounts.update('123', {
@@ -781,8 +781,8 @@ client.subaccounts.update('123', {
 
 // Promise
 client.subaccounts.update('123', {
-    name: 'Test Subaccount',
-    status: 'suspended'
+  name: 'Test Subaccount',
+  status: 'suspended'
 })
   .then(data => {
     console.log('Congrats you can use our client library!');
@@ -791,7 +791,7 @@ client.subaccounts.update('123', {
   .catch(err => {
     console.log('Whoops! Something went wrong');
     console.log(err);
-});
+  });
 
 // Callback
 client.suppressionList.delete('test@test.com', (err, data) => {
@@ -813,7 +813,7 @@ client.suppressionList.delete('test@test.com')
   .catch(err => {
     console.log('Whoops! Something went wrong');
     console.log(err);
-});
+  });
 
 // Promise
 client.suppressionList.get('test@test.com')
@@ -824,7 +824,7 @@ client.suppressionList.get('test@test.com')
   .catch(err => {
     console.log('Whoops! Something went wrong');
     console.log(err);
-});
+  });
 
 // Callback
 client.suppressionList.get('test@test.com', (err, data) => {
@@ -839,9 +839,9 @@ client.suppressionList.get('test@test.com', (err, data) => {
 
 // Promise
 client.suppressionList.list({
-    from: '2015-05-07T00:00:00+0000',
-    to: '2015-05-07T23:59:59+0000',
-    limit: 5
+  from: '2015-05-07T00:00:00+0000',
+  to: '2015-05-07T23:59:59+0000',
+  limit: 5
 })
   .then(data => {
     console.log('Congrats you can use our client library!');
@@ -854,9 +854,9 @@ client.suppressionList.list({
 
 // Callback
 client.suppressionList.list({
-    from: '2015-05-07T00:00:00+0000',
-    to: '2015-05-07T23:59:59+0000',
-    limit: 5
+  from: '2015-05-07T00:00:00+0000',
+  to: '2015-05-07T23:59:59+0000',
+  limit: 5
 }, (err, data) => {
   if (err) {
     console.log('Whoops! Something went wrong');
@@ -880,10 +880,10 @@ client.suppressionList.list((err, data) => {
 
 // Promise
 client.suppressionList.upsert({
-    recipient: 'test1@test.com',
-    transactional: false,
-    non_transactional: true,
-    description: 'Test description 1'
+  recipient: 'test1@test.com',
+  transactional: false,
+  non_transactional: true,
+  description: 'Test description 1'
 })
   .then(data => {
     console.log('Congrats you can use our client library!');
@@ -896,10 +896,10 @@ client.suppressionList.upsert({
 
 // Callback
 client.suppressionList.upsert({
-    recipient: 'test1@test.com',
-    transactional: false,
-    non_transactional: true,
-    description: 'Test description 1'
+  recipient: 'test1@test.com',
+  transactional: false,
+  non_transactional: true,
+  description: 'Test description 1'
 }, (err, data) => {
   if (err) {
     console.log('Whoops! Something went wrong');
@@ -912,24 +912,24 @@ client.suppressionList.upsert({
 
 // Promise
 client.suppressionList.upsert([
-    {
-      recipient: 'test1@test.com',
-      transactional: false,
-      non_transactional: true,
-      description: 'Test description 1'
-    },
-    {
-      recipient: 'test2@test.com',
-      transactional: true,
-      non_transactional: true,
-      description: 'Test description 2'
-    },
-    {
-      recipient: 'test3@test.com',
-      transactional: true,
-      non_transactional: false,
-      description: 'Test description 3'
-    }
+  {
+    recipient: 'test1@test.com',
+    transactional: false,
+    non_transactional: true,
+    description: 'Test description 1'
+  },
+  {
+    recipient: 'test2@test.com',
+    transactional: true,
+    non_transactional: true,
+    description: 'Test description 2'
+  },
+  {
+    recipient: 'test3@test.com',
+    transactional: true,
+    non_transactional: false,
+    description: 'Test description 3'
+  }
 ])
   .then(data => {
     console.log('Congrats you can use our client library!');
@@ -942,24 +942,24 @@ client.suppressionList.upsert([
 
 // Callback
 client.suppressionList.upsert([
-    {
-      recipient: 'test1@test.com',
-      transactional: false,
-      non_transactional: true,
-      description: 'Test description 1'
-    },
-    {
-      recipient: 'test2@test.com',
-      transactional: true,
-      non_transactional: true,
-      description: 'Test description 2'
-    },
-    {
-      recipient: 'test3@test.com',
-      transactional: true,
-      non_transactional: false,
-      description: 'Test description 3'
-    }
+  {
+    recipient: 'test1@test.com',
+    transactional: false,
+    non_transactional: true,
+    description: 'Test description 1'
+  },
+  {
+    recipient: 'test2@test.com',
+    transactional: true,
+    non_transactional: true,
+    description: 'Test description 2'
+  },
+  {
+    recipient: 'test3@test.com',
+    transactional: true,
+    non_transactional: false,
+    description: 'Test description 3'
+  }
 ], (err, data) => {
   if (err) {
     console.log('Whoops! Something went wrong');
@@ -972,13 +972,13 @@ client.suppressionList.upsert([
 
 // Callback
 client.templates.create({
-    id: "TEST_ID",
-    name: "Test Template",
-    content: {
-      from: "test@test.com",
-      subject: "Test email template!",
-      html: "<b>This is a test email template!</b>"
-    }
+  id: "TEST_ID",
+  name: "Test Template",
+  content: {
+    from: "test@test.com",
+    subject: "Test email template!",
+    html: "<b>This is a test email template!</b>"
+  }
 }, (err, res) => {
   if (err) {
     console.log(err);
@@ -990,13 +990,13 @@ client.templates.create({
 
 // Promise
 client.templates.create({
-    id: 'TEST_ID',
-    name: 'Test Template',
-    content: {
-      from: 'test@test.com',
-      subject: 'Test email template!',
-      html: '<b>This is a test email template!</b>'
-    }
+  id: 'TEST_ID',
+  name: 'Test Template',
+  content: {
+    from: 'test@test.com',
+    subject: 'Test email template!',
+    html: '<b>This is a test email template!</b>'
+  }
 })
   .then(data => {
     console.log('Congrats you can use our client library!');
@@ -1005,7 +1005,7 @@ client.templates.create({
   .catch(err => {
     console.log('Whoops! Something went wrong');
     console.log(err);
-});
+  });
 
 // Callback
 client.templates.delete("TEST_ID", (err, res) => {
@@ -1026,7 +1026,7 @@ client.templates.delete('TEST_ID')
   .catch(err => {
     console.log('Whoops! Something went wrong');
     console.log(err);
-});
+  });
 
 // Callback
 client.templates.list((err, res) => {
@@ -1047,7 +1047,7 @@ client.templates.list()
   .catch(err => {
     console.log('Whoops! Something went wrong');
     console.log(err);
-});
+  });
 
 // Callback
 client.templates.get('TEST_ID', {
@@ -1080,7 +1080,7 @@ client.templates.get('TEST_ID')
   .catch(err => {
     console.log('Whoops! Something went wrong');
     console.log(err);
-});
+  });
 
 // Callback
 client.templates.preview('TEST_ID', {
@@ -1096,12 +1096,12 @@ client.templates.preview('TEST_ID', {
 
 // Promise
 client.templates.preview('TEST_ID', {
-	substitution_data: {
-		name: 'Natalie',
-		age: 35,
-		member: true
-	},
-	draft: true
+  substitution_data: {
+    name: 'Natalie',
+    age: 35,
+    member: true
+  },
+  draft: true
 })
   .then(data => {
     console.log('Congrats you can use our client library!');
@@ -1110,32 +1110,32 @@ client.templates.preview('TEST_ID', {
   .catch(err => {
     console.log('Whoops! Something went wrong');
     console.log(err);
-});
+  });
 
 // Callback
 client.templates.update('TEST_ID', {
-    content: {
-      from: "test@test.com",
-      subject: "Updated Published Test email template!",
-      html: "<b>This is a published test email template! Updated!</b>"
-    },
+  content: {
+    from: "test@test.com",
+    subject: "Updated Published Test email template!",
+    html: "<b>This is a published test email template! Updated!</b>"
+  },
 }, { update_published: true },
-(err, res) => {
-  if (err) {
-    console.log(err);
-  } else {
-    console.log(res.body);
-    console.log("Congrats you can use our SDK!");
-  }
-});
+  (err, res) => {
+    if (err) {
+      console.log(err);
+    } else {
+      console.log(res.body);
+      console.log("Congrats you can use our SDK!");
+    }
+  });
 
 // Callback
 client.templates.update('TEST_ID', {
-    content: {
-      from: "test@test.com",
-      subject: "Updated Test email template!",
-      html: "<b>This is a test email template! Updated!</b>"
-    }
+  content: {
+    from: "test@test.com",
+    subject: "Updated Test email template!",
+    html: "<b>This is a test email template! Updated!</b>"
+  }
 }, (err, res) => {
   if (err) {
     console.log(err);
@@ -1147,11 +1147,11 @@ client.templates.update('TEST_ID', {
 
 // Promise
 client.templates.update('TEST_ID', {
-    content: {
-      from: 'test@test.com',
-      subject: 'Updated Test email template!',
-      html: '<b>This is a test email template! Updated!</b>'
-    }
+  content: {
+    from: 'test@test.com',
+    subject: 'Updated Test email template!',
+    html: '<b>This is a test email template! Updated!</b>'
+  }
 })
   .then(data => {
     console.log('Congrats you can use our client library!');
@@ -1227,17 +1227,17 @@ client.transmissions.get('YOUR-TRANSMISSION-KEY')
 
 // Callback
 client.transmissions.send({
-    recipients: [{ address: { email: "john.doe@example.com" } }],
-    content: {
-      from: "From Envelope <from@example.com>",
-      subject: "Example Email for MIME Parts",
-      html: "<html><body><p>Hello World!</p></body></html>",
-      text: "Hello World!"
-    },
-    options: {
-      open_tracking: true,
-      click_tracking: true
-    }
+  recipients: [{ address: { email: "john.doe@example.com" } }],
+  content: {
+    from: "From Envelope <from@example.com>",
+    subject: "Example Email for MIME Parts",
+    html: "<html><body><p>Hello World!</p></body></html>",
+    text: "Hello World!"
+  },
+  options: {
+    open_tracking: true,
+    click_tracking: true
+  }
 }, (err, res) => {
   if (err) {
     console.log(err);
@@ -1249,10 +1249,10 @@ client.transmissions.send({
 
 // Callback
 client.transmissions.send({
-    recipients: [{address: {email: "john.doe@example.com"}}],
-    content: {
-      email_rfc822: "Content-Type: text/plain\nFrom: From Envelope <from@example.com>\nSubject: Example Email\n\nHello World"
-    }
+  recipients: [{ address: { email: "john.doe@example.com" } }],
+  content: {
+    email_rfc822: "Content-Type: text/plain\nFrom: From Envelope <from@example.com>\nSubject: Example Email\n\nHello World"
+  }
 }, (err, res) => {
   if (err) {
     console.log(err);
@@ -1264,52 +1264,52 @@ client.transmissions.send({
 
 // Callback
 client.transmissions.send({
-    options: {
-      open_tracking: true,
-      click_tracking: true
-    },
-    campaign_id: "christmas_campaign",
-    return_path: "bounces-christmas-campaign@flintstone.com",
-    metadata: {
-      user_type: "students"
-    },
-    substitution_data: {
-      sender: "Big Store Team"
-    },
-    recipients: [
-      {
-        return_path: "123@bounces.flintstone.com",
-        address: {
-          email: "wilma@flintstone.com",
-          name: "Wilma Flintstone"
-        },
-        tags: [
-          "greeting",
-          "prehistoric",
-          "fred",
-          "flintstone"
-        ],
-        metadata: {
-          place: "Bedrock"
-        },
-        substitution_data: {
-          customer_type: "Platinum"
-        }
+  options: {
+    open_tracking: true,
+    click_tracking: true
+  },
+  campaign_id: "christmas_campaign",
+  return_path: "bounces-christmas-campaign@flintstone.com",
+  metadata: {
+    user_type: "students"
+  },
+  substitution_data: {
+    sender: "Big Store Team"
+  },
+  recipients: [
+    {
+      return_path: "123@bounces.flintstone.com",
+      address: {
+        email: "wilma@flintstone.com",
+        name: "Wilma Flintstone"
+      },
+      tags: [
+        "greeting",
+        "prehistoric",
+        "fred",
+        "flintstone"
+      ],
+      metadata: {
+        place: "Bedrock"
+      },
+      substitution_data: {
+        customer_type: "Platinum"
       }
-    ],
-    content: {
-      from: {
-        name: "Fred Flintstone",
-        email: "fred@flintstone.com"
-      },
-      subject: "Big Christmas savings!",
-      reply_to: "Christmas Sales <sales@flintstone.com>",
-      headers: {
-        "X-Customer-Campaign-ID": "christmas_campaign"
-      },
-      text: "Hi {{address.name}} \nSave big this Christmas in your area {{place}}! \nClick http://www.mysite.com and get huge discount\n Hurry, this offer is only to {{customer_type}}\n {{sender}}",
-      html: "<p>Hi {{address.name}} \nSave big this Christmas in your area {{place}}! \nClick http://www.mysite.com and get huge discount\n</p>"
-	}
+    }
+  ],
+  content: {
+    from: {
+      name: "Fred Flintstone",
+      email: "fred@flintstone.com"
+    },
+    subject: "Big Christmas savings!",
+    reply_to: "Christmas Sales <sales@flintstone.com>",
+    headers: {
+      "X-Customer-Campaign-ID": "christmas_campaign"
+    },
+    text: "Hi {{address.name}} \nSave big this Christmas in your area {{place}}! \nClick http://www.mysite.com and get huge discount\n Hurry, this offer is only to {{customer_type}}\n {{sender}}",
+    html: "<p>Hi {{address.name}} \nSave big this Christmas in your area {{place}}! \nClick http://www.mysite.com and get huge discount\n</p>"
+  }
 }, (err, res) => {
   if (err) {
     console.log(err);
@@ -1321,35 +1321,35 @@ client.transmissions.send({
 
 // Callback
 client.transmissions.send({
-    recipients: [
-      {
-        address: {
-          email: "original.recipient@example.com",
-          name: "Original Recipient"
-        },
-        substitution_data: {
-          recipient_type: "Original"
-        }
+  recipients: [
+    {
+      address: {
+        email: "original.recipient@example.com",
+        name: "Original Recipient"
       },
-      {
-        address: {
-          email: "bcc.recipient@example.com",
-          header_to: "\"Original Recipient\" <original.recipient@example.com>"
-        },
-        substitution_data: {
-          recipient_type: "BCC"
-        }
+      substitution_data: {
+        recipient_type: "Original"
       }
-    ],
-    content: {
-      from: {
-        name: "Node BCC Test",
-        email: "from@example.com"
+    },
+    {
+      address: {
+        email: "bcc.recipient@example.com",
+        header_to: "\"Original Recipient\" <original.recipient@example.com>"
       },
-      subject: "Example email using bcc",
-      text: "An example email using bcc with SparkPost to the {{recipient_type}} recipient.",
-      html: "<p>An example email using bcc with SparkPost to the {{recipient_type}} recipient.</p>"
+      substitution_data: {
+        recipient_type: "BCC"
+      }
     }
+  ],
+  content: {
+    from: {
+      name: "Node BCC Test",
+      email: "from@example.com"
+    },
+    subject: "Example email using bcc",
+    text: "An example email using bcc with SparkPost to the {{recipient_type}} recipient.",
+    html: "<p>An example email using bcc with SparkPost to the {{recipient_type}} recipient.</p>"
+  }
 }, (err, res) => {
   if (err) {
     console.log(err);
@@ -1361,39 +1361,39 @@ client.transmissions.send({
 
 // Callback
 client.transmissions.send({
-    recipients: [
-      {
-        address: {
-          email: "original.recipient@example.com",
-          name: "Original Recipient"
-        },
-        substitution_data: {
-          recipient_type: "Original"
-        }
+  recipients: [
+    {
+      address: {
+        email: "original.recipient@example.com",
+        name: "Original Recipient"
       },
-      {
-        address: {
-          email: "cc.recipient@example.com",
-          name: "Carbon Copy Recipient",
-          header_to: "\"Original Recipient\" <original.recipient@example.com>"
-        },
-        substitution_data: {
-          recipient_type: "CC"
-        }
+      substitution_data: {
+        recipient_type: "Original"
       }
-    ],
-    content: {
-      from: {
-        name: "Node CC Test",
-        email: "from@example.com"
+    },
+    {
+      address: {
+        email: "cc.recipient@example.com",
+        name: "Carbon Copy Recipient",
+        header_to: "\"Original Recipient\" <original.recipient@example.com>"
       },
-      headers: {
-        CC: "\"Carbon Copy Recipient\" <cc.recipient@example.com>"
-      },
-      subject: "Example email using cc",
-      text: "An example email using cc with SparkPost to the {{recipient_type}} recipient.",
-      html: "<p>An example email using cc with SparkPost to the {{recipient_type}} recipient.</p>"
+      substitution_data: {
+        recipient_type: "CC"
+      }
     }
+  ],
+  content: {
+    from: {
+      name: "Node CC Test",
+      email: "from@example.com"
+    },
+    headers: {
+      CC: "\"Carbon Copy Recipient\" <cc.recipient@example.com>"
+    },
+    subject: "Example email using cc",
+    text: "An example email using cc with SparkPost to the {{recipient_type}} recipient.",
+    html: "<p>An example email using cc with SparkPost to the {{recipient_type}} recipient.</p>"
+  }
 }, (err, res) => {
   if (err) {
     console.log(err);
@@ -1405,15 +1405,15 @@ client.transmissions.send({
 
 // Callback
 client.transmissions.send({
-    recipients: {
-      list_id: "example-list"
-    },
-    content: {
-      from: "From Envelope <from@example.com>",
-      subject: "Example Email for Stored List and Inline Content",
-      html: "<html><body><p>Hello World</p></body></html>",
-      text: "Hello World!"
-    }
+  recipients: {
+    list_id: "example-list"
+  },
+  content: {
+    from: "From Envelope <from@example.com>",
+    subject: "Example Email for Stored List and Inline Content",
+    html: "<html><body><p>Hello World</p></body></html>",
+    text: "Hello World!"
+  }
 }, (err, res) => {
   if (err) {
     console.log(err);
@@ -1425,14 +1425,14 @@ client.transmissions.send({
 
 // Callback
 client.transmissions.send({
-    recipients: {
-      list_id: "example-list"
-    },
-    content: {
-      from: "From Envelope <from@example.com>",
-      subject: "Example Email for Stored List and Template",
-      template_id: "my-template"
-    }
+  recipients: {
+    list_id: "example-list"
+  },
+  content: {
+    from: "From Envelope <from@example.com>",
+    subject: "Example Email for Stored List and Template",
+    template_id: "my-template"
+  }
 }, (err, res) => {
   if (err) {
     console.log(err);
@@ -1444,70 +1444,70 @@ client.transmissions.send({
 
 // Callback
 client.transmissions.send({
-    campaign_id: "ricks-campaign",
-    content: {
-      template_id: "ricks-template"
-    },
-    recipients: [{ address: { email: "rick.sanchez@rickandmorty100years.com", name: "Rick Sanchez" } }]
+  campaign_id: "ricks-campaign",
+  content: {
+    template_id: "ricks-template"
+  },
+  recipients: [{ address: { email: "rick.sanchez@rickandmorty100years.com", name: "Rick Sanchez" } }]
 }, {
-	num_rcpt_errors: 3
-}, (err, res) => {
-  if (err) {
-    console.log(err);
-  } else {
-    console.log(res.body);
-    console.log("What up my glib globs! SparkPost!");
-  }
-});
+    num_rcpt_errors: 3
+  }, (err, res) => {
+    if (err) {
+      console.log(err);
+    } else {
+      console.log(res.body);
+      console.log("What up my glib globs! SparkPost!");
+    }
+  });
 
 // Promise
 client.transmissions.send({
-    options: {
-      open_tracking: true,
-      click_tracking: true
-    },
-    campaign_id: 'christmas_campaign',
-    metadata: {
-      user_type: 'students'
-    },
-    substitution_data: {
-      sender: 'Big Store Team'
-    },
-	cc: [],
-	bcc: [],
-    recipients: [
-      {
-        address: {
-          email: 'wilma@flintstone.com',
-          name: 'Wilma Flintstone'
-        },
-        tags: [
-          'greeting',
-          'prehistoric',
-          'fred',
-          'flintstone'
-        ],
-        metadata: {
-          place: 'Bedrock'
-        },
-        substitution_data: {
-          customer_type: 'Platinum'
-        }
+  options: {
+    open_tracking: true,
+    click_tracking: true
+  },
+  campaign_id: 'christmas_campaign',
+  metadata: {
+    user_type: 'students'
+  },
+  substitution_data: {
+    sender: 'Big Store Team'
+  },
+  cc: [],
+  bcc: [],
+  recipients: [
+    {
+      address: {
+        email: 'wilma@flintstone.com',
+        name: 'Wilma Flintstone'
+      },
+      tags: [
+        'greeting',
+        'prehistoric',
+        'fred',
+        'flintstone'
+      ],
+      metadata: {
+        place: 'Bedrock'
+      },
+      substitution_data: {
+        customer_type: 'Platinum'
       }
-    ],
-    content: {
-      from: {
-        name: 'Fred Flintstone',
-        email: 'fred@flintstone.com'
-      },
-      subject: 'Big Christmas savings!',
-      reply_to: 'Christmas Sales <sales@flintstone.com>',
-      headers: {
-        'X-Customer-Campaign-ID': 'christmas_campaign'
-      },
-      text: 'Hi {{address.name}} \nSave big this Christmas in your area {{place}}! \nClick http://www.mysite.com and get huge discount\n Hurry, this offer is only to {{customer_type}}\n {{sender}}',
-      html: '<p>Hi {{address.name}} \nSave big this Christmas in your area {{place}}! \nClick http://www.mysite.com and get huge discount\n</p>'
     }
+  ],
+  content: {
+    from: {
+      name: 'Fred Flintstone',
+      email: 'fred@flintstone.com'
+    },
+    subject: 'Big Christmas savings!',
+    reply_to: 'Christmas Sales <sales@flintstone.com>',
+    headers: {
+      'X-Customer-Campaign-ID': 'christmas_campaign'
+    },
+    text: 'Hi {{address.name}} \nSave big this Christmas in your area {{place}}! \nClick http://www.mysite.com and get huge discount\n Hurry, this offer is only to {{customer_type}}\n {{sender}}',
+    html: '<p>Hi {{address.name}} \nSave big this Christmas in your area {{place}}! \nClick http://www.mysite.com and get huge discount\n</p>'
+  }
 })
   .then(data => {
     console.log('Congrats you can use our client library!');
@@ -1516,43 +1516,43 @@ client.transmissions.send({
   .catch(err => {
     console.log('Whoops! Something went wrong');
     console.log(err);
-});
+  });
 
 // Promise
 client.transmissions.send({
-    recipients: [
-      {
-        address: {
-          email: 'original.recipient@example.com',
-          name: 'Original Recipient'
-        },
-        substitution_data: {
-          recipient_type: 'Original'
-        }
+  recipients: [
+    {
+      address: {
+        email: 'original.recipient@example.com',
+        name: 'Original Recipient'
       },
-      {
-        address: {
-          email: 'cc.recipient@example.com',
-          name: 'Carbon Copy Recipient',
-          header_to: '"Original Recipient" <original.recipient@example.com>'
-        },
-        substitution_data: {
-          recipient_type: 'CC'
-        }
+      substitution_data: {
+        recipient_type: 'Original'
       }
-    ],
-    content: {
-      from: {
-        name: 'Node CC Test',
-        email: 'from@example.com'
+    },
+    {
+      address: {
+        email: 'cc.recipient@example.com',
+        name: 'Carbon Copy Recipient',
+        header_to: '"Original Recipient" <original.recipient@example.com>'
       },
-      headers: {
-        CC: '"Carbon Copy Recipient" <cc.recipient@example.com>'
-      },
-      subject: 'Example email using cc',
-      text: 'An example email using cc with SparkPost to the {{recipient_type}} recipient.',
-      html: '<p>An example email using cc with SparkPost to the {{recipient_type}} recipient.</p>'
+      substitution_data: {
+        recipient_type: 'CC'
+      }
     }
+  ],
+  content: {
+    from: {
+      name: 'Node CC Test',
+      email: 'from@example.com'
+    },
+    headers: {
+      CC: '"Carbon Copy Recipient" <cc.recipient@example.com>'
+    },
+    subject: 'Example email using cc',
+    text: 'An example email using cc with SparkPost to the {{recipient_type}} recipient.',
+    html: '<p>An example email using cc with SparkPost to the {{recipient_type}} recipient.</p>'
+  }
 })
   .then(data => {
     console.log('Congrats! You sent an email with cc using SparkPost!');
@@ -1561,7 +1561,7 @@ client.transmissions.send({
   .catch(err => {
     console.log('Whoops! Something went wrong');
     console.log(err);
-});
+  });
 
 // Callback
 client.webhooks.create({
@@ -1585,15 +1585,15 @@ client.webhooks.create({
 
 // Promise
 client.webhooks.create({
-    name: 'Test Webhook',
-    target: 'http://client.test.com/test-webhook',
-    auth_token: 'AUTH_TOKEN',
-    events: [
-      'delivery',
-      'injection',
-      'open',
-      'click'
-    ]
+  name: 'Test Webhook',
+  target: 'http://client.test.com/test-webhook',
+  auth_token: 'AUTH_TOKEN',
+  events: [
+    'delivery',
+    'injection',
+    'open',
+    'click'
+  ]
 })
   .then(data => {
     console.log('Congrats you can use our client library!');
@@ -1602,7 +1602,7 @@ client.webhooks.create({
   .catch(err => {
     console.log('Whoops! Something went wrong');
     console.log(err);
-});
+  });
 
 // Callback
 client.webhooks.delete("TEST_WEBHOOK_UUID", (err, res) => {
@@ -1627,7 +1627,7 @@ client.webhooks.delete('TEST_WEBHOOK_UUID')
 
 // Callback
 client.webhooks.get('TEST_WEBHOOK_UUID', {
-    timezone: 'America/New_York'
+  timezone: 'America/New_York'
 }, (err, data) => {
   if (err) {
     console.log('Whoops! Something went wrong');
@@ -1640,7 +1640,7 @@ client.webhooks.get('TEST_WEBHOOK_UUID', {
 
 // Promise
 client.webhooks.get('TEST_WEBHOOK_UUID', {
-    timezone: 'America/New_York'
+  timezone: 'America/New_York'
 })
   .then(data => {
     console.log('Congrats you can use our client library!');
@@ -1665,7 +1665,7 @@ client.webhooks.getBatchStatus('TEST_WEBHOOK_UUID', {
 
 // Promise
 client.webhooks.getBatchStatus('TEST_WEBHOOK_UUID', {
-    limit: 1000
+  limit: 1000
 })
   .then(data => {
     console.log('Congrats you can use our client library!');
@@ -1695,7 +1695,7 @@ client.webhooks.getDocumentation()
   .catch(err => {
     console.log('Whoops! Something went wrong');
     console.log(err);
-});
+  });
 
 // Callback
 client.webhooks.getSamples({
@@ -1711,7 +1711,7 @@ client.webhooks.getSamples({
 
 // Promise
 client.webhooks.getSamples({
-    events: 'bounce'
+  events: 'bounce'
 })
   .then(data => {
     console.log('Congrats you can use our client library!');
@@ -1720,7 +1720,7 @@ client.webhooks.getSamples({
   .catch(err => {
     console.log('Whoops! Something went wrong');
     console.log(err);
-});
+  });
 
 // Callback
 client.webhooks.list((err, res) => {
@@ -1741,7 +1741,7 @@ client.webhooks.list()
   .catch(err => {
     console.log('Whoops! Something went wrong');
     console.log(err);
-});
+  });
 
 // Callback
 client.webhooks.update('TEST_WEBHOOK_UUID', {
@@ -1761,11 +1761,11 @@ client.webhooks.update('TEST_WEBHOOK_UUID', {
 
 // Promise
 client.webhooks.update('TEST_WEBHOOK_UUID', {
-    name: 'Renamed Test Webhook',
-    events: [
-      'policy_rejection',
-      'delay'
-    ]
+  name: 'Renamed Test Webhook',
+  events: [
+    'policy_rejection',
+    'delay'
+  ]
 })
   .then(data => {
     console.log('Congrats you can use our client library!');
@@ -1774,7 +1774,7 @@ client.webhooks.update('TEST_WEBHOOK_UUID', {
   .catch(err => {
     console.log('Whoops! Something went wrong');
     console.log(err);
-});
+  });
 
 // Callback
 client.webhooks.validate('TEST_WEBHOOK_UUID', {
@@ -1792,9 +1792,9 @@ client.webhooks.validate('TEST_WEBHOOK_UUID', {
 
 // Promise
 client.webhooks.validate('TEST_WEBHOOK_UUID', {
-    message: {
-      msys: {}
-    }
+  message: {
+    msys: {}
+  }
 })
   .then(data => {
     console.log('Congrats you can use our client library!');
diff --git a/types/swagger-hapi/swagger-hapi-tests.ts b/types/swagger-hapi/swagger-hapi-tests.ts
index 1793887ec3..c630987e0e 100644
--- a/types/swagger-hapi/swagger-hapi-tests.ts
+++ b/types/swagger-hapi/swagger-hapi-tests.ts
@@ -5,9 +5,9 @@ const app = new Hapi.Server();
 
 module.exports = app; // for testing
 
-const config = {
+const config: SwaggerHapi.Config = {
   appRoot: __dirname // required config
-} as SwaggerHapi.Config;
+};
 
 SwaggerHapi.create(config, (err, swaggerHapi) => {
   if (err) { throw err; }
@@ -29,21 +29,21 @@ SwaggerHapi.create(config, (err, swaggerHapi) => {
 });
 
 const swaggerSecurityHandlerCb = (err: Error) => {
-    // do nothing
+  // do nothing
 };
 
 const configComplex: SwaggerHapi.Config = {
-    appRoot: __dirname,
-    configDir: "some/directory",
-    controllersDirs: ["some/directory"],
-    fittingsDirs: ["some/directory"],
-    mockMode: true,
-    swaggerControllerPipe: 'swagger_controllers',
-    swaggerSecurityHandlers: {
-        // did not manage to research the typings of first 3 arguments
-        someHandlerName: ({}, {}, {}, swaggerSecurityHandlerCb) => {
-            // do nothing
-        }
-    },
-    validateResponse: true
+  appRoot: __dirname,
+  configDir: "some/directory",
+  controllersDirs: ["some/directory"],
+  fittingsDirs: ["some/directory"],
+  mockMode: true,
+  swaggerControllerPipe: 'swagger_controllers',
+  swaggerSecurityHandlers: {
+    // did not manage to research the typings of first 3 arguments
+    someHandlerName: ({ }, { }, { }, swaggerSecurityHandlerCb) => {
+      // do nothing
+    }
+  },
+  validateResponse: true
 };
diff --git a/types/swagger-restify-mw/swagger-restify-mw-tests.ts b/types/swagger-restify-mw/swagger-restify-mw-tests.ts
index 629c85ecf3..6104bf8795 100644
--- a/types/swagger-restify-mw/swagger-restify-mw-tests.ts
+++ b/types/swagger-restify-mw/swagger-restify-mw-tests.ts
@@ -3,9 +3,9 @@ import * as restify from "restify";
 
 const app = restify.createServer();
 
-const config = {
-  appRoot: __dirname // required config
-} as SwaggerRestify.Config;
+const config: SwaggerRestify.Config = {
+    appRoot: __dirname // required config
+};
 
 SwaggerRestify.create(config, (err, swaggerRestify) => {
   if (err) { throw err; }

From ff4eaf5d61b8cb95c2d40bbe2a4977eda724b0b1 Mon Sep 17 00:00:00 2001
From: Mohamed Hegazy <mhegazy@microsoft.com>
Date: Thu, 4 May 2017 15:48:57 -0700
Subject: [PATCH 205/321] Fix lint errors introduced in tslint@5.2 (#16330)

---
 .../react-native-snap-carousel-tests.tsx      |  4 +--
 .../react-native-swiper-tests.tsx             | 10 +++----
 types/react-native/test/index.tsx             | 26 +++++++++----------
 types/react-virtualized/dist/es/Grid.d.ts     | 10 ++-----
 4 files changed, 22 insertions(+), 28 deletions(-)

diff --git a/types/react-native-snap-carousel/react-native-snap-carousel-tests.tsx b/types/react-native-snap-carousel/react-native-snap-carousel-tests.tsx
index 88fb764b03..17e92aa6ae 100644
--- a/types/react-native-snap-carousel/react-native-snap-carousel-tests.tsx
+++ b/types/react-native-snap-carousel/react-native-snap-carousel-tests.tsx
@@ -42,8 +42,8 @@ class SnapCarouselTest extends React.Component<{}, {}> {
 const styles = StyleSheet.create({
     container: {
         flex: 1
-    } as ViewStyle,
+    },
     item: {
         width: 75
-    } as ViewStyle
+    }
 });
diff --git a/types/react-native-swiper/react-native-swiper-tests.tsx b/types/react-native-swiper/react-native-swiper-tests.tsx
index 7463ac0b70..5bd12c3868 100644
--- a/types/react-native-swiper/react-native-swiper-tests.tsx
+++ b/types/react-native-swiper/react-native-swiper-tests.tsx
@@ -35,28 +35,28 @@ class SwiperTest extends React.Component<{}, {}> {
 
 const styles = StyleSheet.create({
   wrapper: {
-  } as ViewStyle,
+  },
   slide1: {
     flex: 1,
     justifyContent: 'center',
     alignItems: 'center',
     backgroundColor: '#9DD6EB'
-  } as ViewStyle,
+  },
   slide2: {
     flex: 1,
     justifyContent: 'center',
     alignItems: 'center',
     backgroundColor: '#97CAE5'
-  } as ViewStyle,
+  },
   slide3: {
     flex: 1,
     justifyContent: 'center',
     alignItems: 'center',
     backgroundColor: '#92BBD9'
-  } as ViewStyle,
+  },
   text: {
     color: '#fff',
     fontSize: 30,
     fontWeight: 'bold'
-  } as ViewStyle
+  }
 });
diff --git a/types/react-native/test/index.tsx b/types/react-native/test/index.tsx
index 6c22c0597a..62e925575b 100644
--- a/types/react-native/test/index.tsx
+++ b/types/react-native/test/index.tsx
@@ -78,24 +78,24 @@ const styles = StyleSheet.create<LocalStyles>(
 //alternative declaration of styles (inline typings)
 const stylesAlt = StyleSheet.create(
     {
-        container:    {
-            flex:            1,
-            justifyContent:  'center',
-            alignItems:      'center',
+        container: {
+            flex: 1,
+            justifyContent: 'center',
+            alignItems: 'center',
             backgroundColor: '#F5FCFF',
-        } as ViewStyle,
-        welcome:   {
-            fontSize:  20,
+        },
+        welcome: {
+            fontSize: 20,
             textAlign: 'center',
-            margin:    10,
-        } as TextStyle,
+            margin: 10,
+        },
         instructions: {
-            textAlign:    'center',
-            color:        '#333333',
+            textAlign: 'center',
+            color: '#333333',
             marginBottom: 5,
-        } as TextStyle
+        }
     }
-)
+);
 
 class CustomView extends React.Component<{}, {}> {
 
diff --git a/types/react-virtualized/dist/es/Grid.d.ts b/types/react-virtualized/dist/es/Grid.d.ts
index b0d65a7cb5..c0856f1de7 100644
--- a/types/react-virtualized/dist/es/Grid.d.ts
+++ b/types/react-virtualized/dist/es/Grid.d.ts
@@ -63,17 +63,11 @@ export type OverscanIndices = {
 
 export type CellSizeAndPositionManager = {
     areOffsetsAdjusted(): boolean;
-    configure({
-            cellCount,
-        estimatedCellSize
-        }: ConfigureParams): void;
+    configure({ cellCount, estimatedCellSize }: ConfigureParams): void;
     getCellCount(): number;
     getEstimatedCellSize(): number;
     getLastMeasuredIndex(): number;
-    getOffsetAdjustment({
-            containerSize,
-        offset // safe
-    }: ContainerSizeAndOffset): number;
+    getOffsetAdjustment({ containerSize, offset/*safe*/ }: ContainerSizeAndOffset): number;
     /**
      * This method returns the size and position for the cell at the specified index.
      * It just-in-time calculates (or used cached values) for cells leading up to the index.

From 8e1e46db8782d5bb4876007de0d0d4a1a8e1862b Mon Sep 17 00:00:00 2001
From: Jason Healy <Info@jasheal.com>
Date: Fri, 5 May 2017 00:01:06 +0100
Subject: [PATCH 206/321] Adding 'setLayoutAnimationEnabledExperimental' flag
 to UIManagerStatic for Android LayoutAnimation (#16317)

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

diff --git a/types/react-native/index.d.ts b/types/react-native/index.d.ts
index a7dc4da43a..5fd5b40b96 100644
--- a/types/react-native/index.d.ts
+++ b/types/react-native/index.d.ts
@@ -7471,6 +7471,18 @@ export interface UIManagerStatic {
         onFail: () => void, /* currently unused */
         onSuccess: MeasureLayoutOnSuccessCallback
     ): void;
+
+    /**
+     * Automatically animates views to their new positions when the
+     * next layout happens.
+     *
+     * A common way to use this API is to call it before calling `setState`.
+     *
+     * Note that in order to get this to work on **Android** you need to set the following flags via `UIManager`:
+     *
+     *     UIManager.setLayoutAnimationEnabledExperimental && UIManager.setLayoutAnimationEnabledExperimental(true);
+     */
+    setLayoutAnimationEnabledExperimental(value: boolean): void;
 }
 
 export interface SwitchPropertiesIOS extends ViewProperties {

From df09b2a3368b7f47959f86247a12ab95b9d261f4 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Andr=C3=A9=20Wallat?= <awallat@users.noreply.github.com>
Date: Fri, 5 May 2017 01:15:51 +0200
Subject: [PATCH 207/321] Adding type definition leaflet-areaselect plugin
 (#16225)

* - added types for leaflet-areaselect plugin

* - added export as namespace notation

* - remove global definition
---
 types/leaflet-areaselect/index.d.ts           | 28 +++++++++++++++++++
 .../leaflet-areaselect-tests.ts               | 12 ++++++++
 types/leaflet-areaselect/tsconfig.json        | 23 +++++++++++++++
 types/leaflet-areaselect/tslint.json          |  3 ++
 4 files changed, 66 insertions(+)
 create mode 100644 types/leaflet-areaselect/index.d.ts
 create mode 100644 types/leaflet-areaselect/leaflet-areaselect-tests.ts
 create mode 100644 types/leaflet-areaselect/tsconfig.json
 create mode 100644 types/leaflet-areaselect/tslint.json

diff --git a/types/leaflet-areaselect/index.d.ts b/types/leaflet-areaselect/index.d.ts
new file mode 100644
index 0000000000..d4d93b6303
--- /dev/null
+++ b/types/leaflet-areaselect/index.d.ts
@@ -0,0 +1,28 @@
+// Type definitions for Leaflet.areaSelect 0.1
+// Project: https://github.com/heyman/leaflet-areaselect
+// Definitions by: André Wallat <https://github.com/awallat>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+
+/// <reference types="leaflet" />
+
+declare namespace L {
+  function areaSelect(box: AreaSelectOptions): AreaSelect;
+
+  interface AreaSelectOptions {
+    width?: number;
+    height?: number;
+    keepAspectRatio?: boolean;
+  }
+
+  interface Dimension {
+    width: number;
+    height: number;
+  }
+
+  interface AreaSelect {
+    addTo(map: Map): L.Map;
+    getBounds(): LatLngBounds;
+    remove(): void;
+    setDimensions(dim: Dimension): void;
+  }
+}
diff --git a/types/leaflet-areaselect/leaflet-areaselect-tests.ts b/types/leaflet-areaselect/leaflet-areaselect-tests.ts
new file mode 100644
index 0000000000..b5d4785257
--- /dev/null
+++ b/types/leaflet-areaselect/leaflet-areaselect-tests.ts
@@ -0,0 +1,12 @@
+const map = L.map('map', {center: L.latLng(-37.7772, 175.2756), zoom: 15 });
+let area: L.AreaSelect;
+let dim: L.Dimension = { width: 1, height: 2 };
+
+area = L.areaSelect({});
+
+area.remove();
+area.addTo(map);
+area.getBounds();
+area.setDimensions(dim);
+
+L.areaSelect({width: 10, height: 30, keepAspectRatio: true}).addTo(map);
diff --git a/types/leaflet-areaselect/tsconfig.json b/types/leaflet-areaselect/tsconfig.json
new file mode 100644
index 0000000000..efa50ab66e
--- /dev/null
+++ b/types/leaflet-areaselect/tsconfig.json
@@ -0,0 +1,23 @@
+{
+    "compilerOptions": {
+        "module": "commonjs",
+        "lib": [
+            "es6",
+            "dom"
+        ],
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictNullChecks": false,
+        "baseUrl": "../",
+        "typeRoots": [
+            "../"
+        ],
+        "types": [],
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true
+    },
+    "files": [
+        "index.d.ts",
+        "leaflet-areaselect-tests.ts"
+    ]
+}
diff --git a/types/leaflet-areaselect/tslint.json b/types/leaflet-areaselect/tslint.json
new file mode 100644
index 0000000000..d88586e5bd
--- /dev/null
+++ b/types/leaflet-areaselect/tslint.json
@@ -0,0 +1,3 @@
+{
+  "extends": "dtslint/dt.json"
+}

From eeff64b04e2b370baf7eeff55f1067dfca1edb11 Mon Sep 17 00:00:00 2001
From: Kanchalai Tanglertsampan <yuisu@microsoft.com>
Date: Thu, 4 May 2017 16:31:27 -0700
Subject: [PATCH 208/321] Update library files with children check

---
 types/react-router/index.d.ts | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/types/react-router/index.d.ts b/types/react-router/index.d.ts
index 07e22c26d5..81244caa29 100644
--- a/types/react-router/index.d.ts
+++ b/types/react-router/index.d.ts
@@ -83,7 +83,11 @@ export interface StaticRouterProps {
 }
 
 export class StaticRouter extends React.Component<StaticRouterProps, undefined> {}
-export class Switch extends React.Component<RouteProps, undefined> {}
+export interface SwitchProps {
+  children?: JSX.Element | JSX.Element[];
+  location?: H.Location;
+}
+export class Switch extends React.Component<SwitchProps, undefined> {}
 
 export interface match<P> {
   params: P;

From 922f5aabf0952dc1c9cd07e02560b2a6326cf6fd Mon Sep 17 00:00:00 2001
From: Mohamed Hegazy <mhegazy@microsoft.com>
Date: Thu, 4 May 2017 17:16:10 -0700
Subject: [PATCH 209/321] fix more lint failures (#16331)

---
 types/node-ipc/node-ipc-tests.ts | 2 +-
 types/vinyl-fs/tslint.json       | 7 ++++++-
 2 files changed, 7 insertions(+), 2 deletions(-)

diff --git a/types/node-ipc/node-ipc-tests.ts b/types/node-ipc/node-ipc-tests.ts
index b6affa8f16..69a8ffa46e 100644
--- a/types/node-ipc/node-ipc-tests.ts
+++ b/types/node-ipc/node-ipc-tests.ts
@@ -57,7 +57,7 @@ ipc.of.world.on("socket.disconnected", (socket: Socket, id: string) => { id.toLo
 ipc.of.world.on("message", (data: any, data2: any) => { });
 ipc.server.emit("event", [1, 2, 3]);
 const myBuffer = new Buffer(6).fill(0);
-let socket: Socket = {} as any;
+declare const socket: Socket;
 ipc.server.emit(socket, myBuffer);
 ipc.server.emit([10, 20, 30]);
 ipc.server.emit({ address: 'localhost', port: 8000 }, "message", { id: ipc.config.id, message: 'Goodbye' });
diff --git a/types/vinyl-fs/tslint.json b/types/vinyl-fs/tslint.json
index 3db14f85ea..f2821adb2b 100644
--- a/types/vinyl-fs/tslint.json
+++ b/types/vinyl-fs/tslint.json
@@ -1 +1,6 @@
-{ "extends": "dtslint/dt.json" }
+{
+     "extends": "dtslint/dt.json",
+     "rules": {
+       "no-object-literal-type-assertion": false
+    }
+}

From d41436966c3426886170155c7710563ff3b42e8d Mon Sep 17 00:00:00 2001
From: Brian Love <blove@users.noreply.github.com>
Date: Thu, 4 May 2017 18:32:51 -0600
Subject: [PATCH 210/321] @google-cloud/storage definitions (#15155)

* @google-cloud/storage definitions

* Renamed [at]google-cloud to google-cloud and exposed API classes and interfaces at the top level

* Renamed to google-cloud__storage as per request.

* Renamed and moved into types directory.
* Removed individual files and consolidated all definitions into
index.d.ts file.
* Using <code>declare module</code> to create a single
<code>@google-cloud/storage</code> module that imports each individual
module:
** <code>@google-cloud/storage/bucket</code>
** <code>@google-cloud/storage/channel</code>
** <code>@google-cloud/storage/file</code>
** <code>@google-cloud/storage/storage</code>
* Updated README.

* Remove custom README.

* Removed redundant JSDoc comments.

* Fixed errors for passing nom test.
---
 .../google-cloud__storage-tests.ts            | 398 ++++++++++++++++++
 types/google-cloud__storage/index.d.ts        | 353 ++++++++++++++++
 types/google-cloud__storage/tsconfig.json     |  22 +
 types/google-cloud__storage/tslint.json       |   1 +
 4 files changed, 774 insertions(+)
 create mode 100644 types/google-cloud__storage/google-cloud__storage-tests.ts
 create mode 100644 types/google-cloud__storage/index.d.ts
 create mode 100644 types/google-cloud__storage/tsconfig.json
 create mode 100644 types/google-cloud__storage/tslint.json

diff --git a/types/google-cloud__storage/google-cloud__storage-tests.ts b/types/google-cloud__storage/google-cloud__storage-tests.ts
new file mode 100644
index 0000000000..e701fe5681
--- /dev/null
+++ b/types/google-cloud__storage/google-cloud__storage-tests.ts
@@ -0,0 +1,398 @@
+// import file system i/o api
+import * as fs from "fs";
+
+// import Google Cloud Storage
+import {
+  Acl,
+  Bucket,
+  Channel,
+  File,
+  ApiResponse,
+  BucketConfig,
+  BucketFileOptions,
+  BucketGetOptions,
+  BucketMetadata,
+  BucketPrivacyOptions,
+  BucketQuery,
+  ChannelConfig,
+  DownloadOptions,
+  FileMetadata,
+  FilePrivateOptions,
+  ReadStreamOptions,
+  SignedPolicy,
+  SignedPolicyOptions,
+  SignedUrlConfig,
+  WriteStreamOptions,
+  UploadOptions,
+  Storage
+} from "@google-cloud/storage";
+
+/**
+ * Test the storage service.
+ * @class TestStorage
+ */
+export class TestStorage {
+  // constants
+  static BUCKET_CONFIG: BucketConfig = {
+    multiRegional: true
+  };
+
+  // import Storage class
+  static gcs: Storage;
+
+  // the bucket
+  private buckets: Bucket[] = [];
+
+  /**
+   * @constructor
+   */
+  constructor() {
+    // nothing to do
+  }
+
+  /**
+   * Returns the bucket.
+   * @method bucket
+   * @param {string} name
+   * @return {Bucket}
+   */
+  bucket(name: string): Bucket {
+    return TestStorage.gcs.bucket(name);
+  }
+
+  /**
+   * Create a new bucket.
+   * @param {string} name
+   * @param {BucketConfig} metadata
+   * @return {Promise<[Bucket, ApiResponse]>}
+   */
+  createBucket(name: string, config?: BucketConfig): Promise<[Bucket, ApiResponse]> {
+    // overwrite default values with custom config
+    config = Object.assign(TestStorage.BUCKET_CONFIG, config);
+
+    return TestStorage.gcs.createBucket(name, config);
+  }
+
+  /**
+   * Query for buckets.
+   * @param {BucketQuery} query
+   */
+  getBuckets(query?: BucketQuery): Promise<[Bucket[]]> {
+    return TestStorage.gcs.getBuckets(query);
+  }
+}
+
+/**
+ * The bucket API wrapper.
+ * @class TestBucket
+ */
+export class TestBucket {
+  // the bucket in the cloud
+  bucket: Bucket;
+
+  /**
+   * Create a bucket.
+   * @param {BucketConfig} config
+   * @return {Promise<[Bucket, ApiResponse]>}
+   */
+  create(config?: BucketConfig): Promise<[Bucket, ApiResponse]> {
+    return this.bucket.create(config);
+  }
+
+  /**
+   * Create a channel that will be notified when objects in this bucket changes.
+   * @method createChannel
+   * @param {string} id
+   * @param {ChannelConfig} config
+   * @return {Promise<[Channel, ApiResponse]>}
+   */
+  createChannel(id: string, config: ChannelConfig): Promise<[Channel, ApiResponse]> {
+    return this.bucket.createChannel(id, config);
+  }
+
+  /**
+   * Delete the bucket.
+   * @method delete
+   * @return {Promise<[ApiResponse]>}
+   */
+  delete(): Promise<[ApiResponse]> {
+    return this.bucket.delete();
+  }
+
+  /**
+   * Iterate over the bucket's files, calling file.delete() on each.
+   * @method deleteFiles
+   * @return {Promise<void>}
+   */
+  deleteFiles(query?: BucketQuery): Promise<void> {
+    return this.bucket.deleteFiles(query);
+  }
+
+  /**
+   * Check if the bucket exists.
+   * @method exists
+   * @return {Promise<[boolean]>}
+   */
+  exists(): Promise<[boolean]> {
+    return this.bucket.exists();
+  }
+
+  /**
+   * Create a File object.
+   * @method file
+   * @param {string} name
+   * @param {BucketFileOptions} options
+   */
+  file(name: string, options?: BucketFileOptions): File {
+    return this.bucket.file(name);
+  }
+
+  /**
+   * Get a bucket if it exists.
+   * @method get
+   * @param {BucketGetOptions} options
+   */
+  get(options?: BucketGetOptions): Promise<[Bucket, ApiResponse]> {
+    return this.bucket.get(options);
+  }
+
+  /**
+   * Get File objects for the files currently in the bucket
+   * @method getFiles
+   * @param {BucketQuery} query
+   * @return {Promise<[File[]]>}
+   */
+  getFiles(query?: BucketQuery): Promise<[File[]]> {
+    return this.bucket.getFiles(query);
+  }
+
+  /**
+   * Get File objects for the files currently in the bucket as a readable object stream.
+   * @method getFilesStream
+   * @param {BucketQuery} query
+   * @return {ReadStream}
+   */
+  getFilesStream(query?: BucketQuery): fs.ReadStream {
+    return this.bucket.getFilesStream(query);
+  }
+
+  /**
+   * Get the bucket's metadata.
+   * @method getMetadata
+   * @return {Promise<[BucketMetadata, ApiResponse]>}
+   */
+  getMetadata(): Promise<[BucketMetadata, ApiResponse]> {
+    return this.bucket.getMetadata();
+  }
+
+  /**
+   * Make the bucket listing private.
+   * @method makePrivate
+   * @param {} options
+   * @return Promise<[File[]]>
+   */
+  makePrivate(options?: BucketPrivacyOptions): Promise<[File[]]> {
+    return this.bucket.makePrivate(options);
+  }
+
+  /**
+   * Make the bucket publicly readable.
+   * @method makePublic
+   * @param {} options
+   * @return Promise<[File[]]>
+   */
+  makePublic(options?: BucketPrivacyOptions): Promise<[File[]]> {
+    return this.bucket.makePublic(options);
+  }
+
+  /**
+   * Set the bucket's metadata.
+   * @method setMetadata
+   * @param {BucketMetadata} metadata
+   * @return {Promise<[ApiResponse]>}
+   */
+  setMetadata(metadata?: BucketMetadata): Promise<[ApiResponse]> {
+    return this.bucket.setMetadata(metadata);
+  }
+
+  /**
+   * Upload a file.
+   * @method upload
+   * @param {localPath} string
+   * @param {UploadOptions} options
+   */
+  upload(localPath: string, options?: UploadOptions): Promise<[File]> {
+    return this.bucket.upload(localPath, options);
+  }
+}
+
+/**
+ * The file API wrapper.
+ * @class TestFile
+ */
+export class TestFile {
+  // the file in the cloud
+  file: File;
+
+  /**
+   * Copy this file to another file.
+   * By default, this will copy the file to the same bucket, but you can choose to copy it to another
+   * Bucket by providing a Bucket or File object or a URL starting with "gs:// ".
+   * @method copy
+   * @param {string} destination
+   * @return Promise<[File, ApiResponse]>
+   */
+
+  copy(destination: string | Bucket | File): Promise<[File, ApiResponse]> {
+    return this.file.copy(destination);
+  }
+
+  /**
+   * Create a readable stream to read the contents of the remote file.
+   * It can be piped to a writable stream or listened to for 'data' events to read a file's contents.
+   * @method createReadStream
+   * @param {ReadStreamOptions} options
+   * @return {ReadStream}
+   */
+  createReadStream(options?: ReadStreamOptions): fs.ReadStream {
+    return this.file.createReadStream(options);
+  }
+
+  /**
+   * Create a writable stream to overwrite the contents of the file in your bucket.
+   * @method createWriteStream
+   * @param {WriteStreamOptions} options
+   * @return {WriteStream}
+   */
+  createWriteStream(options?: WriteStreamOptions): fs.WriteStream {
+    return this.file.createWriteStream(options);
+  }
+
+  /**
+   * Delete the file.
+   * @method delete
+   * @return {Promise<[ApiResponse]>}
+   */
+  delete(): Promise<[ApiResponse]> {
+    return this.file.delete();
+  }
+
+  /**
+   * Convenience method to download a file into memory or to a local destination.
+   * @method download
+   * @param {DownloadOptions} options
+   * @return {Promise<[string]>}
+   */
+  download(options?: DownloadOptions): Promise<[string]> {
+    return this.file.download(options);
+  }
+
+  /**
+   * Check if the file exists.
+   * @method exists
+   * @return {Promise<[boolean]>}
+   */
+  exists(): Promise<[boolean]> {
+    return this.file.exists();
+  }
+
+  /**
+   * Get a file object and its metadata if it exists.
+   * @method get
+   * @return {Promise<[File, ApiResponse]>}
+   */
+  get(): Promise<[File, ApiResponse]> {
+    return this.file.get();
+  }
+
+  /**
+   * Get the file's metadata.
+   * @method getMetadata
+   * @return {Promise<[FileMetadata, ApiResponse]>}
+   */
+  getMetadata(): Promise<[FileMetadata, ApiResponse]> {
+    return this.file.getMetadata();
+  }
+
+  /**
+   * Get a signed policy document to allow a user to upload data with a POST request
+   * @method getSignedPolicy
+   * @param {SignedPolicyOptions} options
+   * @return {Promise<[SignedPolicy]>}
+   */
+  getSignedPolicy(options?: SignedPolicyOptions): Promise<[SignedPolicy]> {
+    return this.file.getSignedPolicy(options);
+  }
+
+  /**
+   * Get a signed URL to allow limited time access to the file
+   * @method getSignedUrl
+   * @param {SignedUrlConfig} config
+   * @return {Promise<[string]>}
+   */
+  getSignedUrl(config?: SignedUrlConfig): Promise<[string]> {
+    return this.file.getSignedUrl(config);
+  }
+
+  /**
+   * Make a file private to the project and remove all other permissions.
+   * @method makePrivate
+   * @param {FilePrivateOptions} options
+   * @return {Promise<[ApiResponse]>}
+   */
+  makePrivate(options?: FilePrivateOptions): Promise<[ApiResponse]> {
+    return this.file.makePrivate(options);
+  }
+
+  /**
+   * Set a file to be publicly readable and maintain all previous permissions.
+   * @method makePublic
+   * @return {Promise<[ApiResponse]>}
+   */
+  makePublic(): Promise<[ApiResponse]> {
+    return this.file.makePublic();
+  }
+
+  /**
+   * Move this file to another location.
+   * By default, this will move the file to the same bucket, but you can choose to move it to
+   * another Bucket by providing a Bucket or File object or a URL beginning with "gs:// ".
+   * @method move
+   * @param {string|Bucket|File} destination
+   * @return {Promise<[File, ApiResponse]>}
+   */
+  move(destination: string | Bucket | File): Promise<[File, ApiResponse]> {
+    return this.file.move(destination);
+  }
+
+  /**
+   * Write arbitrary data to a file.
+   * @param {string} data
+   * @param {WriteStreamOptions} options
+   * @return {Promise<void>}
+   */
+  save(data: string, options?: WriteStreamOptions): Promise<void> {
+    return this.file.save(data);
+  }
+
+  /**
+   * The Storage API allows you to use a custom key for server-side encryption.
+   * @param {string|Buffer} encryptionKey
+   * @return {File}
+   */
+  setEncryptionKey(encryptionKey: string | Buffer): File {
+    return this.file.setEncryptionKey(encryptionKey);
+  }
+
+  /**
+   * Merge the given metadata with the current remote file's metadata.
+   * This will set metadata if it was previously unset or update previously set metadata.
+   * To unset previously set metadata, set its value to null.
+   * @method setMetadata
+   * @param {FileMetadata} metadata
+   * @return {Promise<[ApiResponse]>}
+   */
+  setMetadata(metadata: FileMetadata): Promise<[ApiResponse]> {
+    return this.file.setMetadata(metadata);
+  }
+}
diff --git a/types/google-cloud__storage/index.d.ts b/types/google-cloud__storage/index.d.ts
new file mode 100644
index 0000000000..e97249be24
--- /dev/null
+++ b/types/google-cloud__storage/index.d.ts
@@ -0,0 +1,353 @@
+// Type definitions for @google-cloud/storage 0.6
+// Project: https://github.com/GoogleCloudPlatform/google-cloud-node/tree/master/packages/storage
+// Definitions by: Brian Love <http://brianflove.com>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+
+/// <reference types="node" />
+
+declare module "@google-cloud/storage" {
+  export * from "@google-cloud/storage/bucket";
+  export * from "@google-cloud/storage/channel";
+  export * from "@google-cloud/storage/file";
+  export * from "@google-cloud/storage/storage";
+}
+
+declare module "@google-cloud/storage/bucket" {
+  import { ReadStream } from "fs";
+  import { Channel, ChannelConfig } from "@google-cloud/storage/channel";
+  import { File } from "@google-cloud/storage/file";
+  import {
+    Acl,
+    ApiResponse,
+    UploadOptions
+  } from "@google-cloud/storage/storage";
+
+  /**
+   * A bucket in the cloud.
+   */
+  class Bucket {
+    acl: Acl;
+    combine(sources: string[] | File[], destination: string [] | File[]): Promise<[File, ApiResponse]>;
+    create(config?: BucketConfig): Promise<[Bucket, ApiResponse]>;
+    createChannel(id: string, config: ChannelConfig): Promise<[Channel, ApiResponse]>;
+    delete(): Promise<[ApiResponse]>;
+    deleteFiles(query?: BucketQuery): Promise<void>;
+    exists(): Promise<[boolean]>;
+    file(name: string, options?: BucketFileOptions): File;
+    get(options?: BucketGetOptions): Promise<[Bucket, ApiResponse]>;
+    getFiles(query?: BucketQuery): Promise<[File[]]>;
+    getFilesStream(query?: BucketQuery): ReadStream;
+    getMetadata(): Promise<[BucketMetadata, ApiResponse]>;
+    id: string;
+    makePrivate(options?: BucketPrivacyOptions): Promise<[File[]]>;
+    makePublic(options?: BucketPrivacyOptions): Promise<[File[]]>;
+    metadata: BucketMetadata;
+    name: string;
+    setMetadata(metadata?: BucketMetadata): Promise<[ApiResponse]>;
+    upload(localPath: string, options?: UploadOptions): Promise<[File]>;
+  }
+
+  /**
+   * Bucket configuration.
+   */
+  interface BucketConfig {
+    coldline?: boolean;
+    dra?: boolean;
+    location?: string;
+    multiRegional?: boolean;
+    nearline?: boolean;
+    regional?: boolean;
+    versioning?: {
+      enabled?: boolean
+    };
+  }
+
+  /**
+   * Options for getting a file.
+   */
+  interface BucketFileOptions {
+    generation?: string | number;
+  }
+
+  /**
+   * Options for getting a bucket.
+   */
+  interface BucketGetOptions {
+    autoCreate?: boolean;
+  }
+
+  /**
+   * Bucket metadata.
+   */
+  interface BucketMetadata {
+    etag?: string;
+    id?: string;
+    kind?: string;
+    location?: string;
+    metageneration?: string;
+    name?: string;
+    projectNumber?: string;
+    selfLink?: string;
+    storageClass?: string;
+    timeCreated?: string;
+    updated?: string;
+  }
+
+  /**
+   * The options for making the bucket private.
+   */
+  interface BucketPrivacyOptions {
+    includeFiles?: boolean;
+    force?: boolean;
+  }
+
+  /**
+   * Query a bucket.
+   */
+  interface BucketQuery {
+    autoPaginate?: boolean;
+    delimiter?: string;
+    prefix?: string;
+    maxApiCalls?: number;
+    maxResults?: number;
+    pageToken?: string;
+    versions?: boolean;
+  }
+}
+
+declare module "@google-cloud/storage/channel" {
+  import { ApiResponse } from "@google-cloud/storage/storage";
+
+  /**
+   * This class allows you interact with Google Cloud Storage.
+   */
+  class Channel {
+    stop(): Promise<[ApiResponse]>;
+  }
+
+  /**
+   * Channel configuration.
+   */
+  interface ChannelConfig {
+    address: string;
+  }
+}
+
+declare module "@google-cloud/storage/file" {
+  import { ReadStream, WriteStream } from "fs";
+  import { Bucket } from "@google-cloud/storage/bucket";
+  import {
+    Acl,
+    ApiResponse,
+    DownloadOptions,
+    ReadStreamOptions,
+    UploadOptions,
+    WriteStreamOptions
+  } from "@google-cloud/storage/storage";
+
+  /**
+   * Options for specifying the content length range.
+   */
+  interface ContentLengthRange {
+    max?: number;
+    min?: number;
+  }
+
+  /**
+   * A file in the cloud.
+   */
+  class File {
+    acl: Acl;
+    copy(destination: string | Bucket | File): Promise<[File, ApiResponse]>;
+    createReadStream(options?: ReadStreamOptions): ReadStream;
+    createWriteStream(options?: WriteStreamOptions): WriteStream;
+    delete(): Promise<[ApiResponse]>;
+    download(options?: DownloadOptions): Promise<[string]>;
+    exists(): Promise<[boolean]>;
+    get(): Promise<[File, ApiResponse]>;
+    getMetadata(): Promise<[FileMetadata, ApiResponse]>;
+    getSignedPolicy(options?: SignedPolicyOptions): Promise<[SignedPolicy]>;
+    getSignedUrl(config?: SignedUrlConfig): Promise<[string]>;
+    makePrivate(options?: FilePrivateOptions): Promise<[ApiResponse]>;
+    makePublic(): Promise<[ApiResponse]>;
+    move(destination: string | Bucket | File): Promise<[File, ApiResponse]>;
+    name: string;
+    save(data: string, options?: WriteStreamOptions): Promise<void>;
+    setEncryptionKey(encryptionKey: string | Buffer): File;
+    setMetadata(metadata: FileMetadata): Promise<[ApiResponse]>;
+  }
+
+  /**
+   * File metadata.
+   */
+  interface FileMetadata {
+    contentType?: string;
+  }
+
+  /**
+   * Options when setting the file as private.
+   */
+  interface FilePrivateOptions {
+    strict?: boolean;
+  }
+
+  /**
+   * A signed policy allowing a user to upload a file with a POST.
+   */
+  interface SignedPolicy {
+    base64?: string;
+    signature?: string;
+    string?: string;
+  }
+
+  /**
+   * Options when obtaining the signed policy.
+   */
+  interface SignedPolicyOptions {
+    acl?: string;
+    contentLengthRange?: ContentLengthRange;
+    equals?: string[] | [string[]];
+    expires?: number | string;
+    max?: number;
+    min?: number;
+    startsWith?: string[] | [string[]];
+    successRedirect?: string;
+    successStatus?: string;
+  }
+
+  /**
+   * Options when obtaining a temporary signed URL for a file.
+   */
+  interface SignedUrlConfig {
+    action: string;
+    cname?: string;
+    contentMd5?: string;
+    contentType?: string;
+    expires?: number | string;
+    extensionHeaders?: {[key: string]: string};
+    promptSaveAs?: string;
+    responseDisposition?: string;
+    responseType?: string;
+  }
+}
+
+declare module "@google-cloud/storage/storage" {
+  import { ReadStream } from "fs";
+  import { Bucket, BucketConfig, BucketQuery } from "@google-cloud/storage/bucket";
+  import { Channel } from "@google-cloud/storage/channel";
+  import { FileMetadata } from "@google-cloud/storage/file";
+
+  /**
+   * Access control list for storage buckets and files.
+   */
+  class Acl extends AclActions {
+    default: AclEntity;
+    owners: AclEntity;
+    readers: AclEntity;
+    writers: AclEntity;
+  }
+
+  /**
+   * Actions that can be performed on all ACL entities, including the root Acl.
+   */
+  class AclActions {
+    add(options: AclOptions): Promise<[Acl, ApiResponse]>;
+    delete(options: AclOptions): Promise<[Acl, ApiResponse]>;
+    get(options: AclOptions): Promise<[Acl, ApiResponse]>;
+    update(options: AclOptions): Promise<[Acl, ApiResponse]>;
+  }
+
+  /**
+   * An object of convenience methods to add or delete reader ACL permissions for a given entity.
+   */
+  class AclEntity extends AclActions {
+    addAllAuthenticatedUsers(): Promise<[Acl, ApiResponse]>;
+    addAllUsers(): Promise<[Acl, ApiResponse]>;
+    addDomain(entity: string): Promise<[Acl, ApiResponse]>;
+    addGroup(entity: string): Promise<[Acl, ApiResponse]>;
+    addProject(entity: string): Promise<[Acl, ApiResponse]>;
+    addUser(entity: string): Promise<[Acl, ApiResponse]>;
+    deleteAllAuthenticatedUsers(): Promise<[Acl, ApiResponse]>;
+    deleteAllUsers(): Promise<[Acl, ApiResponse]>;
+    deleteDomain(entity: string): Promise<[Acl, ApiResponse]>;
+    deleteGroup(entity: string): Promise<[Acl, ApiResponse]>;
+    deleteProject(entity: string): Promise<[Acl, ApiResponse]>;
+    deleteUser(entity: string): Promise<[Acl, ApiResponse]>;
+  }
+
+  /**
+   * ACL options.
+   */
+  interface AclOptions {
+    entity?: string;
+    role?: string;
+    generation?: number;
+  }
+
+  /**
+   * The response object.
+   */
+  interface ApiResponse {
+    etag?: string;
+    id?: string;
+    kind?: string;
+    location?: string;
+    metageneration?: string;
+    name?: string;
+    projectNumber?: string;
+    selfLink?: string;
+    storageClass?: string;
+    timeCreated?: string;
+    updated?: string;
+  }
+
+  /**
+   * The options when downloading a file.
+   */
+  interface DownloadOptions extends ReadStreamOptions {
+    destination?: string;
+  }
+
+  /**
+   * Options when reading a file stream.
+   */
+  interface ReadStreamOptions {
+    end?: number;
+    start?: number;
+    validation?: string | boolean;
+  }
+
+  /**
+   * Options when uploading file to bucket.
+   */
+  interface UploadOptions extends WriteStreamOptions {
+    destination?: string;
+  }
+
+  /**
+   * Options when writing to a file stream.
+   */
+  interface WriteStreamOptions {
+    gzip?: boolean;
+    metadata?: FileMetadata;
+    offset?: number;
+    predefinedAcl?: string;
+    private?: boolean;
+    public?: boolean;
+    resumable?: boolean;
+    uri?: string;
+    validation?: string | boolean;
+  }
+
+  /**
+   * The Storage class allows you interact with Google Cloud Storage.
+   */
+  class Storage {
+    acl: Acl;
+    bucket(name: string|Bucket): Bucket;
+    channel(id: string, resourceId: string): Channel;
+    createBucket(name: string, metadata?: BucketConfig): Promise<[Bucket, ApiResponse]>;
+    getBuckets(query?: BucketQuery): Promise<[Bucket[]]>;
+    getBucketsStream(query?: BucketQuery): Promise<[ReadStream]>;
+  }
+}
diff --git a/types/google-cloud__storage/tsconfig.json b/types/google-cloud__storage/tsconfig.json
new file mode 100644
index 0000000000..51d8bc1368
--- /dev/null
+++ b/types/google-cloud__storage/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",
+    "google-cloud__storage-tests.ts"
+  ]
+}
\ No newline at end of file
diff --git a/types/google-cloud__storage/tslint.json b/types/google-cloud__storage/tslint.json
new file mode 100644
index 0000000000..2750cc0197
--- /dev/null
+++ b/types/google-cloud__storage/tslint.json
@@ -0,0 +1 @@
+{ "extends": "dtslint/dt.json" }
\ No newline at end of file

From 65989c0d612eb630d8ebd71a3be432726e68ae38 Mon Sep 17 00:00:00 2001
From: ikokostya <ikokostya@gmail.com>
Date: Fri, 5 May 2017 03:44:11 +0300
Subject: [PATCH 211/321] @types/node: update dns.resolve* declarations
 (#16320)

* @types/node: update dns.resolve* declarations

Fixes: #11151

* review fixes
---
 types/node/index.d.ts    | 100 +++++++++++++++++++++++++++++++--------
 types/node/node-tests.ts |  39 +++++++++++++++
 2 files changed, 119 insertions(+), 20 deletions(-)

diff --git a/types/node/index.d.ts b/types/node/index.d.ts
index 7b81878fee..e778aad584 100644
--- a/types/node/index.d.ts
+++ b/types/node/index.d.ts
@@ -1886,11 +1886,6 @@ declare module "url" {
 }
 
 declare module "dns" {
-    export interface MxRecord {
-        exchange: string,
-        priority: number
-    }
-
     // Supported getaddrinfo flags.
     export const ADDRCONFIG: number;
     export const V4MAPPED: number;
@@ -1914,22 +1909,87 @@ declare module "dns" {
         family: number;
     }
 
-    export function lookup(domain: string, family: number, callback: (err: NodeJS.ErrnoException, address: string, family: number) => void): void;
-    export function lookup(domain: string, options: LookupOneOptions, callback: (err: NodeJS.ErrnoException, address: string, family: number) => void): void;
-    export function lookup(domain: string, options: LookupAllOptions, callback: (err: NodeJS.ErrnoException, addresses: LookupAddress[]) => void): void;
-    export function lookup(domain: string, options: LookupOptions, callback: (err: NodeJS.ErrnoException, address: string | LookupAddress[], family: number) => void): void;
-    export function lookup(domain: string, callback: (err: NodeJS.ErrnoException, address: string, family: number) => void): void;
+    export function lookup(hostname: string, family: number, callback: (err: NodeJS.ErrnoException, address: string, family: number) => void): void;
+    export function lookup(hostname: string, options: LookupOneOptions, callback: (err: NodeJS.ErrnoException, address: string, family: number) => void): void;
+    export function lookup(hostname: string, options: LookupAllOptions, callback: (err: NodeJS.ErrnoException, addresses: LookupAddress[]) => void): void;
+    export function lookup(hostname: string, options: LookupOptions, callback: (err: NodeJS.ErrnoException, address: string | LookupAddress[], family: number) => void): void;
+    export function lookup(hostname: string, callback: (err: NodeJS.ErrnoException, address: string, family: number) => void): void;
 
-    export function resolve(domain: string, rrtype: string, callback: (err: Error, addresses: string[]) => void): string[];
-    export function resolve(domain: string, callback: (err: Error, addresses: string[]) => void): string[];
-    export function resolve4(domain: string, callback: (err: Error, addresses: string[]) => void): string[];
-    export function resolve6(domain: string, callback: (err: Error, addresses: string[]) => void): string[];
-    export function resolveMx(domain: string, callback: (err: Error, addresses: MxRecord[]) => void): string[];
-    export function resolveTxt(domain: string, callback: (err: Error, addresses: string[][]) => void): string[][];
-    export function resolveSrv(domain: string, callback: (err: Error, addresses: string[]) => void): string[];
-    export function resolveNs(domain: string, callback: (err: Error, addresses: string[]) => void): string[];
-    export function resolveCname(domain: string, callback: (err: Error, addresses: string[]) => void): string[];
-    export function reverse(ip: string, callback: (err: Error, domains: string[]) => void): string[];
+    export interface ResolveOptions {
+        ttl: boolean;
+    }
+
+    export interface ResolveWithTtlOptions extends ResolveOptions {
+        ttl: true;
+    }
+
+    export interface RecordWithTtl {
+        address: string;
+        ttl: number;
+    }
+
+    export interface MxRecord {
+        priority: number;
+        exchange: string;
+    }
+
+    export interface NaptrRecord {
+        flags: string;
+        service: string;
+        regexp: string;
+        replacement: string;
+        order: number;
+        preference: number;
+    }
+
+    export interface SoaRecord {
+        nsname: string;
+        hostmaster: string;
+        serial: number;
+        refresh: number;
+        retry: number;
+        expire: number;
+        minttl: number;
+    }
+
+    export interface SrvRecord {
+        priority: number;
+        weight: number;
+        port: number;
+        name: string;
+    }
+
+    export function resolve(hostname: string, callback: (err: NodeJS.ErrnoException, addresses: string[]) => void): void;
+    export function resolve(hostname: string, rrtype: "A", callback: (err: NodeJS.ErrnoException, addresses: string[]) => void): void;
+    export function resolve(hostname: string, rrtype: "AAAA", callback: (err: NodeJS.ErrnoException, addresses: string[]) => void): void;
+    export function resolve(hostname: string, rrtype: "CNAME", callback: (err: NodeJS.ErrnoException, addresses: string[]) => void): void;
+    export function resolve(hostname: string, rrtype: "MX", callback: (err: NodeJS.ErrnoException, addresses: MxRecord[]) => void): void;
+    export function resolve(hostname: string, rrtype: "NAPTR", callback: (err: NodeJS.ErrnoException, addresses: NaptrRecord[]) => void): void;
+    export function resolve(hostname: string, rrtype: "NS", callback: (err: NodeJS.ErrnoException, addresses: string[]) => void): void;
+    export function resolve(hostname: string, rrtype: "PTR", callback: (err: NodeJS.ErrnoException, addresses: string[]) => void): void;
+    export function resolve(hostname: string, rrtype: "SOA", callback: (err: NodeJS.ErrnoException, addresses: SoaRecord) => void): void;
+    export function resolve(hostname: string, rrtype: "SRV", callback: (err: NodeJS.ErrnoException, addresses: SrvRecord[]) => void): void;
+    export function resolve(hostname: string, rrtype: "TXT", callback: (err: NodeJS.ErrnoException, addresses: string[][]) => void): void;
+    export function resolve(hostname: string, rrtype: string, callback: (err: NodeJS.ErrnoException, addresses: string[] | MxRecord[] | NaptrRecord[] | SoaRecord | SrvRecord[] | string[][]) => void): void;
+
+    export function resolve4(hostname: string, callback: (err: NodeJS.ErrnoException, addresses: string[]) => void): void;
+    export function resolve4(hostname: string, options: ResolveWithTtlOptions, callback: (err: NodeJS.ErrnoException, addresses: RecordWithTtl[]) => void): void;
+    export function resolve4(hostname: string, options: ResolveOptions, callback: (err: NodeJS.ErrnoException, addresses: string[] | RecordWithTtl[]) => void): void;
+
+    export function resolve6(hostname: string, callback: (err: NodeJS.ErrnoException, addresses: string[]) => void): void;
+    export function resolve6(hostname: string, options: ResolveWithTtlOptions, callback: (err: NodeJS.ErrnoException, addresses: RecordWithTtl[]) => void): void;
+    export function resolve6(hostname: string, options: ResolveOptions, callback: (err: NodeJS.ErrnoException, addresses: string[] | RecordWithTtl[]) => void): void;
+
+    export function resolveCname(hostname: string, callback: (err: NodeJS.ErrnoException, addresses: string[]) => void): void;
+    export function resolveMx(hostname: string, callback: (err: NodeJS.ErrnoException, addresses: MxRecord[]) => void): void;
+    export function resolveNaptr(hostname: string, callback: (err: NodeJS.ErrnoException, addresses: NaptrRecord[]) => void): void;
+    export function resolveNs(hostname: string, callback: (err: NodeJS.ErrnoException, addresses: string[]) => void): void;
+    export function resolvePtr(hostname: string, callback: (err: NodeJS.ErrnoException, addresses: string[]) => void): void;
+    export function resolveSoa(hostname: string, callback: (err: NodeJS.ErrnoException, address: SoaRecord) => void): void;
+    export function resolveSrv(hostname: string, callback: (err: NodeJS.ErrnoException, addresses: SrvRecord[]) => void): void;
+    export function resolveTxt(hostname: string, callback: (err: NodeJS.ErrnoException, addresses: string[][]) => void): void;
+
+    export function reverse(ip: string, callback: (err: NodeJS.ErrnoException, hostnames: string[]) => void): void;
     export function setServers(servers: string[]): void;
 
     //Error codes
diff --git a/types/node/node-tests.ts b/types/node/node-tests.ts
index 256d9a57b2..aeba9c7045 100644
--- a/types/node/node-tests.ts
+++ b/types/node/node-tests.ts
@@ -2179,6 +2179,45 @@ namespace dns_tests {
         const _addresses: string | dns.LookupAddress[] = addresses;
         const _family: number | undefined = family;
     });
+
+    dns.resolve("nodejs.org", (err, addresses) => {
+        const _addresses: string[] = addresses;
+    });
+    dns.resolve("nodejs.org", "A", (err, addresses) => {
+        const _addresses: string[] = addresses;
+    });
+    dns.resolve("nodejs.org", "AAAA", (err, addresses) => {
+        const _addresses: string[] = addresses;
+    });
+    dns.resolve("nodejs.org", "MX", (err, addresses) => {
+        const _addresses: dns.MxRecord[] = addresses;
+    });
+
+    dns.resolve4("nodejs.org", (err, addresses) => {
+        const _addresses: string[] = addresses;
+    });
+    dns.resolve4("nodejs.org", {ttl: true}, (err, addresses) => {
+        const _addresses: dns.RecordWithTtl[] = addresses;
+    });
+    {
+        const ttl = false;
+        dns.resolve4("nodejs.org", {ttl: ttl}, (err, addresses) => {
+            const _addresses: string[] | dns.RecordWithTtl[] = addresses;
+        });
+    }
+
+    dns.resolve6("nodejs.org", (err, addresses) => {
+        const _addresses: string[] = addresses;
+    });
+    dns.resolve6("nodejs.org", {ttl: true}, (err, addresses) => {
+        const _addresses: dns.RecordWithTtl[] = addresses;
+    });
+    {
+        const ttl = false;
+        dns.resolve6("nodejs.org", {ttl: ttl}, (err, addresses) => {
+            const _addresses: string[] | dns.RecordWithTtl[] = addresses;
+        });
+    }
 }
 
 /*****************************************************************************

From 67b696444143b3a24a85544dbe5371ac593a51d1 Mon Sep 17 00:00:00 2001
From: Parambir Singh <parambirs@users.noreply.github.com>
Date: Fri, 5 May 2017 10:44:38 +1000
Subject: [PATCH 212/321] Add a few missing type definitions for node.js zlib
 module  (#16311)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

* Update index.d.ts

Add overloaded methods for zlib module that take a ZlibOptions parameter along with a callback.

* Add tests for new methods added to node’s zlib module definition.
---
 types/node/index.d.ts    | 9 ++++++++-
 types/node/node-tests.ts | 6 ++++++
 2 files changed, 14 insertions(+), 1 deletion(-)

diff --git a/types/node/index.d.ts b/types/node/index.d.ts
index e778aad584..67f275c7b6 100644
--- a/types/node/index.d.ts
+++ b/types/node/index.d.ts
@@ -1,6 +1,6 @@
 // Type definitions for Node.js v7.x
 // Project: http://nodejs.org/
-// Definitions by: Microsoft TypeScript <http://typescriptlang.org>, DefinitelyTyped <https://github.com/DefinitelyTyped/DefinitelyTyped>
+// Definitions by: Microsoft TypeScript <http://typescriptlang.org>, DefinitelyTyped <https://github.com/DefinitelyTyped/DefinitelyTyped>, Parambir Singh <https://github.com/parambirs>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 
 /************************************************
@@ -1091,18 +1091,25 @@ declare module "zlib" {
     export function createUnzip(options?: ZlibOptions): Unzip;
 
     export function deflate(buf: Buffer | string, callback: (error: Error, result: Buffer) => void): void;
+    export function deflate(buf: Buffer | string, options: ZlibOptions, callback: (error: Error, result: Buffer) => void): void;
     export function deflateSync(buf: Buffer | string, options?: ZlibOptions): Buffer;
     export function deflateRaw(buf: Buffer | string, callback: (error: Error, result: Buffer) => void): void;
+    export function deflateRaw(buf: Buffer | string, options: ZlibOptions, callback: (error: Error, result: Buffer) => void): void;
     export function deflateRawSync(buf: Buffer | string, options?: ZlibOptions): Buffer;
     export function gzip(buf: Buffer, callback: (error: Error, result: Buffer) => void): void;
+    export function gzip(buf: Buffer, options: ZlibOptions, callback: (error: Error, result: Buffer) => void): void;
     export function gzipSync(buf: Buffer, options?: ZlibOptions): Buffer;
     export function gunzip(buf: Buffer, callback: (error: Error, result: Buffer) => void): void;
+    export function gunzip(buf: Buffer, options: ZlibOptions, callback: (error: Error, result: Buffer) => void): void;
     export function gunzipSync(buf: Buffer, options?: ZlibOptions): Buffer;
     export function inflate(buf: Buffer, callback: (error: Error, result: Buffer) => void): void;
+    export function inflate(buf: Buffer, options: ZlibOptions, callback: (error: Error, result: Buffer) => void): void;
     export function inflateSync(buf: Buffer, options?: ZlibOptions): Buffer;
     export function inflateRaw(buf: Buffer, callback: (error: Error, result: Buffer) => void): void;
+    export function inflateRaw(buf: Buffer, options: ZlibOptions, callback: (error: Error, result: Buffer) => void): void;
     export function inflateRawSync(buf: Buffer, options?: ZlibOptions): Buffer;
     export function unzip(buf: Buffer, callback: (error: Error, result: Buffer) => void): void;
+    export function unzip(buf: Buffer, options: ZlibOptions, callback: (error: Error, result: Buffer) => void): void;
     export function unzipSync(buf: Buffer, options?: ZlibOptions): Buffer;
 
     export namespace constants {
diff --git a/types/node/node-tests.ts b/types/node/node-tests.ts
index aeba9c7045..7cac17144e 100644
--- a/types/node/node-tests.ts
+++ b/types/node/node-tests.ts
@@ -534,19 +534,25 @@ const compressMe = new Buffer("some data");
 const compressMeString = "compress me!";
 
 zlib.deflate(compressMe, (err: Error, result: Buffer) => zlib.inflate(result, (err: Error, result: Buffer) => result));
+zlib.deflate(compressMe, { finishFlush: zlib.Z_SYNC_FLUSH }, (err: Error, result: Buffer) => zlib.inflate(result, { finishFlush: zlib.Z_SYNC_FLUSH }, (err: Error, result: Buffer) => result));
 zlib.deflate(compressMeString, (err: Error, result: Buffer) => zlib.inflate(result, (err: Error, result: Buffer) => result));
+zlib.deflate(compressMeString, { finishFlush: zlib.Z_SYNC_FLUSH }, (err: Error, result: Buffer) => zlib.inflate(result, { finishFlush: zlib.Z_SYNC_FLUSH }, (err: Error, result: Buffer) => result));
 const inflated = zlib.inflateSync(zlib.deflateSync(compressMe));
 const inflatedString = zlib.inflateSync(zlib.deflateSync(compressMeString));
 
 zlib.deflateRaw(compressMe, (err: Error, result: Buffer) => zlib.inflateRaw(result, (err: Error, result: Buffer) => result));
+zlib.deflateRaw(compressMe, { finishFlush: zlib.Z_SYNC_FLUSH }, (err: Error, result: Buffer) => zlib.inflateRaw(result, { finishFlush: zlib.Z_SYNC_FLUSH }, (err: Error, result: Buffer) => result));
 zlib.deflateRaw(compressMeString, (err: Error, result: Buffer) => zlib.inflateRaw(result, (err: Error, result: Buffer) => result));
+zlib.deflateRaw(compressMeString, { finishFlush: zlib.Z_SYNC_FLUSH }, (err: Error, result: Buffer) => zlib.inflateRaw(result, { finishFlush: zlib.Z_SYNC_FLUSH }, (err: Error, result: Buffer) => result));
 const inflatedRaw: Buffer = zlib.inflateRawSync(zlib.deflateRawSync(compressMe));
 const inflatedRawString: Buffer = zlib.inflateRawSync(zlib.deflateRawSync(compressMeString));
 
 zlib.gzip(compressMe, (err: Error, result: Buffer) => zlib.gunzip(result, (err: Error, result: Buffer) => result));
+zlib.gzip(compressMe, { finishFlush: zlib.Z_SYNC_FLUSH }, (err: Error, result: Buffer) => zlib.gunzip(result, { finishFlush: zlib.Z_SYNC_FLUSH }, (err: Error, result: Buffer) => result));
 const gunzipped: Buffer = zlib.gunzipSync(zlib.gzipSync(compressMe));
 
 zlib.unzip(compressMe, (err: Error, result: Buffer) => result);
+zlib.unzip(compressMe, { finishFlush: zlib.Z_SYNC_FLUSH }, (err: Error, result: Buffer) => result);
 const unzipped: Buffer = zlib.unzipSync(compressMe);
 
 // Simplified constructors

From ca336951d08ff9d0ba80416514db39c045d4b55b Mon Sep 17 00:00:00 2001
From: robin labat <roblabat@users.noreply.github.com>
Date: Fri, 5 May 2017 02:55:53 +0200
Subject: [PATCH 213/321] Correction of @types/js-schema for the import error:
 (#16090)

'Cannot invoke an expression whose type lacks a call signature. Type 'typeof 'js-schema'' has no compatible call signatures.'

while importing with 'import * as schema from 'js-schema''

The previous import strategie ('import {default as schema} from 'js-schema') where raising an error after compilation.
---
 types/js-schema/index.d.ts         | 30 ++++++++++++++----------------
 types/js-schema/js-schema-tests.ts |  2 +-
 2 files changed, 15 insertions(+), 17 deletions(-)

diff --git a/types/js-schema/index.d.ts b/types/js-schema/index.d.ts
index 8c332b8181..adccce7809 100644
--- a/types/js-schema/index.d.ts
+++ b/types/js-schema/index.d.ts
@@ -1,21 +1,23 @@
 // Type definitions for js-schema
 // Project: https://github.com/molnarg/js-schema
-// Definitions by: Marcin Porebski <https://github.com/marcinporebski>
+// Definitions by: Marcin Porebski <https://github.com/marcinporebski>, Robin Labat <https://github.com/roblabat>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 
 
 declare module 'js-schema'
 {
-    export interface Schema
-    {
-        (obj: any): boolean; // test obj against the schema
+    function schema(definition: any): schema.Schema;
+
+    namespace schema {
+        interface Schema {
+            (obj: any): boolean; // test obj against the schema
+        }
     }
 
-    export default function schema(definition: any): Schema
+    export = schema;
 }
 
-interface NumberConstructor
-{
+interface NumberConstructor {
     min(n: number): NumberConstructor;
     max(n: number): NumberConstructor;
     below(n: number): NumberConstructor;
@@ -23,28 +25,24 @@ interface NumberConstructor
     step(n: number): NumberConstructor;
 }
 
-interface StringConstructor
-{
+interface StringConstructor {
     of(charset: string): StringConstructor;
     of(length: number, charset: string): StringConstructor;
     of(minLength: number, maxLength: number, charset: string): StringConstructor;
 }
 
-interface ArrayConstructor
-{
+interface ArrayConstructor {
     like(arr: Array<any>): ArrayConstructor;
     of(pattern: any): ArrayConstructor;
     of(length: number, pattern: any): ArrayConstructor;
     of(minLength: number, maxLength: number, pattern: any): ArrayConstructor;
 }
 
-interface ObjectConstructor
-{
+interface ObjectConstructor {
     like(obj: any): ObjectConstructor;
     reference(obj: any): ObjectConstructor;
 }
 
-interface FunctionConstructor
-{
+interface FunctionConstructor {
     reference(func: Function): FunctionConstructor;
-}
+}
\ No newline at end of file
diff --git a/types/js-schema/js-schema-tests.ts b/types/js-schema/js-schema-tests.ts
index bb5098a434..028b860e0a 100644
--- a/types/js-schema/js-schema-tests.ts
+++ b/types/js-schema/js-schema-tests.ts
@@ -1,4 +1,4 @@
-import {default as schema} from 'js-schema';
+import * as schema from 'js-schema';
 
 var Duck = schema({              // A duck
     swim : Function,               //  - can swim

From e695fa67f67ed22ad896c9cf5ef35c49d0d85378 Mon Sep 17 00:00:00 2001
From: kwiateusz <kwiateusz@users.noreply.github.com>
Date: Fri, 5 May 2017 02:56:16 +0200
Subject: [PATCH 214/321] Update definitions of owlcarousel (#16088)

In lib responsiveBaseWidth is wrapped by JQuery
---
 types/owlcarousel/index.d.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/types/owlcarousel/index.d.ts b/types/owlcarousel/index.d.ts
index f359e4012a..66242aa888 100644
--- a/types/owlcarousel/index.d.ts
+++ b/types/owlcarousel/index.d.ts
@@ -30,7 +30,7 @@ interface IOwlCarouselOptions {
     paginationNumbers?: boolean;
     responsive?: boolean;
     responsiveRefreshRate?: number;
-    responsiveBaseWidth?: JQuery;
+    responsiveBaseWidth?: JQuery | string;
     baseClass?: string;
     theme?: string;
     lazyLoad?: boolean;

From c272249810a044318fbf98579fc28b1ba70d1a93 Mon Sep 17 00:00:00 2001
From: Youngrok Kim <rok0810@gmail.com>
Date: Fri, 5 May 2017 09:56:40 +0900
Subject: [PATCH 215/321] Fix incorrect signature of createPath and createHref
 (#16063) (#16084)

---
 types/history/PathUtils.d.ts | 4 ++--
 types/history/index.d.ts     | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/types/history/PathUtils.d.ts b/types/history/PathUtils.d.ts
index 7ea7ed75a4..4cc947fcf3 100644
--- a/types/history/PathUtils.d.ts
+++ b/types/history/PathUtils.d.ts
@@ -1,7 +1,7 @@
-import { Path, Location, LocationDescriptor } from './index';
+import { Path, Location, LocationDescriptorObject } from './index';
 
 export function addLeadingSlash(path: Path): Path;
 export function stripLeadingSlash(path: Path): Path;
 export function stripPrefix(path: Path, prefix: string): Path;
 export function parsePath(path: Path): Location;
-export function createPath(location: LocationDescriptor): Path;
+export function createPath(location: LocationDescriptorObject): Path;
diff --git a/types/history/index.d.ts b/types/history/index.d.ts
index a45b930efe..eda8c1bb10 100644
--- a/types/history/index.d.ts
+++ b/types/history/index.d.ts
@@ -20,7 +20,7 @@ export interface History {
     goForward(): void;
     block(prompt?: boolean): UnregisterCallback;
     listen(listener: LocationListener): UnregisterCallback;
-    createHref(location: Path | LocationDescriptorObject): Href;
+    createHref(location: LocationDescriptorObject): Href;
 }
 
 export interface Location {

From 3426ce7a276dd7f4a35dce1f5ad65805b0b9e28b Mon Sep 17 00:00:00 2001
From: Ryan Riley <panesofglass@users.noreply.github.com>
Date: Thu, 4 May 2017 19:58:28 -0500
Subject: [PATCH 216/321] Add missing options and further refine parameter
 types for Handsontable 3.1.2 (#16078)

* Add missing members and parameter types

* Update original setDataAtCell overload

* afterChange oldVal should be typed as any

* Fix lint errors

* Correctly type the prop value in the afterChange parameter
---
 types/handsontable/index.d.ts     | 7 +++++--
 types/handsontable/test/global.ts | 5 ++++-
 types/handsontable/test/module.ts | 5 ++++-
 3 files changed, 13 insertions(+), 4 deletions(-)

diff --git a/types/handsontable/index.d.ts b/types/handsontable/index.d.ts
index 23f99e60a4..165d872e8f 100644
--- a/types/handsontable/index.d.ts
+++ b/types/handsontable/index.d.ts
@@ -79,7 +79,8 @@ declare namespace __Handsontable {
         selectCellByProp(row: number, prop: string, endRow?: number, endProp?: string, scrollToCell?: boolean): boolean;
         setCellMeta(row: number, col: number, key: string, val: string): void;
         setCellMetaObject(row: number, col: number, prop: Object): void;
-        setDataAtCell(row: number|any[], col: number, value: string, source?: string): void;
+        setDataAtCell(row: number, col: number, value: string, source?: string): void;
+        setDataAtCell(changes: Array<[number, number, any]>): void;
         setDataAtRowProp(row: number|any[], prop: string, value: string, source?: string): void;
         spliceCol(col: number, index: number, amount: number, elements?: any): void;
         spliceRow(row: number, index: number, amount: number, elements?: any): void;
@@ -218,7 +219,7 @@ declare namespace Handsontable {
         // hooks
         afterAutofillApplyValues?(startArea: any[], entireArea: any[]): void;
         afterCellMetaReset?(): void;
-        afterChange?(changes: any[], source: string): void;
+        afterChange?(changes: Array<[number, number|string, any, any]>, source?: string): void;
         afterChangesObserved?(): void;
         afterColumnMove?(startColumn: number, endColumn: number): void;
         afterColumnResize?(currentColumn: number, newSize: number, isDoubleClick: boolean): void;
@@ -241,6 +242,7 @@ declare namespace Handsontable {
         afterInit?(): void;
         afterLoadData?(firstTime: boolean): void;
         afterMomentumScroll?(): void;
+        afterOnCellCornerDblClick?(event: Object): void;
         afterOnCellCornerMouseDown?(event: Object): void;
         afterOnCellMouseDown?(event: Object, coords: Object, TD: Element): void;
         afterOnCellMouseOver?(event: Object, coords: Object, TD: Element): void;
@@ -412,6 +414,7 @@ declare namespace Handsontable {
         getWindowScrollTop(): number;
         outerHeight(element: HTMLElement): number;
         hasClass(element: HTMLElement, className: string): boolean | undefined;
+        empty(element: HTMLElement): void;
     }
 
     interface ArrayMapper {
diff --git a/types/handsontable/test/global.ts b/types/handsontable/test/global.ts
index d4516d80e1..331f62759d 100644
--- a/types/handsontable/test/global.ts
+++ b/types/handsontable/test/global.ts
@@ -122,7 +122,7 @@ function test_HandsontableInit() {
     // Hooks
     afterAutofillApplyValues: () => {return; },
     afterCellMetaReset: () => {return; },
-    afterChange: () => {return; },
+    afterChange: (changes) => {return; },
     afterChangesObserved: () => {return; },
     afterColumnMove: () => {return; },
     afterColumnResize: () => {return; },
@@ -145,6 +145,7 @@ function test_HandsontableInit() {
     afterInit: () => {return; },
     afterLoadData: () => {return; },
     afterMomentumScroll: () => {return; },
+    afterOnCellCornerDblClick: () => {return; },
     afterOnCellCornerMouseDown: () => {return; },
     afterOnCellMouseDown: () => {return; },
     afterOnCellMouseOver: () => {return; },
@@ -276,6 +277,7 @@ function test_HandsontableMethods() {
   hot.setCellMeta(123, 123, 'foo', 'foo');
   hot.setCellMetaObject(123, 123, {});
   hot.setDataAtCell(123, 123, 'foo', 'foo');
+  hot.setDataAtCell([[123, 123, 'foo'], [123, 123, 'foo']]);
   hot.setDataAtRowProp(123, 'foo', 'foo', 'foo');
   hot.spliceCol(123, 123, 123, 'foo');
   hot.spliceRow(123, 123, 123, 'foo');
@@ -290,6 +292,7 @@ function test_HandsontableMethods() {
   Handsontable.renderers.NumericRenderer(hot, new HTMLTableDataCellElement(), 0, 0, "prop", 1.235, {});
   Handsontable.renderers.TextRenderer(hot, new HTMLTableDataCellElement(), 0, 0, "prop", 1.235, {});
   Handsontable.Dom.addEvent(new HTMLElement(), "eventName", () => { return; });
+  Handsontable.Dom.empty(new HTMLElement());
 }
 
 class MyCustomHotPlugin extends Handsontable.plugins.BasePlugin {
diff --git a/types/handsontable/test/module.ts b/types/handsontable/test/module.ts
index 5d0ef22655..a67ab6942d 100644
--- a/types/handsontable/test/module.ts
+++ b/types/handsontable/test/module.ts
@@ -124,7 +124,7 @@ function test_HandsontableInit() {
     // Hooks
     afterAutofillApplyValues: () => {return; },
     afterCellMetaReset: () => {return; },
-    afterChange: () => {return; },
+    afterChange: (changes) => {return; },
     afterChangesObserved: () => {return; },
     afterColumnMove: () => {return; },
     afterColumnResize: () => {return; },
@@ -147,6 +147,7 @@ function test_HandsontableInit() {
     afterInit: () => {return; },
     afterLoadData: () => {return; },
     afterMomentumScroll: () => {return; },
+    afterOnCellCornerDblClick: () => {return; },
     afterOnCellCornerMouseDown: () => {return; },
     afterOnCellMouseDown: () => {return; },
     afterOnCellMouseOver: () => {return; },
@@ -278,6 +279,7 @@ function test_HandsontableMethods() {
   hot.setCellMeta(123, 123, 'foo', 'foo');
   hot.setCellMetaObject(123, 123, {});
   hot.setDataAtCell(123, 123, 'foo', 'foo');
+  hot.setDataAtCell([[123, 123, 'foo'], [123, 123, 'foo']]);
   hot.setDataAtRowProp(123, 'foo', 'foo', 'foo');
   hot.spliceCol(123, 123, 123, 'foo');
   hot.spliceRow(123, 123, 123, 'foo');
@@ -292,6 +294,7 @@ function test_HandsontableMethods() {
   Handsontable.renderers.NumericRenderer(hot, new HTMLTableDataCellElement(), 0, 0, "prop", 1.235, {});
   Handsontable.renderers.TextRenderer(hot, new HTMLTableDataCellElement(), 0, 0, "prop", 1.235, {});
   Handsontable.Dom.addEvent(new HTMLElement(), "eventName", () => { return; });
+  Handsontable.Dom.empty(new HTMLElement());
 }
 
 class MyCustomHotPlugin extends Handsontable.plugins.BasePlugin {

From 34d30931f073be30b5333de2e1afd5aa43440d6d Mon Sep 17 00:00:00 2001
From: Nicolas Voigt <nicolas.voigt@gmx.de>
Date: Fri, 5 May 2017 03:01:24 +0200
Subject: [PATCH 217/321] Updated bonjour types (were not working on typescript
 2.2) (#16075)

* new typings

* updated types into a namespace to allow the default function to be fired

* typo on findOne

* DT tests passed
---
 types/bonjour/bonjour-tests.ts |  25 +++---
 types/bonjour/index.d.ts       | 142 ++++++++++++++++++---------------
 types/bonjour/tslint.json      |   6 ++
 3 files changed, 98 insertions(+), 75 deletions(-)
 create mode 100644 types/bonjour/tslint.json

diff --git a/types/bonjour/bonjour-tests.ts b/types/bonjour/bonjour-tests.ts
index 1ae8a218fe..61e7373f01 100644
--- a/types/bonjour/bonjour-tests.ts
+++ b/types/bonjour/bonjour-tests.ts
@@ -1,20 +1,23 @@
 import * as bonjour from 'bonjour';
 
-var bonjourOptions: bonjour.BonjourOptions;
-var bonjourInstance: bonjour.Bonjour;
+let bonjourOptions: bonjour.BonjourOptions;
+let bonjourInstance: bonjour.Bonjour;
 
-var serviceOptions: bonjour.ServiceOptions;
-var service: bonjour.Service;
+let serviceOptions: bonjour.ServiceOptions;
+let service: bonjour.Service;
 
-var browserOptions: bonjour.BrowserOptions;
-var browser: bonjour.Browser;
+let browserOptions: bonjour.BrowserOptions;
+let browser: bonjour.Browser;
 
-bonjourOptions = { interface: '192.168.1.1', port: 5353 };
-bonjourInstance = new bonjour.Bonjour(bonjourOptions);
+bonjourOptions = {};
+bonjourInstance = bonjour(bonjourOptions);
 
-serviceOptions = { name: 'My Web Server', type: 'http', port: 3000 };
+// Publish a dummy server under name 'My Website' type http port 3000
+serviceOptions = { name: 'My Website', type: 'http', port: 3000 };
 service = bonjourInstance.publish(serviceOptions);
 
 browserOptions = { protocol: 'tcp', type: 'http' };
-browser = bonjour.find(browserOptions);
-
+// Look for the server
+browser = bonjourInstance.findOne(browserOptions, (srv: bonjour.Service) => {
+    // You can test here if the found server (srv) name is 'My Website'
+});
diff --git a/types/bonjour/index.d.ts b/types/bonjour/index.d.ts
index 0eb5b584c0..bba5debb3c 100644
--- a/types/bonjour/index.d.ts
+++ b/types/bonjour/index.d.ts
@@ -1,68 +1,82 @@
-// Type definitions for bonjour v3.5.0
+// Type definitions for bonjour 3.5
 // Project: https://github.com/watson/bonjour
-// Definitions by: Quentin Lampin <https://github.com/quentin-ol/>
+// Definitions by: Quentin Lampin <https://github.com/quentin-ol/>, Nicolas Voigt <https://github.com/octo-sniffle>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+///<reference types="node" />
 
-export interface BonjourOptions {
-    multicast?: boolean;
-    interface?: string;
-    port?: number;
-    ip?: string;
-    ttl?: number;
-    loopback?: boolean;
-    reuseAddr?: boolean;
+declare function bonjour(opts?: bonjour.BonjourOptions): bonjour.Bonjour;
+export = bonjour;
+declare namespace bonjour {
+    /**
+     * Start a browser
+     *
+     * The browser listens for services by querying for PTR records of a given
+     * type, protocol and domain, e.g. _http._tcp.local.
+     *
+     * If no type is given, a wild card search is performed.
+     *
+     * An internal list of online services is kept which starts out empty. When
+     * ever a new service is discovered, it's added to the list and an "up" event
+     * is emitted with that service. When it's discovered that the service is no
+     * longer available, it is removed from the list and a "down" event is emitted
+     * with that service.
+     */
+    interface Browser extends NodeJS.EventEmitter {
+        services: Service[];
+        start(): void;
+        update(): void;
+        stop(): void;
+        on(event: 'up' | 'down', listener: (service: Service) => void): this;
+        once(event: 'up' | 'down', listener: (service: Service) => void): this;
+        removeListener(event: 'up' | 'down', listener: (service: Service) => void): this;
+        removeAllListeners(event: 'up' | 'down'): this;
+    }
+    interface BrowserOptions {
+        type?: string;
+        subtypes?: string[];
+        protocol?: string;
+        txt?: Object;
+    }
+
+    interface ServiceOptions {
+        name: string;
+        host?: string;
+        port: number;
+        type: string;
+        subtypes?: string[];
+        protocol?: 'udp'|'tcp';
+        txt?: Object;
+    }
+
+    interface Service extends NodeJS.EventEmitter {
+        name: string;
+        type: string;
+        subtypes: string[];
+        protocol: string;
+        host: string;
+        port: number;
+        fqdn: string;
+        txt: Object;
+        published: boolean;
+
+        stop(cb: () => any): void;
+        start(): void;
+    }
+    interface BonjourOptions {
+        multicast?: boolean;
+        interface?: string;
+        port?: number;
+        ip?: string;
+        ttl?: number;
+        loopback?: boolean;
+        reuseAddr?: boolean;
+    }
+    interface Bonjour {
+        (opts?: BonjourOptions): Bonjour;
+        publish(options: ServiceOptions): Service;
+        unpublishAll(cb?: () => void): void;
+        find(options: BrowserOptions, onUp?: (service: Service) => void): Browser;
+        findOne(options: BrowserOptions, cb?: (service: Service) => void): Browser;
+        destroy(): void;
+    }
 }
-
-export interface BrowserOptions {
-    type?: string;
-    subtypes?: string[];
-    protocol?: string;
-    txt?: Object;
-}
-
-export interface ServiceOptions {
-    name: string;
-    host?: string;
-    port: number;
-    type: string;
-    subtypes?: string[];
-    protocol?: 'udp'|'tcp';
-    txt?: Object;
-}
-
-export interface Service {
-    name: string;
-    type: string;
-    subtypes: string[];
-    protocol: string;
-    host: string;
-    port: number;
-    fqdn: string;
-    rawTxt: Object;
-    txt: Object;
-    published: boolean;
-
-    stop: (cb: ()=>any) => void;
-    start: () => void;
-}
-
-export class Bonjour {
-
-    constructor(opts: BonjourOptions);
-    publish(options: ServiceOptions):Service;
-    unpublishAll(cb: ()=>any): void;
-    find(options:BrowserOptions, onUp: ()=>any): Browser;
-    findOne(options:any, cb: (service: Service)=>any): Browser;
-    destroy():void;
-}
-
-export class Browser {
-    services: Service[];
-
-    start():void;
-    update():void;
-    stop():void;
-}
-
-export function find(options: BrowserOptions, onUp?: ()=>any): Browser;
-export function findOne(options: BrowserOptions): Browser;
diff --git a/types/bonjour/tslint.json b/types/bonjour/tslint.json
new file mode 100644
index 0000000000..a62d0d4e68
--- /dev/null
+++ b/types/bonjour/tslint.json
@@ -0,0 +1,6 @@
+{
+    "extends": "dtslint/dt.json",
+    "rules": {
+        "ban-types": false
+    }
+}

From 9fbba5a517a15a75ba086ee796635efd9977a4e5 Mon Sep 17 00:00:00 2001
From: Lucas Neiva <lucasneiv4@gmail.com>
Date: Fri, 5 May 2017 03:01:48 +0200
Subject: [PATCH 218/321] Add babel-types NullLiteral type aliases (#16066)

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

diff --git a/types/babel-types/babel-types-tests.ts b/types/babel-types/babel-types-tests.ts
index cb02d11ee1..7b82dfc675 100644
--- a/types/babel-types/babel-types-tests.ts
+++ b/types/babel-types/babel-types-tests.ts
@@ -24,3 +24,5 @@ if (t.isBinaryExpression(ast)) {
 }
 t.assertBinaryExpression(ast);
 t.assertBinaryExpression(ast, { operator: "*" });
+
+var exp: t.Expression = t.nullLiteral();
diff --git a/types/babel-types/index.d.ts b/types/babel-types/index.d.ts
index b3b0f966c6..495b818a0b 100644
--- a/types/babel-types/index.d.ts
+++ b/types/babel-types/index.d.ts
@@ -870,7 +870,7 @@ export interface SpreadProperty extends Node {
     argument: Expression;
 }
 
-export type Expression = ArrayExpression | AssignmentExpression | BinaryExpression | CallExpression | ConditionalExpression | FunctionExpression | Identifier | StringLiteral | NumericLiteral | BooleanLiteral | RegExpLiteral | LogicalExpression | MemberExpression | NewExpression | ObjectExpression | SequenceExpression | ThisExpression | UnaryExpression | UpdateExpression | ArrowFunctionExpression | ClassExpression | MetaProperty | Super | TaggedTemplateExpression | TemplateLiteral | YieldExpression | TypeCastExpression | JSXElement | JSXEmptyExpression | JSXIdentifier | JSXMemberExpression | ParenthesizedExpression | AwaitExpression | BindExpression | DoExpression;
+export type Expression = ArrayExpression | AssignmentExpression | BinaryExpression | CallExpression | ConditionalExpression | FunctionExpression | Identifier | StringLiteral | NumericLiteral | BooleanLiteral | NullLiteral | RegExpLiteral | LogicalExpression | MemberExpression | NewExpression | ObjectExpression | SequenceExpression | ThisExpression | UnaryExpression | UpdateExpression | ArrowFunctionExpression | ClassExpression | MetaProperty | Super | TaggedTemplateExpression | TemplateLiteral | YieldExpression | TypeCastExpression | JSXElement | JSXEmptyExpression | JSXIdentifier | JSXMemberExpression | ParenthesizedExpression | AwaitExpression | BindExpression | DoExpression;
 export type Binary = BinaryExpression | LogicalExpression;
 export type Scopable = BlockStatement | CatchClause | DoWhileStatement | ForInStatement | ForStatement | FunctionDeclaration | FunctionExpression | Program | ObjectMethod | SwitchStatement | WhileStatement | ArrowFunctionExpression | ClassDeclaration | ClassExpression | ForOfStatement | ClassMethod;
 export type BlockParent = BlockStatement | DoWhileStatement | ForInStatement | ForStatement | FunctionDeclaration | FunctionExpression | Program | ObjectMethod | SwitchStatement | WhileStatement | ArrowFunctionExpression | ForOfStatement | ClassMethod;
@@ -886,11 +886,11 @@ export type For = ForInStatement | ForStatement | ForOfStatement;
 export type ForXStatement = ForInStatement | ForOfStatement;
 export type Function = FunctionDeclaration | FunctionExpression | ObjectMethod | ArrowFunctionExpression | ClassMethod;
 export type FunctionParent = FunctionDeclaration | FunctionExpression | Program | ObjectMethod | ArrowFunctionExpression | ClassMethod;
-export type Pureish = FunctionDeclaration | FunctionExpression | StringLiteral | NumericLiteral | BooleanLiteral | ArrowFunctionExpression | ClassDeclaration | ClassExpression;
+export type Pureish = FunctionDeclaration | FunctionExpression | StringLiteral | NumericLiteral | BooleanLiteral | NullLiteral | ArrowFunctionExpression | ClassDeclaration | ClassExpression;
 export type Declaration = FunctionDeclaration | VariableDeclaration | ClassDeclaration | ExportAllDeclaration | ExportDefaultDeclaration | ExportNamedDeclaration | ImportDeclaration | DeclareClass | DeclareFunction | DeclareInterface | DeclareModule | DeclareTypeAlias | DeclareVariable | InterfaceDeclaration | TypeAlias;
 export type LVal = Identifier | MemberExpression | RestElement | AssignmentPattern | ArrayPattern | ObjectPattern;
-export type Literal = StringLiteral | NumericLiteral | BooleanLiteral | RegExpLiteral | TemplateLiteral;
-export type Immutable = StringLiteral | NumericLiteral | BooleanLiteral | JSXAttribute | JSXClosingElement | JSXElement | JSXExpressionContainer | JSXOpeningElement;
+export type Literal = StringLiteral | NumericLiteral | BooleanLiteral | NullLiteral | RegExpLiteral | TemplateLiteral;
+export type Immutable = StringLiteral | NumericLiteral | BooleanLiteral | NullLiteral | JSXAttribute | JSXClosingElement | JSXElement | JSXExpressionContainer | JSXOpeningElement;
 export type UserWhitespacable = ObjectMethod | ObjectProperty | ObjectTypeCallProperty | ObjectTypeIndexer | ObjectTypeProperty;
 export type Method = ObjectMethod | ClassMethod;
 export type ObjectMember = ObjectMethod | ObjectProperty;

From 39cf359166731430683db943d8043ce6dba0160e Mon Sep 17 00:00:00 2001
From: Giedrius Grabauskas <GiedriusGrabauskas@users.noreply.github.com>
Date: Fri, 5 May 2017 04:04:37 +0300
Subject: [PATCH 219/321] Recreated types for flux@3.2 (#15800)

* Recreated types for flux@3.1.2.

* Added backward compatibility with implementation. Added overload for create method.

* Fixed tslint error in tests.

* Added one more test for old implementation.

* Added more gerenrics in create method. Updated tests.

* Fixed errors.

* Typescript version changed to 2.2.

* Updated `createFunctional` return.
---
 types/flux/flux-tests.ts            | 126 -------------------------
 types/flux/index.d.ts               |  73 ++-------------
 types/flux/lib/Dispatcher.d.ts      |  45 +++++++++
 types/flux/lib/FluxContainer.d.ts   |  65 +++++++++++++
 types/flux/lib/FluxMixinLegacy.d.ts |  26 ++++++
 types/flux/lib/FluxReduceStore.d.ts |  36 +++++++
 types/flux/lib/FluxStore.d.ts       |  74 +++++++++++++++
 types/flux/test/Flux.ts             |  71 ++++++++++++++
 types/flux/test/FluxUtils.tsx       |  80 ++++++++++++++++
 types/flux/tsconfig.json            |  21 +++--
 types/flux/tslint.json              |   3 +
 types/flux/utils.d.ts               |  11 +++
 types/flux/utils/index.d.ts         | 140 ----------------------------
 13 files changed, 433 insertions(+), 338 deletions(-)
 delete mode 100644 types/flux/flux-tests.ts
 create mode 100644 types/flux/lib/Dispatcher.d.ts
 create mode 100644 types/flux/lib/FluxContainer.d.ts
 create mode 100644 types/flux/lib/FluxMixinLegacy.d.ts
 create mode 100644 types/flux/lib/FluxReduceStore.d.ts
 create mode 100644 types/flux/lib/FluxStore.d.ts
 create mode 100644 types/flux/test/Flux.ts
 create mode 100644 types/flux/test/FluxUtils.tsx
 create mode 100644 types/flux/tslint.json
 create mode 100644 types/flux/utils.d.ts
 delete mode 100644 types/flux/utils/index.d.ts

diff --git a/types/flux/flux-tests.ts b/types/flux/flux-tests.ts
deleted file mode 100644
index 57c8fb3b20..0000000000
--- a/types/flux/flux-tests.ts
+++ /dev/null
@@ -1,126 +0,0 @@
-import flux = require('flux')
-import FluxUtils = require('flux/utils')
-import React = require('react')
-
-var Component = React.Component
-var Container = FluxUtils.Container
-
-//
-// Basic dispatcher usage
-//
-
-var basicDispatcher = new flux.Dispatcher<any>()
-
-// register(callback: (payload: any) => void): string
-var id: string = basicDispatcher.register((payload) => {
-    // payload is type: any
-    payload.anything
-})
-
-// unregister(id: string): void
-basicDispatcher.unregister(id)
-
-// waitFor(ids: string[]): void 
-basicDispatcher.waitFor([id])
-
-// dispatch(payload: any): void 
-basicDispatcher.dispatch({ msg: 'hello' })
-
-// isDispatching(): boolean
-var dispatcherIsDispatching: boolean = basicDispatcher.isDispatching()
-
-//
-// Typed payload
-//
-
-enum ActionSource { Server, View }
-enum ActionType { Create, Update, Delete }
-
-interface Action {
-    source: ActionSource
-    type: ActionType
-    data: Object
-}
-
-var typedDispatcher = new flux.Dispatcher<Action>()
-
-var typedPayload: Action
-
-var typedStore = {
-    dispatcherID: typedDispatcher.register((payload) => {
-        typedPayload = payload
-    })
-}
-
-typedDispatcher.dispatch(typedPayload)
-
-//
-// Derived dispatcher
-//
-
-class CustomDispatcher extends flux.Dispatcher<Action> {
-
-    // Dispatch an action with server as source
-    handleServerAction(type: ActionType, data: Object) {
-        this.dispatch({
-            source: ActionSource.Server,
-            type: type,
-            data: data,
-        })
-    }
-
-    // Dispatch an action with view as source
-    handleViewAction(type: ActionType, data: Object) {
-        this.dispatch({
-            source: ActionSource.View,
-            type: type,
-            data: data,
-        })
-    }
-}
-
-var customDispatcher = new CustomDispatcher()
-
-export = customDispatcher
-
-
-// Sample Reduce Store
-class CounterStore extends FluxUtils.ReduceStore<number, any> {
-  getInitialState(): number {
-    return 0;
-  }
-
-  reduce(state: number, action: any): number {
-    switch (action.type) {
-      case 'increment':
-        return state + 1;
-
-      case 'square':
-        return state * state;
-
-      default:
-        return state;
-    }
-  }
-}
-
-const Store = new CounterStore(basicDispatcher);
-
-// Sample Flux container with CounterStore
-class CounterContainer extends Component<any, any> {
-  static getStores() {
-    return [Store];
-  }
-
-  static calculateState(prevState: any) {
-    return {
-      counter: Store.getState(),
-    };
-  }
-
-  render() {
-    return this.state.counter;
-  }
-}
-
-const container = Container.create(CounterContainer);
diff --git a/types/flux/index.d.ts b/types/flux/index.d.ts
index 54fecd3a4e..7380613ce7 100644
--- a/types/flux/index.d.ts
+++ b/types/flux/index.d.ts
@@ -1,69 +1,12 @@
-// Type definitions for Flux 3.0
+// Type definitions for Flux 3.1
 // Project: http://facebook.github.io/flux/
-// Definitions by: Steve Baker <https://github.com/stkb/>, Giedrius Grabauskas <https://github.com/GiedriusGrabauskas/>
+// Definitions by: Steve Baker <https://github.com/stkb/>
+//                 Giedrius Grabauskas <https://github.com/GiedriusGrabauskas/>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
-// TypeScript Version: 2.1
+// TypeScript Version: 2.2
 
-/// <reference types="react" />
-/// <reference types="fbemitter" />
+import * as Dispatcher from "./lib/Dispatcher";
 
-export = Flux;
-
-declare namespace Flux {
-
-    /**
-    * Dispatcher class
-    * Create an instance to use throughout the application.
-    * Or extend it to create a derived dispatcher class.
-    *
-    * Specify a type in the 'TPayload' generic argument to use strongly-typed payloads,
-    * otherwise specify 'any'
-    *
-    * Examples:
-    *     var dispatcher = new flux.Dispatcher<any>()
-    *     var typedDispatcher = new flux.Dispatcher<MyCustomActionType>()
-    *     class DerivedDispatcher extends flux.Dispatcher<MyCustomActionType> { }
-    */
-    export class Dispatcher<TPayload> {
-
-        /**
-        * Create an instance of the Dispatcher class to use throughout the application.
-        *
-        * Specify a type in the 'TPayload' generic argument to use strongly-typed payloads,
-        * otherwise specify 'any'
-        *
-        * Examples:
-        *     var dispatcher = new flux.Dispatcher<any>()
-        *     var typedDispatcher = new flux.Dispatcher<MyCustomActionType>()
-        */
-        constructor();
-
-        /**
-        * Registers a callback that will be invoked with every payload sent to the dispatcher.
-        * Returns a string token to identify the callback to be used with waitFor() or unregister.
-        */
-        register(callback: (payload: TPayload) => void): string;
-
-        /**
-        * Unregisters a callback with the given ID token
-        */
-        unregister(id: string): void;
-
-        /**
-        * Waits for the callbacks with the specified IDs to be invoked before continuing execution
-        * of the current callback. This method should only be used by a callback in response
-        * to a dispatched payload.
-        */
-        waitFor(IDs: string[]): void;
-
-        /**
-        * Dispatches a payload to all registered callbacks
-        */
-        dispatch(payload: TPayload): void;
-
-        /**
-        * Gets whether the dispatcher is currently dispatching
-        */
-        isDispatching(): boolean;
-    }
-}
+export {
+    Dispatcher
+};
diff --git a/types/flux/lib/Dispatcher.d.ts b/types/flux/lib/Dispatcher.d.ts
new file mode 100644
index 0000000000..045d633088
--- /dev/null
+++ b/types/flux/lib/Dispatcher.d.ts
@@ -0,0 +1,45 @@
+declare namespace Dispatcher { }
+
+declare class Dispatcher<TPayload> {
+    /**
+     * Create an instance of the Dispatcher class to use throughout the application.
+     *
+     * Specify a type in the 'TPayload' generic argument to use strongly-typed payloads,
+     * otherwise specify 'any'
+     *
+     * Examples:
+     *     var dispatcher = new flux.Dispatcher<any>()
+     *     var typedDispatcher = new flux.Dispatcher<MyCustomActionType>()
+     */
+    constructor();
+
+    /**
+     * Registers a callback that will be invoked with every payload sent to the dispatcher.
+     * Returns a string token to identify the callback to be used with waitFor() or unregister.
+     */
+    register(callback: (payload: TPayload) => void): string;
+
+    /**
+     * Unregisters a callback with the given ID token
+     */
+    unregister(id: string): void;
+
+    /**
+     * Waits for the callbacks with the specified IDs to be invoked before continuing execution
+     * of the current callback. This method should only be used by a callback in response
+     * to a dispatched payload.
+     */
+    waitFor(IDs: string[]): void;
+
+    /**
+     * Dispatches a payload to all registered callbacks
+     */
+    dispatch(payload: TPayload): void;
+
+    /**
+     * Gets whether the dispatcher is currently dispatching
+     */
+    isDispatching(): boolean;
+}
+
+export = Dispatcher;
diff --git a/types/flux/lib/FluxContainer.d.ts b/types/flux/lib/FluxContainer.d.ts
new file mode 100644
index 0000000000..54b578cc1d
--- /dev/null
+++ b/types/flux/lib/FluxContainer.d.ts
@@ -0,0 +1,65 @@
+import * as Dispatcher from "./Dispatcher";
+import * as FluxStore from "./FluxStore";
+import * as React from "react";
+
+/**
+ * A FluxContainer is used to subscribe a react component to multiple stores.
+ * The stores that are used must be returned from a static `getStores()` method.
+ *
+ * The component receives information from the stores via state. The state
+ * is generated using a static `calculateState()` method that each container must implement.
+ */
+/**
+ * Default options to create a Container.
+ *
+ * @interface RealOptions
+ */
+export interface RealOptions {
+    /**
+     * Default value: true
+     *
+     * @type {boolean}
+     */
+    pure?: boolean;
+    /**
+     * Default value: false
+     *
+     * @type {boolean}
+     */
+    withProps?: boolean;
+    /**
+     * Default value: false
+     *
+     * @type {boolean}
+     */
+    withContext?: boolean;
+}
+
+export type ComponentConstructor<TProps> = React.ComponentClass<TProps> | React.StatelessComponent<TProps>;
+
+export interface ComponentStatic<TProps, TState, TContext> {
+    getStores(maybeProps?: TProps, maybeContext?: TContext): Array<FluxStore<any>>;
+    calculateState(prevState: TState, maybeProps?: TProps, maybeContext?: TContext): TState;
+}
+
+export type Component<TProps, TState, TContext> = ComponentConstructor<TProps> & ComponentStatic<TProps, TState, TContext>;
+
+/**
+ * Create is used to transform a react class into a container
+ * that updates its state when relevant stores change.
+ * The provided base class must have static methods getStores() and calculateState().
+ */
+export function create<TProps>(base: Component<TProps, any, any>, options?: RealOptions): Component<TProps, any, any>;
+export function create<TProps, TState>(base: Component<TProps, TState, any>, options?: RealOptions): Component<TProps, TState, any>;
+export function create<TProps, TState, TContext>(base: Component<TProps, TState, TContext>, options?: RealOptions): Component<TProps, TState, TContext>;
+export function create<TProps, TState, TContext, TStatic>(base: Component<TProps, TState, TContext> & TStatic, options?: RealOptions): Component<TProps, TState, TContext> & TStatic;
+
+/**
+ * This is a way to connect stores to a functional stateless view.
+ */
+export function createFunctional<TProps, TState>(
+    viewFn: (props: TProps) => React.ReactElement<TState>,
+    getStores: (maybeProps?: TProps, maybeContext?: any) => Array<FluxStore<any>>,
+    calculateState: (prevState?: TState, maybeProps?: TProps, maybeContext?: any) => TState,
+    options?: RealOptions
+): Component<TProps, TState, any>;
diff --git a/types/flux/lib/FluxMixinLegacy.d.ts b/types/flux/lib/FluxMixinLegacy.d.ts
new file mode 100644
index 0000000000..2ce825e3da
--- /dev/null
+++ b/types/flux/lib/FluxMixinLegacy.d.ts
@@ -0,0 +1,26 @@
+import * as FluxStore from "./FluxStore";
+
+declare namespace FluxMixinLegacy {
+    interface Options {
+        withProps?: boolean;
+    }
+}
+
+/**
+ * `FluxContainer` should be preferred over this mixin, but it requires using
+ * react with classes. So this mixin is provided where it is not yet possible
+ * to convert a container to be a class.
+ *
+ * This mixin should be used for React components that have state based purely
+ * on stores. `this.props` will not be available inside of `calculateState()`.
+ *
+ * This mixin will only `setState` not replace it, so you should always return
+ * every key in your state unless you know what you are doing.
+ *
+ * On the second calculateState when prevState is not null, the state will be
+ * updated to contain the previous foo AND the bar that was just returned. Only
+ * returning bar will not delete foo.
+ */
+declare function FluxMixinLegacy(stores: Array<FluxStore<any>>, options?: FluxMixinLegacy.Options): any;
+
+export = FluxMixinLegacy;
diff --git a/types/flux/lib/FluxReduceStore.d.ts b/types/flux/lib/FluxReduceStore.d.ts
new file mode 100644
index 0000000000..71a7968812
--- /dev/null
+++ b/types/flux/lib/FluxReduceStore.d.ts
@@ -0,0 +1,36 @@
+import * as Store from "./FluxStore";
+
+declare namespace FluxReduceStore { }
+
+/**
+ * This is the basic building block of a Flux application. All of your stores
+ * should extend this class.
+ */
+declare abstract class FluxReduceStore<TState, TPayload> extends Store<TPayload> {
+  /**
+   * Getter that exposes the entire state of this store.
+   * If your state is not immutable you should override this and not expose state directly.
+   */
+  getState(): TState;
+
+  /**
+   * Constructs the initial state for this store.
+   * This is called once during construction of the store.
+   */
+  abstract getInitialState(): TState;
+
+  /**
+   * Reduces the current state, and an action to the new state of this store.
+   * All subclasses must implement this method.
+   * This method should be pure and have no side-effects.
+   */
+  abstract reduce(state: TState, action: TPayload): TState;
+
+  /**
+   * Checks if two versions of state are the same.
+   * You do not need to override this if your state is immutable.
+   */
+  areEqual(one: TState, two: TState): boolean;
+}
+
+export = FluxReduceStore;
diff --git a/types/flux/lib/FluxStore.d.ts b/types/flux/lib/FluxStore.d.ts
new file mode 100644
index 0000000000..a0b2384c72
--- /dev/null
+++ b/types/flux/lib/FluxStore.d.ts
@@ -0,0 +1,74 @@
+import * as Dispatcher from "./Dispatcher";
+import * as fbEmitter from "fbemitter";
+
+declare namespace FluxStore { }
+
+/**
+ * This class represents the most basic functionality for a FluxStore. Do not
+ * extend this store directly; instead extend FluxReduceStore when creating a
+ * new store.
+ */
+declare abstract class FluxStore<TPayload> {
+  /**
+   * Constructs and registers an instance of this store with the given dispatcher.
+   */
+  constructor(dispatcher: Dispatcher<TPayload>);
+
+  /**
+   * Adds a listener to the store, when the store changes the given callback will be called.
+   * A token is returned that can be used to remove the listener.
+   * Calling the remove() function on the returned token will remove the listener.
+   */
+  addListener(callback: () => void): fbEmitter.EventSubscription;
+
+  /**
+   * Returns the dispatcher this store is registered with.
+   */
+  getDispatcher(): Dispatcher<TPayload>;
+
+  /**
+   * Returns the dispatch token that the dispatcher recognizes this store by.
+   * Can be used to waitFor() this store.
+   */
+  getDispatchToken(): string;
+
+  /**
+   * Ask if a store has changed during the current dispatch.
+   * Can only be invoked while dispatching.
+   * This can be used for constructing derived stores that depend on data from other stores.
+   */
+  hasChanged(): boolean;
+
+  /**
+   * Emit an event notifying all listeners that this store has changed.
+   * This can only be invoked when dispatching.
+   * Changes are de-duplicated and resolved at the end of this store's __onDispatch function.
+   */
+  protected __emitChange(): void;
+
+  /**
+   * This method encapsulates all logic for invoking __onDispatch. It should
+   * be used for things like catching changes and emitting them after the
+   * subclass has handled a payload.
+   */
+  protected __invokeOnDispatch(payload: TPayload): void;
+
+  /**
+   * Subclasses must override this method.
+   * This is how the store receives actions from the dispatcher.
+   * All state mutation logic must be done during this method.
+   */
+  protected __onDispatch(payload: TPayload): void;
+
+  protected __changed: boolean;
+
+  protected __changeEvent: string;
+
+  protected __className: string;
+
+  protected __dispatcher: Dispatcher<TPayload>;
+
+  protected __emitter: fbEmitter.EventEmitter;
+}
+
+export = FluxStore;
diff --git a/types/flux/test/Flux.ts b/types/flux/test/Flux.ts
new file mode 100644
index 0000000000..6666b830aa
--- /dev/null
+++ b/types/flux/test/Flux.ts
@@ -0,0 +1,71 @@
+import { Dispatcher } from "flux";
+
+enum ActionSource {
+    Server,
+    View
+}
+enum ActionType {
+    Create,
+    Update,
+    Delete
+}
+
+interface Action {
+    source: ActionSource;
+    type: ActionType;
+    data: {};
+}
+
+function dispatcherCallback(payload: Action) {
+    let source: ActionSource = payload.source;
+    let type: ActionType = payload.type;
+    let data: {} = payload.data;
+}
+
+let dispatcherIsDispatching: boolean;
+let dispatcherToken: string;
+
+const actionPayload = {
+    data: {},
+    source: ActionSource.Server,
+    type: ActionType.Create
+};
+
+/**
+ * Basic dispatcher
+ */
+const basicDispatcher: Dispatcher<Action> = new Dispatcher<Action>();
+dispatcherToken = basicDispatcher.register(dispatcherCallback);
+basicDispatcher.unregister(dispatcherToken);
+basicDispatcher.waitFor([dispatcherToken]);
+basicDispatcher.dispatch(actionPayload);
+dispatcherIsDispatching = basicDispatcher.isDispatching();
+
+/**
+ * Custom dispatcher
+ */
+class CustomDispatcher extends Dispatcher<Action> {
+    // Dispatch an action with server as source
+    handleServerAction(type: ActionType, data: {}) {
+        this.dispatch({
+            source: ActionSource.Server,
+            type,
+            data
+        });
+    }
+    // Dispatch an action with view as source
+    handleViewAction(type: ActionType, data: {}) {
+        this.dispatch({
+            source: ActionSource.View,
+            type,
+            data
+        });
+    }
+}
+
+const customDispatcher: CustomDispatcher = new CustomDispatcher();
+dispatcherToken = customDispatcher.register(dispatcherCallback);
+customDispatcher.unregister(dispatcherToken);
+customDispatcher.dispatch(actionPayload);
+customDispatcher.waitFor([dispatcherToken]);
+dispatcherIsDispatching = customDispatcher.isDispatching();
diff --git a/types/flux/test/FluxUtils.tsx b/types/flux/test/FluxUtils.tsx
new file mode 100644
index 0000000000..1cd3705fab
--- /dev/null
+++ b/types/flux/test/FluxUtils.tsx
@@ -0,0 +1,80 @@
+import { Dispatcher } from "flux";
+import { ReduceStore, Container } from "flux/utils";
+import * as React from "react";
+
+interface Payload {
+    type: string;
+}
+
+const basicDispatcher = new Dispatcher<Payload>();
+
+// Sample Reduce Store
+class CounterStore extends ReduceStore<number, any> {
+    getInitialState(): number {
+        return 0;
+    }
+
+    reduce(state: number, action: Payload): number {
+        switch (action.type) {
+            case 'increment':
+                return state + 1;
+            case 'square':
+                return state * state;
+            default:
+                return state;
+        }
+    }
+}
+const Store = new CounterStore(basicDispatcher);
+
+// Sample Flux container with Store
+interface Props {
+    a: string;
+    b: boolean;
+}
+
+interface State {
+    counter: number;
+}
+
+class CounterContainer extends React.Component<Props, State> {
+    static getStores() {
+        return [Store];
+    }
+
+    static a: string = "asd";
+
+    static calculateState(prevState: State, props: Props): State {
+        return {
+            counter: Store.getState() - (props.b ? 0 : 1)
+        };
+    }
+
+    render() {
+        return <div>
+            {this.state.counter}
+        </div>;
+    }
+}
+
+const ContainerComponent1 = Container.create(CounterContainer, { withProps: true });
+<ContainerComponent1 a="string" b={false} />;
+
+const ContainerComponent2 = Container.create<Props>(CounterContainer, { withProps: true });
+<ContainerComponent2 a="string" b={false} />;
+
+const ContainerComponent3 = Container.create<Props, State>(CounterContainer, { withProps: true });
+<ContainerComponent3 a="string" b={false} />;
+
+// Functional flux container with Store
+const FunctionalContainerComponent = Container.createFunctional<Props, State>(
+    (props) => {
+        return <div>
+            {props.a} {props.b}
+        </div>;
+    },
+    () => [Store],
+    (prevState) => ({ counter: Store.getState() })
+);
+
+<FunctionalContainerComponent a="string" b={true} />;
diff --git a/types/flux/tsconfig.json b/types/flux/tsconfig.json
index 45255c7d7a..540faa9d2b 100644
--- a/types/flux/tsconfig.json
+++ b/types/flux/tsconfig.json
@@ -5,20 +5,27 @@
             "es6",
             "dom"
         ],
-        "noImplicitAny": true,
-        "noImplicitThis": true,
-        "strictNullChecks": false,
         "baseUrl": "../",
         "typeRoots": [
             "../"
         ],
+        "jsx": "react",
         "types": [],
-        "noEmit": true,
-        "forceConsistentCasingInFileNames": true
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictNullChecks": false,
+        "forceConsistentCasingInFileNames": true,
+        "noEmit": true
     },
     "files": [
         "index.d.ts",
-        "utils/index.d.ts",
-        "flux-tests.ts"
+        "utils.d.ts",
+        "lib/Dispatcher.d.ts",
+        "lib/FluxContainer.d.ts",
+        "lib/FluxMixinLegacy.d.ts",
+        "lib/FluxReduceStore.d.ts",
+        "lib/FluxStore.d.ts",
+        "test/Flux.ts",
+        "test/FluxUtils.tsx"
     ]
 }
\ No newline at end of file
diff --git a/types/flux/tslint.json b/types/flux/tslint.json
new file mode 100644
index 0000000000..e60c15844f
--- /dev/null
+++ b/types/flux/tslint.json
@@ -0,0 +1,3 @@
+{
+    "extends": "dtslint/dt.json"
+}
\ No newline at end of file
diff --git a/types/flux/utils.d.ts b/types/flux/utils.d.ts
new file mode 100644
index 0000000000..4eb3d96e99
--- /dev/null
+++ b/types/flux/utils.d.ts
@@ -0,0 +1,11 @@
+import * as Container from "./lib/FluxContainer";
+import * as Mixin from "./lib/FluxMixinLegacy";
+import * as ReduceStore from "./lib/FluxReduceStore";
+import * as Store from "./lib/FluxStore";
+
+export {
+    Container,
+    Mixin,
+    ReduceStore,
+    Store
+};
diff --git a/types/flux/utils/index.d.ts b/types/flux/utils/index.d.ts
deleted file mode 100644
index b223945181..0000000000
--- a/types/flux/utils/index.d.ts
+++ /dev/null
@@ -1,140 +0,0 @@
-// Type definitions for Flux Utils 3.0
-// Project: http://facebook.github.io/flux/
-// Definitions by: Steve Baker <https://github.com/stkb/>, Giedrius Grabauskas <https://github.com/GiedriusGrabauskas/>
-// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
-
-/// <reference types="react" />
-/// <reference types="flux" />
-/// <reference types="fbemitter" />
-
-import * as React from 'react';
-import * as Flux from 'flux';
-import * as fbEmitter from 'fbemitter';
-
-export = FluxUtils;
-
-declare namespace FluxUtils {
-    /**
-     * Default options to create a Container with
-     *
-     * @interface RealOptions
-     */
-    interface RealOptions {
-        /**
-         * Default value: true
-         *
-         * @type {boolean}
-         */
-        pure?: boolean;
-        /**
-         * Default value: false
-         *
-         * @type {boolean}
-         */
-        withProps?: boolean;
-        /**
-         * Default value: false
-         *
-         * @type {boolean}
-         */
-        withContext?: boolean;
-    }
-
-    export class Container {
-        constructor();
-        /**
-        * Create is used to transform a react class into a container
-        * that updates its state when relevant stores change.
-        * The provided base class must have static methods getStores() and calculateState().
-        */
-        static create<TComponent>(base: React.ComponentClass<TComponent>, options?: RealOptions): React.ComponentClass<TComponent>;
-
-
-
-        /**
-         * This is a way to connect stores to a functional stateless view
-         */
-        static createFunctional<Props, State>(
-            viewFn: (props: State) => React.ReactElement<State>,
-            getStores: (props?: Props, context?: any) => FluxUtils.Store<any>[],
-            calculateState: (prevState?: State, props?: Props, context?: any) => State,
-            options?: RealOptions
-        ): React.ComponentClass<Props>;
-    }
-
-    export class ReduceStore<T, TPayload> extends Store<TPayload> {
-        /**
-        * Getter that exposes the entire state of this store.
-        * If your state is not immutable you should override this and not expose state directly.
-        */
-        getState(): T;
-
-        /**
-        * Constructs the initial state for this store.
-        * This is called once during construction of the store.
-        */
-        getInitialState(): T;
-
-        /**
-        * Reduces the current state, and an action to the new state of this store.
-        * All subclasses must implement this method.
-        * This method should be pure and have no side-effects.
-        */
-        reduce(state: T, action: TPayload): T;
-
-        /**
-        * Checks if two versions of state are the same.
-        * You do not need to override this if your state is immutable.
-        */
-        areEqual(one: T, two: T): boolean;
-
-    }
-
-    export class Store<TPayload> {
-
-        /**
-        * Constructs and registers an instance of this store with the given dispatcher.
-        */
-        constructor(dispatcher: Flux.Dispatcher<TPayload>);
-
-        /**
-        * Adds a listener to the store, when the store changes the given callback will be called.
-        * A token is returned that can be used to remove the listener.
-        * Calling the remove() function on the returned token will remove the listener.
-        */
-        addListener(callback: Function): fbEmitter.EventSubscription;
-
-        /**
-        * Returns the dispatcher this store is registered with.
-        */
-        getDispatcher(): Flux.Dispatcher<TPayload>;
-
-        /**
-        * Returns the dispatch token that the dispatcher recognizes this store by.
-        * Can be used to waitFor() this store.
-        */
-        getDispatchToken(): string;
-
-        /**
-        * Ask if a store has changed during the current dispatch.
-        * Can only be invoked while dispatching.
-        * This can be used for constructing derived stores that depend on data from other stores.
-        */
-        hasChanged(): boolean;
-
-        /**
-        *Emit an event notifying all listeners that this store has changed.
-        * This can only be invoked when dispatching.
-        * Changes are de-duplicated and resolved at the end of this store's __onDispatch function.
-        */
-        __emitChange(): void;
-
-        /**
-        * Subclasses must override this method.
-        * This is how the store receives actions from the dispatcher.
-        * All state mutation logic must be done during this method.
-        */
-        __onDispatch(payload: TPayload): void;
-    }
-}
-

From 06303669ae82d3e9eea8ac9975c0c683a0b104a7 Mon Sep 17 00:00:00 2001
From: Denis Vishniakov <denis.vishniakov@mheducation.com>
Date: Thu, 4 May 2017 21:07:03 -0400
Subject: [PATCH 220/321] Fixed missing request.OAuthOptions.transport_method
 (#15927)

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

diff --git a/types/request/index.d.ts b/types/request/index.d.ts
index 41791cf1ad..d27e2e89ed 100644
--- a/types/request/index.d.ts
+++ b/types/request/index.d.ts
@@ -50,7 +50,7 @@ declare namespace request {
         del(uri: string, options?: TOptions, callback?: RequestCallback): TRequest;
         del(uri: string, callback?: RequestCallback): TRequest;
         del(options: TUriUrlOptions & TOptions, callback?: RequestCallback): TRequest;
-            
+
         delete(uri: string, options?: TOptions, callback?: RequestCallback): TRequest;
         delete(uri: string, callback?: RequestCallback): TRequest;
         delete(options: TUriUrlOptions & TOptions, callback?: RequestCallback): TRequest;
@@ -237,6 +237,7 @@ declare namespace request {
         consumer_secret?: string;
         token?: string;
         token_secret?: string;
+        transport_method?: 'body' | 'header' | 'query';
         verifier?: string;
     }
 
diff --git a/types/request/request-tests.ts b/types/request/request-tests.ts
index 1bd81760c8..7b05a6476b 100644
--- a/types/request/request-tests.ts
+++ b/types/request/request-tests.ts
@@ -77,6 +77,7 @@ str = oauth.consumer_key;
 str = oauth.consumer_secret;
 str = oauth.token;
 str = oauth.token_secret;
+str = oauth.transport_method;
 str = oauth.verifier;
 
 var options: request.Options = {
@@ -434,6 +435,7 @@ oauth =
     { callback: 'http://mysite.com/callback/'
     , consumer_key: CONSUMER_KEY
     , consumer_secret: CONSUMER_SECRET
+    , transport_method: 'header'
     }
   , url = 'https://api.twitter.com/oauth/request_token'
   ;

From 208f0dd6a6109c83785c67c33c76c37505b62929 Mon Sep 17 00:00:00 2001
From: Gyusun Yeom <omniavinco@gmail.com>
Date: Fri, 5 May 2017 10:07:52 +0900
Subject: [PATCH 221/321] upate types of watch for 1.0 (#15931)

* Update types of watch for 1.0

* Specify type of File & Options.filter

* fix tslint.json - use dtslint/dt.json

* fix lint error
---
 types/watch/index.d.ts     | 36 +++++++++++++++-------------
 types/watch/tsconfig.json  |  2 +-
 types/watch/tslint.json    |  1 +
 types/watch/watch-tests.ts | 49 +++++++++++++++++++++-----------------
 4 files changed, 48 insertions(+), 40 deletions(-)
 create mode 100644 types/watch/tslint.json

diff --git a/types/watch/index.d.ts b/types/watch/index.d.ts
index 78ffdca016..626d47dbf3 100644
--- a/types/watch/index.d.ts
+++ b/types/watch/index.d.ts
@@ -1,35 +1,37 @@
-// Type definitions for watch
+// Type definitions for watch 1.0
 // Project: https://github.com/mikeal/watch
-// Definitions by: Carlos Ballesteros Velasco <https://github.com/soywiz>
+// Definitions by: Carlos Ballesteros Velasco <https://github.com/soywiz>, Gyusun Yeom <https://github.com/Perlmint>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 
 // Imported from: https://github.com/soywiz/typescript-node-definitions/watch.d.ts
 
 /// <reference types="node" />
 
-
 import fs = require("fs");
 import events = require("events");
 
-export interface Monitor extends events.EventEmitter {
-    // event: created
-    // event: removed
-    // event: changed
+export type FileOrFiles = fs.Stats | {[key: string]: fs.Stats};
 
-    // export function onCreated(callback, function(f, stat: fs.Stats) { });
-    // export function onChanged(callback, function(f, curr: fs.Stats, prev: fs.Stats) { });
-    // export function onRemoved(callback, function(f, stat: fs.Stats) { });
+export interface Monitor extends events.EventEmitter {
+    files: {[key: string]: fs.Stats};
+
+    on(event: "created" | "removed", listener: (f: FileOrFiles, stat: fs.Stats) => void): this;
+    on(event: "changed", listener: (f: FileOrFiles, current: fs.Stats, prev: fs.Stats) => void): this;
+    on(event: string | symbol, listener: (...args: any[]) => void): this;
+    stop(): void;
 }
 
 export interface Options {
-    persistent?: boolean;
     ignoreDotFiles?: boolean;
-    filter?: any;
+    filter?(path: string, stat: fs.Stats): boolean;
     interval?: number;
+    ignoreUnreadableDir?: boolean;
+    ignoreNotPermitted?: boolean;
+    ignoreDirectoryPattern?: boolean;
 }
 
-export declare function watchTree(root: string, callback: (f: any, curr: fs.Stats, prev: fs.Stats) => void): void;
-export declare function watchTree(root: string, options: Options, callback: (f: any, curr: fs.Stats, prev: fs.Stats) => void): void;
-export declare function unwatchTree(root: string): void;
-export declare function createMonitor(root: string, callback: (monitor: Monitor) => void): void;
-export declare function createMonitor(root: string, options: Options, callback: (monitor: Monitor) => void): void;
+export function watchTree(root: string, callback: (f: FileOrFiles, curr: fs.Stats, prev: fs.Stats) => void): void;
+export function watchTree(root: string, options: Options, callback: (f: FileOrFiles, curr: fs.Stats, prev: fs.Stats) => void): void;
+export function unwatchTree(root: string): void;
+export function createMonitor(root: string, callback: (monitor: Monitor) => void): void;
+export function createMonitor(root: string, options: Options, callback: (monitor: Monitor) => void): void;
diff --git a/types/watch/tsconfig.json b/types/watch/tsconfig.json
index 2936f899ce..372f591f92 100644
--- a/types/watch/tsconfig.json
+++ b/types/watch/tsconfig.json
@@ -19,4 +19,4 @@
         "index.d.ts",
         "watch-tests.ts"
     ]
-}
\ No newline at end of file
+}
diff --git a/types/watch/tslint.json b/types/watch/tslint.json
new file mode 100644
index 0000000000..3db14f85ea
--- /dev/null
+++ b/types/watch/tslint.json
@@ -0,0 +1 @@
+{ "extends": "dtslint/dt.json" }
diff --git a/types/watch/watch-tests.ts b/types/watch/watch-tests.ts
index 9510d6dfb7..bc78126e11 100644
--- a/types/watch/watch-tests.ts
+++ b/types/watch/watch-tests.ts
@@ -1,32 +1,37 @@
-
 import watch = require('watch');
 import fs = require('fs');
 
-var value: any;
-var str: string;
-var num: number;
-var bool: boolean;
-
-var mon: watch.Monitor;
-var opts: watch.Options = {
-	ignoreDotFiles: bool,
-	filter: value
-};
-
-mon.on('foo', () => {
-
+watch.watchTree('/some_path', (f: any, curr: fs.Stats, prev: fs.Stats) => {
 });
 
-watch.watchTree(str, (f: any, curr: fs.Stats, prev: fs.Stats) => {
-
+watch.watchTree('/home/mikeal', (f, curr, prev) => {
+    if (typeof f === "object" && prev === null && curr === null) {
+        // Finished walking the tree
+    } else if (prev === null) {
+        // f is a new file
+    } else if (curr.nlink === 0) {
+        // f was removed
+    } else {
+        // f was changed
+    }
 });
-watch.watchTree(str, opts, (f: any, curr: fs.Stats, prev: fs.Stats) => {
 
+watch.unwatchTree('/some_path');
+watch.createMonitor('/home/mikeal', (monitor) => {
+    monitor.files['/home/mikeal/.zshrc']; // Stat object for my zshrc.
+    monitor.on("created", (f, stat) => {
+        // Handle new files
+    });
+    monitor.on("changed", (f, curr, prev) => {
+        // Handle file changes
+    });
+    monitor.on("removed", (f, stat) => {
+        // Handle removed files
+    });
+    monitor.stop(); // Stop watching
 });
-watch.unwatchTree(str);
-watch.createMonitor(str, (monitor: watch.Monitor) => {
-
-});
-watch.createMonitor(str, opts, (monitor: watch.Monitor) => {
 
+watch.createMonitor('/some/path', {
+    ignoreDotFiles: true
+}, (monitor: watch.Monitor) => {
 });

From 5eb4882512adb3846102242c57d648fc029bee87 Mon Sep 17 00:00:00 2001
From: cafeburger <cafeburger@hotmail.com>
Date: Fri, 5 May 2017 09:08:08 +0800
Subject: [PATCH 222/321] Update index.d.ts (#15937)

add 'hosted_domain' property in gapi.client.init
---
 types/gapi/index.d.ts | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/types/gapi/index.d.ts b/types/gapi/index.d.ts
index 8f8e621fa3..9af6258966 100644
--- a/types/gapi/index.d.ts
+++ b/types/gapi/index.d.ts
@@ -148,7 +148,9 @@ declare namespace gapi.client {
         /**
          * The scopes to request, as a space-delimited string.
          */
-        scope?: string
+        scope?: string,
+                          
+        hosted_domain?: string;
     }): Promise<void>;
 
     interface RequestOptions {

From 5f27bc20941d98ccc42df3a01a306b83b01c5c06 Mon Sep 17 00:00:00 2001
From: Bas Timmer <bas@dotbas.net>
Date: Fri, 5 May 2017 03:08:20 +0200
Subject: [PATCH 223/321] color: Add color model conversions (#15940)

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

diff --git a/types/color/index.d.ts b/types/color/index.d.ts
index e7e460f62a..8d6016c7d8 100644
--- a/types/color/index.d.ts
+++ b/types/color/index.d.ts
@@ -67,6 +67,13 @@ declare namespace Color {
         hex(color: string): Color;
         hex(): string;
         rgb(): Color;
+        hsl(): Color;
+        hsv(): Color;
+        hwb(): Color;
+        hcg(): Color;
+        cmyk(): Color;
+        xyz(): Color;
+        lab(): Color;
         rgbNumber(): number;
         luminosity(): number;
         contrast(color: Color): number;

From c26fe793b8b61294dd08cb0fbf291a43091a23a8 Mon Sep 17 00:00:00 2001
From: Martin Deiss <martindeiss@gmail.com>
Date: Fri, 5 May 2017 03:08:32 +0200
Subject: [PATCH 224/321] Added missing customPATCH method (#15945)

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

diff --git a/types/restangular/index.d.ts b/types/restangular/index.d.ts
index 8fbc5723cb..811fdf8894 100644
--- a/types/restangular/index.d.ts
+++ b/types/restangular/index.d.ts
@@ -76,6 +76,7 @@ declare namespace restangular {
     customDELETE(path: string, params?: any, headers?: any): IPromise<any>;
     customPOST(elem?: any, path?: string, params?: any, headers?: any): IPromise<any>;
     customPUT(elem?: any, path?: string, params?: any, headers?: any): IPromise<any>;
+    customPATCH(elem?: any, path?: string, params?: any, headers?: any): IPromise<any>;
     customOperation(operation: string, path: string, params?: any, headers?: any, elem?: any): IPromise<any>;
     addRestangularMethod(name: string, operation: string, path?: string, params?: any, headers?: any, elem?: any): IPromise<any>;
   }

From cb8b7aeb33392c04c3082b04eb5d51e8a9744e7f Mon Sep 17 00:00:00 2001
From: Sam Baxter <baxtersa14@gmail.com>
Date: Thu, 4 May 2017 21:09:02 -0400
Subject: [PATCH 225/321] Fix function param type definitions for babel-types
 (#15973)

---
 types/babel-types/babel-types-tests.ts |  3 +++
 types/babel-types/index.d.ts           | 30 +++++++++++++-------------
 2 files changed, 18 insertions(+), 15 deletions(-)

diff --git a/types/babel-types/babel-types-tests.ts b/types/babel-types/babel-types-tests.ts
index 7b82dfc675..5974a64885 100644
--- a/types/babel-types/babel-types-tests.ts
+++ b/types/babel-types/babel-types-tests.ts
@@ -14,6 +14,9 @@ traverse(ast, {
         if (t.isIdentifier(node, { name: "n" })) {
             node.name = "x";
         }
+        if (t.isFunctionExpression(node)) {
+            node.params = [t.identifier('param')];
+        }
     }
 });
 
diff --git a/types/babel-types/index.d.ts b/types/babel-types/index.d.ts
index 495b818a0b..77ea8b54de 100644
--- a/types/babel-types/index.d.ts
+++ b/types/babel-types/index.d.ts
@@ -1,6 +1,6 @@
 // Type definitions for babel-types v6.7
 // Project: https://github.com/babel/babel/tree/master/packages/babel-types
-// Definitions by: Troy Gerwien <https://github.com/yortus>
+// Definitions by: Troy Gerwien <https://github.com/yortus>, Sam Baxter <https://github.com/baxtersa>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 
 export interface Comment {
@@ -88,7 +88,7 @@ export interface CallExpression extends Node {
 
 export interface CatchClause extends Node {
     type: "CatchClause";
-    param: Pattern;
+    param: Identifier;
     body: BlockStatement;
 }
 
@@ -148,7 +148,7 @@ export interface ForStatement extends Node {
 export interface FunctionDeclaration extends Node {
     type: "FunctionDeclaration";
     id: Identifier;
-    params: Pattern[];
+    params: Array<LVal>;
     body: BlockStatement;
     generator: boolean;
     async: boolean;
@@ -159,7 +159,7 @@ export interface FunctionDeclaration extends Node {
 export interface FunctionExpression extends Node {
     type: "FunctionExpression";
     id: Identifier;
-    params: Pattern[];
+    params: Array<LVal>;
     body: BlockStatement;
     generator: boolean;
     async: boolean;
@@ -252,7 +252,7 @@ export interface ObjectMethod extends Node {
     value: Expression;
     decorators?: Decorator[];
     id: Identifier;
-    params: Pattern[];
+    params: Array<LVal>;
     body: BlockStatement;
     generator: boolean;
     async: boolean;
@@ -353,20 +353,20 @@ export interface WithStatement extends Node {
 
 export interface AssignmentPattern extends Node {
     type: "AssignmentPattern";
-    left: Pattern;
+    left: Identifier;
     right: Expression;
 }
 
 export interface ArrayPattern extends Node {
     type: "ArrayPattern";
-    elements: Array<Pattern>;
+    elements: Array<Expression>;
     typeAnnotation?: TypeAnnotation;
 }
 
 export interface ArrowFunctionExpression extends Node {
     type: "ArrowFunctionExpression";
     id: Identifier;
-    params: Pattern[];
+    params: Array<LVal>;
     body: BlockStatement | Expression;
     generator: boolean;
     async: boolean;
@@ -472,7 +472,7 @@ export interface ClassMethod extends Node {
     static: boolean;
     decorators?: Decorator[];
     id: Identifier;
-    params: Pattern[];
+    params: Array<LVal>;
     body: BlockStatement;
     generator: boolean;
     async: boolean;
@@ -925,8 +925,8 @@ export function expressionStatement(expression?: Expression): ExpressionStatemen
 export function file(program?: Program, comments?: Comment[], tokens?: any[]): File;
 export function forInStatement(left?: VariableDeclaration | LVal, right?: Expression, body?: Statement): ForInStatement;
 export function forStatement(init?: VariableDeclaration | Expression, test?: Expression, update?: Expression, body?: Statement): ForStatement;
-export function functionDeclaration(id?: Identifier, params?: Pattern[], body?: BlockStatement, generator?: boolean, async?: boolean): FunctionDeclaration;
-export function functionExpression(id?: Identifier, params?: Pattern[], body?: BlockStatement, generator?: boolean, async?: boolean): FunctionExpression;
+export function functionDeclaration(id?: Identifier, params?: Array<LVal>, body?: BlockStatement, generator?: boolean, async?: boolean): FunctionDeclaration;
+export function functionExpression(id?: Identifier, params?: Array<LVal>, body?: BlockStatement, generator?: boolean, async?: boolean): FunctionExpression;
 export function identifier(name?: string): Identifier;
 export function ifStatement(test?: Expression, consequent?: Statement, alternate?: Statement): IfStatement;
 export function labeledStatement(label?: Identifier, body?: Statement): LabeledStatement;
@@ -940,7 +940,7 @@ export function memberExpression(object?: Expression | Super, property?: Express
 export function newExpression(callee?: Expression | Super, _arguments?: Array<Expression | SpreadElement>): NewExpression;
 export function program(body?: Array<Statement | ModuleDeclaration>, directives?: Directive[]): Program;
 export function objectExpression(properties?: Array<ObjectProperty | ObjectMethod | SpreadProperty>): ObjectExpression;
-export function objectMethod(kind?: "get" | "set" | "method", key?: Expression, params?: Pattern[], body?: BlockStatement, computed?: boolean): ObjectMethod;
+export function objectMethod(kind?: "get" | "set" | "method", key?: Expression, params?: Array<LVal>, body?: BlockStatement, computed?: boolean): ObjectMethod;
 export function objectProperty(key?: Expression, value?: Expression, computed?: boolean, shorthand?: boolean, decorators?: Decorator[]): ObjectProperty;
 export function restElement(argument?: LVal, typeAnnotation?: TypeAnnotation): RestElement;
 export function returnStatement(argument?: Expression): ReturnStatement;
@@ -957,8 +957,8 @@ export function variableDeclarator(id?: LVal, init?: Expression): VariableDeclar
 export function whileStatement(test?: Expression, body?: BlockStatement | Statement): WhileStatement;
 export function withStatement(object?: Expression, body?: BlockStatement | Statement): WithStatement;
 export function assignmentPattern(left?: Identifier, right?: Expression): AssignmentPattern;
-export function arrayPattern(elements?: Array<Pattern>, typeAnnotation?: TypeAnnotation): ArrayPattern;
-export function arrowFunctionExpression(params?: Pattern[], body?: BlockStatement | Expression, async?: boolean): ArrowFunctionExpression;
+export function arrayPattern(elements?: Array<Expression>, typeAnnotation?: TypeAnnotation): ArrayPattern;
+export function arrowFunctionExpression(params?: Array<LVal>, body?: BlockStatement | Expression, async?: boolean): ArrowFunctionExpression;
 export function classBody(body?: Array<ClassMethod | ClassProperty>): ClassBody;
 export function classDeclaration(id?: Identifier, superClass?: Expression, body?: ClassBody, decorators?: Decorator[]): ClassDeclaration;
 export function classExpression(id?: Identifier, superClass?: Expression, body?: ClassBody, decorators?: Decorator[]): ClassExpression;
@@ -972,7 +972,7 @@ export function importDefaultSpecifier(local?: Identifier): ImportDefaultSpecifi
 export function importNamespaceSpecifier(local?: Identifier): ImportNamespaceSpecifier;
 export function importSpecifier(local?: Identifier, imported?: Identifier): ImportSpecifier;
 export function metaProperty(meta?: string, property?: string): MetaProperty;
-export function classMethod(kind?: "constructor" | "method" | "get" | "set", key?: Expression, params?: Pattern[], body?: BlockStatement, computed?: boolean, _static?: boolean): ClassMethod;
+export function classMethod(kind?: "constructor" | "method" | "get" | "set", key?: Expression, params?: Array<LVal>, body?: BlockStatement, computed?: boolean, _static?: boolean): ClassMethod;
 export function objectPattern(properties?: Array<AssignmentProperty | RestProperty>, typeAnnotation?: TypeAnnotation): ObjectPattern;
 export function spreadElement(argument?: Expression): SpreadElement;
 export function taggedTemplateExpression(tag?: Expression, quasi?: TemplateLiteral): TaggedTemplateExpression;

From 3eb6786902b36f0324512b15389b7fbb4c3e8735 Mon Sep 17 00:00:00 2001
From: Brian Houser <BrianLHouser@gmail.com>
Date: Fri, 5 May 2017 03:10:22 +0200
Subject: [PATCH 226/321] react-intl: update IntlProvider.Props interface
 (#15977)

* update IntlProvider.Props interface

* updated react-intl "Definitions by"
---
 types/react-intl/index.d.ts | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/types/react-intl/index.d.ts b/types/react-intl/index.d.ts
index 44480deceb..5fb82ada78 100644
--- a/types/react-intl/index.d.ts
+++ b/types/react-intl/index.d.ts
@@ -4,7 +4,8 @@
 //                 Christian Droulers <https://github.com/cdroulers>,
 //                 Fedor Nezhivoi <https://github.com/gyzerok>,
 //                 Till Wolff <https://github.com/tillwolff>,
-//                 Karol Janyst <https://github.com/LKay>
+//                 Karol Janyst <https://github.com/LKay>,
+//                 Brian Houser <https://github.com/bhouser>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 // TypeScript Version: 2.1
 
@@ -186,6 +187,7 @@ declare namespace ReactIntl {
             messages?: any;
             defaultLocale?: string;
             defaultFormats?: any;
+            textComponent?: any;
         }
     }
 

From 76c82115adf826119103465a2a45ca272a3c7752 Mon Sep 17 00:00:00 2001
From: DingWeizhe <D.weizhe@gmail.com>
Date: Fri, 5 May 2017 09:13:03 +0800
Subject: [PATCH 227/321] [fluent-ffmpeg] support es6 import syntax & conform
 to tdslint (#16036)

* support es6 import syntax

* support es6 import syntax

* add author

* test import syntax to es6

* add tslint config

* tslint: Interface has only a call signature

* tslint: ban-types

* tslint: no-misused-new

* tslint: semicolon

* tslint: TypeScript compile error: Cannot find name 'object'.

* tslint: unified-signatures

* tslint: disable unified-signatures, parameter name is different

* tslint: object-literal-shorthand

* tslint: one-variable-per-declaration

* tslint: dt-header

* tslint: no-single-declare-module

* type definitions for images 2.2
---
 types/fluent-ffmpeg/fluent-ffmpeg-tests.ts |   8 +-
 types/fluent-ffmpeg/index.d.ts             | 489 ++++++++++-----------
 types/fluent-ffmpeg/tslint.json            |   3 +
 types/images/images-tests.ts               |  35 ++
 types/images/index.d.ts                    |  43 ++
 types/images/tsconfig.json                 |  22 +
 types/images/tslint.json                   |   3 +
 7 files changed, 350 insertions(+), 253 deletions(-)
 create mode 100644 types/fluent-ffmpeg/tslint.json
 create mode 100644 types/images/images-tests.ts
 create mode 100644 types/images/index.d.ts
 create mode 100644 types/images/tsconfig.json
 create mode 100644 types/images/tslint.json

diff --git a/types/fluent-ffmpeg/fluent-ffmpeg-tests.ts b/types/fluent-ffmpeg/fluent-ffmpeg-tests.ts
index 112d6de09b..b4beb14ef7 100644
--- a/types/fluent-ffmpeg/fluent-ffmpeg-tests.ts
+++ b/types/fluent-ffmpeg/fluent-ffmpeg-tests.ts
@@ -1,5 +1,7 @@
-import ffmpeg = require("fluent-ffmpeg")
+import * as ffmpeg from "fluent-ffmpeg";
 
-let source: string, format: string, output: string
+let source: string;
+let format: string;
+let output: string;
 
-ffmpeg({ source: source }).format(format).save(output)
+ffmpeg({ source }).format(format).save(output);
diff --git a/types/fluent-ffmpeg/index.d.ts b/types/fluent-ffmpeg/index.d.ts
index 538ac71761..1e44422789 100644
--- a/types/fluent-ffmpeg/index.d.ts
+++ b/types/fluent-ffmpeg/index.d.ts
@@ -1,315 +1,304 @@
-// Type definitions for node-fluent-ffmpeg
+// Type definitions for node-fluent-ffmpeg 2.1
 // Project: https://github.com/fluent-ffmpeg/node-fluent-ffmpeg
-// Definitions by: KIM Jaesuck a.k.a. gim tcaesvk <http://github.com/tcaesvk/>
+// Definitions by: KIM Jaesuck a.k.a. gim tcaesvk <http://github.com/tcaesvk/>, DingWeizhe <https://github.com/DingWeizhe>
 // Definitions: https://github.com/DefinitelyType/DefinitelyTyped
 
 /// <reference types="node" />
 
-declare module "fluent-ffmpeg" {
-    import * as events from "events"
-    import * as stream from "stream"
+import * as events from "events";
+import * as stream from "stream";
 
+declare namespace Ffmpeg {
     interface FfmpegCommandLogger {
-        error(...data: any[]): void
-        warning(...data: any[]): void
-        info(...data: any[]): void
-        debug(...data: any[]): void
+        error(...data: any[]): void;
+        warning(...data: any[]): void;
+        info(...data: any[]): void;
+        debug(...data: any[]): void;
     }
 
     interface FfmpegCommandOptions {
-        logger?: FfmpegCommandLogger
-        niceness?: number
-        priority?: number
-        presets?: string
-        preset?: string
-        stdoutLines?: number
-        timeout?: number
-        source?: string | stream.Readable
+        logger?: FfmpegCommandLogger;
+        niceness?: number;
+        priority?: number;
+        presets?: string;
+        preset?: string;
+        stdoutLines?: number;
+        timeout?: number;
+        source?: string | stream.Readable;
     }
 
     interface FilterSpecification {
-        filter: string
-        inputs: string | string[]
-        outputs: string | string[]
-        options?: Object | string | any[]
+        filter: string;
+        inputs: string | string[];
+        outputs: string | string[];
+        options?: any | string | any[];
     }
 
-    interface GetPreset {
-        (command: FfmpegCommand): string
-    }
+    type GetPreset = (command: FfmpegCommand) => string;
 
     interface Filter {
-        description: string
-        input: string
-        multipleInputs: boolean
-        output: string
-        multipleOutputs: boolean
+        description: string;
+        input: string;
+        multipleInputs: boolean;
+        output: string;
+        multipleOutputs: boolean;
     }
     interface Filters {
-        [key: string]: Filter
-    }
-    interface FiltersCallback {
-        (err: Error, filters: Filters): void
+        [key: string]: Filter;
     }
+    type FiltersCallback = (err: Error, filters: Filters) => void;
 
     interface Codec {
-        type: string
-        description: string
-        canDecode: boolean
-        canEncode: boolean
-        drawHorizBand?: boolean
-        directRendering?: boolean
-        weirdFrameTruncation?: boolean
-        intraFrameOnly?: boolean
-        isLossy?: boolean
-        isLossless?: boolean
+        type: string;
+        description: string;
+        canDecode: boolean;
+        canEncode: boolean;
+        drawHorizBand?: boolean;
+        directRendering?: boolean;
+        weirdFrameTruncation?: boolean;
+        intraFrameOnly?: boolean;
+        isLossy?: boolean;
+        isLossless?: boolean;
     }
     interface Codecs {
-        [key: string]: Codec
-    }
-    interface CodecsCallback {
-        (err: Error, codecs: Codecs): void
+        [key: string]: Codec;
     }
+    type CodecsCallback = (err: Error, codecs: Codecs) => void;
 
     interface Encoder {
-        type: string
-        description: string
-        frameMT: boolean
-        sliceMT: boolean
-        experimental: boolean
-        drawHorizBand: boolean
-        directRendering: boolean
+        type: string;
+        description: string;
+        frameMT: boolean;
+        sliceMT: boolean;
+        experimental: boolean;
+        drawHorizBand: boolean;
+        directRendering: boolean;
     }
     interface Encoders {
-        [key: string]: Encoder
-    }
-    interface EncodersCallback {
-        (err: Error, encoders: Encoders): void
+        [key: string]: Encoder;
     }
+    type EncodersCallback = (err: Error, encoders: Encoders) => void;
 
     interface Format {
-        description: string
-        canDemux: boolean
-        canMux: boolean
+        description: string;
+        canDemux: boolean;
+        canMux: boolean;
     }
     interface Formats {
-        [key: string]: Format
-    }
-    interface FormatsCallback {
-        (err: Error, formats: Formats): void
+        [key: string]: Format;
     }
+    type FormatsCallback = (err: Error, formats: Formats) => void;
 
     interface FfprobeData {
-        stream: any[]
-        format: any
-        chapters: any[]
+        stream: any[];
+        format: any;
+        chapters: any[];
     }
 
     interface ScreenshotsConfig {
-        count?: number
-        folder?: string
-        filename?: string
-        timemarks?: number[] | string[]
-        timestamps?: number[] | string[]
-        fastSeek?: boolean
-        size?: string
+        count?: number;
+        folder?: string;
+        filename?: string;
+        timemarks?: number[] | string[];
+        timestamps?: number[] | string[];
+        fastSeek?: boolean;
+        size?: string;
     }
 
-    interface FfmpegCommand extends events.EventEmitter {
-        constructor(): FfmpegCommand
-        constructor(options: FfmpegCommandOptions): FfmpegCommand
-        constructor(input: string | stream.Readable, options: FfmpegCommandOptions): FfmpegCommand
+    class FfmpegCommand extends events.EventEmitter {
+        constructor(options?: FfmpegCommandOptions);
+        constructor(input?: string | stream.Readable, options?: FfmpegCommandOptions);
 
         // options/inputs
-        mergeAdd(source: string | stream.Readable): FfmpegCommand
-        addInput(source: string | stream.Readable): FfmpegCommand
-        input(source: string | stream.Readable): FfmpegCommand
-        withInputFormat(format: string): FfmpegCommand
-        inputFormat(format: string): FfmpegCommand
-        fromFormat(format: string): FfmpegCommand
-        withInputFps(fps: number): FfmpegCommand
-        withInputFPS(fps: number): FfmpegCommand
-        withFpsInput(fps: number): FfmpegCommand
-        withFPSInput(fps: number): FfmpegCommand
-        inputFPS(fps: number): FfmpegCommand
-        inputFps(fps: number): FfmpegCommand
-        fpsInput(fps: number): FfmpegCommand
-        FPSInput(fps: number): FfmpegCommand
-        nativeFramerate(): FfmpegCommand
-        withNativeFramerate(): FfmpegCommand
-        native(): FfmpegCommand
-        setStartTime(seek: string | number): FfmpegCommand
-        seekInput(seek: string | number): FfmpegCommand
-        loop(duration: string | number): FfmpegCommand
+        mergeAdd(source: string | stream.Readable): FfmpegCommand;
+        addInput(source: string | stream.Readable): FfmpegCommand;
+        input(source: string | stream.Readable): FfmpegCommand;
+        withInputFormat(format: string): FfmpegCommand;
+        inputFormat(format: string): FfmpegCommand;
+        fromFormat(format: string): FfmpegCommand;
+        withInputFps(fps: number): FfmpegCommand;
+        withInputFPS(fps: number): FfmpegCommand;
+        withFpsInput(fps: number): FfmpegCommand;
+        withFPSInput(fps: number): FfmpegCommand;
+        inputFPS(fps: number): FfmpegCommand;
+        inputFps(fps: number): FfmpegCommand;
+        fpsInput(fps: number): FfmpegCommand;
+        FPSInput(fps: number): FfmpegCommand;
+        nativeFramerate(): FfmpegCommand;
+        withNativeFramerate(): FfmpegCommand;
+        native(): FfmpegCommand;
+        setStartTime(seek: string | number): FfmpegCommand;
+        seekInput(seek: string | number): FfmpegCommand;
+        loop(duration: string | number): FfmpegCommand;
 
         // options/audio
-        withNoAudio(): FfmpegCommand
-        noAudio(): FfmpegCommand
-        withAudioCodec(codec: string): FfmpegCommand
-        audioCodec(codec: string): FfmpegCommand
-        withAudioBitrate(bitrate: string | number): FfmpegCommand
-        audioBitrate(bitrate: string | number): FfmpegCommand
-        withAudioChannels(channels: number): FfmpegCommand
-        audioChannels(channels: number): FfmpegCommand
-        withAudioFrequency(freq: number): FfmpegCommand
-        audioFrequency(freq: number): FfmpegCommand
-        withAudioQuality(quality: number): FfmpegCommand
-        audioQuality(quality: number): FfmpegCommand
-        withAudioFilter(filters: { filter: string, options: any }): FfmpegCommand
-        withAudioFilters(filters: { filter: string, options: any }): FfmpegCommand
-        audioFilter(filters: { filter: string, options: any }): FfmpegCommand
-        audioFilters(filters: { filter: string, options: any }): FfmpegCommand
+        withNoAudio(): FfmpegCommand;
+        noAudio(): FfmpegCommand;
+        withAudioCodec(codec: string): FfmpegCommand;
+        audioCodec(codec: string): FfmpegCommand;
+        withAudioBitrate(bitrate: string | number): FfmpegCommand;
+        audioBitrate(bitrate: string | number): FfmpegCommand;
+        withAudioChannels(channels: number): FfmpegCommand;
+        audioChannels(channels: number): FfmpegCommand;
+        withAudioFrequency(freq: number): FfmpegCommand;
+        audioFrequency(freq: number): FfmpegCommand;
+        withAudioQuality(quality: number): FfmpegCommand;
+        audioQuality(quality: number): FfmpegCommand;
+        withAudioFilter(filters: { filter: string, options: any }): FfmpegCommand;
+        withAudioFilters(filters: { filter: string, options: any }): FfmpegCommand;
+        audioFilter(filters: { filter: string, options: any }): FfmpegCommand;
+        audioFilters(filters: { filter: string, options: any }): FfmpegCommand;
 
-        // options/video
-        withNoVideo(): FfmpegCommand
-        noVideo(): FfmpegCommand
-        withVideoCodec(codec: string): FfmpegCommand
-        videoCodec(codec: string): FfmpegCommand
-        withVideoBitrate(bitrate: string | number): FfmpegCommand
-        videoBitrate(bitrate: string | number): FfmpegCommand
-        withVideoFilter(filters: { filter: string, options: any }): FfmpegCommand
-        withVideoFilters(filters: { filter: string, options: any }): FfmpegCommand
-        videoFilter(filters: { filter: string, options: any }): FfmpegCommand
-        videoFilters(filters: { filter: string, options: any }): FfmpegCommand
-        withOutputFps(fps: number): FfmpegCommand
-        withOutputFPS(fps: number): FfmpegCommand
-        withFpsOutput(fps: number): FfmpegCommand
-        withFPSOutput(fps: number): FfmpegCommand
-        withFps(fps: number): FfmpegCommand
-        withFPS(fps: number): FfmpegCommand
-        outputFPS(fps: number): FfmpegCommand
-        outputFps(fps: number): FfmpegCommand
-        fpsOutput(fps: number): FfmpegCommand
-        FPSOutput(fps: number): FfmpegCommand
-        fps(fps: number): FfmpegCommand
-        FPS(fps: number): FfmpegCommand
-        takeFrames(frames: number): FfmpegCommand
-        withFrames(frames: number): FfmpegCommand
-        frames(frames: number): FfmpegCommand
+        // options/video;
+        withNoVideo(): FfmpegCommand;
+        noVideo(): FfmpegCommand;
+        withVideoCodec(codec: string): FfmpegCommand;
+        videoCodec(codec: string): FfmpegCommand;
+        withVideoBitrate(bitrate: string | number): FfmpegCommand;
+        videoBitrate(bitrate: string | number): FfmpegCommand;
+        withVideoFilter(filters: { filter: string, options: any }): FfmpegCommand;
+        withVideoFilters(filters: { filter: string, options: any }): FfmpegCommand;
+        videoFilter(filters: { filter: string, options: any }): FfmpegCommand;
+        videoFilters(filters: { filter: string, options: any }): FfmpegCommand;
+        withOutputFps(fps: number): FfmpegCommand;
+        withOutputFPS(fps: number): FfmpegCommand;
+        withFpsOutput(fps: number): FfmpegCommand;
+        withFPSOutput(fps: number): FfmpegCommand;
+        withFps(fps: number): FfmpegCommand;
+        withFPS(fps: number): FfmpegCommand;
+        outputFPS(fps: number): FfmpegCommand;
+        outputFps(fps: number): FfmpegCommand;
+        fpsOutput(fps: number): FfmpegCommand;
+        FPSOutput(fps: number): FfmpegCommand;
+        fps(fps: number): FfmpegCommand;
+        FPS(fps: number): FfmpegCommand;
+        takeFrames(frames: number): FfmpegCommand;
+        withFrames(frames: number): FfmpegCommand;
+        frames(frames: number): FfmpegCommand;
 
         // options/videosize
-        keepPixelAspect(): FfmpegCommand
-        keepDisplayAspect(): FfmpegCommand
-        keepDisplayAspectRatio(): FfmpegCommand
-        keepDAR(): FfmpegCommand
-        withSize(size: string): FfmpegCommand
-        setSize(size: string): FfmpegCommand
-        size(size: string): FfmpegCommand
-        withAspect(aspect: string | number): FfmpegCommand
-        withAspectRatio(aspect: string | number): FfmpegCommand
-        setAspect(aspect: string | number): FfmpegCommand
-        setAspectRatio(aspect: string | number): FfmpegCommand
-        aspect(aspect: string | number): FfmpegCommand
-        aspectRatio(aspect: string | number): FfmpegCommand
-        applyAutopadding(pad: boolean, color: string): FfmpegCommand
-        applyAutoPadding(pad: boolean, color: string): FfmpegCommand
-        applyAutopad(pad: boolean, color: string): FfmpegCommand
-        applyAutoPad(pad: boolean, color: string): FfmpegCommand
-        withAutopadding(pad: boolean, color: string): FfmpegCommand
-        withAutoPadding(pad: boolean, color: string): FfmpegCommand
-        withAutopad(pad: boolean, color: string): FfmpegCommand
-        withAutoPad(pad: boolean, color: string): FfmpegCommand
-        autoPad(pad: boolean, color: string): FfmpegCommand
-        autopad(pad: boolean, color: string): FfmpegCommand
+        keepPixelAspect(): FfmpegCommand;
+        keepDisplayAspect(): FfmpegCommand;
+        keepDisplayAspectRatio(): FfmpegCommand;
+        keepDAR(): FfmpegCommand;
+        withSize(size: string): FfmpegCommand;
+        setSize(size: string): FfmpegCommand;
+        size(size: string): FfmpegCommand;
+        withAspect(aspect: string | number): FfmpegCommand;
+        withAspectRatio(aspect: string | number): FfmpegCommand;
+        setAspect(aspect: string | number): FfmpegCommand;
+        setAspectRatio(aspect: string | number): FfmpegCommand;
+        aspect(aspect: string | number): FfmpegCommand;
+        aspectRatio(aspect: string | number): FfmpegCommand;
+        applyAutopadding(pad: boolean, color: string): FfmpegCommand;
+        applyAutoPadding(pad: boolean, color: string): FfmpegCommand;
+        applyAutopad(pad: boolean, color: string): FfmpegCommand;
+        applyAutoPad(pad: boolean, color: string): FfmpegCommand;
+        withAutopadding(pad: boolean, color: string): FfmpegCommand;
+        withAutoPadding(pad: boolean, color: string): FfmpegCommand;
+        withAutopad(pad: boolean, color: string): FfmpegCommand;
+        withAutoPad(pad: boolean, color: string): FfmpegCommand;
+        autoPad(pad: boolean, color: string): FfmpegCommand;
+        autopad(pad: boolean, color: string): FfmpegCommand;
 
         // options/output
-        addOutput(target: string | stream.Writable, pipeopts?: { end?: boolean }): FfmpegCommand
-        output(target: string | stream.Writable, pipeopts?: { end?: boolean }): FfmpegCommand
-        seekOutput(seek: string | number): FfmpegCommand
-        seek(seek: string | number): FfmpegCommand
-        withDuration(duration: string | number): FfmpegCommand
-        setDuration(duration: string | number): FfmpegCommand
-        duration(duration: string | number): FfmpegCommand
-        toFormat(format: string): FfmpegCommand
-        withOutputFormat(format: string): FfmpegCommand
-        outputFormat(format: string): FfmpegCommand
-        format(format: string): FfmpegCommand
-        map(spec: string): FfmpegCommand
-        updateFlvMetadata(): FfmpegCommand
-        flvmeta(): FfmpegCommand
+        addOutput(target: string | stream.Writable, pipeopts?: { end?: boolean }): FfmpegCommand;
+        output(target: string | stream.Writable, pipeopts?: { end?: boolean }): FfmpegCommand;
+        seekOutput(seek: string | number): FfmpegCommand;
+        seek(seek: string | number): FfmpegCommand;
+        withDuration(duration: string | number): FfmpegCommand;
+        setDuration(duration: string | number): FfmpegCommand;
+        duration(duration: string | number): FfmpegCommand;
+        toFormat(format: string): FfmpegCommand;
+        withOutputFormat(format: string): FfmpegCommand;
+        outputFormat(format: string): FfmpegCommand;
+        format(format: string): FfmpegCommand;
+        map(spec: string): FfmpegCommand;
+        updateFlvMetadata(): FfmpegCommand;
+        flvmeta(): FfmpegCommand;
 
         // options/custom
-        addInputOption(options: string[]): FfmpegCommand
-        addInputOption(...options: string[]): FfmpegCommand
-        addInputOptions(options: string[]): FfmpegCommand
-        addInputOptions(...options: string[]): FfmpegCommand
-        withInputOption(options: string[]): FfmpegCommand
-        withInputOption(...options: string[]): FfmpegCommand
-        withInputOptions(options: string[]): FfmpegCommand
-        withInputOptions(...options: string[]): FfmpegCommand
-        inputOption(options: string[]): FfmpegCommand
-        inputOption(...options: string[]): FfmpegCommand
-        inputOptions(options: string[]): FfmpegCommand
-        inputOptions(...options: string[]): FfmpegCommand
-        addOutputOption(options: string[]): FfmpegCommand
-        addOutputOption(...options: string[]): FfmpegCommand
-        addOutputOptions(options: string[]): FfmpegCommand
-        addOutputOptions(...options: string[]): FfmpegCommand
-        addOption(options: string[]): FfmpegCommand
-        addOption(...options: string[]): FfmpegCommand
-        addOptions(options: string[]): FfmpegCommand
-        addOptions(...options: string[]): FfmpegCommand
-        withOutputOption(options: string[]): FfmpegCommand
-        withOutputOption(...options: string[]): FfmpegCommand
-        withOutputOptions(options: string[]): FfmpegCommand
-        withOutputOptions(...options: string[]): FfmpegCommand
-        withOption(options: string[]): FfmpegCommand
-        withOption(...options: string[]): FfmpegCommand
-        withOptions(options: string[]): FfmpegCommand
-        withOptions(...options: string[]): FfmpegCommand
-        outputOption(options: string[]): FfmpegCommand
-        outputOption(...options: string[]): FfmpegCommand
-        outputOptions(options: string[]): FfmpegCommand
-        outputOptions(...options: string[]): FfmpegCommand
-        filterGraph(spec: string | FilterSpecification[], map: string[]): FfmpegCommand
-        complexFilter(spec: string | FilterSpecification[], map: string[]): FfmpegCommand
+        addInputOption(options: string[]): FfmpegCommand;
+        addInputOption(...options: string[]): FfmpegCommand;
+        addInputOptions(options: string[]): FfmpegCommand;
+        addInputOptions(...options: string[]): FfmpegCommand;
+        withInputOption(options: string[]): FfmpegCommand;
+        withInputOption(...options: string[]): FfmpegCommand;
+        withInputOptions(options: string[]): FfmpegCommand;
+        withInputOptions(...options: string[]): FfmpegCommand;
+        inputOption(options: string[]): FfmpegCommand;
+        inputOption(...options: string[]): FfmpegCommand;
+        inputOptions(options: string[]): FfmpegCommand;
+        inputOptions(...options: string[]): FfmpegCommand;
+        addOutputOption(options: string[]): FfmpegCommand;
+        addOutputOption(...options: string[]): FfmpegCommand;
+        addOutputOptions(options: string[]): FfmpegCommand;
+        addOutputOptions(...options: string[]): FfmpegCommand;
+        addOption(options: string[]): FfmpegCommand;
+        addOption(...options: string[]): FfmpegCommand;
+        addOptions(options: string[]): FfmpegCommand;
+        addOptions(...options: string[]): FfmpegCommand;
+        withOutputOption(options: string[]): FfmpegCommand;
+        withOutputOption(...options: string[]): FfmpegCommand;
+        withOutputOptions(options: string[]): FfmpegCommand;
+        withOutputOptions(...options: string[]): FfmpegCommand;
+        withOption(options: string[]): FfmpegCommand;
+        withOption(...options: string[]): FfmpegCommand;
+        withOptions(options: string[]): FfmpegCommand;
+        withOptions(...options: string[]): FfmpegCommand;
+        outputOption(options: string[]): FfmpegCommand;
+        outputOption(...options: string[]): FfmpegCommand;
+        outputOptions(options: string[]): FfmpegCommand;
+        outputOptions(...options: string[]): FfmpegCommand;
+        filterGraph(spec: string | FilterSpecification[], map: string[]): FfmpegCommand;
+        complexFilter(spec: string | FilterSpecification[], map: string[]): FfmpegCommand;
 
         // options/misc
-        usingPreset(proset: string | GetPreset): FfmpegCommand
-        pnreset(proset: string | GetPreset): FfmpegCommand
+        usingPreset(proset: string | GetPreset): FfmpegCommand;
+        pnreset(proset: string | GetPreset): FfmpegCommand;
 
         // processor
-        renice(niceness: number): FfmpegCommand
-        kill(signal: string): FfmpegCommand
+        renice(niceness: number): FfmpegCommand;
+        kill(signal: string): FfmpegCommand;
 
         // capabilities
-        setFfmpegPath(path: string): FfmpegCommand
-        setFfprobePath(path: string): FfmpegCommand
-        setFlvtoolPath(path: string): FfmpegCommand
-        availableFilters(callback: FiltersCallback): void
-        getAvailableFilters(callback: FiltersCallback): void
-        availableCodecs(callback: CodecsCallback): void
-        getAvailableCodecs(callback: CodecsCallback): void
-        availableEncoders(callback: EncodersCallback): void
-        getAvailableEncoders(callback: EncodersCallback): void
-        availableFormats(callback: FormatsCallback): void
-        getAvailableFormats(callback: FormatsCallback): void
+        setFfmpegPath(path: string): FfmpegCommand;
+        setFfprobePath(path: string): FfmpegCommand;
+        setFlvtoolPath(path: string): FfmpegCommand;
+        availableFilters(callback: FiltersCallback): void;
+        getAvailableFilters(callback: FiltersCallback): void;
+        availableCodecs(callback: CodecsCallback): void;
+        getAvailableCodecs(callback: CodecsCallback): void;
+        availableEncoders(callback: EncodersCallback): void;
+        getAvailableEncoders(callback: EncodersCallback): void;
+        availableFormats(callback: FormatsCallback): void;
+        getAvailableFormats(callback: FormatsCallback): void;
 
         // ffprobe
-        ffprobe(callback: (err: any, data: FfprobeData) => void): (err: any, data: FfprobeData) => void
-        ffprobe(index: number, callback: (err: any, data: FfprobeData) => void): (err: any, data: FfprobeData) => void
-        ffprobe(options: string[], callback: (err: any, data: FfprobeData) => void): (err: any, data: FfprobeData) => void
-        ffprobe(index: number, options: string[], callback: (err: any, data: FfprobeData) => void): (err: any, data: FfprobeData) => void
+        /* tslint:disable:unified-signatures */
+        ffprobe(callback: (err: any, data: FfprobeData) => void): (err: any, data: FfprobeData) => void;
+        ffprobe(index: number, callback: (err: any, data: FfprobeData) => void): (err: any, data: FfprobeData) => void;
+        ffprobe(options: string[], callback: (err: any, data: FfprobeData) => void): (err: any, data: FfprobeData) => void;
+        ffprobe(index: number, options: string[], callback: (err: any, data: FfprobeData) => void): (err: any, data: FfprobeData) => void;
+        /* tslint:enable:unified-signatures */
 
         // recipes
-        saveToFile(output: string): FfmpegCommand
-        save(output: string): FfmpegCommand
-        writeToStream(stream: stream.Writable, options?: { end?: boolean }): stream.Writable
-        pipe(stream: stream.Writable, options?: { end?: boolean }): stream.Writable
-        stream(stream: stream.Writable, options?: { end?: boolean }): stream.Writable
-        takeScreenshots(config: number | ScreenshotsConfig, folder?: string): FfmpegCommand
-        thumbnail(config: number | ScreenshotsConfig, folder?: string): FfmpegCommand
-        thumbnails(config: number | ScreenshotsConfig, folder?: string): FfmpegCommand
-        screenshot(config: number | ScreenshotsConfig, folder?: string): FfmpegCommand
-        screenshots(config: number | ScreenshotsConfig, folder?: string): FfmpegCommand
-        mergeToFile(target: string | stream.Writable, options?: { end?: boolean }): FfmpegCommand
-        concatenate(target: string | stream.Writable, options?: { end?: boolean }): FfmpegCommand
-        concat(target: string | stream.Writable, options?: { end?: boolean }): FfmpegCommand
+        saveToFile(output: string): FfmpegCommand;
+        save(output: string): FfmpegCommand;
+        writeToStream(stream: stream.Writable, options?: { end?: boolean }): stream.Writable;
+        pipe(stream: stream.Writable, options?: { end?: boolean }): stream.Writable;
+        stream(stream: stream.Writable, options?: { end?: boolean }): stream.Writable;
+        takeScreenshots(config: number | ScreenshotsConfig, folder?: string): FfmpegCommand;
+        thumbnail(config: number | ScreenshotsConfig, folder?: string): FfmpegCommand;
+        thumbnails(config: number | ScreenshotsConfig, folder?: string): FfmpegCommand;
+        screenshot(config: number | ScreenshotsConfig, folder?: string): FfmpegCommand;
+        screenshots(config: number | ScreenshotsConfig, folder?: string): FfmpegCommand;
+        mergeToFile(target: string | stream.Writable, options?: { end?: boolean }): FfmpegCommand;
+        concatenate(target: string | stream.Writable, options?: { end?: boolean }): FfmpegCommand;
+        concat(target: string | stream.Writable, options?: { end?: boolean }): FfmpegCommand;
     }
-
-    function Ffmpeg(): FfmpegCommand
-    function Ffmpeg(options: FfmpegCommandOptions): FfmpegCommand
-    function Ffmpeg(input: string | stream.Readable, options: FfmpegCommandOptions): FfmpegCommand
-
-    export = Ffmpeg
 }
+declare function Ffmpeg(options?: Ffmpeg.FfmpegCommandOptions): Ffmpeg.FfmpegCommand;
+declare function Ffmpeg(input?: string | stream.Readable, options?: Ffmpeg.FfmpegCommandOptions): Ffmpeg.FfmpegCommand;
+
+export = Ffmpeg;
diff --git a/types/fluent-ffmpeg/tslint.json b/types/fluent-ffmpeg/tslint.json
new file mode 100644
index 0000000000..d88586e5bd
--- /dev/null
+++ b/types/fluent-ffmpeg/tslint.json
@@ -0,0 +1,3 @@
+{
+  "extends": "dtslint/dt.json"
+}
diff --git a/types/images/images-tests.ts b/types/images/images-tests.ts
new file mode 100644
index 0000000000..fc5cab619b
--- /dev/null
+++ b/types/images/images-tests.ts
@@ -0,0 +1,35 @@
+import * as images from "images";
+
+// from https://github.com/zhangyuanwei/node-images/blob/master/demo/uploadServer.js
+let tmp_path = "tmp_path";
+let out_path = "out_path";
+let photo = images(tmp_path);
+
+photo.size(800)
+    .draw(images('./logo.png'), 800 - 421, photo.height() - 117)
+    .save(out_path, { quality: 80 });
+
+// from https://github.com/zhangyuanwei/node-images/blob/master/test/index.js
+images("input.png")
+    .resize(200)
+    .save("output_new.png");
+
+images("input.png")
+    .size(200)
+    .save("output_old.png");
+
+images("input.jpg")
+    .resize(200)
+    .save("output_new.jpg");
+
+images("input.jpg")
+    .size(200)
+    .save("output_old.jpg");
+
+images("input.gif")
+    .resize(200)
+    .save("output_new_gif.jpg");
+
+images("input.gif")
+    .size(200)
+    .save("output_old_gif.jpg");
diff --git a/types/images/index.d.ts b/types/images/index.d.ts
new file mode 100644
index 0000000000..38484bb256
--- /dev/null
+++ b/types/images/index.d.ts
@@ -0,0 +1,43 @@
+// Type definitions for images 2.2
+// Project: https://github.com/zhangyuanwei/node-images
+// Definitions by: Ding Weizhe <https://github.com/DingWeizhe/>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+
+/// <reference types="node" />
+
+declare namespace images {
+    interface ImagesConfig {
+        [key: string]: any;
+    }
+    type SupportType = "png" | "jpg" | "gif" | "bmp" | "raw" | "webp";
+    class ImagesStatic {
+        fill(red: number, green: number, blue: number, alpha?: number): ImagesStatic;
+        draw(image: ImagesStatic, x: number, y: number): ImagesStatic;
+        loadFromBuffer(buffer: Buffer): ImagesStatic;
+        encode(type: string, config?: ImagesConfig): void;
+        save(file: string, type?: SupportType, config?: ImagesConfig): void;
+        save(file: string, config?: ImagesConfig): void;
+        size(): { width: number, height: number };
+        size(width: number, height?: number): ImagesStatic;
+        resize(width: number, height?: number, filter?: string): ImagesStatic;
+        resize(width: number, height: number, filter?: string): ImagesStatic;
+        width(): number;
+        width(width: number): ImagesStatic;
+        height(): number;
+        height(height: number): ImagesStatic;
+        setLimit(width: number, height: number): void;
+        setGCThreshold(value: number): void;
+        getUsedMemory(): void;
+        gc(): void;
+    }
+}
+
+/* tslint:disable:unified-signatures */
+declare function images(file: string): images.ImagesStatic;
+declare function images(width: number, height: number): images.ImagesStatic;
+declare function images(buffer: Buffer, start?: number, end?: number): images.ImagesStatic;
+declare function images(image: images.ImagesStatic): images.ImagesStatic;
+declare function images(image: images.ImagesStatic, x: number, y: number, width: number, height: number): images.ImagesStatic;
+/* tslint:enable:unified-signatures */
+
+export = images;
diff --git a/types/images/tsconfig.json b/types/images/tsconfig.json
new file mode 100644
index 0000000000..7a261dbc3f
--- /dev/null
+++ b/types/images/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",
+    "images-tests.ts"
+  ]
+}
diff --git a/types/images/tslint.json b/types/images/tslint.json
new file mode 100644
index 0000000000..d88586e5bd
--- /dev/null
+++ b/types/images/tslint.json
@@ -0,0 +1,3 @@
+{
+  "extends": "dtslint/dt.json"
+}

From f3b9cb6f5173c36695c4d3cb39a950c6448ddaf2 Mon Sep 17 00:00:00 2001
From: Thiago de Arruda <tpadilha84@gmail.com>
Date: Thu, 4 May 2017 22:14:45 -0300
Subject: [PATCH 228/321] Split levelup/leveldown into separate declarations
 (#16062)

* Split levelup/leveldown into separate declarations

Also make some changes to allow importing levelup with ES6 module syntax.

* Adapt level-sublevel to the latest changes in levelup
---
 types/level-sublevel/index.d.ts    |  17 ++--
 types/leveldown/index.d.ts         | 145 +++++++++++++++++++++++++++++
 types/leveldown/leveldown-tests.ts |  86 +++++++++++++++++
 types/leveldown/tsconfig.json      |  22 +++++
 types/leveldown/tslint.json        |   1 +
 types/levelup/index.d.ts           |  31 +++---
 types/levelup/levelup-tests.ts     |   6 +-
 7 files changed, 282 insertions(+), 26 deletions(-)
 create mode 100644 types/leveldown/index.d.ts
 create mode 100644 types/leveldown/leveldown-tests.ts
 create mode 100644 types/leveldown/tsconfig.json
 create mode 100644 types/leveldown/tslint.json

diff --git a/types/level-sublevel/index.d.ts b/types/level-sublevel/index.d.ts
index f6a8f30943..9db592ec0f 100644
--- a/types/level-sublevel/index.d.ts
+++ b/types/level-sublevel/index.d.ts
@@ -3,22 +3,25 @@
 // Definitions by: Bas Pennings <https://github.com/basp/>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 
-/// <reference types="levelup" />
+import * as levelup from "levelup";
 
+export = sublevel
+
+declare var sublevel: sublevel.Constructor;
+
+declare namespace sublevel {
 interface Hook {
 	(ch: any, add: (op: Batch|boolean) => void): void;
 }
 
-interface Batch {
+interface Batch extends levelup.Batch {
 	prefix?: Sublevel;
 }
 
-interface Sublevel extends LevelUp {
+interface Sublevel extends levelup.LevelUpBase<Batch> {
 	sublevel(key: string): Sublevel;
 	pre(hook: Hook): Function;
 }
 
-declare module "level-sublevel" {
-	function sublevel(levelup: LevelUp): Sublevel;
-	export = sublevel;		
-}
\ No newline at end of file
+type Constructor = (levelup: levelup.LevelUp) => Sublevel
+}
diff --git a/types/leveldown/index.d.ts b/types/leveldown/index.d.ts
new file mode 100644
index 0000000000..51630dc602
--- /dev/null
+++ b/types/leveldown/index.d.ts
@@ -0,0 +1,145 @@
+// Type definitions for LevelDown 1.7
+// Project: https://github.com/level/leveldown
+// Definitions by: Thiago de Arruda <https://github.com/tarruda>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+
+/// <reference types="node" />
+
+export = leveldown;
+
+declare var leveldown: leveldown.Constructor;
+
+declare namespace leveldown {
+type Bytes = string | Buffer;
+type ErrCallback = (error: any) => void;
+type ErrNumberCallback = (error: any, value: number) => void;
+type ErrBufferCallback = (error: any, value: Buffer) => void;
+type ErrStringCallback = (error: any, value: string) => void;
+type KeyAsStringCallback = (error: any, key: string, value: Buffer) => void;
+type ValueAsStringCallback = (error: any, key: Buffer, value: string) => void;
+type KeyAndValueAsStringCallback = (error: any, key: string, value: string) => void;
+type KeyAndValueAsBufferCallback = (error: any, key: Buffer, value: Buffer) => void;
+
+interface PutBatch {
+    type: "put";
+    key: Bytes;
+    value: Bytes;
+}
+
+interface DelBatch {
+    type: "del";
+    key: Bytes;
+}
+
+type Batch = PutBatch | DelBatch;
+
+interface OpenOptions {
+    createIfMissing?: boolean;
+    errorIfExists?: boolean;
+    compression?: boolean;
+    cacheSize?: number;
+}
+
+interface OpenAdvancedOptions extends OpenOptions {
+    writeBufferSize?: number;
+    blockSize?: number;
+    maxOpenFiles?: number;
+    blockRestartInterval?: number;
+    maxFileSize?: number;
+}
+
+interface WriteOptions {
+    sync?: boolean;
+}
+
+interface ReadOptions {
+    fillCache?: boolean;
+}
+
+interface BufferReadOptions extends ReadOptions {
+    asBuffer?: true;
+}
+
+interface StringReadOptions extends ReadOptions {
+    asBuffer: false;
+}
+
+interface IteratorOptions {
+    gt?: Bytes;
+    lt?: Bytes;
+    gte?: Bytes;
+    lte?: Bytes;
+    reverse?: boolean;
+    keys?: boolean;
+    values?: boolean;
+    limit?: number;
+    fillCache?: boolean;
+}
+
+interface KeyAsStringIteratorOptions extends IteratorOptions {
+    keyAsBuffer: false;
+    valueAsBuffer?: true;
+}
+
+interface ValueAsStringIteratorOptions extends IteratorOptions {
+    keyAsBuffer?: true;
+    valueAsBuffer: false;
+}
+
+interface KeyAndValueAsStringIteratorOptions extends IteratorOptions {
+    keyAsBuffer: false;
+    valueAsBuffer: false;
+}
+
+interface KeyAndValueAsBufferIteratorOptions extends IteratorOptions {
+    keyAsBuffer?: true;
+    valueAsBuffer?: true;
+}
+
+interface Iterator {
+    seek(key: Bytes): void;
+    end(callback: ErrCallback): void;
+}
+
+interface KeyAsStringIterator extends Iterator {
+    next(callback: KeyAsStringCallback): void;
+}
+
+interface ValueAsStringIterator extends Iterator {
+    next(callback: ValueAsStringCallback): void;
+}
+
+interface KeyAndValueAsStringIterator extends Iterator {
+    next(callback: KeyAndValueAsStringCallback): void;
+}
+
+interface KeyAndValueAsBufferIterator extends Iterator {
+    next(callback: KeyAndValueAsBufferCallback): void;
+}
+
+interface LevelDown {
+    open(callback: ErrCallback): void;
+    open(options: OpenOptions, callback: ErrCallback): void;
+    close(callback?: ErrCallback): void;
+    put(key: Bytes, value: Bytes, callback: ErrCallback): void;
+    put(key: Bytes, value: Bytes, options: WriteOptions, callback: ErrCallback): void;
+    get(key: Bytes, callback: ErrBufferCallback): void;
+    get(key: Bytes, options: BufferReadOptions, callback: ErrBufferCallback): void;
+    get(key: Bytes, options: StringReadOptions, callback: ErrStringCallback): void;
+    del(key: Bytes, callback?: ErrCallback): void;
+    del(key: Bytes, options: WriteOptions, callback?: ErrCallback): void;
+    batch(operations: Batch[], callback?: ErrCallback): void;
+    batch(operations: Batch[], options?: WriteOptions, callback?: ErrCallback): void;
+    approximateSize(start: Bytes, end: Bytes, callback: ErrNumberCallback): void;
+    compactRange(start: Bytes, end: Bytes, callback: ErrCallback): void;
+    getProperty(property: string): string;
+    iterator(options?: KeyAsStringIteratorOptions): KeyAsStringIterator;
+    iterator(options?: ValueAsStringIteratorOptions): ValueAsStringIterator;
+    iterator(options?: KeyAndValueAsStringIteratorOptions): KeyAndValueAsStringIterator;
+    iterator(options?: KeyAndValueAsBufferIteratorOptions): KeyAndValueAsBufferIterator;
+    destroy(location: string, callback: ErrCallback): void;
+    repair(location: string, callback: ErrCallback): void;
+}
+
+type Constructor = (location: string) => LevelDown;
+}
diff --git a/types/leveldown/leveldown-tests.ts b/types/leveldown/leveldown-tests.ts
new file mode 100644
index 0000000000..f627f422f5
--- /dev/null
+++ b/types/leveldown/leveldown-tests.ts
@@ -0,0 +1,86 @@
+import * as leveldown from "leveldown";
+
+let db = leveldown("db1");
+
+db.open((err) => {});
+db.open({createIfMissing: true}, (err) => {});
+
+db.put("key", "value", (err) => {});
+db.put(Buffer.from("key"), Buffer.from("value"), (err) => {});
+db.put("key", "value", {sync: true}, (err) => {});
+
+db.get("key", {asBuffer: false}, (error, val) => {
+    console.log(val.toUpperCase());
+});
+db.get("key", {fillCache: true}, (error, val) => {
+    console.log(val.readUInt32BE(0));
+});
+db.get("key", (error, val) => {
+    console.log(val.readUInt32BE(0));
+});
+
+db.del("key");
+db.del("key", (error) => {});
+db.del("key", {sync: true}, (error) => {});
+
+db.batch([{
+    type: "put", key: "k", value: "v"
+}, {
+    type: "del", key: "k"
+}], (error) => {});
+
+const keyAsStringIterator = db.iterator({keyAsBuffer: false});
+keyAsStringIterator.next((err, k, v) => {
+    console.log(k.toUpperCase());
+    console.log(v.readUInt32BE(0));
+});
+
+const valueAsStringIterator = db.iterator({valueAsBuffer: false});
+valueAsStringIterator.next((err, k, v) => {
+    console.log(k.readUInt32BE(0));
+    console.log(v.toUpperCase());
+});
+
+const keyAndValueAsStringIterator = db.iterator({keyAsBuffer: false, valueAsBuffer: false});
+keyAndValueAsStringIterator.next((err, k, v) => {
+    console.log(k.toUpperCase());
+    console.log(v.toUpperCase());
+});
+
+const keyAndValueAsBufferIterator1 = db.iterator({keyAsBuffer: true, valueAsBuffer: true});
+keyAndValueAsBufferIterator1.next((err, k, v) => {
+    console.log(k.readUInt32BE(0));
+    console.log(v.readUInt32BE(0));
+});
+
+const keyAndValueAsBufferIterator2 = db.iterator({keyAsBuffer: true});
+keyAndValueAsBufferIterator2.next((err, k, v) => {
+    console.log(k.readUInt32BE(0));
+    console.log(v.readUInt32BE(0));
+});
+
+const keyAndValueAsBufferIterator3 = db.iterator({valueAsBuffer: true});
+keyAndValueAsBufferIterator3.next((err, k, v) => {
+    console.log(k.readUInt32BE(0));
+    console.log(v.readUInt32BE(0));
+});
+
+const keyAndValueAsBufferIterator4 = db.iterator({});
+keyAndValueAsBufferIterator4.next((err, k, v) => {
+    console.log(k.readUInt32BE(0));
+    console.log(v.readUInt32BE(0));
+});
+
+keyAndValueAsBufferIterator4.seek("k");
+keyAndValueAsBufferIterator4.end((err) => {});
+
+let s: string = db.getProperty("leveldb.stats");
+
+db.approximateSize("k1", "k2", (err, size) => {
+    console.log(size.toExponential());
+});
+
+db.compactRange("k1", "k2", (err) => {});
+
+db.destroy("/path/to/db", (err) => {});
+db.repair("/path/to/db", (err) => {});
diff --git a/types/leveldown/tsconfig.json b/types/leveldown/tsconfig.json
new file mode 100644
index 0000000000..c69d58061a
--- /dev/null
+++ b/types/leveldown/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",
+        "leveldown-tests.ts"
+    ]
+}
diff --git a/types/leveldown/tslint.json b/types/leveldown/tslint.json
new file mode 100644
index 0000000000..3db14f85ea
--- /dev/null
+++ b/types/leveldown/tslint.json
@@ -0,0 +1 @@
+{ "extends": "dtslint/dt.json" }
diff --git a/types/levelup/index.d.ts b/types/levelup/index.d.ts
index b78d2e6e5a..69c816638b 100644
--- a/types/levelup/index.d.ts
+++ b/types/levelup/index.d.ts
@@ -5,6 +5,14 @@
 
 /// <reference types="node" />
 
+import * as leveldown from "leveldown";
+
+export = levelup;
+
+declare var levelup: levelup.LevelUpConstructor;
+
+declare namespace levelup {
+
 interface CustomEncoding {
     encode(val: any): Buffer| string;
     decode(val: Buffer | string): any;
@@ -21,7 +29,8 @@ interface Batch {
     keyEncoding?: Encoding;
     valueEncoding?: Encoding;
 }
-interface LevelUp {
+
+interface LevelUpBase<BatchType extends Batch> {
     open(callback ?: (error : any) => any): void;
     close(callback ?: (error : any) => any): void;
     put(key: any, value: any, callback ?: (error: any) => any): void;
@@ -33,8 +42,8 @@ interface LevelUp {
     del(key: any, options ?: { keyEncoding?: Encoding; sync?: boolean }, callback ?: (error: any) => any): void;
 
 
-    batch(array: Batch[], options?: { keyEncoding?: Encoding; valueEncoding?: Encoding; sync?: boolean }, callback?: (error?: any)=>any): void;
-    batch(array: Batch[], callback?: (error?: any)=>any): void;
+    batch(array: BatchType[], options?: { keyEncoding?: Encoding; valueEncoding?: Encoding; sync?: boolean }, callback?: (error?: any)=>any): void;
+    batch(array: BatchType[], callback?: (error?: any)=>any): void;
     batch():LevelUpChain;
     isOpen():boolean;
     isClosed():boolean;
@@ -46,6 +55,8 @@ interface LevelUp {
     repair(location: string, callback?: Function): void;
 }
 
+type LevelUp = LevelUpBase<Batch>
+
 interface LevelUpChain {
     put(key: any, value: any): LevelUpChain;
     put(key: any, value: any, options?: { sync?: boolean }): LevelUpChain;
@@ -62,18 +73,10 @@ interface levelupOptions {
     cacheSize?: number; 
     keyEncoding?: Encoding; 
     valueEncoding?: Encoding; 
-    db?: string
+    db?: leveldown.Constructor;
 }
 
-declare module "levelup" {
-
-    function levelup(hostname: string, options?: levelupOptions): LevelUp;
-    
-    export = levelup;
+interface LevelUpConstructor {
+    (hostname: string, options?: levelupOptions): LevelUp;
 }
-
-declare module "leveldown" {
-
-    export function destroy(location: string, callback?: Function): void;
-    export function repair(location: string, callback?: Function): void;
 }
diff --git a/types/levelup/levelup-tests.ts b/types/levelup/levelup-tests.ts
index 57eea64e63..8827512437 100644
--- a/types/levelup/levelup-tests.ts
+++ b/types/levelup/levelup-tests.ts
@@ -1,4 +1,4 @@
-import levelup = require("levelup");
+import * as levelup from "levelup";
 
 interface BufferEncoding {
     encode(val: any): Buffer;
@@ -82,7 +82,3 @@ db.createReadStream()
     .on('end', function () {
       console.log('Stream closed')
     })
-
-import leveldown = require('leveldown');
-leveldown.destroy('mypath', ()=>{});
-leveldown.repair('mypath', ()=>{});

From bcf1928b97085296967dfd07f11011b05ec2fc75 Mon Sep 17 00:00:00 2001
From: Mustafa Kuscu <mustafakuscu@gmail.com>
Date: Fri, 5 May 2017 04:16:03 +0300
Subject: [PATCH 229/321] update leaflet fullscreen type definitons (#16106)

L.Control.Fullscreen was not found.
---
 types/leaflet.fullscreen/index.d.ts | 25 ++++++++++++++-----------
 1 file changed, 14 insertions(+), 11 deletions(-)

diff --git a/types/leaflet.fullscreen/index.d.ts b/types/leaflet.fullscreen/index.d.ts
index 67af1d6770..e38890b2d8 100644
--- a/types/leaflet.fullscreen/index.d.ts
+++ b/types/leaflet.fullscreen/index.d.ts
@@ -9,24 +9,27 @@ declare namespace L {
 
   namespace Control {
 
-    export interface Fullscreen extends L.Control {}
-
+    export class Fullscreen extends L.Control {
+      constructor(options?: Control.FullscreenOptions);
+      options: FullscreenOptions;
+    }
     export interface FullscreenOptions {
       content?: string,
-      position?: string,
-  		title?: string,
-  		titleCancel?: string,
-  		forceSeparateButton?: boolean,
-  		forcePseudoFullscreen?: boolean
+      position?: L.ControlPosition,
+      title?: string,
+      titleCancel?: string,
+      forceSeparateButton?: boolean,
+      forcePseudoFullscreen?: boolean,
+      pseudoFullscreen?:boolean
     }
   }
 
   namespace control {
 
-      /**
-        * Creates a fullscreen control.
-        */
-      export function fullscreen(options?: Control.FullscreenOptions): L.Control.Fullscreen;
+    /**
+     * Creates a fullscreen control.
+     */
+    export function fullscreen(options?: Control.FullscreenOptions): L.Control.Fullscreen;
 
   }
 }

From 34379212072e8b73af27a90622f74a70f7329303 Mon Sep 17 00:00:00 2001
From: Jelle Slowack <jslowack@gmail.com>
Date: Fri, 5 May 2017 03:18:01 +0200
Subject: [PATCH 230/321] fabric: callback and options object is optional in
 setSrc method (#16101)

* callback and options object is optional in setSrc method

* run tsc fixes, remove deprecated internal modules and HtmlInputElement casts
---
 types/fabric/fabric-tests.ts | 41 ++++++++++++++++++------------------
 types/fabric/index.d.ts      |  2 +-
 2 files changed, 21 insertions(+), 22 deletions(-)

diff --git a/types/fabric/fabric-tests.ts b/types/fabric/fabric-tests.ts
index 62c0726e16..770467590c 100644
--- a/types/fabric/fabric-tests.ts
+++ b/types/fabric/fabric-tests.ts
@@ -1,5 +1,3 @@
-import * as fabric from "fabric";
-
 function sample1() {
   const canvas = new fabric.Canvas('c', {
     hoverCursor: 'pointer',
@@ -124,11 +122,12 @@ function sample3() {
     }
   });
 
-  fabric.Image.fromURL('../assets/printio.png', img => {
+  const image = fabric.Image.fromURL('../assets/printio.png', img => {
     const oImg = img.set({ left: 300, top: 300, angle: -15 }).scale(0.9);
     canvas.add(oImg).renderAll();
     canvas.setActiveObject(oImg);
   });
+  image.setSrc('../assets/printio.png');
 
   $('grayscale').onclick = function(this: HTMLInputElement) {
     applyFilter(0, this.checked && new f.Grayscale());
@@ -260,18 +259,18 @@ function sample4() {
   });
 }
 
-declare module "fabric" {
-  export interface CircleWithLineInfos extends Circle {
-    line1?: Line;
-    line2?: Line;
-    line3?: Line;
-    line4?: Line;
+namespace myfabric {
+  export interface CircleWithLineInfos extends fabric.Circle {
+    line1?: fabric.Line;
+    line2?: fabric.Line;
+    line3?: fabric.Line;
+    line4?: fabric.Line;
   }
 }
 
 function sample5() {
   const makeCircle = (left: number, top: number, line1?: fabric.Line, line2?: fabric.Line, line3?: fabric.Line, line4?: fabric.Line): fabric.Circle => {
-    const c = <fabric.CircleWithLineInfos> new fabric.Circle({
+    const c = <myfabric.CircleWithLineInfos> new fabric.Circle({
       left,
       top,
       strokeWidth: 5,
@@ -318,7 +317,7 @@ function sample5() {
     );
 
   canvas.on('object:moving', e => {
-    const p = <fabric.CircleWithLineInfos> e.target;
+    const p = <myfabric.CircleWithLineInfos> e.target;
     p.line1 && p.line1.set({ 'x2': p.left, 'y2': p.top });
     p.line2 && p.line2.set({ 'x1': p.left, 'y1': p.top });
     p.line3 && p.line3.set({ 'x1': p.left, 'y1': p.top });
@@ -352,8 +351,8 @@ function sample6() {
   });
 }
 
-declare module "fabric" {
-  export interface ImageWithInfo extends Image {
+namespace myfabric {
+  export interface ImageWithInfo extends fabric.Image {
     movingLeft: boolean;
   }
 }
@@ -363,7 +362,7 @@ function sample7() {
 
   setInterval(() => {
     fabric.Image.fromURL('../assets/ladybug.png', obj => {
-      const img = <fabric.ImageWithInfo> obj;
+      const img = <myfabric.ImageWithInfo> obj;
       img.set('left', fabric.util.getRandomInt(200, 600)).set('top', -50);
       img.movingLeft = !!Math.round(Math.random());
       canvas.add(img);
@@ -372,7 +371,7 @@ function sample7() {
 
   const animate = (function animate() {
     canvas.forEachObject(obj => {
-      const img = <fabric.ImageWithInfo> obj;
+      const img = <myfabric.ImageWithInfo> obj;
       img.left += (img.movingLeft ? -1 : 1);
       img.top += 1;
       if (img.left > 900 || img.top > 500) {
@@ -609,7 +608,7 @@ function sample8() {
         const activeGroup = canvas.getActiveGroup();
 
         if (activeObject || activeGroup) {
-          (activeObject || activeGroup).setOpacity(parseInt(this.value, 10) / 100);
+          (activeObject || activeGroup).setOpacity(parseInt((<HTMLInputElement> this).value, 10) / 100);
           canvas.renderAll();
         }
       };
@@ -640,7 +639,7 @@ function sample8() {
         const activeGroup = canvas.getActiveGroup();
 
         if (activeObject || activeGroup) {
-          (activeObject || activeGroup).setFill(this.value);
+          (activeObject || activeGroup).setFill((<HTMLInputElement> this).value);
           canvas.renderAll();
         }
       };
@@ -849,16 +848,16 @@ function sample8() {
       const activeObject = canvas.getActiveObject();
 
       if (activeObject && activeObject.type === 'text') {
-        this.value = (<fabric.Text> activeObject).text;
+        (<HTMLInputElement> this).value = (<fabric.Text> activeObject).text;
       }
     };
     textEl.onkeyup = function(e) {
       const activeObject = canvas.getActiveObject();
       if (activeObject) {
-        if (!this.value) {
+        if (!(<HTMLInputElement> this).value) {
           canvas.discardActiveObject();
         } else {
-          (<fabric.Text> activeObject).text = this.value;
+          (<fabric.Text> activeObject).text = (<HTMLInputElement> this).value;
         }
         canvas.renderAll();
       }
@@ -1006,7 +1005,7 @@ function sample8() {
       slider.onchange = function() {
         const activeObject = <fabric.Text> canvas.getActiveObject();
         if (activeObject && activeObject.type === 'text') {
-          activeObject.lineHeight = +this.value;
+          activeObject.lineHeight = +(<HTMLInputElement> this).value;
           canvas.renderAll();
         }
       };
diff --git a/types/fabric/index.d.ts b/types/fabric/index.d.ts
index ca99080bad..1596d7d428 100644
--- a/types/fabric/index.d.ts
+++ b/types/fabric/index.d.ts
@@ -1866,7 +1866,7 @@ export class Image {
 	 * @param {Function} [callback] Callback is invoked when image has been loaded (and all filters have been applied)
 	 * @param {Object} [options] Options object
 	 */
-	setSrc(src: string, callback: Function, options: IImageOptions): Image;
+	setSrc(src: string, callback?: Function, options?: IImageOptions): Image;
 
 	/**
 	 * Creates an instance of fabric.Image from an URL string

From c223230018708c8ee6fd9e1871801ed0106502c2 Mon Sep 17 00:00:00 2001
From: Maxim Kulikov <MaximLKulikov@gmail.com>
Date: Fri, 5 May 2017 04:18:34 +0300
Subject: [PATCH 231/321] jquery: allow propertyNames array to `css()` (#16093)

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

diff --git a/types/jquery/index.d.ts b/types/jquery/index.d.ts
index f944f93ba3..80db74ee9f 100644
--- a/types/jquery/index.d.ts
+++ b/types/jquery/index.d.ts
@@ -1657,6 +1657,14 @@ interface JQuery {
      * @see {@link https://api.jquery.com/css/#css-propertyName}
      */
     css(propertyName: string): string;
+    /**
+     * Get the value of style properties for the first element in the set of matched elements.
+     * Results in an object of property-value pairs.
+     *
+     * @param propertyNames An array of one or more CSS properties.
+     * @see {@link https://api.jquery.com/css/#css-propertyNames}
+     */
+    css(propertyNames: string[]): any;
     /**
      * Set one or more CSS properties for the set of matched elements.
      *

From 407cace6b4699056e27c50cfdb9379277b66303b Mon Sep 17 00:00:00 2001
From: apollocoder <tobi.buechel@gmail.com>
Date: Fri, 5 May 2017 03:19:11 +0200
Subject: [PATCH 232/321] Update index.d.ts (#16119)

Added missing restore option
---
 types/cropperjs/index.d.ts | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/types/cropperjs/index.d.ts b/types/cropperjs/index.d.ts
index 89d35ed998..a82fa718f9 100644
--- a/types/cropperjs/index.d.ts
+++ b/types/cropperjs/index.d.ts
@@ -131,6 +131,11 @@ declare namespace cropperjs {
         */
         rotatable?: boolean;
         /**
+        * Enable to restore the cropped area after resizing the window.
+        * @default true
+        */
+        restore?: boolean;
+        /**
         * Enable to scale the image.
         * @default true
         */

From f20d1e1c2c8811b1db46a3cc2f082f30e4503c7c Mon Sep 17 00:00:00 2001
From: Alexander James Phillips <ajp.global@gmail.com>
Date: Tue, 18 Apr 2017 19:32:14 +0100
Subject: [PATCH 233/321] Update definition for hapi 16.1

Use Object not object. app and plugins optional in server.inject options
Fix merge conlict with master
Type IPluginFunction. Simplify Plugin. Add backwards incompatibility note.
  Thanks mmc41 and jasonswearingen.
Remove Promise.
  Thanks mmc41.
Fix merge conflict with master
Renaming of all interfaces to remove preceding I in preparation of dtslint
Fix http links in docs and remove old I interface names
2e119e63a  Add example tests of server.decorate on server and request
2e119e63a  Improve comments regarding server.decorate
0d6b28656  Allow response.state to accept object
0d6b28656  request.response should also be responase or null.
0d6b28656  Allow some cookie config fields to be nullable.
Fix merge conflict with master again
---
 types/hapi/catbox/index.d.ts                  |  249 +
 types/hapi/h2o2/h2o2-tests.ts                 |   64 +
 types/hapi/h2o2/index.d.ts                    |   75 +
 types/hapi/index.d.ts                         | 4932 +++++++++--------
 types/hapi/json/index.d.ts                    |   17 +
 types/hapi/json/json-tests.ts                 |    8 +
 types/hapi/mime-db/index.d.ts                 |   23 +
 types/hapi/mimos/index.d.ts                   |   29 +
 types/hapi/podium/index.d.ts                  |  182 +
 types/hapi/shot/index.d.ts                    |  109 +
 types/hapi/tests/connection/table.ts          |   20 +
 .../getting-started/01-creating-a-server.ts   |   15 +
 .../tests/getting-started/02-adding-routes.ts |   30 +
 .../03-serving-static-content.ts              |   22 +
 .../tests/getting-started/04-using-plugins.ts |   54 +
 types/hapi/tests/path/catch-all.ts            |   15 +
 types/hapi/tests/path/parameters.ts           |   33 +
 types/hapi/tests/plugins/options.ts           |   36 +
 types/hapi/tests/reply/continue.ts            |   15 +
 types/hapi/tests/reply/entity.ts              |   24 +
 types/hapi/tests/reply/redirect.ts            |    8 +
 types/hapi/tests/reply/reply.ts               |   22 +
 types/hapi/tests/reply/state_cookie.ts        |   33 +
 types/hapi/tests/request/event-types.ts       |   30 +
 types/hapi/tests/request/generate-response.ts |   21 +
 types/hapi/tests/request/get-log.ts           |   12 +
 types/hapi/tests/request/log.ts               |   19 +
 types/hapi/tests/request/set-method.ts        |   15 +
 types/hapi/tests/request/set-url.ts           |   32 +
 types/hapi/tests/request/tail.ts              |   26 +
 .../tests/response/error-representation.ts    |   33 +
 types/hapi/tests/response/error.ts            |   25 +
 types/hapi/tests/response/events.ts           |   30 +
 types/hapi/tests/response/flow-control.ts     |   14 +
 types/hapi/tests/route/additional-options.ts  |   16 +
 types/hapi/tests/route/auth.ts                |   22 +
 types/hapi/tests/route/config.ts              |   46 +
 types/hapi/tests/route/handler.ts             |   10 +
 types/hapi/tests/route/prerequisites.ts       |   47 +
 types/hapi/tests/route/public-interface.ts    |   17 +
 types/hapi/tests/server/app.ts                |   11 +
 types/hapi/tests/server/auth.ts               |  101 +
 types/hapi/tests/server/bind.ts               |   24 +
 types/hapi/tests/server/cache.ts              |   33 +
 types/hapi/tests/server/connection-options.ts |   39 +
 types/hapi/tests/server/connections.ts        |   13 +
 types/hapi/tests/server/decoder.ts            |    9 +
 types/hapi/tests/server/decorate.ts           |   68 +
 types/hapi/tests/server/dependency.ts         |   24 +
 types/hapi/tests/server/emit.ts               |   12 +
 types/hapi/tests/server/encoder.ts            |    9 +
 types/hapi/tests/server/event.ts              |   12 +
 types/hapi/tests/server/expose.ts             |   17 +
 types/hapi/tests/server/ext.ts                |   46 +
 types/hapi/tests/server/handler.ts            |   55 +
 types/hapi/tests/server/info.ts               |   16 +
 types/hapi/tests/server/initialize.ts         |   12 +
 types/hapi/tests/server/inject.ts             |   18 +
 types/hapi/tests/server/listener.ts           |   19 +
 types/hapi/tests/server/load.ts               |    7 +
 types/hapi/tests/server/log.ts                |   15 +
 types/hapi/tests/server/lookup.ts             |   19 +
 types/hapi/tests/server/match.ts              |   19 +
 types/hapi/tests/server/method.ts             |   78 +
 types/hapi/tests/server/methods.ts            |   17 +
 types/hapi/tests/server/mime.ts               |   21 +
 types/hapi/tests/server/new.ts                |   65 +
 types/hapi/tests/server/on.ts                 |   43 +
 types/hapi/tests/server/once.ts               |   14 +
 types/hapi/tests/server/path.ts               |   13 +
 types/hapi/tests/server/plugins.ts            |   15 +
 types/hapi/tests/server/realm.ts              |   10 +
 types/hapi/tests/server/register.ts           |   18 +
 types/hapi/tests/server/route.ts              |   12 +
 types/hapi/tests/server/select.ts             |   11 +
 types/hapi/tests/server/settings.ts           |   11 +
 types/hapi/tests/server/start.ts              |   13 +
 types/hapi/tests/server/state.ts              |   38 +
 types/hapi/tests/server/stop.ts               |   11 +
 types/hapi/tests/server/table.ts              |    9 +
 types/hapi/tests/server/version.ts            |    6 +
 types/hapi/tsconfig.json                      |   85 +-
 types/hapi/v12/hapi-tests.ts                  |  114 +
 types/hapi/v12/index.d.ts                     | 2331 ++++++++
 types/hapi/v12/tsconfig.json                  |   27 +
 types/hapi/{ => v16.0}/hapi-tests.ts          |    0
 types/hapi/v16.0/index.d.ts                   | 2489 +++++++++
 types/hapi/v16.0/tsconfig.json                |   22 +
 types/hapi/vision/index.d.ts                  |  207 +
 types/hapi/vision/vision-tests.ts             |  126 +
 types/inert/index.d.ts                        |   45 +-
 types/inert/inert-tests.ts                    |   63 +-
 92 files changed, 10478 insertions(+), 2464 deletions(-)
 create mode 100644 types/hapi/catbox/index.d.ts
 create mode 100644 types/hapi/h2o2/h2o2-tests.ts
 create mode 100644 types/hapi/h2o2/index.d.ts
 create mode 100644 types/hapi/json/index.d.ts
 create mode 100644 types/hapi/json/json-tests.ts
 create mode 100644 types/hapi/mime-db/index.d.ts
 create mode 100644 types/hapi/mimos/index.d.ts
 create mode 100644 types/hapi/podium/index.d.ts
 create mode 100644 types/hapi/shot/index.d.ts
 create mode 100644 types/hapi/tests/connection/table.ts
 create mode 100644 types/hapi/tests/getting-started/01-creating-a-server.ts
 create mode 100644 types/hapi/tests/getting-started/02-adding-routes.ts
 create mode 100644 types/hapi/tests/getting-started/03-serving-static-content.ts
 create mode 100644 types/hapi/tests/getting-started/04-using-plugins.ts
 create mode 100644 types/hapi/tests/path/catch-all.ts
 create mode 100644 types/hapi/tests/path/parameters.ts
 create mode 100644 types/hapi/tests/plugins/options.ts
 create mode 100644 types/hapi/tests/reply/continue.ts
 create mode 100644 types/hapi/tests/reply/entity.ts
 create mode 100644 types/hapi/tests/reply/redirect.ts
 create mode 100644 types/hapi/tests/reply/reply.ts
 create mode 100644 types/hapi/tests/reply/state_cookie.ts
 create mode 100644 types/hapi/tests/request/event-types.ts
 create mode 100644 types/hapi/tests/request/generate-response.ts
 create mode 100644 types/hapi/tests/request/get-log.ts
 create mode 100644 types/hapi/tests/request/log.ts
 create mode 100644 types/hapi/tests/request/set-method.ts
 create mode 100644 types/hapi/tests/request/set-url.ts
 create mode 100644 types/hapi/tests/request/tail.ts
 create mode 100644 types/hapi/tests/response/error-representation.ts
 create mode 100644 types/hapi/tests/response/error.ts
 create mode 100644 types/hapi/tests/response/events.ts
 create mode 100644 types/hapi/tests/response/flow-control.ts
 create mode 100644 types/hapi/tests/route/additional-options.ts
 create mode 100644 types/hapi/tests/route/auth.ts
 create mode 100644 types/hapi/tests/route/config.ts
 create mode 100644 types/hapi/tests/route/handler.ts
 create mode 100644 types/hapi/tests/route/prerequisites.ts
 create mode 100644 types/hapi/tests/route/public-interface.ts
 create mode 100644 types/hapi/tests/server/app.ts
 create mode 100644 types/hapi/tests/server/auth.ts
 create mode 100644 types/hapi/tests/server/bind.ts
 create mode 100644 types/hapi/tests/server/cache.ts
 create mode 100644 types/hapi/tests/server/connection-options.ts
 create mode 100644 types/hapi/tests/server/connections.ts
 create mode 100644 types/hapi/tests/server/decoder.ts
 create mode 100644 types/hapi/tests/server/decorate.ts
 create mode 100644 types/hapi/tests/server/dependency.ts
 create mode 100644 types/hapi/tests/server/emit.ts
 create mode 100644 types/hapi/tests/server/encoder.ts
 create mode 100644 types/hapi/tests/server/event.ts
 create mode 100644 types/hapi/tests/server/expose.ts
 create mode 100644 types/hapi/tests/server/ext.ts
 create mode 100644 types/hapi/tests/server/handler.ts
 create mode 100644 types/hapi/tests/server/info.ts
 create mode 100644 types/hapi/tests/server/initialize.ts
 create mode 100644 types/hapi/tests/server/inject.ts
 create mode 100644 types/hapi/tests/server/listener.ts
 create mode 100644 types/hapi/tests/server/load.ts
 create mode 100644 types/hapi/tests/server/log.ts
 create mode 100644 types/hapi/tests/server/lookup.ts
 create mode 100644 types/hapi/tests/server/match.ts
 create mode 100644 types/hapi/tests/server/method.ts
 create mode 100644 types/hapi/tests/server/methods.ts
 create mode 100644 types/hapi/tests/server/mime.ts
 create mode 100644 types/hapi/tests/server/new.ts
 create mode 100644 types/hapi/tests/server/on.ts
 create mode 100644 types/hapi/tests/server/once.ts
 create mode 100644 types/hapi/tests/server/path.ts
 create mode 100644 types/hapi/tests/server/plugins.ts
 create mode 100644 types/hapi/tests/server/realm.ts
 create mode 100644 types/hapi/tests/server/register.ts
 create mode 100644 types/hapi/tests/server/route.ts
 create mode 100644 types/hapi/tests/server/select.ts
 create mode 100644 types/hapi/tests/server/settings.ts
 create mode 100644 types/hapi/tests/server/start.ts
 create mode 100644 types/hapi/tests/server/state.ts
 create mode 100644 types/hapi/tests/server/stop.ts
 create mode 100644 types/hapi/tests/server/table.ts
 create mode 100644 types/hapi/tests/server/version.ts
 create mode 100644 types/hapi/v12/hapi-tests.ts
 create mode 100644 types/hapi/v12/index.d.ts
 create mode 100644 types/hapi/v12/tsconfig.json
 rename types/hapi/{ => v16.0}/hapi-tests.ts (100%)
 create mode 100644 types/hapi/v16.0/index.d.ts
 create mode 100644 types/hapi/v16.0/tsconfig.json
 create mode 100644 types/hapi/vision/index.d.ts
 create mode 100644 types/hapi/vision/vision-tests.ts

diff --git a/types/hapi/catbox/index.d.ts b/types/hapi/catbox/index.d.ts
new file mode 100644
index 0000000000..013997cfaf
--- /dev/null
+++ b/types/hapi/catbox/index.d.ts
@@ -0,0 +1,249 @@
+// TODO needs tests
+// TODO move to own definition
+// Type definitions for catbox 7.1
+// Project: https://github.com/hapijs/catbox
+// Definitions by: Jason Swearingen <http://github.com/jasonswearingen>, AJP <https://github.com/AJamesPhillips>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+// TypeScript Version: 2.2
+
+import * as Boom from 'boom';
+
+export interface CallBackNoResult {
+    (err?: Boom.BoomError): void;
+}
+export interface CallBackWithResult<T> {
+    (err: Boom.BoomError | null | undefined, result: T): void;
+}
+
+/**
+ * Client
+ * The Client object provides a low-level cache abstraction. The object is constructed using new Client(engine, options) where:
+ * engine - is an object or a prototype function implementing the cache strategy:
+ *  * function - a prototype function with the signature function(options). catbox will call new func(options).
+ *  * object - a pre instantiated client implementation object. Does not support passing options.
+ * options - the strategy configuration object. Each strategy defines its own configuration options with the following common options:
+ *  * partition - the partition name used to isolate the cached results across multiple clients. The partition name is used as the MongoDB database name, the Riak bucket, or as a key prefix in Redis and Memcached. To share the cache across multiple clients, use the same partition name.
+ * @see {@link https://github.com/hapijs/catbox#client}
+ */
+export interface Client extends ClientApi {
+    new(engine: EnginePrototypeOrObject, options: ClientOptions): Client;
+}
+
+type EnginePrototypeOrObject = EnginePrototype | ClientApi;
+
+/**
+ * A prototype CatBox engine function
+ */
+export interface EnginePrototype {
+    new(settings: ClientOptions): ClientApi;
+}
+
+/**
+ * Client API
+ * The Client object provides the following methods:
+ * @see {@link https://github.com/hapijs/catbox#api}
+ */
+export interface ClientApi {
+    /** start(callback) - creates a connection to the cache server. Must be called before any other method is available. The callback signature is function(err). */
+    start(callback: CallBackNoResult): void;
+    /** stop() - terminates the connection to the cache server. */
+    stop(): void;
+    /**
+     * get(key, callback) - retrieve an item from the cache engine if found where:
+     *  * key - a cache key object (see [ICacheKey]).
+     *  * callback - a function with the signature function(err, cached). If the item is not found, both err and cached are null. If found, the cached object is returned
+    */
+    get(key: CacheKey, callback: CallBackWithResult<null | CachedObject>): CacheItem;
+    /**
+     * set(key, value, ttl, callback) - store an item in the cache for a specified length of time, where:
+     *  * key - a cache key object (see [ICacheKey]).
+     *  * value - the string or object value to be stored.
+     *  * ttl - a time-to-live value in milliseconds after which the item is automatically removed from the cache (or is marked invalid).
+     *  * callback - a function with the signature function(err).
+     */
+    set(key: CacheKey, value: CacheItem, ttl: number, callback: CallBackNoResult): void;
+    /**
+     * drop(key, callback) - remove an item from cache where:
+     *  * key - a cache key object (see [ICacheKey]).
+     *  * callback - a function with the signature function(err).
+     */
+    drop(key: CacheKey, callback: CallBackNoResult): void;
+    /** isReady() - returns true if cache engine determines itself as ready, false if it is not ready. */
+    isReady(): boolean;
+    /** validateSegmentName(segment) - returns null if the segment name is valid (see below), otherwise should return an instance of Error with an appropriate message. */
+    validateSegmentName(segment: string): null | Boom.BoomError;
+}
+
+/**
+ * Any method with a key argument takes an object with the following required properties:
+ */
+export interface CacheKey {
+    /** segment - a caching segment name string. Enables using a single cache server for storing different sets of items with overlapping ids. */
+    segment: string;
+    /** id - a unique item identifier string (per segment). Can be an empty string. */
+    id: string;
+}
+
+/** Cached object contains the following: */
+export interface CachedObject {
+    /** item - the value stored in the cache using set(). */
+    item: any;
+    /** stored - the timestamp when the item was stored in the cache (in milliseconds). */
+    stored: number;
+    /** ttl - the remaining time-to-live (not the original value used when storing the object). */
+    ttl: number;
+}
+
+type CacheItem = any;
+
+export interface ClientOptions {
+    partition: string;
+}
+
+/**
+ * The Policy object provides a convenient cache interface by setting a global policy which is automatically applied to every storage action. The object is constructed using new Policy(options, [cache, segment]) where:
+ *  * options - an object with the IPolicyOptions structure
+ *  * cache - a Client instance (which has already been started).
+ *  * segment - required when cache is provided. The segment name used to isolate cached items within the cache partition.
+ * @see {@link https://github.com/hapijs/catbox#policy}
+ */
+export interface Policy extends PolicyAPI {
+    new(options: PolicyOptions, cache: Client, segment: string): Policy;
+}
+
+/**
+ * Policy API
+ * The Policy object provides the following methods:
+ * @see {@link https://github.com/hapijs/catbox#api-1}
+ */
+export interface PolicyAPI {
+    /**
+     * get(id, callback) - retrieve an item from the cache. If the item is not found and the generateFunc method was provided, a new value is generated, stored in the cache, and returned. Multiple concurrent requests are queued and processed once. The method arguments are:
+     *  * id - the unique item identifier (within the policy segment). Can be a string or an object with the required 'id' key.
+     *  * callback - the return function.
+     */
+    get(id: string | {id: string}, callback: PolicyGetCallback): CacheItem;
+    /**
+     * set(id, value, ttl, callback) - store an item in the cache where:
+     *  * id - the unique item identifier (within the policy segment).
+     *  * value - the string or object value to be stored.
+     *  * ttl - a time-to-live override value in milliseconds after which the item is automatically removed from the cache (or is marked invalid). This should be set to 0 in order to use the caching rules configured when creating the Policy object.
+     *  * callback - a function with the signature function(err).
+     */
+    set(id: string | {id: string}, value: CacheItem, ttl: number | null, callback: CallBackNoResult): void;
+    /**
+     * drop(id, callback) - remove the item from cache where:
+     *  * id - the unique item identifier (within the policy segment).
+     *  * callback - a function with the signature function(err).
+     */
+    drop(id: string | {id: string}, callback: CallBackNoResult): void;
+    /** ttl(created) - given a created timestamp in milliseconds, returns the time-to-live left based on the configured rules. */
+    ttl(created: number): number;
+    /** rules(options) - changes the policy rules after construction (note that items already stored will not be affected) */
+    rules(options: PolicyOptions): void;
+    /** isReady() - returns true if cache engine determines itself as ready, false if it is not ready or if there is no cache engine set. */
+    isReady(): boolean;
+    /** stats - an object with cache statistics */
+    stats(): CacheStatisticsObject;
+}
+
+/**
+ * The return function. The function signature is function(err, value, cached, report) where:
+ * @param err - any errors encountered.
+ * @param value - the fetched or generated value.
+ * @param cached - null if a valid item was not found in the cache, or IPolicyGetCallbackCachedOptions
+ * @param report - an object with logging information about the generation operation
+ */
+export interface PolicyGetCallback{
+    (err: null | Boom.BoomError, value: CacheItem, cached: PolicyGetCallbackCachedOptions, report: PolicyGetCallbackReportLog): void;
+}
+
+export interface PolicyGetCallbackCachedOptions {
+    /** item - the cached value. */
+    item: CacheItem;
+    /** stored - the timestamp when the item was stored in the cache. */
+    stored: number;
+    /** ttl - the cache ttl value for the record. */
+    ttl: number;
+    /** isStale - true if the item is stale. */
+    isStale: boolean;
+}
+
+/**
+ * @see {@link https://github.com/hapijs/catbox#policy}
+ */
+export interface PolicyOptions {
+    /** expiresIn - relative expiration expressed in the number of milliseconds since the item was saved in the cache. Cannot be used together with expiresAt. */
+    expiresIn?: number;
+    /** expiresAt - time of day expressed in 24h notation using the 'HH:MM' format, at which point all cache records for the route expire. Uses local time. Cannot be used together with expiresIn. */
+    expiresAt?: string;
+    /** generateFunc - a function used to generate a new cache item if one is not found in the cache when calling get(). The method's signature is function(id, next) where: */
+    generateFunc?: GenerateFunc;
+    /**
+     * staleIn - number of milliseconds to mark an item stored in cache as stale and attempt to regenerate it when generateFunc is provided. Must be less than expiresIn. Alternatively function that returns staleIn value in milliseconds. The function signature is function(stored, ttl) where:
+     *  * stored - the timestamp when the item was stored in the cache (in milliseconds).
+     *  * ttl - the remaining time-to-live (not the original value used when storing the object).
+    */
+    staleIn?: number | ((stored: number, ttl: number) => number);
+    /** staleTimeout - number of milliseconds to wait before returning a stale value while generateFunc is generating a fresh value. */
+    staleTimeout?: number;
+    /** generateTimeout - number of milliseconds to wait before returning a timeout error when the generateFunc function takes too long to return a value. When the value is eventually returned, it is stored in the cache for future requests. Required if generateFunc is present. Set to false to disable timeouts which may cause all get() requests to get stuck forever. */
+    generateTimeout?: number | false;
+    /** dropOnError - if true, an error or timeout in the generateFunc causes the stale value to be evicted from the cache. Defaults to true. */
+    dropOnError?: boolean;
+    /** generateOnReadError - if false, an upstream cache read error will stop the get() method from calling the generate function and will instead pass back the cache error. Defaults to true. */
+    generateOnReadError?: boolean;
+    /** generateIgnoreWriteError - if false, an upstream cache write error will be passed back with the generated value when calling the get() method. Defaults to true. */
+    generateIgnoreWriteError?: boolean;
+    /** pendingGenerateTimeout - number of milliseconds while generateFunc call is in progress for a given id, before a subsequent generateFunc call is allowed. Defaults to 0, no blocking of concurrent generateFunc calls beyond staleTimeout. */
+    pendingGenerateTimeout?: number;
+}
+
+/**
+ * generateFunc
+ * Is used in PolicyOptions
+ * A function used to generate a new cache item if one is not found in the cache when calling get(). The method's signature is function(id, next)
+ * @param id - the id string or object provided to the get() method.
+ * @param next - the method called when the new item is returned with the signature function(err, value, ttl) where:
+ *      * err - an error condition.
+ *      * value - the new value generated.
+ *      * ttl - the cache ttl value in milliseconds. Set to 0 to skip storing in the cache. Defaults to the cache global policy.
+ * @see {@link https://github.com/hapijs/catbox#policy}
+ */
+export interface GenerateFunc {
+    (id: string, next: ((err: null | Boom.BoomError, value: CacheItem, ttl?: number) => void)): void;
+}
+
+/**
+ * An object with logging information about the generation operation containing the following keys (as relevant):
+ */
+export interface PolicyGetCallbackReportLog {
+    /** msec - the cache lookup time in milliseconds. */
+    msec: number;
+    /** stored - the timestamp when the item was stored in the cache. */
+    stored: number;
+    /** isStale - true if the item is stale. */
+    isStale: boolean;
+    /** ttl - the cache ttl value for the record. */
+    ttl: number;
+    /** error - lookup error. */
+    error?: Boom.BoomError;
+}
+
+/**
+ * an object with cache statistics where:
+ */
+export interface CacheStatisticsObject {
+    /** sets - number of cache writes. */
+    sets: number;
+    /** gets - number of cache get() requests. */
+    gets: number;
+    /** hits - number of cache get() requests in which the requested id was found in the cache (can be stale). */
+    hits: number;
+    /** stales - number of cache reads with stale requests (only counts the first request in a queued get() operation). */
+    stales: number;
+    /** generates - number of calls to the generate function. */
+    generates: number;
+    /** errors - cache operations errors.  TODO check this*/
+    errors: number;
+}
diff --git a/types/hapi/h2o2/h2o2-tests.ts b/types/hapi/h2o2/h2o2-tests.ts
new file mode 100644
index 0000000000..981f712593
--- /dev/null
+++ b/types/hapi/h2o2/h2o2-tests.ts
@@ -0,0 +1,64 @@
+import http = require("http");
+import * as Boom from 'boom';
+import * as Hapi from 'hapi';
+import * as Wreck from 'wreck';
+import * as h2o2 from './index';
+
+// const handler = function (request: Hapi.Request, reply: Hapi.IReply) {
+//     return reply.proxy({ host: 'example.com', port: 80, protocol: 'http' });
+// };
+
+const server = new Hapi.Server({});
+
+var proxyOptions: h2o2.ProxyHandlerOptions = {
+    host: '10.33.33.1',
+    port: '443',
+    protocol: 'https'
+};
+var routeConfig: Hapi.RouteConfiguration = {
+    method: 'GET',
+    path: '/',
+    handler: {
+        proxy: proxyOptions
+    }
+};
+server.route({
+    method: 'GET',
+    path: '/',
+    handler: {
+        proxy: proxyOptions
+    }
+});
+
+server.route({
+    method: 'GET',
+    path: '/',
+    handler: {
+        proxy: {
+            uri: 'https://some.upstream.service.com/that/has?what=you&want=todo'
+        }
+    }
+});
+
+server.route({
+    method: 'GET',
+    path: '/',
+    handler: {
+        proxy: {
+            mapUri: function (request: Hapi.Request, callback: (err: null | Boom.BoomError, value: string) => void) {
+
+                console.log('doing some aditional stuff before redirecting');
+                callback(null, 'https://some.upstream.service.com/');
+            },
+            onResponse: function (err: null | Boom.BoomError, res: http.IncomingMessage, request: Hapi.Request, reply: Hapi.ReplyWithContinue, settings: h2o2.ProxyHandlerOptions, ttl: number) {
+
+                console.log('receiving the response from the upstream.');
+                Wreck.read(res, { json: true }, function (err: null | Boom.BoomError, payload: any) {
+
+                    console.log('some payload manipulation if you want to.')
+                    reply(payload).headers = res.headers;
+                });
+            }
+        }
+    }
+});
diff --git a/types/hapi/h2o2/index.d.ts b/types/hapi/h2o2/index.d.ts
new file mode 100644
index 0000000000..9ff4bd1f70
--- /dev/null
+++ b/types/hapi/h2o2/index.d.ts
@@ -0,0 +1,75 @@
+// TODO move to own definition
+// Type definitions for h2o2 5.4
+// Project: https://github.com/hapijs/catbox
+// Definitions by: Jason Swearingen <http://github.com/jasonswearingen>, AJP <https://github.com/AJamesPhillips>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+// TypeScript Version: 2.2
+
+import http = require("http");
+import * as hapi from 'hapi';
+import * as Boom from 'boom';
+
+/** Proxy handler options */
+export interface ProxyHandlerOptions {
+    /** host - upstream service host to proxy requests to. It will have the same path as the client request. */
+    host?: string;
+    /** port - upstream service port. */
+    port?: string;
+    /** protocol - protocol to use when making the request to the proxied host: */
+    protocol?: 'http' | 'https';
+    /** uri - absolute URI used instead of host, port, protocol, path, and query. Cannot be used with host, port, protocol, or mapUri. */
+    uri?: string;
+    /** passThrough - if set to true, it forwards the headers from the client to the upstream service, headers sent from the upstream service will also be forwarded to the client. Defaults to false. */
+    passThrough?: boolean;
+    /** localStatePassThrough - if set tofalse, any locally defined state is removed from incoming requests before being sent to the upstream service. This value can be overridden on a per state basis via the server.state()``passThrough option. Defaults to false */
+    localStatePassThrough?: boolean;
+    /** acceptEncoding - if set to false, does not pass-through the 'Accept-Encoding' HTTP header which is useful for the onResponse post-processing to avoid receiving an encoded response. Can only be used together with passThrough. Defaults to true (passing header). */
+    acceptEncoding?: boolean;
+    /** rejectUnauthorized - sets the rejectUnauthorized property on the https agent making the request. This value is only used when the proxied server uses TLS/SSL. If set it will override the node.js rejectUnauthorized property. If false then ssl errors will be ignored. When true the server certificate is verified and an 500 response will be sent when verification fails. This shouldn't be used alongside the agent setting as the agent will be used instead. Defaults to the https agent default value of true. */
+    rejectUnauthorized?: boolean;
+    /** xforward - if set to true, sets the 'X-Forwarded-For', 'X-Forwarded-Port', 'X-Forwarded-Proto', 'X-Forwarded-Host' headers when making a request to the proxied upstream endpoint. Defaults to false. */
+    xforward?: boolean;
+    /** redirects - the maximum number of HTTP redirections allowed to be followed automatically by the handler. Set to false or 0 to disable all redirections (the response will contain the redirection received from the upstream service). If redirections are enabled, no redirections (301, 302, 307, 308) will be passed along to the client, and reaching the maximum allowed redirections will return an error response. Defaults to false. */
+    redirects?: number | false;
+    /** timeout - number of milliseconds before aborting the upstream request. Defaults to 180000 (3 minutes). */
+    timeout?: number;
+    /** mapUri - a function used to map the request URI to the proxied URI. Cannot be used together with host, port, protocol, or uri. The function signature is function (request, callback) where:
+     * @param request - is the incoming request object.
+     * @param callback - is function (err, uri, headers) where:
+     *      @param err - internal error condition. TODO: check this is of type BoomError or just Error.
+     *      @param uri - the absolute proxy URI.
+     *      @param headers - optional object where each key is an HTTP request header and the value is the header content.
+    */
+    mapUri?: (request: hapi.Request, callback: (err: null | Boom.BoomError, uri: string, headers?: { [key: string]: string }) => void) => void;
+    /**
+     * onResponse - a custom function for processing the response from the upstream service before sending to the client. Useful for custom error handling of responses from the proxied endpoint or other payload manipulation. Function signature is function (err, res, request, reply, settings, ttl) where:
+     * @param err - internal or upstream error returned from attempting to contact the upstream proxy.  TODO: check this is of type BoomError or just Error.
+     * @param res - the node response object received from the upstream service. res is a readable stream (use the wreck module read method to easily convert it to a Buffer or string).
+     * @param request - is the incoming request object.
+     * @param reply - the reply interface function.
+     * @param settings - the proxy handler configuration.
+     * @param ttl - the upstream TTL in milliseconds if proxy.ttl it set to 'upstream' and the upstream response included a valid 'Cache-Control' header with 'max-age'.
+     */
+    onResponse?: (err: null | Boom.BoomError,
+        res: http.IncomingMessage,
+        req: hapi.Request,
+        reply: hapi.ReplyWithContinue, // TODO, check it has continue
+        settings: ProxyHandlerOptions,
+        ttl: number) => void;
+    /** ttl - if set to 'upstream', applies the upstream response caching policy to the response using the response.ttl() method (or passed as an argument to the onResponse method if provided). */
+    ttl?: 'upstream';
+    /** agent - a node http(s) agent to be used for connections to upstream server. @see {@link https://nodejs.org/api/http.html#http_class_http_agent} */
+    agent?: http.Agent;
+    /** maxSockets - sets the maximum number of sockets available per outgoing proxy host connection. false means use the wreck module default value (Infinity). Does not affect non-proxy outgoing client connections. Defaults to Infinity. */
+    maxSockets?: false | number;
+}
+
+declare module 'hapi' {
+    interface RouteHandlerPlugins {
+        /**
+         * the Proxy Handler
+         * @see {@link https://github.com/hapijs/h2o2#replyproxyoptions}
+         */
+        proxy?: ProxyHandlerOptions;
+    }
+}
diff --git a/types/hapi/index.d.ts b/types/hapi/index.d.ts
index 6fdef94dec..2f555f68d2 100644
--- a/types/hapi/index.d.ts
+++ b/types/hapi/index.d.ts
@@ -1,2489 +1,2537 @@
-// Type definitions for hapi 16.0
-// Project: http://github.com/spumko/hapi
-// Definitions by: Jason Swearingen <http://github.com/jasonswearingen>
+// Type definitions for hapi 16.1
+// Project: https://github.com/hapijs/hapi
+// Definitions by: Jason Swearingen <http://github.com/jasonswearingen>, AJP <https://github.com/AJamesPhillips>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+// TypeScript Version: 2.2
 
-// Note/Disclaimer: This .d.ts was created against hapi v8.x but has been incrementally upgraded to 13.x.  Some newer features/changes may be missing.  YMMV.
+/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ +                                                                           +
+ +                                                                           +
+ +                                                                           +
+ +                      WARNING: BACKWARDS INCOMPATIBLE                      +
+ +                                                                           +
+ +                                                                           +
+ +                                                                           +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + *
+ *
+ * Removal of IPromise replaced with Promise
+ * Removal of IReplyStrict<>
+ * Removal of IReply replaced with different interfaces like:
+ *      ReplyWithContinue
+ *      ReplyNoContinue, etc.
+ * Renaming of all interfaces to remove preceding I in preparation of dtslint
+ */
 
-/// <reference types="node" />
 
-import http = require("http");
-import stream = require("stream");
 import Events = require("events");
+import stream = require("stream");
+import http = require("http");
+import https = require("https");
 import url = require("url");
+import zlib = require("zlib");
+import domain = require("domain");
 
-export interface IDictionary<T> {
-	[key: string]: T;
-}
+import * as Boom from 'boom';
+import {
+    ValidationOptions as JoiValidationOptions,
+    Schema as JoiValidationObject,
+} from 'joi';
 
-export interface IHeaderOptions {
-	append?: boolean;
-	separator?: string;
-	override?: boolean;
-	duplicate?: boolean;
-}
+import * as Catbox from './catbox';
+import {MimosOptions} from './mimos';
+import * as Podium from './podium';
+import * as Json from './json';
+import * as Shot from './shot';
 
-/** Boom Module for errors. https://github.com/hapijs/boom
- *  boom provides a set of utilities for returning HTTP errors. Each utility returns a Boom error response object (instance of Error) which includes the following properties:  */
-export interface IBoom extends Error {
-	/**  if true, indicates this is a Boom object instance.  */
-	isBoom: boolean;
-	/** convenience bool indicating status code >= 500.  */
-	isServer: boolean;
-	/**  the error message.  */
-	message: string;
-	/**  the formatted response.Can be directly manipulated after object construction to return a custom error response.Allowed root keys:  */
-	output: {
-		/** the HTTP status code (typically 4xx or 5xx).  */
-		statusCode: number;
-		/** an object containing any HTTP headers where each key is a header name and value is the header content.  */
-		headers: IDictionary<string>;
-		/** the formatted object used as the response payload (stringified).Can be directly manipulated but any changes will be lost if reformat() is called.Any content allowed and by default includes the following content: */
-		payload: {
-			/** the HTTP status code, derived from error.output.statusCode.  */
-			statusCode: number;
-			/** the HTTP status message (e.g. 'Bad Request', 'Internal Server Error') derived from statusCode.  */
-			error: string;
-			/** the error message derived from error.message. */
-			message: string;
-		};
-	};
-	/**  reformat()rebuilds error.output using the other object properties.  */
-	reformat(): void;
-}
-
-/** cache functionality via the "CatBox" module. */
-export interface ICatBoxCacheOptions {
-	/**  a prototype function or catbox engine object.  */
-	engine: any;
-	/**   an identifier used later when provisioning or configuring caching for server methods or plugins. Each cache name must be unique. A single item may omit the name option which defines the default cache. If every cache includes a name, a default memory cache is provisions as well.  */
-	name?: string;
-	/**   if true, allows multiple cache users to share the same segment (e.g. multiple methods using the same cache storage container). Default to false.  */
-	shared?: boolean;
-}
-
-/** policy configuration for the "CatBox" module and server method options. */
-export interface ICatBoxCachePolicyOptions {
-	/** the cache name configured in server.cache. Defaults to the default cache. */
-	cache?: string;
-	/** string segment name, used to isolate cached items within the cache partition. When called within a plugin, defaults to '!name' where 'name' is the plugin name. When called within a server method, defaults to '#name' where 'name' is the server method name. Required when called outside of a plugin. */
-	segment?: string;
-	/** if true, allows multiple cache provisions to share the same segment. Default to false. */
-	shared?: boolean;
-	/** relative expiration expressed in the number of milliseconds since the item was saved in the cache. Cannot be used together with expiresAt. */
-	expiresIn?: number;
-	/** time of day expressed in 24h notation using the 'HH:MM' format, at which point all cache records expire. Uses local time. Cannot be used together with expiresIn. */
-	expiresAt?: number;
-	/** a function used to generate a new cache item if one is not found in the cache when calling get(). The method's signature is function(id, next) where: - id - the id string or object provided to the get() method. - next - the method called when the new item is returned with the signature function(err, value, ttl) where: - err - an error condition. - value - the new value generated. - ttl - the cache ttl value in milliseconds. Set to 0 to skip storing in the cache. Defaults to the cache global policy. */
-	generateFunc?: Function;
-	/** number of milliseconds to mark an item stored in cache as stale and attempt to regenerate it when generateFunc is provided. Must be less than expiresIn. */
-	staleIn?: number;
-	/** number of milliseconds to wait before checking if an item is stale. */
-	staleTimeout?: number;
-	/** number of milliseconds to wait before returning a timeout error when the generateFunc function takes too long to return a value. When the value is eventually returned, it is stored in the cache for future requests. Required if generateFunc is present. Set to false to disable timeouts which may cause all get() requests to get stuck forever. */
-	generateTimeout?: number;
-	/** if true, an error or timeout in the generateFunc causes the stale value to be evicted from the cache. Defaults to true */
-	dropOnError?: boolean;
-	/** if false, an upstream cache read error will stop the cache.get() method from calling the generate function and will instead pass back the cache error. Defaults to true. */
-	generateOnReadError?: boolean;
-	/** if false, an upstream cache write error when calling cache.get() will be passed back with the generated value when calling. Defaults to true. */
-	generateIgnoreWriteError?: boolean;
-	/** number of milliseconds while generateFunc call is in progress for a given id, before a subsequent generateFunc call is allowed. Defaults to 0 (no blocking of concurrent generateFunc calls beyond staleTimeout). */
-	pendingGenerateTimeout?: number;
-}
-
-/** Any connections configuration server defaults can be included to override and customize the individual connection. */
-export interface IServerConnectionOptions extends IConnectionConfigurationServerDefaults {
-	/**  - the public hostname or IP address. Used only to set server.info.host and server.info.uri. If not configured, defaults to the operating system hostname and if not available, to 'localhost'.*/
-	host?: string;
-	/** - sets the host name or IP address the connection will listen on.If not configured, defaults to host if present, otherwise to all available network interfaces (i.e. '0.0.0.0').Set to 127.0.0.1 or localhost to restrict connection to only those coming from the same machine.*/
-	address?: string;
-	/** - the TCP port the connection will listen to.Defaults to an ephemeral port (0) which uses an available port when the server is started (and assigned to server.info.port).If port is a string containing a '/' character, it is used as a UNIX domain socket path and if it starts with '\.\pipe' as a Windows named pipe.*/
-	port?: string | number;
-	/** - the full public URI without the path (e.g. 'http://example.com:8080').If present, used as the connection info.uri otherwise constructed from the connection settings.*/
-	uri?: string;
-	/**  - optional node.js HTTP (or HTTPS) http.Server object or any compatible object.If the listener needs to be manually started, set autoListen to false.If the listener uses TLS, set tls to true.*/
-	listener?: any;
-	/**  - indicates that the connection.listener will be started manually outside the framework.Cannot be specified with a port setting.Defaults to true.*/
-	autoListen?: boolean;
-	/**  caching headers configuration: */
-	cache?: {
-		/** - an array of HTTP response status codes (e.g. 200) which are allowed to include a valid caching directive.Defaults to [200]. */
-		statuses: number[];
-	};
-	/** - a string or string array of labels used to server.select() specific connections matching the specified labels.Defaults to an empty array [](no labels).*/
-	labels?: string | string[];
-	/**  - used to create an HTTPS connection.The tls object is passed unchanged as options to the node.js HTTPS server as described in the node.js HTTPS documentation.Set to true when passing a listener object that has been configured to use TLS directly. */
-	tls?: boolean | { key?: string; cert?: string; pfx?: string; } | Object;
-}
-
-export interface IConnectionConfigurationServerDefaults {
-	/**  application-specific connection configuration which can be accessed via connection.settings.app. Provides a safe place to store application configuration without potential conflicts with the framework internals. Should not be used to configure plugins which should use plugins[name]. Note the difference between connection.settings.app which is used to store configuration values and connection.app which is meant for storing run-time state.  */
-	app?: any;
-	/** if false, response content encoding is disabled. Defaults to true */
-	compression?: boolean;
-	/**  connection load limits configuration where:  */
-	load?: {
-		/**  maximum V8 heap size over which incoming requests are rejected with an HTTP Server Timeout (503) response. Defaults to 0 (no limit).  */
-		maxHeapUsedBytes: number;
-		/**  maximum process RSS size over which incoming requests are rejected with an HTTP Server Timeout (503) response. Defaults to 0 (no limit).  */
-		maxRssBytes: number;
-		/**  maximum event loop delay duration in milliseconds over which incoming requests are rejected with an HTTP Server Timeout (503) response. Defaults to 0 (no limit).  */
-		maxEventLoopDelay: number;
-	};
-	/**  plugin-specific configuration which can later be accessed via connection.settings.plugins. Provides a place to store and pass connection-specific plugin configuration. plugins is an object where each key is a plugin name and the value is the configuration. Note the difference between connection.settings.plugins which is used to store configuration values and connection.plugins which is meant for storing run-time state. */
-	plugins?: any;
-	/**  controls how incoming request URIs are matched against the routing table: */
-	router?: {
-		/**  determines whether the paths '/example' and '/EXAMPLE' are considered different resources. Defaults to true.  */
-		isCaseSensitive: boolean;
-		/**  removes trailing slashes on incoming paths. Defaults to false.  */
-		stripTrailingSlash: boolean;
-	};
-	/** a route options object used to set the default configuration for every route. */
-	routes?: IRouteAdditionalConfigurationOptions;
-	state?: IServerState;
-}
-
-/** Note that the options object is deeply cloned and cannot contain any values that are unsafe to perform deep copy on.*/
-export interface IServerOptions {
-	/**  application-specific configuration which can later be accessed via server.settings.app. Note the difference between server.settings.app which is used to store static configuration values and server.app which is meant for storing run-time state. Defaults to {}.  */
-	app?: any;
-	/**   sets up server-side caching. Every server includes a default cache for storing application state. By default, a simple memory-based cache is created which has limited capacity and capabilities. hapi uses catbox for its cache which includes support for common storage solutions (e.g. Redis, MongoDB, Memcached, and Riak). Caching is only utilized if methods and plugins explicitly store their state in the cache. The server cache configuration only defines the storage container itself. cache can be assigned:
-	 a prototype function (usually obtained by calling require() on a catbox strategy such as require('catbox-redis')).
-	 a configuration object with the following options:
-	 enginea prototype function or catbox engine object.
-	 namean identifier used later when provisioning or configuring caching for server methods or plugins. Each cache name must be unique. A single item may omit the name option which defines the default cache. If every cache includes a name, a default memory cache is provisions as well.
-	 sharedif true, allows multiple cache users to share the same segment (e.g. multiple methods using the same cache storage container). Default to false.
-	 other options passed to the catbox strategy used.
-	 an array of the above object for configuring multiple cache instances, each with a unique name. When an array of objects is provided, multiple cache connections are established and each array item (except one) must include a name.  */
-	cache?: string | ICatBoxCacheOptions | ICatBoxCacheOptions[] | any;
-	/**  sets the default connections configuration which can be overridden by each connection where:  */
-	connections?: IConnectionConfigurationServerDefaults;
-	/** determines which logged events are sent to the console (this should only be used for development and does not affect which events are actually logged internally and recorded). Set to false to disable all console logging, or to an object*/
-	debug?: boolean | {
-		/** - a string array of server log tags to be displayed via console.error() when the events are logged via server.log() as well as internally generated server logs. For example, to display all errors, set the option to ['error']. To turn off all console debug messages set it to false. Defaults to uncaught errors thrown in external code (these errors are handled automatically and result in an Internal Server Error response) or runtime errors due to developer error. */
-		log: string[];
-		/**  - a string array of request log tags to be displayed via console.error() when the events are logged via request.log() as well as internally generated request logs. For example, to display all errors, set the option to ['error']. To turn off all console debug messages set it to false. Defaults to uncaught errors thrown in external code (these errors are handled automatically and result in an Internal Server Error response) or runtime errors due to developer error.*/
-		request: string[];
-	};
-	/** file system related settings*/
-	files?: {
-		/**  sets the maximum number of file etag hash values stored in the etags cache. Defaults to 10000.*/
-		etagsCacheMaxSize?: number;
-	};
-	/**  process load monitoring*/
-	load?: {
-		/**  the frequency of sampling in milliseconds. Defaults to 0 (no sampling).*/
-		sampleInterval?: number;
-	};
-
-	/** options passed to the mimos module (https://github.com/hapijs/mimos) when generating the mime database used by the server and accessed via server.mime.*/
-	mime?: any;
-	/**  if true, does not load the inert (file and directory support), h2o2 (proxy support), and vision (views support) plugins automatically. The plugins can be loaded manually after construction. Defaults to false (plugins loaded). */
-	minimal?: boolean;
-	/** plugin-specific configuration which can later be accessed via server.settings.plugins. plugins is an object where each key is a plugin name and the value is the configuration. Note the difference between server.settings.plugins which is used to store static configuration values and server.plugins which is meant for storing run-time state. Defaults to {}.*/
-	plugins?: IDictionary<any>;
-}
-
-export interface IServerViewCompile {
-	(template: string, options: any): void;
-	(template: string, options: any, callback: (err: any, compiled: (context: any, options: any, callback: (err: any, rendered: boolean) => void) => void) => void): void;
-}
-
-export interface IServerViewsAdditionalOptions {
-	/**    path - the root file path used to resolve and load the templates identified when calling reply.view().Defaults to current working directory.*/
-	path?: string;
-	/**partialsPath - the root file path where partials are located.Partials are small segments of template code that can be nested and reused throughout other templates.Defaults to no partials support (empty path).
-	 */
-	partialsPath?: string;
-	/**helpersPath - the directory path where helpers are located.Helpers are functions used within templates to perform transformations and other data manipulations using the template context or other inputs.Each '.js' file in the helpers directory is loaded and the file name is used as the helper name.The files must export a single method with the signature function(context) and return a string.Sub - folders are not supported and are ignored.Defaults to no helpers support (empty path).Note that jade does not support loading helpers this way.*/
-	helpersPath?: string;
-	/**relativeTo - a base path used as prefix for path and partialsPath.No default.*/
-	relativeTo?: string;
-
-	/**layout - if set to true or a layout filename, layout support is enabled.A layout is a single template file used as the parent template for other view templates in the same engine.If true, the layout template name must be 'layout.ext' where 'ext' is the engine's extension. Otherwise, the provided filename is suffixed with the engine's extension and loaded.Disable layout when using Jade as it will handle including any layout files independently.Defaults to false.*/
-	layout?: boolean | string;
-	/**layoutPath - the root file path where layout templates are located (using the relativeTo prefix if present). Defaults to path.*/
-	layoutPath?: string;
-	/**layoutKeyword - the key used by the template engine to denote where primary template content should go.Defaults to 'content'.*/
-	layoutKeywork?: string;
-	/**encoding - the text encoding used by the templates when reading the files and outputting the result.Defaults to 'utf8'.*/
-	encoding?: string;
-	/**isCached - if set to false, templates will not be cached (thus will be read from file on every use).Defaults to true.*/
-	isCached?: boolean;
-	/**allowAbsolutePaths - if set to true, allows absolute template paths passed to reply.view().Defaults to false.*/
-	allowAbsolutePaths?: boolean;
-	/**allowInsecureAccess - if set to true, allows template paths passed to reply.view() to contain '../'.Defaults to false.*/
-	allowInsecureAccess?: boolean;
-	/**compileOptions - options object passed to the engine's compile function. Defaults to empty options {}.*/
-	compileOptions?: any;
-	/**runtimeOptions - options object passed to the returned function from the compile operation.Defaults to empty options {}.*/
-	runtimeOptions?: any;
-	/**contentType - the content type of the engine results.Defaults to 'text/html'.*/
-	contentType?: string;
-	/**compileMode - specify whether the engine compile() method is 'sync' or 'async'.Defaults to 'sync'.*/
-	compileMode?: string;
-	/**context - a global context used with all templates.The global context option can be either an object or a function that takes no arguments and returns a context object.When rendering views, the global context will be merged with any context object specified on the handler or using reply.view().When multiple context objects are used, values from the global context always have lowest precedence.*/
-	context?: any;
-}
-
-export interface IServerViewsEnginesOptions extends IServerViewsAdditionalOptions {
-	/**- the npm module used for rendering the templates.The module object must contain: "module", the rendering function. The required function signature depends on the compileMode settings.
-	 * If the compileMode is 'sync', the signature is compile(template, options), the return value is a function with signature function(context, options), and the method is allowed to throw errors.If the compileMode is 'async', the signature is compile(template, options, callback) where callback has the signature function(err, compiled) where compiled is a function with signature function(context, options, callback) and callback has the signature function(err, rendered).*/
-	module: {
-		compile?(template: any, options: any): (context: any, options: any) => void;
-		compile?(template: any, options: any, callback: (err: any, compiled: (context: any, options: any, callback: (err: any, rendered: any) => void) => void) => void): void;
-	};
-}
-
-/**Initializes the server views manager
- var Hapi = require('hapi');
- var server = new Hapi.Server();
-
- server.views({
-engines: {
-html: require('handlebars'),
-jade: require('jade')
-},
-path: '/static/templates'
-});
- When server.views() is called within a plugin, the views manager is only available to plugins methods.
- */
-export interface IServerViewsConfiguration extends IServerViewsAdditionalOptions {
-	/** - required object where each key is a file extension (e.g. 'html', 'hbr'), mapped to the npm module used for rendering the templates.Alternatively, the extension can be mapped to an object with the following options:*/
-	engines: IDictionary<any> | IServerViewsEnginesOptions;
-	/**  defines the default filename extension to append to template names when multiple engines are configured and not explicit extension is provided for a given template. No default value.*/
-	defaultExtension?: string;
-}
-
-export interface IReplyMethods {
-	/** Returns control back to the framework without setting a response. If called in the handler, the response defaults to an empty payload with status code 200.
-	 * The data argument is only used for passing back authentication data and is ignored elsewhere. */
-	continue(credentialData?: any): void;
-
-	/** Transmits a file from the file system. The 'Content-Type' header defaults to the matching mime type based on filename extension.  The response flow control rules do not apply. */
-	file(/**   the file path. */
-		path: string,
-		/**  optional settings:  */
-		options?: {
-			/** - an optional filename to specify if sending a 'Content-Disposition' header, defaults to the basename of path*/
-			filename?: string;
-			/** specifies whether to include the 'Content-Disposition' header with the response. Available values:
-			 false - header is not included. This is the default value.
-			 'attachment'
-			 'inline'*/
-			mode?: boolean | string;
-			/**   if true, looks for the same filename with the '.gz' suffix for a pre-compressed version of the file to serve if the request supports content encoding. Defaults to false.  */
-			lookupCompressed: boolean;
-		}): void;
-	/**  Concludes the handler activity by returning control over to the router with a templatized view response.
-	 the response flow control rules apply. */
-	view(/**  the template filename and path, relative to the templates path configured via the server views manager. */
-		template: string,
-		/**  optional object used by the template to render context-specific result. Defaults to no context {}. */
-		context?: {},
-		/**  optional object used to override the server's views manager configuration for this response. Cannot override isCached, partialsPath, or helpersPath which are only loaded at initialization.  */
-		options?: any): Response;
-	/** Sets a header on the response */
-	header(name: string, value: string, options?: IHeaderOptions): Response;
-
-	/** Concludes the handler activity by returning control over to the router and informing the router that a response has already been sent back directly via request.raw.res and that no further response action is needed
-	 The response flow control rules do not apply. */
-	close(options?: {
-		/**   if false, the router will not call request.raw.res.end()) to ensure the response was ended. Defaults to true.  */
-		end?: boolean;
-	}): void;
-	/** Proxies the request to an upstream endpoint.
-	 the response flow control rules do not apply. */
-
-	proxy(/**  an object including the same keys and restrictions defined by the route proxy handler options. */
-		options: IProxyHandlerConfig): void;
-	/** Redirects the client to the specified uri. Same as calling reply().redirect(uri).
-	 he response flow control rules apply. */
-	redirect(uri: string): ResponseRedirect;
-
-	/** Replies with the specified response */
-	response(result: any): Response;
-
-	/** Sets a cookie on the response */
-	state(name: string, value: any, options?: any): void;
-
-	/** Clears a cookie on the response */
-	unstate(name: string, options?: any): void;
-}
-
-/**  Concludes the handler activity by setting a response and returning control over to the framework where:
- erran optional error response.
-	result an optional response payload.
-	Since an request can only have one response regardless if it is an error or success, the reply() method can only result in a single response value. This means that passing both an err and result will only use the err. There is no requirement for either err or result to be (or not) an Error object. The framework will simply use the first argument if present, otherwise the second. The method supports two arguments to be compatible with the common callback pattern of error first.
-	FLOW CONTROL:
-	When calling reply(), the framework waits until process.nextTick() to continue processing the request and transmit the response. This enables making changes to the returned response object before the response is sent. This means the framework will resume as soon as the handler method exits. To suspend this behavior, the returned response object supports the following methods: hold(), send() */
-export interface IReply extends IReplyMethods {
-	<T>(
-		err: Error,
-		result?: string | number | boolean | Buffer | stream.Stream | Promise<T> | T,
-		/**  Note that when used to return both an error and credentials in the authentication methods, reply() must be called with three arguments function(err, null, data) where data is the additional authentication information. */
-		credentialData?: any): IBoom;
-	/**  Note that if result is a Stream with a statusCode property, that status code will be used as the default response code.  */
-	<T>(result: string | number | boolean | Buffer | stream.Stream | Promise<T> | T): Response;
-}
-
-/**  Concludes the handler activity by setting a response and returning control over to the framework where:
- erran optional error response.
-	result an optional response payload.
-	Since an request can only have one response regardless if it is an error or success, the reply() method can only result in a single response value. This means that passing both an err and result will only use the err. There is no requirement for either err or result to be (or not) an Error object. The framework will simply use the first argument if present, otherwise the second. The method supports two arguments to be compatible with the common callback pattern of error first.
-	FLOW CONTROL:
-	When calling reply(), the framework waits until process.nextTick() to continue processing the request and transmit the response. This enables making changes to the returned response object before the response is sent. This means the framework will resume as soon as the handler method exits. To suspend this behavior, the returned response object supports the following methods: hold(), send() */
-export interface IStrictReply<T> extends IReplyMethods {
-	(err: Error,
-		result?: Promise<T> | T,
-		/**  Note that when used to return both an error and credentials in the authentication methods, reply() must be called with three arguments function(err, null, data) where data is the additional authentication information. */
-		credentialData?: any): IBoom;
-	/**  Note that if result is a Stream with a statusCode property, that status code will be used as the default response code.  */
-	(result: Promise<T> | T): Response;
-}
-
-export interface ISessionHandler {
-	(request: Request, reply: IReply): void;
-}
-
-export interface IStrictSessionHandler {
-	<T>(request: Request, reply: IStrictReply<T>): void;
-}
-
-export interface IRequestHandler<T> {
-	(request: Request): T;
-}
-
-export interface IFailAction {
-	(source: string, error: any, next: () => void): void;
-}
-/**  generates a reverse proxy handler */
-export interface IProxyHandlerConfig {
-	/** the upstream service host to proxy requests to. The same path on the client request will be used as the path on the host.*/
-	host?: string;
-	/** the upstream service port. */
-	port?: number;
-	/**  The protocol to use when making a request to the proxied host:
-	 'http'
-	 'https'*/
-	protocol?: string;
-	/**  an absolute URI used instead of the incoming host, port, protocol, path, and query. Cannot be used with host, port, protocol, or mapUri.*/
-	uri?: string;
-	/**  if true, forwards the headers sent from the client to the upstream service being proxied to, headers sent from the upstream service will also be forwarded to the client. Defaults to false.*/
-	passThrough?: boolean;
-	/** localStatePassThrough - if false, any locally defined state is removed from incoming requests before being passed upstream. This is a security feature to prevent local state (e.g. authentication cookies) from leaking upstream to other servers along with the cookies intended for those servers. This value can be overridden on a per state basis via the server.state() passThrough option. Defaults to false.*/
-	localStatePassThrough?: boolean;
-	/**acceptEncoding - if false, does not pass-through the 'Accept-Encoding' HTTP header which is useful when using an onResponse post-processing to avoid receiving an encoded response (e.g. gzipped). Can only be used together with passThrough. Defaults to true (passing header).*/
-	acceptEncoding?: boolean;
-	/** rejectUnauthorized - sets the rejectUnauthorized property on the https agent making the request. This value is only used when the proxied server uses TLS/SSL. When set it will override the node.js rejectUnauthorized property. If false then ssl errors will be ignored. When true the server certificate is verified and an 500 response will be sent when verification fails. This shouldn't be used alongside the agent setting as the agent will be used instead. Defaults to the https agent default value of true.*/
-	rejectUnauthorized?: boolean;
-	/**if true, sets the 'X-Forwarded-For', 'X-Forwarded-Port', 'X-Forwarded-Proto' headers when making a request to the proxied upstream endpoint. Defaults to false.*/
-	xforward?: boolean;
-	/** the maximum number of HTTP redirections allowed, to be followed automatically by the handler. Set to false or 0 to disable all redirections (the response will contain the redirection received from the upstream service). If redirections are enabled, no redirections (301, 302, 307, 308) will be passed along to the client, and reaching the maximum allowed redirections will return an error response. Defaults to false.*/
-	redirects?: boolean | number;
-	/**number of milliseconds before aborting the upstream request. Defaults to 180000 (3 minutes).*/
-	timeout?: number;
-	/** a function used to map the request URI to the proxied URI. Cannot be used together with host, port, protocol, or uri. The function signature is function(request, callback) where:
-	 request - is the incoming request object.
-	 callback - is function(err, uri, headers) where:
-	 err - internal error condition.
-	 uri - the absolute proxy URI.
-	 headers - optional object where each key is an HTTP request header and the value is the header content.*/
-	mapUri?(request: Request, callback: (err: any, uri: string, headers?: { [key: string]: string }) => void): void;
-	/**  a custom function for processing the response from the upstream service before sending to the client. Useful for custom error handling of responses from the proxied endpoint or other payload manipulation. Function signature is function(err, res, request, reply, settings, ttl) where: - err - internal or upstream error returned from attempting to contact the upstream proxy. - res - the node response object received from the upstream service. res is a readable stream (use the wreck module read method to easily convert it to a Buffer or string). - request - is the incoming request object. - reply - the reply interface function. - settings - the proxy handler configuration. - ttl - the upstream TTL in milliseconds if proxy.ttl it set to 'upstream' and the upstream response included a valid 'Cache-Control' header with 'max-age'.*/
-	onResponse?(
-		err: any,
-		res: http.ServerResponse,
-		req: Request,
-		reply: IReply,
-		settings: IProxyHandlerConfig,
-		ttl: number): void;
-	/** if set to 'upstream', applies the upstream response caching policy to the response using the response.ttl() method (or passed as an argument to the onResponse method if provided).*/
-	ttl?: number;
-	/** - a node http(s) agent to be used for connections to upstream server.  see https://nodejs.org/api/http.html#http_class_http_agent */
-	agent?: http.Agent;
-	/** sets the maximum number of sockets available per outgoing proxy host connection. false means use the wreck module default value (Infinity). Does not affect non-proxy outgoing client connections. Defaults to Infinity.*/
-	maxSockets?: boolean | number;
-}
-/**  TODO: fill in joi definition  */
-export interface IJoi { }
-
-/**  a validation function using the signature function(value, options, next) */
-export interface IValidationFunction {
-	(
-		/**   the object containing the path parameters. */
-		value: any,
-		/**  the server validation options. */
-		options: any,
-		/**   the callback function called when validation is completed.  */
-		next: (err: any, value: any) => void): void;
-}
-/**  a custom error handler function with the signature 'function(request, reply, source, error)` */
-export interface IRouteFailFunction {
-	/**  a custom error handler function with the signature 'function(request, reply, source, error)` */
-	(/** - the [request object]. */
-		request: Request,
-		/**   the continuation reply interface. */
-		reply: IReply,
-		/**  the source of the invalid field (e.g. 'path', 'query', 'payload'). */
-		source: string,
-		/**  the error object prepared for the client response (including the validation function error under error.data). */
-		error: any): void;
-}
-
-/**  Each route can be customize to change the default behavior of the request lifecycle using the following options:  */
-export interface IRouteAdditionalConfigurationOptions {
-	/**  application specific configuration.Should not be used by plugins which should use plugins[name] instead. */
-	app?: any;
-	/** authentication configuration.Value can be: false to disable authentication if a default strategy is set.
-	 a string with the name of an authentication strategy registered with server.auth.strategy().
-	 an object  */
-	auth?: boolean | string |
-	{
-		/**  the authentication mode.Defaults to 'required' if a server authentication strategy is configured, otherwise defaults to no authentication.Available values:
-		 'required'authentication is required.
-		 'optional'authentication is optional (must be valid if present).
-		 'try'same as 'optional' but allows for invalid authentication. */
-		mode?: string;
-		/**  a string array of strategy names in order they should be attempted.If only one strategy is used, strategy can be used instead with the single string value.Defaults to the default authentication strategy which is available only when a single strategy is configured.  */
-		strategies?: string | string[];
-		/**  if set, the payload (in requests other than 'GET' and 'HEAD') is authenticated after it is processed.Requires a strategy with payload authentication support (e.g.Hawk).Cannot be set to a value other than 'required' when the scheme sets the options.payload to true.Available values:
-		 falseno payload authentication.This is the default value.
-		 'required'payload authentication required.This is the default value when the scheme sets options.payload to true.
-		 'optional'payload authentication performed only when the client includes payload authentication information (e.g.hash attribute in Hawk). */
-		payload?: string;
-		/**  the application scope required to access the route.Value can be a scope string or an array of scope strings.The authenticated credentials object scope property must contain at least one of the scopes defined to access the route.Set to false to remove scope requirements.Defaults to no scope required.  */
-		scope?: string | string[] | boolean;
-		/** the required authenticated entity type.If set, must match the entity value of the authentication credentials.Available values:
-		 anythe authentication can be on behalf of a user or application.This is the default value.
-		 userthe authentication must be on behalf of a user.
-		 appthe authentication must be on behalf of an application. */
-		entity?: string;
-		/**
-		 * an object or array of objects specifying the route access rules. Each rule is evaluated against an incoming
-		 * request and access is granted if at least one rule matches. Each rule object must include at least one of:
-		 */
-		access?: IRouteAdditionalConfigurationAuthAccess | IRouteAdditionalConfigurationAuthAccess[];
-	};
-	/** an object passed back to the provided handler (via this) when called. */
-	bind?: any;
-	/** if the route method is 'GET', the route can be configured to include caching directives in the response using the following options */
-	cache?: {
-		/**  mines the privacy flag included in clientside caching using the 'Cache-Control' header.Values are:
-		 fault'no privacy flag.This is the default setting.
-		 'public'mark the response as suitable for public caching.
-		 'private'mark the response as suitable only for private caching.  */
-		privacy: string;
-		/**  relative expiration expressed in the number of milliseconds since the item was saved in the cache.Cannot be used together with expiresAt. */
-		expiresIn: number;
-		/**  time of day expressed in 24h notation using the 'HH:MM' format, at which point all cache records for the route expire.Cannot be used together with expiresIn.  */
-		expiresAt: string;
-	};
-	/** the Cross- Origin Resource Sharing protocol allows browsers to make cross- origin API calls.CORS is required by web applications running inside a browser which are loaded from a different domain than the API server.CORS headers are disabled by default. To enable, set cors to true, or to an object with the following options: */
-	cors?: {
-		/** a strings array of allowed origin servers ('Access-Control-Allow-Origin').The array can contain any combination of fully qualified origins along with origin strings containing a wildcard '' character, or a single `''origin string. Defaults to any origin['*']`. */
-		origin?: string[];
-		/** if true, matches the value of the incoming 'Origin' header to the list of origin values ('*' matches anything) and if a match is found, uses that as the value of the 'Access-Control-Allow-Origin' response header.When false, the origin config is returned as- is.Defaults to true.  */
-		matchOrigin?: boolean;
-		/** if false, prevents the connection from returning the full list of non- wildcard origin values if the incoming origin header does not match any of the values.Has no impact if matchOrigin is set to false.Defaults to true. */
-		isOriginExposed?: boolean;
-		/**  number of seconds the browser should cache the CORS response ('Access-Control-Max-Age').The greater the value, the longer it will take before the browser checks for changes in policy.Defaults to 86400 (one day). */
-		maxAge?: number;
-		/**  a strings array of allowed headers ('Access-Control-Allow-Headers').Defaults to ['Authorization', 'Content-Type', 'If-None-Match']. */
-		headers?: string[];
-		/**  a strings array of additional headers to headers.Use this to keep the default headers in place. */
-		additionalHeaders?: string[];
-		/**  a strings array of allowed HTTP methods ('Access-Control-Allow-Methods').Defaults to ['GET', 'HEAD', 'POST', 'PUT', 'DELETE', 'OPTIONS']. */
-		methods?: string[];
-		/**  a strings array of additional methods to methods.Use this to keep the default methods in place. */
-		additionalMethods?: string[];
-		/**  a strings array of exposed headers ('Access-Control-Expose-Headers').Defaults to ['WWW-Authenticate', 'Server-Authorization']. */
-		exposedHeaders?: string[];
-		/**  a strings array of additional headers to exposedHeaders.Use this to keep the default headers in place. */
-		additionalExposedHeaders?: string[];
-		/**  if true, allows user credentials to be sent ('Access-Control-Allow-Credentials').Defaults to false. */
-		credentials?: boolean;
-		/** if false, preserves existing CORS headers set manually before the response is sent.Defaults to true. */
-		override?: boolean;
-	};
-	/**   defines the behavior for serving static resources using the built-in route handlers for files and directories: */
-	files?: {/** determines the folder relative paths are resolved against when using the file and directory handlers. */
-		relativeTo: string;
-	};
-
-	/**  an alternative location for the route handler option. */
-	handler?: ISessionHandler | IStrictSessionHandler | string | IRouteHandlerConfig;
-	/** an optional unique identifier used to look up the route using server.lookup(). */
-	id?: number;
-	/** optional arguments passed to JSON.stringify() when converting an object or error response to a string payload.Supports the following: */
-	json?: {
-		/** the replacer function or array.Defaults to no action. */
-		replacer?: Function | string[];
-		/**  number of spaces to indent nested object keys.Defaults to no indentation. */
-		space?: number | string;
-		/** string suffix added after conversion to JSON string.Defaults to no suffix. */
-		suffix?: string;
-	};
-	/** enables JSONP support by setting the value to the query parameter name containing the function name used to wrap the response payload.For example, if the value is 'callback', a request comes in with 'callback=me', and the JSON response is '{ "a":"b" }', the payload will be 'me({ "a":"b" });'.Does not work with stream responses. */
-	jsonp?: string;
-	/** determines how the request payload is processed: */
-	payload?: {
-		/**  the type of payload representation requested. The value must be one of:
-		 'data'the incoming payload is read fully into memory.If parse is true, the payload is parsed (JSON, formdecoded, multipart) based on the 'Content- Type' header.If parse is false, the raw Buffer is returned.This is the default value except when a proxy handler is used.
-		 'stream'the incoming payload is made available via a Stream.Readable interface.If the payload is 'multipart/form-data' and parse is true, fields values are presented as text while files are provided as streams.File streams from a 'multipart/form-data' upload will also have a property hapi containing filename and headers properties.
-		 'file'the incoming payload in written to temporary file in the directory specified by the server's payload.uploads settings. If the payload is 'multipart/ formdata' and parse is true, fields values are presented as text while files are saved. Note that it is the sole responsibility of the application to clean up the files generated by the framework. This can be done by keeping track of which files are used (e.g. using the request.app object), and listening to the server 'response' event to perform any needed cleaup. */
-		output?: string;
-		/**  can be true, false, or gunzip; determines if the incoming payload is processed or presented raw. true and gunzip includes gunzipping when the appropriate 'Content-Encoding' is specified on the received request. If parsing is enabled and the 'Content-Type' is known (for the whole payload as well as parts), the payload is converted into an object when possible. If the format is unknown, a Bad Request (400) error response is sent. Defaults to true, except when a proxy handler is used. The supported mime types are:
-		 'application/json'
-		 'application/x-www-form-urlencoded'
-		 'application/octet-stream'
-		 'text/ *'
-		 'multipart/form-data' */
-		parse?: string | boolean;
-		/** a string or an array of strings with the allowed mime types for the endpoint.Defaults to any of the supported mime types listed above.Note that allowing other mime types not listed will not enable them to be parsed, and that if parsing mode is 'parse', the request will result in an error response. */
-		allow?: string | string[];
-		/** a mime type string overriding the 'Content-Type' header value received.Defaults to no override. */
-		override?: string;
-		/**  limits the size of incoming payloads to the specified byte count.Allowing very large payloads may cause the server to run out of memory.Defaults to 1048576 (1MB).  */
-		maxBytes?: number;
-		/** payload reception timeout in milliseconds.Sets the maximum time allowed for the client to transmit the request payload (body) before giving up and responding with a Request Timeout (408) error response.Set to false to disable.Defaults to 10000 (10 seconds). */
-		timeout?: number;
-		/**  the directory used for writing file uploads.Defaults to os.tmpDir(). */
-		uploads?: string;
-		/**  determines how to handle payload parsing errors. Allowed values are:
-		 'error'return a Bad Request (400) error response. This is the default value.
-		 'log'report the error but continue processing the request.
-		 'ignore'take no action and continue processing the request. */
-		failAction?: string;
-	};
-	/** pluginspecific configuration.plugins is an object where each key is a plugin name and the value is the plugin configuration.  */
-	plugins?: IDictionary<any>;
-	/** an array with [route prerequisites] methods which are executed in serial or in parallel before the handler is called.  */
-	pre?: any[];
-	/** validation rules for the outgoing response payload (response body).Can only validate object response: */
-	response?: {
-		/** the default HTTP status code when the payload is empty. Value can be 200 or 204.
-		 Note that a 200 status code is converted to a 204 only at the time or response transmission
-		 (the response status code will remain 200 throughout the request lifecycle unless manually set). Defaults to 200. */
-		emptyStatusCode?: number;
-		/**   the default response object validation rules (for all non-error responses) expressed as one of:
-		 true - any payload allowed (no validation performed). This is the default.
-		 false - no payload allowed.
-		 a Joi validation object.
-		 a validation function using the signature function(value, options, next) where:
-		 value - the object containing the response object.
-		 options - the server validation options.
-		 next(err) - the callback function called when validation is completed.  */
-		schema?: boolean | any;
-		/** HTTP status- codespecific validation rules.The status key is set to an object where each key is a 3 digit HTTP status code and the value has the same definition as schema.If a response status code is not present in the status object, the schema definition is used, expect for errors which are not validated by default.  */
-		status?: { [statusCode: number]: boolean | any };
-		/** the percent of responses validated (0100).Set to 0 to disable all validation.Defaults to 100 (all responses). */
-		sample?: number;
-		/**  defines what to do when a response fails validation.Options are:
-		 errorreturn an Internal Server Error (500) error response.This is the default value.
-		 loglog the error but send the response.  */
-		failAction?: string;
-		/** if true, applies the validation rule changes to the response.Defaults to false. */
-		modify?: boolean;
-		/** options to pass to Joi.Useful to set global options such as stripUnknown or abortEarly (the complete list is available here: https://github.com/hapijs/joi#validatevalue-schema-options-callback ).Defaults to no options.  */
-		options?: any;
-	};
-	/** sets common security headers (disabled by default).To enable set security to true or to an object with the following options */
-	security?: boolean | {
-		/** controls the 'Strict-Transport-Security' header.If set to true the header will be set to max- age=15768000, if specified as a number the maxAge parameter will be set to that number.Defaults to true.You may also specify an object with the following fields: */
-		hsts?: boolean | number | {
-			/** the max- age portion of the header, as a number.Default is 15768000. */
-			maxAge?: number;
-			/**  a boolean specifying whether to add the includeSubdomains flag to the header. */
-			includeSubdomains?: boolean;
-			/** a boolean specifying whether to add the 'preload' flag (used to submit domains inclusion in Chrome's HTTP Strict Transport Security (HSTS) preload list) to the header. */
-			preload?: boolean;
-		};
-		/** controls the 'X-Frame-Options' header.When set to true the header will be set to DENY, you may also specify a string value of 'deny' or 'sameorigin'.To use the 'allow-from' rule, you must set this to an object with the following fields: */
-		xframe?: {
-			/** either 'deny', 'sameorigin', or 'allow-from' */
-			rule: string;
-			/** when rule is 'allow-from' this is used to form the rest of the header, otherwise this field is ignored.If rule is 'allow-from' but source is unset, the rule will be automatically changed to 'sameorigin'. */
-			source: string;
-		};
-		/** boolean that controls the 'X-XSS-PROTECTION' header for IE.Defaults to true which sets the header to equal '1; mode=block'.NOTE: This setting can create a security vulnerability in versions of IE below 8, as well as unpatched versions of IE8.See here and here for more information.If you actively support old versions of IE, it may be wise to explicitly set this flag to false. */
-		xss?: boolean;
-		/**  boolean controlling the 'X-Download-Options' header for IE, preventing downloads from executing in your context.Defaults to true setting the header to 'noopen'. */
-		noOpen?: boolean;
-		/** boolean controlling the 'X-Content-Type-Options' header.Defaults to true setting the header to its only and default option, 'nosniff'. */
-		noSniff?: boolean;
-	};
-	/** HTTP state management (cookies) allows the server to store information on the client which is sent back to the server with every request (as defined in RFC 6265).state supports the following options: */
-	state?: {
-		/** determines if incoming 'Cookie' headers are parsed and stored in the request.state object.Defaults to true. */
-		parse: boolean;
-		/** determines how to handle cookie parsing errors.Allowed values are:
-		 'error'return a Bad Request (400) error response.This is the default value.
-		 'log'report the error but continue processing the request.
-		 'ignore'take no action. */
-		failAction: string;
-	};
-	/**  request input validation rules for various request components.When using a Joi validation object, the values of the other inputs (i.e.headers, query, params, payload, and auth) are made available under the validation context (accessible in rules as Joi.ref('$query.key')).Note that validation is performed in order(i.e.headers, params, query, payload) and if type casting is used (converting a string to number), the value of inputs not yet validated will reflect the raw, unvalidated and unmodified values.The validate object supports: */
-	validate?: {
-		/** validation rules for incoming request headers.Values allowed:
-		 * trueany headers allowed (no validation performed).This is the default.
-		 falseno headers allowed (this will cause all valid HTTP requests to fail).
-		 a Joi validation object.
-		 a validation function using the signature function(value, options, next) where:
-		 valuethe object containing the request headers.
-		 optionsthe server validation options.
-		 next(err, value)the callback function called when validation is completed.
-		 */
-		headers?: boolean | IJoi | IValidationFunction;
-
-		/** validation rules for incoming request path parameters, after matching the path against the route and extracting any parameters then stored in request.params.Values allowed:
-		 trueany path parameters allowed (no validation performed).This is the default.
-		 falseno path variables allowed.
-		 a Joi validation object.
-		 a validation function using the signature function(value, options, next) where:
-		 valuethe object containing the path parameters.
-		 optionsthe server validation options.
-		 next(err, value)the callback function called when validation is completed. */
-		params?: boolean | IJoi | IValidationFunction;
-		/** validation rules for an incoming request URI query component (the key- value part of the URI between '?' and '#').The query is parsed into its individual key- value pairs (using the qs module) and stored in request.query prior to validation.Values allowed:
-		 trueany query parameters allowed (no validation performed).This is the default.
-		 falseno query parameters allowed.
-		 a Joi validation object.
-		 a validation function using the signature function(value, options, next) where:
-		 valuethe object containing the query parameters.
-		 optionsthe server validation options.
-		 next(err, value)the callback function called when validation is completed. */
-		query?: boolean | IJoi | IValidationFunction;
-		/**  validation rules for an incoming request payload (request body).Values allowed:
-		 trueany payload allowed (no validation performed).This is the default.
-		 falseno payload allowed.
-		 a Joi validation object.
-		 a validation function using the signature function(value, options, next) where:
-		 valuethe object containing the payload object.
-		 optionsthe server validation options.
-		 next(err, value)the callback function called when validation is completed.  */
-		payload?: boolean | IJoi | IValidationFunction;
-		/** an optional object with error fields copied into every validation error response. */
-		errorFields?: any;
-		/** determines how to handle invalid requests.Allowed values are:
-		 'error'return a Bad Request (400) error response.This is the default value.
-		 'log'log the error but continue processing the request.
-		 'ignore'take no action.
-		 OR a custom error handler function with the signature 'function(request, reply, source, error)` where:
-		 requestthe request object.
-		 replythe continuation reply interface.
-		 sourcethe source of the invalid field (e.g. 'path', 'query', 'payload').
-		 errorthe error object prepared for the client response (including the validation function error under error.data). */
-		failAction?: string | IRouteFailFunction;
-		/** options to pass to Joi.Useful to set global options such as stripUnknown or abortEarly (the complete list is available here: https://github.com/hapijs/joi#validatevalue-schema-options-callback ).Defaults to no options. */
-		options?: any;
-	};
-	/** define timeouts for processing durations: */
-	timeout?: {
-		/** response timeout in milliseconds.Sets the maximum time allowed for the server to respond to an incoming client request before giving up and responding with a Service Unavailable (503) error response.Disabled by default (false). */
-		server: boolean | number;
-		/** by default, node sockets automatically timeout after 2 minutes.Use this option to override this behavior.Defaults to undefined which leaves the node default unchanged.Set to false to disable socket timeouts. */
-		socket: boolean | number;
-	};
-
-	/**  ONLY WHEN ADDING NEW ROUTES (not when setting defaults).
-	 *route description used for generating documentation (string).
-	 */
-	description?: string;
-	/**  ONLY WHEN ADDING NEW ROUTES (not when setting defaults).
-	 *route notes used for generating documentation (string or array of strings).
-	 */
-	notes?: string | string[];
-	/**  ONLY WHEN ADDING NEW ROUTES (not when setting defaults).
-	 *route tags used for generating documentation (array of strings).
-	 */
-	tags?: string[];
-
-	/**  Enable logging of routes
-		*/
-	log?: boolean;
+export interface Dictionary<T> {
+    [key: string]: T;
 }
 
 /**
- * specifying the route access rules. Each rule is evaluated against an incoming request and access is granted if at least one rule matches
+ * Server
+ * The Server object is the main application container. The server manages all incoming connections along with all the facilities provided by the framework. A server can contain more than one connection (e.g. listen to port 80 and 8080).
+ * [See docs](https://hapijs.com/api/16.1.1#server)
+ * [See docs](https://hapijs.com/api/16.1.1#server-properties)
+ * [See docs](https://hapijs.com/api/16.1.1#server-events)
  */
-export interface IRouteAdditionalConfigurationAuthAccess {
-	/**
-	 * the application scope required to access the route. Value can be a scope string or an array of scope strings.
-	 * The authenticated credentials object scope property must contain at least one of the scopes defined to access the route.
-	 * If a scope string begins with a + character, that scope is required. If a scope string begins with a ! character,
-	 * that scope is forbidden. For example, the scope ['!a', '+b', 'c', 'd'] means the incoming request credentials'
-	 * scope must not include 'a', must include 'b', and must include on of 'c' or 'd'. You may also access properties
-	 * on the request object (query and params} to populate a dynamic scope by using {} characters around the property name,
-	 * such as 'user-{params.id}'. Defaults to false (no scope requirements).
-	 */
-	scope?: string | string[] | boolean;
-	/** the required authenticated entity type. If set, must match the entity value of the authentication credentials. Available values:
-	 * any - the authentication can be on behalf of a user or application. This is the default value.
-	 * user - the authentication must be on behalf of a user which is identified by the presence of a user attribute in the credentials object returned by the authentication strategy.
-	 * app - the authentication must be on behalf of an application which is identified by the lack of presence of a user attribute in the credentials object returned by the authentication strategy.
-	 */
-	entity?: string;
+export class Server extends Podium.Podium {
+    /**
+     * Creates a new Server object
+     */
+    constructor(options?: ServerOptions);
+
+    /**
+     * Provides a safe place to store server-specific run-time application data without potential conflicts with the framework internals. The data can be accessed whenever the server is accessible. Initialized with an empty object.
+     * [See docs](https://hapijs.com/api/16.1.1#serverapp)
+     */
+    app?: any;
+    /**
+     * An array containing the server's connections. When the server object is returned from server.select(), the connections array only includes the connections matching the selection criteria.
+     * [See docs](https://hapijs.com/api/16.1.1#serverconnections)
+     */
+    connections: ServerConnection[];
+    /**
+     * When the server contains exactly one connection, info is an object containing information about the sole connection
+     * When the server contains more than one connection, each server.connections array member provides its own connection.info.
+     * [See docs](https://hapijs.com/api/16.1.1#serverinfo)
+     */
+    info: ServerConnectionInfo | null;
+    /**
+     * An object containing the process load metrics (when load.sampleInterval is enabled):
+     * [See docs](https://hapijs.com/api/16.1.1#serverload)
+     */
+    load: {
+        /** event loop delay milliseconds. */
+        eventLoopDelay: number;
+        /** V8 heap usage. */
+        heapUsed: number;
+        /** RSS memory usage. */
+        rss: number;
+    }
+    /**
+     * When the server contains exactly one connection, listener is the node HTTP server object of the sole connection.
+     * When the server contains more than one connection, each server.connections array member provides its own connection.listener.
+     * [See docs](https://hapijs.com/api/16.1.1#serverlistener)
+     */
+    listener: ServerListener | null;
+    /**
+     * An object providing access to the server methods cs://hapijs.com/api/16.1.1#servermethodname-method-options} where each server method name is an object property.
+     * [See docs](https://hapijs.com/api/16.1.1#servermethods)
+     */
+    methods: Dictionary<ServerMethod>;
+    /**
+     * Provides access to the server MIME database used for setting content-type information. The object must not be modified directly but only through the mime server setting.
+     * [See docs](https://hapijs.com/api/16.1.1#servermime)
+     */
+    readonly mime: {path: (path: string) => {type: string}};
+    /**
+     * An object containing the values exposed by each plugin registered where each key is a plugin name and the values are the exposed properties by each plugin using server.expose(). Plugins may set the value of the server.plugins[name] object directly or via the server.expose() method.
+     * [See docs](https://hapijs.com/api/16.1.1#serverplugins)
+     */
+    plugins: PluginsStates;
+    /**
+     * The realm object contains server-wide or plugin-specific state that can be shared across various methods. For example, when calling server.bind(), the active realm settings.bind property is set which is then used by routes and extensions added at the same level (server root or plugin). Realms are a limited version of a sandbox where plugins can maintain state used by the framework when adding routes, extensions, and other properties.
+     * [See docs](https://hapijs.com/api/16.1.1#serverrealm)
+     */
+    readonly realm: ServerRealm;
+    /**
+     * When the server contains exactly one connection, registrations is an object where each key is a registered plugin name
+     * When the server contains more than one connection, each server.connections array member provides its own connection.registrations.
+     * TODO check and offer PR to update Hapi docs: Assuming readonly.
+     * [See docs](https://hapijs.com/api/16.1.1#serverregistrations)
+     */
+    readonly registrations: ServerRegisteredPlugins;
+    /**
+     * The root server object containing all the connections and the root server methods (e.g. start(), stop(), connection()).
+     * TODO, check and offer PR to update Hapi docs: Marked as optional as presumably root server does not reference itself.
+     * [See docs](https://hapijs.com/api/16.1.1#serverroot)
+     */
+    root?: Server;
+    /**
+     * The server configuration object after defaults applied.
+     * [See docs](https://hapijs.com/api/16.1.1#serversettings)
+     */
+    settings: ServerOptions;
+    /**
+     * The hapi module version number.
+     * [See docs](https://hapijs.com/api/16.1.1#serverversion)
+     */
+    version: string;
+
+    /**
+     * [See docs](https://hapijs.com/api/16.1.1#serverauthapi)
+     * [See docs](https://hapijs.com/api/16.1.1#serverauthdefaultoptions)
+     * [See docs](https://hapijs.com/api/16.1.1#serverauthschemename-scheme)
+     * [See docs](https://hapijs.com/api/16.1.1#serverauthstrategyname-scheme-mode-options)
+     * [See docs](https://hapijs.com/api/16.1.1#serverauthteststrategy-request-next)
+     */
+    auth: ServerAuth;
+
+    /**
+     * Sets a global context used as the default bind object when adding a route or an extension
+     * When setting context inside a plugin, the context is applied only to methods set up by the plugin. Note that the context applies only to routes and extensions added after it has been set. Ignored if the method being bound is an arrow function.
+     * @param context  the object used to bind this in handler and extension methods.
+     * [See docs](https://hapijs.com/api/16.1.1#serverbindcontext)
+     */
+    bind(context: any): void;
+    /**
+     * [See docs](https://hapijs.com/api/16.1.1#servercacheoptions)
+     * [See docs](https://hapijs.com/api/16.1.1#servercacheprovisionoptions-callback)
+     */
+    cache: ServerCacheMethod;
+    /**
+     * Adds an incoming server connection
+     * Returns a server object with the new connections selected.
+     * Must be called before any other server method that modifies connections is called for it to apply to the new connection (e.g. server.state())
+     * Note that the options object is deeply cloned (with the exception of listener which is shallowly copied) and cannot contain any values that are unsafe to perform deep copy on.
+     *
+     * [See docs](https://hapijs.com/api/16.1.1#serverconnectionoptions) for various advantage topics covering usage and caveats around use of the function in plugin register(), connectionless plugins calling connection(), etc.
+     * @param connection  a connection configuration object or array of objects
+     */
+    connection(options?: ServerConnectionOptions[]): Server;
+    connection(options?: ServerConnectionOptions): Server;
+    // connection: (options: ServerConnectionOptions[] | ServerConnectionOptions) => Server;
+    /**
+     * Registers a custom content decoding compressor to extend the built-in support for 'gzip' and 'deflate'
+     * [See docs](https://hapijs.com/api/16.1.1#serverdecoderencoding-decoder)
+     * @param encoding  the decoder name string.
+     * @param decoder  a function using the signature function(options) where options are the encoding specific options configured in the route payload.compression configuration option, and the return value is an object compatible with the output of node's zlib.createGunzip().
+     */
+    decoder(encoding: string, decoder: ((options: CompressionDecoderSettings) => zlib.Gunzip)): void;
+    /**
+     * Extends various framework interfaces with custom methods
+     * Note that decorations apply to the entire server and all its connections regardless of current selection.
+     * [See docs](https://hapijs.com/api/16.1.1#serverdecoratetype-property-method-options)
+     *
+     * NOTE: it's not possible to type the result of this action.
+     * It's advised that in a custom definition file, you extend the ReplyNoContinue
+     * and ReplyWithContinue functions.  See Inert `.file` for an example.
+     * Or if it is not part of a library / plugin then you use a namespace within
+     * your code to type the request, server and or reply.  See
+     * [tests/server/decorate.ts](https://github.com/DefinitelyTyped/DefinitelyTyped/tree/master/types/hapi/tests/server/decorate.ts)
+     * for examples.
+     * @param type  the interface being decorated. Supported types:
+     *      * 'request' - adds methods to the Request object.
+     *      * 'reply' - adds methods to the reply interface.
+     *      * 'server' - adds methods to the Server object.
+     * @param property  the object decoration key name.
+     * @param method  the extension function or other value.
+     * @param options  if the type is 'request', supports the following optional settings:
+     *      * apply - if true, the method function is invoked using the signature function(request) where request is the current request object and the returned value is assigned as the decoration.
+     */
+    decorate(type: 'request' | 'reply' | 'server', property: string, method: Function): void;
+    decorate(type: 'request', property: string, method: Function, options?: {apply: false}): void;
+    decorate(type: 'request', property: string, method: (request: Request) => Function, options: {apply: true}): void;
+    /**
+     * The server.decorate('server', ...) method can modify this prototype/interface.
+     * Have disabled these typings as there is a better alternative, see example in: tests/server/decorate.ts
+     * [And discussion here](https://github.com/DefinitelyTyped/DefinitelyTyped/issues/14517#issuecomment-298891630)
+     */
+    // [index: string]: any;
+    /**
+     * Used within a plugin to declare a required dependency on other plugins
+     * The after method is identical to setting a server extension point on 'onPreStart'. Connectionless plugins (those with attributes.connections set to false) can only depend on other connectionless plugins (server initialization will fail even of the dependency is loaded but is not connectionless).
+     * Dependencies can also be set via the register attributes property (does not support setting after).
+     * [See docs](https://hapijs.com/api/16.1.1#serverdependencydependencies-after)
+     * @param dependencies  a single string or array of plugin name strings which must be registered in order for this plugin to operate. Plugins listed must be registered before the server is initialized or started. Does not provide version dependency which should be implemented using npm peer dependencies.
+     * @param after  an optional function called after all the specified dependencies have been registered and before the server starts. The function is only called if the server is initialized or started. If a circular dependency is detected, an exception is thrown (e.g. two plugins each has an after function to be called after the other). The function signature is function(server, next)
+     */
+    dependency(dependencies: string | string[], after?: AfterDependencyLoadCallback): void;
+    /**
+     * Emits a custom application event update to all the subscribed listeners
+     * Note that events must be registered before they can be emitted or subscribed to by calling server.event(events). This is done to detect event name misspelling and invalid event activities.
+     * [See docs](https://hapijs.com/api/16.1.1#serveremitcriteria-data-callback)
+     * @param criteria  the event update criteria which if an object can have the following optional keys (unless noted otherwise):
+     *      * name - the event name string (required).
+     *      * channel - the channel name string.
+     *      * tags - a tag string or array of tag strings.
+     * @param data  the value emitted to the subscribers. If data is a function, the function signature is function() and it called once to generate (return value) the actual data emitted to the listeners. If no listeners match the event, the data function is not invoked.
+     * @param callback  an optional callback method invoked when all subscribers have been notified using the signature function(). The callback is called only after all the listeners have been notified, including any event updates emitted earlier (the order of event updates are guaranteed to be in the order they were emitted).
+     */
+    emit(criteria: string | {name: string, channel?: string, tags?: string | string[]}, data: any, callback?: () => void): void;
+    /**
+     * Registers a custom content encoding compressor to extend the built-in support for 'gzip' and 'deflate'
+     * [See docs](https://hapijs.com/api/16.1.1#serverencoderencoding-encoder)
+     * @param encoding  the encoder name string.
+     * @param encoder  a function using the signature function(options) where options are the encoding specific options configured in the route compression configuration option, and the return value is an object compatible with the output of node's zlib.createGzip().
+     */
+    encoder(encoding: string, encoder:((options: CompressionEncoderSettings) => zlib.Gzip)): void;
+    /**
+     * Register custom application events
+     * [See docs](https://hapijs.com/api/16.1.1#servereventevents)
+     * @param events  see ApplicationEvent
+     */
+    event(events: ApplicationEvent[]): void;
+    event(events: ApplicationEvent): void;
+    /**
+     * Used within a plugin to expose a property via server.plugins[name]
+     * [See docs](https://hapijs.com/api/16.1.1#serverexposekey-value)
+     * @param key  the key assigned (server.plugins[name][key]).
+     * @param value  the value assigned.
+     */
+    expose(key: string, value: any): void;
+    /**
+     * Merges an object into to the existing content of server.plugins[name]
+     * Note that all properties of obj are deeply cloned into server.plugins[name], so you should avoid using this method for exposing large objects that may be expensive to clone or singleton objects such as database client objects. Instead favor the server.expose(key, value) form, which only copies a reference to value.
+     * [See docs](https://hapijs.com/api/16.1.1#serverexposeobj)
+     * @param obj  the object merged into the exposed properties container.
+     */
+    expose(obj: Object): void;
+    /**
+     * Registers an extension function in one of the available extension points
+     * [See docs](https://hapijs.com/api/16.1.1#serverextevents)
+     * @param events  see @ServerExtConfigurationObject
+     */
+    ext(events: ServerExtConfigurationObject[]): void;
+    ext(events: ServerExtConfigurationObject): void;
+    /**
+     * Registers a single extension event using the same properties as used in server.ext(events), but passed as arguments.
+     * [See docs](https://hapijs.com/api/16.1.1#serverextevent-method-options)
+     * @param event  the extension point event name.
+     * @param method  a function or an array of functions to be executed at a specified point during request processing.
+     * @param options
+     */
+    ext(event: ServerExtPoints, method: ServerExtMethod[], options?: ServerExtOptions): void;
+    ext(event: ServerExtPoints, method: ServerExtMethod, options?: ServerExtOptions): void;
+    /**
+     * Registers a new handler type to be used in routes
+     * The method function can have a defaults object or function property. If the property is set to an object, that object is used as the default route config for routes using this handler. If the property is set to a function, the function uses the signature function(method) and returns the route default configuration.
+     * [See docs](https://hapijs.com/api/16.1.1#serverhandlername-method)
+     * @param name  string name for the handler being registered. Cannot override any previously registered type.
+     * @param method  the function used to generate the route handler using the signature function(route, options) where:
+     *      * route - the route public interface object.
+     *      * options - the configuration object provided in the handler config.
+     */
+    handler(name: string, method: MakeRouteHandler): void;
+    /**
+     * Initializes the server (starts the caches, finalizes plugin registration) but does not start listening on the connection ports
+     * Note that if the method fails and the callback includes an error, the server is considered to be in an undefined state and should be shut down. In most cases it would be impossible to fully recover as the various plugins, caches, and other event listeners will get confused by repeated attempts to start the server or make assumptions about the healthy state of the environment. It is recommended to assert that no error has been returned after calling initialize() to abort the process when the server fails to start properly. If you must try to resume after an error, call server.stop() first to reset the server state.
+     * [See docs](https://hapijs.com/api/16.1.1#serverinitializecallback)
+     * @param callback  the callback method when server initialization is completed or failed with the signature function(err)
+     */
+    initialize(callback: (err: Error) => void): void;
+    initialize(): Promise<Error>;
+    /**
+     * When the server contains exactly one connection, injects a request into the sole connection simulating an incoming HTTP request without making an actual socket connection. Injection is useful for testing purposes as well as for invoking routing logic internally without the overhead or limitations of the network stack. Utilizes the shot module for performing injections, with some additional options and response properties
+     * If no callback is provided, a Promise object is returned.
+     * When the server contains more than one connection, each server.connections array member provides its own connection.inject().
+     * [See docs](https://hapijs.com/api/16.1.1#serverinjectoptions-callback)
+     * @param options  can be assigned a string with the requested URI, or an object
+     * @param callback  the callback function with signature function(res)
+     */
+    inject(options: string | InjectedRequestOptions, callback: (res: InjectedResponseObject) => void): void;
+    inject(options: string | InjectedRequestOptions, ): Promise<InjectedResponseObject>;
+    /**
+     * Logs server events that cannot be associated with a specific request. When called the server emits a 'log' event which can be used by other listeners or plugins to record the information or output to the console.
+     * [See docs](https://hapijs.com/api/16.1.1#serverlogtags-data-timestamp)
+     * @param tags  a string or an array of strings (e.g. ['error', 'database', 'read']) used to identify the event. Tags are used instead of log levels and provide a much more expressive mechanism for describing and filtering events. Any logs generated by the server internally include the 'hapi' tag along with event-specific information.
+     * @param data  an optional message string or object with the application data being logged. If data is a function, the function signature is function() and it called once to generate (return value) the actual data emitted to the listeners. If no listeners match the event, the data function is not invoked.
+     * @param timestamp  an optional timestamp expressed in milliseconds. Defaults to Date.now() (now).
+     */
+    log(tags: string | string[], data?: string | Object | Function, timestamp?: number): void;
+    /**
+     * When the server contains exactly one connection, looks up a route configuration.
+     * When the server contains more than one connection, each server.connections array member provides its own connection.lookup() method.
+     * [See docs](https://hapijs.com/api/16.1.1#serverlookupid)
+     * @param id  the route identifier as set in the route options.
+     * @return  the route public interface object if found, otherwise null.
+     */
+    lookup(id: string): RoutePublicInterface | null;
+    /**
+     * When the server contains exactly one connection, looks up a route configuration
+     * When the server contains more than one connection, each server.connections array member provides its own connection.match() method.
+     * [See docs](https://hapijs.com/api/16.1.1#servermatchmethod-path-host)
+     * @param method  the HTTP method (e.g. 'GET', 'POST').  TODO check if it allows HEAD
+     * @param path  the requested path (must begin with '/').
+     * @param host  optional hostname (to match against routes with vhost).
+     * @return  the route public interface object if found, otherwise null.
+     */
+    match(method: HTTP_METHODS, path: string, host?: string): RoutePublicInterface | null;
+    /**
+     * Registers a server method. Server methods are functions registered with the server and used throughout the application as a common utility. Their advantage is in the ability to configure them to use the built-in cache and share across multiple request handlers without having to create a common module.
+     * [See docs](https://hapijs.com/api/16.1.1#servermethodname-method-options)
+     * @param name  a unique method name used to invoke the method via server.methods[name]. Supports using nested names such as utils.users.get which will automatically create the missing path under server.methods and can be accessed for the previous example via server.methods.utils.users.get. When configured with caching enabled, server.methods[name].cache will be an object see ServerMethodNameCacheObject
+     * @param method  the method function
+     * @param options  optional configuration
+     */
+    method(name: string, method: ServerMethod, options?: ServerMethodOptions): void;
+    /**
+     * Registers a server method function as described in server.method() using a configuration object
+     * [See docs](https://hapijs.com/api/16.1.1#servermethodmethods)
+     */
+    method(methods: ServerMethodConfigurationObject[]): void;
+    method(methods: ServerMethodConfigurationObject): void;
+    /**
+     * Subscribe a handler to an event
+     * [See docs](https://hapijs.com/api/16.1.1#serveroncriteria-listener)
+     * @param criteria  the subscription criteria which can be an event name string which can be any of the built-in server events or a custom application event registered with server.event(events).
+     * Or an see ServerEventCriteria.
+     * If 'start' - emitted when the server is started using server.start().
+     * If 'stop' - emitted when the server is stopped using server.stop().
+     * @param listener
+     */
+    on(criteria: 'start' | 'stop' | string | ServerEventCriteria, listener: Function): void;
+    /**
+     * The 'log' event includes the event object and a tags object (where each tag is a key with the value true)
+     * [See docs](https://hapijs.com/api/16.1.1#server-events)
+     */
+    on(criteria: 'log', listener: (event: ServerEventObject, tags: Podium.Tags) => void): void;
+    /**
+     * The 'request' and 'request-internal' events include the request object, the event object, and a tags object (where each tag is a key with the value true)
+     * [See docs](https://hapijs.com/api/16.1.1#server-events)
+     * TODO submit issue to TypeScript.  Using 'request' | 'request-internal' removes the type
+     * interference when using code like: `server.on('request', (request, event, tags) => {...}`
+     * Same for 'response' | 'tail'.
+     */
+    on(criteria: 'request', listener: (request: Request, event: ServerEventObject, tags: Podium.Tags) => void): void;
+    on(criteria: 'request-internal', listener: (request: Request, event: ServerEventObject, tags: Podium.Tags) => void): void;
+    /**
+     * The 'request-error' event includes the request object and the causing error err object
+     * [See docs](https://hapijs.com/api/16.1.1#server-events)
+     */
+    on(criteria: 'request-error', listener: (request: Request, err: Error) => void): void;
+    /**
+     * The 'response' and 'tail' events include the request object
+     * [See docs](https://hapijs.com/api/16.1.1#server-events)
+     * See 'request' and 'request-internal'
+     */
+    on(criteria: 'response', listener: (request: Request) => void): void;
+    on(criteria: 'tail', listener: (request: Request) => void): void;
+    /**
+     * The 'route' event includes the route public interface, the connection, and the server object used to add the route (e.g. the result of a plugin select operation)
+     * [See docs](https://hapijs.com/api/16.1.1#server-events)
+     */
+    on(criteria: 'route', listener: (route: RoutePublicInterface, connection: ServerConnection, server: Server) => void): void;
+    /**
+     * Same as calling server.on() with the count option set to 1.
+     * TODO type this to copy the server.on specific types for 'route', 'tail', etc.
+     * [See docs](https://hapijs.com/api/16.1.1#serveroncecriteria-listener)
+     * @param criteria
+     * @param listener
+     */
+    once(criteria: string | ServerEventCriteria, listener: Function): void;
+    /**
+     * Sets the path prefix used to locate static resources (files and view templates) when relative paths are used
+     * Note that setting a path within a plugin only applies to resources accessed by plugin methods. If no path is set, the connection files.relativeTo configuration is used. The path only applies to routes added after it has been set.
+     * [See docs](https://hapijs.com/api/16.1.1#serverpathrelativeto)
+     * @param relativeTo  the path prefix added to any relative file path starting with '.'.
+     */
+    path(relativeTo: string): void;
+    /**
+     * Registers a plugin
+     * If no callback is provided, a Promise object is returned.
+     * Note that plugin registration are recorded on each of the available connections. When plugins express a dependency on other plugins, both have to be loaded into the same connections for the dependency requirement to be fulfilled. It is recommended that plugin registration happen after all the server connections are created via server.connection().
+     * [See docs](https://hapijs.com/api/16.1.1#serverregisterplugins-options-callback)
+     * @param plugins
+     * @param options
+     * @param callback  with signature function(err) where err an error returned from the registration function. Note that exceptions thrown by the registration function are not handled by the framework.
+     * A note on typings:  Common use case is register(Plugin, (err) => {// do more stuff}), so these typings
+     * save passing empty `options` object or having to explicity type the Error in the Callback e.g.:
+     * register(Plugin, {}, (err) => {// do more stuff})  or
+     * register(Plugin, (err: Error) => {// do more stuff})
+     */
+    register<OptionsPassedToPlugin>(plugins: (PluginFunction<OptionsPassedToPlugin> | PluginRegistrationObject<OptionsPassedToPlugin>)[], callback: (err: Error) => void): void;
+    register<OptionsPassedToPlugin>(plugins: (PluginFunction<OptionsPassedToPlugin> | PluginRegistrationObject<OptionsPassedToPlugin>)[]): Promise<Error>;
+    register<OptionsPassedToPlugin>(plugins: PluginFunction<OptionsPassedToPlugin> | PluginRegistrationObject<OptionsPassedToPlugin>, callback: (err: Error) => void): void;
+    register<OptionsPassedToPlugin>(plugins: PluginFunction<OptionsPassedToPlugin> | PluginRegistrationObject<OptionsPassedToPlugin>): Promise<Error>;
+    register<OptionsPassedToPlugin>(plugins: (PluginFunction<OptionsPassedToPlugin> | PluginRegistrationObject<OptionsPassedToPlugin>)[], options: PluginRegistrationOptions, callback: (err: Error) => void): void;
+    register<OptionsPassedToPlugin>(plugins: (PluginFunction<OptionsPassedToPlugin> | PluginRegistrationObject<OptionsPassedToPlugin>)[], options: PluginRegistrationOptions): Promise<Error>;
+    register<OptionsPassedToPlugin>(plugins: PluginFunction<OptionsPassedToPlugin> | PluginRegistrationObject<OptionsPassedToPlugin>, options: PluginRegistrationOptions, callback: (err: Error) => void): void;
+    register<OptionsPassedToPlugin>(plugins: PluginFunction<OptionsPassedToPlugin> | PluginRegistrationObject<OptionsPassedToPlugin>, options: PluginRegistrationOptions): Promise<Error>;
+    /**
+     * Adds a connection route
+     * [See docs](https://hapijs.com/api/16.1.1#serverrouteoptions)
+     * @param options  a route configuration object [See docs](https://hapijs.com/api/16.1.1#route-configuration) or an array of configuration objects.
+     */
+    route(options: RouteConfiguration[]): void;
+    route(options: RouteConfiguration): void;
+    /**
+     * Selects a subset of the server's connections
+     * Returns a server object with connections set to the requested subset. Selecting again on a selection operates as a logic AND statement between the individual selections.
+     * [See docs](https://hapijs.com/api/16.1.1#serverselectlabels)
+     * @param labels  a single string or array of strings of labels used as a logical OR statement to select all the connections with matching labels in their configuration.
+     */
+    select(labels: string | string[]): Server;
+    /**
+     * Starts the server connections by listening for incoming requests on the configured port of each listener (unless the connection was configured with autoListen set to false)
+     * If no callback is provided, a Promise object is returned.
+     * Note that if the method fails and the callback includes an error, the server is considered to be in an undefined state and should be shut down. In most cases it would be impossible to fully recover as the various plugins, caches, and other event listeners will get confused by repeated attempts to start the server or make assumptions about the healthy state of the environment. It is recommended to assert that no error has been returned after calling start() to abort the process when the server fails to start properly. If you must try to resume after a start error, call server.stop() first to reset the server state.
+     * If a started server is started again, the second call to start() will only start new connections added after the initial start() was called. No events will be emitted and no extension points invoked.
+     * [See docs](https://hapijs.com/api/16.1.1#serverstartcallback)
+     * @param callback  the callback method when server startup is completed or failed with the signature function(err) where:
+     *      * err - any startup error condition.
+     */
+    start(callback: (err?: Error) => void): void;
+    start(): Promise<Error | null>;
+    /**
+     * HTTP state management [See docs](https://tools.ietf.org/html/rfc6265) uses client cookies to persist a state across multiple requests. Registers a cookie definitions
+     * [See docs](https://hapijs.com/api/16.1.1#serverstatename-options)
+     * @param name  the cookie name string.
+     * @param options  optional cookie settings
+     */
+    state(name: string, options?: ServerStateCookieConfiguationObject): void;
+    /**
+     * Stops the server's connections by refusing to accept any new connections or requests (existing connections will continue until closed or timeout)
+     * If no callback is provided, a Promise object is returned.
+     * [See docs](https://hapijs.com/api/16.1.1#serverstopoptions-callback)
+     * @param options  options object with:
+     *      * timeout - overrides the timeout in millisecond before forcefully terminating a connection. Defaults to 5000 (5 seconds).
+     * @param callback  optional callback method which is called once all the connections have ended and it is safe to exit the process with signature function(err) where:
+     *      * err - any termination error condition.
+     */
+    stop(options: {timeout: number} | null, callback: (err?: Error) => void): void;
+    stop(options?: {timeout: number}): Promise<Error | null>;
+    /**
+     * Returns a copy of the routing table
+     * Note that if the server has not been started and multiple connections use port 0, the table items will override each other and will produce an incomplete result.
+     * When calling connection.table() directly on each connection, the return value is the same as the array table item value of an individual connection
+     * [See docs](https://hapijs.com/api/16.1.1#servertablehost)
+     * @param host  optional host to filter routes matching a specific virtual host. Defaults to all virtual hosts.
+     */
+    table(host?: string): RoutingTableEntry[];
 }
 
-/** server.realm http://hapijs.com/api#serverrealm
- The realm object contains server-wide or plugin-specific state that can be shared across various methods. For example, when calling server.bind(),
- the active realm settings.bind property is set which is then used by routes and extensions added at the same level (server root or plugin).
- Realms are a limited version of a sandbox where plugins can maintain state used by the framework when adding routes, extensions, and other properties.
- The server.realm object should be considered read-only and must not be changed directly except for the plugins property can be directly manipulated by the plugins (each setting its own under plugins[name]).
- exports.register = function (server, options, next) {
-console.log(server.realm.modifiers.route.prefix);
-return next();
-};
+/**
+ * Server Options
+ * Note that the options object is deeply cloned and cannot contain any values that are unsafe to perform deep copy on.
+ * [See docs](https://hapijs.com/api/16.1.1#new-serveroptions)
  */
-export interface IServerRealm {
-	/** when the server object is provided as an argument to the plugin register() method, modifiers provides the registration preferences passed the server.register() method */
-	modifiers: {
-		/** routes preferences: */
-		route: {
-			/** - the route path prefix used by any calls to server.route() from the server. */
-			prefix: string;
-			/**  the route virtual host settings used by any calls to server.route() from the server. */
-			vhost: string;
-		};
-	};
-	/** the active plugin name (empty string if at the server root). */
-	plugin: string;
-	/** plugin-specific state to be shared only among activities sharing the same active state. plugins is an object where each key is a plugin name and the value is the plugin state. */
-	plugins: IDictionary<any>;
-	/**  settings overrides */
-	settings: {
-		files: {
-			relativeTo: any;
-		};
-		bind: any;
-	};
-}
-/** server.state(name, [options]) http://hapijs.com/api#serverstatename-options
- HTTP state management uses client cookies to persist a state across multiple requests. Registers a cookie definitions where:*/
-export interface IServerState {
-	/**  - the cookie name string. */
-	name: string;
-
-	/** - are the optional cookie settings: */
-	options: {
-		/**  - time - to - live in milliseconds.Defaults to null (session time- life - cookies are deleted when the browser is closed).*/
-		ttl: number;
-		/**  - sets the 'Secure' flag.Defaults to false.*/
-		isSecure: boolean;
-		/**  - sets the 'HttpOnly' flag.Defaults to false.*/
-		isHttpOnly: boolean
-		/**  - the path scope.Defaults to null (no path).*/
-		path: any;
-		/**  - the domain scope.Defaults to null (no domain). */
-		domain: any;
-		/**  if present and the cookie was not received from the client or explicitly set by the route handler, the cookie is automatically added to the response with the provided value. The value can be a function with signature function(request, next) where:
-		 request - the request object.
-		 next - the continuation function using the function(err, value) signature.*/
-		autoValue(request: Request, next: (err: any, value: any) => void): void;
-		/**  - encoding performs on the provided value before serialization. Options are:
-		 'none' - no encoding. When used, the cookie value must be a string. This is the default value.
-		 'base64' - string value is encoded using Base64.
-		 'base64json' - object value is JSON-stringified than encoded using Base64.
-		 'form' - object value is encoded using the x-www-form-urlencoded method.
-		 'iron' - Encrypts and sign the value using iron.*/
-		encoding: string;
-		/**  - an object used to calculate an HMAC for cookie integrity validation.This does not provide privacy, only a mean to verify that the cookie value was generated by the server.Redundant when 'iron' encoding is used.Options are:*/
-		sign: {
-			/** - algorithm options.Defaults to require('iron').defaults.integrity.*/
-			integrity: any;
-			/** - password used for HMAC key generation.*/
-			password: string;
-		};
-		/**  - password used for 'iron' encoding.*/
-		password: string;
-		/** - options for 'iron' encoding.Defaults to require('iron').defaults.*/
-		iron: any;
-		/** - if false, errors are ignored and treated as missing cookies.*/
-		ignoreErrors: boolean;
-		/**  - if true, automatically instruct the client to remove invalid cookies.Defaults to false.*/
-		clearInvalid: boolean;
-		/**  - if false, allows any cookie value including values in violation of RFC 6265. Defaults to true.*/
-		strictHeader: boolean;
-		/**  - overrides the default proxy localStatePassThrough setting.*/
-		passThrough: any;
-	};
+export interface ServerOptions {
+    /** app - application-specific configuration which can later be accessed via server.settings.app. Note the difference between server.settings.app which is used to store static configuration values and server.app which is meant for storing run-time state. Defaults to {}.  */
+    app?: any;
+    /**
+     * cache - sets up server-side caching. Every server includes a default cache for storing application state. By default, a simple memory-based cache is created which has limited capacity and capabilities. hapi uses catbox for its cache which includes support for common storage solutions (e.g. Redis, MongoDB, Memcached, Riak, among others). Caching is only utilized if methods and plugins explicitly store their state in the cache. The server cache configuration only defines the storage container itself. cache can be assigned:
+     *  * a prototype function (usually obtained by calling require() on a catbox strategy such as require('catbox-redis')). A new catbox client will be created internally using this function.
+     *  * a CatboxServerOptionsCacheConfiguration configuration object
+     *  * an array of the above object for configuring multiple cache instances, each with a unique name. When an array of objects is provided, multiple cache connections are established and each array item (except one) must include a name.
+     */
+    cache?: Catbox.EnginePrototype | CatboxServerOptionsCacheConfiguration | CatboxServerOptionsCacheConfiguration[];
+    /** sets the default connections configuration which can be overridden by each connection */
+    connections?: ConnectionConfigurationServerDefaults;
+    /** determines which logged events are sent to the console (this should only be used for development and does not affect which events are actually logged internally and recorded). Set to false to disable all console logging, or to an object with: */
+    debug?: false | {
+        /** a string array of server log tags to be displayed via console.error() when the events are logged via server.log() as well as internally generated server logs. For example, to display all errors, set the option to ['error']. To turn off all console debug messages set it to false. Defaults to uncaught errors thrown in external code (these errors are handled automatically and result in an Internal Server Error response) or runtime errors due to developer error. */
+        log?: string[] | false;
+        /** a string array of request log tags to be displayed via console.error() when the events are logged via request.log() as well as internally generated request logs. For example, to display all errors, set the option to ['error']. To turn off all console debug messages set it to false. Defaults to uncaught errors thrown in external code (these errors are handled automatically and result in an Internal Server Error response) or runtime errors due to developer error. */
+        request?: string[] | false;
+    };
+    /** process load monitoring */
+    load?: {
+        /** the frequency of sampling in milliseconds. Defaults to 0 (no sampling). */
+        sampleInterval?: number;
+    };
+    /** options passed to the mimos module (https://github.com/hapijs/mimos) when generating the mime database used by the server and accessed via server.mime. */
+    mime?: MimosOptions;
+    /** plugin-specific configuration which can later be accessed via server.settings.plugins. plugins is an object where each key is a plugin name and the value is the configuration. Note the difference between server.settings.plugins which is used to store static configuration values and server.plugins which is meant for storing run-time state. Defaults to {}. */
+    plugins?: Object;
+    /** if false, will not use node domains to protect against exceptions thrown in handlers and other external code. Defaults to true. */
+    useDomains?: boolean;
 }
 
-export interface IFileHandlerConfig {
-	/**  a path string or function as described above.*/
-	path: string;
-	/** an optional filename to specify if sending a 'Content-Disposition' header, defaults to the basename of path*/
-	filename?: string;
-	/**- specifies whether to include the 'Content-Disposition' header with the response. Available values:
-	 false - header is not included. This is the default value.
-	 'attachment'
-	 'inline'*/
-	mode?: boolean | string;
-	/** if true, looks for the same filename with the '.gz' suffix for a pre-compressed version of the file to serve if the request supports content encoding. Defaults to false.*/
-	lookupCompressed: boolean;
+/**
+ * The server event object
+ * [See docs](https://hapijs.com/api/16.1.1#server-events)
+ */
+export interface ServerEventObject {
+    /** the event timestamp. */
+    timestamp: number;
+    /** if the event relates to a request, the request id. */
+    request: string;
+    /** if the event relates to a server, the server.info.uri. */
+    server: string;
+    /** an array of tags (e.g. ['error', 'http']). */
+    tags: string[];
+    /** optional event-specific information. */
+    data: any;
+    /** true if the event was generated internally by the framework. */
+    internal: boolean;
 }
 
-/**http://hapijs.com/api#route-handler
- Built-in handlers
-
- The framework comes with a few built-in handler types available by setting the route handler config to an object containing one of these keys.*/
-export interface IRouteHandlerConfig {
-	/** generates a static file endpoint for serving a single file. file can be set to:
-	 a relative or absolute file path string (relative paths are resolved based on the route files configuration).
-	 a function with the signature function(request) which returns the relative or absolute file path.
-	 an object with the following options */
-	file?: string | IRequestHandler<void> | IFileHandlerConfig;
-	/** directory - generates a directory endpoint for serving static content from a directory. Routes using the directory handler must include a path parameter at the end of the path string (e.g. /path/to/somewhere/{param} where the parameter name does not matter). The path parameter can use any of the parameter options (e.g. {param} for one level files only, {param?} for one level files or the directory root, {param*} for any level, or {param*3} for a specific level). If additional path parameters are present, they are ignored for the purpose of selecting the file system resource. The directory handler is an object with the following options:
-	 path - (required) the directory root path (relative paths are resolved based on the route files configuration). Value can be:
-	 a single path string used as the prefix for any resources requested by appending the request path parameter to the provided string.
-	 an array of path strings. Each path will be attempted in order until a match is found (by following the same process as the single path string).
-	 a function with the signature function(request) which returns the path string or an array of path strings. If the function returns an error, the error is passed back to the client in the response.
-	 index - optional boolean|string|string[], determines if an index file will be served if found in the folder when requesting a directory. The given string or strings specify the name(s) of the index file to look for. If true, looks for 'index.html'. Any falsy value disables index file lookup. Defaults to true.
-	 listing - optional boolean, determines if directory listing is generated when a directory is requested without an index document. Defaults to false.
-	 showHidden - optional boolean, determines if hidden files will be shown and served. Defaults to false.
-	 redirectToSlash - optional boolean, determines if requests for a directory without a trailing slash are redirected to the same path with the missing slash. Useful for ensuring relative links inside the response are resolved correctly. Disabled when the server config router.stripTrailingSlash is true.Defaults to false.
-	 lookupCompressed - optional boolean, instructs the file processor to look for the same filename with the '.gz' suffix for a pre-compressed version of the file to serve if the request supports content encoding. Defaults to false.
-	 defaultExtension - optional string, appended to file requests if the requested file is not found. Defaults to no extension.*/
-	directory?: {
-		path: string | string[] | IRequestHandler<string> | IRequestHandler<string[]>;
-		index?: boolean | string | string[];
-		listing?: boolean;
-		showHidden?: boolean;
-		redirectToSlash?: boolean;
-		lookupCompressed?: boolean;
-		defaultExtension?: string;
-	};
-	proxy?: IProxyHandlerConfig;
-	view?: string | {
-		template: string;
-		context: {
-			payload: any;
-			params: any;
-			query: any;
-			pre: any;
-		}
-	};
-	config?: {
-		handler: any;
-		bind: any;
-		app: any;
-		plugins: {
-			[name: string]: any;
-		};
-		pre: Array<() => void>;
-		validate: {
-			headers: any;
-			params: any;
-			query: any;
-			payload: any;
-			errorFields?: any;
-			failAction?: string | IFailAction;
-		};
-		payload: {
-			output: {
-				data: any;
-				stream: any;
-				file: any;
-			};
-			parse?: any;
-			allow?: string | string[];
-			override?: string;
-			maxBytes?: number;
-			uploads?: number;
-			failAction?: string;
-		};
-		response: {
-			schema: any;
-			sample: number;
-			failAction: string;
-		};
-		cache: {
-			privacy: string;
-			expiresIn: number;
-			expiresAt: number;
-		};
-		auth: string | boolean | {
-			mode: string;
-			strategies: string[];
-			payload?: boolean | string;
-			tos?: boolean | string;
-			scope?: string | string[];
-			entity: string;
-		};
-		cors?: boolean;
-		jsonp?: string;
-		description?: string;
-		notes?: string | string[];
-		tags?: string[];
-	};
-}
-/** Route configuration
- The route configuration object*/
-export interface IRouteConfiguration {
-	/**  - (required) the absolute path used to match incoming requests (must begin with '/'). Incoming requests are compared to the configured paths based on the connection router configuration option.The path can include named parameters enclosed in {} which will be matched against literal values in the request as described in Path parameters.*/
-	path: string;
-	/** - (required) the HTTP method.Typically one of 'GET', 'POST', 'PUT', 'PATCH', 'DELETE', or 'OPTIONS'.Any HTTP method is allowed, except for 'HEAD'.Use '*' to match against any HTTP method (only when an exact match was not found, and any match with a specific method will be given a higher priority over a wildcard match).
-	 * Can be assigned an array of methods which has the same result as adding the same route with different methods manually.*/
-	method: string | string[];
-	/**  - an optional domain string or an array of domain strings for limiting the route to only requests with a matching host header field.Matching is done against the hostname part of the header only (excluding the port).Defaults to all hosts.*/
-	vhost?: string;
-	/**  - (required) the function called to generate the response after successful authentication and validation.The handler function is described in Route handler.If set to a string, the value is parsed the same way a prerequisite server method string shortcut is processed.Alternatively, handler can be assigned an object with a single key using the name of a registered handler type and value with the options passed to the registered handler.*/
-	handler?: ISessionHandler | IStrictSessionHandler | string | IRouteHandlerConfig;
-	/** - additional route options.*/
-	config?: IRouteAdditionalConfigurationOptions;
-}
-/** Route public interface When route information is returned or made available as a property.  http://hapijs.com/api#route-public-interface */
-export interface IRoute {
-	/** the route HTTP method. */
-	method: string;
-	/** the route path. */
-	path: string;
-	/** the route vhost option if configured. */
-	vhost?: string | string[];
-	/** the [active realm] associated with the route.*/
-	realm: IServerRealm;
-	/** the [route options]  object with all defaults applied. */
-	settings: IRouteAdditionalConfigurationOptions;
+/**
+ * [See docs](https://hapijs.com/api/16.1.1#serveroncriteria-listener)
+ */
+export interface ServerEventCriteria {
+    /** the event name string (required). */
+    name: string;
+    /** if true, the listener method receives an additional callback argument which must be called when the method completes. No other event will be emitted until the callback methods is called. The method signature is function(). If block is set to a positive integer, the value is used to set a timeout after which any pending events will be emitted, ignoring the eventual call to callback. Defaults to false (non blocking). */
+    block?: boolean;
+    /** a string or array of strings specifying the event channels to subscribe to. If the event registration specified a list of allowed channels, the channels array must match the allowed channels. If channels are specified, event updates without any channel designation will not be included in the subscription. Defaults to no channels filter. */
+    channels?: string | string[];
+    /** if true, the data object passed to server.emit() is cloned before it is passed to the listener method. Defaults to the event registration option (which defaults to false). */
+    clone?: boolean;
+    /** a positive integer indicating the number of times the listener can be called after which the subscription is automatically removed. A count of 1 is the same as calling server.once(). Defaults to no limit. */
+    count?: number;
+    /**
+     * the event tags (if present) to subscribe to
+     * If the object is given:
+     *  * tags - a tag string or array of tag strings.
+     *  * all - if true, all tags must be present for the event update to match the subscription. Defaults to false (at least one matching tag).
+     */
+    filter?: string | string[] | {tags: string | string[], all?: boolean};
+    /** if true, and the data object passed to server.emit() is an array, the listener method is called with each array element passed as a separate argument. This should only be used when the emitted data structure is known and predictable. Defaults to the event registration option (which defaults to false). */
+    spread?: boolean;
+    /** if true and the criteria object passed to server.emit() includes tags, the tags are mapped to an object (where each tag string is the key and the value is true) which is appended to the arguments list at the end (but before the callback argument if block is set). Defaults to the event registration option (which defaults to false). */
+    tags?: boolean;
 }
 
-export interface IServerAuthScheme {
-	/** authenticate(request, reply) - required function called on each incoming request configured with the authentication scheme where:
-	 request - the request object.
-	 reply - the reply interface the authentication method must call when done authenticating the request where:
-	 reply(err, response, result) - is called if authentication failed where:
-	 err - any authentication error.
-	 response - any authentication response action such as redirection. Ignored if err is present, otherwise required.
-	 result - an object containing:
-	 credentials - the authenticated credentials.
-	 artifacts - optional authentication artifacts.
-	 reply.continue(result) - is called if authentication succeeded where:
-	 result - same object as result above.
-	 When the scheme authenticate() method implementation calls reply() with an error condition, the specifics of the error affect whether additional authentication strategies will be attempted if configured for the route.
-	 .If the err returned by the reply() method includes a message, no additional strategies will be attempted.
-	 If the err does not include a message but does include a scheme name (e.g. Boom.unauthorized(null, 'Custom')), additional strategies will be attempted in order of preference.
-	 var server = new Hapi.Server();
-	 server.connection({ port: 80 });
-	 var scheme = function (server, options) {
-	return {
-	authenticate: function (request, reply) {
-	var req = request.raw.req;
-	var authorization = req.headers.authorization;
-	if (!authorization) {
-	return reply(Boom.unauthorized(null, 'Custom'));
-	}
-	return reply(null, { credentials: { user: 'john' } });
-	}
-	};
-	};
-	 server.auth.scheme('custom', scheme);*/
-	authenticate(request: Request, reply: IReply): void;
-	authenticate<T>(request: Request, reply: IStrictReply<T>): void;
-	/** payload(request, reply) - optional function called to authenticate the request payload where:
-	 request - the request object.
-	 reply(err, response) - is called if authentication failed where:
-	 err - any authentication error.
-	 response - any authentication response action such as redirection. Ignored if err is present, otherwise required.
-	 reply.continue() - is called if payload authentication succeeded.
-	 When the scheme payload() method returns an error with a message, it means payload validation failed due to bad payload. If the error has no message but includes a scheme name (e.g. Boom.unauthorized(null, 'Custom')), authentication may still be successful if the route auth.payload configuration is set to 'optional'.*/
-	payload?(request: Request, reply: IReply): void;
-	payload?<T>(request: Request, reply: IStrictReply<T>): void;
-	/** response(request, reply) - optional function called to decorate the response with authentication headers before the response headers or payload is written where:
-	 request - the request object.
-	 reply(err, response) - is called if an error occurred where:
-	 err - any authentication error.
-	 response - any authentication response to send instead of the current response. Ignored if err is present, otherwise required.
-	 reply.continue() - is called if the operation succeeded.*/
-	response?(request: Request, reply: IReply): void;
-	response?<T>(request: Request, reply: IStrictReply<T>): void;
-	/** an optional object  */
-	options?: {
-		/**  if true, requires payload validation as part of the scheme and forbids routes from disabling payload auth validation. Defaults to false.*/
-		payload: boolean;
-	};
+/**
+ * Server methods, user configured
+ * Related to [See docs](https://hapijs.com/api/16.1.1#servermethods)
+ * Related to [See docs](https://hapijs.com/api/16.1.1#servermethodname-method-options)
+ */
+export interface ServerMethod {
+    /** Not possible to improve this typing due to this unresolvable issue:  https://github.com/Microsoft/TypeScript/issues/15190 */
+    (...args: (any | ServerMethodNext)[]): void;
+    /** the method must return a value (result, Error, or a promise) or throw an Error. */
+    (...args: any[]): any | Error | Promise<any>;
+    /** When configured with caching enabled, server.methods[name].cache will be an object see ServerMethodNameCacheObject */
+    cache?: ServerMethodNameCacheObject;
 }
 
-/**the response object where:
- statusCode - the HTTP status code.
- headers - an object containing the headers set.
- payload - the response payload string.
- rawPayload - the raw response payload buffer.
- raw - an object with the injection request and response objects:
- req - the simulated node request object.
- res - the simulated node response object.
- result - the raw handler response (e.g. when not a stream or a view) before it is serialized for transmission. If not available, the value is set to payload. Useful for inspection and reuse of the internal objects returned (instead of parsing the response string).
- request - the request object.*/
-export interface IServerInjectResponse {
-	statusCode: number;
-	headers: IDictionary<string>;
-	payload: string;
-	rawPayload: Buffer;
-	raw: {
-		req: http.IncomingMessage;
-		res: http.ServerResponse
-	};
-	result: any;
-	request: Request;
+/**
+ * Related to [See docs](https://hapijs.com/api/16.1.1#servermethodname-method-options)
+ * @param err  error response if the method failed.
+ * @param result  the return value.
+ * @param ttl  0 if result is valid but cannot be cached. Defaults to cache policy.
+ */
+export interface ServerMethodNext {
+    (err: Error | null, result: any, ttl?: number): void;
 }
 
-export interface IServerInject {
-	(options: string | IServerInjectOptions, callback: (res: IServerInjectResponse) => void): void;
-	(options: string | IServerInjectOptions): Promise<IServerInjectResponse>;
+/** For context [See docs](https://hapijs.com/api/16.1.1#servermethodname-method-options) */
+export interface ServerMethodNameCacheObject {
+    /**
+     * function that can be used to clear the cache for a given key.
+     * @param ...args  any number of string, number or boolean.  If other types then generateKey function must be specified.
+     * @param callback  last argument is a callback.
+     * Not possible to improve this typing due to this unresolvable issue:  https://github.com/Microsoft/TypeScript/issues/15190
+     */
+    drop(...args: (any | Function)[]): void;
+    /** an object with cache statistics, see stats documentation for catbox. */
+    stats: Catbox.CacheStatisticsObject;
 }
 
-export interface IServerInjectOptions {
-	/**  the request HTTP method (e.g. 'POST'). Defaults to 'GET'.*/
-	method: string;
-	/** the request URL. If the URI includes an authority (e.g. 'example.com:8080'), it is used to automatically set an HTTP 'Host' header, unless one was specified in headers.*/
-	url: string;
-	/** an object with optional request headers where each key is the header name and the value is the header content. Defaults to no additions to the default Shot headers.*/
-	headers?: IDictionary<string>;
-	/** n optional string, buffer or object containing the request payload. In case of an object it will be converted to a string for you. Defaults to no payload. Note that payload processing defaults to 'application/json' if no 'Content-Type' header provided.*/
-	payload?: string | {} | Buffer;
-	/** an optional credentials object containing authentication information. The credentials are used to bypass the default authentication strategies, and are validated directly as if they were received via an authentication scheme. Defaults to no credentials.*/
-	credentials?: any;
-	/** an optional artifacts object containing authentication artifact information. The artifacts are used to bypass the default authentication strategies, and are validated directly as if they were received via an authentication scheme. Ignored if set without credentials. Defaults to no artifacts.*/
-	artifacts?: any;
-	/** sets the initial value of request.app*/
-	app?: any;
-	/** sets the initial value of request.plugins*/
-	plugins?: any;
-	/** allows access to routes with config.isInternal set to true. Defaults to false.*/
-	allowInternals?: boolean;
-	/** sets the remote address for the incoming connection.*/
-	remoteAddress?: boolean;
-	/**object with options used to simulate client request stream conditions for testing:
-	 error - if true, emits an 'error' event after payload transmission (if any). Defaults to false.
-	 close - if true, emits a 'close' event after payload transmission (if any). Defaults to false.
-	 end - if false, does not end the stream. Defaults to true.*/
-	simulate?: {
-		error: boolean;
-		close: boolean;
-		end: boolean;
-	};
+/** For context [See docs](https://hapijs.com/api/16.1.1#servermethodname-method-options) */
+export interface ServerMethodOptions {
+    /** a context object passed back to the method function (via this) when called. Defaults to active context (set via server.bind() when the method is registered. Ignored if the method is an arrow function. */
+    bind?: any;
+    /** the same cache configuration used in server.cache(). The generateTimeout option is required. */
+    cache?: CatboxServerCacheConfiguration;
+    /**
+     * if false, expects the method to be a synchronous function. Note that using a synchronous function with caching will convert the method interface to require a callback as an additional argument with the signature function(err, result, cached, report) since the cache interface cannot return values synchronously. Defaults to true.
+     * TODO: understand and type "an additional argument with the signature function(err, result, cached, report)" if appropriate.
+     */
+    callback?: boolean;
+    /** a function used to generate a unique key (for caching) from the arguments passed to the method function (the callback argument is not passed as input). The server will automatically generate a unique key if the function's arguments are all of types 'string', 'number', or 'boolean'. However if the method uses other types of arguments, a key generation function must be provided which takes the same arguments as the function and returns a unique string (or null if no key can be generated). */
+    generateKey?(args: any[]): string | null;
 }
 
-/** host - optional host to filter routes matching a specific virtual host. Defaults to all virtual hosts.
- The return value is an array where each item is an object containing:
- info - the connection.info the connection the table was generated for.
- labels - the connection labels.
- table - an array of routes where each route contains:
- settings - the route config with defaults applied.
- method - the HTTP method in lower case.
- path - the route path.*/
-export interface IConnectionTable {
-	info: any;
-	labels: any;
-	table: IRoute[];
+/** For context [See docs](https://hapijs.com/api/16.1.1#servermethodmethods) */
+export interface ServerMethodConfigurationObject {
+    name: string;
+    method: ServerMethod;
+    options: ServerMethodOptions;
 }
 
-export interface ICookieSettings {
-	/** - time - to - live in milliseconds.Defaults to null (session time- life - cookies are deleted when the browser is closed).*/
-	ttl?: number;
-	/** - sets the 'Secure' flag.Defaults to false.*/
-	isSecure?: boolean;
-	/** - sets the 'HttpOnly' flag.Defaults to false.*/
-	isHttpOnly?: boolean;
-	/** - the path scope.Defaults to null (no path).*/
-	path?: string;
-	/** - the domain scope.Defaults to null (no domain).*/
-	domain?: any;
-	/** - if present and the cookie was not received from the client or explicitly set by the route handler, the cookie is automatically added to the response with the provided value.The value can be a function with signature function(request, next) where:
-	 request - the request object.
-	 next - the continuation function using the function(err, value) signature.*/
-	autoValue?(request: Request, next: (err: any, value: any) => void): void;
-	/** - encoding performs on the provided value before serialization.Options are:
-	 'none' - no encoding.When used, the cookie value must be a string.This is the default value.
-	 'base64' - string value is encoded using Base64.
-	 'base64json' - object value is JSON- stringified than encoded using Base64.
-	 'form' - object value is encoded using the x- www - form - urlencoded method. */
-	encoding?: string;
-	/**  - an object used to calculate an HMAC for cookie integrity validation.This does not provide privacy, only a mean to verify that the cookie value was generated by the server.Redundant when 'iron' encoding is used.Options are:
-	 integrity - algorithm options.Defaults to require('iron').defaults.integrity.
-	 password - password used for HMAC key generation. */
-	sign?: { integrity: any; password: string; };
-	password?: string;
-	iron?: any;
-	ignoreErrors?: boolean;
-	clearInvalid?: boolean;
-	strictHeader?: boolean;
-	passThrough?: any;
+/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ +                                                                           +
+ +                                                                           +
+ +                                                                           +
+ +                          Caching with Catbox                              +
+ +                                                                           +
+ +                                                                           +
+ +                                                                           +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
+// TODO: move to separate file http://stackoverflow.com/questions/43276921
+
+/**
+ * TODO confirm this is the same as CatboxServerCacheConfiguration
+ *
+ * **
+ * Server instantiation options configuration for Catbox cache
+ * TODO: check it extends Catbox.PolicyOptions and this is what "other options passed to the catbox strategy used." means.
+ * For context [See docs](https://hapijs.com/api/16.1.1#new-serveroptions) under: options > cache > a configuration object
+ * **
+ *    export interface CatboxServerOptionsCacheConfiguration extends Catbox.IPolicyOptions {
+ *        // a prototype function or catbox engine object.
+ *        engine: Catbox.EnginePrototypeOrObject;
+ *        // an identifier used later when provisioning or configuring caching for server methods or plugins. Each cache name must be unique. A single item may omit the name option which defines the default cache. If every cache includes a name, a default memory cache is provisioned as well.
+ *        name?: string;
+ *        // if true, allows multiple cache users to share the same segment (e.g. multiple methods using the same cache storage container). Default to false.
+ *        shared?: boolean;
+ *    }
+ */
+type CatboxServerOptionsCacheConfiguration = CatboxServerCacheConfiguration;
+
+/**
+ * Server cache method configuration for Catbox cache
+ * Used for "Provisions a cache segment within the server cache facility"
+ * For context [See docs](https://hapijs.com/api/16.1.1#servercacheoptions)
+ * Also used in [See docs](https://hapijs.com/api/16.1.1#servermethodname-method-options) > options.cache
+ */
+export interface CatboxServerCacheConfiguration extends Catbox.PolicyOptions {
+    /** the cache name configured in server.cache. Defaults to the default cache. */
+    cache?: string;
+    /** string segment name, used to isolate cached items within the cache partition. When called within a plugin, defaults to '!name' where 'name' is the plugin name. When called within a server method, defaults to '#name' where 'name' is the server method name. Required when called outside of a plugin. */
+    segment?: string;
+    /** if true, allows multiple cache provisions to share the same segment. Default to false. */
+    shared?: boolean;
+    /**
+     * a prototype function or catbox engine object.
+     * [See docs](https://hapijs.com/api/16.1.1#servercacheprovisionoptions-callback) example code includes use of `engine` option.  But server.cache.provision of `options` says "same as the server cache configuration options.".
+     * TODO confirm once PR to hapi docs accepted / rejected.
+     */
+    engine?: Catbox.EnginePrototypeOrObject;
+    /**
+     * an identifier used later when provisioning or configuring caching for server methods or plugins. Each cache name must be unique. A single item may omit the name option which defines the default cache. If every cache includes a name, a default memory cache is provisioned as well.
+     * [See docs](https://hapijs.com/api/16.1.1#servercacheprovisionoptions-callback) example code includes use of `name` option.  But server.cache.provision of `options` says "same as the server cache configuration options.".
+     */
+    name?: string;
 }
 
-/** method - the method function with the signature is one of:
- function(arg1, arg2, ..., argn, next) where:
- arg1, arg2, etc. - the method function arguments.
- next - the function called when the method is done with the signature function(err, result, ttl) where:
- err - error response if the method failed.
- result - the return value.
- ttl - 0 if result is valid but cannot be cached. Defaults to cache policy.
- function(arg1, arg2, ..., argn) where:
- arg1, arg2, etc. - the method function arguments.
- the callback option is set to false.
- the method must returns a value (result, Error, or a promise) or throw an Error.*/
-export interface IServerMethod {
-	// (): void;
-	// (next: (err: any, result: any, ttl: number) => void): void;
-	// (arg1: any): void;
-	// (arg1: any, arg2: any, next: (err: any, result: any, ttl: number) => void): void;
-	// (arg1: any, arg2: any): void;
-	(...args: any[]): void;
-}
-/** options - optional configuration:
- bind - a context object passed back to the method function (via this) when called. Defaults to active context (set via server.bind() when the method is registered.
- cache - the same cache configuration used in server.cache().
- callback - if false, expects the method to be a synchronous function. Note that using a synchronous function with caching will convert the method interface to require a callback as an additional argument with the signature function(err, result, cached, report) since the cache interface cannot return values synchronously. Defaults to true.
- generateKey - a function used to generate a unique key (for caching) from the arguments passed to the method function (the callback argument is not passed as input). The server will automatically generate a unique key if the function's arguments are all of types 'string', 'number', or 'boolean'. However if the method uses other types of arguments, a key generation function must be provided which takes the same arguments as the function and returns a unique string (or null if no key can be generated).*/
-export interface IServerMethodOptions {
-	bind?: any;
-	cache?: ICatBoxCachePolicyOptions;
-	callback?: boolean;
-	generateKey?(args: any[]): string;
-}
-/** Request object
-
- The request object is created internally for each incoming request. It is different from the node.js request object received from the HTTP server callback (which is available in request.raw.req). The request object methods and properties change throughout the request lifecycle.
- Request events
-
- The request object supports the following events:
-
- 'peek' - emitted for each chunk of payload data read from the client connection. The event method signature is function(chunk, encoding).
- 'finish' - emitted when the request payload finished reading. The event method signature is function ().
- 'disconnect' - emitted when a request errors or aborts unexpectedly.
- var Crypto = require('crypto');
- var Hapi = require('hapi');
- var server = new Hapi.Server();
- server.connection({ port: 80 });
-
- server.ext('onRequest', function (request, reply) {
-
-var hash = Crypto.createHash('sha1');
-request.on('peek', function (chunk) {
-
-hash.update(chunk);
-});
-
-request.once('finish', function () {
-
-console.log(hash.digest('hex'));
-});
-
-request.once('disconnect', function () {
-
-console.error('request aborted');
-});
-
-return reply.continue();
-});*/
-export class Request extends Events.EventEmitter {
-	/** application-specific state. Provides a safe place to store application data without potential conflicts with the framework. Should not be used by plugins which should use plugins[name].*/
-	app: any;
-	/**  authentication information*/
-	auth: {
-		/** true is the request has been successfully authenticated, otherwise false.*/
-		isAuthenticated: boolean;
-		/**  the credential object received during the authentication process. The presence of an object does not mean successful authentication.  can be set in the validate function's callback.*/
-		credentials: any;
-		/**  an artifact object received from the authentication strategy and used in authentication-related actions.*/
-		artifacts: any;
-		/**  the route authentication mode.*/
-		mode: any;
-		/** the authentication error is failed and mode set to 'try'.*/
-		error: any;
-	};
-	/** the connection used by this request*/
-	connection: ServerConnection;
-	/**  the node domain object used to protect against exceptions thrown in extensions, handlers and route prerequisites. Can be used to manually bind callback functions otherwise bound to other domains.*/
-	domain: any;
-	/** the raw request headers (references request.raw.headers).*/
-	headers: IDictionary<string>;
-	/** a unique request identifier (using the format '{now}:{connection.info.id}:{5 digits counter}').*/
-	id: string;
-	/**  request information */
-	info: {
-		/**  the request preferred encoding. */
-		acceptEncoding: string;
-		/**  if CORS is enabled for the route, contains the following: */
-		cors: {
-			isOriginMatch: boolean; /**  true if the request 'Origin' header matches the configured CORS restrictions. Set to false if no 'Origin' header is found or if it does not match. Note that this is only available after the 'onRequest' extension point as CORS is configured per-route and no routing decisions are made at that point in the request lifecycle. */
-		};
-		/**  content of the HTTP 'Host' header (e.g. 'example.com:8080'). */
-		host: string;
-		/**  the hostname part of the 'Host' header (e.g. 'example.com').*/
-		hostname: string;
-		/**  request reception timestamp. */
-		received: number;
-		/**  content of the HTTP 'Referrer' (or 'Referer') header. */
-		referrer: string;
-		/** remote client IP address. */
-		remoteAddress: string;
-		/**  remote client port. */
-		remotePort: number;
-		/**  request response timestamp (0 is not responded yet). */
-		responded: number;
-	};
-	/**  the request method in lower case (e.g. 'get', 'post'). */
-	method: string;
-	/**  the parsed content-type header. Only available when payload parsing enabled and no payload error occurred. */
-	mime: string;
-	/**  an object containing the values of params, query, and payload before any validation modifications made. Only set when input validation is performed.*/
-	orig: {
-		params: any;
-		query: any;
-		payload: any;
-	};
-	/**  an object where each key is a path parameter name with matching value as described in Path parameters.*/
-	params: IDictionary<string>;
-	/** an array containing all the path params values in the order they appeared in the path.*/
-	paramsArray: string[];
-	/**  the request URI's path component. */
-	path: string;
-	/** the request payload based on the route payload.output and payload.parse settings.*/
-	payload: stream.Readable | Buffer | any;
-	/**  plugin-specific state. Provides a place to store and pass request-level plugin data. The plugins is an object where each key is a plugin name and the value is the state.*/
-	plugins: any;
-	/** an object where each key is the name assigned by a route prerequisites function. The values are the raw values provided to the continuation function as argument. For the wrapped response object, use responses.*/
-	pre: IDictionary<any>;
-	/** the response object when set. The object can be modified but must not be assigned another object. To replace the response with another from within an extension point, use reply(response) to override with a different response. Contains null when no response has been set (e.g. when a request terminates prematurely when the client disconnects).*/
-	response: Response;
-	/**preResponses - same as pre but represented as the response object created by the pre method.*/
-	preResponses: any;
-	/**an object containing the query parameters.*/
-	query: any;
-	/**  an object containing the Node HTTP server objects. Direct interaction with these raw objects is not recommended.*/
-	raw: {
-		req: http.IncomingMessage;
-		res: http.ServerResponse;
-	};
-	/** the route public interface.*/
-	route: IRoute;
-	/** the server object. */
-	server: Server;
-	/** an object containing parsed HTTP state information (cookies) where each key is the cookie name and value is the matching cookie content after processing using any registered cookie definition. */
-	state: any;
-	/** complex object contining details on the url */
-	url: {
-		/** null when i tested */
-		auth: any;
-		/** null when i tested */
-		hash: any;
-		/** null when i tested */
-		host: any;
-		/** null when i tested */
-		hostname: any;
-		href: string;
-		path: string;
-		/** path without search*/
-		pathname: string;
-		/** null when i tested */
-		port: any;
-		/** null when i tested */
-		protocol: any;
-		/** querystring parameters*/
-		query: IDictionary<string>;
-		/** querystring parameters as a string*/
-		search: string;
-		/** null when i tested */
-		slashes: any;
-	};
-
-	/** request.setUrl(url)
-
-	 Available only in 'onRequest' extension methods.
-
-	 Changes the request URI before the router begins processing the request where:
-
-	 url - the new request path value.
-	 var Hapi = require('hapi');
-	 var server = new Hapi.Server();
-	 server.connection({ port: 80 });
-
-	 server.ext('onRequest', function (request, reply) {
-
-	// Change all requests to '/test'
-	request.setUrl('/test');
-	return reply.continue();
-	});*/
-	setUrl(url: string | url.Url): void;
-	/** request.setMethod(method)
-
-	 Available only in 'onRequest' extension methods.
-
-	 Changes the request method before the router begins processing the request where:
-
-	 method - is the request HTTP method (e.g. 'GET').
-	 var Hapi = require('hapi');
-	 var server = new Hapi.Server();
-	 server.connection({ port: 80 });
-
-	 server.ext('onRequest', function (request, reply) {
-
-	// Change all requests to 'GET'
-	request.setMethod('GET');
-	return reply.continue();
-	});*/
-	setMethod(method: string): void;
-
-	/** request.log(tags, [data, [timestamp]])
-
-	 Always available.
-
-	 Logs request-specific events. When called, the server emits a 'request' event which can be used by other listeners or plugins. The arguments are:
-
-	 data - an optional message string or object with the application data being logged.
-	 timestamp - an optional timestamp expressed in milliseconds. Defaults to Date.now() (now).
-	 Any logs generated by the server internally will be emitted only on the 'request-internal' channel and will include the event.internal flag set to true.
-
-	 var Hapi = require('hapi');
-	 var server = new Hapi.Server();
-	 server.connection({ port: 80 });
-
-	 server.on('request', function (request, event, tags) {
-
-	if (tags.error) {
-	console.log(event);
-	}
-	});
-
-	 var handler = function (request, reply) {
-
-	request.log(['test', 'error'], 'Test event');
-	return reply();
-	};
-	 */
-	log(/** a string or an array of strings (e.g. ['error', 'database', 'read']) used to identify the event. Tags are used instead of log levels and provide a much more expressive mechanism for describing and filtering events.*/
-		tags: string | string[],
-		/** an optional message string or object with the application data being logged.*/
-		data?: any,
-		/**  an optional timestamp expressed in milliseconds. Defaults to Date.now() (now).*/
-		timestamp?: number): void;
-
-	/** request.getLog([tags], [internal])
-
-	 Always available.
-
-	 Returns an array containing the events matching any of the tags specified (logical OR)
-	 request.getLog();
-	 request.getLog('error');
-	 request.getLog(['error', 'auth']);
-	 request.getLog(['error'], true);
-	 request.getLog(false);*/
-
-	getLog(/** is a single tag string or array of tag strings. If no tags specified, returns all events.*/
-		tags?: string,
-		/**  filters the events to only those with a matching event.internal value. If true, only internal logs are included. If false, only user event are included. Defaults to all events (undefined).*/
-		internal?: boolean): string[];
-
-	/** request.tail([name])
-
-	 Available until immediately after the 'response' event is emitted.
-
-	 Adds a request tail which has to complete before the request lifecycle is complete where:
-
-	 name - an optional tail name used for logging purposes.
-	 Returns a tail function which must be called when the tail activity is completed.
-
-	 Tails are actions performed throughout the request lifecycle, but which may end after a response is sent back to the client. For example, a request may trigger a database update which should not delay sending back a response. However, it is still desirable to associate the activity with the request when logging it (or an error associated with it).
-
-	 When all tails completed, the server emits a 'tail' event.
-
-	 var Hapi = require('hapi');
-	 var server = new Hapi.Server();
-	 server.connection({ port: 80 });
-
-	 var get = function (request, reply) {
-
-	var dbTail = request.tail('write to database');
-
-	db.save('key', 'value', function () {
-
-	dbTail();
-	});
-
-	return reply('Success!');
-	};
-
-	 server.route({ method: 'GET', path: '/', handler: get });
-
-	 server.on('tail', function (request) {
-
-	console.log('Request completed including db activity');
-	});*/
-	tail(/** an optional tail name used for logging purposes.*/
-		name?: string): Function;
-}
-/** Response events
-
- The response object supports the following events:
-
- 'peek' - emitted for each chunk of data written back to the client connection. The event method signature is function(chunk, encoding).
- 'finish' - emitted when the response finished writing but before the client response connection is ended. The event method signature is function ().
- var Crypto = require('crypto');
- var Hapi = require('hapi');
- var server = new Hapi.Server();
- server.connection({ port: 80 });
-
- server.ext('onPreResponse', function (request, reply) {
-
-var response = request.response;
-if (response.isBoom) {
-return reply();
+/**
+ * Additional notes
+ * payload - In case of an object it will be converted to a string for you. Defaults to no payload. Note that payload processing defaults to 'application/json' if no 'Content-Type' header provided.
+ * [See docs](https://hapijs.com/api/16.1.1#serverinjectoptions-callback)
+ */
+export interface InjectedRequestOptions extends Shot.RequestOptions {
+    /** an optional credentials object containing authentication information. The credentials are used to bypass the default authentication strategies, and are validated directly as if they were received via an authentication scheme. Defaults to no credentials. */
+    credentials?: any;
+    /** an optional artifacts object containing authentication artifact information. The artifacts are used to bypass the default authentication strategies, and are validated directly as if they were received via an authentication scheme. Ignored if set without credentials. Defaults to no artifacts. */
+    artifacts?: any;
+    /** sets the initial value of request.app. */
+    app?: any;
+    /** sets the initial value of request.plugins. */
+    plugins?: PluginsStates;
+    /** allows access to routes with config.isInternal set to true. Defaults to false. */
+    allowInternals?: boolean;
 }
 
-var hash = Crypto.createHash('sha1');
-response.on('peek', function (chunk) {
-
-hash.update(chunk);
-});
-
-response.once('finish', function () {
-
-console.log(hash.digest('hex'));
-});
-
-return reply.continue();
-});*/
-export class Response extends Events.EventEmitter {
-	isBoom: boolean;
-	/**  the HTTP response status code. Defaults to 200 (except for errors).*/
-	statusCode: number;
-	/** an object containing the response headers where each key is a header field name. Note that this is an incomplete list of headers to be included with the response. Additional headers will be added once the response is prepare for transmission.*/
-	headers: IDictionary<string>;
-	/** the value provided using the reply interface.*/
-	source: any;
-	/** a string indicating the type of source with available values:
-	 'plain' - a plain response such as string, number, null, or simple object (e.g. not a Stream, Buffer, or view).
-	 'buffer' - a Buffer.
-	 'view' - a view generated with reply.view().
-	 'file' - a file generated with reply.file() of via the directory handler.
-	 'stream' - a Stream.
-	 'promise' - a Promise object. */
-	variety: string;
-	/** application-specific state. Provides a safe place to store application data without potential conflicts with the framework. Should not be used by plugins which should use plugins[name].*/
-	app: any;
-	/** plugin-specific state. Provides a place to store and pass request-level plugin data. The plugins is an object where each key is a plugin name and the value is the state. */
-	plugins: any;
-	/** settings - response handling flags:
-	 charset - the 'Content-Type' HTTP header 'charset' property. Defaults to 'utf-8'.
-	 encoding - the string encoding scheme used to serial data into the HTTP payload when source is a string or marshals into a string. Defaults to 'utf8'.
-	 passThrough - if true and source is a Stream, copies the statusCode and headers of the stream to the outbound response. Defaults to true.
-	 stringify - options used for source value requiring stringification. Defaults to no replacer and no space padding.
-	 ttl - if set, overrides the route cache expiration milliseconds value set in the route config. Defaults to no override.
-	 varyEtag - if true, a suffix will be automatically added to the 'ETag' header at transmission time (separated by a '-' character) when the HTTP 'Vary' header is present.*/
-	settings: {
-		charset: string;
-		encoding: string;
-		passThrough: boolean;
-		stringify: any;
-		ttl: number;
-		varyEtag: boolean;
-	};
-
-	/**  sets the HTTP 'Content-Length' header (to avoid chunked transfer encoding) where:
-	 length - the header value. Must match the actual payload size.*/
-	bytes(length: number): Response;
-
-	/**  sets the 'Content-Type' HTTP header 'charset' property where: charset - the charset property value.*/
-	charset(charset: string): Response;
-
-	/**  sets the HTTP status code where:
-	 statusCode - the HTTP status code.*/
-	code(statusCode: number): Response;
-
-	/** sets the HTTP status code to Created (201) and the HTTP 'Location' header where: uri - an absolute or relative URI used as the 'Location' header value.*/
-	created(uri: string): Response;
-
-	/** encoding(encoding) - sets the string encoding scheme used to serial data into the HTTP payload where: encoding - the encoding property value (see node Buffer encoding).*/
-	encoding(encoding: string): Response;
-
-	/** etag(tag, options) - sets the representation entity tag where:
-	 tag - the entity tag string without the double-quote.
-	 options - optional settings where:
-	 weak - if true, the tag will be prefixed with the 'W/' weak signifier. Weak tags will fail to match identical tags for the purpose of determining 304 response status. Defaults to false.
-	 vary - if true and content encoding is set or applied to the response (e.g 'gzip' or 'deflate'), the encoding name will be automatically added to the tag at transmission time (separated by a '-' character). Ignored when weak is true. Defaults to true.*/
-	etag(tag: string, options: {
-		weak: boolean; vary: boolean;
-	}): Response;
-
-	/**header(name, value, options) - sets an HTTP header where:
-	 name - the header name.
-	 value - the header value.
-	 options - optional settings where:
-	 append - if true, the value is appended to any existing header value using separator. Defaults to false.
-	 separator - string used as separator when appending to an exiting value. Defaults to ','.
-	 override - if false, the header value is not set if an existing value present. Defaults to true.*/
-	header(name: string, value: string, options?: IHeaderOptions): Response;
-
-	/** hold() - puts the response on hold until response.send() is called. Available only after reply() is called and until response.hold() is invoked once. */
-	hold(): Response;
-
-	/** location(uri) - sets the HTTP 'Location' header where:
-	 uri - an absolute or relative URI used as the 'Location' header value.*/
-	location(uri: string): Response;
-
-	/** redirect(uri) - sets an HTTP redirection response (302) and decorates the response with additional methods listed below, where:
-	 uri - an absolute or relative URI used to redirect the client to another resource. */
-	redirect(uri: string): Response;
-
-	/** replacer(method) - sets the JSON.stringify() replacer argument where:
-	 method - the replacer function or array. Defaults to none.*/
-	replacer(method: Function | Function[]): Response;
-
-	/** spaces(count) - sets the JSON.stringify() space argument where:
-	 count - the number of spaces to indent nested object keys. Defaults to no indentation. */
-	spaces(count: number): Response;
-
-	/**state(name, value, [options]) - sets an HTTP cookie where:
-	 name - the cookie name.
-	 value - the cookie value. If no encoding is defined, must be a string.
-	 options - optional configuration. If the state was previously registered with the server using server.state(), the specified keys in options override those same keys in the server definition (but not others).*/
-	state(name: string, value: string, options?: any): Response;
-
-	/** send() - resume the response which will be transmitted in the next tick. Available only after response.hold() is called and until response.send() is invoked once. */
-	send(): void;
-
-	/** sets a string suffix when the response is process via JSON.stringify().*/
-	suffix(suffix: string): void;
-
-	/** overrides the default route cache expiration rule for this response instance where:
-	 msec - the time-to-live value in milliseconds.*/
-	ttl(msec: number): void;
-
-	/** type(mimeType) - sets the HTTP 'Content-Type' header where:
-	 mimeType - is the mime type. Should only be used to override the built-in default for each response type. */
-	type(mimeType: string): Response;
-
-	/** clears the HTTP cookie by setting an expired value where:
-	 name - the cookie name.
-	 options - optional configuration for expiring cookie. If the state was previously registered with the server using server.state(), the specified keys in options override those same keys in the server definition (but not others).*/
-	unstate(name: string, options?: { [key: string]: string }): Response;
-
-	/** adds the provided header to the list of inputs affected the response generation via the HTTP 'Vary' header where:
-	 header - the HTTP request header name.*/
-	vary(header: string): void;
+/**
+ * the response object from server.inject
+ * [See docs](https://hapijs.com/api/16.1.1#serverinjectoptions-callback)
+ */
+export interface InjectedResponseObject extends Shot.ResponseObject {
+    /** the raw handler response (e.g. when not a stream or a view) before it is serialized for transmission. If not available, the value is set to payload. Useful for inspection and reuse of the internal objects returned (instead of parsing the response string). */
+    result: Shot.ResponseObject | string;
+    /** the request object. */
+    request: InjectedRequestOptions;
 }
-/** When using the redirect() method, the response object provides these additional methods */
-export class ResponseRedirect extends Response {
-	/** sets the status code to 302 or 307 (based on the rewritable() setting) where:
-	 isTemporary - if false, sets status to permanent. Defaults to true.*/
-	temporary(isTemporary: boolean): void;
 
-	/** sets the status code to 301 or 308 (based on the rewritable() setting) where:
-	 isPermanent - if true, sets status to temporary. Defaults to false. */
-	permanent(isPermanent: boolean): void;
-
-	/** sets the status code to 301/302 for rewritable (allows changing the request method from 'POST' to 'GET') or 307/308 for non-rewritable (does not allow changing the request method from 'POST' to 'GET'). Exact code based on the temporary() or permanent() setting. Arguments:
-	 isRewritable - if false, sets to non-rewritable. Defaults to true.
-	 Permanent    Temporary
-	 Rewritable    301    302(1)
-	 Non-rewritable    308(2)    307
-	 Notes: 1. Default value. 2. Proposed code, not supported by all clients. */
-	rewritable(isRewritable: boolean): void;
+/**
+ * For context [See docs](https://hapijs.com/api/16.1.1#new-serveroptions) under: options > connections
+ */
+export interface ConnectionConfigurationServerDefaults {
+    /** application-specific connection configuration which can be accessed via connection.settings.app. Provides a safe place to store application configuration without potential conflicts with the framework internals. Should not be used to configure plugins which should use plugins[name]. Note the difference between connection.settings.app which is used to store configuration values and connection.app which is meant for storing run-time state.  */
+    app?: any;
+    /** if false, response content encoding is disabled. Defaults to true */
+    compression?: boolean;
+    /** connection load limits configuration where:  */
+    load?: {
+        /** maximum V8 heap size over which incoming requests are rejected with an HTTP Server Timeout (503) response. Defaults to 0 (no limit).  */
+        maxHeapUsedBytes: number;
+        /** maximum process RSS size over which incoming requests are rejected with an HTTP Server Timeout (503) response. Defaults to 0 (no limit).  */
+        maxRssBytes: number;
+        /** maximum event loop delay duration in milliseconds over which incoming requests are rejected with an HTTP Server Timeout (503) response. Defaults to 0 (no limit).  */
+        maxEventLoopDelay: number;
+    };
+    /** plugin-specific configuration which can later be accessed via connection.settings.plugins. Provides a place to store and pass connection-specific plugin configuration. plugins is an object where each key is a plugin name and the value is the configuration. Note the difference between connection.settings.plugins which is used to store configuration values and connection.plugins which is meant for storing run-time state. */
+    plugins?: any;
+    /** controls how incoming request URIs are matched against the routing table: */
+    router?: {
+        /** determines whether the paths '/example' and '/EXAMPLE' are considered different resources. Defaults to true.  */
+        isCaseSensitive?: boolean;
+        /** removes trailing slashes on incoming paths. Defaults to false.  */
+        stripTrailingSlash?: boolean;
+    };
+    /** a route options object used to set the default configuration for every route. */
+    routes?: RouteAdditionalConfigurationOptions;
+    /** sets the default configuration for every state (cookie) set explicitly via server.state() or implicitly (without definition) using the [state configuration object](https://hapijs.com/api/16.1.1#serverstatename-options). */
+    state?: ServerStateCookieConfiguationObject;
 }
-/** info about a server connection */
-export interface IServerConnectionInfo {
-	/**  - a unique connection identifier (using the format '{hostname}:{pid}:{now base36}').*/
-	id: string;
-	/**  - the connection creation timestamp.*/
-	created: number;
-	/**  - the connection start timestamp (0 when stopped).*/
-	started: number;
-	/**  the connection port based on the following rules:
-	 the configured port value before the server has been started.
-	 the actual port assigned when no port is configured or set to 0 after the server has been started.*/
-	port: number;
 
-	/** - the host name the connection was configured to. Defaults to the operating system hostname when available, otherwise 'localhost'.*/
-	host: string;
-	/** - the active IP address the connection was bound to after starting.Set to undefined until the server has been started or when using a non TCP port (e.g. UNIX domain socket).*/
-	address: string;
-	/**  - the protocol used:
-	 'http' - HTTP.
-	 'https' - HTTPS.
-	 'socket' - UNIX domain socket or Windows named pipe.*/
-	protocol: string;
-	/** a string representing the connection (e.g. 'http://example.com:8080' or 'socket:/unix/domain/socket/path'). Contains the uri setting if provided, otherwise constructed from the available settings. If no port is available or set to 0, the uri will not include a port component.*/
-	uri: string;
+/**
+ * a connection configuration object or array of objects with the following optional keys.
+ * Any connections configuration server defaults can be included to override and customize the individual connection.
+ * [See docs](https://hapijs.com/api/16.1.1#serverconnectionoptions)
+ */
+export interface ServerConnectionOptions extends ConnectionConfigurationServerDefaults {
+    /** host - the public hostname or IP address. Used only to set server.info.host and server.info.uri. If not configured, defaults to the operating system hostname and if not available, to 'localhost'. */
+    host?: string;
+    /** address - sets the host name or IP address the connection will listen on. If not configured, defaults to host if present, otherwise to all available network interfaces (i.e. '0.0.0.0'). Set to 127.0.0.1 or localhost to restrict connection to only those coming from the same machine. */
+    address?: string;
+    /** port - the TCP port the connection will listen to. Defaults to an ephemeral port (0) which uses an available port when the server is started (and assigned to server.info.port). If port is a string containing a '/' character, it is used as a UNIX domain socket path and if it starts with '\.\pipe' as a Windows named pipe. */
+    port?: string | number;
+    /** uri - the full public URI without the path (e.g. 'http://example.com:8080'). If present, used as the connection info.uri otherwise constructed from the connection settings. */
+    uri?: string;
+    /** listener - optional node.js HTTP (or HTTPS) http.Server object or any compatible object. If the listener needs to be manually started, set autoListen to false. If the listener uses TLS, set tls to true. */
+    listener?: http.Server;
+    /** autoListen - indicates that the connection.listener will be started manually outside the framework. Cannot be specified with a port setting. Defaults to true. */
+    autoListen?: boolean;
+    /** labels - a string or string array of labels used to server.select() specific connections matching the specified labels. Defaults to an empty array [] (no labels). */
+    labels?: string | string[];
+    /** tls - used to create an HTTPS connection. The tls object is passed unchanged as options to the node.js HTTPS server as described in the node.js HTTPS [documentation](https://nodejs.org/api/https.html#https_https_createserver_options_requestlistener})  . Set to true when passing a listener object that has been configured to use TLS directly. */
+    tls?: true | https.RequestOptions;
+}
+
+/**
+ * For context see RouteAdditionalConfigurationOptions > compression
+ * For context [See docs](https://hapijs.com/api/16.1.1#serverencoderencoding-encoder)
+ */
+type CompressionEncoderSettings = any;
+
+/**
+ * For context see RouteAdditionalConfigurationOptions > payload > compression
+ * For context [See docs](https://hapijs.com/api/16.1.1#serverdecoderencoding-decoder)
+ */
+type CompressionDecoderSettings = any;
+
+/**
+ * an optional function called after all the specified dependencies have been registered and before the server starts. The function is only called if the server is initialized or started. If a circular dependency is detected, an exception is thrown (e.g. two plugins each has an after function to be called after the other). The function signature is function(server, next) where:
+ * [See docs](https://hapijs.com/api/16.1.1#serverdependencydependencies-after)
+ * Also see Server.dependency
+ * @param server  the server the dependency() method was called on.
+ * @param next  the callback function the method must call to return control over to the application and complete the registration process. The function signature is function(err) where:
+ *      * err - internal error condition, which is returned back via the server.initialize() or server.start() callback.
+ */
+export interface AfterDependencyLoadCallback {
+    (server: Server, next: (err?: Error) => void): void;
+}
+
+/** For context see RouteAdditionalConfigurationOptions > auth */
+export interface AuthOptions {
+    /**
+     * the authentication mode. Defaults to 'required' if a server authentication strategy is configured, otherwise defaults to no authentication. Available values:
+     *  * 'required' - authentication is required.
+     *  * 'optional' - authentication is optional (must be valid if present).
+     *  * 'try' - same as 'optional' but allows for invalid authentication.
+     */
+    mode?: 'required' | 'optional' | 'try';
+    /** a string array of strategy names in order they should be attempted. If only one strategy is used, strategy can be used instead with the single string value. Defaults to the default authentication strategy which is available only when a single strategy is configured.  */
+    strategies?: string[];
+    strategy?: string;
+    /**
+     * if set, the payload (in requests other than 'GET' and 'HEAD') is authenticated after it is processed. Requires a strategy with payload authentication support (e.g. Hawk). Cannot be set to a value other than 'required' when the scheme sets the options.payload to true. Available values:
+     *  * false - no payload authentication. This is the default value.
+     *  * 'required' - payload authentication required. This is the default value when the scheme sets options.payload to true.
+     *  * 'optional' - payload authentication performed only when the client includes payload authentication information (e.g. hash attribute in Hawk).
+     */
+    payload?: false | 'required' | 'optional';
+    /** specifying the route access rules. */
+    access?: RouteAuthAccessConfiguationObject | RouteAuthAccessConfiguationObject[];
+}
+
+/**
+ * Each rule is evaluated against an incoming request and access is granted if at least one rule matches. Each rule object must include at least one of:
+ * For context see RouteAdditionalConfigurationOptions > auth > an object > access
+ */
+export interface RouteAuthAccessConfiguationObject {
+    /** the application scope required to access the route. Value can be a scope string or an array of scope strings. The authenticated credentials object scope property must contain at least one of the scopes defined to access the route. If a scope string begins with a + character, that scope is required. If a scope string begins with a ! character, that scope is forbidden. For example, the scope ['!a', '+b', 'c', 'd'] means the incoming request credentials' scope must not include 'a', must include 'b', and must include one of 'c' or 'd'. You may also access properties on the request object (query and params) to populate a dynamic scope by using {} characters around the property name, such as 'user-{params.id}'. Defaults to false (no scope requirements). */
+    scope?: false | string | string[];
+    /**
+     * the required authenticated entity type. If set, must match the entity value of the authentication credentials. Available values:
+     *  * any - the authentication can be on behalf of a user or application. This is the default value.
+     *  * user - the authentication must be on behalf of a user which is identified by the presence of a user attribute in the credentials object returned by the authentication strategy.
+     *  * app - the authentication must be on behalf of an application which is identified by the lack of presence of a user attribute in the credentials object returned by the authentication strategy.
+     */
+    entity?: 'any' | 'user' | 'app';
+}
+
+/**
+ * For context see RouteAdditionalConfigurationOptions > cache
+ */
+export interface RouteCacheOptions {
+    /**
+     * determines the privacy flag included in client-side caching using the 'Cache-Control' header. Values are:
+     *  * 'default' - no privacy flag. This is the default setting.
+     *  * 'public' - mark the response as suitable for public caching.
+     *  * 'private' - mark the response as suitable only for private caching.
+     */
+    privacy?: 'default' | 'public' | 'private';
+    /** relative expiration expressed in the number of milliseconds since the item was saved in the cache. Cannot be used together with expiresAt. */
+    expiresIn?: number;
+    /** time of day expressed in 24h notation using the 'HH:MM' format, at which point all cache records for the route expire. Cannot be used together with expiresIn. */
+    expiresAt?: string;
+    /** an array of HTTP response status codes (e.g. 200) which are allowed to include a valid caching directive. Defaults to [200]. */
+    statuses?: [number];
+    /** a string with the value of the 'Cache-Control' header when caching is disabled. Defaults to 'no-cache'. */
+    otherwise?: string;
+}
+
+/**
+ * For context see RouteAdditionalConfigurationOptions > cors
+ */
+export interface CorsConfigurationObject {
+    /** a strings array of allowed origin servers ('Access-Control-Allow-Origin'). The array can contain any combination of fully qualified origins along with origin strings containing a wildcard '*' character, or a single '*' origin string. Defaults to any origin ['*']. */
+    origin?: string[] | '*';
+    /** number of seconds the browser should cache the CORS response ('Access-Control-Max-Age'). The greater the value, the longer it will take before the browser checks for changes in policy. Defaults to 86400 (one day). */
+    maxAge?: number;
+    /** a strings array of allowed headers ('Access-Control-Allow-Headers'). Defaults to ['Accept', 'Authorization', 'Content-Type', 'If-None-Match'] */
+    headers?: string[];
+    /** a strings array of additional headers to headers. Use this to keep the default headers in place. */
+    additionalHeaders?: string[];
+    /** a strings array of exposed headers ('Access-Control-Expose-Headers'). Defaults to ['WWW-Authenticate', 'Server-Authorization']. */
+    exposedHeaders?: string[];
+    /** a strings array of additional headers to exposedHeaders. Use this to keep the default headers in place. */
+    additionalExposedHeaders?: string[];
+    /** if true, allows user credentials to be sent ('Access-Control-Allow-Credentials'). Defaults to false. */
+    credentials?: boolean;
+}
+
+/**
+ * An object describing the extension function used whilst registering the extension function in one of the available extension points
+ * [See docs](https://hapijs.com/api/16.1.1#serverextevents)
+ * For context see RouteAdditionalConfigurationOptions > ext
+ */
+export interface ServerExtConfigurationObject {
+    /** the extension point event name. */
+    type: ServerExtPoints;
+    /**
+     * a function or an array of functions to be executed at a specified point during request processing. The required extension function signature is see ServerExtFunction or see ServerExtRequestHandler
+     */
+    method: ServerExtMethod | ServerExtMethod[];
+    options?: ServerExtOptions;
+}
+
+/**
+ * [See docs](https://hapijs.com/api/16.1.1#serverextevents) > events > method
+ */
+type ServerExtMethod = ServerExtFunction | ServerExtRequestHandler;
+
+/**
+ * [See docs](https://hapijs.com/api/16.1.1#serverextevents) > events > options
+ */
+interface ServerExtOptions {
+    /** before - a string or array of strings of plugin names this method must execute before (on the same event). Otherwise, extension methods are executed in the order added. */
+    before: string | string[];
+    /** after - a string or array of strings of plugin names this method must execute after (on the same event). Otherwise, extension methods are executed in the order added. */
+    after: string | string[];
+    /** bind - a context object passed back to the provided method (via this) when called. Ignored if the method is an arrow function. */
+    bind: any;
+    /** sandbox - if set to 'plugin' when adding a request extension points the extension is only added to routes defined by the current plugin. Not allowed when configuring route-level extensions, or when adding server extensions. Defaults to 'connection' which applies to any route added to the connection the extension is added to. */
+    sandbox?: 'connection' | 'plugin';
+}
+
+/**
+ * [See docs](https://hapijs.com/api/16.1.1#request-lifecycle)
+ * The available extension points include the request extension points as well as the following server extension points:
+ *  * 'onPreStart' - called before the connection listeners are started.
+ *  * 'onPostStart' - called after the connection listeners are started.
+ *  * 'onPreStop' - called before the connection listeners are stopped.
+ *  * 'onPostStop' - called after the connection listeners are stopped.
+ * [See docs](https://hapijs.com/api/16.1.1#serverextevents) > events > type
+ */
+export type ServerExtPoints = 'onRequest' | 'onPreResponse' | 'onPreAuth' | 'onPostAuth' | 'onPreHandler' | 'onPostHandler' | 'onPreResponse' | 'onPreStart' | 'onPostStart' | 'onPreStop' | 'onPostStop';
+
+/**
+ * Server extension function registered an one of the server extension points
+ * [See docs](https://hapijs.com/api/16.1.1#serverextevents)
+ * For context see ServerExtConfigurationObject
+ * @param server - the server object.
+ * @param next - the continuation method with signature function(err).
+ * @param this - the object provided via options.bind or the current active context set with server.bind().
+ */
+export interface ServerExtFunction {
+    (server: Server, next: ContinuationFunction): void;
+}
+
+/**
+ * For context see RouteAdditionalConfigurationOptions > payload
+ */
+export interface RoutePayloadConfigurationObject {
+    /**
+     * the type of payload representation requested. The value must be one of:
+     *  * 'data' - the incoming payload is read fully into memory. If parse is true, the payload is parsed (JSON, form-decoded, multipart) based on the 'Content-Type' header. If parse is false, the raw Buffer is returned. This is the default value except when a proxy handler is used.
+     *  * 'stream' - the incoming payload is made available via a Stream.Readable interface. If the payload is 'multipart/form-data' and parse is true, fields values are presented as text while files are provided as streams. File streams from a 'multipart/form-data' upload will also have a property hapi containing filename and headers properties.
+     *  * 'file' - the incoming payload is written to temporary file in the directory specified by the server's payload.uploads settings. If the payload is 'multipart/form-data' and parse is true, fields values are presented as text while files are saved. Note that it is the sole responsibility of the application to clean up the files generated by the framework. This can be done by keeping track of which files are used (e.g. using the request.app object), and listening to the server 'response' event to perform any needed cleanup.
+     */
+    output?: PayLoadOutputOption;
+    /**
+     * can be true, false, or gunzip; determines if the incoming payload is processed or presented raw. true and gunzip includes gunzipping when the appropriate 'Content-Encoding' is specified on the received request. If parsing is enabled and the 'Content-Type' is known (for the whole payload as well as parts), the payload is converted into an object when possible. If the format is unknown, a Bad Request (400) error response is sent. Defaults to true, except when a proxy handler is used. The supported mime types are:
+     *  * 'application/json'
+     *  * 'application/x-www-form-urlencoded'
+     *  * 'application/octet-stream'
+     *  * 'text/*'
+     *  * 'multipart/form-data'
+     */
+    parse?: 'gunzip' | boolean;
+    /**
+     * overrides payload processing for multipart requests. Value can be one of:
+     *  * false - disables multipart processing.
+     *  * object with the following required options:
+     *      * output - same as the payload.output option with an additional value option:
+     *          * annotated - wraps each multipart part in an object with the following keys: // TODO type this?
+     *              * headers - the part headers.
+     *              * filename - the part file name.
+     *              * payload - the processed part payload.
+     */
+    multipart?: false | {
+        output: PayLoadOutputOption | 'annotated';
+    }
+    /** a string or an array of strings with the allowed mime types for the endpoint. Defaults to any of the supported mime types listed above. Note that allowing other mime types not listed will not enable them to be parsed, and that if parsing mode is 'parse', the request will result in an error response. */
+    allow?: string | string[];
+    /** a mime type string overriding the 'Content-Type' header value received. Defaults to no override. */
+    override?: string;
+    /** limits the size of incoming payloads to the specified byte count. Allowing very large payloads may cause the server to run out of memory. Defaults to 1048576 (1MB). */
+    maxBytes?: number;
+    /** payload reception timeout in milliseconds. Sets the maximum time allowed for the client to transmit the request payload (body) before giving up and responding with a Request Timeout (408) error response. Set to false to disable. Defaults to 10000 (10 seconds). */
+    timeout?: number;
+    /** the directory used for writing file uploads. Defaults to os.tmpdir(). */
+    uploads?: string;
+    /**
+     * determines how to handle payload parsing errors. Allowed values are:
+     *  * 'error' - return a Bad Request (400) error response. This is the default value.
+     *  * 'log' - report the error but continue processing the request.
+     *  * 'ignore' - take no action and continue processing the request.
+     */
+    failAction?: 'error' | 'log' | 'ignore';
+    /** the default 'Content-Type' HTTP header value is not present. Defaults to 'application/json'. */
+    defaultContentType?: string;
+    /** an object where each key is a content-encoding name and each value is an object with the desired decoder settings. Note that encoder settings are set in the root option compression. */
+    compression: Dictionary<CompressionDecoderSettings>;
+}
+
+export type PayLoadOutputOption = 'data' | 'stream' | 'file';
+
+/**
+ * events must be one of:
+ *  * an event name string.
+ *  * an event options object see ApplicationEventOptionsObject
+ * * a podium [See docs](https://github.com/hapijs/podium) emitter object.
+ * For context [See docs](https://hapijs.com/api/16.1.1#servereventevents) > events parameter
+ */
+export type ApplicationEvent = string | ApplicationEventOptionsObject | Podium.Podium;
+
+/**
+ * an event options object
+ * For context see ApplicationEvent
+ * For context [See docs](https://hapijs.com/api/16.1.1#servereventevents) > events parameter
+ */
+interface ApplicationEventOptionsObject {
+    /** the event name string (required). */
+    name: string;
+    /** a string or array of strings specifying the event channels available. Defaults to no channel restrictions (event updates can specify a channel or not). */
+    channels?: string | string[];
+    /** if true, the data object passed to server.emit() is cloned before it is passed to the listeners (unless an override specified by each listener). Defaults to false (data is passed as-is). */
+    clone?: boolean;
+    /** if true, the data object passed to server.emit() must be an array and the listener method is called with each array element passed as a separate argument (unless an override specified by each listener). This should only be used when the emitted data structure is known and predictable. Defaults to false (data is emitted as a single argument regardless of its type). */
+    spread?: boolean;
+    /** if true and the criteria object passed to server.emit() includes tags, the tags are mapped to an object (where each tag string is the key and the value is true) which is appended to the arguments list at the end (but before the callback argument if block is set). A configuration override can be set by each listener. Defaults to false. */
+    tags?: boolean;
+    /** if true, the same event name can be registered multiple times where the second registration is ignored. Note that if the registration config is changed between registrations, only the first configuration is used. Defaults to false (a duplicate registration will throw an error). */
+    shared?: boolean;
+}
+
+/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ +                                                                           +
+ +                                                                           +
+ +                                                                           +
+ +                                  Route                                    +
+ +                                                                           +
+ +                                                                           +
+ +                                                                           +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
+// TODO: move to separate file http://stackoverflow.com/questions/43276921
+
+/**
+ * Route configuration
+ * The route configuration object
+ *
+ * [See docs](https://hapijs.com/api/16.1.1#route-configuration)
+ */
+// TODO check that the following refers to RouteAdditionalConfigurationOptions "Note that the options object is deeply cloned (with the exception of bind which is shallowly copied) and cannot contain any values that are unsafe to perform deep copy on."
+export interface RouteConfiguration {
+    /** the absolute path used to match incoming requests (must begin with '/'). Incoming requests are compared to the configured paths based on the connection router configuration option. The path can include named parameters enclosed in {} which will be matched against literal values in the request as described in Path parameters. */
+    path: string;
+    /** the HTTP method. Typically one of 'GET', 'POST', 'PUT', 'PATCH', 'DELETE', or 'OPTIONS'. Any HTTP method is allowed, except for 'HEAD'. Use '*' to match against any HTTP method (only when an exact match was not found, and any match with a specific method will be given a higher priority over a wildcard match). Can be assigned an array of methods which has the same result as adding the same route with different methods manually. */
+    method: HTTP_METHODS_PARTIAL | '*' | (HTTP_METHODS_PARTIAL | '*')[];
+    /** an optional domain string or an array of domain strings for limiting the route to only requests with a matching host header field. Matching is done against the hostname part of the header only (excluding the port). Defaults to all hosts. */
+    vhost?: string;
+    /** the function called to generate the response after successful authentication and validation. The handler function is described in Route handler. If set to a string, the value is parsed the same way a prerequisite server method string shortcut is processed. Alternatively, handler can be assigned an object with a single key using the name of a registered handler type and value with the options passed to the registered handler. */
+    handler?: string | RouteHandler | RouteHandlerPlugins;
+    /** additional route options. The config value can be an object or a function that returns an object using the signature function(server) where server is the server the route is being added to and this is bound to the current realm's bind option. */
+    config?: RouteAdditionalConfigurationOptions | ((server: Server) => RouteAdditionalConfigurationOptions);
+}
+
+/**
+ * Route options
+ * Each route can be customize to change the default behavior of the request lifecycle using the following options:
+ * [See docs](https://hapijs.com/api/16.1.1#route-options)
+ */
+export interface RouteAdditionalConfigurationOptions {
+    /** application specific configuration.Should not be used by plugins which should use plugins[name] instead. */
+    app?: any;
+    /**
+     * Authentication configuration.  Value can be:
+     *  * false to disable authentication if a default strategy is set.
+     *  * a string with the name of an authentication strategy registered with server.auth.strategy().
+     *  * an object
+     */
+    auth?: false | string | AuthOptions;
+    /** an object passed back to the provided handler (via this) when called. Ignored if the method is an arrow function. */
+    bind?: any;
+    /**
+     * Route cache options
+     * if the route method is 'GET', the route can be configured to include caching directives in the response. The default Cache-Control: no-cache header can be disabled by setting cache to false. Caching can be customized using an object
+     * TODO check: the default is to have 'Cache-Control: no-cache', but on first reading is a contridiction as you can disabled cache and disabled no-cache by setting RouteCacheOptions to false?
+     */
+    cache?: boolean | RouteCacheOptions;
+    /** an object where each key is a content-encoding name and each value is an object with the desired encoder settings. Note that decoder settings are set in payload.compression. */
+    compression?: Dictionary<CompressionEncoderSettings>;
+    /** the Cross-Origin Resource Sharing protocol allows browsers to make cross-origin API calls. CORS is required by web applications running inside a browser which are loaded from a different domain than the API server. CORS headers are disabled by default (false). To enable, set cors to true, or to an object */
+    cors?: boolean | CorsConfigurationObject;
+    /** defined a route-level request extension points by setting the option to an object with a key for each of the desired extension points ('onRequest' is not allowed), and the value is the same as the [server.ext(events)](https://hapijs.com/api/16.1.1#serverextevents) event argument. */
+    ext?: Dictionary<ServerExtConfigurationObject>;
+    /** defines the behavior for accessing files: */
+    files?: {
+        /** determines the folder relative paths are resolved against. */
+        relativeTo: string;
+    };
+    /** an alternative location for the route.handler option. */
+    handler?: string | RouteHandler;
+    /** an optional unique identifier used to look up the route using server.lookup(). Cannot be assigned to routes with an array of methods. */
+    id?: string;
+    /** if true, the route cannot be accessed through the HTTP connection but only through the server.inject() interface with the allowInternals option set to true. Used for internal routes that should not be accessible to the outside world. Defaults to false. */
+    isInternal?: boolean;
+    /** optional arguments passed to JSON.stringify() when converting an object or error response to a string payload. Supports the following: */
+    json?: Json.StringifyArguments & {
+        /** string suffix added after conversion to JSON string. Defaults to no suffix. */
+        suffix?: string;
+    };
+    /** enables JSONP support by setting the value to the query parameter name containing the function name used to wrap the response payload. For example, if the value is 'callback', a request comes in with 'callback=me', and the JSON response is '{ "a":"b" }', the payload will be 'me({ "a":"b" });'. Does not work with stream responses. Headers content-type and x-content-type-options are set to text/javascript and nosniff respectively, and will override those headers even if explicitly set by response.type() */
+    jsonp?: string;
+    /** if true, request level logging is enabled (accessible via request.getLog()). */
+    log?: boolean;
+    /**
+     * determines how the request payload is processed
+     * [See docs](https://hapijs.com/api/16.1.1#route-options)
+     */
+    payload?: RoutePayloadConfigurationObject;
+    /** plugin-specific configuration. plugins is an object where each key is a plugin name and the value is the plugin configuration. */
+    plugins?: Object;
+    /** an array with [route prerequisites](https://hapijs.com/api/16.1.1#route-prerequisites) methods which are executed in serial or in parallel before the handler is called. */
+    pre?: RoutePrerequisitesArray;
+    /** processing rules for the outgoing response */
+    response?: RouteResponseConfigurationObject;
+    /** sets common security headers (disabled by default). To enable set security to true or to an object with the following options: See RouteSecurityConfigurationObject */
+    security?: boolean | RouteSecurityConfigurationObject;
+    /** HTTP state management (cookies) allows the server to store information on the client which is sent back to the server with every request (as defined in RFC 6265). state supports the following options: */
+    state?: {
+        /** determines if incoming 'Cookie' headers are parsed and stored in the request.state object. Defaults to true. */
+        parse?: boolean;
+        /**
+         * determines how to handle cookie parsing errors. Allowed values are:
+         *  * 'error' - return a Bad Request (400) error response. This is the default value.
+         *  * 'log' - report the error but continue processing the request.
+         *  * 'ignore' - take no action.
+         */
+        failAction: 'error' | 'log' | 'ignore';
+    };
+    /** request input validation rules for various request components. When using a Joi validation object, the values of the other inputs (i.e. headers, query, params, payload, and auth) are made available under the validation context (accessible in rules as Joi.ref('$query.key')). Note that validation is performed in order (i.e. headers, params, query, payload) and if type casting is used (converting a string to number), the value of inputs not yet validated will reflect the raw, unvalidated and unmodified values. If the validation rules for headers, params, query, and payload are defined at both the routes defaults level and an individual route, the individual route settings override the routes defaults (the rules are not merged). The validate object supports: */
+    validate?: RouteValidationConfigurationObject;
+    /** define timeouts for processing durations: */
+    timeout?: {
+        /** response timeout in milliseconds. Sets the maximum time allowed for the server to respond to an incoming client request before giving up and responding with a Service Unavailable (503) error response. Disabled by default (false). */
+        server?: boolean | number;
+        /** by default, node sockets automatically timeout after 2 minutes. Use this option to override this behavior. Defaults to undefined which leaves the node default unchanged. Set to false to disable socket timeouts. */
+        socket?: boolean | number;
+    };
+
+    /**
+     * TODO decide on moving these to an extended interface of RouteAdditionalConfigurationOptions
+     */
+    /**
+     * ONLY WHEN ADDING NEW ROUTES (not when setting defaults).
+     * route description used for generating documentation
+     */
+    description?: string;
+    /**
+     * ONLY WHEN ADDING NEW ROUTES (not when setting defaults).
+     * route notes used for generating documentation
+     */
+    notes?: string | string[];
+    /**
+     * ONLY WHEN ADDING NEW ROUTES (not when setting defaults).
+     * route tags used for generating documentation
+     */
+    tags?: string[];
+}
+
+/**
+ * Route public interface
+ * When route information is returned or made available as a property, it is an object with the following:
+ * [See docs](https://hapijs.com/api/16.1.1#route-public-interface)
+ */
+export interface RoutePublicInterface {
+    /** the route HTTP method. */
+    method: string;
+    /** the route path. */
+    path: string;
+    /** the route vhost option if configured. */
+    vhost?: string | string[];
+    /** the [active realm] [See docs](https://hapijs.com/api/16.1.1#serverrealm) associated with the route.*/
+    realm: ServerRealm;
+    /** the [route options] [See docs](https://hapijs.com/api/16.1.1#route-options) object with all defaults applied. */
+    settings: RouteAdditionalConfigurationOptions;
+    /** the route internal normalized string representing the normalized path. */
+    fingerprint: string;
+    /** route authentication utilities: */
+    auth: {
+        /** authenticates the passed request argument against the route's authentication access configuration. Returns true if the request would have passed the route's access requirements. Note that the route's authentication mode and strategies are ignored. The only match is made between the request.auth.credentials scope and entity information and the route access configuration. Also, if the route uses dynamic scopes, the scopes are constructed against the request.query and request.params which may or may not match between the route and the request's route. If this method is called using a request that has not been authenticated (yet or at all), it will return false if the route requires any authentication. */
+        access: (request: Request) => boolean;
+    }
+}
+
+type RouteHandlerConfig = any;
+
+/**
+ * For context [See docs](https://hapijs.com/api/16.1.1#serverhandlername-method)
+ * For source [See docs](https://github.com/hapijs/hapi/blob/v16.1.1/lib/handler.js#L103)
+ * For source [See docs](https://github.com/hapijs/hapi/blob/v16.1.1/lib/route.js#L56-L60)
+ * TODO check the type of `RouteHandlerConfig` is correct for `defaults`.
+ */
+interface MakeRouteHandler {
+    (route: RoutePublicInterface, options: RouteHandlerConfig): RouteHandler;
+    defaults?: RouteHandlerConfig | ((method: HTTP_METHODS_PARTIAL_lowercase) => RouteHandlerConfig);
+}
+
+/**
+ * [See docs](https://hapijs.com/api/16.1.1#servertablehost) > return value
+ */
+export interface RoutingTableEntry {
+    /** the connection.info the connection the table was generated for. */
+    info: ServerConnectionInfo;
+    /** the connection labels. */
+    labels: string[];
+    /** an array of routes where each route contains: */
+    table: Route[];
+}
+
+/**
+ * [See docs](https://hapijs.com/api/16.1.1#servertablehost) > return value
+ */
+export interface Route {
+    /**
+     * the route config with defaults applied.
+     * TODO check type of RouteConfiguration here is correct
+     */
+    settings: RouteConfiguration;
+    /**
+     * the HTTP method in lower case.
+     * TODO, check if it can contain 'head' or not.
+     */
+    method: HTTP_METHODS_PARTIAL_lowercase;
+    /** the route path. */
+    path: string;
+}
+
+/**
+ * Route Prerequisites
+ * It is often necessary to perform prerequisite actions before the handler is called (e.g. load required reference data from a database). The route pre option allows defining such pre-handler methods. The methods are called in order. If the pre array contains another array, those methods are called in parallel. pre can be assigned a mixed array of:
+ *  * arrays containing the elements listed below, which are executed in parallel.
+ *  * objects see RoutePrerequisiteObjects
+ *  * functions - same as including an object with a single method key.
+ *  * strings - special short-hand notation for registered server methods using the format 'name(args)' (e.g. 'user(params.id)') where:
+ *      * 'name' - the method name. The name is also used as the default value of assign.
+ *      * 'args' - the method arguments (excluding next) where each argument is a property of the request object
+ * [See docs](https://hapijs.com/api/16.1.1#route-prerequisites)
+ * For context see RouteAdditionalConfigurationOptions > pre
+ *
+ * TODO follow up on "server methods" in "special short-hand notation for registered server methods" at https://hapijs.com/api/16.1.1#servermethodname-method-options
+ * TODO follow up on "request object" in "each argument is a property of the request object" at https://hapijs.com/api/16.1.1#request-object
+ */
+export type RoutePrerequisitesArray = RoutePrerequisitesPart[] | (RoutePrerequisitesPart[] | RoutePrerequisitesPart)[];
+export type RoutePrerequisitesPart = RoutePrerequisiteObjects | RoutePrerequisiteRequestHandler | string;
+
+/**
+ * see RoutePrerequisites > objects
+ */
+export interface RoutePrerequisiteObjects {
+    /** the function to call (or short-hand method string as described below [see RoutePrerequisitesArray]). the function signature is identical to a route handler as described in Route handler. */
+    method: RoutePrerequisiteRequestHandler | string;
+    /** key name to assign the result of the function to within request.pre. */
+    assign: string;
+    /*
+     * determines how to handle errors returned by the method. Allowed values are:
+     *  * 'error' - returns the error response back to the client. This is the default value.
+     *  * 'log' - logs the error but continues processing the request. If assign is used, the error will be assigned.
+     *  * 'ignore' - takes no special action. If assign is used, the error will be assigned.
+     */
+    failAction?: 'error' | 'log' | 'ignore';
+}
+
+/**
+ * For context see RouteAdditionalConfigurationOptions > response
+ */
+export interface RouteResponseConfigurationObject {
+    /** the default HTTP status code when the payload is empty. Value can be 200 or 204. Note that a 200 status code is converted to a 204 only at the time or response transmission (the response status code will remain 200 throughout the request lifecycle unless manually set). Defaults to 200. */
+    emptyStatusCode?: number;
+    /**
+     * defines what to do when a response fails payload validation. Options are:
+     *  * 'error' - return an Internal Server Error (500) error response. This is the default value.
+     *  * 'log' - log the error but send the response.
+     *  * a custom error handler function with the signature function(request, reply, source, error) where:
+     *      * 'request' - the request object.
+     *      * 'reply' - the continuation reply interface.
+     *      * 'error' - the error returned from the validation schema.
+     * TODO update type of source once PR to hapi is concluded.
+     */
+    failAction?: 'error' | 'log' | ((request: Request, reply: ReplyWithContinue, source: string, error: Boom.BoomError) => void);
+    /** if true, applies the validation rule changes to the response payload. Defaults to false. */
+    modify?: boolean;
+    /** options to pass to Joi. Useful to set global options such as stripUnknown or abortEarly (the complete list is available [here](https://github.com/hapijs/joi/blob/master/API.md#validatevalue-schema-options-callback) ). Defaults to no options. */
+    options?: JoiValidationOptions;
+    /** if false, payload range support is disabled. Defaults to true. */
+    ranges?: boolean;
+    /** the percent of response payloads validated (0 - 100). Set to 0 to disable all validation. Defaults to 100 (all response payloads). */
+    sample?: number;
+    /** the default response payload validation rules (for all non-error responses) */
+    schema?: RouteResponseConfigurationScheme;
+    /** HTTP status-code-specific payload validation rules. The status key is set to an object where each key is a 3 digit HTTP status code and the value has the same definition as schema. If a response status code is not present in the status object, the schema definition is used, except for errors which are not validated by default. */
+    status?: Dictionary<RouteResponseConfigurationScheme>;
+}
+
+/**
+ * the default response payload validation rules (for all non-error responses) expressed as one of:
+ *  * true - any payload allowed (no validation performed). This is the default.
+ *  * false - no payload allowed.
+ *  * a Joi validation object. This will receive the request's headers, params, query, payload, and auth credentials and isAuthenticated flags as context.
+ *  * a validation function using the signature function(value, options, next) where:
+ *      * value - the object containing the response object.
+ *      * options - the server validation options, merged with an object containing the request's headers, params, payload, and auth credentials object and isAuthenticated flag.
+ *      * next(err) - the callback function called when validation is completed.
+ * TODO check JoiValidationObject is correct for "a Joi validation object"
+ *
+ * For context see RouteAdditionalConfigurationOptions > response > schema
+ * and
+ * For context see RouteAdditionalConfigurationOptions > response > status
+ */
+export type RouteResponseConfigurationScheme = boolean | JoiValidationObject | ValidationFunctionForRouteReponse;
+
+/**
+ * see RouteResponseConfigurationScheme
+ *
+ * TODO check `value: Response` is correct as it says "**the object containing** the response object." not just "the response object".
+ * TODO check `options: JoiValidationOptions` is correct
+ * Also see ValidationFunctionForRouteValidate
+ */
+export interface ValidationFunctionForRouteReponse {
+    (value: Response, options: JoiValidationOptions, next: ContinuationFunction): void;
+}
+
+/**
+ * For context see RouteAdditionalConfigurationOptions > security
+ */
+export interface RouteSecurityConfigurationObject {
+    /** controls the 'Strict-Transport-Security' header. If set to true the header will be set to max-age=15768000, if specified as a number the maxAge parameter will be set to that number. Defaults to true. You may also specify an object with the following fields: */
+    hsts?: boolean | number | {
+        /** the max-age portion of the header, as a number. Default is 15768000. */
+        maxAge?: number;
+        /** a boolean specifying whether to add the includeSubDomains flag to the header. */
+        includeSubdomains?: boolean;
+        /** a boolean specifying whether to add the 'preload' flag (used to submit domains inclusion in Chrome's HTTP Strict Transport Security (HSTS) preload list) to the header. */
+        preload?: boolean;
+    };
+    /** controls the 'X-Frame-Options' header. When set to true the header will be set to DENY, you may also specify a string value of 'deny' or 'sameorigin'. Defaults to true. To use the 'allow-from' rule, you must set this to an object with the following fields: */
+    xframe?: true | 'deny' | 'sameorigin' | {
+        /** may also be 'deny' or 'sameorigin' but set directly as a string for xframe */
+        rule: 'allow-from';
+        /** when rule is 'allow-from' this is used to form the rest of the header, otherwise this field is ignored. If rule is 'allow-from' but source is unset, the rule will be automatically changed to 'sameorigin'. */
+        source: string;
+    };
+    /** boolean that controls the 'X-XSS-PROTECTION' header for IE. Defaults to true which sets the header to equal '1; mode=block'. NOTE: This setting can create a security vulnerability in versions of IE below 8, as well as unpatched versions of IE8. See [here](https://hackademix.net/2009/11/21/ies-xss-filter-creates-xss-vulnerabilities/) and [here](https://technet.microsoft.com/library/security/ms10-002) for more information. If you actively support old versions of IE, it may be wise to explicitly set this flag to false. [Kept typing non optional to force this security related documentation to be read.] */
+    xss: boolean;
+    /** boolean controlling the 'X-Download-Options' header for IE, preventing downloads from executing in your context. Defaults to true setting the header to 'noopen'. */
+    noOpen?: boolean;
+    /** boolean controlling the 'X-Content-Type-Options' header. Defaults to true setting the header to its only and default option, 'nosniff' */
+    noSniff?: boolean;
+}
+
+/**
+ * request input validation rules for various request components. When using a Joi validation object, the values of the other inputs (i.e. headers, query, params, payload, and auth) are made available under the validation context (accessible in rules as Joi.ref('$query.key')). Note that validation is performed in order (i.e. headers, params, query, payload) and if type casting is used (converting a string to number), the value of inputs not yet validated will reflect the raw, unvalidated and unmodified values. If the validation rules for headers, params, query, and payload are defined at both the routes defaults level and an individual route, the individual route settings override the routes defaults (the rules are not merged). The validate object supports:
+ * For context see RouteAdditionalConfigurationOptions > validate
+ * TODO check JoiValidationObject is correct for "a Joi validation object"
+ */
+export interface RouteValidationConfigurationObject {
+    /**
+     * validation rules for incoming request headers (note that all header field names must be in lowercase to match the headers normalized by node). Values allowed:
+     *  * true - any headers allowed (no validation performed). This is the default.
+     *  * false - no headers allowed (this will cause all valid HTTP requests to fail).
+     *  * a Joi validation object.
+     *  * a validation function using the signature function(value, options, next) where:
+     *      * value - the object containing the request headers.
+     *      * options - the server validation options.
+     *      * next(err, value) - the callback function called when validation is completed.
+     */
+    headers?: boolean | JoiValidationObject | ValidationFunctionForRouteValidate;
+    /**
+     * validation rules for incoming request path parameters, after matching the path against the route and extracting any parameters then stored in request.params. Values allowed:
+     * Same as `headers`, see above.
+     */
+    params?: boolean | JoiValidationObject | ValidationFunctionForRouteValidate;
+    /**
+     * validation rules for an incoming request URI query component (the key-value part of the URI between '?' and '#'). The query is parsed into its individual key-value pairs and stored in request.query prior to validation. Values allowed:
+     * Same as `headers`, see above.
+     */
+    query?: boolean | JoiValidationObject | ValidationFunctionForRouteValidate;
+    /**
+     * validation rules for an incoming request payload (request body). Values allowed:
+     * Same as `headers`, see above, with the addition that:
+     *  * a Joi validation object. Note that empty payloads are represented by a null value. If a validation schema is provided and empty payload are supported, it must be explicitly defined by setting the payload value to a joi schema with null allowed (e.g. Joi.object({ /* keys here  * / }).allow(null)).
+     */
+    payload?: boolean | JoiValidationObject | ValidationFunctionForRouteValidate;
+    /** an optional object with error fields copied into every validation error response. */
+    errorFields?: any;
+    /**
+     * determines how to handle invalid requests. Allowed values are:
+     *  * 'error' - return a Bad Request (400) error response. This is the default value.
+     *  * 'log' - log the error but continue processing the request.
+     *  * 'ignore' - take no action.
+     *  * a custom error handler function with the signature function(request, reply, source, error) see RouteFailFunction
+     */
+    failAction?: 'error' | 'log' | 'ignore' | RouteFailFunction;
+    /** options to pass to Joi. Useful to set global options such as stripUnknown or abortEarly (the complete list is [available here](https://github.com/hapijs/joi/blob/master/API.md#validatevalue-schema-options-callback)). Defaults to no options. */
+    options?: JoiValidationOptions;
+}
+
+/**
+ * a validation function using the signature function(value, options, next) where:
+ * For context see RouteAdditionalConfigurationOptions > validate (IRouteValidationConfigurationObject)
+ *
+ * TODO check `value: Response` is correct as it says "**the object containing** the response object." not just "the response object".
+ * TODO check `options: JoiValidationOptions` is correct
+ * TODO type of the returned value?
+ * Also see ValidationFunctionForRouteReponse
+ * @param value - the object containing the request headers.
+ * @param options - the server validation options.
+ * @param next(err, value) - the callback function called when validation is completed.
+ */
+export interface ValidationFunctionForRouteValidate {
+    (value: Response, options: JoiValidationOptions, next: ContinuationValueFunction): void;
+}
+
+/**
+ * a custom error handler function with the signature 'function(request, reply, source, error)`
+ * @param request - the request object.
+ * @param reply - the continuation reply interface.
+ * @param source - the source of the invalid field (e.g. 'headers', 'params', 'query', 'payload').
+ * @param error - the error object prepared for the client response (including the validation function error under error.data).
+ */
+export interface RouteFailFunction {
+    (request: Request, reply: ReplyWithContinue, source: string, error: any): void;
+}
+
+/**
+ * optional cookie settings
+ * [See docs](https://hapijs.com/api/16.1.1#serverstatename-options)
+ * Related to see ConnectionConfigurationServerDefaults
+ */
+export interface ServerStateCookieConfiguationObject {
+    /** time-to-live in milliseconds. Defaults to null (session time-life - cookies are deleted when the browser is closed). */
+    ttl?: number | null;
+    /** sets the 'Secure' flag. Defaults to true. */
+    isSecure?: boolean;
+    /** sets the 'HttpOnly' flag. Defaults to true. */
+    isHttpOnly?: boolean
+    /**
+     * sets the 'SameSite' flag where the value must be one of:
+     *  * false - no flag.
+     *  * 'Strict' - sets the value to 'Strict' (this is the default value).
+     *  * 'Lax' - sets the value to 'Lax'.
+     */
+    isSameSite?: false | 'Strict' | 'Lax';
+    /** the path scope. Defaults to null (no path). */
+    path?: string | null;
+    /** the domain scope. Defaults to null (no domain). */
+    domain?: string | null;
+    /**
+     * if present and the cookie was not received from the client or explicitly set by the route handler, the cookie is automatically added to the response with the provided value. The value can be a function with signature function(request, next) where:
+     *  * request - the request object.
+     *  * next - the continuation function using the function(err, value) signature.
+     */
+    autoValue?(request: Request, next: ContinuationValueFunction): void;
+    /**
+     * encoding performs on the provided value before serialization. Options are:
+     *  * 'none' - no encoding. When used, the cookie value must be a string. This is the default value.
+     *  * 'base64' - string value is encoded using Base64.
+     *  * 'base64json' - object value is JSON-stringified then encoded using Base64.
+     *  * 'form' - object value is encoded using the x-www-form-urlencoded method.
+     *  * 'iron' - Encrypts and sign the value using iron.
+     */
+    encoding?: 'none' | 'base64' | 'base64json' | 'form' | 'iron';
+    /**
+     * an object used to calculate an HMAC for cookie integrity validation. This does not provide privacy, only a mean to verify that the cookie value was generated by the server. Redundant when 'iron' encoding is used. Options are:
+     *  * integrity - algorithm options. Defaults to require('iron').defaults.integrity.
+     *  * password - password used for HMAC key generation (must be at least 32 characters long).
+     */
+    sign?: {
+        integrity?: any;  // TODO make iron definitions and getting typing from iron
+        password: string;
+    };
+    /** password used for 'iron' encoding (must be at least 32 characters long). */
+    password?: string;
+    /** options for 'iron' encoding. Defaults to require('iron').defaults. */
+    iron?: any;  // TODO make iron definitions and getting typing from iron
+    /** if true, errors are ignored and treated as missing cookies. */
+    ignoreErrors?: boolean;
+    /** if true, automatically instruct the client to remove invalid cookies. Defaults to false. */
+    clearInvalid?: boolean;
+    /** if false, allows any cookie value including values in violation of RFC 6265. Defaults to true. */
+    strictHeader?: boolean;
+    /** used by proxy plugins (e.g. h2o2). */
+    passThrough?: any;
+}
+
+/**
+ * [See docs](https://hapijs.com/api/16.1.1#serverconnections)
+ */
+export interface ServerConnection {
+    /** settings - the connection configuration object passed to server.connection() after applying the server defaults. */
+    settings: ServerConnectionOptions;
+    /** server - the connection's Server object. */
+    server: Server;
+    /** type - set to 'tcp' is the connection is listening on a TCP port, otherwise to 'socket'(a UNIX domain socket or a Windows named pipe). */
+    type: 'tcp' | 'socket';
+    /**
+     * registrations
+     * Described [See docs](https://hapijs.com/api/16.1.1#serverregistrations) "When the server contains more than one connection, each server.connections array member provides its own connection.registrations."
+     */
+    registrations: ServerRegisteredPlugins;
+    /** states - TODO contribute docs to hapi if they want, and then update type here */
+    states: any;
+    /** auth - TODO contribute docs to hapi if they want, and then update type here */
+    auth: any;
+    /**
+     * plugins
+     * TODO contribute docs to hapi if they want.  Assuming similar to `registrations`, `listener`, `info`, etc
+     */
+    plugins: PluginsStates;
+    /**
+     * app
+     * TODO contribute docs to hapi if they want.  Assuming similar to `registrations`, `listener`, `info`, etc
+     */
+    app: any;
+    /** Described in server.listener [See docs](https://hapijs.com/api/16.1.1#serverlistener) */
+    listener: ServerListener;
+    /** Described in server.info [See docs](https://hapijs.com/api/16.1.1#serverinfo) */
+    info: ServerConnectionInfo;
+    /** Described in server.inject [See docs](https://hapijs.com/api/16.1.1#serverinjectoptions-callback) */
+    inject(options: string | InjectedRequestOptions, callback: (res: InjectedResponseObject) => void): void;
+    inject(options: string | InjectedRequestOptions, ): Promise<InjectedResponseObject>;
+    /** Described in server.table [See docs](https://hapijs.com/api/16.1.1#servertablehost) */
+    table(host?: string): RoutingTableEntry;
+    /** Described in server.table [See docs](https://hapijs.com/api/16.1.1#serverlookupid) */
+    lookup(id: string): RoutePublicInterface | null;
+    /** Described in server.table [See docs](https://hapijs.com/api/16.1.1#servermatchmethod-path-host) */
+    match(method: HTTP_METHODS, path: string, host?: string): RoutePublicInterface | null;
+}
+
+/**
+ * [See docs](https://hapijs.com/api/16.1.1#serverinfo)
+ */
+export interface ServerConnectionInfo {
+    /** a unique connection identifier (using the format '{hostname}:{pid}:{now base36}'). */
+    id: string;
+    /** the connection creation timestamp. */
+    created: number;
+    /** the connection start timestamp (0 when stopped). */
+    started: number;
+    /**
+     * the connection port based on the following rules:
+     *  * the configured port value before the server has been started.
+     *  * the actual port assigned when no port is configured or set to 0 after the server has been started.
+     * TODO check this type.  What happens when socket is a UNIX domain socket or Windows named pipe?
+     */
+    port: number | string;
+    /** the host name the connection was configured to. Defaults to the operating system hostname when available, otherwise 'localhost'. */
+    host: string;
+    /** the active IP address the connection was bound to after starting. Set to undefined until the server has been started or when using a non TCP port (e.g. UNIX domain socket). */
+    address: undefined | string;
+    /** the protocol used.  'socket' when UNIX domain socket or Windows named pipe. */
+    protocol: 'http' | 'https' | 'socket';
+    /** a string representing the connection (e.g. 'http://example.com:8080' or 'socket:/unix/domain/socket/path'). Contains the uri setting if provided, otherwise constructed from the available settings. If no port is available or set to 0, the uri will not include a port component. */
+    uri: string;
+}
+
+/**
+ * [See docs](https://hapijs.com/api/16.1.1#serverlistener)
+ */
+export type ServerListener = http.Server;
+
+/**
+ * server.realm
+ * The realm object contains server-wide or plugin-specific state that can be shared across various methods. For example, when calling server.bind(), the active realm settings.bind property is set which is then used by routes and extensions added at the same level (server root or plugin). Realms are a limited version of a sandbox where plugins can maintain state used by the framework when adding routes, extensions, and other properties.
+ * [See docs](https://hapijs.com/api/16.1.1#serverrealm)
+ */
+export interface ServerRealm {
+    /** when the server object is provided as an argument to the plugin register() method, modifiers provides the registration preferences passed the server.register() method and includes: */
+    modifiers: {
+        /** routes preferences: */
+        route: {
+            /** the route path prefix used by any calls to server.route() from the server. Note that if a prefix is used and the route path is set to '/', the resulting path will not include the trailing slash. */
+            prefix: string;
+            /** the route virtual host settings used by any calls to server.route() from the server. */
+            vhost: string;
+        }
+    };
+    /** the active plugin name (empty string if at the server root). */
+    plugin: string;
+    /** the plugin options object passed at registration. */
+    pluginOptions: any;  // OptionsPassedToPlugin;
+    /** plugin-specific state to be shared only among activities sharing the same active state. plugins is an object where each key is a plugin name and the value is the plugin state. */
+    plugins: PluginsStates;
+    /** settings overrides (from RouteAdditionalConfigurationOptions) */
+    settings: {
+        files: {
+            relativeTo: string;
+        };
+        bind: any;
+    }
+}
+
+/**
+ * [See docs](https://hapijs.com/api/16.1.1#serverregistrations)
+ */
+export interface ServerRegisteredPlugins {
+    [pluginName: string]: ServerRegisteredPlugin;
+}
+
+/**
+ * [See docs](https://hapijs.com/api/16.1.1#serverregistrations)
+ */
+export interface ServerRegisteredPlugin {
+    /** the plugin version. */
+    version: string;
+    /** the plugin name. */
+    name: string;
+    /**
+     * options used to register the plugin.
+     * TODO update with outcome of: https://github.com/hapijs/hapi/pull/3479
+     */
+    options: any;  // OptionsPassedToPlugin;
+    /** plugin registration attributes. */
+    attributes: PluginAttributes;
+}
+
+interface ServerAuth {
+    /**
+     * server.auth.api
+     * An object where each key is a strategy name and the value is the exposed strategy API. Available on when the authentication scheme exposes an API by returning an api key in the object returned from its implementation function.
+     * When the server contains more than one connection, each server.connections array member provides its own connection.auth.api object.
+     * [See docs](https://hapijs.com/api/16.1.1#serverauthapi)
+     */
+    api: Dictionary<Strategy>;
+    /**
+     * server.auth.default
+     * Sets a default strategy which is applied to every route
+     * The default does not apply when the route config specifies auth as false, or has an authentication strategy configured (contains the strategy or strategies authentication settings). Otherwise, the route authentication config is applied to the defaults.
+     * Note that if the route has authentication config, the default only applies at the time of adding the route, not at runtime. This means that calling default() after adding a route with some authentication config will have no impact on the routes added prior. However, the default will apply to routes added before default() is called if those routes lack any authentication config.
+     * The default auth strategy configuration can be accessed via connection.auth.settings.default. To obtain the active authentication configuration of a route, use connection.auth.lookup(request.route).
+     * [See docs](https://hapijs.com/api/16.1.1#serverauthdefaultoptions)
+     */
+    default(options: string | AuthOptions): void;
+    /**
+     * server.auth.scheme
+     * Registers an authentication scheme
+     * [See docs](https://hapijs.com/api/16.1.1#serverauthschemename-scheme)
+     * @param name the scheme name.
+     * @param scheme the method implementing the scheme with signature function(server, options) see ServerAuthScheme
+     */
+    scheme(name: string, scheme: ServerAuthScheme): void;
+    /**
+     * Registers an authentication strategy
+     * [See docs](https://hapijs.com/api/16.1.1#serverauthstrategyname-scheme-mode-options)
+     * @param name  the strategy name.
+     * @param scheme  the scheme name (must be previously registered using server.auth.scheme()).
+     * @param mode  if set to true (which is the same as 'required') or to a valid authentication mode ('required', 'optional', 'try'), the scheme is automatically assigned as the default strategy for any route without an auth config. Can only be assigned to a single server strategy. Defaults to false (no default settings).
+     * @param options  scheme options based on the scheme requirements.
+     */
+    strategy(name: string, scheme: string, mode?: boolean | 'required' | 'optional' | 'try', options?: any): void;
+    /**
+     * Tests a request against an authentication strategy
+     * Note that the test() method does not take into account the route authentication configuration. It also does not perform payload authentication. It is limited to the basic strategy authentication execution. It does not include verifying scope, entity, or other route properties.
+     * [See docs](https://hapijs.com/api/16.1.1#serverauthteststrategy-request-next)
+     * @param strategy - the strategy name registered with server.auth.strategy().
+     * @param request - the request object.
+     * @param next - the callback function with signature function(err, credentials) where:
+     *      * err - the error if authentication failed.
+     *      * credentials - the authentication credentials object if authentication was successful.
+     */
+    test(strategy: string, request: Request, next: (err: Error | null, credentials: AuthenticatedCredentials) => void): void;
+}
+
+type Strategy = any;
+type SchemeSettings = any;
+
+/**
+ * the method implementing the scheme with signature function(server, options) where:
+ * [See docs](https://hapijs.com/api/16.1.1#serverauthschemename-scheme)
+ * @param server  a reference to the server object the scheme is added to.
+ * @param options  optional scheme settings used to instantiate a strategy.
+ */
+interface ServerAuthScheme {
+    (server: Server, options: SchemeSettings): SchemeMethodResult;
+}
+
+/**
+ * The scheme method must return an object with the following
+ * [See docs](https://hapijs.com/api/16.1.1#serverauthschemename-scheme)
+ */
+export interface SchemeMethodResult {
+    /** optional object which is exposed via the server.auth.api object. */
+    api?: Strategy;
+    /**
+     * required function called on each incoming request configured with the authentication scheme
+     * When the scheme authenticate() method implementation calls reply() with an error condition, the specifics of the error affect whether additional authentication strategies will be attempted (if configured for the route). If the err passed to the reply() method includes a message, no additional strategies will be attempted. If the err does not include a message but does include the scheme name (e.g. Boom.unauthorized(null, 'Custom')), additional strategies will be attempted in the order of preference (defined in the route configuration). If authentication fails the scheme names will be present in the 'WWW-Authenticate' header.
+     * @param request  the request object.
+     * @param reply  the reply interface the authentication method must call when done authenticating the request
+     */
+    authenticate(request: Request, reply: ReplySchemeAuth): void;
+    /**
+     * optional function called to authenticate the request payload
+     * When the scheme payload() method returns an error with a message, it means payload validation failed due to bad payload. If the error has no message but includes a scheme name (e.g. Boom.unauthorized(null, 'Custom')), authentication may still be successful if the route auth.payload configuration is set to 'optional'.
+     * @param request  the request object.
+     * @param reply  is called if authentication failed
+     */
+    payload?(request: Request, reply: ReplySchemeAuthOfPayload): void;
+    /**
+     * optional function called to decorate the response with authentication headers before the response headers or payload is written where:
+     * @param request  the request object.
+     * @param reply  is called if an error occured
+     */
+    response?(request: Request, reply: ReplySchemeAuthDecorateResponse): void;
+    /** an optional object with the following keys: */
+    options?: {
+        /** if true, requires payload validation as part of the scheme and forbids routes from disabling payload auth validation. Defaults to false. */
+        payload?: boolean;
+    };
+}
+
+interface ServerCacheMethod {
+    /**
+     * Provisions a cache segment within the server cache facility
+     * [See docs](https://hapijs.com/api/16.1.1#servercacheoptions)
+     */
+    (options: CatboxServerCacheConfiguration): Catbox.Policy;
+    /**
+     * Provisions a server cache as described in server.cache
+     * If no callback is provided, a Promise object is returned.
+     * Note that if the server has been initialized or started, the cache will be automatically started to match the state of any other provisioned server cache.
+     * [See docs](https://hapijs.com/api/16.1.1#servercacheprovisionoptions-callback)
+     * @param options  same as the server cache configuration options.
+     * @param callback  the callback method when cache provisioning is completed or failed with the signature function(err) where:
+     *      * err - any cache startup error condition.
+     */
+    provision(options: CatboxServerCacheConfiguration): Promise<any>;
+    provision(options: CatboxServerCacheConfiguration, callback: (err?: Error) => void): void;
+}
+
+/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ +                                                                           +
+ +                                                                           +
+ +                                                                           +
+ +                               Request                                     +
+ +                                                                           +
+ +                                                                           +
+ +                                                                           +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
+// TODO: move to separate file http://stackoverflow.com/questions/43276921
+
+/**
+ * Request object
+ * The request object is created internally for each incoming request. It is different from the node.js request object received from the HTTP server callback (which is available in request.raw.req). The request object methods and properties change throughout the request lifecycle.
+ * [See docs](https://hapijs.com/api/16.1.1#request-object)
+ * [See docs](https://hapijs.com/api/16.1.1#request-properties)
+ */
+export class Request extends Podium.Podium {
+    /** application-specific state. Provides a safe place to store application data without potential conflicts with the framework. Should not be used by plugins which should use plugins[name]. */
+    app: any;
+    /** authentication information */
+    auth: {
+        /** true if the request has been successfully authenticated, otherwise false. */
+        isAuthenticated: boolean;
+        /** the credential object received during the authentication process. The presence of an object does not mean successful authentication. */
+        credentials: any;
+        /** an artifact object received from the authentication strategy and used in authentication-related actions. */
+        artifacts: any;
+        /** the route authentication mode. */
+        mode: string;
+        /** the authentication error is failed and mode set to 'try'. */
+        error: Error;
+    };
+    /** the connection the request was received by. */
+    connection: ServerConnection;
+    /**  the node domain object used to protect against exceptions thrown in extensions, handlers and route prerequisites. Can be used to manually bind callback functions otherwise bound to other domains. Set to null when the server useDomains options is false. */
+    domain: domain.Domain | null;
+    /** the raw request headers (references request.raw.headers). */
+    headers: Dictionary<string>;
+    /** a unique request identifier (using the format '{now}:{connection.info.id}:{5 digits counter}').*/
+    id: string;
+    /** request information */
+    info: {
+        /** the request preferred encoding. */
+        acceptEncoding: string;
+        /** if CORS is enabled for the route, contains the following: */
+        cors: {
+            /**
+             * true if the request 'Origin' header matches the configured CORS restrictions. Set to false if no 'Origin' header is found or if it does not match. Note that this is only available after the 'onRequest' extension point as CORS is configured per-route and no routing decisions are made at that point in the request lifecycle.
+             * Note: marking as optional as "... this is only available after ..."
+             */
+            isOriginMatch?: boolean;
+        };
+        /** content of the HTTP 'Host' header (e.g. 'example.com:8080'). */
+        host: string;
+        /** the hostname part of the 'Host' header (e.g. 'example.com'). */
+        hostname: string;
+        /** request reception timestamp. */
+        received: number;
+        /** content of the HTTP 'Referrer' (or 'Referer') header. */
+        referrer: string;
+        /** remote client IP address. */
+        remoteAddress: string;
+        /**
+         * remote client port.
+         * Set to string in casethey're requesting from a UNIX domain socket.
+         * TODO, what type does Hapi return, should this be number | string?
+         */
+        remotePort: string;
+        /** request response timestamp (0 is not responded yet). */
+        responded: number;
+    };
+    /** the request method in lower case (e.g. 'get', 'post'). */
+    method: string;
+    /** the parsed content-type header. Only available when payload parsing enabled and no payload error occurred. */
+    mime: string;
+    /** an object containing the values of params, query, and payload before any validation modifications made. Only set when input validation is performed. */
+    orig: {
+        params: any;
+        query: any;
+        payload: any;
+    };
+    /** an object where each key is a path parameter name with matching value as described in Path parameters [See docs](https://hapijs.com/api/16.1.1#path-parameters). */
+    params: Dictionary<string>;
+    /** an array containing all the path params values in the order they appeared in the path. */
+    paramsArray: string[];
+    /** the request URI's pathname [See docs](https://nodejs.org/api/url.html#url_urlobject_pathname) component. */
+    path: string;
+    /**
+     * the request payload based on the route payload.output and payload.parse settings.
+     * TODO check this typing and add references / links.
+     */
+    payload: stream.Readable | Buffer | any;
+    /** plugin-specific state. Provides a place to store and pass request-level plugin data. The plugins is an object where each key is a plugin name and the value is the state. */
+    plugins: PluginsStates;
+    /** an object where each key is the name assigned by a route prerequisites function. The values are the raw values provided to the continuation function as argument. For the wrapped response object, use responses. */
+    pre: Object;
+    /** the response object when set. The object can be modified but must not be assigned another object. To replace the response with another from within an extension point, use reply(response) to override with a different response. Contains null when no response has been set (e.g. when a request terminates prematurely when the client disconnects). */
+    response: Response | null;
+    /** same as pre but represented as the response object created by the pre method. */
+    preResponses: Object;
+    /**
+     * an object containing the query parameters.
+     * TODO update with outcome of: https://github.com/hapijs/hapi/pull/3479
+     */
+    query: Object;
+    /** an object containing the Node HTTP server objects. **Direct interaction with these raw objects is not recommended.** */
+    raw: {
+        req: http.IncomingMessage; // Or http.ClientRequest http://www.apetuts.com/tutorial/node-js-http-client-request-class/ ?
+        res: http.ServerResponse;
+    };
+    /**
+     * the route public interface.
+     * Optional due to "request.route is not yet populated at this point." [See docs](https://hapijs.com/api/16.1.1#request-lifecycle)
+     */
+    route?: RoutePublicInterface;
+    /** the server object. */
+    server: Server;
+    /** an object containing parsed HTTP state information (cookies) where each key is the cookie name and value is the matching cookie content after processing using any registered cookie definition. */
+    state: Dictionary<any>;
+    /** the parsed request URI */
+    url: url.Url;
+
+    /**
+     * request.setUrl(url, [stripTrailingSlash])
+     * Available only in 'onRequest' extension methods.
+     * Changes the request URI before the router begins processing the request
+     * [See docs](https://hapijs.com/api/16.1.1#requestseturlurl-striptrailingslash)
+     * @param url  the new request URI. If url is a string, it is parsed with node's URL parse() method. url can also be set to an object compatible with node's URL parse() method output.
+     * @param stripTrailingSlash  if true, strip the trailing slash from the path. Defaults to false.
+     */
+    setUrl(url: string | url.Url, stripTrailingSlash?: boolean): void;
+    /**
+     * request.setMethod(method)
+     * Available only in 'onRequest' extension methods.
+     * Changes the request method before the router begins processing the request
+     * [See docs](https://hapijs.com/api/16.1.1#requestsetmethodmethod)
+     * @param method  is the request HTTP method (e.g. 'GET').
+     */
+    setMethod(method: HTTP_METHODS): void;
+    /**
+     * request.generateResponse(source, [options])
+     * Always available.
+     * Returns a response which you can pass into the reply interface where:
+     * [See docs](https://hapijs.com/api/16.1.1#requestgenerateresponsesource-options)
+     * @param source  the object to set as the source of the reply interface.  TODO, submit a PR to clarify this doc, from the source code it's clear that "the object to set" refers to something of type `ReplyValue` i.e. that can be null, string, number, object, Stream, Promise, or Buffer.
+     * @param options  options for the method, optional.  Not documented yet, perhaps not very important.
+     */
+    generateResponse(source?: ReplyValue, options?: {marshal?: any; prepare?: any; close?: any; variety?: any}): Response;
+    /**
+     * request.log(tags, [data, [timestamp]])
+     * Always available.
+     * Logs request-specific events. When called, the server emits a 'request' event which can be used by other listeners or plugins.
+     * Any logs generated by the server internally will be emitted only on the 'request-internal' channel and will include the event.internal flag set to true.
+     * [See docs](https://hapijs.com/api/16.1.1#requestlogtags-data-timestamp)
+     * @param tags  a string or an array of strings (e.g. ['error', 'database', 'read']) used to identify the event. Tags are used instead of log levels and provide a much more expressive mechanism for describing and filtering events.
+     * @param data  an optional message string or object with the application data being logged. If data is a function, the function signature is function() and it called once to generate (return value) the actual data emitted to the listeners.
+     * @param timestamp  an optional timestamp expressed in milliseconds. Defaults to Date.now() (now).
+     */
+    log(tags: string | string[], data?: string | Object | (() => string | Object), timestamp?: number): void;
+    /**
+     * request.getLog([tags], [internal])
+     * Always available.
+     * Returns an array containing the events matching any of the tags specified (logical OR)
+     * Note that this methods requires the route log configuration set to true.
+     * [See docs](https://hapijs.com/api/16.1.1#requestgetlogtags-internal)
+     * @param tags  is a single tag string or array of tag strings. If no tags specified, returns all events.
+     * @param internal  filters the events to only those with a matching event.internal value. If true, only internal logs are included. If false, only user event are included. Defaults to all events (undefined).
+     */
+    getLog(tags?: string | string[], internal?: boolean): string[];
+    getLog(internal?: boolean): string[];
+    /**
+     * request.tail([name])
+     * Available until immediately after the 'response' event is emitted.
+     * Adds a request tail which has to complete before the request lifecycle is complete.
+     * Returns a tail function which must be called when the tail activity is completed.
+     * Tails are actions performed throughout the request lifecycle, but which may end after a response is sent back to the client. For example, a request may trigger a database update which should not delay sending back a response. However, it is still desirable to associate the activity with the request when logging it (or an error associated with it).
+     * When all tails completed, the server emits a 'tail' event.
+     * [See docs](https://hapijs.com/api/16.1.1#requesttailname)
+     * @param name  an optional tail name used for logging purposes.
+     */
+    tail(name?: string): (() => void);
+    /**
+     * The server.decorate('request', ...) method can modify this prototype/interface.
+     * Have disabled these typings as there is a better alternative, see example in: tests/server/decorate.ts
+     * [And discussion here](https://github.com/DefinitelyTyped/DefinitelyTyped/issues/14517#issuecomment-298891630)
+     */
+    // [index: string]: any;
+}
+
+export type HTTP_METHODS_PARTIAL_lowercase = 'get' | 'post' | 'put' | 'patch' | 'delete' | 'options';
+export type HTTP_METHODS_PARTIAL = 'GET' | 'POST' | 'PUT' | 'PATCH' | 'DELETE' | 'OPTIONS' | HTTP_METHODS_PARTIAL_lowercase;
+export type HTTP_METHODS = 'HEAD' | 'head' | HTTP_METHODS_PARTIAL;
+
+/**
+ * Request events
+ * The request object supports the following events:
+ *  * 'peek' - emitted for each chunk of payload data read from the client connection. The event method signature is function(chunk, encoding).
+ *  * 'finish' - emitted when the request payload finished reading. The event method signature is function ().
+ *  * 'disconnect' - emitted when a request errors or aborts unexpectedly.
+ * [See docs](https://hapijs.com/api/16.1.1#request-events)
+ */
+export type RequestEventTypes = 'peek' | 'finish' | 'disconnect';
+
+/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ +                                                                           +
+ +                                                                           +
+ +                                                                           +
+ +                         Handler functions                                 +
+ +                                                                           +
+ +                                                                           +
+ +                                                                           +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
+// TODO: move to separate file http://stackoverflow.com/questions/43276921
+
+/**
+ * Extending RouteConfiguration.handler
+ *
+ * The hapi documentation allows for the RouteConfiguration.handler type to have
+ * `{[pluginName: string]: pluginOptions}`
+ * "handler can be assigned an object with a single key using the name of a registered handler type and value with the options passed to the registered handler"
+ * This can be provided by extending the hapi module definition as follows,
+ * see h2o2 for example:
+ *
+ *      declare module 'hapi' {
+ *        interface RouteHandlerPlugins {
+ *          proxy?: ...
+ */
+export interface RouteHandlerPlugins {
 }
 /**
- *  undocumented.   The connection object constructed after calling server.connection();
- * can be accessed via server.connections; or request.connection;
+ * The route handler function uses the signature function(request, reply) (NOTE: do not use a fat arrow style function for route handlers as they do not allow context binding and will cause problems when used in conjunction with server.bind) where:
+ *  * request - is the incoming request object (this is not the node.js request object).
+ *  * reply - the reply interface the handler must call to set a response and return control back to the framework.
+ * [See docs](https://hapijs.com/api/16.1.1#route-handler)
+ * Same function signature used by request extension point used in server.ext(event), see ServerExtConfigurationObject.method
  */
-export class ServerConnection extends Events.EventEmitter {
-	domain: any;
-	_events: { route: Function, domain: Function, _events: Function, _eventsCount: Function, _maxListeners: Function };
-	_eventsCount: number;
-	settings: IServerConnectionOptions;
-	server: Server;
-	/** ex: "tcp" */
-	type: string;
-	_started: boolean;
-	/** dictionary of sockets */
-	_connections: { [ip_port: string]: any };
-	_onConnection: Function;
-	registrations: any;
-	_extensions: any;
-	_requestCounter: { value: number; min: number; max: number };
-	_load: any;
-	states: {
-		settings: any; cookies: any; names: any[]
-	};
-	auth: { connection: ServerConnection; _schemes: any; _strategies: any; settings: any; api: any; };
-	_router: any;
-	MSPluginsCollection: any;
-	applicationCache: any;
-	addEventListener: any;
-	info: IServerConnectionInfo;
+export interface RouteHandler {
+    (request: Request, reply: ReplyNoContinue): void;
+    // <T>(request: Request, reply: StrictReply<T>): void;
 }
 
-export type RequestExtPoints = "onRequest" | "onPreResponse" | "onPreAuth" | "onPostAuth" | "onPreHandler" | "onPostHandler" | "onPreResponse";
-export type ServerExtPoints = "onPreStart" | "onPostStart" | "onPreStop" | "onPostStop";
+/**
+ * "the function to call, the function signature is identical to a route handler as described in Route handler."
+ * [See docs](https://hapijs.com/api/16.1.1#route-prerequisites) Route prerequisites
+ */
+type RoutePrerequisiteRequestHandler = RouteHandler;
 
-/** Server http://hapijs.com/api#server
- rver object is the main application container. The server manages all incoming connections along with all the facilities provided by the framework. A server can contain more than one connection (e.g. listen to port 80 and 8080).
- Server events
- The server object inherits from Events.EventEmitter and emits the following events:
- 'log' - events logged with server.log() and server events generated internally by the framework.
- 'start' - emitted when the server is started using server.start().
- 'stop' - emitted when the server is stopped using server.stop().
- 'request' - events generated by request.log(). Does not include any internally generated events.
- 'request-internal' - request events generated internally by the framework (multiple events per request).
- 'request-error' - emitted whenever an Internal Server Error (500) error response is sent. Single event per request.
- 'response' - emitted after the response is sent back to the client (or when the client connection closed and no response sent, in which case request.response is null). Single event per request.
- 'tail' - emitted when a request finished processing, including any registered tails. Single event per request.
- Note that the server object should not be used to emit application events as its internal implementation is designed to fan events out to the various plugin selections and not for application events.
- MORE EVENTS HERE: http://hapijs.com/api#server-events*/
-export class Server extends Events.EventEmitter {
-	constructor(options?: IServerOptions);
-
-	/** Provides a safe place to store server-specific run-time application data without potential conflicts with the framework internals. The data can be accessed whenever the server is accessible. Initialized with an empty object.
-	 var Hapi = require('hapi');
-	 server = new Hapi.Server();
-	 server.app.key = 'value';
-	 var handler = function (request, reply) {
-	return reply(request.server.app.key);
-	}; */
-	app: any;
-	/** An array containing the server's connections. When the server object is returned from server.select(), the connections array only includes the connections matching the selection criteria.
-	 var server = new Hapi.Server();
-	 server.connection({ port: 80, labels: 'a' });
-	 server.connection({ port: 8080, labels: 'b' });
-	 // server.connections.length === 2
-	 var a = server.select('a');
-	 // a.connections.length === 1*/
-	connections: ServerConnection[];
-	/** When the server contains exactly one connection, info is an object containing information about the sole connection.
-	 * When the server contains more than one connection, each server.connections array member provides its own connection.info.
-	 var server = new Hapi.Server();
-	 server.connection({ port: 80 });
-	 // server.info.port === 80
-	 server.connection({ port: 8080 });
-	 // server.info === null
-	 // server.connections[1].info.port === 8080
-	 */
-	info: IServerConnectionInfo;
-	/** An object containing the process load metrics (when load.sampleInterval is enabled):
-	 rss - RSS memory usage.
-	 var Hapi = require('hapi');
-	 var server = new Hapi.Server({ load: { sampleInterval: 1000 } });
-	 console.log(server.load.rss);*/
-	load: {
-		/** - event loop delay milliseconds.*/
-		eventLoopDelay: number;
-		/**  - V8 heap usage.*/
-		heapUsed: number;
-	};
-	/** When the server contains exactly one connection, listener is the node HTTP server object of the sole connection.
-	 When the server contains more than one connection, each server.connections array member provides its own connection.listener.
-	 var Hapi = require('hapi');
-	 var SocketIO = require('socket.io');
-	 var server = new Hapi.Server();
-	 server.connection({ port: 80 });
-	 var io = SocketIO.listen(server.listener);
-	 io.sockets.on('connection', function(socket) {
-	socket.emit({ msg: 'welcome' });
-	});*/
-	listener: http.Server;
-
-	/** server.methods
-	 An object providing access to the server methods where each server method name is an object property.
-	 var Hapi = require('hapi');
-	 var server = new Hapi.Server();
-	 server.method('add', function (a, b, next) {
-	return next(null, a + b);
-	});
-	 server.methods.add(1, 2, function (err, result) {
-	// result === 3
-	});*/
-	methods: IDictionary<Function>;
-
-	/** server.mime
-	 Provides access to the server MIME database used for setting content-type information. The object must not be modified directly but only through the mime server setting.
-	 var Hapi = require('hapi');
-	 var options = {
-	mime: {
-	override: {
-	'node/module': {
-	source: 'steve',
-	compressible: false,
-	extensions: ['node', 'module', 'npm'],
-	type: 'node/module'
-	}
-	}
-	}
-	};
-	 var server = new Hapi.Server(options);
-	 // server.mime.path('code.js').type === 'application/javascript'
-	 // server.mime.path('file.npm').type === 'node/module'*/
-	mime: any;
-	/**server.plugins
-	 An object containing the values exposed by each plugin registered where each key is a plugin name and the values are the exposed properties by each plugin using server.expose(). Plugins may set the value of the server.plugins[name] object directly or via the server.expose() method.
-	 exports.register = function (server, options, next) {
-	server.expose('key', 'value');
-	// server.plugins.example.key === 'value'
-	return next();
-	};
-	 exports.register.attributes = {
-	name: 'example'
-	};*/
-	plugins: IDictionary<any>;
-	/** server.realm
-	 The realm object contains server-wide or plugin-specific state that can be shared across various methods. For example, when calling server.bind(), the active realm settings.bind property is set which is then used by routes and extensions added at the same level (server root or plugin). Realms are a limited version of a sandbox where plugins can maintain state used by the framework when adding routes, extensions, and other properties.
-	 modifiers - when the server object is provided as an argument to the plugin register() method, modifiers provides the registration preferences passed the server.register() method and includes:
-	 route - routes preferences:
-	 prefix - the route path prefix used by any calls to server.route() from the server.
-	 vhost - the route virtual host settings used by any calls to server.route() from the server.
-	 plugin - the active plugin name (empty string if at the server root).
-	 plugins - plugin-specific state to be shared only among activities sharing the same active state. plugins is an object where each key is a plugin name and the value is the plugin state.
-	 settings - settings overrides:
-	 files.relativeTo
-	 bind
-	 The server.realm object should be considered read-only and must not be changed directly except for the plugins property can be directly manipulated by the plugins (each setting its own under plugins[name]).
-	 exports.register = function (server, options, next) {
-	console.log(server.realm.modifiers.route.prefix);
-	return next();
-	};*/
-	realm: IServerRealm;
-
-	/** server.root
-	 The root server object containing all the connections and the root server methods (e.g. start(), stop(), connection()).*/
-	root: Server;
-	/** server.settings
-	 The server configuration object after defaults applied.
-	 var Hapi = require('hapi');
-	 var server = new Hapi.Server({
-	app: {
-	key: 'value'
-	}
-	});
-	 // server.settings.app === { key: 'value' }*/
-	settings: IServerOptions;
-
-	/** server.version
-	 The hapi module version number.
-	 var Hapi = require('hapi');
-	 var server = new Hapi.Server();
-	 // server.version === '8.0.0'*/
-	version: string;
-
-	/** server.after(method, [dependencies])
-	 Adds a method to be called after all the plugin dependencies have been registered and before the server starts (only called if the server is started) where:
-	 after - the method with signature function(plugin, next) where:
-	 server - server object the after() method was called on.
-	 next - the callback function the method must call to return control over to the application and complete the registration process. The function signature is function(err) where:
-	 err - internal error which is returned back via the server.start() callback.
-	 dependencies - a string or array of string with the plugin names to call this method after their after() methods. There is no requirement for the other plugins to be registered. Setting dependencies only arranges the after methods in the specified order.
-	 var Hapi = require('hapi');
-	 var server = new Hapi.Server();
-	 server.connection({ port: 80 });
-	 server.after(function () {
-	// Perform some pre-start logic
-	});
-	 server.start(function (err) {
-	// After method already executed
-	});
-	 server.auth.default(options)*/
-	after(method: (plugin: any, next: (err: any) => void) => void, dependencies: string | string[]): void;
-
-	auth: {
-		/** server.auth.api
-		 An object where each key is a strategy name and the value is the exposed strategy API. Available on when the authentication scheme exposes an API by returning an api key in the object returned from its implementation function.
-		 When the server contains more than one connection, each server.connections array member provides its own connection.auth.api object.
-		 const server = new Hapi.Server();
-		 server.connection({ port: 80 });
-		 const scheme = function (server, options) {
-		return {
-		api: {
-		settings: {
-		x: 5
-		}
-		},
-		authenticate: function (request, reply) {
-		const req = request.raw.req;
-		const authorization = req.headers.authorization;
-		if (!authorization) {
-		return reply(Boom.unauthorized(null, 'Custom'));
-		}
-		return reply.continue({ credentials: { user: 'john' } });
-		}
-		};
-		};
-		 server.auth.scheme('custom', scheme);
-		 server.auth.strategy('default', 'custom');
-		 console.log(server.auth.api.default.settings.x);    // 5
-		 */
-		api: {
-			[index: string]: any;
-		}
-		/** server.auth.default(options)
-		 Sets a default strategy which is applied to every route where:
-		 options - a string with the default strategy name or an object with a specified strategy or strategies using the same format as the route auth handler options.
-		 The default does not apply when the route config specifies auth as false, or has an authentication strategy configured. Otherwise, the route authentication config is applied to the defaults. Note that the default only applies at time of route configuration, not at runtime. Calling default() after adding a route will have no impact on routes added prior.
-		 The default auth strategy configuration can be accessed via connection.auth.settings.default.
-		 var server = new Hapi.Server();
-		 server.connection({ port: 80 });
-		 server.auth.scheme('custom', scheme);
-		 server.auth.strategy('default', 'custom');
-		 server.auth.default('default');
-		 server.route({
-		method: 'GET',
-		path: '/',
-		handler: function (request, reply) {
-		return reply(request.auth.credentials.user);
-		}
-		});*/
-		default(options: string): void;
-		default(options: { strategy: string }): void;
-		default(options: { strategies: string[] }): void;
-		/** server.auth.scheme(name, scheme)
-		 Registers an authentication scheme where:
-		 name - the scheme name.
-		 scheme - the method implementing the scheme with signature function(server, options) where:
-		 server - a reference to the server object the scheme is added to.
-		 options - optional scheme settings used to instantiate a strategy.*/
-		scheme(
-			name: string,
-			/**
-			 * When the scheme authenticate() method implementation calls reply() with an error condition, the specifics of the error affect whether additional authentication strategies will be attempted if configured for the route. If the err returned by the reply() method includes a message, no additional strategies will be attempted. If the err does not include a message but does include a scheme name (e.g. Boom.unauthorized(null, 'Custom')), additional strategies will be attempted in order of preference.
-			 * n the scheme payload() method returns an error with a message, it means payload validation failed due to bad payload. If the error has no message but includes a scheme name (e.g. Boom.unauthorized(null, 'Custom')), authentication may still be successful if the route auth.payload configuration is set to 'optional'.
-			 * server = new Hapi.Server();
-			 * server.connection({ port: 80 });
-			 * scheme = function (server, options) {
-			 * urn {
-			 * authenticate: function (request, reply) {
-			 * req = request.raw.req;
-			 * var authorization = req.headers.authorization;
-			 * if (!authorization) {
-			 * return reply(Boom.unauthorized(null, 'Custom'));
-			 * }
-			 * urn reply(null, { credentials: { user: 'john' } });
-			 * }
-			 * };
-			 * };
-			 */
-			scheme: (server: Server, options: any) => IServerAuthScheme): void;
-
-		/**
-		 * server.auth.strategy(name, scheme, [mode], [options])
-		 * Registers an authentication strategy where:
-		 * name - the strategy name.
-		 * scheme - the scheme name (must be previously registered using server.auth.scheme()).
-		 * mode - if true, the scheme is automatically assigned as a required strategy to any route without an auth config. Can only be assigned to a single server strategy. Value must be true (which is the same as 'required') or a valid authentication mode ('required', 'optional', 'try'). Defaults to false.
-		 * options - scheme options based on the scheme requirements.
-		 * var server = new Hapi.Server();
-		 * server.connection({ port: 80 });
-		 * server.auth.scheme('custom', scheme);
-		 * server.auth.strategy('default', 'custom');
-		 * server.route({
-		 * method: 'GET',
-		 * path: '/',
-		 * config: {
-		 * auth: 'default',
-		 * handler: function (request, reply) {
-		 * return reply(request.auth.credentials.user);
-		 * }
-		 * }
-		 * });
-		 */
-		strategy(name: string, scheme: string, mode?: boolean | string, options?: any): void;
-		strategy(name: string, scheme: string, mode?: boolean | string): void;
-		strategy(name: string, scheme: string, options?: any): void;
-
-		/** server.auth.test(strategy, request, next)
-		 Tests a request against an authentication strategy where:
-		 strategy - the strategy name registered with server.auth.strategy().
-		 request - the request object.
-		 next - the callback function with signature function(err, credentials) where:
-		 err - the error if authentication failed.
-		 credentials - the authentication credentials object if authentication was successful.
-		 Note that the test() method does not take into account the route authentication configuration. It also does not perform payload authentication. It is limited to the basic strategy authentication execution. It does not include verifying scope, entity, or other route properties.
-		 var server = new Hapi.Server();
-		 server.connection({ port: 80 });
-		 server.auth.scheme('custom', scheme);
-		 server.auth.strategy('default', 'custom');
-		 server.route({
-		method: 'GET',
-		path: '/',
-		handler: function (request, reply) {
-		request.server.auth.test('default', request, function (err, credentials) {
-		if (err) {
-		return reply({ status: false });
-		}
-		return reply({ status: true, user: credentials.name });
-		});
-		}
-		});*/
-		test(strategy: string, request: Request, next: (err: any, credentials: any) => void): void;
-	};
-
-	/** server.bind(context)
-	 Sets a global context used as the default bind object when adding a route or an extension where:
-	 context - the object used to bind this in handler and extension methods.
-	 When setting context inside a plugin, the context is applied only to methods set up by the plugin. Note that the context applies only to routes and extensions added after it has been set.
-	 var handler = function (request, reply) {
-	return reply(this.message);
-	};
-	 exports.register = function (server, options, next) {
-	var bind = {
-	message: 'hello'
-	};
-	server.bind(bind);
-	server.route({ method: 'GET', path: '/', handler: handler });
-	return next();
-	};*/
-	bind(context: any): void;
-
-	/** server.cache(options)
-	 Provisions a cache segment within the server cache facility where:
-	 options - catbox policy configuration where:
-	 expiresIn - relative expiration expressed in the number of milliseconds since the item was saved in the cache. Cannot be used together with expiresAt.
-	 expiresAt - time of day expressed in 24h notation using the 'HH:MM' format, at which point all cache records expire. Uses local time. Cannot be used together with expiresIn.
-	 generateFunc - a function used to generate a new cache item if one is not found in the cache when calling get(). The method's signature is function(id, next) where: - id - the id string or object provided to the get() method. - next - the method called when the new item is returned with the signature function(err, value, ttl) where: - err - an error condition. - value - the new value generated. - ttl - the cache ttl value in milliseconds. Set to 0 to skip storing in the cache. Defaults to the cache global policy.
-	 staleIn - number of milliseconds to mark an item stored in cache as stale and attempt to regenerate it when generateFunc is provided. Must be less than expiresIn.
-	 staleTimeout - number of milliseconds to wait before checking if an item is stale.
-	 generateTimeout - number of milliseconds to wait before returning a timeout error when the generateFunc function takes too long to return a value. When the value is eventually returned, it is stored in the cache for future requests.
-	 cache - the cache name configured in 'server.cache`. Defaults to the default cache.
-	 segment - string segment name, used to isolate cached items within the cache partition. When called within a plugin, defaults to '!name' where 'name' is the plugin name. Required when called outside of a plugin.
-	 shared - if true, allows multiple cache provisions to share the same segment. Default to false.
-	 var server = new Hapi.Server();
-	 server.connection({ port: 80 });
-	 var cache = server.cache({ segment: 'countries', expiresIn: 60 * 60 * 1000 });
-	 cache.set('norway', { capital: 'oslo' }, null, function (err) {
-	cache.get('norway', function (err, value, cached, log) {
-	// value === { capital: 'oslo' };
-	});
-	});*/
-	cache(options: ICatBoxCachePolicyOptions): void;
-
-	/** server.connection([options])
-	 Adds an incoming server connection
-	 Returns a server object with the new connection selected.
-	 Must be called before any other server method that modifies connections is called for it to apply to the new connection (e.g. server.state()).
-	 Note that the options object is deeply cloned (with the exception of listener which is shallowly copied) and cannot contain any values that are unsafe to perform deep copy on.
-	 var Hapi = require('hapi');
-	 var server = new Hapi.Server();
-	 var web = server.connection({ port: 8000, host: 'example.com', labels: ['web'] });
-	 var admin = server.connection({ port: 8001, host: 'example.com', labels: ['admin'] });
-	 // server.connections.length === 2
-	 // web.connections.length === 1
-	 // admin.connections.length === 1 */
-	connection(options: IServerConnectionOptions): Server;
-
-	/** server.decorate(type, property, method, [options])
-	 Extends various framework interfaces with custom methods where:
-	 type - the interface being decorated. Supported types:
-	 'reply' - adds methods to the reply interface.
-	 'server' - adds methods to the Server object.
-	 property - the object decoration key name.
-	 method - the extension function.
-	 options - if the type is 'request', supports the following optional settings:
-	 'apply' - if true, the method function is invoked using the signature function(request) where request is the current request object and the returned value is assigned as the decoration.
-	 Note that decorations apply to the entire server and all its connections regardless of current selection.
-	 var Hapi = require('hapi');
-	 var server = new Hapi.Server();
-	 server.connection({ port: 80 });
-	 server.decorate('reply', 'success', function () {
-	return this.response({ status: 'ok' });
-	});
-	 server.route({
-	method: 'GET',
-	path: '/',
-	handler: function (request, reply) {
-	return reply.success();
-	}
-	});*/
-	decorate(type: string, property: string, method: Function, options?: { apply: boolean }): void;
-
-	/** server.dependency(dependencies, [after])
-	 Used within a plugin to declares a required dependency on other plugins where:
-	 dependencies - a single string or array of plugin name strings which must be registered in order for this plugin to operate. Plugins listed must be registered before the server is started. Does not provide version dependency which should be implemented using npm peer dependencies.
-	 after - an optional function called after all the specified dependencies have been registered and before the server starts. The function is only called if the server is started. If a circular dependency is detected, an exception is thrown (e.g. two plugins each has an after function to be called after the other). The function signature is function(server, next) where:
-	 server - the server the dependency() method was called on.
-	 next - the callback function the method must call to return control over to the application and complete the registration process. The function signature is function(err) where:
-	 err - internal error condition, which is returned back via the server.start() callback.
-	 exports.register = function (server, options, next) {
-	server.dependency('yar', after);
-	return next();
-	};
-	 var after = function (server, next) {
-	// Additional plugin registration logic
-	return next();
-	};*/
-	dependency(dependencies: string | string[], after?: (server: Server, next: (err: any) => void) => void): void;
-
-	/** server.expose(key, value)
-	 Used within a plugin to expose a property via server.plugins[name] where:
-	 key - the key assigned (server.plugins[name][key]).
-	 value - the value assigned.
-	 exports.register = function (server, options, next) {
-	server.expose('util', function () { console.log('something'); });
-	return next();
-	};*/
-	expose(key: string, value: any): void;
-
-	/** server.expose(obj)
-	 Merges a deep copy of an object into to the existing content of server.plugins[name] where:
-	 obj - the object merged into the exposed properties container.
-	 exports.register = function (server, options, next) {
-	server.expose({ util: function () { console.log('something'); } });
-	return next();
-	};*/
-	expose(obj: any): void;
-
-	/** server.ext(event, method, [options])
-	 Registers an extension function in one of the available extension points where:
-	 event - the event name.
-	 method - a function or an array of functions to be executed at a specified point during request processing. The required extension function signature is function(request, reply) where:
-	 request - the request object. NOTE: Access the Response via request.response
-	 reply - the reply interface which is used to return control back to the framework. To continue normal execution of the request lifecycle, reply.continue() must be called. To abort processing and return a response to the client, call reply(value) where value is an error or any other valid response.
-	 this - the object provided via options.bind or the current active context set with server.bind().
-	 options - an optional object with the following:
-	 before - a string or array of strings of plugin names this method must execute before (on the same event). Otherwise, extension methods are executed in the order added.
-	 after - a string or array of strings of plugin names this method must execute after (on the same event). Otherwise, extension methods are executed in the order added.
-	 bind - a context object passed back to the provided method (via this) when called.
-	 var Hapi = require('hapi');
-	 var server = new Hapi.Server();
-	 server.connection({ port: 80 });
-	 server.ext('onRequest', function (request, reply) {
-	// Change all requests to '/test'
-	request.setUrl('/test');
-	return reply.continue();
-	});
-	 var handler = function (request, reply) {
-	return reply({ status: 'ok' });
-	};
-	 server.route({ method: 'GET', path: '/test', handler: handler });
-	 server.start();
-	 // All requests will get routed to '/test'*/
-	ext(event: RequestExtPoints, method: (request: Request, reply: IReply, bind?: any) => void, options?: { before: string | string[]; after: string | string[]; bind?: any }): void;
-	ext<T>(event: RequestExtPoints, method: (request: Request, reply: IStrictReply<T>, bind?: any) => void, options?: { before: string | string[]; after: string | string[]; bind?: any }): void;
-	ext(event: ServerExtPoints, method: (server: Server, next: (err?: any) => void, bind?: any) => void, options?: { before: string | string[]; after: string | string[]; bind?: any }): void;
-
-	/** server.handler(name, method)
-	 Registers a new handler type to be used in routes where:
-	 name - string name for the handler being registered. Cannot override the built-in handler types (directory, file, proxy, and view) or any previously registered type.
-	 method - the function used to generate the route handler using the signature function(route, options) where:
-	 route - the route public interface object.
-	 options - the configuration object provided in the handler config.
-	 var Hapi = require('hapi');
-	 var server = new Hapi.Server();
-	 server.connection({ host: 'localhost', port: 8000 });
-	 // Defines new handler for routes on this server
-	 server.handler('test', function (route, options) {
-	return function (request, reply) {
-	return reply('new handler: ' + options.msg);
-	}
-	});
-	 server.route({
-	method: 'GET',
-	path: '/',
-	handler: { test: { msg: 'test' } }
-	});
-	 server.start();
-	 The method function can have a defaults object or function property. If the property is set to an object, that object is used as the default route config for routes using this handler. If the property is set to a function, the function uses the signature function(method) and returns the route default configuration.
-	 var Hapi = require('hapi');
-	 var server = new Hapi.Server();
-	 server.connection({ host: 'localhost', port: 8000 });
-	 var handler = function (route, options) {
-	return function (request, reply) {
-	return reply('new handler: ' + options.msg);
-	}
-	};
-	 // Change the default payload processing for this handler
-	 handler.defaults = {
-	payload: {
-	output: 'stream',
-	parse: false
-	}
-	};
-	 server.handler('test', handler);*/
-	handler<THandlerConfig>(name: string, method: (route: IRoute, options: THandlerConfig) => ISessionHandler): void;
-
-	/** server.initialize([callback])
-	 Initializes the server (starts the caches, finalizes plugin registration) but does not start listening
-	 on the connection ports, where:
-	 - `callback` - the callback method when server initialization is completed or failed with the signature
-	 `function(err)` where:
-	 - `err` - any initialization error condition.
-
-	 If no `callback` is provided, a `Promise` object is returned.
-
-	 Note that if the method fails and the callback includes an error, the server is considered to be in
-	 an undefined state and should be shut down. In most cases it would be impossible to fully recover as
-	 the various plugins, caches, and other event listeners will get confused by repeated attempts to
-	 start the server or make assumptions about the healthy state of the environment. It is recommended
-	 to assert that no error has been returned after calling `initialize()` to abort the process when the
-	 server fails to start properly. If you must try to resume after an error, call `server.stop()`
-	 first to reset the server state.
-	 */
-	initialize(callback?: (error: any) => void): Promise<void>;
-
-	/** When the server contains exactly one connection, injects a request into the sole connection simulating an incoming HTTP request without making an actual socket connection.
-	 Injection is useful for testing purposes as well as for invoking routing logic internally without the overhead or limitations of the network stack.
-	 Utilizes the [shot module | https://github.com/hapijs/shot ] for performing injections, with some additional options and response properties
-	 * When the server contains more than one connection, each server.connections array member provides its own connection.inject().
-	 var Hapi = require('hapi');
-	 var server = new Hapi.Server();
-	 server.connection({ port: 80 });
-	 var handler = function (request, reply) {
-	return reply('Success!');
-	};
-	 server.route({ method: 'GET', path: '/', handler: handler });
-	 server.inject('/', function (res) {
-	console.log(res.result);
-	});
-	 */
-	inject: IServerInject;
-
-	/** server.log(tags, [data, [timestamp]])
-	 Logs server events that cannot be associated with a specific request. When called the server emits a 'log' event which can be used by other listeners or plugins to record the information or output to the console. The arguments are:
-	 tags - a string or an array of strings (e.g. ['error', 'database', 'read']) used to identify the event. Tags are used instead of log levels and provide a much more expressive mechanism for describing and filtering events. Any logs generated by the server internally include the 'hapi' tag along with event-specific information.
-	 data - an optional message string or object with the application data being logged.
-	 timestamp - an optional timestamp expressed in milliseconds. Defaults to Date.now() (now).
-	 var Hapi = require('hapi');
-	 var server = new Hapi.Server();
-	 server.connection({ port: 80 });
-	 server.on('log', function (event, tags) {
-	if (tags.error) {
-	console.log(event);
-	}
-	});
-	 server.log(['test', 'error'], 'Test event');*/
-	log(tags: string | string[], data?: string | any, timestamp?: number): void;
-
-	/**server.lookup(id)
-	 When the server contains exactly one connection, looks up a route configuration where:
-	 id - the route identifier as set in the route options.
-	 returns the route public interface object if found, otherwise null.
-	 var server = new Hapi.Server();
-	 server.connection();
-	 server.route({
-	method: 'GET',
-	path: '/',
-	config: {
-	handler: function (request, reply) { return reply(); },
-	id: 'root'
-	}
-	});
-	 var route = server.lookup('root');
-	 When the server contains more than one connection, each server.connections array member provides its own connection.lookup() method.*/
-	lookup(id: string): IRoute;
-
-	/** server.match(method, path, [host])
-	 When the server contains exactly one connection, looks up a route configuration where:
-	 method - the HTTP method (e.g. 'GET', 'POST').
-	 path - the requested path (must begin with '/').
-	 host - optional hostname (to match against routes with vhost).
-	 returns the route public interface object if found, otherwise null.
-	 var server = new Hapi.Server();
-	 server.connection();
-	 server.route({
-	method: 'GET',
-	path: '/',
-	config: {
-	handler: function (request, reply) { return reply(); },
-	id: 'root'
-	}
-	});
-	 var route = server.match('get', '/');
-	 When the server contains more than one connection, each server.connections array member provides its own connection.match() method.*/
-	match(method: string, path: string, host?: string): IRoute;
-
-	/** server.method(name, method, [options])
-	 Registers a server method. Server methods are functions registered with the server and used throughout the application as a common utility. Their advantage is in the ability to configure them to use the built-in cache and share across multiple request handlers without having to create a common module.
-	 Methods are registered via server.method(name, method, [options])
-	 var Hapi = require('hapi');
-	 var server = new Hapi.Server();
-	 server.connection({ port: 80 });
-	 // Simple arguments
-	 var add = function (a, b, next) {
-	return next(null, a + b);
-	};
-	 server.method('sum', add, { cache: { expiresIn: 2000 } });
-	 server.methods.sum(4, 5, function (err, result) {
-	console.log(result);
-	});
-	 // Object argument
-	 var addArray = function (array, next) {
-	var sum = 0;
-	array.forEach(function (item) {
-	sum += item;
-	});
-	return next(null, sum);
-	};
-	 server.method('sumObj', addArray, {
-	cache: { expiresIn: 2000 },
-	generateKey: function (array) {
-	return array.join(',');
-	}
-	});
-	 server.methods.sumObj([5, 6], function (err, result) {
-	console.log(result);
-	});
-	 // Synchronous method with cache
-	 var addSync = function (a, b) {
-	return a + b;
-	};
-	 server.method('sumSync', addSync, { cache: { expiresIn: 2000 }, callback: false });
-	 server.methods.sumSync(4, 5, function (err, result) {
-	console.log(result);
-	}); */
-	method(/**  a unique method name used to invoke the method via server.methods[name]. When configured with caching enabled, server.methods[name].cache.drop(arg1, arg2, ..., argn, callback) can be used to clear the cache for a given key. Supports using nested names such as utils.users.get which will automatically create the missing path under server.methods and can be accessed for the previous example via server.methods.utils.users.get.*/
-		name: string,
-		method: IServerMethod,
-		options?: IServerMethodOptions): void;
-
-	/**server.method(methods)
-	 Registers a server method function as described in server.method() using a configuration object where:
-	 methods - an object or an array of objects where each one contains:
-	 name - the method name.
-	 method - the method function.
-	 options - optional settings.
-	 var add = function (a, b, next) {
-	next(null, a + b);
-	};
-	 server.method({
-	name: 'sum',
-	method: add,
-	options: {
-	cache: {
-	expiresIn: 2000
-	}
-	}
-	});*/
-	method(methods: {
-		name: string; method: IServerMethod; options?: IServerMethodOptions
-	} | Array<{
-		name: string; method: IServerMethod; options?: IServerMethodOptions
-	}>): void;
-
-	/**server.path(relativeTo)
-	 Sets the path prefix used to locate static resources (files and view templates) when relative paths are used where:
-	 relativeTo - the path prefix added to any relative file path starting with '.'.
-	 Note that setting a path within a plugin only applies to resources accessed by plugin methods. If no path is set, the connection files.relativeTo configuration is used. The path only applies to routes added after it has been set.
-	 exports.register = function (server, options, next) {
-	server.path(__dirname + '../static');
-	server.route({ path: '/file', method: 'GET', handler: { file: './test.html' } });
-	next();
-	};*/
-	path(relativeTo: string): void;
-
-	/**
-	 * server.register(plugins, [options], callback)
-	 * Registers a plugin where:
-	 * plugins - an object or array of objects where each one is either:
-	 * a plugin registration function.
-	 * an object with the following:
-	 * register - the plugin registration function.
-	 * options - optional options passed to the registration function when called.
-	 * options - optional registration options (different from the options passed to the registration function):
-	 * select - a string or array of string labels used to pre-select connections for plugin registration.
-	 * routes - modifiers applied to each route added by the plugin:
-	 * prefix - string added as prefix to any route path (must begin with '/'). If a plugin registers a child plugin the prefix is passed on to the child or is added in front of the child-specific prefix.
-	 * vhost - virtual host string (or array of strings) applied to every route. The outer-most vhost overrides the any nested configuration.
-	 * callback - the callback function with signature function(err) where:
-	 * err - an error returned from the registration function. Note that exceptions thrown by the registration function are not handled by the framework.
-	 *
-	 * If no callback is provided, a Promise object is returned.
-	 */
-	register(
-		plugins: any | any[],
-		options: {
-			select?: string | string[];
-			routes: {
-				prefix: string; vhost?: string | string[]
-			};
-		},
-		callback: (err: any) => void): void;
-	register(
-		plugins: any | any[],
-		options: {
-			select?: string | string[];
-			routes: {
-				prefix: string; vhost?: string | string[]
-			};
-		}): Promise<any>;
-
-	register(plugins: any | any[], callback: (err: any) => void): void;
-	register(plugins: any | any[]): Promise<any>;
-
-	/**server.render(template, context, [options], callback)
-	 Utilizes the server views manager to render a template where:
-	 template - the template filename and path, relative to the views manager templates path (path or relativeTo).
-	 context - optional object used by the template to render context-specific result. Defaults to no context ({}).
-	 options - optional object used to override the views manager configuration.
-	 callback - the callback function with signature function (err, rendered, config) where:
-	 err - the rendering error if any.
-	 rendered - the result view string.
-	 config - the configuration used to render the template.
-	 var Hapi = require('hapi');
-	 var server = new Hapi.Server();
-	 server.connection({ port: 80 });
-	 server.views({
-	engines: { html: require('handlebars') },
-	path: __dirname + '/templates'
-	});
-	 var context = {
-	title: 'Views Example',
-	message: 'Hello, World'
-	};
-	 server.render('hello', context, function (err, rendered, config) {
-	console.log(rendered);
-	});*/
-	render(template: string, context: any, options: any, callback: (err: any, rendered: any, config: any) => void): void;
-
-	/** server.route(options)
-	 Adds a connection route where:
-	 options - a route configuration object or an array of configuration objects.
-	 var Hapi = require('hapi');
-	 var server = new Hapi.Server();
-	 server.connection({ port: 80 });
-	 server.route({ method: 'GET', path: '/', handler: function (request, reply) { return reply('ok'); } });
-	 server.route([
-	 { method: 'GET', path: '/1', handler: function (request, reply) { return reply('ok'); } },
-	 { method: 'GET', path: '/2', handler: function (request, reply) { return reply('ok'); } }
-	 ]);*/
-	route(options: IRouteConfiguration): void;
-	route(options: IRouteConfiguration[]): void;
-
-	/**server.select(labels)
-	 Selects a subset of the server's connections where:
-	 labels - a single string or array of strings of labels used as a logical OR statement to select all the connections with matching labels in their configuration.
-	 Returns a server object with connections set to the requested subset. Selecting again on a selection operates as a logic AND statement between the individual selections.
-	 var Hapi = require('hapi');
-	 var server = new Hapi.Server();
-	 server.connection({ port: 80, labels: ['a'] });
-	 server.connection({ port: 8080, labels: ['b'] });
-	 server.connection({ port: 8081, labels: ['c'] });
-	 server.connection({ port: 8082, labels: ['c','d'] });
-	 var a = server.select('a');          // The server with port 80
-	 var ab = server.select(['a','b']);   // A list of servers containing the server with port 80 and the server with port 8080
-	 var c = server.select('c');          // A list of servers containing the server with port 8081 and the server with port 8082 */
-	select(labels: string | string[]): Server | Server[];
-
-	/** server.start([callback])
-	 Starts the server connections by listening for incoming requests on the configured port of each listener (unless the connection was configured with autoListen set to false), where:
-	 callback - optional callback when server startup is completed or failed with the signature function(err) where:
-	 err - any startup error condition.
-	 var Hapi = require('hapi');
-	 var server = new Hapi.Server();
-	 server.connection({ port: 80 });
-	 server.start(function (err) {
-	console.log('Server started at: ' + server.info.uri);
-	});*/
-	start(callback?: (err: any) => void): Promise<void>;
-
-	/** server.state(name, [options])
-	 HTTP state management uses client cookies to persist a state across multiple requests. Registers a cookie definitions
-	 State defaults can be modified via the server connections.routes.state configuration option.
-	 var Hapi = require('hapi');
-	 var server = new Hapi.Server();
-	 server.connection({ port: 80 });
-	 // Set cookie definition
-	 server.state('session', {
-	ttl: 24 * 60 * 60 * 1000,     // One day
-	isSecure: true,
-	path: '/',
-	encoding: 'base64json'
-	});
-	 // Set state in route handler
-	 var handler = function (request, reply) {
-	var session = request.state.session;
-	if (!session) {
-	session = { user: 'joe' };
-	}
-	session.last = Date.now();
-	return reply('Success').state('session', session);
-	};
-	 Registered cookies are automatically parsed when received. Parsing rules depends on the route state.parse configuration. If an incoming registered cookie fails parsing, it is not included in request.state, regardless of the state.failAction setting. When state.failAction is set to 'log' and an invalid cookie value is received, the server will emit a 'request-internal' event. To capture these errors subscribe to the 'request-internal' events and filter on 'error' and 'state' tags:
-	 var Hapi = require('hapi');
-	 var server = new Hapi.Server();
-	 server.connection({ port: 80 });
-	 server.on('request-internal', function (request, event, tags) {
-	if (tags.error && tags.state) {
-	console.error(event);
-	}
-	});    */
-	state(name: string, options?: ICookieSettings): void;
-
-	/** server.stop([options], [callback])
-	 Stops the server's connections by refusing to accept any new connections or requests (existing connections will continue until closed or timeout), where:
-	 options - optional object with:
-	 timeout - overrides the timeout in millisecond before forcefully terminating a connection. Defaults to 5000 (5 seconds).
-	 callback - optional callback method with signature function() which is called once all the connections have ended and it is safe to exit the process.
-	 var Hapi = require('hapi');
-	 var server = new Hapi.Server();
-	 server.connection({ port: 80 });
-	 server.stop({ timeout: 60 * 1000 }, function () {
-	console.log('Server stopped');
-	});*/
-	stop(options?: { timeout: number }, callback?: () => void): Promise<void>;
-
-	/**server.table([host])
-	 Returns a copy of the routing table where:
-	 host - optional host to filter routes matching a specific virtual host. Defaults to all virtual hosts.
-	 The return value is an array where each item is an object containing:
-	 info - the connection.info the connection the table was generated for.
-	 labels - the connection labels.
-	 table - an array of routes where each route contains:
-	 settings - the route config with defaults applied.
-	 method - the HTTP method in lower case.
-	 path - the route path.
-	 Note that if the server has not been started and multiple connections use port 0, the table items will override each other and will produce an incomplete result.
-	 var Hapi = require('hapi');
-	 var server = new Hapi.Server();
-	 server.connection({ port: 80, host: 'example.com' });
-	 server.route({ method: 'GET', path: '/example', handler: function (request, reply) { return reply(); } });
-	 var table = server.table();
-	 When calling connection.table() directly on each connection, the return value is the same as the array table item value of an individual connection:
-	 var Hapi = require('hapi');
-	 var server = new Hapi.Server();
-	 server.connection({ port: 80, host: 'example.com' });
-	 server.route({ method: 'GET', path: '/example', handler: function (request, reply) { return reply(); } });
-	 var table = server.connections[0].table();
-	 //[
-	 //    {
-	//        method: 'get',
-	//        path: '/example',
-	//        settings: { ... }
-	//    }
-	 //]
-	 */
-	table(host?: any): IConnectionTable;
-
-	/**server.views(options)
-	 Initializes the server views manager
-	 var Hapi = require('hapi');
-	 var server = new Hapi.Server();
-	 server.views({
-	engines: {
-	html: require('handlebars'),
-	jade: require('jade')
-	},
-	path: '/static/templates'
-	});
-	 When server.views() is called within a plugin, the views manager is only available to plugins methods.*/
-	views(options: IServerViewsConfiguration): void;
+/**
+ * request extension points: function(request, reply) where
+ * this - the object provided via options.bind or the current active context set with server.bind().
+ * [See docs](https://hapijs.com/api/16.1.1#serverextevents)
+ * @param request  the request object.
+ * @param reply  the reply interface which is used to return control back to the framework. To continue normal execution of the request lifecycle, reply.continue() must be called. If the extension type is 'onPostHandler' or 'onPreResponse', a single argument passed to reply.continue() will override the current set response (including all headers) but will not stop the request lifecycle execution. To abort processing and return a response to the client, call reply(value) where value is an error or any other valid response.
+ */
+export interface ServerExtRequestHandler {
+    (request: Request, reply: ReplyWithContinue): void;
+}
+
+/**
+ * Used by various extensions to handle a request and
+ * synchronously return a result of some form.
+ *
+ * Left in for backwards compatibility of typings but according to the
+ * [DefinitelyTyped Readme under common mistakes](https://github.com/DefinitelyTyped/DefinitelyTyped#common-mistakes)
+ * it talks about not using generic types unless the type was used in typing one
+ * or more of the function arguments. Using it to type the return was suggested
+ * to be the same as a type assertion.
+ */
+export interface RequestHandler<T> {
+    (request: Request): T;
+}
+
+/**
+ * Used by server extension points
+ * err can be BoomError or Error that will be wrapped as a BoomError
+ * For source [See docs](https://github.com/hapijs/hapi/blob/v16.1.1/lib/reply.js#L109-L118)
+ * For source [See docs](https://github.com/hapijs/hapi/blob/v16.1.1/lib/response.js#L60-L65)
+ */
+export interface ContinuationFunction {
+    (err: Boom.BoomError): void;
+}
+/**
+ * For source [See docs](https://github.com/hapijs/hapi/blob/v16.1.1/lib/response.js#L60-L65)
+ * TODO Can value be typed with a useful generic?
+ */
+export interface ContinuationValueFunction {
+    (err: Boom.BoomError, value: any): void;
+}
+
+/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ +                                                                           +
+ +                                                                           +
+ +                                                                           +
+ +                           Reply functions                                 +
+ +                                                                           +
+ +                                                                           +
+ +                                                                           +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
+// TODO: move to separate file http://stackoverflow.com/questions/43276921
+
+/**
+ * Typings listed explicitly here [See docs](https://hapijs.com/api/16.1.1#replyerr-result)
+ * Typings also described in part here [See docs](https://hapijs.com/api/16.1.1#response-object)
+ */
+export type ReplyValue = _ReplyValue | Promise<_ReplyValue>;
+type _ReplyValue = null | undefined | string | number | boolean | Buffer | Error | stream.Stream | Object; //| array;
+
+/**
+ * Reply interface
+ * reply([err], [result])
+ * Concludes the handler activity by setting a response and returning control over to the framework
+ * When reply() is called with an error or result response, that value is used as the response sent to the client. When reply() is called within a prerequisite, the value is saved for future use and is not used as the response. In all other places except for the handler, calling reply() will be considered an error and will abort the request lifecycle, jumping directly to the 'onPreResponse' event.
+ * To return control to the framework within an extension or other places other than the handler, without setting a response, the method reply.continue() must be called. Except when used within an authentication strategy, or in an 'onPostHandler' or 'onPreResponse' extension, the reply.continue() must not be passed any argument or an exception is thrown.
+ * [See docs](https://hapijs.com/api/16.1.1#reply-interface)
+ * [See docs](https://hapijs.com/api/16.1.1#replyerr-result)
+ *
+ * NOTE: modules should extend this interface to expose reply.Nnn methods
+ */
+interface Base_Reply {
+    (err?: ReplyValue): Response;
+    (err: null, result?: ReplyValue): Response;
+    /** the active realm associated with the route. */
+    realm: ServerRealm;
+    /** the request object */
+    request: Request;
+
+    /**
+     * reply.entity(options)
+     * Sets the response 'ETag' and 'Last-Modified' headers and checks for any conditional request headers to decide if the response is going to qualify for an HTTP 304 (Not Modified). If the entity values match the request conditions, reply.entity() returns control back to the framework with a 304 response. Otherwise, it sets the provided entity headers and returns null.
+     * Returns a response object if the reply is unmodified or null if the response has changed. If null is returned, the developer must call reply() to continue execution. If the response is not null, the developer must not call reply().
+     * [See docs](https://hapijs.com/api/16.1.1#replyentityoptions)
+     * @param options  a required configuration object with:
+     *      * etag - the ETag string. Required if modified is not present. Defaults to no header.
+     *      * modified - the Last-Modified header value. Required if etag is not present. Defaults to no header.
+     *      * vary - same as the response.etag() option. Defaults to true.
+     */
+    entity(options: {etag?: string, modified?: string, vary?: boolean}): Response | null;
+    /**
+     * reply.close([options])
+     * Concludes the handler activity by returning control over to the router and informing the router that a response has already been sent back directly via request.raw.res and that no further response action is needed. Supports the following optional options:
+     * The response flow control rules do not apply.
+     * [See docs](https://hapijs.com/api/16.1.1#replycloseoptions)
+     * @param options  options object:
+     *      * end - if false, the router will not call request.raw.res.end()) to ensure the response was ended. Defaults to true.
+     */
+    close(options?: {end?: boolean}): void;
+    /**
+     * reply.redirect(uri)
+     * Redirects the client to the specified uri. Same as calling reply().redirect(uri).
+     * The response flow control rules apply.
+     * Sets an HTTP redirection response (302) and decorates the response with additional methods for
+     * changing to a permanent or non-rewritable redirect is also available see response object redirect for more information.
+     * [See docs](https://hapijs.com/api/16.1.1#replyredirecturi)
+     * @param uri  an absolute or relative URI used to redirect the client to another resource.
+     */
+    redirect(uri: string): ResponseRedirect;
+    /**
+     * reply.response(result)
+     * Shorthand for calling `reply(null, result)`, replies with the response set to `result`.
+     * [See docs](https://hapijs.com/api/16.1.1#replyresponseresult)
+     * TODO likely to change.  Await approval of pull request to Hapi docs.
+     */
+    response(result: ReplyValue): Response;
+    /**
+     * Sets a cookie on the response
+     * [See docs](https://hapijs.com/api/16.1.1#reply)
+     * TODO likely to change.  Await approval of pull request to Hapi docs.
+     */
+    state(name: string, value: any, options?: any): void;
+    /**
+     * Clears a cookie on the response
+     * [See docs](https://hapijs.com/api/16.1.1#reply)
+     * TODO likely to change.  Await approval of pull request to Hapi docs.
+     */
+    unstate(name: string, options?: any): void;
+    /**
+     * The server.decorate('reply', ...) method can modify this prototype/interface.
+     * Have disabled these typings as there is a better alternative, see example in: tests/server/decorate.ts
+     * [And discussion here](https://github.com/DefinitelyTyped/DefinitelyTyped/issues/14517#issuecomment-298891630)
+     */
+    // [index: string]: any;
+}
+/**
+ * reply.continue([result])
+ * Returns control back to the framework without ending the request lifecycle
+ * [See docs](https://hapijs.com/api/16.1.1#replycontinueresult)
+ * [See docs](https://hapijs.com/api/16.1.1#replyerr-result) "With the exception of the handler function, all other methods provide the reply.continue() method which instructs the framework to continue processing the request without setting a response."
+ * @param result  if called in the handler, prerequisites, or extension points other than the 'onPreHandler' and 'onPreResponse', the result argument is not allowed and will throw an exception if present. If called within an authentication strategy, it sets the authenticated credentials. If called by the 'onPreHandler' or 'onPreResponse' extensions, the result argument overrides the current response including all headers, and returns control back to the framework to continue processing any remaining extensions.
+ */
+interface Continue_Reply {
+    continue(result?: ReplyValue): Response | undefined;
+}
+
+/**
+ * [See docs](https://hapijs.com/api/16.1.1#serverauthschemename-scheme) > authenticate.
+ * Also [See docs](https://hapijs.com/api/16.1.1#replyerr-result).
+ * TODO check it has Base_Reply methods and properties
+ */
+export interface ReplySchemeAuth extends Base_Reply {
+    /**
+     * This function is called if authentication failed.
+     * TODO, check type the `response` parameter.  In https://hapijs.com/api/16.1.1#replyerr-result it is referred to as "null" but this seems to be for a third scenario where it is "used to return both an error and credentials in the authentication methods" then "reply() must be called with three arguments function(err, null, data)"
+     * @param err  any authentication error.
+     * @param response  any authentication response action such as redirection. Ignored if err is present, otherwise required.
+     * @param result  an object containing:
+     *      * credentials  the authenticated credentials.
+     *      * artifacts  optional authentication artifacts.
+     */
+    (err: Error | null, response: AnyAuthenticationResponseAction | null, result: AuthenticationResult): void;
+    /**
+     * is called if authentication succeeded
+     * @param result  same object as result above.
+     */
+    continue(result: AuthenticationResult): void;
+}
+/**
+ * Typing as any as it's not yet clear what type this argument takes.
+ * "any authentication response action such as redirection" is it equivalent to
+ * `ReplyValue` ?
+ * [See docs](https://hapijs.com/api/16.1.1#serverauthschemename-scheme)
+ * TODO research hapi source and type this.
+ */
+export type AnyAuthenticationResponseAction = any;
+/** [See docs](https://hapijs.com/api/16.1.1#serverauthschemename-scheme) */
+export interface AuthenticationResult {
+    credentials?: AuthenticatedCredentials;
+    artefacts?: any;
+}
+export interface AuthenticatedCredentials {
+    // Disabled to allow typing within a project
+    // [index: string]: any;
+}
+
+/**
+ * [See docs](https://hapijs.com/api/16.1.1#serverauthschemename-scheme) > payload
+ * TODO check it has Base_Reply methods and properties
+ */
+export interface ReplySchemeAuthOfPayload extends Base_Reply {
+    /**
+     * function called to authenticate the request payload where:
+     * @param err  any authentication error.
+     * @param response  any authentication response action such as redirection. Ignored if err is present, otherwise required.
+     */
+    (err: Error | null, response: AnyAuthenticationResponseAction): void;
+    /** is called if payload authentication succeeded */
+    continue(): void;
+}
+
+/**
+ * [See docs](https://hapijs.com/api/16.1.1#serverauthschemename-scheme) > response
+ * TODO check it has Base_Reply methods and properties
+ */
+export interface ReplySchemeAuthDecorateResponse extends Base_Reply {
+    /**
+     * is called if an error occurred
+     * @param err  any authentication error.
+     * @param response  any authentication response to send instead of the current response. Ignored if err is present, otherwise required.
+     */
+    (err?: Error, response?: ReplyValue): void;
+    /** is called if the operation succeeded. */
+    continue(): void;
+}
+
+export interface ReplyWithContinue extends Continue_Reply, Base_Reply {}
+
+export interface ReplyNoContinue extends Base_Reply {}
+
+// TODO assess use and usefulness of StrictReply
+
+// Concludes the handler activity by setting a response and returning control over to the framework where:
+//  erran optional error response.
+//     result an optional response payload.
+//     Since an request can only have one response regardless if it is an error or success, the reply() method can only result in a single response value. This means that passing both an err and result will only use the err. There is no requirement for either err or result to be (or not) an Error object. The framework will simply use the first argument if present, otherwise the second. The method supports two arguments to be compatible with the common callback pattern of error first.
+//     FLOW CONTROL:
+//     When calling reply(), the framework waits until process.nextTick() to continue processing the request and transmit the response. This enables making changes to the returned response object before the response is sent. This means the framework will resume as soon as the handler method exits. To suspend this behavior, the returned response object supports the following methods: hold(), send()
+/**
+ *
+ */
+// export interface Reply { // extends ReplyMethods {
+//     <T>(err: Error,
+//         result?: string | number | boolean | Buffer | stream.Stream | Promise<T> | T,
+//         /** Note that when used to return both an error and credentials in the authentication methods, reply() must be called with three arguments function(err, null, data) where data is the additional authentication information. */
+//         credentialData?: any): BoomError;
+//     /** Note that if result is a Stream with a statusCode property, that status code will be used as the default response code.  */
+//     <T>(result: string | number | boolean | Buffer | stream.Stream | Promise<T> | T): Response;
+// }
+
+/** Concludes the handler activity by setting a response and returning control over to the framework where:
+ erran optional error response.
+    result an optional response payload.
+    Since an request can only have one response regardless if it is an error or success, the reply() method can only result in a single response value. This means that passing both an err and result will only use the err. There is no requirement for either err or result to be (or not) an Error object. The framework will simply use the first argument if present, otherwise the second. The method supports two arguments to be compatible with the common callback pattern of error first.
+    FLOW CONTROL:
+    When calling reply(), the framework waits until process.nextTick() to continue processing the request and transmit the response. This enables making changes to the returned response object before the response is sent. This means the framework will resume as soon as the handler method exits. To suspend this behavior, the returned response object supports the following methods: hold(), send() */
+// export interface StrictReply<T> extends ReplyMethods {
+//     (err: Error,
+//         result?: Promise<T> | T,
+//         /** Note that when used to return both an error and credentials in the authentication methods, reply() must be called with three arguments function(err, null, data) where data is the additional authentication information. */
+//         credentialData?: any): BoomError;
+//     /** Note that if result is a Stream with a statusCode property, that status code will be used as the default response code.  */
+//     (result: Promise<T> | T): Response;
+// }
+
+/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ +                                                                           +
+ +                                                                           +
+ +                                                                           +
+ +                                 Response                                  +
+ +                                                                           +
+ +                                                                           +
+ +                                                                           +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
+// TODO: move to separate file http://stackoverflow.com/questions/43276921
+
+/**
+ * Response object
+ * [See docs](https://hapijs.com/api/16.1.1#response-object)
+ *
+ * TODO, check extending from Podium.Podium is correct.  Extending because of "The response object supports the following events" [See docs](https://hapijs.com/api/16.1.1#response-events)
+ *  * 'peek' - emitted for each chunk of data written back to the client connection. The event method signature is function(chunk, encoding).
+ *  * 'finish' - emitted when the response finished writing but before the client response connection is ended. The event method signature is function ().
+ */
+export interface Response extends Podium.Podium {
+    /** the HTTP response status code. Defaults to 200 (except for errors). */
+    statusCode: number;
+    /** an object containing the response headers where each key is a header field name. Note that this is an incomplete list of headers to be included with the response. Additional headers will be added once the response is prepared for transmission. */
+    headers: Dictionary<string>;
+    /** the value provided using the reply interface. */
+    source: ReplyValue;
+    /**
+     * a string indicating the type of source with available values:
+     *  * 'plain' - a plain response such as string, number, null, or simple object (e.g. not a Stream, Buffer, or view).
+     *  * 'buffer' - a Buffer.
+     *  * 'stream' - a Stream.
+     *  * 'promise' - a Promise object.
+     */
+    variety: 'plain' | 'buffer' | 'stream' | 'promise';
+    /** application-specific state. Provides a safe place to store application data without potential conflicts with the framework. Should not be used by plugins which should use plugins[name]. */
+    app: any;
+    /** plugin-specific state. Provides a place to store and pass request-level plugin data. The plugins is an object where each key is a plugin name and the value is the state. */
+    plugins: PluginsStates;
+    /** response handling flags: */
+    settings: {
+        /** the 'Content-Type' HTTP header 'charset' property. Defaults to 'utf-8'. */
+        charset: string;
+        /** the string encoding scheme used to serial data into the HTTP payload when source is a string or marshals into a string. Defaults to 'utf8'. */
+        encoding: string;
+        /** if true and source is a Stream, copies the statusCode and headers of the stream to the outbound response. Defaults to true. */
+        passThrough: boolean;
+        /** options used for source value requiring stringification. Defaults to no replacer and no space padding. */
+        stringify: Json.StringifyArguments;
+        /** if set, overrides the route cache expiration milliseconds value set in the route config. Defaults to no override. */
+        ttl: number | null;
+        /** if true, a suffix will be automatically added to the 'ETag' header at transmission time (separated by a '-' character) when the HTTP 'Vary' header is present. */
+        varyEtag: boolean;
+    };
+
+    /**
+     * The following attribute is present in one or more of the examples
+     * TODO update once Hapi docs describes explicitly
+     */
+    isBoom?: boolean;
+    /**
+     * The following attribute is present in one or more of the examples
+     * TODO update once Hapi docs describes explicitly
+     */
+    isMissing?: boolean;
+    /**
+     * The following attribute is present in one or more of the examples
+     * TODO update once Hapi docs describes explicitly
+     */
+    output?: Boom.Output;
+
+    /**
+     * sets the HTTP 'Content-Length' header (to avoid chunked transfer encoding)
+     * @param length  the header value. Must match the actual payload size.
+     */
+    bytes(length: number): Response;
+    /**
+     * sets the 'Content-Type' HTTP header 'charset' property
+     * @param charset  the charset property value.
+     */
+    charset(charset: string): Response;
+    /**
+     * sets the HTTP status code
+     * @param statusCode  the HTTP status code (e.g. 200).
+     */
+    code(statusCode: number): Response;
+    /**
+     * sets the HTTP status message
+     * @param httpMessage  the HTTP status message (e.g. 'Ok' for status code 200).
+     */
+    message(httpMessage: string): Response;
+    /**
+     * sets the HTTP status code to Created (201) and the HTTP 'Location' header
+     * @param uri  an absolute or relative URI used as the 'Location' header value.
+     */
+    created(uri: string): Response;
+    /**
+     * sets the string encoding scheme used to serial data into the HTTP payload
+     * @param encoding  the encoding property value (see node Buffer encoding [See docs](https://nodejs.org/api/buffer.html#buffer_buffers_and_character_encodings)).
+     *  * 'ascii' - for 7-bit ASCII data only. This encoding is fast and will strip the high bit if set.
+     *  * 'utf8' - Multibyte encoded Unicode characters. Many web pages and other document formats use UTF-8.
+     *  * 'utf16le' - 2 or 4 bytes, little-endian encoded Unicode characters. Surrogate pairs (U+10000 to U+10FFFF) are supported.
+     *  * 'ucs2' - Alias of 'utf16le'.
+     *  * 'base64' - Base64 encoding. When creating a Buffer from a string, this encoding will also correctly accept "URL and Filename Safe Alphabet" as specified in RFC4648, Section 5.
+     *  * 'latin1' - A way of encoding the Buffer into a one-byte encoded string (as defined by the IANA in RFC1345, page 63, to be the Latin-1 supplement block and C0/C1 control codes).
+     *  * 'binary' - Alias for 'latin1'.
+     *  * 'hex' - Encode each byte as two hexadecimal characters.
+     */
+    encoding(encoding: 'ascii' | 'utf8' | 'utf16le' | 'ucs2' | 'base64' | 'latin1' | 'binary' | 'hex'): Response;
+    /**
+     * sets the representation entity tag
+     * @param tag  the entity tag string without the double-quote.
+     * @param options  options object
+     *      * weak - if true, the tag will be prefixed with the 'W/' weak signifier. Weak tags will fail to match identical tags for the purpose of determining 304 response status. Defaults to false.
+     *      * vary - if true and content encoding is set or applied to the response (e.g 'gzip' or 'deflate'), the encoding name will be automatically added to the tag at transmission time (separated by a '-' character). Ignored when weak is true. Defaults to true.
+     */
+    etag(tag: string, options?: {weak: boolean, vary: boolean}): Response;
+    /**
+     * sets an HTTP header
+     * @param name  the header name.
+     * @param value  the header value.
+     */
+    header(name: string, value: string, options?: ResponseHeaderOptionsObject): Response;
+    /**
+     * sets the HTTP 'Location' header
+     * @param uri  an absolute or relative URI used as the 'Location' header value.
+     */
+    location(uri: string): Response;
+    /**
+     * sets an HTTP redirection response (302) and decorates the response with additional methods listed below,
+     * @param uri  an absolute or relative URI used to redirect the client to another resource.
+     */
+    redirect(uri: string): Response;
+    /**
+     * sets the JSON.stringify() replacer argument
+     * @param method  the replacer function or array. Defaults to none.
+     */
+    replacer(method: Json.StringifyReplacer): Response;
+    /**
+     * sets the JSON.stringify() space argument
+     * @param count  the number of spaces to indent nested object keys. Defaults to no indentation.
+     */
+    spaces(count: Json.StringifySpace): Response;
+    /**
+     * sets an HTTP cookie
+     * @param name  the cookie name.
+     * @param value  the cookie value. If no encoding is defined, must be a string.
+     * @param options  optional configuration. If the state was previously registered with the server using server.state(), the specified keys in options override those same keys in the server definition (but not others).
+     */
+    state(name: string, value: string | Object | any[], options?: ServerStateCookieConfiguationObject): Response;
+    /**
+     * sets a string suffix when the response is process via JSON.stringify().
+     */
+    suffix(suffix: string): Response;
+    /**
+     * overrides the default route cache expiration rule for this response instance
+     * @param msec  the time-to-live value in milliseconds.
+     */
+    ttl(msec: number): Response;
+    /**
+     * sets the HTTP 'Content-Type' header
+     * @param mimeType  is the mime type. Should only be used to override the built-in default for each response type.
+     */
+    type(mimeType: string): Response;
+    /**
+     * clears the HTTP cookie by setting an expired value
+     * @param name  the cookie name.
+     * @param options  optional configuration for expiring cookie. If the state was previously registered with the server using server.state(), the specified keys in options override those same keys in the server definition (but not others).
+     */
+    unstate(name: string, options?: ServerStateCookieConfiguationObject): Response;
+    /**
+     * adds the provided header to the list of inputs affected the response generation via the HTTP 'Vary' header
+     * @param header  the HTTP request header name.
+     */
+    vary(header: string): Response;
+
+    /**
+     * Flow control - hold()
+     * When calling reply(), the framework waits until process.nextTick() to continue processing the request and transmit the response. This enables making changes to the returned response object before the response is sent. This means the framework will resume as soon as the handler method exits. To suspend this behavior, the returned response object supports the following methods:
+     * puts the response on hold until response.send() is called. Available only after reply() is called and until response.hold() is invoked once.
+     * [See docs](https://hapijs.com/api/16.1.1#flow-control)
+     */
+    hold(): Response;
+    /**
+     * Flow control - send()
+     * When calling reply(), the framework waits until process.nextTick() to continue processing the request and transmit the response. This enables making changes to the returned response object before the response is sent. This means the framework will resume as soon as the handler method exits. To suspend this behavior, the returned response object supports the following methods:
+     * immediately resume the response. Available only after response.hold() is called and until response.send() is invoked once.
+     * [See docs](https://hapijs.com/api/16.1.1#flow-control)
+     */
+    send(): Response;
+
+    /**
+     * Mentioned here: "Note that prerequisites do not follow the same rules of the normal reply interface. In all other cases, calling reply() with or without a value will use the result as the response sent back to the client. In a prerequisite method, calling reply() will assign the returned value to the provided assign key. If the returned value is an error, the failAction setting determines the behavior. To force the return value as the response and skip any other prerequisites and the handler, use the reply().takeover() method."
+     * TODO prepare documentation PR and submit to hapi.
+     * [See docs](https://hapijs.com/api/16.1.1#route-prerequisites)
+     */
+    takeover(): Response;
+}
+
+/**
+ * Response Object Redirect Methods
+ * When using the redirect() method, the response object provides these additional methods:
+ * [See docs](https://hapijs.com/api/16.1.1#response-object-redirect-methods)
+ */
+export interface ResponseRedirect extends Response {
+    /**
+     * temporary
+     * sets the status code to 302 or 307 (based on the rewritable() setting) where:
+     * [See docs](https://hapijs.com/api/16.1.1#response-object-redirect-methods)
+     * @param isTemporary  if false, sets status to permanent. Defaults to true.
+     */
+    temporary(isTemporary: boolean): Response;
+    /**
+     * permanent
+     * sets the status code to 301 or 308 (based on the rewritable() setting) where:
+     * [See docs](https://hapijs.com/api/16.1.1#response-object-redirect-methods)
+     * @param isPermanent  if false, sets status to temporary. Defaults to true.
+     */
+    permanent(isPermanent: boolean): Response;
+    /**
+     * rewritable
+     * sets the status code to 301/302 for rewritable (allows changing the request method from 'POST' to 'GET') or 307/308 for non-rewritable (does not allow changing the request method from 'POST' to 'GET'). Exact code based on the temporary() or permanent() setting. Arguments:
+     * [See docs](https://hapijs.com/api/16.1.1#response-object-redirect-methods)
+     * @param isRewritable  if false, sets to non-rewritable. Defaults to true.
+     */
+    rewritable(isRewritable: boolean): Response;
+}
+
+/**
+ * [See docs](https://hapijs.com/api/16.1.1#response-object) under "response object provides the following methods" > header > options
+ */
+interface ResponseHeaderOptionsObject {
+    /** if true, the value is appended to any existing header value using separator. Defaults to false. */
+    append?: boolean;
+    /** string used as separator when appending to an existing value. Defaults to ','. */
+    separator?: string;
+    /** if false, the header value is not set if an existing value present. Defaults to true. */
+    override?: boolean;
+    /** if false, the header value is not modified if the provided value is already included. Does not apply when append is false or if the name is 'set-cookie'. Defaults to true. */
+    duplicate?: boolean;
+}
+
+/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ +                                                                           +
+ +                                                                           +
+ +                                                                           +
+ +                           Plugins and register                            +
+ +                                                                           +
+ +                                                                           +
+ +                                                                           +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
+// TODO: move to separate file http://stackoverflow.com/questions/43276921
+
+/**
+ * Plugins
+ * Plugins provide a way to organize the application code by splitting the server logic into smaller components. Each plugin can manipulate the server and its connections through the standard server interface, but with the added ability to sandbox certain properties.
+ * [See docs](https://hapijs.com/api/16.1.1#plugins)
+ * @param server  the server object the plugin is being registered to.
+ * @param options  an options object passed to the plugin during registration.
+ * @param next  a callback method the function must call to return control back to the framework to complete the registration process with signature function(err)
+ */
+export interface PluginFunction<OptionsPassedToPlugin> {
+    (server: Server, options: OptionsPassedToPlugin, next: (err?: Error) => void): void;
+    /**
+     * Note attributes is NOT optional but this type is easier to use.
+     */
+    attributes?: PluginAttributes;
+}
+
+/**
+ * see Plugin
+ * [See docs](https://hapijs.com/api/16.1.1#plugins)
+ */
+interface PluginAttributes {
+    /**
+     * required plugin name string. The name is used as a unique key. Published plugins should use the same name as the name field in the 'package.json' file. Names must be unique within each application.
+     * NOTE: marked as optional as `pkg` can be used instead.
+     */
+    name?: string;
+    /** optional plugin version. The version is only used informatively to enable other plugins to find out the versions loaded. The version should be the same as the one specified in the plugin's 'package.json' file. */
+    version?: string;
+    /** Alternatively, the name and version can be included via the pkg attribute containing the 'package.json' file for the module which already has the name and version included */
+    pkg?: any;
+    /** if true, allows the plugin to be registered multiple times with the same server. Defaults to false. */
+    multiple?: boolean;
+    /** optional string or array of string indicating a plugin dependency. Same as setting dependencies via server.dependency(). */
+    dependencies?: string | string[];
+    /** if false, does not allow the plugin to call server APIs that modify the connections such as adding a route or configuring state. This flag allows the plugin to be registered before connections are added and to pass dependency requirements. When set to 'conditional', the mode is based on the presence of selected connections (if the server has connections, it is the same as true, but if no connections are available, it is the same as false). Defaults to true. */
+    connections?: boolean | 'conditional';
+    /** if true, will only register the plugin once per connection (or once per server for a connectionless plugin). If set, overrides the once option passed to server.register(). Defaults to undefined (registration will be based on the server.register() option once). */
+    once?: boolean;
+}
+
+/**
+ * Plugins State
+ * Related [See docs](https://hapijs.com/api/16.1.1#serverplugins)
+ * Related [See docs](https://hapijs.com/api/16.1.1#serverrealm)
+ */
+export interface PluginsStates {
+    [pluginName: string]: any;
+}
+
+/**
+ * once, select, routes - optional plugin-specific registration options as defined see PluginRegistrationOptions
+ * [See docs](https://hapijs.com/api/16.1.1#serverregisterplugins-options-callback)
+ */
+interface PluginRegistrationObject<OptionsPassedToPlugin> extends PluginRegistrationOptions {
+    /** the plugin registration function. */
+    register: PluginFunction<OptionsPassedToPlugin>;
+    /** optional options passed to the registration function when called. */
+    options?: OptionsPassedToPlugin;
+}
+
+/**
+ * registration options (different from the options passed to the registration function):
+ *  * once - if true, the registration is skipped for any connection already registered with. Cannot be used with plugin options. If the plugin does not have a connections attribute set to false and the registration selection is empty, registration will be skipped as no connections are available to register once. Defaults to false.
+ *  * routes - modifiers applied to each route added by the plugin:
+ *      * prefix - string added as prefix to any route path (must begin with '/'). If a plugin registers a child plugin the prefix is passed on to the child or is added in front of the child-specific prefix.
+ *      * vhost - virtual host string (or array of strings) applied to every route. The outer-most vhost overrides the any nested configuration.
+ *  * select - a string or array of string labels used to pre-select connections for plugin registration.
+ * [See docs](https://hapijs.com/api/16.1.1#serverregisterplugins-options-callback)
+ */
+export interface PluginRegistrationOptions {
+    once?: boolean;
+    routes?: {prefix?: string, vhost?: string | string[]};
+    select?: string | string[];
 }
diff --git a/types/hapi/json/index.d.ts b/types/hapi/json/index.d.ts
new file mode 100644
index 0000000000..6febf05c6a
--- /dev/null
+++ b/types/hapi/json/index.d.ts
@@ -0,0 +1,17 @@
+
+/**
+ * @see {@link https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/JSON/stringify#The_replacer_parameter}
+ */
+export type StringifyReplacer = ((key: string, value: any) => any) | (string | number)[] | undefined;
+
+/**
+ * Any value greater than 10 is truncated.
+ */
+export type StringifySpace = number | string;
+
+export interface StringifyArguments {
+    /** the replacer function or array. Defaults to no action. */
+    replacer?: StringifyReplacer;
+    /** number of spaces to indent nested object keys. Defaults to no indentation. */
+    space?: StringifySpace;
+}
diff --git a/types/hapi/json/json-tests.ts b/types/hapi/json/json-tests.ts
new file mode 100644
index 0000000000..cbe9529b83
--- /dev/null
+++ b/types/hapi/json/json-tests.ts
@@ -0,0 +1,8 @@
+import * as JSON from './index';
+
+var a: JSON.StringifyReplacer = function(key, value) {
+    if (key === "do not include") {
+        return undefined;
+    }
+    return value;
+};
diff --git a/types/hapi/mime-db/index.d.ts b/types/hapi/mime-db/index.d.ts
new file mode 100644
index 0000000000..536a4c9e27
--- /dev/null
+++ b/types/hapi/mime-db/index.d.ts
@@ -0,0 +1,23 @@
+// TODO needs tests
+// TODO move to own definition
+// Type definitions for mime-db 1.27
+// Project: https://github.com/jshttp/mime-db
+// Definitions by: AJP <https://github.com/AJamesPhillips>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+// TypeScript Version: 2.2
+
+/**
+ * Data Structure
+ * If unknown, every property could be undefined.
+ * @see {@link https://github.com/jshttp/mime-db#data-structure}
+ */
+export interface DataStructure {
+    /** where the mime type is defined. If not set, it's probably a custom media type. */
+    source?: string;
+    /** known extensions associated with this mime type. */
+    extensions?: string[];
+    /** whether a file of this type can be gzipped. */
+    compressible?: boolean;
+    /** the default charset associated with this type, if any. */
+    charset?: string;
+}
diff --git a/types/hapi/mimos/index.d.ts b/types/hapi/mimos/index.d.ts
new file mode 100644
index 0000000000..386c3db589
--- /dev/null
+++ b/types/hapi/mimos/index.d.ts
@@ -0,0 +1,29 @@
+// TODO needs tests
+// TODO move to own definition
+// Type definitions for mimos 3.0
+// Project: https://github.com/hapijs/mimos
+// Definitions by: AJP <https://github.com/AJamesPhillips>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+// TypeScript Version: 2.2
+
+import {DataStructure as MimeDbDataStructure} from '../mime-db';
+
+/**
+ *
+ * @see {@link https://github.com/hapijs/mimos#new-mimosoptions}
+ */
+export interface MimosOptions {
+    /**
+     * an object hash that is merged into the built in mime information specified here {@link https://github.com/jshttp/mime-db}. Each key value pair represents a single mime object. Each override value should follow this schema:
+     *  * the key is the lower-cased correct mime-type. (Ex. "application/javascript").
+     *  * the value should an object @see MimosOptionsValue
+     */
+    override: {[index: string]: MimosOptionsValue};
+}
+
+export interface MimosOptionsValue extends MimeDbDataStructure {
+    /** specify the type value of result objects, defaults to key. See the example below for more clarification. */
+    type?: string;
+    /** method with signature function(mime) when this mime type is found in the database, this function will run. This allows you make customizations to mime based on developer criteria. */
+    predicate?: (mime: MimosOptionsValue) => MimosOptionsValue;
+}
diff --git a/types/hapi/podium/index.d.ts b/types/hapi/podium/index.d.ts
new file mode 100644
index 0000000000..30df7b2ed9
--- /dev/null
+++ b/types/hapi/podium/index.d.ts
@@ -0,0 +1,182 @@
+// TODO needs tests
+// TODO move to own definition
+// Type definitions for podium 1.0
+// Project: https://github.com/hapijs/podium
+// Definitions by: AJP <https://github.com/AJamesPhillips>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+// TypeScript Version: 2.2
+
+/**
+ * Podium
+ * Node (semi) compatible event emitter with extra features.
+ * podium is an event emitter with support for tags, filters, channels, event update cloning, arguments spreading, and other features useful when building large scale applications. While node's native EventEmitter is strictly focused on maximum performance, it lacks many features that do not belong in the core implementation. podium is not restricted by node's performance requirement as it is designed for application layer needs where it's overhead is largely insignificant as implementing these features will have similar cost on top of the native emitter.
+ * @see {@link https://github.com/hapijs/podium}
+ */
+export class Podium {
+    /**
+     * Creates a new podium emitter
+     * @param events  if present, the value is passed to podium.registerEvent().
+     */
+    constructor(events?: Events[]);
+    constructor(events?: Events);
+
+    /**
+     * podium.registerEvent(events)
+     * Register the specified events and their optional configuration. Events must be registered before they can be emitted or subscribed to. This is done to detect event name mispelling and invalid event activities.
+     * @see {@link https://github.com/hapijs/podium/blob/master/API.md#podiumregistereventevents}
+     */
+    registerEvent(events: Events[]): void;
+    registerEvent(events: Events): void;
+
+    /**
+     * podium.registerPodium(podiums)
+     * Registers another emitter as an event source for the current emitter (any event update emitted by the source emitter is passed to any subscriber of the current emitter)
+     * Note that any events registered with a source emitter are automatically added to the current emitter. If the events are already registered, they are left as-is.
+     * @see {@link https://github.com/hapijs/podium/blob/master/API.md#podiumregisterpodiumpodiums}
+     */
+    registerPodium(podiums: Podium[]): void;
+    registerPodium(podiums: Podium): void;
+
+    /**
+     * podium.emit(criteria, data, [callback])
+     * Emits an event update to all the subscribed listeners
+     * @param criteria  the event update criteria
+     * @param data  the value emitted to the subscribers.
+     * @param callback  an optional callback method invoked when all subscribers have been notified using the signature function()
+     * @see {@link https://github.com/hapijs/podium/blob/master/API.md#podiumemitcriteria-data-callback}
+     */
+    emit(criteria: string | {name: string, channel?: string, tags?: string | string[]}, data: any, callback?: (() => void)): void;
+
+    /**
+     * podium.on(criteria, listener)
+     * Subscribe a handler to an event
+     * @param criteria  the subscription criteria
+     * @param listener  the handler method set to receive event updates. The function signature depends on the block, spread, and tags options.
+     * @see {@link https://github.com/hapijs/podium/blob/master/API.md#podiumoncriteria-listener}
+     */
+    on(criteria: string | Criteria, listener: Listener): void;
+
+    /**
+     * podium.addListener(criteria, listener)
+     * Same as podium.on()
+     * @param criteria  the subscription criteria
+     * @param listener  the handler method set to receive event updates. The function signature depends on the block, spread, and tags options.
+     * @see {@link https://github.com/hapijs/podium/blob/master/API.md#podiumoncriteria-listener}
+     */
+    addListener(criteria: string | Criteria, listener: Listener): void;
+
+    /**
+     * podium.once(criteria, listener)
+     * Same as podium.on() with the count option set to 1.
+     * @param criteria  the subscription criteria
+     * @param listener  the handler method set to receive event updates. The function signature depends on the block, spread, and tags options.
+     * @see {@link https://github.com/hapijs/podium/blob/master/API.md#podiumoncriteria-listener}
+     */
+    once(criteria: string | Criteria, listener: Listener): void;
+
+    /**
+     * podium.removeListener(name, listener)
+     * Removes all listeners subscribed to a given event name matching the provided listener method where:
+     * @param name  the event name string.
+     * @param listener  the function reference provided when subscribed.
+     * Returns a reference to the current emitter.
+     * @see {@link https://github.com/hapijs/podium/blob/master/API.md#podiumremovelistenername-listener}
+     */
+    removeListener(name: string, listener: Listener): Podium;
+
+    /**
+     * podium.removeAllListeners(name)
+     * Removes all listeners subscribed to a given event name
+     * @param name  the event name string.
+     * Returns a reference to the current emitter.
+     * @see {@link https://github.com/hapijs/podium/blob/master/API.md#podiumremovealllistenersname}
+     */
+    removeAllListeners(name: string): Podium;
+
+    /**
+     * podium.hasListeners(name)
+     * Returns whether an event has any listeners subscribed
+     * @param name  the event name string.
+     * Returns true if the event name has any listeners, otherwise false.
+     * @see {@link https://github.com/hapijs/podium/blob/master/API.md#podiumhaslistenersname}
+     */
+    hasListeners(name: string): boolean;
+}
+
+/**
+ * @see {@link https://github.com/hapijs/podium/blob/master/API.md#podiumregistereventevents}
+ */
+export type Events = string | EventOptionsObject | Podium;
+
+/**
+ * @see {@link https://github.com/hapijs/podium/blob/master/API.md#podiumregistereventevents}
+ */
+export interface EventOptionsObject {
+    /** the event name string (required). */
+    name: string;
+    /** a string or array of strings specifying the event channels available. Defaults to no channel restrictions (event updates can specify a channel or not). */
+    channels?: string | string[];
+    /** if true, the data object passed to podium.emit() is cloned before it is passed to the listeners (unless an override specified by each listener). Defaults to false (data is passed as-is). */
+    clone?: boolean;
+    /** if true, the data object passed to podium.emit() must be an array and the listener method is called with each array element passed as a separate argument (unless an override specified by each listener). This should only be used when the emitted data structure is known and predictable. Defaults to false (data is emitted as a single argument regardless of its type). */
+    spread?: boolean;
+    /** if true and the criteria object passed to podium.emit() includes tags, the tags are mapped to an object (where each tag string is the key and the value is true) which is appended to the arguments list at the end (but before the callback argument if block is set). A configuration override can be set by each listener. Defaults to false. */
+    tags?: boolean;
+    /** if true, the same event name can be registered multiple times where the second registration is ignored. Note that if the registration config is changed between registrations, only the first configuration is used. Defaults to false (a duplicate registration will throw an error). */
+    shared?: boolean;
+}
+
+/**
+ * @see {@link https://github.com/hapijs/podium/blob/master/API.md#podiumoncriteria-listener}
+ * @see {@link https://github.com/hapijs/podium/blob/master/API.md#podiumaddlistenercriteria-listener}
+ * @see {@link https://github.com/hapijs/podium/blob/master/API.md#podiumoncecriteria-listener}
+ */
+export interface CriteriaObject {
+    /** the event name string (required). */
+    name: string;
+    /** if true, the listener method receives an additional callback argument which must be called when the method completes. No other event will be emitted until the callback methods is called. The method signature is function(). If block is set to a positive integer, the value is used to set a timeout after which any pending events will be emitted, ignoring the eventual call to callback. Defaults to false (non blocking). */
+    block?: boolean | number;
+    /** a string or array of strings specifying the event channels to subscribe to. If the event registration specified a list of allowed channels, the channels array must match the allowed channels. If channels are specified, event updates without any channel designation will not be included in the subscription. Defaults to no channels filter. */
+    channels?: string | string[];
+    /** if true, the data object passed to podium.emit() is cloned before it is passed to the listener method. Defaults to the event registration option (which defaults to false). */
+    clone?: boolean;
+    /** a positive integer indicating the number of times the listener can be called after which the subscription is automatically removed. A count of 1 is the same as calling podium.once(). Defaults to no limit. */
+    count?: number;
+    /**
+     * the event tags (if present) to subscribe to which can be one of:
+     *  * a tag string.
+     *  * an array of tag strings.
+     *  * an object with the following:
+     */
+    filter?: string | string[] | CriteriaFilterOptionsObject;
+    /** if true, and the data object passed to podium.emit() is an array, the listener method is called with each array element passed as a separate argument. This should only be used when the emitted data structure is known and predictable. Defaults to the event registration option (which defaults to false). */
+    spread?: boolean;
+    /** if true and the criteria object passed to podium.emit() includes tags, the tags are mapped to an object (where each tag string is the key and the value is true) which is appended to the arguments list at the end (but before the callback argument if block is set). Defaults to the event registration option (which defaults to false). */
+    tags?: boolean;
+    /** the handler method set to receive event updates. The function signature depends on the block, spread, and tags options. */
+    listener?: Listener;
+}
+
+/**
+ * @see {@link https://github.com/hapijs/podium/blob/master/API.md#podiumoncriteria-listener}
+ */
+interface CriteriaFilterOptionsObject {
+    /** a tag string or array of tag strings. */
+    tags?: string | string[];
+    /** if true, all tags must be present for the event update to match the subscription. Defaults to false (at least one matching tag). */
+    all?: boolean;
+}
+
+/**
+ * @see {@link https://github.com/hapijs/podium/blob/master/API.md#podiumoncriteria-listener}
+ */
+export type Criteria = string | CriteriaObject;
+
+/**
+ * @see {@link https://github.com/hapijs/podium/blob/master/API.md#podiumoncriteria-listener}
+ */
+export interface Listener {
+  (data: any, tags?: Tags, callback?: () => void): void;
+}
+
+export type Tags = {[tag: string]: boolean};
diff --git a/types/hapi/shot/index.d.ts b/types/hapi/shot/index.d.ts
new file mode 100644
index 0000000000..8bace851f1
--- /dev/null
+++ b/types/hapi/shot/index.d.ts
@@ -0,0 +1,109 @@
+// TODO needs tests
+// TODO move to own definition
+// Type definitions for shot 3.4
+// Project: https://github.com/hapijs/shot
+// Definitions by: AJP <https://github.com/AJamesPhillips>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+// TypeScript Version: 2.2
+
+import * as Http from 'http';
+import * as Stream from 'stream';
+
+export interface Shot {
+    /**
+     * Injects a fake request into an HTTP server.
+     * @param dispatchFunc  listener function. The same as you would pass to Http.createServer when making a node HTTP server. @see IListener
+     * @param options  request options object @see RequestOptions
+     * @param callback  the callback function @see Callback
+     * @see {@link https://github.com/hapijs/shot/blob/master/API.md#shotinjectdispatchfunc-options-callback}
+     */
+    inject(dispatchFunc: Listener, options: RequestOptions, callback: (res: ResponseObject) => void): void;
+
+    /**
+     * Checks if given object obj is a Shot Request object.
+     * @see {@link https://github.com/hapijs/shot/blob/master/API.md#shotisinjectionobj}
+     */
+    isInjection(obj: any): boolean;
+}
+
+/**
+ * listener function. The same as you would pass to Http.createServer when making a node HTTP server. Has the signature function (req, res) where:
+ *    * req - a simulated request object. Inherits from Stream.Readable.
+ *    * res - a simulated response object. Inherits from node's Http.ServerResponse.
+ * @see {@link https://github.com/hapijs/shot/blob/master/API.md#shotinjectdispatchfunc-options-callback}
+ */
+export interface Listener {
+    (req: SimulatedRequestObject, res: SimulatedResponseObject): void;
+}
+
+/**
+ * a simulated request object. Inherits from Stream.Readable.
+ * @see {@link https://github.com/hapijs/shot/blob/master/API.md#shotinjectdispatchfunc-options-callback}
+ */
+interface SimulatedRequestObject extends Stream.Readable {}
+
+/**
+ * a simulated response object. Inherits from node's Http.ServerResponse.
+ * @see {@link https://github.com/hapijs/shot/blob/master/API.md#shotinjectdispatchfunc-options-callback}
+ */
+interface SimulatedResponseObject extends Http.ServerResponse {}
+
+/**
+ * @see {@link https://github.com/hapijs/shot/blob/master/API.md#shotinjectdispatchfunc-options-callback}
+ */
+export interface RequestOptions {
+    /** a string specifying the request URL. */
+    url: string;
+    /** a string specifying the HTTP request method, defaulting to 'GET'. */
+    method?: string;
+    /** a string specifying the HTTP HOST header value to be used if no header is provided, and the url does not include an authority component. Defaults to 'localhost'. */
+    authority?: string;
+    /** an optional object containing request headers. */
+    headers?: Headers;
+    /** an optional string specifying the client remote address. Defaults to '127.0.0.1'. */
+    remoteAddress?: string;
+    /** an optional request payload. Can be a string, Buffer, Stream or object. */
+    payload?: string | Buffer | Stream.Stream | {[key: string]: any};
+    /** an object containing flags to simulate various conditions: */
+    simulate?: {
+        /** indicates whether the request will fire an end event. Defaults to undefined, meaning an end event will fire. */
+        end?: boolean;
+        /** indicates whether the request payload will be split into chunks. Defaults to `undefined`, meaning payload will not be chunked. */
+        split?: boolean;
+        /** whether the request will emit an error event. Defaults to undefined, meaning no error event will be emitted. If set to true, the emitted error will have a message of 'Simulated'. */
+        error?: boolean;
+        /** whether the request will emit a close event. Defaults to undefined, meaning no close event will be emitted. */
+        close?: boolean;
+    }
+    /** Optional flag to validate this options object. Defaults to true. */
+    validate?: boolean;
+}
+
+interface Headers {
+    [header: string]: string;
+}
+
+/**
+ * @see {@link https://github.com/hapijs/shot/blob/master/API.md#shotinjectdispatchfunc-options-callback}
+ */
+export interface ResponseObject {
+    /** an object containing the raw request and response objects where: */
+    raw: {
+        /** the simulated request object. */
+        req: SimulatedRequestObject;
+        /** the simulated response object. */
+        res: SimulatedResponseObject;
+    };
+    /** an object containing the response headers. */
+    headers: Headers;
+    /** the HTTP status code. */
+    statusCode: number;
+    /** the HTTP status message. */
+    statusMessage: string;
+    /** the payload as a UTF-8 encoded string. */
+    payload: string;
+    /** the raw payload as a Buffer. */
+    rawPayload: Buffer;
+    /** an object containing the response trailers. */
+    trailers: {[index: string]: any};
+}
diff --git a/types/hapi/tests/connection/table.ts b/types/hapi/tests/connection/table.ts
new file mode 100644
index 0000000000..dee4741b07
--- /dev/null
+++ b/types/hapi/tests/connection/table.ts
@@ -0,0 +1,20 @@
+
+// From https://hapijs.com/api/16.1.1#servertablehost
+
+import * as Hapi from 'hapi';
+const server = new Hapi.Server();
+server.connection({ port: 80, host: 'example.com' });
+server.route({ method: 'GET', path: '/example', handler: function (request, reply) { return reply(); } });
+
+const connection = server.connections[0];
+const table = connection.table();
+
+/*
+    [
+        {
+            method: 'get',
+            path: '/example',
+            settings: { ... }
+        }
+    ]
+*/
diff --git a/types/hapi/tests/getting-started/01-creating-a-server.ts b/types/hapi/tests/getting-started/01-creating-a-server.ts
new file mode 100644
index 0000000000..ce159b39a4
--- /dev/null
+++ b/types/hapi/tests/getting-started/01-creating-a-server.ts
@@ -0,0 +1,15 @@
+'use strict';
+
+import * as Hapi from 'hapi';
+
+const server = new Hapi.Server();
+server.connection({ port: 3000, host: 'localhost' });
+
+// TODO check error can be of type string
+server.start((err) => {
+
+    if (err) {
+        throw err;
+    }
+    console.log(`Server running at: ${server.info!.uri}`);
+});
diff --git a/types/hapi/tests/getting-started/02-adding-routes.ts b/types/hapi/tests/getting-started/02-adding-routes.ts
new file mode 100644
index 0000000000..d52916fdf9
--- /dev/null
+++ b/types/hapi/tests/getting-started/02-adding-routes.ts
@@ -0,0 +1,30 @@
+'use strict';
+
+import * as Hapi from 'hapi';
+
+const server = new Hapi.Server();
+server.connection({ port: 3000, host: 'localhost' });
+
+server.route({
+    method: 'GET',
+    path: '/',
+    handler: function (request, reply) {
+        reply('Hello, world!');
+    }
+});
+
+server.route({
+    method: 'GET',
+    path: '/{name}',
+    handler: function (request, reply) {
+        reply('Hello, ' + encodeURIComponent(request.params.name) + '!');
+    }
+});
+
+server.start((err) => {
+
+    if (err) {
+        throw err;
+    }
+    console.log(`Server running at: ${server.info!.uri}`);
+});
diff --git a/types/hapi/tests/getting-started/03-serving-static-content.ts b/types/hapi/tests/getting-started/03-serving-static-content.ts
new file mode 100644
index 0000000000..4990c3aa40
--- /dev/null
+++ b/types/hapi/tests/getting-started/03-serving-static-content.ts
@@ -0,0 +1,22 @@
+'use strict';
+
+import * as Hapi from 'hapi';
+import Inert from 'inert';
+
+const server = new Hapi.Server();
+server.connection({ port: 3000, host: 'localhost' });
+
+server.register(Inert, (err) => {
+
+    if (err) {
+        throw err;
+    }
+
+    server.route({
+        method: 'GET',
+        path: '/hello',
+        handler: function (request, reply) {
+            reply.file('./public/hello.html');
+        }
+    });
+});
diff --git a/types/hapi/tests/getting-started/04-using-plugins.ts b/types/hapi/tests/getting-started/04-using-plugins.ts
new file mode 100644
index 0000000000..8260b1a4ab
--- /dev/null
+++ b/types/hapi/tests/getting-started/04-using-plugins.ts
@@ -0,0 +1,54 @@
+'use strict';
+
+import * as Hapi from 'hapi';
+const Good = require('good');
+
+const server = new Hapi.Server();
+server.connection({ port: 3000, host: 'localhost' });
+
+server.route({
+    method: 'GET',
+    path: '/',
+    handler: function (request, reply) {
+        reply('Hello, world!');
+    }
+});
+
+server.route({
+    method: 'GET',
+    path: '/{name}',
+    handler: function (request, reply) {
+        reply('Hello, ' + encodeURIComponent(request.params.name) + '!');
+    }
+});
+
+server.register({
+    register: Good,
+    options: {
+        reporters: {
+            console: [{
+                module: 'good-squeeze',
+                name: 'Squeeze',
+                args: [{
+                    response: '*',
+                    log: '*'
+                }]
+            }, {
+                module: 'good-console'
+            }, 'stdout']
+        }
+    }
+}, (err) => {
+
+    if (err) {
+        throw err; // something bad happened loading the plugin
+    }
+
+    server.start((err) => {
+
+        if (err) {
+            throw err;
+        }
+        server.log('info', 'Server running at: ' + server.info!.uri);
+    });
+});
diff --git a/types/hapi/tests/path/catch-all.ts b/types/hapi/tests/path/catch-all.ts
new file mode 100644
index 0000000000..c9002392b1
--- /dev/null
+++ b/types/hapi/tests/path/catch-all.ts
@@ -0,0 +1,15 @@
+
+// From https://hapijs.com/api/16.1.1#catch-all-route
+
+import * as Hapi from 'hapi';
+const server = new Hapi.Server();
+server.connection({ port: 80 });
+
+server.route({
+    method: '*',
+    path: '/{p*}',
+    handler: function (request, reply) {
+
+        return reply('The page was not found').code(404);
+    }
+});
diff --git a/types/hapi/tests/path/parameters.ts b/types/hapi/tests/path/parameters.ts
new file mode 100644
index 0000000000..62bbfcc638
--- /dev/null
+++ b/types/hapi/tests/path/parameters.ts
@@ -0,0 +1,33 @@
+
+// From https://hapijs.com/api/16.1.1#path-parameters
+
+import * as Hapi from 'hapi';
+const server = new Hapi.Server();
+server.connection({ port: 80 });
+
+const getAlbum: Hapi.RouteHandler = function (request, reply) {
+
+    return reply('You asked for ' +
+        (request.params.song ? request.params.song + ' from ' : '') +
+        request.params.album);
+};
+
+server.route({
+    path: '/{album}/{song?}',
+    method: 'GET',
+    handler: getAlbum
+});
+
+// Example 2
+
+const getPerson: Hapi.RouteHandler = function (request, reply) {
+
+    const nameParts = request.params.name.split('/');
+    return reply({ first: nameParts[0], last: nameParts[1] });
+};
+
+server.route({
+    path: '/person/{name*2}',   // Matches '/person/john/doe'
+    method: 'GET',
+    handler: getPerson
+});
diff --git a/types/hapi/tests/plugins/options.ts b/types/hapi/tests/plugins/options.ts
new file mode 100644
index 0000000000..cd192f1996
--- /dev/null
+++ b/types/hapi/tests/plugins/options.ts
@@ -0,0 +1,36 @@
+
+// From https://hapijs.com/api/16.1.1#serverinfo
+
+import * as Hapi from 'hapi';
+
+// added in addition to code from docs
+interface PluginOptions {
+    quantity: number;
+}
+
+// modified from docs
+var registerFunction: Hapi.PluginFunction<PluginOptions> = function(server, options, next) {
+
+    server.route({
+        method: 'GET',
+        path: '/test',
+        handler: function (request, reply) {
+
+            // modified from docs
+            return reply(`ok ${options.quantity}`);
+        }
+    });
+
+    return next();
+};
+
+var attributes: Hapi.PluginAttributes = {
+    name: 'test',
+    version: '1.0.0'
+};
+
+var attributes: Hapi.PluginAttributes = {
+    pkg: {} // require('./package.json'),
+};
+
+registerFunction.attributes = attributes;
diff --git a/types/hapi/tests/reply/continue.ts b/types/hapi/tests/reply/continue.ts
new file mode 100644
index 0000000000..de6994fbd0
--- /dev/null
+++ b/types/hapi/tests/reply/continue.ts
@@ -0,0 +1,15 @@
+
+// From https://hapijs.com/api/16.1.1#replycontinueresult
+
+import * as Hapi from 'hapi';
+const server = new Hapi.Server();
+server.connection({ port: 80 });
+
+const onRequest: Hapi.ServerExtRequestHandler = function (request, reply) {
+
+    // Change all requests to '/test'
+    request.setUrl('/test');
+    return reply.continue();
+};
+
+server.ext('onRequest', onRequest);
diff --git a/types/hapi/tests/reply/entity.ts b/types/hapi/tests/reply/entity.ts
new file mode 100644
index 0000000000..cfcce6de25
--- /dev/null
+++ b/types/hapi/tests/reply/entity.ts
@@ -0,0 +1,24 @@
+
+// From https://hapijs.com/api/16.1.1#replyentityoptions
+
+import * as Hapi from 'hapi';
+const server = new Hapi.Server();
+server.connection({ port: 80 });
+
+server.route({
+    method: 'GET',
+    path: '/',
+    config: {
+        cache: { expiresIn: 5000 },
+        handler: function (request, reply) {
+
+            const response = reply.entity({ etag: 'abc' });
+            if (response) {
+                response.header('X', 'y');
+                return;
+            }
+
+            return reply('ok');
+        }
+    }
+});
diff --git a/types/hapi/tests/reply/redirect.ts b/types/hapi/tests/reply/redirect.ts
new file mode 100644
index 0000000000..5baf892ac1
--- /dev/null
+++ b/types/hapi/tests/reply/redirect.ts
@@ -0,0 +1,8 @@
+
+// From https://hapijs.com/api/16.1.1#replyredirecturi
+
+import * as Hapi from 'hapi';
+const handler: Hapi.RouteHandler = function (request, reply) {
+
+    return reply.redirect('http://example.com');
+};
diff --git a/types/hapi/tests/reply/reply.ts b/types/hapi/tests/reply/reply.ts
new file mode 100644
index 0000000000..31f3bff9b4
--- /dev/null
+++ b/types/hapi/tests/reply/reply.ts
@@ -0,0 +1,22 @@
+
+// From https://hapijs.com/api/16.1.1#replyerr-result
+
+import * as Hapi from 'hapi';
+
+// verbose notation
+
+const handler: Hapi.RouteHandler = function (request, reply) {
+
+    const response = reply('success');
+    response.type('text/plain');
+    response.header('X-Custom', 'some-value');
+};
+
+// Chained notation
+
+const handler2: Hapi.RouteHandler = function (request, reply) {
+
+    return reply('success')
+        .type('text/plain')
+        .header('X-Custom', 'some-value');
+};
\ No newline at end of file
diff --git a/types/hapi/tests/reply/state_cookie.ts b/types/hapi/tests/reply/state_cookie.ts
new file mode 100644
index 0000000000..bf94219311
--- /dev/null
+++ b/types/hapi/tests/reply/state_cookie.ts
@@ -0,0 +1,33 @@
+
+// from https://hapijs.com/tutorials/cookies?lang=en_US
+
+import * as Hapi from 'hapi';
+
+const server = new Hapi.Server();
+server.connection({ port: 80 });
+
+server.state('data', {
+    ttl: null,
+    isSecure: true,
+    isHttpOnly: true,
+    encoding: 'base64json',
+    clearInvalid: false, // remove invalid cookies
+    strictHeader: true // don't allow violations of RFC 6265
+});
+
+server.route({
+  method: 'GET',
+  path: '/say-hello',
+  config: {
+      state: {
+          parse: true, // parse and store in request.state
+          failAction: 'error' // may also be 'ignore' or 'log'
+      }
+  },
+  handler: function(request, reply) {
+    // TODO test this
+    reply('Hello').state('data', { firstVisit: false });
+  }
+})
+
+
diff --git a/types/hapi/tests/request/event-types.ts b/types/hapi/tests/request/event-types.ts
new file mode 100644
index 0000000000..0946f0a0ed
--- /dev/null
+++ b/types/hapi/tests/request/event-types.ts
@@ -0,0 +1,30 @@
+
+// From https://hapijs.com/api/16.1.1#requestsetmethodmethod
+
+import * as Hapi from 'hapi';
+const Crypto = require('crypto');
+const server = new Hapi.Server();
+server.connection({ port: 80 });
+
+const onRequest: Hapi.ServerExtRequestHandler = function (request, reply) {
+
+    const hash = Crypto.createHash('sha1');
+    request.on('peek', (chunk) => {
+
+        hash.update(chunk);
+    });
+
+    request.once('finish', () => {
+
+        console.log(hash.digest('hex'));
+    });
+
+    request.once('disconnect', () => {
+
+        console.error('request aborted');
+    });
+
+    return reply.continue();
+};
+
+server.ext('onRequest', onRequest);
diff --git a/types/hapi/tests/request/generate-response.ts b/types/hapi/tests/request/generate-response.ts
new file mode 100644
index 0000000000..c30c3a7be5
--- /dev/null
+++ b/types/hapi/tests/request/generate-response.ts
@@ -0,0 +1,21 @@
+
+// From https://hapijs.com/api/16.1.1#requestgenerateresponsesource-options
+
+import * as Hapi from 'hapi';
+
+// Added in addition to code from docs
+function promiseMethod() {
+    return Promise.resolve(true);
+}
+
+const handler: Hapi.ServerExtRequestHandler = function (request, reply) {
+
+    const result = promiseMethod().then((thing: boolean) => {
+
+        if (!thing) {
+            return request.generateResponse().code(214);
+        }
+        return thing;
+    });
+    return reply(result);
+};
diff --git a/types/hapi/tests/request/get-log.ts b/types/hapi/tests/request/get-log.ts
new file mode 100644
index 0000000000..289bdd3282
--- /dev/null
+++ b/types/hapi/tests/request/get-log.ts
@@ -0,0 +1,12 @@
+
+// From https://hapijs.com/api/16.1.1#requestgetlogtags-internal
+
+import * as Hapi from 'hapi';
+
+var request: Hapi.Request = <any> {};
+
+request.getLog();
+request.getLog('error');
+request.getLog(['error', 'auth']);
+request.getLog(['error'], true);
+request.getLog(false);
diff --git a/types/hapi/tests/request/log.ts b/types/hapi/tests/request/log.ts
new file mode 100644
index 0000000000..1c2da1f3b0
--- /dev/null
+++ b/types/hapi/tests/request/log.ts
@@ -0,0 +1,19 @@
+
+// From https://hapijs.com/api/16.1.1#requestlogtags-data-timestamp
+
+import * as Hapi from 'hapi';
+const server = new Hapi.Server();
+server.connection({ port: 80, routes: { log: true, security: false } });
+
+server.on('request', (request, event, tags) => {
+
+    if (tags.error) {
+        console.log(event);
+    }
+});
+
+const handler: Hapi.RouteHandler = function (request, reply) {
+
+    request.log(['test', 'error'], 'Test event');
+    return reply();
+};
diff --git a/types/hapi/tests/request/set-method.ts b/types/hapi/tests/request/set-method.ts
new file mode 100644
index 0000000000..7269e6255f
--- /dev/null
+++ b/types/hapi/tests/request/set-method.ts
@@ -0,0 +1,15 @@
+
+// From https://hapijs.com/api/16.1.1#requestsetmethodmethod
+
+import * as Hapi from 'hapi';
+const server = new Hapi.Server();
+server.connection({ port: 80 });
+
+const onRequest: Hapi.ServerExtRequestHandler = function (request, reply) {
+
+    // Change all requests to 'GET'
+    request.setMethod('GET');
+    return reply.continue();
+};
+
+server.ext('onRequest', onRequest);
diff --git a/types/hapi/tests/request/set-url.ts b/types/hapi/tests/request/set-url.ts
new file mode 100644
index 0000000000..4add3c5a17
--- /dev/null
+++ b/types/hapi/tests/request/set-url.ts
@@ -0,0 +1,32 @@
+
+// From https://hapijs.com/api/16.1.1#requestseturlurl-striptrailingslash
+
+import * as Hapi from 'hapi';
+const server = new Hapi.Server();
+server.connection({ port: 80 });
+
+var onRequest: Hapi.ServerExtRequestHandler = function (request, reply) {
+
+    // Change all requests to '/test'
+    request.setUrl('/test');
+    return reply.continue();
+};
+
+server.ext('onRequest', onRequest);
+
+// Example 2
+
+const Url = require('url');
+const Qs = require('qs');
+
+onRequest = function (request, reply) {
+
+    const uri = request.raw.req.url;
+    const parsed = Url.parse(uri, false);
+    parsed.query = Qs.parse(parsed.query);
+    request.setUrl(parsed);
+
+    return reply.continue();
+};
+
+server.ext('onRequest', onRequest);
diff --git a/types/hapi/tests/request/tail.ts b/types/hapi/tests/request/tail.ts
new file mode 100644
index 0000000000..9c68ccb8f2
--- /dev/null
+++ b/types/hapi/tests/request/tail.ts
@@ -0,0 +1,26 @@
+
+// From https://hapijs.com/api/16.1.1#requestsetmethodmethod
+
+import * as Hapi from 'hapi';
+const server = new Hapi.Server();
+server.connection({ port: 80 });
+
+const get: Hapi.RouteHandler = function (request, reply) {
+
+    const dbTail = request.tail('write to database');
+
+    var db: any;
+    db.save('key', 'value', () => {
+
+        dbTail();
+    });
+
+    return reply('Success!');
+};
+
+server.route({ method: 'GET', path: '/', handler: get });
+
+server.on('tail', (request) => {
+
+    console.log('Request completed including db activity');
+});
diff --git a/types/hapi/tests/response/error-representation.ts b/types/hapi/tests/response/error-representation.ts
new file mode 100644
index 0000000000..8b9b1099f9
--- /dev/null
+++ b/types/hapi/tests/response/error-representation.ts
@@ -0,0 +1,33 @@
+
+// From https://hapijs.com/api/16.1.1#error-transformation
+
+import * as Hapi from 'hapi';
+import Vision from '../../vision';
+const server = new Hapi.Server();
+server.register(Vision, {}, (err) => {
+    server.views({
+        engines: {
+            html: require('handlebars')
+        }
+  });
+});
+server.connection({ port: 80 });
+
+const preResponse: Hapi.ServerExtRequestHandler = function (request, reply) {
+
+    const response = request.response;
+    if (!response.isBoom) {
+        return reply.continue();
+    }
+
+    // Replace error with friendly HTML
+
+      const error = response;
+      const ctx = {
+          message: (error.output!.statusCode === 404 ? 'page not found' : 'something went wrong')
+      };
+
+      return reply.view('error', ctx);
+};
+
+server.ext('onPreResponse', preResponse);
diff --git a/types/hapi/tests/response/error.ts b/types/hapi/tests/response/error.ts
new file mode 100644
index 0000000000..0ef503df12
--- /dev/null
+++ b/types/hapi/tests/response/error.ts
@@ -0,0 +1,25 @@
+
+// From https://hapijs.com/api/16.1.1#error-response
+
+import * as Hapi from 'hapi';
+const Boom = require('boom');
+
+const server = new Hapi.Server();
+
+server.route({
+    method: 'GET',
+    path: '/badRequest',
+    handler: function (request, reply) {
+
+        return reply(Boom.badRequest('Unsupported parameter'));
+    }
+});
+
+server.route({
+    method: 'GET',
+    path: '/internal',
+    handler: function (request, reply) {
+
+        return reply(new Error('unexpect error'));
+    }
+});
diff --git a/types/hapi/tests/response/events.ts b/types/hapi/tests/response/events.ts
new file mode 100644
index 0000000000..6f927ce5f7
--- /dev/null
+++ b/types/hapi/tests/response/events.ts
@@ -0,0 +1,30 @@
+
+// From https://hapijs.com/api/16.1.1#response-events
+
+import * as Hapi from 'hapi';
+const Crypto = require('crypto');
+const server = new Hapi.Server();
+server.connection({ port: 80 });
+
+const preResponse: Hapi.ServerExtRequestHandler = function (request, reply) {
+
+    const response = request.response;
+    if (response.isBoom) {
+        return reply();
+    }
+
+    const hash = Crypto.createHash('sha1');
+    response.on('peek', (chunk) => {
+
+        hash.update(chunk);
+    });
+
+    response.once('finish', () => {
+
+        console.log(hash.digest('hex'));
+    });
+
+    return reply.continue();
+};
+
+server.ext('onPreResponse', preResponse);
diff --git a/types/hapi/tests/response/flow-control.ts b/types/hapi/tests/response/flow-control.ts
new file mode 100644
index 0000000000..bc18a36aff
--- /dev/null
+++ b/types/hapi/tests/response/flow-control.ts
@@ -0,0 +1,14 @@
+
+// From https://hapijs.com/api/16.1.1#flow-control
+
+import * as Hapi from 'hapi';
+
+const handler = function (request: Hapi.Request, reply: Hapi.ReplyWithContinue) {
+
+    const response = reply('success').hold();
+
+    setTimeout(() => {
+
+        response.send();
+    }, 1000);
+};
diff --git a/types/hapi/tests/route/additional-options.ts b/types/hapi/tests/route/additional-options.ts
new file mode 100644
index 0000000000..2e51787742
--- /dev/null
+++ b/types/hapi/tests/route/additional-options.ts
@@ -0,0 +1,16 @@
+'use strict';
+
+import * as Hapi from 'hapi';
+
+var authConfig: Hapi.RouteAdditionalConfigurationOptions = {
+  app: {}
+};
+
+// Handler in config
+const user: Hapi.RouteAdditionalConfigurationOptions = {
+    cache: { expiresIn: 5000 },
+    handler: function (request, reply) {
+
+        return reply({ name: 'John' });
+    }
+};
diff --git a/types/hapi/tests/route/auth.ts b/types/hapi/tests/route/auth.ts
new file mode 100644
index 0000000000..b57507eb8c
--- /dev/null
+++ b/types/hapi/tests/route/auth.ts
@@ -0,0 +1,22 @@
+'use strict';
+
+import * as Hapi from 'hapi';
+
+var routeMoreConfig: Hapi.RouteAdditionalConfigurationOptions = {
+    auth: false,
+}
+routeMoreConfig = {
+    auth: 'some_strategy',
+}
+routeMoreConfig = {
+    auth: {
+        mode: 'required',
+        strategies: ['strat1', 'strat2'],
+        strategy: 'should not be given when strategies given',
+        payload: false,
+        access: {
+            scope: false,
+            entity: 'any',
+        }
+    }
+}
diff --git a/types/hapi/tests/route/config.ts b/types/hapi/tests/route/config.ts
new file mode 100644
index 0000000000..16457395f8
--- /dev/null
+++ b/types/hapi/tests/route/config.ts
@@ -0,0 +1,46 @@
+'use strict';
+
+import * as Hapi from 'hapi';
+
+// different methods
+var routeConfig: Hapi.RouteConfiguration = {
+  path: '/signin',
+  method: 'PUT',
+  vhost: 'site.coms',
+};
+var routeConfig: Hapi.RouteConfiguration = {
+  path: '/signin',
+  method: '*'
+};
+var routeConfig: Hapi.RouteConfiguration = {
+  path: '/signin',
+  method: ['OPTIONS', '*']
+};
+
+// different handlers
+var routeConfig: Hapi.RouteConfiguration = {
+  path: '/signin',
+  method: 'PUT',
+  handler: 'some registered handler'
+};
+var routeConfig: Hapi.RouteConfiguration = {
+  path: '/signin',
+  method: 'PUT',
+  handler: function (request, reply) {
+    return reply('ok');
+  }
+};
+
+const server = new Hapi.Server();
+server.route(routeConfig);
+
+// Handler in config
+const user: Hapi.RouteAdditionalConfigurationOptions = {
+    cache: { expiresIn: 5000 },
+    handler: function (request, reply) {
+
+        return reply({ name: 'John' });
+    }
+};
+
+server.route({method: 'GET', path: '/user', config: user });
diff --git a/types/hapi/tests/route/handler.ts b/types/hapi/tests/route/handler.ts
new file mode 100644
index 0000000000..c66d17018e
--- /dev/null
+++ b/types/hapi/tests/route/handler.ts
@@ -0,0 +1,10 @@
+'use strict';
+
+import * as Hapi from 'hapi';
+
+var handler: Hapi.RouteHandler = function(request, reply) {
+    reply('success');
+}
+var strictHandler: Hapi.RouteHandler = function(request, reply) {
+    reply(123);
+}
diff --git a/types/hapi/tests/route/prerequisites.ts b/types/hapi/tests/route/prerequisites.ts
new file mode 100644
index 0000000000..c4ca7650fa
--- /dev/null
+++ b/types/hapi/tests/route/prerequisites.ts
@@ -0,0 +1,47 @@
+
+// From https://hapijs.com/api/16.1.1#route-prerequisites
+
+import * as Hapi from 'hapi';
+const server = new Hapi.Server();
+server.connection({ port: 80 });
+
+const pre1: Hapi.RoutePrerequisiteRequestHandler = function (request, reply) {
+
+    return reply('Hello');
+};
+
+const pre2: Hapi.RoutePrerequisiteRequestHandler = function (request, reply) {
+
+    return reply('World');
+};
+
+const pre3: Hapi.RoutePrerequisiteRequestHandler = function (request, reply) {
+    const pre = request.pre as Pre1;
+    return reply(pre.m1 + ' ' + pre.m2);
+};
+
+server.route({
+    method: 'GET',
+    path: '/',
+    config: {
+        pre: [
+            [
+                // m1 and m2 executed in parallel
+                { method: pre1, assign: 'm1' },
+                { method: pre2, assign: 'm2' }
+            ],
+            { method: pre3, assign: 'm3' },
+        ],
+        handler: function (request, reply) {
+            const pre = request.pre as Pre2;
+            return reply(pre.m3 + '\n');
+        }
+    }
+});
+interface Pre1 {
+    m1: string;
+    m2: string;
+}
+interface Pre2 extends Pre1 {
+    m3: string;
+}
diff --git a/types/hapi/tests/route/public-interface.ts b/types/hapi/tests/route/public-interface.ts
new file mode 100644
index 0000000000..e61fb8275f
--- /dev/null
+++ b/types/hapi/tests/route/public-interface.ts
@@ -0,0 +1,17 @@
+'use strict';
+
+import * as Hapi from 'hapi';
+
+var route = <Hapi.RoutePublicInterface> {};
+
+var a: string = route.method;
+var a: string = route.path;
+if (typeof(route.vhost) == 'string') {
+  var a: string = route.vhost;
+} else {
+  var b: string[] = route.vhost!;
+}
+var c: Hapi.ServerRealm = route.realm;
+var d: Hapi.RouteAdditionalConfigurationOptions = route.settings;
+var a: string = route.fingerprint;
+var e: boolean = route.auth.access(<Hapi.Request> {});
diff --git a/types/hapi/tests/server/app.ts b/types/hapi/tests/server/app.ts
new file mode 100644
index 0000000000..dac8921c20
--- /dev/null
+++ b/types/hapi/tests/server/app.ts
@@ -0,0 +1,11 @@
+
+// From https://hapijs.com/api/16.1.1#serverapp
+
+import * as Hapi from 'hapi';
+var server = new Hapi.Server();
+server.app.key = 'value';
+
+const handler: Hapi.RouteHandler = function (request, reply) {
+
+    return reply(request.server.app.key);
+};
diff --git a/types/hapi/tests/server/auth.ts b/types/hapi/tests/server/auth.ts
new file mode 100644
index 0000000000..3f28732d42
--- /dev/null
+++ b/types/hapi/tests/server/auth.ts
@@ -0,0 +1,101 @@
+
+// From https://hapijs.com/api/16.1.1#serverauthapi
+
+import * as Hapi from 'hapi';
+import * as Boom from 'boom';
+const server = new Hapi.Server();
+server.connection({ port: 80 });
+
+var scheme: Hapi.ServerAuthScheme = function (server, options) {
+
+    return {
+        api: {
+            settings: {
+                x: 5
+            }
+        },
+        authenticate: function (request, reply) {
+
+            const req = request.raw.req;
+            const authorization = req.headers.authorization;
+            if (!authorization) {
+                return reply(Boom.unauthorized(null, 'Custom'));
+            }
+
+            return reply.continue({ credentials: { user: 'john' } });
+        }
+    };
+};
+
+server.auth.scheme('custom', scheme);
+server.auth.strategy('default', 'custom');
+
+console.log(server.auth.api.default.settings.x);    // 5
+
+// Default
+
+server.auth.default('default');
+
+server.route({
+    method: 'GET',
+    path: '/',
+    handler: function (request, reply) {
+
+        return reply(request.auth.credentials.user);
+    }
+});
+
+// scheme
+
+scheme = function (server, options) {
+
+    return {
+        authenticate: function (request, reply) {
+
+            const req = request.raw.req;
+            const authorization = req.headers.authorization;
+            if (!authorization) {
+                return reply(Boom.unauthorized(null, 'Custom'));
+            }
+
+            return reply.continue({ credentials: { user: 'john' } });
+        }
+    };
+};
+
+server.auth.scheme('custom', scheme);
+
+// strategy
+
+server.auth.scheme('custom', scheme);
+server.auth.strategy('default', 'custom');
+
+server.route({
+    method: 'GET',
+    path: '/',
+    config: {
+        auth: 'default',
+        handler: function (request, reply) {
+
+            return reply(request.auth.credentials.user);
+        }
+    }
+});
+
+// test
+
+server.route({
+    method: 'GET',
+    path: '/',
+    handler: function (request, reply) {
+
+        request.server.auth.test('default', request, (err, credentials) => {
+
+            if (err) {
+                return reply({ status: false });
+            }
+
+            return reply({ status: true, user: (credentials as any).name });
+        });
+    }
+});
diff --git a/types/hapi/tests/server/bind.ts b/types/hapi/tests/server/bind.ts
new file mode 100644
index 0000000000..2741e16c82
--- /dev/null
+++ b/types/hapi/tests/server/bind.ts
@@ -0,0 +1,24 @@
+
+// From https://hapijs.com/api/16.1.1#serverbindcontext
+
+import * as Hapi from 'hapi';
+
+interface HandlerThis {
+    message: string;
+}
+
+const handler: Hapi.RouteHandler = function (this: HandlerThis, request, reply) {
+
+    return reply(this.message);
+};
+
+var register: Hapi.PluginFunction<{}> = function (server, options, next) {
+
+    const bind: HandlerThis = {
+        message: 'hello'
+    };
+
+    server.bind(bind);
+    server.route({ method: 'GET', path: '/', handler: handler });
+    return next();
+};
diff --git a/types/hapi/tests/server/cache.ts b/types/hapi/tests/server/cache.ts
new file mode 100644
index 0000000000..4cb9eaa4b7
--- /dev/null
+++ b/types/hapi/tests/server/cache.ts
@@ -0,0 +1,33 @@
+
+// From https://hapijs.com/api/16.1.1#servercacheoptions
+
+import * as Hapi from 'hapi';
+const server = new Hapi.Server();
+server.connection({ port: 80 });
+
+const cache = server.cache({ segment: 'countries', expiresIn: 60 * 60 * 1000 });
+cache.set('norway', { capital: 'oslo' }, null, (err) => {
+
+    cache.get('norway', (err, value, cached, log) => {
+
+        // value === { capital: 'oslo' };
+    });
+});
+
+// provision
+// From https://hapijs.com/api/16.1.1#servercacheprovisionoptions-callback
+
+server.initialize((err) => {
+
+    server.cache.provision({ engine: require('catbox-memory'), name: 'countries' }, (err) => {
+
+        const cache = server.cache({ cache: 'countries', expiresIn: 60 * 60 * 1000 });
+        cache.set('norway', { capital: 'oslo' }, null, (err) => {
+
+            cache.get('norway', (err, value, cached, log) => {
+
+                // value === { capital: 'oslo' };
+            });
+        });
+    });
+});
diff --git a/types/hapi/tests/server/connection-options.ts b/types/hapi/tests/server/connection-options.ts
new file mode 100644
index 0000000000..3a526307db
--- /dev/null
+++ b/types/hapi/tests/server/connection-options.ts
@@ -0,0 +1,39 @@
+
+// From https://hapijs.com/api/16.1.1#serverconnectionoptions
+
+import * as Hapi from 'hapi';
+const server = new Hapi.Server();
+
+const web = server.connection({ port: 8000, host: 'example.com', labels: ['web'] });
+const admin = server.connection({ port: 8001, host: 'example.com', labels: ['admin'] });
+
+server.connections.length === 2;
+web.connections.length === 1;
+admin.connections.length === 1;
+
+// example 2
+
+var registerFunction: Hapi.PluginFunction<{}> = function (srv, options, next) {
+
+    // Use the 'srv' argument to add a new connection
+
+    const server = srv.connection();
+
+    // Use the 'server' return value to manage the new connection
+
+    server.route({
+        path: '/',
+        method: 'GET',
+        handler: function (request, reply) {
+
+            return reply('hello');
+        }
+    });
+
+    return next();
+};
+
+registerFunction.attributes = {
+    name: 'example',
+    connections: false
+};
diff --git a/types/hapi/tests/server/connections.ts b/types/hapi/tests/server/connections.ts
new file mode 100644
index 0000000000..fb2f9f303e
--- /dev/null
+++ b/types/hapi/tests/server/connections.ts
@@ -0,0 +1,13 @@
+
+// From https://hapijs.com/api/16.1.1#serverconnections
+
+import * as Hapi from 'hapi';
+var server = new Hapi.Server();
+server.connection({ port: 80, labels: 'a' });
+server.connection({ port: 8080, labels: 'b' });
+
+// server.connections.length === 2
+
+const a = server.select('a');
+
+// a.connections.length === 1
diff --git a/types/hapi/tests/server/decoder.ts b/types/hapi/tests/server/decoder.ts
new file mode 100644
index 0000000000..edd52485ea
--- /dev/null
+++ b/types/hapi/tests/server/decoder.ts
@@ -0,0 +1,9 @@
+
+// From https://hapijs.com/api/16.1.1#serverdecoderencoding-decoder
+
+import * as Hapi from 'hapi';
+import * as Zlib from 'zlib';
+const server = new Hapi.Server();
+server.connection({ port: 80, routes: { payload: { compression: { special: { chunkSize: 16 * 1024 } } } } });
+
+server.decoder('special', (options) => Zlib.createGunzip(options));
diff --git a/types/hapi/tests/server/decorate.ts b/types/hapi/tests/server/decorate.ts
new file mode 100644
index 0000000000..540e29c951
--- /dev/null
+++ b/types/hapi/tests/server/decorate.ts
@@ -0,0 +1,68 @@
+
+// From https://hapijs.com/api/16.1.1#serverdecoratetype-property-method-options
+
+import * as Hapi from 'hapi';
+const server = new Hapi.Server();
+server.connection({ port: 80 });
+
+const success = function (this: Hapi.ReplyNoContinue) {
+
+    return this.response({ status: 'ok' });
+};
+
+server.decorate('reply', 'success', success);
+
+declare module 'hapi' {
+    interface Base_Reply {
+        success: () => Response;
+    }
+}
+
+server.route({
+    method: 'GET',
+    path: '/',
+    handler: function (request, reply) {
+
+        return reply.success();
+    }
+});
+
+// custom typing code for decorating request
+
+server.decorate('request', 'some_request_method', (request) => {
+    return function() {
+        // Do some sort of processing;
+        return request.id;
+    }
+}, {apply: true});
+
+declare module 'hapi' {
+    interface Request {
+        some_request_method(): void;
+    }
+}
+
+server.route({
+    method: 'GET',
+    path: '/',
+    handler: function (request, reply) {
+        request.some_request_method();
+        return reply();
+    }
+});
+
+// custom typing code for decorating server
+
+server.decorate('server', 'some_server_method', (server: Hapi.Server) => {
+    return function(arg1: number){
+        return "some text";
+    }
+});
+
+declare module 'hapi' {
+    interface Server {
+        some_server_method(arg1: number): string;
+    }
+}
+
+server.some_server_method(1);
diff --git a/types/hapi/tests/server/dependency.ts b/types/hapi/tests/server/dependency.ts
new file mode 100644
index 0000000000..1d63397cf2
--- /dev/null
+++ b/types/hapi/tests/server/dependency.ts
@@ -0,0 +1,24 @@
+
+// From https://hapijs.com/api/16.1.1#serverdependencydependencies-after
+
+import * as Hapi from 'hapi';
+
+const after: Hapi.AfterDependencyLoadCallback = function (server, next) {
+
+    // Additional plugin registration logic
+    return next();
+};
+
+var registerFunction: Hapi.PluginFunction<{}> = function (server, options, next) {
+
+    server.dependency('yar', after);
+    return next();
+};
+
+// Example 2, via attributes
+
+registerFunction.attributes = {
+    name: 'test',
+    version: '1.0.0',
+    dependencies: 'yar'
+};
diff --git a/types/hapi/tests/server/emit.ts b/types/hapi/tests/server/emit.ts
new file mode 100644
index 0000000000..d248f7d4ab
--- /dev/null
+++ b/types/hapi/tests/server/emit.ts
@@ -0,0 +1,12 @@
+
+// From https://hapijs.com/api/16.1.1#serveremitcriteria-data-callback
+
+import * as Hapi from 'hapi';
+const server = new Hapi.Server();
+server.connection({ port: 80 });
+
+server.event('test');
+server.on('test', (update: Update) => console.log(update));
+type Update = string;
+var toSend: Update = 'hello';
+server.emit('test', toSend);
diff --git a/types/hapi/tests/server/encoder.ts b/types/hapi/tests/server/encoder.ts
new file mode 100644
index 0000000000..f35102b776
--- /dev/null
+++ b/types/hapi/tests/server/encoder.ts
@@ -0,0 +1,9 @@
+
+// From https://hapijs.com/api/16.1.1#serverencoderencoding-encoder
+
+import * as Hapi from 'hapi';
+import * as Zlib from 'zlib';
+const server = new Hapi.Server();
+server.connection({ port: 80, routes: { compression: { special: { chunkSize: 16 * 1024 } } } });
+
+server.encoder('special', (options) => Zlib.createGzip(options));
diff --git a/types/hapi/tests/server/event.ts b/types/hapi/tests/server/event.ts
new file mode 100644
index 0000000000..f0c2215f12
--- /dev/null
+++ b/types/hapi/tests/server/event.ts
@@ -0,0 +1,12 @@
+
+// From https://hapijs.com/api/16.1.1#servereventevents
+
+import * as Hapi from 'hapi';
+const server = new Hapi.Server();
+server.connection({ port: 80 });
+
+server.event('test');
+server.on('test', (update: Update) => console.log(update));
+type Update = string;
+var toSend: Update = 'hello';
+server.emit('test', toSend);
diff --git a/types/hapi/tests/server/expose.ts b/types/hapi/tests/server/expose.ts
new file mode 100644
index 0000000000..effbc1ae49
--- /dev/null
+++ b/types/hapi/tests/server/expose.ts
@@ -0,0 +1,17 @@
+
+// From https://hapijs.com/api/16.1.1#serverexposekey-value
+
+import * as Hapi from 'hapi';
+var register: Hapi.PluginFunction<{}> = function (server, options, next) {
+
+    server.expose('util', function () { console.log('something'); });
+    return next();
+};
+
+// example of `expose()` merging object
+
+register = function (server, options, next) {
+
+    server.expose({ util: function () { console.log('something'); } });
+    return next();
+};
diff --git a/types/hapi/tests/server/ext.ts b/types/hapi/tests/server/ext.ts
new file mode 100644
index 0000000000..410c913c41
--- /dev/null
+++ b/types/hapi/tests/server/ext.ts
@@ -0,0 +1,46 @@
+
+// From https://hapijs.com/api/16.1.1#serverextevents
+
+import * as Hapi from 'hapi';
+const server = new Hapi.Server();
+server.connection({ port: 80 });
+
+server.ext({
+    type: 'onRequest',
+    method: <Hapi.ServerExtRequestHandler> function (request, reply) {
+
+        // Change all requests to '/test'
+        request.setUrl('/test');
+        return reply.continue();
+    }
+});
+
+var handler: Hapi.RouteHandler = function (request, reply) {
+
+    return reply({ status: 'ok' });
+};
+
+server.route({ method: 'GET', path: '/test', handler: handler });
+server.start((err) => { });
+
+// All requests will get routed to '/test'
+
+
+// Example 2
+
+server.ext('onRequest', <Hapi.ServerExtRequestHandler> function (request, reply) {
+
+    // Change all requests to '/test'
+    request.setUrl('/test');
+    return reply.continue();
+});
+
+handler = function (request, reply) {
+
+    return reply({ status: 'ok' });
+};
+
+server.route({ method: 'GET', path: '/test', handler: handler });
+server.start((err) => { });
+
+// All requests will get routed to '/test'
diff --git a/types/hapi/tests/server/handler.ts b/types/hapi/tests/server/handler.ts
new file mode 100644
index 0000000000..713fe7f114
--- /dev/null
+++ b/types/hapi/tests/server/handler.ts
@@ -0,0 +1,55 @@
+
+// From https://hapijs.com/api/16.1.1#serverhandlername-method
+
+import * as Hapi from 'hapi';
+const server = new Hapi.Server();
+server.connection({ host: 'localhost', port: 8000 });
+
+// Defines new handler for routes on this server
+var handler: Hapi.MakeRouteHandler = function (route, options) {
+
+    return function (request, reply) {
+
+        return reply('new handler: ' + options.msg);
+    }
+};
+
+server.handler('test', handler);
+
+interface TestPluginConfig {
+    msg: string;
+}
+
+declare module 'hapi' {
+    interface RouteHandlerPlugins {
+        test?: TestPluginConfig;
+    }
+}
+
+server.route({
+    method: 'GET',
+    path: '/',
+    handler: { test: { msg: 'test' } }
+});
+
+server.start(function (err) { });
+
+// example 2
+
+handler = function (route, options: TestPluginConfig) {
+
+    return function (request, reply) {
+
+        return reply('new handler: ' + options.msg);
+    }
+};
+
+// Change the default payload processing for this handler
+handler.defaults = {
+    payload: {
+        output: 'stream',
+        parse: false
+    }
+};
+
+server.handler('test', handler);
diff --git a/types/hapi/tests/server/info.ts b/types/hapi/tests/server/info.ts
new file mode 100644
index 0000000000..eaf1b39747
--- /dev/null
+++ b/types/hapi/tests/server/info.ts
@@ -0,0 +1,16 @@
+
+// From https://hapijs.com/api/16.1.1#serverinfo
+
+import assert = require('assert');
+import * as Hapi from 'hapi';
+const server = new Hapi.Server();
+var options: Hapi.ServerConnectionOptions = { port: 80 };
+server.connection(options);
+
+if(server.info) assert(server.info.port === 80);
+
+options = { port: 8080 };
+server.connection(options);
+
+assert(server.info === null);
+assert(server.connections[1].info.port === 8080);
diff --git a/types/hapi/tests/server/initialize.ts b/types/hapi/tests/server/initialize.ts
new file mode 100644
index 0000000000..7ef4b51527
--- /dev/null
+++ b/types/hapi/tests/server/initialize.ts
@@ -0,0 +1,12 @@
+
+// From https://hapijs.com/api/16.1.1#serverinitializecallback
+
+import * as Hapi from 'hapi';
+const Hoek = require('hoek');
+const server = new Hapi.Server();
+server.connection({ port: 80 });
+
+server.initialize((err) => {
+
+    Hoek.assert(!err, err);
+});
diff --git a/types/hapi/tests/server/inject.ts b/types/hapi/tests/server/inject.ts
new file mode 100644
index 0000000000..130af7489b
--- /dev/null
+++ b/types/hapi/tests/server/inject.ts
@@ -0,0 +1,18 @@
+
+// From https://hapijs.com/api/16.1.1#serverinjectoptions-callback
+
+import * as Hapi from 'hapi';
+const server = new Hapi.Server();
+server.connection({ port: 80 });
+
+const handler: Hapi.RouteHandler = function (request, reply) {
+
+    return reply('Success!');
+};
+
+server.route({ method: 'GET', path: '/', handler: handler });
+
+server.inject('/', (res) => {
+
+    console.log(res.result);
+});
diff --git a/types/hapi/tests/server/listener.ts b/types/hapi/tests/server/listener.ts
new file mode 100644
index 0000000000..d7bb6fc5ea
--- /dev/null
+++ b/types/hapi/tests/server/listener.ts
@@ -0,0 +1,19 @@
+
+// From https://hapijs.com/api/16.1.1#serverlistener
+
+import * as Hapi from 'hapi';
+import SocketIO = require('socket.io');
+
+const server = new Hapi.Server();
+server.connection({ port: 80 });
+
+// https://socket.io/docs/server-api/#server-attach-httpserver-options
+const io = SocketIO.listen(server.listener);
+io.sockets.on('connection', (socket) => {
+
+    // TODO, FIXME by removing <any>, probably `socket` type given here is
+    // a wrapper around socket.io.  Much less likely is either
+    // a type error in the TypeScript definitions of socket.io or
+    // an error in the Hapi docs.
+    socket.emit(<any> { msg: 'welcome' });
+});
diff --git a/types/hapi/tests/server/load.ts b/types/hapi/tests/server/load.ts
new file mode 100644
index 0000000000..ee204c864f
--- /dev/null
+++ b/types/hapi/tests/server/load.ts
@@ -0,0 +1,7 @@
+
+// From https://hapijs.com/api/16.1.1#serverload
+
+import * as Hapi from 'hapi';
+const server = new Hapi.Server({ load: { sampleInterval: 1000 } });
+
+var d: number = server.load.rss;
diff --git a/types/hapi/tests/server/log.ts b/types/hapi/tests/server/log.ts
new file mode 100644
index 0000000000..4507358d60
--- /dev/null
+++ b/types/hapi/tests/server/log.ts
@@ -0,0 +1,15 @@
+
+// From https://hapijs.com/api/16.1.1#serverlogtags-data-timestamp
+
+import * as Hapi from 'hapi';
+const server = new Hapi.Server();
+server.connection({ port: 80 });
+
+server.on('log', (event, tags) => {
+
+    if (tags.error) {
+        console.log(event);
+    }
+});
+
+server.log(['test', 'error'], 'Test event');
diff --git a/types/hapi/tests/server/lookup.ts b/types/hapi/tests/server/lookup.ts
new file mode 100644
index 0000000000..89ce852700
--- /dev/null
+++ b/types/hapi/tests/server/lookup.ts
@@ -0,0 +1,19 @@
+
+// From https://hapijs.com/api/16.1.1#serverlookupid
+
+import * as Hapi from 'hapi';
+const server = new Hapi.Server();
+server.connection();
+server.route({
+    method: 'GET',
+    path: '/',
+    config: {
+        handler: function (request, reply) {
+
+            return reply();
+        },
+        id: 'root'
+    }
+});
+
+const route = server.lookup('root');
diff --git a/types/hapi/tests/server/match.ts b/types/hapi/tests/server/match.ts
new file mode 100644
index 0000000000..f322a31494
--- /dev/null
+++ b/types/hapi/tests/server/match.ts
@@ -0,0 +1,19 @@
+
+// From https://hapijs.com/api/16.1.1#servermatchmethod-path-host
+
+import * as Hapi from 'hapi';
+const server = new Hapi.Server();
+server.connection();
+server.route({
+    method: 'GET',
+    path: '/',
+    config: {
+        handler: function (request, reply) {
+
+            return reply();
+        },
+        id: 'root'
+    }
+});
+
+const route = server.match('get', '/');
diff --git a/types/hapi/tests/server/method.ts b/types/hapi/tests/server/method.ts
new file mode 100644
index 0000000000..a67022d250
--- /dev/null
+++ b/types/hapi/tests/server/method.ts
@@ -0,0 +1,78 @@
+
+// From https://hapijs.com/api/16.1.1#servermethodname-method-options
+
+import * as Hapi from 'hapi';
+const server = new Hapi.Server();
+server.connection({ port: 80 });
+
+// Simple arguments
+
+const add = function (a: number, b: number, next: Hapi.ServerMethodNext) {
+
+    return next(null, a + b);
+};
+
+server.method('sum', add, { cache: { expiresIn: 2000, generateTimeout: 100 } });
+
+var next: Hapi.ServerMethodNext = (err, result) => {
+
+    console.log(result);
+};
+server.methods.sum(4, 5, next);
+
+// Object argument
+
+const addArray = function (array: number[], next: Hapi.ServerMethodNext) {
+
+    let sum = 0;
+    array.forEach((item) => {
+
+        sum += item;
+    });
+
+    return next(null, sum);
+};
+
+server.method('sumObj', addArray, {
+    cache: { expiresIn: 2000, generateTimeout: 100 },
+    generateKey: function (array) {
+
+        return array.join(',');
+    }
+});
+
+var next: Hapi.ServerMethodNext = (err, result) => {
+
+    console.log(result);
+};
+server.methods.sumObj([5, 6], next);
+
+// Synchronous method with cache
+
+const addSync = function (a: number, b: number) {
+
+    return a + b;
+};
+
+server.method('sumSync', addSync, { cache: { expiresIn: 2000, generateTimeout: 100 }, callback: false });
+
+var next: Hapi.ServerMethodNext = (err, result) => {
+
+    console.log(result);
+};
+server.methods.sumSync(4, 5, next);
+
+// server.method(methods)
+
+var config = {
+    name: 'sum',
+    method: add,
+    options: {
+        cache: {
+            expiresIn: 2000,
+            generateTimeout: 100
+        }
+    }
+};
+server.method(config);
+server.method([config]);
diff --git a/types/hapi/tests/server/methods.ts b/types/hapi/tests/server/methods.ts
new file mode 100644
index 0000000000..1e2060c3e8
--- /dev/null
+++ b/types/hapi/tests/server/methods.ts
@@ -0,0 +1,17 @@
+
+// From https://hapijs.com/api/16.1.1#servermethods
+
+import * as Hapi from 'hapi';
+const server = new Hapi.Server();
+
+const add = function (a: number, b: number, next: (err: Error | null, result: number) => void) {
+
+    return next(null, a + b);
+};
+
+server.method('add', add);
+
+server.methods.add(1, 2, (err: Error | null, result: number) => {
+
+    // result === 3
+});
diff --git a/types/hapi/tests/server/mime.ts b/types/hapi/tests/server/mime.ts
new file mode 100644
index 0000000000..e2dd25529b
--- /dev/null
+++ b/types/hapi/tests/server/mime.ts
@@ -0,0 +1,21 @@
+
+// From https://hapijs.com/api/16.1.1#servermime
+
+import * as Hapi from 'hapi';
+
+const options: Hapi.ServerOptions = {
+    mime: {
+        override: {
+            'node/module': {
+                source: 'steve',
+                compressible: false,
+                extensions: ['node', 'module', 'npm'],
+                type: 'node/module'
+            }
+        }
+    }
+};
+
+const server = new Hapi.Server(options);
+server.mime.path('code.js').type === 'application/javascript';
+server.mime.path('file.npm').type === 'node/module';
diff --git a/types/hapi/tests/server/new.ts b/types/hapi/tests/server/new.ts
new file mode 100644
index 0000000000..24ac654ecd
--- /dev/null
+++ b/types/hapi/tests/server/new.ts
@@ -0,0 +1,65 @@
+'use strict';
+
+import * as Hapi from 'hapi';
+
+new Hapi.Server();
+new Hapi.Server({
+    app: {some: 'values'},
+    cache: require('catbox-redis'),
+});
+
+const server = new Hapi.Server({
+    cache: require('catbox-redis'),
+    load: {
+        sampleInterval: 1000
+    }
+});
+
+// Specific cache configuration options
+new Hapi.Server({
+    cache: {
+      engine: require('catbox-redis'),
+      // name: 'optionally omitted when only a single cache used',
+    }
+});
+new Hapi.Server({
+    cache: [{
+      engine: require('catbox-redis'),
+      name: 'unique 1',
+    },
+    {
+        engine: require('catbox-redis'),
+        name: 'unique 2',
+        shared: true,
+        otherOptions: 'will be passed to the catbox strategy',
+    }]
+});
+new Hapi.Server({
+    cache: [{
+        engine: require('catbox-redis'),
+    },
+    // Does not correctly error but will be caught by hapi at runtime
+    {
+        engine: require('catbox-redis'),
+    }]
+});
+
+new Hapi.Server({
+    connections: {
+        app: {},
+        compression: false,
+        load: {
+            maxHeapUsedBytes: 10,
+            maxRssBytes: 10,
+            maxEventLoopDelay: 10,
+        },
+        plugins: {
+            'some-plugin-name': {options: 'here'}
+        },
+        router: {
+            isCaseSensitive: false,
+            stripTrailingSlash: true,
+        },
+        routes: {}
+    }
+})
diff --git a/types/hapi/tests/server/on.ts b/types/hapi/tests/server/on.ts
new file mode 100644
index 0000000000..08802fda96
--- /dev/null
+++ b/types/hapi/tests/server/on.ts
@@ -0,0 +1,43 @@
+
+// From https://hapijs.com/api/16.1.1#serveroncriteria-listener
+// From https://hapijs.com/api/16.1.1#server-events
+
+import * as Hapi from 'hapi';
+
+const server = new Hapi.Server();
+server.connection({ port: 80 });
+
+server.event('test');
+server.on('test', (update: Update) => console.log(update));
+type Update = string;
+var toSend: Update = 'hello';
+server.emit('test', toSend);
+
+server.on('log', (event, tags) => {
+
+    if (tags.error) {
+        console.log('Server error: ' + (event.data || 'unspecified'));
+    }
+});
+
+server.on('request', (request, event, tags) => {
+
+    if (tags.received) {
+        console.log('New request: ' + request.id);
+    }
+});
+
+server.on('request-error', (request, err) => {
+
+    console.log('Error response (500) sent for request: ' + request.id + ' because: ' + err.message);
+});
+
+server.on('response', (request) => {
+
+    console.log('Response sent for request: ' + request.id);
+});
+
+server.on('route', (route, connection, server) => {
+
+    console.log('New route added: ' + route.path);
+});
diff --git a/types/hapi/tests/server/once.ts b/types/hapi/tests/server/once.ts
new file mode 100644
index 0000000000..55fdb08ec2
--- /dev/null
+++ b/types/hapi/tests/server/once.ts
@@ -0,0 +1,14 @@
+
+// From https://hapijs.com/api/16.1.1#serveroncecriteria-listener
+
+import * as Hapi from 'hapi';
+
+const server = new Hapi.Server();
+server.connection({ port: 80 });
+
+server.event('test');
+server.once('test', (update: Update) => console.log(update));
+type Update = string;
+var toSend: Update = 'hello';
+server.emit('test', toSend);
+server.emit('test', toSend);       // Ignored
diff --git a/types/hapi/tests/server/path.ts b/types/hapi/tests/server/path.ts
new file mode 100644
index 0000000000..20479a795f
--- /dev/null
+++ b/types/hapi/tests/server/path.ts
@@ -0,0 +1,13 @@
+
+// From https://hapijs.com/api/16.1.1#serverpathrelativeto
+
+import * as Hapi from 'hapi';
+
+var register: Hapi.PluginFunction<{}> = function (server, options, next) {
+
+    // Assuming the Inert plugin was registered previously
+
+    server.path(__dirname + '../static');
+    server.route({ path: '/file', method: 'GET', handler: { file: './test.html' } });
+    next();
+};
diff --git a/types/hapi/tests/server/plugins.ts b/types/hapi/tests/server/plugins.ts
new file mode 100644
index 0000000000..2ce13ffb2f
--- /dev/null
+++ b/types/hapi/tests/server/plugins.ts
@@ -0,0 +1,15 @@
+
+// From https://hapijs.com/api/16.1.1#serverplugins
+
+import * as Hapi from 'hapi';
+
+var registerFunction: Hapi.PluginFunction<{}> = function(server, options, next) {
+
+    server.expose('key', 'value');
+    server.plugins.example.key === 'value';
+    return next();
+};
+
+registerFunction.attributes = {
+    name: 'example'
+};
diff --git a/types/hapi/tests/server/realm.ts b/types/hapi/tests/server/realm.ts
new file mode 100644
index 0000000000..31f764b7ef
--- /dev/null
+++ b/types/hapi/tests/server/realm.ts
@@ -0,0 +1,10 @@
+
+// From https://hapijs.com/api/16.1.1#serverrealm
+
+import * as Hapi from 'hapi';
+
+var registerFunction: Hapi.PluginFunction<{}> = function(server, options, next) {
+
+    console.log(server.realm.modifiers.route.prefix);
+    return next();
+};
diff --git a/types/hapi/tests/server/register.ts b/types/hapi/tests/server/register.ts
new file mode 100644
index 0000000000..c04e0b16bc
--- /dev/null
+++ b/types/hapi/tests/server/register.ts
@@ -0,0 +1,18 @@
+
+// From https://hapijs.com/api/16.1.1#serverregisterplugins-options-callback
+
+import * as Hapi from 'hapi';
+
+const server = new Hapi.Server();
+
+server.register({
+    register: require('plugin_name'),
+    options: {
+        message: 'hello'
+    }
+}, (err) => {
+
+    if (err) {
+        console.log('Failed loading plugin');
+    }
+});
diff --git a/types/hapi/tests/server/route.ts b/types/hapi/tests/server/route.ts
new file mode 100644
index 0000000000..0402fd3e89
--- /dev/null
+++ b/types/hapi/tests/server/route.ts
@@ -0,0 +1,12 @@
+
+// From https://hapijs.com/api/16.1.1#serverrouteoptions
+
+import * as Hapi from 'hapi';
+const server = new Hapi.Server();
+server.connection({ port: 80 });
+
+server.route({ method: 'GET', path: '/', handler: function (request, reply) { return reply('ok'); } });
+server.route([
+    { method: 'GET', path: '/1', handler: function (request, reply) { return reply('ok'); } },
+    { method: 'GET', path: '/2', handler: function (request, reply) { return reply('ok'); } }
+]);
diff --git a/types/hapi/tests/server/select.ts b/types/hapi/tests/server/select.ts
new file mode 100644
index 0000000000..8a25f45abd
--- /dev/null
+++ b/types/hapi/tests/server/select.ts
@@ -0,0 +1,11 @@
+
+// From https://hapijs.com/api/16.1.1#serverselectlabels
+
+import * as Hapi from 'hapi';
+const server = new Hapi.Server();
+server.connection({ port: 80, labels: ['a', 'b'] });
+server.connection({ port: 8080, labels: ['a', 'c'] });
+server.connection({ port: 8081, labels: ['b', 'c'] });
+
+const a = server.select('a');     // 80, 8080
+const ac = a.select('c');         // 8080
diff --git a/types/hapi/tests/server/settings.ts b/types/hapi/tests/server/settings.ts
new file mode 100644
index 0000000000..c2ec9ce3ed
--- /dev/null
+++ b/types/hapi/tests/server/settings.ts
@@ -0,0 +1,11 @@
+
+// From https://hapijs.com/api/16.1.1#serversettings
+
+import * as Hapi from 'hapi';
+const server = new Hapi.Server({
+    app: {
+        key: 'value'
+    }
+});
+
+server.settings.app === { key: 'value' };
diff --git a/types/hapi/tests/server/start.ts b/types/hapi/tests/server/start.ts
new file mode 100644
index 0000000000..a15bb79740
--- /dev/null
+++ b/types/hapi/tests/server/start.ts
@@ -0,0 +1,13 @@
+
+// From https://hapijs.com/api/16.1.1#serverstartcallback
+
+import * as Hapi from 'hapi';
+import * as Hoek from 'hoek';
+const server = new Hapi.Server();
+server.connection({ port: 80 });
+
+server.start((err) => {
+
+    Hoek.assert(!err, err!);
+    console.log('Server started at: ' + server.info!.uri);
+});
diff --git a/types/hapi/tests/server/state.ts b/types/hapi/tests/server/state.ts
new file mode 100644
index 0000000000..2035343a17
--- /dev/null
+++ b/types/hapi/tests/server/state.ts
@@ -0,0 +1,38 @@
+
+// From https://hapijs.com/api/16.1.1#serverstatename-options
+
+import * as Hapi from 'hapi';
+const server = new Hapi.Server();
+server.connection({ port: 80 });
+
+// Set cookie definition
+
+server.state('session', {
+    ttl: 24 * 60 * 60 * 1000,     // One day
+    isSecure: true,
+    path: '/',
+    encoding: 'base64json'
+});
+
+// Set state in route handler
+
+const handler: Hapi.RouteHandler = function (request, reply) {
+
+    let session = request.state.session;
+    if (!session) {
+        session = { user: 'joe' };
+    }
+
+    session.last = Date.now();
+
+    return reply('Success').state('session', session);
+};
+
+// Example 2
+
+server.on('request-internal', (request, event, tags) => {
+
+    if (tags.error && tags.state) {
+        console.error(event);
+    }
+});
diff --git a/types/hapi/tests/server/stop.ts b/types/hapi/tests/server/stop.ts
new file mode 100644
index 0000000000..ddfd07aa8f
--- /dev/null
+++ b/types/hapi/tests/server/stop.ts
@@ -0,0 +1,11 @@
+
+// From https://hapijs.com/api/16.1.1#serverstopoptions-callback
+
+import * as Hapi from 'hapi';
+const server = new Hapi.Server();
+server.connection({ port: 80 });
+
+server.stop({ timeout: 60 * 1000 }, (err) => {
+
+    console.log('Server stopped');
+});
diff --git a/types/hapi/tests/server/table.ts b/types/hapi/tests/server/table.ts
new file mode 100644
index 0000000000..abe0707c76
--- /dev/null
+++ b/types/hapi/tests/server/table.ts
@@ -0,0 +1,9 @@
+
+// From https://hapijs.com/api/16.1.1#servertablehost
+
+import * as Hapi from 'hapi';
+const server = new Hapi.Server();
+server.connection({ port: 80, host: 'example.com' });
+server.route({ method: 'GET', path: '/example', handler: function (request, reply) { return reply(); } });
+
+const table = server.table();
diff --git a/types/hapi/tests/server/version.ts b/types/hapi/tests/server/version.ts
new file mode 100644
index 0000000000..064e87e3cd
--- /dev/null
+++ b/types/hapi/tests/server/version.ts
@@ -0,0 +1,6 @@
+
+// From http://hapijs.com/api#serversettings
+
+import * as Hapi from 'hapi';
+const server = new Hapi.Server();
+server.version === '8.0.0'
diff --git a/types/hapi/tsconfig.json b/types/hapi/tsconfig.json
index c7385884c3..d6604cb6b5 100644
--- a/types/hapi/tsconfig.json
+++ b/types/hapi/tsconfig.json
@@ -6,7 +6,7 @@
         ],
         "noImplicitAny": true,
         "noImplicitThis": true,
-        "strictNullChecks": false,
+        "strictNullChecks": true,
         "baseUrl": "../",
         "typeRoots": [
             "../"
@@ -17,6 +17,87 @@
     },
     "files": [
         "index.d.ts",
-        "hapi-tests.ts"
+        "tests/connection/table.ts",
+        "tests/getting-started/01-creating-a-server.ts",
+        "tests/getting-started/02-adding-routes.ts",
+        "tests/getting-started/03-serving-static-content.ts",
+        "tests/getting-started/04-using-plugins.ts",
+        "tests/path/catch-all.ts",
+        "tests/path/parameters.ts",
+        "tests/plugins/options.ts",
+        "tests/reply/continue.ts",
+        "tests/reply/entity.ts",
+        "tests/reply/redirect.ts",
+        "tests/reply/reply.ts",
+        "tests/reply/state_cookie.ts",
+        "tests/request/event-types.ts",
+        "tests/request/generate-response.ts",
+        "tests/request/get-log.ts",
+        "tests/request/log.ts",
+        "tests/request/set-method.ts",
+        "tests/request/set-url.ts",
+        "tests/request/tail.ts",
+        "tests/response/error-representation.ts",
+        "tests/response/error.ts",
+        "tests/response/events.ts",
+        "tests/response/flow-control.ts",
+        "tests/route/additional-options.ts",
+        "tests/route/auth.ts",
+        "tests/route/config.ts",
+        "tests/route/handler.ts",
+        "tests/route/prerequisites.ts",
+        "tests/route/public-interface.ts",
+        "tests/server/app.ts",
+        "tests/server/auth.ts",
+        "tests/server/bind.ts",
+        "tests/server/cache.ts",
+        "tests/server/connection-options.ts",
+        "tests/server/connections.ts",
+        "tests/server/decoder.ts",
+        "tests/server/decorate.ts",
+        "tests/server/dependency.ts",
+        "tests/server/emit.ts",
+        "tests/server/encoder.ts",
+        "tests/server/event.ts",
+        "tests/server/expose.ts",
+        "tests/server/ext.ts",
+        "tests/server/handler.ts",
+        "tests/server/info.ts",
+        "tests/server/initialize.ts",
+        "tests/server/inject.ts",
+        "tests/server/listener.ts",
+        "tests/server/load.ts",
+        "tests/server/log.ts",
+        "tests/server/lookup.ts",
+        "tests/server/match.ts",
+        "tests/server/method.ts",
+        "tests/server/methods.ts",
+        "tests/server/mime.ts",
+        "tests/server/new.ts",
+        "tests/server/on.ts",
+        "tests/server/once.ts",
+        "tests/server/path.ts",
+        "tests/server/plugins.ts",
+        "tests/server/realm.ts",
+        "tests/server/register.ts",
+        "tests/server/route.ts",
+        "tests/server/select.ts",
+        "tests/server/settings.ts",
+        "tests/server/start.ts",
+        "tests/server/state.ts",
+        "tests/server/stop.ts",
+        "tests/server/table.ts",
+        "tests/server/version.ts",
+        "catbox/index.d.ts",
+        "h2o2/index.d.ts",
+        "h2o2/h2o2-tests.ts",
+        "json/index.d.ts",
+        "json/json-tests.ts",
+        "mime-db/index.d.ts",
+        "mimos/index.d.ts",
+        "podium/index.d.ts",
+        "shot/index.d.ts",
+        "vision/index.d.ts",
+        "vision/vision-tests.ts"
     ]
 }
\ No newline at end of file
diff --git a/types/hapi/v12/hapi-tests.ts b/types/hapi/v12/hapi-tests.ts
new file mode 100644
index 0000000000..32d1aff704
--- /dev/null
+++ b/types/hapi/v12/hapi-tests.ts
@@ -0,0 +1,114 @@
+// Copied directly from 918608a5e007d925f4f60a275881057f07c12619 which seems to
+// be the last author to work on v12.0
+
+
+import * as Hapi from 'hapi';
+
+// Create a server with a host and port
+var server = new Hapi.Server();
+server.connection(<Hapi.IServerConnectionOptions>{
+    host: "localhost",
+    port: 8000
+});
+
+// Add plugins
+var plugin: any = {
+    register: function (plugin: Object, options: Object, next: Function) {
+        next();
+    }
+};
+
+plugin.register.attributes = {
+    name: "test",
+    version: "1.0.0"
+};
+
+// optional options parameter
+server.register({}, function (err) {});
+
+// optional options.routes.vhost parameter
+server.register({}, { select: 'api', routes: { prefix: '/prefix' } }, function (err) {});
+
+//server.pack.register(plugin, (err: Object) => {
+//    if (err) { throw err; }
+//});
+
+//server.pack.register([plugin], (err: Object) => {
+//    if (err) { throw err; }
+//});
+
+// Add server method
+var add = function (a: number, b: number, next: (err: any, result?: any, ttl?: number) => void) {
+    next(null, a + b);
+};
+
+server.method("sum", add);//, { cache: { expiresIn: 2000 } });
+
+server.methods["sum"](4, 5, (err: any, result: any) => {
+    console.log(result);
+});
+
+var addArray = function (array: Array<number>, next: (err: any, result?: any, ttl?: number) => void) {
+    var sum: number = 0;
+    array.forEach((item: number) => {
+        sum += item;
+    });
+    next(null, sum);
+};
+
+server.method("sumObj", addArray, {
+    //cache: { expiresIn: 2000 },
+    generateKey: (array: Array<number>) => {
+        return array.join(',');
+    }
+});
+
+server.methods["sumObj"]([5, 6], (err: any, result: any) => {
+    console.log(result);
+});
+
+// Add the route
+server.route({
+    method: 'GET',
+    path: '/hello',
+    handler: function (request: Hapi.Request, reply: Function) {
+        reply('hello world');
+    }
+});
+
+server.route([{
+    method: 'GET',
+    path: '/hello2',
+    handler: function (request: Hapi.Request, reply: Function) {
+        reply('hello world2');
+    }
+}]);
+
+// config.validate parameters should be optional
+server.route([{
+    method: 'GET',
+    path: '/hello2',
+    handler: function(request: Hapi.Request, reply: Function) {
+        reply('hello world2');
+    },
+    config: {
+        validate: {
+        }
+    }
+}]);
+
+// Should be able to chain reply options
+server.route([{
+    method: 'GET',
+    path: '/chained-notation',
+    handler: function(request: Hapi.Request, reply: Hapi.IReply) {
+        reply('chained-notation')
+            .bytes(16)
+            .code(200)
+            .type('text/plain')
+            .header('X-Custom', 'some-value');
+    }
+}]);
+
+// Start the server
+server.start();
diff --git a/types/hapi/v12/index.d.ts b/types/hapi/v12/index.d.ts
new file mode 100644
index 0000000000..13c9e7a28d
--- /dev/null
+++ b/types/hapi/v12/index.d.ts
@@ -0,0 +1,2331 @@
+// Type definitions for hapi 12.0.1
+// Project: http://github.com/spumko/hapi
+// Definitions by: Jason Swearingen <http://github.com/jasonswearingen>
+// Definitions: https://github.com/borisyankov/DefinitelyTyped
+
+// Note/Disclaimer:
+// Copied directly from 918608a5e007d925f4f60a275881057f07c12619 which seems to
+// be the last author to work on v12.0
+
+
+/// <reference types="node" />
+
+declare module "hapi" {
+    import http = require("http");
+    import stream = require("stream");
+    import Events = require("events");
+
+    interface IDictionary<T> {
+        [key: string]: T;
+    }
+
+    interface IThenable<R> {
+        then<U>(onFulfilled?: (value: R) => U | IThenable<U>, onRejected?: (error: any) => U | IThenable<U>): IThenable<U>;
+        then<U>(onFulfilled?: (value: R) => U | IThenable<U>, onRejected?: (error: any) => void): IThenable<U>;
+    }
+
+    interface IPromise<R> extends IThenable<R> {
+        then<U>(onFulfilled?: (value: R) => U | IThenable<U>, onRejected?: (error: any) => U | IThenable<U>): IPromise<U>;
+        then<U>(onFulfilled?: (value: R) => U | IThenable<U>, onRejected?: (error: any) => void): IPromise<U>;
+        catch<U>(onRejected?: (error: any) => U | IThenable<U>): IPromise<U>;
+    }
+
+    /** Boom Module for errors. https://github.com/hapijs/boom
+    *  boom provides a set of utilities for returning HTTP errors. Each utility returns a Boom error response object (instance of Error) which includes the following properties:  */
+    export interface IBoom extends Error {
+        /**  if true, indicates this is a Boom object instance.  */
+        isBoom: boolean;
+        /** convenience bool indicating status code >= 500.  */
+        isServer: boolean;
+        /**  the error message.  */
+        message: string;
+        /**  the formatted response.Can be directly manipulated after object construction to return a custom error response.Allowed root keys:  */
+        output: {
+            /** the HTTP status code (typically 4xx or 5xx).  */
+            statusCode: number;
+            /** an object containing any HTTP headers where each key is a header name and value is the header content.  */
+            headers: IDictionary<string>;
+            /** the formatted object used as the response payload (stringified).Can be directly manipulated but any changes will be lost if reformat() is called.Any content allowed and by default includes the following content: */
+            payload: {
+                /** the HTTP status code, derived from error.output.statusCode.  */
+                statusCode: number;
+                /** the HTTP status message (e.g. 'Bad Request', 'Internal Server Error') derived from statusCode.  */
+                error: string;
+                /** the error message derived from error.message. */
+                message: string;
+            };
+        };
+        /**  reformat()rebuilds error.output using the other object properties.  */
+        reformat(): void;
+
+    }
+
+    /** cache functionality via the "CatBox" module. */
+    export interface ICatBoxCacheOptions {
+        /**  a prototype function or catbox engine object.  */
+        engine: any;
+        /**   an identifier used later when provisioning or configuring caching for server methods or plugins. Each cache name must be unique. A single item may omit the name option which defines the default cache. If every cache includes a name, a default memory cache is provisions as well.  */
+        name?: string;
+        /**   if true, allows multiple cache users to share the same segment (e.g. multiple methods using the same cache storage container). Default to false.  */
+        shared?: boolean;
+    }
+
+    /** Any connections configuration server defaults can be included to override and customize the individual connection. */
+    export interface IServerConnectionOptions extends IConnectionConfigurationServerDefaults {
+        /**  - the public hostname or IP address. Used only to set server.info.host and server.info.uri. If not configured, defaults to the operating system hostname and if not available, to 'localhost'.*/
+        host?: string;
+        /** - sets the host name or IP address the connection will listen on.If not configured, defaults to host if present, otherwise to all available network interfaces (i.e. '0.0.0.0').Set to 127.0.0.1 or localhost to restrict connection to only those coming from the same machine.*/
+        address?: string;
+        /** - the TCP port the connection will listen to.Defaults to an ephemeral port (0) which uses an available port when the server is started (and assigned to server.info.port).If port is a string containing a '/' character, it is used as a UNIX domain socket path and if it starts with '\.\pipe' as a Windows named pipe.*/
+        port?: string | number;
+        /** - the full public URI without the path (e.g. 'http://example.com:8080').If present, used as the connection info.uri otherwise constructed from the connection settings.*/
+        uri?: string;
+        /**  - optional node.js HTTP (or HTTPS) http.Server object or any compatible object.If the listener needs to be manually started, set autoListen to false.If the listener uses TLS, set tls to true.*/
+        listener?: any;
+        /**  - indicates that the connection.listener will be started manually outside the framework.Cannot be specified with a port setting.Defaults to true.*/
+        autoListen?: boolean;
+        /**  caching headers configuration: */
+        cache?: {
+            /** - an array of HTTP response status codes (e.g. 200) which are allowed to include a valid caching directive.Defaults to [200]. */
+            statuses: number[];
+        };
+        /** - a string or string array of labels used to server.select() specific connections matching the specified labels.Defaults to an empty array [](no labels).*/
+        labels?: string | string[];
+        /**  - used to create an HTTPS connection.The tls object is passed unchanged as options to the node.js HTTPS server as described in the node.js HTTPS documentation.Set to true when passing a listener object that has been configured to use TLS directly. */
+        tls?: boolean | { key?: string; cert?: string; pfx?: string; } | Object;
+
+    }
+
+    export interface IConnectionConfigurationServerDefaults {
+        /**  application-specific connection configuration which can be accessed via connection.settings.app. Provides a safe place to store application configuration without potential conflicts with the framework internals. Should not be used to configure plugins which should use plugins[name]. Note the difference between connection.settings.app which is used to store configuration values and connection.app which is meant for storing run-time state.  */
+        app?: any;
+        /**  connection load limits configuration where:  */
+        load?: {
+            /**  maximum V8 heap size over which incoming requests are rejected with an HTTP Server Timeout (503) response. Defaults to 0 (no limit).  */
+            maxHeapUsedBytes: number;
+            /**  maximum process RSS size over which incoming requests are rejected with an HTTP Server Timeout (503) response. Defaults to 0 (no limit).  */
+            maxRssBytes: number;
+            /**  maximum event loop delay duration in milliseconds over which incoming requests are rejected with an HTTP Server Timeout (503) response. Defaults to 0 (no limit).  */
+            maxEventLoopDelay: number;
+        };
+        /**  plugin-specific configuration which can later be accessed via connection.settings.plugins. Provides a place to store and pass connection-specific plugin configuration. plugins is an object where each key is a plugin name and the value is the configuration. Note the difference between connection.settings.plugins which is used to store configuration values and connection.plugins which is meant for storing run-time state. */
+        plugins?: any;
+        /**  controls how incoming request URIs are matched against the routing table: */
+        router?: {
+            /**  determines whether the paths '/example' and '/EXAMPLE' are considered different resources. Defaults to true.  */
+            isCaseSensitive: boolean;
+            /**  removes trailing slashes on incoming paths. Defaults to false.  */
+            stripTrailingSlash: boolean;
+        };
+        /** a route options object used to set the default configuration for every route. */
+        routes?: IRouteAdditionalConfigurationOptions;
+        state?: IServerState;
+    }
+
+    /** Note that the options object is deeply cloned and cannot contain any values that are unsafe to perform deep copy on.*/
+    export interface IServerOptions {
+        /**  application-specific configuration which can later be accessed via server.settings.app. Note the difference between server.settings.app which is used to store static configuration values and server.app which is meant for storing run-time state. Defaults to {}.  */
+        app?: any;
+        /**   sets up server-side caching. Every server includes a default cache for storing application state. By default, a simple memory-based cache is created which has limited capacity and capabilities. hapi uses catbox for its cache which includes support for common storage solutions (e.g. Redis, MongoDB, Memcached, and Riak). Caching is only utilized if methods and plugins explicitly store their state in the cache. The server cache configuration only defines the storage container itself. cache can be assigned:
+        a prototype function (usually obtained by calling require() on a catbox strategy such as require('catbox-redis')).
+        a configuration object with the following options:
+        enginea prototype function or catbox engine object.
+        namean identifier used later when provisioning or configuring caching for server methods or plugins. Each cache name must be unique. A single item may omit the name option which defines the default cache. If every cache includes a name, a default memory cache is provisions as well.
+        sharedif true, allows multiple cache users to share the same segment (e.g. multiple methods using the same cache storage container). Default to false.
+        other options passed to the catbox strategy used.
+        an array of the above object for configuring multiple cache instances, each with a unique name. When an array of objects is provided, multiple cache connections are established and each array item (except one) must include a name.  */
+        cache?: string | ICatBoxCacheOptions | Array<ICatBoxCacheOptions> | any;
+        /**  sets the default connections configuration which can be overridden by each connection where:  */
+        connections?: IConnectionConfigurationServerDefaults;
+        /** determines which logged events are sent to the console (this should only be used for development and does not affect which events are actually logged internally and recorded). Set to false to disable all console logging, or to an object*/
+        debug?: boolean | {
+            /** - a string array of server log tags to be displayed via console.error() when the events are logged via server.log() as well as internally generated server logs. For example, to display all errors, set the option to ['error']. To turn off all console debug messages set it to false. Defaults to uncaught errors thrown in external code (these errors are handled automatically and result in an Internal Server Error response) or runtime errors due to developer error. */
+            log: string[];
+            /**  - a string array of request log tags to be displayed via console.error() when the events are logged via request.log() as well as internally generated request logs. For example, to display all errors, set the option to ['error']. To turn off all console debug messages set it to false. Defaults to uncaught errors thrown in external code (these errors are handled automatically and result in an Internal Server Error response) or runtime errors due to developer error.*/
+            request: string[];
+        };
+        /** file system related settings*/
+        files?: {
+            /**  sets the maximum number of file etag hash values stored in the etags cache. Defaults to 10000.*/
+            etagsCacheMaxSize?: number;
+        };
+        /**  process load monitoring*/
+        load?: {
+            /**  the frequency of sampling in milliseconds. Defaults to 0 (no sampling).*/
+            sampleInterval?: number;
+        };
+
+        /** options passed to the mimos module (https://github.com/hapijs/mimos) when generating the mime database used by the server and accessed via server.mime.*/
+        mime?: any;
+        /**  if true, does not load the inert (file and directory support), h2o2 (proxy support), and vision (views support) plugins automatically. The plugins can be loaded manually after construction. Defaults to false (plugins loaded). */
+        minimal?: boolean;
+        /** plugin-specific configuration which can later be accessed via server.settings.plugins. plugins is an object where each key is a plugin name and the value is the configuration. Note the difference between server.settings.plugins which is used to store static configuration values and server.plugins which is meant for storing run-time state. Defaults to {}.*/
+        plugins?: IDictionary<any>;
+
+    }
+
+    export interface IServerViewCompile {
+        (template: string, options: any): void;
+        (template: string, options: any, callback: (err: any, compiled: (context: any, options: any, callback: (err: any, rendered: boolean) => void) => void) => void): void;
+    }
+
+    export interface IServerViewsAdditionalOptions {
+        /**    path - the root file path used to resolve and load the templates identified when calling reply.view().Defaults to current working directory.*/
+        path?: string;
+        /**partialsPath - the root file path where partials are located.Partials are small segments of template code that can be nested and reused throughout other templates.Defaults to no partials support (empty path).
+        */
+        partialsPath?: string;
+        /**helpersPath - the directory path where helpers are located.Helpers are functions used within templates to perform transformations and other data manipulations using the template context or other inputs.Each '.js' file in the helpers directory is loaded and the file name is used as the helper name.The files must export a single method with the signature function(context) and return a string.Sub - folders are not supported and are ignored.Defaults to no helpers support (empty path).Note that jade does not support loading helpers this way.*/
+        helpersPath?: string;
+        /**relativeTo - a base path used as prefix for path and partialsPath.No default.*/
+        relativeTo?: string;
+
+        /**layout - if set to true or a layout filename, layout support is enabled.A layout is a single template file used as the parent template for other view templates in the same engine.If true, the layout template name must be 'layout.ext' where 'ext' is the engine's extension. Otherwise, the provided filename is suffixed with the engine's extension and loaded.Disable layout when using Jade as it will handle including any layout files independently.Defaults to false.*/
+        layout?: boolean;
+        /**layoutPath - the root file path where layout templates are located (using the relativeTo prefix if present). Defaults to path.*/
+        layoutPath?: string;
+        /**layoutKeyword - the key used by the template engine to denote where primary template content should go.Defaults to 'content'.*/
+        layoutKeywork?: string;
+        /**encoding - the text encoding used by the templates when reading the files and outputting the result.Defaults to 'utf8'.*/
+        encoding?: string;
+        /**isCached - if set to false, templates will not be cached (thus will be read from file on every use).Defaults to true.*/
+        isCached?: boolean;
+        /**allowAbsolutePaths - if set to true, allows absolute template paths passed to reply.view().Defaults to false.*/
+        allowAbsolutePaths?: boolean;
+        /**allowInsecureAccess - if set to true, allows template paths passed to reply.view() to contain '../'.Defaults to false.*/
+        allowInsecureAccess?: boolean;
+        /**compileOptions - options object passed to the engine's compile function. Defaults to empty options {}.*/
+        compileOptions?: any;
+        /**runtimeOptions - options object passed to the returned function from the compile operation.Defaults to empty options {}.*/
+        runtimeOptions?: any;
+        /**contentType - the content type of the engine results.Defaults to 'text/html'.*/
+        contentType?: string;
+        /**compileMode - specify whether the engine compile() method is 'sync' or 'async'.Defaults to 'sync'.*/
+        compileMode?: string;
+        /**context - a global context used with all templates.The global context option can be either an object or a function that takes no arguments and returns a context object.When rendering views, the global context will be merged with any context object specified on the handler or using reply.view().When multiple context objects are used, values from the global context always have lowest precedence.*/
+        context?: any;
+    }
+
+    export interface IServerViewsEnginesOptions extends IServerViewsAdditionalOptions {
+        /**- the npm module used for rendering the templates.The module object must contain: "module", the rendering function. The required function signature depends on the compileMode settings.
+        * If the compileMode is 'sync', the signature is compile(template, options), the return value is a function with signature function(context, options), and the method is allowed to throw errors.If the compileMode is 'async', the signature is compile(template, options, callback) where callback has the signature function(err, compiled) where compiled is a function with signature function(context, options, callback) and callback has the signature function(err, rendered).*/
+        module: {
+            compile?(template: any, options: any): (context: any, options: any) => void;
+            compile?(template: any, options: any, callback: (err: any, compiled: (context: any, options: any, callback: (err: any, rendered: any) => void) => void) => void): void;
+        };
+    }
+
+    /**Initializes the server views manager
+    var Hapi = require('hapi');
+    var server = new Hapi.Server();
+
+    server.views({
+    engines: {
+    html: require('handlebars'),
+    jade: require('jade')
+    },
+    path: '/static/templates'
+    });
+    When server.views() is called within a plugin, the views manager is only available to plugins methods.
+    */
+    export interface IServerViewsConfiguration extends IServerViewsAdditionalOptions {
+        /** - required object where each key is a file extension (e.g. 'html', 'hbr'), mapped to the npm module used for rendering the templates.Alternatively, the extension can be mapped to an object with the following options:*/
+        engines: IDictionary<any> | IServerViewsEnginesOptions;
+        /**  defines the default filename extension to append to template names when multiple engines are configured and not explicit extension is provided for a given template. No default value.*/
+        defaultExtension?: string;
+    }
+
+    /**  Concludes the handler activity by setting a response and returning control over to the framework where:
+    erran optional error response.
+    resultan optional response payload.
+    Since an request can only have one response regardless if it is an error or success, the reply() method can only result in a single response value. This means that passing both an err and result will only use the err. There is no requirement for either err or result to be (or not) an Error object. The framework will simply use the first argument if present, otherwise the second. The method supports two arguments to be compatible with the common callback pattern of error first.
+    FLOW CONTROL:
+    When calling reply(), the framework waits until process.nextTick() to continue processing the request and transmit the response. This enables making changes to the returned response object before the response is sent. This means the framework will resume as soon as the handler method exits. To suspend this behavior, the returned response object supports the following methods: hold(), send() */
+    export interface IReply {
+        <T>(err: Error,
+            result?: string | number | boolean | Buffer | stream.Stream | IPromise<T> | T,
+            /**  Note that when used to return both an error and credentials in the authentication methods, reply() must be called with three arguments function(err, null, data) where data is the additional authentication information. */
+            credentialData?: any
+        ): IBoom;
+        /**  Note that if result is a Stream with a statusCode property, that status code will be used as the default response code.  */
+        <T>(result: string | number | boolean | Buffer | stream.Stream | IPromise<T> | T): Response;
+
+        /** Returns control back to the framework without setting a response. If called in the handler, the response defaults to an empty payload with status code 200.
+          * The data argument is only used for passing back authentication data and is ignored elsewhere. */
+        continue(credentialData?: any): void;
+
+        /** Transmits a file from the file system. The 'Content-Type' header defaults to the matching mime type based on filename extension.  The response flow control rules do not apply. */
+        file(
+            /**   the file path. */
+            path: string,
+            /**  optional settings:  */
+            options?: {
+                /** - an optional filename to specify if sending a 'Content-Disposition' header, defaults to the basename of path*/
+                filename?: string;
+                /** specifies whether to include the 'Content-Disposition' header with the response. Available values:
+                false - header is not included. This is the default value.
+                'attachment'
+                'inline'*/
+                mode?: boolean | string;
+                /**   if true, looks for the same filename with the '.gz' suffix for a pre-compressed version of the file to serve if the request supports content encoding. Defaults to false.  */
+                lookupCompressed: boolean;
+            }): void;
+        /**  Concludes the handler activity by returning control over to the router with a templatized view response.
+        the response flow control rules apply. */
+
+        view(
+            /**  the template filename and path, relative to the templates path configured via the server views manager. */
+            template: string,
+            /**  optional object used by the template to render context-specific result. Defaults to no context {}. */
+            context?: {},
+            /**  optional object used to override the server's views manager configuration for this response. Cannot override isCached, partialsPath, or helpersPath which are only loaded at initialization.  */
+            options?: any): Response;
+        /** Concludes the handler activity by returning control over to the router and informing the router that a response has already been sent back directly via request.raw.res and that no further response action is needed
+        The response flow control rules do not apply. */
+        close(options?: {
+            /**   if false, the router will not call request.raw.res.end()) to ensure the response was ended. Defaults to true.  */
+            end?: boolean;
+        }): void;
+        /** Proxies the request to an upstream endpoint.
+        the response flow control rules do not apply. */
+
+        proxy(/**  an object including the same keys and restrictions defined by the route proxy handler options. */
+            options: IProxyHandlerConfig): void;
+        /** Redirects the client to the specified uri. Same as calling reply().redirect(uri).
+        he response flow control rules apply. */
+        redirect(uri: string): ResponseRedirect;
+    }
+
+    export interface ISessionHandler {
+        (request: Request, reply: IReply): void;
+    }
+    export interface IRequestHandler<T> {
+        (request: Request): T;
+    }
+
+
+    export interface IFailAction {
+        (source: string, error: any, next: () => void): void
+    }
+    /**  generates a reverse proxy handler */
+    export interface IProxyHandlerConfig {
+        /** the upstream service host to proxy requests to. The same path on the client request will be used as the path on the host.*/
+        host?: string;
+        /** the upstream service port. */
+        port?: number;
+        /**  The protocol to use when making a request to the proxied host:
+        'http'
+        'https'*/
+        protocol?: string;
+        /**  an absolute URI used instead of the incoming host, port, protocol, path, and query. Cannot be used with host, port, protocol, or mapUri.*/
+        uri?: string;
+        /**  if true, forwards the headers sent from the client to the upstream service being proxied to, headers sent from the upstream service will also be forwarded to the client. Defaults to false.*/
+        passThrough?: boolean;
+        /** localStatePassThrough - if false, any locally defined state is removed from incoming requests before being passed upstream. This is a security feature to prevent local state (e.g. authentication cookies) from leaking upstream to other servers along with the cookies intended for those servers. This value can be overridden on a per state basis via the server.state() passThrough option. Defaults to false.*/
+        localStatePassThrough?: boolean;
+        /**acceptEncoding - if false, does not pass-through the 'Accept-Encoding' HTTP header which is useful when using an onResponse post-processing to avoid receiving an encoded response (e.g. gzipped). Can only be used together with passThrough. Defaults to true (passing header).*/
+        acceptEncoding?: boolean;
+        /** rejectUnauthorized - sets the rejectUnauthorized property on the https agent making the request. This value is only used when the proxied server uses TLS/SSL. When set it will override the node.js rejectUnauthorized property. If false then ssl errors will be ignored. When true the server certificate is verified and an 500 response will be sent when verification fails. This shouldn't be used alongside the agent setting as the agent will be used instead. Defaults to the https agent default value of true.*/
+        rejectUnauthorized?: boolean;
+        /**if true, sets the 'X-Forwarded-For', 'X-Forwarded-Port', 'X-Forwarded-Proto' headers when making a request to the proxied upstream endpoint. Defaults to false.*/
+        xforward?: boolean;
+        /** the maximum number of HTTP redirections allowed, to be followed automatically by the handler. Set to false or 0 to disable all redirections (the response will contain the redirection received from the upstream service). If redirections are enabled, no redirections (301, 302, 307, 308) will be passed along to the client, and reaching the maximum allowed redirections will return an error response. Defaults to false.*/
+        redirects?: boolean | number;
+        /**number of milliseconds before aborting the upstream request. Defaults to 180000 (3 minutes).*/
+        timeout?: number;
+        /** a function used to map the request URI to the proxied URI. Cannot be used together with host, port, protocol, or uri. The function signature is function(request, callback) where:
+        request - is the incoming request object.
+        callback - is function(err, uri, headers) where:
+        err - internal error condition.
+        uri - the absolute proxy URI.
+        headers - optional object where each key is an HTTP request header and the value is the header content.*/
+        mapUri?: (request: Request, callback: (err: any, uri: string, headers?: { [key: string]: string }) => void) => void;
+        /**  a custom function for processing the response from the upstream service before sending to the client. Useful for custom error handling of responses from the proxied endpoint or other payload manipulation. Function signature is function(err, res, request, reply, settings, ttl) where: - err - internal or upstream error returned from attempting to contact the upstream proxy. - res - the node response object received from the upstream service. res is a readable stream (use the wreck module read method to easily convert it to a Buffer or string). - request - is the incoming request object. - reply - the reply interface function. - settings - the proxy handler configuration. - ttl - the upstream TTL in milliseconds if proxy.ttl it set to 'upstream' and the upstream response included a valid 'Cache-Control' header with 'max-age'.*/
+        onResponse?: (
+            err: any,
+            res: http.ServerResponse,
+            req: Request,
+            reply: IReply,
+            settings: IProxyHandlerConfig,
+            ttl: number
+        ) => void;
+        /** if set to 'upstream', applies the upstream response caching policy to the response using the response.ttl() method (or passed as an argument to the onResponse method if provided).*/
+        ttl?: number;
+        /** - a node http(s) agent to be used for connections to upstream server.  see https://nodejs.org/api/http.html#http_class_http_agent */
+        agent?: http.Agent;
+        /** sets the maximum number of sockets available per outgoing proxy host connection. false means use the wreck module default value (Infinity). Does not affect non-proxy outgoing client connections. Defaults to Infinity.*/
+        maxSockets?: boolean | number;
+    }
+    /**  TODO: fill in joi definition  */
+    export interface IJoi {
+
+    }
+    /**  a validation function using the signature function(value, options, next) */
+    export interface IValidationFunction {
+
+        (/**   the object containing the path parameters. */
+            value: any,
+            /**  the server validation options. */
+            options: any,
+            /**   the callback function called when validation is completed.  */
+            next: (err: any, value: any) => void): void;
+    }
+    /**  a custom error handler function with the signature 'function(request, reply, source, error)` */
+    export interface IRouteFailFunction {
+        /**  a custom error handler function with the signature 'function(request, reply, source, error)` */
+        (
+            /** - the [request object]. */
+            request: Request,
+            /**   the continuation reply interface. */
+            reply: IReply,
+            /**  the source of the invalid field (e.g. 'path', 'query', 'payload'). */
+            source: string,
+            /**  the error object prepared for the client response (including the validation function error under error.data). */
+            error: any): void;
+    }
+
+    /**  Each route can be customize to change the default behavior of the request lifecycle using the following options:  */
+    export interface IRouteAdditionalConfigurationOptions {
+        /**  application specific configuration.Should not be used by plugins which should use plugins[name] instead. */
+        app?: any;
+        /** authentication configuration.Value can be: false to disable authentication if a default strategy is set.
+        a string with the name of an authentication strategy registered with server.auth.strategy().
+        an object  */
+        auth?: boolean | string |
+        {
+            /**  the authentication mode.Defaults to 'required' if a server authentication strategy is configured, otherwise defaults to no authentication.Available values:
+            'required'authentication is required.
+            'optional'authentication is optional (must be valid if present).
+            'try'same as 'optional' but allows for invalid authentication. */
+            mode?: string;
+            /**  a string array of strategy names in order they should be attempted.If only one strategy is used, strategy can be used instead with the single string value.Defaults to the default authentication strategy which is available only when a single strategy is configured.  */
+            strategies?: string | Array<string>;
+            /**  if set, the payload (in requests other than 'GET' and 'HEAD') is authenticated after it is processed.Requires a strategy with payload authentication support (e.g.Hawk).Cannot be set to a value other than 'required' when the scheme sets the options.payload to true.Available values:
+            falseno payload authentication.This is the default value.
+            'required'payload authentication required.This is the default value when the scheme sets options.payload to true.
+            'optional'payload authentication performed only when the client includes payload authentication information (e.g.hash attribute in Hawk). */
+            payload?: string;
+            /**  the application scope required to access the route.Value can be a scope string or an array of scope strings.The authenticated credentials object scope property must contain at least one of the scopes defined to access the route.Set to false to remove scope requirements.Defaults to no scope required.  */
+            scope?: string | Array<string> | boolean;
+            /** the required authenticated entity type.If set, must match the entity value of the authentication credentials.Available values:
+            anythe authentication can be on behalf of a user or application.This is the default value.
+            userthe authentication must be on behalf of a user.
+            appthe authentication must be on behalf of an application. */
+            entity?: string;
+            /**
+            * an object or array of objects specifying the route access rules. Each rule is evaluated against an incoming
+            * request and access is granted if at least one rule matches. Each rule object must include at least one of:
+            */
+            access?: IRouteAdditionalConfigurationAuthAccess | IRouteAdditionalConfigurationAuthAccess[];
+        };
+        /** an object passed back to the provided handler (via this) when called. */
+        bind?: any;
+        /** if the route method is 'GET', the route can be configured to include caching directives in the response using the following options */
+        cache?: {
+            /**  mines the privacy flag included in clientside caching using the 'Cache-Control' header.Values are:
+            fault'no privacy flag.This is the default setting.
+            'public'mark the response as suitable for public caching.
+            'private'mark the response as suitable only for private caching.  */
+            privacy: string;
+            /**  relative expiration expressed in the number of milliseconds since the item was saved in the cache.Cannot be used together with expiresAt. */
+            expiresIn: number;
+            /**  time of day expressed in 24h notation using the 'HH:MM' format, at which point all cache records for the route expire.Cannot be used together with expiresIn.  */
+            expiresAt: string;
+        };
+        /** the Cross- Origin Resource Sharing protocol allows browsers to make cross- origin API calls.CORS is required by web applications running inside a browser which are loaded from a different domain than the API server.CORS headers are disabled by default. To enable, set cors to true, or to an object with the following options: */
+        cors?: {
+            /** a strings array of allowed origin servers ('Access-Control-Allow-Origin').The array can contain any combination of fully qualified origins along with origin strings containing a wildcard '' character, or a single `''origin string. Defaults to any origin['*']`. */
+            origin?: Array<string>;
+            /** if true, matches the value of the incoming 'Origin' header to the list of origin values ('*' matches anything) and if a match is found, uses that as the value of the 'Access-Control-Allow-Origin' response header.When false, the origin config is returned as- is.Defaults to true.  */
+            matchOrigin?: boolean;
+            /** if false, prevents the connection from returning the full list of non- wildcard origin values if the incoming origin header does not match any of the values.Has no impact if matchOrigin is set to false.Defaults to true. */
+            isOriginExposed?: boolean;
+            /**  number of seconds the browser should cache the CORS response ('Access-Control-Max-Age').The greater the value, the longer it will take before the browser checks for changes in policy.Defaults to 86400 (one day). */
+            maxAge?: number;
+            /**  a strings array of allowed headers ('Access-Control-Allow-Headers').Defaults to ['Authorization', 'Content-Type', 'If-None-Match']. */
+            headers?: string[];
+            /**  a strings array of additional headers to headers.Use this to keep the default headers in place. */
+            additionalHeaders?: string[];
+            /**  a strings array of allowed HTTP methods ('Access-Control-Allow-Methods').Defaults to ['GET', 'HEAD', 'POST', 'PUT', 'DELETE', 'OPTIONS']. */
+            methods?: string[];
+            /**  a strings array of additional methods to methods.Use this to keep the default methods in place. */
+            additionalMethods?: string[];
+            /**  a strings array of exposed headers ('Access-Control-Expose-Headers').Defaults to ['WWW-Authenticate', 'Server-Authorization']. */
+            exposedHeaders?: string[];
+            /**  a strings array of additional headers to exposedHeaders.Use this to keep the default headers in place. */
+            additionalExposedHeaders?: string[];
+            /**  if true, allows user credentials to be sent ('Access-Control-Allow-Credentials').Defaults to false. */
+            credentials?: boolean;
+            /** if false, preserves existing CORS headers set manually before the response is sent.Defaults to true. */
+            override?: boolean;
+        };
+        /**   defines the behavior for serving static resources using the built-in route handlers for files and directories: */
+        files?: {/** determines the folder relative paths are resolved against when using the file and directory handlers. */
+            relativeTo: string;
+        };
+
+        /**  an alternative location for the route handler option. */
+        handler?: ISessionHandler | string | IRouteHandlerConfig;
+        /** an optional unique identifier used to look up the route using server.lookup(). */
+        id?: number;
+        /** optional arguments passed to JSON.stringify() when converting an object or error response to a string payload.Supports the following: */
+        json?: {
+            /** the replacer function or array.Defaults to no action. */
+            replacer?: Function | string[];
+            /**  number of spaces to indent nested object keys.Defaults to no indentation. */
+            space?: number | string;
+            /** string suffix added after conversion to JSON string.Defaults to no suffix. */
+            suffix?: string;
+        };
+        /** enables JSONP support by setting the value to the query parameter name containing the function name used to wrap the response payload.For example, if the value is 'callback', a request comes in with 'callback=me', and the JSON response is '{ "a":"b" }', the payload will be 'me({ "a":"b" });'.Does not work with stream responses. */
+        jsonp?: string;
+        /** determines how the request payload is processed: */
+        payload?: {
+            /**  the type of payload representation requested. The value must be one of:
+            'data'the incoming payload is read fully into memory.If parse is true, the payload is parsed (JSON, formdecoded, multipart) based on the 'Content- Type' header.If parse is false, the raw Buffer is returned.This is the default value except when a proxy handler is used.
+            'stream'the incoming payload is made available via a Stream.Readable interface.If the payload is 'multipart/form-data' and parse is true, fields values are presented as text while files are provided as streams.File streams from a 'multipart/form-data' upload will also have a property hapi containing filename and headers properties.
+            'file'the incoming payload in written to temporary file in the directory specified by the server's payload.uploads settings. If the payload is 'multipart/ formdata' and parse is true, fields values are presented as text while files are saved. Note that it is the sole responsibility of the application to clean up the files generated by the framework. This can be done by keeping track of which files are used (e.g. using the request.app object), and listening to the server 'response' event to perform any needed cleaup. */
+            output?: string;
+            /**  can be true, false, or gunzip; determines if the incoming payload is processed or presented raw. true and gunzip includes gunzipping when the appropriate 'Content-Encoding' is specified on the received request. If parsing is enabled and the 'Content-Type' is known (for the whole payload as well as parts), the payload is converted into an object when possible. If the format is unknown, a Bad Request (400) error response is sent. Defaults to true, except when a proxy handler is used. The supported mime types are:
+            'application/json'
+            'application/x-www-form-urlencoded'
+            'application/octet-stream'
+            'text/ *'
+            'multipart/form-data' */
+            parse?: string | boolean;
+            /** a string or an array of strings with the allowed mime types for the endpoint.Defaults to any of the supported mime types listed above.Note that allowing other mime types not listed will not enable them to be parsed, and that if parsing mode is 'parse', the request will result in an error response. */
+            allow?: string | string[];
+            /** a mime type string overriding the 'Content-Type' header value received.Defaults to no override. */
+            override?: string;
+            /**  limits the size of incoming payloads to the specified byte count.Allowing very large payloads may cause the server to run out of memory.Defaults to 1048576 (1MB).  */
+            maxBytes?: number;
+            /** payload reception timeout in milliseconds.Sets the maximum time allowed for the client to transmit the request payload (body) before giving up and responding with a Request Timeout (408) error response.Set to false to disable.Defaults to 10000 (10 seconds). */
+            timeout?: number;
+            /**  the directory used for writing file uploads.Defaults to os.tmpDir(). */
+            uploads?: string;
+            /**  determines how to handle payload parsing errors. Allowed values are:
+            'error'return a Bad Request (400) error response. This is the default value.
+            'log'report the error but continue processing the request.
+            'ignore'take no action and continue processing the request. */
+            failAction?: string;
+        };
+        /** pluginspecific configuration.plugins is an object where each key is a plugin name and the value is the plugin configuration.  */
+        plugins?: IDictionary<any>;
+        /** an array with [route prerequisites] methods which are executed in serial or in parallel before the handler is called.  */
+        pre?: any[];
+        /** validation rules for the outgoing response payload (response body).Can only validate object response: */
+        response?: {
+            /** the default HTTP status code when the payload is empty. Value can be 200 or 204.
+            Note that a 200 status code is converted to a 204 only at the time or response transmission
+            (the response status code will remain 200 throughout the request lifecycle unless manually set). Defaults to 200. */
+            emptyStatusCode?: number;
+            /**   the default response object validation rules (for all non-error responses) expressed as one of:
+            true - any payload allowed (no validation performed). This is the default.
+            false - no payload allowed.
+            a Joi validation object.
+            a validation function using the signature function(value, options, next) where:
+            value - the object containing the response object.
+            options - the server validation options.
+            next(err) - the callback function called when validation is completed.  */
+            schema?: boolean | any;
+            /** HTTP status- codespecific validation rules.The status key is set to an object where each key is a 3 digit HTTP status code and the value has the same definition as schema.If a response status code is not present in the status object, the schema definition is used, expect for errors which are not validated by default.  */
+            status?: { [statusCode: number] : boolean | any };
+            /** the percent of responses validated (0100).Set to 0 to disable all validation.Defaults to 100 (all responses). */
+            sample?: number;
+            /**  defines what to do when a response fails validation.Options are:
+            errorreturn an Internal Server Error (500) error response.This is the default value.
+            loglog the error but send the response.  */
+            failAction?: string;
+            /** if true, applies the validation rule changes to the response.Defaults to false. */
+            modify?: boolean;
+            /** options to pass to Joi.Useful to set global options such as stripUnknown or abortEarly (the complete list is available here: https://github.com/hapijs/joi#validatevalue-schema-options-callback ).Defaults to no options.  */
+            options?: any;
+        };
+        /** sets common security headers (disabled by default).To enable set security to true or to an object with the following options */
+        security?: boolean | {
+            /** controls the 'Strict-Transport-Security' header.If set to true the header will be set to max- age=15768000, if specified as a number the maxAge parameter will be set to that number.Defaults to true.You may also specify an object with the following fields: */
+            hsts?: boolean | number | {
+                /** the max- age portion of the header, as a number.Default is 15768000. */
+                maxAge?: number;
+                /**  a boolean specifying whether to add the includeSubdomains flag to the header. */
+                includeSubdomains?: boolean;
+                /** a boolean specifying whether to add the 'preload' flag (used to submit domains inclusion in Chrome's HTTP Strict Transport Security (HSTS) preload list) to the header. */
+                preload?: boolean;
+            };
+            /** controls the 'X-Frame-Options' header.When set to true the header will be set to DENY, you may also specify a string value of 'deny' or 'sameorigin'.To use the 'allow-from' rule, you must set this to an object with the following fields: */
+            xframe?: {
+                /** either 'deny', 'sameorigin', or 'allow-from' */
+                rule: string;
+                /** when rule is 'allow-from' this is used to form the rest of the header, otherwise this field is ignored.If rule is 'allow-from' but source is unset, the rule will be automatically changed to 'sameorigin'. */
+                source: string;
+            };
+            /** boolean that controls the 'X-XSS-PROTECTION' header for IE.Defaults to true which sets the header to equal '1; mode=block'.NOTE: This setting can create a security vulnerability in versions of IE below 8, as well as unpatched versions of IE8.See here and here for more information.If you actively support old versions of IE, it may be wise to explicitly set this flag to false. */
+            xss?: boolean;
+            /**  boolean controlling the 'X-Download-Options' header for IE, preventing downloads from executing in your context.Defaults to true setting the header to 'noopen'. */
+            noOpen?: boolean;
+            /** boolean controlling the 'X-Content-Type-Options' header.Defaults to true setting the header to its only and default option, 'nosniff'. */
+            noSniff?: boolean;
+        };
+        /** HTTP state management (cookies) allows the server to store information on the client which is sent back to the server with every request (as defined in RFC 6265).state supports the following options: */
+        state?: {
+            /** determines if incoming 'Cookie' headers are parsed and stored in the request.state object.Defaults to true. */
+            parse: boolean;
+            /** determines how to handle cookie parsing errors.Allowed values are:
+            'error'return a Bad Request (400) error response.This is the default value.
+            'log'report the error but continue processing the request.
+            'ignore'take no action. */
+            failAction: string;
+        };
+        /**  request input validation rules for various request components.When using a Joi validation object, the values of the other inputs (i.e.headers, query, params, payload, and auth) are made available under the validation context (accessible in rules as Joi.ref('$query.key')).Note that validation is performed in order(i.e.headers, params, query, payload) and if type casting is used (converting a string to number), the value of inputs not yet validated will reflect the raw, unvalidated and unmodified values.The validate object supports: */
+        validate?: {
+            /** validation rules for incoming request headers.Values allowed:
+            * trueany headers allowed (no validation performed).This is the default.
+            falseno headers allowed (this will cause all valid HTTP requests to fail).
+            a Joi validation object.
+            a validation function using the signature function(value, options, next) where:
+            valuethe object containing the request headers.
+            optionsthe server validation options.
+            next(err, value)the callback function called when validation is completed.
+            */
+            headers?: boolean | IJoi | IValidationFunction;
+
+
+            /** validation rules for incoming request path parameters, after matching the path against the route and extracting any parameters then stored in request.params.Values allowed:
+            trueany path parameters allowed (no validation performed).This is the default.
+            falseno path variables allowed.
+            a Joi validation object.
+            a validation function using the signature function(value, options, next) where:
+            valuethe object containing the path parameters.
+            optionsthe server validation options.
+            next(err, value)the callback function called when validation is completed. */
+            params?: boolean | IJoi | IValidationFunction;
+            /** validation rules for an incoming request URI query component (the key- value part of the URI between '?' and '#').The query is parsed into its individual key- value pairs (using the qs module) and stored in request.query prior to validation.Values allowed:
+            trueany query parameters allowed (no validation performed).This is the default.
+            falseno query parameters allowed.
+            a Joi validation object.
+            a validation function using the signature function(value, options, next) where:
+            valuethe object containing the query parameters.
+            optionsthe server validation options.
+            next(err, value)the callback function called when validation is completed. */
+            query?: boolean | IJoi | IValidationFunction;
+            /**  validation rules for an incoming request payload (request body).Values allowed:
+            trueany payload allowed (no validation performed).This is the default.
+            falseno payload allowed.
+            a Joi validation object.
+            a validation function using the signature function(value, options, next) where:
+            valuethe object containing the payload object.
+            optionsthe server validation options.
+            next(err, value)the callback function called when validation is completed.  */
+            payload?: boolean | IJoi | IValidationFunction;
+            /** an optional object with error fields copied into every validation error response. */
+            errorFields?: any;
+            /** determines how to handle invalid requests.Allowed values are:
+            'error'return a Bad Request (400) error response.This is the default value.
+            'log'log the error but continue processing the request.
+            'ignore'take no action.
+            OR a custom error handler function with the signature 'function(request, reply, source, error)` where:
+            requestthe request object.
+            replythe continuation reply interface.
+            sourcethe source of the invalid field (e.g. 'path', 'query', 'payload').
+            errorthe error object prepared for the client response (including the validation function error under error.data). */
+            failAction?: string | IRouteFailFunction;
+            /** options to pass to Joi.Useful to set global options such as stripUnknown or abortEarly (the complete list is available here: https://github.com/hapijs/joi#validatevalue-schema-options-callback ).Defaults to no options. */
+            options?: any;
+        };
+        /** define timeouts for processing durations: */
+        timeout?: {
+            /** response timeout in milliseconds.Sets the maximum time allowed for the server to respond to an incoming client request before giving up and responding with a Service Unavailable (503) error response.Disabled by default (false). */
+            server: boolean | number;
+            /** by default, node sockets automatically timeout after 2 minutes.Use this option to override this behavior.Defaults to undefined which leaves the node default unchanged.Set to false to disable socket timeouts. */
+            socket: boolean | number;
+        };
+
+        /**  ONLY WHEN ADDING NEW ROUTES (not when setting defaults).
+        *route description used for generating documentation (string).
+        */
+        description?: string;
+        /**  ONLY WHEN ADDING NEW ROUTES (not when setting defaults).
+        *route notes used for generating documentation (string or array of strings).
+        */
+        notes?: string | string[];
+        /**  ONLY WHEN ADDING NEW ROUTES (not when setting defaults).
+        *route tags used for generating documentation (array of strings).
+        */
+        tags?: string[]
+    }
+
+    /**
+    * specifying the route access rules. Each rule is evaluated against an incoming request and access is granted if at least one rule matches
+    */
+    export interface IRouteAdditionalConfigurationAuthAccess {
+        /**
+        * the application scope required to access the route. Value can be a scope string or an array of scope strings.
+        * The authenticated credentials object scope property must contain at least one of the scopes defined to access the route.
+        * If a scope string begins with a + character, that scope is required. If a scope string begins with a ! character,
+        * that scope is forbidden. For example, the scope ['!a', '+b', 'c', 'd'] means the incoming request credentials'
+        * scope must not include 'a', must include 'b', and must include on of 'c' or 'd'. You may also access properties
+        * on the request object (query and params} to populate a dynamic scope by using {} characters around the property name,
+        * such as 'user-{params.id}'. Defaults to false (no scope requirements).
+        */
+        scope?: string | Array<string> | boolean;
+        /** the required authenticated entity type. If set, must match the entity value of the authentication credentials. Available values:
+        * any - the authentication can be on behalf of a user or application. This is the default value.
+        * user - the authentication must be on behalf of a user which is identified by the presence of a user attribute in the credentials object returned by the authentication strategy.
+        * app - the authentication must be on behalf of an application which is identified by the lack of presence of a user attribute in the credentials object returned by the authentication strategy.
+        */
+        entity?: string;
+    }
+
+    /** server.realm http://hapijs.com/api#serverrealm
+    The realm object contains server-wide or plugin-specific state that can be shared across various methods. For example, when calling server.bind(),
+    the active realm settings.bind property is set which is then used by routes and extensions added at the same level (server root or plugin).
+    Realms are a limited version of a sandbox where plugins can maintain state used by the framework when adding routes, extensions, and other properties.
+    The server.realm object should be considered read-only and must not be changed directly except for the plugins property can be directly manipulated by the plugins (each setting its own under plugins[name]).
+    exports.register = function (server, options, next) {
+    console.log(server.realm.modifiers.route.prefix);
+    return next();
+    };
+    */
+    export interface IServerRealm {
+        /** when the server object is provided as an argument to the plugin register() method, modifiers provides the registration preferences passed the server.register() method */
+        modifiers: {
+            /** routes preferences: */
+            route: {
+                /** - the route path prefix used by any calls to server.route() from the server. */
+                prefix: string;
+                /**  the route virtual host settings used by any calls to server.route() from the server. */
+                vhost: string;
+            };
+
+        };
+        /** the active plugin name (empty string if at the server root). */
+        plugin: string;
+        /** plugin-specific state to be shared only among activities sharing the same active state. plugins is an object where each key is a plugin name and the value is the plugin state. */
+        plugins: IDictionary<any>;
+        /**  settings overrides */
+        settings: {
+            files: {
+                relativeTo: any;
+            };
+            bind: any;
+        }
+    }
+    /** server.state(name, [options]) http://hapijs.com/api#serverstatename-options
+    HTTP state management uses client cookies to persist a state across multiple requests. Registers a cookie definitions where:*/
+    export interface IServerState {
+/**  - the cookie name string. */name: string;
+
+/** - are the optional cookie settings: */options: {
+/**  - time - to - live in milliseconds.Defaults to null (session time- life - cookies are deleted when the browser is closed).*/ttl: number;
+/**  - sets the 'Secure' flag.Defaults to false.*/isSecure: boolean;
+/**  - sets the 'HttpOnly' flag.Defaults to false.*/isHttpOnly: boolean
+/**  - the path scope.Defaults to null (no path).*/path: any;
+/**  - the domain scope.Defaults to null (no domain). */domain: any;
+            /**  if present and the cookie was not received from the client or explicitly set by the route handler, the cookie is automatically added to the response with the provided value. The value can be a function with signature function(request, next) where:
+            request - the request object.
+            next - the continuation function using the function(err, value) signature.*/
+            autoValue: (request: Request, next: (err: any, value: any) => void) => void;
+            /**  - encoding performs on the provided value before serialization. Options are:
+            'none' - no encoding. When used, the cookie value must be a string. This is the default value.
+            'base64' - string value is encoded using Base64.
+            'base64json' - object value is JSON-stringified than encoded using Base64.
+            'form' - object value is encoded using the x-www-form-urlencoded method.
+            'iron' - Encrypts and sign the value using iron.*/
+            encoding: string;
+/**  - an object used to calculate an HMAC for cookie integrity validation.This does not provide privacy, only a mean to verify that the cookie value was generated by the server.Redundant when 'iron' encoding is used.Options are:*/sign: {
+/** - algorithm options.Defaults to require('iron').defaults.integrity.*/integrity: any;
+/** - password used for HMAC key generation.*/password: string;
+            };
+/**  - password used for 'iron' encoding.*/password: string;
+/** - options for 'iron' encoding.Defaults to require('iron').defaults.*/iron: any;
+/** - if false, errors are ignored and treated as missing cookies.*/ignoreErrors: boolean;
+/**  - if true, automatically instruct the client to remove invalid cookies.Defaults to false.*/clearInvalid: boolean;
+/**  - if false, allows any cookie value including values in violation of RFC 6265. Defaults to true.*/strictHeader: boolean;
+/**  - overrides the default proxy localStatePassThrough setting.*/passThrough: any;
+        };
+    }
+
+    export interface IFileHandlerConfig {
+        /**  a path string or function as described above.*/
+        path: string;
+        /** an optional filename to specify if sending a 'Content-Disposition' header, defaults to the basename of path*/
+        filename?: string;
+        /**- specifies whether to include the 'Content-Disposition' header with the response. Available values:
+        false - header is not included. This is the default value.
+        'attachment'
+        'inline'*/
+        mode?: boolean | string;
+        /** if true, looks for the same filename with the '.gz' suffix for a pre-compressed version of the file to serve if the request supports content encoding. Defaults to false.*/
+        lookupCompressed: boolean;
+    }
+
+    /**http://hapijs.com/api#route-handler
+    Built-in handlers
+
+    The framework comes with a few built-in handler types available by setting the route handler config to an object containing one of these keys.*/
+    export interface IRouteHandlerConfig {
+        /** generates a static file endpoint for serving a single file. file can be set to:
+                    a relative or absolute file path string (relative paths are resolved based on the route files configuration).
+        a function with the signature function(request) which returns the relative or absolute file path.
+        an object with the following options */
+        file?: string | IRequestHandler<void> | IFileHandlerConfig;
+        /** directory - generates a directory endpoint for serving static content from a directory. Routes using the directory handler must include a path parameter at the end of the path string (e.g. /path/to/somewhere/{param} where the parameter name does not matter). The path parameter can use any of the parameter options (e.g. {param} for one level files only, {param?} for one level files or the directory root, {param*} for any level, or {param*3} for a specific level). If additional path parameters are present, they are ignored for the purpose of selecting the file system resource. The directory handler is an object with the following options:
+                    path - (required) the directory root path (relative paths are resolved based on the route files configuration). Value can be:
+        a single path string used as the prefix for any resources requested by appending the request path parameter to the provided string.
+        an array of path strings. Each path will be attempted in order until a match is found (by following the same process as the single path string).
+        a function with the signature function(request) which returns the path string or an array of path strings. If the function returns an error, the error is passed back to the client in the response.
+        index - optional boolean|string|string[], determines if an index file will be served if found in the folder when requesting a directory. The given string or strings specify the name(s) of the index file to look for. If true, looks for 'index.html'. Any falsy value disables index file lookup. Defaults to true.
+        listing - optional boolean, determines if directory listing is generated when a directory is requested without an index document. Defaults to false.
+        showHidden - optional boolean, determines if hidden files will be shown and served. Defaults to false.
+        redirectToSlash - optional boolean, determines if requests for a directory without a trailing slash are redirected to the same path with the missing slash. Useful for ensuring relative links inside the response are resolved correctly. Disabled when the server config router.stripTrailingSlash is true.Defaults to false.
+        lookupCompressed - optional boolean, instructs the file processor to look for the same filename with the '.gz' suffix for a pre-compressed version of the file to serve if the request supports content encoding. Defaults to false.
+        defaultExtension - optional string, appended to file requests if the requested file is not found. Defaults to no extension.*/
+        directory?: {
+            path: string | Array<string> | IRequestHandler<string> | IRequestHandler<Array<string>>;
+            index?: boolean | string | string[];
+            listing?: boolean;
+            showHidden?: boolean;
+            redirectToSlash?: boolean;
+            lookupCompressed?: boolean;
+            defaultExtension?: string;
+        };
+        proxy?: IProxyHandlerConfig;
+        view?: string | {
+            template: string;
+            context: {
+                payload: any;
+                params: any;
+                query: any;
+                pre: any;
+            }
+        };
+        config?: {
+            handler: any;
+            bind: any;
+            app: any;
+            plugins: {
+                [name: string]: any;
+            };
+            pre: Array<() => void>;
+            validate: {
+                headers: any;
+                params: any;
+                query: any;
+                payload: any;
+                errorFields?: any;
+                failAction?: string | IFailAction;
+            };
+            payload: {
+                output: {
+                    data: any;
+                    stream: any;
+                    file: any;
+                };
+                parse?: any;
+                allow?: string | Array<string>;
+                override?: string;
+                maxBytes?: number;
+                uploads?: number;
+                failAction?: string;
+            };
+            response: {
+                schema: any;
+                sample: number;
+                failAction: string;
+            };
+            cache: {
+                privacy: string;
+                expiresIn: number;
+                expiresAt: number;
+            };
+            auth: string | boolean | {
+                mode: string;
+                strategies: Array<string>;
+                payload?: boolean | string;
+                tos?: boolean | string;
+                scope?: string | Array<string>;
+                entity: string;
+            };
+            cors?: boolean;
+            jsonp?: string;
+            description?: string;
+            notes?: string | Array<string>;
+            tags?: Array<string>;
+        };
+    }
+    /** Route configuration
+    The route configuration object*/
+    export interface IRouteConfiguration {
+        /**  - (required) the absolute path used to match incoming requests (must begin with '/'). Incoming requests are compared to the configured paths based on the connection router configuration option.The path can include named parameters enclosed in {} which will be matched against literal values in the request as described in Path parameters.*/
+        path: string;
+        /** - (required) the HTTP method.Typically one of 'GET', 'POST', 'PUT', 'PATCH', 'DELETE', or 'OPTIONS'.Any HTTP method is allowed, except for 'HEAD'.Use '*' to match against any HTTP method (only when an exact match was not found, and any match with a specific method will be given a higher priority over a wildcard match).
+        * Can be assigned an array of methods which has the same result as adding the same route with different methods manually.*/
+        method: string | string[];
+        /**  - an optional domain string or an array of domain strings for limiting the route to only requests with a matching host header field.Matching is done against the hostname part of the header only (excluding the port).Defaults to all hosts.*/
+        vhost?: string;
+        /**  - (required) the function called to generate the response after successful authentication and validation.The handler function is described in Route handler.If set to a string, the value is parsed the same way a prerequisite server method string shortcut is processed.Alternatively, handler can be assigned an object with a single key using the name of a registered handler type and value with the options passed to the registered handler.*/
+        handler: ISessionHandler | string | IRouteHandlerConfig;
+        /** - additional route options.*/
+        config?: IRouteAdditionalConfigurationOptions;
+    }
+    /** Route public interface When route information is returned or made available as a property.  http://hapijs.com/api#route-public-interface */
+    export interface IRoute {
+
+
+        /** the route HTTP method. */
+        method: string;
+        /** the route path. */
+        path: string;
+        /** the route vhost option if configured. */
+        vhost?: string | Array<string>;
+        /** the [active realm] associated with the route.*/
+        realm: IServerRealm;
+        /** the [route options]  object with all defaults applied. */
+        settings: IRouteAdditionalConfigurationOptions;
+    }
+
+    export interface IServerAuthScheme {
+        /** authenticate(request, reply) - required function called on each incoming request configured with the authentication scheme where:
+        request - the request object.
+        reply - the reply interface the authentication method must call when done authenticating the request where:
+        reply(err, response, result) - is called if authentication failed where:
+        err - any authentication error.
+        response - any authentication response action such as redirection. Ignored if err is present, otherwise required.
+        result - an object containing:
+        credentials - the authenticated credentials.
+        artifacts - optional authentication artifacts.
+        reply.continue(result) - is called if authentication succeeded where:
+        result - same object as result above.
+        When the scheme authenticate() method implementation calls reply() with an error condition, the specifics of the error affect whether additional authentication strategies will be attempted if configured for the route.
+        .If the err returned by the reply() method includes a message, no additional strategies will be attempted.
+        If the err does not include a message but does include a scheme name (e.g. Boom.unauthorized(null, 'Custom')), additional strategies will be attempted in order of preference.
+        var server = new Hapi.Server();
+        server.connection({ port: 80 });
+        var scheme = function (server, options) {
+        return {
+        authenticate: function (request, reply) {
+        var req = request.raw.req;
+        var authorization = req.headers.authorization;
+        if (!authorization) {
+        return reply(Boom.unauthorized(null, 'Custom'));
+        }
+        return reply(null, { credentials: { user: 'john' } });
+        }
+        };
+        };
+        server.auth.scheme('custom', scheme);*/
+        authenticate(request: Request, reply: IReply): void;
+        /** payload(request, reply) - optional function called to authenticate the request payload where:
+        request - the request object.
+        reply(err, response) - is called if authentication failed where:
+        err - any authentication error.
+        response - any authentication response action such as redirection. Ignored if err is present, otherwise required.
+        reply.continue() - is called if payload authentication succeeded.
+        When the scheme payload() method returns an error with a message, it means payload validation failed due to bad payload. If the error has no message but includes a scheme name (e.g. Boom.unauthorized(null, 'Custom')), authentication may still be successful if the route auth.payload configuration is set to 'optional'.*/
+        payload?(request: Request, reply: IReply): void;
+        /** response(request, reply) - optional function called to decorate the response with authentication headers before the response headers or payload is written where:
+        request - the request object.
+        reply(err, response) - is called if an error occurred where:
+        err - any authentication error.
+        response - any authentication response to send instead of the current response. Ignored if err is present, otherwise required.
+        reply.continue() - is called if the operation succeeded.*/
+        response?(request: Request, reply: IReply): void;
+        /** an optional object  */
+        options?: {
+            /**  if true, requires payload validation as part of the scheme and forbids routes from disabling payload auth validation. Defaults to false.*/
+            payload: boolean;
+        }
+    }
+
+
+
+    export interface IServerInject {
+        (options: string | {
+            /**  the request HTTP method (e.g. 'POST'). Defaults to 'GET'.*/
+            method: string;
+            /** the request URL. If the URI includes an authority (e.g. 'example.com:8080'), it is used to automatically set an HTTP 'Host' header, unless one was specified in headers.*/
+            url: string;
+            /** an object with optional request headers where each key is the header name and the value is the header content. Defaults to no additions to the default Shot headers.*/
+            headers?: IDictionary<string>;
+            /** n optional string, buffer or object containing the request payload. In case of an object it will be converted to a string for you. Defaults to no payload. Note that payload processing defaults to 'application/json' if no 'Content-Type' header provided.*/
+            payload?: string | {} | Buffer;
+            /** an optional credentials object containing authentication information. The credentials are used to bypass the default authentication strategies, and are validated directly as if they were received via an authentication scheme. Defaults to no credentials.*/
+            credentials?: any;
+            /** an optional artifacts object containing authentication artifact information. The artifacts are used to bypass the default authentication strategies, and are validated directly as if they were received via an authentication scheme. Ignored if set without credentials. Defaults to no artifacts.*/
+            artifacts?: any;
+            /** sets the initial value of request.app*/
+            app?: any;
+            /** sets the initial value of request.plugins*/
+            plugins?: any;
+            /** allows access to routes with config.isInternal set to true. Defaults to false.*/
+            allowInternals?: boolean;
+            /** sets the remote address for the incoming connection.*/
+            remoteAddress?: boolean;
+            /**object with options used to simulate client request stream conditions for testing:
+            error - if true, emits an 'error' event after payload transmission (if any). Defaults to false.
+            close - if true, emits a 'close' event after payload transmission (if any). Defaults to false.
+            end - if false, does not end the stream. Defaults to true.*/
+            simulate?: {
+                error: boolean;
+                close: boolean;
+                end: boolean;
+            };
+        },
+            callback: (
+                /**the response object where:
+                statusCode - the HTTP status code.
+                headers - an object containing the headers set.
+                payload - the response payload string.
+                rawPayload - the raw response payload buffer.
+                raw - an object with the injection request and response objects:
+                req - the simulated node request object.
+                res - the simulated node response object.
+                result - the raw handler response (e.g. when not a stream or a view) before it is serialized for transmission. If not available, the value is set to payload. Useful for inspection and reuse of the internal objects returned (instead of parsing the response string).
+                request - the request object.*/
+                res: { statusCode: number; headers: IDictionary<string>; payload: string; rawPayload: Buffer; raw: { req: http.ClientRequest; res: http.ServerResponse }; result: string; request: Request }) => void
+        ): void;
+
+    }
+
+
+    /** host - optional host to filter routes matching a specific virtual host. Defaults to all virtual hosts.
+    The return value is an array where each item is an object containing:
+    info - the connection.info the connection the table was generated for.
+    labels - the connection labels.
+    table - an array of routes where each route contains:
+    settings - the route config with defaults applied.
+    method - the HTTP method in lower case.
+    path - the route path.*/
+    export interface IConnectionTable {
+        info: any;
+        labels: any;
+        table: IRoute[];
+    }
+
+    export interface ICookieSettings {
+        /** - time - to - live in milliseconds.Defaults to null (session time- life - cookies are deleted when the browser is closed).*/
+        ttl?: number;
+        /** - sets the 'Secure' flag.Defaults to false.*/
+        isSecure?: boolean;
+        /** - sets the 'HttpOnly' flag.Defaults to false.*/
+        isHttpOnly?: boolean;
+        /** - the path scope.Defaults to null (no path).*/
+        path?: string;
+        /** - the domain scope.Defaults to null (no domain).*/
+        domain?: any;
+        /** - if present and the cookie was not received from the client or explicitly set by the route handler, the cookie is automatically added to the response with the provided value.The value can be a function with signature function(request, next) where:
+        request - the request object.
+        next - the continuation function using the function(err, value) signature.*/
+        autoValue?: (request: Request, next: (err: any, value: any) => void) => void;
+        /** - encoding performs on the provided value before serialization.Options are:
+        'none' - no encoding.When used, the cookie value must be a string.This is the default value.
+        'base64' - string value is encoded using Base64.
+        'base64json' - object value is JSON- stringified than encoded using Base64.
+        'form' - object value is encoded using the x- www - form - urlencoded method. */
+        encoding?: string;
+        /**  - an object used to calculate an HMAC for cookie integrity validation.This does not provide privacy, only a mean to verify that the cookie value was generated by the server.Redundant when 'iron' encoding is used.Options are:
+        integrity - algorithm options.Defaults to require('iron').defaults.integrity.
+        password - password used for HMAC key generation. */
+        sign?: { integrity: any; password: string; }
+        password?: string;
+        iron?: any;
+        ignoreErrors?: boolean;
+        clearInvalid?: boolean;
+        strictHeader?: boolean;
+        passThrough?: any;
+    }
+
+    /** method - the method function with the signature is one of:
+    function(arg1, arg2, ..., argn, next) where:
+    arg1, arg2, etc. - the method function arguments.
+    next - the function called when the method is done with the signature function(err, result, ttl) where:
+    err - error response if the method failed.
+    result - the return value.
+    ttl - 0 if result is valid but cannot be cached. Defaults to cache policy.
+    function(arg1, arg2, ..., argn) where:
+    arg1, arg2, etc. - the method function arguments.
+    the callback option is set to false.
+    the method must returns a value (result, Error, or a promise) or throw an Error.*/
+    export interface IServerMethod {
+        //(): void;
+        //(next: (err: any, result: any, ttl: number) => void): void;
+        //(arg1: any): void;
+        //(arg1: any, arg2: any, next: (err: any, result: any, ttl: number) => void): void;
+        //(arg1: any, arg2: any): void;
+        (...args: any[]): void;
+
+    }
+    /** options - optional configuration:
+    bind - a context object passed back to the method function (via this) when called. Defaults to active context (set via server.bind() when the method is registered.
+    cache - the same cache configuration used in server.cache().
+    callback - if false, expects the method to be a synchronous function. Note that using a synchronous function with caching will convert the method interface to require a callback as an additional argument with the signature function(err, result, cached, report) since the cache interface cannot return values synchronously. Defaults to true.
+    generateKey - a function used to generate a unique key (for caching) from the arguments passed to the method function (the callback argument is not passed as input). The server will automatically generate a unique key if the function's arguments are all of types 'string', 'number', or 'boolean'. However if the method uses other types of arguments, a key generation function must be provided which takes the same arguments as the function and returns a unique string (or null if no key can be generated).*/
+    export interface IServerMethodOptions {
+        bind?: any;
+        cache?: ICatBoxCacheOptions;
+        callback?: boolean;
+        generateKey?(args: any[]): string;
+    }
+    /** Request object
+
+    The request object is created internally for each incoming request. It is different from the node.js request object received from the HTTP server callback (which is available in request.raw.req). The request object methods and properties change throughout the request lifecycle.
+    Request events
+
+    The request object supports the following events:
+
+    'peek' - emitted for each chunk of payload data read from the client connection. The event method signature is function(chunk, encoding).
+    'finish' - emitted when the request payload finished reading. The event method signature is function ().
+    'disconnect' - emitted when a request errors or aborts unexpectedly.
+    var Crypto = require('crypto');
+    var Hapi = require('hapi');
+    var server = new Hapi.Server();
+    server.connection({ port: 80 });
+
+    server.ext('onRequest', function (request, reply) {
+
+    var hash = Crypto.createHash('sha1');
+    request.on('peek', function (chunk) {
+
+    hash.update(chunk);
+    });
+
+    request.once('finish', function () {
+
+    console.log(hash.digest('hex'));
+    });
+
+    request.once('disconnect', function () {
+
+    console.error('request aborted');
+    });
+
+    return reply.continue();
+    });*/
+    export class Request extends Events.EventEmitter {
+        /** application-specific state. Provides a safe place to store application data without potential conflicts with the framework. Should not be used by plugins which should use plugins[name].*/
+        app: any;
+        /**  authentication information*/
+        auth: {
+            /** true is the request has been successfully authenticated, otherwise false.*/
+            isAuthenticated: boolean;
+            /**  the credential object received during the authentication process. The presence of an object does not mean successful authentication.  can be set in the validate function's callback.*/
+            credentials: any;
+            /**  an artifact object received from the authentication strategy and used in authentication-related actions.*/
+            artifacts: any;
+            /**  the route authentication mode.*/
+            mode: any;
+            /** the authentication error is failed and mode set to 'try'.*/
+            error: any;
+            /** an object used by the ['cookie' authentication scheme]  https://github.com/hapijs/hapi-auth-cookie */
+            session: any
+        };
+        /** the connection used by this request*/
+        connection: ServerConnection;
+        /**  the node domain object used to protect against exceptions thrown in extensions, handlers and route prerequisites. Can be used to manually bind callback functions otherwise bound to other domains.*/
+        domain: any;
+        /** the raw request headers (references request.raw.headers).*/
+        headers: IDictionary<string>;
+        /** a unique request identifier (using the format '{now}:{connection.info.id}:{5 digits counter}').*/
+        id: number;
+        /**  request information */
+        info: {
+            /**  request reception timestamp. */
+            received: number;
+            /**  request response timestamp (0 is not responded yet). */
+            responded: number;
+            /** remote client IP address. */
+
+            remoteAddress: string;
+            /**  remote client port. */
+            remotePort: number;
+            /**  content of the HTTP 'Referrer' (or 'Referer') header. */
+            referrer: string;
+            /**  content of the HTTP 'Host' header (e.g. 'example.com:8080'). */
+            host: string;
+            /**  the hostname part of the 'Host' header (e.g. 'example.com').*/
+            hostname: string;
+        };
+        /**  the request method in lower case (e.g. 'get', 'post'). */
+        method: string;
+        /**  the parsed content-type header. Only available when payload parsing enabled and no payload error occurred. */
+        mime: string;
+        /**  an object containing the values of params, query, and payload before any validation modifications made. Only set when input validation is performed.*/
+        orig: {
+            params: any;
+            query: any;
+            payload: any;
+        };
+        /**  an object where each key is a path parameter name with matching value as described in Path parameters.*/
+        params: IDictionary<string>;
+        /** an array containing all the path params values in the order they appeared in the path.*/
+        paramsArray: string[];
+        /**  the request URI's path component. */
+        path: string;
+        /** the request payload based on the route payload.output and payload.parse settings.*/
+        payload: stream.Readable | Buffer | any;
+        /**  plugin-specific state. Provides a place to store and pass request-level plugin data. The plugins is an object where each key is a plugin name and the value is the state.*/
+        plugins: any;
+        /** an object where each key is the name assigned by a route prerequisites function. The values are the raw values provided to the continuation function as argument. For the wrapped response object, use responses.*/
+        pre: IDictionary<any>;
+        /** the response object when set. The object can be modified but must not be assigned another object. To replace the response with another from within an extension point, use reply(response) to override with a different response. Contains null when no response has been set (e.g. when a request terminates prematurely when the client disconnects).*/
+        response: Response;
+        /**preResponses - same as pre but represented as the response object created by the pre method.*/
+        preResponses: any;
+        /**an object containing the query parameters.*/
+        query: any;
+        /**  an object containing the Node HTTP server objects. Direct interaction with these raw objects is not recommended.*/
+        raw: {
+            req: http.ClientRequest;
+            res: http.ServerResponse;
+        };
+        /** the route public interface.*/
+        route: IRoute;
+        /** the server object. */
+        server: Server;
+        /** Special key reserved for plugins implementing session support. Plugins utilizing this key must check for null value to ensure there is no conflict with another similar server. */
+        session: any;
+        /** an object containing parsed HTTP state information (cookies) where each key is the cookie name and value is the matching cookie content after processing using any registered cookie definition. */
+        state: any;
+        /** complex object contining details on the url */
+        url: {
+            /** null when i tested */
+            auth: any;
+            /** null when i tested */
+            hash: any;
+            /** null when i tested */
+            host: any;
+            /** null when i tested */
+            hostname: any;
+            href: string;
+            path: string;
+            /** path without search*/
+            pathname: string;
+            /** null when i tested */
+            port: any;
+            /** null when i tested */
+            protocol: any;
+            /** querystring parameters*/
+            query: IDictionary<string>;
+            /** querystring parameters as a string*/
+            search: string;
+            /** null when i tested */
+            slashes: any;
+        };
+        /** request.setUrl(url)
+
+        Available only in 'onRequest' extension methods.
+
+        Changes the request URI before the router begins processing the request where:
+
+        url - the new request path value.
+        var Hapi = require('hapi');
+        var server = new Hapi.Server();
+        server.connection({ port: 80 });
+
+        server.ext('onRequest', function (request, reply) {
+
+        // Change all requests to '/test'
+        request.setUrl('/test');
+        return reply.continue();
+        });*/
+        setUrl(url: string): void;
+        /** request.setMethod(method)
+
+        Available only in 'onRequest' extension methods.
+
+        Changes the request method before the router begins processing the request where:
+
+        method - is the request HTTP method (e.g. 'GET').
+        var Hapi = require('hapi');
+        var server = new Hapi.Server();
+        server.connection({ port: 80 });
+
+        server.ext('onRequest', function (request, reply) {
+
+        // Change all requests to 'GET'
+        request.setMethod('GET');
+        return reply.continue();
+        });*/
+        setMethod(method: string): void;
+        /** request.log(tags, [data, [timestamp]])
+
+        Always available.
+
+        Logs request-specific events. When called, the server emits a 'request' event which can be used by other listeners or plugins. The arguments are:
+
+        data - an optional message string or object with the application data being logged.
+        timestamp - an optional timestamp expressed in milliseconds. Defaults to Date.now() (now).
+        Any logs generated by the server internally will be emitted only on the 'request-internal' channel and will include the event.internal flag set to true.
+
+        var Hapi = require('hapi');
+        var server = new Hapi.Server();
+        server.connection({ port: 80 });
+
+        server.on('request', function (request, event, tags) {
+
+        if (tags.error) {
+        console.log(event);
+        }
+        });
+
+        var handler = function (request, reply) {
+
+        request.log(['test', 'error'], 'Test event');
+        return reply();
+        };
+        */
+        log(
+            /** a string or an array of strings (e.g. ['error', 'database', 'read']) used to identify the event. Tags are used instead of log levels and provide a much more expressive mechanism for describing and filtering events.*/
+            tags: string | string[],
+            /** an optional message string or object with the application data being logged.*/
+            data?: string,
+            /**  an optional timestamp expressed in milliseconds. Defaults to Date.now() (now).*/
+            timestamp?: number): void;
+        /** request.getLog([tags], [internal])
+
+        Always available.
+
+        Returns an array containing the events matching any of the tags specified (logical OR)
+        request.getLog();
+        request.getLog('error');
+        request.getLog(['error', 'auth']);
+        request.getLog(['error'], true);
+        request.getLog(false);*/
+
+        getLog(
+            /** is a single tag string or array of tag strings. If no tags specified, returns all events.*/
+            tags?: string,
+            /**  filters the events to only those with a matching event.internal value. If true, only internal logs are included. If false, only user event are included. Defaults to all events (undefined).*/
+            internal?: boolean): string[];
+
+        /** request.tail([name])
+
+        Available until immediately after the 'response' event is emitted.
+
+        Adds a request tail which has to complete before the request lifecycle is complete where:
+
+        name - an optional tail name used for logging purposes.
+        Returns a tail function which must be called when the tail activity is completed.
+
+        Tails are actions performed throughout the request lifecycle, but which may end after a response is sent back to the client. For example, a request may trigger a database update which should not delay sending back a response. However, it is still desirable to associate the activity with the request when logging it (or an error associated with it).
+
+        When all tails completed, the server emits a 'tail' event.
+
+        var Hapi = require('hapi');
+        var server = new Hapi.Server();
+        server.connection({ port: 80 });
+
+        var get = function (request, reply) {
+
+        var dbTail = request.tail('write to database');
+
+        db.save('key', 'value', function () {
+
+        dbTail();
+        });
+
+        return reply('Success!');
+        };
+
+        server.route({ method: 'GET', path: '/', handler: get });
+
+        server.on('tail', function (request) {
+
+        console.log('Request completed including db activity');
+        });*/
+        tail(
+            /** an optional tail name used for logging purposes.*/
+            name?: string): Function;
+    }
+    /** Response events
+
+    The response object supports the following events:
+
+    'peek' - emitted for each chunk of data written back to the client connection. The event method signature is function(chunk, encoding).
+    'finish' - emitted when the response finished writing but before the client response connection is ended. The event method signature is function ().
+    var Crypto = require('crypto');
+    var Hapi = require('hapi');
+    var server = new Hapi.Server();
+    server.connection({ port: 80 });
+
+    server.ext('onPreResponse', function (request, reply) {
+
+    var response = request.response;
+    if (response.isBoom) {
+    return reply();
+    }
+
+    var hash = Crypto.createHash('sha1');
+    response.on('peek', function (chunk) {
+
+    hash.update(chunk);
+    });
+
+    response.once('finish', function () {
+
+    console.log(hash.digest('hex'));
+    });
+
+    return reply.continue();
+    });*/
+    export class Response extends Events.EventEmitter {
+        isBoom: boolean;
+        /**  the HTTP response status code. Defaults to 200 (except for errors).*/
+        statusCode: number;
+        /** an object containing the response headers where each key is a header field name. Note that this is an incomplete list of headers to be included with the response. Additional headers will be added once the response is prepare for transmission.*/
+        headers: IDictionary<string>;
+        /** the value provided using the reply interface.*/
+        source: any;
+        /** a string indicating the type of source with available values:
+        'plain' - a plain response such as string, number, null, or simple object (e.g. not a Stream, Buffer, or view).
+        'buffer' - a Buffer.
+        'view' - a view generated with reply.view().
+        'file' - a file generated with reply.file() of via the directory handler.
+        'stream' - a Stream.
+        'promise' - a Promise object. */
+        variety: string;
+        /** application-specific state. Provides a safe place to store application data without potential conflicts with the framework. Should not be used by plugins which should use plugins[name].*/
+        app: any;
+        /** plugin-specific state. Provides a place to store and pass request-level plugin data. The plugins is an object where each key is a plugin name and the value is the state. */
+        plugins: any;
+        /** settings - response handling flags:
+        charset - the 'Content-Type' HTTP header 'charset' property. Defaults to 'utf-8'.
+        encoding - the string encoding scheme used to serial data into the HTTP payload when source is a string or marshals into a string. Defaults to 'utf8'.
+        passThrough - if true and source is a Stream, copies the statusCode and headers of the stream to the outbound response. Defaults to true.
+        stringify - options used for source value requiring stringification. Defaults to no replacer and no space padding.
+        ttl - if set, overrides the route cache expiration milliseconds value set in the route config. Defaults to no override.
+        varyEtag - if true, a suffix will be automatically added to the 'ETag' header at transmission time (separated by a '-' character) when the HTTP 'Vary' header is present.*/
+        settings: {
+            charset: string;
+            encoding: string;
+            passThrough: boolean;
+            stringify: any;
+            ttl: number;
+            varyEtag: boolean;
+        }
+
+        /**  sets the HTTP 'Content-Length' header (to avoid chunked transfer encoding) where:
+        length - the header value. Must match the actual payload size.*/
+        bytes(length: number): Response;
+        /**  sets the 'Content-Type' HTTP header 'charset' property where: charset - the charset property value.*/
+        charset(charset: string): Response;
+
+        /**  sets the HTTP status code where:
+        statusCode - the HTTP status code.*/
+        code(statusCode: number): Response;
+        /** sets the HTTP status code to Created (201) and the HTTP 'Location' header where: uri - an absolute or relative URI used as the 'Location' header value.*/
+        created(uri: string): Response;
+
+
+        /** encoding(encoding) - sets the string encoding scheme used to serial data into the HTTP payload where: encoding - the encoding property value (see node Buffer encoding).*/
+        encoding(encoding: string): Response;
+
+        /** etag(tag, options) - sets the representation entity tag where:
+        tag - the entity tag string without the double-quote.
+        options - optional settings where:
+        weak - if true, the tag will be prefixed with the 'W/' weak signifier. Weak tags will fail to match identical tags for the purpose of determining 304 response status. Defaults to false.
+        vary - if true and content encoding is set or applied to the response (e.g 'gzip' or 'deflate'), the encoding name will be automatically added to the tag at transmission time (separated by a '-' character). Ignored when weak is true. Defaults to true.*/
+        etag(tag: string, options: {
+            weak: boolean; vary: boolean;
+        }): Response;
+
+        /**header(name, value, options) - sets an HTTP header where:
+        name - the header name.
+        value - the header value.
+        options - optional settings where:
+        append - if true, the value is appended to any existing header value using separator. Defaults to false.
+        separator - string used as separator when appending to an exiting value. Defaults to ','.
+        override - if false, the header value is not set if an existing value present. Defaults to true.*/
+        header(name: string, value: string, options?: {
+            append: boolean;
+            separator: string;
+            override: boolean;
+        }): Response;
+
+        /** location(uri) - sets the HTTP 'Location' header where:
+        uri - an absolute or relative URI used as the 'Location' header value.*/
+        location(uri: string): Response;
+
+        /** redirect(uri) - sets an HTTP redirection response (302) and decorates the response with additional methods listed below, where:
+        uri - an absolute or relative URI used to redirect the client to another resource. */
+        redirect(uri: string): Response;
+
+        /** replacer(method) - sets the JSON.stringify() replacer argument where:
+        method - the replacer function or array. Defaults to none.*/
+        replacer(method: Function | Array<Function>): Response;
+
+        /** spaces(count) - sets the JSON.stringify() space argument where:
+        count - the number of spaces to indent nested object keys. Defaults to no indentation. */
+        spaces(count: number): Response;
+        /**state(name, value, [options]) - sets an HTTP cookie where:
+        name - the cookie name.
+        value - the cookie value. If no encoding is defined, must be a string.
+        options - optional configuration. If the state was previously registered with the server using server.state(), the specified keys in options override those same keys in the server definition (but not others).*/
+        state(name: string, value: string, options?: any): Response;
+
+        /** sets a string suffix when the response is process via JSON.stringify().*/
+        suffix(suffix: string): void;
+        /** overrides the default route cache expiration rule for this response instance where:
+msec - the time-to-live value in milliseconds.*/
+        ttl(msec: number): void;
+        /** type(mimeType) - sets the HTTP 'Content-Type' header where:
+        mimeType - is the mime type. Should only be used to override the built-in default for each response type. */
+        type(mimeType: string): Response;
+        /** clears the HTTP cookie by setting an expired value where:
+name - the cookie name.
+options - optional configuration for expiring cookie. If the state was previously registered with the server using server.state(), the specified keys in options override those same keys in the server definition (but not others).*/
+        unstate(name: string, options?: { [key: string]: string }): void;
+        /** adds the provided header to the list of inputs affected the response generation via the HTTP 'Vary' header where:
+header - the HTTP request header name.*/
+        vary(header: string): void;
+    }
+    /** When using the redirect() method, the response object provides these additional methods */
+    export class ResponseRedirect extends Response {
+        /** sets the status code to 302 or 307 (based on the rewritable() setting) where:
+isTemporary - if false, sets status to permanent. Defaults to true.*/
+        temporary(isTemporary: boolean): void;
+        /** sets the status code to 301 or 308 (based on the rewritable() setting) where:
+isPermanent - if true, sets status to temporary. Defaults to false. */
+        permanent(isPermanent: boolean): void;
+        /** sets the status code to 301/302 for rewritable (allows changing the request method from 'POST' to 'GET') or 307/308 for non-rewritable (does not allow changing the request method from 'POST' to 'GET'). Exact code based on the temporary() or permanent() setting. Arguments:
+isRewritable - if false, sets to non-rewritable. Defaults to true.
+Permanent    Temporary
+Rewritable    301    302(1)
+Non-rewritable    308(2)    307
+Notes: 1. Default value. 2. Proposed code, not supported by all clients. */
+        rewritable(isRewritable: boolean): void;
+    }
+    /** info about a server connection */
+    export interface IServerConnectionInfo {
+        /**  - a unique connection identifier (using the format '{hostname}:{pid}:{now base36}').*/
+        id: string;
+        /**  - the connection creation timestamp.*/
+        created: number;
+        /**  - the connection start timestamp (0 when stopped).*/
+        started: number;
+        /**  the connection port based on the following rules:
+        the configured port value before the server has been started.
+        the actual port assigned when no port is configured or set to 0 after the server has been started.*/
+        port: number;
+
+        /** - the host name the connection was configured to. Defaults to the operating system hostname when available, otherwise 'localhost'.*/
+        host: string;
+        /** - the active IP address the connection was bound to after starting.Set to undefined until the server has been started or when using a non TCP port (e.g. UNIX domain socket).*/
+        address: string;
+        /**  - the protocol used:
+        'http' - HTTP.
+        'https' - HTTPS.
+        'socket' - UNIX domain socket or Windows named pipe.*/
+        protocol: string;
+        /** a string representing the connection (e.g. 'http://example.com:8080' or 'socket:/unix/domain/socket/path'). Contains the uri setting if provided, otherwise constructed from the available settings. If no port is available or set to 0, the uri will not include a port component.*/
+        uri: string;
+    }
+    /**
+     *  undocumented.   The connection object constructed after calling server.connection();
+     * can be accessed via server.connections; or request.connection;
+     */
+    export class ServerConnection extends Events.EventEmitter {
+        domain: any;
+        _events: { route: Function, domain: Function, _events: Function, _eventsCount: Function, _maxListeners: Function };
+        _eventsCount: number;
+        settings: IServerConnectionOptions;
+        server: Server;
+        /** ex: "tcp" */
+        type: string;
+        _started: boolean;
+        /** dictionary of sockets */
+        _connections: { [ip_port: string]: any };
+        _onConnection: Function;
+        registrations: any;
+        _extensions: any;
+        _requestCounter: { value: number; min: number; max: number };
+        _load: any;
+        states: {
+            settings: any; cookies: any; names: any[]
+        };
+        auth: { connection: ServerConnection; _schemes: any; _strategies: any; settings: any; };
+        _router: any;
+        MSPluginsCollection: any;
+        applicationCache: any;
+        addEventListener: any;
+        info: IServerConnectionInfo;
+    }
+
+    /** Server http://hapijs.com/api#server
+    rver object is the main application container. The server manages all incoming connections along with all the facilities provided by the framework. A server can contain more than one connection (e.g. listen to port 80 and 8080).
+    Server events
+    The server object inherits from Events.EventEmitter and emits the following events:
+    'log' - events logged with server.log() and server events generated internally by the framework.
+    'start' - emitted when the server is started using server.start().
+    'stop' - emitted when the server is stopped using server.stop().
+    'request' - events generated by request.log(). Does not include any internally generated events.
+    'request-internal' - request events generated internally by the framework (multiple events per request).
+    'request-error' - emitted whenever an Internal Server Error (500) error response is sent. Single event per request.
+    'response' - emitted after the response is sent back to the client (or when the client connection closed and no response sent, in which case request.response is null). Single event per request.
+    'tail' - emitted when a request finished processing, including any registered tails. Single event per request.
+    Note that the server object should not be used to emit application events as its internal implementation is designed to fan events out to the various plugin selections and not for application events.
+    MORE EVENTS HERE: http://hapijs.com/api#server-events*/
+    export class Server extends Events.EventEmitter {
+
+        constructor(options?: IServerOptions);
+        /** Provides a safe place to store server-specific run-time application data without potential conflicts with the framework internals. The data can be accessed whenever the server is accessible. Initialized with an empty object.
+        var Hapi = require('hapi');
+        server = new Hapi.Server();
+        server.app.key = 'value';
+        var handler = function (request, reply) {
+        return reply(request.server.app.key);
+        }; */
+        app: any;
+        /** An array containing the server's connections. When the server object is returned from server.select(), the connections array only includes the connections matching the selection criteria.
+        var server = new Hapi.Server();
+        server.connection({ port: 80, labels: 'a' });
+        server.connection({ port: 8080, labels: 'b' });
+        // server.connections.length === 2
+        var a = server.select('a');
+        // a.connections.length === 1*/
+        connections: Array<ServerConnection>;
+        /** When the server contains exactly one connection, info is an object containing information about the sole connection.
+        * When the server contains more than one connection, each server.connections array member provides its own connection.info.
+        var server = new Hapi.Server();
+        server.connection({ port: 80 });
+        // server.info.port === 80
+        server.connection({ port: 8080 });
+        // server.info === null
+        // server.connections[1].info.port === 8080
+        */
+        info: IServerConnectionInfo;
+        /** An object containing the process load metrics (when load.sampleInterval is enabled):
+        rss - RSS memory usage.
+        var Hapi = require('hapi');
+        var server = new Hapi.Server({ load: { sampleInterval: 1000 } });
+        console.log(server.load.rss);*/
+        load: {
+            /** - event loop delay milliseconds.*/
+            eventLoopDelay: number;
+            /**  - V8 heap usage.*/
+            heapUsed: number;
+        };
+        /** When the server contains exactly one connection, listener is the node HTTP server object of the sole connection.
+        When the server contains more than one connection, each server.connections array member provides its own connection.listener.
+        var Hapi = require('hapi');
+        var SocketIO = require('socket.io');
+        var server = new Hapi.Server();
+        server.connection({ port: 80 });
+        var io = SocketIO.listen(server.listener);
+        io.sockets.on('connection', function(socket) {
+        socket.emit({ msg: 'welcome' });
+        });*/
+        listener: http.Server;
+
+        /** server.methods
+        An object providing access to the server methods where each server method name is an object property.
+        var Hapi = require('hapi');
+        var server = new Hapi.Server();
+        server.method('add', function (a, b, next) {
+        return next(null, a + b);
+        });
+        server.methods.add(1, 2, function (err, result) {
+        // result === 3
+        });*/
+        methods: IDictionary<Function>;
+
+        /** server.mime
+        Provides access to the server MIME database used for setting content-type information. The object must not be modified directly but only through the mime server setting.
+        var Hapi = require('hapi');
+        var options = {
+        mime: {
+        override: {
+        'node/module': {
+        source: 'steve',
+        compressible: false,
+        extensions: ['node', 'module', 'npm'],
+        type: 'node/module'
+        }
+        }
+        }
+        };
+        var server = new Hapi.Server(options);
+        // server.mime.path('code.js').type === 'application/javascript'
+        // server.mime.path('file.npm').type === 'node/module'*/
+        mime: any;
+        /**server.plugins
+        An object containing the values exposed by each plugin registered where each key is a plugin name and the values are the exposed properties by each plugin using server.expose(). Plugins may set the value of the server.plugins[name] object directly or via the server.expose() method.
+        exports.register = function (server, options, next) {
+        server.expose('key', 'value');
+        // server.plugins.example.key === 'value'
+        return next();
+        };
+        exports.register.attributes = {
+        name: 'example'
+        };*/
+        plugins: IDictionary<any>;
+        /** server.realm
+        The realm object contains server-wide or plugin-specific state that can be shared across various methods. For example, when calling server.bind(), the active realm settings.bind property is set which is then used by routes and extensions added at the same level (server root or plugin). Realms are a limited version of a sandbox where plugins can maintain state used by the framework when adding routes, extensions, and other properties.
+        modifiers - when the server object is provided as an argument to the plugin register() method, modifiers provides the registration preferences passed the server.register() method and includes:
+        route - routes preferences:
+        prefix - the route path prefix used by any calls to server.route() from the server.
+        vhost - the route virtual host settings used by any calls to server.route() from the server.
+        plugin - the active plugin name (empty string if at the server root).
+        plugins - plugin-specific state to be shared only among activities sharing the same active state. plugins is an object where each key is a plugin name and the value is the plugin state.
+        settings - settings overrides:
+        files.relativeTo
+        bind
+        The server.realm object should be considered read-only and must not be changed directly except for the plugins property can be directly manipulated by the plugins (each setting its own under plugins[name]).
+        exports.register = function (server, options, next) {
+        console.log(server.realm.modifiers.route.prefix);
+        return next();
+        };*/
+        realm: IServerRealm;
+
+        /** server.root
+        The root server object containing all the connections and the root server methods (e.g. start(), stop(), connection()).*/
+        root: Server;
+        /** server.settings
+        The server configuration object after defaults applied.
+        var Hapi = require('hapi');
+        var server = new Hapi.Server({
+        app: {
+        key: 'value'
+        }
+        });
+        // server.settings.app === { key: 'value' }*/
+        settings: IServerOptions;
+
+        /** server.version
+        The hapi module version number.
+        var Hapi = require('hapi');
+        var server = new Hapi.Server();
+        // server.version === '8.0.0'*/
+        version: string;
+
+        /** server.after(method, [dependencies])
+        Adds a method to be called after all the plugin dependencies have been registered and before the server starts (only called if the server is started) where:
+        after - the method with signature function(plugin, next) where:
+        server - server object the after() method was called on.
+        next - the callback function the method must call to return control over to the application and complete the registration process. The function signature is function(err) where:
+        err - internal error which is returned back via the server.start() callback.
+        dependencies - a string or array of string with the plugin names to call this method after their after() methods. There is no requirement for the other plugins to be registered. Setting dependencies only arranges the after methods in the specified order.
+        var Hapi = require('hapi');
+        var server = new Hapi.Server();
+        server.connection({ port: 80 });
+        server.after(function () {
+        // Perform some pre-start logic
+        });
+        server.start(function (err) {
+        // After method already executed
+        });
+        server.auth.default(options)*/
+        after(method: (plugin: any, next: (err: any) => void) => void, dependencies: string | string[]): void;
+
+        auth: {
+            /** server.auth.default(options)
+            Sets a default strategy which is applied to every route where:
+            options - a string with the default strategy name or an object with a specified strategy or strategies using the same format as the route auth handler options.
+            The default does not apply when the route config specifies auth as false, or has an authentication strategy configured. Otherwise, the route authentication config is applied to the defaults. Note that the default only applies at time of route configuration, not at runtime. Calling default() after adding a route will have no impact on routes added prior.
+            The default auth strategy configuration can be accessed via connection.auth.settings.default.
+            var server = new Hapi.Server();
+            server.connection({ port: 80 });
+            server.auth.scheme('custom', scheme);
+            server.auth.strategy('default', 'custom');
+            server.auth.default('default');
+            server.route({
+            method: 'GET',
+            path: '/',
+            handler: function (request, reply) {
+            return reply(request.auth.credentials.user);
+            }
+            });*/
+            default(options: string): void;
+            /** server.auth.scheme(name, scheme)
+            Registers an authentication scheme where:
+            name - the scheme name.
+            scheme - the method implementing the scheme with signature function(server, options) where:
+            server - a reference to the server object the scheme is added to.
+            options - optional scheme settings used to instantiate a strategy.*/
+            scheme(name: string,
+                /** When the scheme authenticate() method implementation calls reply() with an error condition, the specifics of the error affect whether additional authentication strategies will be attempted if configured for the route. If the err returned by the reply() method includes a message, no additional strategies will be attempted. If the err does not include a message but does include a scheme name (e.g. Boom.unauthorized(null, 'Custom')), additional strategies will be attempted in order of preference.
+                n the scheme payload() method returns an error with a message, it means payload validation failed due to bad payload. If the error has no message but includes a scheme name (e.g. Boom.unauthorized(null, 'Custom')), authentication may still be successful if the route auth.payload configuration is set to 'optional'.
+                server = new Hapi.Server();
+                server.connection({ port: 80 });
+                scheme = function (server, options) {
+                urn {
+                authenticate: function (request, reply) {
+                req = request.raw.req;
+                var authorization = req.headers.authorization;
+                if (!authorization) {
+                return reply(Boom.unauthorized(null, 'Custom'));
+                }
+                urn reply(null, { credentials: { user: 'john' } });
+                }
+                };
+                };
+                */
+                scheme: (server: Server, options: any) => IServerAuthScheme): void;
+
+            /** server.auth.strategy(name, scheme, [mode], [options])
+            Registers an authentication strategy where:
+            name - the strategy name.
+            scheme - the scheme name (must be previously registered using server.auth.scheme()).
+            mode - if true, the scheme is automatically assigned as a required strategy to any route without an auth config. Can only be assigned to a single server strategy. Value must be true (which is the same as 'required') or a valid authentication mode ('required', 'optional', 'try'). Defaults to false.
+            options - scheme options based on the scheme requirements.
+            var server = new Hapi.Server();
+            server.connection({ port: 80 });
+            server.auth.scheme('custom', scheme);
+            server.auth.strategy('default', 'custom');
+            server.route({
+            method: 'GET',
+            path: '/',
+            config: {
+            auth: 'default',
+            handler: function (request, reply) {
+            return reply(request.auth.credentials.user);
+            }
+            }
+            });*/
+            strategy(name: string, scheme: any, mode?: boolean | string, options?: any): void;
+
+            /** server.auth.test(strategy, request, next)
+            Tests a request against an authentication strategy where:
+            strategy - the strategy name registered with server.auth.strategy().
+            request - the request object.
+            next - the callback function with signature function(err, credentials) where:
+            err - the error if authentication failed.
+            credentials - the authentication credentials object if authentication was successful.
+            Note that the test() method does not take into account the route authentication configuration. It also does not perform payload authentication. It is limited to the basic strategy authentication execution. It does not include verifying scope, entity, or other route properties.
+            var server = new Hapi.Server();
+            server.connection({ port: 80 });
+            server.auth.scheme('custom', scheme);
+            server.auth.strategy('default', 'custom');
+            server.route({
+            method: 'GET',
+            path: '/',
+            handler: function (request, reply) {
+            request.server.auth.test('default', request, function (err, credentials) {
+            if (err) {
+            return reply({ status: false });
+            }
+            return reply({ status: true, user: credentials.name });
+            });
+            }
+            });*/
+            test(strategy: string, request: Request, next: (err: any, credentials: any) => void): void;
+        };
+        /** server.bind(context)
+        Sets a global context used as the default bind object when adding a route or an extension where:
+        context - the object used to bind this in handler and extension methods.
+        When setting context inside a plugin, the context is applied only to methods set up by the plugin. Note that the context applies only to routes and extensions added after it has been set.
+        var handler = function (request, reply) {
+        return reply(this.message);
+        };
+        exports.register = function (server, options, next) {
+        var bind = {
+        message: 'hello'
+        };
+        server.bind(bind);
+        server.route({ method: 'GET', path: '/', handler: handler });
+        return next();
+        };*/
+        bind(context: any): void;
+
+
+        /** server.cache(options)
+        Provisions a cache segment within the server cache facility where:
+        options - catbox policy configuration where:
+        expiresIn - relative expiration expressed in the number of milliseconds since the item was saved in the cache. Cannot be used together with expiresAt.
+        expiresAt - time of day expressed in 24h notation using the 'HH:MM' format, at which point all cache records expire. Uses local time. Cannot be used together with expiresIn.
+        generateFunc - a function used to generate a new cache item if one is not found in the cache when calling get(). The method's signature is function(id, next) where: - id - the id string or object provided to the get() method. - next - the method called when the new item is returned with the signature function(err, value, ttl) where: - err - an error condition. - value - the new value generated. - ttl - the cache ttl value in milliseconds. Set to 0 to skip storing in the cache. Defaults to the cache global policy.
+        staleIn - number of milliseconds to mark an item stored in cache as stale and attempt to regenerate it when generateFunc is provided. Must be less than expiresIn.
+        staleTimeout - number of milliseconds to wait before checking if an item is stale.
+        generateTimeout - number of milliseconds to wait before returning a timeout error when the generateFunc function takes too long to return a value. When the value is eventually returned, it is stored in the cache for future requests.
+        cache - the cache name configured in 'server.cache`. Defaults to the default cache.
+        segment - string segment name, used to isolate cached items within the cache partition. When called within a plugin, defaults to '!name' where 'name' is the plugin name. Required when called outside of a plugin.
+        shared - if true, allows multiple cache provisions to share the same segment. Default to false.
+        var server = new Hapi.Server();
+        server.connection({ port: 80 });
+        var cache = server.cache({ segment: 'countries', expiresIn: 60 * 60 * 1000 });
+        cache.set('norway', { capital: 'oslo' }, null, function (err) {
+        cache.get('norway', function (err, value, cached, log) {
+        // value === { capital: 'oslo' };
+        });
+        });*/
+        cache(options: ICatBoxCacheOptions): void;
+
+        /** server.connection([options])
+        Adds an incoming server connection
+        Returns a server object with the new connection selected.
+        Must be called before any other server method that modifies connections is called for it to apply to the new connection (e.g. server.state()).
+        Note that the options object is deeply cloned (with the exception of listener which is shallowly copied) and cannot contain any values that are unsafe to perform deep copy on.
+        var Hapi = require('hapi');
+        var server = new Hapi.Server();
+        var web = server.connection({ port: 8000, host: 'example.com', labels: ['web'] });
+        var admin = server.connection({ port: 8001, host: 'example.com', labels: ['admin'] });
+        // server.connections.length === 2
+        // web.connections.length === 1
+        // admin.connections.length === 1 */
+        connection(options: IServerConnectionOptions): Server;
+        /** server.decorate(type, property, method)
+        Extends various framework interfaces with custom methods where:
+        type - the interface being decorated. Supported types:
+        'reply' - adds methods to the reply interface.
+        'server' - adds methods to the Server object.
+        property - the object decoration key name.
+        method - the extension function.
+        Note that decorations apply to the entire server and all its connections regardless of current selection.
+        var Hapi = require('hapi');
+        var server = new Hapi.Server();
+        server.connection({ port: 80 });
+        server.decorate('reply', 'success', function () {
+        return this.response({ status: 'ok' });
+        });
+        server.route({
+        method: 'GET',
+        path: '/',
+        handler: function (request, reply) {
+        return reply.success();
+        }
+        });*/
+        decorate(type: string, property: string, method: Function): void;
+
+        /** server.dependency(dependencies, [after])
+        Used within a plugin to declares a required dependency on other plugins where:
+        dependencies - a single string or array of plugin name strings which must be registered in order for this plugin to operate. Plugins listed must be registered before the server is started. Does not provide version dependency which should be implemented using npm peer dependencies.
+        after - an optional function called after all the specified dependencies have been registered and before the server starts. The function is only called if the server is started. If a circular dependency is detected, an exception is thrown (e.g. two plugins each has an after function to be called after the other). The function signature is function(server, next) where:
+        server - the server the dependency() method was called on.
+        next - the callback function the method must call to return control over to the application and complete the registration process. The function signature is function(err) where:
+        err - internal error condition, which is returned back via the server.start() callback.
+        exports.register = function (server, options, next) {
+        server.dependency('yar', after);
+        return next();
+        };
+        var after = function (server, next) {
+        // Additional plugin registration logic
+        return next();
+        };*/
+        dependency(dependencies: string | string[], after?: (server: Server, next: (err: any) => void) => void): void;
+
+
+        /** server.expose(key, value)
+        Used within a plugin to expose a property via server.plugins[name] where:
+        key - the key assigned (server.plugins[name][key]).
+        value - the value assigned.
+        exports.register = function (server, options, next) {
+        server.expose('util', function () { console.log('something'); });
+        return next();
+        };*/
+        expose(key: string, value: any): void;
+
+        /** server.expose(obj)
+        Merges a deep copy of an object into to the existing content of server.plugins[name] where:
+        obj - the object merged into the exposed properties container.
+        exports.register = function (server, options, next) {
+        server.expose({ util: function () { console.log('something'); } });
+        return next();
+        };*/
+        expose(obj: any): void;
+
+        /** server.ext(event, method, [options])
+        Registers an extension function in one of the available extension points where:
+        event - the event name.
+        method - a function or an array of functions to be executed at a specified point during request processing. The required extension function signature is function(request, reply) where:
+        request - the request object. NOTE: Access the Response via request.response
+        reply - the reply interface which is used to return control back to the framework. To continue normal execution of the request lifecycle, reply.continue() must be called. To abort processing and return a response to the client, call reply(value) where value is an error or any other valid response.
+        this - the object provided via options.bind or the current active context set with server.bind().
+        options - an optional object with the following:
+        before - a string or array of strings of plugin names this method must execute before (on the same event). Otherwise, extension methods are executed in the order added.
+        after - a string or array of strings of plugin names this method must execute after (on the same event). Otherwise, extension methods are executed in the order added.
+        bind - a context object passed back to the provided method (via this) when called.
+        var Hapi = require('hapi');
+        var server = new Hapi.Server();
+        server.connection({ port: 80 });
+        server.ext('onRequest', function (request, reply) {
+        // Change all requests to '/test'
+        request.setUrl('/test');
+        return reply.continue();
+        });
+        var handler = function (request, reply) {
+        return reply({ status: 'ok' });
+        };
+        server.route({ method: 'GET', path: '/test', handler: handler });
+        server.start();
+        // All requests will get routed to '/test'*/
+        ext(event: string, method: (request: Request, reply: IReply, bind?: any) => void, options?: { before: string | string[]; after: string | string[]; bind?: any }): void;
+
+        /** server.handler(name, method)
+        Registers a new handler type to be used in routes where:
+        name - string name for the handler being registered. Cannot override the built-in handler types (directory, file, proxy, and view) or any previously registered type.
+        method - the function used to generate the route handler using the signature function(route, options) where:
+        route - the route public interface object.
+        options - the configuration object provided in the handler config.
+        var Hapi = require('hapi');
+        var server = new Hapi.Server();
+        server.connection({ host: 'localhost', port: 8000 });
+        // Defines new handler for routes on this server
+        server.handler('test', function (route, options) {
+        return function (request, reply) {
+        return reply('new handler: ' + options.msg);
+        }
+        });
+        server.route({
+        method: 'GET',
+        path: '/',
+        handler: { test: { msg: 'test' } }
+        });
+        server.start();
+        The method function can have a defaults object or function property. If the property is set to an object, that object is used as the default route config for routes using this handler. If the property is set to a function, the function uses the signature function(method) and returns the route default configuration.
+        var Hapi = require('hapi');
+        var server = new Hapi.Server();
+        server.connection({ host: 'localhost', port: 8000 });
+        var handler = function (route, options) {
+        return function (request, reply) {
+        return reply('new handler: ' + options.msg);
+        }
+        };
+        // Change the default payload processing for this handler
+        handler.defaults = {
+        payload: {
+        output: 'stream',
+        parse: false
+        }
+        };
+        server.handler('test', handler);*/
+        handler<THandlerConfig>(name: string, method: (route: IRoute, options: THandlerConfig) => ISessionHandler): void;
+        /** When the server contains exactly one connection, injects a request into the sole connection simulating an incoming HTTP request without making an actual socket connection.
+        Injection is useful for testing purposes as well as for invoking routing logic internally without the overhead or limitations of the network stack.
+        Utilizes the [shot module | https://github.com/hapijs/shot ] for performing injections, with some additional options and response properties
+        * When the server contains more than one connection, each server.connections array member provides its own connection.inject().
+        var Hapi = require('hapi');
+        var server = new Hapi.Server();
+        server.connection({ port: 80 });
+        var handler = function (request, reply) {
+        return reply('Success!');
+        };
+        server.route({ method: 'GET', path: '/', handler: handler });
+        server.inject('/', function (res) {
+        console.log(res.result);
+        });
+        */
+        inject: IServerInject;
+
+        /** server.log(tags, [data, [timestamp]])
+        Logs server events that cannot be associated with a specific request. When called the server emits a 'log' event which can be used by other listeners or plugins to record the information or output to the console. The arguments are:
+        tags - a string or an array of strings (e.g. ['error', 'database', 'read']) used to identify the event. Tags are used instead of log levels and provide a much more expressive mechanism for describing and filtering events. Any logs generated by the server internally include the 'hapi' tag along with event-specific information.
+        data - an optional message string or object with the application data being logged.
+        timestamp - an optional timestamp expressed in milliseconds. Defaults to Date.now() (now).
+        var Hapi = require('hapi');
+        var server = new Hapi.Server();
+        server.connection({ port: 80 });
+        server.on('log', function (event, tags) {
+        if (tags.error) {
+        console.log(event);
+        }
+        });
+        server.log(['test', 'error'], 'Test event');*/
+        log(tags: string | string[], data?: string | any, timestamp?: number): void;
+        /**server.lookup(id)
+        When the server contains exactly one connection, looks up a route configuration where:
+        id - the route identifier as set in the route options.
+        returns the route public interface object if found, otherwise null.
+        var server = new Hapi.Server();
+        server.connection();
+        server.route({
+        method: 'GET',
+        path: '/',
+        config: {
+        handler: function (request, reply) { return reply(); },
+        id: 'root'
+        }
+        });
+        var route = server.lookup('root');
+        When the server contains more than one connection, each server.connections array member provides its own connection.lookup() method.*/
+        lookup(id: string): IRoute;
+        /** server.match(method, path, [host])
+        When the server contains exactly one connection, looks up a route configuration where:
+        method - the HTTP method (e.g. 'GET', 'POST').
+        path - the requested path (must begin with '/').
+        host - optional hostname (to match against routes with vhost).
+        returns the route public interface object if found, otherwise null.
+        var server = new Hapi.Server();
+        server.connection();
+        server.route({
+        method: 'GET',
+        path: '/',
+        config: {
+        handler: function (request, reply) { return reply(); },
+        id: 'root'
+        }
+        });
+        var route = server.match('get', '/');
+        When the server contains more than one connection, each server.connections array member provides its own connection.match() method.*/
+        match(method: string, path: string, host?: string): IRoute;
+
+
+
+
+        /** server.method(name, method, [options])
+        Registers a server method. Server methods are functions registered with the server and used throughout the application as a common utility. Their advantage is in the ability to configure them to use the built-in cache and share across multiple request handlers without having to create a common module.
+        Methods are registered via server.method(name, method, [options])
+        var Hapi = require('hapi');
+        var server = new Hapi.Server();
+        server.connection({ port: 80 });
+        // Simple arguments
+        var add = function (a, b, next) {
+        return next(null, a + b);
+        };
+        server.method('sum', add, { cache: { expiresIn: 2000 } });
+        server.methods.sum(4, 5, function (err, result) {
+        console.log(result);
+        });
+        // Object argument
+        var addArray = function (array, next) {
+        var sum = 0;
+        array.forEach(function (item) {
+        sum += item;
+        });
+        return next(null, sum);
+        };
+        server.method('sumObj', addArray, {
+        cache: { expiresIn: 2000 },
+        generateKey: function (array) {
+        return array.join(',');
+        }
+        });
+        server.methods.sumObj([5, 6], function (err, result) {
+        console.log(result);
+        });
+        // Synchronous method with cache
+        var addSync = function (a, b) {
+        return a + b;
+        };
+        server.method('sumSync', addSync, { cache: { expiresIn: 2000 }, callback: false });
+        server.methods.sumSync(4, 5, function (err, result) {
+        console.log(result);
+        }); */
+        method(
+            /**  a unique method name used to invoke the method via server.methods[name]. When configured with caching enabled, server.methods[name].cache.drop(arg1, arg2, ..., argn, callback) can be used to clear the cache for a given key. Supports using nested names such as utils.users.get which will automatically create the missing path under server.methods and can be accessed for the previous example via server.methods.utils.users.get.*/
+            name: string,
+            method: IServerMethod,
+            options?: IServerMethodOptions): void;
+
+
+        /**server.method(methods)
+        Registers a server method function as described in server.method() using a configuration object where:
+        methods - an object or an array of objects where each one contains:
+        name - the method name.
+        method - the method function.
+        options - optional settings.
+        var add = function (a, b, next) {
+        next(null, a + b);
+        };
+        server.method({
+        name: 'sum',
+        method: add,
+        options: {
+        cache: {
+        expiresIn: 2000
+        }
+        }
+        });*/
+        method(methods: {
+            name: string; method: IServerMethod; options?: IServerMethodOptions
+        } | Array<{
+            name: string; method: IServerMethod; options?: IServerMethodOptions
+        }>): void;
+        /**server.path(relativeTo)
+        Sets the path prefix used to locate static resources (files and view templates) when relative paths are used where:
+        relativeTo - the path prefix added to any relative file path starting with '.'.
+        Note that setting a path within a plugin only applies to resources accessed by plugin methods. If no path is set, the connection files.relativeTo configuration is used. The path only applies to routes added after it has been set.
+        exports.register = function (server, options, next) {
+        server.path(__dirname + '../static');
+        server.route({ path: '/file', method: 'GET', handler: { file: './test.html' } });
+        next();
+        };*/
+        path(relativeTo: string): void;
+        /**server.register(plugins, [options], callback)
+        Registers a plugin where:
+        plugins - an object or array of objects where each one is either:
+        a plugin registration function.
+        an object with the following:
+        register - the plugin registration function.
+        options - optional options passed to the registration function when called.
+        options - optional registration options (different from the options passed to the registration function):
+        select - a string or array of string labels used to pre-select connections for plugin registration.
+        routes - modifiers applied to each route added by the plugin:
+        prefix - string added as prefix to any route path (must begin with '/'). If a plugin registers a child plugin the prefix is passed on to the child or is added in front of the child-specific prefix.
+        vhost - virtual host string (or array of strings) applied to every route. The outer-most vhost overrides the any nested configuration.
+        callback - the callback function with signature function(err) where:
+        err - an error returned from the registration function. Note that exceptions thrown by the registration function are not handled by the framework.
+        server.register({
+        register: require('plugin_name'),
+        options: {
+        message: 'hello'
+        }
+        }, function (err) {
+        if (err) {
+        console.log('Failed loading plugin');
+        }
+        });*/
+        register(plugins: any | any[], options: {
+            select: string | string[];
+            routes: {
+                prefix: string; vhost?: string | string[]
+            };
+        }
+            , callback: (err: any) => void): void;
+
+        register(plugins: any | any[], callback: (err: any) => void): void;
+
+        /**server.render(template, context, [options], callback)
+        Utilizes the server views manager to render a template where:
+        template - the template filename and path, relative to the views manager templates path (path or relativeTo).
+        context - optional object used by the template to render context-specific result. Defaults to no context ({}).
+        options - optional object used to override the views manager configuration.
+        callback - the callback function with signature function (err, rendered, config) where:
+        err - the rendering error if any.
+        rendered - the result view string.
+        config - the configuration used to render the template.
+        var Hapi = require('hapi');
+        var server = new Hapi.Server();
+        server.connection({ port: 80 });
+        server.views({
+        engines: { html: require('handlebars') },
+        path: __dirname + '/templates'
+        });
+        var context = {
+        title: 'Views Example',
+        message: 'Hello, World'
+        };
+        server.render('hello', context, function (err, rendered, config) {
+        console.log(rendered);
+        });*/
+        render(template: string, context: any, options: any, callback: (err: any, rendered: any, config: any) => void): void;
+        /** server.route(options)
+        Adds a connection route where:
+        options - a route configuration object or an array of configuration objects.
+        var Hapi = require('hapi');
+        var server = new Hapi.Server();
+        server.connection({ port: 80 });
+        server.route({ method: 'GET', path: '/', handler: function (request, reply) { return reply('ok'); } });
+        server.route([
+        { method: 'GET', path: '/1', handler: function (request, reply) { return reply('ok'); } },
+        { method: 'GET', path: '/2', handler: function (request, reply) { return reply('ok'); } }
+        ]);*/
+        route(options: IRouteConfiguration): void;
+        route(options: IRouteConfiguration[]): void;
+        /**server.select(labels)
+        Selects a subset of the server's connections where:
+        labels - a single string or array of strings of labels used as a logical OR statement to select all the connections with matching labels in their configuration.
+        Returns a server object with connections set to the requested subset. Selecting again on a selection operates as a logic AND statement between the individual selections.
+        var Hapi = require('hapi');
+        var server = new Hapi.Server();
+        server.connection({ port: 80, labels: ['a'] });
+        server.connection({ port: 8080, labels: ['b'] });
+        server.connection({ port: 8081, labels: ['c'] });
+        server.connection({ port: 8082, labels: ['c','d'] });
+        var a = server.select('a');          // The server with port 80
+        var ab = server.select(['a','b']);   // A list of servers containing the server with port 80 and the server with port 8080
+        var c = server.select('c');          // A list of servers containing the server with port 8081 and the server with port 8082 */
+        select(labels: string | string[]): Server | Server[];
+        /** server.start([callback])
+        Starts the server connections by listening for incoming requests on the configured port of each listener (unless the connection was configured with autoListen set to false), where:
+        callback - optional callback when server startup is completed or failed with the signature function(err) where:
+        err - any startup error condition.
+        var Hapi = require('hapi');
+        var server = new Hapi.Server();
+        server.connection({ port: 80 });
+        server.start(function (err) {
+        console.log('Server started at: ' + server.info.uri);
+        });*/
+        start(callback?: (err: any) => void): void;
+        /** server.state(name, [options])
+        HTTP state management uses client cookies to persist a state across multiple requests. Registers a cookie definitions
+        State defaults can be modified via the server connections.routes.state configuration option.
+        var Hapi = require('hapi');
+        var server = new Hapi.Server();
+        server.connection({ port: 80 });
+        // Set cookie definition
+        server.state('session', {
+        ttl: 24 * 60 * 60 * 1000,     // One day
+        isSecure: true,
+        path: '/',
+        encoding: 'base64json'
+        });
+        // Set state in route handler
+        var handler = function (request, reply) {
+        var session = request.state.session;
+        if (!session) {
+        session = { user: 'joe' };
+        }
+        session.last = Date.now();
+        return reply('Success').state('session', session);
+        };
+        Registered cookies are automatically parsed when received. Parsing rules depends on the route state.parse configuration. If an incoming registered cookie fails parsing, it is not included in request.state, regardless of the state.failAction setting. When state.failAction is set to 'log' and an invalid cookie value is received, the server will emit a 'request-internal' event. To capture these errors subscribe to the 'request-internal' events and filter on 'error' and 'state' tags:
+        var Hapi = require('hapi');
+        var server = new Hapi.Server();
+        server.connection({ port: 80 });
+        server.on('request-internal', function (request, event, tags) {
+        if (tags.error && tags.state) {
+        console.error(event);
+        }
+        });    */
+        state(name: string, options?: ICookieSettings): void;
+
+        /** server.stop([options], [callback])
+        Stops the server's connections by refusing to accept any new connections or requests (existing connections will continue until closed or timeout), where:
+        options - optional object with:
+        timeout - overrides the timeout in millisecond before forcefully terminating a connection. Defaults to 5000 (5 seconds).
+        callback - optional callback method with signature function() which is called once all the connections have ended and it is safe to exit the process.
+        var Hapi = require('hapi');
+        var server = new Hapi.Server();
+        server.connection({ port: 80 });
+        server.stop({ timeout: 60 * 1000 }, function () {
+        console.log('Server stopped');
+        });*/
+        stop(options?: { timeout: number }, callback?: () => void): void;
+        /**server.table([host])
+        Returns a copy of the routing table where:
+        host - optional host to filter routes matching a specific virtual host. Defaults to all virtual hosts.
+        The return value is an array where each item is an object containing:
+        info - the connection.info the connection the table was generated for.
+        labels - the connection labels.
+        table - an array of routes where each route contains:
+        settings - the route config with defaults applied.
+        method - the HTTP method in lower case.
+        path - the route path.
+        Note that if the server has not been started and multiple connections use port 0, the table items will override each other and will produce an incomplete result.
+        var Hapi = require('hapi');
+        var server = new Hapi.Server();
+        server.connection({ port: 80, host: 'example.com' });
+        server.route({ method: 'GET', path: '/example', handler: function (request, reply) { return reply(); } });
+        var table = server.table();
+        When calling connection.table() directly on each connection, the return value is the same as the array table item value of an individual connection:
+        var Hapi = require('hapi');
+        var server = new Hapi.Server();
+        server.connection({ port: 80, host: 'example.com' });
+        server.route({ method: 'GET', path: '/example', handler: function (request, reply) { return reply(); } });
+        var table = server.connections[0].table();
+        //[
+        //    {
+        //        method: 'get',
+        //        path: '/example',
+        //        settings: { ... }
+        //    }
+        //]
+        */
+        table(host?: any): IConnectionTable;
+
+        /**server.views(options)
+        Initializes the server views manager
+        var Hapi = require('hapi');
+        var server = new Hapi.Server();
+        server.views({
+        engines: {
+        html: require('handlebars'),
+        jade: require('jade')
+        },
+        path: '/static/templates'
+        });
+        When server.views() is called within a plugin, the views manager is only available to plugins methods.*/
+        views(options: IServerViewsConfiguration): void;
+
+    }
+}
diff --git a/types/hapi/v12/tsconfig.json b/types/hapi/v12/tsconfig.json
new file mode 100644
index 0000000000..4659b7940a
--- /dev/null
+++ b/types/hapi/v12/tsconfig.json
@@ -0,0 +1,27 @@
+{
+    "compilerOptions": {
+        "module": "commonjs",
+        "lib": [
+            "es6"
+        ],
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictNullChecks": false,
+        "baseUrl": "../../",
+        "typeRoots": [
+            "../../"
+        ],
+        "types": [],
+        "paths": {
+            "hapi": [
+                "hapi/v12"
+            ]
+        },
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true
+    },
+    "files": [
+        "index.d.ts",
+        "hapi-tests.ts"
+    ]
+}
\ No newline at end of file
diff --git a/types/hapi/hapi-tests.ts b/types/hapi/v16.0/hapi-tests.ts
similarity index 100%
rename from types/hapi/hapi-tests.ts
rename to types/hapi/v16.0/hapi-tests.ts
diff --git a/types/hapi/v16.0/index.d.ts b/types/hapi/v16.0/index.d.ts
new file mode 100644
index 0000000000..6fdef94dec
--- /dev/null
+++ b/types/hapi/v16.0/index.d.ts
@@ -0,0 +1,2489 @@
+// Type definitions for hapi 16.0
+// Project: http://github.com/spumko/hapi
+// Definitions by: Jason Swearingen <http://github.com/jasonswearingen>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+
+// Note/Disclaimer: This .d.ts was created against hapi v8.x but has been incrementally upgraded to 13.x.  Some newer features/changes may be missing.  YMMV.
+
+/// <reference types="node" />
+
+import http = require("http");
+import stream = require("stream");
+import Events = require("events");
+import url = require("url");
+
+export interface IDictionary<T> {
+	[key: string]: T;
+}
+
+export interface IHeaderOptions {
+	append?: boolean;
+	separator?: string;
+	override?: boolean;
+	duplicate?: boolean;
+}
+
+/** Boom Module for errors. https://github.com/hapijs/boom
+ *  boom provides a set of utilities for returning HTTP errors. Each utility returns a Boom error response object (instance of Error) which includes the following properties:  */
+export interface IBoom extends Error {
+	/**  if true, indicates this is a Boom object instance.  */
+	isBoom: boolean;
+	/** convenience bool indicating status code >= 500.  */
+	isServer: boolean;
+	/**  the error message.  */
+	message: string;
+	/**  the formatted response.Can be directly manipulated after object construction to return a custom error response.Allowed root keys:  */
+	output: {
+		/** the HTTP status code (typically 4xx or 5xx).  */
+		statusCode: number;
+		/** an object containing any HTTP headers where each key is a header name and value is the header content.  */
+		headers: IDictionary<string>;
+		/** the formatted object used as the response payload (stringified).Can be directly manipulated but any changes will be lost if reformat() is called.Any content allowed and by default includes the following content: */
+		payload: {
+			/** the HTTP status code, derived from error.output.statusCode.  */
+			statusCode: number;
+			/** the HTTP status message (e.g. 'Bad Request', 'Internal Server Error') derived from statusCode.  */
+			error: string;
+			/** the error message derived from error.message. */
+			message: string;
+		};
+	};
+	/**  reformat()rebuilds error.output using the other object properties.  */
+	reformat(): void;
+}
+
+/** cache functionality via the "CatBox" module. */
+export interface ICatBoxCacheOptions {
+	/**  a prototype function or catbox engine object.  */
+	engine: any;
+	/**   an identifier used later when provisioning or configuring caching for server methods or plugins. Each cache name must be unique. A single item may omit the name option which defines the default cache. If every cache includes a name, a default memory cache is provisions as well.  */
+	name?: string;
+	/**   if true, allows multiple cache users to share the same segment (e.g. multiple methods using the same cache storage container). Default to false.  */
+	shared?: boolean;
+}
+
+/** policy configuration for the "CatBox" module and server method options. */
+export interface ICatBoxCachePolicyOptions {
+	/** the cache name configured in server.cache. Defaults to the default cache. */
+	cache?: string;
+	/** string segment name, used to isolate cached items within the cache partition. When called within a plugin, defaults to '!name' where 'name' is the plugin name. When called within a server method, defaults to '#name' where 'name' is the server method name. Required when called outside of a plugin. */
+	segment?: string;
+	/** if true, allows multiple cache provisions to share the same segment. Default to false. */
+	shared?: boolean;
+	/** relative expiration expressed in the number of milliseconds since the item was saved in the cache. Cannot be used together with expiresAt. */
+	expiresIn?: number;
+	/** time of day expressed in 24h notation using the 'HH:MM' format, at which point all cache records expire. Uses local time. Cannot be used together with expiresIn. */
+	expiresAt?: number;
+	/** a function used to generate a new cache item if one is not found in the cache when calling get(). The method's signature is function(id, next) where: - id - the id string or object provided to the get() method. - next - the method called when the new item is returned with the signature function(err, value, ttl) where: - err - an error condition. - value - the new value generated. - ttl - the cache ttl value in milliseconds. Set to 0 to skip storing in the cache. Defaults to the cache global policy. */
+	generateFunc?: Function;
+	/** number of milliseconds to mark an item stored in cache as stale and attempt to regenerate it when generateFunc is provided. Must be less than expiresIn. */
+	staleIn?: number;
+	/** number of milliseconds to wait before checking if an item is stale. */
+	staleTimeout?: number;
+	/** number of milliseconds to wait before returning a timeout error when the generateFunc function takes too long to return a value. When the value is eventually returned, it is stored in the cache for future requests. Required if generateFunc is present. Set to false to disable timeouts which may cause all get() requests to get stuck forever. */
+	generateTimeout?: number;
+	/** if true, an error or timeout in the generateFunc causes the stale value to be evicted from the cache. Defaults to true */
+	dropOnError?: boolean;
+	/** if false, an upstream cache read error will stop the cache.get() method from calling the generate function and will instead pass back the cache error. Defaults to true. */
+	generateOnReadError?: boolean;
+	/** if false, an upstream cache write error when calling cache.get() will be passed back with the generated value when calling. Defaults to true. */
+	generateIgnoreWriteError?: boolean;
+	/** number of milliseconds while generateFunc call is in progress for a given id, before a subsequent generateFunc call is allowed. Defaults to 0 (no blocking of concurrent generateFunc calls beyond staleTimeout). */
+	pendingGenerateTimeout?: number;
+}
+
+/** Any connections configuration server defaults can be included to override and customize the individual connection. */
+export interface IServerConnectionOptions extends IConnectionConfigurationServerDefaults {
+	/**  - the public hostname or IP address. Used only to set server.info.host and server.info.uri. If not configured, defaults to the operating system hostname and if not available, to 'localhost'.*/
+	host?: string;
+	/** - sets the host name or IP address the connection will listen on.If not configured, defaults to host if present, otherwise to all available network interfaces (i.e. '0.0.0.0').Set to 127.0.0.1 or localhost to restrict connection to only those coming from the same machine.*/
+	address?: string;
+	/** - the TCP port the connection will listen to.Defaults to an ephemeral port (0) which uses an available port when the server is started (and assigned to server.info.port).If port is a string containing a '/' character, it is used as a UNIX domain socket path and if it starts with '\.\pipe' as a Windows named pipe.*/
+	port?: string | number;
+	/** - the full public URI without the path (e.g. 'http://example.com:8080').If present, used as the connection info.uri otherwise constructed from the connection settings.*/
+	uri?: string;
+	/**  - optional node.js HTTP (or HTTPS) http.Server object or any compatible object.If the listener needs to be manually started, set autoListen to false.If the listener uses TLS, set tls to true.*/
+	listener?: any;
+	/**  - indicates that the connection.listener will be started manually outside the framework.Cannot be specified with a port setting.Defaults to true.*/
+	autoListen?: boolean;
+	/**  caching headers configuration: */
+	cache?: {
+		/** - an array of HTTP response status codes (e.g. 200) which are allowed to include a valid caching directive.Defaults to [200]. */
+		statuses: number[];
+	};
+	/** - a string or string array of labels used to server.select() specific connections matching the specified labels.Defaults to an empty array [](no labels).*/
+	labels?: string | string[];
+	/**  - used to create an HTTPS connection.The tls object is passed unchanged as options to the node.js HTTPS server as described in the node.js HTTPS documentation.Set to true when passing a listener object that has been configured to use TLS directly. */
+	tls?: boolean | { key?: string; cert?: string; pfx?: string; } | Object;
+}
+
+export interface IConnectionConfigurationServerDefaults {
+	/**  application-specific connection configuration which can be accessed via connection.settings.app. Provides a safe place to store application configuration without potential conflicts with the framework internals. Should not be used to configure plugins which should use plugins[name]. Note the difference between connection.settings.app which is used to store configuration values and connection.app which is meant for storing run-time state.  */
+	app?: any;
+	/** if false, response content encoding is disabled. Defaults to true */
+	compression?: boolean;
+	/**  connection load limits configuration where:  */
+	load?: {
+		/**  maximum V8 heap size over which incoming requests are rejected with an HTTP Server Timeout (503) response. Defaults to 0 (no limit).  */
+		maxHeapUsedBytes: number;
+		/**  maximum process RSS size over which incoming requests are rejected with an HTTP Server Timeout (503) response. Defaults to 0 (no limit).  */
+		maxRssBytes: number;
+		/**  maximum event loop delay duration in milliseconds over which incoming requests are rejected with an HTTP Server Timeout (503) response. Defaults to 0 (no limit).  */
+		maxEventLoopDelay: number;
+	};
+	/**  plugin-specific configuration which can later be accessed via connection.settings.plugins. Provides a place to store and pass connection-specific plugin configuration. plugins is an object where each key is a plugin name and the value is the configuration. Note the difference between connection.settings.plugins which is used to store configuration values and connection.plugins which is meant for storing run-time state. */
+	plugins?: any;
+	/**  controls how incoming request URIs are matched against the routing table: */
+	router?: {
+		/**  determines whether the paths '/example' and '/EXAMPLE' are considered different resources. Defaults to true.  */
+		isCaseSensitive: boolean;
+		/**  removes trailing slashes on incoming paths. Defaults to false.  */
+		stripTrailingSlash: boolean;
+	};
+	/** a route options object used to set the default configuration for every route. */
+	routes?: IRouteAdditionalConfigurationOptions;
+	state?: IServerState;
+}
+
+/** Note that the options object is deeply cloned and cannot contain any values that are unsafe to perform deep copy on.*/
+export interface IServerOptions {
+	/**  application-specific configuration which can later be accessed via server.settings.app. Note the difference between server.settings.app which is used to store static configuration values and server.app which is meant for storing run-time state. Defaults to {}.  */
+	app?: any;
+	/**   sets up server-side caching. Every server includes a default cache for storing application state. By default, a simple memory-based cache is created which has limited capacity and capabilities. hapi uses catbox for its cache which includes support for common storage solutions (e.g. Redis, MongoDB, Memcached, and Riak). Caching is only utilized if methods and plugins explicitly store their state in the cache. The server cache configuration only defines the storage container itself. cache can be assigned:
+	 a prototype function (usually obtained by calling require() on a catbox strategy such as require('catbox-redis')).
+	 a configuration object with the following options:
+	 enginea prototype function or catbox engine object.
+	 namean identifier used later when provisioning or configuring caching for server methods or plugins. Each cache name must be unique. A single item may omit the name option which defines the default cache. If every cache includes a name, a default memory cache is provisions as well.
+	 sharedif true, allows multiple cache users to share the same segment (e.g. multiple methods using the same cache storage container). Default to false.
+	 other options passed to the catbox strategy used.
+	 an array of the above object for configuring multiple cache instances, each with a unique name. When an array of objects is provided, multiple cache connections are established and each array item (except one) must include a name.  */
+	cache?: string | ICatBoxCacheOptions | ICatBoxCacheOptions[] | any;
+	/**  sets the default connections configuration which can be overridden by each connection where:  */
+	connections?: IConnectionConfigurationServerDefaults;
+	/** determines which logged events are sent to the console (this should only be used for development and does not affect which events are actually logged internally and recorded). Set to false to disable all console logging, or to an object*/
+	debug?: boolean | {
+		/** - a string array of server log tags to be displayed via console.error() when the events are logged via server.log() as well as internally generated server logs. For example, to display all errors, set the option to ['error']. To turn off all console debug messages set it to false. Defaults to uncaught errors thrown in external code (these errors are handled automatically and result in an Internal Server Error response) or runtime errors due to developer error. */
+		log: string[];
+		/**  - a string array of request log tags to be displayed via console.error() when the events are logged via request.log() as well as internally generated request logs. For example, to display all errors, set the option to ['error']. To turn off all console debug messages set it to false. Defaults to uncaught errors thrown in external code (these errors are handled automatically and result in an Internal Server Error response) or runtime errors due to developer error.*/
+		request: string[];
+	};
+	/** file system related settings*/
+	files?: {
+		/**  sets the maximum number of file etag hash values stored in the etags cache. Defaults to 10000.*/
+		etagsCacheMaxSize?: number;
+	};
+	/**  process load monitoring*/
+	load?: {
+		/**  the frequency of sampling in milliseconds. Defaults to 0 (no sampling).*/
+		sampleInterval?: number;
+	};
+
+	/** options passed to the mimos module (https://github.com/hapijs/mimos) when generating the mime database used by the server and accessed via server.mime.*/
+	mime?: any;
+	/**  if true, does not load the inert (file and directory support), h2o2 (proxy support), and vision (views support) plugins automatically. The plugins can be loaded manually after construction. Defaults to false (plugins loaded). */
+	minimal?: boolean;
+	/** plugin-specific configuration which can later be accessed via server.settings.plugins. plugins is an object where each key is a plugin name and the value is the configuration. Note the difference between server.settings.plugins which is used to store static configuration values and server.plugins which is meant for storing run-time state. Defaults to {}.*/
+	plugins?: IDictionary<any>;
+}
+
+export interface IServerViewCompile {
+	(template: string, options: any): void;
+	(template: string, options: any, callback: (err: any, compiled: (context: any, options: any, callback: (err: any, rendered: boolean) => void) => void) => void): void;
+}
+
+export interface IServerViewsAdditionalOptions {
+	/**    path - the root file path used to resolve and load the templates identified when calling reply.view().Defaults to current working directory.*/
+	path?: string;
+	/**partialsPath - the root file path where partials are located.Partials are small segments of template code that can be nested and reused throughout other templates.Defaults to no partials support (empty path).
+	 */
+	partialsPath?: string;
+	/**helpersPath - the directory path where helpers are located.Helpers are functions used within templates to perform transformations and other data manipulations using the template context or other inputs.Each '.js' file in the helpers directory is loaded and the file name is used as the helper name.The files must export a single method with the signature function(context) and return a string.Sub - folders are not supported and are ignored.Defaults to no helpers support (empty path).Note that jade does not support loading helpers this way.*/
+	helpersPath?: string;
+	/**relativeTo - a base path used as prefix for path and partialsPath.No default.*/
+	relativeTo?: string;
+
+	/**layout - if set to true or a layout filename, layout support is enabled.A layout is a single template file used as the parent template for other view templates in the same engine.If true, the layout template name must be 'layout.ext' where 'ext' is the engine's extension. Otherwise, the provided filename is suffixed with the engine's extension and loaded.Disable layout when using Jade as it will handle including any layout files independently.Defaults to false.*/
+	layout?: boolean | string;
+	/**layoutPath - the root file path where layout templates are located (using the relativeTo prefix if present). Defaults to path.*/
+	layoutPath?: string;
+	/**layoutKeyword - the key used by the template engine to denote where primary template content should go.Defaults to 'content'.*/
+	layoutKeywork?: string;
+	/**encoding - the text encoding used by the templates when reading the files and outputting the result.Defaults to 'utf8'.*/
+	encoding?: string;
+	/**isCached - if set to false, templates will not be cached (thus will be read from file on every use).Defaults to true.*/
+	isCached?: boolean;
+	/**allowAbsolutePaths - if set to true, allows absolute template paths passed to reply.view().Defaults to false.*/
+	allowAbsolutePaths?: boolean;
+	/**allowInsecureAccess - if set to true, allows template paths passed to reply.view() to contain '../'.Defaults to false.*/
+	allowInsecureAccess?: boolean;
+	/**compileOptions - options object passed to the engine's compile function. Defaults to empty options {}.*/
+	compileOptions?: any;
+	/**runtimeOptions - options object passed to the returned function from the compile operation.Defaults to empty options {}.*/
+	runtimeOptions?: any;
+	/**contentType - the content type of the engine results.Defaults to 'text/html'.*/
+	contentType?: string;
+	/**compileMode - specify whether the engine compile() method is 'sync' or 'async'.Defaults to 'sync'.*/
+	compileMode?: string;
+	/**context - a global context used with all templates.The global context option can be either an object or a function that takes no arguments and returns a context object.When rendering views, the global context will be merged with any context object specified on the handler or using reply.view().When multiple context objects are used, values from the global context always have lowest precedence.*/
+	context?: any;
+}
+
+export interface IServerViewsEnginesOptions extends IServerViewsAdditionalOptions {
+	/**- the npm module used for rendering the templates.The module object must contain: "module", the rendering function. The required function signature depends on the compileMode settings.
+	 * If the compileMode is 'sync', the signature is compile(template, options), the return value is a function with signature function(context, options), and the method is allowed to throw errors.If the compileMode is 'async', the signature is compile(template, options, callback) where callback has the signature function(err, compiled) where compiled is a function with signature function(context, options, callback) and callback has the signature function(err, rendered).*/
+	module: {
+		compile?(template: any, options: any): (context: any, options: any) => void;
+		compile?(template: any, options: any, callback: (err: any, compiled: (context: any, options: any, callback: (err: any, rendered: any) => void) => void) => void): void;
+	};
+}
+
+/**Initializes the server views manager
+ var Hapi = require('hapi');
+ var server = new Hapi.Server();
+
+ server.views({
+engines: {
+html: require('handlebars'),
+jade: require('jade')
+},
+path: '/static/templates'
+});
+ When server.views() is called within a plugin, the views manager is only available to plugins methods.
+ */
+export interface IServerViewsConfiguration extends IServerViewsAdditionalOptions {
+	/** - required object where each key is a file extension (e.g. 'html', 'hbr'), mapped to the npm module used for rendering the templates.Alternatively, the extension can be mapped to an object with the following options:*/
+	engines: IDictionary<any> | IServerViewsEnginesOptions;
+	/**  defines the default filename extension to append to template names when multiple engines are configured and not explicit extension is provided for a given template. No default value.*/
+	defaultExtension?: string;
+}
+
+export interface IReplyMethods {
+	/** Returns control back to the framework without setting a response. If called in the handler, the response defaults to an empty payload with status code 200.
+	 * The data argument is only used for passing back authentication data and is ignored elsewhere. */
+	continue(credentialData?: any): void;
+
+	/** Transmits a file from the file system. The 'Content-Type' header defaults to the matching mime type based on filename extension.  The response flow control rules do not apply. */
+	file(/**   the file path. */
+		path: string,
+		/**  optional settings:  */
+		options?: {
+			/** - an optional filename to specify if sending a 'Content-Disposition' header, defaults to the basename of path*/
+			filename?: string;
+			/** specifies whether to include the 'Content-Disposition' header with the response. Available values:
+			 false - header is not included. This is the default value.
+			 'attachment'
+			 'inline'*/
+			mode?: boolean | string;
+			/**   if true, looks for the same filename with the '.gz' suffix for a pre-compressed version of the file to serve if the request supports content encoding. Defaults to false.  */
+			lookupCompressed: boolean;
+		}): void;
+	/**  Concludes the handler activity by returning control over to the router with a templatized view response.
+	 the response flow control rules apply. */
+	view(/**  the template filename and path, relative to the templates path configured via the server views manager. */
+		template: string,
+		/**  optional object used by the template to render context-specific result. Defaults to no context {}. */
+		context?: {},
+		/**  optional object used to override the server's views manager configuration for this response. Cannot override isCached, partialsPath, or helpersPath which are only loaded at initialization.  */
+		options?: any): Response;
+	/** Sets a header on the response */
+	header(name: string, value: string, options?: IHeaderOptions): Response;
+
+	/** Concludes the handler activity by returning control over to the router and informing the router that a response has already been sent back directly via request.raw.res and that no further response action is needed
+	 The response flow control rules do not apply. */
+	close(options?: {
+		/**   if false, the router will not call request.raw.res.end()) to ensure the response was ended. Defaults to true.  */
+		end?: boolean;
+	}): void;
+	/** Proxies the request to an upstream endpoint.
+	 the response flow control rules do not apply. */
+
+	proxy(/**  an object including the same keys and restrictions defined by the route proxy handler options. */
+		options: IProxyHandlerConfig): void;
+	/** Redirects the client to the specified uri. Same as calling reply().redirect(uri).
+	 he response flow control rules apply. */
+	redirect(uri: string): ResponseRedirect;
+
+	/** Replies with the specified response */
+	response(result: any): Response;
+
+	/** Sets a cookie on the response */
+	state(name: string, value: any, options?: any): void;
+
+	/** Clears a cookie on the response */
+	unstate(name: string, options?: any): void;
+}
+
+/**  Concludes the handler activity by setting a response and returning control over to the framework where:
+ erran optional error response.
+	result an optional response payload.
+	Since an request can only have one response regardless if it is an error or success, the reply() method can only result in a single response value. This means that passing both an err and result will only use the err. There is no requirement for either err or result to be (or not) an Error object. The framework will simply use the first argument if present, otherwise the second. The method supports two arguments to be compatible with the common callback pattern of error first.
+	FLOW CONTROL:
+	When calling reply(), the framework waits until process.nextTick() to continue processing the request and transmit the response. This enables making changes to the returned response object before the response is sent. This means the framework will resume as soon as the handler method exits. To suspend this behavior, the returned response object supports the following methods: hold(), send() */
+export interface IReply extends IReplyMethods {
+	<T>(
+		err: Error,
+		result?: string | number | boolean | Buffer | stream.Stream | Promise<T> | T,
+		/**  Note that when used to return both an error and credentials in the authentication methods, reply() must be called with three arguments function(err, null, data) where data is the additional authentication information. */
+		credentialData?: any): IBoom;
+	/**  Note that if result is a Stream with a statusCode property, that status code will be used as the default response code.  */
+	<T>(result: string | number | boolean | Buffer | stream.Stream | Promise<T> | T): Response;
+}
+
+/**  Concludes the handler activity by setting a response and returning control over to the framework where:
+ erran optional error response.
+	result an optional response payload.
+	Since an request can only have one response regardless if it is an error or success, the reply() method can only result in a single response value. This means that passing both an err and result will only use the err. There is no requirement for either err or result to be (or not) an Error object. The framework will simply use the first argument if present, otherwise the second. The method supports two arguments to be compatible with the common callback pattern of error first.
+	FLOW CONTROL:
+	When calling reply(), the framework waits until process.nextTick() to continue processing the request and transmit the response. This enables making changes to the returned response object before the response is sent. This means the framework will resume as soon as the handler method exits. To suspend this behavior, the returned response object supports the following methods: hold(), send() */
+export interface IStrictReply<T> extends IReplyMethods {
+	(err: Error,
+		result?: Promise<T> | T,
+		/**  Note that when used to return both an error and credentials in the authentication methods, reply() must be called with three arguments function(err, null, data) where data is the additional authentication information. */
+		credentialData?: any): IBoom;
+	/**  Note that if result is a Stream with a statusCode property, that status code will be used as the default response code.  */
+	(result: Promise<T> | T): Response;
+}
+
+export interface ISessionHandler {
+	(request: Request, reply: IReply): void;
+}
+
+export interface IStrictSessionHandler {
+	<T>(request: Request, reply: IStrictReply<T>): void;
+}
+
+export interface IRequestHandler<T> {
+	(request: Request): T;
+}
+
+export interface IFailAction {
+	(source: string, error: any, next: () => void): void;
+}
+/**  generates a reverse proxy handler */
+export interface IProxyHandlerConfig {
+	/** the upstream service host to proxy requests to. The same path on the client request will be used as the path on the host.*/
+	host?: string;
+	/** the upstream service port. */
+	port?: number;
+	/**  The protocol to use when making a request to the proxied host:
+	 'http'
+	 'https'*/
+	protocol?: string;
+	/**  an absolute URI used instead of the incoming host, port, protocol, path, and query. Cannot be used with host, port, protocol, or mapUri.*/
+	uri?: string;
+	/**  if true, forwards the headers sent from the client to the upstream service being proxied to, headers sent from the upstream service will also be forwarded to the client. Defaults to false.*/
+	passThrough?: boolean;
+	/** localStatePassThrough - if false, any locally defined state is removed from incoming requests before being passed upstream. This is a security feature to prevent local state (e.g. authentication cookies) from leaking upstream to other servers along with the cookies intended for those servers. This value can be overridden on a per state basis via the server.state() passThrough option. Defaults to false.*/
+	localStatePassThrough?: boolean;
+	/**acceptEncoding - if false, does not pass-through the 'Accept-Encoding' HTTP header which is useful when using an onResponse post-processing to avoid receiving an encoded response (e.g. gzipped). Can only be used together with passThrough. Defaults to true (passing header).*/
+	acceptEncoding?: boolean;
+	/** rejectUnauthorized - sets the rejectUnauthorized property on the https agent making the request. This value is only used when the proxied server uses TLS/SSL. When set it will override the node.js rejectUnauthorized property. If false then ssl errors will be ignored. When true the server certificate is verified and an 500 response will be sent when verification fails. This shouldn't be used alongside the agent setting as the agent will be used instead. Defaults to the https agent default value of true.*/
+	rejectUnauthorized?: boolean;
+	/**if true, sets the 'X-Forwarded-For', 'X-Forwarded-Port', 'X-Forwarded-Proto' headers when making a request to the proxied upstream endpoint. Defaults to false.*/
+	xforward?: boolean;
+	/** the maximum number of HTTP redirections allowed, to be followed automatically by the handler. Set to false or 0 to disable all redirections (the response will contain the redirection received from the upstream service). If redirections are enabled, no redirections (301, 302, 307, 308) will be passed along to the client, and reaching the maximum allowed redirections will return an error response. Defaults to false.*/
+	redirects?: boolean | number;
+	/**number of milliseconds before aborting the upstream request. Defaults to 180000 (3 minutes).*/
+	timeout?: number;
+	/** a function used to map the request URI to the proxied URI. Cannot be used together with host, port, protocol, or uri. The function signature is function(request, callback) where:
+	 request - is the incoming request object.
+	 callback - is function(err, uri, headers) where:
+	 err - internal error condition.
+	 uri - the absolute proxy URI.
+	 headers - optional object where each key is an HTTP request header and the value is the header content.*/
+	mapUri?(request: Request, callback: (err: any, uri: string, headers?: { [key: string]: string }) => void): void;
+	/**  a custom function for processing the response from the upstream service before sending to the client. Useful for custom error handling of responses from the proxied endpoint or other payload manipulation. Function signature is function(err, res, request, reply, settings, ttl) where: - err - internal or upstream error returned from attempting to contact the upstream proxy. - res - the node response object received from the upstream service. res is a readable stream (use the wreck module read method to easily convert it to a Buffer or string). - request - is the incoming request object. - reply - the reply interface function. - settings - the proxy handler configuration. - ttl - the upstream TTL in milliseconds if proxy.ttl it set to 'upstream' and the upstream response included a valid 'Cache-Control' header with 'max-age'.*/
+	onResponse?(
+		err: any,
+		res: http.ServerResponse,
+		req: Request,
+		reply: IReply,
+		settings: IProxyHandlerConfig,
+		ttl: number): void;
+	/** if set to 'upstream', applies the upstream response caching policy to the response using the response.ttl() method (or passed as an argument to the onResponse method if provided).*/
+	ttl?: number;
+	/** - a node http(s) agent to be used for connections to upstream server.  see https://nodejs.org/api/http.html#http_class_http_agent */
+	agent?: http.Agent;
+	/** sets the maximum number of sockets available per outgoing proxy host connection. false means use the wreck module default value (Infinity). Does not affect non-proxy outgoing client connections. Defaults to Infinity.*/
+	maxSockets?: boolean | number;
+}
+/**  TODO: fill in joi definition  */
+export interface IJoi { }
+
+/**  a validation function using the signature function(value, options, next) */
+export interface IValidationFunction {
+	(
+		/**   the object containing the path parameters. */
+		value: any,
+		/**  the server validation options. */
+		options: any,
+		/**   the callback function called when validation is completed.  */
+		next: (err: any, value: any) => void): void;
+}
+/**  a custom error handler function with the signature 'function(request, reply, source, error)` */
+export interface IRouteFailFunction {
+	/**  a custom error handler function with the signature 'function(request, reply, source, error)` */
+	(/** - the [request object]. */
+		request: Request,
+		/**   the continuation reply interface. */
+		reply: IReply,
+		/**  the source of the invalid field (e.g. 'path', 'query', 'payload'). */
+		source: string,
+		/**  the error object prepared for the client response (including the validation function error under error.data). */
+		error: any): void;
+}
+
+/**  Each route can be customize to change the default behavior of the request lifecycle using the following options:  */
+export interface IRouteAdditionalConfigurationOptions {
+	/**  application specific configuration.Should not be used by plugins which should use plugins[name] instead. */
+	app?: any;
+	/** authentication configuration.Value can be: false to disable authentication if a default strategy is set.
+	 a string with the name of an authentication strategy registered with server.auth.strategy().
+	 an object  */
+	auth?: boolean | string |
+	{
+		/**  the authentication mode.Defaults to 'required' if a server authentication strategy is configured, otherwise defaults to no authentication.Available values:
+		 'required'authentication is required.
+		 'optional'authentication is optional (must be valid if present).
+		 'try'same as 'optional' but allows for invalid authentication. */
+		mode?: string;
+		/**  a string array of strategy names in order they should be attempted.If only one strategy is used, strategy can be used instead with the single string value.Defaults to the default authentication strategy which is available only when a single strategy is configured.  */
+		strategies?: string | string[];
+		/**  if set, the payload (in requests other than 'GET' and 'HEAD') is authenticated after it is processed.Requires a strategy with payload authentication support (e.g.Hawk).Cannot be set to a value other than 'required' when the scheme sets the options.payload to true.Available values:
+		 falseno payload authentication.This is the default value.
+		 'required'payload authentication required.This is the default value when the scheme sets options.payload to true.
+		 'optional'payload authentication performed only when the client includes payload authentication information (e.g.hash attribute in Hawk). */
+		payload?: string;
+		/**  the application scope required to access the route.Value can be a scope string or an array of scope strings.The authenticated credentials object scope property must contain at least one of the scopes defined to access the route.Set to false to remove scope requirements.Defaults to no scope required.  */
+		scope?: string | string[] | boolean;
+		/** the required authenticated entity type.If set, must match the entity value of the authentication credentials.Available values:
+		 anythe authentication can be on behalf of a user or application.This is the default value.
+		 userthe authentication must be on behalf of a user.
+		 appthe authentication must be on behalf of an application. */
+		entity?: string;
+		/**
+		 * an object or array of objects specifying the route access rules. Each rule is evaluated against an incoming
+		 * request and access is granted if at least one rule matches. Each rule object must include at least one of:
+		 */
+		access?: IRouteAdditionalConfigurationAuthAccess | IRouteAdditionalConfigurationAuthAccess[];
+	};
+	/** an object passed back to the provided handler (via this) when called. */
+	bind?: any;
+	/** if the route method is 'GET', the route can be configured to include caching directives in the response using the following options */
+	cache?: {
+		/**  mines the privacy flag included in clientside caching using the 'Cache-Control' header.Values are:
+		 fault'no privacy flag.This is the default setting.
+		 'public'mark the response as suitable for public caching.
+		 'private'mark the response as suitable only for private caching.  */
+		privacy: string;
+		/**  relative expiration expressed in the number of milliseconds since the item was saved in the cache.Cannot be used together with expiresAt. */
+		expiresIn: number;
+		/**  time of day expressed in 24h notation using the 'HH:MM' format, at which point all cache records for the route expire.Cannot be used together with expiresIn.  */
+		expiresAt: string;
+	};
+	/** the Cross- Origin Resource Sharing protocol allows browsers to make cross- origin API calls.CORS is required by web applications running inside a browser which are loaded from a different domain than the API server.CORS headers are disabled by default. To enable, set cors to true, or to an object with the following options: */
+	cors?: {
+		/** a strings array of allowed origin servers ('Access-Control-Allow-Origin').The array can contain any combination of fully qualified origins along with origin strings containing a wildcard '' character, or a single `''origin string. Defaults to any origin['*']`. */
+		origin?: string[];
+		/** if true, matches the value of the incoming 'Origin' header to the list of origin values ('*' matches anything) and if a match is found, uses that as the value of the 'Access-Control-Allow-Origin' response header.When false, the origin config is returned as- is.Defaults to true.  */
+		matchOrigin?: boolean;
+		/** if false, prevents the connection from returning the full list of non- wildcard origin values if the incoming origin header does not match any of the values.Has no impact if matchOrigin is set to false.Defaults to true. */
+		isOriginExposed?: boolean;
+		/**  number of seconds the browser should cache the CORS response ('Access-Control-Max-Age').The greater the value, the longer it will take before the browser checks for changes in policy.Defaults to 86400 (one day). */
+		maxAge?: number;
+		/**  a strings array of allowed headers ('Access-Control-Allow-Headers').Defaults to ['Authorization', 'Content-Type', 'If-None-Match']. */
+		headers?: string[];
+		/**  a strings array of additional headers to headers.Use this to keep the default headers in place. */
+		additionalHeaders?: string[];
+		/**  a strings array of allowed HTTP methods ('Access-Control-Allow-Methods').Defaults to ['GET', 'HEAD', 'POST', 'PUT', 'DELETE', 'OPTIONS']. */
+		methods?: string[];
+		/**  a strings array of additional methods to methods.Use this to keep the default methods in place. */
+		additionalMethods?: string[];
+		/**  a strings array of exposed headers ('Access-Control-Expose-Headers').Defaults to ['WWW-Authenticate', 'Server-Authorization']. */
+		exposedHeaders?: string[];
+		/**  a strings array of additional headers to exposedHeaders.Use this to keep the default headers in place. */
+		additionalExposedHeaders?: string[];
+		/**  if true, allows user credentials to be sent ('Access-Control-Allow-Credentials').Defaults to false. */
+		credentials?: boolean;
+		/** if false, preserves existing CORS headers set manually before the response is sent.Defaults to true. */
+		override?: boolean;
+	};
+	/**   defines the behavior for serving static resources using the built-in route handlers for files and directories: */
+	files?: {/** determines the folder relative paths are resolved against when using the file and directory handlers. */
+		relativeTo: string;
+	};
+
+	/**  an alternative location for the route handler option. */
+	handler?: ISessionHandler | IStrictSessionHandler | string | IRouteHandlerConfig;
+	/** an optional unique identifier used to look up the route using server.lookup(). */
+	id?: number;
+	/** optional arguments passed to JSON.stringify() when converting an object or error response to a string payload.Supports the following: */
+	json?: {
+		/** the replacer function or array.Defaults to no action. */
+		replacer?: Function | string[];
+		/**  number of spaces to indent nested object keys.Defaults to no indentation. */
+		space?: number | string;
+		/** string suffix added after conversion to JSON string.Defaults to no suffix. */
+		suffix?: string;
+	};
+	/** enables JSONP support by setting the value to the query parameter name containing the function name used to wrap the response payload.For example, if the value is 'callback', a request comes in with 'callback=me', and the JSON response is '{ "a":"b" }', the payload will be 'me({ "a":"b" });'.Does not work with stream responses. */
+	jsonp?: string;
+	/** determines how the request payload is processed: */
+	payload?: {
+		/**  the type of payload representation requested. The value must be one of:
+		 'data'the incoming payload is read fully into memory.If parse is true, the payload is parsed (JSON, formdecoded, multipart) based on the 'Content- Type' header.If parse is false, the raw Buffer is returned.This is the default value except when a proxy handler is used.
+		 'stream'the incoming payload is made available via a Stream.Readable interface.If the payload is 'multipart/form-data' and parse is true, fields values are presented as text while files are provided as streams.File streams from a 'multipart/form-data' upload will also have a property hapi containing filename and headers properties.
+		 'file'the incoming payload in written to temporary file in the directory specified by the server's payload.uploads settings. If the payload is 'multipart/ formdata' and parse is true, fields values are presented as text while files are saved. Note that it is the sole responsibility of the application to clean up the files generated by the framework. This can be done by keeping track of which files are used (e.g. using the request.app object), and listening to the server 'response' event to perform any needed cleaup. */
+		output?: string;
+		/**  can be true, false, or gunzip; determines if the incoming payload is processed or presented raw. true and gunzip includes gunzipping when the appropriate 'Content-Encoding' is specified on the received request. If parsing is enabled and the 'Content-Type' is known (for the whole payload as well as parts), the payload is converted into an object when possible. If the format is unknown, a Bad Request (400) error response is sent. Defaults to true, except when a proxy handler is used. The supported mime types are:
+		 'application/json'
+		 'application/x-www-form-urlencoded'
+		 'application/octet-stream'
+		 'text/ *'
+		 'multipart/form-data' */
+		parse?: string | boolean;
+		/** a string or an array of strings with the allowed mime types for the endpoint.Defaults to any of the supported mime types listed above.Note that allowing other mime types not listed will not enable them to be parsed, and that if parsing mode is 'parse', the request will result in an error response. */
+		allow?: string | string[];
+		/** a mime type string overriding the 'Content-Type' header value received.Defaults to no override. */
+		override?: string;
+		/**  limits the size of incoming payloads to the specified byte count.Allowing very large payloads may cause the server to run out of memory.Defaults to 1048576 (1MB).  */
+		maxBytes?: number;
+		/** payload reception timeout in milliseconds.Sets the maximum time allowed for the client to transmit the request payload (body) before giving up and responding with a Request Timeout (408) error response.Set to false to disable.Defaults to 10000 (10 seconds). */
+		timeout?: number;
+		/**  the directory used for writing file uploads.Defaults to os.tmpDir(). */
+		uploads?: string;
+		/**  determines how to handle payload parsing errors. Allowed values are:
+		 'error'return a Bad Request (400) error response. This is the default value.
+		 'log'report the error but continue processing the request.
+		 'ignore'take no action and continue processing the request. */
+		failAction?: string;
+	};
+	/** pluginspecific configuration.plugins is an object where each key is a plugin name and the value is the plugin configuration.  */
+	plugins?: IDictionary<any>;
+	/** an array with [route prerequisites] methods which are executed in serial or in parallel before the handler is called.  */
+	pre?: any[];
+	/** validation rules for the outgoing response payload (response body).Can only validate object response: */
+	response?: {
+		/** the default HTTP status code when the payload is empty. Value can be 200 or 204.
+		 Note that a 200 status code is converted to a 204 only at the time or response transmission
+		 (the response status code will remain 200 throughout the request lifecycle unless manually set). Defaults to 200. */
+		emptyStatusCode?: number;
+		/**   the default response object validation rules (for all non-error responses) expressed as one of:
+		 true - any payload allowed (no validation performed). This is the default.
+		 false - no payload allowed.
+		 a Joi validation object.
+		 a validation function using the signature function(value, options, next) where:
+		 value - the object containing the response object.
+		 options - the server validation options.
+		 next(err) - the callback function called when validation is completed.  */
+		schema?: boolean | any;
+		/** HTTP status- codespecific validation rules.The status key is set to an object where each key is a 3 digit HTTP status code and the value has the same definition as schema.If a response status code is not present in the status object, the schema definition is used, expect for errors which are not validated by default.  */
+		status?: { [statusCode: number]: boolean | any };
+		/** the percent of responses validated (0100).Set to 0 to disable all validation.Defaults to 100 (all responses). */
+		sample?: number;
+		/**  defines what to do when a response fails validation.Options are:
+		 errorreturn an Internal Server Error (500) error response.This is the default value.
+		 loglog the error but send the response.  */
+		failAction?: string;
+		/** if true, applies the validation rule changes to the response.Defaults to false. */
+		modify?: boolean;
+		/** options to pass to Joi.Useful to set global options such as stripUnknown or abortEarly (the complete list is available here: https://github.com/hapijs/joi#validatevalue-schema-options-callback ).Defaults to no options.  */
+		options?: any;
+	};
+	/** sets common security headers (disabled by default).To enable set security to true or to an object with the following options */
+	security?: boolean | {
+		/** controls the 'Strict-Transport-Security' header.If set to true the header will be set to max- age=15768000, if specified as a number the maxAge parameter will be set to that number.Defaults to true.You may also specify an object with the following fields: */
+		hsts?: boolean | number | {
+			/** the max- age portion of the header, as a number.Default is 15768000. */
+			maxAge?: number;
+			/**  a boolean specifying whether to add the includeSubdomains flag to the header. */
+			includeSubdomains?: boolean;
+			/** a boolean specifying whether to add the 'preload' flag (used to submit domains inclusion in Chrome's HTTP Strict Transport Security (HSTS) preload list) to the header. */
+			preload?: boolean;
+		};
+		/** controls the 'X-Frame-Options' header.When set to true the header will be set to DENY, you may also specify a string value of 'deny' or 'sameorigin'.To use the 'allow-from' rule, you must set this to an object with the following fields: */
+		xframe?: {
+			/** either 'deny', 'sameorigin', or 'allow-from' */
+			rule: string;
+			/** when rule is 'allow-from' this is used to form the rest of the header, otherwise this field is ignored.If rule is 'allow-from' but source is unset, the rule will be automatically changed to 'sameorigin'. */
+			source: string;
+		};
+		/** boolean that controls the 'X-XSS-PROTECTION' header for IE.Defaults to true which sets the header to equal '1; mode=block'.NOTE: This setting can create a security vulnerability in versions of IE below 8, as well as unpatched versions of IE8.See here and here for more information.If you actively support old versions of IE, it may be wise to explicitly set this flag to false. */
+		xss?: boolean;
+		/**  boolean controlling the 'X-Download-Options' header for IE, preventing downloads from executing in your context.Defaults to true setting the header to 'noopen'. */
+		noOpen?: boolean;
+		/** boolean controlling the 'X-Content-Type-Options' header.Defaults to true setting the header to its only and default option, 'nosniff'. */
+		noSniff?: boolean;
+	};
+	/** HTTP state management (cookies) allows the server to store information on the client which is sent back to the server with every request (as defined in RFC 6265).state supports the following options: */
+	state?: {
+		/** determines if incoming 'Cookie' headers are parsed and stored in the request.state object.Defaults to true. */
+		parse: boolean;
+		/** determines how to handle cookie parsing errors.Allowed values are:
+		 'error'return a Bad Request (400) error response.This is the default value.
+		 'log'report the error but continue processing the request.
+		 'ignore'take no action. */
+		failAction: string;
+	};
+	/**  request input validation rules for various request components.When using a Joi validation object, the values of the other inputs (i.e.headers, query, params, payload, and auth) are made available under the validation context (accessible in rules as Joi.ref('$query.key')).Note that validation is performed in order(i.e.headers, params, query, payload) and if type casting is used (converting a string to number), the value of inputs not yet validated will reflect the raw, unvalidated and unmodified values.The validate object supports: */
+	validate?: {
+		/** validation rules for incoming request headers.Values allowed:
+		 * trueany headers allowed (no validation performed).This is the default.
+		 falseno headers allowed (this will cause all valid HTTP requests to fail).
+		 a Joi validation object.
+		 a validation function using the signature function(value, options, next) where:
+		 valuethe object containing the request headers.
+		 optionsthe server validation options.
+		 next(err, value)the callback function called when validation is completed.
+		 */
+		headers?: boolean | IJoi | IValidationFunction;
+
+		/** validation rules for incoming request path parameters, after matching the path against the route and extracting any parameters then stored in request.params.Values allowed:
+		 trueany path parameters allowed (no validation performed).This is the default.
+		 falseno path variables allowed.
+		 a Joi validation object.
+		 a validation function using the signature function(value, options, next) where:
+		 valuethe object containing the path parameters.
+		 optionsthe server validation options.
+		 next(err, value)the callback function called when validation is completed. */
+		params?: boolean | IJoi | IValidationFunction;
+		/** validation rules for an incoming request URI query component (the key- value part of the URI between '?' and '#').The query is parsed into its individual key- value pairs (using the qs module) and stored in request.query prior to validation.Values allowed:
+		 trueany query parameters allowed (no validation performed).This is the default.
+		 falseno query parameters allowed.
+		 a Joi validation object.
+		 a validation function using the signature function(value, options, next) where:
+		 valuethe object containing the query parameters.
+		 optionsthe server validation options.
+		 next(err, value)the callback function called when validation is completed. */
+		query?: boolean | IJoi | IValidationFunction;
+		/**  validation rules for an incoming request payload (request body).Values allowed:
+		 trueany payload allowed (no validation performed).This is the default.
+		 falseno payload allowed.
+		 a Joi validation object.
+		 a validation function using the signature function(value, options, next) where:
+		 valuethe object containing the payload object.
+		 optionsthe server validation options.
+		 next(err, value)the callback function called when validation is completed.  */
+		payload?: boolean | IJoi | IValidationFunction;
+		/** an optional object with error fields copied into every validation error response. */
+		errorFields?: any;
+		/** determines how to handle invalid requests.Allowed values are:
+		 'error'return a Bad Request (400) error response.This is the default value.
+		 'log'log the error but continue processing the request.
+		 'ignore'take no action.
+		 OR a custom error handler function with the signature 'function(request, reply, source, error)` where:
+		 requestthe request object.
+		 replythe continuation reply interface.
+		 sourcethe source of the invalid field (e.g. 'path', 'query', 'payload').
+		 errorthe error object prepared for the client response (including the validation function error under error.data). */
+		failAction?: string | IRouteFailFunction;
+		/** options to pass to Joi.Useful to set global options such as stripUnknown or abortEarly (the complete list is available here: https://github.com/hapijs/joi#validatevalue-schema-options-callback ).Defaults to no options. */
+		options?: any;
+	};
+	/** define timeouts for processing durations: */
+	timeout?: {
+		/** response timeout in milliseconds.Sets the maximum time allowed for the server to respond to an incoming client request before giving up and responding with a Service Unavailable (503) error response.Disabled by default (false). */
+		server: boolean | number;
+		/** by default, node sockets automatically timeout after 2 minutes.Use this option to override this behavior.Defaults to undefined which leaves the node default unchanged.Set to false to disable socket timeouts. */
+		socket: boolean | number;
+	};
+
+	/**  ONLY WHEN ADDING NEW ROUTES (not when setting defaults).
+	 *route description used for generating documentation (string).
+	 */
+	description?: string;
+	/**  ONLY WHEN ADDING NEW ROUTES (not when setting defaults).
+	 *route notes used for generating documentation (string or array of strings).
+	 */
+	notes?: string | string[];
+	/**  ONLY WHEN ADDING NEW ROUTES (not when setting defaults).
+	 *route tags used for generating documentation (array of strings).
+	 */
+	tags?: string[];
+
+	/**  Enable logging of routes
+		*/
+	log?: boolean;
+}
+
+/**
+ * specifying the route access rules. Each rule is evaluated against an incoming request and access is granted if at least one rule matches
+ */
+export interface IRouteAdditionalConfigurationAuthAccess {
+	/**
+	 * the application scope required to access the route. Value can be a scope string or an array of scope strings.
+	 * The authenticated credentials object scope property must contain at least one of the scopes defined to access the route.
+	 * If a scope string begins with a + character, that scope is required. If a scope string begins with a ! character,
+	 * that scope is forbidden. For example, the scope ['!a', '+b', 'c', 'd'] means the incoming request credentials'
+	 * scope must not include 'a', must include 'b', and must include on of 'c' or 'd'. You may also access properties
+	 * on the request object (query and params} to populate a dynamic scope by using {} characters around the property name,
+	 * such as 'user-{params.id}'. Defaults to false (no scope requirements).
+	 */
+	scope?: string | string[] | boolean;
+	/** the required authenticated entity type. If set, must match the entity value of the authentication credentials. Available values:
+	 * any - the authentication can be on behalf of a user or application. This is the default value.
+	 * user - the authentication must be on behalf of a user which is identified by the presence of a user attribute in the credentials object returned by the authentication strategy.
+	 * app - the authentication must be on behalf of an application which is identified by the lack of presence of a user attribute in the credentials object returned by the authentication strategy.
+	 */
+	entity?: string;
+}
+
+/** server.realm http://hapijs.com/api#serverrealm
+ The realm object contains server-wide or plugin-specific state that can be shared across various methods. For example, when calling server.bind(),
+ the active realm settings.bind property is set which is then used by routes and extensions added at the same level (server root or plugin).
+ Realms are a limited version of a sandbox where plugins can maintain state used by the framework when adding routes, extensions, and other properties.
+ The server.realm object should be considered read-only and must not be changed directly except for the plugins property can be directly manipulated by the plugins (each setting its own under plugins[name]).
+ exports.register = function (server, options, next) {
+console.log(server.realm.modifiers.route.prefix);
+return next();
+};
+ */
+export interface IServerRealm {
+	/** when the server object is provided as an argument to the plugin register() method, modifiers provides the registration preferences passed the server.register() method */
+	modifiers: {
+		/** routes preferences: */
+		route: {
+			/** - the route path prefix used by any calls to server.route() from the server. */
+			prefix: string;
+			/**  the route virtual host settings used by any calls to server.route() from the server. */
+			vhost: string;
+		};
+	};
+	/** the active plugin name (empty string if at the server root). */
+	plugin: string;
+	/** plugin-specific state to be shared only among activities sharing the same active state. plugins is an object where each key is a plugin name and the value is the plugin state. */
+	plugins: IDictionary<any>;
+	/**  settings overrides */
+	settings: {
+		files: {
+			relativeTo: any;
+		};
+		bind: any;
+	};
+}
+/** server.state(name, [options]) http://hapijs.com/api#serverstatename-options
+ HTTP state management uses client cookies to persist a state across multiple requests. Registers a cookie definitions where:*/
+export interface IServerState {
+	/**  - the cookie name string. */
+	name: string;
+
+	/** - are the optional cookie settings: */
+	options: {
+		/**  - time - to - live in milliseconds.Defaults to null (session time- life - cookies are deleted when the browser is closed).*/
+		ttl: number;
+		/**  - sets the 'Secure' flag.Defaults to false.*/
+		isSecure: boolean;
+		/**  - sets the 'HttpOnly' flag.Defaults to false.*/
+		isHttpOnly: boolean
+		/**  - the path scope.Defaults to null (no path).*/
+		path: any;
+		/**  - the domain scope.Defaults to null (no domain). */
+		domain: any;
+		/**  if present and the cookie was not received from the client or explicitly set by the route handler, the cookie is automatically added to the response with the provided value. The value can be a function with signature function(request, next) where:
+		 request - the request object.
+		 next - the continuation function using the function(err, value) signature.*/
+		autoValue(request: Request, next: (err: any, value: any) => void): void;
+		/**  - encoding performs on the provided value before serialization. Options are:
+		 'none' - no encoding. When used, the cookie value must be a string. This is the default value.
+		 'base64' - string value is encoded using Base64.
+		 'base64json' - object value is JSON-stringified than encoded using Base64.
+		 'form' - object value is encoded using the x-www-form-urlencoded method.
+		 'iron' - Encrypts and sign the value using iron.*/
+		encoding: string;
+		/**  - an object used to calculate an HMAC for cookie integrity validation.This does not provide privacy, only a mean to verify that the cookie value was generated by the server.Redundant when 'iron' encoding is used.Options are:*/
+		sign: {
+			/** - algorithm options.Defaults to require('iron').defaults.integrity.*/
+			integrity: any;
+			/** - password used for HMAC key generation.*/
+			password: string;
+		};
+		/**  - password used for 'iron' encoding.*/
+		password: string;
+		/** - options for 'iron' encoding.Defaults to require('iron').defaults.*/
+		iron: any;
+		/** - if false, errors are ignored and treated as missing cookies.*/
+		ignoreErrors: boolean;
+		/**  - if true, automatically instruct the client to remove invalid cookies.Defaults to false.*/
+		clearInvalid: boolean;
+		/**  - if false, allows any cookie value including values in violation of RFC 6265. Defaults to true.*/
+		strictHeader: boolean;
+		/**  - overrides the default proxy localStatePassThrough setting.*/
+		passThrough: any;
+	};
+}
+
+export interface IFileHandlerConfig {
+	/**  a path string or function as described above.*/
+	path: string;
+	/** an optional filename to specify if sending a 'Content-Disposition' header, defaults to the basename of path*/
+	filename?: string;
+	/**- specifies whether to include the 'Content-Disposition' header with the response. Available values:
+	 false - header is not included. This is the default value.
+	 'attachment'
+	 'inline'*/
+	mode?: boolean | string;
+	/** if true, looks for the same filename with the '.gz' suffix for a pre-compressed version of the file to serve if the request supports content encoding. Defaults to false.*/
+	lookupCompressed: boolean;
+}
+
+/**http://hapijs.com/api#route-handler
+ Built-in handlers
+
+ The framework comes with a few built-in handler types available by setting the route handler config to an object containing one of these keys.*/
+export interface IRouteHandlerConfig {
+	/** generates a static file endpoint for serving a single file. file can be set to:
+	 a relative or absolute file path string (relative paths are resolved based on the route files configuration).
+	 a function with the signature function(request) which returns the relative or absolute file path.
+	 an object with the following options */
+	file?: string | IRequestHandler<void> | IFileHandlerConfig;
+	/** directory - generates a directory endpoint for serving static content from a directory. Routes using the directory handler must include a path parameter at the end of the path string (e.g. /path/to/somewhere/{param} where the parameter name does not matter). The path parameter can use any of the parameter options (e.g. {param} for one level files only, {param?} for one level files or the directory root, {param*} for any level, or {param*3} for a specific level). If additional path parameters are present, they are ignored for the purpose of selecting the file system resource. The directory handler is an object with the following options:
+	 path - (required) the directory root path (relative paths are resolved based on the route files configuration). Value can be:
+	 a single path string used as the prefix for any resources requested by appending the request path parameter to the provided string.
+	 an array of path strings. Each path will be attempted in order until a match is found (by following the same process as the single path string).
+	 a function with the signature function(request) which returns the path string or an array of path strings. If the function returns an error, the error is passed back to the client in the response.
+	 index - optional boolean|string|string[], determines if an index file will be served if found in the folder when requesting a directory. The given string or strings specify the name(s) of the index file to look for. If true, looks for 'index.html'. Any falsy value disables index file lookup. Defaults to true.
+	 listing - optional boolean, determines if directory listing is generated when a directory is requested without an index document. Defaults to false.
+	 showHidden - optional boolean, determines if hidden files will be shown and served. Defaults to false.
+	 redirectToSlash - optional boolean, determines if requests for a directory without a trailing slash are redirected to the same path with the missing slash. Useful for ensuring relative links inside the response are resolved correctly. Disabled when the server config router.stripTrailingSlash is true.Defaults to false.
+	 lookupCompressed - optional boolean, instructs the file processor to look for the same filename with the '.gz' suffix for a pre-compressed version of the file to serve if the request supports content encoding. Defaults to false.
+	 defaultExtension - optional string, appended to file requests if the requested file is not found. Defaults to no extension.*/
+	directory?: {
+		path: string | string[] | IRequestHandler<string> | IRequestHandler<string[]>;
+		index?: boolean | string | string[];
+		listing?: boolean;
+		showHidden?: boolean;
+		redirectToSlash?: boolean;
+		lookupCompressed?: boolean;
+		defaultExtension?: string;
+	};
+	proxy?: IProxyHandlerConfig;
+	view?: string | {
+		template: string;
+		context: {
+			payload: any;
+			params: any;
+			query: any;
+			pre: any;
+		}
+	};
+	config?: {
+		handler: any;
+		bind: any;
+		app: any;
+		plugins: {
+			[name: string]: any;
+		};
+		pre: Array<() => void>;
+		validate: {
+			headers: any;
+			params: any;
+			query: any;
+			payload: any;
+			errorFields?: any;
+			failAction?: string | IFailAction;
+		};
+		payload: {
+			output: {
+				data: any;
+				stream: any;
+				file: any;
+			};
+			parse?: any;
+			allow?: string | string[];
+			override?: string;
+			maxBytes?: number;
+			uploads?: number;
+			failAction?: string;
+		};
+		response: {
+			schema: any;
+			sample: number;
+			failAction: string;
+		};
+		cache: {
+			privacy: string;
+			expiresIn: number;
+			expiresAt: number;
+		};
+		auth: string | boolean | {
+			mode: string;
+			strategies: string[];
+			payload?: boolean | string;
+			tos?: boolean | string;
+			scope?: string | string[];
+			entity: string;
+		};
+		cors?: boolean;
+		jsonp?: string;
+		description?: string;
+		notes?: string | string[];
+		tags?: string[];
+	};
+}
+/** Route configuration
+ The route configuration object*/
+export interface IRouteConfiguration {
+	/**  - (required) the absolute path used to match incoming requests (must begin with '/'). Incoming requests are compared to the configured paths based on the connection router configuration option.The path can include named parameters enclosed in {} which will be matched against literal values in the request as described in Path parameters.*/
+	path: string;
+	/** - (required) the HTTP method.Typically one of 'GET', 'POST', 'PUT', 'PATCH', 'DELETE', or 'OPTIONS'.Any HTTP method is allowed, except for 'HEAD'.Use '*' to match against any HTTP method (only when an exact match was not found, and any match with a specific method will be given a higher priority over a wildcard match).
+	 * Can be assigned an array of methods which has the same result as adding the same route with different methods manually.*/
+	method: string | string[];
+	/**  - an optional domain string or an array of domain strings for limiting the route to only requests with a matching host header field.Matching is done against the hostname part of the header only (excluding the port).Defaults to all hosts.*/
+	vhost?: string;
+	/**  - (required) the function called to generate the response after successful authentication and validation.The handler function is described in Route handler.If set to a string, the value is parsed the same way a prerequisite server method string shortcut is processed.Alternatively, handler can be assigned an object with a single key using the name of a registered handler type and value with the options passed to the registered handler.*/
+	handler?: ISessionHandler | IStrictSessionHandler | string | IRouteHandlerConfig;
+	/** - additional route options.*/
+	config?: IRouteAdditionalConfigurationOptions;
+}
+/** Route public interface When route information is returned or made available as a property.  http://hapijs.com/api#route-public-interface */
+export interface IRoute {
+	/** the route HTTP method. */
+	method: string;
+	/** the route path. */
+	path: string;
+	/** the route vhost option if configured. */
+	vhost?: string | string[];
+	/** the [active realm] associated with the route.*/
+	realm: IServerRealm;
+	/** the [route options]  object with all defaults applied. */
+	settings: IRouteAdditionalConfigurationOptions;
+}
+
+export interface IServerAuthScheme {
+	/** authenticate(request, reply) - required function called on each incoming request configured with the authentication scheme where:
+	 request - the request object.
+	 reply - the reply interface the authentication method must call when done authenticating the request where:
+	 reply(err, response, result) - is called if authentication failed where:
+	 err - any authentication error.
+	 response - any authentication response action such as redirection. Ignored if err is present, otherwise required.
+	 result - an object containing:
+	 credentials - the authenticated credentials.
+	 artifacts - optional authentication artifacts.
+	 reply.continue(result) - is called if authentication succeeded where:
+	 result - same object as result above.
+	 When the scheme authenticate() method implementation calls reply() with an error condition, the specifics of the error affect whether additional authentication strategies will be attempted if configured for the route.
+	 .If the err returned by the reply() method includes a message, no additional strategies will be attempted.
+	 If the err does not include a message but does include a scheme name (e.g. Boom.unauthorized(null, 'Custom')), additional strategies will be attempted in order of preference.
+	 var server = new Hapi.Server();
+	 server.connection({ port: 80 });
+	 var scheme = function (server, options) {
+	return {
+	authenticate: function (request, reply) {
+	var req = request.raw.req;
+	var authorization = req.headers.authorization;
+	if (!authorization) {
+	return reply(Boom.unauthorized(null, 'Custom'));
+	}
+	return reply(null, { credentials: { user: 'john' } });
+	}
+	};
+	};
+	 server.auth.scheme('custom', scheme);*/
+	authenticate(request: Request, reply: IReply): void;
+	authenticate<T>(request: Request, reply: IStrictReply<T>): void;
+	/** payload(request, reply) - optional function called to authenticate the request payload where:
+	 request - the request object.
+	 reply(err, response) - is called if authentication failed where:
+	 err - any authentication error.
+	 response - any authentication response action such as redirection. Ignored if err is present, otherwise required.
+	 reply.continue() - is called if payload authentication succeeded.
+	 When the scheme payload() method returns an error with a message, it means payload validation failed due to bad payload. If the error has no message but includes a scheme name (e.g. Boom.unauthorized(null, 'Custom')), authentication may still be successful if the route auth.payload configuration is set to 'optional'.*/
+	payload?(request: Request, reply: IReply): void;
+	payload?<T>(request: Request, reply: IStrictReply<T>): void;
+	/** response(request, reply) - optional function called to decorate the response with authentication headers before the response headers or payload is written where:
+	 request - the request object.
+	 reply(err, response) - is called if an error occurred where:
+	 err - any authentication error.
+	 response - any authentication response to send instead of the current response. Ignored if err is present, otherwise required.
+	 reply.continue() - is called if the operation succeeded.*/
+	response?(request: Request, reply: IReply): void;
+	response?<T>(request: Request, reply: IStrictReply<T>): void;
+	/** an optional object  */
+	options?: {
+		/**  if true, requires payload validation as part of the scheme and forbids routes from disabling payload auth validation. Defaults to false.*/
+		payload: boolean;
+	};
+}
+
+/**the response object where:
+ statusCode - the HTTP status code.
+ headers - an object containing the headers set.
+ payload - the response payload string.
+ rawPayload - the raw response payload buffer.
+ raw - an object with the injection request and response objects:
+ req - the simulated node request object.
+ res - the simulated node response object.
+ result - the raw handler response (e.g. when not a stream or a view) before it is serialized for transmission. If not available, the value is set to payload. Useful for inspection and reuse of the internal objects returned (instead of parsing the response string).
+ request - the request object.*/
+export interface IServerInjectResponse {
+	statusCode: number;
+	headers: IDictionary<string>;
+	payload: string;
+	rawPayload: Buffer;
+	raw: {
+		req: http.IncomingMessage;
+		res: http.ServerResponse
+	};
+	result: any;
+	request: Request;
+}
+
+export interface IServerInject {
+	(options: string | IServerInjectOptions, callback: (res: IServerInjectResponse) => void): void;
+	(options: string | IServerInjectOptions): Promise<IServerInjectResponse>;
+}
+
+export interface IServerInjectOptions {
+	/**  the request HTTP method (e.g. 'POST'). Defaults to 'GET'.*/
+	method: string;
+	/** the request URL. If the URI includes an authority (e.g. 'example.com:8080'), it is used to automatically set an HTTP 'Host' header, unless one was specified in headers.*/
+	url: string;
+	/** an object with optional request headers where each key is the header name and the value is the header content. Defaults to no additions to the default Shot headers.*/
+	headers?: IDictionary<string>;
+	/** n optional string, buffer or object containing the request payload. In case of an object it will be converted to a string for you. Defaults to no payload. Note that payload processing defaults to 'application/json' if no 'Content-Type' header provided.*/
+	payload?: string | {} | Buffer;
+	/** an optional credentials object containing authentication information. The credentials are used to bypass the default authentication strategies, and are validated directly as if they were received via an authentication scheme. Defaults to no credentials.*/
+	credentials?: any;
+	/** an optional artifacts object containing authentication artifact information. The artifacts are used to bypass the default authentication strategies, and are validated directly as if they were received via an authentication scheme. Ignored if set without credentials. Defaults to no artifacts.*/
+	artifacts?: any;
+	/** sets the initial value of request.app*/
+	app?: any;
+	/** sets the initial value of request.plugins*/
+	plugins?: any;
+	/** allows access to routes with config.isInternal set to true. Defaults to false.*/
+	allowInternals?: boolean;
+	/** sets the remote address for the incoming connection.*/
+	remoteAddress?: boolean;
+	/**object with options used to simulate client request stream conditions for testing:
+	 error - if true, emits an 'error' event after payload transmission (if any). Defaults to false.
+	 close - if true, emits a 'close' event after payload transmission (if any). Defaults to false.
+	 end - if false, does not end the stream. Defaults to true.*/
+	simulate?: {
+		error: boolean;
+		close: boolean;
+		end: boolean;
+	};
+}
+
+/** host - optional host to filter routes matching a specific virtual host. Defaults to all virtual hosts.
+ The return value is an array where each item is an object containing:
+ info - the connection.info the connection the table was generated for.
+ labels - the connection labels.
+ table - an array of routes where each route contains:
+ settings - the route config with defaults applied.
+ method - the HTTP method in lower case.
+ path - the route path.*/
+export interface IConnectionTable {
+	info: any;
+	labels: any;
+	table: IRoute[];
+}
+
+export interface ICookieSettings {
+	/** - time - to - live in milliseconds.Defaults to null (session time- life - cookies are deleted when the browser is closed).*/
+	ttl?: number;
+	/** - sets the 'Secure' flag.Defaults to false.*/
+	isSecure?: boolean;
+	/** - sets the 'HttpOnly' flag.Defaults to false.*/
+	isHttpOnly?: boolean;
+	/** - the path scope.Defaults to null (no path).*/
+	path?: string;
+	/** - the domain scope.Defaults to null (no domain).*/
+	domain?: any;
+	/** - if present and the cookie was not received from the client or explicitly set by the route handler, the cookie is automatically added to the response with the provided value.The value can be a function with signature function(request, next) where:
+	 request - the request object.
+	 next - the continuation function using the function(err, value) signature.*/
+	autoValue?(request: Request, next: (err: any, value: any) => void): void;
+	/** - encoding performs on the provided value before serialization.Options are:
+	 'none' - no encoding.When used, the cookie value must be a string.This is the default value.
+	 'base64' - string value is encoded using Base64.
+	 'base64json' - object value is JSON- stringified than encoded using Base64.
+	 'form' - object value is encoded using the x- www - form - urlencoded method. */
+	encoding?: string;
+	/**  - an object used to calculate an HMAC for cookie integrity validation.This does not provide privacy, only a mean to verify that the cookie value was generated by the server.Redundant when 'iron' encoding is used.Options are:
+	 integrity - algorithm options.Defaults to require('iron').defaults.integrity.
+	 password - password used for HMAC key generation. */
+	sign?: { integrity: any; password: string; };
+	password?: string;
+	iron?: any;
+	ignoreErrors?: boolean;
+	clearInvalid?: boolean;
+	strictHeader?: boolean;
+	passThrough?: any;
+}
+
+/** method - the method function with the signature is one of:
+ function(arg1, arg2, ..., argn, next) where:
+ arg1, arg2, etc. - the method function arguments.
+ next - the function called when the method is done with the signature function(err, result, ttl) where:
+ err - error response if the method failed.
+ result - the return value.
+ ttl - 0 if result is valid but cannot be cached. Defaults to cache policy.
+ function(arg1, arg2, ..., argn) where:
+ arg1, arg2, etc. - the method function arguments.
+ the callback option is set to false.
+ the method must returns a value (result, Error, or a promise) or throw an Error.*/
+export interface IServerMethod {
+	// (): void;
+	// (next: (err: any, result: any, ttl: number) => void): void;
+	// (arg1: any): void;
+	// (arg1: any, arg2: any, next: (err: any, result: any, ttl: number) => void): void;
+	// (arg1: any, arg2: any): void;
+	(...args: any[]): void;
+}
+/** options - optional configuration:
+ bind - a context object passed back to the method function (via this) when called. Defaults to active context (set via server.bind() when the method is registered.
+ cache - the same cache configuration used in server.cache().
+ callback - if false, expects the method to be a synchronous function. Note that using a synchronous function with caching will convert the method interface to require a callback as an additional argument with the signature function(err, result, cached, report) since the cache interface cannot return values synchronously. Defaults to true.
+ generateKey - a function used to generate a unique key (for caching) from the arguments passed to the method function (the callback argument is not passed as input). The server will automatically generate a unique key if the function's arguments are all of types 'string', 'number', or 'boolean'. However if the method uses other types of arguments, a key generation function must be provided which takes the same arguments as the function and returns a unique string (or null if no key can be generated).*/
+export interface IServerMethodOptions {
+	bind?: any;
+	cache?: ICatBoxCachePolicyOptions;
+	callback?: boolean;
+	generateKey?(args: any[]): string;
+}
+/** Request object
+
+ The request object is created internally for each incoming request. It is different from the node.js request object received from the HTTP server callback (which is available in request.raw.req). The request object methods and properties change throughout the request lifecycle.
+ Request events
+
+ The request object supports the following events:
+
+ 'peek' - emitted for each chunk of payload data read from the client connection. The event method signature is function(chunk, encoding).
+ 'finish' - emitted when the request payload finished reading. The event method signature is function ().
+ 'disconnect' - emitted when a request errors or aborts unexpectedly.
+ var Crypto = require('crypto');
+ var Hapi = require('hapi');
+ var server = new Hapi.Server();
+ server.connection({ port: 80 });
+
+ server.ext('onRequest', function (request, reply) {
+
+var hash = Crypto.createHash('sha1');
+request.on('peek', function (chunk) {
+
+hash.update(chunk);
+});
+
+request.once('finish', function () {
+
+console.log(hash.digest('hex'));
+});
+
+request.once('disconnect', function () {
+
+console.error('request aborted');
+});
+
+return reply.continue();
+});*/
+export class Request extends Events.EventEmitter {
+	/** application-specific state. Provides a safe place to store application data without potential conflicts with the framework. Should not be used by plugins which should use plugins[name].*/
+	app: any;
+	/**  authentication information*/
+	auth: {
+		/** true is the request has been successfully authenticated, otherwise false.*/
+		isAuthenticated: boolean;
+		/**  the credential object received during the authentication process. The presence of an object does not mean successful authentication.  can be set in the validate function's callback.*/
+		credentials: any;
+		/**  an artifact object received from the authentication strategy and used in authentication-related actions.*/
+		artifacts: any;
+		/**  the route authentication mode.*/
+		mode: any;
+		/** the authentication error is failed and mode set to 'try'.*/
+		error: any;
+	};
+	/** the connection used by this request*/
+	connection: ServerConnection;
+	/**  the node domain object used to protect against exceptions thrown in extensions, handlers and route prerequisites. Can be used to manually bind callback functions otherwise bound to other domains.*/
+	domain: any;
+	/** the raw request headers (references request.raw.headers).*/
+	headers: IDictionary<string>;
+	/** a unique request identifier (using the format '{now}:{connection.info.id}:{5 digits counter}').*/
+	id: string;
+	/**  request information */
+	info: {
+		/**  the request preferred encoding. */
+		acceptEncoding: string;
+		/**  if CORS is enabled for the route, contains the following: */
+		cors: {
+			isOriginMatch: boolean; /**  true if the request 'Origin' header matches the configured CORS restrictions. Set to false if no 'Origin' header is found or if it does not match. Note that this is only available after the 'onRequest' extension point as CORS is configured per-route and no routing decisions are made at that point in the request lifecycle. */
+		};
+		/**  content of the HTTP 'Host' header (e.g. 'example.com:8080'). */
+		host: string;
+		/**  the hostname part of the 'Host' header (e.g. 'example.com').*/
+		hostname: string;
+		/**  request reception timestamp. */
+		received: number;
+		/**  content of the HTTP 'Referrer' (or 'Referer') header. */
+		referrer: string;
+		/** remote client IP address. */
+		remoteAddress: string;
+		/**  remote client port. */
+		remotePort: number;
+		/**  request response timestamp (0 is not responded yet). */
+		responded: number;
+	};
+	/**  the request method in lower case (e.g. 'get', 'post'). */
+	method: string;
+	/**  the parsed content-type header. Only available when payload parsing enabled and no payload error occurred. */
+	mime: string;
+	/**  an object containing the values of params, query, and payload before any validation modifications made. Only set when input validation is performed.*/
+	orig: {
+		params: any;
+		query: any;
+		payload: any;
+	};
+	/**  an object where each key is a path parameter name with matching value as described in Path parameters.*/
+	params: IDictionary<string>;
+	/** an array containing all the path params values in the order they appeared in the path.*/
+	paramsArray: string[];
+	/**  the request URI's path component. */
+	path: string;
+	/** the request payload based on the route payload.output and payload.parse settings.*/
+	payload: stream.Readable | Buffer | any;
+	/**  plugin-specific state. Provides a place to store and pass request-level plugin data. The plugins is an object where each key is a plugin name and the value is the state.*/
+	plugins: any;
+	/** an object where each key is the name assigned by a route prerequisites function. The values are the raw values provided to the continuation function as argument. For the wrapped response object, use responses.*/
+	pre: IDictionary<any>;
+	/** the response object when set. The object can be modified but must not be assigned another object. To replace the response with another from within an extension point, use reply(response) to override with a different response. Contains null when no response has been set (e.g. when a request terminates prematurely when the client disconnects).*/
+	response: Response;
+	/**preResponses - same as pre but represented as the response object created by the pre method.*/
+	preResponses: any;
+	/**an object containing the query parameters.*/
+	query: any;
+	/**  an object containing the Node HTTP server objects. Direct interaction with these raw objects is not recommended.*/
+	raw: {
+		req: http.IncomingMessage;
+		res: http.ServerResponse;
+	};
+	/** the route public interface.*/
+	route: IRoute;
+	/** the server object. */
+	server: Server;
+	/** an object containing parsed HTTP state information (cookies) where each key is the cookie name and value is the matching cookie content after processing using any registered cookie definition. */
+	state: any;
+	/** complex object contining details on the url */
+	url: {
+		/** null when i tested */
+		auth: any;
+		/** null when i tested */
+		hash: any;
+		/** null when i tested */
+		host: any;
+		/** null when i tested */
+		hostname: any;
+		href: string;
+		path: string;
+		/** path without search*/
+		pathname: string;
+		/** null when i tested */
+		port: any;
+		/** null when i tested */
+		protocol: any;
+		/** querystring parameters*/
+		query: IDictionary<string>;
+		/** querystring parameters as a string*/
+		search: string;
+		/** null when i tested */
+		slashes: any;
+	};
+
+	/** request.setUrl(url)
+
+	 Available only in 'onRequest' extension methods.
+
+	 Changes the request URI before the router begins processing the request where:
+
+	 url - the new request path value.
+	 var Hapi = require('hapi');
+	 var server = new Hapi.Server();
+	 server.connection({ port: 80 });
+
+	 server.ext('onRequest', function (request, reply) {
+
+	// Change all requests to '/test'
+	request.setUrl('/test');
+	return reply.continue();
+	});*/
+	setUrl(url: string | url.Url): void;
+	/** request.setMethod(method)
+
+	 Available only in 'onRequest' extension methods.
+
+	 Changes the request method before the router begins processing the request where:
+
+	 method - is the request HTTP method (e.g. 'GET').
+	 var Hapi = require('hapi');
+	 var server = new Hapi.Server();
+	 server.connection({ port: 80 });
+
+	 server.ext('onRequest', function (request, reply) {
+
+	// Change all requests to 'GET'
+	request.setMethod('GET');
+	return reply.continue();
+	});*/
+	setMethod(method: string): void;
+
+	/** request.log(tags, [data, [timestamp]])
+
+	 Always available.
+
+	 Logs request-specific events. When called, the server emits a 'request' event which can be used by other listeners or plugins. The arguments are:
+
+	 data - an optional message string or object with the application data being logged.
+	 timestamp - an optional timestamp expressed in milliseconds. Defaults to Date.now() (now).
+	 Any logs generated by the server internally will be emitted only on the 'request-internal' channel and will include the event.internal flag set to true.
+
+	 var Hapi = require('hapi');
+	 var server = new Hapi.Server();
+	 server.connection({ port: 80 });
+
+	 server.on('request', function (request, event, tags) {
+
+	if (tags.error) {
+	console.log(event);
+	}
+	});
+
+	 var handler = function (request, reply) {
+
+	request.log(['test', 'error'], 'Test event');
+	return reply();
+	};
+	 */
+	log(/** a string or an array of strings (e.g. ['error', 'database', 'read']) used to identify the event. Tags are used instead of log levels and provide a much more expressive mechanism for describing and filtering events.*/
+		tags: string | string[],
+		/** an optional message string or object with the application data being logged.*/
+		data?: any,
+		/**  an optional timestamp expressed in milliseconds. Defaults to Date.now() (now).*/
+		timestamp?: number): void;
+
+	/** request.getLog([tags], [internal])
+
+	 Always available.
+
+	 Returns an array containing the events matching any of the tags specified (logical OR)
+	 request.getLog();
+	 request.getLog('error');
+	 request.getLog(['error', 'auth']);
+	 request.getLog(['error'], true);
+	 request.getLog(false);*/
+
+	getLog(/** is a single tag string or array of tag strings. If no tags specified, returns all events.*/
+		tags?: string,
+		/**  filters the events to only those with a matching event.internal value. If true, only internal logs are included. If false, only user event are included. Defaults to all events (undefined).*/
+		internal?: boolean): string[];
+
+	/** request.tail([name])
+
+	 Available until immediately after the 'response' event is emitted.
+
+	 Adds a request tail which has to complete before the request lifecycle is complete where:
+
+	 name - an optional tail name used for logging purposes.
+	 Returns a tail function which must be called when the tail activity is completed.
+
+	 Tails are actions performed throughout the request lifecycle, but which may end after a response is sent back to the client. For example, a request may trigger a database update which should not delay sending back a response. However, it is still desirable to associate the activity with the request when logging it (or an error associated with it).
+
+	 When all tails completed, the server emits a 'tail' event.
+
+	 var Hapi = require('hapi');
+	 var server = new Hapi.Server();
+	 server.connection({ port: 80 });
+
+	 var get = function (request, reply) {
+
+	var dbTail = request.tail('write to database');
+
+	db.save('key', 'value', function () {
+
+	dbTail();
+	});
+
+	return reply('Success!');
+	};
+
+	 server.route({ method: 'GET', path: '/', handler: get });
+
+	 server.on('tail', function (request) {
+
+	console.log('Request completed including db activity');
+	});*/
+	tail(/** an optional tail name used for logging purposes.*/
+		name?: string): Function;
+}
+/** Response events
+
+ The response object supports the following events:
+
+ 'peek' - emitted for each chunk of data written back to the client connection. The event method signature is function(chunk, encoding).
+ 'finish' - emitted when the response finished writing but before the client response connection is ended. The event method signature is function ().
+ var Crypto = require('crypto');
+ var Hapi = require('hapi');
+ var server = new Hapi.Server();
+ server.connection({ port: 80 });
+
+ server.ext('onPreResponse', function (request, reply) {
+
+var response = request.response;
+if (response.isBoom) {
+return reply();
+}
+
+var hash = Crypto.createHash('sha1');
+response.on('peek', function (chunk) {
+
+hash.update(chunk);
+});
+
+response.once('finish', function () {
+
+console.log(hash.digest('hex'));
+});
+
+return reply.continue();
+});*/
+export class Response extends Events.EventEmitter {
+	isBoom: boolean;
+	/**  the HTTP response status code. Defaults to 200 (except for errors).*/
+	statusCode: number;
+	/** an object containing the response headers where each key is a header field name. Note that this is an incomplete list of headers to be included with the response. Additional headers will be added once the response is prepare for transmission.*/
+	headers: IDictionary<string>;
+	/** the value provided using the reply interface.*/
+	source: any;
+	/** a string indicating the type of source with available values:
+	 'plain' - a plain response such as string, number, null, or simple object (e.g. not a Stream, Buffer, or view).
+	 'buffer' - a Buffer.
+	 'view' - a view generated with reply.view().
+	 'file' - a file generated with reply.file() of via the directory handler.
+	 'stream' - a Stream.
+	 'promise' - a Promise object. */
+	variety: string;
+	/** application-specific state. Provides a safe place to store application data without potential conflicts with the framework. Should not be used by plugins which should use plugins[name].*/
+	app: any;
+	/** plugin-specific state. Provides a place to store and pass request-level plugin data. The plugins is an object where each key is a plugin name and the value is the state. */
+	plugins: any;
+	/** settings - response handling flags:
+	 charset - the 'Content-Type' HTTP header 'charset' property. Defaults to 'utf-8'.
+	 encoding - the string encoding scheme used to serial data into the HTTP payload when source is a string or marshals into a string. Defaults to 'utf8'.
+	 passThrough - if true and source is a Stream, copies the statusCode and headers of the stream to the outbound response. Defaults to true.
+	 stringify - options used for source value requiring stringification. Defaults to no replacer and no space padding.
+	 ttl - if set, overrides the route cache expiration milliseconds value set in the route config. Defaults to no override.
+	 varyEtag - if true, a suffix will be automatically added to the 'ETag' header at transmission time (separated by a '-' character) when the HTTP 'Vary' header is present.*/
+	settings: {
+		charset: string;
+		encoding: string;
+		passThrough: boolean;
+		stringify: any;
+		ttl: number;
+		varyEtag: boolean;
+	};
+
+	/**  sets the HTTP 'Content-Length' header (to avoid chunked transfer encoding) where:
+	 length - the header value. Must match the actual payload size.*/
+	bytes(length: number): Response;
+
+	/**  sets the 'Content-Type' HTTP header 'charset' property where: charset - the charset property value.*/
+	charset(charset: string): Response;
+
+	/**  sets the HTTP status code where:
+	 statusCode - the HTTP status code.*/
+	code(statusCode: number): Response;
+
+	/** sets the HTTP status code to Created (201) and the HTTP 'Location' header where: uri - an absolute or relative URI used as the 'Location' header value.*/
+	created(uri: string): Response;
+
+	/** encoding(encoding) - sets the string encoding scheme used to serial data into the HTTP payload where: encoding - the encoding property value (see node Buffer encoding).*/
+	encoding(encoding: string): Response;
+
+	/** etag(tag, options) - sets the representation entity tag where:
+	 tag - the entity tag string without the double-quote.
+	 options - optional settings where:
+	 weak - if true, the tag will be prefixed with the 'W/' weak signifier. Weak tags will fail to match identical tags for the purpose of determining 304 response status. Defaults to false.
+	 vary - if true and content encoding is set or applied to the response (e.g 'gzip' or 'deflate'), the encoding name will be automatically added to the tag at transmission time (separated by a '-' character). Ignored when weak is true. Defaults to true.*/
+	etag(tag: string, options: {
+		weak: boolean; vary: boolean;
+	}): Response;
+
+	/**header(name, value, options) - sets an HTTP header where:
+	 name - the header name.
+	 value - the header value.
+	 options - optional settings where:
+	 append - if true, the value is appended to any existing header value using separator. Defaults to false.
+	 separator - string used as separator when appending to an exiting value. Defaults to ','.
+	 override - if false, the header value is not set if an existing value present. Defaults to true.*/
+	header(name: string, value: string, options?: IHeaderOptions): Response;
+
+	/** hold() - puts the response on hold until response.send() is called. Available only after reply() is called and until response.hold() is invoked once. */
+	hold(): Response;
+
+	/** location(uri) - sets the HTTP 'Location' header where:
+	 uri - an absolute or relative URI used as the 'Location' header value.*/
+	location(uri: string): Response;
+
+	/** redirect(uri) - sets an HTTP redirection response (302) and decorates the response with additional methods listed below, where:
+	 uri - an absolute or relative URI used to redirect the client to another resource. */
+	redirect(uri: string): Response;
+
+	/** replacer(method) - sets the JSON.stringify() replacer argument where:
+	 method - the replacer function or array. Defaults to none.*/
+	replacer(method: Function | Function[]): Response;
+
+	/** spaces(count) - sets the JSON.stringify() space argument where:
+	 count - the number of spaces to indent nested object keys. Defaults to no indentation. */
+	spaces(count: number): Response;
+
+	/**state(name, value, [options]) - sets an HTTP cookie where:
+	 name - the cookie name.
+	 value - the cookie value. If no encoding is defined, must be a string.
+	 options - optional configuration. If the state was previously registered with the server using server.state(), the specified keys in options override those same keys in the server definition (but not others).*/
+	state(name: string, value: string, options?: any): Response;
+
+	/** send() - resume the response which will be transmitted in the next tick. Available only after response.hold() is called and until response.send() is invoked once. */
+	send(): void;
+
+	/** sets a string suffix when the response is process via JSON.stringify().*/
+	suffix(suffix: string): void;
+
+	/** overrides the default route cache expiration rule for this response instance where:
+	 msec - the time-to-live value in milliseconds.*/
+	ttl(msec: number): void;
+
+	/** type(mimeType) - sets the HTTP 'Content-Type' header where:
+	 mimeType - is the mime type. Should only be used to override the built-in default for each response type. */
+	type(mimeType: string): Response;
+
+	/** clears the HTTP cookie by setting an expired value where:
+	 name - the cookie name.
+	 options - optional configuration for expiring cookie. If the state was previously registered with the server using server.state(), the specified keys in options override those same keys in the server definition (but not others).*/
+	unstate(name: string, options?: { [key: string]: string }): Response;
+
+	/** adds the provided header to the list of inputs affected the response generation via the HTTP 'Vary' header where:
+	 header - the HTTP request header name.*/
+	vary(header: string): void;
+}
+/** When using the redirect() method, the response object provides these additional methods */
+export class ResponseRedirect extends Response {
+	/** sets the status code to 302 or 307 (based on the rewritable() setting) where:
+	 isTemporary - if false, sets status to permanent. Defaults to true.*/
+	temporary(isTemporary: boolean): void;
+
+	/** sets the status code to 301 or 308 (based on the rewritable() setting) where:
+	 isPermanent - if true, sets status to temporary. Defaults to false. */
+	permanent(isPermanent: boolean): void;
+
+	/** sets the status code to 301/302 for rewritable (allows changing the request method from 'POST' to 'GET') or 307/308 for non-rewritable (does not allow changing the request method from 'POST' to 'GET'). Exact code based on the temporary() or permanent() setting. Arguments:
+	 isRewritable - if false, sets to non-rewritable. Defaults to true.
+	 Permanent    Temporary
+	 Rewritable    301    302(1)
+	 Non-rewritable    308(2)    307
+	 Notes: 1. Default value. 2. Proposed code, not supported by all clients. */
+	rewritable(isRewritable: boolean): void;
+}
+/** info about a server connection */
+export interface IServerConnectionInfo {
+	/**  - a unique connection identifier (using the format '{hostname}:{pid}:{now base36}').*/
+	id: string;
+	/**  - the connection creation timestamp.*/
+	created: number;
+	/**  - the connection start timestamp (0 when stopped).*/
+	started: number;
+	/**  the connection port based on the following rules:
+	 the configured port value before the server has been started.
+	 the actual port assigned when no port is configured or set to 0 after the server has been started.*/
+	port: number;
+
+	/** - the host name the connection was configured to. Defaults to the operating system hostname when available, otherwise 'localhost'.*/
+	host: string;
+	/** - the active IP address the connection was bound to after starting.Set to undefined until the server has been started or when using a non TCP port (e.g. UNIX domain socket).*/
+	address: string;
+	/**  - the protocol used:
+	 'http' - HTTP.
+	 'https' - HTTPS.
+	 'socket' - UNIX domain socket or Windows named pipe.*/
+	protocol: string;
+	/** a string representing the connection (e.g. 'http://example.com:8080' or 'socket:/unix/domain/socket/path'). Contains the uri setting if provided, otherwise constructed from the available settings. If no port is available or set to 0, the uri will not include a port component.*/
+	uri: string;
+}
+/**
+ *  undocumented.   The connection object constructed after calling server.connection();
+ * can be accessed via server.connections; or request.connection;
+ */
+export class ServerConnection extends Events.EventEmitter {
+	domain: any;
+	_events: { route: Function, domain: Function, _events: Function, _eventsCount: Function, _maxListeners: Function };
+	_eventsCount: number;
+	settings: IServerConnectionOptions;
+	server: Server;
+	/** ex: "tcp" */
+	type: string;
+	_started: boolean;
+	/** dictionary of sockets */
+	_connections: { [ip_port: string]: any };
+	_onConnection: Function;
+	registrations: any;
+	_extensions: any;
+	_requestCounter: { value: number; min: number; max: number };
+	_load: any;
+	states: {
+		settings: any; cookies: any; names: any[]
+	};
+	auth: { connection: ServerConnection; _schemes: any; _strategies: any; settings: any; api: any; };
+	_router: any;
+	MSPluginsCollection: any;
+	applicationCache: any;
+	addEventListener: any;
+	info: IServerConnectionInfo;
+}
+
+export type RequestExtPoints = "onRequest" | "onPreResponse" | "onPreAuth" | "onPostAuth" | "onPreHandler" | "onPostHandler" | "onPreResponse";
+export type ServerExtPoints = "onPreStart" | "onPostStart" | "onPreStop" | "onPostStop";
+
+/** Server http://hapijs.com/api#server
+ rver object is the main application container. The server manages all incoming connections along with all the facilities provided by the framework. A server can contain more than one connection (e.g. listen to port 80 and 8080).
+ Server events
+ The server object inherits from Events.EventEmitter and emits the following events:
+ 'log' - events logged with server.log() and server events generated internally by the framework.
+ 'start' - emitted when the server is started using server.start().
+ 'stop' - emitted when the server is stopped using server.stop().
+ 'request' - events generated by request.log(). Does not include any internally generated events.
+ 'request-internal' - request events generated internally by the framework (multiple events per request).
+ 'request-error' - emitted whenever an Internal Server Error (500) error response is sent. Single event per request.
+ 'response' - emitted after the response is sent back to the client (or when the client connection closed and no response sent, in which case request.response is null). Single event per request.
+ 'tail' - emitted when a request finished processing, including any registered tails. Single event per request.
+ Note that the server object should not be used to emit application events as its internal implementation is designed to fan events out to the various plugin selections and not for application events.
+ MORE EVENTS HERE: http://hapijs.com/api#server-events*/
+export class Server extends Events.EventEmitter {
+	constructor(options?: IServerOptions);
+
+	/** Provides a safe place to store server-specific run-time application data without potential conflicts with the framework internals. The data can be accessed whenever the server is accessible. Initialized with an empty object.
+	 var Hapi = require('hapi');
+	 server = new Hapi.Server();
+	 server.app.key = 'value';
+	 var handler = function (request, reply) {
+	return reply(request.server.app.key);
+	}; */
+	app: any;
+	/** An array containing the server's connections. When the server object is returned from server.select(), the connections array only includes the connections matching the selection criteria.
+	 var server = new Hapi.Server();
+	 server.connection({ port: 80, labels: 'a' });
+	 server.connection({ port: 8080, labels: 'b' });
+	 // server.connections.length === 2
+	 var a = server.select('a');
+	 // a.connections.length === 1*/
+	connections: ServerConnection[];
+	/** When the server contains exactly one connection, info is an object containing information about the sole connection.
+	 * When the server contains more than one connection, each server.connections array member provides its own connection.info.
+	 var server = new Hapi.Server();
+	 server.connection({ port: 80 });
+	 // server.info.port === 80
+	 server.connection({ port: 8080 });
+	 // server.info === null
+	 // server.connections[1].info.port === 8080
+	 */
+	info: IServerConnectionInfo;
+	/** An object containing the process load metrics (when load.sampleInterval is enabled):
+	 rss - RSS memory usage.
+	 var Hapi = require('hapi');
+	 var server = new Hapi.Server({ load: { sampleInterval: 1000 } });
+	 console.log(server.load.rss);*/
+	load: {
+		/** - event loop delay milliseconds.*/
+		eventLoopDelay: number;
+		/**  - V8 heap usage.*/
+		heapUsed: number;
+	};
+	/** When the server contains exactly one connection, listener is the node HTTP server object of the sole connection.
+	 When the server contains more than one connection, each server.connections array member provides its own connection.listener.
+	 var Hapi = require('hapi');
+	 var SocketIO = require('socket.io');
+	 var server = new Hapi.Server();
+	 server.connection({ port: 80 });
+	 var io = SocketIO.listen(server.listener);
+	 io.sockets.on('connection', function(socket) {
+	socket.emit({ msg: 'welcome' });
+	});*/
+	listener: http.Server;
+
+	/** server.methods
+	 An object providing access to the server methods where each server method name is an object property.
+	 var Hapi = require('hapi');
+	 var server = new Hapi.Server();
+	 server.method('add', function (a, b, next) {
+	return next(null, a + b);
+	});
+	 server.methods.add(1, 2, function (err, result) {
+	// result === 3
+	});*/
+	methods: IDictionary<Function>;
+
+	/** server.mime
+	 Provides access to the server MIME database used for setting content-type information. The object must not be modified directly but only through the mime server setting.
+	 var Hapi = require('hapi');
+	 var options = {
+	mime: {
+	override: {
+	'node/module': {
+	source: 'steve',
+	compressible: false,
+	extensions: ['node', 'module', 'npm'],
+	type: 'node/module'
+	}
+	}
+	}
+	};
+	 var server = new Hapi.Server(options);
+	 // server.mime.path('code.js').type === 'application/javascript'
+	 // server.mime.path('file.npm').type === 'node/module'*/
+	mime: any;
+	/**server.plugins
+	 An object containing the values exposed by each plugin registered where each key is a plugin name and the values are the exposed properties by each plugin using server.expose(). Plugins may set the value of the server.plugins[name] object directly or via the server.expose() method.
+	 exports.register = function (server, options, next) {
+	server.expose('key', 'value');
+	// server.plugins.example.key === 'value'
+	return next();
+	};
+	 exports.register.attributes = {
+	name: 'example'
+	};*/
+	plugins: IDictionary<any>;
+	/** server.realm
+	 The realm object contains server-wide or plugin-specific state that can be shared across various methods. For example, when calling server.bind(), the active realm settings.bind property is set which is then used by routes and extensions added at the same level (server root or plugin). Realms are a limited version of a sandbox where plugins can maintain state used by the framework when adding routes, extensions, and other properties.
+	 modifiers - when the server object is provided as an argument to the plugin register() method, modifiers provides the registration preferences passed the server.register() method and includes:
+	 route - routes preferences:
+	 prefix - the route path prefix used by any calls to server.route() from the server.
+	 vhost - the route virtual host settings used by any calls to server.route() from the server.
+	 plugin - the active plugin name (empty string if at the server root).
+	 plugins - plugin-specific state to be shared only among activities sharing the same active state. plugins is an object where each key is a plugin name and the value is the plugin state.
+	 settings - settings overrides:
+	 files.relativeTo
+	 bind
+	 The server.realm object should be considered read-only and must not be changed directly except for the plugins property can be directly manipulated by the plugins (each setting its own under plugins[name]).
+	 exports.register = function (server, options, next) {
+	console.log(server.realm.modifiers.route.prefix);
+	return next();
+	};*/
+	realm: IServerRealm;
+
+	/** server.root
+	 The root server object containing all the connections and the root server methods (e.g. start(), stop(), connection()).*/
+	root: Server;
+	/** server.settings
+	 The server configuration object after defaults applied.
+	 var Hapi = require('hapi');
+	 var server = new Hapi.Server({
+	app: {
+	key: 'value'
+	}
+	});
+	 // server.settings.app === { key: 'value' }*/
+	settings: IServerOptions;
+
+	/** server.version
+	 The hapi module version number.
+	 var Hapi = require('hapi');
+	 var server = new Hapi.Server();
+	 // server.version === '8.0.0'*/
+	version: string;
+
+	/** server.after(method, [dependencies])
+	 Adds a method to be called after all the plugin dependencies have been registered and before the server starts (only called if the server is started) where:
+	 after - the method with signature function(plugin, next) where:
+	 server - server object the after() method was called on.
+	 next - the callback function the method must call to return control over to the application and complete the registration process. The function signature is function(err) where:
+	 err - internal error which is returned back via the server.start() callback.
+	 dependencies - a string or array of string with the plugin names to call this method after their after() methods. There is no requirement for the other plugins to be registered. Setting dependencies only arranges the after methods in the specified order.
+	 var Hapi = require('hapi');
+	 var server = new Hapi.Server();
+	 server.connection({ port: 80 });
+	 server.after(function () {
+	// Perform some pre-start logic
+	});
+	 server.start(function (err) {
+	// After method already executed
+	});
+	 server.auth.default(options)*/
+	after(method: (plugin: any, next: (err: any) => void) => void, dependencies: string | string[]): void;
+
+	auth: {
+		/** server.auth.api
+		 An object where each key is a strategy name and the value is the exposed strategy API. Available on when the authentication scheme exposes an API by returning an api key in the object returned from its implementation function.
+		 When the server contains more than one connection, each server.connections array member provides its own connection.auth.api object.
+		 const server = new Hapi.Server();
+		 server.connection({ port: 80 });
+		 const scheme = function (server, options) {
+		return {
+		api: {
+		settings: {
+		x: 5
+		}
+		},
+		authenticate: function (request, reply) {
+		const req = request.raw.req;
+		const authorization = req.headers.authorization;
+		if (!authorization) {
+		return reply(Boom.unauthorized(null, 'Custom'));
+		}
+		return reply.continue({ credentials: { user: 'john' } });
+		}
+		};
+		};
+		 server.auth.scheme('custom', scheme);
+		 server.auth.strategy('default', 'custom');
+		 console.log(server.auth.api.default.settings.x);    // 5
+		 */
+		api: {
+			[index: string]: any;
+		}
+		/** server.auth.default(options)
+		 Sets a default strategy which is applied to every route where:
+		 options - a string with the default strategy name or an object with a specified strategy or strategies using the same format as the route auth handler options.
+		 The default does not apply when the route config specifies auth as false, or has an authentication strategy configured. Otherwise, the route authentication config is applied to the defaults. Note that the default only applies at time of route configuration, not at runtime. Calling default() after adding a route will have no impact on routes added prior.
+		 The default auth strategy configuration can be accessed via connection.auth.settings.default.
+		 var server = new Hapi.Server();
+		 server.connection({ port: 80 });
+		 server.auth.scheme('custom', scheme);
+		 server.auth.strategy('default', 'custom');
+		 server.auth.default('default');
+		 server.route({
+		method: 'GET',
+		path: '/',
+		handler: function (request, reply) {
+		return reply(request.auth.credentials.user);
+		}
+		});*/
+		default(options: string): void;
+		default(options: { strategy: string }): void;
+		default(options: { strategies: string[] }): void;
+		/** server.auth.scheme(name, scheme)
+		 Registers an authentication scheme where:
+		 name - the scheme name.
+		 scheme - the method implementing the scheme with signature function(server, options) where:
+		 server - a reference to the server object the scheme is added to.
+		 options - optional scheme settings used to instantiate a strategy.*/
+		scheme(
+			name: string,
+			/**
+			 * When the scheme authenticate() method implementation calls reply() with an error condition, the specifics of the error affect whether additional authentication strategies will be attempted if configured for the route. If the err returned by the reply() method includes a message, no additional strategies will be attempted. If the err does not include a message but does include a scheme name (e.g. Boom.unauthorized(null, 'Custom')), additional strategies will be attempted in order of preference.
+			 * n the scheme payload() method returns an error with a message, it means payload validation failed due to bad payload. If the error has no message but includes a scheme name (e.g. Boom.unauthorized(null, 'Custom')), authentication may still be successful if the route auth.payload configuration is set to 'optional'.
+			 * server = new Hapi.Server();
+			 * server.connection({ port: 80 });
+			 * scheme = function (server, options) {
+			 * urn {
+			 * authenticate: function (request, reply) {
+			 * req = request.raw.req;
+			 * var authorization = req.headers.authorization;
+			 * if (!authorization) {
+			 * return reply(Boom.unauthorized(null, 'Custom'));
+			 * }
+			 * urn reply(null, { credentials: { user: 'john' } });
+			 * }
+			 * };
+			 * };
+			 */
+			scheme: (server: Server, options: any) => IServerAuthScheme): void;
+
+		/**
+		 * server.auth.strategy(name, scheme, [mode], [options])
+		 * Registers an authentication strategy where:
+		 * name - the strategy name.
+		 * scheme - the scheme name (must be previously registered using server.auth.scheme()).
+		 * mode - if true, the scheme is automatically assigned as a required strategy to any route without an auth config. Can only be assigned to a single server strategy. Value must be true (which is the same as 'required') or a valid authentication mode ('required', 'optional', 'try'). Defaults to false.
+		 * options - scheme options based on the scheme requirements.
+		 * var server = new Hapi.Server();
+		 * server.connection({ port: 80 });
+		 * server.auth.scheme('custom', scheme);
+		 * server.auth.strategy('default', 'custom');
+		 * server.route({
+		 * method: 'GET',
+		 * path: '/',
+		 * config: {
+		 * auth: 'default',
+		 * handler: function (request, reply) {
+		 * return reply(request.auth.credentials.user);
+		 * }
+		 * }
+		 * });
+		 */
+		strategy(name: string, scheme: string, mode?: boolean | string, options?: any): void;
+		strategy(name: string, scheme: string, mode?: boolean | string): void;
+		strategy(name: string, scheme: string, options?: any): void;
+
+		/** server.auth.test(strategy, request, next)
+		 Tests a request against an authentication strategy where:
+		 strategy - the strategy name registered with server.auth.strategy().
+		 request - the request object.
+		 next - the callback function with signature function(err, credentials) where:
+		 err - the error if authentication failed.
+		 credentials - the authentication credentials object if authentication was successful.
+		 Note that the test() method does not take into account the route authentication configuration. It also does not perform payload authentication. It is limited to the basic strategy authentication execution. It does not include verifying scope, entity, or other route properties.
+		 var server = new Hapi.Server();
+		 server.connection({ port: 80 });
+		 server.auth.scheme('custom', scheme);
+		 server.auth.strategy('default', 'custom');
+		 server.route({
+		method: 'GET',
+		path: '/',
+		handler: function (request, reply) {
+		request.server.auth.test('default', request, function (err, credentials) {
+		if (err) {
+		return reply({ status: false });
+		}
+		return reply({ status: true, user: credentials.name });
+		});
+		}
+		});*/
+		test(strategy: string, request: Request, next: (err: any, credentials: any) => void): void;
+	};
+
+	/** server.bind(context)
+	 Sets a global context used as the default bind object when adding a route or an extension where:
+	 context - the object used to bind this in handler and extension methods.
+	 When setting context inside a plugin, the context is applied only to methods set up by the plugin. Note that the context applies only to routes and extensions added after it has been set.
+	 var handler = function (request, reply) {
+	return reply(this.message);
+	};
+	 exports.register = function (server, options, next) {
+	var bind = {
+	message: 'hello'
+	};
+	server.bind(bind);
+	server.route({ method: 'GET', path: '/', handler: handler });
+	return next();
+	};*/
+	bind(context: any): void;
+
+	/** server.cache(options)
+	 Provisions a cache segment within the server cache facility where:
+	 options - catbox policy configuration where:
+	 expiresIn - relative expiration expressed in the number of milliseconds since the item was saved in the cache. Cannot be used together with expiresAt.
+	 expiresAt - time of day expressed in 24h notation using the 'HH:MM' format, at which point all cache records expire. Uses local time. Cannot be used together with expiresIn.
+	 generateFunc - a function used to generate a new cache item if one is not found in the cache when calling get(). The method's signature is function(id, next) where: - id - the id string or object provided to the get() method. - next - the method called when the new item is returned with the signature function(err, value, ttl) where: - err - an error condition. - value - the new value generated. - ttl - the cache ttl value in milliseconds. Set to 0 to skip storing in the cache. Defaults to the cache global policy.
+	 staleIn - number of milliseconds to mark an item stored in cache as stale and attempt to regenerate it when generateFunc is provided. Must be less than expiresIn.
+	 staleTimeout - number of milliseconds to wait before checking if an item is stale.
+	 generateTimeout - number of milliseconds to wait before returning a timeout error when the generateFunc function takes too long to return a value. When the value is eventually returned, it is stored in the cache for future requests.
+	 cache - the cache name configured in 'server.cache`. Defaults to the default cache.
+	 segment - string segment name, used to isolate cached items within the cache partition. When called within a plugin, defaults to '!name' where 'name' is the plugin name. Required when called outside of a plugin.
+	 shared - if true, allows multiple cache provisions to share the same segment. Default to false.
+	 var server = new Hapi.Server();
+	 server.connection({ port: 80 });
+	 var cache = server.cache({ segment: 'countries', expiresIn: 60 * 60 * 1000 });
+	 cache.set('norway', { capital: 'oslo' }, null, function (err) {
+	cache.get('norway', function (err, value, cached, log) {
+	// value === { capital: 'oslo' };
+	});
+	});*/
+	cache(options: ICatBoxCachePolicyOptions): void;
+
+	/** server.connection([options])
+	 Adds an incoming server connection
+	 Returns a server object with the new connection selected.
+	 Must be called before any other server method that modifies connections is called for it to apply to the new connection (e.g. server.state()).
+	 Note that the options object is deeply cloned (with the exception of listener which is shallowly copied) and cannot contain any values that are unsafe to perform deep copy on.
+	 var Hapi = require('hapi');
+	 var server = new Hapi.Server();
+	 var web = server.connection({ port: 8000, host: 'example.com', labels: ['web'] });
+	 var admin = server.connection({ port: 8001, host: 'example.com', labels: ['admin'] });
+	 // server.connections.length === 2
+	 // web.connections.length === 1
+	 // admin.connections.length === 1 */
+	connection(options: IServerConnectionOptions): Server;
+
+	/** server.decorate(type, property, method, [options])
+	 Extends various framework interfaces with custom methods where:
+	 type - the interface being decorated. Supported types:
+	 'reply' - adds methods to the reply interface.
+	 'server' - adds methods to the Server object.
+	 property - the object decoration key name.
+	 method - the extension function.
+	 options - if the type is 'request', supports the following optional settings:
+	 'apply' - if true, the method function is invoked using the signature function(request) where request is the current request object and the returned value is assigned as the decoration.
+	 Note that decorations apply to the entire server and all its connections regardless of current selection.
+	 var Hapi = require('hapi');
+	 var server = new Hapi.Server();
+	 server.connection({ port: 80 });
+	 server.decorate('reply', 'success', function () {
+	return this.response({ status: 'ok' });
+	});
+	 server.route({
+	method: 'GET',
+	path: '/',
+	handler: function (request, reply) {
+	return reply.success();
+	}
+	});*/
+	decorate(type: string, property: string, method: Function, options?: { apply: boolean }): void;
+
+	/** server.dependency(dependencies, [after])
+	 Used within a plugin to declares a required dependency on other plugins where:
+	 dependencies - a single string or array of plugin name strings which must be registered in order for this plugin to operate. Plugins listed must be registered before the server is started. Does not provide version dependency which should be implemented using npm peer dependencies.
+	 after - an optional function called after all the specified dependencies have been registered and before the server starts. The function is only called if the server is started. If a circular dependency is detected, an exception is thrown (e.g. two plugins each has an after function to be called after the other). The function signature is function(server, next) where:
+	 server - the server the dependency() method was called on.
+	 next - the callback function the method must call to return control over to the application and complete the registration process. The function signature is function(err) where:
+	 err - internal error condition, which is returned back via the server.start() callback.
+	 exports.register = function (server, options, next) {
+	server.dependency('yar', after);
+	return next();
+	};
+	 var after = function (server, next) {
+	// Additional plugin registration logic
+	return next();
+	};*/
+	dependency(dependencies: string | string[], after?: (server: Server, next: (err: any) => void) => void): void;
+
+	/** server.expose(key, value)
+	 Used within a plugin to expose a property via server.plugins[name] where:
+	 key - the key assigned (server.plugins[name][key]).
+	 value - the value assigned.
+	 exports.register = function (server, options, next) {
+	server.expose('util', function () { console.log('something'); });
+	return next();
+	};*/
+	expose(key: string, value: any): void;
+
+	/** server.expose(obj)
+	 Merges a deep copy of an object into to the existing content of server.plugins[name] where:
+	 obj - the object merged into the exposed properties container.
+	 exports.register = function (server, options, next) {
+	server.expose({ util: function () { console.log('something'); } });
+	return next();
+	};*/
+	expose(obj: any): void;
+
+	/** server.ext(event, method, [options])
+	 Registers an extension function in one of the available extension points where:
+	 event - the event name.
+	 method - a function or an array of functions to be executed at a specified point during request processing. The required extension function signature is function(request, reply) where:
+	 request - the request object. NOTE: Access the Response via request.response
+	 reply - the reply interface which is used to return control back to the framework. To continue normal execution of the request lifecycle, reply.continue() must be called. To abort processing and return a response to the client, call reply(value) where value is an error or any other valid response.
+	 this - the object provided via options.bind or the current active context set with server.bind().
+	 options - an optional object with the following:
+	 before - a string or array of strings of plugin names this method must execute before (on the same event). Otherwise, extension methods are executed in the order added.
+	 after - a string or array of strings of plugin names this method must execute after (on the same event). Otherwise, extension methods are executed in the order added.
+	 bind - a context object passed back to the provided method (via this) when called.
+	 var Hapi = require('hapi');
+	 var server = new Hapi.Server();
+	 server.connection({ port: 80 });
+	 server.ext('onRequest', function (request, reply) {
+	// Change all requests to '/test'
+	request.setUrl('/test');
+	return reply.continue();
+	});
+	 var handler = function (request, reply) {
+	return reply({ status: 'ok' });
+	};
+	 server.route({ method: 'GET', path: '/test', handler: handler });
+	 server.start();
+	 // All requests will get routed to '/test'*/
+	ext(event: RequestExtPoints, method: (request: Request, reply: IReply, bind?: any) => void, options?: { before: string | string[]; after: string | string[]; bind?: any }): void;
+	ext<T>(event: RequestExtPoints, method: (request: Request, reply: IStrictReply<T>, bind?: any) => void, options?: { before: string | string[]; after: string | string[]; bind?: any }): void;
+	ext(event: ServerExtPoints, method: (server: Server, next: (err?: any) => void, bind?: any) => void, options?: { before: string | string[]; after: string | string[]; bind?: any }): void;
+
+	/** server.handler(name, method)
+	 Registers a new handler type to be used in routes where:
+	 name - string name for the handler being registered. Cannot override the built-in handler types (directory, file, proxy, and view) or any previously registered type.
+	 method - the function used to generate the route handler using the signature function(route, options) where:
+	 route - the route public interface object.
+	 options - the configuration object provided in the handler config.
+	 var Hapi = require('hapi');
+	 var server = new Hapi.Server();
+	 server.connection({ host: 'localhost', port: 8000 });
+	 // Defines new handler for routes on this server
+	 server.handler('test', function (route, options) {
+	return function (request, reply) {
+	return reply('new handler: ' + options.msg);
+	}
+	});
+	 server.route({
+	method: 'GET',
+	path: '/',
+	handler: { test: { msg: 'test' } }
+	});
+	 server.start();
+	 The method function can have a defaults object or function property. If the property is set to an object, that object is used as the default route config for routes using this handler. If the property is set to a function, the function uses the signature function(method) and returns the route default configuration.
+	 var Hapi = require('hapi');
+	 var server = new Hapi.Server();
+	 server.connection({ host: 'localhost', port: 8000 });
+	 var handler = function (route, options) {
+	return function (request, reply) {
+	return reply('new handler: ' + options.msg);
+	}
+	};
+	 // Change the default payload processing for this handler
+	 handler.defaults = {
+	payload: {
+	output: 'stream',
+	parse: false
+	}
+	};
+	 server.handler('test', handler);*/
+	handler<THandlerConfig>(name: string, method: (route: IRoute, options: THandlerConfig) => ISessionHandler): void;
+
+	/** server.initialize([callback])
+	 Initializes the server (starts the caches, finalizes plugin registration) but does not start listening
+	 on the connection ports, where:
+	 - `callback` - the callback method when server initialization is completed or failed with the signature
+	 `function(err)` where:
+	 - `err` - any initialization error condition.
+
+	 If no `callback` is provided, a `Promise` object is returned.
+
+	 Note that if the method fails and the callback includes an error, the server is considered to be in
+	 an undefined state and should be shut down. In most cases it would be impossible to fully recover as
+	 the various plugins, caches, and other event listeners will get confused by repeated attempts to
+	 start the server or make assumptions about the healthy state of the environment. It is recommended
+	 to assert that no error has been returned after calling `initialize()` to abort the process when the
+	 server fails to start properly. If you must try to resume after an error, call `server.stop()`
+	 first to reset the server state.
+	 */
+	initialize(callback?: (error: any) => void): Promise<void>;
+
+	/** When the server contains exactly one connection, injects a request into the sole connection simulating an incoming HTTP request without making an actual socket connection.
+	 Injection is useful for testing purposes as well as for invoking routing logic internally without the overhead or limitations of the network stack.
+	 Utilizes the [shot module | https://github.com/hapijs/shot ] for performing injections, with some additional options and response properties
+	 * When the server contains more than one connection, each server.connections array member provides its own connection.inject().
+	 var Hapi = require('hapi');
+	 var server = new Hapi.Server();
+	 server.connection({ port: 80 });
+	 var handler = function (request, reply) {
+	return reply('Success!');
+	};
+	 server.route({ method: 'GET', path: '/', handler: handler });
+	 server.inject('/', function (res) {
+	console.log(res.result);
+	});
+	 */
+	inject: IServerInject;
+
+	/** server.log(tags, [data, [timestamp]])
+	 Logs server events that cannot be associated with a specific request. When called the server emits a 'log' event which can be used by other listeners or plugins to record the information or output to the console. The arguments are:
+	 tags - a string or an array of strings (e.g. ['error', 'database', 'read']) used to identify the event. Tags are used instead of log levels and provide a much more expressive mechanism for describing and filtering events. Any logs generated by the server internally include the 'hapi' tag along with event-specific information.
+	 data - an optional message string or object with the application data being logged.
+	 timestamp - an optional timestamp expressed in milliseconds. Defaults to Date.now() (now).
+	 var Hapi = require('hapi');
+	 var server = new Hapi.Server();
+	 server.connection({ port: 80 });
+	 server.on('log', function (event, tags) {
+	if (tags.error) {
+	console.log(event);
+	}
+	});
+	 server.log(['test', 'error'], 'Test event');*/
+	log(tags: string | string[], data?: string | any, timestamp?: number): void;
+
+	/**server.lookup(id)
+	 When the server contains exactly one connection, looks up a route configuration where:
+	 id - the route identifier as set in the route options.
+	 returns the route public interface object if found, otherwise null.
+	 var server = new Hapi.Server();
+	 server.connection();
+	 server.route({
+	method: 'GET',
+	path: '/',
+	config: {
+	handler: function (request, reply) { return reply(); },
+	id: 'root'
+	}
+	});
+	 var route = server.lookup('root');
+	 When the server contains more than one connection, each server.connections array member provides its own connection.lookup() method.*/
+	lookup(id: string): IRoute;
+
+	/** server.match(method, path, [host])
+	 When the server contains exactly one connection, looks up a route configuration where:
+	 method - the HTTP method (e.g. 'GET', 'POST').
+	 path - the requested path (must begin with '/').
+	 host - optional hostname (to match against routes with vhost).
+	 returns the route public interface object if found, otherwise null.
+	 var server = new Hapi.Server();
+	 server.connection();
+	 server.route({
+	method: 'GET',
+	path: '/',
+	config: {
+	handler: function (request, reply) { return reply(); },
+	id: 'root'
+	}
+	});
+	 var route = server.match('get', '/');
+	 When the server contains more than one connection, each server.connections array member provides its own connection.match() method.*/
+	match(method: string, path: string, host?: string): IRoute;
+
+	/** server.method(name, method, [options])
+	 Registers a server method. Server methods are functions registered with the server and used throughout the application as a common utility. Their advantage is in the ability to configure them to use the built-in cache and share across multiple request handlers without having to create a common module.
+	 Methods are registered via server.method(name, method, [options])
+	 var Hapi = require('hapi');
+	 var server = new Hapi.Server();
+	 server.connection({ port: 80 });
+	 // Simple arguments
+	 var add = function (a, b, next) {
+	return next(null, a + b);
+	};
+	 server.method('sum', add, { cache: { expiresIn: 2000 } });
+	 server.methods.sum(4, 5, function (err, result) {
+	console.log(result);
+	});
+	 // Object argument
+	 var addArray = function (array, next) {
+	var sum = 0;
+	array.forEach(function (item) {
+	sum += item;
+	});
+	return next(null, sum);
+	};
+	 server.method('sumObj', addArray, {
+	cache: { expiresIn: 2000 },
+	generateKey: function (array) {
+	return array.join(',');
+	}
+	});
+	 server.methods.sumObj([5, 6], function (err, result) {
+	console.log(result);
+	});
+	 // Synchronous method with cache
+	 var addSync = function (a, b) {
+	return a + b;
+	};
+	 server.method('sumSync', addSync, { cache: { expiresIn: 2000 }, callback: false });
+	 server.methods.sumSync(4, 5, function (err, result) {
+	console.log(result);
+	}); */
+	method(/**  a unique method name used to invoke the method via server.methods[name]. When configured with caching enabled, server.methods[name].cache.drop(arg1, arg2, ..., argn, callback) can be used to clear the cache for a given key. Supports using nested names such as utils.users.get which will automatically create the missing path under server.methods and can be accessed for the previous example via server.methods.utils.users.get.*/
+		name: string,
+		method: IServerMethod,
+		options?: IServerMethodOptions): void;
+
+	/**server.method(methods)
+	 Registers a server method function as described in server.method() using a configuration object where:
+	 methods - an object or an array of objects where each one contains:
+	 name - the method name.
+	 method - the method function.
+	 options - optional settings.
+	 var add = function (a, b, next) {
+	next(null, a + b);
+	};
+	 server.method({
+	name: 'sum',
+	method: add,
+	options: {
+	cache: {
+	expiresIn: 2000
+	}
+	}
+	});*/
+	method(methods: {
+		name: string; method: IServerMethod; options?: IServerMethodOptions
+	} | Array<{
+		name: string; method: IServerMethod; options?: IServerMethodOptions
+	}>): void;
+
+	/**server.path(relativeTo)
+	 Sets the path prefix used to locate static resources (files and view templates) when relative paths are used where:
+	 relativeTo - the path prefix added to any relative file path starting with '.'.
+	 Note that setting a path within a plugin only applies to resources accessed by plugin methods. If no path is set, the connection files.relativeTo configuration is used. The path only applies to routes added after it has been set.
+	 exports.register = function (server, options, next) {
+	server.path(__dirname + '../static');
+	server.route({ path: '/file', method: 'GET', handler: { file: './test.html' } });
+	next();
+	};*/
+	path(relativeTo: string): void;
+
+	/**
+	 * server.register(plugins, [options], callback)
+	 * Registers a plugin where:
+	 * plugins - an object or array of objects where each one is either:
+	 * a plugin registration function.
+	 * an object with the following:
+	 * register - the plugin registration function.
+	 * options - optional options passed to the registration function when called.
+	 * options - optional registration options (different from the options passed to the registration function):
+	 * select - a string or array of string labels used to pre-select connections for plugin registration.
+	 * routes - modifiers applied to each route added by the plugin:
+	 * prefix - string added as prefix to any route path (must begin with '/'). If a plugin registers a child plugin the prefix is passed on to the child or is added in front of the child-specific prefix.
+	 * vhost - virtual host string (or array of strings) applied to every route. The outer-most vhost overrides the any nested configuration.
+	 * callback - the callback function with signature function(err) where:
+	 * err - an error returned from the registration function. Note that exceptions thrown by the registration function are not handled by the framework.
+	 *
+	 * If no callback is provided, a Promise object is returned.
+	 */
+	register(
+		plugins: any | any[],
+		options: {
+			select?: string | string[];
+			routes: {
+				prefix: string; vhost?: string | string[]
+			};
+		},
+		callback: (err: any) => void): void;
+	register(
+		plugins: any | any[],
+		options: {
+			select?: string | string[];
+			routes: {
+				prefix: string; vhost?: string | string[]
+			};
+		}): Promise<any>;
+
+	register(plugins: any | any[], callback: (err: any) => void): void;
+	register(plugins: any | any[]): Promise<any>;
+
+	/**server.render(template, context, [options], callback)
+	 Utilizes the server views manager to render a template where:
+	 template - the template filename and path, relative to the views manager templates path (path or relativeTo).
+	 context - optional object used by the template to render context-specific result. Defaults to no context ({}).
+	 options - optional object used to override the views manager configuration.
+	 callback - the callback function with signature function (err, rendered, config) where:
+	 err - the rendering error if any.
+	 rendered - the result view string.
+	 config - the configuration used to render the template.
+	 var Hapi = require('hapi');
+	 var server = new Hapi.Server();
+	 server.connection({ port: 80 });
+	 server.views({
+	engines: { html: require('handlebars') },
+	path: __dirname + '/templates'
+	});
+	 var context = {
+	title: 'Views Example',
+	message: 'Hello, World'
+	};
+	 server.render('hello', context, function (err, rendered, config) {
+	console.log(rendered);
+	});*/
+	render(template: string, context: any, options: any, callback: (err: any, rendered: any, config: any) => void): void;
+
+	/** server.route(options)
+	 Adds a connection route where:
+	 options - a route configuration object or an array of configuration objects.
+	 var Hapi = require('hapi');
+	 var server = new Hapi.Server();
+	 server.connection({ port: 80 });
+	 server.route({ method: 'GET', path: '/', handler: function (request, reply) { return reply('ok'); } });
+	 server.route([
+	 { method: 'GET', path: '/1', handler: function (request, reply) { return reply('ok'); } },
+	 { method: 'GET', path: '/2', handler: function (request, reply) { return reply('ok'); } }
+	 ]);*/
+	route(options: IRouteConfiguration): void;
+	route(options: IRouteConfiguration[]): void;
+
+	/**server.select(labels)
+	 Selects a subset of the server's connections where:
+	 labels - a single string or array of strings of labels used as a logical OR statement to select all the connections with matching labels in their configuration.
+	 Returns a server object with connections set to the requested subset. Selecting again on a selection operates as a logic AND statement between the individual selections.
+	 var Hapi = require('hapi');
+	 var server = new Hapi.Server();
+	 server.connection({ port: 80, labels: ['a'] });
+	 server.connection({ port: 8080, labels: ['b'] });
+	 server.connection({ port: 8081, labels: ['c'] });
+	 server.connection({ port: 8082, labels: ['c','d'] });
+	 var a = server.select('a');          // The server with port 80
+	 var ab = server.select(['a','b']);   // A list of servers containing the server with port 80 and the server with port 8080
+	 var c = server.select('c');          // A list of servers containing the server with port 8081 and the server with port 8082 */
+	select(labels: string | string[]): Server | Server[];
+
+	/** server.start([callback])
+	 Starts the server connections by listening for incoming requests on the configured port of each listener (unless the connection was configured with autoListen set to false), where:
+	 callback - optional callback when server startup is completed or failed with the signature function(err) where:
+	 err - any startup error condition.
+	 var Hapi = require('hapi');
+	 var server = new Hapi.Server();
+	 server.connection({ port: 80 });
+	 server.start(function (err) {
+	console.log('Server started at: ' + server.info.uri);
+	});*/
+	start(callback?: (err: any) => void): Promise<void>;
+
+	/** server.state(name, [options])
+	 HTTP state management uses client cookies to persist a state across multiple requests. Registers a cookie definitions
+	 State defaults can be modified via the server connections.routes.state configuration option.
+	 var Hapi = require('hapi');
+	 var server = new Hapi.Server();
+	 server.connection({ port: 80 });
+	 // Set cookie definition
+	 server.state('session', {
+	ttl: 24 * 60 * 60 * 1000,     // One day
+	isSecure: true,
+	path: '/',
+	encoding: 'base64json'
+	});
+	 // Set state in route handler
+	 var handler = function (request, reply) {
+	var session = request.state.session;
+	if (!session) {
+	session = { user: 'joe' };
+	}
+	session.last = Date.now();
+	return reply('Success').state('session', session);
+	};
+	 Registered cookies are automatically parsed when received. Parsing rules depends on the route state.parse configuration. If an incoming registered cookie fails parsing, it is not included in request.state, regardless of the state.failAction setting. When state.failAction is set to 'log' and an invalid cookie value is received, the server will emit a 'request-internal' event. To capture these errors subscribe to the 'request-internal' events and filter on 'error' and 'state' tags:
+	 var Hapi = require('hapi');
+	 var server = new Hapi.Server();
+	 server.connection({ port: 80 });
+	 server.on('request-internal', function (request, event, tags) {
+	if (tags.error && tags.state) {
+	console.error(event);
+	}
+	});    */
+	state(name: string, options?: ICookieSettings): void;
+
+	/** server.stop([options], [callback])
+	 Stops the server's connections by refusing to accept any new connections or requests (existing connections will continue until closed or timeout), where:
+	 options - optional object with:
+	 timeout - overrides the timeout in millisecond before forcefully terminating a connection. Defaults to 5000 (5 seconds).
+	 callback - optional callback method with signature function() which is called once all the connections have ended and it is safe to exit the process.
+	 var Hapi = require('hapi');
+	 var server = new Hapi.Server();
+	 server.connection({ port: 80 });
+	 server.stop({ timeout: 60 * 1000 }, function () {
+	console.log('Server stopped');
+	});*/
+	stop(options?: { timeout: number }, callback?: () => void): Promise<void>;
+
+	/**server.table([host])
+	 Returns a copy of the routing table where:
+	 host - optional host to filter routes matching a specific virtual host. Defaults to all virtual hosts.
+	 The return value is an array where each item is an object containing:
+	 info - the connection.info the connection the table was generated for.
+	 labels - the connection labels.
+	 table - an array of routes where each route contains:
+	 settings - the route config with defaults applied.
+	 method - the HTTP method in lower case.
+	 path - the route path.
+	 Note that if the server has not been started and multiple connections use port 0, the table items will override each other and will produce an incomplete result.
+	 var Hapi = require('hapi');
+	 var server = new Hapi.Server();
+	 server.connection({ port: 80, host: 'example.com' });
+	 server.route({ method: 'GET', path: '/example', handler: function (request, reply) { return reply(); } });
+	 var table = server.table();
+	 When calling connection.table() directly on each connection, the return value is the same as the array table item value of an individual connection:
+	 var Hapi = require('hapi');
+	 var server = new Hapi.Server();
+	 server.connection({ port: 80, host: 'example.com' });
+	 server.route({ method: 'GET', path: '/example', handler: function (request, reply) { return reply(); } });
+	 var table = server.connections[0].table();
+	 //[
+	 //    {
+	//        method: 'get',
+	//        path: '/example',
+	//        settings: { ... }
+	//    }
+	 //]
+	 */
+	table(host?: any): IConnectionTable;
+
+	/**server.views(options)
+	 Initializes the server views manager
+	 var Hapi = require('hapi');
+	 var server = new Hapi.Server();
+	 server.views({
+	engines: {
+	html: require('handlebars'),
+	jade: require('jade')
+	},
+	path: '/static/templates'
+	});
+	 When server.views() is called within a plugin, the views manager is only available to plugins methods.*/
+	views(options: IServerViewsConfiguration): void;
+}
diff --git a/types/hapi/v16.0/tsconfig.json b/types/hapi/v16.0/tsconfig.json
new file mode 100644
index 0000000000..b6bca23ab6
--- /dev/null
+++ b/types/hapi/v16.0/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",
+        "hapi-tests.ts"
+    ]
+}
\ No newline at end of file
diff --git a/types/hapi/vision/index.d.ts b/types/hapi/vision/index.d.ts
new file mode 100644
index 0000000000..cee02fc56c
--- /dev/null
+++ b/types/hapi/vision/index.d.ts
@@ -0,0 +1,207 @@
+
+import * as Hapi from 'hapi';
+
+declare module 'hapi' {
+    interface Server {
+        /**
+         * Initializes the server views manager
+         * @see {@link https://github.com/hapijs/vision/blob/master/API.md#serverviewsoptions}
+         */
+        views(options: ServerViewsConfiguration): ViewManager;
+        /**
+         * Utilizes the server views manager to render a template
+         * @see {@link https://github.com/hapijs/vision/blob/master/API.md#serverrendertemplate-context-options-callback}
+         */
+        render: RenderMethod;
+    }
+
+    interface Request {
+        /**
+         * request.render() works the same way as server.render() but is for use inside of request handlers. server.render() does not work inside request handlers when called via request.server.render() if the view manager was created by a plugin. This is because the request.server object does not have access to the plugin realm where the view manager was configured. request.render() gets its realm from the route that the request was bound to.
+         * Note that this will not work in onRequest extensions added by the plugin because the route isn't yet set at this point in the request lifecycle and the request.render() method will produce the same limited results server.render() can.
+         * @see {@link https://github.com/hapijs/vision/blob/master/API.md#requestrendertemplate-context-options-callback}
+         */
+        render: RenderMethod;
+    }
+
+    interface RouteHandlerPlugins {
+        /**
+         * The view handler can be used with routes registered in the same realm as the view manager. The handler takes an options parameter that can be either a string or an object. When the options parameter is a string, it should be the filename and path of the template relative to the templates path configured via the views manager. When the options parameter is an object, it may have the following keys:
+         * The rendering context contains the `params`, `payload`, `query`, and `pre` values from the request by default (these can be overriden by values explicitly set via the options).
+         * @see {@link https://github.com/hapijs/vision/blob/master/API.md#the-view-handler}
+         */
+        view?: string | {
+            /** the template filename and path, relative to the templates path configured via the server views manager. */
+            template: string;
+            /** optional object used by the template to render context-specific result. Defaults to no context {}. */
+            context?: Object;
+            /**
+             * optional object used to override the server's views manager configuration for this response. Cannot override isCached, partialsPath, or helpersPath which are only loaded at initialization.
+             * TODO check if it can have `defaultExtension`.
+             */
+            options?: ViewHandlerOrReplyOptions;
+        }
+    }
+
+    interface Base_Reply {
+        /**
+         * Concludes the handler activity by returning control over to the router with a templatized view response
+         * Returns a response object. The generated response will have the variety property set to view.
+         * The response flow control rules apply.
+         * @param template  the template filename and path, relative to the templates path configured via the server views manager.
+         * @param context  optional object used by the template to render context-specific result. Defaults to no context {}.
+         * @param options  optional object used to override the server's views manager configuration for this response. Cannot override isCached, partialsPath, or helpersPath which are only loaded at initialization.
+         * @see {@link https://github.com/hapijs/vision/blob/master/API.md#replyviewtemplate-context-options}
+         */
+        view(templatePath: string, context?: any, options?: ViewHandlerOrReplyOptions): Response;
+    }
+}
+
+/**
+ * Options for initialising server views manager
+ * @see {@link https://github.com/hapijs/vision/blob/master/API.md#serverviewsoptions}
+ */
+export interface ServerViewsConfiguration extends ServerViewsAdditionalOptions {
+    /** required object where each key is a file extension (e.g. 'html', 'hbr'), mapped to the npm module used for rendering the templates. Alternatively, the extension can be mapped to an object */
+    engines: {[fileExtension: string]: NpmModule} | ServerViewsEnginesOptions;
+    /** defines the default filename extension to append to template names when multiple engines are configured and no explicit extension is provided for a given template. No default value. */
+    defaultExtension?: string;
+}
+
+/**
+ * Includes `module` and any of the views options listed below (@see ServerViewsAdditionalOptions) (except defaultExtension) to override the defaults for a specific engine.
+ */
+export interface ServerViewsEnginesOptions extends ServerViewsAdditionalOptions {
+    /**
+     * The npm module used for rendering the templates. The module object must contain the compile() function
+     * @see {@link https://github.com/hapijs/vision/blob/master/API.md#serverviewsoptions} > options > engines > module
+     */
+    module: NpmModule
+}
+export interface ServerViewsAdditionalOptions extends ViewHandlerOrReplyOptions {
+    /** the root file path, or array of file paths, where partials are located. Partials are small segments of template code that can be nested and reused throughout other templates. Defaults to no partials support (empty path). */
+    partialsPath?: string | string[];
+    /** the directory path, or array of directory paths, where helpers are located. Helpers are functions used within templates to perform transformations and other data manipulations using the template context or other inputs. Each '.js' file in the helpers directory is loaded and the file name is used as the helper name. The files must export a single method with the signature function(context) and return a string. Sub-folders are not supported and are ignored. Defaults to no helpers support (empty path). Note that jade does not support loading helpers this way. */
+    helpersPath?: string | string[];
+    /** if set to false, templates will not be cached (thus will be read from file on every use). Defaults to true. */
+    isCached?: boolean;
+}
+
+/**
+ *
+ * @see {@link https://github.com/hapijs/vision/blob/master/API.md#the-view-handler} > options for the list of attributes it can not have (isCached, partialsPath, helpersPath)
+ */
+export interface ViewHandlerOrReplyOptions {
+    /** the root file path, or array of file paths, used to resolve and load the templates identified when calling reply.view(). Defaults to current working directory. */
+    path?: string | string[];
+    /**
+     * a base path used as prefix for path and partialsPath. No default.
+     * TODO update if PR for updating docs is accepted.
+     */
+    relativeTo?: string;
+    /** if set to true or a layout filename, layout support is enabled. A layout is a single template file used as the parent template for other view templates in the same engine. If true, the layout template name must be 'layout.ext' where 'ext' is the engine's extension. Otherwise, the provided filename is suffixed with the engine's extension and loaded. Disable layout when using Jade as it will handle including any layout files independently. Defaults to false. */
+    layout?: boolean;
+    /** the root file path, or array of file paths, where layout templates are located (using the relativeTo prefix if present). Defaults to path. */
+    layoutPath?: string | string[];
+    /** the key used by the template engine to denote where primary template content should go. Defaults to 'content'. */
+    layoutKeyword?: string;
+    /** the text encoding used by the templates when reading the files and outputting the result. Defaults to 'utf8'. */
+    encoding?: string;
+    /** if set to true, allows absolute template paths passed to reply.view(). Defaults to false. */
+    allowAbsolutePaths?: boolean;
+    /** if set to true, allows template paths passed to reply.view() to contain '../'. Defaults to false. */
+    allowInsecureAccess?: boolean;
+    /** options object passed to the engine's compile function. Defaults to empty options {}. */
+    compileOptions?: CompileOptions;
+    /** options object passed to the returned function from the compile operation. Defaults to empty options {}. */
+    runtimeOptions?: RuntimeOptions;
+    /** the content type of the engine results. Defaults to 'text/html'. */
+    contentType?: string;
+    /** specify whether the engine compile() method is 'sync' or 'async'. Defaults to 'sync'. */
+    compileMode?: 'sync' | 'async';
+    /** a global context used with all templates. The global context option can be either an object or a function that takes the request as its only argument and returns a context object. The request object is only provided when using the view handler or reply.view(). When using server.render() or request.render(), the request argument will be null. When rendering views, the global context will be merged with any context object specified on the handler or using reply.view(). When multiple context objects are used, values from the global context always have lowest precedence. */
+    context?: Object | ((request: Hapi.Request) => Object);
+}
+
+/**
+ * Options passed to module when compiling template.
+ * Cast your options to this interface or extend it with:
+ *      declare module 'hapi' {
+ *          interface CompileOptions {
+ *              noEscape: boolean;
+ *          }
+ *      }
+ */
+export interface CompileOptions {}
+export interface RuntimeOptions {}
+
+/**
+ * the rendering function. The required function signature depends on the compileMode settings (see below).
+ * If compileMode is 'sync', the signature is compile(template, options), the return value is a function with signature function(context, options) (the compiled sync template), and the method is allowed to throw errors.
+ * If compileMode is 'async', the signature is compile(template, options, next) where next has the signature function(err, compiled), compiled is a function with signature function(context, options, callback) (the compiled async template) and callback has the signature function(err, rendered).
+ */
+export interface ServerViewCompile {
+    (template: string, options: any): (context: any, options: any) => void;
+    (template: string, options: any, next: (err: Error | null, compiled: (context: any, options: any, callback: (err: null | Error, rendered: string | null) => void) => void) => void): void;
+}
+
+/**
+ * The npm module used for rendering the templates. The module object must contain the compile() function
+ * @see {@link https://github.com/hapijs/vision/blob/master/API.md#serverviewsoptions} > options > engines > module
+ */
+interface NpmModule {
+    /** the rendering function. The required function signature depends on the compileMode settings */
+    compile: ServerViewCompile
+    /** initializes additional engine state. The config object is the engine configuration object allowing updates to be made. This is useful for engines like Nunjucks that rely on additional state for rendering. next has the signature function(err). */
+    prepare(config: EngineConfigurationObject, next: (err?: Error) => void): void;
+    /** registers a partial for use during template rendering. The name is the partial path that templates should use to reference the partial and src is the uncompiled template string for the partial. */
+    registerPartial(name: string, src: string): void;
+    /** registers a helper for use during template rendering. The name is the name that templates should use to reference the helper and helper is the function that will be invoked when the helper is called. */
+    registerHelper(name: string, helper: Function): void;
+}
+export interface EngineConfigurationObject {}
+
+/**
+ * Renders a template
+ * @param template - the template filename and path, relative to the views manager templates path (path or relativeTo).
+ * @param context - optional object used by the template to render context-specific result. Defaults to no context ({}).
+ * @param options - optional object used to override the views manager configuration.
+ * @param callback - the callback function with signature function (err, rendered, config) where:
+ *      * err - the rendering error if any.
+ *      * rendered - the result view string or undefined if error.
+ *      * config - the configuration used to render the template or undefined if error.
+ * If no `callback` is provided, a `Promise` object is returned. The returned promise is resolved with only the rendered content and not the configuration object.
+ * @see {@link https://github.com/hapijs/vision/blob/master/API.md#serverrendertemplate-context-options-callback}
+ * @see {@link https://github.com/hapijs/vision/blob/master/API.md#managerrendertemplate-context-options-callback}
+ */
+interface RenderMethod {
+    (template: string, context?: any, options?: ServerViewsAdditionalOptions, callback?: RenderCallBack): void;
+    (template: string, context?: any, options?: ServerViewsAdditionalOptions): Promise<string>;
+}
+export interface RenderCallBack {
+    (err: null | Error, rendered?: string, options?: ServerViewsAdditionalOptions): void;
+}
+
+/**
+ * View Manager
+ * @see {@link https://github.com/hapijs/vision/blob/master/API.md#view-manager}
+ */
+export interface ViewManager {
+    /**
+     * Registers a helper, on all configured engines that have a registerHelper() method, for use during template rendering. Engines without a registerHelper() method will be skipped. The name is the name that templates should use to reference the helper and helper is the function that will be invoked when the helper is called.
+     * @param name
+     * @param helper
+     * @see {@link https://github.com/hapijs/vision/blob/master/API.md#managerregisterhelpername-helper}
+     */
+    registerHelper(name: string, helper: Function): void;
+    /**
+     * Renders a template. This is typically not needed and it is usually more convenient to use server.render().
+     * @see {@link https://github.com/hapijs/vision/blob/master/API.md#managerrendertemplate-context-options-callback}
+     */
+    render: RenderMethod;
+}
+
+// Has no plugin registration options
+declare var visionPlugin: Hapi.PluginFunction<{}>;
+
+export default visionPlugin;
diff --git a/types/hapi/vision/vision-tests.ts b/types/hapi/vision/vision-tests.ts
new file mode 100644
index 0000000000..0dbe51ca40
--- /dev/null
+++ b/types/hapi/vision/vision-tests.ts
@@ -0,0 +1,126 @@
+
+import * as Hapi from 'hapi';
+import Vision from './index';
+const server = new Hapi.Server();
+server.connection({ port: 80 });
+
+// https://github.com/hapijs/vision/blob/master/API.md#serverrendertemplate-context-options-callback
+
+server.register(Vision, (err) => {
+
+    if (err) {
+        throw err;
+    }
+
+    server.views({
+        engines: { html: require('handlebars') },
+        path: __dirname + '/templates'
+    });
+
+    const context = {
+        title: 'Views Example',
+        message: 'Hello, World'
+    };
+
+    server.render('hello', context, {}, (err, rendered, config) => {
+
+        console.log(rendered);
+    });
+
+    // https://github.com/hapijs/vision/blob/master/API.md#requestrendertemplate-context-options-callback
+
+    server.views({
+        engines: { html: require('handlebars') },
+        path: __dirname + '/templates'
+    });
+
+    server.route({
+        method: 'GET',
+        path: '/view',
+        handler: function (request, reply) {
+
+            request.render('test', { message: 'hello' }, {}, (err, rendered, config) => {
+
+                return reply(rendered);
+            });
+        }
+    });
+
+    // https://github.com/hapijs/vision/blob/master/API.md#the-view-handler
+
+    server.views({
+        engines: { html: require('handlebars') },
+        path: __dirname + '/templates'
+    });
+
+    server.route({
+        method: 'GET',
+        path: '/',
+        handler: {
+            view: {
+                template: 'hello',
+                context: {
+                    title: 'Views Example',
+                    message: 'Hello, World'
+                }
+            }
+        }
+    });
+
+    // https://github.com/hapijs/vision/blob/master/API.md#replyviewtemplate-context-options
+
+    server.views({
+        engines: { html: require('handlebars') },
+        path: __dirname + '/templates'
+    });
+
+    const handler: Hapi.RouteHandler = function (request, reply) {
+
+        const context = {
+            title: 'Views Example',
+            message: 'Hello, World'
+        };
+
+        return reply.view('hello', context);
+    };
+
+    server.route({ method: 'GET', path: '/', handler: handler });
+
+});
+
+// Extending CompileOptions or RuntimeOptions interfaces
+
+server.register(Vision, (err) => {
+
+    if (err) {
+        throw err;
+    }
+
+    server.views({
+        engines: { html: require('handlebars') },
+        path: __dirname + '/templates'
+    });
+
+    var opts: Hapi.CompileOptions = {
+        noEscape: true
+    };
+
+    server.route({
+        method: 'GET',
+        path: '/temp1',
+        handler: {
+            view: {
+                template: 'temp1',
+                options: {
+                    compileOptions: opts
+                }
+            }
+        }
+    });
+});
+
+declare module 'hapi' {
+    interface CompileOptions {
+        noEscape: boolean;
+    }
+}
diff --git a/types/inert/index.d.ts b/types/inert/index.d.ts
index cb9b8e8edb..5e27881a3f 100644
--- a/types/inert/index.d.ts
+++ b/types/inert/index.d.ts
@@ -6,9 +6,7 @@
 import * as hapi from 'hapi';
 
 declare module 'hapi' {
-    interface IFileHandler {
-        /** path - a path string or function as described above (required). */
-        path: string | IRequestHandler<string>;
+    interface FileHandlerOptions {
         /** confine - serve file relative to this directory and returns 403 Forbidden if the path resolves outside the confine directory. Defaults to true which uses the relativeTo route option as the confine. Set to false to disable this security feature. */
         confine?: boolean;
         /** filename - an optional filename to specify if sending a 'Content-Disposition' header, defaults to the basename of path */
@@ -37,13 +35,18 @@ declare module 'hapi' {
         end?: number;
     }
 
-    interface IDirectoryHandler {
+    interface FileHandlerObject extends FileHandlerOptions {
+        /** path - a path string or function as described above (required). */
+        path: string | RequestHandler<string>;
+    }
+
+    interface DirectoryHandlerObject {
         /** path - (required) the directory root path (relative paths are resolved based on the route files configuration). Value can be:
          *  * a single path string used as the prefix for any resources requested by appending the request path parameter to the provided string.
          *  * an array of path strings. Each path will be attempted in order until a match is found (by following the same process as the single path string).
          *  * a function with the signature function(request) which returns the path string or an array of path strings. If the function returns an error, the error is passed back to the client in the response.
          */
-        path: string | string[] | IRequestHandler<string | string[] | Error>;
+        path: string | string[] | RequestHandler<string | string[] | Error>;
         /** index - optional boolean|string|string[], determines if an index file will be served if found in the folder when requesting a directory. The given string or strings specify the name(s) of the index file to look for. If true, looks for 'index.html'. Any falsy value disables index file lookup. Defaults to true. */
         index?: boolean | string | string[];
         /** listing - optional boolean, determines if directory listing is generated when a directory is requested without an index document. Defaults to false. */
@@ -65,23 +68,47 @@ declare module 'hapi' {
         defaultExtension?: string;
     }
 
-    interface IRouteConfiguration {
+    interface RouteHandlerPlugins {
         /**
          * The file handler
          *
          * Generates a static file endpoint for serving a single file. file can be set to:
          *  * a relative or absolute file path string (relative paths are resolved based on the route files configuration).
          *  * a function with the signature function(request) which returns the relative or absolute file path.
-         *  * an object with one or more of the following options:
+         *  * an object with one or more of the following options @see IFileHandler
          * @see {@link https://github.com/hapijs/inert#the-file-handler}
          */
-        file?: string | IRequestHandler<string> | IFileHandler;
+        file?: string | RequestHandler<string> | FileHandlerObject;
         /**
          * The directory handler
          *
          * Generates a directory endpoint for serving static content from a directory. Routes using the directory handler must include a path parameter at the end of the path string (e.g. /path/to/somewhere/{param} where the parameter name does not matter). The path parameter can use any of the parameter options (e.g. {param} for one level files only, {param?} for one level files or the directory root, {param*} for any level, or {param*3} for a specific level). If additional path parameters are present, they are ignored for the purpose of selecting the file system resource. The directory handler is an object with the following options:
          * @see {@link https://github.com/hapijs/inert#the-directory-handler}
          */
-        directory?: IDirectoryHandler;
+        directory?: DirectoryHandlerObject;
     }
+
+    interface Base_Reply {
+        /**
+         * Transmits a file from the file system. The 'Content-Type' header defaults to the matching mime type based on filename extension.
+         * @see {@link https://github.com/hapijs/inert#replyfilepath-options}
+         */
+        file: (path: string, options?: FileHandlerOptions) => Response;
+    }
+
 }
+
+/**
+ * inert accepts the following registration options
+ * @see {@link https://github.com/hapijs/inert#registration-options}
+ */
+interface OptionalRegistrationOptions {
+    /**
+     * sets the maximum number of file etag hash values stored in the etags cache. Defaults to 10000.
+     */
+    etagsCacheMaxSize?: number;
+}
+
+declare var inertPlugin: hapi.PluginFunction<OptionalRegistrationOptions>;
+
+export default inertPlugin;
diff --git a/types/inert/inert-tests.ts b/types/inert/inert-tests.ts
index 38830694cd..177808817c 100644
--- a/types/inert/inert-tests.ts
+++ b/types/inert/inert-tests.ts
@@ -1,28 +1,43 @@
 import * as HapiES6 from 'hapi';
-import * as InertES6 from 'inert';
+import InertES6 from 'inert';
 
 const server = new HapiES6.Server({});
-server.register(InertES6, () => {});
+server.register(InertES6, {}, (err) => {});
+
+// added in addition to code from docs
+server.register({
+    register: InertES6,
+    options: {etagsCacheMaxSize: 400},
+}, (err) => {});
+
+// added in addition to code from docs
+server.register({
+    register: InertES6,
+    once: true,
+}, (err) => {});
 
 server.route({
     path: '',
     method: 'GET',
-    file: {
-        path: '',
-        confine: true,
+    handler: {
+        file: {
+            path: '',
+            confine: true,
+        },
+        directory: {
+            path: '',
+            listing: true
+        },
     },
-    directory: {
-        path: '',
-        listing: true
-    }
+    config: { files: { relativeTo: __dirname } }
 })
 
-var fileHandler: HapiES6.IFileHandler = {
+var fileHandler: HapiES6.FileHandlerObject = {
     path: '',
     confine: true,
 }
 
-var directoryHandler: HapiES6.IDirectoryHandler = {
+var directoryHandler: HapiES6.DirectoryHandlerObject = {
     path: function(){
         if(Math.random() > 0.5) {
             return '';
@@ -34,3 +49,29 @@ var directoryHandler: HapiES6.IDirectoryHandler = {
     },
     listing: true,
 }
+
+server.route({
+    method: 'GET',
+    path: '/file',
+    handler: function (request, reply) {
+
+        let path = 'plain.txt';
+        if (request.headers['x-magic'] === 'sekret') {
+            path = 'awesome.png';
+        }
+
+        return reply.file(path).vary('x-magic');
+    }
+});
+
+server.ext('onPostHandler', function (request: HapiES6.Request, reply: HapiES6.ReplyWithContinue) {
+
+    const response = request.response;
+    if (response.isBoom &&
+        response.output!.statusCode === 404) {
+
+        return reply.file('404.html').code(404);
+    }
+
+    return reply.continue();
+});

From fef536fb657aa0e697e730f39907ab8261316209 Mon Sep 17 00:00:00 2001
From: Jayden Zhao <zmlv1314@163.com>
Date: Fri, 5 May 2017 23:53:29 +0800
Subject: [PATCH 234/321] Add types/react-native-goby/* (#16312)

* add react-native-goby

* add react-native-goby

* add react-native-goby

* remove the Promise define of types/react-native-goby
---
 types/react-native-goby/index.d.ts            | 410 ++++++++++++++++++
 .../react-native-goby-tests.tsx               |  23 +
 types/react-native-goby/tsconfig.json         |  23 +
 types/react-native-goby/tslint.json           |  22 +
 4 files changed, 478 insertions(+)
 create mode 100644 types/react-native-goby/index.d.ts
 create mode 100644 types/react-native-goby/react-native-goby-tests.tsx
 create mode 100644 types/react-native-goby/tsconfig.json
 create mode 100644 types/react-native-goby/tslint.json

diff --git a/types/react-native-goby/index.d.ts b/types/react-native-goby/index.d.ts
new file mode 100644
index 0000000000..c89cc7b065
--- /dev/null
+++ b/types/react-native-goby/index.d.ts
@@ -0,0 +1,410 @@
+// Type definitions for react-native-goby 0.04
+// Project: https://gitlab.com/MessageDream/react-native-goby
+// Definitions by: jaydenzhao <https://github.com/MessageDream/>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+// TypeScript Version: 2.2
+
+export type DownloadProgressCallback = (progress: DownloadProgress) => void;
+export type SyncStatusChangedCallback = (status: Goby.SyncStatus) => void;
+
+export interface GobyOptions extends SyncOptions {
+    /**
+     * Specifies when you would like to synchronize updates with the Goby server.
+     * Defaults to goby.CheckFrequency.ON_APP_START.
+     */
+    checkFrequency: Goby.CheckFrequency;
+}
+
+export interface DownloadProgress {
+    /**
+     * The total number of bytes expected to be received for this update.
+     */
+    totalBytes: number;
+
+    /**
+     * The number of bytes downloaded thus far.
+     */
+    receivedBytes: number;
+}
+
+export interface LocalPackage extends Package {
+    /**
+     * Installs the update by saving it to the location on disk where the runtime expects to find the latest version of the app.
+     *
+     * @param installMode Indicates when you would like the update changes to take affect for the end-user.
+     * @param minimumBackgroundDuration For resume-based installs, this specifies the number of seconds the app needs to be in the background before forcing a restart. Defaults to 0 if unspecified.
+     */
+    install(installMode: Goby.InstallMode, minimumBackgroundDuration?: number): Promise<void>;
+}
+
+export interface Package {
+    /**
+     * The app binary version that this update is dependent on. This is the value that was
+     * specified via the appStoreVersion parameter when calling the CLI's release command.
+     */
+    appVersion: string;
+
+    /**
+     * The deployment key that was used to originally download this update.
+     */
+    deploymentKey: string;
+
+    /**
+     * The description of the update. This is the same value that you specified in the CLI when you released the update.
+     */
+    description: string;
+
+    /**
+     * Indicates whether this update has been previously installed but was rolled back.
+     */
+    failedInstall: boolean;
+
+    /**
+     * Indicates whether this is the first time the update has been run after being installed.
+     */
+    isFirstRun: boolean;
+
+    /**
+     * Indicates whether the update is considered mandatory. This is the value that was specified in the CLI when the update was released.
+     */
+    isMandatory: boolean;
+
+    /**
+     * Indicates whether this update is in a "pending" state. When true, that means the update has been downloaded and installed, but the app restart
+     * needed to apply it hasn't occurred yet, and therefore, its changes aren't currently visible to the end-user.
+     */
+    isPending: boolean;
+
+    /**
+     * The internal label automatically given to the update by the Goby server. This value uniquely identifies the update within its deployment.
+     */
+    label: string;
+
+    /**
+     * The SHA hash value of the update.
+     */
+    packageHash: string;
+
+    /**
+     * The size of the code contained within the update, in bytes.
+     */
+    packageSize: number;
+}
+
+export interface RemotePackage extends Package {
+    /**
+     * Downloads the available update from the Goby service.
+     *
+     * @param downloadProgressCallback An optional callback that allows tracking the progress of the update while it is being downloaded.
+     */
+    download(downloadProgressCallback?: DownloadProgressCallback): Promise<LocalPackage>;
+
+    /**
+     * The URL at which the package is available for download.
+     */
+    downloadUrl: string;
+}
+
+export interface SyncOptions {
+    /**
+     * Specifies the deployment key you want to query for an update against. By default, this value is derived from the Info.plist
+     * file (iOS) and MainActivity.java file (Android), but this option allows you to override it from the script-side if you need to
+     * dynamically use a different deployment for a specific call to sync.
+     */
+    deploymentKey?: string;
+
+    /**
+     * Specifies when you would like to install optional updates (i.e. those that aren't marked as mandatory).
+     * Defaults to goby.InstallMode.ON_NEXT_RESTART.
+     */
+    installMode?: Goby.InstallMode;
+
+    /**
+     * Specifies when you would like to install updates which are marked as mandatory.
+     * Defaults to goby.InstallMode.IMMEDIATE.
+     */
+    mandatoryInstallMode?: Goby.InstallMode;
+
+    /**
+     * Specifies the minimum number of seconds that the app needs to have been in the background before restarting the app. This property
+     * only applies to updates which are installed using `InstallMode.ON_NEXT_RESUME`, and can be useful for getting your update in front
+     * of end users sooner, without being too obtrusive. Defaults to `0`, which has the effect of applying the update immediately after a
+     * resume, regardless how long it was in the background.
+     */
+    minimumBackgroundDuration?: number;
+
+    /**
+     * An "options" object used to determine whether a confirmation dialog should be displayed to the end user when an update is available,
+     * and if so, what strings to use. Defaults to null, which has the effect of disabling the dialog completely. Setting this to any truthy
+     * value will enable the dialog with the default strings, and passing an object to this parameter allows enabling the dialog as well as
+     * overriding one or more of the default strings.
+     */
+    updateDialog?: UpdateDialog;
+}
+
+export interface UpdateDialog {
+    /**
+     * Indicates whether you would like to append the description of an available release to the
+     * notification message which is displayed to the end user. Defaults to false.
+     */
+    appendReleaseDescription?: boolean;
+
+    /**
+     * Indicates the string you would like to prefix the release description with, if any, when
+     * displaying the update notification to the end user. Defaults to " Description: "
+     */
+    descriptionPrefix?: string;
+
+    /**
+     * The text to use for the button the end user must press in order to install a mandatory update. Defaults to "Continue".
+     */
+    mandatoryContinueButtonLabel?: string;
+
+    /**
+     * The text used as the body of an update notification, when the update is specified as mandatory.
+     * Defaults to "An update is available that must be installed.".
+     */
+    mandatoryUpdateMessage?: string;
+
+    /**
+     * The text to use for the button the end user can press in order to ignore an optional update that is available. Defaults to "Ignore".
+     */
+    optionalIgnoreButtonLabel?: string;
+
+    /**
+     * The text to use for the button the end user can press in order to install an optional update. Defaults to "Install".
+     */
+    optionalInstallButtonLabel?: string;
+
+    /**
+     * The text used as the body of an update notification, when the update is optional. Defaults to "An update is available. Would you like to install it?".
+     */
+    optionalUpdateMessage?: string;
+
+    /**
+     * The text used as the header of an update notification that is displayed to the end user. Defaults to "Update available".
+     */
+    title?: string;
+}
+
+export interface StatusReport {
+    /**
+     * Whether the deployment succeeded or failed.
+     */
+    status: Goby.DeploymentStatus;
+
+    /**
+     * The version of the app that was deployed (for a native app upgrade).
+     */
+    appVersion?: string;
+
+    /**
+     * Details of the package that was deployed (or attempted to).
+     */
+    package?: Package;
+
+    /**
+     * Deployment key used when deploying the previous package.
+     */
+    previousDeploymentKey?: string;
+
+    /**
+     * The label (v#) of the package that was upgraded from.
+     */
+    previousLabelOrAppVersion?: string;
+}
+
+/**
+ * Decorates a React Component configuring it to sync for updates with the Goby server.
+ *
+ * @param options Options used to configure the end-user sync and update experience (e.g. when to check for updates?, show an prompt?, install the update immediately?).
+ */
+declare function Goby(options?: GobyOptions): Function;
+
+declare namespace Goby {
+    /**
+     * Represents the default settings that will be used by the sync method if
+     * an update dialog is configured to be displayed.
+     */
+    var DEFAULT_UPDATE_DIALOG: UpdateDialog;
+
+    /**
+     * Asks the Goby service whether the configured app deployment has an update available.
+     *
+     * @param deploymentKey The deployment key to use to query the Goby server for an update.
+     */
+    function checkForUpdate(deploymentKey?: string): Promise<RemotePackage>;
+
+    /**
+     * Retrieves the metadata for an installed update (e.g. description, mandatory).
+     *
+     * @param updateState The state of the update you want to retrieve the metadata for. Defaults to UpdateState.RUNNING.
+     */
+    function getUpdateMetadata(updateState?: UpdateState): Promise<LocalPackage>;
+
+    /**
+     * Notifies the Goby runtime that an installed update is considered successful.
+     */
+    function notifyAppReady(): Promise<StatusReport>;
+
+    /**
+     * Allow Goby to restart the app.
+     */
+    function allowRestart(): void;
+
+    /**
+     * Forbid Goby to restart the app.
+     */
+    function disallowRestart(): void;
+
+    /**
+     * Immediately restarts the app.
+     *
+     * @param onlyIfUpdateIsPending Indicates whether you want the restart to no-op if there isn't currently a pending update.
+     */
+    function restartApp(onlyIfUpdateIsPending?: boolean): void;
+
+    /**
+     * Allows checking for an update, downloading it and installing it, all with a single call.
+     *
+     * @param options Options used to configure the end-user update experience (e.g. show an prompt?, install the update immediately?).
+     * @param syncStatusChangedCallback An optional callback that allows tracking the status of the sync operation, as opposed to simply checking the resolved state via the returned Promise.
+     * @param downloadProgressCallback An optional callback that allows tracking the progress of an update while it is being downloaded.
+     */
+    function sync(options?: SyncOptions, syncStatusChangedCallback?: SyncStatusChangedCallback, downloadProgressCallback?: DownloadProgressCallback): Promise<SyncStatus>;
+
+    /**
+     * Indicates when you would like an installed update to actually be applied.
+     */
+    enum InstallMode {
+        /**
+         * Indicates that you want to install the update and restart the app immediately.
+         */
+        IMMEDIATE,
+
+        /**
+         * Indicates that you want to install the update, but not forcibly restart the app.
+         */
+        ON_NEXT_RESTART,
+
+        /**
+         * Indicates that you want to install the update, but don't want to restart the
+         * app until the next time the end user resumes it from the background.
+         */
+        ON_NEXT_RESUME
+    }
+
+    /**
+     * Indicates the current status of a sync operation.
+     */
+    enum SyncStatus {
+        /**
+         * The Goby server is being queried for an update.
+         */
+        CHECKING_FOR_UPDATE,
+
+        /**
+         * An update is available, and a confirmation dialog was shown
+         * to the end user. (This is only applicable when the updateDialog is used)
+         */
+        AWAITING_USER_ACTION,
+
+        /**
+         * An available update is being downloaded from the Goby server.
+         */
+        DOWNLOADING_PACKAGE,
+
+        /**
+         * An available update was downloaded and is about to be installed.
+         */
+        INSTALLING_UPDATE,
+
+        /**
+         * The app is up-to-date with the Goby server.
+         */
+        UP_TO_DATE,
+
+        /**
+         * The app had an optional update which the end user chose to ignore.
+         * (This is only applicable when the updateDialog is used)
+         */
+        UPDATE_IGNORED,
+
+        /**
+         * An available update has been installed and will be run either immediately after the
+         * syncStatusChangedCallback function returns or the next time the app resumes/restarts,
+         * depending on the InstallMode specified in SyncOptions
+         */
+        UPDATE_INSTALLED,
+
+        /**
+         * There is an ongoing sync operation running which prevents the current call from being executed.
+         */
+        SYNC_IN_PROGRESS,
+
+        /**
+         * The sync operation encountered an unknown error.
+         */
+        UNKNOWN_ERROR
+    }
+
+    /**
+     * Indicates the state that an update is currently in.
+     */
+    enum UpdateState {
+        /**
+         * Indicates that an update represents the
+         * version of the app that is currently running.
+         */
+        RUNNING,
+
+        /**
+         * Indicates than an update has been installed, but the
+         * app hasn't been restarted yet in order to apply it.
+         */
+        PENDING,
+
+        /**
+         * Indicates than an update represents the latest available
+         * release, and can be either currently running or pending.
+         */
+        LATEST
+    }
+
+    /**
+     * Indicates the status of a deployment (after installing and restarting).
+     */
+    enum DeploymentStatus {
+        /**
+         * The deployment failed (and was rolled back).
+         */
+        FAILED,
+
+        /**
+         * The deployment succeeded.
+         */
+        SUCCEEDED
+    }
+
+    /**
+     * Indicates when you would like to check for (and install) updates from the Goby server.
+     */
+    enum CheckFrequency {
+        /**
+         * When the app is fully initialized (or more specifically, when the root component is mounted).
+         */
+        ON_APP_START,
+
+        /**
+         * When the app re-enters the foreground.
+         */
+        ON_APP_RESUME,
+
+        /**
+         * Don't automatically check for updates, but only do it when goby.sync() is manully called inside app code.
+         */
+        MANUAL
+    }
+}
+
+export default Goby;
diff --git a/types/react-native-goby/react-native-goby-tests.tsx b/types/react-native-goby/react-native-goby-tests.tsx
new file mode 100644
index 0000000000..6c8ed6737b
--- /dev/null
+++ b/types/react-native-goby/react-native-goby-tests.tsx
@@ -0,0 +1,23 @@
+import * as React from 'react';
+
+import {
+    View,
+    AppRegistry
+} from 'react-native';
+
+import Goby from "react-native-goby";
+
+class Home extends React.Component<any, any> {
+    render() {
+        return (
+            <View></View>
+        );
+    }
+}
+
+
+AppRegistry.registerComponent('home', () => Goby({
+    updateDialog: false,
+    checkFrequency: Goby.CheckFrequency.ON_APP_RESUME,
+    installMode: Goby.InstallMode.IMMEDIATE
+})(Home));
diff --git a/types/react-native-goby/tsconfig.json b/types/react-native-goby/tsconfig.json
new file mode 100644
index 0000000000..fa2d947691
--- /dev/null
+++ b/types/react-native-goby/tsconfig.json
@@ -0,0 +1,23 @@
+{
+    "compilerOptions": {
+        "module": "commonjs",
+        "lib": [
+            "es6"
+        ],
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictNullChecks": true,
+        "baseUrl": "../",
+        "jsx": "react",
+        "typeRoots": [
+            "../"
+        ],
+        "types": [],
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true
+    },
+    "files": [
+        "index.d.ts",
+        "react-native-goby-tests.tsx"
+    ]
+}
\ No newline at end of file
diff --git a/types/react-native-goby/tslint.json b/types/react-native-goby/tslint.json
new file mode 100644
index 0000000000..d774391cd1
--- /dev/null
+++ b/types/react-native-goby/tslint.json
@@ -0,0 +1,22 @@
+{
+    "extends": "dtslint/dt.json",
+    "rules": {
+        // Lowercase `object` is available in TypeScript 2.2 only.
+        "ban-types": false,
+        // Below are all TODO
+        "align": false,
+        "array-type": false,
+        "comment-format": false,
+        "interface-over-type-literal": false,
+        "jsdoc-format": false,
+        "no-misused-new": false,
+        "no-consecutive-blank-lines": false,
+        "no-empty-interface": false,
+        "no-padding": false,
+        "no-var": false,
+        "prefer-declare-function": false,
+        "prefer-method-signature": false,
+        "semicolon": false,
+        "strict-export-declare-modifiers": false
+    }
+}

From 11b7768836b6516f4ab4a099724f7c9fb946b97a Mon Sep 17 00:00:00 2001
From: Takeshi Kurosawa <taken.spc@gmail.com>
Date: Sat, 6 May 2017 00:54:50 +0900
Subject: [PATCH 235/321] diff: add support options parameter of diffLines
 (#16333)

* diff: add support options parameter of diffLines

The options parameter is described at https://github.com/kpdecker/jsdiff/blob/master/README.md

* diff: add tslint.json and fix lint issues
---
 types/diff/diff-tests.ts | 16 +++++++--------
 types/diff/index.d.ts    | 44 ++++++++++++++++++++++------------------
 types/diff/tslint.json   |  7 +++++++
 3 files changed, 38 insertions(+), 29 deletions(-)
 create mode 100644 types/diff/tslint.json

diff --git a/types/diff/diff-tests.ts b/types/diff/diff-tests.ts
index 36edef83b3..e1b1025495 100644
--- a/types/diff/diff-tests.ts
+++ b/types/diff/diff-tests.ts
@@ -1,13 +1,11 @@
-
-
+// tslint:disable:no-var only-arrow-functions
 import jsdiff = require('diff');
-
 var one = 'beep boop';
 var other = 'beep boob blah';
 
 var diff = jsdiff.diffChars(one, other);
 
-diff.forEach(function (part) {
+diff.forEach(function(part) {
     var mark = part.added ? '+' :
         part.removed ? '-' : ' ';
     console.log(mark + " " + part.value);
@@ -16,11 +14,11 @@ diff.forEach(function (part) {
 // --------------------------
 
 class LineDiffWithoutWhitespace extends jsdiff.Diff {
-    tokenize(value:string):any {
+    tokenize(value: string): any {
         return value.split(/^/m);
     }
 
-    equals(left:string, right:string):boolean {
+    equals(left: string, right: string): boolean {
         return left.trim() === right.trim();
     }
 }
@@ -29,8 +27,8 @@ var obj = new LineDiffWithoutWhitespace(true);
 var diff = obj.diff(one, other);
 printDiff(diff);
 
-function printDiff(diff:jsdiff.IDiffResult[]) {
-    function addLineHeader(decorator:string, str:string) {
+function printDiff(diff: jsdiff.IDiffResult[]) {
+    function addLineHeader(decorator: string, str: string) {
         return str.split("\n").map((line, index, array) => {
             if (index === array.length - 1 && line === "") {
                 return line;
@@ -40,7 +38,7 @@ function printDiff(diff:jsdiff.IDiffResult[]) {
         }).join("\n");
     }
 
-    diff.forEach((part)=> {
+    diff.forEach((part) => {
         if (part.added) {
             console.log(addLineHeader("+", part.value));
         } else if (part.removed) {
diff --git a/types/diff/index.d.ts b/types/diff/index.d.ts
index 102305ce70..03228269e0 100644
--- a/types/diff/index.d.ts
+++ b/types/diff/index.d.ts
@@ -1,7 +1,8 @@
-// Type definitions for diff
+// Type definitions for diff 3.2
 // Project: https://github.com/kpdecker/jsdiff
 // Definitions by: vvakame <https://github.com/vvakame/>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+// TypeScript Version: 2.2
 
 export = JsDiff;
 export as namespace JsDiff;
@@ -36,34 +37,37 @@ declare namespace JsDiff {
     }
 
     class Diff {
-        ignoreWhitespace:boolean;
+        ignoreWhitespace: boolean;
 
-        constructor(ignoreWhitespace?:boolean);
+        constructor(ignoreWhitespace?: boolean);
 
-        diff(oldString:string, newString:string):IDiffResult[];
+        diff(oldString: string, newString: string): IDiffResult[];
 
-        pushComponent(components:IDiffResult[], value:string, added:boolean, removed:boolean):void;
+        pushComponent(components: IDiffResult[], value: string, added: boolean, removed: boolean): void;
 
-        extractCommon(basePath:IBestPath, newString:string, oldString:string, diagonalPath:number):number;
+        extractCommon(basePath: IBestPath, newString: string, oldString: string, diagonalPath: number): number;
 
-        equals(left:string, right:string):boolean;
+        equals(left: string, right: string): boolean;
 
-        join(left:string, right:string):string;
+        join(left: string, right: string): string;
 
-        tokenize(value:string):any; // return types are string or string[]
+        tokenize(value: string): any; // return types are string or string[]
     }
 
-    function diffChars(oldStr:string, newStr:string):IDiffResult[];
+    function diffChars(oldStr: string, newStr: string): IDiffResult[];
 
-    function diffWords(oldStr:string, newStr:string):IDiffResult[];
+    function diffWords(oldStr: string, newStr: string): IDiffResult[];
 
-    function diffWordsWithSpace(oldStr:string, newStr:string):IDiffResult[];
+    function diffWordsWithSpace(oldStr: string, newStr: string): IDiffResult[];
 
-    function diffJson(oldObj: Object, newObj: Object): IDiffResult[];
+    function diffJson(oldObj: object, newObj: object): IDiffResult[];
 
-    function diffLines(oldStr:string, newStr:string):IDiffResult[];
+    function diffLines(oldStr: string, newStr: string, options?: {
+        ignoreWhitespace?: boolean,
+        newlineIsToken?: boolean,
+    }): IDiffResult[];
 
-    function diffCss(oldStr:string, newStr:string):IDiffResult[];
+    function diffCss(oldStr: string, newStr: string): IDiffResult[];
 
     function createPatch(fileName: string, oldStr: string, newStr: string, oldHeader: string, newHeader: string, options?: {context: number}): string;
 
@@ -74,14 +78,14 @@ declare namespace JsDiff {
     function applyPatch(oldStr: string, uniDiff: string | IUniDiff | IUniDiff[]): string;
 
     function applyPatches(uniDiff: IUniDiff[], options: {
-        loadFile: (index: number, callback: (err: Error, data: string) => void) => void,
-        patched: (index: number, content: string) => void,
-        complete: (err?: Error) => void
+        loadFile(index: number, callback: (err: Error, data: string) => void): void,
+        patched(index: number, content: string): void,
+        complete(err?: Error): void
     }): void;
 
     function parsePatch(diffStr: string, options?: {strict: boolean}): IUniDiff[];
 
-    function convertChangesToXML(changes:IDiffResult[]):string;
+    function convertChangesToXML(changes: IDiffResult[]): string;
 
-    function convertChangesToDMP(changes:IDiffResult[]):{0: number; 1:string;}[];
+    function convertChangesToDMP(changes: IDiffResult[]): Array<{0: number; 1: string; }>;
 }
diff --git a/types/diff/tslint.json b/types/diff/tslint.json
new file mode 100644
index 0000000000..1b7b2672e6
--- /dev/null
+++ b/types/diff/tslint.json
@@ -0,0 +1,7 @@
+{
+    "extends": "dtslint/dt.json",
+    "rules": {
+        "interface-name": false,
+        "export-just-namespace": false
+    }
+}

From c4a2a2a97695102a0ddaf93a685434878414622e Mon Sep 17 00:00:00 2001
From: AJ Richardson <aj.ric.ar+git@gmail.com>
Date: Fri, 5 May 2017 11:55:48 -0400
Subject: [PATCH 236/321] lodash: callback parameters should not be optional
 (#11516) (#15895)

---
 types/lodash/index.d.ts      |   18 +-
 types/lodash/lodash-tests.ts | 1077 +++++++++++++++++-----------------
 types/lodash/tsconfig.json   |    2 +-
 3 files changed, 552 insertions(+), 545 deletions(-)

diff --git a/types/lodash/index.d.ts b/types/lodash/index.d.ts
index 22b2d6b9e1..b8ae248190 100644
--- a/types/lodash/index.d.ts
+++ b/types/lodash/index.d.ts
@@ -18522,7 +18522,7 @@ declare namespace _ {
          * @param defaultValue The default value.
          * @returns Returns the resolved value.
          */
-        defaultTo<T>(value: T, defaultValue: T): T;
+        defaultTo<T>(value: T | null | undefined, defaultValue: T): T;
     }
 
     interface LoDashImplicitWrapperBase<T, TWrapper> {
@@ -19591,20 +19591,20 @@ declare namespace _ {
 
     type ListIterator<T, TResult> = (value: T, index: number, collection: List<T>) => TResult;
 
-    type DictionaryIterator<T, TResult> = (value: T, key?: string, collection?: Dictionary<T>) => TResult;
+    type DictionaryIterator<T, TResult> = (value: T, key: string, collection: Dictionary<T>) => TResult;
 
-    type NumericDictionaryIterator<T, TResult> = (value: T, key?: number, collection?: Dictionary<T>) => TResult;
+    type NumericDictionaryIterator<T, TResult> = (value: T, key: number, collection: Dictionary<T>) => TResult;
 
-    type ObjectIterator<T, TResult> = (element: T, key?: string, collection?: any) => TResult;
+    type ObjectIterator<T, TResult> = (element: T, key: string, collection: any) => TResult;
 
-    type StringIterator<TResult> = (char: string, index?: number, string?: string) => TResult;
+    type StringIterator<TResult> = (char: string, index: number, string: string) => TResult;
 
-    type MemoVoidIterator<T, TResult> = (prev: TResult, curr: T, indexOrKey?: any, list?: T[]) => void;
+    type MemoVoidIterator<T, TResult> = (prev: TResult, curr: T, indexOrKey: any, list: T[]) => void;
 
-    type MemoIterator<T, TResult> = (prev: TResult, curr: T, indexOrKey?: any, list?: T[]) => TResult;
+    type MemoIterator<T, TResult> = (prev: TResult, curr: T, indexOrKey: any, list: T[]) => TResult;
 
-    type MemoVoidArrayIterator<T, TResult> = (acc: TResult, curr: T, index?: number, arr?: T[]) => void;
-    type MemoVoidDictionaryIterator<T, TResult> = (acc: TResult, curr: T, key?: string, dict?: Dictionary<T>) => void;
+    type MemoVoidArrayIterator<T, TResult> = (acc: TResult, curr: T, index: number, arr: T[]) => void;
+    type MemoVoidDictionaryIterator<T, TResult> = (acc: TResult, curr: T, key: string, dict: Dictionary<T>) => void;
 
     // Common interface between Arrays and jQuery objects
     interface List<T> {
diff --git a/types/lodash/lodash-tests.ts b/types/lodash/lodash-tests.ts
index af30a416d6..4f479eab83 100644
--- a/types/lodash/lodash-tests.ts
+++ b/types/lodash/lodash-tests.ts
@@ -96,7 +96,12 @@ interface TResult {
 }
 
 // _.MapCache
-let testMapCache: _.MapCache;
+let testMapCache: _.MapCache = {
+    delete(key: string) { return true; },
+    get(key: string): any { return 1; },
+    has(key: string) { return true; },
+    set(key: string, value: any): _.Dictionary<any> { return {}; },
+};
 result = <(key: string) => boolean>testMapCache.delete;
 result = <(key: string) => any>testMapCache.get;
 result = <(key: string) => boolean>testMapCache.has;
@@ -153,8 +158,8 @@ result = <_.LoDashExplicitArrayWrapper<number>>_.chain([1, 2, 3, 4]).unshift(5,
 
 // _.chunk
 namespace TestChunk {
-    let array: TResult[];
-    let list: _.List<TResult>;
+    let array: TResult[] = [];
+    let list: _.List<TResult> = [];
 
     {
         let result: TResult[][];
@@ -189,8 +194,8 @@ namespace TestChunk {
 
 // _.compact
 namespace TestCompact {
-    let array: TResult[];
-    let list: _.List<TResult>;
+    let array: TResult[] = [];
+    let list: _.List<TResult> = [];
 
     {
         let result: TResult[];
@@ -217,8 +222,8 @@ namespace TestCompact {
 
 // _.difference
 namespace TestDifference {
-    let array: TResult[];
-    let list: _.List<TResult>;
+    let array: TResult[] = [];
+    let list: _.List<TResult> = [];
 
     {
         let result: TResult[];
@@ -265,9 +270,9 @@ namespace TestDifference {
 
 // _.differenceBy
 namespace TestDifferenceBy {
-    let array: TResult[];
-    let list: _.List<TResult>;
-    let iteratee: (value: TResult) => any;
+    let array: TResult[] = [];
+    let list: _.List<TResult> = [];
+    let iteratee: (value: TResult) => any = (value: TResult) => 1;
 
     {
         let result: TResult[];
@@ -452,8 +457,8 @@ namespace TestDifferenceBy {
 
 // _.drop
 {
-    let array: TResult[];
-    let list: _.List<TResult>;
+    let array: TResult[] = [];
+    let list: _.List<TResult> = [];
 
     {
         let result: TResult[];
@@ -487,8 +492,8 @@ namespace TestDifferenceBy {
 
 // _.dropRight
 namespace TestDropRight {
-    let array: TResult[];
-    let list: _.List<TResult>;
+    let array: TResult[] = [];
+    let list: _.List<TResult> = [];
 
     {
         let result: TResult[];
@@ -523,9 +528,9 @@ namespace TestDropRight {
 
 // _.dropRightWhile
 namespace TestDropRightWhile {
-    let array: TResult[];
-    let list: _.List<TResult>;
-    let predicateFn: (value: TResult, index: number, collection: _.List<TResult>) => boolean;
+    let array: TResult[] = [];
+    let list: _.List<TResult> = [];
+    let predicateFn = (value: TResult, index: number, collection: _.List<TResult>) => true;
 
     {
         let result: TResult[];
@@ -572,9 +577,9 @@ namespace TestDropRightWhile {
 
 // _.dropWhile
 namespace TestDropWhile {
-    let array: TResult[];
-    let list: _.List<TResult>;
-    let predicateFn: (value: TResult, index: number, collection: _.List<TResult>) => boolean;
+    let array: TResult[] = [];
+    let list: _.List<TResult> = [];
+    let predicateFn = (value: TResult, index: number, collection: _.List<TResult>) => true;
 
     {
         let result: TResult[];
@@ -621,8 +626,8 @@ namespace TestDropWhile {
 
 // _.fill
 namespace TestFill {
-    let array: number[];
-    let list: _.List<number>;
+    let array: number[] = [];
+    let list: _.List<number> = [];
 
     {
         let result: number[];
@@ -675,10 +680,10 @@ namespace TestFill {
 
 // _.findIndex
 namespace TestFindIndex {
-    let array: TResult[];
-    let list: _.List<TResult>;
-    let predicateFn: (value: TResult, index?: number, collection?: _.List<TResult>) => boolean;
-    let fromIndex: number;
+    let array: TResult[] = [];
+    let list: _.List<TResult> = [];
+    let predicateFn = (value: TResult, index: number, collection: _.List<TResult>) => true;
+    let fromIndex: number = 0;
 
     {
         let result: number;
@@ -727,11 +732,11 @@ namespace TestFindIndex {
 
 // _.findLastIndex
 namespace TestFindLastIndex {
-    let array: TResult[];
-    let list: _.List<TResult>;
+    let array: TResult[] = [];
+    let list: _.List<TResult> = [];
 
-    let predicateFn: (value: TResult, index?: number, collection?: _.List<TResult>) => boolean;
-    let fromIndex: number;
+    let predicateFn = (value: TResult, index: number, collection: _.List<TResult>) => true;
+    let fromIndex: number = 0;
 
     {
         let result: number;
@@ -780,8 +785,8 @@ namespace TestFindLastIndex {
 
 // _.first
 namespace TestFirst {
-    let array: TResult[];
-    let list: _.List<TResult>;
+    let array: TResult[] = [];
+    let list: _.List<TResult> = [];
 
     {
         let result: string;
@@ -992,8 +997,8 @@ namespace TestFlattenDeep {
 
 // _.fromPairs
 namespace TestFromPairs {
-    let twoDimensionalArray: string[][];
-    let numberTupleArray: [string, number][];
+    let twoDimensionalArray: string[][] = [];
+    let numberTupleArray: [string, number][] = [];
     let stringDict: _.Dictionary<string>;
     let numberDict: _.Dictionary<number>;
 
@@ -1017,8 +1022,8 @@ namespace TestFromPairs {
 
 // _.head
 namespace TestHead {
-    let array: TResult[];
-    let list: _.List<TResult>;
+    let array: TResult[] = [];
+    let list: _.List<TResult> = [];
 
     {
         let result: string;
@@ -1053,9 +1058,9 @@ namespace TestHead {
 
 // _.indexOf
 namespace TestIndexOf {
-    let array: TResult[];
-    let list: _.List<TResult>;
-    let value: TResult;
+    let array: TResult[] = [];
+    let list: _.List<TResult> = [];
+    let value: TResult = { a: 1, b: "", c: true };
 
     {
         let result: number;
@@ -1092,9 +1097,9 @@ namespace TestIndexOf {
 
 // _.sortedIndexOf
 namespace TestIndexOf {
-    let array: TResult[];
-    let list: _.List<TResult>;
-    let value: TResult;
+    let array: TResult[] = [];
+    let list: _.List<TResult> = [];
+    let value: TResult = { a: 1, b: "", c: true };
 
     {
         let result: number;
@@ -1115,8 +1120,8 @@ namespace TestIndexOf {
 
 //_.initial
 namespace TestInitial {
-    let array: TResult[];
-    let list: _.List<TResult>;
+    let array: TResult[] = [];
+    let list: _.List<TResult> = [];
 
     {
         let result: TResult[];
@@ -1142,8 +1147,8 @@ namespace TestInitial {
 
 // _.intersection
 namespace TestIntersection {
-    let array: TResult[];
-    let list: _.List<TResult>;
+    let array: TResult[] = [];
+    let list: _.List<TResult> = [];
 
     {
         let result: TResult[];
@@ -1210,8 +1215,8 @@ namespace TestJoin {
 
 // _.last
 namespace TestLast {
-    let array: TResult[];
-    let list: _.List<TResult>;
+    let array: TResult[] = [];
+    let list: _.List<TResult> = [];
 
     {
         let result: string;
@@ -1251,9 +1256,9 @@ namespace TestLast {
 
 // _.lastIndexOf
 namespace TestLastIndexOf {
-    let array: TResult[];
-    let list: _.List<TResult>;
-    let value: TResult;
+    let array: TResult[] = [];
+    let list: _.List<TResult> = [];
+    let value: TResult = { a: 1, b: "", c: true };
 
     {
         let result: number;
@@ -1290,9 +1295,9 @@ namespace TestLastIndexOf {
 
 // _.nth
 namespace TestNth {
-    let array: TResult[];
-    let list: _.List<TResult>;
-    let value: number;
+    let array: TResult[] = [];
+    let list: _.List<TResult> = [];
+    let value: number = 0;
 
     {
         let result: TResult;
@@ -1321,9 +1326,9 @@ namespace TestNth {
 
 // _.pull
 namespace TestPull {
-    let array: TResult[];
-    let list: _.List<TResult>;
-    let value: TResult;
+    let array: TResult[] = [];
+    let list: _.List<TResult> = [];
+    let value: TResult = { a: 1, b: "", c: true };
 
     {
         let result: TResult[];
@@ -1382,8 +1387,8 @@ namespace TestPull {
 
 // _.pullAt
 namespace TestPullAt {
-    let array: TResult[];
-    let list: _.List<TResult>;
+    let array: TResult[] = [];
+    let list: _.List<TResult> = [];
 
     {
         let result: TResult[];
@@ -1430,9 +1435,9 @@ namespace TestPullAt {
 
 // _.remove
 namespace TestRemove {
-    let array: TResult[];
-    let list: _.List<TResult>;
-    let predicateFn: (value: TResult, index?: number, collection?: _.List<TResult>) => boolean;
+    let array: TResult[] = [];
+    let list: _.List<TResult> = [];
+    let predicateFn = (value: TResult, index: number, collection: _.List<TResult>) => true;
 
     {
         let result: TResult[];
@@ -1479,8 +1484,8 @@ namespace TestRemove {
 
 // _.tail
 namespace TestTail {
-    let array: TResult[];
-    let list: _.List<TResult>;
+    let array: TResult[] = [];
+    let list: _.List<TResult> = [];
 
     {
         let result: TResult[];
@@ -1506,7 +1511,7 @@ namespace TestTail {
 
 // _.slice
 namespace TestSlice {
-    let array: TResult[];
+    let array: TResult[] = [];
 
     {
         let result: TResult[];
@@ -1537,10 +1542,10 @@ namespace TestSlice {
 namespace TestSortedIndex {
     type SampleType = {a: number; b: string; c: boolean;};
 
-    let array: SampleType[];
-    let list: _.List<SampleType>;
+    let array: SampleType[] = [];
+    let list: _.List<SampleType> = [];
 
-    let value: SampleType;
+    let value: SampleType = { a: 1, b: "", c: true };
 
     let stringIterator: (x: string) => number;
     let arrayIterator: (x: SampleType) => number;
@@ -1577,14 +1582,14 @@ namespace TestSortedIndex {
 namespace TestSortedIndexBy {
     type SampleType = {a: number; b: string; c: boolean;};
 
-    let array: SampleType[];
-    let list: _.List<SampleType>;
+    let array: SampleType[] = [];
+    let list: _.List<SampleType> = [];
 
-    let value: SampleType;
+    let value: SampleType = { a: 1, b: "", c: true };
 
-    let stringIterator: (x: string) => number;
-    let arrayIterator: (x: SampleType) => number;
-    let listIterator: (x: SampleType) => number;
+    let stringIterator = (x: string) => 0;
+    let arrayIterator = (x: SampleType) => 0;
+    let listIterator = (x: SampleType) => 0;
 
     {
         let result: number;
@@ -1638,10 +1643,10 @@ namespace TestSortedIndexBy {
 namespace TestSortedLastIndex {
     type SampleType = {a: number; b: string; c: boolean;};
 
-    let array: SampleType[];
-    let list: _.List<SampleType>;
+    let array: SampleType[] = [];
+    let list: _.List<SampleType> = [];
 
-    let value: SampleType;
+    let value: SampleType = { a: 1, b: "", c: true };
 
     let stringIterator: (x: string) => number;
     let arrayIterator: (x: SampleType) => number;
@@ -1678,14 +1683,14 @@ namespace TestSortedLastIndex {
 namespace TestSortedLastIndexBy {
     type SampleType = {a: number; b: string; c: boolean;};
 
-    let array: SampleType[];
-    let list: _.List<SampleType>;
+    let array: SampleType[] = [];
+    let list: _.List<SampleType> = [];
 
-    let value: SampleType;
+    let value: SampleType = { a: 1, b: "", c: true };
 
-    let stringIterator: (x: string) => number;
-    let arrayIterator: (x: SampleType) => number;
-    let listIterator: (x: SampleType) => number;
+    let stringIterator = (x: string) => 0;
+    let arrayIterator = (x: SampleType) => 0;
+    let listIterator = (x: SampleType) => 0;
 
     {
         let result: number;
@@ -1737,8 +1742,8 @@ namespace TestSortedLastIndexBy {
 
 // _.tail
 namespace TestTail {
-    let array: TResult[];
-    let list: _.List<TResult>;
+    let array: TResult[] = [];
+    let list: _.List<TResult> = [];
 
     {
         let result: TResult[];
@@ -1764,8 +1769,8 @@ namespace TestTail {
 
 // _.take
 namespace TestTake {
-    let array: TResult[];
-    let list: _.List<TResult>;
+    let array: TResult[] = [];
+    let list: _.List<TResult> = [];
 
     {
         let result: TResult[];
@@ -1800,8 +1805,8 @@ namespace TestTake {
 
 // _.takeRight
 namespace TestTakeRight {
-    let array: TResult[];
-    let list: _.List<TResult>;
+    let array: TResult[] = [];
+    let list: _.List<TResult> = [];
 
     {
         let result: TResult[];
@@ -1836,9 +1841,9 @@ namespace TestTakeRight {
 
 // _.takeRightWhile
 namespace TestTakeRightWhile {
-    let array: TResult[];
-    let list: _.List<TResult>;
-    let predicateFn: (value: TResult, index: number, collection: _.List<TResult>) => boolean;
+    let array: TResult[] = [];
+    let list: _.List<TResult> = [];
+    let predicateFn = (value: TResult, index: number, collection: _.List<TResult>) => true;
 
     {
         let result: TResult[];
@@ -1885,9 +1890,9 @@ namespace TestTakeRightWhile {
 
 // _.takeWhile
 namespace TestTakeWhile {
-    let array: TResult[];
-    let list: _.List<TResult>;
-    let predicateFn: (value: TResult, index: number, collection: _.List<TResult>) => boolean;
+    let array: TResult[] = [];
+    let list: _.List<TResult> = [];
+    let predicateFn = (value: TResult, index: number, collection: _.List<TResult>) => true;
 
     {
         let result: TResult[];
@@ -1934,8 +1939,8 @@ namespace TestTakeWhile {
 
 // _.union
 namespace TestUnion {
-    let array: TResult[];
-    let list: _.List<TResult>;
+    let array: TResult[] = [];
+    let list: _.List<TResult> = [];
 
     {
         let result: TResult[];
@@ -1986,9 +1991,9 @@ namespace TestUnion {
 
 // _.unionBy
 namespace TestUnionBy {
-    let array: TResult[];
-    let list: _.List<TResult>;
-    let iteratee: (value: TResult) => any;
+    let array: TResult[] = [];
+    let list: _.List<TResult> = [];
+    let iteratee: (value: TResult) => any = (value: TResult) => 1;
 
     {
         let result: TResult[];
@@ -2151,11 +2156,8 @@ namespace TestUnionBy {
 namespace TestUniq {
     type SampleObject = {a: number; b: string; c: boolean};
 
-    let array: SampleObject[];
-    let list: _.List<SampleObject>;
-
-    let stringIterator: (value: string, index: number, collection: string) => string;
-    let listIterator: (value: SampleObject, index: number, collection: _.List<SampleObject>) => number;
+    let array: SampleObject[] = [];
+    let list: _.List<SampleObject> = [];
 
     {
         let result: string[];
@@ -2199,11 +2201,11 @@ namespace TestUniq {
 namespace TestUniqBy {
     type SampleObject = {a: number; b: string; c: boolean};
 
-    let array: SampleObject[];
-    let list: _.List<SampleObject>;
+    let array: SampleObject[] = [];
+    let list: _.List<SampleObject> = [];
 
-    let stringIterator: (value: string, index: number, collection: string) => string;
-    let listIterator: (value: SampleObject, index: number, collection: _.List<SampleObject>) => number;
+    let stringIterator = (value: string, index: number, collection: string) => "";
+    let listIterator = (value: SampleObject, index: number, collection: _.List<SampleObject>) => 0;
 
     {
         let result: string[];
@@ -2273,11 +2275,8 @@ namespace TestUniqBy {
 namespace TestSortedUniq {
     type SampleObject = {a: number; b: string; c: boolean};
 
-    let array: SampleObject[];
-    let list: _.List<SampleObject>;
-
-    let stringIterator: (value: string, index: number, collection: string) => string;
-    let listIterator: (value: SampleObject, index: number, collection: _.List<SampleObject>) => number;
+    let array: SampleObject[] = [];
+    let list: _.List<SampleObject> = [];
 
     {
         let result: string[];
@@ -2317,11 +2316,11 @@ namespace TestSortedUniq {
 namespace TestSortedUniqBy {
     type SampleObject = {a: number; b: string; c: boolean};
 
-    let array: SampleObject[];
-    let list: _.List<SampleObject>;
+    let array: SampleObject[] = [];
+    let list: _.List<SampleObject> = [];
 
-    let stringIterator: (value: string, index: number, collection: string) => string;
-    let listIterator: (value: SampleObject, index: number, collection: _.List<SampleObject>) => number;
+    let stringIterator = (value: string, index: number, collection: string) => "";
+    let listIterator = (value: SampleObject, index: number, collection: _.List<SampleObject>) => 0;
 
     {
         let result: string[];
@@ -2422,9 +2421,9 @@ namespace TestUnzip {
 
 // _.unzipWith
 {
-    let testUnzipWithArray: (number[]|_.List<number>)[];
-    let testUnzipWithList: _.List<number[]|_.List<number>>;
-    let testUnzipWithIterator: {(prev: TResult, curr: number, index?: number, list?: number[]): TResult};
+    let testUnzipWithArray: (number[]|_.List<number>)[] = [];
+    let testUnzipWithList: _.List<number[]|_.List<number>> = [];
+    let testUnzipWithIterator: {(prev: TResult, curr: number, index?: number, list?: number[]): TResult} = (prev: TResult, curr: number, index?: number, list?: number[]) => ({ a: 1, b: "", c: true });
     let result: TResult[];
     result = _.unzipWith<number, TResult>(testUnzipWithArray);
     result = _.unzipWith<number, TResult>(testUnzipWithArray, testUnzipWithIterator);
@@ -2436,8 +2435,8 @@ namespace TestUnzip {
 
 // _.without
 namespace TestWithout {
-    let array: number[];
-    let list: _.List<number>;
+    let array: number[] = [];
+    let list: _.List<number> = [];
 
     {
         let result: number[];
@@ -2483,8 +2482,8 @@ namespace TestWithout {
 
 // _.xor
 namespace TestXor {
-    let array: TResult[];
-    let list: _.List<TResult>;
+    let array: TResult[] = [];
+    let list: _.List<TResult> = [];
 
     {
         let result: TResult[];
@@ -2527,8 +2526,8 @@ namespace TestXor {
 
 // _.zip
 namespace TestZip {
-    let array: TResult[];
-    let list: _.List<TResult>;
+    let array: TResult[] = [];
+    let list: _.List<TResult> = [];
 
     {
         let result: TResult[][];
@@ -2565,13 +2564,13 @@ namespace TestZip {
 
 // _.zipObject
 namespace TestZipObject {
-    let arrayOfKeys: string[];
-    let arrayOfValues: number[];
-    let arrayOfKeyValuePairs: (string|number)[][]
+    let arrayOfKeys: string[] = [];
+    let arrayOfValues: number[] = [];
+    let arrayOfKeyValuePairs: (string|number)[][] = [];
 
-    let listOfKeys: _.List<string>;
-    let listOfValues: _.List<number>;
-    let listOfKeyValuePairs: _.List<_.List<string|number>>;
+    let listOfKeys: _.List<string> = [];
+    let listOfValues: _.List<number> = [];
+    let listOfKeyValuePairs: _.List<_.List<string|number>> = [];
 
     {
         let result: _.Dictionary<void>;
@@ -2717,7 +2716,7 @@ namespace TestZipObject {
 interface TestZipWithFn {
     (a1: number, a2: number): number;
 }
-let testZipWithFn: TestZipWithFn;
+let testZipWithFn: TestZipWithFn = (a1, a2) => 1;
 result = <number[]>_.zipWith<number>([1, 2]);
 result = <number[]>_.zipWith<number>([1, 2], testZipWithFn);
 result = <number[]>_.zipWith<number>([1, 2], [1, 2], testZipWithFn);
@@ -2775,28 +2774,28 @@ namespace TestChain {
 // _.tap
 namespace TestTap {
     {
-        let interceptor: (value: string) => void;
+        let interceptor = (value: string) => {};
         let result: string;
 
         _.tap('', interceptor);
     }
 
     {
-        let interceptor: (value: string[]) => void;
+        let interceptor = (value: string[]) => {};
         let result: _.LoDashImplicitArrayWrapper<string>;
 
         _.tap([''], interceptor);
     }
 
     {
-        let interceptor: (value: {a: string}) => void;
+        let interceptor = (value: {a: string}) => {};
         let result: _.LoDashImplicitObjectWrapper<{a: string}>;
 
         _.tap({a: ''}, interceptor);
     }
 
     {
-        let interceptor: (value: string) => void;
+        let interceptor = (value: string) => {};
         let result: _.LoDashImplicitWrapper<string>;
 
         _.chain('').tap(interceptor);
@@ -2805,7 +2804,7 @@ namespace TestTap {
     }
 
     {
-        let interceptor: (value: string[]) => void;
+        let interceptor = (value: string[]) => {};
         let result: _.LoDashImplicitArrayWrapper<string>;
 
         _.chain(['']).tap(interceptor);
@@ -2814,7 +2813,7 @@ namespace TestTap {
     }
 
     {
-        let interceptor: (value: {a: string}) => void;
+        let interceptor = (value: {a: string}) => {};
         let result: _.LoDashImplicitObjectWrapper<{a: string}>;
 
         _.chain({a: ''}).tap(interceptor);
@@ -2823,7 +2822,7 @@ namespace TestTap {
     }
 
     {
-        let interceptor: (value: string) => void;
+        let interceptor = (value: string) => {};
         let result: _.LoDashExplicitWrapper<string>;
 
         _.chain('').tap(interceptor);
@@ -2832,7 +2831,7 @@ namespace TestTap {
     }
 
     {
-        let interceptor: (value: string[]) => void;
+        let interceptor = (value: string[]) => {};
         let result: _.LoDashExplicitArrayWrapper<string>;
 
         _.chain(['']).tap(interceptor);
@@ -2841,7 +2840,7 @@ namespace TestTap {
     }
 
     {
-        let interceptor: (value: {a: string}) => void;
+        let interceptor = (value: {a: string}) => {};
         let result: _.LoDashExplicitObjectWrapper<{a: string}>;
 
         _.chain({a: ''}).tap(interceptor);
@@ -2857,77 +2856,77 @@ namespace TestThru {
     }
 
     {
-        let interceptor: Interceptor<number>;
+        let interceptor: Interceptor<number> = (x) => x;
         let result: number;
 
         result = _.thru<number, number>(1, interceptor);
     }
 
     {
-        let interceptor: Interceptor<number>;
+        let interceptor: Interceptor<number> = (x) => x;
         let result: _.LoDashImplicitWrapper<number>;
 
         result = _(1).thru<number>(interceptor);
     }
 
     {
-        let interceptor: Interceptor<string>;
+        let interceptor: Interceptor<string> = (x) => x;
         let result: _.LoDashImplicitWrapper<string>;
 
         result = _('').thru<string>(interceptor);
     }
 
     {
-        let interceptor: Interceptor<boolean>;
+        let interceptor: Interceptor<boolean> = (x) => x;
         let result: _.LoDashImplicitWrapper<boolean>;
 
         result = _(true).thru<boolean>(interceptor);
     }
 
     {
-        let interceptor: Interceptor<{a: string}>;
+        let interceptor: Interceptor<{a: string}> = (x) => x;
         let result: _.LoDashImplicitObjectWrapper<{a: string}>;
 
         result = _({a: ''}).thru<{a: string}>(interceptor);
     }
 
     {
-        let interceptor: Interceptor<number[]>;
+        let interceptor: Interceptor<number[]> = (x) => x;
         let result: _.LoDashImplicitArrayWrapper<number>;
 
         result = _([1, 2, 3]).thru<number>(interceptor);
     }
 
     {
-        let interceptor: Interceptor<number>;
+        let interceptor: Interceptor<number> = (x) => x;
         let result: _.LoDashExplicitWrapper<number>;
 
         result = _(1).chain().thru<number>(interceptor);
     }
 
     {
-        let interceptor: Interceptor<string>;
+        let interceptor: Interceptor<string> = (x) => x;
         let result: _.LoDashExplicitWrapper<string>;
 
         result = _('').chain().thru<string>(interceptor);
     }
 
     {
-        let interceptor: Interceptor<boolean>;
+        let interceptor: Interceptor<boolean> = (x) => x;
         let result: _.LoDashExplicitWrapper<boolean>;
 
         result = _(true).chain().thru<boolean>(interceptor);
     }
 
     {
-        let interceptor: Interceptor<{a: string}>;
+        let interceptor: Interceptor<{a: string}> = (x) => x;
         let result: _.LoDashExplicitObjectWrapper<{a: string}>;
 
         result = _({a: ''}).chain().thru<{a: string}>(interceptor);
     }
 
     {
-        let interceptor: Interceptor<number[]>;
+        let interceptor: Interceptor<number[]> = (x) => x;
         let result: _.LoDashExplicitArrayWrapper<number>;
 
         result = _([1, 2, 3]).chain().thru<number>(interceptor);
@@ -3255,9 +3254,9 @@ namespace TestValueOf {
 
 // _.at
 namespace TestAt {
-    let array: TResult[];
-    let list: _.List<TResult>;
-    let dictionary: _.Dictionary<TResult>;
+    let array: TResult[] = [];
+    let list: _.List<TResult> = [];
+    let dictionary: _.Dictionary<TResult> = {};
 
     {
         let result: TResult[];
@@ -3286,15 +3285,15 @@ namespace TestAt {
 
 // _.countBy
 namespace TestCountBy {
-    let array: TResult[];
-    let list: _.List<TResult>;
-    let dictionary: _.Dictionary<TResult>;
-    let numericDictionary: _.NumericDictionary<TResult>;
+    let array: TResult[] = [];
+    let list: _.List<TResult> = [];
+    let dictionary: _.Dictionary<TResult> = {};
+    let numericDictionary: _.NumericDictionary<TResult> = {};
 
-    let stringIterator: (value: string, index: number, collection: string) => any;
-    let listIterator: (value: TResult, index: number, collection: _.List<TResult>) => any;
-    let dictionaryIterator: (value: TResult, key: string, collection: _.Dictionary<TResult>) => any;
-    let numericDictionaryIterator: (value: TResult, key: number, collection: _.NumericDictionary<TResult>) => any;
+    let stringIterator: (value: string, index: number, collection: string) => any = (value: string, index: number, collection: string) => 1;
+    let listIterator: (value: TResult, index: number, collection: _.List<TResult>) => any = (value: TResult, index: number, collection: _.List<TResult>) => 1;
+    let dictionaryIterator: (value: TResult, key: string, collection: _.Dictionary<TResult>) => any = (value: TResult, key: string, collection: _.Dictionary<TResult>) => 1;
+    let numericDictionaryIterator: (value: TResult, key: number, collection: _.NumericDictionary<TResult>) => any = (value: TResult, key: number, collection: _.NumericDictionary<TResult>) => 1;
 
     {
         let result: _.Dictionary<number>;
@@ -3392,13 +3391,13 @@ namespace TestCountBy {
 
 // _.each
 namespace TestEach {
-    let array: TResult[];
-    let list: _.List<TResult>;
-    let dictionary: _.Dictionary<TResult>;
+    let array: TResult[] = [];
+    let list: _.List<TResult> = [];
+    let dictionary: _.Dictionary<TResult> = {};
 
-    let stringIterator: (char: string, index: number, string: string) => any;
-    let listIterator: (value: TResult, index: number, collection: _.List<TResult>) => any;
-    let dictionaryIterator: (value: TResult, key: string, collection: _.Dictionary<TResult>) => any;
+    let stringIterator: (char: string, index: number, string: string) => any = (char: string, index: number, string: string) => 1;
+    let listIterator: (value: TResult, index: number, collection: _.List<TResult>) => any = (value: TResult, index: number, collection: _.List<TResult>) => 1;
+    let dictionaryIterator: (value: TResult, key: string, collection: _.Dictionary<TResult>) => any = (value: TResult, key: string, collection: _.Dictionary<TResult>) => 1;
 
     {
         let result: string;
@@ -3475,13 +3474,13 @@ namespace TestEach {
 
 // _.eachRight
 namespace TestEachRight {
-    let array: TResult[];
-    let list: _.List<TResult>;
-    let dictionary: _.Dictionary<TResult>;
+    let array: TResult[] = [];
+    let list: _.List<TResult> = [];
+    let dictionary: _.Dictionary<TResult> = {};
 
-    let stringIterator: (char: string, index: number, string: string) => any;
-    let listIterator: (value: TResult, index: number, collection: _.List<TResult>) => any;
-    let dictionaryIterator: (value: TResult, key: string, collection: _.Dictionary<TResult>) => any;
+    let stringIterator: (char: string, index: number, string: string) => any = (char: string, index: number, string: string) => 1;
+    let listIterator: (value: TResult, index: number, collection: _.List<TResult>) => any = (value: TResult, index: number, collection: _.List<TResult>) => 1;
+    let dictionaryIterator: (value: TResult, key: string, collection: _.Dictionary<TResult>) => any = (value: TResult, key: string, collection: _.Dictionary<TResult>) => 1;
 
     {
         let result: string;
@@ -3560,14 +3559,14 @@ namespace TestEachRight {
 namespace TestEvery {
     type SampleObject = {a: number; b: string; c: boolean;};
 
-    let array: SampleObject[];
-    let list: _.List<SampleObject>;
-    let dictionary: _.Dictionary<SampleObject>;
-    let numericDictionary: _.NumericDictionary<SampleObject>;
+    let array: SampleObject[] = [];
+    let list: _.List<SampleObject> = [];
+    let dictionary: _.Dictionary<SampleObject> = {};
+    let numericDictionary: _.NumericDictionary<SampleObject> = {};
 
-    let listIterator: (value: SampleObject, index: number, collection: _.List<SampleObject>) => boolean;
-    let dictionaryIterator: (value: SampleObject, key: string, collection: _.Dictionary<SampleObject>) => boolean;
-    let numericDictionaryIterator: (value: SampleObject, key: number, collection: _.NumericDictionary<SampleObject>) => boolean;
+    let listIterator = (value: SampleObject, index: number, collection: _.List<SampleObject>) => true;
+    let dictionaryIterator = (value: SampleObject, key: string, collection: _.Dictionary<SampleObject>) => true;
+    let numericDictionaryIterator = (value: SampleObject, key: number, collection: _.NumericDictionary<SampleObject>) => true;
 
     {
         let result: boolean;
@@ -3652,13 +3651,13 @@ namespace TestEvery {
 
 // _.filter
 namespace TestFilter {
-    let array: TResult[];
-    let list: _.List<TResult>;
-    let dictionary: _.Dictionary<TResult>;
+    let array: TResult[] = [];
+    let list: _.List<TResult> = [];
+    let dictionary: _.Dictionary<TResult> = {};
 
-    let stringIterator: (char: string, index: number, string: string) => any;
-    let listIterator: (value: TResult, index: number, collection: _.List<TResult>) => any;
-    let dictionaryIterator: (value: TResult, key: string, collection: _.Dictionary<TResult>) => any;
+    let stringIterator: (char: string, index: number, string: string) => any = (char: string, index: number, string: string) => 1;
+    let listIterator: (value: TResult, index: number, collection: _.List<TResult>) => any = (value: TResult, index: number, collection: _.List<TResult>) => 1;
+    let dictionaryIterator: (value: TResult, key: string, collection: _.Dictionary<TResult>) => any = (value: TResult, key: string, collection: _.Dictionary<TResult>) => 1;
 
     {
         let result: string[];
@@ -3738,14 +3737,14 @@ namespace TestFilter {
 
 // _.find
 namespace TestFind {
-    let array: TResult[];
-    let list: _.List<TResult>;
-    let dictionary: _.Dictionary<TResult>;
+    let array: TResult[] = [];
+    let list: _.List<TResult> = [];
+    let dictionary: _.Dictionary<TResult> = {};
 
-    let listIterator: (value: TResult, index: number, collection: _.List<TResult>) => boolean;
-    let dictionaryIterator: (value: TResult, key: string, collection: _.Dictionary<TResult>) => boolean;
+    let listIterator = (value: TResult, index: number, collection: _.List<TResult>) => true;
+    let dictionaryIterator = (value: TResult, key: string, collection: _.Dictionary<TResult>) => true;
 
-    let result: TResult;
+    let result: TResult | undefined;
 
     result = _.find<TResult>(array);
     result = _.find<TResult>(array, listIterator);
@@ -3822,13 +3821,13 @@ namespace TestFlatMap {
     let numNumericDictionary: _.NumericDictionary<number|number[]> = {0: 1, 1: [2, 3]};
     let objNumericDictionary: _.NumericDictionary<{a: number}|{a: number}[]> = {0: {a: 1}, 1: [{a: 2}, {a: 3}]};
 
-    let stringIterator: (value: string, index: number, collection: _.List<string>) => string|string[];
+    let stringIterator: (value: string, index: number, collection: _.List<string>) => string|string[] = (a, b, c) => "";
 
-    let listIterator: (value: number, index: number, collection: _.List<number|number[]>) => number|number[];
+    let listIterator: (value: number, index: number, collection: _.List<number|number[]>) => number|number[] = (a, b, c) => 1;
 
-    let dictionaryIterator: (value: number, key: number, collection: _.Dictionary<number|number[]>) => number|number[];
+    let dictionaryIterator: (value: number, key: number, collection: _.Dictionary<number|number[]>) => number|number[] = (a, b, c) => 1;
 
-    let numericDictionaryIterator: (value: number, key: number, collection: _.NumericDictionary<number|number[]>) => number|number[];
+    let numericDictionaryIterator: (value: number, key: number, collection: _.NumericDictionary<number|number[]>) => number|number[] = (a, b, c) => 1;
 
     {
         let result: string[];
@@ -4001,13 +4000,13 @@ namespace TestFlatMap {
 
 // _.forEach
 namespace TestForEach {
-    let array: TResult[];
-    let list: _.List<TResult>;
-    let dictionary: _.Dictionary<TResult>;
+    let array: TResult[] = [];
+    let list: _.List<TResult> = [];
+    let dictionary: _.Dictionary<TResult> = {};
 
-    let stringIterator: (char: string, index: number, string: string) => any;
-    let listIterator: (value: TResult, index: number, collection: _.List<TResult>) => any;
-    let dictionaryIterator: (value: TResult, key: string, collection: _.Dictionary<TResult>) => any;
+    let stringIterator: (char: string, index: number, string: string) => any = (char: string, index: number, string: string) => 1;
+    let listIterator: (value: TResult, index: number, collection: _.List<TResult>) => any = (value: TResult, index: number, collection: _.List<TResult>) => 1;
+    let dictionaryIterator: (value: TResult, key: string, collection: _.Dictionary<TResult>) => any = (value: TResult, key: string, collection: _.Dictionary<TResult>) => 1;
 
     {
         let result: string;
@@ -4084,13 +4083,13 @@ namespace TestForEach {
 
 // _.forEachRight
 namespace TestForEachRight {
-    let array: TResult[];
-    let list: _.List<TResult>;
-    let dictionary: _.Dictionary<TResult>;
+    let array: TResult[] = [];
+    let list: _.List<TResult> = [];
+    let dictionary: _.Dictionary<TResult> = {};
 
-    let stringIterator: (char: string, index: number, string: string) => any;
-    let listIterator: (value: TResult, index: number, collection: _.List<TResult>) => any;
-    let dictionaryIterator: (value: TResult, key: string, collection: _.Dictionary<TResult>) => any;
+    let stringIterator: (char: string, index: number, string: string) => any = (char: string, index: number, string: string) => 1;
+    let listIterator: (value: TResult, index: number, collection: _.List<TResult>) => any = (value: TResult, index: number, collection: _.List<TResult>) => 1;
+    let dictionaryIterator: (value: TResult, key: string, collection: _.Dictionary<TResult>) => any = (value: TResult, key: string, collection: _.Dictionary<TResult>) => 1;
 
     {
         let result: string;
@@ -4169,13 +4168,13 @@ namespace TestForEachRight {
 namespace TestGroupBy {
     type SampleType = {a: number; b: string; c: boolean;};
 
-    let array: SampleType[];
-    let list: _.List<SampleType>;
-    let dictionary: _.Dictionary<SampleType>;
+    let array: SampleType[] = [];
+    let list: _.List<SampleType> = [];
+    let dictionary: _.Dictionary<SampleType> = {};
 
-    let stringIterator: (char: string, index: number, string: string) => number;
-    let listIterator: (value: SampleType, index: number, collection: _.List<SampleType>) => number;
-    let dictionaryIterator: (value: SampleType, key: string, collection: _.Dictionary<SampleType>) => number;
+    let stringIterator = (char: string, index: number, string: string) => 0;
+    let listIterator = (value: SampleType, index: number, collection: _.List<SampleType>) => 0;
+    let dictionaryIterator = (value: SampleType, key: string, collection: _.Dictionary<SampleType>) => 0;
 
     {
         let result: _.Dictionary<string[]>;
@@ -4291,11 +4290,11 @@ namespace TestGroupBy {
 namespace TestIncludes {
     type SampleType = {a: string; b: number; c: boolean;};
 
-    let array: SampleType[];
-    let list: _.List<SampleType>;
-    let dictionary: _.Dictionary<SampleType>;
+    let array: SampleType[] = [];
+    let list: _.List<SampleType> = [];
+    let dictionary: _.Dictionary<SampleType> = {};
 
-    let target: SampleType;
+    let target: SampleType = { a: "", b: 1, c: true };
 
     {
         let result: boolean;
@@ -4337,15 +4336,15 @@ namespace TestIncludes {
 namespace TestKeyBy {
     type SampleObject = {a: number; b: string; c: boolean;};
 
-    let array: SampleObject[];
-    let list: _.List<SampleObject>;
-    let dictionary: _.Dictionary<SampleObject>;
-    let numericDictionary: _.NumericDictionary<SampleObject>;
+    let array: SampleObject[] = [];
+    let list: _.List<SampleObject> = [];
+    let dictionary: _.Dictionary<SampleObject> = {};
+    let numericDictionary: _.NumericDictionary<SampleObject> = {};
 
-    let stringIterator: (value: string, index: number, collection: string) => any;
-    let listIterator: (value: SampleObject, index: number, collection: _.List<SampleObject>) => any;
-    let dictionaryIterator: (value: SampleObject, key: string, collection: _.Dictionary<SampleObject>) => any;
-    let numericDictionaryIterator: (value: SampleObject, key: number, collection: _.NumericDictionary<SampleObject>) => any;
+    let stringIterator: (value: string, index: number, collection: string) => any = (value: string, index: number, collection: string) => 1;
+    let listIterator: (value: SampleObject, index: number, collection: _.List<SampleObject>) => any = (value: SampleObject, index: number, collection: _.List<SampleObject>) => 1;
+    let dictionaryIterator: (value: SampleObject, key: string, collection: _.Dictionary<SampleObject>) => any = (value: SampleObject, key: string, collection: _.Dictionary<SampleObject>) => 1;
+    let numericDictionaryIterator: (value: SampleObject, key: number, collection: _.NumericDictionary<SampleObject>) => any = (value: SampleObject, key: number, collection: _.NumericDictionary<SampleObject>) => 1;
 
     {
         let result: _.Dictionary<string>;
@@ -4583,12 +4582,12 @@ namespace TestInvokeMap {
 
 // _.map
 namespace TestMap {
-    let array: number[];
-    let list: _.List<number>;
-    let dictionary: _.Dictionary<number>;
+    let array: number[] = [];
+    let list: _.List<number> = [];
+    let dictionary: _.Dictionary<number> = {};
 
-    let listIterator: (value: number, index: number, collection: _.List<number>) => TResult;
-    let dictionaryIterator: (value: number, key: string, collection: _.Dictionary<number>) => TResult;
+    let listIterator: (value: number, index: number, collection: _.List<number>) => TResult = (value: number, index: number, collection: _.List<number>) => ({ a: 1, b: "", c: true });
+    let dictionaryIterator: (value: number, key: string, collection: _.Dictionary<number>) => TResult = (value: number, key: string, collection: _.Dictionary<number>) => ({ a: 1, b: "", c: true });
 
     {
         _.map(array);  // $ExpectType number[]
@@ -4698,9 +4697,9 @@ result = <{a: number}[][]>_({0: {a: 1}, 1: {a: 2}}).partition<{a: number}>('a',
 //         d: {b: TResult}[];
 //     }
 //
-//     let array: SampleObject[];
-//     let list: _.List<SampleObject>;
-//     let dictionary: _.Dictionary<SampleObject>;
+//     let array: SampleObject[] = [];
+//     let list: _.List<SampleObject> = [];
+//     let dictionary: _.Dictionary<SampleObject> = {};
 //
 //     {
 //         let result: any[];
@@ -4776,19 +4775,19 @@ namespace TestReduce {
     result = <ABC>_({ 'a': 1, 'b': 2, 'c': 3 }).reduce<number, ABC>((r: ABC, num: number, key: string) => {
         r[key] = num * 3;
         return r;
-    }, <ABC> {});
+    }, { a: 1, b: 2, c: 3 });
 
     result = <number[]>_.reduceRight([[0, 1], [2, 3], [4, 5]], (a: number[], b: number[]) => a.concat(b), <number[]>[]);
 }
 // _.reject
 namespace TestReject {
-    let array: TResult[];
-    let list: _.List<TResult>;
-    let dictionary: _.Dictionary<TResult>;
+    let array: TResult[] = [];
+    let list: _.List<TResult> = [];
+    let dictionary: _.Dictionary<TResult> = {};
 
-    let stringIterator: (char: string, index: number, string: string) => any;
-    let listIterator: (value: TResult, index: number, collection: _.List<TResult>) => any;
-    let dictionaryIterator: (value: TResult, key: string, collection: _.Dictionary<TResult>) => any;
+    let stringIterator: (char: string, index: number, string: string) => any = (char: string, index: number, string: string) => 1;
+    let listIterator: (value: TResult, index: number, collection: _.List<TResult>) => any = (value: TResult, index: number, collection: _.List<TResult>) => 1;
+    let dictionaryIterator: (value: TResult, key: string, collection: _.Dictionary<TResult>) => any = (value: TResult, key: string, collection: _.Dictionary<TResult>) => 1;
 
     {
         let result: string[];
@@ -4859,10 +4858,10 @@ namespace TestReject {
 
 // _.sample
 namespace TestSample {
-    let array: string[];
-    let list: _.List<string>;
-    let dictionary: _.Dictionary<string>;
-    let numericDictionary: _.NumericDictionary<string>;
+    let array: string[] = [];
+    let list: _.List<string> = [];
+    let dictionary: _.Dictionary<string> = {};
+    let numericDictionary: _.NumericDictionary<string> = {};
 
     {
         let result: string;
@@ -4897,10 +4896,10 @@ namespace TestSample {
 
 // _.sampleSize
 namespace TestSampleSize {
-    let array: string[];
-    let list: _.List<string>;
-    let dictionary: _.Dictionary<string>;
-    let numericDictionary: _.NumericDictionary<string>;
+    let array: string[] = [];
+    let list: _.List<string> = [];
+    let dictionary: _.Dictionary<string> = {};
+    let numericDictionary: _.NumericDictionary<string> = {};
 
     {
         let result: string[];
@@ -4958,9 +4957,9 @@ namespace TestSampleSize {
 
 // _.shuffle
 namespace TestShuffle {
-    let array: TResult[];
-    let list: _.List<TResult>;
-    let dictionary: _.Dictionary<TResult>;
+    let array: TResult[] = [];
+    let list: _.List<TResult> = [];
+    let dictionary: _.Dictionary<TResult> = {};
 
     {
         let result: string[];
@@ -5009,9 +5008,9 @@ namespace TestShuffle {
 namespace TestSize {
     type SampleType = {a: string; b: number; c: boolean;};
 
-    let array: SampleType[];
-    let list: _.List<SampleType>;
-    let dictionary: _.Dictionary<SampleType>;
+    let array: SampleType[] = [];
+    let list: _.List<SampleType> = [];
+    let dictionary: _.Dictionary<SampleType> = {};
 
     {
         let result: number;
@@ -5041,16 +5040,16 @@ namespace TestSize {
 namespace TestSome {
     type SampleObject = {a: number; b: string; c: boolean;};
 
-    let array: SampleObject[];
-    let list: _.List<SampleObject>;
-    let dictionary: _.Dictionary<SampleObject>;
-    let numericDictionary: _.NumericDictionary<SampleObject>;
-    let sampleObject: SampleObject;
+    let array: SampleObject[] = [];
+    let list: _.List<SampleObject> = [];
+    let dictionary: _.Dictionary<SampleObject> = {};
+    let numericDictionary: _.NumericDictionary<SampleObject> = {};
+    let sampleObject: SampleObject = { a: 1, b: "", c: true };
 
-    let listIterator: (value: SampleObject, index: number, collection: _.List<SampleObject>) => boolean;
-    let dictionaryIterator: (value: SampleObject, key: string, collection: _.Dictionary<SampleObject>) => boolean;
-    let numericDictionaryIterator: (value: SampleObject, key: number, collection: _.NumericDictionary<SampleObject>) => boolean;
-    let objectIterator: (value: any, key: string, collection: any) => boolean;
+    let listIterator = (value: SampleObject, index: number, collection: _.List<SampleObject>) => true;
+    let dictionaryIterator = (value: SampleObject, key: string, collection: _.Dictionary<SampleObject>) => true;
+    let numericDictionaryIterator = (value: SampleObject, key: number, collection: _.NumericDictionary<SampleObject>) => true;
+    let objectIterator = (value: any, key: string, collection: any) => true;
 
     {
         let result: boolean;
@@ -5068,7 +5067,13 @@ namespace TestSome {
         result = _.some<SampleObject>(list, {a: 42});
 
         result = _.some<SampleObject>(dictionary);
-        result = _.some<SampleObject>(dictionary, dictionaryIterator);
+        result = _.some<SampleObject>(numericDictionary, dictionaryIterator);
+        result = _.some<SampleObject>(dictionary, (value, key, collection) => {
+            value.a--;
+            key.substr(0);
+            value = collection[key];
+            return true;
+        });
         result = _.some<SampleObject>(dictionary, 'a');
         result = _.some<SampleObject>(dictionary, ['a', 42]);
         result = _.some<SampleObject>(dictionary, {a: 42});
@@ -5153,12 +5158,12 @@ namespace TestSome {
 
 // _.sortBy
 namespace TestSortBy {
-    let array: TResult[];
-    let list: _.List<TResult>;
-    let dictionary: _.Dictionary<TResult>;
+    let array: TResult[] = [];
+    let list: _.List<TResult> = [];
+    let dictionary: _.Dictionary<TResult> = {};
 
-    let listIterator: (value: TResult, index: number, collection: _.List<TResult>) => number;
-    let dictionaryIterator: (value: TResult, key: string, collection: _.Dictionary<TResult>) => number;
+    let listIterator = (value: TResult, index: number, collection: _.List<TResult>) => 0;
+    let dictionaryIterator = (value: TResult, key: string, collection: _.Dictionary<TResult>) => 0;
 
     {
         let result: TResult[];
@@ -5228,14 +5233,14 @@ result = <IFoodOrganic[]>_(foodsOrganic).sortBy('organic', (food) => food.name,
 namespace TestorderBy {
     type SampleObject = {a: number; b: string; c: boolean};
 
-    let array: SampleObject[];
-    let list: _.List<SampleObject>;
-    let numericDictionary: _.NumericDictionary<SampleObject>;
-    let dictionary: _.Dictionary<SampleObject>;
-    let orders: boolean|string|(boolean|string)[];
+    let array: SampleObject[] = [];
+    let list: _.List<SampleObject> = [];
+    let numericDictionary: _.NumericDictionary<SampleObject> = {};
+    let dictionary: _.Dictionary<SampleObject> = {};
+    let orders: boolean|string|(boolean|string)[] = true as any;
 
     {
-        let iteratees: (value: string) => any|((value: string) => any)[];
+        let iteratees: (value: string) => any|((value: string) => any)[] = (value) => 1;
         let result: string[];
 
         result = _.orderBy<string>('acbd', iteratees);
@@ -5243,7 +5248,7 @@ namespace TestorderBy {
     }
 
     {
-        let iteratees: (value: SampleObject) => any|string|{a: number}|((value: SampleObject) => any|string|{a: number})[];
+        let iteratees: (value: SampleObject) => any|string|{a: number}|((value: SampleObject) => any|string|{a: number})[] = (value) => 1;
         let result: SampleObject[];
 
         result = _.orderBy<{a: number}, SampleObject>(array, iteratees);
@@ -5268,7 +5273,7 @@ namespace TestorderBy {
     }
 
     {
-        let iteratees: (value: SampleObject) => any|string|{a: number}|((value: SampleObject) => any|string|{a: number})[];
+        let iteratees: (value: SampleObject) => any|string|{a: number}|((value: SampleObject) => any|string|{a: number})[] = (value) => "";
         let result: _.LoDashImplicitArrayWrapper<SampleObject>;
 
         result = _(array).orderBy<{a: number}>(iteratees);
@@ -5291,7 +5296,7 @@ namespace TestorderBy {
     }
 
     {
-        let iteratees: (value: SampleObject) => any|string|{a: number}|((value: SampleObject) => any|string|{a: number})[];
+        let iteratees: (value: SampleObject) => any|string|{a: number}|((value: SampleObject) => any|string|{a: number})[] = (value) => "";
         let result: _.LoDashExplicitArrayWrapper<SampleObject>;
 
         result = _(array).chain().orderBy<{a: number}>(iteratees);
@@ -5346,7 +5351,7 @@ namespace TestAfter {
         (a: string, b: number): boolean;
     }
 
-    let func: Func;
+    let func: Func = (a, b) => true;
 
     {
         let result: Func;
@@ -5371,7 +5376,7 @@ namespace TestAfter {
 namespace TestAry {
     type SampleFunc = (a: number, b: string) => boolean;
 
-    let func: SampleFunc;
+    let func: SampleFunc = (a, b) => true;
 
     {
         let result: SampleFunc;
@@ -5403,7 +5408,7 @@ namespace TestBefore {
         (a: string, b: number): boolean;
     }
 
-    let func: Func;
+    let func: Func = (a, b) => true;
 
     {
         let result: Func;
@@ -5428,7 +5433,7 @@ namespace TestBefore {
 namespace TestBind {
     type SampleFunc = (a: number, b: string) => boolean;
 
-    let func: SampleFunc
+    let func: SampleFunc = (a, b) => true;
 
     {
         type SampleResult = (a: number, b: string) => boolean;
@@ -5514,7 +5519,7 @@ namespace TestBindAll {
         c: Function;
     }
 
-    let object: SampleObject;
+    let object: SampleObject = { a: () => {}, b: () => {}, c: () => {} };
 
     {
         let result: SampleObject;
@@ -5546,9 +5551,9 @@ namespace TestBindAll {
 
 // _.bindKey
 namespace TestBindKey {
-    let object: {
-        foo(a: number, b: string): boolean;
-    }
+    let object = {
+        foo: (a: number, b: string) => true,
+    };
 
     {
         type SampleResult = (a: number, b: string) => boolean;
@@ -5699,8 +5704,8 @@ namespace TestDebounce {
         cancel(): void;
     }
 
-    let func: SampleFunc;
-    let options: Options;
+    let func: SampleFunc = (a, b) => true;
+    let options: Options = {};
 
     {
         let result: ResultFunc;
@@ -5731,7 +5736,7 @@ namespace TestDebounce {
 namespace TestDefer {
     type SampleFunc = (a: number, b: string) => boolean;
 
-    let func: SampleFunc;
+    let func: SampleFunc = (a, b) => true;
 
     {
         let result: number;
@@ -5765,7 +5770,7 @@ namespace TestDefer {
 namespace TestDelay {
     type SampleFunc = (a: number, b: string) => boolean;
 
-    let func: SampleFunc;
+    let func: SampleFunc = (a, b) => true;
 
     {
         let result: number;
@@ -5798,7 +5803,7 @@ namespace TestFlip {
         (a: number, b: string): boolean;
     }
 
-    let func: Func;
+    let func: Func = (a, b) => true;
 
     {
         let result: Func;
@@ -5821,10 +5826,10 @@ namespace TestFlip {
 
 // _.flow
 namespace TestFlow {
-    let Fn1: (n: number) => number;
-    let Fn2: (m: number, n: number) => number;
-    let Fn3: (a: number) => string;
-    let Fn4: (a: string) => number;
+    let Fn1 = (n: number) => 0;
+    let Fn2 = (m: number, n: number) => 0;
+    let Fn3 = (a: number) => "";
+    let Fn4 = (a: string) => 0;
 
     {
         // type infer test
@@ -5866,8 +5871,8 @@ namespace TestFlow {
 
 // _.flowRight
 namespace TestFlowRight {
-    let Fn1: (n: number) => number;
-    let Fn2: (m: number, n: number) => number;
+    let Fn1 = (n: number) => 0;
+    let Fn2 = (m: number, n: number) => 0;
 
     {
         let result: (m: number, n: number) => number;
@@ -5897,7 +5902,8 @@ namespace TestFlowRight {
 // _.memoize
 namespace TestMemoize {
     {
-        let memoizedFunction: _.MemoizedFunction;
+        let fn: any = () => {};
+        let memoizedFunction: _.MemoizedFunction = fn;
         let cache: _.MapCache = memoizedFunction.cache;
     }
 
@@ -5905,8 +5911,8 @@ namespace TestMemoize {
         (a1: string, a2: number): boolean;
     }
 
-    let memoizeFn: (a1: string, a2: number) => boolean;
-    let memoizeResolverFn: (a1: string, a2: number) => string;
+    let memoizeFn = (a1: string, a2: number) => true;
+    let memoizeResolverFn = (a1: string, a2: number) => "";
 
     {
         let result: MemoizedResultFn;
@@ -5938,12 +5944,14 @@ namespace TestMemoize {
         has(key: K): boolean;
         set(key: K, value: V): this;
     }
-    interface MemoizeCacheConstructor {
-        new (): MemoizeCache<any, any>;
+    class MemoizeCacheClass implements MemoizeCache<any, any> {
+        delete: (key: any) => true;
+        get: (key: any) => 1;
+        has: (key: any) => true;
+        set: (key: any, value: any) => this;
     }
-    let MemoizeCache: MemoizeCacheConstructor
 
-    _.memoize.Cache = MemoizeCache;
+    _.memoize.Cache = MemoizeCacheClass;
 }
 
 // _.overArgs
@@ -5951,11 +5959,11 @@ namespace TestOverArgs {
     type Func1 = (a: boolean) => boolean;
     type Func2 = (a: boolean, b: boolean) => boolean;
 
-    let func1: Func1;
-    let func2: Func2;
+    let func1: Func1 = (a) => true;
+    let func2: Func2 = (a, b) => true;
 
-    let transform1: (a: string) => boolean;
-    let transform2: (b: number) => boolean;
+    let transform1 = (a: string) => true;
+    let transform2 = (b: number) => true;
 
     {
         let result: (a: string) => boolean;
@@ -6040,7 +6048,7 @@ namespace TestOnce {
         (a: number, b: string): boolean;
     }
 
-    let func: Func;
+    let func: Func = (a, b) => true;
 
     {
         let result: Func;
@@ -6089,7 +6097,7 @@ namespace TestRest {
     type Func = (a: string, b: number[]) => boolean;
     type ResultFunc = (a: string, ...b: number[]) => boolean;
 
-    let func: Func;
+    let func: Func = (a, b) => true;
 
     {
         let result: ResultFunc;
@@ -6121,7 +6129,7 @@ namespace TestSpread {
     type SampleFunc = (args: (number|string)[]) => boolean;
     type SampleResult = (a: number, b: string) => boolean;
 
-    let func: SampleFunc;
+    let func: SampleFunc = (a) => true;
 
     {
         let result: SampleResult;
@@ -6159,8 +6167,8 @@ namespace TestThrottle {
         cancel(): void;
     }
 
-    let func: SampleFunc;
-    let options: Options;
+    let func: SampleFunc = (a, b) => true;
+    let options: Options = {};
 
     {
         let result: ResultFunc;
@@ -6193,7 +6201,7 @@ namespace TestUnary {
         (a: number, b: string): boolean;
     }
 
-    let func: Func;
+    let func: Func = (a, b) => true;
 
     {
         let result: Func;
@@ -6222,8 +6230,8 @@ namespace TestWrap {
     {
         type SampleWrapper = (arg1: SampleValue, arg2: number, arg3: string) => boolean;
 
-        let value: SampleValue;
-        let wrapper: SampleWrapper;
+        let value: SampleValue = { a: 1, b: "", c: true };
+        let wrapper: SampleWrapper = (a, b, c) => true;
         let result: SampleResult;
 
         result = _.wrap<SampleValue, SampleWrapper, SampleResult>(value, wrapper);
@@ -6234,8 +6242,8 @@ namespace TestWrap {
     {
         type SampleWrapper = (arg1: number, arg2: number, arg3: string) => boolean;
 
-        let value: number;
-        let wrapper: SampleWrapper;
+        let value: number = 0;
+        let wrapper: SampleWrapper = (a, b, c) => true;
         let result: _.LoDashImplicitObjectWrapper<SampleResult>;
 
         result = _(value).wrap<SampleWrapper, SampleResult>(wrapper);
@@ -6245,8 +6253,8 @@ namespace TestWrap {
     {
         type SampleWrapper = (arg1: number[], arg2: number, arg3: string) => boolean;
 
-        let value: number[];
-        let wrapper: SampleWrapper;
+        let value: number[] = [];
+        let wrapper: SampleWrapper = (a, b, c) => true;
         let result: _.LoDashImplicitObjectWrapper<SampleResult>;
 
         result = _(value).wrap<SampleWrapper, SampleResult>(wrapper);
@@ -6256,8 +6264,8 @@ namespace TestWrap {
     {
         type SampleWrapper = (arg1: SampleValue, arg2: number, arg3: string) => boolean;
 
-        let value: SampleValue;
-        let wrapper: SampleWrapper;
+        let value: SampleValue = { a: 1, b: "", c: true };
+        let wrapper: SampleWrapper = (a, b, c) => true;
         let result: _.LoDashImplicitObjectWrapper<SampleResult>;
 
         result = _(value).wrap<SampleWrapper, SampleResult>(wrapper);
@@ -6267,8 +6275,8 @@ namespace TestWrap {
     {
         type SampleWrapper = (arg1: number, arg2: number, arg3: string) => boolean;
 
-        let value: number;
-        let wrapper: SampleWrapper;
+        let value: number = 0;
+        let wrapper: SampleWrapper = (a, b, c) => true;
         let result: _.LoDashExplicitObjectWrapper<SampleResult>;
 
         result = _(value).chain().wrap<SampleWrapper, SampleResult>(wrapper);
@@ -6278,8 +6286,8 @@ namespace TestWrap {
     {
         type SampleWrapper = (arg1: number[], arg2: number, arg3: string) => boolean;
 
-        let value: number[];
-        let wrapper: SampleWrapper;
+        let value: number[] = [];
+        let wrapper: SampleWrapper = (a, b, c) => true;
         let result: _.LoDashExplicitObjectWrapper<SampleResult>;
 
         result = _(value).chain().wrap<SampleWrapper, SampleResult>(wrapper);
@@ -6289,8 +6297,8 @@ namespace TestWrap {
     {
         type SampleWrapper = (arg1: SampleValue, arg2: number, arg3: string) => boolean;
 
-        let value: SampleValue;
-        let wrapper: SampleWrapper;
+        let value: SampleValue = { a: 1, b: "", c: true };
+        let wrapper: SampleWrapper = (a, b, c) => true;
         let result: _.LoDashExplicitObjectWrapper<SampleResult>;
 
         result = _(value).chain().wrap<SampleWrapper, SampleResult>(wrapper);
@@ -6428,7 +6436,7 @@ namespace TestCloneDeepWith {
     }
 
     {
-        let customizer: CloneDeepWithCustomizer<number, string>;
+        let customizer: CloneDeepWithCustomizer<number, string> = (x) => "";
         let reslut: string;
 
         result = _.cloneDeepWith<string>(42, customizer);
@@ -6437,14 +6445,14 @@ namespace TestCloneDeepWith {
     }
 
     {
-        let customizer: CloneDeepWithCustomizer<number, string>;
+        let customizer: CloneDeepWithCustomizer<number, string> = (x) => "";
         let result: _.LoDashExplicitWrapper<string>;
 
         result = _(42).chain().cloneDeepWith<string>(customizer);
     }
 
     {
-        let customizer: CloneDeepWithCustomizer<number[], string[]>;
+        let customizer: CloneDeepWithCustomizer<number[], string[]> = (x) => [];
         let reslut: string[];
 
         result = _.cloneDeepWith<string[]>([42], customizer);
@@ -6453,14 +6461,14 @@ namespace TestCloneDeepWith {
     }
 
     {
-        let customizer: CloneDeepWithCustomizer<number[], string[]>;
+        let customizer: CloneDeepWithCustomizer<number[], string[]> = (x) => [];
         let result: _.LoDashExplicitArrayWrapper<string>;
 
         result = _([42]).chain().cloneDeepWith<string>(customizer);
     }
 
     {
-        let customizer: CloneDeepWithCustomizer<{a: {b: number;};}, {a: {b: string;};}>;
+        let customizer: CloneDeepWithCustomizer<{a: {b: number;};}, {a: {b: string;};}> = (x) => ({ a: { b: "" } });
         let reslut: {a: {b: string;};};
 
         result = _.cloneDeepWith<{a: {b: string;};}>({a: {b: 42}}, customizer);
@@ -6469,7 +6477,7 @@ namespace TestCloneDeepWith {
     }
 
     {
-        let customizer: CloneDeepWithCustomizer<{a: {b: number;};}, {a: {b: string;};}>;
+        let customizer: CloneDeepWithCustomizer<{a: {b: number;};}, {a: {b: string;};}> = (x) => ({ a: { b: "" } });
         let result: _.LoDashExplicitObjectWrapper<{a: {b: string;};}>;
 
         result = _({a: {b: 42}}).chain().cloneDeepWith<{a: {b: string;};}>(customizer);
@@ -6483,7 +6491,7 @@ namespace TestCloneWith {
     }
 
     {
-        let customizer: CloneWithCustomizer<number, string>;
+        let customizer: CloneWithCustomizer<number, string> = (x) => "";
         let reslut: string;
 
         result = _.cloneWith<string>(42, customizer);
@@ -6492,14 +6500,14 @@ namespace TestCloneWith {
     }
 
     {
-        let customizer: CloneWithCustomizer<number, string>;
+        let customizer: CloneWithCustomizer<number, string> = (x) => "";
         let result: _.LoDashExplicitWrapper<string>;
 
         result = _(42).chain().cloneWith<string>(customizer);
     }
 
     {
-        let customizer: CloneWithCustomizer<number[], string[]>;
+        let customizer: CloneWithCustomizer<number[], string[]> = (x) => [];
         let reslut: string[];
 
         result = _.cloneWith<string[]>([42], customizer);
@@ -6508,14 +6516,14 @@ namespace TestCloneWith {
     }
 
     {
-        let customizer: CloneWithCustomizer<number[], string[]>;
+        let customizer: CloneWithCustomizer<number[], string[]> = (x) => [];
         let result: _.LoDashExplicitArrayWrapper<string>;
 
         result = _([42]).chain().cloneWith<string>(customizer);
     }
 
     {
-        let customizer: CloneWithCustomizer<{a: {b: number;};}, {a: {b: string;};}>;
+        let customizer: CloneWithCustomizer<{a: {b: number;};}, {a: {b: string;};}> = (x) => ({ a: { b: "" } });
         let reslut: {a: {b: string;};};
 
         result = _.cloneWith<{a: {b: string;};}>({a: {b: 42}}, customizer);
@@ -6524,7 +6532,7 @@ namespace TestCloneWith {
     }
 
     {
-        let customizer: CloneWithCustomizer<{a: {b: number;};}, {a: {b: string;};}>;
+        let customizer: CloneWithCustomizer<{a: {b: number;};}, {a: {b: string;};}> = (x) => ({ a: { b: "" } });
         let result: _.LoDashExplicitObjectWrapper<{a: {b: string;};}>;
 
         result = _({a: {b: 42}}).chain().cloneWith<{a: {b: string;};}>(customizer);
@@ -6605,7 +6613,7 @@ namespace TestGte {
 // _.isArguments
 namespace TestisArguments {
     {
-        let value: number|IArguments;
+        let value: number|IArguments = 0;
 
         if (_.isArguments(value)) {
             let result: IArguments = value;
@@ -6636,7 +6644,7 @@ namespace TestisArguments {
 // _.isArray
 namespace TestIsArray {
     {
-        let value: number|string[]|boolean[];
+        let value: number|string[]|boolean[] = [];
 
         if (_.isArray<string>(value)) {
             let result: string[] = value;
@@ -6672,7 +6680,7 @@ namespace TestIsArray {
 // _.isArrayBuffer
 namespace TestIsArrayBuffer {
     {
-        let value: ArrayBuffer|number;
+        let value: ArrayBuffer|number = 0;
 
         if (_.isArrayBuffer(value)) {
             let result: ArrayBuffer = value;
@@ -6703,7 +6711,7 @@ namespace TestIsArrayBuffer {
 // _.isArrayLike
 namespace TestIsArrayLike {
     {
-        let value: number|string[]|boolean[];
+        let value: number|string[]|boolean[] = [];
 
         if (_.isArrayLike<string>(value)) {
             let result: string[] = value;
@@ -6739,7 +6747,7 @@ namespace TestIsArrayLike {
 // _.isArrayLikeObject
 namespace TestIsArrayLikeObject {
     {
-        let value: number|string[]|boolean[];
+        let value: number|string[]|boolean[] = [];
 
         if (_.isArrayLikeObject<string>(value)) {
             let result: string[] = value;
@@ -6775,7 +6783,7 @@ namespace TestIsArrayLikeObject {
 // _.isBoolean
 namespace TestIsBoolean {
     {
-        let value: number|boolean;
+        let value: number|boolean = 0;
 
         if (_.isBoolean(value)) {
             let result: boolean = value;
@@ -6826,7 +6834,7 @@ namespace TestIsBuffer {
 // _.isDate
 namespace TestIsBoolean {
     {
-        let value: number|Date;
+        let value: number|Date = 0;
 
         if (_.isDate(value)) {
             let result: Date = value;
@@ -6918,7 +6926,7 @@ namespace TestIsEqual {
 
 // _.isEqualWith
 namespace TestIsEqualWith {
-    let customizer: (value: any, other: any, indexOrKey?: number|string) => boolean;
+    let customizer = (value: any, other: any, indexOrKey?: number|string) => true;
 
     {
         let result: boolean;
@@ -6937,8 +6945,9 @@ namespace TestIsEqualWith {
 
 // _.isError
 namespace TestIsError {
+    let x: any = 1;
     {
-        let value: number|Error;
+        let value: number|Error = x;
 
         if (_.isError(value)) {
             let result: Error = value;
@@ -6953,7 +6962,7 @@ namespace TestIsError {
             custom: string
         }
 
-        let value: number|CustomError;
+        let value: number|CustomError = x;
 
         if (_.isError(value)) {
             let result: CustomError = value;
@@ -7004,7 +7013,7 @@ namespace TestIsFinite {
 // _.isFunction
 namespace TestIsFunction {
     {
-        let value: number|Function;
+        let value: number|Function = () => {};
 
         if (_.isFunction(value)) {
             let result: Function = value;
@@ -7077,7 +7086,7 @@ namespace TestIsLength {
 // _.isMap
 namespace TestIsMap {
     {
-        let value: number|Map<string, number>;
+        let value: number|Map<string, number> = 0;
 
         if (_.isMap<string, number>(value)) {
             let result: Map<string, number> = value;
@@ -7117,7 +7126,7 @@ namespace TestIsMatch {
 
 // _.isMatchWith
 namespace TestIsMatchWith {
-    let testIsMatchCustiomizerFn: (value: any, other: any, indexOrKey: number|string) => boolean;
+    let testIsMatchCustiomizerFn = (value: any, other: any, indexOrKey: number|string) => true;
 
     let result: boolean;
 
@@ -7149,7 +7158,7 @@ namespace TestIsNaN {
 // _.isNative
 namespace TestIsNative {
     {
-        let value: number|Function;
+        let value: number|Function = () => {};
 
         if (_.isNative(value)) {
             let result: Function = value;
@@ -7223,7 +7232,7 @@ namespace TestIsNull {
 // _.isNumber
 namespace TestIsNumber {
     {
-        let value: string|number;
+        let value: string|number = 0;
 
         if (_.isNumber(value)) {
             let result: number = value;
@@ -7315,7 +7324,7 @@ namespace TestIsPlainObject {
 // _.isRegExp
 namespace TestIsRegExp {
     {
-        let value: number|RegExp;
+        let value: number|RegExp = /./;
 
         if (_.isRegExp(value)) {
             let result: RegExp = value;
@@ -7367,7 +7376,7 @@ namespace TestIsSafeInteger {
 // _.isSet
 namespace TestIsSet {
     {
-        let value: number|Set<string>;
+        let value: number|Set<string> = 0;
 
         if (_.isSet<string>(value)) {
             let result: Set<string> = value;
@@ -7398,7 +7407,7 @@ namespace TestIsSet {
 // _.isString
 namespace TestIsString {
     {
-        let value: number|string;
+        let value: number|string = '';
 
         if (_.isString(value)) {
             let result: string = value;
@@ -7489,7 +7498,7 @@ namespace TestIsWeakMap {
     {
         interface Obj { a: string };
 
-        let value: number|WeakMap<Obj, number>;
+        let value: number|WeakMap<Obj, number> = 0;
 
         if (_.isWeakMap<Obj, number>(value)) {
             let result: WeakMap<Obj, number> = value;
@@ -7520,7 +7529,7 @@ namespace TestIsWeakMap {
 // _.isWeakSet
 namespace TestIsWeakSet {
     {
-        let value: number|WeakSet<string>;
+        let value: number|WeakSet<string> = 0;
 
         if (_.isWeakSet<string>(value)) {
             let result: WeakSet<string> = value;
@@ -7590,10 +7599,10 @@ namespace TestLte {
 
 // _.toArray
 namespace TestToArray {
-    let array: TResult[];
-    let list: _.List<TResult>;
-    let dictionary: _.Dictionary<TResult>;
-    let numericDictionary: _.NumericDictionary<TResult>;
+    let array: TResult[] = [];
+    let list: _.List<TResult> = [];
+    let dictionary: _.Dictionary<TResult> = {};
+    let numericDictionary: _.NumericDictionary<TResult> = {};
 
     {
         let result: string[];
@@ -7824,8 +7833,8 @@ namespace TestFloor {
 
 // _.max
 namespace TestMax {
-    let array: number[];
-    let list: _.List<number>;
+    let array: number[] = [];
+    let list: _.List<number> = [];
 
     let result: number;
 
@@ -7838,12 +7847,12 @@ namespace TestMax {
 
 // _.maxBy
 namespace TestMaxBy {
-    let array: number[];
-    let list: _.List<number>;
-    let dictionary: _.Dictionary<number>;
+    let array: number[] = [];
+    let list: _.List<number> = [];
+    let dictionary: _.Dictionary<number> = {};
 
-    let listIterator: (value: number, index: number, collection: _.List<number>) => number;
-    let dictionaryIterator: (value: number, key: string, collection: _.Dictionary<number>) => number;
+    let listIterator = (value: number, index: number, collection: _.List<number>) => 0;
+    let dictionaryIterator = (value: number, key: string, collection: _.Dictionary<number>) => 0;
 
     let result: number;
 
@@ -7880,7 +7889,7 @@ namespace TestMaxBy {
 
 // _.mean
 namespace TestMean {
-    let array: number[];
+    let array: number[] = [];
 
     let result: number;
 
@@ -7891,8 +7900,8 @@ namespace TestMean {
 
 // _.min
 namespace TestMin {
-    let array: number[];
-    let list: _.List<number>;
+    let array: number[] = [];
+    let list: _.List<number> = [];
 
     let result: number;
 
@@ -7905,12 +7914,12 @@ namespace TestMin {
 
 // _.minBy
 namespace TestMinBy {
-    let array: number[];
-    let list: _.List<number>;
-    let dictionary: _.Dictionary<number>;
+    let array: number[] = [];
+    let list: _.List<number> = [];
+    let dictionary: _.Dictionary<number> = {};
 
-    let listIterator: (value: number, index: number, collection: _.List<number>) => number;
-    let dictionaryIterator: (value: number, key: string, collection: _.Dictionary<number>) => number;
+    let listIterator = (value: number, index: number, collection: _.List<number>) => 0;
+    let dictionaryIterator = (value: number, key: string, collection: _.Dictionary<number>) => 0;
 
     let result: number;
 
@@ -7967,12 +7976,12 @@ namespace TestRound {
 
 // _.sum
 namespace TestSum {
-    let array: number[];
-    let list: _.List<number>;
-    let dictionary: _.Dictionary<number>;
+    let array: number[] = [];
+    let list: _.List<number> = [];
+    let dictionary: _.Dictionary<number> = {};
 
-    let listIterator: (value: number, index: number, collection: _.List<number>) => number;
-    let dictionaryIterator: (value: number, key: string, collection: _.Dictionary<number>) => number;
+    let listIterator = (value: number, index: number, collection: _.List<number>) => 0;
+    let dictionaryIterator = (value: number, key: string, collection: _.Dictionary<number>) => 0;
 
     {
         let result: number;
@@ -8003,13 +8012,13 @@ namespace TestSum {
 
 // _.sumBy
 namespace TestSumBy {
-    let array: number[];
-    let objectArray: { 'age': number }[];
+    let array: number[] = [];
+    let objectArray: { 'age': number }[] = [];
 
-    let list: _.List<number>;
-    let objectList: _.List<{ 'age': number }>;
+    let list: _.List<number> = [];
+    let objectList: _.List<{ 'age': number }> = [];
 
-    let listIterator: (value: number, index: number, collection: _.List<number>) => number;
+    let listIterator = (value: number, index: number, collection: _.List<number>) => 0;
 
     {
         let result: number;
@@ -8143,14 +8152,12 @@ namespace TestAssign {
     interface S4 { d: number };
     interface S5 { e: number };
 
-    let obj: Obj;
-    let s1: S1;
-    let s2: S2;
-    let s3: S3;
-    let s4: S4;
-    let s5: S5;
-
-    let customizer: (objectValue: any, sourceValue: any, key?: string, object?: {}, source?: {}) => any;
+    let obj: Obj = { a: "" };
+    let s1: S1 = { a: 1 };
+    let s2: S2 = { b: 1 };
+    let s3: S3 = { c: 1 };
+    let s4: S4 = { d: 1 };
+    let s5: S5 = { e: 1 };
 
     {
         let result: Obj;
@@ -8270,14 +8277,14 @@ namespace TestAssignWith {
     interface S4 { d: number };
     interface S5 { e: number };
 
-    let obj: Obj;
-    let s1: S1;
-    let s2: S2;
-    let s3: S3;
-    let s4: S4;
-    let s5: S5;
+    let obj: Obj = { a: "" };
+    let s1: S1 = { a: 1 };
+    let s2: S2 = { b: 1 };
+    let s3: S3 = { c: 1 };
+    let s4: S4 = { d: 1 };
+    let s5: S5 = { e: 1 };
 
-    let customizer: (objectValue: any, sourceValue: any, key?: string, object?: {}, source?: {}) => any;
+    let customizer: (objectValue: any, sourceValue: any, key?: string, object?: {}, source?: {}) => any = (objectValue: any, sourceValue: any, key?: string, object?: {}, source?: {}) => 1;
 
     {
         let result: Obj;
@@ -8382,14 +8389,14 @@ namespace TestAssignIn {
     interface S4 { d: number };
     interface S5 { e: number };
 
-    let obj: Obj;
-    let s1: S1;
-    let s2: S2;
-    let s3: S3;
-    let s4: S4;
-    let s5: S5;
+    let obj: Obj = { a: "" };
+    let s1: S1 = { a: 1 };
+    let s2: S2 = { b: 1 };
+    let s3: S3 = { c: 1 };
+    let s4: S4 = { d: 1 };
+    let s5: S5 = { e: 1 };
 
-    let customizer: (objectValue: any, sourceValue: any, key?: string, object?: {}, source?: {}) => any;
+    let customizer: (objectValue: any, sourceValue: any, key?: string, object?: {}, source?: {}) => any = (objectValue: any, sourceValue: any, key?: string, object?: {}, source?: {}) => 1;
 
     {
         let result: Obj;
@@ -8509,14 +8516,14 @@ namespace TestAssignInWith {
     interface S4 { d: number };
     interface S5 { e: number };
 
-    let obj: Obj;
-    let s1: S1;
-    let s2: S2;
-    let s3: S3;
-    let s4: S4;
-    let s5: S5;
+    let obj: Obj = { a: "" };
+    let s1: S1 = { a: 1 };
+    let s2: S2 = { b: 1 };
+    let s3: S3 = { c: 1 };
+    let s4: S4 = { d: 1 };
+    let s5: S5 = { e: 1 };
 
-    let customizer: (objectValue: any, sourceValue: any, key?: string, object?: {}, source?: {}) => any;
+    let customizer: (objectValue: any, sourceValue: any, key?: string, object?: {}, source?: {}) => any = (objectValue: any, sourceValue: any, key?: string, object?: {}, source?: {}) => 1;
 
     {
         let result: Obj;
@@ -8617,8 +8624,8 @@ namespace TestCreate {
     type SampleProto = {a: number};
     type SampleProps = {b: string};
 
-    let prototype: SampleProto;
-    let properties: SampleProps;
+    let prototype: SampleProto = { a: 1 };
+    let properties: SampleProps = { b: "" };
 
     {
         let result: {a: number; b: string};
@@ -8651,12 +8658,12 @@ namespace TestDefaults {
   interface S4 { d: number };
   interface S5 { e: number };
 
-    let obj: Obj;
-    let s1: S1;
-    let s2: S2;
-    let s3: S3;
-    let s4: S4;
-    let s5: S5;
+    let obj: Obj = { a: "" };
+    let s1: S1 = { a: 1 };
+    let s2: S2 = { b: 1 };
+    let s3: S3 = { c: 1 };
+    let s4: S4 = { d: 1 };
+    let s5: S5 = { e: 1 };
 
     {
     let result: Obj;
@@ -8788,14 +8795,14 @@ namespace TestExtend {
     type S4 = { d: number };
     type S5 = { e: number };
 
-    let obj: Obj;
-    let s1: S1;
-    let s2: S2;
-    let s3: S3;
-    let s4: S4;
-    let s5: S5;
+    let obj: Obj = { a: "" };
+    let s1: S1 = { a: 1 };
+    let s2: S2 = { b: 1 };
+    let s3: S3 = { c: 1 };
+    let s4: S4 = { d: 1 };
+    let s5: S5 = { e: 1 };
 
-    let customizer: (objectValue: any, sourceValue: any, key?: string, object?: {}, source?: {}) => any;
+    let customizer: (objectValue: any, sourceValue: any, key?: string, object?: {}, source?: {}) => any = (objectValue: any, sourceValue: any, key?: string, object?: {}, source?: {}) => 1;
 
     {
         let result: Obj;
@@ -8915,14 +8922,14 @@ namespace TestExtendWith {
     type S4 = { d: number };
     type S5 = { e: number };
 
-    let obj: Obj;
-    let s1: S1;
-    let s2: S2;
-    let s3: S3;
-    let s4: S4;
-    let s5: S5;
+    let obj: Obj = { a: "" };
+    let s1: S1 = { a: 1 };
+    let s2: S2 = { b: 1 };
+    let s3: S3 = { c: 1 };
+    let s4: S4 = { d: 1 };
+    let s5: S5 = { e: 1 };
 
-    let customizer: (objectValue: any, sourceValue: any, key?: string, object?: {}, source?: {}) => any;
+    let customizer: (objectValue: any, sourceValue: any, key?: string, object?: {}, source?: {}) => any = (objectValue: any, sourceValue: any, key?: string, object?: {}, source?: {}) => 1;
 
     {
         let result: Obj;
@@ -9036,7 +9043,7 @@ namespace TestExtendWith {
 // _.findKey
 namespace TestFindKey {
     {
-        let predicateFn: (value: any, key?: string, object?: {}) => boolean;
+        let predicateFn = (value: any, key: string, object: {}) => true;
         let result: string;
 
         result = _.findKey<{a: string;}>({a: ''});
@@ -9057,7 +9064,7 @@ namespace TestFindKey {
     }
 
     {
-        let predicateFn: (value: string, key?: string, collection?: _.Dictionary<string>) => boolean;
+        let predicateFn = (value: string, key: string, collection: _.Dictionary<string>) => true;
         let result: string;
 
         result = _.findKey<string, {a: string;}>({a: ''}, predicateFn);
@@ -9066,7 +9073,7 @@ namespace TestFindKey {
     }
 
     {
-        let predicateFn: (value: any, key?: string, object?: {}) => boolean;
+        let predicateFn = (value: any, key: string, object: {}) => true;
         let result: _.LoDashExplicitWrapper<string>;
 
         result = _<{a: string;}>({a: ''}).chain().findKey();
@@ -9079,7 +9086,7 @@ namespace TestFindKey {
     }
 
     {
-        let predicateFn: (value: string, key?: string, collection?: _.Dictionary<string>) => boolean;
+        let predicateFn = (value: string, key: string, collection: _.Dictionary<string>) => true;
         let result: _.LoDashExplicitWrapper<string>;
 
         result = _<{a: string;}>({a: ''}).chain().findKey<string>(predicateFn);
@@ -9089,7 +9096,7 @@ namespace TestFindKey {
 // _.findLastKey
 namespace TestFindLastKey {
     {
-        let predicateFn: (value: any, key?: string, object?: {}) => boolean;
+        let predicateFn = (value: any, key: string, object: {}) => true;
         let result: string;
 
         result = _.findLastKey<{a: string;}>({a: ''});
@@ -9110,7 +9117,7 @@ namespace TestFindLastKey {
     }
 
     {
-        let predicateFn: (value: string, key?: string, collection?: _.Dictionary<string>) => boolean;
+        let predicateFn = (value: string, key: string, collection: _.Dictionary<string>) => true;
         let result: string;
 
         result = _.findLastKey<string, {a: string;}>({a: ''}, predicateFn);
@@ -9119,7 +9126,7 @@ namespace TestFindLastKey {
     }
 
     {
-        let predicateFn: (value: any, key?: string, object?: {}) => boolean;
+        let predicateFn = (value: any, key: string, object: {}) => true;
         let result: _.LoDashExplicitWrapper<string>;
 
         result = _<{a: string;}>({a: ''}).chain().findLastKey();
@@ -9132,7 +9139,7 @@ namespace TestFindLastKey {
     }
 
     {
-        let predicateFn: (value: string, key?: string, collection?: _.Dictionary<string>) => boolean;
+        let predicateFn = (value: string, key: string, collection: _.Dictionary<string>) => true;
         let result: _.LoDashExplicitWrapper<string>;
 
         result = _<{a: string;}>({a: ''}).chain().findLastKey<string>(predicateFn);
@@ -9143,11 +9150,11 @@ namespace TestFindLastKey {
 namespace TestForIn {
     type SampleObject = {a: number; b: string; c: boolean;};
 
-    let dictionary: _.Dictionary<number>;
-    let dictionaryIterator: (value: number, key: string, collection: _.Dictionary<number>) => any;
+    let dictionary: _.Dictionary<number> = {};
+    let dictionaryIterator: (value: number, key: string, collection: _.Dictionary<number>) => any = (value: number, key: string, collection: _.Dictionary<number>) => 1;
 
-    let object: SampleObject;
-    let objectIterator: (element: any, key?: string, collection?: any) => any;
+    let object: SampleObject = { a: 1, b: "", c: true };
+    let objectIterator: (element: any, key?: string, collection?: any) => any = (element: any, key?: string, collection?: any) => 1;
 
     {
         let result: _.Dictionary<number>;
@@ -9182,11 +9189,11 @@ namespace TestForIn {
 namespace TestForInRight {
     type SampleObject = {a: number; b: string; c: boolean;};
 
-    let dictionary: _.Dictionary<number>;
-    let dictionaryIterator: (value: number, key: string, collection: _.Dictionary<number>) => any;
+    let dictionary: _.Dictionary<number> = {};
+    let dictionaryIterator: (value: number, key: string, collection: _.Dictionary<number>) => any = (value: number, key: string, collection: _.Dictionary<number>) => 1;
 
-    let object: SampleObject;
-    let objectIterator: (element: any, key?: string, collection?: any) => any;
+    let object: SampleObject = { a: 1, b: "", c: true };
+    let objectIterator: (element: any, key?: string, collection?: any) => any = (element: any, key?: string, collection?: any) => 1;
 
     {
         let result: _.Dictionary<number>;
@@ -9221,11 +9228,11 @@ namespace TestForInRight {
 namespace TestForOwn {
     type SampleObject = {a: number; b: string; c: boolean;};
 
-    let dictionary: _.Dictionary<number>;
-    let dictionaryIterator: (value: number, key: string, collection: _.Dictionary<number>) => any;
+    let dictionary: _.Dictionary<number> = {};
+    let dictionaryIterator: (value: number, key: string, collection: _.Dictionary<number>) => any = (value: number, key: string, collection: _.Dictionary<number>) => 1;
 
-    let object: SampleObject;
-    let objectIterator: (element: any, key?: string, collection?: any) => any;
+    let object: SampleObject = { a: 1, b: "", c: true };
+    let objectIterator: (element: any, key?: string, collection?: any) => any = (element: any, key?: string, collection?: any) => 1;
 
     {
         let result: _.Dictionary<number>;
@@ -9260,11 +9267,11 @@ namespace TestForOwn {
 namespace TestForOwnRight {
     type SampleObject = {a: number; b: string; c: boolean;};
 
-    let dictionary: _.Dictionary<number>;
-    let dictionaryIterator: (value: number, key: string, collection: _.Dictionary<number>) => any;
+    let dictionary: _.Dictionary<number> = {};
+    let dictionaryIterator: (value: number, key: string, collection: _.Dictionary<number>) => any = (value: number, key: string, collection: _.Dictionary<number>) => 1;
 
-    let object: SampleObject;
-    let objectIterator: (element: any, key?: string, collection?: any) => any;
+    let object: SampleObject = { a: 1, b: "", c: true };
+    let objectIterator: (element: any, key?: string, collection?: any) => any = (element: any, key?: string, collection?: any) => 1;
 
     {
         let result: _.Dictionary<number>;
@@ -9299,7 +9306,7 @@ namespace TestForOwnRight {
 namespace TestFunctions {
     type SampleObject = {a: number; b: string; c: boolean;};
 
-    let object: SampleObject;
+    let object: SampleObject = { a: 1, b: "", c: true };
 
     {
         let result: string[];
@@ -9324,7 +9331,7 @@ namespace TestFunctions {
 namespace TestFunctionsIn {
     type SampleObject = {a: number; b: string; c: boolean;};
 
-    let object: SampleObject;
+    let object: SampleObject = { a: 1, b: "", c: true };
 
     {
         let result: string[];
@@ -9436,7 +9443,7 @@ namespace TestGet {
 namespace TestHas {
     type SampleObject = {a: number; b: string; c: boolean;};
 
-    let object: SampleObject;
+    let object: SampleObject = { a: 1, b: "", c: true };
 
     {
         let result: boolean;
@@ -9466,7 +9473,7 @@ namespace TestHas {
 namespace TestHasIn {
     type SampleObject = {a: number; b: string; c: boolean;};
 
-    let object: SampleObject;
+    let object: SampleObject = { a: 1, b: "", c: true };
 
     {
         let result: boolean;
@@ -9521,16 +9528,16 @@ namespace TestInvert {
 
 // _.invertBy
 namespace TestInvertBy {
-    let array: ({a: number;})[];
-    let list: _.List<{a: number;}>;
-    let dictionary: _.Dictionary<{a: number;}>;
-    let numericDictionary: _.NumericDictionary<{a: number;}>;
+    let array: ({a: number;})[] = [];
+    let list: _.List<{a: number;}> = [];
+    let dictionary: _.Dictionary<{a: number;}> = {};
+    let numericDictionary: _.NumericDictionary<{a: number;}> = {};
 
-    let stringIterator: (value: string) => any;
-    let arrayIterator: (value: {a: number;}) => any;
-    let listIterator: (value: {a: number;}) => any;
-    let dictionaryIterator: (value: {a: number;}) => any;
-    let numericDictionaryIterator: (value: {a: number;}) => any;
+    let stringIterator: (value: string) => any = (value: string) => 1;
+    let arrayIterator: (value: {a: number;}) => any = (value: {a: number;}) => 1;
+    let listIterator: (value: {a: number;}) => any = (value: {a: number;}) => 1;
+    let dictionaryIterator: (value: {a: number;}) => any = (value: {a: number;}) => 1;
+    let numericDictionaryIterator: (value: {a: number;}) => any = (value: {a: number;}) => 1;
 
     {
         let result: _.Dictionary<string[]>;
@@ -9616,7 +9623,7 @@ namespace TestInvertBy {
 
 // _.keys
 namespace TestKeys {
-    let object: _.Dictionary<any>;
+    let object: _.Dictionary<any> = {};
 
     {
         let result: string[];
@@ -9639,7 +9646,7 @@ namespace TestKeys {
 
 // _.keysIn
 namespace TestKeysIn {
-    let object: _.Dictionary<any>;
+    let object: _.Dictionary<any> = {};
 
     {
         let result: string[];
@@ -9662,12 +9669,12 @@ namespace TestKeysIn {
 
 // _.mapKeys
 namespace TestMapKeys {
-    let array: TResult[];
-    let list: _.List<TResult>;
-    let dictionary: _.Dictionary<TResult>;
+    let array: TResult[] = [];
+    let list: _.List<TResult> = [];
+    let dictionary: _.Dictionary<TResult> = {};
 
-    let listIterator: (value: TResult, index: number, collection: _.List<TResult>) => string;
-    let dictionaryIterator: (value: TResult, key: string, collection: _.Dictionary<TResult>) => string;
+    let listIterator = (value: TResult, index: number, collection: _.List<TResult>) => "";
+    let dictionaryIterator = (value: TResult, key: string, collection: _.Dictionary<TResult>) => "";
 
     {
         let result: _.Dictionary<TResult>;
@@ -9828,7 +9835,7 @@ namespace TestMergeWith {
     type ExpectedResult = { a: number, b: string };
     let result: ExpectedResult;
 
-    let customizer: (value: any, srcValue: any, key?: string, object?: InitialValue, source?: MergingValue) => any;
+    let customizer: (value: any, srcValue: any, key?: string, object?: InitialValue, source?: MergingValue) => any = (value: any, srcValue: any, key?: string, object?: InitialValue, source?: MergingValue) => 1;
 
     // Test for basic merging
     result = _.mergeWith(initialValue, mergingValue, customizer);
@@ -9883,7 +9890,7 @@ namespace TestOmit {
 
 // _.omitBy
 namespace TestOmitBy {
-    let predicate: (element: any, key: string, collection: any) => boolean;
+    let predicate = (element: any, key: string, collection: any) => true;
 
     {
         let result: TResult;
@@ -9938,7 +9945,7 @@ namespace TestPick {
 
 // _.pickBy
 namespace TestPickBy {
-    let predicate: (element: any, key: string, collection: any) => boolean;
+    let predicate = (element: any, key: string, collection: any) => true;
 
     {
         let result: TResult;
@@ -10075,8 +10082,8 @@ namespace TestSet {
     type SampleObject = {a: {}};
     type SampleResult = {a: {b: number[]}};
 
-    let object: SampleObject;
-    let value: number;
+    let object: SampleObject = { a: {} };
+    let value: number = 0;
 
     {
         let result: SampleResult;
@@ -10117,9 +10124,9 @@ namespace TestSetWith {
     type SampleObject = {a: {}};
     type SampleResult = {a: {b: number[]}};
 
-    let object: SampleObject;
-    let value: number;
-    let customizer: (value: any, key: string, object: SampleObject) => number;
+    let object: SampleObject = { a: {} };
+    let value: number = 0;
+    let customizer = (value: any, key: string, object: SampleObject) => 0;
 
     {
         let result: SampleResult;
@@ -10171,7 +10178,7 @@ namespace TestSetWith {
 
 // _.toPairs
 namespace TestToPairs {
-    let object: _.Dictionary<string>;
+    let object: _.Dictionary<string> = {};
 
     {
         let result: [string, any][];
@@ -10212,7 +10219,7 @@ namespace TestToPairs {
 
 // _.toPairsIn
 namespace TestToPairsIn {
-    let object: _.Dictionary<string>;
+    let object: _.Dictionary<string> = {};
 
     {
         let result: [string, any][];
@@ -10253,12 +10260,12 @@ namespace TestToPairsIn {
 
 // _.transform
 namespace TestTransform {
-    let array: number[];
-    let dictionary: _.Dictionary<number>;
+    let array: number[] = [];
+    let dictionary: _.Dictionary<number> = {};
 
     {
-        let iterator: (acc: TResult[], curr: number, index?: number, arr?: number[]) => void;
-        let accumulator: TResult[];
+        let iterator = (acc: TResult[], curr: number, index?: number, arr?: number[]) => {};
+        let accumulator: TResult[] = [];
         let result: TResult[];
 
         result = _.transform<number, TResult>(array);
@@ -10271,8 +10278,8 @@ namespace TestTransform {
     }
 
     {
-        let iterator: (acc: _.Dictionary<TResult>, curr: number, index?: number, arr?: number[]) => void;
-        let accumulator: _.Dictionary<TResult>;
+        let iterator = (acc: _.Dictionary<TResult>, curr: number, index?: number, arr?: number[]) => {};
+        let accumulator: _.Dictionary<TResult> = {};
         let result: _.Dictionary<TResult>;
 
         result = _.transform<number, TResult>(array, iterator);
@@ -10283,8 +10290,8 @@ namespace TestTransform {
     }
 
     {
-        let iterator: (acc: _.Dictionary<TResult>, curr: number, key?: string, dict?: _.Dictionary<number>) => void;
-        let accumulator: _.Dictionary<TResult>;
+        let iterator = (acc: _.Dictionary<TResult>, curr: number, key?: string, dict?: _.Dictionary<number>) => {};
+        let accumulator: _.Dictionary<TResult> = {};
         let result: _.Dictionary<TResult>;
 
         result = _.transform<number, TResult>(dictionary);
@@ -10297,8 +10304,8 @@ namespace TestTransform {
     }
 
     {
-        let iterator: (acc: TResult[], curr: number, key?: string, dict?: _.Dictionary<number>) => void;
-        let accumulator: TResult[];
+        let iterator = (acc: TResult[], curr: number, key?: string, dict?: _.Dictionary<number>) => {};
+        let accumulator: TResult[] = [];
         let result: TResult[];
 
         result = _.transform<number, TResult>(dictionary, iterator);
@@ -10313,7 +10320,7 @@ namespace TestTransform {
 namespace TestUnset {
     type SampleObject = {a: {b: string; c: boolean}};
 
-    let object: SampleObject;
+    let object: SampleObject = { a: { b: "", c: true } };
 
     {
         let result: boolean;
@@ -10342,8 +10349,8 @@ namespace TestUpdate {
     type SampleObject = {a: {}};
     type SampleResult = {a: {b: number[]}};
 
-    let object: SampleObject;
-    let updater: (value: any) => number;
+    let object: SampleObject = { a: {} };
+    let updater = (value: any) => 0;
 
     {
         let result: SampleResult;
@@ -10415,10 +10422,10 @@ namespace TestValues {
     }
 
     {
-        let dict: _.Dictionary<SampleObject>;
-        let numDict: _.NumericDictionary<SampleObject>;
-        let list: _.List<SampleObject>;
-        let object: {a: SampleObject};
+        let dict: _.Dictionary<SampleObject> = {};
+        let numDict: _.NumericDictionary<SampleObject> = {};
+        let list: _.List<SampleObject> = [];
+        let object: {a: SampleObject} = { a: { a: {} } };
         let result: SampleObject[];
 
         result = _.values(dict);
@@ -10457,10 +10464,10 @@ namespace TestValues {
     }
 
     {
-        let dict: _.Dictionary<SampleObject>;
-        let numDict: _.NumericDictionary<SampleObject>;
-        let list: _.List<SampleObject>;
-        let object: {a: SampleObject};
+        let dict: _.Dictionary<SampleObject> = {};
+        let numDict: _.NumericDictionary<SampleObject> = {};
+        let list: _.List<SampleObject> = [];
+        let object: {a: SampleObject} = { a: { a: {} } };
         let result: _.LoDashImplicitArrayWrapper<SampleObject>;
 
         result = _(dict).values<SampleObject>();
@@ -10499,10 +10506,10 @@ namespace TestValues {
     }
 
     {
-        let dict: _.Dictionary<SampleObject>;
-        let numDict: _.NumericDictionary<SampleObject>;
-        let list: _.List<SampleObject>;
-        let object: {a: SampleObject};
+        let dict: _.Dictionary<SampleObject> = {};
+        let numDict: _.NumericDictionary<SampleObject> = {};
+        let list: _.List<SampleObject> = [];
+        let object: {a: SampleObject} = { a: { a: {} } };
         let result: _.LoDashExplicitArrayWrapper<SampleObject>;
 
         result = _(dict).chain().values<SampleObject>();
@@ -10514,7 +10521,7 @@ namespace TestValues {
 
 // _.valuesIn
 namespace TestValuesIn {
-    let object: _.Dictionary<TResult>;
+    let object: _.Dictionary<TResult> = {};
 
     {
         let result: TResult[];
@@ -10956,7 +10963,7 @@ namespace TestTemplate {
         interpolate?: RegExp;
         sourceURL?: string;
         variable?: string;
-    };
+    } = {};
 
     {
         let result: TemplateExecutor;
@@ -11171,7 +11178,7 @@ namespace TestWords {
 
 // _.attempt
 namespace TestAttempt {
-    let func: (...args: any[]) => {a: string};
+    let func: (...args: any[]) => {a: string} = (...args) => ({ a: "" });
 
     {
         let result: {a: string}|Error;
@@ -11487,7 +11494,7 @@ namespace TestIteratee {
 
 // _.matches
 namespace TestMatches {
-    let source: TResult;
+    let source: TResult = { a: 1, b: "", c: true };
 
     {
         let result: (value: any) => boolean;
@@ -11512,8 +11519,8 @@ namespace TestMatches {
 
 // _.matchesProperty
 namespace TestMatches {
-    let path: {toString(): string;}|{toString(): string;}[];
-    let source: TResult;
+    let path: {toString(): string;}|{toString(): string;}[] = [];
+    let source: TResult = { a: 1, b: "", c: true };
 
     {
         let result: (value: any) => boolean;
@@ -11642,7 +11649,7 @@ namespace TestMethodOf {
     type SampleObject = { a: { b(): TResult }[] };
     type ResultFn = (path: _.StringRepresentable|_.StringRepresentable[]) => TResult;
 
-    let object: SampleObject;
+    let object: SampleObject = { a: [] };
 
     {
         let result: ResultFn;
@@ -11679,8 +11686,8 @@ namespace TestMethodOf {
 
 // _.mixin
 namespace TestMixin {
-    let source: _.Dictionary<Function>;
-    let options: {chain?: boolean};
+    let source: _.Dictionary<Function> = {};
+    let options: {chain?: boolean} = {};
 
     {
         let result: TResult;
@@ -11909,7 +11916,7 @@ namespace TestPropertyOf {
         }
     }
 
-    let object: SampleObject;
+    let object: SampleObject = { a: { b: [] } };
 
     {
         let result: (path: string|string[]) => any;
@@ -12095,7 +12102,7 @@ namespace TestRangeRight {
 
 // _.times
 namespace TestTimes {
-    let iteratee: (num: number) => TResult;
+    let iteratee: (num: number) => TResult = (num: number) => ({ a: 1, b: "", c: true });
 
     {
         let result: number[];
diff --git a/types/lodash/tsconfig.json b/types/lodash/tsconfig.json
index c0730d6661..88cd24b85a 100644
--- a/types/lodash/tsconfig.json
+++ b/types/lodash/tsconfig.json
@@ -299,7 +299,7 @@
         ],
         "noImplicitAny": true,
         "noImplicitThis": true,
-        "strictNullChecks": false,
+        "strictNullChecks": true,
         "baseUrl": "../",
         "typeRoots": [
             "../"

From 5fc2f8c6703ca755e1f338bea0fedfc670b3abc5 Mon Sep 17 00:00:00 2001
From: Periklis Tsirakidis <periklis.tsirakidis@mayflower.de>
Date: Fri, 5 May 2017 17:59:06 +0200
Subject: [PATCH 237/321] emscripten: update module api to 1.37.10 (#16310)

* Add type aliases for imports and exports

* Update emscripten Module API to 1.37.10
---
 types/emscripten/emscripten-tests.ts | 19 ++++++++++++++++---
 types/emscripten/index.d.ts          | 23 ++++++++++++++++++++++-
 types/webassembly-js-api/index.d.ts  | 26 ++++++++++++++++----------
 3 files changed, 54 insertions(+), 14 deletions(-)

diff --git a/types/emscripten/emscripten-tests.ts b/types/emscripten/emscripten-tests.ts
index 0c7f99b710..153ea6b5de 100644
--- a/types/emscripten/emscripten-tests.ts
+++ b/types/emscripten/emscripten-tests.ts
@@ -1,8 +1,20 @@
-
-
-
 /// Module
 function ModuleTest(): void {
+    Module.environment = "WEB";
+    Module.environment = "NODE";
+    Module.noInitialRun = false;
+    Module.logReadFiles = false;
+    Module.filePackagePrefixURL = "http://www.example.org/";
+    Module.preinitializedWebGLContext = new WebGLRenderingContext();
+
+    let package: ArrayBuffer = Module.getPreloadedPackage("package-name", 100);
+    let exports: WebAssembly.Exports = Module.instantiateWasm(
+        [{name: "func-name", kind: "function"}],
+        (module: WebAssembly.Module) => {}
+    );
+    let memFile: string = Module.locateFile("http://www.example.org/file.mem");
+    Module.onCustomMessage(new MessageEvent("TestType"));
+
     Module.print = function(text) { alert('stdout: ' + text) };
 
     var int_sqrt = Module.cwrap('int_sqrt', 'number', ['number'])
@@ -16,6 +28,7 @@ function ModuleTest(): void {
     Module.HEAPU8.set(myTypedArray, buf);
     Module.ccall('my_function', 'number', ['number'], [buf]);
     Module._free(buf);
+    Module.destroy({});
 }
 
 /// FS
diff --git a/types/emscripten/index.d.ts b/types/emscripten/index.d.ts
index 38e659a0f3..14260dd9d4 100644
--- a/types/emscripten/index.d.ts
+++ b/types/emscripten/index.d.ts
@@ -1,7 +1,11 @@
 // Type definitions for Emscripten
 // Project: http://kripken.github.io/emscripten-site/index.html
 // Definitions by: Kensuke Matsuzaki <https://github.com/zakki>
+//                 Periklis Tsirakidis <https://github.com/periklis>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+// TypeScript Version: 2.2
+
+/// <reference types="webassembly-js-api" />
 
 declare namespace Emscripten {
     interface FileSystemType {
@@ -9,13 +13,30 @@ declare namespace Emscripten {
 }
 
 declare namespace Module {
+    type EnvironmentType = "WEB" | "NODE" | "SHELL" | "WORKER";
+
     function print(str: string): void;
     function printErr(str: string): void;
     var arguments: string[];
+    var environment: EnvironmentType;
     var preInit: { ():  void }[];
     var preRun: { ():  void }[];
     var postRun: { ():  void }[];
+    var preinitializedWebGLContext: WebGLRenderingContext;
+    var noInitialRun: boolean;
     var noExitRuntime: boolean;
+    var logReadFiles: boolean;
+    var filePackagePrefixURL: string;
+    var wasmBinary: ArrayBuffer;
+
+    function destroy(object: object): void;
+    function getPreloadedPackage(remotePackageName: string, remotePackageSize: number): ArrayBuffer;
+    function instantiateWasm(
+        imports: WebAssembly.Imports,
+        successCallback: (module: WebAssembly.Module) => void
+    ): WebAssembly.Exports;
+    function locateFile(url: string): string;
+    function onCustomMessage(event: MessageEvent): void;
 
     var Runtime: any;
 
@@ -65,7 +86,7 @@ declare namespace Module {
     function addOnExit(cb: () => any): void;
     function addOnPostRun(cb: () => any): void;
 
-	// Tools
+    // Tools
     function intArrayFromString(stringy: string, dontAddNull?: boolean, length?: number): number[];
     function intArrayToString(array: number[]): string;
     function writeStringToMemory(str: string, buffer: number, dontAddNull: boolean): void;
diff --git a/types/webassembly-js-api/index.d.ts b/types/webassembly-js-api/index.d.ts
index 4e7b0d52bf..0c8c9d19e8 100644
--- a/types/webassembly-js-api/index.d.ts
+++ b/types/webassembly-js-api/index.d.ts
@@ -1,6 +1,8 @@
 // Type definitions for WebAssembly v1 (MVP)
 // Project: https://github.com/winksaville/test-webassembly-js-ts
-// Definitions by: 01alchemist <https://twitter.com/01alchemist>, Wink Saville <wink@saville.com>
+// Definitions by: 01alchemist <https://twitter.com/01alchemist>
+//                 Wink Saville <wink@saville.com>
+//                 Periklis Tsirakidis <https://github.com/periklis>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 
 /**
@@ -9,21 +11,25 @@
  * for more information.
  */
 declare namespace WebAssembly {
+    type Imports =  Array<{
+        name: string;
+        kind: string;
+    }>;
+
+    type Exports = Array<{
+        module: string;
+        name: string;
+        kind: string;
+    }>;
+
     /**
      * WebAssembly.Module
      */
     class Module {
         constructor(bufferSource: ArrayBuffer | Uint8Array);
         static customSections(module: Module, sectionName: string): ArrayBuffer[];
-        static exports(module: Module): Array<{
-            name: string;
-            kind: string;
-        }>;
-        static imports(module: Module): Array<{
-            module: string;
-            name: string;
-            kind: string;
-        }>;
+        static exports(module: Module): Imports;
+        static imports(module: Module): Exports;
     }
 
     /**

From 1b926c986b31861abf39bd11534b1f0ccbea3405 Mon Sep 17 00:00:00 2001
From: Kacper Polak <kacepe@users.noreply.github.com>
Date: Fri, 5 May 2017 17:59:58 +0200
Subject: [PATCH 238/321] Add sql property to Error interface (#16336)

Based on commit:
https://github.com/mysqljs/mysql/commit/7549c734e5691575d20e7c774d47cda482214bda
---
 types/mysql/index.d.ts | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/types/mysql/index.d.ts b/types/mysql/index.d.ts
index 7660feb374..9212d59ef6 100644
--- a/types/mysql/index.d.ts
+++ b/types/mysql/index.d.ts
@@ -1,6 +1,7 @@
 // Type definitions for node-mysql
 // Project: https://github.com/felixge/node-mysql
 // Definitions by: William Johnston <https://github.com/wjohnsto>
+//		   Kacper Polak <https://github.com/kacepe>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 
 ///<reference types="node" />
@@ -497,6 +498,11 @@ interface IError extends Error {
      * Boolean, indicating if this error is terminal to the connection object.
      */
     fatal: boolean;
+
+    /**
+     * SQL of failed query
+     */
+    sql?: string;
 }
 
 declare const enum FieldType {

From ef8ff1dff4a8fce861b6aa8ff6e106e5fa0ae95c Mon Sep 17 00:00:00 2001
From: Carl Winkler <carl@carlossus.com>
Date: Sat, 6 May 2017 00:01:16 +0800
Subject: [PATCH 239/321] Add support and tests for Dockerode promise API
 (#16337)

---
 types/dockerode/dockerode-tests.ts |  23 ++++++
 types/dockerode/index.d.ts         | 108 ++++++++++++++++++++++++++++-
 types/dockerode/tsconfig.json      |   1 +
 3 files changed, 130 insertions(+), 2 deletions(-)

diff --git a/types/dockerode/dockerode-tests.ts b/types/dockerode/dockerode-tests.ts
index 4b4e406839..8dd9a380de 100644
--- a/types/dockerode/dockerode-tests.ts
+++ b/types/dockerode/dockerode-tests.ts
@@ -24,6 +24,25 @@ const docker6 = new Docker({
   key: 'key'
 });
 
+const docker7 = new Docker({
+  Promise
+});
+
+async function foo() {
+  const containers = await docker7.listContainers();
+  for (const container of containers) {
+    const foo = await docker7.getContainer(container.Id);
+    const inspect = await foo.inspect();
+  }
+
+  const images = await docker5.listImages();
+  for (const image of images) {
+    const foo = await docker5.getImage(image.Id);
+    const inspect = await foo.inspect();
+    await foo.remove();
+  }
+}
+
 const container = docker.getContainer('container-id');
 container.inspect((err, data) => {
   // NOOP
@@ -47,6 +66,10 @@ docker.listContainers((err, containers) => {
   });
 });
 
+docker.listContainers().then(containers => {
+  return containers.map(container => docker.getContainer(container.Id));
+});
+
 docker.buildImage('archive.tar', { t: 'imageName' }, (err, response) => {
   // NOOP
 });
diff --git a/types/dockerode/index.d.ts b/types/dockerode/index.d.ts
index 2e834f0b3b..a4a1144872 100644
--- a/types/dockerode/index.d.ts
+++ b/types/dockerode/index.d.ts
@@ -12,69 +12,93 @@ declare namespace Dockerode {
   interface Container {
     inspect(options: {}, callback: Callback<ContainerInspectInfo>): void;
     inspect(callback: Callback<ContainerInspectInfo>): void;
-    inspect(options?: {}): { id: string };
+    inspect(options?: {}): Promise<ContainerInspectInfo>;
 
     rename(options: {}, callback: Callback<any>): void;
+    rename(options: {}): Promise<any>;
 
     update(options: {}, callback: Callback<any>): void;
+    update(options: {}): Promise<any>;
 
     top(options: {}, callback: Callback<any>): void;
     top(callback: Callback<any>): void;
+    top(options?: {}): Promise<any>;
 
     changes(callback: Callback<any>): void;
+    changes(): Promise<any>;
 
     export(callback: Callback<NodeJS.ReadableStream>): void;
+    export(): Promise<NodeJS.ReadableStream>;
 
     start(options: {}, callback: Callback<any>): void;
     start(callback: Callback<any>): void;
+    start(options?: {}): Promise<any>;
 
     pause(options: {}, callback: Callback<any>): void;
     pause(callback: Callback<any>): void;
+    pause(options?: {}): Promise<any>;
 
     unpause(options: {}, callback: Callback<any>): void;
     unpause(callback: Callback<any>): void;
+    unpause(options?: {}): Promise<any>;
 
     exec(options: {}, callback: Callback<any>): void;
+    exec(options: {}): Promise<any>;
 
     commit(options: {}, callback: Callback<any>): void;
     commit(callback: Callback<any>): void;
+    commit(options?: {}): Promise<any>;
 
     stop(options: {}, callback: Callback<any>): void;
     stop(callback: Callback<any>): void;
+    stop(options?: {}): Promise<any>;
 
     restart(options: {}, callback: Callback<any>): void;
     restart(callback: Callback<any>): void;
+    restart(options?: {}): Promise<any>;
 
     kill(options: {}, callback: Callback<any>): void;
     kill(callback: Callback<any>): void;
+    kill(options?: {}): Promise<any>;
 
     resize(options: {}, callback: Callback<any>): void;
     resize(callback: Callback<any>): void;
+    resize(options?: {}): Promise<any>;
 
     wait(callback: Callback<any>): void;
+    wait(): Promise<any>;
 
     remove(options: {}, callback: Callback<any>): void;
     remove(callback: Callback<any>): void;
+    remove(options?: {}): Promise<any>;
 
     /** Deprecated since RAPI v1.20 */
     copy(options: {}, callback: Callback<any>): void;
     /** Deprecated since RAPI v1.20 */
     copy(callback: Callback<any>): void;
+    /** Deprecated since RAPI v1.20 */
+    copy(options?: {}): Promise<any>;
 
     getArchive(options: {}, callback: Callback<NodeJS.ReadableStream>): void;
+    getArchive(options: {}): Promise<NodeJS.ReadableStream>;
 
     infoArchive(options: {}, callback: Callback<any>): void;
+    infoArchive(options: {}): Promise<any>;
 
     /** @param file Filename (will read synchronously), Buffer or stream */
     putArchive(file: string | Buffer | NodeJS.ReadableStream, options: {}, callback: Callback<NodeJS.WritableStream>): void;
+    putArchive(file: string | Buffer | NodeJS.ReadableStream, options: {}): Promise<NodeJS.ReadWriteStream>;
 
-    logs(options: { stdout?: boolean, stderr?: boolean, follow?: boolean, since?: number, details?: boolean, tail?: number, timestamps?: boolean }, callback: Callback<NodeJS.ReadableStream>): void;
+    logs(options: ContainerLogsOptions, callback: Callback<NodeJS.ReadableStream>): void;
     logs(callback: Callback<NodeJS.ReadableStream>): void;
+    logs(options?: ContainerLogsOptions): Promise<NodeJS.ReadableStream>;
 
     stats(options: {}, callback: Callback<any>): void;
     stats(callback: Callback<any>): void;
+    stats(options?: {}): Promise<any>;
 
     attach(options: {}, callback: Callback<NodeJS.ReadableStream>): void;
+    attach(options: {}): Promise<NodeJS.ReadableStream>;
 
     modem: any;
     id?: string;
@@ -82,19 +106,25 @@ declare namespace Dockerode {
 
   interface Image {
     inspect(callback: Callback<ImageInspectInfo>): void;
+    inspect(): Promise<ImageInspectInfo>;
 
     history(callback: Callback<any>): void;
+    history(): Promise<any>;
 
     get(callback: Callback<NodeJS.ReadableStream>): void;
+    get(): Promise<NodeJS.ReadableStream>;
 
     push(options: {}, callback: Callback<NodeJS.ReadableStream>): void;
     push(callback: Callback<NodeJS.ReadableStream>): void;
+    push(options?: {}): Promise<NodeJS.ReadableStream>;
 
     tag(options: {}, callback: Callback<any>): void;
     tag(callback: Callback<any>): void;
+    tag(options?: {}): Promise<any>;
 
     remove(options: {}, callback: Callback<ImageRemoveInfo>): void;
     remove(callback: Callback<ImageRemoveInfo>): void;
+    remove(options?: {}): Promise<any>;
 
     modem: any;
     id?: string;
@@ -102,9 +132,11 @@ declare namespace Dockerode {
 
   interface Volume {
     inspect(callback: Callback<any>): void;
+    inspect(): Promise<any>;
 
     remove(options: {}, callback: Callback<any>): void;
     remove(callback: Callback<any>): void;
+    remove(options?: {}): Promise<any>;
 
     modem: any;
     name?: string;
@@ -112,11 +144,14 @@ declare namespace Dockerode {
 
   interface Service {
     inspect(callback: Callback<any>): void;
+    inspect(): Promise<any>;
 
     remove(options: {}, callback: Callback<any>): void;
     remove(callback: Callback<any>): void;
+    remove(options?: {}): Promise<any>;
 
     update(options: {}, callback: Callback<any>): void;
+    update(options: {}): Promise<any>;
 
     modem: any;
     id?: string;
@@ -124,6 +159,7 @@ declare namespace Dockerode {
 
   interface Task {
     inspect(callback: Callback<any>): void;
+    inspect(): Promise<any>;
 
     modem: any;
     id?: string;
@@ -131,6 +167,7 @@ declare namespace Dockerode {
 
   interface Node {
     inspect(callback: Callback<any>): void;
+    inspect(): Promise<any>;
 
     modem: any;
     id?: string;
@@ -142,38 +179,50 @@ declare namespace Dockerode {
     remote: any;
 
     inspect(callback: Callback<PluginInspectInfo>): void;
+    inspect(): Promise<PluginInspectInfo>;
 
     remove(options: {}, callback: Callback<any>): void;
     remove(callback: Callback<any>): void;
+    remove(options?: {}): Promise<any>;
 
     privileges(callback: Callback<any>): void;
+    privileges(): Promise<any>;
 
     pull(options: {}, callback: Callback<any>): void;
+    pull(options: {}): Promise<any>;
 
     enable(options: {}, callback: Callback<any>): void;
     enable(callback: Callback<any>): void;
+    enable(options?: {}): Promise<any>;
 
     disable(options: {}, callback: Callback<any>): void;
     disable(callback: Callback<any>): void;
+    disable(options?: {}): Promise<any>;
 
     push(options: {}, callback: Callback<any>): void;
     push(callback: Callback<any>): void;
+    push(options?: {}): Promise<any>;
 
     configure(options: {}, callback: Callback<any>): void;
     configure(callback: Callback<any>): void;
+    configure(options?: {}): Promise<any>;
 
     upgrade(auth: any, options: {}, callback: Callback<any>): void;
     upgrade(auth: any, callback: Callback<any>): void;
+    upgrade(auth: any, options?: {}): Promise<any>;
   }
 
   interface Secret {
     inspect(callback: Callback<SecretInfo>): void;
+    inspect(): Promise<SecretInfo>;
 
     update(options: {}, callback: Callback<any>): void;
     update(callback: Callback<any>): void;
+    update(options?: {}): Promise<any>;
 
     remove(options: {}, callback: Callback<any>): void;
     remove(callback: Callback<any>): void;
+    remove(options?: {}): Promise<any>;
 
     modem: any;
     id?: string;
@@ -181,15 +230,19 @@ declare namespace Dockerode {
 
   interface Network {
     inspect(callback: Callback<any>): void;
+    inspect(): Promise<any>;
 
     remove(options: {}, callback: Callback<any>): void;
     remove(callback: Callback<any>): void;
+    remove(options?: {}): Promise<any>;
 
     connect(options: {}, callback: Callback<any>): void;
     connect(callback: Callback<any>): void;
+    connect(options?: {}): Promise<any>;
 
     disconnect(options: {}, callback: Callback<any>): void;
     disconnect(callback: Callback<any>): void;
+    disconnect(options?: {}): Promise<any>;
 
     modem: any;
     id?: string;
@@ -197,10 +250,13 @@ declare namespace Dockerode {
 
   interface Exec {
     inspect(callback: Callback<any>): void;
+    inspect(): Promise<any>;
 
     start(options: {}, callback: Callback<any>): void;
+    start(options: {}): Promise<any>;
 
     resize(options: {}, callback: Callback<any>): void;
+    resize(options: {}): Promise<any>;
 
     modem: any;
     id?: string;
@@ -587,6 +643,7 @@ declare namespace Dockerode {
     key?: string;
     protocol?: "https" | "http";
     timeout?: number;
+    Promise?: typeof Promise;
   }
 
   interface SecretVersion {
@@ -719,6 +776,16 @@ declare namespace Dockerode {
   interface PruneNetworksInfo {
     NetworksDeleted: string[];
   }
+
+  interface ContainerLogsOptions {
+    stdout?: boolean;
+    stderr?: boolean;
+    follow?: boolean;
+    since?: number;
+    details?: boolean;
+    tail?: number;
+    timestamps?: boolean;
+  }
 }
 
 type Callback<T> = (error?: any, result?: T) => void;
@@ -727,20 +794,27 @@ declare class Dockerode {
   constructor(options?: Dockerode.DockerOptions);
 
   createContainer(options: Dockerode.ContainerCreateOptions, callback: Callback<Dockerode.Container>): void;
+  createContainer(options: Dockerode.ContainerCreateOptions): Promise<Dockerode.Container>;
 
   createImage(options: {}, callback: Callback<Dockerode.Image>): void;
   createImage(auth: any, options: {}, callback: Callback<Dockerode.Image>): void;
+  createImage(options: {}): Promise<Dockerode.Image>;
+  createImage(auth: any, options: {}): Promise<Dockerode.Image>;
 
   loadImage(file: string, options: {}, callback: Callback<any>): void;
   loadImage(file: string, callback: Callback<any>): void;
+  loadImage(file: string, options?: {}): Promise<any>;
 
   importImage(file: string, options: {}, callback: Callback<any>): void;
   importImage(file: string, callback: Callback<any>): void;
+  importImage(file: string, options?: {}): Promise<any>;
 
   checkAuth(options: any, callback: Callback<any>): void;
+  checkAuth(options: any): Promise<any>;
 
   buildImage(file: string | NodeJS.ReadableStream, options: {}, callback: Callback<any>): void;
   buildImage(file: string | NodeJS.ReadableStream, callback: Callback<any>): void;
+  buildImage(file: string | NodeJS.ReadableStream, options?: {}): Promise<any>;
 
   getContainer(id: string): Dockerode.Container;
 
@@ -764,80 +838,110 @@ declare class Dockerode {
 
   listContainers(options: {}, callback: Callback<Dockerode.ContainerInfo[]>): void;
   listContainers(callback: Callback<Dockerode.ContainerInfo[]>): void;
+  listContainers(options?: {}): Promise<Dockerode.ContainerInfo[]>;
 
   listImages(options: {}, callback: Callback<Dockerode.ImageInfo[]>): void;
   listImages(callback: Callback<Dockerode.ImageInfo[]>): void;
+  listImages(options?: {}): Promise<Dockerode.ImageInfo[]>;
 
   listServices(options: {}, callback: Callback<any[]>): void;
   listServices(callback: Callback<any[]>): void;
+  listServices(options?: {}): Promise<any[]>;
 
   listNodes(options: {}, callback: Callback<any[]>): void;
   listNodes(callback: Callback<any[]>): void;
+  listNodes(options?: {}): Promise<any[]>;
 
   listTasks(options: {}, callback: Callback<any[]>): void;
   listTasks(callback: Callback<any[]>): void;
+  listTasks(options?: {}): Promise<any[]>;
 
   listSecrets(options: {}, callback: Callback<Dockerode.SecretInfo[]>): void;
   listSecrets(callback: Callback<Dockerode.SecretInfo[]>): void;
+  listSecrets(options?: {}): Promise<Dockerode.SecretInfo[]>;
 
   listPlugins(options: {}, callback: Callback<Dockerode.PluginInfo[]>): void;
   listPlugins(callback: Callback<Dockerode.PluginInfo[]>): void;
+  listPlugins(options?: {}): Promise<Dockerode.PluginInfo[]>;
 
   listVolumes(options: {}, callback: Callback<any[]>): void;
   listVolumes(callback: Callback<any[]>): void;
+  listVolumes(options?: {}): Promise<any[]>;
 
   listNetworks(options: {}, callback: Callback<any[]>): void;
   listNetworks(callback: Callback<any[]>): void;
+  listNetworks(options?: {}): Promise<any[]>;
 
   createSecret(options: {}, callback: Callback<any>): void;
+  createSecret(options: {}): Promise<any>;
 
   createPlugin(options: {}, callback: Callback<any>): void;
+  createPlugin(options: {}): Promise<any>;
 
   createVolume(options: {}, callback: Callback<any>): void;
+  createVolume(options: {}): Promise<any>;
 
   createService(options: {}, callback: Callback<any>): void;
+  createService(options: {}): Promise<any>;
 
   createNetwork(options: {}, callback: Callback<any>): void;
+  createNetwork(options: {}): Promise<any>;
 
   searchImages(options: {}, callback: Callback<any>): void;
+  searchImages(options: {}): Promise<any>;
 
   pruneImages(options: {}, callback: Callback<Dockerode.PruneImagesInfo>): void;
   pruneImages(callback: Callback<Dockerode.PruneImagesInfo>): void;
+  pruneImages(options?: {}): Promise<Dockerode.PruneImagesInfo>;
 
   pruneContainers(options: {}, callback: Callback<Dockerode.PruneContainersInfo>): void;
   pruneContainers(callback: Callback<Dockerode.PruneContainersInfo>): void;
+  pruneContainers(options?: {}): Promise<Dockerode.PruneContainersInfo>;
 
   pruneVolumes(options: {}, callback: Callback<Dockerode.PruneVolumesInfo>): void;
   pruneVolumes(callback: Callback<Dockerode.PruneVolumesInfo>): void;
+  pruneVolumes(options?: {}): Promise<Dockerode.PruneVolumesInfo>;
 
   pruneNetworks(options: {}, callback: Callback<Dockerode.PruneNetworksInfo>): void;
   pruneNetworks(callback: Callback<Dockerode.PruneNetworksInfo>): void;
+  pruneNetworks(options?: {}): Promise<Dockerode.PruneNetworksInfo>;
 
   info(callback: Callback<any>): void;
+  info(): Promise<any>;
 
   version(callback: Callback<any>): void;
+  version(): Promise<any>;
 
   ping(callback: Callback<any>): void;
+  ping(): Promise<any>;
 
   getEvents(options: {}, callback: Callback<NodeJS.ReadableStream>): void;
   getEvents(callback: Callback<NodeJS.ReadableStream>): void;
+  getEvents(options?: {}): Promise<NodeJS.ReadableStream>;
 
   pull(repoTag: string, options: {}, callback: Callback<any>, auth?: {}): Dockerode.Image;
+  pull(repoTag: string, options: {}, auth?: {}): Promise<any>;
 
   run(image: string, cmd: string[], outputStream: NodeJS.WritableStream, createOptions: {}, startOptions: {}, callback: Callback<any>): events.EventEmitter;
   run(image: string, cmd: string[], outputStream: NodeJS.WritableStream, startOptions: {}, callback: Callback<any>): events.EventEmitter;
   run(image: string, cmd: string[], outputStream: NodeJS.WritableStream, callback: Callback<any>): events.EventEmitter;
   run(image: string, cmd: string[], outputStream: NodeJS.WritableStream, createOptions: {}, callback: Callback<any>): events.EventEmitter;
+  run(image: string, cmd: string[], outputStream: NodeJS.WritableStream, createOptions?: {}, startOptions?: {}): Promise<any>;
 
   swarmInit(options: {}, callback: Callback<any>): void;
+  swarmInit(options: {}): Promise<any>;
 
   swarmJoin(options: {}, callback: Callback<any>): void;
+  swarmJoin(options: {}): Promise<any>;
 
   swarmLeave(options: {}, callback: Callback<any>): void;
+  swarmLeave(options: {}): Promise<any>;
 
   swarmUpdate(options: {}, callback: Callback<any>): void;
+  swarmUpdate(options: {}): Promise<any>;
 
   swarmInspect(callback: Callback<any>): void;
+  swarmInspect(): Promise<any>;
 
   modem: any;
 }
diff --git a/types/dockerode/tsconfig.json b/types/dockerode/tsconfig.json
index 2a83a71968..8f360ab29a 100644
--- a/types/dockerode/tsconfig.json
+++ b/types/dockerode/tsconfig.json
@@ -1,5 +1,6 @@
 {
     "compilerOptions": {
+        "target": "es6",
         "module": "commonjs",
         "lib": [
             "es6"

From b57178eb88343bd778f4c29424c450ba3d93e166 Mon Sep 17 00:00:00 2001
From: Daniel <MrCeleryman@users.noreply.github.com>
Date: Sat, 6 May 2017 02:32:09 +1000
Subject: [PATCH 240/321] material-ui: Updated width prop of drawer to be
 compliant with spec (#16342)

* material-ui: Updated width prop of drawer to be compliant with spec

* update header
---
 types/material-ui/index.d.ts            | 4 ++--
 types/material-ui/material-ui-tests.tsx | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/types/material-ui/index.d.ts b/types/material-ui/index.d.ts
index ce98d40903..47c124595e 100644
--- a/types/material-ui/index.d.ts
+++ b/types/material-ui/index.d.ts
@@ -1,4 +1,4 @@
-// Type definitions for material-ui v0.17.5
+// Type definitions for material-ui v0.17.51
 // Project: https://github.com/callemall/material-ui
 // Definitions by: Nathan Brown <https://github.com/ngbrown>, Igor Belagorudsky <https://github.com/theigor>, Ali Taheri Moghaddar <https://github.com/alitaheri>, Oliver Herrmann <https://github.com/herrmanno>, Daniel Roth <https://github.com/DaIgeb>, Aurelién Allienne <https://github.com/allienna>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
@@ -1019,7 +1019,7 @@ declare namespace __MaterialUI {
         overlayStyle?: React.CSSProperties;
         style?: React.CSSProperties;
         swipeAreaWidth?: number;
-        width?: number;
+        width?: number | string;
         zDepth?: number;
     }
     export class Drawer extends React.Component<DrawerProps, {}> {
diff --git a/types/material-ui/material-ui-tests.tsx b/types/material-ui/material-ui-tests.tsx
index 87908cd6ec..a0d8d32d92 100644
--- a/types/material-ui/material-ui-tests.tsx
+++ b/types/material-ui/material-ui-tests.tsx
@@ -1662,7 +1662,7 @@ class DrawerOpenRightExample extends React.Component<{}, {open?: boolean}> {
           label="Toggle Drawer"
           onTouchTap={this.handleToggle}
         />
-                <Drawer width={200} openSecondary={true} open={this.state.open}>
+                <Drawer width="20%" openSecondary={true} open={this.state.open}>
                     <AppBar title="AppBar"/>
         </Drawer>
       </div>

From dd69d6de4ed71c2eecd08a76189f00db504053fd Mon Sep 17 00:00:00 2001
From: rasmusvhansen <rasmusvhansen@gmail.com>
Date: Fri, 5 May 2017 18:36:05 +0200
Subject: [PATCH 241/321] class_ argument is optional in removeLineClass
 (#16347)

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

diff --git a/types/codemirror/index.d.ts b/types/codemirror/index.d.ts
index 561d311540..9a74dc1e53 100644
--- a/types/codemirror/index.d.ts
+++ b/types/codemirror/index.d.ts
@@ -178,7 +178,7 @@ declare namespace CodeMirror {
         /** Remove a CSS class from a line.line can be a line handle or number.
         where should be one of "text", "background", or "wrap"(see addLineClass).
         class can be left off to remove all classes for the specified node, or be a string to remove only a specific class. */
-        removeLineClass(line: any, where: string, class_: string): CodeMirror.LineHandle;
+        removeLineClass(line: any, where: string, class_?: string): CodeMirror.LineHandle;
 
         /**
          * Compute the line at the given pixel height.

From 73bcc6d987c05401cd0c6df3eb46150e20156b48 Mon Sep 17 00:00:00 2001
From: delphinus <delphinus@remora.cx>
Date: Sat, 6 May 2017 01:36:26 +0900
Subject: [PATCH 242/321] [backbone.marionette] Add lacked methods to
 marionette view (#16348)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

* Add lacked / fix wrong definition of methods

* Add tests for added methods⏎
---
 types/backbone.marionette/backbone.marionette-tests.ts | 8 ++++++++
 types/backbone.marionette/index.d.ts                   | 5 ++++-
 2 files changed, 12 insertions(+), 1 deletion(-)

diff --git a/types/backbone.marionette/backbone.marionette-tests.ts b/types/backbone.marionette/backbone.marionette-tests.ts
index 46f504e18e..a7da55495b 100644
--- a/types/backbone.marionette/backbone.marionette-tests.ts
+++ b/types/backbone.marionette/backbone.marionette-tests.ts
@@ -292,6 +292,14 @@ function RegionTests() {
 
 }
 
+function ViewTests() {
+    const v = new MyView(new MyModel());
+    const isDestroyed: boolean = v.isDestroyed();
+    const isRendered: boolean = v.isRendered();
+    const isAttached: boolean = v.isAttached();
+    const vv: Marionette.View<Backbone.Model> = v.delegateEntityEvents();
+}
+
 function CollectionViewTests() {
     var cv = new MyCollectionView();
     cv.collection.add(new MyModel());
diff --git a/types/backbone.marionette/index.d.ts b/types/backbone.marionette/index.d.ts
index d24f9d64f9..93b82355db 100644
--- a/types/backbone.marionette/index.d.ts
+++ b/types/backbone.marionette/index.d.ts
@@ -856,7 +856,10 @@ declare namespace Marionette {
         /**
          * Internal properties extended in Marionette.View.
          */
-        isDestroyed: boolean;
+        isDestroyed(): boolean;
+        isRendered(): boolean;
+        isAttached(): boolean;
+        delegateEntityEvents(): View<TModel>;
         supportsRenderLifecycle: boolean;
         supportsDestroyLifecycle: boolean;
 

From 942dcf66e2d1743748ae32ab0fa3c4647ca385bb Mon Sep 17 00:00:00 2001
From: Evgeny <botik213@gmail.com>
Date: Fri, 5 May 2017 19:55:15 +0300
Subject: [PATCH 243/321] [sequelize] add force option for TruncateOptions
 (#16353)

---
 types/sequelize/v3/index.d.ts         | 9 ++++++++-
 types/sequelize/v3/sequelize-tests.ts | 3 +++
 2 files changed, 11 insertions(+), 1 deletion(-)

diff --git a/types/sequelize/v3/index.d.ts b/types/sequelize/v3/index.d.ts
index 3712c4fb56..a02ba7d0ed 100644
--- a/types/sequelize/v3/index.d.ts
+++ b/types/sequelize/v3/index.d.ts
@@ -3211,7 +3211,7 @@ declare namespace sequelize {
              * https://github.com/sequelize/sequelize/blob/master/docs/docs/models-usage.md#user-content-manipulating-the-dataset-with-limit-offset-order-and-group
          */
         group?: string | string[] | Object;
-                     
+
         /**
          * Apply DISTINCT(col) for FindAndCount(all)
          */
@@ -3371,6 +3371,13 @@ declare namespace sequelize {
          * Defaults to false;
          */
         cascade?: boolean;
+
+        /**
+         * Delete instead of setting deletedAt to current timestamp (only applicable if paranoid is enabled)
+         *
+         * Defaults to false;
+         */
+        force?: boolean;
     }
 
     /**
diff --git a/types/sequelize/v3/sequelize-tests.ts b/types/sequelize/v3/sequelize-tests.ts
index 83c4536a71..3e972d3119 100644
--- a/types/sequelize/v3/sequelize-tests.ts
+++ b/types/sequelize/v3/sequelize-tests.ts
@@ -992,6 +992,9 @@ User.bulkCreate( [{ name : 'foo', code : '123' }, { code : '1234' }], { fields :
 User.bulkCreate( [{ name : 'a', c : 'b' }, { name : 'e', c : 'f' }], { fields : ['e', 'f'], ignoreDuplicates : true } );
 
 User.truncate();
+User.truncate( { cascade : true } );
+User.truncate( { force : true } );
+User.truncate( { cascade: true, force : true } );
 
 User.destroy( { where : { client_id : 13 } } ).then( ( a ) => a.toFixed() );
 User.destroy( { force : true } );

From 221fdba61bae4892225528f4ef2af1ea9ab8f5a8 Mon Sep 17 00:00:00 2001
From: yuche <yuche@users.noreply.github.com>
Date: Sat, 6 May 2017 01:11:00 +0800
Subject: [PATCH 244/321] add `extraData` prop to FlatList and SectionList
 (#16338)

* add `extraData` prop to FlatList and SectionList

see:
https://facebook.github.io/react-native/docs/sectionlist.html#props
https://facebook.github.io/react-native/docs/flatlist.html#props

* remove extra space
---
 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 5fd5b40b96..7a02b28e6b 100644
--- a/types/react-native/index.d.ts
+++ b/types/react-native/index.d.ts
@@ -3435,6 +3435,13 @@ export interface FlatListProperties<ItemT> {
      */
     data: ItemT[] | null;
 
+    /**
+     * A marker property for telling the list to re-render (since it implements PureComponent).
+     * If any of your `renderItem`, Header, Footer, etc. functions depend on anything outside of the `data` prop,
+     * stick it here and treat it immutably.
+     */
+    extraData?: any
+
     /**
      * `getItemLayout` is an optional optimization that lets us skip measurement of dynamic
      * content if you know the height of items a priori. getItemLayout is the most efficient,
@@ -3598,6 +3605,13 @@ export interface SectionListProperties<ItemT> extends ScrollViewProperties {
      */
     SectionSeparatorComponent?: React.ComponentClass<any> | null
 
+    /**
+     * A marker property for telling the list to re-render (since it implements PureComponent).
+     * If any of your `renderItem`, Header, Footer, etc. functions depend on anything outside of the `data` prop,
+     * stick it here and treat it immutably.
+     */
+    extraData?: any
+
     /**
      * 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 585178525c00f19e930516caaf90ecc5acbe50f0 Mon Sep 17 00:00:00 2001
From: DaIgeb <DaIgeb@users.noreply.github.com>
Date: Fri, 5 May 2017 19:11:16 +0200
Subject: [PATCH 245/321] Update SwitchProps to support typescript 2.3 (#16340)

SwitchProps.children is too strict for projects using typescript 2.3.
With typescript 2.3 the children could be made mandatory, but this will
break backwards compatibility with any ts 2.2 user
---
 types/react-router/index.d.ts      | 3 ++-
 types/react-router/test/Switch.tsx | 6 ++++++
 2 files changed, 8 insertions(+), 1 deletion(-)

diff --git a/types/react-router/index.d.ts b/types/react-router/index.d.ts
index 81244caa29..a955271aae 100644
--- a/types/react-router/index.d.ts
+++ b/types/react-router/index.d.ts
@@ -12,6 +12,7 @@
 //                 Tanguy Krotoff <https://github.com/tkrotoff>
 //                 Huy Nguyen <https://github.com/huy-nguyen>
 //                 Jérémy Fauvel <https://github.com/grmiade>
+//                 Daniel Roth <https://github.com/DaIgeb>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 // TypeScript Version: 2.2
 
@@ -84,7 +85,7 @@ export interface StaticRouterProps {
 
 export class StaticRouter extends React.Component<StaticRouterProps, undefined> {}
 export interface SwitchProps {
-  children?: JSX.Element | JSX.Element[];
+  children?: React.ReactNode;
   location?: H.Location;
 }
 export class Switch extends React.Component<SwitchProps, undefined> {}
diff --git a/types/react-router/test/Switch.tsx b/types/react-router/test/Switch.tsx
index 6a8b50f247..fe959504ce 100644
--- a/types/react-router/test/Switch.tsx
+++ b/types/react-router/test/Switch.tsx
@@ -2,12 +2,18 @@ import * as React from 'react';
 import { BrowserRouter, Redirect, Route, Switch } from 'react-router-dom';
 
 const Home = () => <h2>Home</h2>;
+const About = () => <h2>About</h2>;
+const User = () => <h2>User</h2>;
 
 const SwitchTest = () => (
   <BrowserRouter>
     <Switch>
       <Redirect exact from="/" to="/home"/>
       <Route path="/home" component={Home}/>
+      {[
+        <Route path="/user" component={User}/>,
+        <Route path="/about" component={About}/>
+      ]}
     </Switch>
   </BrowserRouter>
 );

From fe1b612ef0d9ffd45114431adac61b5e6ee1173f Mon Sep 17 00:00:00 2001
From: DaIgeb <DaIgeb@users.noreply.github.com>
Date: Fri, 5 May 2017 19:38:55 +0200
Subject: [PATCH 246/321] Allow component props for withRouter (#16339)

---
 types/react-router/index.d.ts          | 16 ++++++++--------
 types/react-router/test/WithRouter.tsx | 14 ++++++++++++++
 types/react-router/tsconfig.json       |  3 ++-
 3 files changed, 24 insertions(+), 9 deletions(-)
 create mode 100644 types/react-router/test/WithRouter.tsx

diff --git a/types/react-router/index.d.ts b/types/react-router/index.d.ts
index a955271aae..43fe16f484 100644
--- a/types/react-router/index.d.ts
+++ b/types/react-router/index.d.ts
@@ -37,13 +37,13 @@ export interface MemoryRouterProps {
   keyLength?: number;
 }
 
-export class MemoryRouter extends React.Component<MemoryRouterProps, void> {}
+export class MemoryRouter extends React.Component<MemoryRouterProps, void> { }
 
 export interface PromptProps {
   message: string | ((location: H.Location) => void);
   when?: boolean;
 }
-export class Prompt extends React.Component<PromptProps, void> {}
+export class Prompt extends React.Component<PromptProps, void> { }
 
 export interface RedirectProps {
   to: H.LocationDescriptor;
@@ -53,7 +53,7 @@ export interface RedirectProps {
   exact?: boolean;
   strict?: boolean;
 }
-export class Redirect extends React.Component<RedirectProps, void> {}
+export class Redirect extends React.Component<RedirectProps, void> { }
 
 export interface RouteComponentProps<P> {
   match: match<P>;
@@ -70,12 +70,12 @@ export interface RouteProps {
   exact?: boolean;
   strict?: boolean;
 }
-export class Route extends React.Component<RouteProps, undefined> {}
+export class Route extends React.Component<RouteProps, undefined> { }
 
 export interface RouterProps {
   history: any;
 }
-export class Router extends React.Component<RouterProps, undefined> {}
+export class Router extends React.Component<RouterProps, undefined> { }
 
 export interface StaticRouterProps {
   basename?: string;
@@ -83,12 +83,12 @@ export interface StaticRouterProps {
   context?: object;
 }
 
-export class StaticRouter extends React.Component<StaticRouterProps, undefined> {}
+export class StaticRouter extends React.Component<StaticRouterProps, undefined> { }
 export interface SwitchProps {
   children?: React.ReactNode;
   location?: H.Location;
 }
-export class Switch extends React.Component<SwitchProps, undefined> {}
+export class Switch extends React.Component<SwitchProps, undefined> { }
 
 export interface match<P> {
   params: P;
@@ -98,4 +98,4 @@ export interface match<P> {
 }
 
 export function matchPath<P>(pathname: string, props: RouteProps): match<P> | null;
-export function withRouter(component: React.SFC<RouteComponentProps<any>> | React.ComponentClass<RouteComponentProps<any>>): React.ComponentClass<any>;
+export function withRouter<P>(component: React.SFC<RouteComponentProps<any> & P> | React.ComponentClass<RouteComponentProps<any> & P>): React.ComponentClass<P>;
diff --git a/types/react-router/test/WithRouter.tsx b/types/react-router/test/WithRouter.tsx
new file mode 100644
index 0000000000..72035ed92f
--- /dev/null
+++ b/types/react-router/test/WithRouter.tsx
@@ -0,0 +1,14 @@
+import * as React from 'react';
+import { withRouter, RouteComponentProps } from 'react-router-dom';
+
+interface TOwnProps {
+  username: string;
+}
+
+const Component = (props: TOwnProps & RouteComponentProps<{}>) => <h2>Welcome {props.username}</h2>;
+
+const WithRouterComponent = withRouter<TOwnProps>(Component);
+
+const WithRouterTest = () => (<WithRouterComponent username="John" />);
+
+export default WithRouterTest;
diff --git a/types/react-router/tsconfig.json b/types/react-router/tsconfig.json
index 3a2e475777..df074843df 100644
--- a/types/react-router/tsconfig.json
+++ b/types/react-router/tsconfig.json
@@ -28,6 +28,7 @@
     "test/Recursive.tsx",
     "test/RouteConfig.tsx",
     "test/Sidebar.tsx",
-    "test/Switch.tsx"
+    "test/Switch.tsx",
+    "test/WithRouter.tsx"
   ]
 }

From d8b7da2042b57355dc929b6511032272e9c4f18b Mon Sep 17 00:00:00 2001
From: Michael <mlp5ab@virginia.edu>
Date: Fri, 5 May 2017 16:20:09 -0700
Subject: [PATCH 247/321] Fix for getTypeMap() return type in graphql
 schema.d.ts. (#16343)

---
 types/graphql/type/schema.d.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/types/graphql/type/schema.d.ts b/types/graphql/type/schema.d.ts
index 5a2cdd0af4..0f02cd78af 100644
--- a/types/graphql/type/schema.d.ts
+++ b/types/graphql/type/schema.d.ts
@@ -51,7 +51,7 @@ export class GraphQLSchema {
     getQueryType(): GraphQLObjectType;
     getMutationType(): GraphQLObjectType;
     getSubscriptionType(): GraphQLObjectType;
-    getTypeMap(): GraphQLNamedType;
+    getTypeMap(): { [typeName: string]: GraphQLNamedType };
     getType(name: string): GraphQLType;
     getPossibleTypes(abstractType: GraphQLAbstractType): Array<GraphQLObjectType>;
 

From 24f2ff899f4b5972f9464ebadf0ec103897fb952 Mon Sep 17 00:00:00 2001
From: ikokostya <ikokostya@gmail.com>
Date: Sat, 6 May 2017 02:20:41 +0300
Subject: [PATCH 248/321] @types/node: Port dns.resolve* changes #16320 to
 node.js 4, 6 (#16350)

* @types/node: Port dns.resolve* changes #16320 to node.js 4, 6

* review fixes
---
 types/node/v4/index.d.ts    | 102 ++++++++++++++++++++++++++++++------
 types/node/v4/node-tests.ts |  21 ++++++++
 types/node/v6/index.d.ts    |  81 +++++++++++++++++++++-------
 types/node/v6/node-tests.ts |  21 ++++++++
 4 files changed, 190 insertions(+), 35 deletions(-)

diff --git a/types/node/v4/index.d.ts b/types/node/v4/index.d.ts
index 8d32f09744..c74f8dcb0b 100644
--- a/types/node/v4/index.d.ts
+++ b/types/node/v4/index.d.ts
@@ -1265,22 +1265,94 @@ declare module "dns" {
         family: number;
     }
 
-    export function lookup(domain: string, family: number, callback: (err: NodeJS.ErrnoException, address: string, family: number) => void): void;
-    export function lookup(domain: string, options: LookupOneOptions, callback: (err: NodeJS.ErrnoException, address: string, family: number) => void): void;
-    export function lookup(domain: string, options: LookupAllOptions, callback: (err: NodeJS.ErrnoException, addresses: LookupAddress[]) => void): void;
-    export function lookup(domain: string, options: LookupOptions, callback: (err: NodeJS.ErrnoException, address: string | LookupAddress[], family: number) => void): void;
-    export function lookup(domain: string, callback: (err: NodeJS.ErrnoException, address: string, family: number) => void): void;
+    export function lookup(hostname: string, family: number, callback: (err: NodeJS.ErrnoException, address: string, family: number) => void): void;
+    export function lookup(hostname: string, options: LookupOneOptions, callback: (err: NodeJS.ErrnoException, address: string, family: number) => void): void;
+    export function lookup(hostname: string, options: LookupAllOptions, callback: (err: NodeJS.ErrnoException, addresses: LookupAddress[]) => void): void;
+    export function lookup(hostname: string, options: LookupOptions, callback: (err: NodeJS.ErrnoException, address: string | LookupAddress[], family: number) => void): void;
+    export function lookup(hostname: string, callback: (err: NodeJS.ErrnoException, address: string, family: number) => void): void;
 
-    export function resolve(domain: string, rrtype: string, callback: (err: Error, addresses: string[]) =>void ): string[];
-    export function resolve(domain: string, callback: (err: Error, addresses: string[]) =>void ): string[];
-    export function resolve4(domain: string, callback: (err: Error, addresses: string[]) =>void ): string[];
-    export function resolve6(domain: string, callback: (err: Error, addresses: string[]) =>void ): string[];
-    export function resolveMx(domain: string, callback: (err: Error, addresses: string[]) =>void ): string[];
-    export function resolveTxt(domain: string, callback: (err: Error, addresses: string[]) =>void ): string[];
-    export function resolveSrv(domain: string, callback: (err: Error, addresses: string[]) =>void ): string[];
-    export function resolveNs(domain: string, callback: (err: Error, addresses: string[]) =>void ): string[];
-    export function resolveCname(domain: string, callback: (err: Error, addresses: string[]) =>void ): string[];
-    export function reverse(ip: string, callback: (err: Error, domains: string[]) =>void ): string[];
+    export interface MxRecord {
+        priority: number;
+        exchange: string;
+    }
+
+    export interface NaptrRecord {
+        flags: string;
+        service: string;
+        regexp: string;
+        replacement: string;
+        order: number;
+        preference: number;
+    }
+
+    export interface SoaRecord {
+        nsname: string;
+        hostmaster: string;
+        serial: number;
+        refresh: number;
+        retry: number;
+        expire: number;
+        minttl: number;
+    }
+
+    export interface SrvRecord {
+        priority: number;
+        weight: number;
+        port: number;
+        name: string;
+    }
+
+    export function resolve(hostname: string, callback: (err: NodeJS.ErrnoException, addresses: string[]) => void): void;
+    export function resolve(hostname: string, rrtype: "A", callback: (err: NodeJS.ErrnoException, addresses: string[]) => void): void;
+    export function resolve(hostname: string, rrtype: "AAAA", callback: (err: NodeJS.ErrnoException, addresses: string[]) => void): void;
+    export function resolve(hostname: string, rrtype: "CNAME", callback: (err: NodeJS.ErrnoException, addresses: string[]) => void): void;
+    export function resolve(hostname: string, rrtype: "MX", callback: (err: NodeJS.ErrnoException, addresses: MxRecord[]) => void): void;
+    export function resolve(hostname: string, rrtype: "NAPTR", callback: (err: NodeJS.ErrnoException, addresses: NaptrRecord[]) => void): void;
+    export function resolve(hostname: string, rrtype: "NS", callback: (err: NodeJS.ErrnoException, addresses: string[]) => void): void;
+    export function resolve(hostname: string, rrtype: "PTR", callback: (err: NodeJS.ErrnoException, addresses: string[]) => void): void;
+    export function resolve(hostname: string, rrtype: "SOA", callback: (err: NodeJS.ErrnoException, addresses: SoaRecord) => void): void;
+    export function resolve(hostname: string, rrtype: "SRV", callback: (err: NodeJS.ErrnoException, addresses: SrvRecord[]) => void): void;
+    export function resolve(hostname: string, rrtype: "TXT", callback: (err: NodeJS.ErrnoException, addresses: string[][]) => void): void;
+    export function resolve(hostname: string, rrtype: string, callback: (err: NodeJS.ErrnoException, addresses: string[] | MxRecord[] | NaptrRecord[] | SoaRecord | SrvRecord[] | string[][]) => void): void;
+
+    export function resolve4(hostname: string, callback: (err: NodeJS.ErrnoException, addresses: string[]) => void): void;
+    export function resolve6(hostname: string, callback: (err: NodeJS.ErrnoException, addresses: string[]) => void): void;
+    export function resolveCname(hostname: string, callback: (err: NodeJS.ErrnoException, addresses: string[]) => void): void;
+    export function resolveMx(hostname: string, callback: (err: NodeJS.ErrnoException, addresses: MxRecord[]) => void): void;
+    export function resolveNaptr(hostname: string, callback: (err: NodeJS.ErrnoException, addresses: NaptrRecord[]) => void): void;
+    export function resolveNs(hostname: string, callback: (err: NodeJS.ErrnoException, addresses: string[]) => void): void;
+    export function resolveSoa(hostname: string, callback: (err: NodeJS.ErrnoException, address: SoaRecord) => void): void;
+    export function resolveSrv(hostname: string, callback: (err: NodeJS.ErrnoException, addresses: SrvRecord[]) => void): void;
+    export function resolveTxt(hostname: string, callback: (err: NodeJS.ErrnoException, addresses: string[][]) => void): void;
+
+    export function reverse(ip: string, callback: (err: NodeJS.ErrnoException, hostnames: string[]) => void): void;
+    export function setServers(servers: string[]): void;
+
+    //Error codes
+    export var NODATA: string;
+    export var FORMERR: string;
+    export var SERVFAIL: string;
+    export var NOTFOUND: string;
+    export var NOTIMP: string;
+    export var REFUSED: string;
+    export var BADQUERY: string;
+    export var BADNAME: string;
+    export var BADFAMILY: string;
+    export var BADRESP: string;
+    export var CONNREFUSED: string;
+    export var TIMEOUT: string;
+    export var EOF: string;
+    export var FILE: string;
+    export var NOMEM: string;
+    export var DESTRUCTION: string;
+    export var BADSTR: string;
+    export var BADFLAGS: string;
+    export var NONAME: string;
+    export var BADHINTS: string;
+    export var NOTINITIALIZED: string;
+    export var LOADIPHLPAPI: string;
+    export var ADDRGETNETWORKPARAMS: string;
+    export var CANCELLED: string;
 }
 
 declare module "net" {
diff --git a/types/node/v4/node-tests.ts b/types/node/v4/node-tests.ts
index 43ce0f9f42..5274116452 100644
--- a/types/node/v4/node-tests.ts
+++ b/types/node/v4/node-tests.ts
@@ -1021,4 +1021,25 @@ namespace dns_tests {
         const _addresses: string | dns.LookupAddress[] = addresses;
         const _family: number | undefined = family;
     });
+
+    dns.resolve("nodejs.org", (err, addresses) => {
+        const _addresses: string[] = addresses;
+    });
+    dns.resolve("nodejs.org", "A", (err, addresses) => {
+        const _addresses: string[] = addresses;
+    });
+    dns.resolve("nodejs.org", "AAAA", (err, addresses) => {
+        const _addresses: string[] = addresses;
+    });
+    dns.resolve("nodejs.org", "MX", (err, addresses) => {
+        const _addresses: dns.MxRecord[] = addresses;
+    });
+
+    dns.resolve4("nodejs.org", (err, addresses) => {
+        const _addresses: string[] = addresses;
+    });
+
+    dns.resolve6("nodejs.org", (err, addresses) => {
+        const _addresses: string[] = addresses;
+    });
 }
diff --git a/types/node/v6/index.d.ts b/types/node/v6/index.d.ts
index 664a037dd9..ebc2b516d6 100644
--- a/types/node/v6/index.d.ts
+++ b/types/node/v6/index.d.ts
@@ -1807,11 +1807,6 @@ declare module "url" {
 }
 
 declare module "dns" {
-    export interface MxRecord {
-        exchange: string,
-        priority: number
-    }
-
     // Supported getaddrinfo flags.
     export const ADDRCONFIG: number;
     export const V4MAPPED: number;
@@ -1835,22 +1830,68 @@ declare module "dns" {
         family: number;
     }
 
-    export function lookup(domain: string, family: number, callback: (err: NodeJS.ErrnoException, address: string, family: number) => void): void;
-    export function lookup(domain: string, options: LookupOneOptions, callback: (err: NodeJS.ErrnoException, address: string, family: number) => void): void;
-    export function lookup(domain: string, options: LookupAllOptions, callback: (err: NodeJS.ErrnoException, addresses: LookupAddress[]) => void): void;
-    export function lookup(domain: string, options: LookupOptions, callback: (err: NodeJS.ErrnoException, address: string | LookupAddress[], family: number) => void): void;
-    export function lookup(domain: string, callback: (err: NodeJS.ErrnoException, address: string, family: number) => void): void;
+    export function lookup(hostname: string, family: number, callback: (err: NodeJS.ErrnoException, address: string, family: number) => void): void;
+    export function lookup(hostname: string, options: LookupOneOptions, callback: (err: NodeJS.ErrnoException, address: string, family: number) => void): void;
+    export function lookup(hostname: string, options: LookupAllOptions, callback: (err: NodeJS.ErrnoException, addresses: LookupAddress[]) => void): void;
+    export function lookup(hostname: string, options: LookupOptions, callback: (err: NodeJS.ErrnoException, address: string | LookupAddress[], family: number) => void): void;
+    export function lookup(hostname: string, callback: (err: NodeJS.ErrnoException, address: string, family: number) => void): void;
 
-    export function resolve(domain: string, rrtype: string, callback: (err: Error, addresses: string[]) => void): string[];
-    export function resolve(domain: string, callback: (err: Error, addresses: string[]) => void): string[];
-    export function resolve4(domain: string, callback: (err: Error, addresses: string[]) => void): string[];
-    export function resolve6(domain: string, callback: (err: Error, addresses: string[]) => void): string[];
-    export function resolveMx(domain: string, callback: (err: Error, addresses: MxRecord[]) => void): string[];
-    export function resolveTxt(domain: string, callback: (err: Error, addresses: string[]) => void): string[];
-    export function resolveSrv(domain: string, callback: (err: Error, addresses: string[]) => void): string[];
-    export function resolveNs(domain: string, callback: (err: Error, addresses: string[]) => void): string[];
-    export function resolveCname(domain: string, callback: (err: Error, addresses: string[]) => void): string[];
-    export function reverse(ip: string, callback: (err: Error, domains: string[]) => void): string[];
+    export interface MxRecord {
+        priority: number;
+        exchange: string;
+    }
+
+    export interface NaptrRecord {
+        flags: string;
+        service: string;
+        regexp: string;
+        replacement: string;
+        order: number;
+        preference: number;
+    }
+
+    export interface SoaRecord {
+        nsname: string;
+        hostmaster: string;
+        serial: number;
+        refresh: number;
+        retry: number;
+        expire: number;
+        minttl: number;
+    }
+
+    export interface SrvRecord {
+        priority: number;
+        weight: number;
+        port: number;
+        name: string;
+    }
+
+    export function resolve(hostname: string, callback: (err: NodeJS.ErrnoException, addresses: string[]) => void): void;
+    export function resolve(hostname: string, rrtype: "A", callback: (err: NodeJS.ErrnoException, addresses: string[]) => void): void;
+    export function resolve(hostname: string, rrtype: "AAAA", callback: (err: NodeJS.ErrnoException, addresses: string[]) => void): void;
+    export function resolve(hostname: string, rrtype: "CNAME", callback: (err: NodeJS.ErrnoException, addresses: string[]) => void): void;
+    export function resolve(hostname: string, rrtype: "MX", callback: (err: NodeJS.ErrnoException, addresses: MxRecord[]) => void): void;
+    export function resolve(hostname: string, rrtype: "NAPTR", callback: (err: NodeJS.ErrnoException, addresses: NaptrRecord[]) => void): void;
+    export function resolve(hostname: string, rrtype: "NS", callback: (err: NodeJS.ErrnoException, addresses: string[]) => void): void;
+    export function resolve(hostname: string, rrtype: "PTR", callback: (err: NodeJS.ErrnoException, addresses: string[]) => void): void;
+    export function resolve(hostname: string, rrtype: "SOA", callback: (err: NodeJS.ErrnoException, addresses: SoaRecord) => void): void;
+    export function resolve(hostname: string, rrtype: "SRV", callback: (err: NodeJS.ErrnoException, addresses: SrvRecord[]) => void): void;
+    export function resolve(hostname: string, rrtype: "TXT", callback: (err: NodeJS.ErrnoException, addresses: string[][]) => void): void;
+    export function resolve(hostname: string, rrtype: string, callback: (err: NodeJS.ErrnoException, addresses: string[] | MxRecord[] | NaptrRecord[] | SoaRecord | SrvRecord[] | string[][]) => void): void;
+
+    export function resolve4(hostname: string, callback: (err: NodeJS.ErrnoException, addresses: string[]) => void): void;
+    export function resolve6(hostname: string, callback: (err: NodeJS.ErrnoException, addresses: string[]) => void): void;
+    export function resolveCname(hostname: string, callback: (err: NodeJS.ErrnoException, addresses: string[]) => void): void;
+    export function resolveMx(hostname: string, callback: (err: NodeJS.ErrnoException, addresses: MxRecord[]) => void): void;
+    export function resolveNaptr(hostname: string, callback: (err: NodeJS.ErrnoException, addresses: NaptrRecord[]) => void): void;
+    export function resolveNs(hostname: string, callback: (err: NodeJS.ErrnoException, addresses: string[]) => void): void;
+    export function resolvePtr(hostname: string, callback: (err: NodeJS.ErrnoException, addresses: string[]) => void): void;
+    export function resolveSoa(hostname: string, callback: (err: NodeJS.ErrnoException, address: SoaRecord) => void): void;
+    export function resolveSrv(hostname: string, callback: (err: NodeJS.ErrnoException, addresses: SrvRecord[]) => void): void;
+    export function resolveTxt(hostname: string, callback: (err: NodeJS.ErrnoException, addresses: string[][]) => void): void;
+
+    export function reverse(ip: string, callback: (err: NodeJS.ErrnoException, hostnames: string[]) => void): void;
     export function setServers(servers: string[]): void;
 
     //Error codes
diff --git a/types/node/v6/node-tests.ts b/types/node/v6/node-tests.ts
index 4792c5edf1..b2ca08898c 100644
--- a/types/node/v6/node-tests.ts
+++ b/types/node/v6/node-tests.ts
@@ -2091,6 +2091,27 @@ namespace dns_tests {
         const _addresses: string | dns.LookupAddress[] = addresses;
         const _family: number | undefined = family;
     });
+
+    dns.resolve("nodejs.org", (err, addresses) => {
+        const _addresses: string[] = addresses;
+    });
+    dns.resolve("nodejs.org", "A", (err, addresses) => {
+        const _addresses: string[] = addresses;
+    });
+    dns.resolve("nodejs.org", "AAAA", (err, addresses) => {
+        const _addresses: string[] = addresses;
+    });
+    dns.resolve("nodejs.org", "MX", (err, addresses) => {
+        const _addresses: dns.MxRecord[] = addresses;
+    });
+
+    dns.resolve4("nodejs.org", (err, addresses) => {
+        const _addresses: string[] = addresses;
+    });
+
+    dns.resolve6("nodejs.org", (err, addresses) => {
+        const _addresses: string[] = addresses;
+    });
 }
 
 /*****************************************************************************

From da3ab04e728d7bbc05ae7a94119e31c1d8b13171 Mon Sep 17 00:00:00 2001
From: Daryl LaBar <d3labar@hotmail.com>
Date: Fri, 5 May 2017 19:21:56 -0400
Subject: [PATCH 249/321] Defined interfaces for Properties and Fixed Linting
 issues (#16355)

* Updated XrmStatic Properties Page, Utility, and Panel  to match the pattern that Mobil was doing, and be defined as interfaces.  This also makes allows for variables to easily be tyepd i.e. var p: Xrm.Page.

Also retyped getInitalValue for booleans and OptionsetValues to be their correct respective types.

* Fixed Linitng issues and fixed header so it could be parsed by the DT Bot

* Fixed Other Lint-ing Issues.  Not sure what to do about the header being unparsable.  Added commas, maybe that will help?
---
 types/xrm/index.d.ts   | 430 ++++++++++++++++++++++-------------------
 types/xrm/xrm-tests.ts |   2 +-
 2 files changed, 228 insertions(+), 204 deletions(-)

diff --git a/types/xrm/index.d.ts b/types/xrm/index.d.ts
index 956dc969a2..6e6a1d5117 100644
--- a/types/xrm/index.d.ts
+++ b/types/xrm/index.d.ts
@@ -1,9 +1,9 @@
 // Type definitions for Microsoft Dynamics xRM API 8.2
 // Project: http://www.microsoft.com/en-us/download/details.aspx?id=44567
-// Definitions by: David Berry <https://github.com/6ix4our/>
-//                 Matt Ngan <https://github.com/mattngan/>
-//                 Markus Mauch <https://github.com/markusmauch/>
-//                 Daryl LaBar <https://github.com/daryllabar>
+// Definitions by: David Berry <https://github.com/6ix4our/>,
+//                 Matt Ngan <https://github.com/mattngan/>,
+//                 Markus Mauch <https://github.com/markusmauch/>,
+//                 Daryl LaBar <https://github.com/daryllabar>,
 //                 Tully H <https://github.com/clownwilleatme>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 // TypeScript Version: 2.1
@@ -24,198 +24,12 @@ declare namespace Xrm {
         /**
          * Provides a namespace container for the context, data and ui objects.
          */
-        Page: {
-            /**
-             * Provides methods to retrieve information specific to an organization, a user, or parameters passed to a page.
-             */
-            context: Context;
-
-            /**
-             * Provides methods to work with the form.
-             */
-            data: Data;
-
-            /**
-             * Contains properties and methods to retrieve information about the user interface as well as collections for several subcomponents of the form.
-             */
-            ui: Ui;
-
-            /**
-             * Gets all attributes.
-             *
-             * @return  An array of attributes.
-             */
-            getAttribute(): Page.Attribute[];
-
-            /**
-             * Gets an attribute matching attributeName.
-             *
-             * @tparam  T   An Attribute type.
-             * @param   {string}    attributeName   Name of the attribute.
-             *
-             * @return  The attribute.
-             */
-            getAttribute<T extends Page.Attribute>(attributeName: string): T;
-
-            /**
-             * Gets an attribute matching attributeName.
-             *
-             * @param   {string}    attributeName   Name of the attribute.
-             *
-             * @return  The attribute.
-             */
-            getAttribute(attributeName: string): Page.Attribute;
-
-            /**
-             * Gets an attribute by index.
-             *
-             * @param   {number}    index   The attribute index.
-             *
-             * @return  The attribute.
-             */
-            getAttribute(index: number): Page.Attribute;
-
-            /**
-             * Gets an attribute.
-             *
-             * @param   {Collection.MatchingDelegate{Attribute}}    delegateFunction    A matching delegate function
-             *
-             * @return  An array of attribute.
-             */
-            getAttribute(delegateFunction: Collection.MatchingDelegate<Page.Attribute>): Page.Attribute[];
-
-            /**
-             * Gets all controls.
-             *
-             * @return  An array of controls.
-             */
-            getControl(): Page.Control[];
-
-            /**
-             * Gets a control matching controlName.
-             *
-             * @tparam  T   A Control type
-             * @param   {string}    controlName    Name of the control.
-             *
-             * @return  The control.
-             */
-            getControl<T extends Page.Control>(controlName: string): T;
-
-            /**
-             * Gets a control matching controlName.
-             *
-             * @param   {string}    controlName   Name of the control.
-             *
-             * @return  The control.
-             */
-            getControl(controlName: string): Page.Control;
-
-            /**
-             * Gets a control by index.
-             *
-             * @tparam  T   A Control type
-             * @param   {number}    index   The control index.
-             *
-             * @return  The control.
-             */
-            getControl<T extends Page.Control>(index: number): T;
-
-            /**
-             * Gets a control by index.
-             *
-             * @param   {number}    index   The control index.
-             *
-             * @return  The control.
-             */
-            getControl(index: number): Page.Control;
-
-            /**
-             * Gets a control.
-             *
-             * @param   {Collection.MatchingDelegate{Control}}  delegateFunction    A matching delegate function.
-             *
-             * @return  An array of control.
-             */
-            getControl(delegateFunction: Collection.MatchingDelegate<Page.Control>): Page.Control[];
-        };
+        Page: Page;
 
         /**
          * Provides a container for useful functions not directly related to the current page.
          */
-        Utility: {
-            /**
-             * Displays an alert dialog, with an "OK" button.
-             *
-             * @param   {string}        message         The message.
-             * @param   {function()}    onCloseCallback The "OK" callback.
-             */
-            alertDialog(message: string, onCloseCallback: () => void): void;
-
-            /**
-             * Displays a confirmation dialog, with "OK" and "Cancel" buttons.
-             *
-             * @param   {string}        message             The message.
-             * @param   {function()}    yesCloseCallback    The "OK" callback.
-             * @param   {function()}    noCloseCallback     The "Cancel" callback.
-             */
-            confirmDialog(message: string, yesCloseCallback: () => void, noCloseCallback: () => void): void;
-
-            /**
-             * Query if 'entityType' is an Activity entity.
-             *
-             * @param   {string}    entityType  Type of the entity.
-             *
-             * @return  true if the entity is an Activity, false if not.
-             */
-            isActivityType(entityType: string): boolean;
-
-            /**
-             * Opens quick create.
-             *
-             * @param   {string}    entityLogicalName           The logical name of the entity to create.
-             * @param   {Page.LookupValue}  createFromEntity    (Optional) Designates a record that will provide default values
-             *                                                  based on mapped attribute values.
-             * @param   {OpenParameters}    parameters          (Optional) A dictionary object that passes extra query string
-             *                                                  parameters to the form. Invalid query string parameters will cause an
-             *                                                  error.
-             * @return  {Async.XrmPromise} Returns an asynchronous promise.
-             */
-            openQuickCreate(entityLogicalName: string, createFromEntity?: Page.LookupValue, parameters?: Utility.OpenParameters):
-                             Async.XrmPromise<Async.QuickCreateSuccessCallbackDelegate, Async.ErrorCallbackDelegate>;
-
-            /**
-             * Opens an entity form.
-             *
-             * @param   {string}    name                The entity's logical name.
-             * @param   {string}    id                  (Optional) The unique identifier for the record.
-             * @param   {FormParameters}    parameters  (Optional) A dictionary object that passes extra query string parameters to the form.
-             * @param   {WindowOptions} windowOptions   (Optional) Options for controlling the window.
-             */
-            openEntityForm(name: string, id?: string, parameters?: Utility.FormOpenParameters, windowOptions?: Utility.WindowOptions): void;
-
-            /**
-             * Opens an HTML Web Resource in a new browser window.
-             *
-             * @param   {string}    webResourceName Name of the HTML web resource. Can be used to pass URL
-             *                                      parameters.  See Remarks.
-             * @param   {string}    webResourceData (Optional) Data to pass into the Web Resource's data parameter.
-             *                                                 It is advised to use encodeURIcomponent() to encode the value.
-             * @param   {number}    width           (Optional) The width of the new window.
-             * @param   {number}    height          (Optional) The height of the new window.
-             *
-             * @return  A Window reference, containing the opened Web Resource.
-             *
-             * @remarks This function will not work with Microsoft Dynamics CRM for tablets.
-             *          Valid WebResource URL Parameters:   typename
-             *                                              type
-             *                                              id
-             *                                              orgname
-             *                                              userlcid
-             *                                              data (identical to this method's webResourceData parameter)
-             *                                              formid
-             */
-            openWebResource(webResourceName: string, webResourceData?: string, width?: number, height?: number): Window;
-        };
+        Utility: Utility;
 
         /**
          * Provides methods to create and manage records in the mobile clients (for phones tablets).
@@ -227,17 +41,7 @@ declare namespace Xrm {
          *
          * @see {@link https://msdn.microsoft.com/en-us/library/mt790281.aspx} for details.
          */
-        Panel: {
-            /**
-             * Displays the web page represented by a URL in the static area in the side pane, which appears on all pages in the web client.
-             *
-             * @param    {string}    url    URL of the page to be loaded in the side pane static area.
-             * @param    {string}    url    Title of the side pane static area.
-             *
-             * @remarks  This method is only supported for the web client.
-             */
-            LoadPanel(url: string, title: string): void;
-        };
+        Panel: Panel;
     }
 
     /**
@@ -443,6 +247,121 @@ declare namespace Xrm {
         process: Page.data.ProcessManager;
     }
 
+    interface Page {
+        /**
+         * Provides methods to retrieve information specific to an organization, a user, or parameters passed to a page.
+         */
+        context: Context;
+
+        /**
+         * Provides methods to work with the form.
+         */
+        data: Data;
+
+        /**
+         * Contains properties and methods to retrieve information about the user interface as well as collections for several subcomponents of the form.
+         */
+        ui: Ui;
+
+        /**
+         * Gets all attributes.
+         *
+         * @return  An array of attributes.
+         */
+        getAttribute(): Page.Attribute[];
+
+        /**
+         * Gets an attribute matching attributeName.
+         *
+         * @tparam  T   An Attribute type.
+         * @param   {string}    attributeName   Name of the attribute.
+         *
+         * @return  The attribute.
+         */
+        getAttribute<T extends Page.Attribute>(attributeName: string): T;
+
+        /**
+         * Gets an attribute matching attributeName.
+         *
+         * @param   {string}    attributeName   Name of the attribute.
+         *
+         * @return  The attribute.
+         */
+        getAttribute(attributeName: string): Page.Attribute;
+
+        /**
+         * Gets an attribute by index.
+         *
+         * @param   {number}    index   The attribute index.
+         *
+         * @return  The attribute.
+         */
+        getAttribute(index: number): Page.Attribute;
+
+        /**
+         * Gets an attribute.
+         *
+         * @param   {Collection.MatchingDelegate{Attribute}}    delegateFunction    A matching delegate function
+         *
+         * @return  An array of attribute.
+         */
+        getAttribute(delegateFunction: Collection.MatchingDelegate<Page.Attribute>): Page.Attribute[];
+
+        /**
+         * Gets all controls.
+         *
+         * @return  An array of controls.
+         */
+        getControl(): Page.Control[];
+
+        /**
+         * Gets a control matching controlName.
+         *
+         * @tparam  T   A Control type
+         * @param   {string}    controlName    Name of the control.
+         *
+         * @return  The control.
+         */
+        getControl<T extends Page.Control>(controlName: string): T;
+
+        /**
+         * Gets a control matching controlName.
+         *
+         * @param   {string}    controlName   Name of the control.
+         *
+         * @return  The control.
+         */
+        getControl(controlName: string): Page.Control;
+
+        /**
+         * Gets a control by index.
+         *
+         * @tparam  T   A Control type
+         * @param   {number}    index   The control index.
+         *
+         * @return  The control.
+         */
+        getControl<T extends Page.Control>(index: number): T;
+
+        /**
+         * Gets a control by index.
+         *
+         * @param   {number}    index   The control index.
+         *
+         * @return  The control.
+         */
+        getControl(index: number): Page.Control;
+
+        /**
+         * Gets a control.
+         *
+         * @param   {Collection.MatchingDelegate{Control}}  delegateFunction    A matching delegate function.
+         *
+         * @return  An array of control.
+         */
+        getControl(delegateFunction: Collection.MatchingDelegate<Page.Control>): Page.Control[];
+    }
+
     /**
      * Interface for the Xrm.Page.ui object.
      */
@@ -552,6 +471,81 @@ declare namespace Xrm {
         quickForms: Collection.ItemCollection<Page.ui.QuickForm>;
     }
 
+    interface Utility {
+        /**
+         * Displays an alert dialog, with an "OK" button.
+         *
+         * @param   {string}        message         The message.
+         * @param   {function()}    onCloseCallback The "OK" callback.
+         */
+        alertDialog(message: string, onCloseCallback: () => void): void;
+
+        /**
+         * Displays a confirmation dialog, with "OK" and "Cancel" buttons.
+         *
+         * @param   {string}        message             The message.
+         * @param   {function()}    yesCloseCallback    The "OK" callback.
+         * @param   {function()}    noCloseCallback     The "Cancel" callback.
+         */
+        confirmDialog(message: string, yesCloseCallback: () => void, noCloseCallback: () => void): void;
+
+        /**
+         * Query if 'entityType' is an Activity entity.
+         *
+         * @param   {string}    entityType  Type of the entity.
+         *
+         * @return  true if the entity is an Activity, false if not.
+         */
+        isActivityType(entityType: string): boolean;
+
+        /**
+         * Opens quick create.
+         *
+         * @param   {string}    entityLogicalName           The logical name of the entity to create.
+         * @param   {Page.LookupValue}  createFromEntity    (Optional) Designates a record that will provide default values
+         *                                                  based on mapped attribute values.
+         * @param   {OpenParameters}    parameters          (Optional) A dictionary object that passes extra query string
+         *                                                  parameters to the form. Invalid query string parameters will cause an
+         *                                                  error.
+         * @return  {Async.XrmPromise} Returns an asynchronous promise.
+         */
+        openQuickCreate(entityLogicalName: string, createFromEntity?: Page.LookupValue, parameters?: Utility.OpenParameters):
+            Async.XrmPromise<Async.QuickCreateSuccessCallbackDelegate, Async.ErrorCallbackDelegate>;
+
+        /**
+         * Opens an entity form.
+         *
+         * @param   {string}    name                The entity's logical name.
+         * @param   {string}    id                  (Optional) The unique identifier for the record.
+         * @param   {FormParameters}    parameters  (Optional) A dictionary object that passes extra query string parameters to the form.
+         * @param   {WindowOptions} windowOptions   (Optional) Options for controlling the window.
+         */
+        openEntityForm(name: string, id?: string, parameters?: Utility.FormOpenParameters, windowOptions?: Utility.WindowOptions): void;
+
+        /**
+         * Opens an HTML Web Resource in a new browser window.
+         *
+         * @param   {string}    webResourceName Name of the HTML web resource. Can be used to pass URL
+         *                                      parameters.  See Remarks.
+         * @param   {string}    webResourceData (Optional) Data to pass into the Web Resource's data parameter.
+         *                                                 It is advised to use encodeURIcomponent() to encode the value.
+         * @param   {number}    width           (Optional) The width of the new window.
+         * @param   {number}    height          (Optional) The height of the new window.
+         *
+         * @return  A Window reference, containing the opened Web Resource.
+         *
+         * @remarks This function will not work with Microsoft Dynamics CRM for tablets.
+         *          Valid WebResource URL Parameters:   typename
+         *                                              type
+         *                                              id
+         *                                              orgname
+         *                                              userlcid
+         *                                              data (identical to this method's webResourceData parameter)
+         *                                              formid
+         */
+        openWebResource(webResourceName: string, webResourceData?: string, width?: number, height?: number): Window;
+    }
+
     /**
      * Interface for methods to create and manage records in the mobile clients (for phones tablets).
      */
@@ -666,6 +660,18 @@ declare namespace Xrm {
         deleteRecord(entityType: string, id: string): Async.XrmPromise<Async.OfflineOperationSuccessCallbackDelegate, Async.ErrorCallbackDelegate>;
     }
 
+    interface Panel {
+        /**
+         * Displays the web page represented by a URL in the static area in the side pane, which appears on all pages in the web client.
+         *
+         * @param    {string}    url    URL of the page to be loaded in the side pane static area.
+         * @param    {string}    url    Title of the side pane static area.
+         *
+         * @remarks  This method is only supported for the web client.
+         */
+        LoadPanel(url: string, title: string): void;
+    }
+
     /**
      *  A definition module for asynchronous interface declarations.
      */
@@ -1595,6 +1601,15 @@ declare namespace Xrm {
          * @sa  EnumAttribute
          */
         interface BooleanAttribute extends EnumAttribute {
+            /**
+             * Gets the initial value of the attribute.
+             *
+             * @return  The initial value.
+             *
+             * @remarks Valid for OptionSet and boolean attribute types
+             */
+            getInitialValue(): boolean;
+
             /**
              * Gets the value.
              *
@@ -1666,6 +1681,15 @@ declare namespace Xrm {
              */
             getFormat(): OptionSetAttributeFormat;
 
+            /**
+             * Gets the initial value of the attribute.
+             *
+             * @return  The initial value.
+             *
+             * @remarks Valid for OptionSet and boolean attribute types
+             */
+            getInitialValue(): number;
+
             /**
              * Gets the option matching a value.
              *
diff --git a/types/xrm/xrm-tests.ts b/types/xrm/xrm-tests.ts
index 5d9d99b644..5b5b12c333 100644
--- a/types/xrm/xrm-tests.ts
+++ b/types/xrm/xrm-tests.ts
@@ -143,7 +143,7 @@ const resultSet: Xrm.Page.AutoCompleteResultSet = {
             // accounts in CRM.
             window.open("http://www.microsoft.com/en-us/dynamics/crm-customer-center/create-or-edit-an-account.aspx");
         }
-    } as Xrm.Page.AutoCompleteCommand
+    }
 };
 resultSet.results.push({
     id: 0,

From c49e2aa150ef6c19d2f8e7c0b9ee7b98cb71a229 Mon Sep 17 00:00:00 2001
From: Evgeny <botik213@gmail.com>
Date: Sat, 6 May 2017 02:22:36 +0300
Subject: [PATCH 250/321] [sequelize] add where option to DefineIndexesOptions
 (#16357)

---
 types/sequelize/v3/index.d.ts         |  5 +++++
 types/sequelize/v3/sequelize-tests.ts | 10 ++++++----
 2 files changed, 11 insertions(+), 4 deletions(-)

diff --git a/types/sequelize/v3/index.d.ts b/types/sequelize/v3/index.d.ts
index a02ba7d0ed..2f2f973c19 100644
--- a/types/sequelize/v3/index.d.ts
+++ b/types/sequelize/v3/index.d.ts
@@ -4757,6 +4757,11 @@ declare namespace sequelize {
          */
         fields?: Array<string | { attribute: string, length: number, order: string, collate: string }>;
 
+        /**
+         * Condition for partioal index
+         */
+        where?: WhereOptions;
+
     }
 
     /**
diff --git a/types/sequelize/v3/sequelize-tests.ts b/types/sequelize/v3/sequelize-tests.ts
index 3e972d3119..9f5eac61ad 100644
--- a/types/sequelize/v3/sequelize-tests.ts
+++ b/types/sequelize/v3/sequelize-tests.ts
@@ -1261,7 +1261,7 @@ s.define( 'UserWithUniqueUsername', {
     username : { type : Sequelize.STRING, unique : { name : 'user_and_email', msg : 'User and email must be unique' } },
     email : { type : Sequelize.STRING, unique : 'user_and_email' }
 } );
-/* NOTE https://github.com/DefinitelyTyped/DefinitelyTyped/pull/5590
+
 s.define( 'UserWithUniqueUsername', {
     user_id : { type : Sequelize.INTEGER },
     email : { type : Sequelize.STRING }
@@ -1269,13 +1269,15 @@ s.define( 'UserWithUniqueUsername', {
     indexes : [
         {
             name : 'user_and_email_index',
-            msg : 'User and email must be unique',
             unique : true,
             method : 'BTREE',
-            fields : ['user_id', { attribute : 'email', collate : 'en_US', order : 'DESC', length : 5 }]
+            fields : ['user_id', { attribute : 'email', collate : 'en_US', order : 'DESC', length : 5 }],
+            where : {
+                user_id : { $not: null }
+            }
         }]
 } );
- */
+
 s.define( 'TaskBuild', {
     title : { type : Sequelize.STRING, defaultValue : 'a task!' },
     foo : { type : Sequelize.INTEGER, defaultValue : 2 },

From 46eb9a8bfefd3d595e1f75290ea8848afde1cbed Mon Sep 17 00:00:00 2001
From: Adnan Chowdhury <bttf@users.noreply.github.com>
Date: Fri, 5 May 2017 16:23:05 -0700
Subject: [PATCH 251/321] Ember - Add additional type defs for RSVP namespace
 (#16359)

* add additional type defs for RSVP

* satisfy linting
---
 types/ember/index.d.ts | 29 +++++++++++++++++++++++++++++
 1 file changed, 29 insertions(+)

diff --git a/types/ember/index.d.ts b/types/ember/index.d.ts
index 37818e787e..201f14f156 100644
--- a/types/ember/index.d.ts
+++ b/types/ember/index.d.ts
@@ -1,6 +1,7 @@
 // Type definitions for Ember.js 2.7
 // Project: http://emberjs.com/
 // Definitions by: Jed Mao <https://github.com/jedmao>
+//                 bttf <https://github.com/bttf>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 
 /// <reference types="jquery" />
@@ -1571,6 +1572,34 @@ declare namespace Ember {
             @return {Promise}
             */
             finally<V>(callback: (a: T) => V, label?: string): Promise<V, U>;
+
+            static all<Q, R>(promises: GlobalArray<(Q | Thenable<Q, R>)>): Promise<Q[], R>;
+            static race<Q, R>(promises: GlobalArray<Promise<Q, R>>): Promise<Q, R>;
+
+            /**
+             @method resolve
+             @param {Any} value value that the returned promise will be resolved with
+             @param {String} label optional string for identifying the returned promise.
+             Useful for tooling.
+             @return {Promise} a promise that will become fulfilled with the given
+             `value`
+             */
+            static resolve<Q, R>(object?: Q | Thenable<Q, R>): Promise<Q, R>;
+
+            /**
+             @method cast (Deprecated in favor of resolve
+             @param {Any} value value that the returned promise will be resolved with
+             @param {String} label optional string for identifying the returned promise.
+             Useful for tooling.
+             @return {Promise} a promise that will become fulfilled with the given
+             `value`
+             */
+            static cast<Q, R>(object: Q | Thenable<Q, R>, label?: string): Promise<Q, R>;
+
+            /**
+             `RSVP.Promise.reject` returns a promise rejected with the passed `reason`.
+             */
+            static reject(reason?: any): Promise<any, any>;
         }
 
         function all(promises: GlobalArray<Promise<any, any>>): Promise<any, any>;

From 749652183e55518e244e4dc3822732d9d8662cf3 Mon Sep 17 00:00:00 2001
From: Joshua Netterfield <joshua@nettek.ca>
Date: Fri, 5 May 2017 19:24:27 -0400
Subject: [PATCH 252/321] Types for react-monaco-editor@0.8 (#16360)

---
 types/react-monaco-editor/index.d.ts          |  78 +++++++++
 types/react-monaco-editor/package.json        |   5 +
 .../react-monaco-editor-tests.tsx             | 149 ++++++++++++++++++
 types/react-monaco-editor/tsconfig.json       |  24 +++
 types/react-monaco-editor/tslint.json         |   1 +
 5 files changed, 257 insertions(+)
 create mode 100644 types/react-monaco-editor/index.d.ts
 create mode 100644 types/react-monaco-editor/package.json
 create mode 100644 types/react-monaco-editor/react-monaco-editor-tests.tsx
 create mode 100644 types/react-monaco-editor/tsconfig.json
 create mode 100644 types/react-monaco-editor/tslint.json

diff --git a/types/react-monaco-editor/index.d.ts b/types/react-monaco-editor/index.d.ts
new file mode 100644
index 0000000000..7f4a4a543e
--- /dev/null
+++ b/types/react-monaco-editor/index.d.ts
@@ -0,0 +1,78 @@
+// Type definitions for react-monaco-editor 0.8
+// Project: https://github.com/superRaytin/react-monaco-editor
+// Definitions by: Joshua Netterfield <https://github.com/jnetterf>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+// TypeScript Version: 2.2
+
+/// <reference types="monaco-editor" />
+
+import * as React from "react";
+
+export interface ReactMonacoEditorProps {
+    /**
+     * Width of editor. Defaults to 100%.
+     */
+    width?: string | number;
+
+    /**
+     * Height of editor. Defaults to 500.
+     */
+    height?: string | number;
+
+    /**
+     * Value of the auto created model in the editor.
+     * If you specify value property, the component behaves in controlled mode. Otherwise, it behaves in uncontrolled mode.
+     */
+    value?: string;
+
+    /**
+     * The initial value of the auto created model in the editor.
+     */
+    defaultValue?: string;
+
+    /**
+     * The initial language of the auto created model in the editor.
+     */
+    language?: string;
+
+    /**
+     * Theme to be used for rendering.
+     * The current out-of-the-box available themes are: 'vs' (default), 'vs-dark', 'hc-black'.
+     * You can create custom themes via `monaco.editor.defineTheme`.
+     */
+    theme?: string;
+
+    /**
+     * Refer to Monaco interface IEditorOptions.
+     */
+    options?: monaco.editor.IEditorOptions;
+
+    /**
+     * An event emitted when the editor has been mounted (similar to componentDidMount of React).
+     */
+    editorDidMount?(editor: monaco.editor.ICodeEditor, monacoModule: typeof monaco): void;
+
+    /**
+     * An event emitted before the editor mounted (similar to componentWillMount of React).
+     */
+    editorWillMount?(monacoModule: typeof monaco): void;
+
+    /**
+     * An event emitted when the content of the current model has changed.
+     */
+    onChange?(val: string, ev: monaco.editor.IModelContentChangedEvent2): void;
+
+    /**
+     * Optional, allow to config loader url and relative path of module, refer to require.config.
+     */
+    requireConfig?: object;
+
+    /**
+     * Optional, allow to pass a different context then the global window onto which the monaco instance will be loaded. Useful if you want to load the editor in an iframe.
+     */
+    context?: object;
+}
+
+export default class ReactMonacoEditor extends React.Component<ReactMonacoEditorProps, void> {
+    editor: monaco.editor.ICodeEditor;
+}
diff --git a/types/react-monaco-editor/package.json b/types/react-monaco-editor/package.json
new file mode 100644
index 0000000000..03bb1bd23d
--- /dev/null
+++ b/types/react-monaco-editor/package.json
@@ -0,0 +1,5 @@
+{
+    "dependencies": {
+        "monaco-editor": "0.8.3"
+    }
+}
diff --git a/types/react-monaco-editor/react-monaco-editor-tests.tsx b/types/react-monaco-editor/react-monaco-editor-tests.tsx
new file mode 100644
index 0000000000..d8e8642bf9
--- /dev/null
+++ b/types/react-monaco-editor/react-monaco-editor-tests.tsx
@@ -0,0 +1,149 @@
+// Adapted from https://github.com/superRaytin/react-monaco-editor/blob/master/examples/index.js
+
+import * as React from 'react';
+import { render } from 'react-dom';
+import MonacoEditor from 'react-monaco-editor';
+
+interface CodeEditorState {
+    code?: string;
+}
+
+// Using with webpack
+class CodeEditor extends React.Component<object, CodeEditorState> {
+    constructor(props: object) {
+        super(props);
+        this.state = {
+            code: '// type your code... \n',
+        };
+    }
+    editor: monaco.editor.ICodeEditor;
+    editorDidMount = (editor: monaco.editor.ICodeEditor) => {
+        console.log('editorDidMount', editor, editor.getValue(), editor.getModel());
+        this.editor = editor;
+    }
+    onChange = (newValue: string, e: monaco.editor.IModelContentChangedEvent2) => {
+        console.log('onChange', newValue, e);
+        this.setState({
+            code: newValue,
+        });
+    }
+    changeEditorValue = () => {
+        if (this.editor) {
+            this.editor.setValue('// code changed! \n');
+        }
+    }
+    changeBySetState = () => {
+        this.setState({code: '// code changed by setState! \n'});
+    }
+    render() {
+        const code = this.state.code;
+        const options = {
+            selectOnLineNumbers: true,
+            roundedSelection: false,
+            readOnly: false,
+            theme: 'vs',
+            cursorStyle: 'line',
+            automaticLayout: false,
+        };
+        return (
+            <div>
+            <div>
+            <button onClick={this.changeEditorValue}>Change value</button>
+            <button onClick={this.changeBySetState}>Change by setState</button>
+            </div>
+            <hr />
+            <MonacoEditor
+            height="500"
+            language="javascript"
+            value={code}
+            options={options}
+            onChange={this.onChange}
+            editorDidMount={this.editorDidMount}
+            />
+            </div>
+        );
+    }
+}
+
+// Using with require.config
+class AnotherEditor extends React.Component<object, CodeEditorState> {
+    constructor(props: object) {
+        super(props);
+        const jsonCode = [
+            '{',
+            '    "$schema": "http://myserver/foo-schema.json"',
+            "}"
+        ].join('\n');
+        this.state = {
+            code: jsonCode,
+        };
+    }
+    editorWillMount = (monacoModule: typeof monaco) => {
+        monacoModule.languages.json.jsonDefaults.setDiagnosticsOptions({
+            schemas: [{
+                uri: "http://myserver/foo-schema.json",
+                schema: {
+                    type: "object",
+                    properties: {
+                        p1: {
+                            enum: [ "v1", "v2"]
+                        },
+                        p2: {
+                            $ref: "http://myserver/bar-schema.json"
+                        }
+                    }
+                }
+            }, {
+                uri: "http://myserver/bar-schema.json",
+                schema: {
+                    type: "object",
+                    properties: {
+                        q1: {
+                            enum: [ "x1", "x2"]
+                        }
+                    }
+                }
+            }]
+        });
+    }
+    render() {
+        const code = this.state.code;
+        const requireConfig = {
+            url: 'https://cdnjs.cloudflare.com/ajax/libs/require.js/2.3.1/require.min.js',
+            paths: {
+                vs: 'https://as.alipayobjects.com/g/cicada/monaco-editor-mirror/0.6.1/min/vs'
+            }
+        };
+        return (
+            <div>
+            <MonacoEditor
+            width="800"
+            height="600"
+            language="json"
+            defaultValue={code}
+            requireConfig={requireConfig}
+            editorWillMount={this.editorWillMount}
+            />
+            </div>
+        );
+    }
+}
+
+class App extends React.Component<any, any> {
+    render() {
+        return (
+            <div>
+            <h2>Monaco Editor Sample (controlled mode)</h2>
+            <CodeEditor />
+            <hr />
+            <h2>Another editor (uncontrolled mode)</h2>
+            <AnotherEditor />
+            </div>
+        );
+    }
+}
+
+render(
+    <App />,
+    document.getElementById('root')
+);
diff --git a/types/react-monaco-editor/tsconfig.json b/types/react-monaco-editor/tsconfig.json
new file mode 100644
index 0000000000..0b3178ab81
--- /dev/null
+++ b/types/react-monaco-editor/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-monaco-editor-tests.tsx"
+    ]
+}
diff --git a/types/react-monaco-editor/tslint.json b/types/react-monaco-editor/tslint.json
new file mode 100644
index 0000000000..3db14f85ea
--- /dev/null
+++ b/types/react-monaco-editor/tslint.json
@@ -0,0 +1 @@
+{ "extends": "dtslint/dt.json" }

From 1d19461b6e52f2b639766f3fbe17cc97faa616ef Mon Sep 17 00:00:00 2001
From: Yui <yuit@users.noreply.github.com>
Date: Fri, 5 May 2017 16:36:51 -0700
Subject: [PATCH 253/321] Update state type parameter (#16361)

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

diff --git a/types/react-router/index.d.ts b/types/react-router/index.d.ts
index 43fe16f484..d5bc7240c7 100644
--- a/types/react-router/index.d.ts
+++ b/types/react-router/index.d.ts
@@ -70,12 +70,12 @@ export interface RouteProps {
   exact?: boolean;
   strict?: boolean;
 }
-export class Route extends React.Component<RouteProps, undefined> { }
+export class Route extends React.Component<RouteProps, {}> { }
 
 export interface RouterProps {
   history: any;
 }
-export class Router extends React.Component<RouterProps, undefined> { }
+export class Router extends React.Component<RouterProps, {}> { }
 
 export interface StaticRouterProps {
   basename?: string;
@@ -83,12 +83,12 @@ export interface StaticRouterProps {
   context?: object;
 }
 
-export class StaticRouter extends React.Component<StaticRouterProps, undefined> { }
+export class StaticRouter extends React.Component<StaticRouterProps, {}> { }
 export interface SwitchProps {
   children?: React.ReactNode;
   location?: H.Location;
 }
-export class Switch extends React.Component<SwitchProps, undefined> { }
+export class Switch extends React.Component<SwitchProps, {}> { }
 
 export interface match<P> {
   params: P;

From 868b7fa0e1aae75347a1744fc0f5f585da9cf2d5 Mon Sep 17 00:00:00 2001
From: Matt Bierner <matb@microsoft.com>
Date: Fri, 5 May 2017 16:42:32 -0700
Subject: [PATCH 254/321] Fix Ramda  for Global 'R' Symbol (#16362)

* Fix Ramda  for Global 'R' Symbol

**bug**
The Ramda global `R` symbol is not defined. This means that Ramda must be used as module. This breaks intellisense for some JavaScript project setups in VSCode

**fix**
Declare a 'ramda' module. This preserves the global `R` symbol

* Use export as instead
---
 types/ramda/index.d.ts | 1 +
 1 file changed, 1 insertion(+)

diff --git a/types/ramda/index.d.ts b/types/ramda/index.d.ts
index 20ad9529a9..7fde62feee 100644
--- a/types/ramda/index.d.ts
+++ b/types/ramda/index.d.ts
@@ -1808,3 +1808,4 @@ declare namespace R {
 }
 
 export = R;
+export as namespace R;

From d0dab167cda6b9c39da7280f8b988d3ad8632b68 Mon Sep 17 00:00:00 2001
From: Michael Zlatkovsky <Zlatkovsky@users.noreply.github.com>
Date: Fri, 5 May 2017 17:51:11 -0700
Subject: [PATCH 255/321] Remove "removeAll" method on event handlers (#16363)

The Office.js team (of which I am a member) has decided to remove this method.  It will still exist in silent deprecated mode, but we will no longer add new events that have a "removeAll", and we want to strongly discourage this method's existence.  Since this was only added very recently, we believe that it's best to just remove it outright, rather than add special notices about its deprecation, etc.  The likely number of folks using it today is close to 0.
---
 types/office-js/index.d.ts | 1 -
 1 file changed, 1 deletion(-)

diff --git a/types/office-js/index.d.ts b/types/office-js/index.d.ts
index e6f947b677..520928823e 100644
--- a/types/office-js/index.d.ts
+++ b/types/office-js/index.d.ts
@@ -2412,7 +2412,6 @@ declare module OfficeExtension {
         constructor(context: ClientRequestContext, parentObject: ClientObject, name: string, eventInfo: EventInfo<T>);
         add(handler: (args: T) => IPromise<any>): EventHandlerResult<T>;
         remove(handler: (args: T) => IPromise<any>): void;
-        removeAll(): void;
     }
 
     export class EventHandlerResult<T> {

From 0307072de4098aed7508a0efe26fd0dd01e4470c Mon Sep 17 00:00:00 2001
From: David Xiao <dwx1618@gmail.com>
Date: Sat, 6 May 2017 15:44:55 -0700
Subject: [PATCH 256/321] React-native: export ImageURISource

Useful for passing around the struct before giving to to the \<Image> component.
---
 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 7a02b28e6b..c5a656d15d 100644
--- a/types/react-native/index.d.ts
+++ b/types/react-native/index.d.ts
@@ -3123,9 +3123,9 @@ export interface ImageStyle extends FlexStyle, TransformsStyle, ShadowStyleIOS {
 }
 
 /*
-    * @see https://github.com/facebook/react-native/blob/master/Libraries/Image/ImageSourcePropType.js
-    */
-interface ImageURISource {
+ * @see https://github.com/facebook/react-native/blob/master/Libraries/Image/ImageSourcePropType.js
+ */
+export interface ImageURISource {
     /**
      * `uri` is a string representing the resource identifier for the image, which
      * could be an http address, a local file path, or the name of a static image

From ae60b8ca46d277d558d74afe2e03ab55f57d16b5 Mon Sep 17 00:00:00 2001
From: Alexander James Phillips <ajp.global@gmail.com>
Date: Sun, 7 May 2017 15:04:37 +0100
Subject: [PATCH 257/321] Move hapi dependencies to own modules

catbox, h2o2, mime-db, mimos, podium, shot, vision
Add tests where possible.
Add note regarding apparent failure of some nested object literals to enforce typings
---
 types/boom/index.d.ts                         |   2 -
 types/boom/tsconfig.json                      |   4 +-
 types/{hapi => }/catbox/index.d.ts            |   2 -
 types/catbox/tsconfig.json                    |  21 +++
 types/h2o2/h2o2-tests.ts                      | 165 ++++++++++++++++++
 types/h2o2/index.d.ts                         |  89 ++++++++++
 types/h2o2/tsconfig.json                      |  22 +++
 types/hapi/h2o2/h2o2-tests.ts                 |  64 -------
 types/hapi/h2o2/index.d.ts                    |  75 --------
 types/hapi/index.d.ts                         |  56 +++++-
 types/hapi/json/index.d.ts                    |  17 --
 types/hapi/json/json-tests.ts                 |   8 -
 types/hapi/shot/index.d.ts                    | 109 ------------
 .../tests/response/error-representation.ts    |   4 +-
 types/hapi/tests/response/events.ts           |   2 +-
 types/hapi/tsconfig.json                      |  15 +-
 types/inert/index.d.ts                        |  47 ++---
 types/inert/inert-tests.ts                    | 129 ++++++++++----
 types/inert/tsconfig.json                     |   2 +-
 types/{hapi => }/mime-db/index.d.ts           |   2 -
 types/mime-db/tsconfig.json                   |  21 +++
 types/{hapi => }/mimos/index.d.ts             |   4 +-
 types/mimos/tsconfig.json                     |  21 +++
 types/{hapi => }/podium/index.d.ts            |  14 +-
 types/podium/podium-tests.ts                  |  33 ++++
 types/podium/tsconfig.json                    |  22 +++
 types/shot/index.d.ts                         | 113 ++++++++++++
 types/shot/shot-tests.ts                      |  29 +++
 types/shot/tsconfig.json                      |  22 +++
 types/{hapi => }/vision/index.d.ts            |   5 +
 types/vision/tsconfig.json                    |  22 +++
 types/{hapi => }/vision/vision-tests.ts       |   0
 32 files changed, 768 insertions(+), 373 deletions(-)
 rename types/{hapi => }/catbox/index.d.ts (99%)
 create mode 100644 types/catbox/tsconfig.json
 create mode 100644 types/h2o2/h2o2-tests.ts
 create mode 100644 types/h2o2/index.d.ts
 create mode 100644 types/h2o2/tsconfig.json
 delete mode 100644 types/hapi/h2o2/h2o2-tests.ts
 delete mode 100644 types/hapi/h2o2/index.d.ts
 delete mode 100644 types/hapi/json/index.d.ts
 delete mode 100644 types/hapi/json/json-tests.ts
 delete mode 100644 types/hapi/shot/index.d.ts
 rename types/{hapi => }/mime-db/index.d.ts (93%)
 create mode 100644 types/mime-db/tsconfig.json
 rename types/{hapi => }/mimos/index.d.ts (91%)
 create mode 100644 types/mimos/tsconfig.json
 rename types/{hapi => }/podium/index.d.ts (97%)
 create mode 100644 types/podium/podium-tests.ts
 create mode 100644 types/podium/tsconfig.json
 create mode 100644 types/shot/index.d.ts
 create mode 100644 types/shot/shot-tests.ts
 create mode 100644 types/shot/tsconfig.json
 rename types/{hapi => }/vision/index.d.ts (98%)
 create mode 100644 types/vision/tsconfig.json
 rename types/{hapi => }/vision/vision-tests.ts (100%)

diff --git a/types/boom/index.d.ts b/types/boom/index.d.ts
index bb2f5e4bc0..4d9d0b3a5b 100644
--- a/types/boom/index.d.ts
+++ b/types/boom/index.d.ts
@@ -3,8 +3,6 @@
 // Definitions by: Igor Rogatty <http://github.com/rogatty>, AJP <http://github.com/AJamesPhillips>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 
-/// <reference types="node" />
-
 export = Boom;
 
 declare namespace Boom {
diff --git a/types/boom/tsconfig.json b/types/boom/tsconfig.json
index d64d51130b..1ad2b9c1f3 100644
--- a/types/boom/tsconfig.json
+++ b/types/boom/tsconfig.json
@@ -6,12 +6,12 @@
         ],
         "noImplicitAny": true,
         "noImplicitThis": true,
-        "strictNullChecks": false,
+        "strictNullChecks": true,
         "baseUrl": "../",
         "typeRoots": [
             "../"
         ],
-        "types": [],
+        "types": ["node"],
         "noEmit": true,
         "forceConsistentCasingInFileNames": true
     },
diff --git a/types/hapi/catbox/index.d.ts b/types/catbox/index.d.ts
similarity index 99%
rename from types/hapi/catbox/index.d.ts
rename to types/catbox/index.d.ts
index 013997cfaf..e832f58446 100644
--- a/types/hapi/catbox/index.d.ts
+++ b/types/catbox/index.d.ts
@@ -1,5 +1,3 @@
-// TODO needs tests
-// TODO move to own definition
 // Type definitions for catbox 7.1
 // Project: https://github.com/hapijs/catbox
 // Definitions by: Jason Swearingen <http://github.com/jasonswearingen>, AJP <https://github.com/AJamesPhillips>
diff --git a/types/catbox/tsconfig.json b/types/catbox/tsconfig.json
new file mode 100644
index 0000000000..3bc13b0278
--- /dev/null
+++ b/types/catbox/tsconfig.json
@@ -0,0 +1,21 @@
+{
+    "compilerOptions": {
+        "module": "commonjs",
+        "lib": [
+            "es6"
+        ],
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictNullChecks": true,
+        "baseUrl": "../",
+        "typeRoots": [
+            "../"
+        ],
+        "types": [],
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true
+    },
+    "files": [
+        "index.d.ts"
+    ]
+}
\ No newline at end of file
diff --git a/types/h2o2/h2o2-tests.ts b/types/h2o2/h2o2-tests.ts
new file mode 100644
index 0000000000..f8e88c5c9b
--- /dev/null
+++ b/types/h2o2/h2o2-tests.ts
@@ -0,0 +1,165 @@
+import http = require("http");
+import * as Boom from 'boom';
+import * as Hapi from 'hapi';
+import * as Wreck from 'wreck';
+import h2o2 = require('h2o2');
+
+// https://github.com/hapijs/h2o2#manual-loading
+
+const server = new Hapi.Server({});
+
+server.register({
+    register: h2o2
+}, function (err) {
+
+    if (err) {
+        console.log('Failed to load h2o2');
+    }
+
+    server.start(function (err) {
+
+        console.log('Server started at: ' + server.info!.uri);
+    });
+});
+
+// https://github.com/hapijs/h2o2#replyproxyoptions
+
+const handler: Hapi.RouteHandler = function (request, reply) {
+
+    return reply.proxy({ host: 'example.com', port: 80, protocol: 'http' });
+};
+
+// https://github.com/hapijs/h2o2#using-the-host-port-protocol-options
+
+server.route({
+    method: 'GET',
+    path: '/',
+    handler: {
+        proxy: {
+            host: '10.33.33.1',
+            port: '443',
+            protocol: 'https'
+        }
+    }
+});
+
+// https://github.com/hapijs/h2o2#using-the-uri-option
+
+server.route({
+    method: 'GET',
+    path: '/',
+    handler: {
+        proxy: {
+            uri: 'https://some.upstream.service.com/that/has?what=you&want=todo'
+        }
+    }
+});
+
+// https://github.com/hapijs/h2o2#custom-uri-template-values
+
+server.route({
+    method: 'GET',
+    path: '/foo',
+    handler: {
+        proxy: {
+            uri: '{protocol}://{host}:{port}/go/to/{path}'
+        }
+    }
+});
+
+server.route({
+    method: 'GET',
+    path: '/foo/{bar}',
+    handler: {
+        proxy: {
+            uri: 'https://some.upstream.service.com/some/path/to/{bar}'
+        }
+    }
+});
+
+// https://github.com/hapijs/h2o2#using-the-mapuri-and-onresponse-options
+
+server.route({
+    method: 'GET',
+    path: '/',
+    handler: {
+        proxy: {
+            mapUri: function (request, callback) {
+
+                console.log('doing some aditional stuff before redirecting');
+                callback(null, 'https://some.upstream.service.com/');
+            },
+            onResponse: function (err, res, request, reply, settings, ttl) {
+
+                console.log('receiving the response from the upstream.');
+                Wreck.read(res, { json: true }, function (err, payload) {
+
+                    console.log('some payload manipulation if you want to.')
+                    reply(payload).headers = res.headers;
+                });
+            }
+        }
+    }
+});
+
+/**
+ * test code added in additional to code in docs.  Demonstrates that for the moment
+ * you need flat
+ * objects with typing along the way to benefit from typescript catching
+ * misspelt, or unsupported keys.
+ * This is because of an unknown reason.  Expecting this to work because:
+ * "Object literals get special treatment and undergo excess
+ * property checking when assigning them to other variables, or passing them
+ * as arguments", see github.com/Microsoft/TypeScript
+ */
+
+var proxyOptions: h2o2.ProxyHandlerOptions = {
+    host: '10.33.33.1',
+    port: '443',
+    protocol: 'https'  // errors correctly if misspelt
+}
+
+server.route({
+    method: 'GET',
+    path: '/',
+    handler: {
+        proxy: {
+            host: '10.33.33.1',
+            port: '443',
+            BAD_protocol: 'https'  // TODO change typings to fix this / submit bug report
+        }
+    }
+})
+
+server.route({
+    method: 'GET',
+    path: '/',
+    handler: {
+        proxy: {
+            uri: 'https://some.upstream.service.com/that/has?what=you&want=todo'
+        }
+    }
+})
+
+server.route({
+    method: 'GET',
+    path: '/',
+    handler: {
+        proxy: {
+            mapUri: function (request: Hapi.Request, callback: (err: null | Boom.BoomError, value: string) => void) {
+
+                console.log('doing some aditional stuff before redirecting');
+                callback(null, 'https://some.upstream.service.com/');
+            },
+            onResponse: function (err: null | Boom.BoomError, res: http.IncomingMessage, request: Hapi.Request, reply: Hapi.ReplyWithContinue, settings: h2o2.ProxyHandlerOptions, ttl: number) {
+
+                console.log('receiving the response from the upstream.');
+                Wreck.read(res, { json: true }, function (err: null | Boom.BoomError, payload: any) {
+
+                    console.log('some payload manipulation if you want to.')
+                    reply(payload).headers = res.headers;
+                });
+            }
+        }
+    }
+});
diff --git a/types/h2o2/index.d.ts b/types/h2o2/index.d.ts
new file mode 100644
index 0000000000..d15eb90cec
--- /dev/null
+++ b/types/h2o2/index.d.ts
@@ -0,0 +1,89 @@
+// Type definitions for h2o2 5.4
+// Project: https://github.com/hapijs/catbox
+// Definitions by: Jason Swearingen <http://github.com/jasonswearingen>, AJP <https://github.com/AJamesPhillips>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+// TypeScript Version: 2.2
+
+import http = require("http");
+import * as hapi from 'hapi';
+import * as Boom from 'boom';
+
+declare namespace H2o2 {
+    /** Proxy handler options */
+    export interface ProxyHandlerOptions {
+        /** host - upstream service host to proxy requests to. It will have the same path as the client request. */
+        host?: string;
+        /** port - upstream service port. */
+        port?: number | string;
+        /** protocol - protocol to use when making the request to the proxied host: */
+        protocol?: 'http' | 'https';
+        /** uri - absolute URI used instead of host, port, protocol, path, and query. Cannot be used with host, port, protocol, or mapUri. */
+        uri?: string;
+        /** passThrough - if set to true, it forwards the headers from the client to the upstream service, headers sent from the upstream service will also be forwarded to the client. Defaults to false. */
+        passThrough?: boolean;
+        /** localStatePassThrough - if set tofalse, any locally defined state is removed from incoming requests before being sent to the upstream service. This value can be overridden on a per state basis via the server.state()``passThrough option. Defaults to false */
+        localStatePassThrough?: boolean;
+        /** acceptEncoding - if set to false, does not pass-through the 'Accept-Encoding' HTTP header which is useful for the onResponse post-processing to avoid receiving an encoded response. Can only be used together with passThrough. Defaults to true (passing header). */
+        acceptEncoding?: boolean;
+        /** rejectUnauthorized - sets the rejectUnauthorized property on the https agent making the request. This value is only used when the proxied server uses TLS/SSL. If set it will override the node.js rejectUnauthorized property. If false then ssl errors will be ignored. When true the server certificate is verified and an 500 response will be sent when verification fails. This shouldn't be used alongside the agent setting as the agent will be used instead. Defaults to the https agent default value of true. */
+        rejectUnauthorized?: boolean;
+        /** xforward - if set to true, sets the 'X-Forwarded-For', 'X-Forwarded-Port', 'X-Forwarded-Proto', 'X-Forwarded-Host' headers when making a request to the proxied upstream endpoint. Defaults to false. */
+        xforward?: boolean;
+        /** redirects - the maximum number of HTTP redirections allowed to be followed automatically by the handler. Set to false or 0 to disable all redirections (the response will contain the redirection received from the upstream service). If redirections are enabled, no redirections (301, 302, 307, 308) will be passed along to the client, and reaching the maximum allowed redirections will return an error response. Defaults to false. */
+        redirects?: number | false;
+        /** timeout - number of milliseconds before aborting the upstream request. Defaults to 180000 (3 minutes). */
+        timeout?: number;
+        /** mapUri - a function used to map the request URI to the proxied URI. Cannot be used together with host, port, protocol, or uri. The function signature is function (request, callback) where:
+         * @param request - is the incoming request object.
+         * @param callback - is function (err, uri, headers) where:
+         *      @param err - internal error condition. TODO: check this is of type BoomError or just Error.
+         *      @param uri - the absolute proxy URI.
+         *      @param headers - optional object where each key is an HTTP request header and the value is the header content.
+        */
+        mapUri?: (request: hapi.Request, callback: (err: null | Boom.BoomError, uri: string, headers?: { [key: string]: string }) => void) => void;
+        /**
+         * onResponse - a custom function for processing the response from the upstream service before sending to the client. Useful for custom error handling of responses from the proxied endpoint or other payload manipulation. Function signature is function (err, res, request, reply, settings, ttl) where:
+         * @param err - internal or upstream error returned from attempting to contact the upstream proxy.  TODO: check this is of type BoomError or just Error.
+         * @param res - the node response object received from the upstream service. res is a readable stream (use the wreck module read method to easily convert it to a Buffer or string).
+         * @param request - is the incoming request object.
+         * @param reply - the reply interface function.
+         * @param settings - the proxy handler configuration.
+         * @param ttl - the upstream TTL in milliseconds if proxy.ttl it set to 'upstream' and the upstream response included a valid 'Cache-Control' header with 'max-age'.
+         */
+        onResponse?: (err: null | Boom.BoomError,
+            res: http.IncomingMessage,
+            req: hapi.Request,
+            reply: hapi.ReplyWithContinue, // TODO, check it has continue
+            settings: ProxyHandlerOptions,
+            ttl: number) => void;
+        /** ttl - if set to 'upstream', applies the upstream response caching policy to the response using the response.ttl() method (or passed as an argument to the onResponse method if provided). */
+        ttl?: 'upstream';
+        /** agent - a node http(s) agent to be used for connections to upstream server. @see {@link https://nodejs.org/api/http.html#http_class_http_agent} */
+        agent?: http.Agent;
+        /** maxSockets - sets the maximum number of sockets available per outgoing proxy host connection. false means use the wreck module default value (Infinity). Does not affect non-proxy outgoing client connections. Defaults to Infinity. */
+        maxSockets?: false | number;
+    }
+}
+
+declare module 'hapi' {
+    /**
+     * As one of the handlers for hapi, it is used through the route configuration object.
+     * [see docs](https://github.com/hapijs/h2o2#usage)
+     */
+    interface RouteHandlerPlugins {
+        proxy?: H2o2.ProxyHandlerOptions;
+    }
+
+    interface Base_Reply {
+        /**
+         * Proxies the request to an upstream endpoint
+         * @param options  an object including the same keys and restrictions defined by the [route proxy handler options](https://github.com/hapijs/h2o2#options).
+         * [see docs](https://github.com/hapijs/h2o2#replyproxyoptions)
+         */
+        proxy(options: H2o2.ProxyHandlerOptions): void;
+    }
+}
+
+declare var H2o2: hapi.PluginFunction<{}>;
+
+export = H2o2;
diff --git a/types/h2o2/tsconfig.json b/types/h2o2/tsconfig.json
new file mode 100644
index 0000000000..1abbac7fb0
--- /dev/null
+++ b/types/h2o2/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",
+        "h2o2-tests.ts"
+    ]
+}
\ No newline at end of file
diff --git a/types/hapi/h2o2/h2o2-tests.ts b/types/hapi/h2o2/h2o2-tests.ts
deleted file mode 100644
index 981f712593..0000000000
--- a/types/hapi/h2o2/h2o2-tests.ts
+++ /dev/null
@@ -1,64 +0,0 @@
-import http = require("http");
-import * as Boom from 'boom';
-import * as Hapi from 'hapi';
-import * as Wreck from 'wreck';
-import * as h2o2 from './index';
-
-// const handler = function (request: Hapi.Request, reply: Hapi.IReply) {
-//     return reply.proxy({ host: 'example.com', port: 80, protocol: 'http' });
-// };
-
-const server = new Hapi.Server({});
-
-var proxyOptions: h2o2.ProxyHandlerOptions = {
-    host: '10.33.33.1',
-    port: '443',
-    protocol: 'https'
-};
-var routeConfig: Hapi.RouteConfiguration = {
-    method: 'GET',
-    path: '/',
-    handler: {
-        proxy: proxyOptions
-    }
-};
-server.route({
-    method: 'GET',
-    path: '/',
-    handler: {
-        proxy: proxyOptions
-    }
-});
-
-server.route({
-    method: 'GET',
-    path: '/',
-    handler: {
-        proxy: {
-            uri: 'https://some.upstream.service.com/that/has?what=you&want=todo'
-        }
-    }
-});
-
-server.route({
-    method: 'GET',
-    path: '/',
-    handler: {
-        proxy: {
-            mapUri: function (request: Hapi.Request, callback: (err: null | Boom.BoomError, value: string) => void) {
-
-                console.log('doing some aditional stuff before redirecting');
-                callback(null, 'https://some.upstream.service.com/');
-            },
-            onResponse: function (err: null | Boom.BoomError, res: http.IncomingMessage, request: Hapi.Request, reply: Hapi.ReplyWithContinue, settings: h2o2.ProxyHandlerOptions, ttl: number) {
-
-                console.log('receiving the response from the upstream.');
-                Wreck.read(res, { json: true }, function (err: null | Boom.BoomError, payload: any) {
-
-                    console.log('some payload manipulation if you want to.')
-                    reply(payload).headers = res.headers;
-                });
-            }
-        }
-    }
-});
diff --git a/types/hapi/h2o2/index.d.ts b/types/hapi/h2o2/index.d.ts
deleted file mode 100644
index 9ff4bd1f70..0000000000
--- a/types/hapi/h2o2/index.d.ts
+++ /dev/null
@@ -1,75 +0,0 @@
-// TODO move to own definition
-// Type definitions for h2o2 5.4
-// Project: https://github.com/hapijs/catbox
-// Definitions by: Jason Swearingen <http://github.com/jasonswearingen>, AJP <https://github.com/AJamesPhillips>
-// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
-// TypeScript Version: 2.2
-
-import http = require("http");
-import * as hapi from 'hapi';
-import * as Boom from 'boom';
-
-/** Proxy handler options */
-export interface ProxyHandlerOptions {
-    /** host - upstream service host to proxy requests to. It will have the same path as the client request. */
-    host?: string;
-    /** port - upstream service port. */
-    port?: string;
-    /** protocol - protocol to use when making the request to the proxied host: */
-    protocol?: 'http' | 'https';
-    /** uri - absolute URI used instead of host, port, protocol, path, and query. Cannot be used with host, port, protocol, or mapUri. */
-    uri?: string;
-    /** passThrough - if set to true, it forwards the headers from the client to the upstream service, headers sent from the upstream service will also be forwarded to the client. Defaults to false. */
-    passThrough?: boolean;
-    /** localStatePassThrough - if set tofalse, any locally defined state is removed from incoming requests before being sent to the upstream service. This value can be overridden on a per state basis via the server.state()``passThrough option. Defaults to false */
-    localStatePassThrough?: boolean;
-    /** acceptEncoding - if set to false, does not pass-through the 'Accept-Encoding' HTTP header which is useful for the onResponse post-processing to avoid receiving an encoded response. Can only be used together with passThrough. Defaults to true (passing header). */
-    acceptEncoding?: boolean;
-    /** rejectUnauthorized - sets the rejectUnauthorized property on the https agent making the request. This value is only used when the proxied server uses TLS/SSL. If set it will override the node.js rejectUnauthorized property. If false then ssl errors will be ignored. When true the server certificate is verified and an 500 response will be sent when verification fails. This shouldn't be used alongside the agent setting as the agent will be used instead. Defaults to the https agent default value of true. */
-    rejectUnauthorized?: boolean;
-    /** xforward - if set to true, sets the 'X-Forwarded-For', 'X-Forwarded-Port', 'X-Forwarded-Proto', 'X-Forwarded-Host' headers when making a request to the proxied upstream endpoint. Defaults to false. */
-    xforward?: boolean;
-    /** redirects - the maximum number of HTTP redirections allowed to be followed automatically by the handler. Set to false or 0 to disable all redirections (the response will contain the redirection received from the upstream service). If redirections are enabled, no redirections (301, 302, 307, 308) will be passed along to the client, and reaching the maximum allowed redirections will return an error response. Defaults to false. */
-    redirects?: number | false;
-    /** timeout - number of milliseconds before aborting the upstream request. Defaults to 180000 (3 minutes). */
-    timeout?: number;
-    /** mapUri - a function used to map the request URI to the proxied URI. Cannot be used together with host, port, protocol, or uri. The function signature is function (request, callback) where:
-     * @param request - is the incoming request object.
-     * @param callback - is function (err, uri, headers) where:
-     *      @param err - internal error condition. TODO: check this is of type BoomError or just Error.
-     *      @param uri - the absolute proxy URI.
-     *      @param headers - optional object where each key is an HTTP request header and the value is the header content.
-    */
-    mapUri?: (request: hapi.Request, callback: (err: null | Boom.BoomError, uri: string, headers?: { [key: string]: string }) => void) => void;
-    /**
-     * onResponse - a custom function for processing the response from the upstream service before sending to the client. Useful for custom error handling of responses from the proxied endpoint or other payload manipulation. Function signature is function (err, res, request, reply, settings, ttl) where:
-     * @param err - internal or upstream error returned from attempting to contact the upstream proxy.  TODO: check this is of type BoomError or just Error.
-     * @param res - the node response object received from the upstream service. res is a readable stream (use the wreck module read method to easily convert it to a Buffer or string).
-     * @param request - is the incoming request object.
-     * @param reply - the reply interface function.
-     * @param settings - the proxy handler configuration.
-     * @param ttl - the upstream TTL in milliseconds if proxy.ttl it set to 'upstream' and the upstream response included a valid 'Cache-Control' header with 'max-age'.
-     */
-    onResponse?: (err: null | Boom.BoomError,
-        res: http.IncomingMessage,
-        req: hapi.Request,
-        reply: hapi.ReplyWithContinue, // TODO, check it has continue
-        settings: ProxyHandlerOptions,
-        ttl: number) => void;
-    /** ttl - if set to 'upstream', applies the upstream response caching policy to the response using the response.ttl() method (or passed as an argument to the onResponse method if provided). */
-    ttl?: 'upstream';
-    /** agent - a node http(s) agent to be used for connections to upstream server. @see {@link https://nodejs.org/api/http.html#http_class_http_agent} */
-    agent?: http.Agent;
-    /** maxSockets - sets the maximum number of sockets available per outgoing proxy host connection. false means use the wreck module default value (Infinity). Does not affect non-proxy outgoing client connections. Defaults to Infinity. */
-    maxSockets?: false | number;
-}
-
-declare module 'hapi' {
-    interface RouteHandlerPlugins {
-        /**
-         * the Proxy Handler
-         * @see {@link https://github.com/hapijs/h2o2#replyproxyoptions}
-         */
-        proxy?: ProxyHandlerOptions;
-    }
-}
diff --git a/types/hapi/index.d.ts b/types/hapi/index.d.ts
index 2f555f68d2..2ef76367dd 100644
--- a/types/hapi/index.d.ts
+++ b/types/hapi/index.d.ts
@@ -22,7 +22,6 @@
  * Renaming of all interfaces to remove preceding I in preparation of dtslint
  */
 
-
 import Events = require("events");
 import stream = require("stream");
 import http = require("http");
@@ -37,11 +36,10 @@ import {
     Schema as JoiValidationObject,
 } from 'joi';
 
-import * as Catbox from './catbox';
-import {MimosOptions} from './mimos';
-import * as Podium from './podium';
-import * as Json from './json';
-import * as Shot from './shot';
+import * as Catbox from 'catbox';
+import {MimosOptions} from 'mimos';
+import * as Podium from 'podium';
+import * as Shot from 'shot';
 
 export interface Dictionary<T> {
     [key: string]: T;
@@ -1018,8 +1016,9 @@ interface ApplicationEventOptionsObject {
  * The route configuration object
  *
  * [See docs](https://hapijs.com/api/16.1.1#route-configuration)
+ *
+ * TODO typings check that the following refers to RouteAdditionalConfigurationOptions "Note that the options object is deeply cloned (with the exception of bind which is shallowly copied) and cannot contain any values that are unsafe to perform deep copy on."
  */
-// TODO check that the following refers to RouteAdditionalConfigurationOptions "Note that the options object is deeply cloned (with the exception of bind which is shallowly copied) and cannot contain any values that are unsafe to perform deep copy on."
 export interface RouteConfiguration {
     /** the absolute path used to match incoming requests (must begin with '/'). Incoming requests are compared to the configured paths based on the connection router configuration option. The path can include named parameters enclosed in {} which will be matched against literal values in the request as described in Path parameters. */
     path: string;
@@ -2535,3 +2534,46 @@ export interface PluginRegistrationOptions {
     routes?: {prefix?: string, vhost?: string | string[]};
     select?: string | string[];
 }
+
+/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ +                                                                           +
+ +                                                                           +
+ +                                                                           +
+ +                                    JSON                                   +
+ +                                                                           +
+ +                                                                           +
+ +                                                                           +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
+// This was in a seperate file and perhaps should move to some of the lib typings?
+// https://github.com/DefinitelyTyped/DefinitelyTyped/pull/16065#issuecomment-299443673
+//
+// json/json-tests.ts
+//
+// import * as JSON from './index';
+//
+// var a: JSON.StringifyReplacer = function(key, value) {
+//     if (key === "do not include") {
+//         return undefined;
+//     }
+//     return value;
+// };
+//
+
+export module Json {
+    /**
+     * @see {@link https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/JSON/stringify#The_replacer_parameter}
+     */
+    export type StringifyReplacer = ((key: string, value: any) => any) | (string | number)[] | undefined;
+
+    /**
+     * Any value greater than 10 is truncated.
+     */
+    export type StringifySpace = number | string;
+
+    export interface StringifyArguments {
+        /** the replacer function or array. Defaults to no action. */
+        replacer?: StringifyReplacer;
+        /** number of spaces to indent nested object keys. Defaults to no indentation. */
+        space?: StringifySpace;
+    }
+}
diff --git a/types/hapi/json/index.d.ts b/types/hapi/json/index.d.ts
deleted file mode 100644
index 6febf05c6a..0000000000
--- a/types/hapi/json/index.d.ts
+++ /dev/null
@@ -1,17 +0,0 @@
-
-/**
- * @see {@link https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/JSON/stringify#The_replacer_parameter}
- */
-export type StringifyReplacer = ((key: string, value: any) => any) | (string | number)[] | undefined;
-
-/**
- * Any value greater than 10 is truncated.
- */
-export type StringifySpace = number | string;
-
-export interface StringifyArguments {
-    /** the replacer function or array. Defaults to no action. */
-    replacer?: StringifyReplacer;
-    /** number of spaces to indent nested object keys. Defaults to no indentation. */
-    space?: StringifySpace;
-}
diff --git a/types/hapi/json/json-tests.ts b/types/hapi/json/json-tests.ts
deleted file mode 100644
index cbe9529b83..0000000000
--- a/types/hapi/json/json-tests.ts
+++ /dev/null
@@ -1,8 +0,0 @@
-import * as JSON from './index';
-
-var a: JSON.StringifyReplacer = function(key, value) {
-    if (key === "do not include") {
-        return undefined;
-    }
-    return value;
-};
diff --git a/types/hapi/shot/index.d.ts b/types/hapi/shot/index.d.ts
deleted file mode 100644
index 8bace851f1..0000000000
--- a/types/hapi/shot/index.d.ts
+++ /dev/null
@@ -1,109 +0,0 @@
-// TODO needs tests
-// TODO move to own definition
-// Type definitions for shot 3.4
-// Project: https://github.com/hapijs/shot
-// Definitions by: AJP <https://github.com/AJamesPhillips>
-// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
-// TypeScript Version: 2.2
-
-import * as Http from 'http';
-import * as Stream from 'stream';
-
-export interface Shot {
-    /**
-     * Injects a fake request into an HTTP server.
-     * @param dispatchFunc  listener function. The same as you would pass to Http.createServer when making a node HTTP server. @see IListener
-     * @param options  request options object @see RequestOptions
-     * @param callback  the callback function @see Callback
-     * @see {@link https://github.com/hapijs/shot/blob/master/API.md#shotinjectdispatchfunc-options-callback}
-     */
-    inject(dispatchFunc: Listener, options: RequestOptions, callback: (res: ResponseObject) => void): void;
-
-    /**
-     * Checks if given object obj is a Shot Request object.
-     * @see {@link https://github.com/hapijs/shot/blob/master/API.md#shotisinjectionobj}
-     */
-    isInjection(obj: any): boolean;
-}
-
-/**
- * listener function. The same as you would pass to Http.createServer when making a node HTTP server. Has the signature function (req, res) where:
- *    * req - a simulated request object. Inherits from Stream.Readable.
- *    * res - a simulated response object. Inherits from node's Http.ServerResponse.
- * @see {@link https://github.com/hapijs/shot/blob/master/API.md#shotinjectdispatchfunc-options-callback}
- */
-export interface Listener {
-    (req: SimulatedRequestObject, res: SimulatedResponseObject): void;
-}
-
-/**
- * a simulated request object. Inherits from Stream.Readable.
- * @see {@link https://github.com/hapijs/shot/blob/master/API.md#shotinjectdispatchfunc-options-callback}
- */
-interface SimulatedRequestObject extends Stream.Readable {}
-
-/**
- * a simulated response object. Inherits from node's Http.ServerResponse.
- * @see {@link https://github.com/hapijs/shot/blob/master/API.md#shotinjectdispatchfunc-options-callback}
- */
-interface SimulatedResponseObject extends Http.ServerResponse {}
-
-/**
- * @see {@link https://github.com/hapijs/shot/blob/master/API.md#shotinjectdispatchfunc-options-callback}
- */
-export interface RequestOptions {
-    /** a string specifying the request URL. */
-    url: string;
-    /** a string specifying the HTTP request method, defaulting to 'GET'. */
-    method?: string;
-    /** a string specifying the HTTP HOST header value to be used if no header is provided, and the url does not include an authority component. Defaults to 'localhost'. */
-    authority?: string;
-    /** an optional object containing request headers. */
-    headers?: Headers;
-    /** an optional string specifying the client remote address. Defaults to '127.0.0.1'. */
-    remoteAddress?: string;
-    /** an optional request payload. Can be a string, Buffer, Stream or object. */
-    payload?: string | Buffer | Stream.Stream | {[key: string]: any};
-    /** an object containing flags to simulate various conditions: */
-    simulate?: {
-        /** indicates whether the request will fire an end event. Defaults to undefined, meaning an end event will fire. */
-        end?: boolean;
-        /** indicates whether the request payload will be split into chunks. Defaults to `undefined`, meaning payload will not be chunked. */
-        split?: boolean;
-        /** whether the request will emit an error event. Defaults to undefined, meaning no error event will be emitted. If set to true, the emitted error will have a message of 'Simulated'. */
-        error?: boolean;
-        /** whether the request will emit a close event. Defaults to undefined, meaning no close event will be emitted. */
-        close?: boolean;
-    }
-    /** Optional flag to validate this options object. Defaults to true. */
-    validate?: boolean;
-}
-
-interface Headers {
-    [header: string]: string;
-}
-
-/**
- * @see {@link https://github.com/hapijs/shot/blob/master/API.md#shotinjectdispatchfunc-options-callback}
- */
-export interface ResponseObject {
-    /** an object containing the raw request and response objects where: */
-    raw: {
-        /** the simulated request object. */
-        req: SimulatedRequestObject;
-        /** the simulated response object. */
-        res: SimulatedResponseObject;
-    };
-    /** an object containing the response headers. */
-    headers: Headers;
-    /** the HTTP status code. */
-    statusCode: number;
-    /** the HTTP status message. */
-    statusMessage: string;
-    /** the payload as a UTF-8 encoded string. */
-    payload: string;
-    /** the raw payload as a Buffer. */
-    rawPayload: Buffer;
-    /** an object containing the response trailers. */
-    trailers: {[index: string]: any};
-}
diff --git a/types/hapi/tests/response/error-representation.ts b/types/hapi/tests/response/error-representation.ts
index 8b9b1099f9..f0fb62eb30 100644
--- a/types/hapi/tests/response/error-representation.ts
+++ b/types/hapi/tests/response/error-representation.ts
@@ -2,7 +2,7 @@
 // From https://hapijs.com/api/16.1.1#error-transformation
 
 import * as Hapi from 'hapi';
-import Vision from '../../vision';
+import Vision from 'vision';
 const server = new Hapi.Server();
 server.register(Vision, {}, (err) => {
     server.views({
@@ -15,7 +15,7 @@ server.connection({ port: 80 });
 
 const preResponse: Hapi.ServerExtRequestHandler = function (request, reply) {
 
-    const response = request.response;
+    const response = request.response!;
     if (!response.isBoom) {
         return reply.continue();
     }
diff --git a/types/hapi/tests/response/events.ts b/types/hapi/tests/response/events.ts
index 6f927ce5f7..2d1658087b 100644
--- a/types/hapi/tests/response/events.ts
+++ b/types/hapi/tests/response/events.ts
@@ -8,7 +8,7 @@ server.connection({ port: 80 });
 
 const preResponse: Hapi.ServerExtRequestHandler = function (request, reply) {
 
-    const response = request.response;
+    const response = request.response!;
     if (response.isBoom) {
         return reply();
     }
diff --git a/types/hapi/tsconfig.json b/types/hapi/tsconfig.json
index d6604cb6b5..9996053227 100644
--- a/types/hapi/tsconfig.json
+++ b/types/hapi/tsconfig.json
@@ -11,7 +11,7 @@
         "typeRoots": [
             "../"
         ],
-        "types": [],
+        "types": ["node"],
         "noEmit": true,
         "forceConsistentCasingInFileNames": true
     },
@@ -87,17 +87,6 @@
         "tests/server/state.ts",
         "tests/server/stop.ts",
         "tests/server/table.ts",
-        "tests/server/version.ts",
-        "catbox/index.d.ts",
-        "h2o2/index.d.ts",
-        "h2o2/h2o2-tests.ts",
-        "json/index.d.ts",
-        "json/json-tests.ts",
-        "mime-db/index.d.ts",
-        "mimos/index.d.ts",
-        "podium/index.d.ts",
-        "shot/index.d.ts",
-        "vision/index.d.ts",
-        "vision/vision-tests.ts"
+        "tests/server/version.ts"
     ]
 }
\ No newline at end of file
diff --git a/types/inert/index.d.ts b/types/inert/index.d.ts
index 5e27881a3f..a54841eac7 100644
--- a/types/inert/index.d.ts
+++ b/types/inert/index.d.ts
@@ -5,8 +5,8 @@
 
 import * as hapi from 'hapi';
 
-declare module 'hapi' {
-    interface FileHandlerOptions {
+declare namespace inert {
+    export interface ReplyFileHandlerOptions {
         /** confine - serve file relative to this directory and returns 403 Forbidden if the path resolves outside the confine directory. Defaults to true which uses the relativeTo route option as the confine. Set to false to disable this security feature. */
         confine?: boolean;
         /** filename - an optional filename to specify if sending a 'Content-Disposition' header, defaults to the basename of path */
@@ -35,18 +35,18 @@ declare module 'hapi' {
         end?: number;
     }
 
-    interface FileHandlerObject extends FileHandlerOptions {
+    export interface FileHandlerRouteObject extends ReplyFileHandlerOptions {
         /** path - a path string or function as described above (required). */
-        path: string | RequestHandler<string>;
+        path: string | hapi.RequestHandler<string>;
     }
 
-    interface DirectoryHandlerObject {
+    export interface DirectoryHandlerRouteObject {
         /** path - (required) the directory root path (relative paths are resolved based on the route files configuration). Value can be:
          *  * a single path string used as the prefix for any resources requested by appending the request path parameter to the provided string.
          *  * an array of path strings. Each path will be attempted in order until a match is found (by following the same process as the single path string).
          *  * a function with the signature function(request) which returns the path string or an array of path strings. If the function returns an error, the error is passed back to the client in the response.
          */
-        path: string | string[] | RequestHandler<string | string[] | Error>;
+        path: string | string[] | hapi.RequestHandler<string | string[] | Error>;
         /** index - optional boolean|string|string[], determines if an index file will be served if found in the folder when requesting a directory. The given string or strings specify the name(s) of the index file to look for. If true, looks for 'index.html'. Any falsy value disables index file lookup. Defaults to true. */
         index?: boolean | string | string[];
         /** listing - optional boolean, determines if directory listing is generated when a directory is requested without an index document. Defaults to false. */
@@ -68,6 +68,19 @@ declare module 'hapi' {
         defaultExtension?: string;
     }
 
+    /**
+     * inert accepts the following registration options
+     * @see {@link https://github.com/hapijs/inert#registration-options}
+     */
+    interface OptionalRegistrationOptions {
+        /**
+         * sets the maximum number of file etag hash values stored in the etags cache. Defaults to 10000.
+         */
+        etagsCacheMaxSize?: number;
+    }
+}
+
+declare module 'hapi' {
     interface RouteHandlerPlugins {
         /**
          * The file handler
@@ -78,14 +91,14 @@ declare module 'hapi' {
          *  * an object with one or more of the following options @see IFileHandler
          * @see {@link https://github.com/hapijs/inert#the-file-handler}
          */
-        file?: string | RequestHandler<string> | FileHandlerObject;
+        file?: string | RequestHandler<string> | inert.FileHandlerRouteObject;
         /**
          * The directory handler
          *
          * Generates a directory endpoint for serving static content from a directory. Routes using the directory handler must include a path parameter at the end of the path string (e.g. /path/to/somewhere/{param} where the parameter name does not matter). The path parameter can use any of the parameter options (e.g. {param} for one level files only, {param?} for one level files or the directory root, {param*} for any level, or {param*3} for a specific level). If additional path parameters are present, they are ignored for the purpose of selecting the file system resource. The directory handler is an object with the following options:
          * @see {@link https://github.com/hapijs/inert#the-directory-handler}
          */
-        directory?: DirectoryHandlerObject;
+        directory?: inert.DirectoryHandlerRouteObject;
     }
 
     interface Base_Reply {
@@ -93,22 +106,10 @@ declare module 'hapi' {
          * Transmits a file from the file system. The 'Content-Type' header defaults to the matching mime type based on filename extension.
          * @see {@link https://github.com/hapijs/inert#replyfilepath-options}
          */
-        file: (path: string, options?: FileHandlerOptions) => Response;
+        file: (path: string, options?: inert.ReplyFileHandlerOptions) => Response;
     }
-
 }
 
-/**
- * inert accepts the following registration options
- * @see {@link https://github.com/hapijs/inert#registration-options}
- */
-interface OptionalRegistrationOptions {
-    /**
-     * sets the maximum number of file etag hash values stored in the etags cache. Defaults to 10000.
-     */
-    etagsCacheMaxSize?: number;
-}
+declare var inert: hapi.PluginFunction<inert.OptionalRegistrationOptions>;
 
-declare var inertPlugin: hapi.PluginFunction<OptionalRegistrationOptions>;
-
-export default inertPlugin;
+export = inert;
diff --git a/types/inert/inert-tests.ts b/types/inert/inert-tests.ts
index 177808817c..9062e13f6b 100644
--- a/types/inert/inert-tests.ts
+++ b/types/inert/inert-tests.ts
@@ -1,54 +1,67 @@
-import * as HapiES6 from 'hapi';
-import InertES6 from 'inert';
+// Copied from: https://github.com/hapijs/inert#examples
 
-const server = new HapiES6.Server({});
-server.register(InertES6, {}, (err) => {});
+import Path = require('path');
+import Hapi = require('hapi');
+import Inert = require('inert');
+
+const server = new Hapi.Server({
+    connections: {
+        routes: {
+            files: {
+                relativeTo: Path.join(__dirname, 'public')
+            }
+        }
+    }
+});
+server.connection({ port: 3000 });
+
+server.register(Inert, () => {});
 
 // added in addition to code from docs
+const options: Inert.OptionalRegistrationOptions = {etagsCacheMaxSize: 400};
 server.register({
-    register: InertES6,
-    options: {etagsCacheMaxSize: 400},
+    register: Inert,
+    options,
 }, (err) => {});
 
 // added in addition to code from docs
 server.register({
-    register: InertES6,
+    register: Inert,
     once: true,
 }, (err) => {});
 
 server.route({
-    path: '',
     method: 'GET',
+    path: '/{param*}',
     handler: {
-        file: {
-            path: '',
-            confine: true,
-        },
         directory: {
-            path: '',
-            listing: true
-        },
-    },
-    config: { files: { relativeTo: __dirname } }
-})
-
-var fileHandler: HapiES6.FileHandlerObject = {
-    path: '',
-    confine: true,
-}
-
-var directoryHandler: HapiES6.DirectoryHandlerObject = {
-    path: function(){
-        if(Math.random() > 0.5) {
-            return '';
+            path: '.',
+            redirectToSlash: true,
+            index: true
         }
-        else if(Math.random() > 0) {
-            return [''];
-        }
-        return new Error('');
-    },
-    listing: true,
-}
+    }
+});
+
+server.start((err) => {
+
+    if (err) {
+        throw err;
+    }
+
+    console.log('Server running at:', server.info!.uri);
+});
+
+// https://github.com/hapijs/inert#serving-a-single-file
+
+server.route({
+    method: 'GET',
+    path: '/{path*}',
+    handler: {
+        file: 'page.html'
+    }
+});
+
+// https://github.com/hapijs/inert#customized-file-response
 
 server.route({
     method: 'GET',
@@ -64,9 +77,9 @@ server.route({
     }
 });
 
-server.ext('onPostHandler', function (request: HapiES6.Request, reply: HapiES6.ReplyWithContinue) {
+const handler: Hapi.ServerExtRequestHandler = function (request, reply) {
 
-    const response = request.response;
+    const response = request.response!;
     if (response.isBoom &&
         response.output!.statusCode === 404) {
 
@@ -74,4 +87,44 @@ server.ext('onPostHandler', function (request: HapiES6.Request, reply: HapiES6.R
     }
 
     return reply.continue();
-});
+}
+
+server.ext('onPostHandler', handler);
+
+// additional code added in addition to doc example code
+
+var file: Inert.FileHandlerRouteObject = {
+    path: '',
+    confine: true,
+};
+var directory: Inert.DirectoryHandlerRouteObject = {
+    path: '',
+    listing: true
+};
+
+file = {
+    path: '',
+    confine: true,
+};
+
+server.route({
+    path: '',
+    method: 'GET',
+    handler: {
+        file,
+        directory: {
+            path: function(){
+                if(Math.random() > 0.5) {
+                    return '';
+                }
+                else if(Math.random() > 0) {
+                    return [''];
+                }
+                return new Error('');
+            },
+            BAD_listing: true,  // TODO change typings to make this error
+        },
+    },
+    config: { files: { relativeTo: __dirname } }
+})
+
diff --git a/types/inert/tsconfig.json b/types/inert/tsconfig.json
index 5b805cfc2d..7c74dcc2e7 100644
--- a/types/inert/tsconfig.json
+++ b/types/inert/tsconfig.json
@@ -11,7 +11,7 @@
         "typeRoots": [
             "../"
         ],
-        "types": [],
+        "types": ["node"],
         "noEmit": true,
         "forceConsistentCasingInFileNames": true
     },
diff --git a/types/hapi/mime-db/index.d.ts b/types/mime-db/index.d.ts
similarity index 93%
rename from types/hapi/mime-db/index.d.ts
rename to types/mime-db/index.d.ts
index 536a4c9e27..cf46a0c593 100644
--- a/types/hapi/mime-db/index.d.ts
+++ b/types/mime-db/index.d.ts
@@ -1,5 +1,3 @@
-// TODO needs tests
-// TODO move to own definition
 // Type definitions for mime-db 1.27
 // Project: https://github.com/jshttp/mime-db
 // Definitions by: AJP <https://github.com/AJamesPhillips>
diff --git a/types/mime-db/tsconfig.json b/types/mime-db/tsconfig.json
new file mode 100644
index 0000000000..3bc13b0278
--- /dev/null
+++ b/types/mime-db/tsconfig.json
@@ -0,0 +1,21 @@
+{
+    "compilerOptions": {
+        "module": "commonjs",
+        "lib": [
+            "es6"
+        ],
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictNullChecks": true,
+        "baseUrl": "../",
+        "typeRoots": [
+            "../"
+        ],
+        "types": [],
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true
+    },
+    "files": [
+        "index.d.ts"
+    ]
+}
\ No newline at end of file
diff --git a/types/hapi/mimos/index.d.ts b/types/mimos/index.d.ts
similarity index 91%
rename from types/hapi/mimos/index.d.ts
rename to types/mimos/index.d.ts
index 386c3db589..9d000b0ce9 100644
--- a/types/hapi/mimos/index.d.ts
+++ b/types/mimos/index.d.ts
@@ -1,12 +1,10 @@
-// TODO needs tests
-// TODO move to own definition
 // Type definitions for mimos 3.0
 // Project: https://github.com/hapijs/mimos
 // Definitions by: AJP <https://github.com/AJamesPhillips>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 // TypeScript Version: 2.2
 
-import {DataStructure as MimeDbDataStructure} from '../mime-db';
+import {DataStructure as MimeDbDataStructure} from 'mime-db';
 
 /**
  *
diff --git a/types/mimos/tsconfig.json b/types/mimos/tsconfig.json
new file mode 100644
index 0000000000..3bc13b0278
--- /dev/null
+++ b/types/mimos/tsconfig.json
@@ -0,0 +1,21 @@
+{
+    "compilerOptions": {
+        "module": "commonjs",
+        "lib": [
+            "es6"
+        ],
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictNullChecks": true,
+        "baseUrl": "../",
+        "typeRoots": [
+            "../"
+        ],
+        "types": [],
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true
+    },
+    "files": [
+        "index.d.ts"
+    ]
+}
\ No newline at end of file
diff --git a/types/hapi/podium/index.d.ts b/types/podium/index.d.ts
similarity index 97%
rename from types/hapi/podium/index.d.ts
rename to types/podium/index.d.ts
index 30df7b2ed9..0d62740479 100644
--- a/types/hapi/podium/index.d.ts
+++ b/types/podium/index.d.ts
@@ -1,17 +1,17 @@
-// TODO needs tests
-// TODO move to own definition
 // Type definitions for podium 1.0
 // Project: https://github.com/hapijs/podium
 // Definitions by: AJP <https://github.com/AJamesPhillips>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 // TypeScript Version: 2.2
 
+
 /**
  * Podium
  * Node (semi) compatible event emitter with extra features.
  * podium is an event emitter with support for tags, filters, channels, event update cloning, arguments spreading, and other features useful when building large scale applications. While node's native EventEmitter is strictly focused on maximum performance, it lacks many features that do not belong in the core implementation. podium is not restricted by node's performance requirement as it is designed for application layer needs where it's overhead is largely insignificant as implementing these features will have similar cost on top of the native emitter.
  * @see {@link https://github.com/hapijs/podium}
  */
+// declare class Podium {
 export class Podium {
     /**
      * Creates a new podium emitter
@@ -160,7 +160,7 @@ export interface CriteriaObject {
 /**
  * @see {@link https://github.com/hapijs/podium/blob/master/API.md#podiumoncriteria-listener}
  */
-interface CriteriaFilterOptionsObject {
+export interface CriteriaFilterOptionsObject {
     /** a tag string or array of tag strings. */
     tags?: string | string[];
     /** if true, all tags must be present for the event update to match the subscription. Defaults to false (at least one matching tag). */
@@ -176,7 +176,13 @@ export type Criteria = string | CriteriaObject;
  * @see {@link https://github.com/hapijs/podium/blob/master/API.md#podiumoncriteria-listener}
  */
 export interface Listener {
-  (data: any, tags?: Tags, callback?: () => void): void;
+(data: any, tags?: Tags, callback?: () => void): void;
 }
 
 export type Tags = {[tag: string]: boolean};
+
+// export = Podium;
+
+// declare namespace Podium {
+//     type Tags = {[tag: string]: boolean};
+// }
diff --git a/types/podium/podium-tests.ts b/types/podium/podium-tests.ts
new file mode 100644
index 0000000000..f5cee6bbec
--- /dev/null
+++ b/types/podium/podium-tests.ts
@@ -0,0 +1,33 @@
+/*
+import Podium = require('podium');
+const podiumObject = new Podium(); // new emitter
+
+const podiumObject2 = new Podium('event1');// creates new event and calls registerEvent()
+
+podiumObject.registerEvent('event1');
+
+//with optional parameters
+podiumObject.registerEvent({
+    name: 'event1',
+    shared: true
+});
+
+podiumObject.registerEvent('event1');
+
+podiumObject.on('event1',function(update){ // Way 1
+    console.log('inside autonomous listener without name! data:', update);
+});
+
+const listener1 = function() { // normal function object
+    console.log('listener1 called');
+}
+podiumObject.on('event1',listener1); // Way 2
+
+// podium.addListener(criteria, listener) Same as podium.on().
+
+podiumObject.addListener('event1',listener1);
+
+// podium.once(criteria, listener) Same as calling podium.on() with the count option set to 1. Whenever we call emit(), listener1 will get fired but also get removed, so that it won't get fired on call to emit().
+
+podiumObject.once('event1',listener1);
+*/
diff --git a/types/podium/tsconfig.json b/types/podium/tsconfig.json
new file mode 100644
index 0000000000..267d05537f
--- /dev/null
+++ b/types/podium/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",
+        "podium-tests.ts"
+    ]
+}
\ No newline at end of file
diff --git a/types/shot/index.d.ts b/types/shot/index.d.ts
new file mode 100644
index 0000000000..4fdaff2688
--- /dev/null
+++ b/types/shot/index.d.ts
@@ -0,0 +1,113 @@
+// Type definitions for shot 3.4
+// Project: https://github.com/hapijs/shot
+// Definitions by: AJP <https://github.com/AJamesPhillips>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+// TypeScript Version: 2.2
+
+import stream = require("stream");
+import http = require("http");
+
+interface ShotAPI {
+    /**
+     * Injects a fake request into an HTTP server.
+     * @param dispatchFunc  listener function. The same as you would pass to Http.createServer when making a node HTTP server. @see IListener
+     * @param options  request options object @see RequestOptions
+     * @param callback  the callback function @see Callback
+     * @see {@link https://github.com/hapijs/shot/blob/master/API.md#shotinjectdispatchfunc-options-callback}
+     */
+    inject(dispatchFunc: Shot.Listener, options: Shot.RequestOptions, callback: (res: Shot.ResponseObject) => void): void;
+
+    /**
+     * Checks if given object obj is a Shot Request object.
+     * @see {@link https://github.com/hapijs/shot/blob/master/API.md#shotisinjectionobj}
+     */
+    isInjection(obj: any): boolean;
+}
+
+declare namespace Shot {
+    /**
+     * listener function. The same as you would pass to Http.createServer when making a node HTTP server. Has the signature function (req, res) where:
+     *    * req - a simulated request object. Inherits from Stream.Readable.
+     *    * res - a simulated response object. Inherits from node's Http.ServerResponse.
+     * @see {@link https://github.com/hapijs/shot/blob/master/API.md#shotinjectdispatchfunc-options-callback}
+     */
+    export interface Listener {
+        (req: SimulatedRequestObject, res: SimulatedResponseObject): void;
+    }
+
+    /**
+     * a simulated request object. Inherits from Stream.Readable.
+     * @see {@link https://github.com/hapijs/shot/blob/master/API.md#shotinjectdispatchfunc-options-callback}
+     */
+    interface SimulatedRequestObject extends stream.Readable {}
+
+    /**
+     * a simulated response object. Inherits from node's Http.ServerResponse.
+     * @see {@link https://github.com/hapijs/shot/blob/master/API.md#shotinjectdispatchfunc-options-callback}
+     */
+    interface SimulatedResponseObject extends http.ServerResponse {}
+
+    /**
+     * @see {@link https://github.com/hapijs/shot/blob/master/API.md#shotinjectdispatchfunc-options-callback}
+     */
+    export interface RequestOptions {
+        /** a string specifying the request URL. */
+        url: string;
+        /** a string specifying the HTTP request method, defaulting to 'GET'. */
+        method?: string;
+        /** a string specifying the HTTP HOST header value to be used if no header is provided, and the url does not include an authority component. Defaults to 'localhost'. */
+        authority?: string;
+        /** an optional object containing request headers. */
+        headers?: Headers;
+        /** an optional string specifying the client remote address. Defaults to '127.0.0.1'. */
+        remoteAddress?: string;
+        /** an optional request payload. Can be a string, Buffer, Stream or object. */
+        payload?: string | Buffer | stream.Stream | {[key: string]: any};
+        /** an object containing flags to simulate various conditions: */
+        simulate?: {
+            /** indicates whether the request will fire an end event. Defaults to undefined, meaning an end event will fire. */
+            end?: boolean;
+            /** indicates whether the request payload will be split into chunks. Defaults to `undefined`, meaning payload will not be chunked. */
+            split?: boolean;
+            /** whether the request will emit an error event. Defaults to undefined, meaning no error event will be emitted. If set to true, the emitted error will have a message of 'Simulated'. */
+            error?: boolean;
+            /** whether the request will emit a close event. Defaults to undefined, meaning no close event will be emitted. */
+            close?: boolean;
+        }
+        /** Optional flag to validate this options object. Defaults to true. */
+        validate?: boolean;
+    }
+
+    interface Headers {
+        [header: string]: string;
+    }
+
+    /**
+     * @see {@link https://github.com/hapijs/shot/blob/master/API.md#shotinjectdispatchfunc-options-callback}
+     */
+    export interface ResponseObject {
+        /** an object containing the raw request and response objects where: */
+        raw: {
+            /** the simulated request object. */
+            req: SimulatedRequestObject;
+            /** the simulated response object. */
+            res: SimulatedResponseObject;
+        };
+        /** an object containing the response headers. */
+        headers: Headers;
+        /** the HTTP status code. */
+        statusCode: number;
+        /** the HTTP status message. */
+        statusMessage: string;
+        /** the payload as a UTF-8 encoded string. */
+        payload: string;
+        /** the raw payload as a Buffer. */
+        rawPayload: Buffer;
+        /** an object containing the response trailers. */
+        trailers: {[index: string]: any};
+    }
+}
+
+declare var Shot: ShotAPI;
+
+export = Shot;
diff --git a/types/shot/shot-tests.ts b/types/shot/shot-tests.ts
new file mode 100644
index 0000000000..1c6749915b
--- /dev/null
+++ b/types/shot/shot-tests.ts
@@ -0,0 +1,29 @@
+// From: https://github.com/hapijs/shot#example
+
+// Load modules
+
+import Http = require('http');
+import Shot = require('shot');
+
+// Declare internals
+
+const internals: any = {};
+
+internals.main = function () {
+
+    const dispatch = function (req: Http.IncomingMessage, res: Http.ServerResponse) {
+
+        const reply = 'Hello World';
+        res.writeHead(200, { 'Content-Type': 'text/plain', 'Content-Length': reply.length });
+        res.end(reply);
+    };
+
+    const server = Http.createServer(dispatch);
+
+    Shot.inject(dispatch, { method: 'get', url: '/' }, (res) => {
+
+        console.log(res.payload);
+    });
+};
+
+internals.main();
diff --git a/types/shot/tsconfig.json b/types/shot/tsconfig.json
new file mode 100644
index 0000000000..12dbee6598
--- /dev/null
+++ b/types/shot/tsconfig.json
@@ -0,0 +1,22 @@
+{
+    "compilerOptions": {
+        "module": "commonjs",
+        "lib": [
+            "es6"
+        ],
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictNullChecks": true,
+        "baseUrl": "../",
+        "typeRoots": [
+            "../"
+        ],
+        "types": ["node"],
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true
+    },
+    "files": [
+        "index.d.ts",
+        "shot-tests.ts"
+    ]
+}
\ No newline at end of file
diff --git a/types/hapi/vision/index.d.ts b/types/vision/index.d.ts
similarity index 98%
rename from types/hapi/vision/index.d.ts
rename to types/vision/index.d.ts
index cee02fc56c..2b0164cc0f 100644
--- a/types/hapi/vision/index.d.ts
+++ b/types/vision/index.d.ts
@@ -1,3 +1,8 @@
+// Type definitions for vision 4.1
+// Project: https://github.com/hapijs/vision
+// Definitions by: Jason Swearingen <http://github.com/jasonswearingen>, AJP <https://github.com/AJamesPhillips>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+// TypeScript Version: 2.2
 
 import * as Hapi from 'hapi';
 
diff --git a/types/vision/tsconfig.json b/types/vision/tsconfig.json
new file mode 100644
index 0000000000..428d9c2764
--- /dev/null
+++ b/types/vision/tsconfig.json
@@ -0,0 +1,22 @@
+{
+    "compilerOptions": {
+        "module": "commonjs",
+        "lib": [
+            "es6"
+        ],
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictNullChecks": true,
+        "baseUrl": "../",
+        "typeRoots": [
+            "../"
+        ],
+        "types": ["node"],
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true
+    },
+    "files": [
+        "index.d.ts",
+        "vision-tests.ts"
+    ]
+}
\ No newline at end of file
diff --git a/types/hapi/vision/vision-tests.ts b/types/vision/vision-tests.ts
similarity index 100%
rename from types/hapi/vision/vision-tests.ts
rename to types/vision/vision-tests.ts

From 22d7c1dbcf8154db3578c5db5f2254ae3c39c3d8 Mon Sep 17 00:00:00 2001
From: Alexander James Phillips <ajp.global@gmail.com>
Date: Sun, 7 May 2017 15:06:09 +0100
Subject: [PATCH 258/321] Move hapi tests directory from tests to test

---
 types/hapi/{tests => test}/connection/table.ts                    | 0
 .../hapi/{tests => test}/getting-started/01-creating-a-server.ts  | 0
 types/hapi/{tests => test}/getting-started/02-adding-routes.ts    | 0
 .../{tests => test}/getting-started/03-serving-static-content.ts  | 0
 types/hapi/{tests => test}/getting-started/04-using-plugins.ts    | 0
 types/hapi/{tests => test}/path/catch-all.ts                      | 0
 types/hapi/{tests => test}/path/parameters.ts                     | 0
 types/hapi/{tests => test}/plugins/options.ts                     | 0
 types/hapi/{tests => test}/reply/continue.ts                      | 0
 types/hapi/{tests => test}/reply/entity.ts                        | 0
 types/hapi/{tests => test}/reply/redirect.ts                      | 0
 types/hapi/{tests => test}/reply/reply.ts                         | 0
 types/hapi/{tests => test}/reply/state_cookie.ts                  | 0
 types/hapi/{tests => test}/request/event-types.ts                 | 0
 types/hapi/{tests => test}/request/generate-response.ts           | 0
 types/hapi/{tests => test}/request/get-log.ts                     | 0
 types/hapi/{tests => test}/request/log.ts                         | 0
 types/hapi/{tests => test}/request/set-method.ts                  | 0
 types/hapi/{tests => test}/request/set-url.ts                     | 0
 types/hapi/{tests => test}/request/tail.ts                        | 0
 types/hapi/{tests => test}/response/error-representation.ts       | 0
 types/hapi/{tests => test}/response/error.ts                      | 0
 types/hapi/{tests => test}/response/events.ts                     | 0
 types/hapi/{tests => test}/response/flow-control.ts               | 0
 types/hapi/{tests => test}/route/additional-options.ts            | 0
 types/hapi/{tests => test}/route/auth.ts                          | 0
 types/hapi/{tests => test}/route/config.ts                        | 0
 types/hapi/{tests => test}/route/handler.ts                       | 0
 types/hapi/{tests => test}/route/prerequisites.ts                 | 0
 types/hapi/{tests => test}/route/public-interface.ts              | 0
 types/hapi/{tests => test}/server/app.ts                          | 0
 types/hapi/{tests => test}/server/auth.ts                         | 0
 types/hapi/{tests => test}/server/bind.ts                         | 0
 types/hapi/{tests => test}/server/cache.ts                        | 0
 types/hapi/{tests => test}/server/connection-options.ts           | 0
 types/hapi/{tests => test}/server/connections.ts                  | 0
 types/hapi/{tests => test}/server/decoder.ts                      | 0
 types/hapi/{tests => test}/server/decorate.ts                     | 0
 types/hapi/{tests => test}/server/dependency.ts                   | 0
 types/hapi/{tests => test}/server/emit.ts                         | 0
 types/hapi/{tests => test}/server/encoder.ts                      | 0
 types/hapi/{tests => test}/server/event.ts                        | 0
 types/hapi/{tests => test}/server/expose.ts                       | 0
 types/hapi/{tests => test}/server/ext.ts                          | 0
 types/hapi/{tests => test}/server/handler.ts                      | 0
 types/hapi/{tests => test}/server/info.ts                         | 0
 types/hapi/{tests => test}/server/initialize.ts                   | 0
 types/hapi/{tests => test}/server/inject.ts                       | 0
 types/hapi/{tests => test}/server/listener.ts                     | 0
 types/hapi/{tests => test}/server/load.ts                         | 0
 types/hapi/{tests => test}/server/log.ts                          | 0
 types/hapi/{tests => test}/server/lookup.ts                       | 0
 types/hapi/{tests => test}/server/match.ts                        | 0
 types/hapi/{tests => test}/server/method.ts                       | 0
 types/hapi/{tests => test}/server/methods.ts                      | 0
 types/hapi/{tests => test}/server/mime.ts                         | 0
 types/hapi/{tests => test}/server/new.ts                          | 0
 types/hapi/{tests => test}/server/on.ts                           | 0
 types/hapi/{tests => test}/server/once.ts                         | 0
 types/hapi/{tests => test}/server/path.ts                         | 0
 types/hapi/{tests => test}/server/plugins.ts                      | 0
 types/hapi/{tests => test}/server/realm.ts                        | 0
 types/hapi/{tests => test}/server/register.ts                     | 0
 types/hapi/{tests => test}/server/route.ts                        | 0
 types/hapi/{tests => test}/server/select.ts                       | 0
 types/hapi/{tests => test}/server/settings.ts                     | 0
 types/hapi/{tests => test}/server/start.ts                        | 0
 types/hapi/{tests => test}/server/state.ts                        | 0
 types/hapi/{tests => test}/server/stop.ts                         | 0
 types/hapi/{tests => test}/server/table.ts                        | 0
 types/hapi/{tests => test}/server/version.ts                      | 0
 71 files changed, 0 insertions(+), 0 deletions(-)
 rename types/hapi/{tests => test}/connection/table.ts (100%)
 rename types/hapi/{tests => test}/getting-started/01-creating-a-server.ts (100%)
 rename types/hapi/{tests => test}/getting-started/02-adding-routes.ts (100%)
 rename types/hapi/{tests => test}/getting-started/03-serving-static-content.ts (100%)
 rename types/hapi/{tests => test}/getting-started/04-using-plugins.ts (100%)
 rename types/hapi/{tests => test}/path/catch-all.ts (100%)
 rename types/hapi/{tests => test}/path/parameters.ts (100%)
 rename types/hapi/{tests => test}/plugins/options.ts (100%)
 rename types/hapi/{tests => test}/reply/continue.ts (100%)
 rename types/hapi/{tests => test}/reply/entity.ts (100%)
 rename types/hapi/{tests => test}/reply/redirect.ts (100%)
 rename types/hapi/{tests => test}/reply/reply.ts (100%)
 rename types/hapi/{tests => test}/reply/state_cookie.ts (100%)
 rename types/hapi/{tests => test}/request/event-types.ts (100%)
 rename types/hapi/{tests => test}/request/generate-response.ts (100%)
 rename types/hapi/{tests => test}/request/get-log.ts (100%)
 rename types/hapi/{tests => test}/request/log.ts (100%)
 rename types/hapi/{tests => test}/request/set-method.ts (100%)
 rename types/hapi/{tests => test}/request/set-url.ts (100%)
 rename types/hapi/{tests => test}/request/tail.ts (100%)
 rename types/hapi/{tests => test}/response/error-representation.ts (100%)
 rename types/hapi/{tests => test}/response/error.ts (100%)
 rename types/hapi/{tests => test}/response/events.ts (100%)
 rename types/hapi/{tests => test}/response/flow-control.ts (100%)
 rename types/hapi/{tests => test}/route/additional-options.ts (100%)
 rename types/hapi/{tests => test}/route/auth.ts (100%)
 rename types/hapi/{tests => test}/route/config.ts (100%)
 rename types/hapi/{tests => test}/route/handler.ts (100%)
 rename types/hapi/{tests => test}/route/prerequisites.ts (100%)
 rename types/hapi/{tests => test}/route/public-interface.ts (100%)
 rename types/hapi/{tests => test}/server/app.ts (100%)
 rename types/hapi/{tests => test}/server/auth.ts (100%)
 rename types/hapi/{tests => test}/server/bind.ts (100%)
 rename types/hapi/{tests => test}/server/cache.ts (100%)
 rename types/hapi/{tests => test}/server/connection-options.ts (100%)
 rename types/hapi/{tests => test}/server/connections.ts (100%)
 rename types/hapi/{tests => test}/server/decoder.ts (100%)
 rename types/hapi/{tests => test}/server/decorate.ts (100%)
 rename types/hapi/{tests => test}/server/dependency.ts (100%)
 rename types/hapi/{tests => test}/server/emit.ts (100%)
 rename types/hapi/{tests => test}/server/encoder.ts (100%)
 rename types/hapi/{tests => test}/server/event.ts (100%)
 rename types/hapi/{tests => test}/server/expose.ts (100%)
 rename types/hapi/{tests => test}/server/ext.ts (100%)
 rename types/hapi/{tests => test}/server/handler.ts (100%)
 rename types/hapi/{tests => test}/server/info.ts (100%)
 rename types/hapi/{tests => test}/server/initialize.ts (100%)
 rename types/hapi/{tests => test}/server/inject.ts (100%)
 rename types/hapi/{tests => test}/server/listener.ts (100%)
 rename types/hapi/{tests => test}/server/load.ts (100%)
 rename types/hapi/{tests => test}/server/log.ts (100%)
 rename types/hapi/{tests => test}/server/lookup.ts (100%)
 rename types/hapi/{tests => test}/server/match.ts (100%)
 rename types/hapi/{tests => test}/server/method.ts (100%)
 rename types/hapi/{tests => test}/server/methods.ts (100%)
 rename types/hapi/{tests => test}/server/mime.ts (100%)
 rename types/hapi/{tests => test}/server/new.ts (100%)
 rename types/hapi/{tests => test}/server/on.ts (100%)
 rename types/hapi/{tests => test}/server/once.ts (100%)
 rename types/hapi/{tests => test}/server/path.ts (100%)
 rename types/hapi/{tests => test}/server/plugins.ts (100%)
 rename types/hapi/{tests => test}/server/realm.ts (100%)
 rename types/hapi/{tests => test}/server/register.ts (100%)
 rename types/hapi/{tests => test}/server/route.ts (100%)
 rename types/hapi/{tests => test}/server/select.ts (100%)
 rename types/hapi/{tests => test}/server/settings.ts (100%)
 rename types/hapi/{tests => test}/server/start.ts (100%)
 rename types/hapi/{tests => test}/server/state.ts (100%)
 rename types/hapi/{tests => test}/server/stop.ts (100%)
 rename types/hapi/{tests => test}/server/table.ts (100%)
 rename types/hapi/{tests => test}/server/version.ts (100%)

diff --git a/types/hapi/tests/connection/table.ts b/types/hapi/test/connection/table.ts
similarity index 100%
rename from types/hapi/tests/connection/table.ts
rename to types/hapi/test/connection/table.ts
diff --git a/types/hapi/tests/getting-started/01-creating-a-server.ts b/types/hapi/test/getting-started/01-creating-a-server.ts
similarity index 100%
rename from types/hapi/tests/getting-started/01-creating-a-server.ts
rename to types/hapi/test/getting-started/01-creating-a-server.ts
diff --git a/types/hapi/tests/getting-started/02-adding-routes.ts b/types/hapi/test/getting-started/02-adding-routes.ts
similarity index 100%
rename from types/hapi/tests/getting-started/02-adding-routes.ts
rename to types/hapi/test/getting-started/02-adding-routes.ts
diff --git a/types/hapi/tests/getting-started/03-serving-static-content.ts b/types/hapi/test/getting-started/03-serving-static-content.ts
similarity index 100%
rename from types/hapi/tests/getting-started/03-serving-static-content.ts
rename to types/hapi/test/getting-started/03-serving-static-content.ts
diff --git a/types/hapi/tests/getting-started/04-using-plugins.ts b/types/hapi/test/getting-started/04-using-plugins.ts
similarity index 100%
rename from types/hapi/tests/getting-started/04-using-plugins.ts
rename to types/hapi/test/getting-started/04-using-plugins.ts
diff --git a/types/hapi/tests/path/catch-all.ts b/types/hapi/test/path/catch-all.ts
similarity index 100%
rename from types/hapi/tests/path/catch-all.ts
rename to types/hapi/test/path/catch-all.ts
diff --git a/types/hapi/tests/path/parameters.ts b/types/hapi/test/path/parameters.ts
similarity index 100%
rename from types/hapi/tests/path/parameters.ts
rename to types/hapi/test/path/parameters.ts
diff --git a/types/hapi/tests/plugins/options.ts b/types/hapi/test/plugins/options.ts
similarity index 100%
rename from types/hapi/tests/plugins/options.ts
rename to types/hapi/test/plugins/options.ts
diff --git a/types/hapi/tests/reply/continue.ts b/types/hapi/test/reply/continue.ts
similarity index 100%
rename from types/hapi/tests/reply/continue.ts
rename to types/hapi/test/reply/continue.ts
diff --git a/types/hapi/tests/reply/entity.ts b/types/hapi/test/reply/entity.ts
similarity index 100%
rename from types/hapi/tests/reply/entity.ts
rename to types/hapi/test/reply/entity.ts
diff --git a/types/hapi/tests/reply/redirect.ts b/types/hapi/test/reply/redirect.ts
similarity index 100%
rename from types/hapi/tests/reply/redirect.ts
rename to types/hapi/test/reply/redirect.ts
diff --git a/types/hapi/tests/reply/reply.ts b/types/hapi/test/reply/reply.ts
similarity index 100%
rename from types/hapi/tests/reply/reply.ts
rename to types/hapi/test/reply/reply.ts
diff --git a/types/hapi/tests/reply/state_cookie.ts b/types/hapi/test/reply/state_cookie.ts
similarity index 100%
rename from types/hapi/tests/reply/state_cookie.ts
rename to types/hapi/test/reply/state_cookie.ts
diff --git a/types/hapi/tests/request/event-types.ts b/types/hapi/test/request/event-types.ts
similarity index 100%
rename from types/hapi/tests/request/event-types.ts
rename to types/hapi/test/request/event-types.ts
diff --git a/types/hapi/tests/request/generate-response.ts b/types/hapi/test/request/generate-response.ts
similarity index 100%
rename from types/hapi/tests/request/generate-response.ts
rename to types/hapi/test/request/generate-response.ts
diff --git a/types/hapi/tests/request/get-log.ts b/types/hapi/test/request/get-log.ts
similarity index 100%
rename from types/hapi/tests/request/get-log.ts
rename to types/hapi/test/request/get-log.ts
diff --git a/types/hapi/tests/request/log.ts b/types/hapi/test/request/log.ts
similarity index 100%
rename from types/hapi/tests/request/log.ts
rename to types/hapi/test/request/log.ts
diff --git a/types/hapi/tests/request/set-method.ts b/types/hapi/test/request/set-method.ts
similarity index 100%
rename from types/hapi/tests/request/set-method.ts
rename to types/hapi/test/request/set-method.ts
diff --git a/types/hapi/tests/request/set-url.ts b/types/hapi/test/request/set-url.ts
similarity index 100%
rename from types/hapi/tests/request/set-url.ts
rename to types/hapi/test/request/set-url.ts
diff --git a/types/hapi/tests/request/tail.ts b/types/hapi/test/request/tail.ts
similarity index 100%
rename from types/hapi/tests/request/tail.ts
rename to types/hapi/test/request/tail.ts
diff --git a/types/hapi/tests/response/error-representation.ts b/types/hapi/test/response/error-representation.ts
similarity index 100%
rename from types/hapi/tests/response/error-representation.ts
rename to types/hapi/test/response/error-representation.ts
diff --git a/types/hapi/tests/response/error.ts b/types/hapi/test/response/error.ts
similarity index 100%
rename from types/hapi/tests/response/error.ts
rename to types/hapi/test/response/error.ts
diff --git a/types/hapi/tests/response/events.ts b/types/hapi/test/response/events.ts
similarity index 100%
rename from types/hapi/tests/response/events.ts
rename to types/hapi/test/response/events.ts
diff --git a/types/hapi/tests/response/flow-control.ts b/types/hapi/test/response/flow-control.ts
similarity index 100%
rename from types/hapi/tests/response/flow-control.ts
rename to types/hapi/test/response/flow-control.ts
diff --git a/types/hapi/tests/route/additional-options.ts b/types/hapi/test/route/additional-options.ts
similarity index 100%
rename from types/hapi/tests/route/additional-options.ts
rename to types/hapi/test/route/additional-options.ts
diff --git a/types/hapi/tests/route/auth.ts b/types/hapi/test/route/auth.ts
similarity index 100%
rename from types/hapi/tests/route/auth.ts
rename to types/hapi/test/route/auth.ts
diff --git a/types/hapi/tests/route/config.ts b/types/hapi/test/route/config.ts
similarity index 100%
rename from types/hapi/tests/route/config.ts
rename to types/hapi/test/route/config.ts
diff --git a/types/hapi/tests/route/handler.ts b/types/hapi/test/route/handler.ts
similarity index 100%
rename from types/hapi/tests/route/handler.ts
rename to types/hapi/test/route/handler.ts
diff --git a/types/hapi/tests/route/prerequisites.ts b/types/hapi/test/route/prerequisites.ts
similarity index 100%
rename from types/hapi/tests/route/prerequisites.ts
rename to types/hapi/test/route/prerequisites.ts
diff --git a/types/hapi/tests/route/public-interface.ts b/types/hapi/test/route/public-interface.ts
similarity index 100%
rename from types/hapi/tests/route/public-interface.ts
rename to types/hapi/test/route/public-interface.ts
diff --git a/types/hapi/tests/server/app.ts b/types/hapi/test/server/app.ts
similarity index 100%
rename from types/hapi/tests/server/app.ts
rename to types/hapi/test/server/app.ts
diff --git a/types/hapi/tests/server/auth.ts b/types/hapi/test/server/auth.ts
similarity index 100%
rename from types/hapi/tests/server/auth.ts
rename to types/hapi/test/server/auth.ts
diff --git a/types/hapi/tests/server/bind.ts b/types/hapi/test/server/bind.ts
similarity index 100%
rename from types/hapi/tests/server/bind.ts
rename to types/hapi/test/server/bind.ts
diff --git a/types/hapi/tests/server/cache.ts b/types/hapi/test/server/cache.ts
similarity index 100%
rename from types/hapi/tests/server/cache.ts
rename to types/hapi/test/server/cache.ts
diff --git a/types/hapi/tests/server/connection-options.ts b/types/hapi/test/server/connection-options.ts
similarity index 100%
rename from types/hapi/tests/server/connection-options.ts
rename to types/hapi/test/server/connection-options.ts
diff --git a/types/hapi/tests/server/connections.ts b/types/hapi/test/server/connections.ts
similarity index 100%
rename from types/hapi/tests/server/connections.ts
rename to types/hapi/test/server/connections.ts
diff --git a/types/hapi/tests/server/decoder.ts b/types/hapi/test/server/decoder.ts
similarity index 100%
rename from types/hapi/tests/server/decoder.ts
rename to types/hapi/test/server/decoder.ts
diff --git a/types/hapi/tests/server/decorate.ts b/types/hapi/test/server/decorate.ts
similarity index 100%
rename from types/hapi/tests/server/decorate.ts
rename to types/hapi/test/server/decorate.ts
diff --git a/types/hapi/tests/server/dependency.ts b/types/hapi/test/server/dependency.ts
similarity index 100%
rename from types/hapi/tests/server/dependency.ts
rename to types/hapi/test/server/dependency.ts
diff --git a/types/hapi/tests/server/emit.ts b/types/hapi/test/server/emit.ts
similarity index 100%
rename from types/hapi/tests/server/emit.ts
rename to types/hapi/test/server/emit.ts
diff --git a/types/hapi/tests/server/encoder.ts b/types/hapi/test/server/encoder.ts
similarity index 100%
rename from types/hapi/tests/server/encoder.ts
rename to types/hapi/test/server/encoder.ts
diff --git a/types/hapi/tests/server/event.ts b/types/hapi/test/server/event.ts
similarity index 100%
rename from types/hapi/tests/server/event.ts
rename to types/hapi/test/server/event.ts
diff --git a/types/hapi/tests/server/expose.ts b/types/hapi/test/server/expose.ts
similarity index 100%
rename from types/hapi/tests/server/expose.ts
rename to types/hapi/test/server/expose.ts
diff --git a/types/hapi/tests/server/ext.ts b/types/hapi/test/server/ext.ts
similarity index 100%
rename from types/hapi/tests/server/ext.ts
rename to types/hapi/test/server/ext.ts
diff --git a/types/hapi/tests/server/handler.ts b/types/hapi/test/server/handler.ts
similarity index 100%
rename from types/hapi/tests/server/handler.ts
rename to types/hapi/test/server/handler.ts
diff --git a/types/hapi/tests/server/info.ts b/types/hapi/test/server/info.ts
similarity index 100%
rename from types/hapi/tests/server/info.ts
rename to types/hapi/test/server/info.ts
diff --git a/types/hapi/tests/server/initialize.ts b/types/hapi/test/server/initialize.ts
similarity index 100%
rename from types/hapi/tests/server/initialize.ts
rename to types/hapi/test/server/initialize.ts
diff --git a/types/hapi/tests/server/inject.ts b/types/hapi/test/server/inject.ts
similarity index 100%
rename from types/hapi/tests/server/inject.ts
rename to types/hapi/test/server/inject.ts
diff --git a/types/hapi/tests/server/listener.ts b/types/hapi/test/server/listener.ts
similarity index 100%
rename from types/hapi/tests/server/listener.ts
rename to types/hapi/test/server/listener.ts
diff --git a/types/hapi/tests/server/load.ts b/types/hapi/test/server/load.ts
similarity index 100%
rename from types/hapi/tests/server/load.ts
rename to types/hapi/test/server/load.ts
diff --git a/types/hapi/tests/server/log.ts b/types/hapi/test/server/log.ts
similarity index 100%
rename from types/hapi/tests/server/log.ts
rename to types/hapi/test/server/log.ts
diff --git a/types/hapi/tests/server/lookup.ts b/types/hapi/test/server/lookup.ts
similarity index 100%
rename from types/hapi/tests/server/lookup.ts
rename to types/hapi/test/server/lookup.ts
diff --git a/types/hapi/tests/server/match.ts b/types/hapi/test/server/match.ts
similarity index 100%
rename from types/hapi/tests/server/match.ts
rename to types/hapi/test/server/match.ts
diff --git a/types/hapi/tests/server/method.ts b/types/hapi/test/server/method.ts
similarity index 100%
rename from types/hapi/tests/server/method.ts
rename to types/hapi/test/server/method.ts
diff --git a/types/hapi/tests/server/methods.ts b/types/hapi/test/server/methods.ts
similarity index 100%
rename from types/hapi/tests/server/methods.ts
rename to types/hapi/test/server/methods.ts
diff --git a/types/hapi/tests/server/mime.ts b/types/hapi/test/server/mime.ts
similarity index 100%
rename from types/hapi/tests/server/mime.ts
rename to types/hapi/test/server/mime.ts
diff --git a/types/hapi/tests/server/new.ts b/types/hapi/test/server/new.ts
similarity index 100%
rename from types/hapi/tests/server/new.ts
rename to types/hapi/test/server/new.ts
diff --git a/types/hapi/tests/server/on.ts b/types/hapi/test/server/on.ts
similarity index 100%
rename from types/hapi/tests/server/on.ts
rename to types/hapi/test/server/on.ts
diff --git a/types/hapi/tests/server/once.ts b/types/hapi/test/server/once.ts
similarity index 100%
rename from types/hapi/tests/server/once.ts
rename to types/hapi/test/server/once.ts
diff --git a/types/hapi/tests/server/path.ts b/types/hapi/test/server/path.ts
similarity index 100%
rename from types/hapi/tests/server/path.ts
rename to types/hapi/test/server/path.ts
diff --git a/types/hapi/tests/server/plugins.ts b/types/hapi/test/server/plugins.ts
similarity index 100%
rename from types/hapi/tests/server/plugins.ts
rename to types/hapi/test/server/plugins.ts
diff --git a/types/hapi/tests/server/realm.ts b/types/hapi/test/server/realm.ts
similarity index 100%
rename from types/hapi/tests/server/realm.ts
rename to types/hapi/test/server/realm.ts
diff --git a/types/hapi/tests/server/register.ts b/types/hapi/test/server/register.ts
similarity index 100%
rename from types/hapi/tests/server/register.ts
rename to types/hapi/test/server/register.ts
diff --git a/types/hapi/tests/server/route.ts b/types/hapi/test/server/route.ts
similarity index 100%
rename from types/hapi/tests/server/route.ts
rename to types/hapi/test/server/route.ts
diff --git a/types/hapi/tests/server/select.ts b/types/hapi/test/server/select.ts
similarity index 100%
rename from types/hapi/tests/server/select.ts
rename to types/hapi/test/server/select.ts
diff --git a/types/hapi/tests/server/settings.ts b/types/hapi/test/server/settings.ts
similarity index 100%
rename from types/hapi/tests/server/settings.ts
rename to types/hapi/test/server/settings.ts
diff --git a/types/hapi/tests/server/start.ts b/types/hapi/test/server/start.ts
similarity index 100%
rename from types/hapi/tests/server/start.ts
rename to types/hapi/test/server/start.ts
diff --git a/types/hapi/tests/server/state.ts b/types/hapi/test/server/state.ts
similarity index 100%
rename from types/hapi/tests/server/state.ts
rename to types/hapi/test/server/state.ts
diff --git a/types/hapi/tests/server/stop.ts b/types/hapi/test/server/stop.ts
similarity index 100%
rename from types/hapi/tests/server/stop.ts
rename to types/hapi/test/server/stop.ts
diff --git a/types/hapi/tests/server/table.ts b/types/hapi/test/server/table.ts
similarity index 100%
rename from types/hapi/tests/server/table.ts
rename to types/hapi/test/server/table.ts
diff --git a/types/hapi/tests/server/version.ts b/types/hapi/test/server/version.ts
similarity index 100%
rename from types/hapi/tests/server/version.ts
rename to types/hapi/test/server/version.ts

From cacacaa38aa0b28fbbaf323476f5c88840753eb1 Mon Sep 17 00:00:00 2001
From: Alexander James Phillips <ajp.global@gmail.com>
Date: Sun, 7 May 2017 15:13:09 +0100
Subject: [PATCH 259/321] Update tsconfig files to reflect new location of
 tests

---
 types/hapi/tsconfig.json | 142 +++++++++++++++++++--------------------
 1 file changed, 71 insertions(+), 71 deletions(-)

diff --git a/types/hapi/tsconfig.json b/types/hapi/tsconfig.json
index 9996053227..c891abdc9c 100644
--- a/types/hapi/tsconfig.json
+++ b/types/hapi/tsconfig.json
@@ -17,76 +17,76 @@
     },
     "files": [
         "index.d.ts",
-        "tests/connection/table.ts",
-        "tests/getting-started/01-creating-a-server.ts",
-        "tests/getting-started/02-adding-routes.ts",
-        "tests/getting-started/03-serving-static-content.ts",
-        "tests/getting-started/04-using-plugins.ts",
-        "tests/path/catch-all.ts",
-        "tests/path/parameters.ts",
-        "tests/plugins/options.ts",
-        "tests/reply/continue.ts",
-        "tests/reply/entity.ts",
-        "tests/reply/redirect.ts",
-        "tests/reply/reply.ts",
-        "tests/reply/state_cookie.ts",
-        "tests/request/event-types.ts",
-        "tests/request/generate-response.ts",
-        "tests/request/get-log.ts",
-        "tests/request/log.ts",
-        "tests/request/set-method.ts",
-        "tests/request/set-url.ts",
-        "tests/request/tail.ts",
-        "tests/response/error-representation.ts",
-        "tests/response/error.ts",
-        "tests/response/events.ts",
-        "tests/response/flow-control.ts",
-        "tests/route/additional-options.ts",
-        "tests/route/auth.ts",
-        "tests/route/config.ts",
-        "tests/route/handler.ts",
-        "tests/route/prerequisites.ts",
-        "tests/route/public-interface.ts",
-        "tests/server/app.ts",
-        "tests/server/auth.ts",
-        "tests/server/bind.ts",
-        "tests/server/cache.ts",
-        "tests/server/connection-options.ts",
-        "tests/server/connections.ts",
-        "tests/server/decoder.ts",
-        "tests/server/decorate.ts",
-        "tests/server/dependency.ts",
-        "tests/server/emit.ts",
-        "tests/server/encoder.ts",
-        "tests/server/event.ts",
-        "tests/server/expose.ts",
-        "tests/server/ext.ts",
-        "tests/server/handler.ts",
-        "tests/server/info.ts",
-        "tests/server/initialize.ts",
-        "tests/server/inject.ts",
-        "tests/server/listener.ts",
-        "tests/server/load.ts",
-        "tests/server/log.ts",
-        "tests/server/lookup.ts",
-        "tests/server/match.ts",
-        "tests/server/method.ts",
-        "tests/server/methods.ts",
-        "tests/server/mime.ts",
-        "tests/server/new.ts",
-        "tests/server/on.ts",
-        "tests/server/once.ts",
-        "tests/server/path.ts",
-        "tests/server/plugins.ts",
-        "tests/server/realm.ts",
-        "tests/server/register.ts",
-        "tests/server/route.ts",
-        "tests/server/select.ts",
-        "tests/server/settings.ts",
-        "tests/server/start.ts",
-        "tests/server/state.ts",
-        "tests/server/stop.ts",
-        "tests/server/table.ts",
-        "tests/server/version.ts"
+        "test/connection/table.ts",
+        "test/getting-started/01-creating-a-server.ts",
+        "test/getting-started/02-adding-routes.ts",
+        "test/getting-started/03-serving-static-content.ts",
+        "test/getting-started/04-using-plugins.ts",
+        "test/path/catch-all.ts",
+        "test/path/parameters.ts",
+        "test/plugins/options.ts",
+        "test/reply/continue.ts",
+        "test/reply/entity.ts",
+        "test/reply/redirect.ts",
+        "test/reply/reply.ts",
+        "test/reply/state_cookie.ts",
+        "test/request/event-types.ts",
+        "test/request/generate-response.ts",
+        "test/request/get-log.ts",
+        "test/request/log.ts",
+        "test/request/set-method.ts",
+        "test/request/set-url.ts",
+        "test/request/tail.ts",
+        "test/response/error-representation.ts",
+        "test/response/error.ts",
+        "test/response/events.ts",
+        "test/response/flow-control.ts",
+        "test/route/additional-options.ts",
+        "test/route/auth.ts",
+        "test/route/config.ts",
+        "test/route/handler.ts",
+        "test/route/prerequisites.ts",
+        "test/route/public-interface.ts",
+        "test/server/app.ts",
+        "test/server/auth.ts",
+        "test/server/bind.ts",
+        "test/server/cache.ts",
+        "test/server/connection-options.ts",
+        "test/server/connections.ts",
+        "test/server/decoder.ts",
+        "test/server/decorate.ts",
+        "test/server/dependency.ts",
+        "test/server/emit.ts",
+        "test/server/encoder.ts",
+        "test/server/event.ts",
+        "test/server/expose.ts",
+        "test/server/ext.ts",
+        "test/server/handler.ts",
+        "test/server/info.ts",
+        "test/server/initialize.ts",
+        "test/server/inject.ts",
+        "test/server/listener.ts",
+        "test/server/load.ts",
+        "test/server/log.ts",
+        "test/server/lookup.ts",
+        "test/server/match.ts",
+        "test/server/method.ts",
+        "test/server/methods.ts",
+        "test/server/mime.ts",
+        "test/server/new.ts",
+        "test/server/on.ts",
+        "test/server/once.ts",
+        "test/server/path.ts",
+        "test/server/plugins.ts",
+        "test/server/realm.ts",
+        "test/server/register.ts",
+        "test/server/route.ts",
+        "test/server/select.ts",
+        "test/server/settings.ts",
+        "test/server/start.ts",
+        "test/server/state.ts",
+        "test/server/stop.ts",
+        "test/server/table.ts",
+        "test/server/version.ts"
     ]
 }
\ No newline at end of file

From 7503dd0bd304052e5ea0d0e96ea0d06ccba3633f Mon Sep 17 00:00:00 2001
From: Alexander James Phillips <ajp.global@gmail.com>
Date: Sun, 7 May 2017 18:40:20 +0100
Subject: [PATCH 260/321] Add paths to v16.0 tsconfig to fix tests

---
 types/hapi/v16.0/tsconfig.json | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/types/hapi/v16.0/tsconfig.json b/types/hapi/v16.0/tsconfig.json
index b6bca23ab6..47cd935a2b 100644
--- a/types/hapi/v16.0/tsconfig.json
+++ b/types/hapi/v16.0/tsconfig.json
@@ -12,6 +12,11 @@
             "../../"
         ],
         "types": [],
+        "paths": {
+            "hapi": [
+                "hapi/v16.0"
+            ]
+        },
         "noEmit": true,
         "forceConsistentCasingInFileNames": true
     },

From ca36987882fd9ff55fbf7a1afe9d3f28a35de434 Mon Sep 17 00:00:00 2001
From: Alexander James Phillips <ajp.global@gmail.com>
Date: Sun, 7 May 2017 18:47:21 +0100
Subject: [PATCH 261/321] Try moving v16.0 code to v16 directory

Maybe that will fix "types/hapi/v16.0 has unused file hapi-tests.ts" error
---
 types/hapi/{v16.0 => v16}/hapi-tests.ts | 0
 types/hapi/{v16.0 => v16}/index.d.ts    | 0
 types/hapi/{v16.0 => v16}/tsconfig.json | 2 +-
 3 files changed, 1 insertion(+), 1 deletion(-)
 rename types/hapi/{v16.0 => v16}/hapi-tests.ts (100%)
 rename types/hapi/{v16.0 => v16}/index.d.ts (100%)
 rename types/hapi/{v16.0 => v16}/tsconfig.json (94%)

diff --git a/types/hapi/v16.0/hapi-tests.ts b/types/hapi/v16/hapi-tests.ts
similarity index 100%
rename from types/hapi/v16.0/hapi-tests.ts
rename to types/hapi/v16/hapi-tests.ts
diff --git a/types/hapi/v16.0/index.d.ts b/types/hapi/v16/index.d.ts
similarity index 100%
rename from types/hapi/v16.0/index.d.ts
rename to types/hapi/v16/index.d.ts
diff --git a/types/hapi/v16.0/tsconfig.json b/types/hapi/v16/tsconfig.json
similarity index 94%
rename from types/hapi/v16.0/tsconfig.json
rename to types/hapi/v16/tsconfig.json
index 47cd935a2b..dc9efa3519 100644
--- a/types/hapi/v16.0/tsconfig.json
+++ b/types/hapi/v16/tsconfig.json
@@ -14,7 +14,7 @@
         "types": [],
         "paths": {
             "hapi": [
-                "hapi/v16.0"
+                "hapi/v16"
             ]
         },
         "noEmit": true,

From f902f7f1fb22359690e51f199b3aefababe42973 Mon Sep 17 00:00:00 2001
From: Alexander James Phillips <ajp.global@gmail.com>
Date: Sun, 7 May 2017 18:51:57 +0100
Subject: [PATCH 262/321] Temporarily move v16 code to v15 directory

To "fix" the error: "The latest major version is 16, but a directory v16 exists."
---
 types/hapi/{v16 => v15}/hapi-tests.ts | 0
 types/hapi/{v16 => v15}/index.d.ts    | 0
 types/hapi/{v16 => v15}/tsconfig.json | 2 +-
 3 files changed, 1 insertion(+), 1 deletion(-)
 rename types/hapi/{v16 => v15}/hapi-tests.ts (100%)
 rename types/hapi/{v16 => v15}/index.d.ts (100%)
 rename types/hapi/{v16 => v15}/tsconfig.json (95%)

diff --git a/types/hapi/v16/hapi-tests.ts b/types/hapi/v15/hapi-tests.ts
similarity index 100%
rename from types/hapi/v16/hapi-tests.ts
rename to types/hapi/v15/hapi-tests.ts
diff --git a/types/hapi/v16/index.d.ts b/types/hapi/v15/index.d.ts
similarity index 100%
rename from types/hapi/v16/index.d.ts
rename to types/hapi/v15/index.d.ts
diff --git a/types/hapi/v16/tsconfig.json b/types/hapi/v15/tsconfig.json
similarity index 95%
rename from types/hapi/v16/tsconfig.json
rename to types/hapi/v15/tsconfig.json
index dc9efa3519..4a54b80605 100644
--- a/types/hapi/v16/tsconfig.json
+++ b/types/hapi/v15/tsconfig.json
@@ -14,7 +14,7 @@
         "types": [],
         "paths": {
             "hapi": [
-                "hapi/v16"
+                "hapi/v15"
             ]
         },
         "noEmit": true,

From 5e7881120c375575549e702bb53894b0c1f58259 Mon Sep 17 00:00:00 2001
From: Alexander James Phillips <ajp.global@gmail.com>
Date: Sun, 7 May 2017 18:58:22 +0100
Subject: [PATCH 263/321] Change version at top of index.d.ts

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

diff --git a/types/hapi/v15/index.d.ts b/types/hapi/v15/index.d.ts
index 6fdef94dec..2a59422c69 100644
--- a/types/hapi/v15/index.d.ts
+++ b/types/hapi/v15/index.d.ts
@@ -1,4 +1,4 @@
-// Type definitions for hapi 16.0
+// Type definitions for hapi 15.0
 // Project: http://github.com/spumko/hapi
 // Definitions by: Jason Swearingen <http://github.com/jasonswearingen>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped

From dc6224ad1c5e0a5dfd339d1996d03078848e25a0 Mon Sep 17 00:00:00 2001
From: Alexander James Phillips <ajp.global@gmail.com>
Date: Sun, 7 May 2017 19:10:40 +0100
Subject: [PATCH 264/321] Follow instructions from failed test to set tsconfig
 types to empty array

---
 types/boom/tsconfig.json     | 2 +-
 types/h2o2/index.d.ts        | 2 ++
 types/hapi/index.d.ts        | 2 ++
 types/hapi/tsconfig.json     | 2 +-
 types/inert/inert-tests.ts   | 2 ++
 types/inert/tsconfig.json    | 2 +-
 types/shot/index.d.ts        | 2 ++
 types/shot/tsconfig.json     | 2 +-
 types/vision/tsconfig.json   | 2 +-
 types/vision/vision-tests.ts | 4 +++-
 10 files changed, 16 insertions(+), 6 deletions(-)

diff --git a/types/boom/tsconfig.json b/types/boom/tsconfig.json
index 1ad2b9c1f3..c3bee46396 100644
--- a/types/boom/tsconfig.json
+++ b/types/boom/tsconfig.json
@@ -11,7 +11,7 @@
         "typeRoots": [
             "../"
         ],
-        "types": ["node"],
+        "types": [],
         "noEmit": true,
         "forceConsistentCasingInFileNames": true
     },
diff --git a/types/h2o2/index.d.ts b/types/h2o2/index.d.ts
index d15eb90cec..a1a3680e5c 100644
--- a/types/h2o2/index.d.ts
+++ b/types/h2o2/index.d.ts
@@ -4,6 +4,8 @@
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 // TypeScript Version: 2.2
 
+/// <reference types="node" />
+
 import http = require("http");
 import * as hapi from 'hapi';
 import * as Boom from 'boom';
diff --git a/types/hapi/index.d.ts b/types/hapi/index.d.ts
index 2ef76367dd..97ce0cc386 100644
--- a/types/hapi/index.d.ts
+++ b/types/hapi/index.d.ts
@@ -22,6 +22,8 @@
  * Renaming of all interfaces to remove preceding I in preparation of dtslint
  */
 
+/// <reference types="node" />
+
 import Events = require("events");
 import stream = require("stream");
 import http = require("http");
diff --git a/types/hapi/tsconfig.json b/types/hapi/tsconfig.json
index c891abdc9c..f8d5b055e2 100644
--- a/types/hapi/tsconfig.json
+++ b/types/hapi/tsconfig.json
@@ -11,7 +11,7 @@
         "typeRoots": [
             "../"
         ],
-        "types": ["node"],
+        "types": [],
         "noEmit": true,
         "forceConsistentCasingInFileNames": true
     },
diff --git a/types/inert/inert-tests.ts b/types/inert/inert-tests.ts
index 9062e13f6b..82cd1f1295 100644
--- a/types/inert/inert-tests.ts
+++ b/types/inert/inert-tests.ts
@@ -1,5 +1,7 @@
 // Copied from: https://github.com/hapijs/inert#examples
 
+/// <reference types="node" />
+
 import Path = require('path');
 import Hapi = require('hapi');
 import Inert = require('inert');
diff --git a/types/inert/tsconfig.json b/types/inert/tsconfig.json
index 7c74dcc2e7..5b805cfc2d 100644
--- a/types/inert/tsconfig.json
+++ b/types/inert/tsconfig.json
@@ -11,7 +11,7 @@
         "typeRoots": [
             "../"
         ],
-        "types": ["node"],
+        "types": [],
         "noEmit": true,
         "forceConsistentCasingInFileNames": true
     },
diff --git a/types/shot/index.d.ts b/types/shot/index.d.ts
index 4fdaff2688..323fb5137f 100644
--- a/types/shot/index.d.ts
+++ b/types/shot/index.d.ts
@@ -4,6 +4,8 @@
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 // TypeScript Version: 2.2
 
+/// <reference types="node" />
+
 import stream = require("stream");
 import http = require("http");
 
diff --git a/types/shot/tsconfig.json b/types/shot/tsconfig.json
index 12dbee6598..eb876b2143 100644
--- a/types/shot/tsconfig.json
+++ b/types/shot/tsconfig.json
@@ -11,7 +11,7 @@
         "typeRoots": [
             "../"
         ],
-        "types": ["node"],
+        "types": [],
         "noEmit": true,
         "forceConsistentCasingInFileNames": true
     },
diff --git a/types/vision/tsconfig.json b/types/vision/tsconfig.json
index 428d9c2764..9d1c80a15c 100644
--- a/types/vision/tsconfig.json
+++ b/types/vision/tsconfig.json
@@ -11,7 +11,7 @@
         "typeRoots": [
             "../"
         ],
-        "types": ["node"],
+        "types": [],
         "noEmit": true,
         "forceConsistentCasingInFileNames": true
     },
diff --git a/types/vision/vision-tests.ts b/types/vision/vision-tests.ts
index 0dbe51ca40..74f8f432b0 100644
--- a/types/vision/vision-tests.ts
+++ b/types/vision/vision-tests.ts
@@ -1,6 +1,8 @@
 
+/// <reference types="node" />
+
 import * as Hapi from 'hapi';
-import Vision from './index';
+import Vision from 'vision';
 const server = new Hapi.Server();
 server.connection({ port: 80 });
 

From 9fc3c9cd4017b8c8938082a51bc7370947de9dca Mon Sep 17 00:00:00 2001
From: Alexander James Phillips <ajp.global@gmail.com>
Date: Sun, 7 May 2017 20:43:03 +0100
Subject: [PATCH 265/321] Fix some tslint errors and temporarily remove
 tslint.json

---
 types/hapi/index.d.ts                         | 76 ++++++++++---------
 .../getting-started/01-creating-a-server.ts   |  5 +-
 .../test/getting-started/02-adding-routes.ts  |  4 +-
 .../03-serving-static-content.ts              |  9 ++-
 .../test/getting-started/04-using-plugins.ts  |  4 +-
 types/hapi/tslint.json                        | 15 ----
 6 files changed, 53 insertions(+), 60 deletions(-)
 delete mode 100644 types/hapi/tslint.json

diff --git a/types/hapi/index.d.ts b/types/hapi/index.d.ts
index 97ce0cc386..a4159770f1 100644
--- a/types/hapi/index.d.ts
+++ b/types/hapi/index.d.ts
@@ -87,7 +87,7 @@ export class Server extends Podium.Podium {
         heapUsed: number;
         /** RSS memory usage. */
         rss: number;
-    }
+    };
     /**
      * When the server contains exactly one connection, listener is the node HTTP server object of the sole connection.
      * When the server contains more than one connection, each server.connections array member provides its own connection.listener.
@@ -103,7 +103,7 @@ export class Server extends Podium.Podium {
      * Provides access to the server MIME database used for setting content-type information. The object must not be modified directly but only through the mime server setting.
      * [See docs](https://hapijs.com/api/16.1.1#servermime)
      */
-    readonly mime: {path: (path: string) => {type: string}};
+    readonly mime: {path(path: string): {type: string}};
     /**
      * An object containing the values exposed by each plugin registered where each key is a plugin name and the values are the exposed properties by each plugin using server.expose(). Plugins may set the value of the server.plugins[name] object directly or via the server.expose() method.
      * [See docs](https://hapijs.com/api/16.1.1#serverplugins)
@@ -235,7 +235,7 @@ export class Server extends Podium.Podium {
      * @param encoding  the encoder name string.
      * @param encoder  a function using the signature function(options) where options are the encoding specific options configured in the route compression configuration option, and the return value is an object compatible with the output of node's zlib.createGzip().
      */
-    encoder(encoding: string, encoder:((options: CompressionEncoderSettings) => zlib.Gzip)): void;
+    encoder(encoding: string, encoder: ((options: CompressionEncoderSettings) => zlib.Gzip)): void;
     /**
      * Register custom application events
      * [See docs](https://hapijs.com/api/16.1.1#servereventevents)
@@ -405,17 +405,19 @@ export class Server extends Podium.Podium {
      * @param plugins
      * @param options
      * @param callback  with signature function(err) where err an error returned from the registration function. Note that exceptions thrown by the registration function are not handled by the framework.
-     * A note on typings:  Common use case is register(Plugin, (err) => {// do more stuff}), so these typings
-     * save passing empty `options` object or having to explicity type the Error in the Callback e.g.:
-     * register(Plugin, {}, (err) => {// do more stuff})  or
-     * register(Plugin, (err: Error) => {// do more stuff})
+     * A note on typings.  Common use case is:
+     *     register(Plugin, (err) => {// do more stuff})
+     * so these typings save passing empty `options` object or having to
+     * explicity type the Error in the Callback e.g.:
+     *     register(Plugin, {}, (err) => {// do more stuff})  or
+     *     register(Plugin, (err: Error) => {// do more stuff})
      */
-    register<OptionsPassedToPlugin>(plugins: (PluginFunction<OptionsPassedToPlugin> | PluginRegistrationObject<OptionsPassedToPlugin>)[], callback: (err: Error) => void): void;
-    register<OptionsPassedToPlugin>(plugins: (PluginFunction<OptionsPassedToPlugin> | PluginRegistrationObject<OptionsPassedToPlugin>)[]): Promise<Error>;
+    register<OptionsPassedToPlugin>(plugins: Array<(PluginFunction<OptionsPassedToPlugin> | PluginRegistrationObject<OptionsPassedToPlugin>)>, callback: (err: Error) => void): void;
+    register<OptionsPassedToPlugin>(plugins: Array<(PluginFunction<OptionsPassedToPlugin> | PluginRegistrationObject<OptionsPassedToPlugin>)>): Promise<Error>;
     register<OptionsPassedToPlugin>(plugins: PluginFunction<OptionsPassedToPlugin> | PluginRegistrationObject<OptionsPassedToPlugin>, callback: (err: Error) => void): void;
     register<OptionsPassedToPlugin>(plugins: PluginFunction<OptionsPassedToPlugin> | PluginRegistrationObject<OptionsPassedToPlugin>): Promise<Error>;
-    register<OptionsPassedToPlugin>(plugins: (PluginFunction<OptionsPassedToPlugin> | PluginRegistrationObject<OptionsPassedToPlugin>)[], options: PluginRegistrationOptions, callback: (err: Error) => void): void;
-    register<OptionsPassedToPlugin>(plugins: (PluginFunction<OptionsPassedToPlugin> | PluginRegistrationObject<OptionsPassedToPlugin>)[], options: PluginRegistrationOptions): Promise<Error>;
+    register<OptionsPassedToPlugin>(plugins: Array<(PluginFunction<OptionsPassedToPlugin> | PluginRegistrationObject<OptionsPassedToPlugin>)>, options: PluginRegistrationOptions, callback: (err: Error) => void): void;
+    register<OptionsPassedToPlugin>(plugins: Array<(PluginFunction<OptionsPassedToPlugin> | PluginRegistrationObject<OptionsPassedToPlugin>)>, options: PluginRegistrationOptions): Promise<Error>;
     register<OptionsPassedToPlugin>(plugins: PluginFunction<OptionsPassedToPlugin> | PluginRegistrationObject<OptionsPassedToPlugin>, options: PluginRegistrationOptions, callback: (err: Error) => void): void;
     register<OptionsPassedToPlugin>(plugins: PluginFunction<OptionsPassedToPlugin> | PluginRegistrationObject<OptionsPassedToPlugin>, options: PluginRegistrationOptions): Promise<Error>;
     /**
@@ -641,7 +643,7 @@ export interface ServerMethodConfigurationObject {
  *        shared?: boolean;
  *    }
  */
-type CatboxServerOptionsCacheConfiguration = CatboxServerCacheConfiguration;
+export type CatboxServerOptionsCacheConfiguration = CatboxServerCacheConfiguration;
 
 /**
  * Server cache method configuration for Catbox cache
@@ -758,13 +760,13 @@ export interface ServerConnectionOptions extends ConnectionConfigurationServerDe
  * For context see RouteAdditionalConfigurationOptions > compression
  * For context [See docs](https://hapijs.com/api/16.1.1#serverencoderencoding-encoder)
  */
-type CompressionEncoderSettings = any;
+export type CompressionEncoderSettings = any;
 
 /**
  * For context see RouteAdditionalConfigurationOptions > payload > compression
  * For context [See docs](https://hapijs.com/api/16.1.1#serverdecoderencoding-decoder)
  */
-type CompressionDecoderSettings = any;
+export type CompressionDecoderSettings = any;
 
 /**
  * an optional function called after all the specified dependencies have been registered and before the server starts. The function is only called if the server is initialized or started. If a circular dependency is detected, an exception is thrown (e.g. two plugins each has an after function to be called after the other). The function signature is function(server, next) where:
@@ -876,12 +878,12 @@ export interface ServerExtConfigurationObject {
 /**
  * [See docs](https://hapijs.com/api/16.1.1#serverextevents) > events > method
  */
-type ServerExtMethod = ServerExtFunction | ServerExtRequestHandler;
+export type ServerExtMethod = ServerExtFunction | ServerExtRequestHandler;
 
 /**
  * [See docs](https://hapijs.com/api/16.1.1#serverextevents) > events > options
  */
-interface ServerExtOptions {
+export interface ServerExtOptions {
     /** before - a string or array of strings of plugin names this method must execute before (on the same event). Otherwise, extension methods are executed in the order added. */
     before: string | string[];
     /** after - a string or array of strings of plugin names this method must execute after (on the same event). Otherwise, extension methods are executed in the order added. */
@@ -947,7 +949,7 @@ export interface RoutePayloadConfigurationObject {
      */
     multipart?: false | {
         output: PayLoadOutputOption | 'annotated';
-    }
+    };
     /** a string or an array of strings with the allowed mime types for the endpoint. Defaults to any of the supported mime types listed above. Note that allowing other mime types not listed will not enable them to be parsed, and that if parsing mode is 'parse', the request will result in an error response. */
     allow?: string | string[];
     /** a mime type string overriding the 'Content-Type' header value received. Defaults to no override. */
@@ -987,7 +989,7 @@ export type ApplicationEvent = string | ApplicationEventOptionsObject | Podium.P
  * For context see ApplicationEvent
  * For context [See docs](https://hapijs.com/api/16.1.1#servereventevents) > events parameter
  */
-interface ApplicationEventOptionsObject {
+export interface ApplicationEventOptionsObject {
     /** the event name string (required). */
     name: string;
     /** a string or array of strings specifying the event channels available. Defaults to no channel restrictions (event updates can specify a channel or not). */
@@ -1159,11 +1161,11 @@ export interface RoutePublicInterface {
     /** route authentication utilities: */
     auth: {
         /** authenticates the passed request argument against the route's authentication access configuration. Returns true if the request would have passed the route's access requirements. Note that the route's authentication mode and strategies are ignored. The only match is made between the request.auth.credentials scope and entity information and the route access configuration. Also, if the route uses dynamic scopes, the scopes are constructed against the request.query and request.params which may or may not match between the route and the request's route. If this method is called using a request that has not been authenticated (yet or at all), it will return false if the route requires any authentication. */
-        access: (request: Request) => boolean;
-    }
+        access(request: Request): boolean;
+    };
 }
 
-type RouteHandlerConfig = any;
+export type RouteHandlerConfig = any;
 
 /**
  * For context [See docs](https://hapijs.com/api/16.1.1#serverhandlername-method)
@@ -1171,7 +1173,7 @@ type RouteHandlerConfig = any;
  * For source [See docs](https://github.com/hapijs/hapi/blob/v16.1.1/lib/route.js#L56-L60)
  * TODO check the type of `RouteHandlerConfig` is correct for `defaults`.
  */
-interface MakeRouteHandler {
+export interface MakeRouteHandler {
     (route: RoutePublicInterface, options: RouteHandlerConfig): RouteHandler;
     defaults?: RouteHandlerConfig | ((method: HTTP_METHODS_PARTIAL_lowercase) => RouteHandlerConfig);
 }
@@ -1413,7 +1415,7 @@ export interface ServerStateCookieConfiguationObject {
     /** sets the 'Secure' flag. Defaults to true. */
     isSecure?: boolean;
     /** sets the 'HttpOnly' flag. Defaults to true. */
-    isHttpOnly?: boolean
+    isHttpOnly?: boolean;
     /**
      * sets the 'SameSite' flag where the value must be one of:
      *  * false - no flag.
@@ -1567,7 +1569,7 @@ export interface ServerRealm {
             relativeTo: string;
         };
         bind: any;
-    }
+    };
 }
 
 /**
@@ -1594,7 +1596,7 @@ export interface ServerRegisteredPlugin {
     attributes: PluginAttributes;
 }
 
-interface ServerAuth {
+export interface ServerAuth {
     /**
      * server.auth.api
      * An object where each key is a strategy name and the value is the exposed strategy API. Available on when the authentication scheme exposes an API by returning an api key in the object returned from its implementation function.
@@ -1641,8 +1643,8 @@ interface ServerAuth {
     test(strategy: string, request: Request, next: (err: Error | null, credentials: AuthenticatedCredentials) => void): void;
 }
 
-type Strategy = any;
-type SchemeSettings = any;
+export type Strategy = any;
+export type SchemeSettings = any;
 
 /**
  * the method implementing the scheme with signature function(server, options) where:
@@ -1650,7 +1652,7 @@ type SchemeSettings = any;
  * @param server  a reference to the server object the scheme is added to.
  * @param options  optional scheme settings used to instantiate a strategy.
  */
-interface ServerAuthScheme {
+export interface ServerAuthScheme {
     (server: Server, options: SchemeSettings): SchemeMethodResult;
 }
 
@@ -1688,7 +1690,7 @@ export interface SchemeMethodResult {
     };
 }
 
-interface ServerCacheMethod {
+export interface ServerCacheMethod {
     /**
      * Provisions a cache segment within the server cache facility
      * [See docs](https://hapijs.com/api/16.1.1#servercacheoptions)
@@ -1953,7 +1955,7 @@ export interface RouteHandler {
  * "the function to call, the function signature is identical to a route handler as described in Route handler."
  * [See docs](https://hapijs.com/api/16.1.1#route-prerequisites) Route prerequisites
  */
-type RoutePrerequisiteRequestHandler = RouteHandler;
+export type RoutePrerequisiteRequestHandler = RouteHandler;
 
 /**
  * request extension points: function(request, reply) where
@@ -2013,7 +2015,7 @@ export interface ContinuationValueFunction {
  * Typings also described in part here [See docs](https://hapijs.com/api/16.1.1#response-object)
  */
 export type ReplyValue = _ReplyValue | Promise<_ReplyValue>;
-type _ReplyValue = null | undefined | string | number | boolean | Buffer | Error | stream.Stream | Object; //| array;
+export type _ReplyValue = null | undefined | string | number | boolean | Buffer | Error | stream.Stream | Object; // | array;
 
 /**
  * Reply interface
@@ -2026,7 +2028,7 @@ type _ReplyValue = null | undefined | string | number | boolean | Buffer | Error
  *
  * NOTE: modules should extend this interface to expose reply.Nnn methods
  */
-interface Base_Reply {
+export interface Base_Reply {
     (err?: ReplyValue): Response;
     (err: null, result?: ReplyValue): Response;
     /** the active realm associated with the route. */
@@ -2097,7 +2099,7 @@ interface Base_Reply {
  * [See docs](https://hapijs.com/api/16.1.1#replyerr-result) "With the exception of the handler function, all other methods provide the reply.continue() method which instructs the framework to continue processing the request without setting a response."
  * @param result  if called in the handler, prerequisites, or extension points other than the 'onPreHandler' and 'onPreResponse', the result argument is not allowed and will throw an exception if present. If called within an authentication strategy, it sets the authenticated credentials. If called by the 'onPreHandler' or 'onPreResponse' extensions, the result argument overrides the current response including all headers, and returns control back to the framework to continue processing any remaining extensions.
  */
-interface Continue_Reply {
+export interface Continue_Reply {
     continue(result?: ReplyValue): Response | undefined;
 }
 
@@ -2440,7 +2442,7 @@ export interface ResponseRedirect extends Response {
 /**
  * [See docs](https://hapijs.com/api/16.1.1#response-object) under "response object provides the following methods" > header > options
  */
-interface ResponseHeaderOptionsObject {
+export interface ResponseHeaderOptionsObject {
     /** if true, the value is appended to any existing header value using separator. Defaults to false. */
     append?: boolean;
     /** string used as separator when appending to an existing value. Defaults to ','. */
@@ -2482,7 +2484,7 @@ export interface PluginFunction<OptionsPassedToPlugin> {
  * see Plugin
  * [See docs](https://hapijs.com/api/16.1.1#plugins)
  */
-interface PluginAttributes {
+export interface PluginAttributes {
     /**
      * required plugin name string. The name is used as a unique key. Published plugins should use the same name as the name field in the 'package.json' file. Names must be unique within each application.
      * NOTE: marked as optional as `pkg` can be used instead.
@@ -2515,7 +2517,7 @@ export interface PluginsStates {
  * once, select, routes - optional plugin-specific registration options as defined see PluginRegistrationOptions
  * [See docs](https://hapijs.com/api/16.1.1#serverregisterplugins-options-callback)
  */
-interface PluginRegistrationObject<OptionsPassedToPlugin> extends PluginRegistrationOptions {
+export interface PluginRegistrationObject<OptionsPassedToPlugin> extends PluginRegistrationOptions {
     /** the plugin registration function. */
     register: PluginFunction<OptionsPassedToPlugin>;
     /** optional options passed to the registration function when called. */
@@ -2561,7 +2563,7 @@ export interface PluginRegistrationOptions {
 // };
 //
 
-export module Json {
+export namespace Json {
     /**
      * @see {@link https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/JSON/stringify#The_replacer_parameter}
      */
diff --git a/types/hapi/test/getting-started/01-creating-a-server.ts b/types/hapi/test/getting-started/01-creating-a-server.ts
index ce159b39a4..819ab5108e 100644
--- a/types/hapi/test/getting-started/01-creating-a-server.ts
+++ b/types/hapi/test/getting-started/01-creating-a-server.ts
@@ -1,11 +1,12 @@
+// From https://hapijs.com/tutorials/getting-started#creating-a-server
+
 'use strict';
 
-import * as Hapi from 'hapi';
+import Hapi = require('hapi');
 
 const server = new Hapi.Server();
 server.connection({ port: 3000, host: 'localhost' });
 
-// TODO check error can be of type string
 server.start((err) => {
 
     if (err) {
diff --git a/types/hapi/test/getting-started/02-adding-routes.ts b/types/hapi/test/getting-started/02-adding-routes.ts
index d52916fdf9..db4805366c 100644
--- a/types/hapi/test/getting-started/02-adding-routes.ts
+++ b/types/hapi/test/getting-started/02-adding-routes.ts
@@ -1,6 +1,8 @@
+// from https://hapijs.com/tutorials/getting-started#adding-routes
+
 'use strict';
 
-import * as Hapi from 'hapi';
+import Hapi = require('hapi');
 
 const server = new Hapi.Server();
 server.connection({ port: 3000, host: 'localhost' });
diff --git a/types/hapi/test/getting-started/03-serving-static-content.ts b/types/hapi/test/getting-started/03-serving-static-content.ts
index 4990c3aa40..06200f2b07 100644
--- a/types/hapi/test/getting-started/03-serving-static-content.ts
+++ b/types/hapi/test/getting-started/03-serving-static-content.ts
@@ -1,10 +1,11 @@
 'use strict';
 
-import * as Hapi from 'hapi';
-import Inert from 'inert';
+import Hapi = require('hapi');
+import Inert = require('inert');
 
 const server = new Hapi.Server();
-server.connection({ port: 3000, host: 'localhost' });
+
+// from https://hapijs.com/tutorials/getting-started#creating-static-pages-and-content
 
 server.register(Inert, (err) => {
 
@@ -19,4 +20,4 @@ server.register(Inert, (err) => {
             reply.file('./public/hello.html');
         }
     });
-});
+});
\ No newline at end of file
diff --git a/types/hapi/test/getting-started/04-using-plugins.ts b/types/hapi/test/getting-started/04-using-plugins.ts
index 8260b1a4ab..28d1a1b576 100644
--- a/types/hapi/test/getting-started/04-using-plugins.ts
+++ b/types/hapi/test/getting-started/04-using-plugins.ts
@@ -1,6 +1,8 @@
+// from https://hapijs.com/tutorials/getting-started#using-plugins
+
 'use strict';
 
-import * as Hapi from 'hapi';
+import Hapi = require('hapi');
 const Good = require('good');
 
 const server = new Hapi.Server();
diff --git a/types/hapi/tslint.json b/types/hapi/tslint.json
deleted file mode 100644
index 56c322f9d7..0000000000
--- a/types/hapi/tslint.json
+++ /dev/null
@@ -1,15 +0,0 @@
-{
-	"extends": "dtslint/dt.json",
-	"rules": {
-		"indent": [true, "tabs"],
-
-		// All TODOs
-		"ban-types": false,
-		"callable-types": false,
-		"interface-name": false,
-		"jsdoc-format": false,
-		"max-line-length": false,
-		"no-empty-interface": false,
-		"unified-signatures": false
-	}
-}

From 02389001d7c7b09d69798e29ca49f95c6cac9874 Mon Sep 17 00:00:00 2001
From: Alexander James Phillips <ajp.global@gmail.com>
Date: Sun, 7 May 2017 20:57:39 +0100
Subject: [PATCH 266/321] Fix hapi-auth-jwt2 to work with hapi-v16.1 typings

---
 types/hapi-auth-jwt2/index.d.ts | 208 ++++++++++++++++----------------
 types/hapi/index.d.ts           |   3 +-
 2 files changed, 108 insertions(+), 103 deletions(-)

diff --git a/types/hapi-auth-jwt2/index.d.ts b/types/hapi-auth-jwt2/index.d.ts
index c12a1f8c04..69a8032bc5 100644
--- a/types/hapi-auth-jwt2/index.d.ts
+++ b/types/hapi-auth-jwt2/index.d.ts
@@ -2,125 +2,129 @@
 // Project: http://github.com/dwyl/hapi-auth-jwt2
 // Definitions by: Warren Seymour <http://github.com/warrenseymour>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
-import {Request, Response} from 'hapi';
+import {Request, Response, PluginFunction} from 'hapi';
 
-/**
- * A key lookup function
- *
- * @param decoded the *decoded* but *unverified* JWT received from client
- * @param callback the key lookup callback
- */
-export type KeyLookup = (decoded: any, callback: KeyLookupCallback) => void;
-
-/**
- * Called when key lookup function has completed
- *
- * @param err an internal error
- * @param key the secret key
- * @param extraInfo any additional information that you would like
- * to use in `validateFunc` which can be accessed via
- * `request.plugins['hapi-auth-jwt2'].extraInfo`
- */
-export type KeyLookupCallback = (err: any, key: string, extraInfo?: any) => void;
-
-/**
- * Called when Validation has completed
- *
- * @param err an internal error
- * @param valid `true` if the JWT was valid, otherwise `false`
- * @param credentials alternative credentials to be set instead of `decoded`
- */
-export type ValidateCallback = (err: any, valid: boolean, credentials?: any) => void;
-
-/**
- * Options passed to `hapi.auth.strategy` when this plugin is used
- */
-export interface Options {
-  /**
-   * The secret key used to check the signature of the token *or* a *key lookup function*
-   */
-  key?: string | KeyLookup;
-
-  /**
-   * The function which is run once the Token has been decoded
-   *
-   * @param decoded the *decoded* and *verified* JWT received from the client in *request.headers.authorization*
-   * @param request the original *request* received from the client
-   * @param callback the validation callback
-   */
-  validateFunc(decoded: {}, request: Request, callback: ValidateCallback): void;
-
-  /**
-   * Settings to define how tokens are verified by the jsonwebtoken library
-   */
-  verifyOptions?: {
+declare namespace hapiAuthJwt2 {
     /**
-     * Ignore expired tokens
+     * A key lookup function
+     *
+     * @param decoded the *decoded* but *unverified* JWT received from client
+     * @param callback the key lookup callback
      */
-    ignoreExpiration?: boolean;
+    export type KeyLookup = (decoded: any, callback: KeyLookupCallback) => void;
 
     /**
-     * Do not enforce token audience
+     * Called when key lookup function has completed
+     *
+     * @param err an internal error
+     * @param key the secret key
+     * @param extraInfo any additional information that you would like
+     * to use in `validateFunc` which can be accessed via
+     * `request.plugins['hapi-auth-jwt2'].extraInfo`
      */
-    audience?: boolean;
+    export type KeyLookupCallback = (err: any, key: string, extraInfo?: any) => void;
 
     /**
-     * Do not require the issuer to be valid
+     * Called when Validation has completed
+     *
+     * @param err an internal error
+     * @param valid `true` if the JWT was valid, otherwise `false`
+     * @param credentials alternative credentials to be set instead of `decoded`
      */
-    issuer?: boolean;
+    export type ValidateCallback = (err: any, valid: boolean, credentials?: any) => void;
 
     /**
-     * List of allowed algorithms
+     * Options passed to `hapi.auth.strategy` when this plugin is used
      */
-    algorithms?: string[];
-  };
+    export interface Options {
+        /**
+         * The secret key used to check the signature of the token *or* a *key lookup function*
+         */
+        key?: string | KeyLookup;
 
-  /**
-   * function called to decorate the response with authentication headers
-   * before the response headers or payload is written
-   *
-   * @param request the Request object
-   * @param reply is called if an error occurred
-   */
-  responseFunc?(request: Request, reply: (err: any, response: Response) => void): void;
+        /**
+         * The function which is run once the Token has been decoded
+         *
+         * @param decoded the *decoded* and *verified* JWT received from the client in *request.headers.authorization*
+         * @param request the original *request* received from the client
+         * @param callback the validation callback
+         */
+        validateFunc(decoded: {}, request: Request, callback: ValidateCallback): void;
 
-  /**
-   * If you prefer to pass your token via url, simply add a token url
-   * parameter to your request or use a custom parameter by setting `urlKey.
-   * To disable the url parameter set urlKey to `false` or ''.
-   * @default 'token'
-   */
-  urlKey?: string | boolean;
+        /**
+         * Settings to define how tokens are verified by the jsonwebtoken library
+         */
+        verifyOptions?: {
+            /**
+             * Ignore expired tokens
+             */
+            ignoreExpiration?: boolean;
 
-  /**
-   * If you prefer to set your own cookie key or your project has a cookie
-   * called 'token' for another purpose, you can set a custom key for your
-   * cookie by setting `options.cookieKey='yourkeyhere'`. To disable cookies
-   * set cookieKey to `false` or ''.
-   * @default 'token'
-   */
-  cookieKey?: string | boolean;
+            /**
+             * Do not enforce token audience
+             */
+            audience?: boolean;
 
-  /**
-   * If you want to set a custom key for your header token use the
-   * `headerKey` option. To disable header token set headerKey to `false` or
-   * ''.
-   * @default 'authorization'
-   */
-  headerKey?: string | boolean;
+            /**
+             * Do not require the issuer to be valid
+             */
+            issuer?: boolean;
 
-  /**
-   * Allow custom token type, e.g. `Authorization: <tokenType> 12345678`
-   */
-  tokenType?: string;
+            /**
+             * List of allowed algorithms
+             */
+            algorithms?: string[];
+        };
 
-  /**
-   * Set to `true` to receive the complete token (`decoded.header`,
-   * `decoded.payload` and `decoded.signature`) as decoded argument to key
-   * lookup and `verifyFunc` callbacks (*not `validateFunc`*)
-   * @default false
-   */
-  complete?: boolean;
+        /**
+         * function called to decorate the response with authentication headers
+         * before the response headers or payload is written
+         *
+         * @param request the Request object
+         * @param reply is called if an error occurred
+         */
+        responseFunc?(request: Request, reply: (err: any, response: Response) => void): void;
+
+        /**
+         * If you prefer to pass your token via url, simply add a token url
+         * parameter to your request or use a custom parameter by setting `urlKey.
+         * To disable the url parameter set urlKey to `false` or ''.
+         * @default 'token'
+         */
+        urlKey?: string | boolean;
+
+        /**
+         * If you prefer to set your own cookie key or your project has a cookie
+         * called 'token' for another purpose, you can set a custom key for your
+         * cookie by setting `options.cookieKey='yourkeyhere'`. To disable cookies
+         * set cookieKey to `false` or ''.
+         * @default 'token'
+         */
+        cookieKey?: string | boolean;
+
+        /**
+         * If you want to set a custom key for your header token use the
+         * `headerKey` option. To disable header token set headerKey to `false` or
+         * ''.
+         * @default 'authorization'
+         */
+        headerKey?: string | boolean;
+
+        /**
+         * Allow custom token type, e.g. `Authorization: <tokenType> 12345678`
+         */
+        tokenType?: string;
+
+        /**
+         * Set to `true` to receive the complete token (`decoded.header`,
+         * `decoded.payload` and `decoded.signature`) as decoded argument to key
+         * lookup and `verifyFunc` callbacks (*not `validateFunc`*)
+         * @default false
+         */
+        complete?: boolean;
+    }
 }
 
-export default function hapiAuthJwt2(): void;
+declare var hapiAuthJwt2: PluginFunction<{}>;
+
+export = hapiAuthJwt2;
diff --git a/types/hapi/index.d.ts b/types/hapi/index.d.ts
index a4159770f1..c2bf0ae3f5 100644
--- a/types/hapi/index.d.ts
+++ b/types/hapi/index.d.ts
@@ -1629,7 +1629,8 @@ export interface ServerAuth {
      * @param mode  if set to true (which is the same as 'required') or to a valid authentication mode ('required', 'optional', 'try'), the scheme is automatically assigned as the default strategy for any route without an auth config. Can only be assigned to a single server strategy. Defaults to false (no default settings).
      * @param options  scheme options based on the scheme requirements.
      */
-    strategy(name: string, scheme: string, mode?: boolean | 'required' | 'optional' | 'try', options?: any): void;
+    strategy(name: string, scheme: string, options?: any): void;
+    strategy(name: string, scheme: string, mode: boolean | 'required' | 'optional' | 'try', options?: any): void;
     /**
      * Tests a request against an authentication strategy
      * Note that the test() method does not take into account the route authentication configuration. It also does not perform payload authentication. It is limited to the basic strategy authentication execution. It does not include verifying scope, entity, or other route properties.

From 92c0981ea3682229aa13e3175f4d2ddd8f8dd08d Mon Sep 17 00:00:00 2001
From: Alexander James Phillips <ajp.global@gmail.com>
Date: Sun, 7 May 2017 21:16:40 +0100
Subject: [PATCH 267/321] Fix hapi-auth-jwt2 and hapi-decorators

Remove redundant `export`s inside hapi-auth-jw2 and remove repeated hapi
definitions in hapi-decorators
---
 types/hapi-auth-jwt2/index.d.ts               |  8 +--
 .../hapi-decorators/hapi-decorators-tests.ts  | 12 ++--
 types/hapi-decorators/index.d.ts              | 61 ++-----------------
 3 files changed, 15 insertions(+), 66 deletions(-)

diff --git a/types/hapi-auth-jwt2/index.d.ts b/types/hapi-auth-jwt2/index.d.ts
index 69a8032bc5..2e5826e044 100644
--- a/types/hapi-auth-jwt2/index.d.ts
+++ b/types/hapi-auth-jwt2/index.d.ts
@@ -11,7 +11,7 @@ declare namespace hapiAuthJwt2 {
      * @param decoded the *decoded* but *unverified* JWT received from client
      * @param callback the key lookup callback
      */
-    export type KeyLookup = (decoded: any, callback: KeyLookupCallback) => void;
+    type KeyLookup = (decoded: any, callback: KeyLookupCallback) => void;
 
     /**
      * Called when key lookup function has completed
@@ -22,7 +22,7 @@ declare namespace hapiAuthJwt2 {
      * to use in `validateFunc` which can be accessed via
      * `request.plugins['hapi-auth-jwt2'].extraInfo`
      */
-    export type KeyLookupCallback = (err: any, key: string, extraInfo?: any) => void;
+    type KeyLookupCallback = (err: any, key: string, extraInfo?: any) => void;
 
     /**
      * Called when Validation has completed
@@ -31,12 +31,12 @@ declare namespace hapiAuthJwt2 {
      * @param valid `true` if the JWT was valid, otherwise `false`
      * @param credentials alternative credentials to be set instead of `decoded`
      */
-    export type ValidateCallback = (err: any, valid: boolean, credentials?: any) => void;
+    type ValidateCallback = (err: any, valid: boolean, credentials?: any) => void;
 
     /**
      * Options passed to `hapi.auth.strategy` when this plugin is used
      */
-    export interface Options {
+    interface Options {
         /**
          * The secret key used to check the signature of the token *or* a *key lookup function*
          */
diff --git a/types/hapi-decorators/hapi-decorators-tests.ts b/types/hapi-decorators/hapi-decorators-tests.ts
index 49a112152a..2a6f2df5b3 100644
--- a/types/hapi-decorators/hapi-decorators-tests.ts
+++ b/types/hapi-decorators/hapi-decorators-tests.ts
@@ -4,7 +4,7 @@ import { controller, get, post, put, cache, config, route, validate, Controller
 @controller('/test')
 class TestController implements Controller {
     baseUrl: string;
-    routes: () => hapi.IRouteConfiguration[];
+    routes: () => hapi.RouteConfiguration[];
 
     @get('/')
     @config({
@@ -16,22 +16,22 @@ class TestController implements Controller {
     @validate({
         payload: false
     })
-    getHandler(request: hapi.Request, reply: hapi.IReply) {
+    getHandler(request: hapi.Request, reply: hapi.ReplyNoContinue) {
         reply({ success: true });
     }
 
     @post('/')
-    postHandler(request: hapi.Request, reply: hapi.IReply) {
+    postHandler(request: hapi.Request, reply: hapi.ReplyNoContinue) {
         reply({ success: true });
     }
 
     @put('/{id}')
-    putHandler(request: hapi.Request, reply: hapi.IReply) {
+    putHandler(request: hapi.Request, reply: hapi.ReplyNoContinue) {
         reply({ success: true });
     }
 
     @route('delete', '/{id}')
-    deleteHandler(request: hapi.Request, reply: hapi.IReply) {
+    deleteHandler(request: hapi.Request, reply: hapi.ReplyNoContinue) {
         reply({ success: true });
     }
 }
@@ -50,7 +50,7 @@ class SimpleTestController implements Controller {
     }
 
     baseUrl: string;
-    routes: () => hapi.IRouteConfiguration[];
+    routes: () => hapi.RouteConfiguration[];
 }
 
 server.route(new SimpleTestController('bar').routes());
diff --git a/types/hapi-decorators/index.d.ts b/types/hapi-decorators/index.d.ts
index fc32ae8ad5..2933945e64 100644
--- a/types/hapi-decorators/index.d.ts
+++ b/types/hapi-decorators/index.d.ts
@@ -4,12 +4,13 @@
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 
 import * as hapi from 'hapi';
+import * as Joi from 'joi';
 interface ControllerStatic {
     new (...args: any[]): Controller;
 }
 export interface Controller {
     baseUrl: string;
-    routes: () => hapi.IRouteConfiguration[];
+    routes: () => hapi.RouteConfiguration[];
 }
 export function controller(baseUrl: string): (target: ControllerStatic) => void;
 interface IRouteSetup {
@@ -28,61 +29,9 @@ export const put: IRouteConfig;
 // export const delete: IRouteConfig;
 export const patch: IRouteConfig;
 export const all: IRouteConfig;
-export function config(config: hapi.IRouteAdditionalConfigurationOptions): (target: any, key: any, descriptor: any) => any;
-interface IValidateConfig {
-    /** validation rules for incoming request headers.Values allowed:
-     * trueany headers allowed (no validation performed).This is the default.
-     falseno headers allowed (this will cause all valid HTTP requests to fail).
-        a Joi validation object.
-        a validation function using the signature function(value, options, next) where:
-        valuethe object containing the request headers.
-        optionsthe server validation options.
-        next(err, value)the callback function called when validation is completed.
-        */
-    headers?: boolean | hapi.IJoi | hapi.IValidationFunction;
-    /** validation rules for incoming request path parameters, after matching the path against the route and extracting any parameters then stored in request.params.Values allowed:
-     trueany path parameters allowed (no validation performed).This is the default.
-        falseno path variables allowed.
-        a Joi validation object.
-        a validation function using the signature function(value, options, next) where:
-        valuethe object containing the path parameters.
-        optionsthe server validation options.
-        next(err, value)the callback function called when validation is completed. */
-    params?: boolean | hapi.IJoi | hapi.IValidationFunction;
-    /** validation rules for an incoming request URI query component (the key- value part of the URI between '?' and '#').The query is parsed into its individual key- value pairs (using the qs module) and stored in request.query prior to validation.Values allowed:
-     trueany query parameters allowed (no validation performed).This is the default.
-        falseno query parameters allowed.
-        a Joi validation object.
-        a validation function using the signature function(value, options, next) where:
-        valuethe object containing the query parameters.
-        optionsthe server validation options.
-        next(err, value)the callback function called when validation is completed. */
-    query?: boolean | hapi.IJoi | hapi.IValidationFunction;
-    /**  validation rules for an incoming request payload (request body).Values allowed:
-     trueany payload allowed (no validation performed).This is the default.
-        falseno payload allowed.
-        a Joi validation object.
-        a validation function using the signature function(value, options, next) where:
-        valuethe object containing the payload object.
-        optionsthe server validation options.
-        next(err, value)the callback function called when validation is completed.  */
-    payload?: boolean | hapi.IJoi | hapi.IValidationFunction;
-    /** an optional object with error fields copied into every validation error response. */
-    errorFields?: any;
-    /** determines how to handle invalid requests.Allowed values are:
-     'error'return a Bad Request (400) error response.This is the default value.
-        'log'log the error but continue processing the request.
-        'ignore'take no action.
-        OR a custom error handler function with the signature 'function(request, reply, source, error)` where:
-        requestthe request object.
-        replythe continuation reply interface.
-        sourcethe source of the invalid field (e.g. 'path', 'query', 'payload').
-        errorthe error object prepared for the client response (including the validation function error under error.data). */
-    failAction?: string | hapi.IRouteFailFunction;
-    /** options to pass to Joi.Useful to set global options such as stripUnknown or abortEarly (the complete list is available here: https://github.com/hapijs/joi#validatevalue-schema-options-callback ).Defaults to no options. */
-    options?: any;
-}
-export function validate(config: IValidateConfig): (target: any, key: any, descriptor: any) => any;
+export function config(config: hapi.RouteAdditionalConfigurationOptions): (target: any, key: any, descriptor: any) => any;
+
+export function validate(config: hapi.RouteValidationConfigurationObject): (target: any, key: any, descriptor: any) => any;
 interface ICacheConfig {
     privacy?: string;
     expiresIn?: number;

From 97ff039dc53e6a10397743181cf5fdd645dd6d37 Mon Sep 17 00:00:00 2001
From: Alexander James Phillips <ajp.global@gmail.com>
Date: Mon, 8 May 2017 00:41:29 +0100
Subject: [PATCH 268/321] Add hapi-auth-basic to enable fixing nes properly

---
 .../hapi-auth-basic/hapi-auth-basic-tests.ts  | 40 +++++++++++++++++++
 types/hapi-auth-basic/index.d.ts              | 21 ++++++++++
 types/hapi-auth-basic/tsconfig.json           | 22 ++++++++++
 3 files changed, 83 insertions(+)
 create mode 100644 types/hapi-auth-basic/hapi-auth-basic-tests.ts
 create mode 100644 types/hapi-auth-basic/index.d.ts
 create mode 100644 types/hapi-auth-basic/tsconfig.json

diff --git a/types/hapi-auth-basic/hapi-auth-basic-tests.ts b/types/hapi-auth-basic/hapi-auth-basic-tests.ts
new file mode 100644
index 0000000000..13dd159377
--- /dev/null
+++ b/types/hapi-auth-basic/hapi-auth-basic-tests.ts
@@ -0,0 +1,40 @@
+import Bcrypt = require('bcrypt');
+import Basic = require('hapi-auth-basic');
+import * as Hapi from 'hapi';
+
+const server = new Hapi.Server();
+
+interface User {
+    username: string;
+    password: string;
+    name: string;
+    id: string;
+}
+
+const users: {[index: string]: User} = {
+    john: {
+        username: 'john',
+        password: '$2a$10$iqJSHD.BGr0E2IxQwYgJmeP3NvhPrXAeLSaGCj6IR/XU5QtjVu5Tm',   // 'secret'
+        name: 'John Doe',
+        id: '2133d32a'
+    }
+};
+
+const validate: Basic.ValidateFunc = function (request, username, password, callback) {
+
+    const user = users[username];
+    if (!user) {
+        return callback(null, false);
+    }
+
+    Bcrypt.compare(password, user.password, (err, isValid) => {
+
+        callback(err, isValid, { id: user.id, name: user.name });
+    });
+};
+
+server.register(Basic, (err) => {
+
+    server.auth.strategy('simple', 'basic', { validateFunc: validate });
+    server.route({ method: 'GET', path: '/', config: { auth: 'simple' } });
+});
diff --git a/types/hapi-auth-basic/index.d.ts b/types/hapi-auth-basic/index.d.ts
new file mode 100644
index 0000000000..23b06de111
--- /dev/null
+++ b/types/hapi-auth-basic/index.d.ts
@@ -0,0 +1,21 @@
+// Type definitions for hapi 4.2
+// Project: https://github.com/hapijs/hapi-auth-basic
+// Definitions by: AJP <https://github.com/AJamesPhillips>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+// TypeScript Version: 2.2
+
+import * as Hapi from 'hapi';
+
+declare namespace Basic {
+    interface ValidateFuncCallback {
+        (err: Error | null, isValid: boolean, userCredentials?: any): void;
+    }
+
+    interface ValidateFunc {
+        (request: Hapi.Request, username: string, password: string, callback: ValidateFuncCallback): void;
+    }
+}
+
+declare var Basic: Hapi.PluginFunction<{}>;
+
+export = Basic;
diff --git a/types/hapi-auth-basic/tsconfig.json b/types/hapi-auth-basic/tsconfig.json
new file mode 100644
index 0000000000..de57117fd5
--- /dev/null
+++ b/types/hapi-auth-basic/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",
+        "hapi-auth-basic-tests"
+    ]
+}

From 8006e24a6489abd26cda06eff43fd2b2bfb5618a Mon Sep 17 00:00:00 2001
From: Alexander James Phillips <ajp.global@gmail.com>
Date: Mon, 8 May 2017 00:42:01 +0100
Subject: [PATCH 269/321] POTENTIAL REGRESSION.  Fix nes and add multiple tests

* Potential regression due to not supporting require('nes/client')
  however no working tests to test this against yet.  Added a blank
  test in nes/test/client-require.ts
---
 types/nes/index.d.ts                          | 162 +++++++++++-------
 types/nes/test/broadcast-client.ts            |  12 ++
 types/nes/test/broadcast-server.ts            |  15 ++
 types/nes/test/client-require.ts              |   7 +
 types/nes/{ => test}/nes-tests.ts             |   4 +-
 types/nes/test/route-authentication-client.ts |  12 ++
 types/nes/test/route-authentication-server.ts |  61 +++++++
 types/nes/test/route-invocation-client.ts     |  12 ++
 types/nes/test/route-invocation-server.ts     |  24 +++
 types/nes/test/subscription-filter-client.ts  |  18 ++
 types/nes/test/subscription-filter-server.ts  |  60 +++++++
 types/nes/test/subscriptions-client.ts        |  15 ++
 types/nes/test/subscriptions-server.ts        |  18 ++
 types/nes/tsconfig.json                       |  13 +-
 14 files changed, 371 insertions(+), 62 deletions(-)
 create mode 100644 types/nes/test/broadcast-client.ts
 create mode 100644 types/nes/test/broadcast-server.ts
 create mode 100644 types/nes/test/client-require.ts
 rename types/nes/{ => test}/nes-tests.ts (93%)
 create mode 100644 types/nes/test/route-authentication-client.ts
 create mode 100644 types/nes/test/route-authentication-server.ts
 create mode 100644 types/nes/test/route-invocation-client.ts
 create mode 100644 types/nes/test/route-invocation-server.ts
 create mode 100644 types/nes/test/subscription-filter-client.ts
 create mode 100644 types/nes/test/subscription-filter-server.ts
 create mode 100644 types/nes/test/subscriptions-client.ts
 create mode 100644 types/nes/test/subscriptions-server.ts

diff --git a/types/nes/index.d.ts b/types/nes/index.d.ts
index 6ebc9ee1c0..95c3dd0835 100644
--- a/types/nes/index.d.ts
+++ b/types/nes/index.d.ts
@@ -3,38 +3,70 @@
 // Definitions by: Ivo Stratev <https://github.com/NoHomey>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 
-/// <reference types="hapi" />
+import * as Hapi from 'hapi';
 
-declare module 'nes' {
-    import Hapi = require('hapi');
+declare module 'hapi' {
+    interface Server {
+        broadcast(message: any, options?: nes.ServerBroadcastOptions): void;
+        subscription(path: string, options?: nes.ServerSubscriptionOptions): void;
+        publish(path: string, message: any, options?: nes.ServerPublishOptions): void;
+        eachSocket(each: (socket: SocketClass) => void, options?: nes.ServerEachSocketOptions): void;
+    }
+}
 
-    export interface SocketAuthObject {
+declare class SocketClass {
+    id: any;
+    app: Object;
+    auth: nes.SocketAuthObject;
+    disconect(callback?: () => void): void;
+    send(message: any, callback?: (err?: any) => void): void;
+    publish(path: string, message: any, callback?: (err?: any) => void): void;
+    revoke(path: string, message: any, callback?: (err?: any) => void): void;
+}
+
+declare class RequestClass extends Hapi.Request {
+    socket: SocketClass;
+}
+
+declare class ClientClass {
+    onError: (err: any) => void;
+    onConnect: () => void;
+    onDisconnect: () => void;
+    onUpdate: (message: any) => void;
+    connect(options: nes.ClientConnectOptions, callback: (err?: any) => void): void;
+    connect(callback: (err?: any) => void): void;
+    disconnect(): void;
+    id: any;
+    request(options: string | nes.ClientRequestOptions, callback: (err: any, payload: any, statusCode?: number, headers?: Object) => void): void;
+    message(message: any, callback: (err: any, message: any) => void): void;
+    subscribe(path: string, handler: nes.Handler, callback: (err?: any) => void): void;
+    unsubscribe(path: string, handler: nes.Handler, callback: (err?: any) => void): void;
+    subscriptions(): string[];
+    overrideReconnectionAuth(auth: any): void;
+}
+
+declare module nes {
+    interface Handler {
+        (message: any, flags: nes.ClientSubscribeFlags): void;
+    }
+
+    interface SocketAuthObject {
         isAuthenticated: boolean;
         credentials: any;
         artifacts: any;
     }
 
-    export class Socket {
-        id: any;
-        app: Object;
-        auth: SocketAuthObject;
-        disconect(callback?: () => void): void;
-        send(message: any, callback?: (err?: any) => void): void;
-        publish(path: string, message: any, callback?: (err?: any) => void): void;
-        revoke(path: string, message: any, callback?: (err?: any) => void): void;
-    }
-
-    export interface ServerBroadcastOptions {
+    interface ServerBroadcastOptions {
         user: any
     }
 
-    export interface ServerSubscriptionOptionsFilterOptions {
+    interface ServerSubscriptionOptionsFilterOptions {
         socket: Socket;
         credentials?: any;
         params?: any;
     }
 
-    export interface ServerSubscriptionOptionsAuthOptions {
+    interface ServerSubscriptionOptionsAuthOptions {
         mode?: 'required' | 'optional';
         scope?: string | string[];
         entity?: 'user' | 'app' | 'any';
@@ -49,40 +81,29 @@ declare module 'nes' {
     export type ServerOnUnSubscribeWithoutParams = (socket: Socket, path: string, next: () => void) => void;
     export type ServerOnUnSubscribe = ServerOnUnSubscribeWithParams | ServerOnUnSubscribeWithoutParams;
 
-    export interface ServerSubscriptionOptions {
-        filter?: (path: string, message: any, options: ServerSubscriptionOptionsFilterOptions, next: (isMatch: boolean, override: any) => void) => void;
+    interface ServerSubscriptionOptions {
+        filter?: (path: string, message: any, options: ServerSubscriptionOptionsFilterOptions, next: (isMatch: boolean, override?: any) => void) => void;
         auth?: boolean | ServerSubscriptionOptionsAuthOptions;
         onSubscribe?: ServerOnSubscribe;
         onUnsubscribe?: ServerOnUnSubscribe;
     }
 
-    export interface ServerPublishOptions {
+    interface ServerPublishOptions {
         internal?: any;
         user?: any;
     }
 
-    export interface ServerEachSocketOptions {
+    interface ServerEachSocketOptions {
         subscription?: string;
         user?: any;
     }
 
-    export class Server extends Hapi.Server {
-        broadcast(message: any, options?: ServerBroadcastOptions): void;
-        subscription(path: string, options?: ServerSubscriptionOptions): void;
-        publish(path: string, message: any, options?: ServerPublishOptions): void;
-        eachSocket(each: (socket: Socket) => void, options?: ServerEachSocketOptions): void;
-    }
-
-    export class Request extends Hapi.Request {
-        socket: Socket;
-    }
-
-    export interface ClientOptions {
+    interface ClientOptions {
         ws?: any;
         timeout?: number | boolean;
     }
 
-    export interface ClientConnectOptions {
+    interface ClientConnectOptions {
         auth?: any;
         delay?: number;
         maxDelay?: number;
@@ -90,41 +111,64 @@ declare module 'nes' {
         timeout?: number;
     }
 
-    export interface ClientRequestOptions {
+    interface ClientRequestOptions {
         path: string;
         method?: string;
         headers?: Object;
         payload?: any;
     }
 
-    export interface ClientSubscribeFlags {
+    interface ClientSubscribeFlags {
         revoked?: boolean;
     }
 
-    export class Client {
-        constructor(url: string, options?: ClientOptions);
-        onError: (err: any) => void;
-        onConnect: () => void;
-        onDisconnect: () => void;
-        onUpdate: (message: any) => void;
-        connect(options: ClientConnectOptions, callback: (err?: any) => void): void;
-        connect(callback: (err?: any) => void): void;
-        disconnect(): void;
-        id: any;
-        request(options: string | ClientRequestOptions, callback: (err: any, payload: any, statusCode?: number, headers?: Object) => void): void;
-        message(message: any, callback: (err: any, message: any) => void): void;
-        subscribe(path: string, handler: (message: any, flags: ClientSubscribeFlags) => void, callback: (err?: any) => void): void;
-        unsubscribe(path: string, handler: (message: any, flags: ClientSubscribeFlags) => void, callback: (err?: any) => void): void;
-        subscriptions(): string[];
-        overrideReconnectionAuth(auth: any): void;
+    interface Socket extends SocketClass {
+    }
+
+    interface Server extends Hapi.Server {
+    }
+
+    interface Request extends RequestClass {
+    }
+
+    interface Client extends ClientClass {
     }
 }
 
-declare module 'nes/client' {
-    export {
-        Client,
-        ClientConnectOptions,
-        ClientRequestOptions,
-        ClientSubscribeFlags
-    } from 'nes';
+interface NesResources {
+    Socket: {
+        new(): SocketClass;
+    };
+
+    Server: {
+        new(): Hapi.Server;
+    };
+
+    Request: {
+        new(): RequestClass;
+    };
+
+    Client: {
+        new(url: string, options?: nes.ClientOptions): ClientClass;
+    };
 }
+
+// TODO fix this.  See test/client-require.ts test case.
+declare module 'nes/client' {
+    var nesClient: NesResources;
+
+    export = nesClient;
+
+    // export {
+    //     ClientClass,
+    //     // ClientConnectOptions,
+    //     // ClientRequestOptions,
+    //     // ClientSubscribeFlags
+    // };
+}
+
+interface NesExports extends NesResources, Hapi.PluginFunction<{}> {}
+
+declare var nes: NesExports;
+
+export = nes;
diff --git a/types/nes/test/broadcast-client.ts b/types/nes/test/broadcast-client.ts
new file mode 100644
index 0000000000..1cf8797365
--- /dev/null
+++ b/types/nes/test/broadcast-client.ts
@@ -0,0 +1,12 @@
+// from https://github.com/hapijs/nes#broadcast
+
+import Nes = require('nes');
+
+var client = new Nes.Client('ws://localhost');
+client.connect(function (err) {
+
+    client.onUpdate = function (update) {
+
+        // update -> 'welcome!'
+    };
+});
diff --git a/types/nes/test/broadcast-server.ts b/types/nes/test/broadcast-server.ts
new file mode 100644
index 0000000000..dcfcb3400e
--- /dev/null
+++ b/types/nes/test/broadcast-server.ts
@@ -0,0 +1,15 @@
+// from https://github.com/hapijs/nes#broadcast
+
+import Hapi = require('hapi');
+import Nes = require('nes');
+
+var server = new Hapi.Server();
+server.connection();
+
+server.register(Nes, function (err) {
+
+    server.start(function (err) {
+
+        server.broadcast('welcome!');
+    });
+});
diff --git a/types/nes/test/client-require.ts b/types/nes/test/client-require.ts
new file mode 100644
index 0000000000..90bce07d33
--- /dev/null
+++ b/types/nes/test/client-require.ts
@@ -0,0 +1,7 @@
+// from https://github.com/hapijs/nes/#browser-client
+// When you require('nes') it loads the full module and adds a lot of extra code
+// that is not needed for the browser. The browser will only need the nes client.
+// If you are using CommonJS you can load the client with require('nes/client').
+
+// TODO fix this
+// import nes = require('nes/client');
diff --git a/types/nes/nes-tests.ts b/types/nes/test/nes-tests.ts
similarity index 93%
rename from types/nes/nes-tests.ts
rename to types/nes/test/nes-tests.ts
index effe4e6c94..9dd12ae99a 100644
--- a/types/nes/nes-tests.ts
+++ b/types/nes/test/nes-tests.ts
@@ -1,7 +1,7 @@
 import Hapi = require('hapi');
 import Nes = require('nes');
 
-let server: Hapi.Server = new Hapi.Server();
+var server: Hapi.Server = new Hapi.Server();
 server.connection({port: 8080});
 
 server.register(Nes, (regErr: any) => {
@@ -15,7 +15,7 @@ server.register(Nes, (regErr: any) => {
             method: 'GET',
             path: '/test',
             config: {
-                handler: (request: Hapi.Request, reply: Hapi.IReply) => {
+                handler: (request: Hapi.Request, reply: Hapi.ReplyNoContinue) => {
                     reply({test: 'passes'});
                 }
             }
diff --git a/types/nes/test/route-authentication-client.ts b/types/nes/test/route-authentication-client.ts
new file mode 100644
index 0000000000..b3fd33fe95
--- /dev/null
+++ b/types/nes/test/route-authentication-client.ts
@@ -0,0 +1,12 @@
+// from https://github.com/hapijs/nes#route-authentication
+
+import Nes = require('nes');
+
+var client = new Nes.Client('ws://localhost');
+client.connect({ auth: { headers: { authorization: 'Basic am9objpzZWNyZXQ=' } } }, function (err) {
+
+    client.request('hello', function (err, payload) {   // Can also request '/h'
+
+        // payload -> 'Hello John Doe'
+    });
+});
diff --git a/types/nes/test/route-authentication-server.ts b/types/nes/test/route-authentication-server.ts
new file mode 100644
index 0000000000..5b4634d77d
--- /dev/null
+++ b/types/nes/test/route-authentication-server.ts
@@ -0,0 +1,61 @@
+// from https://github.com/hapijs/nes#route-authentication
+
+import Hapi = require('hapi');
+import Basic = require('hapi-auth-basic');
+import Bcrypt = require('bcrypt');
+import Nes = require('nes');
+
+var server = new Hapi.Server();
+server.connection();
+
+server.register([Basic, Nes], function (err) {
+
+    // Set up HTTP Basic authentication
+
+    interface User {
+        username: string;
+        password: string;
+        name: string;
+        id: string;
+    }
+
+    var users: {[index: string]: User} = {
+        john: {
+            username: 'john',
+            password: '$2a$10$iqJSHD.BGr0E2IxQwYgJmeP3NvhPrXAeLSaGCj6IR/XU5QtjVu5Tm',   // 'secret'
+            name: 'John Doe',
+            id: '2133d32a'
+        }
+    };
+
+    var validate: Basic.ValidateFunc = function (request, username, password, callback) {
+
+        var user = users[username];
+        if (!user) {
+            return callback(null, false);
+        }
+
+        Bcrypt.compare(password, user.password, function (err, isValid) {
+
+            callback(err, isValid, { id: user.id, name: user.name });
+        });
+    };
+
+    server.auth.strategy('simple', 'basic', 'required', { validateFunc: validate });
+
+    // Configure route with authentication
+
+    server.route({
+        method: 'GET',
+        path: '/h',
+        config: {
+            id: 'hello',
+            handler: function (request, reply) {
+
+                return reply('Hello ' + request.auth.credentials.name);
+            }
+        }
+    });
+
+    server.start(function (err) { /* ... */ });
+});
diff --git a/types/nes/test/route-invocation-client.ts b/types/nes/test/route-invocation-client.ts
new file mode 100644
index 0000000000..e25e64e349
--- /dev/null
+++ b/types/nes/test/route-invocation-client.ts
@@ -0,0 +1,12 @@
+// from https://github.com/hapijs/nes#route-invocation
+
+import Nes = require('nes');
+
+var client = new Nes.Client('ws://localhost');
+client.connect(function (err) {
+
+    client.request('hello', function (err, payload) {   // Can also request '/h'
+
+        // payload -> 'world!'
+    });
+});
diff --git a/types/nes/test/route-invocation-server.ts b/types/nes/test/route-invocation-server.ts
new file mode 100644
index 0000000000..c32780baa9
--- /dev/null
+++ b/types/nes/test/route-invocation-server.ts
@@ -0,0 +1,24 @@
+// from https://github.com/hapijs/nes#route-invocation
+
+import Hapi = require('hapi');
+import Nes = require('nes');
+
+var server = new Hapi.Server();
+server.connection();
+
+server.register(Nes, function (err) {
+
+    server.route({
+        method: 'GET',
+        path: '/h',
+        config: {
+            id: 'hello',
+            handler: function (request, reply) {
+
+                return reply('world!');
+            }
+        }
+    });
+
+    server.start(function (err) { /* ... */ });
+});
diff --git a/types/nes/test/subscription-filter-client.ts b/types/nes/test/subscription-filter-client.ts
new file mode 100644
index 0000000000..bd5c9c88f5
--- /dev/null
+++ b/types/nes/test/subscription-filter-client.ts
@@ -0,0 +1,18 @@
+// from https://github.com/hapijs/nes#subscription-filter
+
+import Nes = require('nes');
+
+var client = new Nes.Client('ws://localhost');
+
+// Authenticate as 'john'
+
+client.connect({ auth: { headers: { authorization: 'Basic am9objpzZWNyZXQ=' } } }, function (err) {
+
+    var handler: Nes.Handler = function (err, update) {
+
+        // First publish is not received (filtered due to updater key)
+        // update -> { id: 6, status: 'initial', updater: 'steve' }
+    };
+
+    client.subscribe('/items', handler, function (err) { });
+});
diff --git a/types/nes/test/subscription-filter-server.ts b/types/nes/test/subscription-filter-server.ts
new file mode 100644
index 0000000000..be2dda8d7f
--- /dev/null
+++ b/types/nes/test/subscription-filter-server.ts
@@ -0,0 +1,60 @@
+// from https://github.com/hapijs/nes#subscription-filter
+
+import Hapi = require('hapi');
+import Basic = require('hapi-auth-basic');
+import Bcrypt = require('bcrypt');
+import Nes = require('nes');
+
+var server = new Hapi.Server();
+server.connection();
+
+server.register([Basic, Nes], function (err) {
+
+    // Set up HTTP Basic authentication
+
+    interface User {
+        username: string;
+        password: string;
+        name: string;
+        id: string;
+    }
+
+    var users: {[index: string]: User} = {
+        john: {
+            username: 'john',
+            password: '$2a$10$iqJSHD.BGr0E2IxQwYgJmeP3NvhPrXAeLSaGCj6IR/XU5QtjVu5Tm',   // 'secret'
+            name: 'John Doe',
+            id: '2133d32a'
+        }
+    };
+
+    var validate: Basic.ValidateFunc = function (request, username, password, callback) {
+
+        var user = users[username];
+        if (!user) {
+            return callback(null, false);
+        }
+
+        Bcrypt.compare(password, user.password, function (err, isValid) {
+
+            callback(err, isValid, { id: user.id, name: user.name, username: user.username });
+        });
+    };
+
+    server.auth.strategy('simple', 'basic', 'required', { validateFunc: validate });
+
+    // Set up subscription
+
+    server.subscription('/items', {
+        filter: function (path, message, options, next) {
+
+            return next(message.updater !== options.credentials.username);
+        }
+    });
+
+    server.start(function (err) {
+
+        server.publish('/items', { id: 5, status: 'complete', updater: 'john' });
+        server.publish('/items', { id: 6, status: 'initial', updater: 'steve' });
+    });
+});
diff --git a/types/nes/test/subscriptions-client.ts b/types/nes/test/subscriptions-client.ts
new file mode 100644
index 0000000000..1e33eac40f
--- /dev/null
+++ b/types/nes/test/subscriptions-client.ts
@@ -0,0 +1,15 @@
+// from https://github.com/hapijs/nes#subscriptions
+
+import Nes = require('nes');
+
+var client = new Nes.Client('ws://localhost');
+client.connect(function (err) {
+
+    var handler: Nes.Handler = function (update, flags) {
+
+        // update -> { id: 5, status: 'complete' }
+        // Second publish is not received (doesn't match)
+    };
+
+    client.subscribe('/item/5', handler, function (err) { });
+});
diff --git a/types/nes/test/subscriptions-server.ts b/types/nes/test/subscriptions-server.ts
new file mode 100644
index 0000000000..23212f21ea
--- /dev/null
+++ b/types/nes/test/subscriptions-server.ts
@@ -0,0 +1,18 @@
+// from https://github.com/hapijs/nes#subscriptions
+
+import Hapi = require('hapi');
+import Nes = require('nes');
+
+var server = new Hapi.Server();
+server.connection();
+
+server.register(Nes, function (err) {
+
+    server.subscription('/item/{id}');
+
+    server.start(function (err) {
+
+        server.publish('/item/5', { id: 5, status: 'complete' });
+        server.publish('/item/6', { id: 6, status: 'initial' });
+    });
+});
diff --git a/types/nes/tsconfig.json b/types/nes/tsconfig.json
index 74c7bfef19..a2cd55a5db 100644
--- a/types/nes/tsconfig.json
+++ b/types/nes/tsconfig.json
@@ -17,6 +17,17 @@
     },
     "files": [
         "index.d.ts",
-        "nes-tests.ts"
+        "test/client-require.ts",
+        "test/nes-tests.ts",
+        "test/broadcast-client.ts",
+        "test/broadcast-server.ts",
+        "test/route-authentication-client.ts",
+        "test/route-authentication-server.ts",
+        "test/route-invocation-client.ts",
+        "test/route-invocation-server.ts",
+        "test/subscription-filter-client.ts",
+        "test/subscription-filter-server.ts",
+        "test/subscriptions-client.ts",
+        "test/subscriptions-server.ts"
     ]
 }
\ No newline at end of file

From 89f08736f0993af9797e3b3de02b8a35f4e711fe Mon Sep 17 00:00:00 2001
From: Alexander James Phillips <ajp.global@gmail.com>
Date: Mon, 8 May 2017 00:43:40 +0100
Subject: [PATCH 270/321] Fix Podium tests

---
 types/hapi/index.d.ts        |  12 +--
 types/podium/index.d.ts      | 176 +++++++++++++++++------------------
 types/podium/podium-tests.ts |   4 +-
 3 files changed, 95 insertions(+), 97 deletions(-)

diff --git a/types/hapi/index.d.ts b/types/hapi/index.d.ts
index c2bf0ae3f5..6922f65bd8 100644
--- a/types/hapi/index.d.ts
+++ b/types/hapi/index.d.ts
@@ -40,7 +40,7 @@ import {
 
 import * as Catbox from 'catbox';
 import {MimosOptions} from 'mimos';
-import * as Podium from 'podium';
+import Podium = require('podium');
 import * as Shot from 'shot';
 
 export interface Dictionary<T> {
@@ -54,7 +54,7 @@ export interface Dictionary<T> {
  * [See docs](https://hapijs.com/api/16.1.1#server-properties)
  * [See docs](https://hapijs.com/api/16.1.1#server-events)
  */
-export class Server extends Podium.Podium {
+export class Server extends Podium {
     /**
      * Creates a new Server object
      */
@@ -982,7 +982,7 @@ export type PayLoadOutputOption = 'data' | 'stream' | 'file';
  * * a podium [See docs](https://github.com/hapijs/podium) emitter object.
  * For context [See docs](https://hapijs.com/api/16.1.1#servereventevents) > events parameter
  */
-export type ApplicationEvent = string | ApplicationEventOptionsObject | Podium.Podium;
+export type ApplicationEvent = string | ApplicationEventOptionsObject | Podium;
 
 /**
  * an event options object
@@ -1727,7 +1727,7 @@ export interface ServerCacheMethod {
  * [See docs](https://hapijs.com/api/16.1.1#request-object)
  * [See docs](https://hapijs.com/api/16.1.1#request-properties)
  */
-export class Request extends Podium.Podium {
+export class Request extends Podium {
     /** application-specific state. Provides a safe place to store application data without potential conflicts with the framework. Should not be used by plugins which should use plugins[name]. */
     app: any;
     /** authentication information */
@@ -2228,11 +2228,11 @@ export interface ReplyNoContinue extends Base_Reply {}
  * Response object
  * [See docs](https://hapijs.com/api/16.1.1#response-object)
  *
- * TODO, check extending from Podium.Podium is correct.  Extending because of "The response object supports the following events" [See docs](https://hapijs.com/api/16.1.1#response-events)
+ * TODO, check extending from Podium is correct.  Extending because of "The response object supports the following events" [See docs](https://hapijs.com/api/16.1.1#response-events)
  *  * 'peek' - emitted for each chunk of data written back to the client connection. The event method signature is function(chunk, encoding).
  *  * 'finish' - emitted when the response finished writing but before the client response connection is ended. The event method signature is function ().
  */
-export interface Response extends Podium.Podium {
+export interface Response extends Podium {
     /** the HTTP response status code. Defaults to 200 (except for errors). */
     statusCode: number;
     /** an object containing the response headers where each key is a header field name. Note that this is an incomplete list of headers to be included with the response. Additional headers will be added once the response is prepared for transmission. */
diff --git a/types/podium/index.d.ts b/types/podium/index.d.ts
index 0d62740479..cf89d57f82 100644
--- a/types/podium/index.d.ts
+++ b/types/podium/index.d.ts
@@ -4,29 +4,27 @@
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 // TypeScript Version: 2.2
 
-
 /**
  * Podium
  * Node (semi) compatible event emitter with extra features.
  * podium is an event emitter with support for tags, filters, channels, event update cloning, arguments spreading, and other features useful when building large scale applications. While node's native EventEmitter is strictly focused on maximum performance, it lacks many features that do not belong in the core implementation. podium is not restricted by node's performance requirement as it is designed for application layer needs where it's overhead is largely insignificant as implementing these features will have similar cost on top of the native emitter.
  * @see {@link https://github.com/hapijs/podium}
  */
-// declare class Podium {
-export class Podium {
+interface Podium {
     /**
      * Creates a new podium emitter
      * @param events  if present, the value is passed to podium.registerEvent().
      */
-    constructor(events?: Events[]);
-    constructor(events?: Events);
+    new(events?: Podium.Events[]): Podium;
+    new(events?: Podium.Events): Podium;
 
     /**
      * podium.registerEvent(events)
      * Register the specified events and their optional configuration. Events must be registered before they can be emitted or subscribed to. This is done to detect event name mispelling and invalid event activities.
      * @see {@link https://github.com/hapijs/podium/blob/master/API.md#podiumregistereventevents}
      */
-    registerEvent(events: Events[]): void;
-    registerEvent(events: Events): void;
+    registerEvent(events: Podium.Events[]): void;
+    registerEvent(events: Podium.Events): void;
 
     /**
      * podium.registerPodium(podiums)
@@ -54,7 +52,7 @@ export class Podium {
      * @param listener  the handler method set to receive event updates. The function signature depends on the block, spread, and tags options.
      * @see {@link https://github.com/hapijs/podium/blob/master/API.md#podiumoncriteria-listener}
      */
-    on(criteria: string | Criteria, listener: Listener): void;
+    on(criteria: string | Podium.Criteria, listener: Podium.Listener): void;
 
     /**
      * podium.addListener(criteria, listener)
@@ -63,7 +61,7 @@ export class Podium {
      * @param listener  the handler method set to receive event updates. The function signature depends on the block, spread, and tags options.
      * @see {@link https://github.com/hapijs/podium/blob/master/API.md#podiumoncriteria-listener}
      */
-    addListener(criteria: string | Criteria, listener: Listener): void;
+    addListener(criteria: string | Podium.Criteria, listener: Podium.Listener): void;
 
     /**
      * podium.once(criteria, listener)
@@ -72,7 +70,7 @@ export class Podium {
      * @param listener  the handler method set to receive event updates. The function signature depends on the block, spread, and tags options.
      * @see {@link https://github.com/hapijs/podium/blob/master/API.md#podiumoncriteria-listener}
      */
-    once(criteria: string | Criteria, listener: Listener): void;
+    once(criteria: string | Podium.Criteria, listener: Podium.Listener): void;
 
     /**
      * podium.removeListener(name, listener)
@@ -82,7 +80,7 @@ export class Podium {
      * Returns a reference to the current emitter.
      * @see {@link https://github.com/hapijs/podium/blob/master/API.md#podiumremovelistenername-listener}
      */
-    removeListener(name: string, listener: Listener): Podium;
+    removeListener(name: string, listener: Podium.Listener): Podium;
 
     /**
      * podium.removeAllListeners(name)
@@ -103,86 +101,86 @@ export class Podium {
     hasListeners(name: string): boolean;
 }
 
-/**
- * @see {@link https://github.com/hapijs/podium/blob/master/API.md#podiumregistereventevents}
- */
-export type Events = string | EventOptionsObject | Podium;
-
-/**
- * @see {@link https://github.com/hapijs/podium/blob/master/API.md#podiumregistereventevents}
- */
-export interface EventOptionsObject {
-    /** the event name string (required). */
-    name: string;
-    /** a string or array of strings specifying the event channels available. Defaults to no channel restrictions (event updates can specify a channel or not). */
-    channels?: string | string[];
-    /** if true, the data object passed to podium.emit() is cloned before it is passed to the listeners (unless an override specified by each listener). Defaults to false (data is passed as-is). */
-    clone?: boolean;
-    /** if true, the data object passed to podium.emit() must be an array and the listener method is called with each array element passed as a separate argument (unless an override specified by each listener). This should only be used when the emitted data structure is known and predictable. Defaults to false (data is emitted as a single argument regardless of its type). */
-    spread?: boolean;
-    /** if true and the criteria object passed to podium.emit() includes tags, the tags are mapped to an object (where each tag string is the key and the value is true) which is appended to the arguments list at the end (but before the callback argument if block is set). A configuration override can be set by each listener. Defaults to false. */
-    tags?: boolean;
-    /** if true, the same event name can be registered multiple times where the second registration is ignored. Note that if the registration config is changed between registrations, only the first configuration is used. Defaults to false (a duplicate registration will throw an error). */
-    shared?: boolean;
-}
-
-/**
- * @see {@link https://github.com/hapijs/podium/blob/master/API.md#podiumoncriteria-listener}
- * @see {@link https://github.com/hapijs/podium/blob/master/API.md#podiumaddlistenercriteria-listener}
- * @see {@link https://github.com/hapijs/podium/blob/master/API.md#podiumoncecriteria-listener}
- */
-export interface CriteriaObject {
-    /** the event name string (required). */
-    name: string;
-    /** if true, the listener method receives an additional callback argument which must be called when the method completes. No other event will be emitted until the callback methods is called. The method signature is function(). If block is set to a positive integer, the value is used to set a timeout after which any pending events will be emitted, ignoring the eventual call to callback. Defaults to false (non blocking). */
-    block?: boolean | number;
-    /** a string or array of strings specifying the event channels to subscribe to. If the event registration specified a list of allowed channels, the channels array must match the allowed channels. If channels are specified, event updates without any channel designation will not be included in the subscription. Defaults to no channels filter. */
-    channels?: string | string[];
-    /** if true, the data object passed to podium.emit() is cloned before it is passed to the listener method. Defaults to the event registration option (which defaults to false). */
-    clone?: boolean;
-    /** a positive integer indicating the number of times the listener can be called after which the subscription is automatically removed. A count of 1 is the same as calling podium.once(). Defaults to no limit. */
-    count?: number;
+declare namespace Podium {
     /**
-     * the event tags (if present) to subscribe to which can be one of:
-     *  * a tag string.
-     *  * an array of tag strings.
-     *  * an object with the following:
+     * @see {@link https://github.com/hapijs/podium/blob/master/API.md#podiumregistereventevents}
      */
-    filter?: string | string[] | CriteriaFilterOptionsObject;
-    /** if true, and the data object passed to podium.emit() is an array, the listener method is called with each array element passed as a separate argument. This should only be used when the emitted data structure is known and predictable. Defaults to the event registration option (which defaults to false). */
-    spread?: boolean;
-    /** if true and the criteria object passed to podium.emit() includes tags, the tags are mapped to an object (where each tag string is the key and the value is true) which is appended to the arguments list at the end (but before the callback argument if block is set). Defaults to the event registration option (which defaults to false). */
-    tags?: boolean;
-    /** the handler method set to receive event updates. The function signature depends on the block, spread, and tags options. */
-    listener?: Listener;
+    export type Events = string | EventOptionsObject | Podium;
+
+    /**
+     * @see {@link https://github.com/hapijs/podium/blob/master/API.md#podiumregistereventevents}
+     */
+    export interface EventOptionsObject {
+        /** the event name string (required). */
+        name: string;
+        /** a string or array of strings specifying the event channels available. Defaults to no channel restrictions (event updates can specify a channel or not). */
+        channels?: string | string[];
+        /** if true, the data object passed to podium.emit() is cloned before it is passed to the listeners (unless an override specified by each listener). Defaults to false (data is passed as-is). */
+        clone?: boolean;
+        /** if true, the data object passed to podium.emit() must be an array and the listener method is called with each array element passed as a separate argument (unless an override specified by each listener). This should only be used when the emitted data structure is known and predictable. Defaults to false (data is emitted as a single argument regardless of its type). */
+        spread?: boolean;
+        /** if true and the criteria object passed to podium.emit() includes tags, the tags are mapped to an object (where each tag string is the key and the value is true) which is appended to the arguments list at the end (but before the callback argument if block is set). A configuration override can be set by each listener. Defaults to false. */
+        tags?: boolean;
+        /** if true, the same event name can be registered multiple times where the second registration is ignored. Note that if the registration config is changed between registrations, only the first configuration is used. Defaults to false (a duplicate registration will throw an error). */
+        shared?: boolean;
+    }
+
+    /**
+     * @see {@link https://github.com/hapijs/podium/blob/master/API.md#podiumoncriteria-listener}
+     * @see {@link https://github.com/hapijs/podium/blob/master/API.md#podiumaddlistenercriteria-listener}
+     * @see {@link https://github.com/hapijs/podium/blob/master/API.md#podiumoncecriteria-listener}
+     */
+    export interface CriteriaObject {
+        /** the event name string (required). */
+        name: string;
+        /** if true, the listener method receives an additional callback argument which must be called when the method completes. No other event will be emitted until the callback methods is called. The method signature is function(). If block is set to a positive integer, the value is used to set a timeout after which any pending events will be emitted, ignoring the eventual call to callback. Defaults to false (non blocking). */
+        block?: boolean | number;
+        /** a string or array of strings specifying the event channels to subscribe to. If the event registration specified a list of allowed channels, the channels array must match the allowed channels. If channels are specified, event updates without any channel designation will not be included in the subscription. Defaults to no channels filter. */
+        channels?: string | string[];
+        /** if true, the data object passed to podium.emit() is cloned before it is passed to the listener method. Defaults to the event registration option (which defaults to false). */
+        clone?: boolean;
+        /** a positive integer indicating the number of times the listener can be called after which the subscription is automatically removed. A count of 1 is the same as calling podium.once(). Defaults to no limit. */
+        count?: number;
+        /**
+         * the event tags (if present) to subscribe to which can be one of:
+         *  * a tag string.
+         *  * an array of tag strings.
+         *  * an object with the following:
+         */
+        filter?: string | string[] | CriteriaFilterOptionsObject;
+        /** if true, and the data object passed to podium.emit() is an array, the listener method is called with each array element passed as a separate argument. This should only be used when the emitted data structure is known and predictable. Defaults to the event registration option (which defaults to false). */
+        spread?: boolean;
+        /** if true and the criteria object passed to podium.emit() includes tags, the tags are mapped to an object (where each tag string is the key and the value is true) which is appended to the arguments list at the end (but before the callback argument if block is set). Defaults to the event registration option (which defaults to false). */
+        tags?: boolean;
+        /** the handler method set to receive event updates. The function signature depends on the block, spread, and tags options. */
+        listener?: Listener;
+    }
+
+    /**
+     * @see {@link https://github.com/hapijs/podium/blob/master/API.md#podiumoncriteria-listener}
+     */
+    export interface CriteriaFilterOptionsObject {
+        /** a tag string or array of tag strings. */
+        tags?: string | string[];
+        /** if true, all tags must be present for the event update to match the subscription. Defaults to false (at least one matching tag). */
+        all?: boolean;
+    }
+
+    /**
+     * @see {@link https://github.com/hapijs/podium/blob/master/API.md#podiumoncriteria-listener}
+     */
+    export type Criteria = string | CriteriaObject;
+
+    /**
+     * @see {@link https://github.com/hapijs/podium/blob/master/API.md#podiumoncriteria-listener}
+     */
+    export interface Listener {
+    (data: any, tags?: Tags, callback?: () => void): void;
+    }
+
+    export type Tags = {[tag: string]: boolean};
 }
 
-/**
- * @see {@link https://github.com/hapijs/podium/blob/master/API.md#podiumoncriteria-listener}
- */
-export interface CriteriaFilterOptionsObject {
-    /** a tag string or array of tag strings. */
-    tags?: string | string[];
-    /** if true, all tags must be present for the event update to match the subscription. Defaults to false (at least one matching tag). */
-    all?: boolean;
-}
+declare var Podium: Podium;
 
-/**
- * @see {@link https://github.com/hapijs/podium/blob/master/API.md#podiumoncriteria-listener}
- */
-export type Criteria = string | CriteriaObject;
-
-/**
- * @see {@link https://github.com/hapijs/podium/blob/master/API.md#podiumoncriteria-listener}
- */
-export interface Listener {
-(data: any, tags?: Tags, callback?: () => void): void;
-}
-
-export type Tags = {[tag: string]: boolean};
-
-// export = Podium;
-
-// declare namespace Podium {
-//     type Tags = {[tag: string]: boolean};
-// }
+export = Podium;
diff --git a/types/podium/podium-tests.ts b/types/podium/podium-tests.ts
index f5cee6bbec..1717d2af1a 100644
--- a/types/podium/podium-tests.ts
+++ b/types/podium/podium-tests.ts
@@ -1,4 +1,5 @@
-/*
+/// <reference types="node" />
+
 import Podium = require('podium');
 const podiumObject = new Podium(); // new emitter
 
@@ -30,4 +31,3 @@ podiumObject.addListener('event1',listener1);
 // podium.once(criteria, listener) Same as calling podium.on() with the count option set to 1. Whenever we call emit(), listener1 will get fired but also get removed, so that it won't get fired on call to emit().
 
 podiumObject.once('event1',listener1);
-*/

From cde29f0e172e627b818d3ded3b8b91dce303d90d Mon Sep 17 00:00:00 2001
From: Alexander James Phillips <ajp.global@gmail.com>
Date: Mon, 8 May 2017 00:46:34 +0100
Subject: [PATCH 271/321] Fix hapi-auth-basic tsconfig

---
 types/hapi-auth-basic/tsconfig.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/types/hapi-auth-basic/tsconfig.json b/types/hapi-auth-basic/tsconfig.json
index de57117fd5..9e26f11c47 100644
--- a/types/hapi-auth-basic/tsconfig.json
+++ b/types/hapi-auth-basic/tsconfig.json
@@ -17,6 +17,6 @@
     },
     "files": [
         "index.d.ts",
-        "hapi-auth-basic-tests"
+        "hapi-auth-basic-tests.ts"
     ]
 }

From 8ce61979e5d3e3620ae8fce0f477187ca763bbb3 Mon Sep 17 00:00:00 2001
From: Alexander James Phillips <ajp.global@gmail.com>
Date: Mon, 8 May 2017 00:54:12 +0100
Subject: [PATCH 272/321] Move v15 hapi code back to v16 now that all tests are
 passing

---
 types/hapi/{v15 => v16}/hapi-tests.ts | 0
 types/hapi/{v15 => v16}/index.d.ts    | 2 +-
 types/hapi/{v15 => v16}/tsconfig.json | 2 +-
 3 files changed, 2 insertions(+), 2 deletions(-)
 rename types/hapi/{v15 => v16}/hapi-tests.ts (100%)
 rename types/hapi/{v15 => v16}/index.d.ts (99%)
 rename types/hapi/{v15 => v16}/tsconfig.json (95%)

diff --git a/types/hapi/v15/hapi-tests.ts b/types/hapi/v16/hapi-tests.ts
similarity index 100%
rename from types/hapi/v15/hapi-tests.ts
rename to types/hapi/v16/hapi-tests.ts
diff --git a/types/hapi/v15/index.d.ts b/types/hapi/v16/index.d.ts
similarity index 99%
rename from types/hapi/v15/index.d.ts
rename to types/hapi/v16/index.d.ts
index 2a59422c69..6fdef94dec 100644
--- a/types/hapi/v15/index.d.ts
+++ b/types/hapi/v16/index.d.ts
@@ -1,4 +1,4 @@
-// Type definitions for hapi 15.0
+// Type definitions for hapi 16.0
 // Project: http://github.com/spumko/hapi
 // Definitions by: Jason Swearingen <http://github.com/jasonswearingen>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
diff --git a/types/hapi/v15/tsconfig.json b/types/hapi/v16/tsconfig.json
similarity index 95%
rename from types/hapi/v15/tsconfig.json
rename to types/hapi/v16/tsconfig.json
index 4a54b80605..dc9efa3519 100644
--- a/types/hapi/v15/tsconfig.json
+++ b/types/hapi/v16/tsconfig.json
@@ -14,7 +14,7 @@
         "types": [],
         "paths": {
             "hapi": [
-                "hapi/v15"
+                "hapi/v16"
             ]
         },
         "noEmit": true,

From 7894a7eb25f17802302a98a65453a505daa40e4b Mon Sep 17 00:00:00 2001
From: Alexander James Phillips <ajp.global@gmail.com>
Date: Mon, 8 May 2017 00:57:09 +0100
Subject: [PATCH 273/321] Move v16 hapi code to v16.0

---
 types/hapi/{v16 => v16.0}/hapi-tests.ts | 0
 types/hapi/{v16 => v16.0}/index.d.ts    | 0
 types/hapi/{v16 => v16.0}/tsconfig.json | 2 +-
 3 files changed, 1 insertion(+), 1 deletion(-)
 rename types/hapi/{v16 => v16.0}/hapi-tests.ts (100%)
 rename types/hapi/{v16 => v16.0}/index.d.ts (100%)
 rename types/hapi/{v16 => v16.0}/tsconfig.json (94%)

diff --git a/types/hapi/v16/hapi-tests.ts b/types/hapi/v16.0/hapi-tests.ts
similarity index 100%
rename from types/hapi/v16/hapi-tests.ts
rename to types/hapi/v16.0/hapi-tests.ts
diff --git a/types/hapi/v16/index.d.ts b/types/hapi/v16.0/index.d.ts
similarity index 100%
rename from types/hapi/v16/index.d.ts
rename to types/hapi/v16.0/index.d.ts
diff --git a/types/hapi/v16/tsconfig.json b/types/hapi/v16.0/tsconfig.json
similarity index 94%
rename from types/hapi/v16/tsconfig.json
rename to types/hapi/v16.0/tsconfig.json
index dc9efa3519..47cd935a2b 100644
--- a/types/hapi/v16/tsconfig.json
+++ b/types/hapi/v16.0/tsconfig.json
@@ -14,7 +14,7 @@
         "types": [],
         "paths": {
             "hapi": [
-                "hapi/v16"
+                "hapi/v16.0"
             ]
         },
         "noEmit": true,

From 91fe980714f0a2274e915de18b057dc453f06c30 Mon Sep 17 00:00:00 2001
From: Alexander James Phillips <ajp.global@gmail.com>
Date: Mon, 8 May 2017 01:06:20 +0100
Subject: [PATCH 274/321] Revert "Move v15 hapi code to v16.0"

This reverts commit 7894a7eb25f17802302a98a65453a505daa40e4b.
and commit 8ce61979e5d3e3620ae8fce0f477187ca763bbb3
---
 types/hapi/{v16.0 => v15}/hapi-tests.ts | 0
 types/hapi/{v16.0 => v15}/index.d.ts    | 2 +-
 types/hapi/{v16.0 => v15}/tsconfig.json | 2 +-
 3 files changed, 2 insertions(+), 2 deletions(-)
 rename types/hapi/{v16.0 => v15}/hapi-tests.ts (100%)
 rename types/hapi/{v16.0 => v15}/index.d.ts (99%)
 rename types/hapi/{v16.0 => v15}/tsconfig.json (94%)

diff --git a/types/hapi/v16.0/hapi-tests.ts b/types/hapi/v15/hapi-tests.ts
similarity index 100%
rename from types/hapi/v16.0/hapi-tests.ts
rename to types/hapi/v15/hapi-tests.ts
diff --git a/types/hapi/v16.0/index.d.ts b/types/hapi/v15/index.d.ts
similarity index 99%
rename from types/hapi/v16.0/index.d.ts
rename to types/hapi/v15/index.d.ts
index 6fdef94dec..2a59422c69 100644
--- a/types/hapi/v16.0/index.d.ts
+++ b/types/hapi/v15/index.d.ts
@@ -1,4 +1,4 @@
-// Type definitions for hapi 16.0
+// Type definitions for hapi 15.0
 // Project: http://github.com/spumko/hapi
 // Definitions by: Jason Swearingen <http://github.com/jasonswearingen>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
diff --git a/types/hapi/v16.0/tsconfig.json b/types/hapi/v15/tsconfig.json
similarity index 94%
rename from types/hapi/v16.0/tsconfig.json
rename to types/hapi/v15/tsconfig.json
index 47cd935a2b..4a54b80605 100644
--- a/types/hapi/v16.0/tsconfig.json
+++ b/types/hapi/v15/tsconfig.json
@@ -14,7 +14,7 @@
         "types": [],
         "paths": {
             "hapi": [
-                "hapi/v16.0"
+                "hapi/v15"
             ]
         },
         "noEmit": true,

From 10f421bb830163ddb6c1d9c6adfb5abb7a93f5db Mon Sep 17 00:00:00 2001
From: Alexander James Phillips <ajp.global@gmail.com>
Date: Mon, 8 May 2017 12:35:40 +0100
Subject: [PATCH 275/321] Fix importing nes/client

---
 .../hapi-auth-basic/hapi-auth-basic-tests.ts  |  4 +-
 types/nes/client.d.ts                         | 57 +++++++++++
 types/nes/index.d.ts                          | 95 +++++--------------
 types/nes/test/broadcast-client.ts            | 13 +++
 types/nes/test/client-require.ts              |  9 +-
 types/nes/test/nes-tests.ts                   |  4 +-
 types/nes/test/route-authentication-client.ts | 13 +++
 types/nes/test/route-invocation-client.ts     | 13 +++
 types/nes/test/subscription-filter-client.ts  | 19 ++++
 types/nes/test/subscriptions-client.ts        | 16 ++++
 types/nes/tsconfig.json                       |  1 +
 11 files changed, 168 insertions(+), 76 deletions(-)
 create mode 100644 types/nes/client.d.ts

diff --git a/types/hapi-auth-basic/hapi-auth-basic-tests.ts b/types/hapi-auth-basic/hapi-auth-basic-tests.ts
index 13dd159377..7f78fe9f65 100644
--- a/types/hapi-auth-basic/hapi-auth-basic-tests.ts
+++ b/types/hapi-auth-basic/hapi-auth-basic-tests.ts
@@ -1,3 +1,5 @@
+// from https://github.com/hapijs/hapi-auth-basic#hapi-auth-basic
+
 import Bcrypt = require('bcrypt');
 import Basic = require('hapi-auth-basic');
 import * as Hapi from 'hapi';
@@ -14,7 +16,7 @@ interface User {
 const users: {[index: string]: User} = {
     john: {
         username: 'john',
-        password: '$2a$10$iqJSHD.BGr0E2IxQwYgJmeP3NvhPrXAeLSaGCj6IR/XU5QtjVu5Tm',   // 'secret'
+        password: '$2a$10$iqJSHD.BGr0E2IxQwYgJmeP3NvhPrXAeLSaGCj6IR/XU5QtjVu5Tm',  // 'secret'
         name: 'John Doe',
         id: '2133d32a'
     }
diff --git a/types/nes/client.d.ts b/types/nes/client.d.ts
new file mode 100644
index 0000000000..d41f5a608a
--- /dev/null
+++ b/types/nes/client.d.ts
@@ -0,0 +1,57 @@
+// Type definitions for nes 6.4.2
+// Project: https://github.com/hapijs/nes
+// Definitions by: Ivo Stratev <https://github.com/NoHomey>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+
+declare module 'nes/client' {
+
+    class Client {
+        constructor(url: string, options?: Client.ClientOptions);
+        onError: (err: any) => void;
+        onConnect: () => void;
+        onDisconnect: () => void;
+        onUpdate: (message: any) => void;
+        connect(options: Client.ClientConnectOptions, callback: (err?: any) => void): void;
+        connect(callback: (err?: any) => void): void;
+        disconnect(): void;
+        id: any;
+        request(options: string | Client.ClientRequestOptions, callback: (err: any, payload: any, statusCode?: number, headers?: Object) => void): void;
+        message(message: any, callback: (err: any, message: any) => void): void;
+        subscribe(path: string, handler: Client.Handler, callback: (err?: any) => void): void;
+        unsubscribe(path: string, handler: Client.Handler, callback: (err?: any) => void): void;
+        subscriptions(): string[];
+        overrideReconnectionAuth(auth: any): void;
+    }
+
+    namespace Client {
+        interface Handler {
+            (message: any, flags: Client.ClientSubscribeFlags): void;
+        }
+
+        interface ClientOptions {
+            ws?: any;
+            timeout?: number | boolean;
+        }
+
+        interface ClientConnectOptions {
+            auth?: any;
+            delay?: number;
+            maxDelay?: number;
+            retries?: number;
+            timeout?: number;
+        }
+
+        interface ClientRequestOptions {
+            path: string;
+            method?: string;
+            headers?: Object;
+            payload?: any;
+        }
+
+        interface ClientSubscribeFlags {
+            revoked?: boolean;
+        }
+    }
+
+    export = Client;
+}
diff --git a/types/nes/index.d.ts b/types/nes/index.d.ts
index 95c3dd0835..fa33e53ba4 100644
--- a/types/nes/index.d.ts
+++ b/types/nes/index.d.ts
@@ -4,6 +4,7 @@
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 
 import * as Hapi from 'hapi';
+import NesClient = require('nes/client');
 
 declare module 'hapi' {
     interface Server {
@@ -12,6 +13,10 @@ declare module 'hapi' {
         publish(path: string, message: any, options?: nes.ServerPublishOptions): void;
         eachSocket(each: (socket: SocketClass) => void, options?: nes.ServerEachSocketOptions): void;
     }
+
+    interface Request {
+        socket: SocketClass;
+    }
 }
 
 declare class SocketClass {
@@ -24,32 +29,7 @@ declare class SocketClass {
     revoke(path: string, message: any, callback?: (err?: any) => void): void;
 }
 
-declare class RequestClass extends Hapi.Request {
-    socket: SocketClass;
-}
-
-declare class ClientClass {
-    onError: (err: any) => void;
-    onConnect: () => void;
-    onDisconnect: () => void;
-    onUpdate: (message: any) => void;
-    connect(options: nes.ClientConnectOptions, callback: (err?: any) => void): void;
-    connect(callback: (err?: any) => void): void;
-    disconnect(): void;
-    id: any;
-    request(options: string | nes.ClientRequestOptions, callback: (err: any, payload: any, statusCode?: number, headers?: Object) => void): void;
-    message(message: any, callback: (err: any, message: any) => void): void;
-    subscribe(path: string, handler: nes.Handler, callback: (err?: any) => void): void;
-    unsubscribe(path: string, handler: nes.Handler, callback: (err?: any) => void): void;
-    subscriptions(): string[];
-    overrideReconnectionAuth(auth: any): void;
-}
-
 declare module nes {
-    interface Handler {
-        (message: any, flags: nes.ClientSubscribeFlags): void;
-    }
-
     interface SocketAuthObject {
         isAuthenticated: boolean;
         credentials: any;
@@ -98,44 +78,29 @@ declare module nes {
         user?: any;
     }
 
-    interface ClientOptions {
-        ws?: any;
-        timeout?: number | boolean;
-    }
+    interface Socket extends SocketClass {}
 
-    interface ClientConnectOptions {
-        auth?: any;
-        delay?: number;
-        maxDelay?: number;
-        retries?: number;
-        timeout?: number;
-    }
+    interface Server extends Hapi.Server {}
 
-    interface ClientRequestOptions {
-        path: string;
-        method?: string;
-        headers?: Object;
-        payload?: any;
-    }
+    interface Request extends Hapi.Request {}
 
-    interface ClientSubscribeFlags {
-        revoked?: boolean;
-    }
+    interface Client extends NesClient {}
 
-    interface Socket extends SocketClass {
-    }
+    interface Handler extends NesClient.Handler {}
 
-    interface Server extends Hapi.Server {
-    }
+    interface ClientOptions extends NesClient.ClientOptions {}
 
-    interface Request extends RequestClass {
-    }
+    interface ClientConnectOptions extends NesClient.ClientConnectOptions {}
 
-    interface Client extends ClientClass {
-    }
+    interface ClientRequestOptions extends NesClient.ClientRequestOptions {}
+
+    interface ClientSubscribeFlags extends NesClient.ClientSubscribeFlags {}
 }
 
-interface NesResources {
+// TODO there must be a drier cleaner way of doing this that allows for the
+// export to have be of type Hapi.PluginFunction whilst also exposing the
+// type and class of Client, Request, etc.
+interface NesClassExports {
     Socket: {
         new(): SocketClass;
     };
@@ -145,30 +110,16 @@ interface NesResources {
     };
 
     Request: {
-        new(): RequestClass;
+        new(): Hapi.Request;
     };
 
     Client: {
-        new(url: string, options?: nes.ClientOptions): ClientClass;
+        new(url: string, options?: NesClient.ClientOptions): NesClient;
     };
 }
 
-// TODO fix this.  See test/client-require.ts test case.
-declare module 'nes/client' {
-    var nesClient: NesResources;
+interface NesAllExports extends NesClassExports, Hapi.PluginFunction<{}> {}
 
-    export = nesClient;
-
-    // export {
-    //     ClientClass,
-    //     // ClientConnectOptions,
-    //     // ClientRequestOptions,
-    //     // ClientSubscribeFlags
-    // };
-}
-
-interface NesExports extends NesResources, Hapi.PluginFunction<{}> {}
-
-declare var nes: NesExports;
+declare var nes: NesAllExports;
 
 export = nes;
diff --git a/types/nes/test/broadcast-client.ts b/types/nes/test/broadcast-client.ts
index 1cf8797365..4c94b8c575 100644
--- a/types/nes/test/broadcast-client.ts
+++ b/types/nes/test/broadcast-client.ts
@@ -10,3 +10,16 @@ client.connect(function (err) {
         // update -> 'welcome!'
     };
 });
+
+// Added in addition to nes doc example code
+
+import NesClient = require('nes/client');
+
+var client = new NesClient('ws://localhost');
+client.connect(function (err) {
+
+    client.onUpdate = function (update) {
+
+        // update -> 'welcome!'
+    };
+});
diff --git a/types/nes/test/client-require.ts b/types/nes/test/client-require.ts
index 90bce07d33..f5a07ea1d3 100644
--- a/types/nes/test/client-require.ts
+++ b/types/nes/test/client-require.ts
@@ -3,5 +3,10 @@
 // that is not needed for the browser. The browser will only need the nes client.
 // If you are using CommonJS you can load the client with require('nes/client').
 
-// TODO fix this
-// import nes = require('nes/client');
+import Client = require('nes/client');
+
+var options: Client.ClientConnectOptions = {
+    delay: 3
+}
+
+var client: Client = new Client('ws://localhost', options);
diff --git a/types/nes/test/nes-tests.ts b/types/nes/test/nes-tests.ts
index 9dd12ae99a..36e8af65bb 100644
--- a/types/nes/test/nes-tests.ts
+++ b/types/nes/test/nes-tests.ts
@@ -34,7 +34,9 @@ server.register(Nes, (regErr: any) => {
     }
 });
 
-let wsClient: Nes.Client = new Nes.Client('ws://localhost:8080');
+let options: Nes.ClientConnectOptions = {delay: 3};
+
+let wsClient: Nes.Client = new Nes.Client('ws://localhost:8080', options);
 wsClient.connect((err: any) => {
     if(err) {
         console.log('start err');
diff --git a/types/nes/test/route-authentication-client.ts b/types/nes/test/route-authentication-client.ts
index b3fd33fe95..fe57eb8d56 100644
--- a/types/nes/test/route-authentication-client.ts
+++ b/types/nes/test/route-authentication-client.ts
@@ -10,3 +10,16 @@ client.connect({ auth: { headers: { authorization: 'Basic am9objpzZWNyZXQ=' } }
         // payload -> 'Hello John Doe'
     });
 });
+
+// Added in addition to nes doc example code
+
+import NesClient = require('nes/client');
+
+var client = new NesClient('ws://localhost');
+client.connect({ auth: { headers: { authorization: 'Basic am9objpzZWNyZXQ=' } } }, function (err) {
+
+    client.request('hello', function (err, payload) {   // Can also request '/h'
+
+        // payload -> 'Hello John Doe'
+    });
+});
diff --git a/types/nes/test/route-invocation-client.ts b/types/nes/test/route-invocation-client.ts
index e25e64e349..7b144e3a9c 100644
--- a/types/nes/test/route-invocation-client.ts
+++ b/types/nes/test/route-invocation-client.ts
@@ -10,3 +10,16 @@ client.connect(function (err) {
         // payload -> 'world!'
     });
 });
+
+// Added in addition to nes doc example code
+
+import NesClient = require('nes/client');
+
+var client = new NesClient('ws://localhost');
+client.connect(function (err) {
+
+    client.request('hello', function (err, payload) {   // Can also request '/h'
+
+        // payload -> 'world!'
+    });
+});
diff --git a/types/nes/test/subscription-filter-client.ts b/types/nes/test/subscription-filter-client.ts
index bd5c9c88f5..3f8d3ffb8b 100644
--- a/types/nes/test/subscription-filter-client.ts
+++ b/types/nes/test/subscription-filter-client.ts
@@ -16,3 +16,22 @@ client.connect({ auth: { headers: { authorization: 'Basic am9objpzZWNyZXQ=' } }
 
     client.subscribe('/items', handler, function (err) { });
 });
+
+// Added in addition to nes doc example code
+
+import NesClient = require('nes/client');
+
+var client = new NesClient('ws://localhost');
+
+// Authenticate as 'john'
+
+client.connect({ auth: { headers: { authorization: 'Basic am9objpzZWNyZXQ=' } } }, function (err) {
+
+    var handler: NesClient.Handler = function (err, update) {
+
+        // First publish is not received (filtered due to updater key)
+        // update -> { id: 6, status: 'initial', updater: 'steve' }
+    };
+
+    client.subscribe('/items', handler, function (err) { });
+});
diff --git a/types/nes/test/subscriptions-client.ts b/types/nes/test/subscriptions-client.ts
index 1e33eac40f..a9ac55fc6d 100644
--- a/types/nes/test/subscriptions-client.ts
+++ b/types/nes/test/subscriptions-client.ts
@@ -13,3 +13,19 @@ client.connect(function (err) {
 
     client.subscribe('/item/5', handler, function (err) { });
 });
+
+// Added in addition to nes doc example code
+
+import NesClient = require('nes/client');
+
+var client = new NesClient('ws://localhost');
+client.connect(function (err) {
+
+    var handler: NesClient.Handler = function (update, flags) {
+
+        // update -> { id: 5, status: 'complete' }
+        // Second publish is not received (doesn't match)
+    };
+
+    client.subscribe('/item/5', handler, function (err) { });
+});
diff --git a/types/nes/tsconfig.json b/types/nes/tsconfig.json
index a2cd55a5db..cb28129b71 100644
--- a/types/nes/tsconfig.json
+++ b/types/nes/tsconfig.json
@@ -17,6 +17,7 @@
     },
     "files": [
         "index.d.ts",
+        "client.d.ts",
         "test/client-require.ts",
         "test/nes-tests.ts",
         "test/broadcast-client.ts",

From 51b1eeb7377ceb47872111a94e3021739bf49eac Mon Sep 17 00:00:00 2001
From: Alexander James Phillips <ajp.global@gmail.com>
Date: Mon, 8 May 2017 12:44:56 +0100
Subject: [PATCH 276/321] Add test for request.socket

---
 types/nes/client.d.ts       | 2 +-
 types/nes/index.d.ts        | 2 +-
 types/nes/test/nes-tests.ts | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/types/nes/client.d.ts b/types/nes/client.d.ts
index d41f5a608a..698237e500 100644
--- a/types/nes/client.d.ts
+++ b/types/nes/client.d.ts
@@ -14,7 +14,7 @@ declare module 'nes/client' {
         connect(options: Client.ClientConnectOptions, callback: (err?: any) => void): void;
         connect(callback: (err?: any) => void): void;
         disconnect(): void;
-        id: any;
+        id: any;  // can be `null | number` but also the "socket" value from websocket message data.
         request(options: string | Client.ClientRequestOptions, callback: (err: any, payload: any, statusCode?: number, headers?: Object) => void): void;
         message(message: any, callback: (err: any, message: any) => void): void;
         subscribe(path: string, handler: Client.Handler, callback: (err?: any) => void): void;
diff --git a/types/nes/index.d.ts b/types/nes/index.d.ts
index fa33e53ba4..a8b2939025 100644
--- a/types/nes/index.d.ts
+++ b/types/nes/index.d.ts
@@ -20,7 +20,7 @@ declare module 'hapi' {
 }
 
 declare class SocketClass {
-    id: any;
+    id: string;
     app: Object;
     auth: nes.SocketAuthObject;
     disconect(callback?: () => void): void;
diff --git a/types/nes/test/nes-tests.ts b/types/nes/test/nes-tests.ts
index 36e8af65bb..6d80ae150e 100644
--- a/types/nes/test/nes-tests.ts
+++ b/types/nes/test/nes-tests.ts
@@ -16,7 +16,7 @@ server.register(Nes, (regErr: any) => {
             path: '/test',
             config: {
                 handler: (request: Hapi.Request, reply: Hapi.ReplyNoContinue) => {
-                    reply({test: 'passes'});
+                    reply({test: 'passes ' + request.socket.id});
                 }
             }
         });

From 634461eb2311d6f6a57c423eba5976fc217c3f71 Mon Sep 17 00:00:00 2001
From: Alexander James Phillips <ajp.global@gmail.com>
Date: Mon, 8 May 2017 14:29:20 +0100
Subject: [PATCH 277/321] DRY nes exported types and remove absent Server and
 Request class exports

* Put in backwards incompatibility warning and a note regarding not needing to
  use Nes.Server or Nes.Request
* Move SocketClass to interface as it is not mentioned in docs as a public
  class for instantiating
---
 types/nes/index.d.ts        | 71 +++++++++++++++++++++----------------
 types/nes/test/nes-tests.ts | 10 +++---
 2 files changed, 46 insertions(+), 35 deletions(-)

diff --git a/types/nes/index.d.ts b/types/nes/index.d.ts
index a8b2939025..87e428bc29 100644
--- a/types/nes/index.d.ts
+++ b/types/nes/index.d.ts
@@ -3,6 +3,24 @@
 // Definitions by: Ivo Stratev <https://github.com/NoHomey>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 
+/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ +                                                                           +
+ +                                                                           +
+ +                                                                           +
+ +                      WARNING: BACKWARDS INCOMPATIBLE                      +
+ +                                                                           +
+ +                                                                           +
+ +                                                                           +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + *
+ *
+ * Removal of Nes.Server.  No longer need to cast to Nes.Server as Hapi.Server
+ *      has been modified directly.
+ * Removal of Nes.Request.  Same reason as Nes.Server
+ * Move Nes.Socket from class to just an interface as it is not mentioned
+ *      publically in docs.  Perhaps this should be included though?  Add
+ *      failing test demonstrating use if so.
+ */
+
 import * as Hapi from 'hapi';
 import NesClient = require('nes/client');
 
@@ -11,24 +29,14 @@ declare module 'hapi' {
         broadcast(message: any, options?: nes.ServerBroadcastOptions): void;
         subscription(path: string, options?: nes.ServerSubscriptionOptions): void;
         publish(path: string, message: any, options?: nes.ServerPublishOptions): void;
-        eachSocket(each: (socket: SocketClass) => void, options?: nes.ServerEachSocketOptions): void;
+        eachSocket(each: (socket: nes.Socket) => void, options?: nes.ServerEachSocketOptions): void;
     }
 
     interface Request {
-        socket: SocketClass;
+        socket: nes.Socket;
     }
 }
 
-declare class SocketClass {
-    id: string;
-    app: Object;
-    auth: nes.SocketAuthObject;
-    disconect(callback?: () => void): void;
-    send(message: any, callback?: (err?: any) => void): void;
-    publish(path: string, message: any, callback?: (err?: any) => void): void;
-    revoke(path: string, message: any, callback?: (err?: any) => void): void;
-}
-
 declare module nes {
     interface SocketAuthObject {
         isAuthenticated: boolean;
@@ -78,11 +86,27 @@ declare module nes {
         user?: any;
     }
 
-    interface Socket extends SocketClass {}
+    interface Socket {
+        id: string;
+        app: Object;
+        auth: nes.SocketAuthObject;
+        disconect(callback?: () => void): void;
+        send(message: any, callback?: (err?: any) => void): void;
+        publish(path: string, message: any, callback?: (err?: any) => void): void;
+        revoke(path: string, message: any, callback?: (err?: any) => void): void;
+    }
 
-    interface Server extends Hapi.Server {}
-
-    interface Request extends Hapi.Request {}
+    /**
+     * TODO (if possible) use a drier, more robust way of doing this that
+     * allows for:
+     *      * the export to have be of type Hapi.PluginFunction whilst
+     *      * also exposing the Client type
+     *      * exporting the NesClient as the Client class without having to
+     *          duplicate the constructor definition
+     *      * and all the type exports from the NesClient namespace (Handler,
+     *          ClientOptions, ClientConnectOptions, ClientRequestOptions,
+     *          ClientSubscribeFlags)
+     */
 
     interface Client extends NesClient {}
 
@@ -97,22 +121,7 @@ declare module nes {
     interface ClientSubscribeFlags extends NesClient.ClientSubscribeFlags {}
 }
 
-// TODO there must be a drier cleaner way of doing this that allows for the
-// export to have be of type Hapi.PluginFunction whilst also exposing the
-// type and class of Client, Request, etc.
 interface NesClassExports {
-    Socket: {
-        new(): SocketClass;
-    };
-
-    Server: {
-        new(): Hapi.Server;
-    };
-
-    Request: {
-        new(): Hapi.Request;
-    };
-
     Client: {
         new(url: string, options?: NesClient.ClientOptions): NesClient;
     };
diff --git a/types/nes/test/nes-tests.ts b/types/nes/test/nes-tests.ts
index 6d80ae150e..90afe68f3e 100644
--- a/types/nes/test/nes-tests.ts
+++ b/types/nes/test/nes-tests.ts
@@ -4,18 +4,20 @@ import Nes = require('nes');
 var server: Hapi.Server = new Hapi.Server();
 server.connection({port: 8080});
 
-server.register(Nes, (regErr: any) => {
+server.register(Nes, (regErr) => {
     if(regErr) {
         console.log('register err');
         console.log(regErr);
     } else {
-        let wsServer: Nes.Server = server as Nes.Server;
+        // No longer need to cast to Nes.Server as Hapi.Server has been modified directly.
+        // let wsServer: Nes.Server = server as Nes.Server;
+        let wsServer: Hapi.Server = server;
         wsServer.subscription('/item/{id}');
         wsServer.route( {
             method: 'GET',
             path: '/test',
             config: {
-                handler: (request: Hapi.Request, reply: Hapi.ReplyNoContinue) => {
+                handler: (request, reply) => {
                     reply({test: 'passes ' + request.socket.id});
                 }
             }
@@ -43,7 +45,7 @@ wsClient.connect((err: any) => {
         console.log(err);
     } else {
         wsClient.subscribe('/item/5', (update) => {
-            wsClient.request('/test', (reqErr: any, payload: any, statusCode: number) => {
+            wsClient.request('/test', (reqErr, payload, statusCode) => {
                 if(reqErr) {
                     console.log('request err');
                     console.log(reqErr);

From c69e614bc129c05a45ae6d0f54c5c392313062e0 Mon Sep 17 00:00:00 2001
From: Alexander James Phillips <ajp.global@gmail.com>
Date: Mon, 8 May 2017 14:31:32 +0100
Subject: [PATCH 278/321] Make error passed to Hapi.Server.register callback
 possible to be null

---
 types/hapi/index.d.ts | 16 ++++++++--------
 1 file changed, 8 insertions(+), 8 deletions(-)

diff --git a/types/hapi/index.d.ts b/types/hapi/index.d.ts
index 6922f65bd8..3ff8dc7e10 100644
--- a/types/hapi/index.d.ts
+++ b/types/hapi/index.d.ts
@@ -412,14 +412,14 @@ export class Server extends Podium {
      *     register(Plugin, {}, (err) => {// do more stuff})  or
      *     register(Plugin, (err: Error) => {// do more stuff})
      */
-    register<OptionsPassedToPlugin>(plugins: Array<(PluginFunction<OptionsPassedToPlugin> | PluginRegistrationObject<OptionsPassedToPlugin>)>, callback: (err: Error) => void): void;
-    register<OptionsPassedToPlugin>(plugins: Array<(PluginFunction<OptionsPassedToPlugin> | PluginRegistrationObject<OptionsPassedToPlugin>)>): Promise<Error>;
-    register<OptionsPassedToPlugin>(plugins: PluginFunction<OptionsPassedToPlugin> | PluginRegistrationObject<OptionsPassedToPlugin>, callback: (err: Error) => void): void;
-    register<OptionsPassedToPlugin>(plugins: PluginFunction<OptionsPassedToPlugin> | PluginRegistrationObject<OptionsPassedToPlugin>): Promise<Error>;
-    register<OptionsPassedToPlugin>(plugins: Array<(PluginFunction<OptionsPassedToPlugin> | PluginRegistrationObject<OptionsPassedToPlugin>)>, options: PluginRegistrationOptions, callback: (err: Error) => void): void;
-    register<OptionsPassedToPlugin>(plugins: Array<(PluginFunction<OptionsPassedToPlugin> | PluginRegistrationObject<OptionsPassedToPlugin>)>, options: PluginRegistrationOptions): Promise<Error>;
-    register<OptionsPassedToPlugin>(plugins: PluginFunction<OptionsPassedToPlugin> | PluginRegistrationObject<OptionsPassedToPlugin>, options: PluginRegistrationOptions, callback: (err: Error) => void): void;
-    register<OptionsPassedToPlugin>(plugins: PluginFunction<OptionsPassedToPlugin> | PluginRegistrationObject<OptionsPassedToPlugin>, options: PluginRegistrationOptions): Promise<Error>;
+    register<OptionsPassedToPlugin>(plugins: Array<(PluginFunction<OptionsPassedToPlugin> | PluginRegistrationObject<OptionsPassedToPlugin>)>, callback: (err: Error | null) => void): void;
+    register<OptionsPassedToPlugin>(plugins: Array<(PluginFunction<OptionsPassedToPlugin> | PluginRegistrationObject<OptionsPassedToPlugin>)>): Promise<Error | null>;
+    register<OptionsPassedToPlugin>(plugins: PluginFunction<OptionsPassedToPlugin> | PluginRegistrationObject<OptionsPassedToPlugin>, callback: (err: Error | null) => void): void;
+    register<OptionsPassedToPlugin>(plugins: PluginFunction<OptionsPassedToPlugin> | PluginRegistrationObject<OptionsPassedToPlugin>): Promise<Error | null>;
+    register<OptionsPassedToPlugin>(plugins: Array<(PluginFunction<OptionsPassedToPlugin> | PluginRegistrationObject<OptionsPassedToPlugin>)>, options: PluginRegistrationOptions, callback: (err: Error | null) => void): void;
+    register<OptionsPassedToPlugin>(plugins: Array<(PluginFunction<OptionsPassedToPlugin> | PluginRegistrationObject<OptionsPassedToPlugin>)>, options: PluginRegistrationOptions): Promise<Error | null>;
+    register<OptionsPassedToPlugin>(plugins: PluginFunction<OptionsPassedToPlugin> | PluginRegistrationObject<OptionsPassedToPlugin>, options: PluginRegistrationOptions, callback: (err: Error | null) => void): void;
+    register<OptionsPassedToPlugin>(plugins: PluginFunction<OptionsPassedToPlugin> | PluginRegistrationObject<OptionsPassedToPlugin>, options: PluginRegistrationOptions): Promise<Error | null>;
     /**
      * Adds a connection route
      * [See docs](https://hapijs.com/api/16.1.1#serverrouteoptions)

From 88cec253a81a85994457b3aec44edf9b262587be Mon Sep 17 00:00:00 2001
From: huhuanming <workboring@gmail.com>
Date: Tue, 9 May 2017 01:09:42 +0800
Subject: [PATCH 279/321] add jpush-react-native

---
 types/jpush-react-native/index.d.ts           | 120 ++++++++++++++++++
 .../jpush-react-native-tests.ts               |  70 ++++++++++
 types/jpush-react-native/tsconfig.json        |  22 ++++
 types/jpush-react-native/tslint.json          |   3 +
 4 files changed, 215 insertions(+)
 create mode 100644 types/jpush-react-native/index.d.ts
 create mode 100644 types/jpush-react-native/jpush-react-native-tests.ts
 create mode 100644 types/jpush-react-native/tsconfig.json
 create mode 100644 types/jpush-react-native/tslint.json

diff --git a/types/jpush-react-native/index.d.ts b/types/jpush-react-native/index.d.ts
new file mode 100644
index 0000000000..21397e6aaa
--- /dev/null
+++ b/types/jpush-react-native/index.d.ts
@@ -0,0 +1,120 @@
+// Type definitions for jpush-react-native 1.6
+// Project: https://github.com/jpush/jpush-react-native
+// Definitions by: HuHuanming <https://github.com/huhuanming>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+
+export default class JPush {
+    /**
+     * Android only
+     * 初始化JPush 必须先初始化才能执行其他操作
+     */
+    static initPush(): void;
+
+    /**
+     * Android
+     */
+    static stopPush(): void;
+
+    /**
+     * Android
+     */
+    static resumePush(): void;
+
+    /**
+     * Android
+     */
+    static clearAllNotifications(): void;
+
+    /**
+     * Android
+     */
+    static clearNotificationById(id: string): void;
+
+    /**
+     * Android
+     */
+    static getInfo(cb: (map: any) => void): void;
+
+    static setTags(tags: string[], successCallback: (resultCode: number[]) => void, failedCallback: () => void): void;
+
+    static setAlias(alias: string, successCallback: (resultCode: number[]) => void, failedCallback: () => void): void;
+
+    /**
+     * Android
+     */
+    static setStyleBasic(): void;
+
+    /**
+     * Android
+     */
+    static setStyleCustom(): void;
+
+    /**
+     * Android
+     */
+    static addReceiveCustomMsgListener(cb: (message: string) => void): void;
+
+    /**
+     * Android
+     */
+    static removeReceiveCustomMsgListener(cb: any): void;
+
+    /**
+     * Android
+     */
+    static addReceiveNotificationListener(cb: (map: any) => void): void;
+
+    /**
+     * Android
+     */
+    static removeReceiveNotificationListener(cb: any): void;
+
+    /**
+     * Android
+     */
+    static addReceiveOpenNotificationListener(cb: (message: string) => void): void;
+
+    /**
+     * Android
+     */
+    static removeReceiveOpenNotificationListener(cb: any): void;
+
+    /**
+     * Android
+     * If device register succeed, the server will return registrationId
+     */
+    static addGetRegistrationIdListener(cb: (registrationId: string) => void): void;
+
+    static removeGetRegistrationIdListener(cb: any): void;
+
+    /**
+     * iOS,  Android
+     */
+    static getRegistrationID(cb: (registrationId: string) => void): void;
+
+    /**
+     * iOS
+     */
+    static setupPush(): void;
+
+    /**
+     * iOS
+     */
+    static getAppkeyWithcallback(cb: (appKey: string) => void): void;
+
+    // iOS Only
+    static setLocalNotification(
+        date: Date,
+        alertBody: string,
+        badge?: number,
+        alertAction?: string,
+        notificationKey?: string,
+        userInfo?: any,
+        soundName?: string
+    ): void;
+
+    /**
+     * iOS
+     */
+    static setBadge(badge: number, callback: (badges: number[]) => void): void;
+}
diff --git a/types/jpush-react-native/jpush-react-native-tests.ts b/types/jpush-react-native/jpush-react-native-tests.ts
new file mode 100644
index 0000000000..44fc834b62
--- /dev/null
+++ b/types/jpush-react-native/jpush-react-native-tests.ts
@@ -0,0 +1,70 @@
+import JPush from 'jpush-react-native';
+
+JPush.initPush();
+
+JPush.stopPush();
+
+JPush.resumePush();
+
+JPush.clearAllNotifications();
+
+JPush.clearNotificationById('id');
+
+JPush.getInfo((map) => {});
+
+JPush.setTags(
+    ['tag1', 'tag2'],
+    () => {},
+    () => {},
+);
+
+JPush.setAlias(
+    'alias',
+    () => {},
+    () => {},
+);
+
+JPush.setStyleBasic();
+
+JPush.setStyleCustom();
+
+JPush.addReceiveCustomMsgListener(() => {});
+
+JPush.removeReceiveCustomMsgListener(() => {});
+
+JPush.addReceiveNotificationListener(() => {});
+
+JPush.removeReceiveNotificationListener(() => {});
+
+JPush.addReceiveOpenNotificationListener(() => {});
+
+JPush.removeReceiveOpenNotificationListener(() => {});
+
+JPush.addGetRegistrationIdListener((registrationId) => {});
+
+JPush.removeGetRegistrationIdListener(() => {});
+
+JPush.getRegistrationID((registrationId) => {});
+
+JPush.setupPush();
+
+JPush.getAppkeyWithcallback((appKey) => {});
+
+JPush.setLocalNotification(
+    new Date(),
+    'body',
+);
+
+JPush.setLocalNotification(
+    new Date(),
+    'body',
+    2,
+    'action',
+    'key',
+    {
+        name: 'name',
+    },
+    'sound',
+);
+
+JPush.setBadge(1, () => {});
diff --git a/types/jpush-react-native/tsconfig.json b/types/jpush-react-native/tsconfig.json
new file mode 100644
index 0000000000..a789df247c
--- /dev/null
+++ b/types/jpush-react-native/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",
+    "jpush-react-native-tests.ts"
+  ]
+}
diff --git a/types/jpush-react-native/tslint.json b/types/jpush-react-native/tslint.json
new file mode 100644
index 0000000000..d88586e5bd
--- /dev/null
+++ b/types/jpush-react-native/tslint.json
@@ -0,0 +1,3 @@
+{
+  "extends": "dtslint/dt.json"
+}

From d20f912c7799d7f52447b83afea3664f91f39a88 Mon Sep 17 00:00:00 2001
From: Alexander James Phillips <ajp.global@gmail.com>
Date: Mon, 8 May 2017 20:28:19 +0100
Subject: [PATCH 280/321] Add scope and entity to route.options.auth

---
 types/hapi/index.d.ts         | 4 ++++
 types/hapi/test/route/auth.ts | 5 ++++-
 2 files changed, 8 insertions(+), 1 deletion(-)

diff --git a/types/hapi/index.d.ts b/types/hapi/index.d.ts
index 3ff8dc7e10..d2619acef1 100644
--- a/types/hapi/index.d.ts
+++ b/types/hapi/index.d.ts
@@ -801,6 +801,10 @@ export interface AuthOptions {
     payload?: false | 'required' | 'optional';
     /** specifying the route access rules. */
     access?: RouteAuthAccessConfiguationObject | RouteAuthAccessConfiguationObject[];
+    /** (undocumented) Convenience way of setting access.scope, will over write all values in `access` */
+    scope?: false | string | string[];
+    /** (undocumented) Convenience way of setting access.entity, will over write all values in `access` */
+    entity?: 'any' | 'user' | 'app';
 }
 
 /**
diff --git a/types/hapi/test/route/auth.ts b/types/hapi/test/route/auth.ts
index b57507eb8c..e5239322da 100644
--- a/types/hapi/test/route/auth.ts
+++ b/types/hapi/test/route/auth.ts
@@ -17,6 +17,9 @@ routeMoreConfig = {
         access: {
             scope: false,
             entity: 'any',
-        }
+        },
+        // Will over write values in access
+        scope: false,
+        entity: 'any',
     }
 }

From b5143b18190ecab15f4e3466a60132c88dce762c Mon Sep 17 00:00:00 2001
From: Alexander James Phillips <ajp.global@gmail.com>
Date: Mon, 8 May 2017 20:31:18 +0100
Subject: [PATCH 281/321] Remove unnecessary module wrapper

---
 types/nes/client.d.ts | 99 +++++++++++++++++++++----------------------
 1 file changed, 48 insertions(+), 51 deletions(-)

diff --git a/types/nes/client.d.ts b/types/nes/client.d.ts
index 698237e500..8314894683 100644
--- a/types/nes/client.d.ts
+++ b/types/nes/client.d.ts
@@ -3,55 +3,52 @@
 // Definitions by: Ivo Stratev <https://github.com/NoHomey>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 
-declare module 'nes/client' {
-
-    class Client {
-        constructor(url: string, options?: Client.ClientOptions);
-        onError: (err: any) => void;
-        onConnect: () => void;
-        onDisconnect: () => void;
-        onUpdate: (message: any) => void;
-        connect(options: Client.ClientConnectOptions, callback: (err?: any) => void): void;
-        connect(callback: (err?: any) => void): void;
-        disconnect(): void;
-        id: any;  // can be `null | number` but also the "socket" value from websocket message data.
-        request(options: string | Client.ClientRequestOptions, callback: (err: any, payload: any, statusCode?: number, headers?: Object) => void): void;
-        message(message: any, callback: (err: any, message: any) => void): void;
-        subscribe(path: string, handler: Client.Handler, callback: (err?: any) => void): void;
-        unsubscribe(path: string, handler: Client.Handler, callback: (err?: any) => void): void;
-        subscriptions(): string[];
-        overrideReconnectionAuth(auth: any): void;
-    }
-
-    namespace Client {
-        interface Handler {
-            (message: any, flags: Client.ClientSubscribeFlags): void;
-        }
-
-        interface ClientOptions {
-            ws?: any;
-            timeout?: number | boolean;
-        }
-
-        interface ClientConnectOptions {
-            auth?: any;
-            delay?: number;
-            maxDelay?: number;
-            retries?: number;
-            timeout?: number;
-        }
-
-        interface ClientRequestOptions {
-            path: string;
-            method?: string;
-            headers?: Object;
-            payload?: any;
-        }
-
-        interface ClientSubscribeFlags {
-            revoked?: boolean;
-        }
-    }
-
-    export = Client;
+declare class Client {
+    constructor(url: string, options?: Client.ClientOptions);
+    onError: (err: any) => void;
+    onConnect: () => void;
+    onDisconnect: () => void;
+    onUpdate: (message: any) => void;
+    connect(options: Client.ClientConnectOptions, callback: (err?: any) => void): void;
+    connect(callback: (err?: any) => void): void;
+    disconnect(): void;
+    id: any;  // can be `null | number` but also the "socket" value from websocket message data.
+    request(options: string | Client.ClientRequestOptions, callback: (err: any, payload: any, statusCode?: number, headers?: Object) => void): void;
+    message(message: any, callback: (err: any, message: any) => void): void;
+    subscribe(path: string, handler: Client.Handler, callback: (err?: any) => void): void;
+    unsubscribe(path: string, handler: Client.Handler, callback: (err?: any) => void): void;
+    subscriptions(): string[];
+    overrideReconnectionAuth(auth: any): void;
 }
+
+declare namespace Client {
+    interface Handler {
+        (message: any, flags: Client.ClientSubscribeFlags): void;
+    }
+
+    interface ClientOptions {
+        ws?: any;
+        timeout?: number | boolean;
+    }
+
+    interface ClientConnectOptions {
+        auth?: any;
+        delay?: number;
+        maxDelay?: number;
+        retries?: number;
+        timeout?: number;
+    }
+
+    interface ClientRequestOptions {
+        path: string;
+        method?: string;
+        headers?: Object;
+        payload?: any;
+    }
+
+    interface ClientSubscribeFlags {
+        revoked?: boolean;
+    }
+}
+
+export = Client;

From 52cebc2f1ef844fc7130124c44c433f213f505d7 Mon Sep 17 00:00:00 2001
From: Kagami Sascha Rosylight <saschanaz@outlook.com>
Date: Tue, 9 May 2017 07:30:26 +0900
Subject: [PATCH 282/321] remove string indexer from JQuery interface

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

diff --git a/types/jquery/index.d.ts b/types/jquery/index.d.ts
index 80db74ee9f..f0a5aabb00 100644
--- a/types/jquery/index.d.ts
+++ b/types/jquery/index.d.ts
@@ -3355,7 +3355,6 @@ interface JQuery {
      * @see {@link https://api.jquery.com/selector/}
      */
     selector: string;
-    [index: string]: any;
     [index: number]: HTMLElement;
 
     /**

From 67e164481f186fd93224a3fef5c048a687cc9581 Mon Sep 17 00:00:00 2001
From: Kagami Sascha Rosylight <saschanaz@outlook.com>
Date: Tue, 9 May 2017 07:55:40 +0900
Subject: [PATCH 283/321] fix tslint errors

---
 .../ui-router-extras/ui-router-extras-tests.ts | 18 +++++++++---------
 types/uikit/index.d.ts                         |  2 +-
 2 files changed, 10 insertions(+), 10 deletions(-)

diff --git a/types/ui-router-extras/ui-router-extras-tests.ts b/types/ui-router-extras/ui-router-extras-tests.ts
index df560356aa..5cc3ed122a 100644
--- a/types/ui-router-extras/ui-router-extras-tests.ts
+++ b/types/ui-router-extras/ui-router-extras-tests.ts
@@ -29,13 +29,13 @@ myApp.config(($stateProvider: angular.ui.IStateProvider, $stickyStateProvider: a
             $previousState.get('test-memo1');
 
             $deepstateRedirect.reset('statename1', {
-                'stateParam1': ['value1', 'value2'],
-                'stateParam2': 'value'
+                stateParam1: ['value1', 'value2'],
+                stateParam2: 'value'
             });
         },
         views: {
             // named views are mandatory
-            'name1': {}
+            name1: {}
         }
     };
 
@@ -69,13 +69,13 @@ myApp.config(($stateProvider: angular.ui.IStateProvider, $stickyStateProvider: a
             $previousState.get('test-memo1');
 
             $deepstateRedirect.reset('statename1', {
-                'stateParam1': ['value1', 'value2'],
-                'stateParam2': 'value'
+                stateParam1: ['value1', 'value2'],
+                stateParam2: 'value'
             });
         },
         views: {
             // named views are mandatory
-            'name1': {}
+            name1: {}
         }
     });
 
@@ -106,13 +106,13 @@ myApp.config(($stateProvider: angular.ui.IStateProvider, $stickyStateProvider: a
             $previousState.get('test-memo1');
 
             $deepstateRedirect.reset('statename1', {
-                'stateParam1': ['value1', 'value2'],
-                'stateParam2': 'value'
+                stateParam1: ['value1', 'value2'],
+                stateParam2: 'value'
             });
         },
         views: {
             // named views are mandatory
-            'name1': {}
+            name1: {}
         }
     });
 });
diff --git a/types/uikit/index.d.ts b/types/uikit/index.d.ts
index de14822d28..ea881f23ce 100644
--- a/types/uikit/index.d.ts
+++ b/types/uikit/index.d.ts
@@ -1332,7 +1332,7 @@ declare namespace UIkit {
          * <h2>Possible value</h2>
          * integer
          */
-            filelimit?: number;
+        filelimit?: number;
         /**
          * Response type from server
          * @default text

From a85d25104b842412899783380d997aac92423335 Mon Sep 17 00:00:00 2001
From: Bastien <bmoulia@gmail.com>
Date: Tue, 9 May 2017 12:16:51 +0200
Subject: [PATCH 284/321] Providers extends IServiceProvider

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

diff --git a/types/angular-ui-bootstrap/index.d.ts b/types/angular-ui-bootstrap/index.d.ts
index 1e4d15d282..c09d8cfbb6 100644
--- a/types/angular-ui-bootstrap/index.d.ts
+++ b/types/angular-ui-bootstrap/index.d.ts
@@ -311,7 +311,7 @@ declare module 'angular' {
             openClass?: string;
         }
 
-        interface IModalProvider {
+        interface IModalProvider extends IServiceProvider {
             /**
              * Default options all modals will use.
              */
@@ -875,7 +875,7 @@ declare module 'angular' {
             useContentExp?: boolean;
         }
 
-        interface ITooltipProvider {
+        interface ITooltipProvider extends IServiceProvider {
             /**
              * Provide a set of defaults for certain tooltip and popover attributes.
              */

From 3e3496ef299cc511ed05fdf924092aa0c47594ce Mon Sep 17 00:00:00 2001
From: Syncfusion-JavaScript <packages@syncfusion.com>
Date: Tue, 9 May 2017 16:23:35 +0530
Subject: [PATCH 285/321] 15.2 version changes merged to Defintely Typed

---
 types/ej.web.all/index.d.ts | 129567 +++++++++++++++++----------------
 1 file changed, 65569 insertions(+), 63998 deletions(-)

diff --git a/types/ej.web.all/index.d.ts b/types/ej.web.all/index.d.ts
index 0a715f52bf..e9f023c805 100644
--- a/types/ej.web.all/index.d.ts
+++ b/types/ej.web.all/index.d.ts
@@ -1,4 +1,4 @@
-// Type definitions for ej.web.all 15.1
+// Type definitions for ej.web.all 15.2
 // Project: http://help.syncfusion.com/js/typescript
 // Definitions by: Syncfusion <https://github.com/syncfusion/>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
@@ -7,435 +7,469 @@
 
 /*!
 *  filename: ej.web.all.d.ts
-*  version : 15.1.0.41
+*  version : 15.2.0.40
 *  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;
-		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 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;
-		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;
-	}
+    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?: Object): {
+            type: string; url: string; ejPvtData: Object; contentType?: string; data?: Object;
+        };
+    }
+	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 };
+        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
-		};
-	}
-	class ODataV4Adaptor extends ej.ODataAdaptor {
-		constructor();
-		options: ODataAdaptorOptions;
-		onCount(e: any): string;
-		onEachSearch(e: any): void;
-		onSearch(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
-		};
-	}
-	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;
-	}
+        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 JsonAdaptor extends ej.Adaptor {
+    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();
-		processQuery(ds: any, query: ej.Query): string;
-		batchRequest(dm: ej.DataManager, changes: Changes, e: any): Changes;
-		onWhere(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): any;
-		remove(dm: ej.DataManager, keyField: string, value: any, tableName: string): any;
-		update(dm: ej.DataManager, keyField: string, value: any, tableName: string): 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,
@@ -486,64803 +520,66340 @@ 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.
-			 */
-			targetElement?: 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
-			 */
-			targetElement?: 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
-			 */
-			targetElement?: 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 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;
 
-			/** 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 after a Accordion item is active or inactive. Argument values are activeIndex, activeHeader, inActiveHeader, inActiveIndex and current model value. */
+	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 active or inactive. Argument values are activeIndex, activeHeader, inActiveHeader, inActiveIndex and current model value. */
+	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;
-
-			/** 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;
-		}
-	}
-
-	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;
-
-			/** 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;
-
-			/** 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;
-		}
-
-		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;
-
-			/** 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;
-
-			/** 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 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;
-
-			/** 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 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;
-
-			/** 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[];
-
-			/** 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 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[];
-		}
-	}
-
-	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;
-
-		/** 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 MergeCellInfoEventArgs {
-
-			/** Returns grid cell.
-			 */
-			cell?: any;
-
-			/** Returns the cancel option value.
-			 */
-			cancel?: boolean;
-
-			/** Returns current row record object (JSON).
-			 */
-			data?: 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).
-			 */
-			data?: 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.
-			 */
-			data?: 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;
-		}
-
-		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 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 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 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;
-
-			/** 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;
-
-			/** 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;
-		}
-
-		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 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;
-
-			/** 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 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 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 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;
-
-		/** 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 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 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 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 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 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 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 {ddd}
-			 */
-			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 SortSettings {
-
-			/** Specifies the sorted columns for Gantt
-			 * @Default {[]}
-			 */
-			sortedColumns?: any[];
-		}
-
-		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[];
-		}
-
-		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 search an item with search string provided at the run time
-		 * @param {string} you can pass a searchString to search the tree grid
-		 * @returns {void}
-		 */
-		search(searchString: 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;
-
-		/** 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(columnName: 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 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 {none}
-			 */
-			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;
-
-			/** 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 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 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 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 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;
-
-			/** Specifies the edit type of the column.
-			 * @Default {ej.TreeGrid.EditingType.String}
-			 */
-			editType?: ej.TreeGrid.EditingType | string;
-
-			/** Specifies the name of the field from the dataSource to bind with this column.
-			 */
-			field?: 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}
-			 */
-			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;
-
-			/** Specifies the template for the TreeGrid column
-			 */
-			templateID?: string;
-
-			/** Enables or disables the ability to edit a row or cell.
-			 * @Default {false}
-			 */
-			allowEditing?: boolean;
-
-			/** 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;
-		}
-
-		export interface ColumnResizeSettings {
-
-			/** Specifies the mode for column resizing
-			 * @Default {normal}
-			 */
-			columnResizeMode?: string;
-		}
-
-		export interface FilterSettings {
-
-			/** Specifies the mode on which column filtering should start
-			 * @Default {immediate}
-			 */
-			filterBarMode?: string;
-
-			/** Specifies the type of column filtering.
-			 * @Default {filterbar}
-			 */
-			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 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 SizeSettings {
-
-			/** Height of the TreeGrid.
-			 * @Default {null}
-			 */
-			height?: string;
-
-			/** Width of the TreeGrid.
-			 * @Default {null}
-			 */
-			width?: string;
-		}
-
-		export interface SortSettings {
-
-			/** Option to add columns based on which the rows have to be sorted recursively.
-			 * @Default {[]}
-			 */
-			sortedColumns?: any[];
-		}
-
-		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[];
-		}
-
-		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 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 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
-		}
-
-	}
-
-	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 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 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 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 increment/decrement.
-			 * @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. After enabling this feature,
-			 * you can use freeze top row, freeze first column and freeze panes options.
-			 * @Default {false}
-			 */
-			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 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 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;
-
-			/** 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 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;
-
-			/** 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;
-
-			/** 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;
+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;
 
-			/** Triggers while the range are being drawn on the gauge. */
-			drawRange?(e: DrawRangeEventArgs): void;
+	/** Enables or disables the visibility of the autocomplete textbox.
+	*   @Default {true}
+	*/
+	visible?: boolean;
 
-			/** Triggers while the ticks are being drawn on the gauge. */
-			drawTicks?(e: DrawTicksEventArgs): void;
+	/** The text to be displayed when the value of the autocomplete textbox is empty.
+	*   @Default {null}
+	*/
+	watermarkText?: string;
 
-			/** Triggers when the gauge is initialized. */
-			init?(e: InitEventArgs): void;
+	/** The width of the Autocomplete textbox.
+	*   @Default {null}
+	*/
+	width?: string|number;
 
-			/** Triggers while the gauge start to Load. */
-			load?(e: LoadEventArgs): void;
+	/** Triggers when the AJAX requests Begins. */
+	actionBegin? (e: ActionBeginEventArgs): void;
 
-			/** Triggers when the left mouse button is clicked. */
-			mouseClick?(e: MouseClickEventArgs): void;
+	/** Triggers when the data requested from AJAX will get successfully loaded in the Autocomplete widget. */
+	actionSuccess? (e: ActionSuccessEventArgs): void;
 
-			/** Triggers when clicking and dragging the mouse pointer over the gauge pointer. */
-			mouseClickMove?(e: MouseClickMoveEventArgs): void;
+	/** Triggers when the AJAX requests complete. The request may get failed or succeed. */
+	actionComplete? (e: ActionCompleteEventArgs): void;
 
-			/** Triggers when the mouse click is released. */
-			mouseClickUp?(e: MouseClickUpEventArgs): void;
+	/** Triggers when the data requested from AJAX get failed. */
+	actionFailure? (e: ActionFailureEventArgs): void;
 
-			/** Triggers while the rendering of the gauge completed. */
-			renderComplete?(e: RenderCompleteEventArgs): void;
-		}
+	/** Triggers when the text box value is changed. */
+	change? (e: ChangeEventArgs): void;
 
-		export interface DrawBarPointersEventArgs {
+	/** Triggers after the suggestion popup is closed. */
+	close? (e: CloseEventArgs): void;
 
-			/** returns the object of the gauge.
-			 */
-			object?: any;
+	/** Triggers when Autocomplete widget is created. */
+	create? (e: CreateEventArgs): void;
 
-			/** returns the cancel option value
-			 */
-			cancel?: boolean;
+	/** Triggers after the Autocomplete widget is destroyed. */
+	destroy? (e: DestroyEventArgs): void;
 
-			/** returns the context element
-			 */
-			context?: any;
+	/** Triggers after the autocomplete textbox is focused. */
+	focusIn? (e: FocusInEventArgs): void;
 
-			/** returns the startX and startY of the pointer
-			 */
-			position?: any;
+	/** Triggers after the Autocomplete textbox gets out of the focus. */
+	focusOut? (e: FocusOutEventArgs): void;
 
-			/** returns the gauge model
-			 */
-			Model?: any;
+	/** Triggers after the suggestion list is opened. */
+	open? (e: OpenEventArgs): void;
 
-			/** returns the options of the scale element.
-			 */
-			scaleElement?: any;
+	/** Triggers when an item has been selected from the suggestion list. */
+	select? (e: SelectEventArgs): void;
+}
 
-			/** returns the scaleIndex to which the pointer belongs.
-			 */
-			scaleIndex?: number;
+export interface ActionBeginEventArgs {
+}
 
-			/** returns the pointer style
-			 */
-			style?: string;
+export interface ActionSuccessEventArgs {
+}
 
-			/** returns the current Bar pointer element.
-			 */
-			barElement?: any;
+export interface ActionCompleteEventArgs {
+}
 
-			/** returns the index of the bar pointer.
-			 */
-			barPointerIndex?: number;
+export interface ActionFailureEventArgs {
+}
 
-			/** returns the value of the bar pointer.
-			 */
-			PointerValue?: number;
+export interface ChangeEventArgs {
 
-			/** returns the name of the event
-			 */
-			type?: any;
-		}
+	/** Set this option to true to cancel the event.
+	*/
+	cancel?: boolean;
 
-		export interface DrawCustomLabelEventArgs {
+	/** Instance of the autocomplete model object.
+	*/
+	model?: ej.Autocomplete.Model;
 
-			/** returns the object of the gauge.
-			 */
-			object?: any;
+	/** Name of the event.
+	*/
+	type?: string;
 
-			/** returns the cancel option value
-			 */
-			cancel?: boolean;
+	/** Value of the autocomplete textbox.
+	*/
+	value?: string;
+}
 
-			/** returns the context element
-			 */
-			context?: any;
+export interface CloseEventArgs {
 
-			/** returns the startX and startY of the customLabel
-			 */
-			position?: any;
+	/** Set this option to true to cancel the event.
+	*/
+	cancel?: boolean;
 
-			/** returns the gauge model
-			 */
-			Model?: any;
+	/** Instance of the autocomplete model object.
+	*/
+	model?: ej.Autocomplete.Model;
 
-			/** returns the options of the scale element.
-			 */
-			scaleElement?: any;
+	/** Name of the event.
+	*/
+	type?: string;
+}
 
-			/** returns the scaleIndex to which the pointer belongs.
-			 */
-			scaleIndex?: number;
+export interface CreateEventArgs {
 
-			/** returns the customLabel style
-			 */
-			style?: any;
+	/** Set this option to true to cancel the event.
+	*/
+	cancel?: boolean;
 
-			/** returns the current customLabel element.
-			 */
-			customLabelElement?: any;
+	/** Instance of the autocomplete model object.
+	*/
+	model?: ej.Autocomplete.Model;
 
-			/** returns the index of the customLabel.
-			 */
-			customLabelIndex?: number;
+	/** Name of the event.
+	*/
+	type?: string;
+}
 
-			/** returns the name of the event
-			 */
-			type?: any;
-		}
+export interface DestroyEventArgs {
 
-		export interface DrawIndicatorsEventArgs {
+	/** Set this option to true to cancel the event.
+	*/
+	cancel?: boolean;
 
-			/** returns the object of the gauge.
-			 */
-			object?: any;
+	/** Instance of the autocomplete model object.
+	*/
+	model?: ej.Autocomplete.Model;
 
-			/** returns the cancel option value
-			 */
-			cancel?: boolean;
+	/** Name of the event.
+	*/
+	type?: string;
+}
 
-			/** returns the context element
-			 */
-			context?: any;
+export interface FocusInEventArgs {
 
-			/** returns the startX and startY of the Indicator
-			 */
-			position?: any;
+	/** Set this option to true to cancel the event.
+	*/
+	cancel?: boolean;
 
-			/** returns the gauge model
-			 */
-			Model?: any;
+	/** Instance of the autocomplete model object.
+	*/
+	model?: ej.Autocomplete.Model;
 
-			/** returns the options of the scale element.
-			 */
-			scaleElement?: any;
+	/** Name of the event.
+	*/
+	type?: string;
 
-			/** returns the scaleIndex to which the pointer belongs.
-			 */
-			scaleIndex?: number;
+	/** Value of the autocomplete textbox.
+	*/
+	value?: string;
+}
 
-			/** returns the Indicator style
-			 */
-			style?: string;
+export interface FocusOutEventArgs {
 
-			/** returns the current Indicator element.
-			 */
-			IndicatorElement?: any;
+	/** Set this option to true to cancel the event.
+	*/
+	cancel?: boolean;
 
-			/** returns the index of the Indicator.
-			 */
-			IndicatorIndex?: number;
+	/** Instance of the autocomplete model object.
+	*/
+	model?: ej.Autocomplete.Model;
 
-			/** returns the name of the event
-			 */
-			type?: any;
-		}
+	/** Name of the event.
+	*/
+	type?: string;
 
-		export interface DrawLabelsEventArgs {
+	/** Value of the autocomplete textbox.
+	*/
+	value?: string;
+}
 
-			/** returns the object of the gauge.
-			 */
-			object?: any;
+export interface OpenEventArgs {
 
-			/** returns the cancel option value
-			 */
-			cancel?: boolean;
+	/** Set this option to true to cancel the event.
+	*/
+	cancel?: boolean;
 
-			/** returns the context element
-			 */
-			context?: any;
+	/** Instance of the autocomplete model object.
+	*/
+	model?: ej.Autocomplete.Model;
 
-			/** returns the startX and startY of the label
-			 */
-			position?: any;
+	/** Name of the event.
+	*/
+	type?: string;
+}
 
-			/** returns the gauge model
-			 */
-			Model?: any;
+export interface SelectEventArgs {
 
-			/** returns the options of the scale element.
-			 */
-			scaleElement?: any;
+	/** Set this option to true to cancel the event.
+	*/
+	cancel?: boolean;
 
-			/** returns the scaleIndex to which the label belongs.
-			 */
-			scaleIndex?: number;
+	/** Instance of the autocomplete model object.
+	*/
+	model?: ej.Autocomplete.Model;
 
-			/** returns the label style
-			 */
-			style?: string;
+	/** Name of the event.
+	*/
+	type?: string;
 
-			/** returns the angle of the label.
-			 */
-			angle?: number;
+	/** Value of the autocomplete textbox.
+	*/
+	value?: string;
 
-			/** returns the current label element.
-			 */
-			element?: any;
+	/** Text of the selected item.
+	*/
+	text?: string;
 
-			/** returns the index of the label.
-			 */
-			index?: number;
+	/** Key of the selected item.
+	*/
+	key?: string;
 
-			/** returns the label value of the label.
-			 */
-			value?: number;
+	/** Data object of the selected item.
+	*/
+	Item?: ej.Autocomplete.Model;
+}
 
-			/** returns the name of the event
-			 */
-			type?: any;
-		}
+export interface Fields {
 
-		export interface DrawMarkerPointersEventArgs {
+	/** Used to group the suggestion list items.
+	*/
+	groupBy?: string;
 
-			/** returns the object of the gauge.
-			 */
-			object?: any;
+	/** Defines the HTML attributes such as id, class, styles for the item.
+	*/
+	htmlAttributes?: any;
 
-			/** returns the cancel option value
-			 */
-			cancel?: boolean;
+	/** Defines the specific field name which contains unique key values for the list items.
+	*/
+	key?: string;
 
-			/** returns the context element
-			 */
-			context?: any;
+	/** Defines the specific field name in the data source to load the suggestion list with data.
+	*/
+	text?: string;
+}
 
-			/** returns the startX and startY of the pointer
-			 */
-			position?: any;
+export interface MultiColumnSettingsColumn {
 
-			/** returns the gauge model
-			 */
-			Model?: 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 options of the scale element.
-			 */
-			scaleElement?: any;
+	/** Get or set a value that indicates to display the title of that particular column.
+	*/
+	headerText?: string;
 
-			/** returns the scaleIndex to which the pointer belongs.
-			 */
-			scaleIndex?: number;
+	/** Gets or sets a value that indicates to render the multicolumn with custom theme.
+	*/
+	cssClass?: string;
 
-			/** returns the ticks style
-			 */
-			style?: 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;
 
-			/** returns the current marker pointer element.
-			 */
-			markerElement?: any;
+	/** 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;
 
-			/** returns the index of the marker pointer.
-			 */
-			markerPointerIndex?: number;
+	/** This defines the text alignment of a particular column header cell value. See headerTextAlign
+	*   @Default {ej.TextAlign.Left}
+	*/
+	headerTextAlign?: ej.TextAlign|string;
 
-			/** returns the value of the marker pointer.
-			 */
-			pointerValue?: number;
+	/** Gets or sets a value that indicates to align the text within the column. See textAlign
+	*   @Default {ej.TextAlign.Left}
+	*/
+	textAlign?:  ej.TextAlign|string;
+}
 
-			/** returns the angle of the marker pointer.
-			 */
-			pointerAngle?: number;
+export interface MultiColumnSettings {
 
-			/** returns the name of the event
-			 */
-			type?: any;
-		}
+	/** Allow list of data to be displayed in several columns.
+	*   @Default {false}
+	*/
+	enable?: boolean;
 
-		export interface DrawRangeEventArgs {
+	/** Allow header text to be displayed in corresponding columns.
+	*   @Default {true}
+	*/
+	showHeader?: boolean;
 
-			/** returns the object of the gauge.
-			 */
-			object?: any;
+	/** Displayed selected value and autocomplete search based on mentioned column value specified in that format.
+	*/
+	stringFormat?: string;
 
-			/** returns the cancel option value
-			 */
-			cancel?: boolean;
+	/** Field and Header Text collections can be defined and customized through columns field.
+	*/
+	columns?: Array<MultiColumnSettingsColumn>;
+}
 
-			/** returns the context element
-			 */
-			context?: any;
+enum Animation{
 
-			/** returns the startX and startY of the range
-			 */
-			position?: any;
+	///Supports to animation type with none type only.
+	None,
 
-			/** returns the gauge model
-			 */
-			Model?: any;
+	///Supports to animation type with slide type only.
+	Slide,
 
-			/** returns the options of the scale element.
-			 */
-			scaleElement?: any;
+	///Supports to animation type with fade type only.
+	Fade
+}
 
-			/** returns the scaleIndex to which the pointer belongs.
-			 */
-			scaleIndex?: number;
 
-			/** returns the range style
-			 */
-			style?: string;
+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{
 
-			/** returns the current range element.
-			 */
-			rangeElement?: any;
+	///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, 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;
 
-			/** returns the index of the range.
-			 */
-			rangeIndex?: number;
+	/** Specify the Right to Left direction to button
+	*   @Default {false}
+	*/
+	enableRTL?: boolean;
 
-			/** returns the name of the event
-			 */
-			type?: any;
-		}
+	/** Specifies the height of the Button.
+	*   @Default {28}
+	*/
+	height?: number;
 
-		export interface DrawTicksEventArgs {
+	/** It allows to define the characteristics of the Button control. It will helps to extend the capability of an HTML element.
+	*   @Default {{}}
+	*/
+	htmlAttributes?: any;
 
-			/** returns the object of the gauge.
-			 */
-			object?: 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;
 
-			/** returns the cancel option value
-			 */
-			cancel?: boolean;
+	/** Specifies the primary icon for Button. This icon will be displayed from the left margin of the button.
+	*   @Default {null}
+	*/
+	prefixIcon?: string;
 
-			/** returns the context element
-			 */
-			context?: any;
+	/** 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;
 
-			/** returns the startX and startY of the ticks
-			 */
-			position?: any;
+	/** To display the ListBox container with rounded corners.
+	*   @Default {false}
+	*/
+	showRoundedCorner?: boolean;
 
-			/** returns the gauge model
-			 */
-			Model?: any;
+	/** The template to display the ListBox widget with customized appearance.
+	*   @Default {null}
+	*/
+	template?: string;
 
-			/** returns the options of the scale element.
-			 */
-			scaleElement?: any;
+	/** Holds the selected items values and used to bind value to the list item using AngularJS and KnockoutJS.
+	*   @Default {“”}
+	*/
+	value?: number;
 
-			/** returns the scaleIndex to which the tick belongs.
-			 */
-			scaleIndex?: 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;
 
-			/** returns the ticks style
-			 */
-			style?: string;
+	/** Defines the width of the ListBox widget.
+	*   @Default {null}
+	*/
+	width?: string;
 
-			/** returns the angle of the tick.
-			 */
-			angle?: number;
+	/** Specifies the targetID for the listbox items.
+	*   @Default {null}
+	*/
+	targetID?: string;
 
-			/** returns the current tick element.
-			 */
-			element?: any;
+	/** Triggers before the AJAX request begins to load data in the ListBox widget. */
+	actionBegin? (e: ActionBeginEventArgs): void;
 
-			/** returns the index of the tick.
-			 */
-			index?: number;
+	/** Triggers after the data requested via AJAX is successfully loaded in the ListBox widget. */
+	actionSuccess? (e: ActionSuccessEventArgs): void;
 
-			/** returns the tick value of the tick.
-			 */
-			value?: number;
+	/** Triggers when the AJAX requests complete. The request may get failed or succeed. */
+	actionComplete? (e: ActionCompleteEventArgs): void;
 
-			/** returns the name of the event
-			 */
-			type?: any;
-		}
+	/** Triggers when the data requested from AJAX get failed. */
+	actionFailure? (e: ActionFailureEventArgs): void;
 
-		export interface InitEventArgs {
+	/** Event will be triggered before the requested data via AJAX once loaded in successfully. */
+	actionBeforeSuccess? (e: ActionBeforeSuccessEventArgs): void;
 
-			/** returns the object of the gauge.
-			 */
-			object?: any;
+	/** Triggers when the item selection is changed. */
+	change? (e: ChangeEventArgs): void;
 
-			/** returns the cancel option value
-			 */
-			cancel?: boolean;
+	/** Triggers when the list item is checked or unchecked. */
+	checkChange? (e: CheckChangeEventArgs): void;
 
-			/** returns the gauge model
-			 */
-			Model?: any;
+	/** Triggers when the ListBox widget is created successfully. */
+	create? (e: CreateEventArgs): void;
 
-			/** returns the entire scale element.
-			 */
-			scaleElement?: any;
+	/** Triggers when the ListBox widget is destroyed successfully. */
+	destroy? (e: DestroyEventArgs): void;
 
-			/** returns the context element
-			 */
-			context?: any;
+	/** Triggers when focus the listbox items. */
+	focusIn? (e: FocusInEventArgs): void;
 
-			/** returns the name of the event
-			 */
-			type?: string;
-		}
+	/** Triggers when focus out from listbox items. */
+	focusOut? (e: FocusOutEventArgs): void;
 
-		export interface LoadEventArgs {
+	/** Triggers when the list item is being dragged. */
+	itemDrag? (e: ItemDragEventArgs): void;
 
-			/** returns the object of the gauge.
-			 */
-			object?: any;
+	/** Triggers when the list item is ready to be dragged. */
+	itemDragStart? (e: ItemDragStartEventArgs): void;
 
-			/** returns the cancel option value
-			 */
-			cancel?: boolean;
+	/** Triggers when the list item stops dragging. */
+	itemDragStop? (e: ItemDragStopEventArgs): void;
 
-			/** returns the gauge model
-			 */
-			Model?: any;
+	/** Triggers when the list item is dropped. */
+	itemDrop? (e: ItemDropEventArgs): void;
 
-			/** returns the entire scale element.
-			 */
-			scaleElement?: any;
+	/** Triggers when a list item gets selected. */
+	select? (e: SelectEventArgs): void;
 
-			/** returns the context element
-			 */
-			context?: any;
+	/** Triggers when a list item gets unselected. */
+	unselect? (e: UnselectEventArgs): void;
+}
 
-			/** returns the name of the event
-			 */
-			type?: any;
-		}
+export interface ActionBeginEventArgs {
+}
 
-		export interface MouseClickEventArgs {
+export interface ActionSuccessEventArgs {
+}
 
-			/** returns the object of the gauge.
-			 */
-			object?: any;
+export interface ActionCompleteEventArgs {
+}
 
-			/** returns the cancel option value
-			 */
-			cancel?: boolean;
+export interface ActionFailureEventArgs {
+}
 
-			/** returns the gauge model
-			 */
-			model?: any;
+export interface ActionBeforeSuccessEventArgs {
 
-			/** returns the name of the event
-			 */
-			type?: any;
+	/** Instance of the listbox model object.
+	*/
+	model?: ej.ListBox.Model;
 
-			/** returns the scale element.
-			 */
-			scaleElement?: any;
+	/** Name of the event.
+	*/
+	type?: string;
 
-			/** returns the scaleIndex to which the pointer belongs.
-			 */
-			scaleIndex?: number;
+	/** List of actual object.
+	*/
+	actual?: any;
 
-			/** returns the context element* @param {Object} args.markerpointer returns the context element
-			 */
-			context?: any;
+	/** Object of ListBox widget which contains DataManager arguments
+	*/
+	request?: any;
 
-			/** returns the pointer Index
-			 */
-			markerpointerindex?: number;
+	/** Set this option to true to cancel the event.
+	*/
+	cancel?: boolean;
 
-			/** returns the pointer element.
-			 */
-			markerpointerelement?: any;
+	/** List of array object
+	*/
+	result?: Array<any>;
 
-			/** returns the value of the pointer.
-			 */
-			markerpointervalue?: number;
+	/** ExecuteQuery object of DataManager
+	*/
+	xhr?: any;
+}
 
-			/** returns the pointer style
-			 */
-			style?: string;
+export interface ChangeEventArgs {
 
-			/** returns the startX and startY of the pointer.
-			 */
-			position?: any;
-		}
+	/** Instance of the listbox model object.
+	*/
+	model?: ej.ListBox.Model;
 
-		export interface MouseClickMoveEventArgs {
+	/** Name of the event.
+	*/
+	type?: string;
 
-			/** returns the object of the gauge.
-			 */
-			object?: any;
+	/** List item object.
+	*/
+	item?: any;
 
-			/** returns the cancel option value
-			 */
-			cancel?: boolean;
+	/** The Datasource of the listbox.
+	*/
+	data?: any;
 
-			/** returns the gauge model
-			 */
-			model?: any;
+	/** List item’s index.
+	*/
+	index?: number;
 
-			/** returns the name of the event
-			 */
-			type?: any;
+	/** Set this option to true to cancel the event.
+	*/
+	cancel?: boolean;
 
-			/** returns the scale element.
-			 */
-			scaleElement?: any;
+	/** Boolean value based on whether the list item is checked or not.
+	*/
+	isChecked?: boolean;
 
-			/** returns the scaleIndex to which the pointer belongs.
-			 */
-			scaleIndex?: number;
+	/** Boolean value based on whether the list item is selected or not.
+	*/
+	isSelected?: boolean;
 
-			/** returns the context element
-			 */
-			context?: any;
+	/** Boolean value based on the list item is enabled or not.
+	*/
+	isEnabled?: boolean;
 
-			/** returns the pointer Index
-			 */
-			index?: number;
+	/** List item’s text (label).
+	*/
+	text?: string;
 
-			/** returns the pointer element.
-			 */
-			element?: any;
+	/** List item’s value.
+	*/
+	value?: string;
+}
 
-			/** returns the value of the pointer.
-			 */
-			value?: number;
+export interface CheckChangeEventArgs {
 
-			/** returns the pointer style
-			 */
-			style?: string;
+	/** Instance of the listbox model object.
+	*/
+	model?: ej.ListBox.Model;
 
-			/** returns the startX and startY of the pointer.
-			 */
-			position?: any;
-		}
+	/** Name of the event.
+	*/
+	type?: string;
 
-		export interface MouseClickUpEventArgs {
+	/** List item object.
+	*/
+	item?: any;
 
-			/** returns the object of the gauge.
-			 */
-			object?: any;
+	/** The Datasource of the listbox.
+	*/
+	data?: any;
 
-			/** returns the cancel option value
-			 */
-			cancel?: boolean;
+	/** List item’s index.
+	*/
+	index?: number;
 
-			/** returns the gauge model
-			 */
-			model?: any;
+	/** Set this option to true to cancel the event.
+	*/
+	cancel?: boolean;
 
-			/** returns the name of the event
-			 */
-			type?: any;
+	/** Boolean value based on whether the list item is checked or not.
+	*/
+	isChecked?: boolean;
 
-			/** returns the scale element.
-			 */
-			scaleElement?: any;
+	/** Boolean value based on whether the list item is selected or not.
+	*/
+	isSelected?: boolean;
 
-			/** returns the scaleIndex to which the pointer belongs.
-			 */
-			scaleIndex?: number;
+	/** Boolean value based on the list item is enabled or not.
+	*/
+	isEnabled?: boolean;
 
-			/** 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 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;
-
-			/** 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;
-
-			/** 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;
-
-			/** 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;
+	/** List item’s text (label).
+	*/
+	text?: string;
 
-			/** Triggers when the ranges begin to be getting drawn on the gauge. */
-			drawRange?(e: DrawRangeEventArgs): void;
+	/** List item’s value.
+	*/
+	value?: string;
+}
 
-			/** 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;
+export interface CreateEventArgs {
 
-			/** Triggers when the left mouse button is clicked. */
-			mouseClick?(e: MouseClickEventArgs): void;
+	/** Instance of the listbox model object.
+	*/
+	model?: ej.ListBox.Model;
 
-			/** Triggers when clicking and dragging the mouse pointer over the gauge pointer. */
-			mouseClickMove?(e: MouseClickMoveEventArgs): void;
+	/** Name of the event.
+	*/
+	type?: string;
 
-			/** Triggers when the mouse click is released. */
-			mouseClickUp?(e: MouseClickUpEventArgs): void;
+	/** Set this option to true to cancel the event.
+	*/
+	cancel?: boolean;
+}
 
-			/** Triggers when the rendering of the gauge is completed. */
-			renderComplete?(e: RenderCompleteEventArgs): void;
-		}
+export interface DestroyEventArgs {
 
-		export interface DrawCustomLabelEventArgs {
+	/** Instance of the listbox model object.
+	*/
+	model?: ej.ListBox.Model;
 
-			/** returns the object of the gauge.
-			 */
-			object?: any;
+	/** Name of the event.
+	*/
+	type?: string;
 
-			/** returns the cancel option value
-			 */
-			cancel?: boolean;
+	/** Set this option to true to cancel the event.
+	*/
+	cancel?: boolean;
+}
 
-			/** returns the context element
-			 */
-			context?: any;
+export interface FocusInEventArgs {
 
-			/** returns the startX and startY of the custom label
-			 */
-			position?: any;
+	/** Instance of the listbox model object.
+	*/
+	model?: ej.ListBox.Model;
 
-			/** returns the gauge model
-			 */
-			model?: any;
+	/** Name of the event.
+	*/
+	type?: string;
 
-			/** returns the options of the scale element.
-			 */
-			scaleElement?: any;
+	/** Set this option to true to cancel the event.
+	*/
+	cancel?: boolean;
+}
 
-			/** returns the scaleIndex to which the custom label belongs.
-			 */
-			scaleIndex?: number;
+export interface FocusOutEventArgs {
 
-			/** returns the custom label style
-			 */
-			style?: string;
+	/** Instance of the listbox model object.
+	*/
+	model?: ej.ListBox.Model;
 
-			/** returns the current custom label element.
-			 */
-			customLabelElement?: any;
+	/** Name of the event.
+	*/
+	type?: string;
 
-			/** returns the index of the custom label.
-			 */
-			customLabelIndex?: number;
+	/** Set this option to true to cancel the event.
+	*/
+	cancel?: boolean;
+}
 
-			/** returns the name of the event
-			 */
-			type?: string;
-		}
+export interface ItemDragEventArgs {
 
-		export interface DrawIndicatorsEventArgs {
+	/** Instance of the listbox model object.
+	*/
+	model?: ej.ListBox.Model;
 
-			/** returns the object of the gauge.
-			 */
-			object?: any;
+	/** Name of the event.
+	*/
+	type?: string;
 
-			/** returns the cancel option value
-			 */
-			cancel?: boolean;
+	/** Set this option to true to cancel the event.
+	*/
+	cancel?: boolean;
 
-			/** returns the context element
-			 */
-			context?: any;
+	/** The Datasource of the listbox.
+	*/
+	data?: any;
 
-			/** returns the startX and startY of the indicator
-			 */
-			position?: any;
+	/** List item’s index.
+	*/
+	index?: number;
 
-			/** returns the gauge model
-			 */
-			model?: any;
+	/** Boolean value based on whether the list item is checked or not.
+	*/
+	isChecked?: boolean;
 
-			/** returns the options of the scale element.
-			 */
-			scaleElement?: any;
+	/** Boolean value based on whether the list item is selected or not.
+	*/
+	isSelected?: boolean;
 
-			/** returns the scaleIndex to which the indicator belongs.
-			 */
-			scaleIndex?: number;
+	/** Boolean value based on whether the list item is enabled or not.
+	*/
+	isEnabled?: boolean;
 
-			/** returns the indicator style
-			 */
-			style?: string;
+	/** List item’s text (label).
+	*/
+	text?: string;
 
-			/** returns the current indicator element.
-			 */
-			indicatorElement?: any;
+	/** List item’s value.
+	*/
+	value?: string;
+}
 
-			/** returns the index of the indicator.
-			 */
-			indicatorIndex?: number;
+export interface ItemDragStartEventArgs {
 
-			/** returns the name of the event
-			 */
-			type?: string;
-		}
+	/** Instance of the listbox model object.
+	*/
+	model?: ej.ListBox.Model;
 
-		export interface DrawLabelsEventArgs {
+	/** Name of the event.
+	*/
+	type?: string;
 
-			/** returns the object of the gauge.
-			 */
-			object?: any;
+	/** Set this option to true to cancel the event.
+	*/
+	cancel?: boolean;
 
-			/** returns the cancel option value
-			 */
-			cancel?: boolean;
+	/** The Datasource of the listbox.
+	*/
+	data?: any;
 
-			/** returns the context element
-			 */
-			context?: any;
+	/** List item’s index.
+	*/
+	index?: number;
 
-			/** returns the startX and startY of the labels
-			 */
-			position?: any;
+	/** Boolean value based on whether the list item is checked or not.
+	*/
+	isChecked?: boolean;
 
-			/** returns the gauge model
-			 */
-			model?: any;
+	/** Boolean value based on whether the list item is selected or not.
+	*/
+	isSelected?: boolean;
 
-			/** returns the options of the scale element.
-			 */
-			scaleElement?: any;
+	/** Boolean value based on whether the list item is enabled or not.
+	*/
+	isEnabled?: boolean;
 
-			/** returns the scaleIndex to which the label belongs.
-			 */
-			scaleIndex?: number;
+	/** List item’s text (label).
+	*/
+	text?: string;
 
-			/** returns the label style
-			 */
-			style?: string;
+	/** List item’s value.
+	*/
+	value?: string;
+}
 
-			/** returns the angle of the labels.
-			 */
-			angle?: number;
+export interface ItemDragStopEventArgs {
 
-			/** returns the current label element.
-			 */
-			element?: any;
+	/** Instance of the listbox model object.
+	*/
+	model?: ej.ListBox.Model;
 
-			/** returns the index of the label.
-			 */
-			index?: number;
+	/** Name of the event.
+	*/
+	type?: string;
 
-			/** returns the value of the label.
-			 */
-			pointerValue?: number;
+	/** Set this option to true to cancel the event.
+	*/
+	cancel?: boolean;
 
-			/** returns the name of the event
-			 */
-			type?: string;
-		}
+	/** The Datasource of the listbox.
+	*/
+	data?: any;
 
-		export interface DrawPointerCapEventArgs {
+	/** List item’s index.
+	*/
+	index?: number;
 
-			/** returns the object of the gauge.
-			 */
-			object?: any;
+	/** Boolean value based on whether the list item is checked or not.
+	*/
+	isChecked?: boolean;
 
-			/** returns the cancel option value
-			 */
-			cancel?: boolean;
+	/** Boolean value based on whether the list item is selected or not.
+	*/
+	isSelected?: boolean;
 
-			/** returns the context element
-			 */
-			context?: any;
+	/** Boolean value based on whether the list item is enabled or not.
+	*/
+	isEnabled?: boolean;
 
-			/** returns the options of the scale element.
-			 */
-			scaleElement?: any;
+	/** List item’s text (label).
+	*/
+	text?: string;
 
-			/** returns the startX and startY of the pointer cap.
-			 */
-			position?: any;
+	/** List item’s value.
+	*/
+	value?: string;
+}
 
-			/** returns the gauge model
-			 */
-			model?: any;
+export interface ItemDropEventArgs {
 
-			/** returns the pointer cap style
-			 */
-			style?: 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 DrawPointersEventArgs {
+	/** Set this option to true to cancel the event.
+	*/
+	cancel?: boolean;
 
-			/** returns the object of the gauge.
-			 */
-			object?: any;
+	/** The Datasource of the listbox.
+	*/
+	data?: any;
 
-			/** returns the cancel option value
-			 */
-			cancel?: boolean;
+	/** List item’s index.
+	*/
+	index?: number;
 
-			/** returns the context element
-			 */
-			context?: any;
+	/** Boolean value based on whether the list item is checked or not.
+	*/
+	isChecked?: boolean;
 
-			/** returns the startX and startY of the pointer
-			 */
-			position?: any;
+	/** Boolean value based on whether the list item is selected or not.
+	*/
+	isSelected?: boolean;
 
-			/** returns the gauge model
-			 */
-			model?: any;
+	/** Boolean value based on whether the list item is enabled or not.
+	*/
+	isEnabled?: boolean;
 
-			/** returns the options of the scale element.
-			 */
-			scaleElement?: any;
+	/** List item’s text (label).
+	*/
+	text?: string;
 
-			/** returns the scaleIndex to which the pointer belongs.
-			 */
-			scaleIndex?: number;
+	/** List item’s value.
+	*/
+	value?: string;
+}
 
-			/** returns the pointer style
-			 */
-			style?: string;
+export interface SelectEventArgs {
 
-			/** returns the angle of the pointer.
-			 */
-			angle?: number;
+	/** Instance of the listbox model object.
+	*/
+	model?: ej.ListBox.Model;
 
-			/** returns the current pointer element.
-			 */
-			element?: any;
+	/** Name of the event.
+	*/
+	type?: string;
 
-			/** returns the index of the pointer.
-			 */
-			index?: number;
+	/** List item object.
+	*/
+	item?: any;
 
-			/** returns the value of the pointer.
-			 */
-			value?: number;
+	/** The Datasource of the listbox.
+	*/
+	data?: any;
 
-			/** returns the name of the event
-			 */
-			type?: string;
-		}
+	/** List item’s index.
+	*/
+	index?: number;
 
-		export interface DrawRangeEventArgs {
+	/** Set this option to true to cancel the event.
+	*/
+	cancel?: boolean;
 
-			/** returns the object of the gauge.
-			 */
-			object?: any;
+	/** Boolean value based on whether the list item is checked or not.
+	*/
+	isChecked?: boolean;
 
-			/** returns the cancel option value
-			 */
-			cancel?: boolean;
+	/** Boolean value based on whether the list item is selected or not.
+	*/
+	isSelected?: boolean;
 
-			/** returns the context element
-			 */
-			context?: any;
+	/** Boolean value based on the list item is enabled or not.
+	*/
+	isEnabled?: boolean;
 
-			/** returns the startX and startY of the range
-			 */
-			position?: any;
+	/** List item’s text (label).
+	*/
+	text?: string;
 
-			/** returns the gauge model
-			 */
-			model?: any;
+	/** List item’s value.
+	*/
+	value?: string;
+}
 
-			/** returns the options of the scale element.
-			 */
-			scaleElement?: any;
+export interface UnselectEventArgs {
+
+	/** Instance of the listbox model object.
+	*/
+	model?: ej.ListBox.Model;
+
+	/** Name of the event.
+	*/
+	type?: string;
 
-			/** returns the scaleIndex to which the range belongs.
-			 */
-			scaleIndex?: number;
+	/** 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;
+}
+}
+
+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;
+}
 
-			/** returns the range style
-			 */
-			style?: string;
+export interface ChangeEventArgs {
+
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
 
-			/** returns the current range element.
-			 */
-			rangeElement?: any;
+	/** returns the color picker model
+	*/
+	model?: ej.ColorPicker.Model;
 
-			/** returns the index of the range.
-			 */
-			rangeIndex?: number;
+	/** returns the name of the event
+	*/
+	type?: string;
 
-			/** returns the name of the event
-			 */
-			type?: string;
-		}
+	/** return the changed color value
+	*/
+	value?: string;
+}
 
-		export interface DrawTicksEventArgs {
+export interface CloseEventArgs {
 
-			/** returns the object of the gauge.
-			 */
-			object?: any;
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
 
-			/** returns the cancel option value
-			 */
-			cancel?: boolean;
+	/** returns the color picker model
+	*/
+	model?: ej.ColorPicker.Model;
 
-			/** returns the context element
-			 */
-			context?: any;
+	/** returns the name of the event
+	*/
+	type?: string;
+}
 
-			/** returns the startX and startY of the ticks
-			 */
-			position?: any;
+export interface CreateEventArgs {
 
-			/** returns the gauge model
-			 */
-			model?: any;
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
 
-			/** returns the options of the scale element.
-			 */
-			scaleElement?: any;
+	/** returns the color picker model
+	*/
+	model?: any;
 
-			/** returns the scaleIndex to which the tick belongs.
-			 */
-			scaleIndex?: number;
+	/** returns the name of the event
+	*/
+	type?: string;
+}
 
-			/** returns the ticks style
-			 */
-			style?: string;
+export interface DestroyEventArgs {
 
-			/** returns the angle of the tick.
-			 */
-			angle?: number;
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
 
-			/** returns the current tick element.
-			 */
-			element?: any;
+	/** returns the color picker model
+	*/
+	model?: ej.ColorPicker.Model;
 
-			/** returns the index of the tick.
-			 */
-			index?: number;
+	/** returns the name of the event
+	*/
+	type?: string;
+}
 
-			/** returns the label value of the tick.
-			 */
-			pointerValue?: number;
+export interface OpenEventArgs {
 
-			/** returns the name of the event
-			 */
-			type?: string;
-		}
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
 
-		export interface LoadEventArgs {
+	/** returns the color picker model
+	*/
+	model?: ej.ColorPicker.Model;
 
-			/** returns the object of the gauge.
-			 */
-			object?: any;
+	/** returns the name of the event
+	*/
+	type?: string;
+}
 
-			/** returns the cancel option value
-			 */
-			cancel?: boolean;
+export interface SelectEventArgs {
 
-			/** returns the gauge model
-			 */
-			Model?: any;
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
 
-			/** returns the entire scale element.
-			 */
-			scaleElement?: any;
+	/** returns the color picker model
+	*/
+	model?: ej.ColorPicker.Model;
 
-			/** returns the context element
-			 */
-			context?: any;
+	/** returns the name of the event
+	*/
+	type?: string;
 
-			/** returns the name of the event
-			 */
-			type?: string;
-		}
+	/** return the selected color value
+	*/
+	value?: string;
+}
 
-		export interface MouseClickEventArgs {
+export interface ButtonText {
 
-			/** returns the object of the gauge.
-			 */
-			object?: any;
+	/** Sets the text for the apply button.
+	*/
+	apply?: string;
 
-			/** returns the cancel option value
-			 */
-			cancel?: boolean;
+	/** Sets the text for the cancel button.
+	*/
+	cancel?: string;
 
-			/** returns the gauge model
-			 */
-			model?: any;
+	/** Sets the header text for the swatches area.
+	*/
+	swatches?: string;
+}
 
-			/** returns the name of the event
-			 */
-			type?: any;
+export interface TooltipText {
 
-			/** returns the scale element.
-			 */
-			scaleElement?: any;
+	/** Sets the tooltip text for the switcher button.
+	*/
+	switcher?: string;
 
-			/** returns the scaleIndex to which the pointer belongs.
-			 */
-			scaleIndex?: number;
+	/** Sets the tooltip text for the add button.
+	*/
+	addbutton?: string;
 
-			/** returns the context element
-			 */
-			context?: any;
+	/** Sets the tooltip text for the basic preset.
+	*/
+	basic?: string;
 
-			/** returns the pointer Index
-			 */
-			index?: number;
+	/** Sets the tooltip text for the mono chrome preset.
+	*/
+	monochrome?: string;
 
-			/** returns the pointer element.
-			 */
-			element?: any;
+	/** Sets the tooltip text for the flat colors preset.
+	*/
+	flatcolors?: string;
 
-			/** returns the value of the pointer.
-			 */
-			value?: number;
+	/** Sets the tooltip text for the sea wolf preset.
+	*/
+	seawolf?: string;
 
-			/** returns the angle of the pointer.
-			 */
-			angle?: number;
+	/** Sets the tooltip text for the web colors preset.
+	*/
+	webcolors?: string;
 
-			/** returns the pointer style
-			 */
-			style?: string;
+	/** Sets the tooltip text for the sandy preset.
+	*/
+	sandy?: string;
 
-			/** returns the startX and startY of the pointer.
-			 */
-			position?: any;
-		}
+	/** Sets the tooltip text for the pink shades preset.
+	*/
+	pinkshades?: string;
 
-		export interface MouseClickMoveEventArgs {
+	/** Sets the tooltip text for the misty preset.
+	*/
+	misty?: string;
 
-			/** returns the object of the gauge.
-			 */
-			object?: any;
+	/** Sets the tooltip text for the citrus preset.
+	*/
+	citrus?: string;
 
-			/** returns the cancel option value
-			 */
-			cancel?: boolean;
+	/** Sets the tooltip text for the vintage preset.
+	*/
+	vintage?: string;
 
-			/** returns the gauge model
-			 */
-			model?: any;
+	/** Sets the tooltip text for the moon light preset.
+	*/
+	moonlight?: string;
 
-			/** returns the name of the event
-			 */
-			type?: any;
+	/** Sets the tooltip text for the candy crush preset.
+	*/
+	candycrush?: string;
 
-			/** returns the scale element.
-			 */
-			scaleElement?: any;
+	/** Sets the tooltip text for the current color area.
+	*/
+	currentcolor?: string;
 
-			/** returns the scaleIndex to which the pointer belongs.
-			 */
-			scaleIndex?: number;
+	/** Sets the tooltip text for the selected color area.
+	*/
+	selectedcolor?: string;
+}
 
-			/** returns the context element
-			 */
-			context?: any;
+enum ModelType{
 
-			/** returns the pointer Index
-			 */
-			index?: number;
+	///support palette type mode in color picker.
+	Palette,
 
-			/** returns the pointer element.
-			 */
-			element?: any;
+	///support palette type mode in color picker.
+	Picker
+}
 
-			/** returns the value of the pointer.
-			 */
-			value?: number;
 
-			/** returns the angle of the pointer.
-			 */
-			angle?: number;
+enum Palette{
 
-			/** returns the pointer style
-			 */
-			style?: string;
+	///used to show the basic palette
+	BasicPalette,
 
-			/** returns the startX and startY of the pointer.
-			 */
-			position?: any;
-		}
+	///used to show the custompalette
+	CustomPalette
+}
 
-		export interface MouseClickUpEventArgs {
 
-			/** returns the object of the gauge.
-			 */
-			object?: any;
+enum Presets{
 
-			/** returns the cancel option value
-			 */
-			cancel?: boolean;
+	///used to show the basic presets
+	Basic,
 
-			/** returns the gauge model
-			 */
-			model?: any;
+	///used to show the CandyCrush colors presets
+	CandyCrush,
 
-			/** returns the name of the event
-			 */
-			type?: any;
+	///used to show the Citrus colors presets
+	Citrus,
 
-			/** returns the scale element.
-			 */
-			scaleElement?: any;
+	///used to show the FlatColors presets
+	FlatColors,
 
-			/** returns the scaleIndex to which the pointer belongs.
-			 */
-			scaleIndex?: number;
+	///used to show the Misty presets
+	Misty,
 
-			/** returns the context element
-			 */
-			context?: any;
-
-			/** returns the pointer Index
-			 */
-			index?: number;
+	///used to show the MoonLight presets
+	MoonLight,
+
+	///used to show the PinkShades presets
+	PinkShades,
 
-			/** returns the pointer element.
-			 */
-			element?: any;
+	///used to show the Sandy presets
+	Sandy,
 
-			/** 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;
-		}
+	///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;
 
-		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 font for custom labels
-			 * @Default {Object}
-			 */
-			font?: ScalesCustomLabelsFont;
-		}
-
-		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 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 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,
-		}
-	}
-
-	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 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;
+	/** FileExplorer control is displayed with rounded corner when this property is set to true.
+	*   @Default {false}
+	*/
+	showRoundedCorner?: boolean;
 
-			/** returns the cancel option value
-			 */
-			cancel?: boolean;
-
-			/** returns the all the options of the items.
-			 */
-			items?: any;
+	/** 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 context element
-			 */
-			context?: any;
-
-			/** returns the gauge model
-			 */
-			model?: any;
+	/** Shows or disables the toolbar in FileExplorer control.
+	*   @Default {true}
+	*/
+	showToolbar?: boolean;
 
-			/** returns the name of the event
-			 */
-			type?: string;
-		}
+	/** 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;
 
-		export interface LoadEventArgs {
+	/** 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;
 
-			/** returns the object of the gauge.
-			 */
-			object?: any;
-
-			/** returns the cancel option value
-			 */
-			cancel?: boolean;
+	/** 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>;
 
-			/** returns the all the options of the items.
-			 */
-			items?: any;
+	/** Gets or sets an object that indicates whether to customize the upload behavior in the FileExplorer.
+	*/
+	uploadSettings?: UploadSettings;
 
-			/** returns the context element
-			 */
-			context?: any;
+	/** Specifies the width of FileExplorer control.
+	*   @Default {850}
+	*/
+	width?: string|number;
 
-			/** returns the gauge model
-			 */
-			model?: any;
+	/** Fires before the AJAX request is performed. */
+	beforeAjaxRequest? (e: BeforeAjaxRequestEventArgs): void;
 
-			/** returns the name of the event
-			 */
-			type?: string;
-		}
+	/** Fires before downloading the files. */
+	beforeDownload? (e: BeforeDownloadEventArgs): void;
 
-		export interface RenderCompleteEventArgs {
+	/** 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 object of the gauge.
-			 */
-			object?: any;
+	/** Fires before files or folders open. */
+	beforeOpen? (e: BeforeOpenEventArgs): void;
 
-			/** 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;
-
-		/** 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;
+	/** Fires before uploading the files. */
+	beforeUpload? (e: BeforeUploadEventArgs): void;
 
-			/** Options to split Chart into multiple plotting areas horizontally. Each object in the collection represents a plotting area in Chart.
-			 */
-			rowDefinitions?: RowDefinition[];
+	/** Fires when FileExplorer control was created */
+	create? (e: CreateEventArgs): void;
 
-			/** Specifies the properties used for customizing the series.
-			 */
-			series?: Series[];
+	/** Fires when file or folder is copied successfully. */
+	copy? (e: CopyEventArgs): void;
 
-			/** Controls whether data points has to be displayed side by side or along the depth of the axis.
-			 * @Default {false}
-			 */
-			sideBySideSeriesPlacement?: boolean;
+	/** Fires when new folder is created successfully in file system. */
+	createFolder? (e: CreateFolderEventArgs): void;
 
-			/** Options to customize the Chart size.
-			 */
-			size?: Size;
+	/** Fires when file or folder is cut successfully. */
+	cut? (e: CutEventArgs): void;
 
-			/** Specifies the theme for Chart.
-			 * @Default {Flatlight. See Theme}
-			 */
-			theme?: ej.datavisualization.Chart.Theme | string;
+	/** Fires when the FileExplorer is destroyed successfully. */
+	destroy? (e: DestroyEventArgs): void;
 
-			/** Slope angle of 3D Chart. This property is applicable only when 3D view is enabled.
-			 * @Default {0}
-			 */
-			tilt?: number;
+	/** Fires when the files or directory has been started to drag over on the FileExplorer */
+	dragStart? (e: DragStartEventArgs): void;
 
-			/** Options for customizing the title and subtitle of Chart.
-			 */
-			title?: Title;
+	/** Fires when the files or directory is dragging over on the FileExplorer. */
+	drag? (e: DragEventArgs): void;
 
-			/** 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;
+	/** Fires when the files or directory has been stopped to drag over on FileExplorer */
+	dragStop? (e: DragStopEventArgs): void;
 
-			/** Options for enabling zooming feature of chart.
-			 */
-			zooming?: Zooming;
+	/** Fires when the files or directory is dropped to the target folder of FileExplorer */
+	drop? (e: DropEventArgs): void;
 
-			/** Fires after the series animation is completed. This event will be triggered for each series when animation is enabled. */
-			animationComplete?(e: AnimationCompleteEventArgs): 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 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 when keydown in FileExplorer control. */
+	keydown? (e: KeydownEventArgs): void;
 
-			/** Fires during the initialization of axis labels. */
-			axesLabelsInitialize?(e: AxesLabelsInitializeEventArgs): void;
+	/** Fires when the file view type is changed. */
+	layoutChange? (e: LayoutChangeEventArgs): 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 when before the ContextMenu opening. */
+	menuBeforeOpen? (e: MenuBeforeOpenEventArgs): 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 when click the ContextMenu item. */
+	menuClick? (e: MenuClickEventArgs): 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 when ContextMenu is successfully opened. */
+	menuOpen? (e: MenuOpenEventArgs): void;
 
-			/** Fires after chart is created. */
-			create?(e: CreateEventArgs): void;
+	/** Fires when files are successfully opened. */
+	open? (e: OpenEventArgs): void;
 
-			/** Fires when chart is destroyed completely. */
-			destroy?(e: DestroyEventArgs): void;
+	/** Fires when a file or folder is pasted successfully. */
+	paste? (e: PasteEventArgs): 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 when file or folder is deleted successfully. */
+	remove? (e: RemoveEventArgs): void;
 
-			/** Fires during the calculation of legend bounds. You can use this event to customize the bounds of legend. */
-			legendBoundsCalculate?(e: LegendBoundsCalculateEventArgs): void;
+	/** Fires when resizing is performed for FileExplorer. */
+	resize? (e: ResizeEventArgs): void;
 
-			/** Fires on clicking the legend item. */
-			legendItemClick?(e: LegendItemClickEventArgs): void;
+	/** Fires when resizing is started for FileExplorer. */
+	resizeStart? (e: ResizeStartEventArgs): void;
 
-			/** Fires when moving mouse over legend item. You can use this event for hit testing on legend items. */
-			legendItemMouseMove?(e: LegendItemMouseMoveEventArgs): void;
+	/** Fires this event when the resizing is stopped for FileExplorer. */
+	resizeStop? (e: ResizeStopEventArgs): 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 when the items from grid view or tile view of FileExplorer control is selected. */
+	select? (e: SelectEventArgs): void;
 
-			/** Fires before loading the chart. */
-			load?(e: LoadEventArgs): void;
+	/** Triggered when refresh the template column elements in the grid view of FileExplorer control. */
+	templateRefresh? (e: TemplateRefreshEventArgs): void;
 
-			/** Fires after selected the data in chart. */
-			rangeSelected?(e: RangeSelectedEventArgs): void;
+	/** Fires when the items from grid view or tile view or large icons view of FileExplorer control is unselected. */
+	unselect? (e: UnselectEventArgs): void;
+}
 
-			/** Fires on clicking a point in chart. You can use this event to handle clicks made on points. */
-			pointRegionClick?(e: PointRegionClickEventArgs): void;
+export interface BeforeAjaxRequestEventArgs {
 
-			/** Fires when mouse is moved over a point. */
-			pointRegionMouseMove?(e: PointRegionMouseMoveEventArgs): void;
+	/** Set to true when the event has to be canceled, else false.
+	*/
+	cancel?: boolean;
 
-			/** Fires before rendering chart. */
-			preRender?(e: PreRenderEventArgs): void;
+	/** returns the AJAX request data
+	*/
+	data?: any;
 
-			/** Fires after selecting a series. This event is triggered after selecting a series only if selection mode is series. */
-			seriesRegionClick?(e: SeriesRegionClickEventArgs): void;
+	/** returns the FileExplorer model
+	*/
+	model?: ej.FileExplorer.Model;
 
-			/** Fires before rendering a series. This event is fired for each series in Chart. */
-			seriesRendering?(e: SeriesRenderingEventArgs): void;
+	/** returns the name of the event
+	*/
+	type?: string;
+}
 
-			/** Fires before rendering the marker symbols. This event is triggered for each marker in Chart. */
-			symbolRendering?(e: SymbolRenderingEventArgs): void;
+export interface BeforeDownloadEventArgs {
 
-			/** Fires before rendering the Chart title. You can use this event to add custom text in Chart title. */
-			titleRendering?(e: TitleRenderingEventArgs): void;
+	/** Set to true when the event has to be canceled, else false.
+	*/
+	cancel?: boolean;
 
-			/** 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;
+	/** returns the downloaded file names.
+	*/
+	files?: string[];
 
-			/** 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 FileExplorer model.
+	*/
+	model?: ej.FileExplorer.Model;
 
-			/** 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 path of currently opened item.
+	*/
+	path?: string;
 
-			/** Fires, on clicking the axis label. */
-			axisLabelClick?(e: AxisLabelClickEventArgs): void;
+	/** returns the selected item details.
+	*/
+	selectedItems?: any;
 
-			/** Fires on moving mouse over the axis label. */
-			axisLabelMouseMove?(e: AxisLabelMouseMoveEventArgs): void;
+	/** returns the name of the event.
+	*/
+	type?: string;
+}
 
-			/** Fires, on the clicking the chart. */
-			chartClick?(e: ChartClickEventArgs): void;
+export interface BeforeGetImageEventArgs {
 
-			/** Fires on moving mouse over the chart. */
-			chartMouseMove?(e: ChartMouseMoveEventArgs): void;
+	/** set to true when the event has to be canceled, else false.
+	*/
+	cancel?: boolean;
 
-			/** Fires, on double clicking the chart. */
-			chartDoubleClick?(e: ChartDoubleClickEventArgs): void;
+	/** enable or disable the image compress option.
+	*/
+	canCompress?: boolean;
 
-			/** Fires on clicking the annotation. */
-			annotationClick?(e: AnnotationClickEventArgs): void;
+	/** returns the FileExplorer model.
+	*/
+	model?: ej.FileExplorer.Model;
 
-			/** Fires, after the chart is resized. */
-			afterResize?(e: AfterResizeEventArgs): void;
+	/** returns the expected image size.
+	*/
+	size?: any;
 
-			/** Fires, when chart size is changing. */
-			beforeResize?(e: BeforeResizeEventArgs): void;
+	/** returns the selected item details.
+	*/
+	selectedItems?: any;
 
-			/** Fires, when error bar is rendering. */
-			errorBarRendering?(e: ErrorBarRenderingEventArgs): void;
+	/** returns the name of the event.
+	*/
+	type?: string;
+}
 
-			/** Trigger, after the scrollbar position is changed. */
-			scrollChanged?(e: ScrollChangedEventArgs): void;
+export interface BeforeOpenEventArgs {
 
-			/** Event triggered when scroll starts */
-			scrollStart?(e: ScrollStartEventArgs): void;
+	/** Set to true when the event has to be canceled, else false.
+	*/
+	cancel?: boolean;
 
-			/** Event triggered when scroll end */
-			scrollEnd?(e: ScrollEndEventArgs): void;
-		}
+	/** returns the opened item type.
+	*/
+	itemType?: string;
 
-		export interface AnimationCompleteEventArgs {
+	/** returns the FileExplorer model.
+	*/
+	model?: ej.FileExplorer.Model;
 
-			/** Instance of the series that completed has animation.
-			 */
-			series?: any;
+	/** returns the path of currently opened item.
+	*/
+	path?: string;
 
-			/** Set this option to true to cancel the event
-			 */
-			cancel?: boolean;
+	/** returns the selected item details.
+	*/
+	selectedItems?: 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 BeforeUploadEventArgs {
 
-		export interface AxesLabelRenderingEventArgs {
+	/** Set to true when the event has to be canceled, else false.
+	*/
+	cancel?: boolean;
 
-			/** Instance of the corresponding axis.
-			 */
-			Axis?: any;
+	/** returns the FileExplorer model.
+	*/
+	model?: ej.FileExplorer.Model;
 
-			/** Formatted text of the respective label. You can also add custom text to the label.
-			 */
-			LabelText?: string;
+	/** returns the path of currently opened item.
+	*/
+	path?: string;
 
-			/** Actual value of the label.
-			 */
-			LabelValue?: string;
+	/** returns the selected item details.
+	*/
+	selectedItems?: any;
 
-			/** Set this option to true to cancel the event.
-			 */
-			cancel?: boolean;
+	/** returns the upload item details.
+	*/
+	uploadItemDetails?: 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 CreateEventArgs {
 
-		export interface AxesLabelsInitializeEventArgs {
+	/** Set to true when the event has to be canceled, else false.
+	*/
+	cancel?: boolean;
 
-			/** Collection of axes in Chart
-			 */
-			dataAxes?: any;
+	/** 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;
+}
 
-			/** Instance of the chart model object.
-			 */
-			model?: any;
+export interface CopyEventArgs {
 
-			/** Name of the event
-			 */
-			type?: string;
-		}
+	/** Set to true when the event has to be canceled, else false.
+	*/
+	cancel?: boolean;
 
-		export interface AxesRangeCalculateEventArgs {
+	/** returns the FileExplorer model.
+	*/
+	model?: ej.FileExplorer.Model;
 
-			/** Difference between minimum and maximum value of axis range.
-			 */
-			delta?: number;
+	/** returns the name of copied file/folder.
+	*/
+	name?: string[];
 
-			/** Interval value of axis range. Grid lines, tick lines and axis labels are drawn based on this interval value.
-			 */
-			interval?: number;
+	/** returns the selected item details.
+	*/
+	selectedItems?: any;
 
-			/** Maximum value of axis range.
-			 */
-			max?: number;
+	/** returns the source path.
+	*/
+	sourcePath?: string;
 
-			/** Minimum value of axis range.
-			 */
-			min?: number;
+	/** returns the name of the event.
+	*/
+	type?: string;
+}
 
-			/** Set this option to true to cancel the event.
-			 */
-			cancel?: boolean;
+export interface CreateFolderEventArgs {
 
-			/** Instance of the chart model object.
-			 */
-			model?: any;
+	/** Set to true when the event has to be canceled, else false.
+	*/
+	cancel?: boolean;
 
-			/** Name of the event
-			 */
-			type?: string;
-		}
+	/** returns the AJAX response data
+	*/
+	data?: any;
 
-		export interface AxesTitleRenderingEventArgs {
+	/** returns the FileExplorer model
+	*/
+	model?: ej.FileExplorer.Model;
 
-			/** Instance of the axis whose title is being rendered
-			 */
-			axes?: any;
+	/** returns the selected item details
+	*/
+	selectedItems?: any;
 
-			/** X-coordinate of title location
-			 */
-			locationX?: number;
+	/** returns the name of the event.
+	*/
+	type?: string;
+}
 
-			/** Y-coordinate of title location
-			 */
-			locationY?: number;
+export interface CutEventArgs {
 
-			/** Axis title text. You can add custom text to the title.
-			 */
-			title?: string;
+	/** Set to true when the event has to be canceled, else false.
+	*/
+	cancel?: boolean;
 
-			/** Set this option to true to cancel the event.
-			 */
-			cancel?: boolean;
+	/** returns the FileExplorer model.
+	*/
+	model?: ej.FileExplorer.Model;
 
-			/** Instance of the chart model object.
-			 */
-			model?: any;
+	/** returns the name of moved file or folder.
+	*/
+	name?: string[];
 
-			/** Name of the event
-			 */
-			type?: string;
-		}
+	/** returns the selected item details.
+	*/
+	selectedItems?: any;
 
-		export interface ChartAreaBoundsCalculateEventArgs {
+	/** returns the source path.
+	*/
+	sourcePath?: string;
 
-			/** Height of the chart area.
-			 */
-			areaBoundsHeight?: number;
+	/** returns the name of the event.
+	*/
+	type?: string;
+}
 
-			/** Width of the chart area.
-			 */
-			areaBoundsWidth?: number;
+export interface DestroyEventArgs {
 
-			/** X-coordinate of the chart area.
-			 */
-			areaBoundsX?: number;
+	/** Set to true when the event has to be canceled, else false.
+	*/
+	cancel?: boolean;
 
-			/** Y-coordinate of the chart area.
-			 */
-			areaBoundsY?: 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;
+}
 
-			/** Instance of the chart model object.
-			 */
-			model?: any;
+export interface DragStartEventArgs {
 
-			/** Name of the event
-			 */
-			type?: string;
-		}
+	/** set to true when the event has to be canceled, else false.
+	*/
+	cancel?: boolean;
 
-		export interface CreateEventArgs {
+	/** 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;
 
-			/** Instance of the chart model object.
-			 */
-			model?: any;
+	/** returns the dragging element.
+	*/
+	target?: any;
 
-			/** Name of the event
-			 */
-			type?: string;
-		}
+	/** returns the path of dragging element.
+	*/
+	targetPath?: string;
 
-		export interface DestroyEventArgs {
+	/** returns the dragging file details.
+	*/
+	selectedItems?: any;
+}
 
-			/** Set this option to true to cancel the event.
-			 */
-			cancel?: boolean;
+export interface DragEventArgs {
 
-			/** Instance of the chart model object.
-			 */
-			model?: any;
+	/** 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 DisplayTextRenderingEventArgs {
+	/** returns the name of the event.
+	*/
+	type?: string;
 
-			/** Text displayed in data label. You can add custom text to the data label
-			 */
-			text?: string;
+	/** returns the target element.
+	*/
+	target?: any;
 
-			/** X-coordinate of data label location
-			 */
-			locationX?: number;
+	/** returns the name of target element.
+	*/
+	targetElementName?: string;
 
-			/** Y-coordinate of data label location
-			 */
-			locationY?: number;
+	/** returns the path of target element.
+	*/
+	targetPath?: string;
+}
 
-			/** Index of the series in series Collection whose data label is being rendered
-			 */
-			seriesIndex?: number;
+export interface DragStopEventArgs {
 
-			/** Index of the point in series whose data label is being rendered
-			 */
-			pointIndex?: number;
+	/** set to true when the event has to be canceled, else false.
+	*/
+	cancel?: boolean;
 
-			/** Set this option to true to cancel the event.
-			 */
-			cancel?: boolean;
+	/** returns the FileExplorer model.
+	*/
+	model?: ej.FileExplorer.Model;
 
-			/** Instance of the chart model object.
-			 */
-			model?: any;
+	/** returns the name of the event.
+	*/
+	type?: string;
 
-			/** Name of the event
-			 */
-			type?: string;
-		}
+	/** returns the target element.
+	*/
+	target?: any;
 
-		export interface LegendBoundsCalculateEventArgs {
+	/** returns the path of target element.
+	*/
+	targetPath?: string;
 
-			/** Height of the legend.
-			 */
-			legendBoundsHeight?: number;
+	/** returns the name of target element
+	*/
+	targetElementName?: string;
 
-			/** Width of the legend.
-			 */
-			legendBoundsWidth?: number;
+	/** returns the action, which is performed after dropping the files (upload/ move).
+	*/
+	dropAction?: string;
 
-			/** Number of rows to display the legend items
-			 */
-			legendBoundsRows?: number;
+	/** returns the dragging file details
+	*/
+	fileInfo?: any;
+}
 
-			/** Set this option to true to cancel the event.
-			 */
-			cancel?: boolean;
+export interface DropEventArgs {
 
-			/** Instance of the chart model object.
-			 */
-			model?: any;
+	/** 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 LegendItemClickEventArgs {
+	/** 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 chart model object
-			 */
-			model?: any;
+	/** returns the name of target folder.
+	*/
+	targetFolder?: string;
 
-			/** Name of the event
-			 */
-			type?: string;
+	/** returns the path of target folder.
+	*/
+	targetPath?: string;
 
-			/** X-coordinate of legend item in pixel
-			 */
-			startX?: number;
+	/** returns the dragging element details.
+	*/
+	fileInfo?: any;
 
-			/** Y-coordinate of legend item in pixel
-			 */
-			startY?: number;
+	/** returns the action, which is performed after dropping the files (upload/ move).
+	*/
+	dropAction?: string;
+}
 
-			/** Instance of the legend item object that is about to be rendered
-			 */
-			LegendItem?: any;
+export interface GetImageEventArgs {
 
-			/** Options to customize the legend item styles such as border, color, size, etc…,
-			 */
-			style?: any;
+	/** set to true when the event has to be canceled, else false.
+	*/
+	cancel?: boolean;
 
-			/** Instance that holds information about legend bounds and legend item bounds.
-			 */
-			Bounds?: any;
+	/** loaded image path.
+	*/
+	path?: string;
 
-			/** Name of the legend item shape. Use this option to customize legend item shape before rendering
-			 */
-			symbolShape?: string;
+	/** loaded image element
+	*/
+	element?: any;
 
-			/** Instance of the series object corresponding to the legend item
-			 */
-			series?: any;
-		}
+	/** returns the FileExplorer model.
+	*/
+	model?: ej.FileExplorer.Model;
 
-		export interface LegendItemMouseMoveEventArgs {
+	/** original arguments of image load or error event
+	*/
+	originalArgs?: any;
 
-			/** Set this option to true to cancel the event
-			 */
-			cancel?: boolean;
+	/** returns the action type, which specifies thumbnail preview or opening image.
+	*/
+	action?: 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 KeydownEventArgs {
 
-			/** X-coordinate of legend item in pixel
-			 */
-			startX?: number;
+	/** Set to true when the event has to be canceled, else false.
+	*/
+	cancel?: boolean;
 
-			/** Y-coordinate of legend item in pixel
-			 */
-			startY?: number;
+	/** returns the downed key keyCode value
+	*/
+	keyCode?: number;
 
-			/** Instance of the legend item object that is about to be rendered
-			 */
-			LegendItem?: any;
+	/** returns altKey value.
+	*/
+	altKey?: boolean;
 
-			/** Options to customize the legend item styles such as border, color, size, etc…,
-			 */
-			style?: any;
+	/** returns shiftKey value.
+	*/
+	shiftKey?: boolean;
 
-			/** Options to customize the legend item styles such as border, color, size, etc…,
-			 */
-			Bounds?: any;
+	/** returns ctrlKey value.
+	*/
+	ctrlKey?: boolean;
 
-			/** Name of the legend item shape. Use this option to customize legend item shape before rendering
-			 */
-			symbolShape?: string;
+	/** returns the event object.
+	*/
+	originalArgs?: any;
 
-			/** Instance of the series object corresponding to the legend item
-			 */
-			series?: any;
-		}
+	/** returns the FileExplorer model.
+	*/
+	model?: ej.FileExplorer.Model;
 
-		export interface LegendItemRenderingEventArgs {
+	/** returns the name of the event.
+	*/
+	type?: string;
+}
 
-			/** Set this option to true to cancel the event
-			 */
-			cancel?: boolean;
+export interface LayoutChangeEventArgs {
 
-			/** Instance of the chart model object
-			 */
-			model?: any;
+	/** Set to true when the event has to be canceled, else false.
+	*/
+	cancel?: boolean;
 
-			/** Name of the event
-			 */
-			type?: string;
+	/** return true when we change the layout via interaction, else false.
+	*/
+	isInteraction?: boolean;
 
-			/** X-coordinate of legend item in pixel
-			 */
-			startX?: number;
+	/** returns the current view type.
+	*/
+	layoutType?: string;
 
-			/** Y-coordinate of legend item in pixel
-			 */
-			startY?: number;
+	/** returns the FileExplorer model.
+	*/
+	model?: any;
 
-			/** Instance of the legend item object that is about to be rendered
-			 */
-			legendItem?: any;
+	/** returns the name of the event.
+	*/
+	type?: string;
+}
 
-			/** Options to customize the legend item styles such as border, color, size, etc.
-			 */
-			style?: any;
+export interface MenuBeforeOpenEventArgs {
 
-			/** Name of the legend item shape. Use this option to customize legend item shape before rendering
-			 */
-			symbolShape?: string;
-		}
+	/** set to true when the event has to be canceled, else false.
+	*/
+	cancel?: boolean;
 
-		export interface LoadEventArgs {
+	/** returns the name of ContextMenu items group.
+	*/
+	contextMenu?: string;
 
-			/** Set this option to true to cancel the event
-			 */
-			cancel?: boolean;
+	/** returns the dataSource of ContextMenu.
+	*/
+	dataSource?: Array<any>;
 
-			/** Instance of the chart model object
-			 */
-			model?: any;
+	/** returns the element of ContextMenu.
+	*/
+	element?: any;
 
-			/** Name of the event
-			 */
-			type?: string;
-		}
+	/** returns the event of ContextMenu.
+	*/
+	events?: any;
 
-		export interface RangeSelectedEventArgs {
+	/** returns the FileExplorer model.
+	*/
+	model?: ej.FileExplorer.Model;
 
-			/** Set this option to true to cancel the event
-			 */
-			cancel?: boolean;
+	/** returns the target element.
+	*/
+	target?: 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 MenuClickEventArgs {
 
-			/** Selected data collection of object
-			 */
-			data?: any;
-		}
+	/** returns the ID of clicked ContextMenu item.
+	*/
+	ID?: string;
 
-		export interface PointRegionClickEventArgs {
+	/** set to true when the event has to be canceled, else false.
+	*/
+	cancel?: boolean;
 
-			/** Set this option to true to cancel the event
-			 */
-			cancel?: boolean;
+	/** returns the name of ContextMenu items group.
+	*/
+	contextMenu?: string;
 
-			/** Instance of the chart model object
-			 */
-			model?: any;
+	/** returns the element of clicked ContextMenu item.
+	*/
+	element?: any;
 
-			/** Name of the event
-			 */
-			type?: string;
+	/** returns the event of ContextMenu.
+	*/
+	event?: any;
 
-			/** X-coordinate of point in pixel
-			 */
-			locationX?: number;
+	/** returns the FileExplorer model.
+	*/
+	model?: ej.FileExplorer.Model;
 
-			/** Y-coordinate of point in pixel
-			 */
-			locationY?: number;
+	/** returns the parent element ID of clicked ContextMenu item.
+	*/
+	parentId?: string;
 
-			/** Index of the point in series
-			 */
-			pointIndex?: number;
+	/** returns the parent element text of clicked ContextMenu item.
+	*/
+	parentText?: string;
 
-			/** Index of the series in series collection to which the point belongs
-			 */
-			seriesIndex?: number;
-		}
+	/** returns the text of clicked ContextMenu item.
+	*/
+	text?: string;
 
-		export interface PointRegionMouseMoveEventArgs {
+	/** returns the name of the event.
+	*/
+	type?: string;
+}
 
-			/** Set this option to true to cancel the event
-			 */
-			cancel?: boolean;
+export interface MenuOpenEventArgs {
 
-			/** Instance of the chart model object
-			 */
-			model?: any;
+	/** set to true when the event has to be canceled, else false.
+	*/
+	cancel?: boolean;
 
-			/** Name of the event
-			 */
-			type?: string;
+	/** returns the name of ContextMenu items group.
+	*/
+	contextMenu?: string;
 
-			/** X-coordinate of point in pixel
-			 */
-			locationX?: number;
+	/** returns the element of ContextMenu.
+	*/
+	element?: any;
 
-			/** Y-coordinate of point in pixel
-			 */
-			locationY?: number;
+	/** returns the FileExplorer model.
+	*/
+	model?: ej.FileExplorer.Model;
 
-			/** Index of the point in series
-			 */
-			pointIndex?: number;
+	/** returns the target element.
+	*/
+	target?: any;
 
-			/** Index of the series in series collection to which the point belongs
-			 */
-			seriesIndex?: number;
-		}
+	/** returns the name of the event.
+	*/
+	type?: string;
+}
 
-		export interface PreRenderEventArgs {
+export interface OpenEventArgs {
 
-			/** 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;
 
-			/** Instance of the chart model object
-			 */
-			model?: any;
+	/** returns the opened item type.
+	*/
+	itemType?: string;
 
-			/** Name of the event
-			 */
-			type?: string;
-		}
+	/** returns the FileExplorer model.
+	*/
+	model?: ej.FileExplorer.Model;
 
-		export interface SeriesRegionClickEventArgs {
+	/** returns the path of currently opened item.
+	*/
+	path?: string;
 
-			/** Set this option to true to cancel the event
-			 */
-			cancel?: boolean;
+	/** returns the selected item details.
+	*/
+	selectedItems?: 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 PasteEventArgs {
 
-			/** Instance of the selected series
-			 */
-			series?: any;
+	/** Set to true when the event has to be canceled, else false.
+	*/
+	cancel?: boolean;
 
-			/** Index of the selected series
-			 */
-			seriesIndex?: number;
-		}
+	/** returns the FileExplorer model.
+	*/
+	model?: ej.FileExplorer.Model;
 
-		export interface SeriesRenderingEventArgs {
+	/** returns the name of moved/copied file or folder.
+	*/
+	name?: string[];
 
-			/** Set this option to true to cancel the event
-			 */
-			cancel?: boolean;
+	/** returns the selected item details.
+	*/
+	selectedItems?: any;
 
-			/** Instance of the chart model object
-			 */
-			model?: any;
+	/** returns the target folder item details.
+	*/
+	targetFolder?: any;
 
-			/** Name of the event
-			 */
-			type?: string;
+	/** returns the target path.
+	*/
+	targetPath?: string;
 
-			/** Instance of the series which is about to get rendered
-			 */
-			series?: any;
-		}
+	/** returns the name of the event.
+	*/
+	type?: string;
+}
 
-		export interface SymbolRenderingEventArgs {
+export interface RemoveEventArgs {
 
-			/** 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;
 
-			/** Instance of the chart model object
-			 */
-			model?: any;
+	/** returns the AJAX response data.
+	*/
+	data?: any;
 
-			/** Name of the event
-			 */
-			type?: string;
+	/** returns the FileExplorer model.
+	*/
+	model?: ej.FileExplorer.Model;
 
-			/** Instance that holds the location of marker symbol
-			 */
-			location?: any;
+	/** returns the names of deleted items.
+	*/
+	name?: string;
 
-			/** Options to customize the marker style such as color, border and size
-			 */
-			style?: any;
-		}
+	/** returns the path of deleted item.
+	*/
+	path?: string;
 
-		export interface TitleRenderingEventArgs {
+	/** returns the removed item details.
+	*/
+	selectedItems?: 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 ResizeEventArgs {
 
-			/** Name of the event
-			 */
-			type?: string;
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
 
-			/** Option to customize the title location in pixels
-			 */
-			location?: any;
+	/** returns the mouse move event args.
+	*/
+	event?: any;
 
-			/** Read-only option to find the size of the title
-			 */
-			size?: any;
+	/** returns the FileExplorer model.
+	*/
+	model?: ej.FileExplorer.Model;
 
-			/** Use this option to add custom text in title
-			 */
-			title?: string;
-		}
+	/** returns the name of the event.
+	*/
+	type?: string;
+}
 
-		export interface ToolTipInitializeEventArgs {
+export interface ResizeStartEventArgs {
 
-			/** 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;
 
-			/** Instance of the chart model object
-			 */
-			model?: any;
+	/** returns the mouse down event args.
+	*/
+	event?: any;
 
-			/** Name of the event
-			 */
-			type?: string;
+	/** returns the FileExplorer model.
+	*/
+	model?: ej.FileExplorer.Model;
 
-			/** Text to be displayed in tooltip. Set this option to customize the text displayed in tooltip
-			 */
-			currentText?: string;
+	/** returns the name of the event.
+	*/
+	type?: string;
+}
 
-			/** Index of the point on which mouse is hovered
-			 */
-			pointIndex?: number;
+export interface ResizeStopEventArgs {
 
-			/** Index of the series in series collection whose point is hovered by mouse
-			 */
-			seriesIndex?: number;
-		}
+	/** Set to true when the event has to be canceled, else false.
+	*/
+	cancel?: boolean;
 
-		export interface TrackAxisToolTipEventArgs {
+	/** returns the mouse leave 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 chart model object
-			 */
-			model?: any;
+	/** returns the name of the event.
+	*/
+	type?: string;
+}
 
-			/** Name of the event
-			 */
-			type?: string;
+export interface SelectEventArgs {
 
-			/** Location of the crosshair label in pixels
-			 */
-			location?: any;
+	/** Set to true when the event has to be canceled, else false.
+	*/
+	cancel?: boolean;
 
-			/** Index of the axis for which crosshair label is displayed
-			 */
-			axisIndex?: number;
+	/** returns the FileExplorer model.
+	*/
+	model?: ej.FileExplorer.Model;
 
-			/** Instance of the chart axis object for which cross hair label is displayed
-			 */
-			crossAxis?: number;
+	/** returns the name of selected items.
+	*/
+	name?: string[];
 
-			/** Text to be displayed in crosshair label. Use this option to add custom text in crosshair label
-			 */
-			currentTrackText?: string;
-		}
+	/** returns the path of selected items.
+	*/
+	path?: string;
 
-		export interface TrackToolTipEventArgs {
+	/** returns the selected item details
+	*/
+	selectedItems?: 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 TemplateRefreshEventArgs {
 
-			/** Name of the event
-			 */
-			type?: string;
+	/** Set to true when the event has to be canceled, else false.
+	*/
+	cancel?: boolean;
 
-			/** Location of the trackball tooltip in pixels
-			 */
-			location?: any;
+	/** Returns the cell object.
+	*/
+	cell?: ej.FileExplorer.Model;
 
-			/** Index of the point for which trackball tooltip is displayed
-			 */
-			pointIndex?: number;
+	/** Returns the column object.
+	*/
+	column?: any;
 
-			/** Index of the series in series collection
-			 */
-			seriesIndex?: number;
+	/** Returns the current row data.
+	*/
+	data?: any;
 
-			/** Text to be displayed in trackball tooltip. Use this option to add custom text in trackball tooltip
-			 */
-			currentText?: string;
+	/** Returns the grid model of FileExplorer.
+	*/
+	model?: any;
 
-			/** Instance of the series object for which trackball tooltip is displayed.
-			 */
-			series?: any;
-		}
+	/** Returns the current row index.
+	*/
+	rowIndex?: number;
 
-		export interface AxisLabelClickEventArgs {
+	/** returns the name of the event.
+	*/
+	type?: string;
+}
+
+export interface UnselectEventArgs {
 
-			/** Set this option to true to cancel the event
-			 */
-			cancel?: boolean;
+	/** Returns the FileExplorer model.
+	*/
+	model?: ej.FileExplorer.Model;
 
-			/** Instance of the chart model object
-			 */
-			model?: any;
+	/** Returns the name of unselected item.
+	*/
+	name?: string;
 
-			/** Name of the event
-			 */
-			type?: string;
+	/** Returns the name of unselected items.
+	*/
+	names?: string[];
 
-			/** X and Y co-ordinate of the labels in chart area.
-			 */
-			location?: any;
+	/** Returns the type of unselected item.
+	*/
+	nodeType?: string;
 
-			/** Index of the label.
-			 */
-			index?: number;
+	/** Returns the path of unselected item.
+	*/
+	path?: string;
 
-			/** Instance of the corresponding axis.
-			 */
-			axis?: any;
+	/** 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;
 
-			/** Label that is clicked.
-			 */
-			text?: string;
-		}
+	/** Fires when DatePicker popup is closed. */
+	close? (e: CloseEventArgs): void;
 
-		export interface AxisLabelMouseMoveEventArgs {
+	/** Fires when the DatePicker is created successfully. */
+	create? (e: CreateEventArgs): void;
 
-			/** Set this option to true to cancel the event
-			 */
-			cancel?: boolean;
+	/** Fires when the DatePicker is destroyed successfully. */
+	destroy? (e: DestroyEventArgs): void;
 
-			/** Instance of the chart model object
-			 */
-			model?: any;
+	/** Fires when DatePicker input gets focus. */
+	focusIn? (e: FocusInEventArgs): void;
 
-			/** Name of the event
-			 */
-			type?: string;
+	/** Fires when DatePicker input loses the focus. */
+	focusOut? (e: FocusOutEventArgs): void;
 
-			/** X and Y co-ordinate of the labels in chart area.
-			 */
-			location?: any;
+	/** Fires when calender view navigates to month/year/decade/century. */
+	navigate? (e: NavigateEventArgs): void;
 
-			/** Index of the label.
-			 */
-			index?: number;
+	/** Fires when DatePicker popup is opened. */
+	open? (e: OpenEventArgs): void;
 
-			/** Instance of the corresponding axis.
-			 */
-			axis?: any;
+	/** Fires when a date is selected from the DatePicker popup. */
+	select? (e: SelectEventArgs): void;
+}
 
-			/** Label that is hovered.
-			 */
-			text?: string;
-		}
+export interface BeforeCloseEventArgs {
 
-		export interface ChartClickEventArgs {
+	/** Set to true when the event has to be canceled, else false.
+	*/
+	cancel?: boolean;
 
-			/** Set this option to true to cancel the event
-			 */
-			cancel?: boolean;
+	/** returns the DatePicker model.
+	*/
+	model?: ej.DatePicker.Model;
 
-			/** Instance of the chart model object
-			 */
-			model?: any;
+	/** returns the name of the event.
+	*/
+	type?: string;
 
-			/** Name of the event
-			 */
-			type?: string;
+	/** returns the event parameters from DatePicker.
+	*/
+	events?: any;
 
-			/** X and Y co-ordinate of the points with respect to chart area.
-			 */
-			location?: any;
+	/** returns the DatePicker popup.
+	*/
+	element?: HTMLElement;
+}
 
-			/** ID of the target element.
-			 */
-			id?: string;
+export interface BeforeDateCreateEventArgs {
 
-			/** Width and height of the chart.
-			 */
-			size?: any;
+	/** Set to true when the event has to be canceled, else false.
+	*/
+	cancel?: boolean;
 
-			/** x-coordinate of the pointer, relative to the page
-			 */
-			pageX?: number;
+	/** returns the DatePicker model.
+	*/
+	model?: ej.DatePicker.Model;
 
-			/** y-coordinate of the pointer, relative to the page
-			 */
-			pageY?: number;
-		}
+	/** returns the name of the event.
+	*/
+	type?: string;
 
-		export interface ChartMouseMoveEventArgs {
+	/** returns the currently created date object.
+	*/
+	date?: any;
 
-			/** Set this option to true to cancel the event
-			 */
-			cancel?: boolean;
+	/** returns the current DOM object of the date from the Calendar.
+	*/
+	element?: HTMLElement;
 
-			/** Instance of the chart model object
-			 */
-			model?: any;
+	/** returns the currently created date as string type.
+	*/
+	value?: string;
+}
 
-			/** Name of the event
-			 */
-			type?: string;
+export interface BeforeOpenEventArgs {
 
-			/** X and Y co-ordinate of the points with respect to chart area.
-			 */
-			location?: any;
+	/** Set to true when the event has to be canceled, else false.
+	*/
+	cancel?: boolean;
 
-			/** ID of the target element.
-			 */
-			id?: string;
+	/** returns the DatePicker model.
+	*/
+	model?: ej.DatePicker.Model;
 
-			/** Width and height of the chart.
-			 */
-			size?: any;
+	/** returns the name of the event.
+	*/
+	type?: string;
 
-			/** x-coordinate of the pointer, relative to the page
-			 */
-			pageX?: number;
+	/** returns the event parameters from DatePicker.
+	*/
+	events?: any;
 
-			/** y-coordinate of the pointer, relative to the page
-			 */
-			pageY?: number;
-		}
+	/** returns the DatePicker popup.
+	*/
+	element?: HTMLElement;
+}
 
-		export interface ChartDoubleClickEventArgs {
+export interface ChangeEventArgs {
 
-			/** 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;
 
-			/** Instance of the chart model object
-			 */
-			model?: any;
+	/** returns the DatePicker model.
+	*/
+	model?: ej.DatePicker.Model;
 
-			/** Name of the event
-			 */
-			type?: string;
+	/** returns the name of the event.
+	*/
+	type?: string;
 
-			/** X and Y co-ordinate of the points with respect to chart area.
-			 */
-			location?: any;
+	/** returns the DatePicker input value.
+	*/
+	value?: string;
 
-			/** ID of the target element.
-			 */
-			id?: string;
+	/** returns the previously selected value.
+	*/
+	prevDate?: string;
+}
 
-			/** Width and height of the chart.
-			 */
-			size?: any;
+export interface CloseEventArgs {
 
-			/** x-coordinate of the pointer, relative to the page
-			 */
-			pageX?: number;
+	/** Set to true when the event has to be canceled, else false.
+	*/
+	cancel?: boolean;
 
-			/** y-coordinate of the pointer, relative to the page
-			 */
-			pageY?: number;
-		}
+	/** returns the current date object.
+	*/
+	date?: any;
 
-		export interface AnnotationClickEventArgs {
+	/** returns the DatePicker model.
+	*/
+	model?: ej.DatePicker.Model;
 
-			/** 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;
+	/** returns the current date value.
+	*/
+	value?: string;
 
-			/** Name of the event
-			 */
-			type?: string;
+	/** returns the previously selected value.
+	*/
+	prevDate?: string;
+}
 
-			/** X and Y co-ordinate of the annotation in chart area.
-			 */
-			location?: any;
+export interface CreateEventArgs {
 
-			/** Information about the annotation, like Coordinate unit, Region, content
-			 */
-			contentData?: any;
+	/** Set to true when the event has to be canceled, else false.
+	*/
+	cancel?: boolean;
 
-			/** x-coordinate of the pointer, relative to the page
-			 */
-			pageX?: number;
+	/** returns the DatePicker model.
+	*/
+	model?: ej.DatePicker.Model;
 
-			/** y-coordinate of the pointer, relative to the page
-			 */
-			pageY?: number;
-		}
+	/** returns the name of the event.
+	*/
+	type?: string;
+}
 
-		export interface AfterResizeEventArgs {
+export interface DestroyEventArgs {
 
-			/** 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;
 
-			/** Instance of the chart model object
-			 */
-			model?: any;
+	/** returns the DatePicker model.
+	*/
+	model?: ej.DatePicker.Model;
 
-			/** Name of the event
-			 */
-			type?: string;
+	/** returns the name of the event.
+	*/
+	type?: string;
+}
 
-			/** Chart width, after resize
-			 */
-			width?: number;
+export interface FocusInEventArgs {
 
-			/** Chart height, after resize
-			 */
-			height?: number;
+	/** Set to true when the event has to be canceled, else false.
+	*/
+	cancel?: boolean;
 
-			/** Chart width, before resize
-			 */
-			prevWidth?: number;
+	/** returns the DatePicker model.
+	*/
+	model?: ej.DatePicker.Model;
 
-			/** Chart height, before resize
-			 */
-			prevHeight?: number;
+	/** returns the name of the event.
+	*/
+	type?: string;
 
-			/** Chart width, when the chart was first rendered
-			 */
-			originalWidth?: number;
+	/** returns the currently selected date value.
+	*/
+	value?: string;
+}
 
-			/** Chart height, when the chart was first rendered
-			 */
-			originalHeight?: number;
-		}
+export interface FocusOutEventArgs {
 
-		export interface BeforeResizeEventArgs {
+	/** Set to true when the event has to be canceled, else false.
+	*/
+	cancel?: boolean;
 
-			/** Set this option to true to cancel the event
-			 */
-			cancel?: boolean;
+	/** returns the DatePicker model.
+	*/
+	model?: ej.DatePicker.Model;
 
-			/** Instance of the chart model object
-			 */
-			model?: any;
+	/** returns the name of the event.
+	*/
+	type?: string;
 
-			/** Name of the event
-			 */
-			type?: string;
+	/** returns the currently selected date value.
+	*/
+	value?: string;
 
-			/** Chart width, before resize
-			 */
-			currentWidth?: number;
+	/** returns the previously selected date value.
+	*/
+	prevDate?: string;
+}
 
-			/** Chart height, before resize
-			 */
-			currentHeight?: number;
+export interface NavigateEventArgs {
 
-			/** Chart width, after resize
-			 */
-			newWidth?: number;
+	/** Set to true when the event has to be canceled, else false.
+	*/
+	cancel?: boolean;
 
-			/** Chart height, after resize
-			 */
-			newHeight?: number;
-		}
+	/** returns the current date object.
+	*/
+	date?: any;
 
-		export interface ErrorBarRenderingEventArgs {
+	/** returns the DatePicker model.
+	*/
+	model?: ej.DatePicker.Model;
 
-			/** Set this option to true to cancel the event
-			 */
-			cancel?: boolean;
+	/** returns the previous view state of calendar.
+	*/
+	navigateFrom?: string;
 
-			/** Instance of the chart model object
-			 */
-			model?: any;
+	/** returns the current view state of calendar.
+	*/
+	navigateTo?: string;
 
-			/** Name of the event
-			 */
-			type?: string;
+	/** returns the name of the event
+	*/
+	type?: string;
 
-			/** Error bar Object
-			 */
-			errorbar?: any;
-		}
+	/** returns the current date value.
+	*/
+	value?: string;
+}
 
-		export interface ScrollChangedEventArgs {
+export interface OpenEventArgs {
 
-			/** parameters from RangeNavigator
-			 */
-			data?: any;
+	/** Set to true when the event has to be canceled, else false.
+	*/
+	cancel?: boolean;
 
-			/** returns the scrollbar position old start and end range value on changing scrollbar
-			 */
-			dataoldRange?: any;
+	/** returns the current date object.
+	*/
+	date?: any;
 
-			/** returns the scrollbar position new start and end range value on changing scrollbar
-			 */
-			datanewRange?: any;
+	/** 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 RangeNavigator model
-			 */
-			model?: 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 ScrollStartEventArgs {
+export interface SelectEventArgs {
 
-			/** parameters from RangeNavigator
-			 */
-			data?: any;
+	/** Set to true when the event has to be canceled, else false.
+	*/
+	cancel?: boolean;
 
-			/** returns the scrollbar position starting range value on changing scrollbar
-			 */
-			datastartRange?: string;
+	/** returns the selected date object.
+	*/
+	date?: any;
 
-			/** returns the scrollbar position end range value on changing scrollbar
-			 */
-			dataendRange?: string;
+	/** 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 RangeNavigator model
-			 */
-			model?: any;
+	/** returns the current date value.
+	*/
+	value?: string;
 
-			/** 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;
-
-			/** 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;
-
-			/** 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[];
-
-			/** 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[];
-
-			/** 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[];
-
-			/** 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;
-
-			/** 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;
-
-			/** 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 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;
-
-			/** 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;
+	/** returns the previously selected value.
+	*/
+	prevDate?: string;
 
-			/** Options for configuring minor grid lines, major grid lines, axis line of axis.
-			 */
-			valueAxisSettings?: ValueAxisSettings;
+	/** returns whether the  currently selected date is special date or not.
+	*/
+	isSpecialDay?: string;
+}
 
-			/** 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;
+export interface Fields {
 
-			/** Specifies the xName for dataSource. This is used to take the x values from dataSource
-			 */
-			xName?: any;
+	/** Specifies the specials dates
+	*/
+	date?: string;
 
-			/** Specifies the yName for dataSource. This is used to take the y values from dataSource
-			 */
-			yName?: any;
+	/** Specifies the icon class to special dates.
+	*/
+	iconClass?: string;
 
-			/** Fires on load of range navigator. */
-			load?(e: LoadEventArgs): void;
+	/** Specifies the tooltip to special dates.
+	*/
+	tooltip?: string;
 
-			/** Fires after range navigator is loaded. */
-			loaded?(e: LoadedEventArgs): void;
+	/** Specifies the CSS class to customize the date.
+	*/
+	cssClass?: string;
+}
 
-			/** Fires on changing the range of range navigator. */
-			rangeChanged?(e: RangeChangedEventArgs): void;
+enum Header{
 
-			/** Fires on changing the scrollbar position of range navigator. */
-			scrollChanged?(e: ScrollChangedEventArgs): void;
+	///Removes day header in DatePicker
+	None,
 
-			/** Fires on when starting to change the scrollbar position of range navigator. */
-			scrollStart?(e: ScrollStartEventArgs): void;
+	///sets  the short format of day name (like Sun) in header in DatePicker
+	Short,
 
-			/** Fires on changes ending the scrollbar position of range navigator. */
-			scrollEnd?(e: ScrollEndEventArgs): void;
-		}
+	///sets  the Min format of day name (like su) in header format DatePicker
+	Min
+}
 
-		export interface LoadEventArgs {
 
-			/** parameters from range navigator
-			 */
-			Data?: any;
+enum Level{
 
-			/** if the event should be canceled; otherwise, false.
-			 */
-			cancel?: boolean;
+	///allow  navigation upto year level in  DatePicker
+	Year,
 
-			/** returns the range navigator model
-			 */
-			model?: any;
+	///allow  navigation upto decade level in  DatePicker
+	Decade,
 
-			/** returns the name of the event
-			 */
-			type?: string;
-		}
+	///allow  navigation upto Century level in  DatePicker
+	Century
+}
 
-		export interface LoadedEventArgs {
 
-			/** parameters from range navigator
-			 */
-			Data?: any;
+enum HighlightSection{
 
-			/** if the event should be canceled; otherwise, false.
-			 */
-			cancel?: boolean;
+	///Highlight the week of the currently  selected date in DatePicker popup calendar  
+	Week,
 
-			/** returns the range navigator model
-			 */
-			model?: any;
+	///Highlight the workdays in a currently  selected date's week in DatePicker popup calendar 
+	WorkDays,
 
-			/** returns the name of the event
-			 */
-			type?: string;
-		}
+	///Nothing will be highlighted, remove highlights from DatePicker popup calendar if already exists
+	None
+}
 
-		export interface RangeChangedEventArgs {
+}
 
-			/** parameters from range navigator
-			 */
-			Data?: any;
+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;
 
-			/** if the event should be canceled; otherwise, false.
-			 */
-			cancel?: boolean;
+	/** 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;
 
-			/** returns the range navigator model
-			 */
-			model?: any;
+	/** 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;
 
-			/** returns the name of the event
-			 */
-			type?: string;
-		}
+	/** Fires when the focus-out happens in the DateTimePicker textbox. */
+	focusOut? (e: FocusOutEventArgs): void;
 
-		export interface ScrollChangedEventArgs {
+	/** Fires when DateTimePicker popup opens. */
+	open? (e: OpenEventArgs): void;
+}
 
-			/** parameters from RangeNavigator
-			 */
-			data?: any;
+export interface BeforeCloseEventArgs {
 
-			/** returns the scrollbar position old start and end range value on changing scrollbar
-			 */
-			dataoldRange?: any;
+	/** Set to true when the event has to be canceled, else false.
+	*/
+	cancel?: boolean;
 
-			/** returns the scrollbar position new start and end range value on changing scrollbar
-			 */
-			datanewRange?: any;
+	/** returns the DateTimePicker model.
+	*/
+	model?: ej.DateTimePicker.Model;
 
-			/** if the event should be canceled; otherwise, false.
-			 */
-			cancel?: boolean;
+	/** returns the name of the event.
+	*/
+	type?: string;
 
-			/** returns the RangeNavigator model
-			 */
-			model?: any;
+	/** returns the event parameters from DateTimePicker.
+	*/
+	events?: any;
 
-			/** returns the name of the event
-			 */
-			type?: string;
-		}
+	/** returns the DateTimePicker popup.
+	*/
+	element?: HTMLElement;
+}
 
-		export interface ScrollStartEventArgs {
+export interface BeforeOpenEventArgs {
 
-			/** parameters from RangeNavigator
-			 */
-			data?: any;
+	/** Set to true when the event has to be canceled, else false.
+	*/
+	cancel?: boolean;
 
-			/** returns the scrollbar position starting range value on changing scrollbar
-			 */
-			datastartRange?: string;
+	/** returns the DateTimePicker model.
+	*/
+	model?: ej.DateTimePicker.Model;
 
-			/** returns the scrollbar position end range value on changing scrollbar
-			 */
-			dataendRange?: string;
+	/** returns the name of the event.
+	*/
+	type?: string;
 
-			/** if the event should be canceled; otherwise, false.
-			 */
-			cancel?: boolean;
+	/** returns the event parameters from DateTimePicker.
+	*/
+	events?: any;
 
-			/** returns the RangeNavigator model
-			 */
-			model?: any;
+	/** returns the DateTimePicker popup.
+	*/
+	element?: HTMLElement;
+}
 
-			/** 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 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 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;
-
-			/** 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;
-
-			/** 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;
-
-			/** 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;
+export interface ChangeEventArgs {
 
-			/** Fires on rendering the category. */
-			drawCategory?(e: DrawCategoryEventArgs): void;
-
-			/** Fires on rendering the comparative measure symbol. */
-			drawComparativeMeasureSymbol?(e: DrawComparativeMeasureSymbolEventArgs): void;
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
 
-			/** Fires on rendering the feature measure bar. */
-			drawFeatureMeasureBar?(e: DrawFeatureMeasureBarEventArgs): void;
+	/** returns the TimePicker model
+	*/
+	model?: ej.DateTimePicker.Model;
 
-			/** Fires on rendering the indicator of bullet graph. */
-			drawIndicator?(e: DrawIndicatorEventArgs): void;
+	/** returns the name of the event
+	*/
+	type?: string;
 
-			/** Fires on rendering the labels. */
-			drawLabels?(e: DrawLabelsEventArgs): void;
+	/** returns the current value is valid or not
+	*/
+	isValidState?: boolean;
 
-			/** Fires on rendering the qualitative ranges. */
-			drawQualitativeRanges?(e: DrawQualitativeRangesEventArgs): void;
+	/** returns the modified datetime value
+	*/
+	value?: string;
 
-			/** Fires on loading bullet graph. */
-			load?(e: LoadEventArgs): void;
-		}
+	/** returns the previously selected date time value
+	*/
+	prevDateTime?: string;
 
-		export interface DrawCaptionEventArgs {
+	/** returns true if change event triggered by interaction, otherwise returns false
+	*/
+	isInteraction?: boolean;
+}
 
-			/** returns the object of the bullet graph.
-			 */
-			Object?: any;
+export interface CloseEventArgs {
 
-			/** returns the options of the scale element.
-			 */
-			scaleElement?: HTMLElement;
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
 
-			/** returns the current captionSettings element.
-			 */
-			captionElement?: HTMLElement;
+	/** returns the TimePicker model
+	*/
+	model?: ej.DateTimePicker.Model;
 
-			/** returns the type of the captionSettings.
-			 */
-			captionType?: string;
-		}
+	/** returns the name of the event
+	*/
+	type?: string;
 
-		export interface DrawCategoryEventArgs {
+	/** returns the modified datetime value
+	*/
+	value?: string;
 
-			/** returns the object of the bullet graph.
-			 */
-			Object?: any;
+	/** returns the previously selected date time value
+	*/
+	prevDateTime?: string;
+}
 
-			/** returns the options of the scale element.
-			 */
-			scaleElement?: HTMLElement;
+export interface CreateEventArgs {
 
-			/** returns the options of category element.
-			 */
-			categoryElement?: HTMLElement;
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
 
-			/** returns the text value of the category that is drawn.
-			 */
-			Value?: string;
-		}
+	/** returns the DateTimePicker model
+	*/
+	model?: ej.DateTimePicker.Model;
 
-		export interface DrawComparativeMeasureSymbolEventArgs {
+	/** returns the name of the event
+	*/
+	type?: string;
+}
 
-			/** returns the object of the bullet graph.
-			 */
-			Object?: any;
+export interface DestroyEventArgs {
 
-			/** returns the options of the scale element.
-			 */
-			scaleElement?: HTMLElement;
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
 
-			/** returns the options of comparative measure element.
-			 */
-			targetElement?: HTMLElement;
+	/** returns the DateTimePicker model
+	*/
+	model?: ej.DateTimePicker.Model;
 
-			/** returns the value of the comparative measure symbol.
-			 */
-			Value?: number;
-		}
+	/** returns the name of the event
+	*/
+	type?: string;
+}
 
-		export interface DrawFeatureMeasureBarEventArgs {
+export interface FocusInEventArgs {
 
-			/** returns the object of the bullet graph.
-			 */
-			Object?: any;
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
 
-			/** returns the options of the scale element.
-			 */
-			scaleElement?: HTMLElement;
+	/** returns the TimePicker model
+	*/
+	model?: ej.DateTimePicker.Model;
 
-			/** returns the options of feature measure element.
-			 */
-			currentElement?: HTMLElement;
+	/** 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;
 
-			/** returns the value of the feature measure bar.
-			 */
-			Value?: number;
-		}
+	/** 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;
 
-		export interface DrawIndicatorEventArgs {
+	/** Fires when a date ranges is selected from the DateRangePicker popup. */
+	select? (e: SelectEventArgs): void;
+}
 
-			/** returns an object to customize bullet graph indicator text and symbol before rendering it.
-			 */
-			indicatorSettings?: any;
+export interface BeforeCloseEventArgs {
 
-			/** returns the object of bullet graph.
-			 */
-			model?: any;
+	/** Set to true when the event has to be canceled, else false.
+	*/
+	cancel?: boolean;
 
-			/** returns the type of event.
-			 */
-			type?: string;
+	/** returns the DateRangePicker model
+	*/
+	model?: ej.DateRangePicker.Model;
 
-			/** for canceling the event.
-			 */
-			cancel?: boolean;
-		}
+	/** returns the name of the event.
+	*/
+	type?: string;
 
-		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 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;
-		}
+	/** returns the event parameters from DateRangePicker.
+	*/
+	events?: any;
 
-		export interface MarkerSelectedEventArgs {
-
-			/** Returns marker object.
-			 */
-			originalEvent?: any;
-		}
-
-		export interface MouseleaveEventArgs {
+	/** returns the DateRangePicker popup.
+	*/
+	element?: HTMLElement;
+}
 
-			/** Returns hovered map shape object.
-			 */
-			originalEvent?: any;
-		}
+export interface BeforeOpenEventArgs {
 
-		export interface MouseoverEventArgs {
+	/** Set to true when the event has to be canceled, else false.
+	*/
+	cancel?: boolean;
 
-			/** Returns hovered map shape object.
-			 */
-			originalEvent?: any;
-		}
+	/** returns the DateRangePicker model.
+	*/
+	model?: ej.DateRangePicker.Model;
 
-		export interface OnRenderCompleteEventArgs {
+	/** returns the name of the event.
+	*/
+	type?: string;
 
-			/** Event parameters from map
-			 */
-			originalEvent?: any;
-		}
+	/** returns the event parameters from DateRangePicker.
+	*/
+	events?: any;
 
-		export interface PannedEventArgs {
+	/** returns the DateRangePicker popup.
+	*/
+	element?: HTMLElement;
+}
 
-			/** Event parameters from map
-			 */
-			originalEvent?: any;
-		}
+export interface OnChangeEventArgs {
 
-		export interface ShapeSelectedEventArgs {
+	/** Set to true when the event has to be canceled, else false.
+	*/
+	cancel?: boolean;
 
-			/** Returns selected shape object.
-			 */
-			originalEvent?: any;
-		}
+	/** returns the DateRangePicker model.
+	*/
+	model?: ej.DateRangePicker.Model;
 
-		export interface ZoomedInEventArgs {
+	/** returns the name of the event.
+	*/
+	type?: string;
 
-			/** Event parameters from map
-			 */
-			originalEvent?: any;
+	/** returns the DateRangePicker input value.
+	*/
+	value?: string;
 
-			/** Returns zoom level value for which the map is zoomed.
-			 */
-			zoomLevel?: any;
-		}
+	/** returns the startDate of DateRangePicker.
+	*/
+	startDate?: any;
 
-		export interface ZoomedOutEventArgs {
+	/** returns the endDate of the DateRangePicker popup.
+	*/
+	endDate?: any;
+}
 
-			/** Event parameters from map
-			 */
-			originalEvent?: any;
+export interface CloseEventArgs {
 
-			/** Returns zoom level value for which the map is zoomed.
-			 */
-			zoomLevel?: any;
-		}
+	/** Set to true when the event has to be canceled, else false.
+	*/
+	cancel?: boolean;
 
-		export interface ZoomSettings {
+	/** returns the current date object.
+	*/
+	date?: any;
 
-			/** Enables or Disables the zooming of map
-			 * @Default {true}
-			 */
-			enableZoom?: boolean;
+	/** returns the DateRangePicker model.
+	*/
+	model?: ej.DateRangePicker.Model;
 
-			/** Enables or Disables the zoom on selecting the map shape
-			 * @Default {false}
-			 */
-			enableZoomOnSelection?: boolean;
+	/** returns the name of the event.
+	*/
+	type?: string;
 
-			/** Specifies the zoom factor for map zoom value.
-			 * @Default {1}
-			 */
-			factor?: number;
+	/** returns the DateRangePicker popup.
+	*/
+	element?: HTMLElement;
+}
 
-			/** 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;
-		}
-
-		export interface TreeMapItemSelectedEventArgs {
-
-			/** Returns selected treeMapItem 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 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 {string} to set the mode of fit to command. See [Fit Mode](/api/js/global#fitmode)
-		 * @param {string} to set whether the region to be fit will be based on diagram elements or page settings [Region](/api/js/global#region)
-		 * @param {any} to set the required margin
-		 * @returns {void}
-		 */
-		fitToPage(mode?: string, region?: string, 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. See [File Formats](/api/js/global#fileformats).
-			 */
-			format?: string;
-
-			/** to set whether to export diagram as a file or as raw data. See [Export Modes](/api/js/global#exportmodes).
-			 */
-			mode?: string;
-
-			/** to set the region of the diagram to be exported. See [Region](/api/js/global#region).
-			 */
-			region?: string;
-
-			/** to export any custom region of diagram.
-			 */
-			bounds?: any;
-
-			/** to set margin to the exported data.
-			 */
-			margin?: any;
-
-			/** to set stretch to the exported data.
-			 */
-			stretch?: string;
-		}
-
-		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;
+export interface CreateEventArgs {
 
-			/** Array of JSON objects where each object represents a node
-			 * @Default {[]}
-			 */
-			nodes?: Node[];
+	/** Set to true when the event has to be canceled, else false.
+	*/
+	cancel?: boolean;
 
-			/** Binds the custom JSON data with node properties
-			 * @Default {null}
-			 */
-			nodeTemplate?: any;
+	/** returns the DateRangePicker model.
+	*/
+	model?: ej.DateRangePicker.Model;
 
-			/** Defines the size and appearance of diagram page
-			 */
-			pageSettings?: PageSettings;
+	/** 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;
+
+	/** 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;
 
-			/** Defines the zoom value, zoom factor, scroll status and view port size of the diagram
-			 */
-			scrollSettings?: ScrollSettings;
+	/** 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;
 
-			/** Defines the size and position of selected items and defines the appearance of selector
-			 */
-			selectedItems?: SelectedItems;
+	/** Specifies the HTML Attributes of the Dialog.
+	*   @Default {{}}
+	*/
+	htmlAttributes?: any;
 
-			/** Enables or disables tooltip of diagram
-			 * @Default {true}
-			 */
-			showTooltip?: boolean;
+	/** Enable or disables responsive behavior.
+	*/
+	isResponsive?: boolean;
 
-			/** Defines the gridlines and defines how and when the objects have to be snapped
-			 */
-			snapSettings?: SnapSettings;
+	/** Default Value:{:.param}“en-US”
+	*/
+	locale?: number;
 
-			/** Enables/Disables the interactive behaviors of diagram.
-			 * @Default {ej.datavisualization.Diagram.Tool.All}
-			 */
-			tool?: ej.datavisualization.Diagram.Tool | string;
+	/** Sets the maximum height for the dialog widget.
+	*/
+	maxHeight?: number;
 
-			/** An object that defines the description, appearance and alignments of tooltips
-			 * @Default {null}
-			 */
-			tooltip?: Tooltip;
+	/** Sets the maximum width for the dialog widget.
+	*/
+	maxWidth?: number;
 
-			/** Specifies the width of the diagram
-			 * @Default {null}
-			 */
-			width?: string;
+	/** Sets the minimum height for the dialog widget.
+	*/
+	minHeight?: number;
 
-			/** Sets the factor by which we can zoom in or zoom out
-			 * @Default {0.2}
-			 */
-			zoomFactor?: number;
+	/** Sets the minimum width for the dialog widget.
+	*/
+	minWidth?: number;
 
-			/** Triggers When auto scroll is changed */
-			autoScrollChange?(e: AutoScrollChangeEventArgs): void;
+	/** Displays the Dialog widget at the given X and Y position.
+	*/
+	position?: any;
 
-			/** Triggers when a node, connector or diagram is clicked */
-			click?(e: ClickEventArgs): void;
+	/** Shows or hides the dialog header.
+	*/
+	showHeader?: boolean;
 
-			/** Triggers when the connection is changed */
-			connectionChange?(e: ConnectionChangeEventArgs): void;
+	/** The Dialog widget can be opened by default i.e. on initialization, when it is set to true.
+	*/
+	showOnInit?: boolean;
 
-			/** Triggers when the connector collection is changed */
-			connectorCollectionChange?(e: ConnectorCollectionChangeEventArgs): void;
+	/** Enables or disables the rounder corner.
+	*/
+	showRoundedCorner?: boolean;
 
-			/** Triggers when the connectors' source point is changed */
-			connectorSourceChange?(e: ConnectorSourceChangeEventArgs): void;
+	/** The selector for the container element. If this property is set, the dialog will be displayed (positioned) based on its container.
+	*/
+	target?: string;
 
-			/** Triggers when the connectors' target point is changed */
-			connectorTargetChange?(e: ConnectorTargetChangeEventArgs): void;
+	/** 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;
 
-			/** Triggers before opening the context menu */
-			contextMenuBeforeOpen?(e: ContextMenuBeforeOpenEventArgs): void;
+	/** Add or configure the tooltip text for actionButtons in the dialog header.
+	*/
+	tooltip?: any;
 
-			/** Triggers when a context menu item is clicked */
-			contextMenuClick?(e: ContextMenuClickEventArgs): 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.
+	*/
+	width?: string|number;
 
-			/** Triggers when a node, connector or diagram model is clicked twice */
-			doubleClick?(e: DoubleClickEventArgs): void;
+	/** Sets the z-index value for the Dialog widget.
+	*/
+	zIndex?: number;
 
-			/** Triggers while dragging the elements in diagram */
-			drag?(e: DragEventArgs): void;
+	/** Sets the Footer for the Dialog widget.
+	*/
+	showFooter?: boolean;
 
-			/** Triggers when a symbol is dragged into diagram from symbol palette */
-			dragEnter?(e: DragEnterEventArgs): void;
+	/** Sets the FooterTemplate for the Dialog widget.
+	*/
+	footerTemplateId?: string;
 
-			/** Triggers when a symbol is dragged outside of the diagram. */
-			dragLeave?(e: DragLeaveEventArgs): void;
+	/** This event is triggered before the dialog widgets gets open. */
+	beforeOpen? (e: BeforeOpenEventArgs): void;
 
-			/** Triggers when a symbol is dragged over diagram */
-			dragOver?(e: DragOverEventArgs): void;
+	/** This event is triggered whenever the AJAX request fails to retrieve the dialog content. */
+	ajaxError? (e: AjaxErrorEventArgs): void;
 
-			/** Triggers when a symbol is dragged and dropped from symbol palette to drawing area */
-			drop?(e: DropEventArgs): void;
+	/** This event is triggered whenever the AJAX request to retrieve the dialog content, gets succeed. */
+	ajaxSuccess? (e: AjaxSuccessEventArgs): void;
 
-			/** Triggers when editor got focus at the time of node's label or text node editing. */
-			editorFocusChange?(e: EditorFocusChangeEventArgs): void;
+	/** This event is triggered before the dialog widgets get closed. */
+	beforeClose? (e: BeforeCloseEventArgs): void;
 
-			/** Triggers when a child is added to or removed from a group */
-			groupChange?(e: GroupChangeEventArgs): void;
+	/** This event is triggered after the dialog widget is closed. */
+	close? (e: CloseEventArgs): void;
 
-			/** Triggers when a change is reverted or restored(undo/redo) */
-			historyChange?(e: HistoryChangeEventArgs): void;
+	/** Triggered after the dialog content is loaded in DOM. */
+	contentLoad? (e: ContentLoadEventArgs): void;
 
-			/** Triggers when a diagram element is clicked */
-			itemClick?(e: ItemClickEventArgs): void;
+	/** Triggered after the dialog is created successfully */
+	create? (e: CreateEventArgs): void;
 
-			/** Triggers when mouse enters a node/connector */
-			mouseEnter?(e: MouseEnterEventArgs): void;
+	/** Triggered after the dialog widget is destroyed successfully */
+	destroy? (e: DestroyEventArgs): void;
 
-			/** Triggers when mouse leaves node/connector */
-			mouseLeave?(e: MouseLeaveEventArgs): void;
+	/** Triggered while the dialog is dragged. */
+	drag? (e: DragEventArgs): void;
 
-			/** Triggers when mouse hovers over a node/connector */
-			mouseOver?(e: MouseOverEventArgs): void;
+	/** Triggered when the user starts dragging the dialog. */
+	dragStart? (e: DragStartEventArgs): void;
 
-			/** Triggers when node collection is changed */
-			nodeCollectionChange?(e: NodeCollectionChangeEventArgs): void;
+	/** Triggered when the user stops dragging the dialog. */
+	dragStop? (e: DragStopEventArgs): void;
 
-			/** Triggers when the node properties(x, y,width and height alone) are changed using nudge commands or updateNode API. */
-			propertyChange?(e: PropertyChangeEventArgs): void;
+	/** Triggered after the dialog is opened. */
+	open? (e: OpenEventArgs): void;
 
-			/** Triggers when the diagram elements are rotated */
-			rotationChange?(e: RotationChangeEventArgs): void;
+	/** Triggered while the dialog is resized. */
+	resize? (e: ResizeEventArgs): void;
 
-			/** Triggers when the diagram is zoomed or panned */
-			scrollChange?(e: ScrollChangeEventArgs): void;
+	/** Triggered when the user starts resizing the dialog. */
+	resizeStart? (e: ResizeStartEventArgs): void;
 
-			/** Triggers when a connector segment is edited */
-			segmentChange?(e: SegmentChangeEventArgs): void;
+	/** Triggered when the user stops resizing the dialog. */
+	resizeStop? (e: ResizeStopEventArgs): void;
 
-			/** Triggers when the selection is changed in diagram */
-			selectionChange?(e: SelectionChangeEventArgs): void;
+	/** Triggered when the dialog content is expanded. */
+	expand? (e: ExpandEventArgs): void;
 
-			/** Triggers when a node is resized */
-			sizeChange?(e: SizeChangeEventArgs): void;
+	/** Triggered when the dialog content is collapsed. */
+	collapse? (e: CollapseEventArgs): void;
 
-			/** Triggers when label editing is ended */
-			textChange?(e: TextChangeEventArgs): void;
+	/** Triggered when the custom action button clicked. */
+	actionButtonClick? (e: ActionButtonClickEventArgs): void;
+}
 
-			/** Triggered when the diagram is rendered completely. */
-			create?(e: CreateEventArgs): void;
-		}
+export interface BeforeOpenEventArgs {
 
-		export interface AutoScrollChangeEventArgs {
+	/** Set this option to true to cancel the event.
+	*/
+	cancel?: boolean;
 
-			/** Returns the delay between subsequent auto scrolls
-			 */
-			delay?: string;
+	/** Instance of the dialog model object.
+	*/
+	model?: ej.Dialog.Model;
 
-			/** parameter returns the id of the diagram
-			 */
-			diagramId?: string;
-		}
+	/** Name of the event
+	*/
+	type?: string;
+}
 
-		export interface ClickEventArgs {
+export interface AjaxErrorEventArgs {
 
-			/** parameter returns the clicked node, connector or diagram
-			 */
-			element?: any;
+	/** Set this option to true to cancel the event.
+	*/
+	cancel?: boolean;
 
-			/** parameter returns the object that is actually clicked
-			 */
-			actualObject?: number;
+	/** Instance of the dialog model object.
+	*/
+	model?: ej.Dialog.Model;
 
-			/** parameter returns the horizontal coordinate of the mouse pointer, relative to the diagram
-			 */
-			offsetX?: number;
+	/** Name of the event.
+	*/
+	type?: string;
 
-			/** parameter returns  the vertical coordinate of the mouse pointer, relative to the diagram
-			 */
-			offsetY?: number;
+	/** URL of the content.
+	*/
+	URL?: string;
 
-			/** parameter returns the count of how many times the mouse button is pressed
-			 */
-			count?: number;
+	/** Error page content.
+	*/
+	responseText?: string;
 
-			/** parameter returns the actual click event arguments that explains which button is clicked
-			 */
-			event?: any;
+	/** Error code.
+	*/
+	status?: number;
 
-			/** parameter returns the id of the diagram
-			 */
-			diagramId?: string;
-		}
+	/** The corresponding error description.
+	*/
+	statusText?: string;
+}
 
-		export interface ConnectionChangeEventArgs {
+export interface AjaxSuccessEventArgs {
 
-			/** parameter returns the connection that is changed between nodes, ports or points
-			 */
-			element?: any;
+	/** Set this option to true to cancel the event.
+	*/
+	cancel?: boolean;
 
-			/** parameter returns the new source node or target node of the connector
-			 */
-			connection?: string;
+	/** Instance of the dialog model object.
+	*/
+	model?: ej.Dialog.Model;
 
-			/** parameter returns the new source port or target port of the connector
-			 */
-			port?: any;
+	/** Name of the event.
+	*/
+	type?: string;
 
-			/** parameter defines whether to cancel the change or not
-			 */
-			cancel?: boolean;
+	/** URL of the content.
+	*/
+	URL?: string;
 
-			/** parameter returns the id of the diagram
-			 */
-			diagramId?: string;
-		}
+	/** Response content.
+	*/
+	data?: string;
+}
 
-		export interface ConnectorCollectionChangeEventArgs {
+export interface BeforeCloseEventArgs {
 
-			/** parameter returns whether the connector is inserted or removed
-			 */
-			changeType?: string;
+	/** Current event object.
+	*/
+	event?: any;
 
-			/** parameter returns the connector that is to be added or deleted
-			 */
-			element?: any;
+	/** Set this option to true to cancel the event.
+	*/
+	cancel?: boolean;
 
-			/** parameter defines whether to cancel the collection change or not
-			 */
-			cancel?: boolean;
+	/** Instance of the dialog model object.
+	*/
+	model?: ej.Dialog.Model;
 
-			/** 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;
+	/** Name of the event.
+	*/
+	type?: string;
+}
 
-			/** parameter returns the id of the diagram
-			 */
-			diagramId?: string;
-		}
+export interface CloseEventArgs {
 
-		export interface ConnectorSourceChangeEventArgs {
+	/** Current event object.
+	*/
+	event?: any;
 
-			/** returns the connector, the source point of which is being dragged
-			 */
-			element?: any;
+	/** Set this option to true to cancel the event.
+	*/
+	cancel?: boolean;
 
-			/** returns the source node of the element
-			 */
-			node?: any;
+	/** Instance of the dialog model object.
+	*/
+	model?: ej.Dialog.Model;
 
-			/** returns the source point of the element
-			 */
-			point?: any;
+	/** Name of the event
+	*/
+	type?: string;
+}
 
-			/** returns the source port of the element
-			 */
-			port?: any;
+export interface ContentLoadEventArgs {
 
-			/** returns the state of connection end point dragging(starting, dragging, completed)
-			 */
-			dragState?: string;
+	/** Set this option to true to cancel the event.
+	*/
+	cancel?: boolean;
 
-			/** parameter defines whether to cancel the change or not
-			 */
-			cancel?: boolean;
+	/** Instance of the dialog model object.
+	*/
+	model?: ej.Dialog.Model;
 
-			/** parameter returns the id of the diagram
-			 */
-			diagramId?: string;
-		}
+	/** Name of the event.
+	*/
+	type?: string;
 
-		export interface ConnectorTargetChangeEventArgs {
+	/** URL of the content.
+	*/
+	URL?: string;
 
-			/** parameter returns the connector, the target point of which is being dragged
-			 */
-			element?: any;
+	/** Content type
+	*/
+	contentType?: any;
+}
 
-			/** returns the target node of the element
-			 */
-			node?: any;
+export interface CreateEventArgs {
 
-			/** returns the target point of the element
-			 */
-			point?: any;
+	/** Set this option to true to cancel the event.
+	*/
+	cancel?: boolean;
 
-			/** returns the target port of the element
-			 */
-			port?: any;
+	/** Instance of the dialog model object.
+	*/
+	model?: ej.Dialog.Model;
 
-			/** returns the state of connection end point dragging(starting, dragging, completed)
-			 */
-			dragState?: string;
+	/** Name of the event.
+	*/
+	type?: string;
+}
 
-			/** parameter defines whether to cancel the change or not
-			 */
-			cancel?: boolean;
+export interface DestroyEventArgs {
 
-			/** parameter returns the id of the diagram
-			 */
-			diagramId?: string;
-		}
+	/** Set this option to true to cancel the event.
+	*/
+	cancel?: boolean;
 
-		export interface ContextMenuBeforeOpenEventArgs {
+	/** Instance of the dialog model object.
+	*/
+	model?: ej.Dialog.Model;
 
-			/** parameter returns the diagram object
-			 */
-			diagram?: any;
+	/** Name of the event.
+	*/
+	type?: string;
+}
 
-			/** parameter returns the actual arguments from context menu
-			 */
-			contextmenu?: any;
+export interface DragEventArgs {
 
-			/** parameter returns the object that was clicked
-			 */
-			target?: any;
+	/** Set this option to true to cancel the event.
+	*/
+	cancel?: boolean;
 
-			/** parameter returns the id of the diagram
-			 */
-			diagramId?: string;
-		}
+	/** Instance of the dialog model object.
+	*/
+	model?: ej.Dialog.Model;
 
-		export interface ContextMenuClickEventArgs {
+	/** Name of the event.
+	*/
+	type?: string;
 
-			/** parameter returns the id of the selected context menu item
-			 */
-			id?: string;
+	/** Current event object.
+	*/
+	event?: any;
+}
 
-			/** parameter returns the text of the selected context menu item
-			 */
-			text?: string;
+export interface DragStartEventArgs {
 
-			/** parameter returns the parent id of the selected context menu item
-			 */
-			parentId?: string;
+	/** Set this option to true to cancel the event.
+	*/
+	cancel?: boolean;
 
-			/** parameter returns the parent text of the selected context menu item
-			 */
-			parentText?: string;
+	/** Instance of the dialog model object.
+	*/
+	model?: ej.Dialog.Model;
 
-			/** parameter returns the object that was clicked
-			 */
-			target?: any;
+	/** Name of the event.
+	*/
+	type?: string;
 
-			/** parameter defines whether to execute the click event or not
-			 */
-			canExecute?: boolean;
+	/** Current event object.
+	*/
+	event?: any;
+}
 
-			/** parameter returns the id of the diagram
-			 */
-			diagramId?: string;
-		}
+export interface DragStopEventArgs {
 
-		export interface DoubleClickEventArgs {
+	/** Set this option to true to cancel the event.
+	*/
+	cancel?: boolean;
 
-			/** parameter returns the object that is actually clicked
-			 */
-			actualObject?: any;
+	/** Instance of the dialog model object.
+	*/
+	model?: ej.Dialog.Model;
 
-			/** parameter returns the selected object
-			 */
-			element?: any;
+	/** Name of the event.
+	*/
+	type?: string;
 
-			/** parameter returns the id of the diagram
-			 */
-			diagramId?: string;
-		}
+	/** Current event object.
+	*/
+	event?: any;
+}
 
-		export interface DragEventArgs {
+export interface OpenEventArgs {
 
-			/** parameter returns the node or connector that is being dragged
-			 */
-			element?: any;
+	/** Set this option to true to cancel the event.
+	*/
+	cancel?: boolean;
 
-			/** parameter returns the previous position of the node/connector
-			 */
-			oldValue?: any;
+	/** Instance of the dialog model object.
+	*/
+	model?: ej.Dialog.Model;
 
-			/** parameter returns the new position of the node/connector
-			 */
-			newValue?: any;
+	/** Name of the event.
+	*/
+	type?: string;
+}
 
-			/** parameter returns the state of drag event (Starting, dragging, completed)
-			 */
-			dragState?: string;
+export interface ResizeEventArgs {
 
-			/** parameter returns whether or not to cancel the drag event
-			 */
-			cancel?: boolean;
+	/** Set this option to true to cancel the event.
+	*/
+	cancel?: boolean;
 
-			/** parameter returns the id of the diagram
-			 */
-			diagramId?: string;
-		}
+	/** Instance of the dialog model object.
+	*/
+	model?: ej.Dialog.Model;
 
-		export interface DragEnterEventArgs {
+	/** Name of the event.
+	*/
+	type?: string;
 
-			/** parameter returns the node or connector that is dragged into diagram
-			 */
-			element?: any;
+	/** Current event object.
+	*/
+	event?: any;
+}
 
-			/** parameter returns whether to add or remove the symbol from diagram
-			 */
-			cancel?: boolean;
+export interface ResizeStartEventArgs {
 
-			/** parameter returns the id of the diagram
-			 */
-			diagramId?: string;
-		}
+	/** Set this option to true to cancel the event.
+	*/
+	cancel?: boolean;
 
-		export interface DragLeaveEventArgs {
+	/** Instance of the dialog model object.
+	*/
+	model?: ej.Dialog.Model;
 
-			/** parameter returns the node or connector that is dragged outside of the diagram
-			 */
-			element?: any;
+	/** Name of the event
+	*/
+	type?: string;
 
-			/** parameter returns the id of the diagram
-			 */
-			diagramId?: string;
-		}
+	/** Current event object.
+	*/
+	event?: any;
+}
 
-		export interface DragOverEventArgs {
+export interface ResizeStopEventArgs {
 
-			/** parameter returns the node or connector that is dragged over diagram
-			 */
-			element?: any;
+	/** Set this option to true to cancel the event.
+	*/
+	cancel?: boolean;
 
-			/** parameter defines whether the symbol can be dropped at the current mouse position
-			 */
-			allowDrop?: boolean;
+	/** Instance of the dialog model object.
+	*/
+	model?: ej.Dialog.Model;
 
-			/** parameter returns the node/connector over which the symbol is dragged
-			 */
-			target?: any;
+	/** Name of the event
+	*/
+	type?: string;
 
-			/** parameter returns the previous position of the node/connector
-			 */
-			oldValue?: any;
+	/** Current event object.
+	*/
+	event?: any;
+}
 
-			/** parameter returns the new position of the node/connector
-			 */
-			newValue?: any;
+export interface ExpandEventArgs {
 
-			/** parameter returns whether or not to cancel the dragOver event
-			 */
-			cancel?: boolean;
+	/** Set this option to true to cancel the event.
+	*/
+	cancel?: boolean;
 
-			/** parameter returns the id of the diagram
-			 */
-			diagramId?: string;
-		}
+	/** Instance of the dialog model object.
+	*/
+	model?: ej.Dialog.Model;
 
-		export interface DropEventArgs {
+	/** Name of the event.
+	*/
+	type?: string;
+}
 
-			/** parameter returns node or connector that is being dropped
-			 */
-			element?: any;
+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.
+	*   @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;
 
-			/** parameter returns whether or not to cancel the drop event
-			 */
-			cancel?: boolean;
+	/** Sets the jQuery validation error message in the DropDownList
+	*   @Default {null}
+	*/
+	validationMessage?: any;
 
-			/** parameter returns the object from where the element is dragged
-			 */
-			source?: any;
+	/** Sets the jQuery validation rules in the Dropdownlist.
+	*   @Default {null}
+	*/
+	validationRules?: any;
 
-			/** parameter returns the object over which the object will be dropped
-			 */
-			target?: any;
+	/** Specifies the value (text content) for the DropDownList control.
+	*   @Default {null}
+	*/
+	value?: string|number;
 
-			/** parameter returns the enum which defines the type of the source
-			 */
-			sourceType?: string;
+	/** Specifies a short hint that describes the expected value of the DropDownList control.
+	*   @Default {null}
+	*/
+	watermarkText?: string;
 
-			/** parameter returns the id of the diagram
-			 */
-			diagramId?: string;
-		}
+	/** Defines the width of the DropDownList textbox.
+	*   @Default {null}
+	*/
+	width?: string|number;
 
-		export interface EditorFocusChangeEventArgs {
-			/** Returns the cancel option value.
-			 */
-			cancel?: boolean;
-		}
+	/** 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;
 
-		export interface GroupChangeEventArgs {
+	/** Fires the action before the XHR request. */
+	actionBegin? (e: ActionBeginEventArgs): void;
 
-			/** parameter returns the object that is added to/removed from a group
-			 */
-			element?: any;
+	/** Fires the action when the list of items is bound to the DropDownList by xhr post calling */
+	actionComplete? (e: ActionCompleteEventArgs): void;
 
-			/** parameter returns the old parent group(if any) of the object
-			 */
-			oldParent?: any;
+	/** Fires the action when the xhr post calling failed on remote data binding with the DropDownList control. */
+	actionFailure? (e: ActionFailureEventArgs): void;
 
-			/** parameter returns the new parent group(if any) of the object
-			 */
-			newParent?: any;
+	/** Fires the action when the xhr post calling succeed on remote data binding with the DropDownList control */
+	actionSuccess? (e: ActionSuccessEventArgs): void;
 
-			/** parameter returns the cause of group change("group", unGroup")
-			 */
-			cause?: string;
+	/** Fires the action before the popup is ready to hide. */
+	beforePopupHide? (e: BeforePopupHideEventArgs): void;
 
-			/** parameter returns the id of the diagram
-			 */
-			diagramId?: string;
-		}
+	/** Fires the action before the popup is ready to be displayed. */
+	beforePopupShown? (e: BeforePopupShownEventArgs): void;
 
-		export interface HistoryChangeEventArgs {
+	/** 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;
 
-			/** 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[];
+	/** Fires the action when the DropDownList control’s value is changed. */
+	change? (e: ChangeEventArgs): void;
 
-			/** A collection of objects that are changed in the last undo/redo
-			 */
-			Source?: any[];
+	/** Fires the action when the list item checkbox value is changed. */
+	checkChange? (e: CheckChangeEventArgs): void;
 
-			/** parameter returns the id of the diagram
-			 */
-			diagramId?: string;
-		}
+	/** Fires the action once the DropDownList is created. */
+	create? (e: CreateEventArgs): void;
 
-		export interface ItemClickEventArgs {
+	/** Fires the action when the list items is bound to the DropDownList. */
+	dataBound? (e: DataBoundEventArgs): void;
 
-			/** parameter returns the object that was actually clicked
-			 */
-			actualObject?: any;
+	/** Fires the action when the DropDownList is destroyed. */
+	destroy? (e: DestroyEventArgs): void;
 
-			/** parameter returns the object that is selected
-			 */
-			selectedObject?: any;
+	/** Fires the action when the DropDownList is focused. */
+	focusIn? (e: FocusInEventArgs): void;
 
-			/** parameter returns whether or not to cancel the drop event
-			 */
-			cancel?: boolean;
+	/** Fires the action when the DropDownList is about to lose focus. */
+	focusOut? (e: FocusOutEventArgs): void;
 
-			/** parameter returns the actual click event arguments that explains which button is clicked
-			 */
-			event?: any;
+	/** Fires the action, once the popup is closed */
+	popupHide? (e: PopupHideEventArgs): void;
 
-			/** parameter returns the id of the diagram
-			 */
-			diagramId?: string;
-		}
+	/** Fires the action, when the popup is resized. */
+	popupResize? (e: PopupResizeEventArgs): void;
 
-		export interface MouseEnterEventArgs {
+	/** Fires the action, once the popup is opened. */
+	popupShown? (e: PopupShownEventArgs): void;
 
-			/** parameter returns the target node or connector
-			 */
-			element?: any;
+	/** Fires the action, when resizing a popup starts. */
+	popupResizeStart? (e: PopupResizeStartEventArgs): void;
 
-			/** parameter returns the object from where the selected object is dragged
-			 */
-			source?: any;
+	/** Fires the action, when the popup resizing is stopped. */
+	popupResizeStop? (e: PopupResizeStopEventArgs): void;
 
-			/** parameter returns the target object over which the selected object is dragged
-			 */
-			target?: any;
+	/** Fires the action before filtering the list items that starts in the DropDownList when the enableFilterSearch is enabled. */
+	search? (e: SearchEventArgs): void;
 
-			/** parameter returns the id of the diagram
-			 */
-			diagramId?: string;
-		}
+	/** Fires the action, when the list of item is selected. */
+	select? (e: SelectEventArgs): void;
+}
 
-		export interface MouseLeaveEventArgs {
+export interface ActionBeginEventArgs {
 
-			/** parameter returns the target node or connector
-			 */
-			element?: any;
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
 
-			/** parameter returns the object from where the selected object is dragged
-			 */
-			source?: any;
+	/** returns the DropDownList model
+	*/
+	model?: any;
 
-			/** parameter returns the target object over which the selected object is dragged
-			 */
-			target?: any;
+	/** returns the name of the event
+	*/
+	type?: string;
+}
 
-			/** parameter returns the id of the diagram
-			 */
-			diagramId?: string;
-		}
+export interface ActionCompleteEventArgs {
 
-		export interface MouseOverEventArgs {
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
 
-			/** parameter returns the target node or connector
-			 */
-			element?: any;
+	/** Returns number of times trying to fetch the data
+	*/
+	count?: number;
 
-			/** parameter returns the object from where the element is dragged
-			 */
-			source?: any;
+	/** returns the DropDownList model
+	*/
+	model?: any;
 
-			/** parameter returns the object over which the element is being dragged.
-			 */
-			target?: any;
+	/** Returns the query for data retrieval 
+	*/
+	query?: any;
 
-			/** parameter returns the id of the diagram
-			 */
-			diagramId?: string;
-		}
+	/** Returns the query for data retrieval from the Database 
+	*/
+	request?: any;
 
-		export interface NodeCollectionChangeEventArgs {
+	/** returns the name of the event
+	*/
+	type?: string;
 
-			/** parameter returns whether the node is to be added or removed
-			 */
-			changeType?: string;
+	/** Returns the number of items fetched from remote data
+	*/
+	result?: Array<any>;
 
-			/** parameter returns the node which needs to be added or deleted
-			 */
-			element?: any;
+	/** Returns the requested data
+	*/
+	xhr?: any;
+}
 
-			/** parameter defines whether to cancel the collection change or not
-			 */
-			cancel?: boolean;
+export interface ActionFailureEventArgs {
 
-			/** 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;
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
 
-			/** parameter returns the id of the diagram
-			 */
-			diagramId?: string;
-		}
+	/** Returns the error message
+	*/
+	error?: any;
 
-		export interface PropertyChangeEventArgs {
+	/** returns the DropDownList model
+	*/
+	model?: any;
 
-			/** parameter returns the selected element
-			 */
-			element?: any;
+	/** Returns the query for data retrieval 
+	*/
+	query?: any;
 
-			/** parameter returns the action is nudge or not
-			 */
-			cause?: string;
+	/** returns the name of the event
+	*/
+	type?: string;
+}
 
-			/** parameter returns the new value of the node property that is being changed
-			 */
-			newValue?: any;
+export interface ActionSuccessEventArgs {
 
-			/** parameter returns the old value of the property that is being changed
-			 */
-			oldValue?: any;
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
 
-			/** parameter returns the name of the property that is changed
-			 */
-			propertyName?: string;
+	/** Returns number of times trying to fetch the data
+	*/
+	count?: number;
 
-			/** parameter returns the id of the diagram
-			 */
-			diagramId?: string;
-		}
+	/** returns the DropDownList model
+	*/
+	model?: any;
 
-		export interface RotationChangeEventArgs {
+	/** Returns the query for data retrieval 
+	*/
+	query?: any;
 
-			/** parameter returns the node that is rotated
-			 */
-			element?: any;
+	/** Returns the query for data retrieval from the Database 
+	*/
+	request?: any;
 
-			/** parameter returns the previous rotation angle
-			 */
-			oldValue?: any;
+	/** returns the name of the event
+	*/
+	type?: string;
 
-			/** parameter returns the new rotation angle
-			 */
-			newValue?: any;
+	/** Returns the number of items fetched from remote data
+	*/
+	result?: Array<any>;
 
-			/** parameter to specify whether or not to cancel the event
-			 */
-			cancel?: boolean;
+	/** Returns the requested data
+	*/
+	xhr?: any;
+}
 
-			/** parameter returns the id of the diagram
-			 */
-			diagramId?: string;
-		}
+export interface BeforePopupHideEventArgs {
 
-		export interface ScrollChangeEventArgs {
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
 
-			/** Parameter returns the new zoom value, horizontal and vertical scroll offsets.
-			 */
-			newValues?: any;
+	/** returns the DropDownList model
+	*/
+	model?: any;
 
-			/** parameter returns the previous zoom value, horizontal and vertical scroll offsets.
-			 */
-			oldValues?: any;
+	/** returns the name of the event
+	*/
+	type?: string;
 
-			/** parameter returns the id of the diagram
-			 */
-			diagramId?: string;
-		}
+	/** returns the selected text
+	*/
+	text?: string;
 
-		export interface SegmentChangeEventArgs {
+	/** returns the selected value
+	*/
+	value?: string;
+}
 
-			/** Parameter returns the connector that is being edited
-			 */
-			element?: any;
+export interface BeforePopupShownEventArgs {
 
-			/** parameter returns the state of editing (starting, dragging, completed)
-			 */
-			dragState?: string;
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
 
-			/** parameter returns the current mouse position
-			 */
-			point?: any;
+	/** returns the DropDownList model
+	*/
+	model?: any;
 
-			/** parameter to specify whether or not to cancel the event
-			 */
-			cancel?: boolean;
+	/** returns the name of the event
+	*/
+	type?: string;
 
-			/** parameter returns the id of the diagram
-			 */
-			diagramId?: string;
-		}
+	/** returns the selected text
+	*/
+	text?: string;
 
-		export interface SelectionChangeEventArgs {
+	/** returns the selected value
+	*/
+	value?: string;
+}
 
-			/** parameter returns whether the item is selected or removed selection
-			 */
-			changeType?: string;
+export interface CascadeEventArgs {
 
-			/** parameter returns the item which is selected or to be selected
-			 */
-			element?: any;
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
 
-			/** parameter returns the collection of nodes and connectors that have to be removed from selection list
-			 */
-			oldItems?: any[];
+	/** Returns the cascading dropdown model.
+	*/
+	cascadeModel?: any;
 
-			/** parameter returns the collection of nodes and connectors that have to be added to selection list
-			 */
-			newItems?: any[];
+	/** returns the current selected value in first dropdown.
+	*/
+	cascadeValue?: string;
 
-			/** parameter returns the collection of nodes and connectors that will be selected after selection change
-			 */
-			selectedItems?: any[];
+	/** returns the DropDownList model
+	*/
+	model?: any;
 
-			/** parameter to specify whether or not to cancel the selection change event
-			 */
-			cancel?: boolean;
+	/** returns the default filter action for second dropdown data should happen or not.
+	*/
+	requiresDefaultFilter?: 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;
+	/** returns the name of the event
+	*/
+	type?: string;
+}
 
-			/** parameter returns the id of the diagram
-			 */
-			diagramId?: string;
-		}
+export interface ChangeEventArgs {
 
-		export interface SizeChangeEventArgs {
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
 
-			/** parameter returns node that was resized
-			 */
-			element?: any;
+	/** Returns the selected item with checkbox checked or not.
+	*/
+	isChecked?: boolean;
 
-			/** parameter to cancel the size change
-			 */
-			cancel?: boolean;
+	/** Returns the selected item ID.
+	*/
+	itemId?: string;
 
-			/** parameter returns the new width, height, offsetX and offsetY values of the element that is being resized
-			 */
-			newValue?: any;
+	/** returns the DropDownList model
+	*/
+	model?: any;
 
-			/** parameter returns the previous width,height,offsetX and offsetY values of the element that is being resized
-			 */
-			oldValue?: any;
+	/** Returns the selected item text.
+	*/
+	selectedText?: string;
 
-			/** parameter returns the state of resizing(starting,resizing,completed)
-			 */
-			resizeState?: string;
+	/** returns the name of the event
+	*/
+	type?: string;
 
-			/** parameter returns the difference between new and old value
-			 */
-			offset?: any;
+	/** Returns the selected text.
+	*/
+	text?: string;
 
-			/** parameter returns the id of the diagram
-			 */
-			diagramId?: string;
-		}
+	/** Returns the selected value.
+	*/
+	value?: string;
+}
 
-		export interface TextChangeEventArgs {
+export interface CheckChangeEventArgs {
 
-			/** parameter returns the node that contains the text being edited
-			 */
-			element?: any;
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
 
-			/** parameter returns the new text
-			 */
-			value?: string;
+	/** Returns the selected item with checkbox checked or not.
+	*/
+	isChecked?: boolean;
 
-			/** parameter returns the keyCode of the key entered
-			 */
-			keyCode?: string;
+	/** Returns the selected item ID.
+	*/
+	itemId?: string;
 
-			/** parameter returns the id of the diagram
-			 */
-			diagramId?: string;
-		}
+	/** returns the DropDownList model
+	*/
+	model?: any;
 
-		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 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;
-		}
-
-		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;
-
-			/** 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 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 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 {
+	/** Returns the selected item text.
+	*/
+	selectedText?: string;
 
-			/** Sets the arrow position again popup based on horizontal(x) value
-			 * @Default {center}
-			 */
-			horizontal?: ej.datavisualization.HeatMap.Horizontal | string;
+	/** returns the name of the event
+	*/
+	type?: string;
 
-			/** Sets the arrow position again popup based on vertical(y) value
-			 * @Default {top}
-			 */
-			vertical?: ej.datavisualization.HeatMap.Vertical | string;
-		}
+	/** Returns the selected text.
+	*/
+	text?: string;
 
-		export interface TooltipSettingsPositionStem {
+	/** Returns the selected value.
+	*/
+	value?: string;
+}
 
-			/** Sets the arrow position again popup based on horizontal(x) value
-			 * @Default {center}
-			 */
-			horizontal?: ej.datavisualization.HeatMap.Horizontal | string;
+export interface CreateEventArgs {
 
-			/** Sets the arrow position again popup based on vertical(y) value
-			 * @Default {bottom}
-			 */
-			vertical?: ej.datavisualization.HeatMap.Vertical | string;
-		}
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
 
-		export interface TooltipSettingsPosition {
+	/** returns the DropDownList model
+	*/
+	model?: any;
 
-			/** Sets the Tooltip position against target.
-			 */
-			target?: TooltipSettingsPositionTarget;
+	/** returns the name of the event
+	*/
+	type?: string;
+}
 
-			/** Sets the arrow position again popup.
-			 */
-			stem?: TooltipSettingsPositionStem;
-		}
+export interface DataBoundEventArgs {
 
-		export interface TooltipSettingsAnimation {
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
 
-			/** 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 DropDownList model
+	*/
+	model?: any;
 
-			/** Defines the animation speed for the tooltip that should be shown when the mouse hovers over rows/columns.
-			 * @Default {0}
-			 */
-			speed?: number;
-		}
+	/** returns the name of the event
+	*/
+	type?: string;
 
-		export interface TooltipSettings {
-
-			/** Defines the tooltip that should be shown when the mouse hovers over rows/columns.
-			 * @Default {null}
-			 */
-			templateId?: string;
+	/** returns the data that is bound to DropDownList
+	*/
+	data?: any;
+}
 
-			/** 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;
+export interface DestroyEventArgs {
 
-			/** Defines various attributes of the Tooltip position
-			 */
-			position?: TooltipSettingsPosition;
+	/** its value is set as true,if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
 
-			/** Defines the tooltip to be triggered.
-			 * @Default {hover}
-			 */
-			trigger?: ej.datavisualization.HeatMap.Trigger | string;
+	/** returns the DropDownList model
+	*/
+	model?: any;
 
-			/** Defines the animation for the tooltip that should be shown when the mouse hovers over rows/columns.
-			 */
-			animation?: TooltipSettingsAnimation;
-		}
-
-		export interface HeatMapCell {
+	/** returns the name of the event
+	*/
+	type?: string;
+}
 
-			/** 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 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;
-
-			/** 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;
+export interface FocusInEventArgs {
 
-			/** Options to customize the Sparkline size.
-			 */
-			size?: Size;
+	/** its value is set as true,if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
 
-			/** Options for customizing the color,dashArray and width of the axisLine.
-			 */
-			axisLineSettings?: AxisLineSettings;
+	/** returns the DropDownList model
+	*/
+	model?: any;
 
-			/** Fires before loading the sparkline. */
-			load?(e: LoadEventArgs): void;
-
-			/** Fires after loaded the sparkline. */
-			loaded?(e: LoadedEventArgs): void;
+	/** returns the name of the event
+	*/
+	type?: string;
+}
 
-			/** Fires before rendering trackball tooltip. You can use this event to customize the text displayed in trackball tooltip. */
-			tooltipInitialize?(e: TooltipInitializeEventArgs): void;
+export interface FocusOutEventArgs {
 
-			/** Fires before rendering a series. This event is fired for each series in Sparkline. */
-			seriesRendering?(e: SeriesRenderingEventArgs): void;
+	/** its value is set as true,if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
 
-			/** Fires when mouse is moved over a point. */
-			pointRegionMouseMove?(e: PointRegionMouseMoveEventArgs): void;
+	/** returns the DropDownList model
+	*/
+	model?: any;
 
-			/** Fires on clicking a point in sparkline. You can use this event to handle clicks made on points. */
-			pointRegionMouseClick?(e: PointRegionMouseClickEventArgs): void;
+	/** returns the name of the event
+	*/
+	type?: string;
+}
 
-			/** Fires on moving mouse over the sparkline. */
-			sparklineMouseMove?(e: SparklineMouseMoveEventArgs): void;
+export interface PopupHideEventArgs {
 
-			/** Fires on moving mouse outside the sparkline. */
-			sparklineMouseLeave?(e: SparklineMouseLeaveEventArgs): void;
-		}
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
 
-		export interface LoadEventArgs {
+	/** returns the DropDownList 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 sparkline model object
-			 */
-			model?: any;
+	/** returns the selected text
+	*/
+	text?: string;
 
-			/** Name of the event
-			 */
-			type?: string;
-		}
+	/** returns the selected value
+	*/
+	value?: string;
+}
 
-		export interface LoadedEventArgs {
+export interface PopupResizeEventArgs {
 
-			/** Set this option to true to cancel the event
-			 */
-			cancel?: boolean;
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
 
-			/** Instance of the sparkline model object
-			 */
-			model?: any;
+	/** returns the DropDownList model
+	*/
+	model?: any;
 
-			/** Name of the event
-			 */
-			type?: string;
-		}
+	/** returns the name of the event
+	*/
+	type?: string;
 
-		export interface TooltipInitializeEventArgs {
+	/** Returns the data from the resizable plugin.
+	*/
+	event?: any;
+}
 
-			/** Set this option to true to cancel the event
-			 */
-			cancel?: boolean;
+export interface PopupShownEventArgs {
 
-			/** Instance of the sparkline model object
-			 */
-			model?: any;
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
 
-			/** Name of the event
-			 */
-			type?: string;
+	/** returns the DropDownList model
+	*/
+	model?: any;
 
-			/** X Location of the trackball tooltip in pixels
-			 */
-			locationX?: any;
+	/** returns the name of the event
+	*/
+	type?: string;
 
-			/** Y Location of the trackball tooltip in pixels
-			 */
-			locationY?: any;
+	/** returns the selected text
+	*/
+	text?: string;
 
-			/** Index of the point for which trackball tooltip is displayed
-			 */
-			pointIndex?: number;
+	/** returns the selected value
+	*/
+	value?: string;
+}
 
-			/** Text to be displayed in trackball tooltip. Use this option to add custom text in trackball tooltip
-			 */
-			currentText?: string;
-		}
+export interface PopupResizeStartEventArgs {
 
-		export interface SeriesRenderingEventArgs {
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
 
-			/** Set this option to true to cancel the event
-			 */
-			cancel?: boolean;
+	/** returns the DropDownList model
+	*/
+	model?: any;
 
-			/** Instance of the sparkline model object
-			 */
-			model?: any;
+	/** returns the name of the event
+	*/
+	type?: string;
 
-			/** Name of the event
-			 */
-			type?: string;
+	/** Returns the data from the resizable plugin.
+	*/
+	event?: any;
+}
 
-			/** Minimum x value of the data point
-			 */
-			minX?: any;
+export interface PopupResizeStopEventArgs {
 
-			/** Minimum y value of the data point
-			 */
-			minY?: any;
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
 
-			/** Maximum x value of the data point
-			 */
-			maxX?: any;
+	/** returns the DropDownList model
+	*/
+	model?: any;
 
-			/** Maximum y value of the data point
-			 */
-			maxY?: any;
-		}
+	/** returns the name of the event
+	*/
+	type?: string;
 
-		export interface PointRegionMouseMoveEventArgs {
+	/** Returns the data from the resizable plugin.
+	*/
+	event?: any;
+}
 
-			/** Set this option to true to cancel the event
-			 */
-			cancel?: boolean;
+export interface SearchEventArgs {
 
-			/** Instance of the sparkline model object
-			 */
-			model?: any;
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
 
-			/** Name of the event
-			 */
-			type?: string;
+	/** Returns the data bound to the DropDownList.
+	*/
+	items?: any;
 
-			/** X-coordinate of point in pixel
-			 */
-			locationX?: number;
+	/** 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;
 
-			/** Y-coordinate of point in pixel
-			 */
-			locationY?: number;
+	/** 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;
 
-			/** Index of the point in series
-			 */
-			pointIndex?: number;
+	/** 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;
 
-			/** Type of the series
-			 */
-			seriesType?: string;
-		}
+	/** This event is triggered after the Tooltip is created successfully. */
+	create? (e: CreateEventArgs): void;
 
-		export interface PointRegionMouseClickEventArgs {
+	/** 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;
 
-			/** Set this option to true to cancel the event
-			 */
-			cancel?: boolean;
+	/** This event is triggered after the Tooltip is opened. */
+	open? (e: OpenEventArgs): void;
 
-			/** Instance of the sparkline model object
-			 */
-			model?: any;
+	/** This event is triggered while hover the target element, when the tooltip positioning is relates to the mouse. */
+	tracking? (e: TrackingEventArgs): void;
+}
 
-			/** Name of the event
-			 */
-			type?: string;
+export interface BeforeCloseEventArgs {
 
-			/** X-coordinate of point in pixel
-			 */
-			locationX?: number;
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
 
-			/** Y-coordinate of point in pixel
-			 */
-			locationY?: number;
+	/** returns the tooltip model
+	*/
+	model?: any;
 
-			/** Index of the point in series
-			 */
-			pointIndex?: number;
-
-			/** Type of the series
-			 */
-			seriesType?: string;
-		}
-
-		export interface SparklineMouseMoveEventArgs {
+	/** returns the name of the event
+	*/
+	type?: string;
 
-			/** Set this option to true to cancel the event
-			 */
-			cancel?: boolean;
+	/** returns the Tooltip's content
+	*/
+	content?: string;
+}
 
-			/** 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;
+export interface BeforeOpenEventArgs {
 
-			/** 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;
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
 
-			/** Specifies the theme for Sunburst.
-			 * @Default {Flatlight. See Theme}
-			 */
-			theme?: ej.datavisualization.Sunburst.SunburstTheme | string;
+	/** returns the Tooltip model
+	*/
+	model?: any;
 
-			/** Options to customize the left, right, top and bottom margins of sunburst area.
-			 */
-			margin?: Margin;
+	/** returns the name of the event
+	*/
+	type?: string;
 
-			/** Enable/disable the animation for all the levels.
-			 * @Default {false}
-			 */
-			enableAnimation?: boolean;
+	/** returns the Tooltip's content
+	*/
+	content?: string;
+}
 
-			/** Opacity of the levels.
-			 * @Default {1}
-			 */
-			opacity?: number;
+export interface ClickEventArgs {
 
-			/** Options for enable zooming feature of chart.
-			 */
-			zoomSettings?: ZoomSettings;
+	/** its value is set as true,if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
 
-			/** Animation type of sunburst
-			 * @Default {rotation. See Alignment}
-			 */
-			animationType?: ej.datavisualization.Sunburst.Animation | string;
+	/** returns the Tooltip model
+	*/
+	model?: any;
 
-			/** Fires before loading. */
-			load?(e: LoadEventArgs): void;
+	/** returns the name of the event
+	*/
+	type?: string;
 
-			/** Fires before rendering sunburst. */
-			preRender?(e: PreRenderEventArgs): void;
+	/** returns the event object
+	*/
+	event?: any;
+}
 
-			/** Fires after rendering sunburst. */
-			loaded?(e: LoadedEventArgs): void;
+export interface CloseEventArgs {
 
-			/** Fires before rendering the datalabel */
-			dataLabelRendering?(e: DataLabelRenderingEventArgs): void;
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
 
-			/** Fires before rendering each segment */
-			segmentRendering?(e: SegmentRenderingEventArgs): void;
+	/** returns the Tooltip model
+	*/
+	model?: any;
 
-			/** Fires before rendering sunburst title. */
-			titleRendering?(e: TitleRenderingEventArgs): void;
+	/** returns the name of the event
+	*/
+	type?: string;
 
-			/** Fires during initialization of tooltip. */
-			tooltipInitialize?(e: TooltipInitializeEventArgs): void;
+	/** returns the Tooltip's content
+	*/
+	content?: string;
+}
 
-			/** Fires after clicking the point in sunburst */
-			pointRegionClick?(e: PointRegionClickEventArgs): void;
+export interface CreateEventArgs {
 
-			/** Fires while moving the mouse over sunburst points */
-			pointRegionMouseMove?(e: PointRegionMouseMoveEventArgs): void;
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
 
-			/** Fires when clicking the point to perform drilldown. */
-			drillDownClick?(e: DrillDownClickEventArgs): void;
+	/** returns the Tooltip model
+	*/
+	model?: any;
 
-			/** Fires when resetting drilldown points. */
-			drillDownBack?(e: DrillDownBackEventArgs): void;
+	/** returns the name of the event
+	*/
+	type?: string;
+}
 
-			/** Fires after resetting the sunburst points */
-			drillDownReset?(e: DrillDownResetEventArgs): void;
-		}
+export interface DestroyEventArgs {
 
-		export interface LoadEventArgs {
+	/** its value is set as true,if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
 
-			/** Load event data
-			 */
-			data?: string;
+	/** returns the Tooltip 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 sunburst model object
-			 */
-			model?: any;
+export interface HoverEventArgs {
 
-			/** Name of the event
-			 */
-			type?: string;
-		}
+	/** its value is set as true,if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
 
-		export interface PreRenderEventArgs {
+	/** returns the Tooltip model
+	*/
+	model?: any;
 
-			/** 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 event object
+	*/
+	event?: any;
+}
 
-			/** Instance of the sunburst model object
-			 */
-			model?: any;
+export interface OpenEventArgs {
 
-			/** Name of the event
-			 */
-			type?: string;
-		}
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
 
-		export interface LoadedEventArgs {
+	/** returns the Tooltip model
+	*/
+	model?: any;
 
-			/** Loaded 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 Tooltip's content
+	*/
+	content?: string;
+}
 
-			/** Instance of the sunburst model object
-			 */
-			model?: any;
+export interface TrackingEventArgs {
 
-			/** Name of the event
-			 */
-			type?: string;
-		}
+	/** its value is set as true,if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
 
-		export interface DataLabelRenderingEventArgs {
+	/** returns the Tooltip model
+	*/
+	model?: any;
 
-			/** 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;
+export interface Animation {
 
-			/** Name of the event
-			 */
-			type?: string;
-		}
+	/** Determines the type of effect.
+	*   @Default {ej.Tooltip.Effect.None}
+	*/
+	effect?: ej.Tooltip.effect|string;
 
-		export interface SegmentRenderingEventArgs {
+	/** Sets the animation speed in milliseconds.
+	*   @Default {4000}
+	*/
+	speed?: number;
+}
 
-			/** Sunburst datalabel data
-			 */
-			data?: string;
+export interface PositionTarget {
 
-			/** Set this option to true to cancel the event
-			 */
-			cancel?: boolean;
+	/** Sets the Tooltip position against target based on horizontal(x) value.
+	*   @Default {center}
+	*/
+	horizontal?: string|number;
 
-			/** Instance of the sunburst model object
-			 */
-			model?: any;
+	/** Sets the Tooltip position against target based on vertical(y) value.
+	*   @Default {top}
+	*/
+	vertical?: string|number;
+}
 
-			/** Name of the event
-			 */
-			type?: string;
-		}
+export interface PositionStem {
 
-		export interface TitleRenderingEventArgs {
+	/** Sets the arrow position again popup based on horizontal(x) value
+	*   @Default {center}
+	*/
+	horizontal?: string;
 
-			/** Sunburst title data
-			 */
-			data?: string;
+	/** Sets the arrow position again popup based on vertical(y) value
+	*   @Default {bottom}
+	*/
+	vertical?: string;
+}
 
-			/** Set this option to true to cancel the event
-			 */
-			cancel?: boolean;
+export interface Position {
 
-			/** Instance of the sunburst model object
-			 */
-			model?: any;
+	/** Sets the Tooltip position against target.
+	*/
+	target?: PositionTarget;
 
-			/** Name of the event
-			 */
-			type?: string;
-		}
+	/** Sets the arrow position again popup.
+	*/
+	stem?: PositionStem;
+}
 
-		export interface TooltipInitializeEventArgs {
+export interface TipSize {
 
-			/** Sunburst tooltip data
-			 */
-			data?: string;
+	/** Sets the Tooltip width.
+	*   @Default {20}
+	*/
+	width?: number;
 
-			/** Set this option to true to cancel the event
-			 */
-			cancel?: boolean;
+	/** Sets the Tooltip height.
+	*   @Default {10}
+	*/
+	height?: number;
+}
 
-			/** Instance of the sunburst model object
-			 */
-			model?: any;
+export interface TipAdjust {
 
-			/** Name of the event
-			 */
-			type?: string;
-		}
+	/** Sets horizontal gap between Tooltip and target element.
+	*   @Default {0}
+	*/
+	xValue?: number;
 
-		export interface PointRegionClickEventArgs {
+	/** Sets vertical gap between Tooltip and target element.
+	*   @Default {0}
+	*/
+	yValue?: number;
+}
 
-			/** Includes clicked points region data
-			 */
-			data?: string;
+export interface Tip {
 
-			/** Set this option to true to cancel the event
-			 */
-			cancel?: boolean;
+	/** Sets the Tooltip size.
+	*/
+	size?: TipSize;
 
-			/** Instance of the sunburst model object
-			 */
-			model?: any;
+	/** Sets gap between tooltip against the target element.
+	*/
+	adjust?: TipAdjust;
+}
 
-			/** Name of the event
-			 */
-			type?: string;
-		}
+enum effect{
 
-		export interface PointRegionMouseMoveEventArgs {
+	///No animation takes place when showing/hiding the Tooltip
+	None,
 
-			/** Includes data of mouse moved region
-			 */
-			data?: string;
+	///Sliding effect takes place when showing/hiding the Tooltip
+	Slide,
 
-			/** Set this option to true to cancel the event
-			 */
-			cancel?: boolean;
+	///Fade the Tooltip in and out of visibility.
+	Fade
+}
 
-			/** Instance of the sunburst model object
-			 */
-			model?: any;
 
-			/** Name of the event
-			 */
-			type?: string;
-		}
+enum Associate{
 
-		export interface DrillDownClickEventArgs {
+	///Sets the position related to target element.
+	Target,
 
-			/** Clicked point data
-			 */
-			data?: string;
+	///Sets the position related to mouse.
+	MouseFollow,
 
-			/** Set this option to true to cancel the event
-			 */
-			cancel?: boolean;
+	///Sets the position related to mouse, first entry to the target element.
+	MouseEnter,
 
-			/** Instance of the sunburst model object
-			 */
-			model?: any;
+	///Sets the position related to (x,y) co-ordinates.
+	Axis,
 
-			/** Name of the event
-			 */
-			type?: string;
-		}
+	///Sets the position related to browser window.
+	Window
+}
 
-		export interface DrillDownBackEventArgs {
 
-			/** Drill down data of points
-			 */
-			data?: string;
+enum CloseMode{
 
-			/** Set this option to true to cancel the event
-			 */
-			cancel?: boolean;
+	///Enables close button in Tooltip.
+	Sticky,
 
-			/** Instance of the sunburst model object
-			 */
-			model?: any;
+	///Sets the delay for Tooltip close
+	Auto,
 
-			/** Name of the event
-			 */
-			type?: string;
-		}
+	///The Tooltip will be display normally.
+	None
+}
 
-		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;
-		}
-	}
+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 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, 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 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 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?: 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.
+	*   @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 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 {
+}
+}
+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;
+}
+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;
+
+	/** 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: 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 {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: Array<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;
+
+	/** 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
+	*   @returns {void}
+	*/
+	export(action: string, serverEvent?: string, multipleExport?: boolean): 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;
+
+	/** 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: 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 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?: 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 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?: 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 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 MergeCellInfoEventArgs {
+
+	/** Returns grid cell.
+	*/
+	cell?: any;
+
+	/** Returns the cancel option value.
+	*/
+	cancel?: boolean;
+
+	/** Returns current row record object (JSON).
+	*/
+	data?: 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 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.
+	*/
+	data?: 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?: Array<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;
+}
+
+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?: 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 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<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. 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 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 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;
+
+	/** 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;
+}
+
+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 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 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 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 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 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;
+
+	/** 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;
+
+	/** 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 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 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 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 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;
+
+	/** 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, 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;
+
+	/** 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, 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;
+
+	/** 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 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 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<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?: 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 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<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?: Array<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?: 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<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 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?: 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 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 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 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 {ddd}
+	*/
+	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 SortSettings {
+
+	/** Specifies the sorted columns for Gantt
+	*   @Default {[]}
+	*/
+	sortedColumns?: Array<any>;
+}
+
+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 search an item with search string provided at the run time
+	*   @param {string} you can pass a searchString to search the tree grid
+	*   @returns {void}
+	*/
+	search(searchString: 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;
+
+	/** 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(columnName: 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 {none}
+	*/
+	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;
+
+	/** 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 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<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 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?: 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 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 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;
+
+	/** Specifies the edit type of the column.
+	*   @Default {ej.TreeGrid.EditingType.String}
+	*/
+	editType?: ej.TreeGrid.EditingType|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 {normal}
+	*/
+	columnResizeMode?: string;
+}
+
+export interface FilterSettings {
+
+	/** Specifies the mode on which column filtering should start
+	*   @Default {immediate}
+	*/
+	filterBarMode?: string;
+
+	/** Specifies the type of column filtering.
+	*   @Default {filterbar}
+	*/
+	filterType?: string;
+
+	/** Specifies the column collection for filtering the TreeGrid content on initial load
+	*   @Default {[]}
+	*/
+	filteredColumns?: Array<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 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 SizeSettings {
+
+	/** Height of the TreeGrid.
+	*   @Default {null}
+	*/
+	height?: string;
+
+	/** Width of the TreeGrid.
+	*   @Default {null}
+	*/
+	width?: string;
+}
+
+export interface SortSettings {
+
+	/** Option to add columns based on which the rows have to be sorted recursively.
+	*   @Default {[]}
+	*/
+	sortedColumns?: Array<any>;
+}
+
+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 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 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
+}
+
+}
+
+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 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?: 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?: 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 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 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 {
+
+	/**  
+	*/
+	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;
+
+	/** 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 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;
+
+	/** 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, 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;
+
+	/** 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;
+
+	/** 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;
+
+	/** 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?: 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 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?: 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 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?: 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 Directions
+	*   @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 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;
+}
+}
+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 animate value of circular gauge
+	*   @Default {true}
+	*/
+	enableAnimation?: 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;
+
+	/** 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?: 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 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 font for custom labels
+	*   @Default {Object}
+	*/
+	font?: ScalesCustomLabelsFont;
+}
+
+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 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?: 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;
+
+	/** Height of the shape in legend items.
+	*   @Default {10}
+	*/
+	height?: number;
+
+	/** Width of the shape in legend items.
+	*   @Default {10}
+	*/
+	width?: number;
+}
+
+export interface LegendSize {
+
+	/** Height of the legend. Height can be specified in pixel.
+	*   @Default {null}
+	*/
+	height?: string;
+
+	/** 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;
+}
+}
+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 CustomLabelPositionType
+{
+//string
+Top,
+//string
+Bottom,
+//string
+Right,
+//string
+Left,
+}
+}
+module CircularGauge
+{
+enum Direction
+{
+//string
+Clockwise,
+//string
+CounterClockwise,
+}
+}
+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 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>;
+
+	/** 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 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 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 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?: 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;
+}
+
+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?: 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;
+}
+
+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?: 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;
+}
+
+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?: 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 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 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?: 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;
+}
+
+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?: 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 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 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>;
+
+	/** Toggles the redrawing of chart on moving the sliders.
+	*   @Default {true}
+	*/
+	enableDeferredUpdate?: boolean;
+
+	/** Enable the scrollbar option in the rangenavigator.
+	*   @Default {false}
+	*/
+	enableScrollbar?: 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 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 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 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;
+
+	/** 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;
+
+	/** 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;
+
+	/** 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 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 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 {
+}
+
+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?: 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;
+
+	/** 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?: 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 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?: 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;
+}
+}
+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;
+
+	/** 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;
+}
+
+export interface TreeMapItemSelectedEventArgs {
+
+	/** Returns selected treeMapItem 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 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 {
+}
+
+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;
+
+	/** 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 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 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;
+
+	/** 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;
+}
+
+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> 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;
+    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;
-
-	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: "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;
+}
\ No newline at end of file

From eab9a9239c736220e6b59136775c82bebf37d9ad Mon Sep 17 00:00:00 2001
From: Jason Healy <jason.healy@aon.ie>
Date: Tue, 9 May 2017 16:35:13 +0100
Subject: [PATCH 286/321] change snapToInterval prop from array to number

---
 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 a7dc4da43a..1f407e7f02 100644
--- a/types/react-native/index.d.ts
+++ b/types/react-native/index.d.ts
@@ -5769,7 +5769,7 @@ export interface ScrollViewPropertiesIOS {
      * This can be used for paginating through children that have lengths smaller than the scroll view.
      * Used in combination with snapToAlignment.
      */
-    snapToInterval?: number[]
+    snapToInterval?: number
 
     /**
      * An array of child indices determining which children get docked to the

From a6e481c4bc9cf11c1dec0d77d0118d9c3430415f Mon Sep 17 00:00:00 2001
From: asakasa <asakasa@me.com>
Date: Wed, 10 May 2017 02:37:09 +0900
Subject: [PATCH 287/321] Add new types for TabBar in react-native

The types are available since iOS 10.
And then test for TabBar added.
---
 types/react-native/index.d.ts     | 10 ++++++++++
 types/react-native/test/index.tsx | 28 ++++++++++++++++++++++++++++
 2 files changed, 38 insertions(+)

diff --git a/types/react-native/index.d.ts b/types/react-native/index.d.ts
index c5a656d15d..5b3b1f3a38 100644
--- a/types/react-native/index.d.ts
+++ b/types/react-native/index.d.ts
@@ -5097,6 +5097,11 @@ export interface TabBarItemProperties extends ViewProperties {
      */
     badge?: string | number
 
+    /**
+     * Background color for the badge. Available since iOS 10.
+     */
+    badgeColor?: string
+
     /**
      * A custom icon for the tab. It is ignored when a system icon is defined.
      */
@@ -5182,6 +5187,11 @@ export interface TabBarIOSProperties extends ViewProperties {
      * Color of text on unselected tabs
      */
     unselectedTintColor?: string
+
+    /**
+     * Color of unselected tab icons. Available since iOS 10.
+     */
+    unselectedItemTintColor?: string
 }
 
 export interface TabBarIOSStatic extends React.ComponentClass<TabBarIOSProperties> {
diff --git a/types/react-native/test/index.tsx b/types/react-native/test/index.tsx
index 62e925575b..3d7ddeac07 100644
--- a/types/react-native/test/index.tsx
+++ b/types/react-native/test/index.tsx
@@ -34,6 +34,7 @@ import {
     ScrollView,
     ScrollViewProps,
     RefreshControl,
+    TabBarIOS,
 } from 'react-native';
 
 function testDimensions() {
@@ -255,3 +256,30 @@ class ScrollerListComponentTest extends React.Component<{}, { dataSource: ListVi
         )
     }
 }
+
+
+class TabBarTest extends React.Component<{}, {}> {
+    render() {
+        return (
+            <TabBarIOS
+                barTintColor="darkslateblue"
+                itemPositioning="center"
+                tintColor="white"
+                translucent={ true }
+                unselectedTintColor="black"
+                unselectedItemTintColor="red">
+                <TabBarIOS.Item
+                    badge={ 0 }
+                    badgeColor="red"
+                    icon={{uri: undefined}}
+                    selected={ true }
+                    onPress={() => {}}
+                    renderAsOriginal={ true }
+                    selectedIcon={ undefined }
+                    systemIcon="history"
+                    title="Item 1">
+                </TabBarIOS.Item>
+            </TabBarIOS>
+        );
+    }
+}

From bf2499f1d28475dd2c8cc62dde44a9e83f0a94c5 Mon Sep 17 00:00:00 2001
From: asakasa <asakasa@me.com>
Date: Wed, 10 May 2017 03:16:59 +0900
Subject: [PATCH 288/321] Update version of React Native

Now current version of React Native is 0.44
---
 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 5b3b1f3a38..214352f808 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.43
+// Type definitions for react-native 0.44
 // Project: https://github.com/facebook/react-native
 // Definitions by: Eloy Durán <https://github.com/alloy>, Fedor Nezhivoi <https://github.com/gyzerok>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped

From 66d3ea01bfd549f080a82c49c8ad3bcc275cd3d1 Mon Sep 17 00:00:00 2001
From: agentile <agentilela@gmail.com>
Date: Tue, 9 May 2017 20:24:17 -0700
Subject: [PATCH 289/321] fix: navigation prop should be optional

When using StackNavigator, there are times when you would like to trigger custom side effects on
navigation by setting the "onNavigationStateChange" prop, but don't want to override default
navigation. This PR allows for that.
---
 types/react-navigation/index.d.ts | 24 ++++++++++++------------
 1 file changed, 12 insertions(+), 12 deletions(-)

diff --git a/types/react-navigation/index.d.ts b/types/react-navigation/index.d.ts
index 6b263642ff..8ef38a6312 100644
--- a/types/react-navigation/index.d.ts
+++ b/types/react-navigation/index.d.ts
@@ -476,7 +476,7 @@ export interface LayoutEvent {
 }
 
 interface NavigationContainerProps {
-  navigation: NavigationProp<any, NavigationAction>
+  navigation?: NavigationProp<any, NavigationAction>
   onNavigationStateChange?: (
     preNavigationState: NavigationState,
     nextNavigationState: NavigationState,
@@ -489,7 +489,7 @@ interface NavigationContainerState {
 
 export interface NavigationContainer extends React.ComponentClass<
   NavigationContainerProps
-> {
+  > {
   router: any
 }
 
@@ -509,7 +509,7 @@ export function StackNavigator(
  */
 export interface DrawNavigatorConfig {
   drawerWidth?: number,
-  drawerPosition?: 'left'|'right',
+  drawerPosition?: 'left' | 'right',
   contentComponent?: React.ReactElement<any>,
   contentOptions?: {
     activeTintColor?: string,
@@ -531,7 +531,7 @@ export function DrawerNavigator(
  */
 export interface TabNavigatorConfig {
   tabBarComponent?: React.ReactElement<any>,
-  tabBarPosition?: 'top'|'bottom',
+  tabBarPosition?: 'top' | 'bottom',
   swipeEnabled?: boolean,
   animationEnabled?: boolean,
   lazy?: boolean,
@@ -556,7 +556,7 @@ export interface TabNavigatorConfig {
   initialRouteName?: string,
   order?: string[],
   paths?: any     // TODO: better def
-  backBehavior?: 'initialRoute'|'none'
+  backBehavior?: 'initialRoute' | 'none'
 }
 
 export function TabNavigator(
@@ -569,8 +569,8 @@ export function TabNavigator(
 export interface StackNavigatorScreenOptions {
   title?: string;
   headerVisible?: boolean;
-  headerTitle?: string|React.ReactElement<any>;
-  headerBackTitle?: string|null;
+  headerTitle?: string | React.ReactElement<any>;
+  headerBackTitle?: string | null;
   headerTruncatedBackTitle?: string;
   headerRight?: React.ReactElement<any>;
   headerLeft?: React.ReactElement<any>;
@@ -586,18 +586,18 @@ export interface TabNavigatorScreenOptions {
   tabBarVisible?: boolean;
   tabBarIcon?: React.ReactElement<any>;
   tabBarLaben?: string
-      |React.ReactElement<any>
-      | ((options: {focused: boolean, tintColor: string}) => React.ReactElement<any>)
+  | React.ReactElement<any>
+  | ((options: { focused: boolean, tintColor: string }) => React.ReactElement<any>)
   ;
 }
 
 export interface DrawerNavigatorScreenOptions {
   title?: string;
   drawerLabel?: string
-      |React.ReactElement<any>
-      | ((options: {focused: boolean, tintColor: string}) => React.ReactElement<any>)
+  | React.ReactElement<any>
+  | ((options: { focused: boolean, tintColor: string }) => React.ReactElement<any>)
   ;
   drawerIcon?: React.ReactElement<any>
-      | ((options: {focused: boolean, tintColor: string}) => React.ReactElement<any>)
+  | ((options: { focused: boolean, tintColor: string }) => React.ReactElement<any>)
   ;
 }

From db7d524bd2b6d32d7a305231394e2228cef05111 Mon Sep 17 00:00:00 2001
From: Alex Gentile <agentilela@gmail.com>
Date: Tue, 9 May 2017 22:23:46 -0700
Subject: [PATCH 290/321] Update index.d.ts

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

diff --git a/types/react-navigation/index.d.ts b/types/react-navigation/index.d.ts
index 8ef38a6312..35dba11bf1 100644
--- a/types/react-navigation/index.d.ts
+++ b/types/react-navigation/index.d.ts
@@ -489,7 +489,7 @@ interface NavigationContainerState {
 
 export interface NavigationContainer extends React.ComponentClass<
   NavigationContainerProps
-  > {
+> {
   router: any
 }
 
@@ -509,7 +509,7 @@ export function StackNavigator(
  */
 export interface DrawNavigatorConfig {
   drawerWidth?: number,
-  drawerPosition?: 'left' | 'right',
+  drawerPosition?: 'left'|'right',
   contentComponent?: React.ReactElement<any>,
   contentOptions?: {
     activeTintColor?: string,
@@ -531,7 +531,7 @@ export function DrawerNavigator(
  */
 export interface TabNavigatorConfig {
   tabBarComponent?: React.ReactElement<any>,
-  tabBarPosition?: 'top' | 'bottom',
+  tabBarPosition?: 'top'|'bottom',
   swipeEnabled?: boolean,
   animationEnabled?: boolean,
   lazy?: boolean,
@@ -556,7 +556,7 @@ export interface TabNavigatorConfig {
   initialRouteName?: string,
   order?: string[],
   paths?: any     // TODO: better def
-  backBehavior?: 'initialRoute' | 'none'
+  backBehavior?: 'initialRoute'|'none'
 }
 
 export function TabNavigator(
@@ -569,8 +569,8 @@ export function TabNavigator(
 export interface StackNavigatorScreenOptions {
   title?: string;
   headerVisible?: boolean;
-  headerTitle?: string | React.ReactElement<any>;
-  headerBackTitle?: string | null;
+  headerTitle?: string|React.ReactElement<any>;
+  headerBackTitle?: string|null;
   headerTruncatedBackTitle?: string;
   headerRight?: React.ReactElement<any>;
   headerLeft?: React.ReactElement<any>;
@@ -586,18 +586,18 @@ export interface TabNavigatorScreenOptions {
   tabBarVisible?: boolean;
   tabBarIcon?: React.ReactElement<any>;
   tabBarLaben?: string
-  | React.ReactElement<any>
-  | ((options: { focused: boolean, tintColor: string }) => React.ReactElement<any>)
+      |React.ReactElement<any>
+      | ((options: {focused: boolean, tintColor: string}) => React.ReactElement<any>)
   ;
 }
 
 export interface DrawerNavigatorScreenOptions {
   title?: string;
   drawerLabel?: string
-  | React.ReactElement<any>
-  | ((options: { focused: boolean, tintColor: string }) => React.ReactElement<any>)
+      |React.ReactElement<any>
+      | ((options: {focused: boolean, tintColor: string}) => React.ReactElement<any>)
   ;
   drawerIcon?: React.ReactElement<any>
-  | ((options: { focused: boolean, tintColor: string }) => React.ReactElement<any>)
+      | ((options: {focused: boolean, tintColor: string}) => React.ReactElement<any>)
   ;
 }

From f5733a87591ea2c03540357a31ed5b46f2600d0c Mon Sep 17 00:00:00 2001
From: Alex Gentile <agentilela@gmail.com>
Date: Tue, 9 May 2017 22:51:00 -0700
Subject: [PATCH 291/321] Removed null from headerBackTitle prop

Null is unnecessary as headerBackTitle is already optional.
---
 types/react-navigation/index.d.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/types/react-navigation/index.d.ts b/types/react-navigation/index.d.ts
index 35dba11bf1..129bfaca66 100644
--- a/types/react-navigation/index.d.ts
+++ b/types/react-navigation/index.d.ts
@@ -570,7 +570,7 @@ export interface StackNavigatorScreenOptions {
   title?: string;
   headerVisible?: boolean;
   headerTitle?: string|React.ReactElement<any>;
-  headerBackTitle?: string|null;
+  headerBackTitle?: string;
   headerTruncatedBackTitle?: string;
   headerRight?: React.ReactElement<any>;
   headerLeft?: React.ReactElement<any>;

From 2b18c44085da9b0abcd371c5e64211fbef8f2c2a Mon Sep 17 00:00:00 2001
From: Syncfusion-JavaScript <packages@syncfusion.com>
Date: Wed, 10 May 2017 15:40:05 +0530
Subject: [PATCH 292/321] 15.2 lint errors have been fixed.

---
 types/ej.web.all/index.d.ts | 114572 ++++++++++++++++-----------------
 1 file changed, 56593 insertions(+), 57979 deletions(-)

diff --git a/types/ej.web.all/index.d.ts b/types/ej.web.all/index.d.ts
index e9f023c805..76bd2f9173 100644
--- a/types/ej.web.all/index.d.ts
+++ b/types/ej.web.all/index.d.ts
@@ -1,4 +1,4 @@
-// Type definitions for ej.web.all 15.2
+// Type definitions for ej.web.all 15.2
 // Project: http://help.syncfusion.com/js/typescript
 // Definitions by: Syncfusion <https://github.com/syncfusion/>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
@@ -12,464 +12,455 @@
 *  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;
-    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;
-    } 
-	
+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;
+	}
 	interface browserInfoOptions {
 		name: string;
 		version: string;
-		culture: Object;
+		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;
-        _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: 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;
+	}
 
-    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: Object, tableName?: string): JQueryPromise<any>;
-        remove(keyField: string, value: any, tableName?: string): Object;
-        update(keyField: string, value: any, tableName?: string): Object;
-    }    
+	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;
+	}
 
-    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: 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;
-    }
-
-    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?: Object): {
-            type: string; url: string; ejPvtData: Object; contentType?: string; data?: Object;
-        };
-    }
-	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 };
-        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: 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 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{
+	class Query {
 		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 };
-    }
+		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 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;
+	}
+
+	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;
+		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 WebMethodAdaptor extends ej.UrlAdaptor {
+		constructor();
+		processQuery(dm: ej.DataManager, query: ej.Query, hierarchyFilters?: any): {
+			type: string; url: string; ejPvtData: any; contentType?: string; data?: any;
+		};
+	}
+	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;
+	}
+
+	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
+		};
+	}
+
+	class ODataV4Adaptor extends ej.ODataAdaptor {
+		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;
+		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): any;
+		remove(dm: ej.DataManager, keyField: string, value: any, tableName: string): any;
+		update(dm: ej.DataManager, keyField: string, value: any, tableName: string): any;
+	}
 	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 };
-        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;
-    }
+		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;
+	}
 	enum FilterOperators {
 		contains,
 		endsWith,
@@ -520,12743 +511,12784 @@ declare module 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, 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{
+	class Draggable extends ej.Widget {
+		static fn: Draggable;
+		constructor(element: JQuery | Element, options?: Draggable.Model);
+		static Locale: any;
+		model: Draggable.Model;
+		defaults: Draggable.Model;
 
-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;
+		/** destroy in the draggable.
+		 * @returns {void}
+		 */
+		_destroy(): void;
+	}
+	export namespace Draggable {
 
-	/** 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;
+		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;
 
-	/** 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;
+			/** 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;
 
-	/** This event is triggered when dragging element is destroyed. */
-	destroy? (e: DestroyEventArgs): void;
+			/** 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 the mouse is moved during the dragging. */
-	drag? (e: DragEventArgs): 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;
 
-	/** 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 dragging element is destroyed. */
+			destroy?(e: DestroyEventArgs): 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;
+			/** This event is triggered when the mouse is moved during the dragging. */
+			drag?(e: DragEventArgs): void;
 
-	/** returns the draggable model
-	*/
-	model?: ej.Draggable.Model;
+			/** Supply a callback function to handle the drag start event as an init option. */
+			dragStart?(e: DragStartEventArgs): void;
 
-	/** returns the name of the event
-	*/
-	type?: string;
+			/** This event is triggered when the mouse is moved during the dragging. */
+			dragStop?(e: DragStopEventArgs): void;
 
-	/** returns the event model values
-	*/
-	event?: any;
+			/** 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 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 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 HelperEventArgs {
+			/** returns the name of the event
+			 */
+			type?: string;
 
-	/** returns the draggable element object
-	*/
-	element?: any;
+			/** returns the event model values
+			 */
+			event?: any;
 
-	/** returns the event model values
-	*/
-	sender?: any;
-}
-}
+			/** returns the exact mouse down target element
+			 */
+			target?: 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 {  
-        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;
-}
+		export interface HelperEventArgs {
 
-export interface CreateEventArgs {
+			/** returns the draggable element object
+			 */
+			element?: any;
 
-	/** if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
+			/** returns the event model values
+			 */
+			sender?: any;
+		}
+	}
 
-	/** returns the scroller model
-	*/
-	model?: ej.Scroller.Model;
+	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.
+			 */
+			targetElement?: 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
+			 */
+			targetElement?: 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
+			 */
+			targetElement?: 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 name of the event.
-	*/
-	type?: string;
-}
+		export interface CreateEventArgs {
 
-export interface DestroyEventArgs {
+			/** if the event should be canceled; otherwise, false.
+			 */
+			cancel?: boolean;
 
-	/** 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 ThumbMoveEventArgs {
+		export interface DestroyEventArgs {
 
-	/** if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
+			/** 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 original event name and its event properties of the current event.
-	*/
-	originalEvent?: any;
+		export interface ThumbMoveEventArgs {
 
-	/** 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 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 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;
+		}
 
-	/** 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;
-}
-
-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 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;
+			/** returns the scroller model
+			 */
+			model?: ej.Scroller.Model;
 
-	/** 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 original event name and its event properties of the current event.
+			 */
+			originalEvent?: any;
 
-	/** 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;
+			/** returns the current data related to the event.
+			 */
+			scrollData?: any;
 
-	/** Triggered after Accordion control creation. */
-	create? (e: CreateEventArgs): 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 destroy. */
-	destroy? (e: DestroyEventArgs): 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 a Accordion item is active or inactive. Argument values are activeIndex, activeHeader, inActiveHeader, inActiveIndex and current model value. */
-	inActivate? (e: InActivateEventArgs): 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;
 
-export interface ActivateEventArgs {
+			/** Triggered after Accordion control creation. */
+			create?(e: CreateEventArgs): void;
 
-	/** if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
+			/** Triggered after Accordion control destroy. */
+			destroy?(e: DestroyEventArgs): void;
 
-	/** returns the accordion model
-	*/
-	model?: ej.Accordion.Model;
+			/** 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 name of the event
-	*/
-	type?: string;
+		export interface ActivateEventArgs {
 
-	/** returns active index
-	*/
-	activeIndex?: number;
+			/** if the event should be canceled; otherwise, false.
+			 */
+			cancel?: boolean;
 
-	/** returns current active header
-	*/
-	activeHeader?: any;
+			/** 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 AjaxBeforeLoadEventArgs {
+			/** returns active index
+			 */
+			activeIndex?: number;
 
-	/** if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
+			/** returns current active header
+			 */
+			activeHeader?: any;
 
-	/** 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 AjaxBeforeLoadEventArgs {
 
-	/** returns current AJAX content location
-	*/
-	URL?: string;
-}
+			/** if the event should be canceled; otherwise, false.
+			 */
+			cancel?: boolean;
 
-export interface AjaxErrorEventArgs {
+			/** 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;
+			/** returns current AJAX content location
+			 */
+			URL?: string;
+		}
 
-	/** returns the name of the event
-	*/
-	type?: string;
+		export interface AjaxErrorEventArgs {
 
-	/** 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 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 the name of the URL
-	*/
-	URL?: string;
-}
+			/** if the event should be canceled; otherwise, false.
+			 */
+			cancel?: boolean;
 
-export interface AjaxSuccessEventArgs {
+			/** 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;
+			/** returns the name of the URL
+			 */
+			URL?: string;
+		}
 
-	/** returns the name of the event
-	*/
-	type?: string;
+		export interface AjaxSuccessEventArgs {
 
-	/** returns current AJAX content location
-	*/
-	URL?: string;
+			/** if the event should be canceled; otherwise, false.
+			 */
+			cancel?: boolean;
 
-	/** returns the successful data sent.
-	*/
-	data?: string;
+			/** returns the accordion model
+			 */
+			model?: ej.Accordion.Model;
 
-	/** returns the AJAX content.
-	*/
-	content?: string;
-}
+			/** returns the name of the event
+			 */
+			type?: string;
 
-export interface BeforeActivateEventArgs {
+			/** returns current AJAX content location
+			 */
+			URL?: string;
 
-	/** if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
+			/** returns the successful data sent.
+			 */
+			data?: string;
 
-	/** returns the accordion model
-	*/
-	model?: ej.Accordion.Model;
+			/** returns the AJAX content.
+			 */
+			content?: string;
+		}
 
-	/** returns the name of the event
-	*/
-	type?: string;
+		export interface BeforeActivateEventArgs {
 
-	/** 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
+			 */
+			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
-	*/
-	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;
+			/** 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 {
 
-export interface DestroyEventArgs {
+			/** 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;
-}
+		export interface DestroyEventArgs {
 
-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 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;
+		export interface InActivateEventArgs {
 
-	/** returns active index
-	*/
-	inActiveIndex?: number;
+			/** if the event should be canceled; otherwise, false.
+			 */
+			cancel?: boolean;
 
-	/** returns in active element
-	*/
-	inActiveHeader?: any;
+			/** 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 AjaxSettings {
+			/** returns active index
+			 */
+			inActiveIndex?: number;
 
-	/** It specifies, whether to enable or disable asynchronous request.
-	*/
-	async?: Boolean;
+			/** returns in active element
+			 */
+			inActiveHeader?: any;
 
-	/** 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;
-}
-
-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, 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;
+			/** returns true when the Accordion index activated by user interaction otherwise returns false
+			 */
+			isInteraction?: boolean;
+		}
 
-	/** Enables or disables the visibility of the autocomplete textbox.
-	*   @Default {true}
-	*/
-	visible?: boolean;
+		export interface AjaxSettings {
 
-	/** The text to be displayed when the value of the autocomplete textbox is empty.
-	*   @Default {null}
-	*/
-	watermarkText?: string;
+			/** It specifies, whether to enable or disable asynchronous request.
+			 */
+			async?: boolean;
 
-	/** The width of the Autocomplete textbox.
-	*   @Default {null}
-	*/
-	width?: string|number;
+			/** It specifies the page will be cached in the web browser.
+			 */
+			cache?: boolean;
 
-	/** Triggers when the AJAX requests Begins. */
-	actionBegin? (e: ActionBeginEventArgs): void;
+			/** 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;
+		}
 
-	/** Triggers when the data requested from AJAX will get successfully loaded in the Autocomplete widget. */
-	actionSuccess? (e: ActionSuccessEventArgs): void;
+		export interface ActionCompleteEventArgs {
+			/** Returns the cancel option value.
+			 */
+			cancel?: boolean;
+		}
 
-	/** Triggers when the AJAX requests complete. The request may get failed or succeed. */
-	actionComplete? (e: ActionCompleteEventArgs): void;
+		export interface ActionFailureEventArgs {
+			/** Returns the cancel option value.
+			 */
+			cancel?: boolean;
+		}
 
-	/** Triggers when the data requested from AJAX get failed. */
-	actionFailure? (e: ActionFailureEventArgs): void;
+		export interface ChangeEventArgs {
 
-	/** Triggers when the text box value is changed. */
-	change? (e: ChangeEventArgs): void;
+			/** Set this option to true to cancel the event.
+			 */
+			cancel?: boolean;
 
-	/** Triggers after the suggestion popup is closed. */
-	close? (e: CloseEventArgs): void;
+			/** Instance of the autocomplete model object.
+			 */
+			model?: ej.Autocomplete.Model;
 
-	/** Triggers when Autocomplete widget is created. */
-	create? (e: CreateEventArgs): void;
+			/** Name of the event.
+			 */
+			type?: string;
 
-	/** Triggers after the Autocomplete widget is destroyed. */
-	destroy? (e: DestroyEventArgs): void;
+			/** Value of the autocomplete textbox.
+			 */
+			value?: string;
+		}
 
-	/** Triggers after the autocomplete textbox is focused. */
-	focusIn? (e: FocusInEventArgs): void;
+		export interface CloseEventArgs {
 
-	/** 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 {
-}
+		export interface CreateEventArgs {
 
-export interface ActionSuccessEventArgs {
-}
+			/** Set this option to true to cancel the event.
+			 */
+			cancel?: boolean;
 
-export interface ActionCompleteEventArgs {
-}
+			/** Instance of the autocomplete model object.
+			 */
+			model?: ej.Autocomplete.Model;
 
-export interface ActionFailureEventArgs {
-}
+			/** Name of the event.
+			 */
+			type?: string;
+		}
 
-export interface ChangeEventArgs {
+		export interface DestroyEventArgs {
 
-	/** Set this option to true to cancel the event.
-	*/
-	cancel?: boolean;
+			/** Set this option to true to cancel the event.
+			 */
+			cancel?: boolean;
 
-	/** Instance of the autocomplete model object.
-	*/
-	model?: ej.Autocomplete.Model;
+			/** Instance of the autocomplete model object.
+			 */
+			model?: ej.Autocomplete.Model;
 
-	/** Name of the event.
-	*/
-	type?: string;
+			/** Name of the event.
+			 */
+			type?: string;
+		}
 
-	/** Value of the autocomplete textbox.
-	*/
-	value?: string;
-}
+		export interface FocusInEventArgs {
 
-export interface CloseEventArgs {
+			/** Set this option to true to cancel the event.
+			 */
+			cancel?: boolean;
 
-	/** Set this option to true to cancel the event.
-	*/
-	cancel?: boolean;
+			/** Instance of the autocomplete model object.
+			 */
+			model?: ej.Autocomplete.Model;
 
-	/** Instance of the autocomplete model object.
-	*/
-	model?: ej.Autocomplete.Model;
+			/** Name of the event.
+			 */
+			type?: string;
 
-	/** Name of the event.
-	*/
-	type?: string;
-}
+			/** Value of the autocomplete textbox.
+			 */
+			value?: string;
+		}
 
-export interface CreateEventArgs {
+		export interface FocusOutEventArgs {
 
-	/** Set this option to true to cancel the event.
-	*/
-	cancel?: boolean;
+			/** Set this option to true to cancel the event.
+			 */
+			cancel?: boolean;
 
-	/** Instance of the autocomplete model object.
-	*/
-	model?: ej.Autocomplete.Model;
+			/** Instance of the autocomplete model object.
+			 */
+			model?: ej.Autocomplete.Model;
 
-	/** Name of the event.
-	*/
-	type?: string;
-}
+			/** Name of the event.
+			 */
+			type?: string;
 
-export interface DestroyEventArgs {
+			/** Value of the autocomplete textbox.
+			 */
+			value?: string;
+		}
 
-	/** Set this option to true to cancel the event.
-	*/
-	cancel?: boolean;
+		export interface OpenEventArgs {
 
-	/** Instance of the autocomplete model object.
-	*/
-	model?: ej.Autocomplete.Model;
+			/** Set this option to true to cancel the event.
+			 */
+			cancel?: boolean;
 
-	/** Name of the event.
-	*/
-	type?: string;
-}
+			/** Instance of the autocomplete model object.
+			 */
+			model?: ej.Autocomplete.Model;
 
-export interface FocusInEventArgs {
+			/** Name of the event.
+			 */
+			type?: string;
+		}
 
-	/** Set this option to true to cancel the event.
-	*/
-	cancel?: boolean;
+		export interface SelectEventArgs {
 
-	/** Instance of the autocomplete model object.
-	*/
-	model?: ej.Autocomplete.Model;
+			/** Set this option to true to cancel the event.
+			 */
+			cancel?: boolean;
 
-	/** Name of the event.
-	*/
-	type?: string;
+			/** Instance of the autocomplete model object.
+			 */
+			model?: ej.Autocomplete.Model;
 
-	/** Value of the autocomplete textbox.
-	*/
-	value?: string;
-}
+			/** Name of the event.
+			 */
+			type?: string;
 
-export interface FocusOutEventArgs {
+			/** Value of the autocomplete textbox.
+			 */
+			value?: string;
 
-	/** Set this option to true to cancel the event.
-	*/
-	cancel?: boolean;
+			/** Text of the selected item.
+			 */
+			text?: string;
 
-	/** Instance of the autocomplete model object.
-	*/
-	model?: ej.Autocomplete.Model;
+			/** Key of the selected item.
+			 */
+			key?: string;
 
-	/** Name of the event.
-	*/
-	type?: string;
+			/** Data object of the selected item.
+			 */
+			Item?: ej.Autocomplete.Model;
+		}
 
-	/** Value of the autocomplete textbox.
-	*/
-	value?: string;
-}
+		export interface Fields {
 
-export interface OpenEventArgs {
+			/** Used to group the suggestion list items.
+			 */
+			groupBy?: string;
 
-	/** Set this option to true to cancel the event.
-	*/
-	cancel?: boolean;
+			/** Defines the HTML attributes such as id, class, styles for the item.
+			 */
+			htmlAttributes?: any;
 
-	/** Instance of the autocomplete model object.
-	*/
-	model?: ej.Autocomplete.Model;
+			/** Defines the specific field name which contains unique key values for the list items.
+			 */
+			key?: string;
 
-	/** 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 SelectEventArgs {
+		export interface MultiColumnSettingsColumn {
 
-	/** Set this option to true to cancel the event.
-	*/
-	cancel?: boolean;
+			/** Get or set a value that indicates to display the columns in the autocomplete mapping with column name of the dataSource.
+			 */
+			field?: string;
 
-	/** Instance of the autocomplete model object.
-	*/
-	model?: ej.Autocomplete.Model;
+			/** Get or set a value that indicates to display the title of that particular column.
+			 */
+			headerText?: string;
 
-	/** Name of the event.
-	*/
-	type?: string;
+			/** Gets or sets a value that indicates to render the multicolumn with custom theme.
+			 */
+			cssClass?: string;
 
-	/** Value of the autocomplete textbox.
-	*/
-	value?: 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;
 
-	/** Text of the selected item.
-	*/
-	text?: 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;
 
-	/** Key of the selected item.
-	*/
-	key?: string;
+			/** This defines the text alignment of a particular column header cell value. See headerTextAlign
+			 * @Default {ej.TextAlign.Left}
+			 */
+			headerTextAlign?: ej.TextAlign | string;
 
-	/** Data object of the selected item.
-	*/
-	Item?: 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;
+		}
 
-export interface Fields {
+		export interface MultiColumnSettings {
 
-	/** Used to group the suggestion list items.
-	*/
-	groupBy?: string;
+			/** Allow list of data to be displayed in several columns.
+			 * @Default {false}
+			 */
+			enable?: boolean;
 
-	/** Defines the HTML attributes such as id, class, styles for the item.
-	*/
-	htmlAttributes?: any;
+			/** Allow header text to be displayed in corresponding columns.
+			 * @Default {true}
+			 */
+			showHeader?: boolean;
 
-	/** Defines the specific field name which contains unique key values for the list items.
-	*/
-	key?: string;
+			/** 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 {
 
-	/** Defines the specific field name in the data source to load the suggestion list with data.
-	*/
-	text?: string;
-}
+			///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;
 
-export interface MultiColumnSettingsColumn {
+			/** 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;
+
+			/** 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;
 
-	/** Get or set a value that indicates to display the columns in the autocomplete mapping with column name of the dataSource.
-	*/
-	field?: string;
+			/** Triggers when the list item is checked or unchecked. */
+			checkChange?(e: CheckChangeEventArgs): void;
 
-	/** Get or set a value that indicates to display the title of that particular column.
-	*/
-	headerText?: string;
+			/** Triggers when the ListBox widget is created successfully. */
+			create?(e: CreateEventArgs): void;
+
+			/** Triggers when the ListBox widget is destroyed successfully. */
+			destroy?(e: DestroyEventArgs): void;
 
-	/** Gets or sets a value that indicates to render the multicolumn with custom theme.
-	*/
-	cssClass?: string;
+			/** Triggers when focus the listbox items. */
+			focusIn?(e: FocusInEventArgs): 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;
+			/** Triggers when focus out from listbox items. */
+			focusOut?(e: FocusOutEventArgs): 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;
+			/** Triggers when the list item is being dragged. */
+			itemDrag?(e: ItemDragEventArgs): void;
 
-	/** This defines the text alignment of a particular column header cell value. See headerTextAlign
-	*   @Default {ej.TextAlign.Left}
-	*/
-	headerTextAlign?: ej.TextAlign|string;
+			/** Triggers when the list item is ready to be dragged. */
+			itemDragStart?(e: ItemDragStartEventArgs): 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;
-}
+			/** Triggers when the list item stops dragging. */
+			itemDragStop?(e: ItemDragStopEventArgs): void;
 
-export interface MultiColumnSettings {
+			/** Triggers when the list item is dropped. */
+			itemDrop?(e: ItemDropEventArgs): void;
 
-	/** Allow list of data to be displayed in several columns.
-	*   @Default {false}
-	*/
-	enable?: boolean;
+			/** Triggers when a list item gets selected. */
+			select?(e: SelectEventArgs): void;
 
-	/** Allow header text to be displayed in corresponding columns.
-	*   @Default {true}
-	*/
-	showHeader?: boolean;
+			/** Triggers when a list item gets unselected. */
+			unselect?(e: UnselectEventArgs): void;
+		}
 
-	/** Displayed selected value and autocomplete search based on mentioned column value specified in that format.
-	*/
-	stringFormat?: string;
+		export interface ActionBeginEventArgs {
+			/** Returns the cancel option value.
+			 */
+			cancel?: boolean;
+		}
 
-	/** Field and Header Text collections can be defined and customized through columns field.
-	*/
-	columns?: Array<MultiColumnSettingsColumn>;
-}
+		export interface ActionSuccessEventArgs {
+			/** Returns the cancel option value.
+			 */
+			cancel?: boolean;
+		}
 
-enum Animation{
+		export interface ActionCompleteEventArgs {
+			/** Returns the cancel option value.
+			 */
+			cancel?: boolean;
+		}
 
-	///Supports to animation type with none type only.
-	None,
+		export interface ActionFailureEventArgs {
+			/** Returns the cancel option value.
+			 */
+			cancel?: boolean;
+		}
 
-	///Supports to animation type with slide type only.
-	Slide,
+		export interface ActionBeforeSuccessEventArgs {
 
-	///Supports to animation type with fade type only.
-	Fade
-}
+			/** Instance of the listbox model object.
+			 */
+			model?: ej.ListBox.Model;
 
+			/** Name of the event.
+			 */
+			type?: string;
 
-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{
+			/** List of actual object.
+			 */
+			actual?: any;
 
-	///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, 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;
+			/** Object of ListBox widget which contains DataManager arguments
+			 */
+			request?: any;
 
-	/** Specify the Right to Left direction to button
-	*   @Default {false}
-	*/
-	enableRTL?: boolean;
+			/** Set this option to true to cancel the event.
+			 */
+			cancel?: boolean;
 
-	/** Specifies the height of the Button.
-	*   @Default {28}
-	*/
-	height?: number;
+			/** List of array object
+			 */
+			result?: any[];
 
-	/** It allows to define the characteristics of the Button control. It will helps to extend the capability of an HTML element.
-	*   @Default {{}}
-	*/
-	htmlAttributes?: any;
+			/** ExecuteQuery object of DataManager
+			 */
+			xhr?: 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 ChangeEventArgs {
 
-	/** Specifies the primary icon for Button. This icon will be displayed from the left margin of the button.
-	*   @Default {null}
-	*/
-	prefixIcon?: string;
+			/** Instance of the listbox model object.
+			 */
+			model?: ej.ListBox.Model;
 
-	/** 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;
+			/** Name of the event.
+			 */
+			type?: string;
 
-	/** To display the ListBox container with rounded corners.
-	*   @Default {false}
-	*/
-	showRoundedCorner?: boolean;
+			/** List item object.
+			 */
+			item?: any;
 
-	/** The template to display the ListBox widget with customized appearance.
-	*   @Default {null}
-	*/
-	template?: string;
+			/** The Datasource of the listbox.
+			 */
+			data?: any;
 
-	/** Holds the selected items values and used to bind value to the list item using AngularJS and KnockoutJS.
-	*   @Default {“”}
-	*/
-	value?: number;
+			/** List item’s index.
+			 */
+			index?: 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;
+			/** Set this option to true to cancel the event.
+			 */
+			cancel?: boolean;
 
-	/** Defines the width of the ListBox widget.
-	*   @Default {null}
-	*/
-	width?: string;
+			/** Boolean value based on whether the list item is checked or not.
+			 */
+			isChecked?: boolean;
 
-	/** Specifies the targetID for the listbox items.
-	*   @Default {null}
-	*/
-	targetID?: string;
+			/** Boolean value based on whether the list item is selected or not.
+			 */
+			isSelected?: boolean;
 
-	/** Triggers before the AJAX request begins to load data in the ListBox widget. */
-	actionBegin? (e: ActionBeginEventArgs): void;
+			/** Boolean value based on the list item is enabled or not.
+			 */
+			isEnabled?: boolean;
 
-	/** Triggers after the data requested via AJAX is successfully loaded in the ListBox widget. */
-	actionSuccess? (e: ActionSuccessEventArgs): void;
+			/** List item’s text (label).
+			 */
+			text?: string;
 
-	/** Triggers when the AJAX requests complete. The request may get failed or succeed. */
-	actionComplete? (e: ActionCompleteEventArgs): void;
+			/** List item’s value.
+			 */
+			value?: string;
+		}
 
-	/** Triggers when the data requested from AJAX get failed. */
-	actionFailure? (e: ActionFailureEventArgs): void;
+		export interface CheckChangeEventArgs {
 
-	/** Event will be triggered before the requested data via AJAX once loaded in successfully. */
-	actionBeforeSuccess? (e: ActionBeforeSuccessEventArgs): void;
+			/** Instance of the listbox model object.
+			 */
+			model?: ej.ListBox.Model;
 
-	/** Triggers when the item selection is changed. */
-	change? (e: ChangeEventArgs): void;
+			/** Name of the event.
+			 */
+			type?: string;
 
-	/** Triggers when the list item is checked or unchecked. */
-	checkChange? (e: CheckChangeEventArgs): void;
+			/** List item object.
+			 */
+			item?: any;
 
-	/** Triggers when the ListBox widget is created successfully. */
-	create? (e: CreateEventArgs): void;
+			/** The Datasource of the listbox.
+			 */
+			data?: any;
 
-	/** Triggers when the ListBox widget is destroyed successfully. */
-	destroy? (e: DestroyEventArgs): void;
+			/** List item’s index.
+			 */
+			index?: number;
 
-	/** Triggers when focus the listbox items. */
-	focusIn? (e: FocusInEventArgs): void;
+			/** Set this option to true to cancel the event.
+			 */
+			cancel?: boolean;
 
-	/** Triggers when focus out from listbox items. */
-	focusOut? (e: FocusOutEventArgs): void;
+			/** Boolean value based on whether the list item is checked or not.
+			 */
+			isChecked?: boolean;
 
-	/** Triggers when the list item is being dragged. */
-	itemDrag? (e: ItemDragEventArgs): void;
+			/** Boolean value based on whether the list item is selected or not.
+			 */
+			isSelected?: boolean;
 
-	/** Triggers when the list item is ready to be dragged. */
-	itemDragStart? (e: ItemDragStartEventArgs): void;
+			/** Boolean value based on the list item is enabled or not.
+			 */
+			isEnabled?: boolean;
 
-	/** Triggers when the list item stops dragging. */
-	itemDragStop? (e: ItemDragStopEventArgs): void;
+			/** List item’s text (label).
+			 */
+			text?: string;
 
-	/** Triggers when the list item is dropped. */
-	itemDrop? (e: ItemDropEventArgs): void;
+			/** List item’s value.
+			 */
+			value?: string;
+		}
 
-	/** Triggers when a list item gets selected. */
-	select? (e: SelectEventArgs): void;
+		export interface CreateEventArgs {
 
-	/** Triggers when a list item gets unselected. */
-	unselect? (e: UnselectEventArgs): void;
-}
+			/** Instance of the listbox model object.
+			 */
+			model?: ej.ListBox.Model;
 
-export interface ActionBeginEventArgs {
-}
+			/** Name of the event.
+			 */
+			type?: string;
 
-export interface ActionSuccessEventArgs {
-}
+			/** Set this option to true to cancel the event.
+			 */
+			cancel?: boolean;
+		}
 
-export interface ActionCompleteEventArgs {
-}
+		export interface DestroyEventArgs {
 
-export interface ActionFailureEventArgs {
-}
+			/** Instance of the listbox model object.
+			 */
+			model?: ej.ListBox.Model;
 
-export interface ActionBeforeSuccessEventArgs {
+			/** Name of the event.
+			 */
+			type?: string;
 
-	/** Instance of the listbox model object.
-	*/
-	model?: ej.ListBox.Model;
+			/** Set this option to true to cancel the event.
+			 */
+			cancel?: boolean;
+		}
 
-	/** Name of the event.
-	*/
-	type?: string;
+		export interface FocusInEventArgs {
 
-	/** List of actual object.
-	*/
-	actual?: any;
+			/** Instance of the listbox model object.
+			 */
+			model?: ej.ListBox.Model;
 
-	/** Object of ListBox widget which contains DataManager arguments
-	*/
-	request?: any;
+			/** Name of the event.
+			 */
+			type?: string;
 
-	/** Set this option to true to cancel the event.
-	*/
-	cancel?: boolean;
+			/** Set this option to true to cancel the event.
+			 */
+			cancel?: boolean;
+		}
 
-	/** List of array object
-	*/
-	result?: Array<any>;
+		export interface FocusOutEventArgs {
 
-	/** ExecuteQuery object of DataManager
-	*/
-	xhr?: any;
-}
+			/** Instance of the listbox model object.
+			 */
+			model?: ej.ListBox.Model;
 
-export interface ChangeEventArgs {
+			/** Name of the event.
+			 */
+			type?: string;
 
-	/** Instance of the listbox model object.
-	*/
-	model?: ej.ListBox.Model;
+			/** Set this option to true to cancel the event.
+			 */
+			cancel?: boolean;
+		}
 
-	/** Name of the event.
-	*/
-	type?: string;
+		export interface ItemDragEventArgs {
 
-	/** List item object.
-	*/
-	item?: any;
+			/** Instance of the listbox model object.
+			 */
+			model?: ej.ListBox.Model;
 
-	/** The Datasource of the listbox.
-	*/
-	data?: any;
+			/** Name of the event.
+			 */
+			type?: string;
 
-	/** List item’s index.
-	*/
-	index?: number;
+			/** Set this option to true to cancel the event.
+			 */
+			cancel?: boolean;
 
-	/** Set this option to true to cancel the event.
-	*/
-	cancel?: boolean;
+			/** The Datasource of the listbox.
+			 */
+			data?: any;
 
-	/** Boolean value based on whether the list item is checked or not.
-	*/
-	isChecked?: boolean;
+			/** List item’s index.
+			 */
+			index?: number;
 
-	/** Boolean value based on whether the list item is selected or not.
-	*/
-	isSelected?: boolean;
+			/** Boolean value based on whether the list item is checked or not.
+			 */
+			isChecked?: boolean;
 
-	/** Boolean value based on the list item is enabled or not.
-	*/
-	isEnabled?: boolean;
+			/** Boolean value based on whether the list item is selected or not.
+			 */
+			isSelected?: boolean;
 
-	/** List item’s text (label).
-	*/
-	text?: string;
+			/** Boolean value based on whether the list item is enabled or not.
+			 */
+			isEnabled?: boolean;
 
-	/** List item’s value.
-	*/
-	value?: string;
-}
+			/** List item’s text (label).
+			 */
+			text?: string;
 
-export interface CheckChangeEventArgs {
+			/** List item’s value.
+			 */
+			value?: string;
+		}
 
-	/** Instance of the listbox model object.
-	*/
-	model?: ej.ListBox.Model;
+		export interface ItemDragStartEventArgs {
 
-	/** Name of the event.
-	*/
-	type?: string;
+			/** Instance of the listbox model object.
+			 */
+			model?: ej.ListBox.Model;
 
-	/** List item object.
-	*/
-	item?: any;
+			/** Name of the event.
+			 */
+			type?: string;
 
-	/** The Datasource of the listbox.
-	*/
-	data?: any;
+			/** Set this option to true to cancel the event.
+			 */
+			cancel?: boolean;
 
-	/** List item’s index.
-	*/
-	index?: number;
+			/** The Datasource of the listbox.
+			 */
+			data?: any;
 
-	/** Set this option to true to cancel the event.
-	*/
-	cancel?: boolean;
+			/** 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 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 selected or not.
+			 */
+			isSelected?: boolean;
 
-	/** Boolean value based on the list item is enabled or not.
-	*/
-	isEnabled?: 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 text (label).
+			 */
+			text?: string;
 
-	/** List item’s value.
-	*/
-	value?: string;
-}
+			/** List item’s value.
+			 */
+			value?: string;
+		}
 
-export interface CreateEventArgs {
+		export interface ItemDragStopEventArgs {
 
-	/** Instance of the listbox model object.
-	*/
-	model?: ej.ListBox.Model;
+			/** Instance of the listbox model object.
+			 */
+			model?: ej.ListBox.Model;
 
-	/** Name of the event.
-	*/
-	type?: string;
+			/** Name of the event.
+			 */
+			type?: string;
 
-	/** Set this option to true to cancel the event.
-	*/
-	cancel?: boolean;
-}
+			/** Set this option to true to cancel the event.
+			 */
+			cancel?: boolean;
 
-export interface DestroyEventArgs {
+			/** The Datasource of the listbox.
+			 */
+			data?: any;
 
-	/** Instance of the listbox model object.
-	*/
-	model?: ej.ListBox.Model;
+			/** List item’s index.
+			 */
+			index?: number;
 
-	/** Name of the event.
-	*/
-	type?: string;
+			/** Boolean value based on whether the list item is checked or not.
+			 */
+			isChecked?: boolean;
 
-	/** Set this option to true to cancel the event.
-	*/
-	cancel?: boolean;
-}
+			/** Boolean value based on whether the list item is selected or not.
+			 */
+			isSelected?: boolean;
 
-export interface FocusInEventArgs {
+			/** Boolean value based on whether the list item is enabled or not.
+			 */
+			isEnabled?: boolean;
 
-	/** Instance of the listbox model object.
-	*/
-	model?: ej.ListBox.Model;
+			/** List item’s text (label).
+			 */
+			text?: string;
 
-	/** Name of the event.
-	*/
-	type?: string;
+			/** List item’s value.
+			 */
+			value?: string;
+		}
 
-	/** Set this option to true to cancel the event.
-	*/
-	cancel?: boolean;
-}
+		export interface ItemDropEventArgs {
 
-export interface FocusOutEventArgs {
+			/** Instance of the listbox model object.
+			 */
+			model?: ej.ListBox.Model;
 
-	/** Instance of the listbox model object.
-	*/
-	model?: ej.ListBox.Model;
+			/** Name of the event.
+			 */
+			type?: string;
 
-	/** Name of the event.
-	*/
-	type?: string;
+			/** Set this option to true to cancel the event.
+			 */
+			cancel?: boolean;
 
-	/** Set this option to true to cancel the event.
-	*/
-	cancel?: boolean;
-}
+			/** The Datasource of the listbox.
+			 */
+			data?: any;
 
-export interface ItemDragEventArgs {
+			/** List item’s index.
+			 */
+			index?: number;
 
-	/** Instance of the listbox model object.
-	*/
-	model?: ej.ListBox.Model;
+			/** Boolean value based on whether the list item is checked or not.
+			 */
+			isChecked?: boolean;
 
-	/** Name of the event.
-	*/
-	type?: string;
+			/** Boolean value based on whether the list item is selected or not.
+			 */
+			isSelected?: boolean;
 
-	/** Set this option to true to cancel the event.
-	*/
-	cancel?: boolean;
+			/** Boolean value based on whether the list item is enabled or not.
+			 */
+			isEnabled?: boolean;
 
-	/** The Datasource of the listbox.
-	*/
-	data?: any;
+			/** List item’s text (label).
+			 */
+			text?: string;
 
-	/** List item’s index.
-	*/
-	index?: number;
+			/** List item’s value.
+			 */
+			value?: string;
+		}
 
-	/** Boolean value based on whether the list item is checked or not.
-	*/
-	isChecked?: boolean;
+		export interface SelectEventArgs {
 
-	/** Boolean value based on whether the list item is selected or not.
-	*/
-	isSelected?: boolean;
+			/** Instance of the listbox model object.
+			 */
+			model?: ej.ListBox.Model;
 
-	/** Boolean value based on whether the list item is enabled or not.
-	*/
-	isEnabled?: boolean;
+			/** Name of the event.
+			 */
+			type?: string;
 
-	/** List item’s text (label).
-	*/
-	text?: string;
+			/** List item object.
+			 */
+			item?: any;
 
-	/** List item’s value.
-	*/
-	value?: string;
-}
+			/** The Datasource of the listbox.
+			 */
+			data?: any;
 
-export interface ItemDragStartEventArgs {
+			/** List item’s index.
+			 */
+			index?: number;
 
-	/** Instance of the listbox model object.
-	*/
-	model?: ej.ListBox.Model;
+			/** Set this option to true to cancel the event.
+			 */
+			cancel?: boolean;
 
-	/** Name of the event.
-	*/
-	type?: string;
+			/** Boolean value based on whether the list item is checked or not.
+			 */
+			isChecked?: boolean;
 
-	/** Set this option to true to cancel the event.
-	*/
-	cancel?: boolean;
+			/** Boolean value based on whether the list item is selected or not.
+			 */
+			isSelected?: boolean;
 
-	/** The Datasource of the listbox.
-	*/
-	data?: any;
+			/** Boolean value based on the list item is enabled or not.
+			 */
+			isEnabled?: boolean;
 
-	/** List item’s index.
-	*/
-	index?: number;
+			/** List item’s text (label).
+			 */
+			text?: string;
 
-	/** Boolean value based on whether the list item is checked or not.
-	*/
-	isChecked?: boolean;
+			/** List item’s value.
+			 */
+			value?: string;
+		}
 
-	/** Boolean value based on whether the list item is selected or not.
-	*/
-	isSelected?: boolean;
+		export interface UnselectEventArgs {
 
-	/** Boolean value based on whether the list item is enabled or not.
-	*/
-	isEnabled?: boolean;
+			/** Instance of the listbox model object.
+			 */
+			model?: ej.ListBox.Model;
+
+			/** Name of the event.
+			 */
+			type?: string;
 
-	/** List item’s text (label).
-	*/
-	text?: 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;
+		}
+	}
+
+	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;
+		}
 
-	/** List item’s value.
-	*/
-	value?: string;
-}
+		export interface CloseEventArgs {
 
-export interface ItemDragStopEventArgs {
+			/** 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;
+		}
 
-	/** Set this option to true to cancel the event.
-	*/
-	cancel?: boolean;
+		export interface CreateEventArgs {
 
-	/** The Datasource of the listbox.
-	*/
-	data?: any;
+			/** if the event should be canceled; otherwise, false.
+			 */
+			cancel?: boolean;
 
-	/** List item’s index.
-	*/
-	index?: number;
+			/** returns the color picker 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 DestroyEventArgs {
 
-	/** Boolean value based on whether 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 the color picker model
+			 */
+			model?: ej.ColorPicker.Model;
 
-	/** List item’s value.
-	*/
-	value?: string;
-}
+			/** returns the name of the event
+			 */
+			type?: string;
+		}
 
-export interface ItemDropEventArgs {
+		export interface OpenEventArgs {
 
-	/** Instance of the listbox model object.
-	*/
-	model?: ej.ListBox.Model;
+			/** if the event should be canceled; otherwise, false.
+			 */
+			cancel?: boolean;
 
-	/** Name of the event.
-	*/
-	type?: string;
+			/** returns the color picker model
+			 */
+			model?: ej.ColorPicker.Model;
 
-	/** Set this option to true to cancel the event.
-	*/
-	cancel?: boolean;
+			/** returns the name of the event
+			 */
+			type?: string;
+		}
 
-	/** The Datasource of the listbox.
-	*/
-	data?: any;
+		export interface SelectEventArgs {
 
-	/** List item’s index.
-	*/
-	index?: number;
+			/** 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 the color picker model
+			 */
+			model?: ej.ColorPicker.Model;
 
-	/** Boolean value based on whether the list item is selected or not.
-	*/
-	isSelected?: boolean;
+			/** returns the name of the event
+			 */
+			type?: string;
 
-	/** Boolean value based on whether the list item is enabled or not.
-	*/
-	isEnabled?: boolean;
+			/** return the selected color value
+			 */
+			value?: string;
+		}
 
-	/** List item’s text (label).
-	*/
-	text?: string;
+		export interface ButtonText {
 
-	/** List item’s value.
-	*/
-	value?: string;
-}
+			/** Sets the text for the apply button.
+			 */
+			apply?: string;
 
-export interface SelectEventArgs {
+			/** Sets the text for the cancel button.
+			 */
+			cancel?: string;
 
-	/** Instance of the listbox model object.
-	*/
-	model?: ej.ListBox.Model;
+			/** Sets the header text for the swatches area.
+			 */
+			swatches?: string;
+		}
 
-	/** Name of the event.
-	*/
-	type?: string;
+		export interface TooltipText {
 
-	/** List item object.
-	*/
-	item?: any;
+			/** Sets the tooltip text for the switcher button.
+			 */
+			switcher?: string;
 
-	/** The Datasource of the listbox.
-	*/
-	data?: any;
+			/** Sets the tooltip text for the add button.
+			 */
+			addbutton?: string;
 
-	/** List item’s index.
-	*/
-	index?: number;
+			/** Sets the tooltip text for the basic preset.
+			 */
+			basic?: string;
 
-	/** Set this option to true to cancel the event.
-	*/
-	cancel?: boolean;
+			/** Sets the tooltip text for the mono chrome preset.
+			 */
+			monochrome?: string;
 
-	/** Boolean value based on whether the list item is checked or not.
-	*/
-	isChecked?: boolean;
+			/** Sets the tooltip text for the flat colors preset.
+			 */
+			flatcolors?: string;
 
-	/** Boolean value based on whether the list item is selected or not.
-	*/
-	isSelected?: boolean;
+			/** Sets the tooltip text for the sea wolf preset.
+			 */
+			seawolf?: string;
 
-	/** Boolean value based on the list item is enabled or not.
-	*/
-	isEnabled?: boolean;
+			/** Sets the tooltip text for the web colors preset.
+			 */
+			webcolors?: string;
 
-	/** List item’s text (label).
-	*/
-	text?: string;
+			/** Sets the tooltip text for the sandy preset.
+			 */
+			sandy?: string;
 
-	/** List item’s value.
-	*/
-	value?: string;
-}
+			/** Sets the tooltip text for the pink shades preset.
+			 */
+			pinkshades?: string;
 
-export interface UnselectEventArgs {
-
-	/** Instance of the listbox model object.
-	*/
-	model?: ej.ListBox.Model;
-
-	/** Name of the event.
-	*/
-	type?: string;
+			/** Sets the tooltip text for the misty preset.
+			 */
+			misty?: 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;
-}
-}
-
-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;
-}
+			/** Sets the tooltip text for the citrus preset.
+			 */
+			citrus?: string;
 
-export interface ChangeEventArgs {
-
-	/** if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
+			/** Sets the tooltip text for the vintage preset.
+			 */
+			vintage?: string;
 
-	/** returns the color picker model
-	*/
-	model?: ej.ColorPicker.Model;
+			/** Sets the tooltip text for the moon light preset.
+			 */
+			moonlight?: string;
 
-	/** returns the name of the event
-	*/
-	type?: string;
+			/** Sets the tooltip text for the candy crush preset.
+			 */
+			candycrush?: string;
 
-	/** return the changed color value
-	*/
-	value?: string;
-}
+			/** Sets the tooltip text for the current color area.
+			 */
+			currentcolor?: string;
 
-export interface CloseEventArgs {
+			/** Sets the tooltip text for the selected color area.
+			 */
+			selectedcolor?: string;
+		}
 
-	/** if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
+		enum ModelType {
 
-	/** returns the color picker model
-	*/
-	model?: ej.ColorPicker.Model;
+			///support palette type mode in color picker.
+			Palette,
 
-	/** returns the name of the event
-	*/
-	type?: string;
-}
+			///support palette type mode in color picker.
+			Picker
+		}
 
-export interface CreateEventArgs {
 
-	/** if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
+		enum Palette {
 
-	/** returns the color picker model
-	*/
-	model?: any;
+			///used to show the basic palette
+			BasicPalette,
 
-	/** returns the name of the event
-	*/
-	type?: string;
-}
+			///used to show the custompalette
+			CustomPalette
+		}
 
-export interface DestroyEventArgs {
 
-	/** if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
+		enum Presets {
 
-	/** returns the color picker model
-	*/
-	model?: ej.ColorPicker.Model;
+			///used to show the basic presets
+			Basic,
 
-	/** returns the name of the event
-	*/
-	type?: string;
-}
+			///used to show the CandyCrush colors presets
+			CandyCrush,
 
-export interface OpenEventArgs {
+			///used to show the Citrus colors presets
+			Citrus,
 
-	/** if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
+			///used to show the FlatColors presets
+			FlatColors,
 
-	/** returns the color picker model
-	*/
-	model?: ej.ColorPicker.Model;
+			///used to show the Misty presets
+			Misty,
 
-	/** returns the name of the event
-	*/
-	type?: string;
-}
+			///used to show the MoonLight presets
+			MoonLight,
+
+			///used to show the PinkShades presets
+			PinkShades,
 
-export interface SelectEventArgs {
+			///used to show the Sandy presets
+			Sandy,
 
-	/** if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
+			///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;
 
-	/** returns the color picker model
-	*/
-	model?: ej.ColorPicker.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;
 
-	/** return the selected color value
-	*/
-	value?: string;
-}
+			/** 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[];
 
-export interface ButtonText {
+			/** Gets or sets an object that indicates whether to customize the upload behavior in the FileExplorer.
+			 */
+			uploadSettings?: UploadSettings;
 
-	/** Sets the text for the apply button.
-	*/
-	apply?: string;
+			/** Specifies the width of FileExplorer control.
+			 * @Default {850}
+			 */
+			width?: string | number;
 
-	/** Sets the text for the cancel button.
-	*/
-	cancel?: string;
+			/** Fires before the AJAX request is performed. */
+			beforeAjaxRequest?(e: BeforeAjaxRequestEventArgs): void;
 
-	/** Sets the header text for the swatches area.
-	*/
-	swatches?: string;
-}
+			/** Fires before downloading the files. */
+			beforeDownload?(e: BeforeDownloadEventArgs): void;
 
-export interface TooltipText {
+			/** 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;
 
-	/** Sets the tooltip text for the switcher button.
-	*/
-	switcher?: string;
+			/** Fires before files or folders open. */
+			beforeOpen?(e: BeforeOpenEventArgs): void;
 
-	/** Sets the tooltip text for the add button.
-	*/
-	addbutton?: string;
+			/** Fires before uploading the files. */
+			beforeUpload?(e: BeforeUploadEventArgs): void;
 
-	/** Sets the tooltip text for the basic preset.
-	*/
-	basic?: string;
+			/** Fires when FileExplorer control was created */
+			create?(e: CreateEventArgs): void;
 
-	/** Sets the tooltip text for the mono chrome preset.
-	*/
-	monochrome?: string;
+			/** Fires when file or folder is copied successfully. */
+			copy?(e: CopyEventArgs): void;
 
-	/** Sets the tooltip text for the flat colors preset.
-	*/
-	flatcolors?: string;
+			/** Fires when new folder is created successfully in file system. */
+			createFolder?(e: CreateFolderEventArgs): void;
 
-	/** Sets the tooltip text for the sea wolf preset.
-	*/
-	seawolf?: string;
+			/** Fires when file or folder is cut successfully. */
+			cut?(e: CutEventArgs): void;
 
-	/** Sets the tooltip text for the web colors preset.
-	*/
-	webcolors?: string;
+			/** Fires when the FileExplorer is destroyed successfully. */
+			destroy?(e: DestroyEventArgs): void;
 
-	/** Sets the tooltip text for the sandy preset.
-	*/
-	sandy?: string;
+			/** Fires when the files or directory has been started to drag over on the FileExplorer */
+			dragStart?(e: DragStartEventArgs): void;
 
-	/** Sets the tooltip text for the pink shades preset.
-	*/
-	pinkshades?: string;
+			/** Fires when the files or directory is dragging over on the FileExplorer. */
+			drag?(e: DragEventArgs): void;
 
-	/** Sets the tooltip text for the misty preset.
-	*/
-	misty?: string;
+			/** Fires when the files or directory has been stopped to drag over on FileExplorer */
+			dragStop?(e: DragStopEventArgs): void;
 
-	/** Sets the tooltip text for the citrus preset.
-	*/
-	citrus?: string;
+			/** Fires when the files or directory is dropped to the target folder of FileExplorer */
+			drop?(e: DropEventArgs): void;
 
-	/** Sets the tooltip text for the vintage preset.
-	*/
-	vintage?: string;
+			/** Fires after loading the requested image from server. Using this event, you can get the details of loaded image. */
+			getImage?(e: GetImageEventArgs): void;
 
-	/** Sets the tooltip text for the moon light preset.
-	*/
-	moonlight?: string;
+			/** Fires when keydown in FileExplorer control. */
+			keydown?(e: KeydownEventArgs): void;
 
-	/** Sets the tooltip text for the candy crush preset.
-	*/
-	candycrush?: string;
+			/** Fires when the file view type is changed. */
+			layoutChange?(e: LayoutChangeEventArgs): void;
 
-	/** Sets the tooltip text for the current color area.
-	*/
-	currentcolor?: string;
+			/** Fires when before the ContextMenu opening. */
+			menuBeforeOpen?(e: MenuBeforeOpenEventArgs): void;
 
-	/** Sets the tooltip text for the selected color area.
-	*/
-	selectedcolor?: string;
-}
+			/** Fires when click the ContextMenu item. */
+			menuClick?(e: MenuClickEventArgs): void;
 
-enum ModelType{
+			/** Fires when ContextMenu is successfully opened. */
+			menuOpen?(e: MenuOpenEventArgs): void;
 
-	///support palette type mode in color picker.
-	Palette,
+			/** Fires when files are successfully opened. */
+			open?(e: OpenEventArgs): void;
 
-	///support palette type mode in color picker.
-	Picker
-}
+			/** 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;
 
-enum Palette{
+			/** Fires when resizing is performed for FileExplorer. */
+			resize?(e: ResizeEventArgs): void;
 
-	///used to show the basic palette
-	BasicPalette,
+			/** Fires when resizing is started for FileExplorer. */
+			resizeStart?(e: ResizeStartEventArgs): void;
 
-	///used to show the custompalette
-	CustomPalette
-}
+			/** 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;
 
-enum Presets{
+			/** Triggered when refresh the template column elements in the grid view of FileExplorer control. */
+			templateRefresh?(e: TemplateRefreshEventArgs): void;
 
-	///used to show the basic presets
-	Basic,
+			/** Fires when the items from grid view or tile view or large icons view of FileExplorer control is unselected. */
+			unselect?(e: UnselectEventArgs): void;
+		}
 
-	///used to show the CandyCrush colors presets
-	CandyCrush,
+		export interface BeforeAjaxRequestEventArgs {
 
-	///used to show the Citrus colors presets
-	Citrus,
+			/** Set to true when the event has to be canceled, else false.
+			 */
+			cancel?: boolean;
 
-	///used to show the FlatColors presets
-	FlatColors,
+			/** returns the AJAX request data
+			 */
+			data?: any;
 
-	///used to show the Misty presets
-	Misty,
+			/** returns the FileExplorer model
+			 */
+			model?: ej.FileExplorer.Model;
 
-	///used to show the MoonLight presets
-	MoonLight,
-
-	///used to show the PinkShades presets
-	PinkShades,
+			/** returns the name of the event
+			 */
+			type?: string;
+		}
 
-	///used to show the Sandy presets
-	Sandy,
+		export interface BeforeDownloadEventArgs {
 
-	///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;
+			/** Set to true when the event has to be canceled, else false.
+			 */
+			cancel?: boolean;
 
-	/** FileExplorer control is displayed with rounded corner when this property is set to true.
-	*   @Default {false}
-	*/
-	showRoundedCorner?: boolean;
+			/** returns the downloaded file names.
+			 */
+			files?: string[];
 
-	/** 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 FileExplorer model.
+			 */
+			model?: ej.FileExplorer.Model;
 
-	/** Shows or disables the toolbar in FileExplorer control.
-	*   @Default {true}
-	*/
-	showToolbar?: boolean;
+			/** returns the path of currently opened item.
+			 */
+			path?: string;
 
-	/** 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 selected item details.
+			 */
+			selectedItems?: any;
 
-	/** 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;
+			/** returns the name of the event.
+			 */
+			type?: string;
+		}
 
-	/** 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>;
+		export interface BeforeGetImageEventArgs {
 
-	/** Gets or sets an object that indicates whether to customize the upload behavior in the FileExplorer.
-	*/
-	uploadSettings?: UploadSettings;
+			/** set to true when the event has to be canceled, else false.
+			 */
+			cancel?: boolean;
 
-	/** Specifies the width of FileExplorer control.
-	*   @Default {850}
-	*/
-	width?: string|number;
+			/** enable or disable the image compress option.
+			 */
+			canCompress?: boolean;
 
-	/** Fires before the AJAX request is performed. */
-	beforeAjaxRequest? (e: BeforeAjaxRequestEventArgs): void;
+			/** returns the FileExplorer model.
+			 */
+			model?: ej.FileExplorer.Model;
 
-	/** Fires before downloading the files. */
-	beforeDownload? (e: BeforeDownloadEventArgs): void;
+			/** returns the expected image size.
+			 */
+			size?: 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 selected item details.
+			 */
+			selectedItems?: any;
 
-	/** Fires before files or folders open. */
-	beforeOpen? (e: BeforeOpenEventArgs): void;
+			/** returns the name of the event.
+			 */
+			type?: string;
+		}
 
-	/** Fires before uploading the files. */
-	beforeUpload? (e: BeforeUploadEventArgs): void;
+		export interface BeforeOpenEventArgs {
 
-	/** Fires when FileExplorer control was created */
-	create? (e: CreateEventArgs): void;
+			/** Set to true when the event has to be canceled, else false.
+			 */
+			cancel?: boolean;
 
-	/** Fires when file or folder is copied successfully. */
-	copy? (e: CopyEventArgs): void;
+			/** returns the opened item type.
+			 */
+			itemType?: string;
 
-	/** Fires when new folder is created successfully in file system. */
-	createFolder? (e: CreateFolderEventArgs): void;
+			/** returns the FileExplorer model.
+			 */
+			model?: ej.FileExplorer.Model;
 
-	/** Fires when file or folder is cut successfully. */
-	cut? (e: CutEventArgs): void;
+			/** returns the path of currently opened item.
+			 */
+			path?: string;
 
-	/** Fires when the FileExplorer is destroyed successfully. */
-	destroy? (e: DestroyEventArgs): void;
+			/** returns the selected item details.
+			 */
+			selectedItems?: any;
 
-	/** 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;
+		}
 
-	/** Fires when the files or directory is dragging over on the FileExplorer. */
-	drag? (e: DragEventArgs): void;
+		export interface BeforeUploadEventArgs {
 
-	/** Fires when the files or directory has been stopped to drag over on FileExplorer */
-	dragStop? (e: DragStopEventArgs): void;
+			/** Set to true when the event has to be canceled, else false.
+			 */
+			cancel?: boolean;
 
-	/** Fires when the files or directory is dropped to the target folder of FileExplorer */
-	drop? (e: DropEventArgs): void;
+			/** returns the FileExplorer model.
+			 */
+			model?: ej.FileExplorer.Model;
 
-	/** 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 currently opened item.
+			 */
+			path?: string;
 
-	/** Fires when keydown in FileExplorer control. */
-	keydown? (e: KeydownEventArgs): void;
+			/** returns the selected item details.
+			 */
+			selectedItems?: any;
 
-	/** Fires when the file view type is changed. */
-	layoutChange? (e: LayoutChangeEventArgs): void;
+			/** returns the upload item details.
+			 */
+			uploadItemDetails?: any;
 
-	/** 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;
+		export interface CreateEventArgs {
 
-	/** Fires when ContextMenu is successfully opened. */
-	menuOpen? (e: MenuOpenEventArgs): void;
+			/** Set to true when the event has to be canceled, else false.
+			 */
+			cancel?: boolean;
 
-	/** Fires when files are successfully opened. */
-	open? (e: OpenEventArgs): void;
+			/** returns the FileExplorer model.
+			 */
+			model?: ej.FileExplorer.Model;
 
-	/** Fires when a file or folder is pasted successfully. */
-	paste? (e: PasteEventArgs): void;
+			/** returns the name of the event.
+			 */
+			type?: string;
+		}
 
-	/** Fires when file or folder is deleted successfully. */
-	remove? (e: RemoveEventArgs): void;
+		export interface CopyEventArgs {
 
-	/** Fires when resizing is performed for FileExplorer. */
-	resize? (e: ResizeEventArgs): void;
+			/** Set to true when the event has to be canceled, else false.
+			 */
+			cancel?: boolean;
 
-	/** Fires when resizing is started for FileExplorer. */
-	resizeStart? (e: ResizeStartEventArgs): void;
+			/** returns the FileExplorer model.
+			 */
+			model?: ej.FileExplorer.Model;
 
-	/** Fires this event when the resizing is stopped for FileExplorer. */
-	resizeStop? (e: ResizeStopEventArgs): void;
+			/** returns the name of copied file/folder.
+			 */
+			name?: string[];
 
-	/** Fires when the items from grid view or tile view of FileExplorer control is selected. */
-	select? (e: SelectEventArgs): void;
+			/** returns the selected item details.
+			 */
+			selectedItems?: any;
 
-	/** Triggered when refresh the template column elements in the grid view of FileExplorer control. */
-	templateRefresh? (e: TemplateRefreshEventArgs): void;
+			/** returns the source path.
+			 */
+			sourcePath?: string;
 
-	/** Fires when the items from grid view or tile view or large icons view of FileExplorer control is unselected. */
-	unselect? (e: UnselectEventArgs): void;
-}
+			/** returns the name of the event.
+			 */
+			type?: string;
+		}
 
-export interface BeforeAjaxRequestEventArgs {
+		export interface CreateFolderEventArgs {
 
-	/** 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 request data
-	*/
-	data?: any;
+			/** returns the AJAX response data
+			 */
+			data?: any;
 
-	/** returns the FileExplorer model
-	*/
-	model?: ej.FileExplorer.Model;
+			/** returns the FileExplorer model
+			 */
+			model?: ej.FileExplorer.Model;
 
-	/** returns the name of the event
-	*/
-	type?: string;
-}
+			/** returns the selected item details
+			 */
+			selectedItems?: any;
 
-export interface BeforeDownloadEventArgs {
+			/** returns the name of the event.
+			 */
+			type?: string;
+		}
 
-	/** Set to true when the event has to be canceled, else false.
-	*/
-	cancel?: boolean;
+		export interface CutEventArgs {
 
-	/** returns the downloaded file names.
-	*/
-	files?: string[];
+			/** Set to true when the event has to be canceled, else false.
+			 */
+			cancel?: boolean;
 
-	/** returns the FileExplorer model.
-	*/
-	model?: ej.FileExplorer.Model;
+			/** returns the FileExplorer model.
+			 */
+			model?: ej.FileExplorer.Model;
 
-	/** returns the path of currently opened item.
-	*/
-	path?: string;
+			/** returns the name of moved file or folder.
+			 */
+			name?: string[];
 
-	/** returns the selected item details.
-	*/
-	selectedItems?: any;
+			/** returns the selected item details.
+			 */
+			selectedItems?: any;
 
-	/** returns the name of the event.
-	*/
-	type?: string;
-}
+			/** returns the source path.
+			 */
+			sourcePath?: string;
 
-export interface BeforeGetImageEventArgs {
+			/** 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 {
 
-	/** enable or disable the image compress option.
-	*/
-	canCompress?: boolean;
+			/** Set to true when the event has to be canceled, else false.
+			 */
+			cancel?: boolean;
 
-	/** returns the FileExplorer model.
-	*/
-	model?: ej.FileExplorer.Model;
+			/** returns the FileExplorer model.
+			 */
+			model?: ej.FileExplorer.Model;
 
-	/** returns the expected image size.
-	*/
-	size?: any;
+			/** returns the name of the event.
+			 */
+			type?: string;
+		}
 
-	/** returns the selected item details.
-	*/
-	selectedItems?: any;
+		export interface DragStartEventArgs {
 
-	/** 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 FileExplorer model.
+			 */
+			model?: ej.FileExplorer.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;
+			/** returns the dragging element.
+			 */
+			target?: any;
 
-	/** returns the FileExplorer model.
-	*/
-	model?: ej.FileExplorer.Model;
+			/** returns the path of dragging element.
+			 */
+			targetPath?: string;
 
-	/** returns the path of currently opened item.
-	*/
-	path?: string;
+			/** returns the dragging file details.
+			 */
+			selectedItems?: any;
+		}
 
-	/** returns the selected item details.
-	*/
-	selectedItems?: any;
+		export interface DragEventArgs {
 
-	/** returns the name of the event.
-	*/
-	type?: string;
-}
+			/** set to true when the event has to be canceled, else false.
+			 */
+			cancel?: boolean;
 
-export interface BeforeUploadEventArgs {
+			/** 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 the event.
+			 */
+			type?: string;
 
-	/** returns the FileExplorer model.
-	*/
-	model?: ej.FileExplorer.Model;
+			/** returns the target element.
+			 */
+			target?: any;
 
-	/** returns the path of currently opened item.
-	*/
-	path?: string;
+			/** returns the name of target element.
+			 */
+			targetElementName?: string;
 
-	/** returns the selected item details.
-	*/
-	selectedItems?: any;
+			/** returns the path of target element.
+			 */
+			targetPath?: string;
+		}
 
-	/** returns the upload item details.
-	*/
-	uploadItemDetails?: any;
+		export interface DragStopEventArgs {
 
-	/** returns the name of the event.
-	*/
-	type?: string;
-}
+			/** set to true when the event has to be canceled, else false.
+			 */
+			cancel?: boolean;
 
-export interface CreateEventArgs {
+			/** 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 the event.
+			 */
+			type?: string;
 
-	/** returns the FileExplorer model.
-	*/
-	model?: ej.FileExplorer.Model;
+			/** returns the target element.
+			 */
+			target?: any;
 
-	/** returns the name of the event.
-	*/
-	type?: string;
-}
+			/** returns the path of target element.
+			 */
+			targetPath?: string;
 
-export interface CopyEventArgs {
+			/** returns the name of target element
+			 */
+			targetElementName?: string;
 
-	/** Set to true when the event has to be canceled, else false.
-	*/
-	cancel?: boolean;
+			/** returns the action, which is performed after dropping the files (upload/ move).
+			 */
+			dropAction?: string;
 
-	/** returns the FileExplorer model.
-	*/
-	model?: ej.FileExplorer.Model;
+			/** returns the dragging file details
+			 */
+			fileInfo?: any;
+		}
 
-	/** returns the name of copied file/folder.
-	*/
-	name?: string[];
+		export interface DropEventArgs {
 
-	/** returns the selected item details.
-	*/
-	selectedItems?: any;
+			/** set to true when the event has to be canceled, else false.
+			 */
+			cancel?: boolean;
 
-	/** returns the source path.
-	*/
-	sourcePath?: string;
+			/** returns the FileExplorer model.
+			 */
+			model?: ej.FileExplorer.Model;
 
-	/** returns the name of the event.
-	*/
-	type?: string;
-}
+			/** returns the name of the event.
+			 */
+			type?: string;
 
-export interface CreateFolderEventArgs {
+			/** returns the target element.
+			 */
+			target?: any;
 
-	/** Set to true when the event has to be canceled, else false.
-	*/
-	cancel?: boolean;
+			/** returns the name of target folder.
+			 */
+			targetFolder?: string;
 
-	/** returns the AJAX response data
-	*/
-	data?: any;
+			/** returns the path of target folder.
+			 */
+			targetPath?: string;
 
-	/** returns the FileExplorer model
-	*/
-	model?: ej.FileExplorer.Model;
+			/** returns the dragging element details.
+			 */
+			fileInfo?: any;
 
-	/** returns the selected item details
-	*/
-	selectedItems?: any;
+			/** 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 {
 
-export interface CutEventArgs {
+			/** 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;
+			/** loaded image path.
+			 */
+			path?: string;
 
-	/** returns the FileExplorer model.
-	*/
-	model?: ej.FileExplorer.Model;
+			/** loaded image element
+			 */
+			element?: any;
 
-	/** returns the name of moved file or folder.
-	*/
-	name?: string[];
+			/** returns the FileExplorer model.
+			 */
+			model?: ej.FileExplorer.Model;
 
-	/** returns the selected item details.
-	*/
-	selectedItems?: any;
+			/** original arguments of image load or error event
+			 */
+			originalArgs?: any;
 
-	/** returns the source path.
-	*/
-	sourcePath?: string;
+			/** returns the action type, which specifies thumbnail preview or opening image.
+			 */
+			action?: string;
 
-	/** returns the name of the event.
-	*/
-	type?: string;
-}
+			/** returns the name of the event.
+			 */
+			type?: string;
+		}
 
-export interface DestroyEventArgs {
+		export interface KeydownEventArgs {
 
-	/** 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 FileExplorer model.
-	*/
-	model?: ej.FileExplorer.Model;
+			/** returns the downed key keyCode value
+			 */
+			keyCode?: number;
 
-	/** returns the name of the event.
-	*/
-	type?: string;
-}
+			/** returns altKey value.
+			 */
+			altKey?: boolean;
 
-export interface DragStartEventArgs {
+			/** returns shiftKey value.
+			 */
+			shiftKey?: boolean;
 
-	/** set to true when the event has to be canceled, else false.
-	*/
-	cancel?: boolean;
+			/** returns ctrlKey value.
+			 */
+			ctrlKey?: boolean;
 
-	/** returns the FileExplorer model.
-	*/
-	model?: ej.FileExplorer.Model;
+			/** returns the event object.
+			 */
+			originalArgs?: any;
 
-	/** returns the name of the event.
-	*/
-	type?: string;
+			/** returns the FileExplorer model.
+			 */
+			model?: ej.FileExplorer.Model;
 
-	/** returns the dragging element.
-	*/
-	target?: any;
+			/** returns the name of the event.
+			 */
+			type?: string;
+		}
 
-	/** returns the path of dragging element.
-	*/
-	targetPath?: string;
+		export interface LayoutChangeEventArgs {
 
-	/** returns the dragging file details.
-	*/
-	selectedItems?: any;
-}
+			/** Set to true when the event has to be canceled, else false.
+			 */
+			cancel?: boolean;
 
-export interface DragEventArgs {
+			/** return true when we change the layout via interaction, else false.
+			 */
+			isInteraction?: boolean;
 
-	/** set to true when the event has to be canceled, else false.
-	*/
-	cancel?: boolean;
+			/** returns the current view type.
+			 */
+			layoutType?: string;
 
-	/** returns the FileExplorer model.
-	*/
-	model?: ej.FileExplorer.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 target element.
-	*/
-	target?: any;
+		export interface MenuBeforeOpenEventArgs {
 
-	/** returns the name of target element.
-	*/
-	targetElementName?: string;
+			/** set to true when the event has to be canceled, else false.
+			 */
+			cancel?: boolean;
 
-	/** returns the path of target element.
-	*/
-	targetPath?: string;
-}
+			/** returns the name of ContextMenu items group.
+			 */
+			contextMenu?: string;
 
-export interface DragStopEventArgs {
+			/** returns the dataSource of ContextMenu.
+			 */
+			dataSource?: any[];
 
-	/** set to true when the event has to be canceled, else false.
-	*/
-	cancel?: boolean;
+			/** returns the element of ContextMenu.
+			 */
+			element?: any;
 
-	/** returns the FileExplorer model.
-	*/
-	model?: ej.FileExplorer.Model;
+			/** returns the event of ContextMenu.
+			 */
+			events?: any;
 
-	/** returns the name of the event.
-	*/
-	type?: string;
+			/** returns the FileExplorer model.
+			 */
+			model?: ej.FileExplorer.Model;
 
-	/** returns the target element.
-	*/
-	target?: any;
+			/** returns the target element.
+			 */
+			target?: any;
 
-	/** returns the path of target element.
-	*/
-	targetPath?: string;
+			/** returns the name of the event.
+			 */
+			type?: string;
+		}
 
-	/** returns the name of target element
-	*/
-	targetElementName?: string;
+		export interface MenuClickEventArgs {
 
-	/** returns the action, which is performed after dropping the files (upload/ move).
-	*/
-	dropAction?: string;
+			/** returns the ID of clicked ContextMenu item.
+			 */
+			ID?: string;
 
-	/** returns the dragging file details
-	*/
-	fileInfo?: any;
-}
+			/** set to true when the event has to be canceled, else false.
+			 */
+			cancel?: boolean;
 
-export interface DropEventArgs {
+			/** 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 FileExplorer model.
-	*/
-	model?: ej.FileExplorer.Model;
+			/** returns the event of ContextMenu.
+			 */
+			event?: any;
 
-	/** returns the name of the event.
-	*/
-	type?: string;
+			/** returns the FileExplorer model.
+			 */
+			model?: ej.FileExplorer.Model;
 
-	/** returns the target element.
-	*/
-	target?: any;
+			/** returns the parent element ID of clicked ContextMenu item.
+			 */
+			parentId?: string;
 
-	/** returns the name of target folder.
-	*/
-	targetFolder?: string;
+			/** returns the parent element text of clicked ContextMenu item.
+			 */
+			parentText?: string;
 
-	/** returns the path of target folder.
-	*/
-	targetPath?: string;
+			/** returns the text of clicked ContextMenu item.
+			 */
+			text?: string;
 
-	/** returns the dragging element details.
-	*/
-	fileInfo?: any;
+			/** returns the name of the event.
+			 */
+			type?: string;
+		}
 
-	/** returns the action, which is performed after dropping the files (upload/ move).
-	*/
-	dropAction?: string;
-}
+		export interface MenuOpenEventArgs {
 
-export interface GetImageEventArgs {
+			/** 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 name of ContextMenu items group.
+			 */
+			contextMenu?: string;
 
-	/** loaded image path.
-	*/
-	path?: string;
+			/** returns the element of ContextMenu.
+			 */
+			element?: any;
 
-	/** loaded image element
-	*/
-	element?: any;
+			/** returns the FileExplorer model.
+			 */
+			model?: ej.FileExplorer.Model;
 
-	/** returns the FileExplorer model.
-	*/
-	model?: ej.FileExplorer.Model;
+			/** returns the target element.
+			 */
+			target?: any;
 
-	/** original arguments of image load or error event
-	*/
-	originalArgs?: any;
+			/** returns the name of the event.
+			 */
+			type?: string;
+		}
 
-	/** returns the action type, which specifies thumbnail preview or opening image.
-	*/
-	action?: string;
+		export interface OpenEventArgs {
 
-	/** returns the name of the event.
-	*/
-	type?: string;
-}
+			/** Set to true when the event has to be canceled, else false.
+			 */
+			cancel?: boolean;
 
-export interface KeydownEventArgs {
+			/** returns the opened item type.
+			 */
+			itemType?: string;
 
-	/** Set to true when the event has to be canceled, else false.
-	*/
-	cancel?: boolean;
+			/** returns the FileExplorer model.
+			 */
+			model?: ej.FileExplorer.Model;
 
-	/** returns the downed key keyCode value
-	*/
-	keyCode?: number;
+			/** returns the path of currently opened item.
+			 */
+			path?: string;
 
-	/** returns altKey value.
-	*/
-	altKey?: boolean;
+			/** returns the selected item details.
+			 */
+			selectedItems?: any;
 
-	/** returns shiftKey value.
-	*/
-	shiftKey?: boolean;
+			/** returns the name of the event.
+			 */
+			type?: string;
+		}
 
-	/** returns ctrlKey value.
-	*/
-	ctrlKey?: boolean;
+		export interface PasteEventArgs {
 
-	/** returns the event object.
-	*/
-	originalArgs?: 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 FileExplorer model.
+			 */
+			model?: ej.FileExplorer.Model;
 
-	/** returns the name of the event.
-	*/
-	type?: string;
-}
+			/** returns the name of moved/copied file or folder.
+			 */
+			name?: string[];
 
-export interface LayoutChangeEventArgs {
+			/** returns the selected item details.
+			 */
+			selectedItems?: any;
 
-	/** Set to true when the event has to be canceled, else false.
-	*/
-	cancel?: boolean;
+			/** returns the target folder item details.
+			 */
+			targetFolder?: any;
 
-	/** return true when we change the layout via interaction, else false.
-	*/
-	isInteraction?: boolean;
+			/** returns the target path.
+			 */
+			targetPath?: string;
 
-	/** returns the current view type.
-	*/
-	layoutType?: string;
+			/** returns the name of the event.
+			 */
+			type?: string;
+		}
 
-	/** returns the FileExplorer model.
-	*/
-	model?: any;
+		export interface RemoveEventArgs {
 
-	/** returns the name of the event.
-	*/
-	type?: string;
-}
+			/** Set to true when the event has to be canceled, else false.
+			 */
+			cancel?: boolean;
 
-export interface MenuBeforeOpenEventArgs {
+			/** returns the AJAX response data.
+			 */
+			data?: 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 name of ContextMenu items group.
-	*/
-	contextMenu?: string;
+			/** returns the names of deleted items.
+			 */
+			name?: string;
 
-	/** returns the dataSource of ContextMenu.
-	*/
-	dataSource?: Array<any>;
+			/** returns the path of deleted item.
+			 */
+			path?: string;
 
-	/** returns the element of ContextMenu.
-	*/
-	element?: any;
+			/** returns the removed item details.
+			 */
+			selectedItems?: any;
 
-	/** returns the event of ContextMenu.
-	*/
-	events?: any;
+			/** returns the name of the event.
+			 */
+			type?: string;
+		}
 
-	/** returns the FileExplorer model.
-	*/
-	model?: ej.FileExplorer.Model;
+		export interface ResizeEventArgs {
 
-	/** returns the target element.
-	*/
-	target?: any;
+			/** if the event should be canceled; otherwise, false.
+			 */
+			cancel?: boolean;
 
-	/** returns the name of the event.
-	*/
-	type?: string;
-}
+			/** returns the mouse move event args.
+			 */
+			event?: any;
 
-export interface MenuClickEventArgs {
+			/** returns the FileExplorer model.
+			 */
+			model?: ej.FileExplorer.Model;
 
-	/** returns the ID of clicked ContextMenu item.
-	*/
-	ID?: string;
+			/** returns the name of the event.
+			 */
+			type?: string;
+		}
 
-	/** set to true when the event has to be canceled, else false.
-	*/
-	cancel?: boolean;
+		export interface ResizeStartEventArgs {
 
-	/** 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 mouse down event args.
+			 */
+			event?: any;
 
-	/** returns the event of ContextMenu.
-	*/
-	event?: any;
+			/** returns the FileExplorer model.
+			 */
+			model?: ej.FileExplorer.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;
+		export interface ResizeStopEventArgs {
 
-	/** returns the parent element text of clicked ContextMenu item.
-	*/
-	parentText?: string;
+			/** Set to true when the event has to be canceled, else false.
+			 */
+			cancel?: boolean;
 
-	/** returns the text of clicked ContextMenu item.
-	*/
-	text?: string;
+			/** returns the mouse leave event args.
+			 */
+			event?: any;
 
-	/** returns the name of the event.
-	*/
-	type?: string;
-}
+			/** returns the FileExplorer model.
+			 */
+			model?: ej.FileExplorer.Model;
 
-export interface MenuOpenEventArgs {
+			/** returns the name of the event.
+			 */
+			type?: string;
+		}
 
-	/** set to true when the event has to be canceled, else false.
-	*/
-	cancel?: boolean;
+		export interface SelectEventArgs {
 
-	/** 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 ContextMenu.
-	*/
-	element?: any;
+			/** returns the FileExplorer model.
+			 */
+			model?: ej.FileExplorer.Model;
 
-	/** returns the FileExplorer model.
-	*/
-	model?: ej.FileExplorer.Model;
+			/** returns the name of selected items.
+			 */
+			name?: string[];
 
-	/** returns the target element.
-	*/
-	target?: any;
+			/** returns the path of selected items.
+			 */
+			path?: string;
 
-	/** returns the name of the event.
-	*/
-	type?: string;
-}
+			/** returns the selected item details
+			 */
+			selectedItems?: any;
 
-export interface OpenEventArgs {
+			/** returns the name of the event.
+			 */
+			type?: string;
+		}
 
-	/** Set to true when the event has to be canceled, else false.
-	*/
-	cancel?: boolean;
+		export interface TemplateRefreshEventArgs {
 
-	/** returns the opened item type.
-	*/
-	itemType?: string;
+			/** Set to true when the event has to be canceled, else false.
+			 */
+			cancel?: boolean;
 
-	/** returns the FileExplorer model.
-	*/
-	model?: ej.FileExplorer.Model;
+			/** Returns the cell object.
+			 */
+			cell?: ej.FileExplorer.Model;
 
-	/** returns the path of currently opened item.
-	*/
-	path?: string;
+			/** Returns the column object.
+			 */
+			column?: any;
 
-	/** returns the selected item details.
-	*/
-	selectedItems?: any;
+			/** Returns the current row data.
+			 */
+			data?: any;
 
-	/** returns the name of the event.
-	*/
-	type?: string;
-}
+			/** Returns the grid model of FileExplorer.
+			 */
+			model?: any;
 
-export interface PasteEventArgs {
+			/** Returns the current row index.
+			 */
+			rowIndex?: number;
 
-	/** Set to true when the event has to be canceled, else false.
-	*/
-	cancel?: boolean;
+			/** returns the name of the event.
+			 */
+			type?: string;
+		}
+
+		export interface UnselectEventArgs {
+
+			/** Returns the FileExplorer model.
+			 */
+			model?: ej.FileExplorer.Model;
 
-	/** returns the FileExplorer model.
-	*/
-	model?: ej.FileExplorer.Model;
+			/** Returns the name of unselected item.
+			 */
+			name?: string;
 
-	/** returns the name of moved/copied file or folder.
-	*/
-	name?: string[];
+			/** Returns the name of unselected items.
+			 */
+			names?: string[];
 
-	/** returns the selected item details.
-	*/
-	selectedItems?: any;
+			/** Returns the type of unselected item.
+			 */
+			nodeType?: string;
 
-	/** returns the target folder item details.
-	*/
-	targetFolder?: any;
+			/** Returns the path of unselected item.
+			 */
+			path?: string;
 
-	/** returns the target path.
-	*/
-	targetPath?: 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;
 
-	/** returns the name of the event.
-	*/
-	type?: string;
-}
+			/** Fires when DatePicker popup is closed. */
+			close?(e: CloseEventArgs): void;
 
-export interface RemoveEventArgs {
+			/** Fires when the DatePicker is created successfully. */
+			create?(e: CreateEventArgs): void;
 
-	/** Set to true when the event has to be canceled, else false.
-	*/
-	cancel?: boolean;
+			/** Fires when the DatePicker is destroyed successfully. */
+			destroy?(e: DestroyEventArgs): void;
 
-	/** returns the AJAX response data.
-	*/
-	data?: any;
+			/** Fires when DatePicker input gets focus. */
+			focusIn?(e: FocusInEventArgs): void;
 
-	/** returns the FileExplorer model.
-	*/
-	model?: ej.FileExplorer.Model;
+			/** Fires when DatePicker input loses the focus. */
+			focusOut?(e: FocusOutEventArgs): void;
 
-	/** returns the names of deleted items.
-	*/
-	name?: string;
+			/** Fires when calender view navigates to month/year/decade/century. */
+			navigate?(e: NavigateEventArgs): void;
 
-	/** returns the path of deleted item.
-	*/
-	path?: string;
+			/** Fires when DatePicker popup is opened. */
+			open?(e: OpenEventArgs): void;
 
-	/** returns the removed item details.
-	*/
-	selectedItems?: any;
+			/** Fires when a date is selected from the DatePicker popup. */
+			select?(e: SelectEventArgs): void;
+		}
 
-	/** returns the name of the event.
-	*/
-	type?: string;
-}
+		export interface BeforeCloseEventArgs {
 
-export interface ResizeEventArgs {
+			/** 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 mouse move event args.
-	*/
-	event?: any;
+			/** returns the name of the event.
+			 */
+			type?: string;
 
-	/** returns the FileExplorer model.
-	*/
-	model?: ej.FileExplorer.Model;
+			/** returns the event parameters from DatePicker.
+			 */
+			events?: any;
 
-	/** returns the name of the event.
-	*/
-	type?: string;
-}
+			/** returns the DatePicker popup.
+			 */
+			element?: HTMLElement;
+		}
 
-export interface ResizeStartEventArgs {
+		export interface BeforeDateCreateEventArgs {
 
-	/** 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 mouse down event args.
-	*/
-	event?: any;
+			/** 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 name of the event.
-	*/
-	type?: string;
-}
+			/** returns the currently created date object.
+			 */
+			date?: any;
 
-export interface ResizeStopEventArgs {
+			/** returns the current DOM object of the date from the Calendar.
+			 */
+			element?: HTMLElement;
 
-	/** Set to true when the event has to be canceled, else false.
-	*/
-	cancel?: boolean;
+			/** returns the currently created date as string type.
+			 */
+			value?: string;
+		}
 
-	/** returns the mouse leave event args.
-	*/
-	event?: any;
+		export interface BeforeOpenEventArgs {
 
-	/** 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 the event.
-	*/
-	type?: string;
-}
+			/** returns the DatePicker model.
+			 */
+			model?: ej.DatePicker.Model;
 
-export interface SelectEventArgs {
+			/** returns the name of the event.
+			 */
+			type?: string;
 
-	/** Set to true when the event has to be canceled, else false.
-	*/
-	cancel?: boolean;
+			/** 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 selected items.
-	*/
-	name?: string[];
+		export interface ChangeEventArgs {
 
-	/** returns the path of selected items.
-	*/
-	path?: string;
+			/** Set to true when the event has to be canceled, else false.
+			 */
+			cancel?: boolean;
 
-	/** returns the selected item details
-	*/
-	selectedItems?: 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 TemplateRefreshEventArgs {
+			/** returns the DatePicker input value.
+			 */
+			value?: string;
 
-	/** Set to true when the event has to be canceled, else false.
-	*/
-	cancel?: boolean;
+			/** returns the previously selected value.
+			 */
+			prevDate?: string;
+		}
 
-	/** Returns the cell object.
-	*/
-	cell?: ej.FileExplorer.Model;
+		export interface CloseEventArgs {
 
-	/** Returns the column object.
-	*/
-	column?: any;
+			/** Set to true when the event has to be canceled, else false.
+			 */
+			cancel?: boolean;
 
-	/** Returns the current row data.
-	*/
-	data?: any;
+			/** returns the current date object.
+			 */
+			date?: any;
 
-	/** Returns the grid model of FileExplorer.
-	*/
-	model?: any;
+			/** returns the DatePicker model.
+			 */
+			model?: ej.DatePicker.Model;
 
-	/** Returns the current row index.
-	*/
-	rowIndex?: number;
+			/** returns the name of the event.
+			 */
+			type?: string;
 
-	/** returns the name of the event.
-	*/
-	type?: string;
-}
-
-export interface UnselectEventArgs {
+			/** returns the current date value.
+			 */
+			value?: string;
 
-	/** Returns the FileExplorer model.
-	*/
-	model?: ej.FileExplorer.Model;
+			/** returns the previously selected value.
+			 */
+			prevDate?: string;
+		}
 
-	/** Returns the name of unselected item.
-	*/
-	name?: string;
+		export interface CreateEventArgs {
 
-	/** Returns the name of unselected items.
-	*/
-	names?: string[];
+			/** Set to true when the event has to be canceled, else false.
+			 */
+			cancel?: boolean;
 
-	/** Returns the type of unselected item.
-	*/
-	nodeType?: string;
+			/** returns the DatePicker model.
+			 */
+			model?: ej.DatePicker.Model;
 
-	/** Returns the path of unselected item.
-	*/
-	path?: string;
+			/** returns the name of the event.
+			 */
+			type?: 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;
+		export interface DestroyEventArgs {
 
-	/** Fires when DatePicker popup is closed. */
-	close? (e: CloseEventArgs): void;
+			/** Set to true when the event has to be canceled, else false.
+			 */
+			cancel?: boolean;
 
-	/** Fires when the DatePicker is created successfully. */
-	create? (e: CreateEventArgs): void;
+			/** returns the DatePicker model.
+			 */
+			model?: ej.DatePicker.Model;
 
-	/** Fires when the DatePicker is destroyed successfully. */
-	destroy? (e: DestroyEventArgs): void;
+			/** returns the name of the event.
+			 */
+			type?: string;
+		}
 
-	/** Fires when DatePicker input gets focus. */
-	focusIn? (e: FocusInEventArgs): void;
+		export interface FocusInEventArgs {
 
-	/** Fires when DatePicker input loses the focus. */
-	focusOut? (e: FocusOutEventArgs): void;
+			/** Set to true when the event has to be canceled, else false.
+			 */
+			cancel?: boolean;
 
-	/** Fires when calender view navigates to month/year/decade/century. */
-	navigate? (e: NavigateEventArgs): void;
+			/** returns the DatePicker model.
+			 */
+			model?: ej.DatePicker.Model;
 
-	/** Fires when DatePicker popup is opened. */
-	open? (e: OpenEventArgs): void;
+			/** returns the name of the event.
+			 */
+			type?: string;
 
-	/** Fires when a date is selected from the DatePicker popup. */
-	select? (e: SelectEventArgs): void;
-}
+			/** returns the currently selected date value.
+			 */
+			value?: string;
+		}
 
-export interface BeforeCloseEventArgs {
+		export interface FocusOutEventArgs {
 
-	/** 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 DatePicker model.
+			 */
+			model?: ej.DatePicker.Model;
 
-	/** returns the name of the event.
-	*/
-	type?: string;
+			/** returns the name of the event.
+			 */
+			type?: string;
 
-	/** returns the event parameters from DatePicker.
-	*/
-	events?: any;
+			/** returns the currently selected date value.
+			 */
+			value?: string;
 
-	/** returns the DatePicker popup.
-	*/
-	element?: HTMLElement;
-}
+			/** returns the previously selected date value.
+			 */
+			prevDate?: string;
+		}
 
-export interface BeforeDateCreateEventArgs {
+		export interface NavigateEventArgs {
 
-	/** 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 current date object.
+			 */
+			date?: any;
 
-	/** returns the name of the event.
-	*/
-	type?: string;
+			/** returns the DatePicker model.
+			 */
+			model?: ej.DatePicker.Model;
 
-	/** returns the currently created date object.
-	*/
-	date?: any;
+			/** returns the previous view state of calendar.
+			 */
+			navigateFrom?: string;
 
-	/** returns the current DOM object of the date from the Calendar.
-	*/
-	element?: HTMLElement;
+			/** returns the current view state of calendar.
+			 */
+			navigateTo?: string;
 
-	/** returns the currently created date as string type.
-	*/
-	value?: string;
-}
+			/** returns the name of the event
+			 */
+			type?: string;
 
-export interface BeforeOpenEventArgs {
+			/** returns the current date value.
+			 */
+			value?: string;
+		}
 
-	/** Set to true when the event has to be canceled, else false.
-	*/
-	cancel?: boolean;
+		export interface OpenEventArgs {
 
-	/** 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 current date object.
+			 */
+			date?: any;
 
-	/** returns the event parameters from DatePicker.
-	*/
-	events?: any;
+			/** returns the DatePicker model.
+			 */
+			model?: ej.DatePicker.Model;
 
-	/** returns the DatePicker popup.
-	*/
-	element?: HTMLElement;
-}
+			/** returns the name of the event
+			 */
+			type?: string;
 
-export interface ChangeEventArgs {
+			/** returns the current date value.
+			 */
+			value?: string;
 
-	/** Set to true when the event has to be canceled, else false.
-	*/
-	cancel?: boolean;
+			/** returns the previously selected value.
+			 */
+			prevDate?: string;
+		}
 
-	/** returns the DatePicker model.
-	*/
-	model?: ej.DatePicker.Model;
+		export interface SelectEventArgs {
 
-	/** returns the name of the event.
-	*/
-	type?: string;
+			/** Set to true when the event has to be canceled, else false.
+			 */
+			cancel?: boolean;
 
-	/** returns the DatePicker input value.
-	*/
-	value?: string;
+			/** returns the selected date object.
+			 */
+			date?: any;
 
-	/** returns the previously selected value.
-	*/
-	prevDate?: string;
-}
+			/** returns the DatePicker model.
+			 */
+			model?: ej.DatePicker.Model;
 
-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;
+			/** returns the current date value.
+			 */
+			value?: string;
 
-	/** returns the current date object.
-	*/
-	date?: any;
+			/** returns the previously selected value.
+			 */
+			prevDate?: string;
 
-	/** returns the DatePicker model.
-	*/
-	model?: ej.DatePicker.Model;
+			/** returns whether the  currently selected date is special date or not.
+			 */
+			isSpecialDay?: string;
+		}
 
-	/** returns the name of the event.
-	*/
-	type?: string;
+		export interface Fields {
 
-	/** returns the current date value.
-	*/
-	value?: string;
+			/** Specifies the specials dates
+			 */
+			date?: string;
 
-	/** returns the previously selected value.
-	*/
-	prevDate?: string;
-}
+			/** Specifies the icon class to special dates.
+			 */
+			iconClass?: string;
 
-export interface CreateEventArgs {
+			/** Specifies the tooltip to special dates.
+			 */
+			tooltip?: string;
 
-	/** Set to true when the event has to be canceled, else false.
-	*/
-	cancel?: boolean;
+			/** Specifies the CSS class to customize the date.
+			 */
+			cssClass?: string;
+		}
 
-	/** returns the DatePicker model.
-	*/
-	model?: ej.DatePicker.Model;
+		enum Header {
 
-	/** returns the name of the event.
-	*/
-	type?: string;
-}
+			///Removes day header in DatePicker
+			None,
 
-export interface DestroyEventArgs {
+			///sets  the short format of day name (like Sun) in header in DatePicker
+			Short,
 
-	/** Set to true when the event has to be canceled, else false.
-	*/
-	cancel?: boolean;
+			///sets  the Min format of day name (like su) in header format DatePicker
+			Min
+		}
 
-	/** returns the DatePicker model.
-	*/
-	model?: ej.DatePicker.Model;
 
-	/** returns the name of the event.
-	*/
-	type?: string;
-}
+		enum Level {
 
-export interface FocusInEventArgs {
+			///allow  navigation upto year level in  DatePicker
+			Year,
 
-	/** Set to true when the event has to be canceled, else false.
-	*/
-	cancel?: boolean;
+			///allow  navigation upto decade level in  DatePicker
+			Decade,
 
-	/** returns the DatePicker model.
-	*/
-	model?: ej.DatePicker.Model;
+			///allow  navigation upto Century level in  DatePicker
+			Century
+		}
 
-	/** returns the name of the event.
-	*/
-	type?: string;
 
-	/** returns the currently selected date value.
-	*/
-	value?: string;
-}
+		enum HighlightSection {
 
-export interface FocusOutEventArgs {
+			///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 DatePicker model.
-	*/
-	model?: ej.DatePicker.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 currently selected date value.
-	*/
-	value?: string;
+	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 previously selected date value.
-	*/
-	prevDate?: string;
-}
+		/** Disables the DateTimePicker control.
+		 * @returns {void}
+		 */
+		disable(): void;
 
-export interface NavigateEventArgs {
+		/** 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;
 
-	/** Set to true when the event has to be canceled, else false.
-	*/
-	cancel?: boolean;
+			/** 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;
 
-	/** returns the current date object.
-	*/
-	date?: any;
+			/** Fires when the focus-out happens in the DateTimePicker textbox. */
+			focusOut?(e: FocusOutEventArgs): void;
 
-	/** returns the DatePicker model.
-	*/
-	model?: ej.DatePicker.Model;
+			/** Fires when DateTimePicker popup opens. */
+			open?(e: OpenEventArgs): void;
+		}
 
-	/** returns the previous view state of calendar.
-	*/
-	navigateFrom?: string;
+		export interface BeforeCloseEventArgs {
 
-	/** returns the current view state of calendar.
-	*/
-	navigateTo?: 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 DateTimePicker model.
+			 */
+			model?: ej.DateTimePicker.Model;
 
-	/** returns the current date value.
-	*/
-	value?: string;
-}
+			/** returns the name of the event.
+			 */
+			type?: string;
 
-export interface OpenEventArgs {
+			/** returns the event parameters from DateTimePicker.
+			 */
+			events?: any;
 
-	/** Set to true when the event has to be canceled, else false.
-	*/
-	cancel?: boolean;
+			/** returns the DateTimePicker popup.
+			 */
+			element?: HTMLElement;
+		}
 
-	/** returns the current date object.
-	*/
-	date?: any;
+		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 DateTimePicker model.
+			 */
+			model?: ej.DateTimePicker.Model;
 
-	/** returns the current date value.
-	*/
-	value?: string;
+			/** returns the name of the event.
+			 */
+			type?: string;
 
-	/** returns the previously selected value.
-	*/
-	prevDate?: string;
-}
+			/** returns the event parameters from DateTimePicker.
+			 */
+			events?: any;
 
-export interface SelectEventArgs {
+			/** returns the DateTimePicker popup.
+			 */
+			element?: HTMLElement;
+		}
 
-	/** Set to true when the event has to be canceled, else false.
-	*/
-	cancel?: boolean;
+		export interface ChangeEventArgs {
 
-	/** returns the selected date object.
-	*/
-	date?: any;
+			/** if the event should be canceled; otherwise, false.
+			 */
+			cancel?: boolean;
 
-	/** returns the DatePicker model.
-	*/
-	model?: ej.DatePicker.Model;
+			/** returns the TimePicker model
+			 */
+			model?: ej.DateTimePicker.Model;
 
-	/** returns the name of the event.
-	*/
-	type?: string;
+			/** returns the name of the event
+			 */
+			type?: string;
 
-	/** returns the current date value.
-	*/
-	value?: string;
+			/** returns the current value is valid or not
+			 */
+			isValidState?: boolean;
 
-	/** returns the previously selected value.
-	*/
-	prevDate?: string;
+			/** returns the modified datetime value
+			 */
+			value?: string;
 
-	/** returns whether the  currently selected date is special date or not.
-	*/
-	isSpecialDay?: string;
-}
+			/** returns the previously selected date time value
+			 */
+			prevDateTime?: string;
 
-export interface Fields {
+			/** returns true if change event triggered by interaction, otherwise returns false
+			 */
+			isInteraction?: boolean;
+		}
 
-	/** Specifies the specials dates
-	*/
-	date?: string;
+		export interface CloseEventArgs {
 
-	/** Specifies the icon class to special dates.
-	*/
-	iconClass?: string;
+			/** if the event should be canceled; otherwise, false.
+			 */
+			cancel?: boolean;
 
-	/** Specifies the tooltip to special dates.
-	*/
-	tooltip?: string;
+			/** returns the TimePicker model
+			 */
+			model?: ej.DateTimePicker.Model;
 
-	/** Specifies the CSS class to customize the date.
-	*/
-	cssClass?: string;
-}
+			/** returns the name of the event
+			 */
+			type?: string;
 
-enum Header{
+			/** returns the modified datetime value
+			 */
+			value?: string;
 
-	///Removes day header in DatePicker
-	None,
+			/** returns the previously selected date time value
+			 */
+			prevDateTime?: string;
+		}
 
-	///sets  the short format of day name (like Sun) in header in DatePicker
-	Short,
+		export interface CreateEventArgs {
 
-	///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 DateTimePicker model
+			 */
+			model?: ej.DateTimePicker.Model;
 
-enum Level{
+			/** returns the name of the event
+			 */
+			type?: string;
+		}
 
-	///allow  navigation upto year level in  DatePicker
-	Year,
+		export interface DestroyEventArgs {
 
-	///allow  navigation upto decade level in  DatePicker
-	Decade,
+			/** if the event should be canceled; otherwise, false.
+			 */
+			cancel?: boolean;
 
-	///allow  navigation upto Century level in  DatePicker
-	Century
-}
+			/** returns the DateTimePicker model
+			 */
+			model?: ej.DateTimePicker.Model;
 
+			/** returns the name of the event
+			 */
+			type?: string;
+		}
 
-enum HighlightSection{
+		export interface FocusInEventArgs {
 
-	///Highlight the week of the currently  selected date in DatePicker popup calendar  
-	Week,
+			/** if the event should be canceled; otherwise, false.
+			 */
+			cancel?: boolean;
 
-	///Highlight the workdays in a currently  selected date's week in DatePicker popup calendar 
-	WorkDays,
+			/** returns the TimePicker model
+			 */
+			model?: ej.DateTimePicker.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 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;
 
-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;
+			/** 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;
 
-	/** 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 a date ranges is selected from the DateRangePicker popup. */
+			select?(e: SelectEventArgs): 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;
+		export interface BeforeCloseEventArgs {
 
-	/** Fires when the focus-out happens in the DateTimePicker textbox. */
-	focusOut? (e: FocusOutEventArgs): void;
+			/** Set to true when the event has to be canceled, else false.
+			 */
+			cancel?: boolean;
 
-	/** Fires when DateTimePicker popup opens. */
-	open? (e: OpenEventArgs): void;
-}
+			/** returns the DateRangePicker model
+			 */
+			model?: ej.DateRangePicker.Model;
 
-export interface BeforeCloseEventArgs {
+			/** returns the name of the event.
+			 */
+			type?: string;
 
-	/** Set to true when the event has to be canceled, else false.
-	*/
-	cancel?: boolean;
+			/** returns the event parameters from DateRangePicker.
+			 */
+			events?: any;
 
-	/** returns the DateTimePicker model.
-	*/
-	model?: ej.DateTimePicker.Model;
+			/** returns the DateRangePicker popup.
+			 */
+			element?: HTMLElement;
+		}
 
-	/** returns the name of the event.
-	*/
-	type?: string;
+		export interface BeforeOpenEventArgs {
 
-	/** returns the event parameters from DateTimePicker.
-	*/
-	events?: any;
+			/** Set to true when the event has to be canceled, else false.
+			 */
+			cancel?: boolean;
 
-	/** returns the DateTimePicker popup.
-	*/
-	element?: HTMLElement;
-}
+			/** returns the DateRangePicker model.
+			 */
+			model?: ej.DateRangePicker.Model;
 
-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 event parameters from DateRangePicker.
+			 */
+			events?: any;
 
-	/** returns the DateTimePicker model.
-	*/
-	model?: ej.DateTimePicker.Model;
+			/** returns the DateRangePicker popup.
+			 */
+			element?: HTMLElement;
+		}
 
-	/** returns the name of the event.
-	*/
-	type?: string;
+		export interface OnChangeEventArgs {
 
-	/** returns the event parameters from DateTimePicker.
-	*/
-	events?: any;
+			/** Set to true when the event has to be canceled, else false.
+			 */
+			cancel?: boolean;
 
-	/** returns the DateTimePicker popup.
-	*/
-	element?: HTMLElement;
-}
+			/** returns the DateRangePicker model.
+			 */
+			model?: ej.DateRangePicker.Model;
 
-export interface ChangeEventArgs {
+			/** returns the name of the event.
+			 */
+			type?: string;
 
-	/** if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
+			/** returns the DateRangePicker input value.
+			 */
+			value?: string;
 
-	/** returns the TimePicker model
-	*/
-	model?: ej.DateTimePicker.Model;
+			/** returns the startDate of DateRangePicker.
+			 */
+			startDate?: any;
 
-	/** returns the name of the event
-	*/
-	type?: string;
+			/** returns the endDate of the DateRangePicker popup.
+			 */
+			endDate?: any;
+		}
 
-	/** returns the current value is valid or not
-	*/
-	isValidState?: boolean;
+		export interface CloseEventArgs {
 
-	/** 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 current date object.
+			 */
+			date?: any;
 
-	/** returns true if change event triggered by interaction, otherwise returns false
-	*/
-	isInteraction?: boolean;
-}
+			/** returns the DateRangePicker model.
+			 */
+			model?: ej.DateRangePicker.Model;
 
-export interface CloseEventArgs {
+			/** returns the name of the event.
+			 */
+			type?: string;
 
-	/** if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
+			/** returns the DateRangePicker popup.
+			 */
+			element?: HTMLElement;
+		}
 
-	/** returns the TimePicker model
-	*/
-	model?: ej.DateTimePicker.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 modified datetime value
-	*/
-	value?: string;
+			/** returns the DateRangePicker model.
+			 */
+			model?: ej.DateRangePicker.Model;
 
-	/** returns the previously selected date time value
-	*/
-	prevDateTime?: 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 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;
+
+			/** 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;
 
-export interface CreateEventArgs {
+			/** Enable or disables responsive behavior.
+			 */
+			isResponsive?: boolean;
 
-	/** if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
+			/** Default Value:{:.param}“en-US”
+			 */
+			locale?: number;
 
-	/** returns the DateTimePicker model
-	*/
-	model?: ej.DateTimePicker.Model;
+			/** Sets the maximum height for the dialog widget.
+			 */
+			maxHeight?: number;
 
-	/** returns the name of the event
-	*/
-	type?: string;
-}
+			/** Sets the maximum width for the dialog widget.
+			 */
+			maxWidth?: number;
 
-export interface DestroyEventArgs {
+			/** Sets the minimum height for the dialog widget.
+			 */
+			minHeight?: number;
 
-	/** if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
+			/** Sets the minimum width for the dialog widget.
+			 */
+			minWidth?: number;
 
-	/** returns the DateTimePicker model
-	*/
-	model?: ej.DateTimePicker.Model;
+			/** Displays the Dialog widget at the given X and Y position.
+			 */
+			position?: any;
 
-	/** returns the name of the event
-	*/
-	type?: string;
-}
+			/** Shows or hides the dialog header.
+			 */
+			showHeader?: boolean;
 
-export interface FocusInEventArgs {
+			/** The Dialog widget can be opened by default i.e. on initialization, when it is set to true.
+			 */
+			showOnInit?: boolean;
 
-	/** if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
+			/** Enables or disables the rounder corner.
+			 */
+			showRoundedCorner?: boolean;
 
-	/** returns the TimePicker model
-	*/
-	model?: ej.DateTimePicker.Model;
+			/** The selector for the container element. If this property is set, the dialog will be displayed (positioned) based on its container.
+			 */
+			target?: 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, 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;
+			/** 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;
 
-	/** 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;
+			/** Add or configure the tooltip text for actionButtons in the dialog header.
+			 */
+			tooltip?: any;
 
-	/** Fires when a date ranges is selected from the DateRangePicker popup. */
-	select? (e: SelectEventArgs): 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.
+			 */
+			width?: string | number;
 
-export interface BeforeCloseEventArgs {
+			/** Sets the z-index value for the Dialog widget.
+			 */
+			zIndex?: number;
 
-	/** Set to true when the event has to be canceled, else false.
-	*/
-	cancel?: boolean;
+			/** Sets the Footer for the Dialog widget.
+			 */
+			showFooter?: boolean;
 
-	/** returns the DateRangePicker model
-	*/
-	model?: ej.DateRangePicker.Model;
+			/** Sets the FooterTemplate for the Dialog widget.
+			 */
+			footerTemplateId?: string;
 
-	/** returns the name of the event.
-	*/
-	type?: string;
+			/** This event is triggered before the dialog widgets gets open. */
+			beforeOpen?(e: BeforeOpenEventArgs): void;
 
-	/** returns the event parameters from DateRangePicker.
-	*/
-	events?: any;
+			/** This event is triggered whenever the AJAX request fails to retrieve the dialog content. */
+			ajaxError?(e: AjaxErrorEventArgs): void;
 
-	/** returns the DateRangePicker popup.
-	*/
-	element?: HTMLElement;
-}
+			/** This event is triggered whenever the AJAX request to retrieve the dialog content, gets succeed. */
+			ajaxSuccess?(e: AjaxSuccessEventArgs): void;
 
-export interface BeforeOpenEventArgs {
+			/** This event is triggered before the dialog widgets get closed. */
+			beforeClose?(e: BeforeCloseEventArgs): void;
 
-	/** Set to true when the event has to be canceled, else false.
-	*/
-	cancel?: boolean;
+			/** This event is triggered after the dialog widget is closed. */
+			close?(e: CloseEventArgs): void;
 
-	/** returns the DateRangePicker model.
-	*/
-	model?: ej.DateRangePicker.Model;
+			/** Triggered after the dialog content is loaded in DOM. */
+			contentLoad?(e: ContentLoadEventArgs): void;
 
-	/** returns the name of the event.
-	*/
-	type?: string;
+			/** Triggered after the dialog is created successfully */
+			create?(e: CreateEventArgs): void;
 
-	/** returns the event parameters from DateRangePicker.
-	*/
-	events?: any;
+			/** Triggered after the dialog widget is destroyed successfully */
+			destroy?(e: DestroyEventArgs): void;
 
-	/** returns the DateRangePicker popup.
-	*/
-	element?: HTMLElement;
-}
+			/** Triggered while the dialog is dragged. */
+			drag?(e: DragEventArgs): void;
 
-export interface OnChangeEventArgs {
+			/** Triggered when the user starts dragging the dialog. */
+			dragStart?(e: DragStartEventArgs): void;
 
-	/** Set to true when the event has to be canceled, else false.
-	*/
-	cancel?: boolean;
+			/** Triggered when the user stops dragging the dialog. */
+			dragStop?(e: DragStopEventArgs): void;
 
-	/** returns the DateRangePicker model.
-	*/
-	model?: ej.DateRangePicker.Model;
+			/** 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;
 
-	/** returns the DateRangePicker input value.
-	*/
-	value?: string;
+			/** Triggered when the user starts resizing the dialog. */
+			resizeStart?(e: ResizeStartEventArgs): void;
 
-	/** returns the startDate of DateRangePicker.
-	*/
-	startDate?: any;
+			/** Triggered when the user stops resizing the dialog. */
+			resizeStop?(e: ResizeStopEventArgs): void;
 
-	/** returns the endDate of the DateRangePicker popup.
-	*/
-	endDate?: any;
-}
+			/** Triggered when the dialog content is expanded. */
+			expand?(e: ExpandEventArgs): void;
 
-export interface CloseEventArgs {
+			/** Triggered when the dialog content is collapsed. */
+			collapse?(e: CollapseEventArgs): void;
 
-	/** Set to true when the event has to be canceled, else false.
-	*/
-	cancel?: boolean;
+			/** Triggered when the custom action button clicked. */
+			actionButtonClick?(e: ActionButtonClickEventArgs): void;
+		}
 
-	/** returns the current date object.
-	*/
-	date?: any;
+		export interface BeforeOpenEventArgs {
 
-	/** returns the DateRangePicker model.
-	*/
-	model?: ej.DateRangePicker.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 the DateRangePicker popup.
-	*/
-	element?: HTMLElement;
-}
+			/** Name of the event
+			 */
+			type?: string;
+		}
 
-export interface CreateEventArgs {
+		export interface AjaxErrorEventArgs {
 
-	/** Set to true when the event has to be canceled, else false.
-	*/
-	cancel?: boolean;
+			/** Set this option to true to cancel the event.
+			 */
+			cancel?: boolean;
 
-	/** returns the DateRangePicker model.
-	*/
-	model?: ej.DateRangePicker.Model;
+			/** Instance of the dialog model object.
+			 */
+			model?: ej.Dialog.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;
-
-	/** 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;
+			/** 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.
-	*/
-	height?: string|number;
+			/** URL of the content.
+			 */
+			URL?: string;
 
-	/** Specifies the HTML Attributes of the Dialog.
-	*   @Default {{}}
-	*/
-	htmlAttributes?: any;
+			/** Error page content.
+			 */
+			responseText?: string;
 
-	/** Enable or disables responsive behavior.
-	*/
-	isResponsive?: boolean;
+			/** Error code.
+			 */
+			status?: number;
 
-	/** Default Value:{:.param}“en-US”
-	*/
-	locale?: number;
+			/** The corresponding error description.
+			 */
+			statusText?: string;
+		}
 
-	/** Sets the maximum height for the dialog widget.
-	*/
-	maxHeight?: number;
+		export interface AjaxSuccessEventArgs {
 
-	/** Sets the maximum width for the dialog widget.
-	*/
-	maxWidth?: number;
+			/** Set this option to true to cancel the event.
+			 */
+			cancel?: boolean;
 
-	/** Sets the minimum height for the dialog widget.
-	*/
-	minHeight?: number;
+			/** Instance of the dialog model object.
+			 */
+			model?: ej.Dialog.Model;
 
-	/** Sets the minimum width for the dialog widget.
-	*/
-	minWidth?: number;
+			/** Name of the event.
+			 */
+			type?: string;
 
-	/** Displays the Dialog widget at the given X and Y position.
-	*/
-	position?: any;
+			/** URL of the content.
+			 */
+			URL?: string;
 
-	/** Shows or hides the dialog header.
-	*/
-	showHeader?: boolean;
+			/** Response content.
+			 */
+			data?: string;
+		}
 
-	/** The Dialog widget can be opened by default i.e. on initialization, when it is set to true.
-	*/
-	showOnInit?: boolean;
+		export interface BeforeCloseEventArgs {
 
-	/** Enables or disables the rounder corner.
-	*/
-	showRoundedCorner?: boolean;
+			/** Current event object.
+			 */
+			event?: any;
 
-	/** The selector for the container element. If this property is set, the dialog will be displayed (positioned) based on its container.
-	*/
-	target?: string;
+			/** Set this option to true to cancel the event.
+			 */
+			cancel?: boolean;
 
-	/** 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;
+			/** Instance of the dialog model object.
+			 */
+			model?: ej.Dialog.Model;
 
-	/** Add or configure the tooltip text for actionButtons in the dialog header.
-	*/
-	tooltip?: any;
+			/** 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;
+		export interface CloseEventArgs {
 
-	/** Sets the z-index value for the Dialog widget.
-	*/
-	zIndex?: number;
+			/** Current event object.
+			 */
+			event?: any;
 
-	/** Sets the Footer for the Dialog widget.
-	*/
-	showFooter?: boolean;
+			/** Set this option to true to cancel the event.
+			 */
+			cancel?: boolean;
 
-	/** Sets the FooterTemplate for the Dialog widget.
-	*/
-	footerTemplateId?: string;
+			/** Instance of the dialog model object.
+			 */
+			model?: ej.Dialog.Model;
 
-	/** This event is triggered before the dialog widgets gets open. */
-	beforeOpen? (e: BeforeOpenEventArgs): void;
+			/** Name of the event
+			 */
+			type?: string;
+		}
 
-	/** This event is triggered whenever the AJAX request fails to retrieve the dialog content. */
-	ajaxError? (e: AjaxErrorEventArgs): void;
+		export interface ContentLoadEventArgs {
 
-	/** This event is triggered whenever the AJAX request to retrieve the dialog content, gets succeed. */
-	ajaxSuccess? (e: AjaxSuccessEventArgs): void;
+			/** Set this option to true to cancel the event.
+			 */
+			cancel?: boolean;
 
-	/** This event is triggered before the dialog widgets get closed. */
-	beforeClose? (e: BeforeCloseEventArgs): void;
+			/** Instance of the dialog model object.
+			 */
+			model?: ej.Dialog.Model;
 
-	/** This event is triggered after the dialog widget is closed. */
-	close? (e: CloseEventArgs): void;
+			/** Name of the event.
+			 */
+			type?: string;
 
-	/** Triggered after the dialog content is loaded in DOM. */
-	contentLoad? (e: ContentLoadEventArgs): void;
+			/** URL of the content.
+			 */
+			URL?: string;
 
-	/** Triggered after the dialog is created successfully */
-	create? (e: CreateEventArgs): void;
+			/** Content type
+			 */
+			contentType?: any;
+		}
 
-	/** Triggered after the dialog widget is destroyed successfully */
-	destroy? (e: DestroyEventArgs): void;
+		export interface CreateEventArgs {
 
-	/** Triggered while the dialog is dragged. */
-	drag? (e: DragEventArgs): void;
+			/** Set this option to true to cancel the event.
+			 */
+			cancel?: boolean;
 
-	/** Triggered when the user starts dragging the dialog. */
-	dragStart? (e: DragStartEventArgs): void;
+			/** Instance of the dialog model object.
+			 */
+			model?: ej.Dialog.Model;
 
-	/** Triggered when the user stops dragging the dialog. */
-	dragStop? (e: DragStopEventArgs): void;
+			/** Name of the event.
+			 */
+			type?: string;
+		}
 
-	/** Triggered after the dialog is opened. */
-	open? (e: OpenEventArgs): void;
+		export interface DestroyEventArgs {
 
-	/** Triggered while the dialog is resized. */
-	resize? (e: ResizeEventArgs): void;
+			/** Set this option to true to cancel the event.
+			 */
+			cancel?: boolean;
 
-	/** Triggered when the user starts resizing the dialog. */
-	resizeStart? (e: ResizeStartEventArgs): void;
+			/** Instance of the dialog model object.
+			 */
+			model?: ej.Dialog.Model;
 
-	/** Triggered when the user stops resizing the dialog. */
-	resizeStop? (e: ResizeStopEventArgs): void;
+			/** Name of the event.
+			 */
+			type?: string;
+		}
 
-	/** Triggered when the dialog content is expanded. */
-	expand? (e: ExpandEventArgs): void;
+		export interface DragEventArgs {
 
-	/** Triggered when the dialog content is collapsed. */
-	collapse? (e: CollapseEventArgs): void;
+			/** Set this option to true to cancel the event.
+			 */
+			cancel?: boolean;
 
-	/** Triggered when the custom action button clicked. */
-	actionButtonClick? (e: ActionButtonClickEventArgs): void;
-}
+			/** Instance of the dialog model object.
+			 */
+			model?: ej.Dialog.Model;
 
-export interface BeforeOpenEventArgs {
+			/** Name of the event.
+			 */
+			type?: string;
 
-	/** Set this option to true to cancel the event.
-	*/
-	cancel?: boolean;
+			/** Current event object.
+			 */
+			event?: any;
+		}
 
-	/** Instance of the dialog model object.
-	*/
-	model?: ej.Dialog.Model;
+		export interface DragStartEventArgs {
 
-	/** Name of the event
-	*/
-	type?: string;
-}
+			/** Set this option to true to cancel the event.
+			 */
+			cancel?: boolean;
 
-export interface AjaxErrorEventArgs {
+			/** Instance of the dialog model object.
+			 */
+			model?: ej.Dialog.Model;
 
-	/** Set this option to true to cancel the event.
-	*/
-	cancel?: boolean;
+			/** Name of the event.
+			 */
+			type?: string;
 
-	/** Instance of the dialog model object.
-	*/
-	model?: ej.Dialog.Model;
+			/** Current event object.
+			 */
+			event?: any;
+		}
 
-	/** Name of the event.
-	*/
-	type?: string;
+		export interface DragStopEventArgs {
 
-	/** URL of the content.
-	*/
-	URL?: string;
+			/** Set this option to true to cancel the event.
+			 */
+			cancel?: boolean;
 
-	/** Error page content.
-	*/
-	responseText?: string;
+			/** Instance of the dialog model object.
+			 */
+			model?: ej.Dialog.Model;
 
-	/** Error code.
-	*/
-	status?: number;
+			/** Name of the event.
+			 */
+			type?: string;
 
-	/** The corresponding error description.
-	*/
-	statusText?: string;
-}
+			/** Current event object.
+			 */
+			event?: any;
+		}
 
-export interface AjaxSuccessEventArgs {
+		export interface OpenEventArgs {
 
-	/** Set this option to true to cancel the event.
-	*/
-	cancel?: boolean;
+			/** Set this option to true to cancel the event.
+			 */
+			cancel?: boolean;
 
-	/** Instance of the dialog model object.
-	*/
-	model?: ej.Dialog.Model;
+			/** Instance of the dialog model object.
+			 */
+			model?: ej.Dialog.Model;
 
-	/** Name of the event.
-	*/
-	type?: string;
+			/** Name of the event.
+			 */
+			type?: string;
+		}
 
-	/** URL of the content.
-	*/
-	URL?: string;
+		export interface ResizeEventArgs {
 
-	/** Response content.
-	*/
-	data?: string;
-}
+			/** Set this option to true to cancel the event.
+			 */
+			cancel?: boolean;
 
-export interface BeforeCloseEventArgs {
+			/** Instance of the dialog model object.
+			 */
+			model?: ej.Dialog.Model;
 
-	/** Current event object.
-	*/
-	event?: any;
+			/** Name of the event.
+			 */
+			type?: string;
 
-	/** Set this option to true to cancel the event.
-	*/
-	cancel?: boolean;
+			/** Current event object.
+			 */
+			event?: any;
+		}
 
-	/** Instance of the dialog model object.
-	*/
-	model?: ej.Dialog.Model;
+		export interface ResizeStartEventArgs {
 
-	/** Name of the event.
-	*/
-	type?: string;
-}
+			/** Set this option to true to cancel the event.
+			 */
+			cancel?: boolean;
 
-export interface CloseEventArgs {
+			/** Instance of the dialog model object.
+			 */
+			model?: ej.Dialog.Model;
 
-	/** Current event object.
-	*/
-	event?: any;
+			/** Name of the event
+			 */
+			type?: string;
 
-	/** Set this option to true to cancel the event.
-	*/
-	cancel?: boolean;
+			/** Current event object.
+			 */
+			event?: any;
+		}
 
-	/** Instance of the dialog model object.
-	*/
-	model?: ej.Dialog.Model;
+		export interface ResizeStopEventArgs {
 
-	/** Name of the event
-	*/
-	type?: string;
-}
+			/** Set this option to true to cancel the event.
+			 */
+			cancel?: boolean;
 
-export interface ContentLoadEventArgs {
+			/** Instance of the dialog model object.
+			 */
+			model?: ej.Dialog.Model;
 
-	/** Set this option to true to cancel the event.
-	*/
-	cancel?: boolean;
+			/** Name of the event
+			 */
+			type?: string;
 
-	/** Instance of the dialog model object.
-	*/
-	model?: ej.Dialog.Model;
+			/** Current event object.
+			 */
+			event?: any;
+		}
 
-	/** Name of the event.
-	*/
-	type?: string;
+		export interface ExpandEventArgs {
 
-	/** URL of the content.
-	*/
-	URL?: string;
+			/** Set this option to true to cancel the event.
+			 */
+			cancel?: boolean;
 
-	/** Content type
-	*/
-	contentType?: any;
-}
+			/** Instance of the dialog model object.
+			 */
+			model?: ej.Dialog.Model;
 
-export interface CreateEventArgs {
+			/** Name of the event.
+			 */
+			type?: string;
+		}
 
-	/** Set this option to true to cancel the event.
-	*/
-	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.
+		 * @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;
 
-	/** Instance of the dialog model object.
-	*/
-	model?: ej.Dialog.Model;
+			/** 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;
 
-	/** Name of the event.
-	*/
-	type?: string;
-}
+			/** Fires the action before the XHR request. */
+			actionBegin?(e: ActionBeginEventArgs): void;
 
-export interface DestroyEventArgs {
+			/** Fires the action when the list of items is bound to the DropDownList by xhr post calling */
+			actionComplete?(e: ActionCompleteEventArgs): void;
 
-	/** Set this option to true to cancel the event.
-	*/
-	cancel?: boolean;
+			/** Fires the action when the xhr post calling failed on remote data binding with the DropDownList control. */
+			actionFailure?(e: ActionFailureEventArgs): void;
 
-	/** Instance of the dialog model object.
-	*/
-	model?: ej.Dialog.Model;
+			/** Fires the action when the xhr post calling succeed on remote data binding with the DropDownList control */
+			actionSuccess?(e: ActionSuccessEventArgs): void;
 
-	/** Name of the event.
-	*/
-	type?: string;
-}
+			/** Fires the action before the popup is ready to hide. */
+			beforePopupHide?(e: BeforePopupHideEventArgs): void;
 
-export interface DragEventArgs {
+			/** Fires the action before the popup is ready to be displayed. */
+			beforePopupShown?(e: BeforePopupShownEventArgs): void;
 
-	/** Set this option to true to cancel the event.
-	*/
-	cancel?: boolean;
+			/** 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;
 
-	/** Instance of the dialog model object.
-	*/
-	model?: ej.Dialog.Model;
+			/** Fires the action when the DropDownList control’s value is changed. */
+			change?(e: ChangeEventArgs): void;
 
-	/** Name of the event.
-	*/
-	type?: string;
+			/** Fires the action when the list item checkbox value is changed. */
+			checkChange?(e: CheckChangeEventArgs): void;
 
-	/** Current event object.
-	*/
-	event?: any;
-}
+			/** Fires the action once the DropDownList is created. */
+			create?(e: CreateEventArgs): void;
 
-export interface DragStartEventArgs {
+			/** Fires the action when the list items is bound to the DropDownList. */
+			dataBound?(e: DataBoundEventArgs): void;
 
-	/** Set this option to true to cancel the event.
-	*/
-	cancel?: boolean;
+			/** Fires the action when the DropDownList is destroyed. */
+			destroy?(e: DestroyEventArgs): void;
 
-	/** Instance of the dialog model object.
-	*/
-	model?: ej.Dialog.Model;
+			/** Fires the action when the DropDownList is focused. */
+			focusIn?(e: FocusInEventArgs): void;
 
-	/** Name of the event.
-	*/
-	type?: string;
+			/** Fires the action when the DropDownList is about to lose focus. */
+			focusOut?(e: FocusOutEventArgs): void;
 
-	/** Current event object.
-	*/
-	event?: any;
-}
+			/** Fires the action, once the popup is closed */
+			popupHide?(e: PopupHideEventArgs): void;
 
-export interface DragStopEventArgs {
+			/** Fires the action, when the popup is resized. */
+			popupResize?(e: PopupResizeEventArgs): void;
 
-	/** Set this option to true to cancel the event.
-	*/
-	cancel?: boolean;
+			/** Fires the action, once the popup is opened. */
+			popupShown?(e: PopupShownEventArgs): void;
 
-	/** Instance of the dialog model object.
-	*/
-	model?: ej.Dialog.Model;
+			/** Fires the action, when resizing a popup starts. */
+			popupResizeStart?(e: PopupResizeStartEventArgs): void;
 
-	/** Name of the event.
-	*/
-	type?: string;
+			/** Fires the action, when the popup resizing is stopped. */
+			popupResizeStop?(e: PopupResizeStopEventArgs): void;
 
-	/** Current event object.
-	*/
-	event?: any;
-}
+			/** Fires the action before filtering the list items that starts in the DropDownList when the enableFilterSearch is enabled. */
+			search?(e: SearchEventArgs): void;
 
-export interface OpenEventArgs {
+			/** Fires the action, when the list of item is selected. */
+			select?(e: SelectEventArgs): void;
+		}
 
-	/** Set this option to true to cancel the event.
-	*/
-	cancel?: boolean;
+		export interface ActionBeginEventArgs {
 
-	/** 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 DropDownList model
+			 */
+			model?: any;
 
-export interface ResizeEventArgs {
+			/** returns the name of the event
+			 */
+			type?: string;
+		}
 
-	/** Set this option to true to cancel the event.
-	*/
-	cancel?: boolean;
+		export interface ActionCompleteEventArgs {
 
-	/** 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 number of times trying to fetch the data
+			 */
+			count?: number;
 
-	/** Current event object.
-	*/
-	event?: any;
-}
+			/** returns the DropDownList model
+			 */
+			model?: any;
 
-export interface ResizeStartEventArgs {
+			/** Returns the query for data retrieval
+			 */
+			query?: any;
 
-	/** Set this option to true to cancel the event.
-	*/
-	cancel?: boolean;
+			/** Returns the query for data retrieval from the Database
+			 */
+			request?: any;
 
-	/** 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 number of items fetched from remote data
+			 */
+			result?: any[];
 
-	/** Current event object.
-	*/
-	event?: any;
-}
+			/** Returns the requested data
+			 */
+			xhr?: any;
+		}
 
-export interface ResizeStopEventArgs {
+		export interface ActionFailureEventArgs {
 
-	/** Set this option to true to cancel the event.
-	*/
-	cancel?: boolean;
+			/** if the event should be canceled; otherwise, false.
+			 */
+			cancel?: boolean;
 
-	/** Instance of the dialog model object.
-	*/
-	model?: ej.Dialog.Model;
+			/** Returns the error message
+			 */
+			error?: any;
 
-	/** Name of the event
-	*/
-	type?: string;
+			/** returns the DropDownList model
+			 */
+			model?: any;
 
-	/** Current event object.
-	*/
-	event?: any;
-}
+			/** Returns the query for data retrieval
+			 */
+			query?: any;
 
-export interface ExpandEventArgs {
+			/** returns the name of the event
+			 */
+			type?: string;
+		}
 
-	/** Set this option to true to cancel the event.
-	*/
-	cancel?: boolean;
+		export interface ActionSuccessEventArgs {
 
-	/** 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 number of times trying to fetch the data
+			 */
+			count?: number;
 
-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.
-	*   @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;
+			/** returns the DropDownList model
+			 */
+			model?: any;
 
-	/** Sets the jQuery validation error message in the DropDownList
-	*   @Default {null}
-	*/
-	validationMessage?: any;
+			/** Returns the query for data retrieval
+			 */
+			query?: any;
 
-	/** Sets the jQuery validation rules in the Dropdownlist.
-	*   @Default {null}
-	*/
-	validationRules?: any;
+			/** Returns the query for data retrieval from the Database
+			 */
+			request?: any;
 
-	/** Specifies the value (text content) for the DropDownList control.
-	*   @Default {null}
-	*/
-	value?: string|number;
+			/** returns the name of the event
+			 */
+			type?: string;
 
-	/** Specifies a short hint that describes the expected value of the DropDownList control.
-	*   @Default {null}
-	*/
-	watermarkText?: string;
+			/** Returns the number of items fetched from remote data
+			 */
+			result?: any[];
 
-	/** Defines the width of the DropDownList textbox.
-	*   @Default {null}
-	*/
-	width?: string|number;
+			/** Returns the requested data
+			 */
+			xhr?: any;
+		}
 
-	/** 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;
+		export interface BeforePopupHideEventArgs {
 
-	/** Fires the action before the XHR request. */
-	actionBegin? (e: ActionBeginEventArgs): void;
+			/** if the event should be canceled; otherwise, false.
+			 */
+			cancel?: boolean;
 
-	/** Fires the action when the list of items is bound to the DropDownList by xhr post calling */
-	actionComplete? (e: ActionCompleteEventArgs): void;
+			/** returns the DropDownList model
+			 */
+			model?: any;
 
-	/** Fires the action when the xhr post calling failed on remote data binding with the DropDownList control. */
-	actionFailure? (e: ActionFailureEventArgs): void;
+			/** returns the name of the event
+			 */
+			type?: string;
 
-	/** Fires the action when the xhr post calling succeed on remote data binding with the DropDownList control */
-	actionSuccess? (e: ActionSuccessEventArgs): void;
+			/** returns the selected text
+			 */
+			text?: string;
 
-	/** Fires the action before the popup is ready to hide. */
-	beforePopupHide? (e: BeforePopupHideEventArgs): void;
+			/** returns the selected value
+			 */
+			value?: string;
+		}
 
-	/** Fires the action before the popup is ready to be displayed. */
-	beforePopupShown? (e: BeforePopupShownEventArgs): void;
+		export interface BeforePopupShownEventArgs {
 
-	/** 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;
+			/** if the event should be canceled; otherwise, false.
+			 */
+			cancel?: boolean;
 
-	/** Fires the action when the DropDownList control’s value is changed. */
-	change? (e: ChangeEventArgs): void;
+			/** returns the DropDownList 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;
+			/** returns the selected text
+			 */
+			text?: string;
 
-	/** Fires the action when the list items is bound to the DropDownList. */
-	dataBound? (e: DataBoundEventArgs): void;
+			/** returns the selected value
+			 */
+			value?: string;
+		}
 
-	/** Fires the action when the DropDownList is destroyed. */
-	destroy? (e: DestroyEventArgs): void;
+		export interface CascadeEventArgs {
 
-	/** Fires the action when the DropDownList is focused. */
-	focusIn? (e: FocusInEventArgs): void;
+			/** if the event should be canceled; otherwise, false.
+			 */
+			cancel?: boolean;
 
-	/** Fires the action when the DropDownList is about to lose focus. */
-	focusOut? (e: FocusOutEventArgs): void;
+			/** Returns the cascading dropdown model.
+			 */
+			cascadeModel?: any;
 
-	/** Fires the action, once the popup is closed */
-	popupHide? (e: PopupHideEventArgs): void;
+			/** returns the current selected value in first dropdown.
+			 */
+			cascadeValue?: string;
 
-	/** Fires the action, when the popup is resized. */
-	popupResize? (e: PopupResizeEventArgs): void;
+			/** returns the DropDownList model
+			 */
+			model?: any;
 
-	/** Fires the action, once the popup is opened. */
-	popupShown? (e: PopupShownEventArgs): void;
+			/** returns the default filter action for second dropdown data should happen or not.
+			 */
+			requiresDefaultFilter?: boolean;
 
-	/** 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;
+		export interface ChangeEventArgs {
 
-	/** Fires the action before filtering the list items that starts in the DropDownList when the enableFilterSearch is enabled. */
-	search? (e: SearchEventArgs): void;
+			/** if the event should be canceled; otherwise, false.
+			 */
+			cancel?: boolean;
 
-	/** Fires the action, when the list of item is selected. */
-	select? (e: SelectEventArgs): void;
-}
+			/** Returns the selected item with checkbox checked or not.
+			 */
+			isChecked?: boolean;
 
-export interface ActionBeginEventArgs {
+			/** Returns the selected item ID.
+			 */
+			itemId?: string;
 
-	/** if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
+			/** returns the DropDownList model
+			 */
+			model?: any;
 
-	/** returns the DropDownList model
-	*/
-	model?: any;
+			/** Returns the selected item text.
+			 */
+			selectedText?: string;
 
-	/** returns the name of the event
-	*/
-	type?: string;
-}
+			/** returns the name of the event
+			 */
+			type?: string;
 
-export interface ActionCompleteEventArgs {
+			/** Returns the selected text.
+			 */
+			text?: string;
 
-	/** if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
+			/** Returns the selected value.
+			 */
+			value?: string;
+		}
 
-	/** Returns number of times trying to fetch the data
-	*/
-	count?: number;
+		export interface CheckChangeEventArgs {
 
-	/** returns the DropDownList model
-	*/
-	model?: any;
+			/** if the event should be canceled; otherwise, false.
+			 */
+			cancel?: boolean;
 
-	/** Returns the query for data retrieval 
-	*/
-	query?: any;
+			/** Returns the selected item with checkbox checked or not.
+			 */
+			isChecked?: boolean;
 
-	/** Returns the query for data retrieval from the Database 
-	*/
-	request?: any;
+			/** Returns the selected item ID.
+			 */
+			itemId?: string;
 
-	/** returns the name of the event
-	*/
-	type?: string;
+			/** returns the DropDownList model
+			 */
+			model?: any;
 
-	/** Returns the number of items fetched from remote data
-	*/
-	result?: Array<any>;
+			/** Returns the selected item text.
+			 */
+			selectedText?: string;
 
-	/** Returns the requested data
-	*/
-	xhr?: any;
-}
+			/** returns the name of the event
+			 */
+			type?: string;
 
-export interface ActionFailureEventArgs {
+			/** Returns the selected text.
+			 */
+			text?: string;
 
-	/** if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
+			/** Returns the selected value.
+			 */
+			value?: string;
+		}
 
-	/** Returns the error message
-	*/
-	error?: any;
+		export interface CreateEventArgs {
 
-	/** returns the DropDownList model
-	*/
-	model?: any;
+			/** if the event should be canceled; otherwise, false.
+			 */
+			cancel?: boolean;
 
-	/** Returns the query for data retrieval 
-	*/
-	query?: any;
+			/** returns the DropDownList model
+			 */
+			model?: any;
 
-	/** returns the name of the event
-	*/
-	type?: string;
-}
+			/** returns the name of the event
+			 */
+			type?: string;
+		}
 
-export interface ActionSuccessEventArgs {
+		export interface DataBoundEventArgs {
 
-	/** if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
+			/** 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 DropDownList model
-	*/
-	model?: any;
+			/** returns the name of the event
+			 */
+			type?: string;
 
-	/** Returns the query for data retrieval 
-	*/
-	query?: any;
+			/** returns the data that is bound to DropDownList
+			 */
+			data?: any;
+		}
 
-	/** Returns the query for data retrieval from the Database 
-	*/
-	request?: any;
+		export interface DestroyEventArgs {
 
-	/** 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 number of items fetched from remote data
-	*/
-	result?: Array<any>;
+			/** returns the DropDownList model
+			 */
+			model?: any;
 
-	/** Returns the requested data
-	*/
-	xhr?: any;
-}
+			/** returns the name of the event
+			 */
+			type?: string;
+		}
 
-export interface BeforePopupHideEventArgs {
+		export interface FocusInEventArgs {
 
-	/** if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
+			/** its value is set as true,if the event should be canceled; otherwise, false.
+			 */
+			cancel?: boolean;
 
-	/** returns the DropDownList model
-	*/
-	model?: any;
+			/** returns the DropDownList 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;
+		export interface FocusOutEventArgs {
 
-	/** returns the selected value
-	*/
-	value?: string;
-}
+			/** its value is set as true,if the event should be canceled; otherwise, false.
+			 */
+			cancel?: boolean;
 
-export interface BeforePopupShownEventArgs {
+			/** returns the DropDownList 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;
+		export interface PopupHideEventArgs {
 
-	/** returns the name of the event
-	*/
-	type?: string;
+			/** if the event should be canceled; otherwise, false.
+			 */
+			cancel?: boolean;
 
-	/** returns the selected text
-	*/
-	text?: string;
+			/** returns the DropDownList model
+			 */
+			model?: any;
 
-	/** returns the selected value
-	*/
-	value?: string;
-}
+			/** returns the name of the event
+			 */
+			type?: string;
 
-export interface CascadeEventArgs {
+			/** returns the selected text
+			 */
+			text?: string;
 
-	/** if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
+			/** returns the selected value
+			 */
+			value?: string;
+		}
 
-	/** Returns the cascading dropdown model.
-	*/
-	cascadeModel?: any;
+		export interface PopupResizeEventArgs {
 
-	/** returns the current selected value in first dropdown.
-	*/
-	cascadeValue?: string;
+			/** if the event should be canceled; otherwise, false.
+			 */
+			cancel?: boolean;
 
-	/** returns the DropDownList model
-	*/
-	model?: any;
+			/** 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;
 
-	/** returns the name of the event
-	*/
-	type?: string;
-}
+			/** Returns the data from the resizable plugin.
+			 */
+			event?: any;
+		}
 
-export interface ChangeEventArgs {
+		export interface PopupShownEventArgs {
 
-	/** if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
+			/** if the event should be canceled; otherwise, false.
+			 */
+			cancel?: boolean;
 
-	/** Returns the selected item with checkbox checked or not.
-	*/
-	isChecked?: boolean;
+			/** returns the DropDownList 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 selected text
+			 */
+			text?: string;
 
-	/** Returns the selected item text.
-	*/
-	selectedText?: string;
+			/** returns the selected value
+			 */
+			value?: string;
+		}
 
-	/** returns the name of the event
-	*/
-	type?: string;
+		export interface PopupResizeStartEventArgs {
 
-	/** Returns the selected text.
-	*/
-	text?: string;
+			/** if the event should be canceled; otherwise, false.
+			 */
+			cancel?: boolean;
 
-	/** Returns the selected value.
-	*/
-	value?: string;
-}
+			/** returns the DropDownList model
+			 */
+			model?: any;
 
-export interface CheckChangeEventArgs {
+			/** 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 selected item with checkbox checked or not.
-	*/
-	isChecked?: boolean;
+		export interface PopupResizeStopEventArgs {
 
-	/** Returns the selected item ID.
-	*/
-	itemId?: string;
+			/** if the event should be canceled; otherwise, false.
+			 */
+			cancel?: boolean;
 
-	/** returns the DropDownList model
-	*/
-	model?: any;
+			/** returns the DropDownList model
+			 */
+			model?: any;
 
-	/** Returns the selected item text.
-	*/
-	selectedText?: string;
+			/** 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;
+		}
 
-	/** Returns the selected text.
-	*/
-	text?: string;
+		export interface SearchEventArgs {
 
-	/** Returns the selected value.
-	*/
-	value?: string;
-}
+			/** if the event should be canceled; otherwise, false.
+			 */
+			cancel?: boolean;
 
-export interface CreateEventArgs {
+			/** Returns the data bound to the DropDownList.
+			 */
+			items?: any;
 
-	/** if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
+			/** 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;
+
+			/** 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;
 
-	/** returns the DropDownList model
-	*/
-	model?: any;
+			/** 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;
 
-	/** returns the name of the event
-	*/
-	type?: string;
-}
+			/** 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;
 
-export interface DataBoundEventArgs {
+			/** 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;
 
-	/** if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
+			/** This event is triggered after the Tooltip is opened. */
+			open?(e: OpenEventArgs): void;
 
-	/** returns the DropDownList model
-	*/
-	model?: any;
+			/** This event is triggered while hover the target element, when the tooltip positioning is relates to the mouse. */
+			tracking?(e: TrackingEventArgs): void;
+		}
 
-	/** returns the name of the event
-	*/
-	type?: string;
+		export interface BeforeCloseEventArgs {
 
-	/** returns the data that is bound to DropDownList
-	*/
-	data?: any;
-}
+			/** if the event should be canceled; otherwise, false.
+			 */
+			cancel?: boolean;
 
-export interface DestroyEventArgs {
+			/** returns the tooltip model
+			 */
+			model?: 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 DropDownList model
-	*/
-	model?: any;
+			/** returns the Tooltip's content
+			 */
+			content?: string;
+		}
 
-	/** returns the name of the event
-	*/
-	type?: string;
-}
+		export interface BeforeOpenEventArgs {
 
-export interface FocusInEventArgs {
+			/** if the event should be canceled; otherwise, false.
+			 */
+			cancel?: boolean;
 
-	/** its value is set as true,if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
+			/** returns the Tooltip model
+			 */
+			model?: any;
 
-	/** returns the DropDownList model
-	*/
-	model?: 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 FocusOutEventArgs {
+		export interface ClickEventArgs {
 
-	/** its value is set as true,if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
+			/** its value is set as true,if the event should be canceled; otherwise, false.
+			 */
+			cancel?: boolean;
 
-	/** returns the DropDownList model
-	*/
-	model?: any;
+			/** returns the Tooltip model
+			 */
+			model?: any;
 
-	/** returns the name of the event
-	*/
-	type?: string;
-}
+			/** returns the name of the event
+			 */
+			type?: string;
 
-export interface PopupHideEventArgs {
+			/** returns the event object
+			 */
+			event?: any;
+		}
 
-	/** if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
+		export interface CloseEventArgs {
 
-	/** returns the DropDownList model
-	*/
-	model?: any;
+			/** if the event should be canceled; otherwise, false.
+			 */
+			cancel?: boolean;
 
-	/** returns the name of the event
-	*/
-	type?: string;
+			/** returns the Tooltip model
+			 */
+			model?: any;
 
-	/** returns the selected text
-	*/
-	text?: string;
+			/** returns the name of the event
+			 */
+			type?: string;
 
-	/** returns the selected value
-	*/
-	value?: string;
-}
+			/** returns the Tooltip's content
+			 */
+			content?: string;
+		}
 
-export interface PopupResizeEventArgs {
+		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 Tooltip model
+			 */
+			model?: any;
 
-	/** 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 PopupShownEventArgs {
+			/** its value is set as true,if the event should be canceled; otherwise, false.
+			 */
+			cancel?: boolean;
 
-	/** if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
+			/** returns the Tooltip model
+			 */
+			model?: any;
 
-	/** returns the DropDownList model
-	*/
-	model?: any;
+			/** returns the name of the event
+			 */
+			type?: string;
+		}
 
-	/** returns the name of the event
-	*/
-	type?: string;
+		export interface HoverEventArgs {
 
-	/** returns the selected text
-	*/
-	text?: string;
+			/** its value is set as true,if the event should be canceled; otherwise, false.
+			 */
+			cancel?: boolean;
 
-	/** returns the selected value
-	*/
-	value?: string;
-}
+			/** returns the Tooltip model
+			 */
+			model?: any;
 
-export interface PopupResizeStartEventArgs {
+			/** 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 DropDownList 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 data from the resizable plugin.
-	*/
-	event?: any;
-}
+			/** returns the Tooltip model
+			 */
+			model?: any;
 
-export interface PopupResizeStopEventArgs {
+			/** 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 DropDownList model
-	*/
-	model?: any;
+		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 data from the resizable plugin.
-	*/
-	event?: any;
-}
+			/** returns the Tooltip model
+			 */
+			model?: any;
 
-export interface SearchEventArgs {
+			/** 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 data bound to the DropDownList.
-	*/
-	items?: any;
+		export interface Animation {
 
-	/** 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;
+			/** Determines the type of effect.
+			 * @Default {ej.Tooltip.Effect.None}
+			 */
+			effect?: ej.Tooltip.effect | 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;
+			/** Sets the animation speed in milliseconds.
+			 * @Default {4000}
+			 */
+			speed?: number;
+		}
 
-	/** 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;
+		export interface PositionTarget {
 
-	/** This event is triggered after the Tooltip is created successfully. */
-	create? (e: CreateEventArgs): void;
+			/** Sets the Tooltip position against target based on horizontal(x) value.
+			 * @Default {center}
+			 */
+			horizontal?: string | number;
 
-	/** 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;
+			/** Sets the Tooltip position against target based on vertical(y) value.
+			 * @Default {top}
+			 */
+			vertical?: string | number;
+		}
 
-	/** This event is triggered after the Tooltip is opened. */
-	open? (e: OpenEventArgs): void;
+		export interface PositionStem {
 
-	/** This event is triggered while hover the target element, when the tooltip positioning is relates to the mouse. */
-	tracking? (e: TrackingEventArgs): void;
-}
+			/** Sets the arrow position again popup based on horizontal(x) value
+			 * @Default {center}
+			 */
+			horizontal?: string;
 
-export interface BeforeCloseEventArgs {
+			/** Sets the arrow position again popup based on vertical(y) value
+			 * @Default {bottom}
+			 */
+			vertical?: string;
+		}
 
-	/** if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
+		export interface Position {
 
-	/** returns the tooltip model
-	*/
-	model?: any;
+			/** Sets the Tooltip position against target.
+			 */
+			target?: PositionTarget;
 
-	/** returns the name of the event
-	*/
-	type?: string;
+			/** Sets the arrow position again popup.
+			 */
+			stem?: PositionStem;
+		}
+		export interface TipSize {
 
-	/** returns the Tooltip's content
-	*/
-	content?: string;
-}
+			/** Sets the Tooltip width.
+			 * @Default {20}
+			 */
+			width?: number;
 
-export interface BeforeOpenEventArgs {
+			/** Sets the Tooltip height.
+			 * @Default {10}
+			 */
+			height?: number;
+		}
 
-	/** if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
+		export interface TipAdjust {
 
-	/** returns the Tooltip model
-	*/
-	model?: any;
+			/** Sets horizontal gap between Tooltip and target element.
+			 * @Default {0}
+			 */
+			xValue?: number;
 
-	/** returns the name of the event
-	*/
-	type?: string;
+			/** Sets vertical gap between Tooltip and target element.
+			 * @Default {0}
+			 */
+			yValue?: number;
+		}
 
-	/** returns the Tooltip's content
-	*/
-	content?: string;
-}
+		export interface Tip {
 
-export interface ClickEventArgs {
+			/** Sets the Tooltip size.
+			 */
+			size?: TipSize;
 
-	/** its value is set as true,if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
+			/** Sets gap between tooltip against the target element.
+			 */
+			adjust?: TipAdjust;
+		}
 
-	/** returns the Tooltip model
-	*/
-	model?: any;
 
-	/** returns the name of the event
-	*/
-	type?: string;
+		enum effect {
 
-	/** returns the event object
-	*/
-	event?: any;
-}
+			///No animation takes place when showing/hiding the Tooltip
+			None,
 
-export interface CloseEventArgs {
+			///Sliding effect takes place when showing/hiding the Tooltip
+			Slide,
 
-	/** if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
+			///Fade the Tooltip in and out of visibility.
+			Fade
+		}
 
-	/** returns the Tooltip model
-	*/
-	model?: any;
 
-	/** returns the name of the event
-	*/
-	type?: string;
+		enum Associate {
 
-	/** returns the Tooltip's content
-	*/
-	content?: string;
-}
+			///Sets the position related to target element.
+			Target,
 
-export interface CreateEventArgs {
+			///Sets the position related to mouse.
+			MouseFollow,
 
-	/** if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
+			///Sets the position related to mouse, first entry to the target element.
+			MouseEnter,
 
-	/** returns the Tooltip model
-	*/
-	model?: any;
+			///Sets the position related to (x,y) co-ordinates.
+			Axis,
 
-	/** returns the name of the event
-	*/
-	type?: string;
-}
+			///Sets the position related to browser window.
+			Window
+		}
 
-export interface DestroyEventArgs {
 
-	/** its value is set as true,if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
+		enum CloseMode {
 
-	/** returns the Tooltip model
-	*/
-	model?: any;
+			///Enables close button in Tooltip.
+			Sticky,
 
-	/** returns the name of the event
-	*/
-	type?: string;
-}
+			///Sets the delay for Tooltip close
+			Auto,
 
-export interface HoverEventArgs {
+			///The Tooltip will be display normally.
+			None
+		}
 
-	/** its value is set as true,if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
 
-	/** returns the Tooltip model
-	*/
-	model?: any;
+		enum Collision {
 
-	/** returns the name of the event
-	*/
-	type?: string;
+			///Flips the Tooltip to the opposite side of the target, if collision is occurs.
+			Flip,
 
-	/** returns the event object
-	*/
-	event?: any;
-}
+			///Shift the Tooltip popup away from the edge of the window(collision side) that means adjacent position.
+			Fit,
 
-export interface OpenEventArgs {
+			///Ensure as much of the element is visible as possible to showcase.
+			FlipFit,
 
-	/** if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
+			///No collision detection is take place
+			None
+		}
 
-	/** returns the Tooltip model
-	*/
-	model?: any;
 
-	/** returns the name of the event
-	*/
-	type?: string;
+		enum Trigger {
 
-	/** returns the Tooltip's content
-	*/
-	content?: string;
-}
+			///The Tooltip to be shown when the target element is clicked.
+			Click,
 
-export interface TrackingEventArgs {
+			///Enables the Tooltip when hover on the target element.
+			Hover,
 
-	/** its value is set as true,if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
+			///Enables the Tooltip when focus is set to target element.
+			Focus
+		}
 
-	/** returns the Tooltip model
-	*/
-	model?: any;
+	}
 
-	/** returns the name of the event
-	*/
-	type?: string;
+	class Editor extends ej.Widget {
+		static fn: Editor;
+		constructor(element: JQuery | Element, options?: Editor.Model);
+		static Locale: any;
+		model: Editor.Model;
+		defaults: Editor.Model;
 
-	/** returns the event object
-	*/
-	event?: any;
-}
+		/** destroy the editor widgets all events are unbind automatically and bring the control to pre-init state.
+		 * @returns {void}
+		 */
+		destroy(): void;
 
-export interface Animation {
+		/** To disable the corresponding Editors
+		 * @returns {void}
+		 */
+		disable(): void;
 
-	/** Determines the type of effect.
-	*   @Default {ej.Tooltip.Effect.None}
-	*/
-	effect?: ej.Tooltip.effect|string;
+		/** To enable the corresponding Editors
+		 * @returns {void}
+		 */
+		enable(): void;
 
-	/** Sets the animation speed in milliseconds.
-	*   @Default {4000}
-	*/
-	speed?: number;
-}
+		/** To get value from corresponding Editors
+		 * @returns {number}
+		 */
+		getValue(): number;
+	}
 
-export interface PositionTarget {
+	class NumericTextbox extends Editor {
+	}
 
-	/** Sets the Tooltip position against target based on horizontal(x) value.
-	*   @Default {center}
-	*/
-	horizontal?: string|number;
+	class CurrencyTextbox extends Editor {
+	}
 
-	/** Sets the Tooltip position against target based on vertical(y) value.
-	*   @Default {top}
-	*/
-	vertical?: string|number;
-}
+	class PercentageTextbox extends Editor {
+	}
+	export namespace Editor {
 
-export interface PositionStem {
+		export interface Model {
 
-	/** Sets the arrow position again popup based on horizontal(x) value
-	*   @Default {center}
-	*/
-	horizontal?: string;
+			/** 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 arrow position again popup based on vertical(y) value
-	*   @Default {bottom}
-	*/
-	vertical?: string;
-}
+			/** Sets the root CSS class for Editors which allow us to customize the appearance.
+			 */
+			cssClass?: string;
 
-export interface Position {
+			/** 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;
 
-	/** Sets the Tooltip position against target.
-	*/
-	target?: PositionTarget;
+			/** Event triggers when mouse up happens on the item. */
+			mouseUp?(e: MouseUpEventArgs): void;
+		}
+	}
 
-	/** Sets the arrow position again popup.
-	*/
-	stem?: PositionStem;
-}
+	export interface AjaxBeforeLoadEventArgs {
+
+		/** returns true if the event should be canceled; otherwise, false.
+		 */
+		cancel?: boolean;
 
-export interface TipSize {
+		/** returns the name of the event.
+		 */
+		type?: string;
 
-	/** Sets the Tooltip width.
-	*   @Default {20}
-	*/
-	width?: number;
+		/** returns the model value of the control.
+		 */
+		model?: ej.ListView.Model;
 
-	/** Sets the Tooltip height.
-	*   @Default {10}
-	*/
-	height?: number;
-}
+		/** returns the AJAX settings.
+		 */
+		ajaxData?: any;
+	}
 
-export interface TipAdjust {
+	export interface AjaxCompleteEventArgs {
 
-	/** Sets horizontal gap between Tooltip and target element.
-	*   @Default {0}
-	*/
-	xValue?: number;
+		/** returns true if the event should be canceled; otherwise, false.
+		 */
+		cancel?: boolean;
 
-	/** Sets vertical gap between Tooltip and target element.
-	*   @Default {0}
-	*/
-	yValue?: number;
-}
+		/** returns the name of the event.
+		 */
+		type?: string;
 
-export interface Tip {
+		/** returns the model value of the control.
+		 */
+		model?: ej.ListView.Model;
+	}
 
-	/** Sets the Tooltip size.
-	*/
-	size?: TipSize;
+	export interface AjaxErrorEventArgs {
 
-	/** Sets gap between tooltip against the target element.
-	*/
-	adjust?: TipAdjust;
-}
+		/** returns true if the event should be canceled; otherwise, false.
+		 */
+		cancel?: boolean;
 
-enum effect{
+		/** returns the name of the event.
+		 */
+		type?: string;
 
-	///No animation takes place when showing/hiding the Tooltip
-	None,
+		/** returns the model value of the control.
+		 */
+		model?: ej.ListView.Model;
 
-	///Sliding effect takes place when showing/hiding the Tooltip
-	Slide,
+		/** returns the error thrown in the AJAX post.
+		 */
+		errorThrown?: any;
 
-	///Fade the Tooltip in and out of visibility.
-	Fade
-}
+		/** returns the status.
+		 */
+		textStatus?: any;
 
+		/** returns the current list item.
+		 */
+		item?: any;
 
-enum Associate{
+		/** returns the current item text.
+		 */
+		text?: string;
 
-	///Sets the position related to target element.
-	Target,
+		/** returns the current item index.
+		 */
+		index?: number;
+	}
 
-	///Sets the position related to mouse.
-	MouseFollow,
+	export interface AjaxSuccessEventArgs {
 
-	///Sets the position related to mouse, first entry to the target element.
-	MouseEnter,
+		/** returns true if the event should be canceled; otherwise, false.
+		 */
+		cancel?: boolean;
 
-	///Sets the position related to (x,y) co-ordinates.
-	Axis,
+		/** returns the name of the event.
+		 */
+		type?: string;
 
-	///Sets the position related to browser window.
-	Window
-}
+		/** returns the model value of the control.
+		 */
+		model?: ej.ListView.Model;
 
+		/** returns the AJAX current content.
+		 */
+		content?: string;
 
-enum CloseMode{
+		/** returns the current list item.
+		 */
+		item?: any;
 
-	///Enables close button in Tooltip.
-	Sticky,
+		/** returns the current item text.
+		 */
+		text?: string;
 
-	///Sets the delay for Tooltip close
-	Auto,
+		/** returns the current item index.
+		 */
+		index?: number;
 
-	///The Tooltip will be display normally.
-	None
-}
+		/** returns the current URL of the AJAX post.
+		 */
+		URL?: string;
+	}
 
+	export interface LoadEventArgs {
 
-enum Collision{
+		/** returns true if the event should be canceled; otherwise, false.
+		 */
+		cancel?: boolean;
 
-	///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,
+		/** returns the model value of the control.
+		 */
+		model?: ej.ListView.Model;
+	}
 
-	///Ensure as much of the element is visible as possible to showcase.
-	FlipFit,
+	export interface LoadCompleteEventArgs {
 
-	///No collision detection is take place
-	None
-}
+		/** returns true if the event should be canceled; otherwise, false.
+		 */
+		cancel?: boolean;
 
+		/** returns the name of the event.
+		 */
+		type?: string;
 
-enum Trigger{
+		/** returns the model value of the control.
+		 */
+		model?: ej.ListView.Model;
+	}
 
-	///The Tooltip to be shown when the target element is clicked.
-	Click,
+	export interface MouseDownEventArgs {
 
-	///Enables the Tooltip when hover on the target element.
-	Hover,
+		/** returns true if the event should be canceled; otherwise, false.
+		 */
+		cancel?: boolean;
 
-	///Enables the Tooltip when focus is set to target element.
-	Focus
-}
+		/** returns the name of the event.
+		 */
+		type?: string;
 
-}
+		/** returns the model value of the control.
+		 */
+		model?: ej.ListView.Model;
 
-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;
+		/** If the child element exist return true; otherwise, false.
+		 */
+		hasChild?: boolean;
 
-	/** destroy the editor widgets all events are unbind automatically and bring the control to pre-init state.
-	*   @returns {void}
-	*/
-	destroy(): void;
+		/** returns the current list item.
+		 */
+		item?: string;
 
-	/** To disable the corresponding Editors
-	*   @returns {void}
-	*/
-	disable(): void;
+		/** returns the current text of item.
+		 */
+		text?: string;
 
-	/** To enable the corresponding Editors
-	*   @returns {void}
-	*/
-	enable(): void;
+		/** returns the current Index of the item.
+		 */
+		index?: number;
 
-	/** To get value from corresponding Editors
-	*   @returns {number}
-	*/
-	getValue(): number;
-}
+		/** If checked return true; otherwise, false.
+		 */
+		isChecked?: boolean;
 
- class NumericTextbox extends Editor{
-}
+		/** returns the list of checked items.
+		 */
+		checkedItems?: number;
 
- class CurrencyTextbox extends Editor{
-}
+		/** returns the current checked item text.
+		 */
+		checkedItemsText?: string;
+	}
 
- class PercentageTextbox extends Editor{
-}
-export module Editor{
+	export interface MouseUpEventArgs {
 
-export interface Model {
+		/** returns true if the event should be canceled; otherwise, false.
+		 */
+		cancel?: boolean;
 
-	/** 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;
+		/** returns the name of the event.
+		 */
+		type?: string;
 
-	/** Sets the root CSS class for Editors which allow us to customize the appearance.
-	*/
-	cssClass?: string;
+		/** returns the model value of the control.
+		 */
+		model?: ej.ListView.Model;
 
-	/** Specifies the number of digits that should be allowed after the decimal point.
-	*   @Default {0}
-	*/
-	decimalPlaces?: number;
+		/** If the child element exist return true; otherwise, false.
+		 */
+		hasChild?: boolean;
 
-	/** 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;
+		/** returns the current list item.
+		 */
+		item?: string;
 
-	/** Event triggers when mouse up happens on the item. */
-	mouseUp? (e: MouseUpEventArgs): void;
-}
+		/** returns the current text of item.
+		 */
+		text?: string;
 
-export interface AjaxBeforeLoadEventArgs {
-
-	/** returns true if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
+		/** returns the current Index of the item.
+		 */
+		index?: number;
 
-	/** returns the name of the event.
-	*/
-	type?: string;
+		/** If checked return true; otherwise, false.
+		 */
+		isChecked?: boolean;
 
-	/** returns the model value of the control.
-	*/
-	model?: ej.ListView.Model;
+		/** returns the list of checked items.
+		 */
+		checkedItems?: number;
 
-	/** returns the AJAX settings.
-	*/
-	ajaxData?: any;
-}
+		/** returns the current checked item text.
+		 */
+		checkedItemsText?: string;
+	}
 
-export interface AjaxCompleteEventArgs {
+	export interface AjaxSettings {
 
-	/** returns true if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
+		/** 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;
 
-	/** returns the model value of the control.
-	*/
-	model?: ej.ListView.Model;
-}
+		/** It specifies the type of data is send in the query string.
+		 */
+		contentType?: string;
 
-export interface AjaxErrorEventArgs {
+		/** It specifies the data as an object, will be passed in the query string.
+		 */
+		data?: any;
 
-	/** returns true if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
+		/** It specifies the type of data that you're expecting back from the response.
+		 */
+		dataType?: string;
 
-	/** 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;
-}
+		/** 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);
+	constructor(element: JQuery | Element, options?: MaskEdit.Model);
 	static Locale: any;
-	model:MaskEdit.Model;
-	defaults:MaskEdit.Model;
+	model: MaskEdit.Model;
+	defaults: MaskEdit.Model;
 
 	/** To clear the text in mask edit textbox control.
-	*   @returns {void}
-	*/
+	 * @returns {void}
+	 */
 	clear(): void;
 
 	/** To disable the mask edit textbox control.
-	*   @returns {void}
-	*/
+	 * @returns {void}
+	 */
 	disable(): void;
 
 	/** To enable the mask edit textbox control.
-	*   @returns {void}
-	*/
+	 * @returns {void}
+	 */
 	enable(): void;
 
 	/** To obtained the pure value of the text value, removes all the symbols in mask edit textbox control.
-	*   @returns {string}
-	*/
+	 * @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}
-	*/
+	 * @returns {string}
+	 */
 	get_UnstrippedValue(): string;
 }
-export module MaskEdit{
+export namespace MaskEdit {
 
-export interface Model {
+	export interface Model {
 
-	/** Specify the cssClass to achieve custom theme.
-	*   @Default {null}
-	*/
-	cssClass?: string;
+		/** 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 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 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;
+		/** 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 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 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;
+		/** 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;
+		/** 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 input mask.
+		 * @Default {null}
+		 */
+		maskFormat?: string;
 
-	/** Specifies the name attribute value for the mask edit textbox.
-	*   @Default {null}
-	*/
-	name?: 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;
+		/** 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;
+		/** 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;
+		/** 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;
+		/** 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;
+		/** 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 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;
+		/** 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 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 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;
+		/** 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 when value changed in mask edit textbox control. */
+		change?(e: ChangeEventArgs): void;
 
-	/** Fires after MaskEdit control is created. */
-	create? (e: CreateEventArgs): void;
+		/** Fires after MaskEdit control is created. */
+		create?(e: CreateEventArgs): void;
 
-	/** Fires when the MaskEdit is destroyed successfully. */
-	destroy? (e: DestroyEventArgs): 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 in mask edit textbox control. */
+		focusIn?(e: FocusInEventArgs): void;
 
-	/** Fires when focused out in mask edit textbox control. */
-	focusOut? (e: FocusOutEventArgs): 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 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 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 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 out in mask edit textbox control. */
+		mouseOut?(e: MouseOutEventArgs): void;
 
-	/** Fires when mouse over in mask edit textbox control. */
-	mouseOver? (e: MouseOverEventArgs): 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;
+	}
 }
-
-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;
+enum InputMode {
+	//string
+	Password,
+	//string
+	Text,
 }
-
-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,
+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);
+	constructor(element: JQuery | Element, options?: Menu.Model);
 	static Locale: any;
-	model:Menu.Model;
-	defaults:Menu.Model;
+	model: Menu.Model;
+	defaults: Menu.Model;
 
 	/** Disables the Menu control.
-	*   @returns {void}
-	*/
+	 * @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}
-	*/
+	 * @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;
+	 * @param {string|number} Specifies the Menu Item id to be disabled
+	 * @returns {void}
+	 */
+	disableItemByID(itemid: string | number): void;
 
 	/** Enables the Menu control.
-	*   @returns {void}
-	*/
+	 * @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}
-	*/
+	 * @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;
+	 * @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}
-	*/
+	 * @returns {void}
+	 */
 	hide(): void;
 
 	/** Hides the specific items in Menu control.
-	*   @returns {void}
-	*/
+	 * @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;
+	 * @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;
+	 * @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;
+	 * @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;
+	 * @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}
-	*/
+	 * @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}
-	*/
+	 * @returns {void}
+	 */
 	showItems(): void;
 }
-export module Menu{
+export namespace Menu {
 
-export interface Model {
+	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;
+		/** 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 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;
+		/** 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;
 
-	/** 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;
 
-	/** 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;
 
-	/** 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;
 
-	/** 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;
 
-	/** 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;
 
-	/** 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;
 
-	/** 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;
 
-	/** 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 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;
 
-	/** 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;
 
-	/** 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 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 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 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 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 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 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 title to responsive menu.
-	*   @Default {Menu}
-	*/
-	titleText?: string;
+		/** Specifies the width of the main menu.
+		 * @Default {auto}
+		 */
+		width?: string | number;
 
-	/** 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 height.
-	*   @Default {auto}
-	*/
-	overflowHeight?: string|number;
+		/** Specifies the popup menu width.
+		 * @Default {auto}
+		 */
+		overflowWidth?: string | number;
 
-	/** Specifies the popup menu width.
-	*   @Default {auto}
-	*/
-	overflowWidth?: string|number;
+		/** Fires before context menu gets open. */
+		beforeOpen?(e: BeforeOpenEventArgs): void;
 
-	/** Fires before context menu gets open. */
-	beforeOpen? (e: BeforeOpenEventArgs): void;
+		/** Fires when mouse click on menu items. */
+		click?(e: ClickEventArgs): void;
 
-	/** Fires when mouse click on menu items. */
-	click? (e: ClickEventArgs): void;
+		/** Fire when context menu on close. */
+		close?(e: CloseEventArgs): void;
 
-	/** Fire when context menu on close. */
-	close? (e: CloseEventArgs): void;
+		/** Fires when context menu on open. */
+		open?(e: OpenEventArgs): void;
 
-	/** Fires when context menu on open. */
-	open? (e: OpenEventArgs): void;
+		/** Fires to create menu items. */
+		create?(e: CreateEventArgs): void;
 
-	/** Fires to create menu items. */
-	create? (e: CreateEventArgs): void;
+		/** Fires to destroy menu items. */
+		destroy?(e: DestroyEventArgs): void;
 
-	/** Fires to destroy menu items. */
-	destroy? (e: DestroyEventArgs): void;
+		/** Fires when key down on menu items. */
+		keydown?(e: KeydownEventArgs): 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 out from menu items. */
-	mouseout? (e: MouseoutEventArgs): void;
+		/** Fires when mouse over the Menu items. */
+		mouseover?(e: MouseoverEventArgs): 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 opens. */
-	overflowOpen? (e: OverflowOpenEventArgs): void;
+		/** Fires when overflow popup menu closes. */
+		overflowClose?(e: OverflowCloseEventArgs): 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;
+	}
 }
-
-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;
+enum AnimationType {
+	//string
+	Default,
+	//string
+	None,
 }
-
-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;
+enum MenuType {
+	//string
+	ContextMenu,
+	//string
+	NormalMenu,
 }
-
-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,
+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);
+	constructor(element: JQuery | Element, options?: Pager.Model);
 	static Locale: any;
-	model:Pager.Model;
-	defaults:Pager.Model;
+	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}
-	*/
+	 * @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}
-	*/
+	 * @returns {void}
+	 */
 	refreshPager(): void;
 }
-export module Pager{
+export namespace Pager {
 
-export interface Model {
+	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 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 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 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;
+		/** 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;
+		/** 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 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 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 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;
+		/** 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 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;
+		/** 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;
+		/** 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;
+		/** 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;
+	}
 }
 
-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);
+	constructor(element: JQuery | Element, options?: Print.Model);
 	static Locale: any;
-	model:Print.Model;
-	defaults:Print.Model;
+	model: Print.Model;
+	defaults: Print.Model;
 
 	/** Print the specific page or an element.
-	*   @returns {void}
-	*/
+	 * @returns {void}
+	 */
 	print(): void;
 }
-export module Print{
 
-export interface Model {
+export namespace Print {
 
-	/** Append the custom HTML after the selected content.
-	*   @Default {null}
-	*/
-	append?: string;
+	export interface Model {
 
-	/** A selector that specifies a particular element to be excluded from printing.
-	*   @Default {null}
-	*/
-	excludeSelector?: string;
+		/** Append the custom HTML after the selected content.
+		 * @Default {null}
+		 */
+		append?: string;
 
-	/** Specifies whether the URL of an external stylesheet can be included to customize and print that page.
-	*   @Default {null}
-	*/
-	externalStyles?: String;
+		/** A selector that specifies a particular element to be excluded from printing.
+		 * @Default {null}
+		 */
+		excludeSelector?: string;
 
-	/** Prepend a doctype to the document frame.
-	*   @Default {&lt;!doctype html&gt;}
-	*/
-	docType?: string;
+		/** Specifies whether the URL of an external stylesheet can be included to customize and print that page.
+		 * @Default {null}
+		 */
+		externalStyles?: string;
 
-	/** Specifies whether the global styles can be applied to the element to be printed.
-	*   @Default {true}
-	*/
-	globalStyles?: Boolean;
+		/** Prepend a doctype to the document frame.
+		 * @Default {&lt;!doctype html&gt;}
+		 */
+		docType?: string;
 
-	/** Sets the height of the print window.
-	*   @Default {454}
-	*/
-	height?: Number;
+		/** Specifies whether the global styles can be applied to the element to be printed.
+		 * @Default {true}
+		 */
+		globalStyles?: boolean;
 
-	/** Prepends the custom HTML before the selected content.
-	*   @Default {null}
-	*/
-	prepend?: string;
+		/** Sets the height of the print window.
+		 * @Default {454}
+		 */
+		height?: number;
 
-	/** Allows printing the content in a new window.
-	*   @Default {false}
-	*/
-	printInNewWindow?: Boolean;
+		/** Prepends the custom HTML before the selected content.
+		 * @Default {null}
+		 */
+		prepend?: string;
 
-	/** Sets the period of time to wait before printing the content.
-	*   @Default {1000}
-	*/
-	timeOutPeriod?: Number;
+		/** Allows printing the content in a new window.
+		 * @Default {false}
+		 */
+		printInNewWindow?: boolean;
 
-	/** Sets the title of the print document.
-	*   @Default {null}
-	*/
-	title?: string;
+		/** Sets the period of time to wait before printing the content.
+		 * @Default {1000}
+		 */
+		timeOutPeriod?: number;
 
-	/** Defines the width of the print window.
-	*   @Default {1024}
-	*/
-	width?: Number;
+		/** Sets the title of the print document.
+		 * @Default {null}
+		 */
+		title?: string;
 
-	/** Event triggers before the document page or an element in it gets printed. */
-	beforeStart? (e: BeforeStartEventArgs): void;
+		/** 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;
+	}
 }
-
-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);
+	constructor(element: JQuery | Element, options?: ProgressBar.Model);
 	static Locale: any;
-	model:ProgressBar.Model;
-	defaults:ProgressBar.Model;
+	model: ProgressBar.Model;
+	defaults: ProgressBar.Model;
 
 	/** Destroy the progressbar widget
-	*   @returns {void}
-	*/
+	 * @returns {void}
+	 */
 	destroy(): void;
 
 	/** Disables the progressbar control
-	*   @returns {void}
-	*/
+	 * @returns {void}
+	 */
 	disable(): void;
 
 	/** Enables the progressbar control
-	*   @returns {void}
-	*/
+	 * @returns {void}
+	 */
 	enable(): void;
 
 	/** Returns the current progress value in percent.
-	*   @returns {number}
-	*/
+	 * @returns {number}
+	 */
 	getPercentage(): number;
 
 	/** Returns the current progress value
-	*   @returns {number}
-	*/
+	 * @returns {number}
+	 */
 	getValue(): number;
 }
-export module ProgressBar{
+export namespace ProgressBar {
 
-export interface Model {
+	export interface Model {
 
-	/** Sets the root CSS class for ProgressBar theme, which is used customize.
-	*   @Default {null}
-	*/
-	cssClass?: string;
+		/** 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;
+		/** 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;
+		/** 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;
+		/** Sets the ProgressBar direction as right to left alignment.
+		 * @Default {false}
+		 */
+		enableRTL?: boolean;
 
-	/** Defines the height of the ProgressBar.
-	*   @Default {null}
-	*/
-	height?: number|string;
+		/** 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;
+		/** 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 maximum value of the ProgressBar.
+		 * @Default {100}
+		 */
+		maxValue?: number;
 
-	/** Sets the minimum value of the ProgressBar.
-	*   @Default {0}
-	*/
-	minValue?: 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;
+		/** 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;
+		/** 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 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;
+		/** 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;
+		/** 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 progress value changed */
+		change?(e: ChangeEventArgs): void;
 
-	/** Event triggers when the process completes (at 100%) */
-	complete? (e: CompleteEventArgs): 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 created */
+		create?(e: CreateEventArgs): void;
 
-	/** Event triggers when the progressbar are destroyed */
-	destroy? (e: DestroyEventArgs): void;
+		/** Event triggers when the progressbar are destroyed */
+		destroy?(e: DestroyEventArgs): void;
 
-	/** Event triggers when the process starts (from 0%) */
-	start? (e: StartEventArgs): void;
-}
+		/** Event triggers when the process starts (from 0%) */
+		start?(e: StartEventArgs): void;
+	}
 
-export interface ChangeEventArgs {
+	export interface ChangeEventArgs {
 
-	/** returns the cancel option value
-	*/
-	cancel?: boolean;
+		/** returns the cancel option value
+		 */
+		cancel?: boolean;
 
-	/** returns the ProgressBar model
-	*/
-	model?: ej.ProgressBar.Model;
+		/** returns the ProgressBar model
+		 */
+		model?: ej.ProgressBar.Model;
 
-	/** returns the current progress percentage
-	*/
-	percentage?: any;
+		/** returns the current progress percentage
+		 */
+		percentage?: any;
 
-	/** returns the name of the event
-	*/
-	type?: string;
+		/** returns the name of the event
+		 */
+		type?: string;
 
-	/** returns the current progress value
-	*/
-	value?: string;
-}
+		/** returns the current progress value
+		 */
+		value?: string;
+	}
 
-export interface CompleteEventArgs {
+	export interface CompleteEventArgs {
 
-	/** returns the cancel option value
-	*/
-	cancel?: boolean;
+		/** returns the cancel option value
+		 */
+		cancel?: boolean;
 
-	/** returns the ProgressBar model
-	*/
-	model?: ej.ProgressBar.Model;
+		/** returns the ProgressBar model
+		 */
+		model?: ej.ProgressBar.Model;
 
-	/** returns the current progress percentage
-	*/
-	percentage?: any;
+		/** returns the current progress percentage
+		 */
+		percentage?: any;
 
-	/** returns the name of the event
-	*/
-	type?: string;
+		/** returns the name of the event
+		 */
+		type?: string;
 
-	/** returns the current progress value
-	*/
-	value?: string;
-}
+		/** returns the current progress value
+		 */
+		value?: string;
+	}
 
-export interface CreateEventArgs {
+	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 progressbar model
-	*/
-	model?: ej.ProgressBar.Model;
+		/** returns the progressbar model
+		 */
+		model?: ej.ProgressBar.Model;
 
-	/** returns the name of the event
-	*/
-	type?: string;
-}
+		/** returns the name of the event
+		 */
+		type?: string;
+	}
 
-export interface DestroyEventArgs {
+	export interface DestroyEventArgs {
 
-	/** if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
+		/** if the event should be canceled; otherwise, false.
+		 */
+		cancel?: boolean;
 
-	/** returns the progressbar model
-	*/
-	model?: ej.ProgressBar.Model;
+		/** returns the progressbar model
+		 */
+		model?: ej.ProgressBar.Model;
 
-	/** returns the name of the event
-	*/
-	type?: string;
-}
+		/** returns the name of the event
+		 */
+		type?: string;
+	}
 
-export interface StartEventArgs {
+	export interface StartEventArgs {
 
-	/** returns the cancel option value
-	*/
-	cancel?: boolean;
+		/** returns the cancel option value
+		 */
+		cancel?: boolean;
 
-	/** returns the ProgressBar model
-	*/
-	model?: ej.ProgressBar.Model;
+		/** returns the ProgressBar model
+		 */
+		model?: ej.ProgressBar.Model;
 
-	/** returns the current progress percentage
-	*/
-	percentage?: any;
+		/** returns the current progress percentage
+		 */
+		percentage?: any;
 
-	/** returns the name of the event
-	*/
-	type?: string;
+		/** returns the name of the event
+		 */
+		type?: string;
 
-	/** returns the current progress value
-	*/
-	value?: 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);
+	constructor(element: JQuery | Element, options?: RadioButton.Model);
 	static Locale: any;
-	model:RadioButton.Model;
-	defaults:RadioButton.Model;
+	model: RadioButton.Model;
+	defaults: RadioButton.Model;
 
 	/** To disable the RadioButton
-	*   @returns {void}
-	*/
+	 * @returns {void}
+	 */
 	disable(): void;
 
 	/** To enable the RadioButton
-	*   @returns {void}
-	*/
+	 * @returns {void}
+	 */
 	enable(): void;
 }
-export module RadioButton{
+export namespace RadioButton {
 
-export interface Model {
+	export interface Model {
 
-	/** Specifies the check attribute of the Radio Button.
-	*   @Default {false}
-	*/
-	checked?: boolean;
+		/** Specifies the check attribute of the Radio Button.
+		 * @Default {false}
+		 */
+		checked?: boolean;
 
-	/** Specify the CSS class to RadioButton to achieve custom theme.
-	*/
-	cssClass?: string;
+		/** Specify the CSS class to RadioButton to achieve custom theme.
+		 */
+		cssClass?: string;
 
-	/** Specifies the RadioButton control state.
-	*   @Default {true}
-	*/
-	enabled?: boolean;
+		/** 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;
+		/** 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;
+		/** Specify the Right to Left direction to RadioButton
+		 * @Default {false}
+		 */
+		enableRTL?: boolean;
 
-	/** Specifies the HTML Attributes of the Checkbox
-	*   @Default {{}}
-	*/
-	htmlAttributes?: any;
+		/** Specifies the HTML Attributes of the Checkbox
+		 * @Default {{}}
+		 */
+		htmlAttributes?: any;
 
-	/** Specifies the id attribute for the Radio Button while initialization.
-	*   @Default {null}
-	*/
-	id?: string;
+		/** 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;
+		/** 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 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 size of the RadioButton.
+		 * @Default {small}
+		 */
+		size?: ej.RadioButtonSize | string;
 
-	/** Specifies the text content for RadioButton.
-	*/
-	text?: 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 error message in radio button.
+		 * @Default {null}
+		 */
+		validationMessage?: any;
 
-	/** Set the jQuery validation rules in radio button.
-	*   @Default {null}
-	*/
-	validationRules?: 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;
+		/** 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 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 state is changed successfully */
+		change?(e: ChangeEventArgs): void;
 
-	/** Fires when the RadioButton created successfully */
-	create? (e: CreateEventArgs): void;
+		/** Fires when the RadioButton created successfully */
+		create?(e: CreateEventArgs): void;
 
-	/** Fires when the RadioButton destroyed successfully */
-	destroy? (e: DestroyEventArgs): 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;
+	}
 }
-
-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,
+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);
+	constructor(element: JQuery | Element, options?: Rating.Model);
 	static Locale: any;
-	model:Rating.Model;
-	defaults:Rating.Model;
+	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}
-	*/
+	 * @returns {void}
+	 */
 	destroy(): void;
 
 	/** To get the current value of rating control.
-	*   @returns {number}
-	*/
+	 * @returns {number}
+	 */
 	getValue(): number;
 
 	/** To hide the rating control.
-	*   @returns {void}
-	*/
+	 * @returns {void}
+	 */
 	hide(): void;
 
 	/** User can refresh the rating control to identify changes.
-	*   @returns {void}
-	*/
+	 * @returns {void}
+	 */
 	refresh(): void;
 
 	/** To reset the rating value.
-	*   @returns {void}
-	*/
+	 * @returns {void}
+	 */
 	reset(): void;
 
 	/** To set the rating value.
-	*   @param {string|number} Specifies the rating value.
-	*   @returns {void}
-	*/
-	setValue(value: string|number): void;
+	 * @param {string|number} Specifies the rating value.
+	 * @returns {void}
+	 */
+	setValue(value: string | number): void;
 
 	/** To show the rating control
-	*   @returns {void}
-	*/
+	 * @returns {void}
+	 */
 	show(): void;
 }
-export module Rating{
+export namespace Rating {
 
-export interface Model {
+	export interface Model {
 
-	/** Enables the rating control with reset button.It can be used to reset the rating control value.
-	*   @Default {true}
-	*/
-	allowReset?: boolean;
+		/** 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;
+		/** 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;
+		/** 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;
+		/** 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 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 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;
+		/** 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 maximum number of Rating shape(star).
+		 * @Default {5}
+		 */
+		maxValue?: number;
 
-	/** Allow to render the minimum number of Rating shape(star).
-	*   @Default {0}
-	*/
-	minValue?: 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;
+		/** 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;
+		/** 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;
+		/** 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 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;
+		/** 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;
+		/** 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;
+		/** 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;
+		/** Specifies the width of the Rating control wrapper.
+		 * @Default {null}
+		 */
+		width?: string;
 
-	/** Fires when Rating value changes. */
-	change? (e: ChangeEventArgs): void;
+		/** 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 clicked successfully. */
+		click?(e: ClickEventArgs): void;
 
-	/** Fires when Rating control is created. */
-	create? (e: CreateEventArgs): void;
+		/** Fires when Rating control is created. */
+		create?(e: CreateEventArgs): void;
 
-	/** Fires when Rating control is destroyed successfully. */
-	destroy? (e: DestroyEventArgs): 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 hover is removed from Rating control. */
+		mouseout?(e: MouseoutEventArgs): void;
 
-	/** Fires when mouse hovered over the Rating control. */
-	mouseover? (e: MouseoverEventArgs): void;
-}
+		/** Fires when mouse hovered over the Rating control. */
+		mouseover?(e: MouseoverEventArgs): void;
+	}
 
-export interface ChangeEventArgs {
+	export interface ChangeEventArgs {
 
-	/** returns the current value.
-	*/
-	value?: number;
+		/** 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 rating model
-	*/
-	model?: ej.Rating.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 the mouse click event args values.
-	*/
-	event?: any;
-}
+		/** returns the mouse click event args values.
+		 */
+		event?: any;
+	}
 
-export interface ClickEventArgs {
+	export interface ClickEventArgs {
 
-	/** returns the current value.
-	*/
-	value?: number;
+		/** 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 rating model
-	*/
-	model?: ej.Rating.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 the mouse click event args values.
-	*/
-	event?: any;
-}
+		/** returns the mouse click event args values.
+		 */
+		event?: any;
+	}
 
-export interface CreateEventArgs {
+	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 rating model
-	*/
-	model?: ej.Rating.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;
+	}
 
-export interface DestroyEventArgs {
+	export interface DestroyEventArgs {
 
-	/** if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
+		/** if the event should be canceled; otherwise, false.
+		 */
+		cancel?: boolean;
 
-	/** returns the rating model
-	*/
-	model?: ej.Rating.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;
+	}
 
-export interface MouseoutEventArgs {
+	export interface MouseoutEventArgs {
 
-	/** returns the current value.
-	*/
-	value?: number;
+		/** 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 rating model
-	*/
-	model?: ej.Rating.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 the mouse click event args values.
-	*/
-	event?: any;
-}
+		/** returns the mouse click event args values.
+		 */
+		event?: any;
+	}
 
-export interface MouseoverEventArgs {
+	export interface MouseoverEventArgs {
 
-	/** returns the current value.
-	*/
-	value?: number;
+		/** 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 rating model
-	*/
-	model?: ej.Rating.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 the mouse click event args values.
-	*/
-	event?: any;
+		/** returns the mouse click event args values.
+		 */
+		event?: any;
 
-	/** returns the current index value.
-	*/
-	index?: any;
-}
+		/** returns the current index value.
+		 */
+		index?: any;
+	}
 
-enum Precision{
+	enum Precision {
 
-	///string
-	Exact,
+		///string
+		Exact,
 
-	///string
-	Full,
+		///string
+		Full,
 
-	///string
-	Half
-}
+		///string
+		Half
+	}
 
 }
 
 class Ribbon extends ej.Widget {
 	static fn: Ribbon;
-	constructor(element: JQuery, options?: Ribbon.Model);
-	constructor(element: Element, options?: Ribbon.Model);
+	constructor(element: JQuery | Element, options?: Ribbon.Model);
 	static Locale: any;
-	model:Ribbon.Model;
-	defaults:Ribbon.Model;
+	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}
-	*/
+	/** 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}
-	*/
+	 * @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;
+	 * @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}
-	*/
+	 * @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}
-	*/
+	/** 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}
-	*/
+	 * @returns {void}
+	 */
 	hideBackstage(): void;
 
 	/** Collapses the ribbon tab content.
-	*   @returns {void}
-	*/
+	 * @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}
-	*/
+	 * @returns {void}
+	 */
 	destroy(): void;
 
 	/** Expands the ribbon tab content.
-	*   @returns {void}
-	*/
+	 * @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;
+	 * @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}
-	*/
+	 * @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;
+	 * @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;
+	 * @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}
-	*/
+	 * @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}
-	*/
+	 * @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}
-	*/
+	 * @returns {void}
+	 */
 	showBackstage(): void;
 
 	/** Displays the given text tab in the ribbon control.
-	*   @param {string} text of the tab item.
-	*   @returns {void}
-	*/
+	 * @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}
-	*/
+	 * @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}
-	*/
+	 * @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}
-	*/
+	 * @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}
-	*/
+	 * @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;
+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;
 
-	/** 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 collapsible property as true to render ribbon in initially collapsed state.
+		 * @Default {false}
+		 */
+		collapsible?: boolean;
 
-	/** Set enableOnDemand as true to load ribbon tab and backstage contents while corresponding item clicked.
-	*   @Default {false}
-	*/
-	enableOnDemand?: boolean;
+		/** Align content in the ribbon control from right to left by setting the property as true.
+		 * @Default {false}
+		 */
+		enableRTL?: boolean;
 
-	/** Set collapsible property as true to render ribbon in initially collapsed state.
-	*   @Default {false}
-	*/
-	collapsible?: boolean;
+		/** Sets custom setting to the expandable pin in the ribbon.
+		 * @Default {Object}
+		 */
+		expandPinSettings?: ExpandPinSettings;
 
-	/** Align content in the ribbon control from right to left by setting the property as true.
-	*   @Default {false}
-	*/
-	enableRTL?: boolean;
+		/** Specifies the application tab to contain application menu or backstage page in the ribbon control.
+		 * @Default {Object}
+		 */
+		applicationTab?: ApplicationTab;
 
-	/** Sets custom setting to the expandable pin in the ribbon.
-	*   @Default {Object}
-	*/
-	expandPinSettings?: ExpandPinSettings;
+		/** 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 application tab to contain application menu or backstage page in the ribbon control.
-	*   @Default {Object}
-	*/
-	applicationTab?: ApplicationTab;
+		/** Specifies the index or indexes to disable the given index tab or indexes tabs in the ribbon control.
+		 * @Default {0}
+		 */
+		disabledItemIndex?: any[];
 
-	/** 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 enable the given index tab or indexes tabs in the ribbon control.
+		 * @Default {null}
+		 */
+		enabledItemIndex?: any[];
 
-	/** 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 of the ribbon tab to select the given index tab item in the ribbon control.
+		 * @Default {1}
+		 */
+		selectedItemIndex?: number;
 
-	/** 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 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[];
 
-	/** Specifies the index of the ribbon tab to select the given index tab item in the ribbon control.
-	*   @Default {1}
-	*/
-	selectedItemIndex?: number;
+		/** 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 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>;
+		/** Specifies the width to the ribbon control. You can set width in string or number format.
+		 * @Default {null}
+		 */
+		width?: string | number;
 
-	/** 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;
+		/** Triggered before the ribbon tab item is removed. */
+		beforeTabRemove?(e: BeforeTabRemoveEventArgs): void;
 
-	/** 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 control is created. */
+		create?(e: CreateEventArgs): void;
 
-	/** Triggered before the ribbon tab item is removed. */
-	beforeTabRemove? (e: BeforeTabRemoveEventArgs): void;
+		/** Triggered before the ribbon control is destroyed. */
+		destroy?(e: DestroyEventArgs): void;
 
-	/** Triggered before the ribbon control is created. */
-	create? (e: CreateEventArgs): void;
+		/** Triggered when the control in the group is clicked successfully. */
+		groupClick?(e: GroupClickEventArgs): void;
 
-	/** Triggered before the ribbon control is destroyed. */
-	destroy? (e: DestroyEventArgs): void;
+		/** Triggered when the group expander in the group is clicked successfully. */
+		groupExpand?(e: GroupExpandEventArgs): void;
 
-	/** Triggered when the control in the group is clicked successfully. */
-	groupClick? (e: GroupClickEventArgs): void;
+		/** Triggered when an item in the Gallery control is clicked successfully. */
+		galleryItemClick?(e: GalleryItemClickEventArgs): void;
 
-	/** Triggered when the group expander in the group is clicked successfully. */
-	groupExpand? (e: GroupExpandEventArgs): void;
+		/** Triggered when a tab or button in the backstage page is clicked successfully. */
+		backstageItemClick?(e: BackstageItemClickEventArgs): void;
 
-	/** Triggered when an item in the Gallery control is clicked successfully. */
-	galleryItemClick? (e: GalleryItemClickEventArgs): void;
+		/** Triggered when the ribbon control is collapsed. */
+		collapse?(e: CollapseEventArgs): void;
 
-	/** Triggered when a tab or button in the backstage page is clicked successfully. */
-	backstageItemClick? (e: BackstageItemClickEventArgs): void;
+		/** Triggered when the ribbon control is expanded. */
+		expand?(e: ExpandEventArgs): void;
 
-	/** Triggered when the ribbon control is collapsed. */
-	collapse? (e: CollapseEventArgs): void;
+		/** Triggered before the ribbon control is load. */
+		load?(e: LoadEventArgs): void;
 
-	/** Triggered when the ribbon control is expanded. */
-	expand? (e: ExpandEventArgs): void;
+		/** Triggered after adding the new ribbon tab item. */
+		tabAdd?(e: TabAddEventArgs): void;
 
-	/** Triggered before the ribbon control is load. */
-	load? (e: LoadEventArgs): void;
+		/** Triggered when tab is clicked successfully in the ribbon control. */
+		tabClick?(e: TabClickEventArgs): void;
 
-	/** Triggered after adding the new ribbon tab item. */
-	tabAdd? (e: TabAddEventArgs): void;
+		/** Triggered before the ribbon tab is created. */
+		tabCreate?(e: TabCreateEventArgs): void;
 
-	/** Triggered when tab is clicked successfully in the ribbon control. */
-	tabClick? (e: TabClickEventArgs): void;
+		/** Triggered after the tab item is removed from the ribbon control. */
+		tabRemove?(e: TabRemoveEventArgs): void;
 
-	/** Triggered before the ribbon tab is created. */
-	tabCreate? (e: TabCreateEventArgs): void;
+		/** Triggered after the ribbon tab item is selected in the ribbon control. */
+		tabSelect?(e: TabSelectEventArgs): void;
 
-	/** Triggered after the tab item is removed from the ribbon control. */
-	tabRemove? (e: TabRemoveEventArgs): void;
+		/** Triggered when the expand/collapse button is clicked successfully . */
+		toggleButtonClick?(e: ToggleButtonClickEventArgs): void;
 
-	/** Triggered after the ribbon tab item is selected in the ribbon control. */
-	tabSelect? (e: TabSelectEventArgs): void;
+		/** Triggered when the QAT menu item is clicked successfully . */
+		qatMenuItemClick?(e: QatMenuItemClickEventArgs): void;
+	}
 
-	/** Triggered when the expand/collapse button is clicked successfully . */
-	toggleButtonClick? (e: ToggleButtonClickEventArgs): void;
+	export interface BeforeTabRemoveEventArgs {
 
-	/** Triggered when the QAT menu item is clicked successfully . */
-	qatMenuItemClick? (e: QatMenuItemClickEventArgs): void;
-}
+		/** Set to true when the event has to be canceled, else false.
+		 */
+		cancel?: boolean;
 
-export interface BeforeTabRemoveEventArgs {
+		/** returns the ribbon 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 ribbon model.
-	*/
-	model?: any;
+		/** returns current tab item index in the ribbon control.
+		 */
+		index?: number;
+	}
 
-	/** returns the name of the event.
-	*/
-	type?: string;
+	export interface CreateEventArgs {
 
-	/** returns current tab item index in the ribbon control.
-	*/
-	index?: number;
-}
+		/** Set to true when the event has to be canceled, else false.
+		 */
+		cancel?: boolean;
 
-export interface CreateEventArgs {
+		/** returns the ribbon 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 ribbon model.
-	*/
-	model?: any;
+	export interface DestroyEventArgs {
 
-	/** 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 ribbon 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 ribbon model.
-	*/
-	model?: any;
+		/** returns current ribbon tab item index
+		 */
+		deleteIndex?: number;
+	}
 
-	/** returns the name of the event.
-	*/
-	type?: string;
+	export interface GroupClickEventArgs {
 
-	/** returns current ribbon tab item index
-	*/
-	deleteIndex?: number;
-}
+		/** Set to true when the event has to be canceled, else false.
+		 */
+		cancel?: boolean;
 
-export interface GroupClickEventArgs {
+		/** returns the ribbon 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 ribbon model.
-	*/
-	model?: any;
+		/** returns the control clicked in the group.
+		 */
+		target?: number;
+	}
 
-	/** returns the name of the event.
-	*/
-	type?: string;
+	export interface GroupExpandEventArgs {
 
-	/** returns the control clicked in the group.
-	*/
-	target?: number;
-}
+		/** Set to true when the event has to be canceled, else false.
+		 */
+		cancel?: boolean;
 
-export interface GroupExpandEventArgs {
+		/** returns the ribbon 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 ribbon model.
-	*/
-	model?: any;
+		/** returns the clicked group expander.
+		 */
+		target?: number;
+	}
 
-	/** returns the name of the event.
-	*/
-	type?: string;
+	export interface GalleryItemClickEventArgs {
 
-	/** returns the clicked group expander.
-	*/
-	target?: number;
-}
+		/** Set to true when the event has to be canceled, else false.
+		 */
+		cancel?: boolean;
 
-export interface GalleryItemClickEventArgs {
+		/** returns the ribbon model.
+		 */
+		model?: any;
 
-	/** Set to true when the event has to be canceled, else false.
-	*/
-	cancel?: boolean;
+		/** returns the gallery model.
+		 */
+		galleryModel?: any;
 
-	/** returns the ribbon model.
-	*/
-	model?: any;
+		/** returns the name of the event.
+		 */
+		type?: string;
 
-	/** returns the gallery model.
-	*/
-	galleryModel?: any;
+		/** returns the item clicked in the gallery.
+		 */
+		target?: number;
+	}
 
-	/** returns the name of the event.
-	*/
-	type?: string;
+	export interface BackstageItemClickEventArgs {
 
-	/** returns the item clicked in the gallery.
-	*/
-	target?: number;
-}
+		/** Set to true when the event has to be canceled, else false.
+		 */
+		cancel?: boolean;
 
-export interface BackstageItemClickEventArgs {
+		/** returns the ribbon 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 ribbon model.
-	*/
-	model?: any;
+		/** returns the item clicked in the gallery.
+		 */
+		target?: number;
 
-	/** returns the name of the event.
-	*/
-	type?: string;
+		/** returns the id of the target item.
+		 */
+		id?: string;
 
-	/** returns the item clicked in the gallery.
-	*/
-	target?: number;
+		/** returns the text of the target item.
+		 */
+		text?: string;
+	}
 
-	/** returns the id of the target item.
-	*/
-	id?: string;
+	export interface CollapseEventArgs {
 
-	/** returns the text of the target item.
-	*/
-	text?: string;
-}
+		/** Set to true when the event has to be canceled, else false.
+		 */
+		cancel?: boolean;
 
-export interface CollapseEventArgs {
+		/** returns the ribbon 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 ribbon model.
-	*/
-	model?: any;
+	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;
 
-export interface ExpandEventArgs {
+		/** returns the ribbon 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 ribbon model.
-	*/
-	model?: 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;
 
-export interface LoadEventArgs {
+		/** returns the ribbon 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 ribbon model.
-	*/
-	model?: any;
+	export interface TabAddEventArgs {
 
-	/** returns the name of the event.
-	*/
-	type?: string;
-}
+		/** Set to true when the event has to be canceled, else false.
+		 */
+		cancel?: boolean;
 
-export interface TabAddEventArgs {
+		/** returns the ribbon 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 ribbon model.
-	*/
-	model?: any;
+		/** returns new added tab header.
+		 */
+		tabHeader?: any;
 
-	/** returns the name of the event.
-	*/
-	type?: string;
+		/** returns new added tab content panel.
+		 */
+		tabContent?: any;
+	}
 
-	/** returns new added tab header.
-	*/
-	tabHeader?: any;
+	export interface TabClickEventArgs {
 
-	/** returns new added tab content panel.
-	*/
-	tabContent?: any;
-}
+		/** Set to true when the event has to be canceled, else false.
+		 */
+		cancel?: boolean;
 
-export interface TabClickEventArgs {
+		/** returns the ribbon 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 ribbon model.
-	*/
-	model?: any;
+		/** returns previous active tab header.
+		 */
+		prevActiveHeader?: any;
 
-	/** returns the name of the event.
-	*/
-	type?: string;
+		/** returns previous active index.
+		 */
+		prevActiveIndex?: number;
 
-	/** returns previous active tab header.
-	*/
-	prevActiveHeader?: any;
+		/** returns current active tab header .
+		 */
+		activeHeader?: any;
 
-	/** returns previous active index.
-	*/
-	prevActiveIndex?: number;
+		/** returns current active index.
+		 */
+		activeIndex?: number;
+	}
 
-	/** returns current active tab header .
-	*/
-	activeHeader?: any;
+	export interface TabCreateEventArgs {
 
-	/** returns current active index.
-	*/
-	activeIndex?: number;
-}
+		/** Set to true when the event has to be canceled, else false.
+		 */
+		cancel?: boolean;
 
-export interface TabCreateEventArgs {
+		/** returns the ribbon 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 ribbon model.
-	*/
-	model?: any;
+		/** returns current ribbon tab item index
+		 */
+		deleteIndex?: number;
+	}
 
-	/** returns the name of the event.
-	*/
-	type?: string;
+	export interface TabRemoveEventArgs {
 
-	/** returns current ribbon tab item index
-	*/
-	deleteIndex?: number;
-}
+		/** Set to true when the event has to be canceled, else false.
+		 */
+		cancel?: boolean;
 
-export interface TabRemoveEventArgs {
+		/** returns the ribbon 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 ribbon model.
-	*/
-	model?: any;
+		/** returns the removed index.
+		 */
+		removedIndex?: number;
+	}
 
-	/** returns the name of the event.
-	*/
-	type?: string;
+	export interface TabSelectEventArgs {
 
-	/** returns the removed index.
-	*/
-	removedIndex?: number;
-}
+		/** Set to true when the event has to be canceled, else false.
+		 */
+		cancel?: boolean;
 
-export interface TabSelectEventArgs {
+		/** returns the ribbon 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 ribbon model.
-	*/
-	model?: any;
+		/** returns previous active tab header.
+		 */
+		prevActiveHeader?: any;
 
-	/** returns the name of the event.
-	*/
-	type?: string;
+		/** returns previous active index.
+		 */
+		prevActiveIndex?: number;
 
-	/** returns previous active tab header.
-	*/
-	prevActiveHeader?: any;
+		/** returns current active tab header .
+		 */
+		activeHeader?: any;
 
-	/** returns previous active index.
-	*/
-	prevActiveIndex?: number;
+		/** returns current active index.
+		 */
+		activeIndex?: number;
+	}
 
-	/** returns current active tab header .
-	*/
-	activeHeader?: any;
+	export interface ToggleButtonClickEventArgs {
 
-	/** returns current active index.
-	*/
-	activeIndex?: number;
-}
+		/** Set to true when the event has to be canceled, else false.
+		 */
+		cancel?: boolean;
 
-export interface ToggleButtonClickEventArgs {
+		/** returns the ribbon 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 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 {
 
-	/** returns the ribbon model.
-	*/
-	model?: any;
+		/** 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 name of the event.
-	*/
-	type?: 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[];
 
-	/** 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 ID of custom items to be placed in the groups.
+		 * @Default {null}
+		 */
+		contentID?: string;
 
-	/** 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 HTML contents to place into the groups.
+		 * @Default {null}
+		 */
+		customContent?: 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 group expander for groups in the ribbon control. Set &quot;true&quot; to enable the group expander.
+		 * @Default {false}
+		 */
+		enableGroupExpander?: boolean;
 
-	/** Specifies the ID of custom items to be placed in the groups.
-	*   @Default {null}
-	*/
-	contentID?: string;
+		/** Sets custom setting to the groups in the ribbon control.
+		 * @Default {Object}
+		 */
+		groupExpanderSettings?: TabsGroupsGroupExpanderSettings;
 
-	/** Specifies the HTML contents to place into the groups.
-	*   @Default {null}
-	*/
-	customContent?: string;
+		/** Specifies the text to the groups in the ribbon control.
+		 * @Default {null}
+		 */
+		text?: string;
 
-	/** Specifies the group expander for groups in the ribbon control. Set &quot;true&quot; to enable the group expander.
-	*   @Default {false}
-	*/
-	enableGroupExpander?: boolean;
+		/** Specifies the custom items such as div, table, controls by using the &quot;custom&quot; type.
+		 * @Default {null}
+		 */
+		type?: string;
+	}
 
-	/** Sets custom setting to the groups in the ribbon control.
-	*   @Default {Object}
-	*/
-	groupExpanderSettings?: TabsGroupsGroupExpanderSettings;
+	export interface Tab {
 
-	/** Specifies the text to the groups in the ribbon control.
-	*   @Default {null}
-	*/
-	text?: string;
+		/** Specifies single group or multiple groups and its contents to each tab in the ribbon control.
+		 * @Default {Array}
+		 */
+		groups?: TabsGroup[];
 
-	/** Specifies the custom items such as div, table, controls by using the &quot;custom&quot; type.
-	*   @Default {null}
-	*/
-	type?: string;
-}
+		/** Specifies the ID for each tab's content panel.
+		 * @Default {null}
+		 */
+		id?: string;
 
-export interface Tab {
+		/** Specifies the text of the tab in the ribbon control.
+		 * @Default {null}
+		 */
+		text?: string;
+	}
 
-	/** Specifies single group or multiple groups and its contents to each tab in the ribbon control.
-	*   @Default {Array}
-	*/
-	groups?: Array<TabsGroup>;
+	enum ItemType {
 
-	/** Specifies the ID for each tab's content panel.
-	*   @Default {null}
-	*/
-	id?: string;
+		///To render the button for ribbon backstage page’s contents
+		Button,
 
-	/** Specifies the text of the tab in the ribbon control.
-	*   @Default {null}
-	*/
-	text?: string;
-}
+		///To render the tab for ribbon backstage page’s contents
+		Tab
+	}
 
-enum ItemType{
 
-	///To render the button for ribbon backstage page’s contents
-	Button,
+	enum ApplicationTabType {
 
-	///To render the tab for ribbon backstage page’s contents
-	Tab
-}
+		///applicationTab display as menu
+		Menu,
 
+		///applicationTab display as backstage
+		Backstage
+	}
 
-enum ApplicationTabType{
 
-	///applicationTab display as menu
-	Menu,
+	enum AlignType {
 
-	///applicationTab display as backstage
-	Backstage
-}
+		///To align the group content's in row
+		Rows,
 
+		///To align group content's in columns
+		Columns
+	}
 
-enum AlignType{
 
-	///To align the group content's in row
-	Rows,
+	enum CustomItemType {
 
-	///To align group content's in columns
-	Columns
-}
+		///Specifies the button type in customGalleryItems
+		Button,
 
+		///Specifies the menu type in customGalleryItems
+		Menu
+	}
 
-enum CustomItemType{
 
-	///Specifies the button type in customGalleryItems
-	Button,
+	enum QuickAccessMode {
 
-	///Specifies the menu type in customGalleryItems
-	Menu
-}
+		///Controls are hidden in Quick Access toolbar
+		None,
 
+		///Add controls in toolBar
+		ToolBar,
 
-enum QuickAccessMode{
+		///Add controls in menu
+		Menu
+	}
 
-	///Controls are hidden in Quick Access toolbar 
-	None,
 
-	///Add controls in toolBar
-	ToolBar,
+	enum Type {
 
-	///Add controls in menu
-	Menu
-}
+		///Specifies the button control
+		Button,
 
+		///Specifies the split button
+		SplitButton,
 
-enum Type{
+		///Specifies the dropDown
+		DropDownList,
 
-	///Specifies the button control
-	Button,
+		///To append external element's
+		Custom,
 
-	///Specifies the split button
-	SplitButton,
+		///Specifies the toggle button
+		ToggleButton,
 
-	///Specifies the dropDown
-	DropDownList,
-
-	///To append external element's
-	Custom,
-
-	///Specifies the toggle button
-	ToggleButton,
-
-	///Specifies the ribbon gallery
-	Gallery
-}
+		///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);
+	constructor(element: JQuery | Element, options?: Kanban.Model);
 	static Locale: any;
-	model:Kanban.Model;
-	defaults:Kanban.Model;
+	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;
+	 * @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}
-	*/
+	 * @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;
+	 * @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}
-	*/
+	 * @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;
+	 * @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>;
+	 * @returns {Array<any>}
+	 */
+	getVisibleColumnNames(): any[];
 
 	/** Get the scroller object of Kanban.
-	*   @returns {ej.Scroller}
-	*/
+	 * @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;
+	 * @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;
+	 * @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;
+	 * @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}
-	*/
+	 * @returns {void}
+	 */
 	print(): void;
 
 	/** Refresh the template of the Kanban
-	*   @returns {void}
-	*/
+	 * @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}
-	*/
+	 * @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;
+	 * @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: Array<any>): void;
+	 * @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;
 
@@ -13266,25650 +13298,25294 @@ class Kanban extends ej.Widget {
 
 	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;
+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;
 
-	/** 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 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;
 
-	/** 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[];
 
-	/** 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;
 
-	/** 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 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;
 
-	/** 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 before its starts. */
-	actionBegin? (e: ActionBeginEventArgs): void;
+		/** Triggered for every Kanban action success event. */
+		actionComplete?(e: ActionCompleteEventArgs): 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 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 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 going to be added */
-	beginAdd? (e: BeginAddEventArgs): void;
+		/** Triggered before the card is selected. */
+		beforeCardSelect?(e: BeforeCardSelectEventArgs): void;
 
-	/** Triggered before the card is selected. */
-	beforeCardSelect? (e: BeforeCardSelectEventArgs): void;
+		/** Trigger after the card is clicked. */
+		cardClick?(e: CardClickEventArgs): void;
 
-	/** Trigger after the card is clicked. */
-	cardClick? (e: CardClickEventArgs): void;
+		/** Triggered when the card is being dragged. */
+		cardDrag?(e: CardDragEventArgs): 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 start. */
-	cardDragStart? (e: CardDragStartEventArgs): void;
+		/** Triggered when card dragging stops. */
+		cardDragStop?(e: CardDragStopEventArgs): void;
 
-	/** Triggered when card dragging stops. */
-	cardDragStop? (e: CardDragStopEventArgs): void;
+		/** Triggered when the card is Dropped. */
+		cardDrop?(e: CardDropEventArgs): void;
 
-	/** Triggered when the card is Dropped. */
-	cardDrop? (e: CardDropEventArgs): void;
+		/** Triggered after the card is selected. */
+		cardSelect?(e: CardSelectEventArgs): void;
 
-	/** Triggered after the card is selected. */
-	cardSelect? (e: CardSelectEventArgs): void;
+		/** Triggered when card is double clicked. */
+		cardDoubleClick?(e: CardDoubleClickEventArgs): void;
 
-	/** Triggered when card is double clicked. */
-	cardDoubleClick? (e: CardDoubleClickEventArgs): void;
+		/** Triggered before the card is selected. */
+		cardSelecting?(e: CardSelectingEventArgs): void;
 
-	/** Triggered before the card is selected. */
-	cardSelecting? (e: CardSelectingEventArgs): void;
+		/** Triggered when the Kanban is rendered completely */
+		create?(e: CreateEventArgs): void;
 
-	/** Triggered when the Kanban is rendered completely */
-	create? (e: CreateEventArgs): void;
+		/** Triggers after the cell is clicked. */
+		cellClick?(e: CellClickEventArgs): void;
 
-	/** Triggers after the cell is clicked. */
-	cellClick? (e: CellClickEventArgs): void;
+		/** Triggered before the context menu is opened. */
+		contextOpen?(e: ContextOpenEventArgs): 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 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 the Kanban is bound with data during initial rendering. */
-	dataBound? (e: DataBoundEventArgs): void;
+		/** Triggered when Kanban going to destroy. */
+		destroy?(e: DestroyEventArgs): 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 deleted. */
-	endDelete? (e: EndDeleteEventArgs): void;
+		/** Triggered after the card is edited. */
+		endEdit?(e: EndEditEventArgs): void;
 
-	/** Triggered after the card is edited. */
-	endEdit? (e: EndEditEventArgs): void;
+		/** Triggers after the header is clicked. */
+		headerClick?(e: HeaderClickEventArgs): void;
 
-	/** Triggers after the header is clicked. */
-	headerClick? (e: HeaderClickEventArgs): void;
+		/** Triggered initial load. */
+		load?(e: LoadEventArgs): void;
 
-	/** Triggered initial load. */
-	load? (e: LoadEventArgs): void;
+		/** Triggered every time a single card rendered request is made to access particular card information. */
+		queryCellInfo?(e: QueryCellInfoEventArgs): void;
 
-	/** Triggers before swim lane expand or collapse icon is clicked. */
-	swimlaneClick? (e: SwimlaneClickEventArgs): void;
+		/** Triggered when toolbar item is clicked in Kanban. */
+		toolbarClick?(e: ToolbarClickEventArgs): void;
+	}
 
-	/** Triggered every time a single card rendered request is made to access particular card information. */
-	queryCellInfo? (e: QueryCellInfoEventArgs): void;
+	export interface ActionBeginEventArgs {
 
-	/** Triggered when toolbar item is clicked in Kanban. */
-	toolbarClick? (e: ToolbarClickEventArgs): void;
-}
+		/** Returns the Kanban model.
+		 */
+		model?: any;
 
-export interface ActionBeginEventArgs {
+		/** Returns the name of the event.
+		 */
+		type?: string;
 
-	/** Returns the Kanban model.
-	*/
-	model?: any;
+		/** Returns the cancel option value.
+		 */
+		cancel?: boolean;
 
-	/** Returns the name of the event.
-	*/
-	type?: string;
+		/** Returns the current action event type.
+		 */
+		originalEventType?: string;
 
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
+		/** Returns primary key value.
+		 */
+		primaryKeyValue?: string;
 
-	/** Returns the current action event type.
-	*/
-	originalEventType?: string;
+		/** Returns request type.
+		 */
+		requestType?: string;
 
-	/** Returns primary key value.
-	*/
-	primaryKeyValue?: string;
+		/** Returns the edited row index.
+		 */
+		rowIndex?: number;
 
-	/** Returns request type.
-	*/
-	requestType?: string;
+		/** Returns the card object (JSON).
+		 */
+		data?: any;
 
-	/** Returns the edited row index.
-	*/
-	rowIndex?: number;
+		/** Returns current filtering object field name.
+		 */
+		currentFilteringobject?: any;
 
-	/** Returns the card object (JSON).
-	*/
-	data?: any;
+		/** Returns filter details.
+		 */
+		filterCollection?: any;
+	}
 
-	/** Returns current filtering object field name.
-	*/
-	currentFilteringobject?: any;
+	export interface ActionCompleteEventArgs {
 
-	/** Returns filter details.
-	*/
-	filterCollection?: any;
-}
+		/** Returns the cancel option value.
+		 */
+		cancel?: boolean;
 
-export interface ActionCompleteEventArgs {
+		/** Returns the Kanban model.
+		 */
+		model?: any;
 
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
+		/** Returns request type.
+		 */
+		requestType?: string;
 
-	/** Returns the Kanban model.
-	*/
-	model?: any;
+		/** Returns the name of the event.
+		 */
+		type?: string;
 
-	/** Returns request type.
-	*/
-	requestType?: string;
+		/** Returns current action event type.
+		 */
+		originalEventType?: string;
 
-	/** Returns the name of the event.
-	*/
-	type?: string;
+		/** Returns primary key.
+		 */
+		primaryKey?: string;
 
-	/** Returns current action event type.
-	*/
-	originalEventType?: string;
+		/** Returns primary key value.
+		 */
+		primaryKeyValue?: string;
 
-	/** Returns primary key.
-	*/
-	primaryKey?: string;
+		/** Returns Kanban element.
+		 */
+		target?: any;
 
-	/** Returns primary key value.
-	*/
-	primaryKeyValue?: string;
+		/** Returns the card object (JSON).
+		 */
+		data?: any;
 
-	/** Returns Kanban element.
-	*/
-	target?: any;
+		/** Returns the selectedRow index.
+		 */
+		selectedRow?: number;
 
-	/** Returns the card object (JSON).
-	*/
-	data?: any;
+		/** Returns current filtering column field name.
+		 */
+		currentFilteringColumn?: string;
 
-	/** Returns the selectedRow index.
-	*/
-	selectedRow?: number;
+		/** Returns filter details.
+		 */
+		filterCollection?: any;
+	}
 
-	/** Returns current filtering column field name.
-	*/
-	currentFilteringColumn?: string;
+	export interface ActionFailureEventArgs {
 
-	/** Returns filter details.
-	*/
-	filterCollection?: any;
-}
+		/** Returns the cancel option value.
+		 */
+		cancel?: boolean;
 
-export interface ActionFailureEventArgs {
+		/** Returns the Kanban model.
+		 */
+		model?: any;
 
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
+		/** Returns request type.
+		 */
+		requestType?: string;
 
-	/** Returns the Kanban model.
-	*/
-	model?: any;
+		/** Returns the name of the event.
+		 */
+		type?: string;
 
-	/** Returns request type.
-	*/
-	requestType?: string;
+		/** Returns the error return by server.
+		 */
+		error?: any;
 
-	/** Returns the name of the event.
-	*/
-	type?: string;
+		/** Returns current action event type.
+		 */
+		originalEventType?: string;
 
-	/** Returns the error return by server.
-	*/
-	error?: any;
+		/** Returns primary key value.
+		 */
+		primaryKeyValue?: string;
 
-	/** Returns current action event type.
-	*/
-	originalEventType?: string;
+		/** Returns Kanban element.
+		 */
+		target?: any;
 
-	/** Returns primary key value.
-	*/
-	primaryKeyValue?: string;
+		/** Returns the card object (JSON).
+		 */
+		data?: any;
 
-	/** Returns Kanban element.
-	*/
-	target?: any;
+		/** Returns current filtering column field name.
+		 */
+		currentFilteringColumn?: string;
 
-	/** Returns the card object (JSON).
-	*/
-	data?: any;
+		/** Returns filter details.
+		 */
+		filterCollection?: any;
+	}
 
-	/** Returns current filtering column field name.
-	*/
-	currentFilteringColumn?: string;
+	export interface BeginEditEventArgs {
 
-	/** Returns filter details.
-	*/
-	filterCollection?: any;
-}
+		/** Returns the cancel option value.
+		 */
+		cancel?: boolean;
 
-export interface BeginEditEventArgs {
+		/** Returns the Kanban model.
+		 */
+		model?: any;
 
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
+		/** Returns primary key value.
+		 */
+		primaryKeyValue?: string;
 
-	/** Returns the Kanban model.
-	*/
-	model?: any;
+		/** Returns begin edit data.
+		 */
+		data?: any;
 
-	/** Returns primary key value.
-	*/
-	primaryKeyValue?: string;
+		/** Returns the name of the event.
+		 */
+		type?: string;
+	}
 
-	/** Returns begin edit data.
-	*/
-	data?: any;
+	export interface BeginAddEventArgs {
 
-	/** Returns the name of the event.
-	*/
-	type?: string;
-}
+		/** Returns the Kanban model.
+		 */
+		model?: any;
 
-export interface BeginAddEventArgs {
+		/** Returns primary key value.
+		 */
+		primaryKeyValue?: string;
 
-	/** Returns the Kanban model.
-	*/
-	model?: any;
+		/** Returns beginAdd data.
+		 */
+		data?: any;
 
-	/** Returns primary key value.
-	*/
-	primaryKeyValue?: string;
+		/** Returns the name of the event.
+		 */
+		type?: string;
+	}
 
-	/** Returns beginAdd data.
-	*/
-	data?: any;
+	export interface BeforeCardSelectEventArgs {
 
-	/** Returns the name of the event.
-	*/
-	type?: string;
-}
+		/** Returns the cancel option value.
+		 */
+		cancel?: boolean;
 
-export interface BeforeCardSelectEventArgs {
+		/** Returns the select cell index value.
+		 */
+		cellIndex?: number;
 
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
+		/** Returns the select card index value.
+		 */
+		cardIndex?: number;
 
-	/** Returns the select cell index value.
-	*/
-	cellIndex?: number;
+		/** Returns the select cell element
+		 */
+		currentCell?: any;
 
-	/** Returns the select card index value.
-	*/
-	cardIndex?: number;
+		/** Returns the previously select the card element
+		 */
+		previousCard?: any;
 
-	/** Returns the select cell element
-	*/
-	currentCell?: any;
+		/** Returns the previously select card indexes
+		 */
+		previousRowcellindex?: any[];
 
-	/** Returns the previously select the card element
-	*/
-	previousCard?: any;
+		/** Returns the Target item.
+		 */
+		Target?: any;
 
-	/** Returns the previously select card indexes
-	*/
-	previousRowcellindex?: Array<any>;
+		/** Returns the Kanban model.
+		 */
+		model?: any;
 
-	/** Returns the Target item.
-	*/
-	Target?: any;
+		/** Returns select card data.
+		 */
+		data?: any;
 
-	/** Returns the Kanban model.
-	*/
-	model?: any;
+		/** Returns the name of the event.
+		 */
+		type?: string;
+	}
 
-	/** Returns select card data.
-	*/
-	data?: any;
+	export interface CardClickEventArgs {
 
-	/** Returns the name of the event.
-	*/
-	type?: string;
-}
+		/** Returns the cancel option value.
+		 */
+		cancel?: boolean;
 
-export interface CardClickEventArgs {
+		/** Returns current record object (JSON).
+		 */
+		data?: any;
 
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
+		/** Returns the current card to the Kanban.
+		 */
+		currentCard?: string;
 
-	/** Returns current record object (JSON).
-	*/
-	data?: any;
+		/** Returns Kanban element.
+		 */
+		target?: any;
 
-	/** Returns the current card to the Kanban.
-	*/
-	currentCard?: string;
+		/** Returns the Kanban model.
+		 */
+		model?: any;
 
-	/** Returns Kanban element.
-	*/
-	target?: any;
+		/** Returns the Header text of the column corresponding to the selected card.
+		 */
+		columnName?: string;
 
-	/** 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;
+	export interface CardDragEventArgs {
 
-	/** Returns the name of the event.
-	*/
-	type?: string;
-}
+		/** Returns the cancel option value.
+		 */
+		cancel?: boolean;
 
-export interface CardDragEventArgs {
+		/** Returns drag data.
+		 */
+		data?: any;
 
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
+		/** Returns drag start element.
+		 */
+		dragtarget?: any;
 
-	/** Returns drag data.
-	*/
-	data?: any;
+		/** Returns dragged element.
+		 */
+		draggedElement?: any;
 
-	/** Returns drag start element.
-	*/
-	dragtarget?: any;
+		/** Returns the Kanban model.
+		 */
+		model?: any;
 
-	/** Returns dragged element.
-	*/
-	draggedElement?: any;
+		/** Returns the name of the event.
+		 */
+		type?: string;
+	}
 
-	/** Returns the Kanban model.
-	*/
-	model?: any;
+	export interface CardDragStartEventArgs {
 
-	/** Returns the name of the event.
-	*/
-	type?: string;
-}
+		/** Returns the cancel option value.
+		 */
+		cancel?: boolean;
 
-export interface CardDragStartEventArgs {
+		/** Returns card drag start data.
+		 */
+		data?: any;
 
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
+		/** Returns dragged element.
+		 */
+		draggedElement?: any;
 
-	/** Returns card drag start data.
-	*/
-	data?: any;
+		/** Returns the Kanban model.
+		 */
+		model?: any;
 
-	/** Returns dragged element.
-	*/
-	draggedElement?: any;
+		/** Returns drag start element.
+		 */
+		dragtarget?: any;
 
-	/** Returns the Kanban model.
-	*/
-	model?: any;
+		/** Returns the name of the event.
+		 */
+		type?: string;
+	}
 
-	/** Returns drag start element.
-	*/
-	dragtarget?: any;
+	export interface CardDragStopEventArgs {
 
-	/** Returns the name of the event.
-	*/
-	type?: string;
-}
+		/** Returns the cancel option value.
+		 */
+		cancel?: boolean;
 
-export interface CardDragStopEventArgs {
+		/** Returns dragged element.
+		 */
+		draggedElement?: any;
 
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
+		/** Returns the Kanban model.
+		 */
+		model?: any;
 
-	/** Returns dragged element.
-	*/
-	draggedElement?: any;
+		/** Returns drag stop element.
+		 */
+		droptarget?: any;
 
-	/** Returns the Kanban model.
-	*/
-	model?: any;
+		/** Returns drag stop data.
+		 */
+		data?: any;
 
-	/** Returns drag stop element.
-	*/
-	droptarget?: any;
+		/** Returns the name of the event.
+		 */
+		type?: string;
+	}
 
-	/** Returns drag stop data.
-	*/
-	data?: any;
+	export interface CardDropEventArgs {
 
-	/** Returns the name of the event.
-	*/
-	type?: string;
-}
+		/** Returns the cancel option value.
+		 */
+		cancel?: boolean;
 
-export interface CardDropEventArgs {
+		/** Returns dragged element.
+		 */
+		draggedElement?: any;
 
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
+		/** Returns previous parent of dragged element
+		 */
+		draggedParent?: any;
 
-	/** Returns dragged element.
-	*/
-	draggedElement?: any;
+		/** Returns dragged data.
+		 */
+		data?: any;
 
-	/** Returns previous parent of dragged element
-	*/
-	draggedParent?: any;
+		/** Returns the Kanban model.
+		 */
+		model?: any;
 
-	/** Returns dragged data.
-	*/
-	data?: any;
+		/** Returns drop element.
+		 */
+		target?: any;
 
-	/** Returns the Kanban model.
-	*/
-	model?: any;
+		/** Returns the name of the event.
+		 */
+		type?: string;
+	}
 
-	/** Returns drop element.
-	*/
-	target?: any;
+	export interface CardSelectEventArgs {
 
-	/** Returns the name of the event.
-	*/
-	type?: string;
-}
+		/** Returns the select cell index value.
+		 */
+		cellIndex?: number;
 
-export interface CardSelectEventArgs {
+		/** Returns the select card index value.
+		 */
+		cardIndex?: number;
 
-	/** Returns the select cell index value.
-	*/
-	cellIndex?: number;
+		/** Returns the select cell element
+		 */
+		currentCell?: any;
 
-	/** Returns the select card index value.
-	*/
-	cardIndex?: number;
+		/** Returns the cancel option value.
+		 */
+		cancel?: boolean;
 
-	/** Returns the select cell element
-	*/
-	currentCell?: any;
+		/** Returns the previously select the card element
+		 */
+		previousCard?: any;
 
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
+		/** Returns the previously select card indexes
+		 */
+		previousRowcellindex?: any[];
 
-	/** Returns the previously select the card element
-	*/
-	previousCard?: any;
+		/** Returns the current item.
+		 */
+		currentTarget?: any;
 
-	/** Returns the previously select card indexes
-	*/
-	previousRowcellindex?: Array<any>;
+		/** Returns the Kanban model.
+		 */
+		model?: any;
 
-	/** Returns the current item.
-	*/
-	currentTarget?: any;
+		/** Returns select card data.
+		 */
+		data?: any;
 
-	/** Returns the Kanban model.
-	*/
-	model?: any;
+		/** Returns the name of the event.
+		 */
+		type?: string;
+	}
 
-	/** Returns select card data.
-	*/
-	data?: any;
+	export interface CardDoubleClickEventArgs {
 
-	/** Returns the name of the event.
-	*/
-	type?: string;
-}
+		/** Returns the cancel option value.
+		 */
+		cancel?: boolean;
 
-export interface CardDoubleClickEventArgs {
+		/** Returns current card object (JSON).
+		 */
+		data?: any;
 
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
+		/** Returns the Kanban model.
+		 */
+		model?: any;
 
-	/** Returns current card object (JSON).
-	*/
-	data?: any;
+		/** Returns the name of the event.
+		 */
+		type?: string;
+	}
 
-	/** Returns the Kanban model.
-	*/
-	model?: any;
+	export interface CardSelectingEventArgs {
 
-	/** Returns the name of the event.
-	*/
-	type?: string;
-}
+		/** Returns the selecting cell index value.
+		 */
+		cellIndex?: number;
 
-export interface CardSelectingEventArgs {
+		/** Returns the selecting card index value.
+		 */
+		cardIndex?: number;
 
-	/** Returns the selecting cell index value.
-	*/
-	cellIndex?: number;
+		/** Returns the selecting cell element
+		 */
+		currentCell?: any;
 
-	/** Returns the selecting card index value.
-	*/
-	cardIndex?: number;
+		/** Returns the cancel option value.
+		 */
+		cancel?: boolean;
 
-	/** Returns the selecting cell element
-	*/
-	currentCell?: any;
+		/** Returns the previously selecting the card element
+		 */
+		previousCard?: any;
 
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
+		/** Returns the previously rowcell is selecting card indexes
+		 */
+		previousRowcellindex?: any[];
 
-	/** Returns the previously selecting the card element
-	*/
-	previousCard?: any;
+		/** Returns the current item.
+		 */
+		currentTarget?: any;
 
-	/** Returns the previously rowcell is selecting card indexes
-	*/
-	previousRowcellindex?: Array<any>;
+		/** Returns the Kanban model.
+		 */
+		model?: any;
 
-	/** Returns the current item.
-	*/
-	currentTarget?: any;
+		/** Returns added data.
+		 */
+		data?: any;
 
-	/** Returns the Kanban model.
-	*/
-	model?: any;
+		/** Returns the name of the event.
+		 */
+		type?: string;
+	}
 
-	/** Returns added data.
-	*/
-	data?: any;
+	export interface CreateEventArgs {
 
-	/** Returns the name of the event.
-	*/
-	type?: string;
-}
+		/** Returns the cancel option value.
+		 */
+		cancel?: boolean;
 
-export interface CreateEventArgs {
+		/** Returns the kanban model.
+		 */
+		model?: any;
 
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
+		/** Returns the name of the event.
+		 */
+		type?: string;
+	}
 
-	/** Returns the kanban model.
-	*/
-	model?: any;
+	export interface CellClickEventArgs {
 
-	/** Returns the name of the event.
-	*/
-	type?: string;
-}
+		/** Returns the cancel option value.
+		 */
+		cancel?: boolean;
 
-export interface CellClickEventArgs {
+		/** Returns the kanban 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 select cell index value.
+		 */
+		cellIndex?: number;
 
-	/** Returns the name of the event.
-	*/
-	type?: string;
+		/** Returns the edited row index.
+		 */
+		rowIndex?: number;
+	}
 
-	/** Returns the select cell index value.
-	*/
-	cellIndex?: number;
+	export interface ContextOpenEventArgs {
 
-	/** Returns the edited row index.
-	*/
-	rowIndex?: number;
-}
+		/** Returns the cancel option value.
+		 */
+		cancel?: boolean;
 
-export interface ContextOpenEventArgs {
+		/** Returns the Kanban 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 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;
 
-	/** Returns the current item.
-	*/
-	currentTarget?: any;
+		/** Returns the target item.
+		 */
+		target?: any;
+	}
 
-	/** Returns the status of contextmenu item which denotes its enabled state.
-	*/
-	status?: boolean;
+	export interface ContextClickEventArgs {
 
-	/** Returns the target item.
-	*/
-	target?: any;
-}
+		/** Returns the cancel option value.
+		 */
+		cancel?: boolean;
 
-export interface ContextClickEventArgs {
+		/** Returns the Kanban 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 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;
 
-	/** Returns the current item.
-	*/
-	currentTarget?: any;
+		/** Returns the target item.
+		 */
+		target?: any;
+	}
 
-	/** Returns the status of contextmenu item which denotes its enabled state.
-	*/
-	status?: boolean;
+	export interface DataBoundEventArgs {
 
-	/** Returns the target item.
-	*/
-	target?: any;
-}
+		/** Returns the cancel option value.
+		 */
+		cancel?: boolean;
 
-export interface DataBoundEventArgs {
+		/** Returns the Kanban model.
+		 */
+		model?: any;
 
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
+		/** Returns the name of the event.
+		 */
+		type?: string;
+	}
 
-	/** Returns the Kanban model.
-	*/
-	model?: any;
+	export interface DestroyEventArgs {
 
-	/** Returns the name of the event.
-	*/
-	type?: string;
-}
+		/** Returns the kanban model.
+		 */
+		model?: any;
 
-export interface DestroyEventArgs {
+		/** Returns deleted data.
+		 */
+		data?: any;
 
-	/** Returns the kanban model.
-	*/
-	model?: any;
+		/** Returns the name of the event.
+		 */
+		type?: string;
+	}
 
-	/** Returns deleted data.
-	*/
-	data?: any;
+	export interface EndDeleteEventArgs {
 
-	/** Returns the name of the event.
-	*/
-	type?: string;
-}
+		/** Returns the Kanban model.
+		 */
+		model?: any;
 
-export interface EndDeleteEventArgs {
+		/** Returns request type.
+		 */
+		requestType?: string;
 
-	/** Returns the Kanban model.
-	*/
-	model?: any;
+		/** Returns the cancel option value.
+		 */
+		cancel?: boolean;
 
-	/** Returns request type.
-	*/
-	requestType?: string;
+		/** Returns deleted  data.
+		 */
+		data?: any;
 
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
+		/** Returns the name of the event.
+		 */
+		type?: string;
 
-	/** Returns deleted  data.
-	*/
-	data?: any;
+		/** Current action name
+		 */
+		action?: string;
+	}
 
-	/** Returns the name of the event.
-	*/
-	type?: string;
+	export interface EndEditEventArgs {
 
-	/** Current action name
-	*/
-	action?: string;
-}
+		/** Returns the Kanban model.
+		 */
+		model?: any;
 
-export interface EndEditEventArgs {
+		/** Returns request type.
+		 */
+		requestType?: string;
 
-	/** Returns the Kanban model.
-	*/
-	model?: any;
+		/** Returns the cancel option value.
+		 */
+		cancel?: boolean;
 
-	/** Returns request type.
-	*/
-	requestType?: string;
+		/** Returns modified data.
+		 */
+		data?: any;
 
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
+		/** Returns the name of the event.
+		 */
+		type?: string;
 
-	/** Returns modified data.
-	*/
-	data?: any;
+		/** Current Action name
+		 */
+		action?: string;
+	}
 
-	/** Returns the name of the event.
-	*/
-	type?: string;
+	export interface HeaderClickEventArgs {
 
-	/** Current Action name
-	*/
-	action?: string;
-}
+		/** Returns the cancel option value.
+		 */
+		cancel?: boolean;
 
-export interface HeaderClickEventArgs {
+		/** Returns the kanban 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 select cell index value.
+		 */
+		cellIndex?: number;
 
-	/** Returns the name of the event.
-	*/
-	type?: string;
+		/** Returns the column object.
+		 */
+		columnData?: any;
+	}
 
-	/** Returns the select cell index value.
-	*/
-	cellIndex?: number;
+	export interface LoadEventArgs {
 
-	/** Returns the column object.
-	*/
-	columnData?: any;
-}
+		/** Returns the kanban model.
+		 */
+		model?: any;
 
-export interface LoadEventArgs {
+		/** Returns the cancel option value.
+		 */
+		cancel?: boolean;
 
-	/** Returns the kanban model.
-	*/
-	model?: any;
+		/** Returns the name of the event.
+		 */
+		type?: string;
+	}
 
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
+	export interface QueryCellInfoEventArgs {
 
-	/** Returns the name of the event.
-	*/
-	type?: string;
-}
+		/** Returns Kanban card.
+		 */
+		card?: any;
 
-export interface SwimlaneClickEventArgs {
+		/** Returns Kanban card.
+		 */
+		cell?: any;
 
-	/** Current Action name while swim lane clicked. Actions are "expand" or "collapse"
-	*/
-	action?: string;
+		/** Returns the cancel option value.
+		 */
+		cancel?: boolean;
 
-	/** Returns the kanban model.
-	*/
-	model?: any;
+		/** Returns current row record object (JSON).
+		 */
+		data?: any;
 
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
+		/** Returns the column object.
+		 */
+		column?: any;
 
-	/** Returns the name of the event.
-	*/
-	type?: string;
+		/** Returns the Kanban model.
+		 */
+		model?: any;
 
-	/** Returns the swim lane group data's.
-	*/
-	data?: any;
+		/** Returns the name of the event.
+		 */
+		type?: string;
+	}
 
-	/** Returns current swim lane row index.
-	*/
-	rowIndex?: number;
+	export interface ToolbarClickEventArgs {
 
-	/** Returns current target element.
-	*/
-	target?: any;
-}
+		/** Returns the cancel option value.
+		 */
+		cancel?: boolean;
 
-export interface QueryCellInfoEventArgs {
+		/** Returns the current item.
+		 */
+		currentTarget?: any;
+
+		/** Returns the item id of that current element.
+		 */
+		itemId?: string;
 
-	/** Returns Kanban card.
-	*/
-	card?: any;
+		/** Returns the item index of that current element.
+		 */
+		itemIndex?: number;
+
+		/** Returns the item name of that current element.
+		 */
+		itemName?: string;
 
-	/** Returns Kanban card.
-	*/
-	cell?: any;
+		/** Returns the item text of that current element.
+		 */
+		itemText?: string;
 
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
+		/** 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[];
 
-	/** Returns current row record object (JSON).
-	*/
-	data?: any;
+		/** To customize the searching string.
+		 */
+		key?: string;
 
-	/** Returns the column object.
-	*/
-	column?: any;
+		/** To customize the operator based on searching.
+		 * @Default {contains}
+		 */
+		operator?: string;
 
-	/** Returns the Kanban model.
-	*/
-	model?: any;
+		/** To customize the ignore case based on searching.
+		 * @Default {true}
+		 */
+		ignoreCase?: boolean;
+	}
 
-	/** Returns the name of the event.
-	*/
-	type?: string;
-}
+	export interface StackedHeaderRowsStackedHeaderColumn {
 
-export interface ToolbarClickEventArgs {
+		/** Gets or sets a value that indicates the headerText 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 column for the particular stacked header column.
+		 * @Default {null}
+		 */
+		column?: string;
+	}
 
-	/** Returns the current item.
-	*/
-	currentTarget?: any;
-
-	/** Returns the item id of that current element.
-	*/
-	itemId?: string;
+	export interface StackedHeaderRow {
 
-	/** Returns the item index of that current element.
-	*/
-	itemIndex?: number;
-
-	/** Returns the item name of that current element.
-	*/
-	itemName?: string;
+		/** Gets or sets a value that indicates whether to add stacked header columns into the stacked header rows.
+		 * @Default {Array}
+		 */
+		stackedHeaderColumns?: StackedHeaderRowsStackedHeaderColumn[];
+	}
 
-	/** 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>;
+	export interface TooltipSettings {
 
-	/** To customize the searching string.
-	*/
-	key?: string;
+		/** To enable or disable the tooltip display.
+		 * @Default {false}
+		 */
+		enable?: boolean;
 
-	/** To customize the operator based on searching.
-	*   @Default {contains}
-	*/
-	operator?: string;
+		/** To customize the tooltip display based on your requirements.
+		 * @Default {null}
+		 */
+		template?: string;
+	}
 
-	/** To customize the ignore case based on searching.
-	*   @Default {true}
-	*/
-	ignoreCase?: boolean;
-}
+	export interface Workflow {
 
-export interface StackedHeaderRowsStackedHeaderColumn {
+		/** Gets or sets an object that indicates to render the Kanban with specified workflows key.
+		 * @Default {null}
+		 */
+		key?: string | number;
 
-	/** Gets or sets a value that indicates the headerText for the particular stacked header column.
-	*   @Default {null}
-	*/
-	headerText?: string;
+		/** Gets or sets an object that indicates to render the Kanban with specified workflows allowed Transitions.
+		 * @Default {null}
+		 */
+		allowedTransitions?: string;
+	}
 
-	/** Gets or sets a value that indicates the column for the particular stacked header column.
-	*   @Default {null}
-	*/
-	column?: string;
-}
+	enum Target {
 
-export interface StackedHeaderRow {
+		///Sets context menu to Kanban header
+		Header,
 
-	/** Gets or sets a value that indicates whether to add stacked header columns into the stacked header rows.
-	*   @Default {Array}
-	*/
-	stackedHeaderColumns?: Array<StackedHeaderRowsStackedHeaderColumn>;
-}
+		///Sets context menu to Kanban content
+		Content,
 
-export interface TooltipSettings {
+		///Sets context menu to Kanban card
+		Card,
 
-	/** To enable or disable the tooltip display.
-	*   @Default {false}
-	*/
-	enable?: boolean;
+		///Sets context menu to Kanban
+		All
+	}
 
-	/** To customize the tooltip display based on your requirements.
-	*   @Default {null}
-	*/
-	template?: string;
-}
 
-export interface Workflow {
+	enum EditMode {
 
-	/** Gets or sets an object that indicates to render the Kanban with specified workflows key.
-	*   @Default {null}
-	*/
-	key?: string|number;
+		///Creates Kanban with editMode as Dialog
+		Dialog,
 
-	/** Gets or sets an object that indicates to render the Kanban with specified workflows allowed Transitions.
-	*   @Default {null}
-	*/
-	allowedTransitions?: string;
-}
+		///Creates Kanban with editMode as DialogTemplate
+		DialogTemplate,
 
-enum Target{
+		///Creates Kanban with editMode as ExternalForm
+		ExternalForm,
 
-	///Sets context menu to Kanban header
-	Header,
+		///Creates Kanban with editMode as ExternalFormTemplate
+		ExternalFormTemplate
+	}
 
-	///Sets context menu to Kanban content
-	Content,
 
-	///Sets context menu to Kanban card
-	Card,
+	enum EditingType {
 
-	///Sets context menu to Kanban
-	All
-}
+		///Allows to set edit type as string edit type
+		String,
 
+		///Allows to set edit type as numeric edit type
+		Numeric,
 
-enum EditMode{
+		///Allows to set edit type as drop down edit type
+		Dropdown,
 
-	///Creates Kanban with editMode as Dialog
-	Dialog,
+		///Allows to set edit type as date picker edit type
+		DatePicker,
 
-	///Creates Kanban with editMode as DialogTemplate
-	DialogTemplate,
+		///Allows to set edit type as date time picker edit type
+		DateTimePicker,
 
-	///Creates Kanban with editMode as ExternalForm
-	ExternalForm,
+		///Allows to set edit type as text area edit type
+		TextArea,
 
-	///Creates Kanban with editMode as ExternalFormTemplate
-	ExternalFormTemplate
-}
+		///Allows to set edit type as RTE edit type
+		RTE
+	}
 
 
-enum EditingType{
+	enum FormPosition {
 
-	///Allows to set edit type as string edit type
-	String,
+		///Form position is bottom.
+		Bottom,
 
-	///Allows to set edit type as numeric edit type 
-	Numeric,
+		///Form position is right.
+		Right
+	}
 
-	///Allows to set edit type as drop down edit type
-	Dropdown,
 
-	///Allows to set edit type as date picker edit type
-	DatePicker,
+	enum SelectionType {
 
-	///Allows to set edit type as date time picker edit type
-	DateTimePicker,
+		///Support for Single selection in Kanban
+		Single,
 
-	///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
-}
+		///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);
+	constructor(element: JQuery | Element, options?: Rotator.Model);
 	static Locale: any;
-	model:Rotator.Model;
-	defaults:Rotator.Model;
+	model: Rotator.Model;
+	defaults: Rotator.Model;
 
 	/** Disables the Rotator control.
-	*   @returns {void}
-	*/
+	 * @returns {void}
+	 */
 	disable(): void;
 
 	/** Enables the Rotator control.
-	*   @returns {void}
-	*/
+	 * @returns {void}
+	 */
 	enable(): void;
 
 	/** This method is used to get the current slide index.
-	*   @returns {number}
-	*/
+	 * @returns {number}
+	 */
 	getIndex(): number;
 
 	/** This method is used to move a slide to the specified index.
-	*   @param {number} index of an slide
-	*   @returns {void}
-	*/
+	 * @param {number} index of an slide
+	 * @returns {void}
+	 */
 	gotoIndex(index: number): void;
 
 	/** This method is used to pause autoplay.
-	*   @returns {void}
-	*/
+	 * @returns {void}
+	 */
 	pause(): void;
 
 	/** This method is used to move slides continuously (or start autoplay) in the specified autoplay direction.
-	*   @returns {void}
-	*/
+	 * @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}
-	*/
+	 * @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}
-	*/
+	 * @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}
-	*/
+	 * @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;
+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 {
 
-	/** 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;
-}
+		/** if the event should be canceled; otherwise, false.
+		 */
+		cancel?: boolean;
 
-export interface ChangeEventArgs {
+		/** 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 rotator model
-	*/
-	model?: ej.Rotator.Model;
+		/** the current rotator id.
+		 */
+		itemId?: string;
 
-	/** returns the name of the event
-	*/
-	type?: string;
+		/** returns the current slide index.
+		 */
+		activeItemIndex?: number;
+	}
 
-	/** the current rotator id.
-	*/
-	itemId?: string;
+	export interface CreateEventArgs {
 
-	/** returns the current slide index.
-	*/
-	activeItemIndex?: number;
-}
+		/** if the event should be canceled; otherwise, false.
+		 */
+		cancel?: boolean;
 
-export interface CreateEventArgs {
+		/** 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 rotator model
-	*/
-	model?: ej.Rotator.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 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 rotator model
-	*/
-	model?: ej.Rotator.Model;
+	export interface PagerClickEventArgs {
 
-	/** returns the name of the event
-	*/
-	type?: string;
-}
+		/** if the event should be canceled; otherwise, false.
+		 */
+		cancel?: boolean;
 
-export interface PagerClickEventArgs {
+		/** 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 rotator model
-	*/
-	model?: ej.Rotator.Model;
+		/** the current rotator id.
+		 */
+		itemId?: string;
 
-	/** returns the name of the event
-	*/
-	type?: string;
+		/** returns the current slide index.
+		 */
+		activeItemIndex?: number;
+	}
 
-	/** the current rotator id.
-	*/
-	itemId?: string;
+	export interface StartEventArgs {
 
-	/** returns the current slide index.
-	*/
-	activeItemIndex?: number;
-}
+		/** if the event should be canceled; otherwise, false.
+		 */
+		cancel?: boolean;
 
-export interface StartEventArgs {
+		/** 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 rotator model
-	*/
-	model?: ej.Rotator.Model;
+		/** the current rotator id.
+		 */
+		itemId?: string;
 
-	/** returns the name of the event
-	*/
-	type?: string;
+		/** returns the current slide index.
+		 */
+		activeItemIndex?: number;
+	}
 
-	/** the current rotator id.
-	*/
-	itemId?: string;
+	export interface StopEventArgs {
 
-	/** returns the current slide index.
-	*/
-	activeItemIndex?: number;
-}
+		/** if the event should be canceled; otherwise, false.
+		 */
+		cancel?: boolean;
 
-export interface StopEventArgs {
+		/** 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 rotator model
-	*/
-	model?: ej.Rotator.Model;
+		/** the current rotator id.
+		 */
+		itemId?: string;
 
-	/** returns the name of the event
-	*/
-	type?: string;
+		/** returns the current slide index.
+		 */
+		activeItemIndex?: number;
+	}
 
-	/** the current rotator id.
-	*/
-	itemId?: string;
+	export interface ThumbItemClickEventArgs {
 
-	/** returns the current slide index.
-	*/
-	activeItemIndex?: number;
-}
+		/** if the event should be canceled; otherwise, false.
+		 */
+		cancel?: boolean;
 
-export interface ThumbItemClickEventArgs {
+		/** 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 rotator model
-	*/
-	model?: ej.Rotator.Model;
+		/** the current rotator id.
+		 */
+		itemId?: string;
 
-	/** returns the name of the event
-	*/
-	type?: string;
+		/** returns the current slide index.
+		 */
+		activeItemIndex?: number;
+	}
 
-	/** the current rotator id.
-	*/
-	itemId?: string;
+	export interface Fields {
 
-	/** returns the current slide index.
-	*/
-	activeItemIndex?: number;
-}
+		/** Specifies a link for the image.
+		 */
+		linkAttribute?: string;
 
-export interface Fields {
+		/** Specifies where to open a given link.
+		 */
+		targetAttribute?: string;
 
-	/** Specifies a link for the image.
-	*/
-	linkAttribute?: string;
+		/** Specifies a caption for the image.
+		 */
+		text?: string;
 
-	/** Specifies where to open a given link.
-	*/
-	targetAttribute?: string;
+		/** Specifies a caption for the thumbnail image.
+		 */
+		thumbnailText?: string;
 
-	/** Specifies a caption for the image.
-	*/
-	text?: string;
+		/** Specifies the URL for an thumbnail image.
+		 */
+		thumbnailUrl?: string;
 
-	/** Specifies a caption for the thumbnail image.
-	*/
-	thumbnailText?: string;
+		/** Specifies the URL for an image.
+		 */
+		url?: string;
+	}
 
-	/** Specifies the URL for an thumbnail image.
-	*/
-	thumbnailUrl?: string;
+	enum PagerPosition {
 
-	/** Specifies the URL for an image.
-	*/
-	url?: string;
-}
+		///string
+		BottomLeft,
 
-enum PagerPosition{
+		///string
+		BottomRight,
 
-	///string
-	BottomLeft,
+		///string
+		Outside,
 
-	///string
-	BottomRight,
+		///string
+		TopCenter,
 
-	///string
-	Outside,
+		///string
+		TopLeft,
 
-	///string
-	TopCenter,
-
-	///string
-	TopLeft,
-
-	///string
-	TopRight
-}
+		///string
+		TopRight
+	}
 
 }
 
 class RTE extends ej.Widget {
 	static fn: RTE;
-	constructor(element: JQuery, options?: RTE.Model);
-	constructor(element: Element, options?: RTE.Model);
+	constructor(element: JQuery | Element, options?: RTE.Model);
 	static Locale: any;
-	model:RTE.Model;
-	defaults:RTE.Model;
+	model: RTE.Model;
+	defaults: RTE.Model;
 
 	/** Returns the range object.
-	*   @returns {any}
-	*/
+	 * @returns {any}
+	 */
 	createRange(): any;
 
 	/** Disables the RTE control.
-	*   @returns {void}
-	*/
+	 * @returns {void}
+	 */
 	disable(): void;
 
 	/** Disables the corresponding tool in the RTE ToolBar.
-	*   @returns {void}
-	*/
+	 * @returns {void}
+	 */
 	disableToolbarItem(): void;
 
 	/** Enables the RTE control.
-	*   @returns {void}
-	*/
+	 * @returns {void}
+	 */
 	enable(): void;
 
 	/** Enables the corresponding tool in the toolbar when the tool is disabled.
-	*   @returns {void}
-	*/
+	 * @returns {void}
+	 */
 	enableToolbarItem(): void;
 
 	/** Performs the action value based on the given command.
-	*   @returns {void}
-	*/
+	 * @returns {void}
+	 */
 	executeCommand(): void;
 
 	/** Focuses the RTE control.
-	*   @returns {void}
-	*/
+	 * @returns {void}
+	 */
 	focus(): void;
 
 	/** Gets the command status of the selected text based on the given comment in the RTE control.
-	*   @returns {boolean}
-	*/
+	 * @returns {boolean}
+	 */
 	getCommandStatus(): boolean;
 
 	/** Gets the Document from the RTE control.
-	*   @returns {Document}
-	*/
+	 * @returns {Document}
+	 */
 	getDocument(): Document;
 
 	/** Gets the HTML string from the RTE control.
-	*   @returns {HTMLElement}
-	*/
+	 * @returns {HTMLElement}
+	 */
 	getHtml(): HTMLElement;
 
 	/** Gets the selected HTML string from the RTE control.
-	*   @returns {HTMLElement}
-	*/
+	 * @returns {HTMLElement}
+	 */
 	getSelectedHtml(): HTMLElement;
 
 	/** Gets the content as string from the RTE control.
-	*   @returns {string}
-	*/
+	 * @returns {string}
+	 */
 	getText(): string;
 
 	/** Hides the RTE control.
-	*   @returns {void}
-	*/
+	 * @returns {void}
+	 */
 	hide(): void;
 
 	/** Inserts new item to the target contextmenu node.
-	*   @returns {void}
-	*/
+	 * @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}
-	*/
+	 * @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}
-	*/
+	 * @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}
-	*/
+	/** 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}
-	*/
+	 * @returns {void}
+	 */
 	refresh(): void;
 
 	/** Removes the specified table column.
-	*   @param {JQuery} Remove the given column element
-	*   @returns {void}
-	*/
+	 * @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}
-	*/
+	 * @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}
-	*/
+	 * @param {JQuery} Remove the given table
+	 * @returns {void}
+	 */
 	removeTable(table?: JQuery): void;
 
 	/** Removes the target menu item from the RTE contextmenu.
-	*   @returns {void}
-	*/
+	 * @returns {void}
+	 */
 	removeMenuOption(): void;
 
 	/** Removes the given tool from the RTE Toolbar.
-	*   @returns {void}
-	*/
+	 * @returns {void}
+	 */
 	removeToolbarItem(): void;
 
 	/** Selects all the contents within the RTE.
-	*   @returns {void}
-	*/
+	 * @returns {void}
+	 */
 	selectAll(): void;
 
 	/** Selects the contents in the given range.
-	*   @returns {void}
-	*/
+	 * @returns {void}
+	 */
 	selectRange(): void;
 
 	/** Sets the color picker model type rendered initially in the RTE control.
-	*   @returns {void}
-	*/
+	 * @returns {void}
+	 */
 	setColorPickerType(): void;
 
 	/** Sets the HTML string from the RTE control.
-	*   @returns {void}
-	*/
+	 * @returns {void}
+	 */
 	setHtml(): void;
 
 	/** Displays the RTE control.
-	*   @returns {void}
-	*/
+	 * @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;
+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;
+
+		/** 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[];
+
+		/** 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 is destroyed. */
-	destroy? (e: DestroyEventArgs): void;
-
-	/** Fires when the commands are executed successfully. */
-	execute? (e: ExecuteEventArgs): void;
+		/** Fires before the RTE Edit area is rendered and after the toolbar is rendered. */
+		preRender?(e: PreRenderEventArgs): void;
 
-	/** Fires when the keydown action is successful. */
-	keydown? (e: KeydownEventArgs): void;
+		/** Fires when the text is selected in the text area */
+		select?(e: SelectEventArgs): void;
+	}
 
-	/** Fires when the keyup action is successful. */
-	keyup? (e: KeyupEventArgs): void;
+	export interface ChangeEventArgs {
 
-	/** Fires before the RTE Edit area is rendered and after the toolbar is rendered. */
-	preRender? (e: PreRenderEventArgs): void;
+		/** When the event is canceled; otherwise, false.
+		 */
+		cancel?: boolean;
 
-	/** Fires when the text is selected in the text area */
-	select? (e: SelectEventArgs): void;
-}
+		/** returns the RTE model
+		 */
+		model?: any;
 
-export interface ChangeEventArgs {
+		/** returns the name of the event
+		 */
+		type?: string;
+	}
 
-	/** When the event is canceled; otherwise, false.
-	*/
-	cancel?: boolean;
+	export interface CreateEventArgs {
 
-	/** returns the RTE model
-	*/
-	model?: any;
+		/** When the event is canceled; otherwise, false.
+		 */
+		cancel?: boolean;
 
-	/** returns the name of the event
-	*/
-	type?: string;
-}
+		/** Returns the RTE model
+		 */
+		model?: any;
 
-export interface CreateEventArgs {
+		/** Returns the name of the event
+		 */
+		type?: string;
+	}
 
-	/** When the event is canceled; otherwise, false.
-	*/
-	cancel?: boolean;
+	export interface ContextMenuClickEventArgs {
 
-	/** 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 ContextMenuClickEventArgs {
+		/** returns the selected item.
+		 */
+		selectedItem?: number;
+	}
 
-	/** returns clicked menu item text.
-	*/
-	text?: string;
+	export interface DestroyEventArgs {
 
-	/** returns clicked menu item element.
-	*/
-	element?: any;
+		/** When the event is canceled; otherwise, false.
+		 */
+		cancel?: boolean;
 
-	/** returns the selected item.
-	*/
-	selectedItem?: number;
-}
+		/** Returns the RTE model
+		 */
+		model?: any;
 
-export interface DestroyEventArgs {
+		/** Returns the name of the event
+		 */
+		type?: string;
+	}
 
-	/** When the event is canceled; otherwise, false.
-	*/
-	cancel?: boolean;
+	export interface ExecuteEventArgs {
 
-	/** Returns the RTE model
-	*/
-	model?: any;
+		/** When the event is canceled; otherwise, false.
+		 */
+		cancel?: boolean;
 
-	/** Returns the name of the event
-	*/
-	type?: string;
-}
+		/** Returns the RTE model
+		 */
+		model?: any;
 
-export interface ExecuteEventArgs {
+		/** Returns the name of the event
+		 */
+		type?: string;
+	}
 
-	/** When the event is canceled; otherwise, false.
-	*/
-	cancel?: boolean;
+	export interface KeydownEventArgs {
 
-	/** Returns the RTE model
-	*/
-	model?: any;
+		/** When the event is canceled; otherwise, false.
+		 */
+		cancel?: boolean;
 
-	/** Returns the name of the event
-	*/
-	type?: string;
-}
+		/** Returns the RTE model
+		 */
+		model?: any;
 
-export interface KeydownEventArgs {
+		/** Returns the name of the event
+		 */
+		type?: string;
+	}
 
-	/** When the event is canceled; otherwise, false.
-	*/
-	cancel?: boolean;
+	export interface KeyupEventArgs {
 
-	/** Returns the RTE model
-	*/
-	model?: any;
+		/** When the event is canceled; otherwise, false.
+		 */
+		cancel?: boolean;
 
-	/** Returns the name of the event
-	*/
-	type?: string;
-}
+		/** Returns the RTE model
+		 */
+		model?: any;
 
-export interface KeyupEventArgs {
+		/** Returns the name of the event
+		 */
+		type?: string;
+	}
 
-	/** When the event is canceled; otherwise, false.
-	*/
-	cancel?: boolean;
+	export interface PreRenderEventArgs {
 
-	/** Returns the RTE model
-	*/
-	model?: any;
+		/** When the event is canceled; otherwise, false.
+		 */
+		cancel?: boolean;
 
-	/** Returns the name of the event
-	*/
-	type?: string;
-}
+		/** Returns the RTE model
+		 */
+		model?: any;
 
-export interface PreRenderEventArgs {
+		/** Returns the name of the event
+		 */
+		type?: string;
+	}
 
-	/** When the event is canceled; otherwise, false.
-	*/
-	cancel?: boolean;
+	export interface SelectEventArgs {
 
-	/** Returns the RTE model
-	*/
-	model?: any;
+		/** When the event is canceled; otherwise, false.
+		 */
+		cancel?: boolean;
 
-	/** Returns the name of the event
-	*/
-	type?: string;
-}
+		/** Returns the RTE model
+		 */
+		model?: any;
 
-export interface SelectEventArgs {
+		/** Returns the name of the event
+		 */
+		type?: string;
 
-	/** When the event is canceled; otherwise, false.
-	*/
-	cancel?: boolean;
+		/** Returns the event object
+		 */
+		event?: any;
+	}
 
-	/** Returns the RTE model
-	*/
-	model?: any;
+	export interface ExportToPdfSettings {
 
-	/** Returns the name of the event
-	*/
-	type?: string;
+		/** This API is used to receive the server-side handler for export related operations.
+		 */
+		url?: string;
 
-	/** Returns the event object
-	*/
-	event?: any;
-}
+		/** Specifies the file name for the exported pdf file.
+		 */
+		fileName?: string;
+	}
 
-export interface PasteCleanupSettings {
+	export interface ExportToWordSettings {
 
-	/** This API is used to convert the list elements pasted from word document to editor.
-	*   @Default {false}
-	*/
-	listConversion?: boolean;
+		/** This API is used to receive the server-side handler for export related operations.
+		 */
+		url?: string;
 
-	/** This API is used to clean the unwanted css in the elements pasted from word document to editor.
-	*   @Default {false}
-	*/
-	cleanCSS?: boolean;
+		/** Specifies the file name for the exported word file.
+		 */
+		fileName?: string;
+	}
 
-	/** This API is used to remove all styles in the elements pasted from word document to editor.
-	*   @Default {false}
-	*/
-	removeStyles?: boolean;
+	export interface FileBrowser {
 
-	/** This API is used to clean the unwanted elements pasted from word document to editor.
-	*   @Default {false}
-	*/
-	cleanElements?: boolean;
-}
+		/** This API is used to receive the server-side handler for file related operations.
+		 */
+		ajaxAction?: string;
 
-export interface ExportToPdfSettings {
+		/** Specifies the file type extension shown in the file browser window.
+		 */
+		extensionAllow?: string;
 
-	/** This API is used to receive the server-side handler for export related operations.
-	*/
-	url?: 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 file name for the exported pdf file.
-	*/
-	fileName?: string;
-}
+	export interface ImageBrowser {
 
-export interface ExportToWordSettings {
+		/** This API is used to receive the server-side handler for the file related operations.
+		 */
+		ajaxAction?: string;
 
-	/** This API is used to receive the server-side handler for export related operations.
-	*/
-	url?: string;
+		/** Specifies the file type extension shown in the image browser window.
+		 */
+		extensionAllow?: string;
 
-	/** Specifies the file name for the exported word file.
-	*/
-	fileName?: 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 FileBrowser {
+	export interface ImportSettings {
 
-	/** This API is used to receive the server-side handler for file related operations.
-	*/
-	ajaxAction?: string;
+		/** This API is used to receive the server-side handler for import operations.
+		 */
+		url?: string;
+	}
 
-	/** Specifies the file type extension shown in the file browser window.
-	*/
-	extensionAllow?: string;
+	export interface ToolsCustomOrderedList {
 
-	/** 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 name for customOrderedList item.
+		 */
+		name?: string;
 
-export interface ImageBrowser {
+		/** Specifies the title for customOrderedList item.
+		 */
+		tooltip?: string;
 
-	/** This API is used to receive the server-side handler for the file related operations.
-	*/
-	ajaxAction?: string;
+		/** Specifies the styles for customOrderedList item.
+		 */
+		css?: string;
 
-	/** Specifies the file type extension shown in the image browser window.
-	*/
-	extensionAllow?: string;
+		/** Specifies the text for customOrderedList item.
+		 */
+		text?: 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 list style for customOrderedList item.
+		 */
+		listStyle?: string;
 
-export interface ImportSettings {
+		/** Specifies the image for customOrderedList item.
+		 */
+		listImage?: string;
+	}
 
-	/** This API is used to receive the server-side handler for import operations.
-	*/
-	url?: string;
-}
+	export interface ToolsCustomUnorderedList {
 
-export interface ToolsCustomOrderedList {
+		/** Specifies the name for customUnorderedList item.
+		 */
+		name?: string;
 
-	/** Specifies the name for customOrderedList item.
-	*/
-	name?: string;
+		/** Specifies the title for customUnorderedList item.
+		 */
+		tooltip?: string;
 
-	/** Specifies the title for customOrderedList item.
-	*/
-	tooltip?: string;
+		/** Specifies the styles for customUnorderedList item.
+		 */
+		css?: string;
 
-	/** Specifies the styles for customOrderedList item.
-	*/
-	css?: string;
+		/** Specifies the text for customUnorderedList item.
+		 */
+		text?: string;
 
-	/** Specifies the text for customOrderedList item.
-	*/
-	text?: string;
+		/** Specifies the list style for customUnorderedList item.
+		 */
+		listStyle?: string;
 
-	/** Specifies the list style for customOrderedList item.
-	*/
-	listStyle?: string;
+		/** Specifies the image for customUnorderedList item.
+		 */
+		listImage?: string;
+	}
 
-	/** Specifies the image for customOrderedList item.
-	*/
-	listImage?: string;
-}
+	export interface Tools {
 
-export interface ToolsCustomUnorderedList {
+		/** Specifies the alignment tools and the display order of this tool in the RTE toolbar.
+		 */
+		alignment?: any;
 
-	/** Specifies the name for customUnorderedList item.
-	*/
-	name?: string;
+		/** Specifies the casing tools and the display order of this tool in the RTE toolbar.
+		 */
+		casing?: any[];
 
-	/** Specifies the title for customUnorderedList item.
-	*/
-	tooltip?: string;
+		/** Specifies the clear tools and the display order of this tool in the RTE toolbar.
+		 */
+		clear?: any[];
 
-	/** Specifies the styles for customUnorderedList item.
-	*/
-	css?: string;
+		/** Specifies the clipboard tools and the display order of this tool in the RTE toolbar.
+		 */
+		clipboard?: any[];
 
-	/** Specifies the text for customUnorderedList item.
-	*/
-	text?: string;
+		/** Specifies the edit tools and the displays tool in the RTE toolbar.
+		 */
+		edit?: any[];
 
-	/** Specifies the list style for customUnorderedList item.
-	*/
-	listStyle?: string;
+		/** Specifies the doAction tools and the display order of this tool in the RTE toolbar.
+		 */
+		doAction?: any[];
 
-	/** Specifies the image for customUnorderedList item.
-	*/
-	listImage?: string;
-}
+		/** Specifies the effect of tools and the display order of this tool in RTE toolbar.
+		 */
+		effects?: any[];
 
-export interface Tools {
+		/** Specifies the font tools and the display order of this tool in the RTE toolbar.
+		 */
+		font?: any[];
 
-	/** Specifies the alignment tools and the display order of this tool in the RTE toolbar.
-	*/
-	alignment?: any;
+		/** Specifies the formatStyle tools and the display order of this tool in the RTE toolbar.
+		 */
+		formatStyle?: any[];
 
-	/** Specifies the casing tools and the display order of this tool in the RTE toolbar.
-	*/
-	casing?: Array<any>;
+		/** Specifies the image tools and the display order of this tool in the RTE toolbar.
+		 */
+		images?: any[];
 
-	/** Specifies the clear tools and the display order of this tool in the RTE toolbar.
-	*/
-	clear?: Array<any>;
+		/** Specifies the indent tools and the display order of this tool in the RTE toolbar.
+		 */
+		indenting?: any[];
 
-	/** Specifies the clipboard tools and the display order of this tool in the RTE toolbar.
-	*/
-	clipboard?: Array<any>;
+		/** Specifies the link tools and the display order of this tool in the RTE toolbar.
+		 */
+		links?: any[];
 
-	/** Specifies the edit tools and the displays tool in the RTE toolbar.
-	*/
-	edit?: Array<any>;
+		/** Specifies the list tools and the display order of this tool in the RTE toolbar.
+		 */
+		lists?: any[];
 
-	/** Specifies the doAction tools and the display order of this tool in the RTE toolbar.
-	*/
-	doAction?: Array<any>;
+		/** Specifies the media tools and the display order of this tool in the RTE toolbar.
+		 */
+		media?: any[];
 
-	/** Specifies the effect of tools and the display order of this tool in RTE toolbar.
-	*/
-	effects?: Array<any>;
+		/** Specifies the style tools and the display order of this tool in the RTE toolbar.
+		 */
+		style?: any[];
 
-	/** Specifies the font tools and the display order of this tool in the RTE toolbar.
-	*/
-	font?: Array<any>;
+		/** Specifies the table tools and the display order of this tool in the RTE toolbar.
+		 */
+		tables?: any[];
 
-	/** Specifies the formatStyle tools and the display order of this tool in the RTE toolbar.
-	*/
-	formatStyle?: Array<any>;
+		/** Specifies the view tools and the display order of this tool in the RTE toolbar.
+		 */
+		view?: any[];
 
-	/** Specifies the image tools and the display order of this tool in the RTE toolbar.
-	*/
-	images?: Array<any>;
+		/** Specifies the print tools and the display order of this tool in the RTE toolbar.
+		 */
+		print?: any[];
 
-	/** Specifies the indent tools and the display order of this tool in the RTE toolbar.
-	*/
-	indenting?: Array<any>;
+		/** Specifies the importExport tools and the display order of this tool in the RTE toolbar.
+		 */
+		importExport?: 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
-}
+		/** 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[];
+	}
 }
 
 class Slider extends ej.Widget {
 	static fn: Slider;
-	constructor(element: JQuery, options?: Slider.Model);
-	constructor(element: Element, options?: Slider.Model);
+	constructor(element: JQuery | Element, options?: Slider.Model);
 	static Locale: any;
-	model:Slider.Model;
-	defaults:Slider.Model;
+	model: Slider.Model;
+	defaults: Slider.Model;
 
 	/** To disable the slider
-	*   @returns {void}
-	*/
+	 * @returns {void}
+	 */
 	disable(): void;
 
 	/** To enable the slider
-	*   @returns {void}
-	*/
+	 * @returns {void}
+	 */
 	enable(): void;
 
 	/** To get value from slider handle
-	*   @returns {number}
-	*/
+	 * @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}
-	*/
+	 * @returns {void}
+	 */
 	setValue(): void;
 }
-export module Slider{
+export namespace Slider {
 
-export interface Model {
+	export interface Model {
 
-	/** Specifies the allowMouseWheel of the slider.
-	*   @Default {false}
-	*/
-	allowMouseWheel?: boolean;
+		/** Specifies the allowMouseWheel of the slider.
+		 * @Default {false}
+		 */
+		allowMouseWheel?: boolean;
 
-	/** Specifies the animationSpeed of the slider.
-	*   @Default {500}
-	*/
-	animationSpeed?: number;
+		/** Specifies the animationSpeed of the slider.
+		 * @Default {500}
+		 */
+		animationSpeed?: number;
 
-	/** Specify the CSS class to slider to achieve custom theme.
-	*/
-	cssClass?: string;
+		/** 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 animation behavior of the slider.
+		 * @Default {true}
+		 */
+		enableAnimation?: boolean;
 
-	/** Specifies the state of the slider.
-	*   @Default {true}
-	*/
-	enabled?: 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;
+		/** 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 Right to Left Direction of the slider.
+		 * @Default {false}
+		 */
+		enableRTL?: boolean;
 
-	/** Specifies the height of the slider.
-	*   @Default {14}
-	*/
-	height?: string;
+		/** Specifies the height of the slider.
+		 * @Default {14}
+		 */
+		height?: string;
 
-	/** Specifies the HTML Attributes of the ejSlider.
-	*   @Default {{}}
-	*/
-	htmlAttributes?: any;
+		/** Specifies the HTML Attributes of the ejSlider.
+		 * @Default {{}}
+		 */
+		htmlAttributes?: any;
 
-	/** Specifies the incremental step value of the slider.
-	*   @Default {1}
-	*/
-	incrementStep?: number;
+		/** 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 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 ending value of the slider.
+		 * @Default {100}
+		 */
+		maxValue?: number;
 
-	/** Specifies the starting value of the slider.
-	*   @Default {0}
-	*/
-	minValue?: 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 orientation of the slider.
+		 * @Default {ej.orientation.Horizontal}
+		 */
+		orientation?: ej.Orientation | string;
 
-	/** Specifies the readOnly of the slider.
-	*   @Default {false}
-	*/
-	readOnly?: boolean;
+		/** Specifies the readOnly of the slider.
+		 * @Default {false}
+		 */
+		readOnly?: boolean;
 
-	/** Specifies the rounded corner behavior for slider.
-	*   @Default {false}
-	*/
-	showRoundedCorner?: 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;
+		/** 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 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 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 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 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 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 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;
+		/** 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 value is changed successfully. */
+		change?(e: ChangeEventArgs): void;
 
-	/** Fires once Slider control has been created successfully. */
-	create? (e: CreateEventArgs): 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 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 sliding successfully. */
+		slide?(e: SlideEventArgs): void;
 
-	/** Fires once Slider control is started successfully. */
-	start? (e: StartEventArgs): 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 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 {
-}
-}
-module slider
-{
-enum sliderType
-{
-//Shows default slider
-Default,
-//Shows minRange slider
-MinRange,
-//Shows Range slider
-Range,
+		/** 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, options?: SplitButton.Model);
-	constructor(element: Element, options?: SplitButton.Model);
+	constructor(element: JQuery | Element, options?: SplitButton.Model);
 	static Locale: any;
-	model:SplitButton.Model;
-	defaults:SplitButton.Model;
+	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}
-	*/
+	 * @returns {void}
+	 */
 	destroy(): void;
 
 	/** To disable the split button
-	*   @returns {void}
-	*/
+	 * @returns {void}
+	 */
 	disable(): void;
 
 	/** To Enable the split button
-	*   @returns {void}
-	*/
+	 * @returns {void}
+	 */
 	enable(): void;
 
 	/** To hide the list content of the split button.
-	*   @returns {void}
-	*/
+	 * @returns {void}
+	 */
 	hide(): void;
 
 	/** To show the list content of the split button.
-	*   @returns {void}
-	*/
+	 * @returns {void}
+	 */
 	show(): void;
 }
-export module SplitButton{
+export namespace SplitButton {
 
-export interface Model {
+	export interface Model {
 
-	/** Specifies the arrowPosition of the Split or Dropdown Button.See arrowPosition
-	*   @Default {ej.ArrowPosition.Right}
-	*/
-	arrowPosition?: string|ej.ArrowPosition;
+		/** 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 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;
+		/** 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;
+		/** 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 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 enableRTL property for Split Button while initialization.
+		 * @Default {false}
+		 */
+		enableRTL?: boolean;
 
-	/** Specifies the height of the Split Button.
-	*   @Default {“”}
-	*/
-	height?: string|number;
+		/** Specifies the height of the Split Button.
+		 * @Default {“”}
+		 */
+		height?: string | number;
 
-	/** Specifies the HTML Attributes of the Split Button.
-	*   @Default {{}}
-	*/
-	htmlAttributes?: any;
+		/** 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 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 image content for Split Button while initialization.
+		 */
+		prefixIcon?: string;
 
-	/** Specifies the showRoundedCorner property for Split Button while initialization.
-	*   @Default {false}
-	*/
-	showRoundedCorner?: boolean;
+		/** 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 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 image content for Split Button while initialization.
+		 */
+		suffixIcon?: string;
 
-	/** Specifies the list content for Split Button while initialization
-	*/
-	targetID?: 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 text content for Split Button while initialization.
+		 */
+		text?: string;
 
-	/** Specifies the width of the Split Button.
-	*   @Default {“”}
-	*/
-	width?: string|number;
+		/** 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 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 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 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 after Split Button control is created. */
+		create?(e: CreateEventArgs): void;
 
-	/** Fires when the Split Button is destroyed successfully */
-	destroy? (e: DestroyEventArgs): 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 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 Hovered in successfully */
+		itemMouseOver?(e: ItemMouseOverEventArgs): void;
 
-	/** Fires when a menu item is clicked successfully */
-	itemSelected? (e: ItemSelectedEventArgs): 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;
+		/** 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;
+	}
 }
-
-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,
+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);
+	constructor(element: JQuery | Element, options?: Splitter.Model);
 	static Locale: any;
-	model:Splitter.Model;
-	defaults:Splitter.Model;
+	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}
-	*/
+	 * @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}
-	*/
+	 * @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}
-	*/
+	 * @param {number} index number of pane.
+	 * @returns {void}
+	 */
 	expand(paneIndex: number): void;
 
 	/** To refresh the splitter control pane resizing.
-	*   @returns {void}
-	*/
+	 * @returns {void}
+	 */
 	refresh(): void;
 
 	/** To remove a specified pane from the splitter control.
-	*   @param {number} index of pane.
-	*   @returns {void}
-	*/
+	 * @param {number} index of pane.
+	 * @returns {void}
+	 */
 	removeItem(index: number): void;
 }
-export module Splitter{
+export namespace Splitter {
 
-export interface Model {
+	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;
+		/** 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 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;
+		/** 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 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;
+		/** 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;
+		/** Specify height for splitter control.
+		 * @Default {null}
+		 */
+		height?: string;
 
-	/** Specifies the HTML Attributes of the Splitter.
-	*   @Default {{}}
-	*/
-	htmlAttributes?: any;
+		/** Specifies the HTML Attributes of the Splitter.
+		 * @Default {{}}
+		 */
+		htmlAttributes?: any;
 
-	/** Specify window resizing behavior for splitter control.
-	*   @Default {false}
-	*/
-	isResponsive?: boolean;
+		/** 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 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 properties for each pane like paneSize, minSize, maxSize, collapsible, expandable, resizable.
+		 * @Default {[]}
+		 */
+		properties?: any[];
 
-	/** Specify width for splitter control.
-	*   @Default {null}
-	*/
-	width?: string;
+		/** Specify width for splitter control.
+		 * @Default {null}
+		 */
+		width?: string;
 
-	/** Fires before expanding / collapsing the split pane of splitter control. */
-	beforeExpandCollapse? (e: BeforeExpandCollapseEventArgs): void;
+		/** 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 created. */
+		create?(e: CreateEventArgs): void;
 
-	/** Fires when splitter control pane has been destroyed. */
-	destroy? (e: DestroyEventArgs): 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 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;
-}
+		/** Fires when resize in splitter control pane. */
+		resize?(e: ResizeEventArgs): void;
+	}
 
-export interface BeforeExpandCollapseEventArgs {
+	export interface BeforeExpandCollapseEventArgs {
 
-	/** if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
+		/** if the event should be canceled; otherwise, false.
+		 */
+		cancel?: boolean;
 
-	/** returns collapsed pane details.
-	*/
-	collapsed?: any;
+		/** returns collapsed pane details.
+		 */
+		collapsed?: any;
 
-	/** returns expanded pane details.
-	*/
-	expanded?: any;
+		/** returns expanded pane details.
+		 */
+		expanded?: any;
 
-	/** returns the splitter model.
-	*/
-	model?: ej.Splitter.Model;
+		/** returns the splitter model.
+		 */
+		model?: ej.Splitter.Model;
 
-	/** returns the current split bar index.
-	*/
-	splitbarIndex?: number;
+		/** 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 CreateEventArgs {
+	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 splitter model.
-	*/
-	model?: ej.Splitter.Model;
+		/** returns the splitter model.
+		 */
+		model?: ej.Splitter.Model;
 
-	/** returns the name of the event.
-	*/
-	type?: string;
-}
+		/** returns the name of the event.
+		 */
+		type?: string;
+	}
 
-export interface DestroyEventArgs {
+	export interface DestroyEventArgs {
 
-	/** if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
+		/** if the event should be canceled; otherwise, false.
+		 */
+		cancel?: boolean;
 
-	/** returns the splitter model.
-	*/
-	model?: ej.Splitter.Model;
+		/** returns the splitter model.
+		 */
+		model?: ej.Splitter.Model;
 
-	/** returns the name of the event.
-	*/
-	type?: string;
-}
+		/** returns the name of the event.
+		 */
+		type?: string;
+	}
 
-export interface ExpandCollapseEventArgs {
+	export interface ExpandCollapseEventArgs {
 
-	/** if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
+		/** if the event should be canceled; otherwise, false.
+		 */
+		cancel?: boolean;
 
-	/** returns collapsed pane details.
-	*/
-	collapsed?: any;
+		/** returns collapsed pane details.
+		 */
+		collapsed?: any;
 
-	/** returns expanded pane details.
-	*/
-	expanded?: any;
+		/** returns expanded pane details.
+		 */
+		expanded?: any;
 
-	/** returns the splitter model.
-	*/
-	model?: ej.Splitter.Model;
+		/** returns the splitter model.
+		 */
+		model?: ej.Splitter.Model;
 
-	/** returns the current split bar index.
-	*/
-	splitbarIndex?: number;
+		/** 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 ResizeEventArgs {
+	export interface ResizeEventArgs {
 
-	/** if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
+		/** if the event should be canceled; otherwise, false.
+		 */
+		cancel?: boolean;
 
-	/** returns previous pane details.
-	*/
-	prevPane?: any;
+		/** returns previous pane details.
+		 */
+		prevPane?: any;
 
-	/** returns next pane details.
-	*/
-	nextPane?: any;
+		/** returns next pane details.
+		 */
+		nextPane?: any;
 
-	/** returns the splitter model.
-	*/
-	model?: ej.Splitter.Model;
+		/** returns the splitter model.
+		 */
+		model?: ej.Splitter.Model;
 
-	/** returns the current split bar index.
-	*/
-	splitbarIndex?: number;
+		/** returns the current split bar index.
+		 */
+		splitbarIndex?: number;
 
-	/** returns the name of the event.
-	*/
-	type?: string;
-}
+		/** 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);
+	constructor(element: JQuery | Element, options?: Tab.Model);
 	static Locale: any;
-	model:Tab.Model;
-	defaults:Tab.Model;
+	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}
-	*/
+	 * @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}
-	*/
+	 * @returns {void}
+	 */
 	disable(): void;
 
 	/** To enable the tab control.
-	*   @returns {void}
-	*/
+	 * @returns {void}
+	 */
 	enable(): void;
 
 	/** This function get the number of tab rendered
-	*   @returns {number}
-	*/
+	 * @returns {number}
+	 */
 	getItemsCount(): number;
 
 	/** This function hides the tab control.
-	*   @returns {void}
-	*/
+	 * @returns {void}
+	 */
 	hide(): void;
 
 	/** This function hides the specified item tab in tab control.
-	*   @param {number} index of tab item.
-	*   @returns {void}
-	*/
+	 * @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}
-	*/
+	 * @param {number} index of tab item.
+	 * @returns {void}
+	 */
 	removeItem(index: number): void;
 
 	/** This function is to show the tab control.
-	*   @returns {void}
-	*/
+	 * @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}
-	*/
+	 * @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;
+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 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 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 before a tab item destroy. */
+		destroy?(e: DestroyEventArgs): void;
 
-	/** Triggered after new tab item add */
-	itemAdd? (e: ItemAddEventArgs): void;
+		/** Triggered after new tab item add */
+		itemAdd?(e: ItemAddEventArgs): void;
 
-	/** Triggered after tab item removed. */
-	itemRemove? (e: ItemRemoveEventArgs): void;
-}
+		/** Triggered after tab item removed. */
+		itemRemove?(e: ItemRemoveEventArgs): void;
+	}
 
-export interface ItemActiveEventArgs {
+	export interface ItemActiveEventArgs {
 
-	/** 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 tab model.
+		 */
+		model?: ej.Tab.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 previous active tab header.
+		 */
+		prevActiveHeader?: HTMLElement;
 
-	/** returns previous active index.
-	*/
-	prevActiveIndex?: number;
+		/** returns previous active index.
+		 */
+		prevActiveIndex?: number;
 
-	/** returns current active tab header .
-	*/
-	activeHeader?: HTMLElement;
+		/** returns current active tab header .
+		 */
+		activeHeader?: HTMLElement;
 
-	/** returns current active index.
-	*/
-	activeIndex?: number;
+		/** returns current active index.
+		 */
+		activeIndex?: number;
 
-	/** returns, is it triggered by interaction or not.
-	*/
-	isInteraction?: boolean;
-}
+		/** returns, is it triggered by interaction or not.
+		 */
+		isInteraction?: boolean;
+	}
 
-export interface AjaxBeforeLoadEventArgs {
+	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 tab model.
-	*/
-	model?: ej.Tab.Model;
+		/** returns the tab model.
+		 */
+		model?: ej.Tab.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 previous active tab header.
+		 */
+		prevActiveHeader?: HTMLElement;
 
-	/** returns previous active index.
-	*/
-	prevActiveIndex?: number;
+		/** returns previous active index.
+		 */
+		prevActiveIndex?: number;
 
-	/** returns current active tab header .
-	*/
-	activeHeader?: HTMLElement;
+		/** returns current active tab header .
+		 */
+		activeHeader?: HTMLElement;
 
-	/** returns current active index.
-	*/
-	activeIndex?: number;
+		/** returns current active index.
+		 */
+		activeIndex?: number;
 
-	/** returns the URL of AJAX request
-	*/
-	URL?: string;
+		/** returns the URL of AJAX request
+		 */
+		URL?: string;
 
-	/** returns, is it triggered by interaction or not.
-	*/
-	isInteraction?: boolean;
-}
+		/** returns, is it triggered by interaction or not.
+		 */
+		isInteraction?: boolean;
+	}
 
-export interface AjaxErrorEventArgs {
+	export interface AjaxErrorEventArgs {
 
-	/** 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 tab model.
+		 */
+		model?: ej.Tab.Model;
 
-	/** returns the name of the event.
-	*/
-	type?: string;
+		/** returns the name of the event.
+		 */
+		type?: string;
 
-	/** returns AJAX data details.
-	*/
-	data?: any;
+		/** returns AJAX data details.
+		 */
+		data?: any;
 
-	/** returns the URL of AJAX request.
-	*/
-	URL?: string;
-}
+		/** returns the URL of AJAX request.
+		 */
+		URL?: string;
+	}
 
-export interface AjaxLoadEventArgs {
+	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 tab model.
-	*/
-	model?: ej.Tab.Model;
+		/** returns the tab model.
+		 */
+		model?: ej.Tab.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 previous active tab header.
+		 */
+		prevActiveHeader?: HTMLElement;
 
-	/** returns previous active index.
-	*/
-	prevActiveIndex?: number;
+		/** returns previous active index.
+		 */
+		prevActiveIndex?: number;
 
-	/** returns current active tab header .
-	*/
-	activeHeader?: HTMLElement;
+		/** returns current active tab header .
+		 */
+		activeHeader?: HTMLElement;
 
-	/** returns current active index.
-	*/
-	activeIndex?: number;
+		/** returns current active index.
+		 */
+		activeIndex?: number;
 
-	/** returns the URL of AJAX request
-	*/
-	URL?: string;
+		/** returns the URL of AJAX request
+		 */
+		URL?: string;
 
-	/** returns, is it triggered by interaction or not.
-	*/
-	isInteraction?: boolean;
-}
+		/** returns, is it triggered by interaction or not.
+		 */
+		isInteraction?: boolean;
+	}
 
-export interface AjaxSuccessEventArgs {
+	export interface AjaxSuccessEventArgs {
 
-	/** 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 tab model.
+		 */
+		model?: ej.Tab.Model;
 
-	/** returns the name of the event.
-	*/
-	type?: string;
+		/** returns the name of the event.
+		 */
+		type?: string;
 
-	/** return AJAX data.
-	*/
-	data?: any;
+		/** return AJAX data.
+		 */
+		data?: any;
 
-	/** returns AJAX URL
-	*/
-	URL?: string;
+		/** returns AJAX URL
+		 */
+		URL?: string;
 
-	/** returns content of AJAX request.
-	*/
-	content?: any;
-}
+		/** returns content of AJAX request.
+		 */
+		content?: any;
+	}
 
-export interface BeforeActiveEventArgs {
+	export interface BeforeActiveEventArgs {
 
-	/** 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 tab model.
+		 */
+		model?: ej.Tab.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 previous active tab header.
+		 */
+		prevActiveHeader?: HTMLElement;
 
-	/** returns previous active index.
-	*/
-	prevActiveIndex?: number;
+		/** returns previous active index.
+		 */
+		prevActiveIndex?: number;
 
-	/** returns current active tab header .
-	*/
-	activeHeader?: HTMLElement;
+		/** returns current active tab header .
+		 */
+		activeHeader?: HTMLElement;
 
-	/** returns current active index.
-	*/
-	activeIndex?: number;
+		/** returns current active index.
+		 */
+		activeIndex?: number;
 
-	/** returns, is it triggered by interaction or not.
-	*/
-	isInteraction?: boolean;
-}
+		/** returns, is it triggered by interaction or not.
+		 */
+		isInteraction?: boolean;
+	}
 
-export interface BeforeItemRemoveEventArgs {
+	export interface BeforeItemRemoveEventArgs {
 
-	/** 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 tab model.
+		 */
+		model?: ej.Tab.Model;
 
-	/** returns the name of the event.
-	*/
-	type?: string;
+		/** returns the name of the event.
+		 */
+		type?: string;
 
-	/** returns current tab item index
-	*/
-	index?: number;
-}
+		/** returns current tab item index
+		 */
+		index?: number;
+	}
 
-export interface CreateEventArgs {
+	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 tab model.
-	*/
-	model?: ej.Tab.Model;
+		/** returns the tab model.
+		 */
+		model?: ej.Tab.Model;
 
-	/** returns the name of the event.
-	*/
-	type?: string;
-}
+		/** returns the name of the event.
+		 */
+		type?: string;
+	}
 
-export interface DestroyEventArgs {
+	export interface DestroyEventArgs {
 
-	/** 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 tab model.
+		 */
+		model?: ej.Tab.Model;
 
-	/** returns the name of the event.
-	*/
-	type?: string;
-}
+		/** returns the name of the event.
+		 */
+		type?: string;
+	}
 
-export interface ItemAddEventArgs {
+	export interface ItemAddEventArgs {
 
-	/** 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 tab model.
+		 */
+		model?: ej.Tab.Model;
 
-	/** returns the name of the event.
-	*/
-	type?: string;
+		/** returns the name of the event.
+		 */
+		type?: string;
 
-	/** returns new added tab header.
-	*/
-	tabHeader?: HTMLElement;
+		/** returns new added tab header.
+		 */
+		tabHeader?: HTMLElement;
 
-	/** returns new added tab content panel.
-	*/
-	tabContent?: any;
-}
+		/** returns new added tab content panel.
+		 */
+		tabContent?: any;
+	}
 
-export interface ItemRemoveEventArgs {
+	export interface ItemRemoveEventArgs {
 
-	/** 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 tab model.
+		 */
+		model?: ej.Tab.Model;
 
-	/** returns the name of the event.
-	*/
-	type?: string;
+		/** returns the name of the event.
+		 */
+		type?: string;
 
-	/** returns removed tab header.
-	*/
-	removedTab?: HTMLElement;
-}
+		/** returns removed tab header.
+		 */
+		removedTab?: HTMLElement;
+	}
 
-export interface AjaxSettings {
+	export interface AjaxSettings {
 
-	/** It specifies, whether to enable or disable asynchronous request.
-	*   @Default {true}
-	*/
-	async?: boolean;
+		/** 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 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 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 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 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;
-}
+		/** It specifies the HTTP request type.
+		 * @Default {get}
+		 */
+		type?: string;
+	}
 
-enum Position{
+	enum Position {
 
-	///Tab headers display to top position
-	Top,
+		///Tab headers display to top position
+		Top,
 
-	///Tab headers display to bottom position 
-	Bottom,
+		///Tab headers display to bottom position
+		Bottom,
 
-	///Tab headers display to left position.
-	Left,
+		///Tab headers display to left position.
+		Left,
 
-	///Tab headers display to right position.
-	Right
-}
+		///Tab headers display to right position.
+		Right
+	}
 
 
-enum HeightAdjustMode{
+	enum HeightAdjustMode {
 
-	///string
-	None,
+		///string
+		None,
 
-	///string
-	Content,
+		///string
+		Content,
 
-	///string
-	Auto,
+		///string
+		Auto,
 
-	///string
-	Fill
-}
+		///string
+		Fill
+	}
 
 }
 
 class TagCloud extends ej.Widget {
 	static fn: TagCloud;
-	constructor(element: JQuery, options?: TagCloud.Model);
-	constructor(element: Element, options?: TagCloud.Model);
+	constructor(element: JQuery | Element, options?: TagCloud.Model);
 	static Locale: any;
-	model:TagCloud.Model;
-	defaults:TagCloud.Model;
+	model: TagCloud.Model;
+	defaults: TagCloud.Model;
 
 	/** Inserts a new item into the TagCloud
-	*   @param {string} Insert new item into the TagCloud
-	*   @returns {void}
-	*/
+	 * @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}
-	*/
+	 * @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}
-	*/
+	 * @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}
-	*/
+	 * @param {number} position of tag item.
+	 * @returns {void}
+	 */
 	removeAt(position: number): void;
 }
-export module TagCloud{
+export namespace TagCloud {
 
-export interface Model {
+	export interface Model {
 
-	/** Specify the CSS class to button to achieve custom theme.
-	*/
-	cssClass?: string;
+		/** 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;
+		/** 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;
+		/** 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;
+		/** 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;
+		/** 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;
+		/** 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 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;
+		/** 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;
+		/** 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;
+		/** 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 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;
+		/** 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 items are clicked */
+		click?(e: ClickEventArgs): void;
 
-	/** Event triggers when the TagCloud are created */
-	create? (e: CreateEventArgs): 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 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 leaves out from a tag item */
+		mouseout?(e: MouseoutEventArgs): void;
 
-	/** Event triggers when the cursor hovers on a tag item */
-	mouseover? (e: MouseoverEventArgs): 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;
+	}
 }
-
-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,
+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);
+	constructor(element: JQuery | Element, options?: TimePicker.Model);
 	static Locale: any;
-	model:TimePicker.Model;
-	defaults:TimePicker.Model;
+	model: TimePicker.Model;
+	defaults: TimePicker.Model;
 
 	/** Allows you to disable the TimePicker.
-	*   @returns {void}
-	*/
+	 * @returns {void}
+	 */
 	disable(): void;
 
 	/** Allows you to enable the TimePicker.
-	*   @returns {void}
-	*/
+	 * @returns {void}
+	 */
 	enable(): void;
 
 	/** It returns the current time value.
-	*   @returns {string}
-	*/
+	 * @returns {string}
+	 */
 	getValue(): string;
 
 	/** This method will hide the TimePicker control popup.
-	*   @returns {void}
-	*/
+	 * @returns {void}
+	 */
 	hide(): void;
 
 	/** Updates the current system time in TimePicker.
-	*   @returns {void}
-	*/
+	 * @returns {void}
+	 */
 	setCurrentTime(): void;
 
 	/** This method will show the TimePicker control popup.
-	*   @returns {void}
-	*/
+	 * @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;
+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 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 create TimePicker successfully. */
-	create? (e: CreateEventArgs): void;
+		/** Fires when the TimePicker is destroyed successfully. */
+		destroy?(e: DestroyEventArgs): 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 gets focus. */
-	focusIn? (e: FocusInEventArgs): void;
+		/** Fires when the TimePicker control get lost focus. */
+		focusOut?(e: FocusOutEventArgs): 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 TimePicker popup opened. */
-	open? (e: OpenEventArgs): void;
+		/** Fires when the value is selected from the TimePicker dropdown list. */
+		select?(e: SelectEventArgs): void;
+	}
 
-	/** Fires when the value is selected from the TimePicker dropdown list. */
-	select? (e: SelectEventArgs): void;
-}
+	export interface BeforeChangeEventArgs {
 
-export interface BeforeChangeEventArgs {
+		/** 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.TimePicker.Model;
 
-	/** 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 the previously selected time value
-	*/
-	prevTime?: string;
+		/** returns the modified time value
+		 */
+		value?: string;
+	}
 
-	/** returns the modified time value
-	*/
-	value?: string;
-}
+	export interface BeforeOpenEventArgs {
 
-export interface BeforeOpenEventArgs {
+		/** 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.TimePicker.Model;
 
-	/** 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 the previously selected time value
-	*/
-	prevTime?: string;
+		/** returns the time value
+		 */
+		value?: string;
+	}
 
-	/** returns the time value
-	*/
-	value?: string;
-}
+	export interface ChangeEventArgs {
 
-export interface ChangeEventArgs {
+		/** 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.TimePicker.Model;
 
-	/** 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 true when the value changed by user interaction otherwise returns false
+		 */
+		isInteraction?: boolean;
 
-	/** returns true when the value changed by user interaction otherwise returns false
-	*/
-	isInteraction?: boolean;
+		/** returns the previously selected time value
+		 */
+		prevTime?: string;
 
-	/** returns the previously selected time value
-	*/
-	prevTime?: string;
+		/** returns the modified time value
+		 */
+		value?: string;
+	}
 
-	/** returns the modified time value
-	*/
-	value?: string;
-}
+	export interface CloseEventArgs {
 
-export interface CloseEventArgs {
+		/** 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.TimePicker.Model;
 
-	/** 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 the previously selected time value
-	*/
-	prevTime?: string;
+		/** returns the time value
+		 */
+		value?: string;
+	}
 
-	/** returns the time value
-	*/
-	value?: string;
-}
+	export interface CreateEventArgs {
 
-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 TimePicker model
+		 */
+		model?: ej.TimePicker.Model;
 
-	/** 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 {
 
-export interface DestroyEventArgs {
+		/** 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.TimePicker.Model;
 
-	/** 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 FocusInEventArgs {
 
-export interface FocusInEventArgs {
+		/** 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.TimePicker.Model;
 
-	/** 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 the previously selected time value
-	*/
-	prevTime?: string;
+		/** returns the current time value
+		 */
+		value?: string;
+	}
 
-	/** returns the current time value
-	*/
-	value?: string;
-}
+	export interface FocusOutEventArgs {
 
-export interface FocusOutEventArgs {
+		/** 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.TimePicker.Model;
 
-	/** 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 the previously selected time value
-	*/
-	prevTime?: string;
+		/** returns the current time value
+		 */
+		value?: string;
+	}
 
-	/** returns the current time value
-	*/
-	value?: string;
-}
+	export interface OpenEventArgs {
 
-export interface OpenEventArgs {
+		/** 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.TimePicker.Model;
 
-	/** 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 time value
+		 */
+		value?: string;
+	}
 
-	/** returns the time value
-	*/
-	value?: string;
-}
+	export interface SelectEventArgs {
 
-export interface SelectEventArgs {
+		/** 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.TimePicker.Model;
 
-	/** 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 the previously selected time value
-	*/
-	prevTime?: string;
-
-	/** returns the selected time value
-	*/
-	value?: 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);
+	constructor(element: JQuery | Element, options?: ToggleButton.Model);
 	static Locale: any;
-	model:ToggleButton.Model;
-	defaults:ToggleButton.Model;
+	model: ToggleButton.Model;
+	defaults: ToggleButton.Model;
 
 	/** Allows you to destroy the ToggleButton widget.
-	*   @returns {void}
-	*/
+	 * @returns {void}
+	 */
 	destroy(): void;
 
 	/** To disable the ToggleButton to prevent all user interactions.
-	*   @returns {void}
-	*/
+	 * @returns {void}
+	 */
 	disable(): void;
 
 	/** To enable the ToggleButton.
-	*   @returns {void}
-	*/
+	 * @returns {void}
+	 */
 	enable(): void;
 }
-export module ToggleButton{
+export namespace ToggleButton {
 
-export interface Model {
+	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 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;
+		/** 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;
+		/** 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;
+		/** 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 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 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;
+		/** 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 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;
+		/** 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;
+		/** 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;
+		/** Specify the Right to Left direction of the ToggleButton.
+		 * @Default {false}
+		 */
+		enableRTL?: boolean;
 
-	/** Specifies the height of the ToggleButton.
-	*   @Default {28pixel}
-	*/
-	height?: number|string;
+		/** 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;
+		/** 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;
+		/** 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;
+		/** Allows to prevents the control switched to checked (active) state.
+		 * @Default {false}
+		 */
+		preventToggle?: boolean;
 
-	/** Displays the ToggleButton with rounded corners.
-	*   @Default {false}
-	*/
-	showRoundedCorner?: 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;
+		/** 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;
+		/** 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 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;
+		/** 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 state is changed successfully. */
+		change?(e: ChangeEventArgs): void;
 
-	/** Fires when ToggleButton control is clicked successfully. */
-	click? (e: ClickEventArgs): 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 created successfully. */
+		create?(e: CreateEventArgs): void;
 
-	/** Fires when ToggleButton control is destroyed successfully. */
-	destroy? (e: DestroyEventArgs): void;
-}
+		/** Fires when ToggleButton control is destroyed successfully. */
+		destroy?(e: DestroyEventArgs): void;
+	}
 
-export interface ChangeEventArgs {
+	export interface ChangeEventArgs {
 
-	/** if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
+		/** if the event should be canceled; otherwise, false.
+		 */
+		cancel?: boolean;
 
-	/** return the toggle button checked state
-	*/
-	isChecked?: boolean;
+		/** return the toggle button checked state
+		 */
+		isChecked?: boolean;
 
-	/** returns the toggle button model
-	*/
-	model?: ej.ToggleButton.Model;
+		/** returns the toggle button model
+		 */
+		model?: ej.ToggleButton.Model;
 
-	/** returns the name of the event
-	*/
-	type?: string;
-}
+		/** returns the name of the event
+		 */
+		type?: string;
+	}
 
-export interface ClickEventArgs {
+	export interface ClickEventArgs {
 
-	/** if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
+		/** if the event should be canceled; otherwise, false.
+		 */
+		cancel?: boolean;
 
-	/** return the toggle button checked state
-	*/
-	isChecked?: boolean;
+		/** return the toggle button checked state
+		 */
+		isChecked?: boolean;
 
-	/** returns the toggle button model
-	*/
-	model?: ej.ToggleButton.Model;
+		/** returns the toggle button model
+		 */
+		model?: ej.ToggleButton.Model;
 
-	/** return the toggle button state
-	*/
-	status?: boolean;
+		/** return the toggle button state
+		 */
+		status?: boolean;
 
-	/** returns the name of the event
-	*/
-	type?: string;
-}
+		/** returns the name of the event
+		 */
+		type?: string;
+	}
 
-export interface CreateEventArgs {
+	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 toggle button model
-	*/
-	model?: ej.ToggleButton.Model;
+		/** returns the toggle button model
+		 */
+		model?: ej.ToggleButton.Model;
 
-	/** returns the name of the event
-	*/
-	type?: string;
-}
+		/** returns the name of the event
+		 */
+		type?: string;
+	}
 
-export interface DestroyEventArgs {
+	export interface DestroyEventArgs {
 
-	/** if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
+		/** if the event should be canceled; otherwise, false.
+		 */
+		cancel?: boolean;
 
-	/** returns the toggle button model
-	*/
-	model?: ej.ToggleButton.Model;
+		/** returns the toggle button model
+		 */
+		model?: ej.ToggleButton.Model;
 
-	/** returns the name of the event
-	*/
-	type?: string;
-}
+		/** 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);
+	constructor(element: JQuery | Element, options?: Toolbar.Model);
 	static Locale: any;
-	model:Toolbar.Model;
-	defaults:Toolbar.Model;
+	model: Toolbar.Model;
+	defaults: Toolbar.Model;
 
 	/** Deselect the specified Toolbar item.
-	*   @param {any} The element need to be deselected
-	*   @returns {void}
-	*/
+	 * @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}
-	*/
+	 * @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}
-	*/
+	 * @returns {void}
+	 */
 	destroy(): void;
 
 	/** To disable all items in the Toolbar control.
-	*   @returns {void}
-	*/
+	 * @returns {void}
+	 */
 	disable(): void;
 
 	/** Disable the specified Toolbar item.
-	*   @param {any} The element need to be disabled
-	*   @returns {void}
-	*/
+	 * @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}
-	*/
+	 * @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}
-	*/
+	 * @returns {void}
+	 */
 	enable(): void;
 
 	/** Enable the Toolbar item based on specified item.
-	*   @param {any} The element need to be enabled
-	*   @returns {void}
-	*/
+	 * @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}
-	*/
+	 * @param {string} The ID of the element need to be enabled
+	 * @returns {void}
+	 */
 	enableItemByID(ID: string): void;
 
 	/** To hide the Toolbar
-	*   @returns {void}
-	*/
+	 * @returns {void}
+	 */
 	hide(): void;
 
 	/** Remove the item from toolbar, based on specified item.
-	*   @param {any} The element need to be removed
-	*   @returns {void}
-	*/
+	 * @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}
-	*/
+	 * @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}
-	*/
+	 * @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}
-	*/
+	 * @param {string} The ID of the element need to be selected
+	 * @returns {void}
+	 */
 	selectItemByID(ID: string): void;
 
 	/** To show the Toolbar.
-	*   @returns {void}
-	*/
+	 * @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;
+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?: 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;
+		/** 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 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;
+		/** 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;
+		/** 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 clicked. */
+		click?(e: ClickEventArgs): void;
 
-	/** Fires after Toolbar control is created. */
-	create? (e: CreateEventArgs): void;
+		/** Fires after Toolbar control is created. */
+		create?(e: CreateEventArgs): void;
 
-	/** Fires after Toolbar control is focused. */
-	focusOut? (e: FocusOutEventArgs): void;
+		/** Fires after Toolbar control is focused. */
+		focusOut?(e: FocusOutEventArgs): void;
 
-	/** Fires when the Toolbar is destroyed successfully. */
-	destroy? (e: DestroyEventArgs): 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 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 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;
-}
+		/** Fires when the overflow popup of toolbar is closed. */
+		overflowClose?(e: OverflowCloseEventArgs): void;
+	}
 
-export interface ClickEventArgs {
+	export interface ClickEventArgs {
 
-	/** if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
+		/** if the event should be canceled; otherwise, false.
+		 */
+		cancel?: boolean;
 
-	/** returns the Toolbar model
-	*/
-	model?: ej.Toolbar.Model;
+		/** 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 the target of the current object.
-	*/
-	target?: any;
+		/** returns the target of the current object.
+		 */
+		target?: any;
 
-	/** returns the target of the current object.
-	*/
-	currentTarget?: any;
+		/** returns the target of the current object.
+		 */
+		currentTarget?: any;
 
-	/** return the Toolbar state
-	*/
-	status?: boolean;
-}
+		/** return the Toolbar state
+		 */
+		status?: boolean;
+	}
 
-export interface CreateEventArgs {
+	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 Toolbar model
-	*/
-	model?: ej.Toolbar.Model;
+		/** returns the Toolbar model
+		 */
+		model?: ej.Toolbar.Model;
 
-	/** returns the name of the event
-	*/
-	type?: string;
-}
+		/** returns the name of the event
+		 */
+		type?: string;
+	}
 
-export interface FocusOutEventArgs {
+	export interface FocusOutEventArgs {
 
-	/** if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
+		/** if the event should be canceled; otherwise, false.
+		 */
+		cancel?: boolean;
 
-	/** returns the Toolbar model
-	*/
-	model?: ej.Toolbar.Model;
+		/** returns the Toolbar model
+		 */
+		model?: ej.Toolbar.Model;
 
-	/** returns the name of the event
-	*/
-	type?: string;
-}
+		/** returns the name of the event
+		 */
+		type?: string;
+	}
 
-export interface DestroyEventArgs {
+	export interface DestroyEventArgs {
 
-	/** if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
+		/** if the event should be canceled; otherwise, false.
+		 */
+		cancel?: boolean;
 
-	/** returns the Toolbar model
-	*/
-	model?: ej.Toolbar.Model;
+		/** returns the Toolbar model
+		 */
+		model?: ej.Toolbar.Model;
 
-	/** returns the name of the event
-	*/
-	type?: string;
-}
+		/** returns the name of the event
+		 */
+		type?: string;
+	}
 
-export interface ItemHoverEventArgs {
+	export interface ItemHoverEventArgs {
 
-	/** if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
+		/** if the event should be canceled; otherwise, false.
+		 */
+		cancel?: boolean;
 
-	/** returns the Toolbar model
-	*/
-	model?: ej.Toolbar.Model;
+		/** 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 the target of the current object.
-	*/
-	target?: any;
+		/** returns the target of the current object.
+		 */
+		target?: any;
 
-	/** returns the target of the current object.
-	*/
-	currentTarget?: any;
+		/** returns the target of the current object.
+		 */
+		currentTarget?: any;
 
-	/** return the Toolbar state
-	*/
-	status?: boolean;
-}
+		/** return the Toolbar state
+		 */
+		status?: boolean;
+	}
 
-export interface ItemLeaveEventArgs {
+	export interface ItemLeaveEventArgs {
 
-	/** if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
+		/** if the event should be canceled; otherwise, false.
+		 */
+		cancel?: boolean;
 
-	/** returns the Toolbar model
-	*/
-	model?: ej.Toolbar.Model;
+		/** 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 the target of the current object.
-	*/
-	target?: any;
+		/** returns the target of the current object.
+		 */
+		target?: any;
 
-	/** returns the target of the current object.
-	*/
-	currentTarget?: any;
+		/** returns the target of the current object.
+		 */
+		currentTarget?: any;
 
-	/** return the Toolbar state
-	*/
-	status?: boolean;
-}
+		/** return the Toolbar state
+		 */
+		status?: boolean;
+	}
 
-export interface OverflowOpenEventArgs {
+	export interface OverflowOpenEventArgs {
 
-	/** if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
+		/** if the event should be canceled; otherwise, false.
+		 */
+		cancel?: boolean;
 
-	/** returns the Toolbar model
-	*/
-	model?: ej.Toolbar.Model;
+		/** 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 the current  X position of the target .
-	*/
-	clientX?: number;
+		/** Returns the current  X position of the target .
+		 */
+		clientX?: number;
 
-	/** Returns the current  Y position of the target .
-	*/
-	clientY?: number;
+		/** Returns the current  Y position of the target .
+		 */
+		clientY?: number;
 
-	/** returns the target of the current object.
-	*/
-	currentTarget?: any;
-}
+		/** returns the target of the current object.
+		 */
+		currentTarget?: any;
+	}
 
-export interface OverflowCloseEventArgs {
+	export interface OverflowCloseEventArgs {
 
-	/** if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
+		/** if the event should be canceled; otherwise, false.
+		 */
+		cancel?: boolean;
 
-	/** returns the Toolbar model
-	*/
-	model?: ej.Toolbar.Model;
+		/** 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 the current  X position of the target .
-	*/
-	clientX?: number;
+		/** Returns the current  X position of the target .
+		 */
+		clientX?: number;
 
-	/** Returns the current  Y position of the target .
-	*/
-	clientY?: number;
+		/** Returns the current  Y position of the target .
+		 */
+		clientY?: number;
 
-	/** returns the target of the current object.
-	*/
-	currentTarget?: any;
-}
+		/** returns the target of the current object.
+		 */
+		currentTarget?: any;
+	}
 
-export interface Fields {
+	export interface Fields {
 
-	/** Defines the group name for the item.
-	*/
-	group?: string;
+		/** 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 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 id for the tag.
+		 */
+		id?: string;
 
-	/** Defines the image attributes such as height, width, styles and so on.
-	*/
-	imageAttributes?: 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 imageURL for the image location.
+		 */
+		imageUrl?: string;
 
-	/** Defines the sprite CSS for the image tag.
-	*/
-	spriteCssClass?: string;
+		/** Defines the sprite CSS for the image tag.
+		 */
+		spriteCssClass?: string;
 
-	/** Defines the text content for the tag.
-	*/
-	text?: string;
+		/** Defines the text content for the tag.
+		 */
+		text?: string;
 
-	/** Defines the tooltip text for the tag.
-	*/
-	tooltipText?: string;
+		/** Defines the tooltip text for the tag.
+		 */
+		tooltipText?: string;
 
-	/** Allows you to add  template as toolbar item
-	*/
-	template?: string;
-}
+		/** Allows you to add  template as toolbar item
+		 */
+		template?: string;
+	}
 
-export interface Items {
+	export interface Items {
 
-	/** Defines the group name for the item.
-	*/
-	group?: string;
+		/** Defines the group name for the item.
+		 */
+		group?: string;
 
-	/** Defines the HTML attributes such as id, class, styles for the item .
-	*/
-	htmlAttributes?: any;
+		/** Defines the HTML attributes such as id, class, styles for the item .
+		 */
+		htmlAttributes?: any;
 
-	/** Defines id for the tag.
-	*/
-	id?: string;
+		/** Defines id for the tag.
+		 */
+		id?: string;
 
-	/** Defines the image attributes such as height, width, styles and so on.
-	*/
-	imageAttributes?: 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 imageURL for the image location.
+		 */
+		imageUrl?: string;
 
-	/** Defines the sprite CSS for the image tag.
-	*/
-	spriteCssClass?: string;
+		/** Defines the sprite CSS for the image tag.
+		 */
+		spriteCssClass?: string;
 
-	/** Defines the text content for the tag.
-	*/
-	text?: string;
+		/** Defines the text content for the tag.
+		 */
+		text?: string;
 
-	/** Defines the tooltip text for the tag.
-	*/
-	tooltipText?: string;
+		/** Defines the tooltip text for the tag.
+		 */
+		tooltipText?: string;
 
-	/** Allows to add template as toolbar item.
-	*/
-	template?: string;
-}
+		/** Allows to add template as toolbar item.
+		 */
+		template?: string;
+	}
 
-enum ResponsiveType{
+	enum ResponsiveType {
 
-	///To display the toolbar overflow items as popup
-	Popup,
+		///To display the toolbar overflow items as popup
+		Popup,
 
-	///To display the toolbar overflow items as inline toolbar
-	Inline
-}
+		///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);
+	constructor(element: JQuery | Element, options?: TreeView.Model);
 	static Locale: any;
-	model:TreeView.Model;
-	defaults:TreeView.Model;
+	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;
+	 * @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;
+	 * @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}
-	*/
+	 * @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;
+	 * @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}
-	*/
+	/** 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;
+	 * @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|Array<any>): void;
+	 * @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|Array<any>): void;
+	 * @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;
+	 * @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}
-	*/
+	/** 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;
+	 * @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}
-	*/
+	 * @returns {any}
+	 */
 	getCheckedNodes(): any;
 
 	/** To get currently checked nodes indexes in TreeView.
-	*   @returns {Array<any>}
-	*/
-	getCheckedNodesIndex(): Array<any>;
+	 * @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): 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): any[];
 
 	/** To get number of nodes in TreeView.
-	*   @returns {number}
-	*/
+	 * @returns {number}
+	 */
 	getNodeCount(): number;
 
 	/** To get currently expanded nodes in TreeView.
-	*   @returns {any}
-	*/
+	 * @returns {any}
+	 */
 	getExpandedNodes(): any;
 
 	/** To get currently expanded nodes indexes in TreeView.
-	*   @returns {Array<any>}
-	*/
-	getExpandedNodesIndex(): Array<any>;
+	 * @returns {Array<any>}
+	 */
+	getExpandedNodesIndex(): any[];
 
 	/** To get TreeView node by using index position in TreeView.
-	*   @param {number} Index position of TreeView node
-	*   @returns {any}
-	*/
+	 * @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;
+	 * @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;
+	 * @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;
+	 * @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}
-	*/
+	 * @returns {any}
+	 */
 	getSelectedNode(): any;
 
 	/** To get the currently selected nodes in TreeView.
-	*   @returns {Array<any>}
-	*/
-	getSelectedNodes(): Array<any>;
+	 * @returns {Array<any>}
+	 */
+	getSelectedNodes(): any[];
 
 	/** To get the index position of currently selected node in TreeView.
-	*   @returns {number}
-	*/
+	 * @returns {number}
+	 */
 	getSelectedNodeIndex(): number;
 
 	/** To get the index positions of currently selected nodes in TreeView.
-	*   @returns {Array<any>}
-	*/
-	getSelectedNodesIndex(): Array<any>;
+	 * @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;
+	 * @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>;
+	 * @param {string|number} ID of TreeView node
+	 * @returns {Array<any>}
+	 */
+	getTreeData(id?: string | number): any[];
 
 	/** To get currently visible nodes in TreeView.
-	*   @returns {any}
-	*/
+	 * @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;
+	 * @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}
-	*/
+	 * @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;
+	 * @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;
+	 * @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;
+	 * @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;
+	 * @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;
+	 * @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;
+	 * @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;
+	 * @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;
+	 * @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;
+	 * @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;
+	 * @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;
+	 * @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;
+	 * @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}
-	*/
+	 * @returns {void}
+	 */
 	refresh(): void;
 
 	/** To remove all the nodes in TreeView.
-	*   @returns {void}
-	*/
+	 * @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;
+	 * @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}
-	*/
+	 * @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;
+	 * @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}
-	*/
+	 * @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;
+	 * @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}
-	*/
+	 * @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;
+	 * @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}
-	*/
+	 * @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;
+	 * @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;
+	 * @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 namespace TreeView {
 
-export interface Model {
+	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 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 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 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 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 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 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;
+		/** 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 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;
+		/** 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>;
+		/** 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;
+		/** 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 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;
+		/** 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;
+		/** 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;
+		/** 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 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 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 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 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;
+		/** 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;
+		/** 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 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;
+		/** 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 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 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;
+		/** 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;
+		/** 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;
+		/** 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;
+		/** Defines the width of the TreeView.
+		 * @Default {Null}
+		 */
+		width?: string | number;
 
-	/** Fires before adding node to TreeView. */
-	beforeAdd? (e: BeforeAddEventArgs): void;
+		/** Fires before adding node to TreeView. */
+		beforeAdd?(e: BeforeAddEventArgs): void;
 
-	/** Fires before collapse a node. */
-	beforeCollapse? (e: BeforeCollapseEventArgs): void;
+		/** Fires before collapse a node. */
+		beforeCollapse?(e: BeforeCollapseEventArgs): void;
 
-	/** Fires before cut node in TreeView. */
-	beforeCut? (e: BeforeCutEventArgs): void;
+		/** Fires before cut node in TreeView. */
+		beforeCut?(e: BeforeCutEventArgs): void;
 
-	/** Fires before deleting node in TreeView. */
-	beforeDelete? (e: BeforeDeleteEventArgs): void;
+		/** Fires before deleting node in TreeView. */
+		beforeDelete?(e: BeforeDeleteEventArgs): void;
 
-	/** Fires before editing the node in TreeView. */
-	beforeEdit? (e: BeforeEditEventArgs): void;
+		/** Fires before editing the node in TreeView. */
+		beforeEdit?(e: BeforeEditEventArgs): void;
 
-	/** Fires before expanding the node. */
-	beforeExpand? (e: BeforeExpandEventArgs): void;
+		/** Fires before expanding the node. */
+		beforeExpand?(e: BeforeExpandEventArgs): void;
 
-	/** Fires before loading nodes to TreeView. */
-	beforeLoad? (e: BeforeLoadEventArgs): void;
+		/** Fires before loading nodes to TreeView. */
+		beforeLoad?(e: BeforeLoadEventArgs): void;
 
-	/** Fires before paste node in TreeView. */
-	beforePaste? (e: BeforePasteEventArgs): void;
+		/** Fires before paste node in TreeView. */
+		beforePaste?(e: BeforePasteEventArgs): void;
 
-	/** Fires before selecting node in TreeView. */
-	beforeSelect? (e: BeforeSelectEventArgs): void;
+		/** Fires before selecting node in TreeView. */
+		beforeSelect?(e: BeforeSelectEventArgs): void;
 
-	/** Fires when TreeView created successfully. */
-	create? (e: CreateEventArgs): void;
+		/** Fires when TreeView created successfully. */
+		create?(e: CreateEventArgs): void;
 
-	/** Fires when TreeView destroyed successfully. */
-	destroy? (e: DestroyEventArgs): void;
+		/** Fires when TreeView destroyed successfully. */
+		destroy?(e: DestroyEventArgs): void;
 
-	/** Fires before nodeEdit Successful. */
-	inlineEditValidation? (e: InlineEditValidationEventArgs): void;
+		/** Fires before nodeEdit Successful. */
+		inlineEditValidation?(e: InlineEditValidationEventArgs): void;
 
-	/** Fires when key pressed successfully. */
-	keyPress? (e: KeyPressEventArgs): void;
+		/** Fires when key pressed successfully. */
+		keyPress?(e: KeyPressEventArgs): void;
 
-	/** Fires when data load fails. */
-	loadError? (e: LoadErrorEventArgs): void;
+		/** Fires when data load fails. */
+		loadError?(e: LoadErrorEventArgs): void;
 
-	/** Fires when data loaded successfully. */
-	loadSuccess? (e: LoadSuccessEventArgs): void;
+		/** Fires when data loaded successfully. */
+		loadSuccess?(e: LoadSuccessEventArgs): void;
 
-	/** Fires once node added successfully. */
-	nodeAdd? (e: NodeAddEventArgs): void;
+		/** Fires once node added successfully. */
+		nodeAdd?(e: NodeAddEventArgs): void;
 
-	/** Fires once node checked successfully. */
-	nodeCheck? (e: NodeCheckEventArgs): void;
+		/** Fires once node checked successfully. */
+		nodeCheck?(e: NodeCheckEventArgs): void;
 
-	/** Fires when node clicked successfully. */
-	nodeClick? (e: NodeClickEventArgs): void;
+		/** Fires when node clicked successfully. */
+		nodeClick?(e: NodeClickEventArgs): void;
 
-	/** Fires when node collapsed successfully. */
-	nodeCollapse? (e: NodeCollapseEventArgs): void;
+		/** Fires when node collapsed successfully. */
+		nodeCollapse?(e: NodeCollapseEventArgs): void;
 
-	/** Fires when node cut successfully. */
-	nodeCut? (e: NodeCutEventArgs): void;
+		/** Fires when node cut successfully. */
+		nodeCut?(e: NodeCutEventArgs): void;
 
-	/** Fires when node deleted successfully. */
-	nodeDelete? (e: NodeDeleteEventArgs): void;
+		/** Fires when node deleted successfully. */
+		nodeDelete?(e: NodeDeleteEventArgs): void;
 
-	/** Fires when node dragging. */
-	nodeDrag? (e: NodeDragEventArgs): void;
+		/** Fires when node dragging. */
+		nodeDrag?(e: NodeDragEventArgs): void;
 
-	/** Fires once node drag start successfully. */
-	nodeDragStart? (e: NodeDragStartEventArgs): void;
+		/** Fires once node drag start successfully. */
+		nodeDragStart?(e: NodeDragStartEventArgs): void;
 
-	/** Fires before the dragged node to be dropped. */
-	nodeDragStop? (e: NodeDragStopEventArgs): 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 dropped successfully. */
+		nodeDropped?(e: NodeDroppedEventArgs): void;
 
-	/** Fires once node edited successfully. */
-	nodeEdit? (e: NodeEditEventArgs): void;
+		/** Fires once node edited successfully. */
+		nodeEdit?(e: NodeEditEventArgs): void;
 
-	/** Fires once node expanded successfully. */
-	nodeExpand? (e: NodeExpandEventArgs): void;
+		/** Fires once node expanded successfully. */
+		nodeExpand?(e: NodeExpandEventArgs): void;
 
-	/** Fires once node pasted successfully. */
-	nodePaste? (e: NodePasteEventArgs): void;
+		/** Fires once node pasted successfully. */
+		nodePaste?(e: NodePasteEventArgs): void;
 
-	/** Fires when node selected successfully. */
-	nodeSelect? (e: NodeSelectEventArgs): void;
+		/** Fires when node selected successfully. */
+		nodeSelect?(e: NodeSelectEventArgs): void;
 
-	/** Fires once node unchecked successfully. */
-	nodeUncheck? (e: NodeUncheckEventArgs): void;
+		/** Fires once node unchecked successfully. */
+		nodeUncheck?(e: NodeUncheckEventArgs): void;
 
-	/** Fires once node unselected successfully. */
-	nodeUnselect? (e: NodeUnselectEventArgs): void;
+		/** Fires once node unselected successfully. */
+		nodeUnselect?(e: NodeUnselectEventArgs): void;
 
-	/** Fires when TreeView nodes are loaded successfully */
-	ready? (e: ReadyEventArgs): 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;
+	}
 }
-
-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,
+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);
+	constructor(element: JQuery | Element, options?: Uploadbox.Model);
 	static Locale: any;
-	model:Uploadbox.Model;
-	defaults:Uploadbox.Model;
+	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}
-	*/
+	 * @returns {void}
+	 */
 	destroy(): void;
 
 	/** Disables the Uploadbox control
-	*   @returns {void}
-	*/
+	 * @returns {void}
+	 */
 	disable(): void;
 
 	/** Enables the Uploadbox control
-	*   @returns {void}
-	*/
+	 * @returns {void}
+	 */
 	enable(): void;
 
 	/** Refresh the Uploadbox control
-	*   @returns {void}
-	*/
+	 * @returns {void}
+	 */
 	refresh(): 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;
+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;
+		/** 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 beforeSend. */
+		beforeSend?(e: BeforeSendEventArgs): void;
 
-	/** Fires when the upload progress begins. */
-	begin? (e: BeginEventArgs): 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 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 completed. */
+		complete?(e: CompleteEventArgs): void;
 
-	/** Fires when the file upload progress is succeeded. */
-	success? (e: SuccessEventArgs): 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 created. */
+		create?(e: CreateEventArgs): void;
 
-	/** Fires when the Uploadbox control is destroyed. */
-	destroy? (e: DestroyEventArgs): 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 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 selected for upload successfully. */
+		fileSelect?(e: FileSelectEventArgs): void;
 
-	/** Fires when the file is uploading. */
-	inProgress? (e: InProgressEventArgs): void;
+		/** Fires when the file is uploading. */
+		inProgress?(e: InProgressEventArgs): void;
 
-	/** Fires when the uploaded file is removed successfully. */
-	remove? (e: RemoveEventArgs): void;
-}
+		/** Fires when the uploaded file is removed successfully. */
+		remove?(e: RemoveEventArgs): void;
+	}
 
-export interface BeforeSendEventArgs {
+	export interface BeforeSendEventArgs {
 
-	/** Selected FileList Object.
-	*/
-	files?: any;
+		/** Selected FileList Object.
+		 */
+		files?: any;
 
-	/** if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
+		/** if the event should be canceled; otherwise, false.
+		 */
+		cancel?: boolean;
 
-	/** returns the Uploadbox model
-	*/
-	model?: any;
+		/** returns the Uploadbox model
+		 */
+		model?: any;
 
-	/** XHR-AJAX Object for reference.
-	*/
-	xhr?: any;
+		/** XHR-AJAX Object for reference.
+		 */
+		xhr?: any;
 
-	/** returns the name of the event.
-	*/
-	type?: string;
-}
+		/** returns the name of the event.
+		 */
+		type?: string;
+	}
 
-export interface BeginEventArgs {
+	export interface BeginEventArgs {
 
-	/** To pass additional information to the server.
-	*/
-	data?: any;
+		/** To pass additional information to the server.
+		 */
+		data?: any;
 
-	/** Selected FileList Object.
-	*/
-	files?: any;
+		/** Selected FileList Object.
+		 */
+		files?: any;
 
-	/** if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
+		/** if the event should be canceled; otherwise, false.
+		 */
+		cancel?: boolean;
 
-	/** returns the Uploadbox model
-	*/
-	model?: any;
+		/** returns the Uploadbox model
+		 */
+		model?: any;
 
-	/** returns the name of the event.
-	*/
-	type?: string;
-}
+		/** returns the name of the event.
+		 */
+		type?: string;
+	}
 
-export interface CancelEventArgs {
+	export interface CancelEventArgs {
 
-	/** Canceled FileList Object.
-	*/
-	fileStatus?: any;
+		/** Canceled FileList Object.
+		 */
+		fileStatus?: any;
 
-	/** returns the Uploadbox model
-	*/
-	model?: any;
+		/** returns the Uploadbox model
+		 */
+		model?: any;
 
-	/** returns the name of the event.
-	*/
-	type?: string;
-}
+		/** returns the name of the event.
+		 */
+		type?: string;
+	}
 
-export interface CompleteEventArgs {
+	export interface CompleteEventArgs {
 
-	/** AJAX event argument for reference.
-	*/
-	e?: any;
+		/** AJAX event argument for reference.
+		 */
+		e?: any;
 
-	/** Uploaded file list.
-	*/
-	files?: any;
+		/** Uploaded file list.
+		 */
+		files?: any;
 
-	/** response from the server.
-	*/
-	responseText?: string;
+		/** response from the server.
+		 */
+		responseText?: string;
 
-	/** XHR-AJAX Object for reference.
-	*/
-	xhr?: any;
+		/** XHR-AJAX Object for reference.
+		 */
+		xhr?: any;
 
-	/** returns the Uploadbox model
-	*/
-	model?: any;
+		/** returns the Uploadbox model
+		 */
+		model?: any;
 
-	/** returns the name of the event.
-	*/
-	type?: string;
-}
+		/** returns the name of the event.
+		 */
+		type?: string;
+	}
 
-export interface SuccessEventArgs {
+	export interface SuccessEventArgs {
 
-	/** response from the server.
-	*/
-	responseText?: string;
+		/** response from the server.
+		 */
+		responseText?: string;
 
-	/** AJAX event argument for reference.
-	*/
-	e?: any;
+		/** AJAX event argument for reference.
+		 */
+		e?: any;
 
-	/** successfully uploaded files list.
-	*/
-	success?: any;
+		/** successfully uploaded files list.
+		 */
+		success?: any;
 
-	/** Uploaded file list.
-	*/
-	files?: any;
+		/** Uploaded file list.
+		 */
+		files?: any;
 
-	/** XHR-AJAX Object for reference.
-	*/
-	xhr?: any;
+		/** XHR-AJAX Object for reference.
+		 */
+		xhr?: any;
 
-	/** returns the Uploadbox model
-	*/
-	model?: any;
+		/** returns the Uploadbox model
+		 */
+		model?: any;
 
-	/** returns the name of the event.
-	*/
-	type?: string;
-}
+		/** returns the name of the event.
+		 */
+		type?: string;
+	}
 
-export interface CreateEventArgs {
+	export interface CreateEventArgs {
 
-	/** returns the Uploadbox model
-	*/
-	model?: any;
+		/** returns the Uploadbox model
+		 */
+		model?: any;
 
-	/** returns the name of the event.
-	*/
-	type?: string;
-}
+		/** returns the name of the event.
+		 */
+		type?: string;
+	}
 
-export interface DestroyEventArgs {
+	export interface DestroyEventArgs {
 
-	/** returns the Uploadbox model
-	*/
-	model?: any;
+		/** returns the Uploadbox model
+		 */
+		model?: any;
 
-	/** returns the name of the event.
-	*/
-	type?: string;
-}
+		/** returns the name of the event.
+		 */
+		type?: string;
+	}
 
-export interface ErrorEventArgs {
+	export interface ErrorEventArgs {
 
-	/** details about the error information.
-	*/
-	error?: string;
+		/** details about the error information.
+		 */
+		error?: string;
 
-	/** returns the name of the event.
-	*/
-	type?: string;
+		/** returns the name of the event.
+		 */
+		type?: string;
 
-	/** error event action details.
-	*/
-	action?: string;
+		/** error event action details.
+		 */
+		action?: string;
 
-	/** returns the file details of the file uploaded
-	*/
-	files?: any;
-}
+		/** returns the file details of the file uploaded
+		 */
+		files?: any;
+	}
 
-export interface FileSelectEventArgs {
+	export interface FileSelectEventArgs {
 
-	/** returns Selected FileList objects
-	*/
-	files?: any;
+		/** returns Selected FileList objects
+		 */
+		files?: any;
 
-	/** returns the Uploadbox model
-	*/
-	model?: any;
+		/** returns the Uploadbox model
+		 */
+		model?: any;
 
-	/** returns the name of the event.
-	*/
-	type?: string;
-}
+		/** returns the name of the event.
+		 */
+		type?: string;
+	}
 
-export interface InProgressEventArgs {
+	export interface InProgressEventArgs {
 
-	/** if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
+		/** if the event should be canceled; otherwise, false.
+		 */
+		cancel?: boolean;
 
-	/** AJAX event argument for reference.
-	*/
-	e?: any;
+		/** AJAX event argument for reference.
+		 */
+		e?: any;
 
-	/** returns Selected FileList objects
-	*/
-	files?: any;
+		/** returns Selected FileList objects
+		 */
+		files?: any;
 
-	/** returns the Uploadbox model
-	*/
-	model?: any;
+		/** returns the Uploadbox model
+		 */
+		model?: any;
 
-	/** returns the current progress percentage.
-	*/
-	percentage?: any;
+		/** returns the current progress percentage.
+		 */
+		percentage?: any;
 
-	/** returns the name of the event.
-	*/
-	type?: string;
-}
+		/** returns the name of the event.
+		 */
+		type?: string;
+	}
 
-export interface RemoveEventArgs {
+	export interface RemoveEventArgs {
 
-	/** returns the Uploadbox model
-	*/
-	model?: any;
+		/** returns the Uploadbox model
+		 */
+		model?: any;
 
-	/** returns the name of the event.
-	*/
-	type?: string;
+		/** returns the name of the event.
+		 */
+		type?: string;
 
-	/** returns the file details of the file object
-	*/
-	fileStatus?: any;
-}
+		/** returns the file details of the file object
+		 */
+		fileStatus?: any;
+	}
 
-export interface ButtonText {
+	export interface ButtonText {
 
-	/** Sets the text for the browse button.
-	*/
-	browse?: string;
+		/** Sets the text for the browse button.
+		 */
+		browse?: string;
 
-	/** Sets the text for the cancel button.
-	*/
-	cancel?: string;
+		/** Sets the text for the cancel button.
+		 */
+		cancel?: string;
 
-	/** Sets the text for the close button.
-	*/
-	Close?: string;
+		/** Sets the text for the close button.
+		 */
+		Close?: string;
 
-	/** Sets the text for the Upload button inside the dialog popup.
-	*/
-	upload?: string;
-}
+		/** Sets the text for the Upload button inside the dialog popup.
+		 */
+		upload?: string;
+	}
 
-export interface CustomFileDetails {
+	export interface CustomFileDetails {
 
-	/** Enables the file upload interactions like remove/cancel in File details of the dialog popup.
-	*/
-	action?: boolean;
+		/** 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 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 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 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;
-}
+		/** Enables the title in File details for the dialog popup.
+		 */
+		title?: boolean;
+	}
 
-export interface DialogAction {
+	export interface DialogAction {
 
-	/** Once uploaded successfully, the dialog popup closes immediately.
-	*/
-	closeOnComplete?: boolean;
+		/** Once uploaded successfully, the dialog popup closes immediately.
+		 */
+		closeOnComplete?: boolean;
 
-	/** Sets the content container option to the Uploadbox dialog popup.
-	*/
-	content?: string;
+		/** Sets the content container option to the Uploadbox dialog popup.
+		 */
+		content?: string;
 
-	/** Enables the drag option to the dialog popup.
-	*/
-	drag?: boolean;
+		/** 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;
-}
+		/** Enables or disables the Uploadbox dialog’s modal property to the dialog popup.
+		 */
+		modal?: boolean;
+	}
 
-export interface DialogText {
+	export interface DialogText {
 
-	/** Sets the uploaded file’s Name (header text) to the Dialog popup.
-	*/
-	name?: string;
+		/** 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 Size (header text) to the dialog popup.
+		 */
+		size?: string;
 
-	/** Sets the upload file Status (header text) to the dialog popup.
-	*/
-	status?: string;
+		/** Sets the upload file Status (header text) to the dialog popup.
+		 */
+		status?: string;
 
-	/** Sets the title text of the dialog popup.
-	*/
-	title?: 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);
+	constructor(element: JQuery | Element, options?: WaitingPopup.Model);
 	static Locale: any;
-	model:WaitingPopup.Model;
-	defaults:WaitingPopup.Model;
+	model: WaitingPopup.Model;
+	defaults: WaitingPopup.Model;
 
 	/** To hide the waiting popup
-	*   @returns {void}
-	*/
+	 * @returns {void}
+	 */
 	hide(): void;
 
 	/** Refreshes the WaitingPopup control by resetting the pop-up panel position and content position
-	*   @returns {void}
-	*/
+	 * @returns {void}
+	 */
 	refresh(): void;
 
 	/** To show the waiting popup
-	*   @returns {void}
-	*/
+	 * @returns {void}
+	 */
 	show(): void;
 }
-export module WaitingPopup{
+export namespace WaitingPopup {
 
-export interface Model {
+	export interface Model {
 
-	/** Sets the root class for the WaitingPopup control theme
-	*   @Default {null}
-	*/
-	cssClass?: string;
+		/** 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;
+		/** 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 or disables the default loading icon.
+		 * @Default {true}
+		 */
+		showImage?: boolean;
 
-	/** Enables the visibility of the WaitingPopup control
-	*   @Default {false}
-	*/
-	showOnInit?: boolean;
+		/** Enables the visibility of the WaitingPopup control
+		 * @Default {false}
+		 */
+		showOnInit?: boolean;
 
-	/** Specified a selector for elements, within the container.
-	*   @Default {null}
-	*/
-	target?: string;
+		/** Specified a selector for elements, within the container.
+		 * @Default {null}
+		 */
+		target?: string;
 
-	/** Waitingpopup element append to given container element.
-	*   @Default {null}
-	*/
-	appendTo?: 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;
+		/** 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;
+		/** 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 Create WaitingPopup successfully */
+		create?(e: CreateEventArgs): void;
 
-	/** Fires after Destroy WaitingPopup successfully */
-	destroy? (e: DestroyEventArgs): void;
-}
+		/** Fires after Destroy WaitingPopup successfully */
+		destroy?(e: DestroyEventArgs): void;
+	}
 
-export interface CreateEventArgs {
+	export interface CreateEventArgs {
 
-	/** returns the cancel option value
-	*/
-	cancel?: boolean;
+		/** returns the cancel option value
+		 */
+		cancel?: boolean;
 
-	/** returns the WaitingPopup model
-	*/
-	model?: ej.WaitingPopup.Model;
+		/** returns the WaitingPopup model
+		 */
+		model?: ej.WaitingPopup.Model;
 
-	/** returns the name of the event
-	*/
-	type?: string;
-}
+		/** returns the name of the event
+		 */
+		type?: string;
+	}
 
-export interface DestroyEventArgs {
+	export interface DestroyEventArgs {
 
-	/** returns the cancel option value
-	*/
-	cancel?: boolean;
+		/** returns the cancel option value
+		 */
+		cancel?: boolean;
 
-	/** returns the WaitingPopup model
-	*/
-	model?: ej.WaitingPopup.Model;
+		/** returns the WaitingPopup model
+		 */
+		model?: ej.WaitingPopup.Model;
 
-	/** returns the name of the event
-	*/
-	type?: string;
-}
+		/** 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);
+	constructor(element: JQuery | Element, options?: Grid.Model);
 	static Locale: any;
-	model:Grid.Model;
-	defaults:Grid.Model;
+	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;
+	 * @param {Array<any>} Pass the array of parameters which need to be ignored on exporting
+	 * @returns {void}
+	 */
+	addIgnoreOnExport(propertyNames: any[]): void;
 
 	/** Add a new record in grid control when allowAdding is set as true.
-	*   @returns {void}
-	*/
-	addRecord(): void;
+	 * @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: Array<any>, serverChange?: Array<any>): void;
+	 * @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}
-	*/
+	 * @returns {void}
+	 */
 	batchCancel(): void;
 
 	/** Save the modified changes to data source in grid control when edit mode is &quot;batch&quot;.
-	*   @returns {void}
-	*/
+	 * @returns {void}
+	 */
 	batchSave(): void;
 
 	/** Send a cancel request in grid.
-	*   @returns {void}
-	*/
+	 * @returns {void}
+	 */
 	cancelEdit(): void;
 
 	/** Send a cancel request to the edited cell in grid.
-	*   @returns {void}
-	*/
+	 * @returns {void}
+	 */
 	cancelEditCell(): void;
 
 	/** It is used to clear all the cell selection.
-	*   @returns {Boolean}
-	*/
-	clearCellSelection(): Boolean;
+	 * @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;
+	 * @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;
+	 * @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}
-	*/
+	 * @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}
-	*/
+	 * @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;
+	 * @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}
-	*/
+	 * @returns {void}
+	 */
 	clearSorting(): void;
 
 	/** Collapse all the group caption rows in grid
-	*   @returns {void}
-	*/
+	 * @returns {void}
+	 */
 	collapseAll(): void;
 
 	/** Collapse the group drop area in grid
-	*   @returns {void}
-	*/
+	 * @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;
+	 * @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: Array<any>, templateRefresh?: boolean): void;
+	 * @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 {any} Pass the JSON data of record need to be delete.
-	*   @returns {void}
-	*/
-	deleteRecord(fieldName: string, data: any): void;
+	 * @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}
-	*/
+	 * @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}
-	*/
+	 * @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}
-	*/
+	 * @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;
+	 * @returns {Boolean}
+	 */
+	editFormValidate(): boolean;
 
 	/** Send a save request in grid.
-	*   @returns {void}
-	*/
+	 * @returns {void}
+	 */
 	endEdit(): void;
 
 	/** Expand all the group caption rows in grid.
-	*   @returns {void}
-	*/
+	 * @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}
-	*/
+	 * @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}
-	*/
+	 * @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;
-
-	/** 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
-	*   @returns {void}
-	*/
-	export(action: string, serverEvent?: string, multipleExport?: boolean): void;
+	 * @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: Array<any>, filterOperator: string, filterValue: string, predicate: string, matchcase?: boolean, actualFilterValue?: any): void;
+	 * @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: Array<any>): void;
+	 * @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}
-	*/
+	 * @returns {any}
+	 */
 	getBatchChanges(): any;
 
 	/** Get the browser details
-	*   @returns {any}
-	*/
+	 * @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}
-	*/
+	 * @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}
-	*/
+	 * @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}
-	*/
+	 * @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>;
+	 * @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}
-	*/
+	 * @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}
-	*/
+	 * @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}
-	*/
+	 * @returns {HTMLElement}
+	 */
 	getContent(): HTMLElement;
 
 	/** Get the content table element of grid
-	*   @returns {Array<HTMLTableElement>}
-	*/
-	getContentTable(): Array<HTMLTableElement>;
+	 * @returns {Array<HTMLTableElement>}
+	 */
+	getContentTable(): HTMLTableElement[];
 
 	/** Get the data of currently edited cell value in &quot;batch&quot; edit mode
-	*   @returns {any}
-	*/
+	 * @returns {any}
+	 */
 	getCurrentEditCellData(): any;
 
 	/** Get the current page index in grid pager.
-	*   @returns {number}
-	*/
+	 * @returns {number}
+	 */
 	getCurrentIndex(): number;
 
 	/** Get the current page data source of grid.
-	*   @returns {Array<any>}
-	*/
-	getCurrentViewData(): Array<any>;
+	 * @returns {Array<any>}
+	 */
+	getCurrentViewData(): any[];
 
 	/** Get the data of given row index in grid.
-	*   @returns {any}
-	*/
+	 * @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;
+	 * @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}
-	*/
+	 * @returns {HTMLElement}
+	 */
 	getFilterBar(): HTMLElement;
 
 	/** Get the records filtered or searched in Grid
-	*   @returns {Array<any>}
-	*/
-	getFilteredRecords(): Array<any>;
+	 * @returns {Array<any>}
+	 */
+	getFilteredRecords(): any[];
 
 	/** Get the footer content of grid.
-	*   @returns {HTMLElement}
-	*/
+	 * @returns {HTMLElement}
+	 */
 	getFooterContent(): HTMLElement;
 
 	/** Get the footer table element of grid.
-	*   @returns {HTMLElement}
-	*/
+	 * @returns {HTMLElement}
+	 */
 	getFooterTable(): HTMLElement;
 
 	/** Get the header content div element of grid.
-	*   @returns {HTMLElement}
-	*/
+	 * @returns {HTMLElement}
+	 */
 	getHeaderContent(): HTMLElement;
 
 	/** Get the header table element of grid
-	*   @returns {HTMLElement}
-	*/
+	 * @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;
+	 * @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>;
+	 * @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}
-	*/
+	 * @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}
-	*/
+	 * @returns {HTMLElement}
+	 */
 	getPager(): HTMLElement;
 
 	/** Get the names of primary key columns in Grid
-	*   @returns {Array<any>}
-	*/
-	getPrimaryKeyFieldNames(): Array<any>;
+	 * @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}
-	*/
+	 * @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}
-	*/
+	 * @returns {number}
+	 */
 	getRowHeight(): number;
 
 	/** Get the rows(tr element)of grid which is displayed in the current page.
-	*   @returns {HTMLElement}
-	*/
+	 * @returns {HTMLElement}
+	 */
 	getRows(): HTMLElement;
 
 	/** Get the scroller object of grid.
-	*   @returns {ej.Scroller}
-	*/
+	 * @returns {ej.Scroller}
+	 */
 	getScrollObject(): ej.Scroller;
 
 	/** Get the selected records details in grid.
-	*   @returns {Array<any>}
-	*/
-	getSelectedRecords(): Array<any>;
+	 * @returns {Array<any>}
+	 */
+	getSelectedRecords(): any[];
 
 	/** Get the selected row element details in grid.
-	*   @returns {Array<any>}
-	*/
-	getSelectedRows(): Array<any>;
+	 * @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}
-	*/
+	 * @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;
+	 * @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>;
+	 * @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}
-	*/
+	 * @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}
-	*/
+	 * @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;
+	 * @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}
-	*/
+	 * @returns {void}
+	 */
 	print(): void;
 
 	/** It is used to refresh and reset the changes made in &quot;batch&quot; edit mode
-	*   @returns {void}
-	*/
+	 * @returns {void}
+	 */
 	refreshBatchEditChanges(): void;
 
 	/** It is used to refresh the grid header.
-	*   @returns {void}
-	*/
+	 * @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}
-	*/
+	 * @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}
-	*/
+	 * @returns {void}
+	 */
 	refreshTemplate(): void;
 
 	/** Refresh the toolbar items in grid.
-	*   @returns {void}
-	*/
+	 * @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;
+	 * @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}
-	*/
+	 * @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}
-	*/
+	 * @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;
+	 * @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}
-	*/
+	 * @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}
-	*/
+	 * @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}
-	*/
+	 * @returns {void}
+	 */
 	rowHeightRefresh(): void;
 
 	/** Save the particular edited cell in grid.
-	*   @returns {void}
-	*/
-	saveCell(): void;
+	 * @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}
-	*/
+	 * @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}
-	*/
+	 * @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}
-	*/
+	 * @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}
-	*/
+	 * @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}
-	*/
+	 * @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}
-	*/
+	 * @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;
+	 * @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}
-	*/
+	 * @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;
+	 * @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: Array<any>): void;
+	 * @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}
-	*/
+	 * @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}
-	*/
+	 * @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}
-	*/
+	 * @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}
-	*/
+	 * @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}
-	*/
+	 * @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}
-	*/
+	 * @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;
+	 * @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}
-	*/
+	 * @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}
-	*/
+	 * @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}
-	*/
+	 * @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;
+	 * @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}
-	*/
+	 * @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;
+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;
 
-	/** 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;
+		/** Default Value:
+		 * @Default {false}
+		 */
+		showColumnChooser?: boolean;
 
-	/** Gets or sets an object that indicates whether to customize the scrolling behavior of the grid.
-	*/
-	scrollSettings?: ScrollSettings;
+		/** 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;
 
-	/** Default Value:
-	*   @Default {false}
-	*/
-	showColumnChooser?: 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 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 whether to customize the sorting behavior of the grid.
+		 */
+		sortSettings?: SortSettings;
 
-	/** 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 an object that indicates to managing the collection of stacked header rows for the grid.
+		 * @Default {[]}
+		 */
+		stackedHeaderRows?: StackedHeaderRow[];
 
-	/** 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 summary rows for the grid.
+		 * @Default {[]}
+		 */
+		summaryRows?: SummaryRow[];
 
-	/** 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 whether to auto wrap the grid header or content or both
+		 */
+		textWrapSettings?: TextWrapSettings;
 
-	/** 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 enable the toolbar in the grid and add toolbar items
+		 */
+		toolbarSettings?: ToolbarSettings;
 
-	/** Gets or sets an object that indicates whether to auto wrap the grid header or content or both
-	*/
-	textWrapSettings?: TextWrapSettings;
+		/** Triggered for every grid action before its starts. */
+		actionBegin?(e: ActionBeginEventArgs): void;
 
-	/** 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 success event. */
+		actionComplete?(e: ActionCompleteEventArgs): void;
 
-	/** Triggered for every grid action before its starts. */
-	actionBegin? (e: ActionBeginEventArgs): void;
+		/** Triggered for every grid action server failure event. */
+		actionFailure?(e: ActionFailureEventArgs): void;
 
-	/** Triggered for every grid action success event. */
-	actionComplete? (e: ActionCompleteEventArgs): void;
+		/** Triggered when record batch add. */
+		batchAdd?(e: BatchAddEventArgs): void;
 
-	/** Triggered for every grid action server failure event. */
-	actionFailure? (e: ActionFailureEventArgs): void;
+		/** Triggered when record batch delete. */
+		batchDelete?(e: BatchDeleteEventArgs): void;
 
-	/** Triggered when record batch add. */
-	batchAdd? (e: BatchAddEventArgs): void;
+		/** Triggered before the batch add. */
+		beforeBatchAdd?(e: BeforeBatchAddEventArgs): void;
 
-	/** Triggered when record batch delete. */
-	batchDelete? (e: BatchDeleteEventArgs): void;
+		/** Triggered before the batch delete. */
+		beforeBatchDelete?(e: BeforeBatchDeleteEventArgs): void;
 
-	/** Triggered before the batch add. */
-	beforeBatchAdd? (e: BeforeBatchAddEventArgs): void;
+		/** Triggered before the batch save. */
+		beforeBatchSave?(e: BeforeBatchSaveEventArgs): void;
 
-	/** Triggered before the batch delete. */
-	beforeBatchDelete? (e: BeforeBatchDeleteEventArgs): void;
+		/** Triggered before the print. */
+		beforePrint?(e: BeforePrintEventArgs): void;
 
-	/** Triggered before the batch save. */
-	beforeBatchSave? (e: BeforeBatchSaveEventArgs): void;
+		/** Triggered before row drop in the grid */
+		beforeRowDrop?(e: BeforeRowDropEventArgs): void;
 
-	/** Triggered before the print. */
-	beforePrint? (e: BeforePrintEventArgs): void;
+		/** Triggered before the record is going to be edited. */
+		beginEdit?(e: BeginEditEventArgs): void;
 
-	/** Triggered before row drop in the grid */
-	beforeRowDrop? (e: BeforeRowDropEventArgs): void;
+		/** Triggered when record cell edit. */
+		cellEdit?(e: CellEditEventArgs): void;
 
-	/** Triggered before the record is going to be edited. */
-	beginEdit? (e: BeginEditEventArgs): void;
+		/** Triggered when record cell save. */
+		cellSave?(e: CellSaveEventArgs): void;
 
-	/** Triggered when record cell edit. */
-	cellEdit? (e: CellEditEventArgs): void;
+		/** Triggered after the cell is selected. */
+		cellSelected?(e: CellSelectedEventArgs): void;
 
-	/** Triggered when record cell save. */
-	cellSave? (e: CellSaveEventArgs): void;
+		/** Triggered before the cell is going to be selected. */
+		cellSelecting?(e: CellSelectingEventArgs): void;
 
-	/** Triggered after the cell is selected. */
-	cellSelected? (e: CellSelectedEventArgs): void;
+		/** Triggered after the cell is deselected. */
+		cellDeselected?(e: CellDeselectedEventArgs): void;
 
-	/** Triggered before the cell is going to be selected. */
-	cellSelecting? (e: CellSelectingEventArgs): void;
+		/** Triggered before the cell is going to be deselected. */
+		cellDeselecting?(e: CellDeselectingEventArgs): void;
 
-	/** Triggered after the cell is deselected. */
-	cellDeselected? (e: CellDeselectedEventArgs): void;
+		/** Triggered when the column is being dragged. */
+		columnDrag?(e: ColumnDragEventArgs): void;
 
-	/** Triggered before the cell is going to be deselected. */
-	cellDeselecting? (e: CellDeselectingEventArgs): void;
+		/** Triggered when column dragging begins. */
+		columnDragStart?(e: ColumnDragStartEventArgs): void;
 
-	/** Triggered when the column is being dragged. */
-	columnDrag? (e: ColumnDragEventArgs): void;
+		/** Triggered when the column is dropped. */
+		columnDrop?(e: ColumnDropEventArgs): void;
 
-	/** Triggered when column dragging begins. */
-	columnDragStart? (e: ColumnDragStartEventArgs): void;
+		/** Triggered when the row is being dragged. */
+		rowDrag?(e: RowDragEventArgs): void;
 
-	/** Triggered when the column is dropped. */
-	columnDrop? (e: ColumnDropEventArgs): void;
+		/** Triggered when row dragging begins. */
+		rowDragStart?(e: RowDragStartEventArgs): void;
 
-	/** Triggered when the row is being dragged. */
-	rowDrag? (e: RowDragEventArgs): void;
+		/** Triggered when the row is dropped. */
+		rowDrop?(e: RowDropEventArgs): void;
 
-	/** Triggered when row dragging begins. */
-	rowDragStart? (e: RowDragStartEventArgs): void;
+		/** Triggered after the column is selected. */
+		columnSelected?(e: ColumnSelectedEventArgs): void;
 
-	/** Triggered when the row is dropped. */
-	rowDrop? (e: RowDropEventArgs): void;
+		/** Triggered before the column is going to be selected. */
+		columnSelecting?(e: ColumnSelectingEventArgs): void;
 
-	/** Triggered after the column is selected. */
-	columnSelected? (e: ColumnSelectedEventArgs): void;
+		/** Triggered after the column is deselected. */
+		columnDeselected?(e: ColumnDeselectedEventArgs): void;
 
-	/** Triggered before the column is going to be selected. */
-	columnSelecting? (e: ColumnSelectingEventArgs): void;
+		/** Triggered before the column is going to be deselected. */
+		columnDeselecting?(e: ColumnDeselectingEventArgs): void;
 
-	/** Triggered after the column is deselected. */
-	columnDeselected? (e: ColumnDeselectedEventArgs): void;
+		/** Triggered when context menu item is clicked */
+		contextClick?(e: ContextClickEventArgs): void;
 
-	/** Triggered before the column is going to be deselected. */
-	columnDeselecting? (e: ColumnDeselectingEventArgs): void;
+		/** Triggered before the context menu is opened. */
+		contextOpen?(e: ContextOpenEventArgs): void;
 
-	/** Triggered when context menu item is clicked */
-	contextClick? (e: ContextClickEventArgs): void;
+		/** Triggered when the grid is rendered completely. */
+		create?(e: CreateEventArgs): void;
 
-	/** Triggered before the context menu is opened. */
-	contextOpen? (e: ContextOpenEventArgs): void;
+		/** Triggered when the grid is bound with data during initial rendering. */
+		dataBound?(e: DataBoundEventArgs): void;
 
-	/** Triggered when the grid is rendered completely. */
-	create? (e: CreateEventArgs): void;
+		/** Triggered when grid going to destroy. */
+		destroy?(e: DestroyEventArgs): void;
 
-	/** Triggered when the grid is bound with data during initial rendering. */
-	dataBound? (e: DataBoundEventArgs): void;
+		/** Triggered when detail template row is clicked to collapse. */
+		detailsCollapse?(e: DetailsCollapseEventArgs): void;
 
-	/** Triggered when grid going to destroy. */
-	destroy? (e: DestroyEventArgs): void;
+		/** Triggered detail template row is initialized. */
+		detailsDataBound?(e: DetailsDataBoundEventArgs): void;
 
-	/** Triggered when detail template row is clicked to collapse. */
-	detailsCollapse? (e: DetailsCollapseEventArgs): void;
+		/** Triggered when detail template row is clicked to expand. */
+		detailsExpand?(e: DetailsExpandEventArgs): void;
 
-	/** Triggered detail template row is initialized. */
-	detailsDataBound? (e: DetailsDataBoundEventArgs): void;
+		/** Triggered after the record is added. */
+		endAdd?(e: EndAddEventArgs): void;
 
-	/** Triggered when detail template row is clicked to expand. */
-	detailsExpand? (e: DetailsExpandEventArgs): void;
+		/** Triggered after the record is deleted. */
+		endDelete?(e: EndDeleteEventArgs): void;
 
-	/** Triggered after the record is added. */
-	endAdd? (e: EndAddEventArgs): void;
+		/** Triggered after the record is edited. */
+		endEdit?(e: EndEditEventArgs): void;
 
-	/** Triggered after the record is deleted. */
-	endDelete? (e: EndDeleteEventArgs): void;
+		/** Triggered initial load. */
+		load?(e: LoadEventArgs): void;
 
-	/** Triggered after the record is edited. */
-	endEdit? (e: EndEditEventArgs): void;
+		/** Triggered every time a request is made to access particular cell information, element and data. */
+		mergeCellInfo?(e: MergeCellInfoEventArgs): void;
 
-	/** Triggered initial load. */
-	load? (e: LoadEventArgs): void;
+		/** Triggered every time a request is made to access particular cell information, element and data. */
+		queryCellInfo?(e: QueryCellInfoEventArgs): void;
 
-	/** Triggered every time a request is made to access particular cell information, element and data. */
-	mergeCellInfo? (e: MergeCellInfoEventArgs): void;
+		/** Triggered when record is clicked. */
+		recordClick?(e: RecordClickEventArgs): void;
 
-	/** Triggered every time a request is made to access particular cell information, element and data. */
-	queryCellInfo? (e: QueryCellInfoEventArgs): void;
+		/** Triggered when record is double clicked. */
+		recordDoubleClick?(e: RecordDoubleClickEventArgs): void;
 
-	/** Triggered when record is clicked. */
-	recordClick? (e: RecordClickEventArgs): void;
+		/** Triggered after column resized. */
+		resized?(e: ResizedEventArgs): void;
 
-	/** Triggered when record is double clicked. */
-	recordDoubleClick? (e: RecordDoubleClickEventArgs): void;
+		/** Triggered when column resize end. */
+		resizeEnd?(e: ResizeEndEventArgs): void;
 
-	/** Triggered after column resized. */
-	resized? (e: ResizedEventArgs): void;
+		/** Triggered when column resize start. */
+		resizeStart?(e: ResizeStartEventArgs): void;
 
-	/** Triggered when column resize end. */
-	resizeEnd? (e: ResizeEndEventArgs): void;
+		/** Triggered when right clicked on grid element. */
+		rightClick?(e: RightClickEventArgs): void;
 
-	/** Triggered when column resize start. */
-	resizeStart? (e: ResizeStartEventArgs): void;
+		/** Triggered every time a request is made to access row information, element and data. */
+		rowDataBound?(e: RowDataBoundEventArgs): void;
 
-	/** Triggered when right clicked on grid element. */
-	rightClick? (e: RightClickEventArgs): void;
+		/** Triggered after the row is selected. */
+		rowSelected?(e: RowSelectedEventArgs): void;
 
-	/** Triggered every time a request is made to access row information, element and data. */
-	rowDataBound? (e: RowDataBoundEventArgs): void;
+		/** Triggered before the row is going to be selected. */
+		rowSelecting?(e: RowSelectingEventArgs): void;
 
-	/** Triggered after the row is selected. */
-	rowSelected? (e: RowSelectedEventArgs): void;
+		/** Triggered after the row is deselected. */
+		rowDeselected?(e: RowDeselectedEventArgs): void;
 
-	/** Triggered before the row is going to be selected. */
-	rowSelecting? (e: RowSelectingEventArgs): void;
+		/** Triggered before the row is going to be deselected. */
+		rowDeselecting?(e: RowDeselectingEventArgs): void;
 
-	/** Triggered after the row is deselected. */
-	rowDeselected? (e: RowDeselectedEventArgs): void;
+		/** Triggered when refresh the template column elements in the Grid. */
+		templateRefresh?(e: TemplateRefreshEventArgs): void;
 
-	/** Triggered before the row is going to be deselected. */
-	rowDeselecting? (e: RowDeselectingEventArgs): void;
+		/** Triggered when toolbar item is clicked in grid. */
+		toolbarClick?(e: ToolbarClickEventArgs): void;
+	}
 
-	/** Triggered when refresh the template column elements in the Grid. */
-	templateRefresh? (e: TemplateRefreshEventArgs): void;
+	export interface ActionBeginEventArgs {
 
-	/** Triggered when toolbar item is clicked in grid. */
-	toolbarClick? (e: ToolbarClickEventArgs): void;
-}
+		/** Returns the cancel option value.
+		 */
+		cancel?: boolean;
 
-export interface ActionBeginEventArgs {
+		/** Returns the grid model.
+		 */
+		model?: any;
 
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
+		/** Returns the name of the event.
+		 */
+		type?: string;
 
-	/** Returns the grid model.
-	*/
-	model?: any;
+		/** Returns the current selected page number.
+		 */
+		currentPage?: number;
 
-	/** Returns the name of the event.
-	*/
-	type?: string;
+		/** Returns the previous selected page number.
+		 */
+		previousPage?: number;
 
-	/** Returns the current selected page number.
-	*/
-	currentPage?: number;
+		/** Returns the end row index of that current page.
+		 */
+		endIndex?: number;
 
-	/** Returns the previous selected page number.
-	*/
-	previousPage?: number;
+		/** Returns request type.
+		 */
+		requestType?: string;
 
-	/** Returns the end row index of that current page.
-	*/
-	endIndex?: number;
+		/** Returns the start row index of that current page.
+		 */
+		startIndex?: number;
 
-	/** Returns request type.
-	*/
-	requestType?: string;
+		/** Returns the current grouped column field name.
+		 */
+		columnName?: string;
 
-	/** Returns the start row index of that current page.
-	*/
-	startIndex?: number;
+		/** Returns the column sort direction.
+		 */
+		columnSortDirection?: string;
 
-	/** Returns the current grouped column field name.
-	*/
-	columnName?: string;
+		/** Returns current edited row.
+		 */
+		row?: any;
 
-	/** Returns the column sort direction.
-	*/
-	columnSortDirection?: string;
+		/** Returns the current action event type.
+		 */
+		originalEventType?: string;
 
-	/** Returns current edited row.
-	*/
-	row?: any;
+		/** Returns primary key.
+		 */
+		primaryKey?: string;
 
-	/** Returns the current action event type.
-	*/
-	originalEventType?: string;
+		/** Returns primary key value.
+		 */
+		primaryKeyValue?: string;
 
-	/** Returns primary key.
-	*/
-	primaryKey?: string;
+		/** Returns the edited row index.
+		 */
+		rowIndex?: number;
 
-	/** Returns primary key value.
-	*/
-	primaryKeyValue?: string;
+		/** Returns the record object (JSON).
+		 */
+		data?: any;
 
-	/** Returns the edited row index.
-	*/
-	rowIndex?: number;
+		/** Returns the foreign key record object (JSON).
+		 */
+		foreignKeyData?: any;
 
-	/** Returns the record object (JSON).
-	*/
-	data?: any;
+		/** Returns the selected row index.
+		 */
+		selectedRow?: number;
 
-	/** Returns the foreign key record object (JSON).
-	*/
-	foreignKeyData?: any;
+		/** Returns selected row for delete.
+		 */
+		tr?: any;
 
-	/** Returns the selected row index.
-	*/
-	selectedRow?: number;
+		/** Returns current filtering column field name.
+		 */
+		currentFilteringColumn?: any;
 
-	/** Returns selected row for delete.
-	*/
-	tr?: any;
+		/** Returns current filtering object.
+		 */
+		currentFilterObject?: any;
 
-	/** Returns current filtering column field name.
-	*/
-	currentFilteringColumn?: any;
+		/** Returns filter details.
+		 */
+		filterCollection?: any;
 
-	/** Returns current filtering object.
-	*/
-	currentFilterObject?: any;
+		/** Returns type of the column like number, string and so on.
+		 */
+		columnType?: string;
 
-	/** Returns filter details.
-	*/
-	filterCollection?: any;
+		/** Returns the excel filter model.
+		 */
+		filtermodel?: any;
 
-	/** Returns type of the column like number, string and so on.
-	*/
-	columnType?: string;
+		/** Returns the dataSource.
+		 */
+		dataSource?: any;
 
-	/** Returns the excel filter model.
-	*/
-	filtermodel?: any;
+		/** Returns the query manager.
+		 */
+		query?: any;
 
-	/** Returns the dataSource.
-	*/
-	dataSource?: any;
+		/** Returns the customfilter option value.
+		 */
+		isCustomFilter?: boolean;
+	}
 
-	/** Returns the query manager.
-	*/
-	query?: any;
+	export interface ActionCompleteEventArgs {
 
-	/** Returns the customfilter option value.
-	*/
-	isCustomFilter?: boolean;
-}
+		/** Returns the cancel option value.
+		 */
+		cancel?: boolean;
 
-export interface ActionCompleteEventArgs {
+		/** Returns the grid model.
+		 */
+		model?: any;
 
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
+		/** Returns request type.
+		 */
+		requestType?: string;
 
-	/** Returns the grid model.
-	*/
-	model?: any;
+		/** Returns the name of the event.
+		 */
+		type?: string;
 
-	/** Returns request type.
-	*/
-	requestType?: string;
+		/** Returns the current selected page number.
+		 */
+		currentPage?: number;
 
-	/** Returns the name of the event.
-	*/
-	type?: string;
+		/** Returns the previous selected page number.
+		 */
+		previousPage?: number;
 
-	/** Returns the current selected page number.
-	*/
-	currentPage?: number;
+		/** Returns the end row index of that current page.
+		 */
+		endIndex?: number;
 
-	/** Returns the previous selected page number.
-	*/
-	previousPage?: number;
+		/** Returns current action event type.
+		 */
+		originalEventType?: string;
 
-	/** Returns the end row index of that current page.
-	*/
-	endIndex?: number;
+		/** Returns the start row index of the current page.
+		 */
+		startIndex?: number;
 
-	/** Returns current action event type.
-	*/
-	originalEventType?: string;
+		/** Returns grid element.
+		 */
+		target?: any;
 
-	/** Returns the start row index of the current page.
-	*/
-	startIndex?: number;
+		/** Returns the current sorted column field name.
+		 */
+		columnName?: string;
 
-	/** Returns grid element.
-	*/
-	target?: any;
+		/** Returns the column sort direction.
+		 */
+		columnSortDirection?: string;
 
-	/** Returns the current sorted column field name.
-	*/
-	columnName?: string;
+		/** Returns current edited row.
+		 */
+		row?: any;
 
-	/** Returns the column sort direction.
-	*/
-	columnSortDirection?: string;
+		/** Returns primary key.
+		 */
+		primaryKey?: string;
 
-	/** Returns current edited row.
-	*/
-	row?: any;
+		/** Returns primary key value.
+		 */
+		primaryKeyValue?: string;
 
-	/** Returns primary key.
-	*/
-	primaryKey?: string;
+		/** Returns the edited row index.
+		 */
+		rowIndex?: number;
 
-	/** Returns primary key value.
-	*/
-	primaryKeyValue?: string;
+		/** Returns the record object (JSON).
+		 */
+		data?: any;
 
-	/** Returns the edited row index.
-	*/
-	rowIndex?: number;
+		/** Returns the selectedRow index.
+		 */
+		selectedRow?: number;
 
-	/** Returns the record object (JSON).
-	*/
-	data?: any;
+		/** Returns the foreign key record object (JSON).
+		 */
+		foreignKeyData?: any;
 
-	/** Returns the selectedRow index.
-	*/
-	selectedRow?: number;
+		/** Returns selected row for delete.
+		 */
+		tr?: any;
 
-	/** Returns the foreign key record object (JSON).
-	*/
-	foreignKeyData?: any;
+		/** Returns current filtering column field name.
+		 */
+		currentFilteringColumn?: string;
 
-	/** Returns selected row for delete.
-	*/
-	tr?: any;
+		/** Returns current filtering object.
+		 */
+		currentFilterObject?: any;
 
-	/** Returns current filtering column field name.
-	*/
-	currentFilteringColumn?: string;
+		/** Returns filter details.
+		 */
+		filterCollection?: any;
 
-	/** Returns current filtering object.
-	*/
-	currentFilterObject?: any;
+		/** Returns the dataSource.
+		 */
+		dataSource?: any;
 
-	/** Returns filter details.
-	*/
-	filterCollection?: any;
+		/** Returns the excel filter model.
+		 */
+		filtermodel?: any;
 
-	/** Returns the dataSource.
-	*/
-	dataSource?: any;
+		/** Returns type of the column like number, string and so on.
+		 */
+		columnType?: string;
 
-	/** Returns the excel filter model.
-	*/
-	filtermodel?: any;
+		/** Returns the customfilter option value.
+		 */
+		isCustomFilter?: boolean;
+	}
 
-	/** Returns type of the column like number, string and so on.
-	*/
-	columnType?: string;
+	export interface ActionFailureEventArgs {
 
-	/** Returns the customfilter option value.
-	*/
-	isCustomFilter?: boolean;
-}
+		/** Returns the cancel option value.
+		 */
+		cancel?: boolean;
 
-export interface ActionFailureEventArgs {
+		/** Returns the grid model.
+		 */
+		model?: any;
 
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
+		/** Returns request type.
+		 */
+		requestType?: string;
 
-	/** Returns the grid model.
-	*/
-	model?: any;
+		/** Returns the name of the event.
+		 */
+		type?: string;
 
-	/** Returns request type.
-	*/
-	requestType?: string;
+		/** Returns the error return by server.
+		 */
+		error?: any;
 
-	/** Returns the name of the event.
-	*/
-	type?: string;
+		/** Returns the current selected page number.
+		 */
+		currentPage?: number;
 
-	/** Returns the error return by server.
-	*/
-	error?: any;
+		/** Returns the previous selected page number.
+		 */
+		previousPage?: number;
 
-	/** Returns the current selected page number.
-	*/
-	currentPage?: number;
+		/** Returns the end row index of that current page.
+		 */
+		endIndex?: number;
 
-	/** Returns the previous selected page number.
-	*/
-	previousPage?: number;
+		/** Returns current action event type.
+		 */
+		originalEventType?: string;
 
-	/** Returns the end row index of that current page.
-	*/
-	endIndex?: number;
+		/** Returns the start row index of the current page.
+		 */
+		startIndex?: number;
 
-	/** Returns current action event type.
-	*/
-	originalEventType?: string;
+		/** Returns grid element.
+		 */
+		target?: any;
 
-	/** Returns the start row index of the current page.
-	*/
-	startIndex?: number;
+		/** Returns the current sorted column field name.
+		 */
+		columnName?: string;
 
-	/** Returns grid element.
-	*/
-	target?: any;
+		/** Returns the column sort direction.
+		 */
+		columnSortDirection?: string;
 
-	/** Returns the current sorted column field name.
-	*/
-	columnName?: string;
+		/** Returns current edited row.
+		 */
+		row?: any;
 
-	/** Returns the column sort direction.
-	*/
-	columnSortDirection?: string;
+		/** Returns primary key.
+		 */
+		primaryKey?: string;
 
-	/** Returns current edited row.
-	*/
-	row?: any;
+		/** Returns primary key value.
+		 */
+		primaryKeyValue?: string;
 
-	/** Returns primary key.
-	*/
-	primaryKey?: string;
+		/** Returns the edited row index.
+		 */
+		rowIndex?: number;
 
-	/** Returns primary key value.
-	*/
-	primaryKeyValue?: string;
+		/** Returns the record object (JSON).
+		 */
+		data?: any;
 
-	/** Returns the edited row index.
-	*/
-	rowIndex?: number;
+		/** Returns the selectedRow index.
+		 */
+		selectedRow?: number;
 
-	/** Returns the record object (JSON).
-	*/
-	data?: any;
+		/** Returns the foreign key record object (JSON).
+		 */
+		foreignKeyData?: any;
 
-	/** Returns the selectedRow index.
-	*/
-	selectedRow?: number;
+		/** Returns selected row for delete.
+		 */
+		tr?: any;
 
-	/** Returns the foreign key record object (JSON).
-	*/
-	foreignKeyData?: any;
+		/** Returns current filtering column field name.
+		 */
+		currentFilteringColumn?: string;
 
-	/** Returns selected row for delete.
-	*/
-	tr?: any;
+		/** Returns current filtering object.
+		 */
+		currentFilterObject?: any;
 
-	/** Returns current filtering column field name.
-	*/
-	currentFilteringColumn?: string;
+		/** Returns filter details.
+		 */
+		filterCollection?: any;
+	}
 
-	/** Returns current filtering object.
-	*/
-	currentFilterObject?: any;
+	export interface BatchAddEventArgs {
 
-	/** Returns filter details.
-	*/
-	filterCollection?: any;
-}
+		/** Returns the cancel option value.
+		 */
+		cancel?: boolean;
 
-export interface BatchAddEventArgs {
+		/** Returns the grid model.
+		 */
+		model?: any;
 
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
+		/** Returns deleted data.
+		 */
+		data?: any;
 
-	/** Returns the grid model.
-	*/
-	model?: any;
+		/** Returns the name of the event.
+		 */
+		type?: string;
 
-	/** Returns deleted data.
-	*/
-	data?: any;
+		/** Returns the column object.
+		 */
+		columnObject?: any;
 
-	/** Returns the name of the event.
-	*/
-	type?: string;
+		/** Returns the column index.
+		 */
+		columnIndex?: number;
 
-	/** Returns the column object.
-	*/
-	columnObject?: any;
+		/** Returns the row element.
+		 */
+		row?: any;
 
-	/** Returns the column index.
-	*/
-	columnIndex?: number;
+		/** Returns the primaryKey.
+		 */
+		primaryKey?: any;
 
-	/** Returns the row element.
-	*/
-	row?: any;
+		/** Returns the cell object.
+		 */
+		cell?: any;
+	}
 
-	/** Returns the primaryKey.
-	*/
-	primaryKey?: any;
+	export interface BatchDeleteEventArgs {
 
-	/** Returns the cell object.
-	*/
-	cell?: any;
-}
+		/** Returns the cancel option value.
+		 */
+		cancel?: boolean;
 
-export interface BatchDeleteEventArgs {
+		/** Returns the grid model.
+		 */
+		model?: any;
 
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
+		/** Returns deleted data.
+		 */
+		data?: any;
 
-	/** Returns the grid model.
-	*/
-	model?: any;
+		/** Returns the name of the event.
+		 */
+		type?: string;
 
-	/** Returns deleted data.
-	*/
-	data?: any;
+		/** Returns the primary key.
+		 */
+		primaryKey?: any;
 
-	/** Returns the name of the event.
-	*/
-	type?: string;
+		/** Returns the row Index.
+		 */
+		rowIndex?: number;
+	}
 
-	/** Returns the primary key.
-	*/
-	primaryKey?: any;
+	export interface BeforeBatchAddEventArgs {
 
-	/** Returns the row Index.
-	*/
-	rowIndex?: number;
-}
+		/** Returns the cancel option value.
+		 */
+		cancel?: boolean;
 
-export interface BeforeBatchAddEventArgs {
+		/** Returns the grid model.
+		 */
+		model?: any;
 
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
+		/** Returns deleted data.
+		 */
+		data?: any;
 
-	/** Returns the grid model.
-	*/
-	model?: any;
+		/** Returns the name of the event.
+		 */
+		type?: string;
 
-	/** Returns deleted data.
-	*/
-	data?: any;
+		/** Returns the default data object.
+		 */
+		defaultData?: any;
 
-	/** Returns the name of the event.
-	*/
-	type?: string;
+		/** Returns the primaryKey.
+		 */
+		primaryKey?: any;
+	}
 
-	/** Returns the default data object.
-	*/
-	defaultData?: any;
+	export interface BeforeBatchDeleteEventArgs {
 
-	/** Returns the primaryKey.
-	*/
-	primaryKey?: any;
-}
+		/** Returns the grid model.
+		 */
+		model?: any;
 
-export interface BeforeBatchDeleteEventArgs {
+		/** Returns deleted data.
+		 */
+		data?: any;
 
-	/** Returns the grid model.
-	*/
-	model?: any;
+		/** Returns the name of the event.
+		 */
+		type?: string;
 
-	/** Returns deleted data.
-	*/
-	data?: any;
+		/** Returns the primaryKey.
+		 */
+		primaryKey?: any;
 
-	/** Returns the name of the event.
-	*/
-	type?: string;
+		/** Returns the row index.
+		 */
+		rowIndex?: number;
 
-	/** Returns the primaryKey.
-	*/
-	primaryKey?: any;
+		/** Returns the row data.
+		 */
+		rowData?: any;
 
-	/** Returns the row index.
-	*/
-	rowIndex?: number;
+		/** Returns the row element.
+		 */
+		row?: any;
+	}
 
-	/** Returns the row data.
-	*/
-	rowData?: any;
+	export interface BeforeBatchSaveEventArgs {
 
-	/** Returns the row element.
-	*/
-	row?: any;
-}
+		/** Returns the grid model.
+		 */
+		model?: any;
 
-export interface BeforeBatchSaveEventArgs {
+		/** Returns deleted data.
+		 */
+		data?: any;
 
-	/** Returns the grid model.
-	*/
-	model?: any;
+		/** Returns the name of the event.
+		 */
+		type?: string;
 
-	/** Returns deleted data.
-	*/
-	data?: any;
+		/** Returns the changed record object.
+		 */
+		batchChanges?: any;
+	}
 
-	/** Returns the name of the event.
-	*/
-	type?: string;
+	export interface BeforePrintEventArgs {
 
-	/** Returns the changed record object.
-	*/
-	batchChanges?: any;
-}
+		/** Returns the grid model.
+		 */
+		model?: any;
 
-export interface BeforePrintEventArgs {
+		/** Returns the name of the event.
+		 */
+		type?: string;
 
-	/** Returns the grid model.
-	*/
-	model?: any;
+		/** Returns the Grid element.
+		 */
+		element?: any;
 
-	/** Returns the name of the event.
-	*/
-	type?: string;
+		/** Returns the selected records.
+		 */
+		selectedRows?: any;
+	}
 
-	/** Returns the Grid element.
-	*/
-	element?: any;
+	export interface BeforeRowDropEventArgs {
 
-	/** Returns the selected records.
-	*/
-	selectedRows?: any;
-}
+		/** Returns the cancel option value.
+		 */
+		cancel?: boolean;
 
-export interface BeforeRowDropEventArgs {
+		/** Returns the targeted row.
+		 */
+		target?: any;
 
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
+		/** Returns the targeted row index.
+		 */
+		targetIndex?: any;
 
-	/** Returns the targeted row.
-	*/
-	target?: any;
+		/** Returns the dragged record details
+		 */
+		draggedRecords?: any;
 
-	/** Returns the targeted row index.
-	*/
-	targetIndex?: any;
+		/** Returns the drop details
+		 */
+		dropDetails?: any;
+	}
 
-	/** Returns the dragged record details
-	*/
-	draggedRecords?: any;
+	export interface BeginEditEventArgs {
 
-	/** Returns the drop details
-	*/
-	dropDetails?: any;
-}
+		/** Returns the cancel option value.
+		 */
+		cancel?: boolean;
 
-export interface BeginEditEventArgs {
+		/** Returns the current edited row.
+		 */
+		row?: any;
 
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
+		/** Returns the grid model.
+		 */
+		model?: any;
 
-	/** Returns the current edited row.
-	*/
-	row?: any;
+		/** Returns the primary key.
+		 */
+		primaryKey?: any;
 
-	/** Returns the grid model.
-	*/
-	model?: any;
+		/** Returns the primary key value.
+		 */
+		primaryKeyValue?: any;
 
-	/** Returns the primary key.
-	*/
-	primaryKey?: any;
+		/** Returns the edited row index.
+		 */
+		rowIndex?: number;
 
-	/** Returns the primary key value.
-	*/
-	primaryKeyValue?: any;
+		/** Returns the name of the event.
+		 */
+		type?: string;
+	}
 
-	/** Returns the edited row index.
-	*/
-	rowIndex?: number;
+	export interface CellEditEventArgs {
 
-	/** Returns the name of the event.
-	*/
-	type?: string;
-}
+		/** Returns the grid model.
+		 */
+		model?: any;
 
-export interface CellEditEventArgs {
+		/** Returns deleted data.
+		 */
+		data?: any;
 
-	/** Returns the grid model.
-	*/
-	model?: any;
+		/** Returns the name of the event.
+		 */
+		type?: string;
 
-	/** Returns deleted data.
-	*/
-	data?: any;
+		/** Returns the validation rules.
+		 */
+		validationRules?: any;
 
-	/** Returns the name of the event.
-	*/
-	type?: string;
+		/** Returns the column name.
+		 */
+		columnName?: string;
 
-	/** Returns the validation rules.
-	*/
-	validationRules?: any;
+		/** Returns the cell value.
+		 */
+		value?: string;
 
-	/** Returns the column name.
-	*/
-	columnName?: string;
+		/** Returns the row data object.
+		 */
+		rowData?: any;
 
-	/** Returns the cell value.
-	*/
-	value?: string;
+		/** Returns the previous value of the cell.
+		 */
+		previousValue?: string;
 
-	/** Returns the row data object.
-	*/
-	rowData?: any;
+		/** Returns the column object.
+		 */
+		columnObject?: any;
 
-	/** Returns the previous value of the cell.
-	*/
-	previousValue?: string;
+		/** Returns the cell object.
+		 */
+		cell?: any;
 
-	/** Returns the column object.
-	*/
-	columnObject?: any;
+		/** Returns isForeignKey option value.
+		 */
+		isForeignKey?: boolean;
+	}
 
-	/** Returns the cell object.
-	*/
-	cell?: any;
+	export interface CellSaveEventArgs {
 
-	/** Returns isForeignKey option value.
-	*/
-	isForeignKey?: boolean;
-}
+		/** Returns the grid model.
+		 */
+		model?: any;
 
-export interface CellSaveEventArgs {
+		/** Returns deleted data.
+		 */
+		data?: any;
 
-	/** Returns the grid model.
-	*/
-	model?: any;
+		/** Returns the name of the event.
+		 */
+		type?: string;
 
-	/** Returns deleted data.
-	*/
-	data?: any;
+		/** Returns the column name.
+		 */
+		columnName?: string;
 
-	/** Returns the name of the event.
-	*/
-	type?: string;
+		/** Returns the cell value.
+		 */
+		value?: string;
 
-	/** Returns the column name.
-	*/
-	columnName?: string;
+		/** Returns the row data object.
+		 */
+		rowData?: any;
 
-	/** Returns the cell value.
-	*/
-	value?: string;
+		/** Returns the previous value of the cell.
+		 */
+		previousValue?: string;
 
-	/** Returns the row data object.
-	*/
-	rowData?: any;
+		/** Returns the column object.
+		 */
+		columnObject?: any;
 
-	/** Returns the previous value of the cell.
-	*/
-	previousValue?: string;
+		/** Returns the cell object.
+		 */
+		cell?: any;
 
-	/** Returns the column object.
-	*/
-	columnObject?: any;
+		/** Returns isForeignKey option value.
+		 */
+		isForeignKey?: boolean;
+	}
 
-	/** Returns the cell object.
-	*/
-	cell?: any;
+	export interface CellSelectedEventArgs {
 
-	/** Returns isForeignKey option value.
-	*/
-	isForeignKey?: boolean;
-}
+		/** Returns the selected cell index value.
+		 */
+		cellIndex?: number;
 
-export interface CellSelectedEventArgs {
+		/** Returns the previous selected cell index value.
+		 */
+		previousRowCellIndex?: number;
 
-	/** Returns the selected cell index value.
-	*/
-	cellIndex?: number;
+		/** Returns the selected cell element.
+		 */
+		currentCell?: any;
 
-	/** Returns the previous selected cell index value.
-	*/
-	previousRowCellIndex?: number;
+		/** Returns the previous selected cell element.
+		 */
+		previousRowCell?: any;
 
-	/** Returns the selected cell element.
-	*/
-	currentCell?: any;
+		/** Returns current record object (JSON).
+		 */
+		data?: any;
 
-	/** Returns the previous selected cell element.
-	*/
-	previousRowCell?: any;
+		/** Returns the selected row cell index values.
+		 */
+		selectedRowCellIndex?: any[];
 
-	/** Returns current record object (JSON).
-	*/
-	data?: any;
+		/** Returns the cancel option value.
+		 */
+		cancel?: boolean;
 
-	/** Returns the selected row cell index values.
-	*/
-	selectedRowCellIndex?: Array<any>;
+		/** Returns the grid 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 CellSelectingEventArgs {
 
-	/** Returns the name of the event.
-	*/
-	type?: string;
-}
+		/** Returns the selected cell index value.
+		 */
+		cellIndex?: number;
 
-export interface CellSelectingEventArgs {
+		/** Returns the previous selected cell index value.
+		 */
+		previousRowCellIndex?: number;
 
-	/** Returns the selected cell index value.
-	*/
-	cellIndex?: number;
+		/** Returns the selected cell element.
+		 */
+		currentCell?: any;
 
-	/** Returns the previous selected cell index value.
-	*/
-	previousRowCellIndex?: number;
+		/** Returns the previous selected cell element.
+		 */
+		previousRowCell?: any;
 
-	/** Returns the selected cell element.
-	*/
-	currentCell?: any;
+		/** Returns current record object (JSON).
+		 */
+		data?: any;
 
-	/** Returns the previous selected cell element.
-	*/
-	previousRowCell?: any;
+		/** Returns whether the ctrl key is pressed while selecting cell
+		 */
+		isCtrlKeyPressed?: boolean;
 
-	/** Returns current record object (JSON).
-	*/
-	data?: any;
+		/** Returns whether the shift key is pressed while selecting cell
+		 */
+		isShiftKeyPressed?: boolean;
 
-	/** Returns whether the ctrl key is pressed while selecting cell
-	*/
-	isCtrlKeyPressed?: boolean;
+		/** Returns the grid model.
+		 */
+		model?: any;
 
-	/** Returns whether the shift key is pressed while selecting cell
-	*/
-	isShiftKeyPressed?: boolean;
+		/** Returns the name of the event.
+		 */
+		type?: string;
+	}
 
-	/** Returns the grid model.
-	*/
-	model?: any;
+	export interface CellDeselectedEventArgs {
 
-	/** Returns the name of the event.
-	*/
-	type?: string;
-}
+		/** Returns the deselected cell index value.
+		 */
+		cellIndex?: number;
 
-export interface CellDeselectedEventArgs {
+		/** Returns the deselected cell element.
+		 */
+		currentCell?: any;
 
-	/** Returns the deselected cell index value.
-	*/
-	cellIndex?: number;
+		/** Returns current record object (JSON).
+		 */
+		data?: any;
 
-	/** Returns the deselected cell element.
-	*/
-	currentCell?: any;
+		/** Returns the grid model.
+		 */
+		model?: any;
 
-	/** Returns current record object (JSON).
-	*/
-	data?: any;
+		/** Returns the name of the event.
+		 */
+		type?: string;
+	}
 
-	/** Returns the grid model.
-	*/
-	model?: any;
+	export interface CellDeselectingEventArgs {
 
-	/** Returns the name of the event.
-	*/
-	type?: string;
-}
+		/** Returns the deselecting cell index value.
+		 */
+		cellIndex?: number;
 
-export interface CellDeselectingEventArgs {
+		/** Returns the deselecting cell element.
+		 */
+		currentCell?: any;
 
-	/** Returns the deselecting cell index value.
-	*/
-	cellIndex?: number;
+		/** Returns current record object (JSON).
+		 */
+		data?: any;
 
-	/** Returns the deselecting cell element.
-	*/
-	currentCell?: any;
+		/** Returns whether the ctrl key is pressed while deselecting cell
+		 */
+		isCtrlKeyPressed?: boolean;
 
-	/** Returns current record object (JSON).
-	*/
-	data?: any;
+		/** Returns whether the shift key is pressed while deselecting cell
+		 */
+		isShiftKeyPressed?: boolean;
 
-	/** Returns whether the ctrl key is pressed while deselecting cell
-	*/
-	isCtrlKeyPressed?: boolean;
+		/** Returns the grid model.
+		 */
+		model?: any;
 
-	/** Returns whether the shift key is pressed while deselecting cell
-	*/
-	isShiftKeyPressed?: boolean;
+		/** Returns the name of the event.
+		 */
+		type?: string;
+	}
 
-	/** Returns the grid model.
-	*/
-	model?: any;
+	export interface ColumnDragEventArgs {
 
-	/** Returns the name of the event.
-	*/
-	type?: string;
-}
+		/** Returns the cancel option value.
+		 */
+		cancel?: boolean;
 
-export interface ColumnDragEventArgs {
+		/** Returns draggable element type.
+		 */
+		draggableType?: any;
 
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
+		/** Returns the draggable column object.
+		 */
+		column?: any;
 
-	/** Returns draggable element type.
-	*/
-	draggableType?: any;
+		/** Returns the grid model.
+		 */
+		model?: any;
 
-	/** Returns the draggable column object.
-	*/
-	column?: any;
+		/** Returns target elements based on mouse move position.
+		 */
+		target?: any;
 
-	/** Returns the grid model.
-	*/
-	model?: any;
+		/** Returns the name of the event.
+		 */
+		type?: string;
+	}
 
-	/** Returns target elements based on mouse move position.
-	*/
-	target?: any;
+	export interface ColumnDragStartEventArgs {
 
-	/** Returns the name of the event.
-	*/
-	type?: string;
-}
+		/** Returns the cancel option value.
+		 */
+		cancel?: boolean;
 
-export interface ColumnDragStartEventArgs {
+		/** Returns draggable element type.
+		 */
+		draggableType?: any;
 
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
+		/** Returns the draggable column object.
+		 */
+		column?: any;
 
-	/** Returns draggable element type.
-	*/
-	draggableType?: any;
+		/** Returns the grid model.
+		 */
+		model?: any;
 
-	/** Returns the draggable column object.
-	*/
-	column?: any;
+		/** Returns drag start element.
+		 */
+		target?: any;
 
-	/** Returns the grid model.
-	*/
-	model?: any;
+		/** Returns the name of the event.
+		 */
+		type?: string;
+	}
 
-	/** Returns drag start element.
-	*/
-	target?: any;
+	export interface ColumnDropEventArgs {
 
-	/** Returns the name of the event.
-	*/
-	type?: string;
-}
+		/** Returns the cancel option value.
+		 */
+		cancel?: boolean;
 
-export interface ColumnDropEventArgs {
+		/** Returns draggable element type.
+		 */
+		draggableType?: string;
 
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
+		/** Returns the draggable column object.
+		 */
+		column?: any;
 
-	/** Returns draggable element type.
-	*/
-	draggableType?: string;
+		/** Returns the grid model.
+		 */
+		model?: any;
 
-	/** Returns the draggable column object.
-	*/
-	column?: any;
+		/** Returns dropped dragged element.
+		 */
+		target?: any;
 
-	/** Returns the grid model.
-	*/
-	model?: any;
+		/** Returns the name of the event.
+		 */
+		type?: string;
+	}
 
-	/** Returns dropped dragged element.
-	*/
-	target?: any;
+	export interface RowDragEventArgs {
 
-	/** Returns the name of the event.
-	*/
-	type?: string;
-}
+		/** Returns the cancel option value.
+		 */
+		cancel?: boolean;
 
-export interface RowDragEventArgs {
+		/** Returns draggable element type.
+		 */
+		draggableType?: any;
 
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
+		/** Returns the draggable row object.
+		 */
+		target?: any;
 
-	/** Returns draggable element type.
-	*/
-	draggableType?: any;
+		/** Returns the grid model.
+		 */
+		model?: any;
 
-	/** Returns the draggable row object.
-	*/
-	target?: any;
+		/** Returns target elements based on mouse move position.
+		 */
+		currentTarget?: any;
 
-	/** Returns the grid model.
-	*/
-	model?: any;
+		/** Returns the name of the event.
+		 */
+		type?: string;
 
-	/** Returns target elements based on mouse move position.
-	*/
-	currentTarget?: any;
+		/** Returns JSON data of dragged rows.
+		 */
+		data?: any;
+	}
 
-	/** Returns the name of the event.
-	*/
-	type?: string;
+	export interface RowDragStartEventArgs {
 
-	/** Returns JSON data of dragged rows.
-	*/
-	data?: any;
-}
+		/** Returns the cancel option value.
+		 */
+		cancel?: boolean;
 
-export interface RowDragStartEventArgs {
+		/** Returns draggable element type.
+		 */
+		draggableType?: any;
 
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
+		/** Returns the draggable row object.
+		 */
+		target?: any;
 
-	/** Returns draggable element type.
-	*/
-	draggableType?: any;
+		/** Returns the grid model.
+		 */
+		model?: any;
 
-	/** Returns the draggable row object.
-	*/
-	target?: any;
+		/** Returns drag start element cell.
+		 */
+		currentTarget?: any;
 
-	/** Returns the grid model.
-	*/
-	model?: any;
+		/** Returns the name of the event.
+		 */
+		type?: string;
 
-	/** Returns drag start element cell.
-	*/
-	currentTarget?: any;
+		/** Returns the JSON data of dragged rows.
+		 */
+		data?: any;
+	}
 
-	/** Returns the name of the event.
-	*/
-	type?: string;
+	export interface RowDropEventArgs {
 
-	/** Returns the JSON data of dragged rows.
-	*/
-	data?: any;
-}
+		/** Returns the cancel option value.
+		 */
+		cancel?: boolean;
 
-export interface RowDropEventArgs {
+		/** Returns draggable element type.
+		 */
+		draggableType?: string;
 
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
+		/** Returns the draggable row object.
+		 */
+		rows?: any;
 
-	/** Returns draggable element type.
-	*/
-	draggableType?: string;
+		/** Returns the grid model.
+		 */
+		model?: any;
 
-	/** Returns the draggable row object.
-	*/
-	rows?: any;
+		/** Returns the current mouse position cell element.
+		 */
+		target?: any;
 
-	/** Returns the grid model.
-	*/
-	model?: any;
+		/** Returns the name of the event.
+		 */
+		type?: string;
 
-	/** Returns the current mouse position cell element.
-	*/
-	target?: any;
+		/** Returns the JSON data of dragged rows.
+		 */
+		data?: any;
+	}
 
-	/** Returns the name of the event.
-	*/
-	type?: string;
+	export interface ColumnSelectedEventArgs {
 
-	/** Returns the JSON data of dragged rows.
-	*/
-	data?: any;
-}
+		/** Returns the selected cell index value.
+		 */
+		columnIndex?: number;
 
-export interface ColumnSelectedEventArgs {
+		/** Returns the previous selected column index value.
+		 */
+		previousColumnIndex?: number;
 
-	/** Returns the selected cell index value.
-	*/
-	columnIndex?: number;
+		/** Returns the selected header cell element.
+		 */
+		headerCell?: any;
 
-	/** Returns the previous selected column index value.
-	*/
-	previousColumnIndex?: number;
+		/** Returns the previous selected header cell element.
+		 */
+		prevColumnHeaderCell?: any;
 
-	/** Returns the selected header cell element.
-	*/
-	headerCell?: any;
+		/** Returns corresponding column object (JSON).
+		 */
+		column?: any;
 
-	/** Returns the previous selected header cell element.
-	*/
-	prevColumnHeaderCell?: any;
+		/** Returns the selected columns values.
+		 */
+		selectedColumnsIndex?: any[];
 
-	/** Returns corresponding column object (JSON).
-	*/
-	column?: any;
+		/** Returns the cancel option value.
+		 */
+		cancel?: boolean;
 
-	/** Returns the selected columns values.
-	*/
-	selectedColumnsIndex?: Array<any>;
+		/** Returns the grid 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 ColumnSelectingEventArgs {
 
-	/** Returns the name of the event.
-	*/
-	type?: string;
-}
+		/** Returns the selected column index value.
+		 */
+		columnIndex?: number;
 
-export interface ColumnSelectingEventArgs {
+		/** Returns the previous selected column index value.
+		 */
+		previousColumnIndex?: number;
 
-	/** Returns the selected column index value.
-	*/
-	columnIndex?: number;
+		/** Returns the selected header cell element.
+		 */
+		headerCell?: any;
 
-	/** Returns the previous selected column index value.
-	*/
-	previousColumnIndex?: number;
+		/** Returns the previous selected header cell element.
+		 */
+		prevColumnHeaderCell?: any;
 
-	/** Returns the selected header cell element.
-	*/
-	headerCell?: any;
+		/** Returns corresponding column object (JSON).
+		 */
+		column?: any;
 
-	/** Returns the previous selected header cell element.
-	*/
-	prevColumnHeaderCell?: any;
+		/** Returns whether the ctrl key is pressed while selecting cell
+		 */
+		isCtrlKeyPressed?: boolean;
 
-	/** Returns corresponding column object (JSON).
-	*/
-	column?: any;
+		/** Returns whether the shift key is pressed while selecting cell
+		 */
+		isShiftKeyPressed?: boolean;
 
-	/** Returns whether the ctrl key is pressed while selecting cell
-	*/
-	isCtrlKeyPressed?: boolean;
+		/** Returns the grid model.
+		 */
+		model?: any;
 
-	/** Returns whether the shift key is pressed while selecting cell
-	*/
-	isShiftKeyPressed?: boolean;
+		/** Returns the name of the event.
+		 */
+		type?: string;
+	}
 
-	/** Returns the grid model.
-	*/
-	model?: any;
+	export interface ColumnDeselectedEventArgs {
 
-	/** Returns the name of the event.
-	*/
-	type?: string;
-}
+		/** Returns the Deselected column index value.
+		 */
+		columnIndex?: number;
 
-export interface ColumnDeselectedEventArgs {
+		/** Returns the Deselected column header element.
+		 */
+		headerCell?: any;
 
-	/** Returns the Deselected column index value.
-	*/
-	columnIndex?: number;
+		/** Returns corresponding column object (JSON).
+		 */
+		column?: any;
 
-	/** Returns the Deselected column header element.
-	*/
-	headerCell?: any;
+		/** Returns the grid model.
+		 */
+		model?: any;
 
-	/** Returns corresponding column object (JSON).
-	*/
-	column?: any;
+		/** Returns the name of the event.
+		 */
+		type?: string;
+	}
 
-	/** Returns the grid model.
-	*/
-	model?: any;
+	export interface ColumnDeselectingEventArgs {
 
-	/** Returns the name of the event.
-	*/
-	type?: string;
-}
+		/** Returns the deselecting column index value.
+		 */
+		columnIndex?: number;
 
-export interface ColumnDeselectingEventArgs {
+		/** Returns the deselecting column header element.
+		 */
+		headerCell?: any;
 
-	/** Returns the deselecting column index value.
-	*/
-	columnIndex?: number;
+		/** Returns corresponding column object (JSON).
+		 */
+		column?: any;
 
-	/** Returns the deselecting column header element.
-	*/
-	headerCell?: any;
+		/** Returns whether the ctrl key is pressed while deselecting column
+		 */
+		isCtrlKeyPressed?: boolean;
 
-	/** Returns corresponding column object (JSON).
-	*/
-	column?: any;
+		/** Returns whether the shift key is pressed while deselecting column
+		 */
+		isShiftKeyPressed?: boolean;
 
-	/** Returns whether the ctrl key is pressed while deselecting column
-	*/
-	isCtrlKeyPressed?: boolean;
+		/** Returns the grid model.
+		 */
+		model?: any;
 
-	/** Returns whether the shift key is pressed while deselecting column
-	*/
-	isShiftKeyPressed?: boolean;
+		/** Returns the name of the event.
+		 */
+		type?: string;
+	}
 
-	/** Returns the grid model.
-	*/
-	model?: any;
+	export interface ContextClickEventArgs {
 
-	/** Returns the name of the event.
-	*/
-	type?: string;
-}
+		/** Returns the cancel option value.
+		 */
+		cancel?: boolean;
 
-export interface ContextClickEventArgs {
+		/** Returns the current item.
+		 */
+		currentTarget?: any;
 
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
+		/** Returns the grid model.
+		 */
+		model?: any;
 
-	/** Returns the current item.
-	*/
-	currentTarget?: any;
+		/** Returns the status of contextmenu item which denotes its enabled state
+		 */
+		status?: boolean;
 
-	/** Returns the grid model.
-	*/
-	model?: any;
+		/** Returns the target item.
+		 */
+		target?: any;
 
-	/** Returns the status of contextmenu item which denotes its enabled state
-	*/
-	status?: boolean;
+		/** Returns the name of the event.
+		 */
+		type?: string;
+	}
 
-	/** Returns the target item.
-	*/
-	target?: any;
+	export interface ContextOpenEventArgs {
 
-	/** Returns the name of the event.
-	*/
-	type?: string;
-}
+		/** Returns the cancel option value.
+		 */
+		cancel?: boolean;
 
-export interface ContextOpenEventArgs {
+		/** Returns the current item.
+		 */
+		currentTarget?: any;
 
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
+		/** Returns the grid model.
+		 */
+		model?: any;
 
-	/** Returns the current item.
-	*/
-	currentTarget?: any;
+		/** Returns the status of contextmenu item which denotes its enabled state
+		 */
+		status?: boolean;
 
-	/** Returns the grid model.
-	*/
-	model?: any;
+		/** Returns the target item.
+		 */
+		target?: any;
 
-	/** Returns the status of contextmenu item which denotes its enabled state
-	*/
-	status?: boolean;
+		/** Returns the name of the event.
+		 */
+		type?: string;
+	}
 
-	/** Returns the target item.
-	*/
-	target?: any;
+	export interface CreateEventArgs {
 
-	/** Returns the name of the event.
-	*/
-	type?: string;
-}
+		/** Returns the cancel option value.
+		 */
+		cancel?: boolean;
 
-export interface CreateEventArgs {
+		/** Returns the grid 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 DataBoundEventArgs {
 
-	/** Returns the name of the event.
-	*/
-	type?: string;
-}
+		/** Returns the cancel option value.
+		 */
+		cancel?: boolean;
 
-export interface DataBoundEventArgs {
+		/** Returns the grid 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 DestroyEventArgs {
 
-	/** Returns the name of the event.
-	*/
-	type?: string;
-}
+		/** Returns the grid model.
+		 */
+		model?: any;
 
-export interface DestroyEventArgs {
+		/** Returns deleted data.
+		 */
+		data?: any;
 
-	/** Returns the grid model.
-	*/
-	model?: any;
+		/** Returns the name of the event.
+		 */
+		type?: string;
+	}
 
-	/** Returns deleted data.
-	*/
-	data?: any;
+	export interface DetailsCollapseEventArgs {
 
-	/** Returns the name of the event.
-	*/
-	type?: string;
-}
+		/** Returns the cancel option value.
+		 */
+		cancel?: boolean;
 
-export interface DetailsCollapseEventArgs {
+		/** Returns detail row element.
+		 */
+		detailsRow?: any;
 
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
+		/** Returns master row of detail row record object (JSON).
+		 */
+		masterData?: any;
 
-	/** Returns detail row element.
-	*/
-	detailsRow?: any;
+		/** Returns the foreign key record object (JSON).
+		 */
+		foreignKeyData?: any;
 
-	/** Returns master row of detail row record object (JSON).
-	*/
-	masterData?: any;
+		/** Returns master row element.
+		 */
+		masterRow?: any;
 
-	/** Returns the foreign key record object (JSON).
-	*/
-	foreignKeyData?: any;
+		/** Returns the grid model.
+		 */
+		model?: any;
 
-	/** Returns master row element.
-	*/
-	masterRow?: any;
+		/** Returns the name of the event.
+		 */
+		type?: string;
+	}
 
-	/** Returns the grid model.
-	*/
-	model?: any;
+	export interface DetailsDataBoundEventArgs {
 
-	/** Returns the name of the event.
-	*/
-	type?: string;
-}
+		/** Returns the cancel option value.
+		 */
+		cancel?: boolean;
 
-export interface DetailsDataBoundEventArgs {
+		/** Returns details row element.
+		 */
+		detailsElement?: any;
 
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
+		/** Returns the details row data.
+		 */
+		data?: any;
 
-	/** Returns details row element.
-	*/
-	detailsElement?: any;
+		/** Returns the grid model.
+		 */
+		model?: any;
 
-	/** Returns the details row data.
-	*/
-	data?: any;
+		/** Returns the name of the event.
+		 */
+		type?: string;
+	}
 
-	/** Returns the grid model.
-	*/
-	model?: any;
+	export interface DetailsExpandEventArgs {
 
-	/** Returns the name of the event.
-	*/
-	type?: string;
-}
+		/** Returns the cancel option value.
+		 */
+		cancel?: boolean;
 
-export interface DetailsExpandEventArgs {
+		/** Returns detail row element.
+		 */
+		detailsRow?: any;
 
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
+		/** Returns master row of detail row record object (JSON).
+		 */
+		masterData?: any;
 
-	/** Returns detail row element.
-	*/
-	detailsRow?: any;
+		/** Returns the foreign key record object (JSON).
+		 */
+		foreignKeyData?: any;
 
-	/** Returns master row of detail row record object (JSON).
-	*/
-	masterData?: any;
+		/** Returns master row element.
+		 */
+		masterRow?: any;
 
-	/** Returns the foreign key record object (JSON).
-	*/
-	foreignKeyData?: any;
+		/** Returns the grid model.
+		 */
+		model?: any;
 
-	/** Returns master row element.
-	*/
-	masterRow?: any;
+		/** Returns the name of the event.
+		 */
+		type?: string;
+	}
 
-	/** Returns the grid model.
-	*/
-	model?: any;
+	export interface EndAddEventArgs {
 
-	/** Returns the name of the event.
-	*/
-	type?: string;
-}
+		/** Returns the grid model.
+		 */
+		model?: any;
 
-export interface EndAddEventArgs {
+		/** Returns added data.
+		 */
+		data?: any;
 
-	/** Returns the grid model.
-	*/
-	model?: any;
+		/** Returns the name of the event.
+		 */
+		type?: string;
+	}
 
-	/** Returns added data.
-	*/
-	data?: any;
+	export interface EndDeleteEventArgs {
 
-	/** Returns the name of the event.
-	*/
-	type?: string;
-}
+		/** Returns the grid model.
+		 */
+		model?: any;
 
-export interface EndDeleteEventArgs {
+		/** Returns deleted data.
+		 */
+		data?: any;
 
-	/** Returns the grid model.
-	*/
-	model?: any;
+		/** Returns the name of the event.
+		 */
+		type?: string;
+	}
 
-	/** Returns deleted data.
-	*/
-	data?: any;
+	export interface EndEditEventArgs {
 
-	/** Returns the name of the event.
-	*/
-	type?: string;
-}
+		/** Returns the grid model.
+		 */
+		model?: any;
 
-export interface EndEditEventArgs {
+		/** Returns modified data.
+		 */
+		data?: any;
 
-	/** Returns the grid model.
-	*/
-	model?: any;
+		/** Returns the name of the event.
+		 */
+		type?: string;
+	}
 
-	/** Returns modified data.
-	*/
-	data?: any;
+	export interface LoadEventArgs {
 
-	/** Returns the name of the event.
-	*/
-	type?: string;
-}
+		/** Returns the grid model.
+		 */
+		model?: any;
 
-export interface LoadEventArgs {
+		/** Returns deleted data.
+		 */
+		data?: any;
 
-	/** 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 cancel option value.
-	*/
-	cancel?: boolean;
+	export interface MergeCellInfoEventArgs {
 
-	/** Returns the name of the event.
-	*/
-	type?: string;
-}
+		/** Returns grid cell.
+		 */
+		cell?: any;
 
-export interface MergeCellInfoEventArgs {
+		/** Returns the cancel option value.
+		 */
+		cancel?: boolean;
 
-	/** Returns grid cell.
-	*/
-	cell?: any;
+		/** Returns current row record object (JSON).
+		 */
+		data?: any;
 
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
+		/** Returns the text value in the cell.
+		 */
+		text?: string;
 
-	/** Returns current row record object (JSON).
-	*/
-	data?: any;
+		/** Returns the column object.
+		 */
+		column?: any;
 
-	/** Returns the text value in the cell.
-	*/
-	text?: string;
+		/** Method to merge Grid rows.
+		 */
+		rowMerge?: any;
 
-	/** Returns the column object.
-	*/
-	column?: any;
+		/** Method to merge Grid columns.
+		 */
+		colMerge?: any;
 
-	/** Method to merge Grid rows.
-	*/
-	rowMerge?: void;
+		/** Method to merge Grid rows and columns.
+		 */
+		merge?: any;
 
-	/** Method to merge Grid columns.
-	*/
-	colMerge?: void;
+		/** Returns the grid model.
+		 */
+		model?: any;
 
-	/** Method to merge Grid rows and columns.
-	*/
-	merge?: void;
+		/** Returns the name of the event.
+		 */
+		type?: string;
+	}
 
-	/** Returns the grid model.
-	*/
-	model?: any;
+	export interface QueryCellInfoEventArgs {
 
-	/** Returns the name of the event.
-	*/
-	type?: string;
-}
+		/** Returns grid cell.
+		 */
+		cell?: any;
 
-export interface QueryCellInfoEventArgs {
+		/** Returns the cancel option value.
+		 */
+		cancel?: boolean;
 
-	/** Returns grid cell.
-	*/
-	cell?: any;
+		/** Returns current row record object (JSON).
+		 */
+		data?: any;
 
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
+		/** Returns the text value in the cell.
+		 */
+		text?: string;
 
-	/** Returns current row record object (JSON).
-	*/
-	data?: any;
+		/** Returns the column object.
+		 */
+		column?: any;
 
-	/** Returns the text value in the cell.
-	*/
-	text?: string;
+		/** Returns the foreign key record object (JSON).
+		 */
+		foreignKeyData?: any;
 
-	/** Returns the column object.
-	*/
-	column?: any;
+		/** Returns the grid 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 RecordClickEventArgs {
 
-	/** Returns the name of the event.
-	*/
-	type?: string;
-}
+		/** Returns the cancel option value.
+		 */
+		cancel?: boolean;
 
-export interface RecordClickEventArgs {
+		/** Returns current record object (JSON).
+		 */
+		data?: any;
 
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
+		/** Returns the row index of the selected row.
+		 */
+		rowIndex?: number;
 
-	/** Returns current record object (JSON).
-	*/
-	data?: any;
+		/** Returns the jQuery object of the current selected row.
+		 */
+		row?: any;
 
-	/** Returns the row index of the selected row.
-	*/
-	rowIndex?: number;
+		/** Returns the current selected cell.
+		 */
+		cell?: any;
 
-	/** Returns the jQuery object of the current selected row.
-	*/
-	row?: any;
+		/** Returns the grid model.
+		 */
+		model?: any;
 
-	/** Returns the current selected cell.
-	*/
-	cell?: any;
+		/** Returns the cell index value.
+		 */
+		cellIndex?: number;
 
-	/** Returns the grid model.
-	*/
-	model?: any;
+		/** Returns the corresponding cell value.
+		 */
+		cellValue?: string;
 
-	/** Returns the cell index value.
-	*/
-	cellIndex?: number;
+		/** Returns the Header text of the column corresponding to the selected cell.
+		 */
+		columnName?: string;
 
-	/** Returns the corresponding cell value.
-	*/
-	cellValue?: string;
+		/** Returns the name of the event.
+		 */
+		type?: string;
+	}
 
-	/** Returns the Header text of the column corresponding to the selected cell.
-	*/
-	columnName?: string;
+	export interface RecordDoubleClickEventArgs {
 
-	/** Returns the name of the event.
-	*/
-	type?: string;
-}
+		/** Returns the cancel option value.
+		 */
+		cancel?: boolean;
 
-export interface RecordDoubleClickEventArgs {
+		/** Returns current record object (JSON).
+		 */
+		data?: any;
 
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
+		/** Returns the row index of the selected row.
+		 */
+		rowIndex?: number;
 
-	/** Returns current record object (JSON).
-	*/
-	data?: any;
+		/** Returns the jQuery object of the current selected row.
+		 */
+		row?: any;
 
-	/** Returns the row index of the selected row.
-	*/
-	rowIndex?: number;
+		/** Returns the current selected cell.
+		 */
+		cell?: any;
 
-	/** Returns the jQuery object of the current selected row.
-	*/
-	row?: any;
+		/** Returns the grid model.
+		 */
+		model?: any;
 
-	/** Returns the current selected cell.
-	*/
-	cell?: any;
+		/** Returns the selected cell index value.
+		 */
+		cellIndex?: number;
 
-	/** Returns the grid model.
-	*/
-	model?: any;
+		/** Returns the corresponding cell value.
+		 */
+		cellValue?: string;
 
-	/** Returns the selected cell index value.
-	*/
-	cellIndex?: number;
+		/** Returns the Header text of the column corresponding to the selected cell.
+		 */
+		columnName?: string;
 
-	/** Returns the corresponding cell value.
-	*/
-	cellValue?: string;
+		/** Returns the name of the event.
+		 */
+		type?: string;
+	}
 
-	/** Returns the Header text of the column corresponding to the selected cell.
-	*/
-	columnName?: string;
+	export interface ResizedEventArgs {
 
-	/** Returns the name of the event.
-	*/
-	type?: string;
-}
+		/** Returns the grid model.
+		 */
+		model?: any;
 
-export interface ResizedEventArgs {
+		/** Returns the cancel option value.
+		 */
+		cancel?: boolean;
 
-	/** 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;
 
-	/** Returns deleted data.
-	*/
-	data?: any;
+		/** Returns the column index.
+		 */
+		columnIndex?: number;
 
-	/** Returns the name of the event.
-	*/
-	type?: string;
+		/** Returns the column object.
+		 */
+		column?: any;
 
-	/** Returns the column index.
-	*/
-	columnIndex?: number;
+		/** Returns the grid object.
+		 */
+		target?: any;
 
-	/** Returns the column object.
-	*/
-	column?: any;
+		/** Returns the old width value.
+		 */
+		oldWidth?: number;
 
-	/** Returns the grid object.
-	*/
-	target?: any;
+		/** Returns the new width value.
+		 */
+		newWidth?: number;
+	}
 
-	/** Returns the old width value.
-	*/
-	oldWidth?: number;
+	export interface ResizeEndEventArgs {
 
-	/** Returns the new width value.
-	*/
-	newWidth?: number;
-}
+		/** Returns the grid model.
+		 */
+		model?: any;
 
-export interface ResizeEndEventArgs {
+		/** Returns deleted data.
+		 */
+		data?: any;
 
-	/** Returns the grid model.
-	*/
-	model?: any;
+		/** Returns the name of the event.
+		 */
+		type?: string;
 
-	/** Returns deleted data.
-	*/
-	data?: any;
+		/** Returns the column index.
+		 */
+		columnIndex?: number;
 
-	/** Returns the name of the event.
-	*/
-	type?: string;
+		/** Returns the column object.
+		 */
+		column?: any;
 
-	/** Returns the column index.
-	*/
-	columnIndex?: number;
+		/** Returns the grid object.
+		 */
+		target?: any;
 
-	/** Returns the column object.
-	*/
-	column?: any;
+		/** Returns the old width value.
+		 */
+		oldWidth?: number;
 
-	/** Returns the grid object.
-	*/
-	target?: any;
+		/** Returns the new width value.
+		 */
+		newWidth?: number;
 
-	/** Returns the old width value.
-	*/
-	oldWidth?: number;
+		/** Returns the extra width value.
+		 */
+		extra?: number;
+	}
 
-	/** Returns the new width value.
-	*/
-	newWidth?: number;
+	export interface ResizeStartEventArgs {
 
-	/** Returns the extra width value.
-	*/
-	extra?: number;
-}
+		/** Returns the grid model.
+		 */
+		model?: any;
 
-export interface ResizeStartEventArgs {
+		/** Returns deleted data.
+		 */
+		data?: any;
 
-	/** Returns the grid model.
-	*/
-	model?: any;
+		/** Returns the name of the event.
+		 */
+		type?: string;
 
-	/** Returns deleted data.
-	*/
-	data?: any;
+		/** Returns the column index.
+		 */
+		columnIndex?: number;
 
-	/** Returns the name of the event.
-	*/
-	type?: string;
+		/** Returns the column object.
+		 */
+		column?: any;
 
-	/** Returns the column index.
-	*/
-	columnIndex?: number;
+		/** Returns the grid object.
+		 */
+		target?: any;
 
-	/** Returns the column object.
-	*/
-	column?: any;
+		/** Returns the old width value.
+		 */
+		oldWidth?: number;
+	}
 
-	/** Returns the grid object.
-	*/
-	target?: any;
+	export interface RightClickEventArgs {
 
-	/** Returns the old width value.
-	*/
-	oldWidth?: number;
-}
+		/** Returns the cancel option value.
+		 */
+		cancel?: boolean;
 
-export interface RightClickEventArgs {
+		/** Returns current record object (JSON).
+		 */
+		currentData?: any;
 
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
+		/** Returns the row index of the selected row.
+		 */
+		rowIndex?: number;
 
-	/** Returns current record object (JSON).
-	*/
-	currentData?: any;
+		/** Returns the current selected row.
+		 */
+		row?: any;
 
-	/** Returns the row index of the selected row.
-	*/
-	rowIndex?: number;
+		/** Returns the selected row data object.
+		 */
+		data?: any;
 
-	/** Returns the current selected row.
-	*/
-	row?: any;
+		/** Returns the cell index of the selected cell.
+		 */
+		cellIndex?: number;
 
-	/** Returns the selected row data object.
-	*/
-	data?: any;
+		/** Returns the cell value.
+		 */
+		cellValue?: string;
 
-	/** Returns the cell index of the selected cell.
-	*/
-	cellIndex?: number;
+		/** Returns the cell object.
+		 */
+		cell?: any;
 
-	/** Returns the cell value.
-	*/
-	cellValue?: string;
+		/** Returns the grid model.
+		 */
+		model?: any;
 
-	/** Returns the cell object.
-	*/
-	cell?: any;
+		/** Returns the name of the event.
+		 */
+		type?: string;
+	}
 
-	/** Returns the grid model.
-	*/
-	model?: any;
+	export interface RowDataBoundEventArgs {
 
-	/** Returns the name of the event.
-	*/
-	type?: string;
-}
+		/** Returns grid row.
+		 */
+		row?: any;
 
-export interface RowDataBoundEventArgs {
+		/** Returns the cancel option value.
+		 */
+		cancel?: boolean;
 
-	/** Returns grid row.
-	*/
-	row?: any;
+		/** Returns current row record object (JSON).
+		 */
+		data?: any;
 
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
+		/** Returns the foreign key record object (JSON).
+		 */
+		foreignKeyData?: any;
 
-	/** Returns current row record object (JSON).
-	*/
-	data?: any;
+		/** Returns the grid 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 RowSelectedEventArgs {
 
-	/** Returns the name of the event.
-	*/
-	type?: string;
-}
+		/** Returns the cancel option value.
+		 */
+		cancel?: boolean;
 
-export interface RowSelectedEventArgs {
+		/** Returns current record object (JSON).
+		 */
+		data?: any;
 
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
+		/** Returns the foreign key record object (JSON).
+		 */
+		foreignKeyData?: any;
 
-	/** Returns current record object (JSON).
-	*/
-	data?: any;
+		/** Returns the row index of the selected row.
+		 */
+		rowIndex?: number;
 
-	/** Returns the foreign key record object (JSON).
-	*/
-	foreignKeyData?: any;
+		/** Returns the current selected row.
+		 */
+		row?: any;
 
-	/** Returns the row index of the selected row.
-	*/
-	rowIndex?: number;
+		/** Returns the previous selected row element.
+		 */
+		prevRow?: any;
 
-	/** Returns the current selected row.
-	*/
-	row?: any;
+		/** Returns the previous selected row index.
+		 */
+		prevRowIndex?: number;
 
-	/** Returns the previous selected row element.
-	*/
-	prevRow?: any;
+		/** Returns the grid model.
+		 */
+		model?: any;
 
-	/** Returns the previous selected row index.
-	*/
-	prevRowIndex?: number;
+		/** Returns the name of the event.
+		 */
+		type?: string;
+	}
 
-	/** Returns the grid model.
-	*/
-	model?: any;
+	export interface RowSelectingEventArgs {
 
-	/** Returns the name of the event.
-	*/
-	type?: string;
-}
+		/** Returns the selected row index value.
+		 */
+		rowIndex?: number;
 
-export interface RowSelectingEventArgs {
+		/** Returns the selected row element.
+		 */
+		row?: any;
 
-	/** Returns the selected row index value.
-	*/
-	rowIndex?: number;
+		/** Returns the previous selected row element.
+		 */
+		prevRow?: any;
 
-	/** Returns the selected row element.
-	*/
-	row?: any;
+		/** Returns the previous selected row index.
+		 */
+		prevRowIndex?: number;
 
-	/** Returns the previous selected row element.
-	*/
-	prevRow?: any;
+		/** Returns current record object (JSON).
+		 */
+		data?: any;
 
-	/** Returns the previous selected row index.
-	*/
-	prevRowIndex?: number;
+		/** Returns the cancel option value.
+		 */
+		cancel?: boolean;
 
-	/** Returns current record object (JSON).
-	*/
-	data?: any;
+		/** Returns the grid 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 RowDeselectedEventArgs {
 
-	/** Returns the name of the event.
-	*/
-	type?: string;
-}
+		/** Returns current record object (JSON).
+		 */
+		data?: any;
 
-export interface RowDeselectedEventArgs {
+		/** Returns the row index of the deselected row.
+		 */
+		rowIndex?: number;
 
-	/** Returns current record object (JSON).
-	*/
-	data?: any;
+		/** Returns the current deselected row element.
+		 */
+		row?: any;
 
-	/** Returns the row index of the deselected row.
-	*/
-	rowIndex?: number;
+		/** Returns the grid model.
+		 */
+		model?: any;
 
-	/** Returns the current deselected row element.
-	*/
-	row?: any;
+		/** Returns the name of the event.
+		 */
+		type?: string;
+	}
 
-	/** Returns the grid model.
-	*/
-	model?: any;
+	export interface RowDeselectingEventArgs {
 
-	/** Returns the name of the event.
-	*/
-	type?: string;
-}
+		/** Returns the deselecting row index value.
+		 */
+		rowIndex?: number;
 
-export interface RowDeselectingEventArgs {
+		/** Returns the deselecting row element.
+		 */
+		row?: any;
 
-	/** Returns the deselecting row index value.
-	*/
-	rowIndex?: number;
+		/** Returns current record object (JSON).
+		 */
+		data?: any;
 
-	/** Returns the deselecting row element.
-	*/
-	row?: any;
+		/** Returns whether the ctrl key is pressed while deselecting row
+		 */
+		isCtrlKeyPressed?: boolean;
 
-	/** Returns current record object (JSON).
-	*/
-	data?: any;
+		/** Returns whether the shift key is pressed while deselecting row
+		 */
+		isShiftKeyPressed?: boolean;
 
-	/** Returns whether the ctrl key is pressed while deselecting row
-	*/
-	isCtrlKeyPressed?: boolean;
+		/** Returns the grid model.
+		 */
+		model?: any;
 
-	/** Returns whether the shift key is pressed while deselecting row
-	*/
-	isShiftKeyPressed?: boolean;
+		/** Returns the name of the event.
+		 */
+		type?: string;
+	}
 
-	/** Returns the grid model.
-	*/
-	model?: any;
+	export interface TemplateRefreshEventArgs {
 
-	/** Returns the name of the event.
-	*/
-	type?: string;
-}
+		/** Returns the cancel option value.
+		 */
+		cancel?: boolean;
 
-export interface TemplateRefreshEventArgs {
+		/** Returns the cell object.
+		 */
+		cell?: any;
 
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
+		/** Returns the column object.
+		 */
+		column?: any;
 
-	/** Returns the cell object.
-	*/
-	cell?: any;
+		/** Returns the current row data.
+		 */
+		data?: any;
 
-	/** Returns the column object.
-	*/
-	column?: any;
+		/** Returns the grid model.
+		 */
+		model?: any;
 
-	/** Returns the current row data.
-	*/
-	data?: any;
+		/** Returns the current row index.
+		 */
+		rowIndex?: number;
 
-	/** Returns the grid model.
-	*/
-	model?: any;
+		/** Returns the name of the event.
+		 */
+		type?: string;
+	}
 
-	/** Returns the current row index.
-	*/
-	rowIndex?: number;
+	export interface ToolbarClickEventArgs {
 
-	/** Returns the name of the event.
-	*/
-	type?: string;
-}
+		/** Returns the cancel option value.
+		 */
+		cancel?: boolean;
 
-export interface ToolbarClickEventArgs {
+		/** Returns the current item.
+		 */
+		currentTarget?: any;
 
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
+		/** Returns the grid model.
+		 */
+		model?: any;
 
-	/** Returns the current item.
-	*/
-	currentTarget?: 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;
+	}
+
+	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;
 
-	/** Returns the grid model.
-	*/
-	model?: any;
+		/** 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;
 
-	/** 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?: Array<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;
-}
-
-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?: 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 to add the template for the summary value of dataMember given.
+		 * @Default {null}
+		 */
+		template?: 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;
+	export interface SummaryRow {
 
-	/** Gets or sets a value that indicates to add the template for the summary value of dataMember given.
-	*   @Default {null}
-	*/
-	template?: String;
-}
+		/** 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 SummaryRow {
+		/** 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 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 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 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 add summary columns into the summary rows.
+		 * @Default {[]}
+		 */
+		summaryColumns?: SummaryRowsSummaryColumn[];
 
-	/** 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;
+		/** This specifies the grid to show the title for the summary rows.
+		 */
+		title?: string;
 
-	/** 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 of summary row in the specified column.
+		 * @Default {null}
+		 */
+		titleColumn?: string;
+	}
 
-	/** This specifies the grid to show the title for the summary rows.
-	*/
-	title?: string;
+	export interface TextWrapSettings {
 
-	/** This specifies the grid to show the title of summary row in the specified column.
-	*   @Default {null}
-	*/
-	titleColumn?: string;
-}
+		/** 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 TextWrapSettings {
+	export interface ToolbarSettings {
 
-	/** 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;
-}
+		/** 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[];
 
-export interface ToolbarSettings {
+		/** 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 custom toolbar items within the toolbar to perform any action in the grid
-	*   @Default {[]}
-	*/
-	customToolbarItems?: Array<any>;
+		/** 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>;
+	}
 
-	/** Gets or sets a value that indicates whether to enable toolbar in the grid.
-	*   @Default {false}
-	*/
-	showToolbar?: Boolean;
+	enum GridLines {
 
-	/** 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>;
-}
+		///Displays both the horizontal and vertical grid lines.
+		Both,
 
-enum GridLines{
+		///Displays the horizontal grid lines only.
+		Horizontal,
 
-	///Displays both the horizontal and vertical grid lines.
-	Both,
+		///Displays the vertical grid lines only.
+		Vertical,
 
-	///Displays the horizontal grid lines only.
-	Horizontal,
+		///No grid lines are displayed.
+		None
+	}
 
-	///Displays the vertical grid lines only.
-	Vertical,
 
-	///No grid lines are displayed.
-	None
-}
+	enum ClipMode {
 
+		///Shows ellipsis for the overflown cell.
+		Ellipsis,
 
-enum ClipMode{
+		///Truncate the text in the cell
+		Clip,
 
-	///Shows ellipsis for the overflown cell.
-	Ellipsis,
+		///Shows ellipsis and tooltip for the overflown cell.
+		EllipsisWithTooltip
+	}
 
-	///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,
 
-enum ColumnLayout{
+		///Column layout is fixed(based on width).
+		Fixed
+	}
 
-	///Column layout is auto(based on width).
-	Auto,
 
-	///Column layout is fixed(based on width).
-	Fixed
-}
+	enum UnboundType {
 
+		///Unbound type is edit.
+		Edit,
 
-enum UnboundType{
+		///Unbound type is save.
+		Save,
 
-	///Unbound type is edit.
-	Edit,
+		///Unbound type is delete.
+		Delete,
 
-	///Unbound type is save.
-	Save,
+		///Unbound type is cancel.
+		Cancel
+	}
 
-	///Unbound type is delete.
-	Delete,
 
-	///Unbound type is cancel.
-	Cancel
-}
+	enum EditingType {
 
+		///Specifies editing type as string edit.
+		String,
 
-enum EditingType{
+		///Specifies editing type as boolean edit.
+		Boolean,
 
-	///Specifies editing type as string edit.
-	String,
+		///Specifies editing type as numeric edit.
+		Numeric,
 
-	///Specifies editing type as boolean edit.
-	Boolean,
+		///Specifies editing type as dropdown edit.
+		Dropdown,
 
-	///Specifies editing type as numeric edit.
-	Numeric,
+		///Specifies editing type as datepicker.
+		DatePicker,
 
-	///Specifies editing type as dropdown edit.
-	Dropdown,
+		///Specifies editing type as datetime picker.
+		DateTimePicker
+	}
 
-	///Specifies editing type as datepicker.
-	DatePicker,
 
-	///Specifies editing type as datetime picker.
-	DateTimePicker
-}
+	enum FilterType {
 
+		///Specifies the filter type as menu.
+		Menu,
 
-enum FilterType{
+		///Specifies the filter type as excel.
+		Excel
+	}
 
-	///Specifies the filter type as menu.
-	Menu,
 
-	///Specifies the filter type as excel.
-	Excel
-}
+	enum EditMode {
 
+		///Edit mode is normal.
+		Normal,
 
-enum EditMode{
+		///Edit mode is dialog.
+		Dialog,
 
-	///Edit mode is normal.
-	Normal,
+		///Edit mode is dialog template.
+		DialogTemplate,
 
-	///Edit mode is dialog.
-	Dialog,
+		///Edit mode is batch.
+		Batch,
 
-	///Edit mode is dialog template.
-	DialogTemplate,
+		///Edit mode is inline form.
+		InlineForm,
 
-	///Edit mode is batch.
-	Batch,
+		///Edit mode is inline template form.
+		InlineTemplateForm,
 
-	///Edit mode is inline form.
-	InlineForm,
+		///Edit mode is external form.
+		ExternalForm,
 
-	///Edit mode is inline template form.
-	InlineTemplateForm,
+		///Edit mode is external form template.
+		ExternalFormTemplate
+	}
 
-	///Edit mode is external form.
-	ExternalForm,
 
-	///Edit mode is external form template.
-	ExternalFormTemplate
-}
+	enum FormPosition {
 
+		///Form position is bottomleft.
+		BottomLeft,
 
-enum FormPosition{
+		///Form position is topright.
+		TopRight
+	}
 
-	///Form position is bottomleft.
-	BottomLeft,
 
-	///Form position is topright.
-	TopRight
-}
+	enum RowPosition {
 
+		///Specifies position of add new row as top.
+		Top,
 
-enum RowPosition{
+		///Specifies position of add new row as bottom.
+		Bottom
+	}
 
-	///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,
 
-enum FilterBarMode{
+		///Initiate filter operation after Enter key is pressed.
+		OnEnter
+	}
 
-	///Initiate filter operation on typing the filter query.
-	Immediate,
 
-	///Initiate filter operation after Enter key is pressed.
-	OnEnter
-}
+	enum PrintMode {
 
+		///Prints all pages.
+		AllPages,
 
-enum PrintMode{
+		///Prints current page.
+		CurrentPage
+	}
 
-	///Prints all pages.
-	AllPages,
 
-	///Prints current page.
-	CurrentPage
-}
+	enum ResizeMode {
 
+		///New column size will be adjusted by all other Columns
+		Normal,
 
-enum ResizeMode{
+		///New column Size will be adjusted using next column.
+		NextColumn,
 
-	///New column size will be adjusted by all other Columns
-	Normal,
+		///New column Size will be adjusted using entire control
+		Control
+	}
 
-	///New column Size will be adjusted using next column.
-	NextColumn,
 
-	///New column Size will be adjusted using entire control
-	Control
-}
+	enum SelectionType {
 
+		///Specifies the selection type as single.
+		Single,
 
-enum SelectionType{
+		///Specifies the selection type as multiple.
+		Multiple
+	}
 
-	///Specifies the selection type as single.
-	Single,
 
-	///Specifies the selection type as multiple.
-	Multiple
-}
+	enum VirtualScrollMode {
 
+		///virtual scroll mode is normal.
+		Normal,
 
-enum VirtualScrollMode{
+		///virtual scroll mode is continuous.
+		Continuous
+	}
 
-	///virtual scroll mode is normal.
-	Normal,
 
-	///virtual scroll mode is continuous.
-	Continuous
-}
+	enum SummaryType {
 
+		///Summary type is average.
+		Average,
 
-enum SummaryType{
+		///Summary type is minimum.
+		Minimum,
 
-	///Summary type is average.
-	Average,
+		///Summary type is maximum.
+		Maximum,
 
-	///Summary type is minimum.
-	Minimum,
+		///Summary type is count.
+		Count,
 
-	///Summary type is maximum.
-	Maximum,
+		///Summary type is sum.
+		Sum,
 
-	///Summary type is count.
-	Count,
+		///Summary type is custom.
+		Custom,
 
-	///Summary type is sum.
-	Sum,
+		///Summary type is true count.
+		TrueCount,
 
-	///Summary type is custom.
-	Custom,
+		///Summary type is false count.
+		FalseCount
+	}
 
-	///Summary type is true count.
-	TrueCount,
 
-	///Summary type is false count.
-	FalseCount
-}
+	enum WrapMode {
 
+		///Auto wrap is applied for both content and header.
+		Both,
 
-enum WrapMode{
+		///Auto wrap is applied only for content.
+		Content,
 
-	///Auto wrap is applied for both content and header.
-	Both,
+		///Auto wrap is applied only for header.
+		Header
+	}
 
-	///Auto wrap is applied only for content.
-	Content,
 
-	///Auto wrap is applied only for header.
-	Header
-}
+	enum ToolBarItems {
 
+		///Toolbar item is add.
+		Add,
 
-enum ToolBarItems{
+		///Toolbar item is edit.
+		Edit,
 
-	///Toolbar item is add.
-	Add,
+		///Toolbar item is delete.
+		Delete,
 
-	///Toolbar item is edit.
-	Edit,
+		///Toolbar item is update.
+		Update,
 
-	///Toolbar item is delete.
-	Delete,
+		///Toolbar item is cancel.
+		Cancel,
 
-	///Toolbar item is update.
-	Update,
+		///Toolbar item is search.
+		Search,
 
-	///Toolbar item is cancel.
-	Cancel,
+		///Toolbar item is pdfExport.
+		PdfExport,
 
-	///Toolbar item is search.
-	Search,
+		///Toolbar item is printGrid.
+		PrintGrid,
 
-	///Toolbar item is pdfExport.
-	PdfExport,
-
-	///Toolbar item is printGrid.
-	PrintGrid,
-
-	///Toolbar item is wordExport.
-	WordExport
-}
+		///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);
+	constructor(element: JQuery | Element, options?: Sparkline.Model);
 	static Locale: any;
-	model:Sparkline.Model;
-	defaults:Sparkline.Model;
+	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}
-	*/
+	 * @returns {void}
+	 */
 	redraw(): void;
 }
-export module Sparkline{
+export namespace Sparkline {
 
-export interface Model {
+	export interface Model {
 
-	/** Background color of the plot area.
-	*   @Default {transparent}
-	*/
-	background?: string;
+		/** Background color of the plot area.
+		 * @Default {transparent}
+		 */
+		background?: string;
 
-	/** Fill color for the sparkline series.
-	*   @Default {#33ccff}
-	*/
-	fill?: string;
+		/** Fill color for the sparkline series.
+		 * @Default {#33ccff}
+		 */
+		fill?: string;
 
-	/** Border color of the series.
-	*   @Default {null}
-	*/
-	stroke?: string;
+		/** Border color of the series.
+		 * @Default {null}
+		 */
+		stroke?: string;
 
-	/** Options for customizing the color, opacity and width of the sparkline border.
-	*/
-	border?: Border;
+		/** Options for customizing the color, opacity and width of the sparkline border.
+		 */
+		border?: Border;
 
-	/** Border width of the series.
-	*   @Default {1}
-	*/
-	width?: number;
+		/** Border width of the series.
+		 * @Default {1}
+		 */
+		width?: number;
 
-	/** Opacity of the series.
-	*   @Default {1}
-	*/
-	opacity?: number;
+		/** Opacity of the series.
+		 * @Default {1}
+		 */
+		opacity?: number;
 
-	/** Color for series high point.
-	*   @Default {null}
-	*/
-	highPointColor?: string;
+		/** Color for series high point.
+		 * @Default {null}
+		 */
+		highPointColor?: string;
 
-	/** Color for series low point.
-	*   @Default {null}
-	*/
-	lowPointColor?: string;
+		/** Color for series low point.
+		 * @Default {null}
+		 */
+		lowPointColor?: string;
 
-	/** Color for series start point.
-	*   @Default {null}
-	*/
-	startPointColor?: string;
+		/** Color for series start point.
+		 * @Default {null}
+		 */
+		startPointColor?: string;
 
-	/** Color for series end point.
-	*   @Default {null}
-	*/
-	endPointColor?: string;
+		/** Color for series end point.
+		 * @Default {null}
+		 */
+		endPointColor?: string;
 
-	/** Color for series negative point.
-	*   @Default {null}
-	*/
-	negativePointColor?: 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;
+		/** Options for customizing the color, opacity of the sparkline start and end range.
+		 */
+		rangeBandSettings?: RangeBandSettings;
 
-	/** Name of a field in data source, where the fill color for all the data points is generated.
-	*/
-	palette?: 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 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;
+		/** Controls whether Sparkline has to be rendered as Canvas or SVG.Canvas rendering supports all functionalities in SVG rendering.
+		 * @Default {false}
+		 */
+		enableCanvasRendering?: 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;
+		/** 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 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;
+		/** 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;
+		/** 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 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;
+		/** Specifies the theme for Sparkline.
+		 * @Default {Flatlight. See Theme}
+		 */
+		theme?: ej.datavisualization.Sparkline.Theme | string;
 
-	/** Options to customize the tooltip.
-	*/
-	tooltip?: Tooltip;
+		/** Options to customize the tooltip.
+		 */
+		tooltip?: Tooltip;
 
-	/** Options for displaying and customizing marker for a data point.
-	*/
-	markerSettings?: MarkerSettings;
+		/** Options for displaying and customizing marker for a data point.
+		 */
+		markerSettings?: MarkerSettings;
 
-	/** Options to customize the Sparkline size.
-	*/
-	size?: Size;
+		/** Options to customize the Sparkline size.
+		 */
+		size?: Size;
 
-	/** Options for customizing the color,dashArray and width of the axisLine.
-	*/
-	axisLineSettings?: AxisLineSettings;
+		/** Options for customizing the color,dashArray and width of the axisLine.
+		 */
+		axisLineSettings?: AxisLineSettings;
 
-	/** Fires before loading the sparkline. */
-	load? (e: LoadEventArgs): void;
+		/** Fires before loading the sparkline. */
+		load?(e: LoadEventArgs): void;
 
-	/** Fires after loaded the sparkline. */
-	loaded? (e: LoadedEventArgs): 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 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 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 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 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 over the sparkline. */
+		sparklineMouseMove?(e: SparklineMouseMoveEventArgs): void;
 
-	/** Fires on moving mouse outside the sparkline. */
-	sparklineMouseLeave? (e: SparklineMouseLeaveEventArgs): 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;
+	}
 }
-
-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;
+namespace Sparkline {
+	enum Type {
+		//string
+		Area,
+		//string
+		Line,
+		//string
+		Column,
+		//string
+		Pie,
+		//string
+		WinLoss,
+	}
 }
-
-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;
+namespace Sparkline {
+	enum Theme {
+		//string
+		Azure,
+		//string
+		FlatLight,
+		//string
+		FlatDark,
+		//string
+		Azuredark,
+		//string
+		Lime,
+		//string
+		LimeDark,
+		//string
+		Saffron,
+		//string
+		SaffronDark,
+		//string
+		GradientLight,
+		//string
+		GradientDark,
+	}
 }
-
-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,
+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, options?: SunburstChart.Model);
-	constructor(element: Element, options?: SunburstChart.Model);
+	constructor(element: JQuery | Element, options?: SunburstChart.Model);
 	static Locale: any;
-	model:SunburstChart.Model;
-	defaults:SunburstChart.Model;
+	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}
-	*/
+	 * @returns {void}
+	 */
 	redraw(): void;
 
 	/** destroy the sunburst
-	*   @returns {void}
-	*/
+	 * @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;
+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;
 
-	/** Animation type of sunburst
-	*   @Default {rotation. See Alignment}
-	*/
-	animationType?: ej.datavisualization.Sunburst.Animation|string;
+		/** Sunburst outer radius value
+		 * @Default {1}
+		 */
+		radius?: number;
+
+		/** Sunburst inner radius value
+		 * @Default {0.4}
+		 */
+		innerRadius?: number;
 
-	/** Fires before loading. */
-	load? (e: LoadEventArgs): void;
+		/** Options to customize the Sunburst dataLabel.
+		 */
+		dataLabelSettings?: DataLabelSettings;
 
-	/** Fires before rendering sunburst. */
-	preRender? (e: PreRenderEventArgs): void;
+		/** 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;
 
-	/** Fires after rendering sunburst. */
-	loaded? (e: LoadedEventArgs): void;
+		/** 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;
 
-	/** Fires before rendering the datalabel */
-	dataLabelRendering? (e: DataLabelRenderingEventArgs): void;
+		/** Specifies the theme for Sunburst.
+		 * @Default {Flatlight. See Theme}
+		 */
+		theme?: ej.datavisualization.Sunburst.SunburstTheme | string;
 
-	/** Fires before rendering each segment */
-	segmentRendering? (e: SegmentRenderingEventArgs): void;
+		/** Options to customize the left, right, top and bottom margins of sunburst area.
+		 */
+		margin?: Margin;
 
-	/** Fires before rendering sunburst title. */
-	titleRendering? (e: TitleRenderingEventArgs): void;
+		/** Enable/disable the animation for all the levels.
+		 * @Default {false}
+		 */
+		enableAnimation?: boolean;
 
-	/** Fires during initialization of tooltip. */
-	tooltipInitialize? (e: TooltipInitializeEventArgs): void;
+		/** Opacity of the levels.
+		 * @Default {1}
+		 */
+		opacity?: number;
 
-	/** Fires after clicking the point in sunburst */
-	pointRegionClick? (e: PointRegionClickEventArgs): void;
+		/** Options for enable zooming feature of chart.
+		 */
+		zoomSettings?: ZoomSettings;
 
-	/** Fires while moving the mouse over sunburst points */
-	pointRegionMouseMove? (e: PointRegionMouseMoveEventArgs): void;
+		/** Animation type of sunburst
+		 * @Default {rotation. See Alignment}
+		 */
+		animationType?: ej.datavisualization.Sunburst.Animation | string;
 
-	/** Fires when clicking the point to perform drilldown. */
-	drillDownClick? (e: DrillDownClickEventArgs): void;
+		/** Fires before loading. */
+		load?(e: LoadEventArgs): void;
 
-	/** Fires when resetting drilldown points. */
-	drillDownBack? (e: DrillDownBackEventArgs): void;
+		/** Fires before rendering sunburst. */
+		preRender?(e: PreRenderEventArgs): 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;
+		/** Fires after rendering sunburst. */
+		loaded?(e: LoadedEventArgs): void;
 
-	/** Set this option to true to cancel the event
-	*/
-	cancel?: boolean;
+		/** Fires before rendering the datalabel */
+		dataLabelRendering?(e: DataLabelRenderingEventArgs): void;
 
-	/** Instance of the sunburst model object
-	*/
-	model?: any;
+		/** Fires before rendering each segment */
+		segmentRendering?(e: SegmentRenderingEventArgs): void;
 
-	/** Name of the event
-	*/
-	type?: string;
-}
+		/** Fires before rendering sunburst title. */
+		titleRendering?(e: TitleRenderingEventArgs): void;
 
-export interface DrillDownResetEventArgs {
+		/** Fires during initialization of tooltip. */
+		tooltipInitialize?(e: TooltipInitializeEventArgs): void;
 
-	/** Drill down reset data
-	*/
-	data?: string;
+		/** Fires after clicking the point in sunburst */
+		pointRegionClick?(e: PointRegionClickEventArgs): void;
 
-	/** Set this option to true to cancel the event
-	*/
-	cancel?: boolean;
+		/** Fires while moving the mouse over sunburst points */
+		pointRegionMouseMove?(e: PointRegionMouseMoveEventArgs): void;
 
-	/** Instance of the sunburst model object
-	*/
-	model?: any;
+		/** Fires when clicking the point to perform drilldown. */
+		drillDownClick?(e: DrillDownClickEventArgs): void;
 
-	/** Name of the event
-	*/
-	type?: string;
-}
+		/** Fires when resetting drilldown points. */
+		drillDownBack?(e: DrillDownBackEventArgs): void;
 
-export interface Border {
+		/** Fires after resetting the sunburst points */
+		drillDownReset?(e: DrillDownResetEventArgs): void;
+	}
 
-	/** Border color of the sunburst.
-	*   @Default {null}
-	*/
-	color?: string;
+	export interface LoadEventArgs {
 
-	/** Width of the Sunburst border.
-	*   @Default {2}
-	*/
-	width?: number;
-}
+		/** Load event data
+		 */
+		data?: string;
 
-export interface SegmentBorder {
+		/** Set this option to true to cancel the event
+		 */
+		cancel?: boolean;
 
-	/** Segment Border color of the sunburst.
-	*   @Default {null}
-	*/
-	color?: string;
+		/** Instance of the sunburst model object
+		 */
+		model?: any;
 
-	/** Width of the Sunburst segment border.
-	*   @Default {2}
-	*/
-	width?: number;
-}
+		/** Name of the event
+		 */
+		type?: string;
+	}
 
-export interface Size {
+	export interface PreRenderEventArgs {
 
-	/** Height of the Sunburst.
-	*   @Default {''}
-	*/
-	height?: string;
+		/** PreRender event data
+		 */
+		data?: string;
 
-	/** Width of the Sunburst.
-	*   @Default {''}
-	*/
-	width?: string;
-}
+		/** Set this option to true to cancel the event
+		 */
+		cancel?: boolean;
 
-export interface TooltipBorder {
+		/** Instance of the sunburst model object
+		 */
+		model?: any;
 
-	/** Border color of the tooltip.
-	*   @Default {null}
-	*/
-	color?: string;
+		/** Name of the event
+		 */
+		type?: string;
+	}
 
-	/** Border width of the tooltip.
-	*   @Default {5}
-	*/
-	width?: number;
-}
+	export interface LoadedEventArgs {
 
-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;
-}
+		/** Loaded event data
+		 */
+		data?: string;
 
-export interface Tooltip {
+		/** Set this option to true to cancel the event
+		 */
+		cancel?: boolean;
 
-	/** tooltip visibility of the Sunburst.
-	*   @Default {true}
-	*/
-	visible?: boolean;
+		/** Instance of the sunburst model object
+		 */
+		model?: any;
 
-	/** Options for customizing the border of the sunburst tooltip.
-	*/
-	border?: TooltipBorder;
+		/** Name of the event
+		 */
+		type?: string;
+	}
 
-	/** Fill color for the sunburst tooltip.
-	*   @Default {null}
-	*/
-	fill?: string;
+	export interface DataLabelRenderingEventArgs {
 
-	/** Options for customizing the font of the tooltip.
-	*/
-	font?: TooltipFont;
+		/** Sunburst datalabel data
+		 */
+		data?: string;
 
-	/** Custom template to the tooltip.
-	*   @Default {null}
-	*/
-	template?: string;
-}
+		/** Set this option to true to cancel the event
+		 */
+		cancel?: boolean;
 
-export interface Points {
+		/** Instance of the sunburst model object
+		 */
+		model?: any;
 
-	/** Points x value of the sunburst.
-	*   @Default {null}
-	*/
-	x?: string;
+		/** Name of the event
+		 */
+		type?: string;
+	}
 
-	/** Points y value of the sunburst.
-	*   @Default {null}
-	*/
-	y?: number;
+	export interface SegmentRenderingEventArgs {
 
-	/** Points text of the sunburst.
-	*   @Default {null}
-	*/
-	text?: string;
+		/** Sunburst datalabel data
+		 */
+		data?: string;
 
-	/** Points fill color of the sunburst.
-	*   @Default {null}
-	*/
-	fill?: string;
-}
+		/** Set this option to true to cancel the event
+		 */
+		cancel?: boolean;
 
-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;
-}
+		/** Instance of the sunburst model object
+		 */
+		model?: any;
 
-export interface DataLabelSettings {
+		/** Name of the event
+		 */
+		type?: string;
+	}
 
-	/** Datalabel visibility of the Sunburst.
-	*   @Default {false}
-	*/
-	visible?: boolean;
+	export interface TitleRenderingEventArgs {
 
-	/** Alignment of sunburst datalabel
-	*   @Default {Angle. See DatalabelAlignment}
-	*/
-	labelRotationMode?: ej.datavisualization.Sunburst.SunburstLabelRotationMode|string;
+		/** Sunburst title data
+		 */
+		data?: string;
 
-	/** Options for customizing the data label font.
-	*/
-	font?: DataLabelSettingsFont;
+		/** Set this option to true to cancel the event
+		 */
+		cancel?: boolean;
 
-	/** Custom template for datalabel
-	*   @Default {null}
-	*/
-	template?: string;
+		/** Instance of the sunburst model object
+		 */
+		model?: any;
 
-	/** Fill color for the datalabel
-	*   @Default {null}
-	*/
-	fill?: string;
+		/** Name of the event
+		 */
+		type?: string;
+	}
 
-	/** Datalabel overflow mode
-	*   @Default {Trim. See LabelOverflowMode}
-	*/
-	labelOverflowMode?: ej.datavisualization.Sunburst.SunburstLabelOverflowMode|string;
-}
+	export interface TooltipInitializeEventArgs {
 
-export interface TitleFont {
+		/** Sunburst tooltip data
+		 */
+		data?: string;
 
-	/** Font family for Sunburst title.
-	*   @Default {Segoe UI}
-	*/
-	fontFamily?: string;
+		/** Set this option to true to cancel the event
+		 */
+		cancel?: boolean;
 
-	/** Font style for Sunburst title.
-	*   @Default {Normal. See FontStyle}
-	*/
-	fontStyle?: ej.datavisualization.Sunburst.FontStyle|string;
+		/** Instance of the sunburst model object
+		 */
+		model?: any;
 
-	/** Font weight for Sunburst title.
-	*   @Default {Regular. See FontWeight}
-	*/
-	fontWeight?: ej.datavisualization.Sunburst.FontWeight|string;
+		/** Name of the event
+		 */
+		type?: string;
+	}
 
-	/** Opacity of the Sunburst title.
-	*   @Default {1}
-	*/
-	opacity?: number;
+	export interface PointRegionClickEventArgs {
 
-	/** 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;
+		/** Includes clicked points region data
+		 */
+		data?: string;
 
-	/** Opacity of the sub title.
-	*   @Default {1}
-	*/
-	opacity?: number;
+		/** Set this option to true to cancel the event
+		 */
+		cancel?: boolean;
 
-	/** Font size for sub title.
-	*   @Default {12px}
-	*/
-	size?: string;
-}
+		/** Instance of the sunburst model object
+		 */
+		model?: any;
 
-export interface TitleSubtitle {
+		/** Name of the event
+		 */
+		type?: string;
+	}
 
-	/** Subtitle text for sunburst
-	*/
-	text?: string;
+	export interface PointRegionMouseMoveEventArgs {
 
-	/** Sub title text visibility for sunburst
-	*   @Default {true}
-	*/
-	visible?: string;
+		/** Includes data of mouse moved region
+		 */
+		data?: string;
 
-	/** Sub title text alignment
-	*   @Default {far. See TextAlignment}
-	*/
-	textAlignment?: ej.datavisualization.Sunburst.SunburstAlignment|string;
+		/** Set this option to true to cancel the event
+		 */
+		cancel?: boolean;
 
-	/** Options for customizing the font of sub title.
-	*/
-	font?: TitleSubtitleFont;
-}
+		/** Instance of the sunburst model object
+		 */
+		model?: any;
 
-export interface Title {
+		/** Name of the event
+		 */
+		type?: string;
+	}
 
-	/** Title text for sunburst
-	*/
-	text?: string;
+	export interface DrillDownClickEventArgs {
 
-	/** Title text visibility for sunburst
-	*   @Default {true}
-	*/
-	visible?: string;
+		/** Clicked point data
+		 */
+		data?: string;
 
-	/** Title text alignment
-	*   @Default {center. See TextAlignment}
-	*/
-	textAlignment?: ej.datavisualization.Sunburst.SunburstAlignment|string;
+		/** Set this option to true to cancel the event
+		 */
+		cancel?: boolean;
 
-	/** Options for customizing the font of sunburst title.
-	*/
-	font?: TitleFont;
+		/** Instance of the sunburst model object
+		 */
+		model?: any;
 
-	/** Options to customize the sub title of Sunburst.
-	*/
-	subtitle?: TitleSubtitle;
-}
+		/** Name of the event
+		 */
+		type?: string;
+	}
 
-export interface HighlightSettings {
+	export interface DrillDownBackEventArgs {
 
-	/** Enables/disables the ability to highlight the levels or point interactively.
-	*   @Default {false}
-	*/
-	enable?: boolean;
+		/** Drill down data of points
+		 */
+		data?: string;
 
-	/** Specifies whether the levels or point has to be highlighted.
-	*   @Default {point. See Mode}
-	*/
-	mode?: ej.datavisualization.Sunburst.SunburstHighlightMode|string;
+		/** Set this option to true to cancel the event
+		 */
+		cancel?: boolean;
 
-	/** Color of the levels/point on highlight.
-	*   @Default {red}
-	*/
-	color?: string;
+		/** Instance of the sunburst model object
+		 */
+		model?: any;
 
-	/** 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;
-}
+		/** Name of the event
+		 */
+		type?: string;
+	}
 
-export interface SelectionSettings {
+	export interface DrillDownResetEventArgs {
+
+		/** Drill down reset data
+		 */
+		data?: string;
 
-	/** 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,
-}
+		/** 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, options?: PivotGrid.Model);
-	constructor(element: Element, options?: PivotGrid.Model);
+	constructor(element: JQuery | Element, options?: PivotGrid.Model);
 	static Locale: any;
-	model:PivotGrid.Model;
-	defaults:PivotGrid.Model;
+	model: PivotGrid.Model;
+	defaults: PivotGrid.Model;
 
 	/** Performs an asynchronous HTTP (AJAX) request.
-	*   @returns {void}
-	*/
+	 * @returns {void}
+	 */
 	doAjaxPost(): void;
 
 	/** Performs an asynchronous HTTP (FullPost) submit.
-	*   @returns {void}
-	*/
+	 * @returns {void}
+	 */
 	doPostBack(): void;
 
 	/** Exports the PivotGrid to the specified format.
-	*   @returns {void}
-	*/
+	 * @returns {void}
+	 */
 	exportPivotGrid(): void;
 
 	/** This function re-renders the PivotGrid on clicking the navigation buttons on PivotPager.
-	*   @returns {void}
-	*/
+	 * @returns {void}
+	 */
 	refreshPagedPivotGrid(): void;
 
 	/** This function refreshes the PivotGrid with modified data input in client-mode.
-	*   @returns {void}
-	*/
+	 * @returns {void}
+	 */
 	refreshPivotGrid(): void;
 
 	/** This function re-renders the control with the report available at that instant.
-	*   @returns {void}
-	*/
+	 * @returns {void}
+	 */
 	refreshControl(): void;
 
 	/** This function returns the height of all rows and width each and every column.
-	*   @returns {any}
-	*/
+	 * @returns {any}
+	 */
 	calculateCellWidths(): any;
 
 	/** This function creates the conditional formatting dialog to apply conditional formatting for PivotGrid control.
-	*   @returns {void}
-	*/
+	 * @returns {void}
+	 */
 	createConditionalDialog(): void;
 
 	/** This function saves the current report to the database/local storage.
-	*   @returns {void}
-	*/
+	 * @returns {void}
+	 */
 	saveReport(): void;
 
 	/** This function loads the specified report from the database/local storage.
-	*   @returns {void}
-	*/
+	 * @returns {void}
+	 */
 	loadReport(): void;
 
 	/** This function reconstructs the JSON data formed for rendering PivotGrid in excel-like layout format.
-	*   @returns {void}
-	*/
+	 * @returns {void}
+	 */
 	excelLikeLayout(): void;
 
 	/** Returns the OlapReport string maintained along with the axis elements information.
-	*   @returns {string}
-	*/
+	 * @returns {string}
+	 */
 	getOlapReport(): string;
 
 	/** Sets the OlapReport string along with the axis information.
-	*   @returns {void}
-	*/
+	 * @returns {void}
+	 */
 	setOlapReport(): void;
 
 	/** Returns the JSON records formed to render the control.
-	*   @returns {Array<any>}
-	*/
-	getJSONRecords(): Array<any>;
+	 * @returns {Array<any>}
+	 */
+	getJSONRecords(): any[];
 
 	/** Sets the JSON records formed to render the control.
-	*   @returns {void}
-	*/
+	 * @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}
-	*/
+	 * @returns {void}
+	 */
 	refreshFieldCaption(): void;
 
 	/** This function receives the JSON formatted datasource to render the PivotGrid control.
-	*   @returns {void}
-	*/
+	 * @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 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;
+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;
+
+		/** 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;
+		/** 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;
+		/** 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;
+		/** 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;
+		/** 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;
+		/** 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 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 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 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 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 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 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 when the hyperlink of column header is clicked. */
+		columnHeaderHyperlinkClick?(e: ColumnHeaderHyperlinkClickEventArgs): void;
 
-	/** Triggers after performing drill operation in PivotGrid. */
-	drillSuccess? (e: DrillSuccessEventArgs): 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 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 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 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 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 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 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 summary cell is clicked. */
+		summaryCellHyperlinkClick?(e: SummaryCellHyperlinkClickEventArgs): void;
 
-	/** Triggers when the hyperlink of value cell is clicked. */
-	valueCellHyperlinkClick? (e: ValueCellHyperlinkClickEventArgs): 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 saving the current report to database. */
+		saveReport?(e: SaveReportEventArgs): void;
 
-	/** Triggers before loading a report from database. */
-	loadReport? (e: LoadReportEventArgs): 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 performing exporting in pivot grid. */
+		beforeExport?(e: BeforeExportEventArgs): void;
 
-	/** Triggers before editing the cells. */
-	cellEdit? (e: CellEditEventArgs): void;
-}
+		/** Triggers before editing the cells. */
+		cellEdit?(e: CellEditEventArgs): void;
+	}
 
-export interface AfterServiceInvokeEventArgs {
+	export interface AfterServiceInvokeEventArgs {
 
-	/** returns the current action of PivotGrid control.
-	*/
-	action?: string;
+		/** returns the current action of PivotGrid control.
+		 */
+		action?: string;
 
-	/** returns the custom object bound with PivotGrid control.
-	*/
-	customObject?: any;
+		/** returns the custom object bound with PivotGrid control.
+		 */
+		customObject?: any;
 
-	/** returns the HTML element of PivotGrid control.
-	*/
-	element?: any;
-}
+		/** returns the HTML element of PivotGrid control.
+		 */
+		element?: any;
+	}
 
-export interface BeforeServiceInvokeEventArgs {
+	export interface BeforeServiceInvokeEventArgs {
 
-	/** returns the current action of PivotGrid control.
-	*/
-	action?: string;
+		/** returns the current action of PivotGrid control.
+		 */
+		action?: string;
 
-	/** returns the custom object bound with PivotGrid control.
-	*/
-	customObject?: any;
+		/** returns the custom object bound with PivotGrid control.
+		 */
+		customObject?: any;
 
-	/** returns the HTML element of PivotGrid control.
-	*/
-	element?: any;
-}
+		/** returns the HTML element of PivotGrid control.
+		 */
+		element?: any;
+	}
 
-export interface BeforePivotEnginePopulateEventArgs {
+	export interface BeforePivotEnginePopulateEventArgs {
 
-	/** returns the PivotGrid object
-	*/
-	pivotGridObject?: any;
-}
+		/** returns the PivotGrid object
+		 */
+		pivotGridObject?: any;
+	}
 
-export interface CellDoubleClickEventArgs {
+	export interface CellDoubleClickEventArgs {
 
-	/** returns the JSON details of the double clicked cell.
-	*/
-	selectedData?: Array<any>;
+		/** returns the JSON details of the double clicked cell.
+		 */
+		selectedData?: any[];
 
-	/** returns the custom object bound with PivotGrid control.
-	*/
-	customObject?: any;
+		/** returns the custom object bound with PivotGrid control.
+		 */
+		customObject?: any;
 
-	/** returns the HTML element of PivotGrid control.
-	*/
-	element?: any;
-}
+		/** returns the HTML element of PivotGrid control.
+		 */
+		element?: any;
+	}
 
-export interface CellContextEventArgs {
+	export interface CellContextEventArgs {
 
-	/** returns the cell position (row index and column index) in table.
-	*/
-	cellPosition?: string;
+		/** returns the cell position (row index and column index) in table.
+		 */
+		cellPosition?: string;
 
-	/** returns the type of the cell.
-	*/
-	cellType?: string;
+		/** returns the type of the cell.
+		 */
+		cellType?: string;
 
-	/** returns the content of the cell.
-	*/
-	cellValue?: string;
+		/** returns the content of the cell.
+		 */
+		cellValue?: string;
 
-	/** returns the unique name of levels/members.
-	*/
-	uniqueName?: string;
+		/** returns the unique name of levels/members.
+		 */
+		uniqueName?: string;
 
-	/** returns the role of the cell in PivotGrid.
-	*/
-	role?: string;
+		/** returns the role of the cell in PivotGrid.
+		 */
+		role?: string;
 
-	/** returns JSON record corresponding to the selected cell.
-	*/
-	rawdata?: any;
+		/** returns JSON record corresponding to the selected cell.
+		 */
+		rawdata?: any;
 
-	/** returns the original event object.
-	*/
-	args?: any;
-}
+		/** returns the original event object.
+		 */
+		args?: any;
+	}
 
-export interface CellSelectionEventArgs {
+	export interface CellSelectionEventArgs {
 
-	/** returns the JSON records of the selected range of cells.
-	*/
-	JSONRecords?: any;
+		/** 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 row headers corresponding to the selected value cells.
+		 */
+		rowheader?: any;
 
-	/** Returns the column headers corresponding to the selected value cells.
-	*/
-	columnheader?: 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;
-}
+		/** Returns the information about the measure associated with the selected cell.
+		 */
+		measureCount?: string;
+	}
 
-export interface ColumnHeaderHyperlinkClickEventArgs {
+	export interface ColumnHeaderHyperlinkClickEventArgs {
 
-	/** returns the information about the clicked cell
-	*/
-	args?: any;
+		/** returns the information about the clicked cell
+		 */
+		args?: any;
 
-	/** returns the HTML element of the control.
-	*/
-	element?: any;
+		/** returns the HTML element of the control.
+		 */
+		element?: any;
 
-	/** returns the custom object bound to the control.
-	*/
-	customObject?: any;
-}
+		/** returns the custom object bound to the control.
+		 */
+		customObject?: any;
+	}
 
-export interface DrillSuccessEventArgs {
+	export interface DrillSuccessEventArgs {
 
-	/** returns the HTML element of the control.
-	*/
-	args?: any;
-}
+		/** returns the HTML element of the control.
+		 */
+		args?: any;
+	}
 
-export interface DrillThroughEventArgs {
+	export interface DrillThroughEventArgs {
 
-	/** return the JSON records of the generated cells on drill-through operation.
-	*/
-	data?: any;
+		/** return the JSON records of the generated cells on drill-through operation.
+		 */
+		data?: any;
 
-	/** returns the HTML element of PivotGrid control.
-	*/
-	element?: any;
-}
+		/** returns the HTML element of PivotGrid control.
+		 */
+		element?: any;
+	}
 
-export interface LoadEventArgs {
+	export interface LoadEventArgs {
 
-	/** returns the custom object bound with the control.
-	*/
-	customObject?: any;
+		/** returns the custom object bound with the control.
+		 */
+		customObject?: any;
 
-	/** returns the HTML element of PivotGrid control.
-	*/
-	element?: any;
-}
+		/** returns the HTML element of PivotGrid control.
+		 */
+		element?: any;
+	}
 
-export interface RenderCompleteEventArgs {
+	export interface RenderCompleteEventArgs {
 
-	/** returns the current action of PivotGrid control.
-	*/
-	action?: string;
+		/** returns the current action of PivotGrid control.
+		 */
+		action?: string;
 
-	/** returns the custom object bound with the control.
-	*/
-	customObject?: any;
+		/** returns the custom object bound with the control.
+		 */
+		customObject?: any;
 
-	/** returns the HTML element of PivotGrid control.
-	*/
-	element?: any;
-}
+		/** returns the HTML element of PivotGrid control.
+		 */
+		element?: any;
+	}
 
-export interface RenderFailureEventArgs {
+	export interface RenderFailureEventArgs {
 
-	/** returns the current action of PivotGrid control.
-	*/
-	action?: string;
+		/** returns the current action of PivotGrid control.
+		 */
+		action?: string;
 
-	/** returns the custom object bound with the control.
-	*/
-	customObject?: any;
+		/** returns the custom object bound with the control.
+		 */
+		customObject?: any;
 
-	/** returns the HTML element of PivotGrid control.
-	*/
-	element?: any;
+		/** returns the HTML element of PivotGrid control.
+		 */
+		element?: any;
 
-	/** returns the error message with error code.
-	*/
-	message?: string;
-}
+		/** returns the error message with error code.
+		 */
+		message?: string;
+	}
 
-export interface RenderSuccessEventArgs {
+	export interface RenderSuccessEventArgs {
 
-	/** returns the current action of PivotGrid control.
-	*/
-	action?: string;
+		/** returns the current action of PivotGrid control.
+		 */
+		action?: string;
 
-	/** returns the custom object bound with the control.
-	*/
-	customObject?: any;
+		/** returns the custom object bound with the control.
+		 */
+		customObject?: any;
 
-	/** returns the HTML element of PivotGrid control.
-	*/
-	element?: any;
-}
+		/** returns the HTML element of PivotGrid control.
+		 */
+		element?: any;
+	}
 
-export interface RowHeaderHyperlinkClickEventArgs {
+	export interface RowHeaderHyperlinkClickEventArgs {
 
-	/** returns the information about the clicked cell
-	*/
-	args?: any;
+		/** returns the information about the clicked cell
+		 */
+		args?: any;
 
-	/** returns the HTML element of the control.
-	*/
-	element?: any;
+		/** returns the HTML element of the control.
+		 */
+		element?: any;
 
-	/** returns the custom object bound to the control.
-	*/
-	customObject?: any;
-}
+		/** returns the custom object bound to the control.
+		 */
+		customObject?: any;
+	}
 
-export interface SummaryCellHyperlinkClickEventArgs {
+	export interface SummaryCellHyperlinkClickEventArgs {
 
-	/** returns the information about the clicked cell
-	*/
-	args?: any;
+		/** returns the information about the clicked cell
+		 */
+		args?: any;
 
-	/** returns the HTML element of the control.
-	*/
-	element?: any;
+		/** returns the HTML element of the control.
+		 */
+		element?: any;
 
-	/** returns the custom object bound to the control.
-	*/
-	customObject?: any;
-}
+		/** returns the custom object bound to the control.
+		 */
+		customObject?: any;
+	}
 
-export interface ValueCellHyperlinkClickEventArgs {
+	export interface ValueCellHyperlinkClickEventArgs {
 
-	/** returns the information about the clicked cell
-	*/
-	args?: any;
+		/** returns the information about the clicked cell
+		 */
+		args?: any;
 
-	/** returns the HTML element of the control.
-	*/
-	element?: any;
+		/** returns the HTML element of the control.
+		 */
+		element?: any;
 
-	/** returns the custom object bound to the control.
-	*/
-	customObject?: any;
-}
+		/** returns the custom object bound to the control.
+		 */
+		customObject?: any;
+	}
 
-export interface SaveReportEventArgs {
+	export interface SaveReportEventArgs {
 
-	/** returns the report to be stored in database.
-	*/
-	report?: any;
-}
+		/** returns the report to be stored in database.
+		 */
+		report?: any;
+	}
 
-export interface LoadReportEventArgs {
+	export interface LoadReportEventArgs {
 
-	/** returns the PivotGrid object.
-	*/
-	targetControl?: any;
+		/** returns the PivotGrid object.
+		 */
+		targetControl?: any;
 
-	/** returns whether the control is bound with OLAP or Relational data source.
-	*/
-	dataModel?: string;
-}
+		/** returns whether the control is bound with OLAP or Relational data source.
+		 */
+		dataModel?: string;
+	}
 
-export interface BeforeExportEventArgs {
+	export interface BeforeExportEventArgs {
 
-	/** contains the url of the service responsible for exporting.
-	*/
-	url?: string;
+		/** contains the url of the service responsible for exporting.
+		 */
+		url?: string;
 
-	/** contains the name of the exporting file.
-	*/
-	fileName?: string;
-}
+		/** contains the name of the exporting file.
+		 */
+		fileName?: string;
+	}
 
-export interface CellEditEventArgs {
+	export interface CellEditEventArgs {
 
-	/** contains the array of cells selected for editing.
-	*/
-	editCellsInfo?: Array<any>;
-}
+		/** contains the array of cells selected for editing.
+		 */
+		editCellsInfo?: any[];
+	}
 
-export interface DataSourceColumnsAdvancedFilter {
+	export interface DataSourceColumnsAdvancedFilter {
 
-	/** Allows the user to provide level unique name to perform advanced filtering.
-	*/
-	name?: string;
+		/** 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 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;
+		/** 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>;
-}
+		/** 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 {
+	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;
+		/** 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 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 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 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 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;
-
-	/** 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
-}
+		/** 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;
+	}
+
+	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,
+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,
+	}
 }
-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,
+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,
+	}
 }
-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,
-}
+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, options?: PivotSchemaDesigner.Model);
-	constructor(element: Element, options?: PivotSchemaDesigner.Model);
+	constructor(element: JQuery | Element, options?: PivotSchemaDesigner.Model);
 	static Locale: any;
-	model:PivotSchemaDesigner.Model;
-	defaults:PivotSchemaDesigner.Model;
+	model: PivotSchemaDesigner.Model;
+	defaults: PivotSchemaDesigner.Model;
 
 	/** Performs an asynchronous HTTP (AJAX) request.
-	*   @returns {void}
-	*/
+	 * @returns {void}
+	 */
 	doAjaxPost(): void;
 
 	/** Re-renders the control with the data source bound to the pivot control at that instant.
-	*   @returns {void}
-	*/
+	 * @returns {void}
+	 */
 	refreshControl(): void;
 }
-export module PivotSchemaDesigner{
+export namespace PivotSchemaDesigner {
 
-export interface Model {
+	export interface Model {
 
-	/** Specifies the CSS class to PivotSchemaDesigner to achieve custom theme.
-	*   @Default {“”}
-	*/
-	cssClass?: string;
+		/** 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;
+		/** 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;
+		/** 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;
+		/** 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;
+		/** 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;
+		/** 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;
+		/** Sets the height for PivotSchemaDesigner.
+		 * @Default {“”}
+		 */
+		height?: string;
 
-	/** Allows the user to set the localized language for the widget.
-	*   @Default {en-US}
-	*/
-	locale?: 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;
+		/** 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;
+		/** 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;
+		/** Connects the service using the specified URL for any server updates.
+		 * @Default {“”}
+		 */
+		url?: string;
 
-	/** Sets the width for PivotSchemaDesigner.
-	*   @Default {“”}
-	*/
-	width?: string;
+		/** Sets the width for PivotSchemaDesigner.
+		 * @Default {“”}
+		 */
+		width?: string;
 
-	/** Sets the layout for PivotSchemaDesigner.
-	*   @Default {ej.PivotSchemaDesigner.Layouts.Excel}
-	*/
-	layout?: ej.PivotSchemaDesigner.Layouts|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 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 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;
-}
+		/** Triggers when we start dragging any field from PivotSchemaDesigner. */
+		dragMove?(e: DragMoveEventArgs): void;
+	}
 
-export interface AfterServiceInvokeEventArgs {
+	export interface AfterServiceInvokeEventArgs {
 
-	/** returns the current action of PivotSchemaDesigner control.
-	*/
-	action?: string;
+		/** returns the current action of PivotSchemaDesigner control.
+		 */
+		action?: string;
 
-	/** returns the custom object bound with PivotSchemaDesigner control.
-	*/
-	customObject?: any;
+		/** returns the custom object bound with PivotSchemaDesigner control.
+		 */
+		customObject?: any;
 
-	/** returns the HTML element of PivotSchemaDesigner control.
-	*/
-	element?: any;
-}
+		/** returns the HTML element of PivotSchemaDesigner control.
+		 */
+		element?: any;
+	}
 
-export interface BeforeServiceInvokeEventArgs {
+	export interface BeforeServiceInvokeEventArgs {
 
-	/** returns the current action of PivotSchemaDesigner control.
-	*/
-	action?: string;
+		/** returns the current action of PivotSchemaDesigner control.
+		 */
+		action?: string;
 
-	/** returns the custom object bound with PivotSchemaDesigner control.
-	*/
-	customObject?: any;
+		/** returns the custom object bound with PivotSchemaDesigner control.
+		 */
+		customObject?: any;
 
-	/** returns the HTML element of PivotSchemaDesigner control.
-	*/
-	element?: any;
-}
+		/** returns the HTML element of PivotSchemaDesigner control.
+		 */
+		element?: any;
+	}
 
-export interface DragMoveEventArgs {
+	export interface DragMoveEventArgs {
 
-	/** returns the HTML element of the dragged field from PivotSchemaDesigner.
-	*/
-	dragTarget?: any;
+		/** returns the HTML element of the dragged field from PivotSchemaDesigner.
+		 */
+		dragTarget?: any;
 
-	/** return the JSON details of the dragged field.
-	*/
-	draggedElementData?: any;
+		/** return the JSON details of the dragged field.
+		 */
+		draggedElementData?: any;
 
-	/** if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
+		/** if the event should be canceled; otherwise, false.
+		 */
+		cancel?: boolean;
 
-	/** returns the PivotSchemaDesigner model
-	*/
-	model?: any;
-}
+		/** returns the PivotSchemaDesigner model
+		 */
+		model?: any;
+	}
 
-export interface Olap {
+	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 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;
-}
+		/** 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 {
+	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 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 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 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 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 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;
-}
+		/** 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{
+	enum Layouts {
 
-	///To set the layout as same in the Excel.
-	Excel,
+		///To set the layout as same in the Excel.
+		Excel,
 
-	///To set normal layout for Field List.
-	Normal,
+		///To set normal layout for Field List.
+		Normal,
 
-	///To set layout with the axes one above the other.
-	OneByOne
-}
+		///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);
+	constructor(element: JQuery | Element, options?: PivotPager.Model);
 	static Locale: any;
-	model:PivotPager.Model;
-	defaults:PivotPager.Model;
+	model: PivotPager.Model;
+	defaults: PivotPager.Model;
 
 	/** This function initializes the page counts and page numbers for the PivotPager.
-	*   @returns {void}
-	*/
+	 * @returns {void}
+	 */
 	initPagerProperties(): void;
 }
-export module PivotPager{
+export namespace PivotPager {
 
-export interface Model {
+	export interface Model {
 
-	/** Contains the current page number in categorical axis.
-	*   @Default {1}
-	*/
-	categoricalCurrentPage?: number;
+		/** Contains the current page number in categorical axis.
+		 * @Default {1}
+		 */
+		categoricalCurrentPage?: number;
 
-	/** Contains the total page count in categorical axis.
-	*   @Default {1}
-	*/
-	categoricalPageCount?: 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;
+		/** 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;
+		/** 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 current page number in series axis.
+		 * @Default {1}
+		 */
+		seriesCurrentPage?: number;
 
-	/** Contains the total page count in series axis.
-	*   @Default {1}
-	*/
-	seriesPageCount?: 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;
-}
+		/** Contains the ID of the target element for which paging needs to be done.
+		 * @Default {“”}
+		 */
+		targetControlID?: string;
+	}
 
-enum Mode{
+	enum Mode {
 
-	///To set both categorical and series pager for paging.
-	Both,
+		///To set both categorical and series pager for paging.
+		Both,
 
-	///To set only categorical pager for paging.
-	Categorical,
+		///To set only categorical pager for paging.
+		Categorical,
 
-	///To set only series pager for paging.
-	Series
-}
+		///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);
+	constructor(element: JQuery | Element, options?: PivotChart.Model);
 	static Locale: any;
-	model:PivotChart.Model;
-	defaults:PivotChart.Model;
+	model: PivotChart.Model;
+	defaults: PivotChart.Model;
 
 	/** Performs an asynchronous HTTP (AJAX) request.
-	*   @returns {void}
-	*/
+	 * @returns {void}
+	 */
 	doAjaxPost(): void;
 
 	/** Perform an asynchronous HTTP (FullPost) submit.
-	*   @returns {void}
-	*/
+	 * @returns {void}
+	 */
 	doPostBack(): void;
 
 	/** Exports the PivotChart to the format specified in the parameter.
-	*   @returns {void}
-	*/
+	 * @returns {void}
+	 */
 	exportPivotChart(): void;
 
 	/** This function renders the PivotChart control with the JSON formatted datasource.
-	*   @returns {void}
-	*/
+	 * @returns {void}
+	 */
 	renderChartFromJSON(): void;
 
 	/** This function receives the update from service-end, which would be utilized for rendering the widget.
-	*   @returns {void}
-	*/
+	 * @returns {void}
+	 */
 	renderControlSuccess(): void;
 
 	/** Returns the OlapReport string maintained along with the axis elements information.
-	*   @returns {string}
-	*/
+	 * @returns {string}
+	 */
 	getOlapReport(): string;
 
 	/** Sets the OlapReport string along with the axis information and maintains it in a property.
-	*   @returns {void}
-	*/
+	 * @returns {void}
+	 */
 	setOlapReport(): void;
 
 	/** Returns the JSON records formed to render the control.
-	*   @returns {Array<any>}
-	*/
-	getJSONRecords(): Array<any>;
+	 * @returns {Array<any>}
+	 */
+	getJSONRecords(): any[];
 
 	/** Sets the JSON records to render the control.
-	*   @returns {void}
-	*/
+	 * @returns {void}
+	 */
 	setJSONRecords(): void;
 
 	/** Returns the PivotEngine formed to render the control.
-	*   @returns {Array<any>}
-	*/
-	getPivotEngine(): Array<any>;
+	 * @returns {Array<any>}
+	 */
+	getPivotEngine(): any[];
 
 	/** Sets the PivotEngine required to render the control.
-	*   @returns {void}
-	*/
+	 * @returns {void}
+	 */
 	setPivotEngine(): void;
 
 	/** Re-renders the control with the data source at the instant.
-	*   @returns {void}
-	*/
+	 * @returns {void}
+	 */
 	refreshControl(): void;
 
 	/** Renders the control with the pivot engine obtained from olap cube.
-	*   @returns {void}
-	*/
+	 * @returns {void}
+	 */
 	generateJSON(): void;
 
 	/** Navigates to the specified page number in specified axis.
-	*   @returns {void}
-	*/
+	 * @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;
+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 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;
+	}
 
-	/** 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;
+	export interface LoadEventArgs {
+
+		/** returns the current action of PivotChart control.
+		 */
+		action?: string;
 
-	/** Connects the service using the specified URL for any server updates on operating the control in server mode.
-	*   @Default {“”}
-	*/
-	url?: string;
+		/** returns the custom object bound with PivotChart control.
+		 */
+		customObject?: any;
 
-	/** 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;
+		/** returns the HTML element of PivotChart control.
+		 */
+		element?: any;
+	}
 
-	/** Triggers when any error occurred during AJAX request. */
-	renderFailure? (e: RenderFailureEventArgs): void;
+	export interface AfterServiceInvokeEventArgs {
 
-	/** 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 the current action of PivotChart control.
+		 */
+		action?: string;
 
-export interface LoadEventArgs {
+		/** returns the custom object bound with PivotChart control.
+		 */
+		customObject?: any;
 
-	/** returns the current action of PivotChart control.
-	*/
-	action?: string;
+		/** returns the HTML element of PivotChart control.
+		 */
+		element?: any;
+	}
 
-	/** returns the custom object bound with PivotChart control.
-	*/
-	customObject?: any;
+	export interface BeforeServiceInvokeEventArgs {
 
-	/** returns the HTML element of PivotChart control.
-	*/
-	element?: any;
-}
+		/** returns the current action of PivotChart control.
+		 */
+		action?: string;
 
-export interface AfterServiceInvokeEventArgs {
+		/** returns the custom object bound with PivotChart control.
+		 */
+		customObject?: any;
 
-	/** returns the current action of PivotChart control.
-	*/
-	action?: string;
+		/** returns the HTML element of PivotChart control.
+		 */
+		element?: any;
+	}
 
-	/** returns the custom object bound with PivotChart control.
-	*/
-	customObject?: any;
+	export interface DrillSuccessEventArgs {
 
-	/** returns the HTML element of PivotChart control.
-	*/
-	element?: any;
-}
+		/** returns the current instance of PivotChart.
+		 */
+		chartObj?: any;
 
-export interface BeforeServiceInvokeEventArgs {
+		/** returns the drill action of PivotChart.
+		 */
+		drillAction?: string;
 
-	/** returns the current action of PivotChart control.
-	*/
-	action?: string;
+		/** contains the name of the member drilled.
+		 */
+		drilledMember?: string;
 
-	/** returns the custom object bound with PivotChart control.
-	*/
-	customObject?: any;
+		/** returns the event object.
+		 */
+		event?: any;
+	}
 
-	/** returns the HTML element of PivotChart control.
-	*/
-	element?: any;
-}
+	export interface RenderCompleteEventArgs {
 
-export interface DrillSuccessEventArgs {
+		/** returns the current action of PivotChart control.
+		 */
+		action?: string;
 
-	/** returns the current instance of PivotChart.
-	*/
-	chartObj?: any;
+		/** returns the custom object bound with PivotChart control.
+		 */
+		customObject?: any;
 
-	/** returns the drill action of PivotChart.
-	*/
-	drillAction?: string;
+		/** returns the HTML element of PivotChart control.
+		 */
+		element?: any;
+	}
 
-	/** contains the name of the member drilled.
-	*/
-	drilledMember?: string;
+	export interface RenderFailureEventArgs {
 
-	/** returns the event object.
-	*/
-	event?: any;
-}
+		/** returns the current action of PivotChart control.
+		 */
+		action?: string;
 
-export interface RenderCompleteEventArgs {
+		/** returns the custom object bound with PivotChart control.
+		 */
+		customObject?: any;
 
-	/** returns the current action of PivotChart control.
-	*/
-	action?: string;
+		/** returns the HTML element of PivotChart control.
+		 */
+		element?: any;
 
-	/** returns the custom object bound with PivotChart control.
-	*/
-	customObject?: any;
+		/** returns the error stack trace of the original exception.
+		 */
+		message?: string;
+	}
 
-	/** returns the HTML element of PivotChart control.
-	*/
-	element?: any;
-}
+	export interface RenderSuccessEventArgs {
 
-export interface RenderFailureEventArgs {
+		/** returns the current instance of PivotChart.
+		 */
+		args?: any;
+	}
 
-	/** returns the current action of PivotChart control.
-	*/
-	action?: string;
+	export interface BeforeExportEventArgs {
 
-	/** returns the custom object bound with PivotChart control.
-	*/
-	customObject?: any;
+		/** contains the url of the service responsible for exporting.
+		 */
+		url?: string;
 
-	/** returns the HTML element of PivotChart control.
-	*/
-	element?: any;
+		/** contains the name of the exporting file.
+		 */
+		fileName?: string;
+	}
 
-	/** returns the error stack trace of the original exception.
-	*/
-	message?: string;
-}
+	export interface Zooming {
 
-export interface RenderSuccessEventArgs {
+		/** Enables or disables horizontal scrollbar.
+		 * @Default {false}
+		 */
+		enableScrollbar?: boolean;
+	}
 
-	/** returns the current instance of PivotChart.
-	*/
-	args?: any;
-}
+	export interface CommonSeriesOptions {
 
-export interface BeforeExportEventArgs {
+		/** Allows the user to set the specific chart type for PivotChart widget.
+		 * @Default {ej.PivotChart.ChartTypes.Column}
+		 */
+		type?: ej.PivotChart.ChartTypes | string;
+	}
 
-	/** contains the url of the service responsible for exporting.
-	*/
-	url?: string;
+	export interface DataSourceColumnsFilterItems {
 
-	/** contains the name of the exporting file.
-	*/
-	fileName?: 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 Zooming {
+		/** Contains the collection of items to be included/excluded among the field members.
+		 * @Default {[]}
+		 */
+		values?: any[];
+	}
 
-	/** Enables or disables horizontal scrollbar.
-	*   @Default {false}
-	*/
-	enableScrollbar?: boolean;
-}
+	export interface DataSourceColumn {
 
-export interface CommonSeriesOptions {
+		/** Allows the user to bind the item by using its unique name as field name.
+		 */
+		fieldName?: string;
 
-	/** Allows the user to set the specific chart type for PivotChart widget.
-	*   @Default {ej.PivotChart.ChartTypes.Column}
-	*/
-	type?: ej.PivotChart.ChartTypes|string;
-}
+		/** Allows the user to set the display caption for an item.
+		 */
+		fieldCaption?: string;
 
-export interface DataSourceColumnsFilterItems {
+		/** 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;
+	}
 
-	/** Sets the type of filter whether to include/exclude the mentioned values.
-	*   @Default {ej.PivotAnalysis.FilterType.Exclude}
-	*/
-	filterType?: ej.PivotAnalysis.FilterType|string;
+	export interface DataSource {
 
-	/** Contains the collection of items to be included/excluded among the field members.
-	*   @Default {[]}
-	*/
-	values?: Array<any>;
-}
+		/** Contains the respective cube name from OLAP database as string type.
+		 * @Default {“”}
+		 */
+		cube?: string;
 
-export interface DataSourceColumn {
+		/** Provides the raw data source for the PivotChart.
+		 * @Default {null}
+		 */
+		data?: any;
 
-	/** Allows the user to bind the item by using its unique name as field name.
-	*/
-	fieldName?: 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;
 
-	/** Allows the user to set the display caption for an item.
-	*/
-	fieldCaption?: string;
+		/** Lists out the items to be displayed as series of PivotChart.
+		 * @Default {[]}
+		 */
+		columns?: DataSourceColumn[];
 
-	/** 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;
-}
+		/** Lists out the items to be displayed as segments of PivotChart.
+		 * @Default {[]}
+		 */
+		rows?: DataSourceRow[];
 
-export interface DataSource {
+		/** Lists out the items supports calculation in PivotChart.
+		 * @Default {[]}
+		 */
+		values?: DataSourceValue[];
 
-	/** Contains the respective cube name from OLAP database as string type.
-	*   @Default {“”}
-	*/
-	cube?: string;
+		/** Lists out the items which supports filtering of values without displaying the members in UI in PivotChart.
+		 * @Default {[]}
+		 */
+		filters?: DataSourceFilter[];
+	}
 
-	/** Provides the raw data source for the PivotChart.
-	*   @Default {null}
-	*/
-	data?: any;
+	export interface ServiceMethodSettings {
 
-	/** 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 the user to set the custom name for the service method responsible for drilling up/down operation in PivotChart.
+		 * @Default {DrillChart}
+		 */
+		drillDown?: string;
 
-	/** Lists out the items to be displayed as series of PivotChart.
-	*   @Default {[]}
-	*/
-	columns?: Array<DataSourceColumn>;
+		/** Allows the user to set the custom name for the service method responsible for exporting.
+		 * @Default {Export}
+		 */
+		exportPivotChart?: string;
 
-	/** Lists out the items to be displayed as segments of PivotChart.
-	*   @Default {[]}
-	*/
-	rows?: Array<DataSourceRow>;
+		/** Allows the user to set the custom name for the service method responsible for initializing PivotChart.
+		 * @Default {InitializeChart}
+		 */
+		initialize?: string;
 
-	/** Lists out the items supports calculation in PivotChart.
-	*   @Default {[]}
-	*/
-	values?: Array<DataSourceValue>;
+		/** Allows the user to set the custom name for the service method responsible for navigating between pages in paged PivotChart.
+		 * @Default {Paging}
+		 */
+		paging?: string;
+	}
 
-	/** Lists out the items which supports filtering of values without displaying the members in UI in PivotChart.
-	*   @Default {[]}
-	*/
-	filters?: Array<DataSourceFilter>;
-}
+	enum ChartTypes {
 
-export interface ServiceMethodSettings {
+		///To render a Line type PivotChart.
+		Line,
 
-	/** 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 render a Spline type PivotChart.
+		Spline,
 
-	/** Allows the user to set the custom name for the service method responsible for exporting.
-	*   @Default {Export}
-	*/
-	exportPivotChart?: string;
+		///To render a Column type PivotChart.
+		Column,
 
-	/** Allows the user to set the custom name for the service method responsible for initializing PivotChart.
-	*   @Default {InitializeChart}
-	*/
-	initialize?: string;
+		///To render an Area type PivotChart.
+		Area,
 
-	/** 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 render a SplineArea type PivotChart.
+		SplineArea,
 
-enum ChartTypes{
+		///To render a StepLine type PivotChart.
+		StepLine,
 
-	///To render a Line type PivotChart.
-	Line,
+		///To render a StepArea type PivotChart.
+		StepArea,
 
-	///To render a Spline type PivotChart.
-	Spline,
+		///To render a Pie type PivotChart.
+		Pie,
 
-	///To render a Column type PivotChart.
-	Column,
+		///To render a Bar type PivotChart.
+		Bar,
 
-	///To render an Area type PivotChart.
-	Area,
+		///To render a StackingArea type PivotChart.
+		StackingArea,
 
-	///To render a SplineArea type PivotChart.
-	SplineArea,
+		///To render a StackingColumn type PivotChart.
+		StackingColumn,
 
-	///To render a StepLine type PivotChart.
-	StepLine,
+		///To render a StackingBar type PivotChart.
+		StackingBar,
 
-	///To render a StepArea type PivotChart.
-	StepArea,
+		///To render a Pyramid type PivotChart.
+		Pyramid,
 
-	///To render a Pie type PivotChart.
-	Pie,
+		///To render a Funnel type PivotChart.
+		Funnel,
 
-	///To render a Bar type PivotChart.
-	Bar,
+		///To render a Doughnut type PivotChart.
+		Doughnut,
 
-	///To render a StackingArea type PivotChart.
-	StackingArea,
+		///To render a Scatter type PivotChart.
+		Scatter,
 
-	///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
-}
+		///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);
+	constructor(element: JQuery | Element, options?: PivotClient.Model);
 	static Locale: any;
-	model:PivotClient.Model;
-	defaults:PivotClient.Model;
+	model: PivotClient.Model;
+	defaults: PivotClient.Model;
 
 	/** Performs an asynchronous HTTP (AJAX) request.
-	*   @returns {void}
-	*/
+	 * @returns {void}
+	 */
 	doAjaxPost(): void;
 
 	/** Performs an asynchronous HTTP (FullPost) submit.
-	*   @returns {void}
-	*/
+	 * @returns {void}
+	 */
 	doPostBack(): void;
 
 	/** Navigates to the specified page in specified axis.
-	*   @returns {void}
-	*/
+	 * @returns {void}
+	 */
 	refreshPagedPivotClient(): void;
 
 	/** Updates the PivotClient component with the JSON data fetched from the service on navigating between pages.
-	*   @returns {void}
-	*/
+	 * @returns {void}
+	 */
 	refreshPagedPivotClientSuccess(): void;
 
 	/** Renders the PivotChart and PivotGrid with the JSON data provided.
-	*   @returns {void}
-	*/
+	 * @returns {void}
+	 */
 	generateJSON(): void;
 
 	/** Re-renders the control with the report at that instant.
-	*   @returns {void}
-	*/
+	 * @returns {void}
+	 */
 	refreshControl(): void;
 
 	/** Returns the OlapReport string maintained along with the axis elements information.
-	*   @returns {string}
-	*/
+	 * @returns {string}
+	 */
 	getOlapReport(): string;
 
 	/** Sets the OlapReport string along with the axis information and maintains it in a property.
-	*   @returns {void}
-	*/
+	 * @returns {void}
+	 */
 	setOlapReport(): void;
 
 	/** Returns the JSON records formed to render the control.
-	*   @returns {Array<any>}
-	*/
-	getJSONRecords(): Array<any>;
+	 * @returns {Array<any>}
+	 */
+	getJSONRecords(): any[];
 
 	/** Sets the JSON records formed to render the control to a property.
-	*   @returns {void}
-	*/
+	 * @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 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;
+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;
+
+		/** 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;
+		/** Sets the title for PivotClient widget.
+		 */
+		title?: string;
 
-	/** Connects the service using the specified URL for any server updates.
-	*/
-	url?: 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 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 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 saving the current collection of reports. */
+		saveReport?(e: SaveReportEventArgs): void;
 
-	/** Triggers before loading a saved collection of reports. */
-	loadReport? (e: LoadReportEventArgs): 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 fetching the report collection from storage. */
+		fetchReport?(e: FetchReportEventArgs): void;
 
-	/** Triggers before exporting the control. */
-	beforeExport? (e: BeforeExportEventArgs): void;
+		/** Triggers before exporting the control. */
+		beforeExport?(e: BeforeExportEventArgs): void;
 
-	/** Triggers before rendering the PivotChart. */
-	chartLoad? (e: ChartLoadEventArgs): void;
+		/** Triggers before rendering the PivotChart. */
+		chartLoad?(e: ChartLoadEventArgs): void;
 
-	/** Triggers before rendering the PivotTreeMap. */
-	treeMapLoad? (e: TreeMapLoadEventArgs): void;
+		/** Triggers before rendering the PivotTreeMap. */
+		treeMapLoad?(e: TreeMapLoadEventArgs): void;
 
-	/** Triggers while we initiate loading of the widget. */
-	load? (e: LoadEventArgs): 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 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 any error occurred during AJAX request. */
+		renderFailure?(e: RenderFailureEventArgs): void;
 
-	/** Triggers when PivotClient successfully completes rendering. */
-	renderSuccess? (e: RenderSuccessEventArgs): void;
-}
+		/** Triggers when PivotClient successfully completes rendering. */
+		renderSuccess?(e: RenderSuccessEventArgs): void;
+	}
 
-export interface AfterServiceInvokeEventArgs {
+	export interface AfterServiceInvokeEventArgs {
 
-	/** returns the current action of PivotClient control.
-	*/
-	action?: string;
+		/** returns the current action of PivotClient control.
+		 */
+		action?: string;
 
-	/** returns the custom object bounds with PivotClient control.
-	*/
-	customObject?: any;
+		/** returns the custom object bounds with PivotClient control.
+		 */
+		customObject?: any;
 
-	/** returns the HTML element of PivotClient control.
-	*/
-	element?: any;
-}
+		/** returns the HTML element of PivotClient control.
+		 */
+		element?: any;
+	}
 
-export interface BeforeServiceInvokeEventArgs {
+	export interface BeforeServiceInvokeEventArgs {
 
-	/** returns the current action of PivotClient control.
-	*/
-	action?: string;
+		/** returns the current action of PivotClient control.
+		 */
+		action?: string;
 
-	/** returns the custom object bounds with PivotClient control.
-	*/
-	customObject?: any;
+		/** returns the custom object bounds with PivotClient control.
+		 */
+		customObject?: any;
 
-	/** returns the HTML element of PivotClient control.
-	*/
-	element?: any;
-}
+		/** returns the HTML element of PivotClient control.
+		 */
+		element?: any;
+	}
 
-export interface SaveReportEventArgs {
+	export interface SaveReportEventArgs {
 
-	/** returns the current instance of PivotClient control.
-	*/
-	targetControl?: any;
+		/** 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;
-}
+		/** returns the object which holds the necessary parameters required for saving the report collection.
+		 */
+		saveReportSetting?: any;
+	}
 
-export interface LoadReportEventArgs {
+	export interface LoadReportEventArgs {
 
-	/** returns the current instance of PivotClient control.
-	*/
-	targetControl?: any;
+		/** 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;
-}
+		/** returns the object which holds the necessary parameters required for loading a report collection from database.
+		 */
+		loadReportSetting?: any;
+	}
 
-export interface FetchReportEventArgs {
+	export interface FetchReportEventArgs {
 
-	/** returns the current instance of PivotClient control.
-	*/
-	targetControl?: any;
+		/** 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;
-}
+		/** returns the object which holds the necessary parameters required for fetching the report names stored in database.
+		 */
+		fetchReportSetting?: any;
+	}
 
-export interface BeforeExportEventArgs {
+	export interface BeforeExportEventArgs {
 
-	/** holds the url of the service method responsible for exporting the PivotClient control.
-	*/
-	url?: string;
+		/** 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;
-}
+		/** holds the name of the file to be exported.
+		 */
+		fileName?: string;
+	}
 
-export interface ChartLoadEventArgs {
+	export interface ChartLoadEventArgs {
 
-	/** returns the current action of PivotChart control.
-	*/
-	action?: string;
+		/** returns the current action of PivotChart control.
+		 */
+		action?: string;
 
-	/** returns the custom object bound with PivotChart control.
-	*/
-	customObject?: any;
+		/** returns the custom object bound with PivotChart control.
+		 */
+		customObject?: any;
 
-	/** returns the HTML element of PivotChart control.
-	*/
-	element?: any;
-}
+		/** returns the HTML element of PivotChart control.
+		 */
+		element?: any;
+	}
 
-export interface TreeMapLoadEventArgs {
+	export interface TreeMapLoadEventArgs {
 
-	/** returns the current action of PivotTreeMap control.
-	*/
-	action?: string;
+		/** returns the current action of PivotTreeMap control.
+		 */
+		action?: string;
 
-	/** returns the custom object bound with PivotTreeMap control.
-	*/
-	customObject?: any;
+		/** returns the custom object bound with PivotTreeMap control.
+		 */
+		customObject?: any;
 
-	/** returns the HTML element of PivotTreeMap control.
-	*/
-	element?: any;
-}
+		/** returns the HTML element of PivotTreeMap control.
+		 */
+		element?: any;
+	}
 
-export interface LoadEventArgs {
+	export interface LoadEventArgs {
 
-	/** returns the HTML element of PivotClient component.
-	*/
-	element?: any;
+		/** returns the HTML element of PivotClient component.
+		 */
+		element?: any;
 
-	/** returns the custom object bound with PivotTreeMap control.
-	*/
-	customObject?: any;
-}
+		/** returns the custom object bound with PivotTreeMap control.
+		 */
+		customObject?: any;
+	}
 
-export interface RenderCompleteEventArgs {
+	export interface RenderCompleteEventArgs {
 
-	/** returns the HTML element of PivotClient component.
-	*/
-	element?: any;
+		/** returns the HTML element of PivotClient component.
+		 */
+		element?: any;
 
-	/** returns the custom object bound with PivotTreeMap control.
-	*/
-	customObject?: any;
-}
+		/** returns the custom object bound with PivotTreeMap control.
+		 */
+		customObject?: any;
+	}
 
-export interface RenderFailureEventArgs {
+	export interface RenderFailureEventArgs {
 
-	/** returns the custom object bound with the control.
-	*/
-	customObject?: any;
+		/** returns the custom object bound with the control.
+		 */
+		customObject?: any;
 
-	/** returns the HTML element of PivotClient control.
-	*/
-	element?: any;
+		/** returns the HTML element of PivotClient control.
+		 */
+		element?: any;
 
-	/** returns the error message with error code.
-	*/
-	message?: string;
-}
+		/** returns the error message with error code.
+		 */
+		message?: string;
+	}
 
-export interface RenderSuccessEventArgs {
+	export interface RenderSuccessEventArgs {
 
-	/** returns the object of PivotClient control at that instant.
-	*/
-	args?: any;
-}
+		/** returns the object of PivotClient control at that instant.
+		 */
+		args?: any;
+	}
 
-export interface DataSourceColumnsAdvancedFilter {
+	export interface DataSourceColumnsAdvancedFilter {
 
-	/** Allows the user to provide level unique name to perform advanced filtering.
-	*/
-	name?: string;
+		/** 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 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;
+		/** 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 {
+		/** 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;
+		/** 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 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 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 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;
-
-	/** 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;
+		/** 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 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 saving the report collection to database.
-	*   @Default {SaveReportToDB}
-	*/
-	saveReport?: 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 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 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 all the toolbar operations.
-	*   @Default {ToolbarOperations}
-	*/
-	toolbarServices?: 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 collection.
-	*   @Default {UpdateReport}
-	*/
-	updateReport?: 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 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 saving the report collection to database.
+		 * @Default {SaveReportToDB}
+		 */
+		saveReport?: string;
 
-enum ClientExportMode{
+		/** 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;
 
-	///Exports both the PivotChart and PivotGrid on exporting.
-	ChartAndGrid,
+		/** Allows the user to set the custom name for the service method responsible for all the toolbar operations.
+		 * @Default {ToolbarOperations}
+		 */
+		toolbarServices?: string;
 
-	///Exports the PivotChart control alone on exporting.
-	ChartOnly,
+		/** Allows the user to set the custom name for the service method responsible for updating report collection.
+		 * @Default {UpdateReport}
+		 */
+		updateReport?: string;
 
-	///Exports the PivotGrid control alone on exporting.
-	GridOnly
-}
+		/** 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 {
 
-enum ControlPlacement{
+		///Exports both the PivotChart and PivotGrid on exporting.
+		ChartAndGrid,
 
-	///Displays PivotChart and PivotGrid widgets in separate tabs.
-	Tab,
+		///Exports the PivotChart control alone on exporting.
+		ChartOnly,
 
-	///Displays PivotChart and PivotGrid widgets one above the other.
-	Tile
-}
+		///Exports the PivotGrid control alone on exporting.
+		GridOnly
+	}
 
 
-enum DefaultView{
+	enum ControlPlacement {
 
-	///To set PivotChart as a default control in view.
-	Chart,
+		///Displays PivotChart and PivotGrid widgets in separate tabs.
+		Tab,
 
-	///To set PivotGrid as a default control in view.
-	Grid
-}
+		///Displays PivotChart and PivotGrid widgets one above the other.
+		Tile
+	}
 
 
-enum DisplayMode{
+	enum DefaultView {
 
-	///To display only PivotChart widget.
-	ChartOnly,
+		///To set PivotChart as a default control in view.
+		Chart,
 
-	///To display only PivotGrid widget.
-	GridOnly,
+		///To set PivotGrid as a default control in view.
+		Grid
+	}
 
-	///To display both PivotChart and PivotGrid widgets.
-	ChartAndGrid
-}
+
+	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);
+	constructor(element: JQuery | Element, options?: PivotGauge.Model);
 	static Locale: any;
-	model:PivotGauge.Model;
-	defaults:PivotGauge.Model;
+	model: PivotGauge.Model;
+	defaults: PivotGauge.Model;
 
 	/** Performs an asynchronous HTTP (AJAX) request.
-	*   @returns {void}
-	*/
+	 * @returns {void}
+	 */
 	doAjaxPost(): void;
 
 	/** This function is used to refresh the PivotGauge at client-side itself.
-	*   @returns {void}
-	*/
+	 * @returns {void}
+	 */
 	refresh(): void;
 
 	/** This function removes the KPI related images from PivotGauge on binding OLAP datasource.
-	*   @returns {void}
-	*/
+	 * @returns {void}
+	 */
 	removeImg(): void;
 
 	/** This function receives the JSON formatted datasource and renders the PivotGauge control.
-	*   @returns {void}
-	*/
+	 * @returns {void}
+	 */
 	renderControlFromJSON(): void;
 
 	/** Returns the OlapReport string maintained along with the axis elements information.
-	*   @returns {string}
-	*/
+	 * @returns {string}
+	 */
 	getOlapReport(): string;
 
 	/** Sets the OlapReport string along with the axis information and maintains it in a property.
-	*   @returns {void}
-	*/
+	 * @returns {void}
+	 */
 	setOlapReport(): void;
 
 	/** Returns the JSON records formed to render the control.
-	*   @returns {Array<any>}
-	*/
-	getJSONRecords(): Array<any>;
+	 * @returns {Array<any>}
+	 */
+	getJSONRecords(): any[];
 
 	/** Sets the JSON records to render the control.
-	*   @returns {void}
-	*/
+	 * @returns {void}
+	 */
 	setJSONRecords(): void;
 
 	/** Returns the JSON records required to render the PivotGauge on performing any action with OLAP data source.
-	*   @returns {void}
-	*/
+	 * @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;
+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 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;
+		/** 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;
+		/** 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;
+		/** 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 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 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 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 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 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;
-}
+		/** 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 {
+	export interface AfterServiceInvokeEventArgs {
 
-	/** returns the custom object bound with PivotGauge control.
-	*/
-	customObject?: any;
+		/** returns the custom object bound with PivotGauge control.
+		 */
+		customObject?: any;
 
-	/** returns the HTML element of PivotGauge control.
-	*/
-	element?: any;
-}
+		/** returns the HTML element of PivotGauge control.
+		 */
+		element?: any;
+	}
 
-export interface BeforeServiceInvokeEventArgs {
+	export interface BeforeServiceInvokeEventArgs {
 
-	/** returns the custom object bound with PivotGauge control.
-	*/
-	customObject?: any;
+		/** returns the custom object bound with PivotGauge control.
+		 */
+		customObject?: any;
 
-	/** returns the HTML element of PivotGauge control.
-	*/
-	element?: any;
-}
+		/** returns the HTML element of PivotGauge control.
+		 */
+		element?: any;
+	}
 
-export interface BeforePivotEnginePopulateEventArgs {
+	export interface BeforePivotEnginePopulateEventArgs {
 
-	/** returns the current instance of PivotGauge control.
-	*/
-	gaugeObject?: any;
-}
+		/** returns the current instance of PivotGauge control.
+		 */
+		gaugeObject?: any;
+	}
 
-export interface LoadEventArgs {
+	export interface LoadEventArgs {
 
-	/** returns the current action of PivotGauge control.
-	*/
-	action?: string;
+		/** returns the current action of PivotGauge control.
+		 */
+		action?: string;
 
-	/** returns the model of PivotGauge control.
-	*/
-	model?: any;
+		/** returns the model of PivotGauge control.
+		 */
+		model?: any;
 
-	/** returns the HTML element of the widget.
-	*/
-	element?: any;
+		/** returns the HTML element of the widget.
+		 */
+		element?: any;
 
-	/** returns the custom object bound to the control.
-	*/
-	customObject?: any;
-}
+		/** returns the custom object bound to the control.
+		 */
+		customObject?: any;
+	}
 
-export interface RenderCompleteEventArgs {
+	export interface RenderCompleteEventArgs {
 
-	/** returns the custom object bound with PivotGauge control.
-	*/
-	customObject?: any;
+		/** returns the custom object bound with PivotGauge control.
+		 */
+		customObject?: any;
 
-	/** returns the HTML element of PivotGauge control.
-	*/
-	element?: any;
-}
+		/** returns the HTML element of PivotGauge control.
+		 */
+		element?: any;
+	}
 
-export interface RenderFailureEventArgs {
+	export interface RenderFailureEventArgs {
 
-	/** returns the HTML element of PivotGauge control.
-	*/
-	element?: any;
+		/** returns the HTML element of PivotGauge control.
+		 */
+		element?: any;
 
-	/** returns the custom object bound with the control.
-	*/
-	customObject?: any;
+		/** returns the custom object bound with the control.
+		 */
+		customObject?: any;
 
-	/** returns the error message with error code.
-	*/
-	message?: string;
-}
+		/** returns the error message with error code.
+		 */
+		message?: string;
+	}
 
-export interface RenderSuccessEventArgs {
+	export interface RenderSuccessEventArgs {
 
-	/** returns the HTML element of PivotGauge control.
-	*/
-	element?: any;
+		/** returns the HTML element of PivotGauge control.
+		 */
+		element?: any;
 
-	/** returns the custom object bound with the control.
-	*/
-	customObject?: any;
-}
+		/** returns the custom object bound with the control.
+		 */
+		customObject?: any;
+	}
 
-export interface DataSourceColumnsFilterItems {
+	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;
+		/** 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>;
-}
+		/** Contains the collection of items to be included/excluded among the field members.
+		 * @Default {[]}
+		 */
+		values?: any[];
+	}
 
-export interface DataSourceColumn {
+	export interface DataSourceColumn {
 
-	/** Allows the user to bind the item by using its unique name as field name.
-	*/
-	fieldName?: string;
+		/** 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;
-}
+		/** Applies filter to the field members.
+		 * @Default {null}
+		 */
+		filterItems?: DataSourceColumnsFilterItems;
+	}
 
-export interface DataSourceRowsFilterItems {
+	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;
+		/** 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;
+		/** 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?: 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>;
-}
+		/** 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 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;
+	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?: 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>;
+		/** 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?: Array<DataSourceFilter>;
-}
+		/** Lists out the items which supports filtering of values without displaying the members in UI in PivotGauge.
+		 * @Default {[]}
+		 */
+		filters?: DataSourceFilter[];
+	}
 
-export interface LabelFormatSettings {
+	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 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{
+		/** 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 default format for label values.
+		Default,
 
-	///To set currency format for label values.
-	Currency,
+		///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 percentage format for label values.
+		Percentage,
+
+		///To set fraction format for label values.
+		Fraction,
 
-	///To set scientific format for label values.
-	Scientific,
+		///To set scientific format for label values.
+		Scientific,
 
-	///To set text format for label values.
-	Text,
+		///To set text format for label values.
+		Text,
 
-	///To set notation format for label values.
-	Notation
-}
+		///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);
+	constructor(element: JQuery | Element, options?: PivotTreeMap.Model);
 	static Locale: any;
-	model:PivotTreeMap.Model;
-	defaults:PivotTreeMap.Model;
+	model: PivotTreeMap.Model;
+	defaults: PivotTreeMap.Model;
 
 	/** Performs an asynchronous HTTP (AJAX) request.
-	*   @returns {void}
-	*/
+	 * @returns {void}
+	 */
 	doAjaxPost(): void;
 
 	/** Returns the OlapReport string maintained along with the axis elements information.
-	*   @returns {string}
-	*/
+	 * @returns {string}
+	 */
 	getOlapReport(): string;
 
 	/** Sets the OlapReport string along with the axis information and maintains it in a property.
-	*   @returns {void}
-	*/
+	 * @returns {void}
+	 */
 	setOlapReport(): void;
 
 	/** Returns the JSON records formed to render the control.
-	*   @returns {Array<any>}
-	*/
-	getJSONRecords(): Array<any>;
+	 * @returns {Array<any>}
+	 */
+	getJSONRecords(): any[];
 
 	/** Sets the JSON records to render the control.
-	*   @returns {void}
-	*/
+	 * @returns {void}
+	 */
 	setJSONRecords(): void;
 
 	/** Renders the control with the pivot engine obtained from OLAP cube.
-	*   @returns {void}
-	*/
+	 * @returns {void}
+	 */
 	generateJSON(): void;
 
 	/** This function receives the JSON formatted datasource to render the PivotTreeMap control.
-	*   @returns {void}
-	*/
+	 * @returns {void}
+	 */
 	renderTreeMapFromJSON(): void;
 
 	/** This function receives the update from service-end, which would be utilized for rendering the widget.
-	*   @returns {void}
-	*/
+	 * @returns {void}
+	 */
 	renderControlSuccess(): void;
 }
-export module PivotTreeMap{
+export namespace PivotTreeMap {
 
-export interface Model {
+	export interface Model {
 
-	/** Specifies the CSS class to PivotTreeMap to achieve custom theme.
-	*   @Default {“”}
-	*/
-	cssClass?: string;
+		/** 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;
+		/** 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;
+		/** 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 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;
+		/** 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;
+		/** 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;
+		/** 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;
+		/** 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 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 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 when PivotTreeMap starts to render. */
+		load?(e: LoadEventArgs): void;
 
-	/** Triggers before populating the pivot engine from datasource. */
-	beforePivotEnginePopulate? (e: BeforePivotEnginePopulateEventArgs): 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 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 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 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;
-}
+		/** Triggers when PivotTreeMap successfully reaches client-side after any AJAX request. */
+		renderSuccess?(e: RenderSuccessEventArgs): void;
+	}
 
-export interface AfterServiceInvokeEventArgs {
+	export interface AfterServiceInvokeEventArgs {
 
-	/** returns the current action of PivotTreeMap control.
-	*/
-	action?: string;
+		/** returns the current action of PivotTreeMap control.
+		 */
+		action?: string;
 
-	/** returns the custom object bound with PivotTreeMap control.
-	*/
-	customObject?: any;
+		/** returns the custom object bound with PivotTreeMap control.
+		 */
+		customObject?: any;
 
-	/** returns the HTML element of PivotTreeMap control.
-	*/
-	element?: any;
-}
+		/** returns the HTML element of PivotTreeMap control.
+		 */
+		element?: any;
+	}
 
-export interface BeforeServiceInvokeEventArgs {
+	export interface BeforeServiceInvokeEventArgs {
 
-	/** returns the current action of PivotTreeMap control.
-	*/
-	action?: string;
+		/** returns the current action of PivotTreeMap control.
+		 */
+		action?: string;
 
-	/** returns the custom object bound with PivotTreeMap control.
-	*/
-	customObject?: any;
+		/** returns the custom object bound with PivotTreeMap control.
+		 */
+		customObject?: any;
 
-	/** returns the HTML element of PivotTreeMap control.
-	*/
-	element?: any;
-}
+		/** returns the HTML element of PivotTreeMap control.
+		 */
+		element?: any;
+	}
 
-export interface LoadEventArgs {
+	export interface LoadEventArgs {
 
-	/** returns the current action of PivotTreeMap control.
-	*/
-	action?: string;
+		/** returns the current action of PivotTreeMap control.
+		 */
+		action?: string;
 
-	/** returns the custom object bound with PivotTreeMap control.
-	*/
-	customObject?: any;
+		/** returns the custom object bound with PivotTreeMap control.
+		 */
+		customObject?: any;
 
-	/** returns the HTML element of PivotTreeMap control.
-	*/
-	element?: any;
-}
+		/** returns the HTML element of PivotTreeMap control.
+		 */
+		element?: any;
+	}
 
-export interface BeforePivotEnginePopulateEventArgs {
+	export interface BeforePivotEnginePopulateEventArgs {
 
-	/** returns the current instance of PivotTreeMap control.
-	*/
-	treeMapObject?: any;
-}
+		/** returns the current instance of PivotTreeMap control.
+		 */
+		treeMapObject?: any;
+	}
 
-export interface DrillSuccessEventArgs {
+	export interface DrillSuccessEventArgs {
 
-	/** return the HTML element of PivotTreeMap control.
-	*/
-	element?: any;
-}
+		/** return the HTML element of PivotTreeMap control.
+		 */
+		element?: any;
+	}
 
-export interface RenderCompleteEventArgs {
+	export interface RenderCompleteEventArgs {
 
-	/** returns the current action of PivotTreeMap control.
-	*/
-	action?: string;
+		/** returns the current action of PivotTreeMap control.
+		 */
+		action?: string;
 
-	/** returns the custom object bound with PivotTreeMap control.
-	*/
-	customObject?: any;
+		/** returns the custom object bound with PivotTreeMap control.
+		 */
+		customObject?: any;
 
-	/** returns the HTML element of PivotTreeMap control.
-	*/
-	element?: any;
-}
+		/** returns the HTML element of PivotTreeMap control.
+		 */
+		element?: any;
+	}
 
-export interface RenderFailureEventArgs {
+	export interface RenderFailureEventArgs {
 
-	/** returns the current action of PivotTreeMap control.
-	*/
-	action?: string;
+		/** returns the current action of PivotTreeMap control.
+		 */
+		action?: string;
 
-	/** returns the custom object bound with PivotTreeMap control.
-	*/
-	customObject?: any;
+		/** returns the custom object bound with PivotTreeMap control.
+		 */
+		customObject?: any;
 
-	/** returns the HTML element of PivotTreeMap control.
-	*/
-	element?: any;
+		/** returns the HTML element of PivotTreeMap control.
+		 */
+		element?: any;
 
-	/** returns the error stack trace of the original exception.
-	*/
-	message?: string;
-}
+		/** returns the error stack trace of the original exception.
+		 */
+		message?: string;
+	}
 
-export interface RenderSuccessEventArgs {
+	export interface RenderSuccessEventArgs {
 
-	/** returns the current action of PivotTreeMap control.
-	*/
-	action?: string;
+		/** returns the current action of PivotTreeMap control.
+		 */
+		action?: string;
 
-	/** returns the custom object bound with PivotTreeMap control.
-	*/
-	customObject?: any;
+		/** returns the custom object bound with PivotTreeMap control.
+		 */
+		customObject?: any;
 
-	/** returns the HTML element of PivotTreeMap control.
-	*/
-	element?: any;
-}
+		/** returns the HTML element of PivotTreeMap control.
+		 */
+		element?: any;
+	}
 
-export interface DataSourceColumnsFilterItems {
+	export interface DataSourceColumnsFilterItems {
 
-	/** Contains the collection of items to be excluded among the field members.
-	*   @Default {[]}
-	*/
-	values?: Array<any>;
-}
+		/** Contains the collection of items to be excluded among the field members.
+		 * @Default {[]}
+		 */
+		values?: any[];
+	}
 
-export interface DataSourceColumn {
+	export interface DataSourceColumn {
 
-	/** Allows the user to bind the item by using its unique name as field name.
-	*/
-	fieldName?: string;
+		/** 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;
+		/** 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 {
+		/** 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?: 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;
-}
+		/** 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, options?: Schedule.Model);
-	constructor(element: Element, options?: Schedule.Model);
+	constructor(element: JQuery | Element, options?: Schedule.Model);
 	static Locale: any;
-	model:Schedule.Model;
-	defaults:Schedule.Model;
+	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;
+	 * @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}
-	*/
+	 * @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;
+	 * @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>;
+	 * @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(): Array<any>;
+	 * @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}
-	*/
+	/** 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}
-	*/
+	 * @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}
-	*/
+	 * @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}
-	*/
+	 * @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}
-	*/
+	/** 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>;
+	 * @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}
-	*/
+	 * @returns {void}
+	 */
 	refresh(): void;
 
 	/** Refreshes only the appointment elements within the Schedule control.
-	*   @returns {void}
-	*/
+	 * @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}
-	*/
+	 * @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, 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;
+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 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 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 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;
+		/** 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;
+		/** 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;
+		/** 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;
+		/** 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;
+		/** 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 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 the completion of every action within the Schedule. */
+		actionComplete?(e: ActionCompleteEventArgs): void;
 
-	/** Triggers after an appointment is clicked. */
-	appointmentClick? (e: AppointmentClickEventArgs): 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 appointment is being removed from the Scheduler. */
+		beforeAppointmentRemove?(e: BeforeAppointmentRemoveEventArgs): void;
 
-	/** Triggers before the edited appointment is being saved. */
-	beforeAppointmentChange? (e: BeforeAppointmentChangeEventArgs): 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 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 new appointment gets saved. */
+		beforeAppointmentCreate?(e: BeforeAppointmentCreateEventArgs): void;
 
-	/** Triggers before the appointment window opens. */
-	appointmentWindowOpen? (e: AppointmentWindowOpenEventArgs): void;
+		/** Triggers before the appointment window opens. */
+		appointmentWindowOpen?(e: AppointmentWindowOpenEventArgs): void;
 
-	/** Triggers before the context menu opens. */
-	beforeContextMenuOpen? (e: BeforeContextMenuOpenEventArgs): 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. */
+		cellClick?(e: CellClickEventArgs): void;
 
-	/** Triggers after the cell is clicked twice. */
-	cellDoubleClick? (e: CellDoubleClickEventArgs): 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 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 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 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 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 dragging begins. */
+		dragStart?(e: DragStartEventArgs): void;
 
-	/** Triggers when the appointment is dropped. */
-	dragStop? (e: DragStopEventArgs): 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 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 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 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 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 while resizing the appointment. */
+		resize?(e: ResizeEventArgs): void;
 
-	/** Triggers when the appointment resizing begins. */
-	resizeStart? (e: ResizeStartEventArgs): void;
+		/** Triggers when the appointment resizing begins. */
+		resizeStart?(e: ResizeStartEventArgs): void;
 
-	/** Triggers when an appointment resizing stops. */
-	resizeStop? (e: ResizeStopEventArgs): void;
+		/** Triggers when an appointment resizing stops. */
+		resizeStop?(e: ResizeStopEventArgs): void;
 
-	/** Triggers when the overflow button is clicked. */
-	overflowButtonClick? (e: OverflowButtonClickEventArgs): 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 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 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 the new appointment is saved. */
+		appointmentCreated?(e: AppointmentCreatedEventArgs): void;
 
-	/** Triggers after an existing appointment is edited. */
-	appointmentChanged? (e: AppointmentChangedEventArgs): void;
+		/** Triggers after an existing appointment is edited. */
+		appointmentChanged?(e: AppointmentChangedEventArgs): void;
 
-	/** Triggers after the appointment is deleted. */
-	appointmentRemoved? (e: AppointmentRemovedEventArgs): void;
-}
+		/** Triggers after the appointment is deleted. */
+		appointmentRemoved?(e: AppointmentRemovedEventArgs): void;
+	}
 
-export interface ActionBeginEventArgs {
+	export interface ActionBeginEventArgs {
 
-	/** Returns the current date value.
-	*/
-	currentDate?: any;
+		/** Returns the current date value.
+		 */
+		currentDate?: any;
 
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
+		/** Returns the cancel option value.
+		 */
+		cancel?: boolean;
 
-	/** Returns the current view value.
-	*/
-	currentView?: string;
+		/** Returns the current view value.
+		 */
+		currentView?: string;
 
-	/** Returns the Schedule model.
-	*/
-	model?: ej.Schedule.Model;
+		/** Returns the Schedule model.
+		 */
+		model?: ej.Schedule.Model;
 
-	/** Returns the action begin request type.
-	*/
-	requestType?: string;
+		/** Returns the action begin request type.
+		 */
+		requestType?: string;
 
-	/** Returns the target of the click.
-	*/
-	target?: any;
+		/** Returns the target of the click.
+		 */
+		target?: any;
 
-	/** Returns the name of the event.
-	*/
-	type?: string;
+		/** Returns the name of the event.
+		 */
+		type?: string;
 
-	/** Returns the save appointment value.
-	*/
-	data?: any;
+		/** Returns the save appointment value.
+		 */
+		data?: any;
 
-	/** Returns the id of delete appointment.
-	*/
-	id?: number;
-}
+		/** Returns the id of delete appointment.
+		 */
+		id?: number;
+	}
 
-export interface ActionCompleteEventArgs {
+	export interface ActionCompleteEventArgs {
 
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
+		/** Returns the cancel option value.
+		 */
+		cancel?: boolean;
 
-	/** Returns the data about view change action.
-	*/
-	data?: any;
+		/** Returns the data about view change action.
+		 */
+		data?: any;
 
-	/** Returns the Schedule model.
-	*/
-	model?: ej.Schedule.Model;
+		/** Returns the Schedule model.
+		 */
+		model?: ej.Schedule.Model;
 
-	/** Returns the action complete request type.
-	*/
-	requestType?: 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;
 
-	/** Returns the appointment data dropped.
-	*/
-	appointment?: any;
-}
+		/** Returns the appointment data dropped.
+		 */
+		appointment?: any;
+	}
 
-export interface AppointmentClickEventArgs {
+	export interface AppointmentClickEventArgs {
 
-	/** Returns the object of appointmentClick event.
-	*/
-	object?: any;
+		/** Returns the object of appointmentClick event.
+		 */
+		object?: any;
 
-	/** Returns the clicked appointment object.
-	*/
-	appointment?: any;
+		/** Returns the clicked appointment object.
+		 */
+		appointment?: any;
 
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
+		/** Returns the cancel option value.
+		 */
+		cancel?: boolean;
 
-	/** Returns the Schedule model.
-	*/
-	model?: ej.Schedule.Model;
+		/** Returns the Schedule model.
+		 */
+		model?: ej.Schedule.Model;
 
-	/** Returns the name of the event.
-	*/
-	type?: string;
-}
+		/** Returns the name of the event.
+		 */
+		type?: string;
+	}
 
-export interface BeforeAppointmentRemoveEventArgs {
+	export interface BeforeAppointmentRemoveEventArgs {
 
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
+		/** Returns the cancel option value.
+		 */
+		cancel?: boolean;
 
-	/** Returns the deleted appointment object.
-	*/
-	appointment?: any;
+		/** Returns the deleted appointment object.
+		 */
+		appointment?: any;
 
-	/** Returns the Schedule model.
-	*/
-	model?: ej.Schedule.Model;
+		/** Returns the Schedule model.
+		 */
+		model?: ej.Schedule.Model;
 
-	/** Returns the name of the Scheduler event.
-	*/
-	type?: string;
-}
+		/** Returns the name of the Scheduler event.
+		 */
+		type?: string;
+	}
 
-export interface BeforeAppointmentChangeEventArgs {
+	export interface BeforeAppointmentChangeEventArgs {
 
-	/** Returns the edited appointment object.
-	*/
-	appointment?: any;
+		/** Returns the edited appointment object.
+		 */
+		appointment?: any;
 
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
+		/** Returns the cancel option value.
+		 */
+		cancel?: boolean;
 
-	/** Returns the Schedule model.
-	*/
-	model?: ej.Schedule.Model;
+		/** Returns the Schedule model.
+		 */
+		model?: ej.Schedule.Model;
 
-	/** Returns the name of the Scheduler event.
-	*/
-	type?: string;
-}
+		/** Returns the name of the Scheduler event.
+		 */
+		type?: string;
+	}
 
-export interface AppointmentHoverEventArgs {
+	export interface AppointmentHoverEventArgs {
 
-	/** Returns the object of appointmentHover event.
-	*/
-	object?: any;
+		/** Returns the object of appointmentHover event.
+		 */
+		object?: any;
 
-	/** Returns the hovered appointment object.
-	*/
-	appointment?: any;
+		/** Returns the hovered appointment object.
+		 */
+		appointment?: any;
 
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
+		/** Returns the cancel option value.
+		 */
+		cancel?: boolean;
 
-	/** Returns the Schedule model.
-	*/
-	model?: ej.Schedule.Model;
+		/** Returns the Schedule model.
+		 */
+		model?: ej.Schedule.Model;
 
-	/** Returns the name of the event.
-	*/
-	type?: string;
-}
+		/** Returns the name of the event.
+		 */
+		type?: string;
+	}
 
-export interface BeforeAppointmentCreateEventArgs {
+	export interface BeforeAppointmentCreateEventArgs {
 
-	/** Returns the appointment object.
-	*/
-	appointment?: any;
+		/** Returns the appointment object.
+		 */
+		appointment?: any;
 
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
+		/** Returns the cancel option value.
+		 */
+		cancel?: boolean;
 
-	/** Returns the Schedule model.
-	*/
-	model?: ej.Schedule.Model;
+		/** Returns the Schedule model.
+		 */
+		model?: ej.Schedule.Model;
 
-	/** Returns the name of the Scheduler event.
-	*/
-	type?: string;
-}
+		/** Returns the name of the Scheduler event.
+		 */
+		type?: string;
+	}
 
-export interface AppointmentWindowOpenEventArgs {
+	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 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 cancel option value.
+		 */
+		cancel?: boolean;
 
-	/** Returns the end time of the double clicked cell.
-	*/
-	endTime?: any;
+		/** Returns the end time of the double clicked cell.
+		 */
+		endTime?: any;
 
-	/** Returns the Schedule model.
-	*/
-	model?: ej.Schedule.Model;
+		/** Returns the Schedule model.
+		 */
+		model?: ej.Schedule.Model;
 
-	/** Returns the action name that triggers window open.
-	*/
-	originalEventType?: string;
+		/** Returns the action name that triggers window open.
+		 */
+		originalEventType?: string;
 
-	/** Returns the start time of the double clicked cell.
-	*/
-	startTime?: any;
+		/** Returns the start time of the double clicked cell.
+		 */
+		startTime?: any;
 
-	/** Returns the target of the double clicked cell.
-	*/
-	target?: any;
+		/** Returns the target of the double clicked cell.
+		 */
+		target?: any;
 
-	/** Returns the name of the event.
-	*/
-	type?: string;
+		/** Returns the name of the event.
+		 */
+		type?: string;
 
-	/** Returns the edit appointment object.
-	*/
-	appointment?: any;
+		/** Returns the edit appointment object.
+		 */
+		appointment?: any;
 
-	/** Returns the edit occurrence option value.
-	*/
-	edit?: boolean;
-}
+		/** Returns the edit occurrence option value.
+		 */
+		edit?: boolean;
+	}
 
-export interface BeforeContextMenuOpenEventArgs {
+	export interface BeforeContextMenuOpenEventArgs {
 
-	/** Returns the object of beforeContextMenuOpen event.
-	*/
-	object?: any;
+		/** Returns the object of beforeContextMenuOpen event.
+		 */
+		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 current cell index value.
+		 */
+		cellIndex?: number;
 
-	/** Returns the current date value.
-	*/
-	currentDate?: any;
+		/** 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 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 current appointment details while opening the menu from appointment.
+		 */
+		appointment?: any;
 
-	/** Returns the object of before opening menu target.
-	*/
-	events?: any;
+		/** Returns the object of before opening menu target.
+		 */
+		events?: any;
 
-	/** Returns the Schedule model.
-	*/
-	model?: ej.Schedule.Model;
+		/** Returns the Schedule model.
+		 */
+		model?: ej.Schedule.Model;
 
-	/** Returns the name of the event.
-	*/
-	type?: string;
-}
+		/** Returns the name of the event.
+		 */
+		type?: string;
+	}
 
-export interface CellClickEventArgs {
+	export interface CellClickEventArgs {
 
-	/** Returns the object of cellClick event.
-	*/
-	object?: any;
+		/** Returns the object of cellClick event.
+		 */
+		object?: any;
 
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
+		/** Returns the cancel option value.
+		 */
+		cancel?: boolean;
 
-	/** Returns the end time of the clicked cell.
-	*/
-	endTime?: any;
+		/** Returns the end time of the clicked cell.
+		 */
+		endTime?: any;
 
-	/** Returns the Schedule model.
-	*/
-	model?: ej.Schedule.Model;
+		/** Returns the Schedule model.
+		 */
+		model?: ej.Schedule.Model;
 
-	/** Returns the start time of the clicked cell.
-	*/
-	startTime?: any;
+		/** Returns the start time of the clicked cell.
+		 */
+		startTime?: any;
 
-	/** Returns the target of the clicked cell.
-	*/
-	target?: any;
+		/** Returns the target of the clicked cell.
+		 */
+		target?: any;
 
-	/** Returns the name of the event.
-	*/
-	type?: string;
-}
+		/** Returns the name of the event.
+		 */
+		type?: string;
+	}
 
-export interface CellDoubleClickEventArgs {
+	export interface CellDoubleClickEventArgs {
 
-	/** Returns the object of cellDoubleClick event.
-	*/
-	object?: any;
+		/** Returns the object of cellDoubleClick event.
+		 */
+		object?: any;
 
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
+		/** Returns the cancel option value.
+		 */
+		cancel?: boolean;
 
-	/** Returns the end time of the double clicked cell.
-	*/
-	endTime?: any;
+		/** Returns the end time of the double clicked cell.
+		 */
+		endTime?: any;
 
-	/** Returns the Schedule model.
-	*/
-	model?: ej.Schedule.Model;
+		/** Returns the Schedule model.
+		 */
+		model?: ej.Schedule.Model;
 
-	/** Returns the start time of the double clicked cell.
-	*/
-	startTime?: any;
+		/** Returns the start time of the double clicked cell.
+		 */
+		startTime?: any;
 
-	/** Returns the target of the double clicked cell.
-	*/
-	target?: any;
+		/** Returns the target of the double clicked cell.
+		 */
+		target?: any;
 
-	/** Returns the name of the event.
-	*/
-	type?: string;
-}
+		/** Returns the name of the event.
+		 */
+		type?: string;
+	}
 
-export interface CellHoverEventArgs {
+	export interface CellHoverEventArgs {
 
-	/** Returns the object of cellHover event.
-	*/
-	object?: any;
+		/** Returns the object of cellHover event.
+		 */
+		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 index of the hovered cell.
+		 */
+		cellIndex?: any;
 
-	/** Returns the current date of the hovered cell.
-	*/
-	currentDate?: any;
+		/** Returns the current date of the hovered cell.
+		 */
+		currentDate?: any;
 
-	/** Returns the Schedule model.
-	*/
-	model?: ej.Schedule.Model;
+		/** Returns the Schedule model.
+		 */
+		model?: ej.Schedule.Model;
 
-	/** Returns the target of the clicked cell.
-	*/
-	target?: any;
+		/** Returns the target of the clicked cell.
+		 */
+		target?: any;
 
-	/** Returns the name of the event.
-	*/
-	type?: string;
-}
+		/** Returns the name of the event.
+		 */
+		type?: string;
+	}
 
-export interface CreateEventArgs {
+	export interface CreateEventArgs {
 
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
+		/** Returns the cancel option value.
+		 */
+		cancel?: boolean;
 
-	/** Returns the Schedule model.
-	*/
-	model?: ej.Schedule.Model;
+		/** Returns the Schedule model.
+		 */
+		model?: ej.Schedule.Model;
 
-	/** Returns the name of the Scheduler event.
-	*/
-	type?: string;
-}
+		/** Returns the name of the Scheduler event.
+		 */
+		type?: string;
+	}
 
-export interface DestroyEventArgs {
+	export interface DestroyEventArgs {
 
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
+		/** Returns the cancel option value.
+		 */
+		cancel?: boolean;
 
-	/** Returns the Schedule model.
-	*/
-	model?: ej.Schedule.Model;
+		/** Returns the Schedule model.
+		 */
+		model?: ej.Schedule.Model;
 
-	/** Returns the name of the Scheduler event.
-	*/
-	type?: string;
-}
+		/** Returns the name of the Scheduler event.
+		 */
+		type?: string;
+	}
 
-export interface DragEventArgs {
+	export interface DragEventArgs {
 
-	/** Returns the object of dragOver event.
-	*/
-	object?: any;
+		/** Returns the object of dragOver event.
+		 */
+		object?: any;
 
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
+		/** Returns the cancel option value.
+		 */
+		cancel?: boolean;
 
-	/** Returns the Schedule model.
-	*/
-	model?: ej.Schedule.Model;
+		/** Returns the Schedule model.
+		 */
+		model?: ej.Schedule.Model;
 
-	/** Returns the target of the drag over appointment.
-	*/
-	target?: any;
+		/** Returns the target of the drag over appointment.
+		 */
+		target?: any;
 
-	/** Returns the name of the event.
-	*/
-	type?: string;
-}
+		/** Returns the name of the event.
+		 */
+		type?: string;
+	}
 
-export interface DragStartEventArgs {
+	export interface DragStartEventArgs {
 
-	/** Returns the object of dragStart event.
-	*/
-	object?: any;
+		/** Returns the object of dragStart event.
+		 */
+		object?: any;
 
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
+		/** Returns the cancel option value.
+		 */
+		cancel?: boolean;
 
-	/** Returns the Schedule model.
-	*/
-	model?: ej.Schedule.Model;
+		/** Returns the Schedule model.
+		 */
+		model?: ej.Schedule.Model;
 
-	/** Returns the target of the dragging appointment.
-	*/
-	target?: any;
+		/** Returns the target of the dragging appointment.
+		 */
+		target?: any;
 
-	/** Returns the name of the event.
-	*/
-	type?: string;
-}
+		/** Returns the name of the event.
+		 */
+		type?: string;
+	}
 
-export interface DragStopEventArgs {
+	export interface DragStopEventArgs {
 
-	/** Returns the object of dragDrop event.
-	*/
-	object?: any;
+		/** Returns the object of dragDrop event.
+		 */
+		object?: any;
 
-	/** Returns the dropped appointment object.
-	*/
-	appointment?: any;
+		/** Returns the dropped appointment object.
+		 */
+		appointment?: any;
 
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
+		/** Returns the cancel option value.
+		 */
+		cancel?: boolean;
 
-	/** Returns the Schedule model.
-	*/
-	model?: ej.Schedule.Model;
+		/** Returns the Schedule model.
+		 */
+		model?: ej.Schedule.Model;
 
-	/** Returns the name of the event.
-	*/
-	type?: string;
-}
+		/** Returns the name of the event.
+		 */
+		type?: string;
+	}
 
-export interface MenuItemClickEventArgs {
+	export interface MenuItemClickEventArgs {
 
-	/** Returns the object of menuItemClick event.
-	*/
-	object?: any;
+		/** Returns the object of menuItemClick event.
+		 */
+		object?: any;
 
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
+		/** Returns the cancel option value.
+		 */
+		cancel?: boolean;
 
-	/** Returns the object of menu item event.
-	*/
-	events?: any;
+		/** Returns the object of menu item event.
+		 */
+		events?: any;
 
-	/** Returns the Schedule model.
-	*/
-	model?: ej.Schedule.Model;
+		/** Returns the Schedule model.
+		 */
+		model?: ej.Schedule.Model;
 
-	/** Returns the name of the event.
-	*/
-	type?: string;
-}
+		/** Returns the name of the event.
+		 */
+		type?: string;
+	}
 
-export interface NavigationEventArgs {
+	export interface NavigationEventArgs {
 
-	/** Returns the current date object.
-	*/
-	currentDate?: any;
+		/** Returns the current date object.
+		 */
+		currentDate?: any;
 
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
+		/** Returns the cancel option value.
+		 */
+		cancel?: boolean;
 
-	/** Returns the Schedule model.
-	*/
-	model?: ej.Schedule.Model;
+		/** Returns the Schedule model.
+		 */
+		model?: ej.Schedule.Model;
 
-	/** Returns the current view value.
-	*/
-	currentView?: string;
+		/** Returns the current view value.
+		 */
+		currentView?: string;
 
-	/** Returns the previous view value.
-	*/
-	previousView?: string;
+		/** Returns the previous view value.
+		 */
+		previousView?: string;
 
-	/** Returns the target of the action.
-	*/
-	target?: any;
+		/** Returns the target of the action.
+		 */
+		target?: any;
 
-	/** Returns the name of the event.
-	*/
-	type?: string;
+		/** Returns the name of the event.
+		 */
+		type?: string;
 
-	/** Returns the previous date of the Schedule.
-	*/
-	previousDate?: any;
-}
+		/** Returns the previous date of the Schedule.
+		 */
+		previousDate?: any;
+	}
 
-export interface QueryCellInfoEventArgs {
+	export interface QueryCellInfoEventArgs {
 
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
+		/** Returns the cancel option value.
+		 */
+		cancel?: boolean;
 
-	/** Returns the Schedule model.
-	*/
-	model?: ej.Schedule.Model;
+		/** Returns the Schedule model.
+		 */
+		model?: ej.Schedule.Model;
 
-	/** Returns the current appointment data.
-	*/
-	appointment?: any;
+		/** Returns the current appointment data.
+		 */
+		appointment?: any;
 
-	/** Returns the currently rendering DOM element.
-	*/
-	element?: any;
+		/** Returns the currently rendering DOM element.
+		 */
+		element?: any;
 
-	/** Returns the name of the currently rendering element on the scheduler.
-	*/
-	requestType?: string;
+		/** 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 cell type which is currently rendering on the Scheduler.
+		 */
+		cellType?: string;
 
-	/** Returns the start date of the currently rendering appointment.
-	*/
-	currentAppointmentDate?: any;
+		/** Returns the start date of the currently rendering appointment.
+		 */
+		currentAppointmentDate?: any;
 
-	/** Returns the currently rendering cell information.
-	*/
-	cell?: any;
+		/** Returns the currently rendering cell information.
+		 */
+		cell?: any;
 
-	/** Returns the currently rendering resource details.
-	*/
-	resource?: any;
+		/** Returns the currently rendering resource details.
+		 */
+		resource?: any;
 
-	/** Returns the currently rendering date information.
-	*/
-	currentDay?: any;
-}
+		/** Returns the currently rendering date information.
+		 */
+		currentDay?: any;
+	}
 
-export interface ReminderEventArgs {
+	export interface ReminderEventArgs {
 
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
+		/** Returns the cancel option value.
+		 */
+		cancel?: boolean;
 
-	/** Returns the Schedule model.
-	*/
-	model?: ej.Schedule.Model;
+		/** Returns the Schedule model.
+		 */
+		model?: ej.Schedule.Model;
 
-	/** Returns the name of the event.
-	*/
-	type?: string;
+		/** Returns the name of the event.
+		 */
+		type?: string;
 
-	/** Returns the appointment object for which the reminder is raised.
-	*/
-	reminderAppointment?: any;
-}
+		/** Returns the appointment object for which the reminder is raised.
+		 */
+		reminderAppointment?: any;
+	}
 
-export interface ResizeEventArgs {
+	export interface ResizeEventArgs {
 
-	/** Returns the object of resizing event.
-	*/
-	object?: any;
+		/** Returns the object of resizing event.
+		 */
+		object?: any;
 
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
+		/** Returns the cancel option value.
+		 */
+		cancel?: boolean;
 
-	/** Returns the resize element value.
-	*/
-	element?: any;
+		/** Returns the resize element value.
+		 */
+		element?: any;
 
-	/** Returns the Schedule model.
-	*/
-	model?: ej.Schedule.Model;
+		/** Returns the Schedule model.
+		 */
+		model?: ej.Schedule.Model;
 
-	/** Returns the name of the event.
-	*/
-	type?: string;
-}
+		/** Returns the name of the event.
+		 */
+		type?: string;
+	}
 
-export interface ResizeStartEventArgs {
+	export interface ResizeStartEventArgs {
 
-	/** Returns the object of resizeStart event.
-	*/
-	object?: any;
+		/** Returns the object of resizeStart event.
+		 */
+		object?: any;
 
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
+		/** Returns the cancel option value.
+		 */
+		cancel?: boolean;
 
-	/** Returns the resize element value.
-	*/
-	element?: any;
+		/** Returns the resize element value.
+		 */
+		element?: any;
 
-	/** Returns the Schedule model.
-	*/
-	model?: ej.Schedule.Model;
+		/** Returns the Schedule model.
+		 */
+		model?: ej.Schedule.Model;
 
-	/** Returns the name of the event.
-	*/
-	type?: string;
-}
+		/** Returns the name of the event.
+		 */
+		type?: string;
+	}
 
-export interface ResizeStopEventArgs {
+	export interface ResizeStopEventArgs {
 
-	/** Returns the object of resizeStop event.
-	*/
-	object?: any;
+		/** Returns the object of resizeStop event.
+		 */
+		object?: any;
 
-	/** Returns the resized appointment value.
-	*/
-	appointment?: any;
+		/** Returns the resized appointment value.
+		 */
+		appointment?: any;
 
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
+		/** Returns the cancel option value.
+		 */
+		cancel?: boolean;
 
-	/** Returns the Schedule model.
-	*/
-	model?: ej.Schedule.Model;
+		/** Returns the Schedule model.
+		 */
+		model?: ej.Schedule.Model;
 
-	/** Returns the target of the resized appointment.
-	*/
-	target?: any;
+		/** Returns the target of the resized appointment.
+		 */
+		target?: any;
 
-	/** Returns the name of the event.
-	*/
-	type?: string;
-}
+		/** Returns the name of the event.
+		 */
+		type?: string;
+	}
 
-export interface OverflowButtonClickEventArgs {
+	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 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 cancel option value.
+		 */
+		cancel?: boolean;
 
-	/** Returns the object of menu item event.
-	*/
-	events?: any;
+		/** Returns the object of menu item event.
+		 */
+		events?: any;
 
-	/** Returns the Schedule model.
-	*/
-	model?: ej.Schedule.Model;
+		/** Returns the Schedule model.
+		 */
+		model?: ej.Schedule.Model;
 
-	/** Returns the name of the event.
-	*/
-	type?: string;
-}
+		/** Returns the name of the event.
+		 */
+		type?: string;
+	}
 
-export interface OverflowButtonHoverEventArgs {
+	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 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 cancel option value.
+		 */
+		cancel?: boolean;
 
-	/** Returns the object of menu item event.
-	*/
-	events?: any;
+		/** Returns the object of menu item event.
+		 */
+		events?: any;
 
-	/** Returns the Schedule model.
-	*/
-	model?: ej.Schedule.Model;
+		/** Returns the Schedule model.
+		 */
+		model?: ej.Schedule.Model;
 
-	/** Returns the name of the event.
-	*/
-	type?: string;
-}
+		/** Returns the name of the event.
+		 */
+		type?: string;
+	}
 
-export interface KeyDownEventArgs {
+	export interface KeyDownEventArgs {
 
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
+		/** Returns the cancel option value.
+		 */
+		cancel?: boolean;
 
-	/** Returns the object of menu item event.
-	*/
-	events?: any;
+		/** Returns the object of menu item event.
+		 */
+		events?: any;
 
-	/** Returns the Schedule model.
-	*/
-	model?: ej.Schedule.Model;
+		/** Returns the Schedule model.
+		 */
+		model?: ej.Schedule.Model;
 
-	/** Returns the name of the event.
-	*/
-	type?: string;
-}
+		/** Returns the name of the event.
+		 */
+		type?: string;
+	}
 
-export interface AppointmentCreatedEventArgs {
+	export interface AppointmentCreatedEventArgs {
 
-	/** Returns the appointment object.
-	*/
-	appointment?: any;
+		/** Returns the appointment object.
+		 */
+		appointment?: any;
 
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
+		/** Returns the cancel option value.
+		 */
+		cancel?: boolean;
 
-	/** Returns the Schedule model.
-	*/
-	model?: ej.Schedule.Model;
+		/** 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;
-
-	/** 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;
+		/** 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 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 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 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 customStyle field in dataSource. It applies the custom CSS to the block intervals.
+		 * @Default {null}
+		 */
+		customStyle?: string;
+	}
 
-	/** Binds the name of isAllDay field in dataSource. It indicates whether an entire day is blocked or not.
-	*   @Default {null}
-	*/
-	isAllDay?: string;
+	enum CurrentView {
 
-	/** 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;
+		///Sets currentView of the Scheduler as Day
+		Day,
 
-	/** Binds the name of customStyle field in dataSource. It applies the custom CSS to the block intervals.
-	*   @Default {null}
-	*/
-	customStyle?: string;
-}
+		///Sets currentView of the Scheduler as Week
+		Week,
 
-enum CurrentView{
+		///Sets currentView of the Scheduler as WorkWeek
+		Workweek,
 
-	///Sets currentView of the Scheduler as Day
-	Day,
+		///Sets currentView of the Scheduler as Month
+		Month,
 
-	///Sets currentView of the Scheduler as Week
-	Week,
+		///Sets currentView of the Scheduler as Agenda
+		Agenda,
 
-	///Sets currentView of the Scheduler as WorkWeek
-	Workweek,
+		///Sets currentView of the Scheduler as CustomView with user-specified date range.
+		CustomView
+	}
 
-	///Sets currentView of the Scheduler as Month
-	Month,
 
-	///Sets currentView of the Scheduler as Agenda
-	Agenda,
+	enum Orientation {
 
-	///Sets currentView of the Scheduler as CustomView with user-specified date range.
-	CustomView
-}
+		///Set orientation as vertical to Scheduler
+		Vertical,
 
+		///Set orientation as horizontal to Scheduler
+		Horizontal
+	}
 
-enum Orientation{
 
-	///Set orientation as vertical to Scheduler
-	Vertical,
+	enum TimeMode {
 
-	///Set orientation as horizontal to Scheduler
-	Horizontal
-}
+		///Sets 12 hour time mode to Scheduler
+		Hour12,
 
-
-enum TimeMode{
-
-	///Sets 12 hour time mode to Scheduler
-	Hour12,
-
-	///Sets 24 hour time mode to Scheduler
-	Hour24
-}
+		///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);
+	constructor(element: JQuery | Element, options?: RecurrenceEditor.Model);
 	static Locale: any;
-	model:RecurrenceEditor.Model;
-	defaults:RecurrenceEditor.Model;
+	model: RecurrenceEditor.Model;
+	defaults: RecurrenceEditor.Model;
 
 	/** Generates the recurrence rule with the options selected within the Recurrence Editor.
-	*   @returns {String}
-	*/
-	getRecurrenceRule(): String;
+	 * @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}
-	*/
+	 * @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}
-	*/
+	 * @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 namespace RecurrenceEditor {
 
-export interface Model {
+	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>;
+		/** 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;
+		/** 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;
+		/** 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 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 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;
+		/** 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;
+		/** 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 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 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;
+		/** 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;
+		/** 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;
-}
+		/** Triggers whenever any of the Recurrence Editor's value is changed. */
+		change?(e: ChangeEventArgs): void;
+	}
 
-export interface ChangeEventArgs {
+	export interface ChangeEventArgs {
 
-	/** When set to true, event gets canceled.
-	*/
-	cancel?: boolean;
+		/** When set to true, event gets canceled.
+		 */
+		cancel?: boolean;
 
-	/** Returns the Recurrence Editor model
-	*/
-	model?: ej.RecurrenceEditor.Model;
+		/** Returns the Recurrence Editor model
+		 */
+		model?: ej.RecurrenceEditor.Model;
 
-	/** Returns the name of the event
-	*/
-	type?: string;
+		/** Returns the name of the event
+		 */
+		type?: string;
 
-	/** Returns the recurrence rule value.
-	*/
-	recurrenceRule?: 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);
+	constructor(element: JQuery | Element, options?: Gantt.Model);
 	static Locale: any;
-	model:Gantt.Model;
-	defaults:Gantt.Model;
+	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}
-	*/
+	 * @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;
+	 * @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}
-	*/
+	 * @param {number} Set the splitter position based on column index.
+	 * @returns {void}
+	 */
 	setSplitterIndex(index: number): void;
 
 	/** To cancel the edited state of an item in Gantt
-	*   @returns {void}
-	*/
+	 * @returns {void}
+	 */
 	cancelEdit(): void;
 
 	/** To collapse all the parent items in Gantt
-	*   @returns {void}
-	*/
+	 * @returns {void}
+	 */
 	collapseAllItems(): void;
 
 	/** To delete a selected item in Gantt
-	*   @returns {void}
-	*/
+	 * @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}
-	*/
+	 * @returns {void}
+	 */
 	destroy(): void;
 
 	/** To Expand all the parent items in Gantt
-	*   @returns {void}
-	*/
+	 * @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}
-	*/
+	 * @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}
-	*/
+	 * @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}
-	*/
+	 * @returns {void}
+	 */
 	indentItem(): void;
 
 	/** To Open the dialog to add new task to the Gantt
-	*   @returns {void}
-	*/
+	 * @returns {void}
+	 */
 	openAddDialog(): void;
 
 	/** To Open the dialog to edit existing task to the Gantt
-	*   @returns {void}
-	*/
+	 * @returns {void}
+	 */
 	openEditDialog(): void;
 
 	/** To outdent a selected item in Gantt
-	*   @returns {void}
-	*/
+	 * @returns {void}
+	 */
 	outdentItem(): void;
 
 	/** To save the edited state of an item in Gantt
-	*   @returns {void}
-	*/
+	 * @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}
-	*/
+	 * @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}
-	*/
+	 * @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}
-	*/
+	 * @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<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?: 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 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<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?: Array<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?: 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<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 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;
+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 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 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 template for tooltip on mouse action on taskbars
+		 */
+		taskbarTooltipTemplate?: string;
 
-	/** To Specify the JsRender script Id to customize the mile stone with our preference
-	*/
-	milestoneTemplate?: string;
+		/** To Specify the JsRender script Id to customize the task bar with our preference
+		 */
+		taskbarTemplate?: string;
 
-	/** Enables or disables Gantt to read-only mode
-	*   @Default {false}
-	*/
-	readOnly?: boolean;
+		/** To Specify the JsRender script Id to customize the mile stone with our preference
+		 */
+		milestoneTemplate?: string;
 
-	/** Specifies the template id for tooltip on mouse action on taskbars
-	*/
-	taskbarTooltipTemplateId?: string;
+		/** Enables or disables Gantt to read-only mode
+		 * @Default {false}
+		 */
+		readOnly?: boolean;
 
-	/** Specifies the mapping property path for task Id in datasource
-	*/
-	taskIdMapping?: string;
+		/** Specifies the template id for tooltip on mouse action on taskbars
+		 */
+		taskbarTooltipTemplateId?: string;
 
-	/** Specifies the mapping property path for task name in datasource
-	*/
-	taskNameMapping?: string;
+		/** Specifies the mapping property path for task Id in datasource
+		 */
+		taskIdMapping?: string;
 
-	/** Specifies the toolbarSettings options.
-	*/
-	toolbarSettings?: ToolbarSettings;
+		/** Specifies the mapping property path for task name in datasource
+		 */
+		taskNameMapping?: string;
 
-	/** Specifies the tree expander column in Gantt
-	*   @Default {0}
-	*/
-	treeColumnIndex?: number;
+		/** Specifies the toolbarSettings options.
+		 */
+		toolbarSettings?: ToolbarSettings;
 
-	/** Specifies the type of selection whether to select row or cell.
-	*   @Default {ej.Gantt.SelectionMode.Row}
-	*/
-	selectionMode?: ej.Gantt.SelectionMode|string;
+		/** Specifies the tree expander column in Gantt
+		 * @Default {0}
+		 */
+		treeColumnIndex?: number;
 
-	/** Specifies the weekendBackground color in Gantt
-	*   @Default {#F2F2F2}
-	*/
-	weekendBackground?: string;
+		/** Specifies the type of selection whether to select row or cell.
+		 * @Default {ej.Gantt.SelectionMode.Row}
+		 */
+		selectionMode?: ej.Gantt.SelectionMode | string;
 
-	/** Specifies the working time schedule of day
-	*   @Default {ej.Gantt.workingTimeScale.TimeScale8Hours}
-	*/
-	workingTimeScale?: ej.Gantt.workingTimeScale|string;
+		/** Specifies the weekendBackground color in Gantt
+		 * @Default {#F2F2F2}
+		 */
+		weekendBackground?: string;
 
-	/** Triggered for every Gantt action before its starts. */
-	actionBegin? (e: ActionBeginEventArgs): void;
+		/** Specifies the working time schedule of day
+		 * @Default {ej.Gantt.workingTimeScale.TimeScale8Hours}
+		 */
+		workingTimeScale?: ej.Gantt.workingTimeScale | string;
 
-	/** Triggered for every Gantt action success event. */
-	actionComplete? (e: ActionCompleteEventArgs): void;
+		/** Triggered for every Gantt action before its starts. */
+		actionBegin?(e: ActionBeginEventArgs): void;
 
-	/** Triggered while enter the edit mode in the TreeGrid cell */
-	beginEdit? (e: BeginEditEventArgs): void;
+		/** Triggered for every Gantt action success event. */
+		actionComplete?(e: ActionCompleteEventArgs): void;
 
-	/** Triggered before selecting a cell */
-	cellSelecting? (e: CellSelectingEventArgs): void;
+		/** Triggered while enter the edit mode in the TreeGrid cell */
+		beginEdit?(e: BeginEditEventArgs): void;
 
-	/** Triggered after selected a cell */
-	cellSelected? (e: CellSelectedEventArgs): void;
+		/** Triggered before selecting a cell */
+		cellSelecting?(e: CellSelectingEventArgs): void;
 
-	/** Triggered while dragging a row in Gantt control */
-	rowDrag? (e: RowDragEventArgs): void;
+		/** Triggered after selected a cell */
+		cellSelected?(e: CellSelectedEventArgs): void;
 
-	/** Triggered while start to drag row in Gantt control */
-	rowDragStart? (e: RowDragStartEventArgs): void;
+		/** Triggered while dragging a row in Gantt control */
+		rowDrag?(e: RowDragEventArgs): void;
 
-	/** Triggered while drop a row in Gantt control */
-	rowDragStop? (e: RowDragStopEventArgs): void;
+		/** Triggered while start to drag row in Gantt control */
+		rowDragStart?(e: RowDragStartEventArgs): void;
 
-	/** Triggered after collapsed the Gantt record */
-	collapsed? (e: CollapsedEventArgs): void;
+		/** Triggered while drop a row in Gantt control */
+		rowDragStop?(e: RowDragStopEventArgs): void;
 
-	/** Triggered while collapsing the Gantt record */
-	collapsing? (e: CollapsingEventArgs): void;
+		/** Triggered after collapsed the Gantt record */
+		collapsed?(e: CollapsedEventArgs): void;
 
-	/** Triggered while Context Menu is rendered in Gantt control */
-	contextMenuOpen? (e: ContextMenuOpenEventArgs): void;
+		/** Triggered while collapsing the Gantt record */
+		collapsing?(e: CollapsingEventArgs): void;
 
-	/** Triggered when Gantt is rendered completely. */
-	create? (e: CreateEventArgs): void;
+		/** Triggered while Context Menu is rendered in Gantt control */
+		contextMenuOpen?(e: ContextMenuOpenEventArgs): void;
 
-	/** Triggered after save the modified cellValue in Gantt. */
-	endEdit? (e: EndEditEventArgs): void;
+		/** Triggered when Gantt is rendered completely. */
+		create?(e: CreateEventArgs): void;
 
-	/** Triggered after expand the record */
-	expanded? (e: ExpandedEventArgs): void;
+		/** Triggered after save the modified cellValue in Gantt. */
+		endEdit?(e: EndEditEventArgs): void;
 
-	/** Triggered while expanding the Gantt record */
-	expanding? (e: ExpandingEventArgs): void;
+		/** Triggered after expand the record */
+		expanded?(e: ExpandedEventArgs): void;
 
-	/** Triggered while Gantt is loaded */
-	load? (e: LoadEventArgs): void;
+		/** Triggered while expanding the Gantt record */
+		expanding?(e: ExpandingEventArgs): void;
 
-	/** Triggered while rendering each cell in the TreeGrid */
-	queryCellInfo? (e: QueryCellInfoEventArgs): void;
+		/** Triggered while Gantt is loaded */
+		load?(e: LoadEventArgs): void;
 
-	/** Triggered while rendering each taskbar in the Gantt */
-	queryTaskbarInfo? (e: QueryTaskbarInfoEventArgs): void;
+		/** Triggered while rendering each cell in the TreeGrid */
+		queryCellInfo?(e: QueryCellInfoEventArgs): void;
 
-	/** Triggered while rendering each row */
-	rowDataBound? (e: RowDataBoundEventArgs): void;
+		/** Triggered while rendering each taskbar in the Gantt */
+		queryTaskbarInfo?(e: QueryTaskbarInfoEventArgs): void;
 
-	/** Triggered after the row is selected. */
-	rowSelected? (e: RowSelectedEventArgs): void;
+		/** Triggered while rendering each row */
+		rowDataBound?(e: RowDataBoundEventArgs): void;
 
-	/** Triggered before the row is going to be selected. */
-	rowSelecting? (e: RowSelectingEventArgs): void;
+		/** Triggered after the row is selected. */
+		rowSelected?(e: RowSelectedEventArgs): void;
 
-	/** Triggered after completing the editing operation in taskbar */
-	taskbarEdited? (e: TaskbarEditedEventArgs): void;
+		/** Triggered before the row is going to be selected. */
+		rowSelecting?(e: RowSelectingEventArgs): void;
 
-	/** Triggered while editing the Gantt chart (dragging, resizing the taskbar ) */
-	taskbarEditing? (e: TaskbarEditingEventArgs): void;
+		/** Triggered after completing the editing operation in taskbar */
+		taskbarEdited?(e: TaskbarEditedEventArgs): void;
 
-	/** Triggered when taskbar item is clicked in Gantt. */
-	taskbarClick? (e: TaskbarClickEventArgs): void;
+		/** Triggered while editing the Gantt chart (dragging, resizing the taskbar ) */
+		taskbarEditing?(e: TaskbarEditingEventArgs): void;
 
-	/** Triggered when toolbar item is clicked in Gantt. */
-	toolbarClick? (e: ToolbarClickEventArgs): void;
-}
+		/** Triggered when taskbar item is clicked in Gantt. */
+		taskbarClick?(e: TaskbarClickEventArgs): void;
 
-export interface ActionBeginEventArgs {
+		/** Triggered when toolbar item is clicked in Gantt. */
+		toolbarClick?(e: ToolbarClickEventArgs): void;
+	}
 
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
+	export interface ActionBeginEventArgs {
 
-	/** Returns the grid model.
-	*/
-	model?: any;
+		/** Returns the cancel option value.
+		 */
+		cancel?: boolean;
 
-	/** Returns the name of the event.
-	*/
-	type?: string;
+		/** Returns the grid model.
+		 */
+		model?: any;
 
-	/** Returns the current grouped column field name.
-	*/
-	columnName?: string;
+		/** Returns the name of the event.
+		 */
+		type?: string;
 
-	/** Returns request type.
-	*/
-	requestType?: string;
+		/** Returns the current grouped column field name.
+		 */
+		columnName?: string;
 
-	/** Returns the direction of sorting ascending or descending
-	*/
-	columnSortDirection?: string;
+		/** Returns request type.
+		 */
+		requestType?: string;
 
-	/** Returns the value of searching element.
-	*/
-	keyValue?: string;
+		/** Returns the direction of sorting ascending or descending
+		 */
+		columnSortDirection?: string;
 
-	/** Returns the data of deleting element.
-	*/
-	data?: string;
+		/** Returns the value of searching element.
+		 */
+		keyValue?: string;
 
-	/** Returns selected record index
-	*/
-	recordIndex?: number;
-}
+		/** Returns the data of deleting element.
+		 */
+		data?: string;
 
-export interface ActionCompleteEventArgs {
+		/** Returns selected record index
+		 */
+		recordIndex?: number;
+	}
 
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
+	export interface ActionCompleteEventArgs {
 
-	/** Returns the grid model.
-	*/
-	model?: any;
+		/** Returns the cancel option value.
+		 */
+		cancel?: boolean;
 
-	/** Returns the name of the event.
-	*/
-	type?: string;
+		/** Returns the grid model.
+		 */
+		model?: any;
 
-	/** Returns the current grouped column field name.
-	*/
-	columnName?: string;
+		/** Returns the name of the event.
+		 */
+		type?: string;
 
-	/** Returns request type.
-	*/
-	requestType?: string;
+		/** Returns the current grouped column field name.
+		 */
+		columnName?: string;
 
-	/** Returns the direction of sorting ascending or descending
-	*/
-	columnSortDirection?: string;
+		/** Returns request type.
+		 */
+		requestType?: string;
 
-	/** Returns the value of searched element.
-	*/
-	keyValue?: string;
+		/** Returns the direction of sorting ascending or descending
+		 */
+		columnSortDirection?: string;
 
-	/** Returns the data of deleted element.
-	*/
-	data?: string;
+		/** Returns the value of searched element.
+		 */
+		keyValue?: string;
 
-	/** Returns selected record index
-	*/
-	recordIndex?: number;
-}
+		/** Returns the data of deleted element.
+		 */
+		data?: string;
 
-export interface BeginEditEventArgs {
+		/** Returns selected record index
+		 */
+		recordIndex?: number;
+	}
 
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
+	export interface BeginEditEventArgs {
 
-	/** 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 row element of editing cell.
+		 */
+		rowElement?: any;
 
-	/** Returns the data of current cell record.
-	*/
-	data?: any;
+		/** Returns the Element of editing cell.
+		 */
+		cellElement?: any;
 
-	/** Returns the column Index of cell belongs.
-	*/
-	columnIndex?: number;
-}
+		/** Returns the data of current cell record.
+		 */
+		data?: any;
 
-export interface CellSelectingEventArgs {
+		/** Returns the column Index of cell belongs.
+		 */
+		columnIndex?: number;
+	}
 
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
+	export interface CellSelectingEventArgs {
 
-	/** Returns the cell index on the selection.
-	*/
-	cellIndex?: number;
+		/** Returns the cancel option value.
+		 */
+		cancel?: boolean;
 
-	/** Returns the row index on the selection
-	*/
-	rowIndex?: number;
+		/** Returns the cell index on the selection.
+		 */
+		cellIndex?: number;
 
-	/** Returns the selecting cell element
-	*/
-	targetCell?: any;
+		/** Returns the row index on the selection
+		 */
+		rowIndex?: number;
 
-	/** Returns the selecting row element
-	*/
-	targetRow?: any;
+		/** Returns the selecting cell element
+		 */
+		targetCell?: any;
 
-	/** Returns the selecting record object
-	*/
-	data?: any;
+		/** Returns the selecting row element
+		 */
+		targetRow?: any;
 
-	/** Returns the Gantt object Model
-	*/
-	model?: any;
-}
+		/** Returns the selecting record object
+		 */
+		data?: any;
 
-export interface CellSelectedEventArgs {
+		/** Returns the Gantt object Model
+		 */
+		model?: any;
+	}
 
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
+	export interface CellSelectedEventArgs {
 
-	/** Returns the cell index on the selection.
-	*/
-	cellIndex?: number;
+		/** Returns the cancel option value.
+		 */
+		cancel?: boolean;
 
-	/** Returns the row index on the selection
-	*/
-	rowIndex?: number;
+		/** Returns the cell index on the selection.
+		 */
+		cellIndex?: number;
 
-	/** Returns the selecting cell element
-	*/
-	targetCell?: any;
+		/** Returns the row index on the selection
+		 */
+		rowIndex?: number;
 
-	/** Returns the selecting row element
-	*/
-	targetRow?: any;
+		/** Returns the selecting cell element
+		 */
+		targetCell?: any;
 
-	/** Returns the selecting record object
-	*/
-	data?: any;
+		/** Returns the selecting row element
+		 */
+		targetRow?: any;
 
-	/** Returns the Gantt object Model
-	*/
-	model?: any;
+		/** Returns the selecting record object
+		 */
+		data?: any;
 
-	/** Returns the previously selected row data
-	*/
-	previousData?: any;
+		/** Returns the Gantt object Model
+		 */
+		model?: any;
 
-	/** Returns the previously selected cell index
-	*/
-	previousCellIndex?: any;
+		/** Returns the previously selected row data
+		 */
+		previousData?: any;
 
-	/** Returns the previously selected row index
-	*/
-	previousRowIndex?: any;
+		/** Returns the previously selected cell index
+		 */
+		previousCellIndex?: any;
 
-	/** Returns the previously selected cell element
-	*/
-	previousTargetCell?: any;
+		/** Returns the previously selected row index
+		 */
+		previousRowIndex?: any;
 
-	/** Returns the previously selected row element
-	*/
-	previousTargetRow?: any;
-}
+		/** Returns the previously selected cell element
+		 */
+		previousTargetCell?: any;
 
-export interface RowDragEventArgs {
+		/** Returns the previously selected row element
+		 */
+		previousTargetRow?: any;
+	}
 
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
+	export interface RowDragEventArgs {
 
-	/** 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 row which we start to drag.
+		 */
+		draggedRow?: any;
 
-	/** Returns the row on which we are dragging.
-	*/
-	targetRow?: any;
+		/** Returns the row index which we start to drag.
+		 */
+		draggedRowIndex?: number;
 
-	/** Returns the row index on which we are dragging.
-	*/
-	targetRowIndex?: number;
+		/** Returns the row on which we are dragging.
+		 */
+		targetRow?: any;
 
-	/** Returns that we can drop over that record or not.
-	*/
-	canDrop?: boolean;
+		/** Returns the row index on which we are dragging.
+		 */
+		targetRowIndex?: number;
 
-	/** Returns the Gantt model.
-	*/
-	model?: any;
+		/** Returns that we can drop over that record or not.
+		 */
+		canDrop?: boolean;
 
-	/** Returns request type.
-	*/
-	requestType?: string;
+		/** Returns the Gantt model.
+		 */
+		model?: any;
 
-	/** Returns the name of the event.
-	*/
-	type?: string;
-}
+		/** Returns request type.
+		 */
+		requestType?: string;
 
-export interface RowDragStartEventArgs {
+		/** Returns the name of the event.
+		 */
+		type?: string;
+	}
 
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
+	export interface RowDragStartEventArgs {
 
-	/** 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?: boolean;
+		/** Returns the row which we start to drag.
+		 */
+		draggedRow?: any;
 
-	/** Returns the Gantt model.
-	*/
-	model?: any;
+		/** Returns the row index which we start to drag.
+		 */
+		draggedRowIndex?: boolean;
 
-	/** Returns request type.
-	*/
-	requestType?: string;
+		/** Returns the Gantt model.
+		 */
+		model?: any;
 
-	/** Returns the name of the event.
-	*/
-	type?: string;
-}
+		/** Returns request type.
+		 */
+		requestType?: string;
 
-export interface RowDragStopEventArgs {
+		/** Returns the name of the event.
+		 */
+		type?: string;
+	}
 
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
+	export interface RowDragStopEventArgs {
 
-	/** 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 row which we start to drag.
+		 */
+		draggedRow?: any;
 
-	/** Returns the row which we are dropped to row.
-	*/
-	targetRow?: any;
+		/** Returns the row index which we start to drag.
+		 */
+		draggedRowIndex?: number;
 
-	/** Returns the row index which we are dropped to row.
-	*/
-	targetRowIndex?: number;
+		/** Returns the row which we are dropped to row.
+		 */
+		targetRow?: any;
 
-	/** Returns the Gantt model.
-	*/
-	model?: any;
+		/** Returns the row index which we are dropped to row.
+		 */
+		targetRowIndex?: number;
 
-	/** Returns request type.
-	*/
-	requestType?: string;
+		/** Returns the Gantt model.
+		 */
+		model?: any;
 
-	/** Returns the name of the event.
-	*/
-	type?: string;
-}
+		/** Returns request type.
+		 */
+		requestType?: string;
 
-export interface CollapsedEventArgs {
+		/** Returns the name of the event.
+		 */
+		type?: string;
+	}
 
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
+	export interface CollapsedEventArgs {
 
-	/** Returns the row index of collapsed record.
-	*/
-	recordIndex?: number;
+		/** Returns the cancel option value.
+		 */
+		cancel?: boolean;
 
-	/** Returns the data of collapsed record.
-	*/
-	data?: any;
+		/** Returns the row index of collapsed record.
+		 */
+		recordIndex?: number;
 
-	/** Returns Request Type.
-	*/
-	requestType?: string;
+		/** Returns the data of collapsed record.
+		 */
+		data?: any;
 
-	/** Returns state of a record whether it is in expanded or collapsed state.
-	*/
-	expanded?: boolean;
-}
+		/** Returns Request Type.
+		 */
+		requestType?: string;
 
-export interface CollapsingEventArgs {
+		/** Returns state of a record whether it is in expanded or collapsed state.
+		 */
+		expanded?: boolean;
+	}
 
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
+	export interface CollapsingEventArgs {
 
-	/** Returns the row index of collapsing record.
-	*/
-	recordIndex?: number;
+		/** Returns the cancel option value.
+		 */
+		cancel?: boolean;
 
-	/** Returns the data of edited cell record..
-	*/
-	data?: any;
+		/** Returns the row index of collapsing record.
+		 */
+		recordIndex?: number;
 
-	/** Returns state of a record whether it is in expanded or collapsed state.
-	*/
-	expanded?: boolean;
-}
+		/** Returns the data of edited cell record..
+		 */
+		data?: any;
 
-export interface ContextMenuOpenEventArgs {
+		/** Returns state of a record whether it is in expanded or collapsed state.
+		 */
+		expanded?: boolean;
+	}
 
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
+	export interface ContextMenuOpenEventArgs {
 
-	/** Returns the default context menu items to which we add custom items.
-	*/
-	contextMenuItems?: Array<any>;
+		/** Returns the cancel option value.
+		 */
+		cancel?: boolean;
 
-	/** Returns the Gantt model.
-	*/
-	model?: any;
+		/** Returns the default context menu items to which we add custom items.
+		 */
+		contextMenuItems?: any[];
 
-	/** Returns request type.
-	*/
-	requestType?: string;
+		/** Returns the Gantt model.
+		 */
+		model?: any;
 
-	/** Returns the name of the event.
-	*/
-	type?: string;
-}
+		/** Returns request type.
+		 */
+		requestType?: string;
 
-export interface CreateEventArgs {
+		/** Returns the name of the event.
+		 */
+		type?: string;
+	}
 
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
+	export interface CreateEventArgs {
 
-	/** Returns the Gantt model
-	*/
-	model?: any;
+		/** Returns the cancel option value.
+		 */
+		cancel?: boolean;
 
-	/** Returns the name of the event.
-	*/
-	type?: string;
-}
+		/** Returns the Gantt model
+		 */
+		model?: any;
 
-export interface EndEditEventArgs {
+		/** Returns the name of the event.
+		 */
+		type?: string;
+	}
 
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
+	export interface EndEditEventArgs {
 
-	/** 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 row element of editing cell.
+		 */
+		rowElement?: any;
 
-	/** Returns the data of edited cell record.
-	*/
-	data?: any;
+		/** Returns the Element of editing cell.
+		 */
+		cellElement?: any;
 
-	/** Returns the column name of edited cell belongs.
-	*/
-	columnName?: string;
+		/** Returns the data of edited cell record.
+		 */
+		data?: any;
 
-	/** Returns the column object of edited cell belongs.
-	*/
-	columnObject?: any;
-}
+		/** Returns the column name of edited cell belongs.
+		 */
+		columnName?: string;
 
-export interface ExpandedEventArgs {
+		/** Returns the column object of edited cell belongs.
+		 */
+		columnObject?: any;
+	}
 
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
+	export interface ExpandedEventArgs {
 
-	/** Returns the row index of record.
-	*/
-	recordIndex?: number;
+		/** Returns the cancel option value.
+		 */
+		cancel?: boolean;
 
-	/** Returns the data of expanded record.
-	*/
-	data?: any;
+		/** Returns the row index of record.
+		 */
+		recordIndex?: number;
 
-	/** Returns Request Type.
-	*/
-	requestType?: string;
+		/** Returns the data of expanded record.
+		 */
+		data?: any;
 
-	/** Returns state of a record whether it is in expanded or collapsed state.
-	*/
-	expanded?: boolean;
-}
+		/** Returns Request Type.
+		 */
+		requestType?: string;
 
-export interface ExpandingEventArgs {
+		/** Returns state of a record whether it is in expanded or collapsed state.
+		 */
+		expanded?: boolean;
+	}
 
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
+	export interface ExpandingEventArgs {
 
-	/** Returns the row index of record.
-	*/
-	recordIndex?: any;
+		/** Returns the cancel option value.
+		 */
+		cancel?: boolean;
 
-	/** Returns the data of edited cell record..
-	*/
-	data?: any;
+		/** Returns the row index of record.
+		 */
+		recordIndex?: any;
 
-	/** Returns state of a record whether it is in expanded or collapsed state.
-	*/
-	expanded?: boolean;
-}
+		/** Returns the data of edited cell record..
+		 */
+		data?: any;
 
-export interface LoadEventArgs {
+		/** Returns state of a record whether it is in expanded or collapsed state.
+		 */
+		expanded?: boolean;
+	}
 
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
+	export interface LoadEventArgs {
 
-	/** Returns the Gantt model
-	*/
-	model?: any;
+		/** Returns the cancel option value.
+		 */
+		cancel?: boolean;
 
-	/** Returns the name of the event.
-	*/
-	type?: string;
-}
+		/** Returns the Gantt model
+		 */
+		model?: any;
 
-export interface QueryCellInfoEventArgs {
+		/** Returns the name of the event.
+		 */
+		type?: string;
+	}
 
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
+	export interface QueryCellInfoEventArgs {
 
-	/** Returns the selecting cell element.
-	*/
-	cellElement?: any;
+		/** Returns the cancel option value.
+		 */
+		cancel?: boolean;
 
-	/** Returns the value of cell.
-	*/
-	cellValue?: string;
+		/** Returns the selecting cell element.
+		 */
+		cellElement?: any;
 
-	/** Returns the data of current cell record.
-	*/
-	data?: any;
+		/** Returns the value of cell.
+		 */
+		cellValue?: string;
 
-	/** Returns the column of cell belongs.
-	*/
-	column?: any;
-}
+		/** Returns the data of current cell record.
+		 */
+		data?: any;
 
-export interface QueryTaskbarInfoEventArgs {
+		/** Returns the column of cell belongs.
+		 */
+		column?: any;
+	}
 
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
+	export interface QueryTaskbarInfoEventArgs {
 
-	/** Returns the taskbar background of current item.
-	*/
-	TaskbarBackground?: string;
+		/** Returns the cancel option value.
+		 */
+		cancel?: boolean;
 
-	/** Returns the progressbar background of current item.
-	*/
-	ProgressbarBackground?: string;
+		/** Returns the taskbar background of current item.
+		 */
+		TaskbarBackground?: string;
 
-	/** Returns the parent taskbar background of current item.
-	*/
-	parentTaskbarBackground?: string;
+		/** Returns the progressbar background of current item.
+		 */
+		ProgressbarBackground?: string;
 
-	/** Returns the parent progressbar background of current item.
-	*/
-	parentProgressbarBackground?: string;
+		/** Returns the parent taskbar background of current item.
+		 */
+		parentTaskbarBackground?: string;
 
-	/** Returns the data of the record.
-	*/
-	data?: any;
-}
+		/** Returns the parent progressbar background of current item.
+		 */
+		parentProgressbarBackground?: string;
 
-export interface RowDataBoundEventArgs {
+		/** Returns the data of the record.
+		 */
+		data?: any;
+	}
 
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
+	export interface RowDataBoundEventArgs {
 
-	/** Returns the row element of rendering row.
-	*/
-	rowElement?: any;
+		/** Returns the cancel option value.
+		 */
+		cancel?: boolean;
 
-	/** Returns the data of rendering row record..
-	*/
-	data?: any;
-}
+		/** Returns the row element of rendering row.
+		 */
+		rowElement?: any;
 
-export interface RowSelectedEventArgs {
+		/** Returns the data of rendering row record..
+		 */
+		data?: any;
+	}
 
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
+	export interface RowSelectedEventArgs {
 
-	/** Returns the selecting row element.
-	*/
-	targetRow?: any;
+		/** Returns the cancel option value.
+		 */
+		cancel?: boolean;
 
-	/** Returns the index of selecting row record.
-	*/
-	recordIndex?: number;
+		/** Returns the selecting row element.
+		 */
+		targetRow?: any;
 
-	/** Returns the data of selected record.
-	*/
-	data?: any;
-}
+		/** Returns the index of selecting row record.
+		 */
+		recordIndex?: number;
 
-export interface RowSelectingEventArgs {
+		/** Returns the data of selected record.
+		 */
+		data?: any;
+	}
 
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
+	export interface RowSelectingEventArgs {
 
-	/** Returns the data selecting record.
-	*/
-	data?: any;
+		/** Returns the cancel option value.
+		 */
+		cancel?: boolean;
 
-	/** Returns the index of selecting row record.
-	*/
-	recordIndex?: string;
+		/** Returns the data selecting record.
+		 */
+		data?: any;
 
-	/** Returns the selecting row chart element.
-	*/
-	targetChartRow?: any;
+		/** Returns the index of selecting row record.
+		 */
+		recordIndex?: string;
 
-	/** Returns the selecting row grid element.
-	*/
-	targetGridRow?: any;
+		/** Returns the selecting row chart element.
+		 */
+		targetChartRow?: any;
 
-	/** Returns the previous selected data.
-	*/
-	previousData?: any;
+		/** Returns the selecting row grid element.
+		 */
+		targetGridRow?: any;
 
-	/** Returns the previous selected row index.
-	*/
-	previousIndex?: string;
+		/** Returns the previous selected data.
+		 */
+		previousData?: any;
 
-	/** Returns the previous selected row chart element.
-	*/
-	previousChartRow?: any;
+		/** Returns the previous selected row index.
+		 */
+		previousIndex?: string;
 
-	/** Returns the previous selected row grid element.
-	*/
-	previousGridRow?: any;
-}
+		/** Returns the previous selected row chart element.
+		 */
+		previousChartRow?: any;
 
-export interface TaskbarEditedEventArgs {
+		/** Returns the previous selected row grid element.
+		 */
+		previousGridRow?: any;
+	}
 
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
+	export interface TaskbarEditedEventArgs {
 
-	/** Returns the data of edited record.
-	*/
-	data?: any;
+		/** Returns the cancel option value.
+		 */
+		cancel?: boolean;
 
-	/** Returns the previous data value of edited record.
-	*/
-	previousData?: any;
+		/** Returns the data of edited record.
+		 */
+		data?: any;
 
-	/** Returns 'true' if taskbar is dragged.
-	*/
-	dragging?: boolean;
+		/** Returns the previous data value of edited record.
+		 */
+		previousData?: any;
 
-	/** Returns 'true' if taskbar is left resized.
-	*/
-	leftResizing?: boolean;
+		/** Returns 'true' if taskbar is dragged.
+		 */
+		dragging?: boolean;
 
-	/** Returns 'true' if taskbar is right resized.
-	*/
-	rightResizing?: boolean;
+		/** Returns 'true' if taskbar is left resized.
+		 */
+		leftResizing?: boolean;
 
-	/** Returns 'true' if taskbar is progress resized.
-	*/
-	progressResizing?: boolean;
+		/** Returns 'true' if taskbar is right resized.
+		 */
+		rightResizing?: boolean;
 
-	/** Returns the field values of record being edited.
-	*/
-	editingFields?: any;
+		/** Returns 'true' if taskbar is progress resized.
+		 */
+		progressResizing?: boolean;
 
-	/** Returns the Gantt model.
-	*/
-	model?: any;
-}
+		/** Returns the field values of record being edited.
+		 */
+		editingFields?: any;
 
-export interface TaskbarEditingEventArgs {
+		/** Returns the Gantt model.
+		 */
+		model?: any;
+	}
 
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
+	export interface TaskbarEditingEventArgs {
 
-	/** Returns the Gantt model.
-	*/
-	model?: any;
+		/** Returns the cancel option value.
+		 */
+		cancel?: boolean;
 
-	/** Returns the row object being edited.
-	*/
-	rowData?: any;
+		/** Returns the Gantt model.
+		 */
+		model?: any;
 
-	/** Returns the field values of record being edited.
-	*/
-	editingFields?: any;
+		/** Returns the row object being edited.
+		 */
+		rowData?: any;
 
-	/** Returns the name of the event.
-	*/
-	type?: string;
-}
+		/** Returns the field values of record being edited.
+		 */
+		editingFields?: any;
 
-export interface TaskbarClickEventArgs {
+		/** Returns the name of the event.
+		 */
+		type?: string;
+	}
 
-	/** Returns currently clicked row data
-	*/
-	data?: any;
+	export interface TaskbarClickEventArgs {
 
-	/** 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 currently clicked row data
+		 */
+		data?: any;
 
-	/** 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 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 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 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 {ddd}
-	*/
-	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;
+		/** 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 {
 
-	/** Specifies the start day of the week in week timescale mode
-	*   @Default {0}
-	*/
-	weekStartDay?: number;
-}
+		/** 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 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 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 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 {ddd}
+		 */
+		weekHeaderFormat?: string;
 
-export interface SizeSettings {
+		/** Specified the format for year view in schedule header
+		 * @Default {yyyy}
+		 */
+		yearHeaderFormat?: string;
 
-	/** Specifies the height of Gantt control
-	*   @Default {450px}
-	*/
-	height?: 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 width of Gantt control
-	*   @Default {1000px}
-	*/
-	width?: string;
-}
+		/** Specifies the start day of the week in week timescale mode
+		 * @Default {0}
+		 */
+		weekStartDay?: number;
+	}
 
-export interface SelectedCellIndex {
+	export interface SizeSettings {
 
-	/** Specifies the row index of the cell to be selected Gantt control
-	*/
-	rowIndex?: number;
+		/** Specifies the height of Gantt control
+		 * @Default {450px}
+		 */
+		height?: string;
 
-	/** Specifies the cell index to be selected in the row.
-	*   @Default { }
-	*/
-	cellIndex?: number;
-}
+		/** Specifies the width of Gantt control
+		 * @Default {1000px}
+		 */
+		width?: string;
+	}
 
-export interface SortSettings {
+	export interface SelectedCellIndex {
 
-	/** Specifies the sorted columns for Gantt
-	*   @Default {[]}
-	*/
-	sortedColumns?: Array<any>;
-}
+		/** Specifies the row index of the cell to be selected Gantt control
+		 */
+		rowIndex?: number;
 
-export interface ToolbarSettingsCustomToolbarItem {
+		/** Specifies the cell index to be selected in the row.
+		 * @Default { }
+		 */
+		cellIndex?: number;
+	}
 
-	/** Allows the user to insert the custom icons in toolbar using CSS class name selector.
-	*/
-	text?: string;
+	export interface SortSettings {
 
-	/** 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;
+		/** Specifies the sorted columns for Gantt
+		 * @Default {[]}
+		 */
+		sortedColumns?: any[];
+	}
 
-	/** Allows the user to display custom tooltip text for Gantt custom toolbar items.
-	*/
-	tooltipText?: string;
-}
+	export interface ToolbarSettings {
 
-export interface ToolbarSettings {
+		/** Specifies the state of enabling or disabling toolbar
+		 * @Default {true}
+		 */
+		showToolbar?: boolean;
 
-	/** 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[];
+	}
 
-	/** Specifies the list of toolbar items to be rendered in Gantt toolbar
-	*   @Default {[]}
-	*/
-	toolbarItems?: Array<any>;
+	enum DurationUnit {
 
-	/** Allows the user to insert custom toolbar items.
-	*/
-	customToolbarItems?: Array<ToolbarSettingsCustomToolbarItem>;
-}
+		///Sets the Duration Unit as day.
+		Day,
 
-enum DurationUnit{
+		///Sets the Duration Unit as hour.
+		Hour,
 
-	///Sets the Duration Unit as day.
-	Day,
+		///Sets the Duration Unit as minute.
+		Minute
+	}
 
-	///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,
 
-enum BeginEditAction{
+		///you can begin the editing at single click
+		Click
+	}
 
-	///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,
 
-enum RowPosition{
+		///you can add a new row at bottom.
+		Bottom,
 
-	///you can add a new row at top.
-	Top,
+		///you can add a new row to above selected row.
+		AboveSelectedRow,
 
-	///you can add a new row at bottom.
-	Bottom,
+		///you can add a new row to below selected row.
+		BelowSelectedRow,
 
-	///you can add a new row to above selected row.
-	AboveSelectedRow,
+		///you can add a new row as a child for selected row.
+		Child
+	}
 
-	///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,
 
-enum TaskType{
+		///Work value of a task remains constant while editing duration and resource unit values.
+		FixedWork,
 
-	///Resource unit remains constant while editing the work and duration values.
-	FixedUnit,
+		///Duration value remains constant while editing work and resource unit values.
+		FixedDuration
+	}
 
-	///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,
 
-enum WorkUnit{
+		///Displays the work involved in a task in hours.
+		Hour,
 
-	///Displays the work involved in a task in days.
-	Day,
+		///Displays the work involved in a task in minutes
+		Minute
+	}
 
-	///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,
 
-enum TaskSchedulingMode{
+		///All the tasks in the project will be displayed in manually scheduled mode.
+		Manual,
 
-	///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,
+		///Project consists of tasks with both auto and manually scheduled modes, based on the datasource values
+		Custom
+	}
 
-	///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,
 
-enum SelectionType{
+		///you can select a multiple row.
+		Multiple
+	}
 
-	///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,
 
-enum minutesPerInterval{
+		///Sets one minute intervals per hour.
+		OneMinute,
 
-	///Sets the interval automatically according with schedule start and end date.
-	Auto,
+		///Sets Five minute intervals per hour.
+		FiveMinutes,
 
-	///Sets one minute intervals per hour.
-	OneMinute,
+		///Sets fifteen minute intervals per hour.
+		FifteenMinutes,
 
-	///Sets Five minute intervals per hour.
-	FiveMinutes,
+		///Sets thirty minute intervals per hour.
+		ThirtyMinutes
+	}
 
-	///Sets fifteen minute intervals per hour.
-	FifteenMinutes,
 
-	///Sets thirty minute intervals per hour.
-	ThirtyMinutes
-}
+	enum ScheduleHeaderType {
 
+		///Sets year Schedule Mode.
+		Year,
 
-enum ScheduleHeaderType{
+		///Sets month Schedule Mode.
+		Month,
 
-	///Sets year Schedule Mode.
-	Year,
+		///Sets week Schedule Mode.
+		Week,
 
-	///Sets month Schedule Mode.
-	Month,
+		///Sets day Schedule Mode.
+		Day,
 
-	///Sets week Schedule Mode.
-	Week,
+		///Sets hour Schedule Mode.
+		Hour
+	}
 
-	///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,
 
-enum TimescaleRoundMode{
+		///Schedule header start date will round-off to the immediate week.
+		Week,
 
-	///The round-off value will be automatically calculated based on the data source values.
-	Auto,
+		///Schedule headers start date will round off to the immediate month
+		Month,
 
-	///Schedule header start date will round-off to the immediate week.
-	Week,
+		///Schedule headers start date will round off to the immediate year
+		Year
+	}
 
-	///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,
 
-enum SelectionMode{
+		///you can select a cell.
+		Cell
+	}
 
-	///you can select a row.
-	Row,
 
-	///you can select a cell.
-	Cell
-}
+	enum workingTimeScale {
 
+		///Sets eight hour timescale.
+		TimeScale8Hours,
 
-enum workingTimeScale{
-
-	///Sets eight hour timescale.
-	TimeScale8Hours,
-
-	///Sets twenty four hour timescale.
-	TimeScale24Hours
-}
+		///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);
+	constructor(element: JQuery | Element, options?: ReportViewer.Model);
 	static Locale: any;
-	model:ReportViewer.Model;
-	defaults:ReportViewer.Model;
+	model: ReportViewer.Model;
+	defaults: ReportViewer.Model;
 
 	/** Export the report to the specified format.
-	*   @returns {void}
-	*/
+	 * @returns {void}
+	 */
 	exportReport(): void;
 
 	/** Fit the report page to the container.
-	*   @returns {void}
-	*/
+	 * @returns {void}
+	 */
 	fitToPage(): void;
 
 	/** Fit the report page height to the container.
-	*   @returns {void}
-	*/
+	 * @returns {void}
+	 */
 	fitToPageHeight(): void;
 
 	/** Fit the report page width to the container.
-	*   @returns {void}
-	*/
+	 * @returns {void}
+	 */
 	fitToPageWidth(): void;
 
 	/** Get the available datasets name of the rdlc report.
-	*   @returns {void}
-	*/
+	 * @returns {void}
+	 */
 	getDataSetNames(): void;
 
 	/** Get the available parameters of the report.
-	*   @returns {void}
-	*/
+	 * @returns {void}
+	 */
 	getParameters(): void;
 
 	/** Navigate to first page of report.
-	*   @returns {void}
-	*/
+	 * @returns {void}
+	 */
 	gotoFirstPage(): void;
 
 	/** Navigate to last page of the report.
-	*   @returns {void}
-	*/
+	 * @returns {void}
+	 */
 	gotoLastPage(): void;
 
 	/** Navigate to next page from the current page.
-	*   @returns {void}
-	*/
+	 * @returns {void}
+	 */
 	gotoNextPage(): void;
 
 	/** Go to specific page index of the report.
-	*   @returns {void}
-	*/
+	 * @returns {void}
+	 */
 	gotoPageIndex(): void;
 
 	/** Navigate to previous page from the current page.
-	*   @returns {void}
-	*/
+	 * @returns {void}
+	 */
 	gotoPreviousPage(): void;
 
 	/** Print the report.
-	*   @returns {void}
-	*/
+	 * @returns {void}
+	 */
 	print(): void;
 
 	/** Apply print layout to the report.
-	*   @returns {void}
-	*/
+	 * @returns {void}
+	 */
 	printLayout(): void;
 
 	/** Refresh the report.
-	*   @returns {void}
-	*/
+	 * @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>;
+export namespace ReportViewer {
 
-	/** Enables or disables the page cache of report.
-	*   @Default {false}
-	*/
-	enablePageCache?: Boolean;
+	export interface Model {
 
-	/** Specifies the export settings.
-	*/
-	exportSettings?: ExportSettings;
+		/** Gets or sets the list of data sources for the RDLC report.
+		 * @Default {[]}
+		 */
+		dataSources?: DataSource[];
 
-	/** When set to true, adapts the report layout to fit the screen size of devices on which it renders.
-	*   @Default {true}
-	*/
-	isResponsive?: Boolean;
+		/** Enables or disables the page cache of report.
+		 * @Default {false}
+		 */
+		enablePageCache?: boolean;
 
-	/** Specifies the locale for report viewer.
-	*   @Default {en-US}
-	*/
-	locale?: String;
+		/** Specifies the export settings.
+		 */
+		exportSettings?: ExportSettings;
 
-	/** Specifies the page settings.
-	*/
-	pageSettings?: PageSettings;
+		/** When set to true, adapts the report layout to fit the screen size of devices on which it renders.
+		 * @Default {true}
+		 */
+		isResponsive?: boolean;
 
-	/** Gets or sets the list of parameters associated with the report.
-	*   @Default {[]}
-	*/
-	parameters?: Array<Parameter>;
+		/** Specifies the locale for report viewer.
+		 * @Default {en-US}
+		 */
+		locale?: string;
 
-	/** Enables and disables the print mode.
-	*   @Default {false}
-	*/
-	printMode?: Boolean;
+		/** Specifies the page settings.
+		 */
+		pageSettings?: PageSettings;
 
-	/** Specifies the print option of the report.
-	*   @Default {ej.ReportViewer.PrintOptions.Default}
-	*/
-	printOptions?: ej.ReportViewer.PrintOptions|string;
+		/** Gets or sets the list of parameters associated with the report.
+		 * @Default {[]}
+		 */
+		parameters?: Parameter[];
 
-	/** Specifies the processing mode of the report.
-	*   @Default {ej.ReportViewer.ProcessingMode.Remote}
-	*/
-	processingMode?: ej.ReportViewer.ProcessingMode|string;
+		/** Enables and disables the print mode.
+		 * @Default {false}
+		 */
+		printMode?: boolean;
 
-	/** Specifies the render layout.
-	*   @Default {ej.ReportViewer.RenderMode.Default}
-	*/
-	renderMode?: ej.ReportViewer.RenderMode|string;
+		/** Specifies the print option of the report.
+		 * @Default {ej.ReportViewer.PrintOptions.Default}
+		 */
+		printOptions?: ej.ReportViewer.PrintOptions | string;
 
-	/** Gets or sets the path of the report file.
-	*   @Default {empty}
-	*/
-	reportPath?: String;
+		/** Specifies the processing mode of the report.
+		 * @Default {ej.ReportViewer.ProcessingMode.Remote}
+		 */
+		processingMode?: ej.ReportViewer.ProcessingMode | string;
 
-	/** Gets or sets the reports server URL.
-	*   @Default {empty}
-	*/
-	reportServerUrl?: String;
+		/** Specifies the render layout.
+		 * @Default {ej.ReportViewer.RenderMode.Default}
+		 */
+		renderMode?: ej.ReportViewer.RenderMode | string;
 
-	/** Specifies the report Web API service URL.
-	*   @Default {empty}
-	*/
-	reportServiceUrl?: String;
+		/** Gets or sets the path of the report file.
+		 * @Default {empty}
+		 */
+		reportPath?: string;
 
-	/** Specifies the toolbar settings.
-	*/
-	toolbarSettings?: ToolbarSettings;
+		/** Gets or sets the reports server URL.
+		 * @Default {empty}
+		 */
+		reportServerUrl?: string;
 
-	/** Gets or sets the zoom factor for report viewer.
-	*   @Default {1}
-	*/
-	zoomFactor?: Number;
+		/** Specifies the report Web API service URL.
+		 * @Default {empty}
+		 */
+		reportServiceUrl?: string;
 
-	/** 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;
+		/** Specifies the toolbar settings.
+		 */
+		toolbarSettings?: ToolbarSettings;
 
-	/** 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;
+		/** Gets or sets the zoom factor for report viewer.
+		 * @Default {1}
+		 */
+		zoomFactor?: number;
 
-	/** 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 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 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 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 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 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 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 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 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 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 click the View Report Button. */
-	viewReportClick? (e: ViewReportClickEventArgs): 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;
 
-export interface DestroyEventArgs {
+		/** 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;
 
-	/** true if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
+		/** Fires when click the View Report Button. */
+		viewReportClick?(e: ViewReportClickEventArgs): void;
+	}
 
-	/** returns the report model.
-	*/
-	model?: any;
+	export interface DestroyEventArgs {
 
-	/** returns the name of the event.
-	*/
-	type?: string;
-}
+		/** true if the event should be canceled; otherwise, false.
+		 */
+		cancel?: boolean;
 
-export interface DrillThroughEventArgs {
+		/** returns the report model.
+		 */
+		model?: any;
 
-	/** true if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
+		/** returns the name of the event.
+		 */
+		type?: string;
+	}
 
-	/** returns the actionInfo's parameters bookmarkLink, hyperLink, reportName, parameters.
-	*/
-	actionInfo?: any;
+	export interface DrillThroughEventArgs {
 
-	/** returns the report model.
-	*/
-	model?: any;
+		/** true if the event should be canceled; otherwise, false.
+		 */
+		cancel?: boolean;
 
-	/** returns the name of the event.
-	*/
-	type?: string;
-}
+		/** returns the actionInfo's parameters bookmarkLink, hyperLink, reportName, parameters.
+		 */
+		actionInfo?: any;
 
-export interface RenderingBeginEventArgs {
+		/** returns the report model.
+		 */
+		model?: any;
 
-	/** true if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
+		/** returns the name of the event.
+		 */
+		type?: string;
+	}
 
-	/** returns the report 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 RenderingCompleteEventArgs {
+		/** returns the report model.
+		 */
+		model?: any;
 
-	/** true if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
+		/** returns the name of the event.
+		 */
+		type?: string;
+	}
 
-	/** returns the report model.
-	*/
-	model?: any;
+	export interface RenderingCompleteEventArgs {
 
-	/** returns the name of the event.
-	*/
-	type?: string;
+		/** true if the event should be canceled; otherwise, false.
+		 */
+		cancel?: boolean;
 
-	/** returns the collection of parameters.
-	*/
-	reportParameters?: any;
-}
+		/** returns the report model.
+		 */
+		model?: any;
 
-export interface ReportErrorEventArgs {
+		/** returns the name of the event.
+		 */
+		type?: string;
 
-	/** true if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
+		/** returns the collection of parameters.
+		 */
+		reportParameters?: any;
+	}
 
-	/** returns the error details.
-	*/
-	error?: string;
+	export interface ReportErrorEventArgs {
 
-	/** returns the report model.
-	*/
-	model?: any;
+		/** true if the event should be canceled; otherwise, false.
+		 */
+		cancel?: boolean;
 
-	/** returns the name of the event.
-	*/
-	type?: string;
-}
+		/** returns the error details.
+		 */
+		error?: string;
 
-export interface ReportExportEventArgs {
+		/** returns the report model.
+		 */
+		model?: any;
 
-	/** true if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
+		/** returns the name of the event.
+		 */
+		type?: string;
+	}
 
-	/** returns the report model.
-	*/
-	model?: any;
+	export interface ReportExportEventArgs {
 
-	/** returns the name of the event.
-	*/
-	type?: string;
-}
+		/** true if the event should be canceled; otherwise, false.
+		 */
+		cancel?: boolean;
 
-export interface ReportLoadedEventArgs {
+		/** returns the report model.
+		 */
+		model?: any;
 
-	/** true if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
+		/** returns the name of the event.
+		 */
+		type?: string;
+	}
 
-	/** returns the report model.
-	*/
-	model?: any;
+	export interface ReportLoadedEventArgs {
 
-	/** returns the name of the event.
-	*/
-	type?: string;
-}
+		/** true if the event should be canceled; otherwise, false.
+		 */
+		cancel?: boolean;
 
-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>;
-}
+		/** returns the report model.
+		 */
+		model?: any;
 
-export interface ExportSettings {
+		/** returns the name of the event.
+		 */
+		type?: string;
+	}
 
-	/** Specifies the export formats.
-	*   @Default {ej.ReportViewer.ExportOptions.All}
-	*/
-	exportOptions?: ej.ReportViewer.ExportOptions|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[];
+	}
 
-	/** Specifies the excel export format.
-	*   @Default {ej.ReportViewer.ExcelFormats.Excel97to2003}
-	*/
-	excelFormat?: ej.ReportViewer.ExcelFormats|string;
+	export interface ExportSettings {
 
-	/** Specifies the word export format.
-	*   @Default {ej.ReportViewer.WordFormats.Doc}
-	*/
-	wordFormat?: ej.ReportViewer.WordFormats|string;
-}
+		/** Specifies the export formats.
+		 * @Default {ej.ReportViewer.ExportOptions.All}
+		 */
+		exportOptions?: ej.ReportViewer.ExportOptions | string;
 
-export interface PageSettings {
+		/** Specifies the excel export format.
+		 * @Default {ej.ReportViewer.ExcelFormats.Excel97to2003}
+		 */
+		excelFormat?: ej.ReportViewer.ExcelFormats | string;
 
-	/** Specifies the print layout orientation.
-	*   @Default {null}
-	*/
-	orientation?: ej.ReportViewer.Orientation|string;
+		/** Specifies the word export format.
+		 * @Default {ej.ReportViewer.WordFormats.Doc}
+		 */
+		wordFormat?: ej.ReportViewer.WordFormats | string;
+	}
 
-	/** Specifies the paper size of print layout.
-	*   @Default {null}
-	*/
-	paperSize?: ej.ReportViewer.PaperSize|string;
-}
+	export interface PageSettings {
 
-export interface Parameter {
+		/** Specifies the print layout orientation.
+		 * @Default {null}
+		 */
+		orientation?: ej.ReportViewer.Orientation | string;
 
-	/** Gets or sets the parameter labels.
-	*   @Default {null}
-	*/
-	labels?: Array<any>;
+		/** Specifies the paper size of print layout.
+		 * @Default {null}
+		 */
+		paperSize?: ej.ReportViewer.PaperSize | string;
+	}
 
-	/** Gets or sets the name of the parameter.
-	*   @Default {empty}
-	*/
-	name?: String;
+	export interface Parameter {
 
-	/** Gets or sets whether the parameter allows nullable value or not.
-	*   @Default {false}
-	*/
-	nullable?: Boolean;
+		/** Gets or sets the parameter labels.
+		 * @Default {null}
+		 */
+		labels?: any[];
 
-	/** Gets or sets the prompt message associated with the specified parameter.
-	*   @Default {empty}
-	*/
-	prompt?: String;
+		/** Gets or sets the name of the parameter.
+		 * @Default {empty}
+		 */
+		name?: string;
 
-	/** Gets or sets the parameter values.
-	*   @Default {[]}
-	*/
-	values?: Array<any>;
-}
+		/** Gets or sets whether the parameter allows nullable value or not.
+		 * @Default {false}
+		 */
+		nullable?: boolean;
 
-export interface ToolbarSettings {
+		/** Gets or sets the prompt message associated with the specified parameter.
+		 * @Default {empty}
+		 */
+		prompt?: string;
 
-	/** Fires when user click on toolbar item in the toolbar.
-	*   @Default {empty}
-	*/
-	click?: String;
+		/** Gets or sets the parameter values.
+		 * @Default {[]}
+		 */
+		values?: any[];
+	}
 
-	/** Specifies the toolbar items.
-	*   @Default {ej.ReportViewer.ToolbarItems.All}
-	*/
-	items?: ej.ReportViewer.ToolbarItems|string;
+	export interface ToolbarSettings {
 
-	/** Shows or hides the toolbar.
-	*   @Default {true}
-	*/
-	showToolbar?: Boolean;
+		/** Fires when user click on toolbar item in the toolbar.
+		 * @Default {empty}
+		 */
+		click?: string;
 
-	/** Shows or hides the tooltip of toolbar items.
-	*   @Default {true}
-	*/
-	showTooltip?: Boolean;
+		/** Specifies the toolbar items.
+		 * @Default {ej.ReportViewer.ToolbarItems.All}
+		 */
+		items?: ej.ReportViewer.ToolbarItems | string;
 
-	/** Specifies the toolbar template ID.
-	*   @Default {empty}
-	*/
-	templateId?: String;
-}
+		/** Shows or hides the toolbar.
+		 * @Default {true}
+		 */
+		showToolbar?: boolean;
 
-enum ExportOptions{
+		/** Shows or hides the tooltip of toolbar items.
+		 * @Default {true}
+		 */
+		showTooltip?: boolean;
 
-	///Specifies the All property in ExportOptions to get all available options.
-	All,
+		/** Specifies the toolbar template ID.
+		 * @Default {empty}
+		 */
+		templateId?: string;
+	}
 
-	///Specifies the PDF property in ExportOptions to get PDF option.
-	PDF,
+	enum ExportOptions {
 
-	///Specifies the Word property in ExportOptions to get Word option.
-	Word,
+		///Specifies the All property in ExportOptions to get all available options.
+		All,
 
-	///Specifies the Excel property in ExportOptions to get Excel option.
-	Excel,
+		///Specifies the PDF property in ExportOptions to get PDF option.
+		PDF,
 
-	///Specifies the HTML property in ExportOptions to get HTML option.
-	HTML
-}
+		///Specifies the Word property in ExportOptions to get Word option.
+		Word,
 
+		///Specifies the Excel property in ExportOptions to get Excel option.
+		Excel,
 
-enum ExcelFormats{
+		///Specifies the HTML property in ExportOptions to get HTML option.
+		HTML
+	}
 
-	///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,
+	enum ExcelFormats {
 
-	///Specifies the Excel2010 property in ExcelFormats to get specified version of exported format.
-	Excel2010,
+		///Specifies the Excel97to2003 property in ExcelFormats to get specified version of exported format.
+		Excel97to2003,
 
-	///Specifies the Excel2013 property in ExcelFormats to get specified version of exported format.
-	Excel2013
-}
+		///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,
 
-enum WordFormats{
+		///Specifies the Excel2013 property in ExcelFormats to get specified version of exported format.
+		Excel2013
+	}
 
-	///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,
+	enum WordFormats {
 
-	///Specifies the DOCX property in WordFormats to get specified version of exported format.
-	DOCX,
+		///Specifies the Doc property in WordFormats to get specified version of exported format.
+		Doc,
 
-	///Specifies the Word2007 property in WordFormats to get specified version of exported format.
-	Word2007,
+		///Specifies the Dot property in WordFormats to get specified version of exported format.
+		Dot,
 
-	///Specifies the Word2010 property in WordFormats to get specified version of exported format.
-	Word2010,
+		///Specifies the DOCX property in WordFormats to get specified version of exported format.
+		DOCX,
 
-	///Specifies the Word2013 property in WordFormats to get specified version of exported format.
-	Word2013,
+		///Specifies the Word2007 property in WordFormats to get specified version of exported format.
+		Word2007,
 
-	///Specifies the Word2007Dotx property in WordFormats to get specified version of exported format.
-	Word2007Dotx,
+		///Specifies the Word2010 property in WordFormats to get specified version of exported format.
+		Word2010,
 
-	///Specifies the Word2010Dotx property in WordFormats to get specified version of exported format.
-	Word2010Dotx,
+		///Specifies the Word2013 property in WordFormats to get specified version of exported format.
+		Word2013,
 
-	///Specifies the Word2013Dotx property in WordFormats to get specified version of exported format.
-	Word2013Dotx,
+		///Specifies the Word2007Dotx property in WordFormats to get specified version of exported format.
+		Word2007Dotx,
 
-	///Specifies the Word2007Docm property in WordFormats to get specified version of exported format.
-	Word2007Docm,
+		///Specifies the Word2010Dotx property in WordFormats to get specified version of exported format.
+		Word2010Dotx,
 
-	///Specifies the Word2010Docm property in WordFormats to get specified version of exported format.
-	Word2010Docm,
+		///Specifies the Word2013Dotx property in WordFormats to get specified version of exported format.
+		Word2013Dotx,
 
-	///Specifies the Word2013Docm property in WordFormats to get specified version of exported format.
-	Word2013Docm,
+		///Specifies the Word2007Docm property in WordFormats to get specified version of exported format.
+		Word2007Docm,
 
-	///Specifies the Word2007Dotm property in WordFormats to get specified version of exported format.
-	Word2007Dotm,
+		///Specifies the Word2010Docm property in WordFormats to get specified version of exported format.
+		Word2010Docm,
 
-	///Specifies the Word2010Dotm property in WordFormats to get specified version of exported format.
-	Word2010Dotm,
+		///Specifies the Word2013Docm property in WordFormats to get specified version of exported format.
+		Word2013Docm,
 
-	///Specifies the Word2013Dotm property in WordFormats to get specified version of exported format.
-	Word2013Dotm,
+		///Specifies the Word2007Dotm property in WordFormats to get specified version of exported format.
+		Word2007Dotm,
 
-	///Specifies the RTF property in WordFormats to get specified version of exported format.
-	RTF,
+		///Specifies the Word2010Dotm property in WordFormats to get specified version of exported format.
+		Word2010Dotm,
 
-	///Specifies the Txt property in WordFormats to get specified version of exported format.
-	Txt,
+		///Specifies the Word2013Dotm property in WordFormats to get specified version of exported format.
+		Word2013Dotm,
 
-	///Specifies the EPUB property in WordFormats to get specified version of exported format.
-	EPUB,
+		///Specifies the RTF property in WordFormats to get specified version of exported format.
+		RTF,
 
-	///Specifies the HTML property in WordFormats to get specified version of exported format.
-	HTML,
+		///Specifies the Txt property in WordFormats to get specified version of exported format.
+		Txt,
 
-	///Specifies the XML property in WordFormats to get specified version of exported format.
-	XML,
+		///Specifies the EPUB property in WordFormats to get specified version of exported format.
+		EPUB,
 
-	///Specifies the Automatic property in WordFormats to get specified version of exported format.
-	Automatic
-}
+		///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,
 
-enum Orientation{
+		///Specifies the Automatic property in WordFormats to get specified version of exported format.
+		Automatic
+	}
 
-	///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 Orientation {
 
+		///Specifies the Landscape property in pageSettings.orientation to get specified layout.
+		Landscape,
 
-enum PaperSize{
+		///Specifies the portrait property in pageSettings.orientation to get specified layout.
+		Portrait
+	}
 
-	///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,
+	enum PaperSize {
 
-	///Specifies the B4(JIS) as value in pageSettings.paperSize to get specified size.
-	B4_JIS,
+		///Specifies the A3 as value in pageSettings.paperSize to get specified size.
+		A3,
 
-	///Specifies the B5(JIS) as value in pageSettings.paperSize to get specified size.
-	B5_JIS,
+		///Specifies the A4 as value in pageSettings.paperSize to get specified size.
+		Portrait,
 
-	///Specifies the Envelope #10 as value in pageSettings.paperSize to get specified size.
-	Envelope_10,
+		///Specifies the B4(JIS) as value in pageSettings.paperSize to get specified size.
+		B4_JIS,
 
-	///Specifies the Envelope as value in pageSettings.paperSize to get specified size.
-	Envelope_Monarch,
+		///Specifies the B5(JIS) as value in pageSettings.paperSize to get specified size.
+		B5_JIS,
 
-	///Specifies the Executive as value in pageSettings.paperSize to get specified size.
-	Executive,
+		///Specifies the Envelope #10 as value in pageSettings.paperSize to get specified size.
+		Envelope_10,
 
-	///Specifies the Legal as value in pageSettings.paperSize to get specified size.
-	Legal,
+		///Specifies the Envelope as value in pageSettings.paperSize to get specified size.
+		Envelope_Monarch,
 
-	///Specifies the Letter as value in pageSettings.paperSize to get specified size.
-	Letter,
+		///Specifies the Executive as value in pageSettings.paperSize to get specified size.
+		Executive,
 
-	///Specifies the Tabloid as value in pageSettings.paperSize to get specified size.
-	Tabloid,
+		///Specifies the Legal as value in pageSettings.paperSize to get specified size.
+		Legal,
 
-	///Specifies the Custom as value in pageSettings.paperSize to get specified size.
-	Custom
-}
+		///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,
 
-enum PrintOptions{
+		///Specifies the Custom as value in pageSettings.paperSize to get specified size.
+		Custom
+	}
 
-	///Specifies the Default property in printOptions.
-	Default,
 
-	///Specifies the NewTab property in printOptions.
-	NewTab,
+	enum PrintOptions {
 
-	///Specifies the None property in printOptions.
-	None
-}
+		///Specifies the Default property in printOptions.
+		Default,
 
+		///Specifies the NewTab property in printOptions.
+		NewTab,
 
-enum ProcessingMode{
+		///Specifies the None property in printOptions.
+		None
+	}
 
-	///Specifies the Remote property in processingMode.
-	Remote,
 
-	///Specifies the Local property in processingMode.
-	Local
-}
+	enum ProcessingMode {
 
+		///Specifies the Remote property in processingMode.
+		Remote,
 
-enum RenderMode{
+		///Specifies the Local property in processingMode.
+		Local
+	}
 
-	///Specifies the Default property in RenderMode to get default output.
-	Default,
 
-	///Specifies the Mobile property in RenderMode to get specified output.
-	Mobile,
+	enum RenderMode {
 
-	///Specifies the Desktop property in RenderMode to get specified output.
-	Desktop
-}
+		///Specifies the Default property in RenderMode to get default output.
+		Default,
 
+		///Specifies the Mobile property in RenderMode to get specified output.
+		Mobile,
 
-enum ToolbarItems{
+		///Specifies the Desktop property in RenderMode to get specified output.
+		Desktop
+	}
 
-	///Specifies the Print as value in ToolbarItems to get specified item.
-	Print,
 
-	///Specifies the Refresh as value in ToolbarItems to get specified item.
-	Refresh,
+	enum ToolbarItems {
 
-	///Specifies the Zoom as value in ToolbarItems to get specified item.
-	Zoom,
+		///Specifies the Print as value in ToolbarItems to get specified item.
+		Print,
 
-	///Specifies the FittoPage as value in ToolbarItems to get specified item.
-	FittoPage,
+		///Specifies the Refresh as value in ToolbarItems to get specified item.
+		Refresh,
 
-	///Specifies the Export as value in ToolbarItems to get specified item.
-	Export,
+		///Specifies the Zoom as value in ToolbarItems to get specified item.
+		Zoom,
 
-	///Specifies the PageNavigation as value in ToolbarItems to get specified item.
-	PageNavigation,
+		///Specifies the FittoPage as value in ToolbarItems to get specified item.
+		FittoPage,
 
-	///Specifies the Parameters as value in ToolbarItems to get specified item.
-	Parameters,
+		///Specifies the Export as value in ToolbarItems to get specified item.
+		Export,
 
-	///Specifies the PrintLayout as value in ToolbarItems to get specified item.
-	PrintLayout,
+		///Specifies the PageNavigation as value in ToolbarItems to get specified item.
+		PageNavigation,
 
-	///Specifies the PageSetup as value in ToolbarItems to get specified item.
-	PageSetup
-}
+		///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);
+	constructor(element: JQuery | Element, options?: TreeGrid.Model);
 	static Locale: any;
-	model:TreeGrid.Model;
-	defaults:TreeGrid.Model;
+	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}
-	*/
+	 * @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}
-	*/
+	 * @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;
+	 * @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}
-	*/
+	 * @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}
-	*/
+	 * @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}
-	*/
+	 * @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}
-	*/
+	 * @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}
-	*/
+	 * @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}
-	*/
+	 * @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;
+	 * @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}
-	*/
+	 * @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}
-	*/
+	 * @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}
-	*/
+	 * @returns {void}
+	 */
 	saveCell(): void;
 
 	/** To search an item with search string provided at the run time
-	*   @param {string} you can pass a searchString to search the tree grid
-	*   @returns {void}
-	*/
+	 * @param {string} you can pass a searchString to search the tree grid
+	 * @returns {void}
+	 */
 	search(searchString: 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}
-	*/
+	 * @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}
-	*/
+	 * @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(columnName: 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}
-	*/
+	 * @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 {none}
-	*/
-	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;
-
-	/** 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 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;
+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 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 {none}
+		 */
+		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;
+
+		/** 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 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 summary row
+		 * @Default {false}
+		 */
+		showSummaryRow?: boolean;
 
-	/** Specifies the visibility of total summary row for the corresponding summary column
-	*   @Default {false}
-	*/
-	showTotalSummary?: 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<any>;
+		/** 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 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;
+		/** 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 setting width and height for TreeGrid.
+		 */
+		sizeSettings?: SizeSettings;
 
-	/** Options for sorting the rows.
-	*/
-	sortSettings?: SortSettings;
+		/** Options for sorting the rows.
+		 */
+		sortSettings?: SortSettings;
 
-	/** Options for displaying and customizing the toolbar items.
-	*/
-	toolbarSettings?: ToolbarSettings;
+		/** 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;
+		/** 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 before every success event of TreeGrid action. */
+		actionBegin?(e: ActionBeginEventArgs): void;
 
-	/** Triggered for every TreeGrid action success event. */
-	actionComplete? (e: ActionCompleteEventArgs): 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 while enter the edit mode in the TreeGrid cell */
+		beginEdit?(e: BeginEditEventArgs): void;
 
-	/** Triggered after collapsed the TreeGrid record */
-	collapsed? (e: CollapsedEventArgs): void;
+		/** Triggered after collapsed the TreeGrid record */
+		collapsed?(e: CollapsedEventArgs): void;
 
-	/** Triggered while collapsing the TreeGrid record */
-	collapsing? (e: CollapsingEventArgs): 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 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  when you start to drag a column */
+		columnDragStart?(e: ColumnDragStartEventArgs): void;
 
-	/** Triggered while dragging a column */
-	columnDrag? (e: ColumnDragEventArgs): void;
+		/** Triggered while dragging a column */
+		columnDrag?(e: ColumnDragEventArgs): void;
 
-	/** Triggered when a column is dropped */
-	columnDrop? (e: ColumnDropEventArgs): void;
+		/** Triggered when a column is dropped */
+		columnDrop?(e: ColumnDropEventArgs): void;
 
-	/** Triggered after a column resized */
-	columnResized? (e: ColumnResizedEventArgs): void;
+		/** Triggered after a column resized */
+		columnResized?(e: ColumnResizedEventArgs): void;
 
-	/** Triggered while start to resize a column */
-	columnResizeStart? (e: ColumnResizeStartEventArgs): void;
+		/** Triggered while start to resize a column */
+		columnResizeStart?(e: ColumnResizeStartEventArgs): void;
 
-	/** Triggered when a column has been resized */
-	columnResizeEnd? (e: ColumnResizeEndEventArgs): 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 while Context Menu is rendered in TreeGrid control */
+		contextMenuOpen?(e: ContextMenuOpenEventArgs): void;
 
-	/** Triggered when TreeGrid is rendered completely */
-	create? (e: CreateEventArgs): void;
+		/** Triggered when TreeGrid is rendered completely */
+		create?(e: CreateEventArgs): void;
 
-	/** Triggered after saved the modified cellValue in TreeGrid */
-	endEdit? (e: EndEditEventArgs): void;
+		/** Triggered after saved the modified cellValue in TreeGrid */
+		endEdit?(e: EndEditEventArgs): void;
 
-	/** Triggered after expand the record */
-	expanded? (e: ExpandedEventArgs): void;
+		/** Triggered after expand the record */
+		expanded?(e: ExpandedEventArgs): void;
 
-	/** Triggered while expanding the TreeGrid record */
-	expanding? (e: ExpandingEventArgs): void;
+		/** Triggered while expanding the TreeGrid record */
+		expanding?(e: ExpandingEventArgs): void;
 
-	/** Triggered while Treegrid is loaded */
-	load? (e: LoadEventArgs): 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 cell in the TreeGrid */
+		queryCellInfo?(e: QueryCellInfoEventArgs): void;
 
-	/** Triggered while rendering each row */
-	rowDataBound? (e: RowDataBoundEventArgs): void;
+		/** Triggered while rendering each row */
+		rowDataBound?(e: RowDataBoundEventArgs): void;
 
-	/** Triggered while dragging a row in TreeGrid control */
-	rowDrag? (e: RowDragEventArgs): 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 start to drag row in TreeGrid control */
+		rowDragStart?(e: RowDragStartEventArgs): void;
 
-	/** Triggered while drop a row in TreeGrid control */
-	rowDragStop? (e: RowDragStopEventArgs): void;
+		/** Triggered while drop a row in TreeGrid control */
+		rowDragStop?(e: RowDragStopEventArgs): void;
 
-	/** Triggered before selecting a cell */
-	cellSelecting? (e: CellSelectingEventArgs): void;
+		/** Triggered before selecting a cell */
+		cellSelecting?(e: CellSelectingEventArgs): void;
 
-	/** Triggered after selected a cell */
-	cellSelected? (e: CellSelectedEventArgs): void;
+		/** Triggered after selected a cell */
+		cellSelected?(e: CellSelectedEventArgs): void;
 
-	/** Triggered after the row is selected. */
-	rowSelected? (e: RowSelectedEventArgs): 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 before the row is going to be selected. */
+		rowSelecting?(e: RowSelectingEventArgs): void;
 
-	/** Triggered when toolbar item is clicked in TreeGrid. */
-	toolbarClick? (e: ToolbarClickEventArgs): void;
-}
+		/** Triggered when toolbar item is clicked in TreeGrid. */
+		toolbarClick?(e: ToolbarClickEventArgs): void;
+	}
 
-export interface ActionBeginEventArgs {
+	export interface ActionBeginEventArgs {
 
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
+		/** Returns the cancel option value.
+		 */
+		cancel?: boolean;
 
-	/** Returns the current grouped column field name.
-	*/
-	columnName?: string;
+		/** Returns the current grouped column field name.
+		 */
+		columnName?: string;
 
-	/** Returns the TreeGrid model.
-	*/
-	model?: any;
+		/** Returns the TreeGrid model.
+		 */
+		model?: any;
 
-	/** Returns request type.
-	*/
-	requestType?: string;
+		/** Returns request type.
+		 */
+		requestType?: string;
 
-	/** Returns the name of the event.
-	*/
-	type?: string;
+		/** Returns the name of the event.
+		 */
+		type?: string;
 
-	/** Returns the direction of sorting ascending or descending.
-	*/
-	columnSortDirection?: string;
+		/** Returns the direction of sorting ascending or descending.
+		 */
+		columnSortDirection?: string;
 
-	/** Returns the value of expanding parent element.
-	*/
-	keyValue?: string;
+		/** Returns the value of expanding parent element.
+		 */
+		keyValue?: string;
 
-	/** Returns the data or deleting element.
-	*/
-	data?: string;
-}
+		/** Returns the data or deleting element.
+		 */
+		data?: string;
+	}
 
-export interface ActionCompleteEventArgs {
+	export interface ActionCompleteEventArgs {
 
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
+		/** Returns the cancel option value.
+		 */
+		cancel?: boolean;
 
-	/** Returns the grid 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;
 
-	/** Returns the current grouped column field name.
-	*/
-	columnName?: string;
+		/** Returns the current grouped column field name.
+		 */
+		columnName?: string;
 
-	/** Returns request type.
-	*/
-	requestType?: string;
+		/** Returns request type.
+		 */
+		requestType?: string;
 
-	/** Returns the direction of sorting ascending or descending
-	*/
-	columnSortDirection?: string;
+		/** Returns the direction of sorting ascending or descending
+		 */
+		columnSortDirection?: string;
 
-	/** Returns the value of searched element.
-	*/
-	keyValue?: string;
+		/** Returns the value of searched element.
+		 */
+		keyValue?: string;
 
-	/** Returns the data of deleted element.
-	*/
-	data?: string;
+		/** Returns the data of deleted element.
+		 */
+		data?: string;
 
-	/** Returns selected record index
-	*/
-	recordIndex?: number;
-}
+		/** Returns selected record index
+		 */
+		recordIndex?: number;
+	}
 
-export interface BeginEditEventArgs {
+	export interface BeginEditEventArgs {
 
-	/** 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 row element of editing cell.
+		 */
+		rowElement?: any;
 
-	/** Returns the Element of editing cell.
-	*/
-	cellElement?: any;
+		/** Returns the Element of editing cell.
+		 */
+		cellElement?: any;
 
-	/** Returns the data of current cell record.
-	*/
-	data?: any;
+		/** Returns the data of current cell record.
+		 */
+		data?: any;
 
-	/** Returns the column Index of cell belongs.
-	*/
-	columnIndex?: number;
-}
+		/** Returns the column Index of cell belongs.
+		 */
+		columnIndex?: number;
+	}
 
-export interface CollapsedEventArgs {
+	export interface CollapsedEventArgs {
 
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
+		/** Returns the cancel option value.
+		 */
+		cancel?: boolean;
 
-	/** Returns the row index of collapsed record.
-	*/
-	recordIndex?: number;
+		/** Returns the row index of collapsed record.
+		 */
+		recordIndex?: number;
 
-	/** Returns the data of collapsed record..
-	*/
-	data?: any;
+		/** Returns the data of collapsed record..
+		 */
+		data?: any;
 
-	/** Returns Request Type.
-	*/
-	requestType?: string;
+		/** Returns Request Type.
+		 */
+		requestType?: string;
 
-	/** Returns state of a record whether it is in expanded or collapsed state.
-	*/
-	expanded?: boolean;
+		/** Returns state of a record whether it is in expanded or collapsed state.
+		 */
+		expanded?: boolean;
 
-	/** Returns the event type.
-	*/
-	type?: string;
-}
+		/** Returns the event type.
+		 */
+		type?: string;
+	}
 
-export interface CollapsingEventArgs {
+	export interface CollapsingEventArgs {
 
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
+		/** Returns the cancel option value.
+		 */
+		cancel?: boolean;
 
-	/** Returns the row index of collapsing record.
-	*/
-	recordIndex?: number;
+		/** Returns the row index of collapsing record.
+		 */
+		recordIndex?: number;
 
-	/** Returns the data of collapsing record..
-	*/
-	data?: any;
+		/** Returns the data of collapsing record..
+		 */
+		data?: any;
 
-	/** Returns the event Type.
-	*/
-	type?: string;
+		/** Returns the event Type.
+		 */
+		type?: string;
 
-	/** Returns state of a record whether it is in expanded or collapsing state.
-	*/
-	expanded?: boolean;
-}
+		/** Returns state of a record whether it is in expanded or collapsing state.
+		 */
+		expanded?: boolean;
+	}
 
-export interface RecordClickEventArgs {
+	export interface RecordClickEventArgs {
 
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
+		/** Returns the cancel option value.
+		 */
+		cancel?: boolean;
 
-	/** Returns the element of clicked cell.
-	*/
-	cell?: any;
+		/** Returns the element of clicked cell.
+		 */
+		cell?: any;
 
-	/** Returns the index of the clicked cell.
-	*/
-	cellIndex?: number;
+		/** Returns the index of the clicked cell.
+		 */
+		cellIndex?: number;
 
-	/** Returns the data of clicked cell.
-	*/
-	cellValue?: any;
+		/** Returns the data of clicked cell.
+		 */
+		cellValue?: any;
 
-	/** Returns the element of the clicked row.
-	*/
-	row?: any;
+		/** Returns the element of the clicked row.
+		 */
+		row?: any;
 
-	/** Returns the index of the clicked row.
-	*/
-	rowIndex?: number;
+		/** Returns the index of the clicked row.
+		 */
+		rowIndex?: number;
 
-	/** Returns the column name of the clicked cell.
-	*/
-	columnName?: string;
-}
+		/** Returns the column name of the clicked cell.
+		 */
+		columnName?: string;
+	}
 
-export interface ColumnDragStartEventArgs {
+	export interface ColumnDragStartEventArgs {
 
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
+		/** Returns the cancel option value.
+		 */
+		cancel?: boolean;
 
-	/** Returns the control model values.
-	*/
-	model?: any;
+		/** Returns the control model values.
+		 */
+		model?: any;
 
-	/** Returns the event Type.
-	*/
-	type?: string;
+		/** Returns the event Type.
+		 */
+		type?: string;
 
-	/** Returns the column data which is dragged
-	*/
-	draggedColumn?: any;
+		/** Returns the column data which is dragged
+		 */
+		draggedColumn?: any;
 
-	/** Returns the index of the column being dragged
-	*/
-	draggedColumnIndex?: number;
-}
+		/** Returns the index of the column being dragged
+		 */
+		draggedColumnIndex?: number;
+	}
 
-export interface ColumnDragEventArgs {
+	export interface ColumnDragEventArgs {
 
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
+		/** Returns the cancel option value.
+		 */
+		cancel?: boolean;
 
-	/** Returns the control model values.
-	*/
-	model?: any;
+		/** Returns the control model values.
+		 */
+		model?: any;
 
-	/** Returns the event Type.
-	*/
-	type?: string;
+		/** Returns the event Type.
+		 */
+		type?: string;
 
-	/** Returns the column data which is dragged
-	*/
-	draggedColumn?: any;
+		/** Returns the column data which is dragged
+		 */
+		draggedColumn?: any;
 
-	/** Returns the index of the column being dragged
-	*/
-	draggedColumnIndex?: number;
+		/** Returns the index of the column being dragged
+		 */
+		draggedColumnIndex?: number;
 
-	/** Returns the target column data
-	*/
-	targetColumn?: any;
+		/** Returns the target column data
+		 */
+		targetColumn?: any;
 
-	/** Returns the index of the target column
-	*/
-	targetColumnIndex?: number;
+		/** Returns the index of the target column
+		 */
+		targetColumnIndex?: number;
 
-	/** Returns that we can drop over the column or not.
-	*/
-	canDrop?: boolean;
-}
+		/** Returns that we can drop over the column or not.
+		 */
+		canDrop?: boolean;
+	}
 
-export interface ColumnDropEventArgs {
+	export interface ColumnDropEventArgs {
 
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
+		/** Returns the cancel option value.
+		 */
+		cancel?: boolean;
 
-	/** Returns the control model values.
-	*/
-	model?: any;
+		/** Returns the control model values.
+		 */
+		model?: any;
 
-	/** Returns the event Type.
-	*/
-	type?: string;
+		/** Returns the event Type.
+		 */
+		type?: string;
 
-	/** Returns the column data which is dragged
-	*/
-	draggedColumn?: any;
+		/** Returns the column data which is dragged
+		 */
+		draggedColumn?: any;
 
-	/** Returns the index of the column being dragged
-	*/
-	draggedColumnIndex?: number;
+		/** Returns the index of the column being dragged
+		 */
+		draggedColumnIndex?: number;
 
-	/** Returns the target column data
-	*/
-	targetColumn?: any;
+		/** Returns the target column data
+		 */
+		targetColumn?: any;
 
-	/** Returns the index of the target column
-	*/
-	targetColumnIndex?: number;
-}
+		/** Returns the index of the target column
+		 */
+		targetColumnIndex?: number;
+	}
 
-export interface ColumnResizedEventArgs {
+	export interface ColumnResizedEventArgs {
 
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
+		/** Returns the cancel option value.
+		 */
+		cancel?: boolean;
 
-	/** Returns the control model values.
-	*/
-	model?: any;
+		/** Returns the control model values.
+		 */
+		model?: any;
 
-	/** Returns the event Type.
-	*/
-	type?: string;
+		/** Returns the event Type.
+		 */
+		type?: string;
 
-	/** Returns the column data which is resized
-	*/
-	column?: any;
+		/** Returns the column data which is resized
+		 */
+		column?: any;
 
-	/** Returns the index of the column being resized.
-	*/
-	columnIndex?: number;
+		/** Returns the index of the column being resized.
+		 */
+		columnIndex?: number;
 
-	/** Returns resized column width after resized.
-	*/
-	newWidth?: number;
+		/** Returns resized column width after resized.
+		 */
+		newWidth?: number;
 
-	/** Returns resized column width before resizing
-	*/
-	oldWidth?: number;
-}
+		/** Returns resized column width before resizing
+		 */
+		oldWidth?: number;
+	}
 
-export interface ColumnResizeStartEventArgs {
+	export interface ColumnResizeStartEventArgs {
 
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
+		/** Returns the cancel option value.
+		 */
+		cancel?: boolean;
 
-	/** Returns the control model values.
-	*/
-	model?: any;
+		/** Returns the control model values.
+		 */
+		model?: any;
 
-	/** Returns the event Type.
-	*/
-	type?: string;
+		/** Returns the event Type.
+		 */
+		type?: string;
 
-	/** Returns the column data in which the resizing started
-	*/
-	column?: any;
+		/** 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 index in which the resizing started
+		 */
+		columnIndex?: number;
 
-	/** Returns column width before dragging
-	*/
-	oldWidth?: number;
+		/** Returns column width before dragging
+		 */
+		oldWidth?: number;
 
-	/** Returns initial column element object.
-	*/
-	target?: any;
-}
+		/** Returns initial column element object.
+		 */
+		target?: any;
+	}
 
-export interface ColumnResizeEndEventArgs {
+	export interface ColumnResizeEndEventArgs {
 
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
+		/** Returns the cancel option value.
+		 */
+		cancel?: boolean;
 
-	/** Returns the control model values.
-	*/
-	model?: any;
+		/** Returns the control model values.
+		 */
+		model?: any;
 
-	/** Returns the event Type.
-	*/
-	type?: string;
+		/** Returns the event Type.
+		 */
+		type?: string;
 
-	/** Returns the column data in which the resizing started
-	*/
-	column?: any;
+		/** 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 index in which the resizing started
+		 */
+		columnIndex?: number;
 
-	/** Returns the column width difference, before and after the resizing
-	*/
-	extra?: number;
+		/** Returns the column width difference, before and after the resizing
+		 */
+		extra?: number;
 
-	/** Returns the new column width after resized
-	*/
-	newWidth?: number;
+		/** Returns the new column width after resized
+		 */
+		newWidth?: number;
 
-	/** Returns column width before dragging
-	*/
-	oldWidth?: number;
+		/** Returns column width before dragging
+		 */
+		oldWidth?: number;
 
-	/** Returns initial column element object.
-	*/
-	target?: any;
-}
+		/** Returns initial column element object.
+		 */
+		target?: any;
+	}
 
-export interface ContextMenuOpenEventArgs {
+	export interface ContextMenuOpenEventArgs {
 
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
+		/** Returns the cancel option value.
+		 */
+		cancel?: boolean;
 
-	/** Returns the default context menu items to which we add custom items.
-	*/
-	contextMenuItems?: Array<any>;
+		/** Returns the default context menu items to which we add custom items.
+		 */
+		contextMenuItems?: any[];
 
-	/** Returns the TreeGrid model.
-	*/
-	model?: any;
+		/** Returns the TreeGrid model.
+		 */
+		model?: any;
 
-	/** Returns request type.
-	*/
-	requestType?: string;
+		/** Returns request type.
+		 */
+		requestType?: string;
 
-	/** Returns the name of the event.
-	*/
-	type?: string;
-}
+		/** Returns the name of the event.
+		 */
+		type?: string;
+	}
 
-export interface CreateEventArgs {
+	export interface CreateEventArgs {
 
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
+		/** Returns the cancel option value.
+		 */
+		cancel?: boolean;
 
-	/** Returns the TreeGrid model
-	*/
-	model?: any;
+		/** Returns the TreeGrid model
+		 */
+		model?: any;
 
-	/** Returns the name of the event.
-	*/
-	type?: string;
-}
+		/** Returns the name of the event.
+		 */
+		type?: string;
+	}
 
-export interface EndEditEventArgs {
+	export interface EndEditEventArgs {
 
-	/** 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 row element of editing cell.
+		 */
+		rowElement?: any;
 
-	/** Returns the Element of editing cell.
-	*/
-	cellElement?: any;
+		/** Returns the Element of editing cell.
+		 */
+		cellElement?: any;
 
-	/** Returns the data of edited cell record.
-	*/
-	data?: any;
+		/** Returns the data of edited cell record.
+		 */
+		data?: any;
 
-	/** Returns the column name of edited cell belongs.
-	*/
-	columnName?: string;
+		/** Returns the column name of edited cell belongs.
+		 */
+		columnName?: string;
 
-	/** Returns the column object of edited cell belongs.
-	*/
-	columnObject?: any;
-}
+		/** Returns the column object of edited cell belongs.
+		 */
+		columnObject?: any;
+	}
 
-export interface ExpandedEventArgs {
+	export interface ExpandedEventArgs {
 
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
+		/** Returns the cancel option value.
+		 */
+		cancel?: boolean;
 
-	/** Returns the row index of expanded record.
-	*/
-	recordIndex?: number;
+		/** Returns the row index of expanded record.
+		 */
+		recordIndex?: number;
 
-	/** Returns the data of expanded record..
-	*/
-	data?: any;
+		/** Returns the data of expanded record..
+		 */
+		data?: any;
 
-	/** Returns Request Type.
-	*/
-	requestType?: string;
+		/** Returns Request Type.
+		 */
+		requestType?: string;
 
-	/** Returns state of a record whether it is in expanded or expanded state.
-	*/
-	expanded?: boolean;
+		/** Returns state of a record whether it is in expanded or expanded state.
+		 */
+		expanded?: boolean;
 
-	/** Returns the event type.
-	*/
-	type?: string;
-}
+		/** Returns the event type.
+		 */
+		type?: string;
+	}
 
-export interface ExpandingEventArgs {
+	export interface ExpandingEventArgs {
 
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
+		/** Returns the cancel option value.
+		 */
+		cancel?: boolean;
 
-	/** Returns the row index of expanding record.
-	*/
-	recordIndex?: number;
+		/** Returns the row index of expanding record.
+		 */
+		recordIndex?: number;
 
-	/** Returns the data of expanding record..
-	*/
-	data?: any;
+		/** Returns the data of expanding record..
+		 */
+		data?: any;
 
-	/** Returns the event Type.
-	*/
-	type?: string;
+		/** Returns the event Type.
+		 */
+		type?: string;
 
-	/** Returns state of a record whether it is in expanded or collapsed state.
-	*/
-	expanded?: boolean;
-}
+		/** Returns state of a record whether it is in expanded or collapsed state.
+		 */
+		expanded?: boolean;
+	}
 
-export interface LoadEventArgs {
+	export interface LoadEventArgs {
 
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
+		/** Returns the cancel option value.
+		 */
+		cancel?: boolean;
 
-	/** Returns the TreeGrid model
-	*/
-	model?: any;
+		/** Returns the TreeGrid model
+		 */
+		model?: any;
 
-	/** Returns the name of the event.
-	*/
-	type?: string;
-}
+		/** Returns the name of the event.
+		 */
+		type?: string;
+	}
 
-export interface QueryCellInfoEventArgs {
+	export interface QueryCellInfoEventArgs {
 
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
+		/** Returns the cancel option value.
+		 */
+		cancel?: boolean;
 
-	/** Returns the selecting cell element.
-	*/
-	cellElement?: any;
+		/** Returns the selecting cell element.
+		 */
+		cellElement?: any;
 
-	/** Returns the value of cell.
-	*/
-	cellValue?: string;
+		/** Returns the value of cell.
+		 */
+		cellValue?: string;
 
-	/** Returns the data of current cell record.
-	*/
-	data?: any;
+		/** Returns the data of current cell record.
+		 */
+		data?: any;
 
-	/** Returns the column of cell belongs.
-	*/
-	column?: any;
-}
+		/** Returns the column of cell belongs.
+		 */
+		column?: any;
+	}
 
-export interface RowDataBoundEventArgs {
+	export interface RowDataBoundEventArgs {
 
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
+		/** Returns the cancel option value.
+		 */
+		cancel?: boolean;
 
-	/** Returns the row element of rendering row.
-	*/
-	rowElement?: any;
+		/** Returns the row element of rendering row.
+		 */
+		rowElement?: any;
 
-	/** Returns the data of rendering row record.
-	*/
-	data?: any;
-}
+		/** Returns the data of rendering row record.
+		 */
+		data?: any;
+	}
 
-export interface RowDragEventArgs {
+	export interface RowDragEventArgs {
 
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
+		/** Returns the cancel option value.
+		 */
+		cancel?: boolean;
 
-	/** Returns the row which we start to drag.
-	*/
-	draggedRow?: any;
+		/** Returns the row which we start to drag.
+		 */
+		draggedRow?: any;
 
-	/** Returns the row index which we start to drag.
-	*/
-	draggedRowIndex?: number;
+		/** Returns the row index which we start to drag.
+		 */
+		draggedRowIndex?: number;
 
-	/** Returns the row on which we are dragging.
-	*/
-	targetRow?: any;
+		/** Returns the row on which we are dragging.
+		 */
+		targetRow?: any;
 
-	/** Returns the row index on which we are dragging.
-	*/
-	targetRowIndex?: number;
+		/** Returns the row index on which we are dragging.
+		 */
+		targetRowIndex?: number;
 
-	/** Returns that we can drop over that record or not.
-	*/
-	canDrop?: boolean;
+		/** Returns that we can drop over that record or not.
+		 */
+		canDrop?: boolean;
 
-	/** Returns the TreeGrid model.
-	*/
-	model?: any;
+		/** Returns the TreeGrid model.
+		 */
+		model?: any;
 
-	/** Returns request type.
-	*/
-	requestType?: string;
+		/** Returns request type.
+		 */
+		requestType?: string;
 
-	/** Returns the name of the event.
-	*/
-	type?: string;
-}
+		/** Returns the name of the event.
+		 */
+		type?: string;
+	}
 
-export interface RowDragStartEventArgs {
+	export interface RowDragStartEventArgs {
 
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
+		/** Returns the cancel option value.
+		 */
+		cancel?: boolean;
 
-	/** Returns the row which we start to drag.
-	*/
-	draggedRow?: any;
+		/** Returns the row which we start to drag.
+		 */
+		draggedRow?: any;
 
-	/** Returns the row index which we start to drag.
-	*/
-	draggedRowIndex?: boolean;
+		/** Returns the row index which we start to drag.
+		 */
+		draggedRowIndex?: boolean;
 
-	/** Returns the TreeGrid model.
-	*/
-	model?: any;
+		/** Returns the TreeGrid model.
+		 */
+		model?: any;
 
-	/** Returns request type.
-	*/
-	requestType?: string;
+		/** Returns request type.
+		 */
+		requestType?: string;
 
-	/** Returns the name of the event.
-	*/
-	type?: string;
-}
+		/** Returns the name of the event.
+		 */
+		type?: string;
+	}
 
-export interface RowDragStopEventArgs {
+	export interface RowDragStopEventArgs {
 
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
+		/** Returns the cancel option value.
+		 */
+		cancel?: boolean;
 
-	/** Returns the row which we start to drag.
-	*/
-	draggedRow?: any;
+		/** Returns the row which we start to drag.
+		 */
+		draggedRow?: any;
 
-	/** Returns the row index which we start to drag.
-	*/
-	draggedRowIndex?: number;
+		/** 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 which we are dropped to row.
+		 */
+		targetRow?: any;
 
-	/** Returns the row index which we are dropped to row.
-	*/
-	targetRowIndex?: number;
+		/** Returns the row index which we are dropped to row.
+		 */
+		targetRowIndex?: number;
 
-	/** Returns the TreeGrid model.
-	*/
-	model?: any;
+		/** Returns the TreeGrid model.
+		 */
+		model?: any;
 
-	/** Returns request type.
-	*/
-	requestType?: string;
+		/** Returns request type.
+		 */
+		requestType?: string;
 
-	/** Returns the name of the event.
-	*/
-	type?: string;
-}
+		/** Returns the name of the event.
+		 */
+		type?: string;
+	}
 
-export interface CellSelectingEventArgs {
+	export interface CellSelectingEventArgs {
 
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
+		/** Returns the cancel option value.
+		 */
+		cancel?: boolean;
 
-	/** Returns the cell index on the selection.
-	*/
-	cellIndex?: number;
+		/** Returns the cell index on the selection.
+		 */
+		cellIndex?: number;
 
-	/** Returns the row index on the selection
-	*/
-	rowIndex?: number;
+		/** Returns the row index on the selection
+		 */
+		rowIndex?: number;
 
-	/** Returns the selecting cell element
-	*/
-	targetCell?: any;
+		/** Returns the selecting cell element
+		 */
+		targetCell?: any;
 
-	/** Returns the selecting row element
-	*/
-	targetRow?: any;
+		/** Returns the selecting row element
+		 */
+		targetRow?: any;
 
-	/** Returns the selecting record object
-	*/
-	data?: any;
+		/** Returns the selecting record object
+		 */
+		data?: any;
 
-	/** Returns the Gantt object Model
-	*/
-	model?: any;
-}
+		/** Returns the Gantt object Model
+		 */
+		model?: any;
+	}
 
-export interface CellSelectedEventArgs {
+	export interface CellSelectedEventArgs {
 
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
+		/** Returns the cancel option value.
+		 */
+		cancel?: boolean;
 
-	/** Returns the cell index on the selection.
-	*/
-	cellIndex?: number;
+		/** Returns the cell index on the selection.
+		 */
+		cellIndex?: number;
 
-	/** Returns the row index on the selection
-	*/
-	rowIndex?: number;
+		/** Returns the row index on the selection
+		 */
+		rowIndex?: number;
 
-	/** Returns the selecting cell element
-	*/
-	targetCell?: any;
+		/** Returns the selecting cell element
+		 */
+		targetCell?: any;
 
-	/** Returns the selecting row element
-	*/
-	targetRow?: any;
+		/** Returns the selecting row element
+		 */
+		targetRow?: any;
 
-	/** Returns the selecting record object
-	*/
-	data?: any;
+		/** Returns the selecting record object
+		 */
+		data?: any;
 
-	/** Returns the Gantt object Model
-	*/
-	model?: any;
+		/** Returns the Gantt object Model
+		 */
+		model?: any;
 
-	/** Returns the previously selected row data
-	*/
-	previousData?: any;
+		/** Returns the previously selected row data
+		 */
+		previousData?: any;
 
-	/** Returns the previously selected cell index
-	*/
-	previousCellIndex?: any;
+		/** Returns the previously selected cell index
+		 */
+		previousCellIndex?: any;
 
-	/** Returns the previously selected row index
-	*/
-	previousRowIndex?: any;
+		/** Returns the previously selected row index
+		 */
+		previousRowIndex?: any;
 
-	/** Returns the previously selected cell element
-	*/
-	previousTargetCell?: any;
+		/** Returns the previously selected cell element
+		 */
+		previousTargetCell?: any;
 
-	/** Returns the previously selected row element
-	*/
-	previousTargetRow?: any;
-}
+		/** Returns the previously selected row element
+		 */
+		previousTargetRow?: any;
+	}
 
-export interface RowSelectedEventArgs {
+	export interface RowSelectedEventArgs {
 
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
+		/** Returns the cancel option value.
+		 */
+		cancel?: boolean;
 
-	/** Returns the selecting row element.
-	*/
-	targetRow?: any;
+		/** Returns the selecting row element.
+		 */
+		targetRow?: any;
 
-	/** Returns the index of selecting row record.
-	*/
-	recordIndex?: number;
+		/** Returns the index of selecting row record.
+		 */
+		recordIndex?: number;
 
-	/** Returns the data of selected record.
-	*/
-	data?: any;
+		/** Returns the data of selected record.
+		 */
+		data?: any;
 
-	/** Returns the event type.
-	*/
-	type?: string;
-}
+		/** Returns the event type.
+		 */
+		type?: string;
+	}
 
-export interface RowSelectingEventArgs {
+	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 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;
+
+		/** Specifies the edit type of the column.
+		 * @Default {ej.TreeGrid.EditingType.String}
+		 */
+		editType?: ej.TreeGrid.EditingType | string;
+
+		/** Specifies the name of the field from the dataSource to bind with this column.
+		 */
+		field?: 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}
+		 */
+		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;
+
+		/** Specifies the template for the TreeGrid column
+		 */
+		templateID?: string;
+
+		/** Enables or disables the ability to edit a row or cell.
+		 * @Default {false}
+		 */
+		allowEditing?: boolean;
+
+		/** 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;
+	}
+
+	export interface ColumnResizeSettings {
+
+		/** Specifies the mode for column resizing
+		 * @Default {normal}
+		 */
+		columnResizeMode?: string;
+	}
+
+	export interface FilterSettings {
+
+		/** Specifies the mode on which column filtering should start
+		 * @Default {immediate}
+		 */
+		filterBarMode?: string;
+
+		/** Specifies the type of column filtering.
+		 * @Default {filterbar}
+		 */
+		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;
 
-	/** 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;
+		/** Specifies the Custom template for Pager control.
+		 * @Default {null}
+		 */
+		template?: 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 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;
-
-	/** Specifies the edit type of the column.
-	*   @Default {ej.TreeGrid.EditingType.String}
-	*/
-	editType?: ej.TreeGrid.EditingType|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 {normal}
-	*/
-	columnResizeMode?: string;
-}
-
-export interface FilterSettings {
-
-	/** Specifies the mode on which column filtering should start
-	*   @Default {immediate}
-	*/
-	filterBarMode?: string;
-
-	/** Specifies the type of column filtering.
-	*   @Default {filterbar}
-	*/
-	filterType?: string;
-
-	/** Specifies the column collection for filtering the TreeGrid content on initial load
-	*   @Default {[]}
-	*/
-	filteredColumns?: Array<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 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;
+	export interface SelectionSettings {
 
-	/** Enables or disables the selection by hierarchy in check box selection
-	*   @Default {true}
-	*/
-	enableHierarchySelection?: boolean;
+		/** Specifies the type of selection whether to select row or cell.
+		 * @Default {ej.TreeGrid.SelectionMode.Row}
+		 */
+		selectionMode?: ej.TreeGrid.SelectionMode | string;
 
-	/** Toggles the visibility of the checkbox in column header, using which all the check boxes can be selected or unselected.
-	*   @Default {true}
-	*/
-	enableSelectAll?: boolean;
-}
+		/** Specifies the type of selection whether single, multiple or checkbox.
+		 * @Default {ej.TreeGrid.SelectionType.Single}
+		 */
+		selectionType?: ej.TreeGrid.SelectionType | string;
 
-export interface SizeSettings {
+		/** Enables or disables the selection by hierarchy in check box selection
+		 * @Default {true}
+		 */
+		enableHierarchySelection?: boolean;
 
-	/** Height of the TreeGrid.
-	*   @Default {null}
-	*/
-	height?: string;
+		/** Toggles the visibility of the checkbox in column header, using which all the check boxes can be selected or unselected.
+		 * @Default {true}
+		 */
+		enableSelectAll?: boolean;
+	}
 
-	/** Width of the TreeGrid.
-	*   @Default {null}
-	*/
-	width?: string;
-}
+	export interface SizeSettings {
 
-export interface SortSettings {
+		/** Height of the TreeGrid.
+		 * @Default {null}
+		 */
+		height?: string;
 
-	/** Option to add columns based on which the rows have to be sorted recursively.
-	*   @Default {[]}
-	*/
-	sortedColumns?: Array<any>;
-}
+		/** Width of the TreeGrid.
+		 * @Default {null}
+		 */
+		width?: string;
+	}
 
-export interface ToolbarSettingsCustomToolbarItem {
+	export interface SortSettings {
 
-	/** Allows the user to insert the custom icons in toolbar using CSS class name selector.
-	*/
-	text?: string;
+		/** Option to add columns based on which the rows have to be sorted recursively.
+		 * @Default {[]}
+		 */
+		sortedColumns?: 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 TreeGrid toolbar.
-	*/
-	templateID?: string;
+	export interface ToolbarSettings {
 
-	/** Allows the user to display custom tooltip text for TreeGrid custom toolbar items.
-	*/
-	tooltipText?: string;
-}
+		/** Shows/hides the toolbar.
+		 * @Default {false}
+		 */
+		showToolbar?: boolean;
 
-export interface ToolbarSettings {
+		/** Specifies the list of toolbar items to be rendered in TreeGrid toolbar
+		 * @Default {[]}
+		 */
+		toolbarItems?: any[];
+	}
 
-	/** Shows/hides the toolbar.
-	*   @Default {false}
-	*/
-	showToolbar?: boolean;
+	enum EditingType {
 
-	/** Specifies the list of toolbar items to be rendered in TreeGrid toolbar
-	*   @Default {[]}
-	*/
-	toolbarItems?: Array<any>;
+		///It Specifies String edit type.
+		String,
 
-	/** Allows the user to insert custom toolbar items.
-	*/
-	customToolbarItems?: Array<ToolbarSettingsCustomToolbarItem>;
-}
+		///It Specifies Boolean edit type.
+		Boolean,
 
-enum EditingType{
+		///It Specifies Numeric edit type.
+		Numeric,
 
-	///It Specifies String edit type.
-	String,
+		///It Specifies Dropdown edit type.
+		Dropdown,
 
-	///It Specifies Boolean edit type.
-	Boolean,
+		///It Specifies DatePicker edit type.
+		DatePicker,
 
-	///It Specifies Numeric edit type.
-	Numeric,
+		///It Specifies DateTimePicker edit type.
+		DateTimePicker,
 
-	///It Specifies Dropdown edit type.
-	Dropdown,
+		///It Specifies Maskedit edit type.
+		Maskedit
+	}
 
-	///It Specifies DatePicker edit type.
-	DatePicker,
 
-	///It Specifies DateTimePicker edit type.
-	DateTimePicker,
+	enum BeginEditAction {
 
-	///It Specifies Maskedit edit type.
-	Maskedit
-}
+		///you can begin the editing at double click
+		DblClick,
 
+		///you can begin the editing at single click
+		Click
+	}
 
-enum ClipMode{
 
-	///Shows ellipsis for the overflown cell.
-	Ellipsis,
+	enum EditMode {
 
-	///Truncate the text in the cell.
-	Clip
-}
+		///you can edit a cell.
+		CellEditing,
 
+		///you can edit a row.
+		RowEditing
+	}
 
-enum BeginEditAction{
 
-	///you can begin the editing at double click
-	DblClick,
+	enum RowPosition {
 
-	///you can begin the editing at single click
-	Click
-}
+		///you can add a new row at top.
+		Top,
 
+		///you can add a new row at bottom.
+		Bottom,
 
-enum EditMode{
+		///you can add a new row to above selected row.
+		Above,
 
-	///you can edit a cell.
-	CellEditing,
+		///you can add a new row to below selected row.
+		Below,
 
-	///you can edit a row.
-	RowEditing,
+		///you can add a new row as a child for selected row.
+		Child
+	}
 
-	///you can edit a row in dialog form.
-	DialogEditing
-}
 
+	enum PageSizeMode {
 
-enum RowPosition{
+		///To count all the parent and child records.
+		All,
 
-	///you can add a new row at top.
-	Top,
+		///To count the Zeroth level parent records.
+		Root
+	}
 
-	///you can add a new row at bottom.
-	Bottom,
 
-	///you can add a new row to above selected row.
-	Above,
+	enum SelectionMode {
 
-	///you can add a new row to below selected row.
-	Below,
+		///you can select a row.
+		Row,
 
-	///you can add a new row as a child for selected row.
-	Child
-}
+		///you can select a cell.
+		Cell
+	}
 
 
-enum PageSizeMode{
+	enum SelectionType {
 
-	///To count all the parent and child records.
-	All,
+		///you can select a single row.
+		Single,
 
-	///To count the Zeroth level parent records.
-	Root
-}
+		///you can select a multiple row.
+		Multiple,
 
-
-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
-}
+		///you can select rows using checkbox.
+		Checkbox
+	}
 
 }
 
 class GroupButton extends ej.Widget {
 	static fn: GroupButton;
-	constructor(element: JQuery, options?: GroupButton.Model);
-	constructor(element: Element, options?: GroupButton.Model);
+	constructor(element: JQuery | Element, options?: GroupButton.Model);
 	static Locale: any;
-	model:GroupButton.Model;
-	defaults:GroupButton.Model;
+	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}
-	*/
+	 * @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}
-	*/
+	 * @returns {void}
+	 */
 	destroy(): void;
 
 	/** Disables the GroupButton control
-	*   @returns {void}
-	*/
+	 * @returns {void}
+	 */
 	disable(): void;
 
 	/** Disable the specified button element from the ejGroupButton control.
-	*   @param {JQuery} Specific button element
-	*   @returns {void}
-	*/
+	 * @param {JQuery} Specific button element
+	 * @returns {void}
+	 */
 	disableItem(element: JQuery): void;
 
 	/** Enables the disabled ejGroupButton control.
-	*   @returns {void}
-	*/
+	 * @returns {void}
+	 */
 	enable(): void;
 
 	/** Enable the specified disabled button element from the ejGroupButton control.
-	*   @param {JQuery} Specific button element
-	*   @returns {void}
-	*/
+	 * @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}
-	*/
+	 * @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}
-	*/
+	 * @returns {any}
+	 */
 	getSelectedItem(): any;
 
 	/** Hides the GroupButton control
-	*   @returns {void}
-	*/
+	 * @returns {void}
+	 */
 	hide(): void;
 
 	/** Hide the specified button element from the ejGroupButton control.
-	*   @param {JQuery} Specific button element
-	*   @returns {void}
-	*/
+	 * @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}
-	*/
+	 * @returns {boolean}
+	 */
 	isDisabled(): boolean;
 
 	/** Returns the state of the specified button element as Boolean.
-	*   @returns {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}
-	*/
+	 * @param {JQuery} Specific button element
+	 * @returns {void}
+	 */
 	selectItem(element: JQuery): void;
 
 	/** Shows the GroupButton control, if its hide.
-	*   @returns {void}
-	*/
+	 * @returns {void}
+	 */
 	show(): void;
 
 	/** Show the specified hidden button element from the ejGroupButton control.
-	*   @param {JQuery} Specific button element
-	*   @returns {void}
-	*/
+	 * @param {JQuery} Specific button element
+	 * @returns {void}
+	 */
 	showItem(element: JQuery): void;
 }
-export module GroupButton{
+export namespace GroupButton {
 
-export interface Model {
+	export interface Model {
 
-	/** Sets the specified class to GroupButton wrapper element, which allows for custom skinning option in ejGroupButton control.
-	*/
-	cssClass?: string;
+		/** 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;
+		/** 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;
+		/** Displays the ejGroupButton in Right to Left direction.
+		 * @Default {false}
+		 */
+		enableRTL?: boolean;
 
-	/** Used to enable or disable the ejGroupButton control.
-	*   @Default {true}
-	*/
-	enabled?: 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;
+		/** 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;
+		/** 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;
+		/** 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;
+		/** 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;
+		/** 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;
+		/** 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 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;
+		/** 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;
+		/** 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;
+		/** Defines the width of the ejGroupButton control.
+		 */
+		width?: string | number;
 
-	/** Triggered before any button element in the GroupButton get selected. */
-	beforeSelect? (e: BeforeSelectEventArgs): void;
+		/** 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 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;
+		/** 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 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;
+		/** 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;
+	}
 }
-
-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,
+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);
+	constructor(element: JQuery | Element, options?: NavigationDrawer.Model);
 	static Locale: any;
-	model:NavigationDrawer.Model;
-	defaults:NavigationDrawer.Model;
+	model: NavigationDrawer.Model;
+	defaults: NavigationDrawer.Model;
 
 	/** To close the navigation drawer control
-	*   @returns {void}
-	*/
+	 * @returns {void}
+	 */
 	close(): void;
 
 	/** To load AJAX content into NavigationDrawer container.
-	*   @returns {void}
-	*/
+	 * @returns {void}
+	 */
 	loadContent(): void;
 
 	/** To open the navigation drawer control
-	*   @returns {void}
-	*/
+	 * @returns {void}
+	 */
 	open(): void;
 
 	/** To Toggle the navigation drawer control
-	*   @returns {void}
-	*/
+	 * @returns {void}
+	 */
 	toggle(): void;
 }
-export module NavigationDrawer{
+export namespace NavigationDrawer {
 
-export interface Model {
+	export interface Model {
 
-	/** Specifies the ajaxSettings option to load the content to the NavigationDrawer control.
-	*   @Default {null}
-	*/
-	ajaxSettings?: AjaxSettings;
+		/** 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;
+		/** 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 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 Direction for the control. See Direction
+		 * @Default {left}
+		 */
+		direction?: ej.Direction | string;
 
-	/** Sets the listview to be enabled or not
-	*   @Default {false}
-	*/
-	enableListView?: boolean;
+		/** 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>;
+		/** 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;
+		/** 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 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;
+		/** Specifies the targetId for navigation drawer
+		 */
+		targetId?: string;
 
-	/** Sets the rendering type of the control. See Type
-	*   @Default {overlay}
-	*/
-	type?: string;
+		/** Sets the rendering type of the control. See Type
+		 * @Default {overlay}
+		 */
+		type?: string;
 
-	/** Specifies the width of the control
-	*   @Default {auto}
-	*/
-	width?: number;
+		/** Specifies the width of the control
+		 * @Default {auto}
+		 */
+		width?: number;
 
-	/** Navigation pane opened initially when isPaneOpen property is true.
-	*   @Default {false}
-	*/
-	isPaneOpen?: boolean;
+		/** 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 after the AJAX content loaded completely. */
+		ajaxComplete?(e: AjaxCompleteEventArgs): void;
 
-	/** Event triggers when the AJAX request failed. */
-	ajaxError? (e: AjaxErrorEventArgs): 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 after the AJAX content loaded successfully. */
+		ajaxSuccess?(e: AjaxSuccessEventArgs): void;
 
-	/** Event triggers before the control gets closed. */
-	beforeClose? (e: BeforeCloseEventArgs): 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 control open. */
+		open?(e: OpenEventArgs): void;
 
-	/** Event triggers when the Swipe happens. */
-	swipe? (e: SwipeEventArgs): void;
-}
+		/** Event triggers when the Swipe happens. */
+		swipe?(e: SwipeEventArgs): void;
+	}
 
-export interface AjaxCompleteEventArgs {
+	export interface AjaxCompleteEventArgs {
 
-	/** returns true if the event should be canceled; otherwise, false.
-	*/
-	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;
 
-	/** returns the model value of the control.
-	*/
-	model?: ej.NavigationDrawer.Model;
-}
+		/** returns the model value of the control.
+		 */
+		model?: ej.NavigationDrawer.Model;
+	}
 
-export interface AjaxErrorEventArgs {
+	export interface AjaxErrorEventArgs {
 
-	/** returns true if the event should be canceled; otherwise, false.
-	*/
-	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;
 
-	/** returns the model value of the control.
-	*/
-	model?: ej.NavigationDrawer.Model;
+		/** returns the model value of the control.
+		 */
+		model?: ej.NavigationDrawer.Model;
 
-	/** returns the error thrown in the AJAX post.
-	*/
-	errorThrown?: any;
+		/** returns the error thrown in the AJAX post.
+		 */
+		errorThrown?: any;
 
-	/** returns the status.
-	*/
-	textStatus?: any;
-}
+		/** returns the status.
+		 */
+		textStatus?: any;
+	}
 
-export interface AjaxSuccessEventArgs {
+	export interface AjaxSuccessEventArgs {
 
-	/** returns true if the event should be canceled; otherwise, false.
-	*/
-	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;
 
-	/** returns the model value of the control.
-	*/
-	model?: ej.NavigationDrawer.Model;
+		/** returns the model value of the control.
+		 */
+		model?: ej.NavigationDrawer.Model;
 
-	/** returns the AJAX current content.
-	*/
-	content?: string;
+		/** returns the AJAX current content.
+		 */
+		content?: string;
 
-	/** returns the current URL of the AJAX post.
-	*/
-	URL?: string;
-}
+		/** returns the current URL of the AJAX post.
+		 */
+		URL?: string;
+	}
 
-export interface BeforeCloseEventArgs {
+	export interface BeforeCloseEventArgs {
 
-	/** if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
+		/** if the event should be canceled; otherwise, false.
+		 */
+		cancel?: boolean;
 
-	/** returns the Navigation Drawer model
-	*/
-	model?: ej.NavigationDrawer.Model;
+		/** returns the Navigation Drawer model
+		 */
+		model?: ej.NavigationDrawer.Model;
 
-	/** returns the name of the event
-	*/
-	type?: string;
-}
+		/** returns the name of the event
+		 */
+		type?: string;
+	}
 
-export interface OpenEventArgs {
+	export interface OpenEventArgs {
 
-	/** if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
+		/** if the event should be canceled; otherwise, false.
+		 */
+		cancel?: boolean;
 
-	/** returns the Navigation Drawer model
-	*/
-	model?: ej.NavigationDrawer.Model;
+		/** returns the Navigation Drawer model
+		 */
+		model?: ej.NavigationDrawer.Model;
 
-	/** returns the name of the event
-	*/
-	type?: string;
-}
+		/** returns the name of the event
+		 */
+		type?: string;
+	}
 
-export interface SwipeEventArgs {
+	export interface SwipeEventArgs {
 
-	/** if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
+		/** if the event should be canceled; otherwise, false.
+		 */
+		cancel?: boolean;
 
-	/** returns the Navigation Drawer model
-	*/
-	model?: ej.NavigationDrawer.Model;
+		/** returns the Navigation Drawer model
+		 */
+		model?: ej.NavigationDrawer.Model;
 
-	/** returns the name of the event
-	*/
-	type?: string;
-}
+		/** returns the name of the event
+		 */
+		type?: string;
+	}
 
-export interface AjaxSettings {
+	export interface AjaxSettings {
 
-	/** It specifies, whether to enable or disable asynchronous request.
-	*/
-	async?: boolean;
+		/** 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 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 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 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 type of data that you're expecting back from the response.
+		 */
+		dataType?: string;
 
-	/** It specifies the HTTP request type.
-	*/
-	type?: 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);
+	constructor(element: JQuery | Element, options?: RadialMenu.Model);
 	static Locale: any;
-	model:RadialMenu.Model;
-	defaults:RadialMenu.Model;
+	model: RadialMenu.Model;
+	defaults: RadialMenu.Model;
 
 	/** To hide the radialmenu
-	*   @returns {void}
-	*/
+	 * @returns {void}
+	 */
 	hide(): void;
 
 	/** To hide the radialmenu items
-	*   @returns {void}
-	*/
+	 * @returns {void}
+	 */
 	hideMenu(): void;
 
 	/** To Show the radial menu
-	*   @returns {void}
-	*/
+	 * @returns {void}
+	 */
 	show(): void;
 
 	/** To show menu items
-	*   @returns {void}
-	*/
+	 * @returns {void}
+	 */
 	showMenu(): void;
 
 	/** To enable menu item using index
-	*   @param {number} Index of the Radialmenu to be enabled.
-	*   @returns {void}
-	*/
+	 * @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;
+	 * @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}
-	*/
+	 * @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;
+	 * @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}
-	*/
+	 * @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}
-	*/
+	 * @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;
+	 * @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: Array<any>): void;
+	 * @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}
-	*/
+	 * @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}
-	*/
+	 * @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}
-	*/
+	 * @param {number} Index of the Radialmenu item to hide the badge.
+	 * @returns {void}
+	 */
 	hideBadge(index: number): void;
 }
-export module RadialMenu{
+export namespace RadialMenu {
 
-export interface Model {
+	export interface Model {
 
-	/** To show the Radial in initial render.
-	*/
-	autoOpen?: boolean;
+		/** To show the Radial in initial render.
+		 */
+		autoOpen?: boolean;
 
-	/** Renders the back button Image for Radial using class.
-	*/
-	backImageClass?: string;
+		/** 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;
+		/** 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;
+		/** To enable Animation for Radial Menu.
+		 */
+		enableAnimation?: boolean;
 
-	/** Renders the Image for Radial using Class.
-	*/
-	imageClass?: string;
+		/** Renders the Image for Radial using Class.
+		 */
+		imageClass?: string;
 
-	/** Specify the items of radial menu
-	*/
-	items?: Array<Item>;
+		/** Specify the items of radial menu
+		 */
+		items?: Item[];
 
-	/** Specifies the radius of radial menu
-	*/
-	radius?: number;
+		/** Specifies the radius of radial menu
+		 */
+		radius?: number;
 
-	/** To show the Radial while clicking given target element.
-	*/
-	targetElementId?: string;
+		/** To show the Radial while clicking given target element.
+		 */
+		targetElementId?: string;
 
-	/** To set radial render position.
-	*/
-	position?: any;
+		/** To set radial render position.
+		 */
+		position?: any;
 
-	/** Event triggers when we click an item. */
-	click? (e: ClickEventArgs): void;
+		/** 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 opened. */
+		open?(e: OpenEventArgs): void;
 
-	/** Event triggers when the menu is closed. */
-	close? (e: CloseEventArgs): void;
-}
+		/** Event triggers when the menu is closed. */
+		close?(e: CloseEventArgs): void;
+	}
 
-export interface ClickEventArgs {
+	export interface ClickEventArgs {
 
-	/** if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
+		/** if the event should be canceled; otherwise, false.
+		 */
+		cancel?: boolean;
 
-	/** returns the Radialmenu model
-	*/
-	model?: any;
+		/** returns the Radialmenu model
+		 */
+		model?: any;
 
-	/** returns the name of the event
-	*/
-	type?: string;
+		/** returns the name of the event
+		 */
+		type?: string;
 
-	/** returns the item of element
-	*/
-	item?: any;
+		/** returns the item of element
+		 */
+		item?: any;
 
-	/** returns the name of item
-	*/
-	itemName?: string;
-}
+		/** returns the name of item
+		 */
+		itemName?: string;
+	}
 
-export interface OpenEventArgs {
+	export interface OpenEventArgs {
 
-	/** if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
+		/** if the event should be canceled; otherwise, false.
+		 */
+		cancel?: boolean;
 
-	/** returns the Radialmenu model
-	*/
-	model?: any;
+		/** returns the Radialmenu model
+		 */
+		model?: any;
 
-	/** returns the name of the event
-	*/
-	type?: string;
-}
+		/** returns the name of the event
+		 */
+		type?: string;
+	}
 
-export interface CloseEventArgs {
+	export interface CloseEventArgs {
 
-	/** if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
+		/** if the event should be canceled; otherwise, false.
+		 */
+		cancel?: boolean;
 
-	/** returns the Radialmenu model
-	*/
-	model?: any;
+		/** returns the Radialmenu model
+		 */
+		model?: any;
 
-	/** returns the name of the event
-	*/
-	type?: string;
-}
+		/** returns the name of the event
+		 */
+		type?: string;
+	}
 
-export interface ItemsBadge {
+	export interface ItemsBadge {
 
-	/** Specifies whether to enable radialmenu item badge or not.
-	*/
-	enabled?: boolean;
+		/** Specifies whether to enable radialmenu item badge or not.
+		 */
+		enabled?: boolean;
 
-	/** Specifies the value of radial menu item badge.
-	*/
-	value?: number;
-}
+		/** Specifies the value of radial menu item badge.
+		 */
+		value?: number;
+	}
 
-export interface ItemsSliderSettings {
+	export interface ItemsSliderSettings {
 
-	/** Specifies the sliderSettings ticks values of nested radial menu items.
-	*/
-	ticks?: Array<any>;
+		/** Specifies the sliderSettings ticks values of nested radial menu items.
+		 */
+		ticks?: any[];
 
-	/** Specifies the sliderSettings stroke Width value.
-	*/
-	strokeWidth?: number;
+		/** Specifies the sliderSettings stroke Width value.
+		 */
+		strokeWidth?: number;
 
-	/** Specifies the value of sliderSettings labelSpace .
-	*/
-	labelSpace?: number;
-}
+		/** Specifies the value of sliderSettings labelSpace .
+		 */
+		labelSpace?: number;
+	}
 
-export interface Item {
+	export interface Item {
 
-	/** Specify the URL of the frame background image for radial menu item.
-	*/
-	imageUrl?: string;
+		/** Specify the URL of the frame background image for radial menu item.
+		 */
+		imageUrl?: string;
 
-	/** Specifies the text of RadialMenu item.
-	*/
-	text?: string;
+		/** Specifies the text of RadialMenu item.
+		 */
+		text?: string;
 
-	/** Specifies the enable state of RadialMenu item.
-	*/
-	enabled?: boolean;
+		/** Specifies the enable state of RadialMenu item.
+		 */
+		enabled?: boolean;
 
-	/** specify the click event to corresponding image/text for performing some specific action.
-	*/
-	click?: string;
+		/** specify the click event to corresponding image/text for performing some specific action.
+		 */
+		click?: string;
 
-	/** Specifies radialmenu item badges.
-	*/
-	badge?: ItemsBadge;
+		/** Specifies radialmenu item badges.
+		 */
+		badge?: ItemsBadge;
 
-	/** Specifies the type of nested radial menu item.
-	*/
-	type?: string;
+		/** Specifies the type of nested radial menu item.
+		 */
+		type?: string;
 
-	/** Specifies the sliderSettings ticks for nested radial menu items.
-	*/
-	sliderSettings?: ItemsSliderSettings;
+		/** Specifies the sliderSettings ticks for nested radial menu items.
+		 */
+		sliderSettings?: ItemsSliderSettings;
 
-	/** Specifies to add sub level items .
-	*/
-	items?: Array<any>;
-}
+		/** Specifies to add sub level items .
+		 */
+		items?: any[];
+	}
 }
 
 class Tile extends ej.Widget {
 	static fn: Tile;
-	constructor(element: JQuery, options?: Tile.Model);
-	constructor(element: Element, options?: Tile.Model);
+	constructor(element: JQuery | Element, options?: Tile.Model);
 	static Locale: any;
-	model:Tile.Model;
-	defaults:Tile.Model;
+	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}
-	*/
+	 * @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?: 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;
+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;
-}
+		/** Sets position for tile badge.
+		 * @Default {“bottomright”}
+		 */
+		position?: ej.Tile.BadgePosition | string;
+	}
 
-export interface Caption {
+	export interface Caption {
 
-	/** Specifies whether the tile text to be shown or hidden.
-	*   @Default {true}
-	*/
-	enabled?: boolean;
+		/** Specifies whether the tile text to be shown or hidden.
+		 * @Default {true}
+		 */
+		enabled?: boolean;
 
-	/** Changes the text of a tile.
-	*   @Default {Text}
-	*/
-	text?: string;
+		/** 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 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;
+		/** 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;
-}
+		/** sets the icon instead of text.
+		 * @Default {null}
+		 */
+		icon?: string;
+	}
 
-export interface LiveTile {
+	export interface LiveTile {
 
-	/** Specifies whether to enable liveTile or not.
-	*   @Default {false}
-	*/
-	enabled?: boolean;
+		/** 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 CSS classes.
+		 * @Default {null}
+		 */
+		imageClass?: any[];
 
-	/** Specifies liveTile images in templates.
-	*   @Default {null}
-	*/
-	imageTemplateId?: Array<any>;
+		/** Specifies liveTile images in templates.
+		 * @Default {null}
+		 */
+		imageTemplateId?: any[];
 
-	/** Specifies liveTile images in CSS classes.
-	*   @Default {null}
-	*/
-	imageUrl?: Array<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 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;
+		/** Specifies time interval between two successive liveTile animation
+		 * @Default {2000}
+		 */
+		updateInterval?: number;
 
-	/** Sets the text to each living tile
-	*   @Default {Null}
-	*/
-	text?: Array<any>;
-}
+		/** Sets the text to each living tile
+		 * @Default {Null}
+		 */
+		text?: any[];
+	}
 
-enum BadgePosition{
+	enum BadgePosition {
 
-	///To set the topright position of tile badge
-	Topright,
+		///To set the topright position of tile badge
+		Topright,
 
-	///To set the bottomright of tile badge
-	Bottomright
-}
+		///To set the bottomright of tile badge
+		Bottomright
+	}
 
 
-enum CaptionAlignment{
+	enum CaptionAlignment {
 
-	///To set the normal alignment of text in tile control
-	Normal,
+		///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 left alignment of text in tile control
+		Left,
 
-	///To set the right alignment of text in tile control
-	Right,
+		///To set the right alignment of text in tile control
+		Right,
 
-	///To set the center alignment of text in tile control
-	Center
-}
+		///To set the center alignment of text in tile control
+		Center
+	}
 
 
-enum CaptionPosition{
+	enum CaptionPosition {
 
-	///To set the inner top position of the tile text
-	Innertop,
+		///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 inner bottom position of the tile text
+		Innerbottom,
 
-	///To set the outer position of the tile text
-	Outer
-}
+		///To set the outer position of the tile text
+		Outer
+	}
 
 
-enum ImagePosition{
+	enum ImagePosition {
 
-	///To set the center position of tile image
-	Center,
+		///To set the center position of tile image
+		Center,
 
-	///To set the top center position of tile image
-	TopCenter,
+		///To set the top center position of tile image
+		TopCenter,
 
-	///To set the bottom center position of tile image
-	BottomCenter,
+		///To set the bottom center position of tile image
+		BottomCenter,
 
-	///To set the right center position of tile image
-	RightCenter,
+		///To set the right center position of tile image
+		RightCenter,
 
-	///To set the left center position of tile image
-	LeftCenter,
+		///To set the left center position of tile image
+		LeftCenter,
 
-	///To set the topleft position of tile image
-	TopLeft,
+		///To set the topleft position of tile image
+		TopLeft,
 
-	///To set the topright position of tile image
-	TopRight,
+		///To set the topright position of tile image
+		TopRight,
 
-	///To set the bottomright position of tile image
-	BottomRight,
+		///To set the bottomright position of tile image
+		BottomRight,
 
-	///To set the bottomleft position of tile image
-	BottomLeft,
+		///To set the bottomleft position of tile image
+		BottomLeft,
 
-	///To set the fill position of tile image
-	Fill
-}
+		///To set the fill position of tile image
+		Fill
+	}
 
 
-enum liveTileType{
+	enum liveTileType {
 
-	///To set flip type of liveTile for tile control
-	Flip,
+		///To set flip type of liveTile for tile control
+		Flip,
 
-	///To set slide type of liveTile for tile control
-	Slide,
+		///To set slide type of liveTile for tile control
+		Slide,
 
-	///To set carousel type of liveTile for tile control
-	Carousel
-}
+		///To set carousel type of liveTile for tile control
+		Carousel
+	}
 
 
-enum TileSize{
+	enum TileSize {
 
-	///To set the medium size for tile control
-	Medium,
+		///To set the medium size for tile control
+		Medium,
 
-	///To set the small size for tile control
-	Small,
+		///To set the small size for tile control
+		Small,
 
-	///To set the large size for tile control
-	Large,
+		///To set the large size for tile control
+		Large,
 
-	///To set the wide size for tile control
-	Wide
-}
+		///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);
+	constructor(element: JQuery | Element, options?: Signature.Model);
 	static Locale: any;
-	model:Signature.Model;
-	defaults:Signature.Model;
+	model: Signature.Model;
+	defaults: Signature.Model;
 
 	/** Clears the strokes in the signature.
-	*   @returns {void}
-	*/
+	 * @returns {void}
+	 */
 	clear(): void;
 
 	/** Destroys the signature widget.
-	*   @returns {void}
-	*/
+	 * @returns {void}
+	 */
 	destroy(): void;
 
 	/** Disables the signature widget.
-	*   @returns {void}
-	*/
+	 * @returns {void}
+	 */
 	disable(): void;
 
 	/** Enables the signature widget.
-	*   @returns {void}
-	*/
+	 * @returns {void}
+	 */
 	enable(): void;
 
 	/** Hides the signature widget.
-	*   @returns {void}
-	*/
+	 * @returns {void}
+	 */
 	hide(): void;
 
 	/** redo the last drawn stroke of the signature
-	*   @returns {void}
-	*/
+	 * @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;
+	 * @returns {void}
+	 */
+	save(): void;
 
 	/** Used to Show the signature widget, if it is already hided.
-	*   @returns {void}
-	*/
+	 * @returns {void}
+	 */
 	show(): void;
 
 	/** undo the last drawn stroke of the signature.
-	*   @returns {void}
-	*/
+	 * @returns {void}
+	 */
 	undo(): void;
 }
-export module Signature{
+export namespace Signature {
 
-export interface Model {
+	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 color for the signature.
+		 * @Default {#ffffff}
+		 */
+		backgroundColor?: string;
 
-	/** This property is used to set the background image for the signature.
-	*/
-	backgroundImage?: 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;
+		/** Enables or disables the Signature textbox widget.
+		 * @Default {true}
+		 */
+		enabled?: boolean;
 
-	/** Sets the height of the Signature control.
-	*   @Default {100%}
-	*/
-	height?: string;
+		/** 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;
+		/** 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 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;
+		/** Allows the signature image to be saved along with its background.
+		 * @Default {false}
+		 */
+		saveWithBackground?: boolean;
 
-	/** Enables or disables rounded corner.
-	*   @Default {true}
-	*/
-	showRoundedCorner?: 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 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 stroke width for the stroke of the signature.
+		 * @Default {2}
+		 */
+		strokeWidth?: number;
 
-	/** Sets the width of the Signature control.
-	*   @Default {100%}
-	*/
-	width?: string;
+		/** Sets the width of the Signature control.
+		 * @Default {100%}
+		 */
+		width?: string;
 
-	/** Triggers when the stroke is changed. */
-	change? (e: ChangeEventArgs): void;
+		/** 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 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 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;
-}
+		/** Triggered when the pointer is released after click or touch in the signature canvas. */
+		mouseUp?(e: MouseUpEventArgs): void;
+	}
 
-export interface ChangeEventArgs {
+	export interface ChangeEventArgs {
 
-	/** Set this option to true to cancel the event.
-	*/
-	cancel?: boolean;
+		/** Set this option to true to cancel the event.
+		 */
+		cancel?: boolean;
 
-	/** Instance of the signature model object.
-	*/
-	model?: ej.Signature.Model;
+		/** Instance of the signature model object.
+		 */
+		model?: ej.Signature.Model;
 
-	/** Name of the event.
-	*/
-	type?: string;
+		/** Name of the event.
+		 */
+		type?: string;
 
-	/** Gives the last stored image
-	*/
-	lastImage?: string;
-}
+		/** Gives the last stored image
+		 */
+		lastImage?: string;
+	}
 
-export interface MouseDownEventArgs {
+	export interface MouseDownEventArgs {
 
-	/** Set this option to true to cancel the event.
-	*/
-	cancel?: boolean;
+		/** Set this option to true to cancel the event.
+		 */
+		cancel?: boolean;
 
-	/** Instance of the signature model object.
-	*/
-	model?: ej.Signature.Model;
+		/** Instance of the signature model object.
+		 */
+		model?: ej.Signature.Model;
 
-	/** Name of the event.
-	*/
-	type?: string;
+		/** Name of the event.
+		 */
+		type?: string;
 
-	/** returns all the event values
-	*/
-	value?: any;
-}
+		/** returns all the event values
+		 */
+		value?: any;
+	}
 
-export interface MouseMoveEventArgs {
+	export interface MouseMoveEventArgs {
 
-	/** Set this option to true to cancel the event.
-	*/
-	cancel?: boolean;
+		/** Set this option to true to cancel the event.
+		 */
+		cancel?: boolean;
 
-	/** Instance of the signature model object.
-	*/
-	model?: ej.Signature.Model;
+		/** Instance of the signature model object.
+		 */
+		model?: ej.Signature.Model;
 
-	/** Name of the event.
-	*/
-	type?: string;
+		/** Name of the event.
+		 */
+		type?: string;
 
-	/** returns all the event values
-	*/
-	value?: any;
-}
+		/** returns all the event values
+		 */
+		value?: any;
+	}
 
-export interface MouseUpEventArgs {
+	export interface MouseUpEventArgs {
 
-	/** Set this option to true to cancel the event.
-	*/
-	cancel?: boolean;
+		/** Set this option to true to cancel the event.
+		 */
+		cancel?: boolean;
 
-	/** Instance of the signature model object.
-	*/
-	model?: ej.Signature.Model;
+		/** Instance of the signature model object.
+		 */
+		model?: ej.Signature.Model;
 
-	/** Name of the event.
-	*/
-	type?: string;
+		/** Name of the event.
+		 */
+		type?: string;
 
-	/** returns all the event values
-	*/
-	value?: any;
-}
+		/** returns all the event values
+		 */
+		value?: any;
+	}
 
-enum SaveImageFormat{
+	enum SaveImageFormat {
 
-	///To save the signature image with PNG format only.
-	PNG,
+		///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 JPG format only.
+		JPG,
 
-	///To save the signature image with BMP format only.
-	BMP,
+		///To save the signature image with BMP format only.
+		BMP,
 
-	///To save the signature image with TIFF format only.
-	TIFF
-}
+		///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);
+	constructor(element: JQuery | Element, options?: RadialSlider.Model);
 	static Locale: any;
-	model:RadialSlider.Model;
-	defaults:RadialSlider.Model;
+	model: RadialSlider.Model;
+	defaults: RadialSlider.Model;
 
 	/** To show the radialslider
-	*   @returns {void}
-	*/
+	 * @returns {void}
+	 */
 	show(): void;
 
 	/** To hide the radialslider
-	*   @returns {void}
-	*/
+	 * @returns {void}
+	 */
 	hide(): void;
 }
-export module RadialSlider{
+export namespace RadialSlider {
 
-export interface Model {
+	export interface Model {
 
-	/** To show the RadialSlider in initial render.
-	*   @Default {false}
-	*/
-	autoOpen?: boolean;
+		/** 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;
+		/** 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;
+		/** To enable Animation for Radial Slider.
+		 * @Default {true}
+		 */
+		enableAnimation?: boolean;
 
-	/** Enable/Disable the Roundoff property of RadialSlider
-	*   @Default {true}
-	*/
-	enableRoundOff?: 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 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 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 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 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 Space between the radial slider element and the label.
+		 * @Default {30}
+		 */
+		labelSpace?: number;
 
-	/** Specifies the radius of radial slider
-	*   @Default {200}
-	*/
-	radius?: number;
+		/** Specifies the radius of radial slider
+		 * @Default {200}
+		 */
+		radius?: number;
 
-	/** To show the RadialSlider inner circle.
-	*   @Default {true}
-	*/
-	showInnerCircle?: boolean;
+		/** To show the RadialSlider inner circle.
+		 * @Default {true}
+		 */
+		showInnerCircle?: boolean;
 
-	/** Specifies the endAngle value for radial slider circle.
-	*   @Default {0}
-	*/
-	startAngle?: number;
+		/** 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  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 ticks value of radial slider
+		 */
+		ticks?: any[];
 
-	/** Specifies the value of radial slider
-	*   @Default {10}
-	*/
-	value?: number;
+		/** Specifies the value of radial slider
+		 * @Default {10}
+		 */
+		value?: number;
 
-	/** Event triggers when the change occurs. */
-	change? (e: ChangeEventArgs): void;
+		/** 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 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 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 slides. */
+		slide?(e: SlideEventArgs): void;
 
-	/** Event triggers when the radial slider starts. */
-	start? (e: StartEventArgs): void;
+		/** Event triggers when the radial slider starts. */
+		start?(e: StartEventArgs): void;
 
-	/** Event triggers when the radial slider stops. */
-	stop? (e: StopEventArgs): void;
-}
+		/** Event triggers when the radial slider stops. */
+		stop?(e: StopEventArgs): void;
+	}
 
-export interface ChangeEventArgs {
+	export interface ChangeEventArgs {
 
-	/**  returns the Radialslider model 
-	*/
-	model?: any;
+		/**  returns the Radialslider model
+		 */
+		model?: any;
 
-	/**  if the event should be canceled; otherwise, false. 
-	*/
-	cancel?: boolean;
+		/**  if the event should be canceled; otherwise, false.
+		 */
+		cancel?: boolean;
 
-	/**  returns the initial value of Radial slider 
-	*/
-	oldValue?: number;
+		/**  returns the initial value of Radial slider
+		 */
+		oldValue?: number;
 
-	/**  returns the name of the event 
-	*/
-	type?: string;
+		/**  returns the name of the event
+		 */
+		type?: string;
 
-	/**  returns the current value of the Radial slider 
-	*/
-	value?: number;
-}
+		/**  returns the current value of the Radial slider
+		 */
+		value?: number;
+	}
 
-export interface CreateEventArgs {
+	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 Radialslider model 
-	*/
-	model?: any;
+		/**  returns the Radialslider model
+		 */
+		model?: any;
 
-	/**  returns the name of the event 
-	*/
-	type?: string;
-}
+		/**  returns the name of the event
+		 */
+		type?: string;
+	}
 
-export interface MouseoverEventArgs {
+	export interface MouseoverEventArgs {
 
-	/**  if the event should be canceled; otherwise, false. 
-	*/
-	cancel?: boolean;
+		/**  if the event should be canceled; otherwise, false.
+		 */
+		cancel?: boolean;
 
-	/**  returns the Radialslider model 
-	*/
-	model?: any;
+		/**  returns the Radialslider model
+		 */
+		model?: any;
 
-	/**  returns the value selected 
-	*/
-	selectedValue?: number;
+		/**  returns the value selected
+		 */
+		selectedValue?: number;
 
-	/**  returns the name of the event 
-	*/
-	type?: string;
+		/**  returns the name of the event
+		 */
+		type?: string;
 
-	/**  returns the current value selected in Radial slider 
-	*/
-	value?: number;
-}
+		/**  returns the current value selected in Radial slider
+		 */
+		value?: number;
+	}
 
-export interface SlideEventArgs {
+	export interface SlideEventArgs {
 
-	/**  if the event should be canceled; otherwise, false. 
-	*/
-	cancel?: boolean;
+		/**  if the event should be canceled; otherwise, false.
+		 */
+		cancel?: boolean;
 
-	/**  returns the Radialslider model 
-	*/
-	model?: any;
+		/**  returns the Radialslider model
+		 */
+		model?: any;
 
-	/**  returns the value selected in Radial slider 
-	*/
-	selectedValue?: number;
+		/**  returns the value selected in Radial slider
+		 */
+		selectedValue?: number;
 
-	/**  returns the name of the event 
-	*/
-	type?: string;
+		/**  returns the name of the event
+		 */
+		type?: string;
 
-	/**  returns the currently selected value 
-	*/
-	value?: number;
-}
+		/**  returns the currently selected value
+		 */
+		value?: number;
+	}
 
-export interface StartEventArgs {
+	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 Radialslider model 
-	*/
-	model?: any;
+		/**  returns the Radialslider model
+		 */
+		model?: any;
 
-	/**  returns the name of the event 
-	*/
-	type?: string;
+		/**  returns the name of the event
+		 */
+		type?: string;
 
-	/**  returns the current value selected in Radial slider 
-	*/
-	value?: number;
-}
+		/**  returns the current value selected in Radial slider
+		 */
+		value?: number;
+	}
 
-export interface StopEventArgs {
+	export interface StopEventArgs {
 
-	/**  if the event should be canceled; otherwise, false. 
-	*/
-	cancel?: boolean;
+		/**  if the event should be canceled; otherwise, false.
+		 */
+		cancel?: boolean;
 
-	/**  returns the Radialslider model 
-	*/
-	model?: any;
+		/**  returns the Radialslider model
+		 */
+		model?: any;
 
-	/**  returns the name of the event 
-	*/
-	type?: string;
+		/**  returns the name of the event
+		 */
+		type?: string;
 
-	/**  returns the current value selected in Radial slider 
-	*/
-	value?: number;
-}
+		/**  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);
+	constructor(element: JQuery | Element, options?: Spreadsheet.Model);
 	static Locale: any;
-	model:Spreadsheet.Model;
-	defaults:Spreadsheet.Model;
+	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}
-	*/
+	 * @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}
-	*/
+	 * @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;
+	 * @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|Array<any>): void;
+	 * @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|Array<any>): void;
+	 * @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|Array<any>): void;
+	 * @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}
-	*/
+	 * @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;
+	 * @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}
-	*/
+	 * @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}
-	*/
+	 * @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}
-	*/
+	 * @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}
-	*/
+	 * @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}
-	*/
+	 * @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}
-	*/
+	 * @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}
-	*/
+	 * @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;
+	 * @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}
-	*/
+	 * @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}
-	*/
+	 * @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}
-	*/
+	 * @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}
-	*/
+	 * @returns {number}
+	 */
 	getActiveSheetIndex(): number;
 
 	/** This method is used to get the auto fill element in Spreadsheet.
-	*   @returns {HTMLElement}
-	*/
+	 * @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}
-	*/
+	 * @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}
-	*/
+	 * @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}
-	*/
+	 * @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}
-	*/
+	 * @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}
-	*/
+	 * @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}
-	*/
+	 * @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>;
+	 * @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): Array<any>;
+	 * @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}
-	*/
+	 * @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}
-	*/
+	 * @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>;
+	 * @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}
-	*/
+	 * @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}
-	*/
+	 * @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}
-	*/
+	 * @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}
-	*/
+	 * @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;
+	 * @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}
-	*/
+	 * @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}
-	*/
+	 * @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}
-	*/
+	 * @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}
-	*/
+	 * @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}
-	*/
+	 * @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}
-	*/
+	 * @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}
-	*/
+	 * @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}
-	*/
+	 * @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;
+	 * @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}
-	*/
+	 * @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;
+	 * @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}
-	*/
+	 * @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}
-	*/
+	 * @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}
-	*/
+	 * @param {number} Pass the index of the sheet.
+	 * @returns {void}
+	 */
 	refreshContent(sheetIdx: number): void;
 
 	/** This method is used to refresh the Spreadsheet.
-	*   @returns {void}
-	*/
+	 * @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}
-	*/
+	 * @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}
-	*/
+	 * @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}
-	*/
+	 * @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;
+	 * @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}
-	*/
+	 * @returns {any}
+	 */
 	saveAsJSON(): any;
 
 	/** This method is used to save batch changes in Spreadsheet.
-	*   @param {number} Pass the sheet index for Spreadsheet.
-	*   @returns {void}
-	*/
+	 * @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}
-	*/
+	 * @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}
-	*/
+	 * @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}
-	*/
+	 * @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;
+	 * @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|Array<any>, link: any, sheetIdx: number): void;
+	 * @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|Array<any>): void;
+	 * @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}
-	*/
+	 * @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;
+	 * @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}
-	*/
+	 * @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}
-	*/
+	 * @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}
-	*/
+	 * @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}
-	*/
+	 * @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}
-	*/
+	 * @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}
-	*/
+	 * @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}
-	*/
+	 * @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}
-	*/
+	 * @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}
-	*/
+	 * @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;
+	 * @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}
-	*/
+	 * @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;
+	 * @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?: Array<any>|string): void;
+	 * @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}
-	*/
+	 * @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}
-	*/
+	 * @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}
-	*/
+	 * @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;
+	 * @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?: Array<any>|string): void;
+	 * @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;
 
@@ -38932,8 +38608,8 @@ class Spreadsheet extends ej.Widget {
 	XLExport: Spreadsheet.XLExport;
 
 	/** This method is used to get the export properties in the Spreadsheet.
-	*   @returns {any}
-	*/
+	 * @returns {any}
+	 */
 	getExportProps(): any;
 
 	XLFilter: Spreadsheet.XLFilter;
@@ -38943,8 +38619,8 @@ class Spreadsheet extends ej.Widget {
 	XLFreeze: Spreadsheet.XLFreeze;
 
 	/** This method is used to unfreeze the frozen rows and columns in the Spreadsheet.
-	*   @returns {void}
-	*/
+	 * @returns {void}
+	 */
 	unfreezePanes(): void;
 
 	XLPivot: Spreadsheet.XLPivot;
@@ -38965,27895 +38641,26833 @@ class Spreadsheet extends ej.Widget {
 
 	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 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 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;
+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 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 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 increment/decrement.
+		 * @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. After enabling this feature,
+		 * you can use freeze top row, freeze first column and freeze panes options.
+		 * @Default {false}
+		 */
+		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 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 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 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 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 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 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 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 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;
 
-	/** 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;
 
-	/** 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;
 
-	/** 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 before its starts. */
-	actionBegin? (e: ActionBeginEventArgs): void;
+		/** Triggered for every action complete. */
+		actionComplete?(e: ActionCompleteEventArgs): 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 begins. */
-	autoFillBegin? (e: AutoFillBeginEventArgs): void;
+		/** Triggered when the auto fill operation completes. */
+		autoFillComplete?(e: AutoFillCompleteEventArgs): void;
 
-	/** Triggered when the auto fill operation completes. */
-	autoFillComplete? (e: AutoFillCompleteEventArgs): void;
+		/** Triggered before the batch save. */
+		beforeBatchSave?(e: BeforeBatchSaveEventArgs): void;
 
-	/** Triggered before the batch save. */
-	beforeBatchSave? (e: BeforeBatchSaveEventArgs): void;
+		/** Triggered before the cells to be formatted. */
+		beforeCellFormat?(e: BeforeCellFormatEventArgs): void;
 
-	/** Triggered before the cells to be formatted. */
-	beforeCellFormat? (e: BeforeCellFormatEventArgs): void;
+		/** Triggered before the cell selection. */
+		beforeCellSelect?(e: BeforeCellSelectEventArgs): void;
 
-	/** Triggered before the cell selection. */
-	beforeCellSelect? (e: BeforeCellSelectEventArgs): void;
+		/** Triggered before the selected cells are dropped. */
+		beforeDrop?(e: BeforeDropEventArgs): void;
 
-	/** Triggered before the selected cells are dropped. */
-	beforeDrop? (e: BeforeDropEventArgs): void;
+		/** Triggered while start to edit the comment. */
+		beforeEditComment?(e: BeforeEditCommentEventArgs): 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 contextmenu is open. */
-	beforeOpen? (e: BeforeOpenEventArgs): void;
+		/** Triggered before the activation panel is open. */
+		beforePanelOpen?(e: BeforePanelOpenEventArgs): void;
 
-	/** Triggered before the activation panel is open. */
-	beforePanelOpen? (e: BeforePanelOpenEventArgs): void;
+		/** Triggered when click on sheet cell. */
+		cellClick?(e: CellClickEventArgs): void;
 
-	/** Triggered when click on sheet cell. */
-	cellClick? (e: CellClickEventArgs): void;
+		/** Triggered when the cell is edited. */
+		cellEdit?(e: CellEditEventArgs): void;
 
-	/** Triggered when the cell is edited. */
-	cellEdit? (e: CellEditEventArgs): void;
+		/** Triggered while cell is formatting. */
+		cellFormatting?(e: CellFormattingEventArgs): void;
 
-	/** Triggered while cell is formatting. */
-	cellFormatting? (e: CellFormattingEventArgs): void;
+		/** Triggered when mouse hover on cell in sheets. */
+		cellHover?(e: CellHoverEventArgs): 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 save the edited cell. */
-	cellSave? (e: CellSaveEventArgs): void;
+		/** Triggered when the cell is selected. */
+		cellSelected?(e: CellSelectedEventArgs): void;
 
-	/** Triggered when the cell is selected. */
-	cellSelected? (e: CellSelectedEventArgs): void;
+		/** Triggered when click the contextmenu items. */
+		contextMenuClick?(e: ContextMenuClickEventArgs): 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 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 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 initiated to drag. */
-	dragStart? (e: DragStartEventArgs): void;
+		/** Triggered when the selected cells are dropped. */
+		drop?(e: DropEventArgs): void;
 
-	/** Triggered when the selected cells are dropped. */
-	drop? (e: DropEventArgs): void;
+		/** Triggered before the range editing starts. */
+		editRangeBegin?(e: EditRangeBeginEventArgs): void;
 
-	/** Triggered before the range editing starts. */
-	editRangeBegin? (e: EditRangeBeginEventArgs): void;
+		/** Triggered after range editing completes. */
+		editRangeComplete?(e: EditRangeCompleteEventArgs): 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 pressed down. */
-	keyDown? (e: KeyDownEventArgs): void;
+		/** Triggered when the key is released. */
+		keyUp?(e: KeyUpEventArgs): void;
 
-	/** Triggered when the key is released. */
-	keyUp? (e: KeyUpEventArgs): void;
+		/** Triggered before the sheet is loaded. */
+		load?(e: LoadEventArgs): void;
 
-	/** Triggered before the sheet is loaded. */
-	load? (e: LoadEventArgs): void;
+		/** Triggered after the sheet is loaded. */
+		loadComplete?(e: LoadCompleteEventArgs): void;
 
-	/** Triggered after the sheet is loaded. */
-	loadComplete? (e: LoadCompleteEventArgs): void;
+		/** Triggered every click of the menu item. */
+		menuClick?(e: MenuClickEventArgs): void;
 
-	/** Triggered every click of the menu item. */
-	menuClick? (e: MenuClickEventArgs): void;
+		/** Triggered when a file is imported. */
+		onImport?(e: OnImportEventArgs): 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 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 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 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 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 click on the ribbon. */
-	ribbonClick? (e: RibbonClickEventArgs): void;
+		/** Triggered when the chart series rendering. */
+		seriesRendering?(e: SeriesRenderingEventArgs): void;
 
-	/** Triggered when the chart series rendering. */
-	seriesRendering? (e: SeriesRenderingEventArgs): void;
+		/** Triggered when click the ribbon tab. */
+		tabClick?(e: TabClickEventArgs): void;
 
-	/** Triggered when click the ribbon tab. */
-	tabClick? (e: TabClickEventArgs): void;
+		/** Triggered when select the ribbon tab. */
+		tabSelect?(e: TabSelectEventArgs): void;
+	}
 
-	/** Triggered when select the ribbon tab. */
-	tabSelect? (e: TabSelectEventArgs): void;
-}
+	export interface ActionBeginEventArgs {
 
-export interface ActionBeginEventArgs {
+		/** Returns the applied style format object.
+		 */
+		afterFormat?: any;
 
-	/** Returns the applied style format object.
-	*/
-	afterFormat?: any;
+		/** Returns the applied style format object.
+		 */
+		beforeFormat?: any;
 
-	/** Returns the applied style format object.
-	*/
-	beforeFormat?: any;
+		/** Returns the sheet index.
+		 */
+		sheetIdx?: number;
 
-	/** Returns the sheet index.
-	*/
-	sheetIdx?: number;
+		/** Returns the cell range.
+		 */
+		range?: any[];
 
-	/** Returns the cell range.
-	*/
-	range?: Array<any>;
+		/** Returns the action format.
+		 */
+		reqType?: string;
 
-	/** Returns the action format.
-	*/
-	reqType?: string;
+		/** Returns goto index while paging.
+		 */
+		gotoIdx?: number;
 
-	/** Returns goto index while paging.
-	*/
-	gotoIdx?: number;
+		/** Returns boolean value. If create new sheet it returns true.
+		 */
+		newSheet?: boolean;
 
-	/** Returns boolean value. If create new sheet it returns true.
-	*/
-	newSheet?: boolean;
+		/** Return column name while sorting.
+		 */
+		columnName?: string;
 
-	/** Return column name while sorting.
-	*/
-	columnName?: string;
+		/** Returns selected columns while sorting or filtering begins.
+		 */
+		colSelected?: number;
 
-	/** Returns selected columns while sorting or filtering begins.
-	*/
-	colSelected?: number;
+		/** Returns sort direction while sort action begins.
+		 */
+		sortDirection?: string;
+	}
 
-	/** Returns sort direction while sort action begins.
-	*/
-	sortDirection?: string;
-}
+	export interface ActionCompleteEventArgs {
 
-export interface ActionCompleteEventArgs {
+		/** Returns Spreadsheet model.
+		 */
+		model?: ej.Spreadsheet.Model;
 
-	/** Returns Spreadsheet model.
-	*/
-	model?: ej.Spreadsheet.Model;
+		/** Returns the applied cell format object.
+		 */
+		selectedCell?: any[] | any;
 
-	/** Returns the applied cell format object.
-	*/
-	selectedCell?: Array<any>|any;
+		/** Returns the sheet index.
+		 */
+		sheetIdx?: number;
 
-	/** Returns the sheet index.
-	*/
-	sheetIdx?: number;
+		/** Returns the request type.
+		 */
+		reqType?: string;
 
-	/** Returns the request type.
-	*/
-	reqType?: string;
+		/** Returns the cancel option value.
+		 */
+		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;
-}
+	export interface AutoFillBeginEventArgs {
 
-export interface AutoFillBeginEventArgs {
+		/** Returns auto fill begin cell range.
+		 */
+		dataRange?: any[];
 
-	/** Returns auto fill begin cell range.
-	*/
-	dataRange?: Array<any>;
+		/** Returns which direction drag the auto fill.
+		 */
+		direction?: string;
 
-	/** Returns which direction drag the auto fill.
-	*/
-	direction?: string;
+		/** Returns fill cells range.
+		 */
+		fillRange?: any[];
 
-	/** Returns fill cells range.
-	*/
-	fillRange?: Array<any>;
+		/** Returns the auto fill type.
+		 */
+		fillType?: string;
 
-	/** Returns the auto fill type.
-	*/
-	fillType?: string;
+		/** Returns the sheet index.
+		 */
+		sheetIdx?: number;
 
-	/** Returns the sheet index.
-	*/
-	sheetIdx?: number;
+		/** Returns the Spreadsheet model.
+		 */
+		model?: ej.Spreadsheet.Model;
 
-	/** Returns the Spreadsheet model.
-	*/
-	model?: ej.Spreadsheet.Model;
+		/** Returns the name of the event.
+		 */
+		type?: string;
 
-	/** Returns the name of the event.
-	*/
-	type?: string;
+		/** Returns the cancel option value.
+		 */
+		cancel?: boolean;
+	}
 
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
-}
+	export interface AutoFillCompleteEventArgs {
 
-export interface AutoFillCompleteEventArgs {
+		/** Returns auto fill begin cell range.
+		 */
+		dataRange?: any[];
 
-	/** Returns auto fill begin cell range.
-	*/
-	dataRange?: Array<any>;
+		/** Returns which direction to drag the auto fill.
+		 */
+		direction?: string;
 
-	/** Returns which direction to drag the auto fill.
-	*/
-	direction?: string;
+		/** Returns fill cells range.
+		 */
+		fillRange?: any[];
 
-	/** Returns fill cells range.
-	*/
-	fillRange?: Array<any>;
+		/** Returns the auto fill type.
+		 */
+		fillType?: string;
 
-	/** Returns the auto fill type.
-	*/
-	fillType?: string;
+		/** Returns the sheet index.
+		 */
+		sheetIdx?: number;
 
-	/** Returns the sheet index.
-	*/
-	sheetIdx?: number;
+		/** Returns the Spreadsheet model.
+		 */
+		model?: ej.Spreadsheet.Model;
 
-	/** Returns the Spreadsheet model.
-	*/
-	model?: ej.Spreadsheet.Model;
+		/** Returns the name of the event.
+		 */
+		type?: string;
 
-	/** Returns the name of the event.
-	*/
-	type?: string;
+		/** Returns the cancel option value.
+		 */
+		cancel?: boolean;
+	}
 
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
-}
+	export interface BeforeBatchSaveEventArgs {
 
-export interface BeforeBatchSaveEventArgs {
+		/** Returns the sheet index.
+		 */
+		sheetIdx?: number;
 
-	/** Returns the sheet index.
-	*/
-	sheetIdx?: number;
+		/** Returns the query, primary key,batch changes for the data Source.
+		 */
+		dataSetting?: any;
 
-	/** Returns the query, primary key,batch changes for the data Source.
-	*/
-	dataSetting?: any;
+		/** Returns the changed record object.
+		 */
+		batchChanges?: any;
+	}
 
-	/** Returns the changed record object.
-	*/
-	batchChanges?: any;
-}
+	export interface BeforeCellFormatEventArgs {
 
-export interface BeforeCellFormatEventArgs {
+		/** Returns the sheet index.
+		 */
+		sheetIdx?: number;
 
-	/** Returns the sheet index.
-	*/
-	sheetIdx?: number;
+		/** Returns the applied style format object.
+		 */
+		format?: any;
 
-	/** Returns the applied style format object.
-	*/
-	format?: any;
+		/** Returns the selected cells.
+		 */
+		cells?: any[] | any;
 
-	/** Returns the selected cells.
-	*/
-	cells?: Array<any>|any;
+		/** Returns the Spreadsheet model.
+		 */
+		model?: ej.Spreadsheet.Model;
 
-	/** Returns the Spreadsheet model.
-	*/
-	model?: ej.Spreadsheet.Model;
+		/** Returns the cancel option value.
+		 */
+		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;
-}
+	export interface BeforeCellSelectEventArgs {
 
-export interface BeforeCellSelectEventArgs {
+		/** Returns the previous cell range.
+		 */
+		prevRange?: any[];
 
-	/** Returns the previous cell range.
-	*/
-	prevRange?: Array<any>;
+		/** Returns the current cell range.
+		 */
+		currRange?: any[];
 
-	/** Returns the current cell range.
-	*/
-	currRange?: Array<any>;
+		/** Returns the Spreadsheet model.
+		 */
+		model?: ej.Spreadsheet.Model;
 
-	/** Returns the Spreadsheet model.
-	*/
-	model?: ej.Spreadsheet.Model;
+		/** Returns the name of the event.
+		 */
+		type?: string;
 
-	/** Returns the name of the event.
-	*/
-	type?: string;
+		/** Returns the cancel option value.
+		 */
+		cancel?: boolean;
+	}
 
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
-}
+	export interface BeforeDropEventArgs {
 
-export interface BeforeDropEventArgs {
+		/** Returns the sheet index.
+		 */
+		sheetIdx?: number;
 
-	/** Returns the sheet index.
-	*/
-	sheetIdx?: number;
+		/** Returns the current cell row and column index.
+		 */
+		currentCell?: any;
 
-	/** Returns the current cell row and column index.
-	*/
-	currentCell?: any;
+		/** Returns the drag cells range object.
+		 */
+		dragAndDropRange?: any;
 
-	/** Returns the drag cells range object.
-	*/
-	dragAndDropRange?: any;
+		/** Returns the cell Overwriting alert option value.
+		 */
+		preventAlert?: boolean;
 
-	/** Returns the cell Overwriting alert option value.
-	*/
-	preventAlert?: boolean;
+		/** Returns the Spreadsheet model.
+		 */
+		model?: ej.Spreadsheet.Model;
 
-	/** Returns the Spreadsheet model.
-	*/
-	model?: ej.Spreadsheet.Model;
+		/** Returns the target item.
+		 */
+		target?: HTMLElement;
 
-	/** Returns the target item.
-	*/
-	target?: HTMLElement;
+		/** Returns the name of the event.
+		 */
+		type?: string;
 
-	/** Returns the name of the event.
-	*/
-	type?: string;
+		/** Returns the cancel option value.
+		 */
+		cancel?: boolean;
+	}
 
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
-}
+	export interface BeforeEditCommentEventArgs {
 
-export interface BeforeEditCommentEventArgs {
+		/** Returns the sheet index.
+		 */
+		sheetIdx?: number;
 
-	/** Returns the sheet index.
-	*/
-	sheetIdx?: number;
+		/** Returns the comment cell index.
+		 */
+		cellIndex?: any;
 
-	/** Returns the comment cell index.
-	*/
-	cellIndex?: any;
+		/** Returns the disable option value.
+		 */
+		disable?: boolean;
 
-	/** Returns the disable option value.
-	*/
-	disable?: boolean;
+		/** Returns the Spreadsheet model.
+		 */
+		model?: any;
 
-	/** Returns the Spreadsheet model.
-	*/
-	model?: any;
+		/** Returns the value of the comment
+		 */
+		value?: string;
 
-	/** Returns the value of the comment
-	*/
-	value?: string;
+		/** Returns the name of the event.
+		 */
+		type?: string;
 
-	/** Returns the name of the event.
-	*/
-	type?: string;
+		/** Returns the cancel option value.
+		 */
+		cancel?: boolean;
+	}
 
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
-}
+	export interface BeforeOpenEventArgs {
 
-export interface BeforeOpenEventArgs {
+		/** Returns the target element.
+		 */
+		target?: HTMLElement;
 
-	/** Returns the target element.
-	*/
-	target?: HTMLElement;
+		/** Returns the name of the event.
+		 */
+		type?: string;
 
-	/** Returns the name of the event.
-	*/
-	type?: string;
+		/** Returns the Spreadsheet model.
+		 */
+		model?: ej.Spreadsheet.Model;
 
-	/** Returns the Spreadsheet model.
-	*/
-	model?: ej.Spreadsheet.Model;
+		/** Returns the cancel option value.
+		 */
+		cancel?: boolean;
+	}
 
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
-}
+	export interface BeforePanelOpenEventArgs {
 
-export interface BeforePanelOpenEventArgs {
+		/** Returns the sheet index.
+		 */
+		sheetIdx?: number;
 
-	/** Returns the sheet index.
-	*/
-	sheetIdx?: number;
+		/** Returns the activation panel element.
+		 */
+		activationPanel?: any;
 
-	/** Returns the activation panel element.
-	*/
-	activationPanel?: any;
+		/** Returns the range option value.
+		 */
+		range?: any;
 
-	/** Returns the range option value.
-	*/
-	range?: any;
+		/** Returns the Spreadsheet model.
+		 */
+		model?: ej.Spreadsheet.Model;
 
-	/** Returns the Spreadsheet model.
-	*/
-	model?: ej.Spreadsheet.Model;
+		/** Returns the name of the event.
+		 */
+		type?: string;
 
-	/** Returns the name of the event.
-	*/
-	type?: string;
+		/** Returns the cancel option value.
+		 */
+		cancel?: boolean;
+	}
 
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
-}
+	export interface CellClickEventArgs {
 
-export interface CellClickEventArgs {
+		/** Returns the click cell element.
+		 */
+		cell?: HTMLElement;
 
-	/** Returns the click cell element.
-	*/
-	cell?: HTMLElement;
+		/** Returns the column index of clicked cell.
+		 */
+		columnIndex?: number;
 
-	/** Returns the column index of clicked cell.
-	*/
-	columnIndex?: number;
+		/** Returns the row index of clicked cell.
+		 */
+		rowIndex?: number;
 
-	/** Returns the row index of clicked cell.
-	*/
-	rowIndex?: number;
+		/** Returns the column name of clicked cell.
+		 */
+		columnName?: string;
 
-	/** Returns the column name of clicked cell.
-	*/
-	columnName?: string;
+		/** Returns the column information.
+		 */
+		columnObject?: any;
 
-	/** Returns the column information.
-	*/
-	columnObject?: any;
+		/** Returns the Spreadsheet model.
+		 */
+		model?: ej.Spreadsheet.Model;
 
-	/** Returns the Spreadsheet model.
-	*/
-	model?: ej.Spreadsheet.Model;
+		/** Returns the name of the event.
+		 */
+		type?: string;
 
-	/** Returns the name of the event.
-	*/
-	type?: string;
+		/** Returns the target element.
+		 */
+		target?: HTMLElement;
 
-	/** Returns the target element.
-	*/
-	target?: HTMLElement;
+		/** Returns the value of the cell.
+		 */
+		value?: string;
 
-	/** Returns the value of the cell.
-	*/
-	value?: string;
+		/** Returns the cancel option value.
+		 */
+		cancel?: boolean;
+	}
 
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
-}
+	export interface CellEditEventArgs {
 
-export interface CellEditEventArgs {
+		/** Returns the click cell element.
+		 */
+		cell?: HTMLElement;
 
-	/** Returns the click cell element.
-	*/
-	cell?: HTMLElement;
+		/** Returns the columnName of clicked cell.
+		 */
+		columnName?: string;
 
-	/** Returns the columnName of clicked cell.
-	*/
-	columnName?: string;
+		/** Returns the column field information.
+		 */
+		columnObject?: any;
 
-	/** Returns the column field information.
-	*/
-	columnObject?: any;
+		/** Returns the Spreadsheet model.
+		 */
+		model?: ej.Spreadsheet.Model;
 
-	/** Returns the Spreadsheet model.
-	*/
-	model?: ej.Spreadsheet.Model;
+		/** Returns the name of the event.
+		 */
+		type?: string;
 
-	/** Returns the name of the event.
-	*/
-	type?: string;
+		/** Returns the target element.
+		 */
+		target?: HTMLElement;
 
-	/** Returns the target element.
-	*/
-	target?: HTMLElement;
+		/** Returns the cancel option value.
+		 */
+		cancel?: boolean;
+	}
 
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
-}
+	export interface CellFormattingEventArgs {
 
-export interface CellFormattingEventArgs {
+		/** Returns the sheet index
+		 */
+		SheetIdx?: number;
 
-	/** Returns the sheet index
-	*/
-	SheetIdx?: number;
+		/** Returns the applied style format object
+		 */
+		Format?: any;
 
-	/** Returns the applied style format object
-	*/
-	Format?: any;
+		/** Returns the cell index.
+		 */
+		Cell?: number;
 
-	/** Returns the cell index.
-	*/
-	Cell?: number;
+		/** Returns the name of the CSS theme.
+		 */
+		cssClass?: string;
 
-	/** Returns the name of the CSS theme.
-	*/
-	cssClass?: string;
+		/** Returns the name of the event.
+		 */
+		type?: string;
 
-	/** Returns the name of the event.
-	*/
-	type?: string;
+		/** Returns the target element.
+		 */
+		target?: HTMLElement;
 
-	/** Returns the target element.
-	*/
-	target?: HTMLElement;
+		/** Returns the Spreadsheet model.
+		 */
+		model?: ej.Spreadsheet.Model;
+	}
 
-	/** Returns the Spreadsheet model.
-	*/
-	model?: ej.Spreadsheet.Model;
-}
+	export interface CellHoverEventArgs {
 
-export interface CellHoverEventArgs {
+		/** Returns the target element.
+		 */
+		target?: HTMLElement;
 
-	/** Returns the target element.
-	*/
-	target?: HTMLElement;
+		/** Returns the name of the event.
+		 */
+		type?: string;
 
-	/** Returns the name of the event.
-	*/
-	type?: string;
+		/** Returns the Spreadsheet model.
+		 */
+		model?: ej.Spreadsheet.Model;
 
-	/** Returns the Spreadsheet model.
-	*/
-	model?: ej.Spreadsheet.Model;
+		/** Returns the cancel option value.
+		 */
+		cancel?: boolean;
+	}
 
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
-}
+	export interface CellSaveEventArgs {
 
-export interface CellSaveEventArgs {
+		/** Returns the save cell element.
+		 */
+		cell?: HTMLElement;
 
-	/** Returns the save cell element.
-	*/
-	cell?: HTMLElement;
+		/** Returns the columnName of clicked cell.
+		 */
+		columnName?: string;
 
-	/** Returns the columnName of clicked cell.
-	*/
-	columnName?: string;
+		/** Returns the column field information.
+		 */
+		columnObject?: any;
 
-	/** Returns the column field information.
-	*/
-	columnObject?: any;
+		/** Returns the index of the row.
+		 */
+		rowIndex?: number;
 
-	/** Returns the index of the row.
-	*/
-	rowIndex?: number;
+		/** Returns the index of the column.
+		 */
+		colIndex?: number;
 
-	/** Returns the index of the column.
-	*/
-	colIndex?: number;
+		/** Returns the Spreadsheet model.
+		 */
+		model?: ej.Spreadsheet.Model;
 
-	/** Returns the Spreadsheet model.
-	*/
-	model?: ej.Spreadsheet.Model;
+		/** Returns the cell previous value.
+		 */
+		pValue?: string;
 
-	/** Returns the cell previous value.
-	*/
-	pValue?: string;
+		/** Returns the name of the event.
+		 */
+		type?: string;
 
-	/** Returns the name of the event.
-	*/
-	type?: string;
+		/** Returns the cancel option value.
+		 */
+		cancel?: boolean;
 
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
+		/** Returns the target element.
+		 */
+		target?: HTMLElement;
 
-	/** Returns the target element.
-	*/
-	target?: HTMLElement;
+		/** Returns the cell value.
+		 */
+		value?: string;
+	}
 
-	/** Returns the cell value.
-	*/
-	value?: string;
-}
+	export interface CellSelectedEventArgs {
 
-export interface CellSelectedEventArgs {
+		/** Returns the active sheet index.
+		 */
+		sheetIdx?: number;
 
-	/** Returns the active sheet index.
-	*/
-	sheetIdx?: number;
+		/** Returns the selected range.
+		 */
+		selectedRange?: any[];
 
-	/** Returns the selected range.
-	*/
-	selectedRange?: Array<any>;
+		/** Returns the target element.
+		 */
+		target?: HTMLElement;
 
-	/** Returns the target element.
-	*/
-	target?: HTMLElement;
+		/** Returns Spreadsheet model.
+		 */
+		model?: ej.Spreadsheet.Model;
 
-	/** Returns Spreadsheet model.
-	*/
-	model?: ej.Spreadsheet.Model;
+		/** Returns the name of the event.
+		 */
+		type?: string;
 
-	/** Returns the name of the event.
-	*/
-	type?: string;
+		/** Returns the cancel option value.
+		 */
+		cancel?: boolean;
+	}
 
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
-}
+	export interface ContextMenuClickEventArgs {
 
-export interface ContextMenuClickEventArgs {
+		/** Returns target element Id.
+		 */
+		Id?: string;
 
-	/** Returns target element Id.
-	*/
-	Id?: string;
+		/** Returns the target element.
+		 */
+		element?: HTMLElement;
 
-	/** Returns the target element.
-	*/
-	element?: HTMLElement;
+		/** Returns event information.
+		 */
+		event?: any;
 
-	/** Returns event information.
-	*/
-	event?: any;
+		/** Returns target element and event information.
+		 */
+		events?: any;
 
-	/** Returns target element and event information.
-	*/
-	events?: any;
+		/** Returns the Spreadsheet model.
+		 */
+		model?: ej.Spreadsheet.Model;
 
-	/** Returns the Spreadsheet model.
-	*/
-	model?: ej.Spreadsheet.Model;
+		/** Returns target element parent Id.
+		 */
+		parentId?: string;
 
-	/** Returns target element parent Id.
-	*/
-	parentId?: string;
+		/** Returns target element parent text.
+		 */
+		parentText?: string;
 
-	/** Returns target element parent text.
-	*/
-	parentText?: string;
+		/** Returns target element text.
+		 */
+		text?: string;
 
-	/** Returns target element text.
-	*/
-	text?: string;
+		/** Returns the name of the event.
+		 */
+		type?: string;
 
-	/** Returns the name of the event.
-	*/
-	type?: string;
+		/** Returns the cancel option value.
+		 */
+		cancel?: boolean;
+	}
 
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
-}
+	export interface DragEventArgs {
 
-export interface DragEventArgs {
+		/** Returns the sheet index.
+		 */
+		sheetIdx?: number;
 
-	/** Returns the sheet index.
-	*/
-	sheetIdx?: number;
+		/** Returns the current cell row and column index.
+		 */
+		currentCell?: any;
 
-	/** Returns the current cell row and column index.
-	*/
-	currentCell?: any;
+		/** Returns the drag cells range object.
+		 */
+		dragAndDropRange?: any;
 
-	/** Returns the drag cells range object.
-	*/
-	dragAndDropRange?: any;
+		/** Returns the Spreadsheet model.
+		 */
+		model?: ej.Spreadsheet.Model;
 
-	/** Returns the Spreadsheet model.
-	*/
-	model?: ej.Spreadsheet.Model;
+		/** Returns the target item.
+		 */
+		target?: HTMLElement;
 
-	/** Returns the target item.
-	*/
-	target?: HTMLElement;
+		/** Returns the name of the event.
+		 */
+		type?: string;
 
-	/** Returns the name of the event.
-	*/
-	type?: string;
+		/** Returns the cancel option value.
+		 */
+		cancel?: boolean;
+	}
 
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
-}
+	export interface DragShapeEventArgs {
 
-export interface DragShapeEventArgs {
+		/** Returns the Spreadsheet model.
+		 */
+		model?: any;
 
-	/** Returns the Spreadsheet model.
-	*/
-	model?: any;
+		/** Returns the name of the event.
+		 */
+		type?: string;
 
-	/** Returns the name of the event.
-	*/
-	type?: string;
+		/** Returns the target element.
+		 */
+		target?: HTMLElement;
 
-	/** Returns the target element.
-	*/
-	target?: HTMLElement;
+		/** Returns the cancel option value.
+		 */
+		cancel?: boolean;
+	}
 
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
-}
+	export interface DragStartEventArgs {
 
-export interface DragStartEventArgs {
+		/** Returns the sheet index.
+		 */
+		sheetIdx?: number;
 
-	/** Returns the sheet index.
-	*/
-	sheetIdx?: number;
+		/** Returns the current cell row and column index.
+		 */
+		currentCell?: any;
 
-	/** Returns the current cell row and column index.
-	*/
-	currentCell?: any;
+		/** Returns the drag cells range object.
+		 */
+		dragAndDropRange?: any;
 
-	/** Returns the drag cells range object.
-	*/
-	dragAndDropRange?: any;
+		/** Returns the Spreadsheet model.
+		 */
+		model?: ej.Spreadsheet.Model;
 
-	/** Returns the Spreadsheet model.
-	*/
-	model?: ej.Spreadsheet.Model;
+		/** Returns the target item.
+		 */
+		target?: HTMLElement;
 
-	/** Returns the target item.
-	*/
-	target?: HTMLElement;
+		/** Returns the name of the event.
+		 */
+		type?: string;
 
-	/** Returns the name of the event.
-	*/
-	type?: string;
+		/** Returns the cancel option value.
+		 */
+		cancel?: boolean;
+	}
 
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
-}
+	export interface DropEventArgs {
 
-export interface DropEventArgs {
+		/** Returns the sheet index.
+		 */
+		sheetIdx?: number;
 
-	/** Returns the sheet index.
-	*/
-	sheetIdx?: number;
+		/** Returns the current cell row and column index.
+		 */
+		currentCell?: any;
 
-	/** Returns the current cell row and column index.
-	*/
-	currentCell?: any;
+		/** Returns the drag cells range object.
+		 */
+		dragAndDropRange?: any;
 
-	/** Returns the drag cells range object.
-	*/
-	dragAndDropRange?: any;
+		/** Returns the Spreadsheet model.
+		 */
+		model?: ej.Spreadsheet.Model;
 
-	/** Returns the Spreadsheet model.
-	*/
-	model?: ej.Spreadsheet.Model;
+		/** Returns the target item.
+		 */
+		target?: HTMLElement;
 
-	/** Returns the target item.
-	*/
-	target?: HTMLElement;
+		/** Returns the name of the event.
+		 */
+		type?: string;
 
-	/** Returns the name of the event.
-	*/
-	type?: string;
+		/** Returns the cancel option value.
+		 */
+		cancel?: boolean;
+	}
 
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
-}
+	export interface EditRangeBeginEventArgs {
 
-export interface EditRangeBeginEventArgs {
+		/** Returns the sheet index.
+		 */
+		sheetIdx?: number;
 
-	/** Returns the sheet index.
-	*/
-	sheetIdx?: number;
+		/** Returns the Spreadsheet model.
+		 */
+		model?: ej.Spreadsheet.Model;
 
-	/** Returns the Spreadsheet model.
-	*/
-	model?: ej.Spreadsheet.Model;
+		/** Returns the range option value.
+		 */
+		range?: any;
 
-	/** Returns the range option value.
-	*/
-	range?: any;
+		/** Returns the name of the event.
+		 */
+		type?: string;
 
-	/** Returns the name of the event.
-	*/
-	type?: string;
+		/** Returns the cancel option value.
+		 */
+		cancel?: boolean;
+	}
 
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
-}
+	export interface EditRangeCompleteEventArgs {
 
-export interface EditRangeCompleteEventArgs {
+		/** Returns the sheet index.
+		 */
+		sheetIdx?: number;
 
-	/** Returns the sheet index.
-	*/
-	sheetIdx?: number;
+		/** Returns the Spreadsheet model.
+		 */
+		model?: ej.Spreadsheet.Model;
 
-	/** Returns the Spreadsheet model.
-	*/
-	model?: ej.Spreadsheet.Model;
+		/** Returns the range option value.
+		 */
+		range?: any;
 
-	/** Returns the range option value.
-	*/
-	range?: any;
+		/** Returns the name of the event.
+		 */
+		type?: string;
 
-	/** Returns the name of the event.
-	*/
-	type?: string;
+		/** Returns the cancel option value.
+		 */
+		cancel?: boolean;
+	}
 
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
-}
+	export interface KeyDownEventArgs {
 
-export interface KeyDownEventArgs {
+		/** Returns the sheet index.
+		 */
+		sheetIndex?: number;
 
-	/** Returns the sheet index.
-	*/
-	sheetIndex?: number;
+		/** Returns the Spreadsheet model.
+		 */
+		model?: ej.Spreadsheet.Model;
 
-	/** Returns the Spreadsheet model.
-	*/
-	model?: ej.Spreadsheet.Model;
+		/** Returns the boolean value.
+		 */
+		isCommentEdit?: boolean;
 
-	/** Returns the boolean value.
-	*/
-	isCommentEdit?: boolean;
+		/** Returns the boolean value.
+		 */
+		isEdit?: boolean;
 
-	/** Returns the boolean value.
-	*/
-	isEdit?: boolean;
+		/** Returns the boolean value.
+		 */
+		isSheetRename?: boolean;
 
-	/** Returns the boolean value.
-	*/
-	isSheetRename?: boolean;
+		/** Returns the target element.
+		 */
+		target?: HTMLElement;
 
-	/** Returns the target element.
-	*/
-	target?: HTMLElement;
+		/** Returns the name of the event.
+		 */
+		type?: string;
 
-	/** Returns the name of the event.
-	*/
-	type?: string;
+		/** Returns the cancel option value.
+		 */
+		cancel?: boolean;
+	}
 
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
-}
+	export interface KeyUpEventArgs {
 
-export interface KeyUpEventArgs {
+		/** Returns the sheet index.
+		 */
+		sheetIndex?: number;
 
-	/** Returns the sheet index.
-	*/
-	sheetIndex?: number;
+		/** Returns the Spreadsheet model.
+		 */
+		model?: ej.Spreadsheet.Model;
 
-	/** Returns the Spreadsheet model.
-	*/
-	model?: ej.Spreadsheet.Model;
+		/** Returns the boolean value.
+		 */
+		isCommentEdit?: boolean;
 
-	/** Returns the boolean value.
-	*/
-	isCommentEdit?: boolean;
+		/** Returns the boolean value.
+		 */
+		isEdit?: boolean;
 
-	/** Returns the boolean value.
-	*/
-	isEdit?: boolean;
+		/** Returns the boolean value.
+		 */
+		isSheetRename?: boolean;
 
-	/** Returns the boolean value.
-	*/
-	isSheetRename?: boolean;
+		/** Returns the target element.
+		 */
+		target?: HTMLElement;
 
-	/** Returns the target element.
-	*/
-	target?: HTMLElement;
+		/** Returns the name of the event.
+		 */
+		type?: string;
 
-	/** Returns the name of the event.
-	*/
-	type?: string;
+		/** Returns the cancel option value.
+		 */
+		cancel?: boolean;
+	}
 
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
-}
+	export interface LoadEventArgs {
 
-export interface LoadEventArgs {
+		/** Returns the name of the event.
+		 */
+		type?: string;
 
-	/** Returns the name of the event.
-	*/
-	type?: string;
+		/** Returns the Spreadsheet model.
+		 */
+		model?: ej.Spreadsheet.Model;
 
-	/** Returns the Spreadsheet model.
-	*/
-	model?: ej.Spreadsheet.Model;
+		/** Returns the cancel option value.
+		 */
+		cancel?: boolean;
 
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
+		/** Returns the active sheet index.
+		 */
+		sheetIndex?: number;
+	}
 
-	/** Returns the active sheet index.
-	*/
-	sheetIndex?: number;
-}
+	export interface LoadCompleteEventArgs {
 
-export interface LoadCompleteEventArgs {
+		/** Returns the Spreadsheet model.
+		 */
+		model?: ej.Spreadsheet.Model;
 
-	/** Returns the Spreadsheet model.
-	*/
-	model?: ej.Spreadsheet.Model;
+		/** Returns the name of the event.
+		 */
+		type?: string;
 
-	/** Returns the name of the event.
-	*/
-	type?: string;
+		/** Returns the cancel option value.
+		 */
+		cancel?: boolean;
+	}
 
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
-}
+	export interface MenuClickEventArgs {
 
-export interface MenuClickEventArgs {
+		/** Returns menu click element.
+		 */
+		element?: HTMLElement;
 
-	/** Returns menu click element.
-	*/
-	element?: HTMLElement;
+		/** Returns the event information.
+		 */
+		event?: any;
 
-	/** Returns the event information.
-	*/
-	event?: any;
+		/** Returns the Spreadsheet model.
+		 */
+		model?: ej.Spreadsheet.Model;
 
-	/** Returns the Spreadsheet model.
-	*/
-	model?: ej.Spreadsheet.Model;
+		/** Returns target element parent Id.
+		 */
+		parentId?: string;
 
-	/** Returns target element parent Id.
-	*/
-	parentId?: string;
+		/** Returns target element parent text.
+		 */
+		parentText?: string;
 
-	/** Returns target element parent text.
-	*/
-	parentText?: string;
+		/** Returns target element text.
+		 */
+		text?: string;
 
-	/** Returns target element text.
-	*/
-	text?: string;
+		/** Returns the name of the event.
+		 */
+		type?: string;
 
-	/** Returns the name of the event.
-	*/
-	type?: string;
+		/** Returns the cancel option value.
+		 */
+		cancel?: boolean;
+	}
 
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
-}
+	export interface OnImportEventArgs {
 
-export interface OnImportEventArgs {
+		/** Returns the name of the event.
+		 */
+		type?: string;
 
-	/** Returns the name of the event.
-	*/
-	type?: string;
+		/** Returns the Spreadsheet model.
+		 */
+		model?: ej.Spreadsheet.Model;
 
-	/** Returns the Spreadsheet model.
-	*/
-	model?: ej.Spreadsheet.Model;
+		/** Returns the cancel option value.
+		 */
+		cancel?: boolean;
 
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
+		/** Returns the imported data.
+		 */
+		importData?: any;
+	}
 
-	/** Returns the imported data.
-	*/
-	importData?: any;
-}
+	export interface OpenFailureEventArgs {
 
-export interface OpenFailureEventArgs {
+		/** Returns the failure type.
+		 */
+		failureType?: string;
 
-	/** Returns the failure type.
-	*/
-	failureType?: string;
+		/** Returns the status index.
+		 */
+		status?: number;
 
-	/** Returns the status index.
-	*/
-	status?: number;
+		/** Returns the status in text.
+		 */
+		statusText?: string;
 
-	/** Returns the status in text.
-	*/
-	statusText?: string;
+		/** Returns the Spreadsheet model.
+		 */
+		model?: ej.Spreadsheet.Model;
 
-	/** Returns the Spreadsheet model.
-	*/
-	model?: ej.Spreadsheet.Model;
+		/** Returns the name of the event.
+		 */
+		type?: string;
 
-	/** Returns the name of the event.
-	*/
-	type?: string;
+		/** Returns the cancel option value.
+		 */
+		cancel?: boolean;
+	}
 
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
-}
+	export interface PagerClickEventArgs {
 
-export interface PagerClickEventArgs {
+		/** Returns the active sheet index.
+		 */
+		activeSheet?: number;
 
-	/** Returns the active sheet index.
-	*/
-	activeSheet?: number;
+		/** Returns the new sheet index.
+		 */
+		gotoSheet?: number;
 
-	/** Returns the new sheet index.
-	*/
-	gotoSheet?: number;
+		/** Returns whether new sheet icon is clicked.
+		 */
+		newSheet?: boolean;
 
-	/** Returns whether new sheet icon is clicked.
-	*/
-	newSheet?: boolean;
+		/** Returns the Spreadsheet model.
+		 */
+		model?: ej.Spreadsheet.Model;
 
-	/** Returns the Spreadsheet model.
-	*/
-	model?: ej.Spreadsheet.Model;
+		/** Returns the name of the event.
+		 */
+		type?: string;
 
-	/** Returns the name of the event.
-	*/
-	type?: string;
+		/** Returns the target element.
+		 */
+		target?: HTMLElement;
 
-	/** Returns the target element.
-	*/
-	target?: HTMLElement;
+		/** Returns the cancel option value.
+		 */
+		cancel?: boolean;
+	}
 
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
-}
+	export interface ResizeStartEventArgs {
 
-export interface ResizeStartEventArgs {
+		/** Returns the column index which column you start to resize.
+		 */
+		colIndex?: number;
 
-	/** 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 row index which row you start to resize.
-	*/
-	rowIndex?: number;
+		/** Returns the Spreadsheet model.
+		 */
+		model?: any;
 
-	/** Returns the Spreadsheet model.
-	*/
-	model?: any;
+		/** Returns type of the request.
+		 */
+		reqType?: string;
 
-	/** Returns type of the request.
-	*/
-	reqType?: string;
+		/** Returns the name of the event.
+		 */
+		type?: string;
 
-	/** Returns the name of the event.
-	*/
-	type?: string;
+		/** Returns the cancel option value.
+		 */
+		cancel?: boolean;
+	}
 
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
-}
+	export interface ResizeEndEventArgs {
 
-export interface ResizeEndEventArgs {
+		/** Returns the column index which you resized.
+		 */
+		colIndex?: number;
 
-	/** Returns the column index which you resized.
-	*/
-	colIndex?: number;
+		/** Returns old width of the column or shape.
+		 */
+		oldWidth?: number;
 
-	/** Returns old width of the column or shape.
-	*/
-	oldWidth?: number;
+		/** Returns new width of the column or shape.
+		 */
+		newWidth?: number;
 
-	/** Returns new width of the column or shape.
-	*/
-	newWidth?: number;
+		/** Returns the row index which you resized.
+		 */
+		rowIndex?: number;
 
-	/** Returns the row index which you resized.
-	*/
-	rowIndex?: number;
+		/** Returns old height of the row or shape.
+		 */
+		oldHeight?: number;
 
-	/** Returns old height of the row or shape.
-	*/
-	oldHeight?: number;
+		/** Returns new height of the row or shape.
+		 */
+		newHeight?: number;
 
-	/** Returns new height of the row or shape.
-	*/
-	newHeight?: number;
+		/** Returns the Spreadsheet model.
+		 */
+		model?: any;
 
-	/** Returns the Spreadsheet model.
-	*/
-	model?: any;
+		/** Returns type of the request.
+		 */
+		reqType?: string;
 
-	/** Returns type of the request.
-	*/
-	reqType?: string;
+		/** Returns the name of the event.
+		 */
+		type?: string;
 
-	/** Returns the name of the event.
-	*/
-	type?: string;
+		/** Returns the cancel option value.
+		 */
+		cancel?: boolean;
+	}
 
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
-}
+	export interface RibbonClickEventArgs {
 
-export interface RibbonClickEventArgs {
+		/** Returns element Id.
+		 */
+		Id?: string;
 
-	/** Returns element Id.
-	*/
-	Id?: string;
+		/** Returns target information.
+		 */
+		prop?: any;
 
-	/** Returns target information.
-	*/
-	prop?: any;
+		/** Returns the Spreadsheet model.
+		 */
+		model?: ej.Spreadsheet.Model;
 
-	/** Returns the Spreadsheet model.
-	*/
-	model?: ej.Spreadsheet.Model;
+		/** Returns status.
+		 */
+		status?: boolean;
 
-	/** Returns status.
-	*/
-	status?: boolean;
+		/** Returns isChecked in boolean.
+		 */
+		isChecked?: boolean;
 
-	/** Returns isChecked in boolean.
-	*/
-	isChecked?: boolean;
+		/** Returns the name of the event.
+		 */
+		type?: string;
 
-	/** Returns the name of the event.
-	*/
-	type?: string;
+		/** Returns the target element.
+		 */
+		target?: HTMLElement;
 
-	/** Returns the target element.
-	*/
-	target?: HTMLElement;
+		/** Returns the cancel option value.
+		 */
+		cancel?: boolean;
+	}
 
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
-}
+	export interface SeriesRenderingEventArgs {
 
-export interface SeriesRenderingEventArgs {
+		/** Returns chart data and chart information.
+		 */
+		data?: any;
 
-	/** Returns chart data and chart information.
-	*/
-	data?: any;
+		/** Returns the chart model.
+		 */
+		model?: ej.Spreadsheet.Model;
 
-	/** Returns the chart model.
-	*/
-	model?: ej.Spreadsheet.Model;
+		/** Returns the name of the event.
+		 */
+		type?: string;
 
-	/** Returns the name of the event.
-	*/
-	type?: string;
+		/** Returns the cancel option value.
+		 */
+		cancel?: boolean;
+	}
 
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
-}
+	export interface TabClickEventArgs {
 
-export interface TabClickEventArgs {
+		/** Returns the active tab index.
+		 */
+		activeIndex?: number;
 
-	/** Returns the active tab index.
-	*/
-	activeIndex?: number;
+		/** Returns active tab header element.
+		 */
+		activeHeader?: any;
 
-	/** Returns active tab header element.
-	*/
-	activeHeader?: any;
+		/** Returns previous active tab header element.
+		 */
+		prevActiveHeader?: any;
 
-	/** Returns previous active tab header element.
-	*/
-	prevActiveHeader?: any;
+		/** Returns previous active tab index.
+		 */
+		prevActiveIndex?: number;
 
-	/** 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 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 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 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 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[];
 
-	/** 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 {
-
-	/**  
-	*/
-	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?: any[];
 
-	/** To hide the specified rows in Spreadsheet.
-	*   @Default {[]}
-	*/
-	hideRows?: Array<any>;
+		/** To merge specified ranges in Spreadsheet.
+		 * @Default {[]}
+		 */
+		mergeCells?: any[];
 
-	/** To merge specified ranges in Spreadsheet.
-	*   @Default {[]}
-	*/
-	mergeCells?: Array<any>;
+		/** Specifies the primary key for the datasource in Spreadsheet.
+		 */
+		primaryKey?: string;
 
-	/** Specifies the primary key for the datasource in Spreadsheet.
-	*/
-	primaryKey?: string;
+		/** Specifies the query for the dataSource in Spreadsheet.
+		 * @Default {null}
+		 */
+		query?: any;
 
-	/** 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[];
 
-	/** 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;
 
-	/** 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[];
 
-	/** 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 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 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;
 
-	/** 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;
+	}
 
-	/** Specifies the start cell for the datasource range in Spreadsheet.
-	*   @Default {A1}
-	*/
-	startCell?: string;
-}
+	enum AutoFillOptions {
 
-enum AutoFillOptions{
+		///Specifies the CopyCells property in AutoFillOptions.
+		CopyCells,
 
-	///Specifies the CopyCells property in AutoFillOptions.
-	CopyCells,
+		///Specifies the FillSeries property in AutoFillOptions.
+		FillSeries,
 
-	///Specifies the FillSeries property in AutoFillOptions.
-	FillSeries,
+		///Specifies the FillFormattingOnly property in AutoFillOptions.
+		FillFormattingOnly,
 
-	///Specifies the FillFormattingOnly property in AutoFillOptions.
-	FillFormattingOnly,
+		///Specifies the FillWithoutFormatting property in AutoFillOptions.
+		FillWithoutFormatting,
 
-	///Specifies the FillWithoutFormatting property in AutoFillOptions.
-	FillWithoutFormatting,
+		///Specifies the FlashFill property in AutoFillOptions.
+		FlashFill
+	}
 
-	///Specifies the FlashFill property in AutoFillOptions.
-	FlashFill
-}
 
+	enum scrollMode {
 
-enum scrollMode{
+		///To enable Infinite scroll mode for Spreadsheet.
+		Infinite,
 
-	///To enable Infinite scroll mode for Spreadsheet.
-	Infinite,
+		///To enable Normal scroll mode for Spreadsheet.
+		Normal
+	}
 
-	///To enable Normal scroll mode for Spreadsheet.
-	Normal
-}
 
+	enum SelectionType {
 
-enum SelectionType{
+		///To select only Column in Spreadsheet.
+		Column,
 
-	///To select only Column in Spreadsheet.
-	Column,
+		///To select only Row in Spreadsheet.
+		Row,
 
-	///To select only Row in Spreadsheet.
-	Row,
+		///To select both Column/Row in Spreadsheet.
+		Default
+	}
 
-	///To select both Column/Row in Spreadsheet.
-	Default
-}
 
+	enum SelectionUnit {
 
-enum SelectionUnit{
+		///To enable Single selection in Spreadsheet
+		Single,
 
-	///To enable Single selection in Spreadsheet
-	Single,
+		///To enable Range selection in Spreadsheet
+		Range,
 
-	///To enable Range selection in Spreadsheet
-	Range,
+		///To enable MultiRange selection in Spreadsheet
+		MultiRange
+	}
 
-	///To enable MultiRange selection in Spreadsheet
-	MultiRange
-}
 
+	enum BorderType {
 
-enum BorderType{
+		///To apply top border for the given range of cell.
+		Top,
 
-	///To apply top border for the given range of cell.
-	Top,
+		///To apply left border for the given range of cell.
+		Left,
 
-	///To apply left border for the given range of cell.
-	Left,
+		///To apply right border for the given range of cell.
+		Right,
 
-	///To apply right border for the given range of cell.
-	Right,
+		///To apply bottom border for the given range of cell.
+		Bottom,
 
-	///To apply bottom border for the given range of cell.
-	Bottom,
+		///To apply outside border for the given range of cell.
+		OutSide,
 
-	///To apply outside border for the given range of cell.
-	OutSide,
+		///To apply all border for the given range of cell.
+		AllBorder,
 
-	///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 box border for the given range of cell.
-	ThickBox,
+		///To apply thick bottom border for the given range of cell.
+		ThickBottom,
 
-	///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 bottom border for the given range of cell.
-	TopandBottom,
+		///To apply top and thick bottom border for the given range of cell.
+		TopandThickBottom
+	}
 
-	///To apply top and thick bottom border for the given range of cell.
-	TopandThickBottom
-}
 
+	enum CFormatRule {
 
-enum CFormatRule{
+		///To identify greater than values in the given range of cells.
+		GreaterThan,
 
-	///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 less than values in the given range of cells.
-	LessThan,
+		///To identify in between values in the given range of cells.
+		Between,
 
-	///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 equal values in the given range of cells.
-	EqualTo,
+		///To identify the specified text in the range of cells.
+		TextContains,
 
-	///To identify the specified text in the range of cells.
-	TextContains,
+		///To identify the specified date in the range of cells.
+		DateOccurs
+	}
 
-	///To identify the specified date in the range of cells.
-	DateOccurs
-}
 
+	enum CFormatHighlightColor {
 
-enum CFormatHighlightColor{
+		///Highlights red with dark red text color.
+		RedFillwithDarkRedText,
 
-	///Highlights red with dark red text color.
-	RedFillwithDarkRedText,
+		///Highlights yellow with dark yellow text color.
+		YellowFillwithDarkYellowText,
 
-	///Highlights yellow with dark yellow text color.
-	YellowFillwithDarkYellowText,
+		///Highlights green with dark green text color.
+		GreenFillwithDarkGreenText,
 
-	///Highlights green with dark green text color.
-	GreenFillwithDarkGreenText,
+		///Highlights with red fill.
+		RedFill,
 
-	///Highlights with red fill.
-	RedFill,
+		///Highlights with red text.
+		RedText
+	}
 
-	///Highlights with red text.
-	RedText
-}
 
+	enum ChartProperties {
 
-enum ChartProperties{
+		///Specifies to make the data label center of the chart.
+		DataLabelCenter,
 
-	///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 base of the chart.
-	DataLabelInsideBase,
+		///Specifies to make the data label inside end of the chart.
+		DataLabelInsideEnd,
 
-	///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 none of the chart.
-	DataLabelNone,
+		///Specifies to make the data label outside end of the chart.
+		DataLabelOutsideEnd,
 
-	///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 bottom of the chart.
-	LegendsBottom,
+		///Specifies to make the legends to left of the chart.
+		LegendsLeft,
 
-	///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 none of the chart.
-	LegendsNone,
+		///Specifies to make the legends to right of the chart.
+		LegendsRight,
 
-	///Specifies to make the legends to right of the chart.
-	LegendsRight,
+		///Specifies to make the legends to top of the chart.
+		LegendsTop,
 
-	///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 of the chart.
-	PrimaryHorizontal,
+		///To set the primary horizontal axis title of the chart.
+		PrimaryHorizontalAxisTitle,
 
-	///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 horizontal of the chart.
-	PrimaryMajorHorizontal,
+		///To set the primary major vertical of the chart.
+		PrimaryMajorVertical,
 
-	///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 horizontal of the chart.
-	PrimaryMinorHorizontal,
+		///To set the primary minor vertical of the chart.
+		PrimaryMinorVertical,
 
-	///To set the primary minor vertical of the chart.
-	PrimaryMinorVertical,
+		///To set the primary vertical of the chart.
+		PrimaryVertical,
 
-	///To set the primary vertical of the chart.
-	PrimaryVertical,
+		///To set the primary vertical axis title of the chart.
+		PrimaryVerticalAxisTitle,
 
-	///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 center of the chart.
-	TitleCenter,
+		///Specifies to make the title to far of the chart.
+		TitleFar,
 
-	///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 near of the chart.
-	TitleNear,
-
-	///Specifies to make the title to none of the chart.
-	TitleNone
-}
+		///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);
+	constructor(element: JQuery | Element, options?: PdfViewer.Model);
 	static Locale: any;
-	model:PdfViewer.Model;
-	defaults:PdfViewer.Model;
+	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}
-	*/
+	 * @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}
-	*/
+	 * @param {boolean} shows/hides the toolbar
+	 * @returns {void}
+	 */
 	showToolbar(show: boolean): void;
 
 	/** Prints the PDF document.
-	*   @returns {void}
-	*/
+	 * @returns {void}
+	 */
 	print(): void;
 
 	/** Abort the printing function and restores the PDF viewer.
-	*   @returns {void}
-	*/
+	 * @returns {void}
+	 */
 	abortPrint(): void;
 
 	/** Shows/hides the print icon in the toolbar.
-	*   @param {boolean} shows/hides print button in the toolbar
-	*   @returns {void}
-	*/
+	 * @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}
-	*/
+	 * @returns {void}
+	 */
 	download(): void;
 
 	/** Shows/hides the download tool in the toolbar.
-	*   @param {boolean} shows/hides download button in the toolbar
-	*   @returns {void}
-	*/
+	 * @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}
-	*/
+	 * @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}
-	*/
+	 * @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}
-	*/
+	 * @returns {void}
+	 */
 	goToLastPage(): void;
 
 	/** Navigates to the first page of PDF document.
-	*   @returns {void}
-	*/
+	 * @returns {void}
+	 */
 	goToFirstPage(): void;
 
 	/** Navigates to the next page of the PDF document.
-	*   @returns {void}
-	*/
+	 * @returns {void}
+	 */
 	goToNextPage(): void;
 
 	/** Navigates to the previous page of the PDF document.
-	*   @returns {void}
-	*/
+	 * @returns {void}
+	 */
 	goToPreviousPage(): void;
 
 	/** Shows/hides the zoom tools in the toolbar.
-	*   @param {boolean} shows/hides zoom tools in the toolbar
-	*   @returns {void}
-	*/
+	 * @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}
-	*/
+	 * @returns {void}
+	 */
 	fitToPage(): void;
 
 	/** Scales the page to fit the page width to the width of the container in the control.
-	*   @returns {void}
-	*/
+	 * @returns {void}
+	 */
 	fitToWidth(): void;
 
 	/** Magnifies the page to the next value in the zoom drop down list.
-	*   @returns {void}
-	*/
+	 * @returns {void}
+	 */
 	zoomIn(): void;
 
 	/** Shrinks the page to the previous value in the magnification in the drop down list.
-	*   @returns {void}
-	*/
+	 * @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}
-	*/
+	 * @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}
-	*/
+	 * @returns {void}
+	 */
 	unload(): void;
 }
-export module PdfViewer{
+export namespace PdfViewer {
 
-export interface Model {
+	export interface Model {
 
-	/** Specifies the locale information of the PDF viewer.
-	*/
-	locale?: string;
+		/** Specifies the locale information of the PDF viewer.
+		 */
+		locale?: string;
 
-	/** Specifies the toolbar settings.
-	*/
-	toolbarSettings?: ToolbarSettings;
+		/** Specifies the toolbar settings.
+		 */
+		toolbarSettings?: ToolbarSettings;
 
-	/** Specifies the name of the action method in the server.
-	*/
-	serverActionSettings?: ServerActionSettings;
+		/** Specifies the name of the action method in the server.
+		 */
+		serverActionSettings?: ServerActionSettings;
 
-	/** Sets the PDF Web API service URL
-	*/
-	serviceUrl?: string;
+		/** Sets the PDF Web API service URL
+		 */
+		serviceUrl?: string;
 
-	/** Sets the PDF document path for initial loading.
-	*/
-	documentPath?: string;
+		/** Sets the PDF document path for initial loading.
+		 */
+		documentPath?: string;
 
-	/** Gets the total number of pages in PDF document.
-	*/
-	pageCount?: number;
+		/** 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 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;
+		/** 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 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;
+		/** 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 hyperlinks in PDF document.
+		 */
+		enableHyperlink?: boolean;
 
-	/** Enables or disables the text selection in PDF document.
-	*/
-	enableTextSelection?: 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;
+		/** 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;
+		/** Checks whether the PDF document is edited.
+		 */
+		isDocumentEdited?: boolean;
 
-	/** Enables or disables the buffering of the PDF pages in the client side.
-	*/
-	allowClientBuffering?: 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;
+		/** 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 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 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 current page number. */
+		pageChange?(e: PageChangeEventArgs): void;
 
-	/** Triggers when there is change in the magnification value. */
-	zoomChange? (e: ZoomChangeEventArgs): 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 when hyperlink in the PDF Document is clicked */
+		hyperlinkClick?(e: HyperlinkClickEventArgs): void;
 
-	/** Triggers before the printing starts. */
-	beforePrint? (e: BeforePrintEventArgs): void;
+		/** Triggers before the printing starts. */
+		beforePrint?(e: BeforePrintEventArgs): void;
 
-	/** Triggers after the printing is completed. */
-	afterPrint? (e: AfterPrintEventArgs): 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 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 starts. */
+		bufferStart?(e: BufferStartEventArgs): void;
 
-	/** Triggers when the client buffering process ends. */
-	bufferEnd? (e: BufferEndEventArgs): void;
+		/** Triggers when the client buffering process ends. */
+		bufferEnd?(e: BufferEndEventArgs): void;
 
-	/** Triggers when PDF viewer control is destroyed successfully. */
-	destroy? (e: DestroyEventArgs): void;
-}
+		/** Triggers when PDF viewer control is destroyed successfully. */
+		destroy?(e: DestroyEventArgs): void;
+	}
 
-export interface DocumentLoadEventArgs {
+	export interface DocumentLoadEventArgs {
 
-	/** true, if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
+		/** true, if the event should be canceled; otherwise, false.
+		 */
+		cancel?: boolean;
 
-	/** Returns the PDF viewer model
-	*/
-	model?: any;
+		/** Returns the PDF viewer model
+		 */
+		model?: any;
 
-	/** Returns the name of the event
-	*/
-	type?: string;
+		/** Returns the name of the event
+		 */
+		type?: string;
 
-	/** Returns the PDF document name displaying in the PDF viewer.
-	*/
-	fileName?: string;
-}
+		/** Returns the PDF document name displaying in the PDF viewer.
+		 */
+		fileName?: string;
+	}
 
-export interface DocumentUnloadEventArgs {
+	export interface DocumentUnloadEventArgs {
 
-	/** true, if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
+		/** true, if the event should be canceled; otherwise, false.
+		 */
+		cancel?: boolean;
 
-	/** Returns the PDF viewer model
-	*/
-	model?: any;
+		/** Returns the PDF viewer model
+		 */
+		model?: any;
 
-	/** Returns the name of the event
-	*/
-	type?: string;
-}
+		/** Returns the name of the event
+		 */
+		type?: string;
+	}
 
-export interface PageChangeEventArgs {
+	export interface PageChangeEventArgs {
 
-	/** true, if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
+		/** true, if the event should be canceled; otherwise, false.
+		 */
+		cancel?: boolean;
 
-	/** Returns the PDF viewer model
-	*/
-	model?: any;
+		/** Returns the PDF viewer model
+		 */
+		model?: any;
 
-	/** Returns the name of the event
-	*/
-	type?: string;
+		/** Returns the name of the event
+		 */
+		type?: string;
 
-	/** Returns the current page number in view.
-	*/
-	currentPageNumber?: number;
-}
+		/** Returns the current page number in view.
+		 */
+		currentPageNumber?: number;
+	}
 
-export interface ZoomChangeEventArgs {
+	export interface ZoomChangeEventArgs {
 
-	/** true, if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
+		/** true, if the event should be canceled; otherwise, false.
+		 */
+		cancel?: boolean;
 
-	/** Returns the PDF viewer model
-	*/
-	model?: any;
+		/** Returns the PDF viewer model
+		 */
+		model?: any;
 
-	/** Returns the name of the event.
-	*/
-	type?: string;
+		/** Returns the name of the event.
+		 */
+		type?: string;
 
-	/** Returns the previous zoom percentage of the PDF viewer control
-	*/
-	previousZoomPercentage?: number;
+		/** Returns the previous zoom percentage of the PDF viewer control
+		 */
+		previousZoomPercentage?: number;
 
-	/** Returns the current zoom percentage of the PDF viewer control
-	*/
-	currentZoomPercentage?: number;
-}
+		/** Returns the current zoom percentage of the PDF viewer control
+		 */
+		currentZoomPercentage?: number;
+	}
 
-export interface HyperlinkClickEventArgs {
+	export interface HyperlinkClickEventArgs {
 
-	/** true, if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
+		/** true, if the event should be canceled; otherwise, false.
+		 */
+		cancel?: boolean;
 
-	/** Returns the PDF viewer model
-	*/
-	model?: any;
+		/** Returns the PDF viewer model
+		 */
+		model?: any;
 
-	/** Returns the name of the event
-	*/
-	type?: string;
+		/** Returns the name of the event
+		 */
+		type?: string;
 
-	/** Returns the clicked hyperlink
-	*/
-	hyperlink?: string;
-}
+		/** Returns the clicked hyperlink
+		 */
+		hyperlink?: string;
+	}
 
-export interface BeforePrintEventArgs {
+	export interface BeforePrintEventArgs {
 
-	/** True, if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
+		/** True, if the event should be canceled; otherwise, false.
+		 */
+		cancel?: boolean;
 
-	/** Returns the PDF viewer model
-	*/
-	model?: any;
+		/** Returns the PDF viewer model
+		 */
+		model?: any;
 
-	/** Returns the name of the event
-	*/
-	type?: string;
-}
+		/** Returns the name of the event
+		 */
+		type?: string;
+	}
 
-export interface AfterPrintEventArgs {
+	export interface AfterPrintEventArgs {
 
-	/** True, if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
+		/** True, if the event should be canceled; otherwise, false.
+		 */
+		cancel?: boolean;
 
-	/** Returns the PDF viewer model
-	*/
-	model?: any;
+		/** Returns the PDF viewer model
+		 */
+		model?: any;
 
-	/** Returns the name of the event
-	*/
-	type?: string;
-}
+		/** Returns the name of the event
+		 */
+		type?: string;
+	}
 
-export interface PageClickEventArgs {
+	export interface PageClickEventArgs {
 
-	/** True, if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
+		/** True, if the event should be canceled; otherwise, false.
+		 */
+		cancel?: boolean;
 
-	/** Returns the PDF viewer model
-	*/
-	model?: any;
+		/** Returns the PDF viewer model
+		 */
+		model?: any;
 
-	/** Returns the name of the event
-	*/
-	type?: string;
+		/** Returns the name of the event
+		 */
+		type?: string;
 
-	/** Returns the current X position
-	*/
-	offsetX?: number;
+		/** Returns the current X position
+		 */
+		offsetX?: number;
 
-	/** Returns the current Y position
-	*/
-	offsetY?: number;
-}
+		/** Returns the current Y position
+		 */
+		offsetY?: number;
+	}
 
-export interface BufferStartEventArgs {
+	export interface BufferStartEventArgs {
 
-	/** True, if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
+		/** True, if the event should be canceled; otherwise, false.
+		 */
+		cancel?: boolean;
 
-	/** Returns the PDF viewer model
-	*/
-	model?: any;
+		/** Returns the PDF viewer model
+		 */
+		model?: any;
 
-	/** Returns the name of the event
-	*/
-	type?: string;
+		/** Returns the name of the event
+		 */
+		type?: string;
 
-	/** Specifies the state of the buffering
-	*/
-	isBuffering?: boolean;
-}
+		/** Specifies the state of the buffering
+		 */
+		isBuffering?: boolean;
+	}
 
-export interface BufferEndEventArgs {
+	export interface BufferEndEventArgs {
 
-	/** True, if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
+		/** True, if the event should be canceled; otherwise, false.
+		 */
+		cancel?: boolean;
 
-	/** Returns the PDF viewer model
-	*/
-	model?: any;
+		/** Returns the PDF viewer model
+		 */
+		model?: any;
 
-	/** Returns the name of the event
-	*/
-	type?: string;
+		/** Returns the name of the event
+		 */
+		type?: string;
 
-	/** Specifies the state of the buffering
-	*/
-	isBuffering?: boolean;
-}
+		/** Specifies the state of the buffering
+		 */
+		isBuffering?: boolean;
+	}
 
-export interface DestroyEventArgs {
+	export interface DestroyEventArgs {
 
-	/** True, if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
+		/** True, if the event should be canceled; otherwise, false.
+		 */
+		cancel?: boolean;
 
-	/** Returns the PDF viewer model
-	*/
-	model?: any;
+		/** Returns the PDF viewer model
+		 */
+		model?: any;
 
-	/** Returns the name of the event
-	*/
-	type?: string;
-}
+		/** Returns the name of the event
+		 */
+		type?: string;
+	}
 
-export interface ToolbarSettings {
+	export interface ToolbarSettings {
 
-	/** Shows or hides the tooltip of the toolbar items.
-	*/
-	showToolTip?: boolean;
+		/** 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;
-}
+		/** 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 {
+	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 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 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 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;
-}
+		/** Specifies the name of the action method used for downloading the PDF document from the PDF viewer control.
+		 */
+		download?: string;
+	}
 
-enum ToolbarItems{
+	enum ToolbarItems {
 
-	///Shows only magnification tools in the toolbar.
-	MagnificationTools,
+		///Shows only magnification tools in the toolbar.
+		MagnificationTools,
 
-	///Shows only page navigation tools in the toolbar.
-	PageNavigationTools,
+		///Shows only page navigation tools in the toolbar.
+		PageNavigationTools,
 
-	///Shows only print tool in the toolbar.
-	PrintTools,
+		///Shows only print tool in the toolbar.
+		PrintTools,
 
-	///Shows only download tool in the toolbar.
-	DownloadTool,
+		///Shows only download tool in the toolbar.
+		DownloadTool,
 
-	///Shows all the toolbar items.
-	All
-}
+		///Shows all the toolbar items.
+		All
+	}
 
 
-enum PdfService{
+	enum PdfService {
 
-	///Denotes that the service is located in the local project
-	Local,
+		///Denotes that the service is located in the local project
+		Local,
 
-	///Denotes that the service is hosted in the remote server
-	Remote
-}
+		///Denotes that the service is hosted in the remote server
+		Remote
+	}
 
 
-enum LinkTarget{
+	enum LinkTarget {
 
-	///Opens the hyperlink in the same tab of the browser. 
-	Default,
+		///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 tab of the browser.
+		NewTab,
 
-	///Opens the hyperlink in a new window of the browser.
-	NewWindow
-}
+		///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);
+	constructor(element: JQuery | Element, options?: SpellCheck.Model);
 	static Locale: any;
-	model:SpellCheck.Model;
-	defaults:SpellCheck.Model;
+	model: SpellCheck.Model;
+	defaults: SpellCheck.Model;
 
 	/** Open the dialog to correct the spelling of the target content.
-	*   @returns {void}
-	*/
+	 * @returns {void}
+	 */
 	showInDialog(): void;
 
 	/** Highlighting the error word in the target area itself and correct the spelling using the context menu.
-	*   @returns {void}
-	*/
+	 * @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}
-	*/
+	 * @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}
-	*/
+	 * @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}
-	*/
+	 * @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}
-	*/
+	 * @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}
-	*/
+	 * @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}
-	*/
+	 * @param {string} Word to add into the dictionary file
+	 * @returns {any}
+	 */
 	addToDictionary(customWord: string): any;
 }
-export module SpellCheck{
+export namespace SpellCheck {
 
-export interface Model {
+	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;
+		/** 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;
+		/** 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;
+		/** Sets the specific culture to the SpellCheck.
+		 * @Default {en-US}
+		 */
+		locale?: string;
 
-	/** To set the maximum suggestion display count.
-	*   @Default {6}
-	*/
-	maxSuggestionCount?: number;
+		/** To set the maximum suggestion display count.
+		 * @Default {6}
+		 */
+		maxSuggestionCount?: number;
 
-	/** To ignore the words from the error word consideration.
-	*   @Default {[]}
-	*/
-	ignoreWords?: Array<any>;
+		/** 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;
+		/** 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;
+		/** 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;
+		/** When set to true, allows the spellcheck to render based upon screen size.
+		 * @Default {true}
+		 */
+		isResponsive?: boolean;
 
-	/** It allows to spell check the multiple target HTML element's texts and correct its error words.
-	*   @Default {null}
-	*/
-	controlsToValidate?: string;
+		/** 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 success of AJAX call request. */
+		actionSuccess?(e: ActionSuccessEventArgs): void;
 
-	/** Triggers on the AJAX call request beginning. */
-	actionBegin? (e: ActionBeginEventArgs): 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 AJAX call request failure. */
+		actionFailure?(e: ActionFailureEventArgs): void;
 
-	/** Triggers when the dialog mode spell check starting. */
-	start? (e: StartEventArgs): 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 when the spell check operations completed through dialog mode. */
+		complete?(e: CompleteEventArgs): void;
 
-	/** Triggers before context menu opening. */
-	contextOpen? (e: ContextOpenEventArgs): void;
+		/** Triggers before context menu opening. */
+		contextOpen?(e: ContextOpenEventArgs): void;
 
-	/** Triggers when the context menu item clicked. */
-	contextClick? (e: ContextClickEventArgs): void;
+		/** Triggers when the context menu item clicked. */
+		contextClick?(e: ContextClickEventArgs): void;
 
-	/** Triggers before the spell check dialog opens. */
-	dialogBeforeOpen? (e: DialogBeforeOpenEventArgs): void;
+		/** Triggers before the spell check dialog opens. */
+		dialogBeforeOpen?(e: DialogBeforeOpenEventArgs): void;
+		/** Triggers after the spell check dialog opens. */
+		dialogOpen?(e: DialogOpenEventArgs): 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 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 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;
+	}
 
-	/** Triggers before loading the target HTML element text into the dialog sentence area. */
-	targetUpdating? (e: TargetUpdatingEventArgs): void;
-}
+	export interface ActionSuccessEventArgs {
 
-export interface ActionSuccessEventArgs {
+		/** Returns the error word highlighted string.
+		 */
+		resultHTML?: string;
 
-	/** Returns the error word highlighted string.
-	*/
-	resultHTML?: string;
+		/** Returns the error word details of the given input.
+		 */
+		errorWordDetails?: any;
 
-	/** Returns the error word details of the given input.
-	*/
-	errorWordDetails?: any;
+		/** Returns the request type value.
+		 */
+		requestType?: string;
 
-	/** Returns the request type value.
-	*/
-	requestType?: string;
+		/** Returns the cancel option value.
+		 */
+		cancel?: boolean;
 
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
+		/** Returns the SpellCheck model.
+		 */
+		model?: ej.SpellCheck.Model;
 
-	/** Returns the SpellCheck model.
-	*/
-	model?: ej.SpellCheck.Model;
+		/** Returns the name of the event.
+		 */
+		type?: string;
+	}
 
-	/** Returns the name of the event.
-	*/
-	type?: string;
-}
+	export interface ActionBeginEventArgs {
 
-export interface ActionBeginEventArgs {
+		/** Returns the input string.
+		 */
+		targetSentence?: string;
 
-	/** Returns the input string.
-	*/
-	targetSentence?: string;
+		/** Returns the misspellWordCss class name.
+		 */
+		misspellWordCss?: string;
 
-	/** Returns the misspellWordCss class name.
-	*/
-	misspellWordCss?: string;
+		/** Returns the request type value.
+		 */
+		requestType?: string;
 
-	/** Returns the request type value.
-	*/
-	requestType?: string;
+		/** Returns the cancel option value.
+		 */
+		cancel?: boolean;
 
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
+		/** Returns the SpellCheck model.
+		 */
+		model?: ej.SpellCheck.Model;
 
-	/** Returns the SpellCheck model.
-	*/
-	model?: ej.SpellCheck.Model;
+		/** Returns the name of the event.
+		 */
+		type?: string;
+	}
 
-	/** Returns the name of the event.
-	*/
-	type?: string;
-}
+	export interface ActionFailureEventArgs {
 
-export interface ActionFailureEventArgs {
+		/** Returns AJAX request failure error message.
+		 */
+		errorMessage?: string;
 
-	/** Returns AJAX request failure error message.
-	*/
-	errorMessage?: string;
+		/** Returns the request type value.
+		 */
+		requestType?: string;
 
-	/** Returns the request type value.
-	*/
-	requestType?: string;
+		/** Returns the cancel option value.
+		 */
+		cancel?: boolean;
 
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
+		/** Returns the SpellCheck model.
+		 */
+		model?: ej.SpellCheck.Model;
 
-	/** Returns the SpellCheck model.
-	*/
-	model?: ej.SpellCheck.Model;
+		/** Returns the name of the event.
+		 */
+		type?: string;
+	}
 
-	/** Returns the name of the event.
-	*/
-	type?: string;
-}
+	export interface StartEventArgs {
 
-export interface StartEventArgs {
+		/** Returns the input string.
+		 */
+		targetSentence?: string;
 
-	/** Returns the input string.
-	*/
-	targetSentence?: string;
+		/** Returns the error words details.
+		 */
+		errorWords?: any;
 
-	/** Returns the error words details.
-	*/
-	errorWords?: any;
+		/** Returns the request type value.
+		 */
+		requestType?: string;
 
-	/** Returns the request type value.
-	*/
-	requestType?: string;
+		/** Returns the cancel option value.
+		 */
+		cancel?: boolean;
 
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
+		/** Returns the SpellCheck model.
+		 */
+		model?: ej.SpellCheck.Model;
 
-	/** Returns the SpellCheck model.
-	*/
-	model?: ej.SpellCheck.Model;
+		/** Returns the name of the event.
+		 */
+		type?: string;
+	}
 
-	/** Returns the name of the event.
-	*/
-	type?: string;
-}
+	export interface CompleteEventArgs {
 
-export interface CompleteEventArgs {
+		/** Returns the error word highlighted string.
+		 */
+		resultHTML?: string;
 
-	/** Returns the error word highlighted string.
-	*/
-	resultHTML?: string;
+		/** Returns the request type value.
+		 */
+		requestType?: string;
 
-	/** Returns the request type value.
-	*/
-	requestType?: string;
+		/** Returns the cancel option value.
+		 */
+		cancel?: boolean;
 
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
+		/** Returns the SpellCheck model.
+		 */
+		model?: ej.SpellCheck.Model;
 
-	/** Returns the SpellCheck model.
-	*/
-	model?: ej.SpellCheck.Model;
+		/** Returns the name of the event.
+		 */
+		type?: string;
+	}
 
-	/** Returns the name of the event.
-	*/
-	type?: string;
-}
+	export interface ContextOpenEventArgs {
 
-export interface ContextOpenEventArgs {
+		/** Returns the selected error word.
+		 */
+		selectedErrorWord?: string;
 
-	/** Returns the selected error word.
-	*/
-	selectedErrorWord?: string;
+		/** Returns the request type value.
+		 */
+		requestType?: string;
 
-	/** Returns the request type value.
-	*/
-	requestType?: string;
+		/** Returns the cancel option value.
+		 */
+		cancel?: boolean;
 
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
+		/** Returns the SpellCheck model.
+		 */
+		model?: ej.SpellCheck.Model;
 
-	/** Returns the SpellCheck model.
-	*/
-	model?: ej.SpellCheck.Model;
+		/** Returns the name of the event.
+		 */
+		type?: string;
+	}
 
-	/** Returns the name of the event.
-	*/
-	type?: string;
-}
+	export interface ContextClickEventArgs {
 
-export interface ContextClickEventArgs {
+		/** Returns the selected error word.
+		 */
+		selectedValue?: string;
 
-	/** Returns the selected error word.
-	*/
-	selectedValue?: string;
+		/** Returns the selected option in the context menu.
+		 */
+		selectedOption?: string;
 
-	/** Returns the selected option in the context menu.
-	*/
-	selectedOption?: string;
+		/** Returns the input string.
+		 */
+		targetContent?: string;
 
-	/** Returns the input string.
-	*/
-	targetContent?: string;
+		/** Returns the request type value.
+		 */
+		requestType?: string;
 
-	/** Returns the request type value.
-	*/
-	requestType?: string;
+		/** Returns the cancel option value.
+		 */
+		cancel?: boolean;
 
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
+		/** Returns the SpellCheck model.
+		 */
+		model?: ej.SpellCheck.Model;
 
-	/** Returns the SpellCheck model.
-	*/
-	model?: ej.SpellCheck.Model;
+		/** Returns the name of the event.
+		 */
+		type?: string;
+	}
 
-	/** Returns the name of the event.
-	*/
-	type?: string;
-}
+	export interface DialogBeforeOpenEventArgs {
 
-export interface DialogBeforeOpenEventArgs {
+		/** Returns the spell check window details.
+		 */
+		spellCheckDialog?: any;
 
-	/** Returns the spell check window details.
-	*/
-	spellCheckDialog?: any;
+		/** Returns the request type value.
+		 */
+		requestType?: string;
 
-	/** Returns the request type value.
-	*/
-	requestType?: string;
+		/** Returns the cancel option value.
+		 */
+		cancel?: boolean;
 
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
+		/** Returns the SpellCheck model.
+		 */
+		model?: ej.SpellCheck.Model;
 
-	/** Returns the SpellCheck model.
-	*/
-	model?: ej.SpellCheck.Model;
+		/** Returns the name of the event.
+		 */
+		type?: string;
+	}
 
-	/** Returns the name of the event.
-	*/
-	type?: string;
-}
+	export interface DialogOpenEventArgs {
 
-export interface DialogOpenEventArgs {
+		/** Returns the target input.
+		 */
+		targetText?: string;
 
-	/** Returns the target input.
-	*/
-	targetText?: string;
+		/** Returns the request type value.
+		 */
+		requestType?: string;
 
-	/** Returns the request type value.
-	*/
-	requestType?: string;
+		/** Returns the cancel option value.
+		 */
+		cancel?: boolean;
 
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
+		/** Returns the SpellCheck model.
+		 */
+		model?: ej.SpellCheck.Model;
 
-	/** Returns the SpellCheck model.
-	*/
-	model?: ej.SpellCheck.Model;
+		/** Returns the name of the event.
+		 */
+		type?: string;
+	}
 
-	/** Returns the name of the event.
-	*/
-	type?: string;
-}
+	export interface DialogCloseEventArgs {
 
-export interface DialogCloseEventArgs {
+		/** Returns the error corrected string.
+		 */
+		updatedText?: string;
 
-	/** Returns the error corrected string.
-	*/
-	updatedText?: string;
+		/** Returns the request type value.
+		 */
+		requestType?: string;
 
-	/** Returns the request type value.
-	*/
-	requestType?: string;
+		/** Returns the cancel option value.
+		 */
+		cancel?: boolean;
 
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
+		/** Returns the SpellCheck model.
+		 */
+		model?: ej.SpellCheck.Model;
 
-	/** Returns the SpellCheck model.
-	*/
-	model?: ej.SpellCheck.Model;
+		/** Returns the name of the event.
+		 */
+		type?: string;
+	}
 
-	/** Returns the name of the event.
-	*/
-	type?: string;
-}
+	export interface ValidatingEventArgs {
 
-export interface ValidatingEventArgs {
+		/** Returns the cancel option value.
+		 */
+		cancel?: boolean;
 
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
+		/** Returns the error word to ignore.
+		 */
+		ignoreWord?: string;
 
-	/** Returns the error word to ignore.
-	*/
-	ignoreWord?: string;
+		/** Returns the target content.
+		 */
+		targetContent?: string;
 
-	/** Returns the target content.
-	*/
-	targetContent?: string;
+		/** Returns the index of an error word.
+		 */
+		index?: number;
 
-	/** Returns the index of an error word.
-	*/
-	index?: number;
+		/** Returns the SpellCheck model.
+		 */
+		model?: ej.SpellCheck.Model;
 
-	/** Returns the SpellCheck model.
-	*/
-	model?: ej.SpellCheck.Model;
+		/** Returns the validating request type.
+		 */
+		requestType?: string;
 
-	/** Returns the validating request type.
-	*/
-	requestType?: string;
+		/** Returns the name of the event.
+		 */
+		type?: 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 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 previous target element value.
-	*/
-	previousElement?: any;
+		/** Returns the current target element value.
+		 */
+		currentElement?: 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;
-}
+		/** 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, options?: DocumentEditor.Model);
-	constructor(element: Element, options?: DocumentEditor.Model);
+	constructor(element: JQuery | Element, options?: DocumentEditor.Model);
 	static Locale: any;
-	model:DocumentEditor.Model;
-	defaults:DocumentEditor.Model;
+	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}
-	*/
+	 * @param {string} Specifies the file path.
+	 * @returns {void}
+	 */
 	load(path: string): void;
 
 	/** Gets the page number of current selection in the document.
-	*   @returns {number}
-	*/
+	 * @returns {number}
+	 */
 	getCurrentPageNumber(): number;
 
 	/** Gets the total number of pages in the document.
-	*   @returns {number}
-	*/
+	 * @returns {number}
+	 */
 	getPageCount(): number;
 
 	/** Gets the text of current selection in the document.
-	*   @returns {string}
-	*/
+	 * @returns {string}
+	 */
 	getSelectedText(): string;
 
 	/** Gets the current zoom factor value of the document editor.
-	*   @returns {number}
-	*/
+	 * @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}
-	*/
+	 * @param {number} Specifies the factor for zooming.
+	 * @returns {void}
+	 */
 	setZoomFactor(factor: number): void;
 
 	/** Prints the document content as page by page.
-	*   @returns {void}
-	*/
+	 * @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}
-	*/
+	 * @param {string} Specifies the text to search in a document.
+	 * @returns {void}
+	 */
 	find(text: string): void;
 }
-export module DocumentEditor{
+export namespace DocumentEditor {
 
-export interface Model {
+	export interface Model {
 
-	/** Gets or sets an object that indicates initialization of importing and exporting documents in document editor.
-	*/
-	importExportSettings?: ImportExportSettings;
+		/** 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 document changes. */
+		onDocumentChange?(e: OnDocumentChangeEventArgs): void;
 
-	/** Triggers when the selection changes. */
-	onSelectionChange? (e: OnSelectionChangeEventArgs): void;
+		/** Triggers when the selection changes. */
+		onSelectionChange?(e: OnSelectionChangeEventArgs): void;
 
-	/** Triggers when the zoom factor changes. */
-	onZoomFactorChange? (e: OnZoomFactorChangeEventArgs): void;
+		/** Triggers when the zoom factor changes. */
+		onZoomFactorChange?(e: OnZoomFactorChangeEventArgs): void;
 
-	/** Triggers when the hyperlink is clicked. */
-	onRequestNavigate? (e: OnRequestNavigateEventArgs): void;
-}
+		/** Triggers when the hyperlink is clicked. */
+		onRequestNavigate?(e: OnRequestNavigateEventArgs): void;
+	}
 
-export interface OnDocumentChangeEventArgs {
+	export interface OnDocumentChangeEventArgs {
 
-	/** True, if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
+		/** True, if the event should be canceled; otherwise, false.
+		 */
+		cancel?: boolean;
 
-	/** Returns the document editor model.
-	*/
-	model?: any;
+		/** Returns the document editor model.
+		 */
+		model?: any;
 
-	/** Returns the name of the event.
-	*/
-	type?: string;
-}
+		/** Returns the name of the event.
+		 */
+		type?: string;
+	}
 
-export interface OnSelectionChangeEventArgs {
+	export interface OnSelectionChangeEventArgs {
 
-	/** True, if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
+		/** True, if the event should be canceled; otherwise, false.
+		 */
+		cancel?: boolean;
 
-	/** Returns the document editor model.
-	*/
-	model?: any;
+		/** Returns the document editor model.
+		 */
+		model?: any;
 
-	/** Returns the name of the event.
-	*/
-	type?: string;
-}
+		/** Returns the name of the event.
+		 */
+		type?: string;
+	}
 
-export interface OnZoomFactorChangeEventArgs {
+	export interface OnZoomFactorChangeEventArgs {
 
-	/** True, if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
+		/** True, if the event should be canceled; otherwise, false.
+		 */
+		cancel?: boolean;
 
-	/** Returns the document editor model.
-	*/
-	model?: any;
+		/** Returns the document editor model.
+		 */
+		model?: any;
 
-	/** Returns the name of the event.
-	*/
-	type?: string;
-}
+		/** Returns the name of the event.
+		 */
+		type?: string;
+	}
 
-export interface OnRequestNavigateEventArgs {
+	export interface OnRequestNavigateEventArgs {
 
-	/** true, if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
+		/** true, if the event should be canceled; otherwise, false.
+		 */
+		cancel?: boolean;
 
-	/** Returns the document editor model.
-	*/
-	model?: any;
+		/** Returns the document editor model.
+		 */
+		model?: any;
 
-	/** Returns the link type and navigation link.
-	*/
-	hyperlink?: any;
+		/** Returns the link type and navigation link.
+		 */
+		hyperlink?: any;
 
-	/** Returns the name of the event.
-	*/
-	type?: string;
-}
+		/** Returns the name of the event.
+		 */
+		type?: string;
+	}
 
-export interface ImportExportSettings {
+	export interface ImportExportSettings {
+
+		/** Gets or sets URL of Web API that should be used to parse the document while loading.
+		 */
+		importUrl?: string;
+	}
+}
 
-	/** Gets or sets URL of Web API that should be used to parse the document while loading.
-	*/
-	importUrl?: string;
-}
 }
+declare namespace ej.datavisualization {
 
-}
-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;
-}
+	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;
+
+			/** 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;
+
+			/** 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;
 
-export interface SelectionChangeEventArgs {
+			/** 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;
 
-	/** returns whether an element is selected or unselected
-	*/
-	changeType?: string;
+			/** Triggers while the range are being drawn on the gauge. */
+			drawRange?(e: DrawRangeEventArgs): void;
 
-	/** returns the node or connector that is selected or unselected
-	*/
-	element?: any;
-}
+			/** Triggers while the ticks are being drawn on the gauge. */
+			drawTicks?(e: DrawTicksEventArgs): void;
 
-export interface DefaultSettings {
+			/** Triggers when the gauge is initialized. */
+			init?(e: InitEventArgs): void;
 
-	/** Defines the default properties of the nodes
-	*   @Default {null}
-	*/
-	node?: any;
+			/** Triggers while the gauge start to Load. */
+			load?(e: LoadEventArgs): void;
 
-	/** Defines the default properties of the connectors
-	*   @Default {null}
-	*/
-	connector?: any;
-}
+			/** Triggers when the left mouse button is clicked. */
+			mouseClick?(e: MouseClickEventArgs): void;
 
-export interface Palette {
+			/** Triggers when clicking and dragging the mouse pointer over the gauge pointer. */
+			mouseClickMove?(e: MouseClickMoveEventArgs): void;
 
-	/** Defines the name of the palette
-	*   @Default {null}
-	*/
-	name?: string;
+			/** Triggers when the mouse click is released. */
+			mouseClickUp?(e: MouseClickUpEventArgs): void;
 
-	/** Defines whether the palette must be in expanded state or in collapsed state
-	*   @Default {true}
-	*/
-	expanded?: boolean;
+			/** Triggers while the rendering of the gauge completed. */
+			renderComplete?(e: RenderCompleteEventArgs): void;
+		}
 
-	/** Defines the palette items
-	*   @Default {[]}
-	*/
-	items?: Array<any>;
-}
-}
+		export interface DrawBarPointersEventArgs {
 
-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;
-
-	/** 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;
-
-	/** 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?: 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;
+			/** returns the object of the gauge.
+			 */
+			object?: any;
 
-	/** Triggers while the gauge start to Load. */
-	load? (e: LoadEventArgs): void;
-
-	/** Triggers when the left mouse button is clicked. */
-	mouseClick? (e: MouseClickEventArgs): void;
+			/** returns the cancel option value
+			 */
+			cancel?: boolean;
 
-	/** Triggers when clicking and dragging the mouse pointer over the gauge pointer. */
-	mouseClickMove? (e: MouseClickMoveEventArgs): void;
+			/** returns the context element
+			 */
+			context?: any;
 
-	/** Triggers when the mouse click is released. */
-	mouseClickUp? (e: MouseClickUpEventArgs): void;
+			/** returns the startX and startY of the pointer
+			 */
+			position?: any;
 
-	/** Triggers while the rendering of the gauge completed. */
-	renderComplete? (e: RenderCompleteEventArgs): void;
-}
+			/** returns the gauge model
+			 */
+			Model?: any;
 
-export interface DrawBarPointersEventArgs {
+			/** returns the options of the scale element.
+			 */
+			scaleElement?: any;
 
-	/** returns the object of the gauge.
-	*/
-	object?: any;
+			/** returns the scaleIndex to which the pointer belongs.
+			 */
+			scaleIndex?: number;
 
-	/** returns the cancel option value
-	*/
-	cancel?: boolean;
+			/** returns the pointer style
+			 */
+			style?: string;
 
-	/** returns the context element
-	*/
-	context?: any;
+			/** returns the current Bar pointer element.
+			 */
+			barElement?: any;
 
-	/** returns the startX and startY of the pointer
-	*/
-	position?: any;
+			/** returns the index of the bar pointer.
+			 */
+			barPointerIndex?: number;
 
-	/** returns the gauge model
-	*/
-	Model?: any;
+			/** returns the value of the bar pointer.
+			 */
+			PointerValue?: number;
 
-	/** returns the options of the scale element.
-	*/
-	scaleElement?: any;
+			/** returns the name of the event
+			 */
+			type?: any;
+		}
 
-	/** returns the scaleIndex to which the pointer belongs.
-	*/
-	scaleIndex?: number;
+		export interface DrawCustomLabelEventArgs {
 
-	/** returns the pointer style
-	*/
-	style?: string;
+			/** returns the object of the gauge.
+			 */
+			object?: any;
 
-	/** returns the current Bar pointer element.
-	*/
-	barElement?: any;
+			/** returns the cancel option value
+			 */
+			cancel?: boolean;
 
-	/** returns the index of the bar pointer.
-	*/
-	barPointerIndex?: number;
+			/** returns the context element
+			 */
+			context?: any;
 
-	/** returns the value of the bar pointer.
-	*/
-	PointerValue?: number;
+			/** returns the startX and startY of the customLabel
+			 */
+			position?: any;
 
-	/** returns the name of the event
-	*/
-	type?: any;
-}
+			/** returns the gauge model
+			 */
+			Model?: any;
 
-export interface DrawCustomLabelEventArgs {
+			/** returns the options of the scale element.
+			 */
+			scaleElement?: any;
 
-	/** returns the object of the gauge.
-	*/
-	object?: any;
+			/** returns the scaleIndex to which the pointer belongs.
+			 */
+			scaleIndex?: number;
 
-	/** returns the cancel option value
-	*/
-	cancel?: boolean;
+			/** returns the customLabel style
+			 */
+			style?: any;
 
-	/** returns the context element
-	*/
-	context?: any;
+			/** returns the current customLabel element.
+			 */
+			customLabelElement?: any;
 
-	/** returns the startX and startY of the customLabel
-	*/
-	position?: any;
+			/** returns the index of the customLabel.
+			 */
+			customLabelIndex?: number;
 
-	/** returns the gauge model
-	*/
-	Model?: any;
+			/** returns the name of the event
+			 */
+			type?: any;
+		}
 
-	/** returns the options of the scale element.
-	*/
-	scaleElement?: any;
+		export interface DrawIndicatorsEventArgs {
 
-	/** returns the scaleIndex to which the pointer belongs.
-	*/
-	scaleIndex?: number;
+			/** returns the object of the gauge.
+			 */
+			object?: any;
 
-	/** returns the customLabel style
-	*/
-	style?: any;
+			/** returns the cancel option value
+			 */
+			cancel?: boolean;
 
-	/** returns the current customLabel element.
-	*/
-	customLabelElement?: any;
+			/** returns the context element
+			 */
+			context?: any;
 
-	/** returns the index of the customLabel.
-	*/
-	customLabelIndex?: number;
+			/** returns the startX and startY of the Indicator
+			 */
+			position?: any;
 
-	/** returns the name of the event
-	*/
-	type?: any;
-}
+			/** returns the gauge model
+			 */
+			Model?: any;
 
-export interface DrawIndicatorsEventArgs {
+			/** returns the options of the scale element.
+			 */
+			scaleElement?: any;
 
-	/** returns the object of the gauge.
-	*/
-	object?: any;
+			/** returns the scaleIndex to which the pointer belongs.
+			 */
+			scaleIndex?: number;
 
-	/** returns the cancel option value
-	*/
-	cancel?: boolean;
+			/** returns the Indicator style
+			 */
+			style?: string;
 
-	/** returns the context element
-	*/
-	context?: any;
+			/** returns the current Indicator element.
+			 */
+			IndicatorElement?: any;
 
-	/** returns the startX and startY of the Indicator
-	*/
-	position?: any;
+			/** returns the index of the Indicator.
+			 */
+			IndicatorIndex?: number;
 
-	/** returns the gauge model
-	*/
-	Model?: any;
+			/** returns the name of the event
+			 */
+			type?: any;
+		}
 
-	/** returns the options of the scale element.
-	*/
-	scaleElement?: any;
+		export interface DrawLabelsEventArgs {
 
-	/** returns the scaleIndex to which the pointer belongs.
-	*/
-	scaleIndex?: number;
+			/** returns the object of the gauge.
+			 */
+			object?: any;
 
-	/** returns the Indicator style
-	*/
-	style?: string;
+			/** returns the cancel option value
+			 */
+			cancel?: boolean;
 
-	/** returns the current Indicator element.
-	*/
-	IndicatorElement?: any;
+			/** returns the context element
+			 */
+			context?: any;
 
-	/** returns the index of the Indicator.
-	*/
-	IndicatorIndex?: number;
+			/** returns the startX and startY of the label
+			 */
+			position?: any;
 
-	/** returns the name of the event
-	*/
-	type?: any;
-}
+			/** returns the gauge model
+			 */
+			Model?: any;
 
-export interface DrawLabelsEventArgs {
+			/** returns the options of the scale element.
+			 */
+			scaleElement?: any;
 
-	/** returns the object of the gauge.
-	*/
-	object?: any;
+			/** returns the scaleIndex to which the label belongs.
+			 */
+			scaleIndex?: number;
 
-	/** returns the cancel option value
-	*/
-	cancel?: boolean;
+			/** returns the label style
+			 */
+			style?: string;
 
-	/** returns the context element
-	*/
-	context?: any;
+			/** returns the angle of the label.
+			 */
+			angle?: number;
 
-	/** returns the startX and startY of the label
-	*/
-	position?: any;
+			/** returns the current label element.
+			 */
+			element?: any;
 
-	/** returns the gauge model
-	*/
-	Model?: any;
+			/** returns the index of the label.
+			 */
+			index?: number;
 
-	/** returns the options of the scale element.
-	*/
-	scaleElement?: any;
+			/** returns the label value of the label.
+			 */
+			value?: number;
 
-	/** returns the scaleIndex to which the label belongs.
-	*/
-	scaleIndex?: number;
+			/** returns the name of the event
+			 */
+			type?: any;
+		}
 
-	/** returns the label style
-	*/
-	style?: string;
+		export interface DrawMarkerPointersEventArgs {
 
-	/** returns the angle of the label.
-	*/
-	angle?: number;
+			/** returns the object of the gauge.
+			 */
+			object?: any;
 
-	/** returns the current label element.
-	*/
-	element?: any;
+			/** returns the cancel option value
+			 */
+			cancel?: boolean;
 
-	/** returns the index of the label.
-	*/
-	index?: number;
+			/** returns the context element
+			 */
+			context?: any;
 
-	/** returns the label value of the label.
-	*/
-	value?: number;
+			/** returns the startX and startY of the pointer
+			 */
+			position?: any;
 
-	/** returns the name of the event
-	*/
-	type?: any;
-}
+			/** returns the gauge model
+			 */
+			Model?: any;
 
-export interface DrawMarkerPointersEventArgs {
+			/** returns the options of the scale element.
+			 */
+			scaleElement?: any;
 
-	/** returns the object of the gauge.
-	*/
-	object?: any;
+			/** returns the scaleIndex to which the pointer belongs.
+			 */
+			scaleIndex?: number;
 
-	/** returns the cancel option value
-	*/
-	cancel?: boolean;
+			/** returns the ticks style
+			 */
+			style?: string;
 
-	/** returns the context element
-	*/
-	context?: any;
+			/** returns the current marker pointer element.
+			 */
+			markerElement?: any;
 
-	/** returns the startX and startY of the pointer
-	*/
-	position?: any;
+			/** returns the index of the marker pointer.
+			 */
+			markerPointerIndex?: number;
 
-	/** returns the gauge model
-	*/
-	Model?: any;
+			/** returns the value of the marker pointer.
+			 */
+			pointerValue?: number;
 
-	/** returns the options of the scale element.
-	*/
-	scaleElement?: any;
+			/** returns the angle of the marker pointer.
+			 */
+			pointerAngle?: number;
 
-	/** returns the scaleIndex to which the pointer belongs.
-	*/
-	scaleIndex?: number;
+			/** returns the name of the event
+			 */
+			type?: any;
+		}
 
-	/** returns the ticks style
-	*/
-	style?: string;
+		export interface DrawRangeEventArgs {
 
-	/** returns the current marker pointer element.
-	*/
-	markerElement?: any;
+			/** returns the object of the gauge.
+			 */
+			object?: any;
 
-	/** returns the index of the marker pointer.
-	*/
-	markerPointerIndex?: number;
+			/** returns the cancel option value
+			 */
+			cancel?: boolean;
 
-	/** returns the value of the marker pointer.
-	*/
-	pointerValue?: number;
+			/** returns the context element
+			 */
+			context?: any;
 
-	/** returns the angle of the marker pointer.
-	*/
-	pointerAngle?: number;
+			/** returns the startX and startY of the range
+			 */
+			position?: any;
 
-	/** returns the name of the event
-	*/
-	type?: any;
-}
+			/** returns the gauge model
+			 */
+			Model?: any;
 
-export interface DrawRangeEventArgs {
+			/** returns the options of the scale element.
+			 */
+			scaleElement?: any;
 
-	/** returns the object of the gauge.
-	*/
-	object?: any;
+			/** returns the scaleIndex to which the pointer belongs.
+			 */
+			scaleIndex?: number;
 
-	/** returns the cancel option value
-	*/
-	cancel?: boolean;
+			/** returns the range style
+			 */
+			style?: string;
 
-	/** returns the context element
-	*/
-	context?: any;
+			/** returns the current range element.
+			 */
+			rangeElement?: any;
 
-	/** returns the startX and startY of the range
-	*/
-	position?: any;
+			/** returns the index of the range.
+			 */
+			rangeIndex?: number;
 
-	/** returns the gauge model
-	*/
-	Model?: any;
+			/** returns the name of the event
+			 */
+			type?: any;
+		}
 
-	/** returns the options of the scale element.
-	*/
-	scaleElement?: any;
+		export interface DrawTicksEventArgs {
 
-	/** returns the scaleIndex to which the pointer belongs.
-	*/
-	scaleIndex?: number;
+			/** returns the object of the gauge.
+			 */
+			object?: any;
 
-	/** returns the range style
-	*/
-	style?: string;
+			/** returns the cancel option value
+			 */
+			cancel?: boolean;
 
-	/** returns the current range element.
-	*/
-	rangeElement?: any;
+			/** returns the context element
+			 */
+			context?: any;
 
-	/** returns the index of the range.
-	*/
-	rangeIndex?: number;
+			/** returns the startX and startY of the ticks
+			 */
+			position?: any;
 
-	/** returns the name of the event
-	*/
-	type?: any;
-}
+			/** returns the gauge model
+			 */
+			Model?: any;
 
-export interface DrawTicksEventArgs {
+			/** returns the options of the scale element.
+			 */
+			scaleElement?: any;
 
-	/** returns the object of the gauge.
-	*/
-	object?: any;
+			/** returns the scaleIndex to which the tick belongs.
+			 */
+			scaleIndex?: number;
 
-	/** returns the cancel option value
-	*/
-	cancel?: boolean;
+			/** returns the ticks style
+			 */
+			style?: string;
 
-	/** returns the context element
-	*/
-	context?: any;
+			/** returns the angle of the tick.
+			 */
+			angle?: number;
 
-	/** returns the startX and startY of the ticks
-	*/
-	position?: any;
+			/** returns the current tick element.
+			 */
+			element?: any;
 
-	/** returns the gauge model
-	*/
-	Model?: any;
+			/** returns the index of the tick.
+			 */
+			index?: number;
 
-	/** returns the options of the scale element.
-	*/
-	scaleElement?: any;
+			/** returns the tick value of the tick.
+			 */
+			value?: number;
 
-	/** returns the scaleIndex to which the tick belongs.
-	*/
-	scaleIndex?: number;
+			/** returns the name of the event
+			 */
+			type?: any;
+		}
 
-	/** returns the ticks style
-	*/
-	style?: string;
+		export interface InitEventArgs {
 
-	/** returns the angle of the tick.
-	*/
-	angle?: number;
+			/** returns the object of the gauge.
+			 */
+			object?: any;
 
-	/** returns the current tick element.
-	*/
-	element?: any;
+			/** returns the cancel option value
+			 */
+			cancel?: boolean;
 
-	/** returns the index of the tick.
-	*/
-	index?: number;
+			/** returns the gauge model
+			 */
+			Model?: any;
 
-	/** returns the tick value of the tick.
-	*/
-	value?: number;
+			/** returns the entire scale element.
+			 */
+			scaleElement?: any;
 
-	/** returns the name of the event
-	*/
-	type?: any;
-}
+			/** returns the context element
+			 */
+			context?: any;
 
-export interface InitEventArgs {
+			/** returns the name of the event
+			 */
+			type?: string;
+		}
 
-	/** returns the object of the gauge.
-	*/
-	object?: any;
+		export interface LoadEventArgs {
 
-	/** returns the cancel option value
-	*/
-	cancel?: boolean;
+			/** returns the object of the gauge.
+			 */
+			object?: any;
 
-	/** returns the gauge model
-	*/
-	Model?: any;
+			/** returns the cancel option value
+			 */
+			cancel?: boolean;
 
-	/** returns the entire scale element.
-	*/
-	scaleElement?: any;
+			/** returns the gauge model
+			 */
+			Model?: any;
 
-	/** returns the context element
-	*/
-	context?: any;
+			/** returns the entire scale element.
+			 */
+			scaleElement?: any;
 
-	/** returns the name of the event
-	*/
-	type?: string;
-}
+			/** returns the context element
+			 */
+			context?: any;
 
-export interface LoadEventArgs {
+			/** returns the name of the event
+			 */
+			type?: any;
+		}
 
-	/** returns the object of the gauge.
-	*/
-	object?: any;
+		export interface MouseClickEventArgs {
 
-	/** returns the cancel option value
-	*/
-	cancel?: boolean;
+			/** returns the object of the gauge.
+			 */
+			object?: any;
 
-	/** returns the gauge model
-	*/
-	Model?: any;
+			/** returns the cancel option value
+			 */
+			cancel?: boolean;
 
-	/** returns the entire scale element.
-	*/
-	scaleElement?: any;
+			/** returns the gauge model
+			 */
+			model?: any;
 
-	/** returns the context element
-	*/
-	context?: any;
+			/** returns the name of the event
+			 */
+			type?: any;
 
-	/** returns the name of the event
-	*/
-	type?: any;
-}
+			/** returns the scale element.
+			 */
+			scaleElement?: any;
 
-export interface MouseClickEventArgs {
+			/** returns the scaleIndex to which the pointer belongs.
+			 */
+			scaleIndex?: number;
 
-	/** returns the object of the gauge.
-	*/
-	object?: any;
+			/** returns the context element* @param {Object} args.markerpointer returns the context element
+			 */
+			context?: any;
 
-	/** returns the cancel option value
-	*/
-	cancel?: boolean;
+			/** returns the pointer Index
+			 */
+			markerpointerindex?: number;
 
-	/** returns the gauge model
-	*/
-	model?: any;
+			/** returns the pointer element.
+			 */
+			markerpointerelement?: any;
 
-	/** returns the name of the event
-	*/
-	type?: any;
+			/** returns the value of the pointer.
+			 */
+			markerpointervalue?: number;
 
-	/** returns the scale element.
-	*/
-	scaleElement?: any;
+			/** returns the pointer style
+			 */
+			style?: string;
 
-	/** returns the scaleIndex to which the pointer belongs.
-	*/
-	scaleIndex?: number;
+			/** returns the startX and startY of the pointer.
+			 */
+			position?: any;
+		}
 
-	/** returns the context element* @param {Object} args.markerpointer returns the context element
-	*/
-	context?: any;
+		export interface MouseClickMoveEventArgs {
 
-	/** returns the pointer Index
-	*/
-	markerpointerindex?: number;
+			/** returns the object of the gauge.
+			 */
+			object?: any;
 
-	/** returns the pointer element.
-	*/
-	markerpointerelement?: any;
+			/** returns the cancel option value
+			 */
+			cancel?: boolean;
 
-	/** returns the value of the pointer.
-	*/
-	markerpointervalue?: number;
+			/** returns the gauge model
+			 */
+			model?: any;
 
-	/** returns the pointer style
-	*/
-	style?: string;
+			/** returns the name of the event
+			 */
+			type?: any;
 
-	/** returns the startX and startY of the pointer.
-	*/
-	position?: any;
-}
+			/** returns the scale element.
+			 */
+			scaleElement?: any;
 
-export interface MouseClickMoveEventArgs {
+			/** returns the scaleIndex to which the pointer belongs.
+			 */
+			scaleIndex?: number;
 
-	/** returns the object of the gauge.
-	*/
-	object?: any;
+			/** returns the context element
+			 */
+			context?: any;
 
-	/** returns the cancel option value
-	*/
-	cancel?: boolean;
+			/** returns the pointer Index
+			 */
+			index?: number;
 
-	/** returns the gauge model
-	*/
-	model?: any;
+			/** returns the pointer element.
+			 */
+			element?: any;
 
-	/** returns the name of the event
-	*/
-	type?: any;
+			/** returns the value of the pointer.
+			 */
+			value?: number;
 
-	/** returns the scale element.
-	*/
-	scaleElement?: any;
+			/** returns the pointer style
+			 */
+			style?: string;
 
-	/** returns the scaleIndex to which the pointer belongs.
-	*/
-	scaleIndex?: number;
+			/** returns the startX and startY of the pointer.
+			 */
+			position?: any;
+		}
 
-	/** returns the context element
-	*/
-	context?: any;
+		export interface MouseClickUpEventArgs {
 
-	/** returns the pointer Index
-	*/
-	index?: number;
+			/** returns the object of the gauge.
+			 */
+			object?: any;
 
-	/** returns the pointer element.
-	*/
-	element?: any;
+			/** returns the cancel option value
+			 */
+			cancel?: boolean;
 
-	/** returns the value of the pointer.
-	*/
-	value?: number;
+			/** returns the gauge model
+			 */
+			model?: any;
 
-	/** returns the pointer style
-	*/
-	style?: string;
+			/** returns the name of the event
+			 */
+			type?: any;
 
-	/** returns the startX and startY of the pointer.
-	*/
-	position?: any;
-}
+			/** returns the scale element.
+			 */
+			scaleElement?: any;
 
-export interface MouseClickUpEventArgs {
+			/** returns the scaleIndex to which the pointer belongs.
+			 */
+			scaleIndex?: number;
 
-	/** returns the object of the gauge.
-	*/
-	object?: any;
+			/** 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 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;
+
+			/** 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;
+
+			/** 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;
+
+			/** 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;
 
-	/** returns the cancel option value
-	*/
-	cancel?: boolean;
+			/** Triggers when the ranges begin to be getting drawn on the gauge. */
+			drawRange?(e: DrawRangeEventArgs): void;
 
-	/** returns the gauge model
-	*/
-	model?: any;
+			/** 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;
 
-	/** returns the name of the event
-	*/
-	type?: any;
+			/** Triggers when the left mouse button is clicked. */
+			mouseClick?(e: MouseClickEventArgs): void;
 
-	/** returns the scale element.
-	*/
-	scaleElement?: any;
+			/** Triggers when clicking and dragging the mouse pointer over the gauge pointer. */
+			mouseClickMove?(e: MouseClickMoveEventArgs): void;
 
-	/** returns the scaleIndex to which the pointer belongs.
-	*/
-	scaleIndex?: number;
+			/** Triggers when the mouse click is released. */
+			mouseClickUp?(e: MouseClickUpEventArgs): void;
 
-	/** returns the context element* @param {Object} args.markerpointer returns the context element
-	*/
-	context?: any;
+			/** Triggers when the rendering of the gauge is completed. */
+			renderComplete?(e: RenderCompleteEventArgs): void;
+		}
 
-	/** returns the pointer Index
-	*/
-	markerpointerIndex?: number;
+		export interface DrawCustomLabelEventArgs {
 
-	/** returns the pointer element.
-	*/
-	markerpointerElement?: any;
+			/** returns the object of the gauge.
+			 */
+			object?: any;
 
-	/** returns the value of the pointer.
-	*/
-	markerpointerValue?: number;
+			/** returns the cancel option value
+			 */
+			cancel?: boolean;
 
-	/** returns the pointer style
-	*/
-	style?: string;
+			/** returns the context element
+			 */
+			context?: any;
 
-	/** returns the startX and startY of the pointer.
-	*/
-	position?: any;
-}
+			/** returns the startX and startY of the custom label
+			 */
+			position?: any;
 
-export interface RenderCompleteEventArgs {
+			/** returns the gauge model
+			 */
+			model?: any;
 
-	/** returns the object of the gauge.
-	*/
-	object?: any;
+			/** returns the options of the scale element.
+			 */
+			scaleElement?: any;
 
-	/** returns the cancel option value
-	*/
-	cancel?: boolean;
+			/** returns the scaleIndex to which the custom label belongs.
+			 */
+			scaleIndex?: number;
 
-	/** returns the gauge model
-	*/
-	Model?: any;
+			/** returns the custom label style
+			 */
+			style?: string;
 
-	/** returns the entire scale element.
-	*/
-	scaleElement?: any;
+			/** returns the current custom label element.
+			 */
+			customLabelElement?: any;
 
-	/** returns the context element
-	*/
-	context?: any;
+			/** returns the index of the custom label.
+			 */
+			customLabelIndex?: number;
 
-	/** returns the name of the event
-	*/
-	type?: any;
-}
+			/** returns the name of the event
+			 */
+			type?: string;
+		}
 
-export interface Frame {
+		export interface DrawIndicatorsEventArgs {
 
-	/** Specifies the frame background image URL of linear gauge
-	*   @Default {null}
-	*/
-	backgroundImageUrl?: string;
+			/** returns the object of the gauge.
+			 */
+			object?: any;
 
-	/** Specifies the frame InnerWidth
-	*   @Default {8}
-	*/
-	innerWidth?: number;
+			/** returns the cancel option value
+			 */
+			cancel?: boolean;
 
-	/** Specifies the frame OuterWidth
-	*   @Default {12}
-	*/
-	outerWidth?: number;
-}
+			/** returns the context element
+			 */
+			context?: any;
 
-export interface ScalesBarPointersBorder {
+			/** returns the startX and startY of the indicator
+			 */
+			position?: any;
 
-	/** Specifies the border Color of bar pointer
-	*   @Default {null}
-	*/
-	color?: string;
+			/** returns the gauge model
+			 */
+			model?: any;
 
-	/** Specifies the border Width of bar pointer
-	*   @Default {1.5}
-	*/
-	width?: number;
-}
+			/** returns the options of the scale element.
+			 */
+			scaleElement?: any;
 
-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;
-}
+			/** returns the scaleIndex to which the indicator belongs.
+			 */
+			scaleIndex?: number;
 
-export interface ScalesBorder {
+			/** returns the indicator style
+			 */
+			style?: string;
 
-	/** Specifies the border color of the Scale.
-	*   @Default {null}
-	*/
-	color?: string;
+			/** returns the current indicator element.
+			 */
+			indicatorElement?: any;
 
-	/** Specifies the border width of the Scale.
-	*   @Default {1.5}
-	*/
-	width?: number;
-}
+			/** returns the index of the indicator.
+			 */
+			indicatorIndex?: number;
 
-export interface ScalesCustomLabelsFont {
+			/** returns the name of the event
+			 */
+			type?: string;
+		}
 
-	/** Specifies the fontFamily in customLabels
-	*   @Default {Arial}
-	*/
-	fontFamily?: string;
+		export interface DrawLabelsEventArgs {
 
-	/** Specifies the fontStyle in customLabels. See FontStyle
-	*   @Default {Bold}
-	*/
-	fontStyle?: ej.datavisualization.LinearGauge.FontStyle|string;
+			/** returns the object of the gauge.
+			 */
+			object?: any;
 
-	/** Specifies the font size in customLabels
-	*   @Default {11px}
-	*/
-	size?: string;
-}
+			/** returns the cancel option value
+			 */
+			cancel?: boolean;
 
-export interface ScalesCustomLabelsPosition {
+			/** returns the context element
+			 */
+			context?: any;
 
-	/** Specifies the position x in customLabels
-	*   @Default {0}
-	*/
-	x?: number;
+			/** returns the startX and startY of the labels
+			 */
+			position?: any;
 
-	/** Specifies the y in customLabels
-	*   @Default {0}
-	*/
-	y?: number;
-}
+			/** returns the gauge model
+			 */
+			model?: any;
 
-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;
-}
+			/** returns the options of the scale element.
+			 */
+			scaleElement?: any;
 
-export interface ScalesIndicatorsBorder {
+			/** returns the scaleIndex to which the label belongs.
+			 */
+			scaleIndex?: number;
 
-	/** Specifies the border Color in bar indicators
-	*   @Default {null}
-	*/
-	color?: string;
+			/** returns the label style
+			 */
+			style?: string;
 
-	/** Specifies the border Width in bar indicators
-	*   @Default {1.5}
-	*/
-	width?: number;
-}
+			/** returns the angle of the labels.
+			 */
+			angle?: number;
 
-export interface ScalesIndicatorsFont {
+			/** returns the current label element.
+			 */
+			element?: any;
 
-	/** Specifies the fontFamily of font in bar indicators
-	*   @Default {Arial}
-	*/
-	fontFamily?: string;
+			/** returns the index of the label.
+			 */
+			index?: number;
 
-	/** Specifies the fontStyle of font in bar indicators. See FontStyle
-	*   @Default {ej.datavisualization.LinearGauge.FontStyle.Bold}
-	*/
-	fontStyle?: ej.datavisualization.LinearGauge.FontStyle|string;
+			/** returns the value of the label.
+			 */
+			pointerValue?: number;
 
-	/** Specifies the size of font in bar indicators
-	*   @Default {11px}
-	*/
-	size?: string;
-}
+			/** returns the name of the event
+			 */
+			type?: string;
+		}
 
-export interface ScalesIndicatorsPosition {
+		export interface DrawPointerCapEventArgs {
 
-	/** Specifies the x position in bar indicators
-	*   @Default {0}
-	*/
-	x?: number;
+			/** returns the object of the gauge.
+			 */
+			object?: any;
 
-	/** Specifies the y position in bar indicators
-	*   @Default {0}
-	*/
-	y?: number;
-}
+			/** returns the cancel option value
+			 */
+			cancel?: boolean;
 
-export interface ScalesIndicatorsStateRange {
+			/** returns the context element
+			 */
+			context?: any;
 
-	/** Specifies the backgroundColor in bar indicators state ranges
-	*   @Default {null}
-	*/
-	backgroundColor?: string;
+			/** returns the options of the scale element.
+			 */
+			scaleElement?: any;
 
-	/** Specifies the borderColor in bar indicators state ranges
-	*   @Default {null}
-	*/
-	borderColor?: string;
+			/** returns the startX and startY of the pointer cap.
+			 */
+			position?: any;
 
-	/** Specifies the endValue in bar indicators state ranges
-	*   @Default {60}
-	*/
-	endValue?: number;
+			/** returns the gauge model
+			 */
+			model?: any;
 
-	/** Specifies the startValue in bar indicators state ranges
-	*   @Default {50}
-	*/
-	startValue?: number;
+			/** returns the pointer cap style
+			 */
+			style?: string;
 
-	/** Specifies the text in bar indicators state ranges
-	*/
-	text?: string;
+			/** returns the name of the event
+			 */
+			type?: string;
+		}
 
-	/** Specifies the textColor in bar indicators state ranges
-	*   @Default {null}
-	*/
-	textColor?: string;
-}
+		export interface DrawPointersEventArgs {
 
-export interface ScalesIndicatorsTextLocation {
+			/** returns the object of the gauge.
+			 */
+			object?: any;
 
-	/** Specifies the textLocation position in bar indicators
-	*   @Default {0}
-	*/
-	x?: number;
+			/** returns the cancel option value
+			 */
+			cancel?: boolean;
 
-	/** Specifies the Y position in bar indicators
-	*   @Default {0}
-	*/
-	y?: number;
-}
+			/** returns the context element
+			 */
+			context?: any;
 
-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?: 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;
-}
+			/** returns the startX and startY of the pointer
+			 */
+			position?: any;
 
-export interface ScalesLabelsDistanceFromScale {
+			/** returns the gauge model
+			 */
+			model?: any;
 
-	/** Specifies the xDistanceFromScale of labels.
-	*   @Default {-10}
-	*/
-	x?: number;
+			/** returns the options of the scale element.
+			 */
+			scaleElement?: any;
 
-	/** Specifies the yDistanceFromScale of labels.
-	*   @Default {0}
-	*/
-	y?: number;
-}
+			/** returns the scaleIndex to which the pointer belongs.
+			 */
+			scaleIndex?: number;
 
-export interface ScalesLabelsFont {
+			/** returns the pointer style
+			 */
+			style?: string;
 
-	/** Specifies the fontFamily of font.
-	*   @Default {Arial}
-	*/
-	fontFamily?: string;
+			/** returns the angle of the pointer.
+			 */
+			angle?: number;
 
-	/** Specifies the fontStyle of font.See FontStyle
-	*   @Default {ej.datavisualization.LinearGauge.FontStyle.Bold}
-	*/
-	fontStyle?: ej.datavisualization.LinearGauge.FontStyle|string;
+			/** returns the current pointer element.
+			 */
+			element?: any;
 
-	/** Specifies the size of font.
-	*   @Default {11px}
-	*/
-	size?: string;
-}
+			/** returns the index of the pointer.
+			 */
+			index?: number;
 
-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;
-}
+			/** returns the value of the pointer.
+			 */
+			value?: number;
 
-export interface ScalesMarkerPointersBorder {
+			/** returns the name of the event
+			 */
+			type?: string;
+		}
 
-	/** Specifies the border color of marker pointer
-	*   @Default {null}
-	*/
-	color?: string;
+		export interface DrawRangeEventArgs {
 
-	/** Specifies the border of marker pointer
-	*   @Default {number}
-	*/
-	width?: number;
-}
+			/** returns the object of the gauge.
+			 */
+			object?: any;
 
-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;
-}
+			/** returns the cancel option value
+			 */
+			cancel?: boolean;
 
-export interface ScalesPosition {
+			/** returns the context element
+			 */
+			context?: any;
 
-	/** Specifies the Horizontal position
-	*   @Default {50}
-	*/
-	x?: number;
+			/** returns the startX and startY of the range
+			 */
+			position?: any;
 
-	/** Specifies the vertical position
-	*   @Default {50}
-	*/
-	y?: number;
-}
+			/** returns the gauge model
+			 */
+			model?: any;
 
-export interface ScalesRangesBorder {
+			/** returns the options of the scale element.
+			 */
+			scaleElement?: any;
 
-	/** Specifies the border color in the ranges.
-	*   @Default {null}
-	*/
-	color?: string;
+			/** returns the scaleIndex to which the range belongs.
+			 */
+			scaleIndex?: number;
 
-	/** Specifies the border width in the ranges.
-	*   @Default {1.5}
-	*/
-	width?: number;
-}
+			/** returns the range style
+			 */
+			style?: string;
 
-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;
-}
+			/** returns the current range element.
+			 */
+			rangeElement?: any;
 
-export interface ScalesTicksDistanceFromScale {
+			/** returns the index of the range.
+			 */
+			rangeIndex?: number;
 
-	/** Specifies the xDistanceFromScale in the tick.
-	*   @Default {0}
-	*/
-	x?: number;
+			/** returns the name of the event
+			 */
+			type?: string;
+		}
 
-	/** Specifies the yDistanceFromScale in the tick.
-	*   @Default {0}
-	*/
-	y?: number;
-}
+		export interface DrawTicksEventArgs {
 
-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;
-}
+			/** returns the object of the gauge.
+			 */
+			object?: any;
 
-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 Directions
-	*   @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 ScaleType
-	*   @Default {Rectangle}
-	*/
-	type?: ej.datavisualization.LinearGauge.ScaleType|string;
-
-	/** Specifies the scaleBar width.
-	*   @Default {30}
-	*/
-	width?: number;
-}
+			/** returns the cancel option value
+			 */
+			cancel?: boolean;
 
-export interface Tooltip {
+			/** returns the context element
+			 */
+			context?: any;
 
-	/** Specify showCustomLabelTooltip value of linear gauge
-	*   @Default {false}
-	*/
-	showCustomLabelTooltip?: boolean;
+			/** returns the startX and startY of the ticks
+			 */
+			position?: any;
 
-	/** Specify showLabelTooltip value of linear gauge
-	*   @Default {false}
-	*/
-	showLabelTooltip?: boolean;
+			/** returns the gauge model
+			 */
+			model?: any;
 
-	/** 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,
-}
-}
+			/** returns the options of the scale element.
+			 */
+			scaleElement?: any;
 
-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 animate value of circular gauge
-	*   @Default {true}
-	*/
-	enableAnimation?: 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;
-
-	/** 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?: 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;
+			/** returns the scaleIndex to which the tick belongs.
+			 */
+			scaleIndex?: number;
 
-	/** 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;
+			/** returns the ticks style
+			 */
+			style?: string;
 
-	/** Triggers while the labels are being drawn on the gauge. */
-	drawLabels? (e: DrawLabelsEventArgs): void;
+			/** returns the angle of the tick.
+			 */
+			angle?: number;
 
-	/** Triggers while the pointer cap is being drawn on the gauge. */
-	drawPointerCap? (e: DrawPointerCapEventArgs): void;
+			/** returns the current tick element.
+			 */
+			element?: any;
 
-	/** Triggers while the pointers are being drawn on the gauge. */
-	drawPointers? (e: DrawPointersEventArgs): void;
+			/** returns the index of the tick.
+			 */
+			index?: number;
 
-	/** Triggers when the ranges begin to be getting drawn on the gauge. */
-	drawRange? (e: DrawRangeEventArgs): void;
+			/** returns the label value of the tick.
+			 */
+			pointerValue?: number;
 
-	/** Triggers while the ticks are being drawn on the gauge. */
-	drawTicks? (e: DrawTicksEventArgs): void;
+			/** returns the name of the event
+			 */
+			type?: string;
+		}
 
-	/** Triggers while the gauge start to Load. */
-	load? (e: LoadEventArgs): void;
+		export interface LoadEventArgs {
 
-	/** Triggers when the left mouse button is clicked. */
-	mouseClick? (e: MouseClickEventArgs): void;
+			/** returns the object of the gauge.
+			 */
+			object?: any;
 
-	/** Triggers when clicking and dragging the mouse pointer over the gauge pointer. */
-	mouseClickMove? (e: MouseClickMoveEventArgs): void;
+			/** returns the cancel option value
+			 */
+			cancel?: boolean;
 
-	/** Triggers when the mouse click is released. */
-	mouseClickUp? (e: MouseClickUpEventArgs): void;
+			/** returns the gauge model
+			 */
+			Model?: any;
 
-	/** Triggers when the rendering of the gauge is completed. */
-	renderComplete? (e: RenderCompleteEventArgs): void;
-}
+			/** returns the entire scale element.
+			 */
+			scaleElement?: any;
 
-export interface LegendItemRenderEventArgs {
+			/** returns the context element
+			 */
+			context?: any;
 
-	/** 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;
+		export interface MouseClickEventArgs {
 
-	/** Name of the event
-	*/
-	type?: string;
+			/** returns the object of the gauge.
+			 */
+			object?: any;
 
-	/** Instance of the legend item object that is about to be rendered
-	*/
-	data?: any;
-}
+			/** returns the cancel option value
+			 */
+			cancel?: boolean;
 
-export interface LegendItemClickEventArgs {
+			/** returns the gauge model
+			 */
+			model?: any;
 
-	/** Set this option to true to cancel the event
-	*/
-	cancel?: boolean;
+			/** returns the name of the event
+			 */
+			type?: any;
 
-	/** Instance of the circulargauge model object
-	*/
-	model?: any;
+			/** returns the scale element.
+			 */
+			scaleElement?: any;
 
-	/** Name of the event
-	*/
-	type?: string;
+			/** returns the scaleIndex to which the pointer belongs.
+			 */
+			scaleIndex?: number;
 
-	/** Instance of the legend item object that is about to be rendered
-	*/
-	data?: any;
-}
+			/** returns the context element
+			 */
+			context?: any;
 
-export interface RangeMouseMoveEventArgs {
+			/** returns the pointer Index
+			 */
+			index?: number;
 
-	/** Set this option to true to cancel the event
-	*/
-	cancel?: boolean;
+			/** returns the pointer element.
+			 */
+			element?: any;
 
-	/** Instance of the circulargauge model object
-	*/
-	model?: any;
+			/** returns the value of the pointer.
+			 */
+			value?: number;
 
-	/** Name of the event
-	*/
-	type?: string;
+			/** returns the angle of the pointer.
+			 */
+			angle?: number;
 
-	/** Region of ranges
-	*/
-	data?: any;
-}
+			/** returns the pointer style
+			 */
+			style?: string;
 
-export interface DrawCustomLabelEventArgs {
+			/** returns the startX and startY of the pointer.
+			 */
+			position?: any;
+		}
 
-	/** returns the object of the gauge.
-	*/
-	object?: any;
+		export interface MouseClickMoveEventArgs {
 
-	/** returns the cancel option value
-	*/
-	cancel?: boolean;
+			/** returns the object of the gauge.
+			 */
+			object?: any;
 
-	/** returns the context element
-	*/
-	context?: any;
+			/** returns the cancel option value
+			 */
+			cancel?: boolean;
 
-	/** returns the startX and startY of the custom label
-	*/
-	position?: any;
+			/** returns the gauge model
+			 */
+			model?: any;
 
-	/** returns the gauge model
-	*/
-	model?: any;
+			/** returns the name of the event
+			 */
+			type?: any;
 
-	/** returns the options of the scale element.
-	*/
-	scaleElement?: any;
+			/** returns the scale element.
+			 */
+			scaleElement?: any;
 
-	/** returns the scaleIndex to which the custom label belongs.
-	*/
-	scaleIndex?: number;
+			/** returns the scaleIndex to which the pointer belongs.
+			 */
+			scaleIndex?: number;
 
-	/** returns the custom label style
-	*/
-	style?: string;
+			/** returns the context element
+			 */
+			context?: any;
 
-	/** returns the current custom label element.
-	*/
-	customLabelElement?: any;
+			/** returns the pointer Index
+			 */
+			index?: number;
 
-	/** returns the index of the custom label.
-	*/
-	customLabelIndex?: number;
+			/** returns the pointer element.
+			 */
+			element?: any;
 
-	/** returns the name of the event
-	*/
-	type?: string;
-}
+			/** returns the value of the pointer.
+			 */
+			value?: number;
 
-export interface DrawIndicatorsEventArgs {
+			/** returns the angle of the pointer.
+			 */
+			angle?: number;
 
-	/** returns the object of the gauge.
-	*/
-	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 context element
-	*/
-	context?: any;
+		export interface MouseClickUpEventArgs {
 
-	/** returns the startX and startY of the indicator
-	*/
-	position?: any;
+			/** returns the object of the gauge.
+			 */
+			object?: any;
 
-	/** returns the gauge model
-	*/
-	model?: any;
+			/** returns the cancel option value
+			 */
+			cancel?: boolean;
 
-	/** returns the options of the scale element.
-	*/
-	scaleElement?: any;
+			/** returns the gauge model
+			 */
+			model?: any;
 
-	/** returns the scaleIndex to which the indicator belongs.
-	*/
-	scaleIndex?: number;
+			/** returns the name of the event
+			 */
+			type?: any;
 
-	/** returns the indicator style
-	*/
-	style?: string;
+			/** returns the scale element.
+			 */
+			scaleElement?: any;
 
-	/** returns the current indicator element.
-	*/
-	indicatorElement?: any;
+			/** returns the scaleIndex to which the pointer belongs.
+			 */
+			scaleIndex?: number;
 
-	/** returns the index of the indicator.
-	*/
-	indicatorIndex?: number;
+			/** returns the context element
+			 */
+			context?: any;
+
+			/** returns the pointer Index
+			 */
+			index?: number;
 
-	/** returns the name of the event
-	*/
-	type?: string;
-}
+			/** returns the pointer element.
+			 */
+			element?: any;
 
-export interface DrawLabelsEventArgs {
+			/** 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 object of the gauge.
-	*/
-	object?: 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 font for custom labels
+			 * @Default {Object}
+			 */
+			font?: ScalesCustomLabelsFont;
+		}
+
+		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 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 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,
+		}
+	}
+
+	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 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 cancel option value
+			 */
+			cancel?: boolean;
+
+			/** returns the all the options of the items.
+			 */
+			items?: any;
 
-	/** returns the context element
-	*/
-	context?: any;
+			/** returns the context element
+			 */
+			context?: any;
+
+			/** returns the gauge model
+			 */
+			model?: any;
 
-	/** returns the startX and startY of the labels
-	*/
-	position?: any;
+			/** returns the name of the event
+			 */
+			type?: string;
+		}
 
-	/** returns the gauge model
-	*/
-	model?: any;
+		export interface LoadEventArgs {
 
-	/** returns the options of the scale element.
-	*/
-	scaleElement?: any;
+			/** returns the object of the gauge.
+			 */
+			object?: any;
+
+			/** returns the cancel option value
+			 */
+			cancel?: boolean;
 
-	/** returns the scaleIndex to which the label belongs.
-	*/
-	scaleIndex?: number;
+			/** returns the all the options of the items.
+			 */
+			items?: any;
 
-	/** returns the label style
-	*/
-	style?: string;
+			/** returns the context element
+			 */
+			context?: any;
 
-	/** returns the angle of the labels.
-	*/
-	angle?: number;
+			/** returns the gauge model
+			 */
+			model?: any;
 
-	/** returns the current label element.
-	*/
-	element?: any;
+			/** returns the name of the event
+			 */
+			type?: string;
+		}
 
-	/** returns the index of the label.
-	*/
-	index?: number;
+		export interface RenderCompleteEventArgs {
 
-	/** returns the value of the label.
-	*/
-	pointerValue?: number;
+			/** 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 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;
+
+		/** 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;
 
-export interface DrawPointerCapEventArgs {
+			/** Options to split Chart into multiple plotting areas horizontally. Each object in the collection represents a plotting area in Chart.
+			 */
+			rowDefinitions?: RowDefinition[];
 
-	/** returns the object of the gauge.
-	*/
-	object?: any;
+			/** Specifies the properties used for customizing the series.
+			 */
+			series?: Series[];
 
-	/** returns the cancel option value
-	*/
-	cancel?: boolean;
+			/** Controls whether data points has to be displayed side by side or along the depth of the axis.
+			 * @Default {false}
+			 */
+			sideBySideSeriesPlacement?: boolean;
 
-	/** returns the context element
-	*/
-	context?: any;
+			/** Options to customize the Chart size.
+			 */
+			size?: Size;
 
-	/** returns the options of the scale element.
-	*/
-	scaleElement?: any;
+			/** Specifies the theme for Chart.
+			 * @Default {Flatlight. See Theme}
+			 */
+			theme?: ej.datavisualization.Chart.Theme | string;
 
-	/** returns the startX and startY of the pointer cap.
-	*/
-	position?: any;
+			/** Slope angle of 3D Chart. This property is applicable only when 3D view is enabled.
+			 * @Default {0}
+			 */
+			tilt?: number;
 
-	/** returns the gauge model
-	*/
-	model?: any;
+			/** Options for customizing the title and subtitle of Chart.
+			 */
+			title?: Title;
 
-	/** returns the pointer cap style
-	*/
-	style?: string;
+			/** 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;
 
-	/** returns the name of the event
-	*/
-	type?: string;
-}
+			/** Options for enabling zooming feature of chart.
+			 */
+			zooming?: Zooming;
 
-export interface DrawPointersEventArgs {
+			/** Fires after the series animation is completed. This event will be triggered for each series when animation is enabled. */
+			animationComplete?(e: AnimationCompleteEventArgs): void;
 
-	/** returns the object of the gauge.
-	*/
-	object?: any;
+			/** 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;
 
-	/** returns the cancel option value
-	*/
-	cancel?: boolean;
+			/** Fires during the initialization of axis labels. */
+			axesLabelsInitialize?(e: AxesLabelsInitializeEventArgs): void;
 
-	/** returns the context element
-	*/
-	context?: any;
+			/** 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;
 
-	/** returns the startX and startY of the pointer
-	*/
-	position?: any;
+			/** 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;
 
-	/** returns the gauge model
-	*/
-	model?: any;
+			/** Fires during the calculation of chart area bounds. You can use this event to customize the bounds of chart area. */
+			chartAreaBoundsCalculate?(e: ChartAreaBoundsCalculateEventArgs): void;
 
-	/** returns the options of the scale element.
-	*/
-	scaleElement?: any;
+			/** Fires after chart is created. */
+			create?(e: CreateEventArgs): void;
 
-	/** returns the scaleIndex to which the pointer belongs.
-	*/
-	scaleIndex?: number;
+			/** Fires when chart is destroyed completely. */
+			destroy?(e: DestroyEventArgs): void;
 
-	/** returns the pointer style
-	*/
-	style?: string;
+			/** 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;
 
-	/** returns the angle of the pointer.
-	*/
-	angle?: number;
+			/** Fires during the calculation of legend bounds. You can use this event to customize the bounds of legend. */
+			legendBoundsCalculate?(e: LegendBoundsCalculateEventArgs): void;
 
-	/** returns the current pointer element.
-	*/
-	element?: any;
+			/** Fires on clicking the legend item. */
+			legendItemClick?(e: LegendItemClickEventArgs): void;
 
-	/** returns the index of the pointer.
-	*/
-	index?: number;
+			/** Fires when moving mouse over legend item. You can use this event for hit testing on legend items. */
+			legendItemMouseMove?(e: LegendItemMouseMoveEventArgs): void;
 
-	/** returns the value of the pointer.
-	*/
-	value?: number;
+			/** 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;
 
-	/** returns the name of the event
-	*/
-	type?: string;
-}
+			/** Fires before loading the chart. */
+			load?(e: LoadEventArgs): void;
 
-export interface DrawRangeEventArgs {
+			/** Fires after selected the data in chart. */
+			rangeSelected?(e: RangeSelectedEventArgs): void;
 
-	/** returns the object of the gauge.
-	*/
-	object?: any;
+			/** Fires on clicking a point in chart. You can use this event to handle clicks made on points. */
+			pointRegionClick?(e: PointRegionClickEventArgs): void;
 
-	/** returns the cancel option value
-	*/
-	cancel?: boolean;
+			/** Fires when mouse is moved over a point. */
+			pointRegionMouseMove?(e: PointRegionMouseMoveEventArgs): void;
 
-	/** returns the context element
-	*/
-	context?: any;
+			/** Fires before rendering chart. */
+			preRender?(e: PreRenderEventArgs): void;
 
-	/** returns the startX and startY of the range
-	*/
-	position?: any;
+			/** Fires after selecting a series. This event is triggered after selecting a series only if selection mode is series. */
+			seriesRegionClick?(e: SeriesRegionClickEventArgs): void;
 
-	/** returns the gauge model
-	*/
-	model?: any;
+			/** Fires before rendering a series. This event is fired for each series in Chart. */
+			seriesRendering?(e: SeriesRenderingEventArgs): void;
 
-	/** returns the options of the scale element.
-	*/
-	scaleElement?: any;
+			/** Fires before rendering the marker symbols. This event is triggered for each marker in Chart. */
+			symbolRendering?(e: SymbolRenderingEventArgs): void;
 
-	/** returns the scaleIndex to which the range belongs.
-	*/
-	scaleIndex?: number;
+			/** Fires before rendering the Chart title. You can use this event to add custom text in Chart title. */
+			titleRendering?(e: TitleRenderingEventArgs): void;
 
-	/** returns the range style
-	*/
-	style?: string;
+			/** 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;
 
-	/** returns the current range element.
-	*/
-	rangeElement?: any;
+			/** 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 index of the range.
-	*/
-	rangeIndex?: number;
+			/** 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 name of the event
-	*/
-	type?: string;
-}
+			/** Fires, on clicking the axis label. */
+			axisLabelClick?(e: AxisLabelClickEventArgs): void;
 
-export interface DrawTicksEventArgs {
+			/** Fires on moving mouse over the axis label. */
+			axisLabelMouseMove?(e: AxisLabelMouseMoveEventArgs): void;
 
-	/** returns the object of the gauge.
-	*/
-	object?: any;
+			/** Fires, on the clicking the chart. */
+			chartClick?(e: ChartClickEventArgs): void;
 
-	/** returns the cancel option value
-	*/
-	cancel?: boolean;
+			/** Fires on moving mouse over the chart. */
+			chartMouseMove?(e: ChartMouseMoveEventArgs): void;
 
-	/** returns the context element
-	*/
-	context?: any;
+			/** Fires, on double clicking the chart. */
+			chartDoubleClick?(e: ChartDoubleClickEventArgs): void;
 
-	/** returns the startX and startY of the ticks
-	*/
-	position?: any;
+			/** Fires on clicking the annotation. */
+			annotationClick?(e: AnnotationClickEventArgs): void;
 
-	/** returns the gauge model
-	*/
-	model?: any;
+			/** Fires, after the chart is resized. */
+			afterResize?(e: AfterResizeEventArgs): void;
 
-	/** returns the options of the scale element.
-	*/
-	scaleElement?: any;
+			/** Fires, when chart size is changing. */
+			beforeResize?(e: BeforeResizeEventArgs): void;
 
-	/** returns the scaleIndex to which the tick belongs.
-	*/
-	scaleIndex?: number;
+			/** Fires, when error bar is rendering. */
+			errorBarRendering?(e: ErrorBarRenderingEventArgs): void;
 
-	/** returns the ticks style
-	*/
-	style?: string;
+			/** Trigger, after the scrollbar position is changed. */
+			scrollChanged?(e: ScrollChangedEventArgs): void;
 
-	/** returns the angle of the tick.
-	*/
-	angle?: number;
+			/** Event triggered when scroll starts */
+			scrollStart?(e: ScrollStartEventArgs): void;
 
-	/** returns the current tick element.
-	*/
-	element?: any;
+			/** Event triggered when scroll end */
+			scrollEnd?(e: ScrollEndEventArgs): void;
+		}
 
-	/** returns the index of the tick.
-	*/
-	index?: number;
+		export interface AnimationCompleteEventArgs {
 
-	/** returns the label value of the tick.
-	*/
-	pointerValue?: number;
+			/** Instance of the series that completed has animation.
+			 */
+			series?: any;
 
-	/** returns the name of the event
-	*/
-	type?: string;
-}
+			/** Set this option to true to cancel the event
+			 */
+			cancel?: boolean;
 
-export interface LoadEventArgs {
+			/** Instance of the chart model object
+			 */
+			model?: any;
 
-	/** returns the object of the gauge.
-	*/
-	object?: any;
+			/** Name of the event
+			 */
+			type?: string;
+		}
 
-	/** returns the cancel option value
-	*/
-	cancel?: boolean;
+		export interface AxesLabelRenderingEventArgs {
 
-	/** returns the gauge model
-	*/
-	Model?: any;
+			/** Instance of the corresponding axis.
+			 */
+			Axis?: any;
 
-	/** returns the entire scale element.
-	*/
-	scaleElement?: any;
+			/** Formatted text of the respective label. You can also add custom text to the label.
+			 */
+			LabelText?: string;
 
-	/** returns the context element
-	*/
-	context?: any;
+			/** Actual value of the label.
+			 */
+			LabelValue?: string;
 
-	/** returns the name of the event
-	*/
-	type?: string;
-}
+			/** Set this option to true to cancel the event.
+			 */
+			cancel?: boolean;
 
-export interface MouseClickEventArgs {
+			/** Instance of the chart model object.
+			 */
+			model?: any;
 
-	/** returns the object of the gauge.
-	*/
-	object?: any;
+			/** Name of the event
+			 */
+			type?: string;
+		}
 
-	/** returns the cancel option value
-	*/
-	cancel?: boolean;
+		export interface AxesLabelsInitializeEventArgs {
 
-	/** returns the gauge model
-	*/
-	model?: any;
+			/** Collection of axes in Chart
+			 */
+			dataAxes?: any;
 
-	/** returns the name of the event
-	*/
-	type?: any;
+			/** Set this option to true to cancel the event.
+			 */
+			cancel?: boolean;
 
-	/** returns the scale element.
-	*/
-	scaleElement?: any;
+			/** Instance of the chart model object.
+			 */
+			model?: any;
 
-	/** returns the scaleIndex to which the pointer belongs.
-	*/
-	scaleIndex?: number;
+			/** Name of the event
+			 */
+			type?: string;
+		}
 
-	/** returns the context element
-	*/
-	context?: any;
+		export interface AxesRangeCalculateEventArgs {
 
-	/** returns the pointer Index
-	*/
-	index?: number;
+			/** Difference between minimum and maximum value of axis range.
+			 */
+			delta?: number;
 
-	/** returns the pointer element.
-	*/
-	element?: any;
+			/** Interval value of axis range. Grid lines, tick lines and axis labels are drawn based on this interval value.
+			 */
+			interval?: number;
 
-	/** returns the value of the pointer.
-	*/
-	value?: number;
+			/** Maximum value of axis range.
+			 */
+			max?: number;
 
-	/** returns the angle of the pointer.
-	*/
-	angle?: number;
+			/** Minimum value of axis range.
+			 */
+			min?: number;
 
-	/** returns the pointer style
-	*/
-	style?: string;
+			/** Set this option to true to cancel the event.
+			 */
+			cancel?: boolean;
 
-	/** returns the startX and startY of the pointer.
-	*/
-	position?: any;
-}
+			/** Instance of the chart model object.
+			 */
+			model?: any;
 
-export interface MouseClickMoveEventArgs {
+			/** Name of the event
+			 */
+			type?: string;
+		}
 
-	/** returns the object of the gauge.
-	*/
-	object?: any;
+		export interface AxesTitleRenderingEventArgs {
 
-	/** returns the cancel option value
-	*/
-	cancel?: boolean;
+			/** Instance of the axis whose title is being rendered
+			 */
+			axes?: any;
 
-	/** returns the gauge model
-	*/
-	model?: any;
+			/** X-coordinate of title location
+			 */
+			locationX?: number;
 
-	/** returns the name of the event
-	*/
-	type?: any;
+			/** Y-coordinate of title location
+			 */
+			locationY?: number;
 
-	/** returns the scale element.
-	*/
-	scaleElement?: any;
+			/** Axis title text. You can add custom text to the title.
+			 */
+			title?: string;
 
-	/** returns the scaleIndex to which the pointer belongs.
-	*/
-	scaleIndex?: number;
+			/** Set this option to true to cancel the event.
+			 */
+			cancel?: boolean;
 
-	/** returns the context element
-	*/
-	context?: any;
+			/** Instance of the chart model object.
+			 */
+			model?: any;
 
-	/** returns the pointer Index
-	*/
-	index?: number;
+			/** Name of the event
+			 */
+			type?: string;
+		}
 
-	/** returns the pointer element.
-	*/
-	element?: any;
+		export interface ChartAreaBoundsCalculateEventArgs {
 
-	/** returns the value of the pointer.
-	*/
-	value?: number;
+			/** Height of the chart area.
+			 */
+			areaBoundsHeight?: number;
 
-	/** returns the angle of the pointer.
-	*/
-	angle?: number;
+			/** Width of the chart area.
+			 */
+			areaBoundsWidth?: number;
 
-	/** returns the pointer style
-	*/
-	style?: string;
+			/** X-coordinate of the chart area.
+			 */
+			areaBoundsX?: number;
 
-	/** returns the startX and startY of the pointer.
-	*/
-	position?: any;
-}
+			/** Y-coordinate of the chart area.
+			 */
+			areaBoundsY?: number;
 
-export interface MouseClickUpEventArgs {
+			/** Set this option to true to cancel the event.
+			 */
+			cancel?: boolean;
 
-	/** returns the object of the gauge.
-	*/
-	object?: any;
+			/** Instance of the chart model object.
+			 */
+			model?: any;
 
-	/** returns the cancel option value
-	*/
-	cancel?: boolean;
+			/** Name of the event
+			 */
+			type?: string;
+		}
 
-	/** returns the gauge model
-	*/
-	model?: any;
+		export interface CreateEventArgs {
 
-	/** returns the name of the event
-	*/
-	type?: any;
+			/** Set this option to true to cancel the event.
+			 */
+			cancel?: boolean;
 
-	/** returns the scale element.
-	*/
-	scaleElement?: any;
+			/** Instance of the chart model object.
+			 */
+			model?: any;
 
-	/** returns the scaleIndex to which the pointer belongs.
-	*/
-	scaleIndex?: number;
+			/** Name of the event
+			 */
+			type?: string;
+		}
 
-	/** returns the context element
-	*/
-	context?: any;
+		export interface DestroyEventArgs {
 
-	/** returns the pointer Index
-	*/
-	index?: number;
+			/** Set this option to true to cancel the event.
+			 */
+			cancel?: boolean;
 
-	/** returns the pointer element.
-	*/
-	element?: any;
+			/** Instance of the chart model object.
+			 */
+			model?: any;
 
-	/** returns the value of the pointer.
-	*/
-	value?: number;
+			/** Name of the event
+			 */
+			type?: string;
+		}
 
-	/** returns the angle of the pointer.
-	*/
-	angle?: number;
+		export interface DisplayTextRenderingEventArgs {
 
-	/** returns the pointer style
-	*/
-	style?: string;
+			/** Text displayed in data label. You can add custom text to the data label
+			 */
+			text?: string;
 
-	/** returns the startX and startY of the pointer.
-	*/
-	position?: any;
-}
+			/** X-coordinate of data label location
+			 */
+			locationX?: number;
 
-export interface RenderCompleteEventArgs {
+			/** Y-coordinate of data label location
+			 */
+			locationY?: number;
 
-	/** returns the object of the gauge.
-	*/
-	object?: any;
+			/** Index of the series in series Collection whose data label is being rendered
+			 */
+			seriesIndex?: number;
 
-	/** returns the cancel option value
-	*/
-	cancel?: boolean;
+			/** Index of the point in series whose data label is being rendered
+			 */
+			pointIndex?: number;
 
-	/** returns the context element
-	*/
-	context?: any;
+			/** Set this option to true to cancel the event.
+			 */
+			cancel?: boolean;
 
-	/** returns the entire scale element.
-	*/
-	scaleElement?: any;
+			/** Instance of the chart model object.
+			 */
+			model?: any;
 
-	/** returns the gauge model
-	*/
-	model?: any;
+			/** Name of the event
+			 */
+			type?: string;
+		}
 
-	/** returns the name of the event
-	*/
-	type?: string;
-}
+		export interface LegendBoundsCalculateEventArgs {
 
-export interface Frame {
+			/** Height of the legend.
+			 */
+			legendBoundsHeight?: number;
 
-	/** Specify the URL of the frame background image for circular gauge
-	*   @Default {null}
-	*/
-	backgroundImageUrl?: string;
+			/** Width of the legend.
+			 */
+			legendBoundsWidth?: number;
 
-	/** Specifies the frameType of circular gauge. See Frame
-	*   @Default {FullCircle}
-	*/
-	frameType?: ej.datavisualization.CircularGauge.FrameType|string;
+			/** Number of rows to display the legend items
+			 */
+			legendBoundsRows?: number;
 
-	/** Specifies the end angle for the half circular frame.
-	*   @Default {360}
-	*/
-	halfCircleFrameEndAngle?: number;
+			/** Set this option to true to cancel the event.
+			 */
+			cancel?: boolean;
 
-	/** Specifies the start angle for the half circular frame.
-	*   @Default {180}
-	*/
-	halfCircleFrameStartAngle?: number;
-}
+			/** Instance of the chart model object.
+			 */
+			model?: any;
 
-export interface ScalesBorder {
+			/** Name of the event
+			 */
+			type?: string;
+		}
 
-	/** Specify border color for scales of circular gauge
-	*   @Default {null}
-	*/
-	color?: string;
+		export interface LegendItemClickEventArgs {
 
-	/** Specify border width of circular gauge
-	*   @Default {1.5}
-	*/
-	width?: number;
-}
+			/** Set this option to true to cancel the event
+			 */
+			cancel?: boolean;
 
-export interface ScalesCustomLabelsPosition {
+			/** Instance of the chart model object
+			 */
+			model?: any;
 
-	/** Specify x-axis position of label
-	*   @Default {0}
-	*/
-	x?: number;
+			/** Name of the event
+			 */
+			type?: string;
 
-	/** Specify y-axis  position of labels.
-	*   @Default {0}
-	*/
-	y?: number;
-}
+			/** X-coordinate of legend item in pixel
+			 */
+			startX?: number;
 
-export interface ScalesCustomLabelsFont {
+			/** Y-coordinate of legend item in pixel
+			 */
+			startY?: number;
 
-	/** Specify font fontFamily for custom labels.
-	*   @Default {Arial}
-	*/
-	fontFamily?: string;
+			/** Instance of the legend item object that is about to be rendered
+			 */
+			LegendItem?: any;
 
-	/** Specify font Style for custom labels.
-	*   @Default {Bold}
-	*/
-	fontStyle?: string;
+			/** Options to customize the legend item styles such as border, color, size, etc…,
+			 */
+			style?: any;
 
-	/** Specify font size for custom labels.
-	*   @Default {12px}
-	*/
-	size?: string;
-}
+			/** Instance that holds information about legend bounds and legend item bounds.
+			 */
+			Bounds?: any;
 
-export interface ScalesCustomLabel {
+			/** Name of the legend item shape. Use this option to customize legend item shape before rendering
+			 */
+			symbolShape?: string;
 
-	/** Value of the custom labels.
-	*/
-	value?: string;
+			/** Instance of the series object corresponding to the legend item
+			 */
+			series?: any;
+		}
 
-	/** Color of the custom labels.
-	*/
-	color?: string;
+		export interface LegendItemMouseMoveEventArgs {
 
-	/** Specify position of custom labels
-	*   @Default {Object}
-	*/
-	position?: ScalesCustomLabelsPosition;
+			/** Set this option to true to cancel the event
+			 */
+			cancel?: boolean;
 
-	/** Specify font for custom labels
-	*   @Default {Object}
-	*/
-	font?: ScalesCustomLabelsFont;
-}
+			/** Instance of the chart model object
+			 */
+			model?: any;
 
-export interface ScalesIndicatorsPosition {
+			/** Name of the event
+			 */
+			type?: string;
 
-	/** Specify x-axis of position of circular gauge
-	*   @Default {0}
-	*/
-	x?: number;
+			/** X-coordinate of legend item in pixel
+			 */
+			startX?: number;
 
-	/** Specify y-axis of position of circular gauge
-	*   @Default {0}
-	*/
-	y?: number;
-}
+			/** Y-coordinate of legend item in pixel
+			 */
+			startY?: 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;
-}
+			/** Instance of the legend item object that is about to be rendered
+			 */
+			LegendItem?: any;
 
-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 IndicatorType
-	*   @Default {Circle}
-	*/
-	type?: ej.datavisualization.CircularGauge.IndicatorTypes|string;
-
-	/** Specify indicator width of circular gauge
-	*   @Default {15}
-	*/
-	width?: number;
-}
+			/** Options to customize the legend item styles such as border, color, size, etc…,
+			 */
+			style?: any;
 
-export interface ScalesLabelsFont {
+			/** Options to customize the legend item styles such as border, color, size, etc…,
+			 */
+			Bounds?: any;
 
-	/** Specify font fontFamily for labels of circular gauge
-	*   @Default {Arial}
-	*/
-	fontFamily?: string;
+			/** Name of the legend item shape. Use this option to customize legend item shape before rendering
+			 */
+			symbolShape?: string;
 
-	/** Specify font Style for labels of circular gauge
-	*   @Default {Bold}
-	*/
-	fontStyle?: string;
+			/** Instance of the series object corresponding to the legend item
+			 */
+			series?: any;
+		}
 
-	/** Specify font size for labels of circular gauge
-	*   @Default {11px}
-	*/
-	size?: string;
-}
+		export interface LegendItemRenderingEventArgs {
 
-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;
-}
+			/** Set this option to true to cancel the event
+			 */
+			cancel?: boolean;
 
-export interface ScalesPointerCap {
+			/** Instance of the chart model object
+			 */
+			model?: any;
 
-	/** Specify cap backgroundColor of circular gauge
-	*   @Default {null}
-	*/
-	backgroundColor?: string;
+			/** Name of the event
+			 */
+			type?: string;
 
-	/** Specify cap borderColor of circular gauge
-	*   @Default {null}
-	*/
-	borderColor?: string;
+			/** X-coordinate of legend item in pixel
+			 */
+			startX?: number;
 
-	/** Specify pointerCap borderWidth value of circular gauge
-	*   @Default {3}
-	*/
-	borderWidth?: number;
+			/** Y-coordinate of legend item in pixel
+			 */
+			startY?: number;
 
-	/** Specify cap interiorGradient value of circular gauge
-	*   @Default {null}
-	*/
-	interiorGradient?: any;
+			/** Instance of the legend item object that is about to be rendered
+			 */
+			legendItem?: any;
 
-	/** Specify pointerCap Radius value of circular gauge
-	*   @Default {7}
-	*/
-	radius?: number;
-}
+			/** Options to customize the legend item styles such as border, color, size, etc.
+			 */
+			style?: any;
 
-export interface ScalesPointersBorder {
+			/** Name of the legend item shape. Use this option to customize legend item shape before rendering
+			 */
+			symbolShape?: string;
+		}
 
-	/** Specify border color for pointer of circular gauge
-	*   @Default {null}
-	*/
-	color?: string;
+		export interface LoadEventArgs {
 
-	/** Specify border width for pointers of circular gauge
-	*   @Default {1.5}
-	*/
-	width?: number;
-}
+			/** Set this option to true to cancel the event
+			 */
+			cancel?: boolean;
 
-export interface ScalesPointersPointerValueTextFont {
+			/** Instance of the chart model object
+			 */
+			model?: any;
 
-	/** Specify pointer value text font family of circular gauge.
-	*   @Default {Arial}
-	*/
-	fontFamily?: string;
+			/** Name of the event
+			 */
+			type?: string;
+		}
 
-	/** Specify pointer value text font style of circular gauge.
-	*   @Default {Bold}
-	*/
-	fontStyle?: string;
+		export interface RangeSelectedEventArgs {
 
-	/** Specify pointer value text size of circular gauge.
-	*   @Default {11px}
-	*/
-	size?: string;
-}
+			/** Set this option to true to cancel the event
+			 */
+			cancel?: boolean;
 
-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;
-}
+			/** Instance of the chart model object
+			 */
+			model?: any;
 
-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;
-}
+			/** Name of the event
+			 */
+			type?: string;
 
-export interface ScalesRangesBorder {
+			/** Selected data collection of object
+			 */
+			data?: any;
+		}
 
-	/** Specify border color for ranges of circular gauge
-	*   @Default {#32b3c6}
-	*/
-	color?: string;
+		export interface PointRegionClickEventArgs {
 
-	/** Specify border width for ranges of circular gauge
-	*   @Default {1.5}
-	*/
-	width?: number;
-}
+			/** Set this option to true to cancel the event
+			 */
+			cancel?: boolean;
 
-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;
-}
+			/** Instance of the chart model object
+			 */
+			model?: any;
 
-export interface ScalesSubGaugesPosition {
+			/** Name of the event
+			 */
+			type?: string;
 
-	/** Specify x-axis position for sub-gauge of circular gauge
-	*   @Default {0}
-	*/
-	x?: number;
+			/** X-coordinate of point in pixel
+			 */
+			locationX?: number;
 
-	/** Specify y-axis position for sub-gauge of circular gauge
-	*   @Default {0}
-	*/
-	y?: number;
-}
+			/** Y-coordinate of point in pixel
+			 */
+			locationY?: number;
 
-export interface ScalesSubGauge {
+			/** Index of the point in series
+			 */
+			pointIndex?: number;
 
-	/** Specify subGauge Height of circular gauge
-	*   @Default {150}
-	*/
-	height?: number;
+			/** Index of the series in series collection to which the point belongs
+			 */
+			seriesIndex?: number;
+		}
 
-	/** Specify position for sub-gauge of circular gauge
-	*   @Default {Object}
-	*/
-	position?: ScalesSubGaugesPosition;
+		export interface PointRegionMouseMoveEventArgs {
 
-	/** Specify subGauge Width of circular gauge
-	*   @Default {150}
-	*/
-	width?: number;
-}
+			/** Set this option to true to cancel the event
+			 */
+			cancel?: boolean;
 
-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;
-}
+			/** Instance of the chart model object
+			 */
+			model?: any;
 
-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?: 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>;
-}
+			/** Name of the event
+			 */
+			type?: string;
 
-export interface LegendBorder {
+			/** X-coordinate of point in pixel
+			 */
+			locationX?: number;
 
-	/** Border color of the legend.
-	*   @Default {transparent}
-	*/
-	color?: string;
+			/** Y-coordinate of point in pixel
+			 */
+			locationY?: number;
 
-	/** Border width of the legend.
-	*   @Default {1}
-	*/
-	width?: number;
-}
+			/** Index of the point in series
+			 */
+			pointIndex?: number;
 
-export interface LegendItemStyleBorder {
+			/** Index of the series in series collection to which the point belongs
+			 */
+			seriesIndex?: number;
+		}
 
-	/** Border color of the legend items.
-	*   @Default {transparent}
-	*/
-	color?: string;
+		export interface PreRenderEventArgs {
 
-	/** Border width of the legend items.
-	*   @Default {1}
-	*/
-	width?: number;
-}
+			/** Set this option to true to cancel the event
+			 */
+			cancel?: boolean;
 
-export interface LegendItemStyle {
+			/** Instance of the chart model object
+			 */
+			model?: any;
 
-	/** Options for customizing the border of legend items.
-	*/
-	border?: LegendItemStyleBorder;
+			/** Name of the event
+			 */
+			type?: string;
+		}
 
-	/** Height of the shape in legend items.
-	*   @Default {10}
-	*/
-	height?: number;
+		export interface SeriesRegionClickEventArgs {
 
-	/** Width of the shape in legend items.
-	*   @Default {10}
-	*/
-	width?: number;
-}
+			/** Set this option to true to cancel the event
+			 */
+			cancel?: boolean;
 
-export interface LegendSize {
+			/** Instance of the chart model object
+			 */
+			model?: any;
 
-	/** Height of the legend. Height can be specified in pixel.
-	*   @Default {null}
-	*/
-	height?: string;
+			/** Name of the event
+			 */
+			type?: string;
 
-	/** Width of the legend. Width can be specified in pixel.
-	*   @Default {null}
-	*/
-	width?: string;
-}
+			/** Instance of the selected series
+			 */
+			series?: any;
 
-export interface LegendFont {
+			/** Index of the selected series
+			 */
+			seriesIndex?: number;
+		}
 
-	/** Font family for legend item text.
-	*   @Default {Segoe UI}
-	*/
-	fontFamily?: string;
+		export interface SeriesRenderingEventArgs {
 
-	/** Font style for legend item text.
-	*   @Default {Normal}
-	*/
-	fontStyle?: string;
+			/** Set this option to true to cancel the event
+			 */
+			cancel?: boolean;
 
-	/** Font weight for legend item text.
-	*   @Default {Regular}
-	*/
-	fontWeight?: string;
+			/** Instance of the chart model object
+			 */
+			model?: any;
 
-	/** Font size for legend item text.
-	*   @Default {12px}
-	*/
-	size?: string;
+			/** Name of the event
+			 */
+			type?: string;
 
-	/** Font color of the text for legend items.
-	*   @Default {null}
-	*/
-	color?: string;
-}
+			/** Instance of the series which is about to get rendered
+			 */
+			series?: any;
+		}
 
-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 SymbolRenderingEventArgs {
 
-export interface Tooltip {
+			/** Set this option to true to cancel the event
+			 */
+			cancel?: boolean;
 
-	/** enable showCustomLabelTooltip of circular gauge
-	*   @Default {false}
-	*/
-	showCustomLabelTooltip?: boolean;
+			/** Instance of the chart model object
+			 */
+			model?: any;
 
-	/** enable showLabelTooltip of circular gauge
-	*   @Default {false}
-	*/
-	showLabelTooltip?: boolean;
+			/** Name of the event
+			 */
+			type?: string;
 
-	/** Specify tooltip templateID of circular gauge
-	*   @Default {false}
-	*/
-	templateID?: string;
-}
-}
-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 CustomLabelPositionType
-{
-//string
-Top,
-//string
-Bottom,
-//string
-Right,
-//string
-Left,
-}
-}
-module CircularGauge
-{
-enum Direction
-{
-//string
-Clockwise,
-//string
-CounterClockwise,
-}
-}
-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,
-}
-}
+			/** Instance that holds the location of marker symbol
+			 */
+			location?: any;
 
-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{
+			/** Options to customize the marker style such as color, border and size
+			 */
+			style?: any;
+		}
 
-export interface Model {
+		export interface TitleRenderingEventArgs {
 
-	/** Specifies the frame of the Digital gauge.
-	*   @Default {{backgroundImageUrl: null, innerWidth: 6, outerWidth: 10}}
-	*/
-	frame?: Frame;
+			/** Set this option to true to cancel the event
+			 */
+			cancel?: boolean;
 
-	/** Specifies the height of the DigitalGauge.
-	*   @Default {150}
-	*/
-	height?: number;
+			/** Instance of the chart model object
+			 */
+			model?: any;
 
-	/** Specifies the resize option of the DigitalGauge.
-	*   @Default {false}
-	*/
-	isResponsive?: boolean;
+			/** Name of the event
+			 */
+			type?: string;
 
-	/** Specifies the items for the DigitalGauge.
-	*   @Default {null}
-	*/
-	items?: Array<Item>;
+			/** Option to customize the title location in pixels
+			 */
+			location?: any;
 
-	/** Specifies the matrixSegmentData for the DigitalGauge.
-	*/
-	matrixSegmentData?: any;
+			/** Read-only option to find the size of the title
+			 */
+			size?: any;
 
-	/** Specifies the segmentData for the DigitalGauge.
-	*/
-	segmentData?: any;
+			/** Use this option to add custom text in title
+			 */
+			title?: string;
+		}
 
-	/** Specifies the themes for the Digital gauge. See Themes
-	*   @Default {flatlight}
-	*/
-	themes?: string;
+		export interface ToolTipInitializeEventArgs {
 
-	/** Specifies the value to the DigitalGauge.
-	*   @Default {text}
-	*/
-	value?: string;
+			/** Set this option to true to cancel the event
+			 */
+			cancel?: boolean;
 
-	/** Specifies the width for the Digital gauge.
-	*   @Default {400}
-	*/
-	width?: number;
+			/** Instance of the chart model object
+			 */
+			model?: any;
 
-	/** Triggers when the gauge is initialized. */
-	init? (e: InitEventArgs): void;
+			/** Name of the event
+			 */
+			type?: string;
 
-	/** Triggers when the gauge item rendering. */
-	itemRendering? (e: ItemRenderingEventArgs): void;
+			/** Text to be displayed in tooltip. Set this option to customize the text displayed in tooltip
+			 */
+			currentText?: string;
 
-	/** Triggers when the gauge is start to load. */
-	load? (e: LoadEventArgs): void;
+			/** Index of the point on which mouse is hovered
+			 */
+			pointIndex?: number;
 
-	/** Triggers when the gauge render is completed. */
-	renderComplete? (e: RenderCompleteEventArgs): void;
-}
+			/** Index of the series in series collection whose point is hovered by mouse
+			 */
+			seriesIndex?: number;
+		}
 
-export interface InitEventArgs {
+		export interface TrackAxisToolTipEventArgs {
 
-	/** returns the object of the gauge.
-	*/
-	object?: any;
+			/** 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 all the options of the items.
-	*/
-	items?: any;
+			/** Name of the event
+			 */
+			type?: string;
 
-	/** returns the context element
-	*/
-	context?: any;
+			/** Location of the crosshair label in pixels
+			 */
+			location?: any;
 
-	/** returns the gauge model
-	*/
-	model?: any;
+			/** Index of the axis for which crosshair label is displayed
+			 */
+			axisIndex?: number;
 
-	/** returns the name of the event
-	*/
-	type?: string;
-}
+			/** Instance of the chart axis object for which cross hair label is displayed
+			 */
+			crossAxis?: number;
 
-export interface ItemRenderingEventArgs {
+			/** Text to be displayed in crosshair label. Use this option to add custom text in crosshair label
+			 */
+			currentTrackText?: string;
+		}
 
-	/** returns the object of the gauge.
-	*/
-	object?: any;
+		export interface TrackToolTipEventArgs {
 
-	/** returns the cancel option value
-	*/
-	cancel?: boolean;
+			/** Set this option to true to cancel the event
+			 */
+			cancel?: boolean;
 
-	/** returns the all the options of the items.
-	*/
-	items?: any;
+			/** Instance of the chart model object
+			 */
+			model?: any;
 
-	/** returns the context element
-	*/
-	context?: any;
+			/** Name of the event
+			 */
+			type?: string;
 
-	/** returns the gauge model
-	*/
-	model?: any;
+			/** Location of the trackball tooltip in pixels
+			 */
+			location?: any;
 
-	/** returns the name of the event
-	*/
-	type?: string;
-}
+			/** Index of the point for which trackball tooltip is displayed
+			 */
+			pointIndex?: number;
 
-export interface LoadEventArgs {
+			/** Index of the series in series collection
+			 */
+			seriesIndex?: number;
 
-	/** returns the object of the gauge.
-	*/
-	object?: any;
+			/** Text to be displayed in trackball tooltip. Use this option to add custom text in trackball tooltip
+			 */
+			currentText?: string;
 
-	/** returns the cancel option value
-	*/
-	cancel?: boolean;
+			/** Instance of the series object for which trackball tooltip is displayed.
+			 */
+			series?: any;
+		}
 
-	/** returns the all the options of the items.
-	*/
-	items?: any;
+		export interface AxisLabelClickEventArgs {
 
-	/** returns the context element
-	*/
-	context?: any;
+			/** Set this option to true to cancel the event
+			 */
+			cancel?: boolean;
 
-	/** returns the gauge 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 RenderCompleteEventArgs {
+			/** X and Y co-ordinate of the labels in chart area.
+			 */
+			location?: any;
 
-	/** returns the object of the gauge.
-	*/
-	object?: any;
+			/** Index of the label.
+			 */
+			index?: number;
 
-	/** returns the cancel option value
-	*/
-	cancel?: boolean;
+			/** Instance of the corresponding axis.
+			 */
+			axis?: any;
 
-	/** returns the all the options of the items.
-	*/
-	items?: any;
+			/** Label that is clicked.
+			 */
+			text?: string;
+		}
 
-	/** returns the context element
-	*/
-	context?: any;
+		export interface AxisLabelMouseMoveEventArgs {
 
-	/** returns the gauge 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 Frame {
+			/** Name of the event
+			 */
+			type?: string;
 
-	/** Specifies the URL of an image to be displayed as background of the Digital gauge.
-	*   @Default {null}
-	*/
-	backgroundImageUrl?: string;
+			/** X and Y co-ordinate of the labels in chart area.
+			 */
+			location?: any;
 
-	/** Specifies the inner width for the frame, when the background image has been set for the Digital gauge..
-	*   @Default {6}
-	*/
-	innerWidth?: number;
+			/** Index of the label.
+			 */
+			index?: number;
 
-	/** Specifies the outer width of the frame, when the background image has been set for the Digital gauge.
-	*   @Default {10}
-	*/
-	outerWidth?: number;
-}
+			/** Instance of the corresponding axis.
+			 */
+			axis?: any;
 
-export interface ItemsCharacterSettings {
+			/** Label that is hovered.
+			 */
+			text?: string;
+		}
 
-	/** Specifies the CharacterCount value for the DigitalGauge.
-	*   @Default {4}
-	*/
-	count?: number;
+		export interface ChartClickEventArgs {
 
-	/** Specifies the opacity value for the DigitalGauge.
-	*   @Default {1}
-	*/
-	opacity?: number;
+			/** Set this option to true to cancel the event
+			 */
+			cancel?: boolean;
 
-	/** Specifies the value for spacing between the characters
-	*   @Default {2}
-	*/
-	spacing?: number;
+			/** Instance of the chart model object
+			 */
+			model?: any;
 
-	/** Specifies the character type for the text to be displayed.
-	*   @Default {ej.datavisualization.DigitalGauge.CharacterType.EightCrossEightDotMatrix}
-	*/
-	type?: ej.datavisualization.DigitalGauge.CharacterType|string;
-}
+			/** Name of the event
+			 */
+			type?: string;
 
-export interface ItemsFont {
+			/** X and Y co-ordinate of the points with respect to chart area.
+			 */
+			location?: any;
 
-	/** Set the font family value
-	*   @Default {Arial}
-	*/
-	fontFamily?: string;
+			/** ID of the target element.
+			 */
+			id?: string;
 
-	/** Set the font style for the font
-	*   @Default {italic}
-	*/
-	fontStyle?: ej.datavisualization.DigitalGauge.FontStyle|string;
+			/** Width and height of the chart.
+			 */
+			size?: any;
 
-	/** Set the font size value
-	*   @Default {11px}
-	*/
-	size?: string;
-}
+			/** x-coordinate of the pointer, relative to the page
+			 */
+			pageX?: number;
 
-export interface ItemsPosition {
+			/** y-coordinate of the pointer, relative to the page
+			 */
+			pageY?: number;
+		}
 
-	/** Set the horizontal location for the text, where it needs to be placed within the gauge.
-	*   @Default {0}
-	*/
-	x?: number;
+		export interface ChartMouseMoveEventArgs {
 
-	/** Set the vertical location for the text, where it needs to be placed within the gauge.
-	*   @Default {0}
-	*/
-	y?: number;
-}
+			/** Set this option to true to cancel the event
+			 */
+			cancel?: boolean;
 
-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;
-}
+			/** Instance of the chart model object
+			 */
+			model?: any;
 
-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,
-}
-}
+			/** Name of the event
+			 */
+			type?: string;
 
-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>;
-
-	/** 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 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;
+			/** X and Y co-ordinate of the points with respect to chart area.
+			 */
+			location?: any;
 
-	/** 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>;
+			/** ID of the target element.
+			 */
+			id?: string;
 
-	/** Options to customize the left, right, top and bottom margins of chart area.
-	*/
-	Margin?: any;
+			/** Width and height of the chart.
+			 */
+			size?: 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;
+			/** x-coordinate of the pointer, relative to the page
+			 */
+			pageX?: 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;
+			/** y-coordinate of the pointer, relative to the page
+			 */
+			pageY?: number;
+		}
 
-	/** 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>;
+		export interface ChartDoubleClickEventArgs {
 
-	/** 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;
+			/** Set this option to true to cancel the event
+			 */
+			cancel?: boolean;
 
-	/** Rotation angle of the 3D view. This property is applicable only when 3D view is enabled.
-	*   @Default {0}
-	*/
-	rotation?: number;
+			/** Instance of the chart model object
+			 */
+			model?: any;
 
-	/** Options to split Chart into multiple plotting areas horizontally. Each object in the collection represents a plotting area in Chart.
-	*/
-	rowDefinitions?: Array<RowDefinition>;
+			/** Name of the event
+			 */
+			type?: string;
 
-	/** Specifies the properties used for customizing the series.
-	*/
-	series?: Array<Series>;
+			/** X and Y co-ordinate of the points with respect to chart area.
+			 */
+			location?: any;
 
-	/** Controls whether data points has to be displayed side by side or along the depth of the axis.
-	*   @Default {false}
-	*/
-	sideBySideSeriesPlacement?: boolean;
+			/** ID of the target element.
+			 */
+			id?: string;
 
-	/** Options to customize the Chart size.
-	*/
-	size?: Size;
+			/** Width and height of the chart.
+			 */
+			size?: any;
 
-	/** Specifies the theme for Chart.
-	*   @Default {Flatlight. See Theme}
-	*/
-	theme?: ej.datavisualization.Chart.Theme|string;
+			/** x-coordinate of the pointer, relative to the page
+			 */
+			pageX?: number;
 
-	/** Slope angle of 3D Chart. This property is applicable only when 3D view is enabled.
-	*   @Default {0}
-	*/
-	tilt?: number;
+			/** y-coordinate of the pointer, relative to the page
+			 */
+			pageY?: number;
+		}
 
-	/** Options for customizing the title and subtitle of Chart.
-	*/
-	title?: Title;
+		export interface AnnotationClickEventArgs {
 
-	/** 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;
+			/** Set this option to true to cancel the event
+			 */
+			cancel?: boolean;
 
-	/** Options for enabling zooming feature of chart.
-	*/
-	zooming?: Zooming;
+			/** Instance of the chart model object
+			 */
+			model?: any;
 
-	/** Fires after the series animation is completed. This event will be triggered for each series when animation is enabled. */
-	animationComplete? (e: AnimationCompleteEventArgs): void;
+			/** Name of the event
+			 */
+			type?: string;
 
-	/** 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;
+			/** X and Y co-ordinate of the annotation in chart area.
+			 */
+			location?: any;
 
-	/** Fires during the initialization of axis labels. */
-	axesLabelsInitialize? (e: AxesLabelsInitializeEventArgs): void;
+			/** Information about the annotation, like Coordinate unit, Region, content
+			 */
+			contentData?: any;
 
-	/** 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;
+			/** x-coordinate of the pointer, relative to the page
+			 */
+			pageX?: number;
 
-	/** 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;
+			/** y-coordinate of the pointer, relative to the page
+			 */
+			pageY?: number;
+		}
 
-	/** Fires during the calculation of chart area bounds. You can use this event to customize the bounds of chart area. */
-	chartAreaBoundsCalculate? (e: ChartAreaBoundsCalculateEventArgs): void;
+		export interface AfterResizeEventArgs {
 
-	/** Fires after chart is created. */
-	create? (e: CreateEventArgs): void;
+			/** Set this option to true to cancel the event
+			 */
+			cancel?: boolean;
 
-	/** Fires when chart is destroyed completely. */
-	destroy? (e: DestroyEventArgs): void;
+			/** Instance of the chart model object
+			 */
+			model?: any;
 
-	/** 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;
+			/** Name of the event
+			 */
+			type?: string;
 
-	/** Fires during the calculation of legend bounds. You can use this event to customize the bounds of legend. */
-	legendBoundsCalculate? (e: LegendBoundsCalculateEventArgs): void;
+			/** Chart width, after resize
+			 */
+			width?: number;
 
-	/** Fires on clicking the legend item. */
-	legendItemClick? (e: LegendItemClickEventArgs): void;
+			/** Chart height, after resize
+			 */
+			height?: number;
 
-	/** Fires when moving mouse over legend item. You can use this event for hit testing on legend items. */
-	legendItemMouseMove? (e: LegendItemMouseMoveEventArgs): void;
+			/** Chart width, before resize
+			 */
+			prevWidth?: number;
 
-	/** 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;
+			/** Chart height, before resize
+			 */
+			prevHeight?: number;
 
-	/** Fires before loading the chart. */
-	load? (e: LoadEventArgs): void;
+			/** Chart width, when the chart was first rendered
+			 */
+			originalWidth?: number;
 
-	/** Fires after selected the data in chart. */
-	rangeSelected? (e: RangeSelectedEventArgs): void;
+			/** Chart height, when the chart was first rendered
+			 */
+			originalHeight?: number;
+		}
 
-	/** Fires on clicking a point in chart. You can use this event to handle clicks made on points. */
-	pointRegionClick? (e: PointRegionClickEventArgs): void;
+		export interface BeforeResizeEventArgs {
 
-	/** Fires when mouse is moved over a point. */
-	pointRegionMouseMove? (e: PointRegionMouseMoveEventArgs): void;
+			/** Set this option to true to cancel the event
+			 */
+			cancel?: boolean;
 
-	/** Fires before rendering chart. */
-	preRender? (e: PreRenderEventArgs): void;
+			/** Instance of the chart model object
+			 */
+			model?: any;
 
-	/** Fires after selecting a series. This event is triggered after selecting a series only if selection mode is series. */
-	seriesRegionClick? (e: SeriesRegionClickEventArgs): void;
+			/** Name of the event
+			 */
+			type?: string;
 
-	/** Fires before rendering a series. This event is fired for each series in Chart. */
-	seriesRendering? (e: SeriesRenderingEventArgs): void;
+			/** Chart width, before resize
+			 */
+			currentWidth?: number;
 
-	/** Fires before rendering the marker symbols. This event is triggered for each marker in Chart. */
-	symbolRendering? (e: SymbolRenderingEventArgs): void;
+			/** Chart height, before resize
+			 */
+			currentHeight?: number;
 
-	/** Fires before rendering the Chart title. You can use this event to add custom text in Chart title. */
-	titleRendering? (e: TitleRenderingEventArgs): void;
+			/** Chart width, after resize
+			 */
+			newWidth?: number;
 
-	/** 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;
+			/** Chart height, after resize
+			 */
+			newHeight?: number;
+		}
 
-	/** 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;
+		export interface ErrorBarRenderingEventArgs {
 
-	/** 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;
+			/** Set this option to true to cancel the event
+			 */
+			cancel?: boolean;
 
-	/** Fires, on clicking the axis label. */
-	axisLabelClick? (e: AxisLabelClickEventArgs): void;
+			/** Instance of the chart model object
+			 */
+			model?: any;
 
-	/** Fires on moving mouse over the axis label. */
-	axisLabelMouseMove? (e: AxisLabelMouseMoveEventArgs): void;
+			/** Name of the event
+			 */
+			type?: string;
 
-	/** Fires, on the clicking the chart. */
-	chartClick? (e: ChartClickEventArgs): void;
+			/** Error bar Object
+			 */
+			errorbar?: any;
+		}
 
-	/** Fires on moving mouse over the chart. */
-	chartMouseMove? (e: ChartMouseMoveEventArgs): void;
+		export interface ScrollChangedEventArgs {
 
-	/** Fires, on double clicking the chart. */
-	chartDoubleClick? (e: ChartDoubleClickEventArgs): void;
+			/** parameters from RangeNavigator
+			 */
+			data?: any;
 
-	/** Fires on clicking the annotation. */
-	annotationClick? (e: AnnotationClickEventArgs): void;
+			/** returns the scrollbar position old start and end range value on changing scrollbar
+			 */
+			dataoldRange?: any;
 
-	/** Fires, after the chart is resized. */
-	afterResize? (e: AfterResizeEventArgs): void;
+			/** returns the scrollbar position new start and end range value on changing scrollbar
+			 */
+			datanewRange?: any;
 
-	/** Fires, when chart size is changing. */
-	beforeResize? (e: BeforeResizeEventArgs): void;
+			/** if the event should be canceled; otherwise, false.
+			 */
+			cancel?: boolean;
 
-	/** Fires, when error bar is rendering. */
-	errorBarRendering? (e: ErrorBarRenderingEventArgs): void;
+			/** returns the RangeNavigator model
+			 */
+			model?: any;
 
-	/** Trigger, after the scrollbar position is changed. */
-	scrollChanged? (e: ScrollChangedEventArgs): void;
+			/** returns the name of the event
+			 */
+			type?: string;
+		}
 
-	/** Event triggered when scroll starts */
-	scrollStart? (e: ScrollStartEventArgs): void;
+		export interface ScrollStartEventArgs {
 
-	/** Event triggered when scroll end */
-	scrollEnd? (e: ScrollEndEventArgs): void;
-}
+			/** parameters from RangeNavigator
+			 */
+			data?: any;
 
-export interface AnimationCompleteEventArgs {
+			/** returns the scrollbar position starting range value on changing scrollbar
+			 */
+			datastartRange?: string;
 
-	/** Instance of the series that completed has animation.
-	*/
-	series?: any;
+			/** returns the scrollbar position end range value on changing scrollbar
+			 */
+			dataendRange?: string;
 
-	/** Set this option to true to cancel the event
-	*/
-	cancel?: boolean;
+			/** if the event should be canceled; otherwise, false.
+			 */
+			cancel?: boolean;
 
-	/** Instance of the chart model object
-	*/
-	model?: any;
+			/** returns the RangeNavigator model
+			 */
+			model?: any;
 
-	/** Name of the event
-	*/
-	type?: string;
-}
+			/** 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;
+
+			/** 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;
+
+			/** 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[];
+
+			/** 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[];
+
+			/** 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[];
+
+			/** 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;
+
+			/** 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;
+
+			/** 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 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;
+
+			/** 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;
 
-export interface AxesLabelRenderingEventArgs {
+			/** Options for configuring minor grid lines, major grid lines, axis line of axis.
+			 */
+			valueAxisSettings?: ValueAxisSettings;
 
-	/** Instance of the corresponding axis.
-	*/
-	axis?: any;
+			/** 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;
 
-	/** Formatted text of the respective label. You can also add custom text to the label.
-	*/
-	Text?: string;
+			/** Specifies the xName for dataSource. This is used to take the x values from dataSource
+			 */
+			xName?: any;
 
-	/** Actual value of the label.
-	*/
-	Value?: string;
+			/** Specifies the yName for dataSource. This is used to take the y values from dataSource
+			 */
+			yName?: any;
 
-	/** Set this option to true to cancel the event.
-	*/
-	cancel?: boolean;
+			/** Fires on load of range navigator. */
+			load?(e: LoadEventArgs): void;
 
-	/** Instance of the chart model object.
-	*/
-	model?: any;
+			/** Fires after range navigator is loaded. */
+			loaded?(e: LoadedEventArgs): void;
 
-	/** Name of the event
-	*/
-	type?: string;
-}
+			/** Fires on changing the range of range navigator. */
+			rangeChanged?(e: RangeChangedEventArgs): void;
 
-export interface AxesLabelsInitializeEventArgs {
+			/** Fires on changing the scrollbar position of range navigator. */
+			scrollChanged?(e: ScrollChangedEventArgs): void;
 
-	/** Collection of axes in Chart
-	*/
-	dataAxes?: any;
+			/** Fires on when starting to change the scrollbar position of range navigator. */
+			scrollStart?(e: ScrollStartEventArgs): void;
 
-	/** Set this option to true to cancel the event.
-	*/
-	cancel?: boolean;
+			/** Fires on changes ending the scrollbar position of range navigator. */
+			scrollEnd?(e: ScrollEndEventArgs): void;
+		}
 
-	/** Instance of the chart model object.
-	*/
-	model?: any;
+		export interface LoadEventArgs {
 
-	/** Name of the event
-	*/
-	type?: string;
-}
+			/** parameters from range navigator
+			 */
+			Data?: any;
 
-export interface AxesRangeCalculateEventArgs {
+			/** if the event should be canceled; otherwise, false.
+			 */
+			cancel?: boolean;
 
-	/** Difference between minimum and maximum value of axis range.
-	*/
-	delta?: number;
+			/** returns the range navigator model
+			 */
+			model?: any;
 
-	/** Interval value of axis range. Grid lines, tick lines and axis labels are drawn based on this interval value.
-	*/
-	interval?: number;
+			/** returns the name of the event
+			 */
+			type?: string;
+		}
 
-	/** Maximum value of axis range.
-	*/
-	max?: number;
+		export interface LoadedEventArgs {
 
-	/** Minimum value of axis range.
-	*/
-	min?: number;
+			/** parameters from range navigator
+			 */
+			Data?: any;
 
-	/** Set this option to true to cancel the event.
-	*/
-	cancel?: boolean;
+			/** if the event should be canceled; otherwise, false.
+			 */
+			cancel?: boolean;
 
-	/** Instance of the chart model object.
-	*/
-	model?: any;
+			/** returns the range navigator model
+			 */
+			model?: any;
 
-	/** Name of the event
-	*/
-	type?: string;
-}
+			/** returns the name of the event
+			 */
+			type?: string;
+		}
 
-export interface AxesTitleRenderingEventArgs {
+		export interface RangeChangedEventArgs {
 
-	/** Instance of the axis whose title is being rendered
-	*/
-	axes?: any;
+			/** parameters from range navigator
+			 */
+			Data?: any;
 
-	/** X-coordinate of title location
-	*/
-	locationX?: number;
+			/** if the event should be canceled; otherwise, false.
+			 */
+			cancel?: boolean;
 
-	/** Y-coordinate of title location
-	*/
-	locationY?: number;
+			/** returns the range navigator model
+			 */
+			model?: any;
 
-	/** Axis title text. You can add custom text to the title.
-	*/
-	title?: string;
+			/** returns the name of the event
+			 */
+			type?: string;
+		}
 
-	/** Set this option to true to cancel the event.
-	*/
-	cancel?: boolean;
+		export interface ScrollChangedEventArgs {
 
-	/** Instance of the chart model object.
-	*/
-	model?: any;
+			/** parameters from RangeNavigator
+			 */
+			data?: any;
 
-	/** Name of the event
-	*/
-	type?: string;
-}
+			/** returns the scrollbar position old start and end range value on changing scrollbar
+			 */
+			dataoldRange?: any;
 
-export interface ChartAreaBoundsCalculateEventArgs {
+			/** returns the scrollbar position new start and end range value on changing scrollbar
+			 */
+			datanewRange?: any;
 
-	/** Height of the chart area.
-	*/
-	areaBoundsHeight?: number;
+			/** if the event should be canceled; otherwise, false.
+			 */
+			cancel?: boolean;
 
-	/** Width of the chart area.
-	*/
-	areaBoundsWidth?: number;
+			/** returns the RangeNavigator model
+			 */
+			model?: any;
 
-	/** X-coordinate of the chart area.
-	*/
-	areaBoundsX?: number;
+			/** returns the name of the event
+			 */
+			type?: string;
+		}
 
-	/** Y-coordinate of the chart area.
-	*/
-	areaBoundsY?: number;
+		export interface ScrollStartEventArgs {
 
-	/** Set this option to true to cancel the event.
-	*/
-	cancel?: boolean;
+			/** parameters from RangeNavigator
+			 */
+			data?: any;
 
-	/** Instance of the chart model object.
-	*/
-	model?: any;
+			/** returns the scrollbar position starting range value on changing scrollbar
+			 */
+			datastartRange?: string;
 
-	/** Name of the event
-	*/
-	type?: string;
-}
+			/** returns the scrollbar position end range value on changing scrollbar
+			 */
+			dataendRange?: string;
 
-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 RangeNavigator model
+			 */
+			model?: any;
 
-	/** Instance of the chart model object.
-	*/
-	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 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 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;
+
+			/** 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;
+
+			/** 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;
+
+			/** 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;
 
-	/** Name of the event
-	*/
-	type?: string;
-}
+			/** Fires on rendering the category. */
+			drawCategory?(e: DrawCategoryEventArgs): void;
+
+			/** Fires on rendering the comparative measure symbol. */
+			drawComparativeMeasureSymbol?(e: DrawComparativeMeasureSymbolEventArgs): void;
 
-export interface DestroyEventArgs {
+			/** Fires on rendering the feature measure bar. */
+			drawFeatureMeasureBar?(e: DrawFeatureMeasureBarEventArgs): void;
 
-	/** Set this option to true to cancel the event.
-	*/
-	cancel?: boolean;
+			/** Fires on rendering the indicator of bullet graph. */
+			drawIndicator?(e: DrawIndicatorEventArgs): void;
 
-	/** Instance of the chart model object.
-	*/
-	model?: any;
+			/** Fires on rendering the labels. */
+			drawLabels?(e: DrawLabelsEventArgs): void;
 
-	/** Name of the event
-	*/
-	type?: string;
-}
+			/** Fires on rendering the qualitative ranges. */
+			drawQualitativeRanges?(e: DrawQualitativeRangesEventArgs): void;
 
-export interface DisplayTextRenderingEventArgs {
+			/** Fires on loading bullet graph. */
+			load?(e: LoadEventArgs): void;
+		}
 
-	/** Text displayed in data label. You can add custom text to the data label
-	*/
-	text?: string;
+		export interface DrawCaptionEventArgs {
 
-	/** X-coordinate of data label location
-	*/
-	locationX?: number;
+			/** returns the object of the bullet graph.
+			 */
+			Object?: any;
 
-	/** Y-coordinate of data label location
-	*/
-	locationY?: number;
+			/** returns the options of the scale element.
+			 */
+			scaleElement?: HTMLElement;
 
-	/** Index of the series in series Collection whose data label is being rendered 
-	*/
-	seriesIndex?: number;
+			/** returns the current captionSettings element.
+			 */
+			captionElement?: HTMLElement;
 
-	/** Index of the point in series whose data label is being rendered 
-	*/
-	pointIndex?: number;
+			/** returns the type of the captionSettings.
+			 */
+			captionType?: string;
+		}
 
-	/** Set this option to true to cancel the event.
-	*/
-	cancel?: boolean;
+		export interface DrawCategoryEventArgs {
 
-	/** Instance of the chart model object.
-	*/
-	model?: any;
+			/** returns the object of the bullet graph.
+			 */
+			Object?: any;
 
-	/** Name of the event
-	*/
-	type?: string;
-}
+			/** returns the options of the scale element.
+			 */
+			scaleElement?: HTMLElement;
 
-export interface LegendBoundsCalculateEventArgs {
+			/** returns the options of category element.
+			 */
+			categoryElement?: HTMLElement;
 
-	/** Height of the legend.
-	*/
-	legendBoundsHeight?: number;
+			/** returns the text value of the category that is drawn.
+			 */
+			Value?: string;
+		}
 
-	/** Width of the legend.
-	*/
-	legendBoundsWidth?: number;
+		export interface DrawComparativeMeasureSymbolEventArgs {
 
-	/** Number of rows to display the legend items
-	*/
-	legendBoundsRows?: number;
+			/** returns the object of the bullet graph.
+			 */
+			Object?: any;
 
-	/** Set this option to true to cancel the event.
-	*/
-	cancel?: boolean;
+			/** returns the options of the scale element.
+			 */
+			scaleElement?: HTMLElement;
 
-	/** Instance of the chart model object.
-	*/
-	model?: any;
+			/** returns the options of comparative measure element.
+			 */
+			targetElement?: HTMLElement;
 
-	/** Name of the event
-	*/
-	type?: string;
-}
+			/** returns the value of the comparative measure symbol.
+			 */
+			Value?: number;
+		}
 
-export interface LegendItemClickEventArgs {
+		export interface DrawFeatureMeasureBarEventArgs {
 
-	/** Set this option to true to cancel the event
-	*/
-	cancel?: boolean;
+			/** returns the object of the bullet graph.
+			 */
+			Object?: any;
 
-	/** Instance of the chart model object
-	*/
-	model?: any;
+			/** returns the options of the scale element.
+			 */
+			scaleElement?: HTMLElement;
 
-	/** Name of the event
-	*/
-	type?: string;
+			/** returns the options of feature measure element.
+			 */
+			currentElement?: HTMLElement;
 
-	/** X-coordinate of legend item in pixel
-	*/
-	startX?: number;
+			/** returns the value of the feature measure bar.
+			 */
+			Value?: number;
+		}
 
-	/** Y-coordinate of legend item in pixel
-	*/
-	startY?: number;
+		export interface DrawIndicatorEventArgs {
 
-	/** Instance of the legend item object that is about to be rendered
-	*/
-	LegendItem?: any;
+			/** returns an object to customize bullet graph indicator text and symbol before rendering it.
+			 */
+			indicatorSettings?: any;
 
-	/** Options to customize the legend item styles such as border, color, size, etc…,
-	*/
-	style?: any;
+			/** returns the object of bullet graph.
+			 */
+			model?: any;
 
-	/** Instance that holds information about legend bounds and legend item bounds.
-	*/
-	Bounds?: any;
+			/** returns the type of event.
+			 */
+			type?: string;
 
-	/** Name of the legend item shape. Use this option to customize legend item shape before rendering
-	*/
-	symbolShape?: string;
+			/** for canceling the event.
+			 */
+			cancel?: boolean;
+		}
 
-	/** Instance of the series object corresponding to the legend item
-	*/
-	series?: any;
-}
+		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 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 LegendItemMouseMoveEventArgs {
+		export interface MarkerSelectedEventArgs {
+
+			/** Returns marker object.
+			 */
+			originalEvent?: any;
+		}
+
+		export interface MouseleaveEventArgs {
 
-	/** Set this option to true to cancel the event
-	*/
-	cancel?: boolean;
+			/** Returns hovered map shape object.
+			 */
+			originalEvent?: any;
+		}
 
-	/** Instance of the chart model object
-	*/
-	model?: any;
+		export interface MouseoverEventArgs {
 
-	/** Name of the event
-	*/
-	type?: string;
+			/** Returns hovered map shape object.
+			 */
+			originalEvent?: any;
+		}
 
-	/** X-coordinate of legend item in pixel
-	*/
-	startX?: number;
+		export interface OnRenderCompleteEventArgs {
 
-	/** Y-coordinate of legend item in pixel
-	*/
-	startY?: number;
+			/** Event parameters from map
+			 */
+			originalEvent?: any;
+		}
 
-	/** Instance of the legend item object that is about to be rendered
-	*/
-	LegendItem?: any;
+		export interface PannedEventArgs {
 
-	/** Options to customize the legend item styles such as border, color, size, etc…,
-	*/
-	style?: any;
+			/** Event parameters from map
+			 */
+			originalEvent?: any;
+		}
 
-	/** Options to customize the legend item styles such as border, color, size, etc…,
-	*/
-	Bounds?: any;
+		export interface ShapeSelectedEventArgs {
 
-	/** Name of the legend item shape. Use this option to customize legend item shape before rendering
-	*/
-	symbolShape?: string;
+			/** Returns selected shape object.
+			 */
+			originalEvent?: any;
+		}
 
-	/** Instance of the series object corresponding to the legend item
-	*/
-	series?: any;
-}
+		export interface ZoomedInEventArgs {
 
-export interface LegendItemRenderingEventArgs {
+			/** Event parameters from map
+			 */
+			originalEvent?: any;
 
-	/** Set this option to true to cancel the event
-	*/
-	cancel?: boolean;
+			/** Returns zoom level value for which the map is zoomed.
+			 */
+			zoomLevel?: any;
+		}
 
-	/** Instance of the chart model object
-	*/
-	model?: any;
+		export interface ZoomedOutEventArgs {
 
-	/** Name of the event
-	*/
-	type?: string;
+			/** Event parameters from map
+			 */
+			originalEvent?: any;
 
-	/** X-coordinate of legend item in pixel
-	*/
-	startX?: number;
+			/** Returns zoom level value for which the map is zoomed.
+			 */
+			zoomLevel?: any;
+		}
 
-	/** Y-coordinate of legend item in pixel
-	*/
-	startY?: number;
+		export interface ZoomSettings {
 
-	/** Instance of the legend item object that is about to be rendered
-	*/
-	legendItem?: any;
+			/** Enables or Disables the zooming of map
+			 * @Default {true}
+			 */
+			enableZoom?: boolean;
 
-	/** Options to customize the legend item styles such as border, color, size, etc.
-	*/
-	style?: any;
+			/** Enables or Disables the zoom on selecting the map shape
+			 * @Default {false}
+			 */
+			enableZoomOnSelection?: boolean;
 
-	/** Name of the legend item shape. Use this option to customize legend item shape before rendering
-	*/
-	symbolShape?: string;
-}
+			/** Specifies the zoom factor for map zoom value.
+			 * @Default {1}
+			 */
+			factor?: number;
 
-export interface LoadEventArgs {
+			/** 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;
+		}
+
+		export interface TreeMapItemSelectedEventArgs {
+
+			/** Returns selected treeMapItem 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 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 {string} to set the mode of fit to command. See [Fit Mode](/api/js/global#fitmode)
+		 * @param {string} to set whether the region to be fit will be based on diagram elements or page settings [Region](/api/js/global#region)
+		 * @param {any} to set the required margin
+		 * @returns {void}
+		 */
+		fitToPage(mode?: string, region?: string, 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. See [File Formats](/api/js/global#fileformats).
+			 */
+			format?: string;
+
+			/** to set whether to export diagram as a file or as raw data. See [Export Modes](/api/js/global#exportmodes).
+			 */
+			mode?: string;
+
+			/** to set the region of the diagram to be exported. See [Region](/api/js/global#region).
+			 */
+			region?: string;
+
+			/** to export any custom region of diagram.
+			 */
+			bounds?: any;
+
+			/** to set margin to the exported data.
+			 */
+			margin?: any;
+
+			/** to set stretch to the exported data.
+			 */
+			stretch?: string;
+		}
+
+		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;
 
-	/** Set this option to true to cancel the event
-	*/
-	cancel?: boolean;
+			/** Array of JSON objects where each object represents a node
+			 * @Default {[]}
+			 */
+			nodes?: Node[];
 
-	/** Instance of the chart model object
-	*/
-	model?: any;
+			/** Binds the custom JSON data with node properties
+			 * @Default {null}
+			 */
+			nodeTemplate?: any;
 
-	/** Name of the event
-	*/
-	type?: string;
-}
+			/** Defines the size and appearance of diagram page
+			 */
+			pageSettings?: PageSettings;
 
-export interface RangeSelectedEventArgs {
+			/** Defines the zoom value, zoom factor, scroll status and view port size of the diagram
+			 */
+			scrollSettings?: ScrollSettings;
 
-	/** Set this option to true to cancel the event
-	*/
-	cancel?: boolean;
+			/** Defines the size and position of selected items and defines the appearance of selector
+			 */
+			selectedItems?: SelectedItems;
 
-	/** Instance of the chart model object
-	*/
-	model?: any;
+			/** Enables or disables tooltip of diagram
+			 * @Default {true}
+			 */
+			showTooltip?: boolean;
 
-	/** Name of the event
-	*/
-	type?: string;
+			/** Defines the gridlines and defines how and when the objects have to be snapped
+			 */
+			snapSettings?: SnapSettings;
 
-	/** Selected data collection of object
-	*/
-	data?: any;
-}
+			/** Enables/Disables the interactive behaviors of diagram.
+			 * @Default {ej.datavisualization.Diagram.Tool.All}
+			 */
+			tool?: ej.datavisualization.Diagram.Tool | string;
 
-export interface PointRegionClickEventArgs {
+			/** An object that defines the description, appearance and alignments of tooltips
+			 * @Default {null}
+			 */
+			tooltip?: Tooltip;
 
-	/** Set this option to true to cancel the event
-	*/
-	cancel?: boolean;
+			/** Specifies the width of the diagram
+			 * @Default {null}
+			 */
+			width?: string;
 
-	/** Instance of the chart model object
-	*/
-	model?: any;
+			/** Sets the factor by which we can zoom in or zoom out
+			 * @Default {0.2}
+			 */
+			zoomFactor?: number;
 
-	/** Name of the event
-	*/
-	type?: string;
+			/** Triggers When auto scroll is changed */
+			autoScrollChange?(e: AutoScrollChangeEventArgs): void;
 
-	/** X-coordinate of point in pixel
-	*/
-	locationX?: number;
+			/** Triggers when a node, connector or diagram is clicked */
+			click?(e: ClickEventArgs): void;
 
-	/** Y-coordinate of point in pixel
-	*/
-	locationY?: number;
+			/** Triggers when the connection is changed */
+			connectionChange?(e: ConnectionChangeEventArgs): void;
 
-	/** Index of the point in series
-	*/
-	pointIndex?: number;
+			/** Triggers when the connector collection is changed */
+			connectorCollectionChange?(e: ConnectorCollectionChangeEventArgs): void;
 
-	/** Index of the series in series collection to which the point belongs
-	*/
-	seriesIndex?: number;
-}
+			/** Triggers when the connectors' source point is changed */
+			connectorSourceChange?(e: ConnectorSourceChangeEventArgs): void;
 
-export interface PointRegionMouseMoveEventArgs {
+			/** Triggers when the connectors' target point is changed */
+			connectorTargetChange?(e: ConnectorTargetChangeEventArgs): void;
 
-	/** Set this option to true to cancel the event
-	*/
-	cancel?: boolean;
+			/** Triggers before opening the context menu */
+			contextMenuBeforeOpen?(e: ContextMenuBeforeOpenEventArgs): void;
 
-	/** Instance of the chart model object
-	*/
-	model?: any;
+			/** Triggers when a context menu item is clicked */
+			contextMenuClick?(e: ContextMenuClickEventArgs): void;
 
-	/** Name of the event
-	*/
-	type?: string;
+			/** Triggers when a node, connector or diagram model is clicked twice */
+			doubleClick?(e: DoubleClickEventArgs): void;
 
-	/** X-coordinate of point in pixel
-	*/
-	locationX?: number;
+			/** Triggers while dragging the elements in diagram */
+			drag?(e: DragEventArgs): void;
 
-	/** Y-coordinate of point in pixel
-	*/
-	locationY?: number;
+			/** Triggers when a symbol is dragged into diagram from symbol palette */
+			dragEnter?(e: DragEnterEventArgs): void;
 
-	/** Index of the point in series
-	*/
-	pointIndex?: number;
+			/** Triggers when a symbol is dragged outside of the diagram. */
+			dragLeave?(e: DragLeaveEventArgs): void;
 
-	/** Index of the series in series collection to which the point belongs
-	*/
-	seriesIndex?: number;
-}
+			/** Triggers when a symbol is dragged over diagram */
+			dragOver?(e: DragOverEventArgs): void;
 
-export interface PreRenderEventArgs {
+			/** Triggers when a symbol is dragged and dropped from symbol palette to drawing area */
+			drop?(e: DropEventArgs): void;
 
-	/** Set this option to true to cancel the event
-	*/
-	cancel?: boolean;
+			/** Triggers when editor got focus at the time of node's label or text node editing. */
+			editorFocusChange?(e: EditorFocusChangeEventArgs): void;
 
-	/** Instance of the chart model object
-	*/
-	model?: any;
+			/** Triggers when a child is added to or removed from a group */
+			groupChange?(e: GroupChangeEventArgs): void;
 
-	/** Name of the event
-	*/
-	type?: string;
-}
+			/** Triggers when a change is reverted or restored(undo/redo) */
+			historyChange?(e: HistoryChangeEventArgs): void;
 
-export interface SeriesRegionClickEventArgs {
+			/** Triggers when a diagram element is clicked */
+			itemClick?(e: ItemClickEventArgs): void;
 
-	/** Set this option to true to cancel the event
-	*/
-	cancel?: boolean;
+			/** Triggers when mouse enters a node/connector */
+			mouseEnter?(e: MouseEnterEventArgs): void;
 
-	/** Instance of the chart model object
-	*/
-	model?: any;
+			/** Triggers when mouse leaves node/connector */
+			mouseLeave?(e: MouseLeaveEventArgs): void;
 
-	/** Name of the event
-	*/
-	type?: string;
+			/** Triggers when mouse hovers over a node/connector */
+			mouseOver?(e: MouseOverEventArgs): void;
 
-	/** Instance of the selected series
-	*/
-	series?: any;
+			/** Triggers when node collection is changed */
+			nodeCollectionChange?(e: NodeCollectionChangeEventArgs): void;
 
-	/** Index of the selected series
-	*/
-	seriesIndex?: number;
-}
+			/** Triggers when the node properties(x, y,width and height alone) are changed using nudge commands or updateNode API. */
+			propertyChange?(e: PropertyChangeEventArgs): void;
 
-export interface SeriesRenderingEventArgs {
+			/** Triggers when the diagram elements are rotated */
+			rotationChange?(e: RotationChangeEventArgs): void;
 
-	/** Set this option to true to cancel the event
-	*/
-	cancel?: boolean;
+			/** Triggers when the diagram is zoomed or panned */
+			scrollChange?(e: ScrollChangeEventArgs): void;
 
-	/** Instance of the chart model object
-	*/
-	model?: any;
+			/** Triggers when a connector segment is edited */
+			segmentChange?(e: SegmentChangeEventArgs): void;
 
-	/** Name of the event
-	*/
-	type?: string;
+			/** Triggers when the selection is changed in diagram */
+			selectionChange?(e: SelectionChangeEventArgs): void;
 
-	/** Instance of the series which is about to get rendered
-	*/
-	series?: any;
-}
+			/** Triggers when a node is resized */
+			sizeChange?(e: SizeChangeEventArgs): void;
 
-export interface SymbolRenderingEventArgs {
+			/** Triggers when label editing is ended */
+			textChange?(e: TextChangeEventArgs): void;
 
-	/** Set this option to true to cancel the event    
-	*/
-	cancel?: boolean;
+			/** Triggered when the diagram is rendered completely. */
+			create?(e: CreateEventArgs): void;
+		}
 
-	/** Instance of the chart model object
-	*/
-	model?: any;
+		export interface AutoScrollChangeEventArgs {
 
-	/** Name of the event
-	*/
-	type?: string;
+			/** Returns the delay between subsequent auto scrolls
+			 */
+			delay?: string;
 
-	/** Instance that holds the location of marker symbol
-	*/
-	location?: any;
+			/** parameter returns the id of the diagram
+			 */
+			diagramId?: string;
+		}
 
-	/** Options to customize the marker style such as color, border and size
-	*/
-	style?: any;
-}
+		export interface ClickEventArgs {
 
-export interface TitleRenderingEventArgs {
+			/** parameter returns the clicked node, connector or diagram
+			 */
+			element?: any;
 
-	/** Set this option to true to cancel the event    
-	*/
-	cancel?: boolean;
+			/** parameter returns the object that is actually clicked
+			 */
+			actualObject?: number;
 
-	/** Instance of the chart model object
-	*/
-	model?: any;
+			/** parameter returns the horizontal coordinate of the mouse pointer, relative to the diagram
+			 */
+			offsetX?: number;
 
-	/** Name of the event
-	*/
-	type?: string;
+			/** parameter returns  the vertical coordinate of the mouse pointer, relative to the diagram
+			 */
+			offsetY?: number;
 
-	/** Option to customize the title location in pixels
-	*/
-	location?: any;
+			/** parameter returns the count of how many times the mouse button is pressed
+			 */
+			count?: number;
 
-	/** Read-only option to find the size of the title
-	*/
-	size?: any;
+			/** parameter returns the actual click event arguments that explains which button is clicked
+			 */
+			event?: any;
 
-	/** Use this option to add custom text in title
-	*/
-	title?: string;
-}
+			/** parameter returns the id of the diagram
+			 */
+			diagramId?: string;
+		}
 
-export interface ToolTipInitializeEventArgs {
+		export interface ConnectionChangeEventArgs {
 
-	/** Set this option to true to cancel the event    
-	*/
-	cancel?: boolean;
+			/** parameter returns the connection that is changed between nodes, ports or points
+			 */
+			element?: any;
 
-	/** Instance of the chart model object
-	*/
-	model?: any;
+			/** parameter returns the new source node or target node of the connector
+			 */
+			connection?: string;
 
-	/** Name of the event
-	*/
-	type?: string;
+			/** parameter returns the new source port or target port of the connector
+			 */
+			port?: any;
 
-	/** Text to be displayed in tooltip. Set this option to customize the text displayed in tooltip
-	*/
-	currentText?: string;
+			/** parameter defines whether to cancel the change or not
+			 */
+			cancel?: boolean;
 
-	/** Index of the point on which mouse is hovered
-	*/
-	pointIndex?: number;
+			/** parameter returns the id of the diagram
+			 */
+			diagramId?: string;
+		}
 
-	/** Index of the series in series collection whose point is hovered by mouse
-	*/
-	seriesIndex?: number;
-}
+		export interface ConnectorCollectionChangeEventArgs {
 
-export interface TrackAxisToolTipEventArgs {
+			/** parameter returns whether the connector is inserted or removed
+			 */
+			changeType?: string;
 
-	/** Set this option to true to cancel the event    
-	*/
-	cancel?: boolean;
+			/** parameter returns the connector that is to be added or deleted
+			 */
+			element?: any;
 
-	/** Instance of the chart model object
-	*/
-	model?: any;
+			/** parameter defines whether to cancel the collection change or not
+			 */
+			cancel?: boolean;
 
-	/** Name of the event
-	*/
-	type?: string;
+			/** 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;
 
-	/** Location of the crosshair label in pixels
-	*/
-	location?: any;
+			/** parameter returns the id of the diagram
+			 */
+			diagramId?: string;
+		}
 
-	/** Index of the axis for which crosshair label is displayed
-	*/
-	axisIndex?: number;
+		export interface ConnectorSourceChangeEventArgs {
 
-	/** Instance of the chart axis object for which cross hair label is displayed
-	*/
-	crossAxis?: number;
+			/** returns the connector, the source point of which is being dragged
+			 */
+			element?: any;
 
-	/** Text to be displayed in crosshair label. Use this option to add custom text in crosshair label
-	*/
-	currentTrackText?: string;
-}
+			/** returns the source node of the element
+			 */
+			node?: any;
 
-export interface TrackToolTipEventArgs {
+			/** returns the source point of the element
+			 */
+			point?: any;
 
-	/** Set this option to true to cancel the event    
-	*/
-	cancel?: boolean;
+			/** returns the source port of the element
+			 */
+			port?: any;
 
-	/** Instance of the chart model object
-	*/
-	model?: any;
+			/** returns the state of connection end point dragging(starting, dragging, completed)
+			 */
+			dragState?: string;
 
-	/** Name of the event
-	*/
-	type?: string;
+			/** parameter defines whether to cancel the change or not
+			 */
+			cancel?: boolean;
 
-	/** Location of the trackball tooltip in pixels
-	*/
-	location?: any;
+			/** parameter returns the id of the diagram
+			 */
+			diagramId?: string;
+		}
 
-	/** Index of the point for which trackball tooltip is displayed
-	*/
-	pointIndex?: number;
+		export interface ConnectorTargetChangeEventArgs {
 
-	/** Index of the series in series collection
-	*/
-	seriesIndex?: number;
+			/** parameter returns the connector, the target point of which is being dragged
+			 */
+			element?: any;
 
-	/** Text to be displayed in trackball tooltip. Use this option to add custom text in trackball tooltip
-	*/
-	currentText?: string;
+			/** returns the target node of the element
+			 */
+			node?: any;
 
-	/** Instance of the series object for which trackball tooltip is displayed.
-	*/
-	series?: any;
-}
+			/** returns the target point of the element
+			 */
+			point?: any;
 
-export interface AxisLabelClickEventArgs {
+			/** returns the target port of the element
+			 */
+			port?: any;
 
-	/** Set this option to true to cancel the event    
-	*/
-	cancel?: boolean;
+			/** returns the state of connection end point dragging(starting, dragging, completed)
+			 */
+			dragState?: string;
 
-	/** Instance of the chart model object
-	*/
-	model?: any;
+			/** parameter defines whether to cancel the change or not
+			 */
+			cancel?: boolean;
 
-	/** Name of the event
-	*/
-	type?: string;
+			/** parameter returns the id of the diagram
+			 */
+			diagramId?: string;
+		}
 
-	/** X and Y co-ordinate of the labels in chart area. 
-	*/
-	location?: any;
+		export interface ContextMenuBeforeOpenEventArgs {
 
-	/** Index of the label.
-	*/
-	index?: number;
+			/** parameter returns the diagram object
+			 */
+			diagram?: any;
 
-	/** Instance of the corresponding axis.
-	*/
-	axis?: any;
+			/** parameter returns the actual arguments from context menu
+			 */
+			contextmenu?: any;
 
-	/** Label that is clicked.
-	*/
-	text?: string;
-}
+			/** parameter returns the object that was clicked
+			 */
+			target?: any;
 
-export interface AxisLabelMouseMoveEventArgs {
+			/** parameter returns the id of the diagram
+			 */
+			diagramId?: string;
+		}
 
-	/** Set this option to true to cancel the event    
-	*/
-	cancel?: boolean;
+		export interface ContextMenuClickEventArgs {
 
-	/** Instance of the chart model object
-	*/
-	model?: any;
+			/** parameter returns the id of the selected context menu item
+			 */
+			id?: string;
 
-	/** Name of the event
-	*/
-	type?: string;
+			/** parameter returns the text of the selected context menu item
+			 */
+			text?: string;
 
-	/** X and Y co-ordinate of the labels in chart area. 
-	*/
-	location?: any;
+			/** parameter returns the parent id of the selected context menu item
+			 */
+			parentId?: string;
 
-	/** Index of the label.
-	*/
-	index?: number;
+			/** parameter returns the parent text of the selected context menu item
+			 */
+			parentText?: string;
 
-	/** Instance of the corresponding axis.
-	*/
-	axis?: any;
+			/** parameter returns the object that was clicked
+			 */
+			target?: any;
 
-	/** Label that is hovered.
-	*/
-	text?: string;
-}
+			/** parameter defines whether to execute the click event or not
+			 */
+			canExecute?: boolean;
 
-export interface ChartClickEventArgs {
+			/** parameter returns the id of the diagram
+			 */
+			diagramId?: string;
+		}
 
-	/** Set this option to true to cancel the event    
-	*/
-	cancel?: boolean;
+		export interface DoubleClickEventArgs {
 
-	/** Instance of the chart model object
-	*/
-	model?: any;
+			/** parameter returns the object that is actually clicked
+			 */
+			actualObject?: any;
 
-	/** Name of the event
-	*/
-	type?: string;
+			/** parameter returns the selected object
+			 */
+			element?: any;
 
-	/** X and Y co-ordinate of the points with respect to chart area.  
-	*/
-	location?: any;
+			/** parameter returns the id of the diagram
+			 */
+			diagramId?: string;
+		}
 
-	/** ID of the target element. 
-	*/
-	id?: string;
+		export interface DragEventArgs {
 
-	/** Width and height of the chart. 
-	*/
-	size?: any;
+			/** parameter returns the node or connector that is being dragged
+			 */
+			element?: any;
 
-	/** x-coordinate of the pointer, relative to the page 
-	*/
-	pageX?: number;
+			/** parameter returns the previous position of the node/connector
+			 */
+			oldValue?: any;
 
-	/** y-coordinate of the pointer, relative to the page 
-	*/
-	pageY?: number;
-}
+			/** parameter returns the new position of the node/connector
+			 */
+			newValue?: any;
 
-export interface ChartMouseMoveEventArgs {
+			/** parameter returns the state of drag event (Starting, dragging, completed)
+			 */
+			dragState?: string;
 
-	/** Set this option to true to cancel the event    
-	*/
-	cancel?: boolean;
+			/** parameter returns whether or not to cancel the drag event
+			 */
+			cancel?: boolean;
 
-	/** Instance of the chart model object
-	*/
-	model?: any;
+			/** parameter returns the id of the diagram
+			 */
+			diagramId?: string;
+		}
 
-	/** Name of the event
-	*/
-	type?: string;
+		export interface DragEnterEventArgs {
 
-	/** X and Y co-ordinate of the points with respect to chart area.  
-	*/
-	location?: any;
+			/** parameter returns the node or connector that is dragged into diagram
+			 */
+			element?: any;
 
-	/** ID of the target element. 
-	*/
-	id?: string;
+			/** parameter returns whether to add or remove the symbol from diagram
+			 */
+			cancel?: boolean;
 
-	/** Width and height of the chart. 
-	*/
-	size?: any;
+			/** parameter returns the id of the diagram
+			 */
+			diagramId?: string;
+		}
 
-	/** x-coordinate of the pointer, relative to the page 
-	*/
-	pageX?: number;
+		export interface DragLeaveEventArgs {
 
-	/** y-coordinate of the pointer, relative to the page 
-	*/
-	pageY?: number;
-}
+			/** parameter returns the node or connector that is dragged outside of the diagram
+			 */
+			element?: any;
 
-export interface ChartDoubleClickEventArgs {
+			/** parameter returns the id of the diagram
+			 */
+			diagramId?: string;
+		}
 
-	/** Set this option to true to cancel the event    
-	*/
-	cancel?: boolean;
+		export interface DragOverEventArgs {
 
-	/** Instance of the chart model object
-	*/
-	model?: any;
+			/** parameter returns the node or connector that is dragged over diagram
+			 */
+			element?: any;
 
-	/** Name of the event
-	*/
-	type?: string;
+			/** parameter defines whether the symbol can be dropped at the current mouse position
+			 */
+			allowDrop?: boolean;
 
-	/** X and Y co-ordinate of the points with respect to chart area.  
-	*/
-	location?: any;
+			/** parameter returns the node/connector over which the symbol is dragged
+			 */
+			target?: any;
 
-	/** ID of the target element. 
-	*/
-	id?: string;
+			/** parameter returns the previous position of the node/connector
+			 */
+			oldValue?: any;
 
-	/** Width and height of the chart. 
-	*/
-	size?: any;
+			/** parameter returns the new position of the node/connector
+			 */
+			newValue?: any;
 
-	/** x-coordinate of the pointer, relative to the page 
-	*/
-	pageX?: number;
+			/** parameter returns whether or not to cancel the dragOver event
+			 */
+			cancel?: boolean;
 
-	/** y-coordinate of the pointer, relative to the page 
-	*/
-	pageY?: number;
-}
+			/** parameter returns the id of the diagram
+			 */
+			diagramId?: string;
+		}
 
-export interface AnnotationClickEventArgs {
+		export interface DropEventArgs {
 
-	/** Set this option to true to cancel the event    
-	*/
-	cancel?: boolean;
+			/** parameter returns node or connector that is being dropped
+			 */
+			element?: any;
 
-	/** Instance of the chart model object
-	*/
-	model?: any;
+			/** parameter returns whether or not to cancel the drop event
+			 */
+			cancel?: boolean;
 
-	/** Name of the event
-	*/
-	type?: string;
+			/** parameter returns the object from where the element is dragged
+			 */
+			source?: any;
 
-	/** X and Y co-ordinate of the annotation in chart area.  
-	*/
-	location?: any;
+			/** parameter returns the object over which the object will be dropped
+			 */
+			target?: any;
 
-	/** Information about the annotation, like Coordinate unit, Region, content 
-	*/
-	contentData?: any;
+			/** parameter returns the enum which defines the type of the source
+			 */
+			sourceType?: string;
 
-	/** x-coordinate of the pointer, relative to the page  
-	*/
-	pageX?: number;
+			/** parameter returns the id of the diagram
+			 */
+			diagramId?: string;
+		}
 
-	/** y-coordinate of the pointer, relative to the page 
-	*/
-	pageY?: number;
-}
+		export interface EditorFocusChangeEventArgs {
+			/** Returns the cancel option value.
+			 */
+			cancel?: boolean;
+		}
 
-export interface AfterResizeEventArgs {
+		export interface GroupChangeEventArgs {
 
-	/** Set this option to true to cancel the event    
-	*/
-	cancel?: boolean;
+			/** parameter returns the object that is added to/removed from a group
+			 */
+			element?: any;
 
-	/** Instance of the chart model object
-	*/
-	model?: any;
+			/** parameter returns the old parent group(if any) of the object
+			 */
+			oldParent?: any;
 
-	/** Name of the event
-	*/
-	type?: string;
+			/** parameter returns the new parent group(if any) of the object
+			 */
+			newParent?: any;
 
-	/** Chart width, after resize  
-	*/
-	width?: number;
+			/** parameter returns the cause of group change("group", unGroup")
+			 */
+			cause?: string;
 
-	/** Chart height, after resize  
-	*/
-	height?: number;
+			/** parameter returns the id of the diagram
+			 */
+			diagramId?: string;
+		}
 
-	/** Chart width, before resize  
-	*/
-	prevWidth?: number;
+		export interface HistoryChangeEventArgs {
 
-	/** Chart height, before resize  
-	*/
-	prevHeight?: number;
+			/** 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[];
 
-	/** Chart width, when the chart was first rendered  
-	*/
-	originalWidth?: number;
+			/** A collection of objects that are changed in the last undo/redo
+			 */
+			Source?: any[];
 
-	/** Chart height, when the chart was first rendered  
-	*/
-	originalHeight?: number;
-}
+			/** parameter returns the id of the diagram
+			 */
+			diagramId?: string;
+		}
 
-export interface BeforeResizeEventArgs {
+		export interface ItemClickEventArgs {
 
-	/** Set this option to true to cancel the event    
-	*/
-	cancel?: boolean;
+			/** parameter returns the object that was actually clicked
+			 */
+			actualObject?: any;
 
-	/** Instance of the chart model object
-	*/
-	model?: any;
+			/** parameter returns the object that is selected
+			 */
+			selectedObject?: any;
 
-	/** Name of the event
-	*/
-	type?: string;
+			/** parameter returns whether or not to cancel the drop event
+			 */
+			cancel?: boolean;
 
-	/** Chart width, before resize  
-	*/
-	currentWidth?: number;
+			/** parameter returns the actual click event arguments that explains which button is clicked
+			 */
+			event?: any;
 
-	/** Chart height, before resize  
-	*/
-	currentHeight?: number;
+			/** parameter returns the id of the diagram
+			 */
+			diagramId?: string;
+		}
 
-	/** Chart width, after resize   
-	*/
-	newWidth?: number;
+		export interface MouseEnterEventArgs {
 
-	/** Chart height, after resize   
-	*/
-	newHeight?: number;
-}
+			/** parameter returns the target node or connector
+			 */
+			element?: any;
 
-export interface ErrorBarRenderingEventArgs {
+			/** parameter returns the object from where the selected object is dragged
+			 */
+			source?: any;
 
-	/** Set this option to true to cancel the event    
-	*/
-	cancel?: boolean;
+			/** parameter returns the target object over which the selected object is dragged
+			 */
+			target?: any;
 
-	/** Instance of the chart model object
-	*/
-	model?: any;
+			/** parameter returns the id of the diagram
+			 */
+			diagramId?: string;
+		}
 
-	/** Name of the event
-	*/
-	type?: string;
+		export interface MouseLeaveEventArgs {
 
-	/** Error bar Object  
-	*/
-	errorbar?: any;
-}
+			/** parameter returns the target node or connector
+			 */
+			element?: any;
 
-export interface ScrollChangedEventArgs {
+			/** parameter returns the object from where the selected object is dragged
+			 */
+			source?: any;
 
-	/** parameters from RangeNavigator
-	*/
-	data?: any;
+			/** parameter returns the target object over which the selected object is dragged
+			 */
+			target?: any;
 
-	/** returns the scrollbar position old start and end range value on changing scrollbar
-	*/
-	dataoldRange?: any;
+			/** parameter returns the id of the diagram
+			 */
+			diagramId?: string;
+		}
 
-	/** returns the scrollbar position new start and end range value on changing scrollbar
-	*/
-	datanewRange?: any;
+		export interface MouseOverEventArgs {
 
-	/** if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
+			/** parameter returns the target node or connector
+			 */
+			element?: any;
 
-	/** returns the RangeNavigator model
-	*/
-	model?: any;
+			/** parameter returns the object from where the element is dragged
+			 */
+			source?: any;
 
-	/** returns the name of the event
-	*/
-	type?: string;
-}
+			/** parameter returns the object over which the element is being dragged.
+			 */
+			target?: any;
 
-export interface ScrollStartEventArgs {
+			/** parameter returns the id of the diagram
+			 */
+			diagramId?: string;
+		}
 
-	/** parameters from RangeNavigator
-	*/
-	data?: any;
+		export interface NodeCollectionChangeEventArgs {
 
-	/** returns the scrollbar position starting range value on changing scrollbar
-	*/
-	datastartRange?: string;
+			/** parameter returns whether the node is to be added or removed
+			 */
+			changeType?: string;
 
-	/** returns the scrollbar position end range value on changing scrollbar
-	*/
-	dataendRange?: string;
+			/** parameter returns the node which needs to be added or deleted
+			 */
+			element?: any;
 
-	/** if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
+			/** parameter defines whether to cancel the collection change or not
+			 */
+			cancel?: boolean;
 
-	/** returns the RangeNavigator model
-	*/
-	model?: any;
+			/** 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;
 
-	/** returns the name of the event
-	*/
-	type?: string;
-}
+			/** parameter returns the id of the diagram
+			 */
+			diagramId?: string;
+		}
 
-export interface ScrollEndEventArgs {
+		export interface PropertyChangeEventArgs {
 
-	/** parameters from RangeNavigator
-	*/
-	data?: any;
+			/** parameter returns the selected element
+			 */
+			element?: any;
 
-	/** returns the scrollbar position old start and end range value on change end of scrollbar
-	*/
-	dataoldRange?: any;
+			/** parameter returns the action is nudge or not
+			 */
+			cause?: string;
 
-	/** returns the scrollbar position new start and end range value on change end of scrollbar
-	*/
-	datanewRange?: any;
+			/** parameter returns the new value of the node property that is being changed
+			 */
+			newValue?: any;
 
-	/** if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
+			/** parameter returns the old value of the property that is being changed
+			 */
+			oldValue?: any;
 
-	/** returns the RangeNavigator model
-	*/
-	model?: any;
+			/** parameter returns the name of the property that is changed
+			 */
+			propertyName?: string;
 
-	/** returns the name of the event
-	*/
-	type?: string;
-}
+			/** parameter returns the id of the diagram
+			 */
+			diagramId?: string;
+		}
 
-export interface AnnotationsMargin {
+		export interface RotationChangeEventArgs {
 
-	/** Annotation is placed at the specified value above its original position.
-	*   @Default {0}
-	*/
-	bottom?: number;
+			/** parameter returns the node that is rotated
+			 */
+			element?: any;
 
-	/** Annotation is placed at the specified value from left side of its original position.
-	*   @Default {0}
-	*/
-	left?: number;
+			/** parameter returns the previous rotation angle
+			 */
+			oldValue?: any;
 
-	/** Annotation is placed at the specified value from the right side of its original position.
-	*   @Default {0}
-	*/
-	right?: number;
+			/** parameter returns the new rotation angle
+			 */
+			newValue?: any;
 
-	/** Annotation is placed at the specified value under its original position.
-	*   @Default {0}
-	*/
-	top?: number;
-}
+			/** parameter to specify whether or not to cancel the event
+			 */
+			cancel?: boolean;
 
-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;
-}
+			/** parameter returns the id of the diagram
+			 */
+			diagramId?: string;
+		}
 
-export interface Border {
+		export interface ScrollChangeEventArgs {
 
-	/** Border color of the chart.
-	*   @Default {null}
-	*/
-	color?: string;
+			/** Parameter returns the new zoom value, horizontal and vertical scroll offsets.
+			 */
+			newValues?: any;
 
-	/** Opacity of the chart border.
-	*   @Default {0.3}
-	*/
-	opacity?: number;
+			/** parameter returns the previous zoom value, horizontal and vertical scroll offsets.
+			 */
+			oldValues?: any;
 
-	/** Width of the Chart border.
-	*   @Default {0}
-	*/
-	width?: number;
-}
+			/** parameter returns the id of the diagram
+			 */
+			diagramId?: string;
+		}
 
-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 SegmentChangeEventArgs {
 
-export interface ChartAreaBorder {
+			/** Parameter returns the connector that is being edited
+			 */
+			element?: any;
 
-	/** Border color of the plot area.
-	*   @Default {Gray}
-	*/
-	color?: string;
+			/** parameter returns the state of editing (starting, dragging, completed)
+			 */
+			dragState?: string;
 
-	/** Opacity of the plot area border.
-	*   @Default {0.3}
-	*/
-	opacity?: number;
+			/** parameter returns the current mouse position
+			 */
+			point?: any;
 
-	/** Border width of the plot area.
-	*   @Default {0.5}
-	*/
-	width?: number;
-}
+			/** parameter to specify whether or not to cancel the event
+			 */
+			cancel?: boolean;
 
-export interface ChartArea {
+			/** parameter returns the id of the diagram
+			 */
+			diagramId?: string;
+		}
 
-	/** Background color of the plot area.
-	*   @Default {transparent}
-	*/
-	background?: string;
+		export interface SelectionChangeEventArgs {
 
-	/** Options for customizing the border of the plot area.
-	*/
-	border?: ChartAreaBorder;
-}
+			/** parameter returns whether the item is selected or removed selection
+			 */
+			changeType?: string;
 
-export interface ColumnDefinition {
+			/** parameter returns the item which is selected or to be selected
+			 */
+			element?: any;
 
-	/** Specifies the unit to measure the width of the column in plotting area.
-	*   @Default {'pixel'. See Unit}
-	*/
-	unit?: ej.datavisualization.Chart.Unit|string;
+			/** parameter returns the collection of nodes and connectors that have to be removed from selection list
+			 */
+			oldItems?: any[];
 
-	/** 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;
+			/** parameter returns the collection of nodes and connectors that have to be added to selection list
+			 */
+			newItems?: any[];
 
-	/** Color of the line that indicates the starting point of the column in plotting area.
-	*   @Default {transparent}
-	*/
-	lineColor?: string;
+			/** parameter returns the collection of nodes and connectors that will be selected after selection change
+			 */
+			selectedItems?: any[];
 
-	/** Width of the line that indicates the starting point of the column in plot area.
-	*   @Default {1}
-	*/
-	lineWidth?: number;
-}
+			/** parameter to specify whether or not to cancel the selection change event
+			 */
+			cancel?: boolean;
 
-export interface CommonSeriesOptionsBorder {
+			/** 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;
 
-	/** Border color of all series.
-	*   @Default {transparent}
-	*/
-	color?: string;
+			/** parameter returns the id of the diagram
+			 */
+			diagramId?: string;
+		}
 
-	/** DashArray for border of the series.
-	*   @Default {null}
-	*/
-	dashArray?: string;
+		export interface SizeChangeEventArgs {
 
-	/** Border width of all series.
-	*   @Default {1}
-	*/
-	width?: number;
-}
+			/** parameter returns node that was resized
+			 */
+			element?: any;
 
-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;
-}
+			/** parameter to cancel the size change
+			 */
+			cancel?: boolean;
 
-export interface CommonSeriesOptionsMarkerBorder {
+			/** parameter returns the new width, height, offsetX and offsetY values of the element that is being resized
+			 */
+			newValue?: any;
 
-	/** Border color of the marker shape.
-	*   @Default {white}
-	*/
-	color?: string;
+			/** parameter returns the previous width,height,offsetX and offsetY values of the element that is being resized
+			 */
+			oldValue?: any;
 
-	/** Border width of the marker shape.
-	*   @Default {3}
-	*/
-	width?: number;
-}
+			/** parameter returns the state of resizing(starting,resizing,completed)
+			 */
+			resizeState?: string;
 
-export interface CommonSeriesOptionsMarkerDataLabelBorder {
+			/** parameter returns the difference between new and old value
+			 */
+			offset?: any;
 
-	/** Border color of the data label.
-	*   @Default {null}
-	*/
-	color?: string;
+			/** parameter returns the id of the diagram
+			 */
+			diagramId?: string;
+		}
 
-	/** Border width of the data label.
-	*   @Default {0.1}
-	*/
-	width?: number;
-}
+		export interface TextChangeEventArgs {
 
-export interface CommonSeriesOptionsMarkerDataLabelConnectorLine {
+			/** parameter returns the node that contains the text being edited
+			 */
+			element?: any;
 
-	/** 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;
+			/** parameter returns the new text
+			 */
+			value?: string;
 
-	/** Width of the connector.
-	*   @Default {0.5}
-	*/
-	width?: number;
+			/** parameter returns the keyCode of the key entered
+			 */
+			keyCode?: string;
 
-	/** Color of the connector line.
-	*   @Default {#565656}
-	*/
-	color?: string;
+			/** parameter returns the id of the diagram
+			 */
+			diagramId?: string;
+		}
 
-	/** Height of the connector line.
-	*   @Default {null}
-	*/
-	height?: string;
-}
+		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 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;
+		}
+
+		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;
+
+			/** 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 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 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 {
 
-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;
-}
+			/** Sets the arrow position again popup based on horizontal(x) value
+			 * @Default {center}
+			 */
+			horizontal?: ej.datavisualization.HeatMap.Horizontal | string;
 
-export interface CommonSeriesOptionsMarkerDataLabelMargin {
+			/** Sets the arrow position again popup based on vertical(y) value
+			 * @Default {top}
+			 */
+			vertical?: ej.datavisualization.HeatMap.Vertical | string;
+		}
 
-	/** Bottom margin of the text.
-	*   @Default {5}
-	*/
-	bottom?: number;
+		export interface TooltipSettingsPositionStem {
 
-	/** Left margin of the text.
-	*   @Default {5}
-	*/
-	left?: number;
+			/** Sets the arrow position again popup based on horizontal(x) value
+			 * @Default {center}
+			 */
+			horizontal?: ej.datavisualization.HeatMap.Horizontal | string;
 
-	/** Right margin of the text.
-	*   @Default {5}
-	*/
-	right?: number;
+			/** Sets the arrow position again popup based on vertical(y) value
+			 * @Default {bottom}
+			 */
+			vertical?: ej.datavisualization.HeatMap.Vertical | string;
+		}
 
-	/** Top margin of the text.
-	*   @Default {5}
-	*/
-	top?: number;
-}
+		export interface TooltipSettingsPosition {
 
-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;
-}
+			/** Sets the Tooltip position against target.
+			 */
+			target?: TooltipSettingsPositionTarget;
 
-export interface CommonSeriesOptionsMarkerSize {
+			/** Sets the arrow position again popup.
+			 */
+			stem?: TooltipSettingsPositionStem;
+		}
 
-	/** Height of the marker.
-	*   @Default {6}
-	*/
-	height?: number;
+		export interface TooltipSettingsAnimation {
 
-	/** Width of the marker.
-	*   @Default {6}
-	*/
-	width?: 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;
 
-export interface CommonSeriesOptionsMarker {
+			/** Defines the animation speed for the tooltip that should be shown when the mouse hovers over rows/columns.
+			 * @Default {0}
+			 */
+			speed?: number;
+		}
 
-	/** Options for customizing the border of the marker shape.
-	*/
-	border?: CommonSeriesOptionsMarkerBorder;
+		export interface TooltipSettings {
+
+			/** Defines the tooltip that should be shown when the mouse hovers over rows/columns.
+			 * @Default {null}
+			 */
+			templateId?: string;
 
-	/** Options for displaying and customizing data labels.
-	*/
-	dataLabel?: CommonSeriesOptionsMarkerDataLabel;
+			/** 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;
 
-	/** Color of the marker shape.
-	*   @Default {null}
-	*/
-	fill?: string;
+			/** Defines various attributes of the Tooltip position
+			 */
+			position?: TooltipSettingsPosition;
 
-	/** 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;
+			/** Defines the tooltip to be triggered.
+			 * @Default {hover}
+			 */
+			trigger?: ej.datavisualization.HeatMap.Trigger | string;
 
-	/** Opacity of the marker.
-	*   @Default {1}
-	*/
-	opacity?: number;
+			/** Defines the animation for the tooltip that should be shown when the mouse hovers over rows/columns.
+			 */
+			animation?: TooltipSettingsAnimation;
+		}
+
+		export interface HeatMapCell {
 
-	/** Specifies the shape of the marker.
-	*   @Default {circle. See Shape}
-	*/
-	shape?: ej.datavisualization.Chart.Shape|string;
+			/** 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 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;
+
+			/** 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 for customizing the size of the marker shape.
-	*/
-	size?: CommonSeriesOptionsMarkerSize;
+			/** Options to customize the Sparkline size.
+			 */
+			size?: Size;
 
-	/** Controls the visibility of the marker shape.
-	*   @Default {false}
-	*/
-	visible?: boolean;
-}
+			/** Options for customizing the color,dashArray and width of the axisLine.
+			 */
+			axisLineSettings?: AxisLineSettings;
 
-export interface CommonSeriesOptionsOutlierSettingsSize {
+			/** Fires before loading the sparkline. */
+			load?(e: LoadEventArgs): void;
+
+			/** Fires after loaded the sparkline. */
+			loaded?(e: LoadedEventArgs): void;
 
-	/** Height of the outlier shape.
-	*   @Default {6}
-	*/
-	height?: number;
+			/** Fires before rendering trackball tooltip. You can use this event to customize the text displayed in trackball tooltip. */
+			tooltipInitialize?(e: TooltipInitializeEventArgs): void;
 
-	/** Width of the outlier shape.
-	*   @Default {6}
-	*/
-	width?: number;
-}
+			/** Fires before rendering a series. This event is fired for each series in Sparkline. */
+			seriesRendering?(e: SeriesRenderingEventArgs): void;
 
-export interface CommonSeriesOptionsOutlierSettings {
+			/** Fires when mouse is moved over a point. */
+			pointRegionMouseMove?(e: PointRegionMouseMoveEventArgs): void;
 
-	/** Specifies the shape of the outlier.
-	*   @Default {circle. See Shape}
-	*/
-	shape?: ej.datavisualization.Chart.Shape|string;
+			/** Fires on clicking a point in sparkline. You can use this event to handle clicks made on points. */
+			pointRegionMouseClick?(e: PointRegionMouseClickEventArgs): void;
 
-	/** Options for customizing the size of the outlier shape.
-	*/
-	size?: CommonSeriesOptionsOutlierSettingsSize;
-}
+			/** Fires on moving mouse over the sparkline. */
+			sparklineMouseMove?(e: SparklineMouseMoveEventArgs): void;
 
-export interface CommonSeriesOptionsCornerRadius {
+			/** Fires on moving mouse outside the sparkline. */
+			sparklineMouseLeave?(e: SparklineMouseLeaveEventArgs): void;
+		}
 
-	/** Specifies the radius for the top left corner.
-	*   @Default {0}
-	*/
-	topLeft?: number;
+		export interface LoadEventArgs {
 
-	/** Specifies the radius for the top right corner.
-	*   @Default {0}
-	*/
-	topRight?: number;
+			/** Set this option to true to cancel the event
+			 */
+			cancel?: boolean;
 
-	/** Specifies the radius for the bottom left corner.
-	*   @Default {0}
-	*/
-	bottomLeft?: number;
+			/** Instance of the sparkline model object
+			 */
+			model?: any;
 
-	/** Specifies the radius for the bottom right corner.
-	*   @Default {0}
-	*/
-	bottomRight?: number;
-}
+			/** Name of the event
+			 */
+			type?: string;
+		}
 
-export interface CommonSeriesOptionsTooltipBorder {
+		export interface LoadedEventArgs {
 
-	/** Border color of the tooltip.
-	*   @Default {null}
-	*/
-	color?: string;
+			/** Set this option to true to cancel the event
+			 */
+			cancel?: boolean;
 
-	/** Border width of the tooltip.
-	*   @Default {1}
-	*/
-	width?: number;
-}
+			/** Instance of the sparkline model object
+			 */
+			model?: any;
 
-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;
-}
+			/** Name of the event
+			 */
+			type?: string;
+		}
 
-export interface CommonSeriesOptionsEmptyPointSettingsStyleBorder {
+		export interface TooltipInitializeEventArgs {
 
-	/** Border color of the empty point.
-	*/
-	color?: string;
+			/** Set this option to true to cancel the event
+			 */
+			cancel?: boolean;
 
-	/** Border width of the empty point.
-	*   @Default {1}
-	*/
-	width?: number;
-}
+			/** Instance of the sparkline model object
+			 */
+			model?: any;
 
-export interface CommonSeriesOptionsEmptyPointSettingsStyle {
+			/** Name of the event
+			 */
+			type?: string;
 
-	/** Color of the empty point.
-	*/
-	color?: string;
+			/** X Location of the trackball tooltip in pixels
+			 */
+			locationX?: any;
 
-	/** Options for customizing border of the empty point in the series.
-	*/
-	border?: CommonSeriesOptionsEmptyPointSettingsStyleBorder;
-}
+			/** Y Location of the trackball tooltip in pixels
+			 */
+			locationY?: any;
 
-export interface CommonSeriesOptionsEmptyPointSettings {
+			/** Index of the point for which trackball tooltip is displayed
+			 */
+			pointIndex?: number;
 
-	/** Controls the visibility of the empty point.
-	*   @Default {true}
-	*/
-	visible?: boolean;
+			/** Text to be displayed in trackball tooltip. Use this option to add custom text in trackball tooltip
+			 */
+			currentText?: string;
+		}
 
-	/** Specifies the mode of empty point.
-	*   @Default {gap}
-	*/
-	displayMode?: ej.datavisualization.Chart.EmptyPointMode|string;
+		export interface SeriesRenderingEventArgs {
 
-	/** Options for customizing the color and border of the empty point in the series.
-	*/
-	style?: CommonSeriesOptionsEmptyPointSettingsStyle;
-}
+			/** Set this option to true to cancel the event
+			 */
+			cancel?: boolean;
 
-export interface CommonSeriesOptionsConnectorLine {
+			/** Instance of the sparkline model object
+			 */
+			model?: any;
 
-	/** Width of the connector line.
-	*   @Default {1}
-	*/
-	width?: number;
+			/** Name of the event
+			 */
+			type?: string;
 
-	/** Color of the connector line.
-	*   @Default {#565656}
-	*/
-	color?: string;
+			/** Minimum x value of the data point
+			 */
+			minX?: any;
 
-	/** DashArray of the connector line.
-	*   @Default {null}
-	*/
-	dashArray?: string;
+			/** Minimum y value of the data point
+			 */
+			minY?: any;
 
-	/** DashArray of the connector line.
-	*   @Default {1}
-	*/
-	opacity?: number;
-}
+			/** Maximum x value of the data point
+			 */
+			maxX?: any;
 
-export interface CommonSeriesOptionsDragSettings {
+			/** Maximum y value of the data point
+			 */
+			maxY?: any;
+		}
 
-	/** drag/drop the series
-	*   @Default {false}
-	*/
-	enable?: boolean;
+		export interface PointRegionMouseMoveEventArgs {
 
-	/** Specifies the type of drag settings.
-	*   @Default {xy}
-	*/
-	type?: string;
-}
+			/** Set this option to true to cancel the event
+			 */
+			cancel?: boolean;
 
-export interface CommonSeriesOptionsErrorBarCap {
+			/** Instance of the sparkline model object
+			 */
+			model?: any;
 
-	/** Show/Hides the error bar cap.
-	*   @Default {true}
-	*/
-	visible?: boolean;
+			/** Name of the event
+			 */
+			type?: string;
 
-	/** Width of the error bar cap.
-	*   @Default {1}
-	*/
-	width?: number;
+			/** X-coordinate of point in pixel
+			 */
+			locationX?: number;
 
-	/** Length of the error bar cap.
-	*   @Default {1}
-	*/
-	length?: number;
+			/** Y-coordinate of point in pixel
+			 */
+			locationY?: number;
 
-	/** Color of the error bar cap.
-	*   @Default {“#000000”}
-	*/
-	fill?: string;
-}
+			/** Index of the point in series
+			 */
+			pointIndex?: number;
 
-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;
-}
+			/** Type of the series
+			 */
+			seriesType?: string;
+		}
 
-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 PointRegionMouseClickEventArgs {
 
-export interface CommonSeriesOptionsHighlightSettingsBorder {
+			/** Set this option to true to cancel the event
+			 */
+			cancel?: boolean;
 
-	/** Border color of the series/point on highlight.
-	*/
-	color?: string;
+			/** Instance of the sparkline model object
+			 */
+			model?: any;
 
-	/** Border width of the series/point on highlight.
-	*   @Default {2}
-	*/
-	width?: string;
-}
+			/** Name of the event
+			 */
+			type?: string;
 
-export interface CommonSeriesOptionsHighlightSettings {
+			/** X-coordinate of point in pixel
+			 */
+			locationX?: number;
 
-	/** Enables/disables the ability to highlight the series or data point interactively.
-	*   @Default {false}
-	*/
-	enable?: boolean;
+			/** Y-coordinate of point in pixel
+			 */
+			locationY?: number;
 
-	/** Specifies whether the series or data point has to be highlighted.
-	*   @Default {series. See Mode}
-	*/
-	mode?: ej.datavisualization.Chart.Mode|string;
+			/** Index of the point in series
+			 */
+			pointIndex?: number;
+
+			/** Type of the series
+			 */
+			seriesType?: string;
+		}
+
+		export interface SparklineMouseMoveEventArgs {
 
-	/** Color of the series/point on highlight.
-	*/
-	color?: string;
+			/** Set this option to true to cancel the event
+			 */
+			cancel?: boolean;
 
-	/** Opacity of the series/point on highlight.
-	*   @Default {0.6}
-	*/
-	opacity?: number;
+			/** 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 border of series on highlight.
-	*/
-	border?: CommonSeriesOptionsHighlightSettingsBorder;
+			/** 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 pattern for the series/point on highlight.
-	*   @Default {none. See Pattern}
-	*/
-	pattern?: string;
+			/** Specifies the theme for Sunburst.
+			 * @Default {Flatlight. See Theme}
+			 */
+			theme?: ej.datavisualization.Sunburst.SunburstTheme | string;
 
-	/** Custom pattern for the series on highlight.
-	*/
-	customPattern?: string;
-}
+			/** Options to customize the left, right, top and bottom margins of sunburst area.
+			 */
+			margin?: Margin;
 
-export interface CommonSeriesOptionsSelectionSettingsBorder {
+			/** Enable/disable the animation for all the levels.
+			 * @Default {false}
+			 */
+			enableAnimation?: boolean;
 
-	/** Border color of the series/point on selection.
-	*/
-	color?: string;
+			/** Opacity of the levels.
+			 * @Default {1}
+			 */
+			opacity?: number;
 
-	/** Border width of the series/point on selection.
-	*   @Default {2}
-	*/
-	width?: string;
-}
+			/** Options for enable zooming feature of chart.
+			 */
+			zoomSettings?: ZoomSettings;
 
-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;
-}
+			/** Animation type of sunburst
+			 * @Default {rotation. See Alignment}
+			 */
+			animationType?: ej.datavisualization.Sunburst.Animation | 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?: 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;
-}
+			/** Fires before loading. */
+			load?(e: LoadEventArgs): void;
 
-export interface CrosshairTrackballTooltipSettingsBorder {
+			/** Fires before rendering sunburst. */
+			preRender?(e: PreRenderEventArgs): void;
 
-	/** Border width of the trackball tooltip.
-	*   @Default {null}
-	*/
-	width?: number;
+			/** Fires after rendering sunburst. */
+			loaded?(e: LoadedEventArgs): void;
 
-	/** Border color of the trackball tooltip.
-	*   @Default {null}
-	*/
-	color?: string;
-}
+			/** Fires before rendering the datalabel */
+			dataLabelRendering?(e: DataLabelRenderingEventArgs): void;
 
-export interface CrosshairTrackballTooltipSettings {
+			/** Fires before rendering each segment */
+			segmentRendering?(e: SegmentRenderingEventArgs): void;
 
-	/** Options for customizing the trackball tooltip border.
-	*/
-	border?: CrosshairTrackballTooltipSettingsBorder;
+			/** Fires before rendering sunburst title. */
+			titleRendering?(e: TitleRenderingEventArgs): void;
 
-	/** Background color of the trackball tooltip.
-	*   @Default {null}
-	*/
-	fill?: string;
+			/** Fires during initialization of tooltip. */
+			tooltipInitialize?(e: TooltipInitializeEventArgs): void;
 
-	/** Rounded corner x value of the trackball tooltip.
-	*   @Default {3}
-	*/
-	rx?: number;
+			/** Fires after clicking the point in sunburst */
+			pointRegionClick?(e: PointRegionClickEventArgs): void;
 
-	/** Rounded corner y value of the trackball tooltip.
-	*   @Default {3}
-	*/
-	ry?: number;
+			/** Fires while moving the mouse over sunburst points */
+			pointRegionMouseMove?(e: PointRegionMouseMoveEventArgs): void;
 
-	/** Opacity value of the trackball tooltip.
-	*   @Default {1}
-	*/
-	opacity?: number;
+			/** Fires when clicking the point to perform drilldown. */
+			drillDownClick?(e: DrillDownClickEventArgs): void;
 
-	/** Specifies the mode of the trackball tooltip.
-	*   @Default {float. See CrosshairMode}
-	*/
-	mode?: ej.datavisualization.Chart.CrosshairMode|string;
-}
+			/** Fires when resetting drilldown points. */
+			drillDownBack?(e: DrillDownBackEventArgs): void;
 
-export interface CrosshairMarkerBorder {
+			/** Fires after resetting the sunburst points */
+			drillDownReset?(e: DrillDownResetEventArgs): void;
+		}
 
-	/** Border width of the marker.
-	*   @Default {3}
-	*/
-	width?: number;
-}
+		export interface LoadEventArgs {
 
-export interface CrosshairMarkerSize {
+			/** Load event data
+			 */
+			data?: string;
 
-	/** Height of the marker.
-	*   @Default {10}
-	*/
-	height?: number;
+			/** Set this option to true to cancel the event
+			 */
+			cancel?: boolean;
 
-	/** Width of the marker.
-	*   @Default {10}
-	*/
-	width?: number;
-}
+			/** Instance of the sunburst model object
+			 */
+			model?: any;
 
-export interface CrosshairMarker {
+			/** Name of the event
+			 */
+			type?: string;
+		}
 
-	/** Options for customizing the border.
-	*/
-	border?: CrosshairMarkerBorder;
+		export interface PreRenderEventArgs {
 
-	/** Opacity of the marker.
-	*   @Default {true}
-	*/
-	opacity?: boolean;
+			/** PreRender event data
+			 */
+			data?: string;
 
-	/** Options for customizing the size of the marker.
-	*/
-	size?: CrosshairMarkerSize;
+			/** Set this option to true to cancel the event
+			 */
+			cancel?: boolean;
 
-	/** Show/hides the marker.
-	*   @Default {true}
-	*/
-	visible?: boolean;
-}
+			/** Instance of the sunburst model object
+			 */
+			model?: any;
 
-export interface CrosshairLine {
+			/** Name of the event
+			 */
+			type?: string;
+		}
 
-	/** Color of the crosshair line.
-	*   @Default {transparent}
-	*/
-	color?: string;
+		export interface LoadedEventArgs {
 
-	/** Width of the crosshair line.
-	*   @Default {1}
-	*/
-	width?: number;
-}
+			/** Loaded event data
+			 */
+			data?: string;
 
-export interface Crosshair {
+			/** Set this option to true to cancel the event
+			 */
+			cancel?: boolean;
 
-	/** Options for customizing the trackball tooltip.
-	*/
-	trackballTooltipSettings?: CrosshairTrackballTooltipSettings;
+			/** Instance of the sunburst model object
+			 */
+			model?: any;
 
-	/** Options for customizing the marker in crosshair.
-	*/
-	marker?: CrosshairMarker;
+			/** Name of the event
+			 */
+			type?: string;
+		}
 
-	/** Options for customizing the crosshair line.
-	*/
-	line?: CrosshairLine;
+		export interface DataLabelRenderingEventArgs {
 
-	/** Specifies the type of the crosshair. It can be trackball or crosshair
-	*   @Default {crosshair. See CrosshairType}
-	*/
-	type?: ej.datavisualization.Chart.CrosshairType|string;
+			/** Sunburst datalabel data
+			 */
+			data?: string;
 
-	/** Show/hides the crosshair/trackball visibility.
-	*   @Default {false}
-	*/
-	visible?: boolean;
-}
+			/** Set this option to true to cancel the event
+			 */
+			cancel?: boolean;
 
-export interface IndicatorsHistogramBorder {
+			/** Instance of the sunburst model object
+			 */
+			model?: any;
 
-	/** Color of the histogram border in MACD indicator.
-	*   @Default {#9999ff}
-	*/
-	color?: string;
+			/** Name of the event
+			 */
+			type?: string;
+		}
 
-	/** Controls the width of histogram border line in MACD indicator.
-	*   @Default {1}
-	*/
-	width?: number;
-}
+		export interface SegmentRenderingEventArgs {
 
-export interface IndicatorsHistogram {
+			/** Sunburst datalabel data
+			 */
+			data?: string;
 
-	/** Options to customize the histogram border in MACD indicator.
-	*/
-	border?: IndicatorsHistogramBorder;
+			/** Set this option to true to cancel the event
+			 */
+			cancel?: boolean;
 
-	/** Color of histogram columns in MACD indicator.
-	*   @Default {#ccccff}
-	*/
-	fill?: string;
+			/** Instance of the sunburst model object
+			 */
+			model?: any;
 
-	/** Opacity of histogram columns in MACD indicator.
-	*   @Default {1}
-	*/
-	opacity?: number;
-}
+			/** Name of the event
+			 */
+			type?: string;
+		}
 
-export interface IndicatorsLowerLine {
+		export interface TitleRenderingEventArgs {
 
-	/** Color of lower line.
-	*   @Default {#008000}
-	*/
-	fill?: string;
+			/** Sunburst title data
+			 */
+			data?: string;
 
-	/** Width of the lower line.
-	*   @Default {2}
-	*/
-	width?: number;
-}
+			/** Set this option to true to cancel the event
+			 */
+			cancel?: boolean;
 
-export interface IndicatorsMacdLine {
+			/** Instance of the sunburst model object
+			 */
+			model?: any;
 
-	/** Color of MACD line.
-	*   @Default {#ff9933}
-	*/
-	fill?: string;
+			/** Name of the event
+			 */
+			type?: string;
+		}
 
-	/** Width of the MACD line.
-	*   @Default {2}
-	*/
-	width?: number;
-}
+		export interface TooltipInitializeEventArgs {
 
-export interface IndicatorsPeriodLine {
+			/** Sunburst tooltip data
+			 */
+			data?: string;
 
-	/** Color of period line in indicator.
-	*   @Default {blue}
-	*/
-	fill?: string;
+			/** Set this option to true to cancel the event
+			 */
+			cancel?: boolean;
 
-	/** Width of the period line in indicators.
-	*   @Default {2}
-	*/
-	width?: number;
-}
+			/** Instance of the sunburst model object
+			 */
+			model?: any;
 
-export interface IndicatorsTooltipBorder {
+			/** Name of the event
+			 */
+			type?: string;
+		}
 
-	/** Border color of indicator tooltip.
-	*   @Default {null}
-	*/
-	color?: string;
+		export interface PointRegionClickEventArgs {
 
-	/** Border width of indicator tooltip.
-	*   @Default {1}
-	*/
-	width?: number;
-}
+			/** Includes clicked points region data
+			 */
+			data?: string;
 
-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;
-}
+			/** Set this option to true to cancel the event
+			 */
+			cancel?: boolean;
 
-export interface IndicatorsUpperLine {
+			/** Instance of the sunburst model object
+			 */
+			model?: any;
 
-	/** Fill color of the upper line in indicators
-	*   @Default {#ff9933}
-	*/
-	fill?: string;
+			/** Name of the event
+			 */
+			type?: string;
+		}
 
-	/** Width of the upper line in indicators.
-	*   @Default {2}
-	*/
-	width?: number;
-}
+		export interface PointRegionMouseMoveEventArgs {
 
-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;
-}
+			/** Includes data of mouse moved region
+			 */
+			data?: string;
 
-export interface LegendBorder {
+			/** Set this option to true to cancel the event
+			 */
+			cancel?: boolean;
 
-	/** Border color of the legend.
-	*   @Default {transparent}
-	*/
-	color?: string;
+			/** Instance of the sunburst model object
+			 */
+			model?: any;
 
-	/** Border width of the legend.
-	*   @Default {1}
-	*/
-	width?: number;
-}
+			/** Name of the event
+			 */
+			type?: string;
+		}
 
-export interface LegendFont {
+		export interface DrillDownClickEventArgs {
 
-	/** Font family for legend item text.
-	*   @Default {Segoe UI}
-	*/
-	fontFamily?: string;
+			/** Clicked point data
+			 */
+			data?: string;
 
-	/** Font style for legend item text.
-	*   @Default {Normal. See FontStyle}
-	*/
-	fontStyle?: ej.datavisualization.Chart.FontStyle|string;
+			/** Set this option to true to cancel the event
+			 */
+			cancel?: boolean;
 
-	/** Font weight for legend item text.
-	*   @Default {Regular. See FontWeight}
-	*/
-	fontWeight?: ej.datavisualization.Chart.FontWeight|string;
+			/** Instance of the sunburst model object
+			 */
+			model?: any;
 
-	/** 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?: 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;
-}
-
-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?: 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;
-}
-
-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?: 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 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 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?: 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;
-}
-
-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?: 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 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 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>;
-
-	/** Toggles the redrawing of chart on moving the sliders.
-	*   @Default {true}
-	*/
-	enableDeferredUpdate?: boolean;
-
-	/** Enable the scrollbar option in the rangenavigator.
-	*   @Default {false}
-	*/
-	enableScrollbar?: 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 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 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 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;
-
-	/** 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;
-
-	/** 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;
-
-	/** 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 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 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 {
-}
-
-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?: 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;
-
-	/** 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?: 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 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?: 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;
-}
-}
-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;
-
-	/** 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;
-}
-
-export interface TreeMapItemSelectedEventArgs {
-
-	/** Returns selected treeMapItem 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 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 {
-}
-
-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;
-
-	/** 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 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 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;
-
-	/** 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;
-}
-
-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 {
+			/** Name of the event
+			 */
+			type?: string;
+		}
 
-	/** Datalabel visibility of the Sunburst.
-	*   @Default {false}
-	*/
-	visible?: boolean;
+		export interface DrillDownBackEventArgs {
 
-	/** Alignment of sunburst datalabel
-	*   @Default {Angle. See DatalabelAlignment}
-	*/
-	labelRotationMode?: ej.datavisualization.Sunburst.SunburstLabelRotationMode|string;
+			/** Drill down data of points
+			 */
+			data?: string;
 
-	/** Options for customizing the data label font.
-	*/
-	font?: DataLabelSettingsFont;
+			/** Set this option to true to cancel the event
+			 */
+			cancel?: boolean;
 
-	/** Custom template for datalabel
-	*   @Default {null}
-	*/
-	template?: string;
+			/** Instance of the sunburst model object
+			 */
+			model?: any;
 
-	/** Fill color for the datalabel
-	*   @Default {null}
-	*/
-	fill?: string;
+			/** Name of the event
+			 */
+			type?: 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 {
+		export interface DrillDownResetEventArgs {
+
+			/** Drill down reset data
+			 */
+			data?: string;
 
-	/** 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;
+		}
+
+		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;
+	data(key: any): any;
 }
 interface Window {
-    ej: typeof ej;
+	ej: typeof ej;
 }
 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;
-}
\ No newline at end of file
+	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;
+
+	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: "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 121eb67392186fefb3d8274690509f39bdaa4706 Mon Sep 17 00:00:00 2001
From: Syncfusion-JavaScript <packages@syncfusion.com>
Date: Wed, 10 May 2017 16:32:08 +0530
Subject: [PATCH 293/321] Reported lint errors have been fixed.

---
 types/ej.web.all/index.d.ts | 65093 +++++++++++++++++-----------------
 1 file changed, 32531 insertions(+), 32562 deletions(-)

diff --git a/types/ej.web.all/index.d.ts b/types/ej.web.all/index.d.ts
index 76bd2f9173..e304a73863 100644
--- a/types/ej.web.all/index.d.ts
+++ b/types/ej.web.all/index.d.ts
@@ -253,6 +253,7 @@ declare namespace ej {
 			type: string; url: string; ejPvtData: any; contentType?: string; data?: any;
 		};
 	}
+
 	class CacheAdaptor extends ej.UrlAdaptor {
 		constructor();
 		init(adaptor: any, timeStamp: number, pageSize: number): void;
@@ -265,6 +266,7 @@ declare namespace ej {
 		batchRequest(dm: ej.DataManager, changes: Changes, e: any): { url: string; type: string; data: any; contentType: string };
 
 	}
+
 	class ODataAdaptor extends ej.UrlAdaptor {
 		constructor();
 		options: UrlAdaptorOptions;
@@ -278,7 +280,6 @@ declare namespace ej {
 		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): {
@@ -312,7 +313,6 @@ declare namespace ej {
 		changeSetContent?: string;
 		batchChangeSetContentType?: string;
 	}
-
 	class WebApiAdaptor extends ej.ODataAdaptor {
 		constructor();
 		insert(dm: ej.DataManager, data: any, tableName?: string): { url: string; type: string; data: any; };
@@ -322,7 +322,6 @@ declare namespace ej {
 			result: any; count: number
 		};
 	}
-
 	class ODataV4Adaptor extends ej.ODataAdaptor {
 		constructor();
 		options: ODataAdaptorOptions;
@@ -330,13 +329,9 @@ declare namespace ej {
 		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;
@@ -9262,6 +9257,7 @@ declare namespace ej {
 			 */
 			stem?: PositionStem;
 		}
+
 		export interface TipSize {
 
 			/** Sets the Tooltip width.
@@ -9940,26 +9936,6 @@ declare namespace ej {
 			 */
 			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;
 
@@ -9984,32853 +9960,32846 @@ declare namespace ej {
 			/** 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;
+		export interface AjaxBeforeLoadEventArgs {
 
-		/** returns the ProgressBar model
-		 */
-		model?: ej.ProgressBar.Model;
+			/** returns true if the event should be canceled; otherwise, false.
+			 */
+			cancel?: boolean;
 
-		/** returns the current progress percentage
-		 */
-		percentage?: any;
+			/** 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 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;
+			/** returns the AJAX settings.
+			 */
+			ajaxData?: any;
+		}
 
-		/** Triggered before the ribbon control is load. */
-		load?(e: LoadEventArgs): void;
+		export interface AjaxCompleteEventArgs {
 
-		/** Triggered after adding the new ribbon tab item. */
-		tabAdd?(e: TabAddEventArgs): void;
+			/** returns true if the event should be canceled; otherwise, false.
+			 */
+			cancel?: boolean;
 
-		/** 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 the model value of the control.
+			 */
+			model?: ej.ListView.Model;
+		}
 
-		/** Triggered after the tab item is removed from the ribbon control. */
-		tabRemove?(e: TabRemoveEventArgs): void;
+		export interface AjaxErrorEventArgs {
 
-		/** Triggered after the ribbon tab item is selected in the ribbon control. */
-		tabSelect?(e: TabSelectEventArgs): void;
+			/** returns true if the event should be canceled; otherwise, false.
+			 */
+			cancel?: boolean;
 
-		/** Triggered when the expand/collapse button is clicked successfully . */
-		toggleButtonClick?(e: ToggleButtonClickEventArgs): void;
+			/** returns the name of the event.
+			 */
+			type?: string;
 
-		/** 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 model value of the control.
+			 */
+			model?: ej.ListView.Model;
 
-		/** returns the name of the event.
-		 */
-		type?: string;
+			/** returns the error thrown in the AJAX post.
+			 */
+			errorThrown?: any;
 
-		/** returns current tab item index in the ribbon control.
-		 */
-		index?: number;
-	}
-
-	export interface CreateEventArgs {
+			/** returns the status.
+			 */
+			textStatus?: any;
 
-		/** Set to true when the event has to be canceled, else false.
-		 */
-		cancel?: boolean;
+			/** returns the current list item.
+			 */
+			item?: any;
 
-		/** returns the ribbon model.
-		 */
-		model?: any;
+			/** returns the current item text.
+			 */
+			text?: string;
 
-		/** returns the name of the event.
-		 */
-		type?: string;
-	}
+			/** returns the current item index.
+			 */
+			index?: number;
+		}
 
-	export interface DestroyEventArgs {
+		export interface AjaxSuccessEventArgs {
 
-		/** Set to true when the event has to be canceled, else false.
-		 */
-		cancel?: boolean;
+			/** returns true 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 name of the event.
-		 */
-		type?: string;
+			/** returns the model value of the control.
+			 */
+			model?: ej.ListView.Model;
 
-		/** returns current ribbon tab item index
-		 */
-		deleteIndex?: number;
-	}
+			/** returns the AJAX current content.
+			 */
+			content?: string;
 
-	export interface GroupClickEventArgs {
+			/** returns the current list item.
+			 */
+			item?: any;
 
-		/** Set to true when the event has to be canceled, else false.
-		 */
-		cancel?: boolean;
+			/** returns the current item text.
+			 */
+			text?: string;
 
-		/** returns the ribbon model.
-		 */
-		model?: any;
+			/** returns the current item index.
+			 */
+			index?: number;
 
-		/** returns the name of the event.
-		 */
-		type?: string;
+			/** returns the current URL of the AJAX post.
+			 */
+			URL?: string;
+		}
 
-		/** returns the control clicked in the group.
-		 */
-		target?: number;
-	}
+		export interface LoadEventArgs {
 
-	export interface GroupExpandEventArgs {
+			/** returns 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 name of the event.
+			 */
+			type?: string;
 
-		/** returns the ribbon model.
-		 */
-		model?: any;
+			/** returns the model value of the control.
+			 */
+			model?: ej.ListView.Model;
+		}
 
-		/** returns the name of the event.
-		 */
-		type?: string;
+		export interface LoadCompleteEventArgs {
 
-		/** returns the clicked group expander.
-		 */
-		target?: number;
-	}
+			/** returns true if the event should be canceled; otherwise, false.
+			 */
+			cancel?: boolean;
 
-	export interface GalleryItemClickEventArgs {
+			/** returns the name of the event.
+			 */
+			type?: string;
 
-		/** Set to true when the event has to be canceled, else false.
-		 */
-		cancel?: boolean;
+			/** returns the model value of the control.
+			 */
+			model?: ej.ListView.Model;
+		}
 
-		/** returns the ribbon model.
-		 */
-		model?: any;
+		export interface MouseDownEventArgs {
 
-		/** returns the gallery model.
-		 */
-		galleryModel?: 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;
 
-		/** returns the item clicked in the gallery.
-		 */
-		target?: number;
-	}
+			/** returns the model value of the control.
+			 */
+			model?: ej.ListView.Model;
 
-	export interface BackstageItemClickEventArgs {
+			/** If the child element exist return true; otherwise, false.
+			 */
+			hasChild?: boolean;
 
-		/** Set to true when the event has to be canceled, else false.
-		 */
-		cancel?: boolean;
+			/** returns the current list item.
+			 */
+			item?: string;
 
-		/** returns the ribbon model.
-		 */
-		model?: any;
+			/** returns the current text of item.
+			 */
+			text?: string;
 
-		/** returns the name of the event.
-		 */
-		type?: string;
+			/** returns the current Index of the item.
+			 */
+			index?: number;
 
-		/** returns the item clicked in the gallery.
-		 */
-		target?: number;
+			/** If checked return true; otherwise, false.
+			 */
+			isChecked?: boolean;
 
-		/** returns the id of the target item.
-		 */
-		id?: string;
+			/** returns the list of checked items.
+			 */
+			checkedItems?: number;
 
-		/** returns the text of the target item.
-		 */
-		text?: string;
-	}
+			/** returns the current checked item text.
+			 */
+			checkedItemsText?: string;
+		}
 
-	export interface CollapseEventArgs {
+		export interface MouseUpEventArgs {
 
-		/** Set to true when the event has to be canceled, else false.
-		 */
-		cancel?: boolean;
+			/** returns true 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 name of the event.
-		 */
-		type?: string;
-	}
+			/** returns the model value of the control.
+			 */
+			model?: ej.ListView.Model;
 
-	export interface ExpandEventArgs {
+			/** If the child element exist return true; otherwise, false.
+			 */
+			hasChild?: boolean;
 
-		/** Set to true when the event has to be canceled, else false.
-		 */
-		cancel?: boolean;
+			/** returns the current list item.
+			 */
+			item?: string;
 
-		/** returns the ribbon model.
-		 */
-		model?: any;
+			/** returns the current text of item.
+			 */
+			text?: string;
 
-		/** returns the name of the event.
-		 */
-		type?: string;
-	}
+			/** returns the current Index of the item.
+			 */
+			index?: number;
 
-	export interface LoadEventArgs {
+			/** If checked return true; otherwise, false.
+			 */
+			isChecked?: boolean;
 
-		/** Set to true when the event has to be canceled, else false.
-		 */
-		cancel?: boolean;
+			/** returns the list of checked items.
+			 */
+			checkedItems?: number;
 
-		/** returns the ribbon model.
-		 */
-		model?: any;
+			/** returns the current checked item text.
+			 */
+			checkedItemsText?: string;
+		}
 
-		/** returns the name of the event.
-		 */
-		type?: string;
-	}
+		export interface AjaxSettings {
 
-	export interface TabAddEventArgs {
+			/** It specifies, whether to enable or disable asynchronous request.
+			 */
+			async?: boolean;
 
-		/** Set to true when the event has to be canceled, else false.
-		 */
-		cancel?: boolean;
+			/** It specifies the page will be cached in the web browser.
+			 */
+			cache?: boolean;
 
-		/** returns the ribbon model.
-		 */
-		model?: any;
+			/** It specifies the type of data is send in the query string.
+			 */
+			contentType?: string;
 
-		/** returns the name of the event.
-		 */
-		type?: string;
+			/** It specifies the data as an object, will be passed in the query string.
+			 */
+			data?: any;
 
-		/** returns new added tab header.
-		 */
-		tabHeader?: any;
+			/** It specifies the type of data that you're expecting back from the response.
+			 */
+			dataType?: string;
 
-		/** returns new added tab content panel.
-		 */
-		tabContent?: any;
+			/** It specifies the HTTP request type.
+			 */
+			type?: string;
+		}
 	}
 
-	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 MaskEdit extends ej.Widget {
+		static fn: MaskEdit;
+		constructor(element: JQuery | Element, options?: MaskEdit.Model);
+		static Locale: any;
+		model: MaskEdit.Model;
+		defaults: MaskEdit.Model;
 
-}
-
-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.
+		/** 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,
 	}
 
-	export interface KanbanSwimlane {
+	class Menu extends ej.Widget {
+		static fn: Menu;
+		constructor(element: JQuery | Element, options?: Menu.Model);
+		static Locale: any;
+		model: Menu.Model;
+		defaults: Menu.Model;
 
-		/** Expand all the swimlane rows in Kanban.
+		/** Disables the Menu control.
 		 * @returns {void}
 		 */
-		expandAll(): void;
+		disable(): void;
 
-		/** Collapse all the swimlane rows in Kanban.
+		/** 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}
 		 */
-		collapseAll(): void;
+		disableItem(itemtext: string): 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
+		/** 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}
 		 */
-		toggle($div: any): 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;
+
+			/** 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,
 	}
 
-	export interface KanbanFilter {
+	class Pager extends ej.Widget {
+		static fn: Pager;
+		constructor(element: JQuery | Element, options?: Pager.Model);
+		static Locale: any;
+		model: Pager.Model;
+		defaults: Pager.Model;
 
-		/** Method used for send a clear search request to Kanban.
+		/** Send a paging request to specified page through the pager control.
+		 * @param {number} Specifies the index to be navigated
 		 * @returns {void}
 		 */
-		clearSearch(): void;
+		gotoPage(pageIndex: number): void;
 
-		/** Send a search request to Kanban with specified string passed in it.
-		 * @param {string} Pass the string to search in Kanban card
+		/** refreshPager() helps to refresh the model value of pager control.
 		 * @returns {void}
 		 */
-		searchCards(searchString: string): void;
+		refreshPager(): void;
+	}
+	export namespace Pager {
 
-		/** Send a clear request to filter cards in the kanban.
-		 * @returns {void}
-		 */
-		clearFilter(): void;
+		export interface Model {
 
-		/** Send a filtering request to cards in the kanban.
-		 * @returns {void}
-		 */
-		filterCards(): void;
+			/** 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;
+		}
 	}
 
-	export interface KanbanEdit {
+	class Print extends ej.Widget {
+		static fn: Print;
+		constructor(element: JQuery | Element, options?: Print.Model);
+		static Locale: any;
+		model: Print.Model;
+		defaults: Print.Model;
 
-		/** 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.
+		/** Print the specific page or an element.
 		 * @returns {void}
 		 */
-		addCard(primaryKey: string, card: any[]): void;
+		print(): void;
+	}
 
-		/** Send a cancel request of add/edit card in Kanban when allowEditing/allowAdding is set as true.
+	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;
+
+			/** 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 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;
+
+			/** 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[];
+
+			/** 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 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[];
+		}
+	}
+
+	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;
+
+		/** 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;
 
-		/** Delete a card in Kanban control when allowAdding/allowEditing is set as true.
-		 * @param {string|number} Pass the key of card to be delete
+		/** Send a cancel request to the edited cell in grid.
 		 * @returns {void}
 		 */
-		deleteCard(Key: string | number): void;
+		cancelEditCell(): void;
 
-		/** Send a save request in Kanban when any card is in edit/new add card state and allowEditing/allowAdding is set as true.
+		/** 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;
 
-		/** 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
+		/** Expand all the group caption rows in grid.
 		 * @returns {void}
 		 */
-		startEdit($div: any): void;
+		expandAll(): void;
 
-		/** Method used for set validation to a field during editing.
-		 * @param {string} Specify the name of the column to set validation rules
+		/** 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(name: string, rules: any): void;
-	}
+		setValidationToField(fieldName: 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;
-
-		/** 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 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;
-
-		/** 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[];
-
-		/** 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 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[];
-	}
-}
-
-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;
-
-	/** 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 MergeCellInfoEventArgs {
-
-		/** Returns grid cell.
-		 */
-		cell?: any;
-
-		/** Returns the cancel option value.
-		 */
-		cancel?: boolean;
-
-		/** Returns current row record object (JSON).
-		 */
-		data?: 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).
-		 */
-		data?: 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.
-		 */
-		data?: 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;
-	}
-
-	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 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 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 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;
-
-		/** 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;
-
-		/** 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;
-	}
-
-	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 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;
-
-		/** 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 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 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 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;
-
-	/** 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 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 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 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 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 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 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 {ddd}
-		 */
-		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 SortSettings {
-
-		/** Specifies the sorted columns for Gantt
-		 * @Default {[]}
-		 */
-		sortedColumns?: any[];
-	}
-
-	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[];
-	}
-
-	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 search an item with search string provided at the run time
-	 * @param {string} you can pass a searchString to search the tree grid
-	 * @returns {void}
-	 */
-	search(searchString: 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;
-
-	/** 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(columnName: 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 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 {none}
-		 */
-		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;
-
-		/** 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 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 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 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 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;
-
-		/** Specifies the edit type of the column.
-		 * @Default {ej.TreeGrid.EditingType.String}
-		 */
-		editType?: ej.TreeGrid.EditingType | string;
-
-		/** Specifies the name of the field from the dataSource to bind with this column.
-		 */
-		field?: 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}
-		 */
-		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;
-
-		/** Specifies the template for the TreeGrid column
-		 */
-		templateID?: string;
-
-		/** Enables or disables the ability to edit a row or cell.
-		 * @Default {false}
-		 */
-		allowEditing?: boolean;
-
-		/** 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;
-	}
-
-	export interface ColumnResizeSettings {
-
-		/** Specifies the mode for column resizing
-		 * @Default {normal}
-		 */
-		columnResizeMode?: string;
-	}
-
-	export interface FilterSettings {
-
-		/** Specifies the mode on which column filtering should start
-		 * @Default {immediate}
-		 */
-		filterBarMode?: string;
-
-		/** Specifies the type of column filtering.
-		 * @Default {filterbar}
-		 */
-		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 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 SizeSettings {
-
-		/** Height of the TreeGrid.
-		 * @Default {null}
-		 */
-		height?: string;
-
-		/** Width of the TreeGrid.
-		 * @Default {null}
-		 */
-		width?: string;
-	}
-
-	export interface SortSettings {
-
-		/** Option to add columns based on which the rows have to be sorted recursively.
-		 * @Default {[]}
-		 */
-		sortedColumns?: any[];
-	}
-
-	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[];
-	}
-
-	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 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 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
-	}
-
-}
-
-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 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.
+		/** 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}
 		 */
-		addCellTypes(range: string, settings: any, sheetIdx: number): void;
+		showColumns(headerText: any[] | string): 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.
+		/** 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}
 		 */
-		removeCellTypes(range: string | any[], sheetIdx: number): 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 MergeCellInfoEventArgs {
+
+			/** Returns grid cell.
+			 */
+			cell?: any;
+
+			/** Returns the cancel option value.
+			 */
+			cancel?: boolean;
+
+			/** Returns current row record object (JSON).
+			 */
+			data?: 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).
+			 */
+			data?: 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.
+			 */
+			data?: 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;
+		}
+
+		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 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 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
+		}
+
 	}
 
-	export interface XLCFormat {
+	class Sparkline extends ej.Widget {
+		static fn: Sparkline;
+		constructor(element: JQuery | Element, options?: Sparkline.Model);
+		static Locale: any;
+		model: Sparkline.Model;
+		defaults: Sparkline.Model;
 
-		/** 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.
+		/** 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}
 		 */
-		clearCF(range: any[] | string): void;
+		redraw(): void;
+	}
+	export namespace Sparkline {
 
-		/** 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[];
+		export interface Model {
 
-		/** 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;
+			/** 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 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;
+
+			/** 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,
+		}
 	}
 
-	export interface XLChart {
+	class SunburstChart extends ej.Widget {
+		static fn: SunburstChart;
+		constructor(element: JQuery | Element, options?: SunburstChart.Model);
+		static Locale: any;
+		model: SunburstChart.Model;
+		defaults: SunburstChart.Model;
 
-		/** 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.
+		/** 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}
 		 */
-		changeTheme(chartId: string, theme: ej.datavisualization.Chart.Theme): void;
+		redraw(): 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.
+		/** destroy the sunburst
 		 * @returns {void}
 		 */
-		changeType(chartId: string, option: any): void;
+		_destroy(): void;
+	}
+	export namespace SunburstChart {
 
-		/** 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;
+		export interface Model {
 
-		/** 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;
+			/** Background color of the plot area.
+			 * @Default {null}
+			 */
+			background?: string;
 
-		/** 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;
+			/** Bind the data field from the data source.
+			 * @Default {null}
+			 */
+			valueMemberPath?: string;
 
-		/** 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;
+			/** Options for customizing the sunburst border.
+			 */
+			border?: Border;
 
-		/** 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;
+			/** Options for customizing the sunburst segment border.
+			 */
+			segmentBorder?: SegmentBorder;
 
-		/** 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;
+			/** 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,
+		}
 	}
 
-	export interface XLClipboard {
+	class PivotGrid extends ej.Widget {
+		static fn: PivotGrid;
+		constructor(element: JQuery | Element, options?: PivotGrid.Model);
+		static Locale: any;
+		model: PivotGrid.Model;
+		defaults: PivotGrid.Model;
 
-		/** This method is used to copy the selected cells in the Spreadsheet.
+		/** Performs an asynchronous HTTP (AJAX) request.
 		 * @returns {void}
 		 */
-		copy(): void;
+		doAjaxPost(): void;
 
-		/** This method is used to cut the selected cells in the Spreadsheet.
+		/** Performs an asynchronous HTTP (FullPost) submit.
 		 * @returns {void}
 		 */
-		cut(): void;
+		doPostBack(): void;
 
-		/** This method is used to paste the cut or copied cells data in the Spreadsheet.
+		/** Exports the PivotGrid to the specified format.
 		 * @returns {void}
 		 */
-		paste(): void;
-	}
+		exportPivotGrid(): 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.
+		/** This function re-renders the PivotGrid on clicking the navigation buttons on PivotPager.
 		 * @returns {void}
 		 */
-		deleteComment(range: any[] | string, sheetIdx: number, skipHiddenRow: boolean): void;
+		refreshPagedPivotGrid(): 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.
+		/** This function refreshes the PivotGrid with modified data input in client-mode.
 		 * @returns {void}
 		 */
-		editComment(targetCell: any): void;
+		refreshPivotGrid(): void;
 
-		/** This method is used to find the next comment from the active cell in Spreadsheet.
-		 * @returns {boolean}
+		/** This function re-renders the control with the report available at that instant.
+		 * @returns {void}
 		 */
-		findNextComment(): boolean;
+		refreshControl(): void;
 
-		/** 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.
+		/** This function returns the height of all rows and width each and every column.
 		 * @returns {any}
 		 */
-		getComment(cell: HTMLElement): any;
+		calculateCellWidths(): 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
+		/** This function creates the conditional formatting dialog to apply conditional formatting for PivotGrid control.
 		 * @returns {void}
 		 */
-		setComment(range: string | any[], data: string, showEditPanel: boolean, showUserName: boolean): void;
+		createConditionalDialog(): void;
 
-		/** This method is used to show all the comments in the Spreadsheet.
+		/** This function saves the current report to the database/local storage.
 		 * @returns {void}
 		 */
-		showAllComments(): void;
+		saveReport(): 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.
+		/** This function loads the specified report from the database/local storage.
 		 * @returns {void}
 		 */
-		showHideComment(targetCell: HTMLElement): 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;
+
+			/** 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;
+		}
+
+		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,
+		}
 	}
 
-	export interface XLCMenu {
+	class PivotSchemaDesigner extends ej.Widget {
+		static fn: PivotSchemaDesigner;
+		constructor(element: JQuery | Element, options?: PivotSchemaDesigner.Model);
+		static Locale: any;
+		model: PivotSchemaDesigner.Model;
+		defaults: PivotSchemaDesigner.Model;
 
-		/** 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
+		/** Performs an asynchronous HTTP (AJAX) request.
 		 * @returns {void}
 		 */
-		addItem(target: string, itemColl: any[], operation: string): void;
+		doAjaxPost(): 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
+		/** Re-renders the control with the data source bound to the pivot control at that instant.
 		 * @returns {void}
 		 */
-		changeDataSource(target: string, data: any[]): void;
+		refreshControl(): void;
+	}
+	export namespace PivotSchemaDesigner {
 
-		/** 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;
+		export interface Model {
 
-		/** 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;
+			/** 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
+		}
 
-		/** 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 {
+	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 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.
+		/** This function initializes the page counts and page numbers for the PivotPager.
 		 * @returns {void}
 		 */
-		moveRangeTo(sourceRange: any | any[], destinationRange: any | any[]): 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
+		}
+
 	}
 
-	export interface XLDragFill {
+	class PivotChart extends ej.Widget {
+		static fn: PivotChart;
+		constructor(element: JQuery | Element, options?: PivotChart.Model);
+		static Locale: any;
+		model: PivotChart.Model;
+		defaults: PivotChart.Model;
 
-		/** This method is used to perform auto fill in Spreadsheet.
-		 * @param {any} Pass the options to perform auto fill in Spreadsheet.
+		/** Performs an asynchronous HTTP (AJAX) request.
 		 * @returns {void}
 		 */
-		autoFill(options: any): void;
+		doAjaxPost(): void;
 
-		/** This method is used to hide the auto fill element in the Spreadsheet.
+		/** Perform an asynchronous HTTP (FullPost) submit.
 		 * @returns {void}
 		 */
-		hideAutoFillElement(): void;
+		doPostBack(): void;
 
-		/** This method is used to hide the auto fill options in the Spreadsheet.
+		/** Exports the PivotChart to the format specified in the parameter.
 		 * @returns {void}
 		 */
-		hideAutoFillOptions(): void;
+		exportPivotChart(): 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.
+		/** This function renders the PivotChart control with the JSON formatted datasource.
 		 * @returns {void}
 		 */
-		positionAutoFillElement(isDragFill: boolean): 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 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
+		}
+
 	}
 
-	export interface XLEdit {
+	class PivotClient extends ej.Widget {
+		static fn: PivotClient;
+		constructor(element: JQuery | Element, options?: PivotClient.Model);
+		static Locale: any;
+		model: PivotClient.Model;
+		defaults: PivotClient.Model;
 
-		/** 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.
+		/** Performs an asynchronous HTTP (AJAX) request.
 		 * @returns {void}
 		 */
-		calcNow(sheetIdx: number): void;
+		doAjaxPost(): 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.
+		/** Performs an asynchronous HTTP (FullPost) submit.
 		 * @returns {void}
 		 */
-		editCell(rowIdx: number, colIdx: number, oldData: boolean): void;
+		doPostBack(): 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>}
+		/** Navigates to the specified page in specified axis.
+		 * @returns {void}
 		 */
-		getPropertyValue(rowIdx: number, colIdx: number, prop: string, sheetIdx: number): any | string | any[];
+		refreshPagedPivotClient(): void;
 
-		/** 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>}
+		/** Updates the PivotClient component with the JSON data fetched from the service on navigating between pages.
+		 * @returns {void}
 		 */
-		getPropertyValueByElem(elem: HTMLElement, property: string, sheetIdx: number): any | string | any[];
+		refreshPagedPivotClientSuccess(): void;
 
-		/** This method is used to save the edited cell value in the Spreadsheet.
+		/** 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;
+
+			/** 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 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 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 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;
+
+		/** 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 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 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 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 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 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 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 {ddd}
+			 */
+			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 SortSettings {
+
+			/** Specifies the sorted columns for Gantt
+			 * @Default {[]}
+			 */
+			sortedColumns?: any[];
+		}
+
+		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[];
+		}
+
+		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;
 
-		/** 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.
+		/** To search an item with search string provided at the run time
+		 * @param {string} you can pass a searchString to search the tree grid
 		 * @returns {void}
 		 */
-		updateCell(cell: any, value: string | number): void;
+		search(searchString: string): 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.
+		/** To show the column by using header text
+		 * @param {string} you can pass a header text of a column to show.
 		 * @returns {void}
 		 */
-		updateCellValue(cellIdx: any, val: string | number, formatClass: string, sheetIdx: number): 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(columnName: 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 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 {none}
+			 */
+			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;
+
+			/** 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 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 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 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 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;
+
+			/** Specifies the edit type of the column.
+			 * @Default {ej.TreeGrid.EditingType.String}
+			 */
+			editType?: ej.TreeGrid.EditingType | string;
+
+			/** Specifies the name of the field from the dataSource to bind with this column.
+			 */
+			field?: 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}
+			 */
+			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;
+
+			/** Specifies the template for the TreeGrid column
+			 */
+			templateID?: string;
+
+			/** Enables or disables the ability to edit a row or cell.
+			 * @Default {false}
+			 */
+			allowEditing?: boolean;
+
+			/** 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;
+		}
+
+		export interface ColumnResizeSettings {
+
+			/** Specifies the mode for column resizing
+			 * @Default {normal}
+			 */
+			columnResizeMode?: string;
+		}
+
+		export interface FilterSettings {
+
+			/** Specifies the mode on which column filtering should start
+			 * @Default {immediate}
+			 */
+			filterBarMode?: string;
+
+			/** Specifies the type of column filtering.
+			 * @Default {filterbar}
+			 */
+			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 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 SizeSettings {
+
+			/** Height of the TreeGrid.
+			 * @Default {null}
+			 */
+			height?: string;
+
+			/** Width of the TreeGrid.
+			 * @Default {null}
+			 */
+			width?: string;
+		}
+
+		export interface SortSettings {
+
+			/** Option to add columns based on which the rows have to be sorted recursively.
+			 * @Default {[]}
+			 */
+			sortedColumns?: any[];
+		}
+
+		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[];
+		}
+
+		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 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 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
+		}
+
 	}
 
-	export interface XLExport {
+	class GroupButton extends ej.Widget {
+		static fn: GroupButton;
+		constructor(element: JQuery | Element, options?: GroupButton.Model);
+		static Locale: any;
+		model: GroupButton.Model;
+		defaults: GroupButton.Model;
 
-		/** 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.
+		/** Remove the selection state of the specified the button element from the GroupButton
+		 * @param {JQuery} Specific button element
 		 * @returns {void}
 		 */
-		export(type: string): 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 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;
-	}
 
-	export interface XLFilter {
+		XLFilter: Spreadsheet.XLFilter;
 
-		/** This method is used to clear the filter in filtered columns in the Spreadsheet.
-		 * @returns {void}
-		 */
-		clearFilter(): void;
+		XLFormat: Spreadsheet.XLFormat;
 
-		/** 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 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 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 increment/decrement.
-		 * @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;
+		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 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 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 increment/decrement.
+			 * @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. After enabling this feature,
+			 * you can use freeze top row, freeze first column and freeze panes options.
+			 * @Default {false}
+			 */
+			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 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 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
+		}
+
 	}
 
-	export interface XLPivot {
+	class PdfViewer extends ej.Widget {
+		static fn: PdfViewer;
+		constructor(element: JQuery | Element, options?: PdfViewer.Model);
+		static Locale: any;
+		model: PdfViewer.Model;
+		defaults: PdfViewer.Model;
 
-		/** This property is used to clear the pivot table list in Spreadsheet.
-		 * @param {string} Pass the name of the pivot table.
+		/** Loads the document with the filename and displays it in PDF viewer.
+		 * @param {string} File name to be loaded
 		 * @returns {void}
 		 */
-		clearPivotFieldList(pivotName: string): void;
+		load(fileName: 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.
+		/** Shows/hides the toolbar in the PDF viewer.
+		 * @param {boolean} shows/hides the toolbar
 		 * @returns {void}
 		 */
-		deletePivotTable(pivotName: string): void;
+		showToolbar(show: boolean): 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.
+		/** Prints the PDF document.
 		 * @returns {void}
 		 */
-		refreshDataSource(name: string, sheetIdx: number): 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
+		}
+
 	}
 
-	export interface XLPrint {
+	class SpellCheck extends ej.Widget {
+		static fn: SpellCheck;
+		constructor(element: JQuery | Element, options?: SpellCheck.Model);
+		static Locale: any;
+		model: SpellCheck.Model;
+		defaults: SpellCheck.Model;
 
-		/** This method is used to print the selected contents in the Spreadsheet.
+		/** Open the dialog to correct the spelling of the target content.
 		 * @returns {void}
 		 */
-		printSelection(): void;
+		showInDialog(): void;
 
-		/** This method is used to print the entire contents in the active sheet.
+		/** Highlighting the error word in the target area itself and correct the spelling using the context menu.
 		 * @returns {void}
 		 */
-		printSheet(): 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;
+
+			/** 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;
+		}
 	}
 
-	export interface XLResize {
+	class DocumentEditor extends ej.Widget {
+		static fn: DocumentEditor;
+		constructor(element: JQuery | Element, options?: DocumentEditor.Model);
+		static Locale: any;
+		model: DocumentEditor.Model;
+		defaults: DocumentEditor.Model;
 
-		/** 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.
+		/** Loads the document from specified path using web API provided by importUrl.
+		 * @param {string} Specifies the file path.
 		 * @returns {void}
 		 */
-		fitHeight(rowIndexes: any[]): void;
+		load(path: string): 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.
+		/** Gets the page number of current selection in the document.
 		 * @returns {number}
 		 */
-		getColWidth(colIdx: number): number;
+		getCurrentPageNumber(): 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.
+		/** Gets the total number of pages in the document.
 		 * @returns {number}
 		 */
-		getRowHeight(rowIdx: number): number;
+		getPageCount(): 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.
+		/** Gets the text of current selection in the document.
 		 * @returns {string}
 		 */
-		setPicture(range: string, url: string, width: number, height: number, top: number, left: number): string;
-	}
+		getSelectedText(): string;
 
-	export interface XLSort {
+		/** Gets the current zoom factor value of the document editor.
+		 * @returns {number}
+		 */
+		getZoomFactor(): number;
 
-		/** 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
+		/** 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}
 		 */
-		sortByColor(operation: string, color: any, range: string): void;
+		setZoomFactor(factor: number): 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.
+		/** Prints the document content as page by page.
 		 * @returns {void}
 		 */
-		applyDVRules(range: string | any[], values: any[], type: string, required: boolean, showErrorAlert: boolean): void;
+		print(): 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.
+		/** 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}
 		 */
-		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. After enabling this feature,
-		 * you can use freeze top row, freeze first column and freeze panes options.
-		 * @Default {false}
-		 */
-		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 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 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;
-
-		/** 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;
+		find(text: string): void;
 	}
+	export namespace DocumentEditor {
 
-	export interface DialogOpenEventArgs {
+		export interface Model {
 
-		/** Returns the target input.
-		 */
-		targetText?: string;
+			/** Gets or sets an object that indicates initialization of importing and exporting documents in document editor.
+			 */
+			importExportSettings?: ImportExportSettings;
 
-		/** Returns the request type value.
-		 */
-		requestType?: string;
+			/** Triggers when the document changes. */
+			onDocumentChange?(e: OnDocumentChangeEventArgs): void;
 
-		/** Returns the cancel option value.
-		 */
-		cancel?: boolean;
+			/** Triggers when the selection changes. */
+			onSelectionChange?(e: OnSelectionChangeEventArgs): void;
 
-		/** Returns the SpellCheck model.
-		 */
-		model?: ej.SpellCheck.Model;
+			/** Triggers when the zoom factor changes. */
+			onZoomFactorChange?(e: OnZoomFactorChangeEventArgs): void;
 
-		/** 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;
-	}
+			/** Triggers when the hyperlink is clicked. */
+			onRequestNavigate?(e: OnRequestNavigateEventArgs): void;
+		}
 
-	export interface ContextMenuSettings {
+		export interface OnDocumentChangeEventArgs {
 
-		/** When set to true, enables the context menu options available for the SpellCheck.
-		 * @Default {true}
-		 */
-		enable?: boolean;
+			/** True, if the event should be canceled; otherwise, false.
+			 */
+			cancel?: 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;
+			/** Returns the document editor model.
+			 */
+			model?: any;
 
-	/** Prints the document content as page by page.
-	 * @returns {void}
-	 */
-	print(): void;
+			/** Returns the name of the event.
+			 */
+			type?: string;
+		}
 
-	/** 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 OnSelectionChangeEventArgs {
 
-	export interface Model {
+			/** True, if the event should be canceled; otherwise, false.
+			 */
+			cancel?: boolean;
 
-		/** Gets or sets an object that indicates initialization of importing and exporting documents in document editor.
-		 */
-		importExportSettings?: ImportExportSettings;
+			/** Returns the document editor model.
+			 */
+			model?: any;
 
-		/** Triggers when the document changes. */
-		onDocumentChange?(e: OnDocumentChangeEventArgs): void;
+			/** Returns the name of the event.
+			 */
+			type?: string;
+		}
 
-		/** Triggers when the selection changes. */
-		onSelectionChange?(e: OnSelectionChangeEventArgs): void;
+		export interface OnZoomFactorChangeEventArgs {
 
-		/** Triggers when the zoom factor changes. */
-		onZoomFactorChange?(e: OnZoomFactorChangeEventArgs): void;
+			/** True, if the event should be canceled; otherwise, false.
+			 */
+			cancel?: boolean;
 
-		/** 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 document editor model.
-		 */
-		model?: any;
+			/** Returns the name of the event.
+			 */
+			type?: string;
+		}
 
-		/** 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;
+		export interface OnRequestNavigateEventArgs {
 
-		/** Returns the name of the event.
-		 */
-		type?: string;
-	}
-
-	export interface OnRequestNavigateEventArgs {
+			/** true, if the event should be canceled; otherwise, false.
+			 */
+			cancel?: boolean;
 
-		/** true, if the event should be canceled; otherwise, false.
-		 */
-		cancel?: boolean;
+			/** Returns the document editor model.
+			 */
+			model?: any;
 
-		/** Returns the document editor model.
-		 */
-		model?: any;
+			/** Returns the link type and navigation link.
+			 */
+			hyperlink?: any;
 
-		/** Returns the link type and navigation link.
-		 */
-		hyperlink?: any;
-
-		/** Returns the name of the event.
-		 */
-		type?: string;
-	}
+			/** Returns the name of the event.
+			 */
+			type?: string;
+		}
 
-	export interface ImportExportSettings {
+		export interface ImportExportSettings {
 
-		/** Gets or sets URL of Web API that should be used to parse the document while loading.
-		 */
-		importUrl?: string;
+			/** Gets or sets URL of Web API that should be used to parse the document while loading.
+			 */
+			importUrl?: string;
+		}
 	}
-}
 
 }
 declare namespace ej.datavisualization {

From ac9bfc4eecf7a700c8fe0033d4a41f1dd8c2581f Mon Sep 17 00:00:00 2001
From: Klaus Sevensleeper <k7sleeper@gmail.com>
Date: Wed, 10 May 2017 17:14:56 +0200
Subject: [PATCH 294/321] enhance signature of create for conversion from
 object (#16381)

---
 types/xmlbuilder/index.d.ts          | 2 +-
 types/xmlbuilder/xmlbuilder-tests.ts | 7 +++++++
 2 files changed, 8 insertions(+), 1 deletion(-)

diff --git a/types/xmlbuilder/index.d.ts b/types/xmlbuilder/index.d.ts
index 20dabf97ca..d7ffd2193c 100644
--- a/types/xmlbuilder/index.d.ts
+++ b/types/xmlbuilder/index.d.ts
@@ -85,5 +85,5 @@ declare class XMLElementOrXMLNode {
 }
 
 declare namespace xmlbuilder {
-    function create(name: string, xmldec?: Object, doctype?: any, options?: Object): XMLElementOrXMLNode;
+    function create(nameOrObjSpec: string | { [name:string]: Object }, xmldec?: Object, doctype?: any, options?: Object): XMLElementOrXMLNode;
 }
diff --git a/types/xmlbuilder/xmlbuilder-tests.ts b/types/xmlbuilder/xmlbuilder-tests.ts
index 69794640ba..8be8f780f9 100644
--- a/types/xmlbuilder/xmlbuilder-tests.ts
+++ b/types/xmlbuilder/xmlbuilder-tests.ts
@@ -41,3 +41,10 @@ xml('root')
     .up()
     .ele('atttest', 'text')
     .end();
+
+xml({
+  displayNotification: {
+      level: 'error',
+      message: 'an error occurred'
+  }
+});
\ No newline at end of file

From 9884c4e814abed7b4e6c4d822ee49cdb53273362 Mon Sep 17 00:00:00 2001
From: Thomas Brian <tbrian@tobogganstudio.com>
Date: Wed, 10 May 2017 18:11:16 -0400
Subject: [PATCH 295/321] add number to possible types of values passed to
 FormattedMessage

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

diff --git a/types/react-intl/index.d.ts b/types/react-intl/index.d.ts
index 5fb82ada78..2b55a471ec 100644
--- a/types/react-intl/index.d.ts
+++ b/types/react-intl/index.d.ts
@@ -67,7 +67,7 @@ declare namespace ReactIntl {
         formatRelative: (value: number, options?: FormattedRelative.PropsBase & { now?: any }) => string;
         formatNumber: (value: number, options?: FormattedNumber.PropsBase) => string;
         formatPlural: (value: number, options?: FormattedPlural.Base) => keyof FormattedPlural.PropsBase;
-        formatMessage: (messageDescriptor: FormattedMessage.MessageDescriptor, values?: {[key: string]: string}) => string;
+        formatMessage: (messageDescriptor: FormattedMessage.MessageDescriptor, values?: {[key: string]: string | number}) => string;
         formatHTMLMessage: (messageDescriptor: FormattedMessage.MessageDescriptor, values?: {[key: string]: string}) => string;
         locale: string;
         formats: any;
@@ -136,7 +136,7 @@ declare namespace ReactIntl {
         }
 
         export interface Props extends MessageDescriptor {
-            values?: {[key: string]: string | JSX.Element};
+            values?: {[key: string]: string | number | JSX.Element};
             tagName?: string;
         }
     }
diff --git a/types/react-intl/react-intl-tests.tsx b/types/react-intl/react-intl-tests.tsx
index 6ef7e5038f..a9717147e9 100644
--- a/types/react-intl/react-intl-tests.tsx
+++ b/types/react-intl/react-intl-tests.tsx
@@ -51,6 +51,7 @@ const SomeFunctionalComponentWithIntl: React.ComponentClass<SomeComponentProps>
     const formattedNumber = formatNumber(123, { format: "short" });
     const formattedPlural = formatPlural(1, { style: "ordinal" });
     const formattedMessage = formatMessage({ id: "hello", defaultMessage: "Hello {name}!" }, { name: "Roger" });
+    const formattedMessagePlurals = formatMessage({ id: "hello", defaultMessage: "Hello {name} you have {unreadCount, number} {unreadCount, plural, one {message} other {messages}}!" }, { name: "Roger", unreadCount: 123 });
     const formattedHTMLMessage = formatHTMLMessage({ id: "hello", defaultMessage: "Hello <strong>{name}</strong>!" }, { name: "Roger" });
     return (
         <div className={className}>
@@ -70,6 +71,7 @@ class SomeComponent extends React.Component<SomeComponentProps & InjectedIntlPro
         const formattedNumber = intl.formatNumber(123, { format: "short" });
         const formattedPlural = intl.formatPlural(1, { style: "ordinal" });
         const formattedMessage = intl.formatMessage({ id: "hello", defaultMessage: "Hello {name}!" }, { name: "Roger" });
+        const formattedMessagePlurals = intl.formatMessage({ id: "hello", defaultMessage: "Hello {name} you have {unreadCount, number} {unreadCount, plural, one {message} other {messages}}!" }, { name: "Roger", unreadCount: 123 });
         const formattedHTMLMessage = intl.formatHTMLMessage({ id: "hello", defaultMessage: "Hello <strong>{name}</strong>!" }, { name: "Roger" });
         return <div className={this.props.className}>
             <FormattedRelative
@@ -94,6 +96,20 @@ class SomeComponent extends React.Component<SomeComponentProps & InjectedIntlPro
                 values={{ name: <p>p</p> }}
                 tagName="div" />
 
+            <FormattedMessage
+                id="test"
+                description="Test"
+                defaultMessage="Hi numbers {count}!"
+                values={{ count: 123 }}
+                tagName="div" />
+
+            <FormattedMessage
+                id="test"
+                description="Test"
+                defaultMessage="Hi plurals: {valueOne, number} {valueOne, plural, one {plural} other {plurals}} {valueTen, number} {valueTen, plural, one {plural} other {plurals}} !"
+                values={{ valueOne: 1, valueTen: 10 }}
+                tagName="div" />
+
             <FormattedHTMLMessage
                 id="test"
                 description="Test"

From 1557cefe0c8487c8531f62698a70a1fc8b68d05e Mon Sep 17 00:00:00 2001
From: Alexander James Phillips <ajp.global@gmail.com>
Date: Thu, 11 May 2017 11:10:05 +0100
Subject: [PATCH 296/321] Include @theefer's work in #16416

---
 types/hapi/index.d.ts                       | 18 +++++++------
 types/hapi/test/route/additional-options.ts | 30 +++++++++++++++++++++
 types/hapi/v15/index.d.ts                   | 30 +++++++++++++--------
 3 files changed, 59 insertions(+), 19 deletions(-)

diff --git a/types/hapi/index.d.ts b/types/hapi/index.d.ts
index d2619acef1..ccf39dde5f 100644
--- a/types/hapi/index.d.ts
+++ b/types/hapi/index.d.ts
@@ -826,7 +826,7 @@ export interface RouteAuthAccessConfiguationObject {
 /**
  * For context see RouteAdditionalConfigurationOptions > cache
  */
-export interface RouteCacheOptions {
+export type RouteCacheOptions = {
     /**
      * determines the privacy flag included in client-side caching using the 'Cache-Control' header. Values are:
      *  * 'default' - no privacy flag. This is the default setting.
@@ -834,15 +834,17 @@ export interface RouteCacheOptions {
      *  * 'private' - mark the response as suitable only for private caching.
      */
     privacy?: 'default' | 'public' | 'private';
-    /** relative expiration expressed in the number of milliseconds since the item was saved in the cache. Cannot be used together with expiresAt. */
-    expiresIn?: number;
-    /** time of day expressed in 24h notation using the 'HH:MM' format, at which point all cache records for the route expire. Cannot be used together with expiresIn. */
-    expiresAt?: string;
-    /** an array of HTTP response status codes (e.g. 200) which are allowed to include a valid caching directive. Defaults to [200]. */
-    statuses?: [number];
+    statuses?: number[];
     /** a string with the value of the 'Cache-Control' header when caching is disabled. Defaults to 'no-cache'. */
     otherwise?: string;
-}
+} & ({
+        /** relative expiration expressed in the number of milliseconds since the item was saved in the cache. Cannot be used together with expiresAt. */
+        expiresIn: number;
+    } | {
+        /** time of day expressed in 24h notation using the 'HH:MM' format, at which point all cache records for the route expire. Cannot be used together with expiresIn. */
+        expiresAt: string;
+    } | {}
+);
 
 /**
  * For context see RouteAdditionalConfigurationOptions > cors
diff --git a/types/hapi/test/route/additional-options.ts b/types/hapi/test/route/additional-options.ts
index 2e51787742..35715abfbc 100644
--- a/types/hapi/test/route/additional-options.ts
+++ b/types/hapi/test/route/additional-options.ts
@@ -14,3 +14,33 @@ const user: Hapi.RouteAdditionalConfigurationOptions = {
         return reply({ name: 'John' });
     }
 };
+
+
+// Add in addition to examples in docs
+
+var cache: Hapi.RouteCacheOptions = {
+    privacy: 'default',
+    statuses: [200, 201],
+    expiresIn: 5000,
+};
+
+cache = {
+    privacy: 'default',
+    statuses: [200, 201],
+    expiresAt: '22:44',
+};
+
+cache = {
+    privacy: 'default',
+    statuses: [200, 201],
+    /* typings should cause this to error, but currently does not
+    expiresAt: 5000,
+    */
+};
+
+/* typings should cause this to error, but currently does not
+var cache: Hapi.RouteCacheOptions = {
+    expiresIn: 5000,
+    expiresAt: '22:44',
+};
+*/
diff --git a/types/hapi/v15/index.d.ts b/types/hapi/v15/index.d.ts
index 2a59422c69..86b993bfb5 100644
--- a/types/hapi/v15/index.d.ts
+++ b/types/hapi/v15/index.d.ts
@@ -470,17 +470,7 @@ export interface IRouteAdditionalConfigurationOptions {
 	/** an object passed back to the provided handler (via this) when called. */
 	bind?: any;
 	/** if the route method is 'GET', the route can be configured to include caching directives in the response using the following options */
-	cache?: {
-		/**  mines the privacy flag included in clientside caching using the 'Cache-Control' header.Values are:
-		 fault'no privacy flag.This is the default setting.
-		 'public'mark the response as suitable for public caching.
-		 'private'mark the response as suitable only for private caching.  */
-		privacy: string;
-		/**  relative expiration expressed in the number of milliseconds since the item was saved in the cache.Cannot be used together with expiresAt. */
-		expiresIn: number;
-		/**  time of day expressed in 24h notation using the 'HH:MM' format, at which point all cache records for the route expire.Cannot be used together with expiresIn.  */
-		expiresAt: string;
-	};
+	cache?: IRouteAdditionalConfigurationCache;
 	/** the Cross- Origin Resource Sharing protocol allows browsers to make cross- origin API calls.CORS is required by web applications running inside a browser which are loaded from a different domain than the API server.CORS headers are disabled by default. To enable, set cors to true, or to an object with the following options: */
 	cors?: {
 		/** a strings array of allowed origin servers ('Access-Control-Allow-Origin').The array can contain any combination of fully qualified origins along with origin strings containing a wildcard '' character, or a single `''origin string. Defaults to any origin['*']`. */
@@ -728,6 +718,24 @@ export interface IRouteAdditionalConfigurationAuthAccess {
 	entity?: string;
 }
 
+export type IRouteAdditionalConfigurationCache = {
+	/** determines the privacy flag included in clientside caching using the 'Cache-Control' header. Values are:
+	 'Default': no privacy flag.This is the default setting.
+	 'public': mark the response as suitable for public caching.
+	 'private': mark the response as suitable only for private caching.  */
+	privacy?: 'default' | 'public' | 'private';
+	/** an array of HTTP response status codes (e.g. 200) which are allowed to include a valid caching directive. Defaults to [200]. */
+	statuses?: number[];
+	/** a string with the value of the 'Cache-Control' header when caching is disabled. Defaults to 'no-cache'. */
+	otherwise?: string;
+} & ({
+	/** relative expiration expressed in the number of milliseconds since the item was saved in the cache. Cannot be used together with expiresAt. */
+	expiresIn: number;
+} | {
+	/** time of day expressed in 24h notation using the 'HH:MM' format, at which point all cache records for the route expire. Cannot be used together with expiresIn. */
+	expiresAt: string;
+} | {});
+
 /** server.realm http://hapijs.com/api#serverrealm
  The realm object contains server-wide or plugin-specific state that can be shared across various methods. For example, when calling server.bind(),
  the active realm settings.bind property is set which is then used by routes and extensions added at the same level (server root or plugin).

From e377be5ad1dc1026799ae65d06017dc8d16c6361 Mon Sep 17 00:00:00 2001
From: Andrii Nasinnyk <andriy.nas+new@gmail.com>
Date: Thu, 11 May 2017 14:25:47 +0300
Subject: [PATCH 297/321] made pathsToValidate in mongoose::validateSync
 optional

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

diff --git a/types/mongoose/index.d.ts b/types/mongoose/index.d.ts
index cb20b294d2..5a2a0abfe1 100644
--- a/types/mongoose/index.d.ts
+++ b/types/mongoose/index.d.ts
@@ -1065,7 +1065,7 @@ declare module "mongoose" {
      * @param pathsToValidate only validate the given paths
      * @returns MongooseError if there are errors during validation, or undefined if there is no error.
      */
-    validateSync(pathsToValidate: string | string[]): Error;
+    validateSync(pathsToValidate?: string | string[]): Error;
 
     /** Hash containing current validation errors. */
     errors: Object;

From dee88948553ff051ad0f2129309fbe08b3495a9c Mon Sep 17 00:00:00 2001
From: Alexander James Phillips <ajp.global@gmail.com>
Date: Thu, 11 May 2017 13:21:49 +0100
Subject: [PATCH 298/321] Simpler typings than #16416 to catch some errors
 again

---
 types/hapi/index.d.ts                       | 16 +++++++---------
 types/hapi/test/route/additional-options.ts | 12 ++----------
 2 files changed, 9 insertions(+), 19 deletions(-)

diff --git a/types/hapi/index.d.ts b/types/hapi/index.d.ts
index ccf39dde5f..6b8bec9961 100644
--- a/types/hapi/index.d.ts
+++ b/types/hapi/index.d.ts
@@ -826,7 +826,7 @@ export interface RouteAuthAccessConfiguationObject {
 /**
  * For context see RouteAdditionalConfigurationOptions > cache
  */
-export type RouteCacheOptions = {
+export interface RouteCacheOptions {
     /**
      * determines the privacy flag included in client-side caching using the 'Cache-Control' header. Values are:
      *  * 'default' - no privacy flag. This is the default setting.
@@ -834,17 +834,15 @@ export type RouteCacheOptions = {
      *  * 'private' - mark the response as suitable only for private caching.
      */
     privacy?: 'default' | 'public' | 'private';
+    /** relative expiration expressed in the number of milliseconds since the item was saved in the cache. Cannot be used together with expiresAt. */
+    expiresIn?: number;
+    /** time of day expressed in 24h notation using the 'HH:MM' format, at which point all cache records for the route expire. Cannot be used together with expiresIn. */
+    expiresAt?: string;
+    /** an array of HTTP response status codes (e.g. 200) which are allowed to include a valid caching directive. Defaults to [200]. */
     statuses?: number[];
     /** a string with the value of the 'Cache-Control' header when caching is disabled. Defaults to 'no-cache'. */
     otherwise?: string;
-} & ({
-        /** relative expiration expressed in the number of milliseconds since the item was saved in the cache. Cannot be used together with expiresAt. */
-        expiresIn: number;
-    } | {
-        /** time of day expressed in 24h notation using the 'HH:MM' format, at which point all cache records for the route expire. Cannot be used together with expiresIn. */
-        expiresAt: string;
-    } | {}
-);
+}
 
 /**
  * For context see RouteAdditionalConfigurationOptions > cors
diff --git a/types/hapi/test/route/additional-options.ts b/types/hapi/test/route/additional-options.ts
index 35715abfbc..80f2789ae0 100644
--- a/types/hapi/test/route/additional-options.ts
+++ b/types/hapi/test/route/additional-options.ts
@@ -30,17 +30,9 @@ cache = {
     expiresAt: '22:44',
 };
 
-cache = {
-    privacy: 'default',
-    statuses: [200, 201],
-    /* typings should cause this to error, but currently does not
-    expiresAt: 5000,
-    */
-};
-
-/* typings should cause this to error, but currently does not
+// /* typings should cause this to error, but currently does not
 var cache: Hapi.RouteCacheOptions = {
     expiresIn: 5000,
     expiresAt: '22:44',
 };
-*/
+// */

From e9dd13ca68cb8c209e64074d4b41ed3047188e7f Mon Sep 17 00:00:00 2001
From: gengrq <mhcgrq@live.com>
Date: Thu, 11 May 2017 21:33:40 +0800
Subject: [PATCH 299/321] react-navigation: NavigationActions/back param should
 be optional

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

diff --git a/types/react-navigation/index.d.ts b/types/react-navigation/index.d.ts
index 6b263642ff..c76f4a0b18 100644
--- a/types/react-navigation/index.d.ts
+++ b/types/react-navigation/index.d.ts
@@ -321,7 +321,7 @@ export type NavigationAction =
 export namespace NavigationActions {
   function navigate(options: NavigationNavigateAction): any;
   function reset(options: NavigationResetAction): any;
-  function back(options: NavigationBackAction): any;
+  function back(options?: NavigationBackAction): any;
   function setParams(options: NavigationSetParamsAction): any;
 }
 

From 2692cdda954bf635999fb6082a48fafbf3020c50 Mon Sep 17 00:00:00 2001
From: gengrq <mhcgrq@live.com>
Date: Thu, 11 May 2017 21:44:34 +0800
Subject: [PATCH 300/321] add author

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

diff --git a/types/react-navigation/index.d.ts b/types/react-navigation/index.d.ts
index c76f4a0b18..f5ae61b6c6 100644
--- a/types/react-navigation/index.d.ts
+++ b/types/react-navigation/index.d.ts
@@ -1,6 +1,7 @@
 // Type definitions for react-navigation 1.0
 // Project: https://github.com/react-community/react-navigation
 // Definitions by: Huhuanming <https://github.com/huhuanming>
+//                 mhcgrq <https://github.com/mhcgrq>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 
 import * as React from 'react'

From fbb55ff1c68ea17979937f25118f8dbb80f7fce9 Mon Sep 17 00:00:00 2001
From: Miyuru Ratnayake <miyuru@gmail.com>
Date: Thu, 11 May 2017 09:36:40 -0500
Subject: [PATCH 301/321] Include parentSelector config

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

diff --git a/types/angular-loading-bar/index.d.ts b/types/angular-loading-bar/index.d.ts
index 191fc043ed..8990f7bcf7 100644
--- a/types/angular-loading-bar/index.d.ts
+++ b/types/angular-loading-bar/index.d.ts
@@ -30,6 +30,10 @@ declare module 'angular' {
 			* Latency Threshold
 			*/
 			latencyThreshold?: number;
+			/**
+			 * HTML eliment selector of parent
+			 */
+			parentSelector?: string;
 		}
 	}
 

From 03f4d743bc69b4fe5853a9bba379af8756e2d094 Mon Sep 17 00:00:00 2001
From: Mees van Dijk <mees@itisme.es>
Date: Thu, 11 May 2017 22:47:50 +0200
Subject: [PATCH 302/321] added file descriptors

---
 types/fs-extra/index.d.ts | 21 ++++++++++++++++++++-
 1 file changed, 20 insertions(+), 1 deletion(-)

diff --git a/types/fs-extra/index.d.ts b/types/fs-extra/index.d.ts
index 3d65d617b0..3bd66e44cf 100644
--- a/types/fs-extra/index.d.ts
+++ b/types/fs-extra/index.d.ts
@@ -1,6 +1,9 @@
 // Type definitions for fs-extra 3.0
 // Project: https://github.com/jprichardson/node-fs-extra
-// Definitions by: Alan Agius <https://github.com/alan-agius4>, midknight41 <https://github.com/midknight41>, Brendan Forster <https://github.com/shiftkey>
+// Definitions by: Alan Agius <https://github.com/alan-agius4>
+//                 midknight41 <https://github.com/midknight41>
+//                 Brendan Forster <https://github.com/shiftkey>
+//                 Mees van Dijk <https://github.com/mees->
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 // TypeScript Version: 2.2
 
@@ -103,6 +106,10 @@ export function access(path: string | Buffer, mode?: number): Promise<void>;
 export function appendFile(filename: string, data: any, options: { encoding?: string; mode?: number | string; flag?: string; }, callback: (err: NodeJS.ErrnoException) => void): void;
 export function appendFile(filename: string, data: any, callback: (err: NodeJS.ErrnoException) => void): void;
 export function appendFile(filename: string, data: any, options?: { encoding?: string; mode?: number | string; flag?: string; }): Promise<void>;
+export function appendFile(fd: number, data: any, options: { encoding?: string; mode?: number | string; flag?: string; }, callback: (err: NodeJS.ErrnoException) => void): void;
+export function appendFile(fd: number, data: any, callback: (err: NodeJS.ErrnoException) => void): void;
+export function appendFile(fd: number, data: any, options?: { encoding?: string; mode?: number | string; flag?: string; }): Promise<void>;
+
 
 export function chmod(path: string | Buffer, mode: string | number, callback: (err?: NodeJS.ErrnoException) => void): void;
 export function chmod(path: string | Buffer, mode: string | number): Promise<void>;
@@ -178,6 +185,14 @@ export function readFile(filename: string, options: { flag?: string; } | { encod
 export function readFile(filename: string, encoding: string): Promise<string>;
 export function readFile(filename: string): Promise<Buffer>;
 
+export function readFile(fd: number, callback: (err: NodeJS.ErrnoException, data: Buffer) => void): void;
+export function readFile(fd: number, encoding: string, callback: (err: NodeJS.ErrnoException, data: string) => void): void;
+export function readFile(fd: number, options: { flag?: string; } | { encoding: string; flag?: string; }, callback: (err: NodeJS.ErrnoException, data: Buffer) => void): void;
+export function readFile(fd: number, options: { flag?: string; } | { encoding: string; flag?: string; }): Promise<string>;
+// tslint:disable-next-line:unified-signatures
+export function readFile(fd: number, encoding: string): Promise<string>;
+export function readFile(fd: number): Promise<Buffer>;
+
 export function readdir(path: string | Buffer, callback: (err: NodeJS.ErrnoException, files: string[]) => void): void;
 export function readdir(path: string | Buffer): Promise<string[]>;
 
@@ -236,6 +251,10 @@ export function writeFile(filename: string, data: any, callback: (err: NodeJS.Er
 export function writeFile(filename: string, data: any, options: { encoding?: string; mode?: number; flag?: string; }, callback?: (err: NodeJS.ErrnoException) => void): void;
 export function writeFile(filename: string, data: any, options?: { encoding?: string; mode?: number; flag?: string; }): Promise<void>;
 
+export function writeFile(fd: number, data: any, callback: (err: NodeJS.ErrnoException) => void): void;
+export function writeFile(fd: number, data: any, options: { encoding?: string; mode?: number; flag?: string; }, callback?: (err: NodeJS.ErrnoException) => void): void;
+export function writeFile(fd: number, data: any, options?: { encoding?: string; mode?: number; flag?: string; }): Promise<void>;
+
 /**
  * Asynchronous mkdtemp - Creates a unique temporary directory. Generates six random characters to be appended behind a required prefix to create a unique temporary directory.
  *

From 146a321e6e42bffd425e6cfff8116a3896d15888 Mon Sep 17 00:00:00 2001
From: Mees van Dijk <mees@itisme.es>
Date: Fri, 12 May 2017 01:25:04 +0200
Subject: [PATCH 303/321] cleanup

---
 types/fs-extra/index.d.ts | 40 ++++++++++++---------------------------
 1 file changed, 12 insertions(+), 28 deletions(-)

diff --git a/types/fs-extra/index.d.ts b/types/fs-extra/index.d.ts
index 3bd66e44cf..a2c4cb43d3 100644
--- a/types/fs-extra/index.d.ts
+++ b/types/fs-extra/index.d.ts
@@ -103,13 +103,9 @@ export function access(path: string | Buffer, callback: (err: NodeJS.ErrnoExcept
 export function access(path: string | Buffer, mode: number, callback: (err: NodeJS.ErrnoException) => void): void;
 export function access(path: string | Buffer, mode?: number): Promise<void>;
 
-export function appendFile(filename: string, data: any, options: { encoding?: string; mode?: number | string; flag?: string; }, callback: (err: NodeJS.ErrnoException) => void): void;
-export function appendFile(filename: string, data: any, callback: (err: NodeJS.ErrnoException) => void): void;
-export function appendFile(filename: string, data: any, options?: { encoding?: string; mode?: number | string; flag?: string; }): Promise<void>;
-export function appendFile(fd: number, data: any, options: { encoding?: string; mode?: number | string; flag?: string; }, callback: (err: NodeJS.ErrnoException) => void): void;
-export function appendFile(fd: number, data: any, callback: (err: NodeJS.ErrnoException) => void): void;
-export function appendFile(fd: number, data: any, options?: { encoding?: string; mode?: number | string; flag?: string; }): Promise<void>;
-
+export function appendFile(filename: string | number, data: any, options: { encoding?: string; mode?: number | string; flag?: string; }, callback: (err: NodeJS.ErrnoException) => void): void;
+export function appendFile(filename: string | number, data: any, callback: (err: NodeJS.ErrnoException) => void): void;
+export function appendFile(filename: string | number, data: any, options?: { encoding?: string; mode?: number | string; flag?: string; }): Promise<void>;
 
 export function chmod(path: string | Buffer, mode: string | number, callback: (err?: NodeJS.ErrnoException) => void): void;
 export function chmod(path: string | Buffer, mode: string | number): Promise<void>;
@@ -177,21 +173,13 @@ export function open(path: string | Buffer, flags: string | number, mode?: numbe
 export function read(fd: number, buffer: Buffer, offset: number, length: number, position: number | null, callback: (err: NodeJS.ErrnoException, bytesRead: number, buffer: Buffer) => void): void;
 export function read(fd: number, buffer: Buffer, offset: number, length: number, position: number | null): Promise<[number, Buffer]>;
 
-export function readFile(filename: string, callback: (err: NodeJS.ErrnoException, data: Buffer) => void): void;
-export function readFile(filename: string, encoding: string, callback: (err: NodeJS.ErrnoException, data: string) => void): void;
-export function readFile(filename: string, options: { flag?: string; } | { encoding: string; flag?: string; }, callback: (err: NodeJS.ErrnoException, data: Buffer) => void): void;
-export function readFile(filename: string, options: { flag?: string; } | { encoding: string; flag?: string; }): Promise<string>;
+export function readFile(filename: string | number, callback: (err: NodeJS.ErrnoException, data: Buffer) => void): void;
+export function readFile(filename: string | number, encoding: string, callback: (err: NodeJS.ErrnoException, data: string) => void): void;
+export function readFile(filename: string | number, options: { flag?: string; } | { encoding: string; flag?: string; }, callback: (err: NodeJS.ErrnoException, data: Buffer) => void): void;
+export function readFile(filename: string | number, options: { flag?: string; } | { encoding: string; flag?: string; }): Promise<string>;
 // tslint:disable-next-line:unified-signatures
-export function readFile(filename: string, encoding: string): Promise<string>;
-export function readFile(filename: string): Promise<Buffer>;
-
-export function readFile(fd: number, callback: (err: NodeJS.ErrnoException, data: Buffer) => void): void;
-export function readFile(fd: number, encoding: string, callback: (err: NodeJS.ErrnoException, data: string) => void): void;
-export function readFile(fd: number, options: { flag?: string; } | { encoding: string; flag?: string; }, callback: (err: NodeJS.ErrnoException, data: Buffer) => void): void;
-export function readFile(fd: number, options: { flag?: string; } | { encoding: string; flag?: string; }): Promise<string>;
-// tslint:disable-next-line:unified-signatures
-export function readFile(fd: number, encoding: string): Promise<string>;
-export function readFile(fd: number): Promise<Buffer>;
+export function readFile(filename: string | number, encoding: string): Promise<string>;
+export function readFile(filename: string | number): Promise<Buffer>;
 
 export function readdir(path: string | Buffer, callback: (err: NodeJS.ErrnoException, files: string[]) => void): void;
 export function readdir(path: string | Buffer): Promise<string[]>;
@@ -247,13 +235,9 @@ export function write(fd: number, data: any, offset: number, encoding: string, c
 export function write(fd: number, buffer: Buffer, offset: number, length: number, position?: number | null): Promise<[number, Buffer]>;
 export function write(fd: number, data: any, offset: number, encoding?: string): Promise<[number, string]>;
 
-export function writeFile(filename: string, data: any, callback: (err: NodeJS.ErrnoException) => void): void;
-export function writeFile(filename: string, data: any, options: { encoding?: string; mode?: number; flag?: string; }, callback?: (err: NodeJS.ErrnoException) => void): void;
-export function writeFile(filename: string, data: any, options?: { encoding?: string; mode?: number; flag?: string; }): Promise<void>;
-
-export function writeFile(fd: number, data: any, callback: (err: NodeJS.ErrnoException) => void): void;
-export function writeFile(fd: number, data: any, options: { encoding?: string; mode?: number; flag?: string; }, callback?: (err: NodeJS.ErrnoException) => void): void;
-export function writeFile(fd: number, data: any, options?: { encoding?: string; mode?: number; flag?: string; }): Promise<void>;
+export function writeFile(filename: string | number, data: any, callback: (err: NodeJS.ErrnoException) => void): void;
+export function writeFile(filename: string | number, data: any, options: { encoding?: string; mode?: number; flag?: string; }, callback?: (err: NodeJS.ErrnoException) => void): void;
+export function writeFile(filename: string | number, data: any, options?: { encoding?: string; mode?: number; flag?: string; }): Promise<void>;
 
 /**
  * Asynchronous mkdtemp - Creates a unique temporary directory. Generates six random characters to be appended behind a required prefix to create a unique temporary directory.

From 59179b62c8cc2bea450b7e56e8c0b68b191b53a4 Mon Sep 17 00:00:00 2001
From: Mees van Dijk <mees@itisme.es>
Date: Fri, 12 May 2017 12:18:22 +0200
Subject: [PATCH 304/321] Added buffer type for file

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

diff --git a/types/fs-extra/index.d.ts b/types/fs-extra/index.d.ts
index a2c4cb43d3..481fbad644 100644
--- a/types/fs-extra/index.d.ts
+++ b/types/fs-extra/index.d.ts
@@ -103,9 +103,9 @@ export function access(path: string | Buffer, callback: (err: NodeJS.ErrnoExcept
 export function access(path: string | Buffer, mode: number, callback: (err: NodeJS.ErrnoException) => void): void;
 export function access(path: string | Buffer, mode?: number): Promise<void>;
 
-export function appendFile(filename: string | number, data: any, options: { encoding?: string; mode?: number | string; flag?: string; }, callback: (err: NodeJS.ErrnoException) => void): void;
-export function appendFile(filename: string | number, data: any, callback: (err: NodeJS.ErrnoException) => void): void;
-export function appendFile(filename: string | number, data: any, options?: { encoding?: string; mode?: number | string; flag?: string; }): Promise<void>;
+export function appendFile(file: string | Buffer | number, data: any, options: { encoding?: string; mode?: number | string; flag?: string; }, callback: (err: NodeJS.ErrnoException) => void): void;
+export function appendFile(file: string | Buffer | number, data: any, callback: (err: NodeJS.ErrnoException) => void): void;
+export function appendFile(file: string | Buffer | number, data: any, options?: { encoding?: string; mode?: number | string; flag?: string; }): Promise<void>;
 
 export function chmod(path: string | Buffer, mode: string | number, callback: (err?: NodeJS.ErrnoException) => void): void;
 export function chmod(path: string | Buffer, mode: string | number): Promise<void>;
@@ -173,13 +173,13 @@ export function open(path: string | Buffer, flags: string | number, mode?: numbe
 export function read(fd: number, buffer: Buffer, offset: number, length: number, position: number | null, callback: (err: NodeJS.ErrnoException, bytesRead: number, buffer: Buffer) => void): void;
 export function read(fd: number, buffer: Buffer, offset: number, length: number, position: number | null): Promise<[number, Buffer]>;
 
-export function readFile(filename: string | number, callback: (err: NodeJS.ErrnoException, data: Buffer) => void): void;
-export function readFile(filename: string | number, encoding: string, callback: (err: NodeJS.ErrnoException, data: string) => void): void;
-export function readFile(filename: string | number, options: { flag?: string; } | { encoding: string; flag?: string; }, callback: (err: NodeJS.ErrnoException, data: Buffer) => void): void;
-export function readFile(filename: string | number, options: { flag?: string; } | { encoding: string; flag?: string; }): Promise<string>;
+export function readFile(file: string | Buffer | number, callback: (err: NodeJS.ErrnoException, data: Buffer) => void): void;
+export function readFile(file: string | Buffer | number, encoding: string, callback: (err: NodeJS.ErrnoException, data: string) => void): void;
+export function readFile(file: string | Buffer | number, options: { flag?: string; } | { encoding: string; flag?: string; }, callback: (err: NodeJS.ErrnoException, data: Buffer) => void): void;
+export function readFile(file: string | Buffer | number, options: { flag?: string; } | { encoding: string; flag?: string; }): Promise<string>;
 // tslint:disable-next-line:unified-signatures
-export function readFile(filename: string | number, encoding: string): Promise<string>;
-export function readFile(filename: string | number): Promise<Buffer>;
+export function readFile(file: string | Buffer | number, encoding: string): Promise<string>;
+export function readFile(file: string | Buffer | number): Promise<Buffer>;
 
 export function readdir(path: string | Buffer, callback: (err: NodeJS.ErrnoException, files: string[]) => void): void;
 export function readdir(path: string | Buffer): Promise<string[]>;
@@ -235,9 +235,9 @@ export function write(fd: number, data: any, offset: number, encoding: string, c
 export function write(fd: number, buffer: Buffer, offset: number, length: number, position?: number | null): Promise<[number, Buffer]>;
 export function write(fd: number, data: any, offset: number, encoding?: string): Promise<[number, string]>;
 
-export function writeFile(filename: string | number, data: any, callback: (err: NodeJS.ErrnoException) => void): void;
-export function writeFile(filename: string | number, data: any, options: { encoding?: string; mode?: number; flag?: string; }, callback?: (err: NodeJS.ErrnoException) => void): void;
-export function writeFile(filename: string | number, data: any, options?: { encoding?: string; mode?: number; flag?: string; }): Promise<void>;
+export function writeFile(file: string | Buffer | number, data: any, callback: (err: NodeJS.ErrnoException) => void): void;
+export function writeFile(file: string | Buffer | number, data: any, options: { encoding?: string; mode?: number; flag?: string; }, callback?: (err: NodeJS.ErrnoException) => void): void;
+export function writeFile(file: string | Buffer | number, data: any, options?: { encoding?: string; mode?: number; flag?: string; }): Promise<void>;
 
 /**
  * Asynchronous mkdtemp - Creates a unique temporary directory. Generates six random characters to be appended behind a required prefix to create a unique temporary directory.

From 63c96d381527a08a0791356e39d1926d34fdbc8b Mon Sep 17 00:00:00 2001
From: Alexander James Phillips <ajp.global@gmail.com>
Date: Fri, 12 May 2017 12:13:09 +0100
Subject: [PATCH 305/321] Allow exclusion of conflicting properties #16416

---
 types/hapi/index.d.ts                       | 23 +++++++++++++++------
 types/hapi/test/route/additional-options.ts | 13 ++++++------
 2 files changed, 24 insertions(+), 12 deletions(-)

diff --git a/types/hapi/index.d.ts b/types/hapi/index.d.ts
index 6b8bec9961..3567e50c34 100644
--- a/types/hapi/index.d.ts
+++ b/types/hapi/index.d.ts
@@ -826,7 +826,7 @@ export interface RouteAuthAccessConfiguationObject {
 /**
  * For context see RouteAdditionalConfigurationOptions > cache
  */
-export interface RouteCacheOptions {
+export type RouteCacheOptions = {
     /**
      * determines the privacy flag included in client-side caching using the 'Cache-Control' header. Values are:
      *  * 'default' - no privacy flag. This is the default setting.
@@ -834,15 +834,26 @@ export interface RouteCacheOptions {
      *  * 'private' - mark the response as suitable only for private caching.
      */
     privacy?: 'default' | 'public' | 'private';
-    /** relative expiration expressed in the number of milliseconds since the item was saved in the cache. Cannot be used together with expiresAt. */
-    expiresIn?: number;
-    /** time of day expressed in 24h notation using the 'HH:MM' format, at which point all cache records for the route expire. Cannot be used together with expiresIn. */
-    expiresAt?: string;
     /** an array of HTTP response status codes (e.g. 200) which are allowed to include a valid caching directive. Defaults to [200]. */
     statuses?: number[];
     /** a string with the value of the 'Cache-Control' header when caching is disabled. Defaults to 'no-cache'. */
     otherwise?: string;
-}
+} & ({
+    /** relative expiration expressed in the number of milliseconds since the item was saved in the cache. Cannot be used together with expiresAt. */
+    expiresIn?: number;
+    /** time of day expressed in 24h notation using the 'HH:MM' format, at which point all cache records for the route expire. Cannot be used together with expiresIn. */
+    expiresAt?: undefined;
+} | {
+    /** relative expiration expressed in the number of milliseconds since the item was saved in the cache. Cannot be used together with expiresAt. */
+    expiresIn?: undefined;
+    /** time of day expressed in 24h notation using the 'HH:MM' format, at which point all cache records for the route expire. Cannot be used together with expiresIn. */
+    expiresAt?: string;
+} | {
+    /** relative expiration expressed in the number of milliseconds since the item was saved in the cache. Cannot be used together with expiresAt. */
+    expiresIn?: undefined;
+    /** time of day expressed in 24h notation using the 'HH:MM' format, at which point all cache records for the route expire. Cannot be used together with expiresIn. */
+    expiresAt?: undefined;
+});
 
 /**
  * For context see RouteAdditionalConfigurationOptions > cors
diff --git a/types/hapi/test/route/additional-options.ts b/types/hapi/test/route/additional-options.ts
index 80f2789ae0..99e818d08a 100644
--- a/types/hapi/test/route/additional-options.ts
+++ b/types/hapi/test/route/additional-options.ts
@@ -8,31 +8,32 @@ var authConfig: Hapi.RouteAdditionalConfigurationOptions = {
 
 // Handler in config
 const user: Hapi.RouteAdditionalConfigurationOptions = {
-    cache: { expiresIn: 5000 },
+    cache: { expiresIn: 5000, statuses: [200, 201] },
     handler: function (request, reply) {
 
         return reply({ name: 'John' });
     }
 };
 
-
 // Add in addition to examples in docs
 
 var cache: Hapi.RouteCacheOptions = {
     privacy: 'default',
-    statuses: [200, 201],
     expiresIn: 5000,
 };
 
 cache = {
     privacy: 'default',
-    statuses: [200, 201],
     expiresAt: '22:44',
 };
 
-// /* typings should cause this to error, but currently does not
+cache = {
+    privacy: 'default',
+};
+
+/* should error (as does!)
 var cache: Hapi.RouteCacheOptions = {
     expiresIn: 5000,
     expiresAt: '22:44',
 };
-// */
+*/

From 5a67cd51b9cfa396e5b28e17b65e424b57c05fa1 Mon Sep 17 00:00:00 2001
From: Tom Wanzek <tomwanzek@gmail.com>
Date: Fri, 12 May 2017 10:13:00 -0400
Subject: [PATCH 306/321] [d3-zoom/d3-drag] Update to version 1.2/1.1,
 respectively (#16470)

* [d3-zoom] Update to version 1.2
* [Feature] Add support of `clickDistance(...)`
* [Chore] Bump version number.

* [d3-drag] Update to version 1.1
* [Feature] Add support for `clickDistance(...)`
* [Chore] Minor version bump
---
 types/d3-drag/d3-drag-tests.ts |  6 ++++++
 types/d3-drag/index.d.ts       | 18 ++++++++++++++++--
 types/d3-zoom/d3-zoom-tests.ts |  6 ++++++
 types/d3-zoom/index.d.ts       | 18 ++++++++++++++++--
 4 files changed, 44 insertions(+), 4 deletions(-)

diff --git a/types/d3-drag/d3-drag-tests.ts b/types/d3-drag/d3-drag-tests.ts
index 4283cb259f..581b757717 100644
--- a/types/d3-drag/d3-drag-tests.ts
+++ b/types/d3-drag/d3-drag-tests.ts
@@ -88,6 +88,12 @@ circleDrag = circleDrag
 
 containerAccessor = circleDrag.container();
 
+// clickDistance(...) ---------------------------------------------------------
+
+circleDrag = circleDrag.clickDistance(5);
+
+const distance: number  = circleDrag.clickDistance();
+
 // set and get filter ---------------------------------------------------------
 
 let filterFn: (this: SVGCircleElement, datum: CircleDatum, index: number, group: SVGCircleElement[] | NodeListOf<SVGCircleElement>) => boolean;
diff --git a/types/d3-drag/index.d.ts b/types/d3-drag/index.d.ts
index d3a65fb377..7105bd4e4d 100644
--- a/types/d3-drag/index.d.ts
+++ b/types/d3-drag/index.d.ts
@@ -1,9 +1,9 @@
-// Type definitions for D3JS d3-drag module 1.0
+// Type definitions for D3JS d3-drag module 1.1
 // Project: https://github.com/d3/d3-drag/
 // Definitions by: Tom Wanzek <https://github.com/tomwanzek>, Alex Ford <https://github.com/gustavderdrache>, Boris Yankov <https://github.com/borisyankov>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 
-// Last module patch version validated against: 1.0.2
+// Last module patch version validated against: 1.1.0
 
 import { ArrayLike, Selection, ValueFn } from 'd3-selection';
 
@@ -164,6 +164,20 @@ export interface DragBehavior<GElement extends DraggedElementBaseType, Datum, Su
      */
     subject(accessor: ValueFn<GElement, Datum, Subject>): this;
 
+    /**
+     * Return the current click distance threshold, which defaults to zero.
+     */
+    clickDistance(): number;
+    /**
+     * Set the maximum distance that the mouse can move between mousedown and mouseup that will trigger
+     * a subsequent click event. If at any point between mousedown and mouseup the mouse is greater than or equal to
+     * distance from its position on mousedown, the click event follwing mouseup will be suppressed.
+     *
+     * @param distance The distance threshold between mousedown and mouseup measured in client coordinates (event.clientX and event.clientY).
+     * The default is zero.
+     */
+    clickDistance(distance: number): this;
+
     /**
      * Return the first currently-assigned listener matching the specified typenames, if any.
      *
diff --git a/types/d3-zoom/d3-zoom-tests.ts b/types/d3-zoom/d3-zoom-tests.ts
index b583bfc8b6..09974bf299 100644
--- a/types/d3-zoom/d3-zoom-tests.ts
+++ b/types/d3-zoom/d3-zoom-tests.ts
@@ -165,6 +165,12 @@ svgZoom = svgZoom.translateExtent([[-500, -500], [500, 500]]);
 let translateExtent: [[number, number], [number, number]];
 translateExtent = svgZoom.translateExtent();
 
+// clickDistance() ---------------------------------------------------------
+
+svgZoom = svgZoom.clickDistance(5);
+
+const distance: number = svgZoom.clickDistance();
+
 // duration() --------------------------------------------------------------
 
 // chainable
diff --git a/types/d3-zoom/index.d.ts b/types/d3-zoom/index.d.ts
index 62c49b977b..88a9a7b95f 100644
--- a/types/d3-zoom/index.d.ts
+++ b/types/d3-zoom/index.d.ts
@@ -1,9 +1,9 @@
-// Type definitions for d3JS d3-zoom module 1.1
+// Type definitions for d3JS d3-zoom module 1.2
 // Project: https://github.com/d3/d3-zoom/
 // Definitions by: Tom Wanzek <https://github.com/tomwanzek>, Alex Ford <https://github.com/gustavderdrache>, Boris Yankov <https://github.com/borisyankov>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 
-// Last module patch version validated against: 1.1.1
+// Last module patch version validated against: 1.2.0
 
 import { ArrayLike, Selection, TransitionLike, ValueFn } from 'd3-selection';
 import { ZoomView, ZoomInterpolator } from 'd3-interpolate';
@@ -461,6 +461,20 @@ export interface ZoomBehavior<ZoomRefElement extends ZoomedElementBaseType, Datu
      */
     translateExtent(extent: [[number, number], [number, number]]): this;
 
+    /**
+     * Return the current click distance threshold, which defaults to zero.
+     */
+    clickDistance(): number;
+    /**
+     * Set the maximum distance that the mouse can move between mousedown and mouseup that will trigger
+     * a subsequent click event. If at any point between mousedown and mouseup the mouse is greater than or equal to
+     * distance from its position on mousedown, the click event follwing mouseup will be suppressed.
+     *
+     * @param distance The distance threshold between mousedown and mouseup measured in client coordinates (event.clientX and event.clientY).
+     * The default is zero.
+     */
+    clickDistance(distance: number): this;
+
     /**
      * Get the duration for zoom transitions on double-click and double-tap in milliseconds.
      */

From e251c1438825ba9ca10144270e3cd86dbbedaafe Mon Sep 17 00:00:00 2001
From: Tom Wanzek <tomwanzek@gmail.com>
Date: Fri, 12 May 2017 10:13:33 -0400
Subject: [PATCH 307/321] [d3-random] v1.1.0 (#16467)

* [Feature] Update d3-random to minor version 1.1 adding configurable source of pseudo-randomnumbers.
* [Chore] Enable `strictNullChecks`
* [Chore] Add tslint config.
* [Chore] Bumped version.
---
 types/d3-random/d3-random-tests.ts |  56 ++++++++++---
 types/d3-random/index.d.ts         | 129 +++++++++++++++++++++--------
 types/d3-random/tsconfig.json      |   4 +-
 types/d3-random/tslint.json        |   6 ++
 4 files changed, 144 insertions(+), 51 deletions(-)
 create mode 100644 types/d3-random/tslint.json

diff --git a/types/d3-random/d3-random-tests.ts b/types/d3-random/d3-random-tests.ts
index 8cd72d9f0e..7385d3e984 100644
--- a/types/d3-random/d3-random-tests.ts
+++ b/types/d3-random/d3-random-tests.ts
@@ -7,7 +7,7 @@
  */
 
 import * as d3Random from 'd3-random';
-
+import * as seedrandom from 'seedrandom';
 
 // ------------------------------------------------------------
 // Preparatory Steps
@@ -19,40 +19,70 @@ let randomNumberGenerator: () => number;
 // randomUniform
 // ------------------------------------------------------------
 
-randomNumberGenerator = d3Random.randomUniform();
-randomNumberGenerator = d3Random.randomUniform(0.2);
-randomNumberGenerator = d3Random.randomUniform(0.2, 5);
+let prngUniform: d3Random.RandomUniform;
+
+prngUniform = d3Random.randomUniform;
+prngUniform = d3Random.randomUniform.source(seedrandom("Schroedinger's flea."));
+
+randomNumberGenerator = prngUniform();
+randomNumberGenerator = prngUniform(0.2);
+randomNumberGenerator = prngUniform(0.2, 5);
 
 // ------------------------------------------------------------
 // randomNormal
 // ------------------------------------------------------------
 
-randomNumberGenerator = d3Random.randomNormal();
-randomNumberGenerator = d3Random.randomNormal(3);
-randomNumberGenerator = d3Random.randomNormal(3, 4);
+let prngNormal: d3Random.RandomNormal;
+
+prngNormal = d3Random.randomNormal;
+prngNormal = d3Random.randomNormal.source(seedrandom("Schroedinger's flea."));
+
+randomNumberGenerator = prngNormal();
+randomNumberGenerator = prngNormal(3);
+randomNumberGenerator = prngNormal(3, 4);
 
 // ------------------------------------------------------------
 // randomLogNormal
 // ------------------------------------------------------------
 
-randomNumberGenerator = d3Random.randomLogNormal();
-randomNumberGenerator = d3Random.randomLogNormal(3);
-randomNumberGenerator = d3Random.randomLogNormal(3, 4);
+let prngLogNormal: d3Random.RandomLogNormal;
+
+prngLogNormal = d3Random.randomLogNormal;
+prngLogNormal = d3Random.randomLogNormal.source(seedrandom("Schroedinger's flea."));
+
+randomNumberGenerator = prngLogNormal();
+randomNumberGenerator = prngLogNormal(3);
+randomNumberGenerator = prngLogNormal(3, 4);
 
 // ------------------------------------------------------------
 // randomBates
 // ------------------------------------------------------------
 
-randomNumberGenerator = d3Random.randomBates(3);
+let prngBates: d3Random.RandomBates;
+
+prngBates = d3Random.randomBates;
+prngBates = d3Random.randomBates.source(seedrandom("Schroedinger's flea."));
+
+randomNumberGenerator = prngBates(3);
 
 // ------------------------------------------------------------
 // randomIrwinHall
 // ------------------------------------------------------------
 
-randomNumberGenerator = d3Random.randomIrwinHall(3);
+let prngIrwinHall: d3Random.RandomIrwinHall;
+
+prngIrwinHall = d3Random.randomIrwinHall;
+prngIrwinHall = d3Random.randomIrwinHall.source(seedrandom("Schroedinger's flea."));
+
+randomNumberGenerator = prngIrwinHall(3);
 
 // ------------------------------------------------------------
 // randomExponential
 // ------------------------------------------------------------
 
-randomNumberGenerator = d3Random.randomExponential(1 / 40);
+let prngExponential: d3Random.RandomExponential;
+
+prngExponential = d3Random.randomExponential;
+prngExponential = d3Random.randomExponential.source(seedrandom("Schroedinger's flea."));
+
+randomNumberGenerator = prngExponential(1 / 40);
diff --git a/types/d3-random/index.d.ts b/types/d3-random/index.d.ts
index 48c9b245ed..41b6034215 100644
--- a/types/d3-random/index.d.ts
+++ b/types/d3-random/index.d.ts
@@ -1,55 +1,112 @@
-// Type definitions for D3JS d3-random module v1.0.1
+// Type definitions for D3JS d3-random module 1.1
 // Project: https://github.com/d3/d3-random/
 // Definitions by: Tom Wanzek <https://github.com/tomwanzek>, Alex Ford <https://github.com/gustavderdrache>, Boris Yankov <https://github.com/borisyankov>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 
-/**
- * Returns a function for generating random numbers with a uniform distribution).
- * The minimum allowed value of a returned number is min, and the maximum is max.
- * If min is not specified, it defaults to 0; if max is not specified, it defaults to 1.
- *
- * @param min The minimum allowed value of a returned number, defaults to 0.
- * @param max The maximum allowed value of a returned number, defaults to 1.
- */
-export function randomUniform(min?: number, max?: number): () => number;
+// Last module patch version validated against: 1.1.0
+
+export interface RandomNumberGenerationSource {
+    /**
+     * Returns the same type of function for generating random numbers but where the given random number
+     * generator source is used as the source of randomness instead of Math.random.
+     * This is useful when a seeded random number generator is preferable to Math.random.
+     *
+     * @param source Source (pseudo-)random number generator implementing the Math.random interface.
+     * The given random number generator must implement the same interface as Math.random and
+     * only return values in the range [0, 1).
+     */
+    source(source: () => number): this;
+}
 
 /**
- * Returns a function for generating random numbers with a normal (Gaussian) distribution.
- * The expected value of the generated numbers is mu, with the given standard deviation sigma.
- * If mu is not specified, it defaults to 0; if sigma is not specified, it defaults to 1.
- *
- * @param mu Expected value, defaults to 0.
- * @param sigma Standard deviation, defaults to 1.
+ * A configurable random number generator for the uniform distribution.
  */
-export function randomNormal(mu?: number, sigma?: number): () => number;
+export interface RandomUniform extends RandomNumberGenerationSource {
+    /**
+     * Returns a function for generating random numbers with a uniform distribution).
+     * The minimum allowed value of a returned number is min, and the maximum is max.
+     * If min is not specified, it defaults to 0; if max is not specified, it defaults to 1.
+     *
+     * @param min The minimum allowed value of a returned number, defaults to 0.
+     * @param max The maximum allowed value of a returned number, defaults to 1.
+     */
+    (min?: number, max?: number): () => number;
+}
+
+export const randomUniform: RandomUniform;
 
 /**
- * Returns a function for generating random numbers with a log-normal distribution. The expected value of the random variable’s natural logrithm is mu,
- * with the given standard deviation sigma. If mu is not specified, it defaults to 0; if sigma is not specified, it defaults to 1.
- *
- * @param mu Expected value, defaults to 0.
- * @param sigma Standard deviation, defaults to 1.
+ * A configurable random number generator for the normal (Gaussian) distribution.
  */
-export function randomLogNormal(mu?: number, sigma?: number): () => number;
+export interface RandomNormal extends RandomNumberGenerationSource {
+    /**
+     * Returns a function for generating random numbers with a normal (Gaussian) distribution.
+     * The expected value of the generated numbers is mu, with the given standard deviation sigma.
+     * If mu is not specified, it defaults to 0; if sigma is not specified, it defaults to 1.
+     *
+     * @param mu Expected value, defaults to 0.
+     * @param sigma Standard deviation, defaults to 1.
+     */
+    (mu?: number, sigma?: number): () => number;
+}
+
+export const randomNormal: RandomNormal;
 
 /**
- * Returns a function for generating random numbers with a Bates distribution with n independent variables.
- *
- * @param n Number of independent random variables to use.
+ * A configurable random number generator for the log-normal distribution.
  */
-export function randomBates(n: number): () => number;
+export interface RandomLogNormal extends RandomNumberGenerationSource {
+    /**
+     * Returns a function for generating random numbers with a log-normal distribution. The expected value of the random variable’s natural logrithm is mu,
+     * with the given standard deviation sigma. If mu is not specified, it defaults to 0; if sigma is not specified, it defaults to 1.
+     *
+     * @param mu Expected value, defaults to 0.
+     * @param sigma Standard deviation, defaults to 1.
+     */
+    (mu?: number, sigma?: number): () => number;
+}
+
+export const randomLogNormal: RandomLogNormal;
 
 /**
- * Returns a function for generating random numbers with an Irwin–Hall distribution with n independent variables.
- *
- * @param n Number of independent random variables to use.
+ * A configurable random number generator for the Bates distribution.
  */
-export function randomIrwinHall(n: number): () => number;
+export interface RandomBates extends RandomNumberGenerationSource {
+    /**
+     * Returns a function for generating random numbers with a Bates distribution with n independent variables.
+     *
+     * @param n Number of independent random variables to use.
+     */
+    (n: number): () => number;
+}
+
+export const randomBates: RandomBates;
 
 /**
- * Returns a function for generating random numbers with an exponential distribution with the rate lambda;
- * equivalent to time between events in a Poisson process with a mean of 1 / lambda.
- *
- * @param lambda Expected time between events.
+ * A configurable random number generator for the Irwin–Hall distribution.
  */
-export function randomExponential(lambda: number): () => number;
+export interface RandomIrwinHall extends RandomNumberGenerationSource {
+    /**
+     * Returns a function for generating random numbers with an Irwin–Hall distribution with n independent variables.
+     *
+     * @param n Number of independent random variables to use.
+     */
+    (n: number): () => number;
+}
+
+export const randomIrwinHall: RandomIrwinHall;
+
+/**
+ * A configurable random number generator for the exponential distribution.
+ */
+export interface RandomExponential extends RandomNumberGenerationSource {
+    /**
+     * Returns a function for generating random numbers with an exponential distribution with the rate lambda;
+     * equivalent to time between events in a Poisson process with a mean of 1 / lambda.
+     *
+     * @param lambda Expected time between events.
+     */
+    (lambda: number): () => number;
+}
+
+export const randomExponential: RandomExponential;
diff --git a/types/d3-random/tsconfig.json b/types/d3-random/tsconfig.json
index 20a20f04f1..f9544a0527 100644
--- a/types/d3-random/tsconfig.json
+++ b/types/d3-random/tsconfig.json
@@ -6,7 +6,7 @@
         ],
         "noImplicitAny": true,
         "noImplicitThis": true,
-        "strictNullChecks": false,
+        "strictNullChecks": true,
         "baseUrl": "../",
         "typeRoots": [
             "../"
@@ -19,4 +19,4 @@
         "index.d.ts",
         "d3-random-tests.ts"
     ]
-}
\ No newline at end of file
+}
diff --git a/types/d3-random/tslint.json b/types/d3-random/tslint.json
new file mode 100644
index 0000000000..4ae99abce4
--- /dev/null
+++ b/types/d3-random/tslint.json
@@ -0,0 +1,6 @@
+{
+    "extends": "dtslint/dt.json",
+    "rules": {
+        "max-line-length": [false, 140]
+    }
+}

From 6eae3bf1bd2d980fc8c8527d25275dfd8bb29df2 Mon Sep 17 00:00:00 2001
From: zhutian chen <zhutian.chen@outlook.com>
Date: Sat, 13 May 2017 01:04:23 +0800
Subject: [PATCH 308/321] should contain a type in the return of feature

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

diff --git a/types/topojson/index.d.ts b/types/topojson/index.d.ts
index bafc431ea3..68efb8ee9c 100644
--- a/types/topojson/index.d.ts
+++ b/types/topojson/index.d.ts
@@ -5,7 +5,7 @@
 
 export function bbox(topology: any): any;
 
-export function feature(topology: any, o: any): { features: any[]; };
+export function feature(topology: any, o: any): { features: any[]; type: string };
 
 export function filter(topology: any, filter: any): any;
 

From 3cb428af9940ae0d0a3df72fda6e5b581ac5a5ca Mon Sep 17 00:00:00 2001
From: zhutian chen <zhutian.chen@outlook.com>
Date: Sat, 13 May 2017 01:06:46 +0800
Subject: [PATCH 309/321] add myself

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

diff --git a/types/topojson/index.d.ts b/types/topojson/index.d.ts
index 68efb8ee9c..67f71310d0 100644
--- a/types/topojson/index.d.ts
+++ b/types/topojson/index.d.ts
@@ -1,6 +1,7 @@
 // Type definitions for topojson 3.0
 // Project: https://github.com/topojson/topojson
 // Definitions by: Ricardo Mello <https://github.com/ricardo-mello>
+//                 Zhutian Chen  <https://github.com/chenzhutian>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 
 export function bbox(topology: any): any;

From 74135b05f356af327820047d3343298aba540992 Mon Sep 17 00:00:00 2001
From: zhutian chen <zhutian.chen@outlook.com>
Date: Sat, 13 May 2017 12:18:03 +0800
Subject: [PATCH 310/321] updaste the test

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

diff --git a/types/topojson/topojson-tests.ts b/types/topojson/topojson-tests.ts
index a8049b6b26..68171809d5 100644
--- a/types/topojson/topojson-tests.ts
+++ b/types/topojson/topojson-tests.ts
@@ -2,5 +2,5 @@ import * as topojson from 'topojson';
 
 // TODO: complete tests.
 
-topojson.feature(null, null); // $ExpectType { features: any[]; }
+topojson.feature(null, null); // $ExpectType { features: any[]; type: string; }
 topojson.mesh(null, null, (a: any, b: any) => a !== b); // $ExpectType { type: any; coordinates: any[]; }

From e3fdd2698a14f090bedf52def2a1d3192daff32a Mon Sep 17 00:00:00 2001
From: Habibi <guilvee@gmail.com>
Date: Sat, 13 May 2017 19:10:05 +0700
Subject: [PATCH 311/321] =?UTF-8?q?Fix=20react-navigation=20typo=20?=
 =?UTF-8?q?=E2=80=9CtabBarLabel=E2=80=9D?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

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

diff --git a/types/react-navigation/index.d.ts b/types/react-navigation/index.d.ts
index 6b263642ff..cf510e4cd1 100644
--- a/types/react-navigation/index.d.ts
+++ b/types/react-navigation/index.d.ts
@@ -585,7 +585,7 @@ export interface TabNavigatorScreenOptions {
   title?: string;
   tabBarVisible?: boolean;
   tabBarIcon?: React.ReactElement<any>;
-  tabBarLaben?: string
+  tabBarLabel?: string
       |React.ReactElement<any>
       | ((options: {focused: boolean, tintColor: string}) => React.ReactElement<any>)
   ;
diff --git a/types/react-navigation/react-navigation-tests.tsx b/types/react-navigation/react-navigation-tests.tsx
index d01ae62640..6182dfd64c 100644
--- a/types/react-navigation/react-navigation-tests.tsx
+++ b/types/react-navigation/react-navigation-tests.tsx
@@ -28,3 +28,10 @@ const Router = (props: any) => (
       }
     />
 );
+
+const tabNavigatorScreenOptions: TabNavigatorScreenOptions = {
+    title: 'title',
+    tabBarVisible: true,
+    tabBarIcon: <View />,
+    tabBarLabel: 'label'
+}

From a58b6330a57a0fb4277085b527013b4cc3660e55 Mon Sep 17 00:00:00 2001
From: Habibi <guilvee@gmail.com>
Date: Sat, 13 May 2017 19:24:05 +0700
Subject: [PATCH 312/321] react-navigation Add different typing for tabBarIcon

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

diff --git a/types/react-navigation/index.d.ts b/types/react-navigation/index.d.ts
index cf510e4cd1..ddbe9b11e3 100644
--- a/types/react-navigation/index.d.ts
+++ b/types/react-navigation/index.d.ts
@@ -584,11 +584,11 @@ export interface StackNavigatorScreenOptions {
 export interface TabNavigatorScreenOptions {
   title?: string;
   tabBarVisible?: boolean;
-  tabBarIcon?: React.ReactElement<any>;
+  tabBarIcon?: React.ReactElement<any>
+      | ((options: { focused: boolean, tintColor: string }) => React.ReactElement<any>);
   tabBarLabel?: string
-      |React.ReactElement<any>
-      | ((options: {focused: boolean, tintColor: string}) => React.ReactElement<any>)
-  ;
+      | React.ReactElement<any>
+      | ((options: { focused: boolean, tintColor: string }) => React.ReactElement<any>);
 }
 
 export interface DrawerNavigatorScreenOptions {

From 1cfe9350bbc174d957c263c7eb2a39c206af7cba Mon Sep 17 00:00:00 2001
From: Habibi <guilvee@gmail.com>
Date: Sat, 13 May 2017 19:58:36 +0700
Subject: [PATCH 313/321] Fix missing import in the test

---
 types/react-navigation/react-navigation-tests.tsx | 1 +
 1 file changed, 1 insertion(+)

diff --git a/types/react-navigation/react-navigation-tests.tsx b/types/react-navigation/react-navigation-tests.tsx
index 6182dfd64c..a88a5d3a0b 100644
--- a/types/react-navigation/react-navigation-tests.tsx
+++ b/types/react-navigation/react-navigation-tests.tsx
@@ -3,6 +3,7 @@ import { View } from 'react-native';
 import {
     addNavigationHelpers,
     StackNavigator,
+    TabNavigatorScreenOptions
 } from 'react-navigation';
 
 const Start = (

From 34e71f27931417e504a7ca219c3ae8c1179b69f1 Mon Sep 17 00:00:00 2001
From: Daniel Rosenwasser <DanielRosenwasser@users.noreply.github.com>
Date: Sat, 13 May 2017 11:17:35 -0700
Subject: [PATCH 314/321] Update index.d.ts

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

diff --git a/types/angular-loading-bar/index.d.ts b/types/angular-loading-bar/index.d.ts
index 8990f7bcf7..464974631d 100644
--- a/types/angular-loading-bar/index.d.ts
+++ b/types/angular-loading-bar/index.d.ts
@@ -31,7 +31,7 @@ declare module 'angular' {
 			*/
 			latencyThreshold?: number;
 			/**
-			 * HTML eliment selector of parent
+			 * HTML element selector of parent
 			 */
 			parentSelector?: string;
 		}

From 1dc7cafe4c82262299baac644eef5681c4f7dafe Mon Sep 17 00:00:00 2001
From: Silas Rech <silas@panascais.io>
Date: Sat, 13 May 2017 20:24:06 +0200
Subject: [PATCH 315/321] [raven] fix key substructure

---
 types/raven/index.d.ts | 14 +++++++-------
 1 file changed, 7 insertions(+), 7 deletions(-)

diff --git a/types/raven/index.d.ts b/types/raven/index.d.ts
index 359ead4608..5a79d5d309 100644
--- a/types/raven/index.d.ts
+++ b/types/raven/index.d.ts
@@ -52,8 +52,8 @@ export interface ConstructorOptions {
     logger?: string;
     release?: string;
     environment?: string;
-    tags?: { string: string };
-    extra?: { string: any };
+    tags?: { [key: string]: string };
+    extra?: { [key: string]: any };
     dataCallback?: DataCallback;
     transport?(): void;
     captureUnhandledRejections?: boolean;
@@ -75,15 +75,15 @@ export interface parsedDSN {
     port: number;
 }
 
-export type CaptureCallback = (err: { string: any }, eventId: any) => void;
+export type CaptureCallback = (err: { [key: string]: any }, eventId: any) => void;
 
-export type DataCallback = (data: { string: any }) => void;
+export type DataCallback = (data: { [key: string]: any }) => void;
 
-export type TransportCallback = (options: { string: any }) => void;
+export type TransportCallback = (options: { [key: string]: any }) => void;
 
 export interface CaptureOptions {
-    tags?: { string: string };
-    extra?: { string: any };
+    tags?: { [key: string]: string };
+    extra?: { [key: string]: any };
     fingerprint?: string;
     level?: string;
 }

From eed5576c8449218062dc52a2977405ab7602bf75 Mon Sep 17 00:00:00 2001
From: huhuanming <workboring@gmail.com>
Date: Mon, 15 May 2017 08:53:56 +0800
Subject: [PATCH 316/321] Add setAliasAndTags

---
 types/jpush-react-native/index.d.ts                  | 6 ++++--
 types/jpush-react-native/jpush-react-native-tests.ts | 7 +++++++
 2 files changed, 11 insertions(+), 2 deletions(-)

diff --git a/types/jpush-react-native/index.d.ts b/types/jpush-react-native/index.d.ts
index 21397e6aaa..d8b27e0b2c 100644
--- a/types/jpush-react-native/index.d.ts
+++ b/types/jpush-react-native/index.d.ts
@@ -35,9 +35,11 @@ export default class JPush {
      */
     static getInfo(cb: (map: any) => void): void;
 
-    static setTags(tags: string[], successCallback: (resultCode: number[]) => void, failedCallback: () => void): void;
+    static setTags(tags: string[], successCallback: () => void, failedCallback: () => void): void;
 
-    static setAlias(alias: string, successCallback: (resultCode: number[]) => void, failedCallback: () => void): void;
+    static setAlias(alias: string, successCallback: () => void, failedCallback: () => void): void;
+
+    static setAliasAndTags(alias: string, tag: string[], successCallback: () => void, failedCallback: () => void): void;
 
     /**
      * Android
diff --git a/types/jpush-react-native/jpush-react-native-tests.ts b/types/jpush-react-native/jpush-react-native-tests.ts
index 44fc834b62..d1af013e11 100644
--- a/types/jpush-react-native/jpush-react-native-tests.ts
+++ b/types/jpush-react-native/jpush-react-native-tests.ts
@@ -24,6 +24,13 @@ JPush.setAlias(
     () => {},
 );
 
+JPush.setAliasAndTags(
+    'alias',
+    ['tag1', 'tag2'],
+    () => { },
+    () => { },
+);
+
 JPush.setStyleBasic();
 
 JPush.setStyleCustom();

From 1e648a4bd2e74ac4910d6c6c96d4908233c5f81e Mon Sep 17 00:00:00 2001
From: "qlyan(benben)" <qlyan@thoughtworks.com>
Date: Mon, 15 May 2017 12:46:34 +0800
Subject: [PATCH 317/321] add optional args for AlertIOSButton interface

---
 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 dcaeb52da8..eed16db158 100644
--- a/types/react-native/index.d.ts
+++ b/types/react-native/index.d.ts
@@ -6297,7 +6297,7 @@ export interface AdSupportIOSStatic {
 
 interface AlertIOSButton {
     text: string
-    onPress?: () => void
+    onPress?: (message?: string) => void
     style?: "default" | "cancel" | "destructive"
 }
 

From a609728f561adc647d436d028c3e864c4ca04d63 Mon Sep 17 00:00:00 2001
From: TANAKA Koichi <mugeso@mugeso.com>
Date: Mon, 15 May 2017 14:23:18 +0900
Subject: [PATCH 318/321] sequelize: fix inheritance of UniqueConstraintError
 class.

UniqueConstraintError class is subclass of ValidationError in both of
v3 and v4(current).

authorities:
for v4
http://docs.sequelizejs.com/class/lib/errors/index.js~UniqueConstraintError.html
for v3 (official doc is wrong.)
https://github.com/sequelize/sequelize/blob/v3/lib/errors.js#L153
---
 types/sequelize/index.d.ts            | 6 +++---
 types/sequelize/sequelize-tests.ts    | 2 ++
 types/sequelize/v3/index.d.ts         | 2 +-
 types/sequelize/v3/sequelize-tests.ts | 1 +
 4 files changed, 7 insertions(+), 4 deletions(-)

diff --git a/types/sequelize/index.d.ts b/types/sequelize/index.d.ts
index a7f5b0afe5..43196e4aec 100644
--- a/types/sequelize/index.d.ts
+++ b/types/sequelize/index.d.ts
@@ -2097,7 +2097,7 @@ declare namespace sequelize {
 
     }
 
-    interface UniqueConstraintError extends DatabaseError {
+    interface UniqueConstraintError extends ValidationError {
 
         /**
          * Thrown when a unique constraint is violated in the database
@@ -3247,8 +3247,8 @@ declare namespace sequelize {
              * https://github.com/sequelize/sequelize/blob/master/docs/docs/models-usage.md#user-content-manipulating-the-dataset-with-limit-offset-order-and-group
          */
         group?: string | string[] | Object;
-                     
-                     
+
+
         /**
          * Apply DISTINCT(col) for FindAndCount(all)
          */
diff --git a/types/sequelize/sequelize-tests.ts b/types/sequelize/sequelize-tests.ts
index cc4462fa86..a02b1a38f8 100644
--- a/types/sequelize/sequelize-tests.ts
+++ b/types/sequelize/sequelize-tests.ts
@@ -630,6 +630,8 @@ 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' ) );
 
+const uniqueConstraintError: Sequelize.ValidationError = new s.UniqueConstraintError({});
+
 //
 //  Hooks
 // ~~~~~~~
diff --git a/types/sequelize/v3/index.d.ts b/types/sequelize/v3/index.d.ts
index 2f2f973c19..59c06f05bf 100644
--- a/types/sequelize/v3/index.d.ts
+++ b/types/sequelize/v3/index.d.ts
@@ -2096,7 +2096,7 @@ declare namespace sequelize {
 
     }
 
-    interface UniqueConstraintError extends DatabaseError {
+    interface UniqueConstraintError extends ValidationError {
 
         /**
          * Thrown when a unique constraint is violated in the database
diff --git a/types/sequelize/v3/sequelize-tests.ts b/types/sequelize/v3/sequelize-tests.ts
index 9f5eac61ad..3cce75b440 100644
--- a/types/sequelize/v3/sequelize-tests.ts
+++ b/types/sequelize/v3/sequelize-tests.ts
@@ -628,6 +628,7 @@ 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' ) );
 
+const uniqueConstraintError: Sequelize.ValidationError = new s.UniqueConstraintError({});
 //
 //  Hooks
 // ~~~~~~~

From 6c097b074a2820a80a672628e17b8fa782922620 Mon Sep 17 00:00:00 2001
From: dobavictor <dobavictor@gmail.com>
Date: Mon, 15 May 2017 15:45:03 +0200
Subject: [PATCH 319/321] Add IPalette#contrastStrongLightColors typing.
 (#16461)

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

diff --git a/types/angular-material/index.d.ts b/types/angular-material/index.d.ts
index 10648c0012..93b92290e4 100644
--- a/types/angular-material/index.d.ts
+++ b/types/angular-material/index.d.ts
@@ -214,6 +214,7 @@ declare module 'angular' {
             contrastDefaultColor?: string;
             contrastDarkColors?: string | string[];
             contrastLightColors?: string | string[];
+            contrastStrongLightColors?: string|string[];
         }
 
         interface IThemeHues {

From 6675e3358623c93163d5c110edfadbf8d0b5b7e6 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Micha=C5=82=20Adamczyk?= <mr.adamczyk@gmail.com>
Date: Mon, 15 May 2017 12:52:10 -0400
Subject: [PATCH 320/321] @types/classnames - hide global definitions (#16420)

* @types/classnames - hide global declarations, add tslint

* @types/classnames - add export as namespace as its a UMD module

* @types/classnames - address CR comments
---
 types/classnames/classnames-tests.ts |  7 ++++---
 types/classnames/index.d.ts          | 25 ++++++++++++++-----------
 types/classnames/tslint.json         |  1 +
 3 files changed, 19 insertions(+), 14 deletions(-)
 create mode 100644 types/classnames/tslint.json

diff --git a/types/classnames/classnames-tests.ts b/types/classnames/classnames-tests.ts
index 5c99df82eb..1938acb4f9 100644
--- a/types/classnames/classnames-tests.ts
+++ b/types/classnames/classnames-tests.ts
@@ -1,6 +1,7 @@
-import classNames = require('classnames')
+import classNames = require('classnames');
+import * as classNames2 from 'classnames';
 
-classNames('foo', 'bar'); // => 'foo bar'
+classNames2('foo', 'bar'); // => 'foo bar'
 
 classNames('foo', 'bar'); // => 'foo bar'
 classNames('foo', { bar: true }); // => 'foo bar'
@@ -21,4 +22,4 @@ classNames(["foo", ["bar", {baz: true}]]); // => 'foo bar baz'
 classNames(null, 'bar', undefined, 0, 1, { baz: null }, ''); // => 'bar 1'
 
 // Supporting booleans is tricky since we should only support passing in false, which is ignored
-//classNames(false, 'bar', 0, 1, { baz: null }, ''); // => 'bar 1'
+// classNames(false, 'bar', 0, 1, { baz: null }, ''); // => 'bar 1'
diff --git a/types/classnames/index.d.ts b/types/classnames/index.d.ts
index 22d9803399..42352fc9b8 100644
--- a/types/classnames/index.d.ts
+++ b/types/classnames/index.d.ts
@@ -1,22 +1,25 @@
-// Type definitions for classnames
+// Type definitions for classnames 2.2
 // Project: https://github.com/JedWatson/classnames
-// Definitions by: Dave Keen <http://www.keendevelopment.ch>, Adi Dahiya <https://github.com/adidahiya>, Jason Killian <https://github.com/JKillian>
+// Definitions by: Dave Keen <http://www.keendevelopment.ch>
+//                 Adi Dahiya <https://github.com/adidahiya>
+//                 Jason Killian <https://github.com/JKillian>
+//                 Sean Kelley <https://github.com/seansfkelley/>
+//                 Michal Adamczyk <https://github.com/mradamczyk>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 
-declare type ClassValue = string | number | ClassDictionary | ClassArray | undefined | null | false;
+type ClassValue = string | number | ClassDictionary | ClassArray | undefined | null | false;
 
 interface ClassDictionary {
 	[id: string]: boolean | undefined | null;
 }
 
-interface ClassArray extends Array<ClassValue> { }
+// This is the only way I found to break circular references between ClassArray and ClassValue
+// https://github.com/Microsoft/TypeScript/issues/3496#issuecomment-128553540
+interface ClassArray extends Array<ClassValue> { } // tslint:disable-line no-empty-interface
 
-interface ClassNamesFn {
-	(...classes: ClassValue[]): string;
-}
+type ClassNamesFn = (...classes: ClassValue[]) => string;
 
-declare var classNames: ClassNamesFn;
+declare const classNames: ClassNamesFn;
 
-declare module "classnames" {
-	export = classNames
-}
+export = classNames;
+export as namespace classNames;
diff --git a/types/classnames/tslint.json b/types/classnames/tslint.json
new file mode 100644
index 0000000000..3db14f85ea
--- /dev/null
+++ b/types/classnames/tslint.json
@@ -0,0 +1 @@
+{ "extends": "dtslint/dt.json" }

From 1f7b956ec1576837d64c70f56fc667de6bd4c6e1 Mon Sep 17 00:00:00 2001
From: Arthur Ozga <aozgaa@users.noreply.github.com>
Date: Mon, 15 May 2017 15:42:18 -0700
Subject: [PATCH 321/321] Remove contributor

---
 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 f0a5aabb00..ca799f21e5 100644
--- a/types/jquery/index.d.ts
+++ b/types/jquery/index.d.ts
@@ -1,6 +1,6 @@
 // Type definitions for jQuery 1.10.x / 2.0.x
 // Project: http://jquery.com/
-// Definitions by: Boris Yankov <https://github.com/borisyankov/>, Christian Hoffmeister <https://github.com/choffmeister>, Steve Fenton <https://github.com/Steve-Fenton>, Diullei Gomes <https://github.com/Diullei>, Tass Iliopoulos <https://github.com/tasoili>, Jason Swearingen <https://github.com/jasons-novaleaf>, Sean Hill <https://github.com/seanski>, Guus Goossens <https://github.com/Guuz>, Kelly Summerlin <https://github.com/ksummerlin>, Basarat Ali Syed <https://github.com/basarat>, Nicholas Wolverson <https://github.com/nwolverson>, Derek Cicerone <https://github.com/derekcicerone>, Andrew Gaspar <https://github.com/AndrewGaspar>, James Harrison Fisher <https://github.com/jameshfisher>, Seikichi Kondo <https://github.com/seikichi>, Benjamin Jackman <https://github.com/benjaminjackman>, Poul Sorensen <https://github.com/s093294>, Josh Strobl <https://github.com/JoshStrobl>, John Reilly <https://github.com/johnnyreilly/>, Dick van den Brink <https://github.com/DickvdBrink>, Thomas Schulz <https://github.com/King2500>
+// Definitions by: Boris Yankov <https://github.com/borisyankov/>, Christian Hoffmeister <https://github.com/choffmeister>, Steve Fenton <https://github.com/Steve-Fenton>, Diullei Gomes <https://github.com/Diullei>, Tass Iliopoulos <https://github.com/tasoili>, Jason Swearingen <https://github.com/jasons-novaleaf>, Sean Hill <https://github.com/seanski>, Guus Goossens <https://github.com/Guuz>, Kelly Summerlin <https://github.com/ksummerlin>, Basarat Ali Syed <https://github.com/basarat>, Nicholas Wolverson <https://github.com/nwolverson>, Derek Cicerone <https://github.com/derekcicerone>, Andrew Gaspar <https://github.com/AndrewGaspar>, Seikichi Kondo <https://github.com/seikichi>, Benjamin Jackman <https://github.com/benjaminjackman>, Poul Sorensen <https://github.com/s093294>, Josh Strobl <https://github.com/JoshStrobl>, John Reilly <https://github.com/johnnyreilly/>, Dick van den Brink <https://github.com/DickvdBrink>, Thomas Schulz <https://github.com/King2500>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 
 /* *****************************************************************************